@charset "UTF-8";
/* ─────────────────────────────────────
   Flowchart
───────────────────────────────────── */
/* Inline SVG icons — no font dependency */
.flowchart-root .flowchart-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  vertical-align: middle;
}

.flowchart-root .flowchart-icon.zmdi {
  width: 16px;
  margin-right: 0.5em;
}

.flowchart-root {
  font-family: "freight-sans-pro", sans-serif;
}
.flowchart-root .flowchart-layout {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1em 0;
  align-items: start;
  margin-bottom: 1.5em;
}
@media (min-width: 768px) {
  .flowchart-root .flowchart-layout {
    grid-template-columns: 1fr 200px;
    gap: 0 1em;
  }
}
.flowchart-root .flowchart-layout aside.column {
  padding: 0 0 0 1em;
  margin: 0;
  width: 100%;
  float: none;
}
.flowchart-root .flowchart-layout aside nav.secondary-navigation {
  margin: 0;
}
.flowchart-root .flowchart-layout .flowchart-main .breadcrumb {
  padding-top: 0.5em;
  margin-top: 0;
  border-bottom: 0;
  margin-bottom: 1.5em;
  border-top: 1px solid #ebebeb;
}
.flowchart-root .flowchart-actions {
  display: flex;
  gap: 0.5em;
  flex-wrap: wrap;
  margin-top: 0.5em;
}
.flowchart-root .flowchart-detail {
  margin-bottom: 1.5em;
}
.flowchart-root .flowchart-bc .flowchart-bc-btn {
  border: 0;
  background: none;
  color: #1171ac;
  font-family: "freight-sans-pro", sans-serif;
  padding: 0;
  cursor: pointer;
}
.flowchart-root .flowchart-bc .flowchart-bc-btn .limiter {
  text-decoration: underline;
}
.flowchart-root .flowchart-bc .flowchart-bc-btn:after {
  content: "\f2fb";
  font-family: "Material-Design-Iconic-Font";
  padding-left: 0.8em;
  font-size: 18px;
  line-height: 13px;
  position: relative;
  vertical-align: middle;
  bottom: -2px;
  color: #bbb;
  color: rgba(0, 0, 0, 0.2);
}
.flowchart-root .flowchart-content .flowchart-tiles,
.flowchart-root .flowchart-content .flowchart-choices {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 0.5em;
  max-width: 100%;
  margin-bottom: 0.7em;
}
.flowchart-root .flowchart-content .flowchart-tiles .flowchart-tile,
.flowchart-root .flowchart-content .flowchart-tiles .flowchart-choice,
.flowchart-root .flowchart-content .flowchart-choices .flowchart-tile,
.flowchart-root .flowchart-content .flowchart-choices .flowchart-choice {
  width: 100%;
  position: relative;
  display: flex;
  align-content: flex-start;
  flex-wrap: wrap;
  padding: 0.5em 1em 0.5em 0.75em;
}
.flowchart-root .flowchart-content .flowchart-tiles .flowchart-tile .flowchart-tile-arrow svg,
.flowchart-root .flowchart-content .flowchart-tiles .flowchart-choice .flowchart-tile-arrow svg,
.flowchart-root .flowchart-content .flowchart-choices .flowchart-tile .flowchart-tile-arrow svg,
.flowchart-root .flowchart-content .flowchart-choices .flowchart-choice .flowchart-tile-arrow svg {
  position: absolute;
  display: block;
  right: 8px;
  bottom: 8px;
  height: 20px;
  width: 20px;
}
.flowchart-root .flowchart-content .flowchart-cards {
  margin-bottom: 1em;
}
.flowchart-root .flowchart-content .flowchart-cards .flowchart-card, .flowchart-root .flowchart-content .flowchart-cards .flowchart-category {
  margin-bottom: 1.4em;
}
.flowchart-root .flowchart-content .flowchart-cards .flowchart-card h3, .flowchart-root .flowchart-content .flowchart-cards .flowchart-category h3 {
  font-weight: 500;
}
.flowchart-root .flowchart-content .flowchart-cards .flowchart-card + .flowchart-card, .flowchart-root .flowchart-content .flowchart-cards .flowchart-card + .flowchart-category, .flowchart-root .flowchart-content .flowchart-cards .flowchart-category + .flowchart-card, .flowchart-root .flowchart-content .flowchart-cards .flowchart-category + .flowchart-category {
  padding-top: 1em;
  border-top: 1px solid #e5e5e5;
}
.flowchart-root .flowchart-content .flowchart-cards .flowchart-card .flowchart-card-infolist, .flowchart-root .flowchart-content .flowchart-cards .flowchart-category .flowchart-card-infolist {
  list-style: none;
  padding-left: 0;
}
.flowchart-root .flowchart-content .flowchart-cards .flowchart-card .flowchart-card-infolist .flowchart-icon, .flowchart-root .flowchart-content .flowchart-cards .flowchart-category .flowchart-card-infolist .flowchart-icon {
  color: #000000;
}
.flowchart-root .flowchart-tree ul li:last-child {
  padding: 12px 0;
}
.flowchart-root .flowchart-tree ul ul li:last-child {
  padding: 4px 0;
}
.flowchart-root aside {
  position: sticky;
  top: 20px;
}
.flowchart-root {
  /* 
  	CDS backporting
  */
}
.flowchart-root form button,
.flowchart-root form input[type=button],
.flowchart-root form input[type=submit],
.flowchart-root form input[type=reset],
.flowchart-root a.link-button {
  min-width: 6em;
}
.flowchart-root .mini button,
.flowchart-root button.mini,
.flowchart-root .mini form input,
.flowchart-root form.mini input,
.flowchart-root form input.mini,
.flowchart-root a.link-button.mini,
.flowchart-root .mini a.link-button {
  min-width: unset;
}
.flowchart-root form button,
.flowchart-root button.button,
.flowchart-root input[type=button],
.flowchart-root input[type=submit],
.flowchart-root input[type=reset],
.flowchart-root a.link-button {
  display: inline-block;
  font: inherit;
  -webkit-appearance: none;
  appearance: none;
  text-decoration: none;
  margin: 0;
  padding: 0.4em 1.25em 0.45em;
  background: #006699;
  color: #fff;
  border: 1px solid transparent;
  cursor: pointer;
  vertical-align: middle;
  text-align: left;
}
.flowchart-root form button:hover, .flowchart-root form button:focus,
.flowchart-root button.button:hover,
.flowchart-root button.button:focus,
.flowchart-root input[type=button]:hover,
.flowchart-root input[type=button]:focus,
.flowchart-root input[type=submit]:hover,
.flowchart-root input[type=submit]:focus,
.flowchart-root input[type=reset]:hover,
.flowchart-root input[type=reset]:focus,
.flowchart-root a.link-button:hover,
.flowchart-root a.link-button:focus {
  background-color: rgb(0, 119, 178.5);
}
.flowchart-root form button:active,
.flowchart-root button.button:active,
.flowchart-root input[type=button]:active,
.flowchart-root input[type=submit]:active,
.flowchart-root input[type=reset]:active,
.flowchart-root a.link-button:active {
  background-color: rgb(0, 85, 127.5);
}
.flowchart-root form button.blue,
.flowchart-root button.button.blue,
.flowchart-root input[type=button].blue,
.flowchart-root input[type=submit].blue,
.flowchart-root input[type=reset].blue,
.flowchart-root a.link-button.blue {
  background: #006699;
}
.flowchart-root form button.blue:hover, .flowchart-root form button.blue:focus,
.flowchart-root button.button.blue:hover,
.flowchart-root button.button.blue:focus,
.flowchart-root input[type=button].blue:hover,
.flowchart-root input[type=button].blue:focus,
.flowchart-root input[type=submit].blue:hover,
.flowchart-root input[type=submit].blue:focus,
.flowchart-root input[type=reset].blue:hover,
.flowchart-root input[type=reset].blue:focus,
.flowchart-root a.link-button.blue:hover,
.flowchart-root a.link-button.blue:focus {
  background-color: rgb(0, 119, 178.5);
}
.flowchart-root form button.blue:active,
.flowchart-root button.button.blue:active,
.flowchart-root input[type=button].blue:active,
.flowchart-root input[type=submit].blue:active,
.flowchart-root input[type=reset].blue:active,
.flowchart-root a.link-button.blue:active {
  background-color: rgb(0, 85, 127.5);
}
.flowchart-root form button.red,
.flowchart-root button.button.red,
.flowchart-root input[type=button].red,
.flowchart-root input[type=submit].red,
.flowchart-root input[type=reset].red,
.flowchart-root a.link-button.red {
  background: #b31b1b;
}
.flowchart-root form button.red:hover, .flowchart-root form button.red:focus,
.flowchart-root button.button.red:hover,
.flowchart-root button.button.red:focus,
.flowchart-root input[type=button].red:hover,
.flowchart-root input[type=button].red:focus,
.flowchart-root input[type=submit].red:hover,
.flowchart-root input[type=submit].red:focus,
.flowchart-root input[type=reset].red:hover,
.flowchart-root input[type=reset].red:focus,
.flowchart-root a.link-button.red:hover,
.flowchart-root a.link-button.red:focus {
  background-color: rgb(201.1577669903, 30.3422330097, 30.3422330097);
  color: #fff;
}
.flowchart-root form button.red:active,
.flowchart-root button.button.red:active,
.flowchart-root input[type=button].red:active,
.flowchart-root input[type=submit].red:active,
.flowchart-root input[type=reset].red:active,
.flowchart-root a.link-button.red:active {
  background-color: rgb(147.9791262136, 22.3208737864, 22.3208737864);
  color: #fff;
}
.flowchart-root form button.light-red,
.flowchart-root button.button.light-red,
.flowchart-root input[type=button].light-red,
.flowchart-root input[type=submit].light-red,
.flowchart-root input[type=reset].light-red,
.flowchart-root a.link-button.light-red {
  background: #df1e12;
}
.flowchart-root form button.light-red:hover, .flowchart-root form button.light-red:focus,
.flowchart-root button.button.light-red:hover,
.flowchart-root button.button.light-red:focus,
.flowchart-root input[type=button].light-red:hover,
.flowchart-root input[type=button].light-red:focus,
.flowchart-root input[type=submit].light-red:hover,
.flowchart-root input[type=submit].light-red:focus,
.flowchart-root input[type=reset].light-red:hover,
.flowchart-root input[type=reset].light-red:focus,
.flowchart-root a.link-button.light-red:hover,
.flowchart-root a.link-button.light-red:focus {
  background-color: rgb(236.8132780083, 41.8112033195, 29.6867219917);
}
.flowchart-root form button.light-red:active,
.flowchart-root button.button.light-red:active,
.flowchart-root input[type=button].light-red:active,
.flowchart-root input[type=submit].light-red:active,
.flowchart-root input[type=reset].light-red:active,
.flowchart-root a.link-button.light-red:active {
  background-color: rgb(189.9663900415, 25.5560165975, 15.3336099585);
}
.flowchart-root form button.navy,
.flowchart-root button.button.navy,
.flowchart-root input[type=button].navy,
.flowchart-root input[type=submit].navy,
.flowchart-root input[type=reset].navy,
.flowchart-root a.link-button.navy {
  background: #073949;
}
.flowchart-root form button.navy:hover, .flowchart-root form button.navy:focus,
.flowchart-root button.button.navy:hover,
.flowchart-root button.button.navy:focus,
.flowchart-root input[type=button].navy:hover,
.flowchart-root input[type=button].navy:focus,
.flowchart-root input[type=submit].navy:hover,
.flowchart-root input[type=submit].navy:focus,
.flowchart-root input[type=reset].navy:hover,
.flowchart-root input[type=reset].navy:focus,
.flowchart-root a.link-button.navy:hover,
.flowchart-root a.link-button.navy:focus {
  background-color: rgb(9.23125, 75.16875, 96.26875);
}
.flowchart-root form button.navy:active,
.flowchart-root button.button.navy:active,
.flowchart-root input[type=button].navy:active,
.flowchart-root input[type=submit].navy:active,
.flowchart-root input[type=reset].navy:active,
.flowchart-root a.link-button.navy:active {
  background-color: rgb(4.76875, 38.83125, 49.73125);
}
.flowchart-root form button.green,
.flowchart-root button.button.green,
.flowchart-root input[type=button].green,
.flowchart-root input[type=submit].green,
.flowchart-root input[type=reset].green,
.flowchart-root a.link-button.green {
  background: #4b7b2b;
}
.flowchart-root form button.green:hover, .flowchart-root form button.green:focus,
.flowchart-root button.button.green:hover,
.flowchart-root button.button.green:focus,
.flowchart-root input[type=button].green:hover,
.flowchart-root input[type=button].green:focus,
.flowchart-root input[type=submit].green:hover,
.flowchart-root input[type=submit].green:focus,
.flowchart-root input[type=reset].green:hover,
.flowchart-root input[type=reset].green:focus,
.flowchart-root a.link-button.green:hover,
.flowchart-root a.link-button.green:focus {
  background-color: rgb(86.5210843373, 141.8945783133, 49.6054216867);
}
.flowchart-root form button.green:active,
.flowchart-root button.button.green:active,
.flowchart-root input[type=button].green:active,
.flowchart-root input[type=submit].green:active,
.flowchart-root input[type=reset].green:active,
.flowchart-root a.link-button.green:active {
  background-color: rgb(63.4789156627, 104.1054216867, 36.3945783133);
}
.flowchart-root form button.black,
.flowchart-root button.button.black,
.flowchart-root input[type=button].black,
.flowchart-root input[type=submit].black,
.flowchart-root input[type=reset].black,
.flowchart-root a.link-button.black {
  background: #000;
}
.flowchart-root form button.black:hover, .flowchart-root form button.black:focus,
.flowchart-root button.button.black:hover,
.flowchart-root button.button.black:focus,
.flowchart-root input[type=button].black:hover,
.flowchart-root input[type=button].black:focus,
.flowchart-root input[type=submit].black:hover,
.flowchart-root input[type=submit].black:focus,
.flowchart-root input[type=reset].black:hover,
.flowchart-root input[type=reset].black:focus,
.flowchart-root a.link-button.black:hover,
.flowchart-root a.link-button.black:focus {
  background-color: #333333;
}
.flowchart-root form button.black:active,
.flowchart-root button.button.black:active,
.flowchart-root input[type=button].black:active,
.flowchart-root input[type=submit].black:active,
.flowchart-root input[type=reset].black:active,
.flowchart-root a.link-button.black:active {
  background-color: rgb(76.5, 76.5, 76.5);
}
.flowchart-root form button.gray,
.flowchart-root button.button.gray,
.flowchart-root input[type=button].gray,
.flowchart-root input[type=submit].gray,
.flowchart-root input[type=reset].gray,
.flowchart-root a.link-button.gray {
  background: #60646a;
}
.flowchart-root form button.gray:hover, .flowchart-root form button.gray:focus,
.flowchart-root button.button.gray:hover,
.flowchart-root button.button.gray:focus,
.flowchart-root input[type=button].gray:hover,
.flowchart-root input[type=button].gray:focus,
.flowchart-root input[type=submit].gray:hover,
.flowchart-root input[type=submit].gray:focus,
.flowchart-root input[type=reset].gray:hover,
.flowchart-root input[type=reset].gray:focus,
.flowchart-root a.link-button.gray:hover,
.flowchart-root a.link-button.gray:focus {
  background-color: rgb(108.1188118812, 112.6237623762, 119.3811881188);
}
.flowchart-root form button.gray:active,
.flowchart-root button.button.gray:active,
.flowchart-root input[type=button].gray:active,
.flowchart-root input[type=submit].gray:active,
.flowchart-root input[type=reset].gray:active,
.flowchart-root a.link-button.gray:active {
  background-color: rgb(83.8811881188, 87.3762376238, 92.6188118812);
}
.flowchart-root form button.white,
.flowchart-root button.button.white,
.flowchart-root input[type=button].white,
.flowchart-root input[type=submit].white,
.flowchart-root input[type=reset].white,
.flowchart-root a.link-button.white {
  background: #fff;
  color: #000;
}
.flowchart-root form button.white:hover, .flowchart-root form button.white:focus,
.flowchart-root button.button.white:hover,
.flowchart-root button.button.white:focus,
.flowchart-root input[type=button].white:hover,
.flowchart-root input[type=button].white:focus,
.flowchart-root input[type=submit].white:hover,
.flowchart-root input[type=submit].white:focus,
.flowchart-root input[type=reset].white:hover,
.flowchart-root input[type=reset].white:focus,
.flowchart-root a.link-button.white:hover,
.flowchart-root a.link-button.white:focus {
  background-color: rgb(242.25, 242.25, 242.25);
}
.flowchart-root form button.white:active,
.flowchart-root button.button.white:active,
.flowchart-root input[type=button].white:active,
.flowchart-root input[type=submit].white:active,
.flowchart-root input[type=reset].white:active,
.flowchart-root a.link-button.white:active {
  background-color: rgb(229.5, 229.5, 229.5);
  color: #444;
}
.flowchart-root form button.light-gray,
.flowchart-root button.button.light-gray,
.flowchart-root input[type=button].light-gray,
.flowchart-root input[type=submit].light-gray,
.flowchart-root input[type=reset].light-gray,
.flowchart-root a.link-button.light-gray {
  background: #efefef;
  color: #000;
}
.flowchart-root form button.light-gray:hover, .flowchart-root form button.light-gray:focus,
.flowchart-root button.button.light-gray:hover,
.flowchart-root button.button.light-gray:focus,
.flowchart-root input[type=button].light-gray:hover,
.flowchart-root input[type=button].light-gray:focus,
.flowchart-root input[type=submit].light-gray:hover,
.flowchart-root input[type=submit].light-gray:focus,
.flowchart-root input[type=reset].light-gray:hover,
.flowchart-root input[type=reset].light-gray:focus,
.flowchart-root a.link-button.light-gray:hover,
.flowchart-root a.link-button.light-gray:focus {
  background-color: rgb(226.25, 226.25, 226.25);
}
.flowchart-root form button.light-gray:active,
.flowchart-root button.button.light-gray:active,
.flowchart-root input[type=button].light-gray:active,
.flowchart-root input[type=submit].light-gray:active,
.flowchart-root input[type=reset].light-gray:active,
.flowchart-root a.link-button.light-gray:active {
  background-color: rgb(213.5, 213.5, 213.5);
  color: #444;
}
.flowchart-root form button.medium-gray,
.flowchart-root button.button.medium-gray,
.flowchart-root input[type=button].medium-gray,
.flowchart-root input[type=submit].medium-gray,
.flowchart-root input[type=reset].medium-gray,
.flowchart-root a.link-button.medium-gray {
  background: #dbdbdb;
  color: #000;
}
.flowchart-root form button.medium-gray:hover, .flowchart-root form button.medium-gray:focus,
.flowchart-root button.button.medium-gray:hover,
.flowchart-root button.button.medium-gray:focus,
.flowchart-root input[type=button].medium-gray:hover,
.flowchart-root input[type=button].medium-gray:focus,
.flowchart-root input[type=submit].medium-gray:hover,
.flowchart-root input[type=submit].medium-gray:focus,
.flowchart-root input[type=reset].medium-gray:hover,
.flowchart-root input[type=reset].medium-gray:focus,
.flowchart-root a.link-button.medium-gray:hover,
.flowchart-root a.link-button.medium-gray:focus {
  background-color: rgb(208.8, 208.8, 208.8);
}
.flowchart-root form button.medium-gray:active,
.flowchart-root button.button.medium-gray:active,
.flowchart-root input[type=button].medium-gray:active,
.flowchart-root input[type=submit].medium-gray:active,
.flowchart-root input[type=reset].medium-gray:active,
.flowchart-root a.link-button.medium-gray:active {
  background-color: rgb(193.5, 193.5, 193.5);
  color: #333;
}
.flowchart-root form button.dark-gray,
.flowchart-root button.button.dark-gray,
.flowchart-root input[type=button].dark-gray,
.flowchart-root input[type=submit].dark-gray,
.flowchart-root input[type=reset].dark-gray,
.flowchart-root a.link-button.dark-gray {
  background: #2b2b2b;
}
.flowchart-root form button.dark-gray:hover, .flowchart-root form button.dark-gray:focus,
.flowchart-root button.button.dark-gray:hover,
.flowchart-root button.button.dark-gray:focus,
.flowchart-root input[type=button].dark-gray:hover,
.flowchart-root input[type=button].dark-gray:focus,
.flowchart-root input[type=submit].dark-gray:hover,
.flowchart-root input[type=submit].dark-gray:focus,
.flowchart-root input[type=reset].dark-gray:hover,
.flowchart-root input[type=reset].dark-gray:focus,
.flowchart-root a.link-button.dark-gray:hover,
.flowchart-root a.link-button.dark-gray:focus {
  background-color: rgb(55.75, 55.75, 55.75);
}
.flowchart-root form button.dark-gray:active,
.flowchart-root button.button.dark-gray:active,
.flowchart-root input[type=button].dark-gray:active,
.flowchart-root input[type=submit].dark-gray:active,
.flowchart-root input[type=reset].dark-gray:active,
.flowchart-root a.link-button.dark-gray:active {
  background-color: rgb(30.25, 30.25, 30.25);
}
.flowchart-root form button.tint,
.flowchart-root button.button.tint,
.flowchart-root input[type=button].tint,
.flowchart-root input[type=submit].tint,
.flowchart-root input[type=reset].tint,
.flowchart-root a.link-button.tint {
  background: rgba(187, 187, 187, 0.22);
  color: #000;
}
.flowchart-root form button.tint:hover, .flowchart-root form button.tint:focus,
.flowchart-root button.button.tint:hover,
.flowchart-root button.button.tint:focus,
.flowchart-root input[type=button].tint:hover,
.flowchart-root input[type=button].tint:focus,
.flowchart-root input[type=submit].tint:hover,
.flowchart-root input[type=submit].tint:focus,
.flowchart-root input[type=reset].tint:hover,
.flowchart-root input[type=reset].tint:focus,
.flowchart-root a.link-button.tint:hover,
.flowchart-root a.link-button.tint:focus {
  background-color: rgba(187, 187, 187, 0.32);
}
.flowchart-root form button.tint:active,
.flowchart-root button.button.tint:active,
.flowchart-root input[type=button].tint:active,
.flowchart-root input[type=submit].tint:active,
.flowchart-root input[type=reset].tint:active,
.flowchart-root a.link-button.tint:active {
  background-color: rgba(187, 187, 187, 0.18);
  color: #666;
}
.dark .flowchart-root form button.tint,
.dark .flowchart-root button.button.tint,
.dark .flowchart-root input[type=button].tint,
.dark .flowchart-root input[type=submit].tint,
.dark .flowchart-root input[type=reset].tint,
.dark .flowchart-root a.link-button.tint {
  color: #fff;
}
.dark .flowchart-root form button.tint:active,
.dark .flowchart-root button.button.tint:active,
.dark .flowchart-root input[type=button].tint:active,
.dark .flowchart-root input[type=submit].tint:active,
.dark .flowchart-root input[type=reset].tint:active,
.dark .flowchart-root a.link-button.tint:active {
  color: #d4d4d4;
}
.flowchart-root form button.small, .small .flowchart-root form button,
.flowchart-root button.button.small,
.small .flowchart-root button.button,
.flowchart-root input[type=button].small,
.small .flowchart-root input[type=button],
.flowchart-root input[type=submit].small,
.small .flowchart-root input[type=submit],
.flowchart-root input[type=reset].small,
.small .flowchart-root input[type=reset],
.flowchart-root a.link-button.small,
.small .flowchart-root a.link-button {
  padding: 0.28em 1.25em 0.32em;
}
form .small button {
  padding: 0.28em 1.25em 0.32em;
}

form.small button {
  padding: 0.28em 1.25em 0.32em;
}

.flowchart-root form button.mini, .mini .flowchart-root form button,
.flowchart-root button.button.mini,
.mini .flowchart-root button.button,
.flowchart-root input[type=button].mini,
.mini .flowchart-root input[type=button],
.flowchart-root input[type=submit].mini,
.mini .flowchart-root input[type=submit],
.flowchart-root input[type=reset].mini,
.mini .flowchart-root input[type=reset],
.flowchart-root a.link-button.mini,
.mini .flowchart-root a.link-button {
  padding: 0.15em 0.8em 0.2em;
}
form .mini button {
  padding: 0.15em 0.8em 0.2em;
}

form.mini button {
  padding: 0.15em 0.8em 0.2em;
}

.flowchart-root form button.large, .large .flowchart-root form button,
.flowchart-root button.button.large,
.large .flowchart-root button.button,
.flowchart-root input[type=button].large,
.large .flowchart-root input[type=button],
.flowchart-root input[type=submit].large,
.large .flowchart-root input[type=submit],
.flowchart-root input[type=reset].large,
.large .flowchart-root input[type=reset],
.flowchart-root a.link-button.large,
.large .flowchart-root a.link-button {
  padding: 0.3em 1.5em 0.45em;
}
form .large button {
  padding: 0.3em 1.5em 0.45em;
}

form.large button {
  padding: 0.3em 1.5em 0.45em;
}

.flowchart-root form button.curved,
.flowchart-root button.button.curved,
.flowchart-root input[type=button].curved,
.flowchart-root input[type=submit].curved,
.flowchart-root input[type=reset].curved,
.flowchart-root a.link-button.curved {
  border-radius: 0.25em;
}
.flowchart-root form button.round,
.flowchart-root button.button.round,
.flowchart-root input[type=button].round,
.flowchart-root input[type=submit].round,
.flowchart-root input[type=reset].round,
.flowchart-root a.link-button.round {
  border-radius: 100em;
}
.flowchart-root form button.bordered,
.flowchart-root button.button.bordered,
.flowchart-root input[type=button].bordered,
.flowchart-root input[type=submit].bordered,
.flowchart-root input[type=reset].bordered,
.flowchart-root a.link-button.bordered {
  border: 1px solid rgba(0, 0, 0, 0.4);
}
.flowchart-root form button.bordered:hover, .flowchart-root form button.bordered:focus,
.flowchart-root button.button.bordered:hover,
.flowchart-root button.button.bordered:focus,
.flowchart-root input[type=button].bordered:hover,
.flowchart-root input[type=button].bordered:focus,
.flowchart-root input[type=submit].bordered:hover,
.flowchart-root input[type=submit].bordered:focus,
.flowchart-root input[type=reset].bordered:hover,
.flowchart-root input[type=reset].bordered:focus,
.flowchart-root a.link-button.bordered:hover,
.flowchart-root a.link-button.bordered:focus {
  border-color: rgba(0, 0, 0, 0.7);
}
.flowchart-root form button.bordered:active,
.flowchart-root button.button.bordered:active,
.flowchart-root input[type=button].bordered:active,
.flowchart-root input[type=submit].bordered:active,
.flowchart-root input[type=reset].bordered:active,
.flowchart-root a.link-button.bordered:active {
  border-color: rgba(0, 0, 0, 0.9);
}
.flowchart-root form button.bordered.white, .flowchart-root form button.bordered.light-gray,
.flowchart-root button.button.bordered.white,
.flowchart-root button.button.bordered.light-gray,
.flowchart-root input[type=button].bordered.white,
.flowchart-root input[type=button].bordered.light-gray,
.flowchart-root input[type=submit].bordered.white,
.flowchart-root input[type=submit].bordered.light-gray,
.flowchart-root input[type=reset].bordered.white,
.flowchart-root input[type=reset].bordered.light-gray,
.flowchart-root a.link-button.bordered.white,
.flowchart-root a.link-button.bordered.light-gray {
  border: 1px solid rgba(0, 0, 0, 0.2);
}
.flowchart-root form button.bordered.white:hover, .flowchart-root form button.bordered.white:focus, .flowchart-root form button.bordered.light-gray:hover, .flowchart-root form button.bordered.light-gray:focus,
.flowchart-root button.button.bordered.white:hover,
.flowchart-root button.button.bordered.white:focus,
.flowchart-root button.button.bordered.light-gray:hover,
.flowchart-root button.button.bordered.light-gray:focus,
.flowchart-root input[type=button].bordered.white:hover,
.flowchart-root input[type=button].bordered.white:focus,
.flowchart-root input[type=button].bordered.light-gray:hover,
.flowchart-root input[type=button].bordered.light-gray:focus,
.flowchart-root input[type=submit].bordered.white:hover,
.flowchart-root input[type=submit].bordered.white:focus,
.flowchart-root input[type=submit].bordered.light-gray:hover,
.flowchart-root input[type=submit].bordered.light-gray:focus,
.flowchart-root input[type=reset].bordered.white:hover,
.flowchart-root input[type=reset].bordered.white:focus,
.flowchart-root input[type=reset].bordered.light-gray:hover,
.flowchart-root input[type=reset].bordered.light-gray:focus,
.flowchart-root a.link-button.bordered.white:hover,
.flowchart-root a.link-button.bordered.white:focus,
.flowchart-root a.link-button.bordered.light-gray:hover,
.flowchart-root a.link-button.bordered.light-gray:focus {
  border-color: rgba(0, 0, 0, 0.5);
}
.flowchart-root form button.bordered.white:active, .flowchart-root form button.bordered.light-gray:active,
.flowchart-root button.button.bordered.white:active,
.flowchart-root button.button.bordered.light-gray:active,
.flowchart-root input[type=button].bordered.white:active,
.flowchart-root input[type=button].bordered.light-gray:active,
.flowchart-root input[type=submit].bordered.white:active,
.flowchart-root input[type=submit].bordered.light-gray:active,
.flowchart-root input[type=reset].bordered.white:active,
.flowchart-root input[type=reset].bordered.light-gray:active,
.flowchart-root a.link-button.bordered.white:active,
.flowchart-root a.link-button.bordered.light-gray:active {
  border-color: rgba(0, 0, 0, 0.3);
}
.flowchart-root form button.classic,
.flowchart-root button.button.classic,
.flowchart-root input[type=button].classic,
.flowchart-root input[type=submit].classic,
.flowchart-root input[type=reset].classic,
.flowchart-root a.link-button.classic {
  border: 1px solid rgba(0, 0, 0, 0.4);
  border-bottom-color: rgba(0, 0, 0, 0.7);
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0.25) 5%, rgba(255, 255, 255, 0.1) 40%, rgba(0, 0, 0, 0.2) 100%);
}
.flowchart-root form button.classic:hover, .flowchart-root form button.classic:focus,
.flowchart-root button.button.classic:hover,
.flowchart-root button.button.classic:focus,
.flowchart-root input[type=button].classic:hover,
.flowchart-root input[type=button].classic:focus,
.flowchart-root input[type=submit].classic:hover,
.flowchart-root input[type=submit].classic:focus,
.flowchart-root input[type=reset].classic:hover,
.flowchart-root input[type=reset].classic:focus,
.flowchart-root a.link-button.classic:hover,
.flowchart-root a.link-button.classic:focus {
  border-color: rgba(0, 0, 0, 0.7);
  border-bottom-color: rgba(0, 0, 0, 0.9);
}
.flowchart-root form button.classic:active,
.flowchart-root button.button.classic:active,
.flowchart-root input[type=button].classic:active,
.flowchart-root input[type=submit].classic:active,
.flowchart-root input[type=reset].classic:active,
.flowchart-root a.link-button.classic:active {
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
}
.flowchart-root form button > .fa, .flowchart-root form button > .zmdi, .flowchart-root form button > .icon,
.flowchart-root button.button > .fa,
.flowchart-root button.button > .zmdi,
.flowchart-root button.button > .icon,
.flowchart-root input[type=button] > .fa,
.flowchart-root input[type=button] > .zmdi,
.flowchart-root input[type=button] > .icon,
.flowchart-root input[type=submit] > .fa,
.flowchart-root input[type=submit] > .zmdi,
.flowchart-root input[type=submit] > .icon,
.flowchart-root input[type=reset] > .fa,
.flowchart-root input[type=reset] > .zmdi,
.flowchart-root input[type=reset] > .icon,
.flowchart-root a.link-button > .fa,
.flowchart-root a.link-button > .zmdi,
.flowchart-root a.link-button > .icon {
  opacity: 0.8;
  margin: 0 0.25em 0 -0.1em;
}
.flowchart-root form button > * + .fa, .flowchart-root form button > * + .zmdi, .flowchart-root form button > * + .icon,
.flowchart-root button.button > * + .fa,
.flowchart-root button.button > * + .zmdi,
.flowchart-root button.button > * + .icon,
.flowchart-root input[type=button] > * + .fa,
.flowchart-root input[type=button] > * + .zmdi,
.flowchart-root input[type=button] > * + .icon,
.flowchart-root input[type=submit] > * + .fa,
.flowchart-root input[type=submit] > * + .zmdi,
.flowchart-root input[type=submit] > * + .icon,
.flowchart-root input[type=reset] > * + .fa,
.flowchart-root input[type=reset] > * + .zmdi,
.flowchart-root input[type=reset] > * + .icon,
.flowchart-root a.link-button > * + .fa,
.flowchart-root a.link-button > * + .zmdi,
.flowchart-root a.link-button > * + .icon {
  margin: 0.1em -0.3em 0 0.5em;
}

/*# sourceMappingURL=flowchart.css.map */