systemview 1.19.0 → 1.20.0

package/cli/utils/cli.js

@@ -7,6 +7,7 @@ const HELP_TEXT = `
   Commands:
     start [port]                           Launch SystemView UI (default port 3000)
     test <projectCode> [namespace]         Run saved tests for a project
+    list [projectCode] [namespace]         List projects, services, or tests
     connect <serviceId> <url>             Register a service and write manifest
     connect                               Re-probe all services in existing manifest
     probe <ServiceId.Module.method> [args] Call a method ad-hoc
@@ -14,31 +15,64 @@ const HELP_TEXT = `
     shutdown [port]                        Stop a running SystemView instance
 
   Flags:
+    --version                              Print version and exit
     --json                                 Output results as JSON (for agents/CI)
-    --verbose                              Print all phases including Before/After on pass
+    --verbose                              test: full results and args for all phases; list: expand to show methods and test titles
     --manifest <path>                      Path to manifest file (default: ./systemview.manifest.json)
     --header "Name: Value"                 Extra request header (repeatable; overrides manifest.probeHeaders)
+    --skip <pattern>                       Exclude tests matching pattern (repeatable)
+    --bail                                 Stop after first failure
+    --dry-run                              Print which tests would run without executing
+    --phase <before|main|events|after>     Run only specified phase(s), comma-separated
+    --index <n>                            Run only action at index n within each phase (0-based)
 
   Examples:
     systemview start
     systemview test buAPI
     systemview test buAPI Users.signUp --json
+    systemview test buAPI --skip deleteUser --bail
+    systemview test buAPI Users.signIn --phase main --index 0
+    systemview list
+    systemview list buAPI
+    systemview list buAPI --verbose
+    systemview list buAPI signUp
     systemview connect ProfilesService http://localhost:4100/bu/api/profiles
     systemview probe ProfilesService.Users.getUser '{"userId":"123"}'
-    systemview probe ProfilesService.Users.get --header "Origin: http://localhost:3300"
+    systemview open buAPI signUp
     systemview test buAPI --header "X-Api-Key: secret"
 `;
 
 const rawArgs = process.argv.slice(2);
 
+const flagValueArgs = ["--manifest", "--header", "--skip", "--phase", "--index"];
+
 const flags = {
   json: rawArgs.includes("--json"),
   verbose: rawArgs.includes("--verbose") || rawArgs.includes("-v"),
   debug: rawArgs.includes("--debug") || rawArgs.includes("-d"),
+  bail: rawArgs.includes("--bail"),
+  dryRun: rawArgs.includes("--dry-run"),
   manifest: (() => {
     const i = rawArgs.indexOf("--manifest");
     return i !== -1 ? rawArgs[i + 1] : null;
   })(),
+  phase: (() => {
+    const i = rawArgs.indexOf("--phase");
+    return i !== -1 ? rawArgs[i + 1] : null;
+  })(),
+  index: (() => {
+    const i = rawArgs.indexOf("--index");
+    if (i === -1) return undefined;
+    const val = parseInt(rawArgs[i + 1], 10);
+    return isNaN(val) ? 0 : val;
+  })(),
+  skip: (() => {
+    const result = [];
+    rawArgs.forEach((a, i) => {
+      if (a === "--skip" && rawArgs[i + 1]) result.push(rawArgs[i + 1]);
+    });
+    return result;
+  })(),
   headers: (() => {
     const result = {};
     rawArgs.forEach((a, i) => {
@@ -56,7 +90,7 @@ const flags = {
 
 const input = rawArgs.filter((a, i) => {
   if (a.startsWith("-")) return false;
-  if (i > 0 && (rawArgs[i - 1] === "--manifest" || rawArgs[i - 1] === "--header")) return false;
+  if (i > 0 && flagValueArgs.includes(rawArgs[i - 1])) return false;
   return true;
 });
 

package/cli/utils/resolveNamespace.js

@@ -0,0 +1,16 @@
+module.exports = function resolveNamespace(partial, connectedServices) {
+  if (!partial || !connectedServices || !connectedServices.length) return [];
+  const matches = [];
+  for (const { serviceId, system } of connectedServices) {
+    const modules = (system && system.connectionData && system.connectionData.modules) || [];
+    for (const { name: moduleName, methods = [] } of modules) {
+      for (const { fn: methodName } of methods) {
+        const full = `${serviceId}.${moduleName}.${methodName}`;
+        if (full.includes(partial)) {
+          matches.push({ serviceId, moduleName, methodName });
+        }
+      }
+    }
+  }
+  return matches;
+};

package/cli/utils/truncate.js

@@ -0,0 +1,31 @@
+class TruncationMarker {
+  constructor(message) {
+    this.message = message;
+  }
+  toJSON() {
+    return this.message;
+  }
+}
+
+function truncate(value, maxItems = 3, maxStrLen = 100) {
+  if (Array.isArray(value)) {
+    const slice = value.slice(0, maxItems).map((item) => truncate(item, maxItems, maxStrLen));
+    if (value.length > maxItems) slice.push(new TruncationMarker(`...${value.length - maxItems} more`));
+    return slice;
+  }
+  if (value !== null && typeof value === "object") {
+    const keys = Object.keys(value);
+    const result = {};
+    keys.slice(0, maxItems).forEach((k) => {
+      result[k] = truncate(value[k], maxItems, maxStrLen);
+    });
+    if (keys.length > maxItems) result.__more__ = new TruncationMarker(`...${keys.length - maxItems} more`);
+    return result;
+  }
+  if (typeof value === "string" && value.length > maxStrLen) {
+    return value.slice(0, maxStrLen) + `...[${value.length - maxStrLen} more chars]`;
+  }
+  return value;
+}
+
+module.exports = { truncate, TruncationMarker };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "systemview",
   "description": "A documentation and testing suite for SystemLynx",
-  "version": "1.19.0",
+  "version": "1.20.0",
   "license": "UNLICENSED",
   "bin": {
     "systemview": "cli/index.js"

package/build/static/css/main.2c749bba.css.map

@@ -1 +0,0 @@
-{"version":3,"file":"static/css/main.2c749bba.css","mappings":"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GFM,UHFN,aAIA,cGFM,UHFN,wBAIA,yBGFM,UHFN,wBAIA,yBGFM,UHFN,aAIA,cGFM,WHFN,wBAIA,yBGFM,WHFN,wBAIA,yBGFM,WHFN,cAIA,eGGI,yBAEA,wBAGE,mBADW,CACX,mBADW,CACX,mBADW,CACX,mBADW,CACX,mBADW,CACX,mBADW,CACX,mBADW,CACX,mBADW,CACX,mBADW,CACX,mBADW,CACX,qBADW,CACX,qBADW,CACX,qBADW,CAOT,aHTR,cGSQ,aHTR,0BGSQ,aHTR,2BGSQ,aHTR,gBGSQ,aHTR,2BGSQ,aHTR,2BGSQ,aHTR,gBGSQ,aHTR,2BGSQ,aHTR,2BGSQ,aHTR,gBGSQ,cHTR,2BGSQ,cHTR,4BIxCE,+BACA,mCACA,+CACA,iCACA,iCACA,yCACA,2CACA,+BACA,6CH0CA,wBGlDA,kCACA,sCACA,kDACA,oCACA,oCACA,4CACA,8CACA,kCACA,iDH0CA,wBGlDA,kCACA,sCACA,kDACA,oCACA,oCACA,4CACA,8CACA,kCACA,iDH0CA,wBGlDA,kCACA,sCACA,kDACA,oCACA,oCACA,4CACA,8CACA,kCACA,iDH0CA,yBGlDA,kCACA,sCACA,kDACA,oCACA,oCACA,4CACA,8CACA,kCACA,iDASJ,aACE,qCACA,yCACA,qDACA,uCACA,uCACA,+CACA,iDACA,qCACA,oDC1BE,uCACA,6CACA,uDACA,6DAEA,oCACA,wCACA,oDAEA,4DACA,wDACA,yDACA,iEACA,+DAEA,oDACA,gDACA,iDACA,qDACA,mDAEA,wDACA,oDACA,qDACA,6DACA,2DACA,uDAEA,2CACA,kDACA,8CACA,+CACA,mDACA,iDJiBA,wBIlDA,0CACA,gDACA,0DACA,gEAEA,uCACA,2CACA,uDAEA,+DACA,2DACA,4DACA,oEACA,kEAEA,uDACA,mDACA,oDACA,wDACA,sDAEA,2DACA,uDACA,wDACA,gEACA,8DACA,0DAEA,8CACA,qDACA,iDACA,kDACA,sDACA,qDJiBA,wBIlDA,0CACA,gDACA,0DACA,gEAEA,uCACA,2CACA,uDAEA,+DACA,2DACA,4DACA,oEACA,kEAEA,uDACA,mDACA,oDACA,wDACA,sDAEA,2DACA,uDACA,wDACA,gEACA,8DACA,0DAEA,8CACA,qDACA,iDACA,kDACA,sDACA,qDJiBA,wBIlDA,0CACA,gDACA,0DACA,gEAEA,uCACA,2CACA,uDAEA,+DACA,2DACA,4DACA,oEACA,kEAEA,uDACA,mDACA,oDACA,wDACA,sDAEA,2DACA,uDACA,wDACA,gEACA,8DACA,0DAEA,8CACA,qDACA,iDACA,kDACA,sDACA,qDJiBA,yBIlDA,0CACA,gDACA,0DACA,gEAEA,uCACA,2CACA,uDAEA,+DACA,2DACA,4DACA,oEACA,kEAEA,uDACA,mDACA,oDACA,wDACA,sDAEA,2DACA,uDACA,wDACA,gEACA,8DACA,0DAEA,8CACA,qDACA,iDACA,kDACA,sDACA,qDCzCJ,eACE,mBACA,aACA,gBACA,iBACA,mBACE,gBAGJ,KACE,eACA,qBAEA,YACE,2BAIJ,YAME,gBAEA,4BAHA,cADA,sBAKA,gBACA,SAAQ,CAHR,kBANA,kBAEA,WADA,OAQA,CACA,kBACE,UAIJ,aAME,mBAJA,gBAEA,gCACA,aAJA,YAOA,uBAGA,eAJA,kBAGA,MADA,WAEA,CAGF,eACE,YAEF,4BACE,kBAKF,qCACE,kBAEF,uBACE,kBAaF,kBACE,GACE","sources":["index.css","sass/bootstrap/bootstrap-grid.scss","atoms/Textbox/styles.scss","atoms/Link/styles.scss","molecules/ExpandableList/styles.scss","atoms/List/styles.scss","atoms/ExpandableIcon/styles.scss","molecules/ServerModulesList/styles.scss","organisms/SystemNavigator/styles.scss","organisms/Documentation/styles.scss","atoms/DescriptionBox/styles.scss","molecules/EditBox/styles.scss","atoms/Button/styles.scss","atoms/Title/styles.scss","atoms/Markdown/styles.scss","molecules/ExpandableSection/styles.scss","molecules/TestCaption/styles.scss","molecules/AutoCompleteBox/styles.scss","atoms/JsonTextBox/styles.scss","atoms/TypeSelector/styles.scss","atoms/Toggle/styles.scss","molecules/Args/styles.scss","organisms/ScratchPad/styles.scss","atoms/RunTestIcon/styles.scss","molecules/ValidationInput/styles.scss","atoms/Count/styles.scss","organisms/TestContainer/styles.scss","organisms/MultiTestSection/styles.scss","organisms/TestPanel/MainTest/styles.scss","organisms/TestPanel/styles.scss","atoms/SaveIcon/styles.scss","molecules/TestSummary/styles.scss","organisms/SavedTests/styles.scss","atoms/StatusIndicator/styles.scss","sass/bootstrap/_grid.scss","sass/bootstrap/mixins/_grid.scss","sass/bootstrap/mixins/_breakpoints.scss","sass/bootstrap/_variables.scss","sass/bootstrap/mixins/_grid-framework.scss","sass/bootstrap/utilities/_display.scss","sass/bootstrap/utilities/_flex.scss","pages/SystemView/styles.scss"],"sourcesContent":["@font-face {\n  font-family: \"SF Mono\";\n  src: url(./assets/fonts/FontsFree-Net-SFMono-Regular.ttf) format(\"ttf\");\n}\n@font-face {\n  font-family: \"Malkor\";\n  src: url(./assets/fonts/Malkor-Regular.ttf) format(\"ttf\");\n}\nbody {\n  margin: 0;\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Roboto\", \"Oxygen\", \"Ubuntu\",\n    \"Cantarell\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\", sans-serif;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n}\n\ncode {\n  font-family: \"SF Mono\", system-ui, source-code-pro, Menlo, Monaco, Consolas,\n    \"Courier New\", monospace;\n}\n","/*!\n * Bootstrap Grid v4.0.0 (https://getbootstrap.com)\n * Copyright 2011-2018 The Bootstrap Authors\n * Copyright 2011-2018 Twitter, Inc.\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)\n */\n\n@at-root {\n  @-ms-viewport { width: device-width; } // stylelint-disable-line at-rule-no-vendor-prefix\n}\n\nhtml {\n  box-sizing: border-box;\n  -ms-overflow-style: scrollbar;\n}\n\n*,\n*::before,\n*::after {\n  box-sizing: inherit;\n}\n\n@import \"functions\";\n@import \"variables\";\n\n@import \"mixins/breakpoints\";\n@import \"mixins/grid-framework\";\n@import \"mixins/grid\";\n\n@import \"grid\";\n@import \"utilities/display\";\n@import \"utilities/flex\";\n","@import \"../../sass/bootstrap/functions\";\n@import \"../../sass/bootstrap/variables\";\n@import \"../../sass/bootstrap/mixins/breakpoints\";\n@import \"../../sass/bootstrap/bootstrap-grid.scss\";\n\n.textbox {\n  flex: 1;\n  & input,\n  textarea {\n    padding: 0.75rem;\n    width: 100%;\n    padding: 7px;\n    font-size: 15px;\n  }\n}\n",".link {\n  color: #282d33;\n  text-decoration: none;\n  font-size: 16px;\n  &:hover {\n    text-decoration: underline;\n  }\n}\n",".expandable-list {\n  text-indent: 10px;\n\n  &__items {\n    &--hidden {\n      display: none;\n    }\n  }\n  &__button {\n    text-align: left;\n    display: flex;\n    & > span,\n    a {\n      display: flex;\n      align-items: center;\n    }\n  }\n}\n",".list {\n  text-align: left;\n  padding: 6px 0px 6px 6px;\n  text-indent: 29px;\n  display: flex;\n  flex-direction: column;\n  line-height: 20px;\n  color: #343542;\n}\n",".expandable-icon {\n  font-size: 11px;\n  font-family: sans-serif;\n  cursor: pointer;\n}\n",".server-module {\n  &__methods {\n    display: flex;\n    &--selected-true {\n      background: linear-gradient(90deg, #deefe8 69%, white 100%);\n      background: linear-gradient(90deg, #d8d7e9 69%, white 100%);\n      border-radius: 5px 2px 2px 5px;\n      font-weight: bold;\n      & > a {\n        color: #575fc1;\n      }\n    }\n  }\n\n  &__docs-icon {\n    display: inline;\n    margin-left: auto;\n    & img {\n      width: 23px !important;\n    }\n  }\n  &__name {\n    &--plugin a {\n      color: #4caf50;\n      font-weight: bold;\n    }\n  }\n}\n",".system-nav {\n  padding: 3rem 1rem;\n  overflow: auto;\n  max-height: 100vh;\n  &__section {\n    margin: 21px 10px;\n  }\n  &__object-title {\n    display: inline;\n  }\n\n  &__service-url {\n    color: #3f51b5;\n    color: #607d8b !important;\n    text-decoration: none;\n    /* font-weight: bold; */\n    font-size: 13px;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    display: block !important;\n    width: 230px;\n  }\n  &__link {\n    width: 100%;\n    margin-left: 3px;\n    &--selected-true {\n      background: linear-gradient(90deg, #deefe8 69%, white 100%);\n      background: linear-gradient(90deg, #d8d7e9 69%, white 100%);\n      border-radius: 5px 2px 2px 5px;\n\n      & > a {\n        font-weight: bold;\n        color: #575fc1 !important;\n      }\n    }\n  }\n}\n",".documentation-view {\n  padding-top: 2rem;\n  color: black;\n\n  &__parameter {\n    color: #3dceac;\n    font-weight: bold;\n  }\n\n  &__data-table {\n    margin-bottom: 30px;\n  }\n  &__title {\n    color: #454c69;\n    display: flex;\n    align-items: flex-start;\n    margin-left: 4px;\n  }\n  &__parentheses {\n    font-size: 26px;\n  }\n}\n",".description-box {\n  width: 100%;\n\n  &__textbox {\n    min-width: 100%;\n    max-width: 100%;\n    min-height: 70vh;\n    background: white;\n    color: black;\n    font-size: 13px;\n    padding: 38px;\n    border-radius: 2px;\n    border: none;\n    outline: none;\n    resize: none;\n    // font-family: \"SF Mono\", \"Ubuntu Mono\", monospace;\n    font-size: 15px;\n    font-weight: 500;\n\n    // background: #3d8470;\n    // color: white;\n    border-bottom: 1px solid #07625a;\n  }\n}\n",".edit-box {\n  width: 100%;\n  border-radius: 13px;\n  background: white;\n  overflow: scroll;\n  max-height: 80vh;\n  border: 2px solid #f1f1f1;\n  &--read {\n    &:hover {\n      // border: 2px dashed #5960b6;\n      // border: 2px dashed gainsboro;\n      // border: 2px dashed #92a3d3;\n      border: 2px dashed #8b97ba;\n\n      cursor: pointer;\n    }\n  }\n  &__main {\n    border: 2px dashed transparent;\n    &--hidden {\n      display: none;\n    }\n  }\n\n  &__form {\n    &--hidden {\n      display: none;\n    }\n  }\n\n  &__button {\n    display: flex;\n    width: 100%;\n    flex-direction: row;\n    justify-content: flex-end;\n    padding: 6px 15px;\n  }\n}\n",".button {\n  border: 1px solid;\n  background: linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);\n  border-radius: 3px;\n  display: inline-block;\n  cursor: pointer;\n  color: #666666;\n  font-family: Arial;\n  font-size: 15px;\n  font-weight: bold;\n  padding: 6px 24px;\n  text-decoration: none;\n  text-shadow: 0px 1px 0px #ffffff;\n  margin: 4px 10px;\n  &:hover {\n    background: linear-gradient(to bottom, #e9e9e9 5%, #f9f9f9 100%);\n    background-color: #e9e9e9;\n  }\n  &:active {\n    position: relative;\n    top: 1px;\n  }\n}\n.clear-button {\n  background: #607d8b;\n  padding: 0px 8px;\n  color: white;\n  border-radius: 17px;\n  font-weight: 600;\n  align-self: flex-end;\n  & > img {\n    width: 13px;\n    padding-top: 2px;\n  }\n}\n",".title {\n  font-size: 28px;\n  color: #0e886b;\n  position: relative;\n  font-family: sans-serif;\n}\n",".markdown {\n  // font-family: Helvetica, arial, sans-serif;\n  font-size: 15px;\n  line-height: 1.6;\n  padding-top: 10px;\n  padding-bottom: 10px;\n  background-color: white;\n  padding: 30px;\n\n  & > *:first-child {\n    margin-top: 0 !important;\n  }\n  & > *:last-child {\n    margin-bottom: 0 !important;\n  }\n\n  & a {\n    color: #4183c4;\n  }\n  & a.absent {\n    color: #cc0000;\n  }\n  & a.anchor {\n    display: block;\n    padding-left: 30px;\n    margin-left: -30px;\n    cursor: pointer;\n    position: absolute;\n    top: 0;\n    left: 0;\n    bottom: 0;\n  }\n\n  & h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6 {\n    margin: 20px 0 10px;\n    padding: 0;\n    font-weight: bold;\n    -webkit-font-smoothing: antialiased;\n    cursor: text;\n    position: relative;\n    color: #5960b6 !important;\n  }\n\n  & h1:hover a.anchor,\n  h2:hover a.anchor,\n  h3:hover a.anchor,\n  h4:hover a.anchor,\n  h5:hover a.anchor,\n  h6:hover a.anchor {\n    text-decoration: none;\n  }\n\n  & h1 tt,\n  h1 code {\n    font-size: inherit;\n  }\n\n  & h2 tt,\n  h2 code {\n    font-size: inherit;\n  }\n\n  & h3 tt,\n  h3 code {\n    font-size: inherit;\n  }\n\n  & h4 tt,\n  h4 code {\n    font-size: inherit;\n  }\n\n  & h5 tt,\n  h5 code {\n    font-size: inherit;\n  }\n\n  & h6 tt,\n  h6 code {\n    font-size: inherit;\n  }\n\n  & h1 {\n    font-size: 28px;\n    color: black;\n  }\n\n  & h2 {\n    font-size: 24px;\n    border-bottom: 1px solid #cccccc;\n    color: black;\n  }\n\n  & h3 {\n    font-size: 18px;\n  }\n\n  & h4 {\n    font-size: 16px;\n  }\n\n  & h5 {\n    font-size: 14px;\n  }\n\n  & h6 {\n    color: #777777;\n    font-size: 14px;\n  }\n\n  & p,\n  blockquote,\n  ul,\n  ol,\n  dl,\n  li,\n  table,\n  pre {\n    margin: 15px 0;\n  }\n\n  & hr {\n    border: 0 none;\n    color: #cccccc;\n    height: 4px;\n    padding: 0;\n    border-bottom: 1px solid;\n  }\n\n  & > h2:first-child {\n    margin-top: 0;\n    padding-top: 0;\n  }\n  & > h1:first-child {\n    margin-top: 0;\n    padding-top: 0;\n  }\n  & > h1:first-child + h2 {\n    margin-top: 0;\n    padding-top: 0;\n  }\n  & > h3:first-child,\n  & > h4:first-child,\n  & > h5:first-child,\n  & > h6:first-child {\n    margin-top: 0;\n    padding-top: 0;\n  }\n\n  & a:first-child h1,\n  a:first-child h2,\n  a:first-child h3,\n  a:first-child h4,\n  a:first-child h5,\n  a:first-child h6 {\n    margin-top: 0;\n    padding-top: 0;\n  }\n\n  & h1 p,\n  h2 p,\n  h3 p,\n  h4 p,\n  h5 p,\n  h6 p {\n    margin-top: 0;\n  }\n\n  & li p.first {\n    display: inline-block;\n  }\n  & li {\n    margin: 0;\n  }\n  & ul,\n  ol {\n    padding-left: 30px;\n  }\n\n  & ul :first-child,\n  ol :first-child {\n    margin-top: 0;\n  }\n\n  & dl {\n    padding: 0;\n  }\n  & dl dt {\n    font-size: 14px;\n    font-weight: bold;\n    font-style: italic;\n    padding: 0;\n    margin: 15px 0 5px;\n  }\n  & dl dt:first-child {\n    padding: 0;\n  }\n  & dl dt > :first-child {\n    margin-top: 0;\n  }\n  & dl dt > :last-child {\n    margin-bottom: 0;\n  }\n  & dl dd {\n    margin: 0 0 15px;\n    padding: 0 15px;\n  }\n  & dl dd > :first-child {\n    margin-top: 0;\n  }\n  & dl dd > :last-child {\n    margin-bottom: 0;\n  }\n\n  & blockquote {\n    border-left: 3px solid #c3c3c3;\n    color: #777777;\n    font-size: 14px;\n    text-indent: 8px;\n  }\n  & blockquote > :first-child {\n    margin-top: 0;\n  }\n  & blockquote > :last-child {\n    margin-bottom: 0;\n  }\n\n  & table {\n    padding: 0;\n    border-collapse: collapse;\n  }\n  & table tr {\n    border-top: 1px solid #cccccc;\n    background-color: white;\n    margin: 0;\n    padding: 0;\n  }\n  & table tr:nth-child(2n) {\n    background-color: #f8f8f8;\n  }\n  & table tr th {\n    font-weight: bold;\n    border: 1px solid #cccccc;\n    margin: 0;\n    padding: 6px 13px;\n  }\n  & table tr td {\n    border: 1px solid #cccccc;\n    margin: 0;\n    padding: 6px 13px;\n  }\n  & table tr th :first-child,\n  table tr td :first-child {\n    margin-top: 0;\n  }\n  & table tr th :last-child,\n  table tr td :last-child {\n    margin-bottom: 0;\n  }\n\n  & img {\n    max-width: 100%;\n  }\n\n  & span.frame {\n    display: block;\n    overflow: hidden;\n  }\n  & span.frame > span {\n    border: 1px solid #dddddd;\n    display: block;\n    float: left;\n    overflow: hidden;\n    margin: 13px 0 0;\n    padding: 7px;\n    width: auto;\n  }\n  & span.frame span img {\n    display: block;\n    float: left;\n  }\n  & span.frame span span {\n    clear: both;\n    color: #333333;\n    display: block;\n    padding: 5px 0 0;\n  }\n  & span.align-center {\n    display: block;\n    overflow: hidden;\n    clear: both;\n  }\n  & span.align-center > span {\n    display: block;\n    overflow: hidden;\n    margin: 13px auto 0;\n    text-align: center;\n  }\n  & span.align-center span img {\n    margin: 0 auto;\n    text-align: center;\n  }\n  & span.align-right {\n    display: block;\n    overflow: hidden;\n    clear: both;\n  }\n  & span.align-right > span {\n    display: block;\n    overflow: hidden;\n    margin: 13px 0 0;\n    text-align: right;\n  }\n  & span.align-right span img {\n    margin: 0;\n    text-align: right;\n  }\n  & span.float-left {\n    display: block;\n    margin-right: 13px;\n    overflow: hidden;\n    float: left;\n  }\n  & span.float-left span {\n    margin: 13px 0 0;\n  }\n  & span.float-right {\n    display: block;\n    margin-left: 13px;\n    overflow: hidden;\n    float: right;\n  }\n  & span.float-right > span {\n    display: block;\n    overflow: hidden;\n    margin: 13px auto 0;\n    text-align: right;\n  }\n\n  & code,\n  tt {\n    margin: 0 2px;\n    padding: 2px 3px;\n    white-space: nowrap;\n    background-color: #efeeee;\n    border-radius: 3px;\n    color: #3f51b5;\n    // font-weight: 600;\n    font-size: 14px;\n  }\n\n  & pre code {\n    margin: 0;\n    padding: 0;\n    white-space: pre;\n    border: none;\n    background: transparent;\n    // font-family: Monaco, monospace;\n  }\n\n  & .highlight pre {\n    // background-color: #f8f8f8;\n    // border: 1px solid #cccccc;\n    font-size: 13px;\n    // line-height: 19px;\n    // overflow: auto;\n    // padding: 6px 10px;\n    // border-radius: 3px;\n  }\n\n  & pre {\n    // background-color: #f8f8f8;\n    // border: 1px solid #cccccc;\n    font-size: 13px;\n    // line-height: 19px;\n    // overflow: auto;\n    // padding: 6px 10px;\n    // border-radius: 3px;\n  }\n  & pre code,\n  pre tt {\n    background-color: transparent;\n    border: none;\n  }\n\n  & sup {\n    font-size: 0.83em;\n    vertical-align: super;\n    line-height: 0;\n  }\n  & * {\n    -webkit-print-color-adjust: exact;\n  }\n  @media screen and (min-width: 914px) {\n    body {\n      width: 854px;\n      margin: 0 auto;\n    }\n  }\n  @media print {\n    table,\n    & pre {\n      page-break-inside: avoid;\n    }\n    & pre {\n      word-wrap: break-word;\n    }\n  }\n}\n",".expandable-section {\n  width: 100%;\n  margin-bottom: 6px;\n  &__items {\n    &--hidden {\n      display: none;\n    }\n  }\n  &__title {\n    margin-bottom: 7px;\n    display: flex;\n    position: relative;\n    &__btn {\n      cursor: pointer;\n    }\n  }\n  &__btn {\n    &--hide-true {\n      visibility: hidden;\n    }\n  }\n}\n",".test-caption {\n  padding: 0 8px;\n  font-size: 16px;\n  margin: 0 4px;\n  width: 100%;\n  display: flex;\n  font-weight: 400;\n  font-family: sans-serif;\n  align-items: center;\n\n  &__title {\n    color: #0d8065;\n  }\n  &__description-input {\n    flex: 1;\n    padding-left: 5px;\n    & input {\n      width: 104%;\n      border: none;\n      color: #5a77e5;\n      text-overflow: ellipsis;\n      font-size: 16px;\n      text-indent: 10px;\n      background: #e9e9e9;\n      /* font-weight: 600; */\n      /* font-style: italic; */\n      border-radius: 41px;\n      line-height: 19px;\n      color: #676767;\n      &::placeholder {\n        font-weight: 400;\n        font-style: italic;\n        color: #bebebe;\n      }\n    }\n    &--visible-false {\n      display: none;\n    }\n  }\n}\n",".auto-complete {\n  position: relative;\n  display: initial;\n  &__suggestions {\n    position: absolute;\n    top: 19px;\n    z-index: 1;\n    left: 0px;\n    display: grid;\n    // border: 1px solid #bcbfd1;\n    box-shadow: 1px 3px 4px #736c6c;\n    max-height: 365px;\n    overflow-y: auto;\n    font-family: monospace;\n  }\n  &__suggestion {\n    padding: 6px 7px;\n    display: inline-flex;\n    cursor: pointer;\n    background: white;\n    width: calc(300px + 1rem);\n    &--active,\n    &:hover:not(&--empty) {\n      color: #5960b6;\n      background-color: #cbcbff;\n      background-color: #dadaed;\n      color: #3f495d;\n      font-weight: 100;\n      font-weight: bold;\n    }\n    &--empty {\n      justify-content: center;\n    }\n  }\n}\n",".json-text-box {\n  position: relative;\n  &__textbox {\n    min-width: 100%;\n    max-width: 100%;\n    min-height: 100px;\n    border: 1px solid #8ea8eb;\n    margin-top: 6px;\n  }\n\n  &__btn-container {\n    position: absolute;\n    right: 1px;\n    top: 9px;\n  }\n  &__btn {\n    padding: 2px 6px;\n    border-radius: 1px;\n    cursor: pointer;\n    margin-left: 4px;\n    font-family: system-ui;\n    font-weight: 500;\n    &:active {\n      position: relative;\n      top: 1px;\n    }\n    &--is-json-true {\n      background: #25d0a8;\n      color: white;\n    }\n    &--is-json-false {\n      background: #cfc2c2;\n      color: #8c3c3c;\n      text-decoration: line-through;\n    }\n    &--cancel {\n      background: #ff6b6b;\n      color: white;\n    }\n  }\n}\n",".type-selector {\n  color: blue;\n  appearance: none;\n  cursor: pointer;\n  background: none;\n  border: none;\n  outline: none;\n  font-family: \"SF Mono\", monospace;\n}\n",".switch {\n  position: relative;\n  display: inline-block;\n  width: 60px;\n  height: 33px;\n}\n\n/* Hide default HTML checkbox */\n.switch input {\n  opacity: 0;\n  width: 0;\n  height: 0;\n}\n\n/* The slider */\n.slider {\n  position: absolute;\n  cursor: pointer;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background-color: #a78686;\n  background-color: #6e6e78;\n  -webkit-transition: 0.4s;\n  transition: 0.4s;\n}\n\n.slider:before {\n  position: absolute;\n  content: \"\";\n  height: 26px;\n  width: 26px;\n  left: 4px;\n  bottom: 4px;\n  background-color: white;\n  -webkit-transition: 0.4s;\n  transition: 0.4s;\n}\n\ninput:checked + .slider {\n  background-color: #29ab8c;\n}\n\ninput:focus + .slider {\n  box-shadow: 0 0 1px #29ab8c;\n}\n\ninput:checked + .slider:before {\n  -webkit-transform: translateX(26px);\n  -ms-transform: translateX(26px);\n  transform: translateX(26px);\n}\n\n/* Rounded sliders */\n.slider.round {\n  border-radius: 34px;\n}\n\n.slider.round:before {\n  border-radius: 50%;\n}\n",".args {\n  display: inline;\n  width: 100%;\n  &__add-btn {\n    padding: 0px 3px;\n    border-radius: 21px;\n    font-weight: bold;\n    color: #ffffff;\n    font-size: 16px;\n    margin: 0 5px;\n    line-height: 16px;\n    background: #5a77e5;\n    font-family: monospace;\n  }\n  &__data {\n    background: #cecee3;\n    margin: 2px;\n    border-radius: 7px;\n    padding: 11px;\n    position: relative;\n    &__delete-btn {\n      border-radius: 0px 7px 0px 0px !important;\n      top: 0px !important;\n      right: 0px !important;\n      padding: 0px 5px 1px 5px !important;\n    }\n  }\n\n  &__name {\n    white-space: nowrap;\n\n    &__text {\n      display: inline-block;\n      margin: 1px 0px;\n      // box-shadow: 1px 1px 1px #bdbdbd;\n      background: #5a77e5;\n      font-weight: bold;\n      color: white;\n      padding: 2px 10px;\n      border-radius: 100px;\n      cursor: pointer;\n    }\n  }\n  &__from-container {\n    display: flex;\n    /* justify-content: space-evenly; */\n  }\n\n  &__form {\n    &--is12 {\n      margin-top: 10px;\n    }\n    &__undefined {\n      color: #5a5a5a;\n    }\n    &__input {\n      background: none;\n      border: none;\n      border-bottom: 1px solid #9797d1;\n      font-family: monospace;\n      font-size: 14px;\n      &--number {\n        color: #9741ed;\n        font-weight: bold;\n      }\n      &--string,\n      &--target {\n        text-indent: 5px;\n        color: #cf5f2e;\n        min-height: 31px;\n        height: 31px;\n        min-width: 100%;\n        max-width: 100%;\n        max-height: 320px;\n        font-style: italic;\n      }\n      &--target {\n        font-weight: bold;\n        color: #009572;\n      }\n      &--date {\n        margin-top: 6px;\n        color: #9f4040;\n      }\n    }\n    &__value {\n      &--boolean {\n        &--true {\n          color: #2eab8c;\n          margin-right: 5px;\n        }\n        &--false {\n          color: #d52518;\n        }\n        position: relative;\n        top: 7px;\n        font-weight: bold;\n      }\n    }\n  }\n  &__quote {\n    color: #209cff;\n    font-size: 21px;\n    line-height: 1px;\n  }\n  &__type {\n    text-align: center;\n  }\n  &__name-display {\n    margin-right: 4px;\n    display: inline-block;\n  }\n  &__expand-btn {\n    color: #0035cf61;\n    text-shadow: 1px 1px 1px #cfcfcf;\n  }\n\n  &__add-json-btn {\n    padding: 2px 3px;\n    border-radius: 2px;\n    color: #0d8065;\n    position: absolute;\n    top: 6px;\n    right: 0;\n    &:hover {\n      text-decoration: underline;\n    }\n  }\n  &__json-txb {\n    &--show-false {\n      display: none !important;\n    }\n  }\n  &__value {\n    padding: 14px;\n    &--hide {\n      display: none;\n    }\n    &__number {\n      color: #9741ed;\n      font-weight: bold;\n    }\n    &__string {\n      color: #cf5f2e;\n      white-space: pre-line;\n    }\n    &__date {\n      color: #9f4040;\n    }\n    &__undefined {\n      color: #5a5a5a;\n    }\n    &__object {\n      // background: white;\n      padding: 0;\n    }\n    &__boolean {\n      font-weight: bold;\n      &--true {\n        color: #207844;\n      }\n      &--false {\n        color: #cf1515;\n      }\n    }\n  }\n}\n",".scratchpad {\n  --text-length: auto;\n  width: 100%;\n  overflow-wrap: anywhere;\n\n  &__test-data-container {\n    position: relative;\n\n    width: 100%;\n  }\n  &__test-data {\n    background: #e9e9e9;\n    padding: 25px 15px 25px 15px;\n    border-radius: 5px 5px 0px 0px;\n\n    &__parentheses {\n      font-size: 19px;\n    }\n  }\n  &__response-data {\n    padding: 12px 15px;\n    background: #ffffff;\n    position: relative;\n    border-left: 1px solid #e9e9e9;\n    border-right: 1px solid #e9e9e9;\n    &--visible-false {\n      display: none;\n    }\n\n    &__clear-btn {\n      position: absolute;\n      right: 9px;\n      top: 5px;\n      color: #c50000;\n      font-family: sans-serif;\n    }\n  }\n  &__response-value {\n    font-family: \"FS Mono\", monospace;\n    margin-left: 10px;\n    margin: 5px 0 0 5px;\n    color: #223a95;\n    color: #a954ff;\n    font-weight: 500;\n    display: flex;\n    align-items: flex-start;\n    flex-wrap: wrap;\n    & span.collapsed-icon {\n      position: relative;\n      top: 2px;\n      left: 7px;\n    }\n  }\n  &__response-type {\n    color: #a954ff;\n    font-weight: 700;\n    font-size: 15px;\n  }\n  &__btn-container {\n    position: absolute;\n    right: 4px;\n    top: 4px;\n    & > span {\n      margin: 0 5px;\n    }\n  }\n  &__run-test-btn {\n    cursor: pointer;\n  }\n\n  &__test-method-input {\n    font-family: \"SF Mono\", monospace;\n    background: none;\n    border: none;\n    font-size: 17px;\n    width: var(--text-length);\n    text-indent: 0;\n    text-overflow: clip;\n    max-width: 100%;\n    color: #223a95;\n    &:focus {\n      background: white;\n    }\n    &:disabled {\n      //color: initial;\n    }\n  }\n  &__eval-btn {\n    position: absolute;\n    right: 7px;\n    bottom: 3px;\n    color: #3f51b5;\n    font-weight: bold;\n    font-size: 15px;\n  }\n}\n\n.react-json-view {\n  font-size: 14px;\n}\n",".doc-icon {\n  display: inline-flex;\n  vertical-align: middle;\n  img {\n    width: 20px;\n  }\n}\n\n.delete-button {\n  font-family: system-ui;\n  color: #c50000;\n  background: white;\n  padding: 6px 3px;\n  border-radius: 40px;\n  font-weight: 300;\n}\n",".error-message {\n  padding: 4px 25px;\n  color: #ff5722;\n  word-break: break-word;\n  font-family: monospace;\n  &__message-container {\n    background: #ededed;\n  }\n  &__message {\n    padding: 6px 23px;\n    background: #ededed;\n    border-radius: 5px;\n  }\n  &__namespace {\n    color: #b136c6;\n    font-weight: 600;\n  }\n  &__expected {\n    color: #0b8b22;\n    font-weight: 700;\n  }\n}\n\n.validation-input {\n  margin: 3px 0;\n  display: flex;\n  &__input,\n  &__selector {\n    background: none;\n    border: none;\n    font-family: monospace;\n    font-size: 14px;\n  }\n  &__selector {\n    padding: 3px;\n    outline: none;\n    border-right: none;\n    appearance: none;\n    cursor: pointer;\n    font-weight: bold;\n    color: #009688;\n    text-indent: 5px;\n    &:hover {\n      background: #b3c1e8;\n      border-radius: 33px;\n      // color: #f1f1f1;\n    }\n  }\n\n  &__input {\n    padding: 4px;\n    outline: none;\n    color: #0d8065;\n  }\n  &__value {\n    &--boolean {\n      &--true {\n        color: #207844;\n      }\n      &--false {\n        color: #cf1515;\n      }\n      position: relative;\n      top: 7px;\n      font-weight: bold;\n    }\n  }\n}\ninput:-webkit-autofill {\n  border: 3px solid blue;\n}\ninput:autofill {\n  border: 3px solid blue;\n}\n",".count {\n  background: gainsboro;\n  padding: 0px 9px;\n  border-radius: 12px;\n  font-size: 14px;\n  font-weight: bold;\n  color: #777777 !important;\n  margin-left: 5px;\n  display: inline-block;\n  &__stat {\n    padding: 3px 0;\n    display: inline-block;\n  }\n  &__error {\n    background: #ffc4b1;\n    color: #f44336 !important;\n  }\n  &__caution {\n    color: #bcb047 !important;\n  }\n  &__passed {\n    background: #6fc878;\n    color: #ffffff !important;\n  }\n}\n",".test-container {\n  &__title-section {\n    padding: 0 8px;\n    font-size: 16px;\n    margin: 0 4px;\n    width: 100%;\n    display: flex;\n  }\n  &__test-description-input {\n    flex: 1;\n    & input {\n      width: 105%;\n      background: none;\n      border: none;\n      color: #5a77e5;\n      text-overflow: ellipsis;\n      font-weight: bold;\n    }\n  }\n}\n",".multi-test-section {\n  width: 100%;\n  &__test-data {\n    background: #dadada;\n    padding: 12px 15px;\n    width: 100%;\n    border-radius: 5px;\n  }\n  &__add-btn {\n    padding: 0px 4px;\n    border-radius: 21px;\n    font-weight: bold;\n    color: #5960b6;\n    font-size: 16px;\n    background: #cecee3;\n    font-family: monospace;\n  }\n}\n\n.react-json-view {\n  font-size: 14px;\n}\n",".evaluations {\n  background: #25d0a8;\n  background: #76b1f7;\n  background: #ced8f4;\n\n  border-radius: 0px 0px 4px 4px;\n  overflow-wrap: anywhere;\n  padding: 12px 18px;\n  font-family: monospace;\n  &--visible-false {\n    display: none;\n  }\n  &__row {\n    margin: 4px;\n    padding: 8px 5px;\n  }\n\n  &__title {\n    --type-width: auto;\n    margin-left: 10px;\n    width: 100%;\n    & select {\n      width: var(--type-width);\n    }\n  }\n\n  &__input {\n    & > input {\n      width: 100%;\n      padding: 6px 9px;\n      margin: 8px 0;\n      box-sizing: border-box;\n      border: none;\n      border: 1px solid #383836;\n      background: #a5ffda;\n    }\n    &--visible-false {\n      display: none;\n    }\n  }\n  &__add-validation-btn {\n    background: #5a77ca;\n    padding: 0px 5px 1px 5px;\n    border-radius: 16px;\n    font-weight: bold;\n    color: #ffffff;\n  }\n  &__validation-container {\n    display: inline-grid;\n    margin-left: 4px;\n  }\n  &__add-btn-container {\n    display: inline-grid;\n  }\n  &__validation {\n    border-bottom: 1px solid #9797d1;\n    &__delete-btn {\n      display: inline;\n      font-family: system-ui;\n      margin-left: 6px;\n      font-size: 15px;\n      color: #6565a1;\n      &:hover {\n        color: #c30f0f;\n      }\n    }\n    &__input {\n      display: inline-flex;\n    }\n  }\n  &__type-error-msg {\n    display: none;\n    &--true {\n      display: initial;\n    }\n  }\n  &--error-true,\n  &--error-true > * {\n    color: #cd4343;\n    //color: #993939;\n    font-weight: bold;\n    //font-style: italic;\n  }\n  &__total {\n    color: grey;\n  }\n  &__checkbox {\n    cursor: pointer;\n  }\n  &__index-button {\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    &.btn:hover {\n      font-weight: bold;\n      color: #2326fe;\n      color: #ff5722;\n      color: #c717e5;\n      color: #1131df;\n    }\n    &--indexed-true {\n      font-weight: bold;\n    }\n  }\n  &__namespace {\n    display: inline-flex;\n    flex-wrap: wrap;\n  }\n\n  &__index-input {\n    width: 45px;\n    height: 15px;\n  }\n\n  &__brackets {\n    align-self: baseline;\n    font-size: 14px;\n    color: black;\n    font-weight: bold;\n  }\n\n  &__index-checkbox {\n    cursor: pointer;\n  }\n  &__random {\n    align-self: baseline;\n    font-weight: bold;\n    color: #2b9b2c;\n    font-style: italic;\n  }\n  &__clear-error {\n    color: gray;\n    font-size: 16px;\n    &:hover {\n      color: black;\n    }\n  }\n  &__add-index-btn {\n    color: #2776ff;\n    font-weight: bold;\n    font-size: 16px;\n  }\n}\n",".test {\n  &__buttons {\n    justify-content: space-between;\n    margin-bottom: 3px;\n    & > span > span {\n      margin: 0 5px;\n    }\n\n    & > span {\n      font-family: Helvetica, arial, sans-serif;\n      background: #e9e9e9;\n      border-radius: 41px;\n      padding: 2px 11px;\n      margin-right: 3px;\n    }\n  }\n}\n.test-panel {\n  padding: 2rem 1rem;\n  overflow: auto;\n  font-size: 14px;\n  max-height: 100vh;\n  &__section {\n    margin-bottom: 6px;\n  }\n\n  &__section > section {\n    width: 100%;\n  }\n  &__error-message {\n    display: flex;\n    align-items: center;\n    color: #c02a2a;\n    font-weight: 700;\n    background: #e4d554;\n    background: #d4d4d4;\n    padding: 2px 8px !important;\n    &--hide-true {\n      opacity: 0;\n    }\n    &--error-false {\n      color: green;\n    }\n  }\n}\n",".save-icon {\n  height: 16px;\n}\n",".test-summary {\n  padding: 8px 5px;\n  border: 1px solid #dfdfdf;\n  border-top: none;\n  border-bottom: 1px solid #e8e8e8;\n  &:last-child {\n    border-bottom: 1px solid #dfdfdf;\n  }\n  &__actions {\n    padding: 3px 0px;\n    display: flex;\n    font-weight: 300;\n  }\n  &__action-text {\n    flex: 1;\n  }\n  &__method {\n    font-family: \"FS Mono\", monospace;\n    margin-left: 10px;\n    margin-bottom: 10px;\n    color: #223a95;\n    color: #a954ff;\n    font-weight: 500;\n    display: flex;\n    align-items: flex-start;\n    flex-wrap: wrap;\n    & span.collapsed-icon {\n      position: relative;\n      top: 2px;\n      left: 7px;\n    }\n  }\n  &__validations {\n    & .expandable-icon {\n      align-self: flex-end;\n      margin-left: 3px;\n    }\n  }\n  &__failed-validations {\n    padding: 4px 25px;\n    color: #ff5722;\n    font-family: monospace;\n    &--namespace {\n      color: #a954ff;\n      font-weight: 700;\n    }\n  }\n  &__header {\n    display: flex;\n    align-items: center;\n  }\n  &__parameter {\n    display: inline-flex;\n    border-radius: 4px;\n    background: white;\n    border: 1px solid #fce8ff;\n  }\n  &__comma {\n    font-weight: bold;\n    color: green;\n    font-size: 17;\n    margin-right: 3px;\n    align-self: flex-end;\n  }\n  &__parentheses {\n    font-weight: bolder;\n    font-size: 15px;\n    position: relative;\n    top: -1px;\n    align-self: flex-end;\n  }\n\n  &__results {\n    color: #a954ff;\n    font-weight: 700;\n  }\n  &__arrow {\n    margin-right: 10px;\n  }\n  &__caption--Main {\n    font-weight: bold;\n  }\n}\n",".test-saved-section {\n  width: 100%;\n  border-top: 1px solid #e9e9e9;\n  padding-top: 10px;\n  &__test-data {\n    background: gainsboro;\n    padding: 12px 15px;\n    width: 100%;\n  }\n\n  &__test-container {\n    margin: 5px 0;\n  }\n  &__test-row {\n    background: #e9e9e9;\n    padding: 4px 5px;\n    display: flex;\n    align-items: center;\n    border: 1px solid #e9e9e9;\n  }\n\n  &__test-index {\n    color: #4caf50;\n    color: #3d3d3d;\n    font-size: 14px;\n    padding: 0 8px;\n    font-weight: 600;\n    flex: 1;\n  }\n  &__test-title {\n    color: #236382;\n    flex: 5;\n  }\n  &__buttons {\n    flex: 2;\n\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    justify-content: space-around;\n  }\n  &__top-buttons {\n    width: 77px;\n    flex: none;\n  }\n  &__clear-button {\n    background: #607d8b;\n    padding: 0px 8px;\n    color: white;\n    border-radius: 17px;\n    font-weight: 600;\n    align-self: flex-end;\n    & > img {\n      width: 13px;\n      padding-top: 2px;\n    }\n  }\n  &__delete-prompt {\n    color: #c02a2a;\n    font-weight: 700;\n  }\n  &__delete-btn {\n    margin: 0 5px;\n    background: gray;\n    padding: 0px 6px;\n    border-radius: 4px;\n    color: white;\n    &--yes:hover {\n      color: #c02a2a;\n    }\n  }\n}\n\n.react-json-view {\n  font-size: 14px;\n}\n",".status-indicator {\n  background: #22886b;\n  font-family: sans-serif;\n  text-overflow: ellipsis;\n  font-weight: 500;\n  border-radius: 41px;\n  line-height: 19px;\n  color: #e9e9e9;\n  text-align: center;\n  margin: 0px 5px;\n  display: flex;\n  align-self: center;\n  padding: 3px 0;\n  align-items: center;\n\n  font-weight: bold;\n  background: #292936;\n  color: #3bcaa1;\n  &__title {\n    padding: 0 13px;\n  }\n  &__clear-button {\n    font-family: system-ui;\n    color: #ffffff;\n    padding: 0px 11px 1px 0px;\n    border-radius: 0 40px 40px 0;\n    display: flex !important;\n    &:hover {\n      color: #ff1100;\n      font-weight: 300;\n    }\n  }\n}\n","// Container widths\n//\n// Set the container width, and override it for fixed navbars in media queries.\n\n@if $enable-grid-classes {\n  .container {\n    @include make-container();\n    @include make-container-max-widths();\n  }\n}\n\n// Fluid container\n//\n// Utilizes the mixin meant for fixed width containers, but with 100% width for\n// fluid, full width layouts.\n\n@if $enable-grid-classes {\n  .container-fluid {\n    @include make-container();\n  }\n}\n\n// Row\n//\n// Rows contain and clear the floats of your columns.\n\n@if $enable-grid-classes {\n  .row {\n    @include make-row();\n  }\n\n  // Remove the negative margin from default .row, then the horizontal padding\n  // from all immediate children columns (to prevent runaway style inheritance).\n  .no-gutters {\n    margin-right: 0;\n    margin-left: 0;\n\n    > .col,\n    > [class*=\"col-\"] {\n      padding-right: 0;\n      padding-left: 0;\n    }\n  }\n}\n\n// Columns\n//\n// Common styles for small and large grid columns\n\n@if $enable-grid-classes {\n  @include make-grid-columns();\n}\n","/// Grid system\n//\n// Generate semantic grid columns with these mixins.\n\n@mixin make-container() {\n  width: 100%;\n  padding-right: ($grid-gutter-width / 2);\n  padding-left: ($grid-gutter-width / 2);\n  margin-right: auto;\n  margin-left: auto;\n}\n\n\n// For each breakpoint, define the maximum width of the container in a media query\n@mixin make-container-max-widths($max-widths: $container-max-widths, $breakpoints: $grid-breakpoints) {\n  @each $breakpoint, $container-max-width in $max-widths {\n    @include media-breakpoint-up($breakpoint, $breakpoints) {\n      max-width: $container-max-width;\n    }\n  }\n}\n\n@mixin make-row() {\n  display: flex;\n  flex-wrap: wrap;\n  margin-right: ($grid-gutter-width / -2);\n  margin-left: ($grid-gutter-width / -2);\n}\n\n@mixin make-col-ready() {\n  position: relative;\n  // Prevent columns from becoming too narrow when at smaller grid tiers by\n  // always setting `width: 100%;`. This works because we use `flex` values\n  // later on to override this initial width.\n  width: 100%;\n  min-height: 1px; // Prevent collapsing\n  padding-right: ($grid-gutter-width / 2);\n  padding-left: ($grid-gutter-width / 2);\n}\n\n@mixin make-col($size, $columns: $grid-columns) {\n  flex: 0 0 percentage($size / $columns);\n  // Add a `max-width` to ensure content within each column does not blow out\n  // the width of the column. Applies to IE10+ and Firefox. Chrome and Safari\n  // do not appear to require this.\n  max-width: percentage($size / $columns);\n}\n\n@mixin make-col-offset($size, $columns: $grid-columns) {\n  $num: $size / $columns;\n  margin-left: if($num == 0, 0, percentage($num));\n}\n","// Breakpoint viewport sizes and media queries.\n//\n// Breakpoints are defined as a map of (name: minimum width), order from small to large:\n//\n//    (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px)\n//\n// The map defined in the `$grid-breakpoints` global variable is used as the `$breakpoints` argument by default.\n\n// Name of the next breakpoint, or null for the last breakpoint.\n//\n//    >> breakpoint-next(sm)\n//    md\n//    >> breakpoint-next(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n//    md\n//    >> breakpoint-next(sm, $breakpoint-names: (xs sm md lg xl))\n//    md\n@function breakpoint-next($name, $breakpoints: $grid-breakpoints, $breakpoint-names: map-keys($breakpoints)) {\n  $n: index($breakpoint-names, $name);\n  @return if($n < length($breakpoint-names), nth($breakpoint-names, $n + 1), null);\n}\n\n// Minimum breakpoint width. Null for the smallest (first) breakpoint.\n//\n//    >> breakpoint-min(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n//    576px\n@function breakpoint-min($name, $breakpoints: $grid-breakpoints) {\n  $min: map-get($breakpoints, $name);\n  @return if($min != 0, $min, null);\n}\n\n// Maximum breakpoint width. Null for the largest (last) breakpoint.\n// The maximum value is calculated as the minimum of the next one less 0.02px\n// to work around the limitations of `min-` and `max-` prefixes and viewports with fractional widths.\n// See https://www.w3.org/TR/mediaqueries-4/#mq-min-max\n// Uses 0.02px rather than 0.01px to work around a current rounding bug in Safari.\n// See https://bugs.webkit.org/show_bug.cgi?id=178261\n//\n//    >> breakpoint-max(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n//    767.98px\n@function breakpoint-max($name, $breakpoints: $grid-breakpoints) {\n  $next: breakpoint-next($name, $breakpoints);\n  @return if($next, breakpoint-min($next, $breakpoints) - .02px, null);\n}\n\n// Returns a blank string if smallest breakpoint, otherwise returns the name with a dash infront.\n// Useful for making responsive utilities.\n//\n//    >> breakpoint-infix(xs, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n//    \"\"  (Returns a blank string)\n//    >> breakpoint-infix(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n//    \"-sm\"\n@function breakpoint-infix($name, $breakpoints: $grid-breakpoints) {\n  @return if(breakpoint-min($name, $breakpoints) == null, \"\", \"-#{$name}\");\n}\n\n// Media of at least the minimum breakpoint width. No query for the smallest breakpoint.\n// Makes the @content apply to the given breakpoint and wider.\n@mixin media-breakpoint-up($name, $breakpoints: $grid-breakpoints) {\n  $min: breakpoint-min($name, $breakpoints);\n  @if $min {\n    @media (min-width: $min) {\n      @content;\n    }\n  } @else {\n    @content;\n  }\n}\n\n// Media of at most the maximum breakpoint width. No query for the largest breakpoint.\n// Makes the @content apply to the given breakpoint and narrower.\n@mixin media-breakpoint-down($name, $breakpoints: $grid-breakpoints) {\n  $max: breakpoint-max($name, $breakpoints);\n  @if $max {\n    @media (max-width: $max) {\n      @content;\n    }\n  } @else {\n    @content;\n  }\n}\n\n// Media that spans multiple breakpoint widths.\n// Makes the @content apply between the min and max breakpoints\n@mixin media-breakpoint-between($lower, $upper, $breakpoints: $grid-breakpoints) {\n  $min: breakpoint-min($lower, $breakpoints);\n  $max: breakpoint-max($upper, $breakpoints);\n\n  @if $min != null and $max != null {\n    @media (min-width: $min) and (max-width: $max) {\n      @content;\n    }\n  } @else if $max == null {\n    @include media-breakpoint-up($lower, $breakpoints) {\n      @content;\n    }\n  } @else if $min == null {\n    @include media-breakpoint-down($upper, $breakpoints) {\n      @content;\n    }\n  }\n}\n\n// Media between the breakpoint's minimum and maximum widths.\n// No minimum for the smallest breakpoint, and no maximum for the largest one.\n// Makes the @content apply only to the given breakpoint, not viewports any wider or narrower.\n@mixin media-breakpoint-only($name, $breakpoints: $grid-breakpoints) {\n  $min: breakpoint-min($name, $breakpoints);\n  $max: breakpoint-max($name, $breakpoints);\n\n  @if $min != null and $max != null {\n    @media (min-width: $min) and (max-width: $max) {\n      @content;\n    }\n  } @else if $max == null {\n    @include media-breakpoint-up($name, $breakpoints) {\n      @content;\n    }\n  } @else if $min == null {\n    @include media-breakpoint-down($name, $breakpoints) {\n      @content;\n    }\n  }\n}\n","// 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\n//\n// Color system\n//\n\n// stylelint-disable\n$white:    #fff !default;\n$gray-100: #f8f9fa !default;\n$gray-200: #e9ecef !default;\n$gray-300: #dee2e6 !default;\n$gray-400: #ced4da !default;\n$gray-500: #adb5bd !default;\n$gray-600: #6c757d !default;\n$gray-700: #495057 !default;\n$gray-800: #343a40 !default;\n$gray-900: #212529 !default;\n$black:    #000 !default;\n\n$grays: () !default;\n$grays: map-merge((\n  \"100\": $gray-100,\n  \"200\": $gray-200,\n  \"300\": $gray-300,\n  \"400\": $gray-400,\n  \"500\": $gray-500,\n  \"600\": $gray-600,\n  \"700\": $gray-700,\n  \"800\": $gray-800,\n  \"900\": $gray-900\n), $grays);\n\n$blue:    #007bff !default;\n$indigo:  #6610f2 !default;\n$purple:  #6f42c1 !default;\n$pink:    #e83e8c !default;\n$red:     #dc3545 !default;\n$orange:  #fd7e14 !default;\n$yellow:  #ffc107 !default;\n$green:   #28a745 !default;\n$teal:    #20c997 !default;\n$cyan:    #17a2b8 !default;\n\n$colors: () !default;\n$colors: map-merge((\n  \"blue\":       $blue,\n  \"indigo\":     $indigo,\n  \"purple\":     $purple,\n  \"pink\":       $pink,\n  \"red\":        $red,\n  \"orange\":     $orange,\n  \"yellow\":     $yellow,\n  \"green\":      $green,\n  \"teal\":       $teal,\n  \"cyan\":       $cyan,\n  \"white\":      $white,\n  \"gray\":       $gray-600,\n  \"gray-dark\":  $gray-800\n), $colors);\n\n$primary:       $blue !default;\n$secondary:     $gray-600 !default;\n$success:       $green !default;\n$info:          $cyan !default;\n$warning:       $yellow !default;\n$danger:        $red !default;\n$light:         $gray-100 !default;\n$dark:          $gray-800 !default;\n\n$theme-colors: () !default;\n$theme-colors: map-merge((\n  \"primary\":    $primary,\n  \"secondary\":  $secondary,\n  \"success\":    $success,\n  \"info\":       $info,\n  \"warning\":    $warning,\n  \"danger\":     $danger,\n  \"light\":      $light,\n  \"dark\":       $dark\n), $theme-colors);\n// stylelint-enable\n\n// Set a specific jump point for requesting color jumps\n$theme-color-interval:      8% !default;\n\n// The yiq lightness value that determines when the lightness of color changes from \"dark\" to \"light\". Acceptable values are between 0 and 255.\n$yiq-contrasted-threshold: 150 !default;\n\n// Customize the light and dark text colors for use in our YIQ color contrast function.\n$yiq-text-dark: $gray-900 !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), $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:                $gray-900 !default;\n\n// Links\n//\n// Style anchor elements.\n\n$link-color:                theme-color(\"primary\") !default;\n$link-decoration:           none !default;\n$link-hover-color:          darken($link-color, 15%) !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) !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:           30px !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-300 !default;\n\n$border-radius:               .25rem !default;\n$border-radius-lg:            .3rem !default;\n$border-radius-sm:            .2rem !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$font-family-sans-serif:      -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\" !default;\n$font-family-monospace:       SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", 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 * .875) !default;\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 * 2.5 !default;\n$h2-font-size:                $font-size-base * 2 !default;\n$h3-font-size:                $font-size-base * 1.75 !default;\n$h4-font-size:                $font-size-base * 1.5 !default;\n$h5-font-size:                $font-size-base * 1.25 !default;\n$h6-font-size:                $font-size-base !default;\n\n$headings-margin-bottom:      ($spacer / 2) !default;\n$headings-font-family:        inherit !default;\n$headings-font-weight:        500 !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.25) !default;\n$lead-font-weight:            300 !default;\n\n$small-font-size:             80% !default;\n\n$text-muted:                  $gray-600 !default;\n\n$blockquote-small-color:      $gray-600 !default;\n$blockquote-font-size:        ($font-size-base * 1.25) !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:                     #fcf8e3 !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:          .75rem !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-300 !default;\n\n$table-head-bg:               $gray-200 !default;\n$table-head-color:            $gray-700 !default;\n\n$table-dark-bg:               $gray-900 !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($gray-900, 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:      .25rem !default;\n$input-btn-padding-x-sm:      .5rem !default;\n$input-btn-line-height-sm:    $line-height-sm !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:               $input-btn-padding-y !default;\n$btn-padding-x:               $input-btn-padding-x !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:            $input-btn-padding-y-lg !default;\n$btn-padding-x-lg:            $input-btn-padding-x-lg !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-200 !default;\n\n$input-color:                           $gray-700 !default;\n$input-border-color:                    $gray-400 !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:              lighten($component-active-bg, 25%) !default;\n$input-focus-color:                     $input-color !default;\n$input-focus-width:                     $input-btn-focus-width !default;\n$input-focus-box-shadow:                $input-btn-focus-box-shadow !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:                  .25rem !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:           $gray-300 !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:     $gray-800 !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:               $gray-900 !default;\n$dropdown-link-hover-color:         darken($gray-900, 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-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\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-300 !default;\n$nav-tabs-border-width:             $border-width !default;\n$nav-tabs-border-radius:            $border-radius !default;\n$nav-tabs-link-hover-border-color:  $gray-200 $gray-200 $nav-tabs-border-color !default;\n$nav-tabs-link-active-color:        $gray-700 !default;\n$nav-tabs-link-active-bg:           $body-bg !default;\n$nav-tabs-link-active-border-color: $gray-300 $gray-300 $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:                  ($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:            ($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:              .75rem !default;\n$pagination-padding-y-sm:           .25rem !default;\n$pagination-padding-x-sm:           .5rem !default;\n$pagination-padding-y-lg:           .75rem !default;\n$pagination-padding-x-lg:           1.5rem !default;\n$pagination-line-height:            1.25 !default;\n\n$pagination-color:                  $link-color !default;\n$pagination-bg:                     $white !default;\n$pagination-border-width:           $border-width !default;\n$pagination-border-color:           $gray-300 !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:               $gray-200 !default;\n$pagination-hover-border-color:     $gray-300 !default;\n\n$pagination-active-color:           $component-active-color !default;\n$pagination-active-bg:              $component-active-bg !default;\n$pagination-active-border-color:    $pagination-active-bg !default;\n\n$pagination-disabled-color:         $gray-600 !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:                     .75rem !default;\n$card-spacer-x:                     1.25rem !default;\n$card-border-width:                 $border-width !default;\n$card-border-radius:                $border-radius !default;\n$card-border-color:                 rgba($black, .125) !default;\n$card-inner-border-radius:          calc(#{$card-border-radius} - #{$card-border-width}) !default;\n$card-cap-bg:                       rgba($black, .03) !default;\n$card-bg:                           $white !default;\n\n$card-img-overlay-padding:          1.25rem !default;\n\n$card-group-margin:                 ($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:                 276px !default;\n$popover-border-width:              $border-width !default;\n$popover-border-color:              rgba($black, .2) !default;\n$popover-border-radius:             $border-radius-lg !default;\n$popover-box-shadow:                0 .25rem .5rem rgba($black, .2) !default;\n\n$popover-header-bg:                 darken($popover-bg, 3%) !default;\n$popover-header-color:              $headings-color !default;\n$popover-header-padding-y:          .5rem !default;\n$popover-header-padding-x:          .75rem !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:               1rem !default;\n$popover-arrow-height:              .5rem !default;\n$popover-arrow-color:               $popover-bg !default;\n\n$popover-arrow-outer-color:         fade-in($popover-border-color, .05) !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:                   .75rem !default;\n$alert-padding-x:                   1.25rem !default;\n$alert-margin-bottom:               1rem !default;\n$alert-border-radius:               $border-radius !default;\n$alert-link-font-weight:            $font-weight-bold !default;\n$alert-border-width:                $border-width !default;\n\n$alert-bg-level:                    -10 !default;\n$alert-border-level:                -9 !default;\n$alert-color-level:                 6 !default;\n\n\n// Progress bars\n\n$progress-height:                   1rem !default;\n$progress-font-size:                ($font-size-base * .75) !default;\n$progress-bg:                       $gray-200 !default;\n$progress-border-radius:            $border-radius !default;\n$progress-box-shadow:               inset 0 .1rem .1rem rgba($black, .1) !default;\n$progress-bar-color:                $white !default;\n$progress-bar-bg:                   theme-color(\"primary\") !default;\n$progress-bar-animation-timing:     1s linear infinite !default;\n$progress-bar-transition:           width .6s ease !default;\n\n// List group\n\n$list-group-bg:                     $white !default;\n$list-group-border-color:           rgba($black, .125) !default;\n$list-group-border-width:           $border-width !default;\n$list-group-border-radius:          $border-radius !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-700 !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:          90% !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 * 1.5 !default;\n$close-font-weight:                 $font-weight-bold !default;\n$close-color:                       $black !default;\n$close-text-shadow:                 0 1px 0 $white !default;\n\n// Code\n\n$code-font-size:                    87.5% !default;\n$code-color:                        $pink !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:                            $gray-900 !default;\n\n$pre-color:                         $gray-900 !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","// Framework grid generation\n//\n// Used only by Bootstrap to generate the correct number of grid classes given\n// any value of `$grid-columns`.\n\n@mixin make-grid-columns($columns: $grid-columns, $gutter: $grid-gutter-width, $breakpoints: $grid-breakpoints) {\n  // Common properties for all breakpoints\n  %grid-column {\n    position: relative;\n    width: 100%;\n    min-height: 1px; // Prevent columns from collapsing when empty\n    padding-right: ($gutter / 2);\n    padding-left: ($gutter / 2);\n  }\n\n  @each $breakpoint in map-keys($breakpoints) {\n    $infix: breakpoint-infix($breakpoint, $breakpoints);\n\n    // Allow columns to stretch full width below their breakpoints\n    @for $i from 1 through $columns {\n      .col#{$infix}-#{$i} {\n        @extend %grid-column;\n      }\n    }\n    .col#{$infix},\n    .col#{$infix}-auto {\n      @extend %grid-column;\n    }\n\n    @include media-breakpoint-up($breakpoint, $breakpoints) {\n      // Provide basic `.col-{bp}` classes for equal-width flexbox columns\n      .col#{$infix} {\n        flex-basis: 0;\n        flex-grow: 1;\n        max-width: 100%;\n      }\n      .col#{$infix}-auto {\n        flex: 0 0 auto;\n        width: auto;\n        max-width: none; // Reset earlier grid tiers\n      }\n\n      @for $i from 1 through $columns {\n        .col#{$infix}-#{$i} {\n          @include make-col($i, $columns);\n        }\n      }\n\n      .order#{$infix}-first { order: -1; }\n\n      .order#{$infix}-last { order: $columns + 1; }\n\n      @for $i from 0 through $columns {\n        .order#{$infix}-#{$i} { order: $i; }\n      }\n\n      // `$columns - 1` because offsetting by the width of an entire row isn't possible\n      @for $i from 0 through ($columns - 1) {\n        @if not ($infix == \"\" and $i == 0) { // Avoid emitting useless .offset-0\n          .offset#{$infix}-#{$i} {\n            @include make-col-offset($i, $columns);\n          }\n        }\n      }\n    }\n  }\n}\n","// stylelint-disable declaration-no-important\n\n//\n// Utilities for common `display` values\n//\n\n@each $breakpoint in map-keys($grid-breakpoints) {\n  @include media-breakpoint-up($breakpoint) {\n    $infix: breakpoint-infix($breakpoint, $grid-breakpoints);\n\n    .d#{$infix}-none         { display: none !important; }\n    .d#{$infix}-inline       { display: inline !important; }\n    .d#{$infix}-inline-block { display: inline-block !important; }\n    .d#{$infix}-block        { display: block !important; }\n    .d#{$infix}-table        { display: table !important; }\n    .d#{$infix}-table-row    { display: table-row !important; }\n    .d#{$infix}-table-cell   { display: table-cell !important; }\n    .d#{$infix}-flex         { display: flex !important; }\n    .d#{$infix}-inline-flex  { display: inline-flex !important; }\n  }\n}\n\n\n//\n// Utilities for toggling `display` in print\n//\n\n@media print {\n  .d-print-none         { display: none !important; }\n  .d-print-inline       { display: inline !important; }\n  .d-print-inline-block { display: inline-block !important; }\n  .d-print-block        { display: block !important; }\n  .d-print-table        { display: table !important; }\n  .d-print-table-row    { display: table-row !important; }\n  .d-print-table-cell   { display: table-cell !important; }\n  .d-print-flex         { display: flex !important; }\n  .d-print-inline-flex  { display: inline-flex !important; }\n}\n","// stylelint-disable declaration-no-important\n\n// Flex variation\n//\n// Custom styles for additional flex alignment options.\n\n@each $breakpoint in map-keys($grid-breakpoints) {\n  @include media-breakpoint-up($breakpoint) {\n    $infix: breakpoint-infix($breakpoint, $grid-breakpoints);\n\n    .flex#{$infix}-row            { flex-direction: row !important; }\n    .flex#{$infix}-column         { flex-direction: column !important; }\n    .flex#{$infix}-row-reverse    { flex-direction: row-reverse !important; }\n    .flex#{$infix}-column-reverse { flex-direction: column-reverse !important; }\n\n    .flex#{$infix}-wrap         { flex-wrap: wrap !important; }\n    .flex#{$infix}-nowrap       { flex-wrap: nowrap !important; }\n    .flex#{$infix}-wrap-reverse { flex-wrap: wrap-reverse !important; }\n\n    .justify-content#{$infix}-start   { justify-content: flex-start !important; }\n    .justify-content#{$infix}-end     { justify-content: flex-end !important; }\n    .justify-content#{$infix}-center  { justify-content: center !important; }\n    .justify-content#{$infix}-between { justify-content: space-between !important; }\n    .justify-content#{$infix}-around  { justify-content: space-around !important; }\n\n    .align-items#{$infix}-start    { align-items: flex-start !important; }\n    .align-items#{$infix}-end      { align-items: flex-end !important; }\n    .align-items#{$infix}-center   { align-items: center !important; }\n    .align-items#{$infix}-baseline { align-items: baseline !important; }\n    .align-items#{$infix}-stretch  { align-items: stretch !important; }\n\n    .align-content#{$infix}-start   { align-content: flex-start !important; }\n    .align-content#{$infix}-end     { align-content: flex-end !important; }\n    .align-content#{$infix}-center  { align-content: center !important; }\n    .align-content#{$infix}-between { align-content: space-between !important; }\n    .align-content#{$infix}-around  { align-content: space-around !important; }\n    .align-content#{$infix}-stretch { align-content: stretch !important; }\n\n    .align-self#{$infix}-auto     { align-self: auto !important; }\n    .align-self#{$infix}-start    { align-self: flex-start !important; }\n    .align-self#{$infix}-end      { align-self: flex-end !important; }\n    .align-self#{$infix}-center   { align-self: center !important; }\n    .align-self#{$infix}-baseline { align-self: baseline !important; }\n    .align-self#{$infix}-stretch  { align-self: stretch !important; }\n  }\n}\n","@import \"../../sass/bootstrap/bootstrap-grid.scss\";\n\n.system-viewer {\n  background: whitesmoke;\n  height: 100vh;\n  overflow: hidden;\n  padding-top: 61px;\n  & > div {\n    max-width: 100vw;\n  }\n}\n.btn {\n  cursor: pointer;\n  display: inline-block;\n\n  &:active {\n    transform: translate(0px, -2px);\n  }\n}\n\n.delete-btn {\n  position: absolute;\n  top: 1px;\n  right: -4px;\n  font-family: system-ui;\n  color: #c50000;\n  background: white;\n  padding: 0px 6px 2px 6px;\n  border-radius: 0 40px 40px 0;\n  font-weight: 300;\n  opacity: 0;\n  &:hover {\n    opacity: 1;\n  }\n}\n\n.page-header {\n  height: 62px;\n  background: #ffffff;\n  // box-shadow: 0px 2px 8px black;\n  border-bottom: 1px solid #9494b7;\n  display: flex;\n  align-items: center;\n  position: absolute;\n  justify-content: center;\n  width: 100vw;\n  top: 0;\n  padding: 0px 35px;\n}\n\n.scroll-buffer {\n  height: 20vh;\n}\n::-webkit-input-placeholder {\n  font-style: italic;\n}\n:-moz-placeholder {\n  font-style: italic;\n}\n::-moz-placeholder {\n  font-style: italic;\n}\n:-ms-input-placeholder {\n  font-style: italic;\n}\n\n@-webkit-keyframes bounce {\n  to {\n    -webkit-transform: scale(1.2);\n  }\n}\n@-moz-keyframes bounce {\n  to {\n    -moz-transform: scale(1.2);\n  }\n}\n@keyframes bounce {\n  to {\n    transform: scale(1.2);\n  }\n}\n"],"names":[],"sourceRoot":""}

package/build/static/js/422.3649b867.chunk.js

@@ -1,2 +0,0 @@
-"use strict";(self.webpackChunksystemview=self.webpackChunksystemview||[]).push([[422],{4422:(t,e,n)=>{n.r(e),n.d(e,{getCLS:()=>d,getFCP:()=>v,getFID:()=>f,getLCP:()=>h,getTTFB:()=>y});var i,a,r=function(t){return{name:t,value:arguments.length>1&&void 0!==arguments[1]?arguments[1]:-1,delta:0,entries:[],id:"".concat(Date.now(),"-").concat(Math.floor(8999999999999*Math.random())+1e12),isFinal:!1}},o=function(t,e){try{if(PerformanceObserver.supportedEntryTypes.includes(t)){var n=new PerformanceObserver((function(t){return t.getEntries().map(e)}));return n.observe({type:t,buffered:!0}),n}}catch(t){}},s=!1,u=!1,c=function(t){s=!t.persisted},l=function(t){var e=arguments.length>1&&void 0!==arguments[1]&&arguments[1];u||(addEventListener("pagehide",c),addEventListener("beforeunload",(function(){})),u=!0),addEventListener("visibilitychange",(function(e){var n=e.timeStamp;"hidden"===document.visibilityState&&t({timeStamp:n,isUnloading:s})}),{capture:!0,once:e})},p=function(t,e,n,i){var a;return function(){n&&e.isFinal&&n.disconnect(),e.value>=0&&(i||e.isFinal||"hidden"===document.visibilityState)&&(e.delta=e.value-(a||0),(e.delta||e.isFinal||void 0===a)&&(t(e),a=e.value))}},d=function(t){var e,n=arguments.length>1&&void 0!==arguments[1]&&arguments[1],i=r("CLS",0),a=function(t){t.hadRecentInput||(i.value+=t.value,i.entries.push(t),e())},s=o("layout-shift",a);s&&(e=p(t,i,s,n),l((function(t){var n=t.isUnloading;s.takeRecords().map(a),n&&(i.isFinal=!0),e()})))},m=function(){return void 0===i&&(i="hidden"===document.visibilityState?0:1/0,l((function(t){var e=t.timeStamp;return i=e}),!0)),{get timeStamp(){return i}}},v=function(t){var e,n=r("FCP"),i=m(),a=o("paint",(function(t){"first-contentful-paint"===t.name&&t.startTime<i.timeStamp&&(n.value=t.startTime,n.isFinal=!0,n.entries.push(t),e())}));a&&(e=p(t,n,a))},f=function(t){var e=r("FID"),n=m(),i=function(t){t.startTime<n.timeStamp&&(e.value=t.processingStart-t.startTime,e.entries.push(t),e.isFinal=!0,s())},a=o("first-input",i),s=p(t,e,a);a?l((function(){a.takeRecords().map(i),a.disconnect()}),!0):window.perfMetrics&&window.perfMetrics.onFirstInputDelay&&window.perfMetrics.onFirstInputDelay((function(t,i){i.timeStamp<n.timeStamp&&(e.value=t,e.isFinal=!0,e.entries=[{entryType:"first-input",name:i.type,target:i.target,cancelable:i.cancelable,startTime:i.timeStamp,processingStart:i.timeStamp+t}],s())}))},g=function(){return a||(a=new Promise((function(t){return["scroll","keydown","pointerdown"].map((function(e){addEventListener(e,t,{once:!0,passive:!0,capture:!0})}))}))),a},h=function(t){var e,n=arguments.length>1&&void 0!==arguments[1]&&arguments[1],i=r("LCP"),a=m(),s=function(t){var n=t.startTime;n<a.timeStamp?(i.value=n,i.entries.push(t)):i.isFinal=!0,e()},u=o("largest-contentful-paint",s);if(u){e=p(t,i,u,n);var c=function(){i.isFinal||(u.takeRecords().map(s),i.isFinal=!0,e())};g().then(c),l(c,!0)}},y=function(t){var e,n=r("TTFB");e=function(){try{var e=performance.getEntriesByType("navigation")[0]||function(){var t=performance.timing,e={entryType:"navigation",startTime:0};for(var n in t)"navigationStart"!==n&&"toJSON"!==n&&(e[n]=Math.max(t[n]-t.navigationStart,0));return e}();n.value=n.delta=e.responseStart,n.entries=[e],n.isFinal=!0,t(n)}catch(t){}},"complete"===document.readyState?setTimeout(e,0):addEventListener("pageshow",e)}}}]);
-//# sourceMappingURL=422.3649b867.chunk.js.map

package/build/static/js/422.3649b867.chunk.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"static/js/422.3649b867.chunk.js","mappings":"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","sources":["../node_modules/web-vitals/dist/web-vitals.es5.min.js"],"sourcesContent":["var t,n,e=function(){return\"\".concat(Date.now(),\"-\").concat(Math.floor(8999999999999*Math.random())+1e12)},i=function(t){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:-1;return{name:t,value:n,delta:0,entries:[],id:e(),isFinal:!1}},a=function(t,n){try{if(PerformanceObserver.supportedEntryTypes.includes(t)){var e=new PerformanceObserver((function(t){return t.getEntries().map(n)}));return e.observe({type:t,buffered:!0}),e}}catch(t){}},r=!1,o=!1,s=function(t){r=!t.persisted},u=function(){addEventListener(\"pagehide\",s),addEventListener(\"beforeunload\",(function(){}))},c=function(t){var n=arguments.length>1&&void 0!==arguments[1]&&arguments[1];o||(u(),o=!0),addEventListener(\"visibilitychange\",(function(n){var e=n.timeStamp;\"hidden\"===document.visibilityState&&t({timeStamp:e,isUnloading:r})}),{capture:!0,once:n})},l=function(t,n,e,i){var a;return function(){e&&n.isFinal&&e.disconnect(),n.value>=0&&(i||n.isFinal||\"hidden\"===document.visibilityState)&&(n.delta=n.value-(a||0),(n.delta||n.isFinal||void 0===a)&&(t(n),a=n.value))}},p=function(t){var n,e=arguments.length>1&&void 0!==arguments[1]&&arguments[1],r=i(\"CLS\",0),o=function(t){t.hadRecentInput||(r.value+=t.value,r.entries.push(t),n())},s=a(\"layout-shift\",o);s&&(n=l(t,r,s,e),c((function(t){var e=t.isUnloading;s.takeRecords().map(o),e&&(r.isFinal=!0),n()})))},d=function(){return void 0===t&&(t=\"hidden\"===document.visibilityState?0:1/0,c((function(n){var e=n.timeStamp;return t=e}),!0)),{get timeStamp(){return t}}},v=function(t){var n,e=i(\"FCP\"),r=d(),o=a(\"paint\",(function(t){\"first-contentful-paint\"===t.name&&t.startTime<r.timeStamp&&(e.value=t.startTime,e.isFinal=!0,e.entries.push(t),n())}));o&&(n=l(t,e,o))},f=function(t){var n=i(\"FID\"),e=d(),r=function(t){t.startTime<e.timeStamp&&(n.value=t.processingStart-t.startTime,n.entries.push(t),n.isFinal=!0,s())},o=a(\"first-input\",r),s=l(t,n,o);o?c((function(){o.takeRecords().map(r),o.disconnect()}),!0):window.perfMetrics&&window.perfMetrics.onFirstInputDelay&&window.perfMetrics.onFirstInputDelay((function(t,i){i.timeStamp<e.timeStamp&&(n.value=t,n.isFinal=!0,n.entries=[{entryType:\"first-input\",name:i.type,target:i.target,cancelable:i.cancelable,startTime:i.timeStamp,processingStart:i.timeStamp+t}],s())}))},m=function(){return n||(n=new Promise((function(t){return[\"scroll\",\"keydown\",\"pointerdown\"].map((function(n){addEventListener(n,t,{once:!0,passive:!0,capture:!0})}))}))),n},g=function(t){var n,e=arguments.length>1&&void 0!==arguments[1]&&arguments[1],r=i(\"LCP\"),o=d(),s=function(t){var e=t.startTime;e<o.timeStamp?(r.value=e,r.entries.push(t)):r.isFinal=!0,n()},u=a(\"largest-contentful-paint\",s);if(u){n=l(t,r,u,e);var p=function(){r.isFinal||(u.takeRecords().map(s),r.isFinal=!0,n())};m().then(p),c(p,!0)}},h=function(t){var n,e=i(\"TTFB\");n=function(){try{var n=performance.getEntriesByType(\"navigation\")[0]||function(){var t=performance.timing,n={entryType:\"navigation\",startTime:0};for(var e in t)\"navigationStart\"!==e&&\"toJSON\"!==e&&(n[e]=Math.max(t[e]-t.navigationStart,0));return n}();e.value=e.delta=n.responseStart,e.entries=[n],e.isFinal=!0,t(e)}catch(t){}},\"complete\"===document.readyState?setTimeout(n,0):addEventListener(\"pageshow\",n)};export{p as getCLS,v as getFCP,f as getFID,g as getLCP,h as getTTFB};\n"],"names":["t","n","i","name","value","arguments","length","delta","entries","id","concat","Date","now","Math","floor","random","isFinal","a","PerformanceObserver","supportedEntryTypes","includes","e","getEntries","map","observe","type","buffered","r","o","s","persisted","c","addEventListener","timeStamp","document","visibilityState","isUnloading","capture","once","l","disconnect","p","hadRecentInput","push","takeRecords","d","v","startTime","f","processingStart","window","perfMetrics","onFirstInputDelay","entryType","target","cancelable","m","Promise","passive","g","u","then","h","performance","getEntriesByType","timing","max","navigationStart","responseStart","readyState","setTimeout"],"sourceRoot":""}