epfl-elements 5.0.0 → 5.0.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (36) hide show
  1. package/dist/components/atoms/select/select-multiple.twig +2 -2
  2. package/dist/components/atoms/select/select.twig +1 -1
  3. package/dist/components/atoms/select/select.yml +1 -1
  4. package/dist/components/content-types/press-review/press-review.twig +1 -1
  5. package/dist/components/molecules/card/card-inside-links.twig +3 -3
  6. package/dist/components/molecules/card-deck/card-deck.yml +1 -1
  7. package/dist/components/molecules/filters/filters-blog.twig +5 -25
  8. package/dist/components/molecules/form-group/form-group-checkboxes.twig +1 -1
  9. package/dist/components/molecules/form-group/form-group-error.twig +1 -1
  10. package/dist/components/molecules/form-group/form-group-radio.twig +1 -1
  11. package/dist/components/molecules/form-group/form-group-search.twig +2 -2
  12. package/dist/components/molecules/form-group/form-group-textarea.twig +1 -1
  13. package/dist/components/molecules/form-group/form-group-upload.twig +1 -1
  14. package/dist/components/molecules/form-group/form-group.twig +1 -1
  15. package/dist/components/molecules/social/social-follow.twig +8 -10
  16. package/dist/components/pages/press-review/press-review.twig +73 -0
  17. package/dist/components/pages/press-review/press-review.yml +2 -0
  18. package/dist/css/elements.css +12 -8
  19. package/dist/css/elements.min.css +1 -1
  20. package/dist/css/elements.min.css.map +1 -1
  21. package/dist/css/reader.min.css +1 -1
  22. package/dist/css/reader.min.css.map +1 -1
  23. package/dist/css/vendors.min.css +2 -2
  24. package/dist/docs/design/typography.html +1 -1
  25. package/dist/index.html +0 -1
  26. package/dist/js/elements.js +252 -3340
  27. package/dist/js/elements.min.js +1 -1
  28. package/dist/js/elements.min.js.map +1 -1
  29. package/dist/js/reader.js +2884 -7512
  30. package/dist/js/reader.min.js +54 -1
  31. package/dist/js/reader.min.js.map +1 -1
  32. package/dist/js/spritemap.js +3 -3
  33. package/dist/js/vendors.js +2901 -2434
  34. package/dist/js/vendors.min.js +1 -1
  35. package/dist/package.json +4 -3
  36. package/package.json +4 -3
package/dist/css/reader.min.css CHANGED
@@ -1,2 +1,2 @@
1
- @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{align-items:center;display:flex;text-align:left}.tlbx-contrast-color .tlbx-contrast-color-thumb{margin-right:10px}.tlbx-contrast-color-thumb,.tlbx-contrast-none{display:inline-flex;height:40px;width:40px}.tlbx-contrast-color-thumb{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;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:flex;flex-wrap:wrap}.tlbx-color-swatch{flex:0 0 14%;margin:1em 0 2em;padding-right:1.6%}.tlbx-color-swatch-color{display:flex;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;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: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{box-shadow:none;outline:none}.tlbx-sidebar-item:after{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{transform:rotate(180deg)}.tlbx-sidebar-collapse{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;transition:color .25s ease}.tlbx-sidebar-item-list a:before{border-left:0 solid #3474a8;content:"";height:100%;left:0;position:absolute;top:0;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{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{fill:currentColor;align-self:center;color:inherit;display:inline-flex;font-size:1em;height:1em;line-height:1em;position:relative;top:.1em;transition:transform .2s;width:1em}.tlbx-toolbar{display:flex;flex-direction:column;justify-content:space-between;max-width:100%}@media only screen and (max-width:767px){.tlbx-toolbar{flex-direction:row;justify-content:flex-end}}.tlbx-toolbar-btn{align-items:center;background:none;border:none;color:#fff;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{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: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{background-color:#003baf;bottom:0;box-sizing:border-box;color:#fff;display:flex;flex:0 0 60px;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{background-color:#f2f2f4;flex:0 0 240px;grid-column:2}@media only screen and (max-width:767px){.tlbx-sidebar-wrapper{bottom:0;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;transform:translateX(100%);transition:transform .3s;z-index:998}.tlbx-sidebar-wrapper.tlbx-sidebar-open{transform:translateX(0)}}.tlbx-content-wrapper{align-self:start;flex:1 1 auto;grid-column:3;overflow:hidden}@media only screen and (max-width:767px){.tlbx-content-wrapper{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;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;transform:scaleX(0);transform-origin:0 50%;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{transform:scaleX(1);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{display:flex;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: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}}
1
+ @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{align-items:center;display:flex;text-align:left}.tlbx-contrast-color .tlbx-contrast-color-thumb{margin-right:10px}.tlbx-contrast-color-thumb,.tlbx-contrast-none{display:inline-flex;height:40px;width:40px}.tlbx-contrast-color-thumb{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;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:flex;flex-wrap:wrap}.tlbx-color-swatch{flex:0 0 14%;margin:1em 0 2em;padding-right:1.6%}.tlbx-color-swatch-color{display:flex;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;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: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{box-shadow:none;outline:none}.tlbx-sidebar-item:after{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{transform:rotate(180deg)}.tlbx-sidebar-collapse{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;transition:color .25s ease}.tlbx-sidebar-item-list a:before{border-left:0 solid #3474a8;content:"";height:100%;left:0;position:absolute;top:0;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{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;-webkit-text-decoration:none;text-decoration:none;z-index:1}.tlbx-actions-link:hover{border-color:#012f4d;color:#012f4d;-webkit-text-decoration:none;text-decoration:none}.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{fill:currentColor;align-self:center;color:inherit;display:inline-flex;font-size:1em;height:1em;line-height:1em;position:relative;top:.1em;transition:transform .2s;width:1em}.tlbx-toolbar{display:flex;flex-direction:column;justify-content:space-between;max-width:100%}@media only screen and (max-width:767px){.tlbx-toolbar{flex-direction:row;justify-content:flex-end}}.tlbx-toolbar-btn{align-items:center;background:none;border:none;color:#fff;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{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: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{background-color:#003baf;bottom:0;box-sizing:border-box;color:#fff;display:flex;flex:0 0 60px;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{background-color:#f2f2f4;flex:0 0 240px;grid-column:2}@media only screen and (max-width:767px){.tlbx-sidebar-wrapper{bottom:0;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;transform:translateX(100%);transition:transform .3s;z-index:998}.tlbx-sidebar-wrapper.tlbx-sidebar-open{transform:translateX(0)}}.tlbx-content-wrapper{align-self:start;flex:1 1 auto;grid-column:3;overflow:hidden}@media only screen and (max-width:767px){.tlbx-content-wrapper{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;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;transform:scaleX(0);transform-origin:0 50%;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{transform:scaleX(1);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{display:flex;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: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}}
2
2
  /*# sourceMappingURL=reader.min.css.map*/
package/dist/css/reader.min.css.map CHANGED
@@ -1 +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 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":""}
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 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/css/vendors.min.css CHANGED
@@ -2,8 +2,8 @@
2
2
 
3
3
  /*! Flickity v2.2.2
4
4
  https://flickity.metafizzy.co
5
- ---------------------------------------------- */.flickity-enabled{position:relative}.flickity-enabled:focus{outline:none}.flickity-viewport{height:100%;overflow:hidden;position:relative}.flickity-slider{height:100%;position:absolute;width:100%}.flickity-enabled.is-draggable{-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.flickity-enabled.is-draggable .flickity-viewport{cursor:move;cursor:-webkit-grab;cursor:grab}.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down{cursor:-webkit-grabbing;cursor:grabbing}.flickity-button{background:hsla(0,0%,100%,.75);border:none;color:#333;position:absolute}.flickity-button:hover{background:#fff;cursor:pointer}.flickity-button:focus{box-shadow:0 0 0 5px #19f;outline:none}.flickity-button:active{opacity:.6}.flickity-button:disabled{cursor:auto;opacity:.3;pointer-events:none}.flickity-button-icon{fill:currentColor}.flickity-prev-next-button{border-radius:50%;height:44px;top:50%;transform:translateY(-50%);width:44px}.flickity-prev-next-button.previous{left:10px}.flickity-prev-next-button.next{right:10px}.flickity-rtl .flickity-prev-next-button.previous{left:auto;right:10px}.flickity-rtl .flickity-prev-next-button.next{left:10px;right:auto}.flickity-prev-next-button .flickity-button-icon{height:60%;left:20%;position:absolute;top:20%;width:60%}.flickity-page-dots{bottom:-25px;line-height:1;list-style:none;margin:0;padding:0;position:absolute;text-align:center;width:100%}.flickity-rtl .flickity-page-dots{direction:rtl}.flickity-page-dots .dot{background:#333;border-radius:50%;cursor:pointer;display:inline-block;height:10px;margin:0 8px;opacity:.25;width:10px}.flickity-page-dots .dot.is-selected{opacity:1}.flickity-enabled.is-fullscreen{background:rgba(0,0,0,.9);height:100%;left:0;padding-bottom:35px;position:fixed;top:0;width:100%;z-index:1}.flickity-enabled.is-fullscreen .flickity-page-dots{bottom:10px}.flickity-enabled.is-fullscreen .flickity-page-dots .dot{background:#fff}html.is-flickity-fullscreen{overflow:hidden}.flickity-fullscreen-button{border-radius:4px;display:block;height:24px;right:10px;top:10px;width:24px}.flickity-rtl .flickity-fullscreen-button{left:10px;right:auto}.flickity-fullscreen-button-exit{display:none}.flickity-enabled.is-fullscreen .flickity-fullscreen-button-exit{display:block}.flickity-enabled.is-fullscreen .flickity-fullscreen-button-view{display:none}.flickity-fullscreen-button .flickity-button-icon{height:16px;left:4px;position:absolute;top:4px;width:16px}.introjs-overlay{background-color:#000;background:-moz-radial-gradient(center,ellipse farthest-corner,rgba(0,0,0,.4) 0,rgba(0,0,0,.9) 100%);background:-webkit-gradient(radial,center center,0,center center,100%,color-stop(0,rgba(0,0,0,.4)),color-stop(100%,rgba(0,0,0,.9)));background:-webkit-radial-gradient(center,ellipse farthest-corner,rgba(0,0,0,.4) 0,rgba(0,0,0,.9) 100%);background:-o-radial-gradient(center,ellipse farthest-corner,rgba(0,0,0,.4) 0,rgba(0,0,0,.9) 100%);background:-ms-radial-gradient(center,ellipse farthest-corner,rgba(0,0,0,.4) 0,rgba(0,0,0,.9) 100%);background:radial-gradient(center,ellipse farthest-corner,rgba(0,0,0,.4) 0,rgba(0,0,0,.9) 100%);box-sizing:content-box;filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr='#66000000',endColorstr='#e6000000',GradientType=1)";-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";filter:alpha(opacity=50);opacity:0;position:absolute;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-ms-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out;z-index:999999}.introjs-fixParent{opacity:1!important;-webkit-transform:none!important;-moz-transform:none!important;-ms-transform:none!important;-o-transform:none!important;transform:none!important;z-index:auto!important}.introjs-showElement,tr.introjs-showElement>td,tr.introjs-showElement>th{z-index:9999999!important}.introjs-disableInteraction{background-color:#fff;filter:alpha(opacity=0);opacity:0;position:absolute;z-index:99999999!important}.introjs-relativePosition,tr.introjs-showElement>td,tr.introjs-showElement>th{position:relative}.introjs-helperLayer{background-color:#fff;background-color:hsla(0,0%,100%,.9);border:1px solid #777;border:1px solid rgba(0,0,0,.5);border-radius:4px;box-shadow:0 2px 15px rgba(0,0,0,.4);z-index:9999998}.introjs-helperLayer,.introjs-tooltipReferenceLayer{box-sizing:content-box;position:absolute;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-ms-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}.introjs-tooltipReferenceLayer{background-color:transparent;visibility:hidden;z-index:100000000}.introjs-helperLayer *,.introjs-helperLayer :after,.introjs-helperLayer :before{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;-ms-box-sizing:content-box;-o-box-sizing:content-box;box-sizing:content-box}.introjs-helperNumberLayer{background:#ff3019;background:-webkit-linear-gradient(top,#ff3019,#cf0404);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#ff3019),color-stop(100%,#cf0404));background:-moz-linear-gradient(top,#ff3019 0,#cf0404 100%);background:-ms-linear-gradient(top,#ff3019 0,#cf0404 100%);background:-o-linear-gradient(top,#ff3019 0,#cf0404 100%);background:linear-gradient(180deg,#ff3019 0,#cf0404);border:3px solid #fff;border-radius:50%;box-shadow:0 2px 5px rgba(0,0,0,.4);box-sizing:content-box;color:#fff;filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3019', endColorstr='#cf0404', GradientType=0)";filter:"progid:DXImageTransform.Microsoft.Shadow(direction=135, strength=2, color=ff0000)";font-family:Arial,verdana,tahoma;font-size:13px;font-weight:700;height:20px;left:-16px;line-height:20px;padding:2px;position:absolute;text-align:center;text-shadow:1px 1px 1px rgba(0,0,0,.3);top:-16px;visibility:visible;width:20px;z-index:9999999999!important}.introjs-arrow{border:5px solid transparent;content:"";position:absolute}.introjs-arrow.top,.introjs-arrow.top-right{border-bottom-color:#fff;top:-10px}.introjs-arrow.top-right{right:10px}.introjs-arrow.top-middle{border-bottom-color:#fff;left:50%;margin-left:-5px;top:-10px}.introjs-arrow.right{border-left-color:#fff;right:-10px;top:10px}.introjs-arrow.right-bottom{border-left-color:#fff;bottom:10px;right:-10px}.introjs-arrow.bottom,.introjs-arrow.bottom-right{border-top-color:#fff;bottom:-10px}.introjs-arrow.bottom-right{right:10px}.introjs-arrow.bottom-middle{border-top-color:#fff;bottom:-10px;left:50%;margin-left:-5px}.introjs-arrow.left{border-right-color:#fff;left:-10px;top:10px}.introjs-arrow.left-bottom{border-right-color:#fff;bottom:10px;left:-10px}.introjs-tooltip{background-color:#fff;border-radius:3px;box-shadow:0 1px 10px rgba(0,0,0,.4);box-sizing:content-box;max-width:300px;min-width:200px;padding:10px;position:absolute;-webkit-transition:opacity .1s ease-out;-moz-transition:opacity .1s ease-out;-ms-transition:opacity .1s ease-out;-o-transition:opacity .1s ease-out;transition:opacity .1s ease-out;visibility:visible}.introjs-tooltipbuttons{text-align:right;white-space:nowrap}.introjs-button{zoom:1;-webkit-background-clip:padding;-moz-background-clip:padding;-o-background-clip:padding-box;background-color:#ececec;background-image:-webkit-gradient(linear,0 0,0 100%,from(#f4f4f4),to(#ececec));background-image:-moz-linear-gradient(#f4f4f4,#ececec);background-image:-o-linear-gradient(#f4f4f4,#ececec);background-image:linear-gradient(#f4f4f4,#ececec);border:1px solid #d4d4d4;-webkit-border-radius:.2em;-moz-border-radius:.2em;border-radius:.2em;box-sizing:content-box;color:#333;cursor:pointer;display:inline-block;*display:inline;font:11px/normal sans-serif;margin:10px 0 0;outline:none;overflow:visible;padding:.3em .8em;position:relative;text-decoration:none;text-shadow:1px 1px 0 #fff;white-space:nowrap}.introjs-button:hover{border-color:#bcbcbc;box-shadow:0 1px 1px #e3e3e3;text-decoration:none}.introjs-button:active,.introjs-button:focus{background-image:-webkit-gradient(linear,0 0,0 100%,from(#ececec),to(#f4f4f4));background-image:-moz-linear-gradient(#ececec,#f4f4f4);background-image:-o-linear-gradient(#ececec,#f4f4f4);background-image:linear-gradient(#ececec,#f4f4f4)}.introjs-button::-moz-focus-inner{border:0;padding:0}.introjs-skipbutton{box-sizing:content-box;color:#7a7a7a;margin-right:5px}.introjs-prevbutton{-webkit-border-radius:.2em 0 0 .2em;-moz-border-radius:.2em 0 0 .2em;border-radius:.2em 0 0 .2em;border-right:none}.introjs-prevbutton.introjs-fullbutton{border:1px solid #d4d4d4;-webkit-border-radius:.2em;-moz-border-radius:.2em;border-radius:.2em}.introjs-nextbutton{-webkit-border-radius:0 .2em .2em 0;-moz-border-radius:0 .2em .2em 0;border-radius:0 .2em .2em 0}.introjs-nextbutton.introjs-fullbutton{-webkit-border-radius:.2em;-moz-border-radius:.2em;border-radius:.2em}.introjs-disabled,.introjs-disabled:focus,.introjs-disabled:hover{background-color:#f4f4f4;background-image:none;border-color:#d4d4d4;box-shadow:none;color:#9a9a9a;cursor:default;text-decoration:none}.introjs-hidden{display:none}.introjs-bullets{text-align:center}.introjs-bullets ul{box-sizing:content-box;clear:both;display:inline-block;margin:15px auto 0;padding:0}.introjs-bullets ul li{box-sizing:content-box;float:left;list-style:none;margin:0 2px}.introjs-bullets ul li a{background:#ccc;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;box-sizing:content-box;cursor:pointer;display:block;height:6px;text-decoration:none;width:6px}.introjs-bullets ul li a.active,.introjs-bullets ul li a:hover{background:#999}.introjs-progress{background-color:#ecf0f1;border-radius:4px;box-sizing:content-box;height:10px;margin:10px 0 5px;overflow:hidden}.introjs-progressbar{background-color:#08c;box-sizing:content-box;float:left;font-size:10px;height:100%;line-height:10px;text-align:center;width:0}.introjsFloatingElement{height:0;left:50%;position:absolute;top:50%;width:0}.introjs-fixedTooltip{position:fixed}.introjs-hint{background:transparent;box-sizing:content-box;cursor:pointer;height:15px;position:absolute;width:20px}.introjs-hint:focus{border:0;outline:0}.introjs-hidehint{display:none}.introjs-fixedhint{position:fixed}.introjs-hint:hover>.introjs-hint-pulse{border:5px solid rgba(60,60,60,.57)}.introjs-hint-pulse{background-color:hsla(0,0%,53%,.24);border:5px solid rgba(60,60,60,.27);-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px;box-sizing:content-box;height:10px;position:absolute;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-ms-transition:all .2s ease-out;-o-transition:all .2s ease-out;transition:all .2s ease-out;width:10px;z-index:10}.introjs-hint-no-anim .introjs-hint-dot{-webkit-animation:none;-moz-animation:none;animation:none}.introjs-hint-dot{-webkit-animation:introjspulse 3s ease-out;-moz-animation:introjspulse 3s ease-out;animation:introjspulse 3s ease-out;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;animation-iteration-count:infinite;background:transparent;border:10px solid hsla(0,0%,57%,.36);-webkit-border-radius:60px;-moz-border-radius:60px;border-radius:60px;box-sizing:content-box;height:50px;left:-25px;opacity:0;position:absolute;top:-25px;width:50px;z-index:1}@-webkit-keyframes introjspulse{0%{opacity:0;-webkit-transform:scale(0)}25%{opacity:.1;-webkit-transform:scale(0)}50%{opacity:.3;-webkit-transform:scale(.1)}75%{opacity:.5;-webkit-transform:scale(.5)}to{opacity:0;-webkit-transform:scale(1)}}@-moz-keyframes introjspulse{0%{opacity:0;-moz-transform:scale(0)}25%{opacity:.1;-moz-transform:scale(0)}50%{opacity:.3;-moz-transform:scale(.1)}75%{opacity:.5;-moz-transform:scale(.5)}to{opacity:0;-moz-transform:scale(1)}}@keyframes introjspulse{0%{opacity:0;transform:scale(0)}25%{opacity:.1;transform:scale(0)}50%{opacity:.3;transform:scale(.1)}75%{opacity:.5;transform:scale(.5)}to{opacity:0;transform:scale(1)}}
5
+ ---------------------------------------------- */.flickity-enabled{position:relative}.flickity-enabled:focus{outline:none}.flickity-viewport{height:100%;overflow:hidden;position:relative}.flickity-slider{height:100%;position:absolute;width:100%}.flickity-enabled.is-draggable{-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.flickity-enabled.is-draggable .flickity-viewport{cursor:move;cursor:-webkit-grab;cursor:grab}.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down{cursor:-webkit-grabbing;cursor:grabbing}.flickity-button{background:hsla(0,0%,100%,.75);border:none;color:#333;position:absolute}.flickity-button:hover{background:#fff;cursor:pointer}.flickity-button:focus{box-shadow:0 0 0 5px #19f;outline:none}.flickity-button:active{opacity:.6}.flickity-button:disabled{cursor:auto;opacity:.3;pointer-events:none}.flickity-button-icon{fill:currentColor}.flickity-prev-next-button{border-radius:50%;height:44px;top:50%;transform:translateY(-50%);width:44px}.flickity-prev-next-button.previous{left:10px}.flickity-prev-next-button.next{right:10px}.flickity-rtl .flickity-prev-next-button.previous{left:auto;right:10px}.flickity-rtl .flickity-prev-next-button.next{left:10px;right:auto}.flickity-prev-next-button .flickity-button-icon{height:60%;left:20%;position:absolute;top:20%;width:60%}.flickity-page-dots{bottom:-25px;line-height:1;list-style:none;margin:0;padding:0;position:absolute;text-align:center;width:100%}.flickity-rtl .flickity-page-dots{direction:rtl}.flickity-page-dots .dot{background:#333;border-radius:50%;cursor:pointer;display:inline-block;height:10px;margin:0 8px;opacity:.25;width:10px}.flickity-page-dots .dot.is-selected{opacity:1}.flickity-enabled.is-fullscreen{background:rgba(0,0,0,.9);height:100%;left:0;padding-bottom:35px;position:fixed;top:0;width:100%;z-index:1}.flickity-enabled.is-fullscreen .flickity-page-dots{bottom:10px}.flickity-enabled.is-fullscreen .flickity-page-dots .dot{background:#fff}html.is-flickity-fullscreen{overflow:hidden}.flickity-fullscreen-button{border-radius:4px;display:block;height:24px;right:10px;top:10px;width:24px}.flickity-rtl .flickity-fullscreen-button{left:10px;right:auto}.flickity-fullscreen-button-exit{display:none}.flickity-enabled.is-fullscreen .flickity-fullscreen-button-exit{display:block}.flickity-enabled.is-fullscreen .flickity-fullscreen-button-view{display:none}.flickity-fullscreen-button .flickity-button-icon{height:16px;left:4px;position:absolute;top:4px;width:16px}.introjs-overlay{background-color:#000;background:-moz-radial-gradient(center,ellipse farthest-corner,rgba(0,0,0,.4) 0,rgba(0,0,0,.9) 100%);background:-webkit-gradient(radial,center center,0,center center,100%,color-stop(0,rgba(0,0,0,.4)),color-stop(100%,rgba(0,0,0,.9)));background:-webkit-radial-gradient(center,ellipse farthest-corner,rgba(0,0,0,.4) 0,rgba(0,0,0,.9) 100%);background:-o-radial-gradient(center,ellipse farthest-corner,rgba(0,0,0,.4) 0,rgba(0,0,0,.9) 100%);background:-ms-radial-gradient(center,ellipse farthest-corner,rgba(0,0,0,.4) 0,rgba(0,0,0,.9) 100%);background:radial-gradient(center,ellipse farthest-corner,rgba(0,0,0,.4) 0,rgba(0,0,0,.9) 100%);box-sizing:content-box;filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr='#66000000',endColorstr='#e6000000',GradientType=1)";-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";filter:alpha(opacity=50);opacity:0;position:absolute;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-ms-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out;z-index:999999}.introjs-fixParent{opacity:1!important;-webkit-transform:none!important;-moz-transform:none!important;-ms-transform:none!important;-o-transform:none!important;transform:none!important;z-index:auto!important}.introjs-showElement,tr.introjs-showElement>td,tr.introjs-showElement>th{z-index:9999999!important}.introjs-disableInteraction{background-color:#fff;filter:alpha(opacity=0);opacity:0;position:absolute;z-index:99999999!important}.introjs-relativePosition,tr.introjs-showElement>td,tr.introjs-showElement>th{position:relative}.introjs-helperLayer{background-color:#fff;background-color:hsla(0,0%,100%,.9);border:1px solid #777;border:1px solid rgba(0,0,0,.5);border-radius:4px;box-shadow:0 2px 15px rgba(0,0,0,.4);z-index:9999998}.introjs-helperLayer,.introjs-tooltipReferenceLayer{box-sizing:content-box;position:absolute;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-ms-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}.introjs-tooltipReferenceLayer{background-color:transparent;visibility:hidden;z-index:100000000}.introjs-helperLayer *,.introjs-helperLayer :after,.introjs-helperLayer :before{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;-ms-box-sizing:content-box;-o-box-sizing:content-box;box-sizing:content-box}.introjs-helperNumberLayer{background:#ff3019;background:-webkit-linear-gradient(top,#ff3019,#cf0404);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#ff3019),color-stop(100%,#cf0404));background:-moz-linear-gradient(top,#ff3019 0,#cf0404 100%);background:-ms-linear-gradient(top,#ff3019 0,#cf0404 100%);background:-o-linear-gradient(top,#ff3019 0,#cf0404 100%);background:linear-gradient(180deg,#ff3019 0,#cf0404);border:3px solid #fff;border-radius:50%;box-shadow:0 2px 5px rgba(0,0,0,.4);box-sizing:content-box;color:#fff;filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3019', endColorstr='#cf0404', GradientType=0)";filter:"progid:DXImageTransform.Microsoft.Shadow(direction=135, strength=2, color=ff0000)";font-family:Arial,verdana,tahoma;font-size:13px;font-weight:700;height:20px;left:-16px;line-height:20px;padding:2px;position:absolute;text-align:center;text-shadow:1px 1px 1px rgba(0,0,0,.3);top:-16px;visibility:visible;width:20px;z-index:9999999999!important}.introjs-arrow{border:5px solid transparent;content:"";position:absolute}.introjs-arrow.top,.introjs-arrow.top-right{border-bottom-color:#fff;top:-10px}.introjs-arrow.top-right{right:10px}.introjs-arrow.top-middle{border-bottom-color:#fff;left:50%;margin-left:-5px;top:-10px}.introjs-arrow.right{border-left-color:#fff;right:-10px;top:10px}.introjs-arrow.right-bottom{border-left-color:#fff;bottom:10px;right:-10px}.introjs-arrow.bottom,.introjs-arrow.bottom-right{border-top-color:#fff;bottom:-10px}.introjs-arrow.bottom-right{right:10px}.introjs-arrow.bottom-middle{border-top-color:#fff;bottom:-10px;left:50%;margin-left:-5px}.introjs-arrow.left{border-right-color:#fff;left:-10px;top:10px}.introjs-arrow.left-bottom{border-right-color:#fff;bottom:10px;left:-10px}.introjs-tooltip{background-color:#fff;border-radius:3px;box-shadow:0 1px 10px rgba(0,0,0,.4);box-sizing:content-box;max-width:300px;min-width:200px;padding:10px;position:absolute;-webkit-transition:opacity .1s ease-out;-moz-transition:opacity .1s ease-out;-ms-transition:opacity .1s ease-out;-o-transition:opacity .1s ease-out;transition:opacity .1s ease-out;visibility:visible}.introjs-tooltipbuttons{text-align:right;white-space:nowrap}.introjs-button{zoom:1;-webkit-background-clip:padding;-moz-background-clip:padding;-o-background-clip:padding-box;background-color:#ececec;background-image:-webkit-gradient(linear,0 0,0 100%,from(#f4f4f4),to(#ececec));background-image:-moz-linear-gradient(#f4f4f4,#ececec);background-image:-o-linear-gradient(#f4f4f4,#ececec);background-image:linear-gradient(#f4f4f4,#ececec);border:1px solid #d4d4d4;-webkit-border-radius:.2em;-moz-border-radius:.2em;border-radius:.2em;box-sizing:content-box;color:#333;cursor:pointer;display:inline-block;*display:inline;font:11px/normal sans-serif;margin:10px 0 0;outline:none;overflow:visible;padding:.3em .8em;position:relative;text-decoration:none;text-shadow:1px 1px 0 #fff;white-space:nowrap}.introjs-button:hover{border-color:#bcbcbc;box-shadow:0 1px 1px #e3e3e3;text-decoration:none}.introjs-button:active,.introjs-button:focus{background-image:-webkit-gradient(linear,0 0,0 100%,from(#ececec),to(#f4f4f4));background-image:-moz-linear-gradient(#ececec,#f4f4f4);background-image:-o-linear-gradient(#ececec,#f4f4f4);background-image:linear-gradient(#ececec,#f4f4f4)}.introjs-button::-moz-focus-inner{border:0;padding:0}.introjs-skipbutton{box-sizing:content-box;color:#7a7a7a;margin-right:5px}.introjs-prevbutton{-webkit-border-radius:.2em 0 0 .2em;-moz-border-radius:.2em 0 0 .2em;border-radius:.2em 0 0 .2em;border-right:none}.introjs-prevbutton.introjs-fullbutton{border:1px solid #d4d4d4;-webkit-border-radius:.2em;-moz-border-radius:.2em;border-radius:.2em}.introjs-nextbutton{-webkit-border-radius:0 .2em .2em 0;-moz-border-radius:0 .2em .2em 0;border-radius:0 .2em .2em 0}.introjs-nextbutton.introjs-fullbutton{-webkit-border-radius:.2em;-moz-border-radius:.2em;border-radius:.2em}.introjs-disabled,.introjs-disabled:focus,.introjs-disabled:hover{background-color:#f4f4f4;background-image:none;border-color:#d4d4d4;box-shadow:none;color:#9a9a9a;cursor:default;text-decoration:none}.introjs-hidden{display:none}.introjs-bullets{text-align:center}.introjs-bullets ul{box-sizing:content-box;clear:both;display:inline-block;margin:15px auto 0;padding:0}.introjs-bullets ul li{box-sizing:content-box;float:left;list-style:none;margin:0 2px}.introjs-bullets ul li a{background:#ccc;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;box-sizing:content-box;cursor:pointer;display:block;height:6px;text-decoration:none;width:6px}.introjs-bullets ul li a:hover{background:#999}.introjs-bullets ul li a.active{background:#999}.introjs-progress{background-color:#ecf0f1;border-radius:4px;box-sizing:content-box;height:10px;margin:10px 0 5px;overflow:hidden}.introjs-progressbar{background-color:#08c;box-sizing:content-box;float:left;font-size:10px;height:100%;line-height:10px;text-align:center;width:0}.introjsFloatingElement{height:0;left:50%;position:absolute;top:50%;width:0}.introjs-fixedTooltip{position:fixed}.introjs-hint{background:transparent;box-sizing:content-box;cursor:pointer;height:15px;position:absolute;width:20px}.introjs-hint:focus{border:0;outline:0}.introjs-hidehint{display:none}.introjs-fixedhint{position:fixed}.introjs-hint:hover>.introjs-hint-pulse{border:5px solid rgba(60,60,60,.57)}.introjs-hint-pulse{background-color:hsla(0,0%,53%,.24);border:5px solid rgba(60,60,60,.27);-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px;box-sizing:content-box;height:10px;position:absolute;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-ms-transition:all .2s ease-out;-o-transition:all .2s ease-out;transition:all .2s ease-out;width:10px;z-index:10}.introjs-hint-no-anim .introjs-hint-dot{-webkit-animation:none;-moz-animation:none;animation:none}.introjs-hint-dot{-webkit-animation:introjspulse 3s ease-out;-moz-animation:introjspulse 3s ease-out;animation:introjspulse 3s ease-out;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;animation-iteration-count:infinite;background:transparent;border:10px solid hsla(0,0%,57%,.36);-webkit-border-radius:60px;-moz-border-radius:60px;border-radius:60px;box-sizing:content-box;height:50px;left:-25px;opacity:0;position:absolute;top:-25px;width:50px;z-index:1}@-webkit-keyframes introjspulse{0%{opacity:0;-webkit-transform:scale(0)}25%{opacity:.1;-webkit-transform:scale(0)}50%{opacity:.3;-webkit-transform:scale(.1)}75%{opacity:.5;-webkit-transform:scale(.5)}to{opacity:0;-webkit-transform:scale(1)}}@-moz-keyframes introjspulse{0%{opacity:0;-moz-transform:scale(0)}25%{opacity:.1;-moz-transform:scale(0)}50%{opacity:.3;-moz-transform:scale(.1)}75%{opacity:.5;-moz-transform:scale(.5)}to{opacity:0;-moz-transform:scale(1)}}@keyframes introjspulse{0%{opacity:0;transform:scale(0)}25%{opacity:.1;transform:scale(0)}50%{opacity:.3;transform:scale(.1)}75%{opacity:.5;transform:scale(.5)}to{opacity:0;transform:scale(1)}}
6
6
 
7
7
  /*! Tablesaw - v3.1.2 - 2019-03-19
8
8
  * https://github.com/filamentgroup/tablesaw
9
- * Copyright (c) 2019 Filament Group; Licensed MIT */.tablesaw{border:0;border-collapse:collapse;empty-cells:show;max-width:100%;padding:0;width:100%}.tablesaw *{box-sizing:border-box}.tablesaw-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:1px solid #ccc;border-radius:.25em;box-shadow:0 1px 0 #fff;color:#4a4a4a;cursor:pointer;margin:0;padding:.5em .85em .4em;text-align:center;text-decoration:none;text-transform:capitalize}a.tablesaw-btn{color:#1c95d4}.tablesaw-btn:hover{text-decoration:none}.tablesaw-btn:active{background-color:#ddd}@supports (box-shadow:none){.tablesaw-btn:focus{background-color:#fff;box-shadow:0 0 .35em #4faeef!important;outline:none}}.tablesaw-btn-select select{background:none;border:none;color:transparent;display:inline-block;height:100%;left:0;margin:0;min-height:1em;opacity:0;position:absolute;top:0;width:100%;z-index:2}.tablesaw-btn select option{background:#fff;color:#000}.tablesaw-btn{display:inline-block;height:auto;position:relative;top:0;width:auto}.tablesaw-btn.btn-small{font-size:1.0625em;line-height:19px;padding:.3em 1em}.tablesaw-btn.btn-micro{font-size:.8125em;padding:.4em .7em .25em}.tablesaw-btn-select{color:#4d4d4d;display:inline-block;min-width:7.25em;padding-right:2.5em;text-align:left}.tablesaw-btn-select:after{background:none;background-position:.25em .45em;background-repeat:no-repeat;bottom:0;content:" ";content:"\25bc";font-size:.55em;left:auto;margin:0;padding-left:1em;padding-top:1.2em;position:absolute;right:0;top:0;width:1.8em}.tablesaw-btn-select.btn-micro:after,.tablesaw-btn-select.btn-small:after{background:none;border-left-width:0;box-shadow:none;font-size:.5em;line-height:1.65;padding-right:.5em;padding-top:1em;width:1.2em}.tablesaw-advance .tablesaw-btn{-webkit-appearance:none;-moz-appearance:none;border-radius:.25em;box-sizing:border-box;text-shadow:0 1px 0 #fff}.tablesaw-advance .tablesaw-btn.btn-micro{font-size:.8125em;padding:.3em .7em .25em}.tablesaw-advance a.tablesaw-nav-btn:first-child{margin-left:0}.tablesaw-advance a.tablesaw-nav-btn:last-child{margin-right:0}.tablesaw-advance a.tablesaw-nav-btn{background-position:50% 50%;display:inline-block;height:1.8em;margin-left:.25em;margin-right:.25em;overflow:hidden;position:relative;text-indent:-9999px;width:1.8em}.tablesaw-advance a.tablesaw-nav-btn.down:before,.tablesaw-advance a.tablesaw-nav-btn.left:before,.tablesaw-advance a.tablesaw-nav-btn.right:before,.tablesaw-advance a.tablesaw-nav-btn.up:before{content:"\0020";height:0;overflow:hidden;position:absolute;width:0}.tablesaw-advance a.tablesaw-nav-btn.down:before{border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid grey;left:.5em;top:.65em}.tablesaw-advance a.tablesaw-nav-btn.up:before{border-bottom:5px solid grey;border-left:5px solid transparent;border-right:5px solid transparent;left:.5em;top:.65em}.tablesaw-advance a.tablesaw-nav-btn.left:before,.tablesaw-advance a.tablesaw-nav-btn.right:before{border-bottom:5px solid transparent;border-top:5px solid transparent;top:.45em}.tablesaw-advance a.tablesaw-nav-btn.left:before{border-right:5px solid grey;left:.6em}.tablesaw-advance a.tablesaw-nav-btn.right:before{border-left:5px solid grey;left:.7em}.tablesaw-advance a.tablesaw-nav-btn.disabled{cursor:default;opacity:.25;pointer-events:none}.tablesaw-bar{clear:both}.tablesaw-bar *{box-sizing:border-box}.tablesaw-bar-section{float:left}.tablesaw-bar-section label{clear:both;color:#888;display:block;font-size:.875em;margin-right:.5em;padding:.5em 0;text-transform:uppercase}.tablesaw-btn,.tablesaw-enhanced .tablesaw-btn{margin-bottom:.5em;margin-top:.5em}.tablesaw-btn-select,.tablesaw-enhanced .tablesaw-btn-select{margin-bottom:0}.tablesaw-bar .tablesaw-bar-section .tablesaw-btn{background:transparent;border:none;box-shadow:none;font-size:1em;margin-left:.4em;margin-top:0;padding-left:.3em;text-transform:uppercase}.tablesaw-bar .tablesaw-bar-section .btn-select{min-width:0}.tablesaw-bar .tablesaw-bar-section .btn-select:after{padding-top:.9em}.tablesaw-bar .tablesaw-bar-section select{background:transparent;color:#888;text-transform:none}.tablesaw-bar-section~table{clear:both}.tablesaw-bar-section .abbreviated{display:inline}.tablesaw-bar-section .longform{display:none}@media (min-width:24em){.tablesaw-bar-section .abbreviated{display:none}.tablesaw-bar-section .longform{display:inline}}.tablesaw td,.tablesaw th{padding:.5em .7em;text-align:left;vertical-align:middle}.tablesaw-sortable-btn{padding:.5em .7em}.tablesaw thead th{text-align:left}.tablesaw-row-border tr{border-bottom:1px solid #dfdfdf}.tablesaw-row-zebra tr:nth-child(2n){background-color:#f8f8f8}.tablesaw caption{margin:.59375em 0;text-align:left}.tablesaw-swipe .tablesaw-swipe-cellpersist{border-right:2px solid #e4e1de}.tablesaw-swipe-shadow .tablesaw-swipe-cellpersist{border-right-width:1px;box-shadow:3px 0 4px -1px #e4e1de}.tablesaw-stack td .tablesaw-cell-label,.tablesaw-stack th .tablesaw-cell-label{display:none}@media only all{.tablesaw-stack{clear:both}.tablesaw-stack td,.tablesaw-stack th{display:block;text-align:left}.tablesaw-stack tr{clear:both;display:table-row}.tablesaw-stack td .tablesaw-cell-label,.tablesaw-stack th .tablesaw-cell-label{display:inline-block;padding:0 .6em 0 0;width:30%}.tablesaw-stack td .tablesaw-cell-label-top,.tablesaw-stack th .tablesaw-cell-label-top{display:block;margin:.4em 0;padding:.4em 0}.tablesaw-cell-label{display:block}.tablesaw-stack tbody th.group{margin-top:-1px}.tablesaw-stack th.group b.tablesaw-cell-label{display:none!important}}@media (max-width:39.9375em){.tablesaw-stack tbody tr{border-bottom:1px solid #dfdfdf;display:block;width:100%}.tablesaw-stack thead td,.tablesaw-stack thead th{display:none}.tablesaw-stack tbody td,.tablesaw-stack tbody th{clear:left;display:block;float:left;width:100%}.tablesaw-cell-label{vertical-align:top}.tablesaw-cell-content{display:inline-block;max-width:67%}.tablesaw-stack .tablesaw-stack-block .tablesaw-cell-content,.tablesaw-stack .tablesaw-stack-block .tablesaw-cell-label{display:block;max-width:100%;padding:0;width:100%}.tablesaw-stack td:empty,.tablesaw-stack th:empty{display:none}}@media (min-width:40em){.tablesaw-stack tr{display:table-row}.tablesaw-stack td,.tablesaw-stack th,.tablesaw-stack thead td,.tablesaw-stack thead th{display:table-cell;margin:0}.tablesaw-stack td .tablesaw-cell-label,.tablesaw-stack th .tablesaw-cell-label{display:none!important}}.tablesaw-fix-persist{table-layout:fixed}@media only all{.tablesaw-swipe td.tablesaw-swipe-cellhidden,.tablesaw-swipe th.tablesaw-swipe-cellhidden{display:none}}.tablesaw-overflow{-webkit-overflow-scrolling:touch;overflow-x:auto;position:relative;width:100%}.tablesaw-overflow>.tablesaw{margin-top:2px}.tablesaw-columntoggle-btn span{display:inline-block;text-indent:-9999px}.tablesaw-columntoggle-btnwrap{position:relative}.tablesaw-columntoggle-btnwrap .dialog-content{padding:.5em}.tablesaw-columntoggle tbody td{line-height:1.5}.tablesaw-columntoggle-popup{display:none}.tablesaw-columntoggle-btnwrap.visible .tablesaw-columntoggle-popup{background-color:#fff;border:1px solid #ccc;border-radius:.2em;box-shadow:0 1px 2px #ccc;display:block;padding:.5em .8em;position:absolute;right:0;top:2em;z-index:1}.tablesaw-columntoggle-popup fieldset{margin:0}@media only all{.tablesaw-columntoggle td.tablesaw-priority-0,.tablesaw-columntoggle td.tablesaw-priority-1,.tablesaw-columntoggle td.tablesaw-priority-2,.tablesaw-columntoggle td.tablesaw-priority-3,.tablesaw-columntoggle td.tablesaw-priority-4,.tablesaw-columntoggle td.tablesaw-priority-5,.tablesaw-columntoggle td.tablesaw-priority-6,.tablesaw-columntoggle th.tablesaw-priority-0,.tablesaw-columntoggle th.tablesaw-priority-1,.tablesaw-columntoggle th.tablesaw-priority-2,.tablesaw-columntoggle th.tablesaw-priority-3,.tablesaw-columntoggle th.tablesaw-priority-4,.tablesaw-columntoggle th.tablesaw-priority-5,.tablesaw-columntoggle th.tablesaw-priority-6{display:none}}.tablesaw-columntoggle-btnwrap .dialog-content{left:auto!important;margin:-.5em auto 0;max-width:18em;right:1em;top:0!important;width:12em}.tablesaw-columntoggle-btnwrap .dialog-content:focus{outline-style:none}@media (min-width:20em){.tablesaw-columntoggle td.tablesaw-priority-1,.tablesaw-columntoggle th.tablesaw-priority-1{display:table-cell}}@media (min-width:30em){.tablesaw-columntoggle td.tablesaw-priority-2,.tablesaw-columntoggle th.tablesaw-priority-2{display:table-cell}}@media (min-width:40em){.tablesaw-columntoggle td.tablesaw-priority-3,.tablesaw-columntoggle th.tablesaw-priority-3{display:table-cell}.tablesaw-columntoggle tbody td{line-height:2}}@media (min-width:50em){.tablesaw-columntoggle td.tablesaw-priority-4,.tablesaw-columntoggle th.tablesaw-priority-4{display:table-cell}}@media (min-width:60em){.tablesaw-columntoggle td.tablesaw-priority-5,.tablesaw-columntoggle th.tablesaw-priority-5{display:table-cell}}@media (min-width:70em){.tablesaw-columntoggle td.tablesaw-priority-6,.tablesaw-columntoggle th.tablesaw-priority-6{display:table-cell}}@media only all{.tablesaw-columntoggle td.tablesaw-toggle-cellhidden,.tablesaw-columntoggle th.tablesaw-toggle-cellhidden{display:none}.tablesaw-columntoggle td.tablesaw-toggle-cellvisible,.tablesaw-columntoggle th.tablesaw-toggle-cellvisible{display:table-cell}}.tablesaw-columntoggle-popup .tablesaw-btn-group>label{cursor:default;display:block;padding:.2em 0;white-space:nowrap}.tablesaw-columntoggle-popup .tablesaw-btn-group>label input{margin-right:.8em}.tablesaw-sortable-head{position:relative;vertical-align:top}.tablesaw .tablesaw-sortable-head{padding:0}.tablesaw-sortable-btn{background:transparent;border:0;color:inherit;font:inherit;min-width:100%;text-align:inherit;text-transform:inherit}.tablesaw-sortable-arrow:after{content:" ";display:inline-block;height:14px;margin-left:.3125em;width:10px}.tablesaw-sortable-ascending .tablesaw-sortable-arrow:after,.tablesaw-sortable-descending .tablesaw-sortable-arrow:after{content:"\0020"}.tablesaw-sortable-ascending .tablesaw-sortable-arrow:after{content:"\2191"}.tablesaw-sortable-descending .tablesaw-sortable-arrow:after{content:"\2193"}.tablesaw-advance{float:right}.tablesaw-advance.minimap{margin-right:.4em}.tablesaw-advance-dots{float:left;list-style:none;margin:0;padding:0}.tablesaw-advance-dots li{display:table-cell;margin:0;padding:.4em .2em}.tablesaw-advance-dots li i{background:#555;border-radius:100%;display:inline-block;height:.25em;width:.25em}.tablesaw-advance-dots-hide{cursor:default;opacity:.25;pointer-events:none}.cc-window{opacity:1;-webkit-transition:opacity 1s ease;transition:opacity 1s ease}.cc-window.cc-invisible{opacity:0}.cc-animate.cc-revoke{-webkit-transition:transform 1s ease;-webkit-transition:-webkit-transform 1s ease;transition:-webkit-transform 1s ease;transition:transform 1s ease;transition:transform 1s ease,-webkit-transform 1s ease}.cc-animate.cc-revoke.cc-top{-webkit-transform:translateY(-2em);transform:translateY(-2em)}.cc-animate.cc-revoke.cc-bottom{-webkit-transform:translateY(2em);transform:translateY(2em)}.cc-animate.cc-revoke.cc-active.cc-bottom,.cc-animate.cc-revoke.cc-active.cc-top,.cc-revoke:hover{-webkit-transform:translateY(0);transform:translateY(0)}.cc-grower{max-height:0;overflow:hidden;-webkit-transition:max-height 1s;transition:max-height 1s}.cc-revoke,.cc-window{-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;font-family:Helvetica,Calibri,Arial,sans-serif;font-size:16px;line-height:1.5em;overflow:hidden;position:fixed;z-index:9999}.cc-window.cc-static{position:static}.cc-window.cc-floating{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;max-width:24em;padding:2em}.cc-window.cc-banner{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;padding:1em 1.8em;width:100%}.cc-revoke{padding:.5em}.cc-revoke:hover{text-decoration:underline}.cc-header{font-size:18px;font-weight:700}.cc-btn,.cc-close,.cc-link,.cc-revoke{cursor:pointer}.cc-link{display:inline-block;opacity:.8;padding:.2em;text-decoration:underline}.cc-link:hover{opacity:1}.cc-link:active,.cc-link:visited{color:initial}.cc-btn{border-style:solid;border-width:2px;display:block;font-size:.9em;font-weight:700;padding:.4em .8em;text-align:center;white-space:nowrap}.cc-highlight .cc-btn:first-child{background-color:transparent;border-color:transparent}.cc-highlight .cc-btn:first-child:focus,.cc-highlight .cc-btn:first-child:hover{background-color:transparent;text-decoration:underline}.cc-close{display:block;font-size:1.6em;line-height:.75;opacity:.9;position:absolute;right:.5em;top:.5em}.cc-close:focus,.cc-close:hover{opacity:1}.cc-revoke.cc-top{border-bottom-left-radius:.5em;border-bottom-right-radius:.5em;left:3em;top:0}.cc-revoke.cc-bottom{border-top-left-radius:.5em;border-top-right-radius:.5em;bottom:0;left:3em}.cc-revoke.cc-left{left:3em;right:unset}.cc-revoke.cc-right{left:unset;right:3em}.cc-top{top:1em}.cc-left{left:1em}.cc-right{right:1em}.cc-bottom{bottom:1em}.cc-floating>.cc-link{margin-bottom:1em}.cc-floating .cc-message{display:block;margin-bottom:1em}.cc-window.cc-floating .cc-compliance{-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto}.cc-window.cc-banner{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.cc-banner.cc-top{left:0;right:0;top:0}.cc-banner.cc-bottom{bottom:0;left:0;right:0}.cc-banner .cc-message{-webkit-box-flex:1;display:block;-ms-flex:1 1 auto;flex:1 1 auto;margin-right:1em;max-width:100%}.cc-compliance{-webkit-box-align:center;-ms-flex-align:center;-ms-flex-line-pack:justify;align-content:space-between;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex}.cc-floating .cc-compliance>.cc-btn{-webkit-box-flex:1;-ms-flex:1;flex:1}.cc-btn+.cc-btn{margin-left:.5em}@media print{.cc-revoke,.cc-window{display:none}}@media screen and (max-width:900px){.cc-btn{white-space:normal}}@media screen and (max-width:414px) and (orientation:portrait),screen and (max-width:736px) and (orientation:landscape){.cc-window.cc-top{top:0}.cc-window.cc-bottom{bottom:0}.cc-window.cc-banner,.cc-window.cc-floating,.cc-window.cc-left,.cc-window.cc-right{left:0;right:0}.cc-window.cc-banner{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.cc-window.cc-banner .cc-compliance{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto}.cc-window.cc-floating{max-width:none}.cc-window .cc-message{margin-bottom:1em}.cc-window.cc-banner{-webkit-box-align:unset;-ms-flex-align:unset;align-items:unset}.cc-window.cc-banner .cc-message{margin-right:0}}.cc-floating.cc-theme-classic{border-radius:5px;padding:1.2em}.cc-floating.cc-type-info.cc-theme-classic .cc-compliance{-webkit-box-flex:0;display:inline;-ms-flex:none;flex:none;text-align:center}.cc-theme-classic .cc-btn{border-radius:5px}.cc-theme-classic .cc-btn:last-child{min-width:140px}.cc-floating.cc-type-info.cc-theme-classic .cc-btn{display:inline-block}.cc-theme-edgeless.cc-window{padding:0}.cc-floating.cc-theme-edgeless .cc-message{margin:2em 2em 1.5em}.cc-banner.cc-theme-edgeless .cc-btn{height:100%;margin:0;padding:.8em 1.8em}.cc-banner.cc-theme-edgeless .cc-message{margin-left:1em}.cc-floating.cc-theme-edgeless .cc-btn+.cc-btn{margin-left:0}
9
+ * Copyright (c) 2019 Filament Group; Licensed MIT */.tablesaw{border:0;border-collapse:collapse;empty-cells:show;max-width:100%;padding:0;width:100%}.tablesaw *{box-sizing:border-box}.tablesaw-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:1px solid #ccc;border-radius:.25em;box-shadow:0 1px 0 #fff;color:#4a4a4a;cursor:pointer;margin:0;padding:.5em .85em .4em;text-align:center;text-decoration:none;text-transform:capitalize}a.tablesaw-btn{color:#1c95d4}.tablesaw-btn:hover{text-decoration:none}.tablesaw-btn:active{background-color:#ddd}@supports (box-shadow:none){.tablesaw-btn:focus{background-color:#fff;outline:none}.tablesaw-btn:focus{box-shadow:0 0 .35em #4faeef!important}}.tablesaw-btn-select select{background:none;border:none;color:transparent;display:inline-block;height:100%;left:0;margin:0;min-height:1em;opacity:0;position:absolute;top:0;width:100%;z-index:2}.tablesaw-btn select option{background:#fff;color:#000}.tablesaw-btn{display:inline-block;height:auto;position:relative;top:0;width:auto}.tablesaw-btn.btn-small{font-size:1.0625em;line-height:19px;padding:.3em 1em}.tablesaw-btn.btn-micro{font-size:.8125em;padding:.4em .7em .25em}.tablesaw-btn-select{color:#4d4d4d;display:inline-block;min-width:7.25em;padding-right:2.5em;text-align:left}.tablesaw-btn-select:after{background:none;background-position:.25em .45em;background-repeat:no-repeat;bottom:0;content:" ";content:"\25bc";font-size:.55em;left:auto;margin:0;padding-left:1em;padding-top:1.2em;position:absolute;right:0;top:0;width:1.8em}.tablesaw-btn-select.btn-micro:after,.tablesaw-btn-select.btn-small:after{background:none;border-left-width:0;box-shadow:none;font-size:.5em;line-height:1.65;padding-right:.5em;padding-top:1em;width:1.2em}.tablesaw-advance .tablesaw-btn{-webkit-appearance:none;-moz-appearance:none;border-radius:.25em;box-sizing:border-box;text-shadow:0 1px 0 #fff}.tablesaw-advance .tablesaw-btn.btn-micro{font-size:.8125em;padding:.3em .7em .25em}.tablesaw-advance a.tablesaw-nav-btn:first-child{margin-left:0}.tablesaw-advance a.tablesaw-nav-btn:last-child{margin-right:0}.tablesaw-advance a.tablesaw-nav-btn{background-position:50% 50%;display:inline-block;height:1.8em;margin-left:.25em;margin-right:.25em;overflow:hidden;position:relative;text-indent:-9999px;width:1.8em}.tablesaw-advance a.tablesaw-nav-btn.down:before,.tablesaw-advance a.tablesaw-nav-btn.left:before,.tablesaw-advance a.tablesaw-nav-btn.right:before,.tablesaw-advance a.tablesaw-nav-btn.up:before{content:"\0020";height:0;overflow:hidden;position:absolute;width:0}.tablesaw-advance a.tablesaw-nav-btn.down:before{border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid grey;left:.5em;top:.65em}.tablesaw-advance a.tablesaw-nav-btn.up:before{border-bottom:5px solid grey;border-left:5px solid transparent;border-right:5px solid transparent;left:.5em;top:.65em}.tablesaw-advance a.tablesaw-nav-btn.left:before,.tablesaw-advance a.tablesaw-nav-btn.right:before{border-bottom:5px solid transparent;border-top:5px solid transparent;top:.45em}.tablesaw-advance a.tablesaw-nav-btn.left:before{border-right:5px solid grey;left:.6em}.tablesaw-advance a.tablesaw-nav-btn.right:before{border-left:5px solid grey;left:.7em}.tablesaw-advance a.tablesaw-nav-btn.disabled{cursor:default;opacity:.25;pointer-events:none}.tablesaw-bar{clear:both}.tablesaw-bar *{box-sizing:border-box}.tablesaw-bar-section{float:left}.tablesaw-bar-section label{clear:both;color:#888;display:block;font-size:.875em;margin-right:.5em;padding:.5em 0;text-transform:uppercase}.tablesaw-btn,.tablesaw-enhanced .tablesaw-btn{margin-bottom:.5em;margin-top:.5em}.tablesaw-btn-select,.tablesaw-enhanced .tablesaw-btn-select{margin-bottom:0}.tablesaw-bar .tablesaw-bar-section .tablesaw-btn{background:transparent;border:none;box-shadow:none;font-size:1em;margin-left:.4em;margin-top:0;padding-left:.3em;text-transform:uppercase}.tablesaw-bar .tablesaw-bar-section .btn-select{min-width:0}.tablesaw-bar .tablesaw-bar-section .btn-select:after{padding-top:.9em}.tablesaw-bar .tablesaw-bar-section select{background:transparent;color:#888;text-transform:none}.tablesaw-bar-section~table{clear:both}.tablesaw-bar-section .abbreviated{display:inline}.tablesaw-bar-section .longform{display:none}@media (min-width:24em){.tablesaw-bar-section .abbreviated{display:none}.tablesaw-bar-section .longform{display:inline}}.tablesaw td,.tablesaw th{padding:.5em .7em;text-align:left;vertical-align:middle}.tablesaw-sortable-btn{padding:.5em .7em}.tablesaw thead th{text-align:left}.tablesaw-row-border tr{border-bottom:1px solid #dfdfdf}.tablesaw-row-zebra tr:nth-child(2n){background-color:#f8f8f8}.tablesaw caption{margin:.59375em 0;text-align:left}.tablesaw-swipe .tablesaw-swipe-cellpersist{border-right:2px solid #e4e1de}.tablesaw-swipe-shadow .tablesaw-swipe-cellpersist{border-right-width:1px;box-shadow:3px 0 4px -1px #e4e1de}.tablesaw-stack td .tablesaw-cell-label,.tablesaw-stack th .tablesaw-cell-label{display:none}@media only all{.tablesaw-stack{clear:both}.tablesaw-stack td,.tablesaw-stack th{display:block;text-align:left}.tablesaw-stack tr{clear:both;display:table-row}.tablesaw-stack td .tablesaw-cell-label,.tablesaw-stack th .tablesaw-cell-label{display:inline-block;padding:0 .6em 0 0;width:30%}.tablesaw-stack td .tablesaw-cell-label-top,.tablesaw-stack th .tablesaw-cell-label-top{display:block;margin:.4em 0;padding:.4em 0}.tablesaw-cell-label{display:block}.tablesaw-stack tbody th.group{margin-top:-1px}.tablesaw-stack th.group b.tablesaw-cell-label{display:none!important}}@media (max-width:39.9375em){.tablesaw-stack tbody tr{border-bottom:1px solid #dfdfdf;display:block;width:100%}.tablesaw-stack thead td,.tablesaw-stack thead th{display:none}.tablesaw-stack tbody td,.tablesaw-stack tbody th{clear:left;display:block;float:left;width:100%}.tablesaw-cell-label{vertical-align:top}.tablesaw-cell-content{display:inline-block;max-width:67%}.tablesaw-stack .tablesaw-stack-block .tablesaw-cell-content,.tablesaw-stack .tablesaw-stack-block .tablesaw-cell-label{display:block;max-width:100%;padding:0;width:100%}.tablesaw-stack td:empty,.tablesaw-stack th:empty{display:none}}@media (min-width:40em){.tablesaw-stack tr{display:table-row}.tablesaw-stack td,.tablesaw-stack th,.tablesaw-stack thead td,.tablesaw-stack thead th{display:table-cell;margin:0}.tablesaw-stack td .tablesaw-cell-label,.tablesaw-stack th .tablesaw-cell-label{display:none!important}}.tablesaw-fix-persist{table-layout:fixed}@media only all{.tablesaw-swipe td.tablesaw-swipe-cellhidden,.tablesaw-swipe th.tablesaw-swipe-cellhidden{display:none}}.tablesaw-overflow{-webkit-overflow-scrolling:touch;overflow-x:auto;position:relative;width:100%}.tablesaw-overflow>.tablesaw{margin-top:2px}.tablesaw-columntoggle-btn span{display:inline-block;text-indent:-9999px}.tablesaw-columntoggle-btnwrap{position:relative}.tablesaw-columntoggle-btnwrap .dialog-content{padding:.5em}.tablesaw-columntoggle tbody td{line-height:1.5}.tablesaw-columntoggle-popup{display:none}.tablesaw-columntoggle-btnwrap.visible .tablesaw-columntoggle-popup{background-color:#fff;border:1px solid #ccc;border-radius:.2em;box-shadow:0 1px 2px #ccc;display:block;padding:.5em .8em;position:absolute;right:0;top:2em;z-index:1}.tablesaw-columntoggle-popup fieldset{margin:0}@media only all{.tablesaw-columntoggle td.tablesaw-priority-0,.tablesaw-columntoggle td.tablesaw-priority-1,.tablesaw-columntoggle td.tablesaw-priority-2,.tablesaw-columntoggle td.tablesaw-priority-3,.tablesaw-columntoggle td.tablesaw-priority-4,.tablesaw-columntoggle td.tablesaw-priority-5,.tablesaw-columntoggle td.tablesaw-priority-6,.tablesaw-columntoggle th.tablesaw-priority-0,.tablesaw-columntoggle th.tablesaw-priority-1,.tablesaw-columntoggle th.tablesaw-priority-2,.tablesaw-columntoggle th.tablesaw-priority-3,.tablesaw-columntoggle th.tablesaw-priority-4,.tablesaw-columntoggle th.tablesaw-priority-5,.tablesaw-columntoggle th.tablesaw-priority-6{display:none}}.tablesaw-columntoggle-btnwrap .dialog-content{left:auto!important;margin:-.5em auto 0;max-width:18em;right:1em;top:0!important;width:12em}.tablesaw-columntoggle-btnwrap .dialog-content:focus{outline-style:none}@media (min-width:20em){.tablesaw-columntoggle td.tablesaw-priority-1,.tablesaw-columntoggle th.tablesaw-priority-1{display:table-cell}}@media (min-width:30em){.tablesaw-columntoggle td.tablesaw-priority-2,.tablesaw-columntoggle th.tablesaw-priority-2{display:table-cell}}@media (min-width:40em){.tablesaw-columntoggle td.tablesaw-priority-3,.tablesaw-columntoggle th.tablesaw-priority-3{display:table-cell}.tablesaw-columntoggle tbody td{line-height:2}}@media (min-width:50em){.tablesaw-columntoggle td.tablesaw-priority-4,.tablesaw-columntoggle th.tablesaw-priority-4{display:table-cell}}@media (min-width:60em){.tablesaw-columntoggle td.tablesaw-priority-5,.tablesaw-columntoggle th.tablesaw-priority-5{display:table-cell}}@media (min-width:70em){.tablesaw-columntoggle td.tablesaw-priority-6,.tablesaw-columntoggle th.tablesaw-priority-6{display:table-cell}}@media only all{.tablesaw-columntoggle td.tablesaw-toggle-cellhidden,.tablesaw-columntoggle th.tablesaw-toggle-cellhidden{display:none}.tablesaw-columntoggle td.tablesaw-toggle-cellvisible,.tablesaw-columntoggle th.tablesaw-toggle-cellvisible{display:table-cell}}.tablesaw-columntoggle-popup .tablesaw-btn-group>label{cursor:default;display:block;padding:.2em 0;white-space:nowrap}.tablesaw-columntoggle-popup .tablesaw-btn-group>label input{margin-right:.8em}.tablesaw-sortable-head{position:relative;vertical-align:top}.tablesaw .tablesaw-sortable-head{padding:0}.tablesaw-sortable-btn{background:transparent;border:0;color:inherit;font:inherit;min-width:100%;text-align:inherit;text-transform:inherit}.tablesaw-sortable-arrow:after{content:" ";display:inline-block;height:14px;margin-left:.3125em;width:10px}.tablesaw-sortable-ascending .tablesaw-sortable-arrow:after,.tablesaw-sortable-descending .tablesaw-sortable-arrow:after{content:"\0020"}.tablesaw-sortable-ascending .tablesaw-sortable-arrow:after{content:"\2191"}.tablesaw-sortable-descending .tablesaw-sortable-arrow:after{content:"\2193"}.tablesaw-advance{float:right}.tablesaw-advance.minimap{margin-right:.4em}.tablesaw-advance-dots{float:left;list-style:none;margin:0;padding:0}.tablesaw-advance-dots li{display:table-cell;margin:0;padding:.4em .2em}.tablesaw-advance-dots li i{background:#555;border-radius:100%;display:inline-block;height:.25em;width:.25em}.tablesaw-advance-dots-hide{cursor:default;opacity:.25;pointer-events:none}.cc-window{opacity:1;-webkit-transition:opacity 1s ease;transition:opacity 1s ease}.cc-window.cc-invisible{opacity:0}.cc-animate.cc-revoke{-webkit-transition:transform 1s ease;-webkit-transition:-webkit-transform 1s ease;transition:-webkit-transform 1s ease;transition:transform 1s ease;transition:transform 1s ease,-webkit-transform 1s ease}.cc-animate.cc-revoke.cc-top{-webkit-transform:translateY(-2em);transform:translateY(-2em)}.cc-animate.cc-revoke.cc-bottom{-webkit-transform:translateY(2em);transform:translateY(2em)}.cc-animate.cc-revoke.cc-active.cc-bottom,.cc-animate.cc-revoke.cc-active.cc-top{-webkit-transform:translateY(0);transform:translateY(0)}.cc-revoke:hover{-webkit-transform:translateY(0);transform:translateY(0)}.cc-grower{max-height:0;overflow:hidden;-webkit-transition:max-height 1s;transition:max-height 1s}.cc-revoke,.cc-window{-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;font-family:Helvetica,Calibri,Arial,sans-serif;font-size:16px;line-height:1.5em;overflow:hidden;position:fixed;z-index:9999}.cc-window.cc-static{position:static}.cc-window.cc-floating{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;max-width:24em;padding:2em}.cc-window.cc-banner{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;padding:1em 1.8em;width:100%}.cc-revoke{padding:.5em}.cc-revoke:hover{text-decoration:underline}.cc-header{font-size:18px;font-weight:700}.cc-btn,.cc-close,.cc-link,.cc-revoke{cursor:pointer}.cc-link{display:inline-block;opacity:.8;padding:.2em;text-decoration:underline}.cc-link:hover{opacity:1}.cc-link:active,.cc-link:visited{color:initial}.cc-btn{border-style:solid;border-width:2px;display:block;font-size:.9em;font-weight:700;padding:.4em .8em;text-align:center;white-space:nowrap}.cc-highlight .cc-btn:first-child{background-color:transparent;border-color:transparent}.cc-highlight .cc-btn:first-child:focus,.cc-highlight .cc-btn:first-child:hover{background-color:transparent;text-decoration:underline}.cc-close{display:block;font-size:1.6em;line-height:.75;opacity:.9;position:absolute;right:.5em;top:.5em}.cc-close:focus,.cc-close:hover{opacity:1}.cc-revoke.cc-top{border-bottom-left-radius:.5em;border-bottom-right-radius:.5em;left:3em;top:0}.cc-revoke.cc-bottom{border-top-left-radius:.5em;border-top-right-radius:.5em;bottom:0;left:3em}.cc-revoke.cc-left{left:3em;right:unset}.cc-revoke.cc-right{left:unset;right:3em}.cc-top{top:1em}.cc-left{left:1em}.cc-right{right:1em}.cc-bottom{bottom:1em}.cc-floating>.cc-link{margin-bottom:1em}.cc-floating .cc-message{display:block;margin-bottom:1em}.cc-window.cc-floating .cc-compliance{-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto}.cc-window.cc-banner{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.cc-banner.cc-top{left:0;right:0;top:0}.cc-banner.cc-bottom{bottom:0;left:0;right:0}.cc-banner .cc-message{-webkit-box-flex:1;display:block;-ms-flex:1 1 auto;flex:1 1 auto;margin-right:1em;max-width:100%}.cc-compliance{-webkit-box-align:center;-ms-flex-align:center;-ms-flex-line-pack:justify;align-content:space-between;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex}.cc-floating .cc-compliance>.cc-btn{-webkit-box-flex:1;-ms-flex:1;flex:1}.cc-btn+.cc-btn{margin-left:.5em}@media print{.cc-revoke,.cc-window{display:none}}@media screen and (max-width:900px){.cc-btn{white-space:normal}}@media screen and (max-width:414px) and (orientation:portrait),screen and (max-width:736px) and (orientation:landscape){.cc-window.cc-top{top:0}.cc-window.cc-bottom{bottom:0}.cc-window.cc-banner,.cc-window.cc-floating,.cc-window.cc-left,.cc-window.cc-right{left:0;right:0}.cc-window.cc-banner{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.cc-window.cc-banner .cc-compliance{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto}.cc-window.cc-floating{max-width:none}.cc-window .cc-message{margin-bottom:1em}.cc-window.cc-banner{-webkit-box-align:unset;-ms-flex-align:unset;align-items:unset}.cc-window.cc-banner .cc-message{margin-right:0}}.cc-floating.cc-theme-classic{border-radius:5px;padding:1.2em}.cc-floating.cc-type-info.cc-theme-classic .cc-compliance{-webkit-box-flex:0;display:inline;-ms-flex:none;flex:none;text-align:center}.cc-theme-classic .cc-btn{border-radius:5px}.cc-theme-classic .cc-btn:last-child{min-width:140px}.cc-floating.cc-type-info.cc-theme-classic .cc-btn{display:inline-block}.cc-theme-edgeless.cc-window{padding:0}.cc-floating.cc-theme-edgeless .cc-message{margin:2em 2em 1.5em}.cc-banner.cc-theme-edgeless .cc-btn{height:100%;margin:0;padding:.8em 1.8em}.cc-banner.cc-theme-edgeless .cc-message{margin-left:1em}.cc-floating.cc-theme-edgeless .cc-btn+.cc-btn{margin-left:0}
package/dist/docs/design/typography.html CHANGED
@@ -2,7 +2,7 @@
2
2
  <h1 class="my-2">Typography</h1>
3
3
 
4
4
  <p class="mt-5">
5
- Element use the <strong>Suisse Int'l</strong> (see <a href="https://www.epfl.ch/campus/services/communication/wp-content/uploads/2019/03/EPFL-brand-guidelines.pdf">Brand Guidelines</a>), has nine weights and is suitable for all uses, from titles to legends. If you do not have access or wish to use an authorized alternative, you must use Arial. On office materials, Arial is used exclusively, because it is available as a system font on all computers, making it easy to share editable documents.
5
+ Element use the <strong>Suisse Int'l</strong> (see <a href="https://www.epfl.ch/campus/services/communication/wp-content/uploads/2019/03/EPFL-brand-guidelines.pdf">Brand Guidelines</a>), has two weights and is suitable for all uses, from titles to legends. If you do not have access or wish to use an authorized alternative, you must use Arial. On office materials, Arial is used exclusively, because it is available as a system font on all computers, making it easy to share editable documents.
6
6
  </p>
7
7
 
8
8
  <div class="row my-5">
package/dist/index.html CHANGED
@@ -5,7 +5,6 @@
5
5
  <meta charset="utf-8">
6
6
  <meta name="viewport" content="width=device-width, initial-scale=1">
7
7
  <title>Styleguide</title>
8
- <script src="https://cdn.polyfill.io/v2/polyfill.js?features=String.prototype.includes,Array.prototype.includes,Array.prototype.find,CustomEvent"></script>
9
8
 
10
9
  <!-- Favicons -->
11
10
  <link rel="icon" type="image/png" sizes="228x228" href="./favicons/favicon-228.png">