@eui/styles 15.0.0-next.7 → 15.0.0-next.8

package/src/styles/05-material/_module.scss

@@ -24,5 +24,9 @@ $eui-theme: mat.define-light-theme((
 @include datepicker-theme.color($eui-theme);
 @include autocomplete-theme.color($eui-theme);
 
-@import 'full-indigo-pink-theme'; // TODO v15 temp usage as no doc / nothing seems to work with component theme imports
+// TODO v15 temp usage as no doc / nothing seems to work with component theme imports
+// temp for testing
+// @import 'full-indigo-pink-theme';
+
+// overrides over material for some edge cases
 @import 'overrides';

package/src/styles/999-showcase/_module.scss

@@ -1,3 +1,5 @@
+@import '@eui/styles-base/src/styles/eui-base-showcase-exports';
+
 @import 'prism-theme';
 @import 'component-demo-exports';
 @import 'docpage-navigation';

package/src/styles/eui-legacy-icons-font.scss

@@ -4,4 +4,4 @@ $eui-assets-path: '@eui/styles-base/dist/assets';
 @import '_base';
 
 // ICON FONT legacy export
-@import '@eui/styles-base/src/styles/05-assets/module-icons-font';
+@import '03-assets/module-legacy-icons-font';

package/src/styles/eui-showcase-all-dev.scss

@@ -0,0 +1,48 @@
+// BASE
+@import '_base';
+
+// RESET
+@import '00-reset/module';
+
+// BASE ROOT VARS
+@import '02b-base-vars/module';
+
+// ASSETS
+@import '03-assets/module';
+// ICON FONT legacy export
+@import '03-assets/module-legacy-icons-font';
+
+// BOOTSTRAP ONLY
+@import '04-vendors/module-bootstrap';
+// // VENDORS and overrides
+@import '04-vendors/module-legacy';
+
+// MATERIAL
+@import '05-material/module';
+
+// SHARED and overrides
+@import '06-shared/module';
+
+// COMPONENTS
+@import '07-elements/module';
+// // COMPONENTS
+@import '07-elements/module-legacy';
+
+// THEMES
+@import '08-themes/module';
+
+// MEDIA
+@import '10-media/module';
+// MEDIA
+@import '10-media/module-print';
+
+// EXTRAS CMP & OVERRIDES
+@import '11-extras/module';
+
+// UTILITIES
+@import '99-utilities/module';
+// // UTILITIES
+@import '99-utilities/module-legacy';
+
+// showcase only styling
+@import '999-showcase/module';

package/src/styles/eui-showcase-all.scss

@@ -0,0 +1,50 @@
+$eui-assets-path: '@eui/styles-base/dist/assets';
+
+// BASE
+@import '_base';
+
+// RESET
+@import '00-reset/module';
+
+// BASE ROOT VARS
+@import '02b-base-vars/module';
+
+// ASSETS
+@import '03-assets/module';
+// ICON FONT legacy export
+@import '03-assets/module-legacy-icons-font';
+
+// BOOTSTRAP ONLY
+@import '04-vendors/module-bootstrap';
+// // VENDORS and overrides
+@import '04-vendors/module-legacy';
+
+// MATERIAL
+@import '05-material/module';
+
+// SHARED and overrides
+@import '06-shared/module';
+
+// COMPONENTS
+@import '07-elements/module';
+// // COMPONENTS
+@import '07-elements/module-legacy';
+
+// THEMES
+@import '08-themes/module';
+
+// MEDIA
+@import '10-media/module';
+// MEDIA
+@import '10-media/module-print';
+
+// EXTRAS CMP & OVERRIDES
+@import '11-extras/module';
+
+// UTILITIES
+@import '99-utilities/module';
+// // UTILITIES
+@import '99-utilities/module-legacy';
+
+// showcase only styling
+@import '999-showcase/module';

package/dist/styles/eui-showcase.css

@@ -1,2 +0,0 @@
-code[class*=language-],pre[class*=language-]{color:#000;background:none;text-shadow:0 1px #fff;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;tab-size:4;-webkit-hyphens:none;hyphens:none;font-size:14px}code[class*=language-]::selection,code[class*=language-] ::selection,pre[class*=language-]::selection,pre[class*=language-] ::selection{text-shadow:none;background:#b3d4fc}@media print{code[class*=language-],pre[class*=language-]{text-shadow:none}}pre[class*=language-]{position:relative;margin:.5em 0;overflow:visible;padding:0}pre[class*=language-]>code{position:relative;border-left:4px solid var(--eui-base-color-info-110);background-color:#fdfdfd;background-size:4em 3em;background-origin:content-box;background-attachment:local;padding:.5em}code[class*=language]{max-height:inherit;height:inherit;padding:0 1em;display:block;overflow:auto}:not(pre)>code[class*=language-],pre[class*=language-]{background:#f5f2f0}:not(pre)>code[class*=language-]{padding:.5em;border-radius:.3em;white-space:normal}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#708090}.token.punctuation{color:#999}.token.namespace{opacity:.7}.token.boolean,.token.constant,.token.deleted,.token.number,.token.property,.token.symbol,.token.tag{color:#905}.token.attr-name,.token.builtin,.token.char,.token.inserted,.token.selector,.token.string{color:#690}.language-css .token.string,.style .token.string,.token.entity,.token.operator,.token.url{color:#9a6e3a;background:hsla(0,0%,100%,.5)}.token.atrule,.token.attr-value,.token.keyword{color:#07a}.token.class-name,.token.function{color:#dd4a68}.token.important,.token.regex,.token.variable{color:#e90}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.eui-showcase-demo{position:relative}.eui-showcase-demo-flex{align-items:center;display:flex;width:100%}.eui-showcase-demo-flex-column{align-self:flex-start;flex:1 1 50%;width:50%}.eui-showcase-demo .flex-spacer{flex:1 1 auto;margin:0 2rem}.eui-showcase-demo .code{background-color:#f8f8ff;border:2px dotted silver;display:block;max-height:20rem;overflow-y:auto;padding:.5rem;position:relative}.eui-showcase-demo .code::-webkit-scrollbar{display:inherit;height:6px;width:6px;background-color:var(--eui-base-color-grey-10)}.eui-showcase-demo .code::-webkit-scrollbar-thumb{background-color:var(--eui-base-color-grey-20);border-radius:5rem}.eui-showcase-demo .code::-webkit-scrollbar-thumb:hover{background-color:var(--eui-base-color-grey-25)}.eui-showcase-demo .code::-webkit-scrollbar-track{background-color:var(--eui-base-color-grey-10);border-radius:0}.eui-showcase-demo .code pre{color:#666;display:block;font-family:monospace;font-size:80%;line-height:1.25;margin-bottom:0;overflow:initial}.eui-showcase-demo .code pre>*{align-items:center;display:flex;font-size:100%}.eui-showcase-demo .code pre.newline{display:flex;margin-bottom:0}.eui-showcase-demo .code pre.inline{display:inline-flex}.eui-showcase-demo .code .one{margin-left:2rem}.eui-showcase-demo .code .two{margin-left:4rem}.eui-showcase-demo .code .three{margin-left:6rem}.eui-showcase-demo .code .four{margin-left:8rem}.eui-showcase-demo .code .five{margin-left:10rem}.eui-showcase-demo .code .vspace{margin-bottom:.5rem!important}:root{--eui-docpage-navigation-z-index:1}.inner-title{color:var(--eui-base-color-grey-100);font-size:var(--eui-base-font-size-l);padding:var(--eui-base-spacing-m) 0 var(--eui-base-spacing-s) 0;font-style:normal;font-weight:300}.inner-title.first{padding-top:var(--eui-base-spacing-s)}.section-title.big,h1.section-title{border-bottom:1px solid var(--eui-base-color-grey-75);color:var(--eui-base-color-primary-100);font-size:var(--eui-base-font-size-4xl);margin:var(--eui-base-font-size-3xl) 0 var(--eui-base-font-size-2xl);padding-bottom:var(--eui-base-spacing-m);text-align:center;width:100%;font-style:normal;font-weight:300}.section-title.big.first,h1.section-title.first{margin-top:var(--eui-base-spacing-m)}h3.section-title{border-bottom:1px solid var(--eui-base-color-grey-25);color:var(--eui-base-color-primary-100);font-size:var(--eui-base-font-size-3xl);margin:var(--eui-base-spacing-4xl) 0 var(--eui-base-spacing-l);padding-bottom:var(--eui-base-spacing-s);width:100%;font-style:normal;font-weight:300}h3.section-title.first{margin-top:var(--eui-base-spacing-l)}.section-title,h4.section-title,h5.section-title{border-bottom:1px solid var(--eui-base-color-grey-25);color:var(--eui-base-color-primary);font-size:var(--eui-base-font-size-l);margin:var(--eui-base-spacing-4xl) 0 var(--eui-base-spacing-l);padding-bottom:var(--eui-base-spacing-s);width:100%;font-style:normal;font-weight:300}.section-title.noborder,h4.section-title.noborder,h5.section-title.noborder{border-bottom:none;padding-bottom:var(--eui-base-spacing-2xs);margin-bottom:var(--eui-base-spacing-m)}.section-title.first,h4.section-title.first,h5.section-title.first{margin-top:var(--eui-base-spacing-l)}.section-title.small,h6.section-title{color:var(--eui-base-color-info-110);display:table;font-family:var(--eui-base-font-family);font-size:var(--eui-base-font-size-l);font-weight:500;letter-spacing:-.25px;margin:var(--eui-base-spacing-2xl) 0 var(--eui-base-spacing-s);padding-bottom:var(--eui-base-spacing-2xs);width:auto}.section-title.small.border,h6.section-title.border{display:block;border-bottom:1px solid var(--eui-base-color-grey-25)}.section-title.small.noborder,h6.section-title.noborder{border-bottom:none}.section-title.small.first,h6.section-title.first{margin-top:var(--eui-base-spacing-m)}.section-subtitle{color:var(--eui-base-color-grey-50);margin:0}
-/*# sourceMappingURL=eui-showcase.css.map */

package/dist/styles/eui-showcase.css.map

@@ -1 +0,0 @@
-{"version":3,"sources":["999-showcase/_prism-theme.scss","eui-showcase.scss","999-showcase/_component-demo-exports.scss","02-base/mixins/_eui-scrollbars.scss","999-showcase/_docpage-navigation.scss","999-showcase/_specific-typography.scss","../../../../../../../node_modules/@eui/styles-base/src/styles/02-base/mixins/_eui-font-family.scss"],"names":[],"mappings":"AAAA,6CAEI,UAAA,CACA,eAAA,CACA,sBAAA,CACA,6DAAA,CACA,aAAA,CACA,eAAA,CACA,eAAA,CACA,mBAAA,CACA,iBAAA,CACA,gBAAA,CACA,eAAA,CAIA,UAAA,CAEA,oBAAA,CAGA,YAAA,CAEA,cCgCJ,CDvBA,wIAEI,gBAAA,CACA,kBCgCJ,CD7BA,aACI,6CAEI,gBCgCN,CACF,CD3BA,sBACG,iBAAA,CACA,aAAA,CACA,gBAAA,CACA,SC+BH,CD7BA,2BACG,iBAAA,CACA,oDAAA,CACA,wBAAA,CACA,uBAAA,CACA,6BAAA,CACA,2BAAA,CACA,YCgCH,CD7BA,sBACG,kBAAA,CACA,cAAA,CACA,aAAA,CACA,aAAA,CACA,aCgCH,CD7BA,uDAEI,kBCgCJ,CD5BA,iCACI,YAAA,CACA,kBAAA,CACA,kBCgCJ,CD7BA,yDAII,aCgCJ,CD7BA,mBACI,UCgCJ,CD7BA,iBACI,UCgCJ,CD7BA,qGAOI,UCgCJ,CD7BA,0FAMI,UCgCJ,CD7BA,0FAKI,aAAA,CACA,6BCgCJ,CD7BA,+CAGI,UCgCJ,CD7BA,kCAEI,aCgCJ,CD7BA,8CAGI,UCgCJ,CD7BA,6BAEI,eCgCJ,CD9BA,cACI,iBCiCJ,CD9BA,cACI,WCiCJ,CCzLA,mBACI,iBD4LJ,CC1LI,wBACI,kBAAA,CACA,YAAA,CACA,UD4LR,CCzLI,+BACI,qBAAA,CACA,YAAA,CACA,SD2LR,CCxLI,gCACI,aAAA,CACA,aD0LR,CCvLI,yBACI,wBAAA,CACA,wBAAA,CACA,aAAA,CACA,gBAAA,CACA,eAAA,CACA,aAAA,CACA,iBDyLR,CEnNI,4CACI,eAAA,CACA,UDyBwB,CCxBxB,SDwBwB,CCrBpB,8CFmNZ,CE3MI,kDAEQ,8CAjB0C,CAkB1C,kBF4MZ,CE1MY,wDACI,8CF4MhB,CEnMI,kDAEQ,8CAhCwF,CAiCxF,eFoMZ,CCvMQ,6BACI,UAAA,CACA,aAAA,CACA,qBAAA,CACA,aAAA,CACA,gBAAA,CACA,eAAA,CACA,gBDyMZ,CCvMY,+BACI,kBAAA,CACA,YAAA,CACA,cDyMhB,CCrMQ,qCACI,YAAA,CACA,eDuMZ,CCrMQ,oCACI,mBDuMZ,CCpMQ,8BACI,gBDsMZ,CCnMQ,8BACI,gBDqMZ,CClMQ,gCACI,gBDoMZ,CCjMQ,+BACI,gBDmMZ,CChMQ,+BACI,iBDkMZ,CC/LQ,iCACI,6BDiMZ,CG5QA,MACI,kCH+QJ,CI/QA,aACI,oCAAA,CACA,qCAAA,CACA,+DAAA,CCiBA,iBAAA,CACA,eLkQJ,CIjRI,mBACI,qCJmRR,CI/QA,oCAEI,qDAAA,CACA,uCAAA,CACA,uCAAA,CACA,oEAAA,CACA,wCAAA,CACA,iBAAA,CACA,UAAA,CCCA,iBAAA,CACA,eLkRJ,CIjRI,gDACI,oCJoRR,CIhRA,iBACI,qDAAA,CACA,uCAAA,CACA,uCAAA,CACA,8DAAA,CACA,wCAAA,CACA,UAAA,CCbA,iBAAA,CACA,eLiSJ,CIlRI,uBACI,oCJoRR,CIhRA,iDAGI,qDAAA,CACA,mCAAA,CACA,qCAAA,CACA,8DAAA,CACA,wCAAA,CACA,UAAA,CC7BA,iBAAA,CACA,eLiTJ,CIlRI,4EACI,kBAAA,CACA,0CAAA,CACA,uCJsRR,CInRI,mEACI,oCJuRR,CInRA,sCAEI,oCAAA,CACA,aAAA,CACA,uCAAA,CACA,qCAAA,CACA,eAAA,CACA,qBAAA,CACA,8DAAA,CACA,0CAAA,CACA,UJsRJ,CIpRI,oDACI,aAAA,CACA,qDJuRR,CIpRI,wDACI,kBJuRR,CIpRI,kDACI,oCJuRR,CInRA,kBACI,mCAAA,CACA,QJsRJ","file":"eui-showcase.css","sourcesContent":["code[class*=\"language-\"],\npre[class*=\"language-\"] {\n    color: black;\n    background: none;\n    text-shadow: 0 1px white;\n    font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;\n    font-size: 1em;\n    text-align: left;\n    white-space: pre;\n    word-spacing: normal;\n    word-break: normal;\n    word-wrap: normal;\n    line-height: 1.5;\n\n    -moz-tab-size: 4;\n    -o-tab-size: 4;\n    tab-size: 4;\n\n    -webkit-hyphens: none;\n    -moz-hyphens: none;\n    -ms-hyphens: none;\n    hyphens: none;\n\n    font-size: 14px;\n}\n\npre[class*=\"language-\"]::-moz-selection, pre[class*=\"language-\"] ::-moz-selection,\ncode[class*=\"language-\"]::-moz-selection, code[class*=\"language-\"] ::-moz-selection {\n    text-shadow: none;\n    background: #f4f4f4;\n}\n\npre[class*=\"language-\"]::selection, pre[class*=\"language-\"] ::selection,\ncode[class*=\"language-\"]::selection, code[class*=\"language-\"] ::selection {\n    text-shadow: none;\n    background: #b3d4fc;\n}\n\n@media print {\n    code[class*=\"language-\"],\n    pre[class*=\"language-\"] {\n        text-shadow: none;\n    }\n}\n\n/* Code blocks */\n/* Code blocks */\npre[class*=\"language-\"] {\n   position: relative;\n   margin: .5em 0;\n   overflow: visible;\n   padding: 0;\n}\npre[class*=\"language-\"]>code {\n   position: relative;\n   border-left: 4px solid v(eui-base-color-info-110);\n   background-color: #fdfdfd;\n   background-size: 4em 3em;\n   background-origin: content-box;\n   background-attachment: local;\n   padding: 0.5em;\n}\n\ncode[class*=\"language\"] {\n   max-height: inherit;\n   height: inherit;\n   padding: 0 1em;\n   display: block;\n   overflow: auto;\n}\n\n:not(pre) > code[class*=\"language-\"],\npre[class*=\"language-\"] {\n    background: #f5f2f0;\n}\n\n/* Inline code */\n:not(pre) > code[class*=\"language-\"] {\n    padding: 0.5em;\n    border-radius: .3em;\n    white-space: normal;\n}\n\n.token.comment,\n.token.prolog,\n.token.doctype,\n.token.cdata {\n    color: slategray;\n}\n\n.token.punctuation {\n    color: #999;\n}\n\n.token.namespace {\n    opacity: .7;\n}\n\n.token.property,\n.token.tag,\n.token.boolean,\n.token.number,\n.token.constant,\n.token.symbol,\n.token.deleted {\n    color: #905;\n}\n\n.token.selector,\n.token.attr-name,\n.token.string,\n.token.char,\n.token.builtin,\n.token.inserted {\n    color: #690;\n}\n\n.token.operator,\n.token.entity,\n.token.url,\n.language-css .token.string,\n.style .token.string {\n    color: #9a6e3a;\n    background: hsla(0, 0%, 100%, .5);\n}\n\n.token.atrule,\n.token.attr-value,\n.token.keyword {\n    color: #07a;\n}\n\n.token.function,\n.token.class-name {\n    color: #DD4A68;\n}\n\n.token.regex,\n.token.important,\n.token.variable {\n    color: #e90;\n}\n\n.token.important,\n.token.bold {\n    font-weight: bold;\n}\n.token.italic {\n    font-style: italic;\n}\n\n.token.entity {\n    cursor: help;\n}\n","/**\n   * ECL color variants formula\n   * Applies tint or shade of base color provided\n   *\n   * @param color: base color, has variant of 100\n   * @param variant: number in range between 0 - 200\n   *                 100 - neutral variant, no changes\n   *                 0 - 99: brightens base color by mixing in white color, the lower, the brighter\n   *                 99 - 200: darkens base color by mixing in black color, the bigger, the darker\n   *\n   * @return color variant of provided base color\n   *\n   * @examples\n   *\n   * // provides 30% darker pink color\n   * background-color: eui-color-variant(pink, 130);\n   *\n   * // provides 95% lighter pink color\n   * background-color: eui-color-variant(pink, 5);\n   */\n/** Common weight name mapping\n    @See the OpenType specification:\n    https://docs.microsoft.com/en-us/typography/opentype/spec/os2#usweightclass\n    The numerical values 100 to 900 roughly correspond to the following common weight names:\n    100     Thin (Hairline)\n    200\t    Extra Light (Ultra Light)\n    300\t    Light\n    400\t    Normal\n    500\t    Medium\n    600\t    Semi Bold (Demi Bold)\n    700\t    Bold\n    800\t    Extra Bold (Ultra Bold)\n    900\t    Black (Heavy)\n**/\ncode[class*=language-],\npre[class*=language-] {\n  color: black;\n  background: none;\n  text-shadow: 0 1px white;\n  font-family: Consolas, Monaco, \"Andale Mono\", \"Ubuntu Mono\", monospace;\n  font-size: 1em;\n  text-align: left;\n  white-space: pre;\n  word-spacing: normal;\n  word-break: normal;\n  word-wrap: normal;\n  line-height: 1.5;\n  -moz-tab-size: 4;\n  -o-tab-size: 4;\n  tab-size: 4;\n  -webkit-hyphens: none;\n  -moz-hyphens: none;\n  -ms-hyphens: none;\n  hyphens: none;\n  font-size: 14px;\n}\n\npre[class*=language-]::-moz-selection, pre[class*=language-] ::-moz-selection,\ncode[class*=language-]::-moz-selection, code[class*=language-] ::-moz-selection {\n  text-shadow: none;\n  background: #f4f4f4;\n}\n\npre[class*=language-]::selection, pre[class*=language-] ::selection,\ncode[class*=language-]::selection, code[class*=language-] ::selection {\n  text-shadow: none;\n  background: #b3d4fc;\n}\n\n@media print {\n  code[class*=language-],\npre[class*=language-] {\n    text-shadow: none;\n  }\n}\n/* Code blocks */\n/* Code blocks */\npre[class*=language-] {\n  position: relative;\n  margin: 0.5em 0;\n  overflow: visible;\n  padding: 0;\n}\n\npre[class*=language-] > code {\n  position: relative;\n  border-left: 4px solid var(--eui-base-color-info-110);\n  background-color: #fdfdfd;\n  background-size: 4em 3em;\n  background-origin: content-box;\n  background-attachment: local;\n  padding: 0.5em;\n}\n\ncode[class*=language] {\n  max-height: inherit;\n  height: inherit;\n  padding: 0 1em;\n  display: block;\n  overflow: auto;\n}\n\n:not(pre) > code[class*=language-],\npre[class*=language-] {\n  background: #f5f2f0;\n}\n\n/* Inline code */\n:not(pre) > code[class*=language-] {\n  padding: 0.5em;\n  border-radius: 0.3em;\n  white-space: normal;\n}\n\n.token.comment,\n.token.prolog,\n.token.doctype,\n.token.cdata {\n  color: slategray;\n}\n\n.token.punctuation {\n  color: #999;\n}\n\n.token.namespace {\n  opacity: 0.7;\n}\n\n.token.property,\n.token.tag,\n.token.boolean,\n.token.number,\n.token.constant,\n.token.symbol,\n.token.deleted {\n  color: #905;\n}\n\n.token.selector,\n.token.attr-name,\n.token.string,\n.token.char,\n.token.builtin,\n.token.inserted {\n  color: #690;\n}\n\n.token.operator,\n.token.entity,\n.token.url,\n.language-css .token.string,\n.style .token.string {\n  color: #9a6e3a;\n  background: rgba(255, 255, 255, 0.5);\n}\n\n.token.atrule,\n.token.attr-value,\n.token.keyword {\n  color: #07a;\n}\n\n.token.function,\n.token.class-name {\n  color: #DD4A68;\n}\n\n.token.regex,\n.token.important,\n.token.variable {\n  color: #e90;\n}\n\n.token.important,\n.token.bold {\n  font-weight: bold;\n}\n\n.token.italic {\n  font-style: italic;\n}\n\n.token.entity {\n  cursor: help;\n}\n\n.eui-showcase-demo {\n  position: relative;\n}\n.eui-showcase-demo-flex {\n  align-items: center;\n  display: flex;\n  width: 100%;\n}\n.eui-showcase-demo-flex-column {\n  align-self: flex-start;\n  flex: 1 1 50%;\n  width: 50%;\n}\n.eui-showcase-demo .flex-spacer {\n  flex: 1 1 auto;\n  margin: 0 2rem;\n}\n.eui-showcase-demo .code {\n  background-color: ghostwhite;\n  border: 2px dotted silver;\n  display: block;\n  max-height: 20rem;\n  overflow-y: auto;\n  padding: 0.5rem;\n  position: relative;\n}\n.eui-showcase-demo .code::-webkit-scrollbar {\n  display: inherit;\n  height: 6px;\n  width: 6px;\n  background-color: var(--eui-base-color-grey-10);\n}\n.eui-showcase-demo .code::-webkit-scrollbar-thumb {\n  background-color: var(--eui-base-color-grey-20);\n  border-radius: 5rem;\n}\n.eui-showcase-demo .code::-webkit-scrollbar-thumb:hover {\n  background-color: var(--eui-base-color-grey-25);\n}\n.eui-showcase-demo .code::-webkit-scrollbar-track {\n  background-color: var(--eui-base-color-grey-10);\n  border-radius: 0;\n}\n.eui-showcase-demo .code pre {\n  color: #666;\n  display: block;\n  font-family: monospace;\n  font-size: 80%;\n  line-height: 1.25;\n  margin-bottom: 0;\n  overflow: initial;\n}\n.eui-showcase-demo .code pre > * {\n  align-items: center;\n  display: flex;\n  font-size: 100%;\n}\n.eui-showcase-demo .code pre.newline {\n  display: flex;\n  margin-bottom: 0;\n}\n.eui-showcase-demo .code pre.inline {\n  display: inline-flex;\n}\n.eui-showcase-demo .code .one {\n  margin-left: 2rem;\n}\n.eui-showcase-demo .code .two {\n  margin-left: 4rem;\n}\n.eui-showcase-demo .code .three {\n  margin-left: 6rem;\n}\n.eui-showcase-demo .code .four {\n  margin-left: 8rem;\n}\n.eui-showcase-demo .code .five {\n  margin-left: 10rem;\n}\n.eui-showcase-demo .code .vspace {\n  margin-bottom: 0.5rem !important;\n}\n\n:root {\n  --eui-docpage-navigation-z-index: 1;\n}\n\n.inner-title {\n  color: var(--eui-base-color-grey-100);\n  font-size: var(--eui-base-font-size-l);\n  padding: var(--eui-base-spacing-m) 0 var(--eui-base-spacing-s) 0;\n  font-style: normal;\n  font-weight: 300;\n}\n.inner-title.first {\n  padding-top: var(--eui-base-spacing-s);\n}\n\nh1.section-title,\n.section-title.big {\n  border-bottom: 1px solid var(--eui-base-color-grey-75);\n  color: var(--eui-base-color-primary-100);\n  font-size: var(--eui-base-font-size-4xl);\n  margin: var(--eui-base-font-size-3xl) 0 var(--eui-base-font-size-2xl);\n  padding-bottom: var(--eui-base-spacing-m);\n  text-align: center;\n  width: 100%;\n  font-style: normal;\n  font-weight: 300;\n}\nh1.section-title.first,\n.section-title.big.first {\n  margin-top: var(--eui-base-spacing-m);\n}\n\nh3.section-title {\n  border-bottom: 1px solid var(--eui-base-color-grey-25);\n  color: var(--eui-base-color-primary-100);\n  font-size: var(--eui-base-font-size-3xl);\n  margin: var(--eui-base-spacing-4xl) 0 var(--eui-base-spacing-l);\n  padding-bottom: var(--eui-base-spacing-s);\n  width: 100%;\n  font-style: normal;\n  font-weight: 300;\n}\nh3.section-title.first {\n  margin-top: var(--eui-base-spacing-l);\n}\n\nh4.section-title,\nh5.section-title,\n.section-title {\n  border-bottom: 1px solid var(--eui-base-color-grey-25);\n  color: var(--eui-base-color-primary);\n  font-size: var(--eui-base-font-size-l);\n  margin: var(--eui-base-spacing-4xl) 0 var(--eui-base-spacing-l);\n  padding-bottom: var(--eui-base-spacing-s);\n  width: 100%;\n  font-style: normal;\n  font-weight: 300;\n}\nh4.section-title.noborder,\nh5.section-title.noborder,\n.section-title.noborder {\n  border-bottom: none;\n  padding-bottom: var(--eui-base-spacing-2xs);\n  margin-bottom: var(--eui-base-spacing-m);\n}\nh4.section-title.first,\nh5.section-title.first,\n.section-title.first {\n  margin-top: var(--eui-base-spacing-l);\n}\n\nh6.section-title,\n.section-title.small {\n  color: var(--eui-base-color-info-110);\n  display: table;\n  font-family: var(--eui-base-font-family);\n  font-size: var(--eui-base-font-size-l);\n  font-weight: 500;\n  letter-spacing: -0.25px;\n  margin: var(--eui-base-spacing-2xl) 0 var(--eui-base-spacing-s);\n  padding-bottom: var(--eui-base-spacing-2xs);\n  width: auto;\n}\nh6.section-title.border,\n.section-title.small.border {\n  display: block;\n  border-bottom: 1px solid var(--eui-base-color-grey-25);\n}\nh6.section-title.noborder,\n.section-title.small.noborder {\n  border-bottom: none;\n}\nh6.section-title.first,\n.section-title.small.first {\n  margin-top: var(--eui-base-spacing-m);\n}\n\n.section-subtitle {\n  color: var(--eui-base-color-grey-50);\n  margin: 0;\n}\n\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9ub2RlX21vZHVsZXMvQGV1aS9zdHlsZXMtYmFzZS9zcmMvc3R5bGVzLzAyLWJhc2UvZnVuY3Rpb25zL191dGlscy5zY3NzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vbm9kZV9tb2R1bGVzL0BldWkvc3R5bGVzLWJhc2Uvc3JjL3N0eWxlcy8wMi1iYXNlL21peGlucy9fZXVpLWZvbnQtZmFtaWx5LnNjc3MiLCI5OTktc2hvd2Nhc2UvX3ByaXNtLXRoZW1lLnNjc3MiLCI5OTktc2hvd2Nhc2UvX2NvbXBvbmVudC1kZW1vLWV4cG9ydHMuc2NzcyIsIjAyLWJhc2UvbWl4aW5zL19ldWktc2Nyb2xsYmFycy5zY3NzIiwiOTk5LXNob3djYXNlL19kb2NwYWdlLW5hdmlnYXRpb24uc2NzcyIsIjk5OS1zaG93Y2FzZS9fc3BlY2lmaWMtdHlwb2dyYXBoeS5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXdDQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FDeENBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUNBQTtBQUFBO0VBRUk7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUVBO0VBQ0E7RUFDQTtFQUVBO0VBQ0E7RUFDQTtFQUNBO0VBRUE7OztBQUdKO0FBQUE7RUFFSTtFQUNBOzs7QUFHSjtBQUFBO0VBRUk7RUFDQTs7O0FBR0o7RUFDSTtBQUFBO0lBRUk7OztBQUlSO0FBQ0E7QUFDQTtFQUNHO0VBQ0E7RUFDQTtFQUNBOzs7QUFFSDtFQUNHO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBOzs7QUFHSDtFQUNHO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7OztBQUdIO0FBQUE7RUFFSTs7O0FBR0o7QUFDQTtFQUNJO0VBQ0E7RUFDQTs7O0FBR0o7QUFBQTtBQUFBO0FBQUE7RUFJSTs7O0FBR0o7RUFDSTs7O0FBR0o7RUFDSTs7O0FBR0o7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7RUFPSTs7O0FBR0o7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0VBTUk7OztBQUdKO0FBQUE7QUFBQTtBQUFBO0FBQUE7RUFLSTtFQUNBOzs7QUFHSjtBQUFBO0FBQUE7RUFHSTs7O0FBR0o7QUFBQTtFQUVJOzs7QUFHSjtBQUFBO0FBQUE7RUFHSTs7O0FBR0o7QUFBQTtFQUVJOzs7QUFFSjtFQUNJOzs7QUFHSjtFQUNJOzs7QUN4Sko7RUFDSTs7QUFFQTtFQUNJO0VBQ0E7RUFDQTs7QUFHSjtFQUNJO0VBQ0E7RUFDQTs7QUFHSjtFQUNJO0VBQ0E7O0FBR0o7RUFDSTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTs7QUMxQko7RUFDSTtFQUNBLFFEeUJ3QjtFQ3hCeEIsT0R3QndCO0VDckJwQixrQkFQd0Y7O0FBZWhHO0VBRVEsa0JBakIwQztFQWtCMUMsZUFsQm1JOztBQW9Cbkk7RUFDSTs7QUFTWjtFQUVRLGtCQWhDd0Y7RUFpQ3hGOztBREhKO0VBQ0k7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7O0FBRUE7RUFDSTtFQUNBO0VBQ0E7O0FBSVI7RUFDSTtFQUNBOztBQUVKO0VBQ0k7O0FBR0o7RUFDSTs7QUFHSjtFQUNJOztBQUdKO0VBQ0k7O0FBR0o7RUFDSTs7QUFHSjtFQUNJOztBQUdKO0VBQ0k7OztBRTNFWjtFQUNJOzs7QUNBSjtFQUNJO0VBQ0E7RUFDQTtFTGlCQTtFQUNBOztBS2ZBO0VBQ0k7OztBQUlSO0FBQUE7RUFFSTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFTENBO0VBQ0E7O0FLQ0E7QUFBQTtFQUNJOzs7QUFJUjtFQUNJO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFTGJBO0VBQ0E7O0FLZUE7RUFDSTs7O0FBSVI7QUFBQTtBQUFBO0VBR0k7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VMN0JBO0VBQ0E7O0FLK0JBO0FBQUE7QUFBQTtFQUNJO0VBQ0E7RUFDQTs7QUFHSjtBQUFBO0FBQUE7RUFDSTs7O0FBSVI7QUFBQTtFQUVJO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTs7QUFFQTtBQUFBO0VBQ0k7RUFDQTs7QUFHSjtBQUFBO0VBQ0k7O0FBR0o7QUFBQTtFQUNJOzs7QUFJUjtFQUNJO0VBQ0EiLCJmaWxlIjoiZXVpLXNob3djYXNlLnRlbXAuY3NzIiwic291cmNlc0NvbnRlbnQiOlsiQHVzZSBcInNhc3M6bWF0aFwiO1xuQGZ1bmN0aW9uIHYoJHZhciwgJGZhbGxiYWNrOiBudWxsKSB7XG4gICAgQGlmICgkZmFsbGJhY2spIHtcbiAgICAgICAgQHJldHVybiB2YXIoLS0jeyR2YXJ9LCAjeyRmYWxsYmFja30pO1xuICAgIH1cbiAgICBAZWxzZSB7XG4gICAgICAgIEByZXR1cm4gdmFyKC0tI3skdmFyfSk7XG4gICAgfVxufVxuQGZ1bmN0aW9uIG1hcC1kZWVwLWdldCgkbWFwLCAka2V5cy4uLikge1xuICAgIEBlYWNoICRrZXkgaW4gJGtleXMge1xuICAgICAgICBAZGVidWcgI3skbWFwfTtcbiAgICAgICAgJG1hcDogbWFwLWdldCgkbWFwLCAka2V5KTtcbiAgICB9XG4gICAgQHJldHVybiAkbWFwO1xufVxuQGZ1bmN0aW9uIHRvUkdCKCRjb2xvcikge1xuICAgIEByZXR1cm4gXCJyZ2IoXCIgKyByZWQoJGNvbG9yKSArIFwiLCBcIiArIGdyZWVuKCRjb2xvcikgKyBcIiwgXCIgKyBibHVlKCRjb2xvcikrIFwiKVwiO1xufVxuQGZ1bmN0aW9uIGdldENvbnRyYXN0KCRjb2xvcikge1xuICAgICRjb2xvci1icmlnaHRuZXNzOiByb3VuZCgocmVkKCRjb2xvcikgKiAyOTkpICsgKGdyZWVuKCRjb2xvcikgKiA1ODcpICsgbWF0aC5kaXYoKGJsdWUoJGNvbG9yKSAqIDExNCksIDEwMDApKTtcbiAgICAkbGlnaHQtY29sb3I6IHJvdW5kKChyZWQoI2ZmZikgKiAyOTkpICsgKGdyZWVuKCNmZmYpICogNTg3KSArIG1hdGguZGl2KChibHVlKCNmZmYpICogMTE0KSwgMTAwMCkpO1xuICAgIEBpZiBhYnMoJGNvbG9yLWJyaWdodG5lc3MpIDwgbWF0aC5kaXYoJGxpZ2h0LWNvbG9yLCAyKSB7XG4gICAgICAgIEByZXR1cm4gd2hpdGU7XG4gICAgfVxuICAgIEBlbHNlIHtcbiAgICAgICAgQHJldHVybiBtYXAtZ2V0KCRlY2wtY29sb3IsICdncmV5LTEwMCcpO1xuICAgIH1cbn1cbkBmdW5jdGlvbiBnZXRDb2xvcigkc2hhZGU6IHByaW1hcnksICRodWU6IDEwMCkge1xuICAgICRzZWxlY3RlZC1zaGFkZTogbWFwLWdldCgkZXVpLWJhc2UtdG9rZW5zLWNvbG9ycywgJHNoYWRlKTtcbiAgICBAaWYgKCRzZWxlY3RlZC1zaGFkZSkge1xuICAgICAgICBAcmV0dXJuIG1hcC1nZXQoJHNlbGVjdGVkLXNoYWRlLCAkaHVlKTtcbiAgICB9XG4gICAgQGVsc2Uge1xuICAgICAgICBAcmV0dXJuIGJsYWNrO1xuICAgIH1cbiAgICBAcmV0dXJuICRzZWxlY3RlZC1jb2xvcjtcbn1cblxuLyoqXG4gICAqIEVDTCBjb2xvciB2YXJpYW50cyBmb3JtdWxhXG4gICAqIEFwcGxpZXMgdGludCBvciBzaGFkZSBvZiBiYXNlIGNvbG9yIHByb3ZpZGVkXG4gICAqXG4gICAqIEBwYXJhbSBjb2xvcjogYmFzZSBjb2xvciwgaGFzIHZhcmlhbnQgb2YgMTAwXG4gICAqIEBwYXJhbSB2YXJpYW50OiBudW1iZXIgaW4gcmFuZ2UgYmV0d2VlbiAwIC0gMjAwXG4gICAqICAgICAgICAgICAgICAgICAxMDAgLSBuZXV0cmFsIHZhcmlhbnQsIG5vIGNoYW5nZXNcbiAgICogICAgICAgICAgICAgICAgIDAgLSA5OTogYnJpZ2h0ZW5zIGJhc2UgY29sb3IgYnkgbWl4aW5nIGluIHdoaXRlIGNvbG9yLCB0aGUgbG93ZXIsIHRoZSBicmlnaHRlclxuICAgKiAgICAgICAgICAgICAgICAgOTkgLSAyMDA6IGRhcmtlbnMgYmFzZSBjb2xvciBieSBtaXhpbmcgaW4gYmxhY2sgY29sb3IsIHRoZSBiaWdnZXIsIHRoZSBkYXJrZXJcbiAgICpcbiAgICogQHJldHVybiBjb2xvciB2YXJpYW50IG9mIHByb3ZpZGVkIGJhc2UgY29sb3JcbiAgICpcbiAgICogQGV4YW1wbGVzXG4gICAqXG4gICAqIC8vIHByb3ZpZGVzIDMwJSBkYXJrZXIgcGluayBjb2xvclxuICAgKiBiYWNrZ3JvdW5kLWNvbG9yOiBldWktY29sb3ItdmFyaWFudChwaW5rLCAxMzApO1xuICAgKlxuICAgKiAvLyBwcm92aWRlcyA5NSUgbGlnaHRlciBwaW5rIGNvbG9yXG4gICAqIGJhY2tncm91bmQtY29sb3I6IGV1aS1jb2xvci12YXJpYW50KHBpbmssIDUpO1xuICAgKi9cbkBmdW5jdGlvbiBldWktY29sb3ItdmFyaWFudCgkY29sb3IsICR2YXJpYW50OiAxMDApIHtcbiAgICBAaWYgKCR2YXJpYW50IDwgMTAwKSB7XG4gICAgICAgIEByZXR1cm4gbWl4KCNmZmZmZmYsICRjb2xvciwgMTAwIC0gJHZhcmlhbnQpO1xuICAgIH1cbiAgICBAZWxzZSB7XG4gICAgICAgIEByZXR1cm4gbWl4KCMwMDAwMDAsICRjb2xvciwgJHZhcmlhbnQgLSAxMDApO1xuICAgIH1cbn1cbkBmdW5jdGlvbiBuZXctYnJlYWtwb2ludCgkcXVlcnk6ICRmZWF0dXJlICR2YWx1ZSkge1xuICAgIEBpZiBsZW5ndGgoJHF1ZXJ5KSA9PSAxIHtcbiAgICAgICAgJHF1ZXJ5OiAkZGVmYXVsdC1mZWF0dXJlIG50aCgkcXVlcnksIDEpO1xuICAgIH1cbiAgICBAZWxzZSBpZiBpcy1ldmVuKGxlbmd0aCgkcXVlcnkpKSB7XG4gICAgICAgICRxdWVyeTogYXBwZW5kKCRxdWVyeSwgMTIpO1xuICAgIH1cbiAgICBAcmV0dXJuICRxdWVyeTtcbn1cbkBmdW5jdGlvbiBzdHJpcC11bml0cygkdmFsdWUpIHtcbiAgICBAcmV0dXJuIG1hdGguZGl2KCR2YWx1ZSwgJHZhbHVlICogMCArIDEpO1xufVxuQGZ1bmN0aW9uIHRvLXJlbSgkcHh2YWwpIHtcbiAgICBAaWYgbm90IHVuaXRsZXNzKCRweHZhbCkge1xuICAgICAgICAkcHh2YWw6IHN0cmlwLXVuaXRzKCRweHZhbCk7XG4gICAgfVxuICAgICRiYXNlOiAxNnB4O1xuICAgIEBpZiBub3QgdW5pdGxlc3MoJGJhc2UpIHtcbiAgICAgICAgJGJhc2U6IHN0cmlwLXVuaXRzKCRiYXNlKTtcbiAgICB9XG4gICAgQHJldHVybiBtYXRoLmRpdigkcHh2YWwsICRiYXNlKSAqIDFyZW07XG59XG4iLCIvKiogQ29tbW9uIHdlaWdodCBuYW1lIG1hcHBpbmdcbiAgICBAU2VlIHRoZSBPcGVuVHlwZSBzcGVjaWZpY2F0aW9uOlxuICAgIGh0dHBzOi8vZG9jcy5taWNyb3NvZnQuY29tL2VuLXVzL3R5cG9ncmFwaHkvb3BlbnR5cGUvc3BlYy9vczIjdXN3ZWlnaHRjbGFzc1xuICAgIFRoZSBudW1lcmljYWwgdmFsdWVzIDEwMCB0byA5MDAgcm91Z2hseSBjb3JyZXNwb25kIHRvIHRoZSBmb2xsb3dpbmcgY29tbW9uIHdlaWdodCBuYW1lczpcbiAgICAxMDAgICAgIFRoaW4gKEhhaXJsaW5lKVxuICAgIDIwMFx0ICAgIEV4dHJhIExpZ2h0IChVbHRyYSBMaWdodClcbiAgICAzMDBcdCAgICBMaWdodFxuICAgIDQwMFx0ICAgIE5vcm1hbFxuICAgIDUwMFx0ICAgIE1lZGl1bVxuICAgIDYwMFx0ICAgIFNlbWkgQm9sZCAoRGVtaSBCb2xkKVxuICAgIDcwMFx0ICAgIEJvbGRcbiAgICA4MDBcdCAgICBFeHRyYSBCb2xkIChVbHRyYSBCb2xkKVxuICAgIDkwMFx0ICAgIEJsYWNrIChIZWF2eSlcbioqL1xuQG1peGluIGV1aS1mb250LWZhbWlseSgpIHtcbiAgICBmb250LWZhbWlseTogdihldWktYmFzZS1mb250LWZhbWlseSk7XG4gICAgZm9udC1zaXplOiB2KGV1aS1iYXNlLWZvbnQtc2l6ZSk7XG4gICAgZm9udC1zdHlsZTogbm9ybWFsO1xuICAgIGZvbnQtd2VpZ2h0OiA0MDA7XG59XG5AbWl4aW4gZXVpLWZvbnQtZmFtaWx5LWxpZ2h0KCkge1xuICAgIGZvbnQtc3R5bGU6IG5vcm1hbDtcbiAgICBmb250LXdlaWdodDogMzAwO1xufVxuQG1peGluIGV1aS1mb250LWZhbWlseS1ub3JtYWwoKSB7XG4gICAgZm9udC1zdHlsZTogbm9ybWFsO1xuICAgIGZvbnQtd2VpZ2h0OiA0MDA7XG59XG5AbWl4aW4gZXVpLWZvbnQtZmFtaWx5LWl0YWxpYygpIHtcbiAgICBmb250LXN0eWxlOiBpdGFsaWM7XG4gICAgZm9udC13ZWlnaHQ6IDQwMDtcbn1cbkBtaXhpbiBldWktZm9udC1mYW1pbHktYm9sZCgpIHtcbiAgICBmb250LXN0eWxlOiBub3JtYWw7XG4gICAgZm9udC13ZWlnaHQ6IDcwMDtcbn1cbkBtaXhpbiBldWktZm9udC1mYW1pbHktYm9sZC1pdGFsaWMoKSB7XG4gICAgZm9udC1zdHlsZTogaXRhbGljO1xuICAgIGZvbnQtd2VpZ2h0OiA3MDA7XG59XG5cbkBtaXhpbiBldWktZm9udC1mYW1pbHktbW9ub3NwYWNlKCkge1xuICAgIGZvbnQtZmFtaWx5OiB2KGV1aS1iYXNlLWZvbnQtZmFtaWx5LW1vbm9zcGFjZSk7XG4gICAgZm9udC1zdHlsZTogbm9ybWFsO1xuICAgIGZvbnQtd2VpZ2h0OiA0MDA7XG59XG4iLCJjb2RlW2NsYXNzKj1cImxhbmd1YWdlLVwiXSxcbnByZVtjbGFzcyo9XCJsYW5ndWFnZS1cIl0ge1xuICAgIGNvbG9yOiBibGFjaztcbiAgICBiYWNrZ3JvdW5kOiBub25lO1xuICAgIHRleHQtc2hhZG93OiAwIDFweCB3aGl0ZTtcbiAgICBmb250LWZhbWlseTogQ29uc29sYXMsIE1vbmFjbywgJ0FuZGFsZSBNb25vJywgJ1VidW50dSBNb25vJywgbW9ub3NwYWNlO1xuICAgIGZvbnQtc2l6ZTogMWVtO1xuICAgIHRleHQtYWxpZ246IGxlZnQ7XG4gICAgd2hpdGUtc3BhY2U6IHByZTtcbiAgICB3b3JkLXNwYWNpbmc6IG5vcm1hbDtcbiAgICB3b3JkLWJyZWFrOiBub3JtYWw7XG4gICAgd29yZC13cmFwOiBub3JtYWw7XG4gICAgbGluZS1oZWlnaHQ6IDEuNTtcblxuICAgIC1tb3otdGFiLXNpemU6IDQ7XG4gICAgLW8tdGFiLXNpemU6IDQ7XG4gICAgdGFiLXNpemU6IDQ7XG5cbiAgICAtd2Via2l0LWh5cGhlbnM6IG5vbmU7XG4gICAgLW1vei1oeXBoZW5zOiBub25lO1xuICAgIC1tcy1oeXBoZW5zOiBub25lO1xuICAgIGh5cGhlbnM6IG5vbmU7XG5cbiAgICBmb250LXNpemU6IDE0cHg7XG59XG5cbnByZVtjbGFzcyo9XCJsYW5ndWFnZS1cIl06Oi1tb3otc2VsZWN0aW9uLCBwcmVbY2xhc3MqPVwibGFuZ3VhZ2UtXCJdIDo6LW1vei1zZWxlY3Rpb24sXG5jb2RlW2NsYXNzKj1cImxhbmd1YWdlLVwiXTo6LW1vei1zZWxlY3Rpb24sIGNvZGVbY2xhc3MqPVwibGFuZ3VhZ2UtXCJdIDo6LW1vei1zZWxlY3Rpb24ge1xuICAgIHRleHQtc2hhZG93OiBub25lO1xuICAgIGJhY2tncm91bmQ6ICNmNGY0ZjQ7XG59XG5cbnByZVtjbGFzcyo9XCJsYW5ndWFnZS1cIl06OnNlbGVjdGlvbiwgcHJlW2NsYXNzKj1cImxhbmd1YWdlLVwiXSA6OnNlbGVjdGlvbixcbmNvZGVbY2xhc3MqPVwibGFuZ3VhZ2UtXCJdOjpzZWxlY3Rpb24sIGNvZGVbY2xhc3MqPVwibGFuZ3VhZ2UtXCJdIDo6c2VsZWN0aW9uIHtcbiAgICB0ZXh0LXNoYWRvdzogbm9uZTtcbiAgICBiYWNrZ3JvdW5kOiAjYjNkNGZjO1xufVxuXG5AbWVkaWEgcHJpbnQge1xuICAgIGNvZGVbY2xhc3MqPVwibGFuZ3VhZ2UtXCJdLFxuICAgIHByZVtjbGFzcyo9XCJsYW5ndWFnZS1cIl0ge1xuICAgICAgICB0ZXh0LXNoYWRvdzogbm9uZTtcbiAgICB9XG59XG5cbi8qIENvZGUgYmxvY2tzICovXG4vKiBDb2RlIGJsb2NrcyAqL1xucHJlW2NsYXNzKj1cImxhbmd1YWdlLVwiXSB7XG4gICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICBtYXJnaW46IC41ZW0gMDtcbiAgIG92ZXJmbG93OiB2aXNpYmxlO1xuICAgcGFkZGluZzogMDtcbn1cbnByZVtjbGFzcyo9XCJsYW5ndWFnZS1cIl0+Y29kZSB7XG4gICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICBib3JkZXItbGVmdDogNHB4IHNvbGlkIHYoZXVpLWJhc2UtY29sb3ItaW5mby0xMTApO1xuICAgYmFja2dyb3VuZC1jb2xvcjogI2ZkZmRmZDtcbiAgIGJhY2tncm91bmQtc2l6ZTogNGVtIDNlbTtcbiAgIGJhY2tncm91bmQtb3JpZ2luOiBjb250ZW50LWJveDtcbiAgIGJhY2tncm91bmQtYXR0YWNobWVudDogbG9jYWw7XG4gICBwYWRkaW5nOiAwLjVlbTtcbn1cblxuY29kZVtjbGFzcyo9XCJsYW5ndWFnZVwiXSB7XG4gICBtYXgtaGVpZ2h0OiBpbmhlcml0O1xuICAgaGVpZ2h0OiBpbmhlcml0O1xuICAgcGFkZGluZzogMCAxZW07XG4gICBkaXNwbGF5OiBibG9jaztcbiAgIG92ZXJmbG93OiBhdXRvO1xufVxuXG46bm90KHByZSkgPiBjb2RlW2NsYXNzKj1cImxhbmd1YWdlLVwiXSxcbnByZVtjbGFzcyo9XCJsYW5ndWFnZS1cIl0ge1xuICAgIGJhY2tncm91bmQ6ICNmNWYyZjA7XG59XG5cbi8qIElubGluZSBjb2RlICovXG46bm90KHByZSkgPiBjb2RlW2NsYXNzKj1cImxhbmd1YWdlLVwiXSB7XG4gICAgcGFkZGluZzogMC41ZW07XG4gICAgYm9yZGVyLXJhZGl1czogLjNlbTtcbiAgICB3aGl0ZS1zcGFjZTogbm9ybWFsO1xufVxuXG4udG9rZW4uY29tbWVudCxcbi50b2tlbi5wcm9sb2csXG4udG9rZW4uZG9jdHlwZSxcbi50b2tlbi5jZGF0YSB7XG4gICAgY29sb3I6IHNsYXRlZ3JheTtcbn1cblxuLnRva2VuLnB1bmN0dWF0aW9uIHtcbiAgICBjb2xvcjogIzk5OTtcbn1cblxuLnRva2VuLm5hbWVzcGFjZSB7XG4gICAgb3BhY2l0eTogLjc7XG59XG5cbi50b2tlbi5wcm9wZXJ0eSxcbi50b2tlbi50YWcsXG4udG9rZW4uYm9vbGVhbixcbi50b2tlbi5udW1iZXIsXG4udG9rZW4uY29uc3RhbnQsXG4udG9rZW4uc3ltYm9sLFxuLnRva2VuLmRlbGV0ZWQge1xuICAgIGNvbG9yOiAjOTA1O1xufVxuXG4udG9rZW4uc2VsZWN0b3IsXG4udG9rZW4uYXR0ci1uYW1lLFxuLnRva2VuLnN0cmluZyxcbi50b2tlbi5jaGFyLFxuLnRva2VuLmJ1aWx0aW4sXG4udG9rZW4uaW5zZXJ0ZWQge1xuICAgIGNvbG9yOiAjNjkwO1xufVxuXG4udG9rZW4ub3BlcmF0b3IsXG4udG9rZW4uZW50aXR5LFxuLnRva2VuLnVybCxcbi5sYW5ndWFnZS1jc3MgLnRva2VuLnN0cmluZyxcbi5zdHlsZSAudG9rZW4uc3RyaW5nIHtcbiAgICBjb2xvcjogIzlhNmUzYTtcbiAgICBiYWNrZ3JvdW5kOiBoc2xhKDAsIDAlLCAxMDAlLCAuNSk7XG59XG5cbi50b2tlbi5hdHJ1bGUsXG4udG9rZW4uYXR0ci12YWx1ZSxcbi50b2tlbi5rZXl3b3JkIHtcbiAgICBjb2xvcjogIzA3YTtcbn1cblxuLnRva2VuLmZ1bmN0aW9uLFxuLnRva2VuLmNsYXNzLW5hbWUge1xuICAgIGNvbG9yOiAjREQ0QTY4O1xufVxuXG4udG9rZW4ucmVnZXgsXG4udG9rZW4uaW1wb3J0YW50LFxuLnRva2VuLnZhcmlhYmxlIHtcbiAgICBjb2xvcjogI2U5MDtcbn1cblxuLnRva2VuLmltcG9ydGFudCxcbi50b2tlbi5ib2xkIHtcbiAgICBmb250LXdlaWdodDogYm9sZDtcbn1cbi50b2tlbi5pdGFsaWMge1xuICAgIGZvbnQtc3R5bGU6IGl0YWxpYztcbn1cblxuLnRva2VuLmVudGl0eSB7XG4gICAgY3Vyc29yOiBoZWxwO1xufVxuIiwiLmV1aS1zaG93Y2FzZS1kZW1vIHtcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG5cbiAgICAmLWZsZXgge1xuICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICB3aWR0aDogMTAwJTtcbiAgICB9XG5cbiAgICAmLWZsZXgtY29sdW1uIHtcbiAgICAgICAgYWxpZ24tc2VsZjogZmxleC1zdGFydDtcbiAgICAgICAgZmxleDogMSAxIDUwJTtcbiAgICAgICAgd2lkdGg6IDUwJTtcbiAgICB9XG5cbiAgICAuZmxleC1zcGFjZXIge1xuICAgICAgICBmbGV4OiAxIDEgYXV0bztcbiAgICAgICAgbWFyZ2luOiAwIDJyZW07XG4gICAgfVxuXG4gICAgLmNvZGUge1xuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiBnaG9zdHdoaXRlO1xuICAgICAgICBib3JkZXI6IDJweCBkb3R0ZWQgc2lsdmVyO1xuICAgICAgICBkaXNwbGF5OiBibG9jaztcbiAgICAgICAgbWF4LWhlaWdodDogMjByZW07XG4gICAgICAgIG92ZXJmbG93LXk6IGF1dG87XG4gICAgICAgIHBhZGRpbmc6IDAuNXJlbTtcbiAgICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgICAgICBAaW5jbHVkZSBldWktc2Nyb2xsYmFycyg2cHgpO1xuXG4gICAgICAgIHByZSB7XG4gICAgICAgICAgICBjb2xvcjogIzY2NjtcbiAgICAgICAgICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgICAgICAgICAgZm9udC1mYW1pbHk6IG1vbm9zcGFjZTtcbiAgICAgICAgICAgIGZvbnQtc2l6ZTogODAlO1xuICAgICAgICAgICAgbGluZS1oZWlnaHQ6IDEuMjU7XG4gICAgICAgICAgICBtYXJnaW4tYm90dG9tOiAwO1xuICAgICAgICAgICAgb3ZlcmZsb3c6IGluaXRpYWw7XG5cbiAgICAgICAgICAgID4gKiB7XG4gICAgICAgICAgICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgICAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgICAgICAgIGZvbnQtc2l6ZTogMTAwJTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgfVxuXG4gICAgICAgIHByZS5uZXdsaW5lIHtcbiAgICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgICAgICBtYXJnaW4tYm90dG9tOiAwO1xuICAgICAgICB9XG4gICAgICAgIHByZS5pbmxpbmUge1xuICAgICAgICAgICAgZGlzcGxheTogaW5saW5lLWZsZXg7XG4gICAgICAgIH1cblxuICAgICAgICAub25lIHtcbiAgICAgICAgICAgIG1hcmdpbi1sZWZ0OiAycmVtO1xuICAgICAgICB9XG5cbiAgICAgICAgLnR3byB7XG4gICAgICAgICAgICBtYXJnaW4tbGVmdDogNHJlbTtcbiAgICAgICAgfVxuXG4gICAgICAgIC50aHJlZSB7XG4gICAgICAgICAgICBtYXJnaW4tbGVmdDogNnJlbTtcbiAgICAgICAgfVxuXG4gICAgICAgIC5mb3VyIHtcbiAgICAgICAgICAgIG1hcmdpbi1sZWZ0OiA4cmVtO1xuICAgICAgICB9XG5cbiAgICAgICAgLmZpdmUge1xuICAgICAgICAgICAgbWFyZ2luLWxlZnQ6IDEwcmVtO1xuICAgICAgICB9XG5cbiAgICAgICAgLnZzcGFjZSB7XG4gICAgICAgICAgICBtYXJnaW4tYm90dG9tOiAwLjVyZW0gIWltcG9ydGFudDtcbiAgICAgICAgfVxuICAgIH1cbn1cbiIsIkBtaXhpbiBldWktc2Nyb2xsYmFycyggJHNpemU6IDhweCwgJGZvcmVncm91bmQtY29sb3I6IHYoZXVpLWJhc2UtY29sb3ItZ3JleS0yMCksICRiYWNrZ3JvdW5kLWNvbG9yOiB2KGV1aS1iYXNlLWNvbG9yLWdyZXktMTApLCAkYm9yZGVyLXJhZGl1czogNXJlbSwgJHN0YXRlOiBhY3RpdmUgKSB7XG4gICAgJjo6LXdlYmtpdC1zY3JvbGxiYXIge1xuICAgICAgICBkaXNwbGF5OiBpbmhlcml0O1xuICAgICAgICBoZWlnaHQ6ICRzaXplOyAgICAgIC8vIGhvcml6b250YWwgc2Nyb2xsXG4gICAgICAgIHdpZHRoOiAkc2l6ZTsgICAgICAgLy8gdmVydGljYWwgc2Nyb2xsXG4gICAgICAgIC8vIHotaW5kZXg6IHYoZXVpLWJhc2Utei1pbmRleC1oaWdobGlnaHRlZCk7ICAgICAgICAvLyBzaG91bGQgYmUgd2hlbiBpbiBlZGl0aW9uIG1vZGVcbiAgICAgICAgQGlmICgkc3RhdGUgPT0gYWN0aXZlKSB7XG4gICAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAkYmFja2dyb3VuZC1jb2xvcjtcbiAgICAgICAgfVxuICAgICAgICBAZWxzZSB7XG4gICAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgICAgICAgfVxuICAgIH1cblxuICAgIC8vIFRoaXMgaXMgdGhlIHNjcm9sbGluZyBiYXJcbiAgICAmOjotd2Via2l0LXNjcm9sbGJhci10aHVtYiB7XG4gICAgICAgIEBpZiAoJHN0YXRlID09IGFjdGl2ZSkge1xuICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJGZvcmVncm91bmQtY29sb3I7XG4gICAgICAgICAgICBib3JkZXItcmFkaXVzOiAkYm9yZGVyLXJhZGl1cztcblxuICAgICAgICAgICAgJjpob3ZlciB7XG4gICAgICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogdihldWktYmFzZS1jb2xvci1ncmV5LTI1KTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgICAgICBAZWxzZSB7XG4gICAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgICAgICAgfVxuICAgIH1cblxuICAgIC8vIFRoaXMgaXMgdGhlIHNjcm9sbCBjb250YWluZXJcbiAgICAmOjotd2Via2l0LXNjcm9sbGJhci10cmFjayB7XG4gICAgICAgIEBpZiAoJHN0YXRlID09IGFjdGl2ZSkge1xuICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJGJhY2tncm91bmQtY29sb3I7XG4gICAgICAgICAgICBib3JkZXItcmFkaXVzOiAwO1xuICAgICAgICB9XG4gICAgICAgIEBlbHNlIHtcbiAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICAgICAgICB9XG4gICAgfVxufVxuQG1peGluIGV1aS1zY3JvbGxiYXJzLWluYWN0aXZlKCRzaXplOiA4cHgpIHtcbiAgICAmOjotd2Via2l0LXNjcm9sbGJhciB7XG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICAgICAgICBkaXNwbGF5OiBpbmhlcml0O1xuICAgICAgICBoZWlnaHQ6ICRzaXplOyAgICAgIC8vIGhvcml6b250YWwgc2Nyb2xsXG4gICAgICAgIHdpZHRoOiAkc2l6ZTsgICAgICAgLy8gdmVydGljYWwgc2Nyb2xsXG4gICAgfVxuXG4gICAgJjo6LXdlYmtpdC1zY3JvbGxiYXItdGh1bWIge1xuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgICB9XG5cbiAgICAmOjotd2Via2l0LXNjcm9sbGJhci10cmFjayB7XG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICAgIH1cbn1cbiIsIjpyb290IHtcbiAgICAtLWV1aS1kb2NwYWdlLW5hdmlnYXRpb24tei1pbmRleDogMTtcbn1cbiIsIi8vIFNIT1dDQVNFXG4uaW5uZXItdGl0bGUge1xuICAgIGNvbG9yOiB2KGV1aS1iYXNlLWNvbG9yLWdyZXktMTAwKTtcbiAgICBmb250LXNpemU6IHYoZXVpLWJhc2UtZm9udC1zaXplLWwpO1xuICAgIHBhZGRpbmc6IHYoZXVpLWJhc2Utc3BhY2luZy1tKSAwIHYoZXVpLWJhc2Utc3BhY2luZy1zKSAwO1xuICAgIEBpbmNsdWRlIGV1aS1mb250LWZhbWlseS1saWdodDtcblxuICAgICYuZmlyc3Qge1xuICAgICAgICBwYWRkaW5nLXRvcDogdihldWktYmFzZS1zcGFjaW5nLXMpO1xuICAgIH1cbn1cblxuaDEuc2VjdGlvbi10aXRsZSxcbi5zZWN0aW9uLXRpdGxlLmJpZyB7XG4gICAgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkIHYoZXVpLWJhc2UtY29sb3ItZ3JleS03NSk7XG4gICAgY29sb3I6IHYoZXVpLWJhc2UtY29sb3ItcHJpbWFyeS0xMDApO1xuICAgIGZvbnQtc2l6ZTogdihldWktYmFzZS1mb250LXNpemUtNHhsKTtcbiAgICBtYXJnaW46IHYoZXVpLWJhc2UtZm9udC1zaXplLTN4bCkgMCB2KGV1aS1iYXNlLWZvbnQtc2l6ZS0yeGwpO1xuICAgIHBhZGRpbmctYm90dG9tOiB2KGV1aS1iYXNlLXNwYWNpbmctbSk7XG4gICAgdGV4dC1hbGlnbjogY2VudGVyO1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIEBpbmNsdWRlIGV1aS1mb250LWZhbWlseS1saWdodDtcblxuICAgICYuZmlyc3Qge1xuICAgICAgICBtYXJnaW4tdG9wOiB2KGV1aS1iYXNlLXNwYWNpbmctbSk7XG4gICAgfVxufVxuXG5oMy5zZWN0aW9uLXRpdGxlIHtcbiAgICBib3JkZXItYm90dG9tOiAxcHggc29saWQgdihldWktYmFzZS1jb2xvci1ncmV5LTI1KTtcbiAgICBjb2xvcjogdihldWktYmFzZS1jb2xvci1wcmltYXJ5LTEwMCk7XG4gICAgZm9udC1zaXplOiB2KGV1aS1iYXNlLWZvbnQtc2l6ZS0zeGwpO1xuICAgIG1hcmdpbjogdihldWktYmFzZS1zcGFjaW5nLTR4bCkgMCB2KGV1aS1iYXNlLXNwYWNpbmctbCk7XG4gICAgcGFkZGluZy1ib3R0b206IHYoZXVpLWJhc2Utc3BhY2luZy1zKTtcbiAgICB3aWR0aDogMTAwJTtcbiAgICBAaW5jbHVkZSBldWktZm9udC1mYW1pbHktbGlnaHQ7XG5cbiAgICAmLmZpcnN0IHtcbiAgICAgICAgbWFyZ2luLXRvcDogdihldWktYmFzZS1zcGFjaW5nLWwpO1xuICAgIH1cbn1cblxuaDQuc2VjdGlvbi10aXRsZSxcbmg1LnNlY3Rpb24tdGl0bGUsXG4uc2VjdGlvbi10aXRsZSB7XG4gICAgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkIHYoZXVpLWJhc2UtY29sb3ItZ3JleS0yNSk7XG4gICAgY29sb3I6IHYoZXVpLWJhc2UtY29sb3ItcHJpbWFyeSk7XG4gICAgZm9udC1zaXplOiB2KGV1aS1iYXNlLWZvbnQtc2l6ZS1sKTtcbiAgICBtYXJnaW46IHYoZXVpLWJhc2Utc3BhY2luZy00eGwpIDAgdihldWktYmFzZS1zcGFjaW5nLWwpO1xuICAgIHBhZGRpbmctYm90dG9tOiB2KGV1aS1iYXNlLXNwYWNpbmctcyk7XG4gICAgd2lkdGg6IDEwMCU7XG4gICAgQGluY2x1ZGUgZXVpLWZvbnQtZmFtaWx5LWxpZ2h0O1xuXG4gICAgJi5ub2JvcmRlciB7XG4gICAgICAgIGJvcmRlci1ib3R0b206IG5vbmU7XG4gICAgICAgIHBhZGRpbmctYm90dG9tOiB2KGV1aS1iYXNlLXNwYWNpbmctMnhzKTtcbiAgICAgICAgbWFyZ2luLWJvdHRvbTogdihldWktYmFzZS1zcGFjaW5nLW0pO1xuICAgIH1cblxuICAgICYuZmlyc3Qge1xuICAgICAgICBtYXJnaW4tdG9wOiB2KGV1aS1iYXNlLXNwYWNpbmctbCk7XG4gICAgfVxufVxuXG5oNi5zZWN0aW9uLXRpdGxlLFxuLnNlY3Rpb24tdGl0bGUuc21hbGwge1xuICAgIGNvbG9yOiB2KGV1aS1iYXNlLWNvbG9yLWluZm8tMTEwKTtcbiAgICBkaXNwbGF5OiB0YWJsZTtcbiAgICBmb250LWZhbWlseTogdihldWktYmFzZS1mb250LWZhbWlseSk7XG4gICAgZm9udC1zaXplOiB2KGV1aS1iYXNlLWZvbnQtc2l6ZS1sKTtcbiAgICBmb250LXdlaWdodDogNTAwO1xuICAgIGxldHRlci1zcGFjaW5nOiAtMC4yNXB4O1xuICAgIG1hcmdpbjogdihldWktYmFzZS1zcGFjaW5nLTJ4bCkgMCB2KGV1aS1iYXNlLXNwYWNpbmctcyk7XG4gICAgcGFkZGluZy1ib3R0b206IHYoZXVpLWJhc2Utc3BhY2luZy0yeHMpO1xuICAgIHdpZHRoOiBhdXRvO1xuXG4gICAgJi5ib3JkZXIge1xuICAgICAgICBkaXNwbGF5OiBibG9jaztcbiAgICAgICAgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkIHYoZXVpLWJhc2UtY29sb3ItZ3JleS0yNSk7XG4gICAgfVxuXG4gICAgJi5ub2JvcmRlciB7XG4gICAgICAgIGJvcmRlci1ib3R0b206IG5vbmU7XG4gICAgfVxuXG4gICAgJi5maXJzdCB7XG4gICAgICAgIG1hcmdpbi10b3A6IHYoZXVpLWJhc2Utc3BhY2luZy1tKTtcbiAgICB9XG59XG5cbi5zZWN0aW9uLXN1YnRpdGxlIHtcbiAgICBjb2xvcjogdihldWktYmFzZS1jb2xvci1ncmV5LTUwKTtcbiAgICBtYXJnaW46IDA7XG59XG4iXX0= */",".eui-showcase-demo {\n    position: relative;\n\n    &-flex {\n        align-items: center;\n        display: flex;\n        width: 100%;\n    }\n\n    &-flex-column {\n        align-self: flex-start;\n        flex: 1 1 50%;\n        width: 50%;\n    }\n\n    .flex-spacer {\n        flex: 1 1 auto;\n        margin: 0 2rem;\n    }\n\n    .code {\n        background-color: ghostwhite;\n        border: 2px dotted silver;\n        display: block;\n        max-height: 20rem;\n        overflow-y: auto;\n        padding: 0.5rem;\n        position: relative;\n        @include eui-scrollbars(6px);\n\n        pre {\n            color: #666;\n            display: block;\n            font-family: monospace;\n            font-size: 80%;\n            line-height: 1.25;\n            margin-bottom: 0;\n            overflow: initial;\n\n            > * {\n                align-items: center;\n                display: flex;\n                font-size: 100%;\n            }\n        }\n\n        pre.newline {\n            display: flex;\n            margin-bottom: 0;\n        }\n        pre.inline {\n            display: inline-flex;\n        }\n\n        .one {\n            margin-left: 2rem;\n        }\n\n        .two {\n            margin-left: 4rem;\n        }\n\n        .three {\n            margin-left: 6rem;\n        }\n\n        .four {\n            margin-left: 8rem;\n        }\n\n        .five {\n            margin-left: 10rem;\n        }\n\n        .vspace {\n            margin-bottom: 0.5rem !important;\n        }\n    }\n}\n","@mixin eui-scrollbars( $size: 8px, $foreground-color: v(eui-base-color-grey-20), $background-color: v(eui-base-color-grey-10), $border-radius: 5rem, $state: active ) {\n    &::-webkit-scrollbar {\n        display: inherit;\n        height: $size;      // horizontal scroll\n        width: $size;       // vertical scroll\n        // z-index: v(eui-base-z-index-highlighted);        // should be when in edition mode\n        @if ($state == active) {\n            background-color: $background-color;\n        }\n        @else {\n            background-color: transparent;\n        }\n    }\n\n    // This is the scrolling bar\n    &::-webkit-scrollbar-thumb {\n        @if ($state == active) {\n            background-color: $foreground-color;\n            border-radius: $border-radius;\n\n            &:hover {\n                background-color: v(eui-base-color-grey-25);\n            }\n        }\n        @else {\n            background-color: transparent;\n        }\n    }\n\n    // This is the scroll container\n    &::-webkit-scrollbar-track {\n        @if ($state == active) {\n            background-color: $background-color;\n            border-radius: 0;\n        }\n        @else {\n            background-color: transparent;\n        }\n    }\n}\n@mixin eui-scrollbars-inactive($size: 8px) {\n    &::-webkit-scrollbar {\n        background-color: transparent;\n        display: inherit;\n        height: $size;      // horizontal scroll\n        width: $size;       // vertical scroll\n    }\n\n    &::-webkit-scrollbar-thumb {\n        background-color: transparent;\n    }\n\n    &::-webkit-scrollbar-track {\n        background-color: transparent;\n    }\n}\n",":root {\n    --eui-docpage-navigation-z-index: 1;\n}\n","// SHOWCASE\n.inner-title {\n    color: v(eui-base-color-grey-100);\n    font-size: v(eui-base-font-size-l);\n    padding: v(eui-base-spacing-m) 0 v(eui-base-spacing-s) 0;\n    @include eui-font-family-light;\n\n    &.first {\n        padding-top: v(eui-base-spacing-s);\n    }\n}\n\nh1.section-title,\n.section-title.big {\n    border-bottom: 1px solid v(eui-base-color-grey-75);\n    color: v(eui-base-color-primary-100);\n    font-size: v(eui-base-font-size-4xl);\n    margin: v(eui-base-font-size-3xl) 0 v(eui-base-font-size-2xl);\n    padding-bottom: v(eui-base-spacing-m);\n    text-align: center;\n    width: 100%;\n    @include eui-font-family-light;\n\n    &.first {\n        margin-top: v(eui-base-spacing-m);\n    }\n}\n\nh3.section-title {\n    border-bottom: 1px solid v(eui-base-color-grey-25);\n    color: v(eui-base-color-primary-100);\n    font-size: v(eui-base-font-size-3xl);\n    margin: v(eui-base-spacing-4xl) 0 v(eui-base-spacing-l);\n    padding-bottom: v(eui-base-spacing-s);\n    width: 100%;\n    @include eui-font-family-light;\n\n    &.first {\n        margin-top: v(eui-base-spacing-l);\n    }\n}\n\nh4.section-title,\nh5.section-title,\n.section-title {\n    border-bottom: 1px solid v(eui-base-color-grey-25);\n    color: v(eui-base-color-primary);\n    font-size: v(eui-base-font-size-l);\n    margin: v(eui-base-spacing-4xl) 0 v(eui-base-spacing-l);\n    padding-bottom: v(eui-base-spacing-s);\n    width: 100%;\n    @include eui-font-family-light;\n\n    &.noborder {\n        border-bottom: none;\n        padding-bottom: v(eui-base-spacing-2xs);\n        margin-bottom: v(eui-base-spacing-m);\n    }\n\n    &.first {\n        margin-top: v(eui-base-spacing-l);\n    }\n}\n\nh6.section-title,\n.section-title.small {\n    color: v(eui-base-color-info-110);\n    display: table;\n    font-family: v(eui-base-font-family);\n    font-size: v(eui-base-font-size-l);\n    font-weight: 500;\n    letter-spacing: -0.25px;\n    margin: v(eui-base-spacing-2xl) 0 v(eui-base-spacing-s);\n    padding-bottom: v(eui-base-spacing-2xs);\n    width: auto;\n\n    &.border {\n        display: block;\n        border-bottom: 1px solid v(eui-base-color-grey-25);\n    }\n\n    &.noborder {\n        border-bottom: none;\n    }\n\n    &.first {\n        margin-top: v(eui-base-spacing-m);\n    }\n}\n\n.section-subtitle {\n    color: v(eui-base-color-grey-50);\n    margin: 0;\n}\n","/** Common weight name mapping\n    @See the OpenType specification:\n    https://docs.microsoft.com/en-us/typography/opentype/spec/os2#usweightclass\n    The numerical values 100 to 900 roughly correspond to the following common weight names:\n    100     Thin (Hairline)\n    200\t    Extra Light (Ultra Light)\n    300\t    Light\n    400\t    Normal\n    500\t    Medium\n    600\t    Semi Bold (Demi Bold)\n    700\t    Bold\n    800\t    Extra Bold (Ultra Bold)\n    900\t    Black (Heavy)\n**/\n@mixin eui-font-family() {\n    font-family: v(eui-base-font-family);\n    font-size: v(eui-base-font-size);\n    font-style: normal;\n    font-weight: 400;\n}\n@mixin eui-font-family-light() {\n    font-style: normal;\n    font-weight: 300;\n}\n@mixin eui-font-family-normal() {\n    font-style: normal;\n    font-weight: 400;\n}\n@mixin eui-font-family-italic() {\n    font-style: italic;\n    font-weight: 400;\n}\n@mixin eui-font-family-bold() {\n    font-style: normal;\n    font-weight: 700;\n}\n@mixin eui-font-family-bold-italic() {\n    font-style: italic;\n    font-weight: 700;\n}\n\n@mixin eui-font-family-monospace() {\n    font-family: v(eui-base-font-family-monospace);\n    font-style: normal;\n    font-weight: 400;\n}\n"]}

package/src/styles/eui-bootstrap-dev.scss

@@ -1,5 +0,0 @@
-// BASE
-@import '_base';
-
-// BOOTSTRAP ONLY
-@import '04-vendors/module-bootstrap';

package/src/styles/eui-dev.scss

@@ -1,29 +0,0 @@
-// RESET
-@import '00-reset/module';
-
-// BASE
-@import '_base';
-
-// BASE ROOT VARS
-@import '02b-base-vars/module';
-
-// ASSETS
-@import '03-assets/module';
-
-// MATERIAL
-@import '05-material/module';
-
-// SHARED and overrides
-@import '06-shared/module';
-
-// COMPONENTS
-@import '07-elements/module';
-
-// THEMES
-@import '08-themes/module';
-
-// MEDIA
-@import '10-media/module';
-
-// EXTRAS CMP & OVERRIDES
-@import '11-extras/module';

package/src/styles/eui-legacy-dev.scss

@@ -1,15 +0,0 @@
-// BASE
-@import '_base';
-
-// BASE ROOT VARS
-@import '02b-base-vars/module';
-
-// // VENDORS and overrides
-@import '04-vendors/module-legacy';
-
-// // COMPONENTS
-@import '07-elements/module-legacy';
-
-// // UTILITIES
-@import '99-utilities/module-legacy';
-

package/src/styles/eui-showcase-dev.scss

@@ -1,5 +0,0 @@
-// BASE
-@import '_base';
-
-// showcase only styling
-@import '999-showcase/module';

package/src/styles/eui-utilities-dev.scss

@@ -1,5 +0,0 @@
-// BASE
-@import '_base';
-
-// UTILITIES
-@import '99-utilities/module';