From 778becdbdce4d0270aac963277612685882a3697 Mon Sep 17 00:00:00 2001 From: djibe Date: Mon, 2 Nov 2020 17:48:18 +0100 Subject: [PATCH] Fix doc theme if Browser in dark mode --- docs-assets/scss/docs.scss | 21 +++++++++++++++++++++ docs/css/docs.css | 17 +++++++++++++++++ docs/css/docs.css.map | 2 +- docs/css/docs.min.css | 2 +- docs/css/docs.min.css.map | 2 +- 5 files changed, 41 insertions(+), 3 deletions(-) diff --git a/docs-assets/scss/docs.scss b/docs-assets/scss/docs.scss index c36d66f5a..8a4b5fbc0 100644 --- a/docs-assets/scss/docs.scss +++ b/docs-assets/scss/docs.scss @@ -456,6 +456,8 @@ letter-spacing: normal; } +// Doc icons + [class*='lgi-icon'] { background-size: 24px; border-radius: 50%; @@ -476,3 +478,22 @@ .lgi-icon-plugin { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTgsM0EyLDIgMCAwLDAgNiw1VjlBMiwyIDAgMCwxIDQsMTFIM1YxM0g0QTIsMiAwIDAsMSA2LDE1VjE5QTIsMiAwIDAsMCA4LDIxSDEwVjE5SDhWMTRBMiwyIDAgMCwwIDYsMTJBMiwyIDAgMCwwIDgsMTBWNUgxMFYzTTE2LDNBMiwyIDAgMCwxIDE4LDVWOUEyLDIgMCAwLDAgMjAsMTFIMjFWMTNIMjBBMiwyIDAgMCwwIDE4LDE1VjE5QTIsMiAwIDAsMSAxNiwyMUgxNFYxOUgxNlYxNEEyLDIgMCAwLDEgMTgsMTJBMiwyIDAgMCwxIDE2LDEwVjVIMTRWM0gxNloiIC8+PC9zdmc+'); } + +// Dark theme + +@media (prefers-color-scheme: dark) { + html { + filter: none; + } + + body, + label { + font-weight: initial; + } + + img, + video, + .prevent-dark-mode { + filter: none; + } +} diff --git a/docs/css/docs.css b/docs/css/docs.css index 43a060684..978c86b78 100644 --- a/docs/css/docs.css +++ b/docs/css/docs.css @@ -536,4 +536,21 @@ .lgi-icon-plugin { background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTgsM0EyLDIgMCAwLDAgNiw1VjlBMiwyIDAgMCwxIDQsMTFIM1YxM0g0QTIsMiAwIDAsMSA2LDE1VjE5QTIsMiAwIDAsMCA4LDIxSDEwVjE5SDhWMTRBMiwyIDAgMCwwIDYsMTJBMiwyIDAgMCwwIDgsMTBWNUgxMFYzTTE2LDNBMiwyIDAgMCwxIDE4LDVWOUEyLDIgMCAwLDAgMjAsMTFIMjFWMTNIMjBBMiwyIDAgMCwwIDE4LDE1VjE5QTIsMiAwIDAsMSAxNiwyMUgxNFYxOUgxNlYxNEEyLDIgMCAwLDEgMTgsMTJBMiwyIDAgMCwxIDE2LDEwVjVIMTRWM0gxNloiIC8+PC9zdmc+"); } + +@media (prefers-color-scheme: dark) { + html { + -webkit-filter: none; + filter: none; + } + body, + label { + font-weight: initial; + } + img, + video, + .prevent-dark-mode { + -webkit-filter: none; + filter: none; + } +} /*# sourceMappingURL=docs.css.map */ \ No newline at end of file diff --git a/docs/css/docs.css.map b/docs/css/docs.css.map index ddff71c53..429f87f25 100644 --- a/docs/css/docs.css.map +++ b/docs/css/docs.css.map @@ -1 +1 @@ -{"version":3,"sources":["../../docs-assets/scss/docs.scss","docs.css","../../assets/scss/variables/_palette.scss","../../assets/scss/variables/_spacer.scss","../../assets/scss/variables/_typography.scss","../../assets/scss/_colors.scss","../../assets/scss/variables/_variable-material.scss","../../assets/scss/mixins/_border-radius.scss","../../assets/scss/variables/_variable-bootstrap.scss","../../assets/scss/variables/_elevation-shadow.scss","../../assets/scss/mixins/_breakpoints.scss","../../assets/scss/mixins/_typography.scss","../../assets/scss/mixins/_transition.scss","../../assets/scss/variables/_transition.scss"],"names":[],"mappings":"AAOA;EACE,gBAAgB;ACNlB;;ADSA;EACE,SAAS;EACT,oCEVc;EFWd,gBAAgB;EAChB,aAAa;EACb,mBGIc;EHHd,eGGc;AFThB;;ADAA;EASI,aAAa;ACLjB;;ADSA;EACE,0BEVc;ADIhB;;ADKA;EAII,cEbY;ADQhB;;ADSA;EACE,0BEZc;ADMhB;;ADKA;EAII,cEfY;ADUhB;;ADSA;EACE,0BERc;ADEhB;;ADKA;EAII,cEXY;ADMhB;;ADUA;EACE,yBGjD0B;AF0C5B;;ADMA;;;;;;EASQ,SAAS;EACT,6BG1DoB;EH2DpB,gBIaoB;EJZpB,mBGzCQ;EH0CR,kBG1CQ;AFoChB;;ADPA;;;;;;EAgBU,oBGzCiB;AFyC3B;;ADhBA;;;;;;EAoBU,qBG7CiB;AFkD3B;;ADzBA;EA6BQ,yBKsCiC;AJtCzC;;AD7BA;;EAkCQ,eMsC6B;ALtCrC;;ADlCA;EAwCI,0BK+lB6B;AJjmBjC;;ADtCA;;EA6CQ,kBMgC6B;EN/B7B,gBI5EoB;EJ6EpB,cM4B4B;AL9BpC;;AD7CA;;EAwDQ,gBIzFoB;EJ0FpB,cMkB4B;ALxBpC;;ADcA;EACE,uBKmlB+B;ELllB/B,qCKokB+B;ELnkB/B,SAAS;EACT,eG9FyB;AFmF3B;;ADOA;EAOI,gBAAgB;ACVpB;;ADGA;EAWI,UAAU;ACVd;;ADaE;EO3GA,yBP4G8B;EO3G9B,0BP2G8B;EAE5B,aAAa;EACb,gBAAgC;ACVpC;;ADRA;EAsBI,qBQzCkC;AP+BtC;;ADZA;EA0BI,eAAe;ACVnB;;ADhBA;;EA+BI,mBAAmB;ACVvB;;ADrBA;EAmCI,kBAAkB;EAClB,SAAS;EACT,UAAU;ACVd;;AD3BA;EAyCI,eAAe;ACVnB;;AD/BA;EA6CI,YAAY;ACVhB;;ADnCA;EAiDI,gBG/IY;AFqIhB;;ADcA;EACE,gBAAkC;EAClC,mBAAqC;ACXvC;;ADcA;EACE,6BAA6B;EAC7B,qBAAqB;EACrB,YGzJ0B;EH0J1B,cG1J0B;AF+I5B;;ADOA;EAOI,0BAA0B;ACV9B;;ADcA;EACE,yBKpEuC;ELqEvC,gBGrKc;EHsKd,eGlKyB;EHmKzB,kBAAkB;ACXpB;;ADOA;EAOI,oBG1KY;EH2KZ,yBAAiB;EAAjB,sBAAiB;EAAjB,qBAAiB;EAAjB,iBAAiB;ACVrB;;ADaE;EACE,kBGjMoB;EHkMpB,eAAe;EACf,cAAc;ACVlB;;ADaE;;EAEE,qCK8e6B;EL7e7B,aAAa;EACb,gBAAgC;ACVpC;;ADcA;EACE,0CKue+B;AJlfjC;;ADeA;EAEI,cAAc;EACd,mBAAmB;EACnB,YQ3BwB;ER4BxB,+BGtMY;AFyLhB;;ADQA;EAQM,0BK2d2B;EL1d3B,UAAU;ACZhB;;ADGA;EAaM,cE/NU;EFgOV,UAAU;ACZhB;;ADmBA;EACE,UAAU;AChBZ;;ADsBA;EACE,mBAAmB;ACnBrB;;ADwBA;EACE,YAAY;ACrBd;;ADwBA;EACE,oBAAa;EAAb,aAAa;EACb,qBAAuB;EAAvB,uBAAuB;ACrBzB;;ADmBA;EAKI,WAAW;ACpBf;;AD0BA,+CAAA;AACA;EAEI,yCK+a6B;EL9a7B,qCAA2C;EAC3C,6BAAwC;EACxC,+BAA4C;EAC5C,oBAAyD;ACxB7D;;ADkBA;EAUI,0BKua6B;AJ/bjC;;ADcA;;EAgBI,+BAA+C;EAC/C,mBMvEkC;ENwElC,0BAA6D;ACzBjE;;ADOA;EAsBI,SAAS;EACT,kBG5RoB;EH6RpB,qHStQoH;ETuQpH,aAAa;EACb,4BAAiD;EACjD,+BAAoD;EACpD,WAAW;ACzBf;;ADHA;EA+BM,gBAAgB;ACxBtB;;ADPA;EAoCI,gDAAgD;ACzBpD;;AD6BA,8CAAA;AAEA;EACE,YAAY;AC3Bd;;ADgCA;EACE,yBErTc;EFsTd,uDAAuD;EACvD,4BAA4B;EAC5B,4BAA4B;EAC5B,sBAAsB;EACtB,YKyY+B;ELxY/B,gBAAgB;EAChB,iBAAkC;EAClC,oBAAoB;AC7BtB;;ASxNI;EV4OJ;IWxSE,ePmB+C;IOlB/C,gBPG0B;IOF1B,iBP2C4B;IO1C5B,qBP2D+B;EH8N/B;AACF;;AS9OI;EV2QA;IACE,kBM5EmC;ELmDvC;AACF;;ADKA;;EAyBI,gBAAgB;ACzBpB;;AD6BA;EWhTE,kBPCkD;EOAlD,gBPrB0B;EOsB1B,wBPyBmC;EOxBnC,iBPyC2B;EJuQ3B,sBAAmB;EAAnB,mBAAmB;EACnB,yCE/Uc;EFgVd,uBAA4C;EAC5C,wCAAkD;EAClD,cAAc;EACd,2BAAoB;EAApB,oBAAoB;EAEpB,gBAAgB;EAChB,eMsIqC;ENrIrC,qBAAuB;EAAvB,uBAAuB;EACvB,cAAc;EACd,kBAAkB;EAClB,yBAAiB;EAAjB,sBAAiB;EAAjB,qBAAiB;EAAjB,iBAAiB;EACjB,mBAAmB;EACnB,mBAAmB;EACnB,cM+HqC;EN9HrC,UAAU;ACzBZ;;ADMA;EAuBM,cAAc;EACd,qBAAqB;ACzB3B;;ADCA;EA2BQ,aK+UsB;AJvW9B;;ADHA;EYrRE;;qEX6RmE;EW1RnE,sDClCoE;EbsVhE,8BAA8B;EAC9B,uBAA4C;EAC5C,WAAW;EACX,UAAU;EACV,kBAAkB;EAClB,MAAM;EACN,QAAQ;EACR,SAAS;EACT,OAAO;EACP,WAAW;ACvBjB;;AS1SI;EVsRJ;IY/QI,0BClDuC;EZ0VzC;AACF;;AShTI;EVsRJ;IY3QI,0BChEwC;EZ0W1C;AACF;;AWxSE;EZwQF;IYvQI,gBAAgB;EX4SlB;AACF;;ADtCA;EAgDI,UAAU;ACNd;;ADUA;EACE,yBK6T+B;AJpUjC;;ASpUI;EV8UA;IACE,kBM/ImC;ELyIvC;AACF;;ADUA;EACE,kBMrJuC;AL8IzC;;ADUA;;EY3WE,0BC1ByC;ED2BzC,gCZ4WqC;EY3WrC,wDCdoE;AZoXtE;;ASrVI;EVwVJ;;IYtWI,4BC1ByC;EZmY3C;AACF;;AS5VI;EVwVJ;;IYlWI,yBCxCuC;EZoZzC;AACF;;AW1WE;EZ+VF;;IY9VI,gBAAgB;EX+WlB;AACF;;ADZE;EYrYA,0BCPyC;EDQzC,gCZqY8C;EYpY9C,sDCKkE;EbiYhE,kBMjKqC;ALiLzC;;ASjXI;EV8VF;IYhYE,4BCPyC;EZ+Z3C;AACF;;ASvXI;EV8VF;IY5XE,0BCrBwC;EZ+a1C;AACF;;AWxZE;EZyXA;IYxXE,gBAAgB;EX4ZlB;AACF;;AD7BE;EY7YA,0BCPyC;EDQzC,gCZ6Y8C;EY5Y9C,sDCKkE;EbyYhE,kBMzKqC;AL0MzC;;AS1YI;EVsWF;IYxYE,4BCPyC;EZwb3C;AACF;;AShZI;EVsWF;IYpYE,0BCrBwC;EZwc1C;AACF;;AWjbE;EZiYA;IYhYE,gBAAgB;EXqblB;AACF;;AD/CA;EACE,gBAAgB;ACkDlB;;AD/CA;EACE,yBE7ac;EF8ad,YKqR+B;ELpR/B,cAAc;EACd,UAAU;EACV,iBAA0E;EAC1E,oBAA6E;EAC7E,kBAAkB;ACkDpB;;ADzDA;EAUI,YK6Q6B;AJ1NjC;;AD/CA;EACE,+BAAyC;EACzC,eG3ac;AF6dhB;;AD/CA;EACE,sGIzbgH;AH2elH;;AD/CA;EACE,sBAAsB;ACkDxB;;AAEA;EDhDE,qBAAqB;EACrB,kBAAkB;ACkDpB;;AD/CA;EACE,8EAA8E;ACkDhF;;AD/CA;EACE,2YAA2Y;ACkD7Y;;AD/CA;EACE,u/BAAu/B;ACkDz/B;;AD/CA;EACE,uxBAAuxB;ACkDzxB","file":"docs.css","sourcesContent":["@import '../../assets/scss/colors';\n@import '../../assets/scss/functions';\n@import '../../assets/scss/mixins';\n@import '../../assets/scss/variables';\n\n// Bootstrap doc CSS override\n\n.bd-content .alert p:last-of-type {\n margin-bottom: 0;\n}\n\n.bd-callout {\n border: 0;\n border-left: $blockquote-border-width solid $blockquote-border-color;\n border-radius: 0;\n margin-top: 0;\n margin-bottom: $paragraph-margin-y;\n padding: 0 $spacer;\n\n + .bd-callout {\n margin-top: 0;\n }\n}\n\n.bd-callout-danger {\n border-left-color: theme-color(danger);\n\n h5 {\n color: theme-color(danger);\n }\n}\n\n.bd-callout-info {\n border-left-color: theme-color(info);\n\n h5 {\n color: theme-color(info);\n }\n}\n\n.bd-callout-warning {\n border-left-color: theme-color(warning);\n\n h5 {\n color: theme-color(warning);\n }\n}\n\n// stylelint-disable selector-max-compound-selectors, selector-max-type\n.bd-content > table {\n border: $table-border-width solid $table-border-color;\n\n > tbody,\n > tfoot,\n > thead {\n > tr {\n > td,\n > th {\n border: 0;\n border-top: $table-border-width solid $table-border-color;\n line-height: $table-line-height;\n padding-right: $table-cell-padding-x;\n padding-left: $table-cell-padding-x;\n\n &:first-child {\n padding-left: $table-cell-padding-x-alt;\n }\n\n &:last-child {\n padding-right: $table-cell-padding-x-alt;\n }\n }\n }\n }\n\n > tbody {\n > tr {\n &:nth-of-type(#{$table-striped-order}) {\n background-color: $table-bg-accent;\n }\n\n > td,\n > th {\n height: $table-tbody-cell-height;\n }\n }\n }\n\n > tfoot {\n color: $table-tfoot-color;\n\n > tr {\n > td,\n > th {\n font-size: $table-tfoot-font-size;\n font-weight: $table-tfoot-font-weight;\n height: $table-tfoot-cell-height;\n }\n }\n }\n\n > thead {\n > tr {\n > td,\n > th {\n font-weight: $table-thead-font-weight;\n height: $table-thead-cell-height;\n }\n }\n }\n}\n\n// stylelint-enable\n\n.bd-example {\n background-color: $body-bg;\n border: $border-width solid $border-color;\n margin: 0;\n padding: $spacer-lg;\n\n .toast-container {\n position: static;\n }\n\n .toast {\n opacity: 1;\n }\n\n .bd-example + & {\n @include border-top-radius(0);\n\n border-top: 0;\n margin-top: ($border-width * -1);\n }\n\n .custom-file-input:lang(es) ~ .custom-file-label::after {\n content: $custom-file-button-icon;\n }\n\n > button {\n margin: 0.25rem;\n }\n\n > img + img,\n > svg + svg {\n margin-left: 0.5rem;\n }\n\n > .dropdown-menu:first-child {\n position: relative;\n top: auto;\n left: auto;\n }\n\n > .list-group {\n max-width: 100%;\n }\n\n > textarea.textarea-autosize { // stylelint-disable-line\n resize: none;\n }\n\n + p {\n margin-top: $paragraph-margin-y;\n }\n}\n\n.bd-example-modal .modal-dialog {\n margin-top: ($dialog-margin-y * 2);\n margin-bottom: ($dialog-margin-y * 2);\n}\n\n.btn-clipboard {\n background-color: transparent;\n color: var(--primary);\n top: $spacer-xs;\n right: $spacer-xs;\n\n &:hover {\n background: var(--primary);\n }\n}\n\n.highlight {\n background-color: $light-theme-2;\n margin: 0 0 $paragraph-margin-y;\n padding: $spacer-lg;\n position: relative;\n\n pre {\n padding-bottom: $spacer;\n user-select: text;\n }\n\n .bd-content & {\n border-radius: $border-radius;\n margin-right: 0;\n margin-left: 0;\n }\n\n .bd-example + &,\n .bd-example + .bd-clipboard + & {\n border: $border-width solid $border-color;\n border-top: 0;\n margin-top: ($border-width * -1);\n }\n}\n\n.section-nav {\n border-left: $border-width solid $border-color;\n}\n\n// stylelint-disable selector-no-qualifying-type\n.toc-entry {\n a {\n color: #212121;\n font-size: 0.875rem;\n opacity: $nav-pills-link-opacity;\n padding: ($nav-link-padding-y / 2) 0 ($nav-link-padding-y / 2) $spacer;\n\n @include hover-focus-active {\n color: $nav-pills-color;\n opacity: 1;\n }\n\n &.active {\n color: $nav-pills-color-active;\n opacity: 1;\n }\n }\n}\n\n// CSS for accordion examples\n\n.bd-example [id='accordion'] .btn-link[data-toggle='collapse'] {\n padding: 0;\n}\n\n// CSS to flatten buttons in card examples\n\n// stylelint-disable selector-max-class\n.card {\n margin-bottom: 1rem;\n}\n\n// CSS to limit `.form-control` width in `.navbar` examples\n\n.bd-example .navbar .form-control {\n width: 10rem;\n}\n\n.bd-example-snackbars {\n display: flex;\n justify-content: center;\n\n .toast {\n z-index: 10;\n }\n}\n\n// Docsearch\n\n/* stylelint-disable declaration-no-important */\n.algolia-autocomplete {\n .algolia-docsearch-footer {\n border-top: $border-width solid $border-color;\n color: $menu-link-color-disabled !important;\n font-size: $font-size-caption !important;\n line-height: $line-height-caption !important;\n padding: $menu-padding-y-cascading $menu-link-padding-x 0;\n }\n\n .algolia-docsearch-suggestion {\n color: $menu-link-color;\n }\n\n .algolia-docsearch-suggestion--category-header,\n .algolia-docsearch-suggestion--title {\n //color: $menu-header-color !important;\n font-size: $menu-font-size-cascading !important;\n line-height: $menu-line-height-cascading;\n padding: $menu-link-padding-y $menu-link-padding-x !important;\n }\n\n .ds-dropdown-menu {\n border: 0;\n border-radius: $menu-border-radius;\n box-shadow: map-get($menu-elevation-shadow, shadow);\n margin-top: 0;\n padding-top: $menu-padding-y-cascading !important;\n padding-bottom: $menu-padding-y-cascading !important;\n width: 100%;\n\n [class^='ds-dataset-'] {\n border-radius: 0;\n }\n }\n\n .ds-suggestion.ds-cursor .algolia-docsearch-suggestion--content {\n background-color: $menu-link-bg-hover !important;\n }\n}\n\n/* stylelint-enable declaration-no-important */\n\n.doc-search:focus {\n z-index: 101;\n}\n\n// Project css\n\n.doc-jumbotron {\n background-color: theme-color(primary);\n background-image: url('../images/doc-jumbotron-bg.jpg');\n background-position: 50% 50%;\n background-repeat: no-repeat;\n background-size: cover;\n color: $white-primary;\n margin-bottom: 0;\n padding-top: ($toolbar-height * 2);\n padding-bottom: 6rem;\n\n @include media-breakpoint-down(sm) {\n h1 {\n @include typography-headline-3;\n }\n }\n\n @include media-breakpoint-up(lg) {\n .navdrawer-permanent-lg ~ & {\n margin-left: $navdrawer-width;\n }\n }\n\n h1:last-child,\n p:last-child {\n margin-bottom: 0;\n }\n}\n\n.doc-logo {\n @include typography-headline-6;\n\n align-items: center;\n background-color: rgba(theme-color(secondary), $black-divider-opacity);\n border-radius: ($toolbar-element-height / 2);\n box-shadow: inset 0 0 0 $border-width currentColor;\n color: inherit;\n display: inline-flex;\n //font-family: $font-family-serif;\n font-weight: 700;\n height: $toolbar-element-height;\n justify-content: center;\n line-height: 1;\n position: relative;\n user-select: none;\n vertical-align: top;\n white-space: nowrap;\n width: $toolbar-element-height;\n z-index: 1;\n\n &[href] {\n @include hover-focus-active {\n color: inherit;\n text-decoration: none;\n\n &::before {\n opacity: $black-divider-opacity;\n }\n }\n\n &::before {\n @include transition-standard(opacity);\n\n background-color: currentColor;\n border-radius: ($toolbar-element-height / 2);\n content: '';\n opacity: 0;\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: -1;\n }\n }\n\n &:focus {\n outline: 0;\n }\n}\n\n.doc-main {\n background-color: $white;\n\n @include media-breakpoint-up(lg) {\n .navdrawer-permanent-lg ~ & {\n margin-left: $navdrawer-width;\n }\n }\n}\n\n.doc-navbar-permanent {\n margin-left: $navdrawer-width;\n}\n\n.doc-navbar-persistent,\n.doc-navbar-temporary {\n @include transition-sharp(margin-left);\n}\n\n.doc-navbar-persistent {\n .navdrawer-open-persistent & {\n @include transition-deceleration(margin-left);\n\n margin-left: $navdrawer-width;\n }\n}\n\n.doc-navbar-temporary {\n .navdrawer-open-temporary & {\n @include transition-deceleration(margin-left);\n\n margin-left: $navdrawer-width;\n }\n}\n\n.doc-navdrawer-body {\n min-height: 100%;\n}\n\n.doc-skip {\n background-color: theme-color(primary);\n color: color-yiq(theme-color(primary));\n display: block;\n outline: 0;\n padding-top: (($toolbar-height - $font-size-base * $line-height-base) / 2);\n padding-bottom: (($toolbar-height - $font-size-base * $line-height-base) / 2);\n text-align: center;\n\n &:focus {\n color: color-yiq(theme-color(primary));\n }\n}\n\n.doc-skip-text {\n border: $border-width dotted currentColor;\n padding: $btn-padding-y $btn-padding-x;\n}\n\n.doc-swatch-text {\n font-family: $font-family-monospace;\n}\n\n.typography-body-1 {\n letter-spacing: normal;\n}\n\n[class*='lgi-icon'] {\n background-size: 24px;\n border-radius: 50%;\n}\n\n.lgi-icon-bs {\n background-image: url('https://djibe.github.io/material/apple-touch-icon.png');\n}\n\n.lgi-icon-md {\n background-image: url('data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGNpcmNsZSBjeD0iMTIiIGN5PSIxMiIgZmlsbD0iIzc1NzU3NSIgcj0iMTIiLz48cGF0aCBkPSJtMy42IDMuNmgxNi44djE2LjhoLTE2Ljh6IiBmaWxsPSIjYmRiZGJkIi8+PHBhdGggZD0ibTIwLjQgMy42LTguNCAxNi44LTguNC0xNi44eiIgZmlsbD0iI2ZmZiIvPjxwYXRoIGQ9Im0wIDBoMjR2MjRoLTI0eiIgZmlsbD0ibm9uZSIvPjwvc3ZnPg==');\n}\n\n.lgi-icon-mdc {\n background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAMAAADVRocKAAAAzFBMVEUAAAAiIiIgICAhISEXFxchISEiIiIiIiIhISEhISEhISEhISFAQEAhISH////V/Nid+ZOT+XSW+mmd/GCq/lsB3XIFymoItWEMolkSekccPCzl/eaY+Yib+2Oy/1kA5nYGxGgQhUweMijx/vKZ+Yuq/loC3XIRg0sfKiWu+quk/V0D1G4WYDz9//2Z+Imx/1kRhEwhIyLy/vST+XELpVogKSWS+XKj/V3j/eYQhEwGw2cMoVgItGAFyWkcPC0WYTwQg0sLpFohIiERgkuViPK2AAAADXRSTlMAQ7XsC5mYRLRF7UYEGjoK4gAAAatJREFUeAHt2QV2HDEMgOHBshpOFq3FgfAy8/3PVOYhPUtl/xf4Hphtmb7LZLIdFwRyHdtKy/NBLN9LAXwQ7ImV6CmIZicARxZ4lgBcWcBNACCcATjAa2IGMIABDGAAAxjgdwNHxyenZ+cXl1elckUeqNbq6kP4oUazJQq0O131KfxUEEZyQHytvoRfurkVAu7uH1QagPjYkwD6A6UyAByO+MDdWGUDOOyxgXuVB+AjF4gf8gG85QHtiSoAbiIW0FFFAIYcYNotBoIWA6ipYgBnDKBOAeb6wJGiAFjRBo5pQFkbOKEBC23glAYstYEzGrDSBs5pQKB9Eb9AQhzgkgastIErGrDUBko0YKENlGlAWRtY04CKNgANJDQHfaBJAWYMoBVgYUGLAcBjMRACB4husKCbiAXApgi4BR4AW8ztEbhAb4g57XpsAEY5wm4EfAB6j5hRuBd6mN3cYDL6BYRQFCZmXHCIRJ+WW7M5ftN81pJ/u66UF8tVEKyWC61rLD8DkPr1n0SOLOAkAFsWeP7rvxot74n0Z2ki+9kLEOiF89LK7JVAlsn0t/UWTrKr7UdK6x0AAAAASUVORK5CYII=');\n}\n\n.lgi-icon-plugin {\n background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTgsM0EyLDIgMCAwLDAgNiw1VjlBMiwyIDAgMCwxIDQsMTFIM1YxM0g0QTIsMiAwIDAsMSA2LDE1VjE5QTIsMiAwIDAsMCA4LDIxSDEwVjE5SDhWMTRBMiwyIDAgMCwwIDYsMTJBMiwyIDAgMCwwIDgsMTBWNUgxMFYzTTE2LDNBMiwyIDAgMCwxIDE4LDVWOUEyLDIgMCAwLDAgMjAsMTFIMjFWMTNIMjBBMiwyIDAgMCwwIDE4LDE1VjE5QTIsMiAwIDAsMSAxNiwyMUgxNFYxOUgxNlYxNEEyLDIgMCAwLDEgMTgsMTJBMiwyIDAgMCwxIDE2LDEwVjVIMTRWM0gxNloiIC8+PC9zdmc+');\n}\n",".bd-content .alert p:last-of-type {\n margin-bottom: 0;\n}\n\n.bd-callout {\n border: 0;\n border-left: 0.3125rem solid #6200ee;\n border-radius: 0;\n margin-top: 0;\n margin-bottom: 1rem;\n padding: 0 1rem;\n}\n\n.bd-callout + .bd-callout {\n margin-top: 0;\n}\n\n.bd-callout-danger {\n border-left-color: #b00020;\n}\n\n.bd-callout-danger h5 {\n color: #b00020;\n}\n\n.bd-callout-info {\n border-left-color: #714cfe;\n}\n\n.bd-callout-info h5 {\n color: #714cfe;\n}\n\n.bd-callout-warning {\n border-left-color: #ff8d00;\n}\n\n.bd-callout-warning h5 {\n color: #ff8d00;\n}\n\n.bd-content > table {\n border: 1px solid #e1e1e1;\n}\n\n.bd-content > table > tbody > tr > td,\n.bd-content > table > tbody > tr > th,\n.bd-content > table > tfoot > tr > td,\n.bd-content > table > tfoot > tr > th,\n.bd-content > table > thead > tr > td,\n.bd-content > table > thead > tr > th {\n border: 0;\n border-top: 1px solid #e1e1e1;\n line-height: 1.5;\n padding-right: 1rem;\n padding-left: 1rem;\n}\n\n.bd-content > table > tbody > tr > td:first-child,\n.bd-content > table > tbody > tr > th:first-child,\n.bd-content > table > tfoot > tr > td:first-child,\n.bd-content > table > tfoot > tr > th:first-child,\n.bd-content > table > thead > tr > td:first-child,\n.bd-content > table > thead > tr > th:first-child {\n padding-left: 1.5rem;\n}\n\n.bd-content > table > tbody > tr > td:last-child,\n.bd-content > table > tbody > tr > th:last-child,\n.bd-content > table > tfoot > tr > td:last-child,\n.bd-content > table > tfoot > tr > th:last-child,\n.bd-content > table > thead > tr > td:last-child,\n.bd-content > table > thead > tr > th:last-child {\n padding-right: 1.5rem;\n}\n\n.bd-content > table > tbody > tr:nth-of-type(odd) {\n background-color: #f5f5f5;\n}\n\n.bd-content > table > tbody > tr > td,\n.bd-content > table > tbody > tr > th {\n height: 3.25rem;\n}\n\n.bd-content > table > tfoot {\n color: rgba(0, 0, 0, 0.54);\n}\n\n.bd-content > table > tfoot > tr > td,\n.bd-content > table > tfoot > tr > th {\n font-size: 0.75rem;\n font-weight: 400;\n height: 3.5rem;\n}\n\n.bd-content > table > thead > tr > td,\n.bd-content > table > thead > tr > th {\n font-weight: 500;\n height: 3.5rem;\n}\n\n.bd-example {\n background-color: white;\n border: 1px solid rgba(0, 0, 0, 0.12);\n margin: 0;\n padding: 1.5rem;\n}\n\n.bd-example .toast-container {\n position: static;\n}\n\n.bd-example .toast {\n opacity: 1;\n}\n\n.bd-example + .bd-example {\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n border-top: 0;\n margin-top: -1px;\n}\n\n.bd-example .custom-file-input:lang(es) ~ .custom-file-label::after {\n content: \"attachment\";\n}\n\n.bd-example > button {\n margin: 0.25rem;\n}\n\n.bd-example > img + img,\n.bd-example > svg + svg {\n margin-left: 0.5rem;\n}\n\n.bd-example > .dropdown-menu:first-child {\n position: relative;\n top: auto;\n left: auto;\n}\n\n.bd-example > .list-group {\n max-width: 100%;\n}\n\n.bd-example > textarea.textarea-autosize {\n resize: none;\n}\n\n.bd-example + p {\n margin-top: 1rem;\n}\n\n.bd-example-modal .modal-dialog {\n margin-top: 2rem;\n margin-bottom: 2rem;\n}\n\n.btn-clipboard {\n background-color: transparent;\n color: var(--primary);\n top: 0.25rem;\n right: 0.25rem;\n}\n\n.btn-clipboard:hover {\n background: var(--primary);\n}\n\n.highlight {\n background-color: #f5f5f5;\n margin: 0 0 1rem;\n padding: 1.5rem;\n position: relative;\n}\n\n.highlight pre {\n padding-bottom: 1rem;\n user-select: text;\n}\n\n.bd-content .highlight {\n border-radius: 4px;\n margin-right: 0;\n margin-left: 0;\n}\n\n.bd-example + .highlight,\n.bd-example + .bd-clipboard + .highlight {\n border: 1px solid rgba(0, 0, 0, 0.12);\n border-top: 0;\n margin-top: -1px;\n}\n\n.section-nav {\n border-left: 1px solid rgba(0, 0, 0, 0.12);\n}\n\n.toc-entry a {\n color: #212121;\n font-size: 0.875rem;\n opacity: 0.7;\n padding: 0.25rem 0 0.25rem 1rem;\n}\n\n.toc-entry a:hover, .toc-entry a:focus, .toc-entry a:active {\n color: rgba(0, 0, 0, 0.87);\n opacity: 1;\n}\n\n.toc-entry a.active {\n color: #6200ee;\n opacity: 1;\n}\n\n.bd-example [id='accordion'] .btn-link[data-toggle='collapse'] {\n padding: 0;\n}\n\n.card {\n margin-bottom: 1rem;\n}\n\n.bd-example .navbar .form-control {\n width: 10rem;\n}\n\n.bd-example-snackbars {\n display: flex;\n justify-content: center;\n}\n\n.bd-example-snackbars .toast {\n z-index: 10;\n}\n\n/* stylelint-disable declaration-no-important */\n.algolia-autocomplete .algolia-docsearch-footer {\n border-top: 1px solid rgba(0, 0, 0, 0.12);\n color: rgba(0, 0, 0, 0.38) !important;\n font-size: 0.75rem !important;\n line-height: 1.25rem !important;\n padding: 1rem 1rem 0;\n}\n\n.algolia-autocomplete .algolia-docsearch-suggestion {\n color: rgba(0, 0, 0, 0.87);\n}\n\n.algolia-autocomplete .algolia-docsearch-suggestion--category-header,\n.algolia-autocomplete .algolia-docsearch-suggestion--title {\n font-size: 0.9375rem !important;\n line-height: 1.5rem;\n padding: 0 1rem !important;\n}\n\n.algolia-autocomplete .ds-dropdown-menu {\n border: 0;\n border-radius: 4px;\n box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2);\n margin-top: 0;\n padding-top: 1rem !important;\n padding-bottom: 1rem !important;\n width: 100%;\n}\n\n.algolia-autocomplete .ds-dropdown-menu [class^='ds-dataset-'] {\n border-radius: 0;\n}\n\n.algolia-autocomplete .ds-suggestion.ds-cursor .algolia-docsearch-suggestion--content {\n background-color: rgba(0, 0, 0, 0.04) !important;\n}\n\n/* stylelint-enable declaration-no-important */\n.doc-search:focus {\n z-index: 101;\n}\n\n.doc-jumbotron {\n background-color: #6200ee;\n background-image: url(\"../images/doc-jumbotron-bg.jpg\");\n background-position: 50% 50%;\n background-repeat: no-repeat;\n background-size: cover;\n color: white;\n margin-bottom: 0;\n padding-top: 7rem;\n padding-bottom: 6rem;\n}\n\n@media (max-width: 767.98px) {\n .doc-jumbotron h1 {\n font-size: 3rem;\n font-weight: 400;\n letter-spacing: 0;\n line-height: 3.125rem;\n }\n}\n\n@media (min-width: 992px) {\n .navdrawer-permanent-lg ~ .doc-jumbotron {\n margin-left: 16rem;\n }\n}\n\n.doc-jumbotron h1:last-child,\n.doc-jumbotron p:last-child {\n margin-bottom: 0;\n}\n\n.doc-logo {\n font-size: 1.25rem;\n font-weight: 500;\n letter-spacing: 0.0125em;\n line-height: 2rem;\n align-items: center;\n background-color: rgba(3, 218, 198, 0.12);\n border-radius: 1.125rem;\n box-shadow: inset 0 0 0 1px currentColor;\n color: inherit;\n display: inline-flex;\n font-weight: 700;\n height: 2.25rem;\n justify-content: center;\n line-height: 1;\n position: relative;\n user-select: none;\n vertical-align: top;\n white-space: nowrap;\n width: 2.25rem;\n z-index: 1;\n}\n\n.doc-logo[href]:hover, .doc-logo[href]:focus, .doc-logo[href]:active {\n color: inherit;\n text-decoration: none;\n}\n\n.doc-logo[href]:hover::before, .doc-logo[href]:focus::before, .doc-logo[href]:active::before {\n opacity: 0.12;\n}\n\n.doc-logo[href]::before {\n /* transition: $transition-duration-mobile;\n transition-property: $property;\n transition-timing-function: $transition-timing-function-standard; */\n transition: opacity 300ms cubic-bezier(0.4, 0, 0.2, 1);\n background-color: currentColor;\n border-radius: 1.125rem;\n content: '';\n opacity: 0;\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: -1;\n}\n\n@media (min-width: 576px) {\n .doc-logo[href]::before {\n transition-duration: 390ms;\n }\n}\n\n@media (min-width: 992px) {\n .doc-logo[href]::before {\n transition-duration: 280ms;\n }\n}\n\n@media screen and (prefers-reduced-motion: reduce) {\n .doc-logo[href]::before {\n transition: none;\n }\n}\n\n.doc-logo:focus {\n outline: 0;\n}\n\n.doc-main {\n background-color: #ffffff;\n}\n\n@media (min-width: 992px) {\n .navdrawer-permanent-lg ~ .doc-main {\n margin-left: 16rem;\n }\n}\n\n.doc-navbar-permanent {\n margin-left: 16rem;\n}\n\n.doc-navbar-persistent,\n.doc-navbar-temporary {\n transition-duration: 195ms;\n transition-property: margin-left;\n transition-timing-function: cubic-bezier(0.4, 0, 0.6, 1);\n}\n\n@media (min-width: 576px) {\n .doc-navbar-persistent,\n .doc-navbar-temporary {\n transition-duration: 253.5ms;\n }\n}\n\n@media (min-width: 992px) {\n .doc-navbar-persistent,\n .doc-navbar-temporary {\n transition-duration: 75ms;\n }\n}\n\n@media screen and (prefers-reduced-motion: reduce) {\n .doc-navbar-persistent,\n .doc-navbar-temporary {\n transition: none;\n }\n}\n\n.navdrawer-open-persistent .doc-navbar-persistent {\n transition-duration: 225ms;\n transition-property: margin-left;\n transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n margin-left: 16rem;\n}\n\n@media (min-width: 576px) {\n .navdrawer-open-persistent .doc-navbar-persistent {\n transition-duration: 292.5ms;\n }\n}\n\n@media (min-width: 992px) {\n .navdrawer-open-persistent .doc-navbar-persistent {\n transition-duration: 150ms;\n }\n}\n\n@media screen and (prefers-reduced-motion: reduce) {\n .navdrawer-open-persistent .doc-navbar-persistent {\n transition: none;\n }\n}\n\n.navdrawer-open-temporary .doc-navbar-temporary {\n transition-duration: 225ms;\n transition-property: margin-left;\n transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n margin-left: 16rem;\n}\n\n@media (min-width: 576px) {\n .navdrawer-open-temporary .doc-navbar-temporary {\n transition-duration: 292.5ms;\n }\n}\n\n@media (min-width: 992px) {\n .navdrawer-open-temporary .doc-navbar-temporary {\n transition-duration: 150ms;\n }\n}\n\n@media screen and (prefers-reduced-motion: reduce) {\n .navdrawer-open-temporary .doc-navbar-temporary {\n transition: none;\n }\n}\n\n.doc-navdrawer-body {\n min-height: 100%;\n}\n\n.doc-skip {\n background-color: #6200ee;\n color: white;\n display: block;\n outline: 0;\n padding-top: 1rem;\n padding-bottom: 1rem;\n text-align: center;\n}\n\n.doc-skip:focus {\n color: white;\n}\n\n.doc-skip-text {\n border: 1px dotted currentColor;\n padding: 0 1rem;\n}\n\n.doc-swatch-text {\n font-family: \"Roboto Mono\", \"Menlo\", \"Monaco\", \"Consolas\", \"Liberation Mono\", \"Courier New\", monospace;\n}\n\n.typography-body-1 {\n letter-spacing: normal;\n}\n\n[class*='lgi-icon'] {\n background-size: 24px;\n border-radius: 50%;\n}\n\n.lgi-icon-bs {\n background-image: url(\"https://djibe.github.io/material/apple-touch-icon.png\");\n}\n\n.lgi-icon-md {\n background-image: url(\"data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGNpcmNsZSBjeD0iMTIiIGN5PSIxMiIgZmlsbD0iIzc1NzU3NSIgcj0iMTIiLz48cGF0aCBkPSJtMy42IDMuNmgxNi44djE2LjhoLTE2Ljh6IiBmaWxsPSIjYmRiZGJkIi8+PHBhdGggZD0ibTIwLjQgMy42LTguNCAxNi44LTguNC0xNi44eiIgZmlsbD0iI2ZmZiIvPjxwYXRoIGQ9Im0wIDBoMjR2MjRoLTI0eiIgZmlsbD0ibm9uZSIvPjwvc3ZnPg==\");\n}\n\n.lgi-icon-mdc {\n background-image: url(\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAMAAADVRocKAAAAzFBMVEUAAAAiIiIgICAhISEXFxchISEiIiIiIiIhISEhISEhISEhISFAQEAhISH////V/Nid+ZOT+XSW+mmd/GCq/lsB3XIFymoItWEMolkSekccPCzl/eaY+Yib+2Oy/1kA5nYGxGgQhUweMijx/vKZ+Yuq/loC3XIRg0sfKiWu+quk/V0D1G4WYDz9//2Z+Imx/1kRhEwhIyLy/vST+XELpVogKSWS+XKj/V3j/eYQhEwGw2cMoVgItGAFyWkcPC0WYTwQg0sLpFohIiERgkuViPK2AAAADXRSTlMAQ7XsC5mYRLRF7UYEGjoK4gAAAatJREFUeAHt2QV2HDEMgOHBshpOFq3FgfAy8/3PVOYhPUtl/xf4Hphtmb7LZLIdFwRyHdtKy/NBLN9LAXwQ7ImV6CmIZicARxZ4lgBcWcBNACCcATjAa2IGMIABDGAAAxjgdwNHxyenZ+cXl1elckUeqNbq6kP4oUazJQq0O131KfxUEEZyQHytvoRfurkVAu7uH1QagPjYkwD6A6UyAByO+MDdWGUDOOyxgXuVB+AjF4gf8gG85QHtiSoAbiIW0FFFAIYcYNotBoIWA6ipYgBnDKBOAeb6wJGiAFjRBo5pQFkbOKEBC23glAYstYEzGrDSBs5pQKB9Eb9AQhzgkgastIErGrDUBko0YKENlGlAWRtY04CKNgANJDQHfaBJAWYMoBVgYUGLAcBjMRACB4husKCbiAXApgi4BR4AW8ztEbhAb4g57XpsAEY5wm4EfAB6j5hRuBd6mN3cYDL6BYRQFCZmXHCIRJ+WW7M5ftN81pJ/u66UF8tVEKyWC61rLD8DkPr1n0SOLOAkAFsWeP7rvxot74n0Z2ki+9kLEOiF89LK7JVAlsn0t/UWTrKr7UdK6x0AAAAASUVORK5CYII=\");\n}\n\n.lgi-icon-plugin {\n background-image: url(\"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTgsM0EyLDIgMCAwLDAgNiw1VjlBMiwyIDAgMCwxIDQsMTFIM1YxM0g0QTIsMiAwIDAsMSA2LDE1VjE5QTIsMiAwIDAsMCA4LDIxSDEwVjE5SDhWMTRBMiwyIDAgMCwwIDYsMTJBMiwyIDAgMCwwIDgsMTBWNUgxMFYzTTE2LDNBMiwyIDAgMCwxIDE4LDVWOUEyLDIgMCAwLDAgMjAsMTFIMjFWMTNIMjBBMiwyIDAgMCwwIDE4LDE1VjE5QTIsMiAwIDAsMSAxNiwyMUgxNFYxOUgxNlYxNEEyLDIgMCAwLDEgMTgsMTJBMiwyIDAgMCwxIDE2LDEwVjVIMTRWM0gxNloiIC8+PC9zdmc+\");\n}\n\n/*# sourceMappingURL=docs.css.map */","// Theme palette : https://material.io/design/material-theming/implementing-your-theme.html#color\n\n$primary: (\n color: #6200ee,\n dark: #3700b3,\n light: #bb86fc\n) !default;\n\n$secondary: (\n color: #03dac6,\n dark: #018786,\n light: #66fff8\n) !default;\n\n$danger: (\n color: #b00020,\n dark: $material-color-red-700,\n light: #c51162\n) !default;\n\n$info: (\n color: #714cfe,\n dark: #021aee,\n light: #d2c2fd\n) !default;\n\n$success: (\n color: #61d800,\n dark: #41c300,\n light: #c6f68d\n) !default;\n\n$warning: (\n color: #ff8d00,\n dark: #ee6002,\n light: #ffc77d\n) !default;\n\n$dark: (\n color: $material-color-grey-800,\n dark: $material-color-grey-900,\n light: $material-color-grey-600\n) !default;\n\n$light: (\n color: $material-color-grey-100,\n dark: $material-color-grey-300,\n light: $material-color-grey-050\n) !default;\n\n$theme-colors: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$theme-colors: map-merge(\n (\n primary: $primary,\n secondary: $secondary,\n danger: $danger,\n info: $info,\n success: $success,\n warning: $warning,\n dark: $dark,\n light: $light\n ),\n $theme-colors\n);\n\n$yiq-contrasted-threshold: 170 !default;\n$yiq-text-dark: $black-primary !default;\n$yiq-text-light: $white-primary !default;\n\n// Characters which are escaped by the escape-svg function\n$escaped-characters: (\n ('<','%3c'),\n ('>','%3e'),\n ('#','%23'),\n) !default;\n","$border-color: $black-divider !default;\n$border-color-solid: #e1e1e1 !default;\n$border-radius: 4px !default;\n$border-radius-sm: 2px !default;\n$border-radius-lg: $border-radius * 4 !default;\n$border-width: 1px !default;\n\n$sizes: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$sizes: map-merge(\n (\n 25: 25%,\n 50: 50%,\n 75: 75%,\n 100: 100%,\n auto: auto\n ),\n $sizes\n);\n\n$spacer: 1rem !default;\n\n$spacer-xs: ($spacer * 0.25) !default;\n$spacer-sm: ($spacer * 0.5) !default;\n$spacer-lg: ($spacer * 1.5) !default;\n$spacer-xl: ($spacer * 3) !default;\n\n$spacers: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$spacers: map-merge(\n (\n 0: 0,\n 1: $spacer-xs,\n 2: $spacer-sm,\n 3: $spacer,\n 4: $spacer-lg,\n 5: $spacer-xl\n ),\n $spacers\n);\n","// A base value used to responsively scale all typography, applied to the `` element\n\n$font-size-root: 16px !default;\n\n// Font face\n// Based on https://material.google.com/style/typography.html#typography-typeface\n\n// N.B. Although some values are not used in this project\n// we leave them here just in case they may be required by your project\n\n$font-family-monospace: 'Roboto Mono', 'Menlo', 'Monaco', 'Consolas', 'Liberation Mono', 'Courier New', monospace !default;\n$font-family-sans-serif: 'Roboto', -apple-system, 'BlinkMacSystemFont', 'Segoe UI', 'Helvetica Neue', 'Arial', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol' !default;\n//$font-family-serif: 'Roboto Slab', Georgia, 'Times New Roman', Times, serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol' !default;\n\n$font-family-base: $font-family-sans-serif !default;\n\n$font-weight-medium: 500 !default;\n$font-weight-bold: $font-weight-medium !default;\n$font-weight-bolder: 600 !default;\n$font-weight-regular: 400 !default;\n$font-weight-normal: $font-weight-regular !default;\n$font-weight-light: 300 !default;\n$font-weight-lighter: $font-weight-light !default;\n\n$font-weight-base: $font-weight-regular !default;\n\n// Font styles\n// Based on https://material.io/design/material-theming/implementing-your-theme.html#typography\n// and https://material-components.github.io/material-components-web-catalog/#/component/typography\n\n$font-size-base: 1rem !default; // 16px\n\n$font-size-headline-1: ($font-size-base * 6) !default; // 96px\n$font-size-headline-2: ($font-size-base * 3.75) !default; // 60px\n$font-size-headline-3: ($font-size-base * 3) !default; // 48px\n$font-size-headline-4: ($font-size-base * 2.125) !default; // 34px\n$font-size-headline-5: ($font-size-base * 1.5) !default; // 24px\n$font-size-headline-6: ($font-size-base * 1.25) !default; // 20px\n$font-size-subtitle-1: $font-size-base !default; // 16px\n$font-size-subtitle-2: ($font-size-base * 0.875) !default; // 14px\n$font-size-body-1: $font-size-base !default; // 16px\n$font-size-body-2: ($font-size-base * 0.875) !default; // 14px\n$font-size-caption: ($font-size-base * 0.75) !default; // 12px\n$font-size-overline: ($font-size-base * 0.75) !default; // 12px\n\n$font-weight-headline-1: $font-weight-light !default;\n$font-weight-headline-2: $font-weight-light !default;\n$font-weight-headline-3: $font-weight-regular !default;\n$font-weight-headline-4: $font-weight-regular !default;\n$font-weight-headline-5: $font-weight-regular !default;\n$font-weight-headline-6: $font-weight-medium !default;\n$font-weight-subtitle-1: $font-weight-regular !default;\n$font-weight-subtitle-2: $font-weight-medium !default;\n$font-weight-body-1: $font-weight-regular !default;\n$font-weight-body-2: $font-weight-regular !default;\n$font-weight-caption: $font-weight-regular !default;\n$font-weight-overline: $font-weight-medium !default;\n\n$letter-spacing-headline-1: -0.015625em !default;\n$letter-spacing-headline-2: -0.0083333333em !default;\n$letter-spacing-headline-3: 0 !default;\n$letter-spacing-headline-4: 0.0073529412em !default;\n$letter-spacing-headline-5: 0 !default;\n$letter-spacing-headline-6: 0.0125em !default;\n$letter-spacing-subtitle-1: 0.009375em !default;\n$letter-spacing-subtitle-2: 0.0071428571em !default;\n$letter-spacing-body-1: 0.03125em !default;\n$letter-spacing-body-2: 0.0178571429em !default;\n$letter-spacing-caption: 0.0333333333em !default;\n$letter-spacing-overline: 0.1666666667em !default;\n\n// Line height\n\n$line-height-base: 1.5 !default; // 1.428572\n\n$line-height-headline-1: 6rem !default;\n$line-height-headline-2: 3.75rem !default;\n$line-height-headline-3: 3.125rem !default;\n$line-height-headline-4: 2.5rem !default;\n$line-height-headline-5: 2rem !default;\n$line-height-headline-6: 2rem !default;\n$line-height-subtitle-1: 1.75rem !default;\n$line-height-subtitle-2: 1.375rem !default;\n$line-height-body-1: 1.5rem !default;\n$line-height-body-2: 1.25rem !default;\n$line-height-caption: 1.25rem !default;\n$line-height-overline: 2rem !default;\n\n// Material icons default size\n\n$material-icon-size: (24 / strip-unit($font-size-root) * 1rem) !default;\n","// Material colour palette\n// Based on https://material.google.com/style/color.html#color-color-palette\n\n$material-color-amber-050: #fff8e1 !default;\n$material-color-amber-100: #ffecb3 !default;\n$material-color-amber-200: #ffe082 !default;\n$material-color-amber-300: #ffd54f !default;\n$material-color-amber-400: #ffca28 !default;\n$material-color-amber-500: #ffc107 !default;\n$material-color-amber-600: #ffb300 !default;\n$material-color-amber-700: #ffa000 !default;\n$material-color-amber-800: #ff8f00 !default;\n$material-color-amber-900: #ff6f00 !default;\n$material-color-amber-a100: #ffe57f !default;\n$material-color-amber-a200: #ffd740 !default;\n$material-color-amber-a400: #ffc400 !default;\n$material-color-amber-a700: #ffab00 !default;\n\n$material-color-blue-050: #e3f2fd !default;\n$material-color-blue-100: #bbdefb !default;\n$material-color-blue-200: #90caf9 !default;\n$material-color-blue-300: #64b5f6 !default;\n$material-color-blue-400: #42a5f5 !default;\n$material-color-blue-500: #2196f3 !default;\n$material-color-blue-600: #1e88e5 !default;\n$material-color-blue-700: #1976d2 !default;\n$material-color-blue-800: #1565c0 !default;\n$material-color-blue-900: #0d47a1 !default;\n$material-color-blue-a100: #82b1ff !default;\n$material-color-blue-a200: #448aff !default;\n$material-color-blue-a400: #2979ff !default;\n$material-color-blue-a700: #2962ff !default;\n\n$material-color-blue-grey-050: #eceff1 !default;\n$material-color-blue-grey-100: #cfd8dc !default;\n$material-color-blue-grey-200: #b0bec5 !default;\n$material-color-blue-grey-300: #90a4ae !default;\n$material-color-blue-grey-400: #78909c !default;\n$material-color-blue-grey-500: #607d8b !default;\n$material-color-blue-grey-600: #546e7a !default;\n$material-color-blue-grey-700: #455a64 !default;\n$material-color-blue-grey-800: #37474f !default;\n$material-color-blue-grey-900: #263238 !default;\n\n$material-color-brown-050: #efebe9 !default;\n$material-color-brown-100: #d7ccc8 !default;\n$material-color-brown-200: #bcaaa4 !default;\n$material-color-brown-300: #a1887f !default;\n$material-color-brown-400: #8d6e63 !default;\n$material-color-brown-500: #795548 !default;\n$material-color-brown-600: #6d4c41 !default;\n$material-color-brown-700: #5d4037 !default;\n$material-color-brown-800: #4e342e !default;\n$material-color-brown-900: #3e2723 !default;\n\n$material-color-cyan-050: #e0f7fa !default;\n$material-color-cyan-100: #b2ebf2 !default;\n$material-color-cyan-200: #80deea !default;\n$material-color-cyan-300: #4dd0e1 !default;\n$material-color-cyan-400: #26c6da !default;\n$material-color-cyan-500: #00bcd4 !default;\n$material-color-cyan-600: #00acc1 !default;\n$material-color-cyan-700: #0097a7 !default;\n$material-color-cyan-800: #00838f !default;\n$material-color-cyan-900: #006064 !default;\n$material-color-cyan-a100: #84ffff !default;\n$material-color-cyan-a200: #18ffff !default;\n$material-color-cyan-a400: #00e5ff !default;\n$material-color-cyan-a700: #00b8d4 !default;\n\n$material-color-deep-orange-050: #fbe9e7 !default;\n$material-color-deep-orange-100: #ffccbc !default;\n$material-color-deep-orange-200: #ffab91 !default;\n$material-color-deep-orange-300: #ff8a65 !default;\n$material-color-deep-orange-400: #ff7043 !default;\n$material-color-deep-orange-500: #ff5722 !default;\n$material-color-deep-orange-600: #f4511e !default;\n$material-color-deep-orange-700: #e64a19 !default;\n$material-color-deep-orange-800: #d84315 !default;\n$material-color-deep-orange-900: #bf360c !default;\n$material-color-deep-orange-a100: #ff9e80 !default;\n$material-color-deep-orange-a200: #ff6e40 !default;\n$material-color-deep-orange-a400: #ff3d00 !default;\n$material-color-deep-orange-a700: #dd2c00 !default;\n\n$material-color-deep-purple-050: #ede7f6 !default;\n$material-color-deep-purple-100: #d1c4e9 !default;\n$material-color-deep-purple-200: #b39ddb !default;\n$material-color-deep-purple-300: #9575cd !default;\n$material-color-deep-purple-400: #7e57c2 !default;\n$material-color-deep-purple-500: #673ab7 !default;\n$material-color-deep-purple-600: #5e35b1 !default;\n$material-color-deep-purple-700: #512da8 !default;\n$material-color-deep-purple-800: #4527a0 !default;\n$material-color-deep-purple-900: #311b92 !default;\n$material-color-deep-purple-a100: #b388ff !default;\n$material-color-deep-purple-a200: #7c4dff !default;\n$material-color-deep-purple-a400: #651fff !default;\n$material-color-deep-purple-a700: #6200ea !default;\n\n$material-color-green-050: #e8f5e9 !default;\n$material-color-green-100: #c8e6c9 !default;\n$material-color-green-200: #a5d6a7 !default;\n$material-color-green-300: #81c784 !default;\n$material-color-green-400: #66bb6a !default;\n$material-color-green-500: #4caf50 !default;\n$material-color-green-600: #43a047 !default;\n$material-color-green-700: #388e3c !default;\n$material-color-green-800: #2e7d32 !default;\n$material-color-green-900: #1b5e20 !default;\n$material-color-green-a100: #b9f6ca !default;\n$material-color-green-a200: #69f0ae !default;\n$material-color-green-a400: #00e676 !default;\n$material-color-green-a700: #00c853 !default;\n\n$material-color-grey-050: #fafafa !default;\n$material-color-grey-100: #f5f5f5 !default;\n$material-color-grey-200: #eeeeee !default;\n$material-color-grey-300: #e0e0e0 !default;\n$material-color-grey-400: #bdbdbd !default;\n$material-color-grey-500: #9e9e9e !default;\n$material-color-grey-600: #757575 !default;\n$material-color-grey-700: #616161 !default;\n$material-color-grey-800: #424242 !default;\n$material-color-grey-900: #212121 !default;\n\n$material-color-indigo-050: #e8eaf6 !default;\n$material-color-indigo-100: #c5cae9 !default;\n$material-color-indigo-200: #9fa8da !default;\n$material-color-indigo-300: #7986cb !default;\n$material-color-indigo-400: #5c6bc0 !default;\n$material-color-indigo-500: #3f51b5 !default;\n$material-color-indigo-600: #3949ab !default;\n$material-color-indigo-700: #303f9f !default;\n$material-color-indigo-800: #283593 !default;\n$material-color-indigo-900: #1a237e !default;\n$material-color-indigo-a100: #8c9eff !default;\n$material-color-indigo-a200: #536dfe !default;\n$material-color-indigo-a400: #3d5afe !default;\n$material-color-indigo-a700: #304ffe !default;\n\n$material-color-light-blue-050: #e1f5fe !default;\n$material-color-light-blue-100: #b3e5fc !default;\n$material-color-light-blue-200: #81d4fa !default;\n$material-color-light-blue-300: #4fc3f7 !default;\n$material-color-light-blue-400: #29b6f6 !default;\n$material-color-light-blue-500: #03a9f4 !default;\n$material-color-light-blue-600: #039be5 !default;\n$material-color-light-blue-700: #0288d1 !default;\n$material-color-light-blue-800: #0277bd !default;\n$material-color-light-blue-900: #01579b !default;\n$material-color-light-blue-a100: #80d8ff !default;\n$material-color-light-blue-a200: #40c4ff !default;\n$material-color-light-blue-a400: #00b0ff !default;\n$material-color-light-blue-a700: #0091ea !default;\n\n$material-color-light-green-050: #f1f8e9 !default;\n$material-color-light-green-100: #dcedc8 !default;\n$material-color-light-green-200: #c5e1a5 !default;\n$material-color-light-green-300: #aed581 !default;\n$material-color-light-green-400: #9ccc65 !default;\n$material-color-light-green-500: #8bc34a !default;\n$material-color-light-green-600: #7cb342 !default;\n$material-color-light-green-700: #689f38 !default;\n$material-color-light-green-800: #558b2f !default;\n$material-color-light-green-900: #33691e !default;\n$material-color-light-green-a100: #ccff90 !default;\n$material-color-light-green-a200: #b2ff59 !default;\n$material-color-light-green-a400: #76ff03 !default;\n$material-color-light-green-a700: #64dd17 !default;\n\n$material-color-lime-050: #f9fbe7 !default;\n$material-color-lime-100: #f0f4c3 !default;\n$material-color-lime-200: #e6ee9c !default;\n$material-color-lime-300: #dce775 !default;\n$material-color-lime-400: #d4e157 !default;\n$material-color-lime-500: #cddc39 !default;\n$material-color-lime-600: #c0ca33 !default;\n$material-color-lime-700: #afb42b !default;\n$material-color-lime-800: #9e9d24 !default;\n$material-color-lime-900: #827717 !default;\n$material-color-lime-a100: #f4ff81 !default;\n$material-color-lime-a200: #eeff41 !default;\n$material-color-lime-a400: #c6ff00 !default;\n$material-color-lime-a700: #aeea00 !default;\n\n$material-color-orange-050: #fff3e0 !default;\n$material-color-orange-100: #ffe0b2 !default;\n$material-color-orange-200: #ffcc80 !default;\n$material-color-orange-300: #ffb74d !default;\n$material-color-orange-400: #ffa726 !default;\n$material-color-orange-500: #ff9800 !default;\n$material-color-orange-600: #fb8c00 !default;\n$material-color-orange-700: #f57c00 !default;\n$material-color-orange-800: #ef6c00 !default;\n$material-color-orange-900: #e65100 !default;\n$material-color-orange-a100: #ffd180 !default;\n$material-color-orange-a200: #ffab40 !default;\n$material-color-orange-a400: #ff9100 !default;\n$material-color-orange-a700: #ff6d00 !default;\n\n$material-color-pink-050: #fce4ec !default;\n$material-color-pink-100: #f8bbd0 !default;\n$material-color-pink-200: #f48fb1 !default;\n$material-color-pink-300: #f06292 !default;\n$material-color-pink-400: #ec407a !default;\n$material-color-pink-500: #e91e63 !default;\n$material-color-pink-600: #d81b60 !default;\n$material-color-pink-700: #c2185b !default;\n$material-color-pink-800: #ad1457 !default;\n$material-color-pink-900: #880e4f !default;\n$material-color-pink-a100: #ff80ab !default;\n$material-color-pink-a200: #ff4081 !default;\n$material-color-pink-a400: #f50057 !default;\n$material-color-pink-a700: #c51162 !default;\n\n$material-color-purple-050: #f3e5f5 !default;\n$material-color-purple-100: #e1bee7 !default;\n$material-color-purple-200: #ce93d8 !default;\n$material-color-purple-300: #ba68c8 !default;\n$material-color-purple-400: #ab47bc !default;\n$material-color-purple-500: #9c27b0 !default;\n$material-color-purple-600: #8e24aa !default;\n$material-color-purple-700: #7b1fa2 !default;\n$material-color-purple-800: #6a1b9a !default;\n$material-color-purple-900: #4a148c !default;\n$material-color-purple-a100: #ea80fc !default;\n$material-color-purple-a200: #e040fb !default;\n$material-color-purple-a400: #d500f9 !default;\n$material-color-purple-a700: #aa00ff !default;\n\n$material-color-red-050: #ffebee !default;\n$material-color-red-100: #ffcdd2 !default;\n$material-color-red-200: #ef9a9a !default;\n$material-color-red-300: #e57373 !default;\n$material-color-red-400: #ef5350 !default;\n$material-color-red-500: #f44336 !default;\n$material-color-red-600: #e53935 !default;\n$material-color-red-700: #d32f2f !default;\n$material-color-red-800: #c62828 !default;\n$material-color-red-900: #b71c1c !default;\n$material-color-red-a100: #ff8a80 !default;\n$material-color-red-a200: #ff5252 !default;\n$material-color-red-a400: #ff1744 !default;\n$material-color-red-a700: #d50000 !default;\n\n$material-color-teal-050: #e0f2f1 !default;\n$material-color-teal-100: #b2dfdb !default;\n$material-color-teal-200: #80cbc4 !default;\n$material-color-teal-300: #4db6ac !default;\n$material-color-teal-400: #26a69a !default;\n$material-color-teal-500: #009688 !default;\n$material-color-teal-600: #00897b !default;\n$material-color-teal-700: #00796b !default;\n$material-color-teal-800: #00695c !default;\n$material-color-teal-900: #004d40 !default;\n$material-color-teal-a100: #a7ffeb !default;\n$material-color-teal-a200: #64ffda !default;\n$material-color-teal-a400: #1de9b6 !default;\n$material-color-teal-a700: #00bfa5 !default;\n\n$material-color-yellow-050: #fffde7 !default;\n$material-color-yellow-100: #fff9c4 !default;\n$material-color-yellow-200: #fff59d !default;\n$material-color-yellow-300: #fff176 !default;\n$material-color-yellow-400: #ffee58 !default;\n$material-color-yellow-500: #ffeb3b !default;\n$material-color-yellow-600: #fdd835 !default;\n$material-color-yellow-700: #fbc02d !default;\n$material-color-yellow-800: #f9a825 !default;\n$material-color-yellow-900: #f57f17 !default;\n$material-color-yellow-a100: #ffff8d !default;\n$material-color-yellow-a200: #ffff00 !default;\n$material-color-yellow-a400: #ffea00 !default;\n$material-color-yellow-a700: #ffd600 !default;\n\n// stylelint-disable scss/dollar-variable-default\n\n$ambers: () !default;\n$ambers: map-merge(\n (\n 50: $material-color-amber-050,\n 100: $material-color-amber-100,\n 200: $material-color-amber-200,\n 300: $material-color-amber-300,\n 400: $material-color-amber-400,\n 500: $material-color-amber-500,\n 600: $material-color-amber-600,\n 700: $material-color-amber-700,\n 800: $material-color-amber-800,\n 900: $material-color-amber-900,\n a100: $material-color-amber-a100,\n a200: $material-color-amber-a200,\n a400: $material-color-amber-a400,\n a700: $material-color-amber-a700\n ),\n $ambers\n);\n\n$blues: () !default;\n$blues: map-merge(\n (\n 50: $material-color-blue-050,\n 100: $material-color-blue-100,\n 200: $material-color-blue-200,\n 300: $material-color-blue-300,\n 400: $material-color-blue-400,\n 500: $material-color-blue-500,\n 600: $material-color-blue-600,\n 700: $material-color-blue-700,\n 800: $material-color-blue-800,\n 900: $material-color-blue-900,\n a100: $material-color-blue-a100,\n a200: $material-color-blue-a200,\n a400: $material-color-blue-a400,\n a700: $material-color-blue-a700\n ),\n $blues\n);\n\n$blue-greys: () !default;\n$blue-greys: map-merge(\n (\n 50: $material-color-blue-grey-050,\n 100: $material-color-blue-grey-100,\n 200: $material-color-blue-grey-200,\n 300: $material-color-blue-grey-300,\n 400: $material-color-blue-grey-400,\n 500: $material-color-blue-grey-500,\n 600: $material-color-blue-grey-600,\n 700: $material-color-blue-grey-700,\n 800: $material-color-blue-grey-800,\n 900: $material-color-blue-grey-900\n ),\n $blue-greys\n);\n\n$browns: () !default;\n$browns: map-merge(\n (\n 50: $material-color-brown-050,\n 100: $material-color-brown-100,\n 200: $material-color-brown-200,\n 300: $material-color-brown-300,\n 400: $material-color-brown-400,\n 500: $material-color-brown-500,\n 600: $material-color-brown-600,\n 700: $material-color-brown-700,\n 800: $material-color-brown-800,\n 900: $material-color-brown-900\n ),\n $browns\n);\n\n$cyans: () !default;\n$cyans: map-merge(\n (\n 50: $material-color-cyan-050,\n 100: $material-color-cyan-100,\n 200: $material-color-cyan-200,\n 300: $material-color-cyan-300,\n 400: $material-color-cyan-400,\n 500: $material-color-cyan-500,\n 600: $material-color-cyan-600,\n 700: $material-color-cyan-700,\n 800: $material-color-cyan-800,\n 900: $material-color-cyan-900,\n a100: $material-color-cyan-a100,\n a200: $material-color-cyan-a200,\n a400: $material-color-cyan-a400,\n a700: $material-color-cyan-a700\n ),\n $cyans\n);\n\n$deep-oranges: () !default;\n$deep-oranges: map-merge(\n (\n 50: $material-color-deep-orange-050,\n 100: $material-color-deep-orange-100,\n 200: $material-color-deep-orange-200,\n 300: $material-color-deep-orange-300,\n 400: $material-color-deep-orange-400,\n 500: $material-color-deep-orange-500,\n 600: $material-color-deep-orange-600,\n 700: $material-color-deep-orange-700,\n 800: $material-color-deep-orange-800,\n 900: $material-color-deep-orange-900,\n a100: $material-color-deep-orange-a100,\n a200: $material-color-deep-orange-a200,\n a400: $material-color-deep-orange-a400,\n a700: $material-color-deep-orange-a700\n ),\n $deep-oranges\n);\n\n$deep-purples: () !default;\n$deep-purples: map-merge(\n (\n 50: $material-color-deep-purple-050,\n 100: $material-color-deep-purple-100,\n 200: $material-color-deep-purple-200,\n 300: $material-color-deep-purple-300,\n 400: $material-color-deep-purple-400,\n 500: $material-color-deep-purple-500,\n 600: $material-color-deep-purple-600,\n 700: $material-color-deep-purple-700,\n 800: $material-color-deep-purple-800,\n 900: $material-color-deep-purple-900,\n a100: $material-color-deep-purple-a100,\n a200: $material-color-deep-purple-a200,\n a400: $material-color-deep-purple-a400,\n a700: $material-color-deep-purple-a700\n ),\n $deep-purples\n);\n\n$greens: () !default;\n$greens: map-merge(\n (\n 50: $material-color-green-050,\n 100: $material-color-green-100,\n 200: $material-color-green-200,\n 300: $material-color-green-300,\n 400: $material-color-green-400,\n 500: $material-color-green-500,\n 600: $material-color-green-600,\n 700: $material-color-green-700,\n 800: $material-color-green-800,\n 900: $material-color-green-900,\n a100: $material-color-green-a100,\n a200: $material-color-green-a200,\n a400: $material-color-green-a400,\n a700: $material-color-green-a700\n ),\n $greens\n);\n\n$greys: () !default;\n$greys: map-merge(\n (\n 50: $material-color-grey-050,\n 100: $material-color-grey-100,\n 200: $material-color-grey-200,\n 300: $material-color-grey-300,\n 400: $material-color-grey-400,\n 500: $material-color-grey-500,\n 600: $material-color-grey-600,\n 700: $material-color-grey-700,\n 800: $material-color-grey-800,\n 900: $material-color-grey-900\n ),\n $greys\n);\n\n$indigos: () !default;\n$indigos: map-merge(\n (\n 50: $material-color-indigo-050,\n 100: $material-color-indigo-100,\n 200: $material-color-indigo-200,\n 300: $material-color-indigo-300,\n 400: $material-color-indigo-400,\n 500: $material-color-indigo-500,\n 600: $material-color-indigo-600,\n 700: $material-color-indigo-700,\n 800: $material-color-indigo-800,\n 900: $material-color-indigo-900,\n a100: $material-color-indigo-a100,\n a200: $material-color-indigo-a200,\n a400: $material-color-indigo-a400,\n a700: $material-color-indigo-a700\n ),\n $indigos\n);\n\n$light-blues: () !default;\n$light-blues: map-merge(\n (\n 50: $material-color-light-blue-050,\n 100: $material-color-light-blue-100,\n 200: $material-color-light-blue-200,\n 300: $material-color-light-blue-300,\n 400: $material-color-light-blue-400,\n 500: $material-color-light-blue-500,\n 600: $material-color-light-blue-600,\n 700: $material-color-light-blue-700,\n 800: $material-color-light-blue-800,\n 900: $material-color-light-blue-900,\n a100: $material-color-light-blue-a100,\n a200: $material-color-light-blue-a200,\n a400: $material-color-light-blue-a400,\n a700: $material-color-light-blue-a700\n ),\n $light-blues\n);\n\n$light-greens: () !default;\n$light-greens: map-merge(\n (\n 50: $material-color-light-green-050,\n 100: $material-color-light-green-100,\n 200: $material-color-light-green-200,\n 300: $material-color-light-green-300,\n 400: $material-color-light-green-400,\n 500: $material-color-light-green-500,\n 600: $material-color-light-green-600,\n 700: $material-color-light-green-700,\n 800: $material-color-light-green-800,\n 900: $material-color-light-green-900,\n a100: $material-color-light-green-a100,\n a200: $material-color-light-green-a200,\n a400: $material-color-light-green-a400,\n a700: $material-color-light-green-a700\n ),\n $light-greens\n);\n\n$limes: () !default;\n$limes: map-merge(\n (\n 50: $material-color-lime-050,\n 100: $material-color-lime-100,\n 200: $material-color-lime-200,\n 300: $material-color-lime-300,\n 400: $material-color-lime-400,\n 500: $material-color-lime-500,\n 600: $material-color-lime-600,\n 700: $material-color-lime-700,\n 800: $material-color-lime-800,\n 900: $material-color-lime-900,\n a100: $material-color-lime-a100,\n a200: $material-color-lime-a200,\n a400: $material-color-lime-a400,\n a700: $material-color-lime-a700\n ),\n $limes\n);\n\n$oranges: () !default;\n$oranges: map-merge(\n (\n 50: $material-color-orange-050,\n 100: $material-color-orange-100,\n 200: $material-color-orange-200,\n 300: $material-color-orange-300,\n 400: $material-color-orange-400,\n 500: $material-color-orange-500,\n 600: $material-color-orange-600,\n 700: $material-color-orange-700,\n 800: $material-color-orange-800,\n 900: $material-color-orange-900,\n a100: $material-color-orange-a100,\n a200: $material-color-orange-a200,\n a400: $material-color-orange-a400,\n a700: $material-color-orange-a700\n ),\n $oranges\n);\n\n$pinks: () !default;\n$pinks: map-merge(\n (\n 50: $material-color-pink-050,\n 100: $material-color-pink-100,\n 200: $material-color-pink-200,\n 300: $material-color-pink-300,\n 400: $material-color-pink-400,\n 500: $material-color-pink-500,\n 600: $material-color-pink-600,\n 700: $material-color-pink-700,\n 800: $material-color-pink-800,\n 900: $material-color-pink-900,\n a100: $material-color-pink-a100,\n a200: $material-color-pink-a200,\n a400: $material-color-pink-a400,\n a700: $material-color-pink-a700\n ),\n $pinks\n);\n\n$purples: () !default;\n$purples: map-merge(\n (\n 50: $material-color-purple-050,\n 100: $material-color-purple-100,\n 200: $material-color-purple-200,\n 300: $material-color-purple-300,\n 400: $material-color-purple-400,\n 500: $material-color-purple-500,\n 600: $material-color-purple-600,\n 700: $material-color-purple-700,\n 800: $material-color-purple-800,\n 900: $material-color-purple-900,\n a100: $material-color-purple-a100,\n a200: $material-color-purple-a200,\n a400: $material-color-purple-a400,\n a700: $material-color-purple-a700\n ),\n $purples\n);\n\n$reds: () !default;\n$reds: map-merge(\n (\n 50: $material-color-red-050,\n 100: $material-color-red-100,\n 200: $material-color-red-200,\n 300: $material-color-red-300,\n 400: $material-color-red-400,\n 500: $material-color-red-500,\n 600: $material-color-red-600,\n 700: $material-color-red-700,\n 800: $material-color-red-800,\n 900: $material-color-red-900,\n a100: $material-color-red-a100,\n a200: $material-color-red-a200,\n a400: $material-color-red-a400,\n a700: $material-color-red-a700\n ),\n $reds\n);\n\n$teals: () !default;\n$teals: map-merge(\n (\n 50: $material-color-teal-050,\n 100: $material-color-teal-100,\n 200: $material-color-teal-200,\n 300: $material-color-teal-300,\n 400: $material-color-teal-400,\n 500: $material-color-teal-500,\n 600: $material-color-teal-600,\n 700: $material-color-teal-700,\n 800: $material-color-teal-800,\n 900: $material-color-teal-900,\n a100: $material-color-teal-a100,\n a200: $material-color-teal-a200,\n a400: $material-color-teal-a400,\n a700: $material-color-teal-a700\n ),\n $teals\n);\n\n$yellows: () !default;\n$yellows: map-merge(\n (\n 50: $material-color-yellow-050,\n 100: $material-color-yellow-100,\n 200: $material-color-yellow-200,\n 300: $material-color-yellow-300,\n 400: $material-color-yellow-400,\n 500: $material-color-yellow-500,\n 600: $material-color-yellow-600,\n 700: $material-color-yellow-700,\n 800: $material-color-yellow-800,\n 900: $material-color-yellow-900,\n a100: $material-color-yellow-a100,\n a200: $material-color-yellow-a200,\n a400: $material-color-yellow-a400,\n a700: $material-color-yellow-a700\n ),\n $yellows\n);\n\n$colors: () !default;\n$colors: map-merge(\n (\n 'amber': $material-color-amber-500,\n 'blue': $material-color-blue-500,\n 'blue-grey': $material-color-blue-grey-500,\n 'brown': $material-color-brown-500,\n 'cyan': $material-color-cyan-500,\n 'deep-orange': $material-color-deep-orange-500,\n 'deep-purple': $material-color-deep-purple-500,\n 'green': $material-color-green-500,\n 'grey': $material-color-grey-500,\n 'indigo': $material-color-indigo-500,\n 'light-blue': $material-color-light-blue-500,\n 'light-green': $material-color-light-green-500,\n 'lime': $material-color-lime-500,\n 'orange': $material-color-orange-500,\n 'pink': $material-color-pink-500,\n 'purple': $material-color-purple-500,\n 'red': $material-color-red-500,\n 'teal': $material-color-teal-500,\n 'yellow': $material-color-yellow-500\n ),\n $colors\n);\n\n// stylelint-enable scss/dollar-variable-default\n\n// Black and white\n// Based on https://material.google.com/style/color.html#color-text-background-colors\n\n$black: #000000 !default;\n\n$black-primary-opacity: 0.87 !default;\n$black-caption-opacity: 0.6 !default; // Form helper text\n$black-secondary-opacity: 0.54 !default;\n$black-hint-opacity: 0.38 !default;\n$black-divider-opacity: 0.12 !default;\n\n$black-primary: rgba($black, $black-primary-opacity) !default;\n$black-caption: rgba($black, $black-caption-opacity) !default;\n$black-secondary: rgba($black, $black-secondary-opacity) !default;\n$black-hint: rgba($black, $black-hint-opacity) !default;\n$black-divider: rgba($black, $black-divider-opacity) !default;\n\n$white: #ffffff !default;\n\n$white-primary-opacity: 1 !default;\n$white-secondary-opacity: 0.7 !default;\n$white-hint-opacity: 0.5 !default;\n$white-divider-opacity: $black-divider-opacity !default;\n\n$white-primary: rgba($white, $white-primary-opacity) !default;\n$white-secondary: rgba($white, $white-secondary-opacity) !default;\n$white-hint: rgba($white, $white-hint-opacity) !default;\n$white-divider: rgba($white, $white-divider-opacity) !default;\n\n// States\n// Based on https://material.io/design/interaction/states.html#usage\n\n$overlay-hover-colored-opacity: 0.08 !default;\n$overlay-focus-colored-opacity: 0.24 !default;\n$overlay-selected-colored-opacity: 0.16 !default;\n$overlay-activated-colored-opacity: 0.24 !default;\n$overlay-pressed-colored-opacity: 0.32 !default;\n//$overlay-dragged-colored-opacity: .16 !default;\n\n$overlay-hover-white-opacity: 0.04 !default;\n$overlay-focus-white-opacity: 0.12 !default;\n$overlay-selected-white-opacity: 0.08 !default;\n$overlay-activated-white-opacity: 0.12 !default;\n$overlay-pressed-white-opacity: 0.12 * 2 !default;\n// $overlay-dragged-white-opacity: 0.08 !default;\n\n// Theme\n// Based on https://material.google.com/style/color.html#color-themes\n\n$dark-theme-1: $black !default;\n$dark-theme-2: $material-color-grey-900 !default;\n$dark-theme-3: #303030 !default;\n$dark-theme-4: #3c3c46 !default;\n\n$light-theme-1: $material-color-grey-300 !default;\n$light-theme-2: $material-color-grey-100 !default;\n$light-theme-3: $material-color-grey-050 !default;\n$light-theme-4: $white !default;\n","// Based on https://material.google.com/components/buttons.html AND https://material-density.glitch.me/\n\n$btn-bg-active: rgba(153, 153, 153, 0.4) !default;\n$btn-bg-active-inverse: rgba(204, 204, 204, 0.25) !default;\n$btn-bg-disabled: $black-divider !default;\n$btn-bg-disabled-inverse: $white-divider !default;\n$btn-border-radius: $border-radius !default;\n$btn-block-margin-y: $spacer-xs !default;\n$btn-color: $black-primary !default;\n$btn-color-disabled: rgba($black, 0.37) !default;\n$btn-color-disabled-inverse: rgba($white, 0.3) !default;\n$btn-elevation-shadow: map-get($elevation-shadows, 2) !default;\n$btn-elevation-shadow-hover: map-get($elevation-shadows, 4) !default;\n$btn-elevation-shadow-active: map-get($elevation-shadows, 8) !default;\n$btn-font-weight: $font-weight-medium !default;\n$btn-icon-size: 1.125rem !default; // Icon within a raised/outlined/text button\n//$btn-line-height: 1 !default;\n$btn-min-width: 4rem !default; // 64px\n$btn-overlay: $black-divider !default;\n$btn-overlay-inverse: rgba($white, 0.08) !default; //$white-divider\n\n$btn-font-size: 0.875rem !default;\n$btn-font-size-lg: 0.9375rem !default;\n//$btn-font-size-sm: 0.8125rem !default;\n$btn-height: 2.25rem !default; // 36px\n$btn-height-lg: 2.5rem !default; // 40px unofficial\n$btn-height-sm: 1.75rem !default; // 28px\n$btn-height-xs: 1.5rem !default; // 24px\n$btn-padding-x: $spacer !default;\n$btn-flat-padding-x: $spacer-sm !default;\n$btn-group-padding-x: 0.75rem !default;\n$btn-padding-y: 0 !default;\n\n// Based on https://material-density.glitch.me/\n\n$btn-icon-width: 3rem !default;\n$btn-icon-width-sm: 2.25rem !default;\n$btn-icon-width-xs: 1.75rem !default;\n\n// Based on https://material.io/components/buttons-floating-action-button/\n\n$btn-float-dropdown-inner-spacer-y: $spacer !default;\n$btn-float-elevation-shadow: map-get($elevation-shadows, 6) !default;\n$btn-float-elevation-shadow-hover: map-get($elevation-shadows, 8) !default;\n$btn-float-elevation-shadow-active: map-get($elevation-shadows, 12) !default;\n$btn-float-size: 3.5rem !default; // 56px\n$btn-float-size-sm: 2.5rem !default; // 40px\n$btn-float-extended-height: 3rem !default; // 48px\n$btn-float-extended-padding-x: 1.25rem !default; // 20px\n$btn-float-extended-border-radius: $btn-float-extended-height / 2 !default; // 24px\n$btn-float-extended-line-height: 2.25rem !default;\n\n// Based on https://material.io/components/buttons/#toggle-button\n\n$btn-group-bg: $white-primary !default;\n$btn-group-inner-spacer-x: 1px !default;\n$btn-group-inner-spacer-y: 1px !default;\n$btn-group-toggle-opacity: 0.7 !default;\n\n// Based on https://material.io/components/cards/\n\n$card-action-inner-spacer-x: $spacer-sm !default;\n$card-action-inner-spacer-y: $spacer-xs !default;\n$card-action-padding-x: $spacer-sm !default;\n$card-action-padding-y: $card-action-padding-x !default;\n$card-bg: $white !default;\n$card-border-color: $border-color !default;\n$card-border-radius: $border-radius !default;\n$card-border-width: $border-width !default;\n$card-columns-count: 2 !default;\n$card-columns-count-desktop: 3 !default;\n$card-elevation-shadow: map-get($elevation-shadows, 1) !default;\n$card-elevation-shadow-hover: map-get($elevation-shadows, 4) !default;\n$card-inner-border-radius: subtract($card-border-radius, $card-border-width) !default;\n$card-margin-x: $spacer-sm !default;\n$card-margin-y: $card-margin-x !default;\n$card-padding-x: $spacer !default;\n$card-padding-y: $card-padding-x !default;\n\n// Based on https://material.io/components/chips/\n\n$chip-bg: $material-color-grey-300 !default;\n$chip-bg-hover: rgba($black, $overlay-focus-colored-opacity) !default;\n$chip-bg-active: rgba($black, $overlay-pressed-colored-opacity) !default;\n$chip-outline-bg-hover: rgba($black, $overlay-hover-white-opacity) !default;\n$chip-outline-bg-active: rgba($black, $overlay-pressed-white-opacity) !default;\n$chip-color: $black-primary !default;\n$chip-font-size: 0.875rem !default;\n$chip-font-weight: $font-weight-regular !default;\n$chip-height: 2rem !default;\n$chip-icon-bg: theme-color(secondary) !default;\n$chip-icon-font-size: 1rem !default;\n$chip-icon-size: 1.25rem !default;\n$chip-inner-spacer-x: $spacer-xs !default;\n$chip-letter-spacing: $letter-spacing-body-2 !default;\n$chip-line-height: 1.25rem !default;\n$chip-padding-x: 0.75rem !default;\n$chip-padding-y: 0 !default;\n\n// Based on https://material.io/components/data-tables/\n\n$table-bg: $white !default;\n$table-bg-active: rgba(theme-color(primary), $overlay-hover-white-opacity) !default;\n//$table-bg-active-hover: $material-color-grey-300 !default;\n$table-bg-accent: $material-color-grey-100 !default;\n$table-bg-hover: rgba($black, $overlay-hover-white-opacity) !default;\n$table-border-color: $border-color-solid !default;\n$table-border-width: $border-width !default;\n$table-cell-padding-x: $spacer !default;\n$table-cell-padding-x-alt: $spacer-lg !default;\n$table-font-size: 0.875rem !default;\n$table-line-height: $line-height-base !default;\n$table-margin-y: $spacer !default;\n$table-striped-order: odd !default;\n\n$table-dark-bg: $dark-theme-4 !default;\n$table-dark-bg-accent: $dark-theme-3 !default;\n$table-dark-bg-hover: #565761 !default;\n$table-dark-border-color: #55555d !default;\n$table-dark-color: $white !default;\n\n$table-tbody-cell-height: 3.25rem !default;\n//$table-tbody-font-size: 0.8125rem !default;\n\n$table-tfoot-cell-height: 3.5rem !default; // 56px\n$table-tfoot-color: $black-secondary !default;\n$table-tfoot-font-size: 0.75rem !default;\n$table-tfoot-font-weight: $font-weight-regular !default;\n\n$table-thead-bg: $table-bg-accent !default;\n$table-thead-cell-height: $table-tfoot-cell-height !default;\n$table-thead-font-weight: $font-weight-medium !default;\n$table-thead-letter-spacing: 0.0071428571em !default;\n$table-thead-padding-y: (($table-thead-cell-height - $table-font-size * $table-line-height) / 2) !default;\n\n$table-th-font-weight: null !default;\n\n$table-sm-tbody-cell-height: 2.25rem !default;\n$table-sm-tfoot-cell-height: 2.5rem !default;\n$table-sm-thead-cell-height: $table-sm-tfoot-cell-height !default;\n\n// Based on https://material.io/components/dialogs/\n\n$dialog-backdrop-bg: rgba($black, 0.32) !default;\n$dialog-body-padding-y: 1.25rem !default;\n$dialog-border-radius: $border-radius !default;\n$dialog-color: $black-caption !default;\n$dialog-content-bg: $white !default;\n$dialog-elevation-shadow: map-get($elevation-shadows, 24) !default;\n$dialog-footer-inner-spacer-x: $spacer-sm !default;\n$dialog-footer-padding-x: $spacer-sm !default;\n$dialog-footer-padding-y: $spacer-sm !default;\n$dialog-margin-x: $spacer !default;\n$dialog-margin-y: $spacer !default;\n$dialog-padding-x: $spacer-lg !default;\n$dialog-padding-y: $spacer-sm !default;\n$dialog-transition-scale: 0.8 !default;\n$dialog-width: 35rem !default; // 560px\n$dialog-width-lg: 52.5rem !default; // 840px\n$dialog-width-sm: 17.5rem !default; // 280px\n$dialog-width-xl: $dialog-width-lg !default;\n\n// Based on https://material.io/archive/guidelines/components/expansion-panels.html\n\n$expansion-panel-bg: $white !default;\n$expansion-panel-bg-hover: rgba($black, $overlay-hover-white-opacity) !default;\n$expansion-panel-bg-focus: rgba($black, $overlay-focus-white-opacity) !default;\n$expansion-panel-bg-active: rgba($black, $overlay-pressed-white-opacity) !default;\n$expansion-panel-bg-selected: rgba(theme-color(primary), $overlay-activated-white-opacity) !default;\n$expansion-panel-bg-primary-hover: rgba(theme-color(primary), $overlay-selected-colored-opacity) !default;\n$expansion-panel-bg-primary-focus: rgba(theme-color(primary), $overlay-pressed-white-opacity) !default;\n$expansion-panel-border-color: $border-color !default;\n$expansion-panel-border-radius: $border-radius !default;\n$expansion-panel-border-width: $border-width !default;\n$expansion-panel-color: $black-primary !default;\n$expansion-panel-color-selected: theme-color(primary) !default;\n$expansion-panel-color-disabled: $black-hint !default;\n//$expansion-panel-elevation-shadow: map-get($elevation-shadows, 1) !default;\n$expansion-panel-font-size: $font-size-base !default;\n$expansion-panel-footer-btn-min-width: 4rem !default;\n$expansion-panel-footer-inner-spacer-x: $spacer-sm !default;\n$expansion-panel-footer-inner-spacer-y: $spacer-xs !default;\n$expansion-panel-footer-padding-x: $spacer-sm !default;\n$expansion-panel-height: 3rem !default;\n$expansion-panel-inner-spacer-x: $spacer !default;\n$expansion-panel-inner-spacer-y: $expansion-panel-inner-spacer-x !default;\n$expansion-panel-letter-spacing: $letter-spacing-subtitle-1 !default;\n$expansion-panel-line-height: $line-height-base !default;\n$expansion-panel-margin-y: $spacer !default;\n$expansion-panel-padding-x: $spacer !default;\n$expansion-panel-padding-y: (($expansion-panel-height - $expansion-panel-font-size * $expansion-panel-line-height) / 2) !default;\n\n$list-group-item-icon-size: 1.5rem !default;\n$list-group-item-graphic-width: 2.5rem !default;\n$list-group-item-graphic-color: rgba($black, 0.3) !default;\n\n// Material icons\n$material-icon-font-family: 'Material Icons', 'Material Icons Outlined', 'Material Icons Two Tone', 'Material Icons Round', 'Material Icons Sharp' !default;\n\n// Based on https://material.io/components/menus/\n\n$menu-bg: $white !default;\n$menu-border-radius: $border-radius !default;\n$menu-divider-bg: $border-color !default;\n$menu-font-size: 1rem !default;\n$menu-font-size-cascading: 0.9375rem !default;\n$menu-font-weight: $font-weight-regular !default;\n$menu-elevation-shadow: map-get($elevation-shadows, 8) !default;\n//$menu-header-color: $black-primary !default;\n$menu-line-height: 1.5rem !default;\n$menu-line-height-cascading: $menu-line-height !default;\n$menu-link-bg: transparent !default;\n$menu-link-bg-hover: rgba($black, $overlay-hover-white-opacity) !default;\n$menu-link-bg-focus: rgba($black, $overlay-focus-white-opacity) !default;\n$menu-link-bg-active: rgba($black, $overlay-pressed-white-opacity) !default;\n$menu-link-color: $black-primary !default;\n$menu-link-color-disabled: $black-hint !default;\n$menu-link-height: 3rem !default; // 48px\n$menu-link-height-cascading: 2rem !default; // 32px\n$menu-link-letter-spacing: $letter-spacing-subtitle-1 !default;\n$menu-link-padding-x: $spacer !default;\n$menu-link-padding-y: 0 !default;\n$menu-min-width: 7rem !default; // 112px\n$menu-min-width-cascading: 17.5rem !default; // 20 - 320px ?\n$menu-padding-y: $spacer-sm !default;\n$menu-padding-y-cascading: $spacer !default;\n\n// Based on https://material.io/components/navigation-drawer/\n\n$navdrawer-backdrop-bg: $dialog-backdrop-bg !default;\n$navdrawer-border-color: $border-color !default;\n$navdrawer-border-width: $border-width !default;\n$navdrawer-content-bg: $dialog-content-bg !default;\n$navdrawer-divider-bg: $border-color !default;\n$navdrawer-elevation-shadow: map-get($elevation-shadows, 16) !default;\n$navdrawer-gutter-width: 3.5rem !default;\n$navdrawer-header-bg: $material-color-grey-100 !default;\n$navdrawer-header-border-color: $border-color !default;\n$navdrawer-header-border-width: $border-width !default;\n$navdrawer-inner-spacer-x: $spacer !default;\n$navdrawer-inner-spacer-y: $spacer-sm !default;\n$navdrawer-nav-icon-color: $black-secondary !default;\n$navdrawer-nav-icon-width: 3.5rem !default;\n$navdrawer-nav-link-bg-hover: $material-color-grey-100 !default;\n$navdrawer-nav-link-color: $black-primary !default;\n$navdrawer-nav-link-color-active: theme-color(primary) !default;\n$navdrawer-nav-link-color-disabled: $black-hint !default;\n$navdrawer-nav-link-font-size: 0.875rem !default;\n$navdrawer-nav-link-font-weight: $font-weight-medium !default;\n$navdrawer-nav-link-height: 2.5rem !default;\n$navdrawer-subheader-color: $black-hint !default;\n$navdrawer-subheader-font-size: 0.875rem !default;\n$navdrawer-subheader-font-weight: $font-weight-medium !default;\n$navdrawer-subheader-height: 3rem !default;\n$navdrawer-width: 16rem !default;\n\n// Pickers\n// Based on https://material.io/components/pickers/\n\n$picker-border-radius: $border-radius !default;\n$picker-cell-size: 2.5rem !default;\n$picker-content-bg: $dialog-content-bg !default;\n$picker-day-bg-selected: theme-color(primary) !default;\n$picker-day-color-disabled: $black-hint !default;\n//$picker-day-color-today: theme-color(primary) !default;\n$picker-elevation-shadow: $dialog-elevation-shadow !default;\n$picker-header-bg: theme-color(primary) !default;\n$picker-header-padding-x: 1.5rem !default;\n$picker-header-padding-y: $spacer !default;\n$picker-holder-bg: $dialog-backdrop-bg !default;\n$picker-inner-spacer-x: $spacer-sm !default;\n$picker-inner-spacer-y: $picker-inner-spacer-x !default;\n$picker-margin-x: $dialog-margin-x !default;\n$picker-margin-y: $dialog-margin-y !default;\n$picker-nav-next-icon: 'keyboard_arrow_right' !default;\n$picker-nav-prev-icon: 'keyboard_arrow_left' !default;\n$picker-select-bg: $black-divider !default;\n$picker-select-border-radius: $border-radius !default;\n$picker-select-opacity: 0.7 !default;\n$picker-transition-scale: $transition-scale !default;\n$picker-weekday-color: $black-hint !default;\n\n// Based on https://material.io/components/progress-indicators/\n\n$progress-bar-bg: theme-color(primary) !default;\n$progress-bar-border-radius: 0.25rem !default;\n$progress-bar-buffer-width: 1.5rem !default;\n$progress-bar-height: 0.25rem !default; // 4px\n$progress-bg: #e6e6e6 !default;\n\n$progress-circular-animation-duration: 5.332s !default;\n$progress-circular-bg: theme-color(primary) !default;\n$progress-circular-height: 2.5rem !default;\n$progress-circular-height-sm: 1rem !default;\n$progress-circular-spinner-width: 0.25rem !default;\n$progress-circular-spinner-width-sm: 0.15rem !default;\n\n// Based on https://material.io/components/selection-controls/\n\n//$selection-control-border-radius: 50% !default; // added djibe\n$selection-control-checkbox-icon: 'check_box_outline_blank' !default;\n$selection-control-checkbox-icon-checked: 'check_box' !default;\n$selection-control-checkbox-icon-indeterminate: 'indeterminate_check_box' !default;\n$selection-control-color: $black-secondary !default;\n$selection-control-color-active: selection-theme-color() !default;\n$selection-control-color-disabled: rgba($black, 0.26) !default;\n//$selection-control-gutter: .5rem !default; // addded djibe\n$selection-control-indicator-size: $material-icon-size !default;\n\n$selection-control-radial-opacity: $black-divider-opacity !default;\n$selection-control-radio-icon: 'radio_button_unchecked' !default;\n$selection-control-radio-icon-checked: 'radio_button_checked' !default;\n$selection-control-spacer-x: ($material-icon-size / 2) !default;\n$selection-control-spacer-y: ($material-icon-size / 2) !default;\n$selection-control-thumb-bg: $material-color-grey-050 !default;\n// $selection-control-thumb-bg-disabled: $material-color-grey-400 !default;\n// $selection-control-thumb-shadow: 0 1px 5px 0 rgba($black, $black-secondary-opacity) !default;\n$selection-control-track-bg: $black-hint !default;\n// $selection-control-track-bg-disabled: $black-divider !default;\n$selection-control-track-height: 1rem !default;\n$selection-control-track-opacity: 0.5 !default;\n// $selection-control-track-width: ($selection-control-indicator-size * 2) !default;\n//$selection-control-border-width: (($selection-control-indicator-size - $selection-control-track-height) / 2); // djibe\n\n//$custom-control-gutter: 1.75rem !default;\n$custom-control-indicator-size: 1rem !default;\n$custom-control-indicator-border-width: 1.25rem !default;\n//$custom-control-indicator-border-color: $material-color-grey-800 !default;\n//$custom-control-indicator-bg: $white-primary !default;\n$custom-switch-handle-width: 1.25rem !default;\n$custom-switch-handle-shadow: 0 3px 1px -2px rgba($black, 0.2), 0 2px 2px 0 rgba($black, 0.14), 0 1px 5px 0 rgba($black, 0.12) !default;\n$custom-switch-height: 0.875rem !default;\n$custom-switch-transition: 90ms cubic-bezier(0.4, 0, 0.2, 1) !default;\n$custom-switch-width: 2rem !default;\n//$custom-switch-indicator-border-radius: $custom-control-indicator-size / 2 !default;\n//$custom-switch-indicator-size: calc(#{$custom-control-indicator-size} - #{$custom-control-indicator-border-width * 4}) !default;\n//$custom-control-indicator-checked-disabled-bg: rgba(theme-color(primary), 0.5) !default;\n\n// Based on https://material.io/components/sliders/\n\n$slider-track-width: 100% !default;\n$slider-track-height: 0.125rem !default;\n$slider-track-cursor: pointer !default;\n$slider-track-bg: rgba(selection-theme-color(), $overlay-activated-colored-opacity) !default;\n$slider-track-bg-disabled: #d7d7d7 !default;\n$slider-track-border-radius: 3px !default;\n$slider-thumb-width: 0.75rem !default;\n$slider-thumb-height: $slider-thumb-width !default;\n$slider-thumb-bg: selection-theme-color() !default;\n$slider-thumb-border: 0 !default;\n$slider-thumb-border-radius: 50% !default;\n$slider-thumb-hover-box-shadow: 0 0 0 $slider-thumb-width rgba(selection-theme-color(), $overlay-focus-white-opacity) !default;\n$slider-thumb-active-box-shadow: 0 0 0 1.3334rem rgba(selection-theme-color(), $overlay-pressed-white-opacity) !default;\n$slider-thumb-active-box-shadow-width: 0.2rem !default;\n$slider-thumb-active-bg: $slider-thumb-bg !default;\n$slider-thumb-disabled-bg: #8c8c8c !default;\n$slider-thumb-transition: box-shadow 100ms ease-out !default;\n\n// Based on https://material.io/components/snackbars/\n\n$snackbar-bg: #333333 !default;\n$snackbar-border-radius: $border-radius !default;\n//$snackbar-breakpoint: sm !default;\n$snackbar-btn-color: theme-color-light(primary) !default;\n$snackbar-color: rgba($white, $black-primary-opacity) !default;\n$snackbar-elevation-shadow: map-get($elevation-shadows, 6) !default;\n$snackbar-letter-spacing: $letter-spacing-body-2 !default;\n$snackbar-line-height: $line-height-body-2 !default;\n$snackbar-margin: $spacer-sm !default;\n$snackbar-max-width: 42rem !default;\n$snackbar-min-width: 21.5rem !default;\n$snackbar-padding-x: $spacer !default;\n$snackbar-padding-y: 0.875rem !default;\n\n// Based on https://material.io/archive/guidelines/components/steppers.html\n\n$stepper-bg: $white !default;\n$stepper-border-color: $black-divider !default;\n$stepper-border-width: $border-width !default;\n$stepper-icon-bg: $black-hint !default;\n$stepper-icon-bg-active: theme-color(primary) !default;\n$stepper-icon-color: $white-primary !default;\n$stepper-icon-font-size: 0.75rem !default;\n$stepper-icon-icon-size: 1rem !default;\n$stepper-icon-height: 1.5rem !default;\n$stepper-inner-spacer: $spacer-sm !default;\n$stepper-padding-x: $spacer-lg !default;\n$stepper-padding-y: $spacer-lg !default;\n$stepper-text-color: $black-hint !default;\n$stepper-text-color-active: $black-primary !default;\n$stepper-text-font-size: $font-size-body-2 !default;\n$stepper-text-font-weight: $font-weight-regular !default;\n\n// Based on https://material.io/components/tabs/\n\n$nav-tab-bg-hover: $black-divider !default;\n$nav-tab-color: $black-secondary !default; //$black-primary !default;\n$nav-tab-color-active: selection-theme-color() !default;\n$nav-tab-color-disabled: $black-hint !default;\n$nav-tab-font-size: $font-size-body-2 !default;\n$nav-tab-font-weight: $font-weight-medium !default;\n$nav-tab-height: 3rem !default;\n$nav-tab-indicator-bg: selection-theme-color() !default;\n$nav-tab-indicator-height: 0.125rem !default;\n$nav-tab-letter-spacing: 0.0892857143em !default;\n$nav-tab-line-height: 1 !default;\n//$nav-tab-link-opacity: $white-secondary-opacity !default;\n$nav-tab-link-padding-x: $spacer !default; //.75rem\n$nav-tab-link-padding-x-desktop: $spacer-lg !default;\n//$nav-tab-link-padding-y: (($nav-tab-height - $nav-tab-font-size * $nav-tab-line-height) / 2) !default;\n\n// Based on https://material.io/components/text-fields/\n\n$textfield-border-color: rgba($black, 0.42) !default;\n$textfield-textarea-border-color: rgba($black, 0.24) !default;\n$textfield-border-color-hover: $black-primary !default;\n$textfield-border-color-focus: selection-theme-color() !default;\n$textfield-border-width: 1px !default;\n$textfield-border-width-hover: ($textfield-border-width * 2) !default;\n$textfield-border-width-focus: $textfield-border-width-hover !default;\n$textfield-color: $black-primary !default;\n$textfield-color-disabled: $black-hint !default;\n$textfield-caption-color: $black-caption !default;\n$textfield-hint-color: $black-hint !default;\n$textfield-margin-x: $spacer !default;\n$textfield-placeholder-color: $black-secondary !default;\n$textfield-plaintext-color: $body-color !default;\n\n$textfield-font-size: 1rem !default;\n$textfield-font-size-lg: 2.125rem !default;\n$textfield-font-size-sm: 0.8125rem !default;\n$textfield-height: 2.25rem !default;\n$textfield-height-lg: 3.75rem !default;\n$textfield-height-sm: 2rem !default;\n$textfield-letter-spacing: $letter-spacing-subtitle-1 !default;\n$textfield-line-height: 1.5 !default; // 1.75rem\n$textfield-line-height-lg: 1.176471 !default;\n$textfield-line-height-sm: 1.538462 !default;\n$textfield-margin-y: $spacer-sm !default;\n$textfield-margin-y-lg: 0.75rem !default;\n$textfield-margin-y-sm: $spacer-xs !default;\n$textfield-padding-x: 0 !default;\n$textfield-padding-x-lg: 0 !default;\n$textfield-padding-x-sm: 0 !default;\n$textfield-padding-y: (($textfield-height - $textfield-font-size * $textfield-line-height) / 2) !default;\n$textfield-padding-y-lg: (($textfield-height-lg - $textfield-font-size-lg * $textfield-line-height-lg) / 2) !default;\n$textfield-padding-y-sm: (($textfield-height-sm - $textfield-font-size-sm * $textfield-line-height-sm) / 2) !default;\n\n$textfield-select-bg-size: ($material-icon-size / $textfield-font-size * 1em) !default;\n\n// Based on https://material.io/components/text-fields/\n\n$textfield-box-bg: rgba($black, $overlay-hover-white-opacity) !default;\n$textfield-box-bg-hover: rgba($black, 0.07) !default;\n$textfield-box-bg-focus: rgba($black, 0.14) !default;\n$textfield-box-border-radius: $border-radius !default;\n\n$textfield-box-height: 3.5rem !default; // 56px\n$textfield-box-height-lg: 4.25rem !default;\n$textfield-box-height-sm: 2.75rem !default;\n$textfield-box-label-spacer-y: $spacer-sm !default;\n$textfield-box-padding-x: $spacer !default;\n$textfield-box-padding-x-lg: $textfield-box-padding-x !default;\n$textfield-box-padding-x-sm: 0.75rem !default;\n$textfield-box-padding-y: (($textfield-box-height - $textfield-font-size * $textfield-line-height) / 2) !default;\n$textfield-box-padding-y-lg: (($textfield-box-height-lg - $textfield-font-size-lg * $textfield-line-height-lg) / 2) !default;\n$textfield-box-padding-y-sm: (($textfield-box-height-sm - $textfield-font-size-sm * $textfield-line-height-sm) / 2) !default;\n$textfield-box-placeholder-color: $black-caption !default;\n\n// Text field: floating label\n// Based on https://material.io/components/text-fields/\n\n$floating-label-color: $black-secondary !default;\n$floating-label-color-box: $black-caption !default;\n$floating-label-color-focus: rgba(selection-theme-color(), $black-primary-opacity) !default;\n$floating-label-font-size: 0.75rem !default;\n$floating-label-font-size-lg: $font-size-body-2 !default;\n$floating-label-font-size-sm: 0.625rem !default;\n\n// Based on https://material.io/components/app-bars-top/\n\n$toolbar-color: $black-primary !default;\n$toolbar-color-lighter: $black-hint !default;\n$toolbar-element-bg: $black-divider !default;\n$toolbar-element-border-radius: $border-radius !default;\n$toolbar-element-height: 2.25rem !default;\n$toolbar-element-opacity: 0.7 !default;\n$toolbar-elevation-shadow: map-get($elevation-shadows, 4) !default;\n$toolbar-height: 3.5rem !default;\n$toolbar-inner-spacer-x: $spacer !default;\n$toolbar-link-font-size: 1rem !default;\n$toolbar-link-height: $toolbar-element-height !default;\n$toolbar-link-line-height: 1 !default;\n$toolbar-link-padding-x: $spacer !default;\n$toolbar-link-padding-y: (($toolbar-link-height - $toolbar-link-font-size * $toolbar-link-line-height) / 2) !default;\n$toolbar-padding-x: $spacer !default;\n$toolbar-padding-y: (($toolbar-height - $toolbar-element-height) / 2) !default;\n$toolbar-toggler-icon: 'menu' !default;\n$toolbar-waterfall-bg: theme-color(primary) !default;\n\n$toolbar-dark-color: $white-primary !default;\n$toolbar-dark-color-lighter: $white-hint !default;\n$toolbar-dark-element-bg: $white-divider !default;\n\n// Based on https://material.io/components/tooltips/\n\n$tooltip-bg: #6d6d6d !default;\n$tooltip-border-radius: $border-radius !default;\n$tooltip-breakpoint: lg !default;\n$tooltip-color: $white-primary !default;\n$tooltip-font-size: $font-size-body-2 !default;\n$tooltip-font-size-desktop: 0.625rem !default;\n$tooltip-font-weight: $font-weight-medium !default;\n$tooltip-height: 2rem !default; // 32px\n$tooltip-height-desktop: 1.5rem !default; // 24px\n$tooltip-line-height: $line-height-base !default;\n$tooltip-margin: $spacer-lg !default; // 24px\n$tooltip-margin-desktop: 0.875rem !default; // 14px\n$tooltip-opacity: 0.9 !default;\n$tooltip-padding-x: $spacer !default; // 16px\n$tooltip-padding-x-desktop: $spacer-sm !default; // 8px\n$tooltip-padding-y: 0 !default;\n$tooltip-padding-y-desktop: $tooltip-padding-y !default; // 6px\n$tooltip-scale: 0.87 !default;\n$tooltip-zindex: map-get($elevations, 24) !default;\n","// stylelint-disable\n// Single side border-radius\n\n// Helper function to replace negative values with 0\n@function valid-radius($radius) {\n $return: ();\n @each $value in $radius {\n @if type-of($value) == number {\n $return: append($return, max($value, 0));\n } @else {\n $return: append($return, $value);\n }\n }\n @return $return;\n}\n\n@mixin border-radius($radius: $border-radius, $fallback-border-radius: false) {\n border-radius: valid-radius($radius);\n}\n\n@mixin border-top-radius($radius) {\n border-top-left-radius: valid-radius($radius);\n border-top-right-radius: valid-radius($radius);\n}\n\n@mixin border-right-radius($radius) {\n border-top-right-radius: valid-radius($radius);\n border-bottom-right-radius: valid-radius($radius);\n}\n\n@mixin border-bottom-radius($radius) {\n border-bottom-right-radius: valid-radius($radius);\n border-bottom-left-radius: valid-radius($radius);\n}\n\n@mixin border-left-radius($radius) {\n border-top-left-radius: valid-radius($radius);\n border-bottom-left-radius: valid-radius($radius);\n}\n\n@mixin border-top-left-radius($radius) {\n border-top-left-radius: valid-radius($radius);\n}\n\n@mixin border-top-right-radius($radius) {\n border-top-right-radius: valid-radius($radius);\n}\n\n@mixin border-bottom-right-radius($radius) {\n border-bottom-right-radius: valid-radius($radius);\n}\n\n@mixin border-bottom-left-radius($radius) {\n border-bottom-left-radius: valid-radius($radius);\n}\n","// Alert\n\n$alert-border-radius: $border-radius !default;\n$alert-link-font-weight: $font-weight-medium !default;\n$alert-margin-y: $spacer !default;\n$alert-padding-x: $spacer !default;\n$alert-padding-y: $spacer !default;\n\n// Badge\n\n$badge-border-radius: $border-radius !default;\n$badge-font-weight: $font-weight-bold !default;\n$badge-btn-font-weight: $font-weight-bold !default;\n$badge-padding-x: 0.5em !default;\n$badge-width: 1.375rem !default; // 22px\n\n$rounded-pill: 50rem !default;\n\n// Body\n\n$body-bg: $white-primary !default;\n$body-color: $black-primary !default;\n\n// Breadcrumb\n\n$breadcrumb-bg: $white-primary !default;\n$breadcrumb-bg-hover: rgba($black, $overlay-hover-white-opacity) !default;\n//$breadcrumb-border-radius: $border-radius !default;\n$breadcrumb-divider: 'chevron_right' !default;\n$breadcrumb-font-size: $font-size-base !default;\n$breadcrumb-inner-spacer-x: 0 !default;\n$breadcrumb-item-color: $black !default;\n//$breadcrumb-item-icon: 'chevron_right' !default;\n$breadcrumb-padding-x: $spacer-sm !default;\n$breadcrumb-padding-y: 0.375rem !default;\n\n// Caret\n\n$caret-bg: url('data:image/svg+xml;charset=utf8,') !default;\n$caret-icon: 'arrow_drop_down' !default;\n$caret-icon-left: 'arrow_left' !default;\n$caret-icon-right: 'arrow_right' !default;\n$caret-icon-up: 'arrow_drop_up' !default;\n$caret-spacer-x: 0.2em !default;\n\n// Carousel\n\n$carousel-caption-color: $white-primary !default;\n$carousel-caption-width: 50% !default;\n$carousel-control-bg: $white-divider !default;\n$carousel-control-bg-hover: rgba(204, 204, 204, 0.25) !default;\n$carousel-control-color: $white-primary !default;\n$carousel-control-elevation-shadow: map-get($elevation-shadows, 6) !default;\n$carousel-control-elevation-shadow-active: map-get($elevation-shadows, 12) !default;\n$carousel-control-font-size: 0.8125rem !default;\n$carousel-control-next-icon: 'chevron_right' !default;\n$carousel-control-prev-icon: 'chevron_left' !default;\n//$carousel-control-prev-icon-bg: url(\"data:image/svg+xml,\") !default;\n//$carousel-control-next-icon-bg: url(\"data:image/svg+xml,\") !default;\n$carousel-control-size: 2.5rem !default;\n$carousel-indicator-bg: rgba(204, 204, 204, 0.25) !default;\n$carousel-indicator-border-color: $white-divider !default;\n$carousel-indicator-border-width: $border-width !default;\n$carousel-indicator-size: 0.5rem !default;\n\n// Close\n\n$close-color: $black-hint !default;\n$close-color-hover: $black-primary !default;\n$close-font-size: $material-icon-size !default;\n$close-font-weight: $font-weight-light !default;\n\n// Code\n\n$code-bg: $material-color-grey-100 !default;\n$code-border-radius: $border-radius !default;\n$code-color: #bd4147 !default;\n$code-font-size: 87.5% !default;\n$code-padding-x: 0.4rem !default;\n$code-padding-y: 0.2rem !default;\n\n$kbd-bg: $black-primary !default;\n$kbd-color: $white-primary !default;\n\n$pre-color: $black-primary !default;\n$pre-margin-y: $spacer !default;\n$pre-scrollable-max-height: 340px !default;\n\n// Embed\n$embed-responsive-aspect-ratios: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$embed-responsive-aspect-ratios: join(((21 9), (16 9), (4 3), (1 1)), $embed-responsive-aspect-ratios);\n\n// Form\n\n$custom-file-button-icon: 'attachment' !default;\n\n$form-check-inline-margin-x: $spacer-sm !default;\n$form-check-inline-input-margin-x: 0.3125rem !default; // todo\n$form-check-input-gutter: 1.25rem !default;\n$form-feedback-invalid-color: theme-color(danger) !default;\n$form-feedback-icon-invalid-color: $form-feedback-invalid-color !default;\n$form-feedback-valid-color: theme-color(success) !default;\n$form-feedback-icon-valid-color: $form-feedback-valid-color !default;\n$form-feedback-icon-invalid: url(\"data:image/svg+xml,\") !default;\n$form-feedback-icon-valid: url(\"data:image/svg+xml,\") !default;\n\n$form-validation-states: () !default;\n\n@if $enable-validation-valid {\n $form-validation-states: map-merge(\n ('valid': ('color': $form-feedback-valid-color, 'icon': $form-feedback-icon-valid),\n 'invalid': ('color': $form-feedback-invalid-color, 'icon': $form-feedback-icon-invalid)),\n $form-validation-states\n );\n}\n\n@else {\n $form-validation-states: map-merge(\n ('invalid': ('color': $form-feedback-invalid-color,\n 'icon': $form-feedback-icon-invalid)),\n $form-validation-states\n );\n}\n\n$form-group-margin-y: $spacer !default;\n$input-group-inner-spacer-x: $spacer !default;\n\n// Jumbotron\n\n$jumbotron-bg: $white-primary !default;\n$jumbotron-border-radius: $border-radius !default;\n$jumbotron-color: $black-primary !default;\n$jumbotron-elevation-shadow: map-get($elevation-shadows, 2) !default;\n$jumbotron-padding-x: 2rem !default;\n$jumbotron-padding-y: $spacer-xl !default;\n\n// Link\n\n$link-color: selection-theme-color() !default;\n$link-color-hover: selection-theme-color() !default;\n$link-decoration: none !default;\n$link-decoration-hover: underline !default;\n\n// Misc\n\n$blockquote-border-color: theme-color(primary) !default;\n$blockquote-border-width: 0.3125rem !default;\n$blockquote-small-color: $black-hint !default;\n\n$dt-font-weight: $font-weight-medium !default;\n\n$figure-caption-color: $black-hint !default;\n$figure-img-margin-y: $spacer-sm !default;\n\n$headings-color: inherit !default;\n$headings-font-family: inherit !default;\n$headings-margin-y: $spacer-sm !default;\n\n$hr-border-color: $border-color !default;\n$hr-border-width: $border-width !default;\n\n$list-inline-inner-spacer-x: $spacer-sm !default;\n\n$mark-bg: $material-color-yellow-500 !default;\n$mark-color: $black-primary !default;\n$mark-padding: 0.2em !default;\n\n$paragraph-margin-y: $spacer !default;\n\n$small-font-size: 80% !default;\n\n$table-caption-color: $black-hint !default;\n\n$text-muted: $black-hint !default;\n\n$thumbnail-box-shadow: map-get($shadows, 2) !default;\n\n$webkit-tap-highlight-color: rgba($black, 0) !default;\n\n// Nav\n\n$nav-link-color-disabled: $black-hint !default;\n$nav-link-padding-x: $spacer !default;\n$nav-link-padding-y: $spacer-sm !default;\n\n$nav-pills-bg-hover: $black-divider !default;\n$nav-pills-border-radius: $border-radius !default;\n$nav-pills-color: $black-primary !default;\n$nav-pills-color-active: selection-theme-color() !default;\n$nav-pills-link-opacity: 0.7 !default;\n\n// Pagination\n\n$pagination-bg: transparent !default;\n$pagination-border-radius: 1.125rem !default;\n$pagination-color: $black-primary !default;\n$pagination-color-disabled: $black-hint !default;\n$pagination-font-size: $font-size-base !default;\n$pagination-font-size-sm: 0.875rem !default;\n$pagination-font-size-lg: 1.25rem !default;\n$pagination-font-weight: $font-weight-regular !default;\n$pagination-inner-spacer-x: 0.5em !default;\n$pagination-line-height: 2.25 !default; // 36px\n$pagination-margin-x: $spacer-sm !default;\n\n// Popover\n\n$popover-bg: $white !default;\n$popover-border-radius: $border-radius !default;\n$popover-breakpoint: md !default;\n$popover-box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.3), 0 2px 6px 2px rgba(60, 64, 67, 0.15) !default;\n$popover-elevation-shadow: map-get($elevation-shadows, 24) !default;\n$popover-font-size: $font-size-body-2 !default;\n$popover-margin: $spacer-lg !default;\n$popover-margin-desktop: 0.875rem !default;\n$popover-max-width: 21.25rem !default; // 17.5rem 280px\n$popover-padding-x: 1.375rem !default;\n$popover-padding-y: 0.875rem !default;\n\n// Utilities\n\n$displays: none,\n inline,\n inline-block,\n block,\n table,\n table-row,\n table-cell,\n flex,\n inline-flex !default;\n\n$overflows: auto, hidden !default;\n\n$positions: static,\n relative,\n absolute,\n fixed,\n sticky !default;\n\n$user-selects: all, auto, none !default;\n\n// Printing\n\n$print-page-size: a3 !default;\n$print-body-min-width: map-get($grid-breakpoints, 'lg') !default;\n","// Elevation\n// Based on https://material.io/design/environment/elevation.html\n\n$elevations: (\n 24: (24 * 10),\n 16: (16 * 10),\n 12: (12 * 10),\n 8: (8 * 10),\n 6: (6 * 10),\n 4: (4 * 10),\n 2: (2 * 10),\n 1: (1 * 10)\n) !default;\n\n// Shadow\n// Based on https://material-components.github.io/material-components-web-catalog/#/component/elevation\n\n$shadow-color-1: rgba(0, 0, 0, 0.14) !default;\n$shadow-color-2: rgba(0, 0, 0, 0.12) !default;\n$shadow-color-3: rgba(0, 0, 0, 0.2) !default;\n\n$shadows: (\n 24: unquote('0 24px 38px 3px #{$shadow-color-1}, 0 9px 46px 8px #{$shadow-color-2}, 0 11px 15px -7px #{$shadow-color-3}'),\n 16: unquote('0 16px 24px 2px #{$shadow-color-1}, 0 6px 30px 5px #{$shadow-color-2}, 0 8px 10px -5px #{$shadow-color-3}'),\n 12: unquote('0 12px 17px 2px #{$shadow-color-1}, 0 5px 22px 4px #{$shadow-color-2}, 0 7px 8px -4px #{$shadow-color-3}'),\n 8: unquote('0 8px 10px 1px #{$shadow-color-1}, 0 3px 14px 2px #{$shadow-color-2}, 0 5px 5px -3px #{$shadow-color-3}'),\n 6: unquote('0 6px 10px 0 #{$shadow-color-1}, 0 1px 18px 0 #{$shadow-color-2}, 0 3px 5px -1px #{$shadow-color-3}'),\n 4: unquote('0 4px 5px 0 #{$shadow-color-1}, 0 1px 10px 0 #{$shadow-color-2}, 0 2px 4px -1px #{$shadow-color-3}'),\n 2: unquote('0 2px 2px 0 #{$shadow-color-1}, 0 1px 5px 0 #{$shadow-color-2}, 0 3px 1px -2px #{$shadow-color-3}'),\n 1: unquote('0 1px 1px 0 #{$shadow-color-1}, 0 1px 3px 0 #{$shadow-color-2}, 0 2px 1px -1px #{$shadow-color-3}')\n) !default;\n\n// Value pair\n// Combination of elevation and shadow\n\n$elevation-shadows: (\n 24: (\n elevation: map-get($elevations, 24),\n shadow: map-get($shadows, 24)\n ),\n 16: (\n elevation: map-get($elevations, 16),\n shadow: map-get($shadows, 16)\n ),\n 12: (\n elevation: map-get($elevations, 12),\n shadow: map-get($shadows, 12)\n ),\n 8: (\n elevation: map-get($elevations, 8),\n shadow: map-get($shadows, 8)\n ),\n 6: (\n elevation: map-get($elevations, 6),\n shadow: map-get($shadows, 6)\n ),\n 4: (\n elevation: map-get($elevations, 4),\n shadow: map-get($shadows, 4)\n ),\n 2: (\n elevation: map-get($elevations, 2),\n shadow: map-get($shadows, 2)\n ),\n 1: (\n elevation: map-get($elevations, 1),\n shadow: map-get($shadows, 1)\n )\n) !default;\n","// stylelint-disable\n\n// Breakpoint viewport sizes and media queries.\n//\n// Breakpoints are defined as a map of (name: minimum width), order from small to large:\n//\n// (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px)\n//\n// The map defined in the `$grid-breakpoints` global variable is used as the `$breakpoints` argument by default.\n\n// Name of the next breakpoint, or null for the last breakpoint.\n//\n// >> breakpoint-next(sm)\n// md\n// >> breakpoint-next(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// md\n// >> breakpoint-next(sm, $breakpoint-names: (xs sm md lg xl))\n// md\n@function breakpoint-next($name, $breakpoints: $grid-breakpoints, $breakpoint-names: map-keys($breakpoints)) {\n $n: index($breakpoint-names, $name);\n @return if($n != null and $n < length($breakpoint-names), nth($breakpoint-names, $n + 1), null);\n}\n\n// Minimum breakpoint width. Null for the smallest (first) breakpoint.\n//\n// >> breakpoint-min(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// 576px\n@function breakpoint-min($name, $breakpoints: $grid-breakpoints) {\n $min: map-get($breakpoints, $name);\n @return if($min != 0, $min, null);\n}\n\n// Maximum breakpoint width. Null for the largest (last) breakpoint.\n// The maximum value is calculated as the minimum of the next one less 0.02px\n// to work around the limitations of `min-` and `max-` prefixes and viewports with fractional widths.\n// See https://www.w3.org/TR/mediaqueries-4/#mq-min-max\n// Uses 0.02px rather than 0.01px to work around a current rounding bug in Safari.\n// See https://bugs.webkit.org/show_bug.cgi?id=178261\n//\n// >> breakpoint-max(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// 767.98px\n@function breakpoint-max($name, $breakpoints: $grid-breakpoints) {\n $next: breakpoint-next($name, $breakpoints);\n @return if($next, breakpoint-min($next, $breakpoints) - .02, null);\n}\n\n// Returns a blank string if smallest breakpoint, otherwise returns the name with a dash in front.\n// Useful for making responsive utilities.\n//\n// >> breakpoint-infix(xs, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// \"\" (Returns a blank string)\n// >> breakpoint-infix(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// \"-sm\"\n@function breakpoint-infix($name, $breakpoints: $grid-breakpoints) {\n @return if(breakpoint-min($name, $breakpoints) == null, \"\", \"-#{$name}\");\n}\n\n// Media of at least the minimum breakpoint width. No query for the smallest breakpoint.\n// Makes the @content apply to the given breakpoint and wider.\n@mixin media-breakpoint-up($name, $breakpoints: $grid-breakpoints) {\n $min: breakpoint-min($name, $breakpoints);\n @if $min {\n @media (min-width: $min) {\n @content;\n }\n } @else {\n @content;\n }\n}\n\n// Media of at most the maximum breakpoint width. No query for the largest breakpoint.\n// Makes the @content apply to the given breakpoint and narrower.\n@mixin media-breakpoint-down($name, $breakpoints: $grid-breakpoints) {\n $max: breakpoint-max($name, $breakpoints);\n @if $max {\n @media (max-width: $max) {\n @content;\n }\n } @else {\n @content;\n }\n}\n\n// Media that spans multiple breakpoint widths.\n// Makes the @content apply between the min and max breakpoints\n@mixin media-breakpoint-between($lower, $upper, $breakpoints: $grid-breakpoints) {\n $min: breakpoint-min($lower, $breakpoints);\n $max: breakpoint-max($upper, $breakpoints);\n\n @if $min != null and $max != null {\n @media (min-width: $min) and (max-width: $max) {\n @content;\n }\n } @else if $max == null {\n @include media-breakpoint-up($lower, $breakpoints) {\n @content;\n }\n } @else if $min == null {\n @include media-breakpoint-down($upper, $breakpoints) {\n @content;\n }\n }\n}\n\n// Media between the breakpoint's minimum and maximum widths.\n// No minimum for the smallest breakpoint, and no maximum for the largest one.\n// Makes the @content apply only to the given breakpoint, not viewports any wider or narrower.\n@mixin media-breakpoint-only($name, $breakpoints: $grid-breakpoints) {\n $min: breakpoint-min($name, $breakpoints);\n $max: breakpoint-max($name, $breakpoints);\n\n @if $min != null and $max != null {\n @media (min-width: $min) and (max-width: $max) {\n @content;\n }\n } @else if $max == null {\n @include media-breakpoint-up($name, $breakpoints) {\n @content;\n }\n } @else if $min == null {\n @include media-breakpoint-down($name, $breakpoints) {\n @content;\n }\n }\n}\n\n// Daemonite addition\n@mixin media-moz-webkit {\n @-moz-document url-prefix('') {\n @content;\n }\n\n @media (-webkit-min-device-pixel-ratio: 0) {\n @content;\n }\n}\n","@mixin typography-headline-1 {\n font-size: $font-size-headline-1;\n font-weight: $font-weight-headline-1;\n letter-spacing: $letter-spacing-headline-1;\n line-height: $line-height-headline-1;\n}\n\n@mixin typography-headline-2 {\n font-size: $font-size-headline-2;\n font-weight: $font-weight-headline-2;\n letter-spacing: $letter-spacing-headline-2;\n line-height: $line-height-headline-2;\n}\n\n@mixin typography-headline-3 {\n font-size: $font-size-headline-3;\n font-weight: $font-weight-headline-3;\n letter-spacing: $letter-spacing-headline-3;\n line-height: $line-height-headline-3;\n}\n\n@mixin typography-headline-4 {\n font-size: $font-size-headline-4;\n font-weight: $font-weight-headline-4;\n letter-spacing: $letter-spacing-headline-4;\n line-height: $line-height-headline-4;\n}\n\n@mixin typography-headline-5 {\n font-size: $font-size-headline-5;\n font-weight: $font-weight-headline-5;\n letter-spacing: $letter-spacing-headline-5;\n line-height: $line-height-headline-5;\n}\n\n@mixin typography-headline-6 {\n font-size: $font-size-headline-6;\n font-weight: $font-weight-headline-6;\n letter-spacing: $letter-spacing-headline-6;\n line-height: $line-height-headline-6;\n}\n\n@mixin typography-subtitle-1 {\n font-size: $font-size-subtitle-1;\n font-weight: $font-weight-subtitle-1;\n letter-spacing: $letter-spacing-subtitle-1;\n line-height: $line-height-subtitle-1;\n}\n\n@mixin typography-subtitle-2 {\n font-size: $font-size-subtitle-2;\n font-weight: $font-weight-subtitle-2;\n letter-spacing: $letter-spacing-subtitle-2;\n line-height: $line-height-subtitle-2;\n}\n\n@mixin typography-body-1 {\n font-size: $font-size-body-1;\n font-weight: $font-weight-body-1;\n letter-spacing: $letter-spacing-body-1;\n line-height: $line-height-body-1;\n}\n\n@mixin typography-body-2 {\n font-size: $font-size-body-2;\n font-weight: $font-weight-body-2;\n letter-spacing: $letter-spacing-body-2;\n line-height: $line-height-body-2;\n}\n\n@mixin typography-caption {\n font-size: $font-size-caption;\n font-weight: $font-weight-caption;\n letter-spacing: $letter-spacing-caption;\n line-height: $line-height-caption;\n}\n\n@mixin typography-overline {\n font-size: $font-size-overline;\n font-weight: $font-weight-overline;\n letter-spacing: $letter-spacing-overline;\n line-height: $line-height-overline;\n text-transform: uppercase;\n}\n","// Acceleration curve: permanently leaving the screen\n\n@mixin transition-acceleration($property...) {\n transition-duration: $transition-duration-mobile-leaving;\n transition-property: $property;\n transition-timing-function: $transition-timing-function-acceleration;\n\n @include media-breakpoint-up(sm) {\n transition-duration: $transition-duration-tablet-leaving;\n }\n\n @include media-breakpoint-up(lg) {\n transition-duration: $transition-duration-desktop-leaving;\n }\n\n @media screen and (prefers-reduced-motion: reduce) {\n transition: none;\n }\n}\n\n// Deceleration curve: entering the screen\n\n@mixin transition-deceleration($property...) {\n transition-duration: $transition-duration-mobile-entering;\n transition-property: $property;\n transition-timing-function: $transition-timing-function-deceleration;\n\n @include media-breakpoint-up(sm) {\n transition-duration: $transition-duration-tablet-entering;\n }\n\n @include media-breakpoint-up(lg) {\n transition-duration: $transition-duration-desktop-entering;\n }\n\n @media screen and (prefers-reduced-motion: reduce) {\n transition: none;\n }\n}\n\n// Sharp curve: temporarily leaving the screen\n\n@mixin transition-sharp($property...) {\n transition-duration: $transition-duration-mobile-leaving;\n transition-property: $property;\n transition-timing-function: $transition-timing-function-sharp;\n\n @include media-breakpoint-up(sm) {\n transition-duration: $transition-duration-tablet-leaving;\n }\n\n @include media-breakpoint-up(lg) {\n transition-duration: $transition-duration-desktop-leaving;\n }\n\n @media screen and (prefers-reduced-motion: reduce) {\n transition: none;\n }\n}\n\n// Standard curve: relative movement\n\n@mixin transition-standard($property...) {\n /* transition: $transition-duration-mobile;\n transition-property: $property;\n transition-timing-function: $transition-timing-function-standard; */\n transition: $property $transition-duration-mobile $transition-timing-function-standard;\n\n @include media-breakpoint-up(sm) {\n transition-duration: $transition-duration-tablet;\n }\n\n @include media-breakpoint-up(lg) {\n transition-duration: $transition-duration-desktop;\n }\n\n @media screen and (prefers-reduced-motion: reduce) {\n transition: none;\n }\n}\n\n// Standard curve: relative movement - complex, full-screen, large transitions\n\n@mixin transition-standard-complex($property...) {\n transition-duration: $transition-duration-mobile-complex;\n transition-property: $property;\n transition-timing-function: $transition-timing-function-standard;\n\n @include media-breakpoint-up(sm) {\n transition-duration: $transition-duration-tablet-complex;\n }\n\n @include media-breakpoint-up(lg) {\n transition-duration: $transition-duration-desktop-complex;\n }\n\n @media screen and (prefers-reduced-motion: reduce) {\n transition: none;\n }\n}\n\n// Selection control\n\n@mixin transition-control($property...) {\n transition: $property $transition-duration-control $transition-timing-function-standard;\n\n @media screen and (prefers-reduced-motion: reduce) {\n transition: none;\n }\n}\n\n@mixin transition-dialog-opening($property...) {\n transition: $property $transition-duration-desktop-entering $transition-timing-function-deceleration;\n\n @media screen and (prefers-reduced-motion: reduce) {\n transition: none;\n }\n}\n\n@mixin transition-dialog-leaving($property...) {\n transition: $property $transition-duration-desktop-leaving $transition-timing-function-acceleration;\n\n @media screen and (prefers-reduced-motion: reduce) {\n transition: none;\n }\n}\n","$transition-scale: 0.87 !default;\n\n// The movement of an element is based on https://material.io/design/motion\n\n// Transition duration\n// Based on https://material.google.com/motion/duration-easing.html#duration-easing-common-durations\n\n// Accelerate easing : Elements exiting a screen use acceleration easing, where they start at rest and end at peak velocity.\n\n$transition-duration-desktop: 280ms !default;\n$transition-duration-desktop-complex: 250ms !default;\n$transition-duration-desktop-entering: 150ms !default;\n$transition-duration-desktop-leaving: 75ms !default;\n\n$transition-duration-mobile: 300ms !default;\n$transition-duration-mobile-complex: 375ms !default;\n$transition-duration-mobile-entering: 225ms !default;\n$transition-duration-mobile-leaving: 195ms !default;\n\n$transition-duration-tablet: 390ms !default;\n$transition-duration-tablet-complex: 487.5ms !default;\n$transition-duration-tablet-entering: 292.5ms !default;\n$transition-duration-tablet-leaving: 253.5ms !default;\n\n$transition-duration-control: 100ms !default;\n\n// Transition timing function\n// Based on https://material.io/design/motion/speed.html#easing\n\n$transition-timing-function-acceleration: cubic-bezier(0.4, 0, 1, 1) !default;\n$transition-timing-function-deceleration: cubic-bezier(0, 0, 0.2, 1) !default;\n$transition-timing-function-sharp: cubic-bezier(0.4, 0, 0.6, 1) !default;\n$transition-timing-function-standard: cubic-bezier(0.4, 0, 0.2, 1) !default;\n"]} \ No newline at end of file +{"version":3,"sources":["../../docs-assets/scss/docs.scss","docs.css","../../assets/scss/variables/_palette.scss","../../assets/scss/variables/_spacer.scss","../../assets/scss/variables/_typography.scss","../../assets/scss/_colors.scss","../../assets/scss/variables/_variable-material.scss","../../assets/scss/mixins/_border-radius.scss","../../assets/scss/variables/_variable-bootstrap.scss","../../assets/scss/variables/_elevation-shadow.scss","../../assets/scss/mixins/_breakpoints.scss","../../assets/scss/mixins/_typography.scss","../../assets/scss/mixins/_transition.scss","../../assets/scss/variables/_transition.scss"],"names":[],"mappings":"AAOA;EACE,gBAAgB;ACNlB;;ADSA;EACE,SAAS;EACT,oCEVc;EFWd,gBAAgB;EAChB,aAAa;EACb,mBGIc;EHHd,eGGc;AFThB;;ADAA;EASI,aAAa;ACLjB;;ADSA;EACE,0BEVc;ADIhB;;ADKA;EAII,cEbY;ADQhB;;ADSA;EACE,0BEZc;ADMhB;;ADKA;EAII,cEfY;ADUhB;;ADSA;EACE,0BERc;ADEhB;;ADKA;EAII,cEXY;ADMhB;;ADUA;EACE,yBGjD0B;AF0C5B;;ADMA;;;;;;EASQ,SAAS;EACT,6BG1DoB;EH2DpB,gBIaoB;EJZpB,mBGzCQ;EH0CR,kBG1CQ;AFoChB;;ADPA;;;;;;EAgBU,oBGzCiB;AFyC3B;;ADhBA;;;;;;EAoBU,qBG7CiB;AFkD3B;;ADzBA;EA6BQ,yBKsCiC;AJtCzC;;AD7BA;;EAkCQ,eMsC6B;ALtCrC;;ADlCA;EAwCI,0BK+lB6B;AJjmBjC;;ADtCA;;EA6CQ,kBMgC6B;EN/B7B,gBI5EoB;EJ6EpB,cM4B4B;AL9BpC;;AD7CA;;EAwDQ,gBIzFoB;EJ0FpB,cMkB4B;ALxBpC;;ADcA;EACE,uBKmlB+B;ELllB/B,qCKokB+B;ELnkB/B,SAAS;EACT,eG9FyB;AFmF3B;;ADOA;EAOI,gBAAgB;ACVpB;;ADGA;EAWI,UAAU;ACVd;;ADaE;EO3GA,yBP4G8B;EO3G9B,0BP2G8B;EAE5B,aAAa;EACb,gBAAgC;ACVpC;;ADRA;EAsBI,qBQzCkC;AP+BtC;;ADZA;EA0BI,eAAe;ACVnB;;ADhBA;;EA+BI,mBAAmB;ACVvB;;ADrBA;EAmCI,kBAAkB;EAClB,SAAS;EACT,UAAU;ACVd;;AD3BA;EAyCI,eAAe;ACVnB;;AD/BA;EA6CI,YAAY;ACVhB;;ADnCA;EAiDI,gBG/IY;AFqIhB;;ADcA;EACE,gBAAkC;EAClC,mBAAqC;ACXvC;;ADcA;EACE,6BAA6B;EAC7B,qBAAqB;EACrB,YGzJ0B;EH0J1B,cG1J0B;AF+I5B;;ADOA;EAOI,0BAA0B;ACV9B;;ADcA;EACE,yBKpEuC;ELqEvC,gBGrKc;EHsKd,eGlKyB;EHmKzB,kBAAkB;ACXpB;;ADOA;EAOI,oBG1KY;EH2KZ,yBAAiB;EAAjB,sBAAiB;EAAjB,qBAAiB;EAAjB,iBAAiB;ACVrB;;ADaE;EACE,kBGjMoB;EHkMpB,eAAe;EACf,cAAc;ACVlB;;ADaE;;EAEE,qCK8e6B;EL7e7B,aAAa;EACb,gBAAgC;ACVpC;;ADcA;EACE,0CKue+B;AJlfjC;;ADeA;EAEI,cAAc;EACd,mBAAmB;EACnB,YQ3BwB;ER4BxB,+BGtMY;AFyLhB;;ADQA;EAQM,0BK2d2B;EL1d3B,UAAU;ACZhB;;ADGA;EAaM,cE/NU;EFgOV,UAAU;ACZhB;;ADmBA;EACE,UAAU;AChBZ;;ADsBA;EACE,mBAAmB;ACnBrB;;ADwBA;EACE,YAAY;ACrBd;;ADwBA;EACE,oBAAa;EAAb,aAAa;EACb,qBAAuB;EAAvB,uBAAuB;ACrBzB;;ADmBA;EAKI,WAAW;ACpBf;;AD0BA,+CAAA;AACA;EAEI,yCK+a6B;EL9a7B,qCAA2C;EAC3C,6BAAwC;EACxC,+BAA4C;EAC5C,oBAAyD;ACxB7D;;ADkBA;EAUI,0BKua6B;AJ/bjC;;ADcA;;EAgBI,+BAA+C;EAC/C,mBMvEkC;ENwElC,0BAA6D;ACzBjE;;ADOA;EAsBI,SAAS;EACT,kBG5RoB;EH6RpB,qHStQoH;ETuQpH,aAAa;EACb,4BAAiD;EACjD,+BAAoD;EACpD,WAAW;ACzBf;;ADHA;EA+BM,gBAAgB;ACxBtB;;ADPA;EAoCI,gDAAgD;ACzBpD;;AD6BA,8CAAA;AAEA;EACE,YAAY;AC3Bd;;ADgCA;EACE,yBErTc;EFsTd,uDAAuD;EACvD,4BAA4B;EAC5B,4BAA4B;EAC5B,sBAAsB;EACtB,YKyY+B;ELxY/B,gBAAgB;EAChB,iBAAkC;EAClC,oBAAoB;AC7BtB;;ASxNI;EV4OJ;IWxSE,ePmB+C;IOlB/C,gBPG0B;IOF1B,iBP2C4B;IO1C5B,qBP2D+B;EH8N/B;AACF;;AS9OI;EV2QA;IACE,kBM5EmC;ELmDvC;AACF;;ADKA;;EAyBI,gBAAgB;ACzBpB;;AD6BA;EWhTE,kBPCkD;EOAlD,gBPrB0B;EOsB1B,wBPyBmC;EOxBnC,iBPyC2B;EJuQ3B,sBAAmB;EAAnB,mBAAmB;EACnB,yCE/Uc;EFgVd,uBAA4C;EAC5C,wCAAkD;EAClD,cAAc;EACd,2BAAoB;EAApB,oBAAoB;EAEpB,gBAAgB;EAChB,eMsIqC;ENrIrC,qBAAuB;EAAvB,uBAAuB;EACvB,cAAc;EACd,kBAAkB;EAClB,yBAAiB;EAAjB,sBAAiB;EAAjB,qBAAiB;EAAjB,iBAAiB;EACjB,mBAAmB;EACnB,mBAAmB;EACnB,cM+HqC;EN9HrC,UAAU;ACzBZ;;ADMA;EAuBM,cAAc;EACd,qBAAqB;ACzB3B;;ADCA;EA2BQ,aK+UsB;AJvW9B;;ADHA;EYrRE;;qEX6RmE;EW1RnE,sDClCoE;EbsVhE,8BAA8B;EAC9B,uBAA4C;EAC5C,WAAW;EACX,UAAU;EACV,kBAAkB;EAClB,MAAM;EACN,QAAQ;EACR,SAAS;EACT,OAAO;EACP,WAAW;ACvBjB;;AS1SI;EVsRJ;IY/QI,0BClDuC;EZ0VzC;AACF;;AShTI;EVsRJ;IY3QI,0BChEwC;EZ0W1C;AACF;;AWxSE;EZwQF;IYvQI,gBAAgB;EX4SlB;AACF;;ADtCA;EAgDI,UAAU;ACNd;;ADUA;EACE,yBK6T+B;AJpUjC;;ASpUI;EV8UA;IACE,kBM/ImC;ELyIvC;AACF;;ADUA;EACE,kBMrJuC;AL8IzC;;ADUA;;EY3WE,0BC1ByC;ED2BzC,gCZ4WqC;EY3WrC,wDCdoE;AZoXtE;;ASrVI;EVwVJ;;IYtWI,4BC1ByC;EZmY3C;AACF;;AS5VI;EVwVJ;;IYlWI,yBCxCuC;EZoZzC;AACF;;AW1WE;EZ+VF;;IY9VI,gBAAgB;EX+WlB;AACF;;ADZE;EYrYA,0BCPyC;EDQzC,gCZqY8C;EYpY9C,sDCKkE;EbiYhE,kBMjKqC;ALiLzC;;ASjXI;EV8VF;IYhYE,4BCPyC;EZ+Z3C;AACF;;ASvXI;EV8VF;IY5XE,0BCrBwC;EZ+a1C;AACF;;AWxZE;EZyXA;IYxXE,gBAAgB;EX4ZlB;AACF;;AD7BE;EY7YA,0BCPyC;EDQzC,gCZ6Y8C;EY5Y9C,sDCKkE;EbyYhE,kBMzKqC;AL0MzC;;AS1YI;EVsWF;IYxYE,4BCPyC;EZwb3C;AACF;;AShZI;EVsWF;IYpYE,0BCrBwC;EZwc1C;AACF;;AWjbE;EZiYA;IYhYE,gBAAgB;EXqblB;AACF;;AD/CA;EACE,gBAAgB;ACkDlB;;AD/CA;EACE,yBE7ac;EF8ad,YKqR+B;ELpR/B,cAAc;EACd,UAAU;EACV,iBAA0E;EAC1E,oBAA6E;EAC7E,kBAAkB;ACkDpB;;ADzDA;EAUI,YK6Q6B;AJ1NjC;;AD/CA;EACE,+BAAyC;EACzC,eG3ac;AF6dhB;;AD/CA;EACE,sGIzbgH;AH2elH;;AD/CA;EACE,sBAAsB;ACkDxB;;AAEA;ED9CE,qBAAqB;EACrB,kBAAkB;ACgDpB;;AD7CA;EACE,8EAA8E;ACgDhF;;AD7CA;EACE,2YAA2Y;ACgD7Y;;AD7CA;EACE,u/BAAu/B;ACgDz/B;;AD7CA;EACE,uxBAAuxB;ACgDzxB;;AD3CA;EACE;IACE,oBAAY;IAAZ,YAAY;EC8Cd;ED3CA;;IAEE,oBAAoB;EC6CtB;ED1CA;;;IAGE,oBAAY;IAAZ,YAAY;EC4Cd;AACF","file":"docs.css","sourcesContent":["@import '../../assets/scss/colors';\n@import '../../assets/scss/functions';\n@import '../../assets/scss/mixins';\n@import '../../assets/scss/variables';\n\n// Bootstrap doc CSS override\n\n.bd-content .alert p:last-of-type {\n margin-bottom: 0;\n}\n\n.bd-callout {\n border: 0;\n border-left: $blockquote-border-width solid $blockquote-border-color;\n border-radius: 0;\n margin-top: 0;\n margin-bottom: $paragraph-margin-y;\n padding: 0 $spacer;\n\n + .bd-callout {\n margin-top: 0;\n }\n}\n\n.bd-callout-danger {\n border-left-color: theme-color(danger);\n\n h5 {\n color: theme-color(danger);\n }\n}\n\n.bd-callout-info {\n border-left-color: theme-color(info);\n\n h5 {\n color: theme-color(info);\n }\n}\n\n.bd-callout-warning {\n border-left-color: theme-color(warning);\n\n h5 {\n color: theme-color(warning);\n }\n}\n\n// stylelint-disable selector-max-compound-selectors, selector-max-type\n.bd-content > table {\n border: $table-border-width solid $table-border-color;\n\n > tbody,\n > tfoot,\n > thead {\n > tr {\n > td,\n > th {\n border: 0;\n border-top: $table-border-width solid $table-border-color;\n line-height: $table-line-height;\n padding-right: $table-cell-padding-x;\n padding-left: $table-cell-padding-x;\n\n &:first-child {\n padding-left: $table-cell-padding-x-alt;\n }\n\n &:last-child {\n padding-right: $table-cell-padding-x-alt;\n }\n }\n }\n }\n\n > tbody {\n > tr {\n &:nth-of-type(#{$table-striped-order}) {\n background-color: $table-bg-accent;\n }\n\n > td,\n > th {\n height: $table-tbody-cell-height;\n }\n }\n }\n\n > tfoot {\n color: $table-tfoot-color;\n\n > tr {\n > td,\n > th {\n font-size: $table-tfoot-font-size;\n font-weight: $table-tfoot-font-weight;\n height: $table-tfoot-cell-height;\n }\n }\n }\n\n > thead {\n > tr {\n > td,\n > th {\n font-weight: $table-thead-font-weight;\n height: $table-thead-cell-height;\n }\n }\n }\n}\n\n// stylelint-enable\n\n.bd-example {\n background-color: $body-bg;\n border: $border-width solid $border-color;\n margin: 0;\n padding: $spacer-lg;\n\n .toast-container {\n position: static;\n }\n\n .toast {\n opacity: 1;\n }\n\n .bd-example + & {\n @include border-top-radius(0);\n\n border-top: 0;\n margin-top: ($border-width * -1);\n }\n\n .custom-file-input:lang(es) ~ .custom-file-label::after {\n content: $custom-file-button-icon;\n }\n\n > button {\n margin: 0.25rem;\n }\n\n > img + img,\n > svg + svg {\n margin-left: 0.5rem;\n }\n\n > .dropdown-menu:first-child {\n position: relative;\n top: auto;\n left: auto;\n }\n\n > .list-group {\n max-width: 100%;\n }\n\n > textarea.textarea-autosize { // stylelint-disable-line\n resize: none;\n }\n\n + p {\n margin-top: $paragraph-margin-y;\n }\n}\n\n.bd-example-modal .modal-dialog {\n margin-top: ($dialog-margin-y * 2);\n margin-bottom: ($dialog-margin-y * 2);\n}\n\n.btn-clipboard {\n background-color: transparent;\n color: var(--primary);\n top: $spacer-xs;\n right: $spacer-xs;\n\n &:hover {\n background: var(--primary);\n }\n}\n\n.highlight {\n background-color: $light-theme-2;\n margin: 0 0 $paragraph-margin-y;\n padding: $spacer-lg;\n position: relative;\n\n pre {\n padding-bottom: $spacer;\n user-select: text;\n }\n\n .bd-content & {\n border-radius: $border-radius;\n margin-right: 0;\n margin-left: 0;\n }\n\n .bd-example + &,\n .bd-example + .bd-clipboard + & {\n border: $border-width solid $border-color;\n border-top: 0;\n margin-top: ($border-width * -1);\n }\n}\n\n.section-nav {\n border-left: $border-width solid $border-color;\n}\n\n// stylelint-disable selector-no-qualifying-type\n.toc-entry {\n a {\n color: #212121;\n font-size: 0.875rem;\n opacity: $nav-pills-link-opacity;\n padding: ($nav-link-padding-y / 2) 0 ($nav-link-padding-y / 2) $spacer;\n\n @include hover-focus-active {\n color: $nav-pills-color;\n opacity: 1;\n }\n\n &.active {\n color: $nav-pills-color-active;\n opacity: 1;\n }\n }\n}\n\n// CSS for accordion examples\n\n.bd-example [id='accordion'] .btn-link[data-toggle='collapse'] {\n padding: 0;\n}\n\n// CSS to flatten buttons in card examples\n\n// stylelint-disable selector-max-class\n.card {\n margin-bottom: 1rem;\n}\n\n// CSS to limit `.form-control` width in `.navbar` examples\n\n.bd-example .navbar .form-control {\n width: 10rem;\n}\n\n.bd-example-snackbars {\n display: flex;\n justify-content: center;\n\n .toast {\n z-index: 10;\n }\n}\n\n// Docsearch\n\n/* stylelint-disable declaration-no-important */\n.algolia-autocomplete {\n .algolia-docsearch-footer {\n border-top: $border-width solid $border-color;\n color: $menu-link-color-disabled !important;\n font-size: $font-size-caption !important;\n line-height: $line-height-caption !important;\n padding: $menu-padding-y-cascading $menu-link-padding-x 0;\n }\n\n .algolia-docsearch-suggestion {\n color: $menu-link-color;\n }\n\n .algolia-docsearch-suggestion--category-header,\n .algolia-docsearch-suggestion--title {\n //color: $menu-header-color !important;\n font-size: $menu-font-size-cascading !important;\n line-height: $menu-line-height-cascading;\n padding: $menu-link-padding-y $menu-link-padding-x !important;\n }\n\n .ds-dropdown-menu {\n border: 0;\n border-radius: $menu-border-radius;\n box-shadow: map-get($menu-elevation-shadow, shadow);\n margin-top: 0;\n padding-top: $menu-padding-y-cascading !important;\n padding-bottom: $menu-padding-y-cascading !important;\n width: 100%;\n\n [class^='ds-dataset-'] {\n border-radius: 0;\n }\n }\n\n .ds-suggestion.ds-cursor .algolia-docsearch-suggestion--content {\n background-color: $menu-link-bg-hover !important;\n }\n}\n\n/* stylelint-enable declaration-no-important */\n\n.doc-search:focus {\n z-index: 101;\n}\n\n// Project css\n\n.doc-jumbotron {\n background-color: theme-color(primary);\n background-image: url('../images/doc-jumbotron-bg.jpg');\n background-position: 50% 50%;\n background-repeat: no-repeat;\n background-size: cover;\n color: $white-primary;\n margin-bottom: 0;\n padding-top: ($toolbar-height * 2);\n padding-bottom: 6rem;\n\n @include media-breakpoint-down(sm) {\n h1 {\n @include typography-headline-3;\n }\n }\n\n @include media-breakpoint-up(lg) {\n .navdrawer-permanent-lg ~ & {\n margin-left: $navdrawer-width;\n }\n }\n\n h1:last-child,\n p:last-child {\n margin-bottom: 0;\n }\n}\n\n.doc-logo {\n @include typography-headline-6;\n\n align-items: center;\n background-color: rgba(theme-color(secondary), $black-divider-opacity);\n border-radius: ($toolbar-element-height / 2);\n box-shadow: inset 0 0 0 $border-width currentColor;\n color: inherit;\n display: inline-flex;\n //font-family: $font-family-serif;\n font-weight: 700;\n height: $toolbar-element-height;\n justify-content: center;\n line-height: 1;\n position: relative;\n user-select: none;\n vertical-align: top;\n white-space: nowrap;\n width: $toolbar-element-height;\n z-index: 1;\n\n &[href] {\n @include hover-focus-active {\n color: inherit;\n text-decoration: none;\n\n &::before {\n opacity: $black-divider-opacity;\n }\n }\n\n &::before {\n @include transition-standard(opacity);\n\n background-color: currentColor;\n border-radius: ($toolbar-element-height / 2);\n content: '';\n opacity: 0;\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: -1;\n }\n }\n\n &:focus {\n outline: 0;\n }\n}\n\n.doc-main {\n background-color: $white;\n\n @include media-breakpoint-up(lg) {\n .navdrawer-permanent-lg ~ & {\n margin-left: $navdrawer-width;\n }\n }\n}\n\n.doc-navbar-permanent {\n margin-left: $navdrawer-width;\n}\n\n.doc-navbar-persistent,\n.doc-navbar-temporary {\n @include transition-sharp(margin-left);\n}\n\n.doc-navbar-persistent {\n .navdrawer-open-persistent & {\n @include transition-deceleration(margin-left);\n\n margin-left: $navdrawer-width;\n }\n}\n\n.doc-navbar-temporary {\n .navdrawer-open-temporary & {\n @include transition-deceleration(margin-left);\n\n margin-left: $navdrawer-width;\n }\n}\n\n.doc-navdrawer-body {\n min-height: 100%;\n}\n\n.doc-skip {\n background-color: theme-color(primary);\n color: color-yiq(theme-color(primary));\n display: block;\n outline: 0;\n padding-top: (($toolbar-height - $font-size-base * $line-height-base) / 2);\n padding-bottom: (($toolbar-height - $font-size-base * $line-height-base) / 2);\n text-align: center;\n\n &:focus {\n color: color-yiq(theme-color(primary));\n }\n}\n\n.doc-skip-text {\n border: $border-width dotted currentColor;\n padding: $btn-padding-y $btn-padding-x;\n}\n\n.doc-swatch-text {\n font-family: $font-family-monospace;\n}\n\n.typography-body-1 {\n letter-spacing: normal;\n}\n\n// Doc icons\n\n[class*='lgi-icon'] {\n background-size: 24px;\n border-radius: 50%;\n}\n\n.lgi-icon-bs {\n background-image: url('https://djibe.github.io/material/apple-touch-icon.png');\n}\n\n.lgi-icon-md {\n background-image: url('data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGNpcmNsZSBjeD0iMTIiIGN5PSIxMiIgZmlsbD0iIzc1NzU3NSIgcj0iMTIiLz48cGF0aCBkPSJtMy42IDMuNmgxNi44djE2LjhoLTE2Ljh6IiBmaWxsPSIjYmRiZGJkIi8+PHBhdGggZD0ibTIwLjQgMy42LTguNCAxNi44LTguNC0xNi44eiIgZmlsbD0iI2ZmZiIvPjxwYXRoIGQ9Im0wIDBoMjR2MjRoLTI0eiIgZmlsbD0ibm9uZSIvPjwvc3ZnPg==');\n}\n\n.lgi-icon-mdc {\n background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAMAAADVRocKAAAAzFBMVEUAAAAiIiIgICAhISEXFxchISEiIiIiIiIhISEhISEhISEhISFAQEAhISH////V/Nid+ZOT+XSW+mmd/GCq/lsB3XIFymoItWEMolkSekccPCzl/eaY+Yib+2Oy/1kA5nYGxGgQhUweMijx/vKZ+Yuq/loC3XIRg0sfKiWu+quk/V0D1G4WYDz9//2Z+Imx/1kRhEwhIyLy/vST+XELpVogKSWS+XKj/V3j/eYQhEwGw2cMoVgItGAFyWkcPC0WYTwQg0sLpFohIiERgkuViPK2AAAADXRSTlMAQ7XsC5mYRLRF7UYEGjoK4gAAAatJREFUeAHt2QV2HDEMgOHBshpOFq3FgfAy8/3PVOYhPUtl/xf4Hphtmb7LZLIdFwRyHdtKy/NBLN9LAXwQ7ImV6CmIZicARxZ4lgBcWcBNACCcATjAa2IGMIABDGAAAxjgdwNHxyenZ+cXl1elckUeqNbq6kP4oUazJQq0O131KfxUEEZyQHytvoRfurkVAu7uH1QagPjYkwD6A6UyAByO+MDdWGUDOOyxgXuVB+AjF4gf8gG85QHtiSoAbiIW0FFFAIYcYNotBoIWA6ipYgBnDKBOAeb6wJGiAFjRBo5pQFkbOKEBC23glAYstYEzGrDSBs5pQKB9Eb9AQhzgkgastIErGrDUBko0YKENlGlAWRtY04CKNgANJDQHfaBJAWYMoBVgYUGLAcBjMRACB4husKCbiAXApgi4BR4AW8ztEbhAb4g57XpsAEY5wm4EfAB6j5hRuBd6mN3cYDL6BYRQFCZmXHCIRJ+WW7M5ftN81pJ/u66UF8tVEKyWC61rLD8DkPr1n0SOLOAkAFsWeP7rvxot74n0Z2ki+9kLEOiF89LK7JVAlsn0t/UWTrKr7UdK6x0AAAAASUVORK5CYII=');\n}\n\n.lgi-icon-plugin {\n background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTgsM0EyLDIgMCAwLDAgNiw1VjlBMiwyIDAgMCwxIDQsMTFIM1YxM0g0QTIsMiAwIDAsMSA2LDE1VjE5QTIsMiAwIDAsMCA4LDIxSDEwVjE5SDhWMTRBMiwyIDAgMCwwIDYsMTJBMiwyIDAgMCwwIDgsMTBWNUgxMFYzTTE2LDNBMiwyIDAgMCwxIDE4LDVWOUEyLDIgMCAwLDAgMjAsMTFIMjFWMTNIMjBBMiwyIDAgMCwwIDE4LDE1VjE5QTIsMiAwIDAsMSAxNiwyMUgxNFYxOUgxNlYxNEEyLDIgMCAwLDEgMTgsMTJBMiwyIDAgMCwxIDE2LDEwVjVIMTRWM0gxNloiIC8+PC9zdmc+');\n}\n\n// Dark theme\n\n@media (prefers-color-scheme: dark) {\n html {\n filter: none;\n }\n\n body,\n label {\n font-weight: initial;\n }\n\n img,\n video,\n .prevent-dark-mode {\n filter: none;\n }\n}\n",".bd-content .alert p:last-of-type {\n margin-bottom: 0;\n}\n\n.bd-callout {\n border: 0;\n border-left: 0.3125rem solid #6200ee;\n border-radius: 0;\n margin-top: 0;\n margin-bottom: 1rem;\n padding: 0 1rem;\n}\n\n.bd-callout + .bd-callout {\n margin-top: 0;\n}\n\n.bd-callout-danger {\n border-left-color: #b00020;\n}\n\n.bd-callout-danger h5 {\n color: #b00020;\n}\n\n.bd-callout-info {\n border-left-color: #714cfe;\n}\n\n.bd-callout-info h5 {\n color: #714cfe;\n}\n\n.bd-callout-warning {\n border-left-color: #ff8d00;\n}\n\n.bd-callout-warning h5 {\n color: #ff8d00;\n}\n\n.bd-content > table {\n border: 1px solid #e1e1e1;\n}\n\n.bd-content > table > tbody > tr > td,\n.bd-content > table > tbody > tr > th,\n.bd-content > table > tfoot > tr > td,\n.bd-content > table > tfoot > tr > th,\n.bd-content > table > thead > tr > td,\n.bd-content > table > thead > tr > th {\n border: 0;\n border-top: 1px solid #e1e1e1;\n line-height: 1.5;\n padding-right: 1rem;\n padding-left: 1rem;\n}\n\n.bd-content > table > tbody > tr > td:first-child,\n.bd-content > table > tbody > tr > th:first-child,\n.bd-content > table > tfoot > tr > td:first-child,\n.bd-content > table > tfoot > tr > th:first-child,\n.bd-content > table > thead > tr > td:first-child,\n.bd-content > table > thead > tr > th:first-child {\n padding-left: 1.5rem;\n}\n\n.bd-content > table > tbody > tr > td:last-child,\n.bd-content > table > tbody > tr > th:last-child,\n.bd-content > table > tfoot > tr > td:last-child,\n.bd-content > table > tfoot > tr > th:last-child,\n.bd-content > table > thead > tr > td:last-child,\n.bd-content > table > thead > tr > th:last-child {\n padding-right: 1.5rem;\n}\n\n.bd-content > table > tbody > tr:nth-of-type(odd) {\n background-color: #f5f5f5;\n}\n\n.bd-content > table > tbody > tr > td,\n.bd-content > table > tbody > tr > th {\n height: 3.25rem;\n}\n\n.bd-content > table > tfoot {\n color: rgba(0, 0, 0, 0.54);\n}\n\n.bd-content > table > tfoot > tr > td,\n.bd-content > table > tfoot > tr > th {\n font-size: 0.75rem;\n font-weight: 400;\n height: 3.5rem;\n}\n\n.bd-content > table > thead > tr > td,\n.bd-content > table > thead > tr > th {\n font-weight: 500;\n height: 3.5rem;\n}\n\n.bd-example {\n background-color: white;\n border: 1px solid rgba(0, 0, 0, 0.12);\n margin: 0;\n padding: 1.5rem;\n}\n\n.bd-example .toast-container {\n position: static;\n}\n\n.bd-example .toast {\n opacity: 1;\n}\n\n.bd-example + .bd-example {\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n border-top: 0;\n margin-top: -1px;\n}\n\n.bd-example .custom-file-input:lang(es) ~ .custom-file-label::after {\n content: \"attachment\";\n}\n\n.bd-example > button {\n margin: 0.25rem;\n}\n\n.bd-example > img + img,\n.bd-example > svg + svg {\n margin-left: 0.5rem;\n}\n\n.bd-example > .dropdown-menu:first-child {\n position: relative;\n top: auto;\n left: auto;\n}\n\n.bd-example > .list-group {\n max-width: 100%;\n}\n\n.bd-example > textarea.textarea-autosize {\n resize: none;\n}\n\n.bd-example + p {\n margin-top: 1rem;\n}\n\n.bd-example-modal .modal-dialog {\n margin-top: 2rem;\n margin-bottom: 2rem;\n}\n\n.btn-clipboard {\n background-color: transparent;\n color: var(--primary);\n top: 0.25rem;\n right: 0.25rem;\n}\n\n.btn-clipboard:hover {\n background: var(--primary);\n}\n\n.highlight {\n background-color: #f5f5f5;\n margin: 0 0 1rem;\n padding: 1.5rem;\n position: relative;\n}\n\n.highlight pre {\n padding-bottom: 1rem;\n user-select: text;\n}\n\n.bd-content .highlight {\n border-radius: 4px;\n margin-right: 0;\n margin-left: 0;\n}\n\n.bd-example + .highlight,\n.bd-example + .bd-clipboard + .highlight {\n border: 1px solid rgba(0, 0, 0, 0.12);\n border-top: 0;\n margin-top: -1px;\n}\n\n.section-nav {\n border-left: 1px solid rgba(0, 0, 0, 0.12);\n}\n\n.toc-entry a {\n color: #212121;\n font-size: 0.875rem;\n opacity: 0.7;\n padding: 0.25rem 0 0.25rem 1rem;\n}\n\n.toc-entry a:hover, .toc-entry a:focus, .toc-entry a:active {\n color: rgba(0, 0, 0, 0.87);\n opacity: 1;\n}\n\n.toc-entry a.active {\n color: #6200ee;\n opacity: 1;\n}\n\n.bd-example [id='accordion'] .btn-link[data-toggle='collapse'] {\n padding: 0;\n}\n\n.card {\n margin-bottom: 1rem;\n}\n\n.bd-example .navbar .form-control {\n width: 10rem;\n}\n\n.bd-example-snackbars {\n display: flex;\n justify-content: center;\n}\n\n.bd-example-snackbars .toast {\n z-index: 10;\n}\n\n/* stylelint-disable declaration-no-important */\n.algolia-autocomplete .algolia-docsearch-footer {\n border-top: 1px solid rgba(0, 0, 0, 0.12);\n color: rgba(0, 0, 0, 0.38) !important;\n font-size: 0.75rem !important;\n line-height: 1.25rem !important;\n padding: 1rem 1rem 0;\n}\n\n.algolia-autocomplete .algolia-docsearch-suggestion {\n color: rgba(0, 0, 0, 0.87);\n}\n\n.algolia-autocomplete .algolia-docsearch-suggestion--category-header,\n.algolia-autocomplete .algolia-docsearch-suggestion--title {\n font-size: 0.9375rem !important;\n line-height: 1.5rem;\n padding: 0 1rem !important;\n}\n\n.algolia-autocomplete .ds-dropdown-menu {\n border: 0;\n border-radius: 4px;\n box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2);\n margin-top: 0;\n padding-top: 1rem !important;\n padding-bottom: 1rem !important;\n width: 100%;\n}\n\n.algolia-autocomplete .ds-dropdown-menu [class^='ds-dataset-'] {\n border-radius: 0;\n}\n\n.algolia-autocomplete .ds-suggestion.ds-cursor .algolia-docsearch-suggestion--content {\n background-color: rgba(0, 0, 0, 0.04) !important;\n}\n\n/* stylelint-enable declaration-no-important */\n.doc-search:focus {\n z-index: 101;\n}\n\n.doc-jumbotron {\n background-color: #6200ee;\n background-image: url(\"../images/doc-jumbotron-bg.jpg\");\n background-position: 50% 50%;\n background-repeat: no-repeat;\n background-size: cover;\n color: white;\n margin-bottom: 0;\n padding-top: 7rem;\n padding-bottom: 6rem;\n}\n\n@media (max-width: 767.98px) {\n .doc-jumbotron h1 {\n font-size: 3rem;\n font-weight: 400;\n letter-spacing: 0;\n line-height: 3.125rem;\n }\n}\n\n@media (min-width: 992px) {\n .navdrawer-permanent-lg ~ .doc-jumbotron {\n margin-left: 16rem;\n }\n}\n\n.doc-jumbotron h1:last-child,\n.doc-jumbotron p:last-child {\n margin-bottom: 0;\n}\n\n.doc-logo {\n font-size: 1.25rem;\n font-weight: 500;\n letter-spacing: 0.0125em;\n line-height: 2rem;\n align-items: center;\n background-color: rgba(3, 218, 198, 0.12);\n border-radius: 1.125rem;\n box-shadow: inset 0 0 0 1px currentColor;\n color: inherit;\n display: inline-flex;\n font-weight: 700;\n height: 2.25rem;\n justify-content: center;\n line-height: 1;\n position: relative;\n user-select: none;\n vertical-align: top;\n white-space: nowrap;\n width: 2.25rem;\n z-index: 1;\n}\n\n.doc-logo[href]:hover, .doc-logo[href]:focus, .doc-logo[href]:active {\n color: inherit;\n text-decoration: none;\n}\n\n.doc-logo[href]:hover::before, .doc-logo[href]:focus::before, .doc-logo[href]:active::before {\n opacity: 0.12;\n}\n\n.doc-logo[href]::before {\n /* transition: $transition-duration-mobile;\n transition-property: $property;\n transition-timing-function: $transition-timing-function-standard; */\n transition: opacity 300ms cubic-bezier(0.4, 0, 0.2, 1);\n background-color: currentColor;\n border-radius: 1.125rem;\n content: '';\n opacity: 0;\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: -1;\n}\n\n@media (min-width: 576px) {\n .doc-logo[href]::before {\n transition-duration: 390ms;\n }\n}\n\n@media (min-width: 992px) {\n .doc-logo[href]::before {\n transition-duration: 280ms;\n }\n}\n\n@media screen and (prefers-reduced-motion: reduce) {\n .doc-logo[href]::before {\n transition: none;\n }\n}\n\n.doc-logo:focus {\n outline: 0;\n}\n\n.doc-main {\n background-color: #ffffff;\n}\n\n@media (min-width: 992px) {\n .navdrawer-permanent-lg ~ .doc-main {\n margin-left: 16rem;\n }\n}\n\n.doc-navbar-permanent {\n margin-left: 16rem;\n}\n\n.doc-navbar-persistent,\n.doc-navbar-temporary {\n transition-duration: 195ms;\n transition-property: margin-left;\n transition-timing-function: cubic-bezier(0.4, 0, 0.6, 1);\n}\n\n@media (min-width: 576px) {\n .doc-navbar-persistent,\n .doc-navbar-temporary {\n transition-duration: 253.5ms;\n }\n}\n\n@media (min-width: 992px) {\n .doc-navbar-persistent,\n .doc-navbar-temporary {\n transition-duration: 75ms;\n }\n}\n\n@media screen and (prefers-reduced-motion: reduce) {\n .doc-navbar-persistent,\n .doc-navbar-temporary {\n transition: none;\n }\n}\n\n.navdrawer-open-persistent .doc-navbar-persistent {\n transition-duration: 225ms;\n transition-property: margin-left;\n transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n margin-left: 16rem;\n}\n\n@media (min-width: 576px) {\n .navdrawer-open-persistent .doc-navbar-persistent {\n transition-duration: 292.5ms;\n }\n}\n\n@media (min-width: 992px) {\n .navdrawer-open-persistent .doc-navbar-persistent {\n transition-duration: 150ms;\n }\n}\n\n@media screen and (prefers-reduced-motion: reduce) {\n .navdrawer-open-persistent .doc-navbar-persistent {\n transition: none;\n }\n}\n\n.navdrawer-open-temporary .doc-navbar-temporary {\n transition-duration: 225ms;\n transition-property: margin-left;\n transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n margin-left: 16rem;\n}\n\n@media (min-width: 576px) {\n .navdrawer-open-temporary .doc-navbar-temporary {\n transition-duration: 292.5ms;\n }\n}\n\n@media (min-width: 992px) {\n .navdrawer-open-temporary .doc-navbar-temporary {\n transition-duration: 150ms;\n }\n}\n\n@media screen and (prefers-reduced-motion: reduce) {\n .navdrawer-open-temporary .doc-navbar-temporary {\n transition: none;\n }\n}\n\n.doc-navdrawer-body {\n min-height: 100%;\n}\n\n.doc-skip {\n background-color: #6200ee;\n color: white;\n display: block;\n outline: 0;\n padding-top: 1rem;\n padding-bottom: 1rem;\n text-align: center;\n}\n\n.doc-skip:focus {\n color: white;\n}\n\n.doc-skip-text {\n border: 1px dotted currentColor;\n padding: 0 1rem;\n}\n\n.doc-swatch-text {\n font-family: \"Roboto Mono\", \"Menlo\", \"Monaco\", \"Consolas\", \"Liberation Mono\", \"Courier New\", monospace;\n}\n\n.typography-body-1 {\n letter-spacing: normal;\n}\n\n[class*='lgi-icon'] {\n background-size: 24px;\n border-radius: 50%;\n}\n\n.lgi-icon-bs {\n background-image: url(\"https://djibe.github.io/material/apple-touch-icon.png\");\n}\n\n.lgi-icon-md {\n background-image: url(\"data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGNpcmNsZSBjeD0iMTIiIGN5PSIxMiIgZmlsbD0iIzc1NzU3NSIgcj0iMTIiLz48cGF0aCBkPSJtMy42IDMuNmgxNi44djE2LjhoLTE2Ljh6IiBmaWxsPSIjYmRiZGJkIi8+PHBhdGggZD0ibTIwLjQgMy42LTguNCAxNi44LTguNC0xNi44eiIgZmlsbD0iI2ZmZiIvPjxwYXRoIGQ9Im0wIDBoMjR2MjRoLTI0eiIgZmlsbD0ibm9uZSIvPjwvc3ZnPg==\");\n}\n\n.lgi-icon-mdc {\n background-image: url(\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAMAAADVRocKAAAAzFBMVEUAAAAiIiIgICAhISEXFxchISEiIiIiIiIhISEhISEhISEhISFAQEAhISH////V/Nid+ZOT+XSW+mmd/GCq/lsB3XIFymoItWEMolkSekccPCzl/eaY+Yib+2Oy/1kA5nYGxGgQhUweMijx/vKZ+Yuq/loC3XIRg0sfKiWu+quk/V0D1G4WYDz9//2Z+Imx/1kRhEwhIyLy/vST+XELpVogKSWS+XKj/V3j/eYQhEwGw2cMoVgItGAFyWkcPC0WYTwQg0sLpFohIiERgkuViPK2AAAADXRSTlMAQ7XsC5mYRLRF7UYEGjoK4gAAAatJREFUeAHt2QV2HDEMgOHBshpOFq3FgfAy8/3PVOYhPUtl/xf4Hphtmb7LZLIdFwRyHdtKy/NBLN9LAXwQ7ImV6CmIZicARxZ4lgBcWcBNACCcATjAa2IGMIABDGAAAxjgdwNHxyenZ+cXl1elckUeqNbq6kP4oUazJQq0O131KfxUEEZyQHytvoRfurkVAu7uH1QagPjYkwD6A6UyAByO+MDdWGUDOOyxgXuVB+AjF4gf8gG85QHtiSoAbiIW0FFFAIYcYNotBoIWA6ipYgBnDKBOAeb6wJGiAFjRBo5pQFkbOKEBC23glAYstYEzGrDSBs5pQKB9Eb9AQhzgkgastIErGrDUBko0YKENlGlAWRtY04CKNgANJDQHfaBJAWYMoBVgYUGLAcBjMRACB4husKCbiAXApgi4BR4AW8ztEbhAb4g57XpsAEY5wm4EfAB6j5hRuBd6mN3cYDL6BYRQFCZmXHCIRJ+WW7M5ftN81pJ/u66UF8tVEKyWC61rLD8DkPr1n0SOLOAkAFsWeP7rvxot74n0Z2ki+9kLEOiF89LK7JVAlsn0t/UWTrKr7UdK6x0AAAAASUVORK5CYII=\");\n}\n\n.lgi-icon-plugin {\n background-image: url(\"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTgsM0EyLDIgMCAwLDAgNiw1VjlBMiwyIDAgMCwxIDQsMTFIM1YxM0g0QTIsMiAwIDAsMSA2LDE1VjE5QTIsMiAwIDAsMCA4LDIxSDEwVjE5SDhWMTRBMiwyIDAgMCwwIDYsMTJBMiwyIDAgMCwwIDgsMTBWNUgxMFYzTTE2LDNBMiwyIDAgMCwxIDE4LDVWOUEyLDIgMCAwLDAgMjAsMTFIMjFWMTNIMjBBMiwyIDAgMCwwIDE4LDE1VjE5QTIsMiAwIDAsMSAxNiwyMUgxNFYxOUgxNlYxNEEyLDIgMCAwLDEgMTgsMTJBMiwyIDAgMCwxIDE2LDEwVjVIMTRWM0gxNloiIC8+PC9zdmc+\");\n}\n\n@media (prefers-color-scheme: dark) {\n html {\n filter: none;\n }\n body,\n label {\n font-weight: initial;\n }\n img,\n video,\n .prevent-dark-mode {\n filter: none;\n }\n}\n\n/*# sourceMappingURL=docs.css.map */","// Theme palette : https://material.io/design/material-theming/implementing-your-theme.html#color\n\n$primary: (\n color: #6200ee,\n dark: #3700b3,\n light: #bb86fc\n) !default;\n\n$secondary: (\n color: #03dac6,\n dark: #018786,\n light: #66fff8\n) !default;\n\n$danger: (\n color: #b00020,\n dark: $material-color-red-700,\n light: #c51162\n) !default;\n\n$info: (\n color: #714cfe,\n dark: #021aee,\n light: #d2c2fd\n) !default;\n\n$success: (\n color: #61d800,\n dark: #41c300,\n light: #c6f68d\n) !default;\n\n$warning: (\n color: #ff8d00,\n dark: #ee6002,\n light: #ffc77d\n) !default;\n\n$dark: (\n color: $material-color-grey-800,\n dark: $material-color-grey-900,\n light: $material-color-grey-600\n) !default;\n\n$light: (\n color: $material-color-grey-100,\n dark: $material-color-grey-300,\n light: $material-color-grey-050\n) !default;\n\n$theme-colors: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$theme-colors: map-merge(\n (\n primary: $primary,\n secondary: $secondary,\n danger: $danger,\n info: $info,\n success: $success,\n warning: $warning,\n dark: $dark,\n light: $light\n ),\n $theme-colors\n);\n\n$yiq-contrasted-threshold: 170 !default;\n$yiq-text-dark: $black-primary !default;\n$yiq-text-light: $white-primary !default;\n\n// Characters which are escaped by the escape-svg function\n$escaped-characters: (\n ('<','%3c'),\n ('>','%3e'),\n ('#','%23'),\n) !default;\n","$border-color: $black-divider !default;\n$border-color-solid: #e1e1e1 !default;\n$border-radius: 4px !default;\n$border-radius-sm: 2px !default;\n$border-radius-lg: $border-radius * 4 !default;\n$border-width: 1px !default;\n\n$sizes: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$sizes: map-merge(\n (\n 25: 25%,\n 50: 50%,\n 75: 75%,\n 100: 100%,\n auto: auto\n ),\n $sizes\n);\n\n$spacer: 1rem !default;\n\n$spacer-xs: ($spacer * 0.25) !default;\n$spacer-sm: ($spacer * 0.5) !default;\n$spacer-lg: ($spacer * 1.5) !default;\n$spacer-xl: ($spacer * 3) !default;\n\n$spacers: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$spacers: map-merge(\n (\n 0: 0,\n 1: $spacer-xs,\n 2: $spacer-sm,\n 3: $spacer,\n 4: $spacer-lg,\n 5: $spacer-xl\n ),\n $spacers\n);\n","// A base value used to responsively scale all typography, applied to the `` element\n\n$font-size-root: 16px !default;\n\n// Font face\n// Based on https://material.google.com/style/typography.html#typography-typeface\n\n// N.B. Although some values are not used in this project\n// we leave them here just in case they may be required by your project\n\n$font-family-monospace: 'Roboto Mono', 'Menlo', 'Monaco', 'Consolas', 'Liberation Mono', 'Courier New', monospace !default;\n$font-family-sans-serif: 'Roboto', -apple-system, 'BlinkMacSystemFont', 'Segoe UI', 'Helvetica Neue', 'Arial', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol' !default;\n//$font-family-serif: 'Roboto Slab', Georgia, 'Times New Roman', Times, serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol' !default;\n\n$font-family-base: $font-family-sans-serif !default;\n\n$font-weight-medium: 500 !default;\n$font-weight-bold: $font-weight-medium !default;\n$font-weight-bolder: 600 !default;\n$font-weight-regular: 400 !default;\n$font-weight-normal: $font-weight-regular !default;\n$font-weight-light: 300 !default;\n$font-weight-lighter: $font-weight-light !default;\n\n$font-weight-base: $font-weight-regular !default;\n\n// Font styles\n// Based on https://material.io/design/material-theming/implementing-your-theme.html#typography\n// and https://material-components.github.io/material-components-web-catalog/#/component/typography\n\n$font-size-base: 1rem !default; // 16px\n\n$font-size-headline-1: ($font-size-base * 6) !default; // 96px\n$font-size-headline-2: ($font-size-base * 3.75) !default; // 60px\n$font-size-headline-3: ($font-size-base * 3) !default; // 48px\n$font-size-headline-4: ($font-size-base * 2.125) !default; // 34px\n$font-size-headline-5: ($font-size-base * 1.5) !default; // 24px\n$font-size-headline-6: ($font-size-base * 1.25) !default; // 20px\n$font-size-subtitle-1: $font-size-base !default; // 16px\n$font-size-subtitle-2: ($font-size-base * 0.875) !default; // 14px\n$font-size-body-1: $font-size-base !default; // 16px\n$font-size-body-2: ($font-size-base * 0.875) !default; // 14px\n$font-size-caption: ($font-size-base * 0.75) !default; // 12px\n$font-size-overline: ($font-size-base * 0.75) !default; // 12px\n\n$font-weight-headline-1: $font-weight-light !default;\n$font-weight-headline-2: $font-weight-light !default;\n$font-weight-headline-3: $font-weight-regular !default;\n$font-weight-headline-4: $font-weight-regular !default;\n$font-weight-headline-5: $font-weight-regular !default;\n$font-weight-headline-6: $font-weight-medium !default;\n$font-weight-subtitle-1: $font-weight-regular !default;\n$font-weight-subtitle-2: $font-weight-medium !default;\n$font-weight-body-1: $font-weight-regular !default;\n$font-weight-body-2: $font-weight-regular !default;\n$font-weight-caption: $font-weight-regular !default;\n$font-weight-overline: $font-weight-medium !default;\n\n$letter-spacing-headline-1: -0.015625em !default;\n$letter-spacing-headline-2: -0.0083333333em !default;\n$letter-spacing-headline-3: 0 !default;\n$letter-spacing-headline-4: 0.0073529412em !default;\n$letter-spacing-headline-5: 0 !default;\n$letter-spacing-headline-6: 0.0125em !default;\n$letter-spacing-subtitle-1: 0.009375em !default;\n$letter-spacing-subtitle-2: 0.0071428571em !default;\n$letter-spacing-body-1: 0.03125em !default;\n$letter-spacing-body-2: 0.0178571429em !default;\n$letter-spacing-caption: 0.0333333333em !default;\n$letter-spacing-overline: 0.1666666667em !default;\n\n// Line height\n\n$line-height-base: 1.5 !default; // 1.428572\n\n$line-height-headline-1: 6rem !default;\n$line-height-headline-2: 3.75rem !default;\n$line-height-headline-3: 3.125rem !default;\n$line-height-headline-4: 2.5rem !default;\n$line-height-headline-5: 2rem !default;\n$line-height-headline-6: 2rem !default;\n$line-height-subtitle-1: 1.75rem !default;\n$line-height-subtitle-2: 1.375rem !default;\n$line-height-body-1: 1.5rem !default;\n$line-height-body-2: 1.25rem !default;\n$line-height-caption: 1.25rem !default;\n$line-height-overline: 2rem !default;\n\n// Material icons default size\n\n$material-icon-size: (24 / strip-unit($font-size-root) * 1rem) !default;\n","// Material colour palette\n// Based on https://material.google.com/style/color.html#color-color-palette\n\n$material-color-amber-050: #fff8e1 !default;\n$material-color-amber-100: #ffecb3 !default;\n$material-color-amber-200: #ffe082 !default;\n$material-color-amber-300: #ffd54f !default;\n$material-color-amber-400: #ffca28 !default;\n$material-color-amber-500: #ffc107 !default;\n$material-color-amber-600: #ffb300 !default;\n$material-color-amber-700: #ffa000 !default;\n$material-color-amber-800: #ff8f00 !default;\n$material-color-amber-900: #ff6f00 !default;\n$material-color-amber-a100: #ffe57f !default;\n$material-color-amber-a200: #ffd740 !default;\n$material-color-amber-a400: #ffc400 !default;\n$material-color-amber-a700: #ffab00 !default;\n\n$material-color-blue-050: #e3f2fd !default;\n$material-color-blue-100: #bbdefb !default;\n$material-color-blue-200: #90caf9 !default;\n$material-color-blue-300: #64b5f6 !default;\n$material-color-blue-400: #42a5f5 !default;\n$material-color-blue-500: #2196f3 !default;\n$material-color-blue-600: #1e88e5 !default;\n$material-color-blue-700: #1976d2 !default;\n$material-color-blue-800: #1565c0 !default;\n$material-color-blue-900: #0d47a1 !default;\n$material-color-blue-a100: #82b1ff !default;\n$material-color-blue-a200: #448aff !default;\n$material-color-blue-a400: #2979ff !default;\n$material-color-blue-a700: #2962ff !default;\n\n$material-color-blue-grey-050: #eceff1 !default;\n$material-color-blue-grey-100: #cfd8dc !default;\n$material-color-blue-grey-200: #b0bec5 !default;\n$material-color-blue-grey-300: #90a4ae !default;\n$material-color-blue-grey-400: #78909c !default;\n$material-color-blue-grey-500: #607d8b !default;\n$material-color-blue-grey-600: #546e7a !default;\n$material-color-blue-grey-700: #455a64 !default;\n$material-color-blue-grey-800: #37474f !default;\n$material-color-blue-grey-900: #263238 !default;\n\n$material-color-brown-050: #efebe9 !default;\n$material-color-brown-100: #d7ccc8 !default;\n$material-color-brown-200: #bcaaa4 !default;\n$material-color-brown-300: #a1887f !default;\n$material-color-brown-400: #8d6e63 !default;\n$material-color-brown-500: #795548 !default;\n$material-color-brown-600: #6d4c41 !default;\n$material-color-brown-700: #5d4037 !default;\n$material-color-brown-800: #4e342e !default;\n$material-color-brown-900: #3e2723 !default;\n\n$material-color-cyan-050: #e0f7fa !default;\n$material-color-cyan-100: #b2ebf2 !default;\n$material-color-cyan-200: #80deea !default;\n$material-color-cyan-300: #4dd0e1 !default;\n$material-color-cyan-400: #26c6da !default;\n$material-color-cyan-500: #00bcd4 !default;\n$material-color-cyan-600: #00acc1 !default;\n$material-color-cyan-700: #0097a7 !default;\n$material-color-cyan-800: #00838f !default;\n$material-color-cyan-900: #006064 !default;\n$material-color-cyan-a100: #84ffff !default;\n$material-color-cyan-a200: #18ffff !default;\n$material-color-cyan-a400: #00e5ff !default;\n$material-color-cyan-a700: #00b8d4 !default;\n\n$material-color-deep-orange-050: #fbe9e7 !default;\n$material-color-deep-orange-100: #ffccbc !default;\n$material-color-deep-orange-200: #ffab91 !default;\n$material-color-deep-orange-300: #ff8a65 !default;\n$material-color-deep-orange-400: #ff7043 !default;\n$material-color-deep-orange-500: #ff5722 !default;\n$material-color-deep-orange-600: #f4511e !default;\n$material-color-deep-orange-700: #e64a19 !default;\n$material-color-deep-orange-800: #d84315 !default;\n$material-color-deep-orange-900: #bf360c !default;\n$material-color-deep-orange-a100: #ff9e80 !default;\n$material-color-deep-orange-a200: #ff6e40 !default;\n$material-color-deep-orange-a400: #ff3d00 !default;\n$material-color-deep-orange-a700: #dd2c00 !default;\n\n$material-color-deep-purple-050: #ede7f6 !default;\n$material-color-deep-purple-100: #d1c4e9 !default;\n$material-color-deep-purple-200: #b39ddb !default;\n$material-color-deep-purple-300: #9575cd !default;\n$material-color-deep-purple-400: #7e57c2 !default;\n$material-color-deep-purple-500: #673ab7 !default;\n$material-color-deep-purple-600: #5e35b1 !default;\n$material-color-deep-purple-700: #512da8 !default;\n$material-color-deep-purple-800: #4527a0 !default;\n$material-color-deep-purple-900: #311b92 !default;\n$material-color-deep-purple-a100: #b388ff !default;\n$material-color-deep-purple-a200: #7c4dff !default;\n$material-color-deep-purple-a400: #651fff !default;\n$material-color-deep-purple-a700: #6200ea !default;\n\n$material-color-green-050: #e8f5e9 !default;\n$material-color-green-100: #c8e6c9 !default;\n$material-color-green-200: #a5d6a7 !default;\n$material-color-green-300: #81c784 !default;\n$material-color-green-400: #66bb6a !default;\n$material-color-green-500: #4caf50 !default;\n$material-color-green-600: #43a047 !default;\n$material-color-green-700: #388e3c !default;\n$material-color-green-800: #2e7d32 !default;\n$material-color-green-900: #1b5e20 !default;\n$material-color-green-a100: #b9f6ca !default;\n$material-color-green-a200: #69f0ae !default;\n$material-color-green-a400: #00e676 !default;\n$material-color-green-a700: #00c853 !default;\n\n$material-color-grey-050: #fafafa !default;\n$material-color-grey-100: #f5f5f5 !default;\n$material-color-grey-200: #eeeeee !default;\n$material-color-grey-300: #e0e0e0 !default;\n$material-color-grey-400: #bdbdbd !default;\n$material-color-grey-500: #9e9e9e !default;\n$material-color-grey-600: #757575 !default;\n$material-color-grey-700: #616161 !default;\n$material-color-grey-800: #424242 !default;\n$material-color-grey-900: #212121 !default;\n\n$material-color-indigo-050: #e8eaf6 !default;\n$material-color-indigo-100: #c5cae9 !default;\n$material-color-indigo-200: #9fa8da !default;\n$material-color-indigo-300: #7986cb !default;\n$material-color-indigo-400: #5c6bc0 !default;\n$material-color-indigo-500: #3f51b5 !default;\n$material-color-indigo-600: #3949ab !default;\n$material-color-indigo-700: #303f9f !default;\n$material-color-indigo-800: #283593 !default;\n$material-color-indigo-900: #1a237e !default;\n$material-color-indigo-a100: #8c9eff !default;\n$material-color-indigo-a200: #536dfe !default;\n$material-color-indigo-a400: #3d5afe !default;\n$material-color-indigo-a700: #304ffe !default;\n\n$material-color-light-blue-050: #e1f5fe !default;\n$material-color-light-blue-100: #b3e5fc !default;\n$material-color-light-blue-200: #81d4fa !default;\n$material-color-light-blue-300: #4fc3f7 !default;\n$material-color-light-blue-400: #29b6f6 !default;\n$material-color-light-blue-500: #03a9f4 !default;\n$material-color-light-blue-600: #039be5 !default;\n$material-color-light-blue-700: #0288d1 !default;\n$material-color-light-blue-800: #0277bd !default;\n$material-color-light-blue-900: #01579b !default;\n$material-color-light-blue-a100: #80d8ff !default;\n$material-color-light-blue-a200: #40c4ff !default;\n$material-color-light-blue-a400: #00b0ff !default;\n$material-color-light-blue-a700: #0091ea !default;\n\n$material-color-light-green-050: #f1f8e9 !default;\n$material-color-light-green-100: #dcedc8 !default;\n$material-color-light-green-200: #c5e1a5 !default;\n$material-color-light-green-300: #aed581 !default;\n$material-color-light-green-400: #9ccc65 !default;\n$material-color-light-green-500: #8bc34a !default;\n$material-color-light-green-600: #7cb342 !default;\n$material-color-light-green-700: #689f38 !default;\n$material-color-light-green-800: #558b2f !default;\n$material-color-light-green-900: #33691e !default;\n$material-color-light-green-a100: #ccff90 !default;\n$material-color-light-green-a200: #b2ff59 !default;\n$material-color-light-green-a400: #76ff03 !default;\n$material-color-light-green-a700: #64dd17 !default;\n\n$material-color-lime-050: #f9fbe7 !default;\n$material-color-lime-100: #f0f4c3 !default;\n$material-color-lime-200: #e6ee9c !default;\n$material-color-lime-300: #dce775 !default;\n$material-color-lime-400: #d4e157 !default;\n$material-color-lime-500: #cddc39 !default;\n$material-color-lime-600: #c0ca33 !default;\n$material-color-lime-700: #afb42b !default;\n$material-color-lime-800: #9e9d24 !default;\n$material-color-lime-900: #827717 !default;\n$material-color-lime-a100: #f4ff81 !default;\n$material-color-lime-a200: #eeff41 !default;\n$material-color-lime-a400: #c6ff00 !default;\n$material-color-lime-a700: #aeea00 !default;\n\n$material-color-orange-050: #fff3e0 !default;\n$material-color-orange-100: #ffe0b2 !default;\n$material-color-orange-200: #ffcc80 !default;\n$material-color-orange-300: #ffb74d !default;\n$material-color-orange-400: #ffa726 !default;\n$material-color-orange-500: #ff9800 !default;\n$material-color-orange-600: #fb8c00 !default;\n$material-color-orange-700: #f57c00 !default;\n$material-color-orange-800: #ef6c00 !default;\n$material-color-orange-900: #e65100 !default;\n$material-color-orange-a100: #ffd180 !default;\n$material-color-orange-a200: #ffab40 !default;\n$material-color-orange-a400: #ff9100 !default;\n$material-color-orange-a700: #ff6d00 !default;\n\n$material-color-pink-050: #fce4ec !default;\n$material-color-pink-100: #f8bbd0 !default;\n$material-color-pink-200: #f48fb1 !default;\n$material-color-pink-300: #f06292 !default;\n$material-color-pink-400: #ec407a !default;\n$material-color-pink-500: #e91e63 !default;\n$material-color-pink-600: #d81b60 !default;\n$material-color-pink-700: #c2185b !default;\n$material-color-pink-800: #ad1457 !default;\n$material-color-pink-900: #880e4f !default;\n$material-color-pink-a100: #ff80ab !default;\n$material-color-pink-a200: #ff4081 !default;\n$material-color-pink-a400: #f50057 !default;\n$material-color-pink-a700: #c51162 !default;\n\n$material-color-purple-050: #f3e5f5 !default;\n$material-color-purple-100: #e1bee7 !default;\n$material-color-purple-200: #ce93d8 !default;\n$material-color-purple-300: #ba68c8 !default;\n$material-color-purple-400: #ab47bc !default;\n$material-color-purple-500: #9c27b0 !default;\n$material-color-purple-600: #8e24aa !default;\n$material-color-purple-700: #7b1fa2 !default;\n$material-color-purple-800: #6a1b9a !default;\n$material-color-purple-900: #4a148c !default;\n$material-color-purple-a100: #ea80fc !default;\n$material-color-purple-a200: #e040fb !default;\n$material-color-purple-a400: #d500f9 !default;\n$material-color-purple-a700: #aa00ff !default;\n\n$material-color-red-050: #ffebee !default;\n$material-color-red-100: #ffcdd2 !default;\n$material-color-red-200: #ef9a9a !default;\n$material-color-red-300: #e57373 !default;\n$material-color-red-400: #ef5350 !default;\n$material-color-red-500: #f44336 !default;\n$material-color-red-600: #e53935 !default;\n$material-color-red-700: #d32f2f !default;\n$material-color-red-800: #c62828 !default;\n$material-color-red-900: #b71c1c !default;\n$material-color-red-a100: #ff8a80 !default;\n$material-color-red-a200: #ff5252 !default;\n$material-color-red-a400: #ff1744 !default;\n$material-color-red-a700: #d50000 !default;\n\n$material-color-teal-050: #e0f2f1 !default;\n$material-color-teal-100: #b2dfdb !default;\n$material-color-teal-200: #80cbc4 !default;\n$material-color-teal-300: #4db6ac !default;\n$material-color-teal-400: #26a69a !default;\n$material-color-teal-500: #009688 !default;\n$material-color-teal-600: #00897b !default;\n$material-color-teal-700: #00796b !default;\n$material-color-teal-800: #00695c !default;\n$material-color-teal-900: #004d40 !default;\n$material-color-teal-a100: #a7ffeb !default;\n$material-color-teal-a200: #64ffda !default;\n$material-color-teal-a400: #1de9b6 !default;\n$material-color-teal-a700: #00bfa5 !default;\n\n$material-color-yellow-050: #fffde7 !default;\n$material-color-yellow-100: #fff9c4 !default;\n$material-color-yellow-200: #fff59d !default;\n$material-color-yellow-300: #fff176 !default;\n$material-color-yellow-400: #ffee58 !default;\n$material-color-yellow-500: #ffeb3b !default;\n$material-color-yellow-600: #fdd835 !default;\n$material-color-yellow-700: #fbc02d !default;\n$material-color-yellow-800: #f9a825 !default;\n$material-color-yellow-900: #f57f17 !default;\n$material-color-yellow-a100: #ffff8d !default;\n$material-color-yellow-a200: #ffff00 !default;\n$material-color-yellow-a400: #ffea00 !default;\n$material-color-yellow-a700: #ffd600 !default;\n\n// stylelint-disable scss/dollar-variable-default\n\n$ambers: () !default;\n$ambers: map-merge(\n (\n 50: $material-color-amber-050,\n 100: $material-color-amber-100,\n 200: $material-color-amber-200,\n 300: $material-color-amber-300,\n 400: $material-color-amber-400,\n 500: $material-color-amber-500,\n 600: $material-color-amber-600,\n 700: $material-color-amber-700,\n 800: $material-color-amber-800,\n 900: $material-color-amber-900,\n a100: $material-color-amber-a100,\n a200: $material-color-amber-a200,\n a400: $material-color-amber-a400,\n a700: $material-color-amber-a700\n ),\n $ambers\n);\n\n$blues: () !default;\n$blues: map-merge(\n (\n 50: $material-color-blue-050,\n 100: $material-color-blue-100,\n 200: $material-color-blue-200,\n 300: $material-color-blue-300,\n 400: $material-color-blue-400,\n 500: $material-color-blue-500,\n 600: $material-color-blue-600,\n 700: $material-color-blue-700,\n 800: $material-color-blue-800,\n 900: $material-color-blue-900,\n a100: $material-color-blue-a100,\n a200: $material-color-blue-a200,\n a400: $material-color-blue-a400,\n a700: $material-color-blue-a700\n ),\n $blues\n);\n\n$blue-greys: () !default;\n$blue-greys: map-merge(\n (\n 50: $material-color-blue-grey-050,\n 100: $material-color-blue-grey-100,\n 200: $material-color-blue-grey-200,\n 300: $material-color-blue-grey-300,\n 400: $material-color-blue-grey-400,\n 500: $material-color-blue-grey-500,\n 600: $material-color-blue-grey-600,\n 700: $material-color-blue-grey-700,\n 800: $material-color-blue-grey-800,\n 900: $material-color-blue-grey-900\n ),\n $blue-greys\n);\n\n$browns: () !default;\n$browns: map-merge(\n (\n 50: $material-color-brown-050,\n 100: $material-color-brown-100,\n 200: $material-color-brown-200,\n 300: $material-color-brown-300,\n 400: $material-color-brown-400,\n 500: $material-color-brown-500,\n 600: $material-color-brown-600,\n 700: $material-color-brown-700,\n 800: $material-color-brown-800,\n 900: $material-color-brown-900\n ),\n $browns\n);\n\n$cyans: () !default;\n$cyans: map-merge(\n (\n 50: $material-color-cyan-050,\n 100: $material-color-cyan-100,\n 200: $material-color-cyan-200,\n 300: $material-color-cyan-300,\n 400: $material-color-cyan-400,\n 500: $material-color-cyan-500,\n 600: $material-color-cyan-600,\n 700: $material-color-cyan-700,\n 800: $material-color-cyan-800,\n 900: $material-color-cyan-900,\n a100: $material-color-cyan-a100,\n a200: $material-color-cyan-a200,\n a400: $material-color-cyan-a400,\n a700: $material-color-cyan-a700\n ),\n $cyans\n);\n\n$deep-oranges: () !default;\n$deep-oranges: map-merge(\n (\n 50: $material-color-deep-orange-050,\n 100: $material-color-deep-orange-100,\n 200: $material-color-deep-orange-200,\n 300: $material-color-deep-orange-300,\n 400: $material-color-deep-orange-400,\n 500: $material-color-deep-orange-500,\n 600: $material-color-deep-orange-600,\n 700: $material-color-deep-orange-700,\n 800: $material-color-deep-orange-800,\n 900: $material-color-deep-orange-900,\n a100: $material-color-deep-orange-a100,\n a200: $material-color-deep-orange-a200,\n a400: $material-color-deep-orange-a400,\n a700: $material-color-deep-orange-a700\n ),\n $deep-oranges\n);\n\n$deep-purples: () !default;\n$deep-purples: map-merge(\n (\n 50: $material-color-deep-purple-050,\n 100: $material-color-deep-purple-100,\n 200: $material-color-deep-purple-200,\n 300: $material-color-deep-purple-300,\n 400: $material-color-deep-purple-400,\n 500: $material-color-deep-purple-500,\n 600: $material-color-deep-purple-600,\n 700: $material-color-deep-purple-700,\n 800: $material-color-deep-purple-800,\n 900: $material-color-deep-purple-900,\n a100: $material-color-deep-purple-a100,\n a200: $material-color-deep-purple-a200,\n a400: $material-color-deep-purple-a400,\n a700: $material-color-deep-purple-a700\n ),\n $deep-purples\n);\n\n$greens: () !default;\n$greens: map-merge(\n (\n 50: $material-color-green-050,\n 100: $material-color-green-100,\n 200: $material-color-green-200,\n 300: $material-color-green-300,\n 400: $material-color-green-400,\n 500: $material-color-green-500,\n 600: $material-color-green-600,\n 700: $material-color-green-700,\n 800: $material-color-green-800,\n 900: $material-color-green-900,\n a100: $material-color-green-a100,\n a200: $material-color-green-a200,\n a400: $material-color-green-a400,\n a700: $material-color-green-a700\n ),\n $greens\n);\n\n$greys: () !default;\n$greys: map-merge(\n (\n 50: $material-color-grey-050,\n 100: $material-color-grey-100,\n 200: $material-color-grey-200,\n 300: $material-color-grey-300,\n 400: $material-color-grey-400,\n 500: $material-color-grey-500,\n 600: $material-color-grey-600,\n 700: $material-color-grey-700,\n 800: $material-color-grey-800,\n 900: $material-color-grey-900\n ),\n $greys\n);\n\n$indigos: () !default;\n$indigos: map-merge(\n (\n 50: $material-color-indigo-050,\n 100: $material-color-indigo-100,\n 200: $material-color-indigo-200,\n 300: $material-color-indigo-300,\n 400: $material-color-indigo-400,\n 500: $material-color-indigo-500,\n 600: $material-color-indigo-600,\n 700: $material-color-indigo-700,\n 800: $material-color-indigo-800,\n 900: $material-color-indigo-900,\n a100: $material-color-indigo-a100,\n a200: $material-color-indigo-a200,\n a400: $material-color-indigo-a400,\n a700: $material-color-indigo-a700\n ),\n $indigos\n);\n\n$light-blues: () !default;\n$light-blues: map-merge(\n (\n 50: $material-color-light-blue-050,\n 100: $material-color-light-blue-100,\n 200: $material-color-light-blue-200,\n 300: $material-color-light-blue-300,\n 400: $material-color-light-blue-400,\n 500: $material-color-light-blue-500,\n 600: $material-color-light-blue-600,\n 700: $material-color-light-blue-700,\n 800: $material-color-light-blue-800,\n 900: $material-color-light-blue-900,\n a100: $material-color-light-blue-a100,\n a200: $material-color-light-blue-a200,\n a400: $material-color-light-blue-a400,\n a700: $material-color-light-blue-a700\n ),\n $light-blues\n);\n\n$light-greens: () !default;\n$light-greens: map-merge(\n (\n 50: $material-color-light-green-050,\n 100: $material-color-light-green-100,\n 200: $material-color-light-green-200,\n 300: $material-color-light-green-300,\n 400: $material-color-light-green-400,\n 500: $material-color-light-green-500,\n 600: $material-color-light-green-600,\n 700: $material-color-light-green-700,\n 800: $material-color-light-green-800,\n 900: $material-color-light-green-900,\n a100: $material-color-light-green-a100,\n a200: $material-color-light-green-a200,\n a400: $material-color-light-green-a400,\n a700: $material-color-light-green-a700\n ),\n $light-greens\n);\n\n$limes: () !default;\n$limes: map-merge(\n (\n 50: $material-color-lime-050,\n 100: $material-color-lime-100,\n 200: $material-color-lime-200,\n 300: $material-color-lime-300,\n 400: $material-color-lime-400,\n 500: $material-color-lime-500,\n 600: $material-color-lime-600,\n 700: $material-color-lime-700,\n 800: $material-color-lime-800,\n 900: $material-color-lime-900,\n a100: $material-color-lime-a100,\n a200: $material-color-lime-a200,\n a400: $material-color-lime-a400,\n a700: $material-color-lime-a700\n ),\n $limes\n);\n\n$oranges: () !default;\n$oranges: map-merge(\n (\n 50: $material-color-orange-050,\n 100: $material-color-orange-100,\n 200: $material-color-orange-200,\n 300: $material-color-orange-300,\n 400: $material-color-orange-400,\n 500: $material-color-orange-500,\n 600: $material-color-orange-600,\n 700: $material-color-orange-700,\n 800: $material-color-orange-800,\n 900: $material-color-orange-900,\n a100: $material-color-orange-a100,\n a200: $material-color-orange-a200,\n a400: $material-color-orange-a400,\n a700: $material-color-orange-a700\n ),\n $oranges\n);\n\n$pinks: () !default;\n$pinks: map-merge(\n (\n 50: $material-color-pink-050,\n 100: $material-color-pink-100,\n 200: $material-color-pink-200,\n 300: $material-color-pink-300,\n 400: $material-color-pink-400,\n 500: $material-color-pink-500,\n 600: $material-color-pink-600,\n 700: $material-color-pink-700,\n 800: $material-color-pink-800,\n 900: $material-color-pink-900,\n a100: $material-color-pink-a100,\n a200: $material-color-pink-a200,\n a400: $material-color-pink-a400,\n a700: $material-color-pink-a700\n ),\n $pinks\n);\n\n$purples: () !default;\n$purples: map-merge(\n (\n 50: $material-color-purple-050,\n 100: $material-color-purple-100,\n 200: $material-color-purple-200,\n 300: $material-color-purple-300,\n 400: $material-color-purple-400,\n 500: $material-color-purple-500,\n 600: $material-color-purple-600,\n 700: $material-color-purple-700,\n 800: $material-color-purple-800,\n 900: $material-color-purple-900,\n a100: $material-color-purple-a100,\n a200: $material-color-purple-a200,\n a400: $material-color-purple-a400,\n a700: $material-color-purple-a700\n ),\n $purples\n);\n\n$reds: () !default;\n$reds: map-merge(\n (\n 50: $material-color-red-050,\n 100: $material-color-red-100,\n 200: $material-color-red-200,\n 300: $material-color-red-300,\n 400: $material-color-red-400,\n 500: $material-color-red-500,\n 600: $material-color-red-600,\n 700: $material-color-red-700,\n 800: $material-color-red-800,\n 900: $material-color-red-900,\n a100: $material-color-red-a100,\n a200: $material-color-red-a200,\n a400: $material-color-red-a400,\n a700: $material-color-red-a700\n ),\n $reds\n);\n\n$teals: () !default;\n$teals: map-merge(\n (\n 50: $material-color-teal-050,\n 100: $material-color-teal-100,\n 200: $material-color-teal-200,\n 300: $material-color-teal-300,\n 400: $material-color-teal-400,\n 500: $material-color-teal-500,\n 600: $material-color-teal-600,\n 700: $material-color-teal-700,\n 800: $material-color-teal-800,\n 900: $material-color-teal-900,\n a100: $material-color-teal-a100,\n a200: $material-color-teal-a200,\n a400: $material-color-teal-a400,\n a700: $material-color-teal-a700\n ),\n $teals\n);\n\n$yellows: () !default;\n$yellows: map-merge(\n (\n 50: $material-color-yellow-050,\n 100: $material-color-yellow-100,\n 200: $material-color-yellow-200,\n 300: $material-color-yellow-300,\n 400: $material-color-yellow-400,\n 500: $material-color-yellow-500,\n 600: $material-color-yellow-600,\n 700: $material-color-yellow-700,\n 800: $material-color-yellow-800,\n 900: $material-color-yellow-900,\n a100: $material-color-yellow-a100,\n a200: $material-color-yellow-a200,\n a400: $material-color-yellow-a400,\n a700: $material-color-yellow-a700\n ),\n $yellows\n);\n\n$colors: () !default;\n$colors: map-merge(\n (\n 'amber': $material-color-amber-500,\n 'blue': $material-color-blue-500,\n 'blue-grey': $material-color-blue-grey-500,\n 'brown': $material-color-brown-500,\n 'cyan': $material-color-cyan-500,\n 'deep-orange': $material-color-deep-orange-500,\n 'deep-purple': $material-color-deep-purple-500,\n 'green': $material-color-green-500,\n 'grey': $material-color-grey-500,\n 'indigo': $material-color-indigo-500,\n 'light-blue': $material-color-light-blue-500,\n 'light-green': $material-color-light-green-500,\n 'lime': $material-color-lime-500,\n 'orange': $material-color-orange-500,\n 'pink': $material-color-pink-500,\n 'purple': $material-color-purple-500,\n 'red': $material-color-red-500,\n 'teal': $material-color-teal-500,\n 'yellow': $material-color-yellow-500\n ),\n $colors\n);\n\n// stylelint-enable scss/dollar-variable-default\n\n// Black and white\n// Based on https://material.google.com/style/color.html#color-text-background-colors\n\n$black: #000000 !default;\n\n$black-primary-opacity: 0.87 !default;\n$black-caption-opacity: 0.6 !default; // Form helper text\n$black-secondary-opacity: 0.54 !default;\n$black-hint-opacity: 0.38 !default;\n$black-divider-opacity: 0.12 !default;\n\n$black-primary: rgba($black, $black-primary-opacity) !default;\n$black-caption: rgba($black, $black-caption-opacity) !default;\n$black-secondary: rgba($black, $black-secondary-opacity) !default;\n$black-hint: rgba($black, $black-hint-opacity) !default;\n$black-divider: rgba($black, $black-divider-opacity) !default;\n\n$white: #ffffff !default;\n\n$white-primary-opacity: 1 !default;\n$white-secondary-opacity: 0.7 !default;\n$white-hint-opacity: 0.5 !default;\n$white-divider-opacity: $black-divider-opacity !default;\n\n$white-primary: rgba($white, $white-primary-opacity) !default;\n$white-secondary: rgba($white, $white-secondary-opacity) !default;\n$white-hint: rgba($white, $white-hint-opacity) !default;\n$white-divider: rgba($white, $white-divider-opacity) !default;\n\n// States\n// Based on https://material.io/design/interaction/states.html#usage\n\n$overlay-hover-colored-opacity: 0.08 !default;\n$overlay-focus-colored-opacity: 0.24 !default;\n$overlay-selected-colored-opacity: 0.16 !default;\n$overlay-activated-colored-opacity: 0.24 !default;\n$overlay-pressed-colored-opacity: 0.32 !default;\n//$overlay-dragged-colored-opacity: .16 !default;\n\n$overlay-hover-white-opacity: 0.04 !default;\n$overlay-focus-white-opacity: 0.12 !default;\n$overlay-selected-white-opacity: 0.08 !default;\n$overlay-activated-white-opacity: 0.12 !default;\n$overlay-pressed-white-opacity: 0.12 * 2 !default;\n// $overlay-dragged-white-opacity: 0.08 !default;\n\n// Theme\n// Based on https://material.google.com/style/color.html#color-themes\n\n$dark-theme-1: $black !default;\n$dark-theme-2: $material-color-grey-900 !default;\n$dark-theme-3: #303030 !default;\n$dark-theme-4: #3c3c46 !default;\n\n$light-theme-1: $material-color-grey-300 !default;\n$light-theme-2: $material-color-grey-100 !default;\n$light-theme-3: $material-color-grey-050 !default;\n$light-theme-4: $white !default;\n","// Based on https://material.google.com/components/buttons.html AND https://material-density.glitch.me/\n\n$btn-bg-active: rgba(153, 153, 153, 0.4) !default;\n$btn-bg-active-inverse: rgba(204, 204, 204, 0.25) !default;\n$btn-bg-disabled: $black-divider !default;\n$btn-bg-disabled-inverse: $white-divider !default;\n$btn-border-radius: $border-radius !default;\n$btn-block-margin-y: $spacer-xs !default;\n$btn-color: $black-primary !default;\n$btn-color-disabled: rgba($black, 0.37) !default;\n$btn-color-disabled-inverse: rgba($white, 0.3) !default;\n$btn-elevation-shadow: map-get($elevation-shadows, 2) !default;\n$btn-elevation-shadow-hover: map-get($elevation-shadows, 4) !default;\n$btn-elevation-shadow-active: map-get($elevation-shadows, 8) !default;\n$btn-font-weight: $font-weight-medium !default;\n$btn-icon-size: 1.125rem !default; // Icon within a raised/outlined/text button\n//$btn-line-height: 1 !default;\n$btn-min-width: 4rem !default; // 64px\n$btn-overlay: $black-divider !default;\n$btn-overlay-inverse: rgba($white, 0.08) !default; //$white-divider\n\n$btn-font-size: 0.875rem !default;\n$btn-font-size-lg: 0.9375rem !default;\n//$btn-font-size-sm: 0.8125rem !default;\n$btn-height: 2.25rem !default; // 36px\n$btn-height-lg: 2.5rem !default; // 40px unofficial\n$btn-height-sm: 1.75rem !default; // 28px\n$btn-height-xs: 1.5rem !default; // 24px\n$btn-padding-x: $spacer !default;\n$btn-flat-padding-x: $spacer-sm !default;\n$btn-group-padding-x: 0.75rem !default;\n$btn-padding-y: 0 !default;\n\n// Based on https://material-density.glitch.me/\n\n$btn-icon-width: 3rem !default;\n$btn-icon-width-sm: 2.25rem !default;\n$btn-icon-width-xs: 1.75rem !default;\n\n// Based on https://material.io/components/buttons-floating-action-button/\n\n$btn-float-dropdown-inner-spacer-y: $spacer !default;\n$btn-float-elevation-shadow: map-get($elevation-shadows, 6) !default;\n$btn-float-elevation-shadow-hover: map-get($elevation-shadows, 8) !default;\n$btn-float-elevation-shadow-active: map-get($elevation-shadows, 12) !default;\n$btn-float-size: 3.5rem !default; // 56px\n$btn-float-size-sm: 2.5rem !default; // 40px\n$btn-float-extended-height: 3rem !default; // 48px\n$btn-float-extended-padding-x: 1.25rem !default; // 20px\n$btn-float-extended-border-radius: $btn-float-extended-height / 2 !default; // 24px\n$btn-float-extended-line-height: 2.25rem !default;\n\n// Based on https://material.io/components/buttons/#toggle-button\n\n$btn-group-bg: $white-primary !default;\n$btn-group-inner-spacer-x: 1px !default;\n$btn-group-inner-spacer-y: 1px !default;\n$btn-group-toggle-opacity: 0.7 !default;\n\n// Based on https://material.io/components/cards/\n\n$card-action-inner-spacer-x: $spacer-sm !default;\n$card-action-inner-spacer-y: $spacer-xs !default;\n$card-action-padding-x: $spacer-sm !default;\n$card-action-padding-y: $card-action-padding-x !default;\n$card-bg: $white !default;\n$card-border-color: $border-color !default;\n$card-border-radius: $border-radius !default;\n$card-border-width: $border-width !default;\n$card-columns-count: 2 !default;\n$card-columns-count-desktop: 3 !default;\n$card-elevation-shadow: map-get($elevation-shadows, 1) !default;\n$card-elevation-shadow-hover: map-get($elevation-shadows, 4) !default;\n$card-inner-border-radius: subtract($card-border-radius, $card-border-width) !default;\n$card-margin-x: $spacer-sm !default;\n$card-margin-y: $card-margin-x !default;\n$card-padding-x: $spacer !default;\n$card-padding-y: $card-padding-x !default;\n\n// Based on https://material.io/components/chips/\n\n$chip-bg: $material-color-grey-300 !default;\n$chip-bg-hover: rgba($black, $overlay-focus-colored-opacity) !default;\n$chip-bg-active: rgba($black, $overlay-pressed-colored-opacity) !default;\n$chip-outline-bg-hover: rgba($black, $overlay-hover-white-opacity) !default;\n$chip-outline-bg-active: rgba($black, $overlay-pressed-white-opacity) !default;\n$chip-color: $black-primary !default;\n$chip-font-size: 0.875rem !default;\n$chip-font-weight: $font-weight-regular !default;\n$chip-height: 2rem !default;\n$chip-icon-bg: theme-color(secondary) !default;\n$chip-icon-font-size: 1rem !default;\n$chip-icon-size: 1.25rem !default;\n$chip-inner-spacer-x: $spacer-xs !default;\n$chip-letter-spacing: $letter-spacing-body-2 !default;\n$chip-line-height: 1.25rem !default;\n$chip-padding-x: 0.75rem !default;\n$chip-padding-y: 0 !default;\n\n// Based on https://material.io/components/data-tables/\n\n$table-bg: $white !default;\n$table-bg-active: rgba(theme-color(primary), $overlay-hover-white-opacity) !default;\n//$table-bg-active-hover: $material-color-grey-300 !default;\n$table-bg-accent: $material-color-grey-100 !default;\n$table-bg-hover: rgba($black, $overlay-hover-white-opacity) !default;\n$table-border-color: $border-color-solid !default;\n$table-border-width: $border-width !default;\n$table-cell-padding-x: $spacer !default;\n$table-cell-padding-x-alt: $spacer-lg !default;\n$table-font-size: 0.875rem !default;\n$table-line-height: $line-height-base !default;\n$table-margin-y: $spacer !default;\n$table-striped-order: odd !default;\n\n$table-dark-bg: $dark-theme-4 !default;\n$table-dark-bg-accent: $dark-theme-3 !default;\n$table-dark-bg-hover: #565761 !default;\n$table-dark-border-color: #55555d !default;\n$table-dark-color: $white !default;\n\n$table-tbody-cell-height: 3.25rem !default;\n//$table-tbody-font-size: 0.8125rem !default;\n\n$table-tfoot-cell-height: 3.5rem !default; // 56px\n$table-tfoot-color: $black-secondary !default;\n$table-tfoot-font-size: 0.75rem !default;\n$table-tfoot-font-weight: $font-weight-regular !default;\n\n$table-thead-bg: $table-bg-accent !default;\n$table-thead-cell-height: $table-tfoot-cell-height !default;\n$table-thead-font-weight: $font-weight-medium !default;\n$table-thead-letter-spacing: 0.0071428571em !default;\n$table-thead-padding-y: (($table-thead-cell-height - $table-font-size * $table-line-height) / 2) !default;\n\n$table-th-font-weight: null !default;\n\n$table-sm-tbody-cell-height: 2.25rem !default;\n$table-sm-tfoot-cell-height: 2.5rem !default;\n$table-sm-thead-cell-height: $table-sm-tfoot-cell-height !default;\n\n// Based on https://material.io/components/dialogs/\n\n$dialog-backdrop-bg: rgba($black, 0.32) !default;\n$dialog-body-padding-y: 1.25rem !default;\n$dialog-border-radius: $border-radius !default;\n$dialog-color: $black-caption !default;\n$dialog-content-bg: $white !default;\n$dialog-elevation-shadow: map-get($elevation-shadows, 24) !default;\n$dialog-footer-inner-spacer-x: $spacer-sm !default;\n$dialog-footer-padding-x: $spacer-sm !default;\n$dialog-footer-padding-y: $spacer-sm !default;\n$dialog-margin-x: $spacer !default;\n$dialog-margin-y: $spacer !default;\n$dialog-padding-x: $spacer-lg !default;\n$dialog-padding-y: $spacer-sm !default;\n$dialog-transition-scale: 0.8 !default;\n$dialog-width: 35rem !default; // 560px\n$dialog-width-lg: 52.5rem !default; // 840px\n$dialog-width-sm: 17.5rem !default; // 280px\n$dialog-width-xl: $dialog-width-lg !default;\n\n// Based on https://material.io/archive/guidelines/components/expansion-panels.html\n\n$expansion-panel-bg: $white !default;\n$expansion-panel-bg-hover: rgba($black, $overlay-hover-white-opacity) !default;\n$expansion-panel-bg-focus: rgba($black, $overlay-focus-white-opacity) !default;\n$expansion-panel-bg-active: rgba($black, $overlay-pressed-white-opacity) !default;\n$expansion-panel-bg-selected: rgba(theme-color(primary), $overlay-activated-white-opacity) !default;\n$expansion-panel-bg-primary-hover: rgba(theme-color(primary), $overlay-selected-colored-opacity) !default;\n$expansion-panel-bg-primary-focus: rgba(theme-color(primary), $overlay-pressed-white-opacity) !default;\n$expansion-panel-border-color: $border-color !default;\n$expansion-panel-border-radius: $border-radius !default;\n$expansion-panel-border-width: $border-width !default;\n$expansion-panel-color: $black-primary !default;\n$expansion-panel-color-selected: theme-color(primary) !default;\n$expansion-panel-color-disabled: $black-hint !default;\n//$expansion-panel-elevation-shadow: map-get($elevation-shadows, 1) !default;\n$expansion-panel-font-size: $font-size-base !default;\n$expansion-panel-footer-btn-min-width: 4rem !default;\n$expansion-panel-footer-inner-spacer-x: $spacer-sm !default;\n$expansion-panel-footer-inner-spacer-y: $spacer-xs !default;\n$expansion-panel-footer-padding-x: $spacer-sm !default;\n$expansion-panel-height: 3rem !default;\n$expansion-panel-inner-spacer-x: $spacer !default;\n$expansion-panel-inner-spacer-y: $expansion-panel-inner-spacer-x !default;\n$expansion-panel-letter-spacing: $letter-spacing-subtitle-1 !default;\n$expansion-panel-line-height: $line-height-base !default;\n$expansion-panel-margin-y: $spacer !default;\n$expansion-panel-padding-x: $spacer !default;\n$expansion-panel-padding-y: (($expansion-panel-height - $expansion-panel-font-size * $expansion-panel-line-height) / 2) !default;\n\n$list-group-item-icon-size: 1.5rem !default;\n$list-group-item-graphic-width: 2.5rem !default;\n$list-group-item-graphic-color: rgba($black, 0.3) !default;\n\n// Material icons\n$material-icon-font-family: 'Material Icons', 'Material Icons Outlined', 'Material Icons Two Tone', 'Material Icons Round', 'Material Icons Sharp' !default;\n\n// Based on https://material.io/components/menus/\n\n$menu-bg: $white !default;\n$menu-border-radius: $border-radius !default;\n$menu-divider-bg: $border-color !default;\n$menu-font-size: 1rem !default;\n$menu-font-size-cascading: 0.9375rem !default;\n$menu-font-weight: $font-weight-regular !default;\n$menu-elevation-shadow: map-get($elevation-shadows, 8) !default;\n//$menu-header-color: $black-primary !default;\n$menu-line-height: 1.5rem !default;\n$menu-line-height-cascading: $menu-line-height !default;\n$menu-link-bg: transparent !default;\n$menu-link-bg-hover: rgba($black, $overlay-hover-white-opacity) !default;\n$menu-link-bg-focus: rgba($black, $overlay-focus-white-opacity) !default;\n$menu-link-bg-active: rgba($black, $overlay-pressed-white-opacity) !default;\n$menu-link-color: $black-primary !default;\n$menu-link-color-disabled: $black-hint !default;\n$menu-link-height: 3rem !default; // 48px\n$menu-link-height-cascading: 2rem !default; // 32px\n$menu-link-letter-spacing: $letter-spacing-subtitle-1 !default;\n$menu-link-padding-x: $spacer !default;\n$menu-link-padding-y: 0 !default;\n$menu-min-width: 7rem !default; // 112px\n$menu-min-width-cascading: 17.5rem !default; // 20 - 320px ?\n$menu-padding-y: $spacer-sm !default;\n$menu-padding-y-cascading: $spacer !default;\n\n// Based on https://material.io/components/navigation-drawer/\n\n$navdrawer-backdrop-bg: $dialog-backdrop-bg !default;\n$navdrawer-border-color: $border-color !default;\n$navdrawer-border-width: $border-width !default;\n$navdrawer-content-bg: $dialog-content-bg !default;\n$navdrawer-divider-bg: $border-color !default;\n$navdrawer-elevation-shadow: map-get($elevation-shadows, 16) !default;\n$navdrawer-gutter-width: 3.5rem !default;\n$navdrawer-header-bg: $material-color-grey-100 !default;\n$navdrawer-header-border-color: $border-color !default;\n$navdrawer-header-border-width: $border-width !default;\n$navdrawer-inner-spacer-x: $spacer !default;\n$navdrawer-inner-spacer-y: $spacer-sm !default;\n$navdrawer-nav-icon-color: $black-secondary !default;\n$navdrawer-nav-icon-width: 3.5rem !default;\n$navdrawer-nav-link-bg-hover: $material-color-grey-100 !default;\n$navdrawer-nav-link-color: $black-primary !default;\n$navdrawer-nav-link-color-active: theme-color(primary) !default;\n$navdrawer-nav-link-color-disabled: $black-hint !default;\n$navdrawer-nav-link-font-size: 0.875rem !default;\n$navdrawer-nav-link-font-weight: $font-weight-medium !default;\n$navdrawer-nav-link-height: 2.5rem !default;\n$navdrawer-subheader-color: $black-hint !default;\n$navdrawer-subheader-font-size: 0.875rem !default;\n$navdrawer-subheader-font-weight: $font-weight-medium !default;\n$navdrawer-subheader-height: 3rem !default;\n$navdrawer-width: 16rem !default;\n\n// Pickers\n// Based on https://material.io/components/pickers/\n\n$picker-border-radius: $border-radius !default;\n$picker-cell-size: 2.5rem !default;\n$picker-content-bg: $dialog-content-bg !default;\n$picker-day-bg-selected: theme-color(primary) !default;\n$picker-day-color-disabled: $black-hint !default;\n//$picker-day-color-today: theme-color(primary) !default;\n$picker-elevation-shadow: $dialog-elevation-shadow !default;\n$picker-header-bg: theme-color(primary) !default;\n$picker-header-padding-x: 1.5rem !default;\n$picker-header-padding-y: $spacer !default;\n$picker-holder-bg: $dialog-backdrop-bg !default;\n$picker-inner-spacer-x: $spacer-sm !default;\n$picker-inner-spacer-y: $picker-inner-spacer-x !default;\n$picker-margin-x: $dialog-margin-x !default;\n$picker-margin-y: $dialog-margin-y !default;\n$picker-nav-next-icon: 'keyboard_arrow_right' !default;\n$picker-nav-prev-icon: 'keyboard_arrow_left' !default;\n$picker-select-bg: $black-divider !default;\n$picker-select-border-radius: $border-radius !default;\n$picker-select-opacity: 0.7 !default;\n$picker-transition-scale: $transition-scale !default;\n$picker-weekday-color: $black-hint !default;\n\n// Based on https://material.io/components/progress-indicators/\n\n$progress-bar-bg: theme-color(primary) !default;\n$progress-bar-border-radius: 0.25rem !default;\n$progress-bar-buffer-width: 1.5rem !default;\n$progress-bar-height: 0.25rem !default; // 4px\n$progress-bg: #e6e6e6 !default;\n\n$progress-circular-animation-duration: 5.332s !default;\n$progress-circular-bg: theme-color(primary) !default;\n$progress-circular-height: 2.5rem !default;\n$progress-circular-height-sm: 1rem !default;\n$progress-circular-spinner-width: 0.25rem !default;\n$progress-circular-spinner-width-sm: 0.15rem !default;\n\n// Based on https://material.io/components/selection-controls/\n\n//$selection-control-border-radius: 50% !default; // added djibe\n$selection-control-checkbox-icon: 'check_box_outline_blank' !default;\n$selection-control-checkbox-icon-checked: 'check_box' !default;\n$selection-control-checkbox-icon-indeterminate: 'indeterminate_check_box' !default;\n$selection-control-color: $black-secondary !default;\n$selection-control-color-active: selection-theme-color() !default;\n$selection-control-color-disabled: rgba($black, 0.26) !default;\n//$selection-control-gutter: .5rem !default; // addded djibe\n$selection-control-indicator-size: $material-icon-size !default;\n\n$selection-control-radial-opacity: $black-divider-opacity !default;\n$selection-control-radio-icon: 'radio_button_unchecked' !default;\n$selection-control-radio-icon-checked: 'radio_button_checked' !default;\n$selection-control-spacer-x: ($material-icon-size / 2) !default;\n$selection-control-spacer-y: ($material-icon-size / 2) !default;\n$selection-control-thumb-bg: $material-color-grey-050 !default;\n// $selection-control-thumb-bg-disabled: $material-color-grey-400 !default;\n// $selection-control-thumb-shadow: 0 1px 5px 0 rgba($black, $black-secondary-opacity) !default;\n$selection-control-track-bg: $black-hint !default;\n// $selection-control-track-bg-disabled: $black-divider !default;\n$selection-control-track-height: 1rem !default;\n$selection-control-track-opacity: 0.5 !default;\n// $selection-control-track-width: ($selection-control-indicator-size * 2) !default;\n//$selection-control-border-width: (($selection-control-indicator-size - $selection-control-track-height) / 2); // djibe\n\n//$custom-control-gutter: 1.75rem !default;\n$custom-control-indicator-size: 1rem !default;\n$custom-control-indicator-border-width: 1.25rem !default;\n//$custom-control-indicator-border-color: $material-color-grey-800 !default;\n//$custom-control-indicator-bg: $white-primary !default;\n$custom-switch-handle-width: 1.25rem !default;\n$custom-switch-handle-shadow: 0 3px 1px -2px rgba($black, 0.2), 0 2px 2px 0 rgba($black, 0.14), 0 1px 5px 0 rgba($black, 0.12) !default;\n$custom-switch-height: 0.875rem !default;\n$custom-switch-transition: 90ms cubic-bezier(0.4, 0, 0.2, 1) !default;\n$custom-switch-width: 2rem !default;\n//$custom-switch-indicator-border-radius: $custom-control-indicator-size / 2 !default;\n//$custom-switch-indicator-size: calc(#{$custom-control-indicator-size} - #{$custom-control-indicator-border-width * 4}) !default;\n//$custom-control-indicator-checked-disabled-bg: rgba(theme-color(primary), 0.5) !default;\n\n// Based on https://material.io/components/sliders/\n\n$slider-track-width: 100% !default;\n$slider-track-height: 0.125rem !default;\n$slider-track-cursor: pointer !default;\n$slider-track-bg: rgba(selection-theme-color(), $overlay-activated-colored-opacity) !default;\n$slider-track-bg-disabled: #d7d7d7 !default;\n$slider-track-border-radius: 3px !default;\n$slider-thumb-width: 0.75rem !default;\n$slider-thumb-height: $slider-thumb-width !default;\n$slider-thumb-bg: selection-theme-color() !default;\n$slider-thumb-border: 0 !default;\n$slider-thumb-border-radius: 50% !default;\n$slider-thumb-hover-box-shadow: 0 0 0 $slider-thumb-width rgba(selection-theme-color(), $overlay-focus-white-opacity) !default;\n$slider-thumb-active-box-shadow: 0 0 0 1.3334rem rgba(selection-theme-color(), $overlay-pressed-white-opacity) !default;\n$slider-thumb-active-box-shadow-width: 0.2rem !default;\n$slider-thumb-active-bg: $slider-thumb-bg !default;\n$slider-thumb-disabled-bg: #8c8c8c !default;\n$slider-thumb-transition: box-shadow 100ms ease-out !default;\n\n// Based on https://material.io/components/snackbars/\n\n$snackbar-bg: #333333 !default;\n$snackbar-border-radius: $border-radius !default;\n//$snackbar-breakpoint: sm !default;\n$snackbar-btn-color: theme-color-light(primary) !default;\n$snackbar-color: rgba($white, $black-primary-opacity) !default;\n$snackbar-elevation-shadow: map-get($elevation-shadows, 6) !default;\n$snackbar-letter-spacing: $letter-spacing-body-2 !default;\n$snackbar-line-height: $line-height-body-2 !default;\n$snackbar-margin: $spacer-sm !default;\n$snackbar-max-width: 42rem !default;\n$snackbar-min-width: 21.5rem !default;\n$snackbar-padding-x: $spacer !default;\n$snackbar-padding-y: 0.875rem !default;\n\n// Based on https://material.io/archive/guidelines/components/steppers.html\n\n$stepper-bg: $white !default;\n$stepper-border-color: $black-divider !default;\n$stepper-border-width: $border-width !default;\n$stepper-icon-bg: $black-hint !default;\n$stepper-icon-bg-active: theme-color(primary) !default;\n$stepper-icon-color: $white-primary !default;\n$stepper-icon-font-size: 0.75rem !default;\n$stepper-icon-icon-size: 1rem !default;\n$stepper-icon-height: 1.5rem !default;\n$stepper-inner-spacer: $spacer-sm !default;\n$stepper-padding-x: $spacer-lg !default;\n$stepper-padding-y: $spacer-lg !default;\n$stepper-text-color: $black-hint !default;\n$stepper-text-color-active: $black-primary !default;\n$stepper-text-font-size: $font-size-body-2 !default;\n$stepper-text-font-weight: $font-weight-regular !default;\n\n// Based on https://material.io/components/tabs/\n\n$nav-tab-bg-hover: $black-divider !default;\n$nav-tab-color: $black-secondary !default; //$black-primary !default;\n$nav-tab-color-active: selection-theme-color() !default;\n$nav-tab-color-disabled: $black-hint !default;\n$nav-tab-font-size: $font-size-body-2 !default;\n$nav-tab-font-weight: $font-weight-medium !default;\n$nav-tab-height: 3rem !default;\n$nav-tab-indicator-bg: selection-theme-color() !default;\n$nav-tab-indicator-height: 0.125rem !default;\n$nav-tab-letter-spacing: 0.0892857143em !default;\n$nav-tab-line-height: 1 !default;\n//$nav-tab-link-opacity: $white-secondary-opacity !default;\n$nav-tab-link-padding-x: $spacer !default; //.75rem\n$nav-tab-link-padding-x-desktop: $spacer-lg !default;\n//$nav-tab-link-padding-y: (($nav-tab-height - $nav-tab-font-size * $nav-tab-line-height) / 2) !default;\n\n// Based on https://material.io/components/text-fields/\n\n$textfield-border-color: rgba($black, 0.42) !default;\n$textfield-textarea-border-color: rgba($black, 0.24) !default;\n$textfield-border-color-hover: $black-primary !default;\n$textfield-border-color-focus: selection-theme-color() !default;\n$textfield-border-width: 1px !default;\n$textfield-border-width-hover: ($textfield-border-width * 2) !default;\n$textfield-border-width-focus: $textfield-border-width-hover !default;\n$textfield-color: $black-primary !default;\n$textfield-color-disabled: $black-hint !default;\n$textfield-caption-color: $black-caption !default;\n$textfield-hint-color: $black-hint !default;\n$textfield-margin-x: $spacer !default;\n$textfield-placeholder-color: $black-secondary !default;\n$textfield-plaintext-color: $body-color !default;\n\n$textfield-font-size: 1rem !default;\n$textfield-font-size-lg: 2.125rem !default;\n$textfield-font-size-sm: 0.8125rem !default;\n$textfield-height: 2.25rem !default;\n$textfield-height-lg: 3.75rem !default;\n$textfield-height-sm: 2rem !default;\n$textfield-letter-spacing: $letter-spacing-subtitle-1 !default;\n$textfield-line-height: 1.5 !default; // 1.75rem\n$textfield-line-height-lg: 1.176471 !default;\n$textfield-line-height-sm: 1.538462 !default;\n$textfield-margin-y: $spacer-sm !default;\n$textfield-margin-y-lg: 0.75rem !default;\n$textfield-margin-y-sm: $spacer-xs !default;\n$textfield-padding-x: 0 !default;\n$textfield-padding-x-lg: 0 !default;\n$textfield-padding-x-sm: 0 !default;\n$textfield-padding-y: (($textfield-height - $textfield-font-size * $textfield-line-height) / 2) !default;\n$textfield-padding-y-lg: (($textfield-height-lg - $textfield-font-size-lg * $textfield-line-height-lg) / 2) !default;\n$textfield-padding-y-sm: (($textfield-height-sm - $textfield-font-size-sm * $textfield-line-height-sm) / 2) !default;\n\n$textfield-select-bg-size: ($material-icon-size / $textfield-font-size * 1em) !default;\n\n// Based on https://material.io/components/text-fields/\n\n$textfield-box-bg: rgba($black, $overlay-hover-white-opacity) !default;\n$textfield-box-bg-hover: rgba($black, 0.07) !default;\n$textfield-box-bg-focus: rgba($black, 0.14) !default;\n$textfield-box-border-radius: $border-radius !default;\n\n$textfield-box-height: 3.5rem !default; // 56px\n$textfield-box-height-lg: 4.25rem !default;\n$textfield-box-height-sm: 2.75rem !default;\n$textfield-box-label-spacer-y: $spacer-sm !default;\n$textfield-box-padding-x: $spacer !default;\n$textfield-box-padding-x-lg: $textfield-box-padding-x !default;\n$textfield-box-padding-x-sm: 0.75rem !default;\n$textfield-box-padding-y: (($textfield-box-height - $textfield-font-size * $textfield-line-height) / 2) !default;\n$textfield-box-padding-y-lg: (($textfield-box-height-lg - $textfield-font-size-lg * $textfield-line-height-lg) / 2) !default;\n$textfield-box-padding-y-sm: (($textfield-box-height-sm - $textfield-font-size-sm * $textfield-line-height-sm) / 2) !default;\n$textfield-box-placeholder-color: $black-caption !default;\n\n// Text field: floating label\n// Based on https://material.io/components/text-fields/\n\n$floating-label-color: $black-secondary !default;\n$floating-label-color-box: $black-caption !default;\n$floating-label-color-focus: rgba(selection-theme-color(), $black-primary-opacity) !default;\n$floating-label-font-size: 0.75rem !default;\n$floating-label-font-size-lg: $font-size-body-2 !default;\n$floating-label-font-size-sm: 0.625rem !default;\n\n// Based on https://material.io/components/app-bars-top/\n\n$toolbar-color: $black-primary !default;\n$toolbar-color-lighter: $black-hint !default;\n$toolbar-element-bg: $black-divider !default;\n$toolbar-element-border-radius: $border-radius !default;\n$toolbar-element-height: 2.25rem !default;\n$toolbar-element-opacity: 0.7 !default;\n$toolbar-elevation-shadow: map-get($elevation-shadows, 4) !default;\n$toolbar-height: 3.5rem !default;\n$toolbar-inner-spacer-x: $spacer !default;\n$toolbar-link-font-size: 1rem !default;\n$toolbar-link-height: $toolbar-element-height !default;\n$toolbar-link-line-height: 1 !default;\n$toolbar-link-padding-x: $spacer !default;\n$toolbar-link-padding-y: (($toolbar-link-height - $toolbar-link-font-size * $toolbar-link-line-height) / 2) !default;\n$toolbar-padding-x: $spacer !default;\n$toolbar-padding-y: (($toolbar-height - $toolbar-element-height) / 2) !default;\n$toolbar-toggler-icon: 'menu' !default;\n$toolbar-waterfall-bg: theme-color(primary) !default;\n\n$toolbar-dark-color: $white-primary !default;\n$toolbar-dark-color-lighter: $white-hint !default;\n$toolbar-dark-element-bg: $white-divider !default;\n\n// Based on https://material.io/components/tooltips/\n\n$tooltip-bg: #6d6d6d !default;\n$tooltip-border-radius: $border-radius !default;\n$tooltip-breakpoint: lg !default;\n$tooltip-color: $white-primary !default;\n$tooltip-font-size: $font-size-body-2 !default;\n$tooltip-font-size-desktop: 0.625rem !default;\n$tooltip-font-weight: $font-weight-medium !default;\n$tooltip-height: 2rem !default; // 32px\n$tooltip-height-desktop: 1.5rem !default; // 24px\n$tooltip-line-height: $line-height-base !default;\n$tooltip-margin: $spacer-lg !default; // 24px\n$tooltip-margin-desktop: 0.875rem !default; // 14px\n$tooltip-opacity: 0.9 !default;\n$tooltip-padding-x: $spacer !default; // 16px\n$tooltip-padding-x-desktop: $spacer-sm !default; // 8px\n$tooltip-padding-y: 0 !default;\n$tooltip-padding-y-desktop: $tooltip-padding-y !default; // 6px\n$tooltip-scale: 0.87 !default;\n$tooltip-zindex: map-get($elevations, 24) !default;\n","// stylelint-disable\n// Single side border-radius\n\n// Helper function to replace negative values with 0\n@function valid-radius($radius) {\n $return: ();\n @each $value in $radius {\n @if type-of($value) == number {\n $return: append($return, max($value, 0));\n } @else {\n $return: append($return, $value);\n }\n }\n @return $return;\n}\n\n@mixin border-radius($radius: $border-radius, $fallback-border-radius: false) {\n border-radius: valid-radius($radius);\n}\n\n@mixin border-top-radius($radius) {\n border-top-left-radius: valid-radius($radius);\n border-top-right-radius: valid-radius($radius);\n}\n\n@mixin border-right-radius($radius) {\n border-top-right-radius: valid-radius($radius);\n border-bottom-right-radius: valid-radius($radius);\n}\n\n@mixin border-bottom-radius($radius) {\n border-bottom-right-radius: valid-radius($radius);\n border-bottom-left-radius: valid-radius($radius);\n}\n\n@mixin border-left-radius($radius) {\n border-top-left-radius: valid-radius($radius);\n border-bottom-left-radius: valid-radius($radius);\n}\n\n@mixin border-top-left-radius($radius) {\n border-top-left-radius: valid-radius($radius);\n}\n\n@mixin border-top-right-radius($radius) {\n border-top-right-radius: valid-radius($radius);\n}\n\n@mixin border-bottom-right-radius($radius) {\n border-bottom-right-radius: valid-radius($radius);\n}\n\n@mixin border-bottom-left-radius($radius) {\n border-bottom-left-radius: valid-radius($radius);\n}\n","// Alert\n\n$alert-border-radius: $border-radius !default;\n$alert-link-font-weight: $font-weight-medium !default;\n$alert-margin-y: $spacer !default;\n$alert-padding-x: $spacer !default;\n$alert-padding-y: $spacer !default;\n\n// Badge\n\n$badge-border-radius: $border-radius !default;\n$badge-font-weight: $font-weight-bold !default;\n$badge-btn-font-weight: $font-weight-bold !default;\n$badge-padding-x: 0.5em !default;\n$badge-width: 1.375rem !default; // 22px\n\n$rounded-pill: 50rem !default;\n\n// Body\n\n$body-bg: $white-primary !default;\n$body-color: $black-primary !default;\n\n// Breadcrumb\n\n$breadcrumb-bg: $white-primary !default;\n$breadcrumb-bg-hover: rgba($black, $overlay-hover-white-opacity) !default;\n//$breadcrumb-border-radius: $border-radius !default;\n$breadcrumb-divider: 'chevron_right' !default;\n$breadcrumb-font-size: $font-size-base !default;\n$breadcrumb-inner-spacer-x: 0 !default;\n$breadcrumb-item-color: $black !default;\n//$breadcrumb-item-icon: 'chevron_right' !default;\n$breadcrumb-padding-x: $spacer-sm !default;\n$breadcrumb-padding-y: 0.375rem !default;\n\n// Caret\n\n$caret-bg: url('data:image/svg+xml;charset=utf8,') !default;\n$caret-icon: 'arrow_drop_down' !default;\n$caret-icon-left: 'arrow_left' !default;\n$caret-icon-right: 'arrow_right' !default;\n$caret-icon-up: 'arrow_drop_up' !default;\n$caret-spacer-x: 0.2em !default;\n\n// Carousel\n\n$carousel-caption-color: $white-primary !default;\n$carousel-caption-width: 50% !default;\n$carousel-control-bg: $white-divider !default;\n$carousel-control-bg-hover: rgba(204, 204, 204, 0.25) !default;\n$carousel-control-color: $white-primary !default;\n$carousel-control-elevation-shadow: map-get($elevation-shadows, 6) !default;\n$carousel-control-elevation-shadow-active: map-get($elevation-shadows, 12) !default;\n$carousel-control-font-size: 0.8125rem !default;\n$carousel-control-next-icon: 'chevron_right' !default;\n$carousel-control-prev-icon: 'chevron_left' !default;\n//$carousel-control-prev-icon-bg: url(\"data:image/svg+xml,\") !default;\n//$carousel-control-next-icon-bg: url(\"data:image/svg+xml,\") !default;\n$carousel-control-size: 2.5rem !default;\n$carousel-indicator-bg: rgba(204, 204, 204, 0.25) !default;\n$carousel-indicator-border-color: $white-divider !default;\n$carousel-indicator-border-width: $border-width !default;\n$carousel-indicator-size: 0.5rem !default;\n\n// Close\n\n$close-color: $black-hint !default;\n$close-color-hover: $black-primary !default;\n$close-font-size: $material-icon-size !default;\n$close-font-weight: $font-weight-light !default;\n\n// Code\n\n$code-bg: $material-color-grey-100 !default;\n$code-border-radius: $border-radius !default;\n$code-color: #bd4147 !default;\n$code-font-size: 87.5% !default;\n$code-padding-x: 0.4rem !default;\n$code-padding-y: 0.2rem !default;\n\n$kbd-bg: $black-primary !default;\n$kbd-color: $white-primary !default;\n\n$pre-color: $black-primary !default;\n$pre-margin-y: $spacer !default;\n$pre-scrollable-max-height: 340px !default;\n\n// Embed\n$embed-responsive-aspect-ratios: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$embed-responsive-aspect-ratios: join(((21 9), (16 9), (4 3), (1 1)), $embed-responsive-aspect-ratios);\n\n// Form\n\n$custom-file-button-icon: 'attachment' !default;\n\n$form-check-inline-margin-x: $spacer-sm !default;\n$form-check-inline-input-margin-x: 0.3125rem !default; // todo\n$form-check-input-gutter: 1.25rem !default;\n$form-feedback-invalid-color: theme-color(danger) !default;\n$form-feedback-icon-invalid-color: $form-feedback-invalid-color !default;\n$form-feedback-valid-color: theme-color(success) !default;\n$form-feedback-icon-valid-color: $form-feedback-valid-color !default;\n$form-feedback-icon-invalid: url(\"data:image/svg+xml,\") !default;\n$form-feedback-icon-valid: url(\"data:image/svg+xml,\") !default;\n\n$form-validation-states: () !default;\n\n@if $enable-validation-valid {\n $form-validation-states: map-merge(\n ('valid': ('color': $form-feedback-valid-color, 'icon': $form-feedback-icon-valid),\n 'invalid': ('color': $form-feedback-invalid-color, 'icon': $form-feedback-icon-invalid)),\n $form-validation-states\n );\n}\n\n@else {\n $form-validation-states: map-merge(\n ('invalid': ('color': $form-feedback-invalid-color,\n 'icon': $form-feedback-icon-invalid)),\n $form-validation-states\n );\n}\n\n$form-group-margin-y: $spacer !default;\n$input-group-inner-spacer-x: $spacer !default;\n\n// Jumbotron\n\n$jumbotron-bg: $white-primary !default;\n$jumbotron-border-radius: $border-radius !default;\n$jumbotron-color: $black-primary !default;\n$jumbotron-elevation-shadow: map-get($elevation-shadows, 2) !default;\n$jumbotron-padding-x: 2rem !default;\n$jumbotron-padding-y: $spacer-xl !default;\n\n// Link\n\n$link-color: selection-theme-color() !default;\n$link-color-hover: selection-theme-color() !default;\n$link-decoration: none !default;\n$link-decoration-hover: underline !default;\n\n// Misc\n\n$blockquote-border-color: theme-color(primary) !default;\n$blockquote-border-width: 0.3125rem !default;\n$blockquote-small-color: $black-hint !default;\n\n$dt-font-weight: $font-weight-medium !default;\n\n$figure-caption-color: $black-hint !default;\n$figure-img-margin-y: $spacer-sm !default;\n\n$headings-color: inherit !default;\n$headings-font-family: inherit !default;\n$headings-margin-y: $spacer-sm !default;\n\n$hr-border-color: $border-color !default;\n$hr-border-width: $border-width !default;\n\n$list-inline-inner-spacer-x: $spacer-sm !default;\n\n$mark-bg: $material-color-yellow-500 !default;\n$mark-color: $black-primary !default;\n$mark-padding: 0.2em !default;\n\n$paragraph-margin-y: $spacer !default;\n\n$small-font-size: 80% !default;\n\n$table-caption-color: $black-hint !default;\n\n$text-muted: $black-hint !default;\n\n$thumbnail-box-shadow: map-get($shadows, 2) !default;\n\n$webkit-tap-highlight-color: rgba($black, 0) !default;\n\n// Nav\n\n$nav-link-color-disabled: $black-hint !default;\n$nav-link-padding-x: $spacer !default;\n$nav-link-padding-y: $spacer-sm !default;\n\n$nav-pills-bg-hover: $black-divider !default;\n$nav-pills-border-radius: $border-radius !default;\n$nav-pills-color: $black-primary !default;\n$nav-pills-color-active: selection-theme-color() !default;\n$nav-pills-link-opacity: 0.7 !default;\n\n// Pagination\n\n$pagination-bg: transparent !default;\n$pagination-border-radius: 1.125rem !default;\n$pagination-color: $black-primary !default;\n$pagination-color-disabled: $black-hint !default;\n$pagination-font-size: $font-size-base !default;\n$pagination-font-size-sm: 0.875rem !default;\n$pagination-font-size-lg: 1.25rem !default;\n$pagination-font-weight: $font-weight-regular !default;\n$pagination-inner-spacer-x: 0.5em !default;\n$pagination-line-height: 2.25 !default; // 36px\n$pagination-margin-x: $spacer-sm !default;\n\n// Popover\n\n$popover-bg: $white !default;\n$popover-border-radius: $border-radius !default;\n$popover-breakpoint: md !default;\n$popover-box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.3), 0 2px 6px 2px rgba(60, 64, 67, 0.15) !default;\n$popover-elevation-shadow: map-get($elevation-shadows, 24) !default;\n$popover-font-size: $font-size-body-2 !default;\n$popover-margin: $spacer-lg !default;\n$popover-margin-desktop: 0.875rem !default;\n$popover-max-width: 21.25rem !default; // 17.5rem 280px\n$popover-padding-x: 1.375rem !default;\n$popover-padding-y: 0.875rem !default;\n\n// Utilities\n\n$displays: none,\n inline,\n inline-block,\n block,\n table,\n table-row,\n table-cell,\n flex,\n inline-flex !default;\n\n$overflows: auto, hidden !default;\n\n$positions: static,\n relative,\n absolute,\n fixed,\n sticky !default;\n\n$user-selects: all, auto, none !default;\n\n// Printing\n\n$print-page-size: a3 !default;\n$print-body-min-width: map-get($grid-breakpoints, 'lg') !default;\n","// Elevation\n// Based on https://material.io/design/environment/elevation.html\n\n$elevations: (\n 24: (24 * 10),\n 16: (16 * 10),\n 12: (12 * 10),\n 8: (8 * 10),\n 6: (6 * 10),\n 4: (4 * 10),\n 2: (2 * 10),\n 1: (1 * 10)\n) !default;\n\n// Shadow\n// Based on https://material-components.github.io/material-components-web-catalog/#/component/elevation\n\n$shadow-color-1: rgba(0, 0, 0, 0.14) !default;\n$shadow-color-2: rgba(0, 0, 0, 0.12) !default;\n$shadow-color-3: rgba(0, 0, 0, 0.2) !default;\n\n$shadows: (\n 24: unquote('0 24px 38px 3px #{$shadow-color-1}, 0 9px 46px 8px #{$shadow-color-2}, 0 11px 15px -7px #{$shadow-color-3}'),\n 16: unquote('0 16px 24px 2px #{$shadow-color-1}, 0 6px 30px 5px #{$shadow-color-2}, 0 8px 10px -5px #{$shadow-color-3}'),\n 12: unquote('0 12px 17px 2px #{$shadow-color-1}, 0 5px 22px 4px #{$shadow-color-2}, 0 7px 8px -4px #{$shadow-color-3}'),\n 8: unquote('0 8px 10px 1px #{$shadow-color-1}, 0 3px 14px 2px #{$shadow-color-2}, 0 5px 5px -3px #{$shadow-color-3}'),\n 6: unquote('0 6px 10px 0 #{$shadow-color-1}, 0 1px 18px 0 #{$shadow-color-2}, 0 3px 5px -1px #{$shadow-color-3}'),\n 4: unquote('0 4px 5px 0 #{$shadow-color-1}, 0 1px 10px 0 #{$shadow-color-2}, 0 2px 4px -1px #{$shadow-color-3}'),\n 2: unquote('0 2px 2px 0 #{$shadow-color-1}, 0 1px 5px 0 #{$shadow-color-2}, 0 3px 1px -2px #{$shadow-color-3}'),\n 1: unquote('0 1px 1px 0 #{$shadow-color-1}, 0 1px 3px 0 #{$shadow-color-2}, 0 2px 1px -1px #{$shadow-color-3}')\n) !default;\n\n// Value pair\n// Combination of elevation and shadow\n\n$elevation-shadows: (\n 24: (\n elevation: map-get($elevations, 24),\n shadow: map-get($shadows, 24)\n ),\n 16: (\n elevation: map-get($elevations, 16),\n shadow: map-get($shadows, 16)\n ),\n 12: (\n elevation: map-get($elevations, 12),\n shadow: map-get($shadows, 12)\n ),\n 8: (\n elevation: map-get($elevations, 8),\n shadow: map-get($shadows, 8)\n ),\n 6: (\n elevation: map-get($elevations, 6),\n shadow: map-get($shadows, 6)\n ),\n 4: (\n elevation: map-get($elevations, 4),\n shadow: map-get($shadows, 4)\n ),\n 2: (\n elevation: map-get($elevations, 2),\n shadow: map-get($shadows, 2)\n ),\n 1: (\n elevation: map-get($elevations, 1),\n shadow: map-get($shadows, 1)\n )\n) !default;\n","// stylelint-disable\n\n// Breakpoint viewport sizes and media queries.\n//\n// Breakpoints are defined as a map of (name: minimum width), order from small to large:\n//\n// (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px)\n//\n// The map defined in the `$grid-breakpoints` global variable is used as the `$breakpoints` argument by default.\n\n// Name of the next breakpoint, or null for the last breakpoint.\n//\n// >> breakpoint-next(sm)\n// md\n// >> breakpoint-next(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// md\n// >> breakpoint-next(sm, $breakpoint-names: (xs sm md lg xl))\n// md\n@function breakpoint-next($name, $breakpoints: $grid-breakpoints, $breakpoint-names: map-keys($breakpoints)) {\n $n: index($breakpoint-names, $name);\n @return if($n != null and $n < length($breakpoint-names), nth($breakpoint-names, $n + 1), null);\n}\n\n// Minimum breakpoint width. Null for the smallest (first) breakpoint.\n//\n// >> breakpoint-min(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// 576px\n@function breakpoint-min($name, $breakpoints: $grid-breakpoints) {\n $min: map-get($breakpoints, $name);\n @return if($min != 0, $min, null);\n}\n\n// Maximum breakpoint width. Null for the largest (last) breakpoint.\n// The maximum value is calculated as the minimum of the next one less 0.02px\n// to work around the limitations of `min-` and `max-` prefixes and viewports with fractional widths.\n// See https://www.w3.org/TR/mediaqueries-4/#mq-min-max\n// Uses 0.02px rather than 0.01px to work around a current rounding bug in Safari.\n// See https://bugs.webkit.org/show_bug.cgi?id=178261\n//\n// >> breakpoint-max(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// 767.98px\n@function breakpoint-max($name, $breakpoints: $grid-breakpoints) {\n $next: breakpoint-next($name, $breakpoints);\n @return if($next, breakpoint-min($next, $breakpoints) - .02, null);\n}\n\n// Returns a blank string if smallest breakpoint, otherwise returns the name with a dash in front.\n// Useful for making responsive utilities.\n//\n// >> breakpoint-infix(xs, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// \"\" (Returns a blank string)\n// >> breakpoint-infix(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// \"-sm\"\n@function breakpoint-infix($name, $breakpoints: $grid-breakpoints) {\n @return if(breakpoint-min($name, $breakpoints) == null, \"\", \"-#{$name}\");\n}\n\n// Media of at least the minimum breakpoint width. No query for the smallest breakpoint.\n// Makes the @content apply to the given breakpoint and wider.\n@mixin media-breakpoint-up($name, $breakpoints: $grid-breakpoints) {\n $min: breakpoint-min($name, $breakpoints);\n @if $min {\n @media (min-width: $min) {\n @content;\n }\n } @else {\n @content;\n }\n}\n\n// Media of at most the maximum breakpoint width. No query for the largest breakpoint.\n// Makes the @content apply to the given breakpoint and narrower.\n@mixin media-breakpoint-down($name, $breakpoints: $grid-breakpoints) {\n $max: breakpoint-max($name, $breakpoints);\n @if $max {\n @media (max-width: $max) {\n @content;\n }\n } @else {\n @content;\n }\n}\n\n// Media that spans multiple breakpoint widths.\n// Makes the @content apply between the min and max breakpoints\n@mixin media-breakpoint-between($lower, $upper, $breakpoints: $grid-breakpoints) {\n $min: breakpoint-min($lower, $breakpoints);\n $max: breakpoint-max($upper, $breakpoints);\n\n @if $min != null and $max != null {\n @media (min-width: $min) and (max-width: $max) {\n @content;\n }\n } @else if $max == null {\n @include media-breakpoint-up($lower, $breakpoints) {\n @content;\n }\n } @else if $min == null {\n @include media-breakpoint-down($upper, $breakpoints) {\n @content;\n }\n }\n}\n\n// Media between the breakpoint's minimum and maximum widths.\n// No minimum for the smallest breakpoint, and no maximum for the largest one.\n// Makes the @content apply only to the given breakpoint, not viewports any wider or narrower.\n@mixin media-breakpoint-only($name, $breakpoints: $grid-breakpoints) {\n $min: breakpoint-min($name, $breakpoints);\n $max: breakpoint-max($name, $breakpoints);\n\n @if $min != null and $max != null {\n @media (min-width: $min) and (max-width: $max) {\n @content;\n }\n } @else if $max == null {\n @include media-breakpoint-up($name, $breakpoints) {\n @content;\n }\n } @else if $min == null {\n @include media-breakpoint-down($name, $breakpoints) {\n @content;\n }\n }\n}\n\n// Daemonite addition\n@mixin media-moz-webkit {\n @-moz-document url-prefix('') {\n @content;\n }\n\n @media (-webkit-min-device-pixel-ratio: 0) {\n @content;\n }\n}\n","@mixin typography-headline-1 {\n font-size: $font-size-headline-1;\n font-weight: $font-weight-headline-1;\n letter-spacing: $letter-spacing-headline-1;\n line-height: $line-height-headline-1;\n}\n\n@mixin typography-headline-2 {\n font-size: $font-size-headline-2;\n font-weight: $font-weight-headline-2;\n letter-spacing: $letter-spacing-headline-2;\n line-height: $line-height-headline-2;\n}\n\n@mixin typography-headline-3 {\n font-size: $font-size-headline-3;\n font-weight: $font-weight-headline-3;\n letter-spacing: $letter-spacing-headline-3;\n line-height: $line-height-headline-3;\n}\n\n@mixin typography-headline-4 {\n font-size: $font-size-headline-4;\n font-weight: $font-weight-headline-4;\n letter-spacing: $letter-spacing-headline-4;\n line-height: $line-height-headline-4;\n}\n\n@mixin typography-headline-5 {\n font-size: $font-size-headline-5;\n font-weight: $font-weight-headline-5;\n letter-spacing: $letter-spacing-headline-5;\n line-height: $line-height-headline-5;\n}\n\n@mixin typography-headline-6 {\n font-size: $font-size-headline-6;\n font-weight: $font-weight-headline-6;\n letter-spacing: $letter-spacing-headline-6;\n line-height: $line-height-headline-6;\n}\n\n@mixin typography-subtitle-1 {\n font-size: $font-size-subtitle-1;\n font-weight: $font-weight-subtitle-1;\n letter-spacing: $letter-spacing-subtitle-1;\n line-height: $line-height-subtitle-1;\n}\n\n@mixin typography-subtitle-2 {\n font-size: $font-size-subtitle-2;\n font-weight: $font-weight-subtitle-2;\n letter-spacing: $letter-spacing-subtitle-2;\n line-height: $line-height-subtitle-2;\n}\n\n@mixin typography-body-1 {\n font-size: $font-size-body-1;\n font-weight: $font-weight-body-1;\n letter-spacing: $letter-spacing-body-1;\n line-height: $line-height-body-1;\n}\n\n@mixin typography-body-2 {\n font-size: $font-size-body-2;\n font-weight: $font-weight-body-2;\n letter-spacing: $letter-spacing-body-2;\n line-height: $line-height-body-2;\n}\n\n@mixin typography-caption {\n font-size: $font-size-caption;\n font-weight: $font-weight-caption;\n letter-spacing: $letter-spacing-caption;\n line-height: $line-height-caption;\n}\n\n@mixin typography-overline {\n font-size: $font-size-overline;\n font-weight: $font-weight-overline;\n letter-spacing: $letter-spacing-overline;\n line-height: $line-height-overline;\n text-transform: uppercase;\n}\n","// Acceleration curve: permanently leaving the screen\n\n@mixin transition-acceleration($property...) {\n transition-duration: $transition-duration-mobile-leaving;\n transition-property: $property;\n transition-timing-function: $transition-timing-function-acceleration;\n\n @include media-breakpoint-up(sm) {\n transition-duration: $transition-duration-tablet-leaving;\n }\n\n @include media-breakpoint-up(lg) {\n transition-duration: $transition-duration-desktop-leaving;\n }\n\n @media screen and (prefers-reduced-motion: reduce) {\n transition: none;\n }\n}\n\n// Deceleration curve: entering the screen\n\n@mixin transition-deceleration($property...) {\n transition-duration: $transition-duration-mobile-entering;\n transition-property: $property;\n transition-timing-function: $transition-timing-function-deceleration;\n\n @include media-breakpoint-up(sm) {\n transition-duration: $transition-duration-tablet-entering;\n }\n\n @include media-breakpoint-up(lg) {\n transition-duration: $transition-duration-desktop-entering;\n }\n\n @media screen and (prefers-reduced-motion: reduce) {\n transition: none;\n }\n}\n\n// Sharp curve: temporarily leaving the screen\n\n@mixin transition-sharp($property...) {\n transition-duration: $transition-duration-mobile-leaving;\n transition-property: $property;\n transition-timing-function: $transition-timing-function-sharp;\n\n @include media-breakpoint-up(sm) {\n transition-duration: $transition-duration-tablet-leaving;\n }\n\n @include media-breakpoint-up(lg) {\n transition-duration: $transition-duration-desktop-leaving;\n }\n\n @media screen and (prefers-reduced-motion: reduce) {\n transition: none;\n }\n}\n\n// Standard curve: relative movement\n\n@mixin transition-standard($property...) {\n /* transition: $transition-duration-mobile;\n transition-property: $property;\n transition-timing-function: $transition-timing-function-standard; */\n transition: $property $transition-duration-mobile $transition-timing-function-standard;\n\n @include media-breakpoint-up(sm) {\n transition-duration: $transition-duration-tablet;\n }\n\n @include media-breakpoint-up(lg) {\n transition-duration: $transition-duration-desktop;\n }\n\n @media screen and (prefers-reduced-motion: reduce) {\n transition: none;\n }\n}\n\n// Standard curve: relative movement - complex, full-screen, large transitions\n\n@mixin transition-standard-complex($property...) {\n transition-duration: $transition-duration-mobile-complex;\n transition-property: $property;\n transition-timing-function: $transition-timing-function-standard;\n\n @include media-breakpoint-up(sm) {\n transition-duration: $transition-duration-tablet-complex;\n }\n\n @include media-breakpoint-up(lg) {\n transition-duration: $transition-duration-desktop-complex;\n }\n\n @media screen and (prefers-reduced-motion: reduce) {\n transition: none;\n }\n}\n\n// Selection control\n\n@mixin transition-control($property...) {\n transition: $property $transition-duration-control $transition-timing-function-standard;\n\n @media screen and (prefers-reduced-motion: reduce) {\n transition: none;\n }\n}\n\n@mixin transition-dialog-opening($property...) {\n transition: $property $transition-duration-desktop-entering $transition-timing-function-deceleration;\n\n @media screen and (prefers-reduced-motion: reduce) {\n transition: none;\n }\n}\n\n@mixin transition-dialog-leaving($property...) {\n transition: $property $transition-duration-desktop-leaving $transition-timing-function-acceleration;\n\n @media screen and (prefers-reduced-motion: reduce) {\n transition: none;\n }\n}\n","$transition-scale: 0.87 !default;\n\n// The movement of an element is based on https://material.io/design/motion\n\n// Transition duration\n// Based on https://material.google.com/motion/duration-easing.html#duration-easing-common-durations\n\n// Accelerate easing : Elements exiting a screen use acceleration easing, where they start at rest and end at peak velocity.\n\n$transition-duration-desktop: 280ms !default;\n$transition-duration-desktop-complex: 250ms !default;\n$transition-duration-desktop-entering: 150ms !default;\n$transition-duration-desktop-leaving: 75ms !default;\n\n$transition-duration-mobile: 300ms !default;\n$transition-duration-mobile-complex: 375ms !default;\n$transition-duration-mobile-entering: 225ms !default;\n$transition-duration-mobile-leaving: 195ms !default;\n\n$transition-duration-tablet: 390ms !default;\n$transition-duration-tablet-complex: 487.5ms !default;\n$transition-duration-tablet-entering: 292.5ms !default;\n$transition-duration-tablet-leaving: 253.5ms !default;\n\n$transition-duration-control: 100ms !default;\n\n// Transition timing function\n// Based on https://material.io/design/motion/speed.html#easing\n\n$transition-timing-function-acceleration: cubic-bezier(0.4, 0, 1, 1) !default;\n$transition-timing-function-deceleration: cubic-bezier(0, 0, 0.2, 1) !default;\n$transition-timing-function-sharp: cubic-bezier(0.4, 0, 0.6, 1) !default;\n$transition-timing-function-standard: cubic-bezier(0.4, 0, 0.2, 1) !default;\n"]} \ No newline at end of file diff --git a/docs/css/docs.min.css b/docs/css/docs.min.css index 3d4569ded..d55d70a25 100644 --- a/docs/css/docs.min.css +++ b/docs/css/docs.min.css @@ -1,2 +1,2 @@ -.bd-content .alert p:last-of-type{margin-bottom:0}.bd-callout{border:0;border-left:.3125rem solid #6200ee;border-radius:0;margin-bottom:1rem;padding:0 1rem}.bd-callout,.bd-callout+.bd-callout{margin-top:0}.bd-callout-danger{border-left-color:#b00020}.bd-callout-danger h5{color:#b00020}.bd-callout-info{border-left-color:#714cfe}.bd-callout-info h5{color:#714cfe}.bd-callout-warning{border-left-color:#ff8d00}.bd-callout-warning h5{color:#ff8d00}.bd-content>table{border:1px solid #e1e1e1}.bd-content>table>tbody>tr>td,.bd-content>table>tbody>tr>th,.bd-content>table>tfoot>tr>td,.bd-content>table>tfoot>tr>th,.bd-content>table>thead>tr>td,.bd-content>table>thead>tr>th{border:0;border-top:1px solid #e1e1e1;line-height:1.5;padding-right:1rem;padding-left:1rem}.bd-content>table>tbody>tr>td:first-child,.bd-content>table>tbody>tr>th:first-child,.bd-content>table>tfoot>tr>td:first-child,.bd-content>table>tfoot>tr>th:first-child,.bd-content>table>thead>tr>td:first-child,.bd-content>table>thead>tr>th:first-child{padding-left:1.5rem}.bd-content>table>tbody>tr>td:last-child,.bd-content>table>tbody>tr>th:last-child,.bd-content>table>tfoot>tr>td:last-child,.bd-content>table>tfoot>tr>th:last-child,.bd-content>table>thead>tr>td:last-child,.bd-content>table>thead>tr>th:last-child{padding-right:1.5rem}.bd-content>table>tbody>tr:nth-of-type(odd){background-color:#f5f5f5}.bd-content>table>tbody>tr>td,.bd-content>table>tbody>tr>th{height:3.25rem}.bd-content>table>tfoot{color:rgba(0,0,0,.54)}.bd-content>table>tfoot>tr>td,.bd-content>table>tfoot>tr>th{font-size:.75rem;font-weight:400;height:3.5rem}.bd-content>table>thead>tr>td,.bd-content>table>thead>tr>th{font-weight:500;height:3.5rem}.bd-example{background-color:#fff;border:1px solid rgba(0,0,0,.12);margin:0;padding:1.5rem}.bd-example .toast-container{position:static}.bd-example .toast{opacity:1}.bd-example+.bd-example{border-top-left-radius:0;border-top-right-radius:0;border-top:0;margin-top:-1px}.bd-example .custom-file-input:lang(es)~.custom-file-label:after{content:"attachment"}.bd-example>button{margin:.25rem}.bd-example>img+img,.bd-example>svg+svg{margin-left:.5rem}.bd-example>.dropdown-menu:first-child{position:relative;top:auto;left:auto}.bd-example>.list-group{max-width:100%}.bd-example>textarea.textarea-autosize{resize:none}.bd-example+p{margin-top:1rem}.bd-example-modal .modal-dialog{margin-top:2rem;margin-bottom:2rem}.btn-clipboard{background-color:transparent;color:var(--primary);top:.25rem;right:.25rem}.btn-clipboard:hover{background:var(--primary)}.highlight{background-color:#f5f5f5;margin:0 0 1rem;padding:1.5rem;position:relative}.highlight pre{padding-bottom:1rem;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.bd-content .highlight{border-radius:4px;margin-right:0;margin-left:0}.bd-example+.bd-clipboard+.highlight,.bd-example+.highlight{border:1px solid rgba(0,0,0,.12);border-top:0;margin-top:-1px}.section-nav{border-left:1px solid rgba(0,0,0,.12)}.toc-entry a{color:#212121;font-size:.875rem;opacity:.7;padding:.25rem 0 .25rem 1rem}.toc-entry a:active,.toc-entry a:focus,.toc-entry a:hover{color:rgba(0,0,0,.87);opacity:1}.toc-entry a.active{color:#6200ee;opacity:1}.bd-example [id=accordion] .btn-link[data-toggle=collapse]{padding:0}.card{margin-bottom:1rem}.bd-example .navbar .form-control{width:10rem}.bd-example-snackbars{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}.bd-example-snackbars .toast{z-index:10}.algolia-autocomplete .algolia-docsearch-footer{border-top:1px solid rgba(0,0,0,.12);color:rgba(0,0,0,.38)!important;font-size:.75rem!important;line-height:1.25rem!important;padding:1rem 1rem 0}.algolia-autocomplete .algolia-docsearch-suggestion{color:rgba(0,0,0,.87)}.algolia-autocomplete .algolia-docsearch-suggestion--category-header,.algolia-autocomplete .algolia-docsearch-suggestion--title{font-size:.9375rem!important;line-height:1.5rem;padding:0 1rem!important}.algolia-autocomplete .ds-dropdown-menu{border:0;border-radius:4px;box-shadow:0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12),0 5px 5px -3px rgba(0,0,0,.2);margin-top:0;padding-top:1rem!important;padding-bottom:1rem!important;width:100%}.algolia-autocomplete .ds-dropdown-menu [class^=ds-dataset-]{border-radius:0}.algolia-autocomplete .ds-suggestion.ds-cursor .algolia-docsearch-suggestion--content{background-color:rgba(0,0,0,.04)!important}.doc-search:focus{z-index:101}.doc-jumbotron{background-color:#6200ee;background-image:url(../images/doc-jumbotron-bg.jpg);background-position:50% 50%;background-repeat:no-repeat;background-size:cover;color:#fff;margin-bottom:0;padding-top:7rem;padding-bottom:6rem}@media (max-width:767.98px){.doc-jumbotron h1{font-size:3rem;font-weight:400;letter-spacing:0;line-height:3.125rem}}@media (min-width:992px){.navdrawer-permanent-lg~.doc-jumbotron{margin-left:16rem}}.doc-jumbotron h1:last-child,.doc-jumbotron p:last-child{margin-bottom:0}.doc-logo{font-size:1.25rem;font-weight:500;letter-spacing:.0125em;line-height:2rem;-ms-flex-align:center;align-items:center;background-color:rgba(3,218,198,.12);border-radius:1.125rem;box-shadow:inset 0 0 0 1px currentColor;color:inherit;display:-ms-inline-flexbox;display:inline-flex;font-weight:700;height:2.25rem;-ms-flex-pack:center;justify-content:center;line-height:1;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:top;white-space:nowrap;width:2.25rem;z-index:1}.doc-logo[href]:active,.doc-logo[href]:focus,.doc-logo[href]:hover{color:inherit;text-decoration:none}.doc-logo[href]:active:before,.doc-logo[href]:focus:before,.doc-logo[href]:hover:before{opacity:.12}.doc-logo[href]:before{transition:opacity .3s cubic-bezier(.4,0,.2,1);background-color:currentColor;border-radius:1.125rem;content:"";opacity:0;position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1}@media (min-width:576px){.doc-logo[href]:before{transition-duration:.39s}}@media (min-width:992px){.doc-logo[href]:before{transition-duration:.28s}}@media screen and (prefers-reduced-motion:reduce){.doc-logo[href]:before{transition:none}}.doc-logo:focus{outline:0}.doc-main{background-color:#fff}@media (min-width:992px){.navdrawer-permanent-lg~.doc-main{margin-left:16rem}}.doc-navbar-permanent{margin-left:16rem}.doc-navbar-persistent,.doc-navbar-temporary{transition-duration:195ms;transition-property:margin-left;transition-timing-function:cubic-bezier(.4,0,.6,1)}@media (min-width:576px){.doc-navbar-persistent,.doc-navbar-temporary{transition-duration:.2535s}}@media (min-width:992px){.doc-navbar-persistent,.doc-navbar-temporary{transition-duration:75ms}}@media screen and (prefers-reduced-motion:reduce){.doc-navbar-persistent,.doc-navbar-temporary{transition:none}}.navdrawer-open-persistent .doc-navbar-persistent{transition-duration:225ms;transition-property:margin-left;transition-timing-function:cubic-bezier(0,0,.2,1);margin-left:16rem}@media (min-width:576px){.navdrawer-open-persistent .doc-navbar-persistent{transition-duration:.2925s}}@media (min-width:992px){.navdrawer-open-persistent .doc-navbar-persistent{transition-duration:.15s}}@media screen and (prefers-reduced-motion:reduce){.navdrawer-open-persistent .doc-navbar-persistent{transition:none}}.navdrawer-open-temporary .doc-navbar-temporary{transition-duration:225ms;transition-property:margin-left;transition-timing-function:cubic-bezier(0,0,.2,1);margin-left:16rem}@media (min-width:576px){.navdrawer-open-temporary .doc-navbar-temporary{transition-duration:.2925s}}@media (min-width:992px){.navdrawer-open-temporary .doc-navbar-temporary{transition-duration:.15s}}@media screen and (prefers-reduced-motion:reduce){.navdrawer-open-temporary .doc-navbar-temporary{transition:none}}.doc-navdrawer-body{min-height:100%}.doc-skip{background-color:#6200ee;display:block;outline:0;padding-top:1rem;padding-bottom:1rem;text-align:center}.doc-skip,.doc-skip:focus{color:#fff}.doc-skip-text{border:1px dotted;padding:0 1rem}.doc-swatch-text{font-family:Roboto Mono,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.typography-body-1{letter-spacing:normal}[class*=lgi-icon]{background-size:24px;border-radius:50%}.lgi-icon-bs{background-image:url(https://djibe.github.io/material/apple-touch-icon.png)}.lgi-icon-md{background-image:url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGNpcmNsZSBjeD0iMTIiIGN5PSIxMiIgZmlsbD0iIzc1NzU3NSIgcj0iMTIiLz48cGF0aCBkPSJNMy42IDMuNmgxNi44djE2LjhIMy42eiIgZmlsbD0iI2JkYmRiZCIvPjxwYXRoIGQ9Ik0yMC40IDMuNkwxMiAyMC40IDMuNiAzLjZ6IiBmaWxsPSIjZmZmIi8+PHBhdGggZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPjwvc3ZnPg==")}.lgi-icon-mdc{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAMAAADVRocKAAAAzFBMVEUAAAAiIiIgICAhISEXFxchISEiIiIiIiIhISEhISEhISEhISFAQEAhISH////V/Nid+ZOT+XSW+mmd/GCq/lsB3XIFymoItWEMolkSekccPCzl/eaY+Yib+2Oy/1kA5nYGxGgQhUweMijx/vKZ+Yuq/loC3XIRg0sfKiWu+quk/V0D1G4WYDz9//2Z+Imx/1kRhEwhIyLy/vST+XELpVogKSWS+XKj/V3j/eYQhEwGw2cMoVgItGAFyWkcPC0WYTwQg0sLpFohIiERgkuViPK2AAAADXRSTlMAQ7XsC5mYRLRF7UYEGjoK4gAAAatJREFUeAHt2QV2HDEMgOHBshpOFq3FgfAy8/3PVOYhPUtl/xf4Hphtmb7LZLIdFwRyHdtKy/NBLN9LAXwQ7ImV6CmIZicARxZ4lgBcWcBNACCcATjAa2IGMIABDGAAAxjgdwNHxyenZ+cXl1elckUeqNbq6kP4oUazJQq0O131KfxUEEZyQHytvoRfurkVAu7uH1QagPjYkwD6A6UyAByO+MDdWGUDOOyxgXuVB+AjF4gf8gG85QHtiSoAbiIW0FFFAIYcYNotBoIWA6ipYgBnDKBOAeb6wJGiAFjRBo5pQFkbOKEBC23glAYstYEzGrDSBs5pQKB9Eb9AQhzgkgastIErGrDUBko0YKENlGlAWRtY04CKNgANJDQHfaBJAWYMoBVgYUGLAcBjMRACB4husKCbiAXApgi4BR4AW8ztEbhAb4g57XpsAEY5wm4EfAB6j5hRuBd6mN3cYDL6BYRQFCZmXHCIRJ+WW7M5ftN81pJ/u66UF8tVEKyWC61rLD8DkPr1n0SOLOAkAFsWeP7rvxot74n0Z2ki+9kLEOiF89LK7JVAlsn0t/UWTrKr7UdK6x0AAAAASUVORK5CYII=")}.lgi-icon-plugin{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+PHBhdGggZD0iTTggM2EyIDIgMCAwMC0yIDJ2NGEyIDIgMCAwMS0yIDJIM3YyaDFhMiAyIDAgMDEyIDJ2NGEyIDIgMCAwMDIgMmgydi0ySDh2LTVhMiAyIDAgMDAtMi0yIDIgMiAwIDAwMi0yVjVoMlYzbTYgMGEyIDIgMCAwMTIgMnY0YTIgMiAwIDAwMiAyaDF2MmgtMWEyIDIgMCAwMC0yIDJ2NGEyIDIgMCAwMS0yIDJoLTJ2LTJoMnYtNWEyIDIgMCAwMTItMiAyIDIgMCAwMS0yLTJWNWgtMlYzaDJ6Ii8+PC9zdmc+")} +.bd-content .alert p:last-of-type{margin-bottom:0}.bd-callout{border:0;border-left:.3125rem solid #6200ee;border-radius:0;margin-bottom:1rem;padding:0 1rem}.bd-callout,.bd-callout+.bd-callout{margin-top:0}.bd-callout-danger{border-left-color:#b00020}.bd-callout-danger h5{color:#b00020}.bd-callout-info{border-left-color:#714cfe}.bd-callout-info h5{color:#714cfe}.bd-callout-warning{border-left-color:#ff8d00}.bd-callout-warning h5{color:#ff8d00}.bd-content>table{border:1px solid #e1e1e1}.bd-content>table>tbody>tr>td,.bd-content>table>tbody>tr>th,.bd-content>table>tfoot>tr>td,.bd-content>table>tfoot>tr>th,.bd-content>table>thead>tr>td,.bd-content>table>thead>tr>th{border:0;border-top:1px solid #e1e1e1;line-height:1.5;padding-right:1rem;padding-left:1rem}.bd-content>table>tbody>tr>td:first-child,.bd-content>table>tbody>tr>th:first-child,.bd-content>table>tfoot>tr>td:first-child,.bd-content>table>tfoot>tr>th:first-child,.bd-content>table>thead>tr>td:first-child,.bd-content>table>thead>tr>th:first-child{padding-left:1.5rem}.bd-content>table>tbody>tr>td:last-child,.bd-content>table>tbody>tr>th:last-child,.bd-content>table>tfoot>tr>td:last-child,.bd-content>table>tfoot>tr>th:last-child,.bd-content>table>thead>tr>td:last-child,.bd-content>table>thead>tr>th:last-child{padding-right:1.5rem}.bd-content>table>tbody>tr:nth-of-type(odd){background-color:#f5f5f5}.bd-content>table>tbody>tr>td,.bd-content>table>tbody>tr>th{height:3.25rem}.bd-content>table>tfoot{color:rgba(0,0,0,.54)}.bd-content>table>tfoot>tr>td,.bd-content>table>tfoot>tr>th{font-size:.75rem;font-weight:400;height:3.5rem}.bd-content>table>thead>tr>td,.bd-content>table>thead>tr>th{font-weight:500;height:3.5rem}.bd-example{background-color:#fff;border:1px solid rgba(0,0,0,.12);margin:0;padding:1.5rem}.bd-example .toast-container{position:static}.bd-example .toast{opacity:1}.bd-example+.bd-example{border-top-left-radius:0;border-top-right-radius:0;border-top:0;margin-top:-1px}.bd-example .custom-file-input:lang(es)~.custom-file-label:after{content:"attachment"}.bd-example>button{margin:.25rem}.bd-example>img+img,.bd-example>svg+svg{margin-left:.5rem}.bd-example>.dropdown-menu:first-child{position:relative;top:auto;left:auto}.bd-example>.list-group{max-width:100%}.bd-example>textarea.textarea-autosize{resize:none}.bd-example+p{margin-top:1rem}.bd-example-modal .modal-dialog{margin-top:2rem;margin-bottom:2rem}.btn-clipboard{background-color:transparent;color:var(--primary);top:.25rem;right:.25rem}.btn-clipboard:hover{background:var(--primary)}.highlight{background-color:#f5f5f5;margin:0 0 1rem;padding:1.5rem;position:relative}.highlight pre{padding-bottom:1rem;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.bd-content .highlight{border-radius:4px;margin-right:0;margin-left:0}.bd-example+.bd-clipboard+.highlight,.bd-example+.highlight{border:1px solid rgba(0,0,0,.12);border-top:0;margin-top:-1px}.section-nav{border-left:1px solid rgba(0,0,0,.12)}.toc-entry a{color:#212121;font-size:.875rem;opacity:.7;padding:.25rem 0 .25rem 1rem}.toc-entry a:active,.toc-entry a:focus,.toc-entry a:hover{color:rgba(0,0,0,.87);opacity:1}.toc-entry a.active{color:#6200ee;opacity:1}.bd-example [id=accordion] .btn-link[data-toggle=collapse]{padding:0}.card{margin-bottom:1rem}.bd-example .navbar .form-control{width:10rem}.bd-example-snackbars{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}.bd-example-snackbars .toast{z-index:10}.algolia-autocomplete .algolia-docsearch-footer{border-top:1px solid rgba(0,0,0,.12);color:rgba(0,0,0,.38)!important;font-size:.75rem!important;line-height:1.25rem!important;padding:1rem 1rem 0}.algolia-autocomplete .algolia-docsearch-suggestion{color:rgba(0,0,0,.87)}.algolia-autocomplete .algolia-docsearch-suggestion--category-header,.algolia-autocomplete .algolia-docsearch-suggestion--title{font-size:.9375rem!important;line-height:1.5rem;padding:0 1rem!important}.algolia-autocomplete .ds-dropdown-menu{border:0;border-radius:4px;box-shadow:0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12),0 5px 5px -3px rgba(0,0,0,.2);margin-top:0;padding-top:1rem!important;padding-bottom:1rem!important;width:100%}.algolia-autocomplete .ds-dropdown-menu [class^=ds-dataset-]{border-radius:0}.algolia-autocomplete .ds-suggestion.ds-cursor .algolia-docsearch-suggestion--content{background-color:rgba(0,0,0,.04)!important}.doc-search:focus{z-index:101}.doc-jumbotron{background-color:#6200ee;background-image:url(../images/doc-jumbotron-bg.jpg);background-position:50% 50%;background-repeat:no-repeat;background-size:cover;color:#fff;margin-bottom:0;padding-top:7rem;padding-bottom:6rem}@media (max-width:767.98px){.doc-jumbotron h1{font-size:3rem;font-weight:400;letter-spacing:0;line-height:3.125rem}}@media (min-width:992px){.navdrawer-permanent-lg~.doc-jumbotron{margin-left:16rem}}.doc-jumbotron h1:last-child,.doc-jumbotron p:last-child{margin-bottom:0}.doc-logo{font-size:1.25rem;font-weight:500;letter-spacing:.0125em;line-height:2rem;-ms-flex-align:center;align-items:center;background-color:rgba(3,218,198,.12);border-radius:1.125rem;box-shadow:inset 0 0 0 1px currentColor;color:inherit;display:-ms-inline-flexbox;display:inline-flex;font-weight:700;height:2.25rem;-ms-flex-pack:center;justify-content:center;line-height:1;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:top;white-space:nowrap;width:2.25rem;z-index:1}.doc-logo[href]:active,.doc-logo[href]:focus,.doc-logo[href]:hover{color:inherit;text-decoration:none}.doc-logo[href]:active:before,.doc-logo[href]:focus:before,.doc-logo[href]:hover:before{opacity:.12}.doc-logo[href]:before{transition:opacity .3s cubic-bezier(.4,0,.2,1);background-color:currentColor;border-radius:1.125rem;content:"";opacity:0;position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1}@media (min-width:576px){.doc-logo[href]:before{transition-duration:.39s}}@media (min-width:992px){.doc-logo[href]:before{transition-duration:.28s}}@media screen and (prefers-reduced-motion:reduce){.doc-logo[href]:before{transition:none}}.doc-logo:focus{outline:0}.doc-main{background-color:#fff}@media (min-width:992px){.navdrawer-permanent-lg~.doc-main{margin-left:16rem}}.doc-navbar-permanent{margin-left:16rem}.doc-navbar-persistent,.doc-navbar-temporary{transition-duration:195ms;transition-property:margin-left;transition-timing-function:cubic-bezier(.4,0,.6,1)}@media (min-width:576px){.doc-navbar-persistent,.doc-navbar-temporary{transition-duration:.2535s}}@media (min-width:992px){.doc-navbar-persistent,.doc-navbar-temporary{transition-duration:75ms}}@media screen and (prefers-reduced-motion:reduce){.doc-navbar-persistent,.doc-navbar-temporary{transition:none}}.navdrawer-open-persistent .doc-navbar-persistent{transition-duration:225ms;transition-property:margin-left;transition-timing-function:cubic-bezier(0,0,.2,1);margin-left:16rem}@media (min-width:576px){.navdrawer-open-persistent .doc-navbar-persistent{transition-duration:.2925s}}@media (min-width:992px){.navdrawer-open-persistent .doc-navbar-persistent{transition-duration:.15s}}@media screen and (prefers-reduced-motion:reduce){.navdrawer-open-persistent .doc-navbar-persistent{transition:none}}.navdrawer-open-temporary .doc-navbar-temporary{transition-duration:225ms;transition-property:margin-left;transition-timing-function:cubic-bezier(0,0,.2,1);margin-left:16rem}@media (min-width:576px){.navdrawer-open-temporary .doc-navbar-temporary{transition-duration:.2925s}}@media (min-width:992px){.navdrawer-open-temporary .doc-navbar-temporary{transition-duration:.15s}}@media screen and (prefers-reduced-motion:reduce){.navdrawer-open-temporary .doc-navbar-temporary{transition:none}}.doc-navdrawer-body{min-height:100%}.doc-skip{background-color:#6200ee;display:block;outline:0;padding-top:1rem;padding-bottom:1rem;text-align:center}.doc-skip,.doc-skip:focus{color:#fff}.doc-skip-text{border:1px dotted;padding:0 1rem}.doc-swatch-text{font-family:Roboto Mono,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.typography-body-1{letter-spacing:normal}[class*=lgi-icon]{background-size:24px;border-radius:50%}.lgi-icon-bs{background-image:url(https://djibe.github.io/material/apple-touch-icon.png)}.lgi-icon-md{background-image:url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGNpcmNsZSBjeD0iMTIiIGN5PSIxMiIgZmlsbD0iIzc1NzU3NSIgcj0iMTIiLz48cGF0aCBkPSJNMy42IDMuNmgxNi44djE2LjhIMy42eiIgZmlsbD0iI2JkYmRiZCIvPjxwYXRoIGQ9Ik0yMC40IDMuNkwxMiAyMC40IDMuNiAzLjZ6IiBmaWxsPSIjZmZmIi8+PHBhdGggZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPjwvc3ZnPg==")}.lgi-icon-mdc{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAMAAADVRocKAAAAzFBMVEUAAAAiIiIgICAhISEXFxchISEiIiIiIiIhISEhISEhISEhISFAQEAhISH////V/Nid+ZOT+XSW+mmd/GCq/lsB3XIFymoItWEMolkSekccPCzl/eaY+Yib+2Oy/1kA5nYGxGgQhUweMijx/vKZ+Yuq/loC3XIRg0sfKiWu+quk/V0D1G4WYDz9//2Z+Imx/1kRhEwhIyLy/vST+XELpVogKSWS+XKj/V3j/eYQhEwGw2cMoVgItGAFyWkcPC0WYTwQg0sLpFohIiERgkuViPK2AAAADXRSTlMAQ7XsC5mYRLRF7UYEGjoK4gAAAatJREFUeAHt2QV2HDEMgOHBshpOFq3FgfAy8/3PVOYhPUtl/xf4Hphtmb7LZLIdFwRyHdtKy/NBLN9LAXwQ7ImV6CmIZicARxZ4lgBcWcBNACCcATjAa2IGMIABDGAAAxjgdwNHxyenZ+cXl1elckUeqNbq6kP4oUazJQq0O131KfxUEEZyQHytvoRfurkVAu7uH1QagPjYkwD6A6UyAByO+MDdWGUDOOyxgXuVB+AjF4gf8gG85QHtiSoAbiIW0FFFAIYcYNotBoIWA6ipYgBnDKBOAeb6wJGiAFjRBo5pQFkbOKEBC23glAYstYEzGrDSBs5pQKB9Eb9AQhzgkgastIErGrDUBko0YKENlGlAWRtY04CKNgANJDQHfaBJAWYMoBVgYUGLAcBjMRACB4husKCbiAXApgi4BR4AW8ztEbhAb4g57XpsAEY5wm4EfAB6j5hRuBd6mN3cYDL6BYRQFCZmXHCIRJ+WW7M5ftN81pJ/u66UF8tVEKyWC61rLD8DkPr1n0SOLOAkAFsWeP7rvxot74n0Z2ki+9kLEOiF89LK7JVAlsn0t/UWTrKr7UdK6x0AAAAASUVORK5CYII=")}.lgi-icon-plugin{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+PHBhdGggZD0iTTggM2EyIDIgMCAwMC0yIDJ2NGEyIDIgMCAwMS0yIDJIM3YyaDFhMiAyIDAgMDEyIDJ2NGEyIDIgMCAwMDIgMmgydi0ySDh2LTVhMiAyIDAgMDAtMi0yIDIgMiAwIDAwMi0yVjVoMlYzbTYgMGEyIDIgMCAwMTIgMnY0YTIgMiAwIDAwMiAyaDF2MmgtMWEyIDIgMCAwMC0yIDJ2NGEyIDIgMCAwMS0yIDJoLTJ2LTJoMnYtNWEyIDIgMCAwMTItMiAyIDIgMCAwMS0yLTJWNWgtMlYzaDJ6Ii8+PC9zdmc+")}@media (prefers-color-scheme:dark){html{-webkit-filter:none;filter:none}body,label{font-weight:400}.prevent-dark-mode,img,video{-webkit-filter:none;filter:none}} /*# sourceMappingURL=docs.min.css.map */ \ No newline at end of file diff --git a/docs/css/docs.min.css.map b/docs/css/docs.min.css.map index ed9935786..67fe9e2b8 100644 --- a/docs/css/docs.min.css.map +++ b/docs/css/docs.min.css.map @@ -1 +1 @@ -{"version":3,"sources":["../../docs-assets/scss/docs.scss","docs.css","../../assets/scss/variables/_palette.scss","../../assets/scss/variables/_spacer.scss","../../assets/scss/variables/_typography.scss","../../assets/scss/variables/_variable-material.scss","../../assets/scss/_colors.scss","../../assets/scss/mixins/_border-radius.scss","../../assets/scss/variables/_variable-bootstrap.scss","../../assets/scss/variables/_elevation-shadow.scss","../../assets/scss/mixins/_breakpoints.scss","../../assets/scss/mixins/_typography.scss","../../assets/scss/mixins/_transition.scss","../../assets/scss/variables/_transition.scss"],"names":[],"mappings":"AAOA,kCACE,eCNF,CDSA,YACE,QAAS,CACT,kCEVc,CFWd,eAAgB,CAEhB,kBGIc,CHHd,cCNF,CDAA,oCAIE,YCAF,CDSA,mBACE,yBCNF,CDKA,sBAII,aCLJ,CDSA,iBACE,yBCNF,CDKA,oBAII,aCLJ,CDSA,oBACE,yBCNF,CDKA,uBAII,aCLJ,CDUA,kBACE,wBCPF,CDMA,oLASQ,QAAS,CACT,4BG1DoB,CH2DpB,eIaoB,CJZpB,kBGzCQ,CH0CR,iBCNR,CDPA,4PAgBU,mBCAV,CDhBA,sPAoBU,oBCKV,CDzBA,4CA6BQ,wBCAR,CD7BA,4DAkCQ,cCAR,CDlCA,wBAwCI,qBCFJ,CDtCA,4DA6CQ,gBKgC6B,CL/B7B,eI5EoB,CJ6EpB,aCFR,CD7CA,4DAwDQ,eIzFoB,CJ0FpB,aCNR,CDcA,YACE,qBMmlB+B,CNllB/B,gCMokB+B,CNnkB/B,QAAS,CACT,cCXF,CDOA,6BAOI,eCVJ,CDGA,mBAWI,SCVJ,CDaE,wBO3GA,wBP4G8B,CO3G9B,yBP2G8B,CAE5B,YAAa,CACb,eCVJ,CDRA,iEAsBI,oBCVJ,CDZA,mBA0BI,aCVJ,CDhBA,wCA+BI,iBCVJ,CDrBA,uCAmCI,iBAAkB,CAClB,QAAS,CACT,SCVJ,CD3BA,wBAyCI,cCVJ,CD/BA,uCA6CI,WCVJ,CDnCA,cAiDI,eCVJ,CDcA,gCACE,eAAkC,CAClC,kBCXF,CDcA,eACE,4BAA6B,CAC7B,oBAAqB,CACrB,UGzJ0B,CH0J1B,YCXF,CDOA,qBAOI,yBCVJ,CDcA,WACE,wBMpEuC,CNqEvC,eGrKc,CHsKd,cGlKyB,CHmKzB,iBCXF,CDOA,eAOI,mBG1KY,CH2KZ,wBAAiB,CAAjB,qBAAiB,CAAjB,oBAAiB,CAAjB,gBCVJ,CDaE,uBACE,iBGjMoB,CHkMpB,cAAe,CACf,aCVJ,CDaE,4DAEE,gCM8e6B,CN7e7B,YAAa,CACb,eCVJ,CDcA,aACE,qCCXF,CDeA,aAEI,aAAc,CACd,iBAAmB,CACnB,UQ3BwB,CR4BxB,4BCbJ,CDQA,0DAQM,qBM2d2B,CN1d3B,SCZN,CDGA,oBAaM,aE/NU,CFgOV,SCZN,CDmBA,2DACE,SChBF,CDsBA,MACE,kBCnBF,CDwBA,kCACE,WCrBF,CDwBA,sBACE,mBAAa,CAAb,YAAa,CACb,oBAAuB,CAAvB,sBCrBF,CDmBA,6BAKI,UCpBJ,CD2BA,gDAEI,oCM+a6B,CN9a7B,+BAA2C,CAC3C,0BAAwC,CACxC,6BAA4C,CAC5C,mBCxBJ,CDkBA,oDAUI,qBCxBJ,CDcA,gIAgBI,4BAA+C,CAC/C,kBKvEkC,CLwElC,wBCzBJ,CDOA,wCAsBI,QAAS,CACT,iBG5RoB,CH6RpB,sGStQoH,CTuQpH,YAAa,CACb,0BAAiD,CACjD,6BAAoD,CACpD,UCzBJ,CDHA,6DA+BM,eCxBN,CDPA,sFAoCI,0CCzBJ,CD+BA,kBACE,WC3BF,CDgCA,eACE,wBErTc,CFsTd,oDAAuD,CACvD,2BAA4B,CAC5B,2BAA4B,CAC5B,qBAAsB,CACtB,UMyY+B,CNxY/B,eAAgB,CAChB,gBAAkC,CAClC,mBC7BF,CSxNI,4BV4OJ,kBWxSE,cPmB+C,COlB/C,ePG0B,COF1B,gBP2C4B,CO1C5B,oBVyRA,CACF,CS9OI,yBV2QA,uCACE,iBCzBJ,CACF,CDKA,yDAyBI,eCzBJ,CD6BA,UWhTE,iBPCkD,COAlD,ePrB0B,COsB1B,sBPyBmC,COxBnC,gBPyC2B,CJuQ3B,qBAAmB,CAAnB,kBAAmB,CACnB,oCE/Uc,CFgVd,sBAA4C,CAC5C,uCAAkD,CAClD,aAAc,CACd,0BAAoB,CAApB,mBAAoB,CAEpB,eAAgB,CAChB,cKsIqC,CLrIrC,oBAAuB,CAAvB,sBAAuB,CACvB,aAAc,CACd,iBAAkB,CAClB,wBAAiB,CAAjB,qBAAiB,CAAjB,oBAAiB,CAAjB,gBAAiB,CACjB,kBAAmB,CACnB,kBAAmB,CACnB,aK+HqC,CL9HrC,SCzBF,CDMA,mEAuBM,aAAc,CACd,oBCzBN,CDCA,wFA2BQ,WCxBR,CDHA,uBYlRE,8CClCoE,CbsVhE,6BAA8B,CAC9B,sBAA4C,CAC5C,UAAW,CACX,SAAU,CACV,iBAAkB,CAClB,KAAM,CACN,OAAQ,CACR,QAAS,CACT,MAAO,CACP,UCvBN,CS1SI,yBVsRJ,uBY/QI,wBXwSF,CACF,CShTI,yBVsRJ,uBY3QI,wBX0SF,CACF,CWxSE,kDZwQF,uBYvQI,eX4SF,CACF,CDtCA,gBAgDI,SCNJ,CDUA,UACE,qBCPF,CSpUI,yBV8UA,kCACE,iBCNJ,CACF,CDUA,sBACE,iBCPF,CDUA,6CY3WE,yBC1ByC,CD2BzC,+BZ4WqC,CY3WrC,kDXsWF,CSrVI,yBVwVJ,6CYtWI,0BXyWF,CACF,CS5VI,yBVwVJ,6CYlWI,wBX4WF,CACF,CW1WE,kDZ+VF,6CY9VI,eX+WF,CACF,CDZE,kDYrYA,yBCPyC,CDQzC,+BZqY8C,CYpY9C,iDCKkE,CbiYhE,iBCgBJ,CSjXI,yBV8VF,kDYhYE,0BXwZF,CACF,CSvXI,yBV8VF,kDY5XE,wBX0ZF,CACF,CWxZE,kDZyXA,kDYxXE,eX4ZF,CACF,CD7BE,gDY7YA,yBCPyC,CDQzC,+BZ6Y8C,CY5Y9C,iDCKkE,CbyYhE,iBCiCJ,CS1YI,yBVsWF,gDYxYE,0BXibF,CACF,CShZI,yBVsWF,gDYpYE,wBXmbF,CACF,CWjbE,kDZiYA,gDYhYE,eXqbF,CACF,CD/CA,oBACE,eCkDF,CD/CA,UACE,wBE7ac,CF+ad,aAAc,CACd,SAAU,CACV,gBAA0E,CAC1E,mBAA6E,CAC7E,iBCkDF,CDzDA,0BAEE,UC2DF,CD/CA,eACE,iBAAyC,CACzC,cCkDF,CD/CA,iBACE,mFCkDF,CD/CA,mBACE,qBCkDF,CAEA,kBDhDE,oBAAqB,CACrB,iBCkDF,CD/CA,aACE,2ECkDF,CD/CA,aACE,kYCkDF,CD/CA,cACE,s/BCkDF,CD/CA,iBACE,8bCkDF","file":"docs.min.css","sourcesContent":["@import '../../assets/scss/colors';\n@import '../../assets/scss/functions';\n@import '../../assets/scss/mixins';\n@import '../../assets/scss/variables';\n\n// Bootstrap doc CSS override\n\n.bd-content .alert p:last-of-type {\n margin-bottom: 0;\n}\n\n.bd-callout {\n border: 0;\n border-left: $blockquote-border-width solid $blockquote-border-color;\n border-radius: 0;\n margin-top: 0;\n margin-bottom: $paragraph-margin-y;\n padding: 0 $spacer;\n\n + .bd-callout {\n margin-top: 0;\n }\n}\n\n.bd-callout-danger {\n border-left-color: theme-color(danger);\n\n h5 {\n color: theme-color(danger);\n }\n}\n\n.bd-callout-info {\n border-left-color: theme-color(info);\n\n h5 {\n color: theme-color(info);\n }\n}\n\n.bd-callout-warning {\n border-left-color: theme-color(warning);\n\n h5 {\n color: theme-color(warning);\n }\n}\n\n// stylelint-disable selector-max-compound-selectors, selector-max-type\n.bd-content > table {\n border: $table-border-width solid $table-border-color;\n\n > tbody,\n > tfoot,\n > thead {\n > tr {\n > td,\n > th {\n border: 0;\n border-top: $table-border-width solid $table-border-color;\n line-height: $table-line-height;\n padding-right: $table-cell-padding-x;\n padding-left: $table-cell-padding-x;\n\n &:first-child {\n padding-left: $table-cell-padding-x-alt;\n }\n\n &:last-child {\n padding-right: $table-cell-padding-x-alt;\n }\n }\n }\n }\n\n > tbody {\n > tr {\n &:nth-of-type(#{$table-striped-order}) {\n background-color: $table-bg-accent;\n }\n\n > td,\n > th {\n height: $table-tbody-cell-height;\n }\n }\n }\n\n > tfoot {\n color: $table-tfoot-color;\n\n > tr {\n > td,\n > th {\n font-size: $table-tfoot-font-size;\n font-weight: $table-tfoot-font-weight;\n height: $table-tfoot-cell-height;\n }\n }\n }\n\n > thead {\n > tr {\n > td,\n > th {\n font-weight: $table-thead-font-weight;\n height: $table-thead-cell-height;\n }\n }\n }\n}\n\n// stylelint-enable\n\n.bd-example {\n background-color: $body-bg;\n border: $border-width solid $border-color;\n margin: 0;\n padding: $spacer-lg;\n\n .toast-container {\n position: static;\n }\n\n .toast {\n opacity: 1;\n }\n\n .bd-example + & {\n @include border-top-radius(0);\n\n border-top: 0;\n margin-top: ($border-width * -1);\n }\n\n .custom-file-input:lang(es) ~ .custom-file-label::after {\n content: $custom-file-button-icon;\n }\n\n > button {\n margin: 0.25rem;\n }\n\n > img + img,\n > svg + svg {\n margin-left: 0.5rem;\n }\n\n > .dropdown-menu:first-child {\n position: relative;\n top: auto;\n left: auto;\n }\n\n > .list-group {\n max-width: 100%;\n }\n\n > textarea.textarea-autosize { // stylelint-disable-line\n resize: none;\n }\n\n + p {\n margin-top: $paragraph-margin-y;\n }\n}\n\n.bd-example-modal .modal-dialog {\n margin-top: ($dialog-margin-y * 2);\n margin-bottom: ($dialog-margin-y * 2);\n}\n\n.btn-clipboard {\n background-color: transparent;\n color: var(--primary);\n top: $spacer-xs;\n right: $spacer-xs;\n\n &:hover {\n background: var(--primary);\n }\n}\n\n.highlight {\n background-color: $light-theme-2;\n margin: 0 0 $paragraph-margin-y;\n padding: $spacer-lg;\n position: relative;\n\n pre {\n padding-bottom: $spacer;\n user-select: text;\n }\n\n .bd-content & {\n border-radius: $border-radius;\n margin-right: 0;\n margin-left: 0;\n }\n\n .bd-example + &,\n .bd-example + .bd-clipboard + & {\n border: $border-width solid $border-color;\n border-top: 0;\n margin-top: ($border-width * -1);\n }\n}\n\n.section-nav {\n border-left: $border-width solid $border-color;\n}\n\n// stylelint-disable selector-no-qualifying-type\n.toc-entry {\n a {\n color: #212121;\n font-size: 0.875rem;\n opacity: $nav-pills-link-opacity;\n padding: ($nav-link-padding-y / 2) 0 ($nav-link-padding-y / 2) $spacer;\n\n @include hover-focus-active {\n color: $nav-pills-color;\n opacity: 1;\n }\n\n &.active {\n color: $nav-pills-color-active;\n opacity: 1;\n }\n }\n}\n\n// CSS for accordion examples\n\n.bd-example [id='accordion'] .btn-link[data-toggle='collapse'] {\n padding: 0;\n}\n\n// CSS to flatten buttons in card examples\n\n// stylelint-disable selector-max-class\n.card {\n margin-bottom: 1rem;\n}\n\n// CSS to limit `.form-control` width in `.navbar` examples\n\n.bd-example .navbar .form-control {\n width: 10rem;\n}\n\n.bd-example-snackbars {\n display: flex;\n justify-content: center;\n\n .toast {\n z-index: 10;\n }\n}\n\n// Docsearch\n\n/* stylelint-disable declaration-no-important */\n.algolia-autocomplete {\n .algolia-docsearch-footer {\n border-top: $border-width solid $border-color;\n color: $menu-link-color-disabled !important;\n font-size: $font-size-caption !important;\n line-height: $line-height-caption !important;\n padding: $menu-padding-y-cascading $menu-link-padding-x 0;\n }\n\n .algolia-docsearch-suggestion {\n color: $menu-link-color;\n }\n\n .algolia-docsearch-suggestion--category-header,\n .algolia-docsearch-suggestion--title {\n //color: $menu-header-color !important;\n font-size: $menu-font-size-cascading !important;\n line-height: $menu-line-height-cascading;\n padding: $menu-link-padding-y $menu-link-padding-x !important;\n }\n\n .ds-dropdown-menu {\n border: 0;\n border-radius: $menu-border-radius;\n box-shadow: map-get($menu-elevation-shadow, shadow);\n margin-top: 0;\n padding-top: $menu-padding-y-cascading !important;\n padding-bottom: $menu-padding-y-cascading !important;\n width: 100%;\n\n [class^='ds-dataset-'] {\n border-radius: 0;\n }\n }\n\n .ds-suggestion.ds-cursor .algolia-docsearch-suggestion--content {\n background-color: $menu-link-bg-hover !important;\n }\n}\n\n/* stylelint-enable declaration-no-important */\n\n.doc-search:focus {\n z-index: 101;\n}\n\n// Project css\n\n.doc-jumbotron {\n background-color: theme-color(primary);\n background-image: url('../images/doc-jumbotron-bg.jpg');\n background-position: 50% 50%;\n background-repeat: no-repeat;\n background-size: cover;\n color: $white-primary;\n margin-bottom: 0;\n padding-top: ($toolbar-height * 2);\n padding-bottom: 6rem;\n\n @include media-breakpoint-down(sm) {\n h1 {\n @include typography-headline-3;\n }\n }\n\n @include media-breakpoint-up(lg) {\n .navdrawer-permanent-lg ~ & {\n margin-left: $navdrawer-width;\n }\n }\n\n h1:last-child,\n p:last-child {\n margin-bottom: 0;\n }\n}\n\n.doc-logo {\n @include typography-headline-6;\n\n align-items: center;\n background-color: rgba(theme-color(secondary), $black-divider-opacity);\n border-radius: ($toolbar-element-height / 2);\n box-shadow: inset 0 0 0 $border-width currentColor;\n color: inherit;\n display: inline-flex;\n //font-family: $font-family-serif;\n font-weight: 700;\n height: $toolbar-element-height;\n justify-content: center;\n line-height: 1;\n position: relative;\n user-select: none;\n vertical-align: top;\n white-space: nowrap;\n width: $toolbar-element-height;\n z-index: 1;\n\n &[href] {\n @include hover-focus-active {\n color: inherit;\n text-decoration: none;\n\n &::before {\n opacity: $black-divider-opacity;\n }\n }\n\n &::before {\n @include transition-standard(opacity);\n\n background-color: currentColor;\n border-radius: ($toolbar-element-height / 2);\n content: '';\n opacity: 0;\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: -1;\n }\n }\n\n &:focus {\n outline: 0;\n }\n}\n\n.doc-main {\n background-color: $white;\n\n @include media-breakpoint-up(lg) {\n .navdrawer-permanent-lg ~ & {\n margin-left: $navdrawer-width;\n }\n }\n}\n\n.doc-navbar-permanent {\n margin-left: $navdrawer-width;\n}\n\n.doc-navbar-persistent,\n.doc-navbar-temporary {\n @include transition-sharp(margin-left);\n}\n\n.doc-navbar-persistent {\n .navdrawer-open-persistent & {\n @include transition-deceleration(margin-left);\n\n margin-left: $navdrawer-width;\n }\n}\n\n.doc-navbar-temporary {\n .navdrawer-open-temporary & {\n @include transition-deceleration(margin-left);\n\n margin-left: $navdrawer-width;\n }\n}\n\n.doc-navdrawer-body {\n min-height: 100%;\n}\n\n.doc-skip {\n background-color: theme-color(primary);\n color: color-yiq(theme-color(primary));\n display: block;\n outline: 0;\n padding-top: (($toolbar-height - $font-size-base * $line-height-base) / 2);\n padding-bottom: (($toolbar-height - $font-size-base * $line-height-base) / 2);\n text-align: center;\n\n &:focus {\n color: color-yiq(theme-color(primary));\n }\n}\n\n.doc-skip-text {\n border: $border-width dotted currentColor;\n padding: $btn-padding-y $btn-padding-x;\n}\n\n.doc-swatch-text {\n font-family: $font-family-monospace;\n}\n\n.typography-body-1 {\n letter-spacing: normal;\n}\n\n[class*='lgi-icon'] {\n background-size: 24px;\n border-radius: 50%;\n}\n\n.lgi-icon-bs {\n background-image: url('https://djibe.github.io/material/apple-touch-icon.png');\n}\n\n.lgi-icon-md {\n background-image: url('data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGNpcmNsZSBjeD0iMTIiIGN5PSIxMiIgZmlsbD0iIzc1NzU3NSIgcj0iMTIiLz48cGF0aCBkPSJtMy42IDMuNmgxNi44djE2LjhoLTE2Ljh6IiBmaWxsPSIjYmRiZGJkIi8+PHBhdGggZD0ibTIwLjQgMy42LTguNCAxNi44LTguNC0xNi44eiIgZmlsbD0iI2ZmZiIvPjxwYXRoIGQ9Im0wIDBoMjR2MjRoLTI0eiIgZmlsbD0ibm9uZSIvPjwvc3ZnPg==');\n}\n\n.lgi-icon-mdc {\n background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAMAAADVRocKAAAAzFBMVEUAAAAiIiIgICAhISEXFxchISEiIiIiIiIhISEhISEhISEhISFAQEAhISH////V/Nid+ZOT+XSW+mmd/GCq/lsB3XIFymoItWEMolkSekccPCzl/eaY+Yib+2Oy/1kA5nYGxGgQhUweMijx/vKZ+Yuq/loC3XIRg0sfKiWu+quk/V0D1G4WYDz9//2Z+Imx/1kRhEwhIyLy/vST+XELpVogKSWS+XKj/V3j/eYQhEwGw2cMoVgItGAFyWkcPC0WYTwQg0sLpFohIiERgkuViPK2AAAADXRSTlMAQ7XsC5mYRLRF7UYEGjoK4gAAAatJREFUeAHt2QV2HDEMgOHBshpOFq3FgfAy8/3PVOYhPUtl/xf4Hphtmb7LZLIdFwRyHdtKy/NBLN9LAXwQ7ImV6CmIZicARxZ4lgBcWcBNACCcATjAa2IGMIABDGAAAxjgdwNHxyenZ+cXl1elckUeqNbq6kP4oUazJQq0O131KfxUEEZyQHytvoRfurkVAu7uH1QagPjYkwD6A6UyAByO+MDdWGUDOOyxgXuVB+AjF4gf8gG85QHtiSoAbiIW0FFFAIYcYNotBoIWA6ipYgBnDKBOAeb6wJGiAFjRBo5pQFkbOKEBC23glAYstYEzGrDSBs5pQKB9Eb9AQhzgkgastIErGrDUBko0YKENlGlAWRtY04CKNgANJDQHfaBJAWYMoBVgYUGLAcBjMRACB4husKCbiAXApgi4BR4AW8ztEbhAb4g57XpsAEY5wm4EfAB6j5hRuBd6mN3cYDL6BYRQFCZmXHCIRJ+WW7M5ftN81pJ/u66UF8tVEKyWC61rLD8DkPr1n0SOLOAkAFsWeP7rvxot74n0Z2ki+9kLEOiF89LK7JVAlsn0t/UWTrKr7UdK6x0AAAAASUVORK5CYII=');\n}\n\n.lgi-icon-plugin {\n background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTgsM0EyLDIgMCAwLDAgNiw1VjlBMiwyIDAgMCwxIDQsMTFIM1YxM0g0QTIsMiAwIDAsMSA2LDE1VjE5QTIsMiAwIDAsMCA4LDIxSDEwVjE5SDhWMTRBMiwyIDAgMCwwIDYsMTJBMiwyIDAgMCwwIDgsMTBWNUgxMFYzTTE2LDNBMiwyIDAgMCwxIDE4LDVWOUEyLDIgMCAwLDAgMjAsMTFIMjFWMTNIMjBBMiwyIDAgMCwwIDE4LDE1VjE5QTIsMiAwIDAsMSAxNiwyMUgxNFYxOUgxNlYxNEEyLDIgMCAwLDEgMTgsMTJBMiwyIDAgMCwxIDE2LDEwVjVIMTRWM0gxNloiIC8+PC9zdmc+');\n}\n",".bd-content .alert p:last-of-type {\n margin-bottom: 0;\n}\n\n.bd-callout {\n border: 0;\n border-left: 0.3125rem solid #6200ee;\n border-radius: 0;\n margin-top: 0;\n margin-bottom: 1rem;\n padding: 0 1rem;\n}\n\n.bd-callout + .bd-callout {\n margin-top: 0;\n}\n\n.bd-callout-danger {\n border-left-color: #b00020;\n}\n\n.bd-callout-danger h5 {\n color: #b00020;\n}\n\n.bd-callout-info {\n border-left-color: #714cfe;\n}\n\n.bd-callout-info h5 {\n color: #714cfe;\n}\n\n.bd-callout-warning {\n border-left-color: #ff8d00;\n}\n\n.bd-callout-warning h5 {\n color: #ff8d00;\n}\n\n.bd-content > table {\n border: 1px solid #e1e1e1;\n}\n\n.bd-content > table > tbody > tr > td,\n.bd-content > table > tbody > tr > th,\n.bd-content > table > tfoot > tr > td,\n.bd-content > table > tfoot > tr > th,\n.bd-content > table > thead > tr > td,\n.bd-content > table > thead > tr > th {\n border: 0;\n border-top: 1px solid #e1e1e1;\n line-height: 1.5;\n padding-right: 1rem;\n padding-left: 1rem;\n}\n\n.bd-content > table > tbody > tr > td:first-child,\n.bd-content > table > tbody > tr > th:first-child,\n.bd-content > table > tfoot > tr > td:first-child,\n.bd-content > table > tfoot > tr > th:first-child,\n.bd-content > table > thead > tr > td:first-child,\n.bd-content > table > thead > tr > th:first-child {\n padding-left: 1.5rem;\n}\n\n.bd-content > table > tbody > tr > td:last-child,\n.bd-content > table > tbody > tr > th:last-child,\n.bd-content > table > tfoot > tr > td:last-child,\n.bd-content > table > tfoot > tr > th:last-child,\n.bd-content > table > thead > tr > td:last-child,\n.bd-content > table > thead > tr > th:last-child {\n padding-right: 1.5rem;\n}\n\n.bd-content > table > tbody > tr:nth-of-type(odd) {\n background-color: #f5f5f5;\n}\n\n.bd-content > table > tbody > tr > td,\n.bd-content > table > tbody > tr > th {\n height: 3.25rem;\n}\n\n.bd-content > table > tfoot {\n color: rgba(0, 0, 0, 0.54);\n}\n\n.bd-content > table > tfoot > tr > td,\n.bd-content > table > tfoot > tr > th {\n font-size: 0.75rem;\n font-weight: 400;\n height: 3.5rem;\n}\n\n.bd-content > table > thead > tr > td,\n.bd-content > table > thead > tr > th {\n font-weight: 500;\n height: 3.5rem;\n}\n\n.bd-example {\n background-color: white;\n border: 1px solid rgba(0, 0, 0, 0.12);\n margin: 0;\n padding: 1.5rem;\n}\n\n.bd-example .toast-container {\n position: static;\n}\n\n.bd-example .toast {\n opacity: 1;\n}\n\n.bd-example + .bd-example {\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n border-top: 0;\n margin-top: -1px;\n}\n\n.bd-example .custom-file-input:lang(es) ~ .custom-file-label::after {\n content: \"attachment\";\n}\n\n.bd-example > button {\n margin: 0.25rem;\n}\n\n.bd-example > img + img,\n.bd-example > svg + svg {\n margin-left: 0.5rem;\n}\n\n.bd-example > .dropdown-menu:first-child {\n position: relative;\n top: auto;\n left: auto;\n}\n\n.bd-example > .list-group {\n max-width: 100%;\n}\n\n.bd-example > textarea.textarea-autosize {\n resize: none;\n}\n\n.bd-example + p {\n margin-top: 1rem;\n}\n\n.bd-example-modal .modal-dialog {\n margin-top: 2rem;\n margin-bottom: 2rem;\n}\n\n.btn-clipboard {\n background-color: transparent;\n color: var(--primary);\n top: 0.25rem;\n right: 0.25rem;\n}\n\n.btn-clipboard:hover {\n background: var(--primary);\n}\n\n.highlight {\n background-color: #f5f5f5;\n margin: 0 0 1rem;\n padding: 1.5rem;\n position: relative;\n}\n\n.highlight pre {\n padding-bottom: 1rem;\n user-select: text;\n}\n\n.bd-content .highlight {\n border-radius: 4px;\n margin-right: 0;\n margin-left: 0;\n}\n\n.bd-example + .highlight,\n.bd-example + .bd-clipboard + .highlight {\n border: 1px solid rgba(0, 0, 0, 0.12);\n border-top: 0;\n margin-top: -1px;\n}\n\n.section-nav {\n border-left: 1px solid rgba(0, 0, 0, 0.12);\n}\n\n.toc-entry a {\n color: #212121;\n font-size: 0.875rem;\n opacity: 0.7;\n padding: 0.25rem 0 0.25rem 1rem;\n}\n\n.toc-entry a:hover, .toc-entry a:focus, .toc-entry a:active {\n color: rgba(0, 0, 0, 0.87);\n opacity: 1;\n}\n\n.toc-entry a.active {\n color: #6200ee;\n opacity: 1;\n}\n\n.bd-example [id='accordion'] .btn-link[data-toggle='collapse'] {\n padding: 0;\n}\n\n.card {\n margin-bottom: 1rem;\n}\n\n.bd-example .navbar .form-control {\n width: 10rem;\n}\n\n.bd-example-snackbars {\n display: flex;\n justify-content: center;\n}\n\n.bd-example-snackbars .toast {\n z-index: 10;\n}\n\n/* stylelint-disable declaration-no-important */\n.algolia-autocomplete .algolia-docsearch-footer {\n border-top: 1px solid rgba(0, 0, 0, 0.12);\n color: rgba(0, 0, 0, 0.38) !important;\n font-size: 0.75rem !important;\n line-height: 1.25rem !important;\n padding: 1rem 1rem 0;\n}\n\n.algolia-autocomplete .algolia-docsearch-suggestion {\n color: rgba(0, 0, 0, 0.87);\n}\n\n.algolia-autocomplete .algolia-docsearch-suggestion--category-header,\n.algolia-autocomplete .algolia-docsearch-suggestion--title {\n font-size: 0.9375rem !important;\n line-height: 1.5rem;\n padding: 0 1rem !important;\n}\n\n.algolia-autocomplete .ds-dropdown-menu {\n border: 0;\n border-radius: 4px;\n box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2);\n margin-top: 0;\n padding-top: 1rem !important;\n padding-bottom: 1rem !important;\n width: 100%;\n}\n\n.algolia-autocomplete .ds-dropdown-menu [class^='ds-dataset-'] {\n border-radius: 0;\n}\n\n.algolia-autocomplete .ds-suggestion.ds-cursor .algolia-docsearch-suggestion--content {\n background-color: rgba(0, 0, 0, 0.04) !important;\n}\n\n/* stylelint-enable declaration-no-important */\n.doc-search:focus {\n z-index: 101;\n}\n\n.doc-jumbotron {\n background-color: #6200ee;\n background-image: url(\"../images/doc-jumbotron-bg.jpg\");\n background-position: 50% 50%;\n background-repeat: no-repeat;\n background-size: cover;\n color: white;\n margin-bottom: 0;\n padding-top: 7rem;\n padding-bottom: 6rem;\n}\n\n@media (max-width: 767.98px) {\n .doc-jumbotron h1 {\n font-size: 3rem;\n font-weight: 400;\n letter-spacing: 0;\n line-height: 3.125rem;\n }\n}\n\n@media (min-width: 992px) {\n .navdrawer-permanent-lg ~ .doc-jumbotron {\n margin-left: 16rem;\n }\n}\n\n.doc-jumbotron h1:last-child,\n.doc-jumbotron p:last-child {\n margin-bottom: 0;\n}\n\n.doc-logo {\n font-size: 1.25rem;\n font-weight: 500;\n letter-spacing: 0.0125em;\n line-height: 2rem;\n align-items: center;\n background-color: rgba(3, 218, 198, 0.12);\n border-radius: 1.125rem;\n box-shadow: inset 0 0 0 1px currentColor;\n color: inherit;\n display: inline-flex;\n font-weight: 700;\n height: 2.25rem;\n justify-content: center;\n line-height: 1;\n position: relative;\n user-select: none;\n vertical-align: top;\n white-space: nowrap;\n width: 2.25rem;\n z-index: 1;\n}\n\n.doc-logo[href]:hover, .doc-logo[href]:focus, .doc-logo[href]:active {\n color: inherit;\n text-decoration: none;\n}\n\n.doc-logo[href]:hover::before, .doc-logo[href]:focus::before, .doc-logo[href]:active::before {\n opacity: 0.12;\n}\n\n.doc-logo[href]::before {\n /* transition: $transition-duration-mobile;\n transition-property: $property;\n transition-timing-function: $transition-timing-function-standard; */\n transition: opacity 300ms cubic-bezier(0.4, 0, 0.2, 1);\n background-color: currentColor;\n border-radius: 1.125rem;\n content: '';\n opacity: 0;\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: -1;\n}\n\n@media (min-width: 576px) {\n .doc-logo[href]::before {\n transition-duration: 390ms;\n }\n}\n\n@media (min-width: 992px) {\n .doc-logo[href]::before {\n transition-duration: 280ms;\n }\n}\n\n@media screen and (prefers-reduced-motion: reduce) {\n .doc-logo[href]::before {\n transition: none;\n }\n}\n\n.doc-logo:focus {\n outline: 0;\n}\n\n.doc-main {\n background-color: #ffffff;\n}\n\n@media (min-width: 992px) {\n .navdrawer-permanent-lg ~ .doc-main {\n margin-left: 16rem;\n }\n}\n\n.doc-navbar-permanent {\n margin-left: 16rem;\n}\n\n.doc-navbar-persistent,\n.doc-navbar-temporary {\n transition-duration: 195ms;\n transition-property: margin-left;\n transition-timing-function: cubic-bezier(0.4, 0, 0.6, 1);\n}\n\n@media (min-width: 576px) {\n .doc-navbar-persistent,\n .doc-navbar-temporary {\n transition-duration: 253.5ms;\n }\n}\n\n@media (min-width: 992px) {\n .doc-navbar-persistent,\n .doc-navbar-temporary {\n transition-duration: 75ms;\n }\n}\n\n@media screen and (prefers-reduced-motion: reduce) {\n .doc-navbar-persistent,\n .doc-navbar-temporary {\n transition: none;\n }\n}\n\n.navdrawer-open-persistent .doc-navbar-persistent {\n transition-duration: 225ms;\n transition-property: margin-left;\n transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n margin-left: 16rem;\n}\n\n@media (min-width: 576px) {\n .navdrawer-open-persistent .doc-navbar-persistent {\n transition-duration: 292.5ms;\n }\n}\n\n@media (min-width: 992px) {\n .navdrawer-open-persistent .doc-navbar-persistent {\n transition-duration: 150ms;\n }\n}\n\n@media screen and (prefers-reduced-motion: reduce) {\n .navdrawer-open-persistent .doc-navbar-persistent {\n transition: none;\n }\n}\n\n.navdrawer-open-temporary .doc-navbar-temporary {\n transition-duration: 225ms;\n transition-property: margin-left;\n transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n margin-left: 16rem;\n}\n\n@media (min-width: 576px) {\n .navdrawer-open-temporary .doc-navbar-temporary {\n transition-duration: 292.5ms;\n }\n}\n\n@media (min-width: 992px) {\n .navdrawer-open-temporary .doc-navbar-temporary {\n transition-duration: 150ms;\n }\n}\n\n@media screen and (prefers-reduced-motion: reduce) {\n .navdrawer-open-temporary .doc-navbar-temporary {\n transition: none;\n }\n}\n\n.doc-navdrawer-body {\n min-height: 100%;\n}\n\n.doc-skip {\n background-color: #6200ee;\n color: white;\n display: block;\n outline: 0;\n padding-top: 1rem;\n padding-bottom: 1rem;\n text-align: center;\n}\n\n.doc-skip:focus {\n color: white;\n}\n\n.doc-skip-text {\n border: 1px dotted currentColor;\n padding: 0 1rem;\n}\n\n.doc-swatch-text {\n font-family: \"Roboto Mono\", \"Menlo\", \"Monaco\", \"Consolas\", \"Liberation Mono\", \"Courier New\", monospace;\n}\n\n.typography-body-1 {\n letter-spacing: normal;\n}\n\n[class*='lgi-icon'] {\n background-size: 24px;\n border-radius: 50%;\n}\n\n.lgi-icon-bs {\n background-image: url(\"https://djibe.github.io/material/apple-touch-icon.png\");\n}\n\n.lgi-icon-md {\n background-image: url(\"data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGNpcmNsZSBjeD0iMTIiIGN5PSIxMiIgZmlsbD0iIzc1NzU3NSIgcj0iMTIiLz48cGF0aCBkPSJtMy42IDMuNmgxNi44djE2LjhoLTE2Ljh6IiBmaWxsPSIjYmRiZGJkIi8+PHBhdGggZD0ibTIwLjQgMy42LTguNCAxNi44LTguNC0xNi44eiIgZmlsbD0iI2ZmZiIvPjxwYXRoIGQ9Im0wIDBoMjR2MjRoLTI0eiIgZmlsbD0ibm9uZSIvPjwvc3ZnPg==\");\n}\n\n.lgi-icon-mdc {\n background-image: url(\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAMAAADVRocKAAAAzFBMVEUAAAAiIiIgICAhISEXFxchISEiIiIiIiIhISEhISEhISEhISFAQEAhISH////V/Nid+ZOT+XSW+mmd/GCq/lsB3XIFymoItWEMolkSekccPCzl/eaY+Yib+2Oy/1kA5nYGxGgQhUweMijx/vKZ+Yuq/loC3XIRg0sfKiWu+quk/V0D1G4WYDz9//2Z+Imx/1kRhEwhIyLy/vST+XELpVogKSWS+XKj/V3j/eYQhEwGw2cMoVgItGAFyWkcPC0WYTwQg0sLpFohIiERgkuViPK2AAAADXRSTlMAQ7XsC5mYRLRF7UYEGjoK4gAAAatJREFUeAHt2QV2HDEMgOHBshpOFq3FgfAy8/3PVOYhPUtl/xf4Hphtmb7LZLIdFwRyHdtKy/NBLN9LAXwQ7ImV6CmIZicARxZ4lgBcWcBNACCcATjAa2IGMIABDGAAAxjgdwNHxyenZ+cXl1elckUeqNbq6kP4oUazJQq0O131KfxUEEZyQHytvoRfurkVAu7uH1QagPjYkwD6A6UyAByO+MDdWGUDOOyxgXuVB+AjF4gf8gG85QHtiSoAbiIW0FFFAIYcYNotBoIWA6ipYgBnDKBOAeb6wJGiAFjRBo5pQFkbOKEBC23glAYstYEzGrDSBs5pQKB9Eb9AQhzgkgastIErGrDUBko0YKENlGlAWRtY04CKNgANJDQHfaBJAWYMoBVgYUGLAcBjMRACB4husKCbiAXApgi4BR4AW8ztEbhAb4g57XpsAEY5wm4EfAB6j5hRuBd6mN3cYDL6BYRQFCZmXHCIRJ+WW7M5ftN81pJ/u66UF8tVEKyWC61rLD8DkPr1n0SOLOAkAFsWeP7rvxot74n0Z2ki+9kLEOiF89LK7JVAlsn0t/UWTrKr7UdK6x0AAAAASUVORK5CYII=\");\n}\n\n.lgi-icon-plugin {\n background-image: url(\"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTgsM0EyLDIgMCAwLDAgNiw1VjlBMiwyIDAgMCwxIDQsMTFIM1YxM0g0QTIsMiAwIDAsMSA2LDE1VjE5QTIsMiAwIDAsMCA4LDIxSDEwVjE5SDhWMTRBMiwyIDAgMCwwIDYsMTJBMiwyIDAgMCwwIDgsMTBWNUgxMFYzTTE2LDNBMiwyIDAgMCwxIDE4LDVWOUEyLDIgMCAwLDAgMjAsMTFIMjFWMTNIMjBBMiwyIDAgMCwwIDE4LDE1VjE5QTIsMiAwIDAsMSAxNiwyMUgxNFYxOUgxNlYxNEEyLDIgMCAwLDEgMTgsMTJBMiwyIDAgMCwxIDE2LDEwVjVIMTRWM0gxNloiIC8+PC9zdmc+\");\n}\n\n/*# sourceMappingURL=docs.css.map */","// Theme palette : https://material.io/design/material-theming/implementing-your-theme.html#color\n\n$primary: (\n color: #6200ee,\n dark: #3700b3,\n light: #bb86fc\n) !default;\n\n$secondary: (\n color: #03dac6,\n dark: #018786,\n light: #66fff8\n) !default;\n\n$danger: (\n color: #b00020,\n dark: $material-color-red-700,\n light: #c51162\n) !default;\n\n$info: (\n color: #714cfe,\n dark: #021aee,\n light: #d2c2fd\n) !default;\n\n$success: (\n color: #61d800,\n dark: #41c300,\n light: #c6f68d\n) !default;\n\n$warning: (\n color: #ff8d00,\n dark: #ee6002,\n light: #ffc77d\n) !default;\n\n$dark: (\n color: $material-color-grey-800,\n dark: $material-color-grey-900,\n light: $material-color-grey-600\n) !default;\n\n$light: (\n color: $material-color-grey-100,\n dark: $material-color-grey-300,\n light: $material-color-grey-050\n) !default;\n\n$theme-colors: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$theme-colors: map-merge(\n (\n primary: $primary,\n secondary: $secondary,\n danger: $danger,\n info: $info,\n success: $success,\n warning: $warning,\n dark: $dark,\n light: $light\n ),\n $theme-colors\n);\n\n$yiq-contrasted-threshold: 170 !default;\n$yiq-text-dark: $black-primary !default;\n$yiq-text-light: $white-primary !default;\n\n// Characters which are escaped by the escape-svg function\n$escaped-characters: (\n ('<','%3c'),\n ('>','%3e'),\n ('#','%23'),\n) !default;\n","$border-color: $black-divider !default;\n$border-color-solid: #e1e1e1 !default;\n$border-radius: 4px !default;\n$border-radius-sm: 2px !default;\n$border-radius-lg: $border-radius * 4 !default;\n$border-width: 1px !default;\n\n$sizes: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$sizes: map-merge(\n (\n 25: 25%,\n 50: 50%,\n 75: 75%,\n 100: 100%,\n auto: auto\n ),\n $sizes\n);\n\n$spacer: 1rem !default;\n\n$spacer-xs: ($spacer * 0.25) !default;\n$spacer-sm: ($spacer * 0.5) !default;\n$spacer-lg: ($spacer * 1.5) !default;\n$spacer-xl: ($spacer * 3) !default;\n\n$spacers: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$spacers: map-merge(\n (\n 0: 0,\n 1: $spacer-xs,\n 2: $spacer-sm,\n 3: $spacer,\n 4: $spacer-lg,\n 5: $spacer-xl\n ),\n $spacers\n);\n","// A base value used to responsively scale all typography, applied to the `` element\n\n$font-size-root: 16px !default;\n\n// Font face\n// Based on https://material.google.com/style/typography.html#typography-typeface\n\n// N.B. Although some values are not used in this project\n// we leave them here just in case they may be required by your project\n\n$font-family-monospace: 'Roboto Mono', 'Menlo', 'Monaco', 'Consolas', 'Liberation Mono', 'Courier New', monospace !default;\n$font-family-sans-serif: 'Roboto', -apple-system, 'BlinkMacSystemFont', 'Segoe UI', 'Helvetica Neue', 'Arial', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol' !default;\n//$font-family-serif: 'Roboto Slab', Georgia, 'Times New Roman', Times, serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol' !default;\n\n$font-family-base: $font-family-sans-serif !default;\n\n$font-weight-medium: 500 !default;\n$font-weight-bold: $font-weight-medium !default;\n$font-weight-bolder: 600 !default;\n$font-weight-regular: 400 !default;\n$font-weight-normal: $font-weight-regular !default;\n$font-weight-light: 300 !default;\n$font-weight-lighter: $font-weight-light !default;\n\n$font-weight-base: $font-weight-regular !default;\n\n// Font styles\n// Based on https://material.io/design/material-theming/implementing-your-theme.html#typography\n// and https://material-components.github.io/material-components-web-catalog/#/component/typography\n\n$font-size-base: 1rem !default; // 16px\n\n$font-size-headline-1: ($font-size-base * 6) !default; // 96px\n$font-size-headline-2: ($font-size-base * 3.75) !default; // 60px\n$font-size-headline-3: ($font-size-base * 3) !default; // 48px\n$font-size-headline-4: ($font-size-base * 2.125) !default; // 34px\n$font-size-headline-5: ($font-size-base * 1.5) !default; // 24px\n$font-size-headline-6: ($font-size-base * 1.25) !default; // 20px\n$font-size-subtitle-1: $font-size-base !default; // 16px\n$font-size-subtitle-2: ($font-size-base * 0.875) !default; // 14px\n$font-size-body-1: $font-size-base !default; // 16px\n$font-size-body-2: ($font-size-base * 0.875) !default; // 14px\n$font-size-caption: ($font-size-base * 0.75) !default; // 12px\n$font-size-overline: ($font-size-base * 0.75) !default; // 12px\n\n$font-weight-headline-1: $font-weight-light !default;\n$font-weight-headline-2: $font-weight-light !default;\n$font-weight-headline-3: $font-weight-regular !default;\n$font-weight-headline-4: $font-weight-regular !default;\n$font-weight-headline-5: $font-weight-regular !default;\n$font-weight-headline-6: $font-weight-medium !default;\n$font-weight-subtitle-1: $font-weight-regular !default;\n$font-weight-subtitle-2: $font-weight-medium !default;\n$font-weight-body-1: $font-weight-regular !default;\n$font-weight-body-2: $font-weight-regular !default;\n$font-weight-caption: $font-weight-regular !default;\n$font-weight-overline: $font-weight-medium !default;\n\n$letter-spacing-headline-1: -0.015625em !default;\n$letter-spacing-headline-2: -0.0083333333em !default;\n$letter-spacing-headline-3: 0 !default;\n$letter-spacing-headline-4: 0.0073529412em !default;\n$letter-spacing-headline-5: 0 !default;\n$letter-spacing-headline-6: 0.0125em !default;\n$letter-spacing-subtitle-1: 0.009375em !default;\n$letter-spacing-subtitle-2: 0.0071428571em !default;\n$letter-spacing-body-1: 0.03125em !default;\n$letter-spacing-body-2: 0.0178571429em !default;\n$letter-spacing-caption: 0.0333333333em !default;\n$letter-spacing-overline: 0.1666666667em !default;\n\n// Line height\n\n$line-height-base: 1.5 !default; // 1.428572\n\n$line-height-headline-1: 6rem !default;\n$line-height-headline-2: 3.75rem !default;\n$line-height-headline-3: 3.125rem !default;\n$line-height-headline-4: 2.5rem !default;\n$line-height-headline-5: 2rem !default;\n$line-height-headline-6: 2rem !default;\n$line-height-subtitle-1: 1.75rem !default;\n$line-height-subtitle-2: 1.375rem !default;\n$line-height-body-1: 1.5rem !default;\n$line-height-body-2: 1.25rem !default;\n$line-height-caption: 1.25rem !default;\n$line-height-overline: 2rem !default;\n\n// Material icons default size\n\n$material-icon-size: (24 / strip-unit($font-size-root) * 1rem) !default;\n","// Based on https://material.google.com/components/buttons.html AND https://material-density.glitch.me/\n\n$btn-bg-active: rgba(153, 153, 153, 0.4) !default;\n$btn-bg-active-inverse: rgba(204, 204, 204, 0.25) !default;\n$btn-bg-disabled: $black-divider !default;\n$btn-bg-disabled-inverse: $white-divider !default;\n$btn-border-radius: $border-radius !default;\n$btn-block-margin-y: $spacer-xs !default;\n$btn-color: $black-primary !default;\n$btn-color-disabled: rgba($black, 0.37) !default;\n$btn-color-disabled-inverse: rgba($white, 0.3) !default;\n$btn-elevation-shadow: map-get($elevation-shadows, 2) !default;\n$btn-elevation-shadow-hover: map-get($elevation-shadows, 4) !default;\n$btn-elevation-shadow-active: map-get($elevation-shadows, 8) !default;\n$btn-font-weight: $font-weight-medium !default;\n$btn-icon-size: 1.125rem !default; // Icon within a raised/outlined/text button\n//$btn-line-height: 1 !default;\n$btn-min-width: 4rem !default; // 64px\n$btn-overlay: $black-divider !default;\n$btn-overlay-inverse: rgba($white, 0.08) !default; //$white-divider\n\n$btn-font-size: 0.875rem !default;\n$btn-font-size-lg: 0.9375rem !default;\n//$btn-font-size-sm: 0.8125rem !default;\n$btn-height: 2.25rem !default; // 36px\n$btn-height-lg: 2.5rem !default; // 40px unofficial\n$btn-height-sm: 1.75rem !default; // 28px\n$btn-height-xs: 1.5rem !default; // 24px\n$btn-padding-x: $spacer !default;\n$btn-flat-padding-x: $spacer-sm !default;\n$btn-group-padding-x: 0.75rem !default;\n$btn-padding-y: 0 !default;\n\n// Based on https://material-density.glitch.me/\n\n$btn-icon-width: 3rem !default;\n$btn-icon-width-sm: 2.25rem !default;\n$btn-icon-width-xs: 1.75rem !default;\n\n// Based on https://material.io/components/buttons-floating-action-button/\n\n$btn-float-dropdown-inner-spacer-y: $spacer !default;\n$btn-float-elevation-shadow: map-get($elevation-shadows, 6) !default;\n$btn-float-elevation-shadow-hover: map-get($elevation-shadows, 8) !default;\n$btn-float-elevation-shadow-active: map-get($elevation-shadows, 12) !default;\n$btn-float-size: 3.5rem !default; // 56px\n$btn-float-size-sm: 2.5rem !default; // 40px\n$btn-float-extended-height: 3rem !default; // 48px\n$btn-float-extended-padding-x: 1.25rem !default; // 20px\n$btn-float-extended-border-radius: $btn-float-extended-height / 2 !default; // 24px\n$btn-float-extended-line-height: 2.25rem !default;\n\n// Based on https://material.io/components/buttons/#toggle-button\n\n$btn-group-bg: $white-primary !default;\n$btn-group-inner-spacer-x: 1px !default;\n$btn-group-inner-spacer-y: 1px !default;\n$btn-group-toggle-opacity: 0.7 !default;\n\n// Based on https://material.io/components/cards/\n\n$card-action-inner-spacer-x: $spacer-sm !default;\n$card-action-inner-spacer-y: $spacer-xs !default;\n$card-action-padding-x: $spacer-sm !default;\n$card-action-padding-y: $card-action-padding-x !default;\n$card-bg: $white !default;\n$card-border-color: $border-color !default;\n$card-border-radius: $border-radius !default;\n$card-border-width: $border-width !default;\n$card-columns-count: 2 !default;\n$card-columns-count-desktop: 3 !default;\n$card-elevation-shadow: map-get($elevation-shadows, 1) !default;\n$card-elevation-shadow-hover: map-get($elevation-shadows, 4) !default;\n$card-inner-border-radius: subtract($card-border-radius, $card-border-width) !default;\n$card-margin-x: $spacer-sm !default;\n$card-margin-y: $card-margin-x !default;\n$card-padding-x: $spacer !default;\n$card-padding-y: $card-padding-x !default;\n\n// Based on https://material.io/components/chips/\n\n$chip-bg: $material-color-grey-300 !default;\n$chip-bg-hover: rgba($black, $overlay-focus-colored-opacity) !default;\n$chip-bg-active: rgba($black, $overlay-pressed-colored-opacity) !default;\n$chip-outline-bg-hover: rgba($black, $overlay-hover-white-opacity) !default;\n$chip-outline-bg-active: rgba($black, $overlay-pressed-white-opacity) !default;\n$chip-color: $black-primary !default;\n$chip-font-size: 0.875rem !default;\n$chip-font-weight: $font-weight-regular !default;\n$chip-height: 2rem !default;\n$chip-icon-bg: theme-color(secondary) !default;\n$chip-icon-font-size: 1rem !default;\n$chip-icon-size: 1.25rem !default;\n$chip-inner-spacer-x: $spacer-xs !default;\n$chip-letter-spacing: $letter-spacing-body-2 !default;\n$chip-line-height: 1.25rem !default;\n$chip-padding-x: 0.75rem !default;\n$chip-padding-y: 0 !default;\n\n// Based on https://material.io/components/data-tables/\n\n$table-bg: $white !default;\n$table-bg-active: rgba(theme-color(primary), $overlay-hover-white-opacity) !default;\n//$table-bg-active-hover: $material-color-grey-300 !default;\n$table-bg-accent: $material-color-grey-100 !default;\n$table-bg-hover: rgba($black, $overlay-hover-white-opacity) !default;\n$table-border-color: $border-color-solid !default;\n$table-border-width: $border-width !default;\n$table-cell-padding-x: $spacer !default;\n$table-cell-padding-x-alt: $spacer-lg !default;\n$table-font-size: 0.875rem !default;\n$table-line-height: $line-height-base !default;\n$table-margin-y: $spacer !default;\n$table-striped-order: odd !default;\n\n$table-dark-bg: $dark-theme-4 !default;\n$table-dark-bg-accent: $dark-theme-3 !default;\n$table-dark-bg-hover: #565761 !default;\n$table-dark-border-color: #55555d !default;\n$table-dark-color: $white !default;\n\n$table-tbody-cell-height: 3.25rem !default;\n//$table-tbody-font-size: 0.8125rem !default;\n\n$table-tfoot-cell-height: 3.5rem !default; // 56px\n$table-tfoot-color: $black-secondary !default;\n$table-tfoot-font-size: 0.75rem !default;\n$table-tfoot-font-weight: $font-weight-regular !default;\n\n$table-thead-bg: $table-bg-accent !default;\n$table-thead-cell-height: $table-tfoot-cell-height !default;\n$table-thead-font-weight: $font-weight-medium !default;\n$table-thead-letter-spacing: 0.0071428571em !default;\n$table-thead-padding-y: (($table-thead-cell-height - $table-font-size * $table-line-height) / 2) !default;\n\n$table-th-font-weight: null !default;\n\n$table-sm-tbody-cell-height: 2.25rem !default;\n$table-sm-tfoot-cell-height: 2.5rem !default;\n$table-sm-thead-cell-height: $table-sm-tfoot-cell-height !default;\n\n// Based on https://material.io/components/dialogs/\n\n$dialog-backdrop-bg: rgba($black, 0.32) !default;\n$dialog-body-padding-y: 1.25rem !default;\n$dialog-border-radius: $border-radius !default;\n$dialog-color: $black-caption !default;\n$dialog-content-bg: $white !default;\n$dialog-elevation-shadow: map-get($elevation-shadows, 24) !default;\n$dialog-footer-inner-spacer-x: $spacer-sm !default;\n$dialog-footer-padding-x: $spacer-sm !default;\n$dialog-footer-padding-y: $spacer-sm !default;\n$dialog-margin-x: $spacer !default;\n$dialog-margin-y: $spacer !default;\n$dialog-padding-x: $spacer-lg !default;\n$dialog-padding-y: $spacer-sm !default;\n$dialog-transition-scale: 0.8 !default;\n$dialog-width: 35rem !default; // 560px\n$dialog-width-lg: 52.5rem !default; // 840px\n$dialog-width-sm: 17.5rem !default; // 280px\n$dialog-width-xl: $dialog-width-lg !default;\n\n// Based on https://material.io/archive/guidelines/components/expansion-panels.html\n\n$expansion-panel-bg: $white !default;\n$expansion-panel-bg-hover: rgba($black, $overlay-hover-white-opacity) !default;\n$expansion-panel-bg-focus: rgba($black, $overlay-focus-white-opacity) !default;\n$expansion-panel-bg-active: rgba($black, $overlay-pressed-white-opacity) !default;\n$expansion-panel-bg-selected: rgba(theme-color(primary), $overlay-activated-white-opacity) !default;\n$expansion-panel-bg-primary-hover: rgba(theme-color(primary), $overlay-selected-colored-opacity) !default;\n$expansion-panel-bg-primary-focus: rgba(theme-color(primary), $overlay-pressed-white-opacity) !default;\n$expansion-panel-border-color: $border-color !default;\n$expansion-panel-border-radius: $border-radius !default;\n$expansion-panel-border-width: $border-width !default;\n$expansion-panel-color: $black-primary !default;\n$expansion-panel-color-selected: theme-color(primary) !default;\n$expansion-panel-color-disabled: $black-hint !default;\n//$expansion-panel-elevation-shadow: map-get($elevation-shadows, 1) !default;\n$expansion-panel-font-size: $font-size-base !default;\n$expansion-panel-footer-btn-min-width: 4rem !default;\n$expansion-panel-footer-inner-spacer-x: $spacer-sm !default;\n$expansion-panel-footer-inner-spacer-y: $spacer-xs !default;\n$expansion-panel-footer-padding-x: $spacer-sm !default;\n$expansion-panel-height: 3rem !default;\n$expansion-panel-inner-spacer-x: $spacer !default;\n$expansion-panel-inner-spacer-y: $expansion-panel-inner-spacer-x !default;\n$expansion-panel-letter-spacing: $letter-spacing-subtitle-1 !default;\n$expansion-panel-line-height: $line-height-base !default;\n$expansion-panel-margin-y: $spacer !default;\n$expansion-panel-padding-x: $spacer !default;\n$expansion-panel-padding-y: (($expansion-panel-height - $expansion-panel-font-size * $expansion-panel-line-height) / 2) !default;\n\n$list-group-item-icon-size: 1.5rem !default;\n$list-group-item-graphic-width: 2.5rem !default;\n$list-group-item-graphic-color: rgba($black, 0.3) !default;\n\n// Material icons\n$material-icon-font-family: 'Material Icons', 'Material Icons Outlined', 'Material Icons Two Tone', 'Material Icons Round', 'Material Icons Sharp' !default;\n\n// Based on https://material.io/components/menus/\n\n$menu-bg: $white !default;\n$menu-border-radius: $border-radius !default;\n$menu-divider-bg: $border-color !default;\n$menu-font-size: 1rem !default;\n$menu-font-size-cascading: 0.9375rem !default;\n$menu-font-weight: $font-weight-regular !default;\n$menu-elevation-shadow: map-get($elevation-shadows, 8) !default;\n//$menu-header-color: $black-primary !default;\n$menu-line-height: 1.5rem !default;\n$menu-line-height-cascading: $menu-line-height !default;\n$menu-link-bg: transparent !default;\n$menu-link-bg-hover: rgba($black, $overlay-hover-white-opacity) !default;\n$menu-link-bg-focus: rgba($black, $overlay-focus-white-opacity) !default;\n$menu-link-bg-active: rgba($black, $overlay-pressed-white-opacity) !default;\n$menu-link-color: $black-primary !default;\n$menu-link-color-disabled: $black-hint !default;\n$menu-link-height: 3rem !default; // 48px\n$menu-link-height-cascading: 2rem !default; // 32px\n$menu-link-letter-spacing: $letter-spacing-subtitle-1 !default;\n$menu-link-padding-x: $spacer !default;\n$menu-link-padding-y: 0 !default;\n$menu-min-width: 7rem !default; // 112px\n$menu-min-width-cascading: 17.5rem !default; // 20 - 320px ?\n$menu-padding-y: $spacer-sm !default;\n$menu-padding-y-cascading: $spacer !default;\n\n// Based on https://material.io/components/navigation-drawer/\n\n$navdrawer-backdrop-bg: $dialog-backdrop-bg !default;\n$navdrawer-border-color: $border-color !default;\n$navdrawer-border-width: $border-width !default;\n$navdrawer-content-bg: $dialog-content-bg !default;\n$navdrawer-divider-bg: $border-color !default;\n$navdrawer-elevation-shadow: map-get($elevation-shadows, 16) !default;\n$navdrawer-gutter-width: 3.5rem !default;\n$navdrawer-header-bg: $material-color-grey-100 !default;\n$navdrawer-header-border-color: $border-color !default;\n$navdrawer-header-border-width: $border-width !default;\n$navdrawer-inner-spacer-x: $spacer !default;\n$navdrawer-inner-spacer-y: $spacer-sm !default;\n$navdrawer-nav-icon-color: $black-secondary !default;\n$navdrawer-nav-icon-width: 3.5rem !default;\n$navdrawer-nav-link-bg-hover: $material-color-grey-100 !default;\n$navdrawer-nav-link-color: $black-primary !default;\n$navdrawer-nav-link-color-active: theme-color(primary) !default;\n$navdrawer-nav-link-color-disabled: $black-hint !default;\n$navdrawer-nav-link-font-size: 0.875rem !default;\n$navdrawer-nav-link-font-weight: $font-weight-medium !default;\n$navdrawer-nav-link-height: 2.5rem !default;\n$navdrawer-subheader-color: $black-hint !default;\n$navdrawer-subheader-font-size: 0.875rem !default;\n$navdrawer-subheader-font-weight: $font-weight-medium !default;\n$navdrawer-subheader-height: 3rem !default;\n$navdrawer-width: 16rem !default;\n\n// Pickers\n// Based on https://material.io/components/pickers/\n\n$picker-border-radius: $border-radius !default;\n$picker-cell-size: 2.5rem !default;\n$picker-content-bg: $dialog-content-bg !default;\n$picker-day-bg-selected: theme-color(primary) !default;\n$picker-day-color-disabled: $black-hint !default;\n//$picker-day-color-today: theme-color(primary) !default;\n$picker-elevation-shadow: $dialog-elevation-shadow !default;\n$picker-header-bg: theme-color(primary) !default;\n$picker-header-padding-x: 1.5rem !default;\n$picker-header-padding-y: $spacer !default;\n$picker-holder-bg: $dialog-backdrop-bg !default;\n$picker-inner-spacer-x: $spacer-sm !default;\n$picker-inner-spacer-y: $picker-inner-spacer-x !default;\n$picker-margin-x: $dialog-margin-x !default;\n$picker-margin-y: $dialog-margin-y !default;\n$picker-nav-next-icon: 'keyboard_arrow_right' !default;\n$picker-nav-prev-icon: 'keyboard_arrow_left' !default;\n$picker-select-bg: $black-divider !default;\n$picker-select-border-radius: $border-radius !default;\n$picker-select-opacity: 0.7 !default;\n$picker-transition-scale: $transition-scale !default;\n$picker-weekday-color: $black-hint !default;\n\n// Based on https://material.io/components/progress-indicators/\n\n$progress-bar-bg: theme-color(primary) !default;\n$progress-bar-border-radius: 0.25rem !default;\n$progress-bar-buffer-width: 1.5rem !default;\n$progress-bar-height: 0.25rem !default; // 4px\n$progress-bg: #e6e6e6 !default;\n\n$progress-circular-animation-duration: 5.332s !default;\n$progress-circular-bg: theme-color(primary) !default;\n$progress-circular-height: 2.5rem !default;\n$progress-circular-height-sm: 1rem !default;\n$progress-circular-spinner-width: 0.25rem !default;\n$progress-circular-spinner-width-sm: 0.15rem !default;\n\n// Based on https://material.io/components/selection-controls/\n\n//$selection-control-border-radius: 50% !default; // added djibe\n$selection-control-checkbox-icon: 'check_box_outline_blank' !default;\n$selection-control-checkbox-icon-checked: 'check_box' !default;\n$selection-control-checkbox-icon-indeterminate: 'indeterminate_check_box' !default;\n$selection-control-color: $black-secondary !default;\n$selection-control-color-active: selection-theme-color() !default;\n$selection-control-color-disabled: rgba($black, 0.26) !default;\n//$selection-control-gutter: .5rem !default; // addded djibe\n$selection-control-indicator-size: $material-icon-size !default;\n\n$selection-control-radial-opacity: $black-divider-opacity !default;\n$selection-control-radio-icon: 'radio_button_unchecked' !default;\n$selection-control-radio-icon-checked: 'radio_button_checked' !default;\n$selection-control-spacer-x: ($material-icon-size / 2) !default;\n$selection-control-spacer-y: ($material-icon-size / 2) !default;\n$selection-control-thumb-bg: $material-color-grey-050 !default;\n// $selection-control-thumb-bg-disabled: $material-color-grey-400 !default;\n// $selection-control-thumb-shadow: 0 1px 5px 0 rgba($black, $black-secondary-opacity) !default;\n$selection-control-track-bg: $black-hint !default;\n// $selection-control-track-bg-disabled: $black-divider !default;\n$selection-control-track-height: 1rem !default;\n$selection-control-track-opacity: 0.5 !default;\n// $selection-control-track-width: ($selection-control-indicator-size * 2) !default;\n//$selection-control-border-width: (($selection-control-indicator-size - $selection-control-track-height) / 2); // djibe\n\n//$custom-control-gutter: 1.75rem !default;\n$custom-control-indicator-size: 1rem !default;\n$custom-control-indicator-border-width: 1.25rem !default;\n//$custom-control-indicator-border-color: $material-color-grey-800 !default;\n//$custom-control-indicator-bg: $white-primary !default;\n$custom-switch-handle-width: 1.25rem !default;\n$custom-switch-handle-shadow: 0 3px 1px -2px rgba($black, 0.2), 0 2px 2px 0 rgba($black, 0.14), 0 1px 5px 0 rgba($black, 0.12) !default;\n$custom-switch-height: 0.875rem !default;\n$custom-switch-transition: 90ms cubic-bezier(0.4, 0, 0.2, 1) !default;\n$custom-switch-width: 2rem !default;\n//$custom-switch-indicator-border-radius: $custom-control-indicator-size / 2 !default;\n//$custom-switch-indicator-size: calc(#{$custom-control-indicator-size} - #{$custom-control-indicator-border-width * 4}) !default;\n//$custom-control-indicator-checked-disabled-bg: rgba(theme-color(primary), 0.5) !default;\n\n// Based on https://material.io/components/sliders/\n\n$slider-track-width: 100% !default;\n$slider-track-height: 0.125rem !default;\n$slider-track-cursor: pointer !default;\n$slider-track-bg: rgba(selection-theme-color(), $overlay-activated-colored-opacity) !default;\n$slider-track-bg-disabled: #d7d7d7 !default;\n$slider-track-border-radius: 3px !default;\n$slider-thumb-width: 0.75rem !default;\n$slider-thumb-height: $slider-thumb-width !default;\n$slider-thumb-bg: selection-theme-color() !default;\n$slider-thumb-border: 0 !default;\n$slider-thumb-border-radius: 50% !default;\n$slider-thumb-hover-box-shadow: 0 0 0 $slider-thumb-width rgba(selection-theme-color(), $overlay-focus-white-opacity) !default;\n$slider-thumb-active-box-shadow: 0 0 0 1.3334rem rgba(selection-theme-color(), $overlay-pressed-white-opacity) !default;\n$slider-thumb-active-box-shadow-width: 0.2rem !default;\n$slider-thumb-active-bg: $slider-thumb-bg !default;\n$slider-thumb-disabled-bg: #8c8c8c !default;\n$slider-thumb-transition: box-shadow 100ms ease-out !default;\n\n// Based on https://material.io/components/snackbars/\n\n$snackbar-bg: #333333 !default;\n$snackbar-border-radius: $border-radius !default;\n//$snackbar-breakpoint: sm !default;\n$snackbar-btn-color: theme-color-light(primary) !default;\n$snackbar-color: rgba($white, $black-primary-opacity) !default;\n$snackbar-elevation-shadow: map-get($elevation-shadows, 6) !default;\n$snackbar-letter-spacing: $letter-spacing-body-2 !default;\n$snackbar-line-height: $line-height-body-2 !default;\n$snackbar-margin: $spacer-sm !default;\n$snackbar-max-width: 42rem !default;\n$snackbar-min-width: 21.5rem !default;\n$snackbar-padding-x: $spacer !default;\n$snackbar-padding-y: 0.875rem !default;\n\n// Based on https://material.io/archive/guidelines/components/steppers.html\n\n$stepper-bg: $white !default;\n$stepper-border-color: $black-divider !default;\n$stepper-border-width: $border-width !default;\n$stepper-icon-bg: $black-hint !default;\n$stepper-icon-bg-active: theme-color(primary) !default;\n$stepper-icon-color: $white-primary !default;\n$stepper-icon-font-size: 0.75rem !default;\n$stepper-icon-icon-size: 1rem !default;\n$stepper-icon-height: 1.5rem !default;\n$stepper-inner-spacer: $spacer-sm !default;\n$stepper-padding-x: $spacer-lg !default;\n$stepper-padding-y: $spacer-lg !default;\n$stepper-text-color: $black-hint !default;\n$stepper-text-color-active: $black-primary !default;\n$stepper-text-font-size: $font-size-body-2 !default;\n$stepper-text-font-weight: $font-weight-regular !default;\n\n// Based on https://material.io/components/tabs/\n\n$nav-tab-bg-hover: $black-divider !default;\n$nav-tab-color: $black-secondary !default; //$black-primary !default;\n$nav-tab-color-active: selection-theme-color() !default;\n$nav-tab-color-disabled: $black-hint !default;\n$nav-tab-font-size: $font-size-body-2 !default;\n$nav-tab-font-weight: $font-weight-medium !default;\n$nav-tab-height: 3rem !default;\n$nav-tab-indicator-bg: selection-theme-color() !default;\n$nav-tab-indicator-height: 0.125rem !default;\n$nav-tab-letter-spacing: 0.0892857143em !default;\n$nav-tab-line-height: 1 !default;\n//$nav-tab-link-opacity: $white-secondary-opacity !default;\n$nav-tab-link-padding-x: $spacer !default; //.75rem\n$nav-tab-link-padding-x-desktop: $spacer-lg !default;\n//$nav-tab-link-padding-y: (($nav-tab-height - $nav-tab-font-size * $nav-tab-line-height) / 2) !default;\n\n// Based on https://material.io/components/text-fields/\n\n$textfield-border-color: rgba($black, 0.42) !default;\n$textfield-textarea-border-color: rgba($black, 0.24) !default;\n$textfield-border-color-hover: $black-primary !default;\n$textfield-border-color-focus: selection-theme-color() !default;\n$textfield-border-width: 1px !default;\n$textfield-border-width-hover: ($textfield-border-width * 2) !default;\n$textfield-border-width-focus: $textfield-border-width-hover !default;\n$textfield-color: $black-primary !default;\n$textfield-color-disabled: $black-hint !default;\n$textfield-caption-color: $black-caption !default;\n$textfield-hint-color: $black-hint !default;\n$textfield-margin-x: $spacer !default;\n$textfield-placeholder-color: $black-secondary !default;\n$textfield-plaintext-color: $body-color !default;\n\n$textfield-font-size: 1rem !default;\n$textfield-font-size-lg: 2.125rem !default;\n$textfield-font-size-sm: 0.8125rem !default;\n$textfield-height: 2.25rem !default;\n$textfield-height-lg: 3.75rem !default;\n$textfield-height-sm: 2rem !default;\n$textfield-letter-spacing: $letter-spacing-subtitle-1 !default;\n$textfield-line-height: 1.5 !default; // 1.75rem\n$textfield-line-height-lg: 1.176471 !default;\n$textfield-line-height-sm: 1.538462 !default;\n$textfield-margin-y: $spacer-sm !default;\n$textfield-margin-y-lg: 0.75rem !default;\n$textfield-margin-y-sm: $spacer-xs !default;\n$textfield-padding-x: 0 !default;\n$textfield-padding-x-lg: 0 !default;\n$textfield-padding-x-sm: 0 !default;\n$textfield-padding-y: (($textfield-height - $textfield-font-size * $textfield-line-height) / 2) !default;\n$textfield-padding-y-lg: (($textfield-height-lg - $textfield-font-size-lg * $textfield-line-height-lg) / 2) !default;\n$textfield-padding-y-sm: (($textfield-height-sm - $textfield-font-size-sm * $textfield-line-height-sm) / 2) !default;\n\n$textfield-select-bg-size: ($material-icon-size / $textfield-font-size * 1em) !default;\n\n// Based on https://material.io/components/text-fields/\n\n$textfield-box-bg: rgba($black, $overlay-hover-white-opacity) !default;\n$textfield-box-bg-hover: rgba($black, 0.07) !default;\n$textfield-box-bg-focus: rgba($black, 0.14) !default;\n$textfield-box-border-radius: $border-radius !default;\n\n$textfield-box-height: 3.5rem !default; // 56px\n$textfield-box-height-lg: 4.25rem !default;\n$textfield-box-height-sm: 2.75rem !default;\n$textfield-box-label-spacer-y: $spacer-sm !default;\n$textfield-box-padding-x: $spacer !default;\n$textfield-box-padding-x-lg: $textfield-box-padding-x !default;\n$textfield-box-padding-x-sm: 0.75rem !default;\n$textfield-box-padding-y: (($textfield-box-height - $textfield-font-size * $textfield-line-height) / 2) !default;\n$textfield-box-padding-y-lg: (($textfield-box-height-lg - $textfield-font-size-lg * $textfield-line-height-lg) / 2) !default;\n$textfield-box-padding-y-sm: (($textfield-box-height-sm - $textfield-font-size-sm * $textfield-line-height-sm) / 2) !default;\n$textfield-box-placeholder-color: $black-caption !default;\n\n// Text field: floating label\n// Based on https://material.io/components/text-fields/\n\n$floating-label-color: $black-secondary !default;\n$floating-label-color-box: $black-caption !default;\n$floating-label-color-focus: rgba(selection-theme-color(), $black-primary-opacity) !default;\n$floating-label-font-size: 0.75rem !default;\n$floating-label-font-size-lg: $font-size-body-2 !default;\n$floating-label-font-size-sm: 0.625rem !default;\n\n// Based on https://material.io/components/app-bars-top/\n\n$toolbar-color: $black-primary !default;\n$toolbar-color-lighter: $black-hint !default;\n$toolbar-element-bg: $black-divider !default;\n$toolbar-element-border-radius: $border-radius !default;\n$toolbar-element-height: 2.25rem !default;\n$toolbar-element-opacity: 0.7 !default;\n$toolbar-elevation-shadow: map-get($elevation-shadows, 4) !default;\n$toolbar-height: 3.5rem !default;\n$toolbar-inner-spacer-x: $spacer !default;\n$toolbar-link-font-size: 1rem !default;\n$toolbar-link-height: $toolbar-element-height !default;\n$toolbar-link-line-height: 1 !default;\n$toolbar-link-padding-x: $spacer !default;\n$toolbar-link-padding-y: (($toolbar-link-height - $toolbar-link-font-size * $toolbar-link-line-height) / 2) !default;\n$toolbar-padding-x: $spacer !default;\n$toolbar-padding-y: (($toolbar-height - $toolbar-element-height) / 2) !default;\n$toolbar-toggler-icon: 'menu' !default;\n$toolbar-waterfall-bg: theme-color(primary) !default;\n\n$toolbar-dark-color: $white-primary !default;\n$toolbar-dark-color-lighter: $white-hint !default;\n$toolbar-dark-element-bg: $white-divider !default;\n\n// Based on https://material.io/components/tooltips/\n\n$tooltip-bg: #6d6d6d !default;\n$tooltip-border-radius: $border-radius !default;\n$tooltip-breakpoint: lg !default;\n$tooltip-color: $white-primary !default;\n$tooltip-font-size: $font-size-body-2 !default;\n$tooltip-font-size-desktop: 0.625rem !default;\n$tooltip-font-weight: $font-weight-medium !default;\n$tooltip-height: 2rem !default; // 32px\n$tooltip-height-desktop: 1.5rem !default; // 24px\n$tooltip-line-height: $line-height-base !default;\n$tooltip-margin: $spacer-lg !default; // 24px\n$tooltip-margin-desktop: 0.875rem !default; // 14px\n$tooltip-opacity: 0.9 !default;\n$tooltip-padding-x: $spacer !default; // 16px\n$tooltip-padding-x-desktop: $spacer-sm !default; // 8px\n$tooltip-padding-y: 0 !default;\n$tooltip-padding-y-desktop: $tooltip-padding-y !default; // 6px\n$tooltip-scale: 0.87 !default;\n$tooltip-zindex: map-get($elevations, 24) !default;\n","// Material colour palette\n// Based on https://material.google.com/style/color.html#color-color-palette\n\n$material-color-amber-050: #fff8e1 !default;\n$material-color-amber-100: #ffecb3 !default;\n$material-color-amber-200: #ffe082 !default;\n$material-color-amber-300: #ffd54f !default;\n$material-color-amber-400: #ffca28 !default;\n$material-color-amber-500: #ffc107 !default;\n$material-color-amber-600: #ffb300 !default;\n$material-color-amber-700: #ffa000 !default;\n$material-color-amber-800: #ff8f00 !default;\n$material-color-amber-900: #ff6f00 !default;\n$material-color-amber-a100: #ffe57f !default;\n$material-color-amber-a200: #ffd740 !default;\n$material-color-amber-a400: #ffc400 !default;\n$material-color-amber-a700: #ffab00 !default;\n\n$material-color-blue-050: #e3f2fd !default;\n$material-color-blue-100: #bbdefb !default;\n$material-color-blue-200: #90caf9 !default;\n$material-color-blue-300: #64b5f6 !default;\n$material-color-blue-400: #42a5f5 !default;\n$material-color-blue-500: #2196f3 !default;\n$material-color-blue-600: #1e88e5 !default;\n$material-color-blue-700: #1976d2 !default;\n$material-color-blue-800: #1565c0 !default;\n$material-color-blue-900: #0d47a1 !default;\n$material-color-blue-a100: #82b1ff !default;\n$material-color-blue-a200: #448aff !default;\n$material-color-blue-a400: #2979ff !default;\n$material-color-blue-a700: #2962ff !default;\n\n$material-color-blue-grey-050: #eceff1 !default;\n$material-color-blue-grey-100: #cfd8dc !default;\n$material-color-blue-grey-200: #b0bec5 !default;\n$material-color-blue-grey-300: #90a4ae !default;\n$material-color-blue-grey-400: #78909c !default;\n$material-color-blue-grey-500: #607d8b !default;\n$material-color-blue-grey-600: #546e7a !default;\n$material-color-blue-grey-700: #455a64 !default;\n$material-color-blue-grey-800: #37474f !default;\n$material-color-blue-grey-900: #263238 !default;\n\n$material-color-brown-050: #efebe9 !default;\n$material-color-brown-100: #d7ccc8 !default;\n$material-color-brown-200: #bcaaa4 !default;\n$material-color-brown-300: #a1887f !default;\n$material-color-brown-400: #8d6e63 !default;\n$material-color-brown-500: #795548 !default;\n$material-color-brown-600: #6d4c41 !default;\n$material-color-brown-700: #5d4037 !default;\n$material-color-brown-800: #4e342e !default;\n$material-color-brown-900: #3e2723 !default;\n\n$material-color-cyan-050: #e0f7fa !default;\n$material-color-cyan-100: #b2ebf2 !default;\n$material-color-cyan-200: #80deea !default;\n$material-color-cyan-300: #4dd0e1 !default;\n$material-color-cyan-400: #26c6da !default;\n$material-color-cyan-500: #00bcd4 !default;\n$material-color-cyan-600: #00acc1 !default;\n$material-color-cyan-700: #0097a7 !default;\n$material-color-cyan-800: #00838f !default;\n$material-color-cyan-900: #006064 !default;\n$material-color-cyan-a100: #84ffff !default;\n$material-color-cyan-a200: #18ffff !default;\n$material-color-cyan-a400: #00e5ff !default;\n$material-color-cyan-a700: #00b8d4 !default;\n\n$material-color-deep-orange-050: #fbe9e7 !default;\n$material-color-deep-orange-100: #ffccbc !default;\n$material-color-deep-orange-200: #ffab91 !default;\n$material-color-deep-orange-300: #ff8a65 !default;\n$material-color-deep-orange-400: #ff7043 !default;\n$material-color-deep-orange-500: #ff5722 !default;\n$material-color-deep-orange-600: #f4511e !default;\n$material-color-deep-orange-700: #e64a19 !default;\n$material-color-deep-orange-800: #d84315 !default;\n$material-color-deep-orange-900: #bf360c !default;\n$material-color-deep-orange-a100: #ff9e80 !default;\n$material-color-deep-orange-a200: #ff6e40 !default;\n$material-color-deep-orange-a400: #ff3d00 !default;\n$material-color-deep-orange-a700: #dd2c00 !default;\n\n$material-color-deep-purple-050: #ede7f6 !default;\n$material-color-deep-purple-100: #d1c4e9 !default;\n$material-color-deep-purple-200: #b39ddb !default;\n$material-color-deep-purple-300: #9575cd !default;\n$material-color-deep-purple-400: #7e57c2 !default;\n$material-color-deep-purple-500: #673ab7 !default;\n$material-color-deep-purple-600: #5e35b1 !default;\n$material-color-deep-purple-700: #512da8 !default;\n$material-color-deep-purple-800: #4527a0 !default;\n$material-color-deep-purple-900: #311b92 !default;\n$material-color-deep-purple-a100: #b388ff !default;\n$material-color-deep-purple-a200: #7c4dff !default;\n$material-color-deep-purple-a400: #651fff !default;\n$material-color-deep-purple-a700: #6200ea !default;\n\n$material-color-green-050: #e8f5e9 !default;\n$material-color-green-100: #c8e6c9 !default;\n$material-color-green-200: #a5d6a7 !default;\n$material-color-green-300: #81c784 !default;\n$material-color-green-400: #66bb6a !default;\n$material-color-green-500: #4caf50 !default;\n$material-color-green-600: #43a047 !default;\n$material-color-green-700: #388e3c !default;\n$material-color-green-800: #2e7d32 !default;\n$material-color-green-900: #1b5e20 !default;\n$material-color-green-a100: #b9f6ca !default;\n$material-color-green-a200: #69f0ae !default;\n$material-color-green-a400: #00e676 !default;\n$material-color-green-a700: #00c853 !default;\n\n$material-color-grey-050: #fafafa !default;\n$material-color-grey-100: #f5f5f5 !default;\n$material-color-grey-200: #eeeeee !default;\n$material-color-grey-300: #e0e0e0 !default;\n$material-color-grey-400: #bdbdbd !default;\n$material-color-grey-500: #9e9e9e !default;\n$material-color-grey-600: #757575 !default;\n$material-color-grey-700: #616161 !default;\n$material-color-grey-800: #424242 !default;\n$material-color-grey-900: #212121 !default;\n\n$material-color-indigo-050: #e8eaf6 !default;\n$material-color-indigo-100: #c5cae9 !default;\n$material-color-indigo-200: #9fa8da !default;\n$material-color-indigo-300: #7986cb !default;\n$material-color-indigo-400: #5c6bc0 !default;\n$material-color-indigo-500: #3f51b5 !default;\n$material-color-indigo-600: #3949ab !default;\n$material-color-indigo-700: #303f9f !default;\n$material-color-indigo-800: #283593 !default;\n$material-color-indigo-900: #1a237e !default;\n$material-color-indigo-a100: #8c9eff !default;\n$material-color-indigo-a200: #536dfe !default;\n$material-color-indigo-a400: #3d5afe !default;\n$material-color-indigo-a700: #304ffe !default;\n\n$material-color-light-blue-050: #e1f5fe !default;\n$material-color-light-blue-100: #b3e5fc !default;\n$material-color-light-blue-200: #81d4fa !default;\n$material-color-light-blue-300: #4fc3f7 !default;\n$material-color-light-blue-400: #29b6f6 !default;\n$material-color-light-blue-500: #03a9f4 !default;\n$material-color-light-blue-600: #039be5 !default;\n$material-color-light-blue-700: #0288d1 !default;\n$material-color-light-blue-800: #0277bd !default;\n$material-color-light-blue-900: #01579b !default;\n$material-color-light-blue-a100: #80d8ff !default;\n$material-color-light-blue-a200: #40c4ff !default;\n$material-color-light-blue-a400: #00b0ff !default;\n$material-color-light-blue-a700: #0091ea !default;\n\n$material-color-light-green-050: #f1f8e9 !default;\n$material-color-light-green-100: #dcedc8 !default;\n$material-color-light-green-200: #c5e1a5 !default;\n$material-color-light-green-300: #aed581 !default;\n$material-color-light-green-400: #9ccc65 !default;\n$material-color-light-green-500: #8bc34a !default;\n$material-color-light-green-600: #7cb342 !default;\n$material-color-light-green-700: #689f38 !default;\n$material-color-light-green-800: #558b2f !default;\n$material-color-light-green-900: #33691e !default;\n$material-color-light-green-a100: #ccff90 !default;\n$material-color-light-green-a200: #b2ff59 !default;\n$material-color-light-green-a400: #76ff03 !default;\n$material-color-light-green-a700: #64dd17 !default;\n\n$material-color-lime-050: #f9fbe7 !default;\n$material-color-lime-100: #f0f4c3 !default;\n$material-color-lime-200: #e6ee9c !default;\n$material-color-lime-300: #dce775 !default;\n$material-color-lime-400: #d4e157 !default;\n$material-color-lime-500: #cddc39 !default;\n$material-color-lime-600: #c0ca33 !default;\n$material-color-lime-700: #afb42b !default;\n$material-color-lime-800: #9e9d24 !default;\n$material-color-lime-900: #827717 !default;\n$material-color-lime-a100: #f4ff81 !default;\n$material-color-lime-a200: #eeff41 !default;\n$material-color-lime-a400: #c6ff00 !default;\n$material-color-lime-a700: #aeea00 !default;\n\n$material-color-orange-050: #fff3e0 !default;\n$material-color-orange-100: #ffe0b2 !default;\n$material-color-orange-200: #ffcc80 !default;\n$material-color-orange-300: #ffb74d !default;\n$material-color-orange-400: #ffa726 !default;\n$material-color-orange-500: #ff9800 !default;\n$material-color-orange-600: #fb8c00 !default;\n$material-color-orange-700: #f57c00 !default;\n$material-color-orange-800: #ef6c00 !default;\n$material-color-orange-900: #e65100 !default;\n$material-color-orange-a100: #ffd180 !default;\n$material-color-orange-a200: #ffab40 !default;\n$material-color-orange-a400: #ff9100 !default;\n$material-color-orange-a700: #ff6d00 !default;\n\n$material-color-pink-050: #fce4ec !default;\n$material-color-pink-100: #f8bbd0 !default;\n$material-color-pink-200: #f48fb1 !default;\n$material-color-pink-300: #f06292 !default;\n$material-color-pink-400: #ec407a !default;\n$material-color-pink-500: #e91e63 !default;\n$material-color-pink-600: #d81b60 !default;\n$material-color-pink-700: #c2185b !default;\n$material-color-pink-800: #ad1457 !default;\n$material-color-pink-900: #880e4f !default;\n$material-color-pink-a100: #ff80ab !default;\n$material-color-pink-a200: #ff4081 !default;\n$material-color-pink-a400: #f50057 !default;\n$material-color-pink-a700: #c51162 !default;\n\n$material-color-purple-050: #f3e5f5 !default;\n$material-color-purple-100: #e1bee7 !default;\n$material-color-purple-200: #ce93d8 !default;\n$material-color-purple-300: #ba68c8 !default;\n$material-color-purple-400: #ab47bc !default;\n$material-color-purple-500: #9c27b0 !default;\n$material-color-purple-600: #8e24aa !default;\n$material-color-purple-700: #7b1fa2 !default;\n$material-color-purple-800: #6a1b9a !default;\n$material-color-purple-900: #4a148c !default;\n$material-color-purple-a100: #ea80fc !default;\n$material-color-purple-a200: #e040fb !default;\n$material-color-purple-a400: #d500f9 !default;\n$material-color-purple-a700: #aa00ff !default;\n\n$material-color-red-050: #ffebee !default;\n$material-color-red-100: #ffcdd2 !default;\n$material-color-red-200: #ef9a9a !default;\n$material-color-red-300: #e57373 !default;\n$material-color-red-400: #ef5350 !default;\n$material-color-red-500: #f44336 !default;\n$material-color-red-600: #e53935 !default;\n$material-color-red-700: #d32f2f !default;\n$material-color-red-800: #c62828 !default;\n$material-color-red-900: #b71c1c !default;\n$material-color-red-a100: #ff8a80 !default;\n$material-color-red-a200: #ff5252 !default;\n$material-color-red-a400: #ff1744 !default;\n$material-color-red-a700: #d50000 !default;\n\n$material-color-teal-050: #e0f2f1 !default;\n$material-color-teal-100: #b2dfdb !default;\n$material-color-teal-200: #80cbc4 !default;\n$material-color-teal-300: #4db6ac !default;\n$material-color-teal-400: #26a69a !default;\n$material-color-teal-500: #009688 !default;\n$material-color-teal-600: #00897b !default;\n$material-color-teal-700: #00796b !default;\n$material-color-teal-800: #00695c !default;\n$material-color-teal-900: #004d40 !default;\n$material-color-teal-a100: #a7ffeb !default;\n$material-color-teal-a200: #64ffda !default;\n$material-color-teal-a400: #1de9b6 !default;\n$material-color-teal-a700: #00bfa5 !default;\n\n$material-color-yellow-050: #fffde7 !default;\n$material-color-yellow-100: #fff9c4 !default;\n$material-color-yellow-200: #fff59d !default;\n$material-color-yellow-300: #fff176 !default;\n$material-color-yellow-400: #ffee58 !default;\n$material-color-yellow-500: #ffeb3b !default;\n$material-color-yellow-600: #fdd835 !default;\n$material-color-yellow-700: #fbc02d !default;\n$material-color-yellow-800: #f9a825 !default;\n$material-color-yellow-900: #f57f17 !default;\n$material-color-yellow-a100: #ffff8d !default;\n$material-color-yellow-a200: #ffff00 !default;\n$material-color-yellow-a400: #ffea00 !default;\n$material-color-yellow-a700: #ffd600 !default;\n\n// stylelint-disable scss/dollar-variable-default\n\n$ambers: () !default;\n$ambers: map-merge(\n (\n 50: $material-color-amber-050,\n 100: $material-color-amber-100,\n 200: $material-color-amber-200,\n 300: $material-color-amber-300,\n 400: $material-color-amber-400,\n 500: $material-color-amber-500,\n 600: $material-color-amber-600,\n 700: $material-color-amber-700,\n 800: $material-color-amber-800,\n 900: $material-color-amber-900,\n a100: $material-color-amber-a100,\n a200: $material-color-amber-a200,\n a400: $material-color-amber-a400,\n a700: $material-color-amber-a700\n ),\n $ambers\n);\n\n$blues: () !default;\n$blues: map-merge(\n (\n 50: $material-color-blue-050,\n 100: $material-color-blue-100,\n 200: $material-color-blue-200,\n 300: $material-color-blue-300,\n 400: $material-color-blue-400,\n 500: $material-color-blue-500,\n 600: $material-color-blue-600,\n 700: $material-color-blue-700,\n 800: $material-color-blue-800,\n 900: $material-color-blue-900,\n a100: $material-color-blue-a100,\n a200: $material-color-blue-a200,\n a400: $material-color-blue-a400,\n a700: $material-color-blue-a700\n ),\n $blues\n);\n\n$blue-greys: () !default;\n$blue-greys: map-merge(\n (\n 50: $material-color-blue-grey-050,\n 100: $material-color-blue-grey-100,\n 200: $material-color-blue-grey-200,\n 300: $material-color-blue-grey-300,\n 400: $material-color-blue-grey-400,\n 500: $material-color-blue-grey-500,\n 600: $material-color-blue-grey-600,\n 700: $material-color-blue-grey-700,\n 800: $material-color-blue-grey-800,\n 900: $material-color-blue-grey-900\n ),\n $blue-greys\n);\n\n$browns: () !default;\n$browns: map-merge(\n (\n 50: $material-color-brown-050,\n 100: $material-color-brown-100,\n 200: $material-color-brown-200,\n 300: $material-color-brown-300,\n 400: $material-color-brown-400,\n 500: $material-color-brown-500,\n 600: $material-color-brown-600,\n 700: $material-color-brown-700,\n 800: $material-color-brown-800,\n 900: $material-color-brown-900\n ),\n $browns\n);\n\n$cyans: () !default;\n$cyans: map-merge(\n (\n 50: $material-color-cyan-050,\n 100: $material-color-cyan-100,\n 200: $material-color-cyan-200,\n 300: $material-color-cyan-300,\n 400: $material-color-cyan-400,\n 500: $material-color-cyan-500,\n 600: $material-color-cyan-600,\n 700: $material-color-cyan-700,\n 800: $material-color-cyan-800,\n 900: $material-color-cyan-900,\n a100: $material-color-cyan-a100,\n a200: $material-color-cyan-a200,\n a400: $material-color-cyan-a400,\n a700: $material-color-cyan-a700\n ),\n $cyans\n);\n\n$deep-oranges: () !default;\n$deep-oranges: map-merge(\n (\n 50: $material-color-deep-orange-050,\n 100: $material-color-deep-orange-100,\n 200: $material-color-deep-orange-200,\n 300: $material-color-deep-orange-300,\n 400: $material-color-deep-orange-400,\n 500: $material-color-deep-orange-500,\n 600: $material-color-deep-orange-600,\n 700: $material-color-deep-orange-700,\n 800: $material-color-deep-orange-800,\n 900: $material-color-deep-orange-900,\n a100: $material-color-deep-orange-a100,\n a200: $material-color-deep-orange-a200,\n a400: $material-color-deep-orange-a400,\n a700: $material-color-deep-orange-a700\n ),\n $deep-oranges\n);\n\n$deep-purples: () !default;\n$deep-purples: map-merge(\n (\n 50: $material-color-deep-purple-050,\n 100: $material-color-deep-purple-100,\n 200: $material-color-deep-purple-200,\n 300: $material-color-deep-purple-300,\n 400: $material-color-deep-purple-400,\n 500: $material-color-deep-purple-500,\n 600: $material-color-deep-purple-600,\n 700: $material-color-deep-purple-700,\n 800: $material-color-deep-purple-800,\n 900: $material-color-deep-purple-900,\n a100: $material-color-deep-purple-a100,\n a200: $material-color-deep-purple-a200,\n a400: $material-color-deep-purple-a400,\n a700: $material-color-deep-purple-a700\n ),\n $deep-purples\n);\n\n$greens: () !default;\n$greens: map-merge(\n (\n 50: $material-color-green-050,\n 100: $material-color-green-100,\n 200: $material-color-green-200,\n 300: $material-color-green-300,\n 400: $material-color-green-400,\n 500: $material-color-green-500,\n 600: $material-color-green-600,\n 700: $material-color-green-700,\n 800: $material-color-green-800,\n 900: $material-color-green-900,\n a100: $material-color-green-a100,\n a200: $material-color-green-a200,\n a400: $material-color-green-a400,\n a700: $material-color-green-a700\n ),\n $greens\n);\n\n$greys: () !default;\n$greys: map-merge(\n (\n 50: $material-color-grey-050,\n 100: $material-color-grey-100,\n 200: $material-color-grey-200,\n 300: $material-color-grey-300,\n 400: $material-color-grey-400,\n 500: $material-color-grey-500,\n 600: $material-color-grey-600,\n 700: $material-color-grey-700,\n 800: $material-color-grey-800,\n 900: $material-color-grey-900\n ),\n $greys\n);\n\n$indigos: () !default;\n$indigos: map-merge(\n (\n 50: $material-color-indigo-050,\n 100: $material-color-indigo-100,\n 200: $material-color-indigo-200,\n 300: $material-color-indigo-300,\n 400: $material-color-indigo-400,\n 500: $material-color-indigo-500,\n 600: $material-color-indigo-600,\n 700: $material-color-indigo-700,\n 800: $material-color-indigo-800,\n 900: $material-color-indigo-900,\n a100: $material-color-indigo-a100,\n a200: $material-color-indigo-a200,\n a400: $material-color-indigo-a400,\n a700: $material-color-indigo-a700\n ),\n $indigos\n);\n\n$light-blues: () !default;\n$light-blues: map-merge(\n (\n 50: $material-color-light-blue-050,\n 100: $material-color-light-blue-100,\n 200: $material-color-light-blue-200,\n 300: $material-color-light-blue-300,\n 400: $material-color-light-blue-400,\n 500: $material-color-light-blue-500,\n 600: $material-color-light-blue-600,\n 700: $material-color-light-blue-700,\n 800: $material-color-light-blue-800,\n 900: $material-color-light-blue-900,\n a100: $material-color-light-blue-a100,\n a200: $material-color-light-blue-a200,\n a400: $material-color-light-blue-a400,\n a700: $material-color-light-blue-a700\n ),\n $light-blues\n);\n\n$light-greens: () !default;\n$light-greens: map-merge(\n (\n 50: $material-color-light-green-050,\n 100: $material-color-light-green-100,\n 200: $material-color-light-green-200,\n 300: $material-color-light-green-300,\n 400: $material-color-light-green-400,\n 500: $material-color-light-green-500,\n 600: $material-color-light-green-600,\n 700: $material-color-light-green-700,\n 800: $material-color-light-green-800,\n 900: $material-color-light-green-900,\n a100: $material-color-light-green-a100,\n a200: $material-color-light-green-a200,\n a400: $material-color-light-green-a400,\n a700: $material-color-light-green-a700\n ),\n $light-greens\n);\n\n$limes: () !default;\n$limes: map-merge(\n (\n 50: $material-color-lime-050,\n 100: $material-color-lime-100,\n 200: $material-color-lime-200,\n 300: $material-color-lime-300,\n 400: $material-color-lime-400,\n 500: $material-color-lime-500,\n 600: $material-color-lime-600,\n 700: $material-color-lime-700,\n 800: $material-color-lime-800,\n 900: $material-color-lime-900,\n a100: $material-color-lime-a100,\n a200: $material-color-lime-a200,\n a400: $material-color-lime-a400,\n a700: $material-color-lime-a700\n ),\n $limes\n);\n\n$oranges: () !default;\n$oranges: map-merge(\n (\n 50: $material-color-orange-050,\n 100: $material-color-orange-100,\n 200: $material-color-orange-200,\n 300: $material-color-orange-300,\n 400: $material-color-orange-400,\n 500: $material-color-orange-500,\n 600: $material-color-orange-600,\n 700: $material-color-orange-700,\n 800: $material-color-orange-800,\n 900: $material-color-orange-900,\n a100: $material-color-orange-a100,\n a200: $material-color-orange-a200,\n a400: $material-color-orange-a400,\n a700: $material-color-orange-a700\n ),\n $oranges\n);\n\n$pinks: () !default;\n$pinks: map-merge(\n (\n 50: $material-color-pink-050,\n 100: $material-color-pink-100,\n 200: $material-color-pink-200,\n 300: $material-color-pink-300,\n 400: $material-color-pink-400,\n 500: $material-color-pink-500,\n 600: $material-color-pink-600,\n 700: $material-color-pink-700,\n 800: $material-color-pink-800,\n 900: $material-color-pink-900,\n a100: $material-color-pink-a100,\n a200: $material-color-pink-a200,\n a400: $material-color-pink-a400,\n a700: $material-color-pink-a700\n ),\n $pinks\n);\n\n$purples: () !default;\n$purples: map-merge(\n (\n 50: $material-color-purple-050,\n 100: $material-color-purple-100,\n 200: $material-color-purple-200,\n 300: $material-color-purple-300,\n 400: $material-color-purple-400,\n 500: $material-color-purple-500,\n 600: $material-color-purple-600,\n 700: $material-color-purple-700,\n 800: $material-color-purple-800,\n 900: $material-color-purple-900,\n a100: $material-color-purple-a100,\n a200: $material-color-purple-a200,\n a400: $material-color-purple-a400,\n a700: $material-color-purple-a700\n ),\n $purples\n);\n\n$reds: () !default;\n$reds: map-merge(\n (\n 50: $material-color-red-050,\n 100: $material-color-red-100,\n 200: $material-color-red-200,\n 300: $material-color-red-300,\n 400: $material-color-red-400,\n 500: $material-color-red-500,\n 600: $material-color-red-600,\n 700: $material-color-red-700,\n 800: $material-color-red-800,\n 900: $material-color-red-900,\n a100: $material-color-red-a100,\n a200: $material-color-red-a200,\n a400: $material-color-red-a400,\n a700: $material-color-red-a700\n ),\n $reds\n);\n\n$teals: () !default;\n$teals: map-merge(\n (\n 50: $material-color-teal-050,\n 100: $material-color-teal-100,\n 200: $material-color-teal-200,\n 300: $material-color-teal-300,\n 400: $material-color-teal-400,\n 500: $material-color-teal-500,\n 600: $material-color-teal-600,\n 700: $material-color-teal-700,\n 800: $material-color-teal-800,\n 900: $material-color-teal-900,\n a100: $material-color-teal-a100,\n a200: $material-color-teal-a200,\n a400: $material-color-teal-a400,\n a700: $material-color-teal-a700\n ),\n $teals\n);\n\n$yellows: () !default;\n$yellows: map-merge(\n (\n 50: $material-color-yellow-050,\n 100: $material-color-yellow-100,\n 200: $material-color-yellow-200,\n 300: $material-color-yellow-300,\n 400: $material-color-yellow-400,\n 500: $material-color-yellow-500,\n 600: $material-color-yellow-600,\n 700: $material-color-yellow-700,\n 800: $material-color-yellow-800,\n 900: $material-color-yellow-900,\n a100: $material-color-yellow-a100,\n a200: $material-color-yellow-a200,\n a400: $material-color-yellow-a400,\n a700: $material-color-yellow-a700\n ),\n $yellows\n);\n\n$colors: () !default;\n$colors: map-merge(\n (\n 'amber': $material-color-amber-500,\n 'blue': $material-color-blue-500,\n 'blue-grey': $material-color-blue-grey-500,\n 'brown': $material-color-brown-500,\n 'cyan': $material-color-cyan-500,\n 'deep-orange': $material-color-deep-orange-500,\n 'deep-purple': $material-color-deep-purple-500,\n 'green': $material-color-green-500,\n 'grey': $material-color-grey-500,\n 'indigo': $material-color-indigo-500,\n 'light-blue': $material-color-light-blue-500,\n 'light-green': $material-color-light-green-500,\n 'lime': $material-color-lime-500,\n 'orange': $material-color-orange-500,\n 'pink': $material-color-pink-500,\n 'purple': $material-color-purple-500,\n 'red': $material-color-red-500,\n 'teal': $material-color-teal-500,\n 'yellow': $material-color-yellow-500\n ),\n $colors\n);\n\n// stylelint-enable scss/dollar-variable-default\n\n// Black and white\n// Based on https://material.google.com/style/color.html#color-text-background-colors\n\n$black: #000000 !default;\n\n$black-primary-opacity: 0.87 !default;\n$black-caption-opacity: 0.6 !default; // Form helper text\n$black-secondary-opacity: 0.54 !default;\n$black-hint-opacity: 0.38 !default;\n$black-divider-opacity: 0.12 !default;\n\n$black-primary: rgba($black, $black-primary-opacity) !default;\n$black-caption: rgba($black, $black-caption-opacity) !default;\n$black-secondary: rgba($black, $black-secondary-opacity) !default;\n$black-hint: rgba($black, $black-hint-opacity) !default;\n$black-divider: rgba($black, $black-divider-opacity) !default;\n\n$white: #ffffff !default;\n\n$white-primary-opacity: 1 !default;\n$white-secondary-opacity: 0.7 !default;\n$white-hint-opacity: 0.5 !default;\n$white-divider-opacity: $black-divider-opacity !default;\n\n$white-primary: rgba($white, $white-primary-opacity) !default;\n$white-secondary: rgba($white, $white-secondary-opacity) !default;\n$white-hint: rgba($white, $white-hint-opacity) !default;\n$white-divider: rgba($white, $white-divider-opacity) !default;\n\n// States\n// Based on https://material.io/design/interaction/states.html#usage\n\n$overlay-hover-colored-opacity: 0.08 !default;\n$overlay-focus-colored-opacity: 0.24 !default;\n$overlay-selected-colored-opacity: 0.16 !default;\n$overlay-activated-colored-opacity: 0.24 !default;\n$overlay-pressed-colored-opacity: 0.32 !default;\n//$overlay-dragged-colored-opacity: .16 !default;\n\n$overlay-hover-white-opacity: 0.04 !default;\n$overlay-focus-white-opacity: 0.12 !default;\n$overlay-selected-white-opacity: 0.08 !default;\n$overlay-activated-white-opacity: 0.12 !default;\n$overlay-pressed-white-opacity: 0.12 * 2 !default;\n// $overlay-dragged-white-opacity: 0.08 !default;\n\n// Theme\n// Based on https://material.google.com/style/color.html#color-themes\n\n$dark-theme-1: $black !default;\n$dark-theme-2: $material-color-grey-900 !default;\n$dark-theme-3: #303030 !default;\n$dark-theme-4: #3c3c46 !default;\n\n$light-theme-1: $material-color-grey-300 !default;\n$light-theme-2: $material-color-grey-100 !default;\n$light-theme-3: $material-color-grey-050 !default;\n$light-theme-4: $white !default;\n","// stylelint-disable\n// Single side border-radius\n\n// Helper function to replace negative values with 0\n@function valid-radius($radius) {\n $return: ();\n @each $value in $radius {\n @if type-of($value) == number {\n $return: append($return, max($value, 0));\n } @else {\n $return: append($return, $value);\n }\n }\n @return $return;\n}\n\n@mixin border-radius($radius: $border-radius, $fallback-border-radius: false) {\n border-radius: valid-radius($radius);\n}\n\n@mixin border-top-radius($radius) {\n border-top-left-radius: valid-radius($radius);\n border-top-right-radius: valid-radius($radius);\n}\n\n@mixin border-right-radius($radius) {\n border-top-right-radius: valid-radius($radius);\n border-bottom-right-radius: valid-radius($radius);\n}\n\n@mixin border-bottom-radius($radius) {\n border-bottom-right-radius: valid-radius($radius);\n border-bottom-left-radius: valid-radius($radius);\n}\n\n@mixin border-left-radius($radius) {\n border-top-left-radius: valid-radius($radius);\n border-bottom-left-radius: valid-radius($radius);\n}\n\n@mixin border-top-left-radius($radius) {\n border-top-left-radius: valid-radius($radius);\n}\n\n@mixin border-top-right-radius($radius) {\n border-top-right-radius: valid-radius($radius);\n}\n\n@mixin border-bottom-right-radius($radius) {\n border-bottom-right-radius: valid-radius($radius);\n}\n\n@mixin border-bottom-left-radius($radius) {\n border-bottom-left-radius: valid-radius($radius);\n}\n","// Alert\n\n$alert-border-radius: $border-radius !default;\n$alert-link-font-weight: $font-weight-medium !default;\n$alert-margin-y: $spacer !default;\n$alert-padding-x: $spacer !default;\n$alert-padding-y: $spacer !default;\n\n// Badge\n\n$badge-border-radius: $border-radius !default;\n$badge-font-weight: $font-weight-bold !default;\n$badge-btn-font-weight: $font-weight-bold !default;\n$badge-padding-x: 0.5em !default;\n$badge-width: 1.375rem !default; // 22px\n\n$rounded-pill: 50rem !default;\n\n// Body\n\n$body-bg: $white-primary !default;\n$body-color: $black-primary !default;\n\n// Breadcrumb\n\n$breadcrumb-bg: $white-primary !default;\n$breadcrumb-bg-hover: rgba($black, $overlay-hover-white-opacity) !default;\n//$breadcrumb-border-radius: $border-radius !default;\n$breadcrumb-divider: 'chevron_right' !default;\n$breadcrumb-font-size: $font-size-base !default;\n$breadcrumb-inner-spacer-x: 0 !default;\n$breadcrumb-item-color: $black !default;\n//$breadcrumb-item-icon: 'chevron_right' !default;\n$breadcrumb-padding-x: $spacer-sm !default;\n$breadcrumb-padding-y: 0.375rem !default;\n\n// Caret\n\n$caret-bg: url('data:image/svg+xml;charset=utf8,') !default;\n$caret-icon: 'arrow_drop_down' !default;\n$caret-icon-left: 'arrow_left' !default;\n$caret-icon-right: 'arrow_right' !default;\n$caret-icon-up: 'arrow_drop_up' !default;\n$caret-spacer-x: 0.2em !default;\n\n// Carousel\n\n$carousel-caption-color: $white-primary !default;\n$carousel-caption-width: 50% !default;\n$carousel-control-bg: $white-divider !default;\n$carousel-control-bg-hover: rgba(204, 204, 204, 0.25) !default;\n$carousel-control-color: $white-primary !default;\n$carousel-control-elevation-shadow: map-get($elevation-shadows, 6) !default;\n$carousel-control-elevation-shadow-active: map-get($elevation-shadows, 12) !default;\n$carousel-control-font-size: 0.8125rem !default;\n$carousel-control-next-icon: 'chevron_right' !default;\n$carousel-control-prev-icon: 'chevron_left' !default;\n//$carousel-control-prev-icon-bg: url(\"data:image/svg+xml,\") !default;\n//$carousel-control-next-icon-bg: url(\"data:image/svg+xml,\") !default;\n$carousel-control-size: 2.5rem !default;\n$carousel-indicator-bg: rgba(204, 204, 204, 0.25) !default;\n$carousel-indicator-border-color: $white-divider !default;\n$carousel-indicator-border-width: $border-width !default;\n$carousel-indicator-size: 0.5rem !default;\n\n// Close\n\n$close-color: $black-hint !default;\n$close-color-hover: $black-primary !default;\n$close-font-size: $material-icon-size !default;\n$close-font-weight: $font-weight-light !default;\n\n// Code\n\n$code-bg: $material-color-grey-100 !default;\n$code-border-radius: $border-radius !default;\n$code-color: #bd4147 !default;\n$code-font-size: 87.5% !default;\n$code-padding-x: 0.4rem !default;\n$code-padding-y: 0.2rem !default;\n\n$kbd-bg: $black-primary !default;\n$kbd-color: $white-primary !default;\n\n$pre-color: $black-primary !default;\n$pre-margin-y: $spacer !default;\n$pre-scrollable-max-height: 340px !default;\n\n// Embed\n$embed-responsive-aspect-ratios: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$embed-responsive-aspect-ratios: join(((21 9), (16 9), (4 3), (1 1)), $embed-responsive-aspect-ratios);\n\n// Form\n\n$custom-file-button-icon: 'attachment' !default;\n\n$form-check-inline-margin-x: $spacer-sm !default;\n$form-check-inline-input-margin-x: 0.3125rem !default; // todo\n$form-check-input-gutter: 1.25rem !default;\n$form-feedback-invalid-color: theme-color(danger) !default;\n$form-feedback-icon-invalid-color: $form-feedback-invalid-color !default;\n$form-feedback-valid-color: theme-color(success) !default;\n$form-feedback-icon-valid-color: $form-feedback-valid-color !default;\n$form-feedback-icon-invalid: url(\"data:image/svg+xml,\") !default;\n$form-feedback-icon-valid: url(\"data:image/svg+xml,\") !default;\n\n$form-validation-states: () !default;\n\n@if $enable-validation-valid {\n $form-validation-states: map-merge(\n ('valid': ('color': $form-feedback-valid-color, 'icon': $form-feedback-icon-valid),\n 'invalid': ('color': $form-feedback-invalid-color, 'icon': $form-feedback-icon-invalid)),\n $form-validation-states\n );\n}\n\n@else {\n $form-validation-states: map-merge(\n ('invalid': ('color': $form-feedback-invalid-color,\n 'icon': $form-feedback-icon-invalid)),\n $form-validation-states\n );\n}\n\n$form-group-margin-y: $spacer !default;\n$input-group-inner-spacer-x: $spacer !default;\n\n// Jumbotron\n\n$jumbotron-bg: $white-primary !default;\n$jumbotron-border-radius: $border-radius !default;\n$jumbotron-color: $black-primary !default;\n$jumbotron-elevation-shadow: map-get($elevation-shadows, 2) !default;\n$jumbotron-padding-x: 2rem !default;\n$jumbotron-padding-y: $spacer-xl !default;\n\n// Link\n\n$link-color: selection-theme-color() !default;\n$link-color-hover: selection-theme-color() !default;\n$link-decoration: none !default;\n$link-decoration-hover: underline !default;\n\n// Misc\n\n$blockquote-border-color: theme-color(primary) !default;\n$blockquote-border-width: 0.3125rem !default;\n$blockquote-small-color: $black-hint !default;\n\n$dt-font-weight: $font-weight-medium !default;\n\n$figure-caption-color: $black-hint !default;\n$figure-img-margin-y: $spacer-sm !default;\n\n$headings-color: inherit !default;\n$headings-font-family: inherit !default;\n$headings-margin-y: $spacer-sm !default;\n\n$hr-border-color: $border-color !default;\n$hr-border-width: $border-width !default;\n\n$list-inline-inner-spacer-x: $spacer-sm !default;\n\n$mark-bg: $material-color-yellow-500 !default;\n$mark-color: $black-primary !default;\n$mark-padding: 0.2em !default;\n\n$paragraph-margin-y: $spacer !default;\n\n$small-font-size: 80% !default;\n\n$table-caption-color: $black-hint !default;\n\n$text-muted: $black-hint !default;\n\n$thumbnail-box-shadow: map-get($shadows, 2) !default;\n\n$webkit-tap-highlight-color: rgba($black, 0) !default;\n\n// Nav\n\n$nav-link-color-disabled: $black-hint !default;\n$nav-link-padding-x: $spacer !default;\n$nav-link-padding-y: $spacer-sm !default;\n\n$nav-pills-bg-hover: $black-divider !default;\n$nav-pills-border-radius: $border-radius !default;\n$nav-pills-color: $black-primary !default;\n$nav-pills-color-active: selection-theme-color() !default;\n$nav-pills-link-opacity: 0.7 !default;\n\n// Pagination\n\n$pagination-bg: transparent !default;\n$pagination-border-radius: 1.125rem !default;\n$pagination-color: $black-primary !default;\n$pagination-color-disabled: $black-hint !default;\n$pagination-font-size: $font-size-base !default;\n$pagination-font-size-sm: 0.875rem !default;\n$pagination-font-size-lg: 1.25rem !default;\n$pagination-font-weight: $font-weight-regular !default;\n$pagination-inner-spacer-x: 0.5em !default;\n$pagination-line-height: 2.25 !default; // 36px\n$pagination-margin-x: $spacer-sm !default;\n\n// Popover\n\n$popover-bg: $white !default;\n$popover-border-radius: $border-radius !default;\n$popover-breakpoint: md !default;\n$popover-box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.3), 0 2px 6px 2px rgba(60, 64, 67, 0.15) !default;\n$popover-elevation-shadow: map-get($elevation-shadows, 24) !default;\n$popover-font-size: $font-size-body-2 !default;\n$popover-margin: $spacer-lg !default;\n$popover-margin-desktop: 0.875rem !default;\n$popover-max-width: 21.25rem !default; // 17.5rem 280px\n$popover-padding-x: 1.375rem !default;\n$popover-padding-y: 0.875rem !default;\n\n// Utilities\n\n$displays: none,\n inline,\n inline-block,\n block,\n table,\n table-row,\n table-cell,\n flex,\n inline-flex !default;\n\n$overflows: auto, hidden !default;\n\n$positions: static,\n relative,\n absolute,\n fixed,\n sticky !default;\n\n$user-selects: all, auto, none !default;\n\n// Printing\n\n$print-page-size: a3 !default;\n$print-body-min-width: map-get($grid-breakpoints, 'lg') !default;\n","// Elevation\n// Based on https://material.io/design/environment/elevation.html\n\n$elevations: (\n 24: (24 * 10),\n 16: (16 * 10),\n 12: (12 * 10),\n 8: (8 * 10),\n 6: (6 * 10),\n 4: (4 * 10),\n 2: (2 * 10),\n 1: (1 * 10)\n) !default;\n\n// Shadow\n// Based on https://material-components.github.io/material-components-web-catalog/#/component/elevation\n\n$shadow-color-1: rgba(0, 0, 0, 0.14) !default;\n$shadow-color-2: rgba(0, 0, 0, 0.12) !default;\n$shadow-color-3: rgba(0, 0, 0, 0.2) !default;\n\n$shadows: (\n 24: unquote('0 24px 38px 3px #{$shadow-color-1}, 0 9px 46px 8px #{$shadow-color-2}, 0 11px 15px -7px #{$shadow-color-3}'),\n 16: unquote('0 16px 24px 2px #{$shadow-color-1}, 0 6px 30px 5px #{$shadow-color-2}, 0 8px 10px -5px #{$shadow-color-3}'),\n 12: unquote('0 12px 17px 2px #{$shadow-color-1}, 0 5px 22px 4px #{$shadow-color-2}, 0 7px 8px -4px #{$shadow-color-3}'),\n 8: unquote('0 8px 10px 1px #{$shadow-color-1}, 0 3px 14px 2px #{$shadow-color-2}, 0 5px 5px -3px #{$shadow-color-3}'),\n 6: unquote('0 6px 10px 0 #{$shadow-color-1}, 0 1px 18px 0 #{$shadow-color-2}, 0 3px 5px -1px #{$shadow-color-3}'),\n 4: unquote('0 4px 5px 0 #{$shadow-color-1}, 0 1px 10px 0 #{$shadow-color-2}, 0 2px 4px -1px #{$shadow-color-3}'),\n 2: unquote('0 2px 2px 0 #{$shadow-color-1}, 0 1px 5px 0 #{$shadow-color-2}, 0 3px 1px -2px #{$shadow-color-3}'),\n 1: unquote('0 1px 1px 0 #{$shadow-color-1}, 0 1px 3px 0 #{$shadow-color-2}, 0 2px 1px -1px #{$shadow-color-3}')\n) !default;\n\n// Value pair\n// Combination of elevation and shadow\n\n$elevation-shadows: (\n 24: (\n elevation: map-get($elevations, 24),\n shadow: map-get($shadows, 24)\n ),\n 16: (\n elevation: map-get($elevations, 16),\n shadow: map-get($shadows, 16)\n ),\n 12: (\n elevation: map-get($elevations, 12),\n shadow: map-get($shadows, 12)\n ),\n 8: (\n elevation: map-get($elevations, 8),\n shadow: map-get($shadows, 8)\n ),\n 6: (\n elevation: map-get($elevations, 6),\n shadow: map-get($shadows, 6)\n ),\n 4: (\n elevation: map-get($elevations, 4),\n shadow: map-get($shadows, 4)\n ),\n 2: (\n elevation: map-get($elevations, 2),\n shadow: map-get($shadows, 2)\n ),\n 1: (\n elevation: map-get($elevations, 1),\n shadow: map-get($shadows, 1)\n )\n) !default;\n","// stylelint-disable\n\n// Breakpoint viewport sizes and media queries.\n//\n// Breakpoints are defined as a map of (name: minimum width), order from small to large:\n//\n// (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px)\n//\n// The map defined in the `$grid-breakpoints` global variable is used as the `$breakpoints` argument by default.\n\n// Name of the next breakpoint, or null for the last breakpoint.\n//\n// >> breakpoint-next(sm)\n// md\n// >> breakpoint-next(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// md\n// >> breakpoint-next(sm, $breakpoint-names: (xs sm md lg xl))\n// md\n@function breakpoint-next($name, $breakpoints: $grid-breakpoints, $breakpoint-names: map-keys($breakpoints)) {\n $n: index($breakpoint-names, $name);\n @return if($n != null and $n < length($breakpoint-names), nth($breakpoint-names, $n + 1), null);\n}\n\n// Minimum breakpoint width. Null for the smallest (first) breakpoint.\n//\n// >> breakpoint-min(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// 576px\n@function breakpoint-min($name, $breakpoints: $grid-breakpoints) {\n $min: map-get($breakpoints, $name);\n @return if($min != 0, $min, null);\n}\n\n// Maximum breakpoint width. Null for the largest (last) breakpoint.\n// The maximum value is calculated as the minimum of the next one less 0.02px\n// to work around the limitations of `min-` and `max-` prefixes and viewports with fractional widths.\n// See https://www.w3.org/TR/mediaqueries-4/#mq-min-max\n// Uses 0.02px rather than 0.01px to work around a current rounding bug in Safari.\n// See https://bugs.webkit.org/show_bug.cgi?id=178261\n//\n// >> breakpoint-max(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// 767.98px\n@function breakpoint-max($name, $breakpoints: $grid-breakpoints) {\n $next: breakpoint-next($name, $breakpoints);\n @return if($next, breakpoint-min($next, $breakpoints) - .02, null);\n}\n\n// Returns a blank string if smallest breakpoint, otherwise returns the name with a dash in front.\n// Useful for making responsive utilities.\n//\n// >> breakpoint-infix(xs, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// \"\" (Returns a blank string)\n// >> breakpoint-infix(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// \"-sm\"\n@function breakpoint-infix($name, $breakpoints: $grid-breakpoints) {\n @return if(breakpoint-min($name, $breakpoints) == null, \"\", \"-#{$name}\");\n}\n\n// Media of at least the minimum breakpoint width. No query for the smallest breakpoint.\n// Makes the @content apply to the given breakpoint and wider.\n@mixin media-breakpoint-up($name, $breakpoints: $grid-breakpoints) {\n $min: breakpoint-min($name, $breakpoints);\n @if $min {\n @media (min-width: $min) {\n @content;\n }\n } @else {\n @content;\n }\n}\n\n// Media of at most the maximum breakpoint width. No query for the largest breakpoint.\n// Makes the @content apply to the given breakpoint and narrower.\n@mixin media-breakpoint-down($name, $breakpoints: $grid-breakpoints) {\n $max: breakpoint-max($name, $breakpoints);\n @if $max {\n @media (max-width: $max) {\n @content;\n }\n } @else {\n @content;\n }\n}\n\n// Media that spans multiple breakpoint widths.\n// Makes the @content apply between the min and max breakpoints\n@mixin media-breakpoint-between($lower, $upper, $breakpoints: $grid-breakpoints) {\n $min: breakpoint-min($lower, $breakpoints);\n $max: breakpoint-max($upper, $breakpoints);\n\n @if $min != null and $max != null {\n @media (min-width: $min) and (max-width: $max) {\n @content;\n }\n } @else if $max == null {\n @include media-breakpoint-up($lower, $breakpoints) {\n @content;\n }\n } @else if $min == null {\n @include media-breakpoint-down($upper, $breakpoints) {\n @content;\n }\n }\n}\n\n// Media between the breakpoint's minimum and maximum widths.\n// No minimum for the smallest breakpoint, and no maximum for the largest one.\n// Makes the @content apply only to the given breakpoint, not viewports any wider or narrower.\n@mixin media-breakpoint-only($name, $breakpoints: $grid-breakpoints) {\n $min: breakpoint-min($name, $breakpoints);\n $max: breakpoint-max($name, $breakpoints);\n\n @if $min != null and $max != null {\n @media (min-width: $min) and (max-width: $max) {\n @content;\n }\n } @else if $max == null {\n @include media-breakpoint-up($name, $breakpoints) {\n @content;\n }\n } @else if $min == null {\n @include media-breakpoint-down($name, $breakpoints) {\n @content;\n }\n }\n}\n\n// Daemonite addition\n@mixin media-moz-webkit {\n @-moz-document url-prefix('') {\n @content;\n }\n\n @media (-webkit-min-device-pixel-ratio: 0) {\n @content;\n }\n}\n","@mixin typography-headline-1 {\n font-size: $font-size-headline-1;\n font-weight: $font-weight-headline-1;\n letter-spacing: $letter-spacing-headline-1;\n line-height: $line-height-headline-1;\n}\n\n@mixin typography-headline-2 {\n font-size: $font-size-headline-2;\n font-weight: $font-weight-headline-2;\n letter-spacing: $letter-spacing-headline-2;\n line-height: $line-height-headline-2;\n}\n\n@mixin typography-headline-3 {\n font-size: $font-size-headline-3;\n font-weight: $font-weight-headline-3;\n letter-spacing: $letter-spacing-headline-3;\n line-height: $line-height-headline-3;\n}\n\n@mixin typography-headline-4 {\n font-size: $font-size-headline-4;\n font-weight: $font-weight-headline-4;\n letter-spacing: $letter-spacing-headline-4;\n line-height: $line-height-headline-4;\n}\n\n@mixin typography-headline-5 {\n font-size: $font-size-headline-5;\n font-weight: $font-weight-headline-5;\n letter-spacing: $letter-spacing-headline-5;\n line-height: $line-height-headline-5;\n}\n\n@mixin typography-headline-6 {\n font-size: $font-size-headline-6;\n font-weight: $font-weight-headline-6;\n letter-spacing: $letter-spacing-headline-6;\n line-height: $line-height-headline-6;\n}\n\n@mixin typography-subtitle-1 {\n font-size: $font-size-subtitle-1;\n font-weight: $font-weight-subtitle-1;\n letter-spacing: $letter-spacing-subtitle-1;\n line-height: $line-height-subtitle-1;\n}\n\n@mixin typography-subtitle-2 {\n font-size: $font-size-subtitle-2;\n font-weight: $font-weight-subtitle-2;\n letter-spacing: $letter-spacing-subtitle-2;\n line-height: $line-height-subtitle-2;\n}\n\n@mixin typography-body-1 {\n font-size: $font-size-body-1;\n font-weight: $font-weight-body-1;\n letter-spacing: $letter-spacing-body-1;\n line-height: $line-height-body-1;\n}\n\n@mixin typography-body-2 {\n font-size: $font-size-body-2;\n font-weight: $font-weight-body-2;\n letter-spacing: $letter-spacing-body-2;\n line-height: $line-height-body-2;\n}\n\n@mixin typography-caption {\n font-size: $font-size-caption;\n font-weight: $font-weight-caption;\n letter-spacing: $letter-spacing-caption;\n line-height: $line-height-caption;\n}\n\n@mixin typography-overline {\n font-size: $font-size-overline;\n font-weight: $font-weight-overline;\n letter-spacing: $letter-spacing-overline;\n line-height: $line-height-overline;\n text-transform: uppercase;\n}\n","// Acceleration curve: permanently leaving the screen\n\n@mixin transition-acceleration($property...) {\n transition-duration: $transition-duration-mobile-leaving;\n transition-property: $property;\n transition-timing-function: $transition-timing-function-acceleration;\n\n @include media-breakpoint-up(sm) {\n transition-duration: $transition-duration-tablet-leaving;\n }\n\n @include media-breakpoint-up(lg) {\n transition-duration: $transition-duration-desktop-leaving;\n }\n\n @media screen and (prefers-reduced-motion: reduce) {\n transition: none;\n }\n}\n\n// Deceleration curve: entering the screen\n\n@mixin transition-deceleration($property...) {\n transition-duration: $transition-duration-mobile-entering;\n transition-property: $property;\n transition-timing-function: $transition-timing-function-deceleration;\n\n @include media-breakpoint-up(sm) {\n transition-duration: $transition-duration-tablet-entering;\n }\n\n @include media-breakpoint-up(lg) {\n transition-duration: $transition-duration-desktop-entering;\n }\n\n @media screen and (prefers-reduced-motion: reduce) {\n transition: none;\n }\n}\n\n// Sharp curve: temporarily leaving the screen\n\n@mixin transition-sharp($property...) {\n transition-duration: $transition-duration-mobile-leaving;\n transition-property: $property;\n transition-timing-function: $transition-timing-function-sharp;\n\n @include media-breakpoint-up(sm) {\n transition-duration: $transition-duration-tablet-leaving;\n }\n\n @include media-breakpoint-up(lg) {\n transition-duration: $transition-duration-desktop-leaving;\n }\n\n @media screen and (prefers-reduced-motion: reduce) {\n transition: none;\n }\n}\n\n// Standard curve: relative movement\n\n@mixin transition-standard($property...) {\n /* transition: $transition-duration-mobile;\n transition-property: $property;\n transition-timing-function: $transition-timing-function-standard; */\n transition: $property $transition-duration-mobile $transition-timing-function-standard;\n\n @include media-breakpoint-up(sm) {\n transition-duration: $transition-duration-tablet;\n }\n\n @include media-breakpoint-up(lg) {\n transition-duration: $transition-duration-desktop;\n }\n\n @media screen and (prefers-reduced-motion: reduce) {\n transition: none;\n }\n}\n\n// Standard curve: relative movement - complex, full-screen, large transitions\n\n@mixin transition-standard-complex($property...) {\n transition-duration: $transition-duration-mobile-complex;\n transition-property: $property;\n transition-timing-function: $transition-timing-function-standard;\n\n @include media-breakpoint-up(sm) {\n transition-duration: $transition-duration-tablet-complex;\n }\n\n @include media-breakpoint-up(lg) {\n transition-duration: $transition-duration-desktop-complex;\n }\n\n @media screen and (prefers-reduced-motion: reduce) {\n transition: none;\n }\n}\n\n// Selection control\n\n@mixin transition-control($property...) {\n transition: $property $transition-duration-control $transition-timing-function-standard;\n\n @media screen and (prefers-reduced-motion: reduce) {\n transition: none;\n }\n}\n\n@mixin transition-dialog-opening($property...) {\n transition: $property $transition-duration-desktop-entering $transition-timing-function-deceleration;\n\n @media screen and (prefers-reduced-motion: reduce) {\n transition: none;\n }\n}\n\n@mixin transition-dialog-leaving($property...) {\n transition: $property $transition-duration-desktop-leaving $transition-timing-function-acceleration;\n\n @media screen and (prefers-reduced-motion: reduce) {\n transition: none;\n }\n}\n","$transition-scale: 0.87 !default;\n\n// The movement of an element is based on https://material.io/design/motion\n\n// Transition duration\n// Based on https://material.google.com/motion/duration-easing.html#duration-easing-common-durations\n\n// Accelerate easing : Elements exiting a screen use acceleration easing, where they start at rest and end at peak velocity.\n\n$transition-duration-desktop: 280ms !default;\n$transition-duration-desktop-complex: 250ms !default;\n$transition-duration-desktop-entering: 150ms !default;\n$transition-duration-desktop-leaving: 75ms !default;\n\n$transition-duration-mobile: 300ms !default;\n$transition-duration-mobile-complex: 375ms !default;\n$transition-duration-mobile-entering: 225ms !default;\n$transition-duration-mobile-leaving: 195ms !default;\n\n$transition-duration-tablet: 390ms !default;\n$transition-duration-tablet-complex: 487.5ms !default;\n$transition-duration-tablet-entering: 292.5ms !default;\n$transition-duration-tablet-leaving: 253.5ms !default;\n\n$transition-duration-control: 100ms !default;\n\n// Transition timing function\n// Based on https://material.io/design/motion/speed.html#easing\n\n$transition-timing-function-acceleration: cubic-bezier(0.4, 0, 1, 1) !default;\n$transition-timing-function-deceleration: cubic-bezier(0, 0, 0.2, 1) !default;\n$transition-timing-function-sharp: cubic-bezier(0.4, 0, 0.6, 1) !default;\n$transition-timing-function-standard: cubic-bezier(0.4, 0, 0.2, 1) !default;\n"]} \ No newline at end of file +{"version":3,"sources":["../../docs-assets/scss/docs.scss","docs.css","../../assets/scss/variables/_palette.scss","../../assets/scss/variables/_spacer.scss","../../assets/scss/variables/_typography.scss","../../assets/scss/variables/_variable-material.scss","../../assets/scss/_colors.scss","../../assets/scss/mixins/_border-radius.scss","../../assets/scss/variables/_variable-bootstrap.scss","../../assets/scss/variables/_elevation-shadow.scss","../../assets/scss/mixins/_breakpoints.scss","../../assets/scss/mixins/_typography.scss","../../assets/scss/mixins/_transition.scss","../../assets/scss/variables/_transition.scss"],"names":[],"mappings":"AAOA,kCACE,eCNF,CDSA,YACE,QAAS,CACT,kCEVc,CFWd,eAAgB,CAEhB,kBGIc,CHHd,cCNF,CDAA,oCAIE,YCAF,CDSA,mBACE,yBCNF,CDKA,sBAII,aCLJ,CDSA,iBACE,yBCNF,CDKA,oBAII,aCLJ,CDSA,oBACE,yBCNF,CDKA,uBAII,aCLJ,CDUA,kBACE,wBCPF,CDMA,oLASQ,QAAS,CACT,4BG1DoB,CH2DpB,eIaoB,CJZpB,kBGzCQ,CH0CR,iBCNR,CDPA,4PAgBU,mBCAV,CDhBA,sPAoBU,oBCKV,CDzBA,4CA6BQ,wBCAR,CD7BA,4DAkCQ,cCAR,CDlCA,wBAwCI,qBCFJ,CDtCA,4DA6CQ,gBKgC6B,CL/B7B,eI5EoB,CJ6EpB,aCFR,CD7CA,4DAwDQ,eIzFoB,CJ0FpB,aCNR,CDcA,YACE,qBMmlB+B,CNllB/B,gCMokB+B,CNnkB/B,QAAS,CACT,cCXF,CDOA,6BAOI,eCVJ,CDGA,mBAWI,SCVJ,CDaE,wBO3GA,wBP4G8B,CO3G9B,yBP2G8B,CAE5B,YAAa,CACb,eCVJ,CDRA,iEAsBI,oBCVJ,CDZA,mBA0BI,aCVJ,CDhBA,wCA+BI,iBCVJ,CDrBA,uCAmCI,iBAAkB,CAClB,QAAS,CACT,SCVJ,CD3BA,wBAyCI,cCVJ,CD/BA,uCA6CI,WCVJ,CDnCA,cAiDI,eCVJ,CDcA,gCACE,eAAkC,CAClC,kBCXF,CDcA,eACE,4BAA6B,CAC7B,oBAAqB,CACrB,UGzJ0B,CH0J1B,YCXF,CDOA,qBAOI,yBCVJ,CDcA,WACE,wBMpEuC,CNqEvC,eGrKc,CHsKd,cGlKyB,CHmKzB,iBCXF,CDOA,eAOI,mBG1KY,CH2KZ,wBAAiB,CAAjB,qBAAiB,CAAjB,oBAAiB,CAAjB,gBCVJ,CDaE,uBACE,iBGjMoB,CHkMpB,cAAe,CACf,aCVJ,CDaE,4DAEE,gCM8e6B,CN7e7B,YAAa,CACb,eCVJ,CDcA,aACE,qCCXF,CDeA,aAEI,aAAc,CACd,iBAAmB,CACnB,UQ3BwB,CR4BxB,4BCbJ,CDQA,0DAQM,qBM2d2B,CN1d3B,SCZN,CDGA,oBAaM,aE/NU,CFgOV,SCZN,CDmBA,2DACE,SChBF,CDsBA,MACE,kBCnBF,CDwBA,kCACE,WCrBF,CDwBA,sBACE,mBAAa,CAAb,YAAa,CACb,oBAAuB,CAAvB,sBCrBF,CDmBA,6BAKI,UCpBJ,CD2BA,gDAEI,oCM+a6B,CN9a7B,+BAA2C,CAC3C,0BAAwC,CACxC,6BAA4C,CAC5C,mBCxBJ,CDkBA,oDAUI,qBCxBJ,CDcA,gIAgBI,4BAA+C,CAC/C,kBKvEkC,CLwElC,wBCzBJ,CDOA,wCAsBI,QAAS,CACT,iBG5RoB,CH6RpB,sGStQoH,CTuQpH,YAAa,CACb,0BAAiD,CACjD,6BAAoD,CACpD,UCzBJ,CDHA,6DA+BM,eCxBN,CDPA,sFAoCI,0CCzBJ,CD+BA,kBACE,WC3BF,CDgCA,eACE,wBErTc,CFsTd,oDAAuD,CACvD,2BAA4B,CAC5B,2BAA4B,CAC5B,qBAAsB,CACtB,UMyY+B,CNxY/B,eAAgB,CAChB,gBAAkC,CAClC,mBC7BF,CSxNI,4BV4OJ,kBWxSE,cPmB+C,COlB/C,ePG0B,COF1B,gBP2C4B,CO1C5B,oBVyRA,CACF,CS9OI,yBV2QA,uCACE,iBCzBJ,CACF,CDKA,yDAyBI,eCzBJ,CD6BA,UWhTE,iBPCkD,COAlD,ePrB0B,COsB1B,sBPyBmC,COxBnC,gBPyC2B,CJuQ3B,qBAAmB,CAAnB,kBAAmB,CACnB,oCE/Uc,CFgVd,sBAA4C,CAC5C,uCAAkD,CAClD,aAAc,CACd,0BAAoB,CAApB,mBAAoB,CAEpB,eAAgB,CAChB,cKsIqC,CLrIrC,oBAAuB,CAAvB,sBAAuB,CACvB,aAAc,CACd,iBAAkB,CAClB,wBAAiB,CAAjB,qBAAiB,CAAjB,oBAAiB,CAAjB,gBAAiB,CACjB,kBAAmB,CACnB,kBAAmB,CACnB,aK+HqC,CL9HrC,SCzBF,CDMA,mEAuBM,aAAc,CACd,oBCzBN,CDCA,wFA2BQ,WCxBR,CDHA,uBYlRE,8CClCoE,CbsVhE,6BAA8B,CAC9B,sBAA4C,CAC5C,UAAW,CACX,SAAU,CACV,iBAAkB,CAClB,KAAM,CACN,OAAQ,CACR,QAAS,CACT,MAAO,CACP,UCvBN,CS1SI,yBVsRJ,uBY/QI,wBXwSF,CACF,CShTI,yBVsRJ,uBY3QI,wBX0SF,CACF,CWxSE,kDZwQF,uBYvQI,eX4SF,CACF,CDtCA,gBAgDI,SCNJ,CDUA,UACE,qBCPF,CSpUI,yBV8UA,kCACE,iBCNJ,CACF,CDUA,sBACE,iBCPF,CDUA,6CY3WE,yBC1ByC,CD2BzC,+BZ4WqC,CY3WrC,kDXsWF,CSrVI,yBVwVJ,6CYtWI,0BXyWF,CACF,CS5VI,yBVwVJ,6CYlWI,wBX4WF,CACF,CW1WE,kDZ+VF,6CY9VI,eX+WF,CACF,CDZE,kDYrYA,yBCPyC,CDQzC,+BZqY8C,CYpY9C,iDCKkE,CbiYhE,iBCgBJ,CSjXI,yBV8VF,kDYhYE,0BXwZF,CACF,CSvXI,yBV8VF,kDY5XE,wBX0ZF,CACF,CWxZE,kDZyXA,kDYxXE,eX4ZF,CACF,CD7BE,gDY7YA,yBCPyC,CDQzC,+BZ6Y8C,CY5Y9C,iDCKkE,CbyYhE,iBCiCJ,CS1YI,yBVsWF,gDYxYE,0BXibF,CACF,CShZI,yBVsWF,gDYpYE,wBXmbF,CACF,CWjbE,kDZiYA,gDYhYE,eXqbF,CACF,CD/CA,oBACE,eCkDF,CD/CA,UACE,wBE7ac,CF+ad,aAAc,CACd,SAAU,CACV,gBAA0E,CAC1E,mBAA6E,CAC7E,iBCkDF,CDzDA,0BAEE,UC2DF,CD/CA,eACE,iBAAyC,CACzC,cCkDF,CD/CA,iBACE,mFCkDF,CD/CA,mBACE,qBCkDF,CAEA,kBD9CE,oBAAqB,CACrB,iBCgDF,CD7CA,aACE,2ECgDF,CD7CA,aACE,kYCgDF,CD7CA,cACE,s/BCgDF,CD7CA,iBACE,8bCgDF,CD3CA,mCACE,KACE,mBAAY,CAAZ,WC8CF,CD3CA,WAEE,eC6CF,CD1CA,6BAGE,mBAAY,CAAZ,WC4CF,CACF","file":"docs.min.css","sourcesContent":["@import '../../assets/scss/colors';\n@import '../../assets/scss/functions';\n@import '../../assets/scss/mixins';\n@import '../../assets/scss/variables';\n\n// Bootstrap doc CSS override\n\n.bd-content .alert p:last-of-type {\n margin-bottom: 0;\n}\n\n.bd-callout {\n border: 0;\n border-left: $blockquote-border-width solid $blockquote-border-color;\n border-radius: 0;\n margin-top: 0;\n margin-bottom: $paragraph-margin-y;\n padding: 0 $spacer;\n\n + .bd-callout {\n margin-top: 0;\n }\n}\n\n.bd-callout-danger {\n border-left-color: theme-color(danger);\n\n h5 {\n color: theme-color(danger);\n }\n}\n\n.bd-callout-info {\n border-left-color: theme-color(info);\n\n h5 {\n color: theme-color(info);\n }\n}\n\n.bd-callout-warning {\n border-left-color: theme-color(warning);\n\n h5 {\n color: theme-color(warning);\n }\n}\n\n// stylelint-disable selector-max-compound-selectors, selector-max-type\n.bd-content > table {\n border: $table-border-width solid $table-border-color;\n\n > tbody,\n > tfoot,\n > thead {\n > tr {\n > td,\n > th {\n border: 0;\n border-top: $table-border-width solid $table-border-color;\n line-height: $table-line-height;\n padding-right: $table-cell-padding-x;\n padding-left: $table-cell-padding-x;\n\n &:first-child {\n padding-left: $table-cell-padding-x-alt;\n }\n\n &:last-child {\n padding-right: $table-cell-padding-x-alt;\n }\n }\n }\n }\n\n > tbody {\n > tr {\n &:nth-of-type(#{$table-striped-order}) {\n background-color: $table-bg-accent;\n }\n\n > td,\n > th {\n height: $table-tbody-cell-height;\n }\n }\n }\n\n > tfoot {\n color: $table-tfoot-color;\n\n > tr {\n > td,\n > th {\n font-size: $table-tfoot-font-size;\n font-weight: $table-tfoot-font-weight;\n height: $table-tfoot-cell-height;\n }\n }\n }\n\n > thead {\n > tr {\n > td,\n > th {\n font-weight: $table-thead-font-weight;\n height: $table-thead-cell-height;\n }\n }\n }\n}\n\n// stylelint-enable\n\n.bd-example {\n background-color: $body-bg;\n border: $border-width solid $border-color;\n margin: 0;\n padding: $spacer-lg;\n\n .toast-container {\n position: static;\n }\n\n .toast {\n opacity: 1;\n }\n\n .bd-example + & {\n @include border-top-radius(0);\n\n border-top: 0;\n margin-top: ($border-width * -1);\n }\n\n .custom-file-input:lang(es) ~ .custom-file-label::after {\n content: $custom-file-button-icon;\n }\n\n > button {\n margin: 0.25rem;\n }\n\n > img + img,\n > svg + svg {\n margin-left: 0.5rem;\n }\n\n > .dropdown-menu:first-child {\n position: relative;\n top: auto;\n left: auto;\n }\n\n > .list-group {\n max-width: 100%;\n }\n\n > textarea.textarea-autosize { // stylelint-disable-line\n resize: none;\n }\n\n + p {\n margin-top: $paragraph-margin-y;\n }\n}\n\n.bd-example-modal .modal-dialog {\n margin-top: ($dialog-margin-y * 2);\n margin-bottom: ($dialog-margin-y * 2);\n}\n\n.btn-clipboard {\n background-color: transparent;\n color: var(--primary);\n top: $spacer-xs;\n right: $spacer-xs;\n\n &:hover {\n background: var(--primary);\n }\n}\n\n.highlight {\n background-color: $light-theme-2;\n margin: 0 0 $paragraph-margin-y;\n padding: $spacer-lg;\n position: relative;\n\n pre {\n padding-bottom: $spacer;\n user-select: text;\n }\n\n .bd-content & {\n border-radius: $border-radius;\n margin-right: 0;\n margin-left: 0;\n }\n\n .bd-example + &,\n .bd-example + .bd-clipboard + & {\n border: $border-width solid $border-color;\n border-top: 0;\n margin-top: ($border-width * -1);\n }\n}\n\n.section-nav {\n border-left: $border-width solid $border-color;\n}\n\n// stylelint-disable selector-no-qualifying-type\n.toc-entry {\n a {\n color: #212121;\n font-size: 0.875rem;\n opacity: $nav-pills-link-opacity;\n padding: ($nav-link-padding-y / 2) 0 ($nav-link-padding-y / 2) $spacer;\n\n @include hover-focus-active {\n color: $nav-pills-color;\n opacity: 1;\n }\n\n &.active {\n color: $nav-pills-color-active;\n opacity: 1;\n }\n }\n}\n\n// CSS for accordion examples\n\n.bd-example [id='accordion'] .btn-link[data-toggle='collapse'] {\n padding: 0;\n}\n\n// CSS to flatten buttons in card examples\n\n// stylelint-disable selector-max-class\n.card {\n margin-bottom: 1rem;\n}\n\n// CSS to limit `.form-control` width in `.navbar` examples\n\n.bd-example .navbar .form-control {\n width: 10rem;\n}\n\n.bd-example-snackbars {\n display: flex;\n justify-content: center;\n\n .toast {\n z-index: 10;\n }\n}\n\n// Docsearch\n\n/* stylelint-disable declaration-no-important */\n.algolia-autocomplete {\n .algolia-docsearch-footer {\n border-top: $border-width solid $border-color;\n color: $menu-link-color-disabled !important;\n font-size: $font-size-caption !important;\n line-height: $line-height-caption !important;\n padding: $menu-padding-y-cascading $menu-link-padding-x 0;\n }\n\n .algolia-docsearch-suggestion {\n color: $menu-link-color;\n }\n\n .algolia-docsearch-suggestion--category-header,\n .algolia-docsearch-suggestion--title {\n //color: $menu-header-color !important;\n font-size: $menu-font-size-cascading !important;\n line-height: $menu-line-height-cascading;\n padding: $menu-link-padding-y $menu-link-padding-x !important;\n }\n\n .ds-dropdown-menu {\n border: 0;\n border-radius: $menu-border-radius;\n box-shadow: map-get($menu-elevation-shadow, shadow);\n margin-top: 0;\n padding-top: $menu-padding-y-cascading !important;\n padding-bottom: $menu-padding-y-cascading !important;\n width: 100%;\n\n [class^='ds-dataset-'] {\n border-radius: 0;\n }\n }\n\n .ds-suggestion.ds-cursor .algolia-docsearch-suggestion--content {\n background-color: $menu-link-bg-hover !important;\n }\n}\n\n/* stylelint-enable declaration-no-important */\n\n.doc-search:focus {\n z-index: 101;\n}\n\n// Project css\n\n.doc-jumbotron {\n background-color: theme-color(primary);\n background-image: url('../images/doc-jumbotron-bg.jpg');\n background-position: 50% 50%;\n background-repeat: no-repeat;\n background-size: cover;\n color: $white-primary;\n margin-bottom: 0;\n padding-top: ($toolbar-height * 2);\n padding-bottom: 6rem;\n\n @include media-breakpoint-down(sm) {\n h1 {\n @include typography-headline-3;\n }\n }\n\n @include media-breakpoint-up(lg) {\n .navdrawer-permanent-lg ~ & {\n margin-left: $navdrawer-width;\n }\n }\n\n h1:last-child,\n p:last-child {\n margin-bottom: 0;\n }\n}\n\n.doc-logo {\n @include typography-headline-6;\n\n align-items: center;\n background-color: rgba(theme-color(secondary), $black-divider-opacity);\n border-radius: ($toolbar-element-height / 2);\n box-shadow: inset 0 0 0 $border-width currentColor;\n color: inherit;\n display: inline-flex;\n //font-family: $font-family-serif;\n font-weight: 700;\n height: $toolbar-element-height;\n justify-content: center;\n line-height: 1;\n position: relative;\n user-select: none;\n vertical-align: top;\n white-space: nowrap;\n width: $toolbar-element-height;\n z-index: 1;\n\n &[href] {\n @include hover-focus-active {\n color: inherit;\n text-decoration: none;\n\n &::before {\n opacity: $black-divider-opacity;\n }\n }\n\n &::before {\n @include transition-standard(opacity);\n\n background-color: currentColor;\n border-radius: ($toolbar-element-height / 2);\n content: '';\n opacity: 0;\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: -1;\n }\n }\n\n &:focus {\n outline: 0;\n }\n}\n\n.doc-main {\n background-color: $white;\n\n @include media-breakpoint-up(lg) {\n .navdrawer-permanent-lg ~ & {\n margin-left: $navdrawer-width;\n }\n }\n}\n\n.doc-navbar-permanent {\n margin-left: $navdrawer-width;\n}\n\n.doc-navbar-persistent,\n.doc-navbar-temporary {\n @include transition-sharp(margin-left);\n}\n\n.doc-navbar-persistent {\n .navdrawer-open-persistent & {\n @include transition-deceleration(margin-left);\n\n margin-left: $navdrawer-width;\n }\n}\n\n.doc-navbar-temporary {\n .navdrawer-open-temporary & {\n @include transition-deceleration(margin-left);\n\n margin-left: $navdrawer-width;\n }\n}\n\n.doc-navdrawer-body {\n min-height: 100%;\n}\n\n.doc-skip {\n background-color: theme-color(primary);\n color: color-yiq(theme-color(primary));\n display: block;\n outline: 0;\n padding-top: (($toolbar-height - $font-size-base * $line-height-base) / 2);\n padding-bottom: (($toolbar-height - $font-size-base * $line-height-base) / 2);\n text-align: center;\n\n &:focus {\n color: color-yiq(theme-color(primary));\n }\n}\n\n.doc-skip-text {\n border: $border-width dotted currentColor;\n padding: $btn-padding-y $btn-padding-x;\n}\n\n.doc-swatch-text {\n font-family: $font-family-monospace;\n}\n\n.typography-body-1 {\n letter-spacing: normal;\n}\n\n// Doc icons\n\n[class*='lgi-icon'] {\n background-size: 24px;\n border-radius: 50%;\n}\n\n.lgi-icon-bs {\n background-image: url('https://djibe.github.io/material/apple-touch-icon.png');\n}\n\n.lgi-icon-md {\n background-image: url('data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGNpcmNsZSBjeD0iMTIiIGN5PSIxMiIgZmlsbD0iIzc1NzU3NSIgcj0iMTIiLz48cGF0aCBkPSJtMy42IDMuNmgxNi44djE2LjhoLTE2Ljh6IiBmaWxsPSIjYmRiZGJkIi8+PHBhdGggZD0ibTIwLjQgMy42LTguNCAxNi44LTguNC0xNi44eiIgZmlsbD0iI2ZmZiIvPjxwYXRoIGQ9Im0wIDBoMjR2MjRoLTI0eiIgZmlsbD0ibm9uZSIvPjwvc3ZnPg==');\n}\n\n.lgi-icon-mdc {\n background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAMAAADVRocKAAAAzFBMVEUAAAAiIiIgICAhISEXFxchISEiIiIiIiIhISEhISEhISEhISFAQEAhISH////V/Nid+ZOT+XSW+mmd/GCq/lsB3XIFymoItWEMolkSekccPCzl/eaY+Yib+2Oy/1kA5nYGxGgQhUweMijx/vKZ+Yuq/loC3XIRg0sfKiWu+quk/V0D1G4WYDz9//2Z+Imx/1kRhEwhIyLy/vST+XELpVogKSWS+XKj/V3j/eYQhEwGw2cMoVgItGAFyWkcPC0WYTwQg0sLpFohIiERgkuViPK2AAAADXRSTlMAQ7XsC5mYRLRF7UYEGjoK4gAAAatJREFUeAHt2QV2HDEMgOHBshpOFq3FgfAy8/3PVOYhPUtl/xf4Hphtmb7LZLIdFwRyHdtKy/NBLN9LAXwQ7ImV6CmIZicARxZ4lgBcWcBNACCcATjAa2IGMIABDGAAAxjgdwNHxyenZ+cXl1elckUeqNbq6kP4oUazJQq0O131KfxUEEZyQHytvoRfurkVAu7uH1QagPjYkwD6A6UyAByO+MDdWGUDOOyxgXuVB+AjF4gf8gG85QHtiSoAbiIW0FFFAIYcYNotBoIWA6ipYgBnDKBOAeb6wJGiAFjRBo5pQFkbOKEBC23glAYstYEzGrDSBs5pQKB9Eb9AQhzgkgastIErGrDUBko0YKENlGlAWRtY04CKNgANJDQHfaBJAWYMoBVgYUGLAcBjMRACB4husKCbiAXApgi4BR4AW8ztEbhAb4g57XpsAEY5wm4EfAB6j5hRuBd6mN3cYDL6BYRQFCZmXHCIRJ+WW7M5ftN81pJ/u66UF8tVEKyWC61rLD8DkPr1n0SOLOAkAFsWeP7rvxot74n0Z2ki+9kLEOiF89LK7JVAlsn0t/UWTrKr7UdK6x0AAAAASUVORK5CYII=');\n}\n\n.lgi-icon-plugin {\n background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTgsM0EyLDIgMCAwLDAgNiw1VjlBMiwyIDAgMCwxIDQsMTFIM1YxM0g0QTIsMiAwIDAsMSA2LDE1VjE5QTIsMiAwIDAsMCA4LDIxSDEwVjE5SDhWMTRBMiwyIDAgMCwwIDYsMTJBMiwyIDAgMCwwIDgsMTBWNUgxMFYzTTE2LDNBMiwyIDAgMCwxIDE4LDVWOUEyLDIgMCAwLDAgMjAsMTFIMjFWMTNIMjBBMiwyIDAgMCwwIDE4LDE1VjE5QTIsMiAwIDAsMSAxNiwyMUgxNFYxOUgxNlYxNEEyLDIgMCAwLDEgMTgsMTJBMiwyIDAgMCwxIDE2LDEwVjVIMTRWM0gxNloiIC8+PC9zdmc+');\n}\n\n// Dark theme\n\n@media (prefers-color-scheme: dark) {\n html {\n filter: none;\n }\n\n body,\n label {\n font-weight: initial;\n }\n\n img,\n video,\n .prevent-dark-mode {\n filter: none;\n }\n}\n",".bd-content .alert p:last-of-type {\n margin-bottom: 0;\n}\n\n.bd-callout {\n border: 0;\n border-left: 0.3125rem solid #6200ee;\n border-radius: 0;\n margin-top: 0;\n margin-bottom: 1rem;\n padding: 0 1rem;\n}\n\n.bd-callout + .bd-callout {\n margin-top: 0;\n}\n\n.bd-callout-danger {\n border-left-color: #b00020;\n}\n\n.bd-callout-danger h5 {\n color: #b00020;\n}\n\n.bd-callout-info {\n border-left-color: #714cfe;\n}\n\n.bd-callout-info h5 {\n color: #714cfe;\n}\n\n.bd-callout-warning {\n border-left-color: #ff8d00;\n}\n\n.bd-callout-warning h5 {\n color: #ff8d00;\n}\n\n.bd-content > table {\n border: 1px solid #e1e1e1;\n}\n\n.bd-content > table > tbody > tr > td,\n.bd-content > table > tbody > tr > th,\n.bd-content > table > tfoot > tr > td,\n.bd-content > table > tfoot > tr > th,\n.bd-content > table > thead > tr > td,\n.bd-content > table > thead > tr > th {\n border: 0;\n border-top: 1px solid #e1e1e1;\n line-height: 1.5;\n padding-right: 1rem;\n padding-left: 1rem;\n}\n\n.bd-content > table > tbody > tr > td:first-child,\n.bd-content > table > tbody > tr > th:first-child,\n.bd-content > table > tfoot > tr > td:first-child,\n.bd-content > table > tfoot > tr > th:first-child,\n.bd-content > table > thead > tr > td:first-child,\n.bd-content > table > thead > tr > th:first-child {\n padding-left: 1.5rem;\n}\n\n.bd-content > table > tbody > tr > td:last-child,\n.bd-content > table > tbody > tr > th:last-child,\n.bd-content > table > tfoot > tr > td:last-child,\n.bd-content > table > tfoot > tr > th:last-child,\n.bd-content > table > thead > tr > td:last-child,\n.bd-content > table > thead > tr > th:last-child {\n padding-right: 1.5rem;\n}\n\n.bd-content > table > tbody > tr:nth-of-type(odd) {\n background-color: #f5f5f5;\n}\n\n.bd-content > table > tbody > tr > td,\n.bd-content > table > tbody > tr > th {\n height: 3.25rem;\n}\n\n.bd-content > table > tfoot {\n color: rgba(0, 0, 0, 0.54);\n}\n\n.bd-content > table > tfoot > tr > td,\n.bd-content > table > tfoot > tr > th {\n font-size: 0.75rem;\n font-weight: 400;\n height: 3.5rem;\n}\n\n.bd-content > table > thead > tr > td,\n.bd-content > table > thead > tr > th {\n font-weight: 500;\n height: 3.5rem;\n}\n\n.bd-example {\n background-color: white;\n border: 1px solid rgba(0, 0, 0, 0.12);\n margin: 0;\n padding: 1.5rem;\n}\n\n.bd-example .toast-container {\n position: static;\n}\n\n.bd-example .toast {\n opacity: 1;\n}\n\n.bd-example + .bd-example {\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n border-top: 0;\n margin-top: -1px;\n}\n\n.bd-example .custom-file-input:lang(es) ~ .custom-file-label::after {\n content: \"attachment\";\n}\n\n.bd-example > button {\n margin: 0.25rem;\n}\n\n.bd-example > img + img,\n.bd-example > svg + svg {\n margin-left: 0.5rem;\n}\n\n.bd-example > .dropdown-menu:first-child {\n position: relative;\n top: auto;\n left: auto;\n}\n\n.bd-example > .list-group {\n max-width: 100%;\n}\n\n.bd-example > textarea.textarea-autosize {\n resize: none;\n}\n\n.bd-example + p {\n margin-top: 1rem;\n}\n\n.bd-example-modal .modal-dialog {\n margin-top: 2rem;\n margin-bottom: 2rem;\n}\n\n.btn-clipboard {\n background-color: transparent;\n color: var(--primary);\n top: 0.25rem;\n right: 0.25rem;\n}\n\n.btn-clipboard:hover {\n background: var(--primary);\n}\n\n.highlight {\n background-color: #f5f5f5;\n margin: 0 0 1rem;\n padding: 1.5rem;\n position: relative;\n}\n\n.highlight pre {\n padding-bottom: 1rem;\n user-select: text;\n}\n\n.bd-content .highlight {\n border-radius: 4px;\n margin-right: 0;\n margin-left: 0;\n}\n\n.bd-example + .highlight,\n.bd-example + .bd-clipboard + .highlight {\n border: 1px solid rgba(0, 0, 0, 0.12);\n border-top: 0;\n margin-top: -1px;\n}\n\n.section-nav {\n border-left: 1px solid rgba(0, 0, 0, 0.12);\n}\n\n.toc-entry a {\n color: #212121;\n font-size: 0.875rem;\n opacity: 0.7;\n padding: 0.25rem 0 0.25rem 1rem;\n}\n\n.toc-entry a:hover, .toc-entry a:focus, .toc-entry a:active {\n color: rgba(0, 0, 0, 0.87);\n opacity: 1;\n}\n\n.toc-entry a.active {\n color: #6200ee;\n opacity: 1;\n}\n\n.bd-example [id='accordion'] .btn-link[data-toggle='collapse'] {\n padding: 0;\n}\n\n.card {\n margin-bottom: 1rem;\n}\n\n.bd-example .navbar .form-control {\n width: 10rem;\n}\n\n.bd-example-snackbars {\n display: flex;\n justify-content: center;\n}\n\n.bd-example-snackbars .toast {\n z-index: 10;\n}\n\n/* stylelint-disable declaration-no-important */\n.algolia-autocomplete .algolia-docsearch-footer {\n border-top: 1px solid rgba(0, 0, 0, 0.12);\n color: rgba(0, 0, 0, 0.38) !important;\n font-size: 0.75rem !important;\n line-height: 1.25rem !important;\n padding: 1rem 1rem 0;\n}\n\n.algolia-autocomplete .algolia-docsearch-suggestion {\n color: rgba(0, 0, 0, 0.87);\n}\n\n.algolia-autocomplete .algolia-docsearch-suggestion--category-header,\n.algolia-autocomplete .algolia-docsearch-suggestion--title {\n font-size: 0.9375rem !important;\n line-height: 1.5rem;\n padding: 0 1rem !important;\n}\n\n.algolia-autocomplete .ds-dropdown-menu {\n border: 0;\n border-radius: 4px;\n box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2);\n margin-top: 0;\n padding-top: 1rem !important;\n padding-bottom: 1rem !important;\n width: 100%;\n}\n\n.algolia-autocomplete .ds-dropdown-menu [class^='ds-dataset-'] {\n border-radius: 0;\n}\n\n.algolia-autocomplete .ds-suggestion.ds-cursor .algolia-docsearch-suggestion--content {\n background-color: rgba(0, 0, 0, 0.04) !important;\n}\n\n/* stylelint-enable declaration-no-important */\n.doc-search:focus {\n z-index: 101;\n}\n\n.doc-jumbotron {\n background-color: #6200ee;\n background-image: url(\"../images/doc-jumbotron-bg.jpg\");\n background-position: 50% 50%;\n background-repeat: no-repeat;\n background-size: cover;\n color: white;\n margin-bottom: 0;\n padding-top: 7rem;\n padding-bottom: 6rem;\n}\n\n@media (max-width: 767.98px) {\n .doc-jumbotron h1 {\n font-size: 3rem;\n font-weight: 400;\n letter-spacing: 0;\n line-height: 3.125rem;\n }\n}\n\n@media (min-width: 992px) {\n .navdrawer-permanent-lg ~ .doc-jumbotron {\n margin-left: 16rem;\n }\n}\n\n.doc-jumbotron h1:last-child,\n.doc-jumbotron p:last-child {\n margin-bottom: 0;\n}\n\n.doc-logo {\n font-size: 1.25rem;\n font-weight: 500;\n letter-spacing: 0.0125em;\n line-height: 2rem;\n align-items: center;\n background-color: rgba(3, 218, 198, 0.12);\n border-radius: 1.125rem;\n box-shadow: inset 0 0 0 1px currentColor;\n color: inherit;\n display: inline-flex;\n font-weight: 700;\n height: 2.25rem;\n justify-content: center;\n line-height: 1;\n position: relative;\n user-select: none;\n vertical-align: top;\n white-space: nowrap;\n width: 2.25rem;\n z-index: 1;\n}\n\n.doc-logo[href]:hover, .doc-logo[href]:focus, .doc-logo[href]:active {\n color: inherit;\n text-decoration: none;\n}\n\n.doc-logo[href]:hover::before, .doc-logo[href]:focus::before, .doc-logo[href]:active::before {\n opacity: 0.12;\n}\n\n.doc-logo[href]::before {\n /* transition: $transition-duration-mobile;\n transition-property: $property;\n transition-timing-function: $transition-timing-function-standard; */\n transition: opacity 300ms cubic-bezier(0.4, 0, 0.2, 1);\n background-color: currentColor;\n border-radius: 1.125rem;\n content: '';\n opacity: 0;\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: -1;\n}\n\n@media (min-width: 576px) {\n .doc-logo[href]::before {\n transition-duration: 390ms;\n }\n}\n\n@media (min-width: 992px) {\n .doc-logo[href]::before {\n transition-duration: 280ms;\n }\n}\n\n@media screen and (prefers-reduced-motion: reduce) {\n .doc-logo[href]::before {\n transition: none;\n }\n}\n\n.doc-logo:focus {\n outline: 0;\n}\n\n.doc-main {\n background-color: #ffffff;\n}\n\n@media (min-width: 992px) {\n .navdrawer-permanent-lg ~ .doc-main {\n margin-left: 16rem;\n }\n}\n\n.doc-navbar-permanent {\n margin-left: 16rem;\n}\n\n.doc-navbar-persistent,\n.doc-navbar-temporary {\n transition-duration: 195ms;\n transition-property: margin-left;\n transition-timing-function: cubic-bezier(0.4, 0, 0.6, 1);\n}\n\n@media (min-width: 576px) {\n .doc-navbar-persistent,\n .doc-navbar-temporary {\n transition-duration: 253.5ms;\n }\n}\n\n@media (min-width: 992px) {\n .doc-navbar-persistent,\n .doc-navbar-temporary {\n transition-duration: 75ms;\n }\n}\n\n@media screen and (prefers-reduced-motion: reduce) {\n .doc-navbar-persistent,\n .doc-navbar-temporary {\n transition: none;\n }\n}\n\n.navdrawer-open-persistent .doc-navbar-persistent {\n transition-duration: 225ms;\n transition-property: margin-left;\n transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n margin-left: 16rem;\n}\n\n@media (min-width: 576px) {\n .navdrawer-open-persistent .doc-navbar-persistent {\n transition-duration: 292.5ms;\n }\n}\n\n@media (min-width: 992px) {\n .navdrawer-open-persistent .doc-navbar-persistent {\n transition-duration: 150ms;\n }\n}\n\n@media screen and (prefers-reduced-motion: reduce) {\n .navdrawer-open-persistent .doc-navbar-persistent {\n transition: none;\n }\n}\n\n.navdrawer-open-temporary .doc-navbar-temporary {\n transition-duration: 225ms;\n transition-property: margin-left;\n transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n margin-left: 16rem;\n}\n\n@media (min-width: 576px) {\n .navdrawer-open-temporary .doc-navbar-temporary {\n transition-duration: 292.5ms;\n }\n}\n\n@media (min-width: 992px) {\n .navdrawer-open-temporary .doc-navbar-temporary {\n transition-duration: 150ms;\n }\n}\n\n@media screen and (prefers-reduced-motion: reduce) {\n .navdrawer-open-temporary .doc-navbar-temporary {\n transition: none;\n }\n}\n\n.doc-navdrawer-body {\n min-height: 100%;\n}\n\n.doc-skip {\n background-color: #6200ee;\n color: white;\n display: block;\n outline: 0;\n padding-top: 1rem;\n padding-bottom: 1rem;\n text-align: center;\n}\n\n.doc-skip:focus {\n color: white;\n}\n\n.doc-skip-text {\n border: 1px dotted currentColor;\n padding: 0 1rem;\n}\n\n.doc-swatch-text {\n font-family: \"Roboto Mono\", \"Menlo\", \"Monaco\", \"Consolas\", \"Liberation Mono\", \"Courier New\", monospace;\n}\n\n.typography-body-1 {\n letter-spacing: normal;\n}\n\n[class*='lgi-icon'] {\n background-size: 24px;\n border-radius: 50%;\n}\n\n.lgi-icon-bs {\n background-image: url(\"https://djibe.github.io/material/apple-touch-icon.png\");\n}\n\n.lgi-icon-md {\n background-image: url(\"data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGNpcmNsZSBjeD0iMTIiIGN5PSIxMiIgZmlsbD0iIzc1NzU3NSIgcj0iMTIiLz48cGF0aCBkPSJtMy42IDMuNmgxNi44djE2LjhoLTE2Ljh6IiBmaWxsPSIjYmRiZGJkIi8+PHBhdGggZD0ibTIwLjQgMy42LTguNCAxNi44LTguNC0xNi44eiIgZmlsbD0iI2ZmZiIvPjxwYXRoIGQ9Im0wIDBoMjR2MjRoLTI0eiIgZmlsbD0ibm9uZSIvPjwvc3ZnPg==\");\n}\n\n.lgi-icon-mdc {\n background-image: url(\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAMAAADVRocKAAAAzFBMVEUAAAAiIiIgICAhISEXFxchISEiIiIiIiIhISEhISEhISEhISFAQEAhISH////V/Nid+ZOT+XSW+mmd/GCq/lsB3XIFymoItWEMolkSekccPCzl/eaY+Yib+2Oy/1kA5nYGxGgQhUweMijx/vKZ+Yuq/loC3XIRg0sfKiWu+quk/V0D1G4WYDz9//2Z+Imx/1kRhEwhIyLy/vST+XELpVogKSWS+XKj/V3j/eYQhEwGw2cMoVgItGAFyWkcPC0WYTwQg0sLpFohIiERgkuViPK2AAAADXRSTlMAQ7XsC5mYRLRF7UYEGjoK4gAAAatJREFUeAHt2QV2HDEMgOHBshpOFq3FgfAy8/3PVOYhPUtl/xf4Hphtmb7LZLIdFwRyHdtKy/NBLN9LAXwQ7ImV6CmIZicARxZ4lgBcWcBNACCcATjAa2IGMIABDGAAAxjgdwNHxyenZ+cXl1elckUeqNbq6kP4oUazJQq0O131KfxUEEZyQHytvoRfurkVAu7uH1QagPjYkwD6A6UyAByO+MDdWGUDOOyxgXuVB+AjF4gf8gG85QHtiSoAbiIW0FFFAIYcYNotBoIWA6ipYgBnDKBOAeb6wJGiAFjRBo5pQFkbOKEBC23glAYstYEzGrDSBs5pQKB9Eb9AQhzgkgastIErGrDUBko0YKENlGlAWRtY04CKNgANJDQHfaBJAWYMoBVgYUGLAcBjMRACB4husKCbiAXApgi4BR4AW8ztEbhAb4g57XpsAEY5wm4EfAB6j5hRuBd6mN3cYDL6BYRQFCZmXHCIRJ+WW7M5ftN81pJ/u66UF8tVEKyWC61rLD8DkPr1n0SOLOAkAFsWeP7rvxot74n0Z2ki+9kLEOiF89LK7JVAlsn0t/UWTrKr7UdK6x0AAAAASUVORK5CYII=\");\n}\n\n.lgi-icon-plugin {\n background-image: url(\"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTgsM0EyLDIgMCAwLDAgNiw1VjlBMiwyIDAgMCwxIDQsMTFIM1YxM0g0QTIsMiAwIDAsMSA2LDE1VjE5QTIsMiAwIDAsMCA4LDIxSDEwVjE5SDhWMTRBMiwyIDAgMCwwIDYsMTJBMiwyIDAgMCwwIDgsMTBWNUgxMFYzTTE2LDNBMiwyIDAgMCwxIDE4LDVWOUEyLDIgMCAwLDAgMjAsMTFIMjFWMTNIMjBBMiwyIDAgMCwwIDE4LDE1VjE5QTIsMiAwIDAsMSAxNiwyMUgxNFYxOUgxNlYxNEEyLDIgMCAwLDEgMTgsMTJBMiwyIDAgMCwxIDE2LDEwVjVIMTRWM0gxNloiIC8+PC9zdmc+\");\n}\n\n@media (prefers-color-scheme: dark) {\n html {\n filter: none;\n }\n body,\n label {\n font-weight: initial;\n }\n img,\n video,\n .prevent-dark-mode {\n filter: none;\n }\n}\n\n/*# sourceMappingURL=docs.css.map */","// Theme palette : https://material.io/design/material-theming/implementing-your-theme.html#color\n\n$primary: (\n color: #6200ee,\n dark: #3700b3,\n light: #bb86fc\n) !default;\n\n$secondary: (\n color: #03dac6,\n dark: #018786,\n light: #66fff8\n) !default;\n\n$danger: (\n color: #b00020,\n dark: $material-color-red-700,\n light: #c51162\n) !default;\n\n$info: (\n color: #714cfe,\n dark: #021aee,\n light: #d2c2fd\n) !default;\n\n$success: (\n color: #61d800,\n dark: #41c300,\n light: #c6f68d\n) !default;\n\n$warning: (\n color: #ff8d00,\n dark: #ee6002,\n light: #ffc77d\n) !default;\n\n$dark: (\n color: $material-color-grey-800,\n dark: $material-color-grey-900,\n light: $material-color-grey-600\n) !default;\n\n$light: (\n color: $material-color-grey-100,\n dark: $material-color-grey-300,\n light: $material-color-grey-050\n) !default;\n\n$theme-colors: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$theme-colors: map-merge(\n (\n primary: $primary,\n secondary: $secondary,\n danger: $danger,\n info: $info,\n success: $success,\n warning: $warning,\n dark: $dark,\n light: $light\n ),\n $theme-colors\n);\n\n$yiq-contrasted-threshold: 170 !default;\n$yiq-text-dark: $black-primary !default;\n$yiq-text-light: $white-primary !default;\n\n// Characters which are escaped by the escape-svg function\n$escaped-characters: (\n ('<','%3c'),\n ('>','%3e'),\n ('#','%23'),\n) !default;\n","$border-color: $black-divider !default;\n$border-color-solid: #e1e1e1 !default;\n$border-radius: 4px !default;\n$border-radius-sm: 2px !default;\n$border-radius-lg: $border-radius * 4 !default;\n$border-width: 1px !default;\n\n$sizes: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$sizes: map-merge(\n (\n 25: 25%,\n 50: 50%,\n 75: 75%,\n 100: 100%,\n auto: auto\n ),\n $sizes\n);\n\n$spacer: 1rem !default;\n\n$spacer-xs: ($spacer * 0.25) !default;\n$spacer-sm: ($spacer * 0.5) !default;\n$spacer-lg: ($spacer * 1.5) !default;\n$spacer-xl: ($spacer * 3) !default;\n\n$spacers: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$spacers: map-merge(\n (\n 0: 0,\n 1: $spacer-xs,\n 2: $spacer-sm,\n 3: $spacer,\n 4: $spacer-lg,\n 5: $spacer-xl\n ),\n $spacers\n);\n","// A base value used to responsively scale all typography, applied to the `` element\n\n$font-size-root: 16px !default;\n\n// Font face\n// Based on https://material.google.com/style/typography.html#typography-typeface\n\n// N.B. Although some values are not used in this project\n// we leave them here just in case they may be required by your project\n\n$font-family-monospace: 'Roboto Mono', 'Menlo', 'Monaco', 'Consolas', 'Liberation Mono', 'Courier New', monospace !default;\n$font-family-sans-serif: 'Roboto', -apple-system, 'BlinkMacSystemFont', 'Segoe UI', 'Helvetica Neue', 'Arial', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol' !default;\n//$font-family-serif: 'Roboto Slab', Georgia, 'Times New Roman', Times, serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol' !default;\n\n$font-family-base: $font-family-sans-serif !default;\n\n$font-weight-medium: 500 !default;\n$font-weight-bold: $font-weight-medium !default;\n$font-weight-bolder: 600 !default;\n$font-weight-regular: 400 !default;\n$font-weight-normal: $font-weight-regular !default;\n$font-weight-light: 300 !default;\n$font-weight-lighter: $font-weight-light !default;\n\n$font-weight-base: $font-weight-regular !default;\n\n// Font styles\n// Based on https://material.io/design/material-theming/implementing-your-theme.html#typography\n// and https://material-components.github.io/material-components-web-catalog/#/component/typography\n\n$font-size-base: 1rem !default; // 16px\n\n$font-size-headline-1: ($font-size-base * 6) !default; // 96px\n$font-size-headline-2: ($font-size-base * 3.75) !default; // 60px\n$font-size-headline-3: ($font-size-base * 3) !default; // 48px\n$font-size-headline-4: ($font-size-base * 2.125) !default; // 34px\n$font-size-headline-5: ($font-size-base * 1.5) !default; // 24px\n$font-size-headline-6: ($font-size-base * 1.25) !default; // 20px\n$font-size-subtitle-1: $font-size-base !default; // 16px\n$font-size-subtitle-2: ($font-size-base * 0.875) !default; // 14px\n$font-size-body-1: $font-size-base !default; // 16px\n$font-size-body-2: ($font-size-base * 0.875) !default; // 14px\n$font-size-caption: ($font-size-base * 0.75) !default; // 12px\n$font-size-overline: ($font-size-base * 0.75) !default; // 12px\n\n$font-weight-headline-1: $font-weight-light !default;\n$font-weight-headline-2: $font-weight-light !default;\n$font-weight-headline-3: $font-weight-regular !default;\n$font-weight-headline-4: $font-weight-regular !default;\n$font-weight-headline-5: $font-weight-regular !default;\n$font-weight-headline-6: $font-weight-medium !default;\n$font-weight-subtitle-1: $font-weight-regular !default;\n$font-weight-subtitle-2: $font-weight-medium !default;\n$font-weight-body-1: $font-weight-regular !default;\n$font-weight-body-2: $font-weight-regular !default;\n$font-weight-caption: $font-weight-regular !default;\n$font-weight-overline: $font-weight-medium !default;\n\n$letter-spacing-headline-1: -0.015625em !default;\n$letter-spacing-headline-2: -0.0083333333em !default;\n$letter-spacing-headline-3: 0 !default;\n$letter-spacing-headline-4: 0.0073529412em !default;\n$letter-spacing-headline-5: 0 !default;\n$letter-spacing-headline-6: 0.0125em !default;\n$letter-spacing-subtitle-1: 0.009375em !default;\n$letter-spacing-subtitle-2: 0.0071428571em !default;\n$letter-spacing-body-1: 0.03125em !default;\n$letter-spacing-body-2: 0.0178571429em !default;\n$letter-spacing-caption: 0.0333333333em !default;\n$letter-spacing-overline: 0.1666666667em !default;\n\n// Line height\n\n$line-height-base: 1.5 !default; // 1.428572\n\n$line-height-headline-1: 6rem !default;\n$line-height-headline-2: 3.75rem !default;\n$line-height-headline-3: 3.125rem !default;\n$line-height-headline-4: 2.5rem !default;\n$line-height-headline-5: 2rem !default;\n$line-height-headline-6: 2rem !default;\n$line-height-subtitle-1: 1.75rem !default;\n$line-height-subtitle-2: 1.375rem !default;\n$line-height-body-1: 1.5rem !default;\n$line-height-body-2: 1.25rem !default;\n$line-height-caption: 1.25rem !default;\n$line-height-overline: 2rem !default;\n\n// Material icons default size\n\n$material-icon-size: (24 / strip-unit($font-size-root) * 1rem) !default;\n","// Based on https://material.google.com/components/buttons.html AND https://material-density.glitch.me/\n\n$btn-bg-active: rgba(153, 153, 153, 0.4) !default;\n$btn-bg-active-inverse: rgba(204, 204, 204, 0.25) !default;\n$btn-bg-disabled: $black-divider !default;\n$btn-bg-disabled-inverse: $white-divider !default;\n$btn-border-radius: $border-radius !default;\n$btn-block-margin-y: $spacer-xs !default;\n$btn-color: $black-primary !default;\n$btn-color-disabled: rgba($black, 0.37) !default;\n$btn-color-disabled-inverse: rgba($white, 0.3) !default;\n$btn-elevation-shadow: map-get($elevation-shadows, 2) !default;\n$btn-elevation-shadow-hover: map-get($elevation-shadows, 4) !default;\n$btn-elevation-shadow-active: map-get($elevation-shadows, 8) !default;\n$btn-font-weight: $font-weight-medium !default;\n$btn-icon-size: 1.125rem !default; // Icon within a raised/outlined/text button\n//$btn-line-height: 1 !default;\n$btn-min-width: 4rem !default; // 64px\n$btn-overlay: $black-divider !default;\n$btn-overlay-inverse: rgba($white, 0.08) !default; //$white-divider\n\n$btn-font-size: 0.875rem !default;\n$btn-font-size-lg: 0.9375rem !default;\n//$btn-font-size-sm: 0.8125rem !default;\n$btn-height: 2.25rem !default; // 36px\n$btn-height-lg: 2.5rem !default; // 40px unofficial\n$btn-height-sm: 1.75rem !default; // 28px\n$btn-height-xs: 1.5rem !default; // 24px\n$btn-padding-x: $spacer !default;\n$btn-flat-padding-x: $spacer-sm !default;\n$btn-group-padding-x: 0.75rem !default;\n$btn-padding-y: 0 !default;\n\n// Based on https://material-density.glitch.me/\n\n$btn-icon-width: 3rem !default;\n$btn-icon-width-sm: 2.25rem !default;\n$btn-icon-width-xs: 1.75rem !default;\n\n// Based on https://material.io/components/buttons-floating-action-button/\n\n$btn-float-dropdown-inner-spacer-y: $spacer !default;\n$btn-float-elevation-shadow: map-get($elevation-shadows, 6) !default;\n$btn-float-elevation-shadow-hover: map-get($elevation-shadows, 8) !default;\n$btn-float-elevation-shadow-active: map-get($elevation-shadows, 12) !default;\n$btn-float-size: 3.5rem !default; // 56px\n$btn-float-size-sm: 2.5rem !default; // 40px\n$btn-float-extended-height: 3rem !default; // 48px\n$btn-float-extended-padding-x: 1.25rem !default; // 20px\n$btn-float-extended-border-radius: $btn-float-extended-height / 2 !default; // 24px\n$btn-float-extended-line-height: 2.25rem !default;\n\n// Based on https://material.io/components/buttons/#toggle-button\n\n$btn-group-bg: $white-primary !default;\n$btn-group-inner-spacer-x: 1px !default;\n$btn-group-inner-spacer-y: 1px !default;\n$btn-group-toggle-opacity: 0.7 !default;\n\n// Based on https://material.io/components/cards/\n\n$card-action-inner-spacer-x: $spacer-sm !default;\n$card-action-inner-spacer-y: $spacer-xs !default;\n$card-action-padding-x: $spacer-sm !default;\n$card-action-padding-y: $card-action-padding-x !default;\n$card-bg: $white !default;\n$card-border-color: $border-color !default;\n$card-border-radius: $border-radius !default;\n$card-border-width: $border-width !default;\n$card-columns-count: 2 !default;\n$card-columns-count-desktop: 3 !default;\n$card-elevation-shadow: map-get($elevation-shadows, 1) !default;\n$card-elevation-shadow-hover: map-get($elevation-shadows, 4) !default;\n$card-inner-border-radius: subtract($card-border-radius, $card-border-width) !default;\n$card-margin-x: $spacer-sm !default;\n$card-margin-y: $card-margin-x !default;\n$card-padding-x: $spacer !default;\n$card-padding-y: $card-padding-x !default;\n\n// Based on https://material.io/components/chips/\n\n$chip-bg: $material-color-grey-300 !default;\n$chip-bg-hover: rgba($black, $overlay-focus-colored-opacity) !default;\n$chip-bg-active: rgba($black, $overlay-pressed-colored-opacity) !default;\n$chip-outline-bg-hover: rgba($black, $overlay-hover-white-opacity) !default;\n$chip-outline-bg-active: rgba($black, $overlay-pressed-white-opacity) !default;\n$chip-color: $black-primary !default;\n$chip-font-size: 0.875rem !default;\n$chip-font-weight: $font-weight-regular !default;\n$chip-height: 2rem !default;\n$chip-icon-bg: theme-color(secondary) !default;\n$chip-icon-font-size: 1rem !default;\n$chip-icon-size: 1.25rem !default;\n$chip-inner-spacer-x: $spacer-xs !default;\n$chip-letter-spacing: $letter-spacing-body-2 !default;\n$chip-line-height: 1.25rem !default;\n$chip-padding-x: 0.75rem !default;\n$chip-padding-y: 0 !default;\n\n// Based on https://material.io/components/data-tables/\n\n$table-bg: $white !default;\n$table-bg-active: rgba(theme-color(primary), $overlay-hover-white-opacity) !default;\n//$table-bg-active-hover: $material-color-grey-300 !default;\n$table-bg-accent: $material-color-grey-100 !default;\n$table-bg-hover: rgba($black, $overlay-hover-white-opacity) !default;\n$table-border-color: $border-color-solid !default;\n$table-border-width: $border-width !default;\n$table-cell-padding-x: $spacer !default;\n$table-cell-padding-x-alt: $spacer-lg !default;\n$table-font-size: 0.875rem !default;\n$table-line-height: $line-height-base !default;\n$table-margin-y: $spacer !default;\n$table-striped-order: odd !default;\n\n$table-dark-bg: $dark-theme-4 !default;\n$table-dark-bg-accent: $dark-theme-3 !default;\n$table-dark-bg-hover: #565761 !default;\n$table-dark-border-color: #55555d !default;\n$table-dark-color: $white !default;\n\n$table-tbody-cell-height: 3.25rem !default;\n//$table-tbody-font-size: 0.8125rem !default;\n\n$table-tfoot-cell-height: 3.5rem !default; // 56px\n$table-tfoot-color: $black-secondary !default;\n$table-tfoot-font-size: 0.75rem !default;\n$table-tfoot-font-weight: $font-weight-regular !default;\n\n$table-thead-bg: $table-bg-accent !default;\n$table-thead-cell-height: $table-tfoot-cell-height !default;\n$table-thead-font-weight: $font-weight-medium !default;\n$table-thead-letter-spacing: 0.0071428571em !default;\n$table-thead-padding-y: (($table-thead-cell-height - $table-font-size * $table-line-height) / 2) !default;\n\n$table-th-font-weight: null !default;\n\n$table-sm-tbody-cell-height: 2.25rem !default;\n$table-sm-tfoot-cell-height: 2.5rem !default;\n$table-sm-thead-cell-height: $table-sm-tfoot-cell-height !default;\n\n// Based on https://material.io/components/dialogs/\n\n$dialog-backdrop-bg: rgba($black, 0.32) !default;\n$dialog-body-padding-y: 1.25rem !default;\n$dialog-border-radius: $border-radius !default;\n$dialog-color: $black-caption !default;\n$dialog-content-bg: $white !default;\n$dialog-elevation-shadow: map-get($elevation-shadows, 24) !default;\n$dialog-footer-inner-spacer-x: $spacer-sm !default;\n$dialog-footer-padding-x: $spacer-sm !default;\n$dialog-footer-padding-y: $spacer-sm !default;\n$dialog-margin-x: $spacer !default;\n$dialog-margin-y: $spacer !default;\n$dialog-padding-x: $spacer-lg !default;\n$dialog-padding-y: $spacer-sm !default;\n$dialog-transition-scale: 0.8 !default;\n$dialog-width: 35rem !default; // 560px\n$dialog-width-lg: 52.5rem !default; // 840px\n$dialog-width-sm: 17.5rem !default; // 280px\n$dialog-width-xl: $dialog-width-lg !default;\n\n// Based on https://material.io/archive/guidelines/components/expansion-panels.html\n\n$expansion-panel-bg: $white !default;\n$expansion-panel-bg-hover: rgba($black, $overlay-hover-white-opacity) !default;\n$expansion-panel-bg-focus: rgba($black, $overlay-focus-white-opacity) !default;\n$expansion-panel-bg-active: rgba($black, $overlay-pressed-white-opacity) !default;\n$expansion-panel-bg-selected: rgba(theme-color(primary), $overlay-activated-white-opacity) !default;\n$expansion-panel-bg-primary-hover: rgba(theme-color(primary), $overlay-selected-colored-opacity) !default;\n$expansion-panel-bg-primary-focus: rgba(theme-color(primary), $overlay-pressed-white-opacity) !default;\n$expansion-panel-border-color: $border-color !default;\n$expansion-panel-border-radius: $border-radius !default;\n$expansion-panel-border-width: $border-width !default;\n$expansion-panel-color: $black-primary !default;\n$expansion-panel-color-selected: theme-color(primary) !default;\n$expansion-panel-color-disabled: $black-hint !default;\n//$expansion-panel-elevation-shadow: map-get($elevation-shadows, 1) !default;\n$expansion-panel-font-size: $font-size-base !default;\n$expansion-panel-footer-btn-min-width: 4rem !default;\n$expansion-panel-footer-inner-spacer-x: $spacer-sm !default;\n$expansion-panel-footer-inner-spacer-y: $spacer-xs !default;\n$expansion-panel-footer-padding-x: $spacer-sm !default;\n$expansion-panel-height: 3rem !default;\n$expansion-panel-inner-spacer-x: $spacer !default;\n$expansion-panel-inner-spacer-y: $expansion-panel-inner-spacer-x !default;\n$expansion-panel-letter-spacing: $letter-spacing-subtitle-1 !default;\n$expansion-panel-line-height: $line-height-base !default;\n$expansion-panel-margin-y: $spacer !default;\n$expansion-panel-padding-x: $spacer !default;\n$expansion-panel-padding-y: (($expansion-panel-height - $expansion-panel-font-size * $expansion-panel-line-height) / 2) !default;\n\n$list-group-item-icon-size: 1.5rem !default;\n$list-group-item-graphic-width: 2.5rem !default;\n$list-group-item-graphic-color: rgba($black, 0.3) !default;\n\n// Material icons\n$material-icon-font-family: 'Material Icons', 'Material Icons Outlined', 'Material Icons Two Tone', 'Material Icons Round', 'Material Icons Sharp' !default;\n\n// Based on https://material.io/components/menus/\n\n$menu-bg: $white !default;\n$menu-border-radius: $border-radius !default;\n$menu-divider-bg: $border-color !default;\n$menu-font-size: 1rem !default;\n$menu-font-size-cascading: 0.9375rem !default;\n$menu-font-weight: $font-weight-regular !default;\n$menu-elevation-shadow: map-get($elevation-shadows, 8) !default;\n//$menu-header-color: $black-primary !default;\n$menu-line-height: 1.5rem !default;\n$menu-line-height-cascading: $menu-line-height !default;\n$menu-link-bg: transparent !default;\n$menu-link-bg-hover: rgba($black, $overlay-hover-white-opacity) !default;\n$menu-link-bg-focus: rgba($black, $overlay-focus-white-opacity) !default;\n$menu-link-bg-active: rgba($black, $overlay-pressed-white-opacity) !default;\n$menu-link-color: $black-primary !default;\n$menu-link-color-disabled: $black-hint !default;\n$menu-link-height: 3rem !default; // 48px\n$menu-link-height-cascading: 2rem !default; // 32px\n$menu-link-letter-spacing: $letter-spacing-subtitle-1 !default;\n$menu-link-padding-x: $spacer !default;\n$menu-link-padding-y: 0 !default;\n$menu-min-width: 7rem !default; // 112px\n$menu-min-width-cascading: 17.5rem !default; // 20 - 320px ?\n$menu-padding-y: $spacer-sm !default;\n$menu-padding-y-cascading: $spacer !default;\n\n// Based on https://material.io/components/navigation-drawer/\n\n$navdrawer-backdrop-bg: $dialog-backdrop-bg !default;\n$navdrawer-border-color: $border-color !default;\n$navdrawer-border-width: $border-width !default;\n$navdrawer-content-bg: $dialog-content-bg !default;\n$navdrawer-divider-bg: $border-color !default;\n$navdrawer-elevation-shadow: map-get($elevation-shadows, 16) !default;\n$navdrawer-gutter-width: 3.5rem !default;\n$navdrawer-header-bg: $material-color-grey-100 !default;\n$navdrawer-header-border-color: $border-color !default;\n$navdrawer-header-border-width: $border-width !default;\n$navdrawer-inner-spacer-x: $spacer !default;\n$navdrawer-inner-spacer-y: $spacer-sm !default;\n$navdrawer-nav-icon-color: $black-secondary !default;\n$navdrawer-nav-icon-width: 3.5rem !default;\n$navdrawer-nav-link-bg-hover: $material-color-grey-100 !default;\n$navdrawer-nav-link-color: $black-primary !default;\n$navdrawer-nav-link-color-active: theme-color(primary) !default;\n$navdrawer-nav-link-color-disabled: $black-hint !default;\n$navdrawer-nav-link-font-size: 0.875rem !default;\n$navdrawer-nav-link-font-weight: $font-weight-medium !default;\n$navdrawer-nav-link-height: 2.5rem !default;\n$navdrawer-subheader-color: $black-hint !default;\n$navdrawer-subheader-font-size: 0.875rem !default;\n$navdrawer-subheader-font-weight: $font-weight-medium !default;\n$navdrawer-subheader-height: 3rem !default;\n$navdrawer-width: 16rem !default;\n\n// Pickers\n// Based on https://material.io/components/pickers/\n\n$picker-border-radius: $border-radius !default;\n$picker-cell-size: 2.5rem !default;\n$picker-content-bg: $dialog-content-bg !default;\n$picker-day-bg-selected: theme-color(primary) !default;\n$picker-day-color-disabled: $black-hint !default;\n//$picker-day-color-today: theme-color(primary) !default;\n$picker-elevation-shadow: $dialog-elevation-shadow !default;\n$picker-header-bg: theme-color(primary) !default;\n$picker-header-padding-x: 1.5rem !default;\n$picker-header-padding-y: $spacer !default;\n$picker-holder-bg: $dialog-backdrop-bg !default;\n$picker-inner-spacer-x: $spacer-sm !default;\n$picker-inner-spacer-y: $picker-inner-spacer-x !default;\n$picker-margin-x: $dialog-margin-x !default;\n$picker-margin-y: $dialog-margin-y !default;\n$picker-nav-next-icon: 'keyboard_arrow_right' !default;\n$picker-nav-prev-icon: 'keyboard_arrow_left' !default;\n$picker-select-bg: $black-divider !default;\n$picker-select-border-radius: $border-radius !default;\n$picker-select-opacity: 0.7 !default;\n$picker-transition-scale: $transition-scale !default;\n$picker-weekday-color: $black-hint !default;\n\n// Based on https://material.io/components/progress-indicators/\n\n$progress-bar-bg: theme-color(primary) !default;\n$progress-bar-border-radius: 0.25rem !default;\n$progress-bar-buffer-width: 1.5rem !default;\n$progress-bar-height: 0.25rem !default; // 4px\n$progress-bg: #e6e6e6 !default;\n\n$progress-circular-animation-duration: 5.332s !default;\n$progress-circular-bg: theme-color(primary) !default;\n$progress-circular-height: 2.5rem !default;\n$progress-circular-height-sm: 1rem !default;\n$progress-circular-spinner-width: 0.25rem !default;\n$progress-circular-spinner-width-sm: 0.15rem !default;\n\n// Based on https://material.io/components/selection-controls/\n\n//$selection-control-border-radius: 50% !default; // added djibe\n$selection-control-checkbox-icon: 'check_box_outline_blank' !default;\n$selection-control-checkbox-icon-checked: 'check_box' !default;\n$selection-control-checkbox-icon-indeterminate: 'indeterminate_check_box' !default;\n$selection-control-color: $black-secondary !default;\n$selection-control-color-active: selection-theme-color() !default;\n$selection-control-color-disabled: rgba($black, 0.26) !default;\n//$selection-control-gutter: .5rem !default; // addded djibe\n$selection-control-indicator-size: $material-icon-size !default;\n\n$selection-control-radial-opacity: $black-divider-opacity !default;\n$selection-control-radio-icon: 'radio_button_unchecked' !default;\n$selection-control-radio-icon-checked: 'radio_button_checked' !default;\n$selection-control-spacer-x: ($material-icon-size / 2) !default;\n$selection-control-spacer-y: ($material-icon-size / 2) !default;\n$selection-control-thumb-bg: $material-color-grey-050 !default;\n// $selection-control-thumb-bg-disabled: $material-color-grey-400 !default;\n// $selection-control-thumb-shadow: 0 1px 5px 0 rgba($black, $black-secondary-opacity) !default;\n$selection-control-track-bg: $black-hint !default;\n// $selection-control-track-bg-disabled: $black-divider !default;\n$selection-control-track-height: 1rem !default;\n$selection-control-track-opacity: 0.5 !default;\n// $selection-control-track-width: ($selection-control-indicator-size * 2) !default;\n//$selection-control-border-width: (($selection-control-indicator-size - $selection-control-track-height) / 2); // djibe\n\n//$custom-control-gutter: 1.75rem !default;\n$custom-control-indicator-size: 1rem !default;\n$custom-control-indicator-border-width: 1.25rem !default;\n//$custom-control-indicator-border-color: $material-color-grey-800 !default;\n//$custom-control-indicator-bg: $white-primary !default;\n$custom-switch-handle-width: 1.25rem !default;\n$custom-switch-handle-shadow: 0 3px 1px -2px rgba($black, 0.2), 0 2px 2px 0 rgba($black, 0.14), 0 1px 5px 0 rgba($black, 0.12) !default;\n$custom-switch-height: 0.875rem !default;\n$custom-switch-transition: 90ms cubic-bezier(0.4, 0, 0.2, 1) !default;\n$custom-switch-width: 2rem !default;\n//$custom-switch-indicator-border-radius: $custom-control-indicator-size / 2 !default;\n//$custom-switch-indicator-size: calc(#{$custom-control-indicator-size} - #{$custom-control-indicator-border-width * 4}) !default;\n//$custom-control-indicator-checked-disabled-bg: rgba(theme-color(primary), 0.5) !default;\n\n// Based on https://material.io/components/sliders/\n\n$slider-track-width: 100% !default;\n$slider-track-height: 0.125rem !default;\n$slider-track-cursor: pointer !default;\n$slider-track-bg: rgba(selection-theme-color(), $overlay-activated-colored-opacity) !default;\n$slider-track-bg-disabled: #d7d7d7 !default;\n$slider-track-border-radius: 3px !default;\n$slider-thumb-width: 0.75rem !default;\n$slider-thumb-height: $slider-thumb-width !default;\n$slider-thumb-bg: selection-theme-color() !default;\n$slider-thumb-border: 0 !default;\n$slider-thumb-border-radius: 50% !default;\n$slider-thumb-hover-box-shadow: 0 0 0 $slider-thumb-width rgba(selection-theme-color(), $overlay-focus-white-opacity) !default;\n$slider-thumb-active-box-shadow: 0 0 0 1.3334rem rgba(selection-theme-color(), $overlay-pressed-white-opacity) !default;\n$slider-thumb-active-box-shadow-width: 0.2rem !default;\n$slider-thumb-active-bg: $slider-thumb-bg !default;\n$slider-thumb-disabled-bg: #8c8c8c !default;\n$slider-thumb-transition: box-shadow 100ms ease-out !default;\n\n// Based on https://material.io/components/snackbars/\n\n$snackbar-bg: #333333 !default;\n$snackbar-border-radius: $border-radius !default;\n//$snackbar-breakpoint: sm !default;\n$snackbar-btn-color: theme-color-light(primary) !default;\n$snackbar-color: rgba($white, $black-primary-opacity) !default;\n$snackbar-elevation-shadow: map-get($elevation-shadows, 6) !default;\n$snackbar-letter-spacing: $letter-spacing-body-2 !default;\n$snackbar-line-height: $line-height-body-2 !default;\n$snackbar-margin: $spacer-sm !default;\n$snackbar-max-width: 42rem !default;\n$snackbar-min-width: 21.5rem !default;\n$snackbar-padding-x: $spacer !default;\n$snackbar-padding-y: 0.875rem !default;\n\n// Based on https://material.io/archive/guidelines/components/steppers.html\n\n$stepper-bg: $white !default;\n$stepper-border-color: $black-divider !default;\n$stepper-border-width: $border-width !default;\n$stepper-icon-bg: $black-hint !default;\n$stepper-icon-bg-active: theme-color(primary) !default;\n$stepper-icon-color: $white-primary !default;\n$stepper-icon-font-size: 0.75rem !default;\n$stepper-icon-icon-size: 1rem !default;\n$stepper-icon-height: 1.5rem !default;\n$stepper-inner-spacer: $spacer-sm !default;\n$stepper-padding-x: $spacer-lg !default;\n$stepper-padding-y: $spacer-lg !default;\n$stepper-text-color: $black-hint !default;\n$stepper-text-color-active: $black-primary !default;\n$stepper-text-font-size: $font-size-body-2 !default;\n$stepper-text-font-weight: $font-weight-regular !default;\n\n// Based on https://material.io/components/tabs/\n\n$nav-tab-bg-hover: $black-divider !default;\n$nav-tab-color: $black-secondary !default; //$black-primary !default;\n$nav-tab-color-active: selection-theme-color() !default;\n$nav-tab-color-disabled: $black-hint !default;\n$nav-tab-font-size: $font-size-body-2 !default;\n$nav-tab-font-weight: $font-weight-medium !default;\n$nav-tab-height: 3rem !default;\n$nav-tab-indicator-bg: selection-theme-color() !default;\n$nav-tab-indicator-height: 0.125rem !default;\n$nav-tab-letter-spacing: 0.0892857143em !default;\n$nav-tab-line-height: 1 !default;\n//$nav-tab-link-opacity: $white-secondary-opacity !default;\n$nav-tab-link-padding-x: $spacer !default; //.75rem\n$nav-tab-link-padding-x-desktop: $spacer-lg !default;\n//$nav-tab-link-padding-y: (($nav-tab-height - $nav-tab-font-size * $nav-tab-line-height) / 2) !default;\n\n// Based on https://material.io/components/text-fields/\n\n$textfield-border-color: rgba($black, 0.42) !default;\n$textfield-textarea-border-color: rgba($black, 0.24) !default;\n$textfield-border-color-hover: $black-primary !default;\n$textfield-border-color-focus: selection-theme-color() !default;\n$textfield-border-width: 1px !default;\n$textfield-border-width-hover: ($textfield-border-width * 2) !default;\n$textfield-border-width-focus: $textfield-border-width-hover !default;\n$textfield-color: $black-primary !default;\n$textfield-color-disabled: $black-hint !default;\n$textfield-caption-color: $black-caption !default;\n$textfield-hint-color: $black-hint !default;\n$textfield-margin-x: $spacer !default;\n$textfield-placeholder-color: $black-secondary !default;\n$textfield-plaintext-color: $body-color !default;\n\n$textfield-font-size: 1rem !default;\n$textfield-font-size-lg: 2.125rem !default;\n$textfield-font-size-sm: 0.8125rem !default;\n$textfield-height: 2.25rem !default;\n$textfield-height-lg: 3.75rem !default;\n$textfield-height-sm: 2rem !default;\n$textfield-letter-spacing: $letter-spacing-subtitle-1 !default;\n$textfield-line-height: 1.5 !default; // 1.75rem\n$textfield-line-height-lg: 1.176471 !default;\n$textfield-line-height-sm: 1.538462 !default;\n$textfield-margin-y: $spacer-sm !default;\n$textfield-margin-y-lg: 0.75rem !default;\n$textfield-margin-y-sm: $spacer-xs !default;\n$textfield-padding-x: 0 !default;\n$textfield-padding-x-lg: 0 !default;\n$textfield-padding-x-sm: 0 !default;\n$textfield-padding-y: (($textfield-height - $textfield-font-size * $textfield-line-height) / 2) !default;\n$textfield-padding-y-lg: (($textfield-height-lg - $textfield-font-size-lg * $textfield-line-height-lg) / 2) !default;\n$textfield-padding-y-sm: (($textfield-height-sm - $textfield-font-size-sm * $textfield-line-height-sm) / 2) !default;\n\n$textfield-select-bg-size: ($material-icon-size / $textfield-font-size * 1em) !default;\n\n// Based on https://material.io/components/text-fields/\n\n$textfield-box-bg: rgba($black, $overlay-hover-white-opacity) !default;\n$textfield-box-bg-hover: rgba($black, 0.07) !default;\n$textfield-box-bg-focus: rgba($black, 0.14) !default;\n$textfield-box-border-radius: $border-radius !default;\n\n$textfield-box-height: 3.5rem !default; // 56px\n$textfield-box-height-lg: 4.25rem !default;\n$textfield-box-height-sm: 2.75rem !default;\n$textfield-box-label-spacer-y: $spacer-sm !default;\n$textfield-box-padding-x: $spacer !default;\n$textfield-box-padding-x-lg: $textfield-box-padding-x !default;\n$textfield-box-padding-x-sm: 0.75rem !default;\n$textfield-box-padding-y: (($textfield-box-height - $textfield-font-size * $textfield-line-height) / 2) !default;\n$textfield-box-padding-y-lg: (($textfield-box-height-lg - $textfield-font-size-lg * $textfield-line-height-lg) / 2) !default;\n$textfield-box-padding-y-sm: (($textfield-box-height-sm - $textfield-font-size-sm * $textfield-line-height-sm) / 2) !default;\n$textfield-box-placeholder-color: $black-caption !default;\n\n// Text field: floating label\n// Based on https://material.io/components/text-fields/\n\n$floating-label-color: $black-secondary !default;\n$floating-label-color-box: $black-caption !default;\n$floating-label-color-focus: rgba(selection-theme-color(), $black-primary-opacity) !default;\n$floating-label-font-size: 0.75rem !default;\n$floating-label-font-size-lg: $font-size-body-2 !default;\n$floating-label-font-size-sm: 0.625rem !default;\n\n// Based on https://material.io/components/app-bars-top/\n\n$toolbar-color: $black-primary !default;\n$toolbar-color-lighter: $black-hint !default;\n$toolbar-element-bg: $black-divider !default;\n$toolbar-element-border-radius: $border-radius !default;\n$toolbar-element-height: 2.25rem !default;\n$toolbar-element-opacity: 0.7 !default;\n$toolbar-elevation-shadow: map-get($elevation-shadows, 4) !default;\n$toolbar-height: 3.5rem !default;\n$toolbar-inner-spacer-x: $spacer !default;\n$toolbar-link-font-size: 1rem !default;\n$toolbar-link-height: $toolbar-element-height !default;\n$toolbar-link-line-height: 1 !default;\n$toolbar-link-padding-x: $spacer !default;\n$toolbar-link-padding-y: (($toolbar-link-height - $toolbar-link-font-size * $toolbar-link-line-height) / 2) !default;\n$toolbar-padding-x: $spacer !default;\n$toolbar-padding-y: (($toolbar-height - $toolbar-element-height) / 2) !default;\n$toolbar-toggler-icon: 'menu' !default;\n$toolbar-waterfall-bg: theme-color(primary) !default;\n\n$toolbar-dark-color: $white-primary !default;\n$toolbar-dark-color-lighter: $white-hint !default;\n$toolbar-dark-element-bg: $white-divider !default;\n\n// Based on https://material.io/components/tooltips/\n\n$tooltip-bg: #6d6d6d !default;\n$tooltip-border-radius: $border-radius !default;\n$tooltip-breakpoint: lg !default;\n$tooltip-color: $white-primary !default;\n$tooltip-font-size: $font-size-body-2 !default;\n$tooltip-font-size-desktop: 0.625rem !default;\n$tooltip-font-weight: $font-weight-medium !default;\n$tooltip-height: 2rem !default; // 32px\n$tooltip-height-desktop: 1.5rem !default; // 24px\n$tooltip-line-height: $line-height-base !default;\n$tooltip-margin: $spacer-lg !default; // 24px\n$tooltip-margin-desktop: 0.875rem !default; // 14px\n$tooltip-opacity: 0.9 !default;\n$tooltip-padding-x: $spacer !default; // 16px\n$tooltip-padding-x-desktop: $spacer-sm !default; // 8px\n$tooltip-padding-y: 0 !default;\n$tooltip-padding-y-desktop: $tooltip-padding-y !default; // 6px\n$tooltip-scale: 0.87 !default;\n$tooltip-zindex: map-get($elevations, 24) !default;\n","// Material colour palette\n// Based on https://material.google.com/style/color.html#color-color-palette\n\n$material-color-amber-050: #fff8e1 !default;\n$material-color-amber-100: #ffecb3 !default;\n$material-color-amber-200: #ffe082 !default;\n$material-color-amber-300: #ffd54f !default;\n$material-color-amber-400: #ffca28 !default;\n$material-color-amber-500: #ffc107 !default;\n$material-color-amber-600: #ffb300 !default;\n$material-color-amber-700: #ffa000 !default;\n$material-color-amber-800: #ff8f00 !default;\n$material-color-amber-900: #ff6f00 !default;\n$material-color-amber-a100: #ffe57f !default;\n$material-color-amber-a200: #ffd740 !default;\n$material-color-amber-a400: #ffc400 !default;\n$material-color-amber-a700: #ffab00 !default;\n\n$material-color-blue-050: #e3f2fd !default;\n$material-color-blue-100: #bbdefb !default;\n$material-color-blue-200: #90caf9 !default;\n$material-color-blue-300: #64b5f6 !default;\n$material-color-blue-400: #42a5f5 !default;\n$material-color-blue-500: #2196f3 !default;\n$material-color-blue-600: #1e88e5 !default;\n$material-color-blue-700: #1976d2 !default;\n$material-color-blue-800: #1565c0 !default;\n$material-color-blue-900: #0d47a1 !default;\n$material-color-blue-a100: #82b1ff !default;\n$material-color-blue-a200: #448aff !default;\n$material-color-blue-a400: #2979ff !default;\n$material-color-blue-a700: #2962ff !default;\n\n$material-color-blue-grey-050: #eceff1 !default;\n$material-color-blue-grey-100: #cfd8dc !default;\n$material-color-blue-grey-200: #b0bec5 !default;\n$material-color-blue-grey-300: #90a4ae !default;\n$material-color-blue-grey-400: #78909c !default;\n$material-color-blue-grey-500: #607d8b !default;\n$material-color-blue-grey-600: #546e7a !default;\n$material-color-blue-grey-700: #455a64 !default;\n$material-color-blue-grey-800: #37474f !default;\n$material-color-blue-grey-900: #263238 !default;\n\n$material-color-brown-050: #efebe9 !default;\n$material-color-brown-100: #d7ccc8 !default;\n$material-color-brown-200: #bcaaa4 !default;\n$material-color-brown-300: #a1887f !default;\n$material-color-brown-400: #8d6e63 !default;\n$material-color-brown-500: #795548 !default;\n$material-color-brown-600: #6d4c41 !default;\n$material-color-brown-700: #5d4037 !default;\n$material-color-brown-800: #4e342e !default;\n$material-color-brown-900: #3e2723 !default;\n\n$material-color-cyan-050: #e0f7fa !default;\n$material-color-cyan-100: #b2ebf2 !default;\n$material-color-cyan-200: #80deea !default;\n$material-color-cyan-300: #4dd0e1 !default;\n$material-color-cyan-400: #26c6da !default;\n$material-color-cyan-500: #00bcd4 !default;\n$material-color-cyan-600: #00acc1 !default;\n$material-color-cyan-700: #0097a7 !default;\n$material-color-cyan-800: #00838f !default;\n$material-color-cyan-900: #006064 !default;\n$material-color-cyan-a100: #84ffff !default;\n$material-color-cyan-a200: #18ffff !default;\n$material-color-cyan-a400: #00e5ff !default;\n$material-color-cyan-a700: #00b8d4 !default;\n\n$material-color-deep-orange-050: #fbe9e7 !default;\n$material-color-deep-orange-100: #ffccbc !default;\n$material-color-deep-orange-200: #ffab91 !default;\n$material-color-deep-orange-300: #ff8a65 !default;\n$material-color-deep-orange-400: #ff7043 !default;\n$material-color-deep-orange-500: #ff5722 !default;\n$material-color-deep-orange-600: #f4511e !default;\n$material-color-deep-orange-700: #e64a19 !default;\n$material-color-deep-orange-800: #d84315 !default;\n$material-color-deep-orange-900: #bf360c !default;\n$material-color-deep-orange-a100: #ff9e80 !default;\n$material-color-deep-orange-a200: #ff6e40 !default;\n$material-color-deep-orange-a400: #ff3d00 !default;\n$material-color-deep-orange-a700: #dd2c00 !default;\n\n$material-color-deep-purple-050: #ede7f6 !default;\n$material-color-deep-purple-100: #d1c4e9 !default;\n$material-color-deep-purple-200: #b39ddb !default;\n$material-color-deep-purple-300: #9575cd !default;\n$material-color-deep-purple-400: #7e57c2 !default;\n$material-color-deep-purple-500: #673ab7 !default;\n$material-color-deep-purple-600: #5e35b1 !default;\n$material-color-deep-purple-700: #512da8 !default;\n$material-color-deep-purple-800: #4527a0 !default;\n$material-color-deep-purple-900: #311b92 !default;\n$material-color-deep-purple-a100: #b388ff !default;\n$material-color-deep-purple-a200: #7c4dff !default;\n$material-color-deep-purple-a400: #651fff !default;\n$material-color-deep-purple-a700: #6200ea !default;\n\n$material-color-green-050: #e8f5e9 !default;\n$material-color-green-100: #c8e6c9 !default;\n$material-color-green-200: #a5d6a7 !default;\n$material-color-green-300: #81c784 !default;\n$material-color-green-400: #66bb6a !default;\n$material-color-green-500: #4caf50 !default;\n$material-color-green-600: #43a047 !default;\n$material-color-green-700: #388e3c !default;\n$material-color-green-800: #2e7d32 !default;\n$material-color-green-900: #1b5e20 !default;\n$material-color-green-a100: #b9f6ca !default;\n$material-color-green-a200: #69f0ae !default;\n$material-color-green-a400: #00e676 !default;\n$material-color-green-a700: #00c853 !default;\n\n$material-color-grey-050: #fafafa !default;\n$material-color-grey-100: #f5f5f5 !default;\n$material-color-grey-200: #eeeeee !default;\n$material-color-grey-300: #e0e0e0 !default;\n$material-color-grey-400: #bdbdbd !default;\n$material-color-grey-500: #9e9e9e !default;\n$material-color-grey-600: #757575 !default;\n$material-color-grey-700: #616161 !default;\n$material-color-grey-800: #424242 !default;\n$material-color-grey-900: #212121 !default;\n\n$material-color-indigo-050: #e8eaf6 !default;\n$material-color-indigo-100: #c5cae9 !default;\n$material-color-indigo-200: #9fa8da !default;\n$material-color-indigo-300: #7986cb !default;\n$material-color-indigo-400: #5c6bc0 !default;\n$material-color-indigo-500: #3f51b5 !default;\n$material-color-indigo-600: #3949ab !default;\n$material-color-indigo-700: #303f9f !default;\n$material-color-indigo-800: #283593 !default;\n$material-color-indigo-900: #1a237e !default;\n$material-color-indigo-a100: #8c9eff !default;\n$material-color-indigo-a200: #536dfe !default;\n$material-color-indigo-a400: #3d5afe !default;\n$material-color-indigo-a700: #304ffe !default;\n\n$material-color-light-blue-050: #e1f5fe !default;\n$material-color-light-blue-100: #b3e5fc !default;\n$material-color-light-blue-200: #81d4fa !default;\n$material-color-light-blue-300: #4fc3f7 !default;\n$material-color-light-blue-400: #29b6f6 !default;\n$material-color-light-blue-500: #03a9f4 !default;\n$material-color-light-blue-600: #039be5 !default;\n$material-color-light-blue-700: #0288d1 !default;\n$material-color-light-blue-800: #0277bd !default;\n$material-color-light-blue-900: #01579b !default;\n$material-color-light-blue-a100: #80d8ff !default;\n$material-color-light-blue-a200: #40c4ff !default;\n$material-color-light-blue-a400: #00b0ff !default;\n$material-color-light-blue-a700: #0091ea !default;\n\n$material-color-light-green-050: #f1f8e9 !default;\n$material-color-light-green-100: #dcedc8 !default;\n$material-color-light-green-200: #c5e1a5 !default;\n$material-color-light-green-300: #aed581 !default;\n$material-color-light-green-400: #9ccc65 !default;\n$material-color-light-green-500: #8bc34a !default;\n$material-color-light-green-600: #7cb342 !default;\n$material-color-light-green-700: #689f38 !default;\n$material-color-light-green-800: #558b2f !default;\n$material-color-light-green-900: #33691e !default;\n$material-color-light-green-a100: #ccff90 !default;\n$material-color-light-green-a200: #b2ff59 !default;\n$material-color-light-green-a400: #76ff03 !default;\n$material-color-light-green-a700: #64dd17 !default;\n\n$material-color-lime-050: #f9fbe7 !default;\n$material-color-lime-100: #f0f4c3 !default;\n$material-color-lime-200: #e6ee9c !default;\n$material-color-lime-300: #dce775 !default;\n$material-color-lime-400: #d4e157 !default;\n$material-color-lime-500: #cddc39 !default;\n$material-color-lime-600: #c0ca33 !default;\n$material-color-lime-700: #afb42b !default;\n$material-color-lime-800: #9e9d24 !default;\n$material-color-lime-900: #827717 !default;\n$material-color-lime-a100: #f4ff81 !default;\n$material-color-lime-a200: #eeff41 !default;\n$material-color-lime-a400: #c6ff00 !default;\n$material-color-lime-a700: #aeea00 !default;\n\n$material-color-orange-050: #fff3e0 !default;\n$material-color-orange-100: #ffe0b2 !default;\n$material-color-orange-200: #ffcc80 !default;\n$material-color-orange-300: #ffb74d !default;\n$material-color-orange-400: #ffa726 !default;\n$material-color-orange-500: #ff9800 !default;\n$material-color-orange-600: #fb8c00 !default;\n$material-color-orange-700: #f57c00 !default;\n$material-color-orange-800: #ef6c00 !default;\n$material-color-orange-900: #e65100 !default;\n$material-color-orange-a100: #ffd180 !default;\n$material-color-orange-a200: #ffab40 !default;\n$material-color-orange-a400: #ff9100 !default;\n$material-color-orange-a700: #ff6d00 !default;\n\n$material-color-pink-050: #fce4ec !default;\n$material-color-pink-100: #f8bbd0 !default;\n$material-color-pink-200: #f48fb1 !default;\n$material-color-pink-300: #f06292 !default;\n$material-color-pink-400: #ec407a !default;\n$material-color-pink-500: #e91e63 !default;\n$material-color-pink-600: #d81b60 !default;\n$material-color-pink-700: #c2185b !default;\n$material-color-pink-800: #ad1457 !default;\n$material-color-pink-900: #880e4f !default;\n$material-color-pink-a100: #ff80ab !default;\n$material-color-pink-a200: #ff4081 !default;\n$material-color-pink-a400: #f50057 !default;\n$material-color-pink-a700: #c51162 !default;\n\n$material-color-purple-050: #f3e5f5 !default;\n$material-color-purple-100: #e1bee7 !default;\n$material-color-purple-200: #ce93d8 !default;\n$material-color-purple-300: #ba68c8 !default;\n$material-color-purple-400: #ab47bc !default;\n$material-color-purple-500: #9c27b0 !default;\n$material-color-purple-600: #8e24aa !default;\n$material-color-purple-700: #7b1fa2 !default;\n$material-color-purple-800: #6a1b9a !default;\n$material-color-purple-900: #4a148c !default;\n$material-color-purple-a100: #ea80fc !default;\n$material-color-purple-a200: #e040fb !default;\n$material-color-purple-a400: #d500f9 !default;\n$material-color-purple-a700: #aa00ff !default;\n\n$material-color-red-050: #ffebee !default;\n$material-color-red-100: #ffcdd2 !default;\n$material-color-red-200: #ef9a9a !default;\n$material-color-red-300: #e57373 !default;\n$material-color-red-400: #ef5350 !default;\n$material-color-red-500: #f44336 !default;\n$material-color-red-600: #e53935 !default;\n$material-color-red-700: #d32f2f !default;\n$material-color-red-800: #c62828 !default;\n$material-color-red-900: #b71c1c !default;\n$material-color-red-a100: #ff8a80 !default;\n$material-color-red-a200: #ff5252 !default;\n$material-color-red-a400: #ff1744 !default;\n$material-color-red-a700: #d50000 !default;\n\n$material-color-teal-050: #e0f2f1 !default;\n$material-color-teal-100: #b2dfdb !default;\n$material-color-teal-200: #80cbc4 !default;\n$material-color-teal-300: #4db6ac !default;\n$material-color-teal-400: #26a69a !default;\n$material-color-teal-500: #009688 !default;\n$material-color-teal-600: #00897b !default;\n$material-color-teal-700: #00796b !default;\n$material-color-teal-800: #00695c !default;\n$material-color-teal-900: #004d40 !default;\n$material-color-teal-a100: #a7ffeb !default;\n$material-color-teal-a200: #64ffda !default;\n$material-color-teal-a400: #1de9b6 !default;\n$material-color-teal-a700: #00bfa5 !default;\n\n$material-color-yellow-050: #fffde7 !default;\n$material-color-yellow-100: #fff9c4 !default;\n$material-color-yellow-200: #fff59d !default;\n$material-color-yellow-300: #fff176 !default;\n$material-color-yellow-400: #ffee58 !default;\n$material-color-yellow-500: #ffeb3b !default;\n$material-color-yellow-600: #fdd835 !default;\n$material-color-yellow-700: #fbc02d !default;\n$material-color-yellow-800: #f9a825 !default;\n$material-color-yellow-900: #f57f17 !default;\n$material-color-yellow-a100: #ffff8d !default;\n$material-color-yellow-a200: #ffff00 !default;\n$material-color-yellow-a400: #ffea00 !default;\n$material-color-yellow-a700: #ffd600 !default;\n\n// stylelint-disable scss/dollar-variable-default\n\n$ambers: () !default;\n$ambers: map-merge(\n (\n 50: $material-color-amber-050,\n 100: $material-color-amber-100,\n 200: $material-color-amber-200,\n 300: $material-color-amber-300,\n 400: $material-color-amber-400,\n 500: $material-color-amber-500,\n 600: $material-color-amber-600,\n 700: $material-color-amber-700,\n 800: $material-color-amber-800,\n 900: $material-color-amber-900,\n a100: $material-color-amber-a100,\n a200: $material-color-amber-a200,\n a400: $material-color-amber-a400,\n a700: $material-color-amber-a700\n ),\n $ambers\n);\n\n$blues: () !default;\n$blues: map-merge(\n (\n 50: $material-color-blue-050,\n 100: $material-color-blue-100,\n 200: $material-color-blue-200,\n 300: $material-color-blue-300,\n 400: $material-color-blue-400,\n 500: $material-color-blue-500,\n 600: $material-color-blue-600,\n 700: $material-color-blue-700,\n 800: $material-color-blue-800,\n 900: $material-color-blue-900,\n a100: $material-color-blue-a100,\n a200: $material-color-blue-a200,\n a400: $material-color-blue-a400,\n a700: $material-color-blue-a700\n ),\n $blues\n);\n\n$blue-greys: () !default;\n$blue-greys: map-merge(\n (\n 50: $material-color-blue-grey-050,\n 100: $material-color-blue-grey-100,\n 200: $material-color-blue-grey-200,\n 300: $material-color-blue-grey-300,\n 400: $material-color-blue-grey-400,\n 500: $material-color-blue-grey-500,\n 600: $material-color-blue-grey-600,\n 700: $material-color-blue-grey-700,\n 800: $material-color-blue-grey-800,\n 900: $material-color-blue-grey-900\n ),\n $blue-greys\n);\n\n$browns: () !default;\n$browns: map-merge(\n (\n 50: $material-color-brown-050,\n 100: $material-color-brown-100,\n 200: $material-color-brown-200,\n 300: $material-color-brown-300,\n 400: $material-color-brown-400,\n 500: $material-color-brown-500,\n 600: $material-color-brown-600,\n 700: $material-color-brown-700,\n 800: $material-color-brown-800,\n 900: $material-color-brown-900\n ),\n $browns\n);\n\n$cyans: () !default;\n$cyans: map-merge(\n (\n 50: $material-color-cyan-050,\n 100: $material-color-cyan-100,\n 200: $material-color-cyan-200,\n 300: $material-color-cyan-300,\n 400: $material-color-cyan-400,\n 500: $material-color-cyan-500,\n 600: $material-color-cyan-600,\n 700: $material-color-cyan-700,\n 800: $material-color-cyan-800,\n 900: $material-color-cyan-900,\n a100: $material-color-cyan-a100,\n a200: $material-color-cyan-a200,\n a400: $material-color-cyan-a400,\n a700: $material-color-cyan-a700\n ),\n $cyans\n);\n\n$deep-oranges: () !default;\n$deep-oranges: map-merge(\n (\n 50: $material-color-deep-orange-050,\n 100: $material-color-deep-orange-100,\n 200: $material-color-deep-orange-200,\n 300: $material-color-deep-orange-300,\n 400: $material-color-deep-orange-400,\n 500: $material-color-deep-orange-500,\n 600: $material-color-deep-orange-600,\n 700: $material-color-deep-orange-700,\n 800: $material-color-deep-orange-800,\n 900: $material-color-deep-orange-900,\n a100: $material-color-deep-orange-a100,\n a200: $material-color-deep-orange-a200,\n a400: $material-color-deep-orange-a400,\n a700: $material-color-deep-orange-a700\n ),\n $deep-oranges\n);\n\n$deep-purples: () !default;\n$deep-purples: map-merge(\n (\n 50: $material-color-deep-purple-050,\n 100: $material-color-deep-purple-100,\n 200: $material-color-deep-purple-200,\n 300: $material-color-deep-purple-300,\n 400: $material-color-deep-purple-400,\n 500: $material-color-deep-purple-500,\n 600: $material-color-deep-purple-600,\n 700: $material-color-deep-purple-700,\n 800: $material-color-deep-purple-800,\n 900: $material-color-deep-purple-900,\n a100: $material-color-deep-purple-a100,\n a200: $material-color-deep-purple-a200,\n a400: $material-color-deep-purple-a400,\n a700: $material-color-deep-purple-a700\n ),\n $deep-purples\n);\n\n$greens: () !default;\n$greens: map-merge(\n (\n 50: $material-color-green-050,\n 100: $material-color-green-100,\n 200: $material-color-green-200,\n 300: $material-color-green-300,\n 400: $material-color-green-400,\n 500: $material-color-green-500,\n 600: $material-color-green-600,\n 700: $material-color-green-700,\n 800: $material-color-green-800,\n 900: $material-color-green-900,\n a100: $material-color-green-a100,\n a200: $material-color-green-a200,\n a400: $material-color-green-a400,\n a700: $material-color-green-a700\n ),\n $greens\n);\n\n$greys: () !default;\n$greys: map-merge(\n (\n 50: $material-color-grey-050,\n 100: $material-color-grey-100,\n 200: $material-color-grey-200,\n 300: $material-color-grey-300,\n 400: $material-color-grey-400,\n 500: $material-color-grey-500,\n 600: $material-color-grey-600,\n 700: $material-color-grey-700,\n 800: $material-color-grey-800,\n 900: $material-color-grey-900\n ),\n $greys\n);\n\n$indigos: () !default;\n$indigos: map-merge(\n (\n 50: $material-color-indigo-050,\n 100: $material-color-indigo-100,\n 200: $material-color-indigo-200,\n 300: $material-color-indigo-300,\n 400: $material-color-indigo-400,\n 500: $material-color-indigo-500,\n 600: $material-color-indigo-600,\n 700: $material-color-indigo-700,\n 800: $material-color-indigo-800,\n 900: $material-color-indigo-900,\n a100: $material-color-indigo-a100,\n a200: $material-color-indigo-a200,\n a400: $material-color-indigo-a400,\n a700: $material-color-indigo-a700\n ),\n $indigos\n);\n\n$light-blues: () !default;\n$light-blues: map-merge(\n (\n 50: $material-color-light-blue-050,\n 100: $material-color-light-blue-100,\n 200: $material-color-light-blue-200,\n 300: $material-color-light-blue-300,\n 400: $material-color-light-blue-400,\n 500: $material-color-light-blue-500,\n 600: $material-color-light-blue-600,\n 700: $material-color-light-blue-700,\n 800: $material-color-light-blue-800,\n 900: $material-color-light-blue-900,\n a100: $material-color-light-blue-a100,\n a200: $material-color-light-blue-a200,\n a400: $material-color-light-blue-a400,\n a700: $material-color-light-blue-a700\n ),\n $light-blues\n);\n\n$light-greens: () !default;\n$light-greens: map-merge(\n (\n 50: $material-color-light-green-050,\n 100: $material-color-light-green-100,\n 200: $material-color-light-green-200,\n 300: $material-color-light-green-300,\n 400: $material-color-light-green-400,\n 500: $material-color-light-green-500,\n 600: $material-color-light-green-600,\n 700: $material-color-light-green-700,\n 800: $material-color-light-green-800,\n 900: $material-color-light-green-900,\n a100: $material-color-light-green-a100,\n a200: $material-color-light-green-a200,\n a400: $material-color-light-green-a400,\n a700: $material-color-light-green-a700\n ),\n $light-greens\n);\n\n$limes: () !default;\n$limes: map-merge(\n (\n 50: $material-color-lime-050,\n 100: $material-color-lime-100,\n 200: $material-color-lime-200,\n 300: $material-color-lime-300,\n 400: $material-color-lime-400,\n 500: $material-color-lime-500,\n 600: $material-color-lime-600,\n 700: $material-color-lime-700,\n 800: $material-color-lime-800,\n 900: $material-color-lime-900,\n a100: $material-color-lime-a100,\n a200: $material-color-lime-a200,\n a400: $material-color-lime-a400,\n a700: $material-color-lime-a700\n ),\n $limes\n);\n\n$oranges: () !default;\n$oranges: map-merge(\n (\n 50: $material-color-orange-050,\n 100: $material-color-orange-100,\n 200: $material-color-orange-200,\n 300: $material-color-orange-300,\n 400: $material-color-orange-400,\n 500: $material-color-orange-500,\n 600: $material-color-orange-600,\n 700: $material-color-orange-700,\n 800: $material-color-orange-800,\n 900: $material-color-orange-900,\n a100: $material-color-orange-a100,\n a200: $material-color-orange-a200,\n a400: $material-color-orange-a400,\n a700: $material-color-orange-a700\n ),\n $oranges\n);\n\n$pinks: () !default;\n$pinks: map-merge(\n (\n 50: $material-color-pink-050,\n 100: $material-color-pink-100,\n 200: $material-color-pink-200,\n 300: $material-color-pink-300,\n 400: $material-color-pink-400,\n 500: $material-color-pink-500,\n 600: $material-color-pink-600,\n 700: $material-color-pink-700,\n 800: $material-color-pink-800,\n 900: $material-color-pink-900,\n a100: $material-color-pink-a100,\n a200: $material-color-pink-a200,\n a400: $material-color-pink-a400,\n a700: $material-color-pink-a700\n ),\n $pinks\n);\n\n$purples: () !default;\n$purples: map-merge(\n (\n 50: $material-color-purple-050,\n 100: $material-color-purple-100,\n 200: $material-color-purple-200,\n 300: $material-color-purple-300,\n 400: $material-color-purple-400,\n 500: $material-color-purple-500,\n 600: $material-color-purple-600,\n 700: $material-color-purple-700,\n 800: $material-color-purple-800,\n 900: $material-color-purple-900,\n a100: $material-color-purple-a100,\n a200: $material-color-purple-a200,\n a400: $material-color-purple-a400,\n a700: $material-color-purple-a700\n ),\n $purples\n);\n\n$reds: () !default;\n$reds: map-merge(\n (\n 50: $material-color-red-050,\n 100: $material-color-red-100,\n 200: $material-color-red-200,\n 300: $material-color-red-300,\n 400: $material-color-red-400,\n 500: $material-color-red-500,\n 600: $material-color-red-600,\n 700: $material-color-red-700,\n 800: $material-color-red-800,\n 900: $material-color-red-900,\n a100: $material-color-red-a100,\n a200: $material-color-red-a200,\n a400: $material-color-red-a400,\n a700: $material-color-red-a700\n ),\n $reds\n);\n\n$teals: () !default;\n$teals: map-merge(\n (\n 50: $material-color-teal-050,\n 100: $material-color-teal-100,\n 200: $material-color-teal-200,\n 300: $material-color-teal-300,\n 400: $material-color-teal-400,\n 500: $material-color-teal-500,\n 600: $material-color-teal-600,\n 700: $material-color-teal-700,\n 800: $material-color-teal-800,\n 900: $material-color-teal-900,\n a100: $material-color-teal-a100,\n a200: $material-color-teal-a200,\n a400: $material-color-teal-a400,\n a700: $material-color-teal-a700\n ),\n $teals\n);\n\n$yellows: () !default;\n$yellows: map-merge(\n (\n 50: $material-color-yellow-050,\n 100: $material-color-yellow-100,\n 200: $material-color-yellow-200,\n 300: $material-color-yellow-300,\n 400: $material-color-yellow-400,\n 500: $material-color-yellow-500,\n 600: $material-color-yellow-600,\n 700: $material-color-yellow-700,\n 800: $material-color-yellow-800,\n 900: $material-color-yellow-900,\n a100: $material-color-yellow-a100,\n a200: $material-color-yellow-a200,\n a400: $material-color-yellow-a400,\n a700: $material-color-yellow-a700\n ),\n $yellows\n);\n\n$colors: () !default;\n$colors: map-merge(\n (\n 'amber': $material-color-amber-500,\n 'blue': $material-color-blue-500,\n 'blue-grey': $material-color-blue-grey-500,\n 'brown': $material-color-brown-500,\n 'cyan': $material-color-cyan-500,\n 'deep-orange': $material-color-deep-orange-500,\n 'deep-purple': $material-color-deep-purple-500,\n 'green': $material-color-green-500,\n 'grey': $material-color-grey-500,\n 'indigo': $material-color-indigo-500,\n 'light-blue': $material-color-light-blue-500,\n 'light-green': $material-color-light-green-500,\n 'lime': $material-color-lime-500,\n 'orange': $material-color-orange-500,\n 'pink': $material-color-pink-500,\n 'purple': $material-color-purple-500,\n 'red': $material-color-red-500,\n 'teal': $material-color-teal-500,\n 'yellow': $material-color-yellow-500\n ),\n $colors\n);\n\n// stylelint-enable scss/dollar-variable-default\n\n// Black and white\n// Based on https://material.google.com/style/color.html#color-text-background-colors\n\n$black: #000000 !default;\n\n$black-primary-opacity: 0.87 !default;\n$black-caption-opacity: 0.6 !default; // Form helper text\n$black-secondary-opacity: 0.54 !default;\n$black-hint-opacity: 0.38 !default;\n$black-divider-opacity: 0.12 !default;\n\n$black-primary: rgba($black, $black-primary-opacity) !default;\n$black-caption: rgba($black, $black-caption-opacity) !default;\n$black-secondary: rgba($black, $black-secondary-opacity) !default;\n$black-hint: rgba($black, $black-hint-opacity) !default;\n$black-divider: rgba($black, $black-divider-opacity) !default;\n\n$white: #ffffff !default;\n\n$white-primary-opacity: 1 !default;\n$white-secondary-opacity: 0.7 !default;\n$white-hint-opacity: 0.5 !default;\n$white-divider-opacity: $black-divider-opacity !default;\n\n$white-primary: rgba($white, $white-primary-opacity) !default;\n$white-secondary: rgba($white, $white-secondary-opacity) !default;\n$white-hint: rgba($white, $white-hint-opacity) !default;\n$white-divider: rgba($white, $white-divider-opacity) !default;\n\n// States\n// Based on https://material.io/design/interaction/states.html#usage\n\n$overlay-hover-colored-opacity: 0.08 !default;\n$overlay-focus-colored-opacity: 0.24 !default;\n$overlay-selected-colored-opacity: 0.16 !default;\n$overlay-activated-colored-opacity: 0.24 !default;\n$overlay-pressed-colored-opacity: 0.32 !default;\n//$overlay-dragged-colored-opacity: .16 !default;\n\n$overlay-hover-white-opacity: 0.04 !default;\n$overlay-focus-white-opacity: 0.12 !default;\n$overlay-selected-white-opacity: 0.08 !default;\n$overlay-activated-white-opacity: 0.12 !default;\n$overlay-pressed-white-opacity: 0.12 * 2 !default;\n// $overlay-dragged-white-opacity: 0.08 !default;\n\n// Theme\n// Based on https://material.google.com/style/color.html#color-themes\n\n$dark-theme-1: $black !default;\n$dark-theme-2: $material-color-grey-900 !default;\n$dark-theme-3: #303030 !default;\n$dark-theme-4: #3c3c46 !default;\n\n$light-theme-1: $material-color-grey-300 !default;\n$light-theme-2: $material-color-grey-100 !default;\n$light-theme-3: $material-color-grey-050 !default;\n$light-theme-4: $white !default;\n","// stylelint-disable\n// Single side border-radius\n\n// Helper function to replace negative values with 0\n@function valid-radius($radius) {\n $return: ();\n @each $value in $radius {\n @if type-of($value) == number {\n $return: append($return, max($value, 0));\n } @else {\n $return: append($return, $value);\n }\n }\n @return $return;\n}\n\n@mixin border-radius($radius: $border-radius, $fallback-border-radius: false) {\n border-radius: valid-radius($radius);\n}\n\n@mixin border-top-radius($radius) {\n border-top-left-radius: valid-radius($radius);\n border-top-right-radius: valid-radius($radius);\n}\n\n@mixin border-right-radius($radius) {\n border-top-right-radius: valid-radius($radius);\n border-bottom-right-radius: valid-radius($radius);\n}\n\n@mixin border-bottom-radius($radius) {\n border-bottom-right-radius: valid-radius($radius);\n border-bottom-left-radius: valid-radius($radius);\n}\n\n@mixin border-left-radius($radius) {\n border-top-left-radius: valid-radius($radius);\n border-bottom-left-radius: valid-radius($radius);\n}\n\n@mixin border-top-left-radius($radius) {\n border-top-left-radius: valid-radius($radius);\n}\n\n@mixin border-top-right-radius($radius) {\n border-top-right-radius: valid-radius($radius);\n}\n\n@mixin border-bottom-right-radius($radius) {\n border-bottom-right-radius: valid-radius($radius);\n}\n\n@mixin border-bottom-left-radius($radius) {\n border-bottom-left-radius: valid-radius($radius);\n}\n","// Alert\n\n$alert-border-radius: $border-radius !default;\n$alert-link-font-weight: $font-weight-medium !default;\n$alert-margin-y: $spacer !default;\n$alert-padding-x: $spacer !default;\n$alert-padding-y: $spacer !default;\n\n// Badge\n\n$badge-border-radius: $border-radius !default;\n$badge-font-weight: $font-weight-bold !default;\n$badge-btn-font-weight: $font-weight-bold !default;\n$badge-padding-x: 0.5em !default;\n$badge-width: 1.375rem !default; // 22px\n\n$rounded-pill: 50rem !default;\n\n// Body\n\n$body-bg: $white-primary !default;\n$body-color: $black-primary !default;\n\n// Breadcrumb\n\n$breadcrumb-bg: $white-primary !default;\n$breadcrumb-bg-hover: rgba($black, $overlay-hover-white-opacity) !default;\n//$breadcrumb-border-radius: $border-radius !default;\n$breadcrumb-divider: 'chevron_right' !default;\n$breadcrumb-font-size: $font-size-base !default;\n$breadcrumb-inner-spacer-x: 0 !default;\n$breadcrumb-item-color: $black !default;\n//$breadcrumb-item-icon: 'chevron_right' !default;\n$breadcrumb-padding-x: $spacer-sm !default;\n$breadcrumb-padding-y: 0.375rem !default;\n\n// Caret\n\n$caret-bg: url('data:image/svg+xml;charset=utf8,') !default;\n$caret-icon: 'arrow_drop_down' !default;\n$caret-icon-left: 'arrow_left' !default;\n$caret-icon-right: 'arrow_right' !default;\n$caret-icon-up: 'arrow_drop_up' !default;\n$caret-spacer-x: 0.2em !default;\n\n// Carousel\n\n$carousel-caption-color: $white-primary !default;\n$carousel-caption-width: 50% !default;\n$carousel-control-bg: $white-divider !default;\n$carousel-control-bg-hover: rgba(204, 204, 204, 0.25) !default;\n$carousel-control-color: $white-primary !default;\n$carousel-control-elevation-shadow: map-get($elevation-shadows, 6) !default;\n$carousel-control-elevation-shadow-active: map-get($elevation-shadows, 12) !default;\n$carousel-control-font-size: 0.8125rem !default;\n$carousel-control-next-icon: 'chevron_right' !default;\n$carousel-control-prev-icon: 'chevron_left' !default;\n//$carousel-control-prev-icon-bg: url(\"data:image/svg+xml,\") !default;\n//$carousel-control-next-icon-bg: url(\"data:image/svg+xml,\") !default;\n$carousel-control-size: 2.5rem !default;\n$carousel-indicator-bg: rgba(204, 204, 204, 0.25) !default;\n$carousel-indicator-border-color: $white-divider !default;\n$carousel-indicator-border-width: $border-width !default;\n$carousel-indicator-size: 0.5rem !default;\n\n// Close\n\n$close-color: $black-hint !default;\n$close-color-hover: $black-primary !default;\n$close-font-size: $material-icon-size !default;\n$close-font-weight: $font-weight-light !default;\n\n// Code\n\n$code-bg: $material-color-grey-100 !default;\n$code-border-radius: $border-radius !default;\n$code-color: #bd4147 !default;\n$code-font-size: 87.5% !default;\n$code-padding-x: 0.4rem !default;\n$code-padding-y: 0.2rem !default;\n\n$kbd-bg: $black-primary !default;\n$kbd-color: $white-primary !default;\n\n$pre-color: $black-primary !default;\n$pre-margin-y: $spacer !default;\n$pre-scrollable-max-height: 340px !default;\n\n// Embed\n$embed-responsive-aspect-ratios: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$embed-responsive-aspect-ratios: join(((21 9), (16 9), (4 3), (1 1)), $embed-responsive-aspect-ratios);\n\n// Form\n\n$custom-file-button-icon: 'attachment' !default;\n\n$form-check-inline-margin-x: $spacer-sm !default;\n$form-check-inline-input-margin-x: 0.3125rem !default; // todo\n$form-check-input-gutter: 1.25rem !default;\n$form-feedback-invalid-color: theme-color(danger) !default;\n$form-feedback-icon-invalid-color: $form-feedback-invalid-color !default;\n$form-feedback-valid-color: theme-color(success) !default;\n$form-feedback-icon-valid-color: $form-feedback-valid-color !default;\n$form-feedback-icon-invalid: url(\"data:image/svg+xml,\") !default;\n$form-feedback-icon-valid: url(\"data:image/svg+xml,\") !default;\n\n$form-validation-states: () !default;\n\n@if $enable-validation-valid {\n $form-validation-states: map-merge(\n ('valid': ('color': $form-feedback-valid-color, 'icon': $form-feedback-icon-valid),\n 'invalid': ('color': $form-feedback-invalid-color, 'icon': $form-feedback-icon-invalid)),\n $form-validation-states\n );\n}\n\n@else {\n $form-validation-states: map-merge(\n ('invalid': ('color': $form-feedback-invalid-color,\n 'icon': $form-feedback-icon-invalid)),\n $form-validation-states\n );\n}\n\n$form-group-margin-y: $spacer !default;\n$input-group-inner-spacer-x: $spacer !default;\n\n// Jumbotron\n\n$jumbotron-bg: $white-primary !default;\n$jumbotron-border-radius: $border-radius !default;\n$jumbotron-color: $black-primary !default;\n$jumbotron-elevation-shadow: map-get($elevation-shadows, 2) !default;\n$jumbotron-padding-x: 2rem !default;\n$jumbotron-padding-y: $spacer-xl !default;\n\n// Link\n\n$link-color: selection-theme-color() !default;\n$link-color-hover: selection-theme-color() !default;\n$link-decoration: none !default;\n$link-decoration-hover: underline !default;\n\n// Misc\n\n$blockquote-border-color: theme-color(primary) !default;\n$blockquote-border-width: 0.3125rem !default;\n$blockquote-small-color: $black-hint !default;\n\n$dt-font-weight: $font-weight-medium !default;\n\n$figure-caption-color: $black-hint !default;\n$figure-img-margin-y: $spacer-sm !default;\n\n$headings-color: inherit !default;\n$headings-font-family: inherit !default;\n$headings-margin-y: $spacer-sm !default;\n\n$hr-border-color: $border-color !default;\n$hr-border-width: $border-width !default;\n\n$list-inline-inner-spacer-x: $spacer-sm !default;\n\n$mark-bg: $material-color-yellow-500 !default;\n$mark-color: $black-primary !default;\n$mark-padding: 0.2em !default;\n\n$paragraph-margin-y: $spacer !default;\n\n$small-font-size: 80% !default;\n\n$table-caption-color: $black-hint !default;\n\n$text-muted: $black-hint !default;\n\n$thumbnail-box-shadow: map-get($shadows, 2) !default;\n\n$webkit-tap-highlight-color: rgba($black, 0) !default;\n\n// Nav\n\n$nav-link-color-disabled: $black-hint !default;\n$nav-link-padding-x: $spacer !default;\n$nav-link-padding-y: $spacer-sm !default;\n\n$nav-pills-bg-hover: $black-divider !default;\n$nav-pills-border-radius: $border-radius !default;\n$nav-pills-color: $black-primary !default;\n$nav-pills-color-active: selection-theme-color() !default;\n$nav-pills-link-opacity: 0.7 !default;\n\n// Pagination\n\n$pagination-bg: transparent !default;\n$pagination-border-radius: 1.125rem !default;\n$pagination-color: $black-primary !default;\n$pagination-color-disabled: $black-hint !default;\n$pagination-font-size: $font-size-base !default;\n$pagination-font-size-sm: 0.875rem !default;\n$pagination-font-size-lg: 1.25rem !default;\n$pagination-font-weight: $font-weight-regular !default;\n$pagination-inner-spacer-x: 0.5em !default;\n$pagination-line-height: 2.25 !default; // 36px\n$pagination-margin-x: $spacer-sm !default;\n\n// Popover\n\n$popover-bg: $white !default;\n$popover-border-radius: $border-radius !default;\n$popover-breakpoint: md !default;\n$popover-box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.3), 0 2px 6px 2px rgba(60, 64, 67, 0.15) !default;\n$popover-elevation-shadow: map-get($elevation-shadows, 24) !default;\n$popover-font-size: $font-size-body-2 !default;\n$popover-margin: $spacer-lg !default;\n$popover-margin-desktop: 0.875rem !default;\n$popover-max-width: 21.25rem !default; // 17.5rem 280px\n$popover-padding-x: 1.375rem !default;\n$popover-padding-y: 0.875rem !default;\n\n// Utilities\n\n$displays: none,\n inline,\n inline-block,\n block,\n table,\n table-row,\n table-cell,\n flex,\n inline-flex !default;\n\n$overflows: auto, hidden !default;\n\n$positions: static,\n relative,\n absolute,\n fixed,\n sticky !default;\n\n$user-selects: all, auto, none !default;\n\n// Printing\n\n$print-page-size: a3 !default;\n$print-body-min-width: map-get($grid-breakpoints, 'lg') !default;\n","// Elevation\n// Based on https://material.io/design/environment/elevation.html\n\n$elevations: (\n 24: (24 * 10),\n 16: (16 * 10),\n 12: (12 * 10),\n 8: (8 * 10),\n 6: (6 * 10),\n 4: (4 * 10),\n 2: (2 * 10),\n 1: (1 * 10)\n) !default;\n\n// Shadow\n// Based on https://material-components.github.io/material-components-web-catalog/#/component/elevation\n\n$shadow-color-1: rgba(0, 0, 0, 0.14) !default;\n$shadow-color-2: rgba(0, 0, 0, 0.12) !default;\n$shadow-color-3: rgba(0, 0, 0, 0.2) !default;\n\n$shadows: (\n 24: unquote('0 24px 38px 3px #{$shadow-color-1}, 0 9px 46px 8px #{$shadow-color-2}, 0 11px 15px -7px #{$shadow-color-3}'),\n 16: unquote('0 16px 24px 2px #{$shadow-color-1}, 0 6px 30px 5px #{$shadow-color-2}, 0 8px 10px -5px #{$shadow-color-3}'),\n 12: unquote('0 12px 17px 2px #{$shadow-color-1}, 0 5px 22px 4px #{$shadow-color-2}, 0 7px 8px -4px #{$shadow-color-3}'),\n 8: unquote('0 8px 10px 1px #{$shadow-color-1}, 0 3px 14px 2px #{$shadow-color-2}, 0 5px 5px -3px #{$shadow-color-3}'),\n 6: unquote('0 6px 10px 0 #{$shadow-color-1}, 0 1px 18px 0 #{$shadow-color-2}, 0 3px 5px -1px #{$shadow-color-3}'),\n 4: unquote('0 4px 5px 0 #{$shadow-color-1}, 0 1px 10px 0 #{$shadow-color-2}, 0 2px 4px -1px #{$shadow-color-3}'),\n 2: unquote('0 2px 2px 0 #{$shadow-color-1}, 0 1px 5px 0 #{$shadow-color-2}, 0 3px 1px -2px #{$shadow-color-3}'),\n 1: unquote('0 1px 1px 0 #{$shadow-color-1}, 0 1px 3px 0 #{$shadow-color-2}, 0 2px 1px -1px #{$shadow-color-3}')\n) !default;\n\n// Value pair\n// Combination of elevation and shadow\n\n$elevation-shadows: (\n 24: (\n elevation: map-get($elevations, 24),\n shadow: map-get($shadows, 24)\n ),\n 16: (\n elevation: map-get($elevations, 16),\n shadow: map-get($shadows, 16)\n ),\n 12: (\n elevation: map-get($elevations, 12),\n shadow: map-get($shadows, 12)\n ),\n 8: (\n elevation: map-get($elevations, 8),\n shadow: map-get($shadows, 8)\n ),\n 6: (\n elevation: map-get($elevations, 6),\n shadow: map-get($shadows, 6)\n ),\n 4: (\n elevation: map-get($elevations, 4),\n shadow: map-get($shadows, 4)\n ),\n 2: (\n elevation: map-get($elevations, 2),\n shadow: map-get($shadows, 2)\n ),\n 1: (\n elevation: map-get($elevations, 1),\n shadow: map-get($shadows, 1)\n )\n) !default;\n","// stylelint-disable\n\n// Breakpoint viewport sizes and media queries.\n//\n// Breakpoints are defined as a map of (name: minimum width), order from small to large:\n//\n// (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px)\n//\n// The map defined in the `$grid-breakpoints` global variable is used as the `$breakpoints` argument by default.\n\n// Name of the next breakpoint, or null for the last breakpoint.\n//\n// >> breakpoint-next(sm)\n// md\n// >> breakpoint-next(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// md\n// >> breakpoint-next(sm, $breakpoint-names: (xs sm md lg xl))\n// md\n@function breakpoint-next($name, $breakpoints: $grid-breakpoints, $breakpoint-names: map-keys($breakpoints)) {\n $n: index($breakpoint-names, $name);\n @return if($n != null and $n < length($breakpoint-names), nth($breakpoint-names, $n + 1), null);\n}\n\n// Minimum breakpoint width. Null for the smallest (first) breakpoint.\n//\n// >> breakpoint-min(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// 576px\n@function breakpoint-min($name, $breakpoints: $grid-breakpoints) {\n $min: map-get($breakpoints, $name);\n @return if($min != 0, $min, null);\n}\n\n// Maximum breakpoint width. Null for the largest (last) breakpoint.\n// The maximum value is calculated as the minimum of the next one less 0.02px\n// to work around the limitations of `min-` and `max-` prefixes and viewports with fractional widths.\n// See https://www.w3.org/TR/mediaqueries-4/#mq-min-max\n// Uses 0.02px rather than 0.01px to work around a current rounding bug in Safari.\n// See https://bugs.webkit.org/show_bug.cgi?id=178261\n//\n// >> breakpoint-max(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// 767.98px\n@function breakpoint-max($name, $breakpoints: $grid-breakpoints) {\n $next: breakpoint-next($name, $breakpoints);\n @return if($next, breakpoint-min($next, $breakpoints) - .02, null);\n}\n\n// Returns a blank string if smallest breakpoint, otherwise returns the name with a dash in front.\n// Useful for making responsive utilities.\n//\n// >> breakpoint-infix(xs, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// \"\" (Returns a blank string)\n// >> breakpoint-infix(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// \"-sm\"\n@function breakpoint-infix($name, $breakpoints: $grid-breakpoints) {\n @return if(breakpoint-min($name, $breakpoints) == null, \"\", \"-#{$name}\");\n}\n\n// Media of at least the minimum breakpoint width. No query for the smallest breakpoint.\n// Makes the @content apply to the given breakpoint and wider.\n@mixin media-breakpoint-up($name, $breakpoints: $grid-breakpoints) {\n $min: breakpoint-min($name, $breakpoints);\n @if $min {\n @media (min-width: $min) {\n @content;\n }\n } @else {\n @content;\n }\n}\n\n// Media of at most the maximum breakpoint width. No query for the largest breakpoint.\n// Makes the @content apply to the given breakpoint and narrower.\n@mixin media-breakpoint-down($name, $breakpoints: $grid-breakpoints) {\n $max: breakpoint-max($name, $breakpoints);\n @if $max {\n @media (max-width: $max) {\n @content;\n }\n } @else {\n @content;\n }\n}\n\n// Media that spans multiple breakpoint widths.\n// Makes the @content apply between the min and max breakpoints\n@mixin media-breakpoint-between($lower, $upper, $breakpoints: $grid-breakpoints) {\n $min: breakpoint-min($lower, $breakpoints);\n $max: breakpoint-max($upper, $breakpoints);\n\n @if $min != null and $max != null {\n @media (min-width: $min) and (max-width: $max) {\n @content;\n }\n } @else if $max == null {\n @include media-breakpoint-up($lower, $breakpoints) {\n @content;\n }\n } @else if $min == null {\n @include media-breakpoint-down($upper, $breakpoints) {\n @content;\n }\n }\n}\n\n// Media between the breakpoint's minimum and maximum widths.\n// No minimum for the smallest breakpoint, and no maximum for the largest one.\n// Makes the @content apply only to the given breakpoint, not viewports any wider or narrower.\n@mixin media-breakpoint-only($name, $breakpoints: $grid-breakpoints) {\n $min: breakpoint-min($name, $breakpoints);\n $max: breakpoint-max($name, $breakpoints);\n\n @if $min != null and $max != null {\n @media (min-width: $min) and (max-width: $max) {\n @content;\n }\n } @else if $max == null {\n @include media-breakpoint-up($name, $breakpoints) {\n @content;\n }\n } @else if $min == null {\n @include media-breakpoint-down($name, $breakpoints) {\n @content;\n }\n }\n}\n\n// Daemonite addition\n@mixin media-moz-webkit {\n @-moz-document url-prefix('') {\n @content;\n }\n\n @media (-webkit-min-device-pixel-ratio: 0) {\n @content;\n }\n}\n","@mixin typography-headline-1 {\n font-size: $font-size-headline-1;\n font-weight: $font-weight-headline-1;\n letter-spacing: $letter-spacing-headline-1;\n line-height: $line-height-headline-1;\n}\n\n@mixin typography-headline-2 {\n font-size: $font-size-headline-2;\n font-weight: $font-weight-headline-2;\n letter-spacing: $letter-spacing-headline-2;\n line-height: $line-height-headline-2;\n}\n\n@mixin typography-headline-3 {\n font-size: $font-size-headline-3;\n font-weight: $font-weight-headline-3;\n letter-spacing: $letter-spacing-headline-3;\n line-height: $line-height-headline-3;\n}\n\n@mixin typography-headline-4 {\n font-size: $font-size-headline-4;\n font-weight: $font-weight-headline-4;\n letter-spacing: $letter-spacing-headline-4;\n line-height: $line-height-headline-4;\n}\n\n@mixin typography-headline-5 {\n font-size: $font-size-headline-5;\n font-weight: $font-weight-headline-5;\n letter-spacing: $letter-spacing-headline-5;\n line-height: $line-height-headline-5;\n}\n\n@mixin typography-headline-6 {\n font-size: $font-size-headline-6;\n font-weight: $font-weight-headline-6;\n letter-spacing: $letter-spacing-headline-6;\n line-height: $line-height-headline-6;\n}\n\n@mixin typography-subtitle-1 {\n font-size: $font-size-subtitle-1;\n font-weight: $font-weight-subtitle-1;\n letter-spacing: $letter-spacing-subtitle-1;\n line-height: $line-height-subtitle-1;\n}\n\n@mixin typography-subtitle-2 {\n font-size: $font-size-subtitle-2;\n font-weight: $font-weight-subtitle-2;\n letter-spacing: $letter-spacing-subtitle-2;\n line-height: $line-height-subtitle-2;\n}\n\n@mixin typography-body-1 {\n font-size: $font-size-body-1;\n font-weight: $font-weight-body-1;\n letter-spacing: $letter-spacing-body-1;\n line-height: $line-height-body-1;\n}\n\n@mixin typography-body-2 {\n font-size: $font-size-body-2;\n font-weight: $font-weight-body-2;\n letter-spacing: $letter-spacing-body-2;\n line-height: $line-height-body-2;\n}\n\n@mixin typography-caption {\n font-size: $font-size-caption;\n font-weight: $font-weight-caption;\n letter-spacing: $letter-spacing-caption;\n line-height: $line-height-caption;\n}\n\n@mixin typography-overline {\n font-size: $font-size-overline;\n font-weight: $font-weight-overline;\n letter-spacing: $letter-spacing-overline;\n line-height: $line-height-overline;\n text-transform: uppercase;\n}\n","// Acceleration curve: permanently leaving the screen\n\n@mixin transition-acceleration($property...) {\n transition-duration: $transition-duration-mobile-leaving;\n transition-property: $property;\n transition-timing-function: $transition-timing-function-acceleration;\n\n @include media-breakpoint-up(sm) {\n transition-duration: $transition-duration-tablet-leaving;\n }\n\n @include media-breakpoint-up(lg) {\n transition-duration: $transition-duration-desktop-leaving;\n }\n\n @media screen and (prefers-reduced-motion: reduce) {\n transition: none;\n }\n}\n\n// Deceleration curve: entering the screen\n\n@mixin transition-deceleration($property...) {\n transition-duration: $transition-duration-mobile-entering;\n transition-property: $property;\n transition-timing-function: $transition-timing-function-deceleration;\n\n @include media-breakpoint-up(sm) {\n transition-duration: $transition-duration-tablet-entering;\n }\n\n @include media-breakpoint-up(lg) {\n transition-duration: $transition-duration-desktop-entering;\n }\n\n @media screen and (prefers-reduced-motion: reduce) {\n transition: none;\n }\n}\n\n// Sharp curve: temporarily leaving the screen\n\n@mixin transition-sharp($property...) {\n transition-duration: $transition-duration-mobile-leaving;\n transition-property: $property;\n transition-timing-function: $transition-timing-function-sharp;\n\n @include media-breakpoint-up(sm) {\n transition-duration: $transition-duration-tablet-leaving;\n }\n\n @include media-breakpoint-up(lg) {\n transition-duration: $transition-duration-desktop-leaving;\n }\n\n @media screen and (prefers-reduced-motion: reduce) {\n transition: none;\n }\n}\n\n// Standard curve: relative movement\n\n@mixin transition-standard($property...) {\n /* transition: $transition-duration-mobile;\n transition-property: $property;\n transition-timing-function: $transition-timing-function-standard; */\n transition: $property $transition-duration-mobile $transition-timing-function-standard;\n\n @include media-breakpoint-up(sm) {\n transition-duration: $transition-duration-tablet;\n }\n\n @include media-breakpoint-up(lg) {\n transition-duration: $transition-duration-desktop;\n }\n\n @media screen and (prefers-reduced-motion: reduce) {\n transition: none;\n }\n}\n\n// Standard curve: relative movement - complex, full-screen, large transitions\n\n@mixin transition-standard-complex($property...) {\n transition-duration: $transition-duration-mobile-complex;\n transition-property: $property;\n transition-timing-function: $transition-timing-function-standard;\n\n @include media-breakpoint-up(sm) {\n transition-duration: $transition-duration-tablet-complex;\n }\n\n @include media-breakpoint-up(lg) {\n transition-duration: $transition-duration-desktop-complex;\n }\n\n @media screen and (prefers-reduced-motion: reduce) {\n transition: none;\n }\n}\n\n// Selection control\n\n@mixin transition-control($property...) {\n transition: $property $transition-duration-control $transition-timing-function-standard;\n\n @media screen and (prefers-reduced-motion: reduce) {\n transition: none;\n }\n}\n\n@mixin transition-dialog-opening($property...) {\n transition: $property $transition-duration-desktop-entering $transition-timing-function-deceleration;\n\n @media screen and (prefers-reduced-motion: reduce) {\n transition: none;\n }\n}\n\n@mixin transition-dialog-leaving($property...) {\n transition: $property $transition-duration-desktop-leaving $transition-timing-function-acceleration;\n\n @media screen and (prefers-reduced-motion: reduce) {\n transition: none;\n }\n}\n","$transition-scale: 0.87 !default;\n\n// The movement of an element is based on https://material.io/design/motion\n\n// Transition duration\n// Based on https://material.google.com/motion/duration-easing.html#duration-easing-common-durations\n\n// Accelerate easing : Elements exiting a screen use acceleration easing, where they start at rest and end at peak velocity.\n\n$transition-duration-desktop: 280ms !default;\n$transition-duration-desktop-complex: 250ms !default;\n$transition-duration-desktop-entering: 150ms !default;\n$transition-duration-desktop-leaving: 75ms !default;\n\n$transition-duration-mobile: 300ms !default;\n$transition-duration-mobile-complex: 375ms !default;\n$transition-duration-mobile-entering: 225ms !default;\n$transition-duration-mobile-leaving: 195ms !default;\n\n$transition-duration-tablet: 390ms !default;\n$transition-duration-tablet-complex: 487.5ms !default;\n$transition-duration-tablet-entering: 292.5ms !default;\n$transition-duration-tablet-leaving: 253.5ms !default;\n\n$transition-duration-control: 100ms !default;\n\n// Transition timing function\n// Based on https://material.io/design/motion/speed.html#easing\n\n$transition-timing-function-acceleration: cubic-bezier(0.4, 0, 1, 1) !default;\n$transition-timing-function-deceleration: cubic-bezier(0, 0, 0.2, 1) !default;\n$transition-timing-function-sharp: cubic-bezier(0.4, 0, 0.6, 1) !default;\n$transition-timing-function-standard: cubic-bezier(0.4, 0, 0.2, 1) !default;\n"]} \ No newline at end of file