epfl-elements 4.7.0 → 4.9.0

package/dist/css/reader.css

@@ -650,9 +650,11 @@ body {
   overflow: hidden;
 }
 
-/*  Dropdown needs `overflow: visible` to allow it to
+/*  Dropdown and multi select needs `overflow: visible` to allow it to
     escape its container. */
-.tlbx-item-preview.tlbx-component-dropdown {
+.tlbx-item-preview.tlbx-element-dropdown,
+.tlbx-item-preview.tlbx-element-select-multiple,
+.tlbx-item-preview.tlbx-element-breadcrumb-dropdown {
   overflow: visible;
 }
 

package/dist/css/reader.min.css

@@ -1,2 +1,2 @@
-@charset "UTF-8";.tlbx-table-wrapper{max-width:100%;overflow-x:auto}.tlbx-table{border-collapse:collapse;width:100%}.tlbx-table td,.tlbx-table th{border-top:1px solid #d8d8d8;padding:.75em}.tlbx-table thead th{border-bottom:4px solid #d8d8d8;vertical-align:bottom}.tlbx-table thead th .tblx-muted{display:inline-block;line-height:1.1em}.tlbx-table td:not([scope]),.tlbx-table th{text-align:center;vertical-align:middle}.tlbx-contrast-color{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;text-align:left}.tlbx-contrast-color .tlbx-contrast-color-thumb{margin-right:10px}.tlbx-contrast-color-thumb,.tlbx-contrast-none{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;height:40px;width:40px}.tlbx-contrast-color-thumb{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;font-size:1.2rem;font-weight:700;justify-content:center}.tlbx-contrast-none{background-color:#eee;overflow:hidden;position:relative}.tlbx-contrast-none:after{border-color:transparent #fff;border-style:solid;border-width:40px;bottom:1px;content:"";left:0;position:absolute;top:1px;width:200%}.tlbx-contrast-text{display:inline-block;font-size:2rem;font-weight:700;text-align:center;width:100%}.tlbx-color-swatch-color .btn{opacity:0;-webkit-transition:opacity .2s;transition:opacity .2s}.tlbx-color-swatch-color:hover .btn{opacity:1}.tblx-muted{opacity:.5}.custom-controls-stacked{line-height:2em;padding:1em 0}.custom-controls-stacked label{display:block}.custom-control-input+span+span{color:#003baf;cursor:pointer}.custom-control-input+span+span:before{content:"• "}.custom-control-input:checked+span+span{color:#000}.custom-control-input:checked+span+span:before{content:"► "}.tlbx-color-swatch-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.tlbx-color-swatch{-webkit-box-flex:0;-ms-flex:0 0 14%;flex:0 0 14%;margin:1em 0 2em;padding-right:1.6%}.tlbx-color-swatch-color{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-box-pack:center;-ms-flex-pack:center;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:150px;height:12vh;justify-content:center}.tlbx-color-swatch-color:hover .tlbx-color-swatch-btn{opacity:1}.tlbx-color-swatch-btn{background:#003baf;border:none;color:#f0f0f0;display:inline-block;margin:0 auto;opacity:0;padding:1em;-webkit-transition:opacity .3s;transition:opacity .3s}.tlbx-color-swatch-btn:hover{cursor:pointer}.tlbx-color-swatch-infos h5{margin:.5em 0}.tlbx-color-swatch-infos h6{margin:.5em 0;text-transform:uppercase}.tlbx-sidebar-item{background:none;border:0;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:1rem;margin:0 0 .5rem;padding-left:1rem;padding-right:1rem;text-transform:capitalize;width:100%}.tlbx-sidebar-item:hover{color:#012f4d}.tlbx-sidebar-item:active,.tlbx-sidebar-item:focus{-webkit-box-shadow:none;box-shadow:none;outline:none}.tlbx-sidebar-item:after{-ms-flex-item-align:center;align-self:center;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #3474a8;content:"";display:block;font-size:0;height:0;line-height:0;margin-left:auto;margin-right:1rem;width:0}.tlbx-open .tlbx-sidebar-item:after{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.tlbx-sidebar-collapse{-webkit-transition:height .25s cubic-bezier(.4,0,.2,1);transition:height .25s cubic-bezier(.4,0,.2,1)}.tlbx-sidebar-item-list{list-style:none;margin-top:0}.tlbx-sidebar-item-list em,.tlbx-sidebar-item-list strong{padding-left:2rem}.tlbx-sidebar-item-list a{color:#010a15;display:block;position:relative;-webkit-transition:color .25s ease;transition:color .25s ease}.tlbx-sidebar-item-list a:before{border-left:0 solid #3474a8;content:"";height:100%;left:0;position:absolute;top:0;-webkit-transition:border-width .1s ease;transition:border-width .1s ease}.tlbx-sidebar-item-list a.active,.tlbx-sidebar-item-list a:hover{color:#3474a8;-webkit-text-decoration:none;text-decoration:none}.tlbx-sidebar-item-list a.active:before,.tlbx-sidebar-item-list a:hover:before{border-left-width:4px}.tlbx-sidebar-item-list a.active{font-weight:700}.tlbx-sidebar-item-list li{padding:0}.tlbx-sidebar-item-list ul a,.tlbx-sidebar-item-list ul em,.tlbx-sidebar-item-list ul strong{padding-left:3rem}.tlbx-sidebar-item-list ul ul a,.tlbx-sidebar-item-list ul ul em,.tlbx-sidebar-item-list ul ul strong{padding-left:4rem}.tlbx-sidebar-item-list ul ul ul a,.tlbx-sidebar-item-list ul ul ul em,.tlbx-sidebar-item-list ul ul ul strong{padding-left:5rem}.tlbx-sidebar-item-list-empty{display:block;margin-left:1rem}.tlbx-sidebar{padding:1em 0}.tlbx-sidebar a{border-bottom:none;color:#010a15;-webkit-text-decoration:none;text-decoration:none}@media only screen and (max-width:767px){.tlbx-sidebar{margin-bottom:3rem}}.tlbx-sidebar-title{font-size:1rem;margin:.5rem 1rem 0}.tlbx-sidebar-title span{font-weight:200}.tlbx-sidebar-version{font-size:.8rem;font-weight:200;margin:.5rem 1rem 1.5rem}.tlbx-item-preview{position:relative}.tlbx-item .tlbx-item-preview{border:2px solid #f2f2f4;padding:1.5rem}.tlbx-item-code{margin-top:0}.tlbx-item-code pre{margin-top:0;max-height:80vh}.tlbx-item-code pre code{font-family:Monaco,monospace}.tlbx-item-code pre .react-syntax-highlighter-line-number{line-height:1.47em}.tlbx-actions{-webkit-box-pack:end;-ms-flex-pack:end;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:flex-end;margin-bottom:-.8rem}.tlbx-actions-link{background-color:#fff;border:1px solid #3474a8;border-radius:3px;color:#3474a8;font-size:12px;padding:0 .5em;position:relative;z-index:1}.tlbx-actions-link,.tlbx-actions-link:hover{-webkit-text-decoration:none;text-decoration:none}.tlbx-actions-link:hover{border-color:#012f4d;color:#012f4d}.tlbx-hidden{display:none}.tlbx-notes{line-height:1.55em;max-width:700px}.tlbx-single-full{min-height:100vh}.tlbx-single-full .tlbx-item-preview{border:0}.tlbx-single-full .tlbx-single-full-intro h1{font-size:1rem;margin:0}.tlbx-single-full-intro{background-color:#f2f2f4;padding:1rem}.tlbx-variant-heading{margin-top:1.2em}.tblx-icon{-ms-flex-item-align:center;fill:currentColor;align-self:center;color:inherit;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-size:1em;height:1em;line-height:1em;position:relative;top:.1em;-webkit-transition:-webkit-transform .2s;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s;width:1em}.tlbx-toolbar{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-box-pack:justify;-ms-flex-pack:justify;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;justify-content:space-between;max-width:100%}@media only screen and (max-width:767px){.tlbx-toolbar{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-box-pack:end;-ms-flex-pack:end;-ms-flex-direction:row;flex-direction:row;justify-content:flex-end}}.tlbx-toolbar-btn{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background:none;border:none;color:#fff;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-size:1.4em;font-weight:900;height:50px;justify-content:center;opacity:1;width:50px}.tlbx-toolbar-btn:hover{cursor:pointer}.tlbx-toolbar-btn:active,.tlbx-toolbar-btn:focus{-webkit-box-shadow:none;box-shadow:none;outline:none}.tlbx-toolbar-btn.tlbx-active{opacity:.5}@media only screen and (max-width:767px){.tlbx-toolbar-btn{font-size:20px;padding:0}.tlbx-toolbar-btn.tlbx-brand{margin-right:auto}}.tlbx-toolbar-toggle-menu{display:none}@media only screen and (max-width:767px){.tlbx-toolbar-toggle-menu{display:-webkit-box;display:-ms-flexbox;display:flex}}body{margin:0;padding:0}.tlbx-h2{text-align:center}.styleguide{color:inherit;display:grid;font-family:inherit,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;grid-template-columns:60px 240px 1fr;max-width:100%;min-height:100vh}@media only screen and (max-width:767px){.styleguide{display:block;overflow:hidden}}.tlbx-toolbar-wrapper{-webkit-box-flex:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;background-color:#003baf;bottom:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex:0 0 60px;flex:0 0 60px;-ms-flex-direction:column;flex-direction:column;grid-column:1;left:0;padding:5px;position:fixed;top:0;width:60px;z-index:999}@media only screen and (max-width:767px){.tlbx-toolbar-wrapper{bottom:auto;width:100%}}.tlbx-sidebar-wrapper{-webkit-box-flex:0;background-color:#f2f2f4;-ms-flex:0 0 240px;flex:0 0 240px;grid-column:2}@media only screen and (max-width:767px){.tlbx-sidebar-wrapper{bottom:0;-webkit-box-shadow:-3px 0 20px 0 rgba(0,0,0,.3);box-shadow:-3px 0 20px 0 rgba(0,0,0,.3);max-width:240px;min-height:100vh;overflow-y:auto;position:fixed;right:0;top:60px;-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;z-index:998}.tlbx-sidebar-wrapper.tlbx-sidebar-open{-webkit-transform:translateX(0);transform:translateX(0)}}.tlbx-content-wrapper{-webkit-box-flex:1;align-self:start;-ms-flex:1 1 auto;flex:1 1 auto;grid-column:3;overflow:hidden}@media only screen and (max-width:767px){.tlbx-content-wrapper{-webkit-box-sizing:border-box;box-sizing:border-box;padding-top:60px;width:100%}}.tlbx-content{padding:1.2rem 2rem}.tlbx-doc-markdown-wrapper table,.tlbx-notes table{margin-bottom:1rem;max-width:100%}.tlbx-doc-markdown-wrapper table td,.tlbx-doc-markdown-wrapper table th,.tlbx-notes table td,.tlbx-notes table th{border-top:1px solid #dee2e6;padding:.75rem}.tlbx-doc-markdown-wrapper table thead th,.tlbx-notes table thead th{border-bottom:2px solid #dee2e6;vertical-align:bottom}.styleguide{font-family:Arial,sans-serif}.tlbx-toolbar-wrapper{position:static}@media screen and (min-width:768px){.tlbx-toolbar-wrapper{position:fixed}}.tlbx-doc-markdown-wrapper{margin:0 auto;max-width:720px}@media screen and (min-width:768px){.tlbx-sidebar,.tlbx-toolbar{position:fixed}.tlbx-sidebar{max-height:100vh;overflow-y:scroll;width:240px}}.tlbx-item-preview{overflow:hidden}.tlbx-item-preview.tlbx-component-dropdown{overflow:visible}.tlbx-sidebar button.tlbx-sidebar-item:focus,.tlbx-sidebar button.tlbx-sidebar-item:focus-visible{outline:revert!important}.tlbx-sidebar-item-list{margin-left:0;padding:0}.tlbx-sidebar-item-list a{background:none!important;border-bottom:none!important;-webkit-box-shadow:none!important;box-shadow:none!important;padding:.25rem .5rem .25rem 2rem}.tlbx-sidebar-item-list a.active{color:red!important}.tlbx-sidebar-item-list li:before{content:none}.tlbx-item-preview.tlbx-picture img{width:auto}.tlbx-item-preview.tlbx-component-popover .popover{position:static}.tlbx-event-teaser-event-teaser-large .event-teaser{max-width:800px}#styleguide .tlbx-sidebar-item-list li a{position:relative;z-index:1}#styleguide .tlbx-sidebar-item-list li a:before{content:none}#styleguide .tlbx-sidebar-item-list li a:after{background:#e0e0e0;border:none;bottom:0;content:" ";left:0;position:absolute;right:0;top:0;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:0 50%;transform-origin:0 50%;-webkit-transition:none;transition:none;z-index:-1}#styleguide .tlbx-sidebar-item-list li a.active,#styleguide .tlbx-sidebar-item-list li a:active,#styleguide .tlbx-sidebar-item-list li a:focus{font-weight:400!important}#styleguide .tlbx-sidebar-item-list li a.active:after,#styleguide .tlbx-sidebar-item-list li a:active:after,#styleguide .tlbx-sidebar-item-list li a:focus:after{-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transition:.4s ease-out;transition:.4s ease-out}.tlbx-notes code{background-color:rgba(255,0,0,.3);border:1px solid rgba(255,0,0,.3);border-radius:2px;padding:.05em .1em}.tlbx-item-code pre code{-webkit-box-orient:vertical;-webkit-box-direction:normal;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.tlbx-item-code pre code>span:hover{background-color:hsla(0,0%,94%,.05)}.tlbx-component-access-nav{padding-bottom:45px;position:relative}.tlbx-component-access-nav:after{color:#707070;content:"Focus here and press <Tab>."}.tlbx-component-access-nav .access-nav{position:static}.tlbx-component-access-nav .access-nav li a{position:absolute}.tlbx-component-nav-toggle-mobile .nav-toggle-mobile{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important;margin-left:0}.tlbx-component-search .d-lg-none{display:block!important}.tlbx-component-nav{min-height:250px;padding:0}.tlbx-component-nav .nav-toggle .nav-main{position:absolute}@media (min-width:1200px){.tlbx-component-nav .desktop-menu-open .nav-toggle .nav-main{left:20px}}
+@charset "UTF-8";.tlbx-table-wrapper{max-width:100%;overflow-x:auto}.tlbx-table{border-collapse:collapse;width:100%}.tlbx-table td,.tlbx-table th{border-top:1px solid #d8d8d8;padding:.75em}.tlbx-table thead th{border-bottom:4px solid #d8d8d8;vertical-align:bottom}.tlbx-table thead th .tblx-muted{display:inline-block;line-height:1.1em}.tlbx-table td:not([scope]),.tlbx-table th{text-align:center;vertical-align:middle}.tlbx-contrast-color{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;text-align:left}.tlbx-contrast-color .tlbx-contrast-color-thumb{margin-right:10px}.tlbx-contrast-color-thumb,.tlbx-contrast-none{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;height:40px;width:40px}.tlbx-contrast-color-thumb{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;font-size:1.2rem;font-weight:700;justify-content:center}.tlbx-contrast-none{background-color:#eee;overflow:hidden;position:relative}.tlbx-contrast-none:after{border-color:transparent #fff;border-style:solid;border-width:40px;bottom:1px;content:"";left:0;position:absolute;top:1px;width:200%}.tlbx-contrast-text{display:inline-block;font-size:2rem;font-weight:700;text-align:center;width:100%}.tlbx-color-swatch-color .btn{opacity:0;-webkit-transition:opacity .2s;transition:opacity .2s}.tlbx-color-swatch-color:hover .btn{opacity:1}.tblx-muted{opacity:.5}.custom-controls-stacked{line-height:2em;padding:1em 0}.custom-controls-stacked label{display:block}.custom-control-input+span+span{color:#003baf;cursor:pointer}.custom-control-input+span+span:before{content:"• "}.custom-control-input:checked+span+span{color:#000}.custom-control-input:checked+span+span:before{content:"► "}.tlbx-color-swatch-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.tlbx-color-swatch{-webkit-box-flex:0;-ms-flex:0 0 14%;flex:0 0 14%;margin:1em 0 2em;padding-right:1.6%}.tlbx-color-swatch-color{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-box-pack:center;-ms-flex-pack:center;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:150px;height:12vh;justify-content:center}.tlbx-color-swatch-color:hover .tlbx-color-swatch-btn{opacity:1}.tlbx-color-swatch-btn{background:#003baf;border:none;color:#f0f0f0;display:inline-block;margin:0 auto;opacity:0;padding:1em;-webkit-transition:opacity .3s;transition:opacity .3s}.tlbx-color-swatch-btn:hover{cursor:pointer}.tlbx-color-swatch-infos h5{margin:.5em 0}.tlbx-color-swatch-infos h6{margin:.5em 0;text-transform:uppercase}.tlbx-sidebar-item{background:none;border:0;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:1rem;margin:0 0 .5rem;padding-left:1rem;padding-right:1rem;text-transform:capitalize;width:100%}.tlbx-sidebar-item:hover{color:#012f4d}.tlbx-sidebar-item:active,.tlbx-sidebar-item:focus{-webkit-box-shadow:none;box-shadow:none;outline:none}.tlbx-sidebar-item:after{-ms-flex-item-align:center;align-self:center;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #3474a8;content:"";display:block;font-size:0;height:0;line-height:0;margin-left:auto;margin-right:1rem;width:0}.tlbx-open .tlbx-sidebar-item:after{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.tlbx-sidebar-collapse{-webkit-transition:height .25s cubic-bezier(.4,0,.2,1);transition:height .25s cubic-bezier(.4,0,.2,1)}.tlbx-sidebar-item-list{list-style:none;margin-top:0}.tlbx-sidebar-item-list em,.tlbx-sidebar-item-list strong{padding-left:2rem}.tlbx-sidebar-item-list a{color:#010a15;display:block;position:relative;-webkit-transition:color .25s ease;transition:color .25s ease}.tlbx-sidebar-item-list a:before{border-left:0 solid #3474a8;content:"";height:100%;left:0;position:absolute;top:0;-webkit-transition:border-width .1s ease;transition:border-width .1s ease}.tlbx-sidebar-item-list a.active,.tlbx-sidebar-item-list a:hover{color:#3474a8;-webkit-text-decoration:none;text-decoration:none}.tlbx-sidebar-item-list a.active:before,.tlbx-sidebar-item-list a:hover:before{border-left-width:4px}.tlbx-sidebar-item-list a.active{font-weight:700}.tlbx-sidebar-item-list li{padding:0}.tlbx-sidebar-item-list ul a,.tlbx-sidebar-item-list ul em,.tlbx-sidebar-item-list ul strong{padding-left:3rem}.tlbx-sidebar-item-list ul ul a,.tlbx-sidebar-item-list ul ul em,.tlbx-sidebar-item-list ul ul strong{padding-left:4rem}.tlbx-sidebar-item-list ul ul ul a,.tlbx-sidebar-item-list ul ul ul em,.tlbx-sidebar-item-list ul ul ul strong{padding-left:5rem}.tlbx-sidebar-item-list-empty{display:block;margin-left:1rem}.tlbx-sidebar{padding:1em 0}.tlbx-sidebar a{border-bottom:none;color:#010a15;-webkit-text-decoration:none;text-decoration:none}@media only screen and (max-width:767px){.tlbx-sidebar{margin-bottom:3rem}}.tlbx-sidebar-title{font-size:1rem;margin:.5rem 1rem 0}.tlbx-sidebar-title span{font-weight:200}.tlbx-sidebar-version{font-size:.8rem;font-weight:200;margin:.5rem 1rem 1.5rem}.tlbx-item-preview{position:relative}.tlbx-item .tlbx-item-preview{border:2px solid #f2f2f4;padding:1.5rem}.tlbx-item-code{margin-top:0}.tlbx-item-code pre{margin-top:0;max-height:80vh}.tlbx-item-code pre code{font-family:Monaco,monospace}.tlbx-item-code pre .react-syntax-highlighter-line-number{line-height:1.47em}.tlbx-actions{-webkit-box-pack:end;-ms-flex-pack:end;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:flex-end;margin-bottom:-.8rem}.tlbx-actions-link{background-color:#fff;border:1px solid #3474a8;border-radius:3px;color:#3474a8;font-size:12px;padding:0 .5em;position:relative;z-index:1}.tlbx-actions-link,.tlbx-actions-link:hover{-webkit-text-decoration:none;text-decoration:none}.tlbx-actions-link:hover{border-color:#012f4d;color:#012f4d}.tlbx-hidden{display:none}.tlbx-notes{line-height:1.55em;max-width:700px}.tlbx-single-full{min-height:100vh}.tlbx-single-full .tlbx-item-preview{border:0}.tlbx-single-full .tlbx-single-full-intro h1{font-size:1rem;margin:0}.tlbx-single-full-intro{background-color:#f2f2f4;padding:1rem}.tlbx-variant-heading{margin-top:1.2em}.tblx-icon{-ms-flex-item-align:center;fill:currentColor;align-self:center;color:inherit;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-size:1em;height:1em;line-height:1em;position:relative;top:.1em;-webkit-transition:-webkit-transform .2s;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s;width:1em}.tlbx-toolbar{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-box-pack:justify;-ms-flex-pack:justify;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;justify-content:space-between;max-width:100%}@media only screen and (max-width:767px){.tlbx-toolbar{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-box-pack:end;-ms-flex-pack:end;-ms-flex-direction:row;flex-direction:row;justify-content:flex-end}}.tlbx-toolbar-btn{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background:none;border:none;color:#fff;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-size:1.4em;font-weight:900;height:50px;justify-content:center;opacity:1;width:50px}.tlbx-toolbar-btn:hover{cursor:pointer}.tlbx-toolbar-btn:active,.tlbx-toolbar-btn:focus{-webkit-box-shadow:none;box-shadow:none;outline:none}.tlbx-toolbar-btn.tlbx-active{opacity:.5}@media only screen and (max-width:767px){.tlbx-toolbar-btn{font-size:20px;padding:0}.tlbx-toolbar-btn.tlbx-brand{margin-right:auto}}.tlbx-toolbar-toggle-menu{display:none}@media only screen and (max-width:767px){.tlbx-toolbar-toggle-menu{display:-webkit-box;display:-ms-flexbox;display:flex}}body{margin:0;padding:0}.tlbx-h2{text-align:center}.styleguide{color:inherit;display:grid;font-family:inherit,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;grid-template-columns:60px 240px 1fr;max-width:100%;min-height:100vh}@media only screen and (max-width:767px){.styleguide{display:block;overflow:hidden}}.tlbx-toolbar-wrapper{-webkit-box-flex:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;background-color:#003baf;bottom:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex:0 0 60px;flex:0 0 60px;-ms-flex-direction:column;flex-direction:column;grid-column:1;left:0;padding:5px;position:fixed;top:0;width:60px;z-index:999}@media only screen and (max-width:767px){.tlbx-toolbar-wrapper{bottom:auto;width:100%}}.tlbx-sidebar-wrapper{-webkit-box-flex:0;background-color:#f2f2f4;-ms-flex:0 0 240px;flex:0 0 240px;grid-column:2}@media only screen and (max-width:767px){.tlbx-sidebar-wrapper{bottom:0;-webkit-box-shadow:-3px 0 20px 0 rgba(0,0,0,.3);box-shadow:-3px 0 20px 0 rgba(0,0,0,.3);max-width:240px;min-height:100vh;overflow-y:auto;position:fixed;right:0;top:60px;-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;z-index:998}.tlbx-sidebar-wrapper.tlbx-sidebar-open{-webkit-transform:translateX(0);transform:translateX(0)}}.tlbx-content-wrapper{-webkit-box-flex:1;align-self:start;-ms-flex:1 1 auto;flex:1 1 auto;grid-column:3;overflow:hidden}@media only screen and (max-width:767px){.tlbx-content-wrapper{-webkit-box-sizing:border-box;box-sizing:border-box;padding-top:60px;width:100%}}.tlbx-content{padding:1.2rem 2rem}.tlbx-doc-markdown-wrapper table,.tlbx-notes table{margin-bottom:1rem;max-width:100%}.tlbx-doc-markdown-wrapper table td,.tlbx-doc-markdown-wrapper table th,.tlbx-notes table td,.tlbx-notes table th{border-top:1px solid #dee2e6;padding:.75rem}.tlbx-doc-markdown-wrapper table thead th,.tlbx-notes table thead th{border-bottom:2px solid #dee2e6;vertical-align:bottom}.styleguide{font-family:Arial,sans-serif}.tlbx-toolbar-wrapper{position:static}@media screen and (min-width:768px){.tlbx-toolbar-wrapper{position:fixed}}.tlbx-doc-markdown-wrapper{margin:0 auto;max-width:720px}@media screen and (min-width:768px){.tlbx-sidebar,.tlbx-toolbar{position:fixed}.tlbx-sidebar{max-height:100vh;overflow-y:scroll;width:240px}}.tlbx-item-preview{overflow:hidden}.tlbx-item-preview.tlbx-element-breadcrumb-dropdown,.tlbx-item-preview.tlbx-element-dropdown,.tlbx-item-preview.tlbx-element-select-multiple{overflow:visible}.tlbx-sidebar button.tlbx-sidebar-item:focus,.tlbx-sidebar button.tlbx-sidebar-item:focus-visible{outline:revert!important}.tlbx-sidebar-item-list{margin-left:0;padding:0}.tlbx-sidebar-item-list a{background:none!important;border-bottom:none!important;-webkit-box-shadow:none!important;box-shadow:none!important;padding:.25rem .5rem .25rem 2rem}.tlbx-sidebar-item-list a.active{color:red!important}.tlbx-sidebar-item-list li:before{content:none}.tlbx-item-preview.tlbx-picture img{width:auto}.tlbx-item-preview.tlbx-component-popover .popover{position:static}.tlbx-event-teaser-event-teaser-large .event-teaser{max-width:800px}#styleguide .tlbx-sidebar-item-list li a{position:relative;z-index:1}#styleguide .tlbx-sidebar-item-list li a:before{content:none}#styleguide .tlbx-sidebar-item-list li a:after{background:#e0e0e0;border:none;bottom:0;content:" ";left:0;position:absolute;right:0;top:0;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:0 50%;transform-origin:0 50%;-webkit-transition:none;transition:none;z-index:-1}#styleguide .tlbx-sidebar-item-list li a.active,#styleguide .tlbx-sidebar-item-list li a:active,#styleguide .tlbx-sidebar-item-list li a:focus{font-weight:400!important}#styleguide .tlbx-sidebar-item-list li a.active:after,#styleguide .tlbx-sidebar-item-list li a:active:after,#styleguide .tlbx-sidebar-item-list li a:focus:after{-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transition:.4s ease-out;transition:.4s ease-out}.tlbx-notes code{background-color:rgba(255,0,0,.3);border:1px solid rgba(255,0,0,.3);border-radius:2px;padding:.05em .1em}.tlbx-item-code pre code{-webkit-box-orient:vertical;-webkit-box-direction:normal;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.tlbx-item-code pre code>span:hover{background-color:hsla(0,0%,94%,.05)}.tlbx-component-access-nav{padding-bottom:45px;position:relative}.tlbx-component-access-nav:after{color:#707070;content:"Focus here and press <Tab>."}.tlbx-component-access-nav .access-nav{position:static}.tlbx-component-access-nav .access-nav li a{position:absolute}.tlbx-component-nav-toggle-mobile .nav-toggle-mobile{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important;margin-left:0}.tlbx-component-search .d-lg-none{display:block!important}.tlbx-component-nav{min-height:250px;padding:0}.tlbx-component-nav .nav-toggle .nav-main{position:absolute}@media (min-width:1200px){.tlbx-component-nav .desktop-menu-open .nav-toggle .nav-main{left:20px}}
 /*# sourceMappingURL=reader.min.css.map*/

package/dist/css/reader.min.css.map

@@ -1 +1 @@
-{"version":3,"file":"css/reader.min.css","mappings":"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","sources":["webpack://epfl-elements/./reader/components/ColorTable/ColorTable.scss","webpack://epfl-elements/./reader/variables.scss","webpack://epfl-elements/./reader/views/Colors/Colors.scss","webpack://epfl-elements/./reader/components/SidebarItem/SidebarItem.scss","webpack://epfl-elements/./reader/components/Sidebar/Sidebar.scss","webpack://epfl-elements/./reader/components/Item/Item.scss","webpack://epfl-elements/./reader/views/Single/Single.scss","webpack://epfl-elements/./reader/components/Icon/Icon.scss","webpack://epfl-elements/./reader/components/Toolbar/Toolbar.scss","webpack://epfl-elements/./reader/components/App/App.scss","webpack://epfl-elements/./reader/reader.scss","webpack://epfl-elements/./assets/config/bootstrap-variables.scss"],"sourcesContent":["@import '../../variables';\n\n.tlbx-table-wrapper {\n  max-width: 100%;\n  overflow-x: auto;\n}\n\n.tlbx-table {\n  width: 100%;\n  border-collapse: collapse;\n\n  td,\n  th {\n    border-top: 1px solid $alto;\n    padding: 0.75em;\n  }\n\n  thead th {\n    border-bottom: 4px solid $alto;\n    vertical-align: bottom;\n\n    .tblx-muted {\n      display: inline-block;\n      line-height: 1.1em;\n    }\n  }\n\n  th,\n  td:not([scope]) {\n    text-align: center;\n    vertical-align:middle;\n  }\n}\n\n.tlbx-contrast-color {\n  display: flex;\n  align-items: center;\n  text-align: left;\n}\n\n.tlbx-contrast-color .tlbx-contrast-color-thumb {\n  margin-right: 10px;\n}\n\n.tlbx-contrast-color-thumb,\n.tlbx-contrast-none {\n  display: inline-flex;\n  width: 40px;\n  height: 40px;\n}\n\n.tlbx-contrast-color-thumb {\n  font-size: 1.2rem;\n  font-weight: bold;\n  align-items: center;\n  justify-content: center;\n}\n\n.tlbx-contrast-none {\n  position: relative;\n  background-color: #eee;\n  overflow: hidden;\n}\n\n.tlbx-contrast-none:after {\n  content: '';\n  position: absolute;\n  top: 1px;\n  bottom: 1px;\n  left: 0;\n  width: 200%;\n  border-width: 40px;\n  border-style: solid;\n  border-color: transparent white;\n}\n\n.tlbx-contrast-text {\n  display: inline-block;\n  width: 100%;\n  font-size: 2rem;\n  font-weight: bold;\n  text-align: center;\n}\n\n.tlbx-color-swatch-color .btn {\n  opacity: 0;\n  transition: opacity 200ms;\n}\n\n.tlbx-color-swatch-color:hover .btn {\n  opacity: 1;\n}\n\n.tblx-muted { opacity: 0.5; }\n\n.custom-controls-stacked {\n  padding: 1em 0;\n  line-height: 2em;\n  label { display: block; }\n}\n\n.custom-control-input + span + span {\n  cursor: pointer;\n  color: $color-primary;\n  &:before { content: \"\\2022  \"; }\n}\n\n.custom-control-input:checked + span + span {\n  color: #000;\n  &:before { content: \"\\25ba  \"; }\n}\n","\n// Colors\n$black: #010a15;\n$white: #f0f0f0;\n$color-primary: #003baf;\n$color-secondary-light: #3474a8;\n$color-secondary-dark: #012f4d;\n$gray-lighter: #f2f2f4;\n$alto: #d8d8d8;\n\n\n$body-color: $black;\n$body-bg: $white;\n$link-color: $color-secondary-light;\n$link-hover-color: $color-secondary-dark;\n\n$toolbar-width: 60px;\n","@import '../../variables';\n\n.tlbx-color-swatch-wrapper {\n  display: flex;\n  flex-wrap: wrap;\n}\n\n.tlbx-color-swatch {\n  flex: 0 0 14%;\n  padding-right: 1.6%;\n  margin: 1em 0;\n  margin-bottom: 2em;\n}\n\n.tlbx-color-swatch-color {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  height: 150px;\n  height: 12vh;\n\n  &:hover .tlbx-color-swatch-btn { opacity: 1; }\n}\n\n.tlbx-color-swatch-btn {\n  display: inline-block;\n  margin: 0 auto;\n  padding: 1em;\n  background: $color-primary;\n  border: none;\n  color: $white;\n  transition: opacity 0.3s;\n  opacity: 0;\n  &:hover { cursor: pointer; }\n}\n\n.tlbx-color-swatch-infos {\n  h5 { margin: 0.5em 0; }\n  h6 {\n    text-transform: uppercase;\n    margin: 0.5em 0;\n  }\n}\n","@import '../../variables';\n\n.tlbx-sidebar-item {\n  display: flex;\n  width: 100%;\n  margin: 0 0 0.5rem 0;\n  background: none;\n  border: 0;\n  font-size: 1rem;\n  padding-right: 1rem;\n  padding-left: 1rem;\n  cursor: pointer;\n  text-transform: capitalize;\n\n  &:hover {\n    color: $link-hover-color;\n  }\n\n  &:focus,\n  &:active {\n    outline: none;\n    box-shadow: none;\n  }\n\n  &:after {\n    content: '';\n    display: block;\n    width: 0;\n    height: 0;\n    font-size: 0;\n    line-height: 0;\n    align-self: center;\n    margin-left: auto;\n    margin-right: 1rem;\n    border-left: 5px solid transparent;\n    border-right: 5px solid transparent;\n    border-top: 5px solid $link-color;\n  }\n\n  .tlbx-open & {\n    &:after {\n      transform: rotate(180deg);\n    }\n  }\n}\n\n.tlbx-sidebar-collapse {\n  transition: height 250ms cubic-bezier(.4, 0, .2, 1);\n}\n\n.tlbx-sidebar-item-list {\n  margin-top: 0;\n  list-style: none;\n  padding: 0;\n\n  strong,\n  em { padding-left: 2rem; }\n\n  a {\n    display: block;\n    position: relative;\n    padding: 0.25rem 0.5rem 0.25rem;\n    padding-left: 2rem;\n    color: $body-color;\n    transition: color 250ms ease;\n\n    &:before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      height: 100%;\n      border-left: 0 solid $link-color;\n      transition: border-width 100ms ease;\n    }\n\n    &.active,\n    &:hover {\n      color: $link-color;\n      text-decoration: none;\n\n      &:before {\n        border-left-width: 4px;\n      }\n    }\n\n    &.active {\n      font-weight: bold;\n    }\n\n  }\n\n  li { padding: 0; }\n\n  ul a,\n  ul strong,\n  ul em { padding-left: 3rem; }\n  ul ul a,\n  ul ul strong,\n  ul ul em { padding-left: 4rem; }\n  ul ul ul a,\n  ul ul ul strong,\n  ul ul ul em { padding-left: 5rem; }\n}\n\n.tlbx-sidebar-item-list-empty {\n  display: block;\n  margin-left: 1rem;\n}\n","@import '../../variables';\n\n.tlbx-sidebar {\n  padding: 1em 0;\n\n  a {\n    color: $body-color;\n    text-decoration: none;\n    border-bottom: none;\n  }\n\n  @media only screen and (max-width: 767px) {\n    margin-bottom: 3rem;\n  }\n}\n\n.tlbx-sidebar-title {\n  margin: 0 1rem;\n  font-size: 1rem;\n  margin-top: 0.5rem;\n\n  span {\n    font-weight: 200;\n  }\n}\n\n.tlbx-sidebar-version {\n  margin: 0.5rem 1rem;\n  margin-bottom: 1.5rem;\n  font-size: 0.8rem;\n  font-weight: 200;\n}\n","@import '../../variables';\n\n.tlbx-item-preview {\n  position: relative;\n\n  .tlbx-item & {\n    padding: 1.5rem;\n    border: 2px solid $gray-lighter;\n  }\n}\n\n.tlbx-item-code {\n  margin-top: 0;\n\n  pre {\n    margin-top: 0;\n    max-height: 80vh;\n\n    code { font-family: Monaco, monospace; }\n    .react-syntax-highlighter-line-number { line-height: 1.47em; }\n  }\n}\n\n.tlbx-actions {\n  display: flex;\n  justify-content: flex-end;\n  margin-bottom: -0.8rem;\n}\n\n.tlbx-actions-link {\n  position: relative;\n  padding: 0 0.5em;\n  border: 1px solid $link-color;\n  font-size: 12px;\n  color: $link-color;\n  z-index: 1;\n  background-color: #fff;\n  border-radius: 3px;\n  text-decoration: none;\n\n  &:hover {\n    color: $link-hover-color;\n    border-color: $link-hover-color;\n    text-decoration: none;\n  }\n}\n\n.tlbx-hidden {\n  display: none;\n}\n","@import '../../variables';\n\n.tlbx-notes {\n  max-width: 700px;\n  line-height: 1.55em;\n}\n\n.tlbx-single-full {\n  min-height: 100vh;\n\n  .tlbx-item-preview {\n    border: 0;\n  }\n\n  .tlbx-single-full-intro h1 {\n    margin: 0;\n    font-size: 1rem;\n  }\n}\n\n.tlbx-single-full-intro {\n  padding: 1rem;\n  background-color: $gray-lighter;\n}\n\n.tlbx-variant-heading {\n  margin-top: 1.2em;\n}\n","@import '../../variables';\n\n$icon-size-base: 1em;\n\n.tblx-icon {\n  display: inline-flex;\n  position: relative;\n  top: 0.1em;\n  width: $icon-size-base;\n  height: $icon-size-base;\n  font-size: 1em;\n  line-height: 1em;\n  color: inherit;\n  transition: transform 0.2s;\n  align-self: center;\n  fill: currentColor;\n}\n","@import '../../variables';\n\n.tlbx-toolbar {\n  display: flex;\n  flex-direction: column;\n  max-width: 100%;\n  justify-content: space-between;\n\n  @media only screen and (max-width: 767px) {\n    flex-direction: row;\n    justify-content: flex-end;\n  }\n}\n\n.tlbx-toolbar-btn {\n  display: inline-flex;\n  width: $toolbar-width - 10px;\n  height: 50px;\n  background: none;\n  border: none;\n  font-size: 1.4em;\n  font-weight: 900;\n  color: #fff;\n  align-items: center;\n  justify-content: center;\n  opacity: 1;\n\n  &:hover { cursor: pointer; }\n\n  &:focus,\n  &:active {\n    outline: none;\n    box-shadow: none;\n  }\n\n  &.tlbx-active { opacity: 0.5; }\n\n  @media only screen and (max-width: 767px) {\n    padding: 0;\n    font-size: 20px;\n    &.tlbx-brand { margin-right: auto; }\n  }\n}\n\n.tlbx-toolbar-toggle-menu {\n  display: none;\n\n  @media only screen and (max-width: 767px) {\n    display: flex;\n  }\n}\n","@import '../../variables';\n\nbody {\n  margin: 0;\n  padding: 0;\n}\n\n.tlbx-h2 { text-align: center; }\n\n.styleguide {\n  display: grid;\n  grid-template-columns: $toolbar-width 240px 1fr;\n  min-height: 100vh;\n  max-width: 100%;\n  font-family: inherit, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif;\n  color: inherit;\n\n  @media only screen and (max-width: 767px) {\n    display: block;\n    overflow: hidden;\n  }\n}\n\n.tlbx-toolbar-wrapper {\n  display: flex;\n  flex: 0 0 $toolbar-width;\n  position: fixed;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  width: $toolbar-width;\n  padding: 5px;\n  color: white;\n\n  flex-direction: column;\n\n  z-index: 999;\n  box-sizing: border-box;\n  grid-column: 1;\n  background-color: $color-primary;\n\n  @media only screen and (max-width: 767px) {\n    bottom: auto;\n    width: 100%;\n  }\n}\n\n.tlbx-sidebar-wrapper {\n  flex: 0 0 240px;\n  grid-column: 2;\n  background-color: $gray-lighter;\n\n  @media only screen and (max-width: 767px) {\n    position: fixed;\n    top: $toolbar-width;\n    right: 0;\n    bottom: 0;\n    transform: translateX(100%);\n    transition: transform 0.3s;\n    z-index: 998;\n    overflow-y: auto;\n    min-height: 100vh;\n    max-width: 240px;\n    box-shadow: -3px 0 20px 0 rgba(0, 0, 0, 0.3);\n    &.tlbx-sidebar-open { transform: translateX(0); }\n  }\n}\n\n.tlbx-content-wrapper {\n  flex: 1 1 auto;\n  grid-column: 3;\n  align-self: start;\n  overflow: hidden;\n\n  @media only screen and (max-width: 767px) {\n    padding-top: $toolbar-width;\n    box-sizing: border-box;\n    width: 100%;\n  }\n}\n\n.tlbx-content {\n  padding: 1.2rem 2rem;\n}\n\n.tlbx-notes,\n.tlbx-doc-markdown-wrapper {\n  table {\n    max-width: 100%;\n    margin-bottom: 1rem;\n  }\n\n  table th,\n  table td {\n    padding: .75rem;\n    border-top: 1px solid #dee2e6;\n  }\n\n  table thead th {\n    vertical-align: bottom;\n    border-bottom: 2px solid #dee2e6;\n  }\n}\n","@charset 'utf-8';\n\n@use 'sass:map';\n@import 'variables';\n@import 'bootstrap/scss/functions';\n// Import the main theme's Bootstrap config:\n@import '../assets/config/bootstrap-variables';\n\n.styleguide {\n  font-family: $font-family-base;\n}\n\n.tlbx-toolbar-wrapper {\n  position: static;\n\n  @media screen and (min-width: 768px) {\n    position: fixed;\n  }\n}\n\n\n.tlbx-doc-markdown-wrapper {\n  max-width: map.get($container-max-widths, 'md');\n  margin: 0 auto;\n}\n\n@media screen and (min-width: 768px) {\n  .tlbx-toolbar {\n    position: fixed;\n  }\n\n  .tlbx-sidebar {\n    position: fixed;\n    max-height: 100vh;\n    overflow-y: scroll;\n    width: 240px;\n  }\n}\n\n.tlbx-item-preview {\n  overflow: hidden;\n}\n\n/*  Dropdown needs `overflow: visible` to allow it to\n    escape its container. */\n.tlbx-item-preview.tlbx-component-dropdown {\n  overflow: visible;\n}\n\n.tlbx-sidebar button.tlbx-sidebar-item {\n  &:focus,\n  &:focus-visible {\n    outline: revert !important;\n  }\n}\n\n\n.tlbx-sidebar-item-list {\n  margin-left: 0;\n  padding: 0;\n\n  a {\n    padding: 0.25rem 0.5rem;\n    padding-left: 2rem;\n    background: none !important;\n    border-bottom: none !important;\n    box-shadow: none !important;\n    &.active { color: $red !important; }\n  }\n\n  li:before { content: none; }\n}\n\n.tlbx-item-preview.tlbx-picture img { width: auto; }\n.tlbx-item-preview.tlbx-component-popover .popover { position: static; }\n\n.tlbx-event-teaser-event-teaser-large {\n  .event-teaser {\n    max-width: 800px;\n  }\n}\n\n#styleguide .tlbx-sidebar-item-list li {\n  a {\n    position: relative;\n    z-index: $zindex-1;\n\n    &:before {\n      content: none;\n    }\n\n    &:after {\n      content: ' ';\n      position: absolute;\n      z-index: $zindex-background;\n      top: 0;\n      right: 0;\n      bottom: 0;\n      left: 0;\n      background: #e0e0e0;\n      border: none;\n      transform: scaleX(0);\n      transform-origin: 0 50%;\n      transition: none;\n    }\n  }\n\n  a:focus,\n  a.active,\n  a:active {\n    font-weight: normal !important;\n\n    &:after {\n      transform: scaleX(1);\n      transition: 0.4s ease-out;\n    }\n  }\n}\n\n.tlbx-notes {\n  code {\n    padding: 0.05em 0.1em;\n    border-radius: 2px;\n    background-color: rgba($red, 0.3);\n    border: 1px solid rgba($red, 0.3);\n  }\n}\n\n.tlbx-item-code {\n  pre code {\n    display: flex;\n    flex-direction: column;\n\n    > span {\n      &:hover {\n        background-color: rgba($white, 0.05);\n      }\n    }\n  }\n}\n\n.tlbx-component-access-nav {\n  position: relative;\n  padding-bottom: 45px;\n\n  &:after {\n    content: 'Focus here and press <Tab>.';\n    color: $text-muted;\n  }\n\n  .access-nav {\n    position: static;\n\n    li a {\n      position: absolute;\n    }\n  }\n}\n\n.tlbx-component-nav-toggle-mobile {\n  .nav-toggle-mobile {\n    display: flex !important;\n    margin-left: 0;\n  }\n}\n\n.tlbx-component-search {\n  .d-lg-none {\n    display: block !important;\n  }\n}\n\n.tlbx-component-nav {\n  min-height: 250px;\n  padding: 0;\n\n  .nav-toggle .nav-main {\n    position: absolute;\n  }\n\n  @media (min-width: 1200px) {\n    .desktop-menu-open .nav-toggle .nav-main {\n      left: 20px;\n    }\n  }\n}\n","// Variables\n//\n// Variables should follow the `$component-state-property-size` formula for\n// consistent naming. Ex: $nav-link-disabled-color and $modal-content-box-shadow-xs.\n\n@use 'sass:math';\n\n//\n// Color system\n//\n\n// stylelint-disable\n$white:    #fff !default;\n$gray-100: #e6e6e6 !default;\n$gray-200: #d5d5d5 !default;\n$gray-300: #c1c1c1 !default;\n$gray-500: #8e8e8e !default;\n$gray-600: #707070 !default;\n$black:    #212121 !default;\n\n$grays: () !default;\n$grays: map-merge((\n  \"100\": $gray-100,\n  \"200\": $gray-200,\n  \"300\": $gray-300,\n  \"600\": $gray-600,\n), $grays);\n\n$blue:    #4a90e2!default;\n$red:     #ff0000 !default;\n$red-dark:#b51f1f !default;\n$orange:  #f5a623 !default;\n$green:   #7ed321 !default;\n\n$green-text: #699b32;\n\n$colors: () !default;\n$colors: map-merge((\n  \"blue\":       $blue,\n  \"red\":        $red,\n  \"orange\":     $orange,\n  \"green\":      $green,\n  \"white\":      $white\n), $colors);\n\n$primary:       $red !default;\n$secondary:     $white !default;\n$success:       $green !default;\n$info:          $blue !default;\n$warning:       $orange !default;\n$danger:        $red !default;\n$light:         $gray-100 !default;\n$dark:          $black !default;\n\n$theme-colors: () !default;\n$theme-colors: map-merge((\n  \"primary\":    $primary,\n  \"secondary\":  $secondary,\n  \"success\":    $success,\n  \"info\":       $info,\n  \"warning\":    $warning,\n  \"danger\":     $danger,\n  \"light\":      $light,\n  \"dark\":       $dark\n), $theme-colors);\n// stylelint-enable\n\n// Set a specific jump point for requesting color jumps\n$theme-color-interval:      8% !default;\n\n// The yiq lightness value that determines when the lightness of color changes from \"dark\" to \"light\". Acceptable values are between 0 and 255.\n$yiq-contrasted-threshold: 150 !default;\n\n// Customize the light and dark text colors for use in our YIQ color contrast function.\n$yiq-text-dark: $black !default;\n$yiq-text-light: $white !default;\n\n// Options\n//\n// Quickly modify global styling by enabling or disabling optional features.\n\n$enable-caret:              true !default;\n$enable-rounded:            true !default;\n$enable-shadows:            false !default;\n$enable-gradients:          false !default;\n$enable-transitions:        true !default;\n$enable-hover-media-query:  false !default; // Deprecated, no longer affects any compiled CSS\n$enable-grid-classes:       true !default;\n$enable-print-styles:       true !default;\n\n\n// Spacing\n//\n// Control the default styling of most Bootstrap elements by modifying these\n// variables. Mostly focused on spacing.\n// You can add more entries to the $spacers map, should you need more variation.\n\n// stylelint-disable\n$spacer: 1rem !default;\n$spacers: () !default;\n$spacers: map-merge((\n  0: 0,\n  1: ($spacer * .25),\n  2: ($spacer * .5),\n  3: $spacer,\n  4: ($spacer * 1.5),\n  5: ($spacer * 3),\n  gutter: 16px, // == $grid-gutter-width\n  6: ($spacer * 6),\n), $spacers);\n\n// This variable affects the `.h-*` and `.w-*` classes.\n$sizes: () !default;\n$sizes: map-merge((\n  25: 25%,\n  50: 50%,\n  75: 75%,\n  100: 100%\n), $sizes);\n// stylelint-enable\n\n// Body\n//\n// Settings for the `<body>` element.\n\n$body-bg:                   $white !default;\n$body-color:                $black !default;\n\n// Links\n//\n// Style anchor elements.\n\n$link-color:                $body-color !default;\n$link-decoration:           underline !default;\n$link-hover-color:          theme-color('primary') !default;\n$link-hover-decoration:     underline !default;\n\n// Paragraphs\n//\n// Style p element.\n\n$paragraph-margin-bottom:   1rem !default;\n\n\n// Grid breakpoints\n//\n// Define the minimum dimensions at which your layout will change,\n// adapting to different screen sizes, for use in media queries.\n\n$grid-breakpoints: (\n  xs: 0,\n  sm: 576px,\n  md: 768px,\n  lg: 992px,\n  xl: 1200px,\n  xxl: 1600px,\n) !default;\n\n@include _assert-ascending($grid-breakpoints, \"$grid-breakpoints\");\n@include _assert-starts-at-zero($grid-breakpoints);\n\n\n// Grid containers\n//\n// Define the maximum width of `.container` for different screen sizes.\n\n$container-max-widths: (\n  sm: 540px,\n  md: 720px,\n  lg: 960px,\n  xl: 1140px\n) !default;\n\n@include _assert-ascending($container-max-widths, \"$container-max-widths\");\n\n\n// Grid columns\n//\n// Set the number of columns and specify the width of the gutters.\n\n$grid-columns:                12 !default;\n$grid-gutter-width:           32px !default;\n\n// Components\n//\n// Define common padding and border radius sizes and more.\n\n$line-height-lg:              1.5 !default;\n$line-height-sm:              1.5 !default;\n\n$border-width:                1px !default;\n$border-color:                $gray-200 !default;\n\n$border-radius:               2px !default;\n$border-radius-lg:            4px !default;\n$border-radius-sm:            2px !default;\n\n$component-active-color:      $white !default;\n$component-active-bg:         theme-color(\"primary\") !default;\n\n$caret-width:                 .3em !default;\n\n$transition-base:             all .2s ease-in-out !default;\n$transition-fade:             opacity .15s linear !default;\n$transition-collapse:         height .35s ease !default;\n\n\n// Fonts\n//\n// Font, line-height, and color for body text, headings, and more.\n\n// stylelint-disable value-keyword-case\n// official font is Suisse Int'l, but the license only allow to host\n// on a epfl domain, so we set it to Arial, the official fallback\n$font-family-sans-serif:      Arial, sans-serif, !default;\n$font-family-monospace:       monospace !default;\n$font-family-base:            $font-family-sans-serif !default;\n// stylelint-enable value-keyword-case\n\n$font-size-base:              1rem !default; // Assumes the browser default, typically `16px`\n$font-size-lg:                ($font-size-base * 1.25) !default;\n$font-size-sm:                ($font-size-base * .83) !default;\n$font-size-xs:                0.778rem;\n\n$font-weight-light:           300 !default;\n$font-weight-normal:          400 !default;\n$font-weight-bold:            700 !default;\n\n$font-weight-base:            $font-weight-normal !default;\n$line-height-base:            1.5 !default;\n\n$h1-font-size:                $font-size-base * 3 !default;\n$h2-font-size:                $font-size-base * 2.33 !default;\n$h3-font-size:                $font-size-base * 1.78 !default;\n$h4-font-size:                $font-size-base * 1.44 !default;\n$h5-font-size:                $font-size-base * 1.17 !default;\n$h6-font-size:                $font-size-base !default;\n\n$headings-margin-bottom:      math.div($spacer, 2) !default;\n$headings-font-family:        inherit !default;\n$headings-font-weight:        400 !default;\n$headings-line-height:        1.2 !default;\n$headings-color:              inherit !default;\n\n$display1-size:               6rem !default;\n$display2-size:               5.5rem !default;\n$display3-size:               4.5rem !default;\n$display4-size:               3.5rem !default;\n\n$display1-weight:             300 !default;\n$display2-weight:             300 !default;\n$display3-weight:             300 !default;\n$display4-weight:             300 !default;\n$display-line-height:         $headings-line-height !default;\n\n$lead-font-size:              ($font-size-base * 1.28) !default;\n$lead-font-weight:            400 !default;\n\n$small-font-size:             $font-size-sm !default;\n\n$text-muted:                  $gray-600 !default;\n\n$blockquote-small-color:      $gray-600 !default;\n$blockquote-font-size:        ($font-size-base * 1.44) !default;\n\n$hr-border-color:             rgba($black, .1) !default;\n$hr-border-width:             $border-width !default;\n\n$mark-padding:                .2em !default;\n\n$dt-font-weight:              $font-weight-bold !default;\n\n$kbd-box-shadow:              inset 0 -.1rem 0 rgba($black, .25) !default;\n$nested-kbd-font-weight:      $font-weight-bold !default;\n\n$list-inline-padding:         .5rem !default;\n\n$mark-bg:                     transparentize($red, 0.8) !default;\n\n$hr-margin-y:                 $spacer !default;\n\n\n// Tables\n//\n// Customizes the `.table` component with basic values, each used across all table variations.\n\n$table-cell-padding:          .6rem !default;\n$table-cell-padding-sm:       .3rem !default;\n\n$table-bg:                    transparent !default;\n$table-accent-bg:             rgba($black, .05) !default;\n$table-hover-bg:              rgba($black, .075) !default;\n$table-active-bg:             $table-hover-bg !default;\n\n$table-border-width:          $border-width !default;\n$table-border-color:          $gray-200 !default;\n$table-border-color-light:    $gray-100;\n\n$table-head-bg:               lighten($gray-100, 5.49) !default;\n$table-head-color:            $gray-600 !default;\n\n$table-dark-bg:               $black !default;\n$table-dark-accent-bg:        rgba($white, .05) !default;\n$table-dark-hover-bg:         rgba($white, .075) !default;\n$table-dark-border-color:     lighten($black, 7.5%) !default;\n$table-dark-color:            $body-bg !default;\n\n\n// Buttons + Forms\n//\n// Shared variables that are reassigned to `$input-` and `$btn-` specific variables.\n\n$input-btn-padding-y:         .375rem !default;\n$input-btn-padding-x:         .75rem !default;\n$input-btn-line-height:       $line-height-base !default;\n\n$input-btn-focus-width:       .2rem !default;\n$input-btn-focus-color:       rgba($component-active-bg, .25) !default;\n$input-btn-focus-box-shadow:  0 0 0 $input-btn-focus-width $input-btn-focus-color !default;\n\n$input-btn-padding-y-sm:      .35rem !default;\n$input-btn-padding-x-sm:      .7rem !default;\n$input-btn-line-height-sm:    $line-height-sm * 1.05 !default;\n\n$input-btn-padding-y-lg:      .5rem !default;\n$input-btn-padding-x-lg:      1rem !default;\n$input-btn-line-height-lg:    $line-height-lg !default;\n\n$input-btn-border-width:      $border-width !default;\n\n\n// Buttons\n//\n// For each of Bootstrap's buttons, define text, background, and border color.\n\n$btn-padding-y:               0.68rem !default;\n$btn-padding-x:               1.4rem !default;\n$btn-line-height:             $input-btn-line-height !default;\n\n$btn-padding-y-sm:            $input-btn-padding-y-sm !default;\n$btn-padding-x-sm:            $input-btn-padding-x-sm !default;\n$btn-line-height-sm:          $input-btn-line-height-sm !default;\n\n$btn-padding-y-lg:            1rem !default;\n$btn-padding-x-lg:            2rem !default;\n$btn-line-height-lg:          $input-btn-line-height-lg !default;\n\n$btn-border-width:            $input-btn-border-width !default;\n\n$btn-font-weight:             $font-weight-normal !default;\n$btn-box-shadow:              inset 0 1px 0 rgba($white, .15), 0 1px 1px rgba($black, .075) !default;\n$btn-focus-width:             $input-btn-focus-width !default;\n$btn-focus-box-shadow:        $input-btn-focus-box-shadow !default;\n$btn-disabled-opacity:        .65 !default;\n$btn-active-box-shadow:       inset 0 3px 5px rgba($black, .125) !default;\n\n$btn-link-disabled-color:     $gray-600 !default;\n\n$btn-block-spacing-y:         .5rem !default;\n\n// Allows for customizing button radius independently from global border radius\n$btn-border-radius:           $border-radius !default;\n$btn-border-radius-lg:        $border-radius-lg !default;\n$btn-border-radius-sm:        $border-radius-sm !default;\n\n$btn-transition:              color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n\n\n// Forms\n\n$input-padding-y:                       $input-btn-padding-y !default;\n$input-padding-x:                       $input-btn-padding-x !default;\n$input-line-height:                     $input-btn-line-height !default;\n\n$input-padding-y-sm:                    $input-btn-padding-y-sm !default;\n$input-padding-x-sm:                    $input-btn-padding-x-sm !default;\n$input-line-height-sm:                  $input-btn-line-height-sm !default;\n\n$input-padding-y-lg:                    $input-btn-padding-y-lg !default;\n$input-padding-x-lg:                    $input-btn-padding-x-lg !default;\n$input-line-height-lg:                  $input-btn-line-height-lg !default;\n\n$input-bg:                              $white !default;\n$input-disabled-bg:                     $gray-100 !default;\n\n$input-color:                           $black !default;\n$input-border-color:                    $gray-500 !default;\n$input-border-width:                    $input-btn-border-width !default;\n$input-box-shadow:                      inset 0 1px 1px rgba($black, .075) !default;\n\n$input-border-radius:                   $border-radius !default;\n$input-border-radius-lg:                $border-radius-lg !default;\n$input-border-radius-sm:                $border-radius-sm !default;\n\n$input-focus-bg:                        $input-bg !default;\n$input-focus-border-color:              $black !default;\n$input-focus-color:                     $input-color !default;\n$input-focus-width:                     $input-btn-focus-width !default;\n$input-focus-box-shadow:                0 0 0 1px $gray-200 !default;\n\n$input-placeholder-color:               $gray-600 !default;\n\n$input-height-border:                   $input-border-width * 2 !default;\n\n$input-height-inner:                    ($font-size-base * $input-btn-line-height) + ($input-btn-padding-y * 2) !default;\n$input-height:                          calc(#{$input-height-inner} + #{$input-height-border}) !default;\n\n$input-height-inner-sm:                 ($font-size-sm * $input-btn-line-height-sm) + ($input-btn-padding-y-sm * 2) !default;\n$input-height-sm:                       calc(#{$input-height-inner-sm} + #{$input-height-border}) !default;\n\n$input-height-inner-lg:                 ($font-size-lg * $input-btn-line-height-lg) + ($input-btn-padding-y-lg * 2) !default;\n$input-height-lg:                       calc(#{$input-height-inner-lg} + #{$input-height-border}) !default;\n\n$input-transition:                      border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n\n$form-text-margin-top:                  .55rem !default;\n\n$form-check-input-gutter:               1.25rem !default;\n$form-check-input-margin-y:             .3rem !default;\n$form-check-input-margin-x:             .25rem !default;\n\n$form-check-inline-margin-x:            .75rem !default;\n$form-check-inline-input-margin-x:      .3125rem !default;\n\n$form-group-margin-bottom:              1rem !default;\n\n$input-group-addon-color:               $input-color !default;\n$input-group-addon-bg:                  $gray-200 !default;\n$input-group-addon-border-color:        $input-border-color !default;\n\n$custom-control-gutter:                 1.5rem !default;\n$custom-control-spacer-x:               1rem !default;\n\n$custom-control-indicator-size:         1rem !default;\n$custom-control-indicator-bg:           $white !default;\n$custom-control-indicator-bg-size:      50% 50% !default;\n$custom-control-indicator-box-shadow:   inset 0 .25rem .25rem rgba($black, .1) !default;\n\n$custom-control-indicator-disabled-bg:    $gray-200 !default;\n$custom-control-label-disabled-color:     $gray-600 !default;\n\n$custom-control-indicator-checked-color:        $component-active-color !default;\n$custom-control-indicator-checked-bg:           $component-active-bg !default;\n$custom-control-indicator-checked-disabled-bg:  rgba(theme-color(\"primary\"), .5) !default;\n$custom-control-indicator-checked-box-shadow:   none !default;\n\n$custom-control-indicator-focus-box-shadow:     0 0 0 1px $body-bg, $input-btn-focus-box-shadow !default;\n\n$custom-control-indicator-active-color:         $component-active-color !default;\n$custom-control-indicator-active-bg:            lighten($component-active-bg, 35%) !default;\n$custom-control-indicator-active-box-shadow:    none !default;\n\n$custom-checkbox-indicator-border-radius:       $border-radius !default;\n$custom-checkbox-indicator-icon-checked:        str-replace(url(\"data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='#{$custom-control-indicator-checked-color}' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E\"), \"#\", \"%23\") !default;\n\n$custom-checkbox-indicator-indeterminate-bg:    $component-active-bg !default;\n$custom-checkbox-indicator-indeterminate-color: $custom-control-indicator-checked-color !default;\n$custom-checkbox-indicator-icon-indeterminate:  str-replace(url(\"data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='#{$custom-checkbox-indicator-indeterminate-color}' d='M0 2h4'/%3E%3C/svg%3E\"), \"#\", \"%23\") !default;\n$custom-checkbox-indicator-indeterminate-box-shadow: none !default;\n\n$custom-radio-indicator-border-radius:          50% !default;\n$custom-radio-indicator-icon-checked:           str-replace(url(\"data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='#{$custom-control-indicator-checked-color}'/%3E%3C/svg%3E\"), \"#\", \"%23\") !default;\n\n$custom-select-padding-y:           .375rem !default;\n$custom-select-padding-x:          .75rem !default;\n$custom-select-height:              $input-height !default;\n$custom-select-indicator-padding:   1rem !default; // Extra padding to account for the presence of the background-image based indicator\n$custom-select-line-height:         $input-btn-line-height !default;\n$custom-select-color:               $input-color !default;\n$custom-select-disabled-color:      $gray-600 !default;\n$custom-select-bg:                  $white !default;\n$custom-select-disabled-bg:         $gray-200 !default;\n$custom-select-bg-size:             8px 10px !default; // In pixels because image dimensions\n$custom-select-indicator-color:     $black !default;\n$custom-select-indicator:           str-replace(url(\"data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='#{$custom-select-indicator-color}' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E\"), \"#\", \"%23\") !default;\n$custom-select-border-width:        $input-btn-border-width !default;\n$custom-select-border-color:        $input-border-color !default;\n$custom-select-border-radius:       $border-radius !default;\n\n$custom-select-focus-border-color:  $input-focus-border-color !default;\n$custom-select-focus-box-shadow:    inset 0 1px 2px rgba($black, .075), 0 0 5px rgba($custom-select-focus-border-color, .5) !default;\n\n$custom-select-font-size-sm:        75% !default;\n$custom-select-height-sm:           $input-height-sm !default;\n\n$custom-select-font-size-lg:        125% !default;\n$custom-select-height-lg:           $input-height-lg !default;\n\n$custom-file-height:                $input-height !default;\n$custom-file-focus-border-color:    $input-focus-border-color !default;\n$custom-file-focus-box-shadow:      $input-btn-focus-box-shadow !default;\n\n$custom-file-padding-y:             $input-btn-padding-y !default;\n$custom-file-padding-x:             $input-btn-padding-x !default;\n$custom-file-line-height:           $input-btn-line-height !default;\n$custom-file-color:                 $input-color !default;\n$custom-file-bg:                    $input-bg !default;\n$custom-file-border-width:          $input-btn-border-width !default;\n$custom-file-border-color:          $input-border-color !default;\n$custom-file-border-radius:         $input-border-radius !default;\n$custom-file-box-shadow:            $input-box-shadow !default;\n$custom-file-button-color:          $custom-file-color !default;\n$custom-file-button-bg:             $input-group-addon-bg !default;\n$custom-file-text: (\n  en: \"Browse\"\n) !default;\n\n\n// Form validation\n$form-feedback-margin-top:          $form-text-margin-top !default;\n$form-feedback-font-size:           $small-font-size !default;\n$form-feedback-valid-color:         theme-color(\"success\") !default;\n$form-feedback-invalid-color:       theme-color(\"danger\") !default;\n\n\n// Dropdowns\n//\n// Dropdown menu container and contents.\n\n$dropdown-min-width:                10rem !default;\n$dropdown-padding-y:                .5rem !default;\n$dropdown-spacer:                   .125rem !default;\n$dropdown-bg:                       $white !default;\n$dropdown-border-color:             rgba($black, .15) !default;\n$dropdown-border-radius:            $border-radius !default;\n$dropdown-border-width:             $border-width !default;\n$dropdown-divider-bg:               $gray-200 !default;\n$dropdown-box-shadow:               0 .5rem 1rem rgba($black, .175) !default;\n\n$dropdown-link-color:               $black !default;\n$dropdown-link-hover-color:         darken($black, 5%) !default;\n$dropdown-link-hover-bg:            $gray-100 !default;\n\n$dropdown-link-active-color:        $component-active-color !default;\n$dropdown-link-active-bg:           $component-active-bg !default;\n\n$dropdown-link-disabled-color:      $gray-600 !default;\n\n$dropdown-item-padding-y:           .25rem !default;\n$dropdown-item-padding-x:           1.5rem !default;\n\n$dropdown-header-color:             $gray-600 !default;\n\n\n// Z-index master list\n//\n// Warning: Avoid customizing these values. They're used for a bird's eye view\n// of components dependent on the z-axis and are designed to all work together.\n\n$zindex-background:                 -1 !default;\n$zindex-0:                          0 !default;\n$zindex-1:                          1 !default;\n$zindex-5:                          5 !default;\n$zindex-10:                         10 !default;\n$zindex-breadcrumbs:                110 !default;\n$zindex-search-mobile:              120 !default;\n$zindex-dropdown:                   1000 !default;\n$zindex-sticky:                     1020 !default;\n$zindex-fixed:                      1030 !default;\n$zindex-modal-backdrop:             1040 !default;\n$zindex-modal:                      1050 !default;\n$zindex-popover:                    1060 !default;\n$zindex-tooltip:                    1070 !default;\n$zindex-nav-overlay:                1100 !default;\n$zindex-nav:                        1110 !default;\n$zindex-toggle:                     1120 !default;\n$zindex-gallery-opened:             1120 !default;\n$zindex-mobile-lang:                1140 !default;\n$zindex-access-nav:                 3003 !default;\n$zindex-cookie-consent:             4004 !default;\n\n// Navs\n\n$nav-link-padding-y:                .5rem !default;\n$nav-link-padding-x:                1rem !default;\n$nav-link-disabled-color:           $gray-600 !default;\n\n$nav-tabs-border-color:             $gray-200 !default;\n$nav-tabs-border-width:             $border-width !default;\n$nav-tabs-border-radius:            $border-radius !default;\n$nav-tabs-link-hover-border-color:  $nav-tabs-border-color !default;\n$nav-tabs-link-active-color:        $gray-600 !default;\n$nav-tabs-link-active-bg:           $body-bg !default;\n$nav-tabs-link-active-border-color: $nav-tabs-border-color $nav-tabs-border-color $nav-tabs-link-active-bg !default;\n\n$nav-pills-border-radius:           $border-radius !default;\n$nav-pills-link-active-color:       $component-active-color !default;\n$nav-pills-link-active-bg:          $component-active-bg !default;\n\n// Navbar\n\n$navbar-padding-y:                  math.div($spacer, 2) !default;\n$navbar-padding-x:                  $spacer !default;\n\n$navbar-nav-link-padding-x:         .5rem !default;\n\n$navbar-brand-font-size:            $font-size-lg !default;\n// Compute the navbar-brand padding-y so the navbar-brand will have the same height as navbar-text and nav-link\n$nav-link-height:                   ($font-size-base * $line-height-base + $nav-link-padding-y * 2) !default;\n$navbar-brand-height:               $navbar-brand-font-size * $line-height-base !default;\n$navbar-brand-padding-y:            math.div($nav-link-height - $navbar-brand-height, 2) !default;\n\n$navbar-toggler-padding-y:          .25rem !default;\n$navbar-toggler-padding-x:          .75rem !default;\n$navbar-toggler-font-size:          $font-size-lg !default;\n$navbar-toggler-border-radius:      $btn-border-radius !default;\n\n$navbar-dark-color:                 rgba($white, .5) !default;\n$navbar-dark-hover-color:           rgba($white, .75) !default;\n$navbar-dark-active-color:          $white !default;\n$navbar-dark-disabled-color:        rgba($white, .25) !default;\n$navbar-dark-toggler-icon-bg:       str-replace(url(\"data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='#{$navbar-dark-color}' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E\"), \"#\", \"%23\") !default;\n$navbar-dark-toggler-border-color:  rgba($white, .1) !default;\n\n$navbar-light-color:                rgba($black, .5) !default;\n$navbar-light-hover-color:          rgba($black, .7) !default;\n$navbar-light-active-color:         rgba($black, .9) !default;\n$navbar-light-disabled-color:       rgba($black, .3) !default;\n$navbar-light-toggler-icon-bg:      str-replace(url(\"data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='#{$navbar-light-color}' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E\"), \"#\", \"%23\") !default;\n$navbar-light-toggler-border-color: rgba($black, .1) !default;\n\n// Pagination\n\n$pagination-padding-y:              .5rem !default;\n$pagination-padding-x:              .25rem !default;\n$pagination-padding-y-sm:           .25rem !default;\n$pagination-padding-x-sm:           .25rem !default;\n$pagination-padding-y-lg:           .75rem !default;\n$pagination-padding-x-lg:           .25rem !default;\n$pagination-line-height:            1.25 !default;\n\n$pagination-color:                  theme-color('primary') !default;\n$pagination-bg:                     $white !default;\n$pagination-border-width:           $border-width !default;\n$pagination-border-color:           $gray-200 !default;\n\n$pagination-focus-box-shadow:       $input-btn-focus-box-shadow !default;\n\n$pagination-hover-color:            $link-hover-color !default;\n$pagination-hover-bg:               $pagination-bg !default;\n$pagination-hover-border-color:     $gray-600 !default;\n\n$pagination-active-color:           $gray-600 !default;\n$pagination-active-bg:              $gray-100 !default;\n$pagination-active-border-color:    $pagination-active-bg !default;\n\n$pagination-disabled-color:         $gray-200 !default;\n$pagination-disabled-bg:            $white !default;\n$pagination-disabled-border-color:  $gray-300 !default;\n\n\n// Jumbotron\n\n$jumbotron-padding:                 2rem !default;\n$jumbotron-bg:                      $gray-200 !default;\n\n\n// Cards\n\n$card-spacer-y:                     0.9rem !default;\n$card-spacer-x:                     1.35rem !default;\n$card-border-width:                 $border-width !default;\n$card-border-radius:                $border-radius !default;\n$card-border-color:                 $gray-200 !default;\n$card-inner-border-radius:          calc(#{$card-border-radius} - #{$card-border-width}) !default;\n$card-cap-bg:                       transparent !default;\n$card-bg:                           $white !default;\n\n$card-img-overlay-padding:          $card-spacer-x !default;\n\n$card-group-margin:                 math.div($grid-gutter-width, 2) !default;\n$card-deck-margin:                  $card-group-margin !default;\n\n$card-columns-count:                3 !default;\n$card-columns-gap:                  1.25rem !default;\n$card-columns-margin:               $card-spacer-y !default;\n\n\n// Tooltips\n\n$tooltip-font-size:           $font-size-sm !default;\n$tooltip-max-width:           200px !default;\n$tooltip-color:               $white !default;\n$tooltip-bg:                  $black !default;\n$tooltip-border-radius:        $border-radius !default;\n$tooltip-opacity:             .9 !default;\n$tooltip-padding-y:           .25rem !default;\n$tooltip-padding-x:           .5rem !default;\n$tooltip-margin:              0 !default;\n\n$tooltip-arrow-width:         .8rem !default;\n$tooltip-arrow-height:        .4rem !default;\n$tooltip-arrow-color:         $tooltip-bg !default;\n\n\n// Popovers\n\n$popover-font-size:                 $font-size-sm !default;\n$popover-bg:                        $white !default;\n$popover-max-width:                 296px !default;\n$popover-border-width:              $border-width !default;\n$popover-border-color:              $gray-200 !default;\n$popover-border-radius:             0 !default;\n$popover-box-shadow:                none !default;\n\n$popover-header-bg:                 darken($popover-bg, 3%) !default;\n$popover-header-color:              $gray-600 !default;\n$popover-header-padding-y:          math.div($grid-gutter-width, 2) !default;\n$popover-header-padding-x:          math.div($grid-gutter-width, 2) !default;\n\n$popover-body-color:                $body-color !default;\n$popover-body-padding-y:            $popover-header-padding-y !default;\n$popover-body-padding-x:            $popover-header-padding-x !default;\n\n$popover-arrow-width:               10px !default;\n$popover-arrow-height:              10px !default;\n$popover-arrow-color:               $popover-bg !default;\n\n$popover-arrow-outer-color:         $popover-border-color !default;\n\n\n// Badges\n\n$badge-font-size:                   75% !default;\n$badge-font-weight:                 $font-weight-bold !default;\n$badge-padding-y:                   .25em !default;\n$badge-padding-x:                   .4em !default;\n$badge-border-radius:               $border-radius !default;\n\n$badge-pill-padding-x:              .6em !default;\n// Use a higher than normal value to ensure completely rounded edges when\n// customizing padding or font-size on labels.\n$badge-pill-border-radius:          10rem !default;\n\n\n// Modals\n\n// Padding applied to the modal body\n$modal-inner-padding:         1rem !default;\n\n$modal-dialog-margin:         .5rem !default;\n$modal-dialog-margin-y-sm-up: 1.75rem !default;\n\n$modal-title-line-height:           $line-height-base !default;\n\n$modal-content-bg:               $white !default;\n$modal-content-border-color:     rgba($black, .2) !default;\n$modal-content-border-width:     $border-width !default;\n$modal-content-box-shadow-xs:    0 .25rem .5rem rgba($black, .5) !default;\n$modal-content-box-shadow-sm-up: 0 .5rem 1rem rgba($black, .5) !default;\n\n$modal-backdrop-bg:           $black !default;\n$modal-backdrop-opacity:      .5 !default;\n$modal-header-border-color:   $gray-200 !default;\n$modal-footer-border-color:   $modal-header-border-color !default;\n$modal-header-border-width:   $modal-content-border-width !default;\n$modal-footer-border-width:   $modal-header-border-width !default;\n$modal-header-padding:        1rem !default;\n\n$modal-lg:                          800px !default;\n$modal-md:                          500px !default;\n$modal-sm:                          300px !default;\n\n$modal-transition:                  transform .3s ease-out !default;\n\n\n// Alerts\n//\n// Define alert colors, border radius, and padding.\n\n$alert-padding-y:                   0.4rem !default;\n$alert-padding-x:                   0.6rem !default;\n$alert-margin-bottom:               1rem !default;\n$alert-border-radius:               0 !default;\n$alert-link-font-weight:            $font-weight-bold !default;\n$alert-border-width:                $border-width !default;\n\n$alert-bg-level:                    -10 !default;\n$alert-border-level:                -9 !default;\n$alert-color-level:                 6 !default;\n\n\n// Progress bars\n\n$progress-height:                   1rem !default;\n$progress-font-size:                ($font-size-base * .75) !default;\n$progress-bg:                       $gray-200 !default;\n$progress-border-radius:            $border-radius !default;\n$progress-box-shadow:               inset 0 .1rem .1rem rgba($black, .1) !default;\n$progress-bar-color:                $white !default;\n$progress-bar-bg:                   theme-color(\"primary\") !default;\n$progress-bar-animation-timing:     1s linear infinite !default;\n$progress-bar-transition:           width .6s ease !default;\n\n// List group\n\n$list-group-bg:                     $white !default;\n$list-group-border-color:           rgba($black, .125) !default;\n$list-group-border-width:           $border-width !default;\n$list-group-border-radius:          0 !default;\n\n$list-group-item-padding-y:         .75rem !default;\n$list-group-item-padding-x:         1.25rem !default;\n\n$list-group-hover-bg:               $gray-100 !default;\n$list-group-active-color:           $component-active-color !default;\n$list-group-active-bg:              $component-active-bg !default;\n$list-group-active-border-color:    $list-group-active-bg !default;\n\n$list-group-disabled-color:         $gray-600 !default;\n$list-group-disabled-bg:            $list-group-bg !default;\n\n$list-group-action-color:           $gray-600 !default;\n$list-group-action-hover-color:     $list-group-action-color !default;\n\n$list-group-action-active-color:    $body-color !default;\n$list-group-action-active-bg:       $gray-200 !default;\n\n\n// Image thumbnails\n\n$thumbnail-padding:                 .25rem !default;\n$thumbnail-bg:                      $body-bg !default;\n$thumbnail-border-width:            $border-width !default;\n$thumbnail-border-color:            $gray-300 !default;\n$thumbnail-border-radius:           $border-radius !default;\n$thumbnail-box-shadow:              0 1px 2px rgba($black, .075) !default;\n\n\n// Figures\n\n$figure-caption-font-size:          $font-size-sm !default;\n$figure-caption-color:              $gray-600 !default;\n\n\n// Breadcrumbs\n\n$breadcrumb-padding-y:              .75rem !default;\n$breadcrumb-padding-x:              1rem !default;\n$breadcrumb-item-padding:           .5rem !default;\n\n$breadcrumb-margin-bottom:          1rem !default;\n\n$breadcrumb-bg:                     $gray-200 !default;\n$breadcrumb-divider-color:          $gray-600 !default;\n$breadcrumb-active-color:           $gray-600 !default;\n$breadcrumb-divider:                \"/\" !default;\n\n\n// Carousel\n\n$carousel-control-color:            $white !default;\n$carousel-control-width:            15% !default;\n$carousel-control-opacity:          .5 !default;\n\n$carousel-indicator-width:          30px !default;\n$carousel-indicator-height:         3px !default;\n$carousel-indicator-spacer:         3px !default;\n$carousel-indicator-active-bg:      $white !default;\n\n$carousel-caption-width:            70% !default;\n$carousel-caption-color:            $white !default;\n\n$carousel-control-icon-width:       20px !default;\n\n$carousel-control-prev-icon-bg:     str-replace(url(\"data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='#{$carousel-control-color}' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E\"), \"#\", \"%23\") !default;\n$carousel-control-next-icon-bg:     str-replace(url(\"data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='#{$carousel-control-color}' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E\"), \"#\", \"%23\") !default;\n\n$carousel-transition:               transform .6s ease !default;\n\n\n// Close\n\n$close-font-size:                   $font-size-base * 2 !default;\n$close-font-weight:                 $font-weight-light !default;\n$close-color:                       $gray-600 !default;\n$close-text-shadow:                 0 1px 0 $white !default;\n\n// Code\n\n$code-font-size:                    87.5% !default;\n$code-color:                        $red !default;\n\n$kbd-padding-y:                     .2rem !default;\n$kbd-padding-x:                     .4rem !default;\n$kbd-font-size:                     $code-font-size !default;\n$kbd-color:                         $white !default;\n$kbd-bg:                            $black !default;\n\n$pre-color:                         $black !default;\n$pre-scrollable-max-height:         340px !default;\n\n\n// Printing\n$print-page-size:                   a3 !default;\n$print-body-min-width:              map-get($grid-breakpoints, \"lg\") !default;\n"],"names":[],"sourceRoot":""}
+{"version":3,"file":"css/reader.min.css","mappings":"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","sources":["webpack://epfl-elements/./reader/components/ColorTable/ColorTable.scss","webpack://epfl-elements/./reader/variables.scss","webpack://epfl-elements/./reader/views/Colors/Colors.scss","webpack://epfl-elements/./reader/components/SidebarItem/SidebarItem.scss","webpack://epfl-elements/./reader/components/Sidebar/Sidebar.scss","webpack://epfl-elements/./reader/components/Item/Item.scss","webpack://epfl-elements/./reader/views/Single/Single.scss","webpack://epfl-elements/./reader/components/Icon/Icon.scss","webpack://epfl-elements/./reader/components/Toolbar/Toolbar.scss","webpack://epfl-elements/./reader/components/App/App.scss","webpack://epfl-elements/./reader/reader.scss","webpack://epfl-elements/./assets/config/bootstrap-variables.scss"],"sourcesContent":["@import '../../variables';\n\n.tlbx-table-wrapper {\n  max-width: 100%;\n  overflow-x: auto;\n}\n\n.tlbx-table {\n  width: 100%;\n  border-collapse: collapse;\n\n  td,\n  th {\n    border-top: 1px solid $alto;\n    padding: 0.75em;\n  }\n\n  thead th {\n    border-bottom: 4px solid $alto;\n    vertical-align: bottom;\n\n    .tblx-muted {\n      display: inline-block;\n      line-height: 1.1em;\n    }\n  }\n\n  th,\n  td:not([scope]) {\n    text-align: center;\n    vertical-align:middle;\n  }\n}\n\n.tlbx-contrast-color {\n  display: flex;\n  align-items: center;\n  text-align: left;\n}\n\n.tlbx-contrast-color .tlbx-contrast-color-thumb {\n  margin-right: 10px;\n}\n\n.tlbx-contrast-color-thumb,\n.tlbx-contrast-none {\n  display: inline-flex;\n  width: 40px;\n  height: 40px;\n}\n\n.tlbx-contrast-color-thumb {\n  font-size: 1.2rem;\n  font-weight: bold;\n  align-items: center;\n  justify-content: center;\n}\n\n.tlbx-contrast-none {\n  position: relative;\n  background-color: #eee;\n  overflow: hidden;\n}\n\n.tlbx-contrast-none:after {\n  content: '';\n  position: absolute;\n  top: 1px;\n  bottom: 1px;\n  left: 0;\n  width: 200%;\n  border-width: 40px;\n  border-style: solid;\n  border-color: transparent white;\n}\n\n.tlbx-contrast-text {\n  display: inline-block;\n  width: 100%;\n  font-size: 2rem;\n  font-weight: bold;\n  text-align: center;\n}\n\n.tlbx-color-swatch-color .btn {\n  opacity: 0;\n  transition: opacity 200ms;\n}\n\n.tlbx-color-swatch-color:hover .btn {\n  opacity: 1;\n}\n\n.tblx-muted { opacity: 0.5; }\n\n.custom-controls-stacked {\n  padding: 1em 0;\n  line-height: 2em;\n  label { display: block; }\n}\n\n.custom-control-input + span + span {\n  cursor: pointer;\n  color: $color-primary;\n  &:before { content: \"\\2022  \"; }\n}\n\n.custom-control-input:checked + span + span {\n  color: #000;\n  &:before { content: \"\\25ba  \"; }\n}\n","\n// Colors\n$black: #010a15;\n$white: #f0f0f0;\n$color-primary: #003baf;\n$color-secondary-light: #3474a8;\n$color-secondary-dark: #012f4d;\n$gray-lighter: #f2f2f4;\n$alto: #d8d8d8;\n\n\n$body-color: $black;\n$body-bg: $white;\n$link-color: $color-secondary-light;\n$link-hover-color: $color-secondary-dark;\n\n$toolbar-width: 60px;\n","@import '../../variables';\n\n.tlbx-color-swatch-wrapper {\n  display: flex;\n  flex-wrap: wrap;\n}\n\n.tlbx-color-swatch {\n  flex: 0 0 14%;\n  padding-right: 1.6%;\n  margin: 1em 0;\n  margin-bottom: 2em;\n}\n\n.tlbx-color-swatch-color {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  height: 150px;\n  height: 12vh;\n\n  &:hover .tlbx-color-swatch-btn { opacity: 1; }\n}\n\n.tlbx-color-swatch-btn {\n  display: inline-block;\n  margin: 0 auto;\n  padding: 1em;\n  background: $color-primary;\n  border: none;\n  color: $white;\n  transition: opacity 0.3s;\n  opacity: 0;\n  &:hover { cursor: pointer; }\n}\n\n.tlbx-color-swatch-infos {\n  h5 { margin: 0.5em 0; }\n  h6 {\n    text-transform: uppercase;\n    margin: 0.5em 0;\n  }\n}\n","@import '../../variables';\n\n.tlbx-sidebar-item {\n  display: flex;\n  width: 100%;\n  margin: 0 0 0.5rem 0;\n  background: none;\n  border: 0;\n  font-size: 1rem;\n  padding-right: 1rem;\n  padding-left: 1rem;\n  cursor: pointer;\n  text-transform: capitalize;\n\n  &:hover {\n    color: $link-hover-color;\n  }\n\n  &:focus,\n  &:active {\n    outline: none;\n    box-shadow: none;\n  }\n\n  &:after {\n    content: '';\n    display: block;\n    width: 0;\n    height: 0;\n    font-size: 0;\n    line-height: 0;\n    align-self: center;\n    margin-left: auto;\n    margin-right: 1rem;\n    border-left: 5px solid transparent;\n    border-right: 5px solid transparent;\n    border-top: 5px solid $link-color;\n  }\n\n  .tlbx-open & {\n    &:after {\n      transform: rotate(180deg);\n    }\n  }\n}\n\n.tlbx-sidebar-collapse {\n  transition: height 250ms cubic-bezier(.4, 0, .2, 1);\n}\n\n.tlbx-sidebar-item-list {\n  margin-top: 0;\n  list-style: none;\n  padding: 0;\n\n  strong,\n  em { padding-left: 2rem; }\n\n  a {\n    display: block;\n    position: relative;\n    padding: 0.25rem 0.5rem 0.25rem;\n    padding-left: 2rem;\n    color: $body-color;\n    transition: color 250ms ease;\n\n    &:before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      height: 100%;\n      border-left: 0 solid $link-color;\n      transition: border-width 100ms ease;\n    }\n\n    &.active,\n    &:hover {\n      color: $link-color;\n      text-decoration: none;\n\n      &:before {\n        border-left-width: 4px;\n      }\n    }\n\n    &.active {\n      font-weight: bold;\n    }\n\n  }\n\n  li { padding: 0; }\n\n  ul a,\n  ul strong,\n  ul em { padding-left: 3rem; }\n  ul ul a,\n  ul ul strong,\n  ul ul em { padding-left: 4rem; }\n  ul ul ul a,\n  ul ul ul strong,\n  ul ul ul em { padding-left: 5rem; }\n}\n\n.tlbx-sidebar-item-list-empty {\n  display: block;\n  margin-left: 1rem;\n}\n","@import '../../variables';\n\n.tlbx-sidebar {\n  padding: 1em 0;\n\n  a {\n    color: $body-color;\n    text-decoration: none;\n    border-bottom: none;\n  }\n\n  @media only screen and (max-width: 767px) {\n    margin-bottom: 3rem;\n  }\n}\n\n.tlbx-sidebar-title {\n  margin: 0 1rem;\n  font-size: 1rem;\n  margin-top: 0.5rem;\n\n  span {\n    font-weight: 200;\n  }\n}\n\n.tlbx-sidebar-version {\n  margin: 0.5rem 1rem;\n  margin-bottom: 1.5rem;\n  font-size: 0.8rem;\n  font-weight: 200;\n}\n","@import '../../variables';\n\n.tlbx-item-preview {\n  position: relative;\n\n  .tlbx-item & {\n    padding: 1.5rem;\n    border: 2px solid $gray-lighter;\n  }\n}\n\n.tlbx-item-code {\n  margin-top: 0;\n\n  pre {\n    margin-top: 0;\n    max-height: 80vh;\n\n    code { font-family: Monaco, monospace; }\n    .react-syntax-highlighter-line-number { line-height: 1.47em; }\n  }\n}\n\n.tlbx-actions {\n  display: flex;\n  justify-content: flex-end;\n  margin-bottom: -0.8rem;\n}\n\n.tlbx-actions-link {\n  position: relative;\n  padding: 0 0.5em;\n  border: 1px solid $link-color;\n  font-size: 12px;\n  color: $link-color;\n  z-index: 1;\n  background-color: #fff;\n  border-radius: 3px;\n  text-decoration: none;\n\n  &:hover {\n    color: $link-hover-color;\n    border-color: $link-hover-color;\n    text-decoration: none;\n  }\n}\n\n.tlbx-hidden {\n  display: none;\n}\n","@import '../../variables';\n\n.tlbx-notes {\n  max-width: 700px;\n  line-height: 1.55em;\n}\n\n.tlbx-single-full {\n  min-height: 100vh;\n\n  .tlbx-item-preview {\n    border: 0;\n  }\n\n  .tlbx-single-full-intro h1 {\n    margin: 0;\n    font-size: 1rem;\n  }\n}\n\n.tlbx-single-full-intro {\n  padding: 1rem;\n  background-color: $gray-lighter;\n}\n\n.tlbx-variant-heading {\n  margin-top: 1.2em;\n}\n","@import '../../variables';\n\n$icon-size-base: 1em;\n\n.tblx-icon {\n  display: inline-flex;\n  position: relative;\n  top: 0.1em;\n  width: $icon-size-base;\n  height: $icon-size-base;\n  font-size: 1em;\n  line-height: 1em;\n  color: inherit;\n  transition: transform 0.2s;\n  align-self: center;\n  fill: currentColor;\n}\n","@import '../../variables';\n\n.tlbx-toolbar {\n  display: flex;\n  flex-direction: column;\n  max-width: 100%;\n  justify-content: space-between;\n\n  @media only screen and (max-width: 767px) {\n    flex-direction: row;\n    justify-content: flex-end;\n  }\n}\n\n.tlbx-toolbar-btn {\n  display: inline-flex;\n  width: $toolbar-width - 10px;\n  height: 50px;\n  background: none;\n  border: none;\n  font-size: 1.4em;\n  font-weight: 900;\n  color: #fff;\n  align-items: center;\n  justify-content: center;\n  opacity: 1;\n\n  &:hover { cursor: pointer; }\n\n  &:focus,\n  &:active {\n    outline: none;\n    box-shadow: none;\n  }\n\n  &.tlbx-active { opacity: 0.5; }\n\n  @media only screen and (max-width: 767px) {\n    padding: 0;\n    font-size: 20px;\n    &.tlbx-brand { margin-right: auto; }\n  }\n}\n\n.tlbx-toolbar-toggle-menu {\n  display: none;\n\n  @media only screen and (max-width: 767px) {\n    display: flex;\n  }\n}\n","@import '../../variables';\n\nbody {\n  margin: 0;\n  padding: 0;\n}\n\n.tlbx-h2 { text-align: center; }\n\n.styleguide {\n  display: grid;\n  grid-template-columns: $toolbar-width 240px 1fr;\n  min-height: 100vh;\n  max-width: 100%;\n  font-family: inherit, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif;\n  color: inherit;\n\n  @media only screen and (max-width: 767px) {\n    display: block;\n    overflow: hidden;\n  }\n}\n\n.tlbx-toolbar-wrapper {\n  display: flex;\n  flex: 0 0 $toolbar-width;\n  position: fixed;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  width: $toolbar-width;\n  padding: 5px;\n  color: white;\n\n  flex-direction: column;\n\n  z-index: 999;\n  box-sizing: border-box;\n  grid-column: 1;\n  background-color: $color-primary;\n\n  @media only screen and (max-width: 767px) {\n    bottom: auto;\n    width: 100%;\n  }\n}\n\n.tlbx-sidebar-wrapper {\n  flex: 0 0 240px;\n  grid-column: 2;\n  background-color: $gray-lighter;\n\n  @media only screen and (max-width: 767px) {\n    position: fixed;\n    top: $toolbar-width;\n    right: 0;\n    bottom: 0;\n    transform: translateX(100%);\n    transition: transform 0.3s;\n    z-index: 998;\n    overflow-y: auto;\n    min-height: 100vh;\n    max-width: 240px;\n    box-shadow: -3px 0 20px 0 rgba(0, 0, 0, 0.3);\n    &.tlbx-sidebar-open { transform: translateX(0); }\n  }\n}\n\n.tlbx-content-wrapper {\n  flex: 1 1 auto;\n  grid-column: 3;\n  align-self: start;\n  overflow: hidden;\n\n  @media only screen and (max-width: 767px) {\n    padding-top: $toolbar-width;\n    box-sizing: border-box;\n    width: 100%;\n  }\n}\n\n.tlbx-content {\n  padding: 1.2rem 2rem;\n}\n\n.tlbx-notes,\n.tlbx-doc-markdown-wrapper {\n  table {\n    max-width: 100%;\n    margin-bottom: 1rem;\n  }\n\n  table th,\n  table td {\n    padding: .75rem;\n    border-top: 1px solid #dee2e6;\n  }\n\n  table thead th {\n    vertical-align: bottom;\n    border-bottom: 2px solid #dee2e6;\n  }\n}\n","@charset 'utf-8';\n\n@use 'sass:map';\n@import 'variables';\n@import 'bootstrap/scss/functions';\n// Import the main theme's Bootstrap config:\n@import '../assets/config/bootstrap-variables';\n\n.styleguide {\n  font-family: $font-family-base;\n}\n\n.tlbx-toolbar-wrapper {\n  position: static;\n\n  @media screen and (min-width: 768px) {\n    position: fixed;\n  }\n}\n\n\n.tlbx-doc-markdown-wrapper {\n  max-width: map.get($container-max-widths, 'md');\n  margin: 0 auto;\n}\n\n@media screen and (min-width: 768px) {\n  .tlbx-toolbar {\n    position: fixed;\n  }\n\n  .tlbx-sidebar {\n    position: fixed;\n    max-height: 100vh;\n    overflow-y: scroll;\n    width: 240px;\n  }\n}\n\n.tlbx-item-preview {\n  overflow: hidden;\n}\n\n/*  Dropdown and multi select needs `overflow: visible` to allow it to\n    escape its container. */\n.tlbx-item-preview.tlbx-element-dropdown,\n.tlbx-item-preview.tlbx-element-select-multiple,\n.tlbx-item-preview.tlbx-element-breadcrumb-dropdown {\n  overflow: visible;\n}\n\n.tlbx-sidebar button.tlbx-sidebar-item {\n  &:focus,\n  &:focus-visible {\n    outline: revert !important;\n  }\n}\n\n\n.tlbx-sidebar-item-list {\n  margin-left: 0;\n  padding: 0;\n\n  a {\n    padding: 0.25rem 0.5rem;\n    padding-left: 2rem;\n    background: none !important;\n    border-bottom: none !important;\n    box-shadow: none !important;\n    &.active { color: $red !important; }\n  }\n\n  li:before { content: none; }\n}\n\n.tlbx-item-preview.tlbx-picture img { width: auto; }\n.tlbx-item-preview.tlbx-component-popover .popover { position: static; }\n\n.tlbx-event-teaser-event-teaser-large {\n  .event-teaser {\n    max-width: 800px;\n  }\n}\n\n#styleguide .tlbx-sidebar-item-list li {\n  a {\n    position: relative;\n    z-index: $zindex-1;\n\n    &:before {\n      content: none;\n    }\n\n    &:after {\n      content: ' ';\n      position: absolute;\n      z-index: $zindex-background;\n      top: 0;\n      right: 0;\n      bottom: 0;\n      left: 0;\n      background: #e0e0e0;\n      border: none;\n      transform: scaleX(0);\n      transform-origin: 0 50%;\n      transition: none;\n    }\n  }\n\n  a:focus,\n  a.active,\n  a:active {\n    font-weight: normal !important;\n\n    &:after {\n      transform: scaleX(1);\n      transition: 0.4s ease-out;\n    }\n  }\n}\n\n.tlbx-notes {\n  code {\n    padding: 0.05em 0.1em;\n    border-radius: 2px;\n    background-color: rgba($red, 0.3);\n    border: 1px solid rgba($red, 0.3);\n  }\n}\n\n.tlbx-item-code {\n  pre code {\n    display: flex;\n    flex-direction: column;\n\n    > span {\n      &:hover {\n        background-color: rgba($white, 0.05);\n      }\n    }\n  }\n}\n\n.tlbx-component-access-nav {\n  position: relative;\n  padding-bottom: 45px;\n\n  &:after {\n    content: 'Focus here and press <Tab>.';\n    color: $text-muted;\n  }\n\n  .access-nav {\n    position: static;\n\n    li a {\n      position: absolute;\n    }\n  }\n}\n\n.tlbx-component-nav-toggle-mobile {\n  .nav-toggle-mobile {\n    display: flex !important;\n    margin-left: 0;\n  }\n}\n\n.tlbx-component-search {\n  .d-lg-none {\n    display: block !important;\n  }\n}\n\n.tlbx-component-nav {\n  min-height: 250px;\n  padding: 0;\n\n  .nav-toggle .nav-main {\n    position: absolute;\n  }\n\n  @media (min-width: 1200px) {\n    .desktop-menu-open .nav-toggle .nav-main {\n      left: 20px;\n    }\n  }\n}\n","// Variables\n//\n// Variables should follow the `$component-state-property-size` formula for\n// consistent naming. Ex: $nav-link-disabled-color and $modal-content-box-shadow-xs.\n\n@use 'sass:math';\n\n//\n// Color system\n//\n\n// stylelint-disable\n$white:    #fff !default;\n$gray-100: #e6e6e6 !default;\n$gray-200: #d5d5d5 !default;\n$gray-300: #c1c1c1 !default;\n$gray-500: #8e8e8e !default;\n$gray-600: #707070 !default;\n$black:    #212121 !default;\n\n$grays: () !default;\n$grays: map-merge((\n  \"100\": $gray-100,\n  \"200\": $gray-200,\n  \"300\": $gray-300,\n  \"600\": $gray-600,\n), $grays);\n\n$blue:    #4a90e2!default;\n$red:     #ff0000 !default;\n$red-dark:#b51f1f !default;\n$orange:  #f5a623 !default;\n$green:   #7ed321 !default;\n\n$green-text: #699b32;\n\n$colors: () !default;\n$colors: map-merge((\n  \"blue\":       $blue,\n  \"red\":        $red,\n  \"orange\":     $orange,\n  \"green\":      $green,\n  \"white\":      $white\n), $colors);\n\n$primary:       $red !default;\n$secondary:     $white !default;\n$success:       $green !default;\n$info:          $blue !default;\n$warning:       $orange !default;\n$danger:        $red !default;\n$light:         $gray-100 !default;\n$dark:          $black !default;\n\n$theme-colors: () !default;\n$theme-colors: map-merge((\n  \"primary\":    $primary,\n  \"secondary\":  $secondary,\n  \"success\":    $success,\n  \"info\":       $info,\n  \"warning\":    $warning,\n  \"danger\":     $danger,\n  \"light\":      $light,\n  \"dark\":       $dark\n), $theme-colors);\n// stylelint-enable\n\n// Set a specific jump point for requesting color jumps\n$theme-color-interval:      8% !default;\n\n// The yiq lightness value that determines when the lightness of color changes from \"dark\" to \"light\". Acceptable values are between 0 and 255.\n$yiq-contrasted-threshold: 150 !default;\n\n// Customize the light and dark text colors for use in our YIQ color contrast function.\n$yiq-text-dark: $black !default;\n$yiq-text-light: $white !default;\n\n// Options\n//\n// Quickly modify global styling by enabling or disabling optional features.\n\n$enable-caret:              true !default;\n$enable-rounded:            true !default;\n$enable-shadows:            false !default;\n$enable-gradients:          false !default;\n$enable-transitions:        true !default;\n$enable-hover-media-query:  false !default; // Deprecated, no longer affects any compiled CSS\n$enable-grid-classes:       true !default;\n$enable-print-styles:       true !default;\n\n\n// Spacing\n//\n// Control the default styling of most Bootstrap elements by modifying these\n// variables. Mostly focused on spacing.\n// You can add more entries to the $spacers map, should you need more variation.\n\n// stylelint-disable\n$spacer: 1rem !default;\n$spacers: () !default;\n$spacers: map-merge((\n  0: 0,\n  1: ($spacer * .25),\n  2: ($spacer * .5),\n  3: $spacer,\n  4: ($spacer * 1.5),\n  5: ($spacer * 3),\n  gutter: 16px, // == $grid-gutter-width\n  6: ($spacer * 6),\n), $spacers);\n\n// This variable affects the `.h-*` and `.w-*` classes.\n$sizes: () !default;\n$sizes: map-merge((\n  25: 25%,\n  50: 50%,\n  75: 75%,\n  100: 100%\n), $sizes);\n// stylelint-enable\n\n// Body\n//\n// Settings for the `<body>` element.\n\n$body-bg:                   $white !default;\n$body-color:                $black !default;\n\n// Links\n//\n// Style anchor elements.\n\n$link-color:                $body-color !default;\n$link-decoration:           underline !default;\n$link-hover-color:          theme-color('primary') !default;\n$link-hover-decoration:     underline !default;\n\n// Paragraphs\n//\n// Style p element.\n\n$paragraph-margin-bottom:   1rem !default;\n\n\n// Grid breakpoints\n//\n// Define the minimum dimensions at which your layout will change,\n// adapting to different screen sizes, for use in media queries.\n\n$grid-breakpoints: (\n  xs: 0,\n  sm: 576px,\n  md: 768px,\n  lg: 992px,\n  xl: 1200px,\n  xxl: 1600px,\n) !default;\n\n@include _assert-ascending($grid-breakpoints, \"$grid-breakpoints\");\n@include _assert-starts-at-zero($grid-breakpoints);\n\n\n// Grid containers\n//\n// Define the maximum width of `.container` for different screen sizes.\n\n$container-max-widths: (\n  sm: 540px,\n  md: 720px,\n  lg: 960px,\n  xl: 1140px\n) !default;\n\n@include _assert-ascending($container-max-widths, \"$container-max-widths\");\n\n\n// Grid columns\n//\n// Set the number of columns and specify the width of the gutters.\n\n$grid-columns:                12 !default;\n$grid-gutter-width:           32px !default;\n\n// Components\n//\n// Define common padding and border radius sizes and more.\n\n$line-height-lg:              1.5 !default;\n$line-height-sm:              1.5 !default;\n\n$border-width:                1px !default;\n$border-color:                $gray-200 !default;\n\n$border-radius:               2px !default;\n$border-radius-lg:            4px !default;\n$border-radius-sm:            2px !default;\n\n$component-active-color:      $white !default;\n$component-active-bg:         theme-color(\"primary\") !default;\n\n$caret-width:                 .3em !default;\n\n$transition-base:             all .2s ease-in-out !default;\n$transition-fade:             opacity .15s linear !default;\n$transition-collapse:         height .35s ease !default;\n\n\n// Fonts\n//\n// Font, line-height, and color for body text, headings, and more.\n\n// stylelint-disable value-keyword-case\n// official font is Suisse Int'l, but the license only allow to host\n// on a epfl domain, so we set it to Arial, the official fallback\n$font-family-sans-serif:      Arial, sans-serif, !default;\n$font-family-monospace:       monospace !default;\n$font-family-base:            $font-family-sans-serif !default;\n// stylelint-enable value-keyword-case\n\n$font-size-base:              1rem !default; // Assumes the browser default, typically `16px`\n$font-size-lg:                ($font-size-base * 1.25) !default;\n$font-size-sm:                ($font-size-base * .83) !default;\n$font-size-xs:                0.778rem;\n\n$font-weight-light:           300 !default;\n$font-weight-normal:          400 !default;\n$font-weight-bold:            700 !default;\n\n$font-weight-base:            $font-weight-normal !default;\n$line-height-base:            1.5 !default;\n\n$h1-font-size:                $font-size-base * 3 !default;\n$h2-font-size:                $font-size-base * 2.33 !default;\n$h3-font-size:                $font-size-base * 1.78 !default;\n$h4-font-size:                $font-size-base * 1.44 !default;\n$h5-font-size:                $font-size-base * 1.17 !default;\n$h6-font-size:                $font-size-base !default;\n\n$headings-margin-bottom:      math.div($spacer, 2) !default;\n$headings-font-family:        inherit !default;\n$headings-font-weight:        400 !default;\n$headings-line-height:        1.2 !default;\n$headings-color:              inherit !default;\n\n$display1-size:               6rem !default;\n$display2-size:               5.5rem !default;\n$display3-size:               4.5rem !default;\n$display4-size:               3.5rem !default;\n\n$display1-weight:             300 !default;\n$display2-weight:             300 !default;\n$display3-weight:             300 !default;\n$display4-weight:             300 !default;\n$display-line-height:         $headings-line-height !default;\n\n$lead-font-size:              ($font-size-base * 1.28) !default;\n$lead-font-weight:            400 !default;\n\n$small-font-size:             $font-size-sm !default;\n\n$text-muted:                  $gray-600 !default;\n\n$blockquote-small-color:      $gray-600 !default;\n$blockquote-font-size:        ($font-size-base * 1.44) !default;\n\n$hr-border-color:             rgba($black, .1) !default;\n$hr-border-width:             $border-width !default;\n\n$mark-padding:                .2em !default;\n\n$dt-font-weight:              $font-weight-bold !default;\n\n$kbd-box-shadow:              inset 0 -.1rem 0 rgba($black, .25) !default;\n$nested-kbd-font-weight:      $font-weight-bold !default;\n\n$list-inline-padding:         .5rem !default;\n\n$mark-bg:                     transparentize($red, 0.8) !default;\n\n$hr-margin-y:                 $spacer !default;\n\n\n// Tables\n//\n// Customizes the `.table` component with basic values, each used across all table variations.\n\n$table-cell-padding:          .6rem !default;\n$table-cell-padding-sm:       .3rem !default;\n\n$table-bg:                    transparent !default;\n$table-accent-bg:             rgba($black, .05) !default;\n$table-hover-bg:              rgba($black, .075) !default;\n$table-active-bg:             $table-hover-bg !default;\n\n$table-border-width:          $border-width !default;\n$table-border-color:          $gray-200 !default;\n$table-border-color-light:    $gray-100;\n\n$table-head-bg:               lighten($gray-100, 5.49) !default;\n$table-head-color:            $gray-600 !default;\n\n$table-dark-bg:               $black !default;\n$table-dark-accent-bg:        rgba($white, .05) !default;\n$table-dark-hover-bg:         rgba($white, .075) !default;\n$table-dark-border-color:     lighten($black, 7.5%) !default;\n$table-dark-color:            $body-bg !default;\n\n\n// Buttons + Forms\n//\n// Shared variables that are reassigned to `$input-` and `$btn-` specific variables.\n\n$input-btn-padding-y:         .375rem !default;\n$input-btn-padding-x:         .75rem !default;\n$input-btn-line-height:       $line-height-base !default;\n\n$input-btn-focus-width:       .2rem !default;\n$input-btn-focus-color:       rgba($component-active-bg, .25) !default;\n$input-btn-focus-box-shadow:  0 0 0 $input-btn-focus-width $input-btn-focus-color !default;\n\n$input-btn-padding-y-sm:      .35rem !default;\n$input-btn-padding-x-sm:      .7rem !default;\n$input-btn-line-height-sm:    $line-height-sm * 1.05 !default;\n\n$input-btn-padding-y-lg:      .5rem !default;\n$input-btn-padding-x-lg:      1rem !default;\n$input-btn-line-height-lg:    $line-height-lg !default;\n\n$input-btn-border-width:      $border-width !default;\n\n\n// Buttons\n//\n// For each of Bootstrap's buttons, define text, background, and border color.\n\n$btn-padding-y:               0.68rem !default;\n$btn-padding-x:               1.4rem !default;\n$btn-line-height:             $input-btn-line-height !default;\n\n$btn-padding-y-sm:            $input-btn-padding-y-sm !default;\n$btn-padding-x-sm:            $input-btn-padding-x-sm !default;\n$btn-line-height-sm:          $input-btn-line-height-sm !default;\n\n$btn-padding-y-lg:            1rem !default;\n$btn-padding-x-lg:            2rem !default;\n$btn-line-height-lg:          $input-btn-line-height-lg !default;\n\n$btn-border-width:            $input-btn-border-width !default;\n\n$btn-font-weight:             $font-weight-normal !default;\n$btn-box-shadow:              inset 0 1px 0 rgba($white, .15), 0 1px 1px rgba($black, .075) !default;\n$btn-focus-width:             $input-btn-focus-width !default;\n$btn-focus-box-shadow:        $input-btn-focus-box-shadow !default;\n$btn-disabled-opacity:        .65 !default;\n$btn-active-box-shadow:       inset 0 3px 5px rgba($black, .125) !default;\n\n$btn-link-disabled-color:     $gray-600 !default;\n\n$btn-block-spacing-y:         .5rem !default;\n\n// Allows for customizing button radius independently from global border radius\n$btn-border-radius:           $border-radius !default;\n$btn-border-radius-lg:        $border-radius-lg !default;\n$btn-border-radius-sm:        $border-radius-sm !default;\n\n$btn-transition:              color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n\n\n// Forms\n\n$input-padding-y:                       $input-btn-padding-y !default;\n$input-padding-x:                       $input-btn-padding-x !default;\n$input-line-height:                     $input-btn-line-height !default;\n\n$input-padding-y-sm:                    $input-btn-padding-y-sm !default;\n$input-padding-x-sm:                    $input-btn-padding-x-sm !default;\n$input-line-height-sm:                  $input-btn-line-height-sm !default;\n\n$input-padding-y-lg:                    $input-btn-padding-y-lg !default;\n$input-padding-x-lg:                    $input-btn-padding-x-lg !default;\n$input-line-height-lg:                  $input-btn-line-height-lg !default;\n\n$input-bg:                              $white !default;\n$input-disabled-bg:                     $gray-100 !default;\n\n$input-color:                           $black !default;\n$input-border-color:                    $gray-500 !default;\n$input-border-width:                    $input-btn-border-width !default;\n$input-box-shadow:                      inset 0 1px 1px rgba($black, .075) !default;\n\n$input-border-radius:                   $border-radius !default;\n$input-border-radius-lg:                $border-radius-lg !default;\n$input-border-radius-sm:                $border-radius-sm !default;\n\n$input-focus-bg:                        $input-bg !default;\n$input-focus-border-color:              $black !default;\n$input-focus-color:                     $input-color !default;\n$input-focus-width:                     $input-btn-focus-width !default;\n$input-focus-box-shadow:                0 0 0 1px $gray-200 !default;\n\n$input-placeholder-color:               $gray-600 !default;\n\n$input-height-border:                   $input-border-width * 2 !default;\n\n$input-height-inner:                    ($font-size-base * $input-btn-line-height) + ($input-btn-padding-y * 2) !default;\n$input-height:                          calc(#{$input-height-inner} + #{$input-height-border}) !default;\n\n$input-height-inner-sm:                 ($font-size-sm * $input-btn-line-height-sm) + ($input-btn-padding-y-sm * 2) !default;\n$input-height-sm:                       calc(#{$input-height-inner-sm} + #{$input-height-border}) !default;\n\n$input-height-inner-lg:                 ($font-size-lg * $input-btn-line-height-lg) + ($input-btn-padding-y-lg * 2) !default;\n$input-height-lg:                       calc(#{$input-height-inner-lg} + #{$input-height-border}) !default;\n\n$input-transition:                      border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n\n$form-text-margin-top:                  .55rem !default;\n\n$form-check-input-gutter:               1.25rem !default;\n$form-check-input-margin-y:             .3rem !default;\n$form-check-input-margin-x:             .25rem !default;\n\n$form-check-inline-margin-x:            .75rem !default;\n$form-check-inline-input-margin-x:      .3125rem !default;\n\n$form-group-margin-bottom:              1rem !default;\n\n$input-group-addon-color:               $input-color !default;\n$input-group-addon-bg:                  $gray-200 !default;\n$input-group-addon-border-color:        $input-border-color !default;\n\n$custom-control-gutter:                 1.5rem !default;\n$custom-control-spacer-x:               1rem !default;\n\n$custom-control-indicator-size:         1rem !default;\n$custom-control-indicator-bg:           $white !default;\n$custom-control-indicator-bg-size:      50% 50% !default;\n$custom-control-indicator-box-shadow:   inset 0 .25rem .25rem rgba($black, .1) !default;\n\n$custom-control-indicator-disabled-bg:    $gray-200 !default;\n$custom-control-label-disabled-color:     $gray-600 !default;\n\n$custom-control-indicator-checked-color:        $component-active-color !default;\n$custom-control-indicator-checked-bg:           $component-active-bg !default;\n$custom-control-indicator-checked-disabled-bg:  rgba(theme-color(\"primary\"), .5) !default;\n$custom-control-indicator-checked-box-shadow:   none !default;\n\n$custom-control-indicator-focus-box-shadow:     0 0 0 1px $body-bg, $input-btn-focus-box-shadow !default;\n\n$custom-control-indicator-active-color:         $component-active-color !default;\n$custom-control-indicator-active-bg:            lighten($component-active-bg, 35%) !default;\n$custom-control-indicator-active-box-shadow:    none !default;\n\n$custom-checkbox-indicator-border-radius:       $border-radius !default;\n$custom-checkbox-indicator-icon-checked:        str-replace(url(\"data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='#{$custom-control-indicator-checked-color}' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E\"), \"#\", \"%23\") !default;\n\n$custom-checkbox-indicator-indeterminate-bg:    $component-active-bg !default;\n$custom-checkbox-indicator-indeterminate-color: $custom-control-indicator-checked-color !default;\n$custom-checkbox-indicator-icon-indeterminate:  str-replace(url(\"data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='#{$custom-checkbox-indicator-indeterminate-color}' d='M0 2h4'/%3E%3C/svg%3E\"), \"#\", \"%23\") !default;\n$custom-checkbox-indicator-indeterminate-box-shadow: none !default;\n\n$custom-radio-indicator-border-radius:          50% !default;\n$custom-radio-indicator-icon-checked:           str-replace(url(\"data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='#{$custom-control-indicator-checked-color}'/%3E%3C/svg%3E\"), \"#\", \"%23\") !default;\n\n$custom-select-padding-y:           .375rem !default;\n$custom-select-padding-x:          .75rem !default;\n$custom-select-height:              $input-height !default;\n$custom-select-indicator-padding:   1rem !default; // Extra padding to account for the presence of the background-image based indicator\n$custom-select-line-height:         $input-btn-line-height !default;\n$custom-select-color:               $input-color !default;\n$custom-select-disabled-color:      $gray-600 !default;\n$custom-select-bg:                  $white !default;\n$custom-select-disabled-bg:         $gray-200 !default;\n$custom-select-bg-size:             8px 10px !default; // In pixels because image dimensions\n$custom-select-indicator-color:     $black !default;\n$custom-select-indicator:           str-replace(url(\"data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='#{$custom-select-indicator-color}' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E\"), \"#\", \"%23\") !default;\n$custom-select-border-width:        $input-btn-border-width !default;\n$custom-select-border-color:        $input-border-color !default;\n$custom-select-border-radius:       $border-radius !default;\n\n$custom-select-focus-border-color:  $input-focus-border-color !default;\n$custom-select-focus-box-shadow:    inset 0 1px 2px rgba($black, .075), 0 0 5px rgba($custom-select-focus-border-color, .5) !default;\n\n$custom-select-font-size-sm:        75% !default;\n$custom-select-height-sm:           $input-height-sm !default;\n\n$custom-select-font-size-lg:        125% !default;\n$custom-select-height-lg:           $input-height-lg !default;\n\n$custom-file-height:                $input-height !default;\n$custom-file-focus-border-color:    $input-focus-border-color !default;\n$custom-file-focus-box-shadow:      $input-btn-focus-box-shadow !default;\n\n$custom-file-padding-y:             $input-btn-padding-y !default;\n$custom-file-padding-x:             $input-btn-padding-x !default;\n$custom-file-line-height:           $input-btn-line-height !default;\n$custom-file-color:                 $input-color !default;\n$custom-file-bg:                    $input-bg !default;\n$custom-file-border-width:          $input-btn-border-width !default;\n$custom-file-border-color:          $input-border-color !default;\n$custom-file-border-radius:         $input-border-radius !default;\n$custom-file-box-shadow:            $input-box-shadow !default;\n$custom-file-button-color:          $custom-file-color !default;\n$custom-file-button-bg:             $input-group-addon-bg !default;\n$custom-file-text: (\n  en: \"Browse\"\n) !default;\n\n\n// Form validation\n$form-feedback-margin-top:          $form-text-margin-top !default;\n$form-feedback-font-size:           $small-font-size !default;\n$form-feedback-valid-color:         theme-color(\"success\") !default;\n$form-feedback-invalid-color:       theme-color(\"danger\") !default;\n\n\n// Dropdowns\n//\n// Dropdown menu container and contents.\n\n$dropdown-min-width:                10rem !default;\n$dropdown-padding-y:                .5rem !default;\n$dropdown-spacer:                   .125rem !default;\n$dropdown-bg:                       $white !default;\n$dropdown-border-color:             rgba($black, .15) !default;\n$dropdown-border-radius:            $border-radius !default;\n$dropdown-border-width:             $border-width !default;\n$dropdown-divider-bg:               $gray-200 !default;\n$dropdown-box-shadow:               0 .5rem 1rem rgba($black, .175) !default;\n\n$dropdown-link-color:               $black !default;\n$dropdown-link-hover-color:         darken($black, 5%) !default;\n$dropdown-link-hover-bg:            $gray-100 !default;\n\n$dropdown-link-active-color:        $component-active-color !default;\n$dropdown-link-active-bg:           $component-active-bg !default;\n\n$dropdown-link-disabled-color:      $gray-600 !default;\n\n$dropdown-item-padding-y:           .25rem !default;\n$dropdown-item-padding-x:           1.5rem !default;\n\n$dropdown-header-color:             $gray-600 !default;\n\n\n// Z-index master list\n//\n// Warning: Avoid customizing these values. They're used for a bird's eye view\n// of components dependent on the z-axis and are designed to all work together.\n\n$zindex-background:                 -1 !default;\n$zindex-0:                          0 !default;\n$zindex-1:                          1 !default;\n$zindex-5:                          5 !default;\n$zindex-10:                         10 !default;\n$zindex-breadcrumbs:                110 !default;\n$zindex-search-mobile:              120 !default;\n$zindex-dropdown:                   1000 !default;\n$zindex-sticky:                     1020 !default;\n$zindex-fixed:                      1030 !default;\n$zindex-modal-backdrop:             1040 !default;\n$zindex-modal:                      1050 !default;\n$zindex-popover:                    1060 !default;\n$zindex-tooltip:                    1070 !default;\n$zindex-nav-overlay:                1100 !default;\n$zindex-nav:                        1110 !default;\n$zindex-toggle:                     1120 !default;\n$zindex-gallery-opened:             1120 !default;\n$zindex-mobile-lang:                1140 !default;\n$zindex-access-nav:                 3003 !default;\n$zindex-cookie-consent:             4004 !default;\n\n// Navs\n\n$nav-link-padding-y:                .5rem !default;\n$nav-link-padding-x:                1rem !default;\n$nav-link-disabled-color:           $gray-600 !default;\n\n$nav-tabs-border-color:             $gray-200 !default;\n$nav-tabs-border-width:             $border-width !default;\n$nav-tabs-border-radius:            $border-radius !default;\n$nav-tabs-link-hover-border-color:  $nav-tabs-border-color !default;\n$nav-tabs-link-active-color:        $gray-600 !default;\n$nav-tabs-link-active-bg:           $body-bg !default;\n$nav-tabs-link-active-border-color: $nav-tabs-border-color $nav-tabs-border-color $nav-tabs-link-active-bg !default;\n\n$nav-pills-border-radius:           $border-radius !default;\n$nav-pills-link-active-color:       $component-active-color !default;\n$nav-pills-link-active-bg:          $component-active-bg !default;\n\n// Navbar\n\n$navbar-padding-y:                  math.div($spacer, 2) !default;\n$navbar-padding-x:                  $spacer !default;\n\n$navbar-nav-link-padding-x:         .5rem !default;\n\n$navbar-brand-font-size:            $font-size-lg !default;\n// Compute the navbar-brand padding-y so the navbar-brand will have the same height as navbar-text and nav-link\n$nav-link-height:                   ($font-size-base * $line-height-base + $nav-link-padding-y * 2) !default;\n$navbar-brand-height:               $navbar-brand-font-size * $line-height-base !default;\n$navbar-brand-padding-y:            math.div($nav-link-height - $navbar-brand-height, 2) !default;\n\n$navbar-toggler-padding-y:          .25rem !default;\n$navbar-toggler-padding-x:          .75rem !default;\n$navbar-toggler-font-size:          $font-size-lg !default;\n$navbar-toggler-border-radius:      $btn-border-radius !default;\n\n$navbar-dark-color:                 rgba($white, .5) !default;\n$navbar-dark-hover-color:           rgba($white, .75) !default;\n$navbar-dark-active-color:          $white !default;\n$navbar-dark-disabled-color:        rgba($white, .25) !default;\n$navbar-dark-toggler-icon-bg:       str-replace(url(\"data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='#{$navbar-dark-color}' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E\"), \"#\", \"%23\") !default;\n$navbar-dark-toggler-border-color:  rgba($white, .1) !default;\n\n$navbar-light-color:                rgba($black, .5) !default;\n$navbar-light-hover-color:          rgba($black, .7) !default;\n$navbar-light-active-color:         rgba($black, .9) !default;\n$navbar-light-disabled-color:       rgba($black, .3) !default;\n$navbar-light-toggler-icon-bg:      str-replace(url(\"data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='#{$navbar-light-color}' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E\"), \"#\", \"%23\") !default;\n$navbar-light-toggler-border-color: rgba($black, .1) !default;\n\n// Pagination\n\n$pagination-padding-y:              .5rem !default;\n$pagination-padding-x:              .25rem !default;\n$pagination-padding-y-sm:           .25rem !default;\n$pagination-padding-x-sm:           .25rem !default;\n$pagination-padding-y-lg:           .75rem !default;\n$pagination-padding-x-lg:           .25rem !default;\n$pagination-line-height:            1.25 !default;\n\n$pagination-color:                  theme-color('primary') !default;\n$pagination-bg:                     $white !default;\n$pagination-border-width:           $border-width !default;\n$pagination-border-color:           $gray-200 !default;\n\n$pagination-focus-box-shadow:       $input-btn-focus-box-shadow !default;\n\n$pagination-hover-color:            $link-hover-color !default;\n$pagination-hover-bg:               $pagination-bg !default;\n$pagination-hover-border-color:     $gray-600 !default;\n\n$pagination-active-color:           $gray-600 !default;\n$pagination-active-bg:              $gray-100 !default;\n$pagination-active-border-color:    $pagination-active-bg !default;\n\n$pagination-disabled-color:         $gray-200 !default;\n$pagination-disabled-bg:            $white !default;\n$pagination-disabled-border-color:  $gray-300 !default;\n\n\n// Jumbotron\n\n$jumbotron-padding:                 2rem !default;\n$jumbotron-bg:                      $gray-200 !default;\n\n\n// Cards\n\n$card-spacer-y:                     0.9rem !default;\n$card-spacer-x:                     1.35rem !default;\n$card-border-width:                 $border-width !default;\n$card-border-radius:                $border-radius !default;\n$card-border-color:                 $gray-200 !default;\n$card-inner-border-radius:          calc(#{$card-border-radius} - #{$card-border-width}) !default;\n$card-cap-bg:                       transparent !default;\n$card-bg:                           $white !default;\n\n$card-img-overlay-padding:          $card-spacer-x !default;\n\n$card-group-margin:                 math.div($grid-gutter-width, 2) !default;\n$card-deck-margin:                  $card-group-margin !default;\n\n$card-columns-count:                3 !default;\n$card-columns-gap:                  1.25rem !default;\n$card-columns-margin:               $card-spacer-y !default;\n\n\n// Tooltips\n\n$tooltip-font-size:           $font-size-sm !default;\n$tooltip-max-width:           200px !default;\n$tooltip-color:               $white !default;\n$tooltip-bg:                  $black !default;\n$tooltip-border-radius:        $border-radius !default;\n$tooltip-opacity:             .9 !default;\n$tooltip-padding-y:           .25rem !default;\n$tooltip-padding-x:           .5rem !default;\n$tooltip-margin:              0 !default;\n\n$tooltip-arrow-width:         .8rem !default;\n$tooltip-arrow-height:        .4rem !default;\n$tooltip-arrow-color:         $tooltip-bg !default;\n\n\n// Popovers\n\n$popover-font-size:                 $font-size-sm !default;\n$popover-bg:                        $white !default;\n$popover-max-width:                 296px !default;\n$popover-border-width:              $border-width !default;\n$popover-border-color:              $gray-200 !default;\n$popover-border-radius:             0 !default;\n$popover-box-shadow:                none !default;\n\n$popover-header-bg:                 darken($popover-bg, 3%) !default;\n$popover-header-color:              $gray-600 !default;\n$popover-header-padding-y:          math.div($grid-gutter-width, 2) !default;\n$popover-header-padding-x:          math.div($grid-gutter-width, 2) !default;\n\n$popover-body-color:                $body-color !default;\n$popover-body-padding-y:            $popover-header-padding-y !default;\n$popover-body-padding-x:            $popover-header-padding-x !default;\n\n$popover-arrow-width:               10px !default;\n$popover-arrow-height:              10px !default;\n$popover-arrow-color:               $popover-bg !default;\n\n$popover-arrow-outer-color:         $popover-border-color !default;\n\n\n// Badges\n\n$badge-font-size:                   75% !default;\n$badge-font-weight:                 $font-weight-bold !default;\n$badge-padding-y:                   .25em !default;\n$badge-padding-x:                   .4em !default;\n$badge-border-radius:               $border-radius !default;\n\n$badge-pill-padding-x:              .6em !default;\n// Use a higher than normal value to ensure completely rounded edges when\n// customizing padding or font-size on labels.\n$badge-pill-border-radius:          10rem !default;\n\n\n// Modals\n\n// Padding applied to the modal body\n$modal-inner-padding:         1rem !default;\n\n$modal-dialog-margin:         .5rem !default;\n$modal-dialog-margin-y-sm-up: 1.75rem !default;\n\n$modal-title-line-height:           $line-height-base !default;\n\n$modal-content-bg:               $white !default;\n$modal-content-border-color:     rgba($black, .2) !default;\n$modal-content-border-width:     $border-width !default;\n$modal-content-box-shadow-xs:    0 .25rem .5rem rgba($black, .5) !default;\n$modal-content-box-shadow-sm-up: 0 .5rem 1rem rgba($black, .5) !default;\n\n$modal-backdrop-bg:           $black !default;\n$modal-backdrop-opacity:      .5 !default;\n$modal-header-border-color:   $gray-200 !default;\n$modal-footer-border-color:   $modal-header-border-color !default;\n$modal-header-border-width:   $modal-content-border-width !default;\n$modal-footer-border-width:   $modal-header-border-width !default;\n$modal-header-padding:        1rem !default;\n\n$modal-lg:                          800px !default;\n$modal-md:                          500px !default;\n$modal-sm:                          300px !default;\n\n$modal-transition:                  transform .3s ease-out !default;\n\n\n// Alerts\n//\n// Define alert colors, border radius, and padding.\n\n$alert-padding-y:                   0.4rem !default;\n$alert-padding-x:                   0.6rem !default;\n$alert-margin-bottom:               1rem !default;\n$alert-border-radius:               0 !default;\n$alert-link-font-weight:            $font-weight-bold !default;\n$alert-border-width:                $border-width !default;\n\n$alert-bg-level:                    -10 !default;\n$alert-border-level:                -9 !default;\n$alert-color-level:                 6 !default;\n\n\n// Progress bars\n\n$progress-height:                   1rem !default;\n$progress-font-size:                ($font-size-base * .75) !default;\n$progress-bg:                       $gray-200 !default;\n$progress-border-radius:            $border-radius !default;\n$progress-box-shadow:               inset 0 .1rem .1rem rgba($black, .1) !default;\n$progress-bar-color:                $white !default;\n$progress-bar-bg:                   theme-color(\"primary\") !default;\n$progress-bar-animation-timing:     1s linear infinite !default;\n$progress-bar-transition:           width .6s ease !default;\n\n// List group\n\n$list-group-bg:                     $white !default;\n$list-group-border-color:           rgba($black, .125) !default;\n$list-group-border-width:           $border-width !default;\n$list-group-border-radius:          0 !default;\n\n$list-group-item-padding-y:         .75rem !default;\n$list-group-item-padding-x:         1.25rem !default;\n\n$list-group-hover-bg:               $gray-100 !default;\n$list-group-active-color:           $component-active-color !default;\n$list-group-active-bg:              $component-active-bg !default;\n$list-group-active-border-color:    $list-group-active-bg !default;\n\n$list-group-disabled-color:         $gray-600 !default;\n$list-group-disabled-bg:            $list-group-bg !default;\n\n$list-group-action-color:           $gray-600 !default;\n$list-group-action-hover-color:     $list-group-action-color !default;\n\n$list-group-action-active-color:    $body-color !default;\n$list-group-action-active-bg:       $gray-200 !default;\n\n\n// Image thumbnails\n\n$thumbnail-padding:                 .25rem !default;\n$thumbnail-bg:                      $body-bg !default;\n$thumbnail-border-width:            $border-width !default;\n$thumbnail-border-color:            $gray-300 !default;\n$thumbnail-border-radius:           $border-radius !default;\n$thumbnail-box-shadow:              0 1px 2px rgba($black, .075) !default;\n\n\n// Figures\n\n$figure-caption-font-size:          $font-size-sm !default;\n$figure-caption-color:              $gray-600 !default;\n\n\n// Breadcrumbs\n\n$breadcrumb-padding-y:              .75rem !default;\n$breadcrumb-padding-x:              1rem !default;\n$breadcrumb-item-padding:           .5rem !default;\n\n$breadcrumb-margin-bottom:          1rem !default;\n\n$breadcrumb-bg:                     $gray-200 !default;\n$breadcrumb-divider-color:          $gray-600 !default;\n$breadcrumb-active-color:           $gray-600 !default;\n$breadcrumb-divider:                \"/\" !default;\n\n\n// Carousel\n\n$carousel-control-color:            $white !default;\n$carousel-control-width:            15% !default;\n$carousel-control-opacity:          .5 !default;\n\n$carousel-indicator-width:          30px !default;\n$carousel-indicator-height:         3px !default;\n$carousel-indicator-spacer:         3px !default;\n$carousel-indicator-active-bg:      $white !default;\n\n$carousel-caption-width:            70% !default;\n$carousel-caption-color:            $white !default;\n\n$carousel-control-icon-width:       20px !default;\n\n$carousel-control-prev-icon-bg:     str-replace(url(\"data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='#{$carousel-control-color}' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E\"), \"#\", \"%23\") !default;\n$carousel-control-next-icon-bg:     str-replace(url(\"data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='#{$carousel-control-color}' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E\"), \"#\", \"%23\") !default;\n\n$carousel-transition:               transform .6s ease !default;\n\n\n// Close\n\n$close-font-size:                   $font-size-base * 2 !default;\n$close-font-weight:                 $font-weight-light !default;\n$close-color:                       $gray-600 !default;\n$close-text-shadow:                 0 1px 0 $white !default;\n\n// Code\n\n$code-font-size:                    87.5% !default;\n$code-color:                        $red !default;\n\n$kbd-padding-y:                     .2rem !default;\n$kbd-padding-x:                     .4rem !default;\n$kbd-font-size:                     $code-font-size !default;\n$kbd-color:                         $white !default;\n$kbd-bg:                            $black !default;\n\n$pre-color:                         $black !default;\n$pre-scrollable-max-height:         340px !default;\n\n\n// Printing\n$print-page-size:                   a3 !default;\n$print-body-min-width:              map-get($grid-breakpoints, \"lg\") !default;\n"],"names":[],"sourceRoot":""}

package/dist/images/icons/icon-teaser-video.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><defs><style>.play-icon{fill:none;stroke:#fff;stroke-linecap:round;stroke-linejoin:round;stroke-width:4px;}.circle{opacity:.6;}.circle-stroke{fill:#fff;}</style></defs><g class="circle"><circle cx="36" cy="36" r="34"/></g><path class="circle-stroke" d="m36,4c17.64,0,32,14.36,32,32s-14.36,32-32,32S4,53.64,4,36,18.36,4,36,4m0-4C16.12,0,0,16.12,0,36s16.12,36,36,36,36-16.12,36-36S55.88,0,36,0h0Z"/><polygon class="play-icon" points="29.5 22.5 50.5 36 29.5 49.5 29.5 22.5"/></svg>

package/dist/js/elements.js

@@ -7856,54 +7856,28 @@ var es_string_iterator = __webpack_require__(78783);
   });
 });
 ;// CONCATENATED MODULE: ./assets/components/molecules/breadcrumb/breadcrumb.js
-
-
 /* globals $ */
 /* harmony default export */ var breadcrumb = (function () {
-  var breadcrumb = $('#breadcrumb-wrapper');
-
-  if ($(breadcrumb).length > 0) {
-    // don't expect to have the breadcrumb on every case
-    var breadcrumbNode = breadcrumb[0];
-    var breadcrumbComponent = breadcrumb.find('.breadcrumb');
-
-    if ($(window).width() > 1199 && $(breadcrumbComponent).length > 0 && // don't expect to have the breadcrumbComponent on every case
-    breadcrumb.width() < breadcrumbComponent[0].scrollWidth) {
-      var isDown = false;
-      var startX;
-      var scrollLeft;
-      breadcrumb.on('mousedown', function (e) {
-        isDown = true;
-        breadcrumb.addClass('moving');
-        startX = e.pageX - breadcrumbNode.offsetLeft; // eslint-disable-next-line
-
-        scrollLeft = breadcrumbNode.scrollLeft;
-      });
-      breadcrumb.on('mouseleave', function () {
-        isDown = false;
-        breadcrumb.removeClass('moving');
-      });
-      breadcrumb.on('mouseup', function () {
-        isDown = false;
-        breadcrumb.removeClass('moving');
-      });
-      breadcrumb.on('mousemove', function (e) {
-        if (!isDown) return; // stop the fn from running
+  var expandBreadcrumb = $('.btn-expand-links');
+  var breadcrumbDropToggle = $('.dropdown-toggle'); // add class 'has-expanded-links'
 
-        e.preventDefault();
-        var x = e.pageX - breadcrumbNode.offsetLeft;
-        var walk = (x - startX) * 3;
-        breadcrumbNode.scrollLeft = scrollLeft - walk;
-      });
-      breadcrumb.mousewheel(function (e, delta) {
-        e.preventDefault();
-        breadcrumbNode.scrollLeft -= delta * 40;
-      });
-      breadcrumb.find('*').on('dragstart', function () {
-        return false;
-      });
+  expandBreadcrumb.on('click', function () {
+    $('.breadcrumb-wrapper .breadcrumb').addClass('has-expanded-links');
+  }); // improve dropdown position
+
+  breadcrumbDropToggle.on('click', function (e) {
+    var btnPos = $(e.currentTarget).offset().left;
+    var documentWitdh = $(document).width();
+    var dropdown = $(e.currentTarget).siblings('.dropdown-menu');
+    var dropdownWidth = dropdown.width();
+    var btnOffset = documentWitdh - btnPos; // remove class 'open-left' from all .dropdown-menu elements
+
+    $('.dropdown-menu').removeClass('open-left'); // add the class back if the dropdown is too close to the right side of the window
+
+    if (dropdownWidth > btnOffset) {
+      dropdown.addClass('open-left');
     }
-  }
+  });
 });
 ;// CONCATENATED MODULE: ./assets/components/molecules/datepicker/datepicker.js
 /* globals $ */
@@ -8457,7 +8431,7 @@ var drawer = function drawer() {
 /* global $ */
 /* harmony default export */ var search = (function () {
   $('.search').on('shown.bs.dropdown', function () {
-    $('.search input[type="text"]').focus();
+    $('.search input[type="text"]').trigger('focus');
   });
 });
 ;// CONCATENATED MODULE: ./assets/components/molecules/search/search-mobile.js
@@ -8465,19 +8439,18 @@ var drawer = function drawer() {
 
 /* global $ */
 /* harmony default export */ var search_mobile = (function () {
-  $('#search-mobile-toggle').click(function (event) {
+  $('#search-mobile-toggle').on('click', function () {
     var searchContainer = $('.search-mobile');
     var searchField = searchContainer.find('.form-control');
     searchContainer.toggleClass('show');
     $('body').toggleClass('search-open');
 
     if (searchContainer.hasClass('show')) {
-      searchField.focus();
+      searchField.trigger('focus');
     }
   });
-  $('#search-mobile-close').click(function (event) {
+  $('#search-mobile-close').on('click', function () {
     var searchContainer = $('.search-mobile');
-    var searchField = searchContainer.find('.form-control');
     searchContainer.removeClass('show');
     $('body').removeClass('search-open');
   });