{"version":3,"sourceRoot":"","sources":["../../_sass/theme.scss","../../_sass/colors.scss","../../_sass/_main.scss","../../_sass/image.scss","../../_sass/searchbox.scss","../../_sass/dropdown.scss","../../_sass/basics.scss"],"names":[],"mappings":"AAgBA;EACE;;;AAGF;EACE;;;AAGF;AACA;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE,kBCzCW;ED0CX;EACA;EACA;;AAEA;EACE;EACA,kBChDS;;ADkDT;EACE;EACA;EACA,kBCrDO;;;AD0Db;EACE,kBC3DW;ED4DX;EACA;EACA;EACA;;AAEA;EACE,kBClES;;ADoET;EACE;EACA,kBCtEO;;AD0EX;EACE;;AAGF;EACE;;;AAIJ;EACE;EACA;;;AAGF;EACE;;;AAGF;AACA;EACE;;;AAGF;AACE;EACA,OAlGc;EAmGd;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE,OAnHI;EAoHJ;EACA,cA3HM;;AA6HN;EACE;EACA,cA7HI;EA8HJ;;AAGF;EACE;EACA;;AAGF;EACE;;;AE9IN;EACE;EACA;;;AAkDF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE,kBDnEiB;;;ACsEnB;EACE,kBDvEiB;ECwEjB,cDxEiB;;;AC2EnB;EACE,kBD5EiB;EC6EjB,cD7EiB;;;ACgFnB;EAAW,ODhFQ;;;ACiFnB;EAAW,ODjFQ;;;ACkFnB;EAAW,ODlFQ;;;ACmFnB;EAAW,ODnFQ;;;ACqFnB;EACE,OD5EM;;;AC+ER;EACE,OD1FiB;;;AC6FnB;EACE,OD9FiB;;;ACiGnB;EACE,ODlGiB;ECmGjB;;;AAGF;EACE,ODvGiB;ECwGjB;;;AAGF;EACE;EACA,cDxGa;;;AC2Gf;EACE;EACA,kBD7Ga;EC8Gb,cD9Ga;;;ACiHf;EACE;EACA,kBDnHa;ECoHb,cDpHa;;;ACuHf;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE,kBDzIiB,SCyIuB;;;AAG1C;EACE,kBD7IiB,SC6IuB;;;AAG1C;EACE,ODjJiB;;;ACoJnB;EACE,ODrJiB;;;ACwJnB;EACE,ODzJiB;;;AC4JnB;EACE,kBD7JiB;;;ACgKnB;EACE,ODjKiB;;;ACoKnB;EACE,kBDnKW;;;ACqKb;EACE;IAAI,kBDtKO;;;AEPb;EACI;EACA;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI;EACA;;;AAGJ;AAAA;EAEI;EACA,kBFPS;EEQT;EACA;EACA;EACA;;;ACgBF;EACE;EACA;EACA,OFjCe;EEkCf;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAKA;EAMA;EACA;EACA;EACA;EACA,WF5Ea;EE6Eb;;AAEA;EAIE;;AAGF;EACE;;AAGF;EAEE;EACA;EACA,YF9FW;;AEiGb;EACE,OFlGW;;AEsGf;EACE;EACA;EACA;EACA;EACA;EAKA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EAKE;EACA;;AAIF;EACE;EACA;EACA;EACA;EACA;;AAGF;EAEE;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA,MFvJW;;AE2Jf;EACE;EACA;EACA;EACA;EAMA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;;AAIJ;EACE;EACA;EACA;;AAIA;EACE;IACE;IACA;;EAGF;IACE;IACA;;;;ACpFN;EA1EA;EACA;;AA2EE;EACE;;AAGJ;EApFA;EACA;;AAqFE;EACE;;AAKJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EArHF;EACA;EA+BA;;AA0FE;EACE;EACA;EACA;EACA;EACA;EACA,YHxIU;EGyIV;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;;AACA;EACE;;AAIJ;EACE;;AAGE;EACE;;AAIA;EACE;;AAMR;EACE;EACA;EACA,YH7KU;EG8KV;EACA;EACA;;AAIF;EACE;;AAKJ;EACE;EACA;EACA;EACA,YH9LY;EG+LZ,OH/LY;EGgMZ;;AAQE;EACE;EACA;EACA;;AAGF;EAME;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA,WA1KQ;EA2KR,OH7PU;;AGgQZ;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA,OH7QU;EG8QV,WAzLU;EA0LV;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIJ;EACE;;AAGF;EACE;EACA,OHnSU;EGoSV,WAjNO;EAkNP;;AAGF;EACE;EACA;EACA,WAvNM;EAwNN,OH5SU;;AG+SZ;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA,kBAhPY;EAiPZ;EACA;;AACA;EACE;;AAKJ;EAEE;;AAGF;EACE;;AAGF;EACE;IACE;;;AAGJ;EACE;IACE;IACA;IACA;IACA;IACA;IAEA;IACA;IACA;IACA;;EAEA;IACE;;EAEF;IACE;;EAGJ;IACE;IACA;IACA;IACA;IACA;;EAEA;IACE;;;AAQN;EACE;EACA;EACA;;AAIA;EACE;EACA;;AAEA;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA,WA/TE;;AAkUJ;EACE;EACA,WApUE;;AAsUF;EACE;EACA;EACA;EACA;EACA;;AAKN;EACE;EACA;EACA;EACA;;AAGF;EAEE;;AAGF;EACE;EACA,OHlbQ;EGmbR,WAhWK;EAiWL;;AAEA;EACE;EACA;EACA,OHzbM;EG0bN;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA,WAhXI;EAiXJ;;AAEA;EACE;EACA;EACA;;AAOR;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;ACrfR;AACA;EACE;AACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;AACA;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;AACA;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAEF;AACA;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;AACA;AACA;EACE;;;AAGF;AAAA;AAAA;AAIA;EAAkB;EAAyB;AAC3C;EAA0C;EAAiB;AAC3D;EAA0B;;;AAE1B;EACE;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;AACA;EACE;;;AAGF;EACE;;;AAGF;AACA;AACE;EACA;IACE;IACA;;EAGF;IACE;;AAGF;EACA;IACE;;EAGF;IACE;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EAAwB;EAAc;AACtC;EAAwB;EAAc;AACtC;EAAwB;EAAc;AACtC;EAAwB;EAAc;AAEtC;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;AAEA;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;;;AAGF;EACC;;;AAGD;EACE;;;AAGF;EACE;;;AAEF;EACE;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;AAEA;EACE;;;AAGF;EACE;EACA;;;AAGF;AAEA;EACE;EACA;;;AAGF;AAEA;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;AACA;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;AACA;EACE;;;AAGF;AACA;EAAa;;;AACb;EAAgC;;;AAChC;EAAgB;EAAa;;;AAC7B;EAAkB;EAAgB;;;AAClC;EAAgB;;;AAChB;EAAgB;;;AAChB;EAAiB;EAAa;;;AAC9B;EAAiB;EAAa;;;AAC9B;EAAiB;EAAa;;;AAC9B;EAAiB;EAAa;EAAmB;;;AACjD;EAAiB;EAAa;;;AAC9B;EAAoB;EAAa;;;AACjC;EAAiB;;;AACjB;EAAiB;;;AACjB;EAAiB;;;AACjB;EAAiB;EAAa;;;AAC9B;EAAoB;EAAa;;;AACjC;EAAiB;;;AACjB;EAAiB;;;AACjB;EAAiB;;;AACjB;EAAiB;;;AACjB;EAAiB;;;AACjB;EAAiB;;;AACjB;EAAiB;;;AACjB;EAAiB;;;AACjB;EAAiB;;;AACjB;EAAiB;EAAa;;;AAC9B;EAAgB;;;AAChB;EAAgB;;;AAChB;EAAiB;;;AACjB;EAAiB;;;AACjB;EAAiB;EAAa;;;AAC9B;EAAiB;;;AACjB;EAAiB;;;AACjB;EAAiB;EAAa;;;AAC9B;EAAiB;EAAa;;;AAC9B;EAAiB;;;AACjB;EAAiB;;;AACjB;EAAiB;;;AACjB;EAAiB;;;AACjB;EAAgB;;;AAChB;EAAiB;;;AACjB;EAAiB;;;AACjB;EAAiB;;;AACjB;EAAiB;;;AACjB;EAAiB;;;AACjB;EAAiB;;;AACjB;EAAiB;;;AACjB;EAAiB;;;AACjB;EAAiB;;;AACjB;EAAiB;;;AACjB;EAAiB;;;AACjB;EAAiB;;;AACjB;EAAiB;;;AACjB;EAAiB;;;AACjB;EAAiB;;;AACjB;EAAiB;;;AACjB;EAAiB;;;AACjB;EAAiB;;;AACjB;EAAiB;;;AACjB;EAAiB;;;AAEjB;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;AAEA;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;AACA;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAEF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACC;EACA;;;AAGD;EACE;;;AAGF;AACA;EACI;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACC;;;AAGD;EACE;EACA;EACA;EACA;;;AAEF;EACE;IAAO;;;AAGT;AACA;EACE;;;AAGF;EACE","sourcesContent":["$style_primary_color: $autoinvoice_blue;\n$style_secondary_color: $light_blue;\n$style_outline_color: $rgba_blue;\n$style_code_block_bg_color: $light_gray;\n$button_primary_color: $severa_green;\n$navbar-border-color: $gray;\n\n$green90: #4e7d0d;\n$green80: #68a611;\n$green70: #86b841;\n$green60: #a4ca70;\n$white: #fff;\n$gray70: #bbb;\n$primary-black: #282828;\n$white: #fff;\n\nhtml {\n  overflow-y: scroll; /* fixes content moving horizontally when changing pages */\n}\n\n.container-fluid #toc {\n  top: 89px;\n}\n\n/* This (rude) fix fixes the nav and scroll to match, see that if header height chnanges then modify this also */\nh1::before, h2::before, h3::before, h4::before, h5::before, h6::before {\n  content: \"\";\n  display: block;\n  height: 5rem !important; /* fixed header height*/\n  margin: -5rem 0 0 !important; /* negative fixed header height */\n}\n\n.navbar-logo {\n  height: 73px;\n  width: 230px;\n}\n\n.navbar-collapse {\n  width: 35rem;\n}\n\n.search {\n  visibility: hidden;\n}\n\np code.highlighter-rouge {\n  background-color: #d7d7d7;\n  padding: .1rem .4rem;\n  border-radius: 4px;\n  color: #212529;\n}\n\ndiv.highlighter-rouge {\n  background-color: $style_code_block_bg_color;\n  padding: 1rem;\n  border-radius: 10px;\n  border-left: 10px $light_blue solid;\n\n  > .highlight {\n    padding: 0;\n    background-color: $style_code_block_bg_color;\n\n    > .highlight {\n      padding: 0;\n      margin: 0;\n      background-color: $style_code_block_bg_color;\n    }\n  }\n}\n\n.collapsible-code {\n  background-color: $style_code_block_bg_color;\n  padding: 1rem;\n  border-radius: 10px;\n  border-left: 10px $light_blue solid;\n  margin-bottom: 1rem;\n\n  .highlight {\n    background-color: $style_code_block_bg_color;\n\n    .err {\n      color: #212529;\n      background-color: $style_code_block_bg_color;\n    }\n  }\n\n  summary {\n    font-weight: normal;\n  }\n\n  &:not([open]) summary {\n    margin-bottom: 0;\n  }\n}\n\nblockquote {\n  font-style: italic;\n  margin: 2rem;\n}\n\na[data-toggle=tooltip] {\n  margin-left: .5rem;\n}\n\n/* This is gives better feeling if last navigable section is small, raises it more up */\n.empty-space {\n  height: 20rem;\n}\n\n.severa-btn {\n  /* Default button styles */\n  color: $primary-black;\n  outline: 0;\n  display: inline-flex;\n  align-items: center;\n  position: relative;\n  padding: 0 16px;\n  height: 30px;\n  text-align: center;\n  border: 1px solid $gray70;\n  cursor: pointer;\n  user-select: none;\n  white-space: nowrap;\n  border-radius: 4px;\n  line-height: 29px;\n  font-size: 13px;\n  backface-visibility: hidden;\n\n  &.btn-primary {\n    color: $white;\n    background: linear-gradient(180deg, $green70, $green90) $green90;\n    border-color: $green80;\n\n    &:hover {\n      background: linear-gradient(180deg, $green60, $green80) $green80;\n      border-color: $green60;\n      text-decoration: none;\n    }\n\n    &:focus {\n      background: linear-gradient(180deg, $green60, $green80) $green80;\n      box-shadow: 0 0 1px 2px $green70;\n    }\n\n    &:active {\n      background: linear-gradient(180deg, $green90, $green80) $green80;\n    }\n  }\n}\n\n\n","$maventa_green: #4D8400;\n$dark_green: #2D660B;\n$light_green: #68A611;\n$rgba_green: rgba(77,132,0,.5);\n\n$autoinvoice_blue: #007ACA;\n$dark_blue: #0062A3;\n$light_blue: #0089D9;\n$rgba_blue: rgba(9,116,179,.5);\n\n$severa_green: #68a611;\n\n$light_gray: #f5f5f5;\n$dark_gray: #646464;\n$gray: #a0a0a0a0;\n$black: #282828;\n$white: #FFFFFF;\n","@import 'colors';\n@import 'theme';\n\n:root {\n  --severaLogoUrl: url(/assets/img/severa-logo-vud22-horizontal.svg);\n  --vismaLogoUrl: url(/assets/img/visma-logo.svg) ;\n}\n\n// SEARCHBOX\n$searchbox-config: (\n        input-width: 200px,\n        input-height: 32px,\n        border-width: 1px,\n        border-radius: 16px,\n        input-border-color: #cccccc,\n        input-focus-border-color: #aaaaaa,\n        input-background: $white,\n        input-focus-background: $white,\n        font-size: 12px,\n        placeholder-color: #aaaaaa,\n        icon-size: 14px,\n        icon-position: left,\n        icon-color: #6d7e96,\n        icon-background: #458ee1,\n        icon-background-opacity: 0,\n        icon-clear-size: 8px\n) !default;\n\n// DROPDOWN\n$dropdown-config: (\n        main-color: $style_primary_color,\n        layout-type: normal,\n        layout-width: normal,\n        layout-alignment: align,\n        background-color: #fff,\n        border-radius: 4,\n        border-width: 1,\n        border-color: #d9d9d9,\n        box-shadow: light,\n        branding-position: bottom,\n        spacing: normal,\n        include-desc: yes,\n        background-category-header: $white,\n        font-size: normal,\n        header-color: #33363d,\n        title-color: #02060c,\n        subtitle-color: #a4a7ae,\n        text-color: #63676d,\n        highlight-color: #3881ff,\n        highlight-opacity: 0.1,\n        highlight-type: underline\n) !default;\n\n$builder-height: 260px;\n\n.navbar-visma-logo {\n  background-image: var(--vismaLogoUrl);\n  background-repeat: no-repeat;\n  display: block;\n  height: 75px;\n  width: 238px;\n  margin-top: -7px;\n  margin-bottom: -16px;\n}\n\n.navbar-logo {\n  background-image: var(--severaLogoUrl);\n  background-repeat: no-repeat;\n  display: block;\n}\n\n.list-group-item.active {\n  background-color: $style_primary_color;\n}\n\n.btn-info {\n  background-color: $style_primary_color;\n  border-color: $style_primary_color;\n}\n\n.btn-info:hover {\n  background-color: $style_primary_color;\n  border-color: $style_primary_color;\n}\n\na:link    {color:$style_primary_color;}\na:visited {color:$style_primary_color;}\na:hover   {color:$style_primary_color;}\na:active  {color:$style_primary_color;}\n\n.card:link {\n  color: $black;\n}\n\n.navbar-dark .navbar-nav .nav-link:hover {\n  color: $style_primary_color;\n}\n\n.navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show > .nav-link {\n  color: $style_primary_color;\n}\n\nnav[data-toggle=\"toc\"] .nav-link.active, nav[data-toggle=\"toc\"] .nav-link.active:focus, nav[data-toggle=\"toc\"] .nav-link.active:hover {\n  color: $style_primary_color;\n  border-left: 3px solid $style_primary_color;\n}\n\nnav[data-toggle=\"toc\"] .nav > li > a:focus, nav[data-toggle=\"toc\"] .nav > li > a:hover {\n  color: $style_primary_color;\n  border-left: 1px solid $style_primary_color;\n}\n\n.btn-outline-success {\n  color: $button_primary_color !important;\n  border-color: $button_primary_color;\n}\n\n.btn-outline-success:not(:disabled):not(.disabled).active, .btn-outline-success:not(:disabled):not(.disabled):active, .show > .btn-outline-success.dropdown-toggle {\n  color: #fff;\n  background-color: $button_primary_color;\n  border-color: $button_primary_color;\n}\n\n.btn-outline-success:hover {\n  color: #fff !important;\n  background-color: $button_primary_color;\n  border-color: $button_primary_color;\n}\n\n.btn-outline-success:not(:disabled):not(.disabled).active:focus, .btn-outline-success:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-success.dropdown-toggle:focus {\n  box-shadow: 0 0 0 .2rem $style_outline_color;\n}\n\n.landing-dash {\n  border-bottom: 1px solid $style_primary_color;\n}\n\n.round-button-circle {\n  border: 10px solid $style_secondary_color;\n}\n\n#topBtn {\n  background-color: $style_primary_color; /* Set a background color */\n}\n\n#closeBtn {\n  background-color: $style_primary_color; /* Set a background color */\n}\n\nsummary::marker {\n  color: $style_primary_color;\n}\n\nsummary::-webkit-details-marker {\n  color: $style_primary_color;\n}\n\n.fa-angle-right {\n  color: $style_primary_color;\n}\n\n.badge-success {\n  background-color: $style_primary_color;\n}\n\n.fa-file-alt {\n  color: $style_primary_color;\n}\n\n.search_highlight {\n  background-color: $style_secondary_color;\n}\n@keyframes bckanim {\n  0% {background-color: $style_secondary_color;}\n}\n",".image {\n    width: 700px;\n    height: auto;\n}\n\n.img-fluid {\n    max-width: 28rem;\n    margin: 0 auto;\n    display: block;\n}\n\n.mermaid > svg {\n    display: block;\n    margin: 0 auto;\n}\n\n.figurecaption,\nimg + em {\n    display: block;\n    background-color: $light-gray;\n    padding: 1rem;\n    border-radius: 8px;\n    margin: 1rem 0;\n    font-style: normal;\n}\n","@function even-px($value) {\n  @if type-of($value) == 'number' {\n    @if (unitless($value)) {\n      $value: $value * 1px;\n    } @else if unit($value) == 'em' {\n      $value: ($value / 1em * 16px);\n    } @else if unit($value) == 'pts' {\n      $value: $value * 1.3333 * 1px;\n    } @else if unit($value) == '%' {\n      $value: $value * 16 / 100% * 1px;\n    }\n    $value: round($value);\n    @if ($value % 2 != 0) {\n      $value: $value + 1;\n    }\n    @return $value;\n  }\n}\n\n@mixin searchbox(\n  $font-size: 90%,\n  $input-width: 350px,\n  $input-height: $font-size * 2.4,\n  $border-width: 1px,\n  $border-radius: $input-height / 2,\n  $input-border-color: #ccc,\n  $input-focus-border-color: #1ec9ea,\n  $input-background: #f8f8f8,\n  $input-focus-background: #fff,\n  $placeholder-color: #aaa,\n  $icon: 'sbx-icon-search-1',\n  $icon-size: $input-height / 1.6,\n  $icon-position: left,\n  $icon-color: #888,\n  $icon-background: $input-focus-border-color,\n  $icon-background-opacity: 0.1,\n  $icon-clear: 'sbx-icon-clear-1',\n  $icon-clear-size: $font-size / 1.1\n) {\n  .searchbox {\n    display: inline-block;\n    position: relative;\n    width: $input-width;\n    height: even-px($input-height) !important;\n    white-space: nowrap;\n    box-sizing: border-box;\n    visibility: visible !important;\n\n    .algolia-autocomplete {\n      display: block;\n      width: 100%;\n      height: 100%;\n    }\n\n    &__wrapper {\n      width: 100%;\n      height: 100%;\n      z-index: 999;\n      position: relative;\n    }\n\n    &__input {\n      display: inline-block;\n      box-sizing: border-box;\n      transition: box-shadow 0.4s ease, background 0.4s ease;\n      border: 0;\n      border-radius: even-px($border-radius);\n      box-shadow: inset 0 0 0 $border-width $input-border-color;\n      background: $input-background !important;\n      padding: 0;\n      padding-right: if(\n          $icon-position == 'right',\n          even-px($input-height) + even-px($icon-clear-size) + 8px,\n          even-px($input-height * 0.8)\n        ) + if($icon-background-opacity == 0, 0, even-px($font-size));\n      padding-left: if(\n        $icon-position == 'right',\n        even-px($font-size / 2) + even-px($border-radius / 2),\n        even-px($input-height) +\n          if($icon-background-opacity == 0, 0, even-px($font-size * 1.2))\n      );\n      width: 100%;\n      height: 100%;\n      vertical-align: middle;\n      white-space: normal;\n      font-size: $font-size;\n      appearance: none;\n\n      &::-webkit-search-decoration,\n      &::-webkit-search-cancel-button,\n      &::-webkit-search-results-button,\n      &::-webkit-search-results-decoration {\n        display: none;\n      }\n\n      &:hover {\n        box-shadow: inset 0 0 0 $border-width darken($input-border-color, 10%);\n      }\n\n      &:focus,\n      &:active {\n        outline: 0;\n        box-shadow: inset 0 0 0 $border-width $input-focus-border-color;\n        background: $input-focus-background;\n      }\n\n      &::placeholder {\n        color: $placeholder-color;\n      }\n    }\n\n    &__submit {\n      position: absolute;\n      top: 0;\n      margin: 0;\n      border: 0;\n      border-radius: if(\n        $icon-position == 'right',\n        0 $border-radius $border-radius 0,\n        $border-radius 0 0 $border-radius\n      );\n      background-color: rgba($icon-background, $icon-background-opacity);\n      padding: 0;\n      width: even-px($input-height) +\n        if($icon-background-opacity == 0, 0, even-px($font-size / 2));\n      height: 100%;\n      vertical-align: middle;\n      text-align: center;\n      font-size: inherit;\n      user-select: none;\n      @if $icon-position == 'right' {\n        right: 0;\n        left: inherit;\n      } @else {\n        right: inherit;\n        left: 0;\n      }\n\n      // Helper for vertical alignment of the icon\n      &::before {\n        display: inline-block;\n        margin-right: -4px;\n        height: 100%;\n        vertical-align: middle;\n        content: '';\n      }\n\n      &:hover,\n      &:active {\n        cursor: pointer;\n      }\n\n      &:focus {\n        outline: 0;\n      }\n\n      svg {\n        width: even-px($icon-size);\n        height: even-px($icon-size);\n        vertical-align: middle;\n        fill: $icon-color;\n      }\n    }\n\n    &__reset {\n      display: block;\n      position: absolute;\n      top: calc((even-px($input-height) - even-px($icon-clear-size)) / 2) - 4px;\n      right: if(\n        $icon-position == 'right',\n        even-px($input-height) +\n          if($icon-background-opacity == 0, 0, even-px($font-size)),\n        calc((even-px($input-height) - even-px($icon-clear-size)) / 2) - 4px\n      );\n      margin: 0;\n      border: 0;\n      background: none;\n      cursor: pointer;\n      padding: 0;\n      font-size: inherit;\n      user-select: none;\n      fill: rgba(#000, 0.5);\n\n      &.hide {\n        display: none;\n      }\n\n      &:focus {\n        outline: 0;\n      }\n\n      svg {\n        display: block;\n        margin: 4px;\n        width: even-px($icon-clear-size);\n        height: even-px($icon-clear-size);\n      }\n    }\n\n    &__input:valid ~ &__reset {\n      display: block;\n      animation-name: sbx-reset-in;\n      animation-duration: 0.15s;\n    }\n\n    @at-root {\n      @keyframes sbx-reset-in {\n        0% {\n          transform: translate3d(-20%, 0, 0);\n          opacity: 0;\n        }\n\n        100% {\n          transform: none;\n          opacity: 1;\n        }\n      }\n    }\n  }\n}\n","// Detect lightness\n@function detectLightness($color) {\n  @if (lightness($color) > 60) {\n    @return mix($color, #000, 90%);\n  } @else {\n    @return mix($color, #fff, 90%);\n  }\n}\n\n// Spacing\n@function spacing($type) {\n  @if $type == 'compact' {\n    @return 12px;\n  }\n  @if $type == 'spacious' {\n    @return 22px;\n  } @else {\n    @return 16px;\n  }\n}\n\n// Description\n@function desc($display) {\n  @if $display == false {\n    @return none;\n  } @else {\n    @return block;\n  }\n}\n\n// Layout type\n@mixin layout-width($type) {\n  @if $type == 'small' {\n    max-width: 500px;\n    min-width: 400px;\n  }\n  @if $type == 'normal' {\n    max-width: 600px;\n    min-width: 500px;\n  }\n  @if $type == 'large' {\n    max-width: 800px;\n    min-width: 600px;\n  }\n  @if $type == 'full' {\n    width: 100%;\n  }\n}\n\n// Alignment type\n@mixin alignment-type($type) {\n  @if $type == 'left' {\n    left: 0 !important;\n    right: inherit !important;\n  }\n  @if $type == 'right' {\n    right: 0 !important;\n    left: inherit !important;\n  }\n  @if $type == 'center' {\n    left: 0 !important;\n    right: 0 !important;\n    margin: auto !important;\n  }\n}\n\n// Mixin - Shadow type\n@mixin shadow-type($type) {\n  @if $type == 'light' {\n    box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.2), 0 2px 3px 0 rgba(0, 0, 0, 0.1);\n  }\n  @if $type == 'heavy' {\n    box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2),\n      0 6px 20px 0 rgba(0, 0, 0, 0.19);\n  }\n}\n\n// Mixin - highlight\n@function set-highlight($highlight, $color) {\n  @if $highlight == 1 and lightness($color) < 60 {\n    @return mix(#fff, $color, 90%);\n  } @else {\n    @return darken(detectLightness($color), 30%);\n  }\n}\n\n@mixin dropdown(\n  $main-color: #458ee1,\n  $layout-width: normal,\n  $layout-type: normal,\n  $layout-alignment: 'align',\n  $background-color: #ffffff,\n  $border-radius: 4,\n  $border-width: 1,\n  $border-color: #d9d9d9,\n  $box-shadow: light,\n  $branding-position: bottom,\n  $font-size: normal,\n  $header-color: #33363d,\n  $title-color: #02060c,\n  $subtitle-color: #a4a7ae,\n  $text-color: #63676d,\n  $highlight-color: #3881ff,\n  $spacing: normal,\n  $include-desc: true,\n  $background-category-header: #ffffff,\n  $highlight-opacity: 0.1,\n  $highlight-type: 'underline',\n  $code-background: #ebebeb,\n  $responsive-breakpoint: 768px\n) {\n  $header-size: 1em;\n  $title-size: 0.9em;\n  $text-size: 0.85em;\n  $subtitle-size: 0.9em;\n  $padding: spacing($spacing);\n\n  @if $font-size == 'small' {\n    $header-size: 0.95em;\n    $title-size: 0.8em;\n    $text-size: 0.75em;\n    $subtitle-size: 0.8em;\n  } @else if $font-size == 'large' {\n    $header-size: 1.1em;\n    $title-size: 1em;\n    $text-size: 0.9em;\n    $subtitle-size: 1em;\n  }\n\n  .algolia-autocomplete {\n    &.algolia-autocomplete-right .ds-dropdown-menu {\n      @include alignment-type(right);\n      &:before {\n        right: 48px;\n      }\n    }\n    &.algolia-autocomplete-left .ds-dropdown-menu {\n      @include alignment-type(left);\n      &:before {\n        left: 48px;\n      }\n    }\n\n    // Dropdown wrapper\n    .ds-dropdown-menu {\n      position: relative;\n      top: -6px;\n      border-radius: $border-radius + px;\n      margin: 6px 0 0;\n      padding: 0;\n      text-align: left;\n      height: auto;\n      background: transparent;\n      border: none;\n      z-index: 999;\n      @include layout-width($layout-width);\n      @include shadow-type($box-shadow);\n\n      // Arrow\n      &:before {\n        display: block;\n        position: absolute;\n        content: '';\n        width: 14px;\n        height: 14px;\n        background: $background-color;\n        z-index: 1000;\n        top: -7px;\n        border-top: $border-width + px solid $border-color;\n        border-right: $border-width + px solid $border-color;\n        transform: rotate(-45deg);\n        border-radius: 2px;\n      }\n\n      .ds-suggestions {\n        position: relative;\n        z-index: 1000;\n        margin-top: calc($padding/2);\n        & a:hover {\n          text-decoration: none;\n        }\n      }\n\n      .ds-suggestion {\n        cursor: pointer;\n\n        &.ds-cursor {\n          .algolia-docsearch-suggestion.suggestion-layout-simple {\n            background-color: rgba($main-color, 0.05);\n          }\n\n          .algolia-docsearch-suggestion:not(.suggestion-layout-simple) {\n            .algolia-docsearch-suggestion--content {\n              background-color: rgba($main-color, 0.05);\n            }\n          }\n        }\n      }\n\n      [class^='ds-dataset-'] {\n        position: relative;\n        border: solid $border-width + px $border-color;\n        background: $background-color;\n        border-radius: $border-radius + px;\n        overflow: auto;\n        padding: 0 calc($padding/2) calc($padding/2);\n      }\n\n      // Inner-grid setup\n      * {\n        box-sizing: border-box;\n      }\n    }\n\n    // Each suggestion item is wrapped\n    .algolia-docsearch-suggestion {\n      display: block;\n      position: relative;\n      padding: 0 calc($padding/2);\n      background: $background-color;\n      color: $title-color;\n      overflow: hidden;\n\n      @if $highlight-type == basic {\n        &--highlight {\n          color: $main-color;\n          background-color: rgba($main-color, $highlight-opacity);\n        }\n      } @else {\n        &--highlight {\n          color: set-highlight($highlight-opacity, $main-color);\n          background: rgba(mix($main-color, #fff, 60%), $highlight-opacity);\n          padding: 0.1em 0.05em;\n        }\n\n        &--category-header\n          .algolia-docsearch-suggestion--category-header-lvl0\n          .algolia-docsearch-suggestion--highlight,\n        &--category-header\n          .algolia-docsearch-suggestion--category-header-lvl1\n          .algolia-docsearch-suggestion--highlight {\n          padding: 0 0 1px;\n          background: inherit;\n          box-shadow: inset 0 -2px 0 0 rgba($main-color, 0.8);\n          color: inherit;\n        }\n\n        &--text .algolia-docsearch-suggestion--highlight {\n          padding: 0 0 1px;\n          background: inherit;\n          box-shadow: inset 0 -2px 0 0 rgba($main-color, 0.8);\n          color: inherit;\n        }\n      }\n\n      &--content {\n        display: block;\n        float: right;\n        width: 70%;\n        position: relative;\n        padding: calc($padding/3) 0 calc($padding/3) calc($padding/1.5);\n        cursor: pointer;\n\n        &:before {\n          content: '';\n          position: absolute;\n          display: block;\n          top: 0;\n          height: 100%;\n          width: 1px;\n          background: #ddd;\n          left: -1px;\n        }\n      }\n\n      &--category-header {\n        position: relative;\n        border-bottom: 1px solid #ddd;\n        display: none;\n        margin-top: calc($padding/2);\n        padding: calc($padding/4) 0;\n        font-size: $header-size;\n        color: $header-color;\n      }\n\n      &--wrapper {\n        width: 100%;\n        float: left;\n        padding: calc($padding/2) 0 0 0;\n      }\n\n      &--subcategory-column {\n        float: left;\n        width: 30%;\n        padding-left: 0;\n        text-align: right;\n        position: relative;\n        padding: calc($padding/3) calc($padding/1.5);\n        color: $subtitle-color;\n        font-size: $subtitle-size;\n        word-wrap: break-word;\n\n        &:before {\n          content: '';\n          position: absolute;\n          display: block;\n          top: 0;\n          height: 100%;\n          width: 1px;\n          background: #ddd;\n          right: 0;\n        }\n      }\n\n      &--subcategory-inline {\n        display: none;\n      }\n\n      &--title {\n        margin-bottom: calc($padding/4);\n        color: $title-color;\n        font-size: $title-size;\n        font-weight: bold;\n      }\n\n      &--text {\n        display: desc($include-desc);\n        line-height: 1.2em;\n        font-size: $text-size;\n        color: $text-color;\n      }\n\n      &--no-results {\n        width: 100%;\n        padding: calc($padding/2) 0;\n        text-align: center;\n        font-size: 1.2em;\n\n        &::before {\n          display: none;\n        }\n      }\n\n      code {\n        padding: 1px 5px;\n        font-size: 90%;\n        border: none;\n        color: #222222;\n        background-color: $code-background;\n        border-radius: 3px;\n        font-family: Menlo, Monaco, Consolas, 'Courier New', monospace;\n        .algolia-docsearch-suggestion--highlight {\n          background: none;\n        }\n      }\n\n      // Rules to display categories and subcategories\n      &.algolia-docsearch-suggestion__main\n        .algolia-docsearch-suggestion--category-header {\n        display: block;\n      }\n\n      &.algolia-docsearch-suggestion__secondary {\n        display: block;\n      }\n\n      @media all and (min-width: #{$responsive-breakpoint}) {\n        .algolia-docsearch-suggestion--subcategory-column {\n          display: block;\n        }\n      }\n      @media all and (max-width: #{$responsive-breakpoint}) {\n        .algolia-docsearch-suggestion--subcategory-column {\n          display: inline-block;\n          width: auto;\n          text-align: left;\n          float: left;\n          padding: 0;\n\n          color: #02060c;\n          font-size: 0.9em;\n          font-weight: bold;\n          opacity: 0.5;\n\n          &:before {\n            display: none;\n          }\n          &:after {\n            content: '|';\n          }\n        }\n        .algolia-docsearch-suggestion--content {\n          display: inline-block;\n          width: auto;\n          text-align: left;\n          float: left;\n          padding: 0;\n\n          &:before {\n            display: none;\n          }\n        }\n      }\n    }\n\n    //Simple layout (no column)\n    .suggestion-layout-simple {\n      &.algolia-docsearch-suggestion {\n        border-bottom: solid 1px #eee;\n        padding: calc($padding/2);\n        margin: 0;\n      }\n\n      .algolia-docsearch-suggestion {\n        &--content {\n          width: 100%;\n          padding: 0;\n\n          &::before {\n            display: none;\n          }\n        }\n\n        &--category-header {\n          margin: 0;\n          padding: 0;\n          display: block;\n          width: 100%;\n          border: none;\n\n          &-lvl0 {\n            opacity: 0.6;\n            font-size: $text-size;\n          }\n\n          &-lvl1 {\n            opacity: 0.6;\n            font-size: $text-size;\n\n            &::before {\n              background-image: url('data:image/svg+xml;utf8,<svg width=\"10\" height=\"10\" viewBox=\"0 0 20 38\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M1.49 4.31l14 16.126.002-2.624-14 16.074-1.314 1.51 3.017 2.626 1.313-1.508 14-16.075 1.142-1.313-1.14-1.313-14-16.125L3.2.18.18 2.8l1.31 1.51z\" fill-rule=\"evenodd\" fill=\"%231D3657\" /></svg>');\n              content: '';\n              width: 10px;\n              height: 10px;\n              display: inline-block;\n            }\n          }\n        }\n\n        &--wrapper {\n          width: 100%;\n          float: left;\n          margin: 0;\n          padding: 0;\n        }\n\n        &--duplicate-content,\n        &--subcategory-inline {\n          display: none !important;\n        }\n\n        &--title {\n          margin: 0;\n          color: $main-color;\n          font-size: $title-size;\n          font-weight: normal;\n\n          &::before {\n            content: '#';\n            font-weight: bold;\n            color: $main-color;\n            display: inline-block;\n          }\n        }\n\n        &--text {\n          margin: calc($padding/4) 0 0;\n          display: desc($include-desc);\n          line-height: 1.4em;\n          padding: calc($padding/3) calc($padding/2);\n          background: #f8f8f8;\n          font-size: $text-size;\n          opacity: 0.8;\n\n          .algolia-docsearch-suggestion--highlight {\n            color: darken($text-color, 15%);\n            font-weight: bold;\n            box-shadow: none;\n          }\n        }\n      }\n    }\n\n  // powered by\n    .algolia-docsearch-footer {\n      width: 134px;\n      height: 20px;\n      z-index: 2000;\n      margin-top: calc($padding/1.5);\n      float: right;\n      font-size: 0;\n      line-height: 0;\n\n      &--logo {\n        background-image: url(\"data:image/svg+xml,%3Csvg width='168' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M78.988.938h16.594a2.968 2.968 0 0 1 2.966 2.966V20.5a2.967 2.967 0 0 1-2.966 2.964H78.988a2.967 2.967 0 0 1-2.966-2.964V3.897A2.961 2.961 0 0 1 78.988.938zm41.937 17.866c-4.386.02-4.386-3.54-4.386-4.106l-.007-13.336 2.675-.424v13.254c0 .322 0 2.358 1.718 2.364v2.248zm-10.846-2.18c.821 0 1.43-.047 1.855-.129v-2.719a6.334 6.334 0 0 0-1.574-.199c-.295 0-.596.021-.897.069a2.699 2.699 0 0 0-.814.24c-.24.116-.439.28-.582.491-.15.212-.219.335-.219.656 0 .628.219.991.616 1.23s.938.362 1.615.362zm-.233-9.7c.883 0 1.629.109 2.231.328.602.218 1.088.525 1.444.915.363.396.609.922.76 1.483.157.56.232 1.175.232 1.85v6.874c-.41.089-1.034.19-1.868.314-.834.123-1.772.185-2.813.185-.69 0-1.327-.069-1.895-.198a4.001 4.001 0 0 1-1.471-.636 3.085 3.085 0 0 1-.951-1.134c-.226-.465-.343-1.12-.343-1.803 0-.656.13-1.073.384-1.525.26-.45.608-.819 1.047-1.106.445-.287.95-.492 1.532-.615a8.8 8.8 0 0 1 1.82-.185 8.404 8.404 0 0 1 1.972.24v-.438c0-.307-.035-.6-.11-.874a1.88 1.88 0 0 0-.384-.73 1.784 1.784 0 0 0-.724-.493 3.164 3.164 0 0 0-1.143-.205c-.616 0-1.177.075-1.69.164a7.735 7.735 0 0 0-1.26.307l-.321-2.192c.335-.117.834-.233 1.478-.349a10.98 10.98 0 0 1 2.073-.178zm52.842 9.626c.822 0 1.43-.048 1.854-.13V13.7a6.347 6.347 0 0 0-1.574-.199c-.294 0-.595.021-.896.069a2.7 2.7 0 0 0-.814.24 1.46 1.46 0 0 0-.582.491c-.15.212-.218.335-.218.656 0 .628.218.991.615 1.23.404.245.938.362 1.615.362zm-.226-9.694c.883 0 1.629.108 2.231.327.602.219 1.088.526 1.444.915.355.39.609.923.759 1.483.158.56.233 1.175.233 1.852v6.873c-.41.088-1.034.19-1.868.314-.834.123-1.772.184-2.813.184-.69 0-1.327-.068-1.895-.198a4.001 4.001 0 0 1-1.471-.635 3.085 3.085 0 0 1-.951-1.134c-.226-.465-.343-1.12-.343-1.804 0-.656.13-1.073.384-1.524.26-.45.608-.82 1.047-1.107.445-.286.95-.491 1.532-.614a8.803 8.803 0 0 1 2.751-.13c.329.034.671.096 1.04.185v-.437a3.3 3.3 0 0 0-.109-.875 1.873 1.873 0 0 0-.384-.731 1.784 1.784 0 0 0-.724-.492 3.165 3.165 0 0 0-1.143-.205c-.616 0-1.177.075-1.69.164-.514.089-.938.191-1.26.307l-.321-2.193c.335-.116.834-.232 1.478-.348a11.633 11.633 0 0 1 2.073-.177zm-8.034-1.271a1.626 1.626 0 0 1-1.628-1.62c0-.895.725-1.62 1.628-1.62.904 0 1.63.725 1.63 1.62 0 .895-.733 1.62-1.63 1.62zm1.348 13.22h-2.689V7.27l2.69-.423v11.956zm-4.714 0c-4.386.02-4.386-3.54-4.386-4.107l-.008-13.336 2.676-.424v13.254c0 .322 0 2.358 1.718 2.364v2.248zm-8.698-5.903c0-1.156-.253-2.119-.746-2.788-.493-.677-1.183-1.01-2.067-1.01-.882 0-1.574.333-2.065 1.01-.493.676-.733 1.632-.733 2.788 0 1.168.246 1.953.74 2.63.492.683 1.183 1.018 2.066 1.018.882 0 1.574-.342 2.067-1.019.492-.683.738-1.46.738-2.63zm2.737-.007c0 .902-.13 1.584-.397 2.33a5.52 5.52 0 0 1-1.128 1.906 4.986 4.986 0 0 1-1.752 1.223c-.685.286-1.739.45-2.265.45-.528-.006-1.574-.157-2.252-.45a5.096 5.096 0 0 1-1.744-1.223c-.487-.527-.863-1.162-1.137-1.906a6.345 6.345 0 0 1-.41-2.33c0-.902.123-1.77.397-2.508a5.554 5.554 0 0 1 1.15-1.892 5.133 5.133 0 0 1 1.75-1.216c.679-.287 1.425-.423 2.232-.423.808 0 1.553.142 2.237.423.685.286 1.274.69 1.753 1.216a5.644 5.644 0 0 1 1.135 1.892c.287.738.431 1.606.431 2.508zm-20.138 0c0 1.12.246 2.363.738 2.882.493.52 1.13.78 1.91.78.424 0 .828-.062 1.204-.178.377-.116.677-.253.917-.417V9.33a10.476 10.476 0 0 0-1.766-.226c-.971-.028-1.71.37-2.23 1.004-.513.636-.773 1.75-.773 2.788zm7.438 5.274c0 1.824-.466 3.156-1.404 4.004-.936.846-2.367 1.27-4.296 1.27-.705 0-2.17-.137-3.34-.396l.431-2.118c.98.205 2.272.26 2.95.26 1.074 0 1.84-.219 2.299-.656.459-.437.684-1.086.684-1.948v-.437a8.07 8.07 0 0 1-1.047.397c-.43.13-.93.198-1.492.198-.739 0-1.41-.116-2.018-.349a4.206 4.206 0 0 1-1.567-1.025c-.431-.45-.774-1.017-1.013-1.694-.24-.677-.363-1.885-.363-2.773 0-.834.13-1.88.384-2.577.26-.696.629-1.298 1.129-1.796.493-.498 1.095-.881 1.8-1.162a6.605 6.605 0 0 1 2.428-.457c.87 0 1.67.109 2.45.24.78.129 1.444.265 1.985.415V18.17z' fill='%235468FF'/%3E%3Cpath d='M6.972 6.677v1.627c-.712-.446-1.52-.67-2.425-.67-.585 0-1.045.13-1.38.391a1.24 1.24 0 0 0-.502 1.03c0 .425.164.765.494 1.02.33.256.835.532 1.516.83.447.192.795.356 1.045.495.25.138.537.332.862.582.324.25.563.548.718.894.154.345.23.741.23 1.188 0 .947-.334 1.691-1.004 2.234-.67.542-1.537.814-2.601.814-1.18 0-2.16-.229-2.936-.686v-1.708c.84.628 1.814.942 2.92.942.585 0 1.048-.136 1.388-.407.34-.271.51-.646.51-1.125 0-.287-.1-.55-.302-.79-.203-.24-.42-.42-.655-.542-.234-.123-.585-.29-1.053-.503-.276-.127-.47-.218-.582-.271a13.67 13.67 0 0 1-.55-.287 4.275 4.275 0 0 1-.567-.351 6.92 6.92 0 0 1-.455-.4c-.18-.17-.31-.34-.39-.51-.08-.17-.155-.37-.224-.598a2.553 2.553 0 0 1-.104-.742c0-.915.333-1.638.998-2.17.664-.532 1.523-.798 2.576-.798.968 0 1.793.17 2.473.51zm7.468 5.696v-.287c-.022-.607-.187-1.088-.495-1.444-.309-.357-.75-.535-1.324-.535-.532 0-.99.194-1.373.583-.382.388-.622.949-.717 1.683h3.909zm1.005 2.792v1.404c-.596.34-1.383.51-2.362.51-1.255 0-2.255-.377-3-1.132-.744-.755-1.116-1.744-1.116-2.968 0-1.297.34-2.316 1.021-3.055.68-.74 1.548-1.11 2.6-1.11 1.033 0 1.852.323 2.458.966.606.644.91 1.572.91 2.784 0 .33-.033.676-.096 1.038h-5.314c.107.702.405 1.239.894 1.611.49.372 1.106.558 1.85.558.862 0 1.58-.202 2.155-.606zm6.605-1.77h-1.212c-.596 0-1.045.116-1.349.35-.303.234-.454.532-.454.894 0 .372.117.664.35.877.235.213.575.32 1.022.32.51 0 .912-.142 1.204-.424.293-.281.44-.651.44-1.108v-.91zm-4.068-2.554V9.325c.627-.361 1.457-.542 2.489-.542 2.116 0 3.175 1.026 3.175 3.08V17h-1.548v-.957c-.415.68-1.143 1.02-2.186 1.02-.766 0-1.38-.22-1.843-.661-.462-.442-.694-1.003-.694-1.684 0-.776.293-1.38.878-1.81.585-.431 1.404-.647 2.457-.647h1.34V11.8c0-.554-.133-.971-.399-1.253-.266-.282-.707-.423-1.324-.423a4.07 4.07 0 0 0-2.345.718zm9.333-1.93v1.42c.394-1 1.101-1.5 2.123-1.5.148 0 .313.016.494.048v1.531a1.885 1.885 0 0 0-.75-.143c-.542 0-.989.24-1.34.718-.351.479-.527 1.048-.527 1.707V17h-1.563V8.91h1.563zm5.01 4.084c.022.82.272 1.492.75 2.019.479.526 1.15.79 2.01.79.639 0 1.235-.176 1.788-.527v1.404c-.521.319-1.186.479-1.995.479-1.265 0-2.276-.4-3.031-1.197-.755-.798-1.133-1.792-1.133-2.984 0-1.16.38-2.151 1.14-2.975.761-.825 1.79-1.237 3.088-1.237.702 0 1.346.149 1.93.447v1.436a3.242 3.242 0 0 0-1.77-.495c-.84 0-1.513.266-2.019.798-.505.532-.758 1.213-.758 2.042zM40.24 5.72v4.579c.458-1 1.293-1.5 2.505-1.5.787 0 1.42.245 1.899.734.479.49.718 1.17.718 2.042V17h-1.564v-5.106c0-.553-.14-.98-.422-1.284-.282-.303-.652-.455-1.11-.455-.531 0-1.002.202-1.411.606-.41.405-.615 1.022-.615 1.851V17h-1.563V5.72h1.563zm14.966 10.02c.596 0 1.096-.253 1.5-.758.404-.506.606-1.157.606-1.955 0-.915-.202-1.62-.606-2.114-.404-.495-.92-.742-1.548-.742-.553 0-1.05.224-1.491.67-.442.447-.662 1.133-.662 2.058 0 .958.212 1.67.638 2.138.425.469.946.703 1.563.703zM53.004 5.72v4.42c.574-.894 1.388-1.341 2.44-1.341 1.022 0 1.857.383 2.506 1.149.649.766.973 1.781.973 3.047 0 1.138-.309 2.109-.925 2.912-.617.803-1.463 1.205-2.537 1.205-1.075 0-1.894-.447-2.457-1.34V17h-1.58V5.72h1.58zm9.908 11.104l-3.223-7.913h1.739l1.005 2.632 1.26 3.415c.096-.32.48-1.458 1.15-3.415l.909-2.632h1.66l-2.92 7.866c-.777 2.074-1.963 3.11-3.559 3.11a2.92 2.92 0 0 1-.734-.079v-1.34c.17.042.351.064.543.064 1.032 0 1.755-.57 2.17-1.708z' fill='%235D6494'/%3E%3Cpath d='M89.632 5.967v-.772a.978.978 0 0 0-.978-.977h-2.28a.978.978 0 0 0-.978.977v.793c0 .088.082.15.171.13a7.127 7.127 0 0 1 1.984-.28c.65 0 1.295.088 1.917.259.082.02.164-.04.164-.13m-6.248 1.01l-.39-.389a.977.977 0 0 0-1.382 0l-.465.465a.973.973 0 0 0 0 1.38l.383.383c.062.061.15.047.205-.014.226-.307.472-.601.746-.874.281-.28.568-.526.883-.751.068-.042.075-.137.02-.2m4.16 2.453v3.341c0 .096.104.165.192.117l2.97-1.537c.068-.034.089-.117.055-.184a3.695 3.695 0 0 0-3.08-1.866c-.068 0-.136.054-.136.13m0 8.048a4.489 4.489 0 0 1-4.49-4.482 4.488 4.488 0 0 1 4.49-4.482 4.488 4.488 0 0 1 4.489 4.482 4.484 4.484 0 0 1-4.49 4.482m0-10.85a6.363 6.363 0 1 0 0 12.729c3.518 0 6.372-2.85 6.372-6.368a6.358 6.358 0 0 0-6.371-6.36' fill='%23FFF'/%3E%3C/g%3E%3C/svg%3E%0A\");\n        background-repeat: no-repeat;\n        background-position: center;\n        background-size: 100%;\n        overflow: hidden;\n        text-indent: -9000px;\n        padding: 0!important;\n        width: 100%;\n        height: 100%;\n        display: block;\n      }\n    }}\n}\n","@import 'dropdown';\n@import 'searchbox';\n@import 'image';\n\n$searchbox: true !default;\n\n@if ($searchbox == true) {\n  @include searchbox($searchbox-config...);\n}\n\n@include dropdown($dropdown-config...);\n\n/* Show it is fixed to the top */\nbody {\n  font-family: 'Ubuntu', sans-serif;\n  /* scroll-behavior: smooth; */\n}\n\n.fa-angle-double-up {\n  font-size: 3em;\n}\n\n#toc {\n  top: 130px;\n}\n\n/* This fixes the sticky nav overlapping for H2 and H3 elements */\nh1:target::before {\n  content: \"\";\n  display: block;\n  height: 8rem; /* fixed header height*/\n  margin: -8rem 0 0; /* negative fixed header height */\n}\n\nh2:target::before, h3:target::before, h5:target::before, h6:target::before {\n  content: \"\";\n  display: block;\n  height: 8rem; /* fixed header height*/\n  margin: -8rem 0 0; /* negative fixed header height */\n}\n\nh4:target::before {\n  content: \"\";\n  display: block;\n  height: 9rem; /* fixed header height*/\n  margin: -8rem 0 0; /* negative fixed header height */\n}\n\n/* Also fixing the sticky nav overlap */\n.sticky-nav-anchor:target {\n  padding-top: 9rem;\n  margin-top: -8rem;\n}\n\n.row {\n  margin-right: 0;\n  padding-top: 1.25rem;\n}\n\nh1{\n  font-weight: 700;\n  font-size: 3.5em;\n}\n\nh2{\n  font-weight: 700;\n  font-size: 2.7em;\n}\n\nh3,h4,h5,h6 {\n  font-weight: 600;\n}\n\np,summary,li {\n  font-weight: 300;\n}\n/* TODO: learn css */\nul.nav li a, ul.upper-nav li a {\n  font-weight: 400 !important;\n}\n\nh2::before {\n  display: inline-block;\n  content: \"\";\n  border-bottom: 1px solid rgba(0,0,0,.1);\n  width: 100%;\n  margin: 0 1rem;\n  transform: translateY(-1rem);\n}\n\n/* Overwiev page customizations */\n/* Way to remove pseudoelement which adds the divider line, give class \"no-before\" */\nh2.no-before:before {\n  border-bottom: 0px solid rgba(0,0,0,.1);\n}\n\n/* summary.remove-arrow {\n  list-style-type: none;\n} */\n\ndetails summary { list-style-type: none; } /* Firefox */\ndetails summary::-webkit-details-marker { display: none; } /* Chrome */\ndetails summary::marker { display: none; }\n\n.different-h2 {\n  font-size: 1em;\n  margin: 0;\n  margin-right: 10px;\n}\n\n.h2-lookslike-h3 {\n  font-size: 1.75rem;\n  font-weight: 600;\n}\n\n/* Some space between headings */\nh2,h3 {\n  margin: 2rem 0 2rem 0;\n}\n\nh4,h5,h6 {\n  margin-top: 2rem;\n}\n\n/* small screens */\n@media (max-width: 768px) {\n  /* override stickyness so that the navigation does not follow scrolling */\n  nav[data-toggle='toc'] {\n    margin-bottom: 42px;\n    position: static;\n  }\n\n  nav[data-toggle='toc'] .nav .nav {\n    display: block;\n  }\n\n  /** Ditch the dash from landing page when screen gets small */\n  .landing-dash {\n    display: none;\n  }\n\n  .invoice-sending-states {\n    margin-bottom: -12rem;\n  }\n}\n\n.logo {\n  position: absolute;\n  top: 0;\n  width: 330px;\n  height: 150px;\n  padding: 10px;\n  text-align: center;\n}\n\n.active {\n  font-weight: bold;\n}\n\n.list-group-item {\n  padding: 0.1rem 0.5rem;\n  background-color: #F6F6F6;\n}\n\n.section-nav a:link    {color:#000;}  /* unvisited link  */\n.section-nav a:visited {color:#000;}  /* visited link    */\n.section-nav a:hover   {color:#000;}  /* mouse over link */\n.section-nav a:active  {color:#000;}  /* selected link   */\n\n.param_name {\n  text-decoration: underline;\n}\n\n.param_type {\n  font-weight: bold;\n}\n\n.table-sm {\n  font-size: 0.8em;\n}\n\n.highlight {\n  padding-left: 1rem;\n  padding-right: 4rem;\n}\n\n.lead {\n  font-weight: bold;\n}\n\n/** Landing page */\n\n.navbar {\n  border-bottom: 1px solid $navbar-border-color;\n  background-color: white;\n}\n\n.navbar-dark .navbar-toggler {\n  color: rgba(0,0,0,.5);\n  border-color: rgba(0,0,0,.1);\n  z-index: 1;\n  margin-bottom: 0.5rem;\n}\n\n.navbar-toggler {\n  background-color: #bcbcbc8a;\n  border: 1px solid transparent;\n}\n\n.navbar-dark .navbar-nav .nav-link {\n  color: black;\n}\n\n.navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show > .nav-link {\n  color: black;\n}\n\n.site-nav {\n  margin-top: -3rem;\n}\n\n.py-5 {\n  margin-left: 1%;\n  margin-right: 1%;\n}\n\n.jumbotron {\n  padding: 2rem 2rem;\n}\n\nsection {\n  margin-top: 2rem;\n  margin-left: 1%;\n  margin-right: 1%;\n}\n\n.card {\n\topacity: 0.7;\n}\n\n.landing-page-card-body {\n  margin-bottom: 0rem;\n}\n\n.card:hover {\n  opacity:1;\n}\n.card h6 {\n  margin-top: 0;\n}\n\n.card img {\n  display: block;\n  margin-left: auto;\n  margin-right: auto;\n  width: 35%;\n}\n\n.card-img-remove img {\n  margin-left: 0 !important;\n  margin-right: 0 !important;\n  width: auto !important;\n}\n\n.card-header {\n  font-size: 18px;\n}\n\n.card1 .card-text{\n  margin-top: 25px;\n}\n\n.card3 .card-text{\n  margin-top: 34px;\n}\n\n.btn-group > .btn-group:not(:first-child), .btn-group > .btn:not(:first-child) {\n  margin-left: -5px;\n}\n\n.btn-group, .btn-group-vertical {\n  display: block;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n[type=button], [type=reset], [type=submit], .button {\n  -webkit-appearance: none;\n}\n\n.landing-dash {\n  width: 112px;\n  height: 47px;\n  position: absolute;\n  right: -55px;\n  top: 0;\n}\n\n.round-button {\n  width: 25%;\n}\n\n.round-button-circle {\n  width: 100%;\n  height:0;\n  padding-bottom: 80%;\n  border-radius: 50%;\n  overflow:hidden;\n  box-shadow: 0 0 3px gray;\n}\n\n.round-button a {\n  display: block;\n  float: left;\n  width: 100%;\n  padding-top: 50%;\n  padding-bottom: 50%;\n  line-height: 1em;\n  margin-top: -0.5em;\n  text-align: center;\n  font-size: 1.2em;\n  font-weight: bold;\n  text-decoration: none;\n  cursor: default;\n}\n\n.round-button1:hover ~ .card1, .round-button2:hover ~ .card2, .round-button3:hover ~ .card3 {\n  opacity: 1;\n}\n\n/** Customizable integration guide cards */\n\ninput[type=checkbox] {\n  transform: scale(2);\n}\n\n.option-select {\n  text-align: center;\n  margin-left: 1rem;\n}\n\n/** Integration guide page stylings */\n\n.xml-formats summary {\n  font-weight:700;\n  font-size:1rem;\n}\n\n/** SOAP-API method formatting */\n\n.dropdown {\n  padding-bottom: 1rem;\n}\n\n.card-body {\n  padding-top: 0rem;\n  margin-bottom: 1rem\n}\n\n.card-body-api-methods {\n  margin-bottom: 1rem;\n  padding: 1rem 1rem 1rem 1rem;\n}\n\nsummary {\n  margin-bottom: 1rem;\n  font-weight: bold;\n  outline: none;\n}\n\n/** SOAP API methods return values table */\n.return-table {\n  border: 1px #dee2e6 solid;\n}\n\n.table td, .table th {\n  border-top: 0px;\n}\n\n.return-table-ok:hover {\n  background-color: #d4edda;\n  border-color: #c3e6cb;\n}\n\n.return-table-pending:hover {\n  background-color:#fff3cd;\n  border-color:#ffeeba;\n}\n\n.return-table-error:hover {\n  background-color: #f8d7da;\n  border-color: #f5c6cb;\n}\n\n/** Code snippet boxes */\n.language-json.highlighter-rouge .highlight {\n  background-color: #edebeb;\n}\n\n/** Syntax highlighting styles */\n.highlight { background: #fff; }\n.highlighter-rouge .highlight { background: #eef; }\n.highlight .c { color: #998; font-style: italic; }\n.highlight .err { color: #a61717; background-color: #e3d2d2; }\n.highlight .k { font-weight: bold; }\n.highlight .o { font-weight: bold; }\n.highlight .cm { color: #998; font-style: italic; }\n.highlight .cp { color: #999; font-weight: bold; }\n.highlight .c1 { color: #998; font-style: italic; }\n.highlight .cs { color: #999; font-weight: bold; font-style: italic; }\n.highlight .gd { color: #000; background-color: #fdd; }\n.highlight .gd .x { color: #000; background-color: #faa; }\n.highlight .ge { font-style: italic; }\n.highlight .gr { color: #a00; }\n.highlight .gh { color: #999; }\n.highlight .gi { color: #000; background-color: #dfd; }\n.highlight .gi .x { color: #000; background-color: #afa; }\n.highlight .go { color: #888; }\n.highlight .gp { color: #555; }\n.highlight .gs { font-weight: bold; }\n.highlight .gu { color: #aaa; }\n.highlight .gt { color: #a00; }\n.highlight .kc { font-weight: bold; }\n.highlight .kd { font-weight: bold; }\n.highlight .kp { font-weight: bold; }\n.highlight .kr { font-weight: bold; }\n.highlight .kt { color: #458; font-weight: bold; }\n.highlight .m { color: #099; }\n.highlight .s { color: #d14; }\n.highlight .na { color: #008080; }\n.highlight .nb { color: #0086B3; }\n.highlight .nc { color: #458; font-weight: bold; }\n.highlight .no { color: #008080; }\n.highlight .ni { color: #800080; }\n.highlight .ne { color: #900; font-weight: bold; }\n.highlight .nf { color: #900; font-weight: bold; }\n.highlight .nn { color: #555; }\n.highlight .nt { color: #000080; }\n.highlight .nv { color: #008080; }\n.highlight .ow { font-weight: bold; }\n.highlight .w { color: #bbb; }\n.highlight .mf { color: #099; }\n.highlight .mh { color: #099; }\n.highlight .mi { color: #099; }\n.highlight .mo { color: #099; }\n.highlight .sb { color: #d14; }\n.highlight .sc { color: #d14; }\n.highlight .sd { color: #d14; }\n.highlight .s2 { color: #d14; }\n.highlight .se { color: #d14; }\n.highlight .sh { color: #d14; }\n.highlight .si { color: #d14; }\n.highlight .sx { color: #d14; }\n.highlight .sr { color: #009926; }\n.highlight .s1 { color: #d14; }\n.highlight .ss { color: #990073; }\n.highlight .bp { color: #999; }\n.highlight .vc { color: #008080; }\n.highlight .vg { color: #008080; }\n.highlight .vi { color: #008080; }\n.highlight .il { color: #099; }\n\n#topBtn {\n  display: none; /* Hidden by default */\n  position: fixed; /* Fixed/sticky position */\n  bottom: 20px; /* Place the button at the bottom of the page */\n  right: 30px; /* Place the button 30px from the right */\n  z-index: 99; /* Make sure it does not overlap */\n  border: none; /* Remove borders */\n  outline: none; /* Remove outline */\n  color: white; /* Text color */\n  cursor: pointer; /* Add a mouse pointer on hover */\n  padding: 15px; /* Some padding */\n  border-radius: 10px; /* Rounded corners */\n  font-size: 0.5em; /* Increase font size */\n}\n\n#closeBtn {\n  position: sticky; /* Fixed/sticky position */\n  left: 100%; /* Place the button to right side */\n  z-index: 99; /* Make sure it does not overlap */\n  border: none; /* Remove borders */\n  outline: none; /* Remove outline */\n  color: white; /* Text color */\n  cursor: pointer; /* Add a mouse pointer on hover */\n  padding: 5px; /* Some padding */\n  border-radius: 5px; /* Rounded corners */\n}\n\n.invoice-sending-states {\n  width: 98% !important;\n}\n\n/* Scanning deocumentation table \"fixes\" */\n\n.scanning-table {\n  width: 119%;\n}\n\n.wider-td {\n  width: 16%;\n}\n\n.img-border {\n  border: 1px solid;\n}\n\n/* Helpers */\n.no-card-opacity {\n  opacity: 1;\n}\n\n.badge {\n  font-size: 90%;\n}\n\na.badge-inverse:visited {\n  color: white;\n}\n.tooltip {\n  font-size: 0.6em;\n}\n\n.not-so-wide-alert {\n  width: 41%;\n  padding: .75rem 5em;\n}\n\n.styled_json {\n\tmargin-top: -15px;\n\tmargin-left: 40px;\n}\n\n.space {\n  margin-bottom: 3em;\n}\n\n/* Search */\n.form-control-borderless {\n    border: none;\n}\n\n.form-control-borderless:hover, .form-control-borderless:active, .form-control-borderless:focus {\n    border: none;\n    outline: none;\n    box-shadow: none;\n}\n\n.fa-search {\n\tmargin-right: 8px;\n}\n\n.search_highlight {\n  animation-name:bckanim;\n  animation-fill-mode:forwards;\n  animation-duration:3s;\n  animation-delay:0s;\n}\n@keyframes bckanim {\n  100% { background-color:transparent;}\n}\n\n/* Random */\n.fa-save {\n  margin-left: 5px;\n}\n\n.hide {\n  display: none;\n}\n"],"file":"main.css"}