._0afbdb7dbd {
  color: #ffaa00;
}

._0afbdb7dbd:hover {
  color: #ff9d00;
}

.df2d62be9d {
  line-height: 2.0em;
}
._4c9302b94b {
  display: flex;
  height: 305px;
  width: 432px;
  align-self: center;
  border-bottom: 1px solid #bdbdbd;
  flex-flow: row wrap;
  align-content: flex-start;
  position: relative;
  overflow-y: auto;
}

.b92d710103 {
  cursor: pointer;
}

.f0c6ead36c {
  background-color: #f3f3f3;
  border: 1px solid #dfdfdf;
  border-radius: 2px;
  /* cursor: pointer; */
  height: 99px;
  width: 99px;
  margin-left: 4px;
  margin-bottom: 8px;
}

.b8d689f71f {
  border-radius: 50%;
  width: 45px;
  height: 45px;
  background-color: #9E9E9E;
  margin: 25px auto 0;
}

._42069d360e {
  width: 97px;
  flex: auto;
  font-size: 10px;
  color: #616161;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-left: 4px;
  margin-bottom: 16px;
  text-align: center;
}

._0bcbd41558 {
  color: #fff;
  margin-top: 30%;
  margin-left: 30%;
}

.ea4fe8995f {
  color: #fff;
  margin-top: 30%;
  margin-left: 35%;
}

._241315a286 {
  position: fixed;
  right: 21px;
  bottom: 4px;
  min-width: 190px;
}


._934749621f {
  display: flex;
  flex-flow: row nowrap;
  flex: 1 1 50%;
  min-width: 100px;
  padding: 10px 4px;
  /* border-bottom: 1px solid #eceef1; */

  margin-left: 4px;
  margin-bottom: 0px;
}

._9180aa5f00 {
  font-size: 12px;
  color: #666f79; /* gray-dark */
}

._24082f0320 {
  margin-bottom: 3px;
  margin-right: 4px;
  align-self: center;
}

._1889e16265 {
  /* margin-left: 4px; */
  margin-bottom: 0px;
}

._12216eb52d {
  padding: 6px 8px;
  display: flex;
  flex-flow: column nowrap;
  overflow: visible;
}

.e6595200f5 {
  width: 100%;
  margin-bottom: 16px;
  /* border: solid #ff000020; */
  /* border-width: 1px; */
}

.b527ec3672 {
  /* font-family: 'ProximaNova Medium'; */
  font-size: 12px;
  color: #666f79; /* gray-dark */
}

._305cf284a6 {
  margin-bottom: 3px;
}

._3f03398d12 {
  display: flex;
  flex-flow: row wrap;
}

.a928410f2a {
  display: flex;
  align-self: flex-start;
  height: 24px;
  align-items: center;
}

.a928410f2a input {
  width: 50px;
  padding: 0 0 0 5px;
  margin: 0 5px 0 3px;
}

._31adf3e156 {
  padding-top: 3px;
  margin-left: 5px;
}

._958d969440 {
  width: 20px;
  height: 20px;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}

._4719edb7ea {
  margin: 0px 0px;
  transform: scale(0.8);
  float: right;
  align-self: flex-end;
}
._4719edb7ea path {
  fill: #666f79; /* gray-dark */
}
._4719edb7ea:hover path {
  fill: #5eb5fb;
}
._4719edb7ea:active path {
  fill: #3184d3;
}

._4719edb7ea :disabled {
  opacity: 25%;
}

.f229d195ef {
}

.c779927fc2 {
  margin-top: 10px;
}

.a36615a14f {
}

._8c9e95eb5c {
}

._4b0dda2bb7 {
}

._59b364ba6f {
  margin-top: 10px;
}

._1b537926c3 {
}

.f8327b4025 {
}

._19c7c3663d {
}

._19c7c3663d input {
  min-width: 50px;
  width: 80%;
  height: 20px;
  padding: 0 0 0 5px;
  margin: 0 5px 0 3px;
}

._34888bd6ee {
  float: left;
  width: 80px;
}

._5bf932e9e0 {
  margin-top: 10px;
}

._0df59bdd53 {
  margin-bottom: 16px;
}

._38832bc027 {
}

._110e750bdd {
}

.cffa2c2e28 {
}

.eabb0337ca {
}

.eabb0337ca input {
  min-width: 50px;
  width: 80%;
  height: 20px;
  padding: 0 0 0 5px;
  margin: 0 5px 0 3px;
}

._349a12e1d6 {
  float: left;
  width: 80px;
}

._6641dbfcd0 {
  margin-bottom: 16px;
}

.c21aaa6009 {
  margin-top: 10px;
}

._21d8ec5bf9 {
  color: #61a6e8; /* blue-light */
  height: 60px;
  width: 100%;
  border-radius: 2px;
  background-color: rgba(97, 166, 232, 0.05);
  border: 1px dashed #bac0c8; /* gray-light */
  cursor: pointer;
  text-align: center;
}
._5dfaf8ff0d {
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  height: 100%;
}

._5898741058 {
  margin-bottom: 16px;
}

._6b33173470 {
}

._62a535aaae {
  margin-top: 10px;
}

._705ef2779d {
}

.e593ac4f73 {
}

/* Scrubber Range Input */

.animation-scrubber input[type=range] {
  -webkit-appearance: none;
  width: 100%;
  margin: 0px 0 0 0px;
  background-color: transparent;
}
.animation-scrubber input[type=range]:focus, .animation-scrubber input[type=range]:active {
  outline: none;
  border: 0;
}
.animation-scrubber input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 30px;
  cursor: pointer;
  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0), 0px 0px 0px rgba(13, 13, 13, 0);
  background: rgba(0, 0, 0, 0);
  border-radius: 0px;
  border: 0px solid rgba(0, 0, 0, 0);
}

.animation-scrubber input[type=range]::-webkit-slider-thumb {
  box-shadow: px px 0px rgba(0, 0, 0, 0), 0px 0px px rgba(13, 13, 13, 0);
  border: 0;
  height: 32px;
  width: 17px;
  border-radius: 2px;
  background: transparent;
  cursor: -webkit-grab;
  -webkit-appearance: none;
  margin-top: 0px;
  margin-left: -8px;
}

.animation-scrubber input[type=range]:focus::-webkit-slider-runnable-track {
  background: rgba(0, 0, 0, 0);
}
.animation-scrubber input[type=range]::-moz-range-track {
  width: 100%;
  height: 30px;
  cursor: pointer;
  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0), 0px 0px 0px rgba(13, 13, 13, 0);
  background: rgba(0, 0, 0, 0);
  border-radius: 0px;
  border: 0px solid rgba(0, 0, 0, 0);
  padding: 10px 0;
}

.animation-scrubber input::-moz-focus-outer {
  outline: 0;
  padding: 0;
  border: 0;
}
.animation-scrubber input[type=range]::-moz-range-thumb {
  box-shadow: px px 0px rgba(0, 0, 0, 0), 0px 0px px rgba(13, 13, 13, 0);
  border: 0;
  height: 30px;
  width: 20px;
  border-radius: 4px;
  background: transparent;
  cursor: grab;
}
.animation-scrubber input[type=range]::-ms-track {
  width: 100%;
  height: 30px;
  cursor: pointer;
  background: transparent;
  border-color: transparent;
  color: transparent;
}
.animation-scrubber input[type=range]::-ms-fill-lower {
  background: rgba(0, 0, 0, 0);
  border: 0px solid rgba(0, 0, 0, 0);
  border-radius: 0px;
  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0), 0px 0px 0px rgba(13, 13, 13, 0);
}
.animation-scrubber input[type=range]::-ms-fill-upper {
  background: rgba(0, 0, 0, 0);
  border: 0px solid rgba(0, 0, 0, 0);
  border-radius: 0px;
  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0), 0px 0px 0px rgba(13, 13, 13, 0);
}
.animation-scrubber input[type=range]::-ms-thumb {
  box-shadow: px px 0px rgba(0, 0, 0, 0), 0px 0px px rgba(13, 13, 13, 0);
  border: 0;
  width: 20px;
  border-radius: 4px;
  background: transparent;
  cursor: grab;
  height: 30px;
}
.animation-scrubber input[type=range]:focus::-ms-fill-lower {
  background: rgba(0, 0, 0, 0);
}
.animation-scrubber input[type=range]:focus::-ms-fill-upper {
  background: rgba(0, 0, 0, 0);
}

/* opacity of thumb handle and line */
/* border-color controls color of line */
.animation-scrubber div {
  opacity: 1.0;
  border-color: #666f79;
}

/* opacity of thumb handle and line */
/* border-color controls color of line */
.animation-scrubber:focus-within div {
  opacity: 0.65;
  border-color: #61a6e8;
}

.react-grid-layout {
  position: relative;
  transition: height 200ms ease;
}
.react-grid-item {
  transition: all 200ms ease;
  transition-property: left, top;
}
.react-grid-item:hover {
  cursor: move;
}
.react-grid-item.cssTransforms {
  transition-property: transform;
}
.react-grid-item.resizing {
  z-index: 1;
}

.react-grid-item.react-draggable-dragging {
  transition: none;
  z-index: 3;
}

.react-grid-item.react-grid-placeholder {
  background: #ffaa0f;
  opacity: 0.4;
  transition-duration: 100ms;
  z-index: 2;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.react-grid-item > .react-resizable-handle {
  position: absolute;
  width: 14px;
  height: 20px;
  bottom: 0;
  right: 0;
  /* 8px */
  /* <svg width='3' height='8' viewBox='0 0 3 8' xmlns='http://www.w3.org/2000/svg'><g fill='#FFF' fill-rule='evenodd'><path d='M0 0h1v8H0zM2 0h1v8H2z'/></g></svg> */
  /* background: url("data:image/svg+xml,%3Csvg%20width%3D%273%27%20height%3D%278%27%20viewBox%3D%270%200%203%208%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%3E%3Cg%20fill%3D%27%23FFF%27%20fill-rule%3D%27evenodd%27%3E%3Cpath%20d%3D%27M0%200h1v8H0zM2%200h1v8H2z%27%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); */
  /* 16px */
  /* <svg width='3' height='16' viewBox='0 0 3 16' xmlns='http://www.w3.org/2000/svg'><g fill='#FFF' fill-rule='evenodd'><path d='M0 0h1v8H0zM2 0h1v8H2z'/></g></svg> */
  background: url("data:image/svg+xml,%3Csvg%20width%3D%273%27%20height%3D%2716%27%20viewBox%3D%270%200%203%2016%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%3E%3Cg%20fill%3D%27%23FFF%27%20fill-rule%3D%27evenodd%27%3E%3Cpath%20d%3D%27M0%200h1v8H0zM2%200h1v8H2z%27%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-position: bottom right;
  padding: 0 3px 0px 0;
  background-repeat: no-repeat;
  background-origin: content-box;
  box-sizing: border-box;
  cursor: ew-resize;
  font-size: 11px;
}

._3a5cae4eb4 {
  display: flex;
  position: absolute;
  width: 100%;
  bottom: 0px;
  background-color: transparent;
  pointer-events: none;
  /* color: #9e9e9e; */
  /* line-height: 25px; */
  /* order: 2; */
  /* height: 25px; */
  /* width: 88px; */
  /* left: calc(50% - 44px); */
  /* background-color: #fff; */
  /* border-radius: 2px; */
  /* box-shadow: 0 0 2px 0 rgba(56, 58, 59, 0.25); */
}

.eae638d8a3 {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;

  /* background-color: #edeff2; */
  /* border-radius: 20px; */

  min-width: 200px;
  max-width: 800px;
  min-height: 120px;

  padding: 16px;

  color: #777777;
}

._81fabc7773 {
  display: flex;
  flex-flow: row nowrap;
  margin-bottom: 16px;
}

.e849534aab {
  position: relative;
  width: 110px;
  height: 110px;
  border: 2px solid #e8e8e8;
  border-radius: 12px;
  /* background: linear-gradient(0deg, #c0c0c0, transparent); */
  background-color: #eaeaea;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-grow: 0;
  margin: 8px;
}

._78675dd7f7 {
  max-width: 100px;
  max-height: 100px;
  font-size: 36px !important;
}

._37607dfac9 {
  max-width: 100px;
  max-height: 100px;
}

._30471677de {
  position: absolute;
  top: 0px;
  right: 0px;
}

._389afc0417 {
  display: flex;
  flex-flow: column nowrap;
  flex-grow: 1;
  margin: 8px;
  align-self: center;
  overflow: hidden;
}

.edb2586a17 {
  direction: rtl
}

._196d9ad9a9 {
  margin: 1px 0px;
}

.f7e3640c72 {
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 480px;
  text-wrap: nowrap;
}

.f8dbc29ca9 {
  text-decoration: none;
}
.f8dbc29ca9:link { text-decoration: none; }
.f8dbc29ca9:visited { text-decoration: none; }
.f8dbc29ca9:hover { text-decoration: none; color: #333; }
.f8dbc29ca9:active { text-decoration: none; }

.be4f1d731c {
  display: flex;
  flex-flow: row;
  height: 24px;
  align-items: center;
  justify-content: center;
}

.e8b7149ad3 {
  font-size: 24px;
  font-family: 'Montserrat-Misc';
  text-transform: uppercase;
  text-align: center;
  margin: 20px 8px;
  letter-spacing: 3px;
  color: #2E3240;
}

.d09dd84bef {
  margin: 4px;
}

.b565c2f297 {
  position: relative;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
}

._5f0674a10a {
  position: relative;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
}

._581516cedb {
  margin-top: 2px;
}

/* .lockIconLocked {
  width: 15.199px;
  height: 16.639px;
}

.lockIconUnlocked {
  width: 15.199px;
  height: 19px;
} */

._5c088c4e96 {
  position: relative;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
}

._9106dddb5b {
  position: relative;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
}

._5658133e3b {
  margin-top: 2px;
}

.d9655c8cdd {
  /* text-shadow: 0px 0px 3px #777; */
  color: #c8c8c8;
}

.adad9c70a4 {
  position: absolute;
  left: 50px;
  bottom: -20px;
  color: #bbb;
  transform: rotate(56deg) scale3d(1.5, -1.5, 1.5)
}

._0f7a578524 {
  font-size: 12px;
  color: #777777;
  margin: 6px 2px 6px;
  max-width: 380px;
  min-height: 32px;
  text-align: justify;
  text-align-last: center;
}

._77fa20baec {
}

._5070da8097 {
  color: #d85555;
}

._3506168a28 {
  display: flex;
  flex-flow: column nowrap;
  margin: 0px 8px;
}

._63c528dbf1 {
  display: flex;
  flex-flow: row nowrap;
  font-family: 'Montserrat';
  font-size: 16px;
  color: #777777;
  margin-top: 3px;
}

.d805af2612 {
  font-family: 'Montserrat';
  font-size: 16px;
  color: #777777;
  margin-left: 6px;
}
.d805af2612:link { text-decoration: none; color: #FFBA00;}
.d805af2612:visited { text-decoration: none; color: #FFBA00;}
.d805af2612:hover { text-decoration: none; color: #dea300; }
.d805af2612:active { text-decoration: none; color: #d49b00;}

._5d7dc0e3da {
  margin-left: 4px;
  margin-bottom: -4px;
  /* color: #777777; */
}

/* .openInNew:hover {
  color: #2E3240;
} */

._14649fdee1 {
  font-size: 11px;
  color: #303030;
  align-self: center;
}

._6891705d97 {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
}

.a5afbd73e3 {
  min-width: 42px;
  margin: 0px;
}

.fa098035cb {
  width: 14px;
  height: 14px;
}

._2a93d07aa0 {
  flex-flow: row nowrap;
}

._099f698de2 {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  height: 40px;
}

._099f698de2 input {
  width: 94%;
  min-width: 50px;
}

.f0bde24213 {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 4px;
}

.ef374f9a32 {
}

._096f50b451 {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2719%27%20height%3D%2717%27%20viewBox%3D%270%200%2019%2017%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%3E%3Cg%20fill%3D%27none%27%20fill-rule%3D%27evenodd%27%3E%3Cpath%20d%3D%27M6.383%202.398L8.513.06c.04-.04.086-.06.14-.06.056%200%20.105.02.145.06l2.16%202.338c.053.064.063.135.03.213-.037.078-.095.116-.176.116H9.45v7.594c0%20.057-.02.103-.055.14-.037.036-.084.055-.14.055h-1.17c-.056%200-.103-.02-.14-.056-.035-.037-.054-.083-.054-.14V2.726H6.53c-.085%200-.143-.038-.176-.115-.033-.077-.023-.148.03-.212z%27%20fill%3D%27%23DDE1E6%27%2F%3E%3Cpath%20d%3D%27M3.46%2016.846c-.048.07-.114.097-.198.087l-3.106-.587C.1%2016.332.06%2016.303.03%2016.26c-.028-.05-.037-.1-.024-.158l.856-3.064c.028-.08.082-.126.165-.14.084-.007.148.022.19.09l.716%201.162%206.464-3.985c.048-.03.098-.038.147-.027.05.012.09.042.12.09l.614.994c.03.05.04.098.026.15-.01.05-.042.09-.09.12L2.75%2015.475l.716%201.16c.044.072.042.142-.006.21%27%20fill%3D%27%23F27171%27%2F%3E%3Cpath%20d%3D%27M14.71%2016.636l.716-1.16-6.463-3.985c-.048-.028-.08-.07-.092-.118-.01-.05%200-.1.03-.148l.612-.995c.03-.05.07-.08.12-.092.05-.01.1-.002.148.028l6.463%203.984.716-1.16c.04-.07.104-.1.19-.09.083.013.137.06.165.138l.855%203.065c.014.056.005.108-.024.156-.028.044-.07.073-.125.086l-3.107.587c-.082.01-.148-.018-.196-.087-.05-.067-.05-.138-.006-.21%27%20fill%3D%27%23DDE1E6%27%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}

._324a850a5c {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2718%27%20height%3D%2717%27%20viewBox%3D%270%200%2018%2017%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%3E%3Cg%20fill%3D%27none%27%20fill-rule%3D%27evenodd%27%3E%3Cpath%20d%3D%27M6.02%202.61c-.034-.077-.024-.148.03-.212L8.18.06c.04-.04.086-.06.14-.06.056%200%20.104.02.145.06l2.16%202.338c.053.064.063.135.03.213-.037.078-.095.116-.176.116H9.115v7.594c0%20.057-.02.103-.055.14-.035.036-.082.055-.14.055H7.754c-.057%200-.104-.02-.14-.056-.036-.037-.055-.083-.055-.14V2.726H6.195c-.085%200-.143-.038-.176-.115%27%20fill%3D%27%23DDE1E6%27%2F%3E%3Cpath%20d%3D%27M3.46%2016.713c-.048.068-.114.096-.198.086l-3.106-.587C.1%2016.2.06%2016.17.03%2016.125c-.028-.048-.037-.1-.024-.157l.856-3.064c.028-.078.082-.125.165-.138.084-.01.148.02.19.09l.716%201.16%206.464-3.985c.048-.028.098-.037.147-.025.05.01.09.042.12.09l.614.994c.03.047.04.097.026.147-.01.05-.042.09-.09.12L2.75%2015.344l.716%201.16c.044.072.042.142-.006.21%27%20fill%3D%27%23DDE1E6%27%2F%3E%3Cpath%20d%3D%27M13.844%2016.503l.716-1.16-6.464-3.985c-.048-.03-.08-.07-.09-.12-.013-.05-.004-.1.027-.148l.613-.994c.03-.048.07-.08.12-.09.05-.013.1-.004.147.027l6.464%203.983.715-1.16c.042-.068.106-.1.19-.09.084.014.14.06.166.138l.855%203.066c.014.055.005.107-.024.155-.03.046-.07.075-.126.088l-3.107.586c-.083.01-.148-.02-.197-.087-.05-.067-.05-.138-.006-.21%27%20fill%3D%27%233ACA4B%27%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}

.eeedf16297 {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2719%27%20height%3D%2717%27%20viewBox%3D%270%200%2019%2017%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%3E%3Cg%20fill%3D%27none%27%20fill-rule%3D%27evenodd%27%3E%3Cpath%20d%3D%27M6.352%202.61c-.033-.077-.023-.148.03-.212L8.513.06c.04-.04.087-.06.14-.06.057%200%20.106.02.146.06l2.16%202.338c.053.064.063.135.03.213-.037.078-.095.116-.176.116H9.45v7.594c0%20.057-.02.103-.055.14-.037.036-.084.055-.14.055h-1.17c-.056%200-.103-.02-.14-.056-.035-.037-.054-.083-.054-.14V2.726H6.53c-.085%200-.143-.038-.176-.115%27%20fill%3D%27%2361A6E8%27%2F%3E%3Cpath%20d%3D%27M3.46%2016.846c-.048.07-.114.097-.198.087l-3.106-.587C.1%2016.332.06%2016.303.03%2016.26c-.028-.05-.037-.1-.024-.158l.856-3.064c.028-.08.082-.126.165-.14.084-.007.148.022.19.09l.716%201.162%206.464-3.985c.048-.03.098-.038.147-.027.05.012.09.042.12.09l.614.994c.03.05.04.098.026.15-.01.05-.042.09-.09.12L2.75%2015.475l.716%201.16c.044.072.042.142-.006.21%27%20fill%3D%27%23DDE1E6%27%2F%3E%3Cpath%20d%3D%27M14.71%2016.636l.716-1.16-6.463-3.985c-.048-.028-.08-.07-.092-.118-.01-.05%200-.1.03-.148l.612-.995c.03-.05.07-.08.12-.092.05-.01.1-.002.148.028l6.463%203.984.716-1.16c.04-.07.104-.1.19-.09.083.013.137.06.165.138l.855%203.065c.014.056.005.108-.024.156-.028.044-.07.073-.125.086l-3.107.587c-.082.01-.148-.018-.196-.087-.05-.067-.05-.138-.006-.21%27%20fill%3D%27%23DDE1E6%27%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}

._5cfae411e0 {
  transform: rotate(-120deg);
}

._2a9ac3d6d4 {
  transform: rotate(-120deg);
}

._64ce2b15ed {
  transform: rotate(-120deg);
}

.f2062a75e3 {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
}

._2c02a0c4c4 {
  min-width: 42px;
  margin: 0px;
}

.b8d7b94374 {
  width: 14px;
  height: 14px;
}

._5afc5b0b88 {
  flex-flow: row nowrap;
}

.c01110aa85 {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  height: 40px;
}

.c01110aa85 input {
  width: 94%;
  min-width: 50px;
}

.b32c47f3be {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 4px;
}

.f253b9febf {
}

._1a791cff95 {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%279%27%20height%3D%2721%27%20viewBox%3D%270%200%209%2021%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%3E%3Cg%20fill%3D%27none%27%20fill-rule%3D%27evenodd%27%3E%3Cpath%20d%3D%27M4.134%2020.195c1.92-.01%203.45-4.414%203.42-9.834-.03-5.42-1.61-9.806-3.53-9.793%27%20stroke%3D%27%23DDE1E6%27%2F%3E%3Cpath%20d%3D%27M4.784.797c-1.92.01-3.45%204.414-3.42%209.834.03%205.422%201.612%209.808%203.53%209.796%27%20stroke%3D%27%23F27171%27%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  margin-right: -2px;
}

.a118c29493 {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2722%27%20height%3D%278%27%20viewBox%3D%270%200%2022%208%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%3E%3Cg%20fill%3D%27none%27%20fill-rule%3D%27evenodd%27%3E%3Cpath%20d%3D%27M20.305%204.55c-.01-1.92-4.414-3.45-9.834-3.42C5.05%201.16.665%202.743.677%204.662%27%20stroke%3D%27%23DDE1E6%27%2F%3E%3Cpath%20d%3D%27M.907%203.9c.01%201.92%204.414%203.452%209.834%203.422%205.42-.03%209.808-1.613%209.795-3.532%27%20stroke%3D%27%233ACA4B%27%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  margin-right: 3px;
}

._22833ec7f1 {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2720%27%20height%3D%2721%27%20viewBox%3D%270%200%2020%2021%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%3E%3Ccircle%20cx%3D%279.5%27%20cy%3D%279.5%27%20r%3D%279.5%27%20transform%3D%27translate(.5%201)%27%20stroke%3D%27%2361A6E8%27%20fill%3D%27none%27%20fill-rule%3D%27evenodd%27%2F%3E%3C%2Fsvg%3E");
  margin-right: 3px;
}

.e5801a5e34 {
}

.c19029faf6 {
}

._84b2dbb8ef {
}

._8845677be8 {
  display: flex;
  flex-direction: row;
  align-items: center;
  /* opacity: 0.5; */
  /* transition: all ease-in-out 0.2s; */
}

._75979c00db {
  display: flex;
  flex-direction: column;
}

._6f50945200 {
  fontSize: 14px;
  color: #666f79; /* gray-dark */
  margin: 1px 2px;
}

._6f50945200:hover {
  color: #5eb5fb;
  /* color: #3184d3; */
}

._262dbbbdf4 {
  fontSize: 14px;
  color: #666f79; /* gray-dark */
  margin: 1px 2px;
}

._262dbbbdf4:hover {
  color: #5eb5fb;
  /* color: #3184d3; */
}

._3f4b4f2843 {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
}

._730bd778ed {
  min-width: 42px;
  margin: 0px;
}

.da50f22f15 {
  width: 14px;
  height: 14px;
}

.d16f9bef49 {
  flex-flow: row nowrap;
}

.f6abd6f958 {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  height: 40px;
}

.f6abd6f958 input {
  width: 94%;
  min-width: 50px;
}

._69eda7fc9e {
}

._69eda7fc9e input {
  color: #bac0c8; /* gray-light */
}

.ebb68c41e1 {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 4px;
}

._17aaf635e8 {
}

.f2b4a5f1fb {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2719%27%20height%3D%2717%27%20viewBox%3D%270%200%2019%2017%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%3E%3Cg%20fill%3D%27none%27%20fill-rule%3D%27evenodd%27%3E%3Cpath%20d%3D%27M6.383%202.398L8.513.06c.04-.04.086-.06.14-.06.056%200%20.105.02.145.06l2.16%202.338c.053.064.063.135.03.213-.037.078-.095.116-.176.116H9.45v7.594c0%20.057-.02.103-.055.14-.037.036-.084.055-.14.055h-1.17c-.056%200-.103-.02-.14-.056-.035-.037-.054-.083-.054-.14V2.726H6.53c-.085%200-.143-.038-.176-.115-.033-.077-.023-.148.03-.212z%27%20fill%3D%27%23DDE1E6%27%2F%3E%3Cpath%20d%3D%27M3.46%2016.846c-.048.07-.114.097-.198.087l-3.106-.587C.1%2016.332.06%2016.303.03%2016.26c-.028-.05-.037-.1-.024-.158l.856-3.064c.028-.08.082-.126.165-.14.084-.007.148.022.19.09l.716%201.162%206.464-3.985c.048-.03.098-.038.147-.027.05.012.09.042.12.09l.614.994c.03.05.04.098.026.15-.01.05-.042.09-.09.12L2.75%2015.475l.716%201.16c.044.072.042.142-.006.21%27%20fill%3D%27%23F27171%27%2F%3E%3Cpath%20d%3D%27M14.71%2016.636l.716-1.16-6.463-3.985c-.048-.028-.08-.07-.092-.118-.01-.05%200-.1.03-.148l.612-.995c.03-.05.07-.08.12-.092.05-.01.1-.002.148.028l6.463%203.984.716-1.16c.04-.07.104-.1.19-.09.083.013.137.06.165.138l.855%203.065c.014.056.005.108-.024.156-.028.044-.07.073-.125.086l-3.107.587c-.082.01-.148-.018-.196-.087-.05-.067-.05-.138-.006-.21%27%20fill%3D%27%23DDE1E6%27%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}

._8023184476 {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2718%27%20height%3D%2717%27%20viewBox%3D%270%200%2018%2017%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%3E%3Cg%20fill%3D%27none%27%20fill-rule%3D%27evenodd%27%3E%3Cpath%20d%3D%27M6.02%202.61c-.034-.077-.024-.148.03-.212L8.18.06c.04-.04.086-.06.14-.06.056%200%20.104.02.145.06l2.16%202.338c.053.064.063.135.03.213-.037.078-.095.116-.176.116H9.115v7.594c0%20.057-.02.103-.055.14-.035.036-.082.055-.14.055H7.754c-.057%200-.104-.02-.14-.056-.036-.037-.055-.083-.055-.14V2.726H6.195c-.085%200-.143-.038-.176-.115%27%20fill%3D%27%23DDE1E6%27%2F%3E%3Cpath%20d%3D%27M3.46%2016.713c-.048.068-.114.096-.198.086l-3.106-.587C.1%2016.2.06%2016.17.03%2016.125c-.028-.048-.037-.1-.024-.157l.856-3.064c.028-.078.082-.125.165-.138.084-.01.148.02.19.09l.716%201.16%206.464-3.985c.048-.028.098-.037.147-.025.05.01.09.042.12.09l.614.994c.03.047.04.097.026.147-.01.05-.042.09-.09.12L2.75%2015.344l.716%201.16c.044.072.042.142-.006.21%27%20fill%3D%27%23DDE1E6%27%2F%3E%3Cpath%20d%3D%27M13.844%2016.503l.716-1.16-6.464-3.985c-.048-.03-.08-.07-.09-.12-.013-.05-.004-.1.027-.148l.613-.994c.03-.048.07-.08.12-.09.05-.013.1-.004.147.027l6.464%203.983.715-1.16c.042-.068.106-.1.19-.09.084.014.14.06.166.138l.855%203.066c.014.055.005.107-.024.155-.03.046-.07.075-.126.088l-3.107.586c-.083.01-.148-.02-.197-.087-.05-.067-.05-.138-.006-.21%27%20fill%3D%27%233ACA4B%27%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}

.bd156f2df4 {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2719%27%20height%3D%2717%27%20viewBox%3D%270%200%2019%2017%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%3E%3Cg%20fill%3D%27none%27%20fill-rule%3D%27evenodd%27%3E%3Cpath%20d%3D%27M6.352%202.61c-.033-.077-.023-.148.03-.212L8.513.06c.04-.04.087-.06.14-.06.057%200%20.106.02.146.06l2.16%202.338c.053.064.063.135.03.213-.037.078-.095.116-.176.116H9.45v7.594c0%20.057-.02.103-.055.14-.037.036-.084.055-.14.055h-1.17c-.056%200-.103-.02-.14-.056-.035-.037-.054-.083-.054-.14V2.726H6.53c-.085%200-.143-.038-.176-.115%27%20fill%3D%27%2361A6E8%27%2F%3E%3Cpath%20d%3D%27M3.46%2016.846c-.048.07-.114.097-.198.087l-3.106-.587C.1%2016.332.06%2016.303.03%2016.26c-.028-.05-.037-.1-.024-.158l.856-3.064c.028-.08.082-.126.165-.14.084-.007.148.022.19.09l.716%201.162%206.464-3.985c.048-.03.098-.038.147-.027.05.012.09.042.12.09l.614.994c.03.05.04.098.026.15-.01.05-.042.09-.09.12L2.75%2015.475l.716%201.16c.044.072.042.142-.006.21%27%20fill%3D%27%23DDE1E6%27%2F%3E%3Cpath%20d%3D%27M14.71%2016.636l.716-1.16-6.463-3.985c-.048-.028-.08-.07-.092-.118-.01-.05%200-.1.03-.148l.612-.995c.03-.05.07-.08.12-.092.05-.01.1-.002.148.028l6.463%203.984.716-1.16c.04-.07.104-.1.19-.09.083.013.137.06.165.138l.855%203.065c.014.056.005.108-.024.156-.028.044-.07.073-.125.086l-3.107.587c-.082.01-.148-.018-.196-.087-.05-.067-.05-.138-.006-.21%27%20fill%3D%27%23DDE1E6%27%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}

._4cadb30d19 {
  transform: rotate(-120deg);
}

.fd06078a6b {
  transform: rotate(-120deg);
}

._7a8cef4554 {
  transform: rotate(-120deg);
}


._438a6ff646 {
  font-size: 14px;
  margin-left: 3px;
  vertical-align: baseline;
}

._438a6ff646:hover {
  color: #5eb5fb;
}

._28292a4643 {
  font-size: 14px;
  margin-left: 3px;
  vertical-align: baseline;
}

._28292a4643:hover {
  color: #5eb5fb;
}

.ff48072fa3 {
  font-size: 13px;
  font-family: 'Roboto Condensed';
}

.a3432ce85f {
  width: 100%;
  margin-top: 8px;
  margin-bottom: 2px;
}
._9b6828c318 {
  margin-bottom: 18px;
}

._0c06f8ad3f {
  font-size: 12px;
}

._53b3623052 {
  display: flex;
  flex-flow: column nowrap;
  overflow: hidden;
}

.dd083e60c1 {
  border: 1px #c0c0c0 solid;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-auto-rows: 1fr;
}

.dd083e60c1::before {
  content: '';
  width: 0;
  padding-bottom: 100%;
  grid-row: 1 / 1;
  grid-column: 1 / 1;
}

.dd083e60c1 > *:first-child {
  grid-row: 1 / 1;
  grid-column: 1 / 1;
}

/* Just to make the grid visible */

.dd083e60c1 > * {
  background: rgba(0,0,0,0.1);
  border: 1px white solid;
}

._689541c821 {
  width: 100%;
}

.dbacd384ef {
  border: 1px #c0c0c0 solid;
}

.b27559b102 {
  /* font-family: 'ProximaNova Medium'; */
  font-size: 12px;
  color: #666f79; /* gray-dark */
}

._81f676f06f {
  margin-bottom: 3px;
}

._71f553c2b5 {
  margin-bottom: 11px;
}

._71f553c2b5 input {
  height: 24px;
  line-height: 31px;
}


.fff008cf24 {
  /* font-family: 'ProximaNova Medium'; */
  font-size: 12px;
  color: #666f79; /* gray-dark */
}

._66519b41b9 {
  margin-bottom: 3px;
}

._24c000cd2f {
  margin-bottom: 11px;
}

._24c000cd2f input {
  height: 24px;
  line-height: 31px;
}


._3e211c5e04 {
  margin-bottom: 4px;
}

._251739e717 {
}

.fdc769b67f {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  margin-top: 6px;
  margin-bottom: 4px;
}

._35b0a71325 {
  text-transform: uppercase;
  font-size: 13px;
  font-weight: bold;
  color: white;
}

._5123bcdda4 {
  align-self: flex-start;
}

.c89168b654 {
  display: flex;
  flex-flow: column nowrap;
}

.a90f20394e {
  margin-top: 10px;
  margin-bottom: 16px;
}

._5745904cb4 {
  margin: 0px 0px;
  float: right;
  transform: scale(0.8);
}
._5745904cb4 path {
  fill: #666f79; /* gray-dark */
}
._5745904cb4:hover path {
  fill: #5eb5fb;
}
._5745904cb4:active path {
  fill: #3184d3;
}

.b35fff3ff4 {
  margin-top: 8px;
  margin-bottom: 8px;
}

._90446f907d {
  width: 85%;
  align-self: center;
}

.ea5023860b {
  margin-top: 3px;
  margin-bottom: 2px;
  margin-left: 6px;
  margin-right: 6px;
  /* border: 1px solid black; */
  text-align: left;
  overflow: hidden;
  position: relative;
  height: 14px;
}

.ea5023860b span {
  color: #666f79;
  position: absolute;
  white-space: nowrap;
  transform: translateX(0);
  transition: 1.5s;
}

.ea5023860b:hover span {
  color: #333;
  transform: translateX(calc(170px - 100%));
}

._0264be685a {
  display: flex;
  align-items: center;
  padding: 2px 10px;
  gap: 6px;
  font-size: 14px;
}

._3921523551 {
}

._0e822b5d66 {
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  position: relative;
}

._51569782bc {
  min-height: 112px;
  padding-top: 23px;
}

.f8a3f11a82 {
  display: flex;
  flex-flow: row;
  margin: 11px 0px 0px;
}

.facc7d9e2c {
  margin-bottom: 10px;
  align-self: baseline;
}

._8c57e8d33a {
  /* font-family: 'ProximaNova Medium'; */
  font-size: 12px;
  color: #666f79; /* gray-dark */
}

.ccd428d44f {
  margin-top: 8px;
  margin-bottom: 3px;
}

.f4d51e90ec {
  display: inline-block;
  /* height: 30px; */
  line-height: 14px;
  margin-top: 5px;
  margin-right: 5px;
}

.ea175b91f9 {
  width: 100%;
  margin-bottom: 4px;
}

._88bc6bcb9d {
}

.bead6cad76 {
}

.f38a62d990 {
  align-self: flex-start;
  flex-shrink: 0;
}

.b716073973 {
  margin-top: 10px;
  margin-bottom: 6px;
}

._5bcf512d50 {
  display: flex;
  flex-flow: row;
  margin-bottom: 12px;
}

._298af1743c {
  margin-left: 8px;
}

._01fbab5447 {
  font-size: '12px';
  height: 12;
}

._6588004fa8 {
  order: 0;
  width: 100%;
}

.b31c3bf99a {
  display: flex;
  flex-flow: row nowrap;
  width: 100%;
  justify-content: space-between;
  margin-top: 6px;
  margin-bottom: 4px;
}

._460b9ad6c3 {
  /* width: 24px;
  height: 24px; */
  background-repeat: no-repeat;
  background-position: 50% 50%;
  align-self: flex-end;
  transform: scale(0.8);
  margin: 0px 0px;
}

._4a7007aa0c {
  align-self: flex-start;
  line-height: 1.0;
  margin-top: 4px;
}

._3be1c20830 {
  display: flex;
  flex-flow: row wrap;
  margin-bottom: 8px;
}

.fba403dcd7 {
  float: right;
}

._002360458a {
  font-size: 15px;
}

.c117eb1b0a {
  flex-grow: 1;
}

._71c7a7e9c6 {
  margin: 0px;
}

.dc1259df79 {
  font-size: 13px;
  font-family: 'Roboto Condensed';
}

._00f32b8b12 {
  margin-top: 6px;
  margin-bottom: 0px;
}

._063b654347 {
}

.b2259adf0c {
}

._0fa448d178 {
  border: 1px solid #c0c0c0;
  border-radius: 8px;
  padding: 5px;
  margin: 2px;
}

._5c5ef376a0 {
  font-size: '12px';
  height: 12;
}

._280ce03d52 {
  display: 'flex';
  margin-top: '10px';
  height: 18;
  line-height: '18px';
}

._581ac78c5a {
  display: 'flex';
  flex-flow: 'row nowrap';
  margin-right: '10px';
  cursor: 'pointer';
}

.d8ce67dd29 {
  font-size: '12px';
}

.d215e9fe6e {
  background-color: '#00ffff';
  color: '#00ff00';
  font-size: '12px';
  height: 12;
}

._72251a6346 {
  background-color: '#ff00ff';
  color: '#ff0000';
  font-size: '12px';
  height: 12;
}

._0010e05bcf {
  margin-top: 8px;
  min-width: 170px;
}

._27050edbd5 {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
}

._424e9c746b {
  width: 42px;
  height: 42px;
  object-fit: cover;
  border-radius: 8px;
}

._8c87578d31 {
  text-align: left;
  flex-grow: 1;
}

._56391a6969 {
  gap: 2px;
  background: #f7fafe;
  margin: 4px;
  border: 1px solid #c0c0c0;
  border-radius: 3px;
}

._19df180b09 {
  width: 42px;
  height: 42px;
  object-fit: cover;
  border-radius: 8px;
}

._40c91bc04a {
  width: 42px;
  font-size: 24px;
  color: #61a6e8;
  display: flex;
  /* justify-content: center; */
  align-items: center;
}

.d97d739319 {
  /* background: #f7fafe; */
  color: #61a6e8;
}

._6031613b54 {
  display: flex;
  flex-flow: row;
  align-items: center;
  gap: 6px;
  margin: 6px 0px 6px 6px;
}

._3c9c6920bf {
  float: left;
}

._366ddcf765 {
  display: flex;
  flex-flow: column nowrap;
  border: 1px solid #c0c0c0;
  border-radius: 5px;
  padding: 8px;
}

._320bf9c5cf {
}

._575be20b50 {
}

._3553b24476 {
}

._775f6ac07b {
}

.de31847bf2 {
  font-size: '12px';
  height: 12;
}

.de9b833c2d {
  display: 'flex';
  margin-top: '10px';
  height: 18;
  line-height: '18px';
}

._0e7344df76 {
  display: 'flex';
  flex-flow: 'row nowrap';
  margin-right: '10px';
  cursor: 'pointer';
}

._2f709b6c75 {
  font-size: '12px';
}

._2333b898c9 {
  background-color: '#00ffff';
  color: '#00ff00';
  font-size: '12px';
  height: 12;
}

._7068495849 {
  background-color: '#ff00ff';
  color: '#ff0000';
  font-size: '12px';
  height: 12;
}

.e0d759014f {
  margin-bottom: 18px;
}

.d04ecb3533 {
  /* font-family: 'ProximaNova Medium'; */
}

.c8a403a8b4 {
  padding: 10px;
  background-color: #f6f7f8;
  border-bottom: 1px solid #eceef1;
}

.bdda70806c {
  font-size: 12px;
  /* font-family: 'ProximaNova Medium'; */
  color: #616161;
}

._6930681c1b {
  margin-top: 12px;
}

.dfcab8d629 {
  font-size: 14px;
  font-weight: bold;
  color: #666f79;
  /* font-family: 'ProximaNova Bold'; */
  margin: 10px 10px 5px 10px;
  padding-bottom: 5px;
  border-bottom: 1px solid #eceef1;
}

.dcda60ba2d {
  font-size: 12px;
  /* font-family: 'ProximaNova Medium'; */
  color: #616161;
  display: flex;
  flex-direction: flex-start;
  align-items: center;
  /* border-bottom: 1px solid #eceef1; */
  padding: 1px 15px 1px 10px;
  margin: 0px;
}

.dcda60ba2d:hover {
  /* background-color: #5eb5fb40; */
  background-color: #f8f8f8;
}

.fd93c445e7 {
  cursor: pointer;
}

.d109ae3e79 {
  align-self: center;
}

.f3e436b10d {
  margin-left: auto;
  flex-shrink: 0;
}

._9f09d76459 {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: stretch;
  /* box-shadow: 0px 3px 5px #a0a0a0;
  border-radius: 8px; */
}

._4a3c69a4e5 {
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
  text-align: center;
}

._66d1884d64 {
  /* line-height: 1.0; */
  /* margin-top: 4px; */
  /* display: none; */
}

._4ae0cb19af {
  font-family: sans-serif;
  background-color: #e0e0e0;
  padding: 6px 6px;
  border-radius: 4px;
  /* border-bottom-width: thin; */
  /* border-bottom-color: #808080; */
  /* border-bottom-style: solid; */
  min-width: 16px;
  display: inline-flex;
  justify-content: center;
  margin-left: 4px;
}

._671513c0cc {
  max-width: 100%;
  width: 100%;
}

._66a48d6157 {
  max-width: 100%;
  width: 100%;
  padding: 0px;
}

._493662aec5 {
  display: flex;
  flex-flow: column nowrap;
  background-color: #FFF;
  flex: 1;
  width: 240px;
}

/* .panel-wrapper > div {
  margin-bottom: 2px;
} */

._1bbe6754cd {
  padding: 6px 12px;
}

.a28badcd30 {
  display: flex;
  flex-direction: row;
  align-items: center;
}

._2963105c8d {
  margin-right: 8px;
}

._5c5aae8f53 {
  font-size: 10px;
  color: #aaa;
}

._1b66bad554 {
  position: relative;
  height: 100%;
  overflow: hidden;
  font-size: 12px;
  /* font-family: 'ProximaNova Medium'; */

  /* color: #cad0d8; */ /* gray-very-light */
  color: var(--th-text-color); /* XXX item theme */

  /* background alpha 0x10 here allows dropshadow to show through on right
  (tile to left is drawn first, so left shadow shows already) */
  background-color: #fff1;

  border-radius: 7px;
}

._1b66bad554:focus {
  /* outline: 2px auto #ffaa00; */
  /* focus/blur is a little odd, so show an outline, but don't emphasize: */
  outline: 2px auto #ddd;
  /* outline-offset: 1px; */
}

._259012331f {
  position: relative;
  height: 100%;
  overflow: hidden;
  font-size: 12px;
  /* font-family: 'ProximaNova Medium'; */
  color: #cad0d8; /* gray-very-light */
  cursor: pointer;
  cursor: -moz-pointer;
  cursor: -webkit-pointer;
  /* background alpha 0x10 here allows dropshadow to show through on right
  (tile to left is drawn first, so left shadow shows already) */
  background-color: '#fff1';
}

.acfce23cfd {
  position: relative;
  height: 100%;
  overflow: hidden;
  font-size: 12px;
  /* font-family: 'ProximaNova Medium'; */
  color: #cad0d8; /* gray-very-light */
  cursor: pointer;
  cursor: -moz-pointer;
  cursor: -webkit-pointer;
  /* background alpha 0x10 here allows dropshadow to show through on right
  (tile to left is drawn first, so left shadow shows already) */
  background-color: '#fff1';
}

.abb5f9f111 {
  /* color: #666f79; */ /* gray-dark */
  color: var(--th-text-color); /* XXX item theme */
}

.abb5f9f111:hover {
  cursor: grab;
  cursor: -moz-grab;
  cursor: -webkit-grab;
  /* box-shadow: #dde1e6 0 0 6px 0; */
  box-shadow: #adc1c6 0 0 6px 0;
  /* color: #464f59; */ /* gray-darker */
  color: var(--th-text-color-hover); /* XXX item theme */
}

.d10e7d28ff {
  opacity: 0.5;
}

._8e0aa0ab63 {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  text-overflow: ellipses;
}

.ee0c5ed3d8 {
  position: relative;
  width: 100%;
  height: 100%;
}

._65081cdceb {
  position: relative;
  width: 85%;
  height: 85%;
  padding: 12px 0 0 12px;
}

._085408b8a7 {
  height: 100%;
  /* padding: 0px */
  /* background-color: #c0a0a0; */
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
  row-gap: 5px;
}

._524023cc8d {
  flex-flow: row nowrap;
  justify-content: flex-start;
  text-align: left;
  padding: 8px 8px;
}

._6db929faac {
  /* display: none; */
  opacity: 0;
  position: absolute;
  top: 0px;
  right: 0px;
  z-index: 5;
  transition: opacity 500ms ease-in-out, color 500ms ease-in-out;
}

/* triangle in top-left: */
/* .item:hover .nonCampaign {
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 5;
  width: 14px;
  height: 14px;
  border-top: 14px solid #ccc;
  border-right: 14px solid transparent;
  border-bottom: none;
  border-left: none;
} */

/* .item:hover .nonCampaign {
  width: 16px;
  height: 16px;
  border-top: 16px solid red;
  border-right: 16px solid transparent;
} */

._1b66bad554:hover ._6db929faac {
  opacity: 1;
}

._6db929faac:focus-within {
  opacity: 1;
}

/* .delBase {
  opacity: 0;
  position: absolute;
  bottom: 0px;
  left: 0px;
  z-index: 5;
  transition: opacity 500ms ease-in-out, color 500ms ease-in-out;
}
.item:hover .delBase {
  opacity: 1;
}

.delBase:focus-within {
  opacity: 1;
} */

.c2af1cd113 {
  display: inline-block;
  background-color: #393a3b; /* gray-vdark */
  color: #fff;
  font-size: 12px;
  /* font-family: 'ProximaNova Bold'; primaryFontBold */
  position: relative;
  bottom: 22px;
  height: 15px;
  line-height: 15px;
  padding: 1px 2px 0;
}

._38abda2fe3 {
  font-size: 18px;
  /* margin-bottom: 5px; */
  margin: 2px;
}

.e0acca133a {
  color: #3aca4b;
}

._5abc270d80 {
  color: #990000;
}

._6e0bc54d28 {
  color: #61a6e8; /* blue-light */
}

._54804d76dd {
  color: #393a3b;
}
.f88cc3c5e1 {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 85%;
  margin: 2px 6px;
  flex-shrink: 0;
}

.ddcdafe4c5 {
  margin-bottom: 18px;
}

.f9b7a8286e {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  overflow: hidden;
  flex-shrink: 1;
  width: 100%;
  /* margin-right: 8px; */
}

.e73207988f {
  display: flex;
  flex-direction: column wrap;
  flex: 1 1 0;
  /* height: auto; */
  /* background-color: #c0c0ff; */
  /* margin: 1px; */
  font-size: 12px;
  align-items: center;
  justify-content: center;
  text-align: center; /* justified center, but multi-line text should center per-line also */
  /* min-width is critical here to allow child text divs to be limited width: */
  min-width: 0;
  /* border-right: 1px solid #eceef1; */

  box-shadow: 0px 0px 2px #0000004d;
  border-radius: 10px;
  overflow: hidden;
  margin: 2px;
}

.b9af758b6b {
  box-shadow: none;
}

.fdf17c66d3 {
  height: 100%;
}

.fdf17c66d3:last-child {
  /* background-color: #a0a0ff; */
  border-right: none;
}

.fdf17c66d3:before {
  float: left;
  content: ' ';
  display: table;
  padding-top: 100%;
  flex-wrap: nowrap;
  overflow: clip;
}

.a706a41abf {
  flex-direction: row nowrap;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.f84a093641 {
}

.f84a093641:last-child {
  /* background-color: #a0a0ff; */
  border-right: none;
}

.f84a093641:before {
  float: left;
  content: ' ';
  display: table;
  padding-top: 75%;
  flex-wrap: nowrap;
  overflow: clip;
}

._5671731988 {
  background-color: #c0ffc0;
  margin: 2px;
  /* text-align: center; */
}

._37dfd051e0 {
  position: relative;
  display: flex;
  flex-flow: row nowrap;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
}

.cfc9d50e90 {
  width: 100%;
  height: 100%;
  display: grid;  
  margin: 0px 0px 15px 0px;
}

._3d9bebcda3 {
  margin-top: 6px;
  margin-left: 10px;
  font-family: 'Montserrat';
  font-size: 12px;
  color: #777777;
  font-weight: 400;
}
._9e57727c03 {
  margin-left: 10px;
  font-family: 'Montserrat';
  font-size: 12px;
  color: #777777;
  font-weight: 400;
}
.ba24577e6b {
  display: none;
}

.c224185c47 {
  display: flex;
  flex-direction: column wrap;
  flex: 1 1 0;
  /* height: auto; */
  /* background-color: #c0c0ff; */
  /* margin: 1px; */
  font-size: 12px;
  align-items: center;
  justify-content: center;
  text-align: center; /* justified center, but multi-line text should center per-line also */
  /* min-width is critical here to allow child text divs to be limited width: */
  min-width: 0;
  /* border-right: 1px solid #eceef1; */

  box-shadow: 0px 0px 2px #0000004d;
  border-radius: 4px;
  overflow: hidden;
  margin: 2px;
}
/*
.wrapper {
  width: 528px;
}
*/

._09cce99ef5 {
  position: relative;
  margin-bottom: 0px;
}

.b7b5199fc7 {
  margin: 10px 10px;
}

._3d52597581 {
  margin-bottom: -16px;
  text-align: center;
}

.d2ee46ceb3 {
  font-family: 'Montserrat';
  font-size: 20px;
  text-align: center;
  color: #777777;
  margin-bottom: 15px;
  margin-top: -23px;
}

.bbbe2667f9 {
  overflow-y: auto;
  /* borderBottom: 1px solid #bdbdbd; */
  /* height: 355px; */
}

._38b2a909cb {
  font-size: 13px;
  font-family: 'Roboto Bold';
  color: #9e9e9e;
}

.fdc8568724 {
  color: #9e9e9e;
  width: 256px;
  height: 24px;
  line-height: 24px;
  margin-bottom: 28px;
}

.ec1b940aa5 {
  display: flex;
}

.cdc4c27498 {
  margin-bottom: 3px;
}

._9f10e9738b {
  flex: 1;
  font-size: 13px;
  font-family: 'Roboto Bold';
  color: #9e9e9e;
  margin-bottom: 24px;
}

/* 
.editorSettingsHeader: {
  font-size: 18px;
  color: #616161;
  margin-bottom: 16px;
}
 */

._6bdbe2e6db {
  display: flex;
  flex-flow: row;
  align-items: center;
  margin-bottom: 10px;
}

._13fb5bf159 {
  flex: 1 1 50%
}

._314767544b {
  position: absolute;
  top: 6px;
  right: 6px;
}
._027bc02a59 {
  flex: 1;
}
.c200297b82 {
  display: flex;
  flex-flow: column nowrap;
  background-color: #FFF;
  flex: 1;
}
.a7e9ec0cfd {
  display: flex;
  height: 100%;
  width: 100%;
  /* border-bottom: 1px solid #bdbdbd; */
  /* margin-left: -4px; */
  /* margin-bottom: 20px; */
  flex-flow: row wrap;
  align-content: flex-start;
  position: relative;
  overflow-y: auto;
}

._47203fa33d {
  border-bottom: 1px solid #bdbdbd
}
._6d9f6a2872 {
  display: flex;
}
._3f904307fb {
  width: fit-content;
  padding-left: 30px;
  font-family: 'Montserrat';
  color: #777;
  font-size: 16px;
  position: relative;
  display: flex;
  flex-flow: column nowrap;
}

._3f904307fb a:link, ._3f904307fb a:visited, ._3f904307fb a:hover, ._3f904307fb a:active {
  text-decoration: none; 
  color: #FFBA00;
}

._02542b40c1 {
  display: flex;
}

._1144af5628 {
  margin: auto 10px;
  font-weight: 'bold';
}

._931cdf04da {
  font-family: 'Montserrat-Misc';
  cursor: pointer;
  background-color: #2E3240;
  font-size: 22px;
  padding: 19px 20px;
  border-radius: 40px;
  width: 200px;
  height: 70px;
  color: #fff;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  line-height: 1.5;
  margin-top: 12px;
  font-weight: bold;
  text-transform: uppercase;
}

.f77c366fab {
  font-family: 'Montserrat-Misc';
  cursor: pointer;
  background-color: #2E3240;
  font-size: 11px;
  padding: 10px 20px;
  border-radius: 17px;
  min-width: 150px;
  height: 35px;
  color: #fff;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  line-height: 1.5;
  font-weight: bold;
  position: absolute;
  bottom: 5px;
  text-transform: uppercase;
}

._4702f0398a {
  font-family: 'Montserrat-Misc';
  cursor: pointer;
  background-color: #2E3240 !important;
  font-size: 22px !important;
  border-radius: 22px !important;
  width: 48px;
  height: 36px;
  color: #fff !important;
  display: inline-block !important;
  text-align: center !important;
  vertical-align: middle !important;
  line-height: 1.5;
  font-weight: bold;
  position: absolute !important;
  right: 4px;
}

._6dfb1fdaac {
  align-items: center;
  justify-content: center;
  display: flex;
  flex-direction: column;
  color: #707070;
  font-size: 8px;
  font-family: 'Montserrat';
  position: absolute;
  right: 5.5%;
}

.b7c84fb485 {
  position: relative;
  margin-bottom: 15px;
  cursor: pointer;
  color: #FFBA00;
  font-family: 'Montserrat';
  font-weight: 700;
  font-size: 18px;
  /* padding-top: 20px; */
}

.b7c84fb485 span:after,

.b7c84fb485 span:before {
  left: -23px;
  top: 13px;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

.b7c84fb485 span:after {
  border-right-color: #fff;
  border-width: 12px;
  margin-top: -12px;
}

.b7c84fb485 span:before {
  border-color: rgba(194, 225, 245, 0);
  border-right-color: #FFBA00;
  border-width: 8px;
  margin-top: -8px;
}

.bba1b50a1e {
  display: flex;
  flex-flow: row nowrap;
  width: 100%;
  justify-content: center;
  align-items: center;
  background-color: #EFEFEF;
}

._5d67a05d58 {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  width: 300px;
  height: 44px;
  margin: 10px;
  position: relative;
}

.be5475780d {
  position: absolute;
  color: #d8d8d8;
  left: 18px;
  width: 18px;
  height: 18px;
}

._6fe61af2c5 {
  color: #777777;
  font-family: 'Montserrat';
  font-size: 18px;
  height: 44px;
  border: 1px solid #ffffff;
  border-radius: 37px;
  padding-left: 25px;
  padding-right: 54px;
  outline-color: #2e3240;
}

._1babfb0a42 {
  margin-left: 4px;
  margin-bottom: -4px;
  /* color: #777777; */
}

._5e6368cb81 {
  flex-grow: 1;
}


.ac3b8ae6f5 {
  display: flex;
  flex-flow: row nowrap;
  padding: 13px 0px 0px;
  /* border-bottom: 1px solid #eceef1; */
  min-width: 165px;
}

._94bdd1a086 {
  font-size: 12px;
  color: #666f79; /* gray-dark */
}

.f4fbfe6ed0 {
  margin-bottom: 3px;
  margin-right: 4px;
  align-self: center;
}

._84ec48e235 {
  margin-left: 4px;
  margin-right: 4px;
  margin-bottom: 0px;
  min-width: 164px;
  color: #777777 !important;
  font-size: 14px !important;;
  font-family: 'Montserrat' !important;
  border-bottom: 0px solid #ffffff !important;
  text-transform: uppercase;
}


._952dda5cf7 {
  display: flex;
  flex-flow: row nowrap;
  flex-grow: 1;
  padding: 13px 4px 0px;
  border-bottom: 0px solid #eceef1;
  width: 145px;
}

.c3ae328360 {
  font-size: 12px;
  color: #666f79; /* gray-dark */
}

.c376ad8119 {
  margin-bottom: 3px;
  margin-right: 4px;
  align-self: center;
}

._5fe60288d1 {
  margin-left: 4px;
  margin-bottom: 0px;
  color: #777777 !important;
  font-size: 14px !important;;
  font-family: 'Montserrat' !important;
  text-transform: uppercase;
}

.bdc01f8ae2 {
  margin-bottom: 18px;
}

._3d8fea10a2 {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  overflow: hidden;
  flex-shrink: 1;
  width: 100%;
  /* margin-right: 8px; */
}

._29705c12d0 {
  display: flex;
  flex-direction: column wrap;
  flex: 1 1 0;
  /* height: auto; */
  /* background-color: #c0c0ff; */
  /* margin: 1px; */
  font-size: 12px;
  align-items: center;
  justify-content: center;
  text-align: center; /* justified center, but multi-line text should center per-line also */
  /* min-width is critical here to allow child text divs to be limited width: */
  min-width: 0;
  /* border-right: 1px solid #eceef1; */

  box-shadow: 0px 0px 2px #0000004d;
  border-radius: 10px;
  overflow: hidden;
  margin: 2px;
}

.c2fbb00825 {
  box-shadow: none;
}

._33009d0773 {
  height: 100%;
}

._33009d0773:last-child {
  /* background-color: #a0a0ff; */
  border-right: none;
}

._33009d0773:before {
  float: left;
  content: ' ';
  display: table;
  padding-top: 100%;
  flex-wrap: nowrap;
  overflow: clip;
}

.cc461d910d {
  flex-direction: row nowrap;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.aee3cdcf16 {
}

.aee3cdcf16:last-child {
  /* background-color: #a0a0ff; */
  border-right: none;
}

.aee3cdcf16:before {
  float: left;
  content: ' ';
  display: table;
  padding-top: 75%;
  flex-wrap: nowrap;
  overflow: clip;
}

._4edee151a5 {
  background-color: #c0ffc0;
  margin: 2px;
  /* text-align: center; */
}

._4c2c758d08 {
  position: relative;
  display: flex;
  flex-flow: row nowrap;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
}

.e22616cf77 {
  width: 100%;
  height: 100%;
  display: grid;  
  margin: 0px 0px 15px 0px;
}

._2bbcef4554 {
  margin-top: 6px;
  margin-left: 10px;
  font-family: 'Montserrat';
  font-size: 12px;
  color: #777777;
  font-weight: 400;
}
._924a1b0ac4 {
  margin-left: 10px;
  font-family: 'Montserrat';
  font-size: 12px;
  color: #777777;
  font-weight: 400;
}
.adbcbad176 {
  display: none;
}

._49b26f4cd2 {
  display: flex;
  flex-direction: column wrap;
  flex: 1 1 0;
  /* height: auto; */
  /* background-color: #c0c0ff; */
  /* margin: 1px; */
  font-size: 12px;
  align-items: center;
  justify-content: center;
  text-align: center; /* justified center, but multi-line text should center per-line also */
  /* min-width is critical here to allow child text divs to be limited width: */
  min-width: 0;
  /* border-right: 1px solid #eceef1; */

  box-shadow: 0px 0px 2px #0000004d;
  border-radius: 4px;
  overflow: hidden;
  margin: 2px;
}
._9aeba9fd4e {
  background-color: #00ff0020;
}

._1378e7b2ab {
  order: 40;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: stretch;
  /* box-shadow: 0px 3px 5px #a0a0a0;
  border-radius: 8px; */
}

._1793e54be2 {
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.a56251935e {
  /* width: 24px;
  height: 24px; */
  background-repeat: no-repeat;
  background-position: 50% 50%;
  /* transform: scale(0.95); */
  margin: 0px auto -1px;
}

._3b4edd2b07 {
  line-height: 1.0;
  margin-top: 4px;
  display: none;
}

._3f0995e7f5 {
  /* order: 6; */
  /* order: 53; */
  order: 1;
}

._3b29d4546f {
  min-height: 32px;
}

._17f752cafe {
}

/* .wrapper {
  flex-shrink: 0;
  cursor: pointer;
  margin: 4px 8px;
  order: 2;
} */

._71bf0689fd {
  display: flex;
  align-items: center;
}

.e9832344d1 {
  color: #666f79; /**Theme.primaryColor**/
  font-size: 8px;
}

._1ca03bbe28 {
  transform: rotate(0deg);
}

.afaf2cee83 {
  transform: rotate(-180deg);
}

._1846e9283a {
  position: fixed;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  background:rgba(0, 0, 0, 0.1);
  z-index: -1; /* just below parent */
}

._8d7a98695b {
  position: absolute;
  top: 0px;
  left: 0px;
  margin: 12px;

  display: flex;
  flex-flow: row nowrap;
  align-items: center;
}

._78a646775b {
  background-color: #fff;
  color: #616161;
  display: flex;
  flex-flow: row nowrap;

  margin: 0px;
  padding: 1px 4px 1px 4px;

  border-radius: 14px;
  box-shadow: 0 0 2px 0 rgba(56, 58, 59, 0.25);
  font-size: 12px;
  height: 28px;

  /* min-width: 132px; */
  transition: 0.3s;
  opacity: 0.5;
  /* transform: scale(0.75); */
  white-space: nowrap;
}

.f5deb7d999 {
  color: #666f79; /* gray-dark */
  font-size: 20px;
}

.fd43bb1bf7 {
  opacity: 1.0;
}
.fd43bb1bf7 > ._11b9fa324d {
  /* max-width: fit-content; fit content won't animate */
  max-width: 220px;
}
.fd43bb1bf7 ._0780c38599 {
  opacity: 1.0;
}

._85dba28319 {
  opacity: 1.0;
}
._85dba28319 > ._11b9fa324d {
  max-width: 18px;
}
._85dba28319 ._8d9eb28cd2,
._85dba28319 .d5d9545d20,
._85dba28319 ._520695594e,
._85dba28319 .d9f6b94501 {
  opacity: 0;
}
._85dba28319 .a67747652c,
._85dba28319 ._2de43976d0,
._85dba28319 ._26257b8b6b,
._85dba28319 .baf9c72952 {
  /* padding: 0px 0px 16px 0px; */
  /* width: 18px; */
}

._11b9fa324d {
  margin: 0;
  text-align: center;
  transition: 0.3s;
  /* max-width: 30px; */

  display: flex;
  flex-flow: row nowrap;
  overflow: hidden;
  justify-content: flex-center;
  align-items: center;
}


._0036dafd71 {
  /* background-color: #e0e0e0; */
  color: #202020;
  /* border-radius: 9px;
  padding: 1px 10px;
  margin-left: 8px;
  height: 18px;
  box-shadow: -2px 1px 5px rgba(0, 0, 0, 0.20);
  border: solid 1px; */
  margin: 3px;
  flex-shrink: 0;
}

.a67747652c {
  color: #7FB700;
}
._2de43976d0 {
  color: #fa0;
}
._26257b8b6b {
  color: #ff5a5a;
}
.baf9c72952 {
}

._0780c38599 {
  color: #484848;
  font-weight: 500;
  overflow-x: clip;
  height: fit-content;
  margin: 3px 3px 3px 0px;
}

._8d9eb28cd2 {
  color: #7FB700;
}
.d5d9545d20 {
  color: #fa0;
}
._520695594e {
  color: #ff5a5a;
}
.d9f6b94501 {
}

.eac49aa246 {
  display: block;
}

._27f2144107 {
  order: 1;
}

._6550214e0c {
  min-height: 32px;
}

._21e814f12d {
  display: flex;
  align-items: center;
}

._38df8d6d62 {
  /* color: #393A3B; */
  font-family: 'Roboto Condensed';
  font-size: 20px;
}

._42f06e15af {
  order: 25;
}

._5d0cf3db70 {
}

.bc1c24fa14 {
}

.f64afd778b {
}

.fc4320dc95 {
}

.e2463db3e6 {
  order: 1;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  padding-left: 3px; /* center above tabs */
  @media only screen and (max-width: 1024px) {
    padding-left: 0px;
  }
}

.fbf0ff5b43 {
}

._0ceb2da10a {
}

._6a9934bc34 {
}

._790df26c5b {
}

._9caef09d57 {
  height: 32px;
}

.e9f1ada30f {
  display: none;
}

._1eafe2f1e9 {
  position: relative;
  display: inherit;
}

._8c2f9735eb {
  position: absolute;
  right: 0px;
  bottom: -5px;
  font-size: 0.65em;
  font-weight: bold;
  font-family: sans-serif;
  display: block;
}

._53fbb60776 {
  order: 10;
}

.e2fe835479 {
}

.c42ed0bd3b {
}

._6c3d55938a {
}

._6e0d1639a1 {
}

._58102ce2ce {
  order: 15;
}

._95027bde2c {
}

._6d48d92d93 {
}

.f90e3887ec {
}

._9ddb783c45 {
}

.cacef7d02f {
  order: 5;
}

._0b08ca1371 {
}

._76825b5923 {
}

._393a83806d {
}

._2e40fef87b {
}

._73d7bbd16e {
  order: 30;
}

.fad52a7b5d {
}

._7c8739ee1e {
}

._8681f2dab9 {
}

._10adb37df7 {
}

.c5636210ea {
  order: 1;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  margin: 5px;
}

._739c06dd06 {
}

._44d1782c3f {
}

._1942bf1ead {
}

._66d167acf8 {
}

._77c2af2398 {
  height: 32px;
}

._6eac476ba0 {
  display: none;
}

.b49d54e568 {
  transition: opacity 200ms ease;
  position: relative;
  display: inherit;
  opacity: 1;
}

.cbd9fb55c0 {
  opacity: 0;
}

.e3b1aff735 {
  position: absolute;
  right: 0px;
  bottom: -5px;
  font-size: 0.65em;
  font-weight: bold;
  font-family: sans-serif;
  display: block;
}

._0276e8c223 {
  order: 4;
}

._4ea4e78466 {
}

._81fa1e698f {
}

._36d425c253 {
}

._9dfe4e1fc4 {
}

._28e3b303b0 {
  order: 0;
}

._0bd8600279 {
}

.b0de49df3d {
}

.e801fe7e25 {
}

.bf1df78e5c {
}

.ee34854b44 {
  order: 6;
}

._97f43d6d0a {
}

.d880ebff31 {
}

._510fdb16e8 {
}

.b173f81ca7 {
}

._1558a14f7d {
  order: 2;
}

.a47f7e0a0a {
  flex-flow: row nowrap;
  gap: 6px;
  padding: 8px;
}

._8881b48331 {
  display: block;
  font-family: 'Montserrat-Misc';
  text-transform: uppercase;
  margin-top: 2px;
}

._5ff67ca6c9 {
}

._123c4a2034 {
}

._2387b81890 {
  order: 50;
}

.f315c36af9 {
}

._5b0461e126 {
}

._4a91114828 {
}

.b6591e540c {
}

.d30a97df66 {
  width: '100%',
}

.b90820b9d5 {
  /* width: 24px; */
  /* height: 24px; */
  /* font-size: 18px; */
  font-size: 1.1em;
  line-height: normal;
}

._639d0f5d59 {
  height: 24px;
  font-size: 18px;
  line-height: normal;
}

._5721d5e4e1 {
  font-weight: bold;
  border: 1px solid currentColor;
  border-radius: 30px;
  width: 18px;
  height: 18px;
  min-width: 18px;
  min-height: 18px;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: normal;
};

/* :global .connection {
  overflow: visible !important;
  position: absolute;
  z-index: -1;
  pointer-events: none;
}
:global .connection > * {
  pointer-events: all;
}
:global .connection .main-path {
  fill: none;
  stroke-width: 5px;
  stroke: steelblue;
} */

:root {
  --context-color: rgba(110,136,255,0.8);
  --context-menu-round: 5px;
  --width: 120px;
}

._0ca4e2afe6 {
  left: 0;
  top: 0;
}

/* .context-menu .item {
  color: #fff;
  padding: 4px;
  border-bottom: 1px solid darken(var(--context-color),8%);
  background-color: var(--context-color);
  cursor: pointer;
  width: 100%;
  position: relative;
}

.context-menu .item:first-child {
  border-top-left-radius: var(--context-menu-round);
  border-top-right-radius: var(--context-menu-round);
};

.context-menu .item:last-child {
  border-bottom-left-radius: var(--context-menu-round);
  border-bottom-right-radius: var(--context-menu-round);
};

.context-menu .item:hover {
  background-color: lighten(var(--context-color),4%);
}; */

._96829263ed {
  position: fixed;
  padding: 10px;
  width: var(--width);
  margin-top: -20px;
  margin-left: -var(--width)/2;
}

/* .context-menu item.hasSubitems::after {
  content: '►';
  position: absolute;
  opacity: 0.6;
  right: 5px;
  top: 5px;
}

.context-menu item.subitems {
  position: absolute;
  top: 0;
  left: 100%;
  width: var(--width);
} */

/*
  use e.g.
  composes: dropdown-wrapper from './controls-common.css';
*/

._997220ffdf {
  min-width: 96px;
  max-width: min(140px, 80%);
  display: flex;
  flex-flow: row nowrap;
  position: relative;
  margin-top: 17px;
  align-items: center;
}

._167816add3 {
  position: absolute;
  font-size: 12px;
  top: -16px;
}

.e506f7be1b {
}

.d72e1c1bca {
}

.d6576193bd {
  display: flex;
  justify-content: center;
  min-width: 80px;
}

._822849602b {
  position: absolute;
  bottom: 0px;
  font-size: 10px;
  color: #808080;
  transition: color 250ms ease-in-out, background-color 250ms ease-in-out;
  border-radius: 5px;
  padding: 1px 4px;
  background-color: #fff8;

  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  pointer-events: none;
}

.node:hover ._822849602b {
  color: black;
  background-color: #fffc;
}

._639888b7a7 {
  max-width: 72px;
  max-height: 50px;
  font-size: 24px !important;
}

._287a011bc2 {
  /* display: none; */
  opacity: 0;
  position: absolute;
  top: 0px;
  right: 0px;
  z-index: 5;
  transition: opacity 500ms ease-in-out;
}

._19bfb2c44d {
  /* width: 96px; */
  display: flex;
  flex-flow: row nowrap;
  position: relative;
  margin: 0px 2px;
}

._8e463a9d15 {
  margin-right: 2px;
}

._9b272a898f {
}

._27910b80c6 {
}

._6c8232a536 {
  display: flex;
  flex-flow: row nowrap;
}

.ab99f74bc4 {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
}

._6748c63696 {
  font-size: 14px;
  margin: 0px 0px 0px 2px;
}

.b587cea7fc {
  margin: 0px 4px;
}

.bf6b76e7b5 {
  background-color: #dfd;
  min-width: 16px;
}

._0d44ab342b {
  color: #f88;
}

._1b9c22914f {
  margin-top: 13px;
}

.e4a10fc77f {
  top: -12px;
}

._2de370c00d {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
}

.b8b0c5c20a {
  margin: 0px 6px;
  height: 20px;
}

.dc9506ee76 {
  margin: 1px 2px;
}

._28d7e04e28 {
  display: flex;
  gap: 8px;
}

._6c3ed420d8 {
  display: flex;
  gap: 8px;
  justify-content: flex-end;
}

.c23f98784c {
  width: 24px;
  height: 24px;
  border-radius: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: normal;
}

._76820ec284 {
  background-color: #dfd;
}

.e60dbb4e55 {
  background-color: #fdd;
}

.ecb7f18095 {
}

._3ba2b78921 {
}

.a3ce72eb2a {
  display: flex;
  justify-content: center;
  min-width: 80px;
}

.e3406e24ae {
  position: absolute;
  bottom: 0px;
  font-size: 10px;
  color: #808080;
  transition: color 250ms ease-in-out, background-color 250ms ease-in-out;
  border-radius: 5px;
  padding: 1px 4px;
  background-color: #fff8;

  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  pointer-events: none;
}

.node:hover .e3406e24ae {
  color: black;
  background-color: #fffc;
}

.c3003e6349 {
  max-width: 72px;
  max-height: 50px;
  font-size: 24px !important;
}

.a94e7cf59d {
  /* display: none; */
  opacity: 0;
  position: absolute;
  top: 0px;
  right: 0px;
  z-index: 5;
  transition: opacity 500ms ease-in-out;
}

._06688fb7f1 {
  display: flex;
  align-items: center;
  gap: 8px;
}

/* .button-icon {
  width: 42px;
  height: 42px;
  object-fit: cover;
  border-radius: 8px;
} */

.b39bb8e704 {
  width: 42px;
  height: 42px;
  object-fit: cover;
  border-radius: 8px;
}

.d46a112892 {
  display: flex;
  flex-flow: column nowrap;
}
._95caaa3d6a {
  display: flex;
  flex-flow: row nowrap;
  position: relative;
  /* margin-top: 2px; */
  /* margin-bottom: 6px; */
  align-items: center;
}

._374cef23ad {
  /* position: absolute; */
  font-size: 12px;
  margin-right: 6px;
  /* top: -8px;
  left: -4px; */
}

._8fb12cfe0a {
}

._5f963f7cf9 {
}

._628f698a2b {
  display: flex;
  justify-content: center;
}

._7a0c4633ae {
  position: absolute;
  white-space: nowrap;
  bottom: 0px;
  font-size: 10px;
  color: #555;
  transition: color 250ms ease-in-out, background-color 250ms ease-in-out;
  border-radius: 5px;
  padding: 1px 4px;
  background-color: #fffa;
}

.node:hover ._7a0c4633ae {
  color: black;
  background-color: #fffb;
}

._200b9e7abb {
  max-width: 72px;
  max-height: 50px;
}

._5059dded31 {
  /* display: none; */
  opacity: 0;
  position: absolute;
  top: 0px;
  right: 0px;
  z-index: 5;
  transition: opacity 500ms ease-in-out;
}

._6c5c140ca4 {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  gap: 4px;
  max-height: 50px;
  overflow: hidden;
}

._25bf271db1 {
  max-width: 50px;
  max-height: 50px;
}

._82436aef33 {
}

._0b62dd0279 {
}

.df371b8640 {
  display: flex;
  justify-content: center;
  min-width: 80px;
}

.ecb89eb795 {
  position: absolute;
  bottom: 0px;
  font-size: 10px;
  color: #808080;
  transition: color 250ms ease-in-out, background-color 250ms ease-in-out;
  border-radius: 5px;
  padding: 1px 4px;
  background-color: #fff8;

  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  pointer-events: none;
}

.node:hover .ecb89eb795 {
  color: black;
  background-color: #fffc;
}

._0e4f6aaa36 {
  max-width: 72px;
  max-height: 50px;
  font-size: 24px !important;
}

.eeed264ff7 {
  /* display: none; */
  opacity: 0;
  position: absolute;
  top: 0px;
  right: 0px;
  z-index: 5;
  transition: opacity 500ms ease-in-out;
}

._0adcaa5d58 {
  display: flex;
  align-items: center;
  gap: 8px;
}

/* .button-icon {
  width: 42px;
  height: 42px;
  object-fit: cover;
  border-radius: 8px;
} */

._0bb458429c {
  width: 42px;
  height: 42px;
  object-fit: cover;
  border-radius: 8px;
}

.ed26f42631 {
  width: 120px;
  display: flex;
  flex-flow: column nowrap;
  gap: 4px;
  margin: 2px 0px;
}

._2c86833ec8 {
  width: 120px;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
}

.d49b9867a1 {
  white-space: nowrap;
  margin-right: 6px;
}

._3e8133da2b {
  font-size: 12px;
}

.ed26f42631 .d49b9867a1 {
  font-size: 12px;
}

._8d0f2b9063 {
  width: 100px;
  display: flex;
  flex-flow: column nowrap;
}

._23f8a7eb92 {
  width: 100%;
  border: 2px solid #ddd;
  border-radius: 4px;
  background-color: transparent;
}

._0e321f549c {
}

._1363800abe {
}

.c9e62547c5 {
  display: flex;
  justify-content: center;
}

._889b482214 {
  position: absolute;
  white-space: nowrap;
  bottom: 0px;
  font-size: 10px;
  color: #555;
  transition: color 250ms ease-in-out, background-color 250ms ease-in-out;
  border-radius: 5px;
  padding: 1px 4px;
  background-color: #fffa;
}

.node:hover ._889b482214 {
  color: black;
  background-color: #fffb;
}

._0c8df841ff {
  max-width: 72px;
  max-height: 50px;
}

._373a03d525 {
  /* display: none; */
  opacity: 0;
  position: absolute;
  top: 0px;
  right: 0px;
  z-index: 5;
  transition: opacity 500ms ease-in-out;
}

._00261a84b2 {
  display: flex;
  flex-flow: column nowrap;
  padding: 6px 0px;
}

div > ._00261a84b2 {
  position: fixed;
}

._6d6d0fb1c8 {
  display: flex;
  flex-flow: column nowrap;
}

.ddff6bf84f {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
}

._62153d922d {
  font-size: 12px;
}

.d282ff9d65 {
  margin: 0px 4px;
}

.c64bc8baad {
  max-width: 120px;
  overflow: hidden;
  display: flex;
  align-items: center;
}

._86787446a4 {
  /* width: 120px; */
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
}

.b7e2f31d25 {
  /* font-size: 10px; */
  margin: 0px 6px 0px 2px;
  white-space: nowrap;
}

.c64bc8baad ._8f0bbc9929 {
  font-size: 12px;
}

._3fdf3d4e0c {
  width: 100%;
  max-width: 133px;
  border: 2px solid #ddd;
  border-radius: 4px;
  background-color: transparent;
}

._8b578048b8 {
  width: 100%;
  border: 2px solid #f0f0f0;
  background: #f0f0f0;
  border-radius: 4px;

  /* max-width: 80px; */
  overflow: hidden;
  text-overflow: ellipsis;

  max-height: 62px;
  max-width: 120px;
  flex-grow: 1;
}

._71b19f3dc2 {
  display: flex;
  flex-flow: column nowrap;
}

._3dd9896085 {
  min-width: 400px;
  min-height: 200px;
  color: #2e3240;
  background-color: white;
  font-size: 14px;
  font-family: 'Courier';

  border: none;
  outline: none;
  padding: 4px;
}

.b37d7e45bd {
  display: flex;
  flex-flow: column nowrap;
}
._97bf938a00 {
  display: flex;
  flex-flow: row nowrap;
  position: relative;
  margin-top: 2px;
  margin-bottom: 6px;
  align-items: center;
}

._75a779b1a7 {
  /* position: absolute; */
  font-size: 12px;
  margin-right: 6px;
  /* top: -8px;
  left: -4px; */
}

.e743e2342c::before {
  position: absolute;
  content: '';
  /* before and after of the dropdown are already used, so we */
  /* do a little kludgy sizing here based on our knowledge of title: */
  left: 46px;
  right: 0px;
  top: 0px;
  bottom: 4px;

  background-color: #ff000040;
  border: 2px solid #ff000080;
  border-radius: 2px;
  animation: _20ba67ffee 2s infinite;
}

/* .warn-empty::after {
  content: url('../visuals/icons/warning.svg');
  position: absolute;
  width: 13.6px;
  left: calc(50% - 6.8px);
  align-self: center;
} */

@keyframes _20ba67ffee{
  0%   { border-color: transparent;}
  50%  { border-color: #ff000080; }
  100% { border-color: transparent;}
}

@keyframes _05a694fd15{
  0%   { background-color: transparent;}
  50%  { background-color: #ff000040;}
  100% { background-color: transparent;}
}

.db2631a26e {
  display: flex;
  flex-flow: column nowrap;
  gap: 3px;
}

._146fcd526d {
  display: flex;
  flex-flow: row nowrap;
}

._07224fb573 {
  /* font-size: 10px; */
  white-space: nowrap;
}

._4038fe3936 {
  font-size: 12px;
  margin-bottom: 2px;
}

._4752288913 {
  width: 100px;
  display: flex;
  flex-flow: column nowrap;
}

.bf2cdb3158 {
  font-family: 'Roboto Condensed';
  font-size: 0.95em;
  font-weight: bold;
  display: flex;
  align-items: center;
  gap: 4px;
}

._604b50e956 {
  color: #f07070;
}

._3f2eadebfa {
  color: #3aca4b;
}

._34d3daf912 {
  color: #61a6e8;
}

._04b573fa88 {
  width: 100%;
  border: 2px solid #ddd;
  border-radius: 4px;
  background-color: transparent;
}

._0e44466bac {
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  /* allow copy-paste buttons to encroach on right (never any outputs there) */
  margin-left: 5px;
  margin-right: -12px;
}

._8246b27240 {
  width: 14px;
  height: 14px;
}

._3d223bec9d {
  font-size: 12px;
}

.a153220da6 {
  /* width: 14px;
  height: 7px;
  background-color: #f0f0f0;
  border-radius: 4px; */
}

.b099fb0a01 {
  /* width: 14px;
  height: 7px;
  background-color: #f0f0f0;
  border-radius: 4px; */
  /* position: absolute; */
  /* bottom: 0px; */
}

._65e0e44624 {
}

.b32934b85f {
}

._7fc61b6752 {
  display: flex;
  justify-content: center;
  min-width: 80px;
}

.b448aadb70 {
  position: absolute;
  bottom: 0px;
  font-size: 10px;
  color: #808080;
  transition: color 250ms ease-in-out, background-color 250ms ease-in-out;
  border-radius: 5px;
  padding: 1px 4px;
  background-color: #fff8;

  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  pointer-events: none;
}

.node:hover .b448aadb70 {
  color: black;
  background-color: #fffc;
}

._37ff600ad6 {
  max-width: 72px;
  max-height: 50px;
  font-size: 24px !important;
}

._929304fc9b {
  /* display: none; */
  opacity: 0;
  position: absolute;
  top: 0px;
  right: 0px;
  z-index: 5;
  transition: opacity 500ms ease-in-out;
}

._202a7faf97 {
  display: flex;
  align-items: center;
  gap: 8px;
}

/* .button-icon {
  width: 42px;
  height: 42px;
  object-fit: cover;
  border-radius: 8px;
} */

.cc9a1be7f8 {
  width: 42px;
  height: 42px;
  object-fit: cover;
  border-radius: 8px;
}

:root {
  --bgOuter: white;
  --bgMain: none;
  --bgSub: none;
}

._4b8b04e854 {
  flex-grow: 1;
  width: 100%;
  height: 100%;
}

._4b8b04e854 .ffcf4753b9:after {
  background-color: red;
}

.bf5a8fb904 {
  position: absolute;
  width: 100%;
  height: 100%;
  margin: 0px;
  z-index: 1;
  pointer-events: none;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
}

._9d142a8f63 {
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMzkyLjM2MiIgaGVpZ2h0PSIxNzUiIHZpZXdCb3g9IjAgMCAzOTIuMzYyIDE3NSI+CiAgPGRlZnM+CiAgICA8Y2xpcFBhdGggaWQ9ImNsaXAtcGF0aCI+CiAgICAgIDxyZWN0IHdpZHRoPSIxNDYiIGhlaWdodD0iNzAuNTI4IiBmaWxsPSJub25lIi8+CiAgICA8L2NsaXBQYXRoPgogICAgPGNsaXBQYXRoIGlkPSJjbGlwLXBhdGgtMiI+CiAgICAgIDxyZWN0IHdpZHRoPSIxNDciIGhlaWdodD0iNzMiIGZpbGw9Im5vbmUiLz4KICAgIDwvY2xpcFBhdGg+CiAgPC9kZWZzPgogIDxnIGlkPSJHcm91cF82ODU5IiBkYXRhLW5hbWU9Ikdyb3VwIDY4NTkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMDM0Ljk3MiAtMTkyNS42NzgpIj4KICAgIDxnIGlkPSJHcm91cF82ODM5IiBkYXRhLW5hbWU9Ikdyb3VwIDY4MzkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQ3OCkiPgogICAgICA8cGF0aCBpZD0iU3VidHJhY3Rpb25fMjEiIGRhdGEtbmFtZT0iU3VidHJhY3Rpb24gMjEiIGQ9Ik0tMTY3MiwxMjBoLTE1MFYxMDJhMTEuOTIxLDExLjkyMSwwLDAsMSwzLjUxNC04LjQ4NUExMS45MjEsMTEuOTIxLDAsMCwxLTE4MTAsOTBoMTI2YTExLjkyMiwxMS45MjIsMCwwLDEsOC40ODUsMy41MTVBMTEuOTIxLDExLjkyMSwwLDAsMS0xNjcyLDEwMnYxOFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDM2MTYuNSAxODQ1LjkxMikiIGZpbGw9IiNjNGM0YzQiLz4KICAgICAgPGcgaWQ9IlJlcGVhdF9HcmlkXzM5IiBkYXRhLW5hbWU9IlJlcGVhdCBHcmlkIDM5IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxNzk2LjUgMTk5MS45MTYpIiBjbGlwLXBhdGg9InVybCgjY2xpcC1wYXRoKSI+CiAgICAgICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEzMTIgLTY3MSkiPgogICAgICAgICAgPGxpbmUgaWQ9IkxpbmVfMjcyIiBkYXRhLW5hbWU9IkxpbmUgMjcyIiB4Mj0iMTM3LjUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEzMTIgNjcxLjUpIiBmaWxsPSJub25lIiBzdHJva2U9IiNjOGM4YzgiIHN0cm9rZS13aWR0aD0iMiIvPgogICAgICAgIDwvZz4KICAgICAgICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTE5NCAtNjcxKSI+CiAgICAgICAgICA8bGluZSBpZD0iTGluZV8yNzItMiIgZGF0YS1uYW1lPSJMaW5lIDI3MiIgeDI9IjEzNy41IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMzEyIDY3MS41KSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjYzhjOGM4IiBzdHJva2Utd2lkdGg9IjIiLz4KICAgICAgICA8L2c+CiAgICAgICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEzMTIgLTY0NikiPgogICAgICAgICAgPGxpbmUgaWQ9IkxpbmVfMjcyLTMiIGRhdGEtbmFtZT0iTGluZSAyNzIiIHgyPSIxMzcuNSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTMxMiA2NzEuNSkiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2M4YzhjOCIgc3Ryb2tlLXdpZHRoPSIyIi8+CiAgICAgICAgPC9nPgogICAgICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMTk0IC02NDYpIj4KICAgICAgICAgIDxsaW5lIGlkPSJMaW5lXzI3Mi00IiBkYXRhLW5hbWU9IkxpbmUgMjcyIiB4Mj0iMTM3LjUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEzMTIgNjcxLjUpIiBmaWxsPSJub25lIiBzdHJva2U9IiNjOGM4YzgiIHN0cm9rZS13aWR0aD0iMiIvPgogICAgICAgIDwvZz4KICAgICAgICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTMxMiAtNjIxKSI+CiAgICAgICAgICA8bGluZSBpZD0iTGluZV8yNzItNSIgZGF0YS1uYW1lPSJMaW5lIDI3MiIgeDI9IjEzNy41IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMzEyIDY3MS41KSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjYzhjOGM4IiBzdHJva2Utd2lkdGg9IjIiLz4KICAgICAgICA8L2c+CiAgICAgICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTExOTQgLTYyMSkiPgogICAgICAgICAgPGxpbmUgaWQ9IkxpbmVfMjcyLTYiIGRhdGEtbmFtZT0iTGluZSAyNzIiIHgyPSIxMzcuNSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTMxMiA2NzEuNSkiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2M4YzhjOCIgc3Ryb2tlLXdpZHRoPSIyIi8+CiAgICAgICAgPC9nPgogICAgICA8L2c+CiAgICAgIDxnIGlkPSJSZWN0YW5nbGVfNTI3NyIgZGF0YS1uYW1lPSJSZWN0YW5nbGUgNTI3NyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTc5NC42MTIgMTkzNS45MTIpIiBmaWxsPSJub25lIiBzdHJva2U9IiNjNGM0YzQiIHN0cm9rZS13aWR0aD0iNiI+CiAgICAgICAgPHJlY3Qgd2lkdGg9IjE1MCIgaGVpZ2h0PSIxNDcuNTMzIiByeD0iMTIiIHN0cm9rZT0ibm9uZSIvPgogICAgICAgIDxyZWN0IHg9IjMiIHk9IjMiIHdpZHRoPSIxNDQiIGhlaWdodD0iMTQxLjUzMyIgcng9IjkiIGZpbGw9Im5vbmUiLz4KICAgICAgPC9nPgogICAgICA8ZyBpZD0iRWxsaXBzZV80MzMiIGRhdGEtbmFtZT0iRWxsaXBzZSA0MzMiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE3ODkuNSAxOTk2LjkxOSkiIGZpbGw9IiNjNGM0YzQiIHN0cm9rZT0iI2M0YzRjNCIgc3Ryb2tlLXdpZHRoPSIyIj4KICAgICAgICA8Y2lyY2xlIGN4PSI4IiBjeT0iOCIgcj0iOCIgc3Ryb2tlPSJub25lIi8+CiAgICAgICAgPGNpcmNsZSBjeD0iOCIgY3k9IjgiIHI9IjciIGZpbGw9Im5vbmUiLz4KICAgICAgPC9nPgogICAgICA8cGF0aCBpZD0iVW5pb25fMzAiIGRhdGEtbmFtZT0iVW5pb24gMzAiIGQ9Ik0tMTcwNy43MjEsOTUuOTYxQTEsMSwwLDAsMS0xNzA4LDk2aC00YTEsMSwwLDAsMS0xLTFWODNhMSwxLDAsMCwxLDEtMWg0YTEsMSwwLDAsMSwuMjc5LjAzOSwyLjU3MywyLjU3MywwLDAsMSwxLjkyMi4zNjFsNS42NjYsNWEyLDIsMCwwLDEsMCwzLjJsLTUuNjY2LDVhMi4zLDIuMywwLDAsMS0xLjM4NS40QTMuNDYzLDMuNDYzLDAsMCwxLTE3MDcuNzIxLDk1Ljk2MVoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDM1MDMuNjY3IDE4ODkuOTE1KSIgZmlsbD0iI2VlZSIgc3Ryb2tlPSIjYzRjNGM0IiBzdHJva2Utd2lkdGg9IjIiLz4KICAgICAgPHBhdGggaWQ9IlVuaW9uXzMzIiBkYXRhLW5hbWU9IlVuaW9uIDMzIiBkPSJNLTE3MDcuNzIxLDk1Ljk2MUExLDEsMCwwLDEtMTcwOCw5NmgtNGExLDEsMCwwLDEtMS0xVjgzYTEsMSwwLDAsMSwxLTFoNGExLDEsMCwwLDEsLjI3OS4wMzksMi41NzMsMi41NzMsMCwwLDEsMS45MjIuMzYxbDUuNjY2LDVhMiwyLDAsMCwxLDAsMy4ybC01LjY2Niw1YTIuMywyLjMsMCwwLDEtMS4zODUuNEEzLjQ2MywzLjQ2MywwLDAsMS0xNzA3LjcyMSw5NS45NjFaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzNjQ3LjY2NyAxOTQwLjQ0NSkiIGZpbGw9IiNlZWUiIHN0cm9rZT0iI2M0YzRjNCIgc3Ryb2tlLXdpZHRoPSIyIi8+CiAgICAgIDxwYXRoIGlkPSJVbmlvbl8zNCIgZGF0YS1uYW1lPSJVbmlvbiAzNCIgZD0iTS0xNzA3LjcyMSw5NS45NjFBMSwxLDAsMCwxLTE3MDgsOTZoLTRhMSwxLDAsMCwxLTEtMVY4M2ExLDEsMCwwLDEsMS0xaDRhMSwxLDAsMCwxLC4yNzkuMDM5LDIuNTczLDIuNTczLDAsMCwxLDEuOTIyLjM2MWw1LjY2Niw1YTIsMiwwLDAsMSwwLDMuMmwtNS42NjYsNWEyLjMsMi4zLDAsMCwxLTEuMzg1LjRBMy40NjMsMy40NjMsMCwwLDEtMTcwNy43MjEsOTUuOTYxWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMzY0Ny42NjcgMTk2NS40NDUpIiBmaWxsPSIjZWVlIiBzdHJva2U9IiNjNGM0YzQiIHN0cm9rZS13aWR0aD0iMiIvPgogICAgPC9nPgogICAgPHBhdGggaWQ9IlN1YnRyYWN0aW9uXzI3IiBkYXRhLW5hbWU9IlN1YnRyYWN0aW9uIDI3IiBkPSJNLTYzNzYsMTE5aC0xNDhWMTAyYTEwLjkyNywxMC45MjcsMCwwLDEsMy4yMjMtNy43NzdBMTAuOTI2LDEwLjkyNiwwLDAsMS02NTEzLDkxaDEyNmExMC45MTksMTAuOTE5LDAsMCwxLDcuNzc3LDMuMjIyQTEwLjkyNywxMC45MjcsMCwwLDEtNjM3NiwxMDJ2MTdabS0xMzQtMjRhMTAuMDExLDEwLjAxMSwwLDAsMC0xMCwxMCwxMC4wMSwxMC4wMSwwLDAsMCwxMCwxMCw5LjkzNyw5LjkzNywwLDAsMCw3LjA3Mi0yLjkyOUE5LjkzMiw5LjkzMiwwLDAsMC02NTAwLDEwNSwxMC4wMTIsMTAuMDEyLDAsMCwwLTY1MTAsOTVaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg4NTY0Ljk3MiAxODM1LjY3OCkiIGZpbGw9IiNjNGM0YzQiIHN0cm9rZT0iI2M0YzRjNCIgc3Ryb2tlLXdpZHRoPSIyIi8+CiAgICA8ZyBpZD0iUmVwZWF0X0dyaWRfMjYiIGRhdGEtbmFtZT0iUmVwZWF0IEdyaWQgMjYiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDIwNDAuOTczIDIwMDkuNjc4KSIgY2xpcC1wYXRoPSJ1cmwoI2NsaXAtcGF0aC0yKSI+CiAgICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMzEyIC02NzEpIj4KICAgICAgICA8bGluZSBpZD0iTGluZV8yNzItNyIgZGF0YS1uYW1lPSJMaW5lIDI3MiIgeDI9IjEzNy41IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMzEyIDY3MS41KSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjYzhjOGM4IiBzdHJva2Utd2lkdGg9IjIiLz4KICAgICAgPC9nPgogICAgICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTE5NCAtNjcxKSI+CiAgICAgICAgPGxpbmUgaWQ9IkxpbmVfMjcyLTgiIGRhdGEtbmFtZT0iTGluZSAyNzIiIHgyPSIxMzcuNSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTMxMiA2NzEuNSkiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2M4YzhjOCIgc3Ryb2tlLXdpZHRoPSIyIi8+CiAgICAgIDwvZz4KICAgICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEzMTIgLTY0NikiPgogICAgICAgIDxsaW5lIGlkPSJMaW5lXzI3Mi05IiBkYXRhLW5hbWU9IkxpbmUgMjcyIiB4Mj0iMTM3LjUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEzMTIgNjcxLjUpIiBmaWxsPSJub25lIiBzdHJva2U9IiNjOGM4YzgiIHN0cm9rZS13aWR0aD0iMiIvPgogICAgICA8L2c+CiAgICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMTk0IC02NDYpIj4KICAgICAgICA8bGluZSBpZD0iTGluZV8yNzItMTAiIGRhdGEtbmFtZT0iTGluZSAyNzIiIHgyPSIxMzcuNSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTMxMiA2NzEuNSkiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2M4YzhjOCIgc3Ryb2tlLXdpZHRoPSIyIi8+CiAgICAgIDwvZz4KICAgICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEzMTIgLTYyMSkiPgogICAgICAgIDxsaW5lIGlkPSJMaW5lXzI3Mi0xMSIgZGF0YS1uYW1lPSJMaW5lIDI3MiIgeDI9IjEzNy41IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMzEyIDY3MS41KSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjYzhjOGM4IiBzdHJva2Utd2lkdGg9IjIiLz4KICAgICAgPC9nPgogICAgICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTE5NCAtNjIxKSI+CiAgICAgICAgPGxpbmUgaWQ9IkxpbmVfMjcyLTEyIiBkYXRhLW5hbWU9IkxpbmUgMjcyIiB4Mj0iMTM3LjUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEzMTIgNjcxLjUpIiBmaWxsPSJub25lIiBzdHJva2U9IiNjOGM4YzgiIHN0cm9rZS13aWR0aD0iMiIvPgogICAgICA8L2c+CiAgICA8L2c+CiAgICA8ZyBpZD0iUmVjdGFuZ2xlXzQ2MjMiIGRhdGEtbmFtZT0iUmVjdGFuZ2xlIDQ2MjMiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDIwMzkuOTcyIDE5MjUuNjc4KSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjYzRjNGM0IiBzdHJva2Utd2lkdGg9IjYiPgogICAgICA8cmVjdCB3aWR0aD0iMTUwIiBoZWlnaHQ9IjE3NSIgcng9IjEyIiBzdHJva2U9Im5vbmUiLz4KICAgICAgPHJlY3QgeD0iMyIgeT0iMyIgd2lkdGg9IjE0NCIgaGVpZ2h0PSIxNjkiIHJ4PSI5IiBmaWxsPSJub25lIi8+CiAgICA8L2c+CiAgICA8ZyBpZD0iRWxsaXBzZV80MTgiIGRhdGEtbmFtZT0iRWxsaXBzZSA0MTgiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDIwMzQuOTcyIDIwMTQuNjc4KSIgZmlsbD0iI2M0YzRjNCIgc3Ryb2tlPSIjYzRjNGM0IiBzdHJva2Utd2lkdGg9IjIiPgogICAgICA8Y2lyY2xlIGN4PSI4IiBjeT0iOCIgcj0iOCIgc3Ryb2tlPSJub25lIi8+CiAgICAgIDxjaXJjbGUgY3g9IjgiIGN5PSI4IiByPSI3IiBmaWxsPSJub25lIi8+CiAgICA8L2c+CiAgICA8cGF0aCBpZD0iUGF0aF81NjEwIiBkYXRhLW5hbWU9IlBhdGggNTYxMCIgZD0iTTE1NTY2LjcxOC0xNDY0Ni40NjhsMS41MTcsMi4yMzgsMy40ODMtNSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEzNTA5LjI0NiAxNjY2OS40NTMpIiBmaWxsPSJub25lIiBzdHJva2U9IiNlZWUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIi8+CiAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlXzQ2MjciIGRhdGEtbmFtZT0iUmVjdGFuZ2xlIDQ2MjciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgcng9IjIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDIxNzguOTcyIDIwMzguNjc4KSIgZmlsbD0iI2M0YzRjNCIvPgogICAgPGcgaWQ9IlJlY3RhbmdsZV80NjI0IiBkYXRhLW5hbWU9IlJlY3RhbmdsZSA0NjI0IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyMDM0Ljk3MiAxOTc0LjY3OCkiIGZpbGw9IiNjNGM0YzQiIHN0cm9rZT0iI2M0YzRjNCIgc3Ryb2tlLXdpZHRoPSIyIj4KICAgICAgPHJlY3Qgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2IiByeD0iMiIgc3Ryb2tlPSJub25lIi8+CiAgICAgIDxyZWN0IHg9IjEiIHk9IjEiIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCIgcng9IjEiIGZpbGw9Im5vbmUiLz4KICAgIDwvZz4KICAgIDxnIGlkPSJHcm91cF82NzE1IiBkYXRhLW5hbWU9Ikdyb3VwIDY3MTUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE2NTMuOTE3IDEyMTcuMTc4KSI+CiAgICAgIDxwYXRoIGlkPSJVbmlvbl8xMyIgZGF0YS1uYW1lPSJVbmlvbiAxMyIgZD0iTS0xNzA3LjcyMSw5NS45NjFBMSwxLDAsMCwxLTE3MDgsOTZoLTRhMSwxLDAsMCwxLTEtMVY4M2ExLDEsMCwwLDEsMS0xaDRhMSwxLDAsMCwxLC4yNzkuMDM5LDIuNTczLDIuNTczLDAsMCwxLDEuOTIyLjM2MWw1LjY2Niw1YTIsMiwwLDAsMSwwLDMuMmwtNS42NjYsNWEyLjMsMi4zLDAsMCwxLTEuMzg1LjRBMy40NjMsMy40NjMsMCwwLDEtMTcwNy43MjEsOTUuOTYxWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjIzOS4wNTUgNzY1KSIgZmlsbD0iI2VlZSIgc3Ryb2tlPSIjYzRjNGM0IiBzdHJva2Utd2lkdGg9IjIiLz4KICAgICAgPHBhdGggaWQ9IlBhdGhfNTYwOCIgZGF0YS1uYW1lPSJQYXRoIDU2MDgiIGQ9Ik0zMDgwLjgxNyw1NzIuOTc0bDEuODA2LDEuNjY5YTQuMDA2LDQuMDA2LDAsMCwxLDEuMTU2LDMuMDE1LDUuMTMsNS4xMywwLDAsMS0xLjE1NiwzLjI5M2wtMi4xLDEuOTQ5IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMjU0MS4xMTIgMjc2LjE3OCkiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2M0YzRjNCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjIiLz4KICAgIDwvZz4KICAgIDxnIGlkPSJHcm91cF82NzE0IiBkYXRhLW5hbWU9Ikdyb3VwIDY3MTQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDIxNjAuOTcyIDE5ODAuNjc4KSI+CiAgICAgIDxsaW5lIGlkPSJMaW5lXzI3MCIgZGF0YS1uYW1lPSJMaW5lIDI3MCIgeDI9IjQiIHkyPSI0IiBmaWxsPSJub25lIiBzdHJva2U9IiNlZWUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIxIi8+CiAgICAgIDxsaW5lIGlkPSJMaW5lXzI3MSIgZGF0YS1uYW1lPSJMaW5lIDI3MSIgeDE9IjQiIHkyPSI0IiBmaWxsPSJub25lIiBzdHJva2U9IiNlZWUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIxIi8+CiAgICA8L2c+CiAgICA8cGF0aCBpZD0iUGF0aF81Njg4IiBkYXRhLW5hbWU9IlBhdGggNTY4OCIgZD0iTTQzOTkuNjExLDE5MTcuMjA4YzEzLjczOCwwLDM1LjE0OC0yLjU4Nyw0My4yNzQtMTkuOTI5cy0xNS45MjItMzIuNDIxLTkuNTIzLTUyLjgsMjkuMTIyLTE5LjcxMSwzOC43MzQtMTkuNzExIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMjIwNCAxNTQuNTUzKSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjYzRjNGM0IiBzdHJva2Utd2lkdGg9IjQiLz4KICA8L2c+Cjwvc3ZnPgo=);
  width: 100%;
  height: 204px;
  background-position: center;
  background-repeat: no-repeat;
  transform: scale(0.7);
}

._12f1afe447 {
  text-transform: uppercase;
  font-size: 24px;
  font-weight: bold;
  color: #c4c4c4;
}

/* .rete-waiting-wrapper {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 100;
  background-color: #ff000040;
} */

/* .rete-waiting-effect {
} */

._965deb8d82 {
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
  margin: 0px;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 100;
  background-color: #ffffffa0;
}

._2d62d2302f {
  position: relative;
  width: 8px;
  height: 8px;
  border-radius: 20px;
  background-color: #fff;
  color: #fff;
  animation: d9bd7b4165 1s infinite linear alternate, d90ebcb72a 3s infinite cubic-bezier(0.15, 0.6, 0.9, 0.1);
  /* animation-delay: .5s; */
}

._2d62d2302f::before, ._2d62d2302f::after {
  content: '';
  display: inline-block;
  position: absolute;
  top: 0;
}

._2d62d2302f::before {
  left: -18px;
  width: 8px;
  height: 8px;
  border-radius: 20px;
  background-color: #fff;
  color: #fff;
  animation: d9bd7b4165 1s infinite linear alternate, bfa6b7b3dc 3s infinite cubic-bezier(0.4, 0, 1, 1);
  /* animation-delay: 0s; */
}

._2d62d2302f::after {
  left: 18px;
  width: 8px;
  height: 8px;
  border-radius: 20px;
  background-color: #fff;
  color: #fff;
  animation: d9bd7b4165 1s infinite linear alternate, ab146bc4c3 3s infinite cubic-bezier(0.4, 0, 1, 1);
  /* animation-delay: 1s; */
}

@keyframes d9bd7b4165 {
  0% {
    background-color: #fff;
  }
  50%,
  100% {
    background-color: #f0a00e;
  }
}

@keyframes d90ebcb72a {
  0% {
    left: calc(-50% - 5px);
  }
  75% {
    left: calc(50% + 105px);
  }
  100% {
    left: calc(50% + 105px);
  }
}
@keyframes bfa6b7b3dc {
  0% {
    left: -50px;
  }
  50% {
    left: -12px;
  }
  75% {
    left: -50px;
  }
  100% {
    left: -50px;
  }
}
@keyframes ab146bc4c3 {
  0% {
    left: -100px;
  }
  50% {
    left: -24px;
  }
  75% {
    left: -100px;
  }
  100% {
    left: -100px;
  }
}


.f8ee51a663 {
  /* background-color: #ffeecc; */
  font-family: 'Roboto Condensed';
  font-size: 14px;
  background-color: var(--bgOuter);
  border-radius: 16px;
  border: 2px solid #2e3240;
  color: #2e3240;
  padding-bottom: 0;
  box-shadow: 0px 5px 10px 1px rgb(0 0 0 / 17%);

  min-width: 80px;
  overflow: hidden;
  /* opacity: 0.5; */
}

.f8ee51a663.b0214b6dc5 {
  min-width: 0px;
}

.f8ee51a663:hover {
  background-color: var(--bgOuter); /* override built-in rete hover color */
}

.f8ee51a663._9aa5542ee2 {
  background-color: var(--bgOuter); /* override built-in rete selected color */
  border: 2px solid #2e3240; /* override built-in rete selected border */
}

/* cover seam between border and title background */
/* .node::after {
  position: fixed;
  left: 0px;
  top: 0px;
  border: 3px solid #2e3240;
  border-radius: 16px;
  width: calc(100% - 6px);
  height: calc(100% - 6px);
  content: '';
} */

.f8ee51a663._9aa5542ee2::before {
  position: fixed;
  left: -4px;
  top: -4px;
  background-color: #ffaa0020;
  border: 4px solid #ffaa00;
  border-radius: 20px;
  width: 100%;

  height: 100%;
  content: '';
}

.f8ee51a663 ._35d248462a {
  position: relative;
  /* background-color: #ffeecc; */
  /* color: #2e3240; */
  background-color: #2e3240;

  color: #fff;
  /* font-weight: bold; */
  font-family: 'Roboto Condensed'; /* base specifies, so need to override */
  font-size: 14px;
  text-align: center;
  border-bottom: 2px solid #2e3240;
  padding: 4px 4px;

  overflow: hidden;
  text-overflow: ellipsis;
  /* max-width: 180px; */
  white-space: nowrap;

  transition: background-color 100ms ease-in-out, border-bottom 100ms ease-in-out;

  display: flex;
  justify-content: left;
  align-items: center;
  gap: 2px;

  height: 30px;
}

.f8ee51a663:not(._3dea4eadb5,.b0214b6dc5) ._35d248462a::before {
  content: '';
  position: fixed;
  top: 0px;
  left: 0px;
  width: calc(100% - 6px);
  height: 29px;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  border: 3px solid #2e3240;
  border-bottom: none;
}

.f8ee51a663.b0214b6dc5:not(._3dea4eadb5) ._35d248462a::before {
  content: '';
  position: fixed;
  top: 0px;
  left: 0px;
  width: calc(100% - 6px);
  height: calc(100% - 6px);
  border-radius: 16px;
  border: 3px solid #2e3240;
}

/* .node .title::after {
  content: '';
  position: fixed;
  top: 0px;
  left: 0px;
  width: calc(100% - 6px);
  height: 29px;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  border: 3px solid #2e3240;
  border-bottom: none;
} */

.f8ee51a663._3dea4eadb5 ._35d248462a {
  background-color: #74a700;
  /* border-bottom: 6px solid #080; */
}

.f8ee51a663:hover._3dea4eadb5 ._35d248462a {
  background-color: #649700;
  /* border-bottom: 6px solid #0a0; */
}

/* .node .title .title-icon {
  height: 28px;
  width: 28px;
  margin-right: 4px;
} */

.f8ee51a663:hover ._35d248462a {
  background-color: #3e4250;
  /* background-color: #ffcc66; */
}

.f8ee51a663 .b8dc879594 {
  opacity: 0.2;
  transition: opacity 500ms ease-in-out;
  pointer-events: auto;
  z-index: 1;
}

.f8ee51a663:hover .b8dc879594 {
  opacity: 1;
  transition: opacity 500ms ease-in-out;
}

.f8ee51a663:focus-within .b8dc879594 {
  opacity: 1;
  transition: opacity 500ms ease-in-out;
}

.f8ee51a663 ._58b9c70894 {
  flex-grow: 1;
  display: flex;
  flex-flow: column nowrap;
  align-items: flex-start;
  margin: 0px 4px;
}
.f8ee51a663 ._9b55df08da {
  font-size: 14px;
  display: none;
}
.f8ee51a663 .ea5fac25cb {
  font-size: 16px;
  /* font-weight: bold; */
  -webkit-font-smoothing: auto;
}

.f8ee51a663 .ea5fac25cb._7c0b17d94f::after {
  content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMy42IiBoZWlnaHQ9IjEyIiB2aWV3Qm94PSItMSAtMSAxMTIgOTkiPgo8ZyBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGZpbGw9IiNmZmRkMDAiIHN0cm9rZS13aWR0aD0iMTAiPgo8cGF0aCBzdHJva2U9IiMyZTMyNDAiIGQ9Im01IDkyIDUwIC04NyA1MCA4NyAtMTAwIDAiLz4KPHBhdGggc3Ryb2tlPSIjMmUzMjQwIiBzdHJva2Utd2lkdGg9IjEyIiBkPSJNNTUgNzcgbDAgMCBtMCAtMTYgbDAgLTIyIi8+CjwvZz4KPC9zdmc+Cg==);
  /* position: absolute; */
  width: 13.6px;
  /* left: calc(50% - 6.8px); */
  align-self: center;
}

._7cfd5201a2 {
  color: white;
  background-color: transparent;

  border-radius: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 22px;
  height: 22px;
}
.f8ee51a663._3dea4eadb5 ._7cfd5201a2 {
  color: #74a700;
  background-color: white;
}

.f8ee51a663.b0214b6dc5 ._7cfd5201a2 {
  width: 100%;
}

/* fixedParent is for phone number control */
.f8ee51a663.f2846dad86 ._64839249d7 {
  width: 215px;
  height: 43px;
}

.f8ee51a663.f2846dad86 > ._64839249d7 div {
  position: fixed;
}

.b0388d29fe {
  position: fixed;
  overflow: visible;
  /* top: -22px; */
  left: 4px;
  top: 100%;
}

._5f6fa21424 {
  position: absolute;
  font-size: 18px;
  color: #c00;
  white-space: nowrap;
}

.f8ee51a663 .ffb13a80cf {
  background-color: var(--bgSub);
  padding: 2px 0px;

  position: relative;
}

.ee3c982694 > .ffb13a80cf,
.ee3c982694 > ._754eb169bc {
  flex-grow: 1;
}

.f8ee51a663.b0214b6dc5 .ee3c982694 ._754eb169bc {
  min-width: 0px;
}

.f8ee51a663.b0214b6dc5 .ee3c982694 ._369a6cdc56 {
  min-width: 0px;
}

.f8ee51a663 .ee3c982694 {
  background-color: var(--bgMain);
  border-bottom: 1px solid #aaa;
  /* padding: 2px 4px; */
  /* EDGE-SOCKETS */
  padding: 2px 14px 2px 16px;

  display: flex;
  align-items: center;
  justify-content: space-between;
}

.f8ee51a663 .ee3c982694:last-child:not(.b0214b6dc5) {
  padding-bottom: 10px;
}

/* .io-row:has(.warn-empty) {
  background-color: red;
} */

.ee3c982694.b0214b6dc5 {
  border-bottom: none;
  margin-top: -6px;
}

/* .node .io-row.compact {
} */

.f8ee51a663 .ee3c982694.a5bc3aaa40 {
  border-bottom: none;
}

.f8ee51a663 ._369a6cdc56,
.f8ee51a663 ._754eb169bc {
  display: flex;
  align-items: center;
}

.f8ee51a663 ._754eb169bc {
  justify-content: flex-start;
}

.f8ee51a663 ._369a6cdc56 {
  justify-content: flex-end;
}

.ee3c982694.b0214b6dc5 ._754eb169bc, .ee3c982694.b0214b6dc5 ._369a6cdc56 {
  margin-top: -25px;
}

.f8ee51a663 .cdd507ccd2 {
  min-width: 8px;
  flex-grow: 1;
}

.f8ee51a663.b0214b6dc5 .cdd507ccd2 {
  min-width: 0px;
}

.f8ee51a663 ._57efdcb47f,
.f8ee51a663.b0214b6dc5 ._57efdcb47f {
  margin: 0px;
  font-family: 'Roboto Condensed'; /* base specifies, so need to override */
}

.f8ee51a663 .d8d0de4fa7 {
  color: #2e3240;
  /* flex-grow: 1; */
  font-family: 'Roboto Condensed'; /* base specifies, so need to override */
  font-size: 14px;
  line-height: normal;
}

.f8ee51a663 ._57efdcb47f {
  color: #2e3240;
  margin: 0px 6px 0px 0px;
}
.f8ee51a663 .d8d0de4fa7 {
  margin: 0px 0px 0px 1px;
}

.f8ee51a663 .a810289942 {
  border: 2px solid #f0f0f0;
  background-color: #f0f0f0;
  border-radius: 4px;
  padding: 0px 2px;

  max-width: 150px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.f8ee51a663 .a810289942._8dd4f5df37 {
  max-width: 80px;
  overflow: hidden;
  text-overflow: ellipsis;
}

._2c815f1711 {
  position: fixed;
  overflow: visible;
  z-index: 10;
  left: 0px;
  width: 100%;
  pointer-events: none;
}

.f8ee51a663 .da98885f2d {
  pointer-events: auto; /* wrapper sets to none for pass-through */
  border: 2px solid #2e3240;
  background-color: #ffaa00;
  background-size: cover;
  margin: 0px !important; /* stupid react render plugin needs override */
  width: 16px;
  height: 16px;
  position: relative;
}

.f8ee51a663 .da98885f2d:hover {
  border-width: 2px; /* override internal base */
  outline: 2px solid #ffaa00;
}

.f8ee51a663 .da98885f2d._369a6cdc56 {
  --wa: 16px;
  --wb: calc(0.5 * var(--wa));
  width: var(--wa);
  left: calc(100% - var(--wb) - 1px);
}

.f8ee51a663 .da98885f2d._754eb169bc {
  --wa: 16px;
  --wb: calc(0.5 * var(--wa));
  width: var(--wa);
  left: calc(0px - var(--wb) + 1px);
}

.f8ee51a663 .d8156532f2 .da98885f2d._754eb169bc {
  border-radius: 0px;
  width: 23px;
  height: 19px;
  left: calc(0px - var(--wb));

  /* background-color: transparent; */
  background-position: center;
  border: none;

  -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMyIgaGVpZ2h0PSIxOSIgdmlld0JveD0iMCAwIDIzIDE5Ij4KICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSg5LjUgOS41KSIgCiAgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj4KICAgIDxjaXJjbGUgY3g9IjAiIGN5PSIwIiByPSI3IiAvPgogIDwvZz4KICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSg5LjUgOS41KSIgCiAgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIiBmaWxsPSJub25lIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj4KICAgIDxwYXRoIGQ9Ik0gOC41IC02IGEgNiA3LjcgMCAwIDEgMCAxMiIgLz4KICA8L2c+Cjwvc3ZnPgo=);
  mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMyIgaGVpZ2h0PSIxOSIgdmlld0JveD0iMCAwIDIzIDE5Ij4KICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSg5LjUgOS41KSIgCiAgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj4KICAgIDxjaXJjbGUgY3g9IjAiIGN5PSIwIiByPSI3IiAvPgogIDwvZz4KICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSg5LjUgOS41KSIgCiAgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIiBmaWxsPSJub25lIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj4KICAgIDxwYXRoIGQ9Ik0gOC41IC02IGEgNiA3LjcgMCAwIDEgMCAxMiIgLz4KICA8L2c+Cjwvc3ZnPgo=);
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMyIgaGVpZ2h0PSIxOSIgdmlld0JveD0iMCAwIDIzIDE5Ij4KICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSg5LjUgOS41KSIgCiAgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIiBmaWxsPSJub25lIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj4KICAgIDxjaXJjbGUgY3g9IjAiIGN5PSIwIiByPSI3IiAvPgogIDwvZz4KICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSg5LjUgOS41KSIgCiAgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIiBmaWxsPSJub25lIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj4KICAgIDxwYXRoIGQ9Ik0gOC41IC02IGEgNiA3LjcgMCAwIDEgMCAxMiIgLz4KICA8L2c+Cjwvc3ZnPgo=);
}

.f8ee51a663 .d8156532f2 .da98885f2d._754eb169bc:hover {
  -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMyIgaGVpZ2h0PSIxOSIgdmlld0JveD0iMCAwIDIzIDE5Ij4KICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSg5LjUgOS41KSIgCiAgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj4KICAgIDxjaXJjbGUgY3g9IjAiIGN5PSIwIiByPSI4LjMzIiAvPgogIDwvZz4KICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSg5LjUgOS41KSIgCiAgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyLjIiIGZpbGw9Im5vbmUiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPgogICAgPHBhdGggZD0iTSA4LjUgLTYgYSA2IDcuNyAwIDAgMSAwIDEyIiAvPgogICAgPHBhdGggZD0iTSA5LjgzMyAtNiBhIDUuNSA3LjcgMCAwIDEgMCAxMiIgLz4KICA8L2c+Cjwvc3ZnPgo=);
  mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMyIgaGVpZ2h0PSIxOSIgdmlld0JveD0iMCAwIDIzIDE5Ij4KICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSg5LjUgOS41KSIgCiAgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj4KICAgIDxjaXJjbGUgY3g9IjAiIGN5PSIwIiByPSI4LjMzIiAvPgogIDwvZz4KICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSg5LjUgOS41KSIgCiAgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyLjIiIGZpbGw9Im5vbmUiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPgogICAgPHBhdGggZD0iTSA4LjUgLTYgYSA2IDcuNyAwIDAgMSAwIDEyIiAvPgogICAgPHBhdGggZD0iTSA5LjgzMyAtNiBhIDUuNSA3LjcgMCAwIDEgMCAxMiIgLz4KICA8L2c+Cjwvc3ZnPgo=);
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMyIgaGVpZ2h0PSIxOSIgdmlld0JveD0iMCAwIDIzIDE5Ij4KICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSg5LjUgOS41KSIgCiAgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIiBmaWxsPSJub25lIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj4KICAgIDxjaXJjbGUgY3g9IjAiIGN5PSIwIiByPSI3IiAvPgogICAgPHBhdGggZD0iTSA4LjUgLTYgYSA2IDcuNyAwIDAgMSAwIDEyIi8+CiAgICA8Y2lyY2xlIGN4PSIwIiBjeT0iMCIgcj0iOC4zMyIgc3Ryb2tlPSIjZmEwIi8+CiAgICA8cGF0aCBkPSJNIDkuODMzIC02IGEgNS41IDcuNyAwIDAgMSAwIDEyIiBzdHJva2U9IiNmYTAiLz4KICA8L2c+Cjwvc3ZnPgo=);
  outline: none;
}

.f8ee51a663 ._369a6cdc56 .da98885f2d.f3ed758f19 {
  left: calc(100% - 9px);
}

/*
.node .input .socket.event-signal {
}
 */

 .da98885f2d.de8636dd6a {
  background-color: #eee;
}

.da98885f2d._68a1b8edee {
  /* border-radius: 2px; */
  background-color: #6ad;
}

.da98885f2d._430aebf29d {
  /* border-radius: 2px; */
  background-color: #e96eff;
}

.da98885f2d._077f53c0fd {
  /* border-radius: 2px; */
  background-color: #e96eff;
}

.da98885f2d.f99b29f384 {
  /* border-radius: 2px; */
  background-color: rgb(239, 15, 161);
}

.da98885f2d.de24491bfb {
  /* border-radius: 2px; */
  background-color: #6dd8ff;
  fill: #6dd8ff;
}

.f8ee51a663 .da98885f2d._74a2307a5f {
  background-color: #b7de9e;
}

/* note: can't use composes for these -ref specializations: */
.f8ee51a663 .da98885f2d._88618893bf {
  background-color: rgb(103, 0, 141);
  border-radius: 2px;
  height: 12px;
  --wa: 12px;
  width: var(--wa);
}

.f8ee51a663 .da98885f2d.bd68cc0153 {
  background-color: rgb(192, 23, 253);
  border-radius: 2px;
  height: 12px;
  --wa: 12px;
  width: var(--wa);
}

.f8ee51a663 .da98885f2d.abc3e78944 {
  background-color: rgb(249, 158, 243);
  border-radius: 2px;
  height: 12px;
  --wa: 12px;
  width: var(--wa);
}

.f8ee51a663 .da98885f2d._2fbbe0135f {
  background-color: rgb(200, 200, 0);
  border-radius: 2px;
  height: 12px;
  --wa: 12px;
  width: var(--wa);
}

.f8ee51a663 .da98885f2d._595eb43036 {
  /* border-radius: 2px; */
  background-color: #0a4;
  border-radius: 2px;
  height: 12px;
  --wa: 12px;
  width: var(--wa);
}

.f8ee51a663 .da98885f2d.c9fbff5050 {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMyIgaGVpZ2h0PSIxOSIgdmlld0JveD0iMCAwIDIzIDE5Ij4KICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMS41IDkuNSkiIAogIHN0cm9rZT0iY3VycmVudENvbG9yIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+CiAgICA8cmVjdCB4PSItNSIgeT0iLTUiIHdpZHRoPSIxMCIgaGVpZ2h0PSIxMCIgcng9IjEiIHJ5PSIxIi8+CiAgPC9nPgo8L3N2Zz4K);
  background-color: transparent;
  background-position: center;
  border: none;
  border-radius: 0px;
  height: 19px;
  --wa: 23px;
  width: var(--wa);
}

.f8ee51a663 .da98885f2d.c9fbff5050:hover {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMyIgaGVpZ2h0PSIxOSIgdmlld0JveD0iMCAwIDIzIDE5Ij4KICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMS41IDkuNSkiIAogIHN0cm9rZT0iY3VycmVudENvbG9yIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+CiAgICA8cmVjdCB4PSItNSIgeT0iLTUiIHdpZHRoPSIxMCIgaGVpZ2h0PSIxMCIgcng9IjEiIHJ5PSIxIi8+CiAgICA8cmVjdCB4PSItNiIgeT0iLTYiIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiIgcng9IjIiIHJ5PSIyIiBmaWxsPSJub25lIiBzdHJva2U9IiNmYTAiLz4KICA8L2c+Cjwvc3ZnPgo=);
  outline: none;
}

.f8ee51a663 .d8156532f2 .da98885f2d.c9fbff5050 {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMyIgaGVpZ2h0PSIxOSIgdmlld0JveD0iMCAwIDIzIDE5Ij4KICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMS41IDkuNSkiIAogIHN0cm9rZT0iY3VycmVudENvbG9yIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+CiAgICA8cmVjdCB4PSItNSIgeT0iLTUiIHdpZHRoPSIxMCIgaGVpZ2h0PSIxMCIgcng9IjEiIHJ5PSIxIi8+CiAgICA8cGF0aCBkPSJNIDguNSAtNSBsIDAgMTAiIC8+CiAgPC9nPgo8L3N2Zz4K);
}

.f8ee51a663 .d8156532f2 .da98885f2d.c9fbff5050:hover {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMyIgaGVpZ2h0PSIxOSIgdmlld0JveD0iMCAwIDIzIDE5Ij4KICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMS41IDkuNSkiIAogIHN0cm9rZT0iY3VycmVudENvbG9yIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+CiAgICA8cmVjdCB4PSItNSIgeT0iLTUiIHdpZHRoPSIxMCIgaGVpZ2h0PSIxMCIgcng9IjEiIHJ5PSIxIi8+CiAgICA8cGF0aCBkPSJNIDguNSAtNSBsIDAgMTAiIC8+CiAgICA8cmVjdCB4PSItNiIgeT0iLTYiIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZmEwIiByeD0iMiIgcnk9IjIiIHN0cm9rZS13aWR0aD0iMiIgLz4KICAgIDxwYXRoIGQ9Ik0gOS41IC01IGwgMCAxMCIgc3Ryb2tlPSIjZmEwIi8+CiAgPC9nPgo8L3N2Zz4K);
}

.f8ee51a663 ._09160efedd .da98885f2d._754eb169bc.c9fbff5050 {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMyIgaGVpZ2h0PSIxOSIgdmlld0JveD0iMCAwIDIzIDE5Ij4KICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMS41IDkuNSkiIAogIHN0cm9rZT0iY3VycmVudENvbG9yIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+CiAgICA8cmVjdCB4PSItNSIgeT0iLTUiIHdpZHRoPSIxMCIgaGVpZ2h0PSIxMCIgcng9IjEiIHJ5PSIxIi8+CiAgICA8ZyBzdHJva2UtbGluZWNhcD0ic3F1YXJlIiBzdHJva2Utd2lkdGg9IjMiPgogICAgICA8bGluZSB4MT0iMCIgeTE9Ii0yLjc1IiB4Mj0iMCIgeTI9IjIuNzUiIHN0cm9rZT0id2hpdGUiLz4KICAgIDwvZz4KICA8L2c+Cjwvc3ZnPgo=);
}

.f8ee51a663 ._09160efedd .da98885f2d._754eb169bc.c9fbff5050:hover {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMyIgaGVpZ2h0PSIxOSIgdmlld0JveD0iMCAwIDIzIDE5Ij4KICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMS41IDkuNSkiIAogIHN0cm9rZT0iY3VycmVudENvbG9yIiBzdHJva2UtbGluZWNhcD0iYmV2ZWwiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+CiAgICA8cmVjdCB4PSItNSIgeT0iLTUiIHdpZHRoPSIxMCIgaGVpZ2h0PSIxMCIgcng9IjEiIHJ5PSIxIi8+CiAgICA8ZyBzdHJva2UtbGluZWNhcD0ic3F1YXJlIiBzdHJva2Utd2lkdGg9IjMiPgogICAgICA8bGluZSB4MT0iMCIgeTE9Ii0yLjc1IiB4Mj0iMCIgeTI9IjIuNzUiIHN0cm9rZT0id2hpdGUiLz4KICAgIDwvZz4KICAgIDxyZWN0IHg9Ii02IiB5PSItNiIgd2lkdGg9IjEyIiBoZWlnaHQ9IjEyIiBmaWxsPSJub25lIiBzdHJva2U9IiNmYTAiIHJ4PSIyIiByeT0iMiIgc3Ryb2tlLXdpZHRoPSIyIiAvPgogIDwvZz4KPC9zdmc+Cg==);
}

.f8ee51a663 .da98885f2d._8ff243ea86 {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMyIgaGVpZ2h0PSIxOSIgdmlld0JveD0iMCAwIDIzIDE5Ij4KICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMS41IDkuNSkiIAogIHN0cm9rZT0iY3VycmVudENvbG9yIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+CiAgICA8cmVjdCB4PSItNSIgeT0iLTUiIHdpZHRoPSIxMCIgaGVpZ2h0PSIxMCIgcng9IjEiIHJ5PSIxIi8+CiAgICA8ZyBzdHJva2UtbGluZWNhcD0ic3F1YXJlIiBzdHJva2Utd2lkdGg9IjMiPgogICAgICA8bGluZSB4MT0iMCIgeTE9Ii0yLjc1IiB4Mj0iMCIgeTI9IjIuNzUiIHN0cm9rZT0id2hpdGUiLz4KICAgIDwvZz4KICA8L2c+Cjwvc3ZnPgo=);
  background-color: transparent;
  background-position: center;
  border: none;
  border-radius: 0px;
  height: 19px;
  --wa: 23px;
  width: var(--wa);
}

.f8ee51a663 .da98885f2d._8ff243ea86:hover {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMyIgaGVpZ2h0PSIxOSIgdmlld0JveD0iMCAwIDIzIDE5Ij4KICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMS41IDkuNSkiIAogIHN0cm9rZT0iY3VycmVudENvbG9yIiBzdHJva2UtbGluZWNhcD0iYmV2ZWwiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+CiAgICA8cmVjdCB4PSItNSIgeT0iLTUiIHdpZHRoPSIxMCIgaGVpZ2h0PSIxMCIgcng9IjEiIHJ5PSIxIi8+CiAgICA8ZyBzdHJva2UtbGluZWNhcD0ic3F1YXJlIiBzdHJva2Utd2lkdGg9IjMiPgogICAgICA8bGluZSB4MT0iMCIgeTE9Ii0yLjc1IiB4Mj0iMCIgeTI9IjIuNzUiIHN0cm9rZT0id2hpdGUiLz4KICAgIDwvZz4KICAgIDxyZWN0IHg9Ii02IiB5PSItNiIgd2lkdGg9IjEyIiBoZWlnaHQ9IjEyIiBmaWxsPSJub25lIiBzdHJva2U9IiNmYTAiIHJ4PSIyIiByeT0iMiIgc3Ryb2tlLXdpZHRoPSIyIiAvPgogIDwvZz4KPC9zdmc+Cg==);
}

.f8ee51a663 .da98885f2d.d24e97fa58 {
  background-color: rgb(2, 99, 0);
}

.f8ee51a663 .da98885f2d.f3ed758f19 {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOSIgaGVpZ2h0PSIxOSIgdmlld0JveD0iMCAwIDE5IDE5Ij4KICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSg5LjUgOS41KSIgCiAgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIiBmaWxsPSJ3aGl0ZSIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+CiAgICA8cGF0aCBkPSJNIC01IC02IGwgNiAwIGwgNSA2IGwgLTUgNiBsIC02IDAgeiIgLz4KICA8L2c+Cjwvc3ZnPgo=);
  border-radius: 0px;
  width: 19px;
  height: 19px;
  --wa: 16px;
  background-color: transparent;
  background-position: center;
  border: none;
  /* background-color: red; */
}
.f8ee51a663 .da98885f2d.f3ed758f19:hover {
  /* background-color: red; */
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOSIgaGVpZ2h0PSIxOSIgdmlld0JveD0iMCAwIDE5IDE5Ij4KICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSg5LjUgOS41KSIgCiAgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIiBmaWxsPSJ3aGl0ZSIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+CiAgICA8cGF0aCBkPSJNIC01IC02IGwgNiAwIGwgNSA2IGwgLTUgNiBsIC02IDAgeiIgLz4KICA8L2c+CiAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoOS41IDkuNSkiIAogIHN0cm9rZT0iI2ZhMCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2Utd2lkdGg9IjIiIGZpbGw9Im5vbmUiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPgogICAgPHBhdGggZD0iTSAtNi41IC03LjUgbCA4IDAgbCA2LjUgNy41IGwgLTYuNSA3LjUgbCAtOCAwIHoiIC8+CiAgPC9nPgo8L3N2Zz4K);
  outline: none;
}

.f8ee51a663 .d8156532f2 .da98885f2d.f3ed758f19 {
  width: 21px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMyIgaGVpZ2h0PSIxOSIgdmlld0JveD0iMCAwIDIzIDE5Ij4KICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSg5LjUgOS41KSIgCiAgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIiBmaWxsPSJ3aGl0ZSIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+CiAgICA8cGF0aCBkPSJNIC01IC02IGwgNiAwIGwgNSA2IGwgLTUgNiBsIC02IDAgeiIgLz4KICA8L2c+CiAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoOS41IDkuNSkiIAogIHN0cm9rZT0iY3VycmVudENvbG9yIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS13aWR0aD0iMiIgZmlsbD0ibm9uZSIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+CiAgICA8cGF0aCBkPSJNIDUgLTYgbCA1IDYgbCAtNSA2IiAvPgogIDwvZz4KPC9zdmc+Cg==);
}

.f8ee51a663 .d8156532f2 .da98885f2d.f3ed758f19:hover {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMyIgaGVpZ2h0PSIxOSIgdmlld0JveD0iMCAwIDIzIDE5Ij4KICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSg5LjUgOS41KSIgCiAgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIiBmaWxsPSJ3aGl0ZSIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+CiAgICA8cGF0aCBkPSJNIC01IC02IGwgNiAwIGwgNSA2IGwgLTUgNiBsIC02IDAgeiIgLz4KICA8L2c+CiAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoOS41IDkuNSkiIAogIHN0cm9rZT0iY3VycmVudENvbG9yIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS13aWR0aD0iMiIgZmlsbD0ibm9uZSIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+CiAgICA8cGF0aCBkPSJNIDUgLTYgbCA1IDYgbCAtNSA2IiAvPgogIDwvZz4KICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSg5LjUgOS41KSIgCiAgc3Ryb2tlPSIjZmEwIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS13aWR0aD0iMiIgZmlsbD0ibm9uZSIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+CiAgICA8cGF0aCBkPSJNIC02LjUgLTcuNSBsIDEyIDAgbCA2LjUgNy41IGwgLTYuNSA3LjUgbCAtMTIgMCB6IiAvPgogIDwvZz4KPC9zdmc+Cg==);
}

.bafa92bbfc {
  overflow: visible !important;
  position: absolute;
  z-index: -1;
  pointer-events: none;
}

.bafa92bbfc > * {
  pointer-events: all;
}

.bafa92bbfc ._79f3027a54 {
  fill: none;
  stroke: #444;
  stroke-width: 5px;
  stroke-opacity: 0.65;
  transition: stroke 100ms ease-in-out, stroke-width 100ms ease-in-out;
}

.bafa92bbfc:hover ._79f3027a54 {
  stroke: #ffa030;
  stroke-width: 6px;
  stroke-opacity: 0.8;
}

._4b8b04e854.f446811421 .bafa92bbfc:hover ._79f3027a54 {
  stroke: #ff0000;
}

._0f7379573c {
  background-color: #888;
  position: absolute;
  display: inline;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  width: 20px;
  height: 20px;
  pointer-events: auto;
  outline: none;
  border: 3px solid #444444a6;

  transition: background-color 200ms ease-in-out;
}

._0f7379573c:hover {
  background-color: #c88800;
}

._0f7379573c:focus {
  border: 3px solid #ff9d00;
}

._0f7379573c:hover:focus:active {
  background-color: #ff9020;
}

._4b8b04e854.f446811421 ._0f7379573c:hover {
  background-color: #e85555;
  border-color: #ff0000;
}

/* .pin.picked {
  border: 2px solid #a00;
}

.pin.moved {
  border: 2px solid #0a0;
}

.pin.dropped {
  border: 2px solid #00a;
} */

/* .node.selected .title {
  background-color: #ffaa00;
} */

/* .node.selected {
  background-color: #ffaa00;
} */

/* .graphEditor {
  width: 640px;
  height: 360px;
} */

._18f9a3a168 {
  /* position: relative; */
  z-index: 100;
  font-size: 16px;
  -webkit-font-smoothing: subpixel-antialiased;
}


/* .context-menu > .item {
  background-color: rgba(255, 200, 140, 0.8);
} */

._18f9a3a168 .db280a505d {
  /* background-color: rgba(97, 166, 232, 0.9); */
  color: #ddd;
  background-color: rgba(20, 20, 20, 0.9);
  border-bottom: 1px solid rgba(160, 160, 160, 0.9);
  padding: 2px;
}

._18f9a3a168 .db280a505d:hover {
  /* background-color: rgba(97, 166, 232, 0.9); */
  background-color: rgba(69, 161, 225, 0.9);
}

._18f9a3a168 .db280a505d._97863d321c::after {
  content: ">";
  position: absolute;
  opacity: 0.6;
  top: 2px;
}

/* background solid: */
._2c584cc6e6.fadc1f90b2 {
  /* background-color: #ffffff; */
  background-color: #eaeaea;
  background-image: none;
}

._2c584cc6e6._2063ab8d18 {
  background-color: #eaeaeaa0;
  background-image: none;
}

/* background grid lines: */
/* 
.rete-background.default {
  background-size: 16px 16px;
  background-image: linear-gradient(to right, #eee 1px, transparent 1px), linear-gradient(to bottom, #eee 1px, transparent 1px);
  background-color: #ffffff;
}

.rete-background.seethrough {
  background-image: linear-gradient(to right, #ddd 1px, transparent 1px), linear-gradient(to bottom, #ddd 1px, transparent 1px);
  background-color: #ffffffa0;
}
*/

/* background grid dots */
/* .rete-background.default {
  --bg-spacing: 16px;
  background-size: var(--bg-spacing);
  background-position: calc(0.5 * var(--bg-spacing));
  background-image: radial-gradient(#ddd 1px, transparent 0);
  background-color: #ffffff;
}

.rete-background.seethrough {
  --bg-spacing: 16px;
  background-size: var(--bg-spacing);
  background-position: calc(0.5 * var(--bg-spacing));
  background-image: radial-gradient(#ccc 1px, transparent 0);
  background-color: #ffffffa0;
} */

._64839249d7 {
  flex-grow: 1;
  position: relative;
}

._64839249d7 > input {
  border: 1px solid #aaa;
  border-radius: 6px;
  padding: 2px 6px;
}

.f8ee51a663 .ffb13a80cf > input {
  border: 1px solid #aaa;
  border-radius: 6px;
  padding: 2px 6px;
}

._5dba46f35d {
  background-color: #e3f2fd80;
  border: 1px solid #42a5f5;
  border-radius: 4px;
}

.f07a59d535 {
  top: 8px;
  right: 8px;
  font-size: 14px;
  font-family: 'Roboto Condensed';
  color: #aaa;
  /* display: none; */
}

._839be4b05a {
  max-width: 72px;
  max-height: 50px;
}

.e37e7345e9 {
  background-color: #f00;
}

.e37e7345e9:hover {
  background-color: #ffeabf;
}

._9c0a3e8b36::before {
  position: absolute;
  content: '';
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 4px;

  background-color: #ff000040;
  border: 2px solid #ff000080;
  border-radius: 2px;
  animation: feab6ed70e 2s infinite;
}

._6559e0e62b::before {
  position: absolute;
  content: '';
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;

  background-color: #ff000040;
  border: 2px solid #ff000080;
  border-radius: 2px;
  animation: feab6ed70e 2s infinite;
}

@keyframes feab6ed70e{
  0%   { border-color: transparent;}
  50%  { border-color: #ff000080; }
  100% { border-color: transparent;}
}

@keyframes cb6d4ac1b3{
  0%   { background-color: transparent;}
  50%  { background-color: #ff000040;}
  100% { background-color: transparent;}
}

/* Comment plugin */
/* auto-resize for inline-comment (input) uses transparent .sizer to calculate size */
._3567509179, ._4926c7d108 {
  position: absolute;
  cursor: move;
  border-radius: 16px;

  ._0df44811aa {
    position: relative;
    display: flex;
    flex-flow: column nowrap;
    height: 100%;
    .a6e30e8176 {
      min-width: 10px;
      font-size: 140%;
      font-family: 'Roboto Condensed';
  
      color: transparent;
      background-color: transparent;
      border: none;
      outline: none;
  
      white-space: break-spaces;
  
      /* pass through */
      pointer-events: none;
    };
    ._56a963e9fe {
      color: #fff;
      font-size: 140%;
      font-family: 'Roboto Condensed';

      background-color: transparent;
      border: none;
      outline: none;

      /* pass through (dynamically controlled) */
      pointer-events: none;
    };
  };
}

._3567509179 {
  z-index: 4;
  padding: 6px 16px;
  background: #b4b4b4;
  border: 3px solid #a4a4a4;
  ._0df44811aa {
    & input {
      white-space: break-spaces;
    };
    ._56a963e9fe {
      position: absolute;
      padding: 0px;
      left: 0px;
      top: 0px;
      right: 0px;
    };
  };
}

._4926c7d108 {
  z-index: -10;
  padding: 6px;
  background: rgba(0, 0, 0, 0.23);
  border: 6px solid transparent;
  min-width: 150px;
  min-height: 110px;
  ._0df44811aa {
    & textarea {
      flex-grow: 1;
      resize: none;
    };
  };
}

._3567509179:focus-within, ._4926c7d108:focus-within {
  outline: none;
  border-color: #ffaa00;
}

._5dda137109 {
    padding: 20px;
}

.info-overlay-overlay.ReactModal__Overlay {
    z-index: 200;
}

._70bd23b21c {
    font-size: 29px;
    letter-spacing: .02em;
    margin-bottom: 10px;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    text-align: center
}

.b997f4b3ff {
    color: #fff;
    margin: 1rem auto 2rem;
    font-size: 23px;
}

._7fa8ef8e56 {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

._576352515f {
    height: 48px;
    background-color: #fff;
    color: #2e3240;
    border-radius: 40px;
    font-size: 19px;
    font-weight: 700;
    text-transform: uppercase;
    border: none;
    cursor: pointer;
    padding: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
._2bf28dffdd {
  /* placeholder example styleName */
  position: relative;
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  order: 55;
  align-items: center;
}

._9199665df7 {
  position: relative;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-end;
  order: 45;
  align-items: center;
  /* width: 216px; matches right panel width of 216 */
  /* margin: 5px; */
  flex: 1 1 0%;
}

._88ed7521cc {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
}

._3bf7ba04fc {
  margin: 0px 12px 0px 0px;
  font-size: 24px;
  width: 24px; /* pads if icon is missing */
  line-height: normal;
}

._740dfe7386 {
  flex: 0 1 auto;
  max-width: 240px;
  display: flex;
  flex-flow: row nowrap;
}

.d012d6af00 {
  position: absolute;
  right: 12px;
  transform: scale(1.0);
  color: white;
  /* opacity: 0;
  transition: opacity 500ms; */
  pointer-events: none;
}

/* .wrapper:hover > .buttonIcon {
  opacity: 1;
  transition: opacity 500ms;
} */

._98d92b7409 {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-between;
  min-width: 200px;
  font-family: 'Montserrat';
  font-size: 16px;
}

/* not quite right: li menuRow:not(:last-child) {
  border-bottom: 1px dotted #d8d8d8;
} */

._10a9ea6e17 {
  display: flex;
  margin: 4px;
}

._0236d3c8ff {
  position: relative;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-end;
  order: 50;
  align-items: center;
  /* width: 216px; matches right panel width of 216 */
  /* margin: 5px; */
  flex: 1 1 0%;
}

.ae7d196d1e {
  flex: 1 1 0%;
  max-width: 240px;
  display: flex;
  flex-flow: row nowrap;
}

._3a4eebcace {
  position: absolute;
  right: 12px;
  transform: scale(1.0);
  color: white;
  /* opacity: 0;
  transition: opacity 500ms; */
  pointer-events: none;
}

/* .wrapper:hover > .buttonIcon {
  opacity: 1;
  transition: opacity 500ms;
} */

.ca76cdf7b5 {
  min-width: 320px; /* forces menu width to be at least this */
}

/* annoying "important" tags because of material-ui/shared-compoents nesting */
.e56eeb6699 {
  opacity: 1 !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}

._466f0af450 {
}

.c5dd5a55af {
  margin-top: 10px;
}

._1bbf8535af {
}

.b0eb5e2066 {
}

._2bc44d3181 {
}

._2bc44d3181 input {
  min-width: 50px;
  width: 80%;
  height: 20px;
  padding: 0 0 0 5px;
  margin: 0 5px 0 3px;
}

.e40672492a {
  float: left;
  width: 80px;
}

.e34ee4a1bf {
  cursor: grab;
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;

  /* background alpha 0x10 here allows dropshadow to show through on right */
  /* (tile to left is drawn first, so left shadow shows already) */
  background-color: #fff1;
  transition: background-color 500ms;

  border-radius: 3px;

  color: var(--th-text-color);
}

.e34ee4a1bf:focus {
  /* outline: 2px auto #ffaa00; */
  /* focus/blur is a little odd, so show an outline, but don't emphasize: */
  outline: 2px auto #ddd;
  /* outline-offset: 1px; */
}

.e34ee4a1bf:hover {
  box-shadow: #adc1c6 0 0 6px 0;
  /* background-color: #f801; */
  transition: background-color 500ms;

  color: var(--th-text-color-hover);
}

._816beede88 {
  margin-bottom: 18px;
}

._33b80ba79b {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  overflow: hidden;
  flex-shrink: 1;
  width: 100%;
  /* margin-right: 8px; */
}

._1494352000 {
  display: flex;
  flex-flow: row wrap;
  flex: 1 1 0;
  /* height: auto; */
  /* background-color: #c0c0ff; */
  /* margin: 1px; */
  font-size: 12px;
  align-items: center;
  justify-content: center;
  text-align: center; /* justified center, but multi-line text should center per-line also */
  /* min-width is critical here to allow child text divs to be limited width: */
  min-width: 0;
  /* border-right: 1px solid #eceef1; */

  /* box-shadow: 0px 0px 2px #0000004d; */
  border-radius: 4px;
  /* overflow: hidden; */
  /* overflow visible required for thicker outline, see .asset-item:focus */
  overflow: visible;
  margin: 2px;
}

._68cc39f923 {
  box-shadow: none;
}

.bd71087bb9 {
  background-color: var(--th-tile-background-color);
}

.bd71087bb9:last-child {
  /* background-color: #a0a0ff; */
  border-right: none;
}

.bd71087bb9:before {
  float: left;
  content: ' ';
  display: table;
  padding-top: 100%;
  flex-wrap: nowrap;
  overflow: clip;
}

.f839a53d28 {
  flex-direction: row nowrap;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.f75360f03e {
}

.f75360f03e:last-child {
  /* background-color: #a0a0ff; */
  border-right: none;
}

.f75360f03e:before {
  float: left;
  content: ' ';
  display: table;
  padding-top: 75%;
  flex-wrap: nowrap;
  overflow: clip;
}

.c618b2a548 {
  background-color: #c0ffc0;
  margin: 2px;
  /* text-align: center; */
}

.bd6d359160 {
  position: relative;
  display: flex;
  flex-flow: row nowrap;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
}

._0df91862ac {
  /* transform: scale(1.25); */
  font-size: 26px;
}

._19fdc66541 {
  width: 100%;
  height: 100%;
  display: grid;  
  margin: 5px;
}

._3e277bbd28 {
  font-size: 12px;
  color: #777777;
  font-weight: 400;
}
._9e1c467b77 {
  display: none;
}

._9cc2e1acdc {
  position: absolute;
  top: 116px;

  background-color: #2e3240;
  color: #fff;
  margin: 20px;
  border-radius: 10px;
  padding: 18px;
  text-align: center;
  /* border-bottom: 1px solid #eceef1; gray-vlight */
}

.dec62348fb {
}

.b95472656d {
  color: #61a6e8; /* blue-light */
}

.dcb4368c1f {
  text-decoration: none;
}

._6d973ac015 {
  font-size: 14px;
  margin-bottom: 8px;
}
._71e6df18ee {
  position: relative;
}

.e31c533ef5 {
  transform: scale(0.6) translateY(10px) translateX(-10px);
}

.e2f1faa574 {
  font-size: 14px;
}


._951dbcdb5a {
  display: flex;
  flex-flow: row nowrap;
  flex: 1 1 50%;
  min-width: 100px;
  padding: 10px 4px;
  /* border-bottom: 1px solid #eceef1; */
  width: 80px;

  margin-left: 4px;
  margin-bottom: 0px;
}


._6bfe66f3b8 {
  flex: 1;
}

.ad33d45245 {
  display: flex;
  flex-flow: column nowrap;
  background-color: #FFF;
  flex: 1;
}

.arrow-box {
	position: relative;
	background: #fff;
}
.arrow-box:after, .arrow-box:before {
	right: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrow-box.left:after {
	border-color: rgba(255, 255, 255, 0);
	border-right-color: #fff;
	border-width: 15px;
	margin-top: -15px;
}
.arrow-box.left:before {
	border-color: rgba(189, 189, 189, 0);
	border-right-color: #bdbdbd;
	border-width: 16px;
	margin-top: -16px;
}

.a440acbdfc {
  /* placeholder example styleName */
  position: relative;
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  order: 55;
  align-items: center;
}

._7e10301b5b {
  /* remove default focus outline */
  outline: none;

  /* width: 600px; */
  /* height: 300px; */
  border-radius: 27px;
  border: 6px solid #eeeeee; /* match .dialogBodyLoaded background */
  /* z-index: 85; */

  overflow: hidden;
  pointer-events: auto;

  position: fixed;
  /* left: 0px; */
  /* top: 0px; */

  box-shadow: 1px 1px 6px 0px #00000070;

  background: none;
}

._9cdebd29bd {
  border: 6px solid white; /* match .dialogContent:focus-within .dialogBodyLoaded background */
  /* z-index: 90; */

  /* grid */
  /* background-color: #e5e5f740;
  opacity: 1;
  background-image:  linear-gradient(#ff25ff 1px, transparent 1px), linear-gradient(to right, #ff25ff 1px, transparent 1px);
  background-size: 20px 20px; */
}

._5fbfe45717 {
  flex-grow: 1;
  width: 100%;
  height: 100%;
  background: #2f323fbf;
}

.fb3daaf684 {
  background: #eeeeee; /* match .dialog border */
}

._371bb22d38:focus-within .fb3daaf684 {
  background: white; /* match .dialogFocused border */
}

._371bb22d38 {
  display: flex;
  flex-flow: column nowrap;
  height: 100%;
}

.a768d5bf1f {
  border-width: 0px;
  /* border: 2px solid red; */
}

/* .dialogIframe:focus-within {
  border: 2px solid green;
} */

._6128362da7 {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  /* background-color: #00ff0080; */

  /* cross-hatch */
  /* background-color: #e5e5f7;
  opacity: 0.8;
  background: repeating-linear-gradient( -45deg, #444cf7, #444cf7 5px, #e5e5f740 5px, #e5e5f740 25px ); */
}

.e8615bc573._6128362da7 {
  display: none;
}

/* doesn't work on Safari-- using stateFocused to supplement: */
._371bb22d38:focus-within ._6128362da7 {
  display: none;
}

._88d91821cd {
  /* background: #e0e0e0; */
  padding: 10px;
  display: flex;
  flex-flow: row nowrap;
  justify-content: stretch;
  color: #444;
  position: absolute;
  background: transparent;
  width: 100%;
}

/* .headerFocused {
  color: #000;
} */

._88d91821cd:focus-within {
  color: #000;
}

.e7b661b103 {
  display: flex;
  justify-content: center;
  align-items: center;
  background: transparent;
}

._09d16e3070 {
  width: 50%;
  height: 6px;
  border-radius: 10px;
  background-color: #c9cacf;
}

.e8615bc573._09d16e3070 {
  background-color: #aeafb5;
}

.c2a94361fa {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  cursor: grab;
  z-index: 1; 
}

._27d7292132 {
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
  margin: 0px;
  min-height: 100%;
}

.b100e6b650 {
  position: relative;
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: center;
  flex-shrink: 0;
  min-height: 66px;
}

.d69a230efa {
  color: #4949b2;
  font-size: 11px;
  font-weight: bold;
  margin: 2px;
}

._586a3d88df {
  margin-right: 4px;
  margin-left: -2px;
  filter: drop-shadow(0px 0px 1px #fffc);
}

._9fc4381422 {
  flex: 1 0 auto;
}

.ba73368808 {
  position: relative;
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
}

._7e87cedfc6 {
  width: 36px;
  height: 20px;
  margin-bottom: -4px;
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
}

._182974cbbb {
  position: relative;
  width: 4px;
  height: 4px;
  border-radius: 5px;
  background-color: #fff;
  color: #fff;
  animation: _3431ad8b76 1s infinite linear alternate;
  animation-delay: .5s;
}

._182974cbbb::before, ._182974cbbb::after {
  content: '';
  display: inline-block;
  position: absolute;
  top: 0;
}

._182974cbbb::before {
  left: -10px;
  width: 4px;
  height: 4px;
  border-radius: 5px;
  background-color: #fff;
  color: #fff;
  animation: _3431ad8b76 1s infinite linear alternate;
  animation-delay: 0s;
}

._182974cbbb::after {
  left: 10px;
  width: 4px;
  height: 4px;
  border-radius: 5px;
  background-color: #fff;
  color: #fff;
  animation: _3431ad8b76 1s infinite linear alternate;
  animation-delay: 1s;
}

@keyframes _3431ad8b76 {
  0% {
    background-color: #fff;
  }
  50%,
  100% {
    background-color: #4949b2;
  }
}

._53d19f7ece {
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;

  margin: 16px;
  padding: 6px 24px 0px;
  border: 1px solid #e0e0e0;
  border-radius: 4px;

  color: #777777;
}

.d0fab2fd12 {
  font-size: 14px;
}

._5d74948474 {
  font-size: 24px;
  font-weight: bold;
  color: #2E3240;

  display: flex;
  flex-flow: row nowrap;
}

.b50d5cf786 {
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;

  /* background-color: #edeff2; */
  /* border-radius: 20px; */

  max-width: 800px;
  padding: 20px;

  color: #777777;
}

._42132ec4be {
  color: white;
  font-size: 20px;
  font-weight: bold;
}

._41db7b1cf5 {
  text-decoration: none;
}
._41db7b1cf5:link { text-decoration: none; }
._41db7b1cf5:visited { text-decoration: none; }
._41db7b1cf5:hover { text-decoration: none; color: #333; }
._41db7b1cf5:active { text-decoration: none; }

._390d941c2e {
  display: flex;
  flex-flow: row;
  height: 24px;
  align-items: center;
  justify-content: center;
}

._4b120f5a04 {
  display: flex;
  flex-flow: column nowrap;
}

._276dcdc118 {
  justify-content: space-between;
  align-items: center;

  /* margin: 20px; */
  /* max-width: 600px; */
  flex: 1 1 50%;
}

.ace106e1fc {
  justify-content: space-between;
  align-items: center;
  /* max-height: 200px; */
  /* max-height: 244px; */
  margin-bottom: 6px;

  transition: 500ms;
}

.d85579d9c1 {

  max-height: 0px;
  overflow: hidden;
  opacity: 0;
}

._174b77223d {
  max-height: 60px;
}

._548b581121 {
}


._1788311188 {
  max-height: 100px;
}

._72ee5cc8fd {

  max-height: 0px;
  overflow: hidden;
  opacity: 0;
}

._7bf19fab76 {
  max-width: 370px;
  text-align: center;
}

.a66aec2a73 {
  justify-content: center;
  align-items: center;
  background: #eaeaea;
  margin-top: 40px;

  /* margin: 20px; */
  /* max-width: 450px; */
  min-width: 320px;
  flex: 1 1 50%;

  perspective-origin: bottom;
  perspective: 650px;
}

._757e7e1e0c {
  display: none;
}

.f84ced36ac {
  margin-left: 6px;
  height: 24px;
  /* color: #777777; */
}

.f84ced36ac:hover {
  color: #2E3240;
}

._0addf09f56 {
  color: #ffaa00;
}

._0addf09f56:hover {
  color: #df8a00;
}

._1eb3186be0 {
  cursor: pointer;
  margin-bottom: 8px;
}

.a2b9ab19b1 {
  color: #777777;
}

.a2b9ab19b1:hover {
  color: #df8a00;
}

._4048d58a1c {
  margin: 0px 0px;
  float: right;
  transform: scale(0.8);
}
._4048d58a1c path {
  fill: #666f79; /* gray-dark */
}
._4048d58a1c:hover path {
  fill: #5eb5fb;
}
._4048d58a1c:active path {
  fill: #3184d3;
}

._8abc7379e8 {
  width: fit-content;
  min-width: 180px;
  max-width: 220px;
  min-height:180px;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;

  transition: 500ms;
}

._4bf3e31ecb {
  min-width: 420px;
  max-width: 420px;
  margin: -20px;
}

.de32895298 {
  font-size: 16px;
  overflow: hidden;
  position: relative;
  min-width: 240px;
  min-height: 20px;
}

.de32895298 span {
  color: #ffaa00;

  position: absolute;
  white-space: nowrap;
  transform: translateX(0);
  transition: 1.5s;
}

.de32895298:link { text-decoration: none; }
.de32895298:visited { text-decoration: none; }
.de32895298:hover span {
  text-decoration: none;
  color: #df8a00;
  transform: translateX(calc(170px - 100%));
}
.de32895298:active { text-decoration: none; }

.d34f7f86b7 {
  position: relative;
}

._1667a96020 {
  fill: white;
  stroke: white;
  color: white;

  background-color: black;

  border: 2px solid white;

  width: 36px;
  height: 36px;
  border-radius: 50px;
  padding: 4px;
}

._1667a96020:hover {
  background-color: #ffaa00;
}

._2f1b995541 {

  position: absolute;
  right: -36px;
  bottom: 6px;
}

._77eead4fd3 {
  display: flex;
  flex-flow: row nowrap;
  position: absolute;
  bottom: 16px;
}

._909e901304 {
  margin: 2px 3px;
}

._71a9efb5ec {
}

._41971be454 {
  font-size: 24px;
  font-family: 'Montserrat-Misc';
  text-transform: uppercase;
  text-align: center;
  margin: 20px 8px;
  letter-spacing: 3px;
  color: #2E3240;

  max-height: 50px;
  transition: 500ms;
}

._1626351190 {
  font-size: 17px;
  text-align: center;
  /* color: #777777; */

  max-height: 120px;
  transition: 500ms;
}

._5b0071bf97 {
}

._26191530ca {
  margin-top: 8px;
}

.fb988107bf {
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
  text-align: center;

  font-size: 14px;
  margin: 2px 8px;
}

._50c10d14ab {
  font-size: 11.5px;
  margin-bottom: 8px;
  text-align: center;
}

.a757a645ce {
  flex: 1 1 18%;
}

._136b937bbc {
  margin: 20px 4px;
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
}

._00ab6a6f2e {
  width: 46px;
  height: 46px;
}

._0111f757b8 {
  flex: 1 1 3%;
  min-height: 16px;
}

._7400613dec {
  max-width: 85%;
  max-height: 435px;
  transition: 500ms;
}

._1c0f6c7c3f {
  transform: rotateX(45deg);
}

.c32e9a06eb {
  width: 36px;
  height: 20px;
  margin-bottom: -4px;
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
}

._62c376a689 {
  position: relative;
  width: 4px;
  height: 4px;
  border-radius: 5px;
  background-color: #fff;
  color: #fff;
  animation: eeb231f65a 1s infinite linear alternate;
  animation-delay: .5s;
}

._62c376a689::before, ._62c376a689::after {
  content: '';
  display: inline-block;
  position: absolute;
  top: 0;
}

._62c376a689::before {
  left: -10px;
  width: 4px;
  height: 4px;
  border-radius: 5px;
  background-color: #fff;
  color: #fff;
  animation: eeb231f65a 1s infinite linear alternate;
  animation-delay: 0s;
}

._62c376a689::after {
  left: 10px;
  width: 4px;
  height: 4px;
  border-radius: 5px;
  background-color: #fff;
  color: #fff;
  animation: eeb231f65a 1s infinite linear alternate;
  animation-delay: 1s;
}

@keyframes eeb231f65a {
  0% {
    background-color: #fff;
  }
  50%,
  100% {
    background-color: #2E3240;
  }
}

._939e9b605c {
  margin-bottom: 5px;
  z-index: 1;
}

.f795c25f28 {
  margin-top: 8px;
}

._3eeb91cfbf {
  color: #ffaa00;
  cursor: pointer;
}
._3eeb91cfbf:hover {
  color: #dd8800;
}

.a7c50f0df5 {
}

._4420cb78af {
}

._7c25e287e3 {
  display: flex;
  flex-flow: column nowrap;
}
._44fefc2f51 {
  font-size: 22px;
  color: #616161;
  font-weight: bold;
  margin-bottom: 8px;
}

._4dc30828b4 {
  font-size: 14px;
  color: #9e9e9e;
  margin-bottom: -8px;
}

/* Note: hideLine must come after all others with which it is combined */
.cfb90e9148 {
  max-height: 0px;
  overflow: hidden;

  opacity: 0;
}

.df042a6ffc {
  display: flex;
  align-items: center;
  padding: 8px 12px;
  gap: 8px;
  font-size: 16px;
}

._8a0283c09d {
}

._523afb89c3 {
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  position: relative;
}

._2c03ca7353 {
  min-height: 124px;
  padding-top: 27px;
}

.af79e2f455 {
  margin-bottom: 4px;
  width: 100%;
  text-align: center;
  text-transform: uppercase;
  font-family: 'Montserrat-Misc';
  letter-spacing: 2px;
}

.b1546ae5fc {
  font-family: Montserrat;
  font-size: 14px;
  white-space: pre;
  color: #777;
}

._97c5912ee5 {
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  width: 100%;

  color: #777;
  font-family: Montserrat;
  font-size: 11px;
}

._7c951e87c8 {
}

._653a826531 {
}

.d238d560af {
}

.abd7a495fd {
}

._72f6d22092 {
}

._508bf83f06 {
  min-width: 450px;
  max-width: 600px;
}

/* .modalStyle.content {
  min-width: 450px;
  min-height: 280px;
  font-weight: normal;
} */

._3b9fdab59b {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin: 4px;

  background-color: #eeeeee;
  border-style: solid;
  border-width: 2px;
  opacity: 1;
}

/* .listWrapper {
  min-height: 150px;
  max-height: 220px;
  padding: 4px 12px 4px 12px;
  margin: -16px -24px 0px -24px;
  position: relative;
  overflow-y: auto;
  overflow-x: hidden;
} */
/* padding is to keep scrollbar from appearing in front of delete button */

/* .content .modal-style {
  width: 450px;
  min-height: 280px;
  font-weight: normal;
  background-color: #ff0000;
} */

.e8c91e8cfc {
  color: #2e3240;
  padding-left: 3px;
  padding-right: 3px;
}

.f47d7bc257 {
}

.f47d7bc257:hover {
  color: #eeaa66;
}

._70fd996224 {
  color: #bac0c8; /* gray-light */
}

._0e48a8ec4d {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin: 4px;
  /* font-family: sans-serif;
  border-top: 1px solid #ffffff;
  border-bottom: 1px solid #999999;
  border-radius: 6px;
  margin-bottom: 4px;
  padding: 10px;
  padding-left: 8px; */
  color: #2e3240;
  background-color: #eeeeee;
  border-style: solid;
  border-width: 2px;

  opacity: 1;
}

._2c435807d6 ._0e48a8ec4d {
  background-color: #ffffff;
  box-shadow: 0 4px 20px #666666;
}

._97884c5109 {
  width: 100%;
  background-color: transparent;
  pointer-events: none;
  position: absolute;
  top: 0px;
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
}

._8c595cd0b3 {
  pointer-events: auto; /* switcher-wrapper sets to none for pass-through */
  color: #616161;
  top: 0px;
  height: 40px;
  min-width: 260px;
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  border-radius: 50px;
  box-shadow: 0px 0px 6px #00000029;
  margin: 12px;
  background-color: white;
  padding: 2px 10px;
}

._514f10382e {
  width: 325px;
  flex: 1;
  display: flex;
  flex-flow: column nowrap;
}
.ac48e8df95 {
  display: none;
}

._8d6ff486ee {
  display: flex;
  background-color: #eee;
}

._8d6ff486ee > div {
  border-radius: 0 !important;
  border-color: transparent !important;
  flex: 1;
}

.CodeMirror {
  flex: 1;
}

.CodeMirror .line-error {
  color: #F00;
  font-weight: bold;
  padding: 5px 0 5px 20px;
}

.b851038ec5 {
  flex: 2,
}

/*
.wrapper {
  width: 528px;
}
*/

._9044ae0057 {
  margin-bottom: 8px;
  color: #2E3240;
}

._7496481604 {
  opacity: 0;
}

._09a5496eb6 {
  width: 100%;
  display: flex;
  flex-flow: column nowrap;
  align-items: center;

  /* height: 100%; */
  justify-content: center;
}

.f86f708381 {
  max-width: 440px;
  display: flex;
  flex-flow: column nowrap;
  align-items: flex-start;
}

._3d3f96b990 {
  min-height: 80%;
}

.de416789b8 {
  overflow-y: auto;
  color: #777777;
  display: flex;
  flex-flow: column nowrap;
}

._8b916d3484 {
  height: 100%;
}

._9c93588db9 {
  width: 720px;
}

.f9ad89e30c {
  width: 440px;
  max-width: 100%;
}

._586f9298f3 {
  font-size: 14px;
  margin: 6px 0px;
}

._55cfe9a122 {
  font-size: 13px;
  margin: 6px 0px 10px;
}

.f1b71cfbe3 {
  font-size: 13px;
  font-family: 'Roboto Condensed';
  color: #777777;
}

._0af112a9cf {
  color: #777777;
  line-height: 24px;
  /* margin-bottom: 28px; */
}

.b6d7868c5f {
  /* height: 24px; */
  margin: 4px 0px 14px;
  /* border: 2px solid #dddddd; */
  /* border-radius: 4px; */
  /* padding: 6px; */
}

._3ff6c6d97b {
  width: 100%;
}

._60ac6e0a6d {
  display: flex;
  flex-flow: row wrap;
  gap: 6px;
}

._24f2fade8c {
  margin-bottom: 3px;
}

.d962f6530b {
  border: 2px solid #ddd;
  border-radius: 4px;
  padding: 0px 12px;
  flex: 1;
}

.d1288c90f6 {
  font-size: 13px;
  font-family: 'Roboto Condensed';
  color: #777777;
  margin-bottom: 8px;
  gap: 10px;

  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-between;
}

/* 
.editorSettingsHeader: {
  font-size: 18px;
  color: #616161;
  margin-bottom: 16px;
}
 */

._5e6ce2c301 {
  display: flex;
  flex-flow: row;
  align-items: center;
  margin-bottom: 6px;
}

._98c406dd2d {
  flex: 1 1 50%
}

._674fcadc56 {
  position: absolute;
  top: 6px;
  right: 6px;
}

._61b8ce41b4 {
  font-family: 'Montserrat-Misc';
  font-size: 16px;
  /* font-weight: 900; */
  color: #fff;
  background-color: #2E3240;
  border-radius: 10px;
  padding: 6px 12px;
  min-height: 44px;
  height: 44px;
  margin-top: 5px;
  margin: 5px 0px 5px 5px;
  /* opacity: 1; */
}

.a2584e7646 {
  left: 0px;
  top: 0px;
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #2E3240DB;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;

  color: white;
  row-gap: 18px;
  font-family: 'Montserrat';

  z-index: 10; /* appear in front of e.g. phone frame domain name */
}

._8040295904 {
  font-size: 24px;
  text-transform: uppercase;
  font-family: 'Montserrat-Misc';
  letter-spacing: 2.4px;
}

._548c5806b5 {
  font-size: 14px;
}

.c5b5d3fa7f {
  font-size: 12px;
}

._4d59671a97 {
  display: flex;
  flex-flow: row nowrap;
  height: 100%;
  transition: opacity 500ms;
}

._80a650ed40 {
  display: flex;
  flex-flow: row nowrap;
  height: 100%;
  max-width: 440px;
  flex: 1; /* try to make each the same width */
}

._95f2af3e6f {
  display: flex;
  flex-flow: column nowrap;
  margin: 0px 0px 0px 20px;
  flex: 1;
}

._034dbfcfd7 {
  max-width: 270px;
}

.ce6c4d4d6a {
  /* background-color: #e8e8e8; */
  width: 1px;
  margin: 0px 18px;
}

._65b5901c6b {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 4px 16px;
}

._8b80d39fc9 {
  color: #2e3240;
  font-size: 1.5em;
  display: block;
}

._247f1a3ab7 {
  color: #d8d8d8;
}

.de19a3f624 {
  display: flex;
  flex-flow: row nowrap;
  height: 100%;
  transition: opacity 500ms;
}

._3353c07e55 {
  display: flex;
  flex-flow: row nowrap;
  height: 100%;
  flex: 1; /* try to make each the same width */
}

._5c9cda2f0e {
  display: flex;
  flex-flow: column nowrap;
  margin: 0px 0px 0px 20px;
  flex: 1;
}

._7418f320cd {
  /* background-color: #e8e8e8; */
  width: 1px;
  margin: 0px 18px;
}

.f7260cf6fe {
  width: 84px;
  height: 84px;
  margin: 10px;

  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
}

.e505feec8b {
  max-width: 100%;
  max-height: 100%;
}

._5e9f6d9b69 {
  background-size: cover;
}

._368360eac3 {
  color: black;
  font-size: 11px;
  font-family: sans-serif;
}
._9ac14108f5 {
  position: relative;
}
._9ac14108f5:before {
  content: "";
  position: absolute;
  top: -6px;
  left: -6px;
  right: -6px;
  bottom: -6px;
  border: 4px solid #ffaa00;
  border-radius: 8px;
  pointer-events: none;
}

.ffe0188ac1 {
  color: #ccc;
  font-size: 8px;
  font-family: sans-serif;
}

._213f3772a8 {
  width: 80%;
  height: 30%;
  position: absolute;

  font-size: 7px;
  color: black;

  background-color: white;

  border-width: 2px;
  border-style: solid;
  border-color: black;
  border-radius: 10px;

  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;

  padding: 10px;
  gap: 12px;

  margin-bottom: 15%; /* raise a bit above center */
}

._3bbbf00c7f {
  color: black;
  text-align: center;
  font-family: sans-serif;
}

._2167400084 {
  border-radius: 50px;
  text-transform: uppercase;
  color: white;
  background-color: black;

  width: 68px;
  height: 14px;

  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;

  flex-shrink: 0;
  padding: 1px;
  font-weight: bold;
  font-family: sans-serif
}

.c46c94751e {
  width: 85%;
  height: 100%;
  max-width: 770px;
  display: flex;
  flex-flow: row nowrap;
  align-self: center;

  font-family: 'Roboto';
}

._59d681d240 {
  display: flex;
  flex-flow: row nowrap;
}

._768406575d {
  margin-left: 28px;
  display: flex;
  flex-flow: column nowrap;
  justify-content: space-around;
  transition: opacity 500ms;
}

._203a513126 {
  font-size: 18px;
  margin: 20px 10px;
}

.f9b4a7b594 {
  font-size: 14px;
  margin: 10px;
}

._14f2f1006f {
  background-color: #f0f0f0;
  border-radius: 6px;
  margin: 10px;
  padding: 10px;
}

._62215473b1 {
  color: #c0c0c0;
  /* background-color: #f0f0f0;
  border-radius: 2px;
  margin: 10px;
  padding: 10px;
  border-bottom: 1px solid #c0c0c0; */
}


._875c720ab2 {
  color: #ffaa00;
}

._875c720ab2:hover {
  color: #ff9d00;
}

._5474142a12 {
  position: relative;
  height: 100%; /* width is dynamically updated */
  flex-shrink: 0; /* prevent flex from shrinking width below our dynamic value */
  opacity: 0; /* updated after width is set */
  transition: opacity 500ms;
}

.e6a7ec6fd7 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.e465acb5b5 {
  width: 100%;
  height: 100%;
  border: 6px solid #2E3240;
  border-radius: 20px;
  display: flex;
  flex-flow: column nowrap;
}

.c7b467f9e1 {
  width: 100%;
  height: 8.9%;
  background-color: #2E3240;
  position: relative;
}

._8c403c0d44 {
  position: absolute;
  left: -3px;
  top: 22px;
  right: -3px;
  bottom: -18px;
  border: 4px solid orange;
  border-radius: 6px;
  background-color: white;
  font-size: 12px;
  color: #777;

  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
  overflow: hidden;

  z-index: 1;
}

._9973dc6dc6 {
  width: 100%;
  background-color: white;
  flex-grow: 1;

  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;

  position: relative;

  background-size: cover;
  background-position: center;
}

._95c7052ebf {
  width: 100%;
  height: 8.9%;
  background-color: #2E3240;
}

._7c6c64aabc {
  width: 100%;
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
}

.d36ea4bbf6 {
  width: 100%;
  aspect-ratio: 3.2;

  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;

  border-image: linear-gradient(to top, #2e3240 0 72%, white 95%) 1;
  border-style: solid;
  border-width: 7px;
}

._1785312fe8 {
  width: 100%;
  height: 55px;
  background-color: #2E3240;

  border: 6px solid #2E3240;
  border-top: none;
  border-radius: 20px;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}


._73e5e3298d {
  display: flex;
  flex-flow: row nowrap;
  min-width: 100px;
  padding: 10px 0px;
  /* border-bottom: 1px solid #eceef1; */
}

.add5693419 {
  font-size: 14px;
}

.bb9fade3af {
  /* margin-bottom: 3px; */
  margin-right: 8px;
  align-self: center;
}

._77a9753689 {
  /* margin-left: 4px; */
  margin-bottom: 0px;
}

._2503251dcd {
  /* placeholder example styleName */
  position: relative;
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  order: 55;
  align-items: center;
}

._22331cdcd6 {
  order: 20;
}

._91e442faf9 {
}

._352dc06797 {
}

._479831db08 {
}

._7099f9e9a3 {
}

:root {
  --creative-color: #4FBAA7;
  --creative-bg: #4FBAA70D;

  --creative-plus-color: #6DA7D9;
  --creative-plus-bg: #6DA7D90D;

  --pro-color: #FA7B1E;
  --pro-bg: #FA7B1E0d;

  --educational-color: #F6BA27;
  --educational-bg: #F6BA270D;

  --enterprise-color: #9288AD;
  --enterprise-bg: #9288AD0D;
}

._28af806713 {
  color: red;
  text-transform: uppercase;
  font-family: 'Montserrat-Misc';
  font-size: 16px;
}

._780d9179cf {
  margin-bottom: 4px;
  width: 100%;
  text-align: center;
  text-transform: uppercase;
  font-family: 'Montserrat-Misc';
  letter-spacing: 2px;
}

.edfae8ecb4 {
  font-family: Montserrat;
  font-size: 14px;
  white-space: pre;
  color: #777;
}

.abb2b7c317 {
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  /* text-transform: uppercase; */
  color: #777;
  font-family: Montserrat;
  font-size: 11px;
}

._2b8d53cd11 {
  display: flex;
  flex-flow: column nowrap;
  align-items: flex-end;
}

._90ccaaa99c {
  display: flex;
  flex-flow: column nowrap;
  justify-content: stretch;
}

._2ce3ad5a71 {
  /* max-width: 260px; */
  flex: 1;
}

._664a43f7d3 {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 20px;
  padding: 4px 12px;
  color: white;

  text-transform: uppercase;
  font-family: 'Montserrat-Misc';
  font-size: 14px;
  top: -18px;

  width: 140px;
  height: 36px;
}

.ea1434d004 {
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  border-radius: 10px;
  min-width: 180px;
  max-width: 440px;
  position: relative;
  padding: 40px 10px 10px 10px;
  margin: 25px 2px 4px 2px;
  /* border: 1px solid #f0f0f0; */
  border: 1px solid transparent;

  font-size: 14px;
  color: #777;
  /* text-align: center; */

  flex: 1;
}

.ea1434d004 table {
  border-collapse: collapse;
  width: calc(100% + 25px); /* extends cell borders outside of backgrounds */
  flex-grow: 1;
}

.ea1434d004 tr {
  /* text-align: center; */
  border-bottom: 1px dotted #ddd;
  height: 28px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.ea1434d004 td {
  display: flex;
  justify-content: center;
  align-items: center;
}

._8aec6a121a {
  font-size: 20px;
}

.a7aebe6279 {
  min-width: 220px;
  max-width: 280px;
  background-color: transparent;
  border-color: transparent; /* exists for sizing */
}
.a7aebe6279 tr {
  /* text-align: right; */
  justify-content: flex-end;
}
.a7aebe6279 td {
  margin-right: 10px;
}

._23567c1c84 {
  background-color: var(--creative-bg);
}
._98a857ff60 {
  background-color: var(--creative-plus-bg);
}
.c47ba7e86e {
  background-color: var(--pro-bg);
}
._6b006c0855 {
  background-color: var(--enterprise-bg);
}

._0dee2ef5e3 {
  flex-grow: 1;
  padding: 16px 20px 10px;
}

._7495745d0e {
  background-color: var(--educational-bg);
}
._41d8bbc71c {
  background-color: var(--enterprise-bg);
}

._8fe1e9152f {
}

.e7e3cf4589 {
  background-color: var(--creative-color);
}
.c66b4a9f8e {
  background-color: var(--creative-plus-color);
}
.b35db47ec5 {
  background-color: var(--pro-color);
}
._8586c1c83d {
  background-color: var(--enterprise-color);
}

._827dcd3262 {
  background-color: var(--educational-color);
}
._51c263fc85 {
  background-color: var(--enterprise-color);
}

.a4f23fc3c7 {
  text-transform: uppercase;
}
.d331142e94 {
  text-transform: uppercase;
}
._2f833d9258 {
  text-transform: uppercase;
}
._5f9b7138dd {
  text-transform: uppercase;
}

.c6bb6d0ecd {
  flex-grow: 1;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
}

._12be0581d4 {
  line-height: 1.5em;
  text-align: center;
}

._52754fe95c {
}

._30f3db4c84 {
}

._9c00e9b0b7 {
  max-width: 600px
}

._2340efc7de {
  /* font-family: 'Montserrat'; */
  /* font-size: 16px; */
  color: #777777;
  /* margin-left: 6px; */
}
._2340efc7de:link { text-decoration: none; color: #FFBA00;}
._2340efc7de:visited { text-decoration: none; color: #FFBA00;}
._2340efc7de:hover { text-decoration: none; color: #dea300; }
._2340efc7de:active { text-decoration: none; color: #d49b00;}

._4c8ab84db3 {
  vertical-align: super;
}

.a57d6ff47a {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;

  border-radius: 50px;
  border-width: 1px;
  border-style: solid;
  border-color: #777;
  padding: 5px 15px;
  margin: 12px;
  min-width: 160px;
  min-height: 30px;

  background: white;

  text-transform: uppercase;
  font-family: 'Montserrat-Misc';
  font-size: 14px;
}

.f5ba5dbe8d {
  border-color: var(--creative-color);
}

.c43c3500d0 {
  border-color: var(--creative-plus-color);
}

._49507a3157 {
  border-color: var(--pro-color);
}

._66f02e0a97 {
  border-color: var(--educational-color);
}

.fd1848568d {
  border-color: var(--enterprise-color);
}

._29d0f8ca78 {
  width: 160px;
  height: 48px;
}

.ed7d09f207 {
  /* padding: 12px;
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  gap: 12px;
  max-width: 240px;
  text-align: center;
  text-wrap: balance;
  color: #2e3240; */
}

._97f00800c7 {
  flex-grow: 1;
}

.cf7c6337a5 {
  display: flex;
  flex-flow: column nowrap;
  justify-content: stretch;
  align-items: center;
  border: 3px solid #777;
  border-radius: 8px;
  width: 70px;
  aspect-ratio: 0.5;
}

._3b02196f9c {
  width: 36px;
  margin-bottom: 20px
}
.ca5e5db91f {
  position: relative;
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  order: 55;
  align-items: center;
  /* width: 216px; matches right panel width of 216 */
  margin: 0px 5px;
  flex-shrink: 0;

  /* transform: scale(1.8); */
}

._6b09de5e62 {
  font-family: 'Montserrat';
  font-weight: bold;
  font-size: 16px;
  color: #2e3240;
  pointer-events: auto;
}

._2aacfa4b12 {
  pointer-events: auto;
  position: absolute;
  color: white;
  background-color: #ffaa00;
  font-size: 9px;
  font-weight: bold;
  font-family: 'Montserrat-Misc';
  text-transform: uppercase;
  border-radius: 20px;
  border: none;
  transition: transform 300ms;
  cursor: pointer;
}

li:hover ._2aacfa4b12 {
  /* color: #ffaa00; */
  /* background-color: white; */
  /* outline: 1px solid #ffaa00; */
  transform: scale(1.1);
}

.afe007c79f {
  right: 16px;
  top: 19px;
}

._17ad6bfc38 {
  right: 16px;
  bottom: -2px; /* requires overflow:visible on list item */
}

._2f3a71cfbd {
  opacity: 1 !important;
  min-width: 320px; /* forces menu width to be at least this */
}

._9c515ed009 {
  min-width: 320px; /* forces menu width to be at least this */
}

/* annoying "important" tags because of material-ui/shared-compoents nesting */
._8b2a3536b8 {
  opacity: 1 !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}

._69627a904c {
  position: absolute;
  overflow: visible;
  bottom: 0px;
  right: 2px;
  color: #777777;
  background-color: #e0e0e0;
  padding: 0px 3px;
  border-radius: 7px;
  font-size: 11px;
  font-family: 'Montserrat-Misc';
  font-weight: bold;
  pointer-events: none;
  /* z-index: 100; */
}

._7b0f08308f {
  /* position: absolute; */
  color: white;
  /* background-color: #59b1e0; */
  border-radius: 100px;
  width: 34px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  font-size: 14px;
  font-family: 'Montserrat-Misc';
  font-weight: bold;
  pointer-events: none;
  /* z-index: 100; */
}

:root {
  --cube-size: 60px;
  /* --cube-rx: 5deg;
  --cube-ry: 7deg;
  --cube-rz: 11deg; */
  --cube-aa: 0, 0, 1, 10deg;
}

._258b9838fb {
  position: absolute;
  top: 0px;
  right: 70px;
  width: 100px;
  height: 100px;
  border: 1px solid #00ff00;
  pointer-events: none;
}

.b5394ff21b {
  width: var(--cube-size);
  height: var(--cube-size);
  top: calc((100% - var(--cube-size)) / 2);
  left: calc((100% - var(--cube-size)) / 2);
  position: relative;
  transform-style: preserve-3d;
  /* transform: perspective(300px) rotateX(var(--cube-rx)) rotateY(var(--cube-ry)) rotateZ(var(--cube-rz)); */
  transform: perspective(300px) rotate3d(var(--cube-aa));
  /* transition: transform 0.1s; */
}

._4c39292be9 {
  position: absolute;
  width: 100%;
  height: 100%;
  border: 2px solid #808080;
  line-height: var(--cube-size);
  font-size: 18px;
  color: white;
  text-align: center;
  pointer-events: auto;
}

._989a06926b {
  background: hsla(0, 100%, 65%, 0.7);
  transform: rotateY(-90deg) translateZ(calc(var(--cube-size) / 2));
}

.e2aec25bc3 {
  background: hsla(0, 100%, 30%, 0.7);
  transform: rotateY(90deg) translateZ(calc(var(--cube-size) / 2));
}

._668056d598 {
  background: hsla(120, 100%, 65%, 0.7);
  transform: rotateX(-90deg) translateZ(calc(var(--cube-size) / 2));
}

._26ca181e70 {
  background: hsla(120, 100%, 30%, 0.7);
  transform: rotateX(90deg) translateZ(calc(var(--cube-size) / 2));
}

._5c2dac66e9 {
  background: hsla(240, 100%, 30%, 0.7);
  transform: rotateY(180deg) translateZ(calc(var(--cube-size) / 2));
}

._5fd75c7f4f {
  background: hsla(240, 100%, 65%, 0.7);
  transform: rotateY(0deg) translateZ(calc(var(--cube-size) / 2));
}

.dc942533d8 {
  order: 1;
}

._7eb2db3865 {
  min-height: 32px;
}

.ae48daba08 {
}

/* .wrapper {
  flex-shrink: 0;
  cursor: pointer;
  margin: 4px 8px;
  order: 2;
} */

._15415ea05c {
  display: flex;
  align-items: center;
}

._2ba37ec757 {
  color: #666f79; /**Theme.primaryColor**/
  font-size: 8px;
}

._985846a234 {
  transform: rotate(0deg);
}

._92ae8fdeba {
  transform: rotate(-180deg);
}

._4bc9c1e739 {
  position: fixed;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  background:rgba(0, 0, 0, 0.1);
  z-index: -1; /* just below parent */
}

._312d39b5b6 {
  display: flex;
  order: 2;
  width: 320px;
  height: 180px;
  line-height: 25px;
  position: absolute;
  left: 10px;
  /* top: 10px; */
  bottom: 140px;
  background-color: #fff;
  color: #9e9e9e;
  border-radius: 2px;
  border-color: #888;
  box-shadow: 0 0 6px 0 rgba(56, 58, 59, 0.25);
}