.XlsjC1Nsxk {
  color: #ffaa00;
}

.XlsjC1Nsxk:hover {
  color: #ff9d00;
}

.DIZ0GUtqNb {
  line-height: 2.0em;
}
.Tm9pfax_V0 {
  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;
}

.ZBl9BO0VmK {
  cursor: pointer;
}

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

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

.dL8B08jo3s {
  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;
}

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

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

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


.qLaNyYBIAV {
  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;
}

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

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

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

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

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

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

.xFZ1xRfHDi {
  margin-bottom: 3px;
}

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

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

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

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

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

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

.O77GVkTS1D :disabled {
  opacity: 25%;
}

.VGImI89Qc6 {
}

.k77efEvqfj {
  margin-top: 10px;
}

.ePOXreVqtK {
}

.b603ieRLNA {
}

.lp7MtnkoMr {
}

.qax_L9tlqg {
  margin-top: 10px;
}

.nhF97asgbT {
}

.qn0PtVn8x3 {
}

.PcErjMbBN3 {
}

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

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

.RtkoHvFah3 {
  margin-top: 10px;
}

.K8XWieV6Q0 {
  margin-bottom: 16px;
}

.nKxSJYYPyt {
}

.XvRwuN0BcX {
}

.fHaOl4Cste {
}

.n3MXiR74x6 {
}

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

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

.qh8x1MaU8N {
  margin-bottom: 16px;
}

.bHa_DcvZMI {
  margin-top: 10px;
}

.oha5QMn82f {
  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;
}
.LXqPTcP8jZ {
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  height: 100%;
}

.EeXHOvSKXU {
  margin-bottom: 16px;
}

.WNuaBMrEnR {
}

.XmhA3tdvLX {
  margin-top: 10px;
}

.mop7WP53MO {
}

.LhVs1TXA0V {
}

/* 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;
}

.FqnNpdQpIJ {
  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); */
}

.guggwTGfjE {
  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;
}

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

.wViphKHcLJ {
  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;
}

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

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

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

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

.AzSRlHyE8c {
  direction: rtl
}

.sLa1MY9d3T {
  margin: 1px 0px;
}

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

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

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

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

.X08jRRb4e1 {
  margin: 4px;
}

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

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

.GZrIIwxdDg {
  margin-top: 2px;
}

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

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

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

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

.tgloFhMIeS {
  margin-top: 2px;
}

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

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

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

.G71ZQXMdes {
}

.OzYFadPpvr {
  color: #d85555;
}

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

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

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

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

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

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

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

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

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

.VhwhnkTYm2 {
  flex-flow: row nowrap;
}

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

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

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

.kjtKjodNjp {
}

.lIhYAmtQeg {
  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");
}

.MzlKpj9QgS {
  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");
}

.Gnc8Jnc3AH {
  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");
}

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

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

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

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

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

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

.p8pOBbYWHe {
  flex-flow: row nowrap;
}

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

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

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

.KoOjqq_yrt {
}

.z6MQmXQLTl {
  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;
}

.CeUOPpEHQW {
  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;
}

.R4j66lsGYe {
  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%28.5%201%29%27%20stroke%3D%27%2361A6E8%27%20fill%3D%27none%27%20fill-rule%3D%27evenodd%27%2F%3E%3C%2Fsvg%3E");
  margin-right: 3px;
}

.Mf0kxXRrQk {
}

.XJOMRktogr {
}

.FZ9SAspT7w {
}

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

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

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

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

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

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

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

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

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

.pjFxXr1UoI {
  flex-flow: row nowrap;
}

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

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

.QxYEgklsPB {
}

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

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

.llTvoGHnvx {
}

.T8hRnhJnbi {
  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");
}

.wW28I73Qcu {
  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");
}

.HNlOfS804d {
  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");
}

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

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

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


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

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

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

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

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

.r35tMTh0CK {
  width: 100%;
  margin-top: 8px;
  margin-bottom: 2px;
}
.LZ0NNZQYz6 {
  /* reuse shared header styles (defined in general-properties.css) */
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  margin-bottom: 6px; /* add spacing between header line and grid */
}

.TWunR8uNLD {
  /* match Translation/Rotation/Scale header label sizing */
  font-size: 12px;
  color: #666f79;
  min-width: 42px;
  margin: 0px;
}


.vtUiodQLZk {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: center; /* center the grid horizontally */
}

.vBddjgT16C {
  display: grid;
  grid-template-columns: repeat(3, 30px);
  grid-auto-rows: 30px;
  gap: 8px;
  align-items: center;
  justify-content: start;
}

.akYsTAYEmK {
  width: 30px;
  height: 30px;
  border-radius: 4px;
  border: 1px solid #dfe4ea;
  background: #ffffff;
  padding: 0;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.akYsTAYEmK:hover {
  border-color: #5eb5fb;
}

.akYsTAYEmK:active {
  border-color: #3184d3;
}

.akYsTAYEmK.x1xMjASitn {
  background: #2f80ed;
  border-color: #2f80ed;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
}

/* optional visual dot in the center for the center cell */
.akYsTAYEmK.cWnYsfDIub::after {
  content: '';
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: rgba(0,0,0,0.4);
}

.iJVPngNTXd {
  margin-bottom: 18px;
}

._X9EHbj0_z {
  font-size: 12px;
}

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

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

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

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

/* Just to make the grid visible */

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

.AnnFGyzBTE {
  width: 100%;
}

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

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

._TB8LJ0an0 {
  margin-bottom: 3px;
}

.PixvYAXIkH {
  margin-bottom: 11px;
}

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


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

.NMjmQW3AM4 {
  margin-bottom: 3px;
}

.N31LYHoD2n {
  margin-bottom: 11px;
}

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


.ReV_h3S6aF {
  margin-bottom: 4px;
}

.i4q2LuQ81w {
}

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

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

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

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

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

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

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

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

.N5GmT_nP5E {
  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;
}

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

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

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

.Hyu_IweDZK {
}

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

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

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

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

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

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

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

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

.YWFz1XZ7ZX {
}

.rUd9lakBmd {
}

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

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

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

.dCKqR2pWTD {
  margin-left: 8px;
}

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

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

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

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

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

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

.wlpAW8Qp7F {
  float: right;
}

.snWsAocA1e {
  font-size: 15px;
}

.TXVP78kHAi {
  flex-grow: 1;
}

.A7VXlefQHc {
  margin: 0px;
}

.XSXAchovbC {
  margin: 8px 0px 4px;
  font-size: 11px;
}

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

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

.RIlW4uuMcY {
}

.taz0ZFUA0_ {
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.xICTitkKhR {
  float: left;
}

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

.HHEIUIinH0 {
}

.gyJ4if7Akz {
}

.WOvAw6EYJ9 {
}

.S6I_VDBtSw {
}

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

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

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

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

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

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

.RO_C0yYhmf {
  margin-bottom: 18px;
}

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

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

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

.xRE5iLQHza {
  margin-top: 12px;
}

.jPErhjaJvB {
  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;
}

.SuGdnXSJ7s {
  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;
}

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

.s01SaRYVLQ {
  cursor: pointer;
}

.o_GSzndUKc {
  align-self: center;
}

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

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

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

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

.HFHEAgDi5M {
  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;
}

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

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

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

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

.S8SlcOD2gh {
  padding: 6px 12px;
}

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

.zurN9H_e87 {
  margin-right: 8px;
}

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

.IuMRtw5c64 {
  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;
}

.IuMRtw5c64: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; */
}

.AAZb5pplmI {
  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';
}

.UamMkhBeMa {
  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';
}

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

.I3JIAWO8f3: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 */
}

.X2BDsVmkON {
  opacity: 0.5;
}

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

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

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

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

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

.CXzgLO48vL {
  /* 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;
} */

.IuMRtw5c64:hover .CXzgLO48vL {
  opacity: 1;
}

.CXzgLO48vL: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;
} */

.euikwdxwUN {
  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;
}

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

.W42j75zG8P {
  color: #3aca4b;
}

.I_u_MAjVG6 {
  color: #990000;
}

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

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

.SPcz37hdZz {
  margin-bottom: 18px;
}

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

.gP_bVNEl4m {
  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;
}

.vBFHfrGfBq {
  box-shadow: none;
}

.ojx3EthSWS {
  height: 100%;
}

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

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

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

.ob26o79hII {
}

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

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

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

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

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

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

.QfBHWSsx0O {
  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;
}
*/

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

.lWoyrfIVh6 {
  margin: 10px 10px;
}

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

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

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

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

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

.Zt9isyvfTl {
  display: flex;
}

.rWhEosbeph {
  margin-bottom: 3px;
}

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

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

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

.YWRgvCTpL6 {
  flex: 1 1 50%
}

.U9o4jeXU3W {
  position: absolute;
  top: 6px;
  right: 6px;
}
.NcIGI7PZTx {
  flex: 1;
}
.f9Z66oIcYg {
  display: flex;
  flex-flow: column nowrap;
  background-color: #FFF;
  flex: 1;
}
.cWINaYDCKu {
  display: flex;
  height: 100%;
  width: 100%;
  /* border-bottom: 1px solid #bdbdbd; */
  /* margin-left: -4px; */
  /* margin-bottom: 20px; */
  flex-flow: column nowrap;
  align-items: center;
  align-content: flex-start;
  position: relative;
  overflow-y: auto;
}

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

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

.Xj9Pv7i59k {
  display: flex;
}

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

.SuHnUdV2lU {
  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;
}

.BFq9bzocmB {
  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;
}

.YCKxNXOkF9 {
  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;
}

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

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

.eLjMI8pzhr span:after,

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

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

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

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

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

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

.hXt3cg338j {
  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;
}

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

.t5wOzNMBHR {
  flex-grow: 1;
}


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

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

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

.WYsTwlZJsM {
  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;
}


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

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

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

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

.NN7WCEHRp7 {
  margin-bottom: 18px;
}

/* New: grid container — no manual row packing needed */
.xxUio_bqLa {
  display: grid;
  grid-auto-flow: row dense;
  /* columns are set inline from JS: gridTemplateColumns: repeat(columnHint, 1fr) */
  gap: 8px;
  padding: 0% 5%; /* i.e. width: 90% but keep scrollbar at edge */
}

/* Legacy .row kept for compatibility (unused now) */
.YXMN9TNGam {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  overflow: hidden;
  flex-shrink: 1;
  width: 100%;
}

/* Base tile styles (kept names for compatibility) */
.uoPqhNW5yI {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  font-size: 12px;
  text-align: center;
  min-width: 0;
  box-shadow: 0px 0px 2px #0000004d;
  border-radius: 10px;
  overflow: hidden;
  background: #fff;
}

/* Empty filler tiles */
.YQZ5MRi7Pc {
  box-shadow: none;
  background: transparent;
}

/* The square media tile */
.ESs2dYapVt {
  position: relative;         /* anchor absolutely-positioned media */
  aspect-ratio: 1 / 1;        /* modern sizing */
}

/* Fallback *only* when aspect-ratio is not supported */
@supports not (aspect-ratio: 1 / 1) {
  .ESs2dYapVt::before {
    content: '';
    display: block;
    padding-top: 100%;
  }
}

/* Optional 2-wide style retained (we span in JS via gridColumn) */
.JsmBGrV32J {
}

/* Wrapper that holds the square tile + two text lines */
.mMdZHY6uVd {
  display: grid;
  grid-template-rows: auto auto auto; /* tile + title + size */
  gap: 6px;
  width: 100%;
}

/* Upload box cell */
.B3KZDRicrs {
  position: relative;
  display: flex;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
}

/* (debug) content block, keeping for parity */
.m8bwYYXh5D {
  background-color: #c0ffc0;
  margin: 2px;
}

/* Subtitle text under each tile */
.i7inZCPxaj {
  margin: 0 0 0 10px;
  font-family: 'Montserrat';
  font-size: 12px;
  color: #777777;
  font-weight: 400;
  text-align: left;
}

.heEVSQAGBc {
  margin: 0 0 0 10px;
  font-family: 'Montserrat';
  font-size: 12px;
  color: #777777;
  font-weight: 400;
  text-align: left;
}

.aYleB2wN_9 {
  display: none;
}

/* Unused legacy styles kept for safety */
.xwYl73IWjh {
  display: flex;
  flex-direction: column;
  font-size: 12px;
  min-width: 0;
  box-shadow: 0px 0px 2px #0000004d;
  border-radius: 4px;
  overflow: hidden;
  margin: 2px;
}

.k7FKtDDRD7 {
  background-color: #00ff0020;
}

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

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

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

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

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

.em2h7Ww7Ra {
  min-height: 32px;
}

.fvtNtRBxkq {
}

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

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

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

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

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

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

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

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

.OOSYFl59RM {
  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;
}

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

.qrgSWFhwJq {
  opacity: 1.0;
}
.qrgSWFhwJq > .e95SnAqioH {
  /* max-width: fit-content; fit content won't animate */
  max-width: 220px;
}
.qrgSWFhwJq .xeHUR_wpQD {
  opacity: 1.0;
}

.bn6JgVtHx1 {
  opacity: 1.0;
}
.bn6JgVtHx1 > .e95SnAqioH {
  max-width: 18px;
}
.bn6JgVtHx1 .SItAdENVJq,
.bn6JgVtHx1 .Nsf63XSbRt,
.bn6JgVtHx1 .NL6PqhvRID,
.bn6JgVtHx1 .XurNTOow5M {
  opacity: 0;
}
.bn6JgVtHx1 .q9yUuZCr3c,
.bn6JgVtHx1 .iD91mTjFQo,
.bn6JgVtHx1 .BytqHeBMYO,
.bn6JgVtHx1 .jz9Eh1TD_v {
  /* padding: 0px 0px 16px 0px; */
  /* width: 18px; */
}

.e95SnAqioH {
  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;
}


.uQOhn1nSIK {
  /* 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;
}

.q9yUuZCr3c {
  color: #7FB700;
}
.iD91mTjFQo {
  color: #fa0;
}
.BytqHeBMYO {
  color: #ff5a5a;
}
.jz9Eh1TD_v {
}

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

.SItAdENVJq {
  color: #7FB700;
}
.Nsf63XSbRt {
  color: #fa0;
}
.NL6PqhvRID {
  color: #ff5a5a;
}
.XurNTOow5M {
}

.vTdL1vvGUp {
  display: block;
}

.rzOWP4tUpK {
  order: 1;
}

.tvacFt3G4g {
  min-height: 32px;
}

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

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

.hoOmIWkB0D {
  order: 25;
}

.ZrZ1C4Dklc {
}

.Ifc22iGuqx {
}

.LOimBRFIuc {
}

.fYFvxEMqYh {
}

.Et7NMFyayq {
  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;
  }
}

.MaD18v07S9 {
}

.uRlzJ0uXzy {
}

.TtQuIoCuEX {
}

.V08ky1gr3x {
}

.Jh5bei88Ef {
  height: 32px;
}

.ARI01aXvjo {
  display: none;
}

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

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

.dadAEgDhIN {
  order: 10;
}

.QhyNYkJRcf {
}

.DhpYMVVzxC {
}

.m5EuEkUybj {
}

.QL1BQaW9KI {
}

.VOouhECxkz {
  order: 15;
}

.N_OqEhxeYI {
}

.qizBcNzkZv {
}

.hN9e18WtGx {
}

.Ll4txjWjLs {
}

.mGzQvPrSW3 {
  order: 5;
}

.WEuDqSlfB5 {
}

.R218r0UTg1 {
}

.oVo68Boldn {
}

.kPcU3w9aze {
}

.N7vjA4uOGs {
  order: 30;
}

.LvvMyD1TyW {
}

.QfMxvspKAn {
}

.mvHW4mp8U6 {
}

.xiI8ALw2rj {
}

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

.gfU1KTX4yt {
}

.MlGPw_RHFD {
}

.A_H7cnNq7c {
}

.fbn6k9k17a {
}

.JqZy7zxXf6 {
  height: 32px;
}

.MPcbFosR15 {
  display: none;
}

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

.pNaivIa8CS {
  opacity: 0;
}

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

.y1OAECMm0u {
  order: 4;
}

.mNQXms_yyH {
}

.sMz0ZLCpfO {
}

.cND2rQmRA4 {
}

.ed0x6L4mpB {
}

.jnJ50j1pC2 {
  order: 0;
}

.mY_2BpeOHi {
}

.v88mROYfL_ {
}

.qO6YKVm6OA {
}

.ZvvMTJgq8F {
}

.VSDODsPCj2 {
  order: 6;
}

.SLdPErbd8h {
}

.So4TkJtRQZ {
}

.bcSyDuZRnk {
}

.qkZieh0N97 {
}

.dS_WCjW5vz {
  order: 2;
}

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

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

.ggNm5ia7_3 {
}

.DamwFdH5oj {
}

.D4GvYERvGl {
  order: 50;
}

.Zvafm7Ho_6 {
}

.Ighkz2UAHg {
}

.jXewIWlZwN {
}

.CqZ4wJdsKp {
}

.DUXUTUn4I8 {
  width: '100%',
}

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

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

.I7Qnu2JnH9 {
  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;
}

.s6rywZdkIz {
  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%);
}; */

.vYZrYkNVt2 {
  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';
*/

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

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

.AKcqb4yIwn {
}

.lIxPhKPBF8 {
}

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

.CQtKRQthth {
  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 .CQtKRQthth {
  color: black;
  background-color: #fffc;
}

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

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

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

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

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

.fJnkMUP2s5 {
  margin-right: 2px;
}

.SWJEyMjhu8 {
}

.x9bYxorbXe {
}

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

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

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

.hmpoU32Vv1 {
  margin: 0px 4px;
}

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

.tv_QReW8np {
  color: #f88;
}

.XXz00b5uje {
  margin-top: 13px;
}

.O9zlHxv5jl {
  top: -12px;
}

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

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

.JAeFuVCGSh {
  margin: 1px 2px;
}

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

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

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

.oJDW8_O4y2 {
  background-color: #dfd;
}

.I5aYd7MJGF {
  background-color: #fdd;
}

.XkIndd1MQg {
}

._3flBT1o8C9 {
}

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

.LVVAlzJNWV {
  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 .LVVAlzJNWV {
  color: black;
  background-color: #fffc;
}

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

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

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

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

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

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

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

.yFmNFmoKBx {
}

.hzb0GAD97A {
}

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

._2G1uSkttP9 {
  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 ._2G1uSkttP9 {
  color: black;
  background-color: #fffb;
}

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

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

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

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

.Rj4tGzsR0x {
}

.CU0hwYGMB8 {
}

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

.QYLPQQAbx_ {
  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 .QYLPQQAbx_ {
  color: black;
  background-color: #fffc;
}

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

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

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

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

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

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

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

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

.h_Owj2M80j {
  font-size: 12px;
}

.r1_taccZ71 .HqUStyusQb {
  font-size: 12px;
}

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

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

.zYFr4Bh96C {
}

.c2VD2RU8ao {
}

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

.eKKmHPEf5V {
  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 .eKKmHPEf5V {
  color: black;
  background-color: #fffb;
}

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

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

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

div > .fr3iq1AAA7 {
  position: fixed;
}

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

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

.swf7Z5WdIT {
  font-size: 12px;
}

.PpnNLrNh1x {
  margin: 0px 4px;
}

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

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

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

.xmhKu2_u9h .e8Wal8jmdV {
  font-size: 12px;
}

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

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

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

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

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

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

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

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

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

.Nj3KALwcLJ::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: oyH9reMtSF 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 oyH9reMtSF{
  0%   { border-color: transparent;}
  50%  { border-color: #ff000080; }
  100% { border-color: transparent;}
}

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

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

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

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

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

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

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

.jR9EMYu4NK {
  color: #f07070;
}

.Njd7xvLuGH {
  color: #3aca4b;
}

.to7Ggek5Cl {
  color: #61a6e8;
}

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

.uxwOpiYs7f {
  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;
}

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

.fhpJ0RaC92 {
  font-size: 12px;
}

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

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

.i0v523iBMx {
}

.h0VjkkAu5_ {
}

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

.XgxhiktNNX {
  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 .XgxhiktNNX {
  color: black;
  background-color: #fffc;
}

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

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

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

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

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

.RO0mD_HaiN {
  min-width: 120px;
  margin: 4px 5px;
  padding: 4px;
  border: 2px solid #888;
  background: transparent;
  outline: none;
  border-radius: 6px;
  color: #ccc;
}

.RO0mD_HaiN:focus {
    color: #fff;
    border: 2px solid #eee;
}
:root {
  --bgOuter: white;
  --bgMain: none;
  --bgSub: none;
}

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

.APaC0c0afX .eSoQBSia5t:after {
  background-color: red;
}

.UYusxpVxX_ {
  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;
}

.NPXNzYjqYv {
  background: url(/static/img/node_ghost.d4031df45c.svg);
  width: 100%;
  height: 204px;
  background-position: center;
  background-repeat: no-repeat;
  transform: scale(0.7);
}

.AAbm0jvrgh {
  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 {
} */

.rCZ02FmPLb {
  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;
}

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

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

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

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

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

@keyframes DShlQgmNO_ {
  0% {
    left: calc(-50% - 5px);
  }
  75% {
    left: calc(50% + 105px);
  }
  100% {
    left: calc(50% + 105px);
  }
}
@keyframes SS8WM7kLgT {
  0% {
    left: -50px;
  }
  50% {
    left: -12px;
  }
  75% {
    left: -50px;
  }
  100% {
    left: -50px;
  }
}
@keyframes DeBgYUVMmY {
  0% {
    left: -100px;
  }
  50% {
    left: -24px;
  }
  75% {
    left: -100px;
  }
  100% {
    left: -100px;
  }
}


.lyYtTR6RQo {
  /* 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; */
}

.lyYtTR6RQo.uBVY5y6lco {
  min-width: 0px;
}

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

.lyYtTR6RQo.njteUx31sj {
  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: '';
} */

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

  height: 100%;
  content: '';
}

.lyYtTR6RQo .j3eAcfg3QZ {
  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;
}

.lyYtTR6RQo:not(.URSxGWpVR_,.uBVY5y6lco) .j3eAcfg3QZ::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;
}

.lyYtTR6RQo.uBVY5y6lco:not(.URSxGWpVR_) .j3eAcfg3QZ::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;
} */

.lyYtTR6RQo.URSxGWpVR_ .j3eAcfg3QZ {
  background-color: #74a700;
  /* border-bottom: 6px solid #080; */
}

.lyYtTR6RQo:hover.URSxGWpVR_ .j3eAcfg3QZ {
  background-color: #649700;
  /* border-bottom: 6px solid #0a0; */
}

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

.lyYtTR6RQo:hover .j3eAcfg3QZ {
  background-color: #3e4250;
  /* background-color: #ffcc66; */
}

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

.lyYtTR6RQo:hover .mSP1_jujLR {
  opacity: 1;
  transition: opacity 500ms ease-in-out;
}

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

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

.lyYtTR6RQo .mCO6Dqft4N.uwrbYf6NNc::after {
  content: url(/static/img/warning.99dabdb072.svg);
  /* position: absolute; */
  width: 13.6px;
  /* left: calc(50% - 6.8px); */
  align-self: center;
}

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

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

.lyYtTR6RQo.uBVY5y6lco .ebaYI_swjB {
  width: 100%;
}

/* fixedParent is for phone number control */
.lyYtTR6RQo.vvfMFwgZ9x .lGVx1v5uKV {
  width: 215px;
  height: 43px;
}

.lyYtTR6RQo.vvfMFwgZ9x > .lGVx1v5uKV div {
  position: fixed;
}

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

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

.lyYtTR6RQo .LzIEX_SQ96 {
  background-color: var(--bgSub);
  padding: 2px 0px;

  position: relative;
}

.uJ61iwyF9b > .LzIEX_SQ96,
.uJ61iwyF9b > .buiBuSfELZ {
  flex-grow: 1;
}

.lyYtTR6RQo.uBVY5y6lco .uJ61iwyF9b .buiBuSfELZ {
  min-width: 0px;
}

.lyYtTR6RQo.uBVY5y6lco .uJ61iwyF9b .Fg2gRCjoFX {
  min-width: 0px;
}

.lyYtTR6RQo .uJ61iwyF9b {
  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;
}

.lyYtTR6RQo .uJ61iwyF9b:last-child:not(.uBVY5y6lco) {
  padding-bottom: 10px;
}

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

.uJ61iwyF9b.uBVY5y6lco {
  border-bottom: none;
  margin-top: -6px;
}

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

.lyYtTR6RQo .uJ61iwyF9b.NLRSsxrxvI {
  border-bottom: none;
}

.lyYtTR6RQo .Fg2gRCjoFX,
.lyYtTR6RQo .buiBuSfELZ {
  display: flex;
  align-items: center;
}

.lyYtTR6RQo .buiBuSfELZ {
  justify-content: flex-start;
}

.lyYtTR6RQo .Fg2gRCjoFX {
  justify-content: flex-end;
}

.uJ61iwyF9b.uBVY5y6lco .buiBuSfELZ, .uJ61iwyF9b.uBVY5y6lco .Fg2gRCjoFX {
  margin-top: -25px;
}

.lyYtTR6RQo .gZ6UjdJir9 {
  min-width: 8px;
  flex-grow: 1;
}

.lyYtTR6RQo.uBVY5y6lco .gZ6UjdJir9 {
  min-width: 0px;
}

.lyYtTR6RQo .yfKGTQsVr6,
.lyYtTR6RQo.uBVY5y6lco .yfKGTQsVr6 {
  margin: 0px;
  font-family: 'Roboto Condensed'; /* base specifies, so need to override */
}

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

.lyYtTR6RQo .yfKGTQsVr6 {
  color: #2e3240;
  margin: 0px 6px 0px 0px;
}
.lyYtTR6RQo .uef91Gornh {
  margin: 0px 0px 0px 1px;
}

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

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

.lyYtTR6RQo .WCjV9YJjEb.SRorFc1jZy {
  max-width: 80px;
  overflow: hidden;
  text-overflow: ellipsis;
}

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

.lyYtTR6RQo .nvtD7qXhRk {
  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;
}

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

.lyYtTR6RQo .nvtD7qXhRk.Fg2gRCjoFX {
  --wa: 16px;
  --wb: calc(0.5 * var(--wa));
  width: var(--wa);
  left: calc(100% - var(--wb) - 1px);
}

.lyYtTR6RQo .nvtD7qXhRk.buiBuSfELZ {
  --wa: 16px;
  --wb: calc(0.5 * var(--wa));
  width: var(--wa);
  left: calc(0px - var(--wb) + 1px);
}

.lyYtTR6RQo .KuNMLBzBJM .nvtD7qXhRk.buiBuSfELZ {
  border-radius: 0px;
  width: 23px;
  height: 19px;
  left: calc(0px - var(--wb));

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

  -webkit-mask-image: url(/static/img/input_latched-mask.0bcb9f3a35.svg);
  mask-image: url(/static/img/input_latched-mask.0bcb9f3a35.svg);
  background-image: url(/static/img/input_latched.1798bbcb92.svg);
}

.lyYtTR6RQo .KuNMLBzBJM .nvtD7qXhRk.buiBuSfELZ:hover {
  -webkit-mask-image: url(/static/img/input_latched-mask_h.6fe86b22a1.svg);
  mask-image: url(/static/img/input_latched-mask_h.6fe86b22a1.svg);
  background-image: url(/static/img/input_latched_h.54f77f21b2.svg);
  outline: none;
}

.lyYtTR6RQo .Fg2gRCjoFX .nvtD7qXhRk.JI5c70H_KU {
  left: calc(100% - 9px);
}

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

 .nvtD7qXhRk.fezOVNyrkX {
  background-color: #eee;
}

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

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

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

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

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

.lyYtTR6RQo .nvtD7qXhRk.BuhDsRRNXU {
  background-color: #b7de9e;
}

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

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

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

.lyYtTR6RQo .nvtD7qXhRk.Bw3xwR7ODZ {
  background-color: rgb(200, 200, 0);
  border-radius: 2px;
  height: 12px;
  --wa: 12px;
  width: var(--wa);
}

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

.lyYtTR6RQo .nvtD7qXhRk.TI57MOfzed {
  background-image: url(/static/img/objref.dc86d9aea7.svg);
  background-color: transparent;
  background-position: center;
  border: none;
  border-radius: 0px;
  height: 19px;
  --wa: 23px;
  width: var(--wa);
}

.lyYtTR6RQo .nvtD7qXhRk.TI57MOfzed:hover {
  background-image: url(/static/img/objref_h.d00d53c2ef.svg);
  outline: none;
}

.lyYtTR6RQo .KuNMLBzBJM .nvtD7qXhRk.TI57MOfzed {
  background-image: url(/static/img/objref_latched.a5c8e61df5.svg);
}

.lyYtTR6RQo .KuNMLBzBJM .nvtD7qXhRk.TI57MOfzed:hover {
  background-image: url(/static/img/objref_latched_h.95c9a80909.svg);
}

.lyYtTR6RQo .pHsRH1PM7S .nvtD7qXhRk.buiBuSfELZ.TI57MOfzed {
  background-image: url(/static/img/objref_multi.d2caeeb921.svg);
}

.lyYtTR6RQo .pHsRH1PM7S .nvtD7qXhRk.buiBuSfELZ.TI57MOfzed:hover {
  background-image: url(/static/img/objref_multi_h.0f53e7e374.svg);
}

.lyYtTR6RQo .nvtD7qXhRk.Vsfma3tS2O {
  background-image: url(/static/img/objref_multi.d2caeeb921.svg);
  background-color: transparent;
  background-position: center;
  border: none;
  border-radius: 0px;
  height: 19px;
  --wa: 23px;
  width: var(--wa);
}

.lyYtTR6RQo .nvtD7qXhRk.Vsfma3tS2O:hover {
  background-image: url(/static/img/objref_multi_h.0f53e7e374.svg);
}

.lyYtTR6RQo .nvtD7qXhRk.PPqwjleaXB {
  background-color: rgb(2, 99, 0);
}

.lyYtTR6RQo .nvtD7qXhRk.JI5c70H_KU {
  background-image: url(/static/img/event_socket.7caf64be51.svg);
  border-radius: 0px;
  width: 19px;
  height: 19px;
  --wa: 16px;
  background-color: transparent;
  background-position: center;
  border: none;
  /* background-color: red; */
}
.lyYtTR6RQo .nvtD7qXhRk.JI5c70H_KU:hover {
  /* background-color: red; */
  background-image: url(/static/img/event_socket_h.b173a30db2.svg);
  outline: none;
}

.lyYtTR6RQo .KuNMLBzBJM .nvtD7qXhRk.JI5c70H_KU {
  width: 21px;
  background-image: url(/static/img/event_latched.55636a1d95.svg);
}

.lyYtTR6RQo .KuNMLBzBJM .nvtD7qXhRk.JI5c70H_KU:hover {
  background-image: url(/static/img/event_latched_h.4af6f56284.svg);
}

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

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

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

.jGRXxqoYjl:hover .PIE1kYEvU_ {
  stroke: #ffa030;
  stroke-width: 6px;
  stroke-opacity: 0.8;
}

.APaC0c0afX.tws3bQj03O .jGRXxqoYjl:hover .PIE1kYEvU_ {
  stroke: #ff0000;
}

.Lq1yM1zRbw {
  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;
}

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

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

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

.APaC0c0afX.tws3bQj03O .Lq1yM1zRbw: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;
} */

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


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

.AAKQQx0Aib .qMnmXI6eik {
  /* 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;
}

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

.AAKQQx0Aib .qMnmXI6eik.vFAMlrpDc_::after {
  content: ">";
  position: absolute;
  opacity: 0.6;
  top: 2px;
}

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

.YAQpznb935.eGBfDFwOJ1 {
  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;
} */

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

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

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

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

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

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

.WPbZunbD98 {
  background-color: #f00;
}

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

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

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

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

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

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

@keyframes QDDIQvKFn5{
  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 */
.r7OBkAtbgv, .UTz_asUQal {
  position: absolute;
  cursor: move;
  border-radius: 16px;

  .jyfQoQLh3N {
    position: relative;
    display: flex;
    flex-flow: column nowrap;
    height: 100%;
    .U_XC3AtEb5 {
      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;
    };
    .m_RKQhWJze {
      color: #fff;
      font-size: 140%;
      font-family: 'Roboto Condensed';

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

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

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

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

.r7OBkAtbgv:focus-within, .UTz_asUQal:focus-within {
  outline: none;
  border-color: #ffaa00;
}

.lJTEvmJe04 {
    padding: 20px;
}

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

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

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

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

._ScXWp8Zae {
    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;
}
.pUmZNbiuwo {
  /* placeholder example styleName */
  position: relative;
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  order: 55;
  align-items: center;
}

.aL2KAXCr9N {
  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%;
}

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

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

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

.LLgTKok5d4 {
  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;
} */

.A9cS_OC1JO {
  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;
} */

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

.py3LBr_L7Y {
  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%;
}

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

.wYs10Wi1ZP {
  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;
} */

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

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

.iAN65AeXUo {
}

.eyCSSH0cmT {
  margin-top: 10px;
}

.XNWYfXBpz3 {
}

.hnN2tQL06J {
}

.StjLNdbXH4 {
}

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

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

.CJV4nynmif {
  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);
}

.CJV4nynmif: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; */
}

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

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

._iEQCiVaVE {
  margin-bottom: 18px;
}

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

.zcLBYsLfNp {
  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;
}

.KJzDRmdz0c {
  box-shadow: none;
}

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

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

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

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

.K2WOGzlvni {
}

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

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

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

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

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

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

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

.Od7u3tF4nN {
  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 */
}

.sAzzAAgk80 {
}

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

.zWh9DLOe2q {
  text-decoration: none;
}

.UucBcNs9yk {
  font-size: 14px;
  margin-bottom: 8px;
}
.WHD7KeoL95 {
  position: relative;
}

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

.DWy2j6Ostf {
  font-size: 14px;
}


.J6DmO1RE_H {
  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;
}


.oJbEoIVoc3 {
  flex: 1;
}

.rMpFnaXtMZ {
  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;
}

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

.vUVBlAAFmf {
  /* 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;
}

.FZuBOuK5di {
  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; */
}

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

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

.a5OMe01gmW:focus-within .ix4CnnLMGB {
  background: white; /* match .dialogFocused border */
}

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

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

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

.OHp0VOoZhl {
  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 ); */
}

.lSLA878Pgs.OHp0VOoZhl {
  display: none;
}

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

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

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

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

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

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

.lSLA878Pgs.IRcRVlmv2g {
  background-color: #aeafb5;
}

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

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

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

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

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

.zKPPEZsibb {
  flex: 1 0 auto;
}

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

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

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

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

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

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

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

.UnNdzYj_FI {
  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;
}

.j4ufFUlc_t {
  font-size: 14px;
}

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

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

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

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

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

  color: #777777;
}

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

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

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

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

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

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

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

  transition: 500ms;
}

.Z53qPk1GMY {

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

.IIdapawbrS {
  max-height: 60px;
}

.AVhmIPcrio {
}


.jpaPibAmA1 {
  max-height: 100px;
}

.Wj6QzG4FE3 {

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

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

.t4IjZOwW8I {
  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;
}

.F7iurZ39qb {
  display: none;
}

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

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

.P7ddOXK4np {
  color: #ffaa00;
}

.P7ddOXK4np:hover {
  color: #df8a00;
}

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

.y58hKAGL73 {
  color: #777777;
}

.y58hKAGL73:hover {
  color: #df8a00;
}

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

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

  transition: 500ms;
}

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

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

.a2hjSNnnrG span {
  color: #ffaa00;

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

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

.yHZ7JgD1h0 {
  position: relative;
}

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

  background-color: black;

  border: 2px solid white;

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

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

.V0yCssuw_v {

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

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

.ndejFXMP6V {
  margin: 2px 3px;
}

.C_FpRdK9PB {
}

.SEgrWY3qqJ {
  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;
}

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

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

.xsVc5qXdWL {
}

.ImA3ViKgGC {
  margin-top: 8px;
}

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

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

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

.bIPHqzmLD7 {
  flex: 1 1 18%;
}

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

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

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

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

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

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

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

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

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

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

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

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

.UiqoYs9aLM {
  margin-top: 8px;
}

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

.C9PH651WRH {
}

.mofbVXNSGa {
}

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

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

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

  opacity: 0;
}

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

.YlSlxwLHPR {
}

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

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

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

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

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

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

.XfHrpOrFAF {
}

.oL3ZDBWLt9 {
}

.lHGflSQ3_p {
}

._1ZUNsAiPc4 {
}

.auUHOjmGjS {
}

.JmDGVd40fP {
  min-width: 470px;
  max-width: 600px;
}

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

.uBXUpnDtqH {
  font-family: 'Roboto Condensed';
  font-size: 16px;
}

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

/* .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;
} */

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

.HrgJhqmZQM {
}

.HrgJhqmZQM:hover {
  color: #eeaa66;
}

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

.vjbU2cw9Hs {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  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;
  border-radius: 50px;

  opacity: 1;
}

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

.EX2k1ur2In {
  background-color: #e5f5ff;
}

.XyrrDzQjby {
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  gap: 8px;
  margin-top: 0;
}

.dQxv3Ufz7b {
  margin: 8px 0 16px;
  border: 1px solid #d8d8d8;
  border-radius: 12px;
  padding: 16px;
  background-color: #ffffff;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.U_vnKMz77B {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;
  min-height: 0;
  position: relative;
}

.V51iDXAzQs {
  grid-area: 1 / 1 / 2 / 2;
}

._PApFvGOd5 {
  visibility: hidden;
  pointer-events: none;
}

.pFzMc6UEPj {
  width: 100%;
}

.u8cWFGPWvD {
  margin: 0;
  color: #2e3240;
  width: 100%;
}

.u8cWFGPWvD .MuiTabs-flexContainer {
  gap: 12px;
}

.u8cWFGPWvD .MuiTabs-indicator {
  display: none;
}

.EXDjzdCwdp {
  color: #2e3240;
  margin: 2px 2px 2px 4px;
  padding: 8px 12px;
}

.bFmcvRHkcM {
  font-size: 20px;
}

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

.EWE6vb9pFf {
  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;
}

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

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

.Iz5q1YFWr9 > 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;
}

.bo_EtPLpif {
  flex: 2,
}

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

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

._YkYOpV8RP {
  opacity: 0;
}

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

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

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

.VuHe3FEhqQ {
  min-height: 80%;
}

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

.G6JULEfsq0 {
  height: 100%;
}

.pJ9xhp3ZeZ {
  width: 720px;
}

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

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

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

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

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

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

.gdpD_wNf7_ {
  width: 100%;
}

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

.gOdhcw75HT {
  margin-bottom: 3px;
}

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

.jMKqOkQaaR {
  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;
}
 */

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

.bM74TidjVY {
  flex: 1 1 50%
}

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

.lwQ7CYByc_ {
  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; */
}

.OjZrNTILF1 {
  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 */
}

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

.KxVMZtVLCm {
  font-size: 14px;
}

.OJPEOpwk0E {
  font-size: 12px;
}


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

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

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

.RwwCMp7Inm {
  max-width: 270px;
}

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

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

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

.E9wGo5hAeD {
  color: #d8d8d8;
}

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

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

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

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

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

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

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

.aFBJoNgjg9 {
  background-size: cover;
}

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

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

.jsEY_ZWZ7J {
  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 */
}

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

.COxiHNpc85 {
  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
}

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

  font-family: 'Roboto';
}

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

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

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

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

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

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


.buIHoGB1fx {
  color: #ffaa00;
}

.buIHoGB1fx:hover {
  color: #ff9d00;
}

.ktkvcvf9Eu {
  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;
}

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

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

.TViBoQNUzS {
  width: 100%;
  height: 8.9%;
  background-color: #2E3240;
  position: relative;
}

.T6x1a2m4uw {
  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;
}

.qZXkAF5GU8 {
  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;
}

.hdEbQ5n0_V {
  width: 100%;
  height: 8.9%;
  background-color: #2E3240;
}

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

.y9YIAwnbkF {
  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;
}

.BD4Sjr4c2w {
  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;
}


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

.EoPm2QTfBP {
  font-size: 14px;
}

.OUWm7fsZq7 {
  /* margin-bottom: 3px; */
  margin-right: 8px;
  align-self: center;
}

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

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

.sZB1lKz_ix {
  order: 20;
}

.hS1Hvan4id {
}

.WO0yAaZNr2 {
}

.tzfwfHneJE {
}

.HJqcpp47bM {
}

: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;
}

.mcbtzC3nhr {
  color: red;
  text-transform: uppercase;
  font-family: 'Montserrat-Misc';
  font-size: 16px;
}

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

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

.CTBP7xvcBn {
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  /* text-transform: uppercase; */
  color: #777;
  font-family: Montserrat;
  font-size: 11px;
}

.JRnm0Ho5ZU {
  display: flex;
  flex-flow: column nowrap;
  align-items: flex-end;
}

.XR2VcHlyYW {
  display: flex;
  flex-flow: column nowrap;
  justify-content: stretch;
}

.iAceXx8dsv {
  /* max-width: 260px; */
  flex: 1;
}

.gUc3MWkoXu {
  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;
}

.AK1R31tMRr {
  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;
}

.AK1R31tMRr table {
  border-collapse: collapse;
  width: calc(100% + 25px); /* extends cell borders outside of backgrounds */
  flex-grow: 1;
}

.AK1R31tMRr tr {
  /* text-align: center; */
  border-bottom: 1px dotted #ddd;
  height: 28px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.AK1R31tMRr td {
  display: flex;
  justify-content: center;
  align-items: center;
}

.ao_2ullucE {
  font-size: 20px;
}

.xVumsspVWV {
  min-width: 220px;
  max-width: 280px;
  background-color: transparent;
  border-color: transparent; /* exists for sizing */
}
.xVumsspVWV tr {
  /* text-align: right; */
  justify-content: flex-end;
}
.xVumsspVWV td {
  margin-right: 10px;
}

.XTo0LRbort {
  background-color: var(--creative-bg);
}
.WOdzkhf_Hw {
  background-color: var(--creative-plus-bg);
}
.LhCdhvQyZ5 {
  background-color: var(--pro-bg);
}
.Kr30k9dtCa {
  background-color: var(--enterprise-bg);
}

.ReIZmMbGGs {
  flex-grow: 1;
  padding: 16px 20px 10px;
}

.EyNEVW063x {
  background-color: var(--educational-bg);
}
.Uvsp1zanDY {
  background-color: var(--enterprise-bg);
}

.Z_Tef54dOf {
}

.SK5INb9PPS {
  background-color: var(--creative-color);
}
.X10y3EE0OZ {
  background-color: var(--creative-plus-color);
}
.ojdEvCspM6 {
  background-color: var(--pro-color);
}
.yPVISSIoMt {
  background-color: var(--enterprise-color);
}

.HsW8rmvd8w {
  background-color: var(--educational-color);
}
.hE8RfrvRoj {
  background-color: var(--enterprise-color);
}

.yBdcRrTzt7 {
  text-transform: uppercase;
}
.WPJtZNmugI {
  text-transform: uppercase;
}
._l3kKSd54k {
  text-transform: uppercase;
}
.YzEWNB1wls {
  text-transform: uppercase;
}

.q0vOhf0TfE {
  flex-grow: 1;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
}

.QOCh38uq4v {
  line-height: 1.5em;
  text-align: center;
}

.m8aFBiYxsE {
}

.KbrRlK9Pye {
}

.eW18QDDKxx {
  max-width: 600px
}

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

.bCEDhZZbZ4 {
  vertical-align: super;
}

.VeasSNd5hk {
  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;
}

.spMHLgRgwX {
  border-color: var(--creative-color);
}

.EuEfBW6YbO {
  border-color: var(--creative-plus-color);
}

.pHPgWoIi5J {
  border-color: var(--pro-color);
}

.HI_iAdFtLw {
  border-color: var(--educational-color);
}

.Wut3ndEhth {
  border-color: var(--enterprise-color);
}

.bZTixYqGUJ {
  width: 160px;
  height: 48px;
}

.wyD4N8LAV3 {
  /* padding: 12px;
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  gap: 12px;
  max-width: 240px;
  text-align: center;
  text-wrap: balance;
  color: #2e3240; */
}

._hlBiospPU {
  flex-grow: 1;
}

.R03Jn1ZXiL {
  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;
}

.t0vTGwzQew {
  width: 36px;
  margin-bottom: 20px
}
.iUzoefaLDg {
  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); */
}

.PU09KchbKv {
  font-family: 'Montserrat';
  font-weight: bold;
  font-size: 16px;
  color: #2e3240;
  pointer-events: auto;
}

.UTl2t1DKyT {
  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 .UTl2t1DKyT {
  /* color: #ffaa00; */
  /* background-color: white; */
  /* outline: 1px solid #ffaa00; */
  transform: scale(1.1);
}

.pCqRVbLEYO {
  right: 16px;
  top: 19px;
}

.xWkd_wwDBt {
  right: 16px;
  bottom: -2px; /* requires overflow:visible on list item */
}

.sk7u9IU6es {
  opacity: 1 !important;
  min-width: 320px; /* forces menu width to be at least this */
}

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

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

.N5Ihn_wTgw {
  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; */
}

.QPhHK7KgiX {
  /* 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;
}

.A83FDfRePj {
  position: absolute;
  top: 0px;
  right: 70px;
  width: 100px;
  height: 100px;
  border: 1px solid #00ff00;
  pointer-events: none;
}

.N1JgJG3gx6 {
  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; */
}

.W64SZZhAkN {
  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;
}

.hjutgRdwbP {
  background: hsla(0, 100%, 65%, 0.7);
  transform: rotateY(-90deg) translateZ(calc(var(--cube-size) / 2));
}

.oV3bNQY2pC {
  background: hsla(0, 100%, 30%, 0.7);
  transform: rotateY(90deg) translateZ(calc(var(--cube-size) / 2));
}

.HgFqUHnvEK {
  background: hsla(120, 100%, 65%, 0.7);
  transform: rotateX(-90deg) translateZ(calc(var(--cube-size) / 2));
}

.XCl6XocoQW {
  background: hsla(120, 100%, 30%, 0.7);
  transform: rotateX(90deg) translateZ(calc(var(--cube-size) / 2));
}

.oYPQQoDPvJ {
  background: hsla(240, 100%, 30%, 0.7);
  transform: rotateY(180deg) translateZ(calc(var(--cube-size) / 2));
}

.dn8bNS6mKu {
  background: hsla(240, 100%, 65%, 0.7);
  transform: rotateY(0deg) translateZ(calc(var(--cube-size) / 2));
}

.x9PmMblF5B {
  order: 1;
}

.HtCuKYjcFA {
  min-height: 32px;
}

.jcxbA76s_I {
}

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

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

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

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

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

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

.Gmaxb9nH4p {
  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);
}