{"version":3,"file":"css/reader.min.css","mappings":"AAwGE,gBAEF,CAxGA,oBACE,cAAe,CACf,eAAF,CAGA,YAEE,wBAAyB,CADzB,UACF,CAEE,8BAEE,6BACA,aAAJ,CAGE,qBACE,gCACA,qBADJ,CAGI,iCACE,oBAAqB,CACrB,iBADN,CAKE,2CAEE,iBAAkB,CAClB,qBAHJ,CAOA,qBAEE,kBAAmB,CADnB,YAAa,CAEb,eAJF,CAOA,gDACE,iBAJF,CAOA,+CAEE,mBAAoB,CAEpB,WAAY,CADZ,UAHF,CAOA,2BAGE,kBAAmB,CAFnB,gBAAiB,CACjB,eAAiB,CAEjB,sBAJF,CAOA,oBAEE,qBAAsB,CACtB,eAAgB,CAFhB,iBAFF,CAOA,0BASE,6BAA+B,CAA/B,kBAA+B,CAA/B,iBAA+B,CAL/B,UAAW,CAHX,WAIA,MAAO,CAHP,iBAAkB,CAClB,OAAQ,CAGR,UADF,CAOA,oBACE,oBAAqB,CAErB,cAAe,CACf,eAAiB,CACjB,iBAAkB,CAHlB,UADF,CAOA,8BACE,SAAU,CACV,sBAJF,CAOA,oCACE,SAJF,CAOA,YAAc,UAHd,CAKA,yBAEE,eAAgB,CADhB,aADF,CAGE,+BAAQ,aAAV,CAGA,gCAEE,aCnGc,CDkGd,cACF,CACE,uCAAW,YAEb,CACA,wCACE,UAEF,CADE,+CAAW,YAIb,CE/GA,2BACE,YAAa,CACb,cADF,CAIA,mBACE,YAAa,CAGb,gBAAkB,CAFlB,kBACF,CAIA,yBACE,YAAa,CACb,qBAAsB,CAEtB,YAAa,CACb,WAAY,CAFZ,sBACF,CAGE,sDAAiC,SAAnC,CAGA,uBAIE,kBDxBc,CCyBd,WAAY,CACZ,aD3BM,CCsBN,oBAAqB,CACrB,aAAc,CAMd,SAAU,CALV,WAAY,CAIZ,sBACF,CACE,6BAAU,cAEZ,CAEE,4BAAK,aAEP,CADE,4BAEE,aAAe,CADf,wBAIJ,CCzCA,mBAIE,eAAgB,CAChB,QAAS,CAIT,cAAe,CARf,YAAa,CAKb,cAAe,CAHf,gBAAoB,CAKpB,iBAAkB,CADlB,kBAAmB,CAGnB,yBAA0B,CAR1B,UAOF,CAGE,yBACE,aADJ,CAIE,mDAGE,eAAgB,CADhB,YAFJ,CAME,yBAOE,iBAAkB,CAGlB,iCAAkC,CAClC,kCAAmC,CACnC,6BAXA,WACA,aAAc,CAGd,WAAY,CADZ,QAAS,CAET,aAAc,CAEd,gBAAiB,CACjB,iBAAkB,CANlB,OAKJ,CAQI,oCACE,wBANN,CAWA,uBACE,8CARF,CAWA,wBAEE,eAAgB,CADhB,YANF,CAUE,0DACK,iBAPP,CASE,0BAKE,aF7DI,CEyDJ,aAAc,CACd,iBAAkB,CAIlB,0BAPJ,CASI,iCAME,4BALA,WAIA,WAAY,CADZ,MAAO,CAFP,iBAAkB,CAClB,KAAM,CAIN,gCAPN,CAUI,iEAEE,aFzEkB,CE0ElB,iDATN,CAWM,+EACE,qBATR,CAaI,iCACE,eAXN,CAgBE,2BAAK,SAbP,CAeE,6FAEQ,iBAZV,CAaE,sGAEW,iBAVb,CAWE,+GAEc,iBARhB,CAWA,8BACE,aAAc,CACd,gBARF,CCjGA,cACE,aADF,CAGE,gBAGE,kBAAmB,CAFnB,aHJI,CGKJ,iDAAJ,CAIE,yCATF,cAUI,kBADF,CACF,CAIA,oBAEE,cAAe,CACf,mBADF,CAGE,yBACE,eADJ,CAKA,sBAGE,eAAiB,CACjB,eAAgB,CAFhB,wBAAF,CC1BA,mBACE,iBADF,CAGE,8BAEE,yBADA,cAAJ,CAKA,gBACE,YAFF,CAIE,oBACE,YAAa,CACb,eAFJ,CAII,yBAAO,4BADX,CAEI,0DAAwC,kBAC5C,CAGA,cACE,YAAa,CACb,wBAAyB,CACzB,oBAAF,CAGA,mBAOE,qBAAsB,CAJtB,yBAKA,iBAAkB,CAHlB,aJ7BsB,CI4BtB,cAAe,CAFf,cAAgB,CADhB,iBAAkB,CAQlB,iDAAqB,CAHrB,SAGF,CAEE,yBAEE,oBJpCmB,CImCnB,aJnCmB,CIqCnB,iDAAJ,CAIA,aACE,YADF,CC7CA,YAEE,kBAAmB,CADnB,eAAF,CAIA,kBACE,gBADF,CAGE,qCACE,QADJ,CAIE,6CAEE,cAAe,CADf,QADJ,CAMA,wBAEE,wBLfa,CKcb,YAFF,CAMA,sBACE,gBAHF,CCnBA,WAWE,iBAAkB,CADlB,iBAAkB,CAFlB,aAAc,CAPd,mBAAoB,CAKpB,aAAc,CADd,UAPe,CASf,eAAgB,CALhB,iBAAkB,CAClB,QAAU,CAMV,wBAA0B,CAL1B,SAIF,CCVA,cACE,YAAa,CACb,qBAAsB,CAEtB,6BAA8B,CAD9B,cAAF,CAGE,yCANF,cAOI,kBAAmB,CACnB,wBAAF,CACF,CAGA,kBASE,kBAAmB,CALnB,eAAgB,CAChB,WAAY,CAGZ,UAAW,CAPX,mBAAoB,CAKpB,eAAgB,CAChB,eAAgB,CAJhB,WAAY,CAOZ,sBAAuB,CACvB,SAAU,CATV,UASF,CAEE,wBAAU,cACZ,CACE,iDAGE,eAAgB,CADhB,YACJ,CAGE,8BAAgB,UAAlB,CAEE,yCAvBF,kBAyBI,cAAe,CADf,SAEF,CAAE,6BAAe,iBAGjB,CACF,2BACE,YAGF,CADE,yCAHF,0BAII,YAIF,CACF,CCnDA,KACE,QAAS,CACT,SADF,CAIA,SAAW,iBAAX,CAEA,YAME,aAAc,CALd,YAAa,CAIb,oGAAgH,CAHhH,qCAEA,cAAe,CADf,gBAIF,CACE,yCARF,YASI,aAAc,CACd,eAEF,CACF,CACA,sBAgBE,wBRnCc,CQwBd,QAAS,CAST,qBAAsB,CALtB,UAAY,CARZ,YAAa,CACb,cASA,qBAAsB,CAItB,aAAc,CATd,MAAO,CAEP,WAAY,CALZ,cAAe,CACf,KAAM,CAGN,URdc,CQoBd,WAGF,CAEE,yCAlBF,sBAmBI,WAAY,CACZ,UACF,CACF,CAEA,sBAGE,wBR3Ca,CQyCb,cAAe,CACf,aAEF,CACE,yCALF,sBASI,QAAS,CAOT,uCAA4C,CAD5C,eAAgB,CADhB,gBAAiB,CADjB,eAAgB,CAPhB,cAAe,CAEf,OAAQ,CADR,QRtCY,CQyCZ,0BAA2B,CAC3B,wBAA0B,CAC1B,WAMF,CADE,wCAAsB,uBAIxB,CACF,CADA,sBAGE,gBAAiB,CAFjB,aAAc,CACd,aAAc,CAEd,eAIF,CAFE,yCANF,sBAQI,qBAAsB,CADtB,gBR3DY,CQ6DZ,UAKF,CACF,CAFA,cACE,mBAKF,CAAE,mDAEE,kBAAmB,CADnB,cAKJ,CADE,kHAGE,4BAA6B,CAD7B,cAMJ,CAFE,qEAEE,+BAAgC,CADhC,qBAMJ,CCjGA,YACE,4BAPF,CAUA,sBACE,eAPF,CASE,oCAHF,sBAII,cANF,CACF,CAUA,2BAEE,aAAc,CADd,eANF,CAUA,oCAKE,4BAHE,cADF,CAIA,cAEE,gBAAiB,CACjB,iBAAkB,CAClB,WARF,CACF,CAWA,mBACE,eATF,CAcA,oPAKE,gBATF,CAaE,kGAEE,wBAXJ,CAgBA,wBACE,aAAc,CACd,SAbF,CAeE,0BAGE,yBAA2B,CAC3B,4BAA8B,CAC9B,yBAA2B,CAH3B,gCAVJ,CAcI,iCAAW,mBAXf,CAcE,kCAAY,YAXd,CAcA,oCAAsC,UAVtC,CAWA,mDAAqD,eAPrD,CAUE,oDACE,eAPJ,CAYE,yCACE,iBAAkB,CAClB,SATJ,CAWI,gDACE,YATN,CAYI,+CAQE,kBAAmB,CACnB,WAAY,CAHZ,QAAS,CALT,YAMA,MAAO,CALP,iBAAkB,CAGlB,OAAQ,CADR,KAAM,CAMN,mBAAoB,CACpB,sBAAuB,CACvB,eAAgB,CAThB,UADN,CAcE,+IAGE,yBAZJ,CAcI,iKACE,mBAAoB,CACpB,uBAVN,CAgBE,iBAGE,kCACA,kCAFA,iBAAkB,CADlB,kBAVJ,CAkBE,yBACE,YAAa,CACb,qBAfJ,CAkBM,oCACE,mCAhBR,CAsBA,2BAEE,mBAAoB,CADpB,iBAlBF,CAqBE,iCAEE,aCtIU,CDqIV,qCAlBJ,CAsBE,uCACE,eApBJ,CAsBI,4CACE,iBApBN,CA0BE,qDACE,sBAAwB,CACxB,aAvBJ,CA4BE,kCACE,uBAzBJ,CA6BA,oBACE,gBAAiB,CACjB,SA1BF,CA4BE,0CACE,iBA1BJ,CA6BE,0BACE,6DACE,SA3BJ,CACF","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-tagged,\n.tlbx-item-preview.tlbx-element-breadcrumb-dropdown,\n.tlbx-item-preview.tlbx-element-header-light-submenu {\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$leman:       #00A79F !default;\n$canard:      #007480 !default;\n$canard-dark: #004248 !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-text: #c73333;\n$red-dark:#b51f1f !default;\n$orange:  #f5a623 !default;\n$green:   #7ed321 !default;\n$green-dark: #699b32;\n$green-text: #487915;\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  \"tertiary\":   $canard,\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-text-decoration:        underline;\n$alert-link-font-weight:            $font-weight-normal !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":[],"ignoreList":[],"sourceRoot":""}