@import url(https://use.typekit.net/ayh7njc.css);
/*purgecss start ignore */

.jdsc-toolbar[data-v-1f28cfb9]{
  display:flex;
  align-items:center;
  gap:1rem
}

.jds-action-box[data-v-65e1526b]{
  border-radius:.25rem;
  --tw-bg-opacity:1;
  background-color:rgba(255,255,255,var(--tw-bg-opacity));
  padding:1.5rem;
  font-size:14px;
  --tw-shadow:0 1px 2px 0 rgba(0,0,0,0.05);
  box-shadow:var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow)
}

.jds-action-box__header[data-v-65e1526b]{
  margin-bottom:1.5rem;
  display:flex;
  align-items:center;
  justify-content:space-between
}

.jds-action-box__heading[data-v-65e1526b]{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:.5rem;
  font-size:18px;
  font-weight:600;
  --tw-text-opacity:1;
  color:rgba(52,58,64,var(--tw-text-opacity))
}

.jds-action-box__icon[data-v-65e1526b]{
  --tw-text-opacity:1;
  color:rgba(102,114,126,var(--tw-text-opacity));
  position:relative;
  top:-1px
}

.jdsc-article{
  display:flex;
  flex-direction:column;
  gap:1.5rem;
  --tw-text-opacity:1;
  color:rgba(52,58,64,var(--tw-text-opacity));
  font-size:14px;
  font-weight:400;
  font-style:normal;
  line-height:1.5rem;
  line-height:1.5;
  letter-spacing:0
}

.jdsc-article h1,.jdsc-article h2{
  font-size:24px;
  font-weight:600;
  letter-spacing:-.025em
}

.jdsc-article strong{
  font-weight:700;
  --tw-text-opacity:1;
  color:rgba(0,0,0,var(--tw-text-opacity))
}

.jdsc-article a{
  padding-bottom:.125rem;
  --tw-text-opacity:1;
  color:rgba(77,8,155,var(--tw-text-opacity));
  -webkit-text-decoration:underline #d2affb 2px;
  text-decoration:underline #d2affb 2px
}

.jdsc-article ol{
  margin-left:1.5rem;
  list-style:decimal
}

.jdsc-article ul{
  margin-left:1.5rem;
  list-style:square
}

.jdsc-article ol ::marker,.jdsc-article ul ::marker{
  color:#66727e
}

.attribute-list[data-v-8022de06]{
  display:flex;
  flex-wrap:wrap;
  gap:1rem
}

.sticker[data-v-6822fa4a]{
  --sticker-bg:#700ce3;
  position:relative;
  cursor:pointer;
  border-radius:.375rem;
  --tw-bg-opacity:1;
  background-color:rgba(255,255,255,var(--tw-bg-opacity));
  font-size:14px;
  --tw-text-opacity:1;
  color:rgba(77,8,155,var(--tw-text-opacity));
  box-shadow:0 2px 1px #e7d4fd
}

.delete[data-v-6822fa4a]{
  position:absolute;
  display:flex;
  height:1.5rem;
  width:1.5rem;
  align-items:center;
  justify-content:center;
  border-radius:9999px;
  --tw-bg-opacity:1;
  background-color:rgba(0,0,0,var(--tw-bg-opacity));
  --tw-text-opacity:1;
  color:rgba(255,255,255,var(--tw-text-opacity));
  right:-.65rem;
  top:-.65rem
}

.delete[data-v-6822fa4a]:hover{
  --tw-bg-opacity:1;
  background-color:rgba(236,0,79,var(--tw-bg-opacity))
}

.label[data-v-6822fa4a]{
  border-top-left-radius:.375rem;
  border-top-right-radius:.375rem;
  border-width:1px;
  font-weight:700;
  --tw-text-opacity:1;
  color:rgba(255,255,255,var(--tw-text-opacity));
  border-color:var(--sticker-bg);
  background-color:var(--sticker-bg)
}

.content[data-v-6822fa4a],.label[data-v-6822fa4a]{
  padding-left:.75rem;
  padding-right:.75rem;
  padding-top:.25rem;
  padding-bottom:.25rem
}

.content[data-v-6822fa4a]{
  border-bottom-right-radius:.375rem;
  border-bottom-left-radius:.375rem;
  border-right-width:1px;
  border-bottom-width:1px;
  border-left-width:1px;
  border-color:var(--sticker-bg)
}

.identity[data-v-6822fa4a]{
  font-size:12px;
  font-weight:600;
  text-transform:uppercase;
  --tw-text-opacity:1;
  color:rgba(78,87,96,var(--tw-text-opacity))
}

.value[data-v-6822fa4a]{
  font-weight:600
}

.user-avatar{
  transition:.15s
}

.user-avatar:hover{
  z-index:1
}

.user-avatar:not(:first-of-type){
  margin-left:-5px
}

.jdsc-breakdown-wrapper[data-v-c3594c68]{
  width:100%
}

.jdsc-breakdown[data-v-c3594c68]{
  width:100%;
  border-radius:.5rem;
  --tw-bg-opacity:1;
  background-color:rgba(255,255,255,var(--tw-bg-opacity));
  padding-top:1.5rem;
  padding-bottom:1.5rem;
  --tw-shadow:0 0 transparent;
  box-shadow:var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow);
  display:grid;
  grid-template-columns:[left] max-content [center] 1fr [right];
  row-gap:.75rem
}

.jdsc-breakdown-stack[data-v-c3594c68]{
  gap:1.25rem
}

.jdsc-breakdown-card[data-v-c3594c68]{
  padding:1.5rem;
  --tw-shadow:0 1px 2px 0 rgba(0,0,0,0.05);
  box-shadow:var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow)
}

.jdsc-breakdown-heading[data-v-f19c8744]{
  margin-top:3rem;
  margin-bottom:1rem;
  font-size:24px;
  font-weight:700;
  --tw-text-opacity:1;
  color:rgba(78,87,96,var(--tw-text-opacity));
  letter-spacing:-1px;
  grid-column:left/right
}

.jdsc-breakdown-heading[data-v-f19c8744]:first-child{
  margin-top:1rem
}

@keyframes pulse-data-v-41d46cb8{
  0%{
    transform:scale(.7)
  }

  to{
    transform:scale(1.5)
  }
}

.jdsc-inline-loader[data-v-41d46cb8]{
  display:inline-block
}

.jdsc-inline-loader div[data-v-41d46cb8]{
  margin-right:.5rem;
  display:inline-block;
  height:.5rem;
  width:.5rem;
  border-radius:9999px;
  --tw-bg-opacity:1;
  background-color:rgba(0,0,0,var(--tw-bg-opacity));
  animation-duration:.3s;
  animation-direction:alternate;
  animation-iteration-count:infinite;
  animation-timing-function:cubic-bezier(.37,0,.63,1);
  animation-name:pulse-data-v-41d46cb8
}

.jdsc-inline-loader div[data-v-41d46cb8]:first-child{
  --tw-bg-opacity:1;
  background-color:rgba(255,163,194,var(--tw-bg-opacity))
}

.jdsc-inline-loader div[data-v-41d46cb8]:nth-child(2){
  --tw-bg-opacity:1;
  background-color:rgba(210,175,251,var(--tw-bg-opacity));
  animation-delay:.1s
}

.jdsc-inline-loader div[data-v-41d46cb8]:nth-child(3){
  margin-right:0;
  --tw-bg-opacity:1;
  background-color:rgba(255,157,235,var(--tw-bg-opacity));
  animation-delay:.2s
}

.jdsc-height-transition-container[data-v-5d481b41]{
  transition:all .2s
}

.jdsc-breakdown-item[data-v-7df45e8b]{
  display:contents
}

.jdsc-breakdown-item-stacking[data-v-7df45e8b]{
  display:block
}

.jdsc-breakdown-label[data-v-7df45e8b]{
  white-space:nowrap;
  padding-right:3rem;
  font-size:14px;
  font-weight:700;
  --tw-text-opacity:1;
  color:rgba(21,24,26,var(--tw-text-opacity))
}

.jdsc-breakdown-item-stacking .jdsc-breakdown-label[data-v-7df45e8b]{
  padding-bottom:.25rem
}

.jdsc-breakdown-icon[data-v-7df45e8b]{
  position:relative;
  top:-1px
}

.jdsc-breakdown-value[data-v-7df45e8b]{
  font-size:14px;
  --tw-text-opacity:1;
  color:rgba(52,58,64,var(--tw-text-opacity))
}

.jdsc-breakdown-item:last-of-type .jdsc-breakdown-value[data-v-7df45e8b]{
  padding-bottom:0
}

.jdsc-breakdown-item-toolbar[data-v-7df45e8b]{
  margin-left:.5rem;
  display:inline-block
}

.jdsc-button[data-v-7caf5195]{
  position:relative;
  display:inline-block;
  cursor:pointer;
  white-space:nowrap;
  border-radius:.5rem;
  padding-left:1.5rem;
  padding-right:1.5rem;
  font-size:14px;
  font-weight:500
}

.jdsc-button[data-v-7caf5195]:not(.jdsc-button-disabled):active{
  top:1px
}

.jdsc-button-disabled[data-v-7caf5195]{
  opacity:.4;
  cursor:not-allowed
}

.jdsc-button-icon[data-v-7caf5195]{
  position:relative;
  display:inline-block;
  top:-1px;
  margin-right:.65ch
}

.jdsc-button-primary[data-v-7caf5195]{
  --tw-bg-opacity:1;
  background-color:rgba(112,12,227,var(--tw-bg-opacity));
  --tw-text-opacity:1;
  color:rgba(255,255,255,var(--tw-text-opacity))
}

.jdsc-button-primary[data-v-7caf5195]:not(.jdsc-button-disabled):focus,.jdsc-button-primary[data-v-7caf5195]:not(.jdsc-button-disabled):hover{
  --tw-bg-opacity:1;
  background-color:rgba(44,5,89,var(--tw-bg-opacity));
  background-image:linear-gradient(to bottom left,var(--tw-gradient-stops));
  --tw-gradient-from:#4d089b;
  --tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(77,8,155,0));
  --tw-gradient-to:#2c0559
}

.jdsc-button-primary[data-v-7caf5195]:not(.jdsc-button-disabled):focus{
  outline:none;
  box-shadow:0 0 0 3px #d2affb
}

.jdsc-button-primary[data-v-7caf5195]:not(.jdsc-button-disabled):focus:not(:focus-visible){
  box-shadow:none
}

.jdsc-button-secondary[data-v-7caf5195]{
  --tw-bg-opacity:1;
  background-color:rgba(231,212,253,var(--tw-bg-opacity));
  --tw-text-opacity:1;
  color:rgba(112,12,227,var(--tw-text-opacity))
}

.jdsc-button-secondary[data-v-7caf5195]:not(.jdsc-button-disabled):focus,.jdsc-button-secondary[data-v-7caf5195]:not(.jdsc-button-disabled):hover{
  background-image:linear-gradient(to bottom left,var(--tw-gradient-stops));
  --tw-gradient-from:#f4ecfe;
  --tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(244,236,254,0));
  --tw-gradient-to:#e7d4fd;
  --tw-text-opacity:1;
  color:rgba(77,8,155,var(--tw-text-opacity))
}

.jdsc-button-secondary[data-v-7caf5195]:not(.jdsc-button-disabled):focus{
  outline:none;
  box-shadow:0 0 0 3px #bf8cf9
}

.jdsc-button-secondary[data-v-7caf5195]:not(.jdsc-button-disabled):focus:not(:focus-visible){
  box-shadow:none
}

.jdsc-button-tertiary[data-v-7caf5195]{
  --tw-bg-opacity:1;
  background-color:rgba(255,255,255,var(--tw-bg-opacity));
  --tw-text-opacity:1;
  color:rgba(112,12,227,var(--tw-text-opacity));
  box-shadow:inset 0 0 0 2px #d2affb
}

.jdsc-button-tertiary[data-v-7caf5195]:not(.jdsc-button-disabled):hover{
  --tw-bg-opacity:1;
  background-color:rgba(244,236,254,var(--tw-bg-opacity));
  --tw-text-opacity:1;
  color:rgba(44,5,89,var(--tw-text-opacity));
  box-shadow:inset 0 0 0 2px #bf8cf9
}

.jdsc-button-tertiary[data-v-7caf5195]:not(.jdsc-button-disabled):focus{
  --tw-bg-opacity:1;
  background-color:rgba(244,236,254,var(--tw-bg-opacity));
  --tw-text-opacity:1;
  color:rgba(44,5,89,var(--tw-text-opacity));
  outline:none;
  box-shadow:inset 0 0 0 2px #bf8cf9,0 0 0 3px #9a4bf5
}

.jdsc-button-tertiary[data-v-7caf5195]:not(.jdsc-button-disabled):focus:not(:focus-visible){
  box-shadow:inset 0 0 0 2px #bf8cf9
}

.jdsc-button-tertiary.jdsc-button-borderless[data-v-7caf5195],.jdsc-button-tertiary.jdsc-button-borderless[data-v-7caf5195]:not(.jdsc-button-disabled):hover,.jdsc-button-tertiary.jdsc-button-tight[data-v-7caf5195],.jdsc-button-tertiary.jdsc-button-tight[data-v-7caf5195]:hover,.jdsc-button-tertiary.jdsc-button-tight[data-v-7caf5195]:not(.jdsc-button-disabled):focus{
  box-shadow:none
}

.jdsc-button-tertiary.jdsc-button-borderless[data-v-7caf5195]:not(.jdsc-button-tight):not(.jdsc-button-disabled):focus,.jdsc-button-tertiary.jdsc-button-tight[data-v-7caf5195]:not(.jdsc-button-disabled):focus:focus-visible{
  box-shadow:0 0 0 3px #9a4bf5
}

.jdsc-button-tertiary.jdsc-button-borderless[data-v-7caf5195]:not(.jdsc-button-tight):not(.jdsc-button-disabled):focus{
  box-shadow:inset 0 0 0 2px #bf8cf9
}

.jdsc-button-tertiary .jdsc-button-icon[data-v-7caf5195]{
  display:inline-flex;
  border-radius:.25rem;
  --tw-bg-opacity:1;
  background-color:rgba(231,212,253,var(--tw-bg-opacity));
  height:calc(1rem + 4px);
  width:calc(1rem + 4px);
  top:1px;
  position:relative;
  align-items:center;
  justify-content:center;
  flex-direction:column
}

.jdsc-button-tertiary:not(.jdsc-button-disabled):hover .jdsc-button-icon[data-v-7caf5195]{
  --tw-bg-opacity:1;
  background-color:rgba(210,175,251,var(--tw-bg-opacity))
}

.jdsc-button-tertiary .jdsc-button-icon svg[data-v-7caf5195]{
  margin:.1rem
}

.jdsc-button-danger[data-v-7caf5195]{
  --tw-bg-opacity:1;
  background-color:rgba(236,0,79,var(--tw-bg-opacity));
  --tw-text-opacity:1;
  color:rgba(255,255,255,var(--tw-text-opacity))
}

.jdsc-button-danger[data-v-7caf5195]:not(.jdsc-button-disabled):hover{
  background-image:linear-gradient(to bottom left,var(--tw-gradient-stops));
  --tw-gradient-from:#ec004f;
  --tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(236,0,79,0));
  --tw-gradient-to:#ae003a
}

.jdsc-button-danger[data-v-7caf5195]:not(.jdsc-button-disabled):focus{
  --tw-bg-opacity:1;
  background-color:rgba(174,0,58,var(--tw-bg-opacity));
  outline:none;
  box-shadow:0 0 0 3px #ffa3c2
}

.jdsc-button-danger[data-v-7caf5195]:not(.jdsc-button-disabled):focus:not(:focus-visible){
  box-shadow:none
}

.jdsc-button-high[data-v-7caf5195]{
  height:3rem;
  line-height:3rem
}

.jdsc-button-medium[data-v-7caf5195]{
  height:2.5rem;
  line-height:2.5rem
}

.jdsc-button-low[data-v-7caf5195]{
  height:2rem;
  line-height:2rem
}

.jdsc-button-tight[data-v-7caf5195]{
  position:relative;
  padding-left:.5rem;
  padding-right:.5rem;
  padding-top:.25rem;
  padding-bottom:.25rem;
  font-size:12px;
  line-height:1rem;
  margin:-1rem 0;
  top:-1px
}

.jdsc-button-micro[data-v-7caf5195]{
  display:inline-block;
  height:2rem;
  width:2rem;
  padding:0;
  text-align:center;
  font-size:14px;
  line-height:2rem;
  box-shadow:none
}

.jdsc-button-micro.jdsc-button-primary[data-v-7caf5195]{
  --tw-bg-opacity:1;
  background-color:rgba(231,212,253,var(--tw-bg-opacity));
  --tw-text-opacity:1;
  color:rgba(77,8,155,var(--tw-text-opacity))
}

.jdsc-button-micro.jdsc-button-primary[data-v-7caf5195]:not(.jdsc-button-disabled):focus,.jdsc-button-micro.jdsc-button-primary[data-v-7caf5195]:not(.jdsc-button-disabled):hover{
  background-image:linear-gradient(to bottom left,var(--tw-gradient-stops));
  --tw-gradient-from:#d2affb;
  --tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(210,175,251,0));
  --tw-gradient-to:#bf8cf9;
  --tw-text-opacity:1;
  color:rgba(44,5,89,var(--tw-text-opacity))
}

.jdsc-button-micro.jdsc-button-primary[data-v-7caf5195]:not(.jdsc-button-disabled):focus{
  box-shadow:0 0 0 3px #9a4bf5
}

.jdsc-button-micro.jdsc-button-primary[data-v-7caf5195]:not(.jdsc-button-disabled):focus:not(:focus-visible){
  box-shadow:none
}

.jdsc-button-micro.jdsc-button-secondary[data-v-7caf5195]{
  --tw-bg-opacity:1;
  background-color:rgba(223,226,229,var(--tw-bg-opacity));
  --tw-text-opacity:1;
  color:rgba(78,87,96,var(--tw-text-opacity))
}

.jdsc-button-micro.jdsc-button-secondary[data-v-7caf5195]:not(.jdsc-button-disabled):focus,.jdsc-button-micro.jdsc-button-secondary[data-v-7caf5195]:not(.jdsc-button-disabled):hover{
  background-image:linear-gradient(to bottom left,var(--tw-gradient-stops));
  --tw-gradient-from:#c9ced3;
  --tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(201,206,211,0));
  --tw-gradient-to:#aab2ba;
  --tw-text-opacity:1;
  color:rgba(52,58,64,var(--tw-text-opacity))
}

.jdsc-button-micro.jdsc-button-secondary[data-v-7caf5195]:not(.jdsc-button-disabled):focus{
  box-shadow:0 0 0 3px #8e99a4
}

.jdsc-button-micro.jdsc-button-secondary[data-v-7caf5195]:not(.jdsc-button-disabled):focus:not(:focus-visible){
  box-shadow:none
}

.jdsc-button-micro .jdsc-button-icon[data-v-7caf5195]{
  top:0;
  margin-right:0
}

.jdsc-callout[data-v-fdf6a9c6]{
  background-color:rgba(216,245,253,var(--tw-bg-opacity));
  color:rgba(6,94,118,var(--tw-text-opacity))
}

.jdsc-callout--warning[data-v-fdf6a9c6],.jdsc-callout[data-v-fdf6a9c6]{
  display:flex;
  align-items:center;
  --tw-bg-opacity:1;
  padding:.5rem;
  font-size:12px;
  --tw-text-opacity:1;
  gap:.5rem
}

.jdsc-callout--warning[data-v-fdf6a9c6]{
  background-color:rgba(252,242,218,var(--tw-bg-opacity));
  color:rgba(119,88,11,var(--tw-text-opacity))
}

.jdsc-callout--danger[data-v-fdf6a9c6]{
  display:flex;
  align-items:center;
  --tw-bg-opacity:1;
  background-color:rgba(255,234,241,var(--tw-bg-opacity));
  padding:.5rem;
  font-size:12px;
  --tw-text-opacity:1;
  color:rgba(119,0,40,var(--tw-text-opacity));
  gap:.5rem
}

.jdsc-callout__icon[data-v-fdf6a9c6]{
  align-self:flex-start;
  width:24px
}

.jdsc-callout__content[data-v-fdf6a9c6]{
  flex-grow:1
}

.jdsc-callout__button[data-v-fdf6a9c6]{
  font-weight:500;
  --tw-text-opacity:1;
  color:rgba(4,63,79,var(--tw-text-opacity));
  text-decoration:underline;
  transition-property:all;
  transition-timing-function:cubic-bezier(.4,0,.2,1);
  transition-duration:.15s;
  transition-duration:.1s;
  text-decoration-color:#0bb5e4;
  text-decoration-thickness:2px
}

.jdsc-callout--warning .jdsc-callout__button[data-v-fdf6a9c6]{
  --tw-text-opacity:1;
  color:rgba(73,54,7,var(--tw-text-opacity));
  text-decoration-color:#e7ab15
}

.jdsc-callout--warning .jdsc-callout__button[data-v-fdf6a9c6]:hover,.jdsc-callout__button[data-v-fdf6a9c6]:hover{
  --tw-text-opacity:1;
  color:rgba(162,0,130,var(--tw-text-opacity));
  text-decoration-color:#ff5fdf
}

.jdsc-callout__backdrop[data-v-fdf6a9c6]{
  background:rgba(0,0,0,.3);
  z-index:9999;
  position:fixed;
  left:0;
  top:0;
  right:0;
  bottom:0
}

.jdsc-callout__wrapper[data-v-fdf6a9c6]{
  z-index:10000;
  position:fixed;
  display:flex;
  align-items:center;
  justify-content:center;
  left:0;
  top:0;
  right:0;
  bottom:0;
  pointer-events:none;
  transform-style:preserve-3d;
  perspective:500px
}

.jdsc-callout__popup[data-v-fdf6a9c6]{
  border-radius:.5rem;
  padding:1.5rem;
  background:#fff;
  box-shadow:0 2px 1px rgba(0,0,0,.09),0 4px 2px rgba(0,0,0,.09),0 8px 4px rgba(0,0,0,.09),0 16px 8px rgba(0,0,0,.09),0 32px 16px rgba(0,0,0,.09);
  pointer-events:all;
  min-width:200px;
  width:100%;
  max-width:min(600px,80vw);
  overflow:hidden;
  position:relative
}

.jdsc-callout__popup--seamless[data-v-fdf6a9c6]{
  padding:0;
  max-width:min(900px,70vw)
}

.jdsc-sneak-peek[data-v-cb36dbba]{
  pointer-events:none;
  position:fixed;
  top:0;
  right:0;
  bottom:0;
  left:0;
  overflow:hidden
}

@keyframes jdsa-sneak-peek__appear-data-v-cb36dbba{
  0%{
    opacity:0;
    transform:scale(.95)
  }

  to{
    opacity:1;
    transform:scale(1)
  }
}

.jdsc-sneak-peek__main[data-v-cb36dbba]{
  overflow:visible;
  width:-moz-max-content;
  width:max-content;
  cursor:auto
}

.jdsc-sneak-peek__main-wrapper[data-v-cb36dbba]{
  border-radius:.375rem;
  --tw-shadow:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05);
  box-shadow:var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow);
  overscroll-behavior:contain;
  max-height:max(400px,40vh);
  transform-origin:center top;
  animation:jdsa-sneak-peek__appear-data-v-cb36dbba .15s cubic-bezier(.34,1.56,.64,1);
  background:#fff
}

.jdsc-candidate-bubble[data-v-6885cd28]{
  position:relative;
  border-radius:.5rem;
  --tw-bg-opacity:1;
  background-color:rgba(255,255,255,var(--tw-bg-opacity));
  transition-property:all;
  transition-timing-function:cubic-bezier(.4,0,.2,1);
  transition-duration:.15s;
  transition-duration:.1s;
  border:2px solid #dfe2e5
}

.jdsc-candidate-bubble[data-v-6885cd28]:before{
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  border-radius:.5rem;
  content:" ";
  box-shadow:0 5px 15px rgba(0,0,0,.3);
  opacity:0;
  transition:opacity .1s ease-in-out;
  pointer-events:none;
  will-change:opacity
}

.jdsc-candidate-bubble[data-v-6885cd28]:hover:before{
  opacity:1
}

.jdsc-candidate-bubble--highlight[data-v-6885cd28]{
  border:2px solid #0e70fa
}

.jdsc-candidate-bubble[data-v-6885cd28]:hover{
  border:2px solid #9a4bf5
}

.jdsc-candidate-bubble--selected[data-v-6885cd28]{
  border:2px solid #0e70fa
}

.jdsc-candidate-bubble--selected[data-v-6885cd28]:hover{
  border:2px solid #0450ba
}

.jdsc-candidate-bubble__tags[data-v-6885cd28]{
  display:flex;
  justify-items:stretch;
  gap:.25rem;
  min-height:1rem
}

.jdsc-candidate-bubble__tag-zone[data-v-6885cd28]{
  flex-grow:1;
  border-radius:9999px;
  padding-top:.5rem;
  padding-bottom:.5rem;
  max-width:30px
}

.jdsc-candidate-bubble__tag-bar[data-v-6885cd28]{
  height:.25rem;
  border-radius:9999px
}

.badges[data-v-6885cd28]{
  top:-.7em;
  left:1.4em
}

.jdsc-candidate-bubble__score[data-v-6885cd28]{
  margin-left:.5rem;
  display:flex;
  align-items:center
}

.jdsc-candidate-bubble__additional-answers[data-v-6885cd28]{
  margin-right:auto;
  margin-left:.125rem;
  --tw-translate-x:0;
  --tw-translate-y:0;
  --tw-rotate:0;
  --tw-skew-x:0;
  --tw-skew-y:0;
  --tw-scale-x:1;
  --tw-scale-y:1;
  transform:translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  --tw-translate-y:-1px;
  align-self:center;
  padding-left:.375rem;
  padding-right:.375rem;
  padding-top:.5rem;
  padding-bottom:.5rem
}

.jdsc-error-message[data-v-0d6ebb4a]{
  padding-top:.25rem;
  font-size:12px;
  --tw-text-opacity:1;
  color:rgba(174,0,58,var(--tw-text-opacity))
}

.jdsc-error-message__text[data-v-0d6ebb4a]{
  --tw-bg-opacity:1;
  background-color:rgba(255,234,241,var(--tw-bg-opacity));
  --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  --tw-ring-opacity:1;
  --tw-ring-color:rgba(255,234,241,var(--tw-ring-opacity))
}

.jdsc-checkbox[data-v-45eb6b18],.jdsc-error-message__text[data-v-0d6ebb4a]{
  box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 transparent)
}

.jdsc-checkbox[data-v-45eb6b18]{
  display:flex;
  align-items:baseline;
  gap:.5rem;
  padding-left:1rem;
  padding-right:1rem;
  padding-top:.5rem;
  padding-bottom:.5rem;
  font-size:14px;
  border-radius:.5rem;
  --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  --tw-ring-color:hsla(0,0%,100%,0);
  transition-property:all;
  transition-timing-function:cubic-bezier(.4,0,.2,1);
  transition-duration:.15s;
  transition-duration:.2s
}

.jdsc-checkbox--error[data-v-45eb6b18]{
  --tw-bg-opacity:1;
  background-color:rgba(255,249,251,var(--tw-bg-opacity));
  --tw-ring-opacity:1;
  --tw-ring-color:rgba(236,0,79,var(--tw-ring-opacity));
  animation:jdsa-checkbox__error-data-v-45eb6b18 1s;
  animation-fill-mode:both
}

@keyframes jdsa-checkbox__error-data-v-45eb6b18{
  0%{
    --tw-bg-opacity:1;
    background-color:rgba(255,249,251,var(--tw-bg-opacity))
  }

  25%{
    --tw-bg-opacity:1;
    background-color:rgba(255,234,241,var(--tw-bg-opacity))
  }

  to{
    --tw-bg-opacity:1;
    background-color:rgba(255,249,251,var(--tw-bg-opacity))
  }
}

.jdsc-checkbox__box[data-v-45eb6b18]{
  position:relative;
  flex-shrink:0;
  border-radius:.125rem;
  --tw-bg-opacity:1;
  background-color:rgba(255,255,255,var(--tw-bg-opacity));
  fill:currentColor;
  --tw-text-opacity:1;
  color:rgba(9,151,190,var(--tw-text-opacity));
  --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 transparent);
  --tw-ring-opacity:1;
  --tw-ring-color:rgba(170,178,186,var(--tw-ring-opacity));
  cursor:pointer;
  transition-property:all;
  transition-timing-function:cubic-bezier(.4,0,.2,1);
  transition-duration:.15s;
  transition-duration:.1s;
  height:14px;
  width:14px;
  top:1px
}

.jdsc-checkbox__box--active[data-v-45eb6b18]{
  --tw-ring-opacity:1;
  --tw-ring-color:rgba(82,211,247,var(--tw-ring-opacity))
}

.jdsc-checkbox__checkmark[data-v-45eb6b18]{
  animation:jdsa-checkbox__pop-data-v-45eb6b18 .2s cubic-bezier(0,1.65,.335,1.645);
  animation-fill-mode:both
}

@keyframes jdsa-checkbox__pop-data-v-45eb6b18{
  0%{
    opacity:0;
    transform:scale(.5)
  }

  to{
    opacity:1;
    transform:scale(1)
  }
}

.jdsc-checkbox__sub[data-v-45eb6b18]{
  margin-top:.25rem;
  font-size:12px;
  font-weight:400;
  --tw-text-opacity:1;
  color:rgba(102,114,126,var(--tw-text-opacity))
}

.jdsc-checkbox__required-asterisk[data-v-45eb6b18]{
  margin-left:.25rem;
  font-weight:700;
  --tw-text-opacity:1;
  color:rgba(236,0,79,var(--tw-text-opacity))
}

.jdsc-field-structure[data-v-2fa6228c]{
  display:flex;
  flex-direction:column
}

.jdsc-field-structure__label[data-v-2fa6228c]{
  margin-bottom:.25rem;
  white-space:nowrap;
  font-size:16px;
  font-weight:700;
  --tw-text-opacity:1;
  color:rgba(21,24,26,var(--tw-text-opacity))
}

.jdsc-field-structure__required-asterisk[data-v-2fa6228c]{
  margin-left:.25rem;
  font-weight:700;
  --tw-text-opacity:1;
  color:rgba(236,0,79,var(--tw-text-opacity))
}

.jdsc-field-structure__error[data-v-2fa6228c]{
  padding-top:.5rem
}

.jdsc-field-structure__error[data-v-2fa6228c],.jdsc-field-structure__hint[data-v-2fa6228c]{
  font-size:14px;
  --tw-text-opacity:1;
  color:rgba(102,114,126,var(--tw-text-opacity))
}

.jdsc-field-structure__hint[data-v-2fa6228c]:empty{
  display:none
}

.jdsc-checkbox-group__main[data-v-61de0fea]{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:.5rem
}

.jdsc-input-area[data-v-1e8e3527]{
  display:inline-flex;
  align-items:stretch;
  justify-content:center;
  border-radius:.375rem;
  --tw-bg-opacity:1;
  background-color:rgba(255,255,255,var(--tw-bg-opacity));
  font-size:14px;
  --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 transparent);
  --tw-ring-opacity:1;
  --tw-ring-color:rgba(201,206,211,var(--tw-ring-opacity));
  resize:none;
  width:100%;
  transition:all .07s
}

.jdsc-input-area__center[data-v-1e8e3527]{
  display:grid;
  flex-grow:1;
  padding-left:.5rem;
  padding-right:.5rem;
  padding-top:.5rem;
  padding-bottom:.5rem
}

.jdsc-input-area__right[data-v-1e8e3527]{
  display:flex;
  align-items:center
}

.jdsc-input-area--focus[data-v-1e8e3527],.jdsc-input-area[data-v-1e8e3527]:focus{
  --tw-bg-opacity:1;
  background-color:rgba(252,249,255,var(--tw-bg-opacity));
  --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 transparent);
  --tw-ring-opacity:1;
  --tw-ring-color:rgba(154,75,245,var(--tw-ring-opacity));
  outline:none
}

.jdsc-input-area--error[data-v-1e8e3527]{
  position:relative;
  box-shadow:0 0 0 2px #ec004f;
  background-color:#fff9fb
}

.jdsc-input-area--error[data-v-1e8e3527]:before{
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  border-radius:.375rem;
  --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 transparent);
  --tw-ring-opacity:1;
  --tw-ring-color:rgba(236,0,79,var(--tw-ring-opacity));
  animation-duration:.72s;
  animation-name:jdsa-input-area__error-pop-data-v-1e8e3527;
  animation-iteration-count:1;
  animation-fill-mode:both;
  content:"";
  pointer-events:none
}

@keyframes jdsa-input-area__error-pop-data-v-1e8e3527{
  0%{
    left:0;
    right:0;
    top:0;
    bottom:0;
    opacity:1
  }

  to{
    left:-10px;
    right:-10px;
    top:-10px;
    bottom:-10px;
    opacity:0
  }
}

.jdsc-input-area__center>input[data-v-1e8e3527],.jdsc-input-area__center>textarea[data-v-1e8e3527]{
  background:transparent;
  display:block;
  width:100%
}

.jdsc-input-area__center>input[data-v-1e8e3527]:focus,.jdsc-input-area__center>textarea[data-v-1e8e3527]:focus{
  outline:none
}

.jdsc-attached-modal-popup[data-v-0bc8bdde]{
  pointer-events:none;
  position:fixed;
  top:0;
  right:0;
  bottom:0;
  left:0;
  overflow:hidden
}

@keyframes jdsa-attached-modal-popup__appear-data-v-0bc8bdde{
  0%{
    opacity:0;
    transform:scale(.95)
  }

  to{
    opacity:1;
    transform:scale(1)
  }
}

.jdsc-attached-modal-popup__main[data-v-0bc8bdde]{
  overflow:visible;
  width:-moz-max-content;
  width:max-content;
  cursor:auto;
  pointer-events:auto
}

.jdsc-attached-modal-popup__main-wrapper[data-v-0bc8bdde]{
  overflow:auto;
  border-radius:.5rem;
  --tw-shadow:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05);
  box-shadow:var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow);
  overscroll-behavior:contain;
  height:100%;
  max-height:max(400px,40vh);
  transform-origin:center top;
  animation:jdsa-attached-modal-popup__appear-data-v-0bc8bdde .15s cubic-bezier(.34,1.56,.64,1);
  background:#fff
}

.jdsc-bounded-selector[data-v-0ac92d8e]{
  cursor:pointer;
  -moz-user-select:none;
  -webkit-user-select:none;
  user-select:none;
  touch-action:none
}

.jdsc-bounded-selector--expand[data-v-0ac92d8e]{
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0
}

.jdsc-bounded-selector--in-bounds[data-v-0ac92d8e]{
  cursor:none
}

.jdsc-input-area[data-v-259f6f74]{
  display:inline-flex;
  align-items:stretch;
  justify-content:center;
  border-radius:.375rem;
  --tw-bg-opacity:1;
  background-color:rgba(255,255,255,var(--tw-bg-opacity));
  font-size:12px;
  --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 transparent);
  --tw-ring-opacity:1;
  --tw-ring-color:rgba(201,206,211,var(--tw-ring-opacity));
  resize:none;
  width:100%;
  transition:all .07s
}

.jdsc-input-area__left[data-v-259f6f74]{
  display:flex;
  align-items:center;
  padding-top:.125rem;
  padding-bottom:.125rem;
  padding-left:.5rem;
  font-weight:700;
  --tw-text-opacity:1;
  color:rgba(142,153,164,var(--tw-text-opacity))
}

.jdsc-input-area__center[data-v-259f6f74]{
  display:grid;
  flex-grow:1;
  padding-top:.125rem;
  padding-bottom:.125rem;
  padding-right:.5rem
}

.jdsc-input-area__right[data-v-259f6f74]{
  display:flex;
  align-items:center
}

.jdsc-input-area--focus[data-v-259f6f74],.jdsc-input-area[data-v-259f6f74]:focus{
  --tw-bg-opacity:1;
  background-color:rgba(252,249,255,var(--tw-bg-opacity));
  --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 transparent);
  --tw-ring-opacity:1;
  --tw-ring-color:rgba(154,75,245,var(--tw-ring-opacity));
  outline:none
}

.jdsc-input-area--error[data-v-259f6f74]{
  position:relative;
  box-shadow:0 0 0 2px #ec004f;
  background-color:#fff9fb
}

.jdsc-input-area__center>input[data-v-259f6f74],.jdsc-input-area__center>textarea[data-v-259f6f74]{
  background:transparent;
  display:block;
  width:100%;
  text-align:right
}

.jdsc-input-area__center>input[data-v-259f6f74]:focus,.jdsc-input-area__center>textarea[data-v-259f6f74]:focus{
  outline:none
}

.jdsc-logical-color-picker[data-v-591fd8bb]{
  display:flex;
  align-items:center;
  gap:1.5rem;
  padding:1rem
}

.jdsc-logical-color-picker__data-panel[data-v-591fd8bb]{
  width:200px
}

.jdsc-logical-color-picker__data-panel[data-v-591fd8bb]:only-child{
  width:100%
}

.jdsc-logical-color-picker__current[data-v-591fd8bb]{
  margin-bottom:1rem;
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.1)
}

.jdsc-logical-color-picker__current>input[data-v-591fd8bb]{
  height:2rem;
  width:100%;
  text-align:center;
  font-size:12px;
  background:transparent
}

.jdsc-logical-color-picker__current>input[data-v-591fd8bb]:focus{
  outline:none
}

.jdsc-logical-color-picker__data-group[data-v-591fd8bb]{
  margin-bottom:.5rem
}

.jdsc-logical-color-picker__data-legend[data-v-591fd8bb]{
  margin-bottom:.25rem;
  font-size:12px;
  --tw-text-opacity:1;
  color:rgba(78,87,96,var(--tw-text-opacity))
}

.jdsc-logical-color-picker__inputs[data-v-591fd8bb]{
  display:flex;
  gap:.5rem
}

.jdsc-logical-color-picker__rect-panel[data-v-591fd8bb],.jdsc-logical-color-picker__sphere-panel[data-v-591fd8bb],.jdsc-logical-color-picker__triangle-panel[data-v-591fd8bb]{
  flex-grow:1;
  -webkit-user-select:contain;
  -moz-user-select:contain;
  user-select:contain
}

.jdsc-logical-color-picker__rect-panel[data-v-591fd8bb]{
  display:flex;
  flex-direction:column;
  align-self:stretch
}

.jdsc-logical-color-picker__shade-box-wrapper[data-v-591fd8bb]{
  position:relative;
  flex-grow:1;
  min-height:100px
}

.jdsc-logical-color-picker__shade-box[data-v-591fd8bb]{
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  background:#000;
  border-radius:10px
}

.jdsc-logical-color-picker__lightness-overlay[data-v-591fd8bb]{
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  background:linear-gradient(transparent,#000);
  border-radius:10px;
  pointer-events:none
}

.jdsc-logical-color-picker__hue-box[data-v-591fd8bb]{
  position:relative;
  margin-top:.5rem;
  height:1rem;
  border-radius:9999px;
  background:linear-gradient(90deg,rgba(255,0,0,.8),rgba(255,0,0,0) 33%),linear-gradient(90deg,rgba(0,255,0,0),rgba(0,255,0,.8) 33%,rgba(0,255,0,0) 66%),linear-gradient(90deg,rgba(0,0,255,0) 33%,rgba(0,0,255,.8) 66%,rgba(0,0,255,0)),linear-gradient(90deg,rgba(255,0,0,0) 66%,rgba(255,0,0,.8))
}

.jdsc-logical-color-picker__hue-box-selector[data-v-591fd8bb],.jdsc-logical-color-picker__shade-box-selector[data-v-591fd8bb],.jdsc-logical-color-picker__sphere-base-selector[data-v-591fd8bb],.jdsc-logical-color-picker__sphere-lightness-selector[data-v-591fd8bb],.jdsc-logical-color-picker__triangle-hues-selector[data-v-591fd8bb],.jdsc-logical-color-picker__triangle-tones-selector[data-v-591fd8bb]{
  position:absolute;
  height:1rem;
  width:1rem;
  border-radius:9999px;
  pointer-events:none;
  border:3px solid #fff;
  box-shadow:0 1px 4px 1px rgba(0,0,0,.2);
  background:transparent;
  margin:-8px 0 0 -8px
}

.jdsc-logical-color-picker__triangle-panel[data-v-591fd8bb]{
  position:relative;
  max-width:200px
}

.jdsc-logical-color-picker__triangle-wrapper[data-v-591fd8bb]{
  position:relative;
  aspect-ratio:1/1
}

.jdsc-logical-color-picker__triangle-hues[data-v-591fd8bb]{
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  border-radius:9999px;
  background-blend-mode:screen;
  background:radial-gradient(circle closest-side,hsla(0,0%,49.8%,.3),transparent 66%),linear-gradient(180deg,rgba(255,0,0,.8),rgba(255,0,0,0) 66%),linear-gradient(300deg,rgba(0,255,0,.8),rgba(0,255,0,0) 66%),linear-gradient(60deg,rgba(0,0,255,.8),rgba(0,0,255,0) 66%)
}

.jdsc-logical-color-picker__triangle-gap[data-v-591fd8bb]{
  position:absolute;
  border-radius:9999px;
  --tw-bg-opacity:1;
  background-color:rgba(255,255,255,var(--tw-bg-opacity));
  top:5%;
  left:5%;
  right:5%;
  bottom:5%
}

.jdsc-logical-color-picker__triangle-tone[data-v-591fd8bb]{
  position:absolute;
  border-top-right-radius:9999px;
  border-bottom-right-radius:9999px;
  top:13.3%;
  left:28.5%;
  height:74%;
  width:64%
}

.jdsc-logical-color-picker__triangle-tone-bg[data-v-591fd8bb]{
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  background-blend-mode:multiply;
  clip-path:polygon(0 0,100% 50%,0 100%)
}

.jdsc-logical-color-picker__sphere-panel[data-v-591fd8bb]{
  position:relative;
  max-width:200px
}

.jdsc-logical-color-picker__sphere-wrapper[data-v-591fd8bb]{
  position:relative;
  aspect-ratio:1/1
}

.jdsc-logical-color-picker__sphere-lightness[data-v-591fd8bb]{
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  border-radius:9999px
}

.jdsc-logical-color-picker__sphere-gap[data-v-591fd8bb]{
  position:absolute;
  border-radius:9999px;
  --tw-bg-opacity:1;
  background-color:rgba(255,255,255,var(--tw-bg-opacity));
  top:5%;
  left:5%;
  right:5%;
  bottom:5%
}

.jdsc-logical-color-picker__sphere-hues[data-v-591fd8bb]{
  position:absolute;
  border-radius:9999px;
  --tw-bg-opacity:1;
  background-color:rgba(14,112,250,var(--tw-bg-opacity));
  top:10%;
  left:10%;
  right:10%;
  bottom:10%;
  background:radial-gradient(circle closest-side,hsla(0,0%,49.8%,.3),transparent 66%),linear-gradient(180deg,rgba(255,0,0,.8),rgba(255,0,0,0) 66%),linear-gradient(300deg,rgba(0,255,0,.8),rgba(0,255,0,0) 66%),linear-gradient(60deg,rgba(0,0,255,.8),rgba(0,0,255,0) 66%)
}

.jdsc-color-picker__droplet[data-v-67767f39]{
  margin-left:.25rem;
  margin-right:.25rem;
  display:inline-block;
  height:.9em;
  width:.9em;
  background:red;
  transform:translateY(2px) scaleX(.95) rotate(45deg);
  border-radius:0 100% 100% 100%
}

.jdsc-backdrop[data-v-873615ce]{
  background:rgba(0,0,0,.3);
  position:fixed;
  left:0;
  top:0;
  right:0;
  bottom:0
}

.jdsc-wrapper[data-v-873615ce]{
  position:fixed;
  display:flex;
  align-items:center;
  justify-content:center;
  left:0;
  top:0;
  right:0;
  bottom:0;
  pointer-events:none;
  transform-style:preserve-3d;
  perspective:500px
}

.jdsc-popup[data-v-873615ce]{
  border-radius:.5rem;
  text-align:center;
  background:#fff;
  box-shadow:0 2px 1px rgba(0,0,0,.09),0 4px 2px rgba(0,0,0,.09),0 8px 4px rgba(0,0,0,.09),0 16px 8px rgba(0,0,0,.09),0 32px 16px rgba(0,0,0,.09);
  pointer-events:all;
  min-width:200px;
  width:100%;
  max-width:500px;
  overflow:hidden;
  position:relative;
  transform-origin:50% 80%
}

.jdsc-datum[data-v-760bcd70]{
  display:flex;
  align-items:center;
  gap:.375rem;
  padding:.25rem;
  font-weight:600;
  --tw-text-opacity:1;
  color:rgba(112,12,227,var(--tw-text-opacity))
}

.jdsc-datum__content[data-v-760bcd70]{
  font-size:82%
}

.jdsc-datum__popup[data-v-760bcd70]{
  border-radius:.375rem;
  --tw-bg-opacity:1;
  background-color:rgba(154,75,245,var(--tw-bg-opacity));
  padding:.75rem;
  font-size:12px;
  --tw-text-opacity:1;
  color:rgba(255,255,255,var(--tw-text-opacity))
}

.backdrop[data-v-3a57feb0]{
  background:rgba(0,0,0,.3);
  position:fixed;
  left:0;
  top:0;
  right:0;
  bottom:0
}

.wrapper[data-v-3a57feb0]{
  position:fixed;
  display:flex;
  align-items:center;
  justify-content:center;
  left:0;
  top:0;
  right:0;
  bottom:0;
  pointer-events:none;
  transform-style:preserve-3d;
  perspective:2000px
}

.popup[data-v-3a57feb0]{
  border-radius:.5rem;
  background:#fff;
  box-shadow:0 2px 1px rgba(0,0,0,.09),0 4px 2px rgba(0,0,0,.09),0 8px 4px rgba(0,0,0,.09),0 16px 8px rgba(0,0,0,.09),0 32px 16px rgba(0,0,0,.09);
  pointer-events:all;
  min-width:300px;
  width:100%;
  position:relative;
  max-height:95vh;
  backface-visibility:hidden
}

.narrow[data-v-3a57feb0]{
  max-width:400px
}

.normal[data-v-3a57feb0]{
  max-width:700px
}

.wide[data-v-3a57feb0]{
  max-width:1200px;
  margin:32px
}

.backside[data-v-3a57feb0]{
  border-radius:.5rem;
  background:#fff;
  box-shadow:0 2px 1px rgba(0,0,0,.09),0 4px 2px rgba(0,0,0,.09),0 8px 4px rgba(0,0,0,.09),0 16px 8px rgba(0,0,0,.09),0 32px 16px rgba(0,0,0,.09);
  pointer-events:all;
  position:relative;
  backface-visibility:hidden
}

.jdsc-back-button[data-v-2882a2de]{
  display:inline-block;
  padding-right:1rem
}

.jdsc-back-button[data-v-2882a2de],.jdsc-back-button__icon[data-v-2882a2de]{
  --tw-text-opacity:1;
  color:rgba(52,58,64,var(--tw-text-opacity));
  transition:all .1s
}

.jdsc-back-button__icon[data-v-2882a2de]{
  padding-right:.5rem;
  font-size:14px
}

.jdsc-back-button--animate[data-v-2882a2de]{
  animation-duration:.72s;
  animation-name:icon-bounce-data-v-2882a2de;
  animation-iteration-count:infinite;
  animation-fill-mode:both
}

.jdsc-back-button--animate .jdsc-back-button__icon[data-v-2882a2de],.jdsc-back-button--animate[data-v-2882a2de]{
  --tw-text-opacity:1;
  color:rgba(14,112,250,var(--tw-text-opacity))
}

@keyframes icon-bounce-data-v-2882a2de{
  0%{
    transform:translate(0)
  }

  50%{
    transform:translate(.3rem)
  }

  to{
    transform:translate(0)
  }
}

.jdsc-back-button__wrapper[data-v-2882a2de]{
  display:inline-block
}

.jdsc-drafting-table[data-v-05853782]{
  --tw-bg-opacity:1;
  background-color:rgba(247,248,249,var(--tw-bg-opacity))
}

.jdsc-drafting-table__bar[data-v-05853782]{
  top:0
}

.jdsc-drafting-table__bar[data-v-05853782],.jdsc-drafting-table__low-bar[data-v-05853782]{
  position:sticky;
  z-index:10;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1rem;
  border-bottom-width:1px;
  --tw-border-opacity:1;
  border-color:rgba(223,226,229,var(--tw-border-opacity));
  --tw-bg-opacity:1;
  background-color:rgba(255,255,255,var(--tw-bg-opacity));
  padding-left:1.5rem;
  padding-right:1.5rem;
  padding-top:1rem;
  padding-bottom:1rem
}

.jdsc-drafting-table__low-bar[data-v-05853782]{
  bottom:0
}

.jdsc-drafting-table__main[data-v-05853782]{
  display:flex;
  flex-direction:column;
  gap:2rem;
  padding-left:1.5rem;
  padding-right:1.5rem;
  padding-top:2rem;
  padding-bottom:2rem;
  width:min(900px,100%)
}

.jdsc-drafting-table__title[data-v-05853782]{
  flex-grow:1
}

.jdsc-drafting-table__status[data-v-05853782]{
  justify-self:end;
  text-align:center;
  max-width:24rem
}

.jdsc-drafting-table__label[data-v-05853782]{
  display:block;
  border-radius:.25rem;
  padding-left:.5rem;
  padding-right:.5rem;
  font-size:14px;
  --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 transparent)
}

.jdsc-drafting-table__label--error[data-v-05853782]{
  cursor:pointer;
  --tw-bg-opacity:1;
  background-color:rgba(255,234,241,var(--tw-bg-opacity));
  --tw-text-opacity:1;
  color:rgba(174,0,58,var(--tw-text-opacity));
  --tw-ring-opacity:1;
  --tw-ring-color:rgba(255,234,241,var(--tw-ring-opacity))
}

.jdsc-drafting-table__label--error-highlight[data-v-05853782]{
  font-weight:700;
  --tw-text-opacity:1;
  color:rgba(119,0,40,var(--tw-text-opacity));
  -webkit-text-decoration:underline #ffa3c2 solid 2px;
  text-decoration:underline #ffa3c2 solid 2px
}

.jdsc-drafting-table__label--dirty[data-v-05853782]{
  --tw-bg-opacity:1;
  background-color:rgba(252,242,218,var(--tw-bg-opacity));
  --tw-text-opacity:1;
  color:rgba(144,107,13,var(--tw-text-opacity));
  --tw-ring-opacity:1;
  --tw-ring-color:rgba(252,242,218,var(--tw-ring-opacity))
}

.jdsc-drafting-table__label--failed[data-v-05853782]{
  --tw-bg-opacity:1;
  background-color:rgba(255,234,241,var(--tw-bg-opacity));
  font-weight:700;
  --tw-text-opacity:1;
  color:rgba(174,0,58,var(--tw-text-opacity));
  --tw-ring-opacity:1;
  --tw-ring-color:rgba(255,234,241,var(--tw-ring-opacity))
}

.jdsc-drafting-table__label--clean[data-v-05853782]{
  --tw-bg-opacity:1;
  background-color:rgba(231,248,239,var(--tw-bg-opacity));
  --tw-text-opacity:1;
  color:rgba(3,156,84,var(--tw-text-opacity));
  --tw-ring-opacity:1;
  --tw-ring-color:rgba(231,248,239,var(--tw-ring-opacity))
}

.jdsc-drafting-table__toolbar[data-v-05853782]{
  flex-grow:0
}

.jdsc-drafting-table__heading[data-v-05853782]{
  margin-top:1rem;
  font-size:32px;
  font-weight:700
}

.jdsc-dropdown-menu__trigger[data-v-79b2705e]{
  position:relative;
  display:inline-flex;
  cursor:pointer;
  align-items:center;
  white-space:nowrap;
  border-radius:.5rem;
  padding-left:1.5rem;
  padding-right:1.5rem;
  font-size:14px;
  font-weight:500;
  --tw-bg-opacity:1;
  background-color:rgba(112,12,227,var(--tw-bg-opacity));
  --tw-text-opacity:1;
  color:rgba(255,255,255,var(--tw-text-opacity));
  height:2.5rem;
  gap:.5rem;
  line-height:2.5rem
}

.jdsc-dropdown-menu__trigger--open[data-v-79b2705e]{
  --tw-bg-opacity:1;
  background-color:rgba(77,8,155,var(--tw-bg-opacity))
}

.jdsc-dropdown-menu__trigger--cog[data-v-79b2705e]{
  --tw-bg-opacity:1;
  background-color:rgba(231,212,253,var(--tw-bg-opacity));
  padding-left:.75rem;
  padding-right:.75rem;
  font-size:16px;
  --tw-text-opacity:1;
  color:rgba(112,12,227,var(--tw-text-opacity))
}

.jdsc-dropdown-menu__trigger--open.jdsc-dropdown-menu__trigger--cog[data-v-79b2705e]{
  --tw-bg-opacity:1;
  background-color:rgba(210,175,251,var(--tw-bg-opacity));
  --tw-text-opacity:1;
  color:rgba(44,5,89,var(--tw-text-opacity))
}

.jdsc-dropdown-menu__popup[data-v-79b2705e]{
  border-radius:.5rem;
  border-width:1px;
  --tw-border-opacity:1;
  border-color:rgba(223,226,229,var(--tw-border-opacity));
  width:clamp(100px,50vw,300px)
}

.jdsc-dropdown-menu-item[data-v-696ac8a7]{
  display:block;
  display:flex;
  align-items:center;
  gap:.5rem;
  padding-left:.75rem;
  padding-right:.75rem;
  padding-top:1rem;
  padding-bottom:1rem;
  text-align:left;
  --title:#700ce3;
  --icon:#700ce3;
  --hint:#66727e;
  --hover-bg:#f4ecfe;
  --hover-ring:#9a4bf5;
  margin:4px;
  width:calc(100% - 8px);
  border-radius:.25rem
}

.jdsc-dropdown-menu-item__wrapper:not(:last-child) .jdsc-dropdown-menu-item__border[data-v-696ac8a7]{
  --tw-bg-opacity:1;
  background-color:rgba(239,240,242,var(--tw-bg-opacity));
  height:1px;
  display:block
}

.jdsc-dropdown-menu-item--danger[data-v-696ac8a7]{
  --title:#ae003a;
  --icon:#ae003a;
  --hover-bg:#ffeaf1;
  --hover-ring:#ec004f
}

.jdsc-dropdown-menu-item[data-v-696ac8a7]:focus-visible,.jdsc-dropdown-menu-item[data-v-696ac8a7]:hover{
  outline:none;
  background:var(--hover-bg)
}

.jdsc-dropdown-menu-item__icon[data-v-696ac8a7]{
  position:relative;
  align-self:flex-start;
  top:-2px;
  color:var(--icon)
}

.jdsc-dropdown-menu-item__title[data-v-696ac8a7]{
  font-weight:600;
  color:var(--title)
}

.jdsc-dropdown-menu-item__hint[data-v-696ac8a7]{
  padding-top:.25rem;
  font-size:12px;
  color:var(--hint)
}

.jdsc-dropdown-menu-item--disabled[data-v-696ac8a7]{
  opacity:.5;
  cursor:not-allowed
}

.slot[data-v-669aca8d]{
  cursor:pointer;
  border-radius:.375rem;
  border-width:1px;
  border-style:dashed;
  border-color:rgba(210,175,251,var(--tw-border-opacity));
  padding-left:1.5rem;
  padding-right:1.5rem;
  padding-top:.5rem;
  padding-bottom:.5rem;
  font-size:12px;
  font-weight:700;
  color:rgba(112,12,227,var(--tw-text-opacity))
}

.slot[data-v-669aca8d],.slot[data-v-669aca8d]:hover{
  --tw-border-opacity:1;
  --tw-bg-opacity:1;
  background-color:rgba(244,236,254,var(--tw-bg-opacity));
  --tw-text-opacity:1
}

.slot[data-v-669aca8d]:hover{
  border-color:rgba(154,75,245,var(--tw-border-opacity));
  color:rgba(77,8,155,var(--tw-text-opacity))
}

.jdsc-field-group[data-v-044c2d95]{
  display:flex;
  flex-direction:column;
  gap:2rem
}

.fields[data-v-10d6f27a]{
  display:grid;
  grid-auto-rows:auto;
  gap:2rem
}

.jdsc-field-row[data-v-2ba515e6]{
  display:flex;
  gap:2rem
}

.jdsc-filter-bar[data-v-16631dd2]{
  display:flex
}

.jdsc-inline-input-area[data-v-7458cf86]{
  position:relative;
  display:inline-flex;
  justify-items:stretch;
  padding-left:.25rem;
  padding-right:.25rem;
  padding-top:.25rem;
  padding-bottom:.25rem;
  --tw-text-opacity:1;
  color:rgba(52,58,64,var(--tw-text-opacity));
  max-width:100px
}

.jdsc-inline-input-area[data-v-7458cf86]:before{
  position:absolute;
  left:0;
  right:0;
  border-bottom-width:1px;
  --tw-border-opacity:1;
  border-color:rgba(170,178,186,var(--tw-border-opacity));
  transition-property:all;
  transition-duration:.15s;
  transition-duration:75ms;
  transition-timing-function:cubic-bezier(.4,0,.2,1);
  content:" ";
  bottom:.5rem
}

.jdsc-inline-input-area--focus[data-v-7458cf86]{
  --tw-bg-opacity:1;
  background-color:rgba(244,236,254,var(--tw-bg-opacity))
}

.jdsc-inline-input-area--focus[data-v-7458cf86]:before{
  border-bottom-width:2px;
  --tw-border-opacity:1;
  border-color:rgba(191,140,249,var(--tw-border-opacity));
  bottom:0
}

.jdsc-inline-input-area input[data-v-7458cf86]{
  background:transparent;
  display:block;
  width:100%
}

.jdsc-inline-input-area input[data-v-7458cf86]:focus{
  outline:none
}

.list[data-v-65bf065b]{
  display:flex;
  flex-direction:column
}

.list>[data-v-65bf065b]{
  margin-bottom:10px
}

.backdrop[data-v-20eba35c]{
  background:rgba(0,0,0,.3);
  position:fixed;
  left:0;
  top:0;
  right:0;
  bottom:0
}

.wrapper[data-v-20eba35c]{
  position:fixed;
  display:flex;
  align-items:center;
  justify-content:center;
  left:0;
  top:0;
  right:0;
  bottom:0;
  pointer-events:none;
  transform-style:preserve-3d;
  perspective:2000px
}

.popup[data-v-20eba35c]{
  min-width:300px;
  width:100%;
  max-width:700px;
  max-height:95vh
}

.backside[data-v-20eba35c],.popup[data-v-20eba35c]{
  border-radius:.5rem;
  background:#fff;
  box-shadow:0 2px 1px rgba(0,0,0,.09),0 4px 2px rgba(0,0,0,.09),0 8px 4px rgba(0,0,0,.09),0 16px 8px rgba(0,0,0,.09),0 32px 16px rgba(0,0,0,.09);
  pointer-events:all;
  position:relative;
  overflow:auto;
  backface-visibility:hidden
}

.tile[data-v-3ed62b4a]{
  border-radius:.375rem;
  --tw-shadow:0 1px 2px 0 rgba(0,0,0,0.05);
  box-shadow:var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow);
  border-radius:4px;
  background:#fff;
  box-shadow:0 2px 6px 0 rgba(0,0,0,.1)
}

.tile[data-v-3ed62b4a]:hover{
  border-radius:.375rem;
  --tw-border-opacity:1;
  border-color:rgba(14,112,250,var(--tw-border-opacity));
  box-shadow:0 4px 8px 0 rgba(0,0,0,.2)
}

.jdsc-job-tile-cell[data-v-3ed62b4a]{
  border-top-width:2px;
  border-bottom-width:2px;
  --tw-border-opacity:1;
  border-color:rgba(255,255,255,var(--tw-border-opacity));
  --tw-bg-opacity:1;
  background-color:rgba(255,255,255,var(--tw-bg-opacity));
  padding-left:1rem;
  padding-right:1rem;
  padding-top:2rem;
  padding-bottom:2rem;
  vertical-align:middle;
  display:table-cell;
  transition:all .1s
}

.jdsc-job-tile-cell[data-v-3ed62b4a]:first-child{
  border-top-left-radius:.375rem;
  border-bottom-left-radius:.375rem;
  border-left-width:2px;
  padding-left:2rem
}

.jdsc-job-tile-cell[data-v-3ed62b4a]:last-child{
  border-top-right-radius:.5rem;
  border-bottom-right-radius:.5rem;
  border-right-width:2px;
  padding-right:2rem
}

.fresh .jdsc-job-tile-cell[data-v-3ed62b4a]{
  border-color:#83dcb2
}

.job-progress[data-v-3ed62b4a]{
  position:relative;
  border-radius:9999px;
  background:linear-gradient(90deg,#9a4bf5,#d400ab 90%,#ff9deb)
}

.stage div[data-v-3ed62b4a]{
  font-size:12px;
  font-weight:600
}

.separator[data-v-3ed62b4a]{
  border-bottom-width:1px;
  --tw-border-opacity:1;
  border-color:rgba(170,178,186,var(--tw-border-opacity));
  position:relative;
  top:-.5em
}

.separator-spacing[data-v-3ed62b4a]{
  min-width:16px
}

.jdsc-job-tile-list[data-v-2117f119]{
  display:table;
  width:100%;
  border-collapse:separate;
  border-spacing:0 .8em
}

.jdsc-job-tile-list-cell[data-v-2117f119]{
  display:table-cell;
  padding-left:1rem;
  padding-right:1rem;
  padding-bottom:.25rem;
  text-align:left;
  font-size:14px
}

.jdsc-link[data-v-1d59e132]{
  font-weight:500;
  --tw-text-opacity:1;
  color:rgba(77,8,155,var(--tw-text-opacity));
  text-decoration:underline;
  transition-property:all;
  transition-timing-function:cubic-bezier(.4,0,.2,1);
  transition-duration:.15s;
  transition-duration:.1s;
  text-decoration-color:#d2affb;
  text-decoration-thickness:2px
}

.jdsc-link[data-v-1d59e132]:hover{
  --tw-text-opacity:1;
  color:rgba(112,12,227,var(--tw-text-opacity))
}

.jdsc-filter-structure[data-v-1b76ba41]{
  display:flex;
  cursor:pointer;
  align-items:center;
  gap:.25rem;
  border-radius:.375rem;
  --tw-bg-opacity:1;
  background-color:rgba(255,255,255,var(--tw-bg-opacity));
  padding-left:.75rem;
  padding-right:.75rem;
  padding-top:.5rem;
  padding-bottom:.5rem;
  font-size:14px;
  --tw-text-opacity:1;
  color:rgba(78,87,96,var(--tw-text-opacity));
  --tw-shadow:0 1px 2px 0 rgba(0,0,0,0.05);
  box-shadow:var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow);
  --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 transparent);
  --tw-ring-opacity:1;
  --tw-ring-color:rgba(223,226,229,var(--tw-ring-opacity));
  resize:none;
  width:100%;
  transition:all .2s
}

.jdsc-filter-structure__label[data-v-1b76ba41]{
  font-weight:700
}

.jdsc-filter-structure__icon[data-v-1b76ba41]{
  font-size:12px
}

.loader-wrapper[data-v-004ab3a6]{
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  display:flex;
  align-items:center;
  justify-content:center
}

.wrapper[data-v-004ab3a6]{
  position:relative
}

.st0[data-v-004ab3a6]{
  fill:#fff
}

.st1[data-v-004ab3a6]{
  fill:#555454
}

.st6[data-v-004ab3a6]{
  fill:#b9b8b8
}

.st7[data-v-004ab3a6]{
  fill:#c7c7c7
}

.st8[data-v-004ab3a6]{
  fill:#d6d6d6
}

.jdsc-meridian--open[data-v-39e4062e]{
  width:16rem;
  white-space:nowrap;
  transition:width .2s cubic-bezier(.645,.045,.355,1)
}

.jdsc-meridian[data-v-39e4062e]{
  padding-top:1.5rem;
  padding-bottom:1.5rem;
  overflow:hidden;
  overflow-y:auto;
  transition:width .2s cubic-bezier(.645,.045,.355,1)
}

.shadow[data-v-39e4062e]{
  box-shadow:0 10px 20px #dfe2e5
}

.badge[data-v-27207772]{
  position:absolute;
  height:1.25rem;
  width:1.25rem;
  border-radius:9999px;
  --tw-bg-opacity:1;
  background-color:rgba(212,0,171,var(--tw-bg-opacity));
  top:.7rem;
  right:.6rem;
  font-size:13px;
  line-height:1.6;
  text-align:center;
  color:#fff;
  font-weight:700
}

.jdsc-meridian-item[data-v-31b241f8]{
  position:relative;
  height:4rem;
  cursor:pointer;
  border-radius:.375rem;
  --tw-text-opacity:1;
  color:rgba(255,255,255,var(--tw-text-opacity));
  color:#213a47
}

.jdsc-meridian-item.router-link-active[data-v-31b241f8]{
  --tw-text-opacity:1;
  color:rgba(0,0,0,var(--tw-text-opacity))
}

.inner[data-v-31b241f8]{
  position:relative;
  display:flex;
  height:4rem;
  width:4rem;
  align-items:center;
  justify-content:center
}

.icon[data-v-31b241f8]{
  height:1.5rem;
  width:1.5rem
}

.highlight[data-v-31b241f8]{
  position:absolute;
  height:3rem;
  width:3rem;
  border-radius:.25rem;
  --tw-bg-opacity:1;
  background-color:rgba(255,255,255,var(--tw-bg-opacity));
  left:-5rem;
  top:.5rem;
  transition:all .1s cubic-bezier(1,0,0,1)
}

.jdsc-meridian-item:not(.router-link-active):hover .highlight[data-v-31b241f8]{
  left:.5rem;
  --tw-bg-opacity:1;
  background-color:rgba(239,240,242,var(--tw-bg-opacity))
}

.jdsc-meridian-item.router-link-active .highlight[data-v-31b241f8]{
  left:.5rem;
  --tw-bg-opacity:1;
  background-color:rgba(244,236,254,var(--tw-bg-opacity))
}

.jdsc-meridian-item.router-link-active .icon[data-v-31b241f8]{
  --tw-text-opacity:1;
  color:rgba(77,8,155,var(--tw-text-opacity))
}

.jdsc-meridian-item[data-v-31b241f8]:not(.router-link-active):not(.open){
  transition:all .1s cubic-bezier(1,0,0,1)
}

.jdsc-meridian-item[data-v-31b241f8]:not(.open):hover{
  --tw-text-opacity:1;
  color:rgba(21,24,26,var(--tw-text-opacity))
}

.jdsc-meridian-item:not(.open) .tooltip[data-v-31b241f8]{
  pointer-events:none;
  position:fixed;
  width:auto;
  white-space:nowrap;
  border-radius:.25rem;
  padding-left:1rem;
  padding-right:1rem;
  padding-top:.5rem;
  padding-bottom:.5rem;
  --tw-text-opacity:1;
  color:rgba(255,255,255,var(--tw-text-opacity));
  left:4.5rem;
  clip-path:inset(0 100% 0 0);
  transition:all .2s cubic-bezier(.95,.05,.795,.035);
  z-index:9999
}

.jdsc-meridian-item .open .tooltip[data-v-31b241f8],.jdsc-meridian-item:not(.open).router-link-active:hover .tooltip[data-v-31b241f8]{
  --tw-bg-opacity:1!important;
  background-color:rgba(77,8,155,var(--tw-bg-opacity))!important;
  --tw-text-opacity:1!important;
  color:rgba(255,255,255,var(--tw-text-opacity))!important
}

.jdsc-meridian-item:not(.open):hover .tooltip[data-v-31b241f8]{
  position:fixed;
  display:block;
  --tw-bg-opacity:1;
  background-color:rgba(52,58,64,var(--tw-bg-opacity));
  padding-left:.5rem;
  padding-right:.5rem;
  --tw-text-opacity:1;
  color:rgba(255,255,255,var(--tw-text-opacity));
  opacity:1;
  left:4.5rem;
  clip-path:inset(0);
  transition:all .2s cubic-bezier(.19,1,.22,1) .05s
}

.jdsc-meridian-item.open[data-v-31b241f8]{
  position:relative;
  display:block;
  transition:all .1s cubic-bezier(.215,.61,.355,1)
}

.jdsc-meridian-item.open .tooltip[data-v-31b241f8],.jdsc-meridian-item.open[data-v-31b241f8]:hover{
  --tw-text-opacity:1;
  color:rgba(21,24,26,var(--tw-text-opacity))
}

.jdsc-meridian-item.open .tooltip[data-v-31b241f8]{
  position:absolute;
  display:inline-block;
  padding-left:1rem;
  top:1.25rem;
  left:3rem;
  clip-path:inset(0)
}

.jdsc-meridian-item.open.router-link-active .tooltip[data-v-31b241f8],.jdsc-meridian-item.open:hover .tooltip[data-v-31b241f8]{
  --tw-text-opacity:1;
  color:rgba(255,255,255,var(--tw-text-opacity));
  opacity:1
}

.jdsc-meridian-item.open.router-link-active .tooltip[data-v-31b241f8]{
  font-weight:700
}

.jdsc-meridian-item__flyout[data-v-31b241f8]{
  position:absolute;
  margin-left:.75rem;
  white-space:normal;
  border-radius:1.5rem;
  --tw-bg-opacity:1;
  background-color:rgba(255,255,255,var(--tw-bg-opacity));
  padding:1rem;
  --tw-shadow:0 20px 25px -5px rgba(0,0,0,0.1),0 10px 10px -5px rgba(0,0,0,0.04);
  box-shadow:var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow);
  box-shadow:0 0 10px 2px #dfe2e5
}

.jdsc-meridian-item__flyout-inner[data-v-31b241f8]{
  height:100%;
  overflow-y:auto
}

.navigator[data-v-77aa70bb]{
  transition:width .2s cubic-bezier(.645,.045,.355,1);
  min-height:100%;
  padding-top:1.5rem;
  padding-bottom:1.5rem;
  padding-bottom:.5rem;
  box-sizing:border-box
}

.link[data-v-e62549f4]{
  padding-top:1rem;
  padding-bottom:1rem;
  transition:all .1s
}

.icon[data-v-e62549f4],.link[data-v-e62549f4]{
  --tw-text-opacity:1;
  color:rgba(52,58,64,var(--tw-text-opacity))
}

.icon[data-v-e62549f4]{
  padding-left:.5rem;
  padding-right:.5rem;
  font-size:14px
}

.animate[data-v-e62549f4]{
  animation-duration:.72s;
  animation-name:icon-bounce-data-v-e62549f4;
  animation-iteration-count:infinite;
  animation-fill-mode:both
}

.animate .icon[data-v-e62549f4],.animate[data-v-e62549f4]{
  --tw-text-opacity:1;
  color:rgba(14,112,250,var(--tw-text-opacity))
}

@keyframes icon-bounce-data-v-e62549f4{
  0%{
    transform:translate(0)
  }

  50%{
    transform:translate(.3rem)
  }

  to{
    transform:translate(0)
  }
}

.jdsc-nav-placeholder[data-v-a64c52c4]{
  position:fixed;
  top:0;
  bottom:0;
  overflow:auto;
  --tw-bg-opacity:1;
  background-color:rgba(247,248,249,var(--tw-bg-opacity));
  z-index:0
}

.jdsc-collapse-button[data-v-a64c52c4]{
  border-radius:9999px;
  text-align:center;
  --tw-shadow:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05);
  box-shadow:var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow);
  outline:2px solid transparent;
  outline-offset:2px;
  --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 transparent);
  --tw-ring-opacity:1;
  --tw-ring-color:rgba(223,226,229,var(--tw-ring-opacity));
  width:2rem;
  height:2rem;
  line-height:2rem;
  top:3.75rem;
  z-index:2;
  background:#fff;
  cursor:pointer;
  margin-left:calc(clamp(150px, 25vw, 280px) - 1rem);
  transition:all .2s cubic-bezier(.45,0,.55,1)
}

.jdsc-collapse-button[data-v-a64c52c4]:hover{
  --tw-bg-opacity:1;
  background-color:rgba(239,240,242,var(--tw-bg-opacity));
  --tw-ring-opacity:1;
  --tw-ring-color:rgba(223,226,229,var(--tw-ring-opacity))
}

.jdsc-collapse-button[data-v-a64c52c4]:focus{
  outline:2px solid transparent;
  outline-offset:2px
}

.jdsc-collapse-button.collapsed[data-v-a64c52c4]{
  border-top-right-radius:9999px;
  border-bottom-right-radius:9999px;
  border-top-left-radius:0;
  border-bottom-left-radius:0;
  margin-left:0;
  transition:all .4s cubic-bezier(.45,0,.55,1)
}

.jdsc-collapse-button.collapsed .jdsc-collapse-button-icon[data-v-a64c52c4]{
  transform:rotate(180deg)
}

.jdsc-nav-content[data-v-a64c52c4]{
  margin-left:clamp(280px,25vw,220px);
  transition:all .25s cubic-bezier(.45,0,.55,1)
}

.jdsc-nav-content.collapsed[data-v-a64c52c4]{
  margin-left:2rem;
  transition:all .4s cubic-bezier(.45,0,.55,1)
}

.jdsc-navigator-full-page-layout[data-v-a64c52c4]{
  position:fixed;
  top:0;
  bottom:0;
  overflow:auto;
  border-top-right-radius:1.5rem;
  border-bottom-right-radius:1.5rem;
  --tw-bg-opacity:1;
  background-color:rgba(255,255,255,var(--tw-bg-opacity));
  --tw-shadow:0 20px 25px -5px rgba(0,0,0,0.1),0 10px 10px -5px rgba(0,0,0,0.04);
  box-shadow:var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow);
  width:clamp(150px,25vw,280px)
}

.jdsc-heading-wrapper[data-v-c355980a]{
  margin-bottom:1rem;
  margin-left:1rem;
  padding-top:2rem;
  padding-bottom:2rem
}

.jdsc-heading[data-v-c355980a]{
  font-size:24px;
  font-weight:700;
  letter-spacing:-.025em
}

.link[data-v-1c499504]{
  margin-right:.5rem;
  display:grid;
  grid-template-columns:1fr auto auto;
  grid-column-gap:5px;
  align-items:center;
  transition:all .1s
}

.link[data-v-1c499504]:hover:not(.link--disabled){
  border-radius:.375rem;
  --tw-bg-opacity:1;
  background-color:rgba(223,226,229,var(--tw-bg-opacity))
}

.link--disabled[data-v-1c499504]{
  opacity:.5;
  cursor:not-allowed
}

.link.router-link-active[data-v-1c499504]{
  border-radius:.375rem;
  --tw-bg-opacity:1;
  background-color:rgba(244,236,254,var(--tw-bg-opacity));
  font-weight:700;
  --tw-text-opacity:1;
  color:rgba(112,12,227,var(--tw-text-opacity))
}

.small[data-v-1c499504]{
  font-size:14px;
  font-weight:400
}

.heading[data-v-d0f7b780]{
  padding-top:.5rem;
  padding-bottom:.5rem;
  padding-left:3rem;
  font-size:12px;
  font-weight:700;
  text-transform:uppercase;
  --tw-text-opacity:1;
  color:rgba(102,114,126,var(--tw-text-opacity))
}

.add[data-v-d0f7b780]{
  display:block;
  cursor:pointer;
  --tw-text-opacity:1;
  color:rgba(112,12,227,var(--tw-text-opacity))
}

.add[data-v-d0f7b780]:hover{
  --tw-text-opacity:1;
  color:rgba(44,5,89,var(--tw-text-opacity))
}

.add[data-v-d0f7b780]:focus{
  --tw-bg-opacity:1;
  background-color:rgba(231,212,253,var(--tw-bg-opacity));
  outline:2px solid transparent;
  outline-offset:2px
}

.add-slot[data-v-d0f7b780]{
  padding-left:1rem;
  padding-right:1rem;
  padding-top:.5rem;
  padding-bottom:.5rem;
  font-size:14px
}

.jdsc-score-badge[data-v-296339c3]{
  display:inline-block;
  white-space:nowrap;
  border-radius:.5rem;
  --tw-bg-opacity:1;
  background-color:rgba(9,151,190,var(--tw-bg-opacity));
  padding-left:.5rem;
  padding-right:.5rem;
  padding-top:.125rem;
  padding-bottom:.125rem;
  font-size:12px;
  font-weight:500;
  --tw-text-opacity:1;
  color:rgba(255,255,255,var(--tw-text-opacity));
  transition-property:background-color,border-color,color,fill,stroke;
  transition-timing-function:cubic-bezier(.4,0,.2,1);
  transition-duration:.15s
}

.jdsc-score-badge[data-v-296339c3]:hover{
  --tw-bg-opacity:1;
  background-color:rgba(7,123,155,var(--tw-bg-opacity))
}

.jdsc-score-badge[data-v-296339c3]:focus{
  outline:2px solid transparent;
  outline-offset:2px;
  --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 transparent);
  --tw-ring-opacity:1;
  --tw-ring-color:rgba(170,178,186,var(--tw-ring-opacity))
}

.jdsc-page-back-link[data-v-83e8f4d0]{
  display:inline-block;
  padding-right:1rem
}

.jdsc-page-back-link[data-v-83e8f4d0],.jdsc-page-back-link__icon[data-v-83e8f4d0]{
  --tw-text-opacity:1;
  color:rgba(52,58,64,var(--tw-text-opacity));
  transition:all .1s
}

.jdsc-page-back-link__icon[data-v-83e8f4d0]{
  padding-right:.5rem;
  font-size:14px
}

.jdsc-page-back-link--animate[data-v-83e8f4d0]{
  animation-duration:.72s;
  animation-name:icon-bounce-data-v-83e8f4d0;
  animation-iteration-count:infinite;
  animation-fill-mode:both
}

.jdsc-page-back-link--animate .jdsc-page-back-link__icon[data-v-83e8f4d0],.jdsc-page-back-link--animate[data-v-83e8f4d0]{
  --tw-text-opacity:1;
  color:rgba(14,112,250,var(--tw-text-opacity))
}

@keyframes icon-bounce-data-v-83e8f4d0{
  0%{
    transform:translate(0)
  }

  50%{
    transform:translate(.3rem)
  }

  to{
    transform:translate(0)
  }
}

.jdsc-page-back-link__wrapper[data-v-83e8f4d0]{
  display:inline-block
}

.jdsc-page-intro[data-v-3607c251]{
  display:flex;
  align-items:center;
  justify-content:center;
  padding-top:4rem;
  padding-bottom:4rem;
  --tw-text-opacity:1;
  color:rgba(52,58,64,var(--tw-text-opacity));
  grid-column:left/right
}

.jdsc-page-intro-stack[data-v-3607c251]{
  display:block
}

.jdsc-page-intro p[data-v-3607c251]{
  line-height:1.7rem
}

.jdsc-page-intro-left[data-v-3607c251]{
  display:flex;
  flex-grow:1;
  flex-direction:column;
  gap:1rem
}

.jdsc-page-intro-right[data-v-3607c251]{
  text-align:right
}

.jdsc-page-wrapper[data-v-48c55f3c]{
  display:grid;
  grid-template-columns:[left-gutter] 0 [left] minmax(0,900px) [right] 1fr [right-full] 0 [right-gutter];
  -moz-column-gap:clamp(1rem,2vw,3rem);
  column-gap:clamp(1rem,2vw,3rem)
}

.jdsc-page-centered[data-v-48c55f3c]{
  grid-template-columns:[left-gutter] 1fr [left] minmax(0,900px) [right] 1fr [right-full] 0 [right-gutter]
}

.jdsc-page-full-width[data-v-48c55f3c]{
  grid-template-columns:[left-gutter] 0 [left] minmax(0,1fr) [right right-full] 0 [right-gutter]
}

.jdsc-page-stacking[data-v-48c55f3c]{
  grid-template-columns:[left-gutter left] minmax(0,1fr) [right right-full right-gutter];
  margin-left:2rem;
  margin-right:2rem
}

.jdsc-page-section-narrow[data-v-11d83e0e]{
  font-size:14px;
  display:flex;
  flex-grow:1;
  flex-direction:column;
  gap:1rem
}

.jdsc-section[data-v-1881ffb4]{
  position:relative;
  margin-bottom:4rem;
  grid-column:left/right
}

.jdsc-section>.jdsc-page-section-heading[data-v-1881ffb4]:first-child,.jdsc-section>:first-child>.jdsc-page-section-heading[data-v-1881ffb4]:first-child,.jdsc-section>:first-child>:first-child>.jdsc-page-section-heading[data-v-1881ffb4]:first-child,.jdsc-section>:first-child>:first-child>:first-child>.jdsc-page-section-heading[data-v-1881ffb4]:first-child,.jdsc-section>:first-child>:first-child>:first-child>:first-child>.jdsc-page-section-heading[data-v-1881ffb4]:first-child{
  margin-top:0
}

.jdsc-section-full-width[data-v-1881ffb4]{
  grid-column:left/right-full
}

.jdsc-section-borderless[data-v-1881ffb4]{
  grid-column:left-gutter/right-gutter
}

.jdsc-section-has-sidebar[data-v-1881ffb4]{
  display:flex;
  align-items:flex-start;
  -moz-column-gap:clamp(1rem,2vw,3rem);
  column-gap:clamp(1rem,2vw,3rem)
}

.jdsc-section-left[data-v-1881ffb4]{
  border-bottom-width:1px;
  --tw-border-opacity:1;
  border-color:rgba(223,226,229,var(--tw-border-opacity));
  padding-bottom:3rem
}

.jdsc-section-right[data-v-1881ffb4]{
  margin-top:2rem;
  padding-top:2rem
}

.jdsc-section-has-sidebar .jdsc-section-left[data-v-1881ffb4]{
  border-right-width:1px;
  border-bottom-width:0;
  padding-bottom:0;
  width:calc(100% - 301px);
  padding-right:clamp(1rem,2vw,3rem)
}

.jdsc-section-has-sidebar .jdsc-section-right[data-v-1881ffb4]{
  margin-top:0;
  padding-top:0;
  padding-bottom:2rem;
  width:300px
}

.jdsc-equal[data-v-1881ffb4]{
  flex:1 1 0%;
  width:auto
}

.jdsc-content-wrapper[data-v-1881ffb4]{
  display:flex;
  flex-grow:1;
  flex-direction:column;
  gap:1rem
}

.jdsc-page-section-heading[data-v-61d72502]{
  display:flex;
  align-items:center;
  justify-content:space-between;
  font-size:24px;
  font-weight:500;
  --tw-text-opacity:1;
  color:rgba(52,58,64,var(--tw-text-opacity));
  margin-top:2.5rem;
  padding-bottom:1rem
}

.jdsc-page-section-heading-stack[data-v-61d72502]{
  display:block
}

.jdsc-page-section-heading-small[data-v-61d72502]{
  margin-top:.5rem;
  padding-bottom:.5rem;
  font-size:18px
}

.jdsc-page-section-heading-text[data-v-61d72502]{
  display:block
}

.jdsc-page-section-heading-small .jdsc-page-section-heading-text[data-v-61d72502]{
  padding-bottom:0
}

.jdsc-page-section-heading-toolbar[data-v-61d72502]{
  text-align:right
}

.arrow[data-v-d0ca66ca],.cell[data-v-d0ca66ca],.spacer[data-v-d0ca66ca]{
  display:flex;
  height:2.5rem;
  width:2.5rem;
  align-items:center;
  justify-content:center;
  text-decoration-color:#ff5fdf;
  transition:all .1s
}

.cell[data-v-d0ca66ca]{
  margin-right:.5rem;
  cursor:pointer;
  border-radius:.5rem;
  padding-left:.75rem;
  padding-right:.75rem;
  padding-top:.5rem;
  padding-bottom:.5rem
}

.cell[data-v-d0ca66ca]:hover{
  --tw-bg-opacity:1;
  background-color:rgba(255,233,251,var(--tw-bg-opacity));
  text-decoration:underline;
  color:#a20082;
  text-decoration-color:#ff5fdf;
  text-decoration-thickness:2px
}

.cell[data-v-d0ca66ca]:focus{
  outline:none
}

.current[data-v-d0ca66ca]{
  --tw-bg-opacity:1;
  background-color:rgba(255,208,246,var(--tw-bg-opacity));
  font-weight:700;
  --tw-text-opacity:1;
  color:rgba(162,0,130,var(--tw-text-opacity))
}

.spacer[data-v-d0ca66ca]{
  border-radius:.25rem;
  padding-left:1.25rem;
  padding-right:1.25rem;
  color:rgba(78,87,96,var(--tw-text-opacity))
}

.arrow[data-v-d0ca66ca],.spacer[data-v-d0ca66ca]{
  margin-right:.5rem;
  padding-top:.25rem;
  padding-bottom:.25rem;
  --tw-text-opacity:1
}

.arrow[data-v-d0ca66ca]{
  border-radius:.5rem;
  padding-left:2rem;
  padding-right:2rem;
  font-weight:700;
  color:rgba(170,178,186,var(--tw-text-opacity));
  cursor:default
}

.arrow[data-v-d0ca66ca]:not(.disabled){
  cursor:pointer
}

.arrow[data-v-d0ca66ca]:not(.disabled),.arrow[data-v-d0ca66ca]:not(.disabled):hover{
  --tw-bg-opacity:1;
  background-color:rgba(231,212,253,var(--tw-bg-opacity));
  --tw-text-opacity:1;
  color:rgba(112,12,227,var(--tw-text-opacity))
}

.arrow[data-v-d0ca66ca]:not(.disabled):hover{
  margin-right:.5rem;
  border-radius:.5rem;
  padding-left:2rem;
  padding-right:2rem;
  padding-top:.25rem;
  padding-bottom:.25rem;
  font-weight:700;
  transform:scale(1.08)
}

.arrow[data-v-d0ca66ca]:not(.disabled):focus{
  outline:none
}

.jdsc-pipeline[data-v-83aa738e]{
  position:absolute;
  display:flex;
  align-items:stretch;
  top:0;
  bottom:0
}

.jdsc-pipeline-card__wrapper[data-v-ad53f0f2]{
  position:relative;
  display:grid;
  grid-template-rows:[top] auto [mid] auto [bottom];
  grid-template-columns:1fr
}

.jdsc-pipeline-card[data-v-ad53f0f2]{
  position:relative;
  grid-row:top/mid;
  grid-column:1/2;
  -webkit-user-select:none;
  -moz-user-select:none;
  user-select:none
}

.jdsc-pipeline-card--selected[data-v-ad53f0f2]{
  cursor:grab
}

.jdsc-pipeline-card__badges[data-v-ad53f0f2]{
  position:absolute;
  display:flex;
  gap:.25rem;
  top:-.8rem;
  left:1rem
}

.jdsc-pipeline-card-select[data-v-ad53f0f2]{
  position:absolute;
  cursor:pointer;
  border-radius:.125rem;
  --tw-bg-opacity:1;
  background-color:rgba(198,221,254,var(--tw-bg-opacity));
  --tw-text-opacity:1;
  color:rgba(4,80,186,var(--tw-text-opacity));
  --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 transparent);
  --tw-ring-opacity:1;
  --tw-ring-color:rgba(103,165,252,var(--tw-ring-opacity));
  top:-10px;
  left:-10px;
  width:20px;
  height:20px;
  text-align:center;
  line-height:24px;
  transition:all .1s;
  -webkit-user-select:none;
  -moz-user-select:none;
  user-select:none
}

.jdsc-pipeline-card-select--selected[data-v-ad53f0f2]{
  --tw-bg-opacity:1;
  background-color:rgba(149,192,253,var(--tw-bg-opacity));
  --tw-ring-opacity:1;
  --tw-ring-color:rgba(14,112,250,var(--tw-ring-opacity));
  top:-12px;
  left:-12px;
  width:24px;
  height:24px
}

.jdsc-pipeline-card-drawer[data-v-d846f51e]{
  display:contents
}

.jdsc-pipeline-card-drawer__fill[data-v-d846f51e]{
  border-top-left-radius:.5rem;
  border-top-right-radius:.5rem;
  grid-row:top/mid;
  grid-column:1/2
}

.jdsc-pipeline-card-drawer__main[data-v-d846f51e]{
  display:flex;
  align-items:baseline;
  gap:.25rem;
  border-bottom-right-radius:.5rem;
  border-bottom-left-radius:.5rem;
  padding-left:1rem;
  padding-right:1rem;
  padding-top:.375rem;
  padding-bottom:.375rem;
  font-size:11px;
  font-weight:700;
  --tw-text-opacity:1;
  color:rgba(239,240,242,var(--tw-text-opacity));
  grid-row:mid/bottom;
  grid-column:1/2
}

.jdsc-pipeline-card-drawer-contents--neutral[data-v-d846f51e]{
  color:#255d66;
  background-color:#a4edea
}

.jdsc-pipeline-card-drawer-contents--pass[data-v-d846f51e]{
  color:#1e5f50;
  background-color:#a3eabd
}

.jdsc-pipeline-card-drawer-contents--warn[data-v-d846f51e]{
  color:#794826;
  background-color:#f1d69d
}

.jdsc-pipeline-card-drawer-contents--fail[data-v-d846f51e]{
  color:#843f3f;
  background-color:#fad0cb
}

.jdsc-pipeline-stage[data-v-07496aa8]{
  position:relative;
  border-radius:.5rem;
  --tw-bg-opacity:1;
  background-color:rgba(247,248,249,var(--tw-bg-opacity));
  transition-property:all;
  transition-timing-function:cubic-bezier(.4,0,.2,1);
  transition-duration:.15s;
  transition-duration:.1s;
  box-shadow:inset 4px 0 0 0 #fff,inset -4px 0 0 0 #fff;
  margin-top:7px;
  margin-bottom:3px;
  display:flex;
  flex-direction:column;
  min-width:max(250px,10vw);
  max-width:-moz-min-content;
  max-width:min-content;
  overflow:hidden
}

.jdsc-pipeline-stage--highlight[data-v-07496aa8]{
  --tw-bg-opacity:1;
  background-color:rgba(255,248,254,var(--tw-bg-opacity));
  box-shadow:inset 0 0 0 2px #d400ab,inset 4px 0 0 0 #fff,inset -4px 0 0 0 #fff
}

.jdsc-pipeline-stage--drawer[data-v-07496aa8]{
  max-height:100%;
  align-self:flex-start;
  border-radius:0;
  border-top-right-radius:.5rem;
  border-bottom-right-radius:.5rem;
  --tw-bg-opacity:1;
  background-color:rgba(244,236,254,var(--tw-bg-opacity));
  max-height:calc(100% - 10px);
  box-shadow:inset -4px 0 0 0 #fff
}

.jdsc-pipeline-stage--drawer.jdsc-pipeline-stage--highlight[data-v-07496aa8]{
  box-shadow:inset 0 0 0 2px #9a4bf5,inset -4px 0 0 0 #fff
}

.jdsc-pipeline-stage__header[data-v-07496aa8]{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:.5rem;
  padding-top:1rem;
  padding-bottom:.5rem;
  font-size:12px;
  --tw-text-opacity:1;
  color:rgba(52,58,64,var(--tw-text-opacity))
}

.jdsc-pipeline-stage__header[data-v-07496aa8]:hover{
  border-top-left-radius:.5rem;
  border-top-right-radius:.5rem;
  box-shadow:inset 4px 0 0 0 #fff,inset -4px 0 0 0 #fff
}

.jdsc-pipeline-stage__title[data-v-07496aa8]{
  margin-left:1.5rem;
  flex-grow:1;
  font-weight:700;
  text-transform:uppercase
}

.jdsc-pipeline-stage__toolbar[data-v-07496aa8]{
  margin-right:1.5rem
}

.jdsc-pipeline-stage__select-box-wrapper[data-v-07496aa8]{
  margin-left:.75rem;
  width:24px;
  height:24px;
  line-height:20px
}

.jdsc-pipeline-stage__select-box[data-v-07496aa8]{
  cursor:pointer;
  border-radius:.125rem;
  --tw-bg-opacity:1;
  background-color:rgba(231,212,253,var(--tw-bg-opacity));
  --tw-text-opacity:1;
  color:rgba(112,12,227,var(--tw-text-opacity));
  --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 transparent);
  --tw-ring-opacity:1;
  --tw-ring-color:rgba(191,140,249,var(--tw-ring-opacity));
  text-align:center;
  width:24px;
  height:24px;
  line-height:24px;
  transition:all .1s
}

.jdsc-pipeline-stage-items[data-v-07496aa8]{
  padding-left:1.5rem;
  padding-right:1.5rem;
  padding-bottom:1rem;
  display:flex;
  flex-direction:column;
  flex:1;
  overflow-y:auto;
  margin:0;
  position:relative;
  gap:1rem
}

.jdsc-pipeline-stage-items--inert[data-v-07496aa8]{
  pointer-events:none
}

.jdsc-pipeline-stage-top-shadow[data-v-07496aa8]{
  height:0;
  position:relative
}

.jdsc-pipeline-stage-top-shadow[data-v-07496aa8]:after{
  content:" ";
  top:0;
  height:20px;
  background:radial-gradient(farthest-side at top,rgba(0,0,0,.3),rgba(0,0,0,.05) 50%,transparent);
  width:100%;
  position:absolute;
  z-index:10;
  opacity:0;
  transition:all .3s;
  pointer-events:none
}

.jdsc-pipeline-stage-top-shadow.jdsc-pipeline-show[data-v-07496aa8]:after{
  opacity:1
}

.jdsc-pipeline-stage-bottom-shadow[data-v-07496aa8]{
  height:0;
  position:relative
}

.jdsc-pipeline-stage-bottom-shadow[data-v-07496aa8]:after{
  content:" ";
  top:-20px;
  height:20px;
  background:radial-gradient(farthest-side at bottom,rgba(0,0,0,.3),rgba(0,0,0,.05) 50%,transparent);
  width:100%;
  position:absolute;
  z-index:10;
  opacity:0;
  transition:all .3s;
  pointer-events:none
}

.jdsc-pipeline-stage-bottom-shadow.jdsc-pipeline-show[data-v-07496aa8]:after{
  opacity:1
}

.jdsc-pipeline-stage-badge[data-v-8c5ded40]{
  position:relative;
  display:inline-flex;
  height:1.5rem;
  width:1.5rem;
  align-items:center;
  justify-content:center;
  border-radius:9999px;
  --tw-bg-opacity:1;
  background-color:rgba(223,226,229,var(--tw-bg-opacity));
  font-weight:700;
  animation:jdsa-pipeline-stage-badge__flash-data-v-8c5ded40 .8s linear
}

.jdsc-pipeline-stage-badge__ripple[data-v-8c5ded40]{
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  border-radius:9999px;
  opacity:0;
  --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 transparent);
  --tw-ring-opacity:1;
  --tw-ring-color:rgba(255,157,235,var(--tw-ring-opacity));
  animation:jdsa-pipeline-stage-badge__splash-data-v-8c5ded40 1s cubic-bezier(.39,.575,.565,1)
}

.jdsc-pipeline-stage-badge--loading[data-v-8c5ded40],.jdsc-pipeline-stage-badge__ripple--loading[data-v-8c5ded40]{
  animation-duration:0s!important
}

@keyframes jdsa-pipeline-stage-badge__flash-data-v-8c5ded40{
  10%{
    background:#ffd0f6;
    transform:scale(1.1)
  }
}

@keyframes jdsa-pipeline-stage-badge__splash-data-v-8c5ded40{
  10%{
    opacity:1;
    transform:scale(1.1)
  }

  to{
    opacity:0;
    transform:scale(1.7)
  }
}

.jdsc-reaction[data-v-63dcdc53]{
  display:inline-flex;
  cursor:pointer;
  gap:.375rem;
  border-radius:9999px;
  padding-left:.5rem;
  padding-right:.5rem;
  padding-top:.125rem;
  padding-bottom:.125rem;
  font-weight:700;
  --tw-text-opacity:1;
  color:rgba(52,58,64,var(--tw-text-opacity));
  background:rgba(0,0,0,.05);
  font-size:80%
}

.jdsc-reaction[data-v-63dcdc53]:hover{
  --tw-text-opacity:1;
  color:rgba(0,0,0,var(--tw-text-opacity));
  background:rgba(0,0,0,.08)
}

.jdsc-reaction[aria-selected][data-v-63dcdc53]{
  --tw-bg-opacity:1;
  background-color:rgba(252,249,255,var(--tw-bg-opacity));
  box-shadow:inset 0 0 0 2px #e7d4fd
}

.jdsc-reaction__tooltip[data-v-63dcdc53]{
  border-radius:.375rem;
  --tw-bg-opacity:1;
  background-color:rgba(52,58,64,var(--tw-bg-opacity));
  padding:.5rem;
  text-align:center;
  font-size:12px;
  --tw-text-opacity:1;
  color:rgba(255,255,255,var(--tw-text-opacity));
  max-width:max(30vw,300px)
}

.jdsc-reaction-badge[data-v-c39dc364]{
  white-space:nowrap;
  border-radius:.5rem;
  --tw-bg-opacity:1;
  background-color:rgba(247,248,249,var(--tw-bg-opacity));
  padding-left:.375rem;
  padding-right:.375rem;
  padding-top:.125rem;
  padding-bottom:.125rem;
  font-size:12px;
  font-weight:500;
  --tw-text-opacity:1;
  color:rgba(52,58,64,var(--tw-text-opacity));
  transition-property:background-color,border-color,color,fill,stroke;
  transition-timing-function:cubic-bezier(.4,0,.2,1);
  transition-duration:.15s;
  box-shadow:inset 0 0 0 2px #dfe2e5
}

.jdsc-reaction-badge__inner[data-v-c39dc364]{
  display:inline-flex;
  gap:.375rem
}

.jdsc-reaction-badge__tooltip[data-v-c39dc364]{
  border-radius:.375rem;
  --tw-bg-opacity:1;
  background-color:rgba(52,58,64,var(--tw-bg-opacity));
  padding-left:.375rem;
  padding-right:.375rem;
  padding-top:.25rem;
  padding-bottom:.25rem;
  text-align:center;
  font-size:12px;
  --tw-text-opacity:1;
  color:rgba(255,255,255,var(--tw-text-opacity));
  max-width:max(30vw,300px)
}

.jdsc-reaction-option[data-v-095b7b56]{
  display:inline-block;
  border-radius:9999px;
  padding-left:.5rem;
  padding-right:.5rem;
  padding-top:.125rem;
  padding-bottom:.125rem;
  font-weight:700;
  --tw-text-opacity:1;
  color:rgba(52,58,64,var(--tw-text-opacity));
  background:rgba(0,0,0,.05)
}

.jdsc-reaction-panel[data-v-b4a393d6]{
  display:inline-flex;
  gap:.5rem
}

.jdsc-reaction-panel__add[data-v-b4a393d6]{
  display:inline-block;
  border-radius:9999px;
  padding-left:.5rem;
  padding-right:.5rem;
  padding-top:.125rem;
  padding-bottom:.125rem;
  font-weight:700;
  --tw-text-opacity:1;
  color:rgba(52,58,64,var(--tw-text-opacity));
  background:rgba(0,0,0,.05);
  font-size:80%
}

.jdsc-reaction-panel__add[data-v-b4a393d6]:hover{
  --tw-text-opacity:1;
  color:rgba(0,0,0,var(--tw-text-opacity));
  background:rgba(0,0,0,.08)
}

.jdsc-reaction-panel__popup[data-v-b4a393d6]{
  margin:.5rem;
  display:inline-flex;
  gap:.5rem
}

.jdsc-reaction-panel__add-symbol[data-v-b4a393d6]{
  position:static;
  width:auto;
  height:auto;
  padding:0;
  margin:0;
  overflow:visible;
  clip:auto;
  white-space:normal
}

.jdsc-rich-radio-group__main--simple[data-v-f5318820]{
  display:flex;
  flex-direction:column
}

.jdsc-rich-radio-group__main--list[data-v-f5318820]{
  display:flex;
  flex-direction:column;
  gap:.75rem
}

.jdsc-rich-radio-group__main--grid-auto[data-v-f5318820]{
  display:grid;
  gap:1rem;
  grid-auto-columns:1fr;
  grid-auto-flow:column
}

.jdsc-rich-radio-group__main--grid-columns[data-v-f5318820]{
  display:grid;
  gap:1rem
}

.jdsc-rich-radio-group__wrapper[data-v-f5318820]{
  display:inline-flex
}

.jdsc-rich-radio-group__wrapper--full-width[data-v-f5318820],.jdsc-rich-radio-group__wrapper[data-v-f5318820]{
  border-radius:.5rem;
  --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 transparent);
  --tw-ring-color:hsla(0,0%,100%,0);
  transition-property:all;
  transition-timing-function:cubic-bezier(.4,0,.2,1);
  transition-duration:.15s;
  transition-duration:.2s
}

.jdsc-rich-radio-group__wrapper--error[data-v-f5318820]{
  --tw-bg-opacity:1;
  background-color:rgba(255,249,251,var(--tw-bg-opacity));
  --tw-ring-opacity:1;
  --tw-ring-color:rgba(236,0,79,var(--tw-ring-opacity));
  animation:jdsa-rich-radio-group__error-data-v-f5318820 1s;
  animation-fill-mode:both
}

@keyframes jdsa-rich-radio-group__error-data-v-f5318820{
  0%{
    --tw-bg-opacity:1;
    background-color:rgba(255,249,251,var(--tw-bg-opacity))
  }

  25%{
    --tw-bg-opacity:1;
    background-color:rgba(255,234,241,var(--tw-bg-opacity))
  }

  to{
    --tw-bg-opacity:1;
    background-color:rgba(255,249,251,var(--tw-bg-opacity))
  }
}

.jdsc-rich-radio-option[data-v-05e1729f]{
  transition-property:all;
  transition-timing-function:cubic-bezier(.4,0,.2,1);
  transition-duration:.15s;
  transition-duration:.1s
}

.jdsc-rich-radio-option--standard[data-v-05e1729f]{
  margin-left:1rem;
  display:flex;
  align-items:baseline;
  gap:.5rem;
  padding-top:.5rem;
  padding-bottom:.5rem;
  padding-right:1rem;
  font-size:14px
}

.jdsc-rich-radio-option--card[data-v-05e1729f]{
  position:relative;
  display:flex;
  cursor:pointer;
  align-items:baseline;
  gap:.5rem;
  border-radius:.5rem;
  --tw-bg-opacity:1;
  background-color:rgba(255,255,255,var(--tw-bg-opacity));
  padding:1rem;
  font-size:14px;
  font-weight:500;
  --tw-text-opacity:1;
  color:rgba(52,58,64,var(--tw-text-opacity));
  --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 transparent);
  --tw-ring-opacity:1;
  --tw-ring-color:rgba(223,226,229,var(--tw-ring-opacity))
}

.jdsc-rich-radio-option--disabled[data-v-05e1729f]{
  opacity:.4;
  cursor:not-allowed
}

.jdsc-rich-radio-option--card.jdsc-rich-radio-option--active.green[data-v-05e1729f]{
  --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 transparent);
  --tw-ring-opacity:1;
  --tw-ring-color:rgba(68,200,138,var(--tw-ring-opacity))
}

.jdsc-rich-radio-option--card.jdsc-rich-radio-option--active.purple[data-v-05e1729f]{
  --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 transparent);
  --tw-ring-opacity:1;
  --tw-ring-color:rgba(191,140,249,var(--tw-ring-opacity))
}

.jdsc-rich-radio-option--grid[data-v-05e1729f]{
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:0;
  padding-left:1.5rem;
  padding-right:1.5rem;
  padding-top:1rem;
  padding-bottom:1rem
}

.jdsc-rich-radio-option__icon[data-v-05e1729f]{
  font-size:32px
}

.jdsc-rich-radio-option__radio.green[data-v-05e1729f]{
  --tw-bg-opacity:1;
  --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  --tw-ring-opacity:1;
  --tw-ring-color:rgba(170,178,186,var(--tw-ring-opacity))
}

.jdsc-rich-radio-option__radio.green[data-v-05e1729f],.jdsc-rich-radio-option__radio.purple[data-v-05e1729f]{
  position:relative;
  flex-shrink:0;
  cursor:pointer;
  border-radius:9999px;
  background-color:rgba(255,255,255,var(--tw-bg-opacity));
  box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 transparent);
  height:14px;
  width:14px;
  top:1px
}

.jdsc-rich-radio-option__radio.purple[data-v-05e1729f]{
  --tw-bg-opacity:1;
  --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  --tw-ring-opacity:1;
  --tw-ring-color:rgba(191,140,249,var(--tw-ring-opacity))
}

.jdsc-rich-radio-option__radio.green.disabled[data-v-05e1729f],.jdsc-rich-radio-option__radio.purple.disabled[data-v-05e1729f]{
  cursor:not-allowed
}

.jdsc-rich-radio-option__radio--active.green[data-v-05e1729f]{
  --tw-ring-opacity:1;
  --tw-ring-color:rgba(68,200,138,var(--tw-ring-opacity))
}

.jdsc-rich-radio-option__radio--active.purple[data-v-05e1729f]{
  --tw-ring-opacity:1;
  --tw-ring-color:rgba(191,140,249,var(--tw-ring-opacity))
}

.jdsc-rich-radio-option__content[data-v-05e1729f]{
  width:100%
}

.jdsc-rich-radio-option__fill[data-v-05e1729f]{
  position:absolute;
  border-radius:9999px;
  --tw-bg-opacity:1;
  background-color:rgba(5,183,99,var(--tw-bg-opacity));
  height:8px;
  width:8px;
  left:calc(50% - 4px);
  top:calc(50% - 4px);
  animation:jdsa-rich-radio__pop-data-v-05e1729f .2s cubic-bezier(0,1.65,.335,1.645);
  animation-fill-mode:both
}

@keyframes jdsa-rich-radio__pop-data-v-05e1729f{
  0%{
    opacity:0;
    transform:scale(.5)
  }

  to{
    opacity:1;
    transform:scale(1)
  }
}

.jdsc-rich-radio-option--grid .jdsc-rich-radio-option__radio[data-v-05e1729f]{
  position:absolute;
  top:.5rem;
  left:.5rem
}

.jdsc-rich-radio-option--grid .jdsc-rich-radio-option__content[data-v-05e1729f]{
  text-align:center
}

.jdsc-rich-radio-option__sub[data-v-05e1729f]{
  font-size:14px;
  font-weight:400;
  --tw-text-opacity:1;
  color:rgba(102,114,126,var(--tw-text-opacity))
}

.jdsc-rich-radio-option--grid .jdsc-rich-radio-option__sub[data-v-05e1729f]{
  font-size:12px
}

.jdsc-score-badge[data-v-0fee08db]{
  display:inline-block;
  white-space:nowrap;
  border-radius:.375rem;
  --tw-bg-opacity:1;
  background-color:rgba(201,206,211,var(--tw-bg-opacity));
  text-align:center;
  font-weight:500;
  transition-property:background-color,border-color,color,fill,stroke;
  transition-timing-function:cubic-bezier(.4,0,.2,1);
  transition-duration:.15s;
  padding:.1em .6em
}

.jdsc-score-badge[data-v-0fee08db]:focus{
  outline:2px solid transparent;
  outline-offset:2px;
  --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 transparent);
  --tw-ring-opacity:1;
  --tw-ring-color:rgba(170,178,186,var(--tw-ring-opacity))
}

.jdsc-score-a-plus[data-v-0fee08db]{
  --tw-text-opacity:1;
  color:rgba(255,255,255,var(--tw-text-opacity));
  background-color:#006aff
}

.jdsc-score-a[data-v-0fee08db]{
  background-color:#bed9ff;
  color:#006aff
}

.jdsc-score-b[data-v-0fee08db]{
  background-color:#a8e9fb;
  color:#0997be
}

.jdsc-score-c[data-v-0fee08db]{
  background-color:#f4bfea;
  color:#d400ab
}

.jdsc-score-unknown[data-v-0fee08db]{
  --tw-bg-opacity:1;
  background-color:rgba(223,226,229,var(--tw-bg-opacity));
  --tw-text-opacity:1;
  color:rgba(102,114,126,var(--tw-text-opacity))
}

.jdsc-score-badge.jdsc-score-deselected[data-v-0fee08db]{
  --tw-text-opacity:1;
  color:rgba(52,58,64,var(--tw-text-opacity));
  background:#dfe2e5
}

.jdsc-select-field__icon[data-v-2dfd0b6b]{
  padding-left:.75rem;
  padding-right:.75rem
}

.jdsc-select-field__default[data-v-2dfd0b6b]{
  --tw-text-opacity:1;
  color:rgba(201,206,211,var(--tw-text-opacity))
}

.jdsc-select-field__popup[data-v-2dfd0b6b]{
  display:grid;
  align-items:stretch;
  grid-auto-rows:1fr;
  max-height:40vh
}

.jdsc-select-field-option__wrapper[data-v-cd39dd5c]{
  display:contents
}

.jdsc-select-field-option[data-v-cd39dd5c]{
  padding-left:1rem;
  padding-right:1rem;
  padding-top:.5rem;
  padding-bottom:.5rem;
  font-size:14px;
  transition-property:all;
  transition-timing-function:cubic-bezier(.4,0,.2,1);
  transition-duration:.15s;
  transition-duration:.1s
}

.jdsc-select-field-option[data-v-cd39dd5c]:hover{
  --tw-bg-opacity:1;
  background-color:rgba(244,236,254,var(--tw-bg-opacity))
}

.jdsc-select-field-option--active[data-v-cd39dd5c],.jdsc-select-field-option--active[data-v-cd39dd5c]:hover{
  --tw-bg-opacity:1;
  background-color:rgba(77,8,155,var(--tw-bg-opacity));
  --tw-text-opacity:1;
  color:rgba(255,255,255,var(--tw-text-opacity))
}

.jdsc-select-field-option__sub[data-v-cd39dd5c]{
  font-size:12px;
  --tw-text-opacity:1;
  color:rgba(102,114,126,var(--tw-text-opacity))
}

.jdsc-select-field-option--active .jdsc-select-field-option__sub[data-v-cd39dd5c],.jdsc-select-field-option--active:hover .jdsc-select-field-option__sub[data-v-cd39dd5c]{
  --tw-text-opacity:1;
  color:rgba(255,208,246,var(--tw-text-opacity))
}

.jdsc-sheet__backdrop[data-v-d74a3480]{
  position:fixed;
  top:0;
  right:0;
  bottom:0;
  left:0;
  cursor:pointer;
  background:rgba(0,0,0,.3)
}

.jdsc-sheet[data-v-d74a3480]{
  position:absolute;
  left:2.5rem;
  right:2.5rem;
  top:0;
  bottom:0;
  display:flex;
  align-items:stretch;
  gap:1rem;
  overflow:visible;
  animation:jdsca-hide-scroll .3s
}

.jdsc-sheet__main[data-v-d74a3480]{
  display:flex;
  flex-grow:1;
  flex-direction:column;
  cursor:auto;
  animation:jdsa-sheet__appear-data-v-d74a3480 .3s cubic-bezier(.34,1.56,.64,1)
}

.jdsc-sheet__main-wrapper[data-v-d74a3480]{
  position:relative;
  flex-grow:1;
  border-radius:.25rem;
  --tw-bg-opacity:1;
  background-color:rgba(255,255,255,var(--tw-bg-opacity))
}

.jdsc-sheet__main-contents[data-v-d74a3480]{
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  overflow:auto
}

@keyframes jdsa-sheet__appear-data-v-d74a3480{
  0%{
    opacity:0;
    transform:scale(.95);
    overflow:hidden
  }

  to{
    opacity:1;
    transform:scale(1);
    overflow:hidden
  }
}

.jdsc-sheet__close[data-v-d74a3480]{
  position:absolute;
  top:0;
  right:0
}

.jdsc-sheet__close-button[data-v-d74a3480]{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:9999px;
  --tw-bg-opacity:1;
  background-color:rgba(255,255,255,var(--tw-bg-opacity));
  --tw-text-opacity:1;
  color:rgba(102,114,126,var(--tw-text-opacity));
  --tw-shadow:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);
  box-shadow:var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow);
  --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 transparent);
  --tw-ring-opacity:1;
  --tw-ring-color:rgba(170,178,186,var(--tw-ring-opacity));
  transition-property:all;
  transition-timing-function:cubic-bezier(.4,0,.2,1);
  transition-duration:.15s;
  transition-duration:.1s;
  width:2rem;
  height:2rem;
  top:-1rem;
  right:-1rem;
  transition-timing-function:cubic-bezier(.175,.885,.32,1.275);
  animation:jdsa-sheet__close-appear-data-v-d74a3480 .3s cubic-bezier(.34,1.56,.64,1);
  animation-delay:.25s;
  animation-fill-mode:both
}

@keyframes jdsa-sheet__close-appear-data-v-d74a3480{
  0%{
    opacity:0;
    transform:scale(.3)
  }

  to{
    opacity:1;
    transform:scale(1)
  }
}

.jdsc-sheet__close-button[data-v-d74a3480]:hover{
  --tw-text-opacity:1;
  color:rgba(21,24,26,var(--tw-text-opacity));
  --tw-ring-opacity:1;
  --tw-ring-color:rgba(21,24,26,var(--tw-ring-opacity));
  transform:scale(1.1)
}

.jdsc-sheet__left[data-v-d74a3480]{
  width:clamp(200px,20vw,300px);
  overflow:auto
}

.jdsc-sheet__left-contents[data-v-d74a3480]{
  position:relative
}

.jdsc-sheet__bumper[data-v-d74a3480]{
  height:2.5rem;
  cursor:pointer
}

.jdsc-spotlight[data-v-41991076]{
  width:100%;
  border-radius:.5rem;
  --tw-bg-opacity:1;
  background-color:rgba(255,255,255,var(--tw-bg-opacity));
  padding:1.5rem;
  --tw-shadow:0 1px 2px 0 rgba(0,0,0,0.05);
  box-shadow:var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow)
}

.jdsc-spotlight--solo[data-v-41991076]{
  max-width:-moz-max-content;
  max-width:max-content;
  text-align:center
}

.jdsc-spotlight__icon[data-v-41991076]{
  font-size:64px
}

.jdsc-spotlight__top[data-v-41991076]{
  display:flex;
  align-items:center;
  justify-content:space-between;
  font-size:18px;
  --tw-text-opacity:1;
  color:rgba(52,58,64,var(--tw-text-opacity));
  gap:.25rem;
  padding-bottom:1.5rem
}

.jdsc-spotlight__top--solo[data-v-41991076]{
  flex-direction:column
}

.jdsc-spotlight__label[data-v-41991076]{
  font-weight:700
}

.jdsc-spotlight__main[data-v-41991076]{
  position:relative;
  font-weight:500
}

.jdsc-spotlight__main--numeric[data-v-41991076]{
  font-size:32px;
  letter-spacing:-.05em
}

.jdsc-spotlight__main--warning[data-v-41991076]{
  --tw-text-opacity:1;
  color:rgba(236,0,79,var(--tw-text-opacity))
}

.jdsc-spotlight__sub[data-v-41991076]{
  margin-bottom:.5rem;
  font-size:14px;
  --tw-text-opacity:1;
  color:rgba(102,114,126,var(--tw-text-opacity))
}

.jdsc-spotlight__sub--warning[data-v-41991076]{
  --tw-text-opacity:1;
  color:rgba(236,0,79,var(--tw-text-opacity))
}

.jdsc-spotlight__action[data-v-41991076]{
  display:flex;
  flex-direction:column;
  gap:.5rem;
  padding-top:1rem
}

.jdsc-table[data-v-24dda1b6]{
  width:100%;
  font-size:14px;
  --tw-text-opacity:1;
  color:rgba(78,87,96,var(--tw-text-opacity));
  white-space:nowrap
}

.jdsc-table-wrapper[data-v-24dda1b6]{
  overflow-x:auto;
  width:100%;
  border-radius:.375rem;
  border-width:1px;
  --tw-border-opacity:1;
  border-color:rgba(223,226,229,var(--tw-border-opacity));
  background:linear-gradient(90deg,#fff 30%,hsla(0,0%,100%,0)),linear-gradient(90deg,hsla(0,0%,100%,0),#fff 70%) 0 100%,radial-gradient(farthest-side at 0 50%,rgba(0,0,0,.2),#fff),radial-gradient(farthest-side at 100% 50%,rgba(0,0,0,.2),#fff) 0 100%;
  background-repeat:no-repeat;
  background-color:#fff;
  background-position:0 0,100% 0,0 0,100% 0;
  background-size:40px 100%,40px 100%,20px 100%,20px 100%;
  background-attachment:local,local,scroll,scroll
}

.jdsc-badge[data-v-2d8c0fc9]{
  position:relative;
  margin-right:.5rem;
  display:inline-block;
  border-radius:9999px;
  --tw-bg-opacity:1;
  background-color:rgba(223,226,229,var(--tw-bg-opacity));
  padding-left:.5rem;
  padding-right:.5rem;
  font-size:12px;
  font-weight:700;
  --tw-text-opacity:1;
  color:rgba(78,87,96,var(--tw-text-opacity));
  height:1.5rem;
  min-width:1.5rem;
  line-height:1.5rem;
  text-align:center
}

.jdsc-badge.link[data-v-2d8c0fc9]:hover{
  --tw-bg-opacity:1;
  background-color:rgba(201,206,211,var(--tw-bg-opacity));
  --tw-text-opacity:1;
  color:rgba(52,58,64,var(--tw-text-opacity))
}

.jdsc-badge.teal[data-v-2d8c0fc9]{
  --tw-bg-opacity:1;
  background-color:rgba(211,247,246,var(--tw-bg-opacity));
  --tw-text-opacity:1;
  color:rgba(18,96,95,var(--tw-text-opacity))
}

.jdsc-badge.teal.link[data-v-2d8c0fc9]:hover{
  --tw-bg-opacity:1;
  background-color:rgba(152,236,235,var(--tw-bg-opacity));
  --tw-text-opacity:1;
  color:rgba(12,64,63,var(--tw-text-opacity))
}

.jdsc-badge.aqua[data-v-2d8c0fc9]{
  --tw-bg-opacity:1;
  background-color:rgba(216,245,253,var(--tw-bg-opacity));
  --tw-text-opacity:1;
  color:rgba(7,123,155,var(--tw-text-opacity))
}

.jdsc-badge.aqua.link[data-v-2d8c0fc9]:hover{
  --tw-bg-opacity:1;
  background-color:rgba(168,233,251,var(--tw-bg-opacity));
  --tw-text-opacity:1;
  color:rgba(6,94,118,var(--tw-text-opacity))
}

.jdsc-badge.green[data-v-2d8c0fc9]{
  --tw-bg-opacity:1;
  background-color:rgba(231,248,239,var(--tw-bg-opacity));
  --tw-text-opacity:1;
  color:rgba(3,156,84,var(--tw-text-opacity))
}

.jdsc-badge.green.link[data-v-2d8c0fc9]:hover{
  --tw-bg-opacity:1;
  background-color:rgba(192,238,216,var(--tw-bg-opacity));
  --tw-text-opacity:1;
  color:rgba(5,137,74,var(--tw-text-opacity))
}

.jdsc-badge.purple[data-v-2d8c0fc9]{
  --tw-bg-opacity:1;
  background-color:rgba(244,236,254,var(--tw-bg-opacity));
  --tw-text-opacity:1;
  color:rgba(112,12,227,var(--tw-text-opacity))
}

.jdsc-badge.purple.link[data-v-2d8c0fc9]:hover{
  --tw-bg-opacity:1;
  background-color:rgba(231,212,253,var(--tw-bg-opacity));
  --tw-text-opacity:1;
  color:rgba(77,8,155,var(--tw-text-opacity))
}

.jdsc-badge.yellow[data-v-2d8c0fc9]{
  --tw-bg-opacity:1;
  background-color:rgba(252,242,218,var(--tw-bg-opacity));
  --tw-text-opacity:1;
  color:rgba(144,107,13,var(--tw-text-opacity))
}

.jdsc-badge.yellow.link[data-v-2d8c0fc9]:hover{
  --tw-bg-opacity:1;
  background-color:rgba(247,224,166,var(--tw-bg-opacity));
  --tw-text-opacity:1;
  color:rgba(119,88,11,var(--tw-text-opacity))
}

.jdsc-badge.red[data-v-2d8c0fc9]{
  --tw-bg-opacity:1;
  background-color:rgba(255,234,241,var(--tw-bg-opacity));
  --tw-text-opacity:1;
  color:rgba(174,0,58,var(--tw-text-opacity))
}

.jdsc-badge.red.link[data-v-2d8c0fc9]:hover{
  --tw-bg-opacity:1;
  background-color:rgba(255,210,225,var(--tw-bg-opacity));
  --tw-text-opacity:1;
  color:rgba(119,0,40,var(--tw-text-opacity))
}

.jdsc-table-cell-wrap[data-v-6f5242d5]{
  white-space:normal;
  line-height:250%
}

.jdsc-table-cell__sub[data-v-6f5242d5]{
  font-size:12px;
  font-weight:400;
  --tw-text-opacity:1;
  color:rgba(102,114,126,var(--tw-text-opacity))
}

.jdsc-heading[data-v-110c40b6]{
  --tw-bg-opacity:1;
  background-color:rgba(255,255,255,var(--tw-bg-opacity));
  padding-left:1rem;
  padding-right:1rem;
  padding-top:1rem;
  padding-bottom:1rem;
  text-align:left;
  font-weight:400;
  font-weight:700;
  --tw-text-opacity:1;
  color:rgba(21,24,26,var(--tw-text-opacity));
  border-bottom:3px double #eff0f2;
  position:sticky;
  top:0
}

.jdsc-heading[data-v-110c40b6]:first-child{
  border-top-left-radius:.375rem
}

.jdsc-heading[data-v-110c40b6]:last-child{
  border-top-right-radius:.375rem;
  border-right:none
}

.jdsc-heading-primary[data-v-110c40b6]{
  font-weight:700
}

.jdsc-heading-icon[data-v-110c40b6]{
  margin-left:7px
}

.jdsc-heading-sort-icon[data-v-110c40b6]{
  margin-right:7px
}

.jdsc-row[data-v-2cf04293]{
  border-bottom-width:1px;
  --tw-border-opacity:1;
  border-color:rgba(239,240,242,var(--tw-border-opacity))
}

.jdsc-row[data-v-2cf04293]:hover{
  --tw-bg-opacity:1;
  background-color:rgba(231,241,254,var(--tw-bg-opacity))
}

.jdsc-table-segment[data-v-53cabb4e]{
  border-top-width:3px;
  border-bottom-width:3px;
  border-style:double;
  --tw-border-opacity:1;
  border-color:rgba(239,240,242,var(--tw-border-opacity))
}

.jdsc-table-segment__heading[data-v-53cabb4e]{
  border-bottom-width:8px;
  border-bottom-width:1px;
  border-color:rgba(239,240,242,var(--tw-border-opacity));
  --tw-border-opacity:1;
  border-color:rgba(223,226,229,var(--tw-border-opacity));
  --tw-bg-opacity:1;
  background-color:rgba(247,248,249,var(--tw-bg-opacity));
  padding-left:1rem;
  padding-right:1rem;
  padding-top:1rem;
  padding-bottom:1rem;
  font-weight:700;
  letter-spacing:.025em;
  --tw-text-opacity:1;
  color:rgba(21,24,26,var(--tw-text-opacity));
  display:flex
}

.jdsc-toolbar-cell-wrapper[data-v-3cf023b2]{
  height:100%;
  white-space:nowrap;
  padding-left:1rem;
  padding-right:1rem;
  padding-top:.5rem;
  padding-bottom:.5rem;
  vertical-align:middle
}

.jdsc-toolbar-cell[data-v-3cf023b2]{
  display:flex;
  -moz-column-gap:.5rem;
  column-gap:.5rem
}

.jdsc-terminology[data-v-6f3f27e4]{
  border-bottom-width:1px;
  border-style:dotted;
  --tw-border-opacity:1;
  border-color:rgba(142,153,164,var(--tw-border-opacity));
  cursor:help
}

.jdsc-terminology__tooltip[data-v-6f3f27e4]{
  border-radius:.375rem;
  --tw-bg-opacity:1;
  background-color:rgba(52,58,64,var(--tw-bg-opacity));
  padding:.5rem;
  text-align:center;
  font-size:12px;
  --tw-text-opacity:1;
  color:rgba(255,255,255,var(--tw-text-opacity));
  max-width:max(30vw,300px)
}

.jdsc-text-field__input[data-v-49895a72]::-moz-placeholder{
  --tw-text-opacity:1;
  color:rgba(201,206,211,var(--tw-text-opacity))
}

.jdsc-text-field__input[data-v-49895a72]::placeholder{
  --tw-text-opacity:1;
  color:rgba(201,206,211,var(--tw-text-opacity))
}

.jdsc-text-field__input[data-v-49895a72]:disabled{
  --tw-text-opacity:1;
  color:rgba(142,153,164,var(--tw-text-opacity));
  cursor:not-allowed
}

.jdsc-timeline-item-wrapper[data-v-8239b3de]{
  min-width:200px;
  isolation:isolate
}

.jdsc-timeline-item-wrapper:last-child .jdsc-timeline-item-line[data-v-8239b3de]{
  display:none
}

.jdsc-timeline-item-point[data-v-8239b3de]{
  position:absolute;
  border-radius:9999px;
  --tw-text-opacity:1;
  color:rgba(255,255,255,var(--tw-text-opacity));
  text-align:center;
  box-shadow:0 0 0 4px #fff;
  z-index:10
}

.jdsc-timeline-item-point.purple[data-v-8239b3de]{
  --tw-bg-opacity:1;
  background-color:rgba(154,75,245,var(--tw-bg-opacity))
}

.jdsc-timeline-item-point.grey[data-v-8239b3de]{
  --tw-bg-opacity:1;
  background-color:rgba(142,153,164,var(--tw-bg-opacity))
}

.jdsc-timeline-item-point.green[data-v-8239b3de]{
  --tw-bg-opacity:1;
  background-color:rgba(5,183,99,var(--tw-bg-opacity))
}

.jdsc-timeline-item-point.blue[data-v-8239b3de]{
  --tw-bg-opacity:1;
  background-color:rgba(14,112,250,var(--tw-bg-opacity))
}

.jdsc-timeline-item-point.fuchsia[data-v-8239b3de]{
  --tw-bg-opacity:1;
  background-color:rgba(212,0,171,var(--tw-bg-opacity))
}

.jdsc-timeline-item-line[data-v-8239b3de]{
  position:absolute;
  width:2px;
  background-image:linear-gradient(0,#dfe2e5,#dfe2e5 50%,transparent 0,transparent);
  background-size:1px 4px;
  top:1.2em;
  left:0;
  right:0;
  bottom:-1.2em
}

.jdsc-timeline-item-icon[data-v-8239b3de]{
  position:absolute;
  top:3px;
  left:3px;
  right:3px;
  bottom:3px;
  font-size:10px
}

.jdsc-workbench[data-v-86acc796]{
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  --tw-bg-opacity:1;
  background-color:rgba(247,248,249,var(--tw-bg-opacity));
  display:flex;
  flex-direction:column
}

.jdsc-workbench__main[data-v-86acc796]{
  position:relative;
  --tw-bg-opacity:1;
  background-color:rgba(255,255,255,var(--tw-bg-opacity));
  flex-grow:1;
  overflow:auto
}

.jdsc-workbench-back-link[data-v-5b2f151e]{
  display:inline-block;
  padding-right:1rem;
  --tw-text-opacity:1;
  color:rgba(52,58,64,var(--tw-text-opacity));
  transition:all .1s
}

.jdsc-workbench-back-link__icon[data-v-5b2f151e]{
  padding-right:.5rem;
  font-size:14px;
  --tw-text-opacity:1;
  color:rgba(52,58,64,var(--tw-text-opacity));
  transition:all .1s
}

.jdsc-workbench-back-link--animate[data-v-5b2f151e]{
  animation-duration:.72s;
  animation-name:icon-bounce-data-v-5b2f151e;
  animation-iteration-count:infinite;
  animation-fill-mode:both
}

.jdsc-workbench-back-link--animate .jdsc-workbench-back-link__icon[data-v-5b2f151e],.jdsc-workbench-back-link--animate[data-v-5b2f151e]{
  --tw-text-opacity:1;
  color:rgba(14,112,250,var(--tw-text-opacity))
}

@keyframes icon-bounce-data-v-5b2f151e{
  0%{
    transform:translate(0)
  }

  50%{
    transform:translate(.3rem)
  }

  to{
    transform:translate(0)
  }
}

.jdsc-workbench-back-link__wrapper[data-v-5b2f151e]{
  display:inline-block
}

.jdsc-workbench-header[data-v-18b4887a]{
  margin:1rem;
  display:flex;
  align-items:center;
  justify-content:space-between;
  --tw-text-opacity:1;
  color:rgba(52,58,64,var(--tw-text-opacity))
}

.jdsc-workbench-header__title[data-v-18b4887a]{
  font-size:24px;
  font-weight:500;
  --tw-text-opacity:1;
  color:rgba(52,58,64,var(--tw-text-opacity))
}

.jdsc-workbench-header__back[data-v-18b4887a]{
  margin-bottom:.5rem;
  font-size:14px
}

.jdsc-workbench-toolbar[data-v-e0c6468e]{
  display:flex;
  align-items:center;
  justify-content:space-between;
  border-top-width:1px;
  --tw-border-opacity:1;
  border-color:rgba(239,240,242,var(--tw-border-opacity));
  --tw-bg-opacity:1;
  background-color:rgba(255,255,255,var(--tw-bg-opacity));
  padding-left:1rem;
  padding-right:1rem;
  padding-top:.5rem;
  font-size:14px;
  --tw-text-opacity:1;
  color:rgba(52,58,64,var(--tw-text-opacity));
  min-height:4.25rem
}

/*! tailwindcss v2.2.8 | MIT License | https://tailwindcss.com */

/*! modern-normalize v1.1.0 | MIT License | https://github.com/sindresorhus/modern-normalize */

html{
  -moz-tab-size:4;
  -o-tab-size:4;
  tab-size:4;
  line-height:1.15;
  -webkit-text-size-adjust:100%
}

body{
  margin:0;
  font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji
}

hr{
  height:0;
  color:inherit
}

abbr[title]{
  -webkit-text-decoration:underline dotted;
  text-decoration:underline dotted
}

b,strong{
  font-weight:bolder
}

code,kbd,pre,samp{
  font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;
  font-size:1em
}

small{
  font-size:80%
}

sub,sup{
  font-size:75%;
  line-height:0;
  position:relative;
  vertical-align:baseline
}

sub{
  bottom:-.25em
}

sup{
  top:-.5em
}

table{
  text-indent:0;
  border-color:inherit
}

button,input,optgroup,select,textarea{
  font-family:inherit;
  font-size:100%;
  line-height:1.15;
  margin:0
}

button,select{
  text-transform:none
}

[type=button],[type=reset],[type=submit],button{
  -webkit-appearance:button
}

legend{
  padding:0
}

progress{
  vertical-align:baseline
}

[type=search]{
  -webkit-appearance:textfield;
  outline-offset:-2px
}

summary{
  display:list-item
}

blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{
  margin:0
}

button{
  background-color:transparent;
  background-image:none
}

fieldset,ol,ul{
  margin:0;
  padding:0
}

ol,ul{
  list-style:none
}

html{
  font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
  line-height:1.5
}

body{
  font-family:inherit;
  line-height:inherit
}

*,:after,:before{
  box-sizing:border-box;
  border-width:0;
  border-style:solid
}

hr{
  border-top-width:1px
}

img{
  border-style:solid
}

textarea{
  resize:vertical
}

input::-moz-placeholder,textarea::-moz-placeholder{
  opacity:1;
  color:#a1a1aa
}

input::-moz-placeholder, textarea::-moz-placeholder{
  opacity:1;
  color:#a1a1aa
}

input::placeholder,textarea::placeholder{
  opacity:1;
  color:#a1a1aa
}

[role=button],button{
  cursor:pointer
}

table{
  border-collapse:collapse
}

h1,h2,h3,h4,h5,h6{
  font-size:inherit;
  font-weight:inherit
}

a{
  color:inherit;
  text-decoration:inherit
}

button,input,optgroup,select,textarea{
  padding:0;
  line-height:inherit;
  color:inherit
}

code,kbd,pre,samp{
  font-family:monospace
}

audio,canvas,embed,iframe,img,object,svg,video{
  display:block;
  vertical-align:middle
}

img,video{
  max-width:100%;
  height:auto
}

[hidden]{
  display:none
}

*,:after,:before{
  border-color:currentColor
}

.jds-sr-only{
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip:rect(0,0,0,0);
  white-space:nowrap;
  border-width:0
}

.jds-pointer-events-none{
  pointer-events:none
}

.jds-fixed{
  position:fixed
}

.jds-absolute{
  position:absolute
}

.jds-relative{
  position:relative
}

.jds-sticky{
  position:sticky
}

.jds-inset-0{
  top:0;
  bottom:0
}

.jds-inset-0,.jds-inset-x-0{
  right:0;
  left:0
}

.jds-inset-y-0{
  top:0;
  bottom:0
}

.jds-top-0{
  top:0
}

.jds-top-2{
  top:.5rem
}

.jds--top-2{
  top:-.5rem
}

.jds-right-0{
  right:0
}

.jds-bottom-0{
  bottom:0
}

.jds-left-0{
  left:0
}

.jds-left-2{
  left:.5rem
}

.jds--left-4{
  left:-1rem
}

.jds-z-10{
  z-index:10
}

.jds-m-2{
  margin:.5rem
}

.jds-m-8{
  margin:2rem
}

.jds-mx-1{
  margin-left:.25rem;
  margin-right:.25rem
}

.jds-mx-2{
  margin-left:.5rem;
  margin-right:.5rem
}

.jds-mx-3{
  margin-left:.75rem;
  margin-right:.75rem
}

.jds-mx-4{
  margin-left:1rem;
  margin-right:1rem
}

.jds-mx-auto{
  margin-left:auto;
  margin-right:auto
}

.jds-my-2{
  margin-top:.5rem;
  margin-bottom:.5rem
}

.jds-my-4{
  margin-top:1rem;
  margin-bottom:1rem
}

.jds-my-8{
  margin-top:2rem;
  margin-bottom:2rem
}

.jds-my-12{
  margin-top:3rem;
  margin-bottom:3rem
}

.jds-mt-0{
  margin-top:0
}

.jds-mt-1{
  margin-top:.25rem
}

.jds-mt-2{
  margin-top:.5rem
}

.jds-mt-4{
  margin-top:1rem
}

.jds-mt-6{
  margin-top:1.5rem
}

.jds-mt-8{
  margin-top:2rem
}

.jds-mt-12{
  margin-top:3rem
}

.jds-mt-16{
  margin-top:4rem
}

.jds-mt-24{
  margin-top:6rem
}

.jds-mt-64{
  margin-top:16rem
}

.jds--mt-1{
  margin-top:-.25rem
}

.jds-mr-0{
  margin-right:0
}

.jds-mr-1{
  margin-right:.25rem
}

.jds-mr-2{
  margin-right:.5rem
}

.jds-mr-3{
  margin-right:.75rem
}

.jds-mr-4{
  margin-right:1rem
}

.jds-mr-6{
  margin-right:1.5rem
}

.jds-mr-auto{
  margin-right:auto
}

.jds-mb-1{
  margin-bottom:.25rem
}

.jds-mb-2{
  margin-bottom:.5rem
}

.jds-mb-3{
  margin-bottom:.75rem
}

.jds-mb-4{
  margin-bottom:1rem
}

.jds-mb-6{
  margin-bottom:1.5rem
}

.jds-mb-8{
  margin-bottom:2rem
}

.jds-mb-12{
  margin-bottom:3rem
}

.jds-mb-16{
  margin-bottom:4rem
}

.jds-ml-0{
  margin-left:0
}

.jds-ml-1{
  margin-left:.25rem
}

.jds-ml-2{
  margin-left:.5rem
}

.jds-ml-3{
  margin-left:.75rem
}

.jds-ml-4{
  margin-left:1rem
}

.jds-ml-6{
  margin-left:1.5rem
}

.jds-ml-8{
  margin-left:2rem
}

.jds-ml-10{
  margin-left:2.5rem
}

.jds-ml-0\.5{
  margin-left:.125rem
}

.jds-block{
  display:block
}

.jds-inline-block{
  display:inline-block
}

.jds-inline{
  display:inline
}

.jds-flex{
  display:flex
}

.jds-inline-flex{
  display:inline-flex
}

.jds-table{
  display:table
}

.jds-table-cell{
  display:table-cell
}

.jds-table-header-group{
  display:table-header-group
}

.jds-table-row{
  display:table-row
}

.jds-grid{
  display:grid
}

.jds-contents{
  display:contents
}

.jds-list-item{
  display:list-item
}

.jds-hidden{
  display:none
}

.jds-h-1{
  height:.25rem
}

.jds-h-2{
  height:.5rem
}

.jds-h-4{
  height:1rem
}

.jds-h-5{
  height:1.25rem
}

.jds-h-6{
  height:1.5rem
}

.jds-h-8{
  height:2rem
}

.jds-h-9{
  height:2.25rem
}

.jds-h-10{
  height:2.5rem
}

.jds-h-12{
  height:3rem
}

.jds-h-16{
  height:4rem
}

.jds-h-32{
  height:8rem
}

.jds-h-px{
  height:1px
}

.jds-h-full{
  height:100%
}

.jds-min-h-full{
  min-height:100%
}

.jds-min-h-screen{
  min-height:100vh
}

.jds-w-2{
  width:.5rem
}

.jds-w-4{
  width:1rem
}

.jds-w-5{
  width:1.25rem
}

.jds-w-6{
  width:1.5rem
}

.jds-w-8{
  width:2rem
}

.jds-w-9{
  width:2.25rem
}

.jds-w-10{
  width:2.5rem
}

.jds-w-12{
  width:3rem
}

.jds-w-16{
  width:4rem
}

.jds-w-32{
  width:8rem
}

.jds-w-auto{
  width:auto
}

.jds-w-px{
  width:1px
}

.jds-w-2\/3{
  width:66.666667%
}

.jds-w-full{
  width:100%
}

.jds-min-w-full{
  min-width:100%
}

.jds-max-w-xs{
  max-width:20rem
}

.jds-max-w-sm{
  max-width:24rem
}

.jds-max-w-2xl{
  max-width:42rem
}

.jds-max-w-7xl{
  max-width:80rem
}

.jds-flex-shrink-0{
  flex-shrink:0
}

.jds-flex-grow{
  flex-grow:1
}

.jds-transform{
  --tw-translate-x:0;
  --tw-translate-y:0;
  --tw-rotate:0;
  --tw-skew-x:0;
  --tw-skew-y:0;
  --tw-scale-x:1;
  --tw-scale-y:1;
  transform:translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.hover\:jds-scale-125:hover{
  --tw-scale-x:1.25;
  --tw-scale-y:1.25
}

@keyframes jds-spin{
  to{
    transform:rotate(1turn)
  }
}

@keyframes jds-ping{
  75%,to{
    transform:scale(2);
    opacity:0
  }
}

@keyframes jds-pulse{
  50%{
    opacity:.5
  }
}

@keyframes jds-bounce{
  0%,to{
    transform:translateY(-25%);
    animation-timing-function:cubic-bezier(.8,0,1,1)
  }

  50%{
    transform:none;
    animation-timing-function:cubic-bezier(0,0,.2,1)
  }
}

.jds-cursor-pointer{
  cursor:pointer
}

.jds-cursor-move{
  cursor:move
}

.jds-flex-col{
  flex-direction:column
}

.jds-items-end{
  align-items:flex-end
}

.jds-items-center{
  align-items:center
}

.jds-items-baseline{
  align-items:baseline
}

.jds-items-stretch{
  align-items:stretch
}

.jds-justify-end{
  justify-content:flex-end
}

.jds-justify-center{
  justify-content:center
}

.jds-justify-between{
  justify-content:space-between
}

.jds-justify-items-stretch{
  justify-items:stretch
}

.jds-gap-0{
  gap:0
}

.jds-gap-1{
  gap:.25rem
}

.jds-gap-2{
  gap:.5rem
}

.jds-gap-4{
  gap:1rem
}

.jds-gap-6{
  gap:1.5rem
}

.jds-gap-8{
  gap:2rem
}

.jds-gap-1\.5{
  gap:.375rem
}

.jds-self-start{
  align-self:flex-start
}

.jds-self-center{
  align-self:center
}

.jds-justify-self-end{
  justify-self:end
}

.jds-overflow-auto{
  overflow:auto
}

.jds-overflow-hidden{
  overflow:hidden
}

.jds-overflow-scroll{
  overflow:scroll
}

.jds-overflow-y-auto{
  overflow-y:auto
}

.jds-whitespace-normal{
  white-space:normal
}

.jds-whitespace-nowrap{
  white-space:nowrap
}

.jds-whitespace-pre{
  white-space:pre
}

.jds-whitespace-pre-line{
  white-space:pre-line
}

.jds-rounded-none{
  border-radius:0
}

.jds-rounded-sm{
  border-radius:.125rem
}

.jds-rounded{
  border-radius:.25rem
}

.jds-rounded-md{
  border-radius:.375rem
}

.jds-rounded-lg{
  border-radius:.5rem
}

.jds-rounded-2xl{
  border-radius:1.5rem
}

.jds-rounded-full{
  border-radius:9999px
}

.jds-rounded-t{
  border-top-left-radius:.25rem;
  border-top-right-radius:.25rem
}

.jds-rounded-t-md{
  border-top-left-radius:.375rem;
  border-top-right-radius:.375rem
}

.jds-rounded-t-lg{
  border-top-left-radius:.5rem;
  border-top-right-radius:.5rem
}

.jds-rounded-r-lg{
  border-top-right-radius:.5rem;
  border-bottom-right-radius:.5rem
}

.jds-rounded-b-md{
  border-bottom-right-radius:.375rem;
  border-bottom-left-radius:.375rem
}

.jds-rounded-b-lg{
  border-bottom-right-radius:.5rem;
  border-bottom-left-radius:.5rem
}

.jds-rounded-l-none{
  border-top-left-radius:0;
  border-bottom-left-radius:0
}

.jds-rounded-l-md{
  border-top-left-radius:.375rem;
  border-bottom-left-radius:.375rem
}

.jds-rounded-tr-2xl{
  border-top-right-radius:1.5rem
}

.jds-rounded-br-2xl{
  border-bottom-right-radius:1.5rem
}

.jds-border-0{
  border-width:0
}

.jds-border-2{
  border-width:2px
}

.jds-border{
  border-width:1px
}

.jds-border-t-2{
  border-top-width:2px
}

.jds-border-t-3{
  border-top-width:3px
}

.jds-border-t{
  border-top-width:1px
}

.jds-border-r{
  border-right-width:1px
}

.jds-border-b-0{
  border-bottom-width:0
}

.jds-border-b-2{
  border-bottom-width:2px
}

.jds-border-b-3{
  border-bottom-width:3px
}

.jds-border-b-8{
  border-bottom-width:8px
}

.jds-border-b{
  border-bottom-width:1px
}

.jds-border-l-3{
  border-left-width:3px
}

.jds-border-l-4{
  border-left-width:4px
}

.jds-border-l{
  border-left-width:1px
}

.jds-border-dashed{
  border-style:dashed
}

.jds-border-dotted{
  border-style:dotted
}

.jds-border-double{
  border-style:double
}

.jds-border-grey-100{
  --tw-border-opacity:1;
  border-color:rgba(239,240,242,var(--tw-border-opacity))
}

.jds-border-grey-200{
  --tw-border-opacity:1;
  border-color:rgba(223,226,229,var(--tw-border-opacity))
}

.jds-border-grey-300{
  --tw-border-opacity:1;
  border-color:rgba(201,206,211,var(--tw-border-opacity))
}

.jds-border-grey-400{
  --tw-border-opacity:1;
  border-color:rgba(170,178,186,var(--tw-border-opacity))
}

.jds-border-grey-500{
  --tw-border-opacity:1;
  border-color:rgba(142,153,164,var(--tw-border-opacity))
}

.jds-border-grey-700{
  --tw-border-opacity:1;
  border-color:rgba(78,87,96,var(--tw-border-opacity))
}

.jds-border-purple-300{
  --tw-border-opacity:1;
  border-color:rgba(210,175,251,var(--tw-border-opacity))
}

.jds-border-purple-400{
  --tw-border-opacity:1;
  border-color:rgba(191,140,249,var(--tw-border-opacity))
}

.jds-border-purple-500{
  --tw-border-opacity:1;
  border-color:rgba(154,75,245,var(--tw-border-opacity))
}

.jds-border-fuchsia-500{
  --tw-border-opacity:1;
  border-color:rgba(212,0,171,var(--tw-border-opacity))
}

.jds-border-transparent{
  border-color:hsla(0,0%,100%,0)
}

.jds-border-white{
  --tw-border-opacity:1;
  border-color:rgba(255,255,255,var(--tw-border-opacity))
}

.jds-bg-grey-50{
  --tw-bg-opacity:1;
  background-color:rgba(247,248,249,var(--tw-bg-opacity))
}

.jds-bg-grey-100{
  --tw-bg-opacity:1;
  background-color:rgba(239,240,242,var(--tw-bg-opacity))
}

.jds-bg-grey-200{
  --tw-bg-opacity:1;
  background-color:rgba(223,226,229,var(--tw-bg-opacity))
}

.jds-bg-grey-300{
  --tw-bg-opacity:1;
  background-color:rgba(201,206,211,var(--tw-bg-opacity))
}

.jds-bg-grey-400{
  --tw-bg-opacity:1;
  background-color:rgba(170,178,186,var(--tw-bg-opacity))
}

.jds-bg-grey-500{
  --tw-bg-opacity:1;
  background-color:rgba(142,153,164,var(--tw-bg-opacity))
}

.jds-bg-grey-700{
  --tw-bg-opacity:1;
  background-color:rgba(78,87,96,var(--tw-bg-opacity))
}

.jds-bg-grey-800{
  --tw-bg-opacity:1;
  background-color:rgba(52,58,64,var(--tw-bg-opacity))
}

.jds-bg-red-50{
  --tw-bg-opacity:1;
  background-color:rgba(255,249,251,var(--tw-bg-opacity))
}

.jds-bg-red-100{
  --tw-bg-opacity:1;
  background-color:rgba(255,234,241,var(--tw-bg-opacity))
}

.jds-bg-red-200{
  --tw-bg-opacity:1;
  background-color:rgba(255,210,225,var(--tw-bg-opacity))
}

.jds-bg-red-300{
  --tw-bg-opacity:1;
  background-color:rgba(255,163,194,var(--tw-bg-opacity))
}

.jds-bg-red-400{
  --tw-bg-opacity:1;
  background-color:rgba(255,109,158,var(--tw-bg-opacity))
}

.jds-bg-red-500{
  --tw-bg-opacity:1;
  background-color:rgba(236,0,79,var(--tw-bg-opacity))
}

.jds-bg-yellow-500{
  --tw-bg-opacity:1;
  background-color:rgba(253,176,34,var(--tw-bg-opacity))
}

.jds-bg-brown-100{
  --tw-bg-opacity:1;
  background-color:rgba(252,242,218,var(--tw-bg-opacity))
}

.jds-bg-brown-200{
  --tw-bg-opacity:1;
  background-color:rgba(247,224,166,var(--tw-bg-opacity))
}

.jds-bg-green-100{
  --tw-bg-opacity:1;
  background-color:rgba(231,248,239,var(--tw-bg-opacity))
}

.jds-bg-green-200{
  --tw-bg-opacity:1;
  background-color:rgba(192,238,216,var(--tw-bg-opacity))
}

.jds-bg-green-500{
  --tw-bg-opacity:1;
  background-color:rgba(5,183,99,var(--tw-bg-opacity))
}

.jds-bg-aqua-100{
  --tw-bg-opacity:1;
  background-color:rgba(216,245,253,var(--tw-bg-opacity))
}

.jds-bg-aqua-200{
  --tw-bg-opacity:1;
  background-color:rgba(168,233,251,var(--tw-bg-opacity))
}

.jds-bg-aqua-500{
  --tw-bg-opacity:1;
  background-color:rgba(9,151,190,var(--tw-bg-opacity))
}

.jds-bg-blue-50{
  --tw-bg-opacity:1;
  background-color:rgba(247,250,255,var(--tw-bg-opacity))
}

.jds-bg-blue-100{
  --tw-bg-opacity:1;
  background-color:rgba(231,241,254,var(--tw-bg-opacity))
}

.jds-bg-blue-200{
  --tw-bg-opacity:1;
  background-color:rgba(198,221,254,var(--tw-bg-opacity))
}

.jds-bg-blue-300{
  --tw-bg-opacity:1;
  background-color:rgba(149,192,253,var(--tw-bg-opacity))
}

.jds-bg-blue-500{
  --tw-bg-opacity:1;
  background-color:rgba(14,112,250,var(--tw-bg-opacity))
}

.jds-bg-purple-100{
  --tw-bg-opacity:1;
  background-color:rgba(244,236,254,var(--tw-bg-opacity))
}

.jds-bg-purple-200{
  --tw-bg-opacity:1;
  background-color:rgba(231,212,253,var(--tw-bg-opacity))
}

.jds-bg-purple-300{
  --tw-bg-opacity:1;
  background-color:rgba(210,175,251,var(--tw-bg-opacity))
}

.jds-bg-purple-500{
  --tw-bg-opacity:1;
  background-color:rgba(154,75,245,var(--tw-bg-opacity))
}

.jds-bg-purple-600{
  --tw-bg-opacity:1;
  background-color:rgba(112,12,227,var(--tw-bg-opacity))
}

.jds-bg-purple-700{
  --tw-bg-opacity:1;
  background-color:rgba(77,8,155,var(--tw-bg-opacity))
}

.jds-bg-purple-800{
  --tw-bg-opacity:1;
  background-color:rgba(44,5,89,var(--tw-bg-opacity))
}

.jds-bg-fuchsia-50{
  --tw-bg-opacity:1;
  background-color:rgba(255,248,254,var(--tw-bg-opacity))
}

.jds-bg-fuchsia-100{
  --tw-bg-opacity:1;
  background-color:rgba(255,233,251,var(--tw-bg-opacity))
}

.jds-bg-fuchsia-200{
  --tw-bg-opacity:1;
  background-color:rgba(255,208,246,var(--tw-bg-opacity))
}

.jds-bg-fuchsia-300{
  --tw-bg-opacity:1;
  background-color:rgba(255,157,235,var(--tw-bg-opacity))
}

.jds-bg-fuchsia-400{
  --tw-bg-opacity:1;
  background-color:rgba(255,95,223,var(--tw-bg-opacity))
}

.jds-bg-fuchsia-500{
  --tw-bg-opacity:1;
  background-color:rgba(212,0,171,var(--tw-bg-opacity))
}

.jds-bg-fuchsia-600{
  --tw-bg-opacity:1;
  background-color:rgba(162,0,130,var(--tw-bg-opacity))
}

.jds-bg-teal-50{
  --tw-bg-opacity:1;
  background-color:rgba(239,252,252,var(--tw-bg-opacity))
}

.jds-bg-teal-100{
  --tw-bg-opacity:1;
  background-color:rgba(211,247,246,var(--tw-bg-opacity))
}

.jds-bg-teal-200{
  --tw-bg-opacity:1;
  background-color:rgba(152,236,235,var(--tw-bg-opacity))
}

.jds-bg-teal-300{
  --tw-bg-opacity:1;
  background-color:rgba(39,211,208,var(--tw-bg-opacity))
}

.jds-bg-teal-400{
  --tw-bg-opacity:1;
  background-color:rgba(32,177,175,var(--tw-bg-opacity))
}

.jds-bg-black{
  --tw-bg-opacity:1;
  background-color:rgba(0,0,0,var(--tw-bg-opacity))
}

.jds-bg-white{
  --tw-bg-opacity:1;
  background-color:rgba(255,255,255,var(--tw-bg-opacity))
}

.jds-bg-gradient-to-bl{
  background-image:linear-gradient(to bottom left,var(--tw-gradient-stops))
}

.jds-from-grey-300{
  --tw-gradient-from:#c9ced3;
  --tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(201,206,211,0))
}

.jds-from-red-500{
  --tw-gradient-from:#ec004f;
  --tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(236,0,79,0))
}

.jds-from-purple-100{
  --tw-gradient-from:#f4ecfe;
  --tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(244,236,254,0))
}

.jds-from-purple-300{
  --tw-gradient-from:#d2affb;
  --tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(210,175,251,0))
}

.jds-from-purple-700{
  --tw-gradient-from:#4d089b;
  --tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(77,8,155,0))
}

.jds-to-grey-400{
  --tw-gradient-to:#aab2ba
}

.jds-to-purple-400{
  --tw-gradient-to:#bf8cf9
}

.jds-bg-cover{
  background-size:cover
}

.jds-fill-current{
  fill:currentColor
}

.jds-p-0{
  padding:0
}

.jds-p-1{
  padding:.25rem
}

.jds-p-2{
  padding:.5rem
}

.jds-p-3{
  padding:.75rem
}

.jds-p-4{
  padding:1rem
}

.jds-p-5{
  padding:1.25rem
}

.jds-p-6{
  padding:1.5rem
}

.jds-p-8{
  padding:2rem
}

.jds-p-12{
  padding:3rem
}

.jds-px-1{
  padding-left:.25rem;
  padding-right:.25rem
}

.jds-px-2{
  padding-left:.5rem;
  padding-right:.5rem
}

.jds-px-3{
  padding-left:.75rem;
  padding-right:.75rem
}

.jds-px-4{
  padding-left:1rem;
  padding-right:1rem
}

.jds-px-5{
  padding-left:1.25rem;
  padding-right:1.25rem
}

.jds-px-6{
  padding-left:1.5rem;
  padding-right:1.5rem
}

.jds-px-8{
  padding-left:2rem;
  padding-right:2rem
}

.jds-px-12{
  padding-left:3rem;
  padding-right:3rem
}

.jds-px-1\.5{
  padding-left:.375rem;
  padding-right:.375rem
}

.jds-px-3\.5{
  padding-left:.875rem;
  padding-right:.875rem
}

.jds-py-0{
  padding-top:0;
  padding-bottom:0
}

.jds-py-1{
  padding-top:.25rem;
  padding-bottom:.25rem
}

.jds-py-2{
  padding-top:.5rem;
  padding-bottom:.5rem
}

.jds-py-3{
  padding-top:.75rem;
  padding-bottom:.75rem
}

.jds-py-4{
  padding-top:1rem;
  padding-bottom:1rem
}

.jds-py-6{
  padding-top:1.5rem;
  padding-bottom:1.5rem
}

.jds-py-8{
  padding-top:2rem;
  padding-bottom:2rem
}

.jds-py-12{
  padding-top:3rem;
  padding-bottom:3rem
}

.jds-py-16{
  padding-top:4rem;
  padding-bottom:4rem
}

.jds-py-0\.5{
  padding-top:.125rem;
  padding-bottom:.125rem
}

.jds-py-1\.5{
  padding-top:.375rem;
  padding-bottom:.375rem
}

.jds-pt-0{
  padding-top:0
}

.jds-pt-2{
  padding-top:.5rem
}

.jds-pt-4{
  padding-top:1rem
}

.jds-pt-6{
  padding-top:1.5rem
}

.jds-pt-8{
  padding-top:2rem
}

.jds-pt-12{
  padding-top:3rem
}

.jds-pr-2{
  padding-right:.5rem
}

.jds-pr-4{
  padding-right:1rem
}

.jds-pr-8{
  padding-right:2rem
}

.jds-pr-12{
  padding-right:3rem
}

.jds-pb-0{
  padding-bottom:0
}

.jds-pb-1{
  padding-bottom:.25rem
}

.jds-pb-2{
  padding-bottom:.5rem
}

.jds-pb-4{
  padding-bottom:1rem
}

.jds-pb-6{
  padding-bottom:1.5rem
}

.jds-pb-8{
  padding-bottom:2rem
}

.jds-pb-12{
  padding-bottom:3rem
}

.jds-pb-24{
  padding-bottom:6rem
}

.jds-pl-2{
  padding-left:.5rem
}

.jds-pl-4{
  padding-left:1rem
}

.jds-pl-8{
  padding-left:2rem
}

.jds-pl-12{
  padding-left:3rem
}

.jds-pl-16{
  padding-left:4rem
}

.jds-pl-64{
  padding-left:16rem
}

.jds-text-left{
  text-align:left
}

.jds-text-center{
  text-align:center
}

.jds-text-right{
  text-align:right
}

.jds-align-baseline{
  vertical-align:baseline
}

.jds-align-top{
  vertical-align:top
}

.jds-align-middle{
  vertical-align:middle
}

.jds-font-mono{
  font-family:monospace
}

.jds-text-xs{
  font-size:11px
}

.jds-text-sm{
  font-size:12px
}

.jds-text-md{
  font-size:14px
}

.jds-text-lg{
  font-size:16px
}

.jds-text-2lg{
  font-size:18px
}

.jds-text-xl{
  font-size:24px
}

.jds-text-2xl{
  font-size:32px
}

.jds-text-3xl{
  font-size:40px
}

.jds-font-regular{
  font-weight:400
}

.jds-font-medium{
  font-weight:500
}

.jds-font-semibold{
  font-weight:600
}

.jds-font-bold{
  font-weight:700
}

.jds-uppercase{
  text-transform:uppercase
}

.jds-capitalize{
  text-transform:capitalize
}

.jds-italic{
  font-style:italic
}

.jds-not-italic{
  font-style:normal
}

.jds-leading-6{
  line-height:1.5rem
}

.jds-tracking-normal{
  letter-spacing:0
}

.jds-text-grey-100{
  --tw-text-opacity:1;
  color:rgba(239,240,242,var(--tw-text-opacity))
}

.jds-text-grey-400{
  --tw-text-opacity:1;
  color:rgba(170,178,186,var(--tw-text-opacity))
}

.jds-text-grey-500{
  --tw-text-opacity:1;
  color:rgba(142,153,164,var(--tw-text-opacity))
}

.jds-text-grey-600{
  --tw-text-opacity:1;
  color:rgba(102,114,126,var(--tw-text-opacity))
}

.jds-text-grey-700{
  --tw-text-opacity:1;
  color:rgba(78,87,96,var(--tw-text-opacity))
}

.jds-text-grey-800{
  --tw-text-opacity:1;
  color:rgba(52,58,64,var(--tw-text-opacity))
}

.jds-text-grey-900{
  --tw-text-opacity:1;
  color:rgba(21,24,26,var(--tw-text-opacity))
}

.jds-text-red-500{
  --tw-text-opacity:1;
  color:rgba(236,0,79,var(--tw-text-opacity))
}

.jds-text-red-600{
  --tw-text-opacity:1;
  color:rgba(174,0,58,var(--tw-text-opacity))
}

.jds-text-red-700{
  --tw-text-opacity:1;
  color:rgba(119,0,40,var(--tw-text-opacity))
}

.jds-text-red-800{
  --tw-text-opacity:1;
  color:rgba(70,0,23,var(--tw-text-opacity))
}

.jds-text-yellow-300{
  --tw-text-opacity:1;
  color:rgba(254,223,137,var(--tw-text-opacity))
}

.jds-text-yellow-500{
  --tw-text-opacity:1;
  color:rgba(253,176,34,var(--tw-text-opacity))
}

.jds-text-yellow-700{
  --tw-text-opacity:1;
  color:rgba(220,104,3,var(--tw-text-opacity))
}

.jds-text-brown-500{
  --tw-text-opacity:1;
  color:rgba(182,135,16,var(--tw-text-opacity))
}

.jds-text-brown-700{
  --tw-text-opacity:1;
  color:rgba(119,88,11,var(--tw-text-opacity))
}

.jds-text-green-400{
  --tw-text-opacity:1;
  color:rgba(68,200,138,var(--tw-text-opacity))
}

.jds-text-green-500{
  --tw-text-opacity:1;
  color:rgba(5,183,99,var(--tw-text-opacity))
}

.jds-text-green-700{
  --tw-text-opacity:1;
  color:rgba(5,137,74,var(--tw-text-opacity))
}

.jds-text-green-800{
  --tw-text-opacity:1;
  color:rgba(0,93,50,var(--tw-text-opacity))
}

.jds-text-aqua-700{
  --tw-text-opacity:1;
  color:rgba(6,94,118,var(--tw-text-opacity))
}

.jds-text-aqua-800{
  --tw-text-opacity:1;
  color:rgba(4,63,79,var(--tw-text-opacity))
}

.jds-text-blue-500{
  --tw-text-opacity:1;
  color:rgba(14,112,250,var(--tw-text-opacity))
}

.jds-text-blue-600{
  --tw-text-opacity:1;
  color:rgba(4,80,186,var(--tw-text-opacity))
}

.jds-text-purple-300{
  --tw-text-opacity:1;
  color:rgba(210,175,251,var(--tw-text-opacity))
}

.jds-text-purple-500{
  --tw-text-opacity:1;
  color:rgba(154,75,245,var(--tw-text-opacity))
}

.jds-text-purple-600{
  --tw-text-opacity:1;
  color:rgba(112,12,227,var(--tw-text-opacity))
}

.jds-text-purple-700{
  --tw-text-opacity:1;
  color:rgba(77,8,155,var(--tw-text-opacity))
}

.jds-text-purple-800{
  --tw-text-opacity:1;
  color:rgba(44,5,89,var(--tw-text-opacity))
}

.jds-text-fuchsia-300{
  --tw-text-opacity:1;
  color:rgba(255,157,235,var(--tw-text-opacity))
}

.jds-text-fuchsia-500{
  --tw-text-opacity:1;
  color:rgba(212,0,171,var(--tw-text-opacity))
}

.jds-text-fuchsia-600{
  --tw-text-opacity:1;
  color:rgba(162,0,130,var(--tw-text-opacity))
}

.jds-text-fuchsia-700{
  --tw-text-opacity:1;
  color:rgba(111,0,89,var(--tw-text-opacity))
}

.jds-text-teal-600{
  --tw-text-opacity:1;
  color:rgba(18,96,95,var(--tw-text-opacity))
}

.jds-text-black{
  --tw-text-opacity:1;
  color:rgba(0,0,0,var(--tw-text-opacity))
}

.jds-text-white{
  --tw-text-opacity:1;
  color:rgba(255,255,255,var(--tw-text-opacity))
}

.jds-underline{
  text-decoration:underline
}

.jds-opacity-80{
  opacity:.8
}

.jds-opacity-100{
  opacity:1
}

*,:after,:before{
  --tw-shadow:0 0 transparent
}

.jds-shadow-sm{
  --tw-shadow:0 1px 2px 0 rgba(0,0,0,0.05)
}

.jds-shadow,.jds-shadow-sm{
  box-shadow:var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow)
}

.jds-shadow{
  --tw-shadow:0 1px 3px 0 rgba(0,0,0,0.1),0 1px 2px 0 rgba(0,0,0,0.06)
}

.jds-shadow-md{
  --tw-shadow:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06)
}

.jds-shadow-lg,.jds-shadow-md{
  box-shadow:var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow)
}

.jds-shadow-lg{
  --tw-shadow:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05)
}

.jds-shadow-xl{
  --tw-shadow:0 20px 25px -5px rgba(0,0,0,0.1),0 10px 10px -5px rgba(0,0,0,0.04)
}

.jds-shadow-inner,.jds-shadow-xl{
  box-shadow:var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow)
}

.jds-shadow-inner{
  --tw-shadow:inset 0 2px 4px 0 rgba(0,0,0,0.06)
}

.jds-shadow-none{
  --tw-shadow:0 0 transparent
}

.hover\:jds-shadow-lg:hover,.jds-shadow-none{
  box-shadow:var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow)
}

.hover\:jds-shadow-lg:hover{
  --tw-shadow:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05)
}

.focus\:jds-outline-none:focus,.jds-outline-none{
  outline:2px solid transparent;
  outline-offset:2px
}

*,:after,:before{
  --tw-ring-inset:var(--tw-empty,/*!*/ /*!*/);
  --tw-ring-offset-width:0px;
  --tw-ring-offset-color:#fff;
  --tw-ring-color:rgba(14,112,250,0.5);
  --tw-ring-offset-shadow:0 0 transparent;
  --tw-ring-shadow:0 0 transparent
}

.jds-ring-1{
  --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color)
}

.jds-ring-1,.jds-ring-2{
  box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 transparent)
}

.jds-ring-2{
  --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)
}

.jds-ring-4{
  --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 transparent)
}

.jds-ring-grey-200{
  --tw-ring-opacity:1;
  --tw-ring-color:rgba(223,226,229,var(--tw-ring-opacity))
}

.jds-ring-grey-400{
  --tw-ring-opacity:1;
  --tw-ring-color:rgba(170,178,186,var(--tw-ring-opacity))
}

.jds-ring-red-100{
  --tw-ring-opacity:1;
  --tw-ring-color:rgba(255,234,241,var(--tw-ring-opacity))
}

.jds-ring-red-500{
  --tw-ring-opacity:1;
  --tw-ring-color:rgba(236,0,79,var(--tw-ring-opacity))
}

.jds-ring-brown-100{
  --tw-ring-opacity:1;
  --tw-ring-color:rgba(252,242,218,var(--tw-ring-opacity))
}

.jds-ring-green-100{
  --tw-ring-opacity:1;
  --tw-ring-color:rgba(231,248,239,var(--tw-ring-opacity))
}

.jds-ring-green-400{
  --tw-ring-opacity:1;
  --tw-ring-color:rgba(68,200,138,var(--tw-ring-opacity))
}

.jds-ring-blue-400{
  --tw-ring-opacity:1;
  --tw-ring-color:rgba(103,165,252,var(--tw-ring-opacity))
}

.jds-ring-blue-500{
  --tw-ring-opacity:1;
  --tw-ring-color:rgba(14,112,250,var(--tw-ring-opacity))
}

.jds-ring-purple-300{
  --tw-ring-opacity:1;
  --tw-ring-color:rgba(210,175,251,var(--tw-ring-opacity))
}

.jds-ring-purple-400{
  --tw-ring-opacity:1;
  --tw-ring-color:rgba(191,140,249,var(--tw-ring-opacity))
}

.jds-ring-purple-500{
  --tw-ring-opacity:1;
  --tw-ring-color:rgba(154,75,245,var(--tw-ring-opacity))
}

.jds-ring-fuchsia-300{
  --tw-ring-opacity:1;
  --tw-ring-color:rgba(255,157,235,var(--tw-ring-opacity))
}

.jds-ring-transparent{
  --tw-ring-color:hsla(0,0%,100%,0)
}

.jds-transition-all{
  transition-property:all;
  transition-timing-function:cubic-bezier(.4,0,.2,1);
  transition-duration:.15s
}

.jds-transition-colors{
  transition-property:background-color,border-color,color,fill,stroke;
  transition-timing-function:cubic-bezier(.4,0,.2,1);
  transition-duration:.15s
}

.jds-duration-75{
  transition-duration:75ms
}

.jds-duration-100{
  transition-duration:.1s
}

.jds-duration-150{
  transition-duration:.15s
}

.jds-duration-200{
  transition-duration:.2s
}

html{
  font-family:hero-new,Hero New,sans-serif;
  --tw-text-opacity:1;
  color:rgba(52,58,64,var(--tw-text-opacity))
}

@keyframes jdsca-hide-scroll{
  0%,to{
    overflow:hidden
  }
}

.jdsca-bounce-enter-active{
  animation:jdsca-bounce-in .2s;
  animation-timing-function:ease-in
}

.jdsca-bounce-leave-active{
  animation:jdsca-bounce-out .1s;
  animation-timing-function:ease-in
}

@keyframes jdsca-bounce-in{
  0%{
    transform:scale(0)
  }

  50%{
    transform:scale(1.4)
  }

  to{
    transform:scale(1)
  }
}

@keyframes jdsca-bounce-out{
  0%{
    transform:scale(1);
    opacity:1
  }

  to{
    transform:scale(.5);
    opacity:0
  }
}

.jdsca-bounce-subtle-enter-active{
  animation:jdsca-bounce-subtle-in .1s;
  animation-timing-function:ease-in
}

.jdsca-bounce-subtle-leave-active{
  animation:jdsca-bounce-subtle-out .1s;
  animation-timing-function:ease-in
}

@keyframes jdsca-bounce-subtle-in{
  0%{
    transform:scale(.95);
    opacity:0
  }

  50%{
    transform:scale(1.05);
    opacity:.6
  }

  to{
    transform:scale(1)
  }
}

@keyframes jdsca-bounce-subtle-out{
  0%{
    transform:scale(1);
    opacity:1
  }

  to{
    transform:scale(.9);
    opacity:0
  }
}

.jdsca-bounce-heavy-enter-active{
  animation:jdsca-bounce-heavy-in .4s;
  animation-timing-function:ease-out
}

.jdsca-bounce-heavy-leave-active{
  animation:jdsca-bounce-heavy-out .3s;
  animation-timing-function:ease-in
}

@keyframes jdsca-bounce-heavy-in{
  0%{
    transform:scale(.8) translateY(25px);
    opacity:0;
    max-height:0
  }

  50%{
    transform:scale(1.03);
    opacity:.6
  }

  to{
    transform:scale(1) translateY(0);
    max-height:200px
  }
}

@keyframes jdsca-bounce-heavy-out{
  0%{
    transform:scale(1);
    opacity:1;
    max-height:200px
  }

  to{
    transform:scale(.5);
    opacity:0;
    max-height:0
  }
}

@media (min-width:1024px){
  .lg\:jds-bottom-0{
    bottom:0
  }

  .lg\:jds-ml-64{
    margin-left:16rem
  }

  .lg\:jds-block{
    display:block
  }

  .lg\:jds-hidden{
    display:none
  }

  .lg\:jds-h-auto{
    height:auto
  }

  .lg\:jds-w-64{
    width:16rem
  }

  .lg\:jds-text-lg{
    font-size:16px
  }
}

/*purgecss end ignore */
/* purgecss start ignore */

@charset "UTF-8";

fieldset[disabled] .multiselect {
  pointer-events: none;
}

.multiselect__spinner {
  position: absolute;
  right: 1px;
  top: 1px;
  width: 40px;
  height: 38px;
  background: #fff;
  display: block;
}

.multiselect__spinner:after, .multiselect__spinner:before {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  margin: -8px 0 0 -8px;
  width: 16px;
  height: 16px;
  border-radius: 100%;
  border: 2px solid transparent;
  border-top-color: #41b883;
  box-shadow: 0 0 0 1px transparent;
}

.multiselect__spinner:before {
  animation: spinning 2.4s cubic-bezier(0.41, 0.26, 0.2, 0.62);
  animation-iteration-count: infinite;
}

.multiselect__spinner:after {
  animation: spinning 2.4s cubic-bezier(0.51, 0.09, 0.21, 0.8);
  animation-iteration-count: infinite;
}

.multiselect__loading-enter-active, .multiselect__loading-leave-active {
  transition: opacity 0.4s ease-in-out;
  opacity: 1;
}

.multiselect__loading-enter, .multiselect__loading-leave-active {
  opacity: 0;
}

.multiselect, .multiselect__input, .multiselect__single {
  font-family: inherit;
  font-size: 16px;
  touch-action: manipulation;
}

.multiselect {
  box-sizing: content-box;
  display: block;
  position: relative;
  width: 100%;
  min-height: 40px;
  text-align: left;
  color: #35495e;
}

.multiselect * {
  box-sizing: border-box;
}

.multiselect:focus {
  outline: none;
}

.multiselect--disabled {
  background: #ededed;
  pointer-events: none;
  opacity: 0.6;
}

.multiselect--active {
  z-index: 50;
}

.multiselect--active:not(.multiselect--above) .multiselect__current, .multiselect--active:not(.multiselect--above) .multiselect__input, .multiselect--active:not(.multiselect--above) .multiselect__tags {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.multiselect--active .multiselect__select {
  transform: rotate(180deg);
}

.multiselect--above.multiselect--active .multiselect__current, .multiselect--above.multiselect--active .multiselect__input, .multiselect--above.multiselect--active .multiselect__tags {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.multiselect__input, .multiselect__single {
  position: relative;
  display: inline-block;
  min-height: 20px;
  line-height: 20px;
  border: none;
  border-radius: 5px;
  background: #fff;
  padding: 0 0 0 5px;
  width: 100%;
  transition: border 0.1s ease;
  box-sizing: border-box;
  margin-bottom: 8px;
  vertical-align: top;
}

.multiselect__input::-moz-placeholder {
  color: #35495e;
}

.multiselect__input::placeholder {
  color: #35495e;
}

.multiselect__tag ~ .multiselect__input, .multiselect__tag ~ .multiselect__single {
  width: auto;
}

.multiselect__input:hover, .multiselect__single:hover {
  border-color: #cfcfcf;
}

.multiselect__input:focus, .multiselect__single:focus {
  border-color: #a8a8a8;
  outline: none;
}

.multiselect__single {
  padding-left: 5px;
  margin-bottom: 8px;
}

.multiselect__tags-wrap {
  display: inline;
}

.multiselect__tags {
  min-height: 40px;
  display: block;
  padding: 8px 40px 0 8px;
  border-radius: 5px;
  border: 1px solid #e8e8e8;
  background: #fff;
  font-size: 14px;
}

.multiselect__tag {
  position: relative;
  display: inline-block;
  padding: 4px 26px 4px 10px;
  border-radius: 5px;
  margin-right: 10px;
  color: #fff;
  line-height: 1;
  background: #41b883;
  margin-bottom: 5px;
  white-space: nowrap;
  overflow: hidden;
  max-width: 100%;
  text-overflow: ellipsis;
}

.multiselect__tag-icon {
  cursor: pointer;
  margin-left: 7px;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  font-weight: 700;
  font-style: normal;
  width: 22px;
  text-align: center;
  line-height: 22px;
  transition: all 0.2s ease;
  border-radius: 5px;
}

.multiselect__tag-icon:after {
  content: "×";
  color: #266d4d;
  font-size: 14px;
}

.multiselect__tag-icon:focus, .multiselect__tag-icon:hover {
  background: #369a6e;
}

.multiselect__tag-icon:focus:after, .multiselect__tag-icon:hover:after {
  color: #fff;
}

.multiselect__current {
  min-height: 40px;
  overflow: hidden;
  padding: 8px 30px 0 12px;
  white-space: nowrap;
  border-radius: 5px;
  border: 1px solid #e8e8e8;
}

.multiselect__current, .multiselect__select {
  line-height: 16px;
  box-sizing: border-box;
  display: block;
  margin: 0;
  text-decoration: none;
  cursor: pointer;
}

.multiselect__select {
  position: absolute;
  width: 40px;
  height: 38px;
  right: 1px;
  top: 1px;
  padding: 4px 8px;
  text-align: center;
  transition: transform 0.2s ease;
}

.multiselect__select:before {
  position: relative;
  right: 0;
  top: 65%;
  color: #999;
  margin-top: 4px;
  border-color: #999 transparent transparent;
  border-style: solid;
  border-width: 5px 5px 0;
  content: "";
}

.multiselect__placeholder {
  color: #adadad;
  display: inline-block;
  margin-bottom: 10px;
  padding-top: 2px;
}

.multiselect--active .multiselect__placeholder {
  display: none;
}

.multiselect__content-wrapper {
  position: absolute;
  display: block;
  background: #fff;
  width: 100%;
  max-height: 240px;
  overflow: auto;
  border: 1px solid #e8e8e8;
  border-top: none;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  z-index: 50;
  -webkit-overflow-scrolling: touch;
}

.multiselect__content {
  list-style: none;
  display: inline-block;
  padding: 0;
  margin: 0;
  min-width: 100%;
  vertical-align: top;
}

.multiselect--above .multiselect__content-wrapper {
  bottom: 100%;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom: none;
  border-top: 1px solid #e8e8e8;
}

.multiselect__content::webkit-scrollbar {
  display: none;
}

.multiselect__element {
  display: block;
}

.multiselect__option {
  display: block;
  padding: 12px;
  min-height: 40px;
  line-height: 16px;
  text-decoration: none;
  text-transform: none;
  vertical-align: middle;
  position: relative;
  cursor: pointer;
  white-space: nowrap;
}

.multiselect__option:after {
  top: 0;
  right: 0;
  position: absolute;
  line-height: 40px;
  padding-right: 12px;
  padding-left: 20px;
  font-size: 13px;
}

.multiselect__option--highlight {
  background: #41b883;
  outline: none;
  color: #fff;
}

.multiselect__option--highlight:after {
  content: attr(data-select);
  background: #41b883;
  color: #fff;
}

.multiselect__option--selected {
  background: #f3f3f3;
  color: #35495e;
  font-weight: 700;
}

.multiselect__option--selected:after {
  content: attr(data-selected);
  color: silver;
  background: inherit;
}

.multiselect__option--selected.multiselect__option--highlight {
  background: #ff6a6a;
  color: #fff;
}

.multiselect__option--selected.multiselect__option--highlight:after {
  background: #ff6a6a;
  content: attr(data-deselect);
  color: #fff;
}

.multiselect--disabled .multiselect__current, .multiselect--disabled .multiselect__select {
  background: #ededed;
  color: #a6a6a6;
}

.multiselect__option--disabled {
  background: #ededed !important;
  color: #a6a6a6 !important;
  cursor: text;
  pointer-events: none;
}

.multiselect__option--group {
  background: #ededed;
  color: #35495e;
}

.multiselect__option--group.multiselect__option--highlight {
  background: #35495e;
  color: #fff;
}

.multiselect__option--group.multiselect__option--highlight:after {
  background: #35495e;
}

.multiselect__option--disabled.multiselect__option--highlight {
  background: #dedede;
}

.multiselect__option--group-selected.multiselect__option--highlight {
  background: #ff6a6a;
  color: #fff;
}

.multiselect__option--group-selected.multiselect__option--highlight:after {
  background: #ff6a6a;
  content: attr(data-deselect);
  color: #fff;
}

.multiselect-enter-active, .multiselect-leave-active {
  transition: all 0.15s ease;
}

.multiselect-enter, .multiselect-leave-active {
  opacity: 0;
}

.multiselect__strong {
  margin-bottom: 8px;
  line-height: 20px;
  display: inline-block;
  vertical-align: top;
}

[dir=rtl] .multiselect {
  text-align: right;
}

[dir=rtl] .multiselect__select {
  right: auto;
  left: 1px;
}

[dir=rtl] .multiselect__tags {
  padding: 8px 8px 0 40px;
}

[dir=rtl] .multiselect__content {
  text-align: right;
}

[dir=rtl] .multiselect__option:after {
  right: auto;
  left: 0;
}

[dir=rtl] .multiselect__clear {
  right: auto;
  left: 12px;
}

[dir=rtl] .multiselect__spinner {
  right: auto;
  left: 1px;
}

@keyframes spinning {
  0% {
    transform: rotate(0);
  }

  to {
    transform: rotate(2turn);
  }
}

/* purgecss end ignore */
/*purgecss start ignore
 */

@charset "UTF-8";

/*!
 * Quill Editor v1.3.7
 * https://quilljs.com/
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */

.ql-container {
  box-sizing: border-box;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 13px;
  height: 100%;
  margin: 0px;
  position: relative;
}

.ql-container.ql-disabled .ql-tooltip {
  visibility: hidden;
}

.ql-container.ql-disabled .ql-editor ul[data-checked] > li::before {
  pointer-events: none;
}

.ql-clipboard {
  left: -100000px;
  height: 1px;
  overflow-y: hidden;
  position: absolute;
  top: 50%;
}

.ql-clipboard p {
  margin: 0;
  padding: 0;
}

.ql-editor {
  box-sizing: border-box;
  line-height: 1.42;
  height: 100%;
  outline: none;
  overflow-y: auto;
  padding: 12px 15px;
  -o-tab-size: 4;
     tab-size: 4;
  -moz-tab-size: 4;
  text-align: left;
  white-space: pre-wrap;
  word-wrap: break-word;
}

.ql-editor > * {
  cursor: text;
}

.ql-editor p,
.ql-editor ol,
.ql-editor ul,
.ql-editor pre,
.ql-editor blockquote,
.ql-editor h1,
.ql-editor h2,
.ql-editor h3,
.ql-editor h4,
.ql-editor h5,
.ql-editor h6 {
  margin: 0;
  padding: 0;
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}

.ql-editor ol,
.ql-editor ul {
  padding-left: 1.5em;
}

.ql-editor ol > li,
.ql-editor ul > li {
  list-style-type: none;
}

.ql-editor ul > li::before {
  content: "•";
}

.ql-editor ul[data-checked=true],
.ql-editor ul[data-checked=false] {
  pointer-events: none;
}

.ql-editor ul[data-checked=true] > li *,
.ql-editor ul[data-checked=false] > li * {
  pointer-events: all;
}

.ql-editor ul[data-checked=true] > li::before,
.ql-editor ul[data-checked=false] > li::before {
  color: #777;
  cursor: pointer;
  pointer-events: all;
}

.ql-editor ul[data-checked=true] > li::before {
  content: "☑";
}

.ql-editor ul[data-checked=false] > li::before {
  content: "☐";
}

.ql-editor li::before {
  display: inline-block;
  white-space: nowrap;
  width: 1.2em;
}

.ql-editor li:not(.ql-direction-rtl)::before {
  margin-left: -1.5em;
  margin-right: 0.3em;
  text-align: right;
}

.ql-editor li.ql-direction-rtl::before {
  margin-left: 0.3em;
  margin-right: -1.5em;
}

.ql-editor ol li:not(.ql-direction-rtl),
.ql-editor ul li:not(.ql-direction-rtl) {
  padding-left: 1.5em;
}

.ql-editor ol li.ql-direction-rtl,
.ql-editor ul li.ql-direction-rtl {
  padding-right: 1.5em;
}

.ql-editor ol li {
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  counter-increment: list-0;
}

.ql-editor ol li:before {
  content: counter(list-0, decimal) ". ";
}

.ql-editor ol li.ql-indent-1 {
  counter-increment: list-1;
}

.ql-editor ol li.ql-indent-1:before {
  content: counter(list-1, lower-alpha) ". ";
}

.ql-editor ol li.ql-indent-1 {
  counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}

.ql-editor ol li.ql-indent-2 {
  counter-increment: list-2;
}

.ql-editor ol li.ql-indent-2:before {
  content: counter(list-2, lower-roman) ". ";
}

.ql-editor ol li.ql-indent-2 {
  counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}

.ql-editor ol li.ql-indent-3 {
  counter-increment: list-3;
}

.ql-editor ol li.ql-indent-3:before {
  content: counter(list-3, decimal) ". ";
}

.ql-editor ol li.ql-indent-3 {
  counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;
}

.ql-editor ol li.ql-indent-4 {
  counter-increment: list-4;
}

.ql-editor ol li.ql-indent-4:before {
  content: counter(list-4, lower-alpha) ". ";
}

.ql-editor ol li.ql-indent-4 {
  counter-reset: list-5 list-6 list-7 list-8 list-9;
}

.ql-editor ol li.ql-indent-5 {
  counter-increment: list-5;
}

.ql-editor ol li.ql-indent-5:before {
  content: counter(list-5, lower-roman) ". ";
}

.ql-editor ol li.ql-indent-5 {
  counter-reset: list-6 list-7 list-8 list-9;
}

.ql-editor ol li.ql-indent-6 {
  counter-increment: list-6;
}

.ql-editor ol li.ql-indent-6:before {
  content: counter(list-6, decimal) ". ";
}

.ql-editor ol li.ql-indent-6 {
  counter-reset: list-7 list-8 list-9;
}

.ql-editor ol li.ql-indent-7 {
  counter-increment: list-7;
}

.ql-editor ol li.ql-indent-7:before {
  content: counter(list-7, lower-alpha) ". ";
}

.ql-editor ol li.ql-indent-7 {
  counter-reset: list-8 list-9;
}

.ql-editor ol li.ql-indent-8 {
  counter-increment: list-8;
}

.ql-editor ol li.ql-indent-8:before {
  content: counter(list-8, lower-roman) ". ";
}

.ql-editor ol li.ql-indent-8 {
  counter-reset: list-9;
}

.ql-editor ol li.ql-indent-9 {
  counter-increment: list-9;
}

.ql-editor ol li.ql-indent-9:before {
  content: counter(list-9, decimal) ". ";
}

.ql-editor .ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 3em;
}

.ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 4.5em;
}

.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 3em;
}

.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 4.5em;
}

.ql-editor .ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 6em;
}

.ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 7.5em;
}

.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 6em;
}

.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 7.5em;
}

.ql-editor .ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 9em;
}

.ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 10.5em;
}

.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 9em;
}

.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 10.5em;
}

.ql-editor .ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 12em;
}

.ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 13.5em;
}

.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 12em;
}

.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 13.5em;
}

.ql-editor .ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 15em;
}

.ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 16.5em;
}

.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 15em;
}

.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 16.5em;
}

.ql-editor .ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 18em;
}

.ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 19.5em;
}

.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 18em;
}

.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 19.5em;
}

.ql-editor .ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 21em;
}

.ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 22.5em;
}

.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 21em;
}

.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 22.5em;
}

.ql-editor .ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 24em;
}

.ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 25.5em;
}

.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 24em;
}

.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 25.5em;
}

.ql-editor .ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 27em;
}

.ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 28.5em;
}

.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 27em;
}

.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 28.5em;
}

.ql-editor .ql-video {
  display: block;
  max-width: 100%;
}

.ql-editor .ql-video.ql-align-center {
  margin: 0 auto;
}

.ql-editor .ql-video.ql-align-right {
  margin: 0 0 0 auto;
}

.ql-editor .ql-bg-black {
  background-color: #000;
}

.ql-editor .ql-bg-red {
  background-color: #e60000;
}

.ql-editor .ql-bg-orange {
  background-color: #f90;
}

.ql-editor .ql-bg-yellow {
  background-color: #ff0;
}

.ql-editor .ql-bg-green {
  background-color: #008a00;
}

.ql-editor .ql-bg-blue {
  background-color: #06c;
}

.ql-editor .ql-bg-purple {
  background-color: #93f;
}

.ql-editor .ql-color-white {
  color: #fff;
}

.ql-editor .ql-color-red {
  color: #e60000;
}

.ql-editor .ql-color-orange {
  color: #f90;
}

.ql-editor .ql-color-yellow {
  color: #ff0;
}

.ql-editor .ql-color-green {
  color: #008a00;
}

.ql-editor .ql-color-blue {
  color: #06c;
}

.ql-editor .ql-color-purple {
  color: #93f;
}

.ql-editor .ql-font-serif {
  font-family: Georgia, Times New Roman, serif;
}

.ql-editor .ql-font-monospace {
  font-family: Monaco, Courier New, monospace;
}

.ql-editor .ql-size-small {
  font-size: 0.75em;
}

.ql-editor .ql-size-large {
  font-size: 1.5em;
}

.ql-editor .ql-size-huge {
  font-size: 2.5em;
}

.ql-editor .ql-direction-rtl {
  direction: rtl;
  text-align: inherit;
}

.ql-editor .ql-align-center {
  text-align: center;
}

.ql-editor .ql-align-justify {
  text-align: justify;
}

.ql-editor .ql-align-right {
  text-align: right;
}

.ql-editor.ql-blank::before {
  color: rgba(0, 0, 0, 0.6);
  content: attr(data-placeholder);
  font-style: italic;
  left: 15px;
  pointer-events: none;
  position: absolute;
  right: 15px;
}

/*purgecss end ignore
 */
/*purgecss start ignore
 */

@charset "UTF-8";

/*!
 * Quill Editor v1.3.7
 * https://quilljs.com/
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */

.ql-container {
  box-sizing: border-box;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 13px;
  height: 100%;
  margin: 0px;
  position: relative;
}

.ql-container.ql-disabled .ql-tooltip {
  visibility: hidden;
}

.ql-container.ql-disabled .ql-editor ul[data-checked] > li::before {
  pointer-events: none;
}

.ql-clipboard {
  left: -100000px;
  height: 1px;
  overflow-y: hidden;
  position: absolute;
  top: 50%;
}

.ql-clipboard p {
  margin: 0;
  padding: 0;
}

.ql-editor {
  box-sizing: border-box;
  line-height: 1.42;
  height: 100%;
  outline: none;
  overflow-y: auto;
  padding: 12px 15px;
  -o-tab-size: 4;
     tab-size: 4;
  -moz-tab-size: 4;
  text-align: left;
  white-space: pre-wrap;
  word-wrap: break-word;
}

.ql-editor > * {
  cursor: text;
}

.ql-editor p,
.ql-editor ol,
.ql-editor ul,
.ql-editor pre,
.ql-editor blockquote,
.ql-editor h1,
.ql-editor h2,
.ql-editor h3,
.ql-editor h4,
.ql-editor h5,
.ql-editor h6 {
  margin: 0;
  padding: 0;
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}

.ql-editor ol,
.ql-editor ul {
  padding-left: 1.5em;
}

.ql-editor ol > li,
.ql-editor ul > li {
  list-style-type: none;
}

.ql-editor ul > li::before {
  content: "•";
}

.ql-editor ul[data-checked=true],
.ql-editor ul[data-checked=false] {
  pointer-events: none;
}

.ql-editor ul[data-checked=true] > li *,
.ql-editor ul[data-checked=false] > li * {
  pointer-events: all;
}

.ql-editor ul[data-checked=true] > li::before,
.ql-editor ul[data-checked=false] > li::before {
  color: #777;
  cursor: pointer;
  pointer-events: all;
}

.ql-editor ul[data-checked=true] > li::before {
  content: "☑";
}

.ql-editor ul[data-checked=false] > li::before {
  content: "☐";
}

.ql-editor li::before {
  display: inline-block;
  white-space: nowrap;
  width: 1.2em;
}

.ql-editor li:not(.ql-direction-rtl)::before {
  margin-left: -1.5em;
  margin-right: 0.3em;
  text-align: right;
}

.ql-editor li.ql-direction-rtl::before {
  margin-left: 0.3em;
  margin-right: -1.5em;
}

.ql-editor ol li:not(.ql-direction-rtl),
.ql-editor ul li:not(.ql-direction-rtl) {
  padding-left: 1.5em;
}

.ql-editor ol li.ql-direction-rtl,
.ql-editor ul li.ql-direction-rtl {
  padding-right: 1.5em;
}

.ql-editor ol li {
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  counter-increment: list-0;
}

.ql-editor ol li:before {
  content: counter(list-0, decimal) ". ";
}

.ql-editor ol li.ql-indent-1 {
  counter-increment: list-1;
}

.ql-editor ol li.ql-indent-1:before {
  content: counter(list-1, lower-alpha) ". ";
}

.ql-editor ol li.ql-indent-1 {
  counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}

.ql-editor ol li.ql-indent-2 {
  counter-increment: list-2;
}

.ql-editor ol li.ql-indent-2:before {
  content: counter(list-2, lower-roman) ". ";
}

.ql-editor ol li.ql-indent-2 {
  counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}

.ql-editor ol li.ql-indent-3 {
  counter-increment: list-3;
}

.ql-editor ol li.ql-indent-3:before {
  content: counter(list-3, decimal) ". ";
}

.ql-editor ol li.ql-indent-3 {
  counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;
}

.ql-editor ol li.ql-indent-4 {
  counter-increment: list-4;
}

.ql-editor ol li.ql-indent-4:before {
  content: counter(list-4, lower-alpha) ". ";
}

.ql-editor ol li.ql-indent-4 {
  counter-reset: list-5 list-6 list-7 list-8 list-9;
}

.ql-editor ol li.ql-indent-5 {
  counter-increment: list-5;
}

.ql-editor ol li.ql-indent-5:before {
  content: counter(list-5, lower-roman) ". ";
}

.ql-editor ol li.ql-indent-5 {
  counter-reset: list-6 list-7 list-8 list-9;
}

.ql-editor ol li.ql-indent-6 {
  counter-increment: list-6;
}

.ql-editor ol li.ql-indent-6:before {
  content: counter(list-6, decimal) ". ";
}

.ql-editor ol li.ql-indent-6 {
  counter-reset: list-7 list-8 list-9;
}

.ql-editor ol li.ql-indent-7 {
  counter-increment: list-7;
}

.ql-editor ol li.ql-indent-7:before {
  content: counter(list-7, lower-alpha) ". ";
}

.ql-editor ol li.ql-indent-7 {
  counter-reset: list-8 list-9;
}

.ql-editor ol li.ql-indent-8 {
  counter-increment: list-8;
}

.ql-editor ol li.ql-indent-8:before {
  content: counter(list-8, lower-roman) ". ";
}

.ql-editor ol li.ql-indent-8 {
  counter-reset: list-9;
}

.ql-editor ol li.ql-indent-9 {
  counter-increment: list-9;
}

.ql-editor ol li.ql-indent-9:before {
  content: counter(list-9, decimal) ". ";
}

.ql-editor .ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 3em;
}

.ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 4.5em;
}

.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 3em;
}

.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 4.5em;
}

.ql-editor .ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 6em;
}

.ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 7.5em;
}

.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 6em;
}

.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 7.5em;
}

.ql-editor .ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 9em;
}

.ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 10.5em;
}

.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 9em;
}

.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 10.5em;
}

.ql-editor .ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 12em;
}

.ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 13.5em;
}

.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 12em;
}

.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 13.5em;
}

.ql-editor .ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 15em;
}

.ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 16.5em;
}

.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 15em;
}

.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 16.5em;
}

.ql-editor .ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 18em;
}

.ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 19.5em;
}

.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 18em;
}

.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 19.5em;
}

.ql-editor .ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 21em;
}

.ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 22.5em;
}

.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 21em;
}

.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 22.5em;
}

.ql-editor .ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 24em;
}

.ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 25.5em;
}

.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 24em;
}

.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 25.5em;
}

.ql-editor .ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 27em;
}

.ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 28.5em;
}

.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 27em;
}

.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 28.5em;
}

.ql-editor .ql-video {
  display: block;
  max-width: 100%;
}

.ql-editor .ql-video.ql-align-center {
  margin: 0 auto;
}

.ql-editor .ql-video.ql-align-right {
  margin: 0 0 0 auto;
}

.ql-editor .ql-bg-black {
  background-color: #000;
}

.ql-editor .ql-bg-red {
  background-color: #e60000;
}

.ql-editor .ql-bg-orange {
  background-color: #f90;
}

.ql-editor .ql-bg-yellow {
  background-color: #ff0;
}

.ql-editor .ql-bg-green {
  background-color: #008a00;
}

.ql-editor .ql-bg-blue {
  background-color: #06c;
}

.ql-editor .ql-bg-purple {
  background-color: #93f;
}

.ql-editor .ql-color-white {
  color: #fff;
}

.ql-editor .ql-color-red {
  color: #e60000;
}

.ql-editor .ql-color-orange {
  color: #f90;
}

.ql-editor .ql-color-yellow {
  color: #ff0;
}

.ql-editor .ql-color-green {
  color: #008a00;
}

.ql-editor .ql-color-blue {
  color: #06c;
}

.ql-editor .ql-color-purple {
  color: #93f;
}

.ql-editor .ql-font-serif {
  font-family: Georgia, Times New Roman, serif;
}

.ql-editor .ql-font-monospace {
  font-family: Monaco, Courier New, monospace;
}

.ql-editor .ql-size-small {
  font-size: 0.75em;
}

.ql-editor .ql-size-large {
  font-size: 1.5em;
}

.ql-editor .ql-size-huge {
  font-size: 2.5em;
}

.ql-editor .ql-direction-rtl {
  direction: rtl;
  text-align: inherit;
}

.ql-editor .ql-align-center {
  text-align: center;
}

.ql-editor .ql-align-justify {
  text-align: justify;
}

.ql-editor .ql-align-right {
  text-align: right;
}

.ql-editor.ql-blank::before {
  color: rgba(0, 0, 0, 0.6);
  content: attr(data-placeholder);
  font-style: italic;
  left: 15px;
  pointer-events: none;
  position: absolute;
  right: 15px;
}

.ql-snow.ql-toolbar:after,
.ql-snow .ql-toolbar:after {
  clear: both;
  content: "";
  display: table;
}

.ql-snow.ql-toolbar button,
.ql-snow .ql-toolbar button {
  background: none;
  border: none;
  cursor: pointer;
  display: inline-block;
  float: left;
  height: 24px;
  padding: 3px 5px;
  width: 28px;
}

.ql-snow.ql-toolbar button svg,
.ql-snow .ql-toolbar button svg {
  float: left;
  height: 100%;
}

.ql-snow.ql-toolbar button:active:hover,
.ql-snow .ql-toolbar button:active:hover {
  outline: none;
}

.ql-snow.ql-toolbar input.ql-image[type=file],
.ql-snow .ql-toolbar input.ql-image[type=file] {
  display: none;
}

.ql-snow.ql-toolbar button:hover,
.ql-snow .ql-toolbar button:hover,
.ql-snow.ql-toolbar button:focus,
.ql-snow .ql-toolbar button:focus,
.ql-snow.ql-toolbar button.ql-active,
.ql-snow .ql-toolbar button.ql-active,
.ql-snow.ql-toolbar .ql-picker-label:hover,
.ql-snow .ql-toolbar .ql-picker-label:hover,
.ql-snow.ql-toolbar .ql-picker-label.ql-active,
.ql-snow .ql-toolbar .ql-picker-label.ql-active,
.ql-snow.ql-toolbar .ql-picker-item:hover,
.ql-snow .ql-toolbar .ql-picker-item:hover,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected {
  color: #06c;
}

.ql-snow.ql-toolbar button:hover .ql-fill,
.ql-snow .ql-toolbar button:hover .ql-fill,
.ql-snow.ql-toolbar button:focus .ql-fill,
.ql-snow .ql-toolbar button:focus .ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
  fill: #06c;
}

.ql-snow.ql-toolbar button:hover .ql-stroke,
.ql-snow .ql-toolbar button:hover .ql-stroke,
.ql-snow.ql-toolbar button:focus .ql-stroke,
.ql-snow .ql-toolbar button:focus .ql-stroke,
.ql-snow.ql-toolbar button.ql-active .ql-stroke,
.ql-snow .ql-toolbar button.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow.ql-toolbar button:hover .ql-stroke-miter,
.ql-snow .ql-toolbar button:hover .ql-stroke-miter,
.ql-snow.ql-toolbar button:focus .ql-stroke-miter,
.ql-snow .ql-toolbar button:focus .ql-stroke-miter,
.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
  stroke: #06c;
}

@media (pointer: coarse) {
  .ql-snow.ql-toolbar button:hover:not(.ql-active),
  .ql-snow .ql-toolbar button:hover:not(.ql-active) {
    color: #444;
  }

  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill {
    fill: #444;
  }

  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter {
    stroke: #444;
  }
}

.ql-snow {
  box-sizing: border-box;
}

.ql-snow * {
  box-sizing: border-box;
}

.ql-snow .ql-hidden {
  display: none;
}

.ql-snow .ql-out-bottom,
.ql-snow .ql-out-top {
  visibility: hidden;
}

.ql-snow .ql-tooltip {
  position: absolute;
  transform: translateY(10px);
}

.ql-snow .ql-tooltip a {
  cursor: pointer;
  text-decoration: none;
}

.ql-snow .ql-tooltip.ql-flip {
  transform: translateY(-10px);
}

.ql-snow .ql-formats {
  display: inline-block;
  vertical-align: middle;
}

.ql-snow .ql-formats:after {
  clear: both;
  content: "";
  display: table;
}

.ql-snow .ql-stroke {
  fill: none;
  stroke: #444;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2;
}

.ql-snow .ql-stroke-miter {
  fill: none;
  stroke: #444;
  stroke-miterlimit: 10;
  stroke-width: 2;
}

.ql-snow .ql-fill,
.ql-snow .ql-stroke.ql-fill {
  fill: #444;
}

.ql-snow .ql-empty {
  fill: none;
}

.ql-snow .ql-even {
  fill-rule: evenodd;
}

.ql-snow .ql-thin,
.ql-snow .ql-stroke.ql-thin {
  stroke-width: 1;
}

.ql-snow .ql-transparent {
  opacity: 0.4;
}

.ql-snow .ql-direction svg:last-child {
  display: none;
}

.ql-snow .ql-direction.ql-active svg:last-child {
  display: inline;
}

.ql-snow .ql-direction.ql-active svg:first-child {
  display: none;
}

.ql-snow .ql-editor h1 {
  font-size: 2em;
}

.ql-snow .ql-editor h2 {
  font-size: 1.5em;
}

.ql-snow .ql-editor h3 {
  font-size: 1.17em;
}

.ql-snow .ql-editor h4 {
  font-size: 1em;
}

.ql-snow .ql-editor h5 {
  font-size: 0.83em;
}

.ql-snow .ql-editor h6 {
  font-size: 0.67em;
}

.ql-snow .ql-editor a {
  text-decoration: underline;
}

.ql-snow .ql-editor blockquote {
  border-left: 4px solid #ccc;
  margin-bottom: 5px;
  margin-top: 5px;
  padding-left: 16px;
}

.ql-snow .ql-editor code,
.ql-snow .ql-editor pre {
  background-color: #f0f0f0;
  border-radius: 3px;
}

.ql-snow .ql-editor pre {
  white-space: pre-wrap;
  margin-bottom: 5px;
  margin-top: 5px;
  padding: 5px 10px;
}

.ql-snow .ql-editor code {
  font-size: 85%;
  padding: 2px 4px;
}

.ql-snow .ql-editor pre.ql-syntax {
  background-color: #23241f;
  color: #f8f8f2;
  overflow: visible;
}

.ql-snow .ql-editor img {
  max-width: 100%;
}

.ql-snow .ql-picker {
  color: #444;
  display: inline-block;
  float: left;
  font-size: 14px;
  font-weight: 500;
  height: 24px;
  position: relative;
  vertical-align: middle;
}

.ql-snow .ql-picker-label {
  cursor: pointer;
  display: inline-block;
  height: 100%;
  padding-left: 8px;
  padding-right: 2px;
  position: relative;
  width: 100%;
}

.ql-snow .ql-picker-label::before {
  display: inline-block;
  line-height: 22px;
}

.ql-snow .ql-picker-options {
  background-color: #fff;
  display: none;
  min-width: 100%;
  padding: 4px 8px;
  position: absolute;
  white-space: nowrap;
}

.ql-snow .ql-picker-options .ql-picker-item {
  cursor: pointer;
  display: block;
  padding-bottom: 5px;
  padding-top: 5px;
}

.ql-snow .ql-picker.ql-expanded .ql-picker-label {
  color: #ccc;
  z-index: 2;
}

.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
  fill: #ccc;
}

.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
  stroke: #ccc;
}

.ql-snow .ql-picker.ql-expanded .ql-picker-options {
  display: block;
  margin-top: -1px;
  top: 100%;
  z-index: 1;
}

.ql-snow .ql-color-picker,
.ql-snow .ql-icon-picker {
  width: 28px;
}

.ql-snow .ql-color-picker .ql-picker-label,
.ql-snow .ql-icon-picker .ql-picker-label {
  padding: 2px 4px;
}

.ql-snow .ql-color-picker .ql-picker-label svg,
.ql-snow .ql-icon-picker .ql-picker-label svg {
  right: 4px;
}

.ql-snow .ql-icon-picker .ql-picker-options {
  padding: 4px 0px;
}

.ql-snow .ql-icon-picker .ql-picker-item {
  height: 24px;
  width: 24px;
  padding: 2px 4px;
}

.ql-snow .ql-color-picker .ql-picker-options {
  padding: 3px 5px;
  width: 152px;
}

.ql-snow .ql-color-picker .ql-picker-item {
  border: 1px solid transparent;
  float: left;
  height: 16px;
  margin: 2px;
  padding: 0px;
  width: 16px;
}

.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
  position: absolute;
  margin-top: -9px;
  right: 0;
  top: 50%;
  width: 18px;
}

.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=""])::before,
.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=""])::before,
.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=""])::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=""])::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=""])::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=""])::before {
  content: attr(data-label);
}

.ql-snow .ql-picker.ql-header {
  width: 98px;
}

.ql-snow .ql-picker.ql-header .ql-picker-label::before,
.ql-snow .ql-picker.ql-header .ql-picker-item::before {
  content: "Normal";
}

.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
  content: "Heading 1";
}

.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
  content: "Heading 2";
}

.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
  content: "Heading 3";
}

.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
  content: "Heading 4";
}

.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
  content: "Heading 5";
}

.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
  content: "Heading 6";
}

.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
  font-size: 2em;
}

.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
  font-size: 1.5em;
}

.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
  font-size: 1.17em;
}

.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
  font-size: 1em;
}

.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
  font-size: 0.83em;
}

.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
  font-size: 0.67em;
}

.ql-snow .ql-picker.ql-font {
  width: 108px;
}

.ql-snow .ql-picker.ql-font .ql-picker-label::before,
.ql-snow .ql-picker.ql-font .ql-picker-item::before {
  content: "Sans Serif";
}

.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
  content: "Serif";
}

.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
  content: "Monospace";
}

.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
  font-family: Georgia, Times New Roman, serif;
}

.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
  font-family: Monaco, Courier New, monospace;
}

.ql-snow .ql-picker.ql-size {
  width: 98px;
}

.ql-snow .ql-picker.ql-size .ql-picker-label::before,
.ql-snow .ql-picker.ql-size .ql-picker-item::before {
  content: "Normal";
}

.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
  content: "Small";
}

.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
  content: "Large";
}

.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
  content: "Huge";
}

.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
  font-size: 10px;
}

.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
  font-size: 18px;
}

.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
  font-size: 32px;
}

.ql-snow .ql-color-picker.ql-background .ql-picker-item {
  background-color: #fff;
}

.ql-snow .ql-color-picker.ql-color .ql-picker-item {
  background-color: #000;
}

.ql-toolbar.ql-snow {
  border: 1px solid #ccc;
  box-sizing: border-box;
  font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  padding: 8px;
}

.ql-toolbar.ql-snow .ql-formats {
  margin-right: 15px;
}

.ql-toolbar.ql-snow .ql-picker-label {
  border: 1px solid transparent;
}

.ql-toolbar.ql-snow .ql-picker-options {
  border: 1px solid transparent;
  box-shadow: rgba(0, 0, 0, 0.2) 0 2px 8px;
}

.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
  border-color: #ccc;
}

.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
  border-color: #ccc;
}

.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,
.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover {
  border-color: #000;
}

.ql-toolbar.ql-snow + .ql-container.ql-snow {
  border-top: 0px;
}

.ql-snow .ql-tooltip {
  background-color: #fff;
  border: 1px solid #ccc;
  box-shadow: 0px 0px 5px #ddd;
  color: #444;
  padding: 5px 12px;
  white-space: nowrap;
}

.ql-snow .ql-tooltip::before {
  content: "Visit URL:";
  line-height: 26px;
  margin-right: 8px;
}

.ql-snow .ql-tooltip input[type=text] {
  display: none;
  border: 1px solid #ccc;
  font-size: 13px;
  height: 26px;
  margin: 0px;
  padding: 3px 5px;
  width: 170px;
}

.ql-snow .ql-tooltip a.ql-preview {
  display: inline-block;
  max-width: 200px;
  overflow-x: hidden;
  text-overflow: ellipsis;
  vertical-align: top;
}

.ql-snow .ql-tooltip a.ql-action::after {
  border-right: 1px solid #ccc;
  content: "Edit";
  margin-left: 16px;
  padding-right: 8px;
}

.ql-snow .ql-tooltip a.ql-remove::before {
  content: "Remove";
  margin-left: 8px;
}

.ql-snow .ql-tooltip a {
  line-height: 26px;
}

.ql-snow .ql-tooltip.ql-editing a.ql-preview,
.ql-snow .ql-tooltip.ql-editing a.ql-remove {
  display: none;
}

.ql-snow .ql-tooltip.ql-editing input[type=text] {
  display: inline-block;
}

.ql-snow .ql-tooltip.ql-editing a.ql-action::after {
  border-right: 0px;
  content: "Save";
  padding-right: 0px;
}

.ql-snow .ql-tooltip[data-mode=link]::before {
  content: "Enter link:";
}

.ql-snow .ql-tooltip[data-mode=formula]::before {
  content: "Enter formula:";
}

.ql-snow .ql-tooltip[data-mode=video]::before {
  content: "Enter video:";
}

.ql-snow a {
  color: #06c;
}

.ql-container.ql-snow {
  border: 1px solid #ccc;
}

/*purgecss end ignore
 */
/* purgecss start ignore */

@font-face {
  font-family: "jobilla-icons";

  src: url(/fonts/jobilla-icons.eot);

  src: url(/fonts/jobilla-icons.eot?#iefix) format("embedded-opentype"), url(/fonts/jobilla-icons.woff) format("woff"), url(/fonts/jobilla-icons.ttf) format("truetype"), url(/jobilla-icons.svg?6536d0916d1c14020f78#jobilla-icons) format("svg");

  font-weight: normal;

  font-style: normal;
}

[data-icon]:before {
  font-family: "jobilla-icons" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class^=icon-]:before,
[class*=" icon-"]:before {
  font-family: "jobilla-icons" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-aligned-left:before {
  content: "\e000";
}

.icon-aligned-left-c:before {
  content: "\e001";
}

.icon-aligned-middle:before {
  content: "\e002";
}

.icon-aligned-middle-c:before {
  content: "\e003";
}

.icon-aligned-right:before {
  content: "\e004";
}

.icon-aligned-right-c:before {
  content: "\e005";
}

.icon-ats-logo:before {
  content: "\e006";
}

.icon-back-c:before {
  content: "\e007";
}

.icon-change-c:before {
  content: "\e008";
}

.icon-cleanness-c:before {
  content: "\e009";
}

.icon-contrast-c:before {
  content: "\e00a";
}

.icon-create:before {
  content: "\e00b";
}

.icon-dashboard-article:before {
  content: "\e00c";
}

.icon-dashboard-job:before {
  content: "\e00d";
}

.icon-dashboard-page:before {
  content: "\e00e";
}

.icon-dashboard-talent:before {
  content: "\e00f";
}

.icon-download-c:before {
  content: "\e010";
}

.icon-email-candidates:before {
  content: "\e011";
}

.icon-employer-branding-logo:before {
  content: "\e012";
}

.icon-luminocity-c:before {
  content: "\e013";
}

.icon-message-send:before {
  content: "\e014";
}

.icon-messages:before {
  content: "\e015";
}

.icon-mirror-c:before {
  content: "\e016";
}

.icon-next-c:before {
  content: "\e017";
}

.icon-notifications:before {
  content: "\e018";
}

.icon-saturation-c:before {
  content: "\e019";
}

.icon-settings:before {
  content: "\e01a";
}

.icon-structure-c:before {
  content: "\e01b";
}

.icon-tag:before {
  content: "\e01c";
}

.icon-talent-network-logo:before {
  content: "\e01d";
}

.icon-targeting-logo:before {
  content: "\e01e";
}

.icon-upload-c:before {
  content: "\e01f";
}

.icon-user:before {
  content: "\e020";
}

.icon-warmness-c:before {
  content: "\e021";
}

.icon-zoom-in:before {
  content: "\e022";
}

.icon-zoom-out:before {
  content: "\e023";
}

.icon-add:before {
  content: "\e024";
}

.icon-add-c:before {
  content: "\e025";
}

.icon-alert-c:before {
  content: "\e026";
}

.icon-applied-job:before {
  content: "\e027";
}

.icon-apply-external:before {
  content: "\e028";
}

.icon-apply-interested:before {
  content: "\e029";
}

.icon-apply-internal:before {
  content: "\e02a";
}

.icon-apply-quick:before {
  content: "\e02b";
}

.icon-arrow-left:before {
  content: "\e02c";
}

.icon-arrow-right:before {
  content: "\e02d";
}

.icon-attach:before {
  content: "\e02e";
}

.icon-budget:before {
  content: "\e02f";
}

.icon-check-c:before {
  content: "\e030";
}

.icon-circle-c:before {
  content: "\e031";
}

.icon-clicks:before {
  content: "\e032";
}

.icon-close-c:before {
  content: "\e033";
}

.icon-cloud-upload:before {
  content: "\e034";
}

.icon-collapse:before {
  content: "\e035";
}

.icon-comments:before {
  content: "\e036";
}

.icon-company:before {
  content: "\e037";
}

.icon-cost:before {
  content: "\e038";
}

.icon-date:before {
  content: "\e039";
}

.icon-dislike:before {
  content: "\e03a";
}

.icon-document:before {
  content: "\e03b";
}

.icon-double-arrow-left:before {
  content: "\e03c";
}

.icon-double-arrow-right:before {
  content: "\e03d";
}

.icon-down:before {
  content: "\e03e";
}

.icon-download:before {
  content: "\e03f";
}

.icon-ats-active:before {
  content: "\e040";
}

.icon-eb-analytics-f:before {
  content: "\e041";
}

.icon-ats-applicants:before {
  content: "\e042";
}

.icon-ats-archived:before {
  content: "\e043";
}

.icon-eb-article-analytics:before {
  content: "\e044";
}

.icon-eb-article-dynamely:before {
  content: "\e045";
}

.icon-eb-article-edit:before {
  content: "\e046";
}

.icon-eb-articles-f:before {
  content: "\e047";
}

.icon-eb-careers-page-f:before {
  content: "\e048";
}

.icon-ats-closed:before {
  content: "\e049";
}

.icon-eb-days:before {
  content: "\e04a";
}

.icon-eb-gallery:before {
  content: "\e04b";
}

.icon-eb-header:before {
  content: "\e04c";
}

.icon-ats-hired:before {
  content: "\e04d";
}

.icon-ats-interview:before {
  content: "\e04e";
}

.icon-eb-introduction:before {
  content: "\e04f";
}

.icon-ats-job-views:before {
  content: "\e050";
}

.icon-messages-1:before {
  content: "\e051";
}

.icon-ats-new:before {
  content: "\e052";
}

.icon-ats-pending:before {
  content: "\e053";
}

.icon-eb-people:before {
  content: "\e054";
}

.icon-ats-process:before {
  content: "\e055";
}

.icon-ats-rejected:before {
  content: "\e056";
}

.icon-eb-settings:before {
  content: "\e057";
}

.icon-eb-stories:before {
  content: "\e058";
}

.icon-ats-time-on-site:before {
  content: "\e059";
}

.icon-ats-viewed:before {
  content: "\e05a";
}

.icon-edit:before {
  content: "\e05b";
}

.icon-edit-c:before {
  content: "\e05c";
}

.icon-ellipses-vertical:before {
  content: "\e05d";
}

.icon-expand:before {
  content: "\e05e";
}

.icon-expiration:before {
  content: "\e05f";
}

.icon-facebook-c:before {
  content: "\e060";
}

.icon-heart:before {
  content: "\e061";
}

.icon-image:before {
  content: "\e062";
}

.icon-impressions:before {
  content: "\e063";
}

.icon-info-c:before {
  content: "\e064";
}

.icon-like:before {
  content: "\e065";
}

.icon-linkedin-c:before {
  content: "\e066";
}

.icon-list:before {
  content: "\e067";
}

.icon-list-c:before {
  content: "\e068";
}

.icon-location:before {
  content: "\e069";
}

.icon-lock-thin:before {
  content: "\e06a";
}

.icon-message:before {
  content: "\e06b";
}

.icon-new-message:before {
  content: "\e06c";
}

.icon-open-message:before {
  content: "\e06d";
}

.icon-play:before {
  content: "\e06e";
}

.icon-preview:before {
  content: "\e06f";
}

.icon-question-c:before {
  content: "\e070";
}

.icon-reach:before {
  content: "\e071";
}

.icon-refresh:before {
  content: "\e072";
}

.icon-search:before {
  content: "\e073";
}

.icon-sort-az:before {
  content: "\e074";
}

.icon-sort-new-first:before {
  content: "\e075";
}

.icon-sort-old-first:before {
  content: "\e076";
}

.icon-sort-za:before {
  content: "\e077";
}

.icon-star:before {
  content: "\e078";
}

.icon-star-f:before {
  content: "\e079";
}

.icon-star-half-f:before {
  content: "\e07a";
}

.icon-status:before {
  content: "\e07b";
}

.icon-target:before {
  content: "\e07c";
}

.icon-telephone:before {
  content: "\e07d";
}

.icon-total-ads:before {
  content: "\e07e";
}

.icon-tracking-code:before {
  content: "\e07f";
}

.icon-trash:before {
  content: "\e080";
}

.icon-trash-c:before {
  content: "\e081";
}

.icon-twitter-c:before {
  content: "\e082";
}

.icon-type:before {
  content: "\e083";
}

.icon-unlock:before {
  content: "\e084";
}

.icon-up:before {
  content: "\e085";
}

.icon-upload:before {
  content: "\e086";
}

.icon-view:before {
  content: "\e087";
}

.icon-instagram:before {
  content: "\e088";
}

.icon-new-potentials:before {
  content: "\e094";
}

.icon-open-jobs:before {
  content: "\e095";
}

.icon-activity:before {
  content: "\e089";
}

.icon-add-profile-pic:before {
  content: "\e08a";
}

.icon-applications:before {
  content: "\e08b";
}

.icon-applications-selected:before {
  content: "\e08c";
}

.icon-arrow-down-f:before {
  content: "\e08d";
}

.icon-arrow-left-c:before {
  content: "\e08e";
}

.icon-arrow-top-right:before {
  content: "\e08f";
}

.icon-arrow-up-f:before {
  content: "\e090";
}

.icon-bin-circle:before {
  content: "\e091";
}

.icon-calender:before {
  content: "\e092";
}

.icon-checked:before {
  content: "\e093";
}

.icon-clock:before {
  content: "\e096";
}

.icon-close:before {
  content: "\e097";
}

.icon-duplicate:before {
  content: "\e098";
}

.icon-duplicate-circle:before {
  content: "\e099";
}

.icon-eb-visits:before {
  content: "\e09a";
}

.icon-error:before {
  content: "\e09b";
}

.icon-final-screen:before {
  content: "\e09c";
}

.icon-form:before {
  content: "\e09d";
}

.icon-job-views:before {
  content: "\e09e";
}

.icon-mail:before {
  content: "\e09f";
}

.icon-mail-open:before {
  content: "\e0a0";
}

.icon-mood-1:before {
  content: "\e0a1";
}

.icon-mood-2:before {
  content: "\e0a2";
}

.icon-mood-3:before {
  content: "\e0a3";
}

.icon-mood-4:before {
  content: "\e0a4";
}

.icon-mood-5:before {
  content: "\e0a5";
}

.icon-multiple-ticks:before {
  content: "\e0a6";
}

.icon-new-potentials-1:before {
  content: "\e0a7";
}

.icon-open-file:before {
  content: "\e0a8";
}

.icon-open-jobs-1:before {
  content: "\e0a9";
}

.icon-pc-device:before {
  content: "\e0aa";
}

.icon-phone:before {
  content: "\e0ab";
}

.icon-phone-c:before {
  content: "\e0ac";
}

.icon-phone-c-f:before {
  content: "\e0ad";
}

.icon-picture:before {
  content: "\e0ae";
}

.icon-reply:before {
  content: "\e0af";
}

.icon-save-circle:before {
  content: "\e0b0";
}

.icon-simple-clock:before {
  content: "\e0b1";
}

.icon-smartphone-device:before {
  content: "\e0b2";
}

.icon-tablet-device:before {
  content: "\e0b3";
}

.icon-talent:before {
  content: "\e0b4";
}

.icon-talent-pool:before {
  content: "\e0b5";
}

.icon-tick-box:before {
  content: "\e0b6";
}

.icon-unchecked:before {
  content: "\e0b7";
}

.icon-welcome-screen:before {
  content: "\e0b8";
}

.icon-bin:before {
  content: "\e0ba";
}

.icon-magnifying-glass:before {
  content: "\e0bb";
}

.icon-arrow-up-fine:before {
  content: "\e0bd";
}

.icon-cv:before {
  content: "\e0bf";
}

.icon-profile-pic:before {
  content: "\e0c0";
}

.icon-question-mark:before {
  content: "\e0c1";
}

.icon-plus:before {
  content: "\e0c2";
}

.icon-application:before {
  content: "\e0c3";
}

.icon-arrows:before {
  content: "\e0c4";
}

.icon-bold:before {
  content: "\e0c5";
}

.icon-calendar:before {
  content: "\e0c6";
}

.icon-camera:before {
  content: "\e0c7";
}

.icon-chat:before {
  content: "\e0c8";
}

.icon-remove:before {
  content: "\e0c9";
}

.icon-close-bold:before {
  content: "\e0ca";
}

.icon-arrow-down-sml:before {
  content: "\e0cd";
}

.icon-italic:before {
  content: "\e0ce";
}

.icon-instagram-f-c:before {
  content: "\e0d0";
}

.icon-googleplus-f-c:before {
  content: "\e0d1";
}

.icon-download-file:before {
  content: "\e0d2";
}

.icon-clone:before {
  content: "\e0d3";
}

.icon-pencil:before {
  content: "\e0d4";
}

.icon-facebook-f-c:before {
  content: "\e0d5";
}

.icon-faecbook:before {
  content: "\e0d7";
}

.icon-female:before {
  content: "\e0d8";
}

.icon-first:before {
  content: "\e0d9";
}

.icon-male:before {
  content: "\e0db";
}

.icon-email:before {
  content: "\e0dc";
}

.icon-lock-f:before {
  content: "\e0dd";
}

.icon-lock:before {
  content: "\e0de";
}

.icon-location-f:before {
  content: "\e0df";
}

.icon-linkedin-f-c:before {
  content: "\e0e0";
}

.icon-link:before {
  content: "\e0e1";
}

.icon-last:before {
  content: "\e0e2";
}

.icon-jobilla-f-c:before {
  content: "\e0e3";
}

.icon-3-dots:before {
  content: "\e0e4";
}

.icon-arrow-right-sml:before {
  content: "\e0e5";
}

.icon-settings-f:before {
  content: "\e0e6";
}

.icon-square:before {
  content: "\e0e7";
}

.icon-statistics:before {
  content: "\e0e8";
}

.icon-notification:before {
  content: "\e0e9";
}

.icon-talent-pool-1:before {
  content: "\e0eb";
}

.icon-target-bold:before {
  content: "\e0ec";
}

.icon-open-new-tab:before {
  content: "\e0ed";
}

.icon-picture-bold:before {
  content: "\e0ee";
}

.icon-tick:before {
  content: "\e0ef";
}

.icon-trm:before {
  content: "\e0f0";
}

.icon-arrow-left-sml:before {
  content: "\e0f1";
}

.icon-twitter-f-c:before {
  content: "\e0f3";
}

.icon-unisex:before {
  content: "\e0f4";
}

.icon-question-mark-c:before {
  content: "\e0f5";
}

.icon-arrow-right-bold:before {
  content: "\e0f6";
}

.icon-arrow-up-sml:before {
  content: "\e0f7";
}

.icon-url:before {
  content: "\e0f8";
}

.icon-find:before {
  content: "\e0f9";
}

.icon-menu:before {
  content: "\e0fa";
}

.icon-menu-bold:before {
  content: "\e0fc";
}

.icon-send:before {
  content: "\e0fd";
}

.icon-settings-thick:before {
  content: "\e0fe";
}

.icon-message-thick:before {
  content: "\e0ff";
}

.icon-linkedin:before {
  content: "\e0b9";
}

.icon-arrow-down-c:before {
  content: "\e0be";
}

.icon-arrow-up-c:before {
  content: "\e0cc";
}

.icon-phone-bold:before {
  content: "\e0cf";
}

.icon-play-f:before {
  content: "\e0d6";
}

.icon-add-tag:before {
  content: "\e0da";
}

.icon-viewed-c:before {
  content: "\e0f2";
}

.icon-upload-1:before {
  content: "\e0fb";
}

.icon-tick-c:before {
  content: "\e100";
}

.icon-tag-1:before {
  content: "\e101";
}

.icon-tablet-thin:before {
  content: "\e102";
}

.icon-sort-name:before {
  content: "\e103";
}

.icon-sort-date:before {
  content: "\e104";
}

.icon-remove-tag:before {
  content: "\e106";
}

.icon-rejected-c:before {
  content: "\e107";
}

.icon-progress-c:before {
  content: "\e108";
}

.icon-phone-thin:before {
  content: "\e109";
}

.icon-ordered-list:before {
  content: "\e10a";
}

.icon-drag-up-down:before {
  content: "\e10b";
}

.icon-enlarge:before {
  content: "\e10c";
}

.icon-eye:before {
  content: "\e10d";
}

.icon-full-view:before {
  content: "\e10f";
}

.icon-full-view-f:before {
  content: "\e110";
}

.icon-hire-c:before {
  content: "\e111";
}

.icon-info:before {
  content: "\e112";
}

.icon-interview-c:before {
  content: "\e113";
}

.icon-job:before {
  content: "\e114";
}

.icon-large-arrow-left:before {
  content: "\e115";
}

.icon-large-arrow-right:before {
  content: "\e116";
}

.icon-microphone:before {
  content: "\e117";
}

.icon-drag-drop:before {
  content: "\e118";
}

.icon-download-1:before {
  content: "\e119";
}

.icon-dotted-list:before {
  content: "\e11a";
}

.icon-cross-c:before {
  content: "\e11b";
}

.icon-condensed-view-f:before {
  content: "\e11c";
}

.icon-condensed-view:before {
  content: "\e11d";
}

.icon-computer-thin:before {
  content: "\e11e";
}

.icon-collapse-1:before {
  content: "\e11f";
}

.icon-bin-1:before {
  content: "\e120";
}

.icon-avatar:before {
  content: "\e121";
}

.icon-application-c:before {
  content: "\e122";
}

.icon-application-amount:before {
  content: "\e123";
}

.icon-arrow-down-fine:before {
  content: "\e0bc";
}

.icon-compare:before {
  content: "\e0cb";
}

.icon-checkbox:before {
  content: "\e124";
}

.icon-checkbox-bold:before {
  content: "\e125";
}

.icon-info-f-c:before {
  content: "\e128";
}

.icon-jobilla-j-f:before {
  content: "\e12a";
}

.icon-large-arrow-down:before {
  content: "\e12b";
}

.icon-minus-small:before {
  content: "\e12c";
}

.icon-plus-small:before {
  content: "\e12e";
}

.icon-refresh-1:before {
  content: "\e12f";
}

.icon-send-message:before {
  content: "\e130";
}

.icon-zoom-in-1:before {
  content: "\e131";
}

.icon-zoom-out-1:before {
  content: "\e132";
}

.icon-message-bubble:before {
  content: "\e12d";
}

.icon-office-full:before {
  content: "\e0ea";
}

.icon-dashboard-sidebar:before {
  content: "\e126";
}

.icon-settings-sidebar:before {
  content: "\e129";
}

.icon-notification-sidebar:before {
  content: "\e133";
}

.icon-job-sidebar:before {
  content: "\e134";
}

.icon-forms-sidebar:before {
  content: "\e135";
}

.icon-eb-sidebar:before {
  content: "\e136";
}

.icon-reorder:before {
  content: "\e105";
}

/* purgecss end ignore */
html, body {
  height: 100%;
}

/********************************* IMPORTANT **********************************/

/* Custom config for generated styles. Make sure to move them between versions*/

.icon {
  /*font positioning fix*/
  position: relative;
  font-size: 24px;
  height: 24px;
  width: 24px;
  flex-shrink: 0;
}

.icon.tiny {
  font-size: 12px;
  height: 12px;
  width: 12px;
}

.icon.sml {
  font-size: 16px;
  height: 16px;
  width: 16px;
}

.icon.md {
  font-size: 30px;
  height: 30px;
  width: 30px;
}

.icon.lg {
  font-size: 72px;
  height: 72px;
  width: 72px;
}

.icon.x-lg {
  font-size: 128px;
  height: 128px;
  width: 128px;
}

.is-disabled {
  transition: 0.4s opacity ease-in-out;
  opacity: 0.3;
}

#app {
  min-height: 100vh;
}

.modals {
  position: absolute;
  z-index: 920;
}

.toasts {
  pointer-events: none;
  position: fixed;
  z-index: 1000;
  width: 50%;
  margin-top: 30px;
  top: 0;
  right: 0;
}

[data-tooltip] {
  position: relative;
}

[data-tooltip]:hover {
  z-index: 800;
}

[data-tooltip]:hover:after {
  display: block;
}

[data-tooltip].tooltip-single-line:after {
  white-space: nowrap;
}

[data-tooltip]:after {
  display: none;
  content: attr(data-tooltip);
  position: absolute;
  background: rgb(53, 53, 53);
  color: rgb(255, 255, 255);
  padding: 4px;
  border-radius: 2px;
  top: calc(100% + 4px);
  left: -50%;
}

[class^=btn] {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  font-weight: 400;
  line-height: calc(1em + 5px);
  padding: 12px 40px;
  line-height: 1.8rem;
  margin: 8px;
  transition: 0.4s all;
  max-height: 50px;
  cursor: pointer;
}

[class^=btn]:hover {
  cursor: pointer;
}

[class^=btn]:hover > * {
  cursor: pointer;
}

[class^=btn]:hover:disabled {
  cursor: not-allowed;
}

[class^=btn]:focus, [class^=btn]:active {
  outline: none;
}

[class^=btn]:disabled {
  --tw-bg-opacity: 1;
  background-color: rgba(244, 246, 246, var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity));
  border: 2px solid rgb(230, 230, 230);
}

[class^=btn].circle {
  border-radius: 50% !important;
}

.btn-primary {
  --tw-bg-opacity: 1;
  background-color: rgba(255, 64, 129, var(--tw-bg-opacity));
  font-size: 16px;
  line-height: calc(1em + 8px);
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity));
  border-radius: 6px;
  border: 2px solid #ff4081;
  transition: 0.4s all ease;
  min-width: 120px;
  padding: 12px 40px;
}

.btn-primary.sml {
  font-size: 13px;
  line-height: calc(1em + 5px);
  padding: 8px;
  margin: 0;
  min-width: 80px;
  min-height: 32px;
}

.btn-primary:active, .btn-primary:focus {
  outline: none;
}

.btn-primary:hover {
  background: rgb(255, 13, 95.3560209424);
  cursor: pointer;
}

.btn-primary:hover:disabled {
  --tw-bg-opacity: 1;
  background-color: rgba(244, 246, 246, var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity));
}

.btn-text {
  --tw-text-opacity: 1;
  color: rgba(120, 147, 161, var(--tw-text-opacity));
  border: none;
  background: none;
}

.btn-text:hover {
  cursor: pointer;
}

.btn-text:hover > * {
  cursor: pointer;
}

.btn-disable:hover {
  background-color: transparent !important;
  cursor: not-allowed !important;
  color: rgb(160, 160, 160) !important;
  border: 2px solid rgb(160, 160, 160) !important;
}

[class*=-clear] {
  background: none;
  font-weight: 400;
  text-transform: uppercase;
  color: rgb(160, 160, 160);
  font-size: 1.4rem;
  border: 0;
  padding: 12px 40px;
}

[class*=-clear]:hover {
  color: rgb(255, 51, 102);
}

[class*=-clear]:disabled {
  background: transparent;
  border: none;
}

[class*=-ghost] {
  color: rgb(38, 38, 38);
  border: 2px rgb(53, 53, 53) solid;
  background: none;
  border-radius: 6px !important;
  text-transform: uppercase;
}

[class*=-ghost].sml {
  padding: 0;
  line-height: 1.4rem;
  margin: 0;
  font-size: 1.2rem;
  min-width: 80px;
  min-height: 32px;
}

[class*=-ghost]:hover {
  background: rgb(53, 53, 53);
  color: rgb(255, 255, 255);
}

[class*=-ghost]:hover:disabled {
  background: rgb(255, 255, 255);
  color: rgb(53, 53, 53);
}

[class*=-ghost]:active, [class*=-ghost].active {
  background: rgb(78.5, 78.5, 78.5);
  color: rgb(255, 255, 255);
}

[class*=-ghost].white:hover {
  color: rgb(53, 53, 53);
}

.btn.btn-confirm,
.btn.btn-confirm:active {
  background: rgb(255, 51, 102);
  color: rgb(255, 255, 255);
}

.btn.btn-confirm:hover {
  border: 1px solid rgb(53, 53, 53);
  background: rgb(53, 53, 53);
  color: rgb(255, 255, 255);
}

.btn.btn-confirm.btn-outline {
  background-color: transparent;
  border: 1px solid rgb(255, 51, 102);
  color: rgb(255, 51, 102);
}

.btn.btn-confirm.btn-outline:hover {
  border: 1px solid rgb(53, 53, 53);
  background: rgb(53, 53, 53);
  color: rgb(255, 255, 255);
}

.btn-reject {
  background: rgb(53, 53, 53);
  color: rgb(255, 255, 255);
}

.main-mid {
  background: rgb(51, 101, 138);
}

.main-dark {
  background: rgb(47, 72, 88);
}

.multiselect_input .multiselect_single {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  outline: none;
  display: block;
  width: 100%;
  padding: 0px 8px;
  border: none;
  border-bottom: 1px solid rgb(200, 200, 200);
  background: transparent;
  transition: 0.8s all ease;
}

.multiselect_input .multiselect_single.readonly {
  background: rgb(230, 230, 230);
}

.multiselect_input .multiselect_single:focus {
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgba(0, 115, 181, var(--tw-border-opacity));
  box-shadow: none;
}

.multiselect_input .multiselect_single::-webkit-input-placeholder {
  color: rgb(160, 160, 160);
}

.multiselect_input .multiselect_single:-moz-placeholder { /* Firefox 18- */
  color: rgb(160, 160, 160);
}

.multiselect_input .multiselect_single::-moz-placeholder { /* Firefox 19+ */
  color: rgb(160, 160, 160);
}

.multiselect_input .multiselect_single:-ms-input-placeholder {
  color: rgb(160, 160, 160);
}

.multiselect--above .multiselect__content-wrapper {
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}

.multiselect__element span span {
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
}

.multiselect__select:before {
  position: relative;
  font-family: "jobilla-icons";
  content: "\e12b";
  right: 0;
  top: 20%;
  color: rgb(160, 160, 160);
  border: none !important;
  margin-top: 4px;
}

.multiselect__content {
  max-width: 100%;
}

.inline-select + label {
  padding-bottom: 8px !important;
}

.inline-select.multiselect {
  height: 40px;
}

.inline-select .multiselect__input {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  outline: none;
  display: block;
  width: 100%;
  padding: 0px 8px;
  border: none;
  border-bottom: 1px solid rgb(200, 200, 200);
  background: transparent;
  transition: 0.8s all ease;
  width: 100% !important;
  background: transparent !important;
}

.inline-select .multiselect__input.readonly {
  background: rgb(230, 230, 230);
}

.inline-select .multiselect__input:focus {
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgba(0, 115, 181, var(--tw-border-opacity));
  box-shadow: none;
}

.inline-select .multiselect__input::-webkit-input-placeholder {
  color: rgb(160, 160, 160);
}

.inline-select .multiselect__input:-moz-placeholder { /* Firefox 18- */
  color: rgb(160, 160, 160);
}

.inline-select .multiselect__input::-moz-placeholder { /* Firefox 19+ */
  color: rgb(160, 160, 160);
}

.inline-select .multiselect__input:-ms-input-placeholder {
  color: rgb(160, 160, 160);
}

.inline-select .multiselect__tags .multiselect__single {
  border-bottom: solid 1px #becfd6 !important;
  border-radius: 0px !important;
  padding-top: 10px !important;
  display: flex;
  align-items: flex-end;
  background-color: transparent;
  padding: 0px;
  font-size: 14px;
}

.inline-select .multiselect__option {
  margin: 4px;
  display: flex;
  align-items: center;
  border-radius: 4px;
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 4px;
  padding-bottom: 4px;
  font-size: 14px;
}

.inline-select .multiselect__option > span {
  max-with: 100%;
  overflow: hidden;
}

.inline-select .multiselect__option--highlight {
  --tw-bg-opacity: 1;
  background-color: rgba(0, 115, 181, var(--tw-bg-opacity));
}

.inline-select .multiselect__content-wrapper {
  border-radius: 2px;
  border: 1px solid #dbe3e7;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.inline-select .multiselect__option--selected {
  --tw-bg-opacity: 1;
  background-color: rgba(190, 207, 214, var(--tw-bg-opacity));
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgba(33, 58, 71, var(--tw-text-opacity));
}

.inline-select .multiselect__option--selected.multiselect__option--highlight {
  --tw-bg-opacity: 1;
  background-color: rgba(219, 227, 231, var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity));
}

.inline-select .multiselect__select {
  right: 0;
  padding: 0;
}

.inline-select .multiselect__select:before {
  content: "\e0cd";
  margin: 0px;
  display: flex;
  height: 100%;
  width: 100%;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  --tw-text-opacity: 1;
  color: rgba(33, 58, 71, var(--tw-text-opacity));
  top: 0 !important;
}

.inline-select .multiselect__input, .inline-select .cov-datepicker {
  margin-bottom: 8px !important;
  margin-top: 0 !important;
}

.inline-select.multiselect--active .multiselect__select {
  transform: rotate(180deg);
}

.inline-select.multiselect--active .multiselect__select:before {
  --tw-text-opacity: 1;
  color: rgba(48, 79, 254, var(--tw-text-opacity));
}

.inline-select .multiselect__input, .inline-select .multiselect__strong {
  display: flex;
  align-items: center;
  font-size: 14px;
  padding: 0 !important;
  margin: 0 !important;
  min-height: 33px;
  padding: 4px;
  border-radius: 0;
}

.inline-select .multiselect__tags {
  padding-left: 0;
  padding-top: 0;
  padding-bottom: 0;
  border-radius: 0;
  background: none;
  border: none;
  min-height: 30px;
}

.inline-select .multiselect__label--selected span {
  font-size: 12px;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgba(120, 147, 161, var(--tw-text-opacity));
}

.inline-select .multiselect__label--selected p {
  font-size: 12px;
  font-weight: 600;
}

.inline-select.grouped .multiselect__tags .multiselect__single {
  padding-left: 16px;
  padding-right: 16px;
  border: none !important;
}

.inline-select.grouped .multiselect__option--group.multiselect__option--disabled {
  font-weight: 600;
  text-transform: uppercase;
  --tw-text-opacity: 1;
  color: rgba(120, 147, 161, var(--tw-text-opacity));
  background: none !important;
}

.inline-select.grouped .multiselect__option:not(.multiselect__option--group) > span {
  padding-left: 16px;
  font-weight: 400;
}

.inline-select.outlined {
  border-radius: 2px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgba(190, 207, 214, var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
  box-sizing: border-box;
}

.inline-select.outlined .multiselect__tags .multiselect__single {
  padding-left: 16px;
  padding-right: 16px;
  border: none !important;
}

.inline-select.outlined .multiselect__input {
  padding-left: 16px !important;
  border: none !important;
}

.searchbox-select {
  z-index: 200;
  max-width: 45%;
  border: 1px rgb(48, 176, 251) solid;
  margin: 8px;
  width: 100%;
}

.searchbox-select .multiselect__select:before {
  position: relative;
  font-family: "jobilla-icons";
  content: "\e03e";
  right: 0;
  top: 20%;
  color: rgb(160, 160, 160);
  margin-top: 4px;
  border: none;
}

.searchbox-select .multiselect__input, .searchbox-select .multiselect__single {
  font-weight: 900;
  color: rgb(160, 160, 160);
  padding-left: 16px;
  margin-bottom: 4px;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  background: none;
}

.searchbox-select .multiselect__tags {
  border-radius: 0;
  border: 0px;
  border-bottom: 1px rgb(230, 230, 230) solid;
  min-height: 20px;
}

.searchbox-select .multiselect__option {
  font-weight: 300;
  color: rgb(160, 160, 160);
  background: none;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 8px;
  min-height: 30px;
  max-width: 100%;
}

.searchbox-select .multiselect__element:not(:first-child) {
  border-top: 1px rgb(160, 160, 160) dashed;
}

.searchbox-select .multiselect__option--highlight, .searchbox-select .multiselect__option--selected {
  font-weight: 900;
  color: rgb(160, 160, 160);
  background: none;
}

.searchbox-select .multiselect__content-wrapper {
  border: 1px rgb(160, 160, 160) solid;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
  padding: 0px 16px;
}

.searchbox-select .multiselect__content {
  width: 100%;
  overflow: hidden;
}

.searchbox-select .multiselect--active .multiselect__tags {
  border: 0px;
}

.searchbox-select .multiselect__content {
  left: 0;
  margin-top: 16px;
}

.searchbox-select .multiselect__tags {
  border-bottom: none;
}

.searchbox-select .multiselect__select {
  top: 2px;
}

.searchbox-select .multiselect__content-wrapper {
  margin-top: 8px;
}

.filter-dropdown .multiselect {
  min-height: 0;
  height: 38px;
}

.filter-dropdown .inline-select.grouped .multiselect__tags .multiselect__single {
  padding-left: 6px;
  padding-top: 10px;
  border-bottom: none;
}

.filter-dropdown .inline-select.grouped .multiselect__tags .multiselect__input {
  padding-top: 8px;
  font-weight: 400;
  margin-left: 6px !important;
  color: #213a47;
  border-bottom: none;
}

@keyframes fill-slide {
  0% {
    margin-left: -50%;
  }

  100% {
    margin-left: 100%;
  }
}

@keyframes slideRight {
  0% {
    color: transparent;
    padding-right: 64px;
  }

  100% {
    color: rgb(255, 196, 48);
    padding-right: 8px;
  }
}

@keyframes slideUp {
  0% {
    color: transparent;
    padding-top: 8px;
  }

  100% {
    color: rgb(255, 196, 48);
    padding-top: 0;
  }
}

.modal-showing {
  overflow: hidden;
}

.modal-close-trigger {
  position: fixed;
  height: 100vh;
  width: 100vw;
  z-index: 101;
  top: 0;
  left: 0;
}

.modal-mask {
  position: fixed;
  z-index: 100;
  display: flex;
  height: 100vh;
  width: 100vw;
  align-items: center;
  justify-content: center;
  top: 0;
  left: 0;
  background-color: rgba(38, 38, 38, 0.9);
  transition: opacity 0.2s ease;
}

.modal-mask.without-body .modal-header-title {
  padding-top: 32px;
}

.modal-mask.without-body .modal-header-title .icon {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 24px;
}

.modal-container {
  width: auto;
  z-index: 102;
  max-width: 80vw;
  max-height: 95vh;
  background-color: #fff;
  box-shadow: 0 2px 8px rgba(38, 38, 38, 0.3);
  transition: all 0.2s ease;
  border-radius: 2px;
}

@media only screen and (max-width:650px) {
  .modal-container {
    max-width: 90vw;
  }
}

.full-height-modal .modal-container {
  height: 100%;
}

.modal-header {
  position: relative;
  margin-top: 0px;
}

.modal-header > .modal-header-title {
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 32px;
  padding-bottom: 24px;
}

.modal-header > .modal-header-title .icon {
  margin-left: auto;
  margin-right: auto;
  display: block;
  font-size: 100px;
}

.modal-header .close-btn {
  position: absolute;
  cursor: pointer;
  background-repeat: no-repeat;
  --tw-text-opacity: 1;
  color: rgba(120, 147, 161, var(--tw-text-opacity));
  outline: 2px solid transparent;
  outline-offset: 2px;
  border: 0;
  right: -10px;
  top: -10px;
  transition: 0.2s all;
}

.modal-header .close-btn:hover {
  --tw-text-opacity: 1;
  color: rgba(255, 64, 129, var(--tw-text-opacity));
}

.modal-v2 .close-btn {
  right: 8px;
  top: 16px;
}

.modal-body {
  display: flex;
  overflow-y: auto;
  padding-left: 24px;
  padding-right: 24px;
  flex: 1;
  min-width: 380px;
  max-height: calc(95vh - (32px + 112px));
}

.modal-body > div:first-child:not(.message) {
  display: flex;
  flex: 1;
  max-width: 100%;
}

@media only screen and (max-width:850px) {
  .modal-body {
    width: 100%;
    min-width: auto;
  }
}

.modal-footer {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 32px;
}

.modal-footer > div:first-child {
  display: flex;
  align-items: center;
  justify-content: center;
}

.modal-footer > div:first-child > button {
  text-transform: none;
  margin: 0;
}

.modal-footer > div:first-child > button:not(:first-child) {
  margin-left: 24px;
}

.modal-footer > div:first-child > button.btn-ghost {
  content: "brains";
  line-height: 1.8rem;
  font-size: 1.8rem;
}

/*
 * The following styles are auto-applied to elements with
 * transition="modal" when their visibility is toggled
 * by Vue.js.
 *
 * You can easily play with the modal transition by editing
 * these styles.
 */

.modal-enter {
  opacity: 0;
}

.modal-leave-active {
  opacity: 0;
}

.modal-enter .modal-container,
.modal-leave-active .modal-container {
  transform: scale(1.1);
}

/*
 * Dark themed modal
 */

.modal-dark .modal-container {
  --tw-bg-opacity: 1;
  background-color: rgba(244, 246, 246, var(--tw-bg-opacity));
  padding: 0px;
  width: 70vw;
  max-width: 500px;
}

.modal-dark .modal-header {
  background: rgb(38, 38, 38);
  color: rgb(255, 255, 255);
  height: 100% !important;
}

.modal-dark .modal-header .header {
  display: flex;
  align-items: center;
  padding: 24px;
}

.modal-dark .modal-header .header .header-name {
  flex: 11;
  font-weight: 700;
  font-size: 1.6rem;
}

.modal-dark .modal-header .header .btn-close {
  margin: 0px;
  padding: 0px;
  flex: 1;
}

.modal-dark .modal-body {
  position: relative;
  margin-top: 0px;
  padding-left: 48px;
  padding-right: 48px;
  padding-top: 48px;
  padding-bottom: 32px;
}

@media only screen and (max-width:850px) {
  .modal-dark .modal-body {
    padding: 32px;
  }
}

.modal-dark .modal-footer {
  padding-bottom: 24px;
}

.modal-dark .modal-footer button {
  margin-left: auto;
  margin-right: auto;
}

/*
 * Application modal overrides
 */

.application-modal .modal-container {
  border-radius: 6px;
  padding: 0px;
  width: 80vw;
  max-width: 900px;
}

.application-modal .modal-container .modal-header {
  --tw-bg-opacity: 1;
  background-color: rgba(33, 58, 71, var(--tw-bg-opacity));
}

.application-modal .modal-container .modal-header .close-btn {
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity));
  top: 8px;
  right: 8px;
}

.application-modal .modal-container .modal-header {
  padding-left: 0px;
  padding-right: 0px;
}

.application-modal .modal-container .modal-header-title {
  padding: 16px;
  text-align: left;
  font-size: 16px;
  font-weight: 600;
  line-height: 1;
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity));
}

.application-modal .modal-container .modal-body {
  overflow-y: hidden;
  height: 800px;
  max-height: calc(90vh - 32px);
}

.application-modal .modal-container .modal-footer {
  display: none;
}

/*
 * Job Form Modal
 */

.job-form-modal .modal-container {
  border-radius: 6px;
}

.form-to-editor-modal .modal-heading {
  max-height: none;
  padding: 0px;
}

.form-to-editor-modal .modal-container {
  width: 500px;
}

.asset-manager-modal {
  border-radius: 4px;
  padding: 48px;
}

.asset-manager-modal .modal-container {
  height: 80vh;
  width: 80vw;
}

.asset-manager-modal .modal-header {
  height: 40px;
}

.asset-manager-modal .modal-body {
  height: 100%;
  padding-left: 40px;
  padding-right: 40px;
  max-height: 100% !important;
}

.media-asset-modal .modal-container {
  height: 80vh;
}

.media-asset-modal .modal-body {
  height: 80vh;
}

.media-asset-modal .modal-footer, .media-asset-modal .modal-header {
  display: none;
}

.confirm-consent-modal .modal-body {
  overflow: hidden;
  max-width: 900px;
}

@media only screen and (max-width:850px) {
  .confirm-consent-modal .modal-body {
    padding-left: 32px;
    padding-right: 32px;
    padding-top: 32px;
  }
}

.confirm-consent-modal .modal-header {
  display: none;
}

.consent-dialog .modal-body {
  overflow-y: visible;
}

/*
 * Application modal overrides
 */

.email-form-modal .modal-container {
  padding: 0px;
  width: 650px;
}

.email-form-modal .modal-container .modal-header .close-btn i {
  font-size: 32px;
}

.email-form-modal .modal-container .modal-body {
  height: calc(100% - 40px);
}

.email-form-modal .modal-container .modal-body .ball-loader {
  margin-top: -40px;
}

.email-form-modal .modal-container .modal-footer {
  padding: 24px;
}

.email-form-modal .modal-container .modal-header-title {
  --tw-text-opacity: 1;
  color: rgba(33, 58, 71, var(--tw-text-opacity));
}

.email-form-modal .modal-container .modal-heading {
  font-size: 24px;
}

.email-form-modal.sent .modal-container {
  padding: 0px;
  width: 420px;
  height: 300px;
}

.email-form-modal.sent .modal-body {
  overflow: visible;
}

.form-modal.modal-mask {
  background: rgba(24, 40, 65, 0.25);
}

.form-modal .modal-container {
  border-radius: 6px;
  box-shadow: 0px 6px 16px 0 #dbe3e7;
}

.form-modal .modal-footer {
  padding: 0 48px 48px;
}

.team-management-modal .modal-body {
  display: flex;
  flex-direction: column;
}

.team-manager-modal .modal-header {
  display: none;
}

.invite-to-team-modal .modal-body {
  overflow-y: visible;
  max-width: 550px;
}

#outdated {
  position: absolute;
  width: 100%;
  --tw-bg-opacity: 1;
  background-color: rgba(0, 198, 255, var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity));
  display: none;
  overflow: hidden;
  left: 0;
  position: fixed;
  text-align: center;
  top: 0;
  width: 100%;
  z-index: 1500;
  padding: 24px;
}

#outdated.fullscreen {
  height: 100%;
}

#outdated .vertical-center {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}

#outdated h6 {
  margin-top: 24px;
  margin-bottom: 24px;
  font-size: 22px;
  line-height: calc(1em + 10px);
}

#outdated p {
  margin: 0px;
  font-size: 12px;
  font-weight: 200;
}

#outdated #buttonUpdateBrowser {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  margin-top: 32px;
  display: block;
  cursor: pointer;
  --tw-bg-opacity: 1;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
  padding-left: 24px;
  padding-right: 24px;
  padding-top: 16px;
  padding-bottom: 16px;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgba(0, 198, 255, var(--tw-text-opacity));
  text-decoration: none;
  border: 2px solid rgb(255, 255, 255);
  border-radius: 6px;
  width: 230px;
}

#outdated #buttonUpdateBrowser:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(0, 198, 255, var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity));
}

#outdated .last {
  height: 20px;
  position: absolute;
  right: 70px;
  top: 10px;
  width: auto;
  display: inline-table;
}

#outdated .last[dir=rtl] {
  left: 25px !important;
  right: auto !important;
}

#outdated #buttonCloseUpdateBrowser {
  display: none;
}

/* Sizing */

/* Spacing for each size */

.box {
  display: flex;
  flex: 1;
  align-items: center;
  justify-content: center;
}

.box.gutter-xs > * {
  margin: 4px;
}

.box.gutter-sm > * {
  margin: 8px;
}

.box.gutter-md > * {
  margin: 16px;
}

.box.gutter-lg > * {
  margin: 32px;
}

.box.gutter-xl > * {
  margin: 64px;
}

.box.grid {
  flex-flow: row wrap;
  align-content: flex-start;
  align-items: flex-start;
  justify-content: flex-start;
}

.box.grid > .box {
  flex: 0 0;
}

.box.col {
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.box.col.left {
  align-items: flex-start;
}

.box.col.right {
  align-items: flex-end;
}

.box.stack-right, .box.col.stack-right {
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
}

.box.stack-right.gutter-xs > *, .box.col.stack-right.gutter-xs > * {
  margin: 0 0 0 0;
}

.box.stack-right.gutter-xs > *:not(:last-child), .box.col.stack-right.gutter-xs > *:not(:last-child) {
  margin: 0 4px 0 0;
}

.box.stack-right.gutter-sm > *, .box.col.stack-right.gutter-sm > * {
  margin: 0 0 0 0;
}

.box.stack-right.gutter-sm > *:not(:last-child), .box.col.stack-right.gutter-sm > *:not(:last-child) {
  margin: 0 8px 0 0;
}

.box.stack-right.gutter-md > *, .box.col.stack-right.gutter-md > * {
  margin: 0 0 0 0;
}

.box.stack-right.gutter-md > *:not(:last-child), .box.col.stack-right.gutter-md > *:not(:last-child) {
  margin: 0 16px 0 0;
}

.box.stack-right.gutter-lg > *, .box.col.stack-right.gutter-lg > * {
  margin: 0 0 0 0;
}

.box.stack-right.gutter-lg > *:not(:last-child), .box.col.stack-right.gutter-lg > *:not(:last-child) {
  margin: 0 32px 0 0;
}

.box.stack-right.gutter-xl > *, .box.col.stack-right.gutter-xl > * {
  margin: 0 0 0 0;
}

.box.stack-right.gutter-xl > *:not(:last-child), .box.col.stack-right.gutter-xl > *:not(:last-child) {
  margin: 0 64px 0 0;
}

.box.stack-left, .box.col.stack-left {
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}

.box.stack-left.gutter-xs > *, .box.col.stack-left.gutter-xs > * {
  margin: 0 0 0 0;
}

.box.stack-left.gutter-xs > *:not(:first-child), .box.col.stack-left.gutter-xs > *:not(:first-child) {
  margin: 0 0 0 4px;
}

.box.stack-left.gutter-sm > *, .box.col.stack-left.gutter-sm > * {
  margin: 0 0 0 0;
}

.box.stack-left.gutter-sm > *:not(:first-child), .box.col.stack-left.gutter-sm > *:not(:first-child) {
  margin: 0 0 0 8px;
}

.box.stack-left.gutter-md > *, .box.col.stack-left.gutter-md > * {
  margin: 0 0 0 0;
}

.box.stack-left.gutter-md > *:not(:first-child), .box.col.stack-left.gutter-md > *:not(:first-child) {
  margin: 0 0 0 16px;
}

.box.stack-left.gutter-lg > *, .box.col.stack-left.gutter-lg > * {
  margin: 0 0 0 0;
}

.box.stack-left.gutter-lg > *:not(:first-child), .box.col.stack-left.gutter-lg > *:not(:first-child) {
  margin: 0 0 0 32px;
}

.box.stack-left.gutter-xl > *, .box.col.stack-left.gutter-xl > * {
  margin: 0 0 0 0;
}

.box.stack-left.gutter-xl > *:not(:first-child), .box.col.stack-left.gutter-xl > *:not(:first-child) {
  margin: 0 0 0 64px;
}

*,
*:after,
*:before {
  box-sizing: border-box;
}

.row {
  display: flex;
}

.container {
  max-width: 1400px;
}

.module {
  padding: 1rem;
  background-color: #ddd;
}

.col-1 {
  padding: 8px;
  flex: 0 0 8.3333333333%;
}

.col-2 {
  padding: 8px;
  flex: 0 0 16.6666666667%;
}

.col-3 {
  padding: 8px;
  flex: 0 0 25%;
}

.col-4 {
  padding: 8px;
  flex: 0 0 33.3333333333%;
}

.col-5 {
  padding: 8px;
  flex: 0 0 41.6666666667%;
}

.col-6 {
  padding: 8px;
  flex: 0 0 50%;
}

.col-7 {
  padding: 8px;
  flex: 0 0 58.3333333333%;
}

.col-8 {
  padding: 8px;
  flex: 0 0 66.6666666667%;
}

.col-9 {
  padding: 8px;
  flex: 0 0 75%;
}

.col-10 {
  padding: 8px;
  flex: 0 0 83.3333333333%;
}

.col-11 {
  padding: 8px;
  flex: 0 0 91.6666666667%;
}

.col-12 {
  padding: 8px;
  flex: 0 0 100%;
}

@media screen and (max-width:850px) {
  .row {
    flex-direction: column;
  }

  .row.horizontal {
    flex-direction: row;
  }

  [class^=col-] {
    width: 100% !important;
    flex: 1 !important;
  }

  [class^=offset-] {
    margin-left: 0;
  }
}

/* Slide from the bottom */

.slide-up-transition {
  opacity: 1;
  transition: all 0.3s;
}

.slide-up-transition .container {
  transform: perspective(500px) translateZ(10px) translateY(0) rotateX(0deg);
  transition: all 0.4s;
}

.slide-up-enter, .slide-up-leave {
  opacity: 0;
  transition: all 0.3s;
}

.slide-up-enter .container, .slide-up-leave .container {
  transform: perspective(500px) translateZ(0) translateY(20%) rotateX(20deg);
}

.expand-transition {
  transition: all 0.3s ease;
  height: 100%;
  overflow: hidden;
}

.expand-enter, .expand-leave {
  height: 0;
  padding: 0 10px;
  opacity: 0;
}

.slide-left-enter-active,
.slide-left-leave-active {
  transition-duration: 0.3s;
  transition-property: height, opacity, transform;
  transition-timing-function: cubic-bezier(0.55, 0, 0.1, 1);
  overflow: hidden;
}

.slide-left-enter-active {
  transition-delay: 0.3s;
}

.slide-left-enter {
  opacity: 0;
  transform: translate(2em, 0);
}

.slide-left-leave-active {
  opacity: 0;
  transform: translate(-2em, 0);
}

.fade-enter-active, .fade-leave-active {
  transition: opacity 0.4s;
}

.fade-enter, .fade-leave-to {
  opacity: 0;
}

.slow-slide-trans .pinnable-list .list-main {
  transition: left 0.8s ease;
}

.slow-slide-trans.slide-left > .pinnable-list > .list-main {
  left: -33.33333vw;
}

.slow-slide-trans.slide-right > .pinnable-list > .list-main {
  left: 0;
}

@media (max-width: 972px) {
  .slow-slide-trans .pinnable-list {
    position: absolute;
    transition: left 0.8s ease;
  }

  .slow-slide-trans.slide-left .pinnable-list {
    left: -100vw;
  }

  .slow-slide-trans.slide-left .pinnable-list .list-main {
    left: -100vw;
  }

  .slow-slide-trans.slide-right .pinnable-list {
    left: 0;
  }

  .slow-slide-trans.slide-right .pinnable-list .list-main {
    left: 0;
  }
}

@media (max-width: 1200px) and (min-width: 972px) {
  .slow-slide-trans .pinnable-list {
    position: absolute;
    transition: left 0.8s ease;
  }

  .slow-slide-trans.slide-left > .pinnable-list > .list-main {
    left: -33.33333vw;
  }

  .slow-slide-trans.slide-right > .pinnable-list > .list-main {
    left: 0;
  }
}

.v-tooltip {
  background: #213a47;
  padding: 8px;
  border: 0;
  box-shadow: none;
  color: #fff;
  font-weight: 600;
  display: none;
  margin: 0 4px;
  border-radius: 4px;
  z-index: 999;
}

.v-tooltip.active {
  display: initial;
}

.v-tooltip[x-placement=bottom-start] {
  margin-top: 8px;
}

.v-tooltip.light {
  background: #fff;
  border-radius: 4px;
  box-shadow: 0px 0 4px 0 #dbe3e7;
  color: rgb(53, 53, 53);
}

.columns-2 {
  -moz-column-count: 2;
       column-count: 2;
}

/* Tailwind and utils */

/*! tailwindcss v2.2.19 | MIT License | https://tailwindcss.com*/

/*! modern-normalize v1.1.0 | MIT License | https://github.com/sindresorhus/modern-normalize */

/*
Document
========
*/

/**
Use a better box model (opinionated).
*/

*,
::before,
::after {
  box-sizing: border-box;
}

/**
Use a more readable tab size (opinionated).
*/

html {
  -moz-tab-size: 4;
  -o-tab-size: 4;
     tab-size: 4;
}

/**
1. Correct the line height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
*/

html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/*
Sections
========
*/

/**
Remove the margin in all browsers.
*/

body {
  margin: 0;
}

/**
Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)
*/

body {
  font-family:
		system-ui,
		-apple-system, /* Firefox supports this but not yet `system-ui` */
		'Segoe UI',
		Roboto,
		Helvetica,
		Arial,
		sans-serif,
		'Apple Color Emoji',
		'Segoe UI Emoji';
}

/*
Grouping content
================
*/

/**
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
*/

hr {
  height: 0; /* 1 */
  color: inherit; /* 2 */
}

/*
Text-level semantics
====================
*/

/**
Add the correct text decoration in Chrome, Edge, and Safari.
*/

abbr[title] {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

/**
Add the correct font weight in Edge and Safari.
*/

b,
strong {
  font-weight: bolder;
}

/**
1. Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)
2. Correct the odd 'em' font sizing in all browsers.
*/

code,
kbd,
samp,
pre {
  font-family:
		ui-monospace,
		SFMono-Regular,
		Consolas,
		'Liberation Mono',
		Menlo,
		monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
Add the correct font size in all browsers.
*/

small {
  font-size: 80%;
}

/**
Prevent 'sub' and 'sup' elements from affecting the line height in all browsers.
*/

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/*
Tabular data
============
*/

/**
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
*/

table {
  text-indent: 0; /* 1 */
  border-color: inherit; /* 2 */
}

/*
Forms
=====
*/

/**
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
*/

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
Remove the inheritance of text transform in Edge and Firefox.
1. Remove the inheritance of text transform in Firefox.
*/

button,
select { /* 1 */
  text-transform: none;
}

/**
Correct the inability to style clickable types in iOS and Safari.
*/

button,
[type='button'],
[type='reset'],
[type='submit'] {
  -webkit-appearance: button;
}

/**
Remove the inner border and padding in Firefox.
*/

::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
Restore the focus styles unset by the previous rule.
*/

/**
Remove the additional ':invalid' styles in Firefox.
See: https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737
*/

/**
Remove the padding so developers are not caught out when they zero out 'fieldset' elements in all browsers.
*/

legend {
  padding: 0;
}

/**
Add the correct vertical alignment in Chrome and Firefox.
*/

progress {
  vertical-align: baseline;
}

/**
Correct the cursor style of increment and decrement buttons in Safari.
*/

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

/**
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/

[type='search'] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
Remove the inner padding in Chrome and Safari on macOS.
*/

::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to 'inherit' in Safari.
*/

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/*
Interactive
===========
*/

/*
Add the correct display in Chrome and Safari.
*/

summary {
  display: list-item;
}

/**
 * Manually forked from SUIT CSS Base: https://github.com/suitcss/base
 * A thin layer on top of normalize.css that provides a starting point more
 * suitable for web applications.
 */

/**
 * Removes the default spacing and border for appropriate elements.
 */

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}

button {
  background-color: transparent;
  background-image: none;
}

fieldset {
  margin: 0;
  padding: 0;
}

ol,
ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

/**
 * Tailwind custom reset styles
 */

/**
 * 1. Use the user's configured `sans` font-family (with Tailwind's default
 *    sans-serif font stack as a fallback) as a sane default.
 * 2. Use Tailwind's default "normal" line-height so the user isn't forced
 *    to override it to ensure consistency even when using the default theme.
 */

html {
  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 1 */
  line-height: 1.5; /* 2 */
}

/**
 * Inherit font-family and line-height from `html` so users can set them as
 * a class directly on the `html` element.
 */

body {
  font-family: inherit;
  line-height: inherit;
}

/**
 * 1. Prevent padding and border from affecting element width.
 *
 *    We used to set this in the html element and inherit from
 *    the parent element for everything else. This caused issues
 *    in shadow-dom-enhanced elements like <details> where the content
 *    is wrapped by a div with box-sizing set to `content-box`.
 *
 *    https://github.com/mozdevs/cssremedy/issues/4
 *
 *
 * 2. Allow adding a border to an element by just adding a border-width.
 *
 *    By default, the way the browser specifies that an element should have no
 *    border is by setting it's border-style to `none` in the user-agent
 *    stylesheet.
 *
 *    In order to easily add borders to elements by just setting the `border-width`
 *    property, we change the default border-style for all elements to `solid`, and
 *    use border-width to hide them instead. This way our `border` utilities only
 *    need to set the `border-width` property instead of the entire `border`
 *    shorthand, making our border utilities much more straightforward to compose.
 *
 *    https://github.com/tailwindcss/tailwindcss/pull/116
 */

*,
::before,
::after {
  box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: currentColor; /* 2 */
}

/*
 * Ensure horizontal rules are visible by default
 */

hr {
  border-top-width: 1px;
}

/**
 * Undo the `border-style: none` reset that Normalize applies to images so that
 * our `border-{width}` utilities have the expected effect.
 *
 * The Normalize reset is unnecessary for us since we default the border-width
 * to 0 on all elements.
 *
 * https://github.com/tailwindcss/tailwindcss/issues/362
 */

img {
  border-style: solid;
}

textarea {
  resize: vertical;
}

input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1;
  color: #a1a1aa;
}

input::placeholder,
textarea::placeholder {
  opacity: 1;
  color: #a1a1aa;
}

button,
[role="button"] {
  cursor: pointer;
}

/**
 * Override legacy focus reset from Normalize with modern Firefox focus styles.
 *
 * This is actually an improvement over the new defaults in Firefox in our testing,
 * as it triggers the better focus styles even for links, which still use a dotted
 * outline in Firefox by default.
 */

table {
  border-collapse: collapse;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}

/**
 * Reset links to optimize for opt-in styling instead of
 * opt-out.
 */

a {
  color: inherit;
  text-decoration: inherit;
}

/**
 * Reset form element properties that are easy to forget to
 * style explicitly so you don't inadvertently introduce
 * styles that deviate from your design system. These styles
 * supplement a partial reset that is already applied by
 * normalize.css.
 */

button,
input,
optgroup,
select,
textarea {
  padding: 0;
  line-height: inherit;
  color: inherit;
}

/**
 * Use the configured 'mono' font family for elements that
 * are expected to be rendered with a monospace font, falling
 * back to the system monospace stack if there is no configured
 * 'mono' font family.
 */

pre,
code,
kbd,
samp {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

/**
 * 1. Make replaced elements `display: block` by default as that's
 *    the behavior you want almost all of the time. Inspired by
 *    CSS Remedy, with `svg` added as well.
 *
 *    https://github.com/mozdevs/cssremedy/issues/14
 * 
 * 2. Add `vertical-align: middle` to align replaced elements more
 *    sensibly by default when overriding `display` by adding a
 *    utility like `inline`.
 *
 *    This can trigger a poorly considered linting error in some
 *    tools but is included by design.
 * 
 *    https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210
 */

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block; /* 1 */
  vertical-align: middle; /* 2 */
}

/**
 * Constrain images and videos to the parent width and preserve
 * their intrinsic aspect ratio.
 *
 * https://github.com/mozdevs/cssremedy/issues/14
 */

img,
video {
  max-width: 100%;
  height: auto;
}

/**
 * Ensure the default browser behavior of the `hidden` attribute.
 */

[hidden] {
  display: none;
}

*, ::before, ::after{
  border-color: currentColor;
}

.container{
  width: 100%;
}

@media (min-width: 576px){
  .container{
    max-width: 576px;
  }
}

@media (min-width: 768px){
  .container{
    max-width: 768px;
  }
}

@media (min-width: 992px){
  .container{
    max-width: 992px;
  }
}

@media (min-width: 1200px){
  .container{
    max-width: 1200px;
  }
}

@media (min-width: 1500px){
  .container{
    max-width: 1500px;
  }
}

html {
  font-family: hero-new, sans-serif;
  font-size: 16px;
  line-height: calc(1em + 6px);
  --tw-text-opacity: 1;
  color: rgba(33, 58, 71, var(--tw-text-opacity));
}

.text-inherit {
  font-size: inherit;
  color: inherit;
}

.text-1 {
  font-size: 22px;
  line-height: calc(1em + 10px);
}

.text-2 {
  font-size: 16px;
  line-height: calc(1em + 8px);
}

.text-3 {
  font-size: 14px;
  line-height: calc(1em + 6px);
}

.text-4 {
  font-size: 13px;
  line-height: calc(1em + 5px);
}

.text-5 {
  font-size: 12px;
  line-height: calc(1em + 4px);
}

.text-6 {
  font-size: 11px;
  line-height: calc(1em + 5px);
}

.text-7 {
  font-size: 10px;
  line-height: calc(1em + 4px);
}

.modal-heading {
  padding-bottom: 16px;
  text-align: center;
  font-size: 22px;
  font-weight: 600;
  line-height: calc(1em + 10px);
  --tw-text-opacity: 1;
  color: rgba(33, 58, 71, var(--tw-text-opacity));
}

.heading-0 {
  font-size: 32px;
  font-weight: 600;
  line-height: calc(1em + 8px);
}

.heading-1, html h1, body h1 {
  font-size: 22px;
  font-weight: 600;
  line-height: calc(1em + 10px);
}

.heading-2, html h2, body h2 {
  font-size: 16px;
  font-weight: 600;
  line-height: calc(1em + 8px);
}

.heading-3, html h3, body h3 {
  font-size: 14px;
  font-weight: 600;
  line-height: calc(1em + 6px);
}

.heading-4, html h4, body h4 {
  font-size: 13px;
  font-weight: 600;
  line-height: calc(1em + 5px);
}

.heading-5, html h5, body h5 {
  font-size: 12px;
  font-weight: 600;
  line-height: calc(1em + 4px);
}

.body-large {
  font-size: 16px;
  font-weight: 200;
  line-height: calc(1em + 8px);
}

.body {
  font-size: 14px;
  line-height: calc(1em + 6px);
}

.body-light {
  font-size: 14px;
  font-weight: 200;
  line-height: calc(1em + 6px);
}

.body-semibold {
  font-size: 14px;
  font-weight: 600;
  line-height: calc(1em + 6px);
}

.body-italic {
  font-size: 14px;
  font-style: italic;
  line-height: calc(1em + 6px);
}

.body-small {
  font-size: 12px;
  font-weight: 400;
  line-height: calc(1em + 4px);
}

.body-mini-semibold {
  font-size: 10px;
  font-weight: 600;
  line-height: calc(1em + 4px);
}

.body-mini {
  font-size: 10px;
  font-weight: 400;
  line-height: calc(1em + 4px);
}

.section-header {
  font-size: 16px;
  font-weight: 600;
  line-height: calc(1em + 8px);
}

.strong-title {
  font-size: 22px;
  font-weight: 600;
  line-height: 1;
}

.label-light {
  font-size: 11px;
  font-weight: 200;
  line-height: calc(1em + 5px);
  --tw-text-opacity: 1;
  color: rgba(120, 147, 161, var(--tw-text-opacity));
}

.transition-very-fast {
  transition: all 0.2s ease-out;
}

.transition-fast {
  transition: all 0.4s ease-out;
}

.transition {
  transition: all 0.6s ease-out;
}

.transition-normal {
  transition: all 0.8s ease-out;
}

.transition-slow {
  transition: all 1s ease-out;
}

.pointer-events-none{
  pointer-events: none;
}

.pointer-events-auto{
  pointer-events: auto;
}

.visible{
  visibility: visible;
}

.static{
  position: static;
}

.fixed{
  position: fixed;
}

.absolute{
  position: absolute;
}

.relative{
  position: relative;
}

.sticky{
  position: sticky;
}

.inset-0{
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.top-0{
  top: 0;
}

.top-20{
  top: 80px;
}

.top-xxxs{
  top: 4px;
}

.-top-xxs{
  top: -8px;
}

.top-1\/2{
  top: 50%;
}

.right-0{
  right: 0;
}

.right-12{
  right: 48px;
}

.bottom-0{
  bottom: 0;
}

.left-0{
  left: 0;
}

.left-xxxs{
  left: 4px;
}

.-left-sm{
  left: -16px;
}

.left-1\/2{
  left: 50%;
}

.left-full{
  left: 100%;
}

.z-1{
  z-index: 1;
}

.z-10{
  z-index: 10;
}

.z-50{
  z-index: 50;
}

.z-100{
  z-index: 100;
}

.z-500{
  z-index: 500;
}

.z-1000{
  z-index: 1000;
}

.col-span-2{
  grid-column: span 2 / span 2;
}

.col-span-3{
  grid-column: span 3 / span 3;
}

.col-start-1{
  grid-column-start: 1;
}

.col-start-2{
  grid-column-start: 2;
}

.col-start-auto{
  grid-column-start: auto;
}

.row-start-1{
  grid-row-start: 1;
}

.row-start-2{
  grid-row-start: 2;
}

.row-start-auto{
  grid-row-start: auto;
}

.m-auto{
  margin: auto;
}

.m-none{
  margin: 0px;
}

.m-xxxs{
  margin: 4px;
}

.m-xxs{
  margin: 8px;
}

.m-xs{
  margin: 12px;
}

.m-lg{
  margin: 32px;
}

.m-xl{
  margin: 48px;
}

.-m-xxxs{
  margin: -4px;
}

.mx-5{
  margin-left: 20px;
  margin-right: 20px;
}

.mx-auto{
  margin-left: auto;
  margin-right: auto;
}

.mx-xxxs{
  margin-left: 4px;
  margin-right: 4px;
}

.mx-xxs{
  margin-left: 8px;
  margin-right: 8px;
}

.mx-xs{
  margin-left: 12px;
  margin-right: 12px;
}

.mx-sm{
  margin-left: 16px;
  margin-right: 16px;
}

.mx-md{
  margin-left: 24px;
  margin-right: 24px;
}

.mx-lg{
  margin-left: 32px;
  margin-right: 32px;
}

.mx-xxl{
  margin-left: 64px;
  margin-right: 64px;
}

.my-12{
  margin-top: 48px;
  margin-bottom: 48px;
}

.my-auto{
  margin-top: auto;
  margin-bottom: auto;
}

.my-none{
  margin-top: 0px;
  margin-bottom: 0px;
}

.my-xxxxs{
  margin-top: 2px;
  margin-bottom: 2px;
}

.my-xxxs{
  margin-top: 4px;
  margin-bottom: 4px;
}

.my-xxs{
  margin-top: 8px;
  margin-bottom: 8px;
}

.my-xs{
  margin-top: 12px;
  margin-bottom: 12px;
}

.my-sm{
  margin-top: 16px;
  margin-bottom: 16px;
}

.my-md{
  margin-top: 24px;
  margin-bottom: 24px;
}

.my-lg{
  margin-top: 32px;
  margin-bottom: 32px;
}

.my-xl{
  margin-top: 48px;
  margin-bottom: 48px;
}

.my-xxl{
  margin-top: 64px;
  margin-bottom: 64px;
}

.mt-1{
  margin-top: 4px;
}

.mt-5{
  margin-top: 20px;
}

.mt-8{
  margin-top: 32px;
}

.mt-10{
  margin-top: 40px;
}

.mt-auto{
  margin-top: auto;
}

.mt-xxxxs{
  margin-top: 2px;
}

.mt-xxxs{
  margin-top: 4px;
}

.mt-xxs{
  margin-top: 8px;
}

.mt-xs{
  margin-top: 12px;
}

.mt-sm{
  margin-top: 16px;
}

.mt-md{
  margin-top: 24px;
}

.mt-lg{
  margin-top: 32px;
}

.mt-xl{
  margin-top: 48px;
}

.mt-xxl{
  margin-top: 64px;
}

.-mt-xxxs{
  margin-top: -4px;
}

.-mt-sm{
  margin-top: -16px;
}

.-mt-xl{
  margin-top: -48px;
}

.-mt-24{
  margin-top: -96px;
}

.mt-px{
  margin-top: 1px;
}

.mr-5{
  margin-right: 20px;
}

.mr-10{
  margin-right: 40px;
}

.mr-auto{
  margin-right: auto;
}

.mr-xxxxs{
  margin-right: 2px;
}

.mr-xxxs{
  margin-right: 4px;
}

.mr-xxs{
  margin-right: 8px;
}

.mr-xs{
  margin-right: 12px;
}

.mr-sm{
  margin-right: 16px;
}

.mr-md{
  margin-right: 24px;
}

.mr-lg{
  margin-right: 32px;
}

.mr-xl{
  margin-right: 48px;
}

.mr-xxl{
  margin-right: 64px;
}

.mb-0{
  margin-bottom: 0;
}

.mb-1{
  margin-bottom: 4px;
}

.mb-5{
  margin-bottom: 20px;
}

.mb-10{
  margin-bottom: 40px;
}

.mb-12{
  margin-bottom: 48px;
}

.mb-auto{
  margin-bottom: auto;
}

.mb-xxxxs{
  margin-bottom: 2px;
}

.mb-xxxs{
  margin-bottom: 4px;
}

.mb-xxs{
  margin-bottom: 8px;
}

.mb-xs{
  margin-bottom: 12px;
}

.mb-sm{
  margin-bottom: 16px;
}

.mb-md{
  margin-bottom: 24px;
}

.mb-lg{
  margin-bottom: 32px;
}

.mb-xl{
  margin-bottom: 48px;
}

.mb-xxl{
  margin-bottom: 64px;
}

.-mb-xs{
  margin-bottom: -12px;
}

.-mb-md{
  margin-bottom: -24px;
}

.-mb-24{
  margin-bottom: -96px;
}

.ml-1{
  margin-left: 4px;
}

.ml-5{
  margin-left: 20px;
}

.ml-8{
  margin-left: 32px;
}

.ml-10{
  margin-left: 40px;
}

.ml-15{
  margin-left: 60px;
}

.ml-auto{
  margin-left: auto;
}

.ml-xxxxs{
  margin-left: 2px;
}

.ml-xxxs{
  margin-left: 4px;
}

.ml-xxs{
  margin-left: 8px;
}

.ml-xs{
  margin-left: 12px;
}

.ml-sm{
  margin-left: 16px;
}

.ml-md{
  margin-left: 24px;
}

.ml-lg{
  margin-left: 32px;
}

.-ml-xxxs{
  margin-left: -4px;
}

.-ml-lg{
  margin-left: -32px;
}

.-ml-10{
  margin-left: -40px;
}

.block{
  display: block;
}

.inline-block{
  display: inline-block;
}

.inline{
  display: inline;
}

.flex{
  display: flex;
}

.inline-flex{
  display: inline-flex;
}

.table{
  display: table;
}

.table-cell{
  display: table-cell;
}

.table-row{
  display: table-row;
}

.grid{
  display: grid;
}

.inline-grid{
  display: inline-grid;
}

.contents{
  display: contents;
}

.list-item{
  display: list-item;
}

.hidden{
  display: none;
}

.h-1{
  height: 4px;
}

.h-2{
  height: 8px;
}

.h-3{
  height: 12px;
}

.h-4{
  height: 16px;
}

.h-5{
  height: 20px;
}

.h-6{
  height: 24px;
}

.h-8{
  height: 32px;
}

.h-10{
  height: 40px;
}

.h-12{
  height: 48px;
}

.h-14{
  height: 56px;
}

.h-16{
  height: 64px;
}

.h-20{
  height: 80px;
}

.h-24{
  height: 96px;
}

.h-32{
  height: 128px;
}

.h-36{
  height: 144px;
}

.h-48{
  height: 192px;
}

.h-55{
  height: 220px;
}

.h-96{
  height: 384px;
}

.h-none{
  height: 0px;
}

.h-auto{
  height: auto;
}

.h-inherit{
  height: inherit;
}

.h-px{
  height: 1px;
}

.h-full{
  height: 100%;
}

.h-screen{
  height: 100vh;
}

.h-1\/3{
  height: 33.33333%;
}

.h-screen-80{
  height: 80vh;
}

.h-icon{
  height: 18px;
}

.h-icon-lg{
  height: 72px;
}

.h-sm{
  height: 16px;
}

.h-md{
  height: 24px;
}

.h-lg{
  height: 32px;
}

.h-xl{
  height: 48px;
}

.h-quill-tool{
  height: 18px;
}

.max-h-25{
  max-height: 100px;
}

.max-h-none{
  max-height: none;
}

.max-h-full{
  max-height: 100%;
}

.max-h-1\/2{
  max-height: 50%;
}

.min-h-10{
  min-height: 40px;
}

.min-h-full{
  min-height: 100%;
}

.min-h-screen{
  min-height: 100vh;
}

.min-h-md{
  min-height: 24px;
}

.w-1{
  width: 4px;
}

.w-2{
  width: 8px;
}

.w-3{
  width: 12px;
}

.w-4{
  width: 16px;
}

.w-5{
  width: 20px;
}

.w-6{
  width: 24px;
}

.w-8{
  width: 32px;
}

.w-10{
  width: 40px;
}

.w-12{
  width: 48px;
}

.w-16{
  width: 64px;
}

.w-20{
  width: 80px;
}

.w-24{
  width: 96px;
}

.w-32{
  width: 128px;
}

.w-36{
  width: 144px;
}

.w-42{
  width: 168px;
}

.w-48{
  width: 192px;
}

.w-50{
  width: 200px;
}

.w-64{
  width: 256px;
}

.w-72{
  width: 288px;
}

.w-75{
  width: 300px;
}

.w-90{
  width: 360px;
}

.w-105{
  width: 420px;
}

.w-128{
  width: 512px;
}

.w-150{
  width: 600px;
}

.w-160{
  width: 640px;
}

.w-200{
  width: 800px;
}

.w-auto{
  width: auto;
}

.w-none{
  width: 0px;
}

.w-1\/2{
  width: 50%;
}

.w-1\/3{
  width: 33.33333%;
}

.w-2\/3{
  width: 66.66667%;
}

.w-1\/4{
  width: 25%;
}

.w-3\/4{
  width: 75%;
}

.w-2\/5{
  width: 40%;
}

.w-3\/5{
  width: 60%;
}

.w-5\/6{
  width: 83.33333%;
}

.w-full{
  width: 100%;
}

.w-screen{
  width: 100vw;
}

.w-icon{
  width: 18px;
}

.w-icon-lg{
  width: 72px;
}

.w-sm{
  width: 16px;
}

.w-md{
  width: 24px;
}

.w-quill-tool{
  width: 18px;
}

.w-fit{
  width: -moz-fit-content;
  width: fit-content;
}

.w-inherit{
  width: inherit;
}

.min-w-0{
  min-width: 0;
}

.min-w-24{
  min-width: 96px;
}

.min-w-32{
  min-width: 128px;
}

.min-w-42{
  min-width: 168px;
}

.min-w-50{
  min-width: 200px;
}

.min-w-64{
  min-width: 288px;
}

.min-w-md{
  min-width: 40rem;
}

.min-w-full{
  min-width: 100%;
}

.max-w-10{
  max-width: 40px;
}

.max-w-12{
  max-width: 48px;
}

.max-w-25{
  max-width: 100px;
}

.max-w-48{
  max-width: 192px;
}

.max-w-64{
  max-width: 256px;
}

.max-w-75{
  max-width: 300px;
}

.max-w-100{
  max-width: 400px;
}

.max-w-150{
  max-width: 600px;
}

.max-w-156{
  max-width: 624px;
}

.max-w-200{
  max-width: 800px;
}

.max-w-xs{
  max-width: 20rem;
}

.max-w-sm{
  max-width: 30rem;
}

.max-w-md{
  max-width: 40rem;
}

.max-w-lg{
  max-width: 50rem;
}

.max-w-3xl{
  max-width: 80rem;
}

.max-w-5xl{
  max-width: 100rem;
}

.max-w-1\/2{
  max-width: 50%;
}

.max-w-full{
  max-width: 100%;
}

.flex-1{
  flex: 1 1 0%;
}

.flex-shrink-0{
  flex-shrink: 0;
}

.flex-shrink{
  flex-shrink: 1;
}

.flex-grow{
  flex-grow: 1;
}

.transform{
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.active\:translate-y-xxxxs:active{
  --tw-translate-y: 2px;
}

.hover\:scale-125:hover{
  --tw-scale-x: 1.25;
  --tw-scale-y: 1.25;
}

@keyframes spin{
  to{
    transform: rotate(360deg);
  }
}

@keyframes ping{
  75%, 100%{
    transform: scale(2);
    opacity: 0;
  }
}

@keyframes pulse{
  50%{
    opacity: .5;
  }
}

@keyframes bounce{
  0%, 100%{
    transform: translateY(-25%);
    animation-timing-function: cubic-bezier(0.8,0,1,1);
  }

  50%{
    transform: none;
    animation-timing-function: cubic-bezier(0,0,0.2,1);
  }
}

.cursor-default{
  cursor: default;
}

.cursor-pointer{
  cursor: pointer;
}

.cursor-wait{
  cursor: wait;
}

.cursor-move{
  cursor: move;
}

.cursor-not-allowed{
  cursor: not-allowed;
}

.select-none{
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.select-all{
  -webkit-user-select: all;
     -moz-user-select: all;
          user-select: all;
}

.resize-y{
  resize: vertical;
}

.resize{
  resize: both;
}

.list-inside{
  list-style-position: inside;
}

.list-none{
  list-style-type: none;
}

.list-disc{
  list-style-type: disc;
}

.appearance-none{
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

.grid-flow-row{
  grid-auto-flow: row;
}

.grid-flow-col{
  grid-auto-flow: column;
}

.grid-cols-2{
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.grid-cols-3{
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.grid-cols-4{
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.grid-rows-1{
  grid-template-rows: repeat(1, minmax(0, 1fr));
}

.grid-rows-2{
  grid-template-rows: repeat(2, minmax(0, 1fr));
}

.flex-row{
  flex-direction: row;
}

.flex-col{
  flex-direction: column;
}

.flex-wrap{
  flex-wrap: wrap;
}

.content-center{
  align-content: center;
}

.items-start{
  align-items: flex-start;
}

.items-end{
  align-items: flex-end;
}

.items-center{
  align-items: center;
}

.items-baseline{
  align-items: baseline;
}

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

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

.justify-center{
  justify-content: center;
}

.justify-between{
  justify-content: space-between;
}

.justify-around{
  justify-content: space-around;
}

.justify-items-end{
  justify-items: end;
}

.gap-1{
  gap: 4px;
}

.gap-5{
  gap: 20px;
}

.gap-10{
  gap: 40px;
}

.gap-12{
  gap: 48px;
}

.gap-none{
  gap: 0px;
}

.gap-xxxs{
  gap: 4px;
}

.gap-xxs{
  gap: 8px;
}

.gap-xs{
  gap: 12px;
}

.gap-sm{
  gap: 16px;
}

.gap-md{
  gap: 24px;
}

.gap-x-xs{
  -moz-column-gap: 12px;
       column-gap: 12px;
}

.gap-x-sm{
  -moz-column-gap: 16px;
       column-gap: 16px;
}

.gap-y-sm{
  row-gap: 16px;
}

.space-x-5 > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right: calc(20px * var(--tw-space-x-reverse));
  margin-left: calc(20px * calc(1 - var(--tw-space-x-reverse)));
}

.space-x-xxxs > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right: calc(4px * var(--tw-space-x-reverse));
  margin-left: calc(4px * calc(1 - var(--tw-space-x-reverse)));
}

.space-x-xxs > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right: calc(8px * var(--tw-space-x-reverse));
  margin-left: calc(8px * calc(1 - var(--tw-space-x-reverse)));
}

.space-x-xs > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right: calc(12px * var(--tw-space-x-reverse));
  margin-left: calc(12px * calc(1 - var(--tw-space-x-reverse)));
}

.space-x-sm > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right: calc(16px * var(--tw-space-x-reverse));
  margin-left: calc(16px * calc(1 - var(--tw-space-x-reverse)));
}

.space-x-md > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right: calc(24px * var(--tw-space-x-reverse));
  margin-left: calc(24px * calc(1 - var(--tw-space-x-reverse)));
}

.space-x-lg > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right: calc(32px * var(--tw-space-x-reverse));
  margin-left: calc(32px * calc(1 - var(--tw-space-x-reverse)));
}

.space-y-1 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(4px * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(4px * var(--tw-space-y-reverse));
}

.space-y-5 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(20px * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(20px * var(--tw-space-y-reverse));
}

.space-y-8 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(32px * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(32px * var(--tw-space-y-reverse));
}

.space-y-xxxs > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(4px * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(4px * var(--tw-space-y-reverse));
}

.space-y-xxs > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(8px * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(8px * var(--tw-space-y-reverse));
}

.space-y-xs > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(12px * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(12px * var(--tw-space-y-reverse));
}

.space-y-sm > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(16px * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(16px * var(--tw-space-y-reverse));
}

.space-y-md > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(24px * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(24px * var(--tw-space-y-reverse));
}

.space-y-lg > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(32px * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(32px * var(--tw-space-y-reverse));
}

.divide-x > :not([hidden]) ~ :not([hidden]){
  --tw-divide-x-reverse: 0;
  border-right-width: calc(1px * var(--tw-divide-x-reverse));
  border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
}

.divide-y > :not([hidden]) ~ :not([hidden]){
  --tw-divide-y-reverse: 0;
  border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
}

.divide-gray > :not([hidden]) ~ :not([hidden]){
  --tw-divide-opacity: 1;
  border-color: rgba(232, 236, 238, var(--tw-divide-opacity));
}

.divide-grey-400 > :not([hidden]) ~ :not([hidden]){
  --tw-divide-opacity: 1;
  border-color: rgba(219, 227, 231, var(--tw-divide-opacity));
}

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

.self-end{
  align-self: flex-end;
}

.self-center{
  align-self: center;
}

.justify-self-end{
  justify-self: end;
}

.overflow-auto{
  overflow: auto;
}

.overflow-hidden{
  overflow: hidden;
}

.overflow-visible{
  overflow: visible;
}

.overflow-x-auto{
  overflow-x: auto;
}

.overflow-y-auto{
  overflow-y: auto;
}

.overflow-x-hidden{
  overflow-x: hidden;
}

.overflow-y-hidden{
  overflow-y: hidden;
}

.truncate{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.whitespace-nowrap{
  white-space: nowrap;
}

.whitespace-pre-line{
  white-space: pre-line;
}

.break-words{
  overflow-wrap: break-word;
}

.break-all{
  word-break: break-all;
}

.rounded-none{
  border-radius: 0;
}

.rounded-sm{
  border-radius: 2px;
}

.rounded{
  border-radius: 4px;
}

.rounded-md{
  border-radius: 6px;
}

.rounded-lg{
  border-radius: 8px;
}

.rounded-xl{
  border-radius: 12px;
}

.rounded-tag{
  border-radius: 30px;
}

.rounded-half{
  border-radius: 50%;
}

.rounded-full{
  border-radius: 9999px;
}

.rounded-t{
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

.rounded-t-md{
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}

.rounded-r-none{
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.rounded-r-md{
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}

.rounded-r-full{
  border-top-right-radius: 9999px;
  border-bottom-right-radius: 9999px;
}

.rounded-b-none{
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.rounded-b{
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}

.rounded-b-md{
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
}

.rounded-l-none{
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.rounded-l-md{
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}

.rounded-l-full{
  border-top-left-radius: 9999px;
  border-bottom-left-radius: 9999px;
}

.rounded-tl-md{
  border-top-left-radius: 6px;
}

.rounded-tr-md{
  border-top-right-radius: 6px;
}

.border-0{
  border-width: 0;
}

.border-2{
  border-width: 2px;
}

.border-4{
  border-width: 4px;
}

.border{
  border-width: 1px;
}

.border-t-0{
  border-top-width: 0;
}

.border-t-2{
  border-top-width: 2px;
}

.border-t{
  border-top-width: 1px;
}

.border-r-2{
  border-right-width: 2px;
}

.border-r{
  border-right-width: 1px;
}

.border-b-0{
  border-bottom-width: 0;
}

.border-b-2{
  border-bottom-width: 2px;
}

.border-b{
  border-bottom-width: 1px;
}

.border-l-2{
  border-left-width: 2px;
}

.border-l-4{
  border-left-width: 4px;
}

.border-l-6{
  border-left-width: 6px;
}

.border-l{
  border-left-width: 1px;
}

.border-solid{
  border-style: solid;
}

.border-dashed{
  border-style: dashed;
}

.border-none{
  border-style: none;
}

.border-transparent{
  border-color: transparent;
}

.border-charcoal{
  --tw-border-opacity: 1;
  border-color: rgba(33, 58, 71, var(--tw-border-opacity));
}

.border-ash{
  --tw-border-opacity: 1;
  border-color: rgba(79, 108, 123, var(--tw-border-opacity));
}

.border-elephant{
  --tw-border-opacity: 1;
  border-color: rgba(120, 147, 161, var(--tw-border-opacity));
}

.border-mouse{
  --tw-border-opacity: 1;
  border-color: rgba(190, 207, 214, var(--tw-border-opacity));
}

.border-dust{
  --tw-border-opacity: 1;
  border-color: rgba(219, 227, 231, var(--tw-border-opacity));
}

.border-gray{
  --tw-border-opacity: 1;
  border-color: rgba(232, 236, 238, var(--tw-border-opacity));
}

.border-light-gray{
  --tw-border-opacity: 1;
  border-color: rgba(244, 246, 246, var(--tw-border-opacity));
}

.border-separator-gray{
  --tw-border-opacity: 1;
  border-color: rgba(237, 239, 241, var(--tw-border-opacity));
}

.border-white{
  --tw-border-opacity: 1;
  border-color: rgba(255, 255, 255, var(--tw-border-opacity));
}

.border-grey-200{
  --tw-border-opacity: 1;
  border-color: rgba(244, 246, 246, var(--tw-border-opacity));
}

.border-grey-300{
  --tw-border-opacity: 1;
  border-color: rgba(237, 239, 241, var(--tw-border-opacity));
}

.border-grey-400{
  --tw-border-opacity: 1;
  border-color: rgba(219, 227, 231, var(--tw-border-opacity));
}

.border-grey-500{
  --tw-border-opacity: 1;
  border-color: rgba(190, 207, 214, var(--tw-border-opacity));
}

.border-grey-600{
  --tw-border-opacity: 1;
  border-color: rgba(120, 147, 161, var(--tw-border-opacity));
}

.border-red-500{
  --tw-border-opacity: 1;
  border-color: rgba(236, 0, 79, var(--tw-border-opacity));
}

.border-grape{
  --tw-border-opacity: 1;
  border-color: rgba(203, 0, 68, var(--tw-border-opacity));
}

.border-leaf{
  --tw-border-opacity: 1;
  border-color: rgba(0, 173, 0, var(--tw-border-opacity));
}

.border-ultrablue{
  --tw-border-opacity: 1;
  border-color: rgba(48, 79, 254, var(--tw-border-opacity));
}

.border-azure{
  --tw-border-opacity: 1;
  border-color: rgba(0, 115, 181, var(--tw-border-opacity));
}

.border-purple{
  --tw-border-opacity: 1;
  border-color: rgba(113, 12, 226, var(--tw-border-opacity));
}

.border-purple-300{
  --tw-border-opacity: 1;
  border-color: rgba(169, 76, 255, var(--tw-border-opacity));
}

.border-fuchsia{
  --tw-border-opacity: 1;
  border-color: rgba(212, 0, 171, var(--tw-border-opacity));
}

.border-red{
  --tw-border-opacity: 1;
  border-color: rgba(216, 0, 33, var(--tw-border-opacity));
}

.border-error{
  --tw-border-opacity: 1;
  border-color: rgba(203, 0, 68, var(--tw-border-opacity));
}

.border-jds-error{
  --tw-border-opacity: 1;
  border-color: rgba(174, 0, 58, var(--tw-border-opacity));
}

.hover\:border-charcoal:hover{
  --tw-border-opacity: 1;
  border-color: rgba(33, 58, 71, var(--tw-border-opacity));
}

.hover\:border-fuchsia-200:hover{
  --tw-border-opacity: 1;
  border-color: rgba(255, 168, 238, var(--tw-border-opacity));
}

.bg-zoodiac-blue{
  --tw-bg-opacity: 1;
  background-color: rgba(22, 36, 59, var(--tw-bg-opacity));
}

.bg-errorBG{
  --tw-bg-opacity: 1;
  background-color: rgba(255, 234, 241, var(--tw-bg-opacity));
}

.bg-successBG{
  --tw-bg-opacity: 1;
  background-color: rgba(226, 243, 228, var(--tw-bg-opacity));
}

.bg-transparent{
  background-color: transparent;
}

.bg-midnight{
  --tw-bg-opacity: 1;
  background-color: rgba(24, 40, 65, var(--tw-bg-opacity));
}

.bg-charcoal{
  --tw-bg-opacity: 1;
  background-color: rgba(33, 58, 71, var(--tw-bg-opacity));
}

.bg-elephant{
  --tw-bg-opacity: 1;
  background-color: rgba(120, 147, 161, var(--tw-bg-opacity));
}

.bg-mouse{
  --tw-bg-opacity: 1;
  background-color: rgba(190, 207, 214, var(--tw-bg-opacity));
}

.bg-gray{
  --tw-bg-opacity: 1;
  background-color: rgba(232, 236, 238, var(--tw-bg-opacity));
}

.bg-light-gray{
  --tw-bg-opacity: 1;
  background-color: rgba(244, 246, 246, var(--tw-bg-opacity));
}

.bg-white{
  --tw-bg-opacity: 1;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
}

.bg-grey-100{
  --tw-bg-opacity: 1;
  background-color: rgba(246, 247, 251, var(--tw-bg-opacity));
}

.bg-grey-200{
  --tw-bg-opacity: 1;
  background-color: rgba(244, 246, 246, var(--tw-bg-opacity));
}

.bg-grey-300{
  --tw-bg-opacity: 1;
  background-color: rgba(237, 239, 241, var(--tw-bg-opacity));
}

.bg-grey-400{
  --tw-bg-opacity: 1;
  background-color: rgba(219, 227, 231, var(--tw-bg-opacity));
}

.bg-grey-500{
  --tw-bg-opacity: 1;
  background-color: rgba(190, 207, 214, var(--tw-bg-opacity));
}

.bg-grapeBG{
  --tw-bg-opacity: 1;
  background-color: rgba(253, 228, 236, var(--tw-bg-opacity));
}

.bg-watermelon{
  --tw-bg-opacity: 1;
  background-color: rgba(255, 83, 72, var(--tw-bg-opacity));
}

.bg-leaf{
  --tw-bg-opacity: 1;
  background-color: rgba(0, 173, 0, var(--tw-bg-opacity));
}

.bg-leaf-2{
  --tw-bg-opacity: 1;
  background-color: rgba(194, 241, 201, var(--tw-bg-opacity));
}

.bg-green{
  --tw-bg-opacity: 1;
  background-color: rgba(105, 240, 174, var(--tw-bg-opacity));
}

.bg-cobalt-400{
  --tw-bg-opacity: 1;
  background-color: rgba(0, 147, 216, var(--tw-bg-opacity));
}

.bg-sky-blue{
  --tw-bg-opacity: 1;
  background-color: rgba(0, 198, 255, var(--tw-bg-opacity));
}

.bg-azure{
  --tw-bg-opacity: 1;
  background-color: rgba(0, 115, 181, var(--tw-bg-opacity));
}

.bg-purple{
  --tw-bg-opacity: 1;
  background-color: rgba(113, 12, 226, var(--tw-bg-opacity));
}

.bg-purple-100{
  --tw-bg-opacity: 1;
  background-color: rgba(245, 233, 255, var(--tw-bg-opacity));
}

.bg-purple-200{
  --tw-bg-opacity: 1;
  background-color: rgba(225, 193, 255, var(--tw-bg-opacity));
}

.bg-purple-250{
  --tw-bg-opacity: 1;
  background-color: rgba(231, 212, 253, var(--tw-bg-opacity));
}

.bg-purple-400{
  --tw-bg-opacity: 1;
  background-color: rgba(113, 12, 226, var(--tw-bg-opacity));
}

.bg-fuchsia{
  --tw-bg-opacity: 1;
  background-color: rgba(212, 0, 171, var(--tw-bg-opacity));
}

.bg-fuchsia-100{
  --tw-bg-opacity: 1;
  background-color: rgba(253, 232, 249, var(--tw-bg-opacity));
}

.bg-banana{
  --tw-bg-opacity: 1;
  background-color: rgba(251, 234, 56, var(--tw-bg-opacity));
}

.bg-pink{
  --tw-bg-opacity: 1;
  background-color: rgba(255, 64, 129, var(--tw-bg-opacity));
}

.bg-error{
  --tw-bg-opacity: 1;
  background-color: rgba(203, 0, 68, var(--tw-bg-opacity));
}

.bg-info{
  --tw-bg-opacity: 1;
  background-color: rgba(0, 115, 181, var(--tw-bg-opacity));
}

.bg-success{
  --tw-bg-opacity: 1;
  background-color: rgba(0, 173, 0, var(--tw-bg-opacity));
}

.hover\:bg-mouse:hover{
  --tw-bg-opacity: 1;
  background-color: rgba(190, 207, 214, var(--tw-bg-opacity));
}

.hover\:bg-gray:hover{
  --tw-bg-opacity: 1;
  background-color: rgba(232, 236, 238, var(--tw-bg-opacity));
}

.hover\:bg-white:hover{
  --tw-bg-opacity: 1;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
}

.hover\:bg-grey-100:hover{
  --tw-bg-opacity: 1;
  background-color: rgba(246, 247, 251, var(--tw-bg-opacity));
}

.hover\:bg-grey-200:hover{
  --tw-bg-opacity: 1;
  background-color: rgba(244, 246, 246, var(--tw-bg-opacity));
}

.hover\:bg-grey-400:hover{
  --tw-bg-opacity: 1;
  background-color: rgba(219, 227, 231, var(--tw-bg-opacity));
}

.hover\:bg-azure:hover{
  --tw-bg-opacity: 1;
  background-color: rgba(0, 115, 181, var(--tw-bg-opacity));
}

.hover\:bg-blue:hover{
  --tw-bg-opacity: 1;
  background-color: rgba(113, 11, 226, var(--tw-bg-opacity));
}

.hover\:bg-purple-250:hover{
  --tw-bg-opacity: 1;
  background-color: rgba(231, 212, 253, var(--tw-bg-opacity));
}

.hover\:bg-fuchsia-100:hover{
  --tw-bg-opacity: 1;
  background-color: rgba(253, 232, 249, var(--tw-bg-opacity));
}

.active\:bg-white:active{
  --tw-bg-opacity: 1;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
}

.bg-opacity-8{
  --tw-bg-opacity: 0.08;
}

.bg-opacity-10{
  --tw-bg-opacity: 0.1;
}

.bg-opacity-20{
  --tw-bg-opacity: .2;
}

.bg-opacity-50{
  --tw-bg-opacity: .5;
}

.bg-opacity-80{
  --tw-bg-opacity: 0.8;
}

.hover\:bg-opacity-8:hover{
  --tw-bg-opacity: 0.08;
}

.hover\:bg-opacity-25:hover{
  --tw-bg-opacity: .25;
}

.bg-cover{
  background-size: cover;
}

.bg-contain{
  background-size: contain;
}

.bg-center{
  background-position: center;
}

.bg-no-repeat{
  background-repeat: no-repeat;
}

.p-1{
  padding: 4px;
}

.p-5{
  padding: 20px;
}

.p-8{
  padding: 32px;
}

.p-10{
  padding: 40px;
}

.p-none{
  padding: 0px;
}

.p-xxxs{
  padding: 4px;
}

.p-xxs{
  padding: 8px;
}

.p-xs{
  padding: 12px;
}

.p-sm{
  padding: 16px;
}

.p-md{
  padding: 24px;
}

.p-lg{
  padding: 32px;
}

.p-xl{
  padding: 48px;
}

.p-xxl{
  padding: 64px;
}

.px-5{
  padding-left: 20px;
  padding-right: 20px;
}

.px-none{
  padding-left: 0px;
  padding-right: 0px;
}

.px-xxxs{
  padding-left: 4px;
  padding-right: 4px;
}

.px-xxs{
  padding-left: 8px;
  padding-right: 8px;
}

.px-xs{
  padding-left: 12px;
  padding-right: 12px;
}

.px-sm{
  padding-left: 16px;
  padding-right: 16px;
}

.px-md{
  padding-left: 24px;
  padding-right: 24px;
}

.px-lg{
  padding-left: 32px;
  padding-right: 32px;
}

.px-xl{
  padding-left: 48px;
  padding-right: 48px;
}

.px-xxl{
  padding-left: 64px;
  padding-right: 64px;
}

.py-none{
  padding-top: 0px;
  padding-bottom: 0px;
}

.py-xxxs{
  padding-top: 4px;
  padding-bottom: 4px;
}

.py-xxs{
  padding-top: 8px;
  padding-bottom: 8px;
}

.py-xs{
  padding-top: 12px;
  padding-bottom: 12px;
}

.py-sm{
  padding-top: 16px;
  padding-bottom: 16px;
}

.py-md{
  padding-top: 24px;
  padding-bottom: 24px;
}

.py-lg{
  padding-top: 32px;
  padding-bottom: 32px;
}

.py-xl{
  padding-top: 48px;
  padding-bottom: 48px;
}

.py-px{
  padding-top: 1px;
  padding-bottom: 1px;
}

.py-xxxxs{
  padding-top: 2px;
  padding-bottom: 2px;
}

.pt-5{
  padding-top: 20px;
}

.pt-xxxs{
  padding-top: 4px;
}

.pt-xxs{
  padding-top: 8px;
}

.pt-xs{
  padding-top: 12px;
}

.pt-sm{
  padding-top: 16px;
}

.pt-md{
  padding-top: 24px;
}

.pt-lg{
  padding-top: 32px;
}

.pt-xl{
  padding-top: 48px;
}

.pt-xxl{
  padding-top: 64px;
}

.pt-xxxxs{
  padding-top: 2px;
}

.pr-none{
  padding-right: 0px;
}

.pr-xxxs{
  padding-right: 4px;
}

.pr-xxs{
  padding-right: 8px;
}

.pr-xs{
  padding-right: 12px;
}

.pr-sm{
  padding-right: 16px;
}

.pr-md{
  padding-right: 24px;
}

.pr-xl{
  padding-right: 48px;
}

.pr-xxl{
  padding-right: 64px;
}

.pb-0{
  padding-bottom: 0;
}

.pb-20{
  padding-bottom: 80px;
}

.pb-none{
  padding-bottom: 0px;
}

.pb-xxxs{
  padding-bottom: 4px;
}

.pb-xxs{
  padding-bottom: 8px;
}

.pb-xs{
  padding-bottom: 12px;
}

.pb-sm{
  padding-bottom: 16px;
}

.pb-md{
  padding-bottom: 24px;
}

.pb-lg{
  padding-bottom: 32px;
}

.pb-xl{
  padding-bottom: 48px;
}

.pb-xxxxs{
  padding-bottom: 2px;
}

.pl-5{
  padding-left: 20px;
}

.pl-10{
  padding-left: 40px;
}

.pl-none{
  padding-left: 0px;
}

.pl-xxxs{
  padding-left: 4px;
}

.pl-xxs{
  padding-left: 8px;
}

.pl-xs{
  padding-left: 12px;
}

.pl-sm{
  padding-left: 16px;
}

.pl-md{
  padding-left: 24px;
}

.pl-lg{
  padding-left: 32px;
}

.pl-xl{
  padding-left: 48px;
}

.pl-xxl{
  padding-left: 64px;
}

.pl-sidebar{
  padding-left: 60px;
}

.text-left{
  text-align: left;
}

.text-center{
  text-align: center;
}

.text-right{
  text-align: right;
}

.align-top{
  vertical-align: top;
}

.align-middle{
  vertical-align: middle;
}

.font-default{
  font-family: hero-new, sans-serif;
}

.font-code{
  font-family: source-code-pro, monospace;
}

.text-none{
  font-size: 0px;
}

.text-title{
  font-size: 48px;
}

.text-size-0{
  font-size: 32px;
}

.text-size-1{
  font-size: 22px;
}

.text-size-2{
  font-size: 16px;
}

.text-size-3{
  font-size: 14px;
}

.text-size-4{
  font-size: 13px;
}

.text-size-5{
  font-size: 12px;
}

.text-size-6{
  font-size: 11px;
}

.text-size-7{
  font-size: 10px;
}

.text-md{
  font-size: 18px;
}

.font-light{
  font-weight: 200;
}

.font-regular{
  font-weight: 400;
}

.font-medium{
  font-weight: 500;
}

.font-semibold{
  font-weight: 600;
}

.font-bold{
  font-weight: 700;
}

.hover\:font-semibold:hover{
  font-weight: 600;
}

.uppercase{
  text-transform: uppercase;
}

.lowercase{
  text-transform: lowercase;
}

.capitalize{
  text-transform: capitalize;
}

.italic{
  font-style: italic;
}

.leading-1{
  line-height: calc(1em + 10px);
}

.leading-3{
  line-height: calc(1em + 6px);
}

.leading-4{
  line-height: calc(1em + 5px);
}

.leading-5{
  line-height: calc(1em + 4px);
}

.leading-6{
  line-height: calc(1em + 5px);
}

.leading-none{
  line-height: 1;
}

.text-midnight{
  --tw-text-opacity: 1;
  color: rgba(24, 40, 65, var(--tw-text-opacity));
}

.text-charcoal{
  --tw-text-opacity: 1;
  color: rgba(33, 58, 71, var(--tw-text-opacity));
}

.text-ash{
  --tw-text-opacity: 1;
  color: rgba(79, 108, 123, var(--tw-text-opacity));
}

.text-elephant{
  --tw-text-opacity: 1;
  color: rgba(120, 147, 161, var(--tw-text-opacity));
}

.text-mouse{
  --tw-text-opacity: 1;
  color: rgba(190, 207, 214, var(--tw-text-opacity));
}

.text-white{
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity));
}

.text-eerie-black{
  --tw-text-opacity: 1;
  color: rgba(21, 24, 26, var(--tw-text-opacity));
}

.text-grey-500{
  --tw-text-opacity: 1;
  color: rgba(190, 207, 214, var(--tw-text-opacity));
}

.text-grey-600{
  --tw-text-opacity: 1;
  color: rgba(120, 147, 161, var(--tw-text-opacity));
}

.text-grey-700{
  --tw-text-opacity: 1;
  color: rgba(79, 108, 123, var(--tw-text-opacity));
}

.text-grey-800{
  --tw-text-opacity: 1;
  color: rgba(33, 58, 71, var(--tw-text-opacity));
}

.text-grey-900{
  --tw-text-opacity: 1;
  color: rgba(24, 40, 65, var(--tw-text-opacity));
}

.text-red-500{
  --tw-text-opacity: 1;
  color: rgba(236, 0, 79, var(--tw-text-opacity));
}

.text-red-700{
  --tw-text-opacity: 1;
  color: rgba(119, 0, 40, var(--tw-text-opacity));
}

.text-grape{
  --tw-text-opacity: 1;
  color: rgba(203, 0, 68, var(--tw-text-opacity));
}

.text-watermelon-400{
  --tw-text-opacity: 1;
  color: rgba(255, 83, 72, var(--tw-text-opacity));
}

.text-mandarine{
  --tw-text-opacity: 1;
  color: rgba(255, 87, 0, var(--tw-text-opacity));
}

.text-leaf{
  --tw-text-opacity: 1;
  color: rgba(0, 173, 0, var(--tw-text-opacity));
}

.text-grass{
  --tw-text-opacity: 1;
  color: rgba(0, 128, 0, var(--tw-text-opacity));
}

.text-green-400{
  --tw-text-opacity: 1;
  color: rgba(0, 210, 0, var(--tw-text-opacity));
}

.text-green-600{
  --tw-text-opacity: 1;
  color: rgba(5, 137, 74, var(--tw-text-opacity));
}

.text-sky-blue{
  --tw-text-opacity: 1;
  color: rgba(0, 198, 255, var(--tw-text-opacity));
}

.text-ultrablue{
  --tw-text-opacity: 1;
  color: rgba(48, 79, 254, var(--tw-text-opacity));
}

.text-azure{
  --tw-text-opacity: 1;
  color: rgba(0, 115, 181, var(--tw-text-opacity));
}

.text-purple{
  --tw-text-opacity: 1;
  color: rgba(113, 12, 226, var(--tw-text-opacity));
}

.text-purple-300{
  --tw-text-opacity: 1;
  color: rgba(169, 76, 255, var(--tw-text-opacity));
}

.text-purple-400{
  --tw-text-opacity: 1;
  color: rgba(113, 12, 226, var(--tw-text-opacity));
}

.text-purple-500{
  --tw-text-opacity: 1;
  color: rgba(84, 0, 177, var(--tw-text-opacity));
}

.text-fuchsia{
  --tw-text-opacity: 1;
  color: rgba(212, 0, 171, var(--tw-text-opacity));
}

.text-fuchsia-400{
  --tw-text-opacity: 1;
  color: rgba(212, 0, 171, var(--tw-text-opacity));
}

.text-ultragreen{
  --tw-text-opacity: 1;
  color: rgba(105, 240, 174, var(--tw-text-opacity));
}

.text-tomato{
  --tw-text-opacity: 1;
  color: rgba(255, 0, 0, var(--tw-text-opacity));
}

.text-red{
  --tw-text-opacity: 1;
  color: rgba(216, 0, 33, var(--tw-text-opacity));
}

.text-pink{
  --tw-text-opacity: 1;
  color: rgba(255, 64, 129, var(--tw-text-opacity));
}

.text-error{
  --tw-text-opacity: 1;
  color: rgba(203, 0, 68, var(--tw-text-opacity));
}

.text-success{
  --tw-text-opacity: 1;
  color: rgba(0, 173, 0, var(--tw-text-opacity));
}

.text-jds-error{
  --tw-text-opacity: 1;
  color: rgba(174, 0, 58, var(--tw-text-opacity));
}

.hover\:text-white:hover{
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity));
}

.hover\:text-grey-600:hover{
  --tw-text-opacity: 1;
  color: rgba(120, 147, 161, var(--tw-text-opacity));
}

.hover\:text-grey-900:hover{
  --tw-text-opacity: 1;
  color: rgba(24, 40, 65, var(--tw-text-opacity));
}

.hover\:text-azure:hover{
  --tw-text-opacity: 1;
  color: rgba(0, 115, 181, var(--tw-text-opacity));
}

.text-opacity-50{
  --tw-text-opacity: .5;
}

.underline{
  text-decoration: underline;
}

.no-underline{
  text-decoration: none;
}

.hover\:underline:hover{
  text-decoration: underline;
}

.opacity-0{
  opacity: 0;
}

.opacity-50{
  opacity: .5;
}

*, ::before, ::after{
  --tw-shadow: 0 0 #0000;
}

.shadow-l1{
  --tw-shadow: 0 2px 16px 0 rgba(33, 58, 71, 0.1);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-l2{
  --tw-shadow: 0 2px 8px 0 rgba(33, 58, 71, 0.2);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow{
  --tw-shadow: 0 2px 4px 0 rgba(0,0,0,0.1);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-lg{
  --tw-shadow: 0 15px 30px 0 rgba(0,0,0,0.11), 0 5px 15px 0 rgba(0,0,0,0.08);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-cog{
  --tw-shadow: 0 2px 10px 0 rgba(33,58,71,0.3);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.hover\:shadow-l2:hover{
  --tw-shadow: 0 2px 8px 0 rgba(33, 58, 71, 0.2);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.outline-none{
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.focus\:outline-none:focus{
  outline: 2px solid transparent;
  outline-offset: 2px;
}

*, ::before, ::after{
  --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgba(59, 130, 246, 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
}

.filter{
  --tw-blur: var(--tw-empty,/*!*/ /*!*/);
  --tw-brightness: var(--tw-empty,/*!*/ /*!*/);
  --tw-contrast: var(--tw-empty,/*!*/ /*!*/);
  --tw-grayscale: var(--tw-empty,/*!*/ /*!*/);
  --tw-hue-rotate: var(--tw-empty,/*!*/ /*!*/);
  --tw-invert: var(--tw-empty,/*!*/ /*!*/);
  --tw-saturate: var(--tw-empty,/*!*/ /*!*/);
  --tw-sepia: var(--tw-empty,/*!*/ /*!*/);
  --tw-drop-shadow: var(--tw-empty,/*!*/ /*!*/);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.blur{
  --tw-blur: blur(8px);
}

.drop-shadow-sm{
  --tw-drop-shadow: drop-shadow(0 1px 1px rgba(0,0,0,0.05));
}

.grayscale{
  --tw-grayscale: grayscale(100%);
}

.invert{
  --tw-invert: invert(100%);
}

.backdrop-filter{
  --tw-backdrop-blur: var(--tw-empty,/*!*/ /*!*/);
  --tw-backdrop-brightness: var(--tw-empty,/*!*/ /*!*/);
  --tw-backdrop-contrast: var(--tw-empty,/*!*/ /*!*/);
  --tw-backdrop-grayscale: var(--tw-empty,/*!*/ /*!*/);
  --tw-backdrop-hue-rotate: var(--tw-empty,/*!*/ /*!*/);
  --tw-backdrop-invert: var(--tw-empty,/*!*/ /*!*/);
  --tw-backdrop-opacity: var(--tw-empty,/*!*/ /*!*/);
  --tw-backdrop-saturate: var(--tw-empty,/*!*/ /*!*/);
  --tw-backdrop-sepia: var(--tw-empty,/*!*/ /*!*/);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
          backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}

.transition{
  transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-duration: 150ms;
}

.transition-colors{
  transition-property: background-color, border-color, color, fill, stroke;
  transition-duration: 150ms;
}

.duration-200{
  transition-duration: 200ms;
}

.duration-500{
  transition-duration: 500ms;
}

.dashed-gradient{
  background-image: linear-gradient(to right, #7893a1 50%, transparent 50%),
                    linear-gradient(to right, #7893a1 50%, transparent 50%),
                    linear-gradient(to bottom, #7893a1 50%, transparent 50%),
                    linear-gradient(to bottom, #7893a1 50%, transparent 50%);
  background-position: left top, left bottom, left top, right top;
  background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;
  background-size: 15px 1px, 15px 1px, 1px 15px, 1px 15px;
}

.auth-splash-primary{
  background-image: url(/auth-bg.svg?5b90d040f5b8376a4049),
                    linear-gradient(
                        30deg,
                        #710ce2cc,
                        #ff5348cc
                    );
  background-size: cover;
  filter: opacity(90%);
}

.color-current{
  color: currentColor;
}

.border-current{
  border-color: currentColor;
}

.contents{
  display: contents;
}

.scroll-smooth{
  scroll-behavior: smooth;
}

.text-decoration-purple{
  text-decoration-color: #710ce2;
}

.grid-rows-3-center{
  grid-template-rows: 1fr auto 1fr;
}

.line-clamp-4{
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
}

/* Quill overrides for public */

.ql-editor .ql-toolbar.ql-snow {
  padding: 4px;
}

.ql-editor h2 {
  margin-bottom: 12px;
}

.ql-editor .ql-image-asset {
  margin-top: 24px;
  margin-bottom: 24px;
}

.ql-editor ol, .ql-editor ul {
  padding-left: 8px;
}

.ql-editor li {
  margin-bottom: 12px;
}

.ql-editor li:not(.ql-direction-rtl)::before {
  position: relative;
  margin-right: 8px;
  margin-left: -32px;
  text-align: right;
  font-size: 22px;
  font-size: 20px;
  top: 3px;
}

.ql-editor ol li:not(.ql-direction-rtl)::before {
  top: 0;
  margin-right: 4px;
  margin-left: -20px;
  text-align: right;
  font-size: 14px;
}

@media (min-width: 576px){
}

@media (min-width: 768px){
  .md\:col-start-2{
    grid-column-start: 2;
  }

  .md\:row-start-1{
    grid-row-start: 1;
  }

  .md\:block{
    display: block;
  }

  .md\:inline-block{
    display: inline-block;
  }

  .md\:hidden{
    display: none;
  }

  .md\:break-normal{
    overflow-wrap: normal;
    word-break: normal;
  }

  .md\:p-md{
    padding: 24px;
  }

  .md\:pb-none{
    padding-bottom: 0px;
  }
}

@media (min-width: 992px){
  .lg\:flex-row{
    flex-direction: row;
  }

  .lg\:items-center{
    align-items: center;
  }

  .lg\:justify-end{
    justify-content: flex-end;
  }

  .lg\:text-size-1{
    font-size: 22px;
  }

  .lg\:text-size-2{
    font-size: 16px;
  }
}

@media (min-width: 1200px){
  .xl\:w-64{
    width: 256px;
  }

  .xl\:grid-flow-row{
    grid-auto-flow: row;
  }

  .xl\:grid-cols-3{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (min-width: 1500px){
  .xxl\:col-span-1{
    grid-column: span 1 / span 1;
  }

  .xxl\:grid-cols-3{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 1279px){
}

@media (max-width: 1023px){
}

@media (max-width: 767px){
  .max-md\:inline-block{
    display: inline-block;
  }

  .max-md\:w-54{
    width: 216px;
  }

  .max-md\:truncate{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .max-md\:text-size-2{
    font-size: 16px;
  }

  .max-md\:text-size-5{
    font-size: 12px;
  }

  .max-md\:leading-none{
    line-height: 1;
  }
}

@media (max-width: 639px){
}
/* purgecss start ignore */
.icon {
  fill: currentColor;
}
.icon.green {
  color: #68efad;
}
.icon.green svg path {
  stroke: #68efad !important;
  fill: #68efad !important;
}
.icon.purple {
  color: #710ce2;
}
.icon.purple svg path {
  stroke: #710ce2 !important;
  fill: #710ce2 !important;
}
.icon.white {
  color: #fff;
}
.icon.white svg path {
  stroke: #fff !important;
  fill: #fff !important;
}
.icon.midnight {
  color: #182841;
}
.icon.midnight svg path {
  stroke: #182841 !important;
  fill: #182841 !important;
}
.icon.light-gray {
  color: #f4f6f6;
}
.icon.light-gray svg path {
  stroke: #f4f6f6 !important;
  fill: #f4f6f6 !important;
}
.icon.error {
  color: #FF0000;
}
.icon.error svg path {
  stroke: #FF0000 !important;
  fill: #FF0000 !important;
}
.icon.success {
  color: #69F0AE;
}
.icon.success svg path {
  stroke: #69F0AE !important;
  fill: #69F0AE !important;
}
.icon.error {
  color: #FF0000;
}
.icon.error svg path {
  stroke: #FF0000 !important;
  fill: #FF0000 !important;
}
.icon.warn {
  color: #710CE2;
}
.icon.warn svg path {
  stroke: #710CE2 !important;
  fill: #710CE2 !important;
}

/* purgecss end ignore */
/* purgecss start ignore */
.toast-holder {
  display: table;
  transition: 0.3s all ease;
  box-shadow: 0px 2.64px 6.4px 0 #dbe3e7;
  transform: translateX(0px);
  min-width: 120px;
  z-index: 780;
  border-radius: 2px;
  border: 1px rgb(230, 230, 230) solid;
}
.toast-holder .background-indicator {
  position: absolute;
  width: 100%;
  opacity: 0.1;
  top: 0;
  right: 0;
  transition: 0.1s all ease;
}
.toast-holder.success .icon-wrapper {
  margin: 4px;
  height: 20px;
  width: 20px;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgba(0, 173, 0, var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity));
}
.toast-holder.error .icon-wrapper {
  height: 24px;
  width: 24px;
  --tw-text-opacity: 1;
  color: rgba(203, 0, 68, var(--tw-text-opacity));
}
.toast-holder.left:nth-child(1) {
  left: 40px;
  z-index: 799;
}
.toast-holder.left:nth-child(2) {
  left: 40px;
  z-index: 798;
}
.toast-holder.left:nth-child(3) {
  left: 40px;
  z-index: 797;
}
.toast-holder.left:nth-child(4) {
  left: 40px;
  z-index: 796;
}
.toast-holder.left:nth-child(5) {
  left: 40px;
  z-index: 795;
}
.toast-holder.left:nth-child(6) {
  left: 40px;
  z-index: 794;
}
.toast-holder.left:nth-child(7) {
  left: 40px;
  z-index: 793;
}
.toast-holder.left:nth-child(8) {
  left: 40px;
  z-index: 792;
}
.toast-holder.left:nth-child(9) {
  left: 40px;
  z-index: 791;
}
.toast-holder.left:nth-child(10) {
  left: 40px;
  z-index: 790;
}
.toast-holder.right:nth-child(1) {
  right: 40px;
  z-index: 799;
}
.toast-holder.right:nth-child(2) {
  right: 40px;
  z-index: 798;
}
.toast-holder.right:nth-child(3) {
  right: 40px;
  z-index: 797;
}
.toast-holder.right:nth-child(4) {
  right: 40px;
  z-index: 796;
}
.toast-holder.right:nth-child(5) {
  right: 40px;
  z-index: 795;
}
.toast-holder.right:nth-child(6) {
  right: 40px;
  z-index: 794;
}
.toast-holder.right:nth-child(7) {
  right: 40px;
  z-index: 793;
}
.toast-holder.right:nth-child(8) {
  right: 40px;
  z-index: 792;
}
.toast-holder.right:nth-child(9) {
  right: 40px;
  z-index: 791;
}
.toast-holder.right:nth-child(10) {
  right: 40px;
  z-index: 790;
}
.toast-holder.center:nth-child(1) {
  z-index: 799;
  margin: 0 auto;
}
.toast-holder.center:nth-child(1) > div {
  display: "inline-block";
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.toast-holder.center:nth-child(2) {
  z-index: 798;
  margin: 0 auto;
}
.toast-holder.center:nth-child(2) > div {
  display: "inline-block";
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.toast-holder.center:nth-child(3) {
  z-index: 797;
  margin: 0 auto;
}
.toast-holder.center:nth-child(3) > div {
  display: "inline-block";
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.toast-holder.center:nth-child(4) {
  z-index: 796;
  margin: 0 auto;
}
.toast-holder.center:nth-child(4) > div {
  display: "inline-block";
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.toast-holder.center:nth-child(5) {
  z-index: 795;
  margin: 0 auto;
}
.toast-holder.center:nth-child(5) > div {
  display: "inline-block";
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.toast-holder.center:nth-child(6) {
  z-index: 794;
  margin: 0 auto;
}
.toast-holder.center:nth-child(6) > div {
  display: "inline-block";
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.toast-holder.center:nth-child(7) {
  z-index: 793;
  margin: 0 auto;
}
.toast-holder.center:nth-child(7) > div {
  display: "inline-block";
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.toast-holder.center:nth-child(8) {
  z-index: 792;
  margin: 0 auto;
}
.toast-holder.center:nth-child(8) > div {
  display: "inline-block";
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.toast-holder.center:nth-child(9) {
  z-index: 791;
  margin: 0 auto;
}
.toast-holder.center:nth-child(9) > div {
  display: "inline-block";
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.toast-holder.center:nth-child(10) {
  z-index: 790;
  margin: 0 auto;
}
.toast-holder.center:nth-child(10) > div {
  display: "inline-block";
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.toast-holder.left.toast-reveal-enter {
  transform: translate(-70px, 30px) scale(0.7);
  opacity: 0;
}
.toast-holder.left.toast-reveal-leave-to {
  transform: translateX(-100px) scale(0.7);
  opacity: 0;
}
.toast-holder.right.toast-reveal-enter {
  transform: translate(70px, 30px) scale(0.7);
  opacity: 0;
}
.toast-holder.right.toast-reveal-leave-to {
  transform: translateX(100px) scale(0.7);
  opacity: 0;
}
.toast-holder.center.toast-reveal-enter {
  transform: translateY(-70px) scale(1.1);
  opacity: 0;
}
.toast-holder.center.toast-reveal-leave-to {
  transform: translateY(-100px) scale(1.1);
  opacity: 0;
}
.toast-holder .cross {
  position: relative;
  width: 12px;
  height: 12px;
  margin-left: auto;
}
.toast-holder .cross:after, .toast-holder .cross:before {
  content: "";
  width: 100%;
  height: 2px;
  border-radius: 2px;
  position: absolute;
  top: 50%;
  background: rgb(160, 160, 160);
}
.toast-holder .cross:after {
  transform: rotate(62deg);
  left: 0;
}
.toast-holder .cross:before {
  transform: rotate(-62deg);
  right: 0;
}
.toast-holder .boxes {
  width: 4px;
  height: 4px;
  background: rgb(160, 160, 160);
  margin: calc(12px - 4px) 4px;
  margin-left: auto;
}
.toast-holder .boxes:after, .toast-holder .boxes:before {
  content: "";
  width: 4px;
  height: 4px;
  background: rgb(160, 160, 160);
  position: absolute;
}
.toast-holder .boxes:after {
  top: calc(50% - 8px);
}
.toast-holder .boxes:before {
  top: calc(50% + 4px);
}
.toast_center {
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* purgecss end ignore */
/* purgecss start ignore */
button {
  position: relative;
  cursor: pointer;
}
.btn-ripple-wrap {
  overflow: hidden;
}
.btn-ripple-wrap .circle {
  position: absolute;
  border-radius: 9999px;
  width: 30px;
  height: 30px;
  background: rgba(255, 255, 255, 0.7);
  border: 10px solid #fff;
  animation: btn-scale-circle 2.5s;
  transform: inherit;
  pointer-events: none;
}
.ui-btn {
  display: flex;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  border: none;
}
.ui-btn:focus, .ui-btn:active {
  outline: none;
}
.ui-btn:not(.btn-text):disabled {
  background: none;
  --tw-bg-opacity: 1;
  background-color: rgba(232, 236, 238, var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgba(190, 207, 214, var(--tw-text-opacity));
  box-shadow: none !important;
  cursor: not-allowed !important;
}
.ui-btn > * {
  pointer-events: none;
}
@keyframes btn-scale-circle {
from {
    transform: inherit;
    transform: scale(0.2);
    opacity: 0.2;
}
to {
    transform: inherit;
    transform: scale(100);
    opacity: 0;
}
}

/* purgecss end ignore */
/* purgecss start ignore */
.ui-text-button {
  position: relative;
  cursor: pointer;
  font-size: 12px;
  line-height: calc(1em + 4px);
  text-decoration: none;
  background: none;
}
.ui-text-button.text-3 {
  font-size: 14px;
  line-height: calc(1em + 6px);
}
.ui-text-button:hover {
  --tw-text-opacity: 1;
  color: rgba(48, 79, 254, var(--tw-text-opacity));
}
.ui-text-button.btn-ripple-wrap .circle {
  --tw-bg-opacity: 1;
  background-color: rgba(113, 12, 226, var(--tw-bg-opacity));
  width: 20px;
  height: 20px;
  animation: scale-text-circle 0.4s;
  border: none;
  opacity: 0;
}
.ui-text-button:not(.constrain-ripple).btn-ripple-wrap {
  overflow: visible;
}
.ui-text-button.ui-btn.disabled, .ui-text-button.ui-btn:disabled {
  --tw-text-opacity: 1;
  color: rgba(219, 227, 231, var(--tw-text-opacity));
  background: none !important;
  box-shadow: none !important;
  border: 0 !important;
  cursor: not-allowed !important;
}
@keyframes scale-text-circle {
from {
    transform: scale(0.2);
    opacity: 0.2;
}
to {
    transform: scale(5);
    opacity: 0;
}
}

/* purgecss end ignore */
/* purgecss start ignore */
.modal-container {
  outline: none;
}

/* purgecss end ignore */

/* purgecss start ignore */
.custom-dialog .modal-footer > div {
  display: flex;
}
.custom-dialog.alert-dialog, .custom-dialog.confirm-dialog {
  text-align: center;
}
.custom-dialog.alert-dialog .close-btn, .custom-dialog.confirm-dialog .close-btn {
  display: none;
}
.custom-dialog.alert-dialog .modal-container, .custom-dialog.confirm-dialog .modal-container {
  max-width: 600px;
}
.custom-dialog.alert-dialog .modal-body {
  padding-top: 32px;
}

/* purgecss end ignore */
/* purgecss start ignore */
.component-dialogue .modal-footer > div {
  display: flex;
}

/* purgecss end ignore */
/* purgecss start ignore */
.error-logo {
  margin: 8px;
}
.error-logo path {
  fill: rgb(48, 176, 251);
}
.error-logo .st0 {
  opacity: 0.15;
  fill: #3baeff;
}
.error-logo .st1 {
  fill: none;
  stroke: #6e6e6e;
  stroke-width: 1.1922;
  stroke-miterlimit: 10;
}
.error-logo .st2 {
  fill: none;
  stroke: #3baeff;
  stroke-width: 1.1922;
  stroke-miterlimit: 10;
}
.error-logo .st3 {
  fill: none;
  stroke: #3baeff;
  stroke-width: 0.9662;
  stroke-miterlimit: 10;
}
.error-logo .st4 {
  fill: #3baeff;
}
.error-logo .st5 {
  fill: none;
  stroke: #3baeff;
  stroke-width: 1.0292;
  stroke-miterlimit: 10;
}
.error-logo .st6 {
  fill: #6e6e6e;
}
.error-logo .st7 {
  fill: none;
  stroke: #3baeff;
  stroke-width: 1.1922;
  stroke-linecap: round;
  stroke-miterlimit: 10;
}
.error-logo .st8 {
  fill: none;
  stroke: #3baeff;
  stroke-width: 1.6931;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10;
}

/* purgecss end ignore */
/* purgecss start ignore */
.error-refresh {
  max-width: 460px;
  padding: 32px 32px 0;
}
.error-refresh .error-logo {
  width: 165px;
  margin: 0 auto;
  padding-bottom: 16px;
}

/* purgecss end ignore */
/* purgecss start ignore */
.notification-drawer-aggregate .time[data-v-20ab2995] {
  white-space: nowrap;
}
.notification-drawer-aggregate .interactive[data-v-20ab2995] {
  cursor: pointer;
}
.notification-drawer-aggregate .notification-list[data-v-20ab2995] {
  list-style: disc;
  padding-left: 4px;
}
.notification-drawer-aggregate .notification-list li > span[data-v-20ab2995]:first-child {
  position: relative;
  margin-left: -16px;
}
.notification-drawer-aggregate .notification-list li > span:first-child .col-10[data-v-20ab2995] {
  padding: 0 4px 8px 8px;
}
.notification-drawer-aggregate .notification-list li > span:first-child .col-2[data-v-20ab2995] {
  padding: 0 0 8px 0;
  text-align: right;
}
.notification-drawer-aggregate .notification-list li time[data-v-20ab2995] {
  text-align: right;
  width: 20%;
}
.notification-drawer-aggregate .extra-notifications[data-v-20ab2995] {
  padding-left: 24px;
}
.notification-drawer-aggregate .toggle-all .icon[data-v-20ab2995] {
  font-size: 18px;
  line-height: 1px;
  height: 12px;
  overflow: hidden;
  display: inline-block;
  width: 14px;
  margin-left: -4px;
}

/* purgecss end ignore */
/* purgecss start ignore */
.success-background {
  margin: 8px;
}
.success-background path {
  fill: rgb(48, 176, 251);
}
.success-background .st0 {
  opacity: 0.15;
  fill: rgb(48, 176, 251);
}
.success-background .st1 {
  fill: #6e6e6e;
}
.success-background .st2 {
  fill: none;
  stroke: rgb(48, 176, 251);
  stroke-width: 1.1919;
  stroke-linecap: round;
  stroke-miterlimit: 10;
}
.success-background .st3 {
  fill: none;
  stroke: #6e6e6e;
  stroke-width: 1.1919;
  stroke-miterlimit: 10;
}
.success-background .st4 {
  fill: none;
  stroke: rgb(48, 176, 251);
  stroke-width: 1.1919;
  stroke-miterlimit: 10;
}
.success-background .st5 {
  fill: none;
  stroke: rgb(48, 176, 251);
  stroke-width: 0.9659;
  stroke-miterlimit: 10;
}
.success-background .st6 {
  fill: none;
  stroke: rgb(48, 176, 251);
  stroke-width: 1.029;
  stroke-miterlimit: 10;
}
.success-background .st7 {
  fill: rgb(48, 176, 251);
}
.success-background .st8 {
  fill: none;
  stroke: rgb(48, 176, 251);
  stroke-width: 1.7511;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10;
}

/* purgecss end ignore */
/* purgecss start ignore */
.notifications-drawer .no-new-notifications .icon[data-v-30f18584] {
  margin: 0 auto 16px;
}
.notifications-drawer .aggregate-holder[data-v-30f18584] {
  height: 400px;
  overflow-y: auto;
  padding: 16px;
}
.notifications-drawer .more-btn .icon[data-v-30f18584] {
  font-size: 24px;
  line-height: 16px;
}

/* purgecss end ignore */
/* purgecss start ignore */
button {
  position: relative;
  cursor: pointer;
}
.btn-ripple-wrap {
  overflow: hidden;
}
.btn {
  line-height: 1;
  border: none;
  transition: 0.4s all;
  background: transparent;
  display: flex;
  justify-content: center;
  align-items: center;
  text-transform: none;
  padding: 8px 16px;
  min-width: auto;
}
.btn:hover {
  cursor: pointer;
}
.btn:hover > * {
  cursor: pointer;
}
.btn:hover:disabled {
  cursor: not-allowed;
}
.btn:focus, .btn:active {
  outline: none;
}
.btn.fixed {
  width: 180px;
}
.btn.btn-primary {
  font-size: 13px;
  font-weight: 600;
  line-height: 1;
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity));
  background: linear-gradient(45deg, #c7268a, #c7268a 44%, #ff4081 66%, #ff4081);
  background-size: 300% 100%;
  background-position: right center;
  box-shadow: 0px 2px 2px 0 #dbe3e7;
}
.btn.btn-primary:hover {
  background-position: 45% center;
}
.btn.btn-primary:hover {
  box-shadow: 0px 6px 16px 0 #dbe3e7;
}
.btn.btn-primary.rounded {
  border-radius: 999px;
}
.btn.btn-primary:not(.rounded) {
  border-radius: 6px !important;
}
.btn.btn-primary.purple {
  background: linear-gradient(45deg, #710be2, #710be2 44%, #710ce2 66%, #710ce2);
  background-size: 300% 100%;
  background-position: right center;
  box-shadow: 0px 2px 2px 0 rgba(113, 12, 226, 0.4);
}
.btn.btn-primary.purple:hover {
  background-position: 45% center;
}
.btn.btn-primary.purple:hover {
  box-shadow: 0px 6px 16px 0 rgba(255, 64, 129, 0.4);
}
.btn.btn-primary.sm {
  font-size: 11px;
  line-height: 1;
}
.btn.btn-secondary {
  height: 40px;
  border-radius: 20px;
  font-size: 11px;
  font-weight: 600;
  line-height: 1;
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity));
  background: linear-gradient(45deg, rgb(88.7857142857, 9.4285714286, 177.5714285714), rgb(88.7857142857, 9.4285714286, 177.5714285714) 44%, #710ce2 66%, #710ce2);
  background-size: 300% 100%;
  background-position: right center;
  box-shadow: 0px 2px 2px 0 #dbe3e7;
}
.btn.btn-secondary:hover {
  background-position: 45% center;
}
.btn.btn-secondary:hover {
  box-shadow: 0px 2px 8px 0 #dbe3e7;
}
.btn.btn-flat {
  border-radius: 4px;
  --tw-bg-opacity: 1;
  background-color: rgba(0, 198, 255, var(--tw-bg-opacity));
  font-size: 11px;
  font-weight: 600;
  line-height: 1;
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity));
}
.btn.btn-primary.btn.btn-flat {
  border-radius: 999px;
}
.btn.btn-primary:not(.btn.btn-flat) {
  border-radius: 6px;
}
.btn .circle {
  position: absolute;
  width: 30px;
  height: 30px;
  background: rgba(255, 255, 255, 0.7);
  border-radius: 50%;
  border: 10px solid #fff;
  animation: scale-circle 2.5s;
  transform: inherit;
  pointer-events: none;
}
.btn:not(.btn-text):disabled {
  color: #fff !important;
  background: #dbe3e7 !important;
  box-shadow: none !important;
  border: 0 !important;
  cursor: not-allowed !important;
}
.btn > * {
  pointer-events: none;
}
@keyframes scale-circle {
from {
    transform: inherit;
    transform: scale(0.2);
    opacity: 0.2;
}
to {
    transform: inherit;
    transform: scale(100);
    opacity: 0;
}
}

/* purgecss end ignore */
/* purgecss start ignore */
.ui-text-input {
  height: 40px;
}
.ui-text-input .icon-holder {
  margin: 8px;
}
.ui-text-input .indicator {
  margin: 8px;
}
.ui-text-input input:focus {
  outline: none;
}
.ui-text-input.jumbo {
  height: 56px;
  padding-left: 16px;
  padding-right: 16px;
}
.ui-text-input.jumbo .icon-holder {
  margin: 16px;
}
.ql-template-placeholder {
  display: inline-block;
  border-radius: 2px;
  --tw-bg-opacity: 1;
  background-color: rgba(0, 115, 181, var(--tw-bg-opacity));
  --tw-bg-opacity: 0.1;
  padding-left: 4px;
  padding-right: 4px;
  font-weight: 600;
  text-transform: uppercase;
  --tw-text-opacity: 1;
  color: rgba(0, 115, 181, var(--tw-text-opacity));
}

/* purgecss end ignore */
/* purgecss start ignore */
.ui-paging .ui-btn:disabled {
  background-color: transparent;
  --tw-text-opacity: 1;
  color: rgba(190, 207, 214, var(--tw-text-opacity));
}

/* purgecss end ignore */
/* purgecss start ignore */
.ball-loader .ball-loader__ball[data-v-73eca2b6] {
  top: 0;
  animation: ball-hover-loader-73eca2b6 1s infinite ease-in-out;
}
.ball-loader .ball-loader__ball[data-v-73eca2b6]:nth-child(1) {
  background: linear-gradient(to right, #00C6FF, #2692FF);
}
.ball-loader .ball-loader__ball[data-v-73eca2b6]:nth-child(2) {
  animation-delay: 0.16s;
  background: linear-gradient(to right, #256CFE, #3F3FF7);
}
.ball-loader .ball-loader__ball[data-v-73eca2b6]:nth-child(3) {
  animation-delay: 0.32s;
  background: linear-gradient(to right, #512DF0, #710CE2);
}
@keyframes ball-hover-loader-73eca2b6 {
0% {
    top: 0;
}
60% {
    top: -20px;
}
}

/* purgecss end ignore */
/* purgecss start ignore */
.company[data-v-2f8f7b72] {
  word-break: break-all;
  border-radius: 8px;
  padding: 12px;
  font-size: 14px;
  cursor: pointer;
  position: relative;
}
.company-current[data-v-2f8f7b72] {
  --tw-bg-opacity: 1;
  background-color: rgba(245, 233, 255, var(--tw-bg-opacity));
  font-weight: 700;
}
.company[data-v-2f8f7b72]:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(219, 227, 231, var(--tw-bg-opacity));
}
.company__name[data-v-2f8f7b72] {
  word-break: break-all;
}
.separator[data-v-2f8f7b72] {
  --tw-border-opacity: 1;
  border-color: rgba(190, 207, 214, var(--tw-border-opacity));
  border-bottom-width: 1px;
  widows: 100%;
  display: flex;
  flex-direction: column;
  margin-top: 4px;
}
.company__logo[data-v-2f8f7b72] {
  width: 30px;
  height: 30px;
}
.paging[data-v-2f8f7b72] {
  flex: 0;
  margin-top: auto;
  background: none;
}
.paging label[data-v-2f8f7b72] {
  --tw-text-opacity: 1;
  color: rgba(33, 58, 71, var(--tw-text-opacity));
}

/* purgecss end ignore */
/* purgecss start ignore */
.slider[data-v-33f21324]:before {
  position: absolute;
  height: 24px;
  width: 24px;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgba(113, 12, 226, var(--tw-bg-opacity));
  --tw-shadow: 0 2px 4px 0 rgba(0,0,0,0.1);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  content: '';
  transition: transform 0.2s ease-in-out;
  -webkit-transition: 0.2s ease-in-out;
  -moz-transition: 0.2s ease-in-out;
  -ms-transition: 0.2s ease-in-out;
}
input:checked + .slider[data-v-33f21324] {
  --tw-bg-opacity: 1;
  background-color: rgba(225, 193, 255, var(--tw-bg-opacity));
}
input:checked + .slider[data-v-33f21324]:before {
  transform: translateX(1.5rem);
  -webkit-transform: translateX(1.5rem);
  -moz-transform: translateX(1.5rem);
  -ms-transform: translateX(1.5rem);
}

/* purgecss end ignore */

/* purgecss start ignore */
.slider[data-v-67a98fac] {
  position: relative;
  border-left-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgba(120, 147, 161, var(--tw-border-opacity));
  width: 30%;
  left: 30%;
}
.link[data-v-67a98fac]:hover {
  cursor: pointer;
  text-decoration: underline;
}

/* purgecss end ignore */
/* purgecss start ignore */
.ui-row-btn {
  position: relative;
  width: 100%;
}
.ui-row-btn .content {
  z-index: 1;
  color: #7893a1;
}
.ui-row-btn.btn-ripple-wrap {
  overflow: hidden;
}
.ui-row-btn.btn-ripple-wrap .circle {
  content: "";
  position: absolute;
  top: 0;
  z-index: 0;
  margin: auto;
  display: block;
  height: 100%;
  border-radius: 4px;
  border-style: none;
  --tw-bg-opacity: 1;
  background-color: rgba(244, 246, 246, var(--tw-bg-opacity));
  opacity: 0.3;
  animation: scale-effect 1.6s;
}
@keyframes scale-effect {
from {
    width: 0;
    background: #becfd6;
    opacity: 1;
    transform: inherit;
    transform: scale(0.2);
}
to {
    width: 100%;
    background: #f4f6f6;
    opacity: 0.3;
    transform: inherit;
    transform: scale(100);
}
}

/* purgecss end ignore */
/* purgecss start ignore */
.sidebar[data-v-5c34775c] {
  padding: 0;
  display: block;
  margin-left: 60px;
  border-right: 2px solid #eceff1;
  position: sticky;
  height: 100%;
}
.sidebar__item[data-v-5c34775c] {
  display: block;
  padding: 16px;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgba(33, 58, 71, var(--tw-text-opacity));
  text-decoration: none;
}
.sidebar__item .icon[data-v-5c34775c] {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 4px;
}
.sidebar__item--active[data-v-5c34775c] {
  background-color: #f4f6f6;
}

/* purgecss end ignore */
/* purgecss start ignore */
.ui-checkbox {
  position: relative;
  display: flex;
  height: 16px;
  width: 16px;
  cursor: pointer;
  --tw-text-opacity: 1;
  color: rgba(120, 147, 161, var(--tw-text-opacity));
}
.ui-checkbox.read-only {
  cursor: default;
}
.ui-checkbox .check {
  position: relative;
  height: 16px;
  width: 16px;
  border-radius: 2px;
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgba(120, 147, 161, var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
  color: inherit;
  overflow: hidden;
  transition: 0.3s all ease;
}
.ui-checkbox .check .icon {
  top: -4px;
  left: -2px;
  position: absolute;
  font-size: 18px;
  overflow: hidden;
  pointer-events: none;
}
.ui-checkbox.checked:not(.read-only) {
  --tw-text-opacity: 1;
  color: rgba(0, 173, 0, var(--tw-text-opacity));
}
.ui-checkbox .ripple {
  position: absolute;
  height: 16px;
  width: 16px;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgba(0, 173, 0, var(--tw-bg-opacity));
  transform: inherit;
  pointer-events: none;
  opacity: 0;
}
.ui-checkbox .ripple.animate {
  animation: scale-check-ripple 0.6s;
}
@keyframes scale-check-ripple {
0% {
    transform: inherit;
    transform: scale(1);
    opacity: 0.2;
}
30% {
    transform: inherit;
    transform: scale(2);
    opacity: 0.3;
}
100% {
    transform: inherit;
    transform: scale(0.2);
    opacity: 0;
}
}

/* purgecss end ignore */
/* purgecss start ignore */
.notifications-filters .title {
  display: flex;
  justify-content: space-between;
  padding-top: 16px;
  padding-bottom: 16px;
}
.notifications-filters .title .bulk-select-action {
  cursor: pointer;
  font-size: 12px;
  --tw-text-opacity: 1;
  color: rgba(113, 12, 226, var(--tw-text-opacity));
}
.notifications-filters .checkbox-wrapper {
  display: flex;
  cursor: pointer;
  flex-direction: row;
}
.notifications-filters .checkbox-wrapper .ui-checkbox {
  margin-right: 8px;
}

/* purgecss end ignore */
/* purgecss start ignore */
.history .container[data-v-9362c7d2] {
  overflow: auto;
  margin-right: 300px;
}
.history .container header[data-v-9362c7d2] {
  margin-top: 24px;
}
.history .container h3[data-v-9362c7d2] {
  border-bottom: 2px solid #eceff1;
}
.history .container .notification[data-v-9362c7d2] {
  cursor: pointer;
  display: flex;
  align-items: baseline;
  width: 100%;
  padding: 8px 12px;
}
.history .container .notification[data-v-9362c7d2]:hover {
  background: #eceff1;
}
.history .container .read-indicator[data-v-9362c7d2] {
  width: 10px;
  height: 10px;
  border-radius: 5px;
}
.history .container .read-indicator--unread[data-v-9362c7d2] {
  background-color: #710be2;
}
.history .filters[data-v-9362c7d2] {
  position: fixed;
  top: 0;
  right: 0;
  margin-left: 16px;
  height: 100vh;
  border-left-width: 2px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgba(219, 227, 231, var(--tw-border-opacity));
  padding-left: 16px;
  padding-right: 16px;
  width: 300px;
}

/* purgecss end ignore */
/* purgecss start ignore */
.grid-container[data-v-d893cada] {
  display: grid;
  grid-template-columns: 40px 40px 1fr;
}
.interactive-icon[data-v-d893cada]:hover {
  cursor: pointer;
  --tw-text-opacity: 1;
  color: rgba(0, 198, 255, var(--tw-text-opacity));
}

/* purgecss end ignore */
/* purgecss start ignore */
.ui-radio-button:not(.unstyled) label[data-v-57b809c1]:focus, .ui-radio-button:not(.unstyled) input[data-v-57b809c1]:focus {
  outline: none;
}
.ui-radio-button:not(.unstyled) input[type=radio][data-v-57b809c1] {
  position: relative;
  margin: 0px;
  height: 16px;
  width: 16px;
  cursor: pointer;
  border-style: none;
  padding: 0px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  padding: 0 !important;
  flex-shrink: 0;
}
.ui-radio-button:not(.unstyled) input[type=radio][data-v-57b809c1]:checked:after {
  content: "";
  position: absolute;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgba(113, 12, 226, var(--tw-bg-opacity));
  opacity: 1;
  width: 10px;
  height: 10px;
  left: 3px;
  top: 3px;
}
.ui-radio-button:not(.unstyled) input[type=radio][data-v-57b809c1]:before {
  content: "";
  position: absolute;
  height: 16px;
  width: 16px;
  border-radius: 9999px;
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgba(120, 147, 161, var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgba(120, 147, 161, var(--tw-text-opacity));
}
.ui-radio-button:not(.unstyled).checked input[type=radio][data-v-57b809c1]:disabled:after {
  content: "";
  position: absolute;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgba(33, 58, 71, var(--tw-bg-opacity));
  opacity: 1;
  width: 10px;
  height: 10px;
  left: 3px;
  top: 3px;
}
.ui-radio-button:not(.unstyled) input[type=radio][data-v-57b809c1]:disabled:before {
  content: "";
  position: absolute;
  height: 16px;
  width: 16px;
  border-radius: 9999px;
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgba(33, 58, 71, var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgba(120, 147, 161, var(--tw-text-opacity));
}
.ui-radio-button:not(.unstyled) input[type=radio][data-v-57b809c1]:focus:before {
  content: "";
  box-shadow: 0 0 0 2px #0073b5;
}
.ui-radio-button:not(.unstyled).radio-option[data-v-57b809c1] {
  align-items: flex-start;
}
.ui-radio-button:not(.unstyled).radio-option label[data-v-57b809c1] {
  width: 100%;
}
.ui-radio-button:not(.unstyled).radio-option input[type=radio][data-v-57b809c1] {
  margin-top: 2px;
}
.ui-radio-button:not(.unstyled) .radio[data-v-57b809c1] {
  height: 16px;
  width: 16px;
  cursor: pointer;
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgba(120, 147, 161, var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgba(120, 147, 161, var(--tw-text-opacity));
  position: relative;
  margin: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  padding: 0px;
}
.ui-radio-button:not(.unstyled) .radio.read-only[data-v-57b809c1] {
  pointer-events: none;
}
.ui-radio-button:not(.unstyled) .radio.read-only.checked .check .inner[data-v-57b809c1] {
  pointer-events: none;
  --tw-bg-opacity: 1;
  background-color: rgba(120, 147, 161, var(--tw-bg-opacity));
}
.ui-radio-button:not(.unstyled) .ripple[data-v-57b809c1] {
  pointer-events: none;
  position: absolute;
  height: 16px;
  width: 16px;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgba(0, 173, 0, var(--tw-bg-opacity));
  opacity: 0;
  transform: inherit;
}
.ui-radio-button:not(.unstyled) .ripple.animate[data-v-57b809c1] {
  animation: scale-circle-57b809c1 0.6s;
}
@keyframes scale-circle-57b809c1 {
0% {
    transform: scale(1);
    opacity: 0.2;
}
30% {
    transform: scale(2);
    opacity: 0.3;
}
100% {
    transform: scale(0.2);
    opacity: 0;
}
}

/* purgecss end ignore */
/* purgecss start ignore */
.ui-rich-radio-option[data-v-4bb79e82] {
  cursor: pointer;
  border-radius: 4px;
  border-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgba(232, 236, 238, var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
  padding: 16px;
}
.ui-rich-radio-option[aria-checked][data-v-4bb79e82] {
  --tw-border-opacity: 1;
  border-color: rgba(0, 115, 181, var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgba(0, 115, 181, var(--tw-bg-opacity));
  --tw-bg-opacity: 0.08;
}
.ui-rich-radio-option.invalid[data-v-4bb79e82] {
  cursor: pointer;
  --tw-border-opacity: 1;
  border-color: rgba(203, 0, 68, var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
  padding: 16px;
}

/* purgecss end ignore */
/* purgecss start ignore */
.small-col[data-v-31b10c1f] {
  width: 5%
}
.big-col[data-v-31b10c1f] {
  width: 25%;
}
.ideal-color[data-v-31b10c1f] {
  background-image: linear-gradient(90deg,var(--tw-gradient-stops));
  --tw-gradient-from: #00a700;
  --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to,rgba(0,167,0,0));
  --tw-gradient-to: #00d200;
  --tw-text-opacity: 1;
  color: rgba(255,255,255,var(--tw-text-opacity));
}

/* purgecss end ignore */

/* purgecss start ignore */
.wrapper[data-v-3eb518c6] {
  grid-template-rows: auto 1fr;
}
.content-wrapper[data-v-3eb518c6] {
  grid-template-rows: auto auto 1fr auto;
}
.attributes-grid[data-v-3eb518c6] {
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
}

/* purgecss end ignore */
/* purgecss start ignore */
.form-list[data-v-91d74562] {
  min-width: 300px;
}
.list-loader[data-v-91d74562] {
  height: auto;
}
.list-item > a[data-v-91d74562] {
  align-items: center;
  display: grid;
  grid: "title title title" "campaign campaign campaign" "date percentage score"/1fr auto auto;
  grid-column-gap: 16px;
}
.list-item > a h3[data-v-91d74562] {
  grid-area: title;
}
.list-item > a .list-item__campaign[data-v-91d74562] {
  grid-area: campaign;
}
.list-item--single > a[data-v-91d74562] {
  grid: "title title title" "campaign campaign campaign" "percentage date score"/auto auto 1fr;
}
.is-single-form[data-v-91d74562] {
  width: 100%;
}
.is-single-form > .list-none[data-v-91d74562] {
  padding-bottom: 0;
}

/* purgecss end ignore */
/* purgecss start ignore */
.response-answer .select-option {
  align-items: center;
  margin-bottom: 4px;
}
.response-answer .select-option .checkbox {
  margin-right: 4px;
}
.response-answer .select-option .checkbox .checkbox-tick {
  color: #213a47;
}

/* purgecss end ignore */
/* purgecss start ignore */
.response-viewer[data-v-72bd5b07] {
  -webkit-hyphens: auto;
          hyphens: auto;
}
.response-viewer .number[data-v-72bd5b07] {
  height: 20px;
  width: 20px;
  --tw-bg-opacity: 1;
  background-color: rgba(0, 115, 181, var(--tw-bg-opacity));
  font-size: 10px;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity));
  flex-shrink: 0;
  line-height: 0;
}
.response-viewer .no-answer[data-v-72bd5b07] {
  font-size: 11px;
  font-weight: 200;
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity));
  background: #213a47;
  border-radius: 2px;
  padding: 4px;
  width: initial;
  display: table;
}
.response-viewer .question[data-v-72bd5b07] {
  padding: 8px 0 8px 8px;
}
.response-viewer .question .question-holder[data-v-72bd5b07] {
  margin-left: 8px;
}
.response-viewer .question .label[data-v-72bd5b07] {
  margin-bottom: 8px;
}

/* purgecss end ignore */
/* purgecss start ignore */
.avatar[data-v-8411a4f2] {
  --tw-bg-opacity: 1;
  background-color: rgba(190, 207, 214, var(--tw-bg-opacity));
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity));
  overflow: hidden;
  flex-shrink: 0;
}
.avatar-dark[data-v-8411a4f2] {
  --tw-bg-opacity: 1;
  background-color: rgba(190, 207, 214, var(--tw-bg-opacity));
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgba(33, 58, 71, var(--tw-text-opacity));
  overflow: hidden;
  flex-shrink: 0;
}
.avatar-disabled[data-v-8411a4f2] {
  --tw-bg-opacity: 1;
  background-color: rgba(244, 246, 246, var(--tw-bg-opacity));
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgba(120, 147, 161, var(--tw-text-opacity));
  overflow: hidden;
  flex-shrink: 0;
}
.sm[data-v-8411a4f2] {
  font-size: 12px;
  width: 30px;
  height: 30px;
}
.md[data-v-8411a4f2] {
  width: 72px;
  height: 72px;
  font-size: 24px;
}
.lg[data-v-8411a4f2] {
  width: 120px;
  height: 120px;
  font-size: 38px;
}

/* purgecss end ignore */
/* purgecss start ignore */
*[data-v-5bb69f38], *[data-v-5bb69f38]:before, *[data-v-5bb69f38]:after {
  box-sizing: border-box;
  position: relative;
}
.spinner[data-v-5bb69f38] {
  width: 125px;
  height: 125px;
  animation: contanim-5bb69f38 2s linear infinite;
}
svg[data-v-5bb69f38] {
  display: block;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  position: absolute;
  transform: rotate(-90deg);
}
svg circle[data-v-5bb69f38] {
  stroke: #710be2;
  stroke-dasharray: 1, 300;
  stroke-dashoffset: 0;
  animation: strokeanim-5bb69f38 3s 0.2s ease infinite;
  transform-origin: center center;
}
@keyframes strokeanim-5bb69f38 {
0% {
    stroke-dasharray: 1, 300;
    stroke-dashoffset: 0;
}
50% {
    stroke-dasharray: 120, 300;
    stroke-dashoffset: -58.548324585;
}
100% {
    stroke-dasharray: 120, 300;
    stroke-dashoffset: -175.6449737549;
}
}
@keyframes contanim-5bb69f38 {
100% {
    transform: rotate(360deg);
}
}

/* purgecss end ignore */
/* purgecss start ignore */
.cog-menu .cog-actions[data-v-fdd057e2] {
  min-width: 250px;
  transform: scale(1);
  transition: transform 0.2s;
  transform-origin: top right;
}
.cog-menu .cog-actions .cog-option .cog-action[data-v-fdd057e2] {
  width: 100%;
  justify-content: flex-start;
}
.cog-menu .cog-actions .cog-option .cog-action[data-v-fdd057e2]:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(0, 115, 181, var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity));
}
.cog-menu .cog-actions .cog-option:first-child > .cog-action[data-v-fdd057e2] {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.cog-menu .cog-actions .cog-option:last-child > .cog-action[data-v-fdd057e2] {
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
.cog-menu .cog-actions-container .cog-actions[data-v-fdd057e2] {
  transform-origin: top right;
}
.cog-menu .cog-actions-container[x-placement=top-end] .cog-actions[data-v-fdd057e2] {
  transform-origin: bottom right;
}
.cog-menu .cog-toggle[data-v-fdd057e2] {
  transition: 0.2s all ease-in-out;
}
.cog-menu .cog-toggle .icon[data-v-fdd057e2] {
  font-size: 0;
  transition: 0.2s all ease-in-out;
  transform: rotate(0);
}
.cog-menu .cog-toggle.open[data-v-fdd057e2], .cog-menu .cog-toggle.open[data-v-fdd057e2]:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(0, 115, 181, var(--tw-bg-opacity));
}
.cog-menu .cog-toggle.open .icon[data-v-fdd057e2], .cog-menu .cog-toggle.open:hover .icon[data-v-fdd057e2] {
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity));
  transform: rotate(60deg);
}
.cog-menu .cog-toggle[data-v-fdd057e2]:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(219, 227, 231, var(--tw-bg-opacity));
}
.cog-menu .cog-toggle:hover .icon[data-v-fdd057e2] {
  transform: rotate(60deg);
  --tw-text-opacity: 1;
  color: rgba(33, 58, 71, var(--tw-text-opacity));
}
.cog-menu .scale-enter .cog-actions[data-v-fdd057e2], .cog-menu .scale-leave-to .cog-actions[data-v-fdd057e2] {
  transform: scale(0);
}
.cog-menu .scale-enter-to .cog-actions[data-v-fdd057e2], .cog-menu .scale-leave .cog-actions[data-v-fdd057e2] {
  transform: scale(1);
}

/* purgecss end ignore */
/* purgecss start ignore */

/* Slide from the bottom */
.slide-up-transition[data-v-1f5667f4] {
  opacity: 1;
  transition: all 0.3s;
}
.slide-up-transition .container[data-v-1f5667f4] {
  transform: perspective(500px) translateZ(10px) translateY(0) rotateX(0deg);
  transition: all 0.4s;
}
.slide-up-enter[data-v-1f5667f4], .slide-up-leave[data-v-1f5667f4] {
  opacity: 0;
  transition: all 0.3s;
}
.slide-up-enter .container[data-v-1f5667f4], .slide-up-leave .container[data-v-1f5667f4] {
  transform: perspective(500px) translateZ(0) translateY(20%) rotateX(20deg);
}
.expand-transition[data-v-1f5667f4] {
  transition: all 0.3s ease;
  height: 100%;
  overflow: hidden;
}
.expand-enter[data-v-1f5667f4], .expand-leave[data-v-1f5667f4] {
  height: 0;
  padding: 0 10px;
  opacity: 0;
}
.slide-left-enter-active[data-v-1f5667f4],
.slide-left-leave-active[data-v-1f5667f4] {
  transition-duration: 0.3s;
  transition-property: height, opacity, transform;
  transition-timing-function: cubic-bezier(0.55, 0, 0.1, 1);
  overflow: hidden;
}
.slide-left-enter-active[data-v-1f5667f4] {
  transition-delay: 0.3s;
}
.slide-left-enter[data-v-1f5667f4] {
  opacity: 0;
  transform: translate(2em, 0);
}
.slide-left-leave-active[data-v-1f5667f4] {
  opacity: 0;
  transform: translate(-2em, 0);
}
.fade-enter-active[data-v-1f5667f4], .fade-leave-active[data-v-1f5667f4] {
  transition: opacity 0.4s;
}
.fade-enter[data-v-1f5667f4], .fade-leave-to[data-v-1f5667f4] {
  opacity: 0;
}
.slow-slide-trans .pinnable-list .list-main[data-v-1f5667f4] {
  transition: left 0.8s ease;
}
.slow-slide-trans.slide-left > .pinnable-list > .list-main[data-v-1f5667f4] {
  left: -33.33333vw;
}
.slow-slide-trans.slide-right > .pinnable-list > .list-main[data-v-1f5667f4] {
  left: 0;
}
@media (max-width: 972px) {
.slow-slide-trans .pinnable-list[data-v-1f5667f4] {
    position: absolute;
    transition: left 0.8s ease;
}
.slow-slide-trans.slide-left .pinnable-list[data-v-1f5667f4] {
    left: -100vw;
}
.slow-slide-trans.slide-left .pinnable-list .list-main[data-v-1f5667f4] {
    left: -100vw;
}
.slow-slide-trans.slide-right .pinnable-list[data-v-1f5667f4] {
    left: 0;
}
.slow-slide-trans.slide-right .pinnable-list .list-main[data-v-1f5667f4] {
    left: 0;
}
}
@media (max-width: 1200px) and (min-width: 972px) {
.slow-slide-trans .pinnable-list[data-v-1f5667f4] {
    position: absolute;
    transition: left 0.8s ease;
}
.slow-slide-trans.slide-left > .pinnable-list > .list-main[data-v-1f5667f4] {
    left: -33.33333vw;
}
.slow-slide-trans.slide-right > .pinnable-list > .list-main[data-v-1f5667f4] {
    left: 0;
}
}
.chat-content[data-v-1f5667f4] {
  flex: 11;
}
.chat-content .message[data-v-1f5667f4] {
  transition: height 1s linear;
}
.scroll-wrapper[data-v-1f5667f4] {
  height: 100%;
  width: 100%;
  transition: 0.4s all;
  opacity: 1;
}
.scroll-wrapper.loading[data-v-1f5667f4] {
  opacity: 0.3;
}
.input-wrapper[data-v-1f5667f4] {
  box-shadow: 0 -10px 20px rgba(0, 0, 0, 0.05);
}
.input-wrapper .text-input[data-v-1f5667f4] {
  position: relative;
  display: flex;
  --tw-bg-opacity: 1;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
  flex: 1;
  border-top: 2px solid rgb(230, 230, 230);
}
.input-wrapper .text-input .input[data-v-1f5667f4] {
  max-width: 100%;
  overflow-y: auto;
  white-space: pre-line;
  flex: 1;
  transition: 0.4s all;
}
.input-wrapper .text-input .input[data-v-1f5667f4]:focus {
  outline: none;
}
.input-wrapper .text-input__input-field[data-v-1f5667f4] {
  position: relative;
}
.input-wrapper .text-input__input-field > textarea[data-v-1f5667f4], .input-wrapper .text-input__input-field pre[data-v-1f5667f4] {
  font-family: hero-new, sans-serif;
  line-height: calc(1em + 4px);
  margin: 0;
  outline: none;
  border: 0;
  background: transparent;
  /* Make the text soft-wrap */
  white-space: pre-wrap;
  word-wrap: break-word;
  padding: 16px 32px 16px 16px;
  height: 100%;
}
.input-wrapper .text-input__input-field > textarea[data-v-1f5667f4] {
  box-sizing: border-box;
  width: 100%;
  resize: none;
  overflow: auto;
  position: absolute;
  top: 0;
  left: 0;
}
.input-wrapper .text-input__input-field > pre[data-v-1f5667f4] {
  display: block;
  visibility: hidden;
}

/* purgecss end ignore */
/* purgecss start ignore */
.thread-list {
  height: 100%;
  overflow: auto;
  border-right-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgba(219, 227, 231, var(--tw-border-opacity));
}
.thread-list .thread-list__heading {
  min-height: 48px;
}
.thread-list .email-container {
  height: calc(100vh - 80px - 18px);
}
.thread-list .thread-list__no-results .icon-container {
  border-radius: 9999px;
  padding: 16px;
}
.thread-list .thread-list__row {
  display: block;
  cursor: pointer;
}
.thread-list .thread-list__row.router-link-active {
  --tw-bg-opacity: 1;
  background-color: rgba(244, 246, 246, var(--tw-bg-opacity));
}
.thread-list .thread-list__row:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(0, 115, 181, var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity));
}
.thread-list .thread-list__row .unread-marker {
  left: -18px;
}
.thread-list .results-box > .inner-scroll {
  padding: 0;
}

/* purgecss end ignore */
/* purgecss start ignore */
.unread-marker[data-v-370de90b] {
  left: -24px;
}
.sm-date[data-v-370de90b] {
  font-weight: 200;
  --tw-text-opacity: 1;
  color: rgba(120, 147, 161, var(--tw-text-opacity));
  padding-left: 44px;
}
.company-avatar[data-v-370de90b] {
  width: 32px;
  min-width: 32px;
  height: 32px;
}
.icon-office-full[data-v-370de90b] {
  margin-bottom: 4px;
  height: 12px;
  width: 12px;
  font-size: 13px;
}

/* purgecss end ignore */
/* purgecss start ignore */
.ui-secondary-btn {
  height: 40px;
  white-space: nowrap;
  border-radius: 4px;
  border-width: 2px;
  border-style: solid;
  border-color: transparent;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity));
  transition: 0.3s all ease-in-out;
  background: linear-gradient(45deg, rgb(88.7857142857, 9.4285714286, 177.5714285714), rgb(88.7857142857, 9.4285714286, 177.5714285714) 44%, #710ce2 66%, #710ce2);
  background-size: 300% 100%;
  background-position: right center;
  box-shadow: 0px 2px 2px 0 #dbe3e7;
}
.ui-secondary-btn:hover {
  background-position: 45% center;
}
.ui-secondary-btn:hover {
  box-shadow: 0px 2px 8px 0 #dbe3e7;
}
.ui-secondary-btn.modal, .ui-secondary-btn.high {
  height: 48px;
  font-size: 14px;
  line-height: calc(1em + 6px);
  box-shadow: none;
}
.ui-secondary-btn.low {
  height: 32px;
  font-size: 12px;
  line-height: 1;
}
.ui-secondary-btn.outline {
  border-width: 2px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgba(113, 12, 226, var(--tw-border-opacity));
  --tw-text-opacity: 1;
  color: rgba(113, 12, 226, var(--tw-text-opacity));
  background: none;
  box-shadow: none;
}
.ui-secondary-btn.outline:not([disabled]):hover {
  --tw-bg-opacity: 1;
  background-color: rgba(113, 12, 226, var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity));
}
.ui-secondary-btn.outline:disabled {
  border-width: 2px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgba(232, 236, 238, var(--tw-border-opacity));
}
.ui-secondary-btn.loading, .ui-secondary-btn.loading:disabled {
  border-width: 2px;
  border-style: solid;
  --tw-text-opacity: 1;
  color: rgba(244, 246, 246, var(--tw-text-opacity));
  border-color: rgb(154, 106, 228);
  background-size: 100% 100%;
  background-position: 0% 100%;
  background: repeating-linear-gradient(90deg, rgb(154, 106, 228), rgb(154, 106, 228) 8px, rgb(174, 135, 233) 8px, rgb(174, 135, 233) 16px);
  animation: scroll-loading-background 0.6s linear infinite;
}
@keyframes scroll-loading-background {
from {
    background-position: 0 0;
}
to {
    background-position: 32px 0;
}
}

/* purgecss end ignore */
/* purgecss start ignore */
.email-container {
  height: 100%;
}
.email-container .message {
  overflow-x: auto;
}
.email-container .message .header table {
  display: none;
}

/* purgecss end ignore */
/* purgecss start ignore */
.ui-toggle {
  position: relative;
  cursor: pointer;
  --tw-bg-opacity: 1;
  background-color: rgba(190, 207, 214, var(--tw-bg-opacity));
  height: 20px;
  width: 35px;
  margin: 0;
  border-radius: 10px;
}
.ui-toggle.disabled {
  cursor: not-allowed;
}
.ui-toggle .toggle {
  transition: 0.3s ease all;
  top: 3px;
  left: 3px;
  position: relative;
}
.ui-toggle .toggle:after {
  position: absolute;
  border-radius: 9999px;
  --tw-border-opacity: 1;
  border-color: rgba(255, 255, 255, var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
  content: "";
  display: block;
  position: absolute;
  width: 14px;
  height: 14px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  left: 0;
  top: 0;
}
.ui-toggle.checked {
  --tw-bg-opacity: 1;
  background-color: rgba(0, 173, 0, var(--tw-bg-opacity));
}
.ui-toggle.checked .toggle {
  left: 18px !important;
}
.ui-toggle .ripple {
  position: relative;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgba(0, 173, 0, var(--tw-bg-opacity));
  width: 14px;
  height: 14px;
  transform: inherit;
  pointer-events: none;
  opacity: 0;
}
.ui-toggle .ripple.animate {
  animation: toggle-scale-circle 0.6s;
}
@keyframes toggle-scale-circle {
0% {
    transform: inherit;
    transform: scale(1);
    opacity: 0.2;
}
30% {
    transform: inherit;
    transform: scale(2.5);
    opacity: 0.4;
}
100% {
    transform: inherit;
    transform: scale(0.2);
    opacity: 0;
}
}

/* purgecss end ignore */
/* purgecss start ignore */
.ql-snow.ql-toolbar .heading-button[data-v-39153be8] {
  width: auto;
}

/* purgecss end ignore */
/* purgecss start ignore */
.ql-editor, .quill-editor {
  height: 100%;
}
.ql-editor .ql-snow .ql-picker.ql-expanded .ql-picker-label, .quill-editor .ql-snow .ql-picker.ql-expanded .ql-picker-label {
  --tw-text-opacity: 1;
  color: rgba(33, 58, 71, var(--tw-text-opacity));
}
.ql-editor .ql-toolbar.ql-snow, .quill-editor .ql-toolbar.ql-snow {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgba(190, 207, 214, var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgba(232, 236, 238, var(--tw-bg-opacity));
}
.ql-editor .ql-container.ql-snow, .quill-editor .ql-container.ql-snow {
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  border-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgba(190, 207, 214, var(--tw-border-opacity));
}
.invalid .ql-editor .ql-toolbar.ql-snow, .invalid .quill-editor .ql-toolbar.ql-snow {
  --tw-border-opacity: 1;
  border-color: rgba(216, 0, 33, var(--tw-border-opacity));
}
.invalid .ql-editor .ql-container.ql-snow, .invalid .quill-editor .ql-container.ql-snow {
  --tw-border-opacity: 1;
  border-color: rgba(216, 0, 33, var(--tw-border-opacity));
}
.ql-editor .ql-toolbar.ql-snow .ql-formats,
.quill-editor .ql-toolbar.ql-snow .ql-formats {
  margin-right: 0;
}
.ql-editor .ql-toolbar.ql-snow .ql-formats button, .quill-editor .ql-toolbar.ql-snow .ql-formats button {
  padding-left: 12px;
  padding-right: 12px;
  padding-top: 4px;
  padding-bottom: 4px;
}
.ql-editor .ql-editor, .quill-editor .ql-editor {
  min-height: 400px;
}
.ql-editor.resizable .ql-editor,
.quill-editor.resizable .ql-editor {
  overflow-y: scroll;
  resize: vertical;
}

/* purgecss end ignore */
/* purgecss start ignore */
.editor .ql-container.ql-snow {
  border-radius: 0;
}
.template-variable {
  border-radius: 4px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgba(0, 115, 181, var(--tw-border-opacity));
  padding: 8px;
  font-size: 12px;
  transition: all 0.3s;
}
.template-variable:not(:first-child) {
  margin-left: 8px;
}
.ql-template-placeholder {
  display: inline-block;
  border-radius: 2px;
  --tw-bg-opacity: 1;
  background-color: rgba(0, 115, 181, var(--tw-bg-opacity));
  --tw-bg-opacity: 0.1;
  padding-left: 4px;
  padding-right: 4px;
  font-weight: 600;
  text-transform: uppercase;
  --tw-text-opacity: 1;
  color: rgba(0, 115, 181, var(--tw-text-opacity));
}
.ql-loader {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 40px;
  text-align: center;
  transform: translate(-50%, -50%);
}

/* purgecss end ignore */
/* purgecss start ignore */
.ui-info-box[data-v-03713161]:before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  height: 100%;
  width: 4px;
  border-radius: 4px;
  --tw-bg-opacity: 1;
  background-color: rgba(0, 115, 181, var(--tw-bg-opacity));
  content: "";
}
.ui-info-box.error[data-v-03713161]:before {
  --tw-bg-opacity: 1;
  background-color: rgba(203, 0, 68, var(--tw-bg-opacity));
}
.ui-info-box.warning[data-v-03713161]:before {
  --tw-bg-opacity: 1;
  background-color: rgba(255, 87, 0, var(--tw-bg-opacity));
}
.ui-info-box.success[data-v-03713161]:before {
  --tw-bg-opacity: 1;
  background-color: rgba(0, 173, 0, var(--tw-bg-opacity));
}

/* purgecss end ignore */
/* purgecss start ignore */
fieldset[disabled] .multiselect {
  pointer-events: none;
}
.multiselect__spinner {
  position: absolute;
  right: 1px;
  top: 1px;
  width: 40px;
  height: 38px;
  background: #fff;
  display: block;
}
.multiselect__spinner:before,
.multiselect__spinner:after {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  margin: -8px 0 0 -8px;
  width: 16px;
  height: 16px;
  border-radius: 100%;
  border-color: #41b883 transparent transparent;
  border-style: solid;
  border-width: 2px;
  box-shadow: 0 0 0 1px transparent;
}
.multiselect__spinner:before {
  animation: spinning 2.4s cubic-bezier(0.41, 0.26, 0.2, 0.62);
  animation-iteration-count: infinite;
}
.multiselect__spinner:after {
  animation: spinning 2.4s cubic-bezier(0.51, 0.09, 0.21, 0.8);
  animation-iteration-count: infinite;
}
.multiselect__loading-enter-active,
.multiselect__loading-leave-active {
  transition: opacity 0.4s ease-in-out;
  opacity: 1;
}
.multiselect__loading-enter,
.multiselect__loading-leave-active {
  opacity: 0;
}
.multiselect,
.multiselect__input,
.multiselect__single {
  font-family: inherit;
  font-size: 16px;
  touch-action: manipulation;
}
.multiselect {
  box-sizing: content-box;
  display: block;
  position: relative;
  width: 100%;
  min-height: 40px;
  text-align: left;
  color: #35495e;
}
.multiselect * {
  box-sizing: border-box;
}
.multiselect:focus {
  outline: none;
}
.multiselect--disabled {
  background: #ededed;
  pointer-events: none;
  opacity: 0.6;
}
.multiselect--active {
  z-index: 50;
}
.multiselect--active:not(.multiselect--above) .multiselect__current,
.multiselect--active:not(.multiselect--above) .multiselect__input,
.multiselect--active:not(.multiselect--above) .multiselect__tags {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.multiselect--active .multiselect__select {
  transform: rotateZ(180deg);
}
.multiselect--above.multiselect--active .multiselect__current,
.multiselect--above.multiselect--active .multiselect__input,
.multiselect--above.multiselect--active .multiselect__tags {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.multiselect__input,
.multiselect__single {
  position: relative;
  display: inline-block;
  min-height: 20px;
  line-height: 20px;
  border: none;
  border-radius: 5px;
  background: #fff;
  padding: 0 0 0 5px;
  width: calc(100%);
  transition: border 0.1s ease;
  box-sizing: border-box;
  margin-bottom: 8px;
  vertical-align: top;
}
.multiselect__input::-moz-placeholder {
  color: #35495e;
}
.multiselect__input::placeholder {
  color: #35495e;
}
.multiselect__tag ~ .multiselect__input,
.multiselect__tag ~ .multiselect__single {
  width: auto;
}
.multiselect__input:hover,
.multiselect__single:hover {
  border-color: #cfcfcf;
}
.multiselect__input:focus,
.multiselect__single:focus {
  border-color: #a8a8a8;
  outline: none;
}
.multiselect__single {
  padding-left: 5px;
  margin-bottom: 8px;
}
.multiselect__tags-wrap {
  display: inline;
}
.multiselect__tags {
  min-height: 40px;
  display: block;
  padding: 8px 40px 0 8px;
  border-radius: 5px;
  border: 1px solid #e8e8e8;
  background: #fff;
  font-size: 14px;
}
.multiselect__tag {
  position: relative;
  display: inline-block;
  padding: 4px 26px 4px 10px;
  border-radius: 5px;
  margin-right: 10px;
  color: #fff;
  line-height: 1;
  background: #41b883;
  margin-bottom: 5px;
  white-space: nowrap;
  overflow: hidden;
  max-width: 100%;
  text-overflow: ellipsis;
}
.multiselect__tag-icon {
  cursor: pointer;
  margin-left: 7px;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  font-weight: 700;
  font-style: initial;
  width: 22px;
  text-align: center;
  line-height: 22px;
  transition: all 0.2s ease;
  border-radius: 5px;
}
.multiselect__tag-icon:after {
  content: "×";
  color: #266d4d;
  font-size: 14px;
}
.multiselect__tag-icon:focus,
.multiselect__tag-icon:hover {
  background: #369a6e;
}
.multiselect__tag-icon:focus:after,
.multiselect__tag-icon:hover:after {
  color: white;
}
.multiselect__current {
  line-height: 16px;
  min-height: 40px;
  box-sizing: border-box;
  display: block;
  overflow: hidden;
  padding: 8px 12px 0;
  padding-right: 30px;
  white-space: nowrap;
  margin: 0;
  text-decoration: none;
  border-radius: 5px;
  border: 1px solid #e8e8e8;
  cursor: pointer;
}
.multiselect__select {
  line-height: 16px;
  display: block;
  position: absolute;
  box-sizing: border-box;
  width: 40px;
  height: 38px;
  right: 1px;
  top: 1px;
  padding: 4px 8px;
  margin: 0;
  text-decoration: none;
  text-align: center;
  cursor: pointer;
  transition: transform 0.2s ease;
}
.multiselect__select:before {
  position: relative;
  right: 0;
  top: 65%;
  color: #999;
  margin-top: 4px;
  border-style: solid;
  border-width: 5px 5px 0 5px;
  border-color: #999999 transparent transparent transparent;
  content: "";
}
.multiselect__placeholder {
  color: #adadad;
  display: inline-block;
  margin-bottom: 10px;
  padding-top: 2px;
}
.multiselect--active .multiselect__placeholder {
  display: none;
}
.multiselect__content-wrapper {
  position: absolute;
  display: block;
  background: #fff;
  width: 100%;
  max-height: 240px;
  overflow: auto;
  border: 1px solid #e8e8e8;
  border-top: none;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  z-index: 50;
  -webkit-overflow-scrolling: touch;
}
.multiselect__content {
  list-style: none;
  display: inline-block;
  padding: 0;
  margin: 0;
  min-width: 100%;
  vertical-align: top;
}
.multiselect--above .multiselect__content-wrapper {
  bottom: 100%;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom: none;
  border-top: 1px solid #e8e8e8;
}
.multiselect__content::webkit-scrollbar {
  display: none;
}
.multiselect__element {
  display: block;
}
.multiselect__option {
  display: block;
  padding: 12px;
  min-height: 40px;
  line-height: 16px;
  text-decoration: none;
  text-transform: none;
  vertical-align: middle;
  position: relative;
  cursor: pointer;
  white-space: nowrap;
}
.multiselect__option:after {
  top: 0;
  right: 0;
  position: absolute;
  line-height: 40px;
  padding-right: 12px;
  padding-left: 20px;
  font-size: 13px;
}
.multiselect__option--highlight {
  background: #41b883;
  outline: none;
  color: white;
}
.multiselect__option--highlight:after {
  content: attr(data-select);
  background: #41b883;
  color: white;
}
.multiselect__option--selected {
  background: #f3f3f3;
  color: #35495e;
  font-weight: bold;
}
.multiselect__option--selected:after {
  content: attr(data-selected);
  color: silver;
  background: inherit;
}
.multiselect__option--selected.multiselect__option--highlight {
  background: #ff6a6a;
  color: #fff;
}
.multiselect__option--selected.multiselect__option--highlight:after {
  background: #ff6a6a;
  content: attr(data-deselect);
  color: #fff;
}
.multiselect--disabled .multiselect__current,
.multiselect--disabled .multiselect__select {
  background: #ededed;
  color: #a6a6a6;
}
.multiselect__option--disabled {
  background: #ededed !important;
  color: #a6a6a6 !important;
  cursor: text;
  pointer-events: none;
}
.multiselect__option--group {
  background: #ededed;
  color: #35495e;
}
.multiselect__option--group.multiselect__option--highlight {
  background: #35495e;
  color: #fff;
}
.multiselect__option--group.multiselect__option--highlight:after {
  background: #35495e;
}
.multiselect__option--disabled.multiselect__option--highlight {
  background: #dedede;
}
.multiselect__option--group-selected.multiselect__option--highlight {
  background: #ff6a6a;
  color: #fff;
}
.multiselect__option--group-selected.multiselect__option--highlight:after {
  background: #ff6a6a;
  content: attr(data-deselect);
  color: #fff;
}
.multiselect-enter-active,
.multiselect-leave-active {
  transition: all 0.15s ease;
}
.multiselect-enter,
.multiselect-leave-active {
  opacity: 0;
}
.multiselect__strong {
  margin-bottom: 8px;
  line-height: 20px;
  display: inline-block;
  vertical-align: top;
}
*[dir="rtl"] .multiselect {
  text-align: right;
}
*[dir="rtl"] .multiselect__select {
  right: auto;
  left: 1px;
}
*[dir="rtl"] .multiselect__tags {
  padding: 8px 8px 0px 40px;
}
*[dir="rtl"] .multiselect__content {
  text-align: right;
}
*[dir="rtl"] .multiselect__option:after {
  right: auto;
  left: 0;
}
*[dir="rtl"] .multiselect__clear {
  right: auto;
  left: 12px;
}
*[dir="rtl"] .multiselect__spinner {
  right: auto;
  left: 1px;
}
@keyframes spinning {
from {
    transform: rotate(0);
}
to {
    transform: rotate(2turn);
}
}

/* purgecss end ignore */

/* purgecss start ignore */
.btn.btn-confirm,
.btn.btn-confirm:active {
  background: rgb(255, 51, 102);
  color: rgb(255, 255, 255);
}
.btn.btn-confirm:hover {
  border: 1px solid rgb(53, 53, 53);
  background: rgb(53, 53, 53);
  color: rgb(255, 255, 255);
}
.btn.btn-confirm.btn-outline {
  background-color: transparent;
  border: 1px solid rgb(255, 51, 102);
  color: rgb(255, 51, 102);
}
.btn.btn-confirm.btn-outline:hover {
  border: 1px solid rgb(53, 53, 53);
  background: rgb(53, 53, 53);
  color: rgb(255, 255, 255);
}
.btn-reject {
  background: rgb(53, 53, 53);
  color: rgb(255, 255, 255);
}
.main-mid {
  background: rgb(51, 101, 138);
}
.main-dark {
  background: rgb(47, 72, 88);
}
.language-switcher {
  min-height: initial;
}
.language-switcher .flag-icon {
  margin-right: 8px;
  height: 24px;
  width: 24px;
}
.language-switcher .lang-row {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
.language-switcher .lang-row:before {
  width: calc(100% - 8px);
  height: 1px;
  background: #dbe3e7;
  content: "";
  position: absolute;
  top: 0;
  left: 4px;
}
.language-switcher .multiselect {
  width: 140px;
  min-height: initial;
}
.language-switcher .multiselect__caret {
  position: absolute;
  right: 0;
  height: 24px;
  width: 24px;
  top: 4px;
  transition: linear 0.15s;
}
.language-switcher .multiselect__option--highlight {
  --tw-bg-opacity: 1;
  background-color: rgba(244, 246, 246, var(--tw-bg-opacity));
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgba(24, 40, 65, var(--tw-text-opacity));
  cursor: pointer;
}
.language-switcher .multiselect__option--highlight label {
  cursor: pointer;
}
.language-switcher .multiselect__option, .language-switcher .multiselect__single {
  font-size: 14px;
  line-height: calc(1em + 6px);
  padding: 4px;
  display: flex;
  justify-content: center;
  min-height: initial;
}
.language-switcher .multiselect__single {
  margin: 0;
  background: none;
}
.language-switcher .multiselect__single:hover {
  cursor: pointer;
}
.language-switcher .multiselect__single:hover label {
  cursor: pointer;
}
.language-switcher .multiselect__element:first-child .lang-row:before, .language-switcher .multiselect__single .lang-row:before {
  display: none;
}
.language-switcher .multiselect__tags {
  border: 0;
  padding: 0;
  margin: 0;
  min-height: initial;
}
.language-switcher .multiselect__tags {
  border: none;
  background: none;
}
.language-switcher .multiselect--active .multiselect__caret {
  transform: rotate(180deg);
}
.language-switcher .multiselect--active .multiselect__content-wrapper {
  border-radius: 0 0 4px 4px;
  border: 1px solid #dbe3e7;
  border-top: none;
  box-shadow: 0 1px 8px 0 rgba(33, 58, 71, 0.2);
}
.language-switcher .multiselect--active.multiselect--above .multiselect__content-wrapper {
  border-radius: 4px 4px 0 0;
  border-bottom: none;
  border-top: 1px solid #dbe3e7;
  box-shadow: 0 1px 8px 0 rgba(33, 58, 71, 0.2);
}
.language-switcher .multiselect--active.multiselect--above .multiselect__tags {
  border-radius: 0 0 4px 4px;
}
@keyframes mobileNavSliceLeft {
0% {
    transform: translate(100%, 0%);
}
100% {
    transform: translate(0%, 0%);
}
}

/* purgecss end ignore */
/* purgecss start ignore */
.flyout-button[data-v-27136010] {
  height: 100%;
  white-space: nowrap;
  border-radius: 4px;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-right: 4px;
  padding-left: 12px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity));
  transition: 0.3s all ease-in-out;
  background: linear-gradient(45deg, rgb(255, 58, 124.1164383562), rgb(255, 58, 124.1164383562) 44%, #ff6d9e 66%, #ff6d9e);
  background-size: 300% 100%;
  background-position: right center;
  box-shadow: 0px 2px 2px 0 #dbe3e7;
}
.flyout-button[data-v-27136010]:hover {
  background-position: 45% center;
}
.flyout-button[data-v-27136010]:hover {
  box-shadow: 0px 2px 8px 0 #dbe3e7;
}
.hint[data-v-27136010] {
  position: absolute;
  width: 200px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: transparent;
  text-align: center;
  font-weight: 200;
  --tw-text-opacity: 1;
  color: rgba(79, 108, 123, var(--tw-text-opacity));
}
@media (min-width: 1200px) {
.hint[data-v-27136010] {
    width: 256px;
}
}
.hint[data-v-27136010] {
  top: 7rem;
  left: 50%;
  transform: translateX(-50%);
}
.flyout-menu[data-v-27136010] {
  position: absolute;
  z-index: 10;
  display: flex;
  flex-direction: column;
  border-radius: 12px;
  padding: 4px;
  right: 0;
  top: 3rem;
  gap: 2rem;
  width: 18rem;
  background: linear-gradient(to bottom left, #ff6d9e, #ec004f);
}
.flyout-menu > h3[data-v-27136010] {
  margin-bottom: -24px;
  padding-top: 24px;
  padding-bottom: 12px;
}
.flyout-menu-section[data-v-27136010] {
  position: relative;
  padding-left: 12px;
  padding-right: 12px;
}
.flyout-menu-section[data-v-27136010]:not(:first-child):not(:last-child)::after {
  content: "";
  position: absolute;
  top: calc(100% + 1rem);
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #ffffff;
}
.flyout-menu-select-section[data-v-27136010] {
  margin-top: auto;
  margin-bottom: auto;
  display: grid;
  height: 64px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-template-rows: repeat(2, minmax(0, 1fr));
  gap: 8px;
}
.flyout-menu-option[data-v-27136010] {
  height: 100%;
  cursor: pointer;
  white-space: nowrap;
  border-radius: 4px;
  padding: 12px;
  font-size: 16px;
  font-weight: 600;
  line-height: 1;
  transition: 0.15s all ease-in-out;
  background: linear-gradient(45deg, rgb(229.5, 229.5, 229.5), rgb(229.5, 229.5, 229.5) 44%, #fff 66%, #fff);
  background-size: 300% 100%;
  background-position: right center;
}
.flyout-menu-option[data-v-27136010]:hover {
  background-position: 45% center;
}
.section-select[data-v-27136010] {
  width: 100%;
  --tw-text-opacity: 1;
  color: rgba(24, 40, 65, var(--tw-text-opacity));
}

/* purgecss end ignore */
/* purgecss start ignore */
.template-list[data-v-058d1c02] {
  max-height: 350px;
}

/* purgecss end ignore */
/* purgecss start ignore */
.file-placeholder {
  width: 160px;
  height: 219.2px;
}

/* purgecss end ignore */
/* purgecss start ignore */
.list-none {
  padding-bottom: 120px;
}
.files-view nav {
  width: 300px;
}
.files-view .drop-files {
  pointer-events: none;
  display: none;
}
.files-view.dragged-over * {
  pointer-events: none;
}
.files-view.dragged-over .drop-files {
  display: block;
  pointer-events: auto;
}
.files-view.dragged-over .file-drop-zone .file-viewer > iframe {
  display: none;
}

/* purgecss end ignore */
/* purgecss start ignore */
.wrapper[data-v-1d933bcc] {
  background-color: rgba(24, 40, 65, 0.6);
  position: fixed;
  top: 0;
  left: 60px;
  right: 0;
  bottom: 0;
  z-index: 1000;
}
.wrapper.in-place[data-v-1d933bcc] {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.modal-enter[data-v-1d933bcc],
.modal-leave-active[data-v-1d933bcc] {
  opacity: 0;
  transform: scale(1.1);
}

/* purgecss end ignore */
/* purgecss start ignore */
.trail-loader {
  border-radius: 9999px;
  --tw-text-opacity: 1;
  color: rgba(212, 0, 171, var(--tw-text-opacity));
  font-size: 700%;
  width: 1em;
  height: 1em;
  margin: 72px auto;
  position: relative;
  transform: translateZ(0);
  animation: trail-anim 1.7s infinite ease, trail-rotate 1.7s infinite ease;
}
@keyframes trail-anim {
0% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
}
5%, 95% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
}
10%, 59% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em;
}
20% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em;
}
38% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em;
}
100% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
}
}
@keyframes trail-rotate {
0% {
    transform: rotate(0deg);
}
100% {
    transform: rotate(360deg);
}
}

/* purgecss end ignore */
/* purgecss start ignore */
.import-grid[data-v-40031802] {
  display: grid;
  grid-template-columns: repeat(auto-fill, 392px);
  -moz-column-gap: 8px;
       column-gap: 8px;
  row-gap: 8px;
}

/* purgecss end ignore */

/*# sourceMappingURL=app.91bec1c714e0a1ed922b.css.map*/