/* wyw-in-js:Avatar.styles_ydnzpt.wyw.css */
.text_tin3qvp {
  width: var(--avatar-size);
  height: var(--avatar-size);
  border-radius: 50%;
  background-color: var(--avatar-color);
  line-height: var(--avatar-size);
  text-align: center;
  -webkit-transition: background-color ease 150ms, -webkit-transform ease 120ms;
  transition: background-color ease 150ms, transform ease 120ms;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.text_tin3qvp svg {
  vertical-align: middle;
}
.picture_pdo5t88 {
  width: var(--avatar-size);
  height: var(--avatar-size);
  border-radius: 50%;
  object-fit: cover;
  pointer-events: none;
}
.avatar_aeycgb5 {
  --avatar-color:#09f;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: var(--avatar-size);
  height: var(--avatar-size);
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  border-radius: 50%;
  background-color: var(--background);
  color: #fff;
  font-size: var(--framer-fresco-base-font-size, 12px);
  font-weight: var(--framer-fresco-heading-font-weight, 600);
  text-align: center;
}
.avatar_aeycgb5::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  box-shadow: var(--avatar-shadow);
  pointer-events: none;
}
.avatarRadius_a1bxrn0q {
  border-radius: 8px;
}
.avatarRadius_a1bxrn0q span {
  border-radius: 8px;
}
.avatarRadius_a1bxrn0q img {
  border-radius: 8px;
}
.avatarRadiusSmall_a11h4pl4 {
  border-radius: 6px;
}
.avatarRadiusSmall_a11h4pl4 span {
  border-radius: 6px;
}
.avatarRadiusSmall_a11h4pl4 img {
  border-radius: 6px;
}
.avatarRadiusLarge_af2dsga {
  border-radius: 50%;
}
.avatarRadiusLarge_af2dsga span {
  border-radius: 50%;
}
.avatarRadiusLarge_af2dsga img {
  border-radius: 50%;
}
.avatarInactive_a3wph07 {
  --avatar-color:#888;
}
.avatarInactive_a3wph07 .picture_pdo5t88,
.avatarInactive_a3wph07 .text_tin3qvp {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  opacity: 0.6;
}
.avatarGreyScale_a1v49ess {
  --avatar-color:#888;
}
.avatarGreyScale_a1v49ess .picture_pdo5t88,
.avatarGreyScale_a1v49ess .text_tin3qvp {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}
.pill_pdzonbm {
  width: 40px;
}
.clickable_c1ac9vjt {
  position: absolute;
  top: 0;
  left: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: var(--avatar-size);
  height: var(--avatar-size);
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  border-radius: inherit;
  background-color: rgba(0, 0, 0, 0.6);
  cursor: pointer;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}
.clickable_c1ac9vjt:hover {
  opacity: 1;
}
.badge_byyde7g {
  position: absolute;
  top: 16px;
  left: 16px;
  display: content;
}

/* wyw-in-js:Badge.styles_1unyc0v.wyw.css */
.badge_b1arctdq {
  display: inline-block;
  padding: 2px 5px;
  border-radius: 10px;
  background-color: var(--framer-fresco-tintDimmed-color, color(display-p3 0 0.6 1 / 0.1));
  color: var(--framer-fresco-tint-color, #0099ff);
  font-size: 10px;
  font-weight: var(--framer-fresco-headingBold-font-weight, 700);
  letter-spacing: 0.01em;
  line-height: 1.1;
  text-align: center;
  text-transform: uppercase;
}
.badge_b1arctdq.primary {
  background-color: var(--framer-fresco-tint-color, #0099ff);
  color: var(--framer-fresco-buttonTextPrimary-color, #ffffff);
}
.badge_b1arctdq.highlight {
  background-color: var(--framer-fresco-highlightBadgeBackground-color, rgba(255, 255, 255, 0.3));
  color: var(--framer-fresco-buttonTextPrimary-color, #ffffff);
}
.badge_b1arctdq.warning {
  background-color: var(--framer-fresco-warningBadgeBackground-color, rgba(255, 170, 0, 0.15));
  color: #FFAA00;
}
.badge_b1arctdq.error {
  background-color: var(--framer-fresco-errorBadgeBackground-color, rgba(255, 51, 85, 0.15));
  color: #FF3355;
}
.badge_b1arctdq.neutral {
  background-color: var(--framer-fresco-neutralBadgeBackground-color, rgba(102, 102, 102, 0.1));
  color: var(--framer-fresco-neutralBadgeColor-color, #666666);
}
.badge_b1arctdq.componentTint {
  background: var(--framer-fresco-componentTint-color, #8855ff);
  color: var(--framer-fresco-buttonTextPrimary-color, #ffffff);
}
.badge_b1arctdq.componentTintDimmed {
  background: var(--framer-fresco-componentTintDimmed-color, color(display-p3 0.533333 0.333333 1 / 0.1));
  color: var(--framer-fresco-componentTint-color, #8855ff);
}
.clickable_csx2rjz {
  cursor: pointer;
}
.newBadge_n170cdb6 {
  background: var(--framer-fresco-tintDimmed-color, color(display-p3 0 0.6 1 / 0.1));
  color: var(--framer-fresco-tint-color, #0099ff);
}
.timeBadge_t1buutes {
  background: var(--framer-fresco-timeBadgeBackground-color, rgba(170, 170, 170, 0.15));
  color: #999;
}
.legacyBadge_l1besr7o {
  background-color: rgba(153, 153, 153, 0.1);
  color: #999;
}

/* wyw-in-js:IconAnimatedLock.styles_1xk91oq.wyw.css */
.lockPath_lzsjdah {
  -webkit-transition:
    stroke-dasharray 0.2s cubic-bezier(0.68, 0, 0.265, 1),
    stroke-dashoffset 0.2s cubic-bezier(0.68, 0, 0.265, 1),
    -webkit-transform 0.2s cubic-bezier(0.68, -0.6, 0.26, 2);
  transition:
    stroke-dasharray 0.2s cubic-bezier(0.68, 0, 0.265, 1),
    stroke-dashoffset 0.2s cubic-bezier(0.68, 0, 0.265, 1),
    transform 0.2s cubic-bezier(0.68, -0.6, 0.26, 2);
}
.translateUp_tqhwdgo {
  -webkit-transform: translateY(-1px);
  -moz-transform: translateY(-1px);
  -ms-transform: translateY(-1px);
  transform: translateY(-1px);
}

/* wyw-in-js:IconCaret.styles_f0nb43.wyw.css */
.base_bo4878e {
  -webkit-transition: -webkit-transform 0.1s ease;
  transition: transform 0.1s ease;
}
.down_dkx81zz {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.right_r1ynq7nx {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

/* wyw-in-js:IconCheckmark.styles_1uj6d4v.wyw.css */
.animate_a1gfspwd {
  -webkit-animation: check-animate_a1gfspwd 0.18s ease forwards;
  animation: check-animate_a1gfspwd 0.18s ease forwards;
  stroke-dashoffset: 8.5;
}
@-webkit-keyframes check-animate_a1gfspwd {
  from {
    stroke-dashoffset: 8.5;
  }
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes check-animate_a1gfspwd {
  from {
    stroke-dashoffset: 8.5;
  }
  to {
    stroke-dashoffset: 0;
  }
}

/* wyw-in-js:IconScrollArrow.styles_10e375d.wyw.css */
.up_uchctd1 {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

/* wyw-in-js:Banner.styles_ji93s7.wyw.css */
.banner_bpm32xq {
  border-radius: var(--framer-fresco-bannerRadius-dimension, 8px);
  background: var(--framer-fresco-tint-color, #0099ff);
  color: white;
  cursor: pointer;
}
.closeWrapper_c6j41ec {
  width: 24px;
  height: 24px;
  -webkit-align-self: flex-end;
  -ms-flex-item-align: end;
  align-self: flex-end;
  opacity: 0.5;
}
.titleWrapper_thkujuh {
  max-width: 180px;
  font-size: var(--framer-fresco-base-font-size, 12px);
  font-weight: var(--framer-fresco-heading-font-weight, 600);
  text-align: center;
}

/* wyw-in-js:CenterChild.styles_ppqan1.wyw.css */
.container_c688seo {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.container_c688seo > * {
  display: block;
  margin: 0;
}

/* wyw-in-js:Stack.styles_how7xz.wyw.css */
.stack_s1n8l1x5 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-shrink: var(--shrink);
  -ms-flex-negative: var(--shrink);
  flex-shrink: var(--shrink);
  gap: var(--gap);
}
.row_rr3s3mz {
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}
.column_c1yzp6zb {
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.column-reverse_cn5nsgt {
  -webkit-flex-direction: column-reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
}
.row-reverse_rdho1s2 {
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
.wrap_w13cc93l {
  -webkit-box-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.wrap-reverse_wiwups {
  -webkit-box-flex-wrap: wrap-reverse;
  -webkit-flex-wrap: wrap-reverse;
  -ms-flex-wrap: wrap-reverse;
  flex-wrap: wrap-reverse;
}
.nowrap_n61wj3j {
  -webkit-box-flex-wrap: nowrap;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}
.center_c1arh7l2 {
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.flex-start_f1a0wrzs {
  -webkit-align-items: flex-start;
  -webkit-box-align: flex-start;
  -ms-flex-align: flex-start;
  align-items: flex-start;
}
.flex-end_f1pc1h3v {
  -webkit-align-items: flex-end;
  -webkit-box-align: flex-end;
  -ms-flex-align: flex-end;
  align-items: flex-end;
}
.space-between_s1vsxddg {
  -webkit-align-items: space-between;
  -webkit-box-align: space-between;
  -ms-flex-align: space-between;
  align-items: space-between;
}
.space-evenly_s17pexso {
  -webkit-align-items: space-evenly;
  -webkit-box-align: space-evenly;
  -ms-flex-align: space-evenly;
  align-items: space-evenly;
}
.space-around_s1pkeo8 {
  -webkit-align-items: space-around;
  -webkit-box-align: space-around;
  -ms-flex-align: space-around;
  align-items: space-around;
}
.stretch_szo8c5f {
  -webkit-align-items: stretch;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}
.baseline_b1sczk5f {
  -webkit-align-items: baseline;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}
.center_c1e6tv3r {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.flex-start_f1nit8mr {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}
.flex-end_f12g0r6k {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}
.end_ev9bvq3 {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: end;
  justify-content: end;
}
.space-between_s17vm8i7 {
  -webkit-box-pack: justify;
  -ms-flex-pack: space-between;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.space-evenly_sq8tbwe {
  -webkit-box-pack: space-evenly;
  -ms-flex-pack: space-evenly;
  -webkit-justify-content: space-evenly;
  justify-content: space-evenly;
}
.baseline_bglbznn {
  -webkit-box-pack: baseline;
  -ms-flex-pack: baseline;
  -webkit-justify-content: baseline;
  justify-content: baseline;
}
.space-around_s5ck358 {
  -webkit-box-pack: space-around;
  -ms-flex-pack: space-around;
  -webkit-justify-content: space-around;
  justify-content: space-around;
}
.stretch_s414k9w {
  -webkit-box-pack: stretch;
  -ms-flex-pack: stretch;
  -webkit-justify-content: stretch;
  justify-content: stretch;
}

/* wyw-in-js:Bar.styles_aq74ha.wyw.css */
.bar_bzfgigp {
  --bar-item-spacing:10px;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: var(--framer-fresco-webBarHeight-dimension, 60px);
  box-sizing: border-box;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: var(--background);
  font-size: 14px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.bar_bzfgigp > .center {
  position: absolute;
  top: 0;
  left: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  pointer-events: none;
}
.bar_bzfgigp > .center > * {
  pointer-events: all;
}
.bar_bzfgigp > :not(.center, .spanner) + :not(.center, .spanner) {
  margin-left: var(--bar-item-spacing);
}
.bar_bzfgigp > .spanner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-box-pack: justify;
  -ms-flex-pack: space-between;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

/* wyw-in-js:truncateWithEllipsis.styles_xn7wl9.wyw.css */
.truncateWithEllipsis_t1295uka {
  overflow: clip;
  min-width: 0;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* wyw-in-js:Button.styles_eopsh6.wyw.css */
.button_b1rdbf0o {
  position: relative;
  height: var(--framer-fresco-inputHeight-dimension, 30px);
  padding: 0 var(--framer-fresco-inputPaddingHorizontal-dimension, 8px) 1px;
  border: none;
  border-radius: var(--framer-fresco-inputRadius-dimension, 8px);
  margin: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
  background-color: var(--framer-fresco-buttonBackground-color, #f3f3f3);
  color: var(--framer-fresco-buttonText-color, #333333);
  cursor: default;
  font-size: var(--framer-fresco-base-font-size, 12px);
  font-weight: var(--framer-fresco-base-font-weight, 500);
  outline: none;
  -webkit-text-decoration: none;
  text-decoration: none;
  -webkit-transition: background-color 0.2s;
  transition: background-color 0.2s;
  -webkit-user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.button_b1rdbf0o:disabled {
  opacity: 0.5;
}
.button_b1rdbf0o:not(:disabled) {
  cursor: pointer;
}
.button_b1rdbf0o:focus-visible:not(:disabled),
.button_b1rdbf0o:hover:not(:disabled) {
  background-color: var(--framer-fresco-buttonBackgroundHover-color, #eeeeee);
}
.button_b1rdbf0o:active:focus-visible:not(:disabled),
.button_b1rdbf0o:active:hover:not(:disabled) {
  background-color: var(--framer-fresco-buttonBackgroundHover-color, #eeeeee);
}
.buttonSmall_bygx14j {
  height: var(--framer-fresco-inputHeightSmall-dimension, 26px);
  border-radius: var(--framer-fresco-inputRadiusSmall-dimension, 5px);
}
.buttonBold_b1oc7bld {
  font-weight: var(--framer-fresco-heading-font-weight, 600);
}
.buttonPrimary_b1imdzu7 {
  background-color: var(--framer-fresco-buttonBackgroundPrimary-color, #0099ff);
  color: var(--framer-fresco-buttonTextPrimary-color, #ffffff);
  font-weight: var(--framer-fresco-heading-font-weight, 600);
}
.buttonPrimary_b1imdzu7:focus-visible:not(:disabled),
.buttonPrimary_b1imdzu7:hover:not(:disabled) {
  background-color: var(--framer-fresco-buttonBackgroundPrimaryHover-color, #0088ff);
}
.buttonPrimary_b1imdzu7:active:focus-visible:not(:disabled),
.buttonPrimary_b1imdzu7:active:hover:not(:disabled) {
  background-color: var(--framer-fresco-buttonBackgroundPrimaryHover-color, #0088ff);
}
.buttonLink_bvatmcz {
  min-width: auto;
  height: auto;
  padding: 0;
  border: none;
  border-radius: 0;
  background: none;
  color: var(--framer-fresco-tint-color, #0099ff);
  font-size: inherit;
}
.buttonLink_bvatmcz:focus-visible:not(:disabled),
.buttonLink_bvatmcz:hover:not(:disabled),
.buttonLink_bvatmcz:active:focus-visible:not(:disabled),
.buttonLink_bvatmcz:active:hover:not(:disabled) {
  background: none;
  color: var(--framer-fresco-tintDark-color, #0088ff);
}
.buttonLinkLined_b1kotam0 {
  min-width: auto;
  height: auto;
  padding: 0;
  border: none;
  border-radius: 0;
  background: none;
  color: var(--framer-fresco-buttonLinkLined-color, #222222);
  font-size: inherit;
  -webkit-text-decoration: underline solid var(--framer-fresco-buttonLinkLinedSecondary-color, rgba(0, 0, 0, 0.15));
  text-decoration: underline solid var(--framer-fresco-buttonLinkLinedSecondary-color, rgba(0, 0, 0, 0.15));
  text-decoration-thickness: 1px;
  text-underline-offset: 2px;
  -webkit-transition: color 0.1s ease, text-decoration-color 0.1s ease;
  transition: color 0.1s ease, text-decoration-color 0.1s ease;
}
.buttonLinkLined_b1kotam0:focus-visible:not(:disabled),
.buttonLinkLined_b1kotam0:hover:not(:disabled),
.buttonLinkLined_b1kotam0:active:focus-visible:not(:disabled),
.buttonLinkLined_b1kotam0:active:hover:not(:disabled) {
  background: none;
  color: var(--framer-fresco-buttonLinkLinedHover-color, #222222);
  text-decoration-color: var(--framer-fresco-buttonLinkLinedHover-color, #222222);
}
.buttonClean_b13fldmr {
  width: auto;
  height: auto;
  padding: 0;
  border: none;
  border-radius: 0;
  margin: 0;
  background: none;
}
.buttonClean_b13fldmr:focus-visible:not(:disabled),
.buttonClean_b13fldmr:hover:not(:disabled),
.buttonClean_b13fldmr:active:focus-visible:not(:disabled),
.buttonClean_b13fldmr:active:hover:not(:disabled) {
  background: none;
}
.buttonDestructive_b1blsh5f {
  background-color: var(--framer-fresco-buttonBackgroundDestructive-color, #ff3366);
  color: var(--framer-fresco-buttonTextDestructive-color, #ffffff);
}
.buttonDestructive_b1blsh5f:focus-visible:not(:disabled),
.buttonDestructive_b1blsh5f:hover:not(:disabled) {
  background-color: var(--framer-fresco-buttonBackgroundDestructiveHover-color, #ee2255);
}
.buttonDestructive_b1blsh5f:active:focus-visible:not(:disabled),
.buttonDestructive_b1blsh5f:active:hover:not(:disabled) {
  background-color: var(--framer-fresco-buttonBackgroundDestructiveHover-color, #ee2255);
}
.buttonDestructiveSecondary_bk89f6k {
  background-color: var(--framer-fresco-buttonBackgroundDestructiveSecondary-color, rgba(255, 51, 102, 0.1));
  color: var(--framer-fresco-buttonTextDestructiveSecondary-color, #ee2255);
}
.buttonDestructiveSecondary_bk89f6k:focus-visible:not(:disabled),
.buttonDestructiveSecondary_bk89f6k:hover:not(:disabled) {
  background-color: var(--framer-fresco-buttonBackgroundDestructiveSecondaryHover-color, rgba(255, 51, 102, 0.15));
}
.buttonDestructiveSecondary_bk89f6k:active:focus-visible:not(:disabled),
.buttonDestructiveSecondary_bk89f6k:active:hover:not(:disabled) {
  background-color: var(--framer-fresco-buttonBackgroundDestructiveSecondaryHover-color, rgba(255, 51, 102, 0.15));
}
.titleWrapper_t6dohbs {
  min-width: 0;
}
.customElement_cn3co68 {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.buttonWithDepth_bvsi73e {
  z-index: 0;
  overflow: hidden;
  box-sizing: border-box;
  padding: 0 10px;
  border-radius: 8px;
  background-color: var(--framer-fresco-buttonWithDepthBackground-color, #ffffff);
  box-shadow: var(--framer-fresco-buttonWithDepthShadow-color, 0px 0px 0px 1px rgba(0, 0, 0, 0.02), 0px 1px 0px 0px rgba(0, 0, 0, 0.05), 0px 2px 4px 0px rgba(0, 0, 0, 0.1));
  color: var(--framer-fresco-buttonWithDepthText-color, #222222);
  font-size: var(--framer-fresco-heading-font-size, 13px);
  font-weight: var(--framer-fresco-heading-font-weight, 600);
  -webkit-transition:
    background-color 0.15s,
    box-shadow 0.15s,
    color 0.15s;
  transition:
    background-color 0.15s,
    box-shadow 0.15s,
    color 0.15s;
}
.buttonWithDepth_bvsi73e:disabled {
  background-color: var(--framer-fresco-buttonWithDepthBackgroundDisabled-color, #f3f3f3);
  box-shadow: none;
  color: var(--framer-fresco-buttonWithDepthTextDisabled-color, #cccccc);
  opacity: 1;
}
.buttonWithDepth_bvsi73e:focus-visible:not(:disabled),
.buttonWithDepth_bvsi73e:hover:not(:disabled),
.buttonWithDepth_bvsi73e:active:focus-visible:not(:disabled),
.buttonWithDepth_bvsi73e:active:hover:not(:disabled) {
  background-color: var(--framer-fresco-buttonWithDepthBackground-color, #ffffff);
}
.primaryButtonWithDepth_peaa8uw {
  overflow: hidden;
  background-color: var(--framer-fresco-buttonWithDepthPrimaryBackground-color, #0099ff);
  box-shadow: var(--framer-fresco-buttonWithDepthPrimaryShadow-color, 0px 1px 2px 0px rgba(0, 153, 255, 0.15), 0px 2px 4px 0px rgba(0, 153, 255, 0.2));
  color: var(--framer-fresco-buttonTextPrimary-color, #ffffff);
  -webkit-transition:
    background-color 0.15s,
    box-shadow 0.15s,
    color 0.15s;
  transition:
    background-color 0.15s,
    box-shadow 0.15s,
    color 0.15s;
}
.primaryButtonWithDepth_peaa8uw:focus-visible:not(:disabled),
.primaryButtonWithDepth_peaa8uw:hover:not(:disabled),
.primaryButtonWithDepth_peaa8uw:active:focus-visible:not(:disabled),
.primaryButtonWithDepth_peaa8uw:active:hover:not(:disabled) {
  background-color: var(--framer-fresco-buttonWithDepthPrimaryBackgroundHover-color, #1188ff);
  box-shadow: var(--framer-fresco-buttonWithDepthPrimaryShadowHover-color, 0px 1px 2px 0px rgba(13, 144, 255, 0.15), 0px 2px 4px 0px rgba(13, 144, 255, 0.2));
  color: var(--framer-fresco-buttonTextPrimary-color, #ffffff);
}
.primaryButtonWithDepth_peaa8uw:disabled {
  background-color: var(--framer-fresco-buttonWithDepthPrimaryBackground-color, #0099ff);
  box-shadow: var(--framer-fresco-buttonWithDepthPrimaryShadow-color, 0px 1px 2px 0px rgba(0, 153, 255, 0.15), 0px 2px 4px 0px rgba(0, 153, 255, 0.2));
  color: var(--framer-fresco-buttonTextPrimary-color, #ffffff);
  opacity: 0.5;
}
.destructiveButtonWithDepth_df8naee {
  overflow: hidden;
  background-color: var(--framer-fresco-buttonWithDepthDestructiveBackground-color, #ff3366);
  box-shadow: var(--framer-fresco-buttonWithDepthDestructiveShadow-color, 0 2px 4px 0 rgba(255, 51, 102, 0.3));
  color: var(--framer-fresco-buttonTextDestructive-color, #ffffff);
}
.destructiveButtonWithDepth_df8naee:focus-visible:not(:disabled),
.destructiveButtonWithDepth_df8naee:hover:not(:disabled),
.destructiveButtonWithDepth_df8naee:active:focus-visible:not(:disabled),
.destructiveButtonWithDepth_df8naee:active:hover:not(:disabled) {
  background-color: var(--framer-fresco-buttonWithDepthDestructiveBackgroundHover-color, #e15);
  box-shadow: var(--framer-fresco-buttonWithDepthDestructiveShadow-color, 0 2px 4px 0 rgba(255, 51, 102, 0.3));
  color: var(--framer-fresco-buttonTextDestructive-color, #ffffff);
}
.destructiveButtonWithDepth_df8naee:disabled {
  background-color: var(--framer-fresco-buttonWithDepthDestructiveBackground-color, #ff3366);
  box-shadow: none;
  color: var(--framer-fresco-buttonTextDestructive-color, #ffffff);
  opacity: 0.5;
}
.safariBlurFix_spepy2w::before {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
}
.buttonWithGradient_bi701yv {
  z-index: 0;
  overflow: visible;
  background:
    linear-gradient(
      270deg,
      #b18aff 0%,
      #0bf 100%);
  color: white;
  font-weight: var(--framer-fresco-heading-font-weight, 600);
}
.buttonWithGradient_bi701yv::before {
  position: absolute;
  z-index: -1;
  bottom: -4px;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background:
    linear-gradient(
      270deg,
      #96f 0%,
      #0cf 100%);
  content: "";
  -webkit-filter: blur(4px);
  -webkit-filter: blur(4px);
  filter: blur(4px);
  opacity: 0.4;
}
body[data-framer-theme=dark] .buttonWithGradient_bi701yv::before {
  opacity: 0.15;
}

/* wyw-in-js:CheckBox.styles_1rkx8fj.wyw.css */
.checkboxWrapper_c18yhkm8 {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: var(--framer-fresco-checkboxSize-dimension, 14px);
  height: var(--framer-fresco-checkboxSize-dimension, 14px);
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  border-radius: var(--framer-fresco-checkboxRadius-dimension, 4px);
  background-color: var(--framer-fresco-checkboxBackground-color, #f5f5f5);
  box-shadow: var(--framer-fresco-checkbox-shadow, inset 0 0 0 1px rgba(0, 0, 0, 0.1));
  -webkit-transition: none;
  transition: none;
}
.checkboxWrapper_c18yhkm8:hover {
  background-color: var(--framer-fresco-checkboxBackgroundActive-color, #f5f5f5);
}
.checkboxWrapper_c18yhkm8 > input::before {
  position: absolute;
  top: -6px;
  right: -6px;
  bottom: -6px;
  left: -6px;
  content: "";
}
.checkboxWrapper_c18yhkm8 > svg {
  display: block;
  margin: 0;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}
.checkboxWrapperLarge_c1msowdv {
  width: 16px;
  height: 16px;
}
.input_i153taa3 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid transparent;
  border-radius: inherit;
  margin: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
}
.input_i153taa3:focus {
  outline-color: transparent;
  outline-style: solid;
}
.input_i153taa3:focus-visible {
  border-color: var(--framer-fresco-inputBorderActive-color, #0099ff);
}
.input_i153taa3:not(:disabled) {
  cursor: pointer;
}
.checkedOrIndeterminate_cvtr28g {
  background-color: var(--framer-fresco-checkboxBackgroundChecked-color, #0099ff);
  box-shadow: var(--framer-fresco-checkboxChecked-shadow, none);
}
.checkedOrIndeterminate_cvtr28g:hover {
  background-color: var(--framer-fresco-checkboxBackgroundChecked-color, #0099ff);
}
.checkboxDisabled_c8cose3 {
  opacity: 0.3;
  pointer-events: none;
}
.checkboxDisabled_c8cose3:hover {
  background-color: var(--framer-fresco-checkboxBackground-color, #f5f5f5);
}
.checkboxDisabled_c8cose3.checkedOrIndeterminate_cvtr28g:hover {
  background-color: var(--framer-fresco-checkboxBackgroundChecked-color, #0099ff);
}
.path_pqeyp1e {
  stroke: var(--framer-fresco-checkboxStroke-color, #ffffff);
  -webkit-transition: none;
  transition: none;
}

/* wyw-in-js:CheckBoxGroup.styles_yaxhgl.wyw.css */
.checkBoxGroup_c5a4eki {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-width: 0;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding: 0.01em 0 0 0;
  border: 0;
  margin: 0;
}
.checkBoxGroup_c5a4eki:not(:-moz-handler-blocked) .checkBoxGroup_c5a4eki {
  display: table-cell;
}
.checkBoxGroup_c5a4eki > legend {
  display: table;
  padding: 0;
  margin-bottom: var(--framer-fresco-inputSpacing-dimension, 10px);
  font-size: var(--framer-fresco-heading-font-size, 13px);
  font-weight: var(--framer-fresco-heading-font-weight, 600);
}
.checkBoxGroup_c5a4eki .checkboxWrapper_c18yhkm8 {
  margin: 3px 2px;
}
.checkBoxRow_canpgh7 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 30px;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.checkBoxLabel_ccal48f {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-left: var(--framer-fresco-inputPaddingHorizontal-dimension, 8px);
  color: var(--framer-fresco-checkboxLabel-color, #333333);
  cursor: pointer;
}
.checkBoxLabelDisabled_c1l91hzu {
  color: var(--framer-fresco-checkboxLabelDisabled-color, #cccccc);
  cursor: default;
}

/* wyw-in-js:ComboBox.styles_1a6xzk5.wyw.css */
.listWrapper_l18ynxwu {
  --listBorderRadius:13px;
}
.listWrapper_l18ynxwu.listWrapper_l18ynxwu {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-width: calc(var(--framer-fresco-panelMinWidth-dimension, 260px) - var(--framer-fresco-panelPadding-dimension, 15px) * 2);
  max-height: 310px;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 5px;
  border-radius: var(--listBorderRadius);
  background-color: var(--framer-fresco-comboBoxMenuBackground-color, #ffffff);
}
.listWrapperUnsaturated_l18so0ry.listWrapperUnsaturated_l18so0ry {
  background-color: var(--framer-fresco-comboBoxMenuBackgroundUnsaturated-color, #ffffff);
}
.scroll_slepa9p {
  position: relative;
  height: 1px;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
.checkbox_cskm1h4 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 12px;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-right: 8px;
}
.rowText_r1optlid {
  font-size: var(--framer-fresco-base-font-size, 12px);
  font-weight: var(--framer-fresco-base-font-weight, 500);
  list-style: none;
  -webkit-text-decoration: none;
  text-decoration: none;
}
.rowTextLarge_r14t1omp {
  font-size: var(--framer-fresco-heading-font-size, 13px);
}
.row_r10fzppx {
  height: 100%;
  border-radius: calc(var(--listBorderRadius) - 5px);
  color: var(--framer-fresco-buttonWithDepthText-color, #222222);
  cursor: default;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.rowContent_rtnyaud {
  width: 100%;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
.checkbox_cskm1h4 + .rowContent_rtnyaud {
  width: calc(100% - 20px);
}
.highlightedRow_h1twq108 {
  background-color: var(--framer-fresco-comboBoxHighlightedRowTint-color, #0099ff);
  color: var(--framer-fresco-comboBoxHighlightedRowText-color, #ffffff);
}
.highlightedRowUnsaturated_hryng7g {
  background-color: var(--framer-fresco-comboBoxHighlightUnsaturated-color, #f2f2f2);
  color: var(--framer-fresco-buttonWithDepthText-color, #222222);
}
.disabledRow_dn2dvvk {
  opacity: 0.4;
  pointer-events: none;
}
.sectionRow_shmoagt {
  border-radius: 0;
  background-color: var(--framer-fresco-comboBoxMenuBackground-color, #ffffff);
  color: var(--framer-fresco-comboBoxSectionText-color, #222222);
  font-weight: var(--framer-fresco-heading-font-weight, 600);
}
.sectionRowUnsaturated_s17etvq1 {
  border-radius: 0;
  font-weight: var(--framer-fresco-heading-font-weight, 600);
  background-color: var(--framer-fresco-comboBoxMenuBackgroundUnsaturated-color, #ffffff);
}
.rowChildFlexibleSizing_r13h07hn {
  min-width: 4ch;
  box-sizing: content-box;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
}
.rowChildFixedSizing_r8ysuk9 {
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
}
.rowTitle_r15i2pmv {
  margin-right: auto;
}
.rowTitleGroup_rkmlc9c {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 4px;
}
.rowSubtitle_rc8izch {
  color: var(--framer-fresco-panelDescription-color, #999999);
  font-size: var(--framer-fresco-label-font-size, 10px);
  line-height: 1.2;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.highlightedRow_h1twq108 .rowSubtitle_rc8izch {
  color: inherit;
}
.rowLabel_r1fwez1w {
  color: var(--framer-fresco-panelDescription-color, #999999);
  text-align: right;
}
.highlightedRow_h1twq108 .rowLabel_r1fwez1w {
  color: inherit;
}
.input_ighplyg {
  min-width: 0;
  max-width: 100%;
}
.inputStylesForMeasuring_i5zyxfp {
  font-size: var(--framer-fresco-base-font-size, 12px);
  font-weight: var(--framer-fresco-base-font-weight, 500);
}
.rightChevron_r65kgn {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding-right: var(--framer-fresco-inputIconPadding-dimension, 8px);
  color: var(--framer-fresco-inputIcon-color, #999999);
  pointer-events: none;
}
.noResults_nrw7t2d {
  height: 50px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  font-size: var(--framer-fresco-base-font-size, 12px);
  text-align: center;
}
.itemIcon_im7yafn {
  width: 12px;
  height: 12px;
  color: var(--framer-fresco-comboBoxItemIcon-color, #999999);
}

/* wyw-in-js:withoutScrollbar.styles_17rtbcn.wyw.css */
.withoutScrollbar_wc7ts7t {
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.withoutScrollbar_wc7ts7t::-webkit-scrollbar {
  display: none;
}

/* wyw-in-js:Scroll.styles_1621v3p.wyw.css */
.scroll_shr89u9 {
  position: relative;
  overflow: auto;
  height: 100%;
  -webkit-overflow-scrolling: touch;
}
.scroll_shr89u9::-webkit-scrollbar-track {
  background-color: transparent;
}
.scroll_shr89u9::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.25);
}
.scroll_shr89u9::-webkit-scrollbar:vertical {
  width: 0;
}
.scrollHorizontal_s17ru26r {
  overflow-x: overlay;
  overflow-y: hidden;
}
.scrollVertical_s1i74306 {
  overflow-x: hidden;
  overflow-y: overlay;
}
.scrollBothDirections_sobdcxs {
  overflow-x: overlay;
  overflow-y: overlay;
}
.containOverscroll_c1e16ne2 {
  overscroll-behavior: contain;
}

/* wyw-in-js:VirtualListWithCount.styles_b63jgi.wyw.css */
.itemContainer_irtxxgq {
  position: absolute;
  right: 0;
  left: 0;
}
.stickyScrollBounds_s191yxf0 {
  position: absolute;
  z-index: 1;
  right: 0;
  left: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  background-color: transparent;
  pointer-events: none;
}
.stickyItemContainer_s1d1wl27 {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  width: 100%;
  pointer-events: auto;
}
.stickyItemContainer_s1d1wl27:has([data-virtual-list-sticky-header-height-reduction]) {
  pointer-events: none;
}
.scrollContainer_s13qpy0w {
  position: relative;
}
.scrollContent_s1fpejck {
  position: relative;
  width: 100%;
}

/* wyw-in-js:EmptyState.styles_1f3i3vj.wyw.css */
.emptyStateWrapper_e1j1lwke {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: var(--framer-fresco-panelPadding-dimension, 15px) 0;
  cursor: default;
  text-align: center;
}
.emptyStateWrapper_e1j1lwke .primaryButtonWithDepth_peaa8uw {
  font-size: var(--framer-fresco-base-font-size, 12px);
}
.buttonWrapper_bc3jow4 {
  margin-top: var(--framer-fresco-panelPadding-dimension, 15px);
}
.fullWidthButton_f3djdwc .buttonWrapper_bc3jow4,
.fullWidthButton_f3djdwc .buttonPrimary_b1imdzu7,
.fullWidthButton_f3djdwc .button_b1rdbf0o {
  width: 100%;
}
.centerInParent_cw12p4w {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.icon_i1v0o626 {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  margin-bottom: 15px;
  color: var(--framer-fresco-emptyStateIcon-color, #999999);
}
.iconLarge_i4yur6m {
  width: 30px;
  height: 30px;
  border-radius: 8px;
}
.warning_w8op1o5 .button_b1rdbf0o:not(.buttonPrimary_b1imdzu7) {
  background: none !important;
  color: var(--framer-fresco-warningTint-color, #FFBB00);
}
.warning_w8op1o5 .icon_i1v0o626 {
  background: var(--framer-fresco-warningTint-color, #FFBB00);
}
.title_tczxb1t {
  margin-bottom: 10px;
  color: var(--framer-fresco-panelTitle-color, #333333);
  font-weight: var(--framer-fresco-heading-font-weight, 600);
  line-height: 1;
}
.bodyText_b1jfd09r {
  color: var(--framer-fresco-emptyStateBodyTextForSites-color, #999999);
  font-size: var(--framer-fresco-base-font-size, 12px);
  font-weight: var(--framer-fresco-base-font-weight, 500);
  line-height: 1.5;
  white-space: pre-wrap;
}
.placeHolder_p1g69xd3 {
  min-height: 30px;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.leftAlign_l1m5c2c1 {
  text-align: left;
}

/* wyw-in-js:InputWrapper.styles_i88hfb.wyw.css */
.inputWrapper_i1ubxgci {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: auto;
  height: var(--framer-fresco-inputHeight-dimension, 30px);
  min-height: var(--framer-fresco-inputHeight-dimension, 30px);
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-width: 1px;
  border-style: solid;
  border-color: var(--framer-fresco-inputBorder-color, transparent);
  border-radius: var(--framer-fresco-inputRadius-dimension, 8px);
  background: var(--framer-fresco-inputBackground-color, #f3f3f3);
  color: var(--framer-fresco-inputIcon-color, #999999);
  cursor: default;
}
.inputWrapper_i1ubxgci:focus-within {
  border-color: var(--framer-fresco-inputBorderActive-color, #0099ff);
}
.inputWrapper_i1ubxgci input {
  width: 1px;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  border: none;
  background: none;
}
.inputWrapper_i1ubxgci input:focus {
  border: none;
}
.inputWrapperGhost_ieuh0tq {
  background: transparent;
  border-color: transparent;
  -webkit-transition: background-color 0.15s ease;
  transition: background-color 0.15s ease;
}
.inputWrapperGhost_ieuh0tq:focus-within,
.inputWrapperGhost_ieuh0tq:hover {
  border-color: transparent;
  background: var(--framer-fresco-inputBackground-color, #f3f3f3);
}
.inputWrapperGhost_ieuh0tq:has([data-focus-visible]) {
  outline: var(--framer-fresco-focusOutlineWidth-dimension, 1.5px) solid var(--framer-fresco-tint-color, #0099ff);
  outline-offset: var(--framer-fresco-focusOutlineOffset-dimension, 1.5px);
}
.inputWrapperError_if3vyou {
  border-color: var(--framer-fresco-inputBorderError-color, #ff3366);
}
.inputWrapperWarning_io3pwrq {
  border-color: var(--framer-fresco-inputBorderWarning-color, #FFBB00);
}
.inputWrapperLarge_i17mp6by {
  height: var(--framer-fresco-inputHeight-dimension, 30px);
  min-height: var(--framer-fresco-inputHeight-dimension, 30px);
}
.inputWrapperLarge_i17mp6by input {
  height: calc(100% - 2px);
  font-weight: var(--framer-fresco-baseActive-font-weight, 500);
}
.inputWrapperMultiline_i1tvtrud {
  height: auto;
}

/* wyw-in-js:Popover.styles_14lht76.wyw.css */
.container_cnajjln {
  border-radius: var(--framer-fresco-popoverRadius-dimension, 15px);
  background-color: var(--framer-fresco-panelBackground-color, #ffffff);
  box-shadow: var(--framer-fresco-popover-shadow, 0px 10px 30px 0px rgba(0, 0, 0, 0.1), 0px 1px 4px 0px rgba(0, 0, 0, 0.02));
}
.animateAppear_a93qo4z {
  opacity: 0;
  -webkit-transform: scale(0.97);
  -moz-transform: scale(0.97);
  -ms-transform: scale(0.97);
  transform: scale(0.97);
  transform-origin: var(--popover-transform-origin, top center);
  -webkit-transition: opacity 150ms cubic-bezier(0.16, 1, 0.3, 1), -webkit-transform 150ms cubic-bezier(0.16, 1, 0.3, 1);
  transition: opacity 150ms cubic-bezier(0.16, 1, 0.3, 1), transform 150ms cubic-bezier(0.16, 1, 0.3, 1);
}
.animateAppear_a93qo4z[data-entered=true] {
  opacity: 1;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.animateAppear_a93qo4z[data-leave=true] {
  opacity: 0;
  -webkit-transform: scale(0.97);
  -moz-transform: scale(0.97);
  -ms-transform: scale(0.97);
  transform: scale(0.97);
  transition-duration: 50ms;
  transition-timing-function: ease-out;
}
.temporarilyHideArrow_toyqxha {
  opacity: 0;
}
.arrow_a1lz2nwz {
  position: absolute;
  top: calc(var(--framer-fresco-tooltipArrowHeight-dimension, 8px) * -1);
  color: var(--framer-fresco-popoverBackground-color, #ffffff);
  opacity: 1;
  pointer-events: none;
  -webkit-transition: -webkit-transform 0.2s ease, opacity 0.2s ease;
  transition: transform 0.2s ease, opacity 0.2s ease;
}
.arrow_a1lz2nwz.arrowTop_aqmoazg.temporarilyHideArrow_toyqxha {
  --additionalTranslateY:100%;
}
.arrow_a1lz2nwz.arrowBottom_a1pggfa4.temporarilyHideArrow_toyqxha {
  --additionalTranslateY:-100%;
}
.arrow_a1lz2nwz.arrowLeft_a13qbbhc.temporarilyHideArrow_toyqxha {
  --additionalTranslateX:100%;
}
.arrow_a1lz2nwz.arrowRight_a8mojim.temporarilyHideArrow_toyqxha {
  --additionalTranslateX:-100%;
}
.backdrop_b1uoieyj {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  pointer-events: none;
}
.enabledBackdrop_eq1ds02 {
  pointer-events: auto;
}
.centeringBackdrop_ceba92x {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: auto;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: space-around;
  -ms-flex-pack: space-around;
  -webkit-justify-content: space-around;
  justify-content: space-around;
  padding: var(--framer-fresco-popoverPadding-dimension, 15px) 0;
}
.backdropTint_b1xmktzb {
  background-color: var(--framer-fresco-modalBackdrop-color, rgba(0, 0, 0, 0.4));
}
.popover_p14lm6d1 {
  position: absolute;
  pointer-events: auto;
}
.centeredPopover_cisoyrt {
  position: relative;
}

/* wyw-in-js:popoverInset.styles_1fd5e4b.wyw.css */
.popoverInset_p1xzm6jr {
  position: relative;
}
.popoverInset_p1xzm6jr::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 11;
  border-radius: inherit;
  pointer-events: none;
  box-shadow: var(--framer-fresco-popoverInset-shadow, none);
}

/* wyw-in-js:ThemeOverride.styles_1jt98we.wyw.css */
body[data-framer-theme=light] .component_c1umhcny {
  --framer-fresco-tint-color:#8855ff;
  --framer-fresco-tintDark-color:#7744FF;
  --framer-fresco-tintExtraDark-color:#7733ff;
  --framer-fresco-tintDimmed-color:color(display-p3 0.533333 0.333333 1 / 0.1);
  --framer-fresco-tintGradientStart-color:rgba(136, 85, 255, 0.4);
  --framer-fresco-tintGradientEnd-color:rgba(136, 85, 255, 0.8);
  --framer-fresco-selectionBackground-color:color(display-p3 0.52 0.357 0.965 / 0.15);
  --framer-fresco-selectionText-color:#8855ff;
  --framer-fresco-assetsRowCodeFileText-color:#8855ff;
  --framer-fresco-assetsRowCodeFileBackgroundSelected-color:color(display-p3 0.533333 0.333333 1 / 0.1);
  --framer-fresco-canvasCreatePreviewBorder-color:#8855ff;
  --framer-fresco-canvasSelectionRectBackground-color:rgba(136, 85, 255, 0.1);
  --framer-fresco-canvasSelectionRectBorder-color:rgba(136, 85, 255, 0.5);
  --framer-fresco-canvasTooltipBackground-color:#8855ff;
  --framer-fresco-buttonBackgroundPrimary-color:#8855ff;
  --framer-fresco-buttonBackgroundPrimaryHover-color:#7744FF;
  --framer-fresco-buttonBackgroundPrimaryActive-color:#7733ff;
  --framer-fresco-buttonWithDepthPrimaryBackground-color:#8855ff;
  --framer-fresco-buttonWithDepthPrimaryBackgroundHover-color:#7733ff;
  --framer-fresco-buttonWithDepthPrimaryShadow-color:0px 1px 2px 0px rgba(136, 85, 255, 0.15),0px 2px 4px 0px rgba(136, 85, 255, 0.2);
  --framer-fresco-buttonWithDepthPrimaryShadowHover-color:0px 1px 2px 0px rgba(119, 51, 255, 0.15),0px 2px 4px 0px rgba(119, 51, 255, 0.3);
  --framer-fresco-inputBorderActive-color:#8855ff;
  --framer-fresco-comboBoxHighlightedRowTint-color:#8855ff;
  --framer-fresco-pillTintBackground-color:rgba(136, 85, 255, 0.1);
  --framer-fresco-pillTintText-color:#8855ff;
  --framer-fresco-pillTintIcon-color:#8855ff;
  --framer-fresco-segmentedControlItemTextSelected-color:#8855ff;
  --framer-fresco-segmentedControlItemTextSelectedHover-color:#7744FF;
  --framer-fresco-sliderTrackActive-color:#8855ff;
  --framer-fresco-alternativePresetIcon-color:#8855ff;
  --framer-fresco-alternativePresetSelectedColor-color:#8855ff;
  --framer-fresco-alternativePresetSelectedBackground-color:rgba(136, 85, 255, 0.1);
  --framer-fresco-assetStyleIcon-color:#8855ff;
  --framer-fresco-swatchBackgroundForLink-color:#8855ff;
  --framer-fresco-checkboxBackgroundChecked-color:#8855ff;
  --framer-fresco-checkboxBackgroundCheckedActive-color:#7744FF;
  --framer-fresco-toggleBackgroundChecked-color:#8855ff;
  --framer-fresco-toolbarIconActive-color:#8855ff;
  --framer-fresco-toolbarButtonBackgroundTintedSites-color:color(display-p3 0.533333 0.333333 1 / 0.1);
  --framer-fresco-breadcrumbItemBackgroundTinted-color:color(display-p3 0.533333 0.333333 1 / 0.1);
  --framer-fresco-menuBackgroundActive-color:#8855ff;
  --framer-fresco-layerItemIconDimmed-color:#86829a;
  --framer-fresco-layerItemAgentContextToolHighlightBackground-color:rgba(136, 85, 255, 0.05);
  --framer-fresco-layerItemAgentContextToolHighlightBorder-color:rgba(136, 85, 255, 0.1);
  --framer-fresco-canvasOverlayTriggerOutline-color:rgba(136, 85, 255, 0.5);
  --framer-fresco-calendarPrimary-color:#8855ff;
  --framer-fresco-guideHighlightColor-color:#8855ff;
  --framer-fresco-badgeBackground-color:rgba(136, 85, 255, 0.15);
  --framer-fresco-domainVoucherBadgeIconBackground-color:rgba(136, 85, 255, 0.1);
  --framer-fresco-feedbackHasRepliesBackground-color:rgba(136, 85, 255, 0.1);
  --framer-fresco-badgeBasicWorkspaceBackground-color:rgba(136, 85, 255, 0.15);
  --framer-fresco-badgeBasicWorkspaceText-color:#8855ff;
  --framer-fresco-badgeTeamEditorWorkspaceBackground-color:rgba(136, 85, 255, 0.15);
  --framer-fresco-badgeTeamEditorWorkspaceText-color:#8855ff;
  --framer-fresco-advancedHostingConnectionLabelBackground-color:rgba(136, 85, 255, 0.15);
  --framer-fresco-advancedHostingConnectionLabelText-color:#8855ff;
  --framer-fresco-advancedHostingTooltipTint-color:#8855ff;
  --framer-fresco-kitBadgeBackground-color:rgba(136, 85, 255, 0.05);
  --framer-fresco-kitBadgeForeground-color:#8855ff;
  --framer-fresco-toastBackgroundPrimary-color:#8855ff;
  --framer-fresco-toastIconSites-color:#8855ff;
  --framer-fresco-teamCreationNavigationActive-color:#8855ff;
  --framer-fresco-teamCreationBenefitIcon-color:#8855ff;
  --framer-fresco-highlightsBorder-color:#8855ff;
  --framer-fresco-aiHighlightBorder-color:#8855ff;
  --framer-fresco-onPageHighlightBorder-color:rgba(136, 85, 255, 0.8);
  --framer-fresco-statusBarAlphaIcon-color:#8855ff;
  --framer-fresco-settingsSocialPreviewTitle-color:#8855ff;
  --framer-fresco-dnsTableConnectedLabel-color:rgba(136, 85, 255, 0.1);
  --framer-fresco-breakpointTitleBackgroundPrimary-color:color(display-p3 0.533333 0.333333 1 / 0.1);
  --framer-fresco-breakpointCreationButtonBackgroundPrimary-color:rgba(136, 85, 255, 0.15);
  --framer-fresco-breakpointCreationButtonBackgroundActive-color:#8855ff;
  --framer-fresco-analyticsTint-color:#8855ff;
  --framer-fresco-analyticsTintBackground-color:rgba(136, 85, 255, 0.1);
  --framer-fresco-basicSiteColor-color:#8855ff;
  --framer-fresco-basicSiteBackground-color:rgba(136, 85, 255, 0.1);
  --framer-fresco-planCardPersonalButtonColor-color:rgba(136, 85, 255, 0.1);
  --framer-fresco-planCardPersonalButtonColorText-color:#8855ff;
  --framer-fresco-planCardPersonalButtonBorderColor-color:rgba(136, 85, 255, 0.1);
  --framer-fresco-planCardBillingToggleActiveBackground-color:#8855ff;
  --framer-fresco-planCardHighlightedBackgroundGradientStop1-color:rgba(136, 85, 255, 0.05);
  --framer-fresco-badgeCurrentPlanTypeBackgroundColor-color:rgba(136, 85, 255, 0.1);
  --framer-fresco-cmsTableCellAgentUpdateHighlight-color:#8855ff;
  --framer-fresco-cmsRichTextDropCursor-color:#8855ff;
  --framer-fresco-cmsCodeBlockAccent-color:#8855ff;
  --framer-fresco-cmsCodeBlockKeyword-color:#8855ff;
  --framer-fresco-cmsCodeBlockTag-color:#8855ff;
  --framer-fresco-quickActionsIconDefaultLegacy-color:#8855ff;
  --framer-fresco-quickActionsIconBackgroundDefault-color:color(display-p3 0.533333 0.333333 1 / 0.1);
  --framer-fresco-quickActionsIconBackgroundDefaultActive-color:#8855ff;
  --framer-fresco-activeGoogleSheetIcon-color:#8855ff;
  --framer-fresco-fillIconBorderActive-color:#8855ff;
  --framer-fresco-fillIconSolidFillActive-color:rgba(136, 85, 255, 0.4);
  --framer-fresco-fillIconLinearFillActive-color:rgba(136, 85, 255, 0.8);
  --framer-fresco-fillIconRadialFillActive-color:rgba(136, 85, 255, 0.8);
  --framer-fresco-fillIconConicFillInnerActive-color:#8855ff;
  --framer-fresco-fillIconImageFillInnerActive-color:rgba(136, 85, 255, 0.4);
  --framer-fresco-fillIconImageFillOuterActive-color:#8855ff;
  --framer-fresco-anchorGridSelected-color:#8855ff;
  --framer-fresco-avatarTinted-shadow:inset 0 0 0 1px rgba(136, 85, 255, 0.15);
  --framer-fresco-distributionSliderKnobSelected-shadow:inset 0 0 0 3px white,inset 0 0 0 4px #8855ff,0 0 0 1px #8855ff;
  --framer-fresco-gradientSliderKnobSelected-shadow:inset 0 0 0 3px white,inset 0 0 0 4px #8855ff,0 0 0 1px #8855ff;
}
body[data-framer-theme=dark] .component_c1umhcny {
  --framer-fresco-tint-color:#8855ff;
  --framer-fresco-tintDark-color:#8844FF;
  --framer-fresco-tintExtraDark-color:#7733ff;
  --framer-fresco-tintDimmed-color:color(display-p3 0.533333 0.333333 1 / 0.1);
  --framer-fresco-tintGradientStart-color:rgba(153, 102, 255, 0.4);
  --framer-fresco-tintGradientEnd-color:rgba(153, 102, 255, 0.8);
  --framer-fresco-selectionBackground-color:color(display-p3 0.52 0.357 0.965 / 0.15);
  --framer-fresco-selectionText-color:#8855ff;
  --framer-fresco-assetsRowCodeFileText-color:#8855ff;
  --framer-fresco-assetsRowCodeFileBackgroundSelected-color:color(display-p3 0.533333 0.333333 1 / 0.1);
  --framer-fresco-canvasCreatePreviewBorder-color:#8855ff;
  --framer-fresco-canvasSelectionRectBackground-color:rgba(136, 85, 255, 0.1);
  --framer-fresco-canvasSelectionRectBorder-color:rgba(136, 85, 255, 0.5);
  --framer-fresco-canvasTooltipBackground-color:#8855ff;
  --framer-fresco-canvasOverlayTriggerOutline-color:rgba(136, 85, 255, 0.5);
  --framer-fresco-calendarPrimary-color:#8855ff;
  --framer-fresco-buttonBackgroundPrimary-color:#8855ff;
  --framer-fresco-buttonBackgroundPrimaryHover-color:#8844FF;
  --framer-fresco-buttonBackgroundPrimaryActive-color:#7733ff;
  --framer-fresco-buttonWithDepthPrimaryBackground-color:#8855ff;
  --framer-fresco-buttonWithDepthPrimaryBackgroundHover-color:#7733ff;
  --framer-fresco-buttonWithDepthPrimaryShadow-color:0px 2px 4px 0px rgba(136, 85, 255, 0.3);
  --framer-fresco-buttonWithDepthPrimaryShadowHover-color:0px 2px 4px 0px rgba(119, 51, 255, 0.3);
  --framer-fresco-inputBorderActive-color:#8855ff;
  --framer-fresco-comboBoxHighlightedRowTint-color:#8855ff;
  --framer-fresco-pillTintBackground-color:rgba(136, 85, 255, 0.1);
  --framer-fresco-pillTintText-color:#8855ff;
  --framer-fresco-pillTintIcon-color:#8855ff;
  --framer-fresco-sliderTrackActive-color:#8855ff;
  --framer-fresco-alternativePresetIcon-color:#8855ff;
  --framer-fresco-alternativePresetSelectedColor-color:#8855ff;
  --framer-fresco-alternativePresetSelectedBackground-color:rgba(136, 85, 255, 0.15);
  --framer-fresco-assetStyleIcon-color:#8855ff;
  --framer-fresco-activeGoogleSheetIcon-color:#8855ff;
  --framer-fresco-swatchBackgroundForLink-color:#8855ff;
  --framer-fresco-checkboxBackgroundChecked-color:#8855ff;
  --framer-fresco-checkboxBackgroundCheckedActive-color:#8844FF;
  --framer-fresco-toggleBackgroundChecked-color:#8855ff;
  --framer-fresco-toolbarIconActive-color:#8855ff;
  --framer-fresco-toolbarButtonBackgroundTintedSites-color:color(display-p3 0.533333 0.333333 1 / 0.1);
  --framer-fresco-breadcrumbItemBackgroundTinted-color:color(display-p3 0.533333 0.333333 1 / 0.1);
  --framer-fresco-menuBackgroundActive-color:#8855ff;
  --framer-fresco-layerItemIconDimmed-color:#74708c;
  --framer-fresco-layerItemAgentContextToolHighlightBackground-color:rgba(136, 85, 255, 0.05);
  --framer-fresco-layerItemAgentContextToolHighlightBorder-color:rgba(136, 85, 255, 0.1);
  --framer-fresco-guideHighlightColor-color:#8855ff;
  --framer-fresco-badgeBackground-color:rgba(136, 85, 255, 0.15);
  --framer-fresco-domainVoucherBadgeIconBackground-color:rgba(136, 85, 255, 0.1);
  --framer-fresco-feedbackHasRepliesBackground-color:rgba(136, 85, 255, 0.1);
  --framer-fresco-badgeBasicWorkspaceBackground-color:rgba(136, 85, 255, 0.15);
  --framer-fresco-badgeBasicWorkspaceText-color:#8855ff;
  --framer-fresco-badgeTeamEditorWorkspaceBackground-color:rgba(136, 85, 255, 0.15);
  --framer-fresco-badgeTeamEditorWorkspaceText-color:#8855ff;
  --framer-fresco-advancedHostingConnectionLabelBackground-color:rgba(136, 85, 255, 0.15);
  --framer-fresco-advancedHostingConnectionLabelText-color:#8855ff;
  --framer-fresco-advancedHostingTooltipTint-color:#8844FF;
  --framer-fresco-kitBadgeBackground-color:rgba(136, 85, 255, 0.05);
  --framer-fresco-kitBadgeForeground-color:#8855ff;
  --framer-fresco-toastBackgroundPrimary-color:#8855ff;
  --framer-fresco-toastIconSites-color:#8855ff;
  --framer-fresco-teamCreationNavigationActive-color:#8855ff;
  --framer-fresco-teamCreationBenefitIcon-color:#8855ff;
  --framer-fresco-highlightsBorder-color:#8855ff;
  --framer-fresco-aiHighlightBorder-color:#8855ff;
  --framer-fresco-onPageHighlightBorder-color:rgba(153, 102, 255, 0.8);
  --framer-fresco-statusBarAlphaIcon-color:#8855ff;
  --framer-fresco-settingsSocialPreviewTitle-color:#8855ff;
  --framer-fresco-dnsTableConnectedLabel-color:rgba(136, 85, 255, 0.1);
  --framer-fresco-breakpointTitleBackgroundPrimary-color:color(display-p3 0.533333 0.333333 1 / 0.1);
  --framer-fresco-breakpointCreationButtonBackgroundPrimary-color:rgba(136, 85, 255, 0.15);
  --framer-fresco-breakpointCreationButtonBackgroundActive-color:#8855ff;
  --framer-fresco-analyticsTint-color:#8855ff;
  --framer-fresco-analyticsTintBackground-color:rgba(136, 85, 255, 0.1);
  --framer-fresco-basicSiteColor-color:#8855ff;
  --framer-fresco-basicSiteBackground-color:rgba(136, 85, 255, 0.1);
  --framer-fresco-planCardPersonalButtonColorText-color:#8855ff;
  --framer-fresco-cmsTableCellAgentUpdateHighlight-color:#8855ff;
  --framer-fresco-cmsRichTextDropCursor-color:#8855ff;
  --framer-fresco-cmsCodeBlockAccent-color:#8855ff;
  --framer-fresco-quickActionsIconDefaultLegacy-color:#8855ff;
  --framer-fresco-quickActionsIconBackgroundDefault-color:color(display-p3 0.533333 0.333333 1 / 0.1);
  --framer-fresco-quickActionsIconBackgroundDefaultActive-color:#8855ff;
  --framer-fresco-anchorGridSelected-color:#8855ff;
  --framer-fresco-avatarTinted-shadow:inset 0 0 0 1px rgba(136, 85, 255, 0.15);
  --framer-fresco-distributionSliderKnobSelected-shadow:inset 0 0 0 3px white,inset 0 0 0 4px #8855ff,0 0 0 1px #8855ff;
  --framer-fresco-gradientSliderKnobSelected-shadow:inset 0 0 0 3px white,inset 0 0 0 4px rgba(0, 0, 0, 0.1),0 0 0 1px #111111,0 0 0 2px #8855ff;
}
body[data-framer-theme=dark].agent .component_c1umhcny {
  --framer-fresco-buttonWithDepthPrimaryShadow-color:none;
  --framer-fresco-buttonWithDepthPrimaryShadowHover-color:none;
}
body[data-framer-theme=light] .componentOverlayEditMode_c12c8kmr {
  --framer-fresco-tint-color:#8855ff;
  --framer-fresco-tintDark-color:#7744FF;
  --framer-fresco-tintExtraDark-color:#7733ff;
  --framer-fresco-tintDimmed-color:color(display-p3 0.533333 0.333333 1 / 0.1);
  --framer-fresco-tintGradientStart-color:rgba(136, 85, 255, 0.4);
  --framer-fresco-tintGradientEnd-color:rgba(136, 85, 255, 0.8);
  --framer-fresco-selectionBackground-color:color(display-p3 0.52 0.357 0.965 / 0.15);
  --framer-fresco-selectionText-color:#8855ff;
  --framer-fresco-assetsRowCodeFileText-color:#8855ff;
  --framer-fresco-assetsRowCodeFileBackgroundSelected-color:color(display-p3 0.533333 0.333333 1 / 0.1);
  --framer-fresco-canvasCreatePreviewBorder-color:#8855ff;
  --framer-fresco-canvasSelectionRectBackground-color:rgba(136, 85, 255, 0.1);
  --framer-fresco-canvasSelectionRectBorder-color:rgba(136, 85, 255, 0.5);
  --framer-fresco-canvasTooltipBackground-color:#8855ff;
  --framer-fresco-buttonBackgroundPrimary-color:#8855ff;
  --framer-fresco-buttonBackgroundPrimaryHover-color:#7744FF;
  --framer-fresco-buttonBackgroundPrimaryActive-color:#7733ff;
  --framer-fresco-buttonWithDepthPrimaryBackground-color:#8855ff;
  --framer-fresco-buttonWithDepthPrimaryBackgroundHover-color:#7733ff;
  --framer-fresco-buttonWithDepthPrimaryShadow-color:0px 1px 2px 0px rgba(136, 85, 255, 0.15),0px 2px 4px 0px rgba(136, 85, 255, 0.2);
  --framer-fresco-buttonWithDepthPrimaryShadowHover-color:0px 1px 2px 0px rgba(119, 51, 255, 0.15),0px 2px 4px 0px rgba(119, 51, 255, 0.3);
  --framer-fresco-inputBorderActive-color:#8855ff;
  --framer-fresco-comboBoxHighlightedRowTint-color:#8855ff;
  --framer-fresco-pillTintBackground-color:rgba(136, 85, 255, 0.1);
  --framer-fresco-pillTintText-color:#8855ff;
  --framer-fresco-pillTintIcon-color:#8855ff;
  --framer-fresco-segmentedControlItemTextSelected-color:#8855ff;
  --framer-fresco-segmentedControlItemTextSelectedHover-color:#7744FF;
  --framer-fresco-sliderTrackActive-color:#8855ff;
  --framer-fresco-alternativePresetIcon-color:#8855ff;
  --framer-fresco-alternativePresetSelectedColor-color:#8855ff;
  --framer-fresco-alternativePresetSelectedBackground-color:rgba(136, 85, 255, 0.1);
  --framer-fresco-assetStyleIcon-color:#8855ff;
  --framer-fresco-swatchBackgroundForLink-color:#8855ff;
  --framer-fresco-checkboxBackgroundChecked-color:#8855ff;
  --framer-fresco-checkboxBackgroundCheckedActive-color:#7744FF;
  --framer-fresco-toggleBackgroundChecked-color:#8855ff;
  --framer-fresco-toolbarIconActive-color:#8855ff;
  --framer-fresco-toolbarButtonBackgroundTintedSites-color:color(display-p3 0.533333 0.333333 1 / 0.1);
  --framer-fresco-breadcrumbItemBackgroundTinted-color:color(display-p3 0.533333 0.333333 1 / 0.1);
  --framer-fresco-menuBackgroundActive-color:#8855ff;
  --framer-fresco-layerItemIconDimmed-color:#86829a;
  --framer-fresco-layerItemAgentContextToolHighlightBackground-color:rgba(136, 85, 255, 0.05);
  --framer-fresco-layerItemAgentContextToolHighlightBorder-color:rgba(136, 85, 255, 0.1);
  --framer-fresco-canvasBackground-color:#E8DDFF;
  --framer-fresco-canvasOverlayTriggerOutline-color:rgba(136, 85, 255, 0.5);
  --framer-fresco-calendarPrimary-color:#8855ff;
  --framer-fresco-rulerBackground-color:#DFCEFF;
  --framer-fresco-rulerBorderColor-color:rgba(136, 85, 255, 0.1);
  --framer-fresco-rulerTickColor-color:rgb(136, 85, 255);
  --framer-fresco-rulerTextColor-color:rgb(136, 85, 255);
  --framer-fresco-rulerFadeOut-color:rgba(136, 85, 255, 0);
  --framer-fresco-guideHighlightColor-color:#8855ff;
  --framer-fresco-badgeBackground-color:rgba(136, 85, 255, 0.15);
  --framer-fresco-domainVoucherBadgeIconBackground-color:rgba(136, 85, 255, 0.1);
  --framer-fresco-feedbackHasRepliesBackground-color:rgba(136, 85, 255, 0.1);
  --framer-fresco-badgeBasicWorkspaceBackground-color:rgba(136, 85, 255, 0.15);
  --framer-fresco-badgeBasicWorkspaceText-color:#8855ff;
  --framer-fresco-badgeTeamEditorWorkspaceBackground-color:rgba(136, 85, 255, 0.15);
  --framer-fresco-badgeTeamEditorWorkspaceText-color:#8855ff;
  --framer-fresco-advancedHostingConnectionLabelBackground-color:rgba(136, 85, 255, 0.15);
  --framer-fresco-advancedHostingConnectionLabelText-color:#8855ff;
  --framer-fresco-advancedHostingTooltipTint-color:#8855ff;
  --framer-fresco-kitBadgeBackground-color:rgba(136, 85, 255, 0.05);
  --framer-fresco-kitBadgeForeground-color:#8855ff;
  --framer-fresco-toastBackgroundPrimary-color:#8855ff;
  --framer-fresco-toastIconSites-color:#8855ff;
  --framer-fresco-teamCreationNavigationActive-color:#8855ff;
  --framer-fresco-teamCreationBenefitIcon-color:#8855ff;
  --framer-fresco-highlightsBorder-color:#8855ff;
  --framer-fresco-aiHighlightBorder-color:#8855ff;
  --framer-fresco-onPageHighlightBorder-color:rgba(136, 85, 255, 0.8);
  --framer-fresco-statusBarAlphaIcon-color:#8855ff;
  --framer-fresco-settingsSocialPreviewTitle-color:#8855ff;
  --framer-fresco-dnsTableConnectedLabel-color:rgba(136, 85, 255, 0.1);
  --framer-fresco-breakpointTitleBackgroundPrimary-color:color(display-p3 0.533333 0.333333 1 / 0.1);
  --framer-fresco-breakpointCreationButtonBackgroundPrimary-color:rgba(136, 85, 255, 0.15);
  --framer-fresco-breakpointCreationButtonBackgroundActive-color:#8855ff;
  --framer-fresco-analyticsTint-color:#8855ff;
  --framer-fresco-analyticsTintBackground-color:rgba(136, 85, 255, 0.1);
  --framer-fresco-basicSiteColor-color:#8855ff;
  --framer-fresco-basicSiteBackground-color:rgba(136, 85, 255, 0.1);
  --framer-fresco-planCardPersonalButtonColor-color:rgba(136, 85, 255, 0.1);
  --framer-fresco-planCardPersonalButtonColorText-color:#8855ff;
  --framer-fresco-planCardPersonalButtonBorderColor-color:rgba(136, 85, 255, 0.1);
  --framer-fresco-planCardBillingToggleActiveBackground-color:#8855ff;
  --framer-fresco-planCardHighlightedBackgroundGradientStop1-color:rgba(136, 85, 255, 0.05);
  --framer-fresco-badgeCurrentPlanTypeBackgroundColor-color:rgba(136, 85, 255, 0.1);
  --framer-fresco-cmsTableCellAgentUpdateHighlight-color:#8855ff;
  --framer-fresco-cmsRichTextDropCursor-color:#8855ff;
  --framer-fresco-cmsCodeBlockAccent-color:#8855ff;
  --framer-fresco-cmsCodeBlockKeyword-color:#8855ff;
  --framer-fresco-cmsCodeBlockTag-color:#8855ff;
  --framer-fresco-quickActionsIconDefaultLegacy-color:#8855ff;
  --framer-fresco-quickActionsIconBackgroundDefault-color:color(display-p3 0.533333 0.333333 1 / 0.1);
  --framer-fresco-quickActionsIconBackgroundDefaultActive-color:#8855ff;
  --framer-fresco-activeGoogleSheetIcon-color:#8855ff;
  --framer-fresco-fillIconBorderActive-color:#8855ff;
  --framer-fresco-fillIconSolidFillActive-color:rgba(136, 85, 255, 0.4);
  --framer-fresco-fillIconLinearFillActive-color:rgba(136, 85, 255, 0.8);
  --framer-fresco-fillIconRadialFillActive-color:rgba(136, 85, 255, 0.8);
  --framer-fresco-fillIconConicFillInnerActive-color:#8855ff;
  --framer-fresco-fillIconImageFillInnerActive-color:rgba(136, 85, 255, 0.4);
  --framer-fresco-fillIconImageFillOuterActive-color:#8855ff;
  --framer-fresco-anchorGridSelected-color:#8855ff;
}
body[data-framer-theme=dark] .componentOverlayEditMode_c12c8kmr {
  --framer-fresco-tint-color:#8855ff;
  --framer-fresco-tintDark-color:#8844FF;
  --framer-fresco-tintExtraDark-color:#7733ff;
  --framer-fresco-tintDimmed-color:color(display-p3 0.533333 0.333333 1 / 0.1);
  --framer-fresco-tintGradientStart-color:rgba(153, 102, 255, 0.4);
  --framer-fresco-tintGradientEnd-color:rgba(153, 102, 255, 0.8);
  --framer-fresco-selectionBackground-color:color(display-p3 0.52 0.357 0.965 / 0.15);
  --framer-fresco-selectionText-color:#8855ff;
  --framer-fresco-assetsRowCodeFileText-color:#8855ff;
  --framer-fresco-assetsRowCodeFileBackgroundSelected-color:color(display-p3 0.533333 0.333333 1 / 0.1);
  --framer-fresco-canvasCreatePreviewBorder-color:#8855ff;
  --framer-fresco-canvasSelectionRectBackground-color:rgba(136, 85, 255, 0.1);
  --framer-fresco-canvasSelectionRectBorder-color:rgba(136, 85, 255, 0.5);
  --framer-fresco-canvasTooltipBackground-color:#8855ff;
  --framer-fresco-canvasOverlayTriggerOutline-color:rgba(136, 85, 255, 0.5);
  --framer-fresco-calendarPrimary-color:#8855ff;
  --framer-fresco-buttonBackgroundPrimary-color:#8855ff;
  --framer-fresco-buttonBackgroundPrimaryHover-color:#8844FF;
  --framer-fresco-buttonBackgroundPrimaryActive-color:#7733ff;
  --framer-fresco-buttonWithDepthPrimaryBackground-color:#8855ff;
  --framer-fresco-buttonWithDepthPrimaryBackgroundHover-color:#7733ff;
  --framer-fresco-buttonWithDepthPrimaryShadow-color:0px 2px 4px 0px rgba(136, 85, 255, 0.3);
  --framer-fresco-buttonWithDepthPrimaryShadowHover-color:0px 2px 4px 0px rgba(119, 51, 255, 0.3);
  --framer-fresco-inputBorderActive-color:#8855ff;
  --framer-fresco-comboBoxHighlightedRowTint-color:#8855ff;
  --framer-fresco-pillTintBackground-color:rgba(136, 85, 255, 0.1);
  --framer-fresco-pillTintText-color:#8855ff;
  --framer-fresco-pillTintIcon-color:#8855ff;
  --framer-fresco-sliderTrackActive-color:#8855ff;
  --framer-fresco-alternativePresetIcon-color:#8855ff;
  --framer-fresco-alternativePresetSelectedColor-color:#8855ff;
  --framer-fresco-alternativePresetSelectedBackground-color:rgba(136, 85, 255, 0.15);
  --framer-fresco-assetStyleIcon-color:#8855ff;
  --framer-fresco-activeGoogleSheetIcon-color:#8855ff;
  --framer-fresco-swatchBackgroundForLink-color:#8855ff;
  --framer-fresco-checkboxBackgroundChecked-color:#8855ff;
  --framer-fresco-checkboxBackgroundCheckedActive-color:#8844FF;
  --framer-fresco-toggleBackgroundChecked-color:#8855ff;
  --framer-fresco-toolbarIconActive-color:#8855ff;
  --framer-fresco-toolbarButtonBackgroundTintedSites-color:color(display-p3 0.533333 0.333333 1 / 0.1);
  --framer-fresco-breadcrumbItemBackgroundTinted-color:color(display-p3 0.533333 0.333333 1 / 0.1);
  --framer-fresco-menuBackgroundActive-color:#8855ff;
  --framer-fresco-layerItemIconDimmed-color:#74708c;
  --framer-fresco-layerItemAgentContextToolHighlightBackground-color:rgba(136, 85, 255, 0.05);
  --framer-fresco-layerItemAgentContextToolHighlightBorder-color:rgba(136, 85, 255, 0.1);
  --framer-fresco-canvasBackground-color:#2A1F41;
  --framer-fresco-rulerBackground-color:#332455;
  --framer-fresco-rulerBorderColor-color:rgba(136, 85, 255, 0.15);
  --framer-fresco-rulerTickColor-color:rgb(136, 85, 255);
  --framer-fresco-rulerTextColor-color:rgb(136, 85, 255);
  --framer-fresco-rulerFadeOut-color:rgba(136, 85, 255, 0);
  --framer-fresco-guideHighlightColor-color:#8855ff;
  --framer-fresco-badgeBackground-color:rgba(136, 85, 255, 0.15);
  --framer-fresco-domainVoucherBadgeIconBackground-color:rgba(136, 85, 255, 0.1);
  --framer-fresco-feedbackHasRepliesBackground-color:rgba(136, 85, 255, 0.1);
  --framer-fresco-badgeBasicWorkspaceBackground-color:rgba(136, 85, 255, 0.15);
  --framer-fresco-badgeBasicWorkspaceText-color:#8855ff;
  --framer-fresco-badgeTeamEditorWorkspaceBackground-color:rgba(136, 85, 255, 0.15);
  --framer-fresco-badgeTeamEditorWorkspaceText-color:#8855ff;
  --framer-fresco-advancedHostingConnectionLabelBackground-color:rgba(136, 85, 255, 0.15);
  --framer-fresco-advancedHostingConnectionLabelText-color:#8855ff;
  --framer-fresco-advancedHostingTooltipTint-color:#8844FF;
  --framer-fresco-kitBadgeBackground-color:rgba(136, 85, 255, 0.05);
  --framer-fresco-kitBadgeForeground-color:#8855ff;
  --framer-fresco-toastBackgroundPrimary-color:#8855ff;
  --framer-fresco-toastIconSites-color:#8855ff;
  --framer-fresco-teamCreationNavigationActive-color:#8855ff;
  --framer-fresco-teamCreationBenefitIcon-color:#8855ff;
  --framer-fresco-highlightsBorder-color:#8855ff;
  --framer-fresco-aiHighlightBorder-color:#8855ff;
  --framer-fresco-onPageHighlightBorder-color:rgba(153, 102, 255, 0.8);
  --framer-fresco-statusBarAlphaIcon-color:#8855ff;
  --framer-fresco-settingsSocialPreviewTitle-color:#8855ff;
  --framer-fresco-dnsTableConnectedLabel-color:rgba(136, 85, 255, 0.1);
  --framer-fresco-breakpointTitleBackgroundPrimary-color:color(display-p3 0.533333 0.333333 1 / 0.1);
  --framer-fresco-breakpointCreationButtonBackgroundPrimary-color:rgba(136, 85, 255, 0.15);
  --framer-fresco-breakpointCreationButtonBackgroundActive-color:#8855ff;
  --framer-fresco-analyticsTint-color:#8855ff;
  --framer-fresco-analyticsTintBackground-color:rgba(136, 85, 255, 0.1);
  --framer-fresco-basicSiteColor-color:#8855ff;
  --framer-fresco-basicSiteBackground-color:rgba(136, 85, 255, 0.1);
  --framer-fresco-planCardPersonalButtonColorText-color:#8855ff;
  --framer-fresco-cmsTableCellAgentUpdateHighlight-color:#8855ff;
  --framer-fresco-cmsRichTextDropCursor-color:#8855ff;
  --framer-fresco-cmsCodeBlockAccent-color:#8855ff;
  --framer-fresco-quickActionsIconDefaultLegacy-color:#8855ff;
  --framer-fresco-quickActionsIconBackgroundDefault-color:color(display-p3 0.533333 0.333333 1 / 0.1);
  --framer-fresco-quickActionsIconBackgroundDefaultActive-color:#8855ff;
  --framer-fresco-anchorGridSelected-color:#8855ff;
}
body[data-framer-theme=dark].agent .componentOverlayEditMode_c12c8kmr {
  --framer-fresco-buttonWithDepthPrimaryShadow-color:none;
  --framer-fresco-buttonWithDepthPrimaryShadowHover-color:none;
}
body[data-framer-theme=dark] .cmsSidebarTabs_c752w4z {
  --framer-fresco-tabsBackgroundSelected-color:#2E2E2E;
}
body[data-framer-theme=dark] .popover_p1ng92sv {
  --framer-fresco-panelBackground-color:#2B2B2B;
  --framer-fresco-panelDivider-color:#363636;
  --framer-fresco-inputBackground-color:#444444;
  --framer-fresco-buttonBackground-color:#444444;
  --framer-fresco-buttonBackgroundHover-color:#363636;
  --framer-fresco-popupButtonBackground-color:#444444;
  --framer-fresco-radioButtonBackground-color:#444444;
  --framer-fresco-radioButtonBackgroundHover-color:#363636;
  --framer-fresco-segmentedControlBackground-color:#3a3a3a;
  --framer-fresco-segmentedControlDivider-color:#555555;
  --framer-fresco-segmentedControlItemBackgroundSelected-color:#555555;
  --framer-fresco-checkboxLabel-color:#cccccc;
  --framer-fresco-menuBackground-color:#111111;
  --framer-fresco-menuSeparator-color:#363636;
  --framer-fresco-menuBackgroundActive-color:#0099ff;
  --framer-fresco-menuText-color:#ffffff;
  --framer-fresco-menuTextActive-color:#ffffff;
}
body[data-framer-theme=light].agent .popover_p1ng92sv {
  --framer-fresco-menuBackgroundActive-color:#f2f2f2;
  --framer-fresco-menuText-color:#333333;
  --framer-fresco-menuTextActive-color:#222222;
  --framer-fresco-inputBackground-color:#f5f5f5;
  --framer-fresco-inputText-color:#222222;
}
body[data-framer-theme=dark].agent .popover_p1ng92sv {
  --framer-fresco-panelBackground-color:#1f1f1f;
  --framer-fresco-menuBackground-color:#303030;
  --framer-fresco-menuSeparator-color:rgba(255, 255, 255, 0.07);
  --framer-fresco-menuBackgroundActive-color:#3a3a3a;
  --framer-fresco-inputBackground-color:#303030;
  --framer-fresco-buttonBackground-color:#333333;
  --framer-fresco-buttonBackgroundHover-color:#383838;
  --framer-fresco-tabsBackgroundSelected-color:#303030;
  --framer-fresco-menu-shadow:0px 3px 6px 0px rgba(0, 0, 0, 0.08),0px 0px 0px 1px #3a3a3a;
}
body[data-framer-theme=dark] .darkOnDarkPopoutWindow_d1cyscb0 {
  --framer-fresco-popoverInset-shadow:inset 0px 0px 0px 1px rgba(255, 255, 255, 0.07);
}
body[data-framer-theme=dark] .tooltipVariantLighter_t1f7bw7u {
  --framer-fresco-tooltipBackground-color:#303030;
}
body[data-framer-theme=dark] .darkOnDarkModal_d1ysjty9 {
  --framer-fresco-modalBackground-color:#181818;
}
body[data-framer-theme=dark] .modalVariantDefault_m1js5p3h {
  --framer-fresco-modalBackground-color:#1f1f1f;
  --framer-fresco-buttonBackground-color:#303030;
  --framer-fresco-inputBackground-color:#303030;
}
body[data-framer-theme=dark] .modalVariantDarker_m7h4j38 {
  --framer-fresco-modalBackground-color:#111111;
  --framer-fresco-buttonBackground-color:#242424;
  --framer-fresco-inputBackground-color:#242424;
}
body[data-framer-theme=light] .inverted_i800e5d {
  --framer-fresco-tint-color:#0099ff;
  --framer-fresco-tintDark-color:#0088ff;
  --framer-fresco-tintExtraDark-color:#1188ff;
  --framer-fresco-tintDimmed-color:color(display-p3 0 0.6 1 / 0.1);
  --framer-fresco-tintGradientStart-color:rgba(0, 153, 255, 0.4);
  --framer-fresco-tintGradientEnd-color:rgba(0, 153, 255, 0.8);
  --framer-fresco-componentTint-color:#8855ff;
  --framer-fresco-componentTintDark-color:#8844FF;
  --framer-fresco-componentTintExtraDark-color:#7733ff;
  --framer-fresco-componentTintDimmed-color:color(display-p3 0.533333 0.333333 1 / 0.1);
  --framer-fresco-componentTintDimmedDrag-color:rgba(136, 85, 255, 0.3);
  --framer-fresco-componentTintDimmedActive-color:rgba(136, 85, 255, 0.4);
  --framer-fresco-componentTintLight-color:#C399FF;
  --framer-fresco-errorTint-color:#ff3366;
  --framer-fresco-errorTintDimmed-color:rgba(255, 51, 102, 0.2);
  --framer-fresco-warningTint-color:#FFBB00;
  --framer-fresco-warningTintDimmed-color:rgba(255, 187, 0, 0.2);
  --framer-fresco-warningText-color:#FF9900;
  --framer-fresco-warningTextDimmed-color:rgba(255, 153, 0, 0.1);
  --framer-fresco-selectionBackground-color:color(display-p3 0 0.6 1 / 0.15);
  --framer-fresco-selectionComponentBackground-color:color(display-p3 0.52 0.357 0.965 / 0.15);
  --framer-fresco-selectionWarningBackground-color:color(display-p3 1 0.733 0 / 0.15);
  --framer-fresco-selectionEnterpriseUpsellBackground-color:color(display-p3 1 1 1 / 0.15);
  --framer-fresco-selectionText-color:#0099ff;
  --framer-fresco-selectionUnsaturatedBackground-color:rgba(255, 255, 255, 0.15);
  --framer-fresco-selectionUnsaturatedText-color:#ffffff;
  --framer-fresco-panelTitle-color:#ffffff;
  --framer-fresco-panelRowTitle-color:#cccccc;
  --framer-fresco-panelSectionTitle-color:#777777;
  --framer-fresco-panelText-color:#999999;
  --framer-fresco-panelDescription-color:#999999;
  --framer-fresco-panelTextSelected-color:#ffffff;
  --framer-fresco-panelBackground-color:#111111;
  --framer-fresco-panelDivider-color:#252525;
  --framer-fresco-panelSectionHeaderIcon-color:#ffffff;
  --framer-fresco-panelChevron-color:#666666;
  --framer-fresco-panelSubtitle-color:#cccccc;
  --framer-fresco-panelSubLabel-color:#666666;
  --framer-fresco-panelPressedState-color:#aaaaaa;
  --framer-fresco-nuxPanelHeaderTitle-color:#ffffff;
  --framer-fresco-nuxPanelStepTitle-color:#cccccc;
  --framer-fresco-nuxPanelStepTitleDisabled-color:#888888;
  --framer-fresco-nuxPanelStepTitleHighlighted-color:#DDEEFF;
  --framer-fresco-nuxPanelStepNumberHighlighted-color:#ffffff;
  --framer-fresco-nuxPanelSubtitle-color:#888888;
  --framer-fresco-nuxPanelSubtitleDisabled-color:#666666;
  --framer-fresco-nuxPanelButton-color:#222222;
  --framer-fresco-nuxPanelButtonDisabled-color:#181818;
  --framer-fresco-nuxPanelCard-color:#181818;
  --framer-fresco-nuxPanelCheckmark-color:#666666;
  --framer-fresco-assetsRowCodeFileText-color:#0099ff;
  --framer-fresco-assetsRowCodeFileBackgroundSelected-color:color(display-p3 0 0.6 1 / 0.1);
  --framer-fresco-assetsRowCodeFileBackgroundDragged-color:rgba(0, 153, 255, 0.3);
  --framer-fresco-assetsRowCodeFileBackgroundDraggedUnsaturated-color:rgba(40, 40, 40, 0.3);
  --framer-fresco-colorIconBorder-color:rgba(255, 255, 255, 0.1);
  --framer-fresco-canvasCreatePreviewBorder-color:#0099ff;
  --framer-fresco-canvasSelectionRectBackground-color:rgba(0, 153, 255, 0.1);
  --framer-fresco-canvasSelectionRectBorder-color:rgba(0, 153, 255, 0.5);
  --framer-fresco-canvasTooltipText-color:#ffffff;
  --framer-fresco-canvasTooltipBackground-color:#0099ff;
  --framer-fresco-canvasOverlayTriggerOutline-color:rgba(0, 153, 255, 0.5);
  --framer-fresco-canvasOverlayTriggerBackground-color:rgba(0, 153, 255, 0.2);
  --framer-fresco-canvasComponentOverlayTriggerOutline-color:rgba(153, 102, 255, 0.4);
  --framer-fresco-canvasComponentOverlayTriggerBackground-color:rgba(153, 102, 255, 0.2);
  --framer-fresco-canvasRelativeOverlayBackdrop-color:rgba(0, 153, 255, 0.25);
  --framer-fresco-canvasRelativeOverlaySmartComponentBackdrop-color:rgba(136, 85, 255, 0.15);
  --framer-fresco-calendarBorder-color:#252525;
  --framer-fresco-calendarIcon-color:#888888;
  --framer-fresco-calendarTextHeader-color:#ffffff;
  --framer-fresco-calendarTextMedium-color:#888888;
  --framer-fresco-calendarTextHover-color:#ffffff;
  --framer-fresco-calendarHover-color:#2B2B2B;
  --framer-fresco-calendarPrimary-color:#0099ff;
  --framer-fresco-calendarText-color:#ffffff;
  --framer-fresco-dropdownText-color:#999999;
  --framer-fresco-dropdownChevron-color:#777777;
  --framer-fresco-floatingWindowToolbarIcon-color:#999999;
  --framer-fresco-modalBackground-color:#111111;
  --framer-fresco-modalBackgroundTransparent-color:rgba(17, 17, 17, 0);
  --framer-fresco-modalBackdrop-color:rgba(0, 0, 0, 0.7);
  --framer-fresco-modalTitle-color:#ffffff;
  --framer-fresco-modalSubtitle-color:#aaaaaa;
  --framer-fresco-modalDescription-color:#aaaaaa;
  --framer-fresco-modalCloseIcon-color:#fdfdfd;
  --framer-fresco-largeModalTitle-color:#ffffff;
  --framer-fresco-largeModalDescription-color:#cccccc;
  --framer-fresco-modalSeparator-color:rgba(255, 255, 255, 0.07);
  --framer-fresco-templateCardOutline-color:rgba(255, 255, 255, 0.05);
  --framer-fresco-variablesModalEmptyStateIcon-color:#333333;
  --framer-fresco-variableRowText-color:#cccccc;
  --framer-fresco-variableRowTextActive-color:#ffffff;
  --framer-fresco-variableRowDivider-color:#333333;
  --framer-fresco-variableRowDividerSelected-color:#444444;
  --framer-fresco-variableRowDividerTitleBackground-color:#111111;
  --framer-fresco-collapsibleRowDivider-color:rgba(255, 255, 255, 0.07);
  --framer-fresco-collapsibleRowDividerSelected-color:#444444;
  --framer-fresco-buttonSheetPlainTitle-color:#ffffff;
  --framer-fresco-buttonSheetPlainDescription-color:#cccccc;
  --framer-fresco-buttonSheetPlainIconColor-color:#999999;
  --framer-fresco-buttonSheetPlainBorderBottom-color:rgba(255, 255, 255, 0.05);
  --framer-fresco-cmsBadgeBackgroundDisabled-color:#999999;
  --framer-fresco-cmsBadgeTextDisabled-color:#ffffff;
  --framer-fresco-buttonBackground-color:#2B2B2B;
  --framer-fresco-buttonBackgroundHover-color:#282828;
  --framer-fresco-buttonText-color:#ffffff;
  --framer-fresco-buttonTextActive-color:#ffffff;
  --framer-fresco-buttonBackgroundPrimary-color:#0099ff;
  --framer-fresco-buttonBackgroundPrimaryHover-color:#0088ff;
  --framer-fresco-buttonBackgroundPrimaryActive-color:#0077FF;
  --framer-fresco-buttonTextPrimary-color:#ffffff;
  --framer-fresco-buttonBackgroundDestructive-color:#ff3366;
  --framer-fresco-buttonBackgroundDestructiveHover-color:#e7315e;
  --framer-fresco-buttonTextDestructive-color:#ffffff;
  --framer-fresco-buttonBackgroundDestructiveSecondary-color:rgba(255, 51, 102, 0.15);
  --framer-fresco-buttonBackgroundDestructiveSecondaryHover-color:rgba(255, 51, 102, 0.1);
  --framer-fresco-buttonTextDestructiveSecondary-color:#ee2255;
  --framer-fresco-buttonLinkLined-color:#ffffff;
  --framer-fresco-buttonLinkLinedSecondary-color:rgba(255, 255, 255, 0.15);
  --framer-fresco-buttonLinkLinedHover-color:#ffffff;
  --framer-fresco-buttonCellBackground-color:#2B2B2B;
  --framer-fresco-buttonCellBackgroundHover-color:#252525;
  --framer-fresco-buttonWithDepthText-color:#ffffff;
  --framer-fresco-buttonWithDepthTextDisabled-color:#666666;
  --framer-fresco-buttonWithDepthBackground-color:#333333;
  --framer-fresco-buttonWithDepthBackgroundDisabled-color:#333333;
  --framer-fresco-buttonWithDepthBackgroundHover-color:#282828;
  --framer-fresco-buttonWithDepthShadow-color:0px 2px 4px 0px rgba(0, 0, 0, 0.2);
  --framer-fresco-buttonWithDepthPrimaryBackground-color:#0099ff;
  --framer-fresco-buttonWithDepthPrimaryBackgroundHover-color:#1188ff;
  --framer-fresco-buttonWithDepthPrimaryShadow-color:none;
  --framer-fresco-buttonWithDepthPrimaryShadowHover-color:none;
  --framer-fresco-buttonWithDepthPrimaryComponentShadow-color:0px 2px 4px 0px rgba(136, 85, 255, 0.3);
  --framer-fresco-buttonWithDepthDestructiveBackground-color:#ff3366;
  --framer-fresco-buttonWithDepthDestructiveBackgroundHover-color:#e15;
  --framer-fresco-buttonWithDepthDestructiveShadow-color:0 2px 4px 0 rgba(255, 51, 102, 0.3);
  --framer-fresco-rowOverlayButtonBackground-color:#2B2B2B;
  --framer-fresco-rowOverlayButtonBackgroundHover-color:#282828;
  --framer-fresco-rowOverlayButtonBackgroundActive-color:#232323;
  --framer-fresco-tabBarText-color:#777777;
  --framer-fresco-electronTabBarBackground-color:#252525;
  --framer-fresco-electronTabBarBackgroundActive-color:#111111;
  --framer-fresco-electronTabBarBorder-color:#363636;
  --framer-fresco-electronTabBarText-color:#999999;
  --framer-fresco-electronTabBarTextActive-color:#ffffff;
  --framer-fresco-inputBackground-color:#2B2B2B;
  --framer-fresco-inputBorder-color:transparent;
  --framer-fresco-inputBorderError-color:#ff3366;
  --framer-fresco-inputBorderWarning-color:#FFBB00;
  --framer-fresco-inputBorderActive-color:#0099ff;
  --framer-fresco-inputText-color:#eeeeee;
  --framer-fresco-inputTextActive-color:#ffffff;
  --framer-fresco-inputTextError-color:#ff3366;
  --framer-fresco-inputTextDisabled-color:#777777;
  --framer-fresco-inputTextDisabledSelected-color:#aaaaaa;
  --framer-fresco-inputPlaceholder-color:#999999;
  --framer-fresco-inputLabel-color:#999999;
  --framer-fresco-inputLabelDisabled-color:#555555;
  --framer-fresco-inputIcon-color:#999999;
  --framer-fresco-inputIconHover-color:#cccccc;
  --framer-fresco-inputIconDisabled-color:#777777;
  --framer-fresco-sitesSettingsInputLabel-color:#999999;
  --framer-fresco-sitesSettingsInputBackground-color:#1f1f1f;
  --framer-fresco-sitesSettingsInputBackgroundDisabled-color:#444444;
  --framer-fresco-sitesSettingsInputColorDisabled-color:#777777;
  --framer-fresco-comboBoxSectionText-color:#ffffff;
  --framer-fresco-multiComboBoxTokenBackground-color:#555555;
  --framer-fresco-multiComboBoxTokenBackgroundHover-color:#4a4a4a;
  --framer-fresco-comboBoxHighlightedRowTint-color:#0099ff;
  --framer-fresco-comboBoxHighlightedRowText-color:#ffffff;
  --framer-fresco-comboBoxMenuBackground-color:#2B2B2B;
  --framer-fresco-comboBoxItemIcon-color:#777777;
  --framer-fresco-comboBoxHighlightUnsaturated-color:#303030;
  --framer-fresco-pillBackground-color:rgba(255, 255, 255, 0.05);
  --framer-fresco-pillBorder-color:rgba(255, 255, 255, 0.16);
  --framer-fresco-pillText-color:#999999;
  --framer-fresco-pillIcon-color:#999999;
  --framer-fresco-pillTintBackground-color:rgba(0, 153, 255, 0.1);
  --framer-fresco-pillTintBorder-color:rgba(0, 153, 255, 0.2);
  --framer-fresco-pillTintText-color:#0099ff;
  --framer-fresco-pillTintIcon-color:#0099ff;
  --framer-fresco-pillSuccessBackground-color:rgba(0, 187, 136, 0.1);
  --framer-fresco-pillSuccessText-color:#00BB88;
  --framer-fresco-pillSuccessIcon-color:#00BB88;
  --framer-fresco-comboBoxMenuBackgroundUnsaturated-color:#222222;
  --framer-fresco-comboBoxClearButton-color:#bbbbbb;
  --framer-fresco-comboBoxClearButtonHover-color:#ffffff;
  --framer-fresco-iconPadlock-color:#999999;
  --framer-fresco-padLockConnector-color:#444444;
  --framer-fresco-popoverBackground-color:#2B2B2B;
  --framer-fresco-popoverDivider-color:#363636;
  --framer-fresco-popoverText-color:#ffffff;
  --framer-fresco-popoverDescription-color:#999999;
  --framer-fresco-popoverDescriptionIcon-color:#999999;
  --framer-fresco-invitePopoverSendButtonBackground-color:rgba(255, 255, 255, 0.1);
  --framer-fresco-invitePopoverSendButtonText-color:#ffffff;
  --framer-fresco-popupButtonBackground-color:#2B2B2B;
  --framer-fresco-popupButtonBorder-color:transparent;
  --framer-fresco-popupButtonText-color:#ffffff;
  --framer-fresco-popupButtonIcon-color:#999999;
  --framer-fresco-popupButtonIconDisabled-color:#777777;
  --framer-fresco-popupButtonPreviewIconBackground-color:#444444;
  --framer-fresco-popupButtonPreviewIconPrimary-color:#ffffff;
  --framer-fresco-popupButtonPreviewIconSecondary-color:#888888;
  --framer-fresco-popupButtonWarningText-color:#ffffff;
  --framer-fresco-popupButtonWarningBackground-color:#FFAA00;
  --framer-fresco-popoutButtonTextPlaceholder-color:#999999;
  --framer-fresco-popoutButtonTextDisabled-color:#666666;
  --framer-fresco-popoutButtonCursorPlaceholder-color:#666666;
  --framer-fresco-popoutButtonCursorIconBackground-color:#666666;
  --framer-fresco-popoutButtonCursorIcon-color:rgba(255, 255, 255, 0.25);
  --framer-fresco-popoutButtonCursorBorder-color:rgba(255, 255, 255, 0.05);
  --framer-fresco-radioButtonBackground-color:rgba(255, 255, 255, 0.08);
  --framer-fresco-radioButtonBackgroundHover-color:rgba(255, 255, 255, 0.08);
  --framer-fresco-radioButtonLabel-color:#ffffff;
  --framer-fresco-radioButtonDescription-color:#aaaaaa;
  --framer-fresco-radioButtonLabelDisabled-color:#444444;
  --framer-fresco-segmentedControlBackground-color:#2B2B2B;
  --framer-fresco-segmentedControlBackgroundDisabled-color:#444444;
  --framer-fresco-segmentedControlBorder-color:transparent;
  --framer-fresco-segmentedControlItemBackground-color:#2B2B2B;
  --framer-fresco-segmentedControlItemBackgroundSelected-color:#404040;
  --framer-fresco-segmentedControlItemBackgroundActive-color:#282828;
  --framer-fresco-segmentedControlItemText-color:#999999;
  --framer-fresco-segmentedControlItemTextHover-color:#bbbbbb;
  --framer-fresco-segmentedControlItemTextSelected-color:#ffffff;
  --framer-fresco-segmentedControlItemTextSelectedHover-color:#ffffff;
  --framer-fresco-segmentedControlDivider-color:#444444;
  --framer-fresco-segmentedControlItemTextSelectedUnsaturated-color:#ffffff;
  --framer-fresco-tabsText-color:#999999;
  --framer-fresco-tabsTextSelected-color:#ffffff;
  --framer-fresco-tabsBackgroundSelected-color:#242424;
  --framer-fresco-sliderKnob-color:#ffffff;
  --framer-fresco-sliderTrack-color:#444444;
  --framer-fresco-sliderTrackActive-color:#0099ff;
  --framer-fresco-sliderTrackDisabled-color:#333333;
  --framer-fresco-spinnerBackground-color:#ffffff;
  --framer-fresco-presetIcon-color:#ffffff;
  --framer-fresco-presetSelectedColor-color:#ffffff;
  --framer-fresco-presetSelectedBackground-color:#2B2B2B;
  --framer-fresco-alternativePresetIcon-color:#0099ff;
  --framer-fresco-alternativePresetSelectedColor-color:#0099ff;
  --framer-fresco-alternativePresetSelectedBackground-color:rgba(0, 153, 255, 0.15);
  --framer-fresco-assetStyleIcon-color:#0099ff;
  --framer-fresco-assetComponentIcon-color:#8855ff;
  --framer-fresco-assetCodeFileIcon-color:#888888;
  --framer-fresco-assetSelectedColor-color:#ffffff;
  --framer-fresco-assetSelectedBackground-color:#2B2B2B;
  --framer-fresco-gradientStopSliderBorder-color:rgba(255, 255, 255, 0.1);
  --framer-fresco-activeGoogleButtonText-color:#ffffff;
  --framer-fresco-activeGoogleSheetIcon-color:#0099ff;
  --framer-fresco-maskEmptyGradientStop1-color:#2B2B2B;
  --framer-fresco-maskEmptyGradientStop2-color:#555555;
  --framer-fresco-colorStyleBorder-color:#ffffff;
  --framer-fresco-colorStyleDisabled-color:rgba(255, 255, 255, 0.05);
  --framer-fresco-swatchBorder-color:rgba(255, 255, 255, 0.15);
  --framer-fresco-swatchBorderPlaceholder-color:rgba(255, 255, 255, 0.05);
  --framer-fresco-swatchBackground-color:#3a3a3a;
  --framer-fresco-swatchBackgroundPlaceholderForFill-color:#ffffff;
  --framer-fresco-swatchBackgroundPlaceholderForBorder-color:#666666;
  --framer-fresco-swatchBackgroundPlaceholderForLink-color:#666666;
  --framer-fresco-swatchBackgroundForLink-color:#0099ff;
  --framer-fresco-swatchBackgroundPlaceholderForFile-color:#666666;
  --framer-fresco-swatchBackgroundPlaceholderForShadow-color:rgba(68, 68, 68, 0.5);
  --framer-fresco-swatchBackgroundForComputedValue-color:rgba(255, 255, 255, 0.2);
  --framer-fresco-swatchOverlappingBorder-color:rgba(17, 17, 17, 0.9);
  --framer-fresco-checkboxBackground-color:rgba(255, 255, 255, 0.08);
  --framer-fresco-checkboxBackgroundActive-color:rgba(255, 255, 255, 0.08);
  --framer-fresco-checkboxBackgroundChecked-color:#0099ff;
  --framer-fresco-checkboxBackgroundCheckedActive-color:#0088ff;
  --framer-fresco-checkboxDarkerBackgroundChecked-color:#ffffff;
  --framer-fresco-checkboxDarkerBackgroundCheckedActive-color:#ffffff;
  --framer-fresco-checkboxLabel-color:#ffffff;
  --framer-fresco-checkboxLabelDisabled-color:#444444;
  --framer-fresco-checkboxStroke-color:#ffffff;
  --framer-fresco-checkboxDarkerStroke-color:#222222;
  --framer-fresco-moreInfoText-color:#eeeeee;
  --framer-fresco-moreInfoDisclosureIcon-color:#aaaaaa;
  --framer-fresco-toggleBackground-color:#444444;
  --framer-fresco-toggleBackgroundChecked-color:#0099ff;
  --framer-fresco-toggleBackgroundDisabled-color:#333333;
  --framer-fresco-toggleTack-color:#ffffff;
  --framer-fresco-toggleTackDisabled-color:#666666;
  --framer-fresco-toggleTackBorder-color:rgba(0, 0, 0, 0.05);
  --framer-fresco-toggleTackBorderDisabled-color:transparent;
  --framer-fresco-codeEditorBackground-color:#181818;
  --framer-fresco-codeEditorInsideModalBackground-color:#2B2B2B;
  --framer-fresco-codeEditorDisabledBackground-color:#444444;
  --framer-fresco-textAreaScrollbar-color:#555555;
  --framer-fresco-toolbarIcon-color:#999999;
  --framer-fresco-toolbarIconHover-color:#dddddd;
  --framer-fresco-toolbarIconActive-color:#0099ff;
  --framer-fresco-toolbarTitleText-color:#999999;
  --framer-fresco-toolbarInputText-color:#ffffff;
  --framer-fresco-toolbarCmsMobileTitle-color:#ffffff;
  --framer-fresco-projectBarButtonBackground-color:#242424;
  --framer-fresco-projectBarButtonBackgroundHover-color:#333333;
  --framer-fresco-projectBarButtonBackgroundActive-color:#333333;
  --framer-fresco-projectBarButtonBorderActive-color:rgba(255, 255, 255, 0.07);
  --framer-fresco-projectBarButtonTextWarning-color:#FFCC00;
  --framer-fresco-toolbarLeftPanelToggleText-color:#666666;
  --framer-fresco-toolbarLeftPanelToggleTextActive-color:#ffffff;
  --framer-fresco-toolbarButtonTextSites-color:#999999;
  --framer-fresco-toolbarButtonIconSites-color:#888888;
  --framer-fresco-toolbarButtonTextActiveSites-color:#ffffff;
  --framer-fresco-toolbarButtonBackgroundActiveSites-color:#333333;
  --framer-fresco-toolbarButtonBackgroundTintedSites-color:color(display-p3 0 0.6 1 / 0.1);
  --framer-fresco-toolbarPreviewCloseButtonSites-color:#ffffff;
  --framer-fresco-toolbarSettingsButtonTextSites-color:#ffffff;
  --framer-fresco-toolbarSettingsButtonTextSecondarySites-color:#999999;
  --framer-fresco-toolbarSettingsButtonTextActiveSites-color:#222222;
  --framer-fresco-toolbarSettingsButtonBackgroundActiveSites-color:#ffffff;
  --framer-fresco-toolbarInviteBadgeBackgroundHover-color:#444444;
  --framer-fresco-projectBarTitleBackgroundActive-color:transparent;
  --framer-fresco-breadcrumbItemText-color:#999999;
  --framer-fresco-breadcrumbItemBackground-color:rgba(255, 255, 255, 0.05);
  --framer-fresco-breadcrumbItemBackgroundTinted-color:color(display-p3 0 0.6 1 / 0.1);
  --framer-fresco-breadcrumbOverlayPlayButton-color:#AD89FF;
  --framer-fresco-breadcrumbDraftBadgeText-color:#222222;
  --framer-fresco-educationButtonBackground-color:rgba(17, 17, 17, 0.05);
  --framer-fresco-educationButtonText-color:#999999;
  --framer-fresco-menuBackground-color:#2B2B2B;
  --framer-fresco-menuBackgroundActive-color:#0099ff;
  --framer-fresco-menuBackgroundActiveUnsaturated-color:#444444;
  --framer-fresco-menuItemWithSubmenuBackgroundActive-color:#444444;
  --framer-fresco-menuText-color:#ffffff;
  --framer-fresco-menuTextDisabled-color:rgba(255, 255, 255, 0.4);
  --framer-fresco-menuDescription-color:#999999;
  --framer-fresco-menuDescriptionActive-color:rgba(255, 255, 255, 0.8);
  --framer-fresco-menuTextActive-color:#ffffff;
  --framer-fresco-menuTextActiveUnsaturated-color:#ffffff;
  --framer-fresco-menuSeparator-color:#363636;
  --framer-fresco-menuBadgeBackground-color:rgba(136, 136, 136, 0.15);
  --framer-fresco-menuBadgeBorder-color:transparent;
  --framer-fresco-menuBadgeColor-color:#888888;
  --framer-fresco-menuBadgeBackgroundActive-color:rgba(255, 255, 255, 0.3);
  --framer-fresco-menuBadgeColorActive-color:#ffffff;
  --framer-fresco-menuCheckbox-color:#ffffff;
  --framer-fresco-menuCheckboxActive-color:#ffffff;
  --framer-fresco-menuCheckboxDisabled-color:rgba(255, 255, 255, 0.4);
  --framer-fresco-menuCaretActive-color:#ffffff;
  --framer-fresco-menuIcon-color:rgba(255, 255, 255, 0.4);
  --framer-fresco-menuTextChecked-color:#ffffff;
  --framer-fresco-menuCaretChecked-color:rgba(255, 255, 255, 0.4);
  --framer-fresco-contextMenuButtonBackgroundHover-color:#444444;
  --framer-fresco-contextMenuButtonIcon-color:#999999;
  --framer-fresco-contextMenuButtonIconHover-color:#ffffff;
  --framer-fresco-pageRowTextActive-color:#ffffff;
  --framer-fresco-pageRowBackgroundActive-color:#2B2B2B;
  --framer-fresco-pageIconSelected-color:#ffffff;
  --framer-fresco-collapsibleCaret-color:#666666;
  --framer-fresco-collapsibleCaretActive-color:#999999;
  --framer-fresco-pageContextMenuButtonIcon-color:#666666;
  --framer-fresco-pageContextMenuButtonIconSelected-color:#999999;
  --framer-fresco-pageContextMenuButtonIconHover-color:#ffffff;
  --framer-fresco-pageFolderIconFill-color:rgba(153, 153, 153, 0.2);
  --framer-fresco-layerItemTextDimmed-color:rgba(102, 102, 102, 0.8);
  --framer-fresco-layerItemTextInactive-color:rgba(119, 119, 119, 0.5);
  --framer-fresco-layerItemTextInactiveSelected-color:rgba(255, 255, 255, 0.5);
  --framer-fresco-layerItemIcon-color:#888888;
  --framer-fresco-layerItemIconDimmed-color:#6c758c;
  --framer-fresco-layerItemIconComponentDimmed-color:#74708c;
  --framer-fresco-layerItemIconInactive-color:#666666;
  --framer-fresco-layerItemIconInactiveSelected-color:#ffffff;
  --framer-fresco-layerItemPlaceholderText-color:#999999;
  --framer-fresco-layerItemComponentLabel-color:#555555;
  --framer-fresco-layerItemComponentLabelSelected-color:#ffffff;
  --framer-fresco-layerItemAgentContextToolHighlightBackground-color:rgba(0, 153, 255, 0.05);
  --framer-fresco-layerItemAgentContextToolHighlightBorder-color:rgba(0, 153, 255, 0.1);
  --framer-fresco-layoutPinBackground-color:#888888;
  --framer-fresco-canvasBackground-color:#1d1d1d;
  --framer-fresco-canvasComponentOverlayEditModeBackground-color:#2A1F41;
  --framer-fresco-canvasFrameTitle-color:#666666;
  --framer-fresco-canvasFrameOutline-color:rgba(119, 119, 119, 0.3);
  --framer-fresco-canvasFramePreview-color:rgba(119, 119, 119, 0.1);
  --framer-fresco-canvasFramePreviewOutline-color:rgba(119, 119, 119, 0.3);
  --framer-fresco-canvasConnectionLine-color:#555555;
  --framer-fresco-canvasArrowInactive-color:#444444;
  --framer-fresco-canvasSuggestionOutline-color:rgba(255, 255, 255, 0.05);
  --framer-fresco-canvasSuggestionBackground-color:rgba(255, 255, 255, 0.04);
  --framer-fresco-canvasSuggestionText-color:#999999;
  --framer-fresco-rulerBackground-color:#1d1d1d;
  --framer-fresco-rulerBorderColor-color:#282828;
  --framer-fresco-rulerTickColor-color:#555555;
  --framer-fresco-rulerTextColor-color:#666666;
  --framer-fresco-rulerFadeOut-color:rgba(46, 46, 46, 0);
  --framer-fresco-rulerComponentOverlayEditModeBackground-color:#332455;
  --framer-fresco-rulerComponentOverlayEditModeBorderColor-color:rgba(136, 85, 255, 0.15);
  --framer-fresco-rulerComponentOverlayEditModeTextColor-color:rgb(136, 85, 255);
  --framer-fresco-rulerComponentOverlayEditModeTickColor-color:rgb(136, 85, 255);
  --framer-fresco-rulerComponentOverlayEditModeFadeOut-color:rgba(136, 85, 255, 0);
  --framer-fresco-guideColor-color:#00ADAD;
  --framer-fresco-guideHighlightColor-color:#0099ff;
  --framer-fresco-guideComponentHighlightColor-color:#8855ff;
  --framer-fresco-selectionBox-color:rgba(119, 119, 119,0.1);
  --framer-fresco-selectionBoxOutline-color:rgba(119, 119, 119, 0.3);
  --framer-fresco-selectionBoxBackground-color:rgba(0, 153, 255, 0.3);
  --framer-fresco-selectionBoxComponentBackground-color:rgba(136, 85, 255,0.2);
  --framer-fresco-snapLine-color:#F5A;
  --framer-fresco-snapConstraint-color:#F5A;
  --framer-fresco-textEditorOutline-color:#666666;
  --framer-fresco-error-color:#EE4444;
  --framer-fresco-errorText-color:#ffffff;
  --framer-fresco-fatalErrorText-color:#ffffff;
  --framer-fresco-codeExportPanelFadeOut-color:rgba(17, 17, 17, 0);
  --framer-fresco-codeExportPanelSelection-color:rgba(68, 68, 68, 0.99);
  --framer-fresco-codeExportChipBackground-color:rgba(255, 215, 6, 0.16);
  --framer-fresco-previewSpinnerBackground-color:#ffffff;
  --framer-fresco-previewEmptyDocumentText-color:#777777;
  --framer-fresco-previewResizeHandles-color:rgba(255, 255, 255, 0.1);
  --framer-fresco-previewResizeHandlesHover-color:rgba(255, 255, 255, 0.15);
  --framer-fresco-tooltipBackground-color:#444444;
  --framer-fresco-tooltipText-color:#ffffff;
  --framer-fresco-tooltipIcon-color:#666666;
  --framer-fresco-tooltipIconHover-color:#999999;
  --framer-fresco-tooltipBackdrop-color:rgba(0, 0, 0, 0.1);
  --framer-fresco-tooltipInsert-color:#2B2B2B;
  --framer-fresco-tooltipShortcutBorder-color:rgba(255, 255, 255, 0.07);
  --framer-fresco-tooltipShortcutBackground-color:rgba(255, 255, 255, 0.1);
  --framer-fresco-tooltipShortcutText-color:#999999;
  --framer-fresco-badgeBackground-color:rgba(0, 153, 255, 0.15);
  --framer-fresco-warningBadgeBackground-color:rgba(255, 170, 0, 0.15);
  --framer-fresco-errorBadgeBackground-color:rgba(255, 51, 85, 0.15);
  --framer-fresco-neutralBadgeBackground-color:rgba(204, 204, 204, 0.1);
  --framer-fresco-neutralBadgeColor-color:#cccccc;
  --framer-fresco-timeBadgeBackground-color:rgba(170, 170, 170, 0.15);
  --framer-fresco-highlightBadgeBackground-color:rgba(255, 255, 255, 0.3);
  --framer-fresco-domainVoucherBadgeIconBackground-color:rgba(0, 153, 255, 0.1);
  --framer-fresco-inactiveAvatarBackground-color:#888888;
  --framer-fresco-countLabelBackground-color:#242424;
  --framer-fresco-countLabelText-color:rgba(255, 255, 255, 0.5);
  --framer-fresco-formRedirectLinkIcon-color:#666666;
  --framer-fresco-feedbackSidebarBackground-color:#111111;
  --framer-fresco-feedbackPrimaryText-color:#ffffff;
  --framer-fresco-feedbackSecondaryText-color:#777777;
  --framer-fresco-feedbackTertiaryText-color:#999999;
  --framer-fresco-feedbackFormButtonBackground-color:#2B2B2B;
  --framer-fresco-feedbackFormButtonFloatingBackground-color:#3a3a3a;
  --framer-fresco-feedbackFormButtonFill-color:#777777;
  --framer-fresco-feedbackFormButtonSubmitFocus-color:#0066ff;
  --framer-fresco-feedbackFormButtonFocus-color:#444444;
  --framer-fresco-feedbackFormBackground-color:#111111;
  --framer-fresco-feedbackFormPlaceholder-color:#777777;
  --framer-fresco-feedbackDivider-color:#252525;
  --framer-fresco-feedbackLabelBackground-color:#2B2B2B;
  --framer-fresco-feedbackHasRepliesBackground-color:rgba(0, 153, 255, 0.1);
  --framer-fresco-feedbackDisclosureBackground-color:#2B2B2B;
  --framer-fresco-feedbackDisclosureFill-color:#777777;
  --framer-fresco-feedbackPinShadow-color:rgba(0, 0, 0, 0.3);
  --framer-fresco-emptyStateIcon-color:#aaaaaa;
  --framer-fresco-emptyStateCardBackground-color:#2B2B2B;
  --framer-fresco-emptyStateTitle-color:#ffffff;
  --framer-fresco-emptyStateBodyText-color:#999999;
  --framer-fresco-emptyStateBodyTextForSites-color:#999999;
  --framer-fresco-emptyStateBodyTextForAdvancedHosting-color:#777777;
  --framer-fresco-emptyStateInputShape-color:#181818;
  --framer-fresco-emptyStateTextShape-color:#222222;
  --framer-fresco-errorStateIconColor-color:#999999;
  --framer-fresco-errorStateCodeText-color:#999999;
  --framer-fresco-errorStateCodeBackground-color:#252525;
  --framer-fresco-errorStateTitleText-color:#ffffff;
  --framer-fresco-errorStateDescriptionText-color:#cccccc;
  --framer-fresco-dashboardHeadingLink-color:#888888;
  --framer-fresco-dashboardHeadingLinkHover-color:#ffffff;
  --framer-fresco-dashboardItemIcon-color:#ffffff;
  --framer-fresco-dashboardSearchPlaceholder-color:#666666;
  --framer-fresco-dashboardMoreButtonIcon-color:#666666;
  --framer-fresco-dashboardEmptyState-color:#222222;
  --framer-fresco-dashboardEmptyStateTitle-color:#ffffff;
  --framer-fresco-dashboardEmptyStateSubtitle-color:#999999;
  --framer-fresco-dashboardCardInfoText-color:#ffffff;
  --framer-fresco-dashboardCardInfoSpanText-color:rgba(255, 255, 255, 0.4);
  --framer-fresco-dashboardContentBackground-color:#111111;
  --framer-fresco-nonFullWidthDashboardContentBackground-color:#252525;
  --framer-fresco-dashboardProjectThumbnailPlaceholderLogo-color:#777777;
  --framer-fresco-dashboardCustomThumbnailButton-color:rgba(255, 255, 255, 0.07);
  --framer-fresco-dashboardCustomThumbnailButtonHover-color:rgba(255, 255, 255, 0.05);
  --framer-fresco-dashboardCustomThumbnailButtonActive-color:rgba(255, 255, 255, 0.03);
  --framer-fresco-dashboardSearchWorkspaceTitle-color:#ffffff;
  --framer-fresco-dashboardSearchWorkspaceTag-color:#888888;
  --framer-fresco-dashboardIcon-color:#999999;
  --framer-fresco-dashboardIconHover-color:#bababa;
  --framer-fresco-dashboardProjectThumbnailBorder-color:rgba(255, 255, 255, 0.05);
  --framer-fresco-dashboardProjectThumbnailBackground-color:#181818;
  --framer-fresco-dashboardProjectFocusedBorder-color:rgba(153, 153, 153, 0.5);
  --framer-fresco-dashboardSidebarBackground-color:#111111;
  --framer-fresco-dashboardSidebarTitle-color:#ffffff;
  --framer-fresco-dashboardSidebarText-color:#999999;
  --framer-fresco-dashboardSidebarTextDimmed-color:#555555;
  --framer-fresco-dashboardSidebarDivider-color:#252525;
  --framer-fresco-dashboardSidebarActions-color:#666666;
  --framer-fresco-dashboardSidebarActive-color:#ffffff;
  --framer-fresco-dashboardSidebarActiveBackground-color:#2B2B2B;
  --framer-fresco-dashboardSidebarBorder-color:#252525;
  --framer-fresco-dashboardSidebarIcon-color:#888888;
  --framer-fresco-dashboardSidebarIconHover-color:#bababa;
  --framer-fresco-dashboardSidebarViewCount-color:#666666;
  --framer-fresco-dashboardSidebarInviteIcon-color:#777777;
  --framer-fresco-badgeFreeWorkspaceBackground-color:rgba(136, 136, 136, 0.15);
  --framer-fresco-badgeFreeWorkspaceText-color:#888888;
  --framer-fresco-badgeLiteWorkspaceText-color:#888888;
  --framer-fresco-badgeBasicWorkspaceBackground-color:rgba(0, 153, 255, 0.15);
  --framer-fresco-badgeBasicWorkspaceText-color:#0099ff;
  --framer-fresco-badgeEnterpriseWorkspaceBackground-color:rgba(136, 136, 136, 0.15);
  --framer-fresco-badgeEnterpriseWorkspaceText-color:#888888;
  --framer-fresco-badgeLegacyWorkspaceBackground-color:rgba(136, 136, 136, 0.15);
  --framer-fresco-badgeLegacyWorkspaceText-color:#888888;
  --framer-fresco-badgeGuestWorkspaceBackground-color:rgba(136, 136, 136, 0.15);
  --framer-fresco-badgeGuestWorkspaceText-color:#888888;
  --framer-fresco-badgeBusinessWorkspaceBackground-color:rgba(153, 102, 255, 0.15);
  --framer-fresco-badgeBusinessWorkspaceText-color:#9966ff;
  --framer-fresco-badgeTeamEditorWorkspaceBackground-color:rgba(0, 153, 255, 0.15);
  --framer-fresco-badgeTeamEditorWorkspaceText-color:#0099ff;
  --framer-fresco-projectMenuButtonBackground-color:#333333;
  --framer-fresco-projectMenuButtonText-color:#ffffff;
  --framer-fresco-customSearchBackground-color:#2B2B2B;
  --framer-fresco-customSearchText-color:#999999;
  --framer-fresco-customSearchTextWhileTyping-color:#ffffff;
  --framer-fresco-dashboardInfoBannerColor-color:#ffffff;
  --framer-fresco-dashboardInfoBannerBackground-color:#333333;
  --framer-fresco-dashboardInfoBannerButton-color:#444444;
  --framer-fresco-dashboardInfoBannerButtonHover-color:#555555;
  --framer-fresco-advancedHostingBackground-color:#111111;
  --framer-fresco-advancedHostingTitle-color:#ffffff;
  --framer-fresco-advancedHostingSubheading-color:#888888;
  --framer-fresco-advancedHostingDescription-color:#777777;
  --framer-fresco-advancedHostingText-color:#999999;
  --framer-fresco-advancedHostingTableHeader-color:#777777;
  --framer-fresco-advancedHostingBorder-color:#252525;
  --framer-fresco-advancedHostingTableIcon-color:#999999;
  --framer-fresco-advancedHostingTableDragHandle-color:#444444;
  --framer-fresco-advancedHostingFilterColor-color:#999999;
  --framer-fresco-advancedHostingConnectionLabelBackground-color:rgba(0, 153, 255, 0.15);
  --framer-fresco-advancedHostingConnectionLabelText-color:#0099ff;
  --framer-fresco-advancedHostingPendingLabelBackground-color:rgba(153, 153, 153, 0.15);
  --framer-fresco-advancedHostingStatusBlockText-color:#999999;
  --framer-fresco-advancedHostingPendingLabelText-color:#999999;
  --framer-fresco-advancedHostingRowSubLabel-color:#777777;
  --framer-fresco-advancedHostingPreviewThumbnailBorder-color:rgba(255, 255, 255, 0.05);
  --framer-fresco-advancedHostingAnalyticsSubheading-color:#999999;
  --framer-fresco-advancedHostingAnalyticsGradientColor-color:#111111;
  --framer-fresco-advancedHostingTooltipTint-color:#0088ff;
  --framer-fresco-advancedHostingInfoIcon-color:#777777;
  --framer-fresco-advancedHostingInfoIconHover-color:#999999;
  --framer-fresco-advancedHostingToggleDescription-color:#999999;
  --framer-fresco-advancedHostingFileDeleteButton-color:#777777;
  --framer-fresco-advancedHostingFileDeleteButtonHover-color:#999999;
  --framer-fresco-upgradeFromDashboardLinkHover-color:#181818;
  --framer-fresco-settingsModalTeamMemberRole-color:#cccccc;
  --framer-fresco-settingsModalTeamSearchIcon-color:#999999;
  --framer-fresco-settingsModalTeamRegenerateLinkIcon-color:#ffffff;
  --framer-fresco-settingsModalText-color:#cccccc;
  --framer-fresco-settingsModalTextDimmed-color:#aaaaaa;
  --framer-fresco-settingsModalDivider-color:#2B2B2B;
  --framer-fresco-settingsModalLabel-color:#ffffff;
  --framer-fresco-settingsModalNavigationLink-color:#cccccc;
  --framer-fresco-settingsModalNavigationIcon-color:#999999;
  --framer-fresco-settingsModalNavigationLinkHover-color:#aaaaaa;
  --framer-fresco-settingsModalTitle-color:#ffffff;
  --framer-fresco-settingsModalPlanEmptyEditorsAvatar-color:#333333;
  --framer-fresco-settingsModalPlanEmptyEditorsAvatarText-color:#ffffff;
  --framer-fresco-settingsModalPlanCardBackground-color:#2B2B2B;
  --framer-fresco-settingsModalFontDeleteIcon-color:#aaaaaa;
  --framer-fresco-settingsModalTeamSearchFilterButtonActiveBackground-color:#ffffff;
  --framer-fresco-settingsModalTeamSearchFilterButtonActiveText-color:#333333;
  --framer-fresco-settingsModalTeamSearchFilterTagBackground-color:#333333;
  --framer-fresco-settingsModalTeamSearchFilterTagText-color:#ffffff;
  --framer-fresco-settingsModalPlansEditorsCount-color:#999999;
  --framer-fresco-settingsModalPlanMoreButton-color:#aaaaaa;
  --framer-fresco-settingsModalTitleBorder-color:#2B2B2B;
  --framer-fresco-settingsModalBillingDetails-color:#999999;
  --framer-fresco-settingsModalRemoveAvatarButton-color:#333333;
  --framer-fresco-settingsModalSessionsIcons-color:#444444;
  --framer-fresco-settingsModalCancelIcon-color:#999999;
  --framer-fresco-settingsHeaderText-color:#999999;
  --framer-fresco-selectProjectToUpgradeModalHover-color:#2B2B2B;
  --framer-fresco-selectProjectToUpgradePrimary-color:#ffffff;
  --framer-fresco-activeAccountSettingsLink-color:#ffffff;
  --framer-fresco-activeAccountSettingsBackground-color:#2B2B2B;
  --framer-fresco-organizationTextDimmed-color:#aaaaaa;
  --framer-fresco-organizationMemberRowHover-color:#222222;
  --framer-fresco-organizationMemberDetailBackButton-color:#ffffff;
  --framer-fresco-organizationMemberDetailSubtitle-color:#ffffff;
  --framer-fresco-organizationInviteRoleMenu-color:#ffffff;
  --framer-fresco-organizationMemberName-color:#ffffff;
  --framer-fresco-organizationNoteBackground-color:#2B2B2B;
  --framer-fresco-organizationDetailTitle-color:#ffffff;
  --framer-fresco-confirmationModalDescription-color:#cccccc;
  --framer-fresco-buttonSheetBackground-color:#2B2B2B;
  --framer-fresco-buttonSheetDivider-color:#333333;
  --framer-fresco-buttonSheetText-color:#8e8e8e;
  --framer-fresco-insertPanelNeutralIconBackground-color:#ffffff;
  --framer-fresco-insertPanelNeutralIconForeground-color:#000000;
  --framer-fresco-insertPanelGrayIcon-color:#333333;
  --framer-fresco-insertPanelOrangeIcon-color:#ff8822;
  --framer-fresco-insertPanelYellowIcon-color:#FFBB00;
  --framer-fresco-insertPanelCyanIcon-color:#28D4D4;
  --framer-fresco-insertPanelGreenIcon-color:#14D934;
  --framer-fresco-insertPanelRedIcon-color:#FF5D38;
  --framer-fresco-insertPanelPurpleIcon-color:#8855ff;
  --framer-fresco-insertPanelGridItem-color:#222222;
  --framer-fresco-insertPanelAgentCategoryIcon-color:#999999;
  --framer-fresco-insertPanelAgentCategoryIconBackgroundActive-color:rgba(255, 255, 255, 0.1);
  --framer-fresco-wireframerAssistantAvatarBackground-color:#ffffff;
  --framer-fresco-wireframerAssistantAvatarForeground-color:#000000;
  --framer-fresco-wireframerAssistantName-color:#ffffff;
  --framer-fresco-wireframerAssistantPlan-color:#999999;
  --framer-fresco-wireframerAssistantPlanActive-color:#ffffff;
  --framer-fresco-wireframerAssistantPlanDisabled-color:#666666;
  --framer-fresco-wireframerAssistantVideoLink-color:#ffffff;
  --framer-fresco-wireframerAssistantVideoLinkUnderline-color:rgba(255, 255, 255, 0.1);
  --framer-fresco-wireframerAssistantMessageSelection-color:rgba(255, 255, 255, 0.15);
  --framer-fresco-wireframerSendMessageButtonBackground-color:#555555;
  --framer-fresco-wireframerSendMessageButtonBackgroundDisabled-color:#444444;
  --framer-fresco-wireframerSendMessageButtonForeground-color:#ffffff;
  --framer-fresco-wireframerSendMessageButtonForegroundDisabled-color:#999999;
  --framer-fresco-wireframerSuggestionIcon-color:#999999;
  --framer-fresco-wireframerSuggestionIconHover-color:#ffffff;
  --framer-fresco-wireframerSuggestionButtonBackground-color:#111111;
  --framer-fresco-wireframerSuggestionButtonForeground-color:#999999;
  --framer-fresco-wireframerSuggestionButtonForegroundHover-color:#ffffff;
  --framer-fresco-wireframerSuggestionButtonBorder-color:rgba(255, 255, 255, 0.05);
  --framer-fresco-agentButtonPrimaryBackground-color:#ffffff;
  --framer-fresco-agentButtonPrimaryForeground-color:#000000;
  --framer-fresco-agentButtonSecondaryBackground-color:#2B2B2B;
  --framer-fresco-agentButtonSecondaryForeground-color:#ffffff;
  --framer-fresco-agentButtonTertiaryBackground-color:#333333;
  --framer-fresco-agentButtonTertiaryForeground-color:#ffffff;
  --framer-fresco-agentButtonOutlineBackground-color:rgba(255, 255, 255, 0.08);
  --framer-fresco-agentButtonOutlineForeground-color:#999999;
  --framer-fresco-agentButtonDisabledBackground-color:#222222;
  --framer-fresco-agentButtonDisabledForeground-color:rgba(255, 255, 255, 0.5);
  --framer-fresco-agentButtonChatBackground-color:#303030;
  --framer-fresco-agentButtonChatForeground-color:#ffffff;
  --framer-fresco-agentButtonChatStopFill-color:rgba(255, 255, 255, 0.6);
  --framer-fresco-agentButtonChatDisabledForeground-color:#999999;
  --framer-fresco-agentButtonChatLabelForeground-color:#999999;
  --framer-fresco-agentContextUsageMeterProgress-color:#999999;
  --framer-fresco-agentContextUsageMeterTrack-color:rgba(255, 255, 255, 0.15);
  --framer-fresco-agentLogsText-color:#444444;
  --framer-fresco-agentLogsTextActive-color:#ffffff;
  --framer-fresco-agentLogsTextError-color:#999999;
  --framer-fresco-agentBorder-color:rgba(255, 255, 255, 0.07);
  --framer-fresco-agentDivider-color:rgba(255, 255, 255, 0.06);
  --framer-fresco-agentInput-color:#1f1f1f;
  --framer-fresco-agentFeedbackThreadBackground-color:#111111;
  --framer-fresco-agentFeedbackThreadBackgroundActive-color:#1f1f1f;
  --framer-fresco-agentFeedbackCommentPrimary-color:#ffffff;
  --framer-fresco-agentFeedbackCommentSecondary-color:#999999;
  --framer-fresco-agentFeedbackCommentTertiary-color:#999999;
  --framer-fresco-agentFeedbackThreadDivider-color:rgba(255, 255, 255, 0.06);
  --framer-fresco-agentFeedbackThreadReplyIconBorder-color:rgba(255, 255, 255, 0.08);
  --framer-fresco-agentFeedbackThreadReplyIcon-color:#666666;
  --framer-fresco-agentFeedbackThreadResolveForeground-color:#ffffff;
  --framer-fresco-agentError-color:#FF2200;
  --framer-fresco-agentSecondaryText-color:#666666;
  --framer-fresco-agentMessageText-color:#cccccc;
  --framer-fresco-agentMessageInlineCodeBackground-color:#242424;
  --framer-fresco-agentMessageCodeBlockBackground-color:#1f1f1f;
  --framer-fresco-agentMessageCodeText-color:#888888;
  --framer-fresco-agentMessageTimestamp-color:#444444;
  --framer-fresco-agentQuestionProgress-color:#555555;
  --framer-fresco-agentListItemText-color:#999999;
  --framer-fresco-agentListItemTextActive-color:#ffffff;
  --framer-fresco-agentListItemIcon-color:#999999;
  --framer-fresco-agentFileTagBackground-color:rgba(255, 255, 255, 0.05);
  --framer-fresco-agentFileTagBorder-color:rgba(255, 255, 255, 0.1);
  --framer-fresco-agentFileTagSecondaryText-color:#999999;
  --framer-fresco-agentFileTagPrimaryText-color:#ffffff;
  --framer-fresco-kitBadgeBackground-color:rgba(0, 153, 255, 0.05);
  --framer-fresco-kitBadgeForeground-color:#0099ff;
  --framer-fresco-defaultKitIconBackground-color:#000000;
  --framer-fresco-defaultKitIconForeground-color:#ffffff;
  --framer-fresco-defaultKitIconBorder-color:rgba(255, 255, 255, 0.05);
  --framer-fresco-kitsWelcomeModalText-color:#aaaaaa;
  --framer-fresco-dashboardTableBodyText-color:#f5f5f5;
  --framer-fresco-toastBackgroundPrimary-color:#0099ff;
  --framer-fresco-toastIcon-color:#888888;
  --framer-fresco-toastTextPrimary-color:#ffffff;
  --framer-fresco-toastBackgroundSites-color:#222222;
  --framer-fresco-toastText-color:#ffffff;
  --framer-fresco-toastSecondaryTextSites-color:#999999;
  --framer-fresco-toastIconSites-color:#0099ff;
  --framer-fresco-toastButtonBackgroundProminent-color:#ffffff;
  --framer-fresco-toastButtonBackgroundProminentHover-color:rgba(255, 255, 255, 0.9);
  --framer-fresco-expiredTrialBanner-color:#111111;
  --framer-fresco-stylesPresetsIconBackground-color:#666666;
  --framer-fresco-stylesPresetsIconText-color:#ffffff;
  --framer-fresco-stylesPresetsButtonBackground-color:#2B2B2B;
  --framer-fresco-stylesPresetsButtonBackgroundHover-color:#282828;
  --framer-fresco-shortcutsModalListTitle-color:#999999;
  --framer-fresco-shortcutsModalActionButton-color:#888888;
  --framer-fresco-shortcutsModalDivider-color:#444444;
  --framer-fresco-shortcutsModalKeyBackground-color:#555555;
  --framer-fresco-loaderPrimary-color:#181818;
  --framer-fresco-loaderSecondary-color:#222222;
  --framer-fresco-upsellCTAText-color:#ffffff;
  --framer-fresco-upsellCTAButtonBackground-color:#ffffff;
  --framer-fresco-upsellCTAButtonBackgroundHover-color:#eeeeee;
  --framer-fresco-teamCreationModalBackground-color:#1d1d1d;
  --framer-fresco-teamCreationCloseIcon-color:#888888;
  --framer-fresco-teamCreationText-color:#fdfdfd;
  --framer-fresco-teamCreationTextDimmed-color:#999999;
  --framer-fresco-teamCreationNavigation-color:#2B2B2B;
  --framer-fresco-teamCreationNavigationActive-color:#0099ff;
  --framer-fresco-teamCreationBenefitIcon-color:#0099ff;
  --framer-fresco-teamCreationBenefitDivider-color:#333333;
  --framer-fresco-errorBoundaryDescription-color:#aaaaaa;
  --framer-fresco-highlightsBorder-color:#0099ff;
  --framer-fresco-highlightsBackground-color:rgba(0, 153, 255, 0.2);
  --framer-fresco-aiHighlightBorder-color:#0099ff;
  --framer-fresco-aiHighlightPulseOn-color:rgba(0, 153, 255, 0.6);
  --framer-fresco-aiHighlightPulseOff-color:rgba(0, 153, 255, 0);
  --framer-fresco-onPageHighlightBorder-color:rgba(0, 153, 255, 0.8);
  --framer-fresco-onPageHighlightBorderDragging-color:rgba(0, 153, 255, 0.2);
  --framer-fresco-componentProgressOverlayBackground-color:#E6E2EF;
  --framer-fresco-componentProgressOverlayBorder-color:#E6E2EF;
  --framer-fresco-componentProgressOverlayTitle-color:#8855ff;
  --framer-fresco-statusBarStableText-color:#999999;
  --framer-fresco-statusBarCustomerIcon-color:#FFBB00;
  --framer-fresco-statusBarAlphaIcon-color:#0099ff;
  --framer-fresco-statusBarBetaIcon-color:#44dddd;
  --framer-fresco-statusBarDevelopmentIcon-color:#14d934;
  --framer-fresco-statusBarDevTunnelIcon-color:#ff5d38;
  --framer-fresco-statusBarProductionTunnelIcon-color:#ff3344;
  --framer-fresco-statusBarPreviewIcon-color:#a375ff;
  --framer-fresco-statusBarStableIcon-color:#666666;
  --framer-fresco-projectTransferModalText-color:#aaaaaa;
  --framer-fresco-userTestButtonBackground-color:#333333;
  --framer-fresco-userTestButtonBackgroundHover-color:#282828;
  --framer-fresco-userTestText-color:#cccccc;
  --framer-fresco-userTestDivider-color:#333333;
  --framer-fresco-informationIcon-color:#666666;
  --framer-fresco-stackGapHandleTint-color:#FF00F5;
  --framer-fresco-stackGapHandleBackground-color:rgba(255, 0, 245, 0.05);
  --framer-fresco-publishHostname-color:#ccc;
  --framer-fresco-publishHostnameHover-color:#fff;
  --framer-fresco-publishDescription-color:#888;
  --framer-fresco-publishDescriptionHover-color:#ccc;
  --framer-fresco-publishWarning-color:#ffaa22;
  --framer-fresco-publishWarningHover-color:#ff9900;
  --framer-fresco-publishPopoverDivider-color:#3a3a3a;
  --framer-fresco-publishChangeLogTitleLoading-color:#999999;
  --framer-fresco-publishPopoverInfoCardBackground-color:#363636;
  --framer-fresco-publishPopoverTooltipTitle-color:#ffffff;
  --framer-fresco-publishPopoverTooltipDescription-color:#999999;
  --framer-fresco-publishPopoverHostname-color:#f6f6f6;
  --framer-fresco-publishChangeLogIcon-color:#999999;
  --framer-fresco-publishChangeLogAvatarPlaceholder-color:#363636;
  --framer-fresco-miniPageLimitsTooltipButton-color:rgba(255, 255, 255, 0.2);
  --framer-fresco-miniPageLimitsTooltipButtonHover-color:rgba(255, 255, 255, 0.3);
  --framer-fresco-miniPageLimitsTooltipButtonActive-color:rgba(255, 255, 255, 0.1);
  --framer-fresco-openTypePopoutGradientColor-color:linear-gradient(
      
      to bottom,
      rgba(17, 17, 17, 0) 0%,
      rgba(17, 17, 17, 0.1) 20%,
      rgba(17, 17, 17, 0.3) 40%,
      rgba(17, 17, 17, 0.5) 60%,
      rgba(17, 17, 17, 0.7) 80%,
      rgba(17, 17, 17, 0.8) 100% );
  --framer-fresco-settingsPrimary-color:#ffffff;
  --framer-fresco-settingsSecondary-color:#cccccc;
  --framer-fresco-settingsTertiary-color:#888888;
  --framer-fresco-settingsText-color:#eeeeee;
  --framer-fresco-settingsDescription-color:#999999;
  --framer-fresco-settingsContainerBackground-color:#111111;
  --framer-fresco-settingsContainerBorder-color:rgba(0, 0, 0, 0.05);
  --framer-fresco-settingsContainerTitle-color:#ffffff;
  --framer-fresco-settingsGridBorder-color:#3a3a3a;
  --framer-fresco-settingsGridTitle-color:#aaaaaa;
  --framer-fresco-settingsGridContent-color:#cccccc;
  --framer-fresco-settingsGridDescription-color:#999999;
  --framer-fresco-settingsGridBackgroundActive-color:#282828;
  --framer-fresco-settingsPlaceholder-color:#666666;
  --framer-fresco-settingsImageBackground-color:#2B2B2B;
  --framer-fresco-settingsImagePreviewBorder-color:rgba(255, 255, 255, 0.1);
  --framer-fresco-settingsImageClearButtonBackground-color:#555555;
  --framer-fresco-settingsImageClearButtonForeground-color:#ffffff;
  --framer-fresco-settingsSearchResultPreviewBorder-color:#252525;
  --framer-fresco-settingsSearchResultPreviewTitle-color:#8ab4f8;
  --framer-fresco-settingsSearchResultPreviewDescription-color:#eeeeee;
  --framer-fresco-settingsSearchResultPreviewDomain-color:#999999;
  --framer-fresco-settingsSocialPreviewDomain-color:#cccccc;
  --framer-fresco-settingsSocialPreviewTitle-color:#0099ff;
  --framer-fresco-settingsSocialPreviewDescription-color:#999999;
  --framer-fresco-settingsFormsSectionDescription-color:#999999;
  --framer-fresco-settingsFormsUsageDescription-color:#666666;
  --framer-fresco-siteSettingsBorderSectionDivider-color:#222222;
  --framer-fresco-dnsTableHeaderBackground-color:rgba(119, 119, 119, 0.07);
  --framer-fresco-dnsTableHeaderText-color:#ffffff;
  --framer-fresco-dnsTableBorder-color:rgba(255, 255, 255, 0.1);
  --framer-fresco-dnsTableText-color:#aaaaaa;
  --framer-fresco-dnsTableIcon-color:#999999;
  --framer-fresco-dnsTableNotAddedLabel-color:rgba(102, 102, 102, 0.1);
  --framer-fresco-dnsTableNotAddedText-color:rgb(102, 102, 102);
  --framer-fresco-dnsTableConnectedLabel-color:rgba(0, 153, 255, 0.1);
  --framer-fresco-dnsTableConnectedText-color:rgb(0, 153, 255);
  --framer-fresco-conflictsTableHeaderBackground-color:rgba(255, 187, 0, 0.15);
  --framer-fresco-conflictsTableHeaderText-color:#FFBB00;
  --framer-fresco-conflictsTableStatusLabelBackground-color:rgba(255, 187, 0, 0.15);
  --framer-fresco-conflictsTableStatusLabelText-color:#FFBB00;
  --framer-fresco-breakpointTitle-color:#999999;
  --framer-fresco-breakpointTitleBackground-color:rgba(153, 153, 153, 0.1);
  --framer-fresco-breakpointTitleBackgroundPrimary-color:color(display-p3 0 0.6 1 / 0.1);
  --framer-fresco-breakpointPlayButtonBackground-color:#666666;
  --framer-fresco-breakpointCreationButtonBackground-color:#444444;
  --framer-fresco-breakpointBarActionSurface-color:rgba(255, 255, 255, 0.1);
  --framer-fresco-breakpointCreationButtonBackgroundPrimary-color:rgba(0, 153, 255, 0.15);
  --framer-fresco-breakpointCreationButtonIcon-color:#999999;
  --framer-fresco-breakpointCreationButtonBackgroundActive-color:#0099ff;
  --framer-fresco-breakpointCreationButtonIconActive-color:#ffffff;
  --framer-fresco-analyticsBackground-color:#111111;
  --framer-fresco-analyticsBackgroundTransparent-color:rgba(17, 17, 17, 0.75);
  --framer-fresco-analyticsBarFill-color:#2B2B2B;
  --framer-fresco-analyticsBorderTransparent-color:rgba(255, 255, 255, 0.05);
  --framer-fresco-analyticsScreenshotBackground-color:#1f1f1f;
  --framer-fresco-analyticsScreenshotLogo-color:#404040;
  --framer-fresco-analyticsScreenshotBorder-color:rgba(255, 255, 255, 0.08);
  --framer-fresco-analyticsPrimary-color:#ffffff;
  --framer-fresco-analyticsSecondary-color:#cccccc;
  --framer-fresco-analyticsTertiary-color:#999999;
  --framer-fresco-analyticsBottomLine-color:#222222;
  --framer-fresco-analyticsNoDataText-color:rgba(153, 153, 153, 0.5);
  --framer-fresco-analyticsAccent-color:#252525;
  --framer-fresco-analyticsIconAccent-color:rgba(153, 153, 153, 0.5);
  --framer-fresco-analyticsTint-color:#0099ff;
  --framer-fresco-analyticsTintBackground-color:rgba(0, 153, 255, 0.1);
  --framer-fresco-analyticsPopoutBackground-color:#161616;
  --framer-fresco-analyticsAbTestVariant1-color:#3A92FD;
  --framer-fresco-analyticsAbTestVariant1Dimmed-color:rgba(58, 146, 253, 0.2);
  --framer-fresco-analyticsAbTestVariant2-color:#9869FD;
  --framer-fresco-analyticsAbTestVariant2Dimmed-color:rgba(152, 105, 253, 0.2);
  --framer-fresco-analyticsAbTestVariant3-color:#2AD4D4;
  --framer-fresco-analyticsAbTestVariant3Dimmed-color:rgba(42, 212, 212, 0.2);
  --framer-fresco-analyticsAbTestVariant4-color:#FF8922;
  --framer-fresco-analyticsAbTestVariant4Dimmed-color:rgba(255, 137, 34, 0.2);
  --framer-fresco-analyticsAbTestVariant5-color:#FFBB00;
  --framer-fresco-analyticsAbTestVariant5Dimmed-color:rgba(255, 187, 0, 0.2);
  --framer-fresco-sitePlansCopy-color:#999999;
  --framer-fresco-sitePlansHighlight-color:#ffffff;
  --framer-fresco-plansSelectedCard-color:#161616;
  --framer-fresco-plansInfoFrameBorder-color:#252525;
  --framer-fresco-plansBannerText-color:#cccccc;
  --framer-fresco-plansCardTitle-color:#fafafa;
  --framer-fresco-plansLineItemDescription-color:#999999;
  --framer-fresco-plansCtaDisabled-color:#333333;
  --framer-fresco-plansCollaborators-color:#161616;
  --framer-fresco-plansPlusIcon-color:#333333;
  --framer-fresco-plansAddonsBox-color:#2B2B2B;
  --framer-fresco-plansEnterpriseParagraphColor-color:#cccccc;
  --framer-fresco-plansEnterpriseIconBackgroundColor-color:rgba(187, 187, 187, 0.1);
  --framer-fresco-plansEnterpriseIconColor-color:#cccccc;
  --framer-fresco-freeSiteColor-color:#888888;
  --framer-fresco-freeSiteBackground-color:rgba(136, 136, 136, 0.1);
  --framer-fresco-miniSiteColor-color:#00CCFF;
  --framer-fresco-miniSiteBackground-color:rgba(0, 204, 255, 0.1);
  --framer-fresco-basicSiteColor-color:#0099ff;
  --framer-fresco-basicSiteBackground-color:rgba(0, 153, 255, 0.1);
  --framer-fresco-proSiteColor-color:#0066ff;
  --framer-fresco-proSiteBackground-color:rgba(0, 102, 255, 0.1);
  --framer-fresco-scaleupSiteColor-color:#9966ff;
  --framer-fresco-scaleupSiteBackground-color:rgba(153, 102, 255, 0.15);
  --framer-fresco-startupSiteColor-color:#9966ff;
  --framer-fresco-startupSiteBackground-color:rgba(153, 102, 255, 0.15);
  --framer-fresco-enterpriseSiteColor-color:#888888;
  --framer-fresco-enterpriseSiteBackground-color:rgba(136, 136, 136, 0.1);
  --framer-fresco-planCardBackgroundColor-color:#111111;
  --framer-fresco-planCardBackgroundGradientStartColor-color:#252525;
  --framer-fresco-planCardBackgroundGradientEndColor-color:#111111;
  --framer-fresco-planCardBusinessBackgroundGradientStartColor-color:#5500FF30;
  --framer-fresco-planCardBusinessBackgroundGradientEndColor-color:rgba(255, 255, 255, 0);
  --framer-fresco-planCardGridShadowColorStart-color:#111111;
  --framer-fresco-planCardGridShadowColorEnd-color:rgba(255, 255, 255, 0);
  --framer-fresco-planCardPersonalBackgroundGradientStartColor-color:rgba(0, 85, 255, 0.3);
  --framer-fresco-planTypeToggleItemBussinessTextSelected-color:#ffffff;
  --framer-fresco-planCardPersonalBackgroundGradientEndColor-color:#111111;
  --framer-fresco-planCardBorderColor-color:rgba(255, 255, 255, 0.05);
  --framer-fresco-planTypeToggleItemBussinessTextSelectedHover-color:#ffffff;
  --framer-fresco-planCardPersonalButtonColor-color:rgba(0, 85, 255, 0.2);
  --framer-fresco-planCardPersonalButtonBorderColor-color:rgba(0, 85, 255, 0.05);
  --framer-fresco-planCardPersonalButtonColorText-color:#0099ff;
  --framer-fresco-planCardBusinessButtonColor-color:#9966ff;
  --framer-fresco-planCardBusinessCurrentPlanButtonColor-color:rgba(136, 85, 255, 0.1);
  --framer-fresco-planCardBusinessButtonBorderColor-color:rgba(136, 85, 255, 0.1);
  --framer-fresco-planCardBusinessButtonColorHover-color:#7733ff;
  --framer-fresco-planCardBusinessButtonColorShadow-color:rgba(136, 85, 255, 0.3);
  --framer-fresco-planCardBusinessButtonColorShadowHover-color:rgba(119, 51, 255, 0.3);
  --framer-fresco-planCardBusinessButtonColorText-color:#8855ff;
  --framer-fresco-planCardTextColor-color:#ffffff;
  --framer-fresco-planCardTextDescriptionColor-color:#999999;
  --framer-fresco-planCardBorder-color:rgba(255, 255, 255, 0.05);
  --framer-fresco-planCardBillingToggleActiveBackground-color:rgba(0, 153, 255, 0.3);
  --framer-fresco-planCardBackgroundGradientStop1-color:#1A1A1A;
  --framer-fresco-planCardBackgroundGradientStop2-color:rgb(17, 17, 17);
  --framer-fresco-planCardHighlightedBorder-color:rgba(0, 153, 255, 0.07);
  --framer-fresco-planCardHighlightedBackgroundGradientStop1-color:rgba(0, 102, 255, 0.4);
  --framer-fresco-planCardHighlightedBackgroundGradientStop2-color:rgba(0, 22, 66, 0.3);
  --framer-fresco-planCardHighlightedBackgroundGradientStop3-color:rgba(17, 17, 17, 0);
  --framer-fresco-badgeCurrentPlanTypeBackgroundColor-color:rgba(0, 153, 255, 0.25);
  --framer-fresco-previewContainerBackgroundColor-color:#1A1A1A;
  --framer-fresco-previewContainerDividerColor-color:#333333;
  --framer-fresco-previewContainerTextColor-color:#ffffff;
  --framer-fresco-previewPeriodTabsBorderColor-color:#333333;
  --framer-fresco-cmsTableSearchIcon-color:#666666;
  --framer-fresco-cmsTableFileIcon-color:#666666;
  --framer-fresco-cmsTableText-color:#666666;
  --framer-fresco-cmsTableTextActive-color:#ffffff;
  --framer-fresco-cmsTableFirstColumnText-color:#999999;
  --framer-fresco-cmsTableHeaderText-color:#666666;
  --framer-fresco-cmsRowDragHandle-color:#444444;
  --framer-fresco-cmsRowDragHandleHover-color:#888888;
  --framer-fresco-cmsTableGroupBackground-color:#181818;
  --framer-fresco-cmsTableSelectedRowBackground-color:#161616;
  --framer-fresco-cmsTableSelectionRangeBackground-color:#13181D;
  --framer-fresco-cmsTableEditingBackground-color:#101c24;
  --framer-fresco-cmsTableMultiSelectionOutline-color:#16314B;
  --framer-fresco-cmsTableCellAgentUpdateHighlight-color:#0099ff;
  --framer-fresco-cmsRichTextTableBorder-color:#444444;
  --framer-fresco-cmsRichTextTableCellContextMenuButtonIcon-color:#666666;
  --framer-fresco-cmsRichTextTableHeaderBackground-color:#2B2B2B;
  --framer-fresco-cmsRichTextTableHeaderText-color:#ffffff;
  --framer-fresco-cmsRichTextTableText-color:#999999;
  --framer-fresco-cmsRichTextToolbarItemText-color:#888888;
  --framer-fresco-cmsRichTextToolbarItemActiveText-color:#ffffff;
  --framer-fresco-cmsRichTextToolbarItemBackground-color:rgba(255, 255, 255, 0.08);
  --framer-fresco-cmsRichTextToolbarGroupBackground-color:rgba(255, 255, 255, 0.08);
  --framer-fresco-cmsRichTextToolbarGroupBackgroundDisabled-color:rgba(255, 255, 255, 0.08);
  --framer-fresco-cmsRichTextDropCursor-color:#0099ff;
  --framer-fresco-cmsRichTextBackground-color:rgba(255, 255, 255, 0.08);
  --framer-fresco-cmsRichTextHeading-color:#ffffff;
  --framer-fresco-cmsRichTextModulePreviewBackground-color:#444444;
  --framer-fresco-cmsRichTextParagraph-color:#eeeeee;
  --framer-fresco-cmsSlashCommandsMenuIcon-color:#888888;
  --framer-fresco-cmsSlashCommandsMenuGroup-color:#666666;
  --framer-fresco-cmsCollectionItemBackdrop-color:rgba(0, 0, 0, 0.4);
  --framer-fresco-cmsCollectionReferenceDraftText-color:#666666;
  --framer-fresco-cmsCodeInTextBackground-color:rgba(238, 238, 238, 0.08);
  --framer-fresco-cmsOverlayRowTitle-color:#ffffff;
  --framer-fresco-cmsOverlayRowTitleReadOnly-color:#666666;
  --framer-fresco-cmsImageClearButtonBackground-color:rgba(0, 0, 0, 0.3);
  --framer-fresco-cmsImageClearButtonText-color:#ffffff;
  --framer-fresco-cmsImageAddButtonBackground-color:#555555;
  --framer-fresco-cmsImageAddButtonBackgroundHover-color:#4a4a4a;
  --framer-fresco-cmsImageAddButtonIcon-color:#aaaaaa;
  --framer-fresco-cmsCodeBlockSurface1-color:#181818;
  --framer-fresco-cmsCodeBlockSurface2-color:#252525;
  --framer-fresco-cmsCodeBlockSurface3-color:#2f2f2f;
  --framer-fresco-cmsCodeBlockClickable-color:#999999;
  --framer-fresco-cmsCodeBlockBase-color:#d92121;
  --framer-fresco-cmsCodeBlockDisabled-color:#4d4d4d;
  --framer-fresco-cmsCodeBlockHover-color:#c5c5c5;
  --framer-fresco-cmsCodeBlockAccent-color:#0099ff;
  --framer-fresco-cmsCodeBlockError-color:#ff3366;
  --framer-fresco-cmsCodeBlockErrorSurface-color:#ffe0e8;
  --framer-fresco-cmsCodeBlockPlain-color:#eeeeee;
  --framer-fresco-cmsCodeBlockComment-color:#666666;
  --framer-fresco-cmsCodeBlockKeyword-color:#00BBFF;
  --framer-fresco-cmsCodeBlockTag-color:#00BBFF;
  --framer-fresco-cmsCodeBlockPunctuation-color:#999999;
  --framer-fresco-cmsCodeBlockDefinition-color:#ffcc66;
  --framer-fresco-cmsCodeBlockProperty-color:#77dddd;
  --framer-fresco-cmsCodeBlockStatic-color:#ff8866;
  --framer-fresco-cmsCodeBlockString-color:#bb88ff;
  --framer-fresco-collectionFieldIcon-color:#888888;
  --framer-fresco-collectionFieldIconSelected-color:#ffffff;
  --framer-fresco-dividerWithTitleRow-color:#666666;
  --framer-fresco-inlineEditingMenuBackground-color:rgba(34, 34, 34, 0.8);
  --framer-fresco-inlineEditingMenuBorder-color:rgba(255, 255, 255, 0.05);
  --framer-fresco-localizationText-color:#999999;
  --framer-fresco-localizationPlaceholderText-color:#666666;
  --framer-fresco-localizationWarningTint-color:#FFAA01;
  --framer-fresco-localizationGlossaryHeading-color:#ffffff;
  --framer-fresco-confirmHideAllInThisLocaleBoldText-color:#333333;
  --framer-fresco-batchTranslateModalLabel-color:#ffffff;
  --framer-fresco-batchTranslateModalChevron-color:#999999;
  --framer-fresco-batchTranslateModalLocaleLabel-color:#aaaaaa;
  --framer-fresco-quickActionsText-color:#999999;
  --framer-fresco-quickActionsTextActive-color:#ffffff;
  --framer-fresco-quickActionsSecondaryText-color:#666666;
  --framer-fresco-quickActionsSeparatorIcon-color:#444444;
  --framer-fresco-quickActionsCategoryTagBackground-color:#2B2B2B;
  --framer-fresco-quickActionsCategoryTagColor-color:#999999;
  --framer-fresco-quickActionsIconDefaultLegacy-color:#0099ff;
  --framer-fresco-quickActionsIconDefault-color:#666666;
  --framer-fresco-quickActionsIconDefaultActiveLegacy-color:#ffffff;
  --framer-fresco-quickActionsIconDefaultActive-color:#ffffff;
  --framer-fresco-quickActionsIconBackgroundDefault-color:color(display-p3 0 0.6 1 / 0.1);
  --framer-fresco-quickActionsIconBackgroundDefaultActive-color:#0099ff;
  --framer-fresco-quickActionsToggleOffIconBackground-color:#555555;
  --framer-fresco-quickActionsIconBackgroundBorder-color:rgba(255, 255, 255, 0.05);
  --framer-fresco-quickActionsIconBackgroundBorderActive-color:rgba(255, 255, 255, 0.1);
  --framer-fresco-quickActionsIconComponentTint-color:#8855ff;
  --framer-fresco-quickActionsIconComponentTintActive-color:#ffffff;
  --framer-fresco-quickActionsIconBackgroundComponentTint-color:rgba(136, 85, 255, 0.15);
  --framer-fresco-quickActionsIconBackgroundComponentTintActive-color:#8855ff;
  --framer-fresco-quickActionsIconAssetStyleTint-color:#ffffff;
  --framer-fresco-quickActionsIconAssetStyleTintActive-color:#ffffff;
  --framer-fresco-quickActionsIconBackgroundAssetStyleTint-color:#222222;
  --framer-fresco-quickActionsIconBackgroundAssetStyleTintActive-color:#363636;
  --framer-fresco-historyPanelRowBackgroundActive-color:#282828;
  --framer-fresco-historyPanelTimelineBackground-color:#252525;
  --framer-fresco-historyPanelTimelineBackgroundActive-color:#363636;
  --framer-fresco-historyPanelTimelineDotBackground-color:#999999;
  --framer-fresco-historyPanelTimelineDotBackgroundActive-color:#ffffff;
  --framer-fresco-historyPanelText-color:#999999;
  --framer-fresco-historyPanelTextActive-color:#ffffff;
  --framer-fresco-historyPanelSummaryText-color:#666666;
  --framer-fresco-historyPanelSummaryTextActive-color:#ffffff;
  --framer-fresco-historyPanelSummaryDivider-color:rgba(255, 255, 255, 0.07);
  --framer-fresco-loadingShieldBackground-color:#252525;
  --framer-fresco-loadingAnimationBackground-color:#000000;
  --framer-fresco-loadingProgressBarFill-color:#ffffff;
  --framer-fresco-fillIconHighlight-color:#999999;
  --framer-fresco-fillIconBorder-color:rgba(153, 153, 153, 0.6);
  --framer-fresco-fillIconBorderActive-color:#ffffff;
  --framer-fresco-fillIconSolidFill-color:rgba(153, 153, 153, 0.4);
  --framer-fresco-fillIconLinearFillInner-color:rgba(153, 153, 153, 0.8);
  --framer-fresco-fillIconLinearFillOuter-color:rgba(153, 153, 153, 0);
  --framer-fresco-fillIconRadialFillInner-color:rgba(153, 153, 153, 0);
  --framer-fresco-fillIconRadialFillOuter-color:rgba(153, 153, 153, 0.6);
  --framer-fresco-fillIconConicFillInner-color:rgba(153, 153, 153, 0);
  --framer-fresco-fillIconConicFillOuter-color:#999999;
  --framer-fresco-fillIconImageFillInner-color:rgba(153, 153, 153, 0);
  --framer-fresco-fillIconImageFillOuter-color:rgba(153, 153, 153, 0.4);
  --framer-fresco-fillIconSolidFillActive-color:rgba(255, 255, 255, 0.4);
  --framer-fresco-fillIconLinearFillInnerActive-color:#ffffff;
  --framer-fresco-fillIconLinearFillActive-color:rgba(255, 255, 255, 0);
  --framer-fresco-fillIconRadialFillActive-color:rgba(255, 255, 255, 0.7);
  --framer-fresco-fillIconConicFillInnerActive-color:rgba(255, 255, 255, 0);
  --framer-fresco-fillIconConicFillOuterActive-color:#ffffff;
  --framer-fresco-fillIconImageFillInnerActive-color:rgba(255, 255, 255, 0);
  --framer-fresco-fillIconImageFillOuterActive-color:rgba(255, 255, 255, 0.4);
  --framer-fresco-fillPanelPresetBackground-color:#2B2B2B;
  --framer-fresco-publishErrorCaret-color:#999999;
  --framer-fresco-publishErrorTitle-color:#FF4466;
  --framer-fresco-deploymentErrorLogsBackground-color:#1f1f1f;
  --framer-fresco-deploymentErrorLogsStackTraceBackground-color:rgba(255, 255, 255, 0.05);
  --framer-fresco-editorBarBackground-color:#222222;
  --framer-fresco-editorBarBackgroundHover-color:#282828;
  --framer-fresco-editorBarButtonSecondaryText-color:#ffffff;
  --framer-fresco-editorBarDivider-color:#333333;
  --framer-fresco-editorBarText-color:#ffffff;
  --framer-fresco-editorBarDividerBackground-color:#ffffff;
  --framer-fresco-editorBarButtonBackground-color:rgba(255, 255, 255, 0.15);
  --framer-fresco-editorBarSubtleBackground-color:rgba(17, 17, 17, 0.9);
  --framer-fresco-editorBarSubtleTitle-color:#ffffff;
  --framer-fresco-editorBarSubtleSubtitle-color:#999999;
  --framer-fresco-editorBarMenuItemColor-color:#cccccc;
  --framer-fresco-editorBarSubtleSubtitleLink-color:#f7f7f7;
  --framer-fresco-editorBarSubtleIconSquareBackground-color:rgba(255, 255, 255, 0.15);
  --framer-fresco-editorBarSubtleIconSquareBackgroundHover-color:rgba(255, 255, 255, 0.2);
  --framer-fresco-editorBarSubtleItemFontColor-color:#777777;
  --framer-fresco-onPageToolbarBackground-color:rgba(34, 34, 34, 0.8);
  --framer-fresco-onPageToolbarShadow-color:rgba(0, 0, 0, 0.1) 0px 2px 4px 0px,rgba(0, 0, 0, 0.05) 0px 1px 0px 0px,rgba(255, 255, 255, 0.15) 0px 0px 0px 1px;
  --framer-fresco-onPageToolbarText-color:#ffffff;
  --framer-fresco-onPageToolbarSecondaryText-color:rgba(255, 255, 255, 0.6);
  --framer-fresco-onPageToolbarButtonBackground-color:rgba(255, 255, 255, 0.25);
  --framer-fresco-onPageToolbarButtonBackgroundHover-color:rgba(255, 255, 255, 0.23);
  --framer-fresco-onPageToolbarButtonBackgroundActive-color:rgba(255, 255, 255, 0.21);
  --framer-fresco-onPageToolbarButtonText-color:#ffffff;
  --framer-fresco-onPageValidationWarningBadgeBackground-color:#FF7700;
  --framer-fresco-onPageValidationWarningBadgeText-color:#ffffff;
  --framer-fresco-layoutTemplateSlotBackground-color:rgba(136, 85, 255, 0.1);
  --framer-fresco-debugBarBackground-color:#111111;
  --framer-fresco-debugBarSecondaryBackground-color:#1d1d1d;
  --framer-fresco-anchorGridUnselected-color:#777777;
  --framer-fresco-anchorGridSelected-color:#0099ff;
  --framer-fresco-vectorSetItemBackground-color:#111111;
  --framer-fresco-onboardingTextPrimary-color:#ffffff;
  --framer-fresco-onboardingTextSecondary-color:#888888;
  --framer-fresco-onboardingTextTertiary-color:#777777;
  --framer-fresco-onboardingBackground-color:#000000;
  --framer-fresco-onboardingDropdownBackground-color:#2B2B2B;
  --framer-fresco-onboardingPanelBackground-color:#000000;
  --framer-fresco-onboardingButtonPrimary-color:#ffffff;
  --framer-fresco-onboardingButtonPrimaryHover-color:#dddddd;
  --framer-fresco-onboardingVideoBorder-color:rgba(255, 255, 255, 0.08);
  --framer-fresco-onboardingDivider-color:#252525;
  --framer-fresco-onboardingGoogleIcon-color:#666666;
  --framer-fresco-onboardingPasskeyIcon-color:#666666;
  --framer-fresco-onboardingInputErrorBackground-color:rgba(255, 51, 102, 0.15);
  --framer-fresco-customCodeTableHeader-color:#666666;
  --framer-fresco-customCodeTableRow-color:#999999;
  --framer-fresco-customCodeTableRowHover-color:#ffffff;
  --framer-fresco-customCodeIcon-color:#2B2B2B;
  --framer-fresco-customCodeIconBorder-color:rgba(136, 136, 136, 0.12);
  --framer-fresco-customCodeInfoIcon-color:#666666;
  --framer-fresco-customCodeFieldInfo-color:#999999;
  --framer-fresco-customCodeTemplateVariable-color:#cccccc;
  --framer-fresco-borderSweepOverlayBorderAlpha-color:40%;
  --framer-fresco-avatar-shadow:inset 0 0 0 1px rgba(255, 255, 255, 0.1);
  --framer-fresco-avatarOverlap-shadow:0px 0px 0px 1.5px var(--framer-fresco-panelBackground-color, #ffffff),inset 0 0 0 1px rgba(255, 255, 255, 0.05);
  --framer-fresco-avatarTinted-shadow:inset 0 0 0 1px rgba(0, 153, 255, 0.15);
  --framer-fresco-buttonSelected-shadow:0px 2px 4px 0px rgba(0, 0, 0, 0.3),0px 1px 0px 0px rgba(0, 0, 0, 0.05);
  --framer-fresco-canvasTooltip-shadow:0px 3px 6px 0px rgba(0, 0, 0, 0.08),inset 0px 0px 0px 1px rgba(255, 255, 255, 0.07);
  --framer-fresco-card-shadow:0 5px 20px rgba(0, 0, 0, 0.3);
  --framer-fresco-cardActive-shadow:0px 0px 12px 0px rgba(0, 153, 255, 0);
  --framer-fresco-checkbox-shadow:inset 0 0 0 1px rgba(255, 255, 255, 0.1);
  --framer-fresco-checkboxDarker-shadow:inset 0 0 0 1px rgba(255, 255, 255, 0.1);
  --framer-fresco-checkboxChecked-shadow:inset 0 0 0 1px rgba(255, 255, 255, 0.2);
  --framer-fresco-checkboxDarkerChecked-shadow:inset 0 0 0 1px rgba(255, 255, 255, 0.2);
  --framer-fresco-componentOutline-shadow:0px 0px 0px 5px rgba(136, 85, 255, 0.4);
  --framer-fresco-componentOutlineSmall-shadow:0px 0px 0px 5px rgba(136, 85, 255, 0.4);
  --framer-fresco-dashboardNewProjectCard-shadow:0 2px 4px 0 rgba(0, 0, 0, 0.08),0 1px 0 0 rgba(0, 0, 0, 0.05);
  --framer-fresco-distributionSliderBar-shadow:inset 0 0 0 1px var(--framer-fresco-gradientStopSliderBorder-color, rgba(0, 0, 0, 0.05));
  --framer-fresco-distributionSliderKnob-shadow:inset 0 0 0 3px white,inset 0 0 0 4px rgba(0, 0, 0, 0.1),0 0 0 1px rgba(0, 0, 0, 0.1);
  --framer-fresco-distributionSliderKnobSelected-shadow:inset 0 0 0 3px white,inset 0 0 0 4px #0099ff,0 0 0 1px #0099ff;
  --framer-fresco-gradientSliderKnobSelected-shadow:inset 0 0 0 3px white,inset 0 0 0 4px rgba(0, 0, 0, 0.1),0 0 0 1px #111111,0 0 0 2px #0099ff;
  --framer-fresco-imageBorderOverlay-shadow:inset 0 0 0 1px rgba(255, 255, 255, 0.1);
  --framer-fresco-inlineEditingMenu-shadow:0px 10px 20px 0px rgba(0, 0, 0, 0.1);
  --framer-fresco-insertImage-shadow:0px 4px 8px 0px rgba(0, 0, 0, 0.2);
  --framer-fresco-insertMenuArtwork-shadow:inset 0 0 0 1px rgba(255, 255, 255, 0.075);
  --framer-fresco-menu-shadow:0px 3px 6px rgba(0, 0, 0, 0.3);
  --framer-fresco-modal-shadow:0px 10px 30px 0px rgba(0, 0, 0, 0.15);
  --framer-fresco-modalInset-shadow:none;
  --framer-fresco-popover-shadow:0px 10px 30px 0px rgba(0, 0, 0, 0.1),0px 1px 4px 0px rgba(0, 0, 0, 0.02);
  --framer-fresco-popoverInset-shadow:none;
  --framer-fresco-popoverDropShadow-shadow:drop-shadow(0px 2px 4px rgba(0, 0, 0, 0.08)) drop-shadow(0px 2px 10px rgba(0, 0, 0, 0.2));
  --framer-fresco-projectMenuButton-shadow:0px 2px 4px 0px rgba(0, 0, 0, 0.2);
  --framer-fresco-radioButton-shadow:inset 0 0 0 1px rgba(0, 0, 0, 0.05);
  --framer-fresco-radioButtonChecked-shadow:inset 0 0 0 1px rgba(255, 255, 255, 0.2);
  --framer-fresco-settingsCard-shadow:0px 1px 1px 0px rgba(0, 0, 0, 0.1),0px 2px 10px 0px rgba(0, 0, 0, 0.05);
  --framer-fresco-sideOverlay-shadow:0px 3px 6px 0px rgba(0, 0, 0, 0.08),0px 0px 0px 1px rgba(0, 0, 0, 0.05),inset 1px 0 0 0 #222222;
  --framer-fresco-segmentedControlItemSelected-shadow:inset 0 0 0 1px rgba(255, 255, 255, 0.03);
  --framer-fresco-multiComboBoxToken-shadow:0px 2px 4px 0px rgba(0, 0, 0, 0.15);
  --framer-fresco-sliderKnob-shadow:0 1px 0 1px rgba(0,0,0,0.2),0 0 0 1px rgba(0,0,0,0.2);
  --framer-fresco-svgScreenIcon-shadow:drop-shadow(0 5px 10px rgba(0, 0, 0, 0.3));
  --framer-fresco-tintOutline-shadow:0px 0px 0px 5px rgba(0, 153, 255, 0.4);
  --framer-fresco-tintOutlineSmall-shadow:0px 0px 0px 2px rgba(0, 153, 255, 0.4);
  --framer-fresco-toggleTack-shadow:0px 1px 1px 0px rgba(0, 0, 0, 0.1),0px 2px 10px 0px rgba(0, 0, 0, 0.05);
  --framer-fresco-settingsImageClearButton-shadow:0px 1px 3px 0px rgba(0, 0, 0, 0.2),0px 0.5px 0px 0px rgba(0, 0, 0, 0.1);
}
body[data-framer-theme=dark] .inverted_i800e5d {
  --framer-fresco-tint-color:#0099ff;
  --framer-fresco-tintDark-color:#0088ff;
  --framer-fresco-tintExtraDark-color:#1188ff;
  --framer-fresco-tintDimmed-color:color(display-p3 0 0.6 1 / 0.1);
  --framer-fresco-tintGradientStart-color:rgba(0, 153, 255, 0.4);
  --framer-fresco-tintGradientEnd-color:rgba(0, 153, 255, 0.8);
  --framer-fresco-componentTint-color:#8855ff;
  --framer-fresco-componentTintDark-color:#7744FF;
  --framer-fresco-componentTintExtraDark-color:#7733ff;
  --framer-fresco-componentTintDimmed-color:color(display-p3 0.533333 0.333333 1 / 0.1);
  --framer-fresco-componentTintDimmedDrag-color:rgba(136, 85, 255, 0.2);
  --framer-fresco-componentTintDimmedActive-color:rgba(136, 85, 255, 0.3);
  --framer-fresco-componentTintLight-color:#B89AFF;
  --framer-fresco-errorTint-color:#ff3366;
  --framer-fresco-errorTintDimmed-color:rgba(255, 51, 102, 0.1);
  --framer-fresco-warningTint-color:#FFBB00;
  --framer-fresco-warningTintDimmed-color:rgba(255, 187, 0, 0.2);
  --framer-fresco-warningText-color:#FF9900;
  --framer-fresco-warningTextDimmed-color:rgba(255, 153, 0, 0.1);
  --framer-fresco-selectionBackground-color:color(display-p3 0 0.6 1 / 0.15);
  --framer-fresco-selectionComponentBackground-color:color(display-p3 0.52 0.357 0.965 / 0.15);
  --framer-fresco-selectionWarningBackground-color:color(display-p3 1 0.733 0 / 0.15);
  --framer-fresco-selectionEnterpriseUpsellBackground-color:color(display-p3 0.2 0.2 0.2 / 0.15);
  --framer-fresco-selectionText-color:#0099ff;
  --framer-fresco-selectionUnsaturatedBackground-color:rgba(0, 0, 0, 0.1);
  --framer-fresco-selectionUnsaturatedText-color:#000000;
  --framer-fresco-panelTitle-color:#333333;
  --framer-fresco-panelRowTitle-color:#666666;
  --framer-fresco-panelSectionTitle-color:#999999;
  --framer-fresco-panelText-color:#666666;
  --framer-fresco-panelDescription-color:#999999;
  --framer-fresco-panelTextSelected-color:#ffffff;
  --framer-fresco-panelBackground-color:#ffffff;
  --framer-fresco-panelDivider-color:#eeeeee;
  --framer-fresco-panelSectionHeaderIcon-color:#222222;
  --framer-fresco-panelChevron-color:#bbbbbb;
  --framer-fresco-panelSubtitle-color:#666666;
  --framer-fresco-panelSubLabel-color:#999999;
  --framer-fresco-panelPressedState-color:#666666;
  --framer-fresco-nuxPanelHeaderTitle-color:#222222;
  --framer-fresco-nuxPanelStepTitle-color:#666666;
  --framer-fresco-nuxPanelStepTitleDisabled-color:#999999;
  --framer-fresco-nuxPanelStepTitleHighlighted-color:#677680;
  --framer-fresco-nuxPanelStepNumberHighlighted-color:#1A303D;
  --framer-fresco-nuxPanelSubtitle-color:#999999;
  --framer-fresco-nuxPanelSubtitleDisabled-color:#cccccc;
  --framer-fresco-nuxPanelButton-color:#ffffff;
  --framer-fresco-nuxPanelButtonDisabled-color:#f2f2f2;
  --framer-fresco-nuxPanelCard-color:#fafafa;
  --framer-fresco-nuxPanelCheckmark-color:#aaaaaa;
  --framer-fresco-assetsRowCodeFileText-color:#0099ff;
  --framer-fresco-assetsRowCodeFileBackgroundSelected-color:color(display-p3 0 0.6 1 / 0.1);
  --framer-fresco-assetsRowCodeFileBackgroundDragged-color:rgba(0, 153, 255, 0.2);
  --framer-fresco-assetsRowCodeFileBackgroundDraggedUnsaturated-color:rgba(238, 238, 238, 0.2);
  --framer-fresco-colorIconBorder-color:rgba(0, 0, 0, 0.1);
  --framer-fresco-dropdownText-color:#999999;
  --framer-fresco-dropdownChevron-color:#999999;
  --framer-fresco-canvasCreatePreviewBorder-color:#0099ff;
  --framer-fresco-canvasSelectionRectBackground-color:rgba(0, 153, 255, 0.1);
  --framer-fresco-canvasSelectionRectBorder-color:rgba(0, 153, 255, 0.5);
  --framer-fresco-canvasTooltipText-color:#ffffff;
  --framer-fresco-canvasTooltipBackground-color:#0099ff;
  --framer-fresco-canvasRelativeOverlayBackdrop-color:rgba(0, 153, 255, 0.25);
  --framer-fresco-canvasRelativeOverlaySmartComponentBackdrop-color:rgba(136, 85, 255, 0.15);
  --framer-fresco-floatingWindowToolbarIcon-color:#999999;
  --framer-fresco-modalBackground-color:#ffffff;
  --framer-fresco-modalBackgroundTransparent-color:rgba(255, 255, 255, 0);
  --framer-fresco-modalBackdrop-color:rgba(0, 0, 0, 0.4);
  --framer-fresco-modalTitle-color:#333333;
  --framer-fresco-modalSubtitle-color:#999999;
  --framer-fresco-modalDescription-color:#666666;
  --framer-fresco-modalCloseIcon-color:#999999;
  --framer-fresco-largeModalTitle-color:#000000;
  --framer-fresco-largeModalDescription-color:#333333;
  --framer-fresco-modalSeparator-color:rgba(0, 0, 0, 0.07);
  --framer-fresco-templateCardOutline-color:rgba(0, 0, 0, 0.05);
  --framer-fresco-variablesModalEmptyStateIcon-color:#aaaaaa;
  --framer-fresco-variableRowText-color:#666666;
  --framer-fresco-variableRowTextActive-color:#000000;
  --framer-fresco-variableRowDivider-color:#eeeeee;
  --framer-fresco-variableRowDividerSelected-color:#dddddd;
  --framer-fresco-variableRowDividerTitleBackground-color:#ffffff;
  --framer-fresco-collapsibleRowDivider-color:rgba(17, 17, 17, 0.07);
  --framer-fresco-collapsibleRowDividerSelected-color:#dddddd;
  --framer-fresco-buttonSheetPlainTitle-color:#333333;
  --framer-fresco-buttonSheetPlainDescription-color:#888888;
  --framer-fresco-buttonSheetPlainIconColor-color:#999999;
  --framer-fresco-buttonSheetPlainBorderBottom-color:rgba(17, 17, 17, 0.05);
  --framer-fresco-cmsBadgeBackgroundDisabled-color:#999999;
  --framer-fresco-cmsBadgeTextDisabled-color:#ffffff;
  --framer-fresco-buttonBackground-color:#f3f3f3;
  --framer-fresco-buttonBackgroundHover-color:#eeeeee;
  --framer-fresco-buttonText-color:#333333;
  --framer-fresco-buttonTextActive-color:#222222;
  --framer-fresco-buttonBackgroundPrimary-color:#0099ff;
  --framer-fresco-buttonBackgroundPrimaryHover-color:#0088ff;
  --framer-fresco-buttonBackgroundPrimaryActive-color:#0077FF;
  --framer-fresco-buttonTextPrimary-color:#ffffff;
  --framer-fresco-buttonBackgroundDestructive-color:#ff3366;
  --framer-fresco-buttonBackgroundDestructiveHover-color:#ee2255;
  --framer-fresco-buttonTextDestructive-color:#ffffff;
  --framer-fresco-buttonBackgroundDestructiveSecondary-color:rgba(255, 51, 102, 0.1);
  --framer-fresco-buttonBackgroundDestructiveSecondaryHover-color:rgba(255, 51, 102, 0.15);
  --framer-fresco-buttonTextDestructiveSecondary-color:#ee2255;
  --framer-fresco-buttonLinkLined-color:#222222;
  --framer-fresco-buttonLinkLinedSecondary-color:rgba(0, 0, 0, 0.15);
  --framer-fresco-buttonLinkLinedHover-color:#222222;
  --framer-fresco-buttonCellBackground-color:#f3f3f3;
  --framer-fresco-buttonCellBackgroundHover-color:#eeeeee;
  --framer-fresco-buttonWithDepthText-color:#222222;
  --framer-fresco-buttonWithDepthTextDisabled-color:#cccccc;
  --framer-fresco-buttonWithDepthBackground-color:#ffffff;
  --framer-fresco-buttonWithDepthBackgroundDisabled-color:#f3f3f3;
  --framer-fresco-buttonWithDepthBackgroundHover-color:#fafafa;
  --framer-fresco-buttonWithDepthShadow-color:0px 0px 0px 1px rgba(0, 0, 0, 0.02),0px 1px 0px 0px rgba(0, 0, 0, 0.05),0px 2px 4px 0px rgba(0, 0, 0, 0.1);
  --framer-fresco-buttonWithDepthPrimaryBackground-color:#0099ff;
  --framer-fresco-buttonWithDepthPrimaryBackgroundHover-color:#1188ff;
  --framer-fresco-buttonWithDepthPrimaryShadow-color:0px 1px 2px 0px rgba(0, 153, 255, 0.15),0px 2px 4px 0px rgba(0, 153, 255, 0.2);
  --framer-fresco-buttonWithDepthPrimaryShadowHover-color:0px 1px 2px 0px rgba(13, 144, 255, 0.15),0px 2px 4px 0px rgba(13, 144, 255, 0.2);
  --framer-fresco-buttonWithDepthPrimaryComponentShadow-color:0px 1px 2px 0px rgba(136, 85, 255, 0.15),0px 2px 4px 0px rgba(136, 85, 255, 0.2);
  --framer-fresco-buttonWithDepthDestructiveBackground-color:#ff3366;
  --framer-fresco-buttonWithDepthDestructiveBackgroundHover-color:#e15;
  --framer-fresco-buttonWithDepthDestructiveShadow-color:0 2px 4px 0 rgba(255, 51, 102, 0.3);
  --framer-fresco-rowOverlayButtonBackground-color:#eeeeee;
  --framer-fresco-rowOverlayButtonBackgroundHover-color:#e3e3e3;
  --framer-fresco-rowOverlayButtonBackgroundActive-color:#dddddd;
  --framer-fresco-tabBarText-color:#888888;
  --framer-fresco-electronTabBarBackground-color:#f3f3f3;
  --framer-fresco-electronTabBarBackgroundActive-color:#ffffff;
  --framer-fresco-electronTabBarBorder-color:#e6e6e6;
  --framer-fresco-electronTabBarText-color:#888888;
  --framer-fresco-electronTabBarTextActive-color:#333333;
  --framer-fresco-inputBackground-color:#f3f3f3;
  --framer-fresco-inputBorder-color:transparent;
  --framer-fresco-inputBorderError-color:#ff3366;
  --framer-fresco-inputBorderWarning-color:#FFBB00;
  --framer-fresco-inputBorderActive-color:#0099ff;
  --framer-fresco-inputText-color:#333333;
  --framer-fresco-inputTextActive-color:#000000;
  --framer-fresco-inputTextError-color:#ff3366;
  --framer-fresco-inputTextDisabled-color:#bbbbbb;
  --framer-fresco-inputTextDisabledSelected-color:#999999;
  --framer-fresco-inputPlaceholder-color:#999999;
  --framer-fresco-inputLabel-color:#999999;
  --framer-fresco-inputLabelDisabled-color:#dddddd;
  --framer-fresco-inputIcon-color:#999999;
  --framer-fresco-inputIconHover-color:#888888;
  --framer-fresco-inputIconDisabled-color:#bbbbbb;
  --framer-fresco-sitesSettingsInputLabel-color:#666666;
  --framer-fresco-sitesSettingsInputBackground-color:#f3f3f3;
  --framer-fresco-sitesSettingsInputBackgroundDisabled-color:#e6e6e6;
  --framer-fresco-sitesSettingsInputColorDisabled-color:#999999;
  --framer-fresco-comboBoxSectionText-color:#222222;
  --framer-fresco-multiComboBoxTokenBackground-color:#ffffff;
  --framer-fresco-multiComboBoxTokenBackgroundHover-color:#fafafa;
  --framer-fresco-comboBoxHighlightedRowTint-color:#0099ff;
  --framer-fresco-comboBoxHighlightedRowText-color:#ffffff;
  --framer-fresco-comboBoxMenuBackground-color:#ffffff;
  --framer-fresco-comboBoxItemIcon-color:#999999;
  --framer-fresco-comboBoxHighlightUnsaturated-color:#f2f2f2;
  --framer-fresco-pillBackground-color:rgba(0, 0, 0, 0.05);
  --framer-fresco-pillBorder-color:rgba(0, 0, 0, 0.1);
  --framer-fresco-pillText-color:#777777;
  --framer-fresco-pillIcon-color:#999999;
  --framer-fresco-pillTintBackground-color:rgba(0, 153, 255, 0.1);
  --framer-fresco-pillTintBorder-color:rgba(0, 153, 255, 0.2);
  --framer-fresco-pillTintText-color:#0099ff;
  --framer-fresco-pillTintIcon-color:#0099ff;
  --framer-fresco-pillSuccessBackground-color:rgba(0, 187, 136, 0.1);
  --framer-fresco-pillSuccessText-color:#00BB88;
  --framer-fresco-pillSuccessIcon-color:#00BB88;
  --framer-fresco-comboBoxMenuBackgroundUnsaturated-color:#ffffff;
  --framer-fresco-comboBoxClearButton-color:#222222;
  --framer-fresco-comboBoxClearButtonHover-color:#222222;
  --framer-fresco-iconPadlock-color:#bbbbbb;
  --framer-fresco-padLockConnector-color:#dddddd;
  --framer-fresco-popoverBackground-color:#ffffff;
  --framer-fresco-popoverDivider-color:#eeeeee;
  --framer-fresco-popoverText-color:#333333;
  --framer-fresco-popoverDescription-color:#aaa;
  --framer-fresco-popoverDescriptionIcon-color:#aaa;
  --framer-fresco-invitePopoverSendButtonBackground-color:rgba(0, 0, 0, 0.08);
  --framer-fresco-invitePopoverSendButtonText-color:#888888;
  --framer-fresco-popupButtonBackground-color:#f3f3f3;
  --framer-fresco-popupButtonBorder-color:transparent;
  --framer-fresco-popupButtonText-color:#333333;
  --framer-fresco-popupButtonIcon-color:#999999;
  --framer-fresco-popupButtonIconDisabled-color:#bbbbbb;
  --framer-fresco-popupButtonPreviewIconBackground-color:#ffffff;
  --framer-fresco-popupButtonPreviewIconPrimary-color:#222222;
  --framer-fresco-popupButtonPreviewIconSecondary-color:#cccccc;
  --framer-fresco-popupButtonWarningText-color:#ffffff;
  --framer-fresco-popupButtonWarningBackground-color:#FFBB00;
  --framer-fresco-popoutButtonTextPlaceholder-color:#999999;
  --framer-fresco-popoutButtonTextDisabled-color:#cccccc;
  --framer-fresco-popoutButtonCursorPlaceholder-color:#cccccc;
  --framer-fresco-popoutButtonCursorIconBackground-color:#dddddd;
  --framer-fresco-popoutButtonCursorIcon-color:rgba(0, 0, 0, 0.25);
  --framer-fresco-popoutButtonCursorBorder-color:rgba(0, 0, 0, 0.05);
  --framer-fresco-radioButtonBackground-color:#f5f5f5;
  --framer-fresco-radioButtonBackgroundHover-color:#f5f5f5;
  --framer-fresco-radioButtonLabel-color:#333333;
  --framer-fresco-radioButtonDescription-color:#999999;
  --framer-fresco-radioButtonLabelDisabled-color:#cccccc;
  --framer-fresco-segmentedControlBackground-color:#f3f3f3;
  --framer-fresco-segmentedControlBackgroundDisabled-color:#f9f9f9;
  --framer-fresco-segmentedControlBorder-color:transparent;
  --framer-fresco-segmentedControlItemBackground-color:#f3f3f3;
  --framer-fresco-segmentedControlItemBackgroundActive-color:#eeeeee;
  --framer-fresco-segmentedControlItemBackgroundSelected-color:#ffffff;
  --framer-fresco-segmentedControlItemText-color:#999999;
  --framer-fresco-segmentedControlItemTextHover-color:#888888;
  --framer-fresco-segmentedControlItemTextSelected-color:#0099ff;
  --framer-fresco-segmentedControlItemTextSelectedHover-color:#0088ff;
  --framer-fresco-segmentedControlDivider-color:#e6e6e6;
  --framer-fresco-segmentedControlItemTextSelectedUnsaturated-color:#222222;
  --framer-fresco-tabsText-color:#999999;
  --framer-fresco-tabsTextSelected-color:#222222;
  --framer-fresco-tabsBackgroundSelected-color:#f3f3f3;
  --framer-fresco-sliderKnob-color:#ffffff;
  --framer-fresco-sliderTrack-color:#dddddd;
  --framer-fresco-sliderTrackActive-color:#0099ff;
  --framer-fresco-sliderTrackDisabled-color:#eeeeee;
  --framer-fresco-spinnerBackground-color:#000000;
  --framer-fresco-presetIcon-color:#222222;
  --framer-fresco-presetSelectedColor-color:#000000;
  --framer-fresco-presetSelectedBackground-color:#f3f3f3;
  --framer-fresco-alternativePresetIcon-color:#0099ff;
  --framer-fresco-alternativePresetSelectedColor-color:#0099ff;
  --framer-fresco-alternativePresetSelectedBackground-color:rgba(0, 153, 255, 0.1);
  --framer-fresco-assetStyleIcon-color:#0099ff;
  --framer-fresco-assetComponentIcon-color:#8855ff;
  --framer-fresco-assetCodeFileIcon-color:#999999;
  --framer-fresco-assetSelectedColor-color:#000000;
  --framer-fresco-assetSelectedBackground-color:#f3f3f3;
  --framer-fresco-gradientStopSliderBorder-color:rgba(0, 0, 0, 0.05);
  --framer-fresco-formRedirectLinkIcon-color:#cccccc;
  --framer-fresco-colorStyleBorder-color:#000000;
  --framer-fresco-colorStyleDisabled-color:rgba(0, 0, 0, 0.04);
  --framer-fresco-maskEmptyGradientStop1-color:#f3f3f3;
  --framer-fresco-maskEmptyGradientStop2-color:#cccccc;
  --framer-fresco-swatchBorder-color:rgba(0, 0, 0, 0.1);
  --framer-fresco-swatchBorderPlaceholder-color:rgba(0, 0, 0, 0.05);
  --framer-fresco-swatchBackground-color:#e6e6e6;
  --framer-fresco-swatchBackgroundPlaceholderForFill-color:#ffffff;
  --framer-fresco-swatchBackgroundPlaceholderForBorder-color:#cccccc;
  --framer-fresco-swatchBackgroundPlaceholderForLink-color:#cccccc;
  --framer-fresco-swatchBackgroundForLink-color:#0099ff;
  --framer-fresco-swatchBackgroundPlaceholderForFile-color:#cccccc;
  --framer-fresco-swatchBackgroundPlaceholderForShadow-color:rgba(221, 221, 221, 0.5);
  --framer-fresco-swatchBackgroundForComputedValue-color:rgba(255, 255, 255, 0.2);
  --framer-fresco-swatchOverlappingBorder-color:rgba(255, 255, 255, 0.9);
  --framer-fresco-checkboxBackground-color:#f5f5f5;
  --framer-fresco-checkboxBackgroundActive-color:#f5f5f5;
  --framer-fresco-checkboxBackgroundChecked-color:#0099ff;
  --framer-fresco-checkboxBackgroundCheckedActive-color:#0088ff;
  --framer-fresco-checkboxDarkerBackgroundChecked-color:#222222;
  --framer-fresco-checkboxDarkerBackgroundCheckedActive-color:#222222;
  --framer-fresco-checkboxLabel-color:#333333;
  --framer-fresco-checkboxLabelDisabled-color:#cccccc;
  --framer-fresco-checkboxStroke-color:#ffffff;
  --framer-fresco-checkboxDarkerStroke-color:#ffffff;
  --framer-fresco-moreInfoText-color:#333333;
  --framer-fresco-moreInfoDisclosureIcon-color:#aaaaaa;
  --framer-fresco-toggleBackground-color:#eeeeee;
  --framer-fresco-toggleBackgroundChecked-color:#0099ff;
  --framer-fresco-toggleBackgroundDisabled-color:#f3f3f3;
  --framer-fresco-toggleTack-color:linear-gradient(
      0deg,
      #fafafa 0%,
      #ffffff 100%);
  --framer-fresco-toggleTackDisabled-color:#ffffff;
  --framer-fresco-toggleTackBorder-color:rgba(0, 0, 0, 0.05);
  --framer-fresco-toggleTackBorderDisabled-color:transparent;
  --framer-fresco-codeEditorBackground-color:#fdfdfd;
  --framer-fresco-codeEditorInsideModalBackground-color:#f3f3f3;
  --framer-fresco-codeEditorDisabledBackground-color:#e6e6e6;
  --framer-fresco-toolbarIcon-color:#888888;
  --framer-fresco-toolbarIconHover-color:#777777;
  --framer-fresco-toolbarIconActive-color:#0099ff;
  --framer-fresco-toolbarTitleText-color:#888888;
  --framer-fresco-toolbarInputText-color:#333333;
  --framer-fresco-toolbarCmsMobileTitle-color:#333333;
  --framer-fresco-textAreaScrollbar-color:#cccccc;
  --framer-fresco-projectBarButtonBackground-color:#f3f3f3;
  --framer-fresco-projectBarButtonBackgroundHover-color:#eeeeee;
  --framer-fresco-projectBarButtonBackgroundActive-color:#ffffff;
  --framer-fresco-projectBarButtonBorderActive-color:transparent;
  --framer-fresco-projectBarButtonTextWarning-color:#FFAA00;
  --framer-fresco-toolbarLeftPanelToggleText-color:#999999;
  --framer-fresco-toolbarLeftPanelToggleTextActive-color:#333333;
  --framer-fresco-toolbarButtonTextSites-color:#888888;
  --framer-fresco-toolbarButtonIconSites-color:#888888;
  --framer-fresco-toolbarButtonTextActiveSites-color:#222222;
  --framer-fresco-toolbarButtonBackgroundActiveSites-color:#f3f3f3;
  --framer-fresco-toolbarButtonBackgroundTintedSites-color:color(display-p3 0 0.6 1 / 0.1);
  --framer-fresco-toolbarPreviewCloseButtonSites-color:#888888;
  --framer-fresco-toolbarSettingsButtonTextSites-color:#333333;
  --framer-fresco-toolbarSettingsButtonTextSecondarySites-color:#999999;
  --framer-fresco-toolbarSettingsButtonTextActiveSites-color:#ffffff;
  --framer-fresco-toolbarSettingsButtonBackgroundActiveSites-color:#222222;
  --framer-fresco-toolbarInviteBadgeBackgroundHover-color:#e3e3e3;
  --framer-fresco-projectBarTitleBackgroundActive-color:transparent;
  --framer-fresco-breadcrumbItemText-color:#888888;
  --framer-fresco-breadcrumbItemBackground-color:rgba(0, 0, 0, 0.05);
  --framer-fresco-breadcrumbItemBackgroundTinted-color:color(display-p3 0 0.6 1 / 0.1);
  --framer-fresco-breadcrumbOverlayPlayButton-color:#AD89FF;
  --framer-fresco-breadcrumbDraftBadgeText-color:#ffffff;
  --framer-fresco-educationButtonBackground-color:rgba(17, 17, 17, 0.05);
  --framer-fresco-educationButtonText-color:#999999;
  --framer-fresco-menuBackground-color:#ffffff;
  --framer-fresco-menuBackgroundActive-color:#0099ff;
  --framer-fresco-menuBackgroundActiveUnsaturated-color:#f2f2f2;
  --framer-fresco-menuItemWithSubmenuBackgroundActive-color:#f3f3f3;
  --framer-fresco-menuText-color:#222222;
  --framer-fresco-menuTextDisabled-color:rgba(34, 34, 34, 0.4);
  --framer-fresco-menuTextActive-color:#ffffff;
  --framer-fresco-menuTextActiveUnsaturated-color:#222222;
  --framer-fresco-menuDescription-color:#999999;
  --framer-fresco-menuDescriptionActive-color:rgba(255, 255, 255, 0.8);
  --framer-fresco-menuSeparator-color:#eeeeee;
  --framer-fresco-menuBadgeBackground-color:rgba(136, 136, 136, 0.15);
  --framer-fresco-menuBadgeBorder-color:transparent;
  --framer-fresco-menuBadgeColor-color:#888888;
  --framer-fresco-menuBadgeBackgroundActive-color:rgba(255, 255, 255, 0.3);
  --framer-fresco-menuBadgeColorActive-color:#ffffff;
  --framer-fresco-menuCheckbox-color:#222222;
  --framer-fresco-menuCheckboxActive-color:#ffffff;
  --framer-fresco-menuCheckboxDisabled-color:rgba(34, 34, 34, 0.3);
  --framer-fresco-menuCaretActive-color:#ffffff;
  --framer-fresco-menuIcon-color:rgba(34, 34, 34, 0.4);
  --framer-fresco-menuTextChecked-color:#222222;
  --framer-fresco-menuCaretChecked-color:rgba(34, 34, 34, 0.4);
  --framer-fresco-contextMenuButtonBackgroundHover-color:#f2f2f2;
  --framer-fresco-contextMenuButtonIcon-color:#999999;
  --framer-fresco-contextMenuButtonIconHover-color:#333333;
  --framer-fresco-pageRowTextActive-color:#000000;
  --framer-fresco-pageRowBackgroundActive-color:#f3f3f3;
  --framer-fresco-pageIconSelected-color:#222222;
  --framer-fresco-collapsibleCaret-color:#aaaaaa;
  --framer-fresco-collapsibleCaretActive-color:#666666;
  --framer-fresco-pageContextMenuButtonIcon-color:#999999;
  --framer-fresco-pageContextMenuButtonIconSelected-color:#666666;
  --framer-fresco-pageContextMenuButtonIconHover-color:#222222;
  --framer-fresco-pageFolderIconFill-color:rgba(153, 153, 153, 0.15);
  --framer-fresco-layerItemTextDimmed-color:rgba(102, 102, 102, 0.8);
  --framer-fresco-layerItemTextInactive-color:rgba(0, 0, 0, 0.5);
  --framer-fresco-layerItemTextInactiveSelected-color:rgba(255, 255, 255, 0.5);
  --framer-fresco-layerItemIcon-color:#999999;
  --framer-fresco-layerItemIconDimmed-color:#9aacc0;
  --framer-fresco-layerItemIconComponentDimmed-color:#86829a;
  --framer-fresco-layerItemIconInactive-color:#bbbbbb;
  --framer-fresco-layerItemIconInactiveSelected-color:#bbbbbb;
  --framer-fresco-layerItemPlaceholderText-color:#999999;
  --framer-fresco-layerItemComponentLabel-color:#aaaaaa;
  --framer-fresco-layerItemComponentLabelSelected-color:#ffffff;
  --framer-fresco-layerItemAgentContextToolHighlightBackground-color:rgba(0, 153, 255, 0.05);
  --framer-fresco-layerItemAgentContextToolHighlightBorder-color:rgba(0, 153, 255, 0.1);
  --framer-fresco-layoutPinBackground-color:#bbbbbb;
  --framer-fresco-canvasBackground-color:#eeeeee;
  --framer-fresco-canvasComponentOverlayEditModeBackground-color:#E8DDFF;
  --framer-fresco-canvasFrameTitle-color:#bbbbbb;
  --framer-fresco-canvasFrameOutline-color:#cccccc;
  --framer-fresco-canvasFramePreview-color:rgba(0, 0, 0, 0.03);
  --framer-fresco-canvasFramePreviewOutline-color:rgba(0, 0, 0, 0.1);
  --framer-fresco-canvasConnectionLine-color:#bbbbbb;
  --framer-fresco-canvasArrowInactive-color:#cccccc;
  --framer-fresco-canvasSuggestionOutline-color:rgba(0, 0, 0, 0.05);
  --framer-fresco-canvasSuggestionBackground-color:rgba(0, 0, 0, 0.04);
  --framer-fresco-canvasSuggestionText-color:#999999;
  --framer-fresco-canvasOverlayTriggerOutline-color:rgba(0, 153, 255, 0.5);
  --framer-fresco-canvasOverlayTriggerBackground-color:rgba(0, 153, 255, 0.2);
  --framer-fresco-canvasComponentOverlayTriggerOutline-color:rgba(136, 85, 255, 0.4);
  --framer-fresco-canvasComponentOverlayTriggerBackground-color:rgba(136, 85, 255, 0.2);
  --framer-fresco-calendarBorder-color:#eeeeee;
  --framer-fresco-calendarIcon-color:#888888;
  --framer-fresco-calendarTextHeader-color:#333333;
  --framer-fresco-calendarTextMedium-color:#888888;
  --framer-fresco-calendarTextHover-color:#222222;
  --framer-fresco-calendarHover-color:#f3f3f3;
  --framer-fresco-calendarPrimary-color:#0099ff;
  --framer-fresco-calendarText-color:#ffffff;
  --framer-fresco-rulerBackground-color:#e6e6e6;
  --framer-fresco-rulerBorderColor-color:#dddddd;
  --framer-fresco-rulerTickColor-color:#cccccc;
  --framer-fresco-rulerTextColor-color:#aaaaaa;
  --framer-fresco-rulerFadeOut-color:rgba(229, 229, 229, 0);
  --framer-fresco-rulerComponentOverlayEditModeBackground-color:#DFCEFF;
  --framer-fresco-rulerComponentOverlayEditModeBorderColor-color:rgba(136, 85, 255, 0.1);
  --framer-fresco-rulerComponentOverlayEditModeTextColor-color:rgb(136, 85, 255);
  --framer-fresco-rulerComponentOverlayEditModeTickColor-color:rgb(136, 85, 255);
  --framer-fresco-rulerComponentOverlayEditModeFadeOut-color:rgba(136, 85, 255, 0);
  --framer-fresco-guideColor-color:#00E4F5;
  --framer-fresco-guideHighlightColor-color:#0099ff;
  --framer-fresco-guideComponentHighlightColor-color:#8855ff;
  --framer-fresco-selectionBox-color:rgba(125,125,125,.03);
  --framer-fresco-selectionBoxOutline-color:rgba(125,125,125,0.3);
  --framer-fresco-selectionBoxBackground-color:rgba(0, 153, 255, 0.2);
  --framer-fresco-selectionBoxComponentBackground-color:rgba(136, 85, 255,0.2);
  --framer-fresco-snapLine-color:#FF5AAA;
  --framer-fresco-snapConstraint-color:#FFD700;
  --framer-fresco-textEditorOutline-color:#cccccc;
  --framer-fresco-error-color:#EE4444;
  --framer-fresco-errorText-color:#ffffff;
  --framer-fresco-fatalErrorText-color:#000000;
  --framer-fresco-codeExportPanelFadeOut-color:rgba(255, 255, 255, 0);
  --framer-fresco-codeExportPanelSelection-color:rgba(229, 229, 229, 0.99);
  --framer-fresco-codeExportChipBackground-color:rgba(255, 215, 6, 0.16);
  --framer-fresco-previewSpinnerBackground-color:#000000;
  --framer-fresco-previewEmptyDocumentText-color:#888888;
  --framer-fresco-previewResizeHandles-color:rgba(0, 0, 0, 0.1);
  --framer-fresco-previewResizeHandlesHover-color:rgba(0, 0, 0, 0.15);
  --framer-fresco-tooltipBackground-color:#999999;
  --framer-fresco-tooltipText-color:#ffffff;
  --framer-fresco-tooltipIcon-color:#bbbbbb;
  --framer-fresco-tooltipIconHover-color:#999999;
  --framer-fresco-tooltipBackdrop-color:rgba(0, 0, 0, 0.1);
  --framer-fresco-tooltipInsert-color:#ffffff;
  --framer-fresco-tooltipShortcutBorder-color:rgba(0, 0, 0, 0.08);
  --framer-fresco-tooltipShortcutBackground-color:rgba(0, 0, 0, 0.04);
  --framer-fresco-tooltipShortcutText-color:#999999;
  --framer-fresco-badgeBackground-color:rgba(0, 153, 255, 0.15);
  --framer-fresco-warningBadgeBackground-color:rgba(255, 170, 0, 0.15);
  --framer-fresco-errorBadgeBackground-color:rgba(255, 51, 85, 0.15);
  --framer-fresco-neutralBadgeBackground-color:rgba(102, 102, 102, 0.1);
  --framer-fresco-neutralBadgeColor-color:#666666;
  --framer-fresco-timeBadgeBackground-color:rgba(170, 170, 170, 0.15);
  --framer-fresco-highlightBadgeBackground-color:rgba(255, 255, 255, 0.3);
  --framer-fresco-domainVoucherBadgeIconBackground-color:rgba(0, 153, 255, 0.1);
  --framer-fresco-inactiveAvatarBackground-color:#888888;
  --framer-fresco-countLabelBackground-color:#f3f3f3;
  --framer-fresco-countLabelText-color:rgba(51, 51, 51, 0.5);
  --framer-fresco-feedbackSidebarBackground-color:#ffffff;
  --framer-fresco-feedbackPrimaryText-color:#333333;
  --framer-fresco-feedbackSecondaryText-color:#999999;
  --framer-fresco-feedbackTertiaryText-color:#666666;
  --framer-fresco-feedbackFormButtonBackground-color:#f3f3f3;
  --framer-fresco-feedbackFormButtonFloatingBackground-color:#f3f3f3;
  --framer-fresco-feedbackFormButtonFill-color:#999999;
  --framer-fresco-feedbackFormButtonSubmitFocus-color:#0066ff;
  --framer-fresco-feedbackFormButtonFocus-color:#eeeeee;
  --framer-fresco-feedbackFormBackground-color:#ffffff;
  --framer-fresco-feedbackFormPlaceholder-color:#999999;
  --framer-fresco-feedbackDivider-color:#eeeeee;
  --framer-fresco-feedbackLabelBackground-color:#f5f5f5;
  --framer-fresco-feedbackHasRepliesBackground-color:rgba(0, 153, 255, 0.1);
  --framer-fresco-feedbackDisclosureBackground-color:#ffffff;
  --framer-fresco-feedbackDisclosureFill-color:#999999;
  --framer-fresco-feedbackPinShadow-color:rgba(0, 0, 0, 0.1);
  --framer-fresco-emptyStateIcon-color:#999999;
  --framer-fresco-emptyStateCardBackground-color:#f5f5f5;
  --framer-fresco-emptyStateTitle-color:#222222;
  --framer-fresco-emptyStateBodyText-color:#666666;
  --framer-fresco-emptyStateBodyTextForAdvancedHosting-color:#999999;
  --framer-fresco-emptyStateBodyTextForSites-color:#999999;
  --framer-fresco-emptyStateInputShape-color:#f7f7f7;
  --framer-fresco-emptyStateTextShape-color:#f3f3f3;
  --framer-fresco-errorStateIconColor-color:#999999;
  --framer-fresco-errorStateCodeText-color:#666666;
  --framer-fresco-errorStateCodeBackground-color:#f5f5f5;
  --framer-fresco-errorStateTitleText-color:#333333;
  --framer-fresco-errorStateDescriptionText-color:#666666;
  --framer-fresco-dashboardHeadingLink-color:#888888;
  --framer-fresco-dashboardHeadingLinkHover-color:#333333;
  --framer-fresco-dashboardItemIcon-color:#333333;
  --framer-fresco-dashboardSearchPlaceholder-color:#999999;
  --framer-fresco-dashboardMoreButtonIcon-color:#999999;
  --framer-fresco-dashboardEmptyState-color:#fafafa;
  --framer-fresco-dashboardEmptyStateTitle-color:#222222;
  --framer-fresco-dashboardEmptyStateSubtitle-color:#999999;
  --framer-fresco-dashboardCardInfoText-color:#333333;
  --framer-fresco-dashboardCardInfoSpanText-color:rgba(0, 0, 0, 0.3);
  --framer-fresco-dashboardContentBackground-color:#ffffff;
  --framer-fresco-nonFullWidthDashboardContentBackground-color:#ffffff;
  --framer-fresco-dashboardProjectThumbnailPlaceholderLogo-color:#999999;
  --framer-fresco-dashboardCustomThumbnailButton-color:rgba(0, 0, 0, 0.05);
  --framer-fresco-dashboardCustomThumbnailButtonHover-color:rgba(0, 0, 0, 0.07);
  --framer-fresco-dashboardCustomThumbnailButtonActive-color:rgba(0, 0, 0, 0.09);
  --framer-fresco-dashboardSearchWorkspaceTitle-color:#333333;
  --framer-fresco-dashboardSearchWorkspaceTag-color:#999999;
  --framer-fresco-dashboardIcon-color:#666666;
  --framer-fresco-dashboardIconHover-color:#555555;
  --framer-fresco-dashboardProjectThumbnailBorder-color:rgba(0, 0, 0, 0.05);
  --framer-fresco-dashboardProjectThumbnailBackground-color:rgba(238, 238, 238, 0.3);
  --framer-fresco-dashboardProjectFocusedBorder-color:rgba(153, 153, 153, 0.5);
  --framer-fresco-dashboardSidebarBackground-color:#ffffff;
  --framer-fresco-dashboardSidebarTitle-color:#222222;
  --framer-fresco-dashboardSidebarText-color:#666666;
  --framer-fresco-dashboardSidebarTextDimmed-color:#aaaaaa;
  --framer-fresco-dashboardSidebarDivider-color:#eeeeee;
  --framer-fresco-dashboardSidebarActions-color:#999999;
  --framer-fresco-dashboardSidebarActive-color:#222222;
  --framer-fresco-dashboardSidebarActiveBackground-color:#f3f3f3;
  --framer-fresco-dashboardSidebarBorder-color:#eeeeee;
  --framer-fresco-dashboardSidebarIcon-color:#999999;
  --framer-fresco-dashboardSidebarIconHover-color:#888888;
  --framer-fresco-dashboardSidebarViewCount-color:#999999;
  --framer-fresco-dashboardSidebarInviteIcon-color:#999999;
  --framer-fresco-badgeFreeWorkspaceBackground-color:rgba(136, 136, 136, 0.15);
  --framer-fresco-badgeFreeWorkspaceText-color:#888888;
  --framer-fresco-badgeLiteWorkspaceText-color:#888888;
  --framer-fresco-badgeBasicWorkspaceBackground-color:rgba(0, 153, 255, 0.15);
  --framer-fresco-badgeBasicWorkspaceText-color:#0099ff;
  --framer-fresco-badgeEnterpriseWorkspaceBackground-color:rgba(136, 136, 136, 0.15);
  --framer-fresco-badgeEnterpriseWorkspaceText-color:#888888;
  --framer-fresco-badgeLegacyWorkspaceBackground-color:rgba(136, 136, 136, 0.15);
  --framer-fresco-badgeLegacyWorkspaceText-color:#888888;
  --framer-fresco-badgeGuestWorkspaceBackground-color:rgba(136, 136, 136, 0.15);
  --framer-fresco-badgeGuestWorkspaceText-color:#888888;
  --framer-fresco-badgeBusinessWorkspaceBackground-color:rgba(153, 102, 255, 0.15);
  --framer-fresco-badgeBusinessWorkspaceText-color:#9966ff;
  --framer-fresco-badgeTeamEditorWorkspaceBackground-color:rgba(0, 153, 255, 0.15);
  --framer-fresco-badgeTeamEditorWorkspaceText-color:#0099ff;
  --framer-fresco-projectMenuButtonBackground-color:#ffffff;
  --framer-fresco-projectMenuButtonText-color:#222222;
  --framer-fresco-customSearchBackground-color:#f3f3f3;
  --framer-fresco-customSearchText-color:#999999;
  --framer-fresco-customSearchTextWhileTyping-color:#000000;
  --framer-fresco-dashboardInfoBannerColor-color:#333333;
  --framer-fresco-dashboardInfoBannerBackground-color:#f3f3f3;
  --framer-fresco-dashboardInfoBannerButton-color:#ffffff;
  --framer-fresco-dashboardInfoBannerButtonHover-color:#fafafa;
  --framer-fresco-advancedHostingBackground-color:#ffffff;
  --framer-fresco-advancedHostingTitle-color:#222222;
  --framer-fresco-advancedHostingSubheading-color:#888888;
  --framer-fresco-advancedHostingDescription-color:#999999;
  --framer-fresco-advancedHostingText-color:#666666;
  --framer-fresco-advancedHostingTableHeader-color:#999999;
  --framer-fresco-advancedHostingBorder-color:#eeeeee;
  --framer-fresco-advancedHostingTableIcon-color:#999999;
  --framer-fresco-advancedHostingTableDragHandle-color:#cccccc;
  --framer-fresco-advancedHostingFilterColor-color:#999999;
  --framer-fresco-advancedHostingConnectionLabelBackground-color:rgba(0, 153, 255, 0.15);
  --framer-fresco-advancedHostingConnectionLabelText-color:#0099ff;
  --framer-fresco-advancedHostingPendingLabelBackground-color:rgba(153, 153, 153, 0.15);
  --framer-fresco-advancedHostingStatusBlockText-color:#666666;
  --framer-fresco-advancedHostingPendingLabelText-color:#999999;
  --framer-fresco-advancedHostingRowSubLabel-color:#999999;
  --framer-fresco-advancedHostingPreviewThumbnailBorder-color:rgba(0, 0, 0, 0.05);
  --framer-fresco-advancedHostingAnalyticsSubheading-color:#666666;
  --framer-fresco-advancedHostingAnalyticsGradientColor-color:#ffffff;
  --framer-fresco-advancedHostingTooltipTint-color:#0099ff;
  --framer-fresco-advancedHostingInfoIcon-color:#999999;
  --framer-fresco-advancedHostingInfoIconHover-color:#777777;
  --framer-fresco-advancedHostingToggleDescription-color:#666666;
  --framer-fresco-advancedHostingFileDeleteButton-color:#999999;
  --framer-fresco-advancedHostingFileDeleteButtonHover-color:#777777;
  --framer-fresco-upgradeFromDashboardLinkHover-color:#f6f6f6;
  --framer-fresco-settingsModalTeamMemberRole-color:#666666;
  --framer-fresco-settingsModalTeamSearchIcon-color:#666666;
  --framer-fresco-settingsModalTeamRegenerateLinkIcon-color:#666666;
  --framer-fresco-settingsModalText-color:#666666;
  --framer-fresco-settingsModalTextDimmed-color:#888888;
  --framer-fresco-settingsModalDivider-color:#f3f3f3;
  --framer-fresco-settingsModalLabel-color:#333333;
  --framer-fresco-settingsModalNavigationLink-color:#666666;
  --framer-fresco-settingsModalNavigationIcon-color:#999999;
  --framer-fresco-settingsModalNavigationLinkHover-color:#666666;
  --framer-fresco-settingsModalTitle-color:#000000;
  --framer-fresco-settingsModalPlanEmptyEditorsAvatar-color:#f3f3f3;
  --framer-fresco-settingsModalPlanEmptyEditorsAvatarText-color:#666666;
  --framer-fresco-settingsModalPlanCardBackground-color:#f3f3f3;
  --framer-fresco-settingsModalFontDeleteIcon-color:#666666;
  --framer-fresco-settingsModalTeamSearchFilterButtonActiveBackground-color:#333333;
  --framer-fresco-settingsModalTeamSearchFilterButtonActiveText-color:#ffffff;
  --framer-fresco-settingsModalTeamSearchFilterTagBackground-color:#f5f5f5;
  --framer-fresco-settingsModalTeamSearchFilterTagText-color:#333333;
  --framer-fresco-settingsModalPlansEditorsCount-color:#999999;
  --framer-fresco-settingsModalPlanMoreButton-color:#888888;
  --framer-fresco-settingsModalTitleBorder-color:#eeeeee;
  --framer-fresco-settingsModalBillingDetails-color:#999999;
  --framer-fresco-settingsModalRemoveAvatarButton-color:#ffffff;
  --framer-fresco-settingsModalSessionsIcons-color:#cccccc;
  --framer-fresco-settingsModalCancelIcon-color:#999999;
  --framer-fresco-settingsHeaderText-color:#999999;
  --framer-fresco-selectProjectToUpgradeModalHover-color:#f3f3f3;
  --framer-fresco-selectProjectToUpgradePrimary-color:#222222;
  --framer-fresco-activeAccountSettingsLink-color:#333333;
  --framer-fresco-activeAccountSettingsBackground-color:#eeeeee;
  --framer-fresco-organizationTextDimmed-color:#666666;
  --framer-fresco-organizationMemberRowHover-color:#fafafa;
  --framer-fresco-organizationMemberDetailBackButton-color:#333333;
  --framer-fresco-organizationMemberDetailSubtitle-color:#333333;
  --framer-fresco-organizationInviteRoleMenu-color:#333333;
  --framer-fresco-organizationMemberName-color:#333333;
  --framer-fresco-organizationNoteBackground-color:#f3f3f3;
  --framer-fresco-organizationDetailTitle-color:#333333;
  --framer-fresco-confirmationModalDescription-color:#666666;
  --framer-fresco-buttonSheetBackground-color:#f3f3f3;
  --framer-fresco-buttonSheetDivider-color:#ebebeb;
  --framer-fresco-buttonSheetText-color:#8e8e8e;
  --framer-fresco-insertPanelNeutralIconBackground-color:#222222;
  --framer-fresco-insertPanelNeutralIconForeground-color:#ffffff;
  --framer-fresco-insertPanelGrayIcon-color:#999999;
  --framer-fresco-insertPanelOrangeIcon-color:#ff8822;
  --framer-fresco-insertPanelYellowIcon-color:#FFBB00;
  --framer-fresco-insertPanelCyanIcon-color:#28D4D4;
  --framer-fresco-insertPanelGreenIcon-color:#14D934;
  --framer-fresco-insertPanelRedIcon-color:#FF5D38;
  --framer-fresco-insertPanelPurpleIcon-color:#8855ff;
  --framer-fresco-insertPanelGridItem-color:#f3f3f3;
  --framer-fresco-insertPanelAgentCategoryIcon-color:#888888;
  --framer-fresco-insertPanelAgentCategoryIconBackgroundActive-color:rgba(0, 0, 0, 0.07);
  --framer-fresco-wireframerAssistantAvatarBackground-color:#000000;
  --framer-fresco-wireframerAssistantAvatarForeground-color:#ffffff;
  --framer-fresco-wireframerAssistantName-color:#222222;
  --framer-fresco-wireframerAssistantPlan-color:#999999;
  --framer-fresco-wireframerAssistantPlanActive-color:#222222;
  --framer-fresco-wireframerAssistantPlanDisabled-color:#666666;
  --framer-fresco-wireframerAssistantVideoLink-color:#222222;
  --framer-fresco-wireframerAssistantVideoLinkUnderline-color:rgba(34, 34, 34, 0.1);
  --framer-fresco-wireframerAssistantMessageSelection-color:rgba(0, 0, 0, 0.15);
  --framer-fresco-wireframerSendMessageButtonBackground-color:#222222;
  --framer-fresco-wireframerSendMessageButtonBackgroundDisabled-color:#999999;
  --framer-fresco-wireframerSendMessageButtonForeground-color:#ffffff;
  --framer-fresco-wireframerSendMessageButtonForegroundDisabled-color:#ffffff;
  --framer-fresco-wireframerSuggestionIcon-color:#999999;
  --framer-fresco-wireframerSuggestionIconHover-color:#000000;
  --framer-fresco-wireframerSuggestionButtonBackground-color:#ffffff;
  --framer-fresco-wireframerSuggestionButtonForeground-color:#666666;
  --framer-fresco-wireframerSuggestionButtonForegroundHover-color:#333333;
  --framer-fresco-wireframerSuggestionButtonBorder-color:rgba(0, 0, 0, 0.05);
  --framer-fresco-agentButtonPrimaryBackground-color:#222222;
  --framer-fresco-agentButtonPrimaryForeground-color:#ffffff;
  --framer-fresco-agentButtonSecondaryBackground-color:#f3f3f3;
  --framer-fresco-agentButtonSecondaryForeground-color:#222222;
  --framer-fresco-agentButtonTertiaryBackground-color:#f3f3f3;
  --framer-fresco-agentButtonTertiaryForeground-color:#999999;
  --framer-fresco-agentButtonOutlineBackground-color:#eeeeee;
  --framer-fresco-agentButtonOutlineForeground-color:#666666;
  --framer-fresco-agentButtonDisabledBackground-color:#f3f3f3;
  --framer-fresco-agentButtonDisabledForeground-color:#888888;
  --framer-fresco-agentButtonChatBackground-color:#e6e6e6;
  --framer-fresco-agentButtonChatForeground-color:#222222;
  --framer-fresco-agentButtonChatStopFill-color:rgba(34, 34, 34, 0.4);
  --framer-fresco-agentButtonChatDisabledForeground-color:#999999;
  --framer-fresco-agentButtonChatLabelForeground-color:#888888;
  --framer-fresco-agentContextUsageMeterProgress-color:#888888;
  --framer-fresco-agentContextUsageMeterTrack-color:rgba(0, 0, 0, 0.15);
  --framer-fresco-agentLogsText-color:#bbbbbb;
  --framer-fresco-agentLogsTextActive-color:#222222;
  --framer-fresco-agentLogsTextError-color:#666666;
  --framer-fresco-agentBorder-color:rgba(0, 0, 0, 0.05);
  --framer-fresco-agentDivider-color:rgba(0, 0, 0, 0.05);
  --framer-fresco-agentInput-color:#f3f3f3;
  --framer-fresco-agentFeedbackThreadBackground-color:#ffffff;
  --framer-fresco-agentFeedbackThreadBackgroundActive-color:#f5f5f5;
  --framer-fresco-agentFeedbackCommentPrimary-color:#222222;
  --framer-fresco-agentFeedbackCommentSecondary-color:#666666;
  --framer-fresco-agentFeedbackCommentTertiary-color:#999999;
  --framer-fresco-agentFeedbackThreadDivider-color:#eeeeee;
  --framer-fresco-agentFeedbackThreadReplyIconBorder-color:rgba(0, 0, 0, 0.08);
  --framer-fresco-agentFeedbackThreadReplyIcon-color:#999999;
  --framer-fresco-agentFeedbackThreadResolveForeground-color:#222222;
  --framer-fresco-agentError-color:#FF2200;
  --framer-fresco-agentSecondaryText-color:#999999;
  --framer-fresco-agentMessageText-color:#666666;
  --framer-fresco-agentMessageInlineCodeBackground-color:rgba(243, 243, 243, 0.5);
  --framer-fresco-agentMessageCodeBlockBackground-color:rgba(243, 243, 243, 0.4);
  --framer-fresco-agentMessageCodeText-color:#888888;
  --framer-fresco-agentMessageTimestamp-color:#bbbbbb;
  --framer-fresco-agentQuestionProgress-color:#999999;
  --framer-fresco-agentListItemText-color:#666666;
  --framer-fresco-agentListItemTextActive-color:#222222;
  --framer-fresco-agentListItemIcon-color:#999999;
  --framer-fresco-agentFileTagBackground-color:rgba(0, 0, 0, 0.05);
  --framer-fresco-agentFileTagBorder-color:rgba(0, 0, 0, 0.1);
  --framer-fresco-agentFileTagSecondaryText-color:#999999;
  --framer-fresco-agentFileTagPrimaryText-color:#222222;
  --framer-fresco-kitBadgeBackground-color:rgba(0, 153, 255, 0.05);
  --framer-fresco-kitBadgeForeground-color:#0099ff;
  --framer-fresco-defaultKitIconBackground-color:#ffffff;
  --framer-fresco-defaultKitIconForeground-color:#000000;
  --framer-fresco-defaultKitIconBorder-color:rgba(0, 0, 0, 0.05);
  --framer-fresco-kitsWelcomeModalText-color:#888888;
  --framer-fresco-dashboardTableBodyText-color:#333333;
  --framer-fresco-toastBackgroundPrimary-color:#0099ff;
  --framer-fresco-toastIcon-color:#888888;
  --framer-fresco-toastTextPrimary-color:#ffffff;
  --framer-fresco-toastBackgroundSites-color:#ffffff;
  --framer-fresco-toastText-color:#444444;
  --framer-fresco-toastSecondaryTextSites-color:#888888;
  --framer-fresco-toastIconSites-color:#0099ff;
  --framer-fresco-toastButtonBackgroundProminent-color:#ffffff;
  --framer-fresco-toastButtonBackgroundProminentHover-color:rgba(255, 255, 255, 0.9);
  --framer-fresco-expiredTrialBanner-color:#ffffff;
  --framer-fresco-stylesPresetsIconBackground-color:#cccccc;
  --framer-fresco-stylesPresetsIconText-color:#ffffff;
  --framer-fresco-stylesPresetsButtonBackground-color:#e3e3e3;
  --framer-fresco-stylesPresetsButtonBackgroundHover-color:#dddddd;
  --framer-fresco-shortcutsModalListTitle-color:#999999;
  --framer-fresco-shortcutsModalActionButton-color:#888888;
  --framer-fresco-shortcutsModalDivider-color:#eeeeee;
  --framer-fresco-shortcutsModalKeyBackground-color:#f3f3f3;
  --framer-fresco-loaderPrimary-color:#f3f3f3;
  --framer-fresco-loaderSecondary-color:#f5f5f5;
  --framer-fresco-upsellCTAText-color:#ffffff;
  --framer-fresco-upsellCTAButtonBackground-color:#ffffff;
  --framer-fresco-upsellCTAButtonBackgroundHover-color:#eeeeee;
  --framer-fresco-teamCreationModalBackground-color:#ffffff;
  --framer-fresco-teamCreationCloseIcon-color:#888888;
  --framer-fresco-teamCreationText-color:#333333;
  --framer-fresco-teamCreationTextDimmed-color:#666666;
  --framer-fresco-teamCreationNavigation-color:#dddddd;
  --framer-fresco-teamCreationNavigationActive-color:#0099ff;
  --framer-fresco-teamCreationBenefitIcon-color:#0099ff;
  --framer-fresco-teamCreationBenefitDivider-color:#eeeeee;
  --framer-fresco-errorBoundaryDescription-color:#999999;
  --framer-fresco-highlightsBorder-color:#0099ff;
  --framer-fresco-highlightsBackground-color:rgba(0, 153, 255, 0.2);
  --framer-fresco-aiHighlightBorder-color:#0099ff;
  --framer-fresco-aiHighlightPulseOn-color:rgba(0, 153, 255, 0.6);
  --framer-fresco-aiHighlightPulseOff-color:rgba(0, 153, 255, 0);
  --framer-fresco-onPageHighlightBorder-color:rgba(0, 153, 255, 0.8);
  --framer-fresco-onPageHighlightBorderDragging-color:rgba(0, 153, 255, 0.2);
  --framer-fresco-componentProgressOverlayBackground-color:#E6E2EF;
  --framer-fresco-componentProgressOverlayBorder-color:#E6E2EF;
  --framer-fresco-componentProgressOverlayTitle-color:#8855ff;
  --framer-fresco-statusBarStableText-color:#666666;
  --framer-fresco-statusBarCustomerIcon-color:#FFBB00;
  --framer-fresco-statusBarAlphaIcon-color:#0099ff;
  --framer-fresco-statusBarBetaIcon-color:#44dddd;
  --framer-fresco-statusBarDevelopmentIcon-color:#14d934;
  --framer-fresco-statusBarDevTunnelIcon-color:#ff5d38;
  --framer-fresco-statusBarProductionTunnelIcon-color:#ff3344;
  --framer-fresco-statusBarPreviewIcon-color:#a375ff;
  --framer-fresco-statusBarStableIcon-color:#666666;
  --framer-fresco-projectTransferModalText-color:#888888;
  --framer-fresco-userTestButtonBackground-color:#f3f3f3;
  --framer-fresco-userTestButtonBackgroundHover-color:#eeeeee;
  --framer-fresco-userTestText-color:#666666;
  --framer-fresco-userTestDivider-color:#eeeeee;
  --framer-fresco-informationIcon-color:#cccccc;
  --framer-fresco-stackGapHandleTint-color:#FF00F5;
  --framer-fresco-stackGapHandleBackground-color:rgba(255, 0, 245, 0.05);
  --framer-fresco-publishHostname-color:#666;
  --framer-fresco-publishHostnameHover-color:#333;
  --framer-fresco-publishDescription-color:#aaa;
  --framer-fresco-publishDescriptionHover-color:#888;
  --framer-fresco-publishWarning-color:#ffaa22;
  --framer-fresco-publishWarningHover-color:#ff9900;
  --framer-fresco-publishPopoverDivider-color:#eeeeee;
  --framer-fresco-publishChangeLogTitleLoading-color:#999999;
  --framer-fresco-publishPopoverInfoCardBackground-color:#f3f3f3;
  --framer-fresco-publishPopoverTooltipTitle-color:#222222;
  --framer-fresco-publishPopoverTooltipDescription-color:#999999;
  --framer-fresco-publishPopoverHostname-color:#444444;
  --framer-fresco-publishChangeLogIcon-color:#999999;
  --framer-fresco-publishChangeLogAvatarPlaceholder-color:#f3f3f3;
  --framer-fresco-miniPageLimitsTooltipButton-color:rgba(255, 255, 255, 0.2);
  --framer-fresco-miniPageLimitsTooltipButtonHover-color:rgba(255, 255, 255, 0.3);
  --framer-fresco-miniPageLimitsTooltipButtonActive-color:rgba(255, 255, 255, 0.1);
  --framer-fresco-openTypePopoutGradientColor-color:linear-gradient(
      
      to bottom,
      rgba(255, 255, 255, 0) 0%,
      rgba(255, 255, 255, 0.1) 20%,
      rgba(255, 255, 255, 0.3) 40%,
      rgba(255, 255, 255, 0.5) 60%,
      rgba(255, 255, 255, 0.7) 80%,
      rgba(255, 255, 255, 0.8) 100% );
  --framer-fresco-settingsPrimary-color:#222222;
  --framer-fresco-settingsSecondary-color:#666666;
  --framer-fresco-settingsTertiary-color:#888888;
  --framer-fresco-settingsText-color:#333333;
  --framer-fresco-settingsDescription-color:#666666;
  --framer-fresco-settingsContainerBackground-color:#ffffff;
  --framer-fresco-settingsContainerBorder-color:rgba(0, 0, 0, 0.05);
  --framer-fresco-settingsContainerTitle-color:#222222;
  --framer-fresco-settingsGridBorder-color:#eeeeee;
  --framer-fresco-settingsGridTitle-color:#666666;
  --framer-fresco-settingsGridContent-color:#666666;
  --framer-fresco-settingsGridDescription-color:#999999;
  --framer-fresco-settingsGridBackgroundActive-color:#f3f3f3;
  --framer-fresco-settingsPlaceholder-color:#bbbbbb;
  --framer-fresco-settingsImageBackground-color:#ffffff;
  --framer-fresco-settingsImagePreviewBorder-color:rgba(34, 34, 34, 0.1);
  --framer-fresco-settingsImageClearButtonBackground-color:#ffffff;
  --framer-fresco-settingsImageClearButtonForeground-color:#999999;
  --framer-fresco-settingsSearchResultPreviewBorder-color:#eeeeee;
  --framer-fresco-settingsSearchResultPreviewTitle-color:#1a0dab;
  --framer-fresco-settingsSearchResultPreviewDescription-color:#333333;
  --framer-fresco-settingsSearchResultPreviewDomain-color:#666666;
  --framer-fresco-settingsSocialPreviewDomain-color:#666666;
  --framer-fresco-settingsSocialPreviewTitle-color:#0099ff;
  --framer-fresco-settingsSocialPreviewDescription-color:#999999;
  --framer-fresco-settingsFormsSectionDescription-color:#666666;
  --framer-fresco-settingsFormsUsageDescription-color:#999999;
  --framer-fresco-siteSettingsBorderSectionDivider-color:#eeeeee;
  --framer-fresco-dnsTableHeaderBackground-color:rgba(119, 119, 119, 0.07);
  --framer-fresco-dnsTableHeaderText-color:#333333;
  --framer-fresco-dnsTableBorder-color:rgba(0, 0, 0, 0.08);
  --framer-fresco-dnsTableText-color:#666666;
  --framer-fresco-dnsTableIcon-color:#999999;
  --framer-fresco-dnsTableNotAddedLabel-color:rgba(102, 102, 102, 0.1);
  --framer-fresco-dnsTableNotAddedText-color:rgb(102, 102, 102);
  --framer-fresco-dnsTableConnectedLabel-color:rgba(0, 153, 255, 0.1);
  --framer-fresco-dnsTableConnectedText-color:rgb(0, 153, 255);
  --framer-fresco-conflictsTableHeaderBackground-color:rgba(255, 187, 0, 0.15);
  --framer-fresco-conflictsTableHeaderText-color:#FFBB00;
  --framer-fresco-conflictsTableStatusLabelBackground-color:rgba(255, 187, 0, 0.15);
  --framer-fresco-conflictsTableStatusLabelText-color:#FFBB00;
  --framer-fresco-breakpointTitle-color:#999999;
  --framer-fresco-breakpointTitleBackground-color:rgba(153, 153, 153, 0.1);
  --framer-fresco-breakpointTitleBackgroundPrimary-color:color(display-p3 0 0.6 1 / 0.1);
  --framer-fresco-breakpointPlayButtonBackground-color:#999999;
  --framer-fresco-breakpointCreationButtonBackground-color:rgba(153, 153, 153, 0.15);
  --framer-fresco-breakpointBarActionSurface-color:rgba(0, 0, 0, 0.07);
  --framer-fresco-breakpointCreationButtonBackgroundPrimary-color:rgba(0, 153, 255, 0.15);
  --framer-fresco-breakpointCreationButtonIcon-color:#999999;
  --framer-fresco-breakpointCreationButtonBackgroundActive-color:#0099ff;
  --framer-fresco-breakpointCreationButtonIconActive-color:#ffffff;
  --framer-fresco-previewContainerTextColor-color:#222222;
  --framer-fresco-analyticsBackground-color:#ffffff;
  --framer-fresco-analyticsBackgroundTransparent-color:rgba(255, 255, 255, 0.75);
  --framer-fresco-analyticsBarFill-color:#f3f3f3;
  --framer-fresco-analyticsBorderTransparent-color:rgba(0, 0, 0, 0.05);
  --framer-fresco-analyticsScreenshotBackground-color:#fafafa;
  --framer-fresco-analyticsScreenshotLogo-color:#e6e6e6;
  --framer-fresco-analyticsScreenshotBorder-color:rgba(0, 0, 0, 0.03);
  --framer-fresco-analyticsPrimary-color:#333333;
  --framer-fresco-analyticsSecondary-color:#666666;
  --framer-fresco-analyticsTertiary-color:#999999;
  --framer-fresco-analyticsBottomLine-color:#eeeeee;
  --framer-fresco-analyticsNoDataText-color:rgba(153, 153, 153, 0.5);
  --framer-fresco-analyticsAccent-color:#eeeeee;
  --framer-fresco-analyticsIconAccent-color:rgba(153, 153, 153, 0.5);
  --framer-fresco-analyticsTint-color:#0099ff;
  --framer-fresco-analyticsTintBackground-color:rgba(0, 153, 255, 0.1);
  --framer-fresco-analyticsPopoutBackground-color:#ffffff;
  --framer-fresco-analyticsAbTestVariant1-color:#3A92FD;
  --framer-fresco-analyticsAbTestVariant1Dimmed-color:rgba(58, 146, 253, 0.07);
  --framer-fresco-analyticsAbTestVariant2-color:#9869FD;
  --framer-fresco-analyticsAbTestVariant2Dimmed-color:rgba(152, 105, 253, 0.07);
  --framer-fresco-analyticsAbTestVariant3-color:#2AD4D4;
  --framer-fresco-analyticsAbTestVariant3Dimmed-color:rgba(42, 212, 212, 0.07);
  --framer-fresco-analyticsAbTestVariant4-color:#FF8922;
  --framer-fresco-analyticsAbTestVariant4Dimmed-color:rgba(255, 137, 34, 0.07);
  --framer-fresco-analyticsAbTestVariant5-color:#FFBB00;
  --framer-fresco-analyticsAbTestVariant5Dimmed-color:rgba(255, 187, 0, 0.07);
  --framer-fresco-sitePlansCopy-color:#666666;
  --framer-fresco-sitePlansHighlight-color:#000000;
  --framer-fresco-plansSelectedCard-color:#fafafa;
  --framer-fresco-plansInfoFrameBorder-color:#eeeeee;
  --framer-fresco-plansBannerText-color:#333333;
  --framer-fresco-plansCardTitle-color:#333333;
  --framer-fresco-plansLineItemDescription-color:#999999;
  --framer-fresco-plansCtaDisabled-color:#cccccc;
  --framer-fresco-plansCollaborators-color:#fafafa;
  --framer-fresco-plansPlusIcon-color:#cccccc;
  --framer-fresco-plansAddonsBox-color:#eeeeee;
  --framer-fresco-plansEnterpriseParagraphColor-color:#666666;
  --framer-fresco-plansEnterpriseIconBackgroundColor-color:rgba(187, 187, 187, 0.1);
  --framer-fresco-plansEnterpriseIconColor-color:#cccccc;
  --framer-fresco-freeSiteColor-color:#888888;
  --framer-fresco-freeSiteBackground-color:rgba(136, 136, 136, 0.1);
  --framer-fresco-miniSiteColor-color:#00CCFF;
  --framer-fresco-miniSiteBackground-color:rgba(0, 204, 255, 0.1);
  --framer-fresco-basicSiteColor-color:#0099ff;
  --framer-fresco-basicSiteBackground-color:rgba(0, 153, 255, 0.1);
  --framer-fresco-proSiteColor-color:#0066ff;
  --framer-fresco-proSiteBackground-color:rgba(0, 102, 255, 0.1);
  --framer-fresco-scaleupSiteColor-color:#9966ff;
  --framer-fresco-scaleupSiteBackground-color:rgba(153, 102, 255, 0.15);
  --framer-fresco-startupSiteColor-color:#9966ff;
  --framer-fresco-startupSiteBackground-color:rgba(153, 102, 255, 0.15);
  --framer-fresco-enterpriseSiteColor-color:#888888;
  --framer-fresco-enterpriseSiteBackground-color:rgba(136, 136, 136, 0.1);
  --framer-fresco-planCardBackgroundColor-color:#ffffff;
  --framer-fresco-planCardBackgroundGradientStartColor-color:#fcfcfc;
  --framer-fresco-planCardBackgroundGradientEndColor-color:#ffffff;
  --framer-fresco-planCardPersonalBackgroundGradientStartColor-color:#fcfcfc;
  --framer-fresco-planCardPersonalBackgroundGradientEndColor-color:#ffffff;
  --framer-fresco-planCardBusinessBackgroundGradientStartColor-color:rgba(136, 85, 255, 0.05);
  --framer-fresco-planCardBusinessBackgroundGradientEndColor-color:rgba(255, 255, 255, 0);
  --framer-fresco-planCardGridShadowColorStart-color:#ffffff;
  --framer-fresco-planCardGridShadowColorEnd-color:rgba(17, 17, 17, 0);
  --framer-fresco-planCardBorderColor-color:rgba(0, 0, 0, 0.02);
  --framer-fresco-planTypeToggleItemBussinessTextSelected-color:#9966ff;
  --framer-fresco-planTypeToggleItemBussinessTextSelectedHover-color:#8855ff;
  --framer-fresco-planCardPersonalButtonColor-color:rgba(0, 153, 255, 0.1);
  --framer-fresco-planCardPersonalButtonColorText-color:#0099ff;
  --framer-fresco-planCardBusinessCurrentPlanButtonColor-color:rgba(136, 85, 255, 0.2);
  --framer-fresco-planCardPersonalButtonBorderColor-color:rgba(0, 153, 255, 0.1);
  --framer-fresco-planCardBusinessButtonColor-color:#9966ff;
  --framer-fresco-planCardBusinessButtonBorderColor-color:rgba(136, 85, 255, 0.1);
  --framer-fresco-planCardBusinessButtonColorHover-color:#7733ff;
  --framer-fresco-planCardBusinessButtonColorText-color:#8855ff;
  --framer-fresco-planCardBusinessButtonColorShadow-color:rgba(136, 85, 255, 0.3);
  --framer-fresco-planCardBusinessButtonColorShadowHover-color:rgba(119, 51, 255, 0.3);
  --framer-fresco-planCardTextColor-color:#222222;
  --framer-fresco-planCardTextDescriptionColor-color:#999999;
  --framer-fresco-planCardBorder-color:rgba(0, 0, 0, 0.03);
  --framer-fresco-planCardBillingToggleActiveBackground-color:#0099ff;
  --framer-fresco-planCardBackgroundGradientStop1-color:rgba(255, 255, 255, 0);
  --framer-fresco-planCardBackgroundGradientStop2-color:#ffffff;
  --framer-fresco-planCardHighlightedBorder-color:rgba(96, 134, 159, 0.05);
  --framer-fresco-planCardHighlightedBackgroundGradientStop1-color:rgba(0, 153, 255, 0.05);
  --framer-fresco-planCardHighlightedBackgroundGradientStop2-color:rgba(0, 22, 66, 0);
  --framer-fresco-planCardHighlightedBackgroundGradientStop3-color:rgba(255, 255, 255, 0);
  --framer-fresco-badgeCurrentPlanTypeBackgroundColor-color:rgba(0, 153, 255, 0.1);
  --framer-fresco-previewContainerBackgroundColor-color:#ffffff;
  --framer-fresco-previewContainerDividerColor-color:#eeeeee;
  --framer-fresco-previewPeriodTabsBorderColor-color:#eeeeee;
  --framer-fresco-cmsTableSearchIcon-color:#999999;
  --framer-fresco-cmsTableFileIcon-color:#999999;
  --framer-fresco-cmsTableText-color:#999999;
  --framer-fresco-cmsTableTextActive-color:#000000;
  --framer-fresco-cmsTableFirstColumnText-color:#555555;
  --framer-fresco-cmsTableHeaderText-color:#999999;
  --framer-fresco-cmsRowDragHandle-color:#cccccc;
  --framer-fresco-cmsRowDragHandleHover-color:#888888;
  --framer-fresco-cmsTableGroupBackground-color:#fafafa;
  --framer-fresco-cmsTableSelectedRowBackground-color:#fcfcfc;
  --framer-fresco-cmsTableSelectionRangeBackground-color:#f2faff;
  --framer-fresco-cmsTableEditingBackground-color:#ebf7ff;
  --framer-fresco-cmsTableMultiSelectionOutline-color:#cce7ff;
  --framer-fresco-cmsTableCellAgentUpdateHighlight-color:#0099ff;
  --framer-fresco-cmsRichTextTableBorder-color:#cccccc;
  --framer-fresco-cmsRichTextTableCellContextMenuButtonIcon-color:#999999;
  --framer-fresco-cmsRichTextTableHeaderBackground-color:#ebebeb;
  --framer-fresco-cmsRichTextTableHeaderText-color:#333333;
  --framer-fresco-cmsRichTextTableText-color:#333333;
  --framer-fresco-cmsRichTextToolbarItemText-color:#888888;
  --framer-fresco-cmsRichTextToolbarItemActiveText-color:#333333;
  --framer-fresco-cmsRichTextToolbarItemBackground-color:#dddddd;
  --framer-fresco-cmsRichTextToolbarGroupBackground-color:#f3f3f3;
  --framer-fresco-cmsRichTextToolbarGroupBackgroundDisabled-color:rgba(243, 243, 243, 0.5);
  --framer-fresco-cmsRichTextDropCursor-color:#0099ff;
  --framer-fresco-cmsRichTextBackground-color:#f3f3f3;
  --framer-fresco-cmsRichTextHeading-color:#222222;
  --framer-fresco-cmsRichTextModulePreviewBackground-color:rgba(153, 153, 153, 0.1);
  --framer-fresco-cmsRichTextParagraph-color:#555555;
  --framer-fresco-cmsSlashCommandsMenuIcon-color:#999999;
  --framer-fresco-cmsSlashCommandsMenuGroup-color:#999999;
  --framer-fresco-cmsCollectionItemBackdrop-color:rgba(0, 0, 0, 0.2);
  --framer-fresco-cmsCollectionReferenceDraftText-color:#a0a0a0;
  --framer-fresco-cmsCodeInTextBackground-color:rgba(51, 51, 51, 0.08);
  --framer-fresco-cmsOverlayRowTitle-color:#333333;
  --framer-fresco-cmsOverlayRowTitleReadOnly-color:#999999;
  --framer-fresco-cmsImageClearButtonBackground-color:rgba(0, 0, 0, 0.3);
  --framer-fresco-cmsImageClearButtonText-color:#ffffff;
  --framer-fresco-cmsImageAddButtonIcon-color:#999999;
  --framer-fresco-cmsImageAddButtonBackground-color:#ffffff;
  --framer-fresco-cmsImageAddButtonBackgroundHover-color:#fafafa;
  --framer-fresco-cmsCodeBlockSurface1-color:#fdfdfd;
  --framer-fresco-cmsCodeBlockSurface2-color:#eeeeee;
  --framer-fresco-cmsCodeBlockSurface3-color:#f3f3f3;
  --framer-fresco-cmsCodeBlockClickable-color:#808080;
  --framer-fresco-cmsCodeBlockBase-color:#323232;
  --framer-fresco-cmsCodeBlockDisabled-color:#c5c5c5;
  --framer-fresco-cmsCodeBlockHover-color:#4d4d4d;
  --framer-fresco-cmsCodeBlockAccent-color:#0099ff;
  --framer-fresco-cmsCodeBlockError-color:#ff3366;
  --framer-fresco-cmsCodeBlockErrorSurface-color:#ffe0e8;
  --framer-fresco-cmsCodeBlockPlain-color:#666666;
  --framer-fresco-cmsCodeBlockComment-color:#bbbbbb;
  --framer-fresco-cmsCodeBlockKeyword-color:#0099ff;
  --framer-fresco-cmsCodeBlockTag-color:#0099ff;
  --framer-fresco-cmsCodeBlockPunctuation-color:#bbbbbb;
  --framer-fresco-cmsCodeBlockDefinition-color:#FFAA00;
  --framer-fresco-cmsCodeBlockProperty-color:#33cccc;
  --framer-fresco-cmsCodeBlockStatic-color:#ff8866;
  --framer-fresco-cmsCodeBlockString-color:#8855ff;
  --framer-fresco-collectionFieldIcon-color:#888888;
  --framer-fresco-collectionFieldIconSelected-color:#000000;
  --framer-fresco-dividerWithTitleRow-color:#999999;
  --framer-fresco-inlineEditingMenuBackground-color:rgba(255, 255, 255, 0.8);
  --framer-fresco-inlineEditingMenuBorder-color:transparent;
  --framer-fresco-localizationText-color:#555555;
  --framer-fresco-localizationPlaceholderText-color:#999999;
  --framer-fresco-localizationWarningTint-color:#FFAA01;
  --framer-fresco-localizationGlossaryHeading-color:#222222;
  --framer-fresco-confirmHideAllInThisLocaleBoldText-color:#333333;
  --framer-fresco-batchTranslateModalLabel-color:#333333;
  --framer-fresco-batchTranslateModalChevron-color:#999999;
  --framer-fresco-batchTranslateModalLocaleLabel-color:#666666;
  --framer-fresco-quickActionsText-color:#666666;
  --framer-fresco-quickActionsTextActive-color:#222222;
  --framer-fresco-quickActionsSecondaryText-color:#999999;
  --framer-fresco-quickActionsCategoryTagBackground-color:#f3f3f3;
  --framer-fresco-quickActionsCategoryTagColor-color:#999999;
  --framer-fresco-quickActionsSeparatorIcon-color:#bbbbbb;
  --framer-fresco-quickActionsIconDefaultLegacy-color:#0099ff;
  --framer-fresco-quickActionsIconDefault-color:#999999;
  --framer-fresco-quickActionsIconDefaultActiveLegacy-color:#ffffff;
  --framer-fresco-quickActionsIconDefaultActive-color:#222222;
  --framer-fresco-quickActionsIconBackgroundDefault-color:color(display-p3 0 0.6 1 / 0.1);
  --framer-fresco-quickActionsIconBackgroundDefaultActive-color:#0099ff;
  --framer-fresco-quickActionsToggleOffIconBackground-color:#999999;
  --framer-fresco-quickActionsIconBackgroundBorder-color:rgba(0, 0, 0, 0.05);
  --framer-fresco-quickActionsIconBackgroundBorderActive-color:rgba(0, 0, 0, 0.1);
  --framer-fresco-quickActionsIconComponentTint-color:#8855ff;
  --framer-fresco-quickActionsIconComponentTintActive-color:#ffffff;
  --framer-fresco-quickActionsIconBackgroundComponentTint-color:rgba(136, 85, 255, 0.15);
  --framer-fresco-quickActionsIconBackgroundComponentTintActive-color:#8855ff;
  --framer-fresco-quickActionsIconAssetStyleTint-color:#000000;
  --framer-fresco-quickActionsIconAssetStyleTintActive-color:#000000;
  --framer-fresco-quickActionsIconBackgroundAssetStyleTint-color:#f5f5f5;
  --framer-fresco-quickActionsIconBackgroundAssetStyleTintActive-color:#ffffff;
  --framer-fresco-historyPanelRowBackgroundActive-color:#f3f3f3;
  --framer-fresco-historyPanelTimelineBackground-color:#eeeeee;
  --framer-fresco-historyPanelTimelineBackgroundActive-color:#dddddd;
  --framer-fresco-historyPanelTimelineDotBackground-color:#999999;
  --framer-fresco-historyPanelTimelineDotBackgroundActive-color:#333333;
  --framer-fresco-historyPanelText-color:#666666;
  --framer-fresco-historyPanelTextActive-color:#333333;
  --framer-fresco-historyPanelSummaryText-color:#999999;
  --framer-fresco-historyPanelSummaryTextActive-color:#333333;
  --framer-fresco-historyPanelSummaryDivider-color:rgba(0, 0, 0, 0.07);
  --framer-fresco-activeGoogleSheetIcon-color:#0099ff;
  --framer-fresco-activeGoogleButtonText-color:#333333;
  --framer-fresco-loadingShieldBackground-color:#eeeeee;
  --framer-fresco-loadingAnimationBackground-color:#eeeeee;
  --framer-fresco-loadingProgressBarFill-color:#999999;
  --framer-fresco-fillIconHighlight-color:#ffffff;
  --framer-fresco-fillIconBorder-color:rgba(153, 153, 153, 0.6);
  --framer-fresco-fillIconBorderActive-color:#0099ff;
  --framer-fresco-fillIconSolidFill-color:rgba(153, 153, 153, 0.4);
  --framer-fresco-fillIconLinearFillInner-color:rgba(153, 153, 153, 0);
  --framer-fresco-fillIconLinearFillOuter-color:rgba(153, 153, 153, 0.8);
  --framer-fresco-fillIconRadialFillInner-color:rgba(153, 153, 153, 0);
  --framer-fresco-fillIconRadialFillOuter-color:rgba(153, 153, 153, 0.7);
  --framer-fresco-fillIconConicFillInner-color:#999999;
  --framer-fresco-fillIconConicFillOuter-color:#ffffff;
  --framer-fresco-fillIconImageFillInner-color:rgba(153, 153, 153, 0.4);
  --framer-fresco-fillIconImageFillOuter-color:#999999;
  --framer-fresco-fillIconSolidFillActive-color:rgba(0, 153, 255, 0.4);
  --framer-fresco-fillIconLinearFillInnerActive-color:rgba(153, 153, 153, 0);
  --framer-fresco-fillIconLinearFillActive-color:rgba(0, 153, 255, 0.8);
  --framer-fresco-fillIconRadialFillActive-color:rgba(0, 153, 255, 0.8);
  --framer-fresco-fillIconConicFillInnerActive-color:#0099ff;
  --framer-fresco-fillIconConicFillOuterActive-color:#ffffff;
  --framer-fresco-fillIconImageFillInnerActive-color:rgba(0, 153, 255, 0.4);
  --framer-fresco-fillIconImageFillOuterActive-color:#0099ff;
  --framer-fresco-fillPanelPresetBackground-color:#f3f3f3;
  --framer-fresco-publishErrorCaret-color:#999999;
  --framer-fresco-publishErrorTitle-color:#FF3355;
  --framer-fresco-deploymentErrorLogsBackground-color:#f3f3f3;
  --framer-fresco-deploymentErrorLogsStackTraceBackground-color:rgba(0, 0, 0, 0.05);
  --framer-fresco-editorBarBackground-color:#222222;
  --framer-fresco-editorBarBackgroundHover-color:#282828;
  --framer-fresco-editorBarButtonSecondaryText-color:#ffffff;
  --framer-fresco-editorBarDivider-color:#333333;
  --framer-fresco-editorBarText-color:#ffffff;
  --framer-fresco-editorBarDividerBackground-color:#ffffff;
  --framer-fresco-editorBarButtonBackground-color:rgba(255, 255, 255, 0.15);
  --framer-fresco-editorBarSubtleBackground-color:rgba(17, 17, 17, 0.9);
  --framer-fresco-editorBarSubtleTitle-color:#ffffff;
  --framer-fresco-editorBarSubtleSubtitle-color:#999999;
  --framer-fresco-editorBarMenuItemColor-color:#cccccc;
  --framer-fresco-editorBarSubtleSubtitleLink-color:#f7f7f7;
  --framer-fresco-editorBarSubtleIconSquareBackground-color:rgba(255, 255, 255, 0.15);
  --framer-fresco-editorBarSubtleIconSquareBackgroundHover-color:rgba(255, 255, 255, 0.2);
  --framer-fresco-editorBarSubtleItemFontColor-color:#777777;
  --framer-fresco-onPageToolbarBackground-color:rgba(34, 34, 34, 0.8);
  --framer-fresco-onPageToolbarShadow-color:rgba(0, 0, 0, 0.1) 0px 2px 4px 0px,rgba(0, 0, 0, 0.05) 0px 1px 0px 0px,rgba(255, 255, 255, 0.15) 0px 0px 0px 1px;
  --framer-fresco-onPageToolbarText-color:#ffffff;
  --framer-fresco-onPageToolbarSecondaryText-color:rgba(255, 255, 255, 0.6);
  --framer-fresco-onPageToolbarButtonBackground-color:rgba(255, 255, 255, 0.25);
  --framer-fresco-onPageToolbarButtonBackgroundHover-color:rgba(255, 255, 255, 0.23);
  --framer-fresco-onPageToolbarButtonBackgroundActive-color:rgba(255, 255, 255, 0.21);
  --framer-fresco-onPageToolbarButtonText-color:#ffffff;
  --framer-fresco-onPageValidationWarningBadgeBackground-color:#FF7700;
  --framer-fresco-onPageValidationWarningBadgeText-color:#ffffff;
  --framer-fresco-layoutTemplateSlotBackground-color:rgba(136, 85, 255, 0.1);
  --framer-fresco-debugBarBackground-color:#ffffff;
  --framer-fresco-debugBarSecondaryBackground-color:#f3f3f3;
  --framer-fresco-anchorGridUnselected-color:#bbbbbb;
  --framer-fresco-anchorGridSelected-color:#0099ff;
  --framer-fresco-vectorSetItemBackground-color:#ffffff;
  --framer-fresco-onboardingTextPrimary-color:#222222;
  --framer-fresco-onboardingTextSecondary-color:#888888;
  --framer-fresco-onboardingTextTertiary-color:#888888;
  --framer-fresco-onboardingBackground-color:#ffffff;
  --framer-fresco-onboardingDropdownBackground-color:#f3f3f3;
  --framer-fresco-onboardingPanelBackground-color:#ffffff;
  --framer-fresco-onboardingButtonPrimary-color:#222222;
  --framer-fresco-onboardingButtonPrimaryHover-color:#333333;
  --framer-fresco-onboardingVideoBorder-color:rgba(0, 0, 0, 0.05);
  --framer-fresco-onboardingDivider-color:#eeeeee;
  --framer-fresco-onboardingGoogleIcon-color:#999999;
  --framer-fresco-onboardingPasskeyIcon-color:#999999;
  --framer-fresco-onboardingInputErrorBackground-color:rgba(255, 51, 102, 0.05);
  --framer-fresco-customCodeTableHeader-color:#999999;
  --framer-fresco-customCodeTableRow-color:#666666;
  --framer-fresco-customCodeTableRowHover-color:#000000;
  --framer-fresco-customCodeIcon-color:#f3f3f3;
  --framer-fresco-customCodeIconBorder-color:rgba(136, 136, 136, 0.12);
  --framer-fresco-customCodeInfoIcon-color:#999999;
  --framer-fresco-customCodeFieldInfo-color:#666666;
  --framer-fresco-customCodeTemplateVariable-color:#666666;
  --framer-fresco-borderSweepOverlayBorderAlpha-color:20%;
  --framer-fresco-avatar-shadow:inset 0 0 0 1px rgba(0, 0, 0, 0.1);
  --framer-fresco-avatarOverlap-shadow:0px 0px 0px 1.5px var(--framer-fresco-panelBackground-color, #ffffff),inset 0 0 0 1px rgba(255, 255, 255, 0.05);
  --framer-fresco-avatarTinted-shadow:inset 0 0 0 1px rgba(0, 153, 255, 0.15);
  --framer-fresco-buttonSelected-shadow:0px 2px 4px 0px rgba(0, 0, 0, 0.1),0px 1px 0px 0px rgba(0, 0, 0, 0.05);
  --framer-fresco-canvasTooltip-shadow:0px 3px 6px 0px rgba(0, 0, 0, 0.08),0px 0px 0px 1px rgba(0, 0, 0, 0.05);
  --framer-fresco-card-shadow:0 5px 20px rgba(0, 0, 0, 0.15);
  --framer-fresco-cardActive-shadow:0px 1px 3px 0px rgba(0, 153, 255, 0.1),0px 0px 12px 0px rgba(0, 153, 255, 0.2);
  --framer-fresco-checkbox-shadow:inset 0 0 0 1px rgba(0, 0, 0, 0.1);
  --framer-fresco-checkboxDarker-shadow:inset 0 0 0 1px rgba(0, 0, 0, 0.1);
  --framer-fresco-checkboxChecked-shadow:none;
  --framer-fresco-checkboxDarkerChecked-shadow:none;
  --framer-fresco-componentOutline-shadow:0px 0px 0px 5px rgba(136, 85, 255, 0.1);
  --framer-fresco-componentOutlineSmall-shadow:0px 0px 0px 5px rgba(136, 85, 255, 0.1);
  --framer-fresco-dashboardNewProjectCard-shadow:0 2px 4px 0 rgba(0, 0, 0, 0.08),0 1px 0 0 rgba(0, 0, 0, 0.05);
  --framer-fresco-distributionSliderBar-shadow:inset 0 0 0 1px var(--framer-fresco-gradientStopSliderBorder-color, rgba(0, 0, 0, 0.05));
  --framer-fresco-distributionSliderKnob-shadow:inset 0 0 0 3px white,inset 0 0 0 4px rgba(0, 0, 0, 0.1),0 0 0 1px rgba(0, 0, 0, 0.1);
  --framer-fresco-distributionSliderKnobSelected-shadow:inset 0 0 0 3px white,inset 0 0 0 4px #0099ff,0 0 0 1px #0099ff;
  --framer-fresco-gradientSliderKnobSelected-shadow:inset 0 0 0 3px white,inset 0 0 0 4px #0099ff,0 0 0 1px #0099ff;
  --framer-fresco-imageBorderOverlay-shadow:inset 0 0 0 1px rgba(0, 0, 0, 0.1);
  --framer-fresco-inlineEditingMenu-shadow:0px 0px 0px 1px rgba(0, 0, 0, 0.03),0px 10px 20px 0px rgba(0, 0, 0, 0.1);
  --framer-fresco-insertImage-shadow:0px 4px 8px 0px rgba(0, 0, 0, 0.1);
  --framer-fresco-insertMenuArtwork-shadow:inset 0 0 0 1px rgba(0, 0, 0, 0.075);
  --framer-fresco-menu-shadow:0px 3px 6px rgba(0, 0, 0, 0.1);
  --framer-fresco-modal-shadow:0px 10px 30px 0px rgba(0, 0, 0, 0.15);
  --framer-fresco-modalInset-shadow:none;
  --framer-fresco-popover-shadow:0px 10px 30px 0px rgba(0, 0, 0, 0.1),0px 1px 4px 0px rgba(0, 0, 0, 0.02);
  --framer-fresco-popoverInset-shadow:none;
  --framer-fresco-popoverDropShadow-shadow:drop-shadow(0px 1px 8px rgba(0, 0, 0, 0.08)) drop-shadow(0px 5px 20px rgba(0, 0, 0, 0.1));
  --framer-fresco-projectMenuButton-shadow:0px 0px 0px 1px rgba(0, 0, 0, 0.02),0px 1px 0px 0px rgba(0, 0, 0, 0.05),0px 2px 4px 0px rgba(0, 0, 0, 0.1);
  --framer-fresco-radioButton-shadow:inset 0 0 0 1px rgba(0, 0, 0, 0.08);
  --framer-fresco-radioButtonChecked-shadow:none;
  --framer-fresco-settingsCard-shadow:0px 1px 1px 0px rgba(0, 0, 0, 0.1),0px 2px 10px 0px rgba(0, 0, 0, 0.05);
  --framer-fresco-sideOverlay-shadow:0px 3px 6px 0px rgba(0, 0, 0, 0.08),0px 0px 0px 1px rgba(0, 0, 0, 0.05);
  --framer-fresco-segmentedControlItemSelected-shadow:0px 0px 0px 1px rgba(0, 0, 0, 0.04),0px 1px 0px 0px rgba(0, 0, 0, 0.04),0px 2px 4px 0px rgba(0, 0, 0, 0.08);
  --framer-fresco-multiComboBoxToken-shadow:0px 2px 4px 0px rgba(0, 0, 0, 0.15);
  --framer-fresco-sliderKnob-shadow:0px 1px 3px 0px rgba(0, 0, 0, 0.2),0px 0.5px 0px 0px rgba(0, 0, 0, 0.1);
  --framer-fresco-svgScreenIcon-shadow:drop-shadow(0 5px 10px rgba(0, 0, 0, 0.1));
  --framer-fresco-tintOutline-shadow:0px 0px 0px 5px rgba(0, 153, 255, 0.1);
  --framer-fresco-tintOutlineSmall-shadow:0px 0px 0px 2px rgba(0, 153, 255, 0.1);
  --framer-fresco-toggleTack-shadow:0px 1px 1px 0px rgba(0, 0, 0, 0.1),0px 2px 10px 0px rgba(0, 0, 0, 0.05);
  --framer-fresco-settingsImageClearButton-shadow:0px 1px 3px 0px rgba(0, 0, 0, 0.2),0px 0.5px 0px 0px rgba(0, 0, 0, 0.1);
}
body[data-framer-theme=light] .warning_wpnx597 {
  --framer-fresco-tint-color:#FFBB00;
  --framer-fresco-tintDimmed-color:rgba(255, 187, 0, 0.2);
  --framer-fresco-selectionBackground-color:color(display-p3 1 0.733 0 / 0.15);
  --framer-fresco-selectionText-color:#FFBB00;
  --framer-fresco-assetsRowCodeFileText-color:#FFBB00;
  --framer-fresco-assetsRowCodeFileBackgroundSelected-color:rgba(255, 187, 0, 0.2);
  --framer-fresco-canvasCreatePreviewBorder-color:#FFBB00;
  --framer-fresco-canvasTooltipBackground-color:#FFBB00;
  --framer-fresco-buttonBackgroundPrimary-color:#FFBB00;
  --framer-fresco-buttonWithDepthPrimaryBackground-color:#FFBB00;
  --framer-fresco-inputBorder-color:#FFBB00;
  --framer-fresco-inputBorderActive-color:#FFBB00;
  --framer-fresco-comboBoxHighlightedRowTint-color:#FFBB00;
  --framer-fresco-pillTintText-color:#FFBB00;
  --framer-fresco-pillTintIcon-color:#FFBB00;
  --framer-fresco-popupButtonBorder-color:#FFBB00;
  --framer-fresco-segmentedControlBorder-color:#FFBB00;
  --framer-fresco-segmentedControlItemTextSelected-color:#FFBB00;
  --framer-fresco-sliderTrackActive-color:#FFBB00;
  --framer-fresco-alternativePresetIcon-color:#FFBB00;
  --framer-fresco-alternativePresetSelectedColor-color:#FFBB00;
  --framer-fresco-assetStyleIcon-color:#FFBB00;
  --framer-fresco-swatchBackgroundForLink-color:#FFBB00;
  --framer-fresco-checkboxBackgroundChecked-color:#FFBB00;
  --framer-fresco-toggleBackgroundChecked-color:#FFBB00;
  --framer-fresco-toggleTackBorderDisabled-color:#FFBB00;
  --framer-fresco-toolbarIconActive-color:#FFBB00;
  --framer-fresco-projectBarButtonBorderActive-color:#FFBB00;
  --framer-fresco-toolbarButtonBackgroundTintedSites-color:rgba(255, 187, 0, 0.2);
  --framer-fresco-projectBarTitleBackgroundActive-color:#FFBB00;
  --framer-fresco-breadcrumbItemBackgroundTinted-color:rgba(255, 187, 0, 0.2);
  --framer-fresco-menuBackgroundActive-color:#FFBB00;
  --framer-fresco-menuBadgeBorder-color:#FFBB00;
  --framer-fresco-calendarPrimary-color:#FFBB00;
  --framer-fresco-guideHighlightColor-color:#FFBB00;
  --framer-fresco-badgeBasicWorkspaceText-color:#FFBB00;
  --framer-fresco-badgeTeamEditorWorkspaceText-color:#FFBB00;
  --framer-fresco-advancedHostingConnectionLabelText-color:#FFBB00;
  --framer-fresco-advancedHostingTooltipTint-color:#FFBB00;
  --framer-fresco-kitBadgeForeground-color:#FFBB00;
  --framer-fresco-toastBackgroundPrimary-color:#FFBB00;
  --framer-fresco-toastIconSites-color:#FFBB00;
  --framer-fresco-teamCreationNavigationActive-color:#FFBB00;
  --framer-fresco-teamCreationBenefitIcon-color:#FFBB00;
  --framer-fresco-highlightsBorder-color:#FFBB00;
  --framer-fresco-aiHighlightBorder-color:#FFBB00;
  --framer-fresco-statusBarAlphaIcon-color:#FFBB00;
  --framer-fresco-settingsSocialPreviewTitle-color:#FFBB00;
  --framer-fresco-breakpointTitleBackgroundPrimary-color:rgba(255, 187, 0, 0.2);
  --framer-fresco-breakpointCreationButtonBackgroundActive-color:#FFBB00;
  --framer-fresco-analyticsTint-color:#FFBB00;
  --framer-fresco-basicSiteColor-color:#FFBB00;
  --framer-fresco-planCardPersonalButtonColorText-color:#FFBB00;
  --framer-fresco-planCardBillingToggleActiveBackground-color:#FFBB00;
  --framer-fresco-cmsTableCellAgentUpdateHighlight-color:#FFBB00;
  --framer-fresco-cmsRichTextDropCursor-color:#FFBB00;
  --framer-fresco-cmsCodeBlockAccent-color:#FFBB00;
  --framer-fresco-cmsCodeBlockKeyword-color:#FFBB00;
  --framer-fresco-cmsCodeBlockTag-color:#FFBB00;
  --framer-fresco-inlineEditingMenuBorder-color:#FFBB00;
  --framer-fresco-quickActionsIconDefaultLegacy-color:#FFBB00;
  --framer-fresco-quickActionsIconBackgroundDefault-color:rgba(255, 187, 0, 0.2);
  --framer-fresco-quickActionsIconBackgroundDefaultActive-color:#FFBB00;
  --framer-fresco-activeGoogleSheetIcon-color:#FFBB00;
  --framer-fresco-fillIconBorderActive-color:#FFBB00;
  --framer-fresco-fillIconConicFillInnerActive-color:#FFBB00;
  --framer-fresco-fillIconImageFillOuterActive-color:#FFBB00;
  --framer-fresco-anchorGridSelected-color:#FFBB00;
}
body[data-framer-theme=dark] .warning_wpnx597 {
  --framer-fresco-tint-color:#FFBB00;
  --framer-fresco-tintDimmed-color:rgba(255, 187, 0, 0.2);
  --framer-fresco-selectionBackground-color:color(display-p3 1 0.733 0 / 0.15);
  --framer-fresco-selectionText-color:#FFBB00;
  --framer-fresco-assetsRowCodeFileText-color:#FFBB00;
  --framer-fresco-assetsRowCodeFileBackgroundSelected-color:rgba(255, 187, 0, 0.2);
  --framer-fresco-canvasCreatePreviewBorder-color:#FFBB00;
  --framer-fresco-canvasTooltipBackground-color:#FFBB00;
  --framer-fresco-calendarPrimary-color:#FFBB00;
  --framer-fresco-buttonBackgroundPrimary-color:#FFBB00;
  --framer-fresco-buttonWithDepthPrimaryBackground-color:#FFBB00;
  --framer-fresco-inputBorder-color:#FFBB00;
  --framer-fresco-inputBorderActive-color:#FFBB00;
  --framer-fresco-comboBoxHighlightedRowTint-color:#FFBB00;
  --framer-fresco-pillTintText-color:#FFBB00;
  --framer-fresco-pillTintIcon-color:#FFBB00;
  --framer-fresco-popupButtonBorder-color:#FFBB00;
  --framer-fresco-segmentedControlBorder-color:#FFBB00;
  --framer-fresco-sliderTrackActive-color:#FFBB00;
  --framer-fresco-alternativePresetIcon-color:#FFBB00;
  --framer-fresco-alternativePresetSelectedColor-color:#FFBB00;
  --framer-fresco-assetStyleIcon-color:#FFBB00;
  --framer-fresco-activeGoogleSheetIcon-color:#FFBB00;
  --framer-fresco-swatchBackgroundForLink-color:#FFBB00;
  --framer-fresco-checkboxBackgroundChecked-color:#FFBB00;
  --framer-fresco-toggleBackgroundChecked-color:#FFBB00;
  --framer-fresco-toggleTackBorderDisabled-color:#FFBB00;
  --framer-fresco-toolbarIconActive-color:#FFBB00;
  --framer-fresco-toolbarButtonBackgroundTintedSites-color:rgba(255, 187, 0, 0.2);
  --framer-fresco-projectBarTitleBackgroundActive-color:#FFBB00;
  --framer-fresco-breadcrumbItemBackgroundTinted-color:rgba(255, 187, 0, 0.2);
  --framer-fresco-menuBackgroundActive-color:#FFBB00;
  --framer-fresco-menuBadgeBorder-color:#FFBB00;
  --framer-fresco-guideHighlightColor-color:#FFBB00;
  --framer-fresco-badgeBasicWorkspaceText-color:#FFBB00;
  --framer-fresco-badgeTeamEditorWorkspaceText-color:#FFBB00;
  --framer-fresco-advancedHostingConnectionLabelText-color:#FFBB00;
  --framer-fresco-kitBadgeForeground-color:#FFBB00;
  --framer-fresco-toastBackgroundPrimary-color:#FFBB00;
  --framer-fresco-toastIconSites-color:#FFBB00;
  --framer-fresco-teamCreationNavigationActive-color:#FFBB00;
  --framer-fresco-teamCreationBenefitIcon-color:#FFBB00;
  --framer-fresco-highlightsBorder-color:#FFBB00;
  --framer-fresco-aiHighlightBorder-color:#FFBB00;
  --framer-fresco-statusBarAlphaIcon-color:#FFBB00;
  --framer-fresco-settingsSocialPreviewTitle-color:#FFBB00;
  --framer-fresco-breakpointTitleBackgroundPrimary-color:rgba(255, 187, 0, 0.2);
  --framer-fresco-breakpointCreationButtonBackgroundActive-color:#FFBB00;
  --framer-fresco-analyticsTint-color:#FFBB00;
  --framer-fresco-basicSiteColor-color:#FFBB00;
  --framer-fresco-planCardPersonalButtonColorText-color:#FFBB00;
  --framer-fresco-cmsTableCellAgentUpdateHighlight-color:#FFBB00;
  --framer-fresco-cmsRichTextDropCursor-color:#FFBB00;
  --framer-fresco-cmsCodeBlockAccent-color:#FFBB00;
  --framer-fresco-quickActionsIconDefaultLegacy-color:#FFBB00;
  --framer-fresco-quickActionsIconBackgroundDefault-color:rgba(255, 187, 0, 0.2);
  --framer-fresco-quickActionsIconBackgroundDefaultActive-color:#FFBB00;
  --framer-fresco-anchorGridSelected-color:#FFBB00;
}
body[data-framer-theme=light] .warningReset_wedhysz {
  --framer-fresco-tint-color:#0099ff;
  --framer-fresco-tintDimmed-color:color(display-p3 0 0.6 1 / 0.1);
  --framer-fresco-selectionText-color:#0099ff;
  --framer-fresco-assetsRowCodeFileText-color:#0099ff;
  --framer-fresco-assetsRowCodeFileBackgroundSelected-color:color(display-p3 0 0.6 1 / 0.1);
  --framer-fresco-canvasCreatePreviewBorder-color:#0099ff;
  --framer-fresco-canvasTooltipBackground-color:#0099ff;
  --framer-fresco-buttonBackgroundPrimary-color:#0099ff;
  --framer-fresco-buttonWithDepthPrimaryBackground-color:#0099ff;
  --framer-fresco-inputBorder-color:transparent;
  --framer-fresco-inputBorderActive-color:#0099ff;
  --framer-fresco-comboBoxHighlightedRowTint-color:#0099ff;
  --framer-fresco-pillTintText-color:#0099ff;
  --framer-fresco-pillTintIcon-color:#0099ff;
  --framer-fresco-popupButtonBorder-color:transparent;
  --framer-fresco-segmentedControlBorder-color:transparent;
  --framer-fresco-segmentedControlItemTextSelected-color:#0099ff;
  --framer-fresco-sliderTrackActive-color:#0099ff;
  --framer-fresco-alternativePresetIcon-color:#0099ff;
  --framer-fresco-alternativePresetSelectedColor-color:#0099ff;
  --framer-fresco-assetStyleIcon-color:#0099ff;
  --framer-fresco-swatchBackgroundForLink-color:#0099ff;
  --framer-fresco-checkboxBackgroundChecked-color:#0099ff;
  --framer-fresco-toggleBackgroundChecked-color:#0099ff;
  --framer-fresco-toggleTackBorderDisabled-color:transparent;
  --framer-fresco-toolbarIconActive-color:#0099ff;
  --framer-fresco-projectBarButtonBorderActive-color:transparent;
  --framer-fresco-toolbarButtonBackgroundTintedSites-color:color(display-p3 0 0.6 1 / 0.1);
  --framer-fresco-projectBarTitleBackgroundActive-color:transparent;
  --framer-fresco-breadcrumbItemBackgroundTinted-color:color(display-p3 0 0.6 1 / 0.1);
  --framer-fresco-menuBackgroundActive-color:#0099ff;
  --framer-fresco-menuBadgeBorder-color:transparent;
  --framer-fresco-calendarPrimary-color:#0099ff;
  --framer-fresco-guideHighlightColor-color:#0099ff;
  --framer-fresco-badgeBasicWorkspaceText-color:#0099ff;
  --framer-fresco-badgeTeamEditorWorkspaceText-color:#0099ff;
  --framer-fresco-advancedHostingConnectionLabelText-color:#0099ff;
  --framer-fresco-advancedHostingTooltipTint-color:#0099ff;
  --framer-fresco-kitBadgeForeground-color:#0099ff;
  --framer-fresco-toastBackgroundPrimary-color:#0099ff;
  --framer-fresco-toastIconSites-color:#0099ff;
  --framer-fresco-teamCreationNavigationActive-color:#0099ff;
  --framer-fresco-teamCreationBenefitIcon-color:#0099ff;
  --framer-fresco-highlightsBorder-color:#0099ff;
  --framer-fresco-aiHighlightBorder-color:#0099ff;
  --framer-fresco-statusBarAlphaIcon-color:#0099ff;
  --framer-fresco-settingsSocialPreviewTitle-color:#0099ff;
  --framer-fresco-breakpointTitleBackgroundPrimary-color:color(display-p3 0 0.6 1 / 0.1);
  --framer-fresco-breakpointCreationButtonBackgroundActive-color:#0099ff;
  --framer-fresco-analyticsTint-color:#0099ff;
  --framer-fresco-basicSiteColor-color:#0099ff;
  --framer-fresco-planCardPersonalButtonColorText-color:#0099ff;
  --framer-fresco-planCardBillingToggleActiveBackground-color:#0099ff;
  --framer-fresco-cmsTableCellAgentUpdateHighlight-color:#0099ff;
  --framer-fresco-cmsRichTextDropCursor-color:#0099ff;
  --framer-fresco-cmsCodeBlockAccent-color:#0099ff;
  --framer-fresco-cmsCodeBlockKeyword-color:#0099ff;
  --framer-fresco-cmsCodeBlockTag-color:#0099ff;
  --framer-fresco-inlineEditingMenuBorder-color:transparent;
  --framer-fresco-quickActionsIconDefaultLegacy-color:#0099ff;
  --framer-fresco-quickActionsIconBackgroundDefault-color:color(display-p3 0 0.6 1 / 0.1);
  --framer-fresco-quickActionsIconBackgroundDefaultActive-color:#0099ff;
  --framer-fresco-activeGoogleSheetIcon-color:#0099ff;
  --framer-fresco-fillIconBorderActive-color:#0099ff;
  --framer-fresco-fillIconConicFillInnerActive-color:#0099ff;
  --framer-fresco-fillIconImageFillOuterActive-color:#0099ff;
  --framer-fresco-anchorGridSelected-color:#0099ff;
}
body[data-framer-theme=dark] .warningReset_wedhysz {
  --framer-fresco-tint-color:#0099ff;
  --framer-fresco-tintDimmed-color:color(display-p3 0 0.6 1 / 0.1);
  --framer-fresco-selectionText-color:#0099ff;
  --framer-fresco-assetsRowCodeFileText-color:#0099ff;
  --framer-fresco-assetsRowCodeFileBackgroundSelected-color:color(display-p3 0 0.6 1 / 0.1);
  --framer-fresco-canvasCreatePreviewBorder-color:#0099ff;
  --framer-fresco-canvasTooltipBackground-color:#0099ff;
  --framer-fresco-calendarPrimary-color:#0099ff;
  --framer-fresco-buttonBackgroundPrimary-color:#0099ff;
  --framer-fresco-buttonWithDepthPrimaryBackground-color:#0099ff;
  --framer-fresco-inputBorder-color:transparent;
  --framer-fresco-inputBorderActive-color:#0099ff;
  --framer-fresco-comboBoxHighlightedRowTint-color:#0099ff;
  --framer-fresco-pillTintText-color:#0099ff;
  --framer-fresco-pillTintIcon-color:#0099ff;
  --framer-fresco-popupButtonBorder-color:transparent;
  --framer-fresco-segmentedControlBorder-color:transparent;
  --framer-fresco-sliderTrackActive-color:#0099ff;
  --framer-fresco-alternativePresetIcon-color:#0099ff;
  --framer-fresco-alternativePresetSelectedColor-color:#0099ff;
  --framer-fresco-assetStyleIcon-color:#0099ff;
  --framer-fresco-activeGoogleSheetIcon-color:#0099ff;
  --framer-fresco-swatchBackgroundForLink-color:#0099ff;
  --framer-fresco-checkboxBackgroundChecked-color:#0099ff;
  --framer-fresco-toggleBackgroundChecked-color:#0099ff;
  --framer-fresco-toggleTackBorderDisabled-color:transparent;
  --framer-fresco-toolbarIconActive-color:#0099ff;
  --framer-fresco-toolbarButtonBackgroundTintedSites-color:color(display-p3 0 0.6 1 / 0.1);
  --framer-fresco-projectBarTitleBackgroundActive-color:transparent;
  --framer-fresco-breadcrumbItemBackgroundTinted-color:color(display-p3 0 0.6 1 / 0.1);
  --framer-fresco-menuBackgroundActive-color:#0099ff;
  --framer-fresco-menuBadgeBorder-color:transparent;
  --framer-fresco-guideHighlightColor-color:#0099ff;
  --framer-fresco-badgeBasicWorkspaceText-color:#0099ff;
  --framer-fresco-badgeTeamEditorWorkspaceText-color:#0099ff;
  --framer-fresco-advancedHostingConnectionLabelText-color:#0099ff;
  --framer-fresco-kitBadgeForeground-color:#0099ff;
  --framer-fresco-toastBackgroundPrimary-color:#0099ff;
  --framer-fresco-toastIconSites-color:#0099ff;
  --framer-fresco-teamCreationNavigationActive-color:#0099ff;
  --framer-fresco-teamCreationBenefitIcon-color:#0099ff;
  --framer-fresco-highlightsBorder-color:#0099ff;
  --framer-fresco-aiHighlightBorder-color:#0099ff;
  --framer-fresco-statusBarAlphaIcon-color:#0099ff;
  --framer-fresco-settingsSocialPreviewTitle-color:#0099ff;
  --framer-fresco-breakpointTitleBackgroundPrimary-color:color(display-p3 0 0.6 1 / 0.1);
  --framer-fresco-breakpointCreationButtonBackgroundActive-color:#0099ff;
  --framer-fresco-analyticsTint-color:#0099ff;
  --framer-fresco-basicSiteColor-color:#0099ff;
  --framer-fresco-planCardPersonalButtonColorText-color:#0099ff;
  --framer-fresco-cmsTableCellAgentUpdateHighlight-color:#0099ff;
  --framer-fresco-cmsRichTextDropCursor-color:#0099ff;
  --framer-fresco-cmsCodeBlockAccent-color:#0099ff;
  --framer-fresco-quickActionsIconDefaultLegacy-color:#0099ff;
  --framer-fresco-quickActionsIconBackgroundDefault-color:color(display-p3 0 0.6 1 / 0.1);
  --framer-fresco-quickActionsIconBackgroundDefaultActive-color:#0099ff;
  --framer-fresco-anchorGridSelected-color:#0099ff;
}
body[data-framer-theme=light] .enterpriseUpsellModal_eek7k3x {
  --framer-fresco-tint-color:#333333;
  --framer-fresco-tintDark-color:#333333;
  --framer-fresco-selectionBackground-color:color(display-p3 0.2 0.2 0.2 / 0.15);
  --framer-fresco-selectionText-color:#333333;
  --framer-fresco-panelTextSelected-color:#ffffff;
  --framer-fresco-panelBackground-color:#ffffff;
  --framer-fresco-nuxPanelButton-color:#ffffff;
  --framer-fresco-assetsRowCodeFileText-color:#333333;
  --framer-fresco-canvasCreatePreviewBorder-color:#333333;
  --framer-fresco-canvasTooltipText-color:#ffffff;
  --framer-fresco-canvasTooltipBackground-color:#333333;
  --framer-fresco-modalBackground-color:#ffffff;
  --framer-fresco-variableRowDividerTitleBackground-color:#ffffff;
  --framer-fresco-cmsBadgeTextDisabled-color:#ffffff;
  --framer-fresco-buttonBackgroundPrimary-color:#333333;
  --framer-fresco-buttonBackgroundPrimaryHover-color:#333333;
  --framer-fresco-buttonBackgroundPrimaryActive-color:#333333;
  --framer-fresco-buttonTextPrimary-color:#ffffff;
  --framer-fresco-buttonTextDestructive-color:#ffffff;
  --framer-fresco-buttonWithDepthBackground-color:#ffffff;
  --framer-fresco-buttonWithDepthPrimaryBackground-color:#333333;
  --framer-fresco-electronTabBarBackgroundActive-color:#ffffff;
  --framer-fresco-inputBorderActive-color:#333333;
  --framer-fresco-multiComboBoxTokenBackground-color:#ffffff;
  --framer-fresco-comboBoxHighlightedRowTint-color:#333333;
  --framer-fresco-comboBoxHighlightedRowText-color:#ffffff;
  --framer-fresco-comboBoxMenuBackground-color:#ffffff;
  --framer-fresco-pillTintText-color:#333333;
  --framer-fresco-pillTintIcon-color:#333333;
  --framer-fresco-comboBoxMenuBackgroundUnsaturated-color:#ffffff;
  --framer-fresco-popoverBackground-color:#ffffff;
  --framer-fresco-popupButtonPreviewIconBackground-color:#ffffff;
  --framer-fresco-popupButtonWarningText-color:#ffffff;
  --framer-fresco-segmentedControlItemBackgroundSelected-color:#ffffff;
  --framer-fresco-segmentedControlItemTextSelected-color:#333333;
  --framer-fresco-segmentedControlItemTextSelectedHover-color:#333333;
  --framer-fresco-sliderKnob-color:#ffffff;
  --framer-fresco-sliderTrackActive-color:#333333;
  --framer-fresco-alternativePresetIcon-color:#333333;
  --framer-fresco-alternativePresetSelectedColor-color:#333333;
  --framer-fresco-assetStyleIcon-color:#333333;
  --framer-fresco-swatchBackgroundPlaceholderForFill-color:#ffffff;
  --framer-fresco-swatchBackgroundForLink-color:#333333;
  --framer-fresco-checkboxBackgroundChecked-color:#333333;
  --framer-fresco-checkboxBackgroundCheckedActive-color:#333333;
  --framer-fresco-checkboxStroke-color:#ffffff;
  --framer-fresco-checkboxDarkerStroke-color:#ffffff;
  --framer-fresco-toggleBackgroundChecked-color:#333333;
  --framer-fresco-toggleTackDisabled-color:#ffffff;
  --framer-fresco-toolbarIconActive-color:#333333;
  --framer-fresco-projectBarButtonBackgroundActive-color:#ffffff;
  --framer-fresco-toolbarSettingsButtonTextActiveSites-color:#ffffff;
  --framer-fresco-breadcrumbDraftBadgeText-color:#ffffff;
  --framer-fresco-menuBackground-color:#ffffff;
  --framer-fresco-menuBackgroundActive-color:#333333;
  --framer-fresco-menuTextActive-color:#ffffff;
  --framer-fresco-menuBadgeColorActive-color:#ffffff;
  --framer-fresco-menuCheckboxActive-color:#ffffff;
  --framer-fresco-menuCaretActive-color:#ffffff;
  --framer-fresco-layerItemComponentLabelSelected-color:#ffffff;
  --framer-fresco-calendarPrimary-color:#333333;
  --framer-fresco-calendarText-color:#ffffff;
  --framer-fresco-guideHighlightColor-color:#333333;
  --framer-fresco-errorText-color:#ffffff;
  --framer-fresco-tooltipText-color:#ffffff;
  --framer-fresco-tooltipInsert-color:#ffffff;
  --framer-fresco-feedbackSidebarBackground-color:#ffffff;
  --framer-fresco-feedbackFormBackground-color:#ffffff;
  --framer-fresco-feedbackDisclosureBackground-color:#ffffff;
  --framer-fresco-dashboardContentBackground-color:#ffffff;
  --framer-fresco-nonFullWidthDashboardContentBackground-color:#ffffff;
  --framer-fresco-dashboardSidebarBackground-color:#ffffff;
  --framer-fresco-badgeBasicWorkspaceText-color:#333333;
  --framer-fresco-badgeTeamEditorWorkspaceText-color:#333333;
  --framer-fresco-projectMenuButtonBackground-color:#ffffff;
  --framer-fresco-dashboardInfoBannerButton-color:#ffffff;
  --framer-fresco-advancedHostingBackground-color:#ffffff;
  --framer-fresco-advancedHostingConnectionLabelText-color:#333333;
  --framer-fresco-advancedHostingAnalyticsGradientColor-color:#ffffff;
  --framer-fresco-advancedHostingTooltipTint-color:#333333;
  --framer-fresco-settingsModalTeamSearchFilterButtonActiveText-color:#ffffff;
  --framer-fresco-settingsModalRemoveAvatarButton-color:#ffffff;
  --framer-fresco-insertPanelNeutralIconForeground-color:#ffffff;
  --framer-fresco-wireframerAssistantAvatarForeground-color:#ffffff;
  --framer-fresco-wireframerSendMessageButtonForeground-color:#ffffff;
  --framer-fresco-wireframerSendMessageButtonForegroundDisabled-color:#ffffff;
  --framer-fresco-wireframerSuggestionButtonBackground-color:#ffffff;
  --framer-fresco-agentButtonPrimaryForeground-color:#ffffff;
  --framer-fresco-agentFeedbackThreadBackground-color:#ffffff;
  --framer-fresco-kitBadgeForeground-color:#333333;
  --framer-fresco-defaultKitIconBackground-color:#ffffff;
  --framer-fresco-toastBackgroundPrimary-color:#333333;
  --framer-fresco-toastTextPrimary-color:#ffffff;
  --framer-fresco-toastBackgroundSites-color:#ffffff;
  --framer-fresco-toastIconSites-color:#333333;
  --framer-fresco-toastButtonBackgroundProminent-color:#ffffff;
  --framer-fresco-expiredTrialBanner-color:#ffffff;
  --framer-fresco-stylesPresetsIconText-color:#ffffff;
  --framer-fresco-upsellCTAText-color:#ffffff;
  --framer-fresco-upsellCTAButtonBackground-color:#ffffff;
  --framer-fresco-teamCreationModalBackground-color:#ffffff;
  --framer-fresco-teamCreationNavigationActive-color:#333333;
  --framer-fresco-teamCreationBenefitIcon-color:#333333;
  --framer-fresco-highlightsBorder-color:#333333;
  --framer-fresco-aiHighlightBorder-color:#333333;
  --framer-fresco-statusBarAlphaIcon-color:#333333;
  --framer-fresco-settingsContainerBackground-color:#ffffff;
  --framer-fresco-settingsImageBackground-color:#ffffff;
  --framer-fresco-settingsImageClearButtonBackground-color:#ffffff;
  --framer-fresco-settingsSocialPreviewTitle-color:#333333;
  --framer-fresco-breakpointCreationButtonBackgroundActive-color:#333333;
  --framer-fresco-breakpointCreationButtonIconActive-color:#ffffff;
  --framer-fresco-analyticsBackground-color:#ffffff;
  --framer-fresco-analyticsTint-color:#333333;
  --framer-fresco-analyticsPopoutBackground-color:#ffffff;
  --framer-fresco-basicSiteColor-color:#333333;
  --framer-fresco-planCardBackgroundColor-color:#ffffff;
  --framer-fresco-planCardBackgroundGradientEndColor-color:#ffffff;
  --framer-fresco-planCardPersonalBackgroundGradientEndColor-color:#ffffff;
  --framer-fresco-planCardGridShadowColorStart-color:#ffffff;
  --framer-fresco-planCardPersonalButtonColorText-color:#333333;
  --framer-fresco-planCardBillingToggleActiveBackground-color:#333333;
  --framer-fresco-planCardBackgroundGradientStop2-color:#ffffff;
  --framer-fresco-previewContainerBackgroundColor-color:#ffffff;
  --framer-fresco-cmsTableCellAgentUpdateHighlight-color:#333333;
  --framer-fresco-cmsRichTextDropCursor-color:#333333;
  --framer-fresco-cmsImageClearButtonText-color:#ffffff;
  --framer-fresco-cmsImageAddButtonBackground-color:#ffffff;
  --framer-fresco-cmsCodeBlockAccent-color:#333333;
  --framer-fresco-cmsCodeBlockKeyword-color:#333333;
  --framer-fresco-cmsCodeBlockTag-color:#333333;
  --framer-fresco-quickActionsIconDefaultLegacy-color:#333333;
  --framer-fresco-quickActionsIconDefaultActiveLegacy-color:#ffffff;
  --framer-fresco-quickActionsIconBackgroundDefaultActive-color:#333333;
  --framer-fresco-quickActionsIconComponentTintActive-color:#ffffff;
  --framer-fresco-quickActionsIconBackgroundAssetStyleTintActive-color:#ffffff;
  --framer-fresco-activeGoogleSheetIcon-color:#333333;
  --framer-fresco-fillIconHighlight-color:#ffffff;
  --framer-fresco-fillIconBorderActive-color:#333333;
  --framer-fresco-fillIconConicFillOuter-color:#ffffff;
  --framer-fresco-fillIconConicFillInnerActive-color:#333333;
  --framer-fresco-fillIconConicFillOuterActive-color:#ffffff;
  --framer-fresco-fillIconImageFillOuterActive-color:#333333;
  --framer-fresco-editorBarButtonSecondaryText-color:#ffffff;
  --framer-fresco-editorBarText-color:#ffffff;
  --framer-fresco-editorBarDividerBackground-color:#ffffff;
  --framer-fresco-editorBarSubtleTitle-color:#ffffff;
  --framer-fresco-onPageToolbarText-color:#ffffff;
  --framer-fresco-onPageToolbarButtonText-color:#ffffff;
  --framer-fresco-onPageValidationWarningBadgeText-color:#ffffff;
  --framer-fresco-debugBarBackground-color:#ffffff;
  --framer-fresco-anchorGridSelected-color:#333333;
  --framer-fresco-vectorSetItemBackground-color:#ffffff;
  --framer-fresco-onboardingBackground-color:#ffffff;
  --framer-fresco-onboardingPanelBackground-color:#ffffff;
}
body[data-framer-theme=dark] .enterpriseUpsellModal_eek7k3x {
  --framer-fresco-tint-color:#ffffff;
  --framer-fresco-tintDark-color:#ffffff;
  --framer-fresco-selectionBackground-color:color(display-p3 1 1 1 / 0.15);
  --framer-fresco-selectionText-color:#ffffff;
  --framer-fresco-selectionUnsaturatedText-color:#333333;
  --framer-fresco-panelTitle-color:#333333;
  --framer-fresco-panelTextSelected-color:#333333;
  --framer-fresco-panelSectionHeaderIcon-color:#333333;
  --framer-fresco-nuxPanelHeaderTitle-color:#333333;
  --framer-fresco-nuxPanelStepNumberHighlighted-color:#333333;
  --framer-fresco-assetsRowCodeFileText-color:#ffffff;
  --framer-fresco-canvasCreatePreviewBorder-color:#ffffff;
  --framer-fresco-canvasTooltipText-color:#333333;
  --framer-fresco-canvasTooltipBackground-color:#ffffff;
  --framer-fresco-calendarTextHeader-color:#333333;
  --framer-fresco-calendarTextHover-color:#333333;
  --framer-fresco-calendarPrimary-color:#ffffff;
  --framer-fresco-calendarText-color:#333333;
  --framer-fresco-modalTitle-color:#333333;
  --framer-fresco-largeModalTitle-color:#333333;
  --framer-fresco-variableRowTextActive-color:#333333;
  --framer-fresco-buttonSheetPlainTitle-color:#333333;
  --framer-fresco-cmsBadgeTextDisabled-color:#333333;
  --framer-fresco-buttonText-color:#333333;
  --framer-fresco-buttonTextActive-color:#333333;
  --framer-fresco-buttonBackgroundPrimary-color:#ffffff;
  --framer-fresco-buttonBackgroundPrimaryHover-color:#ffffff;
  --framer-fresco-buttonBackgroundPrimaryActive-color:#ffffff;
  --framer-fresco-buttonTextPrimary-color:#333333;
  --framer-fresco-buttonTextDestructive-color:#333333;
  --framer-fresco-buttonLinkLined-color:#333333;
  --framer-fresco-buttonLinkLinedHover-color:#333333;
  --framer-fresco-buttonWithDepthText-color:#333333;
  --framer-fresco-buttonWithDepthPrimaryBackground-color:#ffffff;
  --framer-fresco-electronTabBarTextActive-color:#333333;
  --framer-fresco-inputBorderActive-color:#ffffff;
  --framer-fresco-inputTextActive-color:#333333;
  --framer-fresco-comboBoxSectionText-color:#333333;
  --framer-fresco-comboBoxHighlightedRowTint-color:#ffffff;
  --framer-fresco-comboBoxHighlightedRowText-color:#333333;
  --framer-fresco-pillTintText-color:#ffffff;
  --framer-fresco-pillTintIcon-color:#ffffff;
  --framer-fresco-comboBoxClearButtonHover-color:#333333;
  --framer-fresco-popoverText-color:#333333;
  --framer-fresco-invitePopoverSendButtonText-color:#333333;
  --framer-fresco-popupButtonText-color:#333333;
  --framer-fresco-popupButtonPreviewIconPrimary-color:#333333;
  --framer-fresco-popupButtonWarningText-color:#333333;
  --framer-fresco-radioButtonLabel-color:#333333;
  --framer-fresco-segmentedControlItemTextSelected-color:#333333;
  --framer-fresco-segmentedControlItemTextSelectedHover-color:#333333;
  --framer-fresco-segmentedControlItemTextSelectedUnsaturated-color:#333333;
  --framer-fresco-tabsTextSelected-color:#333333;
  --framer-fresco-sliderKnob-color:#333333;
  --framer-fresco-sliderTrackActive-color:#ffffff;
  --framer-fresco-spinnerBackground-color:#333333;
  --framer-fresco-presetIcon-color:#333333;
  --framer-fresco-presetSelectedColor-color:#333333;
  --framer-fresco-alternativePresetIcon-color:#ffffff;
  --framer-fresco-alternativePresetSelectedColor-color:#ffffff;
  --framer-fresco-assetStyleIcon-color:#ffffff;
  --framer-fresco-assetSelectedColor-color:#333333;
  --framer-fresco-activeGoogleButtonText-color:#333333;
  --framer-fresco-activeGoogleSheetIcon-color:#ffffff;
  --framer-fresco-colorStyleBorder-color:#333333;
  --framer-fresco-swatchBackgroundPlaceholderForFill-color:#333333;
  --framer-fresco-swatchBackgroundForLink-color:#ffffff;
  --framer-fresco-checkboxBackgroundChecked-color:#ffffff;
  --framer-fresco-checkboxBackgroundCheckedActive-color:#ffffff;
  --framer-fresco-checkboxDarkerBackgroundChecked-color:#333333;
  --framer-fresco-checkboxDarkerBackgroundCheckedActive-color:#333333;
  --framer-fresco-checkboxLabel-color:#333333;
  --framer-fresco-checkboxStroke-color:#333333;
  --framer-fresco-toggleBackgroundChecked-color:#ffffff;
  --framer-fresco-toggleTack-color:#333333;
  --framer-fresco-toolbarIconActive-color:#ffffff;
  --framer-fresco-toolbarInputText-color:#333333;
  --framer-fresco-toolbarCmsMobileTitle-color:#333333;
  --framer-fresco-toolbarLeftPanelToggleTextActive-color:#333333;
  --framer-fresco-toolbarButtonTextActiveSites-color:#333333;
  --framer-fresco-toolbarPreviewCloseButtonSites-color:#333333;
  --framer-fresco-toolbarSettingsButtonTextSites-color:#333333;
  --framer-fresco-toolbarSettingsButtonBackgroundActiveSites-color:#333333;
  --framer-fresco-menuBackgroundActive-color:#ffffff;
  --framer-fresco-menuText-color:#333333;
  --framer-fresco-menuTextActive-color:#333333;
  --framer-fresco-menuTextActiveUnsaturated-color:#333333;
  --framer-fresco-menuBadgeColorActive-color:#333333;
  --framer-fresco-menuCheckbox-color:#333333;
  --framer-fresco-menuCheckboxActive-color:#333333;
  --framer-fresco-menuCaretActive-color:#333333;
  --framer-fresco-menuTextChecked-color:#333333;
  --framer-fresco-contextMenuButtonIconHover-color:#333333;
  --framer-fresco-pageRowTextActive-color:#333333;
  --framer-fresco-pageIconSelected-color:#333333;
  --framer-fresco-pageContextMenuButtonIconHover-color:#333333;
  --framer-fresco-layerItemIconInactiveSelected-color:#333333;
  --framer-fresco-layerItemComponentLabelSelected-color:#333333;
  --framer-fresco-guideHighlightColor-color:#ffffff;
  --framer-fresco-errorText-color:#333333;
  --framer-fresco-fatalErrorText-color:#333333;
  --framer-fresco-previewSpinnerBackground-color:#333333;
  --framer-fresco-tooltipText-color:#333333;
  --framer-fresco-feedbackPrimaryText-color:#333333;
  --framer-fresco-emptyStateTitle-color:#333333;
  --framer-fresco-errorStateTitleText-color:#333333;
  --framer-fresco-dashboardHeadingLinkHover-color:#333333;
  --framer-fresco-dashboardItemIcon-color:#333333;
  --framer-fresco-dashboardEmptyStateTitle-color:#333333;
  --framer-fresco-dashboardCardInfoText-color:#333333;
  --framer-fresco-dashboardSearchWorkspaceTitle-color:#333333;
  --framer-fresco-dashboardSidebarTitle-color:#333333;
  --framer-fresco-dashboardSidebarActive-color:#333333;
  --framer-fresco-badgeBasicWorkspaceText-color:#ffffff;
  --framer-fresco-badgeTeamEditorWorkspaceText-color:#ffffff;
  --framer-fresco-projectMenuButtonText-color:#333333;
  --framer-fresco-customSearchTextWhileTyping-color:#333333;
  --framer-fresco-dashboardInfoBannerColor-color:#333333;
  --framer-fresco-advancedHostingTitle-color:#333333;
  --framer-fresco-advancedHostingConnectionLabelText-color:#ffffff;
  --framer-fresco-advancedHostingTooltipTint-color:#ffffff;
  --framer-fresco-settingsModalTeamRegenerateLinkIcon-color:#333333;
  --framer-fresco-settingsModalLabel-color:#333333;
  --framer-fresco-settingsModalTitle-color:#333333;
  --framer-fresco-settingsModalPlanEmptyEditorsAvatarText-color:#333333;
  --framer-fresco-settingsModalTeamSearchFilterButtonActiveBackground-color:#333333;
  --framer-fresco-settingsModalTeamSearchFilterTagText-color:#333333;
  --framer-fresco-selectProjectToUpgradePrimary-color:#333333;
  --framer-fresco-activeAccountSettingsLink-color:#333333;
  --framer-fresco-organizationMemberDetailBackButton-color:#333333;
  --framer-fresco-organizationMemberDetailSubtitle-color:#333333;
  --framer-fresco-organizationInviteRoleMenu-color:#333333;
  --framer-fresco-organizationMemberName-color:#333333;
  --framer-fresco-organizationDetailTitle-color:#333333;
  --framer-fresco-insertPanelNeutralIconBackground-color:#333333;
  --framer-fresco-wireframerAssistantAvatarBackground-color:#333333;
  --framer-fresco-wireframerAssistantName-color:#333333;
  --framer-fresco-wireframerAssistantPlanActive-color:#333333;
  --framer-fresco-wireframerAssistantVideoLink-color:#333333;
  --framer-fresco-wireframerSendMessageButtonForeground-color:#333333;
  --framer-fresco-wireframerSuggestionIconHover-color:#333333;
  --framer-fresco-wireframerSuggestionButtonForegroundHover-color:#333333;
  --framer-fresco-agentButtonPrimaryBackground-color:#333333;
  --framer-fresco-agentButtonSecondaryForeground-color:#333333;
  --framer-fresco-agentButtonTertiaryForeground-color:#333333;
  --framer-fresco-agentButtonChatForeground-color:#333333;
  --framer-fresco-agentLogsTextActive-color:#333333;
  --framer-fresco-agentFeedbackCommentPrimary-color:#333333;
  --framer-fresco-agentFeedbackThreadResolveForeground-color:#333333;
  --framer-fresco-agentListItemTextActive-color:#333333;
  --framer-fresco-agentFileTagPrimaryText-color:#333333;
  --framer-fresco-kitBadgeForeground-color:#ffffff;
  --framer-fresco-defaultKitIconForeground-color:#333333;
  --framer-fresco-toastBackgroundPrimary-color:#ffffff;
  --framer-fresco-toastTextPrimary-color:#333333;
  --framer-fresco-toastText-color:#333333;
  --framer-fresco-toastIconSites-color:#ffffff;
  --framer-fresco-toastButtonBackgroundProminent-color:#333333;
  --framer-fresco-stylesPresetsIconText-color:#333333;
  --framer-fresco-upsellCTAText-color:#333333;
  --framer-fresco-upsellCTAButtonBackground-color:#333333;
  --framer-fresco-teamCreationNavigationActive-color:#ffffff;
  --framer-fresco-teamCreationBenefitIcon-color:#ffffff;
  --framer-fresco-highlightsBorder-color:#ffffff;
  --framer-fresco-aiHighlightBorder-color:#ffffff;
  --framer-fresco-statusBarAlphaIcon-color:#ffffff;
  --framer-fresco-publishPopoverTooltipTitle-color:#333333;
  --framer-fresco-settingsPrimary-color:#333333;
  --framer-fresco-settingsContainerTitle-color:#333333;
  --framer-fresco-settingsImageClearButtonForeground-color:#333333;
  --framer-fresco-settingsSocialPreviewTitle-color:#ffffff;
  --framer-fresco-dnsTableHeaderText-color:#333333;
  --framer-fresco-breakpointCreationButtonBackgroundActive-color:#ffffff;
  --framer-fresco-breakpointCreationButtonIconActive-color:#333333;
  --framer-fresco-analyticsPrimary-color:#333333;
  --framer-fresco-analyticsTint-color:#ffffff;
  --framer-fresco-sitePlansHighlight-color:#333333;
  --framer-fresco-basicSiteColor-color:#ffffff;
  --framer-fresco-planTypeToggleItemBussinessTextSelected-color:#333333;
  --framer-fresco-planTypeToggleItemBussinessTextSelectedHover-color:#333333;
  --framer-fresco-planCardPersonalButtonColorText-color:#ffffff;
  --framer-fresco-planCardTextColor-color:#333333;
  --framer-fresco-previewContainerTextColor-color:#333333;
  --framer-fresco-cmsTableTextActive-color:#333333;
  --framer-fresco-cmsTableCellAgentUpdateHighlight-color:#ffffff;
  --framer-fresco-cmsRichTextTableHeaderText-color:#333333;
  --framer-fresco-cmsRichTextToolbarItemActiveText-color:#333333;
  --framer-fresco-cmsRichTextDropCursor-color:#ffffff;
  --framer-fresco-cmsRichTextHeading-color:#333333;
  --framer-fresco-cmsOverlayRowTitle-color:#333333;
  --framer-fresco-cmsImageClearButtonText-color:#333333;
  --framer-fresco-cmsCodeBlockAccent-color:#ffffff;
  --framer-fresco-collectionFieldIconSelected-color:#333333;
  --framer-fresco-localizationGlossaryHeading-color:#333333;
  --framer-fresco-batchTranslateModalLabel-color:#333333;
  --framer-fresco-quickActionsTextActive-color:#333333;
  --framer-fresco-quickActionsIconDefaultLegacy-color:#ffffff;
  --framer-fresco-quickActionsIconDefaultActiveLegacy-color:#333333;
  --framer-fresco-quickActionsIconDefaultActive-color:#333333;
  --framer-fresco-quickActionsIconBackgroundDefaultActive-color:#ffffff;
  --framer-fresco-quickActionsIconComponentTintActive-color:#333333;
  --framer-fresco-quickActionsIconAssetStyleTint-color:#333333;
  --framer-fresco-quickActionsIconAssetStyleTintActive-color:#333333;
  --framer-fresco-historyPanelTimelineDotBackgroundActive-color:#333333;
  --framer-fresco-historyPanelTextActive-color:#333333;
  --framer-fresco-historyPanelSummaryTextActive-color:#333333;
  --framer-fresco-loadingProgressBarFill-color:#333333;
  --framer-fresco-fillIconBorderActive-color:#333333;
  --framer-fresco-fillIconLinearFillInnerActive-color:#333333;
  --framer-fresco-fillIconConicFillOuterActive-color:#333333;
  --framer-fresco-editorBarButtonSecondaryText-color:#333333;
  --framer-fresco-editorBarText-color:#333333;
  --framer-fresco-editorBarDividerBackground-color:#333333;
  --framer-fresco-editorBarSubtleTitle-color:#333333;
  --framer-fresco-onPageToolbarText-color:#333333;
  --framer-fresco-onPageToolbarButtonText-color:#333333;
  --framer-fresco-onPageValidationWarningBadgeText-color:#333333;
  --framer-fresco-anchorGridSelected-color:#ffffff;
  --framer-fresco-onboardingTextPrimary-color:#333333;
  --framer-fresco-onboardingButtonPrimary-color:#333333;
  --framer-fresco-customCodeTableRowHover-color:#333333;
}
body[data-framer-theme=light] .onPageEditing_o4rvh60 {
  --framer-fresco-tint-color:#ffffff;
  --framer-fresco-buttonBackgroundPrimary-color:#ffffff;
  --framer-fresco-buttonBackgroundPrimaryHover-color:rgba(255, 255, 255, 0.98);
  --framer-fresco-buttonBackgroundPrimaryActive-color:rgba(255, 255, 255, 0.96);
  --framer-fresco-buttonTextPrimary-color:#222222;
  --framer-fresco-inputBorderActive-color:#ffffff;
  --framer-fresco-comboBoxHighlightedRowTint-color:rgba(255, 255, 255, 0.2);
  --framer-fresco-comboBoxHighlightedRowText-color:#ffffff;
  --framer-fresco-swatchBackgroundPlaceholderForLink-color:#666666;
}
body[data-framer-theme=dark] .onPageEditing_o4rvh60 {
  --framer-fresco-tint-color:#ffffff;
  --framer-fresco-buttonBackgroundPrimary-color:#ffffff;
  --framer-fresco-buttonBackgroundPrimaryHover-color:rgba(255, 255, 255, 0.98);
  --framer-fresco-buttonBackgroundPrimaryActive-color:rgba(255, 255, 255, 0.96);
  --framer-fresco-buttonTextPrimary-color:#222222;
  --framer-fresco-inputBorderActive-color:#ffffff;
  --framer-fresco-comboBoxHighlightedRowTint-color:rgba(255, 255, 255, 0.2);
  --framer-fresco-comboBoxHighlightedRowText-color:#ffffff;
  --framer-fresco-swatchBackgroundPlaceholderForLink-color:#666666;
}
.wrapper_wtaqe5o {
  display: contents;
}

/* wyw-in-js:Theme.styles_1apcige.wyw.css */
body {
  --framer-fresco-tint-color:#0099ff;
  --framer-fresco-tintDark-color:#0088ff;
  --framer-fresco-tintExtraDark-color:#1188ff;
  --framer-fresco-tintDimmed-color:color(display-p3 0 0.6 1 / 0.1);
  --framer-fresco-tintGradientStart-color:rgba(0, 153, 255, 0.4);
  --framer-fresco-tintGradientEnd-color:rgba(0, 153, 255, 0.8);
  --framer-fresco-componentTint-color:#8855ff;
  --framer-fresco-componentTintDark-color:#7744FF;
  --framer-fresco-componentTintExtraDark-color:#7733ff;
  --framer-fresco-componentTintDimmed-color:color(display-p3 0.533333 0.333333 1 / 0.1);
  --framer-fresco-componentTintDimmedDrag-color:rgba(136, 85, 255, 0.2);
  --framer-fresco-componentTintDimmedActive-color:rgba(136, 85, 255, 0.3);
  --framer-fresco-componentTintLight-color:#B89AFF;
  --framer-fresco-errorTint-color:#ff3366;
  --framer-fresco-errorTintDimmed-color:rgba(255, 51, 102, 0.1);
  --framer-fresco-warningTint-color:#FFBB00;
  --framer-fresco-warningTintDimmed-color:rgba(255, 187, 0, 0.2);
  --framer-fresco-warningText-color:#FF9900;
  --framer-fresco-warningTextDimmed-color:rgba(255, 153, 0, 0.1);
  --framer-fresco-selectionBackground-color:color(display-p3 0 0.6 1 / 0.15);
  --framer-fresco-selectionComponentBackground-color:color(display-p3 0.52 0.357 0.965 / 0.15);
  --framer-fresco-selectionWarningBackground-color:color(display-p3 1 0.733 0 / 0.15);
  --framer-fresco-selectionEnterpriseUpsellBackground-color:color(display-p3 0.2 0.2 0.2 / 0.15);
  --framer-fresco-selectionText-color:#0099ff;
  --framer-fresco-selectionUnsaturatedBackground-color:rgba(0, 0, 0, 0.1);
  --framer-fresco-selectionUnsaturatedText-color:#000000;
  --framer-fresco-panelTitle-color:#333333;
  --framer-fresco-panelRowTitle-color:#666666;
  --framer-fresco-panelSectionTitle-color:#999999;
  --framer-fresco-panelText-color:#666666;
  --framer-fresco-panelDescription-color:#999999;
  --framer-fresco-panelTextSelected-color:#ffffff;
  --framer-fresco-panelBackground-color:#ffffff;
  --framer-fresco-panelDivider-color:#eeeeee;
  --framer-fresco-panelSectionHeaderIcon-color:#222222;
  --framer-fresco-panelChevron-color:#bbbbbb;
  --framer-fresco-panelSubtitle-color:#666666;
  --framer-fresco-panelSubLabel-color:#999999;
  --framer-fresco-panelPressedState-color:#666666;
  --framer-fresco-nuxPanelHeaderTitle-color:#222222;
  --framer-fresco-nuxPanelStepTitle-color:#666666;
  --framer-fresco-nuxPanelStepTitleDisabled-color:#999999;
  --framer-fresco-nuxPanelStepTitleHighlighted-color:#677680;
  --framer-fresco-nuxPanelStepNumberHighlighted-color:#1A303D;
  --framer-fresco-nuxPanelSubtitle-color:#999999;
  --framer-fresco-nuxPanelSubtitleDisabled-color:#cccccc;
  --framer-fresco-nuxPanelButton-color:#ffffff;
  --framer-fresco-nuxPanelButtonDisabled-color:#f2f2f2;
  --framer-fresco-nuxPanelCard-color:#fafafa;
  --framer-fresco-nuxPanelCheckmark-color:#aaaaaa;
  --framer-fresco-assetsRowCodeFileText-color:#0099ff;
  --framer-fresco-assetsRowCodeFileBackgroundSelected-color:color(display-p3 0 0.6 1 / 0.1);
  --framer-fresco-assetsRowCodeFileBackgroundDragged-color:rgba(0, 153, 255, 0.2);
  --framer-fresco-assetsRowCodeFileBackgroundDraggedUnsaturated-color:rgba(238, 238, 238, 0.2);
  --framer-fresco-colorIconBorder-color:rgba(0, 0, 0, 0.1);
  --framer-fresco-dropdownText-color:#999999;
  --framer-fresco-dropdownChevron-color:#999999;
  --framer-fresco-canvasCreatePreviewBorder-color:#0099ff;
  --framer-fresco-canvasSelectionRectBackground-color:rgba(0, 153, 255, 0.1);
  --framer-fresco-canvasSelectionRectBorder-color:rgba(0, 153, 255, 0.5);
  --framer-fresco-canvasTooltipText-color:#ffffff;
  --framer-fresco-canvasTooltipBackground-color:#0099ff;
  --framer-fresco-canvasRelativeOverlayBackdrop-color:rgba(0, 153, 255, 0.25);
  --framer-fresco-canvasRelativeOverlaySmartComponentBackdrop-color:rgba(136, 85, 255, 0.15);
  --framer-fresco-floatingWindowToolbarIcon-color:#999999;
  --framer-fresco-modalBackground-color:#ffffff;
  --framer-fresco-modalBackgroundTransparent-color:rgba(255, 255, 255, 0);
  --framer-fresco-modalBackdrop-color:rgba(0, 0, 0, 0.4);
  --framer-fresco-modalTitle-color:#333333;
  --framer-fresco-modalSubtitle-color:#999999;
  --framer-fresco-modalDescription-color:#666666;
  --framer-fresco-modalCloseIcon-color:#999999;
  --framer-fresco-largeModalTitle-color:#000000;
  --framer-fresco-largeModalDescription-color:#333333;
  --framer-fresco-modalSeparator-color:rgba(0, 0, 0, 0.07);
  --framer-fresco-templateCardOutline-color:rgba(0, 0, 0, 0.05);
  --framer-fresco-variablesModalEmptyStateIcon-color:#aaaaaa;
  --framer-fresco-variableRowText-color:#666666;
  --framer-fresco-variableRowTextActive-color:#000000;
  --framer-fresco-variableRowDivider-color:#eeeeee;
  --framer-fresco-variableRowDividerSelected-color:#dddddd;
  --framer-fresco-variableRowDividerTitleBackground-color:#ffffff;
  --framer-fresco-collapsibleRowDivider-color:rgba(17, 17, 17, 0.07);
  --framer-fresco-collapsibleRowDividerSelected-color:#dddddd;
  --framer-fresco-buttonSheetPlainTitle-color:#333333;
  --framer-fresco-buttonSheetPlainDescription-color:#888888;
  --framer-fresco-buttonSheetPlainIconColor-color:#999999;
  --framer-fresco-buttonSheetPlainBorderBottom-color:rgba(17, 17, 17, 0.05);
  --framer-fresco-cmsBadgeBackgroundDisabled-color:#999999;
  --framer-fresco-cmsBadgeTextDisabled-color:#ffffff;
  --framer-fresco-buttonBackground-color:#f3f3f3;
  --framer-fresco-buttonBackgroundHover-color:#eeeeee;
  --framer-fresco-buttonText-color:#333333;
  --framer-fresco-buttonTextActive-color:#222222;
  --framer-fresco-buttonBackgroundPrimary-color:#0099ff;
  --framer-fresco-buttonBackgroundPrimaryHover-color:#0088ff;
  --framer-fresco-buttonBackgroundPrimaryActive-color:#0077FF;
  --framer-fresco-buttonTextPrimary-color:#ffffff;
  --framer-fresco-buttonBackgroundDestructive-color:#ff3366;
  --framer-fresco-buttonBackgroundDestructiveHover-color:#ee2255;
  --framer-fresco-buttonTextDestructive-color:#ffffff;
  --framer-fresco-buttonBackgroundDestructiveSecondary-color:rgba(255, 51, 102, 0.1);
  --framer-fresco-buttonBackgroundDestructiveSecondaryHover-color:rgba(255, 51, 102, 0.15);
  --framer-fresco-buttonTextDestructiveSecondary-color:#ee2255;
  --framer-fresco-buttonLinkLined-color:#222222;
  --framer-fresco-buttonLinkLinedSecondary-color:rgba(0, 0, 0, 0.15);
  --framer-fresco-buttonLinkLinedHover-color:#222222;
  --framer-fresco-buttonCellBackground-color:#f3f3f3;
  --framer-fresco-buttonCellBackgroundHover-color:#eeeeee;
  --framer-fresco-buttonWithDepthText-color:#222222;
  --framer-fresco-buttonWithDepthTextDisabled-color:#cccccc;
  --framer-fresco-buttonWithDepthBackground-color:#ffffff;
  --framer-fresco-buttonWithDepthBackgroundDisabled-color:#f3f3f3;
  --framer-fresco-buttonWithDepthBackgroundHover-color:#fafafa;
  --framer-fresco-buttonWithDepthShadow-color:0px 0px 0px 1px rgba(0, 0, 0, 0.02),0px 1px 0px 0px rgba(0, 0, 0, 0.05),0px 2px 4px 0px rgba(0, 0, 0, 0.1);
  --framer-fresco-buttonWithDepthPrimaryBackground-color:#0099ff;
  --framer-fresco-buttonWithDepthPrimaryBackgroundHover-color:#1188ff;
  --framer-fresco-buttonWithDepthPrimaryShadow-color:0px 1px 2px 0px rgba(0, 153, 255, 0.15),0px 2px 4px 0px rgba(0, 153, 255, 0.2);
  --framer-fresco-buttonWithDepthPrimaryShadowHover-color:0px 1px 2px 0px rgba(13, 144, 255, 0.15),0px 2px 4px 0px rgba(13, 144, 255, 0.2);
  --framer-fresco-buttonWithDepthPrimaryComponentShadow-color:0px 1px 2px 0px rgba(136, 85, 255, 0.15),0px 2px 4px 0px rgba(136, 85, 255, 0.2);
  --framer-fresco-buttonWithDepthDestructiveBackground-color:#ff3366;
  --framer-fresco-buttonWithDepthDestructiveBackgroundHover-color:#e15;
  --framer-fresco-buttonWithDepthDestructiveShadow-color:0 2px 4px 0 rgba(255, 51, 102, 0.3);
  --framer-fresco-rowOverlayButtonBackground-color:#eeeeee;
  --framer-fresco-rowOverlayButtonBackgroundHover-color:#e3e3e3;
  --framer-fresco-rowOverlayButtonBackgroundActive-color:#dddddd;
  --framer-fresco-tabBarText-color:#888888;
  --framer-fresco-electronTabBarBackground-color:#f3f3f3;
  --framer-fresco-electronTabBarBackgroundActive-color:#ffffff;
  --framer-fresco-electronTabBarBorder-color:#e6e6e6;
  --framer-fresco-electronTabBarText-color:#888888;
  --framer-fresco-electronTabBarTextActive-color:#333333;
  --framer-fresco-inputBackground-color:#f3f3f3;
  --framer-fresco-inputBorder-color:transparent;
  --framer-fresco-inputBorderError-color:#ff3366;
  --framer-fresco-inputBorderWarning-color:#FFBB00;
  --framer-fresco-inputBorderActive-color:#0099ff;
  --framer-fresco-inputText-color:#333333;
  --framer-fresco-inputTextActive-color:#000000;
  --framer-fresco-inputTextError-color:#ff3366;
  --framer-fresco-inputTextDisabled-color:#bbbbbb;
  --framer-fresco-inputTextDisabledSelected-color:#999999;
  --framer-fresco-inputPlaceholder-color:#999999;
  --framer-fresco-inputLabel-color:#999999;
  --framer-fresco-inputLabelDisabled-color:#dddddd;
  --framer-fresco-inputIcon-color:#999999;
  --framer-fresco-inputIconHover-color:#888888;
  --framer-fresco-inputIconDisabled-color:#bbbbbb;
  --framer-fresco-sitesSettingsInputLabel-color:#666666;
  --framer-fresco-sitesSettingsInputBackground-color:#f3f3f3;
  --framer-fresco-sitesSettingsInputBackgroundDisabled-color:#e6e6e6;
  --framer-fresco-sitesSettingsInputColorDisabled-color:#999999;
  --framer-fresco-comboBoxSectionText-color:#222222;
  --framer-fresco-multiComboBoxTokenBackground-color:#ffffff;
  --framer-fresco-multiComboBoxTokenBackgroundHover-color:#fafafa;
  --framer-fresco-comboBoxHighlightedRowTint-color:#0099ff;
  --framer-fresco-comboBoxHighlightedRowText-color:#ffffff;
  --framer-fresco-comboBoxMenuBackground-color:#ffffff;
  --framer-fresco-comboBoxItemIcon-color:#999999;
  --framer-fresco-comboBoxHighlightUnsaturated-color:#f2f2f2;
  --framer-fresco-pillBackground-color:rgba(0, 0, 0, 0.05);
  --framer-fresco-pillBorder-color:rgba(0, 0, 0, 0.1);
  --framer-fresco-pillText-color:#777777;
  --framer-fresco-pillIcon-color:#999999;
  --framer-fresco-pillTintBackground-color:rgba(0, 153, 255, 0.1);
  --framer-fresco-pillTintBorder-color:rgba(0, 153, 255, 0.2);
  --framer-fresco-pillTintText-color:#0099ff;
  --framer-fresco-pillTintIcon-color:#0099ff;
  --framer-fresco-pillSuccessBackground-color:rgba(0, 187, 136, 0.1);
  --framer-fresco-pillSuccessText-color:#00BB88;
  --framer-fresco-pillSuccessIcon-color:#00BB88;
  --framer-fresco-comboBoxMenuBackgroundUnsaturated-color:#ffffff;
  --framer-fresco-comboBoxClearButton-color:#222222;
  --framer-fresco-comboBoxClearButtonHover-color:#222222;
  --framer-fresco-iconPadlock-color:#bbbbbb;
  --framer-fresco-padLockConnector-color:#dddddd;
  --framer-fresco-popoverBackground-color:#ffffff;
  --framer-fresco-popoverDivider-color:#eeeeee;
  --framer-fresco-popoverText-color:#333333;
  --framer-fresco-popoverDescription-color:#aaa;
  --framer-fresco-popoverDescriptionIcon-color:#aaa;
  --framer-fresco-invitePopoverSendButtonBackground-color:rgba(0, 0, 0, 0.08);
  --framer-fresco-invitePopoverSendButtonText-color:#888888;
  --framer-fresco-popupButtonBackground-color:#f3f3f3;
  --framer-fresco-popupButtonBorder-color:transparent;
  --framer-fresco-popupButtonText-color:#333333;
  --framer-fresco-popupButtonIcon-color:#999999;
  --framer-fresco-popupButtonIconDisabled-color:#bbbbbb;
  --framer-fresco-popupButtonPreviewIconBackground-color:#ffffff;
  --framer-fresco-popupButtonPreviewIconPrimary-color:#222222;
  --framer-fresco-popupButtonPreviewIconSecondary-color:#cccccc;
  --framer-fresco-popupButtonWarningText-color:#ffffff;
  --framer-fresco-popupButtonWarningBackground-color:#FFBB00;
  --framer-fresco-popoutButtonTextPlaceholder-color:#999999;
  --framer-fresco-popoutButtonTextDisabled-color:#cccccc;
  --framer-fresco-popoutButtonCursorPlaceholder-color:#cccccc;
  --framer-fresco-popoutButtonCursorIconBackground-color:#dddddd;
  --framer-fresco-popoutButtonCursorIcon-color:rgba(0, 0, 0, 0.25);
  --framer-fresco-popoutButtonCursorBorder-color:rgba(0, 0, 0, 0.05);
  --framer-fresco-radioButtonBackground-color:#f5f5f5;
  --framer-fresco-radioButtonBackgroundHover-color:#f5f5f5;
  --framer-fresco-radioButtonLabel-color:#333333;
  --framer-fresco-radioButtonDescription-color:#999999;
  --framer-fresco-radioButtonLabelDisabled-color:#cccccc;
  --framer-fresco-segmentedControlBackground-color:#f3f3f3;
  --framer-fresco-segmentedControlBackgroundDisabled-color:#f9f9f9;
  --framer-fresco-segmentedControlBorder-color:transparent;
  --framer-fresco-segmentedControlItemBackground-color:#f3f3f3;
  --framer-fresco-segmentedControlItemBackgroundActive-color:#eeeeee;
  --framer-fresco-segmentedControlItemBackgroundSelected-color:#ffffff;
  --framer-fresco-segmentedControlItemText-color:#999999;
  --framer-fresco-segmentedControlItemTextHover-color:#888888;
  --framer-fresco-segmentedControlItemTextSelected-color:#0099ff;
  --framer-fresco-segmentedControlItemTextSelectedHover-color:#0088ff;
  --framer-fresco-segmentedControlDivider-color:#e6e6e6;
  --framer-fresco-segmentedControlItemTextSelectedUnsaturated-color:#222222;
  --framer-fresco-tabsText-color:#999999;
  --framer-fresco-tabsTextSelected-color:#222222;
  --framer-fresco-tabsBackgroundSelected-color:#f3f3f3;
  --framer-fresco-sliderKnob-color:#ffffff;
  --framer-fresco-sliderTrack-color:#dddddd;
  --framer-fresco-sliderTrackActive-color:#0099ff;
  --framer-fresco-sliderTrackDisabled-color:#eeeeee;
  --framer-fresco-spinnerBackground-color:#000000;
  --framer-fresco-presetIcon-color:#222222;
  --framer-fresco-presetSelectedColor-color:#000000;
  --framer-fresco-presetSelectedBackground-color:#f3f3f3;
  --framer-fresco-alternativePresetIcon-color:#0099ff;
  --framer-fresco-alternativePresetSelectedColor-color:#0099ff;
  --framer-fresco-alternativePresetSelectedBackground-color:rgba(0, 153, 255, 0.1);
  --framer-fresco-assetStyleIcon-color:#0099ff;
  --framer-fresco-assetComponentIcon-color:#8855ff;
  --framer-fresco-assetCodeFileIcon-color:#999999;
  --framer-fresco-assetSelectedColor-color:#000000;
  --framer-fresco-assetSelectedBackground-color:#f3f3f3;
  --framer-fresco-gradientStopSliderBorder-color:rgba(0, 0, 0, 0.05);
  --framer-fresco-formRedirectLinkIcon-color:#cccccc;
  --framer-fresco-colorStyleBorder-color:#000000;
  --framer-fresco-colorStyleDisabled-color:rgba(0, 0, 0, 0.04);
  --framer-fresco-maskEmptyGradientStop1-color:#f3f3f3;
  --framer-fresco-maskEmptyGradientStop2-color:#cccccc;
  --framer-fresco-swatchBorder-color:rgba(0, 0, 0, 0.1);
  --framer-fresco-swatchBorderPlaceholder-color:rgba(0, 0, 0, 0.05);
  --framer-fresco-swatchBackground-color:#e6e6e6;
  --framer-fresco-swatchBackgroundPlaceholderForFill-color:#ffffff;
  --framer-fresco-swatchBackgroundPlaceholderForBorder-color:#cccccc;
  --framer-fresco-swatchBackgroundPlaceholderForLink-color:#cccccc;
  --framer-fresco-swatchBackgroundForLink-color:#0099ff;
  --framer-fresco-swatchBackgroundPlaceholderForFile-color:#cccccc;
  --framer-fresco-swatchBackgroundPlaceholderForShadow-color:rgba(221, 221, 221, 0.5);
  --framer-fresco-swatchBackgroundForComputedValue-color:rgba(255, 255, 255, 0.2);
  --framer-fresco-swatchOverlappingBorder-color:rgba(255, 255, 255, 0.9);
  --framer-fresco-checkboxBackground-color:#f5f5f5;
  --framer-fresco-checkboxBackgroundActive-color:#f5f5f5;
  --framer-fresco-checkboxBackgroundChecked-color:#0099ff;
  --framer-fresco-checkboxBackgroundCheckedActive-color:#0088ff;
  --framer-fresco-checkboxDarkerBackgroundChecked-color:#222222;
  --framer-fresco-checkboxDarkerBackgroundCheckedActive-color:#222222;
  --framer-fresco-checkboxLabel-color:#333333;
  --framer-fresco-checkboxLabelDisabled-color:#cccccc;
  --framer-fresco-checkboxStroke-color:#ffffff;
  --framer-fresco-checkboxDarkerStroke-color:#ffffff;
  --framer-fresco-moreInfoText-color:#333333;
  --framer-fresco-moreInfoDisclosureIcon-color:#aaaaaa;
  --framer-fresco-toggleBackground-color:#eeeeee;
  --framer-fresco-toggleBackgroundChecked-color:#0099ff;
  --framer-fresco-toggleBackgroundDisabled-color:#f3f3f3;
  --framer-fresco-toggleTack-color:linear-gradient(
      0deg,
      #fafafa 0%,
      #ffffff 100%);
  --framer-fresco-toggleTackDisabled-color:#ffffff;
  --framer-fresco-toggleTackBorder-color:rgba(0, 0, 0, 0.05);
  --framer-fresco-toggleTackBorderDisabled-color:transparent;
  --framer-fresco-codeEditorBackground-color:#fdfdfd;
  --framer-fresco-codeEditorInsideModalBackground-color:#f3f3f3;
  --framer-fresco-codeEditorDisabledBackground-color:#e6e6e6;
  --framer-fresco-toolbarIcon-color:#888888;
  --framer-fresco-toolbarIconHover-color:#777777;
  --framer-fresco-toolbarIconActive-color:#0099ff;
  --framer-fresco-toolbarTitleText-color:#888888;
  --framer-fresco-toolbarInputText-color:#333333;
  --framer-fresco-toolbarCmsMobileTitle-color:#333333;
  --framer-fresco-textAreaScrollbar-color:#cccccc;
  --framer-fresco-projectBarButtonBackground-color:#f3f3f3;
  --framer-fresco-projectBarButtonBackgroundHover-color:#eeeeee;
  --framer-fresco-projectBarButtonBackgroundActive-color:#ffffff;
  --framer-fresco-projectBarButtonBorderActive-color:transparent;
  --framer-fresco-projectBarButtonTextWarning-color:#FFAA00;
  --framer-fresco-toolbarLeftPanelToggleText-color:#999999;
  --framer-fresco-toolbarLeftPanelToggleTextActive-color:#333333;
  --framer-fresco-toolbarButtonTextSites-color:#888888;
  --framer-fresco-toolbarButtonIconSites-color:#888888;
  --framer-fresco-toolbarButtonTextActiveSites-color:#222222;
  --framer-fresco-toolbarButtonBackgroundActiveSites-color:#f3f3f3;
  --framer-fresco-toolbarButtonBackgroundTintedSites-color:color(display-p3 0 0.6 1 / 0.1);
  --framer-fresco-toolbarPreviewCloseButtonSites-color:#888888;
  --framer-fresco-toolbarSettingsButtonTextSites-color:#333333;
  --framer-fresco-toolbarSettingsButtonTextSecondarySites-color:#999999;
  --framer-fresco-toolbarSettingsButtonTextActiveSites-color:#ffffff;
  --framer-fresco-toolbarSettingsButtonBackgroundActiveSites-color:#222222;
  --framer-fresco-toolbarInviteBadgeBackgroundHover-color:#e3e3e3;
  --framer-fresco-projectBarTitleBackgroundActive-color:transparent;
  --framer-fresco-breadcrumbItemText-color:#888888;
  --framer-fresco-breadcrumbItemBackground-color:rgba(0, 0, 0, 0.05);
  --framer-fresco-breadcrumbItemBackgroundTinted-color:color(display-p3 0 0.6 1 / 0.1);
  --framer-fresco-breadcrumbOverlayPlayButton-color:#AD89FF;
  --framer-fresco-breadcrumbDraftBadgeText-color:#ffffff;
  --framer-fresco-educationButtonBackground-color:rgba(17, 17, 17, 0.05);
  --framer-fresco-educationButtonText-color:#999999;
  --framer-fresco-menuBackground-color:#ffffff;
  --framer-fresco-menuBackgroundActive-color:#0099ff;
  --framer-fresco-menuBackgroundActiveUnsaturated-color:#f2f2f2;
  --framer-fresco-menuItemWithSubmenuBackgroundActive-color:#f3f3f3;
  --framer-fresco-menuText-color:#222222;
  --framer-fresco-menuTextDisabled-color:rgba(34, 34, 34, 0.4);
  --framer-fresco-menuTextActive-color:#ffffff;
  --framer-fresco-menuTextActiveUnsaturated-color:#222222;
  --framer-fresco-menuDescription-color:#999999;
  --framer-fresco-menuDescriptionActive-color:rgba(255, 255, 255, 0.8);
  --framer-fresco-menuSeparator-color:#eeeeee;
  --framer-fresco-menuBadgeBackground-color:rgba(136, 136, 136, 0.15);
  --framer-fresco-menuBadgeBorder-color:transparent;
  --framer-fresco-menuBadgeColor-color:#888888;
  --framer-fresco-menuBadgeBackgroundActive-color:rgba(255, 255, 255, 0.3);
  --framer-fresco-menuBadgeColorActive-color:#ffffff;
  --framer-fresco-menuCheckbox-color:#222222;
  --framer-fresco-menuCheckboxActive-color:#ffffff;
  --framer-fresco-menuCheckboxDisabled-color:rgba(34, 34, 34, 0.3);
  --framer-fresco-menuCaretActive-color:#ffffff;
  --framer-fresco-menuIcon-color:rgba(34, 34, 34, 0.4);
  --framer-fresco-menuTextChecked-color:#222222;
  --framer-fresco-menuCaretChecked-color:rgba(34, 34, 34, 0.4);
  --framer-fresco-contextMenuButtonBackgroundHover-color:#f2f2f2;
  --framer-fresco-contextMenuButtonIcon-color:#999999;
  --framer-fresco-contextMenuButtonIconHover-color:#333333;
  --framer-fresco-pageRowTextActive-color:#000000;
  --framer-fresco-pageRowBackgroundActive-color:#f3f3f3;
  --framer-fresco-pageIconSelected-color:#222222;
  --framer-fresco-collapsibleCaret-color:#aaaaaa;
  --framer-fresco-collapsibleCaretActive-color:#666666;
  --framer-fresco-pageContextMenuButtonIcon-color:#999999;
  --framer-fresco-pageContextMenuButtonIconSelected-color:#666666;
  --framer-fresco-pageContextMenuButtonIconHover-color:#222222;
  --framer-fresco-pageFolderIconFill-color:rgba(153, 153, 153, 0.15);
  --framer-fresco-layerItemTextDimmed-color:rgba(102, 102, 102, 0.8);
  --framer-fresco-layerItemTextInactive-color:rgba(0, 0, 0, 0.5);
  --framer-fresco-layerItemTextInactiveSelected-color:rgba(255, 255, 255, 0.5);
  --framer-fresco-layerItemIcon-color:#999999;
  --framer-fresco-layerItemIconDimmed-color:#9aacc0;
  --framer-fresco-layerItemIconComponentDimmed-color:#86829a;
  --framer-fresco-layerItemIconInactive-color:#bbbbbb;
  --framer-fresco-layerItemIconInactiveSelected-color:#bbbbbb;
  --framer-fresco-layerItemPlaceholderText-color:#999999;
  --framer-fresco-layerItemComponentLabel-color:#aaaaaa;
  --framer-fresco-layerItemComponentLabelSelected-color:#ffffff;
  --framer-fresco-layerItemAgentContextToolHighlightBackground-color:rgba(0, 153, 255, 0.05);
  --framer-fresco-layerItemAgentContextToolHighlightBorder-color:rgba(0, 153, 255, 0.1);
  --framer-fresco-layoutPinBackground-color:#bbbbbb;
  --framer-fresco-canvasBackground-color:#eeeeee;
  --framer-fresco-canvasComponentOverlayEditModeBackground-color:#E8DDFF;
  --framer-fresco-canvasFrameTitle-color:#bbbbbb;
  --framer-fresco-canvasFrameOutline-color:#cccccc;
  --framer-fresco-canvasFramePreview-color:rgba(0, 0, 0, 0.03);
  --framer-fresco-canvasFramePreviewOutline-color:rgba(0, 0, 0, 0.1);
  --framer-fresco-canvasConnectionLine-color:#bbbbbb;
  --framer-fresco-canvasArrowInactive-color:#cccccc;
  --framer-fresco-canvasSuggestionOutline-color:rgba(0, 0, 0, 0.05);
  --framer-fresco-canvasSuggestionBackground-color:rgba(0, 0, 0, 0.04);
  --framer-fresco-canvasSuggestionText-color:#999999;
  --framer-fresco-canvasOverlayTriggerOutline-color:rgba(0, 153, 255, 0.5);
  --framer-fresco-canvasOverlayTriggerBackground-color:rgba(0, 153, 255, 0.2);
  --framer-fresco-canvasComponentOverlayTriggerOutline-color:rgba(136, 85, 255, 0.4);
  --framer-fresco-canvasComponentOverlayTriggerBackground-color:rgba(136, 85, 255, 0.2);
  --framer-fresco-calendarBorder-color:#eeeeee;
  --framer-fresco-calendarIcon-color:#888888;
  --framer-fresco-calendarTextHeader-color:#333333;
  --framer-fresco-calendarTextMedium-color:#888888;
  --framer-fresco-calendarTextHover-color:#222222;
  --framer-fresco-calendarHover-color:#f3f3f3;
  --framer-fresco-calendarPrimary-color:#0099ff;
  --framer-fresco-calendarText-color:#ffffff;
  --framer-fresco-rulerBackground-color:#e6e6e6;
  --framer-fresco-rulerBorderColor-color:#dddddd;
  --framer-fresco-rulerTickColor-color:#cccccc;
  --framer-fresco-rulerTextColor-color:#aaaaaa;
  --framer-fresco-rulerFadeOut-color:rgba(229, 229, 229, 0);
  --framer-fresco-rulerComponentOverlayEditModeBackground-color:#DFCEFF;
  --framer-fresco-rulerComponentOverlayEditModeBorderColor-color:rgba(136, 85, 255, 0.1);
  --framer-fresco-rulerComponentOverlayEditModeTextColor-color:rgb(136, 85, 255);
  --framer-fresco-rulerComponentOverlayEditModeTickColor-color:rgb(136, 85, 255);
  --framer-fresco-rulerComponentOverlayEditModeFadeOut-color:rgba(136, 85, 255, 0);
  --framer-fresco-guideColor-color:#00E4F5;
  --framer-fresco-guideHighlightColor-color:#0099ff;
  --framer-fresco-guideComponentHighlightColor-color:#8855ff;
  --framer-fresco-selectionBox-color:rgba(125,125,125,.03);
  --framer-fresco-selectionBoxOutline-color:rgba(125,125,125,0.3);
  --framer-fresco-selectionBoxBackground-color:rgba(0, 153, 255, 0.2);
  --framer-fresco-selectionBoxComponentBackground-color:rgba(136, 85, 255,0.2);
  --framer-fresco-snapLine-color:#FF5AAA;
  --framer-fresco-snapConstraint-color:#FFD700;
  --framer-fresco-textEditorOutline-color:#cccccc;
  --framer-fresco-error-color:#EE4444;
  --framer-fresco-errorText-color:#ffffff;
  --framer-fresco-fatalErrorText-color:#000000;
  --framer-fresco-codeExportPanelFadeOut-color:rgba(255, 255, 255, 0);
  --framer-fresco-codeExportPanelSelection-color:rgba(229, 229, 229, 0.99);
  --framer-fresco-codeExportChipBackground-color:rgba(255, 215, 6, 0.16);
  --framer-fresco-previewSpinnerBackground-color:#000000;
  --framer-fresco-previewEmptyDocumentText-color:#888888;
  --framer-fresco-previewResizeHandles-color:rgba(0, 0, 0, 0.1);
  --framer-fresco-previewResizeHandlesHover-color:rgba(0, 0, 0, 0.15);
  --framer-fresco-tooltipBackground-color:#999999;
  --framer-fresco-tooltipText-color:#ffffff;
  --framer-fresco-tooltipIcon-color:#bbbbbb;
  --framer-fresco-tooltipIconHover-color:#999999;
  --framer-fresco-tooltipBackdrop-color:rgba(0, 0, 0, 0.1);
  --framer-fresco-tooltipInsert-color:#ffffff;
  --framer-fresco-tooltipShortcutBorder-color:rgba(0, 0, 0, 0.08);
  --framer-fresco-tooltipShortcutBackground-color:rgba(0, 0, 0, 0.04);
  --framer-fresco-tooltipShortcutText-color:#999999;
  --framer-fresco-badgeBackground-color:rgba(0, 153, 255, 0.15);
  --framer-fresco-warningBadgeBackground-color:rgba(255, 170, 0, 0.15);
  --framer-fresco-errorBadgeBackground-color:rgba(255, 51, 85, 0.15);
  --framer-fresco-neutralBadgeBackground-color:rgba(102, 102, 102, 0.1);
  --framer-fresco-neutralBadgeColor-color:#666666;
  --framer-fresco-timeBadgeBackground-color:rgba(170, 170, 170, 0.15);
  --framer-fresco-highlightBadgeBackground-color:rgba(255, 255, 255, 0.3);
  --framer-fresco-domainVoucherBadgeIconBackground-color:rgba(0, 153, 255, 0.1);
  --framer-fresco-inactiveAvatarBackground-color:#888888;
  --framer-fresco-countLabelBackground-color:#f3f3f3;
  --framer-fresco-countLabelText-color:rgba(51, 51, 51, 0.5);
  --framer-fresco-feedbackSidebarBackground-color:#ffffff;
  --framer-fresco-feedbackPrimaryText-color:#333333;
  --framer-fresco-feedbackSecondaryText-color:#999999;
  --framer-fresco-feedbackTertiaryText-color:#666666;
  --framer-fresco-feedbackFormButtonBackground-color:#f3f3f3;
  --framer-fresco-feedbackFormButtonFloatingBackground-color:#f3f3f3;
  --framer-fresco-feedbackFormButtonFill-color:#999999;
  --framer-fresco-feedbackFormButtonSubmitFocus-color:#0066ff;
  --framer-fresco-feedbackFormButtonFocus-color:#eeeeee;
  --framer-fresco-feedbackFormBackground-color:#ffffff;
  --framer-fresco-feedbackFormPlaceholder-color:#999999;
  --framer-fresco-feedbackDivider-color:#eeeeee;
  --framer-fresco-feedbackLabelBackground-color:#f5f5f5;
  --framer-fresco-feedbackHasRepliesBackground-color:rgba(0, 153, 255, 0.1);
  --framer-fresco-feedbackDisclosureBackground-color:#ffffff;
  --framer-fresco-feedbackDisclosureFill-color:#999999;
  --framer-fresco-feedbackPinShadow-color:rgba(0, 0, 0, 0.1);
  --framer-fresco-emptyStateIcon-color:#999999;
  --framer-fresco-emptyStateCardBackground-color:#f5f5f5;
  --framer-fresco-emptyStateTitle-color:#222222;
  --framer-fresco-emptyStateBodyText-color:#666666;
  --framer-fresco-emptyStateBodyTextForAdvancedHosting-color:#999999;
  --framer-fresco-emptyStateBodyTextForSites-color:#999999;
  --framer-fresco-emptyStateInputShape-color:#f7f7f7;
  --framer-fresco-emptyStateTextShape-color:#f3f3f3;
  --framer-fresco-errorStateIconColor-color:#999999;
  --framer-fresco-errorStateCodeText-color:#666666;
  --framer-fresco-errorStateCodeBackground-color:#f5f5f5;
  --framer-fresco-errorStateTitleText-color:#333333;
  --framer-fresco-errorStateDescriptionText-color:#666666;
  --framer-fresco-dashboardHeadingLink-color:#888888;
  --framer-fresco-dashboardHeadingLinkHover-color:#333333;
  --framer-fresco-dashboardItemIcon-color:#333333;
  --framer-fresco-dashboardSearchPlaceholder-color:#999999;
  --framer-fresco-dashboardMoreButtonIcon-color:#999999;
  --framer-fresco-dashboardEmptyState-color:#fafafa;
  --framer-fresco-dashboardEmptyStateTitle-color:#222222;
  --framer-fresco-dashboardEmptyStateSubtitle-color:#999999;
  --framer-fresco-dashboardCardInfoText-color:#333333;
  --framer-fresco-dashboardCardInfoSpanText-color:rgba(0, 0, 0, 0.3);
  --framer-fresco-dashboardContentBackground-color:#ffffff;
  --framer-fresco-nonFullWidthDashboardContentBackground-color:#ffffff;
  --framer-fresco-dashboardProjectThumbnailPlaceholderLogo-color:#999999;
  --framer-fresco-dashboardCustomThumbnailButton-color:rgba(0, 0, 0, 0.05);
  --framer-fresco-dashboardCustomThumbnailButtonHover-color:rgba(0, 0, 0, 0.07);
  --framer-fresco-dashboardCustomThumbnailButtonActive-color:rgba(0, 0, 0, 0.09);
  --framer-fresco-dashboardSearchWorkspaceTitle-color:#333333;
  --framer-fresco-dashboardSearchWorkspaceTag-color:#999999;
  --framer-fresco-dashboardIcon-color:#666666;
  --framer-fresco-dashboardIconHover-color:#555555;
  --framer-fresco-dashboardProjectThumbnailBorder-color:rgba(0, 0, 0, 0.05);
  --framer-fresco-dashboardProjectThumbnailBackground-color:rgba(238, 238, 238, 0.3);
  --framer-fresco-dashboardProjectFocusedBorder-color:rgba(153, 153, 153, 0.5);
  --framer-fresco-dashboardSidebarBackground-color:#ffffff;
  --framer-fresco-dashboardSidebarTitle-color:#222222;
  --framer-fresco-dashboardSidebarText-color:#666666;
  --framer-fresco-dashboardSidebarTextDimmed-color:#aaaaaa;
  --framer-fresco-dashboardSidebarDivider-color:#eeeeee;
  --framer-fresco-dashboardSidebarActions-color:#999999;
  --framer-fresco-dashboardSidebarActive-color:#222222;
  --framer-fresco-dashboardSidebarActiveBackground-color:#f3f3f3;
  --framer-fresco-dashboardSidebarBorder-color:#eeeeee;
  --framer-fresco-dashboardSidebarIcon-color:#999999;
  --framer-fresco-dashboardSidebarIconHover-color:#888888;
  --framer-fresco-dashboardSidebarViewCount-color:#999999;
  --framer-fresco-dashboardSidebarInviteIcon-color:#999999;
  --framer-fresco-badgeFreeWorkspaceBackground-color:rgba(136, 136, 136, 0.15);
  --framer-fresco-badgeFreeWorkspaceText-color:#888888;
  --framer-fresco-badgeLiteWorkspaceText-color:#888888;
  --framer-fresco-badgeBasicWorkspaceBackground-color:rgba(0, 153, 255, 0.15);
  --framer-fresco-badgeBasicWorkspaceText-color:#0099ff;
  --framer-fresco-badgeEnterpriseWorkspaceBackground-color:rgba(136, 136, 136, 0.15);
  --framer-fresco-badgeEnterpriseWorkspaceText-color:#888888;
  --framer-fresco-badgeLegacyWorkspaceBackground-color:rgba(136, 136, 136, 0.15);
  --framer-fresco-badgeLegacyWorkspaceText-color:#888888;
  --framer-fresco-badgeGuestWorkspaceBackground-color:rgba(136, 136, 136, 0.15);
  --framer-fresco-badgeGuestWorkspaceText-color:#888888;
  --framer-fresco-badgeBusinessWorkspaceBackground-color:rgba(153, 102, 255, 0.15);
  --framer-fresco-badgeBusinessWorkspaceText-color:#9966ff;
  --framer-fresco-badgeTeamEditorWorkspaceBackground-color:rgba(0, 153, 255, 0.15);
  --framer-fresco-badgeTeamEditorWorkspaceText-color:#0099ff;
  --framer-fresco-projectMenuButtonBackground-color:#ffffff;
  --framer-fresco-projectMenuButtonText-color:#222222;
  --framer-fresco-customSearchBackground-color:#f3f3f3;
  --framer-fresco-customSearchText-color:#999999;
  --framer-fresco-customSearchTextWhileTyping-color:#000000;
  --framer-fresco-dashboardInfoBannerColor-color:#333333;
  --framer-fresco-dashboardInfoBannerBackground-color:#f3f3f3;
  --framer-fresco-dashboardInfoBannerButton-color:#ffffff;
  --framer-fresco-dashboardInfoBannerButtonHover-color:#fafafa;
  --framer-fresco-advancedHostingBackground-color:#ffffff;
  --framer-fresco-advancedHostingTitle-color:#222222;
  --framer-fresco-advancedHostingSubheading-color:#888888;
  --framer-fresco-advancedHostingDescription-color:#999999;
  --framer-fresco-advancedHostingText-color:#666666;
  --framer-fresco-advancedHostingTableHeader-color:#999999;
  --framer-fresco-advancedHostingBorder-color:#eeeeee;
  --framer-fresco-advancedHostingTableIcon-color:#999999;
  --framer-fresco-advancedHostingTableDragHandle-color:#cccccc;
  --framer-fresco-advancedHostingFilterColor-color:#999999;
  --framer-fresco-advancedHostingConnectionLabelBackground-color:rgba(0, 153, 255, 0.15);
  --framer-fresco-advancedHostingConnectionLabelText-color:#0099ff;
  --framer-fresco-advancedHostingPendingLabelBackground-color:rgba(153, 153, 153, 0.15);
  --framer-fresco-advancedHostingStatusBlockText-color:#666666;
  --framer-fresco-advancedHostingPendingLabelText-color:#999999;
  --framer-fresco-advancedHostingRowSubLabel-color:#999999;
  --framer-fresco-advancedHostingPreviewThumbnailBorder-color:rgba(0, 0, 0, 0.05);
  --framer-fresco-advancedHostingAnalyticsSubheading-color:#666666;
  --framer-fresco-advancedHostingAnalyticsGradientColor-color:#ffffff;
  --framer-fresco-advancedHostingTooltipTint-color:#0099ff;
  --framer-fresco-advancedHostingInfoIcon-color:#999999;
  --framer-fresco-advancedHostingInfoIconHover-color:#777777;
  --framer-fresco-advancedHostingToggleDescription-color:#666666;
  --framer-fresco-advancedHostingFileDeleteButton-color:#999999;
  --framer-fresco-advancedHostingFileDeleteButtonHover-color:#777777;
  --framer-fresco-upgradeFromDashboardLinkHover-color:#f6f6f6;
  --framer-fresco-settingsModalTeamMemberRole-color:#666666;
  --framer-fresco-settingsModalTeamSearchIcon-color:#666666;
  --framer-fresco-settingsModalTeamRegenerateLinkIcon-color:#666666;
  --framer-fresco-settingsModalText-color:#666666;
  --framer-fresco-settingsModalTextDimmed-color:#888888;
  --framer-fresco-settingsModalDivider-color:#f3f3f3;
  --framer-fresco-settingsModalLabel-color:#333333;
  --framer-fresco-settingsModalNavigationLink-color:#666666;
  --framer-fresco-settingsModalNavigationIcon-color:#999999;
  --framer-fresco-settingsModalNavigationLinkHover-color:#666666;
  --framer-fresco-settingsModalTitle-color:#000000;
  --framer-fresco-settingsModalPlanEmptyEditorsAvatar-color:#f3f3f3;
  --framer-fresco-settingsModalPlanEmptyEditorsAvatarText-color:#666666;
  --framer-fresco-settingsModalPlanCardBackground-color:#f3f3f3;
  --framer-fresco-settingsModalFontDeleteIcon-color:#666666;
  --framer-fresco-settingsModalTeamSearchFilterButtonActiveBackground-color:#333333;
  --framer-fresco-settingsModalTeamSearchFilterButtonActiveText-color:#ffffff;
  --framer-fresco-settingsModalTeamSearchFilterTagBackground-color:#f5f5f5;
  --framer-fresco-settingsModalTeamSearchFilterTagText-color:#333333;
  --framer-fresco-settingsModalPlansEditorsCount-color:#999999;
  --framer-fresco-settingsModalPlanMoreButton-color:#888888;
  --framer-fresco-settingsModalTitleBorder-color:#eeeeee;
  --framer-fresco-settingsModalBillingDetails-color:#999999;
  --framer-fresco-settingsModalRemoveAvatarButton-color:#ffffff;
  --framer-fresco-settingsModalSessionsIcons-color:#cccccc;
  --framer-fresco-settingsModalCancelIcon-color:#999999;
  --framer-fresco-settingsHeaderText-color:#999999;
  --framer-fresco-selectProjectToUpgradeModalHover-color:#f3f3f3;
  --framer-fresco-selectProjectToUpgradePrimary-color:#222222;
  --framer-fresco-activeAccountSettingsLink-color:#333333;
  --framer-fresco-activeAccountSettingsBackground-color:#eeeeee;
  --framer-fresco-organizationTextDimmed-color:#666666;
  --framer-fresco-organizationMemberRowHover-color:#fafafa;
  --framer-fresco-organizationMemberDetailBackButton-color:#333333;
  --framer-fresco-organizationMemberDetailSubtitle-color:#333333;
  --framer-fresco-organizationInviteRoleMenu-color:#333333;
  --framer-fresco-organizationMemberName-color:#333333;
  --framer-fresco-organizationNoteBackground-color:#f3f3f3;
  --framer-fresco-organizationDetailTitle-color:#333333;
  --framer-fresco-confirmationModalDescription-color:#666666;
  --framer-fresco-buttonSheetBackground-color:#f3f3f3;
  --framer-fresco-buttonSheetDivider-color:#ebebeb;
  --framer-fresco-buttonSheetText-color:#8e8e8e;
  --framer-fresco-insertPanelNeutralIconBackground-color:#222222;
  --framer-fresco-insertPanelNeutralIconForeground-color:#ffffff;
  --framer-fresco-insertPanelGrayIcon-color:#999999;
  --framer-fresco-insertPanelOrangeIcon-color:#ff8822;
  --framer-fresco-insertPanelYellowIcon-color:#FFBB00;
  --framer-fresco-insertPanelCyanIcon-color:#28D4D4;
  --framer-fresco-insertPanelGreenIcon-color:#14D934;
  --framer-fresco-insertPanelRedIcon-color:#FF5D38;
  --framer-fresco-insertPanelPurpleIcon-color:#8855ff;
  --framer-fresco-insertPanelGridItem-color:#f3f3f3;
  --framer-fresco-insertPanelAgentCategoryIcon-color:#888888;
  --framer-fresco-insertPanelAgentCategoryIconBackgroundActive-color:rgba(0, 0, 0, 0.07);
  --framer-fresco-wireframerAssistantAvatarBackground-color:#000000;
  --framer-fresco-wireframerAssistantAvatarForeground-color:#ffffff;
  --framer-fresco-wireframerAssistantName-color:#222222;
  --framer-fresco-wireframerAssistantPlan-color:#999999;
  --framer-fresco-wireframerAssistantPlanActive-color:#222222;
  --framer-fresco-wireframerAssistantPlanDisabled-color:#666666;
  --framer-fresco-wireframerAssistantVideoLink-color:#222222;
  --framer-fresco-wireframerAssistantVideoLinkUnderline-color:rgba(34, 34, 34, 0.1);
  --framer-fresco-wireframerAssistantMessageSelection-color:rgba(0, 0, 0, 0.15);
  --framer-fresco-wireframerSendMessageButtonBackground-color:#222222;
  --framer-fresco-wireframerSendMessageButtonBackgroundDisabled-color:#999999;
  --framer-fresco-wireframerSendMessageButtonForeground-color:#ffffff;
  --framer-fresco-wireframerSendMessageButtonForegroundDisabled-color:#ffffff;
  --framer-fresco-wireframerSuggestionIcon-color:#999999;
  --framer-fresco-wireframerSuggestionIconHover-color:#000000;
  --framer-fresco-wireframerSuggestionButtonBackground-color:#ffffff;
  --framer-fresco-wireframerSuggestionButtonForeground-color:#666666;
  --framer-fresco-wireframerSuggestionButtonForegroundHover-color:#333333;
  --framer-fresco-wireframerSuggestionButtonBorder-color:rgba(0, 0, 0, 0.05);
  --framer-fresco-agentButtonPrimaryBackground-color:#222222;
  --framer-fresco-agentButtonPrimaryForeground-color:#ffffff;
  --framer-fresco-agentButtonSecondaryBackground-color:#f3f3f3;
  --framer-fresco-agentButtonSecondaryForeground-color:#222222;
  --framer-fresco-agentButtonTertiaryBackground-color:#f3f3f3;
  --framer-fresco-agentButtonTertiaryForeground-color:#999999;
  --framer-fresco-agentButtonOutlineBackground-color:#eeeeee;
  --framer-fresco-agentButtonOutlineForeground-color:#666666;
  --framer-fresco-agentButtonDisabledBackground-color:#f3f3f3;
  --framer-fresco-agentButtonDisabledForeground-color:#888888;
  --framer-fresco-agentButtonChatBackground-color:#e6e6e6;
  --framer-fresco-agentButtonChatForeground-color:#222222;
  --framer-fresco-agentButtonChatStopFill-color:rgba(34, 34, 34, 0.4);
  --framer-fresco-agentButtonChatDisabledForeground-color:#999999;
  --framer-fresco-agentButtonChatLabelForeground-color:#888888;
  --framer-fresco-agentContextUsageMeterProgress-color:#888888;
  --framer-fresco-agentContextUsageMeterTrack-color:rgba(0, 0, 0, 0.15);
  --framer-fresco-agentLogsText-color:#bbbbbb;
  --framer-fresco-agentLogsTextActive-color:#222222;
  --framer-fresco-agentLogsTextError-color:#666666;
  --framer-fresco-agentBorder-color:rgba(0, 0, 0, 0.05);
  --framer-fresco-agentDivider-color:rgba(0, 0, 0, 0.05);
  --framer-fresco-agentInput-color:#f3f3f3;
  --framer-fresco-agentFeedbackThreadBackground-color:#ffffff;
  --framer-fresco-agentFeedbackThreadBackgroundActive-color:#f5f5f5;
  --framer-fresco-agentFeedbackCommentPrimary-color:#222222;
  --framer-fresco-agentFeedbackCommentSecondary-color:#666666;
  --framer-fresco-agentFeedbackCommentTertiary-color:#999999;
  --framer-fresco-agentFeedbackThreadDivider-color:#eeeeee;
  --framer-fresco-agentFeedbackThreadReplyIconBorder-color:rgba(0, 0, 0, 0.08);
  --framer-fresco-agentFeedbackThreadReplyIcon-color:#999999;
  --framer-fresco-agentFeedbackThreadResolveForeground-color:#222222;
  --framer-fresco-agentError-color:#FF2200;
  --framer-fresco-agentSecondaryText-color:#999999;
  --framer-fresco-agentMessageText-color:#666666;
  --framer-fresco-agentMessageInlineCodeBackground-color:rgba(243, 243, 243, 0.5);
  --framer-fresco-agentMessageCodeBlockBackground-color:rgba(243, 243, 243, 0.4);
  --framer-fresco-agentMessageCodeText-color:#888888;
  --framer-fresco-agentMessageTimestamp-color:#bbbbbb;
  --framer-fresco-agentQuestionProgress-color:#999999;
  --framer-fresco-agentListItemText-color:#666666;
  --framer-fresco-agentListItemTextActive-color:#222222;
  --framer-fresco-agentListItemIcon-color:#999999;
  --framer-fresco-agentFileTagBackground-color:rgba(0, 0, 0, 0.05);
  --framer-fresco-agentFileTagBorder-color:rgba(0, 0, 0, 0.1);
  --framer-fresco-agentFileTagSecondaryText-color:#999999;
  --framer-fresco-agentFileTagPrimaryText-color:#222222;
  --framer-fresco-kitBadgeBackground-color:rgba(0, 153, 255, 0.05);
  --framer-fresco-kitBadgeForeground-color:#0099ff;
  --framer-fresco-defaultKitIconBackground-color:#ffffff;
  --framer-fresco-defaultKitIconForeground-color:#000000;
  --framer-fresco-defaultKitIconBorder-color:rgba(0, 0, 0, 0.05);
  --framer-fresco-kitsWelcomeModalText-color:#888888;
  --framer-fresco-dashboardTableBodyText-color:#333333;
  --framer-fresco-toastBackgroundPrimary-color:#0099ff;
  --framer-fresco-toastIcon-color:#888888;
  --framer-fresco-toastTextPrimary-color:#ffffff;
  --framer-fresco-toastBackgroundSites-color:#ffffff;
  --framer-fresco-toastText-color:#444444;
  --framer-fresco-toastSecondaryTextSites-color:#888888;
  --framer-fresco-toastIconSites-color:#0099ff;
  --framer-fresco-toastButtonBackgroundProminent-color:#ffffff;
  --framer-fresco-toastButtonBackgroundProminentHover-color:rgba(255, 255, 255, 0.9);
  --framer-fresco-expiredTrialBanner-color:#ffffff;
  --framer-fresco-stylesPresetsIconBackground-color:#cccccc;
  --framer-fresco-stylesPresetsIconText-color:#ffffff;
  --framer-fresco-stylesPresetsButtonBackground-color:#e3e3e3;
  --framer-fresco-stylesPresetsButtonBackgroundHover-color:#dddddd;
  --framer-fresco-shortcutsModalListTitle-color:#999999;
  --framer-fresco-shortcutsModalActionButton-color:#888888;
  --framer-fresco-shortcutsModalDivider-color:#eeeeee;
  --framer-fresco-shortcutsModalKeyBackground-color:#f3f3f3;
  --framer-fresco-loaderPrimary-color:#f3f3f3;
  --framer-fresco-loaderSecondary-color:#f5f5f5;
  --framer-fresco-upsellCTAText-color:#ffffff;
  --framer-fresco-upsellCTAButtonBackground-color:#ffffff;
  --framer-fresco-upsellCTAButtonBackgroundHover-color:#eeeeee;
  --framer-fresco-teamCreationModalBackground-color:#ffffff;
  --framer-fresco-teamCreationCloseIcon-color:#888888;
  --framer-fresco-teamCreationText-color:#333333;
  --framer-fresco-teamCreationTextDimmed-color:#666666;
  --framer-fresco-teamCreationNavigation-color:#dddddd;
  --framer-fresco-teamCreationNavigationActive-color:#0099ff;
  --framer-fresco-teamCreationBenefitIcon-color:#0099ff;
  --framer-fresco-teamCreationBenefitDivider-color:#eeeeee;
  --framer-fresco-errorBoundaryDescription-color:#999999;
  --framer-fresco-highlightsBorder-color:#0099ff;
  --framer-fresco-highlightsBackground-color:rgba(0, 153, 255, 0.2);
  --framer-fresco-aiHighlightBorder-color:#0099ff;
  --framer-fresco-aiHighlightPulseOn-color:rgba(0, 153, 255, 0.6);
  --framer-fresco-aiHighlightPulseOff-color:rgba(0, 153, 255, 0);
  --framer-fresco-onPageHighlightBorder-color:rgba(0, 153, 255, 0.8);
  --framer-fresco-onPageHighlightBorderDragging-color:rgba(0, 153, 255, 0.2);
  --framer-fresco-componentProgressOverlayBackground-color:#E6E2EF;
  --framer-fresco-componentProgressOverlayBorder-color:#E6E2EF;
  --framer-fresco-componentProgressOverlayTitle-color:#8855ff;
  --framer-fresco-statusBarStableText-color:#666666;
  --framer-fresco-statusBarCustomerIcon-color:#FFBB00;
  --framer-fresco-statusBarAlphaIcon-color:#0099ff;
  --framer-fresco-statusBarBetaIcon-color:#44dddd;
  --framer-fresco-statusBarDevelopmentIcon-color:#14d934;
  --framer-fresco-statusBarDevTunnelIcon-color:#ff5d38;
  --framer-fresco-statusBarProductionTunnelIcon-color:#ff3344;
  --framer-fresco-statusBarPreviewIcon-color:#a375ff;
  --framer-fresco-statusBarStableIcon-color:#666666;
  --framer-fresco-projectTransferModalText-color:#888888;
  --framer-fresco-userTestButtonBackground-color:#f3f3f3;
  --framer-fresco-userTestButtonBackgroundHover-color:#eeeeee;
  --framer-fresco-userTestText-color:#666666;
  --framer-fresco-userTestDivider-color:#eeeeee;
  --framer-fresco-informationIcon-color:#cccccc;
  --framer-fresco-stackGapHandleTint-color:#FF00F5;
  --framer-fresco-stackGapHandleBackground-color:rgba(255, 0, 245, 0.05);
  --framer-fresco-publishHostname-color:#666;
  --framer-fresco-publishHostnameHover-color:#333;
  --framer-fresco-publishDescription-color:#aaa;
  --framer-fresco-publishDescriptionHover-color:#888;
  --framer-fresco-publishWarning-color:#ffaa22;
  --framer-fresco-publishWarningHover-color:#ff9900;
  --framer-fresco-publishPopoverDivider-color:#eeeeee;
  --framer-fresco-publishChangeLogTitleLoading-color:#999999;
  --framer-fresco-publishPopoverInfoCardBackground-color:#f3f3f3;
  --framer-fresco-publishPopoverTooltipTitle-color:#222222;
  --framer-fresco-publishPopoverTooltipDescription-color:#999999;
  --framer-fresco-publishPopoverHostname-color:#444444;
  --framer-fresco-publishChangeLogIcon-color:#999999;
  --framer-fresco-publishChangeLogAvatarPlaceholder-color:#f3f3f3;
  --framer-fresco-miniPageLimitsTooltipButton-color:rgba(255, 255, 255, 0.2);
  --framer-fresco-miniPageLimitsTooltipButtonHover-color:rgba(255, 255, 255, 0.3);
  --framer-fresco-miniPageLimitsTooltipButtonActive-color:rgba(255, 255, 255, 0.1);
  --framer-fresco-openTypePopoutGradientColor-color:linear-gradient(
      
      to bottom,
      rgba(255, 255, 255, 0) 0%,
      rgba(255, 255, 255, 0.1) 20%,
      rgba(255, 255, 255, 0.3) 40%,
      rgba(255, 255, 255, 0.5) 60%,
      rgba(255, 255, 255, 0.7) 80%,
      rgba(255, 255, 255, 0.8) 100% );
  --framer-fresco-settingsPrimary-color:#222222;
  --framer-fresco-settingsSecondary-color:#666666;
  --framer-fresco-settingsTertiary-color:#888888;
  --framer-fresco-settingsText-color:#333333;
  --framer-fresco-settingsDescription-color:#666666;
  --framer-fresco-settingsContainerBackground-color:#ffffff;
  --framer-fresco-settingsContainerBorder-color:rgba(0, 0, 0, 0.05);
  --framer-fresco-settingsContainerTitle-color:#222222;
  --framer-fresco-settingsGridBorder-color:#eeeeee;
  --framer-fresco-settingsGridTitle-color:#666666;
  --framer-fresco-settingsGridContent-color:#666666;
  --framer-fresco-settingsGridDescription-color:#999999;
  --framer-fresco-settingsGridBackgroundActive-color:#f3f3f3;
  --framer-fresco-settingsPlaceholder-color:#bbbbbb;
  --framer-fresco-settingsImageBackground-color:#ffffff;
  --framer-fresco-settingsImagePreviewBorder-color:rgba(34, 34, 34, 0.1);
  --framer-fresco-settingsImageClearButtonBackground-color:#ffffff;
  --framer-fresco-settingsImageClearButtonForeground-color:#999999;
  --framer-fresco-settingsSearchResultPreviewBorder-color:#eeeeee;
  --framer-fresco-settingsSearchResultPreviewTitle-color:#1a0dab;
  --framer-fresco-settingsSearchResultPreviewDescription-color:#333333;
  --framer-fresco-settingsSearchResultPreviewDomain-color:#666666;
  --framer-fresco-settingsSocialPreviewDomain-color:#666666;
  --framer-fresco-settingsSocialPreviewTitle-color:#0099ff;
  --framer-fresco-settingsSocialPreviewDescription-color:#999999;
  --framer-fresco-settingsFormsSectionDescription-color:#666666;
  --framer-fresco-settingsFormsUsageDescription-color:#999999;
  --framer-fresco-siteSettingsBorderSectionDivider-color:#eeeeee;
  --framer-fresco-dnsTableHeaderBackground-color:rgba(119, 119, 119, 0.07);
  --framer-fresco-dnsTableHeaderText-color:#333333;
  --framer-fresco-dnsTableBorder-color:rgba(0, 0, 0, 0.08);
  --framer-fresco-dnsTableText-color:#666666;
  --framer-fresco-dnsTableIcon-color:#999999;
  --framer-fresco-dnsTableNotAddedLabel-color:rgba(102, 102, 102, 0.1);
  --framer-fresco-dnsTableNotAddedText-color:rgb(102, 102, 102);
  --framer-fresco-dnsTableConnectedLabel-color:rgba(0, 153, 255, 0.1);
  --framer-fresco-dnsTableConnectedText-color:rgb(0, 153, 255);
  --framer-fresco-conflictsTableHeaderBackground-color:rgba(255, 187, 0, 0.15);
  --framer-fresco-conflictsTableHeaderText-color:#FFBB00;
  --framer-fresco-conflictsTableStatusLabelBackground-color:rgba(255, 187, 0, 0.15);
  --framer-fresco-conflictsTableStatusLabelText-color:#FFBB00;
  --framer-fresco-breakpointTitle-color:#999999;
  --framer-fresco-breakpointTitleBackground-color:rgba(153, 153, 153, 0.1);
  --framer-fresco-breakpointTitleBackgroundPrimary-color:color(display-p3 0 0.6 1 / 0.1);
  --framer-fresco-breakpointPlayButtonBackground-color:#999999;
  --framer-fresco-breakpointCreationButtonBackground-color:rgba(153, 153, 153, 0.15);
  --framer-fresco-breakpointBarActionSurface-color:rgba(0, 0, 0, 0.07);
  --framer-fresco-breakpointCreationButtonBackgroundPrimary-color:rgba(0, 153, 255, 0.15);
  --framer-fresco-breakpointCreationButtonIcon-color:#999999;
  --framer-fresco-breakpointCreationButtonBackgroundActive-color:#0099ff;
  --framer-fresco-breakpointCreationButtonIconActive-color:#ffffff;
  --framer-fresco-previewContainerTextColor-color:#222222;
  --framer-fresco-analyticsBackground-color:#ffffff;
  --framer-fresco-analyticsBackgroundTransparent-color:rgba(255, 255, 255, 0.75);
  --framer-fresco-analyticsBarFill-color:#f3f3f3;
  --framer-fresco-analyticsBorderTransparent-color:rgba(0, 0, 0, 0.05);
  --framer-fresco-analyticsScreenshotBackground-color:#fafafa;
  --framer-fresco-analyticsScreenshotLogo-color:#e6e6e6;
  --framer-fresco-analyticsScreenshotBorder-color:rgba(0, 0, 0, 0.03);
  --framer-fresco-analyticsPrimary-color:#333333;
  --framer-fresco-analyticsSecondary-color:#666666;
  --framer-fresco-analyticsTertiary-color:#999999;
  --framer-fresco-analyticsBottomLine-color:#eeeeee;
  --framer-fresco-analyticsNoDataText-color:rgba(153, 153, 153, 0.5);
  --framer-fresco-analyticsAccent-color:#eeeeee;
  --framer-fresco-analyticsIconAccent-color:rgba(153, 153, 153, 0.5);
  --framer-fresco-analyticsTint-color:#0099ff;
  --framer-fresco-analyticsTintBackground-color:rgba(0, 153, 255, 0.1);
  --framer-fresco-analyticsPopoutBackground-color:#ffffff;
  --framer-fresco-analyticsAbTestVariant1-color:#3A92FD;
  --framer-fresco-analyticsAbTestVariant1Dimmed-color:rgba(58, 146, 253, 0.07);
  --framer-fresco-analyticsAbTestVariant2-color:#9869FD;
  --framer-fresco-analyticsAbTestVariant2Dimmed-color:rgba(152, 105, 253, 0.07);
  --framer-fresco-analyticsAbTestVariant3-color:#2AD4D4;
  --framer-fresco-analyticsAbTestVariant3Dimmed-color:rgba(42, 212, 212, 0.07);
  --framer-fresco-analyticsAbTestVariant4-color:#FF8922;
  --framer-fresco-analyticsAbTestVariant4Dimmed-color:rgba(255, 137, 34, 0.07);
  --framer-fresco-analyticsAbTestVariant5-color:#FFBB00;
  --framer-fresco-analyticsAbTestVariant5Dimmed-color:rgba(255, 187, 0, 0.07);
  --framer-fresco-sitePlansCopy-color:#666666;
  --framer-fresco-sitePlansHighlight-color:#000000;
  --framer-fresco-plansSelectedCard-color:#fafafa;
  --framer-fresco-plansInfoFrameBorder-color:#eeeeee;
  --framer-fresco-plansBannerText-color:#333333;
  --framer-fresco-plansCardTitle-color:#333333;
  --framer-fresco-plansLineItemDescription-color:#999999;
  --framer-fresco-plansCtaDisabled-color:#cccccc;
  --framer-fresco-plansCollaborators-color:#fafafa;
  --framer-fresco-plansPlusIcon-color:#cccccc;
  --framer-fresco-plansAddonsBox-color:#eeeeee;
  --framer-fresco-plansEnterpriseParagraphColor-color:#666666;
  --framer-fresco-plansEnterpriseIconBackgroundColor-color:rgba(187, 187, 187, 0.1);
  --framer-fresco-plansEnterpriseIconColor-color:#cccccc;
  --framer-fresco-freeSiteColor-color:#888888;
  --framer-fresco-freeSiteBackground-color:rgba(136, 136, 136, 0.1);
  --framer-fresco-miniSiteColor-color:#00CCFF;
  --framer-fresco-miniSiteBackground-color:rgba(0, 204, 255, 0.1);
  --framer-fresco-basicSiteColor-color:#0099ff;
  --framer-fresco-basicSiteBackground-color:rgba(0, 153, 255, 0.1);
  --framer-fresco-proSiteColor-color:#0066ff;
  --framer-fresco-proSiteBackground-color:rgba(0, 102, 255, 0.1);
  --framer-fresco-scaleupSiteColor-color:#9966ff;
  --framer-fresco-scaleupSiteBackground-color:rgba(153, 102, 255, 0.15);
  --framer-fresco-startupSiteColor-color:#9966ff;
  --framer-fresco-startupSiteBackground-color:rgba(153, 102, 255, 0.15);
  --framer-fresco-enterpriseSiteColor-color:#888888;
  --framer-fresco-enterpriseSiteBackground-color:rgba(136, 136, 136, 0.1);
  --framer-fresco-planCardBackgroundColor-color:#ffffff;
  --framer-fresco-planCardBackgroundGradientStartColor-color:#fcfcfc;
  --framer-fresco-planCardBackgroundGradientEndColor-color:#ffffff;
  --framer-fresco-planCardPersonalBackgroundGradientStartColor-color:#fcfcfc;
  --framer-fresco-planCardPersonalBackgroundGradientEndColor-color:#ffffff;
  --framer-fresco-planCardBusinessBackgroundGradientStartColor-color:rgba(136, 85, 255, 0.05);
  --framer-fresco-planCardBusinessBackgroundGradientEndColor-color:rgba(255, 255, 255, 0);
  --framer-fresco-planCardGridShadowColorStart-color:#ffffff;
  --framer-fresco-planCardGridShadowColorEnd-color:rgba(17, 17, 17, 0);
  --framer-fresco-planCardBorderColor-color:rgba(0, 0, 0, 0.02);
  --framer-fresco-planTypeToggleItemBussinessTextSelected-color:#9966ff;
  --framer-fresco-planTypeToggleItemBussinessTextSelectedHover-color:#8855ff;
  --framer-fresco-planCardPersonalButtonColor-color:rgba(0, 153, 255, 0.1);
  --framer-fresco-planCardPersonalButtonColorText-color:#0099ff;
  --framer-fresco-planCardBusinessCurrentPlanButtonColor-color:rgba(136, 85, 255, 0.2);
  --framer-fresco-planCardPersonalButtonBorderColor-color:rgba(0, 153, 255, 0.1);
  --framer-fresco-planCardBusinessButtonColor-color:#9966ff;
  --framer-fresco-planCardBusinessButtonBorderColor-color:rgba(136, 85, 255, 0.1);
  --framer-fresco-planCardBusinessButtonColorHover-color:#7733ff;
  --framer-fresco-planCardBusinessButtonColorText-color:#8855ff;
  --framer-fresco-planCardBusinessButtonColorShadow-color:rgba(136, 85, 255, 0.3);
  --framer-fresco-planCardBusinessButtonColorShadowHover-color:rgba(119, 51, 255, 0.3);
  --framer-fresco-planCardTextColor-color:#222222;
  --framer-fresco-planCardTextDescriptionColor-color:#999999;
  --framer-fresco-planCardBorder-color:rgba(0, 0, 0, 0.03);
  --framer-fresco-planCardBillingToggleActiveBackground-color:#0099ff;
  --framer-fresco-planCardBackgroundGradientStop1-color:rgba(255, 255, 255, 0);
  --framer-fresco-planCardBackgroundGradientStop2-color:#ffffff;
  --framer-fresco-planCardHighlightedBorder-color:rgba(96, 134, 159, 0.05);
  --framer-fresco-planCardHighlightedBackgroundGradientStop1-color:rgba(0, 153, 255, 0.05);
  --framer-fresco-planCardHighlightedBackgroundGradientStop2-color:rgba(0, 22, 66, 0);
  --framer-fresco-planCardHighlightedBackgroundGradientStop3-color:rgba(255, 255, 255, 0);
  --framer-fresco-badgeCurrentPlanTypeBackgroundColor-color:rgba(0, 153, 255, 0.1);
  --framer-fresco-previewContainerBackgroundColor-color:#ffffff;
  --framer-fresco-previewContainerDividerColor-color:#eeeeee;
  --framer-fresco-previewPeriodTabsBorderColor-color:#eeeeee;
  --framer-fresco-cmsTableSearchIcon-color:#999999;
  --framer-fresco-cmsTableFileIcon-color:#999999;
  --framer-fresco-cmsTableText-color:#999999;
  --framer-fresco-cmsTableTextActive-color:#000000;
  --framer-fresco-cmsTableFirstColumnText-color:#555555;
  --framer-fresco-cmsTableHeaderText-color:#999999;
  --framer-fresco-cmsRowDragHandle-color:#cccccc;
  --framer-fresco-cmsRowDragHandleHover-color:#888888;
  --framer-fresco-cmsTableGroupBackground-color:#fafafa;
  --framer-fresco-cmsTableSelectedRowBackground-color:#fcfcfc;
  --framer-fresco-cmsTableSelectionRangeBackground-color:#f2faff;
  --framer-fresco-cmsTableEditingBackground-color:#ebf7ff;
  --framer-fresco-cmsTableMultiSelectionOutline-color:#cce7ff;
  --framer-fresco-cmsTableCellAgentUpdateHighlight-color:#0099ff;
  --framer-fresco-cmsRichTextTableBorder-color:#cccccc;
  --framer-fresco-cmsRichTextTableCellContextMenuButtonIcon-color:#999999;
  --framer-fresco-cmsRichTextTableHeaderBackground-color:#ebebeb;
  --framer-fresco-cmsRichTextTableHeaderText-color:#333333;
  --framer-fresco-cmsRichTextTableText-color:#333333;
  --framer-fresco-cmsRichTextToolbarItemText-color:#888888;
  --framer-fresco-cmsRichTextToolbarItemActiveText-color:#333333;
  --framer-fresco-cmsRichTextToolbarItemBackground-color:#dddddd;
  --framer-fresco-cmsRichTextToolbarGroupBackground-color:#f3f3f3;
  --framer-fresco-cmsRichTextToolbarGroupBackgroundDisabled-color:rgba(243, 243, 243, 0.5);
  --framer-fresco-cmsRichTextDropCursor-color:#0099ff;
  --framer-fresco-cmsRichTextBackground-color:#f3f3f3;
  --framer-fresco-cmsRichTextHeading-color:#222222;
  --framer-fresco-cmsRichTextModulePreviewBackground-color:rgba(153, 153, 153, 0.1);
  --framer-fresco-cmsRichTextParagraph-color:#555555;
  --framer-fresco-cmsSlashCommandsMenuIcon-color:#999999;
  --framer-fresco-cmsSlashCommandsMenuGroup-color:#999999;
  --framer-fresco-cmsCollectionItemBackdrop-color:rgba(0, 0, 0, 0.2);
  --framer-fresco-cmsCollectionReferenceDraftText-color:#a0a0a0;
  --framer-fresco-cmsCodeInTextBackground-color:rgba(51, 51, 51, 0.08);
  --framer-fresco-cmsOverlayRowTitle-color:#333333;
  --framer-fresco-cmsOverlayRowTitleReadOnly-color:#999999;
  --framer-fresco-cmsImageClearButtonBackground-color:rgba(0, 0, 0, 0.3);
  --framer-fresco-cmsImageClearButtonText-color:#ffffff;
  --framer-fresco-cmsImageAddButtonIcon-color:#999999;
  --framer-fresco-cmsImageAddButtonBackground-color:#ffffff;
  --framer-fresco-cmsImageAddButtonBackgroundHover-color:#fafafa;
  --framer-fresco-cmsCodeBlockSurface1-color:#fdfdfd;
  --framer-fresco-cmsCodeBlockSurface2-color:#eeeeee;
  --framer-fresco-cmsCodeBlockSurface3-color:#f3f3f3;
  --framer-fresco-cmsCodeBlockClickable-color:#808080;
  --framer-fresco-cmsCodeBlockBase-color:#323232;
  --framer-fresco-cmsCodeBlockDisabled-color:#c5c5c5;
  --framer-fresco-cmsCodeBlockHover-color:#4d4d4d;
  --framer-fresco-cmsCodeBlockAccent-color:#0099ff;
  --framer-fresco-cmsCodeBlockError-color:#ff3366;
  --framer-fresco-cmsCodeBlockErrorSurface-color:#ffe0e8;
  --framer-fresco-cmsCodeBlockPlain-color:#666666;
  --framer-fresco-cmsCodeBlockComment-color:#bbbbbb;
  --framer-fresco-cmsCodeBlockKeyword-color:#0099ff;
  --framer-fresco-cmsCodeBlockTag-color:#0099ff;
  --framer-fresco-cmsCodeBlockPunctuation-color:#bbbbbb;
  --framer-fresco-cmsCodeBlockDefinition-color:#FFAA00;
  --framer-fresco-cmsCodeBlockProperty-color:#33cccc;
  --framer-fresco-cmsCodeBlockStatic-color:#ff8866;
  --framer-fresco-cmsCodeBlockString-color:#8855ff;
  --framer-fresco-collectionFieldIcon-color:#888888;
  --framer-fresco-collectionFieldIconSelected-color:#000000;
  --framer-fresco-dividerWithTitleRow-color:#999999;
  --framer-fresco-inlineEditingMenuBackground-color:rgba(255, 255, 255, 0.8);
  --framer-fresco-inlineEditingMenuBorder-color:transparent;
  --framer-fresco-localizationText-color:#555555;
  --framer-fresco-localizationPlaceholderText-color:#999999;
  --framer-fresco-localizationWarningTint-color:#FFAA01;
  --framer-fresco-localizationGlossaryHeading-color:#222222;
  --framer-fresco-confirmHideAllInThisLocaleBoldText-color:#333333;
  --framer-fresco-batchTranslateModalLabel-color:#333333;
  --framer-fresco-batchTranslateModalChevron-color:#999999;
  --framer-fresco-batchTranslateModalLocaleLabel-color:#666666;
  --framer-fresco-quickActionsText-color:#666666;
  --framer-fresco-quickActionsTextActive-color:#222222;
  --framer-fresco-quickActionsSecondaryText-color:#999999;
  --framer-fresco-quickActionsCategoryTagBackground-color:#f3f3f3;
  --framer-fresco-quickActionsCategoryTagColor-color:#999999;
  --framer-fresco-quickActionsSeparatorIcon-color:#bbbbbb;
  --framer-fresco-quickActionsIconDefaultLegacy-color:#0099ff;
  --framer-fresco-quickActionsIconDefault-color:#999999;
  --framer-fresco-quickActionsIconDefaultActiveLegacy-color:#ffffff;
  --framer-fresco-quickActionsIconDefaultActive-color:#222222;
  --framer-fresco-quickActionsIconBackgroundDefault-color:color(display-p3 0 0.6 1 / 0.1);
  --framer-fresco-quickActionsIconBackgroundDefaultActive-color:#0099ff;
  --framer-fresco-quickActionsToggleOffIconBackground-color:#999999;
  --framer-fresco-quickActionsIconBackgroundBorder-color:rgba(0, 0, 0, 0.05);
  --framer-fresco-quickActionsIconBackgroundBorderActive-color:rgba(0, 0, 0, 0.1);
  --framer-fresco-quickActionsIconComponentTint-color:#8855ff;
  --framer-fresco-quickActionsIconComponentTintActive-color:#ffffff;
  --framer-fresco-quickActionsIconBackgroundComponentTint-color:rgba(136, 85, 255, 0.15);
  --framer-fresco-quickActionsIconBackgroundComponentTintActive-color:#8855ff;
  --framer-fresco-quickActionsIconAssetStyleTint-color:#000000;
  --framer-fresco-quickActionsIconAssetStyleTintActive-color:#000000;
  --framer-fresco-quickActionsIconBackgroundAssetStyleTint-color:#f5f5f5;
  --framer-fresco-quickActionsIconBackgroundAssetStyleTintActive-color:#ffffff;
  --framer-fresco-historyPanelRowBackgroundActive-color:#f3f3f3;
  --framer-fresco-historyPanelTimelineBackground-color:#eeeeee;
  --framer-fresco-historyPanelTimelineBackgroundActive-color:#dddddd;
  --framer-fresco-historyPanelTimelineDotBackground-color:#999999;
  --framer-fresco-historyPanelTimelineDotBackgroundActive-color:#333333;
  --framer-fresco-historyPanelText-color:#666666;
  --framer-fresco-historyPanelTextActive-color:#333333;
  --framer-fresco-historyPanelSummaryText-color:#999999;
  --framer-fresco-historyPanelSummaryTextActive-color:#333333;
  --framer-fresco-historyPanelSummaryDivider-color:rgba(0, 0, 0, 0.07);
  --framer-fresco-activeGoogleSheetIcon-color:#0099ff;
  --framer-fresco-activeGoogleButtonText-color:#333333;
  --framer-fresco-loadingShieldBackground-color:#eeeeee;
  --framer-fresco-loadingAnimationBackground-color:#eeeeee;
  --framer-fresco-loadingProgressBarFill-color:#999999;
  --framer-fresco-fillIconHighlight-color:#ffffff;
  --framer-fresco-fillIconBorder-color:rgba(153, 153, 153, 0.6);
  --framer-fresco-fillIconBorderActive-color:#0099ff;
  --framer-fresco-fillIconSolidFill-color:rgba(153, 153, 153, 0.4);
  --framer-fresco-fillIconLinearFillInner-color:rgba(153, 153, 153, 0);
  --framer-fresco-fillIconLinearFillOuter-color:rgba(153, 153, 153, 0.8);
  --framer-fresco-fillIconRadialFillInner-color:rgba(153, 153, 153, 0);
  --framer-fresco-fillIconRadialFillOuter-color:rgba(153, 153, 153, 0.7);
  --framer-fresco-fillIconConicFillInner-color:#999999;
  --framer-fresco-fillIconConicFillOuter-color:#ffffff;
  --framer-fresco-fillIconImageFillInner-color:rgba(153, 153, 153, 0.4);
  --framer-fresco-fillIconImageFillOuter-color:#999999;
  --framer-fresco-fillIconSolidFillActive-color:rgba(0, 153, 255, 0.4);
  --framer-fresco-fillIconLinearFillInnerActive-color:rgba(153, 153, 153, 0);
  --framer-fresco-fillIconLinearFillActive-color:rgba(0, 153, 255, 0.8);
  --framer-fresco-fillIconRadialFillActive-color:rgba(0, 153, 255, 0.8);
  --framer-fresco-fillIconConicFillInnerActive-color:#0099ff;
  --framer-fresco-fillIconConicFillOuterActive-color:#ffffff;
  --framer-fresco-fillIconImageFillInnerActive-color:rgba(0, 153, 255, 0.4);
  --framer-fresco-fillIconImageFillOuterActive-color:#0099ff;
  --framer-fresco-fillPanelPresetBackground-color:#f3f3f3;
  --framer-fresco-publishErrorCaret-color:#999999;
  --framer-fresco-publishErrorTitle-color:#FF3355;
  --framer-fresco-deploymentErrorLogsBackground-color:#f3f3f3;
  --framer-fresco-deploymentErrorLogsStackTraceBackground-color:rgba(0, 0, 0, 0.05);
  --framer-fresco-editorBarBackground-color:#222222;
  --framer-fresco-editorBarBackgroundHover-color:#282828;
  --framer-fresco-editorBarButtonSecondaryText-color:#ffffff;
  --framer-fresco-editorBarDivider-color:#333333;
  --framer-fresco-editorBarText-color:#ffffff;
  --framer-fresco-editorBarDividerBackground-color:#ffffff;
  --framer-fresco-editorBarButtonBackground-color:rgba(255, 255, 255, 0.15);
  --framer-fresco-editorBarSubtleBackground-color:rgba(17, 17, 17, 0.9);
  --framer-fresco-editorBarSubtleTitle-color:#ffffff;
  --framer-fresco-editorBarSubtleSubtitle-color:#999999;
  --framer-fresco-editorBarMenuItemColor-color:#cccccc;
  --framer-fresco-editorBarSubtleSubtitleLink-color:#f7f7f7;
  --framer-fresco-editorBarSubtleIconSquareBackground-color:rgba(255, 255, 255, 0.15);
  --framer-fresco-editorBarSubtleIconSquareBackgroundHover-color:rgba(255, 255, 255, 0.2);
  --framer-fresco-editorBarSubtleItemFontColor-color:#777777;
  --framer-fresco-onPageToolbarBackground-color:rgba(34, 34, 34, 0.8);
  --framer-fresco-onPageToolbarShadow-color:rgba(0, 0, 0, 0.1) 0px 2px 4px 0px,rgba(0, 0, 0, 0.05) 0px 1px 0px 0px,rgba(255, 255, 255, 0.15) 0px 0px 0px 1px;
  --framer-fresco-onPageToolbarText-color:#ffffff;
  --framer-fresco-onPageToolbarSecondaryText-color:rgba(255, 255, 255, 0.6);
  --framer-fresco-onPageToolbarButtonBackground-color:rgba(255, 255, 255, 0.25);
  --framer-fresco-onPageToolbarButtonBackgroundHover-color:rgba(255, 255, 255, 0.23);
  --framer-fresco-onPageToolbarButtonBackgroundActive-color:rgba(255, 255, 255, 0.21);
  --framer-fresco-onPageToolbarButtonText-color:#ffffff;
  --framer-fresco-onPageValidationWarningBadgeBackground-color:#FF7700;
  --framer-fresco-onPageValidationWarningBadgeText-color:#ffffff;
  --framer-fresco-layoutTemplateSlotBackground-color:rgba(136, 85, 255, 0.1);
  --framer-fresco-debugBarBackground-color:#ffffff;
  --framer-fresco-debugBarSecondaryBackground-color:#f3f3f3;
  --framer-fresco-anchorGridUnselected-color:#bbbbbb;
  --framer-fresco-anchorGridSelected-color:#0099ff;
  --framer-fresco-vectorSetItemBackground-color:#ffffff;
  --framer-fresco-onboardingTextPrimary-color:#222222;
  --framer-fresco-onboardingTextSecondary-color:#888888;
  --framer-fresco-onboardingTextTertiary-color:#888888;
  --framer-fresco-onboardingBackground-color:#ffffff;
  --framer-fresco-onboardingDropdownBackground-color:#f3f3f3;
  --framer-fresco-onboardingPanelBackground-color:#ffffff;
  --framer-fresco-onboardingButtonPrimary-color:#222222;
  --framer-fresco-onboardingButtonPrimaryHover-color:#333333;
  --framer-fresco-onboardingVideoBorder-color:rgba(0, 0, 0, 0.05);
  --framer-fresco-onboardingDivider-color:#eeeeee;
  --framer-fresco-onboardingGoogleIcon-color:#999999;
  --framer-fresco-onboardingPasskeyIcon-color:#999999;
  --framer-fresco-onboardingInputErrorBackground-color:rgba(255, 51, 102, 0.05);
  --framer-fresco-customCodeTableHeader-color:#999999;
  --framer-fresco-customCodeTableRow-color:#666666;
  --framer-fresco-customCodeTableRowHover-color:#000000;
  --framer-fresco-customCodeIcon-color:#f3f3f3;
  --framer-fresco-customCodeIconBorder-color:rgba(136, 136, 136, 0.12);
  --framer-fresco-customCodeInfoIcon-color:#999999;
  --framer-fresco-customCodeFieldInfo-color:#666666;
  --framer-fresco-customCodeTemplateVariable-color:#666666;
  --framer-fresco-borderSweepOverlayBorderAlpha-color:20%;
  --framer-fresco-avatar-shadow:inset 0 0 0 1px rgba(0, 0, 0, 0.1);
  --framer-fresco-avatarOverlap-shadow:0px 0px 0px 1.5px var(--framer-fresco-panelBackground-color, #ffffff),inset 0 0 0 1px rgba(255, 255, 255, 0.05);
  --framer-fresco-avatarTinted-shadow:inset 0 0 0 1px rgba(0, 153, 255, 0.15);
  --framer-fresco-buttonSelected-shadow:0px 2px 4px 0px rgba(0, 0, 0, 0.1),0px 1px 0px 0px rgba(0, 0, 0, 0.05);
  --framer-fresco-canvasTooltip-shadow:0px 3px 6px 0px rgba(0, 0, 0, 0.08),0px 0px 0px 1px rgba(0, 0, 0, 0.05);
  --framer-fresco-card-shadow:0 5px 20px rgba(0, 0, 0, 0.15);
  --framer-fresco-cardActive-shadow:0px 1px 3px 0px rgba(0, 153, 255, 0.1),0px 0px 12px 0px rgba(0, 153, 255, 0.2);
  --framer-fresco-checkbox-shadow:inset 0 0 0 1px rgba(0, 0, 0, 0.1);
  --framer-fresco-checkboxDarker-shadow:inset 0 0 0 1px rgba(0, 0, 0, 0.1);
  --framer-fresco-checkboxChecked-shadow:none;
  --framer-fresco-checkboxDarkerChecked-shadow:none;
  --framer-fresco-componentOutline-shadow:0px 0px 0px 5px rgba(136, 85, 255, 0.1);
  --framer-fresco-componentOutlineSmall-shadow:0px 0px 0px 5px rgba(136, 85, 255, 0.1);
  --framer-fresco-dashboardNewProjectCard-shadow:0 2px 4px 0 rgba(0, 0, 0, 0.08),0 1px 0 0 rgba(0, 0, 0, 0.05);
  --framer-fresco-distributionSliderBar-shadow:inset 0 0 0 1px var(--framer-fresco-gradientStopSliderBorder-color, rgba(0, 0, 0, 0.05));
  --framer-fresco-distributionSliderKnob-shadow:inset 0 0 0 3px white,inset 0 0 0 4px rgba(0, 0, 0, 0.1),0 0 0 1px rgba(0, 0, 0, 0.1);
  --framer-fresco-distributionSliderKnobSelected-shadow:inset 0 0 0 3px white,inset 0 0 0 4px #0099ff,0 0 0 1px #0099ff;
  --framer-fresco-gradientSliderKnobSelected-shadow:inset 0 0 0 3px white,inset 0 0 0 4px #0099ff,0 0 0 1px #0099ff;
  --framer-fresco-imageBorderOverlay-shadow:inset 0 0 0 1px rgba(0, 0, 0, 0.1);
  --framer-fresco-inlineEditingMenu-shadow:0px 0px 0px 1px rgba(0, 0, 0, 0.03),0px 10px 20px 0px rgba(0, 0, 0, 0.1);
  --framer-fresco-insertImage-shadow:0px 4px 8px 0px rgba(0, 0, 0, 0.1);
  --framer-fresco-insertMenuArtwork-shadow:inset 0 0 0 1px rgba(0, 0, 0, 0.075);
  --framer-fresco-menu-shadow:0px 3px 6px rgba(0, 0, 0, 0.1);
  --framer-fresco-modal-shadow:0px 10px 30px 0px rgba(0, 0, 0, 0.15);
  --framer-fresco-modalInset-shadow:none;
  --framer-fresco-popover-shadow:0px 10px 30px 0px rgba(0, 0, 0, 0.1),0px 1px 4px 0px rgba(0, 0, 0, 0.02);
  --framer-fresco-popoverInset-shadow:none;
  --framer-fresco-popoverDropShadow-shadow:drop-shadow(0px 1px 8px rgba(0, 0, 0, 0.08)) drop-shadow(0px 5px 20px rgba(0, 0, 0, 0.1));
  --framer-fresco-projectMenuButton-shadow:0px 0px 0px 1px rgba(0, 0, 0, 0.02),0px 1px 0px 0px rgba(0, 0, 0, 0.05),0px 2px 4px 0px rgba(0, 0, 0, 0.1);
  --framer-fresco-radioButton-shadow:inset 0 0 0 1px rgba(0, 0, 0, 0.08);
  --framer-fresco-radioButtonChecked-shadow:none;
  --framer-fresco-settingsCard-shadow:0px 1px 1px 0px rgba(0, 0, 0, 0.1),0px 2px 10px 0px rgba(0, 0, 0, 0.05);
  --framer-fresco-sideOverlay-shadow:0px 3px 6px 0px rgba(0, 0, 0, 0.08),0px 0px 0px 1px rgba(0, 0, 0, 0.05);
  --framer-fresco-segmentedControlItemSelected-shadow:0px 0px 0px 1px rgba(0, 0, 0, 0.04),0px 1px 0px 0px rgba(0, 0, 0, 0.04),0px 2px 4px 0px rgba(0, 0, 0, 0.08);
  --framer-fresco-multiComboBoxToken-shadow:0px 2px 4px 0px rgba(0, 0, 0, 0.15);
  --framer-fresco-sliderKnob-shadow:0px 1px 3px 0px rgba(0, 0, 0, 0.2),0px 0.5px 0px 0px rgba(0, 0, 0, 0.1);
  --framer-fresco-svgScreenIcon-shadow:drop-shadow(0 5px 10px rgba(0, 0, 0, 0.1));
  --framer-fresco-tintOutline-shadow:0px 0px 0px 5px rgba(0, 153, 255, 0.1);
  --framer-fresco-tintOutlineSmall-shadow:0px 0px 0px 2px rgba(0, 153, 255, 0.1);
  --framer-fresco-toggleTack-shadow:0px 1px 1px 0px rgba(0, 0, 0, 0.1),0px 2px 10px 0px rgba(0, 0, 0, 0.05);
  --framer-fresco-settingsImageClearButton-shadow:0px 1px 3px 0px rgba(0, 0, 0, 0.2),0px 0.5px 0px 0px rgba(0, 0, 0, 0.1);
}
body[data-framer-theme=light].agent {
  --framer-fresco-inputText-color:#222222;
  --framer-fresco-panelTitle-color:#222222;
  --framer-fresco-toolbarButtonIconSites-color:#999999;
  --framer-fresco-menuBackgroundActive-color:#f2f2f2;
  --framer-fresco-menuText-color:#333333;
  --framer-fresco-menuTextActive-color:#222222;
  --framer-fresco-menuDescriptionActive-color:#999999;
  --framer-fresco-menuTextDisabled-color:#999999;
  --framer-fresco-menuCheckbox-color:#444444;
  --framer-fresco-menuCheckboxActive-color:#444444;
  --framer-fresco-menuCheckboxDisabled-color:#999999;
  --framer-fresco-menuCaretActive-color:#222222;
  --framer-fresco-menuBadgeBorder-color:rgba(0, 0, 0, 0.05);
  --framer-fresco-menuBadgeBackground-color:rgba(0, 0, 0, 0.05);
  --framer-fresco-menuBadgeColor-color:rgba(0, 0, 0, 0.3);
  --framer-fresco-menuBadgeBackgroundActive-color:rgba(0, 0, 0, 0.05);
  --framer-fresco-menuBadgeColorActive-color:rgba(0, 0, 0, 0.3);
  --framer-fresco-menuIcon-color:#999999;
  --framer-fresco-menuTextChecked-color:#999999;
  --framer-fresco-menuCaretChecked-color:#cccccc;
  --framer-fresco-popoverDescription-color:#999999;
  --framer-fresco-popoverDescriptionIcon-color:#bbbbbb;
  --framer-fresco-popoverText-color:#222222;
  --framer-fresco-breadcrumbItemBackgroundTinted-color:color(display-p3 0.263 0.59 0.97 / 0.1);
  --framer-fresco-tooltipBackground-color:#ffffff;
  --framer-fresco-tooltipText-color:#222222;
  --framer-fresco-menu-shadow:0px 3px 6px 0px rgba(0, 0, 0, 0.08),0px 0px 0px 1px rgba(0, 0, 0, 0.05);
  --framer-fresco-modal-shadow:0px 3px 6px 0px rgba(0, 0, 0, 0.08),0px 0px 0px 1px rgba(0, 0, 0, 0.05);
  --framer-fresco-popover-shadow:0px 3px 6px 0px rgba(0, 0, 0, 0.08),0px 0px 0px 1px rgba(0, 0, 0, 0.05);
}
body[data-framer-theme=dark] {
  --framer-fresco-tint-color:#0099ff;
  --framer-fresco-tintDark-color:#0088ff;
  --framer-fresco-tintExtraDark-color:#1188ff;
  --framer-fresco-tintDimmed-color:color(display-p3 0 0.6 1 / 0.1);
  --framer-fresco-tintGradientStart-color:rgba(0, 153, 255, 0.4);
  --framer-fresco-tintGradientEnd-color:rgba(0, 153, 255, 0.8);
  --framer-fresco-componentTint-color:#8855ff;
  --framer-fresco-componentTintDark-color:#8844FF;
  --framer-fresco-componentTintExtraDark-color:#7733ff;
  --framer-fresco-componentTintDimmed-color:color(display-p3 0.533333 0.333333 1 / 0.1);
  --framer-fresco-componentTintDimmedDrag-color:rgba(136, 85, 255, 0.3);
  --framer-fresco-componentTintDimmedActive-color:rgba(136, 85, 255, 0.4);
  --framer-fresco-componentTintLight-color:#C399FF;
  --framer-fresco-errorTint-color:#ff3366;
  --framer-fresco-errorTintDimmed-color:rgba(255, 51, 102, 0.2);
  --framer-fresco-warningTint-color:#FFBB00;
  --framer-fresco-warningTintDimmed-color:rgba(255, 187, 0, 0.2);
  --framer-fresco-warningText-color:#FF9900;
  --framer-fresco-warningTextDimmed-color:rgba(255, 153, 0, 0.1);
  --framer-fresco-selectionBackground-color:color(display-p3 0 0.6 1 / 0.15);
  --framer-fresco-selectionComponentBackground-color:color(display-p3 0.52 0.357 0.965 / 0.15);
  --framer-fresco-selectionWarningBackground-color:color(display-p3 1 0.733 0 / 0.15);
  --framer-fresco-selectionEnterpriseUpsellBackground-color:color(display-p3 1 1 1 / 0.15);
  --framer-fresco-selectionText-color:#0099ff;
  --framer-fresco-selectionUnsaturatedBackground-color:rgba(255, 255, 255, 0.15);
  --framer-fresco-selectionUnsaturatedText-color:#ffffff;
  --framer-fresco-panelTitle-color:#ffffff;
  --framer-fresco-panelRowTitle-color:#cccccc;
  --framer-fresco-panelSectionTitle-color:#777777;
  --framer-fresco-panelText-color:#999999;
  --framer-fresco-panelDescription-color:#999999;
  --framer-fresco-panelTextSelected-color:#ffffff;
  --framer-fresco-panelBackground-color:#111111;
  --framer-fresco-panelDivider-color:#252525;
  --framer-fresco-panelSectionHeaderIcon-color:#ffffff;
  --framer-fresco-panelChevron-color:#666666;
  --framer-fresco-panelSubtitle-color:#cccccc;
  --framer-fresco-panelSubLabel-color:#666666;
  --framer-fresco-panelPressedState-color:#aaaaaa;
  --framer-fresco-nuxPanelHeaderTitle-color:#ffffff;
  --framer-fresco-nuxPanelStepTitle-color:#cccccc;
  --framer-fresco-nuxPanelStepTitleDisabled-color:#888888;
  --framer-fresco-nuxPanelStepTitleHighlighted-color:#DDEEFF;
  --framer-fresco-nuxPanelStepNumberHighlighted-color:#ffffff;
  --framer-fresco-nuxPanelSubtitle-color:#888888;
  --framer-fresco-nuxPanelSubtitleDisabled-color:#666666;
  --framer-fresco-nuxPanelButton-color:#222222;
  --framer-fresco-nuxPanelButtonDisabled-color:#181818;
  --framer-fresco-nuxPanelCard-color:#181818;
  --framer-fresco-nuxPanelCheckmark-color:#666666;
  --framer-fresco-assetsRowCodeFileText-color:#0099ff;
  --framer-fresco-assetsRowCodeFileBackgroundSelected-color:color(display-p3 0 0.6 1 / 0.1);
  --framer-fresco-assetsRowCodeFileBackgroundDragged-color:rgba(0, 153, 255, 0.3);
  --framer-fresco-assetsRowCodeFileBackgroundDraggedUnsaturated-color:rgba(40, 40, 40, 0.3);
  --framer-fresco-colorIconBorder-color:rgba(255, 255, 255, 0.1);
  --framer-fresco-canvasCreatePreviewBorder-color:#0099ff;
  --framer-fresco-canvasSelectionRectBackground-color:rgba(0, 153, 255, 0.1);
  --framer-fresco-canvasSelectionRectBorder-color:rgba(0, 153, 255, 0.5);
  --framer-fresco-canvasTooltipText-color:#ffffff;
  --framer-fresco-canvasTooltipBackground-color:#0099ff;
  --framer-fresco-canvasOverlayTriggerOutline-color:rgba(0, 153, 255, 0.5);
  --framer-fresco-canvasOverlayTriggerBackground-color:rgba(0, 153, 255, 0.2);
  --framer-fresco-canvasComponentOverlayTriggerOutline-color:rgba(153, 102, 255, 0.4);
  --framer-fresco-canvasComponentOverlayTriggerBackground-color:rgba(153, 102, 255, 0.2);
  --framer-fresco-canvasRelativeOverlayBackdrop-color:rgba(0, 153, 255, 0.25);
  --framer-fresco-canvasRelativeOverlaySmartComponentBackdrop-color:rgba(136, 85, 255, 0.15);
  --framer-fresco-calendarBorder-color:#252525;
  --framer-fresco-calendarIcon-color:#888888;
  --framer-fresco-calendarTextHeader-color:#ffffff;
  --framer-fresco-calendarTextMedium-color:#888888;
  --framer-fresco-calendarTextHover-color:#ffffff;
  --framer-fresco-calendarHover-color:#2B2B2B;
  --framer-fresco-calendarPrimary-color:#0099ff;
  --framer-fresco-calendarText-color:#ffffff;
  --framer-fresco-dropdownText-color:#999999;
  --framer-fresco-dropdownChevron-color:#777777;
  --framer-fresco-floatingWindowToolbarIcon-color:#999999;
  --framer-fresco-modalBackground-color:#111111;
  --framer-fresco-modalBackgroundTransparent-color:rgba(17, 17, 17, 0);
  --framer-fresco-modalBackdrop-color:rgba(0, 0, 0, 0.7);
  --framer-fresco-modalTitle-color:#ffffff;
  --framer-fresco-modalSubtitle-color:#aaaaaa;
  --framer-fresco-modalDescription-color:#aaaaaa;
  --framer-fresco-modalCloseIcon-color:#fdfdfd;
  --framer-fresco-largeModalTitle-color:#ffffff;
  --framer-fresco-largeModalDescription-color:#cccccc;
  --framer-fresco-modalSeparator-color:rgba(255, 255, 255, 0.07);
  --framer-fresco-templateCardOutline-color:rgba(255, 255, 255, 0.05);
  --framer-fresco-variablesModalEmptyStateIcon-color:#333333;
  --framer-fresco-variableRowText-color:#cccccc;
  --framer-fresco-variableRowTextActive-color:#ffffff;
  --framer-fresco-variableRowDivider-color:#333333;
  --framer-fresco-variableRowDividerSelected-color:#444444;
  --framer-fresco-variableRowDividerTitleBackground-color:#111111;
  --framer-fresco-collapsibleRowDivider-color:rgba(255, 255, 255, 0.07);
  --framer-fresco-collapsibleRowDividerSelected-color:#444444;
  --framer-fresco-buttonSheetPlainTitle-color:#ffffff;
  --framer-fresco-buttonSheetPlainDescription-color:#cccccc;
  --framer-fresco-buttonSheetPlainIconColor-color:#999999;
  --framer-fresco-buttonSheetPlainBorderBottom-color:rgba(255, 255, 255, 0.05);
  --framer-fresco-cmsBadgeBackgroundDisabled-color:#999999;
  --framer-fresco-cmsBadgeTextDisabled-color:#ffffff;
  --framer-fresco-buttonBackground-color:#2B2B2B;
  --framer-fresco-buttonBackgroundHover-color:#282828;
  --framer-fresco-buttonText-color:#ffffff;
  --framer-fresco-buttonTextActive-color:#ffffff;
  --framer-fresco-buttonBackgroundPrimary-color:#0099ff;
  --framer-fresco-buttonBackgroundPrimaryHover-color:#0088ff;
  --framer-fresco-buttonBackgroundPrimaryActive-color:#0077FF;
  --framer-fresco-buttonTextPrimary-color:#ffffff;
  --framer-fresco-buttonBackgroundDestructive-color:#ff3366;
  --framer-fresco-buttonBackgroundDestructiveHover-color:#e7315e;
  --framer-fresco-buttonTextDestructive-color:#ffffff;
  --framer-fresco-buttonBackgroundDestructiveSecondary-color:rgba(255, 51, 102, 0.15);
  --framer-fresco-buttonBackgroundDestructiveSecondaryHover-color:rgba(255, 51, 102, 0.1);
  --framer-fresco-buttonTextDestructiveSecondary-color:#ee2255;
  --framer-fresco-buttonLinkLined-color:#ffffff;
  --framer-fresco-buttonLinkLinedSecondary-color:rgba(255, 255, 255, 0.15);
  --framer-fresco-buttonLinkLinedHover-color:#ffffff;
  --framer-fresco-buttonCellBackground-color:#2B2B2B;
  --framer-fresco-buttonCellBackgroundHover-color:#252525;
  --framer-fresco-buttonWithDepthText-color:#ffffff;
  --framer-fresco-buttonWithDepthTextDisabled-color:#666666;
  --framer-fresco-buttonWithDepthBackground-color:#333333;
  --framer-fresco-buttonWithDepthBackgroundDisabled-color:#333333;
  --framer-fresco-buttonWithDepthBackgroundHover-color:#282828;
  --framer-fresco-buttonWithDepthShadow-color:0px 2px 4px 0px rgba(0, 0, 0, 0.2);
  --framer-fresco-buttonWithDepthPrimaryBackground-color:#0099ff;
  --framer-fresco-buttonWithDepthPrimaryBackgroundHover-color:#1188ff;
  --framer-fresco-buttonWithDepthPrimaryShadow-color:none;
  --framer-fresco-buttonWithDepthPrimaryShadowHover-color:none;
  --framer-fresco-buttonWithDepthPrimaryComponentShadow-color:0px 2px 4px 0px rgba(136, 85, 255, 0.3);
  --framer-fresco-buttonWithDepthDestructiveBackground-color:#ff3366;
  --framer-fresco-buttonWithDepthDestructiveBackgroundHover-color:#e15;
  --framer-fresco-buttonWithDepthDestructiveShadow-color:0 2px 4px 0 rgba(255, 51, 102, 0.3);
  --framer-fresco-rowOverlayButtonBackground-color:#2B2B2B;
  --framer-fresco-rowOverlayButtonBackgroundHover-color:#282828;
  --framer-fresco-rowOverlayButtonBackgroundActive-color:#232323;
  --framer-fresco-tabBarText-color:#777777;
  --framer-fresco-electronTabBarBackground-color:#252525;
  --framer-fresco-electronTabBarBackgroundActive-color:#111111;
  --framer-fresco-electronTabBarBorder-color:#363636;
  --framer-fresco-electronTabBarText-color:#999999;
  --framer-fresco-electronTabBarTextActive-color:#ffffff;
  --framer-fresco-inputBackground-color:#2B2B2B;
  --framer-fresco-inputBorder-color:transparent;
  --framer-fresco-inputBorderError-color:#ff3366;
  --framer-fresco-inputBorderWarning-color:#FFBB00;
  --framer-fresco-inputBorderActive-color:#0099ff;
  --framer-fresco-inputText-color:#eeeeee;
  --framer-fresco-inputTextActive-color:#ffffff;
  --framer-fresco-inputTextError-color:#ff3366;
  --framer-fresco-inputTextDisabled-color:#777777;
  --framer-fresco-inputTextDisabledSelected-color:#aaaaaa;
  --framer-fresco-inputPlaceholder-color:#999999;
  --framer-fresco-inputLabel-color:#999999;
  --framer-fresco-inputLabelDisabled-color:#555555;
  --framer-fresco-inputIcon-color:#999999;
  --framer-fresco-inputIconHover-color:#cccccc;
  --framer-fresco-inputIconDisabled-color:#777777;
  --framer-fresco-sitesSettingsInputLabel-color:#999999;
  --framer-fresco-sitesSettingsInputBackground-color:#1f1f1f;
  --framer-fresco-sitesSettingsInputBackgroundDisabled-color:#444444;
  --framer-fresco-sitesSettingsInputColorDisabled-color:#777777;
  --framer-fresco-comboBoxSectionText-color:#ffffff;
  --framer-fresco-multiComboBoxTokenBackground-color:#555555;
  --framer-fresco-multiComboBoxTokenBackgroundHover-color:#4a4a4a;
  --framer-fresco-comboBoxHighlightedRowTint-color:#0099ff;
  --framer-fresco-comboBoxHighlightedRowText-color:#ffffff;
  --framer-fresco-comboBoxMenuBackground-color:#2B2B2B;
  --framer-fresco-comboBoxItemIcon-color:#777777;
  --framer-fresco-comboBoxHighlightUnsaturated-color:#303030;
  --framer-fresco-pillBackground-color:rgba(255, 255, 255, 0.05);
  --framer-fresco-pillBorder-color:rgba(255, 255, 255, 0.16);
  --framer-fresco-pillText-color:#999999;
  --framer-fresco-pillIcon-color:#999999;
  --framer-fresco-pillTintBackground-color:rgba(0, 153, 255, 0.1);
  --framer-fresco-pillTintBorder-color:rgba(0, 153, 255, 0.2);
  --framer-fresco-pillTintText-color:#0099ff;
  --framer-fresco-pillTintIcon-color:#0099ff;
  --framer-fresco-pillSuccessBackground-color:rgba(0, 187, 136, 0.1);
  --framer-fresco-pillSuccessText-color:#00BB88;
  --framer-fresco-pillSuccessIcon-color:#00BB88;
  --framer-fresco-comboBoxMenuBackgroundUnsaturated-color:#222222;
  --framer-fresco-comboBoxClearButton-color:#bbbbbb;
  --framer-fresco-comboBoxClearButtonHover-color:#ffffff;
  --framer-fresco-iconPadlock-color:#999999;
  --framer-fresco-padLockConnector-color:#444444;
  --framer-fresco-popoverBackground-color:#2B2B2B;
  --framer-fresco-popoverDivider-color:#363636;
  --framer-fresco-popoverText-color:#ffffff;
  --framer-fresco-popoverDescription-color:#999999;
  --framer-fresco-popoverDescriptionIcon-color:#999999;
  --framer-fresco-invitePopoverSendButtonBackground-color:rgba(255, 255, 255, 0.1);
  --framer-fresco-invitePopoverSendButtonText-color:#ffffff;
  --framer-fresco-popupButtonBackground-color:#2B2B2B;
  --framer-fresco-popupButtonBorder-color:transparent;
  --framer-fresco-popupButtonText-color:#ffffff;
  --framer-fresco-popupButtonIcon-color:#999999;
  --framer-fresco-popupButtonIconDisabled-color:#777777;
  --framer-fresco-popupButtonPreviewIconBackground-color:#444444;
  --framer-fresco-popupButtonPreviewIconPrimary-color:#ffffff;
  --framer-fresco-popupButtonPreviewIconSecondary-color:#888888;
  --framer-fresco-popupButtonWarningText-color:#ffffff;
  --framer-fresco-popupButtonWarningBackground-color:#FFAA00;
  --framer-fresco-popoutButtonTextPlaceholder-color:#999999;
  --framer-fresco-popoutButtonTextDisabled-color:#666666;
  --framer-fresco-popoutButtonCursorPlaceholder-color:#666666;
  --framer-fresco-popoutButtonCursorIconBackground-color:#666666;
  --framer-fresco-popoutButtonCursorIcon-color:rgba(255, 255, 255, 0.25);
  --framer-fresco-popoutButtonCursorBorder-color:rgba(255, 255, 255, 0.05);
  --framer-fresco-radioButtonBackground-color:rgba(255, 255, 255, 0.08);
  --framer-fresco-radioButtonBackgroundHover-color:rgba(255, 255, 255, 0.08);
  --framer-fresco-radioButtonLabel-color:#ffffff;
  --framer-fresco-radioButtonDescription-color:#aaaaaa;
  --framer-fresco-radioButtonLabelDisabled-color:#444444;
  --framer-fresco-segmentedControlBackground-color:#2B2B2B;
  --framer-fresco-segmentedControlBackgroundDisabled-color:#444444;
  --framer-fresco-segmentedControlBorder-color:transparent;
  --framer-fresco-segmentedControlItemBackground-color:#2B2B2B;
  --framer-fresco-segmentedControlItemBackgroundSelected-color:#404040;
  --framer-fresco-segmentedControlItemBackgroundActive-color:#282828;
  --framer-fresco-segmentedControlItemText-color:#999999;
  --framer-fresco-segmentedControlItemTextHover-color:#bbbbbb;
  --framer-fresco-segmentedControlItemTextSelected-color:#ffffff;
  --framer-fresco-segmentedControlItemTextSelectedHover-color:#ffffff;
  --framer-fresco-segmentedControlDivider-color:#444444;
  --framer-fresco-segmentedControlItemTextSelectedUnsaturated-color:#ffffff;
  --framer-fresco-tabsText-color:#999999;
  --framer-fresco-tabsTextSelected-color:#ffffff;
  --framer-fresco-tabsBackgroundSelected-color:#242424;
  --framer-fresco-sliderKnob-color:#ffffff;
  --framer-fresco-sliderTrack-color:#444444;
  --framer-fresco-sliderTrackActive-color:#0099ff;
  --framer-fresco-sliderTrackDisabled-color:#333333;
  --framer-fresco-spinnerBackground-color:#ffffff;
  --framer-fresco-presetIcon-color:#ffffff;
  --framer-fresco-presetSelectedColor-color:#ffffff;
  --framer-fresco-presetSelectedBackground-color:#2B2B2B;
  --framer-fresco-alternativePresetIcon-color:#0099ff;
  --framer-fresco-alternativePresetSelectedColor-color:#0099ff;
  --framer-fresco-alternativePresetSelectedBackground-color:rgba(0, 153, 255, 0.15);
  --framer-fresco-assetStyleIcon-color:#0099ff;
  --framer-fresco-assetComponentIcon-color:#8855ff;
  --framer-fresco-assetCodeFileIcon-color:#888888;
  --framer-fresco-assetSelectedColor-color:#ffffff;
  --framer-fresco-assetSelectedBackground-color:#2B2B2B;
  --framer-fresco-gradientStopSliderBorder-color:rgba(255, 255, 255, 0.1);
  --framer-fresco-activeGoogleButtonText-color:#ffffff;
  --framer-fresco-activeGoogleSheetIcon-color:#0099ff;
  --framer-fresco-maskEmptyGradientStop1-color:#2B2B2B;
  --framer-fresco-maskEmptyGradientStop2-color:#555555;
  --framer-fresco-colorStyleBorder-color:#ffffff;
  --framer-fresco-colorStyleDisabled-color:rgba(255, 255, 255, 0.05);
  --framer-fresco-swatchBorder-color:rgba(255, 255, 255, 0.15);
  --framer-fresco-swatchBorderPlaceholder-color:rgba(255, 255, 255, 0.05);
  --framer-fresco-swatchBackground-color:#3a3a3a;
  --framer-fresco-swatchBackgroundPlaceholderForFill-color:#ffffff;
  --framer-fresco-swatchBackgroundPlaceholderForBorder-color:#666666;
  --framer-fresco-swatchBackgroundPlaceholderForLink-color:#666666;
  --framer-fresco-swatchBackgroundForLink-color:#0099ff;
  --framer-fresco-swatchBackgroundPlaceholderForFile-color:#666666;
  --framer-fresco-swatchBackgroundPlaceholderForShadow-color:rgba(68, 68, 68, 0.5);
  --framer-fresco-swatchBackgroundForComputedValue-color:rgba(255, 255, 255, 0.2);
  --framer-fresco-swatchOverlappingBorder-color:rgba(17, 17, 17, 0.9);
  --framer-fresco-checkboxBackground-color:rgba(255, 255, 255, 0.08);
  --framer-fresco-checkboxBackgroundActive-color:rgba(255, 255, 255, 0.08);
  --framer-fresco-checkboxBackgroundChecked-color:#0099ff;
  --framer-fresco-checkboxBackgroundCheckedActive-color:#0088ff;
  --framer-fresco-checkboxDarkerBackgroundChecked-color:#ffffff;
  --framer-fresco-checkboxDarkerBackgroundCheckedActive-color:#ffffff;
  --framer-fresco-checkboxLabel-color:#ffffff;
  --framer-fresco-checkboxLabelDisabled-color:#444444;
  --framer-fresco-checkboxStroke-color:#ffffff;
  --framer-fresco-checkboxDarkerStroke-color:#222222;
  --framer-fresco-moreInfoText-color:#eeeeee;
  --framer-fresco-moreInfoDisclosureIcon-color:#aaaaaa;
  --framer-fresco-toggleBackground-color:#444444;
  --framer-fresco-toggleBackgroundChecked-color:#0099ff;
  --framer-fresco-toggleBackgroundDisabled-color:#333333;
  --framer-fresco-toggleTack-color:#ffffff;
  --framer-fresco-toggleTackDisabled-color:#666666;
  --framer-fresco-toggleTackBorder-color:rgba(0, 0, 0, 0.05);
  --framer-fresco-toggleTackBorderDisabled-color:transparent;
  --framer-fresco-codeEditorBackground-color:#181818;
  --framer-fresco-codeEditorInsideModalBackground-color:#2B2B2B;
  --framer-fresco-codeEditorDisabledBackground-color:#444444;
  --framer-fresco-textAreaScrollbar-color:#555555;
  --framer-fresco-toolbarIcon-color:#999999;
  --framer-fresco-toolbarIconHover-color:#dddddd;
  --framer-fresco-toolbarIconActive-color:#0099ff;
  --framer-fresco-toolbarTitleText-color:#999999;
  --framer-fresco-toolbarInputText-color:#ffffff;
  --framer-fresco-toolbarCmsMobileTitle-color:#ffffff;
  --framer-fresco-projectBarButtonBackground-color:#242424;
  --framer-fresco-projectBarButtonBackgroundHover-color:#333333;
  --framer-fresco-projectBarButtonBackgroundActive-color:#333333;
  --framer-fresco-projectBarButtonBorderActive-color:rgba(255, 255, 255, 0.07);
  --framer-fresco-projectBarButtonTextWarning-color:#FFCC00;
  --framer-fresco-toolbarLeftPanelToggleText-color:#666666;
  --framer-fresco-toolbarLeftPanelToggleTextActive-color:#ffffff;
  --framer-fresco-toolbarButtonTextSites-color:#999999;
  --framer-fresco-toolbarButtonIconSites-color:#888888;
  --framer-fresco-toolbarButtonTextActiveSites-color:#ffffff;
  --framer-fresco-toolbarButtonBackgroundActiveSites-color:#333333;
  --framer-fresco-toolbarButtonBackgroundTintedSites-color:color(display-p3 0 0.6 1 / 0.1);
  --framer-fresco-toolbarPreviewCloseButtonSites-color:#ffffff;
  --framer-fresco-toolbarSettingsButtonTextSites-color:#ffffff;
  --framer-fresco-toolbarSettingsButtonTextSecondarySites-color:#999999;
  --framer-fresco-toolbarSettingsButtonTextActiveSites-color:#222222;
  --framer-fresco-toolbarSettingsButtonBackgroundActiveSites-color:#ffffff;
  --framer-fresco-toolbarInviteBadgeBackgroundHover-color:#444444;
  --framer-fresco-projectBarTitleBackgroundActive-color:transparent;
  --framer-fresco-breadcrumbItemText-color:#999999;
  --framer-fresco-breadcrumbItemBackground-color:rgba(255, 255, 255, 0.05);
  --framer-fresco-breadcrumbItemBackgroundTinted-color:color(display-p3 0 0.6 1 / 0.1);
  --framer-fresco-breadcrumbOverlayPlayButton-color:#AD89FF;
  --framer-fresco-breadcrumbDraftBadgeText-color:#222222;
  --framer-fresco-educationButtonBackground-color:rgba(17, 17, 17, 0.05);
  --framer-fresco-educationButtonText-color:#999999;
  --framer-fresco-menuBackground-color:#2B2B2B;
  --framer-fresco-menuBackgroundActive-color:#0099ff;
  --framer-fresco-menuBackgroundActiveUnsaturated-color:#444444;
  --framer-fresco-menuItemWithSubmenuBackgroundActive-color:#444444;
  --framer-fresco-menuText-color:#ffffff;
  --framer-fresco-menuTextDisabled-color:rgba(255, 255, 255, 0.4);
  --framer-fresco-menuDescription-color:#999999;
  --framer-fresco-menuDescriptionActive-color:rgba(255, 255, 255, 0.8);
  --framer-fresco-menuTextActive-color:#ffffff;
  --framer-fresco-menuTextActiveUnsaturated-color:#ffffff;
  --framer-fresco-menuSeparator-color:#363636;
  --framer-fresco-menuBadgeBackground-color:rgba(136, 136, 136, 0.15);
  --framer-fresco-menuBadgeBorder-color:transparent;
  --framer-fresco-menuBadgeColor-color:#888888;
  --framer-fresco-menuBadgeBackgroundActive-color:rgba(255, 255, 255, 0.3);
  --framer-fresco-menuBadgeColorActive-color:#ffffff;
  --framer-fresco-menuCheckbox-color:#ffffff;
  --framer-fresco-menuCheckboxActive-color:#ffffff;
  --framer-fresco-menuCheckboxDisabled-color:rgba(255, 255, 255, 0.4);
  --framer-fresco-menuCaretActive-color:#ffffff;
  --framer-fresco-menuIcon-color:rgba(255, 255, 255, 0.4);
  --framer-fresco-menuTextChecked-color:#ffffff;
  --framer-fresco-menuCaretChecked-color:rgba(255, 255, 255, 0.4);
  --framer-fresco-contextMenuButtonBackgroundHover-color:#444444;
  --framer-fresco-contextMenuButtonIcon-color:#999999;
  --framer-fresco-contextMenuButtonIconHover-color:#ffffff;
  --framer-fresco-pageRowTextActive-color:#ffffff;
  --framer-fresco-pageRowBackgroundActive-color:#2B2B2B;
  --framer-fresco-pageIconSelected-color:#ffffff;
  --framer-fresco-collapsibleCaret-color:#666666;
  --framer-fresco-collapsibleCaretActive-color:#999999;
  --framer-fresco-pageContextMenuButtonIcon-color:#666666;
  --framer-fresco-pageContextMenuButtonIconSelected-color:#999999;
  --framer-fresco-pageContextMenuButtonIconHover-color:#ffffff;
  --framer-fresco-pageFolderIconFill-color:rgba(153, 153, 153, 0.2);
  --framer-fresco-layerItemTextDimmed-color:rgba(102, 102, 102, 0.8);
  --framer-fresco-layerItemTextInactive-color:rgba(119, 119, 119, 0.5);
  --framer-fresco-layerItemTextInactiveSelected-color:rgba(255, 255, 255, 0.5);
  --framer-fresco-layerItemIcon-color:#888888;
  --framer-fresco-layerItemIconDimmed-color:#6c758c;
  --framer-fresco-layerItemIconComponentDimmed-color:#74708c;
  --framer-fresco-layerItemIconInactive-color:#666666;
  --framer-fresco-layerItemIconInactiveSelected-color:#ffffff;
  --framer-fresco-layerItemPlaceholderText-color:#999999;
  --framer-fresco-layerItemComponentLabel-color:#555555;
  --framer-fresco-layerItemComponentLabelSelected-color:#ffffff;
  --framer-fresco-layerItemAgentContextToolHighlightBackground-color:rgba(0, 153, 255, 0.05);
  --framer-fresco-layerItemAgentContextToolHighlightBorder-color:rgba(0, 153, 255, 0.1);
  --framer-fresco-layoutPinBackground-color:#888888;
  --framer-fresco-canvasBackground-color:#1d1d1d;
  --framer-fresco-canvasComponentOverlayEditModeBackground-color:#2A1F41;
  --framer-fresco-canvasFrameTitle-color:#666666;
  --framer-fresco-canvasFrameOutline-color:rgba(119, 119, 119, 0.3);
  --framer-fresco-canvasFramePreview-color:rgba(119, 119, 119, 0.1);
  --framer-fresco-canvasFramePreviewOutline-color:rgba(119, 119, 119, 0.3);
  --framer-fresco-canvasConnectionLine-color:#555555;
  --framer-fresco-canvasArrowInactive-color:#444444;
  --framer-fresco-canvasSuggestionOutline-color:rgba(255, 255, 255, 0.05);
  --framer-fresco-canvasSuggestionBackground-color:rgba(255, 255, 255, 0.04);
  --framer-fresco-canvasSuggestionText-color:#999999;
  --framer-fresco-rulerBackground-color:#1d1d1d;
  --framer-fresco-rulerBorderColor-color:#282828;
  --framer-fresco-rulerTickColor-color:#555555;
  --framer-fresco-rulerTextColor-color:#666666;
  --framer-fresco-rulerFadeOut-color:rgba(46, 46, 46, 0);
  --framer-fresco-rulerComponentOverlayEditModeBackground-color:#332455;
  --framer-fresco-rulerComponentOverlayEditModeBorderColor-color:rgba(136, 85, 255, 0.15);
  --framer-fresco-rulerComponentOverlayEditModeTextColor-color:rgb(136, 85, 255);
  --framer-fresco-rulerComponentOverlayEditModeTickColor-color:rgb(136, 85, 255);
  --framer-fresco-rulerComponentOverlayEditModeFadeOut-color:rgba(136, 85, 255, 0);
  --framer-fresco-guideColor-color:#00ADAD;
  --framer-fresco-guideHighlightColor-color:#0099ff;
  --framer-fresco-guideComponentHighlightColor-color:#8855ff;
  --framer-fresco-selectionBox-color:rgba(119, 119, 119,0.1);
  --framer-fresco-selectionBoxOutline-color:rgba(119, 119, 119, 0.3);
  --framer-fresco-selectionBoxBackground-color:rgba(0, 153, 255, 0.3);
  --framer-fresco-selectionBoxComponentBackground-color:rgba(136, 85, 255,0.2);
  --framer-fresco-snapLine-color:#F5A;
  --framer-fresco-snapConstraint-color:#F5A;
  --framer-fresco-textEditorOutline-color:#666666;
  --framer-fresco-error-color:#EE4444;
  --framer-fresco-errorText-color:#ffffff;
  --framer-fresco-fatalErrorText-color:#ffffff;
  --framer-fresco-codeExportPanelFadeOut-color:rgba(17, 17, 17, 0);
  --framer-fresco-codeExportPanelSelection-color:rgba(68, 68, 68, 0.99);
  --framer-fresco-codeExportChipBackground-color:rgba(255, 215, 6, 0.16);
  --framer-fresco-previewSpinnerBackground-color:#ffffff;
  --framer-fresco-previewEmptyDocumentText-color:#777777;
  --framer-fresco-previewResizeHandles-color:rgba(255, 255, 255, 0.1);
  --framer-fresco-previewResizeHandlesHover-color:rgba(255, 255, 255, 0.15);
  --framer-fresco-tooltipBackground-color:#444444;
  --framer-fresco-tooltipText-color:#ffffff;
  --framer-fresco-tooltipIcon-color:#666666;
  --framer-fresco-tooltipIconHover-color:#999999;
  --framer-fresco-tooltipBackdrop-color:rgba(0, 0, 0, 0.1);
  --framer-fresco-tooltipInsert-color:#2B2B2B;
  --framer-fresco-tooltipShortcutBorder-color:rgba(255, 255, 255, 0.07);
  --framer-fresco-tooltipShortcutBackground-color:rgba(255, 255, 255, 0.1);
  --framer-fresco-tooltipShortcutText-color:#999999;
  --framer-fresco-badgeBackground-color:rgba(0, 153, 255, 0.15);
  --framer-fresco-warningBadgeBackground-color:rgba(255, 170, 0, 0.15);
  --framer-fresco-errorBadgeBackground-color:rgba(255, 51, 85, 0.15);
  --framer-fresco-neutralBadgeBackground-color:rgba(204, 204, 204, 0.1);
  --framer-fresco-neutralBadgeColor-color:#cccccc;
  --framer-fresco-timeBadgeBackground-color:rgba(170, 170, 170, 0.15);
  --framer-fresco-highlightBadgeBackground-color:rgba(255, 255, 255, 0.3);
  --framer-fresco-domainVoucherBadgeIconBackground-color:rgba(0, 153, 255, 0.1);
  --framer-fresco-inactiveAvatarBackground-color:#888888;
  --framer-fresco-countLabelBackground-color:#242424;
  --framer-fresco-countLabelText-color:rgba(255, 255, 255, 0.5);
  --framer-fresco-formRedirectLinkIcon-color:#666666;
  --framer-fresco-feedbackSidebarBackground-color:#111111;
  --framer-fresco-feedbackPrimaryText-color:#ffffff;
  --framer-fresco-feedbackSecondaryText-color:#777777;
  --framer-fresco-feedbackTertiaryText-color:#999999;
  --framer-fresco-feedbackFormButtonBackground-color:#2B2B2B;
  --framer-fresco-feedbackFormButtonFloatingBackground-color:#3a3a3a;
  --framer-fresco-feedbackFormButtonFill-color:#777777;
  --framer-fresco-feedbackFormButtonSubmitFocus-color:#0066ff;
  --framer-fresco-feedbackFormButtonFocus-color:#444444;
  --framer-fresco-feedbackFormBackground-color:#111111;
  --framer-fresco-feedbackFormPlaceholder-color:#777777;
  --framer-fresco-feedbackDivider-color:#252525;
  --framer-fresco-feedbackLabelBackground-color:#2B2B2B;
  --framer-fresco-feedbackHasRepliesBackground-color:rgba(0, 153, 255, 0.1);
  --framer-fresco-feedbackDisclosureBackground-color:#2B2B2B;
  --framer-fresco-feedbackDisclosureFill-color:#777777;
  --framer-fresco-feedbackPinShadow-color:rgba(0, 0, 0, 0.3);
  --framer-fresco-emptyStateIcon-color:#aaaaaa;
  --framer-fresco-emptyStateCardBackground-color:#2B2B2B;
  --framer-fresco-emptyStateTitle-color:#ffffff;
  --framer-fresco-emptyStateBodyText-color:#999999;
  --framer-fresco-emptyStateBodyTextForSites-color:#999999;
  --framer-fresco-emptyStateBodyTextForAdvancedHosting-color:#777777;
  --framer-fresco-emptyStateInputShape-color:#181818;
  --framer-fresco-emptyStateTextShape-color:#222222;
  --framer-fresco-errorStateIconColor-color:#999999;
  --framer-fresco-errorStateCodeText-color:#999999;
  --framer-fresco-errorStateCodeBackground-color:#252525;
  --framer-fresco-errorStateTitleText-color:#ffffff;
  --framer-fresco-errorStateDescriptionText-color:#cccccc;
  --framer-fresco-dashboardHeadingLink-color:#888888;
  --framer-fresco-dashboardHeadingLinkHover-color:#ffffff;
  --framer-fresco-dashboardItemIcon-color:#ffffff;
  --framer-fresco-dashboardSearchPlaceholder-color:#666666;
  --framer-fresco-dashboardMoreButtonIcon-color:#666666;
  --framer-fresco-dashboardEmptyState-color:#222222;
  --framer-fresco-dashboardEmptyStateTitle-color:#ffffff;
  --framer-fresco-dashboardEmptyStateSubtitle-color:#999999;
  --framer-fresco-dashboardCardInfoText-color:#ffffff;
  --framer-fresco-dashboardCardInfoSpanText-color:rgba(255, 255, 255, 0.4);
  --framer-fresco-dashboardContentBackground-color:#111111;
  --framer-fresco-nonFullWidthDashboardContentBackground-color:#252525;
  --framer-fresco-dashboardProjectThumbnailPlaceholderLogo-color:#777777;
  --framer-fresco-dashboardCustomThumbnailButton-color:rgba(255, 255, 255, 0.07);
  --framer-fresco-dashboardCustomThumbnailButtonHover-color:rgba(255, 255, 255, 0.05);
  --framer-fresco-dashboardCustomThumbnailButtonActive-color:rgba(255, 255, 255, 0.03);
  --framer-fresco-dashboardSearchWorkspaceTitle-color:#ffffff;
  --framer-fresco-dashboardSearchWorkspaceTag-color:#888888;
  --framer-fresco-dashboardIcon-color:#999999;
  --framer-fresco-dashboardIconHover-color:#bababa;
  --framer-fresco-dashboardProjectThumbnailBorder-color:rgba(255, 255, 255, 0.05);
  --framer-fresco-dashboardProjectThumbnailBackground-color:#181818;
  --framer-fresco-dashboardProjectFocusedBorder-color:rgba(153, 153, 153, 0.5);
  --framer-fresco-dashboardSidebarBackground-color:#111111;
  --framer-fresco-dashboardSidebarTitle-color:#ffffff;
  --framer-fresco-dashboardSidebarText-color:#999999;
  --framer-fresco-dashboardSidebarTextDimmed-color:#555555;
  --framer-fresco-dashboardSidebarDivider-color:#252525;
  --framer-fresco-dashboardSidebarActions-color:#666666;
  --framer-fresco-dashboardSidebarActive-color:#ffffff;
  --framer-fresco-dashboardSidebarActiveBackground-color:#2B2B2B;
  --framer-fresco-dashboardSidebarBorder-color:#252525;
  --framer-fresco-dashboardSidebarIcon-color:#888888;
  --framer-fresco-dashboardSidebarIconHover-color:#bababa;
  --framer-fresco-dashboardSidebarViewCount-color:#666666;
  --framer-fresco-dashboardSidebarInviteIcon-color:#777777;
  --framer-fresco-badgeFreeWorkspaceBackground-color:rgba(136, 136, 136, 0.15);
  --framer-fresco-badgeFreeWorkspaceText-color:#888888;
  --framer-fresco-badgeLiteWorkspaceText-color:#888888;
  --framer-fresco-badgeBasicWorkspaceBackground-color:rgba(0, 153, 255, 0.15);
  --framer-fresco-badgeBasicWorkspaceText-color:#0099ff;
  --framer-fresco-badgeEnterpriseWorkspaceBackground-color:rgba(136, 136, 136, 0.15);
  --framer-fresco-badgeEnterpriseWorkspaceText-color:#888888;
  --framer-fresco-badgeLegacyWorkspaceBackground-color:rgba(136, 136, 136, 0.15);
  --framer-fresco-badgeLegacyWorkspaceText-color:#888888;
  --framer-fresco-badgeGuestWorkspaceBackground-color:rgba(136, 136, 136, 0.15);
  --framer-fresco-badgeGuestWorkspaceText-color:#888888;
  --framer-fresco-badgeBusinessWorkspaceBackground-color:rgba(153, 102, 255, 0.15);
  --framer-fresco-badgeBusinessWorkspaceText-color:#9966ff;
  --framer-fresco-badgeTeamEditorWorkspaceBackground-color:rgba(0, 153, 255, 0.15);
  --framer-fresco-badgeTeamEditorWorkspaceText-color:#0099ff;
  --framer-fresco-projectMenuButtonBackground-color:#333333;
  --framer-fresco-projectMenuButtonText-color:#ffffff;
  --framer-fresco-customSearchBackground-color:#2B2B2B;
  --framer-fresco-customSearchText-color:#999999;
  --framer-fresco-customSearchTextWhileTyping-color:#ffffff;
  --framer-fresco-dashboardInfoBannerColor-color:#ffffff;
  --framer-fresco-dashboardInfoBannerBackground-color:#333333;
  --framer-fresco-dashboardInfoBannerButton-color:#444444;
  --framer-fresco-dashboardInfoBannerButtonHover-color:#555555;
  --framer-fresco-advancedHostingBackground-color:#111111;
  --framer-fresco-advancedHostingTitle-color:#ffffff;
  --framer-fresco-advancedHostingSubheading-color:#888888;
  --framer-fresco-advancedHostingDescription-color:#777777;
  --framer-fresco-advancedHostingText-color:#999999;
  --framer-fresco-advancedHostingTableHeader-color:#777777;
  --framer-fresco-advancedHostingBorder-color:#252525;
  --framer-fresco-advancedHostingTableIcon-color:#999999;
  --framer-fresco-advancedHostingTableDragHandle-color:#444444;
  --framer-fresco-advancedHostingFilterColor-color:#999999;
  --framer-fresco-advancedHostingConnectionLabelBackground-color:rgba(0, 153, 255, 0.15);
  --framer-fresco-advancedHostingConnectionLabelText-color:#0099ff;
  --framer-fresco-advancedHostingPendingLabelBackground-color:rgba(153, 153, 153, 0.15);
  --framer-fresco-advancedHostingStatusBlockText-color:#999999;
  --framer-fresco-advancedHostingPendingLabelText-color:#999999;
  --framer-fresco-advancedHostingRowSubLabel-color:#777777;
  --framer-fresco-advancedHostingPreviewThumbnailBorder-color:rgba(255, 255, 255, 0.05);
  --framer-fresco-advancedHostingAnalyticsSubheading-color:#999999;
  --framer-fresco-advancedHostingAnalyticsGradientColor-color:#111111;
  --framer-fresco-advancedHostingTooltipTint-color:#0088ff;
  --framer-fresco-advancedHostingInfoIcon-color:#777777;
  --framer-fresco-advancedHostingInfoIconHover-color:#999999;
  --framer-fresco-advancedHostingToggleDescription-color:#999999;
  --framer-fresco-advancedHostingFileDeleteButton-color:#777777;
  --framer-fresco-advancedHostingFileDeleteButtonHover-color:#999999;
  --framer-fresco-upgradeFromDashboardLinkHover-color:#181818;
  --framer-fresco-settingsModalTeamMemberRole-color:#cccccc;
  --framer-fresco-settingsModalTeamSearchIcon-color:#999999;
  --framer-fresco-settingsModalTeamRegenerateLinkIcon-color:#ffffff;
  --framer-fresco-settingsModalText-color:#cccccc;
  --framer-fresco-settingsModalTextDimmed-color:#aaaaaa;
  --framer-fresco-settingsModalDivider-color:#2B2B2B;
  --framer-fresco-settingsModalLabel-color:#ffffff;
  --framer-fresco-settingsModalNavigationLink-color:#cccccc;
  --framer-fresco-settingsModalNavigationIcon-color:#999999;
  --framer-fresco-settingsModalNavigationLinkHover-color:#aaaaaa;
  --framer-fresco-settingsModalTitle-color:#ffffff;
  --framer-fresco-settingsModalPlanEmptyEditorsAvatar-color:#333333;
  --framer-fresco-settingsModalPlanEmptyEditorsAvatarText-color:#ffffff;
  --framer-fresco-settingsModalPlanCardBackground-color:#2B2B2B;
  --framer-fresco-settingsModalFontDeleteIcon-color:#aaaaaa;
  --framer-fresco-settingsModalTeamSearchFilterButtonActiveBackground-color:#ffffff;
  --framer-fresco-settingsModalTeamSearchFilterButtonActiveText-color:#333333;
  --framer-fresco-settingsModalTeamSearchFilterTagBackground-color:#333333;
  --framer-fresco-settingsModalTeamSearchFilterTagText-color:#ffffff;
  --framer-fresco-settingsModalPlansEditorsCount-color:#999999;
  --framer-fresco-settingsModalPlanMoreButton-color:#aaaaaa;
  --framer-fresco-settingsModalTitleBorder-color:#2B2B2B;
  --framer-fresco-settingsModalBillingDetails-color:#999999;
  --framer-fresco-settingsModalRemoveAvatarButton-color:#333333;
  --framer-fresco-settingsModalSessionsIcons-color:#444444;
  --framer-fresco-settingsModalCancelIcon-color:#999999;
  --framer-fresco-settingsHeaderText-color:#999999;
  --framer-fresco-selectProjectToUpgradeModalHover-color:#2B2B2B;
  --framer-fresco-selectProjectToUpgradePrimary-color:#ffffff;
  --framer-fresco-activeAccountSettingsLink-color:#ffffff;
  --framer-fresco-activeAccountSettingsBackground-color:#2B2B2B;
  --framer-fresco-organizationTextDimmed-color:#aaaaaa;
  --framer-fresco-organizationMemberRowHover-color:#222222;
  --framer-fresco-organizationMemberDetailBackButton-color:#ffffff;
  --framer-fresco-organizationMemberDetailSubtitle-color:#ffffff;
  --framer-fresco-organizationInviteRoleMenu-color:#ffffff;
  --framer-fresco-organizationMemberName-color:#ffffff;
  --framer-fresco-organizationNoteBackground-color:#2B2B2B;
  --framer-fresco-organizationDetailTitle-color:#ffffff;
  --framer-fresco-confirmationModalDescription-color:#cccccc;
  --framer-fresco-buttonSheetBackground-color:#2B2B2B;
  --framer-fresco-buttonSheetDivider-color:#333333;
  --framer-fresco-buttonSheetText-color:#8e8e8e;
  --framer-fresco-insertPanelNeutralIconBackground-color:#ffffff;
  --framer-fresco-insertPanelNeutralIconForeground-color:#000000;
  --framer-fresco-insertPanelGrayIcon-color:#333333;
  --framer-fresco-insertPanelOrangeIcon-color:#ff8822;
  --framer-fresco-insertPanelYellowIcon-color:#FFBB00;
  --framer-fresco-insertPanelCyanIcon-color:#28D4D4;
  --framer-fresco-insertPanelGreenIcon-color:#14D934;
  --framer-fresco-insertPanelRedIcon-color:#FF5D38;
  --framer-fresco-insertPanelPurpleIcon-color:#8855ff;
  --framer-fresco-insertPanelGridItem-color:#222222;
  --framer-fresco-insertPanelAgentCategoryIcon-color:#999999;
  --framer-fresco-insertPanelAgentCategoryIconBackgroundActive-color:rgba(255, 255, 255, 0.1);
  --framer-fresco-wireframerAssistantAvatarBackground-color:#ffffff;
  --framer-fresco-wireframerAssistantAvatarForeground-color:#000000;
  --framer-fresco-wireframerAssistantName-color:#ffffff;
  --framer-fresco-wireframerAssistantPlan-color:#999999;
  --framer-fresco-wireframerAssistantPlanActive-color:#ffffff;
  --framer-fresco-wireframerAssistantPlanDisabled-color:#666666;
  --framer-fresco-wireframerAssistantVideoLink-color:#ffffff;
  --framer-fresco-wireframerAssistantVideoLinkUnderline-color:rgba(255, 255, 255, 0.1);
  --framer-fresco-wireframerAssistantMessageSelection-color:rgba(255, 255, 255, 0.15);
  --framer-fresco-wireframerSendMessageButtonBackground-color:#555555;
  --framer-fresco-wireframerSendMessageButtonBackgroundDisabled-color:#444444;
  --framer-fresco-wireframerSendMessageButtonForeground-color:#ffffff;
  --framer-fresco-wireframerSendMessageButtonForegroundDisabled-color:#999999;
  --framer-fresco-wireframerSuggestionIcon-color:#999999;
  --framer-fresco-wireframerSuggestionIconHover-color:#ffffff;
  --framer-fresco-wireframerSuggestionButtonBackground-color:#111111;
  --framer-fresco-wireframerSuggestionButtonForeground-color:#999999;
  --framer-fresco-wireframerSuggestionButtonForegroundHover-color:#ffffff;
  --framer-fresco-wireframerSuggestionButtonBorder-color:rgba(255, 255, 255, 0.05);
  --framer-fresco-agentButtonPrimaryBackground-color:#ffffff;
  --framer-fresco-agentButtonPrimaryForeground-color:#000000;
  --framer-fresco-agentButtonSecondaryBackground-color:#2B2B2B;
  --framer-fresco-agentButtonSecondaryForeground-color:#ffffff;
  --framer-fresco-agentButtonTertiaryBackground-color:#333333;
  --framer-fresco-agentButtonTertiaryForeground-color:#ffffff;
  --framer-fresco-agentButtonOutlineBackground-color:rgba(255, 255, 255, 0.08);
  --framer-fresco-agentButtonOutlineForeground-color:#999999;
  --framer-fresco-agentButtonDisabledBackground-color:#222222;
  --framer-fresco-agentButtonDisabledForeground-color:rgba(255, 255, 255, 0.5);
  --framer-fresco-agentButtonChatBackground-color:#303030;
  --framer-fresco-agentButtonChatForeground-color:#ffffff;
  --framer-fresco-agentButtonChatStopFill-color:rgba(255, 255, 255, 0.6);
  --framer-fresco-agentButtonChatDisabledForeground-color:#999999;
  --framer-fresco-agentButtonChatLabelForeground-color:#999999;
  --framer-fresco-agentContextUsageMeterProgress-color:#999999;
  --framer-fresco-agentContextUsageMeterTrack-color:rgba(255, 255, 255, 0.15);
  --framer-fresco-agentLogsText-color:#444444;
  --framer-fresco-agentLogsTextActive-color:#ffffff;
  --framer-fresco-agentLogsTextError-color:#999999;
  --framer-fresco-agentBorder-color:rgba(255, 255, 255, 0.07);
  --framer-fresco-agentDivider-color:rgba(255, 255, 255, 0.06);
  --framer-fresco-agentInput-color:#1f1f1f;
  --framer-fresco-agentFeedbackThreadBackground-color:#111111;
  --framer-fresco-agentFeedbackThreadBackgroundActive-color:#1f1f1f;
  --framer-fresco-agentFeedbackCommentPrimary-color:#ffffff;
  --framer-fresco-agentFeedbackCommentSecondary-color:#999999;
  --framer-fresco-agentFeedbackCommentTertiary-color:#999999;
  --framer-fresco-agentFeedbackThreadDivider-color:rgba(255, 255, 255, 0.06);
  --framer-fresco-agentFeedbackThreadReplyIconBorder-color:rgba(255, 255, 255, 0.08);
  --framer-fresco-agentFeedbackThreadReplyIcon-color:#666666;
  --framer-fresco-agentFeedbackThreadResolveForeground-color:#ffffff;
  --framer-fresco-agentError-color:#FF2200;
  --framer-fresco-agentSecondaryText-color:#666666;
  --framer-fresco-agentMessageText-color:#cccccc;
  --framer-fresco-agentMessageInlineCodeBackground-color:#242424;
  --framer-fresco-agentMessageCodeBlockBackground-color:#1f1f1f;
  --framer-fresco-agentMessageCodeText-color:#888888;
  --framer-fresco-agentMessageTimestamp-color:#444444;
  --framer-fresco-agentQuestionProgress-color:#555555;
  --framer-fresco-agentListItemText-color:#999999;
  --framer-fresco-agentListItemTextActive-color:#ffffff;
  --framer-fresco-agentListItemIcon-color:#999999;
  --framer-fresco-agentFileTagBackground-color:rgba(255, 255, 255, 0.05);
  --framer-fresco-agentFileTagBorder-color:rgba(255, 255, 255, 0.1);
  --framer-fresco-agentFileTagSecondaryText-color:#999999;
  --framer-fresco-agentFileTagPrimaryText-color:#ffffff;
  --framer-fresco-kitBadgeBackground-color:rgba(0, 153, 255, 0.05);
  --framer-fresco-kitBadgeForeground-color:#0099ff;
  --framer-fresco-defaultKitIconBackground-color:#000000;
  --framer-fresco-defaultKitIconForeground-color:#ffffff;
  --framer-fresco-defaultKitIconBorder-color:rgba(255, 255, 255, 0.05);
  --framer-fresco-kitsWelcomeModalText-color:#aaaaaa;
  --framer-fresco-dashboardTableBodyText-color:#f5f5f5;
  --framer-fresco-toastBackgroundPrimary-color:#0099ff;
  --framer-fresco-toastIcon-color:#888888;
  --framer-fresco-toastTextPrimary-color:#ffffff;
  --framer-fresco-toastBackgroundSites-color:#222222;
  --framer-fresco-toastText-color:#ffffff;
  --framer-fresco-toastSecondaryTextSites-color:#999999;
  --framer-fresco-toastIconSites-color:#0099ff;
  --framer-fresco-toastButtonBackgroundProminent-color:#ffffff;
  --framer-fresco-toastButtonBackgroundProminentHover-color:rgba(255, 255, 255, 0.9);
  --framer-fresco-expiredTrialBanner-color:#111111;
  --framer-fresco-stylesPresetsIconBackground-color:#666666;
  --framer-fresco-stylesPresetsIconText-color:#ffffff;
  --framer-fresco-stylesPresetsButtonBackground-color:#2B2B2B;
  --framer-fresco-stylesPresetsButtonBackgroundHover-color:#282828;
  --framer-fresco-shortcutsModalListTitle-color:#999999;
  --framer-fresco-shortcutsModalActionButton-color:#888888;
  --framer-fresco-shortcutsModalDivider-color:#444444;
  --framer-fresco-shortcutsModalKeyBackground-color:#555555;
  --framer-fresco-loaderPrimary-color:#181818;
  --framer-fresco-loaderSecondary-color:#222222;
  --framer-fresco-upsellCTAText-color:#ffffff;
  --framer-fresco-upsellCTAButtonBackground-color:#ffffff;
  --framer-fresco-upsellCTAButtonBackgroundHover-color:#eeeeee;
  --framer-fresco-teamCreationModalBackground-color:#1d1d1d;
  --framer-fresco-teamCreationCloseIcon-color:#888888;
  --framer-fresco-teamCreationText-color:#fdfdfd;
  --framer-fresco-teamCreationTextDimmed-color:#999999;
  --framer-fresco-teamCreationNavigation-color:#2B2B2B;
  --framer-fresco-teamCreationNavigationActive-color:#0099ff;
  --framer-fresco-teamCreationBenefitIcon-color:#0099ff;
  --framer-fresco-teamCreationBenefitDivider-color:#333333;
  --framer-fresco-errorBoundaryDescription-color:#aaaaaa;
  --framer-fresco-highlightsBorder-color:#0099ff;
  --framer-fresco-highlightsBackground-color:rgba(0, 153, 255, 0.2);
  --framer-fresco-aiHighlightBorder-color:#0099ff;
  --framer-fresco-aiHighlightPulseOn-color:rgba(0, 153, 255, 0.6);
  --framer-fresco-aiHighlightPulseOff-color:rgba(0, 153, 255, 0);
  --framer-fresco-onPageHighlightBorder-color:rgba(0, 153, 255, 0.8);
  --framer-fresco-onPageHighlightBorderDragging-color:rgba(0, 153, 255, 0.2);
  --framer-fresco-componentProgressOverlayBackground-color:#E6E2EF;
  --framer-fresco-componentProgressOverlayBorder-color:#E6E2EF;
  --framer-fresco-componentProgressOverlayTitle-color:#8855ff;
  --framer-fresco-statusBarStableText-color:#999999;
  --framer-fresco-statusBarCustomerIcon-color:#FFBB00;
  --framer-fresco-statusBarAlphaIcon-color:#0099ff;
  --framer-fresco-statusBarBetaIcon-color:#44dddd;
  --framer-fresco-statusBarDevelopmentIcon-color:#14d934;
  --framer-fresco-statusBarDevTunnelIcon-color:#ff5d38;
  --framer-fresco-statusBarProductionTunnelIcon-color:#ff3344;
  --framer-fresco-statusBarPreviewIcon-color:#a375ff;
  --framer-fresco-statusBarStableIcon-color:#666666;
  --framer-fresco-projectTransferModalText-color:#aaaaaa;
  --framer-fresco-userTestButtonBackground-color:#333333;
  --framer-fresco-userTestButtonBackgroundHover-color:#282828;
  --framer-fresco-userTestText-color:#cccccc;
  --framer-fresco-userTestDivider-color:#333333;
  --framer-fresco-informationIcon-color:#666666;
  --framer-fresco-stackGapHandleTint-color:#FF00F5;
  --framer-fresco-stackGapHandleBackground-color:rgba(255, 0, 245, 0.05);
  --framer-fresco-publishHostname-color:#ccc;
  --framer-fresco-publishHostnameHover-color:#fff;
  --framer-fresco-publishDescription-color:#888;
  --framer-fresco-publishDescriptionHover-color:#ccc;
  --framer-fresco-publishWarning-color:#ffaa22;
  --framer-fresco-publishWarningHover-color:#ff9900;
  --framer-fresco-publishPopoverDivider-color:#3a3a3a;
  --framer-fresco-publishChangeLogTitleLoading-color:#999999;
  --framer-fresco-publishPopoverInfoCardBackground-color:#363636;
  --framer-fresco-publishPopoverTooltipTitle-color:#ffffff;
  --framer-fresco-publishPopoverTooltipDescription-color:#999999;
  --framer-fresco-publishPopoverHostname-color:#f6f6f6;
  --framer-fresco-publishChangeLogIcon-color:#999999;
  --framer-fresco-publishChangeLogAvatarPlaceholder-color:#363636;
  --framer-fresco-miniPageLimitsTooltipButton-color:rgba(255, 255, 255, 0.2);
  --framer-fresco-miniPageLimitsTooltipButtonHover-color:rgba(255, 255, 255, 0.3);
  --framer-fresco-miniPageLimitsTooltipButtonActive-color:rgba(255, 255, 255, 0.1);
  --framer-fresco-openTypePopoutGradientColor-color:linear-gradient(
      
      to bottom,
      rgba(17, 17, 17, 0) 0%,
      rgba(17, 17, 17, 0.1) 20%,
      rgba(17, 17, 17, 0.3) 40%,
      rgba(17, 17, 17, 0.5) 60%,
      rgba(17, 17, 17, 0.7) 80%,
      rgba(17, 17, 17, 0.8) 100% );
  --framer-fresco-settingsPrimary-color:#ffffff;
  --framer-fresco-settingsSecondary-color:#cccccc;
  --framer-fresco-settingsTertiary-color:#888888;
  --framer-fresco-settingsText-color:#eeeeee;
  --framer-fresco-settingsDescription-color:#999999;
  --framer-fresco-settingsContainerBackground-color:#111111;
  --framer-fresco-settingsContainerBorder-color:rgba(0, 0, 0, 0.05);
  --framer-fresco-settingsContainerTitle-color:#ffffff;
  --framer-fresco-settingsGridBorder-color:#3a3a3a;
  --framer-fresco-settingsGridTitle-color:#aaaaaa;
  --framer-fresco-settingsGridContent-color:#cccccc;
  --framer-fresco-settingsGridDescription-color:#999999;
  --framer-fresco-settingsGridBackgroundActive-color:#282828;
  --framer-fresco-settingsPlaceholder-color:#666666;
  --framer-fresco-settingsImageBackground-color:#2B2B2B;
  --framer-fresco-settingsImagePreviewBorder-color:rgba(255, 255, 255, 0.1);
  --framer-fresco-settingsImageClearButtonBackground-color:#555555;
  --framer-fresco-settingsImageClearButtonForeground-color:#ffffff;
  --framer-fresco-settingsSearchResultPreviewBorder-color:#252525;
  --framer-fresco-settingsSearchResultPreviewTitle-color:#8ab4f8;
  --framer-fresco-settingsSearchResultPreviewDescription-color:#eeeeee;
  --framer-fresco-settingsSearchResultPreviewDomain-color:#999999;
  --framer-fresco-settingsSocialPreviewDomain-color:#cccccc;
  --framer-fresco-settingsSocialPreviewTitle-color:#0099ff;
  --framer-fresco-settingsSocialPreviewDescription-color:#999999;
  --framer-fresco-settingsFormsSectionDescription-color:#999999;
  --framer-fresco-settingsFormsUsageDescription-color:#666666;
  --framer-fresco-siteSettingsBorderSectionDivider-color:#222222;
  --framer-fresco-dnsTableHeaderBackground-color:rgba(119, 119, 119, 0.07);
  --framer-fresco-dnsTableHeaderText-color:#ffffff;
  --framer-fresco-dnsTableBorder-color:rgba(255, 255, 255, 0.1);
  --framer-fresco-dnsTableText-color:#aaaaaa;
  --framer-fresco-dnsTableIcon-color:#999999;
  --framer-fresco-dnsTableNotAddedLabel-color:rgba(102, 102, 102, 0.1);
  --framer-fresco-dnsTableNotAddedText-color:rgb(102, 102, 102);
  --framer-fresco-dnsTableConnectedLabel-color:rgba(0, 153, 255, 0.1);
  --framer-fresco-dnsTableConnectedText-color:rgb(0, 153, 255);
  --framer-fresco-conflictsTableHeaderBackground-color:rgba(255, 187, 0, 0.15);
  --framer-fresco-conflictsTableHeaderText-color:#FFBB00;
  --framer-fresco-conflictsTableStatusLabelBackground-color:rgba(255, 187, 0, 0.15);
  --framer-fresco-conflictsTableStatusLabelText-color:#FFBB00;
  --framer-fresco-breakpointTitle-color:#999999;
  --framer-fresco-breakpointTitleBackground-color:rgba(153, 153, 153, 0.1);
  --framer-fresco-breakpointTitleBackgroundPrimary-color:color(display-p3 0 0.6 1 / 0.1);
  --framer-fresco-breakpointPlayButtonBackground-color:#666666;
  --framer-fresco-breakpointCreationButtonBackground-color:#444444;
  --framer-fresco-breakpointBarActionSurface-color:rgba(255, 255, 255, 0.1);
  --framer-fresco-breakpointCreationButtonBackgroundPrimary-color:rgba(0, 153, 255, 0.15);
  --framer-fresco-breakpointCreationButtonIcon-color:#999999;
  --framer-fresco-breakpointCreationButtonBackgroundActive-color:#0099ff;
  --framer-fresco-breakpointCreationButtonIconActive-color:#ffffff;
  --framer-fresco-analyticsBackground-color:#111111;
  --framer-fresco-analyticsBackgroundTransparent-color:rgba(17, 17, 17, 0.75);
  --framer-fresco-analyticsBarFill-color:#2B2B2B;
  --framer-fresco-analyticsBorderTransparent-color:rgba(255, 255, 255, 0.05);
  --framer-fresco-analyticsScreenshotBackground-color:#1f1f1f;
  --framer-fresco-analyticsScreenshotLogo-color:#404040;
  --framer-fresco-analyticsScreenshotBorder-color:rgba(255, 255, 255, 0.08);
  --framer-fresco-analyticsPrimary-color:#ffffff;
  --framer-fresco-analyticsSecondary-color:#cccccc;
  --framer-fresco-analyticsTertiary-color:#999999;
  --framer-fresco-analyticsBottomLine-color:#222222;
  --framer-fresco-analyticsNoDataText-color:rgba(153, 153, 153, 0.5);
  --framer-fresco-analyticsAccent-color:#252525;
  --framer-fresco-analyticsIconAccent-color:rgba(153, 153, 153, 0.5);
  --framer-fresco-analyticsTint-color:#0099ff;
  --framer-fresco-analyticsTintBackground-color:rgba(0, 153, 255, 0.1);
  --framer-fresco-analyticsPopoutBackground-color:#161616;
  --framer-fresco-analyticsAbTestVariant1-color:#3A92FD;
  --framer-fresco-analyticsAbTestVariant1Dimmed-color:rgba(58, 146, 253, 0.2);
  --framer-fresco-analyticsAbTestVariant2-color:#9869FD;
  --framer-fresco-analyticsAbTestVariant2Dimmed-color:rgba(152, 105, 253, 0.2);
  --framer-fresco-analyticsAbTestVariant3-color:#2AD4D4;
  --framer-fresco-analyticsAbTestVariant3Dimmed-color:rgba(42, 212, 212, 0.2);
  --framer-fresco-analyticsAbTestVariant4-color:#FF8922;
  --framer-fresco-analyticsAbTestVariant4Dimmed-color:rgba(255, 137, 34, 0.2);
  --framer-fresco-analyticsAbTestVariant5-color:#FFBB00;
  --framer-fresco-analyticsAbTestVariant5Dimmed-color:rgba(255, 187, 0, 0.2);
  --framer-fresco-sitePlansCopy-color:#999999;
  --framer-fresco-sitePlansHighlight-color:#ffffff;
  --framer-fresco-plansSelectedCard-color:#161616;
  --framer-fresco-plansInfoFrameBorder-color:#252525;
  --framer-fresco-plansBannerText-color:#cccccc;
  --framer-fresco-plansCardTitle-color:#fafafa;
  --framer-fresco-plansLineItemDescription-color:#999999;
  --framer-fresco-plansCtaDisabled-color:#333333;
  --framer-fresco-plansCollaborators-color:#161616;
  --framer-fresco-plansPlusIcon-color:#333333;
  --framer-fresco-plansAddonsBox-color:#2B2B2B;
  --framer-fresco-plansEnterpriseParagraphColor-color:#cccccc;
  --framer-fresco-plansEnterpriseIconBackgroundColor-color:rgba(187, 187, 187, 0.1);
  --framer-fresco-plansEnterpriseIconColor-color:#cccccc;
  --framer-fresco-freeSiteColor-color:#888888;
  --framer-fresco-freeSiteBackground-color:rgba(136, 136, 136, 0.1);
  --framer-fresco-miniSiteColor-color:#00CCFF;
  --framer-fresco-miniSiteBackground-color:rgba(0, 204, 255, 0.1);
  --framer-fresco-basicSiteColor-color:#0099ff;
  --framer-fresco-basicSiteBackground-color:rgba(0, 153, 255, 0.1);
  --framer-fresco-proSiteColor-color:#0066ff;
  --framer-fresco-proSiteBackground-color:rgba(0, 102, 255, 0.1);
  --framer-fresco-scaleupSiteColor-color:#9966ff;
  --framer-fresco-scaleupSiteBackground-color:rgba(153, 102, 255, 0.15);
  --framer-fresco-startupSiteColor-color:#9966ff;
  --framer-fresco-startupSiteBackground-color:rgba(153, 102, 255, 0.15);
  --framer-fresco-enterpriseSiteColor-color:#888888;
  --framer-fresco-enterpriseSiteBackground-color:rgba(136, 136, 136, 0.1);
  --framer-fresco-planCardBackgroundColor-color:#111111;
  --framer-fresco-planCardBackgroundGradientStartColor-color:#252525;
  --framer-fresco-planCardBackgroundGradientEndColor-color:#111111;
  --framer-fresco-planCardBusinessBackgroundGradientStartColor-color:#5500FF30;
  --framer-fresco-planCardBusinessBackgroundGradientEndColor-color:rgba(255, 255, 255, 0);
  --framer-fresco-planCardGridShadowColorStart-color:#111111;
  --framer-fresco-planCardGridShadowColorEnd-color:rgba(255, 255, 255, 0);
  --framer-fresco-planCardPersonalBackgroundGradientStartColor-color:rgba(0, 85, 255, 0.3);
  --framer-fresco-planTypeToggleItemBussinessTextSelected-color:#ffffff;
  --framer-fresco-planCardPersonalBackgroundGradientEndColor-color:#111111;
  --framer-fresco-planCardBorderColor-color:rgba(255, 255, 255, 0.05);
  --framer-fresco-planTypeToggleItemBussinessTextSelectedHover-color:#ffffff;
  --framer-fresco-planCardPersonalButtonColor-color:rgba(0, 85, 255, 0.2);
  --framer-fresco-planCardPersonalButtonBorderColor-color:rgba(0, 85, 255, 0.05);
  --framer-fresco-planCardPersonalButtonColorText-color:#0099ff;
  --framer-fresco-planCardBusinessButtonColor-color:#9966ff;
  --framer-fresco-planCardBusinessCurrentPlanButtonColor-color:rgba(136, 85, 255, 0.1);
  --framer-fresco-planCardBusinessButtonBorderColor-color:rgba(136, 85, 255, 0.1);
  --framer-fresco-planCardBusinessButtonColorHover-color:#7733ff;
  --framer-fresco-planCardBusinessButtonColorShadow-color:rgba(136, 85, 255, 0.3);
  --framer-fresco-planCardBusinessButtonColorShadowHover-color:rgba(119, 51, 255, 0.3);
  --framer-fresco-planCardBusinessButtonColorText-color:#8855ff;
  --framer-fresco-planCardTextColor-color:#ffffff;
  --framer-fresco-planCardTextDescriptionColor-color:#999999;
  --framer-fresco-planCardBorder-color:rgba(255, 255, 255, 0.05);
  --framer-fresco-planCardBillingToggleActiveBackground-color:rgba(0, 153, 255, 0.3);
  --framer-fresco-planCardBackgroundGradientStop1-color:#1A1A1A;
  --framer-fresco-planCardBackgroundGradientStop2-color:rgb(17, 17, 17);
  --framer-fresco-planCardHighlightedBorder-color:rgba(0, 153, 255, 0.07);
  --framer-fresco-planCardHighlightedBackgroundGradientStop1-color:rgba(0, 102, 255, 0.4);
  --framer-fresco-planCardHighlightedBackgroundGradientStop2-color:rgba(0, 22, 66, 0.3);
  --framer-fresco-planCardHighlightedBackgroundGradientStop3-color:rgba(17, 17, 17, 0);
  --framer-fresco-badgeCurrentPlanTypeBackgroundColor-color:rgba(0, 153, 255, 0.25);
  --framer-fresco-previewContainerBackgroundColor-color:#1A1A1A;
  --framer-fresco-previewContainerDividerColor-color:#333333;
  --framer-fresco-previewContainerTextColor-color:#ffffff;
  --framer-fresco-previewPeriodTabsBorderColor-color:#333333;
  --framer-fresco-cmsTableSearchIcon-color:#666666;
  --framer-fresco-cmsTableFileIcon-color:#666666;
  --framer-fresco-cmsTableText-color:#666666;
  --framer-fresco-cmsTableTextActive-color:#ffffff;
  --framer-fresco-cmsTableFirstColumnText-color:#999999;
  --framer-fresco-cmsTableHeaderText-color:#666666;
  --framer-fresco-cmsRowDragHandle-color:#444444;
  --framer-fresco-cmsRowDragHandleHover-color:#888888;
  --framer-fresco-cmsTableGroupBackground-color:#181818;
  --framer-fresco-cmsTableSelectedRowBackground-color:#161616;
  --framer-fresco-cmsTableSelectionRangeBackground-color:#13181D;
  --framer-fresco-cmsTableEditingBackground-color:#101c24;
  --framer-fresco-cmsTableMultiSelectionOutline-color:#16314B;
  --framer-fresco-cmsTableCellAgentUpdateHighlight-color:#0099ff;
  --framer-fresco-cmsRichTextTableBorder-color:#444444;
  --framer-fresco-cmsRichTextTableCellContextMenuButtonIcon-color:#666666;
  --framer-fresco-cmsRichTextTableHeaderBackground-color:#2B2B2B;
  --framer-fresco-cmsRichTextTableHeaderText-color:#ffffff;
  --framer-fresco-cmsRichTextTableText-color:#999999;
  --framer-fresco-cmsRichTextToolbarItemText-color:#888888;
  --framer-fresco-cmsRichTextToolbarItemActiveText-color:#ffffff;
  --framer-fresco-cmsRichTextToolbarItemBackground-color:rgba(255, 255, 255, 0.08);
  --framer-fresco-cmsRichTextToolbarGroupBackground-color:rgba(255, 255, 255, 0.08);
  --framer-fresco-cmsRichTextToolbarGroupBackgroundDisabled-color:rgba(255, 255, 255, 0.08);
  --framer-fresco-cmsRichTextDropCursor-color:#0099ff;
  --framer-fresco-cmsRichTextBackground-color:rgba(255, 255, 255, 0.08);
  --framer-fresco-cmsRichTextHeading-color:#ffffff;
  --framer-fresco-cmsRichTextModulePreviewBackground-color:#444444;
  --framer-fresco-cmsRichTextParagraph-color:#eeeeee;
  --framer-fresco-cmsSlashCommandsMenuIcon-color:#888888;
  --framer-fresco-cmsSlashCommandsMenuGroup-color:#666666;
  --framer-fresco-cmsCollectionItemBackdrop-color:rgba(0, 0, 0, 0.4);
  --framer-fresco-cmsCollectionReferenceDraftText-color:#666666;
  --framer-fresco-cmsCodeInTextBackground-color:rgba(238, 238, 238, 0.08);
  --framer-fresco-cmsOverlayRowTitle-color:#ffffff;
  --framer-fresco-cmsOverlayRowTitleReadOnly-color:#666666;
  --framer-fresco-cmsImageClearButtonBackground-color:rgba(0, 0, 0, 0.3);
  --framer-fresco-cmsImageClearButtonText-color:#ffffff;
  --framer-fresco-cmsImageAddButtonBackground-color:#555555;
  --framer-fresco-cmsImageAddButtonBackgroundHover-color:#4a4a4a;
  --framer-fresco-cmsImageAddButtonIcon-color:#aaaaaa;
  --framer-fresco-cmsCodeBlockSurface1-color:#181818;
  --framer-fresco-cmsCodeBlockSurface2-color:#252525;
  --framer-fresco-cmsCodeBlockSurface3-color:#2f2f2f;
  --framer-fresco-cmsCodeBlockClickable-color:#999999;
  --framer-fresco-cmsCodeBlockBase-color:#d92121;
  --framer-fresco-cmsCodeBlockDisabled-color:#4d4d4d;
  --framer-fresco-cmsCodeBlockHover-color:#c5c5c5;
  --framer-fresco-cmsCodeBlockAccent-color:#0099ff;
  --framer-fresco-cmsCodeBlockError-color:#ff3366;
  --framer-fresco-cmsCodeBlockErrorSurface-color:#ffe0e8;
  --framer-fresco-cmsCodeBlockPlain-color:#eeeeee;
  --framer-fresco-cmsCodeBlockComment-color:#666666;
  --framer-fresco-cmsCodeBlockKeyword-color:#00BBFF;
  --framer-fresco-cmsCodeBlockTag-color:#00BBFF;
  --framer-fresco-cmsCodeBlockPunctuation-color:#999999;
  --framer-fresco-cmsCodeBlockDefinition-color:#ffcc66;
  --framer-fresco-cmsCodeBlockProperty-color:#77dddd;
  --framer-fresco-cmsCodeBlockStatic-color:#ff8866;
  --framer-fresco-cmsCodeBlockString-color:#bb88ff;
  --framer-fresco-collectionFieldIcon-color:#888888;
  --framer-fresco-collectionFieldIconSelected-color:#ffffff;
  --framer-fresco-dividerWithTitleRow-color:#666666;
  --framer-fresco-inlineEditingMenuBackground-color:rgba(34, 34, 34, 0.8);
  --framer-fresco-inlineEditingMenuBorder-color:rgba(255, 255, 255, 0.05);
  --framer-fresco-localizationText-color:#999999;
  --framer-fresco-localizationPlaceholderText-color:#666666;
  --framer-fresco-localizationWarningTint-color:#FFAA01;
  --framer-fresco-localizationGlossaryHeading-color:#ffffff;
  --framer-fresco-confirmHideAllInThisLocaleBoldText-color:#333333;
  --framer-fresco-batchTranslateModalLabel-color:#ffffff;
  --framer-fresco-batchTranslateModalChevron-color:#999999;
  --framer-fresco-batchTranslateModalLocaleLabel-color:#aaaaaa;
  --framer-fresco-quickActionsText-color:#999999;
  --framer-fresco-quickActionsTextActive-color:#ffffff;
  --framer-fresco-quickActionsSecondaryText-color:#666666;
  --framer-fresco-quickActionsSeparatorIcon-color:#444444;
  --framer-fresco-quickActionsCategoryTagBackground-color:#2B2B2B;
  --framer-fresco-quickActionsCategoryTagColor-color:#999999;
  --framer-fresco-quickActionsIconDefaultLegacy-color:#0099ff;
  --framer-fresco-quickActionsIconDefault-color:#666666;
  --framer-fresco-quickActionsIconDefaultActiveLegacy-color:#ffffff;
  --framer-fresco-quickActionsIconDefaultActive-color:#ffffff;
  --framer-fresco-quickActionsIconBackgroundDefault-color:color(display-p3 0 0.6 1 / 0.1);
  --framer-fresco-quickActionsIconBackgroundDefaultActive-color:#0099ff;
  --framer-fresco-quickActionsToggleOffIconBackground-color:#555555;
  --framer-fresco-quickActionsIconBackgroundBorder-color:rgba(255, 255, 255, 0.05);
  --framer-fresco-quickActionsIconBackgroundBorderActive-color:rgba(255, 255, 255, 0.1);
  --framer-fresco-quickActionsIconComponentTint-color:#8855ff;
  --framer-fresco-quickActionsIconComponentTintActive-color:#ffffff;
  --framer-fresco-quickActionsIconBackgroundComponentTint-color:rgba(136, 85, 255, 0.15);
  --framer-fresco-quickActionsIconBackgroundComponentTintActive-color:#8855ff;
  --framer-fresco-quickActionsIconAssetStyleTint-color:#ffffff;
  --framer-fresco-quickActionsIconAssetStyleTintActive-color:#ffffff;
  --framer-fresco-quickActionsIconBackgroundAssetStyleTint-color:#222222;
  --framer-fresco-quickActionsIconBackgroundAssetStyleTintActive-color:#363636;
  --framer-fresco-historyPanelRowBackgroundActive-color:#282828;
  --framer-fresco-historyPanelTimelineBackground-color:#252525;
  --framer-fresco-historyPanelTimelineBackgroundActive-color:#363636;
  --framer-fresco-historyPanelTimelineDotBackground-color:#999999;
  --framer-fresco-historyPanelTimelineDotBackgroundActive-color:#ffffff;
  --framer-fresco-historyPanelText-color:#999999;
  --framer-fresco-historyPanelTextActive-color:#ffffff;
  --framer-fresco-historyPanelSummaryText-color:#666666;
  --framer-fresco-historyPanelSummaryTextActive-color:#ffffff;
  --framer-fresco-historyPanelSummaryDivider-color:rgba(255, 255, 255, 0.07);
  --framer-fresco-loadingShieldBackground-color:#252525;
  --framer-fresco-loadingAnimationBackground-color:#000000;
  --framer-fresco-loadingProgressBarFill-color:#ffffff;
  --framer-fresco-fillIconHighlight-color:#999999;
  --framer-fresco-fillIconBorder-color:rgba(153, 153, 153, 0.6);
  --framer-fresco-fillIconBorderActive-color:#ffffff;
  --framer-fresco-fillIconSolidFill-color:rgba(153, 153, 153, 0.4);
  --framer-fresco-fillIconLinearFillInner-color:rgba(153, 153, 153, 0.8);
  --framer-fresco-fillIconLinearFillOuter-color:rgba(153, 153, 153, 0);
  --framer-fresco-fillIconRadialFillInner-color:rgba(153, 153, 153, 0);
  --framer-fresco-fillIconRadialFillOuter-color:rgba(153, 153, 153, 0.6);
  --framer-fresco-fillIconConicFillInner-color:rgba(153, 153, 153, 0);
  --framer-fresco-fillIconConicFillOuter-color:#999999;
  --framer-fresco-fillIconImageFillInner-color:rgba(153, 153, 153, 0);
  --framer-fresco-fillIconImageFillOuter-color:rgba(153, 153, 153, 0.4);
  --framer-fresco-fillIconSolidFillActive-color:rgba(255, 255, 255, 0.4);
  --framer-fresco-fillIconLinearFillInnerActive-color:#ffffff;
  --framer-fresco-fillIconLinearFillActive-color:rgba(255, 255, 255, 0);
  --framer-fresco-fillIconRadialFillActive-color:rgba(255, 255, 255, 0.7);
  --framer-fresco-fillIconConicFillInnerActive-color:rgba(255, 255, 255, 0);
  --framer-fresco-fillIconConicFillOuterActive-color:#ffffff;
  --framer-fresco-fillIconImageFillInnerActive-color:rgba(255, 255, 255, 0);
  --framer-fresco-fillIconImageFillOuterActive-color:rgba(255, 255, 255, 0.4);
  --framer-fresco-fillPanelPresetBackground-color:#2B2B2B;
  --framer-fresco-publishErrorCaret-color:#999999;
  --framer-fresco-publishErrorTitle-color:#FF4466;
  --framer-fresco-deploymentErrorLogsBackground-color:#1f1f1f;
  --framer-fresco-deploymentErrorLogsStackTraceBackground-color:rgba(255, 255, 255, 0.05);
  --framer-fresco-editorBarBackground-color:#222222;
  --framer-fresco-editorBarBackgroundHover-color:#282828;
  --framer-fresco-editorBarButtonSecondaryText-color:#ffffff;
  --framer-fresco-editorBarDivider-color:#333333;
  --framer-fresco-editorBarText-color:#ffffff;
  --framer-fresco-editorBarDividerBackground-color:#ffffff;
  --framer-fresco-editorBarButtonBackground-color:rgba(255, 255, 255, 0.15);
  --framer-fresco-editorBarSubtleBackground-color:rgba(17, 17, 17, 0.9);
  --framer-fresco-editorBarSubtleTitle-color:#ffffff;
  --framer-fresco-editorBarSubtleSubtitle-color:#999999;
  --framer-fresco-editorBarMenuItemColor-color:#cccccc;
  --framer-fresco-editorBarSubtleSubtitleLink-color:#f7f7f7;
  --framer-fresco-editorBarSubtleIconSquareBackground-color:rgba(255, 255, 255, 0.15);
  --framer-fresco-editorBarSubtleIconSquareBackgroundHover-color:rgba(255, 255, 255, 0.2);
  --framer-fresco-editorBarSubtleItemFontColor-color:#777777;
  --framer-fresco-onPageToolbarBackground-color:rgba(34, 34, 34, 0.8);
  --framer-fresco-onPageToolbarShadow-color:rgba(0, 0, 0, 0.1) 0px 2px 4px 0px,rgba(0, 0, 0, 0.05) 0px 1px 0px 0px,rgba(255, 255, 255, 0.15) 0px 0px 0px 1px;
  --framer-fresco-onPageToolbarText-color:#ffffff;
  --framer-fresco-onPageToolbarSecondaryText-color:rgba(255, 255, 255, 0.6);
  --framer-fresco-onPageToolbarButtonBackground-color:rgba(255, 255, 255, 0.25);
  --framer-fresco-onPageToolbarButtonBackgroundHover-color:rgba(255, 255, 255, 0.23);
  --framer-fresco-onPageToolbarButtonBackgroundActive-color:rgba(255, 255, 255, 0.21);
  --framer-fresco-onPageToolbarButtonText-color:#ffffff;
  --framer-fresco-onPageValidationWarningBadgeBackground-color:#FF7700;
  --framer-fresco-onPageValidationWarningBadgeText-color:#ffffff;
  --framer-fresco-layoutTemplateSlotBackground-color:rgba(136, 85, 255, 0.1);
  --framer-fresco-debugBarBackground-color:#111111;
  --framer-fresco-debugBarSecondaryBackground-color:#1d1d1d;
  --framer-fresco-anchorGridUnselected-color:#777777;
  --framer-fresco-anchorGridSelected-color:#0099ff;
  --framer-fresco-vectorSetItemBackground-color:#111111;
  --framer-fresco-onboardingTextPrimary-color:#ffffff;
  --framer-fresco-onboardingTextSecondary-color:#888888;
  --framer-fresco-onboardingTextTertiary-color:#777777;
  --framer-fresco-onboardingBackground-color:#000000;
  --framer-fresco-onboardingDropdownBackground-color:#2B2B2B;
  --framer-fresco-onboardingPanelBackground-color:#000000;
  --framer-fresco-onboardingButtonPrimary-color:#ffffff;
  --framer-fresco-onboardingButtonPrimaryHover-color:#dddddd;
  --framer-fresco-onboardingVideoBorder-color:rgba(255, 255, 255, 0.08);
  --framer-fresco-onboardingDivider-color:#252525;
  --framer-fresco-onboardingGoogleIcon-color:#666666;
  --framer-fresco-onboardingPasskeyIcon-color:#666666;
  --framer-fresco-onboardingInputErrorBackground-color:rgba(255, 51, 102, 0.15);
  --framer-fresco-customCodeTableHeader-color:#666666;
  --framer-fresco-customCodeTableRow-color:#999999;
  --framer-fresco-customCodeTableRowHover-color:#ffffff;
  --framer-fresco-customCodeIcon-color:#2B2B2B;
  --framer-fresco-customCodeIconBorder-color:rgba(136, 136, 136, 0.12);
  --framer-fresco-customCodeInfoIcon-color:#666666;
  --framer-fresco-customCodeFieldInfo-color:#999999;
  --framer-fresco-customCodeTemplateVariable-color:#cccccc;
  --framer-fresco-borderSweepOverlayBorderAlpha-color:40%;
  --framer-fresco-avatar-shadow:inset 0 0 0 1px rgba(255, 255, 255, 0.1);
  --framer-fresco-avatarOverlap-shadow:0px 0px 0px 1.5px var(--framer-fresco-panelBackground-color, #ffffff),inset 0 0 0 1px rgba(255, 255, 255, 0.05);
  --framer-fresco-avatarTinted-shadow:inset 0 0 0 1px rgba(0, 153, 255, 0.15);
  --framer-fresco-buttonSelected-shadow:0px 2px 4px 0px rgba(0, 0, 0, 0.3),0px 1px 0px 0px rgba(0, 0, 0, 0.05);
  --framer-fresco-canvasTooltip-shadow:0px 3px 6px 0px rgba(0, 0, 0, 0.08),inset 0px 0px 0px 1px rgba(255, 255, 255, 0.07);
  --framer-fresco-card-shadow:0 5px 20px rgba(0, 0, 0, 0.3);
  --framer-fresco-cardActive-shadow:0px 0px 12px 0px rgba(0, 153, 255, 0);
  --framer-fresco-checkbox-shadow:inset 0 0 0 1px rgba(255, 255, 255, 0.1);
  --framer-fresco-checkboxDarker-shadow:inset 0 0 0 1px rgba(255, 255, 255, 0.1);
  --framer-fresco-checkboxChecked-shadow:inset 0 0 0 1px rgba(255, 255, 255, 0.2);
  --framer-fresco-checkboxDarkerChecked-shadow:inset 0 0 0 1px rgba(255, 255, 255, 0.2);
  --framer-fresco-componentOutline-shadow:0px 0px 0px 5px rgba(136, 85, 255, 0.4);
  --framer-fresco-componentOutlineSmall-shadow:0px 0px 0px 5px rgba(136, 85, 255, 0.4);
  --framer-fresco-dashboardNewProjectCard-shadow:0 2px 4px 0 rgba(0, 0, 0, 0.08),0 1px 0 0 rgba(0, 0, 0, 0.05);
  --framer-fresco-distributionSliderBar-shadow:inset 0 0 0 1px var(--framer-fresco-gradientStopSliderBorder-color, rgba(0, 0, 0, 0.05));
  --framer-fresco-distributionSliderKnob-shadow:inset 0 0 0 3px white,inset 0 0 0 4px rgba(0, 0, 0, 0.1),0 0 0 1px rgba(0, 0, 0, 0.1);
  --framer-fresco-distributionSliderKnobSelected-shadow:inset 0 0 0 3px white,inset 0 0 0 4px #0099ff,0 0 0 1px #0099ff;
  --framer-fresco-gradientSliderKnobSelected-shadow:inset 0 0 0 3px white,inset 0 0 0 4px rgba(0, 0, 0, 0.1),0 0 0 1px #111111,0 0 0 2px #0099ff;
  --framer-fresco-imageBorderOverlay-shadow:inset 0 0 0 1px rgba(255, 255, 255, 0.1);
  --framer-fresco-inlineEditingMenu-shadow:0px 10px 20px 0px rgba(0, 0, 0, 0.1);
  --framer-fresco-insertImage-shadow:0px 4px 8px 0px rgba(0, 0, 0, 0.2);
  --framer-fresco-insertMenuArtwork-shadow:inset 0 0 0 1px rgba(255, 255, 255, 0.075);
  --framer-fresco-menu-shadow:0px 3px 6px rgba(0, 0, 0, 0.3);
  --framer-fresco-modal-shadow:0px 10px 30px 0px rgba(0, 0, 0, 0.15);
  --framer-fresco-modalInset-shadow:none;
  --framer-fresco-popover-shadow:0px 10px 30px 0px rgba(0, 0, 0, 0.1),0px 1px 4px 0px rgba(0, 0, 0, 0.02);
  --framer-fresco-popoverInset-shadow:none;
  --framer-fresco-popoverDropShadow-shadow:drop-shadow(0px 2px 4px rgba(0, 0, 0, 0.08)) drop-shadow(0px 2px 10px rgba(0, 0, 0, 0.2));
  --framer-fresco-projectMenuButton-shadow:0px 2px 4px 0px rgba(0, 0, 0, 0.2);
  --framer-fresco-radioButton-shadow:inset 0 0 0 1px rgba(0, 0, 0, 0.05);
  --framer-fresco-radioButtonChecked-shadow:inset 0 0 0 1px rgba(255, 255, 255, 0.2);
  --framer-fresco-settingsCard-shadow:0px 1px 1px 0px rgba(0, 0, 0, 0.1),0px 2px 10px 0px rgba(0, 0, 0, 0.05);
  --framer-fresco-sideOverlay-shadow:0px 3px 6px 0px rgba(0, 0, 0, 0.08),0px 0px 0px 1px rgba(0, 0, 0, 0.05),inset 1px 0 0 0 #222222;
  --framer-fresco-segmentedControlItemSelected-shadow:inset 0 0 0 1px rgba(255, 255, 255, 0.03);
  --framer-fresco-multiComboBoxToken-shadow:0px 2px 4px 0px rgba(0, 0, 0, 0.15);
  --framer-fresco-sliderKnob-shadow:0 1px 0 1px rgba(0,0,0,0.2),0 0 0 1px rgba(0,0,0,0.2);
  --framer-fresco-svgScreenIcon-shadow:drop-shadow(0 5px 10px rgba(0, 0, 0, 0.3));
  --framer-fresco-tintOutline-shadow:0px 0px 0px 5px rgba(0, 153, 255, 0.4);
  --framer-fresco-tintOutlineSmall-shadow:0px 0px 0px 2px rgba(0, 153, 255, 0.4);
  --framer-fresco-toggleTack-shadow:0px 1px 1px 0px rgba(0, 0, 0, 0.1),0px 2px 10px 0px rgba(0, 0, 0, 0.05);
  --framer-fresco-settingsImageClearButton-shadow:0px 1px 3px 0px rgba(0, 0, 0, 0.2),0px 0.5px 0px 0px rgba(0, 0, 0, 0.1);
}
body[data-framer-theme=dark].agent {
  --framer-fresco-canvasBackground-color:#171717;
  --framer-fresco-toolbarButtonBackgroundActiveSites-color:#242424;
  --framer-fresco-projectMenuButtonBackground-color:#242424;
  --framer-fresco-projectBarButtonBackgroundHover-color:#2B2B2B;
  --framer-fresco-projectBarTitleBackgroundActive-color:#242424;
  --framer-fresco-panelDivider-color:#212121;
  --framer-fresco-pageRowBackgroundActive-color:#242424;
  --framer-fresco-dashboardSidebarActiveBackground-color:#242424;
  --framer-fresco-breadcrumbItemBackgroundTinted-color:color(display-p3 0.263 0.59 0.97 / 0.1);
  --framer-fresco-popoverBackground-color:#1f1f1f;
  --framer-fresco-popoverDivider-color:rgba(255, 255, 255, 0.07);
  --framer-fresco-popoverDescriptionIcon-color:#666666;
  --framer-fresco-tooltipBackground-color:#242424;
  --framer-fresco-tooltipText-color:#ffffff;
  --framer-fresco-comboBoxMenuBackground-color:#1f1f1f;
  --framer-fresco-inputBackground-color:#242424;
  --framer-fresco-popupButtonBackground-color:#242424;
  --framer-fresco-inputPlaceholder-color:#999999;
  --framer-fresco-inputText-color:#ffffff;
  --framer-fresco-inputIcon-color:#999999;
  --framer-fresco-buttonBackground-color:#242424;
  --framer-fresco-buttonBackgroundHover-color:#2B2B2B;
  --framer-fresco-buttonWithDepthBackground-color:#2B2B2B;
  --framer-fresco-buttonWithDepthPrimaryShadow-color:none;
  --framer-fresco-buttonWithDepthPrimaryShadowHover-color:none;
  --framer-fresco-segmentedControlBackground-color:#242424;
  --framer-fresco-segmentedControlItemBackgroundSelected-color:#474747;
  --framer-fresco-feedbackSidebarBackground-color:#111111;
  --framer-fresco-feedbackFormBackground-color:#111111;
  --framer-fresco-wireframerSuggestionButtonBackground-color:#111111;
  --framer-fresco-agentFeedbackThreadBackground-color:#111111;
  --framer-fresco-debugBarBackground-color:#111111;
  --framer-fresco-menuBackground-color:#242424;
  --framer-fresco-menuBackgroundActive-color:#333333;
  --framer-fresco-menuBackgroundActiveUnsaturated-color:#333333;
  --framer-fresco-menuItemWithSubmenuBackgroundActive-color:#333333;
  --framer-fresco-menuDescriptionActive-color:#999999;
  --framer-fresco-menuTextDisabled-color:rgba(255, 255, 255, 0.4);
  --framer-fresco-menuSeparator-color:#333333;
  --framer-fresco-menuCheckbox-color:#999999;
  --framer-fresco-menuCheckboxActive-color:#999999;
  --framer-fresco-menuCheckboxDisabled-color:rgba(255, 255, 255, 0.5);
  --framer-fresco-menuCaretActive-color:#ffffff;
  --framer-fresco-menuBadgeBorder-color:rgba(255, 255, 255, 0.05);
  --framer-fresco-menuBadgeBackground-color:rgba(255, 255, 255, 0.08);
  --framer-fresco-menuBadgeColor-color:rgba(255, 255, 255, 0.5);
  --framer-fresco-menuBadgeBackgroundActive-color:rgba(255, 255, 255, 0.08);
  --framer-fresco-menuBadgeColorActive-color:rgba(255, 255, 255, 0.5);
  --framer-fresco-menuIcon-color:#999999;
  --framer-fresco-menuTextChecked-color:#666666;
  --framer-fresco-menuCaretChecked-color:#444444;
  --framer-fresco-menu-shadow:0px 3px 6px 0px rgba(0, 0, 0, 0.08),0px 0px 0px 1px #333333;
  --framer-fresco-modal-shadow:0px 3px 6px 0px rgba(0, 0, 0, 0.08);
  --framer-fresco-modalInset-shadow:inset 0px 0px 0px 1px rgba(255, 255, 255, 0.07);
  --framer-fresco-popover-shadow:0px 3px 6px 0px rgba(0, 0, 0, 0.08);
  --framer-fresco-popoverInset-shadow:inset 0px 0px 0px 1px rgba(255, 255, 255, 0.07);
  --framer-fresco-projectMenuButton-shadow:none;
}
body.agent ::selection {
  background-color: var(--framer-fresco-selectionBackground-color, color(display-p3 0 0.6 1 / 0.15));
  color: var(--framer-fresco-selectionText-color, #0099ff);
}

/* wyw-in-js:Text.styles_1hv6w3a.wyw.css */
.text_t1harvmc::before {
  display: block;
  margin-top: var(--margin-top);
  content: "";
}
.text_t1harvmc::after {
  display: block;
  margin-bottom: var(--margin-bottom);
  content: "";
}

/* wyw-in-js:Tooltip.styles_1kieu9q.wyw.css */
.sharedTooltipContainer_s1vo07bb {
  --delay:0s;
  z-index: 28;
  -webkit-animation: scale-in-sharedTooltipContainer_s1vo07bb 150ms cubic-bezier(0.16, 1, 0.3, 1) both var(--delay);
  animation: scale-in-sharedTooltipContainer_s1vo07bb 150ms cubic-bezier(0.16, 1, 0.3, 1) both var(--delay);
  will-change: transform, opacity;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
@-webkit-keyframes scale-in-sharedTooltipContainer_s1vo07bb {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.97);
    -moz-transform: scale(0.97);
    -ms-transform: scale(0.97);
    transform: scale(0.97);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes scale-in-sharedTooltipContainer_s1vo07bb {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.97);
    -moz-transform: scale(0.97);
    -ms-transform: scale(0.97);
    transform: scale(0.97);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
.sharedTooltipContainerToolbar_s1wvirx {
  --delay:0ms;
  --initial-translate-y:calc(4px * -1);
  z-index: 28;
  -webkit-animation: tooltip-enter-sharedTooltipContainerToolbar_s1wvirx 150ms cubic-bezier(0.16, 1, 0.3, 1) both var(--delay);
  animation: tooltip-enter-sharedTooltipContainerToolbar_s1wvirx 150ms cubic-bezier(0.16, 1, 0.3, 1) both var(--delay);
  will-change: transform, opacity;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
@-webkit-keyframes tooltip-enter-sharedTooltipContainerToolbar_s1wvirx {
  0% {
    opacity: 0;
    -webkit-transform: translateY(var(--initial-translate-y)) scale(0.96);
    -moz-transform: translateY(var(--initial-translate-y)) scale(0.96);
    -ms-transform: translateY(var(--initial-translate-y)) scale(0.96);
    transform: translateY(var(--initial-translate-y)) scale(0.96);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes tooltip-enter-sharedTooltipContainerToolbar_s1wvirx {
  0% {
    opacity: 0;
    -webkit-transform: translateY(var(--initial-translate-y)) scale(0.96);
    -moz-transform: translateY(var(--initial-translate-y)) scale(0.96);
    -ms-transform: translateY(var(--initial-translate-y)) scale(0.96);
    transform: translateY(var(--initial-translate-y)) scale(0.96);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
.sharedTooltipContainerToolbarExiting_s1jngqm9 {
  -webkit-animation: tooltip-exit-sharedTooltipContainerToolbarExiting_s1jngqm9 50ms linear both;
  animation: tooltip-exit-sharedTooltipContainerToolbarExiting_s1jngqm9 50ms linear both;
}
@-webkit-keyframes tooltip-exit-sharedTooltipContainerToolbarExiting_s1jngqm9 {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes tooltip-exit-sharedTooltipContainerToolbarExiting_s1jngqm9 {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.sharedTooltip_swtchmx {
  border-radius: var(--framer-fresco-tooltipBorderRadius-dimension, 12px);
  background-color: var(--framer-fresco-tooltipBackground-color, #999999);
  color: var(--framer-fresco-tooltipText-color, #ffffff);
  font-size: var(--framer-fresco-base-font-size, 12px);
  font-weight: var(--framer-fresco-baseActive-font-weight, 500);
}
.sharedTooltipToolbar_sz9drcv {
  border-radius: var(--framer-fresco-tooltipBorderRadius-dimension, 12px);
  box-shadow: var(--framer-fresco-popover-shadow, 0px 10px 30px 0px rgba(0, 0, 0, 0.1), 0px 1px 4px 0px rgba(0, 0, 0, 0.02));
  background-color: var(--framer-fresco-tooltipBackground-color, #999999);
  color: var(--framer-fresco-tooltipText-color, #ffffff);
  font-size: var(--framer-fresco-base-font-size, 12px);
  font-weight: var(--framer-fresco-base-font-weight, 500);
  line-height: 1.2;
}
.tooltip_t1k9fzqw {
  position: absolute;
  top: calc(100% + 1px);
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  padding: 14px;
  margin-top: var(--framer-fresco-tooltipArrowHeight-dimension, 8px);
  pointer-events: none;
  text-align: center;
  transform-origin: top center;
  white-space: nowrap;
}
.tooltipBottom_t1jif5v3.tooltipBottom_t1jif5v3 {
  top: auto;
  bottom: calc(100% + var(--framer-fresco-tooltipOffset-dimension, 5px));
  transform-origin: bottom center;
}
.tooltipToolbar_th86ogj {
  position: absolute;
  top: calc(100% + var(--framer-fresco-tooltipOffset-dimension, 5px));
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  pointer-events: none;
  text-align: center;
  transform-origin: top center;
  white-space: nowrap;
}
.arrow_a1eh7x3f {
  position: absolute;
  color: var(--framer-fresco-tooltipBackground-color, #999999);
}
.arrowTop_aqmoazg {
  --additionalTranslateY:0px;
  top: calc(var(--framer-fresco-tooltipArrowHeight-dimension, 8px) * -1);
  left: 50%;
  width: var(--framer-fresco-tooltipArrowWidth-dimension, 28px);
  height: var(--framer-fresco-tooltipArrowHeight-dimension, 8px);
  -webkit-transform: translateY(0.4px) translateX(-50%) translateY(var(--additionalTranslateY));
  -moz-transform: translateY(0.4px) translateX(-50%) translateY(var(--additionalTranslateY));
  -ms-transform: translateY(0.4px) translateX(-50%) translateY(var(--additionalTranslateY));
  transform: translateY(0.4px) translateX(-50%) translateY(var(--additionalTranslateY));
}
.arrowBottom_a1pggfa4 {
  --additionalTranslateY:0px;
  bottom: calc(var(--framer-fresco-tooltipArrowHeight-dimension, 8px) * -1);
  left: 50%;
  width: var(--framer-fresco-tooltipArrowWidth-dimension, 28px);
  height: var(--framer-fresco-tooltipArrowHeight-dimension, 8px);
  -webkit-transform: translateY(-0.4px) translateX(-50%) translateY(var(--additionalTranslateY));
  -moz-transform: translateY(-0.4px) translateX(-50%) translateY(var(--additionalTranslateY));
  -ms-transform: translateY(-0.4px) translateX(-50%) translateY(var(--additionalTranslateY));
  transform: translateY(-0.4px) translateX(-50%) translateY(var(--additionalTranslateY));
}
.arrowLeft_a13qbbhc {
  --additionalTranslateX:0px;
  top: 50%;
  left: calc(var(--framer-fresco-tooltipArrowHeight-dimension, 8px) * -1);
  width: var(--framer-fresco-tooltipArrowHeight-dimension, 8px);
  height: var(--framer-fresco-tooltipArrowWidth-dimension, 28px);
  -webkit-transform: translateX(0.4px) translateY(-50%) translateX(var(--additionalTranslateX));
  -moz-transform: translateX(0.4px) translateY(-50%) translateX(var(--additionalTranslateX));
  -ms-transform: translateX(0.4px) translateY(-50%) translateX(var(--additionalTranslateX));
  transform: translateX(0.4px) translateY(-50%) translateX(var(--additionalTranslateX));
}
.arrowRight_a8mojim {
  --additionalTranslateX:0px;
  top: 50%;
  right: calc(var(--framer-fresco-tooltipArrowHeight-dimension, 8px) * -1);
  width: var(--framer-fresco-tooltipArrowHeight-dimension, 8px);
  height: var(--framer-fresco-tooltipArrowWidth-dimension, 28px);
  -webkit-transform: translateX(-0.4px) translateY(-50%) translateX(var(--additionalTranslateX));
  -moz-transform: translateX(-0.4px) translateY(-50%) translateX(var(--additionalTranslateX));
  -ms-transform: translateX(-0.4px) translateY(-50%) translateX(var(--additionalTranslateX));
  transform: translateX(-0.4px) translateY(-50%) translateX(var(--additionalTranslateX));
}
.container_c10oic9s {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.textTooltipContent_t1c0wtuv {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 30px;
  padding: 0 10px;
}
.textTooltipContentWithShortcut_t1qguevs {
  padding-right: 5px;
  gap: 10px;
}
.textTooltipLabel_t1l7a3k9 {
  color: var(--framer-fresco-tooltipText-color, #ffffff);
  font-size: var(--framer-fresco-base-font-size, 12px);
  font-weight: var(--framer-fresco-base-font-weight, 500);
}
.textTooltipShortcut_t1y6zapp {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  min-width: 20px;
  height: 20px;
  box-shadow: inset 0 0 0 1px var(--framer-fresco-tooltipShortcutBorder-color, rgba(0, 0, 0, 0.08));
  border-radius: 5px;
  background: var(--framer-fresco-tooltipShortcutBackground-color, rgba(0, 0, 0, 0.04));
  color: var(--framer-fresco-tooltipShortcutText-color, #999999);
  font-size: var(--framer-fresco-label-font-size, 10px);
  font-weight: var(--framer-fresco-base-font-weight, 500);
  line-height: 1;
  font-feature-settings:
    var(--inter-cv),
    "cv05" 1,
    "cv08" 1;
}
.textTooltipShortcutWithPadding_t1w2awyi {
  padding: 0 5px;
}

/* wyw-in-js:TextArea.styles_7gxyk.wyw.css */
.textArea_t18bov5v {
  min-height: var(--framer-fresco-inputHeight-dimension, 30px);
  padding: var(--framer-fresco-inputPaddingHorizontal-dimension, 8px);
  resize: vertical;
}
.textArea_t18bov5v::-webkit-scrollbar {
  width: 12px;
  background: transparent;
  cursor: pointer;
}
.textArea_t18bov5v::-webkit-scrollbar-thumb {
  border: 4px solid transparent;
  border-radius: 10px;
  -webkit-background-clip: content-box;
  background-clip: content-box;
  background-color: var(--framer-fresco-textAreaScrollbar-color, #cccccc);
}
.textArea_t18bov5v::-webkit-scrollbar-corner {
  background: none;
  background-color: transparent;
  outline: none;
}
.textArea_t18bov5v::-webkit-scrollbar-thumb:window-inactive {
  opacity: 0;
}
.leftToRight_l16z17a3::-webkit-resizer {
  border: 1px solid transparent;
  background: no-repeat url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='9' height='9'><path d='M 1.5 7.5 L 7.5 1.5' fill='transparent' stroke-width='1.5' stroke='%23CCCCCC' stroke-linecap='round'></path><path d='M 5.5 7.5 L 7.5 5.5' fill='transparent' stroke-width='1.5' stroke='%23CCCCCC' stroke-linecap='round'></path></svg>");
}
[data-framer-theme=dark] .leftToRight_l16z17a3::-webkit-resizer {
  border: 1px solid transparent;
  background: no-repeat url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='9' height='9'><path d='M 1.5 7.5 L 7.5 1.5' fill='transparent' stroke-width='1.5' stroke='%23555555' stroke-linecap='round'></path><path d='M 5.5 7.5 L 7.5 5.5' fill='transparent' stroke-width='1.5' stroke='%23555555' stroke-linecap='round'></path></svg>");
}
.rightToLeft_rqti9ra::-webkit-resizer {
  border-left: 6px solid transparent;
  background: no-repeat url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='9' height='9'><path d='M 7.5 7.5 L 1.5 1.5' fill='transparent' stroke-width='1.5' stroke='%23CCCCCC' stroke-linecap='round'></path><path d='M 3.5 7.5 L 1.5 5.5' fill='transparent' stroke-width='1.5' stroke='%23CCCCCC' stroke-linecap='round'></path></svg>");
}
[data-framer-theme=dark] .rightToLeft_rqti9ra::-webkit-resizer {
  border-left: 6px solid transparent;
  background: no-repeat url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='9' height='9'><path d='M 7.5 7.5 L 1.5 1.5' fill='transparent' stroke-width='1.5' stroke='%23555555' stroke-linecap='round'></path><path d='M 3.5 7.5 L 1.5 5.5' fill='transparent' stroke-width='1.5' stroke='%23555555' stroke-linecap='round'></path></svg>");
}

/* wyw-in-js:textInputShared.styles_pber7f.wyw.css */
.textInputSharedStyles_tarvkue {
  width: 100%;
  border-width: 1px;
  border-style: solid;
  border-color: var(--framer-fresco-inputBorder-color, transparent);
  border-radius: var(--framer-fresco-inputRadius-dimension, 8px);
  background: var(--framer-fresco-inputBackground-color, #f3f3f3);
  color: var(--framer-fresco-inputText-color, #333333);
  font-size: var(--framer-fresco-base-font-size, 12px);
  font-weight: var(--framer-fresco-base-font-weight, 500);
}
.textInputSharedStyles_tarvkue::-webkit-input-placeholder {
  color: var(--framer-fresco-inputPlaceholder-color, #999999);
  font-weight: var(--framer-fresco-base-font-weight, 500);
  -webkit-text-fill-color: var(--framer-fresco-inputPlaceholder-color, #999999);
}
.textInputSharedStyles_tarvkue:-webkit-autofill,
.textInputSharedStyles_tarvkue:-webkit-autofill:hover,
.textInputSharedStyles_tarvkue:-webkit-autofill:focus,
.textInputSharedStyles_tarvkue:-webkit-autofill:active {
  -webkit-animation: autofill-textInputSharedStyles_tarvkue 0s forwards;
  -webkit-animation: autofill-textInputSharedStyles_tarvkue 0s forwards;
  animation: autofill-textInputSharedStyles_tarvkue 0s forwards;
  box-shadow: 0 0 0 50px var(--framer-fresco-inputBackground-color, #f3f3f3) inset;
  -webkit-text-fill-color: var(--framer-fresco-inputText-color, #333333);
}
@-webkit-keyframes autofill-textInputSharedStyles_tarvkue {
  100% {
    background: transparent;
    color: inherit;
    font-size: inherit;
    font-weight: inherit;
  }
}
@keyframes autofill-textInputSharedStyles_tarvkue {
  100% {
    background: transparent;
    color: inherit;
    font-size: inherit;
    font-weight: inherit;
  }
}
.textInputSharedStyles_tarvkue:enabled {
  -webkit-user-select: text;
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
}
.textInputSharedStyles_tarvkue:disabled {
  color: var(--framer-fresco-inputTextDisabled-color, #bbbbbb);
  -webkit-text-fill-color: var(--framer-fresco-inputTextDisabled-color, #bbbbbb);
}
.textInputSharedStyles_tarvkue:disabled::-webkit-input-placeholder {
  color: var(--framer-fresco-inputTextDisabled-color, #bbbbbb);
  -webkit-text-fill-color: var(--framer-fresco-inputTextDisabled-color, #bbbbbb);
}
.textInputSharedStyles_tarvkue:disabled:focus {
  color: var(--framer-fresco-inputTextDisabledSelected-color, #999999);
  -webkit-text-fill-color: var(--framer-fresco-inputTextDisabledSelected-color, #999999);
}
.textInputSharedStyles_tarvkue:focus {
  border-color: var(--framer-fresco-inputBorderActive-color, #0099ff);
  outline: none;
}
.textInputSharedStyles_tarvkue:-moz-read-only {
  color: var(--framer-fresco-inputTextDisabled-color, #bbbbbb);
  -webkit-text-fill-color: var(--framer-fresco-inputTextDisabled-color, #bbbbbb);
}
.textInputSharedStyles_tarvkue:read-only {
  color: var(--framer-fresco-inputTextDisabled-color, #bbbbbb);
  -webkit-text-fill-color: var(--framer-fresco-inputTextDisabled-color, #bbbbbb);
}
.textInputSharedStyles_tarvkue:-moz-read-only::-webkit-input-placeholder {
  color: var(--framer-fresco-inputTextDisabled-color, #bbbbbb);
  -webkit-text-fill-color: var(--framer-fresco-inputTextDisabled-color, #bbbbbb);
}
.textInputSharedStyles_tarvkue:read-only::-webkit-input-placeholder {
  color: var(--framer-fresco-inputTextDisabled-color, #bbbbbb);
  -webkit-text-fill-color: var(--framer-fresco-inputTextDisabled-color, #bbbbbb);
}
.textInputSharedStyles_tarvkue:-moz-read-only:focus {
  color: var(--framer-fresco-inputTextDisabledSelected-color, #999999);
  -webkit-text-fill-color: var(--framer-fresco-inputTextDisabledSelected-color, #999999);
}
.textInputSharedStyles_tarvkue:read-only:focus {
  color: var(--framer-fresco-inputTextDisabledSelected-color, #999999);
  -webkit-text-fill-color: var(--framer-fresco-inputTextDisabledSelected-color, #999999);
}
.textInputSharedGhostStyles_to2co4t {
  background-color: transparent;
  border-color: transparent;
  -webkit-transition: background-color 0.15s ease;
  transition: background-color 0.15s ease;
}
.textInputSharedGhostStyles_to2co4t:focus-within,
.textInputSharedGhostStyles_to2co4t:focus,
.textInputSharedGhostStyles_to2co4t:hover {
  border-color: transparent;
  background-color: var(--framer-fresco-inputBackground-color, #f3f3f3);
}
.textInputSharedGhostStyles_to2co4t:focus {
  outline: none;
}
.textInputSharedGhostStyles_to2co4t[data-focus-visible] {
  outline: var(--framer-fresco-focusOutlineWidth-dimension, 1.5px) solid var(--framer-fresco-tint-color, #0099ff);
  outline-offset: var(--framer-fresco-focusOutlineOffset-dimension, 1.5px);
}

/* wyw-in-js:TextInput.styles_w1vf.wyw.css */
.input_i1v4gay9 {
  height: var(--framer-fresco-inputHeight-dimension, 30px);
  padding: 0 var(--framer-fresco-inputPaddingHorizontalWithBorder-dimension, 7px) 1px;
}
.inputSmall_icv147p {
  height: var(--framer-fresco-inputHeightSmall-dimension, 26px);
}

/* wyw-in-js:modals.styles_ua7nsy.wyw.css */
.container_ce0jzrc.container_ce0jzrc {
  width: var(--framer-fresco-modalWidth-dimension, 260px);
}
.containerLarge_cs1svrr.containerLarge_cs1svrr {
  width: var(--framer-fresco-largeModalWidth-dimension, 400px);
}
.title_t18o5vb6 {
  color: var(--framer-fresco-modalTitle-color, #333333);
  font-size: var(--framer-fresco-base-font-size, 12px);
  font-weight: var(--framer-fresco-heading-font-weight, 600);
  line-height: 1.2;
}
.secondaryText_sm2t0fn {
  color: var(--framer-fresco-settingsModalTextDimmed-color, #888888);
  font-weight: var(--framer-fresco-base-font-weight, 500);
  line-height: 1.7;
}
.link_l1q8v77k {
  color: var(--framer-fresco-buttonBackgroundPrimary-color, #0099ff);
  cursor: pointer;
  font-weight: var(--framer-fresco-base-font-weight, 500);
  -webkit-text-decoration: none;
  text-decoration: none;
}
.content_c11ansgh {
  max-height: 35vh;
  overflow-y: auto;
}
.grow_g1kxypt5 {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.image_injcd7j {
  width: 100%;
  height: auto;
  border-radius: var(--framer-fresco-modalInnerRadius-dimension, 8px);
  background-color: var(--framer-fresco-inputBackground-color, #f3f3f3);
  line-height: 1;
  pointer-events: none;
}
.buttonGroup_b1866p9l * {
  font-weight: var(--framer-fresco-heading-font-weight, 600);
}
.stretchButtons_s18q2wcl button {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

/* wyw-in-js:CustomModal.styles_65oaj2.wyw.css */
.modalBackdrop_m1yqxjr3 {
  position: fixed;
  z-index: 22;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.modalPositionContainer_mda3r23 {
  overflow: visible;
}
.hasBackdrop_h1hpwl3p {
  background-color: var(--framer-fresco-modalBackdrop-color, rgba(0, 0, 0, 0.4));
}
.modalWithoutPointerEvents_m3ez42g {
  pointer-events: none;
}
.modal_mdwzgzi {
  position: relative;
  overflow: hidden;
  width: 300px;
  height: auto;
  padding: var(--framer-fresco-modalPadding-dimension, 15px);
  border-radius: var(--framer-fresco-modalRadius-dimension, 15px);
  background: var(--framer-fresco-modalBackground-color, #ffffff);
  box-shadow: var(--framer-fresco-modal-shadow, 0px 10px 30px 0px rgba(0, 0, 0, 0.15));
  outline: none;
}
.modal_mdwzgzi::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  box-shadow: var(--framer-fresco-modalInset-shadow, none);
}
.hidden_h1qy9kpq {
  visibility: hidden;
}
.modalAnimation_m1vb3zu0 {
  -webkit-animation: enter-modalAnimation_m1vb3zu0 200ms cubic-bezier(0.2, 0, 0, 1) both;
  animation: enter-modalAnimation_m1vb3zu0 200ms cubic-bezier(0.2, 0, 0, 1) both;
}
@-webkit-keyframes enter-modalAnimation_m1vb3zu0 {
  0% {
    opacity: 0;
    -webkit-transform: translateY(16px) scale(0.9);
    -moz-transform: translateY(16px) scale(0.9);
    -ms-transform: translateY(16px) scale(0.9);
    transform: translateY(16px) scale(0.9);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    transform: none;
  }
}
@keyframes enter-modalAnimation_m1vb3zu0 {
  0% {
    opacity: 0;
    -webkit-transform: translateY(16px) scale(0.9);
    -moz-transform: translateY(16px) scale(0.9);
    -ms-transform: translateY(16px) scale(0.9);
    transform: translateY(16px) scale(0.9);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    transform: none;
  }
}

/* wyw-in-js:CustomScrollbar.styles_7x3t2g.wyw.css */
.customScrollbar_c8u6gve > ::-webkit-scrollbar,
.customScrollbar_c8u6gve * ::-webkit-scrollbar {
  width: 15px;
  background-color: inherit;
}
.customScrollbar_c8u6gve > ::-webkit-scrollbar-track,
.customScrollbar_c8u6gve * ::-webkit-scrollbar-track {
  background-color: inherit;
}
.customScrollbar_c8u6gve > ::-webkit-scrollbar-thumb,
.customScrollbar_c8u6gve * ::-webkit-scrollbar-thumb {
  border: 5px solid transparent;
  border-radius: 1em;
  -webkit-background-clip: content-box;
  background-clip: content-box;
  background-color: var(--scrollbar-thumb-background-color);
}
.customScrollbar_c8u6gve > ::-webkit-scrollbar-thumb:hover,
.customScrollbar_c8u6gve * ::-webkit-scrollbar-thumb:hover {
  background-color: var(--scrollbar-thumb-background-color-hover);
}

/* wyw-in-js:noTextSelection.styles_zjs4q4.wyw.css */
.noTextSelection_n1phfe70 {
  -webkit-user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* wyw-in-js:Modal.styles_qdgg34.wyw.css */
.container_cmo005r {
  width: var(--framer-fresco-modalWidth-dimension, 260px);
  padding: 0 var(--framer-fresco-modalPadding-dimension, 15px);
}
.containerLarge_c1el5atd {
  width: var(--framer-fresco-largeModalWidth-dimension, 400px);
}
.header_h1b7gawt {
  height: var(--framer-fresco-modalHeaderHeight-dimension, 50px);
  color: var(--framer-fresco-modalTitle-color, #333333);
  font-size: var(--framer-fresco-base-font-size, 12px);
  font-weight: var(--framer-fresco-heading-font-weight, 600);
  line-height: 1em;
}
.headerWithSeparator_hvdfes0 {
  border-bottom: 1px solid var(--framer-fresco-modalSeparator-color, rgba(0, 0, 0, 0.07));
  margin-bottom: var(--framer-fresco-modalPadding-dimension, 15px);
}
.closeIcon_ca088ph {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  color: var(--framer-fresco-floatingWindowToolbarIcon-color, #999999);
  cursor: pointer;
  margin-right: 5px;
}
.closeIcon_ca088ph::before {
  position: absolute;
  top: -10px;
  right: -10px;
  bottom: -10px;
  left: -10px;
  content: "";
}
.closeIcon_ca088ph:focus:not(:disabled),
.closeIcon_ca088ph:hover:not(:disabled) {
  color: var(--framer-fresco-toolbarIconHover-color, #777777);
}
.closeIcon_ca088ph.active {
  color: var(--framer-fresco-toolbarIconActive-color, #0099ff);
}
.closeIcon_ca088ph.active:focus:not(:disabled),
.closeIcon_ca088ph.active:hover:not(:disabled) {
  color: var(--framer-fresco-toolbarIconActive-color, #0099ff);
}
.text_t1u6i4ej {
  color: var(--framer-fresco-modalDescription-color, #666666);
  font-size: var(--framer-fresco-base-font-size, 12px);
  font-weight: var(--framer-fresco-baseActive-font-weight, 500);
  line-height: 1.5;
  text-wrap: balance;
}
.separator_sr94ov4 {
  border-bottom: 1px solid var(--framer-fresco-modalSeparator-color, rgba(0, 0, 0, 0.07));
}
.image_i1wwcg48 {
  width: 100%;
  height: auto;
  background-color: var(--framer-fresco-panelBackground-color, #ffffff);
  border-radius: var(--framer-fresco-bannerRadius-dimension, 8px);
  border: 1px solid var(--framer-fresco-modalSeparator-color, rgba(0, 0, 0, 0.07));
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.footer_fuzd4p {
  position: relative;
  padding: var(--framer-fresco-modalPadding-dimension, 15px) 0;
}
.footerRow_fyltonr button {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.footerWithDivider_f1si7zjf {
  margin-top: var(--framer-fresco-modalPadding-dimension, 15px);
  border-top: 1px solid var(--framer-fresco-modalSeparator-color, rgba(0, 0, 0, 0.07));
}
@media only screen and (min-width: 1100px) {
  .dashboardSidebarOffset_d2rid4k {
    margin-left: var(--framer-fresco-panelMinWidth-dimension, 260px);
  }
}

/* wyw-in-js:Spinner.styles_jqf4uo.wyw.css */
.baseStyle_b12vj57b {
  --spinner-translate:0;
  --spinner-color:var(--framer-fresco-spinnerBackground-color, #000000);
  --spinner-stroke:2px;
  position: relative;
  display: inline-block;
  box-sizing: border-box;
  border-radius: 50%;
}
.button_b1rdbf0o .baseStyle_b12vj57b,
.buttonWithDepth_bvsi73e .baseStyle_b12vj57b {
  --spinner-color:currentColor;
}
.svg_sga3v7o {
  display: block;
  width: 100%;
  height: 100%;
  overflow: visible;
}
.track_trlsm84 {
  fill: none;
  stroke: var(--spinner-color);
  stroke-width: var(--spinner-stroke);
  opacity: 0.25;
}
.car_cawvp5m {
  fill: none;
  stroke: var(--spinner-color);
  stroke-width: var(--spinner-stroke);
  stroke-linecap: round;
  stroke-dasharray: 30 70;
  stroke-dashoffset: 0;
}
.normalStyle_n2vxtcx {
  width: 16px;
  height: 16px;
}
.mediumStyle_menh330 {
  --spinner-stroke:2.5px;
  width: 24px;
  height: 24px;
}
.toastStyle_tnq9i2l {
  --spinner-stroke:2.25px;
  width: 20px;
  height: 20px;
}
.largeStyle_l10tagfy {
  width: 30px;
  height: 30px;
}
.centeredStyle_cy10qs4 {
  --spinner-translate:-50%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(var(--spinner-translate), var(--spinner-translate));
  -moz-transform: translate(var(--spinner-translate), var(--spinner-translate));
  -ms-transform: translate(var(--spinner-translate), var(--spinner-translate));
  transform: translate(var(--spinner-translate), var(--spinner-translate));
}
.svgSpin_s1cboakm {
  -webkit-animation-duration: 600ms;
  animation-duration: 600ms;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-name: svgSpin-svgSpin_s1cboakm;
  animation-name: svgSpin-svgSpin_s1cboakm;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  transform-origin: center;
  will-change: transform;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
@-webkit-keyframes svgSpin-svgSpin_s1cboakm {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes svgSpin-svgSpin_s1cboakm {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

/* wyw-in-js:ContextMenuButton.styles_180h16l.wyw.css */
.button_b95mmif {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: var(--framer-fresco-inputHeight-dimension, 30px);
  height: var(--framer-fresco-inputHeight-dimension, 30px);
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  padding: 0;
  border: none;
  border-radius: 8px;
  margin: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
  background-color: transparent;
  color: var(--framer-fresco-contextMenuButtonIcon-color, #999999);
  cursor: default;
  outline: none;
  -webkit-transition: background-color ease-in-out, color ease-in-out;
  transition: background-color ease-in-out, color ease-in-out;
}
.button_b95mmif:not(:disabled) {
  cursor: pointer;
}
.button_b95mmif:focus:not(:disabled),
.button_b95mmif:hover:not(:disabled) {
  background-color: var(--framer-fresco-contextMenuButtonBackgroundHover-color, #f2f2f2);
}
.button_b95mmif svg {
  overflow: visible;
}

/* wyw-in-js:CopyButton.styles_1izsvg8.wyw.css */
.button_bdfzg4t {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.checkmarkStart_cu5b9jh {
  padding-right: 2px;
  margin-left: -2px;
}
.checkmarkEnd_c1h47sd4 {
  padding-left: 2px;
  margin-right: -2px;
}
.fullWidth_f1w8vnq7 {
  width: 100%;
}
.labelAnimation_l33u3v2 {
  -webkit-animation: fadeIn-labelAnimation_l33u3v2 0.2s cubic-bezier(0.77, 0, 0.175, 1) forwards;
  animation: fadeIn-labelAnimation_l33u3v2 0.2s cubic-bezier(0.77, 0, 0.175, 1) forwards;
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0) scale(1);
}
@-webkit-keyframes fadeIn-labelAnimation_l33u3v2 {
  from {
    opacity: 0;
    -webkit-transform: scale(0.97);
    -moz-transform: scale(0.97);
    -ms-transform: scale(0.97);
    transform: scale(0.97);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes fadeIn-labelAnimation_l33u3v2 {
  from {
    opacity: 0;
    -webkit-transform: scale(0.97);
    -moz-transform: scale(0.97);
    -ms-transform: scale(0.97);
    transform: scale(0.97);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}

/* wyw-in-js:DateInput.styles_pg2sjg.wyw.css */
.input_i1vo679o {
  height: var(--framer-fresco-inputHeight-dimension, 30px);
  padding: 0 var(--framer-fresco-inputPaddingHorizontal-dimension, 8px) 1px;
  font-variant-numeric: tabular-nums;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
  -webkit-print-color-scheme: light;
  color-scheme: light;
}
body[data-framer-theme=dark] .input_i1vo679o {
  -webkit-print-color-scheme: dark;
  color-scheme: dark;
}
.input_i1vo679o::-webkit-calendar-picker-indicator {
  width: 14px;
  height: 14px;
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCI+PHBhdGggZD0iTTIgNGEyIDIgMCAwIDEgMi0yaDZhMiAyIDAgMCAxIDIgMnYySDJaIiBmaWxsPSIjOTk5IiBvcGFjaXR5PSIuMyIvPjxwYXRoIGQ9Ik0yLjI1IDQuMjVhMiAyIDAgMCAxIDItMmg1LjVhMiAyIDAgMCAxIDIgMnY1LjVhMiAyIDAgMCAxLTIgMmgtNS41YTIgMiAwIDAgMS0yLTJaTTIgNS43NWg5LjUiIGZpbGw9InRyYW5zcGFyZW50IiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlPSIjOTk5Ii8+PC9zdmc+) no-repeat;
  -webkit-background-position: 5px 2.5px;
  background-position: 5px 2.5px;
  outline: none;
  box-shadow: none;
  border: 0;
}
.input_i1vo679o::-webkit-date-and-time-value {
  text-align: left;
}
.hideIcon_h12d9czd::-webkit-calendar-picker-indicator {
  display: none;
}
.message_m17m0t40 {
  color: var(--framer-fresco-panelDescription-color, #999999);
  font-size: var(--framer-fresco-base-font-size, 12px);
  font-weight: var(--framer-fresco-base-font-weight, 500);
}
.warning_wnz2ky8 {
  color: var(--framer-fresco-warningText-color, #FF9900);
}

/* wyw-in-js:InputMessage.styles_jidb7b.wyw.css */
.message_m1lwtf2u {
  color: var(--framer-fresco-panelDescription-color, #999999);
  font-size: var(--framer-fresco-heading-font-size, 13px);
  font-weight: var(--framer-fresco-base-font-weight, 500);
}
.warning_w17tu8ua {
  color: var(--framer-fresco-warningTint-color, #FFBB00);
}
.selectable_s17bfdzw {
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
}

/* wyw-in-js:TimeInput.styles_1svxh0g.wyw.css */
.input_ires2f3 {
  height: var(--framer-fresco-inputHeight-dimension, 30px);
  padding: 0 calc(var(--framer-fresco-inputPaddingHorizontal-dimension, 8px) - 2px) 1px var(--framer-fresco-inputPaddingHorizontal-dimension, 8px);
  font-variant-numeric: tabular-nums;
  -webkit-print-color-scheme: light;
  color-scheme: light;
}
body[data-framer-theme=dark] .input_ires2f3 {
  -webkit-print-color-scheme: dark;
  color-scheme: dark;
}
.input_ires2f3::-webkit-calendar-picker-indicator {
  width: 14px;
  height: 14px;
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTQiIGhlaWdodD0iMTQiPjxnPjxkZWZzPjxwYXRoIGQ9Ik0gMSA3IEMgMSAzLjY4NiAzLjY4NiAxIDcgMSBMIDcgMSBDIDEwLjMxNCAxIDEzIDMuNjg2IDEzIDcgTCAxMyA3IEMgMTMgMTAuMzE0IDEwLjMxNCAxMyA3IDEzIEwgNyAxMyBDIDMuNjg2IDEzIDEgMTAuMzE0IDEgNyBaIiBpZD0iYTEwODB6Ii8+PGNsaXBQYXRoIGlkPSJhMTA4MXoiPjx1c2UgeGxpbms6aHJlZj0iI2ExMDgweiIvPjwvY2xpcFBhdGg+PC9kZWZzPjx1c2UgeGxpbms6aHJlZj0iI2ExMDgweiIgZmlsbD0idHJhbnNwYXJlbnQiIGNsaXAtcGF0aD0idXJsKCNhMTA4MXopIiBzdHJva2Utd2lkdGg9IjMiIHN0cm9rZT0icmdiKDE1MywgMTUzLCAxNTMpIi8+PC9nPjxwYXRoIGQ9Ik0gNyA0LjUgTCA3IDcgTCA5LjUgNyIgZmlsbD0idHJhbnNwYXJlbnQiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2U9IiM5OTk5OTkiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPjwvc3ZnPg==) no-repeat;
  -webkit-background-position: 5px 2.5px;
  background-position: 5px 2.5px;
}
.message_m658pan {
  color: var(--framer-fresco-panelDescription-color, #999999);
  font-size: var(--framer-fresco-base-font-size, 12px);
  font-weight: var(--framer-fresco-base-font-weight, 500);
}
.warning_wqsvn94 {
  color: var(--framer-fresco-warningText-color, #FF9900);
}

/* wyw-in-js:DropdownButton.styles_15yodqz.wyw.css */
.dropDown_d1ldgwf8 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: auto;
  height: var(--framer-fresco-panelSectionHeaderHeight-dimension, 48px);
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 var(--framer-fresco-dropdownButtonMarginHorizontal-dimension, 4px);
  color: var(--framer-fresco-dropdownText-color, #999999);
  cursor: pointer;
  line-height: 1em;
}
.inputWrapper_i1ubxgci .dropDown_d1ldgwf8 {
  height: 100%;
  margin: 0 4px;
}
.disabled_dljtag7 {
  opacity: 0.5;
  pointer-events: none;
}
.chevron_c16kathw {
  color: var(--framer-fresco-dropdownChevron-color, #999999);
}

/* wyw-in-js:Spacer.styles_1uzq203.wyw.css */
.flex_fpc582v {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.fixed_f1thtg1z {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

/* wyw-in-js:FixedPositionTooltip.styles_12xjksp.wyw.css */
.container_ct11a1o {
  position: fixed;
  z-index: 28;
  cursor: default;
  pointer-events: none;
}
.containerInteractive_c130fvck {
  padding: 10px;
  pointer-events: initial;
}
.tooltipContainer_t3o0wes {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.top_tdqpu47 .tooltipContainer_t3o0wes {
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  transform-origin: center top;
}
.left_l9h205o .tooltipContainer_t3o0wes {
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  transform-origin: left center;
}
.bottom_b190jn2z .tooltipContainer_t3o0wes {
  -webkit-flex-direction: column-reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
  transform-origin: center bottom;
}
.right_rup7n0p .tooltipContainer_t3o0wes {
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  transform-origin: right center;
}
.short_sb1to7c {
  --delay:100ms;
}
.long_loyxflu {
  --delay:500ms;
}
.arrow_a1agxw0x {
  position: relative;
  z-index: 1;
  color: var(--framer-fresco-tooltipBackground-color, #999999);
}
.tooltip_t8sst8s {
  padding: 11px 14px;
  line-height: 1.5;
}

/* wyw-in-js:IconWithTooltip.styles_77iw1t.wyw.css */
.educationButtonInteractive_e1g9jkka {
  cursor: pointer;
}
.tooltipWrapper_t1ndmzop {
  position: fixed;
  z-index: 28;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  pointer-events: none;
}
.tooltip_t16iireh {
  position: relative;
}
.icon_ia0cqa8 {
  color: var(--framer-fresco-tooltipIcon-color, #bbbbbb);
}
.icon_ia0cqa8:hover {
  color: var(--framer-fresco-tooltipIconHover-color, #999999);
}

/* wyw-in-js:ErrorState.styles_169pcx4.wyw.css */
.errorStateWrapper_eexcvrc {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.errorStateIcon_e1mc2jrd {
  margin-bottom: 15px;
  color: var(--framer-fresco-errorStateIconColor-color, #999999);
  font-size: 0;
}
.errorStateDescription_et7ofrw {
  color: var(--framer-fresco-errorStateDescriptionText-color, #666666);
  font-size: 14px;
  letter-spacing: 0;
  line-height: 1.5;
  text-align: center;
}
.errorStateTitle_ezwfz8i {
  color: var(--framer-fresco-errorStateTitleText-color, #333333);
  font-size: 26px;
  font-weight: var(--framer-fresco-headingExtraBold-font-weight, 800);
  letter-spacing: 0;
  line-height: 1.4;
  text-align: center;
}
.errorStateTitle_ezwfz8i + .errorStateDescription_et7ofrw {
  margin-top: 6px;
}
.errorStateCode_e1p2wo6z {
  width: 100%;
  max-width: 540px;
  max-height: 214px;
  padding: 16px;
  border-radius: 5px;
  margin: 40px 0 0 0;
  background-color: var(--framer-fresco-errorStateCodeBackground-color, #f5f5f5);
  color: var(--framer-fresco-errorStateCodeText-color, #666666);
  font-size: var(--framer-fresco-base-font-size, 12px);
  letter-spacing: 0;
  line-height: 1.7;
  overflow-y: auto;
  white-space: pre-wrap;
  word-wrap: break-word;
}
.errorStateButtonGroup_eaw3mqd {
  margin-top: 22px;
}
.errorStateButtonGroup_eaw3mqd > .button_b1rdbf0o {
  padding-right: 12px;
  padding-left: 12px;
  font-size: var(--framer-fresco-heading-font-size, 13px);
  font-weight: var(--framer-fresco-heading-font-weight, 600);
}
.errorStateInline_e14v1lif .errorStateTitle_ezwfz8i {
  font-size: 14px;
  font-weight: var(--framer-fresco-headingBold-font-weight, 700);
  letter-spacing: 0;
  line-height: 1.4;
}
.errorStateInline_e14v1lif .errorStateDescription_et7ofrw {
  font-size: var(--framer-fresco-base-font-size, 12px);
  letter-spacing: 0;
  line-height: 1.4;
}
.errorStateInline_e14v1lif .errorStateButtonGroup_eaw3mqd {
  margin-top: 15px;
}

/* wyw-in-js:Font.styles_18jo6rs.wyw.css */
body {
  --framer-fresco-monospace-font-family:"Input Mono",Menlo,monospace;
  --framer-fresco-sansSerif-font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif,emoji,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
  --framer-fresco-sansSerifWithoutEmoji-font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
  --framer-fresco-labelSmall-font-size:9px;
  --framer-fresco-label-font-size:10px;
  --framer-fresco-labelLarge-font-size:11px;
  --framer-fresco-base-font-size:12px;
  --framer-fresco-heading-font-size:13px;
  --framer-fresco-textLarge-font-size:14px;
  --framer-fresco-base-font-weight:500;
  --framer-fresco-baseActive-font-weight:500;
  --framer-fresco-heading-font-weight:600;
  --framer-fresco-headingBold-font-weight:700;
  --framer-fresco-headingExtraBold-font-weight:800;
}

/* wyw-in-js:InlineCode.styles_w382w6.wyw.css */
.code_c1lhrdt5 {
  padding: 2px 4px;
  border-radius: 4px;
  background: var(--framer-fresco-inputBackground-color, #f3f3f3);
  font-family: var(--framer-fresco-monospace-font-family, "Input Mono", Menlo, monospace);
}

/* wyw-in-js:InputWrapperWarning.styles_1jlib5k.wyw.css */
.InputWrapperWarning_izz7376 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 6px;
  color: var(--framer-fresco-warningText-color, #FF9900);
  font-size: 12px;
  letter-spacing: 0;
  line-height: 1.7;
}

/* wyw-in-js:InputWrapperError.styles_1hvkdhd.wyw.css */
.InputWrapperError_i13dp4v8 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 6px;
  color: var(--framer-fresco-inputTextError-color, #ff3366);
  font-size: 12px;
  letter-spacing: 0;
  line-height: 1.7;
}

/* wyw-in-js:ModalElements.styles_lfk7qp.wyw.css */
.titleLarge_t1iqtuwi {
  color: var(--framer-fresco-largeModalTitle-color, #000000);
  font-size: 20px;
  font-weight: var(--framer-fresco-headingBold-font-weight, 700);
  line-height: 1.4;
}
.description_d1ajsj42 {
  color: var(--framer-fresco-confirmationModalDescription-color, #666666);
  font-weight: var(--framer-fresco-baseActive-font-weight, 500);
}
.buttonGroup_buecxnk * {
  font-weight: var(--framer-fresco-heading-font-weight, 600);
}
.stretchButtons_s18dixyx button {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

/* wyw-in-js:MouseTracker.styles_1f1jied.wyw.css */
.mouseTrackerOverlay_m1hscir8 {
  position: fixed;
  z-index: 2500;
  top: -100vh;
  left: -100vw;
  width: 200vw !important;
  height: 200vh !important;
  opacity: 0;
  pointer-events: auto;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.mouseTrackerDragging_m1qod7cs {
  pointer-events: auto;
}

/* wyw-in-js:NavigationStack.styles_1b5uy67.wyw.css */
.stackContainer_s1enscsq {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  min-height: 0;
  max-height: 100%;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.navigationContent_n3d3rfb {
  position: absolute;
  top: 0;
  left: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  min-height: 0;
  max-height: 100%;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-transition: 0.25s -webkit-transform, 0.25s opacity;
  transition: 0.25s transform, 0.25s opacity;
}
.navigationContentCurrent_n1nrp7h4 {
  position: relative;
}
.transparent_t2qearp {
  opacity: 0;
  pointer-events: none;
}
.offsetToLeft_o1abtuq3 {
  -webkit-transform: translate(-30%);
  -moz-transform: translate(-30%);
  -ms-transform: translate(-30%);
  transform: translate(-30%);
}
.offsetToRight_ozo04t6 {
  -webkit-transform: translate(100%);
  -moz-transform: translate(100%);
  -ms-transform: translate(100%);
  transform: translate(100%);
}
.navigationContentEnterAnimation_n117cay8 {
  -webkit-animation: enter-navigationContentEnterAnimation_n117cay8 0.2s;
  animation: enter-navigationContentEnterAnimation_n117cay8 0.2s;
}
@-webkit-keyframes enter-navigationContentEnterAnimation_n117cay8 {
  0% {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
  }
  100% {
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    transform: none;
  }
}
@keyframes enter-navigationContentEnterAnimation_n117cay8 {
  0% {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
  }
  100% {
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    transform: none;
  }
}
.navigationBar_n1bfwbcs {
  position: relative;
  width: 100%;
  height: var(--framer-fresco-floatingWindowToolbarHeight-dimension, 50px);
  overflow-x: hidden;
}
.navigationBar_n1bfwbcs::after {
  position: absolute;
  right: var(--framer-fresco-panelPadding-dimension, 15px);
  bottom: 0;
  left: var(--framer-fresco-panelPadding-dimension, 15px);
  height: 1px;
  background: var(--framer-fresco-panelDivider-color, #eeeeee);
  content: "";
  opacity: 0;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
.navigationBarDivider_n1lmiiaw::after {
  opacity: 1;
}
.title_t1ukogre {
  position: absolute;
  right: 40px;
  left: 40px;
  overflow: hidden;
  color: var(--framer-fresco-panelTitle-color, #333333);
  font-size: var(--framer-fresco-base-font-size, 12px);
  font-weight: var(--framer-fresco-heading-font-weight, 600);
  text-align: center;
  text-overflow: ellipsis;
  -webkit-transition: 0.25s -webkit-transform, 0.125s opacity;
  transition: 0.25s transform, 0.125s opacity;
  white-space: nowrap;
}
.titleWithEducation_tkp7u3w {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.noPointerEvents_n171mkxi {
  pointer-events: none;
}
.firstTitle_frmwyvr {
  left: calc(var(--framer-fresco-panelPadding-dimension, 15px) + var(--framer-fresco-contentTitleIndentation-dimension, 0px));
  text-align: left;
}
.titleEnterAnimation_tnr0r6k {
  -webkit-animation: enter-titleEnterAnimation_tnr0r6k 0.2s;
  animation: enter-titleEnterAnimation_tnr0r6k 0.2s;
}
@-webkit-keyframes enter-titleEnterAnimation_tnr0r6k {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    transform: none;
  }
}
@keyframes enter-titleEnterAnimation_tnr0r6k {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    transform: none;
  }
}
.navigationBarAction_n1iqs1nf {
  width: 40px;
  height: 100%;
  color: var(--framer-fresco-floatingWindowToolbarIcon-color, #999999);
  opacity: 1;
  pointer-events: auto;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
.navigationBarActionHidden_nhxy8xe {
  opacity: 0;
  pointer-events: none;
}

/* wyw-in-js:NumberInput.styles_90wcp1.wyw.css */
.numberInput_n1obifo6 {
  font-variant-numeric: tabular-nums;
}

/* wyw-in-js:NumberInputWithTicker.styles_16oy3b7.wyw.css */
.wrapper_w10jibcp {
  position: relative;
  overflow: hidden;
}
.wrapperWithOverflowGradient_w16g2mz7:not(:focus-within)::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  display: block;
  width: 16px;
  background:
    linear-gradient(
      to right,
      transparent 0%,
      var(--framer-fresco-inputBackground-color, #f3f3f3) 88%,
      var(--framer-fresco-inputBackground-color, #f3f3f3) 100%);
  content: "";
  pointer-events: none;
}
.wrapperWithVisibleTicker_w19925po::after {
  display: none;
}
.inputWithOverflowGradient_ipnpjml:not(:focus-within) {
  padding-right: 0;
}
.inputFused_ibyez08:focus-within {
  padding-right: 0;
}
.inputLabel_i6l13uv {
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  bottom: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: auto;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 8px;
  background:
    linear-gradient(
      to right,
      transparent 0%,
      var(--framer-fresco-inputBackground-color, #f3f3f3) 33%,
      var(--framer-fresco-inputBackground-color, #f3f3f3) 100%);
  color: var(--framer-fresco-inputLabel-color, #999999);
  font-size: var(--framer-fresco-labelSmall-font-size, 9px);
  line-height: var(--framer-fresco-label-font-size, 10px);
  pointer-events: none;
}
.inputLabelDisabled_i1c70rj2 {
  color: var(--framer-fresco-inputLabelDisabled-color, #dddddd);
}
.ticker_t1k3kf4t {
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  bottom: 0;
  background:
    linear-gradient(
      to right,
      transparent 0%,
      var(--framer-fresco-inputBackground-color, #f3f3f3) 33%,
      var(--framer-fresco-inputBackground-color, #f3f3f3) 100%);
}

/* wyw-in-js:NumberTicker.styles_yxwvwq.wyw.css */
.numberTicker_n1dddmlm {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 24px;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  -ms-grid-row-align: stretch;
  align-self: stretch;
}
.numberTicker_n1dddmlm div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 1px;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 0 calc(var(--framer-fresco-inputRadius-dimension, 8px) - 1px) calc(var(--framer-fresco-inputRadius-dimension, 8px) - 1px) 0;
  color: var(--framer-fresco-inputIcon-color, #999999);
  cursor: pointer;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition: -webkit-transform 0.2s ease, color 0.2s ease;
  transition: transform 0.2s ease, color 0.2s ease;
  will-change: transform;
}
.numberTicker_n1dddmlm div:hover,
.numberTicker_n1dddmlm div:active {
  color: var(--framer-fresco-inputIconHover-color, #888888);
}
.ticker_t12ewooc svg {
  width: 8px;
  height: 8px;
}
.tickerUp_ts5v59s {
  padding-bottom: 2px;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}
.tickerUp_ts5v59s:active:hover {
  -webkit-transform: translateY(-2px);
  -moz-transform: translateY(-2px);
  -ms-transform: translateY(-2px);
  transform: translateY(-2px);
}
.tickerDown_t9t1k6l {
  padding-top: 2px;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}
.tickerDown_t9t1k6l svg {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.tickerDown_t9t1k6l:active:hover {
  -webkit-transform: translateY(2px);
  -moz-transform: translateY(2px);
  -ms-transform: translateY(2px);
  transform: translateY(2px);
}
.numberTickerHidden_nxyxle6 {
  display: none;
}

/* wyw-in-js:SegmentedControl.styles_ae8sn2.wyw.css */
.buttonReset_b1dxn7q {
  border: 1px solid transparent;
  border-radius: 6px;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
  background: none;
  box-shadow: none;
}
.buttonReset_b1dxn7q:focus {
  outline-color: transparent;
  outline-style: solid;
}
.buttonReset_b1dxn7q:focus-visible {
  border-color: var(--framer-fresco-inputBorderActive-color, #0099ff);
}
.titleWrapper_t61xro3 {
  min-width: 0;
}
.divider_dyiclh3 {
  width: 1px;
  height: var(--framer-fresco-inputDividerHeight-dimension, 14px);
  border-radius: 2px;
  background-color: var(--framer-fresco-segmentedControlDivider-color, #e6e6e6);
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
.hiddenDivider_h1ezhwod {
  opacity: 0;
}
.segmentedControlSegmentBackground_s1qqapws {
  position: absolute;
}
body[data-framer-theme=dark] .segmentedControlSegmentBackground_s1qqapws::before {
  position: absolute;
  z-index: 1;
  border-radius: 6px;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05);
  content: "";
  inset: 1px;
  -webkit-mask-image:
    linear-gradient(
      to bottom,
      black 0%,
      transparent 100%);
  mask-image:
    linear-gradient(
      to bottom,
      black 0%,
      transparent 100%);
  pointer-events: none;
  -webkit-mask-image:
    linear-gradient(
      to bottom,
      black 0%,
      transparent 100%);
}
.segmentedControlSegmentBackground_s1qqapws::after {
  position: absolute;
  border-radius: 6px;
  background-color: var(--framer-fresco-segmentedControlItemBackgroundSelected-color, #ffffff);
  box-shadow: var(--framer-fresco-segmentedControlItemSelected-shadow, 0px 0px 0px 1px rgba(0, 0, 0, 0.04), 0px 1px 0px 0px rgba(0, 0, 0, 0.04), 0px 2px 4px 0px rgba(0, 0, 0, 0.08));
  content: "";
  inset: 1px;
}
body[data-framer-theme=dark] .segmentedControlSegmentBackgroundLarge_slvxlfg::before {
  border-radius: var(--framer-fresco-popoutIconRadiusLarge-dimension, 8px);
  inset: 2px;
}
.segmentedControlSegmentBackgroundLarge_slvxlfg::after {
  border-radius: var(--framer-fresco-popoutIconRadiusLarge-dimension, 8px);
  inset: 2px;
}
.segmentedControlSegmentBackgroundDisabled_s1tes2cq::before {
  content: none;
}
.segmentedControlSegmentBackgroundDisabled_s1tes2cq::after {
  background: var(--framer-fresco-segmentedControlBackgroundDisabled-color, #f9f9f9);
  box-shadow: none;
}
.segment_s8ln65c {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  padding: 0 4px;
  color: var(--framer-fresco-segmentedControlItemText-color, #999999);
  cursor: pointer;
  font-size: var(--framer-fresco-base-font-size, 12px);
  font-weight: var(--framer-fresco-base-font-weight, 500);
  line-height: 22px;
  -webkit-user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.segment_s8ln65c svg {
  will-change: transform;
}
.segment_s8ln65c:disabled {
  opacity: 0.2;
  pointer-events: none;
}
.segmentSelected_s56pukx {
  color: var(--framer-fresco-segmentedControlItemTextSelected-color, #0099ff);
  font-weight: var(--framer-fresco-heading-font-weight, 600);
}
.segmentSelected_s56pukx:hover {
  color: var(--framer-fresco-segmentedControlItemTextSelectedHover-color, #0088ff);
}
.segmentedControl_sv2ybzu {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: visible;
  height: var(--height);
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  border: 1px solid var(--framer-fresco-segmentedControlBorder-color, transparent);
  border-radius: var(--framer-fresco-inputRadius-dimension, 8px);
  background-color: var(--framer-fresco-segmentedControlBackground-color, #f3f3f3);
  cursor: default;
  text-align: center;
  -webkit-user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.segmentedControlLarge_s1xikvtl {
  border-radius: var(--framer-fresco-inputRadiusLarge-dimension, 10px);
}
.verticalSegmentedControl_vhkk1lc {
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.verticalSegmentsWrapper_vlpj8e7 {
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.verticalSegmentsWrapper_vlpj8e7 .segment_s8ln65c {
  width: 100%;
  height: 1px;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  padding: 0 var(--framer-fresco-inputPaddingHorizontalLarge-dimension, 10px);
}
.verticalSegmentsWrapper_vlpj8e7 .segmentedControlSegmentBackground_s1qqapws {
  width: 100%;
}
.verticalSegmentsWrapper_vlpj8e7 .segmentedControlSegmentBackgroundAnimated_s1yv2vyw {
  -webkit-transition: top 0.2s cubic-bezier(0.2, 0, 0, 1);
  transition: top 0.2s cubic-bezier(0.2, 0, 0, 1);
}
.segmentsWrapper_s1aob93t {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.segmentsWrapper_s1aob93t.segmentsWrapperAnimated_s12glelh .segment_s8ln65c {
  -webkit-transition: color 0.2s;
  transition: color 0.2s;
}
.segmentsWrapper_s1aob93t:not(.verticalSegmentsWrapper_vlpj8e7) {
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}
.segmentsWrapper_s1aob93t:not(.verticalSegmentsWrapper_vlpj8e7) .segment_s8ln65c {
  min-width: 0;
  height: 100%;
  -webkit-flex-basis: 0;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
}
.segmentsWrapper_s1aob93t:not(.verticalSegmentsWrapper_vlpj8e7) .segmentedControlSegmentBackground_s1qqapws {
  height: 100%;
}
.segmentsWrapper_s1aob93t:not(.verticalSegmentsWrapper_vlpj8e7) .segmentedControlSegmentBackgroundAnimated_s1yv2vyw {
  -webkit-transition: left 0.2s cubic-bezier(0.2, 0, 0, 1);
  transition: left 0.2s cubic-bezier(0.2, 0, 0, 1);
}
.unsaturated_upfcbpb .segmentSelected_s56pukx {
  color: var(--framer-fresco-segmentedControlItemTextSelectedUnsaturated-color, #222222);
}
.unsaturated_upfcbpb .segmentSelected_s56pukx:hover {
  color: var(--framer-fresco-segmentedControlItemTextSelectedUnsaturated-color, #222222);
}

/* wyw-in-js:PanelHeader.styles_1hl5ryd.wyw.css */
.panelHeader_pxp3e82 {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: var(--framer-fresco-sitesPanelHeaderHeight-dimension, 60px);
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: space-between;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  padding: 0 var(--framer-fresco-panelPadding-dimension, 15px);
  background: var(--framer-fresco-panelBackground-color, #ffffff);
  cursor: default;
}
.panelHeader_pxp3e82::after {
  position: absolute;
  right: var(--framer-fresco-panelPadding-dimension, 15px);
  bottom: -1px;
  left: var(--framer-fresco-panelPadding-dimension, 15px);
  height: 1px;
  background: var(--framer-fresco-panelDivider-color, #eeeeee);
  content: "";
}
.title_t1ksxf2t {
  color: var(--framer-fresco-panelTitle-color, #333333);
  font-size: var(--framer-fresco-base-font-size, 12px);
  font-weight: var(--framer-fresco-heading-font-weight, 600);
}
.actionsWrapper_a112ia7p {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  min-width: 0;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

/* wyw-in-js:PillTone.styles_1u16ao8.wyw.css */
.pill_pb9g3mw {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 3px;
  max-width: 100%;
  height: 20px;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 8px;
  border-radius: 9999px;
  background-color: var(--framer-pill-background, var(--framer-fresco-pillBackground-color, rgba(0, 0, 0, 0.05)));
  color: var(--framer-pill-color, var(--framer-fresco-pillText-color, #777777));
  font-size: var(--framer-fresco-heading-font-size, 13px);
  font-weight: var(--framer-fresco-base-font-weight, 500);
  line-height: 1.2em;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.pillWithIcon_p1bkg0si {
  padding-right: 4px;
}
.pillText_p1ij96g8 {
  overflow: hidden;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  text-overflow: ellipsis;
  text-wrap: nowrap;
}
.pillTextClip_p1u2kdxw {
  overflow: hidden;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  text-wrap: nowrap;
}
.pillIcon_p1trh2x1 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 16px;
  height: 16px;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  color: var(--framer-pill-icon-color, var(--framer-fresco-pillIcon-color, #999999));
  line-height: 0;
}
.pillTint_p1dw03o4 {
  --framer-pill-background:var(--framer-fresco-pillTintBackground-color, rgba(0, 153, 255, 0.1));
  --framer-pill-color:var(--framer-fresco-pillTintText-color, #0099ff);
  --framer-pill-icon-color:var(--framer-fresco-pillTintIcon-color, #0099ff);
}
.pillSuccess_pnb1tq3 {
  --framer-pill-background:var(--framer-fresco-pillSuccessBackground-color, rgba(0, 187, 136, 0.1));
  --framer-pill-color:var(--framer-fresco-pillSuccessText-color, #00BB88);
  --framer-pill-icon-color:var(--framer-fresco-pillSuccessIcon-color, #00BB88);
}

/* wyw-in-js:PopoverComboBox.styles_slmzux.wyw.css */
.popoverContent_p1j5whaq.popoverContent_p1j5whaq {
  --listBorderRadius:13px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 220px;
  max-height: none;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 5px;
  border-radius: 13px;
  background-color: var(--framer-fresco-comboBoxMenuBackground-color, #ffffff);
  gap: 5px;
}
.popoverContent_p1j5whaq.popoverContent_p1j5whaq[data-popover-attach=top] {
  -webkit-flex-direction: column-reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
}
.inputSection_i190xtw4 {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-box-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.inputSection_i190xtw4.inputSection_i190xtw4 {
  overflow: visible;
  border-color: transparent;
  border-radius: 0;
  background: transparent;
}
.inputSection_i190xtw4.inputSection_i190xtw4:focus-within {
  border-color: transparent;
}
.searchInput_sptrpar {
  min-width: 0;
  max-width: 100%;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  border-radius: 0;
}
.searchInputNoPadding_s1laaeki {
  padding-left: 0;
  padding-right: 0;
}
.inlineSearchInput_ir4tltr {
  min-width: 45px;
  height: 20px;
}
.pillsContainer_pvix4vs {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 4px;
  gap: 10px;
}
.inputRow_i1tmo59k {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
.emptyInputRow_e1ojgdqj {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-top: 0;
  padding-right: var(--framer-fresco-inputSpacing-dimension, 10px);
  padding-bottom: 0;
  padding-left: calc(var(--framer-fresco-inputSpacing-dimension, 10px) - 5px);
  gap: 8px;
}
.inlineInputRow_i1wtmfop {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-width: 45px;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.searchIcon_slyvz40 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  color: var(--framer-fresco-inputIcon-color, #999999);
  pointer-events: none;
}
.hiddenSearchIcon_h166ubuf {
  display: none;
}
.pillCloseButton_p1797vmk {
  padding: 0;
  border: none;
  border-radius: 50%;
  background: transparent;
  pointer-events: auto;
}
.pillCloseButton_p1797vmk:hover {
  background-color: var(--framer-fresco-multiComboBoxTokenBackgroundHover-color, #fafafa);
}
.divider_d13gkfvk {
  height: 1px;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  background-color: var(--framer-fresco-popoverDivider-color, #eeeeee);
}
.listSection_ltrjzs0 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  max-height: 310px;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

/* wyw-in-js:SortableItem.styles_1oe5g9f.wyw.css */
.displayContents_dafeksh.displayContents_dafeksh {
  display: contents;
}
.hide_hl2u4y9 > * {
  display: none !important;
}

/* wyw-in-js:PopupButton.styles_e6jvr7.wyw.css */
.popupButtonWrapper_ph6ilvd {
  position: relative;
  width: 100%;
  border-radius: var(--framer-fresco-inputRadius-dimension, 8px);
  background-color: var(--framer-fresco-popupButtonBackground-color, #f3f3f3);
}
.popupButtonWrapperLarge_p232rpx {
  border-radius: var(--framer-fresco-inputRadiusLarge-dimension, 10px);
}
.popupButtonWrapperWarning_p15qcods {
  background-color: var(--framer-fresco-popupButtonWarningBackground-color, #FFBB00);
}
.popupButtonWrapperGhost_p1qtgf1h {
  background-color: transparent;
  border-color: transparent;
  -webkit-transition: background-color 0.15s ease;
  transition: background-color 0.15s ease;
}
.popupButtonWrapperGhost_p1qtgf1h:focus-within,
.popupButtonWrapperGhost_p1qtgf1h:hover {
  border-color: transparent;
  background-color: var(--framer-fresco-inputBackground-color, #f3f3f3);
}
.popupButtonWrapperGhost_p1qtgf1h:has([data-focus-visible]) {
  outline: var(--framer-fresco-focusOutlineWidth-dimension, 1.5px) solid var(--framer-fresco-tint-color, #0099ff);
  outline-offset: var(--framer-fresco-focusOutlineOffset-dimension, 1.5px);
}
.popupButtonWrapperPill_p1l3kbul {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: auto;
  inline-size: -webkit-fit-content;
  inline-size: -moz-fit-content;
  inline-size: fit-content;
  max-width: 100%;
  -ms-grid-column-align: start;
  justify-self: start;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  border-radius: 9999px;
  background: transparent;
}
.popupButtonWrapperPill_p1l3kbul:has([data-focus-visible]) {
  outline: var(--framer-fresco-focusOutlineWidth-dimension, 1.5px) solid var(--framer-fresco-tint-color, #0099ff);
  outline-offset: var(--framer-fresco-focusOutlineOffset-dimension, 1.5px);
}
.dropdownIcon_db6d496 {
  position: absolute;
  top: 0;
  right: calc(8px - var(--nudge-dropdown-icon-horizontally, 0px));
  bottom: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: var(--framer-fresco-popupButtonIcon-color, #999999);
  pointer-events: none;
}
.dropdownIconPill_d17fxlhh {
  right: 8px;
  color: var(--framer-pill-icon-color, var(--framer-fresco-pillIcon-color, #999999));
}
.dropdownIconWarning_dhdad7q {
  color: var(--framer-fresco-popupButtonWarningText-color, #ffffff);
}
.dropdownIconDisabled_d3zon1p {
  color: var(--framer-fresco-popupButtonIconDisabled-color, #bbbbbb);
}
.dropdownIconPillDisabled_d1kz9kc {
  opacity: 0.5;
}
.dropdownIconLarge_d17vy09d {
  right: calc(11px - var(--nudge-dropdown-icon-horizontally, 0px));
}
.popupButton_p1deqjxq {
  width: 100%;
  height: var(--framer-fresco-inputHeight-dimension, 30px);
  padding: 0 20px 1px var(--framer-fresco-inputPaddingHorizontalWithBorder-dimension, 7px);
  border: 1px solid var(--framer-fresco-popupButtonBorder-color, transparent);
  border-radius: var(--framer-fresco-inputRadius-dimension, 8px);
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
  background: transparent;
  color: var(--framer-fresco-popupButtonText-color, #333333);
  font-size: var(--framer-fresco-base-font-size, 12px);
  font-variant-numeric: tabular-nums;
  font-weight: var(--framer-fresco-base-font-weight, 500);
}
.popupButton_p1deqjxq:focus {
  border-color: var(--framer-fresco-inputBorderActive-color, #0099ff);
  outline: none;
}
.popupButton_p1deqjxq:not(:disabled) {
  cursor: pointer;
}
.popupButton_p1deqjxq optgroup,
.popupButton_p1deqjxq option {
  color: initial;
}
.popupButton_p1deqjxq optgroup:disabled,
.popupButton_p1deqjxq option:disabled {
  color: inherit;
}
.popupButtonPill_p17ty6mr {
  width: auto;
  inline-size: -webkit-fit-content;
  inline-size: -moz-fit-content;
  inline-size: fit-content;
  min-width: 0;
  max-width: 100%;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  height: 20px;
  padding: 0 22px 0 8px;
  border: none;
  border-radius: 9999px;
  background: var(--framer-pill-background, var(--framer-fresco-pillBackground-color, rgba(0, 0, 0, 0.05)));
  color: var(--framer-pill-color, var(--framer-fresco-pillText-color, #777777));
  field-sizing: content;
  font-size: var(--framer-fresco-heading-font-size, 13px);
  font-weight: var(--framer-fresco-base-font-weight, 500);
  line-height: 1.2em;
}
.popupButtonPill_p17ty6mr:focus {
  outline: none;
}
.popupButtonGhost_pc99wwd,
.popupButtonGhost_pc99wwd:focus,
.popupButtonGhost_pc99wwd:hover {
  border-color: transparent;
}
.popupButtonWarning_p1xndl0v {
  color: var(--framer-fresco-popupButtonWarningText-color, #ffffff);
}
.popupButtonLarge_pvwrj3y {
  height: var(--framer-fresco-inputHeight-dimension, 30px);
  padding-right: 24px;
  border-radius: var(--framer-fresco-inputRadiusLarge-dimension, 10px);
  font-size: var(--framer-fresco-base-font-size, 12px);
  font-weight: var(--framer-fresco-baseActive-font-weight, 500);
}
.popupButtonDisabled_pnh1qdo {
  color: var(--framer-fresco-inputTextDisabled-color, #bbbbbb);
}
.popupButtonWithLabel_pq239lh {
  padding: 0 36px 1px var(--framer-fresco-inputPaddingHorizontal-dimension, 8px);
}
.popupButtonWithPreview_p1kwxb0e {
  padding-left: calc(var(--framer-fresco-inputPaddingHorizontal-dimension, 8px) + var(--framer-fresco-inputPaddingHorizontalWithBorder-dimension, 7px) + var(--framer-fresco-popoutIconSize-dimension, 18px));
}
.popupButtonMenu_ptexwye {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.previewWrapper_p1vkaum6 {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 4px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  pointer-events: none;
}
.previewWrapperWarning_pzac9yd {
  color: var(--framer-fresco-popupButtonWarningText-color, #ffffff);
}
.divider_diuknlk {
  width: 1px;
  height: var(--framer-fresco-inputDividerHeight-dimension, 14px);
  border-radius: 2px;
  background-color: var(--framer-fresco-segmentedControlDivider-color, #e6e6e6);
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
.labelWrapper_l14wxo2a {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: end;
  -ms-flex-direction: end;
  flex-direction: end;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-right: 20px;
  pointer-events: none;
}
.inputLabel_i1pxvyd6 {
  width: auto;
  padding-right: 6px;
  color: var(--framer-fresco-inputLabel-color, #999999);
  font-size: 9px;
  line-height: var(--framer-fresco-label-font-size, 10px);
  pointer-events: none;
}
.inputLabelDisabled_iwv5bw4 {
  color: var(--framer-fresco-inputLabelDisabled-color, #dddddd);
}
.popupButtonWrapperToHideTitle_p1jmrzbc {
  position: relative;
}
.popupButtonTitleOverlay_pt18zes {
  position: absolute;
  top: 1px;
  right: 16px;
  bottom: 1px;
  left: 1px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 8px;
  border-radius: var(--framer-fresco-inputRadius-dimension, 8px);
  background-color: var(--framer-fresco-popupButtonBackground-color, #f3f3f3);
  color: var(--framer-fresco-popupButtonText-color, #333333);
  font-size: var(--framer-fresco-base-font-size, 12px);
  font-weight: var(--framer-fresco-base-font-weight, 500);
  pointer-events: none;
}
.popupButtonTitleOverlay_pt18zes > span {
  min-width: 0;
}
.popupButtonTitleOverlayDisabled_p1glcn56 {
  color: var(--framer-fresco-inputLabelDisabled-color, #dddddd);
}

/* wyw-in-js:Progress.styles_11hdlnv.wyw.css */
.progress_plyku67 {
  width: 100%;
  height: 3px;
  border: none;
  border-radius: 1.5px;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
  background-color: var(--framer-fresco-sliderTrackDisabled-color, #eeeeee);
}
.progress_plyku67::-webkit-progress-bar {
  height: 3px;
  border-radius: 1.5px;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
  background-color: var(--framer-fresco-sliderTrackDisabled-color, #eeeeee);
}
.progress_plyku67::-webkit-progress-value {
  height: 3px;
  border-radius: 1.5px;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
  background-color: var(--framer-fresco-tint-color, #0099ff);
}
.progress_plyku67::-moz-progress-bar {
  height: 3px;
  border-radius: 1.5px;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
  background-color: var(--framer-fresco-tint-color, #0099ff);
}
.hasProgress_h1sx89rv::-webkit-progress-value {
  min-width: 3px;
}
.warningTint_wrexw9::-webkit-progress-value {
  background-color: var(--framer-fresco-projectBarButtonTextWarning-color, #FFAA00);
}
.warningTint_wrexw9::-moz-progress-bar {
  background-color: var(--framer-fresco-projectBarButtonTextWarning-color, #FFAA00);
}

/* wyw-in-js:ProjectBarButton.styles_1r31hyn.wyw.css */
.projectBarButton_p1mwrmnm {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-width: 30px;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  padding: 0 10px;
  border: 1px solid transparent;
  border-radius: 8px;
  font-size: var(--framer-fresco-base-font-size, 12px);
  font-weight: var(--framer-fresco-heading-font-weight, 600);
  -webkit-transition: border-color ease 150ms, background-color ease 150ms;
  transition: border-color ease 150ms, background-color ease 150ms;
}
.projectBarButton_p1mwrmnm svg {
  -webkit-transition:
    fill ease 150ms,
    stroke ease 150ms,
    -webkit-transform ease 100ms;
  transition:
    fill ease 150ms,
    stroke ease 150ms,
    transform ease 100ms;
}
.round_ramuuuh {
  padding: 0;
}
.defaultStyles_dj20bhq {
  background-color: var(--framer-fresco-projectBarButtonBackground-color, #f3f3f3);
  color: var(--framer-fresco-toolbarSettingsButtonTextSites-color, #333333);
  border: 1px solid transparent;
}
.defaultStyles_dj20bhq:focus-visible:not(:disabled),
.defaultStyles_dj20bhq:active:focus-visible:not(:disabled),
.defaultStyles_dj20bhq:hover:not(:disabled),
.defaultStyles_dj20bhq:active:hover:not(:disabled) {
  background-color: var(--framer-fresco-projectBarButtonBackgroundHover-color, #eeeeee);
}
.active_anh6zv9 {
  background-color: var(--framer-fresco-projectBarButtonBackgroundHover-color, #eeeeee);
}
.active_anh6zv9:focus-visible:not(:disabled),
.active_anh6zv9:hover:not(:disabled),
.active_anh6zv9:active:hover:not(:disabled),
.active_anh6zv9:active:focus-visible:not(:disabled) {
  background-color: var(--framer-fresco-projectBarButtonBackgroundHover-color, #eeeeee);
}
.roundActive_rbq3k5g {
  background-color: var(--framer-fresco-projectBarButtonBackgroundActive-color, #ffffff);
  box-shadow: var(--framer-fresco-projectMenuButton-shadow, 0px 0px 0px 1px rgba(0, 0, 0, 0.02), 0px 1px 0px 0px rgba(0, 0, 0, 0.05), 0px 2px 4px 0px rgba(0, 0, 0, 0.1));
  border: 1px solid var(--framer-fresco-projectBarButtonBorderActive-color, transparent);
}
.roundActive_rbq3k5g:focus-visible:not(:disabled),
.roundActive_rbq3k5g:hover:not(:disabled),
.roundActive_rbq3k5g:active:hover:not(:disabled),
.roundActive_rbq3k5g:active:focus-visible:not(:disabled) {
  background-color: var(--framer-fresco-projectBarButtonBackgroundActive-color, #ffffff);
}
.cleanStyles_cg3kc3x {
  height: 100%;
}
.cleanStyles_cg3kc3x.cleanStyles_cg3kc3x:focus-visible:not(:disabled),
.cleanStyles_cg3kc3x.cleanStyles_cg3kc3x:active:focus-visible:not(:disabled),
.cleanStyles_cg3kc3x.cleanStyles_cg3kc3x:hover:not(:disabled),
.cleanStyles_cg3kc3x.cleanStyles_cg3kc3x:active:hover:not(:disabled) {
  background-color: transparent;
}

/* wyw-in-js:RadioButtonGroup.styles_wpkth.wyw.css */
.radioButtonGroup_r1m4lzky {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-width: 0;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding: 0.01em 0 0 0;
  border: 0;
  margin: 0;
}
.radioButtonGroup_r1m4lzky:not(:-moz-handler-blocked) .radioButtonGroup_r1m4lzky {
  display: table-cell;
}
.radioButtonGroup_r1m4lzky > legend {
  display: table;
  padding: 0;
  margin-bottom: var(--framer-fresco-inputSpacing-dimension, 10px);
  font-size: var(--framer-fresco-heading-font-size, 13px);
  font-weight: var(--framer-fresco-heading-font-weight, 600);
}
.radioButtonRow_r1s36q0d {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-height: 30px;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.radioButton_r1iwxe39 {
  position: relative;
  overflow: hidden;
  width: var(--framer-fresco-radioButtonSize-dimension, 14px);
  height: var(--framer-fresco-radioButtonSize-dimension, 14px);
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  border-radius: 50%;
  margin: 3px 2px;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
  background-color: var(--framer-fresco-radioButtonBackground-color, #f5f5f5);
  box-shadow: var(--framer-fresco-radioButton-shadow, inset 0 0 0 1px rgba(0, 0, 0, 0.08));
  outline: none;
  -webkit-transition: none;
  transition: none;
}
.radioButton_r1iwxe39::before {
  position: absolute;
  z-index: 2;
  top: 4px;
  left: 4px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: white;
  content: "";
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  transform-origin: center;
  -webkit-transition: none;
  transition: none;
  will-change: transform;
}
.radioButton_r1iwxe39::after {
  display: none;
}
.radioButton_r1iwxe39:disabled {
  opacity: 0.3;
}
.radioButton_r1iwxe39:checked {
  background-color: var(--framer-fresco-tint-color, #0099ff);
  box-shadow: var(--framer-fresco-radioButtonChecked-shadow, none);
}
.radioButton_r1iwxe39:checked::before {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.radioButton_r1iwxe39:not(:disabled) {
  cursor: pointer;
}
.radioButtonLabel_r1ki2ttd {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-left: var(--framer-fresco-inputPaddingHorizontal-dimension, 8px);
  color: var(--framer-fresco-radioButtonLabel-color, #333333);
  cursor: pointer;
  font-weight: var(--framer-fresco-base-font-weight, 500);
}
.innerLabel_iybct7k {
  max-width: 100%;
}
.radioButtonLabelDisabled_r157j25a {
  color: var(--framer-fresco-radioButtonLabelDisabled-color, #cccccc);
  cursor: default;
}
.radioButtonRowWithDescriptionBelow_r1le6dfj {
  -webkit-align-items: flex-start;
  -webkit-box-align: flex-start;
  -ms-flex-align: flex-start;
  align-items: flex-start;
}
.radioButtonRowWithDescriptionBelow_r1le6dfj .radioButton_r1iwxe39 {
  margin-top: 0;
}
.radioButtonLabelTitleBold_r1m3gbgj {
  font-weight: var(--framer-fresco-heading-font-weight, 600);
}
.radioButtonLabelDescription_r14x0s7d {
  color: var(--framer-fresco-radioButtonDescription-color, #999999);
}
.radioButtonChildren_rtlkjk9 {
  padding-left: calc(var(--framer-fresco-radioButtonSize-dimension, 14px) + 4px + var(--framer-fresco-inputPaddingHorizontal-dimension, 8px));
  margin-top: 15px;
}

/* wyw-in-js:ScrollWithGradient.styles_1eo1jmy.wyw.css */
.iconCaret_iajsitd {
  color: #999999;
}
.viewport_v1ea1yrv {
  position: relative;
}
.viewport_v1ea1yrv:hover .iconCaret_iajsitd {
  display: block;
}
.viewport_v1ea1yrv .iconCaret_iajsitd {
  display: none;
}
.scrollVertical_s17ebds8 {
  overflow-x: hidden;
  overflow-y: auto;
}
.scrollHorizontal_sm8b3rh {
  overflow-x: auto;
  overflow-y: hidden;
}
.bottomGradient_brsjofy {
  position: absolute;
  bottom: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 50px;
  -webkit-align-items: end;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: end;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  background:
    linear-gradient(
      to top,
      var(--gradient-color) -20px,
      transparent 30px),
    linear-gradient(
      to top,
      var(--gradient-color) -20px,
      transparent 20px),
    linear-gradient(
      to top,
      var(--gradient-color) -20px,
      transparent 10px);
  pointer-events: none;
}
.rightGradient_r1v9naw1 {
  position: absolute;
  right: 0;
  bottom: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 50px;
  height: 100%;
  -webkit-align-items: end;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: end;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  background:
    linear-gradient(
      to left,
      var(--gradient-color) -20px,
      transparent 30px),
    linear-gradient(
      to left,
      var(--gradient-color) -20px,
      transparent 20px),
    linear-gradient(
      to left,
      var(--gradient-color) -20px,
      transparent 10px);
  pointer-events: none;
}
.topGradient_tfvo4ek {
  position: absolute;
  top: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 50px;
  -webkit-align-items: start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  background:
    linear-gradient(
      to bottom,
      var(--gradient-color) 0px,
      transparent 30px),
    linear-gradient(
      to bottom,
      var(--gradient-color) 0px,
      transparent 20px),
    linear-gradient(
      to bottom,
      var(--gradient-color) 0px,
      transparent 10px);
  pointer-events: none;
}
.leftGradient_l1a44i46 {
  position: absolute;
  top: 0;
  left: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 50px;
  height: 100%;
  -webkit-align-items: start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  background:
    linear-gradient(
      to right,
      var(--gradient-color) 0px,
      transparent 30px),
    linear-gradient(
      to right,
      var(--gradient-color) 0px,
      transparent 20px),
    linear-gradient(
      to right,
      var(--gradient-color) 0px,
      transparent 10px);
  pointer-events: none;
}

/* wyw-in-js:IconButton.styles_gqx0un.wyw.css */
.iconButton_i8gs8dn {
  padding: 0;
  border: none;
  margin: 0;
  background: none;
  color: inherit;
  cursor: pointer;
}
.iconButton_i8gs8dn:disabled {
  opacity: 0.5;
  pointer-events: none;
}

/* wyw-in-js:SearchBar.styles_nccdq7.wyw.css */
.searchBarWrapperIconLeft_svpr0nh {
  padding-left: var(--framer-fresco-inputSpacing-dimension, 10px);
}
.searchBarIconLeft_s1px9f5q {
  margin-right: 3px;
}
.searchBarWrapperIconRight_s6iyxf1 {
  padding-right: calc(var(--framer-fresco-inputPaddingHorizontal-dimension, 8px) - 1px);
}
.searchIconButton_sxrvkbb {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.clearIconWrapper_cpbz6cs {
  padding-right: 9px;
}
.searchInput_s1t4ivzv {
  padding-right: 4px;
}
.customTextInput_co17wjr {
  font-size: var(--framer-fresco-heading-font-size, 13px);
}

/* wyw-in-js:Slider.styles_95jpnw.wyw.css */
.slider_s142amrw {
  height: var(--framer-fresco-inputHeight-dimension, 30px);
  margin: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
  background-color: transparent;
}
.slider_s142amrw::-moz-focus-outer {
  border: 0;
}
.slider_s142amrw:focus {
  outline: none;
}
.slider_s142amrw::-webkit-slider-runnable-track {
  background:
    linear-gradient(
      to right,
      var(--framer-fresco-sliderTrackActive-color, #0099ff) calc(var(--progress)),
      var(--framer-fresco-sliderTrack-color, #dddddd) calc(var(--progress)));
  border-radius: 2px;
  height: var(--framer-fresco-slider-trackHeight, 2px);
  will-change: transform;
}
.slider_s142amrw::-moz-range-track {
  background:
    linear-gradient(
      to right,
      var(--framer-fresco-sliderTrackActive-color, #0099ff) calc(var(--progress)),
      var(--framer-fresco-sliderTrack-color, #dddddd) calc(var(--progress)));
  border-radius: 2px;
  height: var(--framer-fresco-slider-trackHeight, 2px);
  will-change: transform;
}
.slider_s142amrw:disabled::-webkit-slider-runnable-track {
  background: var(--framer-fresco-sliderTrackDisabled-color, #eeeeee);
}
.slider_s142amrw:disabled::-moz-range-track {
  background: var(--framer-fresco-sliderTrackDisabled-color, #eeeeee);
}
.slider_s142amrw::-webkit-slider-thumb {
  -webkit-appearance: none;
  background-color: var(--framer-fresco-sliderKnob-color, #ffffff);
  border: none;
  border-radius: 50%;
  box-shadow: var(--framer-fresco-sliderKnob-shadow, 0px 1px 3px 0px rgba(0, 0, 0, 0.2), 0px 0.5px 0px 0px rgba(0, 0, 0, 0.1));
  cursor: pointer;
  height: var(--framer-fresco-slider-thumbSize, 10px);
  margin-top: calc((var(--framer-fresco-slider-trackHeight, 2px) - var(--framer-fresco-slider-thumbSize, 10px)) / 2);
  opacity: 1;
  width: var(--framer-fresco-slider-thumbSize, 10px);
  will-change: transform;
}
.slider_s142amrw::-moz-range-thumb {
  -webkit-appearance: none;
  background-color: var(--framer-fresco-sliderKnob-color, #ffffff);
  border: none;
  border-radius: 50%;
  box-shadow: var(--framer-fresco-sliderKnob-shadow, 0px 1px 3px 0px rgba(0, 0, 0, 0.2), 0px 0.5px 0px 0px rgba(0, 0, 0, 0.1));
  cursor: pointer;
  height: var(--framer-fresco-slider-thumbSize, 10px);
  margin-top: calc((var(--framer-fresco-slider-trackHeight, 2px) - var(--framer-fresco-slider-thumbSize, 10px)) / 2);
  opacity: 1;
  width: var(--framer-fresco-slider-thumbSize, 10px);
  will-change: transform;
}
.slider_s142amrw:disabled::-webkit-slider-thumb {
  display: none;
}
.slider_s142amrw:disabled::-moz-range-thumb {
  display: none;
}
.largeSlider_lwu5vv0::-webkit-slider-runnable-track {
  height: 3px;
}
.largeSlider_lwu5vv0::-moz-range-track {
  height: 3px;
}
.largeSlider_lwu5vv0::-webkit-slider-thumb {
  height: 15px;
  margin-top: -6px;
  width: 15px;
}
.largeSlider_lwu5vv0::-moz-range-thumb {
  height: 15px;
  margin-top: -6px;
  width: 15px;
}

/* wyw-in-js:SortableVirtualList.styles_9rbocb.wyw.css */
.item_i1vqy4dg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.hide_hmip4eg {
  display: none;
}

/* wyw-in-js:TabBar.styles_50dhfx.wyw.css */
.tabBar_tposagq {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: var(--framer-fresco-sitesPanelHeaderHeight-dimension, 60px);
  min-height: var(--framer-fresco-panelHeaderHeight-dimension, 48px);
  padding: 0 calc(var(--framer-fresco-panelPadding-dimension, 15px) / 2);
}
.tabBarItem_t19kc5nv {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  padding: 0 calc(var(--framer-fresco-panelPadding-dimension, 15px) / 2);
  color: var(--framer-fresco-tabBarText-color, #888888);
  cursor: pointer;
  font-size: var(--framer-fresco-base-font-size, 12px);
  font-weight: var(--framer-fresco-heading-font-weight, 600);
  line-height: 22px;
  -webkit-user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.tabBarItemSelected_t1rmmg92 {
  background: none;
  color: var(--framer-fresco-buttonText-color, #333333);
}
.divider_d1ph6hhk {
  position: absolute;
  right: var(--framer-fresco-panelPadding-dimension, 15px);
  bottom: 0;
  left: var(--framer-fresco-panelPadding-dimension, 15px);
  height: 1px;
  background: var(--framer-fresco-panelDivider-color, #eeeeee);
}
.noPointerEvents_naknbba .tabBarItem_t19kc5nv {
  cursor: default;
  pointer-events: none;
}

/* wyw-in-js:Tabs.styles_11cj1lo.wyw.css */
.buttonReset_bepcoq8 {
  height: var(--framer-fresco-inputHeight-dimension, 30px);
  border: 1px solid transparent;
  border-radius: var(--framer-fresco-contentItemRadius-dimension, 8px);
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
  background: none;
  box-shadow: none;
  -webkit-user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.buttonReset_bepcoq8:focus {
  outline-color: transparent;
  outline-style: solid;
}
.buttonReset_bepcoq8:focus-visible {
  border-color: var(--framer-fresco-inputBorderActive-color, #0099ff);
}
.trigger_t19ggigy {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  padding: 0 var(--framer-fresco-inputPaddingHorizontalLarge-dimension, 10px);
  color: var(--framer-fresco-tabsText-color, #999999);
  cursor: pointer;
  font-size: var(--framer-fresco-base-font-size, 12px);
  font-weight: var(--framer-fresco-baseActive-font-weight, 500);
  gap: 0;
  line-height: 1.2;
  -webkit-transition: color 0.1s, background-color 0.1s;
  transition: color 0.1s, background-color 0.1s;
}
.trigger_t19ggigy::after {
  display: block;
  overflow: hidden;
  height: 0;
  content: attr(data-text);
  font-weight: var(--framer-fresco-heading-font-weight, 600);
  visibility: hidden;
}
.trigger_t19ggigy:disabled {
  opacity: 0.6;
  pointer-events: none;
}
.triggerSelected_toplm5x {
  background-color: var(--framer-fresco-tabsBackgroundSelected-color, #f3f3f3);
  color: var(--framer-fresco-tabsTextSelected-color, #222222);
  font-weight: var(--framer-fresco-heading-font-weight, 600);
}
.list_ltgq58r {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: visible;
  height: var(--framer-fresco-inputHeight-dimension, 30px);
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: default;
  -webkit-user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* wyw-in-js:Label.styles_224bm2.wyw.css */
.label_l7g1830 {
  color: var(--framer-fresco-inputLabel-color, #999999);
  font-size: var(--framer-fresco-base-font-size, 12px);
  font-weight: var(--framer-fresco-baseActive-font-weight, 500);
  pointer-events: none;
}

/* wyw-in-js:LabelWithTickerControl.styles_1j1has9.wyw.css */
.label_l1axatme {
  color: var(--framer-fresco-inputLabel-color, #999999);
  font-family: var(--framer-fresco-sansSerif-font-family, Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif, emoji, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol");
  font-size: 8px;
  text-transform: uppercase;
}
.labelEnabled_la3ejma {
  cursor: ns-resize;
}

/* wyw-in-js:Toaster.styles_6phmbn.wyw.css */
.toaster_t3iyy5 {
  --index:0;
  position: fixed;
  z-index: 29;
  right: 0;
  bottom: 0;
  left: 0;
  pointer-events: none;
}
.errorToaster_exff1tz {
  z-index: 31;
}
.toasterContent_t17y8opq {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
@media (hover: hover) and (pointer: fine) {
  .toasterContent_t17y8opq:hover .toast-card {
    --toast-scale:1;
    --translate-y:calc(var(--index) * var(--toast-expanded-offset) * -1);
  }
  .toasterContent_t17y8opq:hover .toast-card:not(.paused):not(.is-overflowing):not(.is-entering) {
    -webkit-animation-play-state: paused;
    animation-play-state: paused;
  }
  .toasterContent_t17y8opq:hover .toast-card.is-stacked .toast-cta {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    -webkit-transition: opacity 150ms, visibility 0s linear 0s;
    transition: opacity 150ms, visibility 0s linear 0s;
  }
}
.alignmentCenter_a1vnoagw {
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.alignmentLeft_av8q8xc {
  -webkit-align-items: start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
}
.alignmentRight_a1udhovq {
  -webkit-align-items: end;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: end;
}
.toast_t1my5r4k {
  position: absolute;
  z-index: calc(var(--max-toasts) - var(--index));
  bottom: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: var(--toast-height);
  min-width: 400px;
  max-width: calc(100vw - 20px);
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 15px;
  border-radius: 18px;
  -webkit-animation: 250ms ease backwards toast-appear-toast_t1my5r4k, 250ms ease var(--duration) forwards toast-disappear-toast_t1my5r4k;
  animation: 250ms ease backwards toast-appear-toast_t1my5r4k, 250ms ease var(--duration) forwards toast-disappear-toast_t1my5r4k;
  background-color: var(--framer-fresco-panelBackground-color, #ffffff);
  box-shadow: var(--framer-fresco-canvasTooltip-shadow, 0px 3px 6px 0px rgba(0, 0, 0, 0.08), 0px 0px 0px 1px rgba(0, 0, 0, 0.05));
  color: var(--framer-fresco-toolbarButtonTextSites-color, #888888);
  font-size: var(--framer-fresco-base-font-size, 12px);
  font-weight: var(--framer-fresco-heading-font-weight, 600);
  line-height: 1.2;
  gap: 0;
  pointer-events: auto;
  will-change: opacity;
  transform-origin: center center;
  -webkit-transform: translate(0, var(--translate-y)) scale(var(--toast-scale));
  -moz-transform: translate(0, var(--translate-y)) scale(var(--toast-scale));
  -ms-transform: translate(0, var(--translate-y)) scale(var(--toast-scale));
  transform: translate(0, var(--translate-y)) scale(var(--toast-scale));
  -webkit-translate: 0 0;
  -moz-translate: 0 0;
  -ms-translate: 0 0;
  translate: 0 0;
  -webkit-transition: -webkit-transform 250ms;
  transition: transform 250ms;
  white-space: nowrap;
  --toast-height:var(--framer-fresco-floatingToolbarHeight-dimension, 50px);
  --toast-stack-offset:10px;
  --translate-y:calc(var(--index) * var(--toast-stack-offset) * -1);
  --toast-expanded-offset:calc(var(--toast-height) + 10px);
  --translate-y-offset:calc(var(--translate-y) + 14px);
  --toast-scale:calc(1 - (var(--index) * 0.03));
  --toast-scale-offset:calc(var(--toast-scale) - 0.03);
}
.toast_t1my5r4k.has-action {
  padding-right: 10px;
}
.toast_t1my5r4k.has-icon {
  padding-left: 10px;
}
.toast_t1my5r4k.is-stacked {
  width: 400px;
}
.toast_t1my5r4k.is-stacked .toast-cta {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  -webkit-transition: opacity 150ms, visibility 0s linear 150ms;
  transition: opacity 150ms, visibility 0s linear 150ms;
}
.toast_t1my5r4k::after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: calc(var(--toast-expanded-offset) - var(--toast-height));
  bottom: 100%;
}
.toast_t1my5r4k.paused {
  -webkit-animation: 250ms ease backwards toast-appear-toast_t1my5r4k;
  animation: 250ms ease backwards toast-appear-toast_t1my5r4k;
}
.toast_t1my5r4k.reset {
  -webkit-animation: 250ms ease var(--duration) forwards toast-disappear-toast_t1my5r4k;
  animation: 250ms ease var(--duration) forwards toast-disappear-toast_t1my5r4k;
}
.toast_t1my5r4k.is-progress {
  -webkit-animation: 250ms ease backwards toast-appear-progress-toast_t1my5r4k, 250ms ease var(--duration) forwards toast-disappear-toast_t1my5r4k;
  animation: 250ms ease backwards toast-appear-progress-toast_t1my5r4k, 250ms ease var(--duration) forwards toast-disappear-toast_t1my5r4k;
}
.toast_t1my5r4k.is-progress.paused {
  -webkit-animation: 250ms ease backwards toast-appear-progress-toast_t1my5r4k;
  animation: 250ms ease backwards toast-appear-progress-toast_t1my5r4k;
}
.toast_t1my5r4k.is-overflowing,
.toast_t1my5r4k.is-overflowing.is-progress,
.toast_t1my5r4k.is-overflowing.paused,
.toast_t1my5r4k.is-overflowing.is-progress.paused {
  -webkit-animation: 250ms ease forwards toast-overflow-remove-toast_t1my5r4k;
  animation: 250ms ease forwards toast-overflow-remove-toast_t1my5r4k;
  pointer-events: none;
}
.toast_t1my5r4k a {
  color: var(--framer-fresco-toolbarButtonTextActiveSites-color, #222222);
  cursor: pointer;
  font-weight: inherit;
  -webkit-text-decoration: none;
  text-decoration: none;
}
.toast_t1my5r4k .toastEmphasis_t1yp07hv {
  color: var(--framer-fresco-toolbarButtonTextActiveSites-color, #222222);
  font-weight: inherit;
}
.toast_t1my5r4k .toastMuted_t5h1uxz {
  color: var(--framer-fresco-toolbarButtonTextSites-color, #888888);
  font-weight: inherit;
}
.toast_t1my5r4k span,
.toast_t1my5r4k a,
.toast_t1my5r4k strong,
.toast_t1my5r4k b,
.toast_t1my5r4k em,
.toast_t1my5r4k i {
  font-weight: inherit;
}
.toast_t1my5r4k code {
  display: inline-block;
  overflow: hidden;
  max-width: 250px;
  font-size: inherit;
  line-height: inherit;
  text-overflow: ellipsis;
}
@-webkit-keyframes toast-appear-toast_t1my5r4k {
  from {
    opacity: 0;
    -webkit-translate: 0 15px;
    -moz-translate: 0 15px;
    -ms-translate: 0 15px;
    translate: 0 15px;
  }
  to {
    opacity: 1;
    -webkit-translate: 0 0;
    -moz-translate: 0 0;
    -ms-translate: 0 0;
    translate: 0 0;
  }
}
@keyframes toast-appear-toast_t1my5r4k {
  from {
    opacity: 0;
    -webkit-translate: 0 15px;
    -moz-translate: 0 15px;
    -ms-translate: 0 15px;
    translate: 0 15px;
  }
  to {
    opacity: 1;
    -webkit-translate: 0 0;
    -moz-translate: 0 0;
    -ms-translate: 0 0;
    translate: 0 0;
  }
}
@-webkit-keyframes toast-appear-progress-toast_t1my5r4k {
  from {
    opacity: 0;
    -webkit-translate: 0 15px;
    -moz-translate: 0 15px;
    -ms-translate: 0 15px;
    translate: 0 15px;
  }
  to {
    opacity: 1;
    -webkit-translate: 0 0;
    -moz-translate: 0 0;
    -ms-translate: 0 0;
    translate: 0 0;
  }
}
@keyframes toast-appear-progress-toast_t1my5r4k {
  from {
    opacity: 0;
    -webkit-translate: 0 15px;
    -moz-translate: 0 15px;
    -ms-translate: 0 15px;
    translate: 0 15px;
  }
  to {
    opacity: 1;
    -webkit-translate: 0 0;
    -moz-translate: 0 0;
    -ms-translate: 0 0;
    translate: 0 0;
  }
}
@-webkit-keyframes toast-disappear-toast_t1my5r4k {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes toast-disappear-toast_t1my5r4k {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@-webkit-keyframes toast-overflow-remove-toast_t1my5r4k {
  from {
    opacity: 1;
    -webkit-translate: 0 0;
    -moz-translate: 0 0;
    -ms-translate: 0 0;
    translate: 0 0;
  }
  to {
    opacity: 0;
    -webkit-translate: 0 15px;
    -moz-translate: 0 15px;
    -ms-translate: 0 15px;
    translate: 0 15px;
  }
}
@keyframes toast-overflow-remove-toast_t1my5r4k {
  from {
    opacity: 1;
    -webkit-translate: 0 0;
    -moz-translate: 0 0;
    -ms-translate: 0 0;
    translate: 0 0;
  }
  to {
    opacity: 0;
    -webkit-translate: 0 15px;
    -moz-translate: 0 15px;
    -ms-translate: 0 15px;
    translate: 0 15px;
  }
}
@media only screen and (max-width: 430px) {
  .toast_t1my5r4k {
    padding-left: 15px;
    letter-spacing: -0.1px;
    min-width: 260px;
    max-width: min(420px, calc(100vw - 20px));
  }
}
.positionTop_p1wvyz2l {
  height: 100%;
  pointer-events: none;
}
.positionTop_p1wvyz2l .toast-card {
  --translate-y:calc(var(--index) * var(--toast-stack-offset));
  top: 0;
  bottom: initial;
  pointer-events: all;
}
.positionTop_p1wvyz2l .toast-card::after {
  top: 100%;
  bottom: initial;
}
@media (hover: hover) and (pointer: fine) {
  .positionTop_p1wvyz2l .toaster-content:hover .toast-card {
    --translate-y:calc(var(--index) * var(--toast-expanded-offset));
  }
}
.iconContainer_iwimrfx {
  --spinner-color:currentColor;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 30px;
  height: 30px;
  -webkit-flex: 0 0 30px;
  -ms-flex: 0 0 30px;
  flex: 0 0 30px;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  margin-right: 5px;
  color: var(--framer-fresco-toastIconSites-color, #0099ff);
}
.iconContainer_iwimrfx .warning .background {
  fill: #fb0;
}
.iconContainer_iwimrfx .warning .line {
  stroke: hsl(0deg, 0%, 100%);
}
.iconContainer_iwimrfx .warning .dot {
  fill: hsl(0deg, 0%, 100%);
}
.iconContainer_iwimrfx .branch .circle {
  fill: var(--framer-fresco-pillTintBorder-color, rgba(0, 153, 255, 0.2));
  stroke: var(--framer-fresco-tint-color, #0099ff);
}
.iconContainer_iwimrfx .branch .line {
  stroke: var(--framer-fresco-tint-color, #0099ff);
}
.text_t1dyj7h0 {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow: hidden;
  min-width: 0;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.text_t1dyj7h0 img,
.text_t1dyj7h0 .emoji {
  width: 1.3em;
  height: 1.3em;
  margin-right: 10px;
  vertical-align: -0.3em;
}
.toastProgressRow_t1kbinb5 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
  min-width: 0;
}
.toastProgressValue_tglvr97 {
  margin-left: auto;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.toastProgressLabel_t1vim678 {
  overflow: hidden;
  min-width: 0;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.toastButton_tevjxrg {
  min-width: unset;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding: 0 10px 1px 10px;
  border: none;
  border-radius: 8px;
  margin: 0;
  margin-left: 10px;
  background-color: var(--framer-fresco-buttonBackground-color, #f3f3f3);
  color: var(--framer-fresco-buttonText-color, #333333);
  font-size: inherit;
  font-weight: var(--framer-fresco-heading-font-weight, 600);
  text-align: center;
}
.toastButton_tevjxrg:focus-visible:not(:disabled),
.toastButton_tevjxrg:hover:not(:disabled) {
  background-color: var(--framer-fresco-buttonBackgroundHover-color, #eeeeee);
}
.toastButton_tevjxrg:active:focus-visible:not(:disabled),
.toastButton_tevjxrg:active:hover:not(:disabled) {
  background-color: var(--framer-fresco-buttonBackgroundHover-color, #eeeeee);
}
.toastButtonProminent_tk2jklq {
  background-color: var(--framer-fresco-toastButtonBackgroundProminent-color, #ffffff);
  color: var(--framer-fresco-tint-color, #0099ff);
}
.toastButtonProminent_tk2jklq:focus-visible:not(:disabled),
.toastButtonProminent_tk2jklq:hover:not(:disabled),
.toastButtonProminent_tk2jklq:active:focus-visible:not(:disabled),
.toastButtonProminent_tk2jklq:active:hover:not(:disabled) {
  background-color: var(--framer-fresco-toastButtonBackgroundProminentHover-color, rgba(255, 255, 255, 0.9));
}
.toastButtonPrimary_t1brfdum {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: var(--framer-fresco-buttonBackgroundPrimary-color, #0099ff);
  color: var(--framer-fresco-toastTextPrimary-color, #ffffff);
}
.toastButtonPrimary_t1brfdum:focus-visible:not(:disabled),
.toastButtonPrimary_t1brfdum:hover:not(:disabled),
.toastButtonPrimary_t1brfdum:active:focus-visible:not(:disabled),
.toastButtonPrimary_t1brfdum:active:hover:not(:disabled) {
  background-color: var(--framer-fresco-buttonBackgroundPrimaryHover-color, #0088ff);
}
.toastButtonPrimary_t1brfdum svg {
  margin-right: 8px;
}
.dismissButton_d1lswxdi svg {
  display: none;
}
@media only screen and (max-width: 430px) {
  .dismissButton_d1lswxdi {
    padding: 0 10px 1px;
    margin-left: 8px;
  }
  .dismissButton_d1lswxdi span {
    display: none;
  }
  .dismissButton_d1lswxdi svg {
    display: block;
  }
}
.extraActionButton_e1ukxca5 {
  margin-left: 10px;
}
.upgradeLicenseToast_u1egrgy1 {
  background-color: var(--framer-fresco-warningTint-color, #FFBB00);
}
.upgradeLicenseToast_u1egrgy1 .toastButton_tevjxrg {
  background-color: var(--framer-fresco-upsellCTAButtonBackground-color, #ffffff);
  color: var(--framer-fresco-warningTint-color, #FFBB00);
}
.upgradeLicenseToast_u1egrgy1 .toastButton_tevjxrg:focus-visible:not(:disabled),
.upgradeLicenseToast_u1egrgy1 .toastButton_tevjxrg:hover:not(:disabled) {
  background-color: var(--framer-fresco-upsellCTAButtonBackgroundHover-color, #eeeeee);
}
.upgradeLicenseToast_u1egrgy1 .text_t1dyj7h0 {
  color: var(--framer-fresco-upsellCTAText-color, #ffffff);
}
.fallbackToolToast_f1kases9 {
  background-color: var(--framer-fresco-toastBackgroundPrimary-color, #0099ff);
  color: var(--framer-fresco-toastTextPrimary-color, #ffffff);
}
.fallbackToolToast_f1kases9 .iconContainer_iwimrfx {
  color: var(--framer-fresco-toastTextPrimary-color, #ffffff);
}
.fallbackToolToast_f1kases9 .iconContainer_iwimrfx .warning .background {
  fill: var(--framer-fresco-toastTextPrimary-color, #ffffff);
}
.fallbackToolToast_f1kases9 .iconContainer_iwimrfx .warning .line {
  stroke: var(--framer-fresco-toastBackgroundPrimary-color, #0099ff);
}
.fallbackToolToast_f1kases9 .iconContainer_iwimrfx .warning .dot {
  fill: var(--framer-fresco-toastBackgroundPrimary-color, #0099ff);
}
.fallbackToolToast_f1kases9 .toastButton_tevjxrg {
  background-color: var(--framer-fresco-toastTextPrimary-color, #ffffff);
  color: var(--framer-fresco-toastBackgroundPrimary-color, #0099ff);
  font-weight: 600;
}
.fallbackToolToast_f1kases9 .toastButton_tevjxrg:hover {
  background-color: var(--framer-fresco-toastTextPrimary-color, #ffffff);
  color: var(--framer-fresco-toastBackgroundPrimary-color, #0099ff);
}
.fallbackToolToast_f1kases9 .toastButton_tevjxrg:focus-visible:not(:disabled),
.fallbackToolToast_f1kases9 .toastButton_tevjxrg:hover:not(:disabled),
.fallbackToolToast_f1kases9 .toastButton_tevjxrg:active:focus-visible:not(:disabled),
.fallbackToolToast_f1kases9 .toastButton_tevjxrg:active:hover:not(:disabled) {
  background-color: var(--framer-fresco-toastTextPrimary-color, #ffffff);
  color: var(--framer-fresco-toastBackgroundPrimary-color, #0099ff);
}
.fallbackToolToast_f1kases9 a {
  color: var(--framer-fresco-toastTextPrimary-color, #ffffff);
}
.error_er6sm5j {
  background-color: var(--framer-fresco-panelBackground-color, #ffffff);
  box-shadow: var(--framer-fresco-canvasTooltip-shadow, 0px 3px 6px 0px rgba(0, 0, 0, 0.08), 0px 0px 0px 1px rgba(0, 0, 0, 0.05));
  color: var(--framer-fresco-toolbarButtonTextSites-color, #888888);
}
.error_er6sm5j .iconContainer_iwimrfx {
  color: #f24a58;
}
.error_er6sm5j .toastButton_tevjxrg {
  background-color: rgba(242, 74, 88, 0.1);
  color: #f24a58;
}
.error_er6sm5j .toastButton_tevjxrg:focus-visible:not(:disabled),
.error_er6sm5j .toastButton_tevjxrg:hover:not(:disabled) {
  background-color: rgba(242, 74, 88, 0.14);
}
.error_er6sm5j .toastButton_tevjxrg:active:focus-visible:not(:disabled),
.error_er6sm5j .toastButton_tevjxrg:active:hover:not(:disabled) {
  background-color: rgba(242, 74, 88, 0.18);
}
.warning_w1bozzti {
  background-color: var(--framer-fresco-panelBackground-color, #ffffff);
  box-shadow: var(--framer-fresco-canvasTooltip-shadow, 0px 3px 6px 0px rgba(0, 0, 0, 0.08), 0px 0px 0px 1px rgba(0, 0, 0, 0.05));
  color: var(--framer-fresco-toolbarButtonTextSites-color, #888888);
}
.warning_w1bozzti .iconContainer_iwimrfx {
  color: #FFBB00;
}
.warning_w1bozzti .toastButton_tevjxrg {
  background-color: rgba(255, 187, 0, 0.1);
  color: #FFBB00;
}
.warning_w1bozzti .toastButton_tevjxrg:focus-visible:not(:disabled),
.warning_w1bozzti .toastButton_tevjxrg:hover:not(:disabled) {
  background-color: rgba(255, 187, 0, 0.1);
  color: #FFBB00;
}
.warning_w1bozzti .toastButton_tevjxrg:active:focus-visible:not(:disabled),
.warning_w1bozzti .toastButton_tevjxrg:active:hover:not(:disabled) {
  background-color: rgba(255, 187, 0, 0.1);
  color: #FFBB00;
}
.prominentToast_p1vvvj8u {
  background-color: var(--framer-fresco-panelBackground-color, #ffffff);
  box-shadow: var(--framer-fresco-canvasTooltip-shadow, 0px 3px 6px 0px rgba(0, 0, 0, 0.08), 0px 0px 0px 1px rgba(0, 0, 0, 0.05));
  color: var(--framer-fresco-toastText-color, #444444);
}
.prominentToast_p1vvvj8u .iconContainer_iwimrfx {
  color: var(--framer-fresco-tint-color, #0099ff);
}

/* wyw-in-js:Toggle.styles_183vkq0.wyw.css */
.toggleWrapper_t16h59f3 {
  --toggle-tack-size:24px;
  --toggle-padding:3px;
  --toggle-padding-total:calc(var(--toggle-padding) * 2);
  --toggle-width:50px;
  --toggle-height:calc(var(--toggle-tack-size) + var(--toggle-padding-total));
  position: relative;
  display: inline-block;
  width: var(--toggle-width);
  height: var(--toggle-height);
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding: var(--toggle-padding);
  border-radius: calc(var(--toggle-height) / 2);
  background-color: var(--framer-fresco-toggleBackground-color, #eeeeee);
  -webkit-transition: background-color 0.2s ease;
  transition: background-color 0.2s ease;
}
.toggleTack_ts3kncj {
  width: var(--toggle-tack-size);
  height: var(--toggle-tack-size);
  border: 1px solid transparent;
  border-radius: 50%;
  border-bottom-color: var(--framer-fresco-toggleTackBorder-color, rgba(0, 0, 0, 0.05));
  background: var(--framer-fresco-toggleTack-color, linear-gradient(0deg, #fafafa 0%, #ffffff 100%));
  box-shadow: var(--framer-fresco-toggleTack-shadow, 0px 1px 1px 0px rgba(0, 0, 0, 0.1), 0px 2px 10px 0px rgba(0, 0, 0, 0.05));
  pointer-events: none;
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
  -webkit-transition: -webkit-transform 0.2s ease;
  transition: transform 0.2s ease;
}
.toggleChecked_t1vycteo {
  background-color: var(--framer-fresco-toggleBackgroundChecked-color, #0099ff);
}
.toggleCheckedAndDisabled_tjv5xjt {
  opacity: 0.5;
}
.toggleDisabled_t1fyy6v3 {
  background-color: var(--framer-fresco-toggleBackgroundDisabled-color, #f3f3f3);
}
.toggleDisabled_t1fyy6v3 .toggleTack_ts3kncj {
  border-bottom-color: var(--framer-fresco-toggleTackBorderDisabled-color, transparent);
  background: var(--framer-fresco-toggleTackDisabled-color, #ffffff);
  box-shadow: none;
}
.input_i1m48rn5 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid transparent;
  border-radius: inherit;
  margin: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
}
.input_i1m48rn5:focus {
  outline-color: transparent;
  outline-style: solid;
}
.input_i1m48rn5:focus-visible {
  border-color: var(--framer-fresco-inputBorderActive-color, #0099ff);
}
.input_i1m48rn5:not(:disabled) {
  cursor: pointer;
}
.input_i1m48rn5:checked + .toggleTack_ts3kncj {
  -webkit-transform: translateX(calc(var(--toggle-width) - var(--toggle-padding-total) - var(--toggle-tack-size)));
  -moz-transform: translateX(calc(var(--toggle-width) - var(--toggle-padding-total) - var(--toggle-tack-size)));
  -ms-transform: translateX(calc(var(--toggle-width) - var(--toggle-padding-total) - var(--toggle-tack-size)));
  transform: translateX(calc(var(--toggle-width) - var(--toggle-padding-total) - var(--toggle-tack-size)));
}
.inputFocusOutline_ivaq8i1 {
  outline: var(--framer-fresco-focusOutlineWidth-dimension, 1.5px) solid transparent;
  outline-offset: var(--framer-fresco-focusOutlineOffset-dimension, 1.5px);
}
.inputFocusOutline_ivaq8i1:focus {
  outline-color: transparent;
}
.inputFocusOutline_ivaq8i1:focus-visible {
  outline-color: var(--framer-fresco-inputBorderActive-color, #0099ff);
  border-color: transparent;
}
.toggleWrapperSmall_t1dvpipz {
  --toggle-tack-size:16px;
  --toggle-padding:2px;
  --toggle-width:var(--framer-fresco-toggleWidthSmall-dimension, 30px);
}

/* wyw-in-js:UploadButton.styles_1qu06dw.wyw.css */
.button_b1xodv2l {
  min-width: 67px;
  padding-bottom: 0;
}
.buttonChildren_bj5wdr {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  font-weight: 500;
  line-height: 14px;
}
.buttonChildren_bj5wdr > svg {
  margin-right: 6px;
}

/* wyw-in-js:VirtualListShrinkingHeader.styles_wy90rn.wyw.css */
.shrinkingHeaderContainer_s174a0sx {
  overflow: clip;
  width: 100%;
  height: 100%;
}

/* wyw-in-js:VirtualGrid.styles_19yhf58.wyw.css */
.row_r1t532rj {
  display: -ms-grid;
  display: grid;
  height: 100%;
}
.itemWrapper_i1rwgrez {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

/* wyw-in-js:VirtualTable.styles_1dadom0.wyw.css */
.stickyLeft_s1p8wv87 {
  position: -webkit-sticky;
  position: sticky;
  left: 0;
  width: 0;
  height: 0;
  pointer-events: none;
}
.stickyTop_s1e98ns5 {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  width: 0;
  height: 0;
  pointer-events: none;
}
.stickyTopLeft_s1s317eh {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  pointer-events: none;
}
.zRowHeader_zyfaudd {
  z-index: 3;
}
.zColumnHeader_z2s9pm3 {
  z-index: 4;
}
.zHeaderBorder_z1rrs9wu {
  z-index: 1;
}
.scrollContainer_s16n3wnc {
  position: relative;
}
.scrollContent_sotq1e5 {
  position: relative;
  isolation: isolate;
}
.scrollContentSafariContain_s10osr75 {
  contain: strict;
}
.layer_l1h6v2t5 {
  position: absolute;
  inset: 0;
}
.bodyLayer_b1jxg15k {
  z-index: 0;
}
.leadingColumnViewport_l140zedo {
  position: relative;
  overflow: hidden;
  background: var(--framer-fresco-panelBackground-color, #ffffff);
}
.leadingColumnHeaderViewport_ls7gpi2 {
  position: relative;
}
.cornerLayer_cizd31e {
  z-index: 5;
}
.overlayLayer_o1ar25ft {
  z-index: 2;
  pointer-events: none;
}
.leadingOverlayViewport_lztixnx {
  position: relative;
  overflow: visible;
}
.headerBorderSegment_h7ilqgd {
  position: absolute;
  background: var(--framer-fresco-panelDivider-color, #eeeeee);
  pointer-events: none;
}
.cellContainer_c6ypeqg {
  position: absolute;
  box-sizing: border-box;
  overflow: hidden;
}
.bodyCellContainer_b13wowhh {
  overflow: visible;
}
.columnHeaderCellContainer_ce6qzwm {
  overflow: visible;
}
.interactiveCellContent_i1jyqyui {
  width: 100%;
  height: 100%;
  pointer-events: auto;
}

/* wyw-in-js:a11y.styles_x24o0y.wyw.css */
.screenReaderOnly_s71f2i0 {
  position: absolute;
  overflow: hidden;
  width: 1px;
  height: 1px;
  padding: 0;
  border-width: 0;
  margin: -1px;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
}

/* wyw-in-js:tabularNumbers.styles_545cvh.wyw.css */
.tabularNumbers_tpycwo6 {
  font-variant-numeric: tabular-nums;
}

/* wyw-in-js:appPointerEvents.styles_rg3p25.wyw.css */
body.appDisablePointerEvents_a1pulxae .monaco-editor * {
  -webkit-user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
body.appDisablePointerEvents_a1pulxae .appPointerEvents_arpwu8w {
  pointer-events: none;
  -webkit-user-select: none;
}

/* wyw-in-js:FloatingWindow.styles_12w5r5x.wyw.css */
.windowBarCursor_wuk326o {
  cursor: -webkit-grab;
  cursor: grab;
}
.noPointerEvents_n283lgw {
  pointer-events: none;
}
.pointerEvents_pue1ity {
  pointer-events: auto;
}

/* wyw-in-js:PopoutButton.styles_r2st5t.wyw.css */
.popoutButton_pvjhuxd {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: var(--framer-fresco-inputHeight-dimension, 30px);
  min-height: var(--framer-fresco-inputHeight-dimension, 30px);
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px solid var(--framer-fresco-inputBorder-color, transparent);
  border-radius: var(--framer-fresco-inputRadius-dimension, 8px);
  background-color: var(--framer-fresco-inputBackground-color, #f3f3f3);
  cursor: pointer;
  font-size: var(--framer-fresco-base-font-size, 12px);
  font-weight: var(--framer-fresco-base-font-weight, 500);
}
.popoutButton_pvjhuxd:focus {
  border: 1px solid var(--framer-fresco-inputBorderActive-color, #0099ff);
}
.popoutButtonDisabled_pcpv5lz {
  pointer-events: none;
}
.popoutButtonLarge_p1awmd8 {
  border-radius: var(--framer-fresco-inputRadiusLarge-dimension, 10px);
}

/* wyw-in-js:PopoutPopover.styles_18dlrei.wyw.css */
.popover_pjkind9 {
  width: var(--framer-fresco-popoverWidth-dimension, 260px);
}
.contentClip_c1l0qpj8 {
  overflow: clip;
  border-radius: var(--framer-fresco-popoverRadius-dimension, 15px);
  will-change: transform;
}

/* wyw-in-js:PopoutWindow.styles_no5ebt.wyw.css */
.window_wrgelve {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: clip;
  width: var(--framer-fresco-popoverWidth-dimension, 260px);
  max-height: 100%;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  border-radius: var(--framer-fresco-floatingWindowRadius-dimension, 16px);
  background: var(--framer-fresco-panelBackground-color, #ffffff);
  box-shadow: var(--framer-fresco-popover-shadow, 0px 10px 30px 0px rgba(0, 0, 0, 0.1), 0px 1px 4px 0px rgba(0, 0, 0, 0.02));
  will-change: transform;
}

/* wyw-in-js:ACLAvatar.styles_9wfw7q.wyw.css */
.tooltipName_ts7fbvw {
  font-weight: var(--framer-fresco-heading-font-weight, 600);
  line-height: 1.5;
  text-align: center;
  white-space: nowrap;
}
.tooltipLabel_t18v0z1l {
  line-height: 1.5;
  opacity: 0.6;
  text-align: center;
  white-space: nowrap;
}

/* wyw-in-js:ACLAvatarList.styles_1qhh5fi.wyw.css */
.list_l1l8om57 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.list_l1l8om57 > *:not(:first-child) {
  margin-right: -4px;
}
.small_sv36qp8 > *:not(:first-child) {
  margin-right: -3px;
}
.tooltipName_t1aewutb {
  font-weight: var(--framer-fresco-heading-font-weight, 600);
  line-height: 1.6;
  text-align: center;
}
.tooltipLabel_tfydinf {
  line-height: 1.6;
  opacity: 0.6;
  text-align: center;
}
.avatar_a16903hn {
  position: relative;
}
.avatar_a16903hn:not(:last-child) {
  overflow: hidden;
  -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="26.5" height="30" fill="none" overflow="visible"><path d="M 4.5 0 L 18.5 0 C 22.919 0 26.5 3.582 26.5 8 L 26.5 22 C 26.5 26.418 22.919 30 18.5 30 L 4.5 30 C 2.832 30 1.282 29.489 0 28.615 C 1.556 26.852 2.5 24.536 2.5 22 L 2.5 8 C 2.5 5.464 1.556 3.148 0 1.385 C 1.282 0.511 2.832 0 4.5 0 Z" fill="%23CCC"></path></svg>') no-repeat right center/auto 100%;
  -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="26.5" height="30" fill="none" overflow="visible"><path d="M 4.5 0 L 18.5 0 C 22.919 0 26.5 3.582 26.5 8 L 26.5 22 C 26.5 26.418 22.919 30 18.5 30 L 4.5 30 C 2.832 30 1.282 29.489 0 28.615 C 1.556 26.852 2.5 24.536 2.5 22 L 2.5 8 C 2.5 5.464 1.556 3.148 0 1.385 C 1.282 0.511 2.832 0 4.5 0 Z" fill="%23CCC"></path></svg>') no-repeat right center/auto 100%;
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="26.5" height="30" fill="none" overflow="visible"><path d="M 4.5 0 L 18.5 0 C 22.919 0 26.5 3.582 26.5 8 L 26.5 22 C 26.5 26.418 22.919 30 18.5 30 L 4.5 30 C 2.832 30 1.282 29.489 0 28.615 C 1.556 26.852 2.5 24.536 2.5 22 L 2.5 8 C 2.5 5.464 1.556 3.148 0 1.385 C 1.282 0.511 2.832 0 4.5 0 Z" fill="%23CCC"></path></svg>') no-repeat right center/auto 100%;
}
.countText_c1m9oj4r {
  padding-left: 6px;
  font-size: var(--framer-fresco-label-font-size, 10px);
  box-sizing: border-box;
  color: var(--framer-fresco-countLabelText-color, rgba(51, 51, 51, 0.5));
}
.smallAvatar_s18jzmm1 {
  --avatar-size:20px !important;
  border-radius: 5px;
  font-size: 10px;
}
.smallAvatar_s18jzmm1 span,
.smallAvatar_s18jzmm1 img {
  border-radius: 5px;
}

/* wyw-in-js:ProjectBarMenu.styles_8gsa7a.wyw.css */
.projectBarMenu_pvu3uy5 {
  --menu-item-icon-gap:5px;
  z-index: 1;
  opacity: 0;
  -webkit-transform: scale(0.96);
  -moz-transform: scale(0.96);
  -ms-transform: scale(0.96);
  transform: scale(0.96);
  transform-origin: 50% 0%;
  transition-duration: 80ms;
  transition-property: opacity, transform;
  transition-timing-function: cubic-bezier(0.21, 0.37, 0.49, 1);
}
.projectBarMenu_pvu3uy5[data-enter] {
  opacity: 1;
  -webkit-transform: scaleY(1);
  -moz-transform: scaleY(1);
  -ms-transform: scaleY(1);
  transform: scaleY(1);
}
.projectBarMenu_pvu3uy5[data-leave] {
  -webkit-transform: scaleY(1);
  -moz-transform: scaleY(1);
  -ms-transform: scaleY(1);
  transform: scaleY(1);
  transition-duration: 30ms;
}
.projectBarMenu_pvu3uy5 li .inner {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}
.projectBarMenu_pvu3uy5 li.checked .inner::before {
  height: 30px !important;
}
.projectBarMenu_pvu3uy5 li.has-badge.checked .inner::before {
  height: 34px !important;
}

/* wyw-in-js:VideoOverlay.styles_146dm9o.wyw.css */
.videoOverlayWrapper_v1d1iynd {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}

/* wyw-in-js:PathSegmentControl.styles_r4rihi.wyw.css */
.pathSegmentDot_pv9rc06 {
  position: absolute;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: white;
  box-shadow: inset 0 0 0 1px var(--framer-fresco-tint-color, #0099ff);
  cursor: "default";
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.control_c1arl1nv::before {
  position: absolute;
  top: -5px;
  right: -5px;
  bottom: -5px;
  left: -5px;
  border-radius: 50%;
  content: "";
}
.controlHighlighted_c10dexf1 {
  background: var(--framer-fresco-tint-color, #0099ff);
  box-shadow: 0 0 0 1px white;
}
.controlConstrained_c1r3347b {
  background: var(--framer-fresco-snapLine-color, #FF5AAA);
  box-shadow: 0 0 0 1px white;
}

/* wyw-in-js:Multiplayer.styles_ql2hw7.wyw.css */
.multiplayer_m131gtz1 {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.cursor_c1ri4zde {
  --color:#000;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: -webkit-transform 100ms ease-out;
  transition: transform 100ms ease-out;
  will-change: transform;
}
.cursorGraphic_c1ycq1zn {
  width: 14px;
  height: 14px;
  background-color: var(--color);
  -webkit-mask: url("https://localhost:8009/cursor-multiplayer-FBXXEF4X.svg");
  -webkit-mask: url("https://localhost:8009/cursor-multiplayer-FBXXEF4X.svg");
  mask: url("https://localhost:8009/cursor-multiplayer-FBXXEF4X.svg");
}
.label_lv62knu {
  position: absolute;
  top: 14px;
  left: 14px;
  min-width: 44px;
  padding: 6px 9px;
  border-radius: 8px;
  background: var(--color);
  color: #fff;
  font-size: 12px;
  font-weight: 500;
  white-space: nowrap;
}
.placeholder_p1dw9fw {
  opacity: 0.5;
}

/* wyw-in-js:flashElement.styles_cjtyuv.wyw.css */
.flash_fh6lfgu::before {
  position: absolute;
  z-index: 2;
  top: var(--top-flash-inset, 0);
  right: var(--right-flash-inset, 0);
  bottom: var(--bottom-flash-inset, 0);
  left: var(--left-flash-inset, 0);
  content: "";
  pointer-events: none;
}
.defaultStyle_d8eehx6::before {
  border: 2px solid var(--framer-fresco-tint-color, #0099ff);
  border-radius: var(--flash-radius, 8px);
  -webkit-animation-duration: 600ms;
  animation-duration: 600ms;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-name: flash-default-style-defaultStyle_d8eehx6;
  animation-name: flash-default-style-defaultStyle_d8eehx6;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  background-color: var(--framer-fresco-tintDimmed-color, color(display-p3 0 0.6 1 / 0.1));
}
@-webkit-keyframes flash-default-style-defaultStyle_d8eehx6 {
  0% {
    opacity: 0;
  }
  20% {
    opacity: 1;
  }
  60% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes flash-default-style-defaultStyle_d8eehx6 {
  0% {
    opacity: 0;
  }
  20% {
    opacity: 1;
  }
  60% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.warningStyle_wdvaq7i::before {
  border: 2px solid var(--framer-fresco-warningTint-color, #FFBB00);
  background-color: var(--framer-fresco-warningTintDimmed-color, rgba(255, 187, 0, 0.2));
}
.glowStyle_ghqxg7a::before {
  border-radius: 2px;
  -webkit-animation-duration: 400ms;
  animation-duration: 400ms;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-name: flash-glow-style-glowStyle_ghqxg7a;
  animation-name: flash-glow-style-glowStyle_ghqxg7a;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}
@-webkit-keyframes flash-glow-style-glowStyle_ghqxg7a {
  0% {
    background-color: transparent;
    box-shadow: unset;
  }
  50% {
    background-color: rgba(251, 251, 251, 0.5);
    box-shadow: inset 0 0 0 1px #09f, 0 0 5px 0 #09f;
  }
  100% {
    background-color: transparent;
    box-shadow: unset;
  }
}
@keyframes flash-glow-style-glowStyle_ghqxg7a {
  0% {
    background-color: transparent;
    box-shadow: unset;
  }
  50% {
    background-color: rgba(251, 251, 251, 0.5);
    box-shadow: inset 0 0 0 1px #09f, 0 0 5px 0 #09f;
  }
  100% {
    background-color: transparent;
    box-shadow: unset;
  }
}

/* wyw-in-js:SiteSettings.styles_bs16zy.wyw.css */
.wrapper_w1o2ymf0 {
  position: relative;
  z-index: 10;
  width: 100vw;
  height: calc(100vh - var(--framerInternalUI-chromeMarginBottom));
  padding-left: var(--framerInternalUI-chromeMarginLeft);
  background-color: var(--framer-fresco-canvasBackground-color, #eeeeee);
}
.panelBackgroundColor_p1lp8ih5 {
  background-color: var(--framer-fresco-panelBackground-color, #ffffff);
}
.scrollContainer_s7mibhy {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: calc(100% - var(--framer-fresco-webBarHeight-dimension, 60px));
  -webkit-align-items: flex-start;
  -webkit-box-align: flex-start;
  -ms-flex-align: flex-start;
  align-items: flex-start;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  padding: 60px 0;
  margin-top: var(--framer-fresco-webBarHeight-dimension, 60px);
  overflow-x: hidden;
  overflow-y: auto;
}
.sidebar_s11djkat {
  position: fixed;
  top: var(--framerInternalUI-chromeToolbarHeight);
  bottom: var(--framerInternalUI-chromeMarginBottom);
  left: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: var(--framerInternalUI-chromeMarginLeft);
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  border-right: 1px solid var(--framer-fresco-panelDivider-color, #eeeeee);
  background-color: var(--framer-fresco-panelBackground-color, #ffffff);
}
.rowsContainer_ro7whr6 {
  padding: 0 var(--framer-fresco-panelPadding-dimension, 15px) var(--framer-fresco-panelPadding-dimension, 15px);
}
.page_pc9qied {
  width: 720px;
}
.placeholder_p2d2j3d {
  color: var(--framer-fresco-settingsPlaceholder-color, #bbbbbb);
}
.description_d5vgume {
  margin: 0;
  color: var(--framer-fresco-panelDescription-color, #999999);
  font-size: var(--framer-fresco-base-font-size, 12px);
  font-weight: var(--framer-fresco-baseActive-font-weight, 500);
  letter-spacing: 0;
  line-height: 1.6;
  text-align: left;
}
.divider_d1dux9p9 {
  width: 100%;
  height: 1px;
  background-color: var(--framer-fresco-panelDivider-color, #eeeeee);
}
.versionsProperties_vu5x1d9 {
  font-weight: var(--framer-fresco-baseActive-font-weight, 500);
}
.versionsSection_v1px74r9 {
  padding-bottom: 30px;
  border-bottom: 1px solid var(--framer-fresco-siteSettingsBorderSectionDivider-color, #eeeeee);
}
.indicatorLabel_i528q3h {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-text-decoration: none;
  text-decoration: none;
  white-space: nowrap;
}
.preference_psv52of {
  color: var(--framer-fresco-settingsGridContent-color, #666666);
  font-weight: var(--framer-fresco-baseActive-font-weight, 500);
  line-height: 1.2;
}
.connectDomainButton_c1tioh7n {
  font-weight: var(--framer-fresco-heading-font-weight, 600);
}
.wideContainer_w1y6q80l {
  width: 100%;
  max-width: 880px;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 0 65px 60px;
}
@media (max-width: 1100px) {
  .wideContainer_w1y6q80l {
    padding: 0 30px 30px;
  }
}
.sectionTitle_s9k09fr {
  color: var(--framer-fresco-settingsPrimary-color, #222222);
  font-size: 16px;
  font-weight: var(--framer-fresco-heading-font-weight, 600);
  letter-spacing: -0.01em;
  line-height: 1.4;
}
.settingTitle_s143auyj {
  color: var(--framer-fresco-settingsPrimary-color, #222222);
  font-size: var(--framer-fresco-base-font-size, 12px);
  font-weight: var(--framer-fresco-base-font-weight, 500);
  letter-spacing: -0.01em;
  line-height: 1.2em;
}
.previewSettingLabel_p10kxaxh {
  color: var(--framer-fresco-settingsContainerTitle-color, #222222);
  font-size: var(--framer-fresco-base-font-size, 12px);
  font-weight: var(--framer-fresco-baseActive-font-weight, 500);
  letter-spacing: -0.01em;
  line-height: 1.2em;
}
.previewProtectedStagingRowMuted_p1bf5rks {
  opacity: 0.5;
}
.previewStagingDividerSpacing_pytamor {
  margin-top: 15px;
  margin-bottom: 15px;
}
.previewStagingToggleRow_p1om2cka {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: repeat(2, minmax(0, 0.5fr));
  grid-template-columns: repeat(2, minmax(0, 0.5fr));
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 15px;
  column-gap: 15px;
  width: 100%;
}
.previewStagingToggleRow_p1om2cka > :first-child {
  min-width: 0;
}
.previewStagingToggleRow_p1om2cka > :last-child {
  -ms-grid-column-align: end;
  justify-self: end;
}
.previewStagingDescription_pub8um7 {
  min-width: 0;
  text-wrap: balance;
}
.settingDescription_sn9pc25 {
  margin: 0;
  color: var(--framer-fresco-settingsSecondary-color, #666666);
  font-size: var(--framer-fresco-base-font-size, 12px);
  font-weight: var(--framer-fresco-base-font-weight, 500);
  letter-spacing: 0;
  line-height: 1.5em;
  text-wrap: balance;
}
.settingDescriptionSecondary_so2uwos {
  margin: 0;
  color: var(--framer-fresco-settingsSecondary-color, #666666);
  font-size: var(--framer-fresco-base-font-size, 12px);
  font-weight: var(--framer-fresco-base-font-weight, 500);
  letter-spacing: 0;
  line-height: 1.5em;
  text-wrap: balance;
}
.noShrink_n1ko75dj {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.fullWidth_f1obgswm {
  max-width: 100%;
}
.limitedWidth_ldgz59b {
  max-width: 59%;
}
@media (max-width: 1100px) {
  .limitedWidth_ldgz59b {
    max-width: 100%;
  }
}

/* wyw-in-js:InsertSidebar.styles_1xjf89.wyw.css */
.insertableItems_iq0s7c6 {
  padding-bottom: 0;
}
.insertableItems_iq0s7c6:last-child {
  padding-bottom: var(--framer-fresco-inputSpacing-dimension, 10px);
}
.categoryContent_cinihlz {
  overflow: hidden;
  min-width: var(--framer-fresco-panelMinWidth-dimension, 260px);
  border-right: 1px solid var(--framer-fresco-panelDivider-color, #eeeeee);
  background-color: var(--framer-fresco-panelBackground-color, #ffffff);
}
.categoryContent_cinihlz .insertableItems_iq0s7c6:first-of-type .group_g15oll3g {
  padding-top: 3px;
  padding-bottom: var(--framer-fresco-panelPadding-dimension, 15px);
}
.pushedCategoryContent_p1bxfdtk {
  position: fixed;
  z-index: 7;
  top: var(--framerInternalUI-chromeToolbarHeight);
  bottom: var(--framerInternalUI-chromeMarginBottom);
  left: var(--framerInternalUI-chromeMarginLeft);
}
.pushedCategoryContent_p1bxfdtk .insertableItems_iq0s7c6:first-of-type .group_g15oll3g {
  padding-top: 3px;
  padding-bottom: var(--framer-fresco-panelPadding-dimension, 15px);
}
.searchInputWrapper_smjxak0 {
  width: 100%;
}
.scroll_s1lvkiy8 {
  position: absolute;
  z-index: 0;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding-bottom: calc(var(--framer-fresco-panelPadding-dimension, 15px) - var(--framer-fresco-inputSpacing-dimension, 10px));
  background-color: var(--framer-fresco-panelBackground-color, #ffffff);
}
.floatingHeader_f1xkh6pk {
  position: -webkit-sticky;
  position: sticky;
  z-index: 9999;
  top: 0;
  height: var(--framer-fresco-sitesPanelHeaderHeight-dimension, 60px);
  padding: 0 var(--framer-fresco-panelPadding-dimension, 15px);
  background-color: var(--framer-fresco-panelBackground-color, #ffffff);
}
.floatingHeader_f1xkh6pk::after {
  position: absolute;
  right: var(--framer-fresco-panelPadding-dimension, 15px);
  bottom: -1px;
  left: var(--framer-fresco-panelPadding-dimension, 15px);
  height: 1px;
  background-color: var(--framer-fresco-panelDivider-color, #eeeeee);
  content: "";
}
.noSearchResults_nio3bgi {
  position: relative;
  height: calc(100% - var(--framer-fresco-sitesPanelHeaderHeight-dimension, 60px));
}
.sectionCategory_s1bila99 {
  height: 40px;
  padding: 10px;
  border-radius: 10px;
  color: var(--framer-fresco-panelChevron-color, #bbbbbb);
}
.sectionCategory_s1bila99 span {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  color: var(--framer-fresco-toolbarButtonTextSites-color, #888888);
  font-weight: var(--framer-fresco-heading-font-weight, 600);
  pointer-events: none;
}
.sectionCategory_s1bila99:hover {
  background-color: var(--framer-fresco-insertPanelGridItem-color, #f3f3f3);
  color: var(--framer-fresco-panelDescription-color, #999999);
}
.sectionCategory_s1bila99:hover span {
  color: var(--framer-fresco-toolbarButtonTextActiveSites-color, #222222);
}
.sectionCategoryActive_sxmo6el {
  background-color: var(--framer-fresco-insertPanelGridItem-color, #f3f3f3);
}
.sectionCategoryActive_sxmo6el span {
  color: var(--framer-fresco-toolbarButtonTextActiveSites-color, #222222);
}
.sectionCategoryButton_srfax3v {
  cursor: pointer;
}
.categories_c1m80vfu .group_g15oll3g {
  padding-left: var(--framer-fresco-inputSpacing-dimension, 10px);
}
.sectionCategorySafeZone_s1sotw05 {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: none;
}
.sectionCategorySafeZone_s1sotw05.enabled {
  display: block;
}
.grid_g1qa12ri {
  display: -ms-grid;
  display: grid;
  -webkit-column-gap: 10px;
  column-gap: 10px;
  -ms-grid-columns: repeat(auto-fill, minmax(105px, 1fr));
  grid-template-columns: repeat(auto-fill, minmax(105px, 1fr));
  row-gap: 10px;
}
.agentGrid_a1czd8ss {
  -ms-grid-columns: repeat(2, minmax(0, 1fr));
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.gridItemFullWidth_g19vodqr {
  -ms-grid-column: 1/-1;
  grid-column: 1/-1;
}
.itemWrapper_i114eth7 {
  position: relative;
  height: var(--wrapperHeight, 110px);
  outline: none;
  -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.2, 0, 0, 1);
  transition: transform 0.2s cubic-bezier(0.2, 0, 0, 1);
}
.itemWrapperTintHoverEffect_i18gqik4:hover div:first-child {
  opacity: 1;
}
.itemWrapperAutoHeight_i9bhu8g {
  width: 100%;
  height: auto;
}
.agentItemWrapper_ak5y7fj {
  height: var(--wrapperHeight, auto);
  aspect-ratio: 1;
}
.itemTile_itl8gw {
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 15px;
  background: var(--background-light, var(--framer-fresco-inputBackground-color, #f3f3f3));
  opacity: 0.75;
  -webkit-transition: opacity 0.2s cubic-bezier(0.2, 0, 0, 1);
  transition: opacity 0.2s cubic-bezier(0.2, 0, 0, 1);
}
.gridItemFullWidth_g19vodqr .itemTile_itl8gw {
  border-radius: 15px;
}
body[data-framer-theme=dark] .itemTile_itl8gw {
  background: var(--background-dark, var(--framer-fresco-inputBackground-color, #f3f3f3));
}
.agentItemTile_a181tees {
  border-radius: 15px;
  box-shadow: inset 0 0 0 1px var(--framer-fresco-agentBorder-color, rgba(0, 0, 0, 0.05));
  opacity: 1;
}
.item_ihtet07 {
  position: relative;
  height: 100%;
  color: var(--framer-fresco-inputText-color, #333333);
  cursor: pointer;
  -webkit-transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  transform: scale(1, 1);
  -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.2, 0, 0, 1), opacity 0.6000000000000001s;
  transition: transform 0.2s cubic-bezier(0.2, 0, 0, 1), opacity 0.6000000000000001s;
}
.draggableItem_d1lwxzcl {
  cursor: -webkit-grab;
  cursor: grab;
}
.layoutItem_lj8of3v {
  height: auto;
  border-radius: 8px;
}
.itemWithoutFrame_i5wnst {
  border-radius: 10px;
}
body[data-framer-theme=dark] .itemWithoutFrame_i5wnst {
  border: 1px solid rgba(255, 255, 255, 0.1);
}
.agentItem_a1wz0igh {
  overflow: hidden;
  border-radius: 15px;
}
.itemBanner_i910q28 {
  position: relative;
  width: 100%;
  min-width: var(--preview-min-width, 110px);
  height: 1px;
  min-height: var(--minHeight, auto);
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  border-radius: var(--preview-radius, 0px);
  background-image: var(--image);
  -webkit-background-position: center;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-background-size: var(--preview-width, 110px) var(--preview-height, 83px);
  background-size: var(--preview-width, 110px) var(--preview-height, 83px);
}
body[data-framer-theme=dark] .itemBanner_i910q28 {
  background-image: var(--image-dark, var(--image));
}
.itemWrapperGrowHoverEffect_i19ilvy6 .itemBanner_i910q28 {
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.itemWrapperGrowHoverEffect_i19ilvy6 .itemBanner_i910q28::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 8px;
  background: rgba(255, 255, 255, 1);
  content: "";
  opacity: 0;
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.itemWrapperGrowHoverEffect_i19ilvy6:hover .itemBanner_i910q28 {
  -webkit-transform: scale(1.02);
  -moz-transform: scale(1.02);
  -ms-transform: scale(1.02);
  transform: scale(1.02);
}
.itemWrapperGrowHoverEffect_i19ilvy6:hover .itemBanner_i910q28::after {
  opacity: 0.4;
}
.itemWrapperGrowHoverEffect_i19ilvy6:active .itemBanner_i910q28 {
  -webkit-transform: scale(1.01);
  -moz-transform: scale(1.01);
  -ms-transform: scale(1.01);
  transform: scale(1.01);
  -webkit-transition: all 0.1s ease;
  transition: all 0.1s ease;
}
.itemBannerFullSize_idaykr9 {
  position: relative;
  min-width: 210px;
  height: auto;
  border-radius: 8px;
  -webkit-background-size: cover;
  background-size: cover;
  box-shadow: var(--framer-fresco-insertImage-shadow, 0px 4px 8px 0px rgba(0, 0, 0, 0.1));
}
.itemBannerWithoutFrame_icn7tum {
  border-radius: 10px;
}
.itemTitleWrapper_i1ozaeip {
  height: 28px;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.itemTitle_i8xl0qc {
  width: calc(100% - 8px);
  color: var(--tint, var(--framer-fresco-panelDescription-color, #999999));
  font-size: var(--framer-fresco-labelLarge-font-size, 11px);
  font-weight: var(--framer-fresco-heading-font-weight, 600);
  text-align: center;
}
.agentItemBanner_a1br2stl {
  width: 100%;
  height: 100%;
  min-width: 0;
  min-height: 0;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
}
.agentItemBannerEdgeToEdge_a1xrmd4w {
  border-radius: 15px;
  -webkit-background-size: cover;
  background-size: cover;
  box-shadow: inset 0 0 0 1px var(--framer-fresco-agentBorder-color, rgba(0, 0, 0, 0.05));
}
.agentItemPreviewArea_ai2ou7a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  min-width: 0;
  min-height: 0;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.agentItemPreviewIcon_aabx9hr {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  color: var(--framer-fresco-panelDescription-color, #999999);
}
.agentItemPreviewImage_akbl405 {
  object-fit: contain;
  pointer-events: none;
}
.agentItemTitleWrapper_a1s6md9d {
  position: relative;
  height: auto;
  pointer-events: none;
}
.agentItemTitle_a1h6l72s {
  width: 100%;
  color: var(--framer-fresco-panelDescription-color, #999999);
}
.dragPreviewWrapper_ddtrz0d {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.dragPreviewItem_d1ytyhcl {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  background-color: var(--framer-fresco-componentTintDimmedDrag-color, rgba(136, 85, 255, 0.2));
  box-shadow: inset 0 0 0 1px var(--framer-fresco-componentTintDimmedActive-color, rgba(136, 85, 255, 0.3));
  color: var(--framer-fresco-componentTint-color, #8855ff);
  opacity: 0;
  text-align: center;
  -webkit-transform: scale(var(--scale-x, 0), var(--scale-y, 0));
  -moz-transform: scale(var(--scale-x, 0), var(--scale-y, 0));
  -ms-transform: scale(var(--scale-x, 0), var(--scale-y, 0));
  transform: scale(var(--scale-x, 0), var(--scale-y, 0));
  -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.2, 0, 0, 1), opacity 0.6000000000000001s;
  transition: transform 0.2s cubic-bezier(0.2, 0, 0, 1), opacity 0.6000000000000001s;
  white-space: normal;
}
.dragPreviewUploadingItem_dbkz0he {
  border-color: var(--framer-fresco-tintDimmed-color, color(display-p3 0 0.6 1 / 0.1));
  border-radius: none;
  background-color: var(--framer-fresco-tintDimmed-color, color(display-p3 0 0.6 1 / 0.1));
  box-shadow: inset 0 0 0 1px var(--framer-fresco-tintDimmed-color, color(display-p3 0 0.6 1 / 0.1));
  color: var(--framer-fresco-tint-color, #0099ff);
  -webkit-transition: none;
  transition: none;
}
.hoveringDropTarget_h1fuol1z .itemWrapper_i114eth7 {
  -webkit-transform: translate(var(--center-offset-x, 0), var(--center-offset-y, 0));
  -moz-transform: translate(var(--center-offset-x, 0), var(--center-offset-y, 0));
  -ms-transform: translate(var(--center-offset-x, 0), var(--center-offset-y, 0));
  transform: translate(var(--center-offset-x, 0), var(--center-offset-y, 0));
}
.hoveringDropTarget_h1fuol1z .dragPreviewItem_d1ytyhcl {
  opacity: 1;
  -webkit-transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  transform: scale(1, 1);
}
.hoveringDropTarget_h1fuol1z .withDropTargetHover_w778mif {
  opacity: 0;
  -webkit-transform: scale(var(--scale-x, 0), var(--scale-y, 0));
  -moz-transform: scale(var(--scale-x, 0), var(--scale-y, 0));
  -ms-transform: scale(var(--scale-x, 0), var(--scale-y, 0));
  transform: scale(var(--scale-x, 0), var(--scale-y, 0));
  -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.2, 0, 0, 1), opacity 0.6000000000000001s;
  transition: transform 0.2s cubic-bezier(0.2, 0, 0, 1), opacity 0.6000000000000001s;
}
.icon_i1mqo4r1 svg:first-child {
  overflow: visible;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  border-radius: 5px;
}
.agentCategoryIcon_ano7nws {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 20px;
  height: 20px;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  border-radius: 5px;
  background-color: var(--framer-fresco-inputBackground-color, #f3f3f3);
  color: var(--framer-fresco-insertPanelAgentCategoryIcon-color, #888888);
}
.agentCategoryIcon_ano7nws svg {
  overflow: visible;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.agentSectionCategory_at2cnsn {
  border-radius: 12px;
}
.agentSectionCategory_at2cnsn:hover {
  background-color: var(--framer-fresco-insertPanelGridItem-color, #f3f3f3);
}
.agentSectionCategory_at2cnsn:hover .agentCategoryIcon_ano7nws {
  background-color: var(--framer-fresco-insertPanelAgentCategoryIconBackgroundActive-color, rgba(0, 0, 0, 0.07));
  color: var(--framer-fresco-toolbarButtonTextActiveSites-color, #222222);
}
.agentSectionCategoryActive_az7jiwl {
  background-color: var(--framer-fresco-insertPanelGridItem-color, #f3f3f3);
}
.agentSectionCategoryActive_az7jiwl .agentCategoryIcon_ano7nws {
  background-color: var(--framer-fresco-insertPanelAgentCategoryIconBackgroundActive-color, rgba(0, 0, 0, 0.07));
  color: var(--framer-fresco-toolbarButtonTextActiveSites-color, #222222);
}
.wireframer_w1yu09av svg:first-child {
  background-color: var(--framer-fresco-insertPanelNeutralIconBackground-color, #222222);
}
.kitSections_k1rs7tn3 svg:first-child {
  background-color: var(--framer-fresco-insertPanelNeutralIconBackground-color, #222222);
  color: var(--framer-fresco-insertPanelNeutralIconForeground-color, #ffffff);
}
.layoutSections_l175y3v6 svg:first-child {
  background-color: var(--framer-fresco-insertPanelGrayIcon-color, #999999);
  color: #ffffff;
}
.navigation_nvmzqgk svg:first-child {
  background-color: var(--framer-fresco-insertPanelGrayIcon-color, #999999);
}
.menus_mmynjgm svg:first-child {
  background-color: var(--framer-fresco-insertPanelGrayIcon-color, #999999);
}
.cmsCollectionList_c1e5bgvl svg:first-child {
  background-color: #0099ff;
}
.cmsContentFields_c1b04qhr svg:first-child {
  background-color: #0099ff;
}
.vectors_vr9vk1u svg:first-child {
  background-color: #0099ff;
}
.shaders_s1h2j6y0 svg:first-child {
  background-color: #0099ff;
}
.media_m1nfyknl svg:first-child {
  background-color: var(--framer-fresco-insertPanelCyanIcon-color, #28D4D4);
}
.forms_f1j2s54h svg:first-child {
  background-color: var(--framer-fresco-insertPanelGreenIcon-color, #14D934);
}
.interactive_i17jyr9n svg:first-child {
  background-color: var(--framer-fresco-insertPanelYellowIcon-color, #FFBB00);
}
.social_s1fa6swv svg:first-child {
  background-color: var(--framer-fresco-insertPanelOrangeIcon-color, #ff8822);
}
.utility_u19mvzhu svg:first-child {
  background-color: var(--framer-fresco-insertPanelRedIcon-color, #FF5D38);
}
.creative_c11y50ap svg:first-child {
  background-color: var(--framer-fresco-insertPanelPurpleIcon-color, #8855ff);
}
.vectorsIconDarkerBackground_v17xgcqd.vectorsIconDarkerBackground_v17xgcqd svg:first-child {
  background-color: #0066ff;
}
.searchResultsWrapper_s15n5fhv .grid_g1qa12ri {
  padding-top: 5px;
}
.colorSchemeSelector_c12jipyp {
  padding: var(--framer-fresco-panelPadding-dimension, 15px);
  padding-bottom: 0;
}

/* wyw-in-js:CodeEditorManager.styles_14tuwrj.wyw.css */
.codeEditorContainer_c17qzk4e {
  position: absolute;
  top: 0;
  right: 0;
  background: var(--framer-fresco-codeEditorBackground-color, #fdfdfd);
}
.codeEditor_c183hua9 {
  position: absolute;
  top: var(--framer-fresco-sitesPanelHeaderHeight-dimension, 60px);
  right: 0;
  bottom: 0;
  left: 0;
}

/* ../../../node_modules/monaco-editor/esm/vs/editor/standalone/browser/standalone-tokens.css */
.monaco-editor {
  font-family:
    -apple-system,
    BlinkMacSystemFont,
    "Segoe WPC",
    "Segoe UI",
    "HelveticaNeue-Light",
    system-ui,
    "Ubuntu",
    "Droid Sans",
    sans-serif;
  --monaco-monospace-font:
    "SF Mono",
    Monaco,
    Menlo,
    Consolas,
    "Ubuntu Mono",
    "Liberation Mono",
    "DejaVu Sans Mono",
    "Courier New",
    monospace;
}
.monaco-menu .monaco-action-bar.vertical .action-item .action-menu-item:focus .action-label {
  stroke-width: 1.2px;
}
.monaco-editor.vs-dark .monaco-menu .monaco-action-bar.vertical .action-menu-item:focus .action-label,
.monaco-editor.hc-black .monaco-menu .monaco-action-bar.vertical .action-menu-item:focus .action-label,
.monaco-editor.hc-light .monaco-menu .monaco-action-bar.vertical .action-menu-item:focus .action-label {
  stroke-width: 1.2px;
}
.monaco-hover p {
  margin: 0;
}
.monaco-aria-container {
  position: absolute !important;
  top: 0;
  height: 1px;
  width: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
}
.monaco-editor,
.monaco-diff-editor .synthetic-focus,
.monaco-editor,
.monaco-diff-editor [tabindex="0"]:focus,
.monaco-editor,
.monaco-diff-editor [tabindex="-1"]:focus,
.monaco-editor,
.monaco-diff-editor button:focus,
.monaco-editor,
.monaco-diff-editor input[type=button]:focus,
.monaco-editor,
.monaco-diff-editor input[type=checkbox]:focus,
.monaco-editor,
.monaco-diff-editor input[type=search]:focus,
.monaco-editor,
.monaco-diff-editor input[type=text]:focus,
.monaco-editor,
.monaco-diff-editor select:focus,
.monaco-editor,
.monaco-diff-editor textarea:focus {
  outline-width: 1px;
  outline-style: solid;
  outline-offset: -1px;
  outline-color: var(--vscode-focusBorder);
  opacity: 1;
}

/* ../../../node_modules/monaco-editor/esm/vs/base/browser/ui/aria/aria.css */
.monaco-aria-container {
  position: absolute;
  left: -999em;
}

/* ../../../node_modules/monaco-editor/esm/vs/editor/browser/widget/codeEditor/editor.css */
::-ms-clear {
  display: none;
}
.monaco-editor .editor-widget input {
  color: inherit;
}
.monaco-editor {
  position: relative;
  overflow: visible;
  -webkit-text-size-adjust: 100%;
  color: var(--vscode-editor-foreground);
  background-color: var(--vscode-editor-background);
}
.monaco-editor-background {
  background-color: var(--vscode-editor-background);
}
.monaco-editor .rangeHighlight {
  background-color: var(--vscode-editor-rangeHighlightBackground);
  box-sizing: border-box;
  border: 1px solid var(--vscode-editor-rangeHighlightBorder);
}
.monaco-editor.hc-black .rangeHighlight,
.monaco-editor.hc-light .rangeHighlight {
  border-style: dotted;
}
.monaco-editor .symbolHighlight {
  background-color: var(--vscode-editor-symbolHighlightBackground);
  box-sizing: border-box;
  border: 1px solid var(--vscode-editor-symbolHighlightBorder);
}
.monaco-editor.hc-black .symbolHighlight,
.monaco-editor.hc-light .symbolHighlight {
  border-style: dotted;
}
.monaco-editor .overflow-guard {
  position: relative;
  overflow: hidden;
}
.monaco-editor .view-overlays {
  position: absolute;
  top: 0;
}
.monaco-editor .view-overlays > div,
.monaco-editor .margin-view-overlays > div {
  position: absolute;
  width: 100%;
}
.monaco-editor .squiggly-error {
  border-bottom: 4px double var(--vscode-editorError-border);
}
.monaco-editor .squiggly-error::before {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background: var(--vscode-editorError-background);
}
.monaco-editor .squiggly-warning {
  border-bottom: 4px double var(--vscode-editorWarning-border);
}
.monaco-editor .squiggly-warning::before {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background: var(--vscode-editorWarning-background);
}
.monaco-editor .squiggly-info {
  border-bottom: 4px double var(--vscode-editorInfo-border);
}
.monaco-editor .squiggly-info::before {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background: var(--vscode-editorInfo-background);
}
.monaco-editor .squiggly-hint {
  border-bottom: 2px dotted var(--vscode-editorHint-border);
}
.monaco-editor.showUnused .squiggly-unnecessary {
  border-bottom: 2px dashed var(--vscode-editorUnnecessaryCode-border);
}
.monaco-editor.showDeprecated .squiggly-inline-deprecated {
  text-decoration: line-through;
  text-decoration-color: var(--vscode-editor-foreground, inherit);
}

/* ../../../node_modules/monaco-editor/esm/vs/base/browser/ui/scrollbar/media/scrollbars.css */
.monaco-scrollable-element > .scrollbar > .scra {
  cursor: pointer;
  font-size: 11px !important;
}
.monaco-scrollable-element > .visible {
  opacity: 1;
  background: rgba(0, 0, 0, 0);
  transition: opacity 100ms linear;
  z-index: 11;
}
.monaco-scrollable-element > .invisible {
  opacity: 0;
  pointer-events: none;
}
.monaco-scrollable-element > .invisible.fade {
  transition: opacity 800ms linear;
}
.monaco-scrollable-element > .shadow {
  position: absolute;
  display: none;
}
.monaco-scrollable-element > .shadow.top {
  display: block;
  top: 0;
  left: 3px;
  height: 3px;
  width: 100%;
  box-shadow: var(--vscode-scrollbar-shadow) 0 6px 6px -6px inset;
}
.monaco-scrollable-element > .shadow.left {
  display: block;
  top: 3px;
  left: 0;
  height: 100%;
  width: 3px;
  box-shadow: var(--vscode-scrollbar-shadow) 6px 0 6px -6px inset;
}
.monaco-scrollable-element > .shadow.top-left-corner {
  display: block;
  top: 0;
  left: 0;
  height: 3px;
  width: 3px;
}
.monaco-scrollable-element > .shadow.top.left {
  box-shadow: var(--vscode-scrollbar-shadow) 6px 0 6px -6px inset;
}
.monaco-scrollable-element > .scrollbar > .slider {
  background: var(--vscode-scrollbarSlider-background);
}
.monaco-scrollable-element > .scrollbar > .slider:hover {
  background: var(--vscode-scrollbarSlider-hoverBackground);
}
.monaco-scrollable-element > .scrollbar > .slider.active {
  background: var(--vscode-scrollbarSlider-activeBackground);
}

/* ../../../node_modules/monaco-editor/esm/vs/editor/browser/controller/textAreaHandler.css */
.monaco-editor .inputarea {
  min-width: 0;
  min-height: 0;
  margin: 0;
  padding: 0;
  position: absolute;
  outline: none !important;
  resize: none;
  border: none;
  overflow: hidden;
  color: transparent;
  background-color: transparent;
  z-index: -10;
}
.monaco-editor .inputarea.ime-input {
  z-index: 10;
  caret-color: var(--vscode-editorCursor-foreground);
  color: var(--vscode-editor-foreground);
}

/* ../../../node_modules/monaco-editor/esm/vs/editor/browser/viewParts/lineNumbers/lineNumbers.css */
.monaco-editor .margin-view-overlays .line-numbers {
  bottom: 0;
  font-variant-numeric: tabular-nums;
  position: absolute;
  text-align: right;
  display: inline-block;
  vertical-align: middle;
  box-sizing: border-box;
  cursor: default;
}
.monaco-editor .relative-current-line-number {
  text-align: left;
  display: inline-block;
  width: 100%;
}
.monaco-editor .margin-view-overlays .line-numbers.lh-odd {
  margin-top: 1px;
}
.monaco-editor .line-numbers {
  color: var(--vscode-editorLineNumber-foreground);
}
.monaco-editor .line-numbers.active-line-number {
  color: var(--vscode-editorLineNumber-activeForeground);
}

/* ../../../node_modules/monaco-editor/esm/vs/editor/browser/viewParts/margin/margin.css */
.monaco-editor .margin {
  background-color: var(--vscode-editorGutter-background);
}

/* ../../../node_modules/monaco-editor/esm/vs/base/browser/ui/mouseCursor/mouseCursor.css */
.monaco-mouse-cursor-text {
  cursor: text;
}

/* ../../../node_modules/monaco-editor/esm/vs/editor/browser/viewParts/blockDecorations/blockDecorations.css */
.monaco-editor .blockDecorations-container {
  position: absolute;
  top: 0;
  pointer-events: none;
}
.monaco-editor .blockDecorations-block {
  position: absolute;
  box-sizing: border-box;
}

/* ../../../node_modules/monaco-editor/esm/vs/editor/browser/viewParts/currentLineHighlight/currentLineHighlight.css */
.monaco-editor .view-overlays .current-line {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  box-sizing: border-box;
  height: 100%;
}
.monaco-editor .margin-view-overlays .current-line {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  box-sizing: border-box;
  height: 100%;
}
.monaco-editor .margin-view-overlays .current-line.current-line-margin.current-line-margin-both {
  border-right: 0;
}

/* ../../../node_modules/monaco-editor/esm/vs/editor/browser/viewParts/decorations/decorations.css */
.monaco-editor .lines-content .cdr {
  position: absolute;
  height: 100%;
}

/* ../../../node_modules/monaco-editor/esm/vs/editor/browser/viewParts/glyphMargin/glyphMargin.css */
.monaco-editor .glyph-margin {
  position: absolute;
  top: 0;
}
.monaco-editor .glyph-margin-widgets .cgmr {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
}
.monaco-editor .glyph-margin-widgets .cgmr.codicon-modifier-spin::before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/* ../../../node_modules/monaco-editor/esm/vs/editor/browser/viewParts/indentGuides/indentGuides.css */
.monaco-editor .lines-content .core-guide {
  position: absolute;
  box-sizing: border-box;
  height: 100%;
}

/* ../../../node_modules/monaco-editor/esm/vs/editor/browser/viewParts/lines/viewLines.css */
.mtkcontrol {
  color: rgb(255, 255, 255) !important;
  background: rgb(150, 0, 0) !important;
}
.mtkoverflow {
  background-color: var(--vscode-button-background, var(--vscode-editor-background));
  color: var(--vscode-button-foreground, var(--vscode-editor-foreground));
  border-width: 1px;
  border-style: solid;
  border-color: var(--vscode-contrastBorder);
  border-radius: 2px;
  padding: 4px;
  cursor: pointer;
}
.mtkoverflow:hover {
  background-color: var(--vscode-button-hoverBackground);
}
.monaco-editor.no-user-select .lines-content,
.monaco-editor.no-user-select .view-line,
.monaco-editor.no-user-select .view-lines {
  user-select: none;
  -webkit-user-select: none;
}
.monaco-editor.mac .lines-content:hover,
.monaco-editor.mac .view-line:hover,
.monaco-editor.mac .view-lines:hover {
  user-select: text;
  -webkit-user-select: text;
  -ms-user-select: text;
}
.monaco-editor.enable-user-select {
  user-select: initial;
  -webkit-user-select: initial;
}
.monaco-editor .view-lines {
  white-space: nowrap;
}
.monaco-editor .view-line {
  position: absolute;
  width: 100%;
}
.monaco-editor .lines-content > .view-lines > .view-line > span {
  top: 0;
  bottom: 0;
  position: absolute;
}
.monaco-editor .mtkw {
  color: var(--vscode-editorWhitespace-foreground) !important;
}
.monaco-editor .mtkz {
  display: inline-block;
  color: var(--vscode-editorWhitespace-foreground) !important;
}

/* ../../../node_modules/monaco-editor/esm/vs/editor/browser/viewParts/linesDecorations/linesDecorations.css */
.monaco-editor .lines-decorations {
  position: absolute;
  top: 0;
  background: white;
}
.monaco-editor .margin-view-overlays .cldr {
  position: absolute;
  height: 100%;
}

/* ../../../node_modules/monaco-editor/esm/vs/editor/browser/viewParts/marginDecorations/marginDecorations.css */
.monaco-editor .margin-view-overlays .cmdr {
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
}

/* ../../../node_modules/monaco-editor/esm/vs/editor/browser/viewParts/minimap/minimap.css */
.monaco-editor .minimap.slider-mouseover .minimap-slider {
  opacity: 0;
  transition: opacity 100ms linear;
}
.monaco-editor .minimap.slider-mouseover:hover .minimap-slider {
  opacity: 1;
}
.monaco-editor .minimap.slider-mouseover .minimap-slider.active {
  opacity: 1;
}
.monaco-editor .minimap-slider .minimap-slider-horizontal {
  background: var(--vscode-minimapSlider-background);
}
.monaco-editor .minimap-slider:hover .minimap-slider-horizontal {
  background: var(--vscode-minimapSlider-hoverBackground);
}
.monaco-editor .minimap-slider.active .minimap-slider-horizontal {
  background: var(--vscode-minimapSlider-activeBackground);
}
.monaco-editor .minimap-shadow-visible {
  box-shadow: var(--vscode-scrollbar-shadow) -6px 0 6px -6px inset;
}
.monaco-editor .minimap-shadow-hidden {
  position: absolute;
  width: 0;
}
.monaco-editor .minimap-shadow-visible {
  position: absolute;
  left: -6px;
  width: 6px;
}
.monaco-editor.no-minimap-shadow .minimap-shadow-visible {
  position: absolute;
  left: -1px;
  width: 1px;
}
.minimap.autohide {
  opacity: 0;
  transition: opacity 0.5s;
}
.minimap.autohide:hover {
  opacity: 1;
}
.monaco-editor .minimap {
  z-index: 5;
}

/* ../../../node_modules/monaco-editor/esm/vs/editor/browser/viewParts/overlayWidgets/overlayWidgets.css */
.monaco-editor .overlayWidgets {
  position: absolute;
  top: 0;
  left: 0;
}

/* ../../../node_modules/monaco-editor/esm/vs/editor/browser/viewParts/rulers/rulers.css */
.monaco-editor .view-ruler {
  position: absolute;
  top: 0;
  box-shadow: 1px 0 0 0 var(--vscode-editorRuler-foreground) inset;
}

/* ../../../node_modules/monaco-editor/esm/vs/editor/browser/viewParts/scrollDecoration/scrollDecoration.css */
.monaco-editor .scroll-decoration {
  position: absolute;
  top: 0;
  left: 0;
  height: 6px;
  box-shadow: var(--vscode-scrollbar-shadow) 0 6px 6px -6px inset;
}

/* ../../../node_modules/monaco-editor/esm/vs/editor/browser/viewParts/selections/selections.css */
.monaco-editor .lines-content .cslr {
  position: absolute;
}
.monaco-editor .focused .selected-text {
  background-color: var(--vscode-editor-selectionBackground);
}
.monaco-editor .selected-text {
  background-color: var(--vscode-editor-inactiveSelectionBackground);
}
.monaco-editor .top-left-radius {
  border-top-left-radius: 3px;
}
.monaco-editor .bottom-left-radius {
  border-bottom-left-radius: 3px;
}
.monaco-editor .top-right-radius {
  border-top-right-radius: 3px;
}
.monaco-editor .bottom-right-radius {
  border-bottom-right-radius: 3px;
}
.monaco-editor.hc-black .top-left-radius {
  border-top-left-radius: 0;
}
.monaco-editor.hc-black .bottom-left-radius {
  border-bottom-left-radius: 0;
}
.monaco-editor.hc-black .top-right-radius {
  border-top-right-radius: 0;
}
.monaco-editor.hc-black .bottom-right-radius {
  border-bottom-right-radius: 0;
}
.monaco-editor.hc-light .top-left-radius {
  border-top-left-radius: 0;
}
.monaco-editor.hc-light .bottom-left-radius {
  border-bottom-left-radius: 0;
}
.monaco-editor.hc-light .top-right-radius {
  border-top-right-radius: 0;
}
.monaco-editor.hc-light .bottom-right-radius {
  border-bottom-right-radius: 0;
}

/* ../../../node_modules/monaco-editor/esm/vs/editor/browser/viewParts/viewCursors/viewCursors.css */
.monaco-editor .cursors-layer {
  position: absolute;
  top: 0;
}
.monaco-editor .cursors-layer > .cursor {
  position: absolute;
  overflow: hidden;
  box-sizing: border-box;
}
.monaco-editor .cursors-layer.cursor-smooth-caret-animation > .cursor {
  transition: all 80ms;
}
.monaco-editor .cursors-layer.cursor-block-outline-style > .cursor {
  background: transparent !important;
  border-style: solid;
  border-width: 1px;
}
.monaco-editor .cursors-layer.cursor-underline-style > .cursor {
  border-bottom-width: 2px;
  border-bottom-style: solid;
  background: transparent !important;
}
.monaco-editor .cursors-layer.cursor-underline-thin-style > .cursor {
  border-bottom-width: 1px;
  border-bottom-style: solid;
  background: transparent !important;
}
@keyframes monaco-cursor-smooth {
  0%, 20% {
    opacity: 1;
  }
  60%, 100% {
    opacity: 0;
  }
}
@keyframes monaco-cursor-phase {
  0%, 20% {
    opacity: 1;
  }
  90%, 100% {
    opacity: 0;
  }
}
@keyframes monaco-cursor-expand {
  0%, 20% {
    transform: scaleY(1);
  }
  80%, 100% {
    transform: scaleY(0);
  }
}
.cursor-smooth {
  animation: monaco-cursor-smooth 0.5s ease-in-out 0s 20 alternate;
}
.cursor-phase {
  animation: monaco-cursor-phase 0.5s ease-in-out 0s 20 alternate;
}
.cursor-expand > .cursor {
  animation: monaco-cursor-expand 0.5s ease-in-out 0s 20 alternate;
}

/* ../../../node_modules/monaco-editor/esm/vs/editor/browser/viewParts/whitespace/whitespace.css */
.monaco-editor .mwh {
  position: absolute;
  color: var(--vscode-editorWhitespace-foreground) !important;
}

/* ../../../node_modules/monaco-editor/esm/vs/editor/browser/services/hoverService/hover.css */
.monaco-workbench .workbench-hover {
  position: relative;
  font-size: 13px;
  line-height: 19px;
  z-index: 40;
  overflow: hidden;
  max-width: 700px;
  background: var(--vscode-editorHoverWidget-background);
  border: 1px solid var(--vscode-editorHoverWidget-border);
  border-radius: 3px;
  color: var(--vscode-editorHoverWidget-foreground);
  box-shadow: 0 2px 8px var(--vscode-widget-shadow);
}
.monaco-workbench .workbench-hover hr {
  border-bottom: none;
}
.monaco-workbench .workbench-hover:not(.skip-fade-in) {
  animation: fadein 100ms linear;
}
.monaco-workbench .workbench-hover.compact {
  font-size: 12px;
}
.monaco-workbench .workbench-hover.compact .hover-contents {
  padding: 2px 8px;
}
.monaco-workbench .workbench-hover-container.locked .workbench-hover {
  outline: 1px solid var(--vscode-editorHoverWidget-border);
}
.monaco-workbench .workbench-hover-container.locked .workbench-hover:focus,
.monaco-workbench .workbench-hover-lock:focus {
  outline: 1px solid var(--vscode-focusBorder);
}
.monaco-workbench .workbench-hover-container.locked .workbench-hover-lock:hover {
  background: var(--vscode-toolbar-hoverBackground);
}
.monaco-workbench .workbench-hover-pointer {
  position: absolute;
  z-index: 41;
  pointer-events: none;
}
.monaco-workbench .workbench-hover-pointer:after {
  content: "";
  position: absolute;
  width: 5px;
  height: 5px;
  background-color: var(--vscode-editorHoverWidget-background);
  border-right: 1px solid var(--vscode-editorHoverWidget-border);
  border-bottom: 1px solid var(--vscode-editorHoverWidget-border);
}
.monaco-workbench .locked .workbench-hover-pointer:after {
  width: 4px;
  height: 4px;
  border-right-width: 2px;
  border-bottom-width: 2px;
}
.monaco-workbench .workbench-hover-pointer.left {
  left: -3px;
}
.monaco-workbench .workbench-hover-pointer.right {
  right: 3px;
}
.monaco-workbench .workbench-hover-pointer.top {
  top: -3px;
}
.monaco-workbench .workbench-hover-pointer.bottom {
  bottom: 3px;
}
.monaco-workbench .workbench-hover-pointer.left:after {
  transform: rotate(135deg);
}
.monaco-workbench .workbench-hover-pointer.right:after {
  transform: rotate(315deg);
}
.monaco-workbench .workbench-hover-pointer.top:after {
  transform: rotate(225deg);
}
.monaco-workbench .workbench-hover-pointer.bottom:after {
  transform: rotate(45deg);
}
.monaco-workbench .workbench-hover a {
  color: var(--vscode-textLink-foreground);
}
.monaco-workbench .workbench-hover a:focus {
  outline: 1px solid;
  outline-offset: -1px;
  text-decoration: underline;
  outline-color: var(--vscode-focusBorder);
}
.monaco-workbench .workbench-hover a:hover,
.monaco-workbench .workbench-hover a:active {
  color: var(--vscode-textLink-activeForeground);
}
.monaco-workbench .workbench-hover code {
  background: var(--vscode-textCodeBlock-background);
}
.monaco-workbench .workbench-hover .hover-row .actions {
  background: var(--vscode-editorHoverWidget-statusBarBackground);
}
.monaco-workbench .workbench-hover.right-aligned {
  left: 1px;
}
.monaco-workbench .workbench-hover.right-aligned .hover-row.status-bar .actions {
  flex-direction: row-reverse;
}
.monaco-workbench .workbench-hover.right-aligned .hover-row.status-bar .actions .action-container {
  margin-right: 0;
  margin-left: 16px;
}

/* ../../../node_modules/monaco-editor/esm/vs/base/browser/ui/hover/hoverWidget.css */
.monaco-hover {
  cursor: default;
  position: absolute;
  overflow: hidden;
  user-select: text;
  -webkit-user-select: text;
  box-sizing: border-box;
  animation: fadein 100ms linear;
  line-height: 1.5em;
  white-space: var(--vscode-hover-whiteSpace, normal);
}
.monaco-hover.hidden {
  display: none;
}
.monaco-hover a:hover:not(.disabled) {
  cursor: pointer;
}
.monaco-hover .hover-contents:not(.html-hover-contents) {
  padding: 4px 8px;
}
.monaco-hover .markdown-hover > .hover-contents:not(.code-hover-contents) {
  max-width: var(--vscode-hover-maxWidth, 500px);
  word-wrap: break-word;
}
.monaco-hover .markdown-hover > .hover-contents:not(.code-hover-contents) hr {
  min-width: 100%;
}
.monaco-hover p,
.monaco-hover .code,
.monaco-hover ul,
.monaco-hover h1,
.monaco-hover h2,
.monaco-hover h3,
.monaco-hover h4,
.monaco-hover h5,
.monaco-hover h6 {
  margin: 8px 0;
}
.monaco-hover h1,
.monaco-hover h2,
.monaco-hover h3,
.monaco-hover h4,
.monaco-hover h5,
.monaco-hover h6 {
  line-height: 1.1;
}
.monaco-hover code {
  font-family: var(--monaco-monospace-font);
}
.monaco-hover hr {
  box-sizing: border-box;
  border-left: 0px;
  border-right: 0px;
  margin-top: 4px;
  margin-bottom: -4px;
  margin-left: -8px;
  margin-right: -8px;
  height: 1px;
}
.monaco-hover p:first-child,
.monaco-hover .code:first-child,
.monaco-hover ul:first-child {
  margin-top: 0;
}
.monaco-hover p:last-child,
.monaco-hover .code:last-child,
.monaco-hover ul:last-child {
  margin-bottom: 0;
}
.monaco-hover ul {
  padding-left: 20px;
}
.monaco-hover ol {
  padding-left: 20px;
}
.monaco-hover li > p {
  margin-bottom: 0;
}
.monaco-hover li > ul {
  margin-top: 0;
}
.monaco-hover code {
  border-radius: 3px;
  padding: 0 0.4em;
}
.monaco-hover .monaco-tokenized-source {
  white-space: var(--vscode-hover-sourceWhiteSpace, pre-wrap);
}
.monaco-hover .hover-row.status-bar {
  font-size: 12px;
  line-height: 22px;
}
.monaco-hover .hover-row.status-bar .info {
  font-style: italic;
  padding: 0px 8px;
}
.monaco-hover .hover-row.status-bar .actions {
  display: flex;
  padding: 0px 8px;
  width: 100%;
}
.monaco-hover .hover-row.status-bar .actions .action-container {
  margin-right: 16px;
  cursor: pointer;
}
.monaco-hover .hover-row.status-bar .actions .action-container .action .icon {
  padding-right: 4px;
}
.monaco-hover .markdown-hover .hover-contents .codicon {
  color: inherit;
  font-size: inherit;
  vertical-align: middle;
}
.monaco-hover .hover-contents a.code-link:hover,
.monaco-hover .hover-contents a.code-link {
  color: inherit;
}
.monaco-hover .hover-contents a.code-link:before {
  content: "(";
}
.monaco-hover .hover-contents a.code-link:after {
  content: ")";
}
.monaco-hover .hover-contents a.code-link > span {
  text-decoration: underline;
  border-bottom: 1px solid transparent;
  text-underline-position: under;
  color: var(--vscode-textLink-foreground);
}
.monaco-hover .hover-contents a.code-link > span:hover {
  color: var(--vscode-textLink-activeForeground);
}
.monaco-hover .markdown-hover .hover-contents:not(.code-hover-contents):not(.html-hover-contents) span {
  margin-bottom: 4px;
  display: inline-block;
}
.monaco-hover-content {
  padding-right: 2px;
  padding-bottom: 2px;
  box-sizing: border-box;
}
.monaco-hover-content .action-container a {
  -webkit-user-select: none;
  user-select: none;
}
.monaco-hover-content .action-container.disabled {
  pointer-events: none;
  opacity: 0.4;
  cursor: default;
}

/* ../../../node_modules/monaco-editor/esm/vs/editor/browser/widget/markdownRenderer/browser/renderedMarkdown.css */
.monaco-editor .rendered-markdown kbd {
  background-color: var(--vscode-keybindingLabel-background);
  color: var(--vscode-keybindingLabel-foreground);
  border-style: solid;
  border-width: 1px;
  border-radius: 3px;
  border-color: var(--vscode-keybindingLabel-border);
  border-bottom-color: var(--vscode-keybindingLabel-bottomBorder);
  box-shadow: inset 0 -1px 0 var(--vscode-widget-shadow);
  vertical-align: middle;
  padding: 1px 3px;
}
.rendered-markdown li:has(input[type=checkbox]) {
  list-style-type: none;
}

/* ../../../node_modules/monaco-editor/esm/vs/base/browser/ui/contextview/contextview.css */
.context-view {
  position: absolute;
}
.context-view.fixed {
  all: initial;
  font-family: inherit;
  font-size: 13px;
  position: fixed;
  color: inherit;
}

/* ../../../node_modules/monaco-editor/esm/vs/base/browser/ui/list/list.css */
.monaco-list {
  position: relative;
  height: 100%;
  width: 100%;
  white-space: nowrap;
}
.monaco-list.mouse-support {
  user-select: none;
  -webkit-user-select: none;
}
.monaco-list > .monaco-scrollable-element {
  height: 100%;
}
.monaco-list-rows {
  position: relative;
  width: 100%;
  height: 100%;
}
.monaco-list.horizontal-scrolling .monaco-list-rows {
  width: auto;
  min-width: 100%;
}
.monaco-list-row {
  position: absolute;
  box-sizing: border-box;
  overflow: hidden;
  width: 100%;
}
.monaco-list.mouse-support .monaco-list-row {
  cursor: pointer;
  touch-action: none;
}
.monaco-list .monaco-scrollable-element > .scrollbar.vertical,
.monaco-pane-view > .monaco-split-view2.vertical > .monaco-scrollable-element > .scrollbar.vertical {
  z-index: 14;
}
.monaco-list-row.scrolling {
  display: none !important;
}
.monaco-list.element-focused,
.monaco-list.selection-single,
.monaco-list.selection-multiple {
  outline: 0 !important;
}
.monaco-drag-image {
  display: inline-block;
  padding: 1px 7px;
  border-radius: 10px;
  font-size: 12px;
  position: absolute;
  z-index: 1000;
}
.monaco-list-type-filter-message {
  position: absolute;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  padding: 40px 1em 1em 1em;
  text-align: center;
  white-space: normal;
  opacity: 0.7;
  pointer-events: none;
}
.monaco-list-type-filter-message:empty {
  display: none;
}

/* ../../../node_modules/monaco-editor/esm/vs/base/browser/ui/selectBox/selectBoxCustom.css */
.monaco-select-box-dropdown-padding {
  --dropdown-padding-top: 1px;
  --dropdown-padding-bottom: 1px;
}
.hc-black .monaco-select-box-dropdown-padding,
.hc-light .monaco-select-box-dropdown-padding {
  --dropdown-padding-top: 3px;
  --dropdown-padding-bottom: 4px;
}
.monaco-select-box-dropdown-container {
  display: none;
  box-sizing: border-box;
}
.monaco-select-box-dropdown-container > .select-box-details-pane > .select-box-description-markdown * {
  margin: 0;
}
.monaco-select-box-dropdown-container > .select-box-details-pane > .select-box-description-markdown a:focus {
  outline: 1px solid -webkit-focus-ring-color;
  outline-offset: -1px;
}
.monaco-select-box-dropdown-container > .select-box-details-pane > .select-box-description-markdown code {
  line-height: 15px;
  font-family: var(--monaco-monospace-font);
}
.monaco-select-box-dropdown-container.visible {
  display: flex;
  flex-direction: column;
  text-align: left;
  width: 1px;
  overflow: hidden;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}
.monaco-select-box-dropdown-container > .select-box-dropdown-list-container {
  flex: 0 0 auto;
  align-self: flex-start;
  padding-top: var(--dropdown-padding-top);
  padding-bottom: var(--dropdown-padding-bottom);
  padding-left: 1px;
  padding-right: 1px;
  width: 100%;
  overflow: hidden;
  box-sizing: border-box;
}
.monaco-select-box-dropdown-container > .select-box-details-pane {
  padding: 5px;
}
.hc-black .monaco-select-box-dropdown-container > .select-box-dropdown-list-container {
  padding-top: var(--dropdown-padding-top);
  padding-bottom: var(--dropdown-padding-bottom);
}
.monaco-select-box-dropdown-container > .select-box-dropdown-list-container .monaco-list .monaco-list-row {
  cursor: pointer;
}
.monaco-select-box-dropdown-container > .select-box-dropdown-list-container .monaco-list .monaco-list-row > .option-text {
  text-overflow: ellipsis;
  overflow: hidden;
  padding-left: 3.5px;
  white-space: nowrap;
  float: left;
}
.monaco-select-box-dropdown-container > .select-box-dropdown-list-container .monaco-list .monaco-list-row > .option-detail {
  text-overflow: ellipsis;
  overflow: hidden;
  padding-left: 3.5px;
  white-space: nowrap;
  float: left;
  opacity: 0.7;
}
.monaco-select-box-dropdown-container > .select-box-dropdown-list-container .monaco-list .monaco-list-row > .option-decorator-right {
  text-overflow: ellipsis;
  overflow: hidden;
  padding-right: 10px;
  white-space: nowrap;
  float: right;
}
.monaco-select-box-dropdown-container > .select-box-dropdown-list-container .monaco-list .monaco-list-row > .visually-hidden {
  position: absolute;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
.monaco-select-box-dropdown-container > .select-box-dropdown-container-width-control {
  flex: 1 1 auto;
  align-self: flex-start;
  opacity: 0;
}
.monaco-select-box-dropdown-container > .select-box-dropdown-container-width-control > .width-control-div {
  overflow: hidden;
  max-height: 0px;
}
.monaco-select-box-dropdown-container > .select-box-dropdown-container-width-control > .width-control-div > .option-text-width-control {
  padding-left: 4px;
  padding-right: 8px;
  white-space: nowrap;
}

/* ../../../node_modules/monaco-editor/esm/vs/base/browser/ui/selectBox/selectBox.css */
.monaco-select-box {
  width: 100%;
  cursor: pointer;
  border-radius: 2px;
}
.monaco-select-box-dropdown-container {
  font-size: 13px;
  font-weight: normal;
  text-transform: none;
}
.monaco-action-bar .action-item.select-container {
  cursor: default;
}
.monaco-action-bar .action-item .monaco-select-box {
  cursor: pointer;
  min-width: 100px;
  min-height: 18px;
  padding: 2px 23px 2px 8px;
}
.mac .monaco-action-bar .action-item .monaco-select-box {
  font-size: 11px;
  border-radius: 5px;
}

/* ../../../node_modules/monaco-editor/esm/vs/base/browser/ui/actionbar/actionbar.css */
.monaco-action-bar {
  white-space: nowrap;
  height: 100%;
}
.monaco-action-bar .actions-container {
  display: flex;
  margin: 0 auto;
  padding: 0;
  height: 100%;
  width: 100%;
  align-items: center;
}
.monaco-action-bar.vertical .actions-container {
  display: inline-block;
}
.monaco-action-bar .action-item {
  display: block;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  position: relative;
}
.monaco-action-bar .action-item.disabled {
  cursor: default;
}
.monaco-action-bar .action-item .icon,
.monaco-action-bar .action-item .codicon {
  display: block;
}
.monaco-action-bar .action-item .codicon {
  display: flex;
  align-items: center;
  width: 16px;
  height: 16px;
}
.monaco-action-bar .action-label {
  display: flex;
  font-size: 11px;
  padding: 3px;
  border-radius: 5px;
}
.monaco-action-bar .action-item.disabled .action-label,
.monaco-action-bar .action-item.disabled .action-label::before,
.monaco-action-bar .action-item.disabled .action-label:hover {
  color: var(--vscode-disabledForeground);
}
.monaco-action-bar.vertical {
  text-align: left;
}
.monaco-action-bar.vertical .action-item {
  display: block;
}
.monaco-action-bar.vertical .action-label.separator {
  display: block;
  border-bottom: 1px solid #bbb;
  padding-top: 1px;
  margin-left: .8em;
  margin-right: .8em;
}
.monaco-action-bar .action-item .action-label.separator {
  width: 1px;
  height: 16px;
  margin: 5px 4px !important;
  cursor: default;
  min-width: 1px;
  padding: 0;
  background-color: #bbb;
}
.secondary-actions .monaco-action-bar .action-label {
  margin-left: 6px;
}
.monaco-action-bar .action-item.select-container {
  overflow: hidden;
  flex: 1;
  max-width: 170px;
  min-width: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 10px;
}
.monaco-action-bar .action-item.action-dropdown-item {
  display: flex;
}
.monaco-action-bar .action-item.action-dropdown-item > .action-dropdown-item-separator {
  display: flex;
  align-items: center;
  cursor: default;
}
.monaco-action-bar .action-item.action-dropdown-item > .action-dropdown-item-separator > div {
  width: 1px;
}

/* ../../../node_modules/monaco-editor/esm/vs/base/browser/ui/dropdown/dropdown.css */
.monaco-dropdown {
  height: 100%;
  padding: 0;
}
.monaco-dropdown > .dropdown-label {
  cursor: pointer;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.monaco-dropdown > .dropdown-label > .action-label.disabled {
  cursor: default;
}
.monaco-dropdown-with-primary {
  display: flex !important;
  flex-direction: row;
  border-radius: 5px;
}
.monaco-dropdown-with-primary > .action-container > .action-label {
  margin-right: 0;
}
.monaco-dropdown-with-primary > .dropdown-action-container > .monaco-dropdown > .dropdown-label .codicon[class*=codicon-] {
  font-size: 12px;
  padding-left: 0px;
  padding-right: 0px;
  line-height: 16px;
  margin-left: -3px;
}
.monaco-dropdown-with-primary > .dropdown-action-container > .monaco-dropdown > .dropdown-label > .action-label {
  display: block;
  background-size: 16px;
  background-position: center center;
  background-repeat: no-repeat;
}

/* ../../../node_modules/monaco-editor/esm/vs/platform/actions/browser/menuEntryActionViewItem.css */
.monaco-action-bar .action-item.menu-entry .action-label.icon {
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 16px;
}
.monaco-dropdown-with-default {
  display: flex !important;
  flex-direction: row;
  border-radius: 5px;
}
.monaco-dropdown-with-default > .action-container > .action-label {
  margin-right: 0;
}
.monaco-dropdown-with-default > .action-container.menu-entry > .action-label.icon {
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 16px;
}
.monaco-dropdown-with-default:hover {
  background-color: var(--vscode-toolbar-hoverBackground);
}
.monaco-dropdown-with-default > .dropdown-action-container > .monaco-dropdown > .dropdown-label .codicon[class*=codicon-] {
  font-size: 12px;
  padding-left: 0px;
  padding-right: 0px;
  line-height: 16px;
  margin-left: -3px;
}
.monaco-dropdown-with-default > .dropdown-action-container > .monaco-dropdown > .dropdown-label > .action-label {
  display: block;
  background-size: 16px;
  background-position: center center;
  background-repeat: no-repeat;
}

/* ../../../node_modules/monaco-editor/esm/vs/editor/standalone/browser/quickInput/standaloneQuickInput.css */
.quick-input-widget {
  font-size: 13px;
}
.quick-input-widget .monaco-highlighted-label .highlight,
.quick-input-widget .monaco-highlighted-label .highlight {
  color: #0066BF;
}
.vs .quick-input-widget .monaco-list-row.focused .monaco-highlighted-label .highlight,
.vs .quick-input-widget .monaco-list-row.focused .monaco-highlighted-label .highlight {
  color: #9DDDFF;
}
.vs-dark .quick-input-widget .monaco-highlighted-label .highlight,
.vs-dark .quick-input-widget .monaco-highlighted-label .highlight {
  color: #0097fb;
}
.hc-black .quick-input-widget .monaco-highlighted-label .highlight,
.hc-black .quick-input-widget .monaco-highlighted-label .highlight {
  color: #F38518;
}
.hc-light .quick-input-widget .monaco-highlighted-label .highlight,
.hc-light .quick-input-widget .monaco-highlighted-label .highlight {
  color: #0F4A85;
}
.monaco-keybinding > .monaco-keybinding-key {
  background-color: rgba(221, 221, 221, 0.4);
  border: solid 1px rgba(204, 204, 204, 0.4);
  border-bottom-color: rgba(187, 187, 187, 0.4);
  box-shadow: inset 0 -1px 0 rgba(187, 187, 187, 0.4);
  color: #555;
}
.hc-black .monaco-keybinding > .monaco-keybinding-key {
  background-color: transparent;
  border: solid 1px rgb(111, 195, 223);
  box-shadow: none;
  color: #fff;
}
.hc-light .monaco-keybinding > .monaco-keybinding-key {
  background-color: transparent;
  border: solid 1px #0F4A85;
  box-shadow: none;
  color: #292929;
}
.vs-dark .monaco-keybinding > .monaco-keybinding-key {
  background-color: rgba(128, 128, 128, 0.17);
  border: solid 1px rgba(51, 51, 51, 0.6);
  border-bottom-color: rgba(68, 68, 68, 0.6);
  box-shadow: inset 0 -1px 0 rgba(68, 68, 68, 0.6);
  color: #ccc;
}

/* ../../../node_modules/monaco-editor/esm/vs/base/browser/ui/toggle/toggle.css */
.monaco-custom-toggle {
  margin-left: 2px;
  float: left;
  cursor: pointer;
  overflow: hidden;
  width: 20px;
  height: 20px;
  border-radius: 3px;
  border: 1px solid transparent;
  padding: 1px;
  box-sizing: border-box;
  user-select: none;
  -webkit-user-select: none;
}
.monaco-custom-toggle:hover {
  background-color: var(--vscode-inputOption-hoverBackground);
}
.hc-black .monaco-custom-toggle:hover,
.hc-light .monaco-custom-toggle:hover {
  border: 1px dashed var(--vscode-focusBorder);
}
.hc-black .monaco-custom-toggle,
.hc-light .monaco-custom-toggle {
  background: none;
}
.hc-black .monaco-custom-toggle:hover,
.hc-light .monaco-custom-toggle:hover {
  background: none;
}
.monaco-custom-toggle.monaco-checkbox {
  height: 18px;
  width: 18px;
  border: 1px solid transparent;
  border-radius: 3px;
  margin-right: 9px;
  margin-left: 0px;
  padding: 0px;
  opacity: 1;
  background-size: 16px !important;
}
.monaco-action-bar .checkbox-action-item {
  display: flex;
  align-items: center;
}
.monaco-action-bar .checkbox-action-item > .monaco-custom-toggle.monaco-checkbox {
  margin-right: 4px;
}
.monaco-action-bar .checkbox-action-item > .checkbox-label {
  font-size: 12px;
}
.monaco-custom-toggle.monaco-checkbox:not(.checked)::before {
  visibility: hidden;
}

/* ../../../node_modules/monaco-editor/esm/vs/platform/quickinput/browser/media/quickInput.css */
.quick-input-widget {
  position: absolute;
  width: 600px;
  z-index: 2550;
  left: 50%;
  margin-left: -300px;
  -webkit-app-region: no-drag;
  border-radius: 6px;
}
.quick-input-titlebar {
  display: flex;
  align-items: center;
  border-radius: inherit;
}
.quick-input-left-action-bar {
  display: flex;
  margin-left: 4px;
  flex: 1;
}
.quick-input-title {
  padding: 3px 0px;
  text-align: center;
  text-overflow: ellipsis;
  overflow: hidden;
}
.quick-input-right-action-bar {
  display: flex;
  margin-right: 4px;
  flex: 1;
}
.quick-input-right-action-bar > .actions-container {
  justify-content: flex-end;
}
.quick-input-titlebar .monaco-action-bar .action-label.codicon {
  background-position: center;
  background-repeat: no-repeat;
  padding: 2px;
}
.quick-input-description {
  margin: 6px 6px 6px 11px;
}
.quick-input-header .quick-input-description {
  margin: 4px 2px;
  flex: 1;
}
.quick-input-header {
  display: flex;
  padding: 8px 6px 2px 6px;
}
.quick-input-widget.hidden-input .quick-input-header {
  padding: 0;
  margin-bottom: 0;
}
.quick-input-and-message {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  min-width: 0;
  position: relative;
}
.quick-input-check-all {
  align-self: center;
  margin: 0;
}
.quick-input-filter {
  flex-grow: 1;
  display: flex;
  position: relative;
}
.quick-input-box {
  flex-grow: 1;
}
.quick-input-widget.show-checkboxes .quick-input-box,
.quick-input-widget.show-checkboxes .quick-input-message {
  margin-left: 5px;
}
.quick-input-visible-count {
  position: absolute;
  left: -10000px;
}
.quick-input-count {
  align-self: center;
  position: absolute;
  right: 4px;
  display: flex;
  align-items: center;
}
.quick-input-count .monaco-count-badge {
  vertical-align: middle;
  padding: 2px 4px;
  border-radius: 2px;
  min-height: auto;
  line-height: normal;
}
.quick-input-action {
  margin-left: 6px;
}
.quick-input-action .monaco-text-button {
  font-size: 11px;
  padding: 0 6px;
  display: flex;
  height: 25px;
  align-items: center;
}
.quick-input-message {
  margin-top: -1px;
  padding: 5px;
  overflow-wrap: break-word;
}
.quick-input-message > .codicon {
  margin: 0 0.2em;
  vertical-align: text-bottom;
}
.quick-input-message a {
  color: inherit;
}
.quick-input-progress.monaco-progress-container {
  position: relative;
}
.quick-input-list {
  line-height: 22px;
}
.quick-input-widget.hidden-input .quick-input-list {
  margin-top: 4px;
  padding-bottom: 4px;
}
.quick-input-list .monaco-list {
  overflow: hidden;
  max-height: calc(20 * 22px);
  padding-bottom: 5px;
}
.quick-input-list .monaco-scrollable-element {
  padding: 0px 5px;
}
.quick-input-list .quick-input-list-entry {
  box-sizing: border-box;
  overflow: hidden;
  display: flex;
  height: 100%;
  padding: 0 6px;
}
.quick-input-list .quick-input-list-entry.quick-input-list-separator-border {
  border-top-width: 1px;
  border-top-style: solid;
}
.quick-input-list .monaco-list-row {
  border-radius: 3px;
}
.quick-input-list .monaco-list-row[data-index="0"] .quick-input-list-entry.quick-input-list-separator-border {
  border-top-style: none;
}
.quick-input-list .quick-input-list-label {
  overflow: hidden;
  display: flex;
  height: 100%;
  flex: 1;
}
.quick-input-list .quick-input-list-checkbox {
  align-self: center;
  margin: 0;
}
.quick-input-list .quick-input-list-icon {
  background-size: 16px;
  background-position: left center;
  background-repeat: no-repeat;
  padding-right: 6px;
  width: 16px;
  height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.quick-input-list .quick-input-list-rows {
  overflow: hidden;
  text-overflow: ellipsis;
  display: flex;
  flex-direction: column;
  height: 100%;
  flex: 1;
  margin-left: 5px;
}
.quick-input-widget.show-checkboxes .quick-input-list .quick-input-list-rows {
  margin-left: 10px;
}
.quick-input-widget .quick-input-list .quick-input-list-checkbox {
  display: none;
}
.quick-input-widget.show-checkboxes .quick-input-list .quick-input-list-checkbox {
  display: inline;
}
.quick-input-list .quick-input-list-rows > .quick-input-list-row {
  display: flex;
  align-items: center;
}
.quick-input-list .quick-input-list-rows > .quick-input-list-row .monaco-icon-label,
.quick-input-list .quick-input-list-rows > .quick-input-list-row .monaco-icon-label .monaco-icon-label-container > .monaco-icon-name-container {
  flex: 1;
}
.quick-input-list .quick-input-list-rows > .quick-input-list-row .codicon[class*=codicon-] {
  vertical-align: text-bottom;
}
.quick-input-list .quick-input-list-rows .monaco-highlighted-label > span {
  opacity: 1;
}
.quick-input-list .quick-input-list-entry .quick-input-list-entry-keybinding {
  margin-right: 8px;
}
.quick-input-list .quick-input-list-label-meta {
  opacity: 0.7;
  line-height: normal;
  text-overflow: ellipsis;
  overflow: hidden;
}
.quick-input-list .monaco-list .monaco-list-row .monaco-highlighted-label .highlight {
  font-weight: bold;
  background-color: unset;
  color: var(--vscode-list-highlightForeground) !important;
}
.quick-input-list .monaco-list .monaco-list-row.focused .monaco-highlighted-label .highlight {
  color: var(--vscode-list-focusHighlightForeground) !important;
}
.quick-input-list .quick-input-list-entry .quick-input-list-separator {
  margin-right: 4px;
}
.quick-input-list .quick-input-list-entry-action-bar {
  display: flex;
  flex: 0;
  overflow: visible;
}
.quick-input-list .quick-input-list-entry-action-bar .action-label {
  display: none;
}
.quick-input-list .quick-input-list-entry-action-bar .action-label.codicon {
  margin-right: 4px;
  padding: 0px 2px 2px 2px;
}
.quick-input-list .quick-input-list-entry-action-bar {
  margin-top: 1px;
}
.quick-input-list .quick-input-list-entry-action-bar {
  margin-right: 4px;
}
.quick-input-list .quick-input-list-entry .quick-input-list-entry-action-bar .action-label.always-visible,
.quick-input-list .quick-input-list-entry:hover .quick-input-list-entry-action-bar .action-label,
.quick-input-list .quick-input-list-entry.focus-inside .quick-input-list-entry-action-bar .action-label,
.quick-input-list .monaco-list-row.focused .quick-input-list-entry-action-bar .action-label,
.quick-input-list .monaco-list-row.passive-focused .quick-input-list-entry-action-bar .action-label {
  display: flex;
}
.quick-input-list .monaco-list-row.focused .monaco-keybinding-key,
.quick-input-list .monaco-list-row.focused .quick-input-list-entry .quick-input-list-separator {
  color: inherit;
}
.quick-input-list .monaco-list-row.focused .monaco-keybinding-key {
  background: none;
}
.quick-input-list .quick-input-list-separator-as-item {
  padding: 4px 6px;
  font-size: 12px;
}
.quick-input-list .quick-input-list-separator-as-item .label-name {
  font-weight: 600;
}
.quick-input-list .quick-input-list-separator-as-item .label-description {
  opacity: 1 !important;
}
.quick-input-list .monaco-tree-sticky-row .quick-input-list-entry.quick-input-list-separator-as-item.quick-input-list-separator-border {
  border-top-style: none;
}
.quick-input-list .monaco-tree-sticky-row {
  padding: 0 5px;
}
.quick-input-list .monaco-tl-twistie {
  display: none !important;
}

/* ../../../node_modules/monaco-editor/esm/vs/base/browser/ui/button/button.css */
.monaco-text-button {
  box-sizing: border-box;
  display: flex;
  width: 100%;
  padding: 4px;
  border-radius: 2px;
  text-align: center;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  border: 1px solid var(--vscode-button-border, transparent);
  line-height: 18px;
}
.monaco-text-button:focus {
  outline-offset: 2px !important;
}
.monaco-text-button:hover {
  text-decoration: none !important;
}
.monaco-button.disabled:focus,
.monaco-button.disabled {
  opacity: 0.4 !important;
  cursor: default;
}
.monaco-text-button .codicon {
  margin: 0 0.2em;
  color: inherit !important;
}
.monaco-text-button.monaco-text-button-with-short-label {
  flex-direction: row;
  flex-wrap: wrap;
  padding: 0 4px;
  overflow: hidden;
  height: 28px;
}
.monaco-text-button.monaco-text-button-with-short-label > .monaco-button-label {
  flex-basis: 100%;
}
.monaco-text-button.monaco-text-button-with-short-label > .monaco-button-label-short {
  flex-grow: 1;
  width: 0;
  overflow: hidden;
}
.monaco-text-button.monaco-text-button-with-short-label > .monaco-button-label,
.monaco-text-button.monaco-text-button-with-short-label > .monaco-button-label-short {
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: normal;
  font-style: inherit;
  padding: 4px 0;
}
.monaco-button-dropdown {
  display: flex;
  cursor: pointer;
}
.monaco-button-dropdown.disabled {
  cursor: default;
}
.monaco-button-dropdown > .monaco-button:focus {
  outline-offset: -1px !important;
}
.monaco-button-dropdown.disabled > .monaco-button.disabled,
.monaco-button-dropdown.disabled > .monaco-button.disabled:focus,
.monaco-button-dropdown.disabled > .monaco-button-dropdown-separator {
  opacity: 0.4 !important;
}
.monaco-button-dropdown > .monaco-button.monaco-text-button {
  border-right-width: 0 !important;
}
.monaco-button-dropdown .monaco-button-dropdown-separator {
  padding: 4px 0;
  cursor: default;
}
.monaco-button-dropdown .monaco-button-dropdown-separator > div {
  height: 100%;
  width: 1px;
}
.monaco-button-dropdown > .monaco-button.monaco-dropdown-button {
  border: 1px solid var(--vscode-button-border, transparent);
  border-left-width: 0 !important;
  border-radius: 0 2px 2px 0;
  display: flex;
  align-items: center;
}
.monaco-button-dropdown > .monaco-button.monaco-text-button {
  border-radius: 2px 0 0 2px;
}
.monaco-description-button {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 4px 5px;
}
.monaco-description-button .monaco-button-description {
  font-style: italic;
  font-size: 11px;
  padding: 4px 20px;
}
.monaco-description-button .monaco-button-label,
.monaco-description-button .monaco-button-description {
  display: flex;
  justify-content: center;
  align-items: center;
}
.monaco-description-button .monaco-button-label > .codicon,
.monaco-description-button .monaco-button-description > .codicon {
  margin: 0 0.2em;
  color: inherit !important;
}
.monaco-button.default-colors,
.monaco-button-dropdown.default-colors > .monaco-button {
  color: var(--vscode-button-foreground);
  background-color: var(--vscode-button-background);
}
.monaco-button.default-colors:hover,
.monaco-button-dropdown.default-colors > .monaco-button:hover {
  background-color: var(--vscode-button-hoverBackground);
}
.monaco-button.default-colors.secondary,
.monaco-button-dropdown.default-colors > .monaco-button.secondary {
  color: var(--vscode-button-secondaryForeground);
  background-color: var(--vscode-button-secondaryBackground);
}
.monaco-button.default-colors.secondary:hover,
.monaco-button-dropdown.default-colors > .monaco-button.secondary:hover {
  background-color: var(--vscode-button-secondaryHoverBackground);
}
.monaco-button-dropdown.default-colors .monaco-button-dropdown-separator {
  background-color: var(--vscode-button-background);
  border-top: 1px solid var(--vscode-button-border);
  border-bottom: 1px solid var(--vscode-button-border);
}
.monaco-button-dropdown.default-colors .monaco-button.secondary + .monaco-button-dropdown-separator {
  background-color: var(--vscode-button-secondaryBackground);
}
.monaco-button-dropdown.default-colors .monaco-button-dropdown-separator > div {
  background-color: var(--vscode-button-separator);
}

/* ../../../node_modules/monaco-editor/esm/vs/base/browser/ui/countBadge/countBadge.css */
.monaco-count-badge {
  padding: 3px 6px;
  border-radius: 11px;
  font-size: 11px;
  min-width: 18px;
  min-height: 18px;
  line-height: 11px;
  font-weight: normal;
  text-align: center;
  display: inline-block;
  box-sizing: border-box;
}
.monaco-count-badge.long {
  padding: 2px 3px;
  border-radius: 2px;
  min-height: auto;
  line-height: normal;
}

/* ../../../node_modules/monaco-editor/esm/vs/base/browser/ui/progressbar/progressbar.css */
.monaco-progress-container {
  width: 100%;
  height: 2px;
  overflow: hidden;
}
.monaco-progress-container .progress-bit {
  width: 2%;
  height: 2px;
  position: absolute;
  left: 0;
  display: none;
}
.monaco-progress-container.active .progress-bit {
  display: inherit;
}
.monaco-progress-container.discrete .progress-bit {
  left: 0;
  transition: width 100ms linear;
}
.monaco-progress-container.discrete.done .progress-bit {
  width: 100%;
}
.monaco-progress-container.infinite .progress-bit {
  animation-name: progress;
  animation-duration: 4s;
  animation-iteration-count: infinite;
  transform: translate3d(0px, 0px, 0px);
  animation-timing-function: linear;
}
.monaco-progress-container.infinite.infinite-long-running .progress-bit {
  animation-timing-function: steps(100);
}
@keyframes progress {
  from {
    transform: translateX(0%) scaleX(1);
  }
  50% {
    transform: translateX(2500%) scaleX(3);
  }
  to {
    transform: translateX(4900%) scaleX(1);
  }
}

/* ../../../node_modules/monaco-editor/esm/vs/base/browser/ui/inputbox/inputBox.css */
.monaco-inputbox {
  position: relative;
  display: block;
  padding: 0;
  box-sizing: border-box;
  border-radius: 2px;
  font-size: inherit;
}
.monaco-inputbox > .ibwrapper > .input,
.monaco-inputbox > .ibwrapper > .mirror {
  padding: 4px 6px;
}
.monaco-inputbox > .ibwrapper {
  position: relative;
  width: 100%;
  height: 100%;
}
.monaco-inputbox > .ibwrapper > .input {
  display: inline-block;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  line-height: inherit;
  border: none;
  font-family: inherit;
  font-size: inherit;
  resize: none;
  color: inherit;
}
.monaco-inputbox > .ibwrapper > input {
  text-overflow: ellipsis;
}
.monaco-inputbox > .ibwrapper > textarea.input {
  display: block;
  scrollbar-width: none;
  outline: none;
}
.monaco-inputbox > .ibwrapper > textarea.input::-webkit-scrollbar {
  display: none;
}
.monaco-inputbox > .ibwrapper > textarea.input.empty {
  white-space: nowrap;
}
.monaco-inputbox > .ibwrapper > .mirror {
  position: absolute;
  display: inline-block;
  width: 100%;
  top: 0;
  left: 0;
  box-sizing: border-box;
  white-space: pre-wrap;
  visibility: hidden;
  word-wrap: break-word;
}
.monaco-inputbox-container {
  text-align: right;
}
.monaco-inputbox-container .monaco-inputbox-message {
  display: inline-block;
  overflow: hidden;
  text-align: left;
  width: 100%;
  box-sizing: border-box;
  padding: 0.4em;
  font-size: 12px;
  line-height: 17px;
  margin-top: -1px;
  word-wrap: break-word;
}
.monaco-inputbox .monaco-action-bar {
  position: absolute;
  right: 2px;
  top: 4px;
}
.monaco-inputbox .monaco-action-bar .action-item {
  margin-left: 2px;
}
.monaco-inputbox .monaco-action-bar .action-item .codicon {
  background-repeat: no-repeat;
  width: 16px;
  height: 16px;
}

/* ../../../node_modules/monaco-editor/esm/vs/base/browser/ui/findinput/findInput.css */
.monaco-findInput {
  position: relative;
}
.monaco-findInput .monaco-inputbox {
  font-size: 13px;
  width: 100%;
}
.monaco-findInput > .controls {
  position: absolute;
  top: 3px;
  right: 2px;
}
.vs .monaco-findInput.disabled {
  background-color: #E1E1E1;
}
.vs-dark .monaco-findInput.disabled {
  background-color: #333;
}
.monaco-findInput.highlight-0 .controls,
.hc-light .monaco-findInput.highlight-0 .controls {
  animation: monaco-findInput-highlight-0 100ms linear 0s;
}
.monaco-findInput.highlight-1 .controls,
.hc-light .monaco-findInput.highlight-1 .controls {
  animation: monaco-findInput-highlight-1 100ms linear 0s;
}
.hc-black .monaco-findInput.highlight-0 .controls,
.vs-dark .monaco-findInput.highlight-0 .controls {
  animation: monaco-findInput-highlight-dark-0 100ms linear 0s;
}
.hc-black .monaco-findInput.highlight-1 .controls,
.vs-dark .monaco-findInput.highlight-1 .controls {
  animation: monaco-findInput-highlight-dark-1 100ms linear 0s;
}
@keyframes monaco-findInput-highlight-0 {
  0% {
    background: rgba(253, 255, 0, 0.8);
  }
  100% {
    background: transparent;
  }
}
@keyframes monaco-findInput-highlight-1 {
  0% {
    background: rgba(253, 255, 0, 0.8);
  }
  99% {
    background: transparent;
  }
}
@keyframes monaco-findInput-highlight-dark-0 {
  0% {
    background: rgba(255, 255, 255, 0.44);
  }
  100% {
    background: transparent;
  }
}
@keyframes monaco-findInput-highlight-dark-1 {
  0% {
    background: rgba(255, 255, 255, 0.44);
  }
  99% {
    background: transparent;
  }
}

/* ../../../node_modules/monaco-editor/esm/vs/base/browser/ui/sash/sash.css */
:root {
  --vscode-sash-size: 4px;
  --vscode-sash-hover-size: 4px;
}
.monaco-sash {
  position: absolute;
  z-index: 35;
  touch-action: none;
}
.monaco-sash.disabled {
  pointer-events: none;
}
.monaco-sash.mac.vertical {
  cursor: col-resize;
}
.monaco-sash.vertical.minimum {
  cursor: e-resize;
}
.monaco-sash.vertical.maximum {
  cursor: w-resize;
}
.monaco-sash.mac.horizontal {
  cursor: row-resize;
}
.monaco-sash.horizontal.minimum {
  cursor: s-resize;
}
.monaco-sash.horizontal.maximum {
  cursor: n-resize;
}
.monaco-sash.disabled {
  cursor: default !important;
  pointer-events: none !important;
}
.monaco-sash.vertical {
  cursor: ew-resize;
  top: 0;
  width: var(--vscode-sash-size);
  height: 100%;
}
.monaco-sash.horizontal {
  cursor: ns-resize;
  left: 0;
  width: 100%;
  height: var(--vscode-sash-size);
}
.monaco-sash:not(.disabled) > .orthogonal-drag-handle {
  content: " ";
  height: calc(var(--vscode-sash-size) * 2);
  width: calc(var(--vscode-sash-size) * 2);
  z-index: 100;
  display: block;
  cursor: all-scroll;
  position: absolute;
}
.monaco-sash.horizontal.orthogonal-edge-north:not(.disabled) > .orthogonal-drag-handle.start,
.monaco-sash.horizontal.orthogonal-edge-south:not(.disabled) > .orthogonal-drag-handle.end {
  cursor: nwse-resize;
}
.monaco-sash.horizontal.orthogonal-edge-north:not(.disabled) > .orthogonal-drag-handle.end,
.monaco-sash.horizontal.orthogonal-edge-south:not(.disabled) > .orthogonal-drag-handle.start {
  cursor: nesw-resize;
}
.monaco-sash.vertical > .orthogonal-drag-handle.start {
  left: calc(var(--vscode-sash-size) * -0.5);
  top: calc(var(--vscode-sash-size) * -1);
}
.monaco-sash.vertical > .orthogonal-drag-handle.end {
  left: calc(var(--vscode-sash-size) * -0.5);
  bottom: calc(var(--vscode-sash-size) * -1);
}
.monaco-sash.horizontal > .orthogonal-drag-handle.start {
  top: calc(var(--vscode-sash-size) * -0.5);
  left: calc(var(--vscode-sash-size) * -1);
}
.monaco-sash.horizontal > .orthogonal-drag-handle.end {
  top: calc(var(--vscode-sash-size) * -0.5);
  right: calc(var(--vscode-sash-size) * -1);
}
.monaco-sash:before {
  content: "";
  pointer-events: none;
  position: absolute;
  width: 100%;
  height: 100%;
  background: transparent;
}
.monaco-workbench:not(.reduce-motion) .monaco-sash:before {
  transition: background-color 0.1s ease-out;
}
.monaco-sash.hover:before,
.monaco-sash.active:before {
  background: var(--vscode-sash-hoverBorder);
}
.monaco-sash.vertical:before {
  width: var(--vscode-sash-hover-size);
  left: calc(50% - (var(--vscode-sash-hover-size) / 2));
}
.monaco-sash.horizontal:before {
  height: var(--vscode-sash-hover-size);
  top: calc(50% - (var(--vscode-sash-hover-size) / 2));
}
.pointer-events-disabled {
  pointer-events: none !important;
}
.monaco-sash.debug {
  background: cyan;
}
.monaco-sash.debug.disabled {
  background: rgba(0, 255, 255, 0.2);
}
.monaco-sash.debug:not(.disabled) > .orthogonal-drag-handle {
  background: red;
}

/* ../../../node_modules/monaco-editor/esm/vs/base/browser/ui/splitview/splitview.css */
.monaco-split-view2 {
  position: relative;
  width: 100%;
  height: 100%;
}
.monaco-split-view2 > .sash-container {
  position: absolute;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.monaco-split-view2 > .sash-container > .monaco-sash {
  pointer-events: initial;
}
.monaco-split-view2 > .monaco-scrollable-element {
  width: 100%;
  height: 100%;
}
.monaco-split-view2 > .monaco-scrollable-element > .split-view-container {
  width: 100%;
  height: 100%;
  white-space: nowrap;
  position: relative;
}
.monaco-split-view2 > .monaco-scrollable-element > .split-view-container > .split-view-view {
  white-space: initial;
  position: absolute;
}
.monaco-split-view2 > .monaco-scrollable-element > .split-view-container > .split-view-view:not(.visible) {
  display: none;
}
.monaco-split-view2.vertical > .monaco-scrollable-element > .split-view-container > .split-view-view {
  width: 100%;
}
.monaco-split-view2.horizontal > .monaco-scrollable-element > .split-view-container > .split-view-view {
  height: 100%;
}
.monaco-split-view2.separator-border > .monaco-scrollable-element > .split-view-container > .split-view-view:not(:first-child)::before {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 5;
  pointer-events: none;
  background-color: var(--separator-border);
}
.monaco-split-view2.separator-border.horizontal > .monaco-scrollable-element > .split-view-container > .split-view-view:not(:first-child)::before {
  height: 100%;
  width: 1px;
}
.monaco-split-view2.separator-border.vertical > .monaco-scrollable-element > .split-view-container > .split-view-view:not(:first-child)::before {
  height: 1px;
  width: 100%;
}

/* ../../../node_modules/monaco-editor/esm/vs/base/browser/ui/table/table.css */
.monaco-table {
  display: flex;
  flex-direction: column;
  position: relative;
  height: 100%;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
}
.monaco-table > .monaco-split-view2 {
  border-bottom: 1px solid transparent;
}
.monaco-table > .monaco-list {
  flex: 1;
}
.monaco-table-tr {
  display: flex;
  height: 100%;
}
.monaco-table-th {
  width: 100%;
  height: 100%;
  font-weight: bold;
  overflow: hidden;
  text-overflow: ellipsis;
}
.monaco-table-th,
.monaco-table-td {
  box-sizing: border-box;
  flex-shrink: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.monaco-table > .monaco-split-view2 .monaco-sash.vertical::before {
  content: "";
  position: absolute;
  left: calc(var(--vscode-sash-size) / 2);
  width: 0;
  border-left: 1px solid transparent;
}
.monaco-workbench:not(.reduce-motion) .monaco-table > .monaco-split-view2,
.monaco-workbench:not(.reduce-motion) .monaco-table > .monaco-split-view2 .monaco-sash.vertical::before {
  transition: border-color 0.2s ease-out;
}

/* ../../../node_modules/monaco-editor/esm/vs/base/browser/ui/tree/media/tree.css */
.monaco-tl-row {
  display: flex;
  height: 100%;
  align-items: center;
  position: relative;
}
.monaco-tl-row.disabled {
  cursor: default;
}
.monaco-tl-indent {
  height: 100%;
  position: absolute;
  top: 0;
  left: 16px;
  pointer-events: none;
}
.hide-arrows .monaco-tl-indent {
  left: 12px;
}
.monaco-tl-indent > .indent-guide {
  display: inline-block;
  box-sizing: border-box;
  height: 100%;
  border-left: 1px solid transparent;
}
.monaco-workbench:not(.reduce-motion) .monaco-tl-indent > .indent-guide {
  transition: border-color 0.1s linear;
}
.monaco-tl-twistie,
.monaco-tl-contents {
  height: 100%;
}
.monaco-tl-twistie {
  font-size: 10px;
  text-align: right;
  padding-right: 6px;
  flex-shrink: 0;
  width: 16px;
  display: flex !important;
  align-items: center;
  justify-content: center;
  transform: translateX(3px);
}
.monaco-tl-contents {
  flex: 1;
  overflow: hidden;
}
.monaco-tl-twistie::before {
  border-radius: 20px;
}
.monaco-tl-twistie.collapsed::before {
  transform: rotate(-90deg);
}
.monaco-tl-twistie.codicon-tree-item-loading::before {
  animation: codicon-spin 1.25s steps(30) infinite;
}
.monaco-tree-type-filter {
  position: absolute;
  top: 0;
  display: flex;
  padding: 3px;
  max-width: 200px;
  z-index: 100;
  margin: 0 6px;
  border: 1px solid var(--vscode-widget-border);
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.monaco-workbench:not(.reduce-motion) .monaco-tree-type-filter {
  transition: top 0.3s;
}
.monaco-tree-type-filter.disabled {
  top: -40px !important;
}
.monaco-tree-type-filter-grab {
  display: flex !important;
  align-items: center;
  justify-content: center;
  cursor: grab;
  margin-right: 2px;
}
.monaco-tree-type-filter-grab.grabbing {
  cursor: grabbing;
}
.monaco-tree-type-filter-input {
  flex: 1;
}
.monaco-tree-type-filter-input .monaco-inputbox {
  height: 23px;
}
.monaco-tree-type-filter-input .monaco-inputbox > .ibwrapper > .input,
.monaco-tree-type-filter-input .monaco-inputbox > .ibwrapper > .mirror {
  padding: 2px 4px;
}
.monaco-tree-type-filter-input .monaco-findInput > .controls {
  top: 2px;
}
.monaco-tree-type-filter-actionbar {
  margin-left: 4px;
}
.monaco-tree-type-filter-actionbar .monaco-action-bar .action-label {
  padding: 2px;
}
.monaco-list .monaco-scrollable-element .monaco-tree-sticky-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
  z-index: 13;
  background-color: var(--vscode-sideBar-background);
}
.monaco-list .monaco-scrollable-element .monaco-tree-sticky-container .monaco-tree-sticky-row.monaco-list-row {
  position: absolute;
  width: 100%;
  opacity: 1 !important;
  overflow: hidden;
  background-color: var(--vscode-sideBar-background);
}
.monaco-list .monaco-scrollable-element .monaco-tree-sticky-container .monaco-tree-sticky-row:hover {
  background-color: var(--vscode-list-hoverBackground) !important;
  cursor: pointer;
}
.monaco-list .monaco-scrollable-element .monaco-tree-sticky-container.empty,
.monaco-list .monaco-scrollable-element .monaco-tree-sticky-container.empty .monaco-tree-sticky-container-shadow {
  display: none;
}
.monaco-list .monaco-scrollable-element .monaco-tree-sticky-container .monaco-tree-sticky-container-shadow {
  position: absolute;
  bottom: -3px;
  left: 0px;
  height: 0px;
  width: 100%;
}
.monaco-list .monaco-scrollable-element .monaco-tree-sticky-container[tabindex="0"]:focus {
  outline: none;
}

/* ../../../node_modules/monaco-editor/esm/vs/base/browser/ui/iconLabel/iconlabel.css */
.monaco-icon-label {
  display: flex;
  overflow: hidden;
  text-overflow: ellipsis;
}
.monaco-icon-label::before {
  background-size: 16px;
  background-position: left center;
  background-repeat: no-repeat;
  padding-right: 6px;
  width: 16px;
  height: 22px;
  line-height: inherit !important;
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: top;
  flex-shrink: 0;
}
.monaco-icon-label-iconpath {
  width: 16px;
  height: 16px;
  padding-left: 2px;
  margin-top: 2px;
  display: flex;
}
.monaco-icon-label-container.disabled {
  color: var(--vscode-disabledForeground);
}
.monaco-icon-label > .monaco-icon-label-container {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  flex: 1;
}
.monaco-icon-label > .monaco-icon-label-container > .monaco-icon-name-container > .label-name {
  color: inherit;
  white-space: pre;
}
.monaco-icon-label > .monaco-icon-label-container > .monaco-icon-name-container > .label-name > .label-separator {
  margin: 0 2px;
  opacity: 0.5;
}
.monaco-icon-label > .monaco-icon-label-container > .monaco-icon-suffix-container > .label-suffix {
  opacity: .7;
  white-space: pre;
}
.monaco-icon-label > .monaco-icon-label-container > .monaco-icon-description-container > .label-description {
  opacity: .7;
  margin-left: 0.5em;
  font-size: 0.9em;
  white-space: pre;
}
.monaco-icon-label.nowrap > .monaco-icon-label-container > .monaco-icon-description-container > .label-description {
  white-space: nowrap;
}
.vs .monaco-icon-label > .monaco-icon-label-container > .monaco-icon-description-container > .label-description {
  opacity: .95;
}
.monaco-icon-label.italic > .monaco-icon-label-container > .monaco-icon-name-container > .label-name,
.monaco-icon-label.italic > .monaco-icon-label-container > .monaco-icon-description-container > .label-description {
  font-style: italic;
}
.monaco-icon-label.deprecated {
  text-decoration: line-through;
  opacity: 0.66;
}
.monaco-icon-label.italic::after {
  font-style: italic;
}
.monaco-icon-label.strikethrough > .monaco-icon-label-container > .monaco-icon-name-container > .label-name,
.monaco-icon-label.strikethrough > .monaco-icon-label-container > .monaco-icon-description-container > .label-description {
  text-decoration: line-through;
}
.monaco-icon-label::after {
  opacity: 0.75;
  font-size: 90%;
  font-weight: 600;
  margin: auto 16px 0 5px;
  text-align: center;
}
.monaco-list:focus .selected .monaco-icon-label,
.monaco-list:focus .selected .monaco-icon-label::after {
  color: inherit !important;
}
.monaco-list-row.focused.selected .label-description,
.monaco-list-row.selected .label-description {
  opacity: .8;
}

/* ../../../node_modules/monaco-editor/esm/vs/base/browser/ui/keybindingLabel/keybindingLabel.css */
.monaco-keybinding {
  display: flex;
  align-items: center;
  line-height: 10px;
}
.monaco-keybinding > .monaco-keybinding-key {
  display: inline-block;
  border-style: solid;
  border-width: 1px;
  border-radius: 3px;
  vertical-align: middle;
  font-size: 11px;
  padding: 3px 5px;
  margin: 0 2px;
}
.monaco-keybinding > .monaco-keybinding-key:first-child {
  margin-left: 0;
}
.monaco-keybinding > .monaco-keybinding-key:last-child {
  margin-right: 0;
}
.monaco-keybinding > .monaco-keybinding-key-separator {
  display: inline-block;
}
.monaco-keybinding > .monaco-keybinding-key-chord-separator {
  width: 6px;
}

/* ../../../node_modules/monaco-editor/esm/vs/editor/browser/widget/diffEditor/style.css */
.monaco-editor .diff-hidden-lines-widget {
  width: 100%;
}
.monaco-editor .diff-hidden-lines {
  height: 0px;
  transform: translate(0px, -10px);
  font-size: 13px;
  line-height: 14px;
}
.monaco-editor .diff-hidden-lines:not(.dragging) .top:hover,
.monaco-editor .diff-hidden-lines:not(.dragging) .bottom:hover,
.monaco-editor .diff-hidden-lines .top.dragging,
.monaco-editor .diff-hidden-lines .bottom.dragging {
  background-color: var(--vscode-focusBorder);
}
.monaco-editor .diff-hidden-lines .top,
.monaco-editor .diff-hidden-lines .bottom {
  transition: background-color 0.1s ease-out;
  height: 4px;
  background-color: transparent;
  background-clip: padding-box;
  border-bottom: 2px solid transparent;
  border-top: 4px solid transparent;
}
.monaco-editor.draggingUnchangedRegion.canMoveTop:not(.canMoveBottom) *,
.monaco-editor .diff-hidden-lines .top.canMoveTop:not(.canMoveBottom),
.monaco-editor .diff-hidden-lines .bottom.canMoveTop:not(.canMoveBottom) {
  cursor: n-resize !important;
}
.monaco-editor.draggingUnchangedRegion:not(.canMoveTop).canMoveBottom *,
.monaco-editor .diff-hidden-lines .top:not(.canMoveTop).canMoveBottom,
.monaco-editor .diff-hidden-lines .bottom:not(.canMoveTop).canMoveBottom {
  cursor: s-resize !important;
}
.monaco-editor.draggingUnchangedRegion.canMoveTop.canMoveBottom *,
.monaco-editor .diff-hidden-lines .top.canMoveTop.canMoveBottom,
.monaco-editor .diff-hidden-lines .bottom.canMoveTop.canMoveBottom {
  cursor: ns-resize !important;
}
.monaco-editor .diff-hidden-lines .top {
  transform: translate(0px, 4px);
}
.monaco-editor .diff-hidden-lines .bottom {
  transform: translate(0px, -6px);
}
.monaco-editor .diff-unchanged-lines {
  background: var(--vscode-diffEditor-unchangedCodeBackground);
}
.monaco-editor .noModificationsOverlay {
  z-index: 1;
  background: var(--vscode-editor-background);
  display: flex;
  justify-content: center;
  align-items: center;
}
.monaco-editor .diff-hidden-lines .center {
  background: var(--vscode-diffEditor-unchangedRegionBackground);
  color: var(--vscode-diffEditor-unchangedRegionForeground);
  overflow: hidden;
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 24px;
  box-shadow: inset 0 -5px 5px -7px var(--vscode-diffEditor-unchangedRegionShadow), inset 0 5px 5px -7px var(--vscode-diffEditor-unchangedRegionShadow);
}
.monaco-editor .diff-hidden-lines .center span.codicon {
  vertical-align: middle;
}
.monaco-editor .diff-hidden-lines .center a:hover .codicon {
  cursor: pointer;
  color: var(--vscode-editorLink-activeForeground) !important;
}
.monaco-editor .diff-hidden-lines div.breadcrumb-item {
  cursor: pointer;
}
.monaco-editor .diff-hidden-lines div.breadcrumb-item:hover {
  color: var(--vscode-editorLink-activeForeground);
}
.monaco-editor .movedOriginal {
  border: 2px solid var(--vscode-diffEditor-move-border);
}
.monaco-editor .movedModified {
  border: 2px solid var(--vscode-diffEditor-move-border);
}
.monaco-editor .movedOriginal.currentMove,
.monaco-editor .movedModified.currentMove {
  border: 2px solid var(--vscode-diffEditor-moveActive-border);
}
.monaco-diff-editor .moved-blocks-lines path.currentMove {
  stroke: var(--vscode-diffEditor-moveActive-border);
}
.monaco-diff-editor .moved-blocks-lines path {
  pointer-events: visiblestroke;
}
.monaco-diff-editor .moved-blocks-lines .arrow {
  fill: var(--vscode-diffEditor-move-border);
}
.monaco-diff-editor .moved-blocks-lines .arrow.currentMove {
  fill: var(--vscode-diffEditor-moveActive-border);
}
.monaco-diff-editor .moved-blocks-lines .arrow-rectangle {
  fill: var(--vscode-editor-background);
}
.monaco-diff-editor .moved-blocks-lines {
  position: absolute;
  pointer-events: none;
}
.monaco-diff-editor .moved-blocks-lines path {
  fill: none;
  stroke: var(--vscode-diffEditor-move-border);
  stroke-width: 2;
}
.monaco-editor .char-delete.diff-range-empty {
  margin-left: -1px;
  border-left: solid var(--vscode-diffEditor-removedTextBackground) 3px;
}
.monaco-editor .char-insert.diff-range-empty {
  border-left: solid var(--vscode-diffEditor-insertedTextBackground) 3px;
}
.monaco-editor .fold-unchanged {
  cursor: pointer;
}
.monaco-diff-editor .diff-moved-code-block {
  display: flex;
  justify-content: flex-end;
  margin-top: -4px;
}
.monaco-diff-editor .diff-moved-code-block .action-bar .action-label.codicon {
  width: 12px;
  height: 12px;
  font-size: 12px;
}
.monaco-diff-editor .diffOverview {
  z-index: 9;
}
.monaco-diff-editor .diffOverview .diffViewport {
  z-index: 10;
}
.monaco-diff-editor.vs .diffOverview {
  background: rgba(0, 0, 0, 0.03);
}
.monaco-diff-editor.vs-dark .diffOverview {
  background: rgba(255, 255, 255, 0.01);
}
.monaco-scrollable-element.modified-in-monaco-diff-editor.vs .scrollbar {
  background: rgba(0, 0, 0, 0);
}
.monaco-scrollable-element.modified-in-monaco-diff-editor.vs-dark .scrollbar {
  background: rgba(0, 0, 0, 0);
}
.monaco-scrollable-element.modified-in-monaco-diff-editor.hc-black .scrollbar {
  background: none;
}
.monaco-scrollable-element.modified-in-monaco-diff-editor.hc-light .scrollbar {
  background: none;
}
.monaco-scrollable-element.modified-in-monaco-diff-editor .slider {
  z-index: 10;
}
.modified-in-monaco-diff-editor .slider.active {
  background: rgba(171, 171, 171, .4);
}
.modified-in-monaco-diff-editor.hc-black .slider.active {
  background: none;
}
.modified-in-monaco-diff-editor.hc-light .slider.active {
  background: none;
}
.monaco-editor .insert-sign,
.monaco-diff-editor .insert-sign,
.monaco-editor .delete-sign,
.monaco-diff-editor .delete-sign {
  font-size: 11px !important;
  opacity: 0.7 !important;
  display: flex !important;
  align-items: center;
}
.monaco-editor.hc-black .insert-sign,
.monaco-diff-editor.hc-black .insert-sign,
.monaco-editor.hc-black .delete-sign,
.monaco-diff-editor.hc-black .delete-sign,
.monaco-editor.hc-light .insert-sign,
.monaco-diff-editor.hc-light .insert-sign,
.monaco-editor.hc-light .delete-sign,
.monaco-diff-editor.hc-light .delete-sign {
  opacity: 1;
}
.monaco-editor .inline-deleted-margin-view-zone {
  text-align: right;
}
.monaco-editor .inline-added-margin-view-zone {
  text-align: right;
}
.monaco-editor .arrow-revert-change {
  z-index: 10;
  position: absolute;
}
.monaco-editor .arrow-revert-change:hover {
  cursor: pointer;
}
.monaco-editor .view-zones .view-lines .view-line span {
  display: inline-block;
}
.monaco-editor .margin-view-zones .lightbulb-glyph:hover {
  cursor: pointer;
}
.monaco-editor .char-insert,
.monaco-diff-editor .char-insert {
  background-color: var(--vscode-diffEditor-insertedTextBackground);
}
.monaco-editor .line-insert,
.monaco-diff-editor .line-insert {
  background-color: var(--vscode-diffEditor-insertedLineBackground, var(--vscode-diffEditor-insertedTextBackground));
}
.monaco-editor .line-insert,
.monaco-editor .char-insert {
  box-sizing: border-box;
  border: 1px solid var(--vscode-diffEditor-insertedTextBorder);
}
.monaco-editor.hc-black .line-insert,
.monaco-editor.hc-light .line-insert,
.monaco-editor.hc-black .char-insert,
.monaco-editor.hc-light .char-insert {
  border-style: dashed;
}
.monaco-editor .line-delete,
.monaco-editor .char-delete {
  box-sizing: border-box;
  border: 1px solid var(--vscode-diffEditor-removedTextBorder);
}
.monaco-editor.hc-black .line-delete,
.monaco-editor.hc-light .line-delete,
.monaco-editor.hc-black .char-delete,
.monaco-editor.hc-light .char-delete {
  border-style: dashed;
}
.monaco-editor .inline-added-margin-view-zone,
.monaco-editor .gutter-insert,
.monaco-diff-editor .gutter-insert {
  background-color: var(--vscode-diffEditorGutter-insertedLineBackground, var(--vscode-diffEditor-insertedLineBackground), var(--vscode-diffEditor-insertedTextBackground));
}
.monaco-editor .char-delete,
.monaco-diff-editor .char-delete {
  background-color: var(--vscode-diffEditor-removedTextBackground);
}
.monaco-editor .line-delete,
.monaco-diff-editor .line-delete {
  background-color: var(--vscode-diffEditor-removedLineBackground, var(--vscode-diffEditor-removedTextBackground));
}
.monaco-editor .inline-deleted-margin-view-zone,
.monaco-editor .gutter-delete,
.monaco-diff-editor .gutter-delete {
  background-color: var(--vscode-diffEditorGutter-removedLineBackground, var(--vscode-diffEditor-removedLineBackground), var(--vscode-diffEditor-removedTextBackground));
}
.monaco-diff-editor.side-by-side .editor.modified {
  box-shadow: -6px 0 5px -5px var(--vscode-scrollbar-shadow);
  border-left: 1px solid var(--vscode-diffEditor-border);
}
.monaco-diff-editor.side-by-side .editor.original {
  box-shadow: 6px 0 5px -5px var(--vscode-scrollbar-shadow);
  border-right: 1px solid var(--vscode-diffEditor-border);
}
.monaco-diff-editor .diffViewport {
  background: var(--vscode-scrollbarSlider-background);
}
.monaco-diff-editor .diffViewport:hover {
  background: var(--vscode-scrollbarSlider-hoverBackground);
}
.monaco-diff-editor .diffViewport:active {
  background: var(--vscode-scrollbarSlider-activeBackground);
}
.monaco-editor .diagonal-fill {
  background-image:
    linear-gradient(
      -45deg,
      var(--vscode-diffEditor-diagonalFill) 12.5%,
      #0000 12.5%,
      #0000 50%,
      var(--vscode-diffEditor-diagonalFill) 50%,
      var(--vscode-diffEditor-diagonalFill) 62.5%,
      #0000 62.5%,
      #0000 100%);
  background-size: 8px 8px;
}
.monaco-diff-editor .gutter {
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  flex-grow: 0;
  .gutterItem {
    opacity: 0;
    transition: opacity 0.7s;
    &.showAlways {
      opacity: 1;
      transition: none;
    }
    &.noTransition {
      transition: none;
    }
  }
  &:hover .gutterItem {
    opacity: 1;
    transition: opacity 0.1s ease-in-out;
  }
  .gutterItem {
    .background {
      position: absolute;
      height: 100%;
      left: 50%;
      width: 1px;
      border-left: 2px var(--vscode-menu-border) solid;
    }
    .buttons {
      position: absolute;
      width: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
      .monaco-toolbar {
        height: fit-content;
        .monaco-action-bar {
          line-height: 1;
          .actions-container {
            width: fit-content;
            border-radius: 4px;
            border: 1px var(--vscode-menu-border) solid;
            background: var(--vscode-editor-background);
            .action-item {
              &:hover {
                background: var(--vscode-toolbar-hoverBackground);
              }
              .action-label {
                padding: 0.5px 1px;
              }
            }
          }
        }
      }
    }
  }
}

/* ../../../node_modules/monaco-editor/esm/vs/editor/browser/widget/diffEditor/components/accessibleDiffViewer.css */
.monaco-component.diff-review {
  user-select: none;
  -webkit-user-select: none;
  z-index: 99;
}
.monaco-diff-editor .diff-review {
  position: absolute;
}
.monaco-component.diff-review .diff-review-line-number {
  text-align: right;
  display: inline-block;
  color: var(--vscode-editorLineNumber-foreground);
}
.monaco-component.diff-review .diff-review-summary {
  padding-left: 10px;
}
.monaco-component.diff-review .diff-review-shadow {
  position: absolute;
  box-shadow: var(--vscode-scrollbar-shadow) 0 -6px 6px -6px inset;
}
.monaco-component.diff-review .diff-review-row {
  white-space: pre;
}
.monaco-component.diff-review .diff-review-table {
  display: table;
  min-width: 100%;
}
.monaco-component.diff-review .diff-review-row {
  display: table-row;
  width: 100%;
}
.monaco-component.diff-review .diff-review-spacer {
  display: inline-block;
  width: 10px;
  vertical-align: middle;
}
.monaco-component.diff-review .diff-review-spacer > .codicon {
  font-size: 9px !important;
}
.monaco-component.diff-review .diff-review-actions {
  display: inline-block;
  position: absolute;
  right: 10px;
  top: 2px;
  z-index: 100;
}
.monaco-component.diff-review .diff-review-actions .action-label {
  width: 16px;
  height: 16px;
  margin: 2px 0;
}
.monaco-component.diff-review .revertButton {
  cursor: pointer;
}

/* ../../../node_modules/monaco-editor/esm/vs/base/browser/ui/toolbar/toolbar.css */
.monaco-toolbar {
  height: 100%;
}
.monaco-toolbar .toolbar-toggle-more {
  display: inline-block;
  padding: 0;
}

/* ../../../node_modules/monaco-editor/esm/vs/editor/browser/widget/multiDiffEditor/style.css */
.monaco-component.multiDiffEditor {
  background: var(--vscode-multiDiffEditor-background);
  overflow-y: hidden;
  .active {
    --vscode-multiDiffEditor-border: var(--vscode-focusBorder);
  }
  .multiDiffEntry {
    display: flex;
    flex-direction: column;
    flex: 1;
    overflow: hidden;
    .collapse-button {
      margin: 0 5px;
      cursor: pointer;
      a {
        display: block;
      }
    }
    .header {
      z-index: 1000;
      background: var(--vscode-editor-background);
      &:not(.collapsed) .header-content {
        border-bottom: 1px solid var(--vscode-sideBarSectionHeader-border);
      }
      .header-content {
        margin: 8px 0px 0px 0px;
        padding: 4px 5px;
        border-top: 1px solid var(--vscode-multiDiffEditor-border);
        display: flex;
        align-items: center;
        color: var(--vscode-foreground);
        background: var(--vscode-multiDiffEditor-headerBackground);
        &.shadow {
          box-shadow: var(--vscode-scrollbar-shadow) 0px 6px 6px -6px;
        }
        .file-path {
          display: flex;
          flex: 1;
          min-width: 0;
          .title {
            font-size: 14px;
            line-height: 22px;
            &.original {
              flex: 1;
              min-width: 0;
              text-overflow: ellipsis;
            }
          }
          .status {
            font-weight: 600;
            opacity: 0.75;
            margin: 0px 10px;
            line-height: 22px;
          }
        }
        .actions {
          padding: 0 8px;
        }
      }
    }
    .editorParent {
      flex: 1;
      display: flex;
      flex-direction: column;
      border-bottom: 1px solid var(--vscode-multiDiffEditor-border);
      overflow: hidden;
    }
    .editorContainer {
      flex: 1;
    }
  }
}

/* ../../../node_modules/monaco-editor/esm/vs/editor/contrib/anchorSelect/browser/anchorSelect.css */
.monaco-editor .selection-anchor {
  background-color: #007ACC;
  width: 2px !important;
}

/* ../../../node_modules/monaco-editor/esm/vs/editor/contrib/bracketMatching/browser/bracketMatching.css */
.monaco-editor .bracket-match {
  box-sizing: border-box;
  background-color: var(--vscode-editorBracketMatch-background);
  border: 1px solid var(--vscode-editorBracketMatch-border);
}

/* ../../../node_modules/monaco-editor/esm/vs/editor/contrib/inlineProgress/browser/inlineProgressWidget.css */
.inline-editor-progress-decoration {
  display: inline-block;
  width: 1em;
  height: 1em;
}
.inline-progress-widget {
  display: flex !important;
  justify-content: center;
  align-items: center;
}
.inline-progress-widget .icon {
  font-size: 80% !important;
}
.inline-progress-widget:hover .icon {
  font-size: 90% !important;
  animation: none;
}
.inline-progress-widget:hover .icon::before {
  content: var(--vscode-icon-x-content);
  font-family: var(--vscode-icon-x-font-family);
}

/* ../../../node_modules/monaco-editor/esm/vs/editor/contrib/message/browser/messageController.css */
.monaco-editor .monaco-editor-overlaymessage {
  padding-bottom: 8px;
  z-index: 10000;
}
.monaco-editor .monaco-editor-overlaymessage.below {
  padding-bottom: 0;
  padding-top: 8px;
  z-index: 10000;
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.monaco-editor .monaco-editor-overlaymessage.fadeIn {
  animation: fadeIn 150ms ease-out;
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.monaco-editor .monaco-editor-overlaymessage.fadeOut {
  animation: fadeOut 100ms ease-out;
}
.monaco-editor .monaco-editor-overlaymessage .message {
  padding: 2px 4px;
  color: var(--vscode-editorHoverWidget-foreground);
  background-color: var(--vscode-editorHoverWidget-background);
  border: 1px solid var(--vscode-inputValidation-infoBorder);
  border-radius: 3px;
}
.monaco-editor .monaco-editor-overlaymessage .message p {
  margin-block: 0px;
}
.monaco-editor .monaco-editor-overlaymessage .message a {
  color: var(--vscode-textLink-foreground);
}
.monaco-editor .monaco-editor-overlaymessage .message a:hover {
  color: var(--vscode-textLink-activeForeground);
}
.monaco-editor.hc-black .monaco-editor-overlaymessage .message,
.monaco-editor.hc-light .monaco-editor-overlaymessage .message {
  border-width: 2px;
}
.monaco-editor .monaco-editor-overlaymessage .anchor {
  width: 0 !important;
  height: 0 !important;
  border-color: transparent;
  border-style: solid;
  z-index: 1000;
  border-width: 8px;
  position: absolute;
  left: 2px;
}
.monaco-editor .monaco-editor-overlaymessage .anchor.top {
  border-bottom-color: var(--vscode-inputValidation-infoBorder);
}
.monaco-editor .monaco-editor-overlaymessage .anchor.below {
  border-top-color: var(--vscode-inputValidation-infoBorder);
}
.monaco-editor .monaco-editor-overlaymessage:not(.below) .anchor.top,
.monaco-editor .monaco-editor-overlaymessage.below .anchor.below {
  display: none;
}
.monaco-editor .monaco-editor-overlaymessage.below .anchor.top {
  display: inherit;
  top: -8px;
}

/* ../../../node_modules/monaco-editor/esm/vs/editor/contrib/dropOrPasteInto/browser/postEditWidget.css */
.post-edit-widget {
  box-shadow: 0 0 8px 2px var(--vscode-widget-shadow);
  border: 1px solid var(--vscode-widget-border, transparent);
  border-radius: 4px;
  background-color: var(--vscode-editorWidget-background);
  overflow: hidden;
}
.post-edit-widget .monaco-button {
  padding: 2px;
  border: none;
  border-radius: 0;
}
.post-edit-widget .monaco-button:hover {
  background-color: var(--vscode-button-secondaryHoverBackground) !important;
}
.post-edit-widget .monaco-button .codicon {
  margin: 0;
}

/* ../../../node_modules/monaco-editor/esm/vs/base/browser/ui/codicons/codicon/codicon.css */
@font-face {
  font-family: "codicon";
  font-display: block;
  src: url("https://localhost:8009/codicon-QHVHTGEQ.ttf") format("truetype");
}
.codicon[class*=codicon-] {
  font: normal normal normal 16px/1 codicon;
  display: inline-block;
  text-decoration: none;
  text-rendering: auto;
  text-align: center;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  user-select: none;
  -webkit-user-select: none;
}

/* ../../../node_modules/monaco-editor/esm/vs/base/browser/ui/codicons/codicon/codicon-modifiers.css */
.codicon-wrench-subaction {
  opacity: 0.5;
}
@keyframes codicon-spin {
  100% {
    transform: rotate(360deg);
  }
}
.codicon-sync.codicon-modifier-spin,
.codicon-loading.codicon-modifier-spin,
.codicon-gear.codicon-modifier-spin,
.codicon-notebook-state-executing.codicon-modifier-spin {
  animation: codicon-spin 1.5s steps(30) infinite;
}
.codicon-modifier-disabled {
  opacity: 0.4;
}
.codicon-loading,
.codicon-tree-item-loading::before {
  animation-duration: 1s !important;
  animation-timing-function: cubic-bezier(0.53, 0.21, 0.29, 0.67) !important;
}

/* ../../../node_modules/monaco-editor/esm/vs/editor/contrib/symbolIcons/browser/symbolIcons.css */
.monaco-editor .codicon.codicon-symbol-array,
.monaco-workbench .codicon.codicon-symbol-array {
  color: var(--vscode-symbolIcon-arrayForeground);
}
.monaco-editor .codicon.codicon-symbol-boolean,
.monaco-workbench .codicon.codicon-symbol-boolean {
  color: var(--vscode-symbolIcon-booleanForeground);
}
.monaco-editor .codicon.codicon-symbol-class,
.monaco-workbench .codicon.codicon-symbol-class {
  color: var(--vscode-symbolIcon-classForeground);
}
.monaco-editor .codicon.codicon-symbol-method,
.monaco-workbench .codicon.codicon-symbol-method {
  color: var(--vscode-symbolIcon-methodForeground);
}
.monaco-editor .codicon.codicon-symbol-color,
.monaco-workbench .codicon.codicon-symbol-color {
  color: var(--vscode-symbolIcon-colorForeground);
}
.monaco-editor .codicon.codicon-symbol-constant,
.monaco-workbench .codicon.codicon-symbol-constant {
  color: var(--vscode-symbolIcon-constantForeground);
}
.monaco-editor .codicon.codicon-symbol-constructor,
.monaco-workbench .codicon.codicon-symbol-constructor {
  color: var(--vscode-symbolIcon-constructorForeground);
}
.monaco-editor .codicon.codicon-symbol-value,
.monaco-workbench .codicon.codicon-symbol-value,
.monaco-editor .codicon.codicon-symbol-enum,
.monaco-workbench .codicon.codicon-symbol-enum {
  color: var(--vscode-symbolIcon-enumeratorForeground);
}
.monaco-editor .codicon.codicon-symbol-enum-member,
.monaco-workbench .codicon.codicon-symbol-enum-member {
  color: var(--vscode-symbolIcon-enumeratorMemberForeground);
}
.monaco-editor .codicon.codicon-symbol-event,
.monaco-workbench .codicon.codicon-symbol-event {
  color: var(--vscode-symbolIcon-eventForeground);
}
.monaco-editor .codicon.codicon-symbol-field,
.monaco-workbench .codicon.codicon-symbol-field {
  color: var(--vscode-symbolIcon-fieldForeground);
}
.monaco-editor .codicon.codicon-symbol-file,
.monaco-workbench .codicon.codicon-symbol-file {
  color: var(--vscode-symbolIcon-fileForeground);
}
.monaco-editor .codicon.codicon-symbol-folder,
.monaco-workbench .codicon.codicon-symbol-folder {
  color: var(--vscode-symbolIcon-folderForeground);
}
.monaco-editor .codicon.codicon-symbol-function,
.monaco-workbench .codicon.codicon-symbol-function {
  color: var(--vscode-symbolIcon-functionForeground);
}
.monaco-editor .codicon.codicon-symbol-interface,
.monaco-workbench .codicon.codicon-symbol-interface {
  color: var(--vscode-symbolIcon-interfaceForeground);
}
.monaco-editor .codicon.codicon-symbol-key,
.monaco-workbench .codicon.codicon-symbol-key {
  color: var(--vscode-symbolIcon-keyForeground);
}
.monaco-editor .codicon.codicon-symbol-keyword,
.monaco-workbench .codicon.codicon-symbol-keyword {
  color: var(--vscode-symbolIcon-keywordForeground);
}
.monaco-editor .codicon.codicon-symbol-module,
.monaco-workbench .codicon.codicon-symbol-module {
  color: var(--vscode-symbolIcon-moduleForeground);
}
.monaco-editor .codicon.codicon-symbol-namespace,
.monaco-workbench .codicon.codicon-symbol-namespace {
  color: var(--vscode-symbolIcon-namespaceForeground);
}
.monaco-editor .codicon.codicon-symbol-null,
.monaco-workbench .codicon.codicon-symbol-null {
  color: var(--vscode-symbolIcon-nullForeground);
}
.monaco-editor .codicon.codicon-symbol-number,
.monaco-workbench .codicon.codicon-symbol-number {
  color: var(--vscode-symbolIcon-numberForeground);
}
.monaco-editor .codicon.codicon-symbol-object,
.monaco-workbench .codicon.codicon-symbol-object {
  color: var(--vscode-symbolIcon-objectForeground);
}
.monaco-editor .codicon.codicon-symbol-operator,
.monaco-workbench .codicon.codicon-symbol-operator {
  color: var(--vscode-symbolIcon-operatorForeground);
}
.monaco-editor .codicon.codicon-symbol-package,
.monaco-workbench .codicon.codicon-symbol-package {
  color: var(--vscode-symbolIcon-packageForeground);
}
.monaco-editor .codicon.codicon-symbol-property,
.monaco-workbench .codicon.codicon-symbol-property {
  color: var(--vscode-symbolIcon-propertyForeground);
}
.monaco-editor .codicon.codicon-symbol-reference,
.monaco-workbench .codicon.codicon-symbol-reference {
  color: var(--vscode-symbolIcon-referenceForeground);
}
.monaco-editor .codicon.codicon-symbol-snippet,
.monaco-workbench .codicon.codicon-symbol-snippet {
  color: var(--vscode-symbolIcon-snippetForeground);
}
.monaco-editor .codicon.codicon-symbol-string,
.monaco-workbench .codicon.codicon-symbol-string {
  color: var(--vscode-symbolIcon-stringForeground);
}
.monaco-editor .codicon.codicon-symbol-struct,
.monaco-workbench .codicon.codicon-symbol-struct {
  color: var(--vscode-symbolIcon-structForeground);
}
.monaco-editor .codicon.codicon-symbol-text,
.monaco-workbench .codicon.codicon-symbol-text {
  color: var(--vscode-symbolIcon-textForeground);
}
.monaco-editor .codicon.codicon-symbol-type-parameter,
.monaco-workbench .codicon.codicon-symbol-type-parameter {
  color: var(--vscode-symbolIcon-typeParameterForeground);
}
.monaco-editor .codicon.codicon-symbol-unit,
.monaco-workbench .codicon.codicon-symbol-unit {
  color: var(--vscode-symbolIcon-unitForeground);
}
.monaco-editor .codicon.codicon-symbol-variable,
.monaco-workbench .codicon.codicon-symbol-variable {
  color: var(--vscode-symbolIcon-variableForeground);
}

/* ../../../node_modules/monaco-editor/esm/vs/editor/contrib/codeAction/browser/lightBulbWidget.css */
.monaco-editor .lightBulbWidget {
  display: flex;
  align-items: center;
  justify-content: center;
}
.monaco-editor .lightBulbWidget:hover {
  cursor: pointer;
}
.monaco-editor .lightBulbWidget.codicon-light-bulb,
.monaco-editor .lightBulbWidget.codicon-lightbulb-sparkle {
  color: var(--vscode-editorLightBulb-foreground);
}
.monaco-editor .lightBulbWidget.codicon-lightbulb-autofix,
.monaco-editor .lightBulbWidget.codicon-lightbulb-sparkle-autofix {
  color: var(--vscode-editorLightBulbAutoFix-foreground, var(--vscode-editorLightBulb-foreground));
}
.monaco-editor .lightBulbWidget.codicon-sparkle-filled {
  color: var(--vscode-editorLightBulbAi-foreground, var(--vscode-icon-foreground));
}
.monaco-editor .lightBulbWidget:before {
  position: relative;
  z-index: 2;
}
.monaco-editor .lightBulbWidget:after {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  opacity: 0.3;
  background-color: var(--vscode-editor-background);
  z-index: 1;
}

/* ../../../node_modules/monaco-editor/esm/vs/platform/actionWidget/browser/actionWidget.css */
.action-widget {
  font-size: 13px;
  border-radius: 0;
  min-width: 160px;
  max-width: 80vw;
  z-index: 40;
  display: block;
  width: 100%;
  border: 1px solid var(--vscode-editorWidget-border) !important;
  border-radius: 2px;
  background-color: var(--vscode-editorWidget-background);
  color: var(--vscode-editorWidget-foreground);
}
.context-view-block {
  position: fixed;
  cursor: initial;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.context-view-pointerBlock {
  position: fixed;
  cursor: initial;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}
.action-widget .monaco-list {
  user-select: none;
  -webkit-user-select: none;
  border: none !important;
  border-width: 0 !important;
}
.action-widget .monaco-list:focus:before {
  outline: 0 !important;
}
.action-widget .monaco-list .monaco-scrollable-element {
  overflow: visible;
}
.action-widget .monaco-list .monaco-list-row {
  padding: 0 10px;
  white-space: nowrap;
  cursor: pointer;
  touch-action: none;
  width: 100%;
}
.action-widget .monaco-list .monaco-list-row.action.focused:not(.option-disabled) {
  background-color: var(--vscode-quickInputList-focusBackground) !important;
  color: var(--vscode-quickInputList-focusForeground);
  outline: 1px solid var(--vscode-menu-selectionBorder, transparent);
  outline-offset: -1px;
}
.action-widget .monaco-list-row.group-header {
  color: var(--vscode-descriptionForeground) !important;
  font-weight: 600;
}
.action-widget .monaco-list .group-header,
.action-widget .monaco-list .option-disabled,
.action-widget .monaco-list .option-disabled:before,
.action-widget .monaco-list .option-disabled .focused,
.action-widget .monaco-list .option-disabled .focused:before {
  cursor: default !important;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
  background-color: transparent !important;
  outline: 0 solid !important;
}
.action-widget .monaco-list-row.action {
  display: flex;
  gap: 6px;
  align-items: center;
}
.action-widget .monaco-list-row.action.option-disabled,
.action-widget .monaco-list:focus .monaco-list-row.focused.action.option-disabled,
.action-widget .monaco-list-row.action.option-disabled .codicon,
.action-widget .monaco-list:not(.drop-target):not(.dragging) .monaco-list-row:hover:not(.selected):not(.focused).option-disabled {
  color: var(--vscode-disabledForeground);
}
.action-widget .monaco-list-row.action:not(.option-disabled) .codicon {
  color: inherit;
}
.action-widget .monaco-list-row.action .title {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
}
.action-widget .monaco-list-row.action .monaco-keybinding > .monaco-keybinding-key {
  background-color: var(--vscode-keybindingLabel-background);
  color: var(--vscode-keybindingLabel-foreground);
  border-style: solid;
  border-width: 1px;
  border-radius: 3px;
  border-color: var(--vscode-keybindingLabel-border);
  border-bottom-color: var(--vscode-keybindingLabel-bottomBorder);
  box-shadow: inset 0 -1px 0 var(--vscode-widget-shadow);
}
.action-widget .action-widget-action-bar {
  background-color: var(--vscode-editorHoverWidget-statusBarBackground);
  border-top: 1px solid var(--vscode-editorHoverWidget-border);
}
.action-widget .action-widget-action-bar::before {
  display: block;
  content: "";
  width: 100%;
}
.action-widget .action-widget-action-bar .actions-container {
  padding: 0 8px;
}
.action-widget-action-bar .action-label {
  color: var(--vscode-textLink-activeForeground);
  font-size: 12px;
  line-height: 22px;
  padding: 0;
  pointer-events: all;
}
.action-widget-action-bar .action-item {
  margin-right: 16px;
  pointer-events: none;
}
.action-widget-action-bar .action-label:hover {
  background-color: transparent !important;
}
.monaco-action-bar .actions-container.highlight-toggled .action-label.checked {
  background: var(--vscode-actionBar-toggledBackground) !important;
}

/* ../../../node_modules/monaco-editor/esm/vs/editor/contrib/codelens/browser/codelensWidget.css */
.monaco-editor .codelens-decoration {
  overflow: hidden;
  display: inline-block;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--vscode-editorCodeLens-foreground);
  line-height: var(--vscode-editorCodeLens-lineHeight);
  font-size: var(--vscode-editorCodeLens-fontSize);
  padding-right: calc(var(--vscode-editorCodeLens-fontSize)*0.5);
  font-feature-settings: var(--vscode-editorCodeLens-fontFeatureSettings);
  font-family: var(--vscode-editorCodeLens-fontFamily), var(--vscode-editorCodeLens-fontFamilyDefault);
}
.monaco-editor .codelens-decoration > span,
.monaco-editor .codelens-decoration > a {
  user-select: none;
  -webkit-user-select: none;
  white-space: nowrap;
  vertical-align: sub;
}
.monaco-editor .codelens-decoration > a {
  text-decoration: none;
}
.monaco-editor .codelens-decoration > a:hover {
  cursor: pointer;
  color: var(--vscode-editorLink-activeForeground) !important;
}
.monaco-editor .codelens-decoration > a:hover .codicon {
  color: var(--vscode-editorLink-activeForeground) !important;
}
.monaco-editor .codelens-decoration .codicon {
  vertical-align: middle;
  color: currentColor !important;
  color: var(--vscode-editorCodeLens-foreground);
  line-height: var(--vscode-editorCodeLens-lineHeight);
  font-size: var(--vscode-editorCodeLens-fontSize);
}
.monaco-editor .codelens-decoration > a:hover .codicon::before {
  cursor: pointer;
}
@keyframes fadein {
  0% {
    opacity: 0;
    visibility: visible;
  }
  100% {
    opacity: 1;
  }
}
.monaco-editor .codelens-decoration.fadein {
  animation: fadein 0.1s linear;
}

/* ../../../node_modules/monaco-editor/esm/vs/editor/contrib/colorPicker/browser/colorPicker.css */
.colorpicker-widget {
  height: 190px;
  user-select: none;
  -webkit-user-select: none;
}
.colorpicker-color-decoration,
.hc-light .colorpicker-color-decoration {
  border: solid 0.1em #000;
  box-sizing: border-box;
  margin: 0.1em 0.2em 0 0.2em;
  width: 0.8em;
  height: 0.8em;
  line-height: 0.8em;
  display: inline-block;
  cursor: pointer;
}
.hc-black .colorpicker-color-decoration,
.vs-dark .colorpicker-color-decoration {
  border: solid 0.1em #eee;
}
.colorpicker-header {
  display: flex;
  height: 24px;
  position: relative;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAZdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuMTZEaa/1AAAAHUlEQVQYV2PYvXu3JAi7uLiAMaYAjAGTQBPYLQkAa/0Zef3qRswAAAAASUVORK5CYII=);
  background-size: 9px 9px;
  image-rendering: pixelated;
}
.colorpicker-header .picked-color {
  width: 240px;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 24px;
  cursor: pointer;
  color: white;
  flex: 1;
  white-space: nowrap;
  overflow: hidden;
}
.colorpicker-header .picked-color .picked-color-presentation {
  white-space: nowrap;
  margin-left: 5px;
  margin-right: 5px;
}
.colorpicker-header .picked-color .codicon {
  color: inherit;
  font-size: 14px;
}
.colorpicker-header .picked-color.light {
  color: black;
}
.colorpicker-header .original-color {
  width: 74px;
  z-index: inherit;
  cursor: pointer;
}
.standalone-colorpicker {
  color: var(--vscode-editorHoverWidget-foreground);
  background-color: var(--vscode-editorHoverWidget-background);
  border: 1px solid var(--vscode-editorHoverWidget-border);
}
.colorpicker-header.standalone-colorpicker {
  border-bottom: none;
}
.colorpicker-header .close-button {
  cursor: pointer;
  background-color: var(--vscode-editorHoverWidget-background);
  border-left: 1px solid var(--vscode-editorHoverWidget-border);
}
.colorpicker-header .close-button-inner-div {
  width: 100%;
  height: 100%;
  text-align: center;
}
.colorpicker-header .close-button-inner-div:hover {
  background-color: var(--vscode-toolbar-hoverBackground);
}
.colorpicker-header .close-icon {
  padding: 3px;
}
.colorpicker-body {
  display: flex;
  padding: 8px;
  position: relative;
}
.colorpicker-body .saturation-wrap {
  overflow: hidden;
  height: 150px;
  position: relative;
  min-width: 220px;
  flex: 1;
}
.colorpicker-body .saturation-box {
  height: 150px;
  position: absolute;
}
.colorpicker-body .saturation-selection {
  width: 9px;
  height: 9px;
  margin: -5px 0 0 -5px;
  border: 1px solid rgb(255, 255, 255);
  border-radius: 100%;
  box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.8);
  position: absolute;
}
.colorpicker-body .strip {
  width: 25px;
  height: 150px;
}
.colorpicker-body .standalone-strip {
  width: 25px;
  height: 122px;
}
.colorpicker-body .hue-strip {
  position: relative;
  margin-left: 8px;
  cursor: grab;
  background:
    linear-gradient(
      to bottom,
      #ff0000 0%,
      #ffff00 17%,
      #00ff00 33%,
      #00ffff 50%,
      #0000ff 67%,
      #ff00ff 83%,
      #ff0000 100%);
}
.colorpicker-body .opacity-strip {
  position: relative;
  margin-left: 8px;
  cursor: grab;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAZdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuMTZEaa/1AAAAHUlEQVQYV2PYvXu3JAi7uLiAMaYAjAGTQBPYLQkAa/0Zef3qRswAAAAASUVORK5CYII=);
  background-size: 9px 9px;
  image-rendering: pixelated;
}
.colorpicker-body .strip.grabbing {
  cursor: grabbing;
}
.colorpicker-body .slider {
  position: absolute;
  top: 0;
  left: -2px;
  width: calc(100% + 4px);
  height: 4px;
  box-sizing: border-box;
  border: 1px solid rgba(255, 255, 255, 0.71);
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.85);
}
.colorpicker-body .strip .overlay {
  height: 150px;
  pointer-events: none;
}
.colorpicker-body .standalone-strip .standalone-overlay {
  height: 122px;
  pointer-events: none;
}
.standalone-colorpicker-body {
  display: block;
  border: 1px solid transparent;
  border-bottom: 1px solid var(--vscode-editorHoverWidget-border);
  overflow: hidden;
}
.colorpicker-body .insert-button {
  position: absolute;
  height: 20px;
  width: 58px;
  padding: 0px;
  right: 8px;
  bottom: 8px;
  background: var(--vscode-button-background);
  color: var(--vscode-button-foreground);
  border-radius: 2px;
  border: none;
  cursor: pointer;
}
.colorpicker-body .insert-button:hover {
  background: var(--vscode-button-hoverBackground);
}

/* ../../../node_modules/monaco-editor/esm/vs/editor/contrib/inlineCompletions/browser/inlineCompletionsHintsWidget.css */
.monaco-editor .inlineSuggestionsHints.withBorder {
  z-index: 39;
  color: var(--vscode-editorHoverWidget-foreground);
  background-color: var(--vscode-editorHoverWidget-background);
  border: 1px solid var(--vscode-editorHoverWidget-border);
}
.monaco-editor .inlineSuggestionsHints a {
  color: var(--vscode-foreground);
}
.monaco-editor .inlineSuggestionsHints a:hover {
  color: var(--vscode-foreground);
}
.monaco-editor .inlineSuggestionsHints .keybinding {
  display: flex;
  margin-left: 4px;
  opacity: 0.6;
}
.monaco-editor .inlineSuggestionsHints .keybinding .monaco-keybinding-key {
  font-size: 8px;
  padding: 2px 3px;
}
.monaco-editor .inlineSuggestionsHints .availableSuggestionCount a {
  display: flex;
  min-width: 19px;
  justify-content: center;
}
.monaco-editor .inlineSuggestionStatusBarItemLabel {
  margin-right: 2px;
}

/* ../../../node_modules/monaco-editor/esm/vs/editor/contrib/peekView/browser/media/peekViewWidget.css */
.monaco-editor .peekview-widget .head {
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
}
.monaco-editor .peekview-widget .head .peekview-title {
  display: flex;
  align-items: baseline;
  font-size: 13px;
  margin-left: 20px;
  min-width: 0;
  text-overflow: ellipsis;
  overflow: hidden;
}
.monaco-editor .peekview-widget .head .peekview-title.clickable {
  cursor: pointer;
}
.monaco-editor .peekview-widget .head .peekview-title .dirname:not(:empty) {
  font-size: 0.9em;
  margin-left: 0.5em;
}
.monaco-editor .peekview-widget .head .peekview-title .meta {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.monaco-editor .peekview-widget .head .peekview-title .dirname {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.monaco-editor .peekview-widget .head .peekview-title .filename {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.monaco-editor .peekview-widget .head .peekview-title .meta:not(:empty)::before {
  content: "-";
  padding: 0 0.3em;
}
.monaco-editor .peekview-widget .head .peekview-actions {
  flex: 1;
  text-align: right;
  padding-right: 2px;
}
.monaco-editor .peekview-widget .head .peekview-actions > .monaco-action-bar {
  display: inline-block;
}
.monaco-editor .peekview-widget .head .peekview-actions > .monaco-action-bar,
.monaco-editor .peekview-widget .head .peekview-actions > .monaco-action-bar > .actions-container {
  height: 100%;
}
.monaco-editor .peekview-widget > .body {
  border-top: 1px solid;
  position: relative;
}
.monaco-editor .peekview-widget .head .peekview-title .codicon {
  margin-right: 4px;
  align-self: center;
}
.monaco-editor .peekview-widget .monaco-list .monaco-list-row.focused .codicon {
  color: inherit !important;
}

/* ../../../node_modules/monaco-editor/esm/vs/editor/contrib/zoneWidget/browser/zoneWidget.css */
.monaco-editor .zone-widget {
  position: absolute;
  z-index: 10;
}
.monaco-editor .zone-widget .zone-widget-container {
  border-top-style: solid;
  border-bottom-style: solid;
  border-top-width: 0;
  border-bottom-width: 0;
  position: relative;
}

/* ../../../node_modules/monaco-editor/esm/vs/editor/contrib/gotoSymbol/browser/peek/referencesWidget.css */
.monaco-editor .zone-widget .zone-widget-container.reference-zone-widget {
  border-top-width: 1px;
  border-bottom-width: 1px;
}
.monaco-editor .reference-zone-widget .inline {
  display: inline-block;
  vertical-align: top;
}
.monaco-editor .reference-zone-widget .messages {
  height: 100%;
  width: 100%;
  text-align: center;
  padding: 3em 0;
}
.monaco-editor .reference-zone-widget .ref-tree {
  line-height: 23px;
  background-color: var(--vscode-peekViewResult-background);
  color: var(--vscode-peekViewResult-lineForeground);
}
.monaco-editor .reference-zone-widget .ref-tree .reference {
  text-overflow: ellipsis;
  overflow: hidden;
}
.monaco-editor .reference-zone-widget .ref-tree .reference-file {
  display: inline-flex;
  width: 100%;
  height: 100%;
  color: var(--vscode-peekViewResult-fileForeground);
}
.monaco-editor .reference-zone-widget .ref-tree .monaco-list:focus .selected .reference-file {
  color: inherit !important;
}
.monaco-editor .reference-zone-widget .ref-tree .monaco-list:focus .monaco-list-rows > .monaco-list-row.selected:not(.highlighted) {
  background-color: var(--vscode-peekViewResult-selectionBackground);
  color: var(--vscode-peekViewResult-selectionForeground) !important;
}
.monaco-editor .reference-zone-widget .ref-tree .reference-file .count {
  margin-right: 12px;
  margin-left: auto;
}
.monaco-editor .reference-zone-widget .ref-tree .referenceMatch .highlight {
  background-color: var(--vscode-peekViewResult-matchHighlightBackground);
}
.monaco-editor .reference-zone-widget .preview .reference-decoration {
  background-color: var(--vscode-peekViewEditor-matchHighlightBackground);
  border: 2px solid var(--vscode-peekViewEditor-matchHighlightBorder);
  box-sizing: border-box;
}
.monaco-editor .reference-zone-widget .preview .monaco-editor .monaco-editor-background,
.monaco-editor .reference-zone-widget .preview .monaco-editor .inputarea.ime-input {
  background-color: var(--vscode-peekViewEditor-background);
}
.monaco-editor .reference-zone-widget .preview .monaco-editor .margin {
  background-color: var(--vscode-peekViewEditorGutter-background);
}
.monaco-editor.hc-black .reference-zone-widget .ref-tree .reference-file,
.monaco-editor.hc-light .reference-zone-widget .ref-tree .reference-file {
  font-weight: bold;
}
.monaco-editor.hc-black .reference-zone-widget .ref-tree .referenceMatch .highlight,
.monaco-editor.hc-light .reference-zone-widget .ref-tree .referenceMatch .highlight {
  border: 1px dotted var(--vscode-contrastActiveBorder, transparent);
  box-sizing: border-box;
}

/* ../../../node_modules/monaco-editor/esm/vs/editor/contrib/hover/browser/hover.css */
.monaco-editor .hoverHighlight {
  background-color: var(--vscode-editor-hoverHighlightBackground);
}
.monaco-editor .monaco-hover {
  color: var(--vscode-editorHoverWidget-foreground);
  background-color: var(--vscode-editorHoverWidget-background);
  border: 1px solid var(--vscode-editorHoverWidget-border);
  border-radius: 3px;
}
.monaco-editor .monaco-hover a {
  color: var(--vscode-textLink-foreground);
}
.monaco-editor .monaco-hover a:hover {
  color: var(--vscode-textLink-activeForeground);
}
.monaco-editor .monaco-hover .hover-row {
  display: flex;
}
.monaco-editor .monaco-hover .hover-row .hover-row-contents {
  min-width: 0;
  display: flex;
  flex-direction: column;
}
.monaco-editor .monaco-hover .hover-row .verbosity-actions {
  display: flex;
  flex-direction: column;
  padding-left: 5px;
  padding-right: 5px;
  justify-content: end;
  border-right: 1px solid var(--vscode-editorHoverWidget-border);
}
.monaco-editor .monaco-hover .hover-row .verbosity-actions .codicon {
  cursor: pointer;
  font-size: 11px;
}
.monaco-editor .monaco-hover .hover-row .verbosity-actions .codicon.enabled {
  color: var(--vscode-textLink-foreground);
}
.monaco-editor .monaco-hover .hover-row .verbosity-actions .codicon.disabled {
  opacity: 0.6;
}
.monaco-editor .monaco-hover .hover-row .actions {
  background-color: var(--vscode-editorHoverWidget-statusBarBackground);
}
.monaco-editor .monaco-hover code {
  background-color: var(--vscode-textCodeBlock-background);
}

/* ../../../node_modules/monaco-editor/esm/vs/editor/contrib/dnd/browser/dnd.css */
.monaco-editor.vs .dnd-target,
.monaco-editor.hc-light .dnd-target {
  border-right: 2px dotted black;
  color: white;
}
.monaco-editor.vs-dark .dnd-target {
  border-right: 2px dotted #AEAFAD;
  color: #51504f;
}
.monaco-editor.hc-black .dnd-target {
  border-right: 2px dotted #fff;
  color: #000;
}
.monaco-editor.mouse-default .view-lines,
.monaco-editor.vs-dark.mac.mouse-default .view-lines,
.monaco-editor.hc-black.mac.mouse-default .view-lines,
.monaco-editor.hc-light.mac.mouse-default .view-lines {
  cursor: default;
}
.monaco-editor.mouse-copy .view-lines,
.monaco-editor.vs-dark.mac.mouse-copy .view-lines,
.monaco-editor.hc-black.mac.mouse-copy .view-lines,
.monaco-editor.hc-light.mac.mouse-copy .view-lines {
  cursor: copy;
}

/* ../../../node_modules/monaco-editor/esm/vs/editor/contrib/find/browser/findOptionsWidget.css */
.monaco-editor .findOptionsWidget {
  background-color: var(--vscode-editorWidget-background);
  color: var(--vscode-editorWidget-foreground);
  box-shadow: 0 0 8px 2px var(--vscode-widget-shadow);
  border: 2px solid var(--vscode-contrastBorder);
}

/* ../../../node_modules/monaco-editor/esm/vs/editor/contrib/find/browser/findWidget.css */
.monaco-editor .find-widget {
  position: absolute;
  z-index: 35;
  height: 33px;
  overflow: hidden;
  line-height: 19px;
  transition: transform 200ms linear;
  padding: 0 4px;
  box-sizing: border-box;
  transform: translateY(calc(-100% - 10px));
  box-shadow: 0 0 8px 2px var(--vscode-widget-shadow);
  color: var(--vscode-editorWidget-foreground);
  border-left: 1px solid var(--vscode-widget-border);
  border-right: 1px solid var(--vscode-widget-border);
  border-bottom: 1px solid var(--vscode-widget-border);
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  background-color: var(--vscode-editorWidget-background);
}
.monaco-workbench.reduce-motion .monaco-editor .find-widget {
  transition: transform 0ms linear;
}
.monaco-editor .find-widget textarea {
  margin: 0px;
}
.monaco-editor .find-widget.hiddenEditor {
  display: none;
}
.monaco-editor .find-widget.replaceToggled > .replace-part {
  display: flex;
}
.monaco-editor .find-widget.visible {
  transform: translateY(0);
}
.monaco-editor .find-widget .monaco-inputbox.synthetic-focus {
  outline: 1px solid -webkit-focus-ring-color;
  outline-offset: -1px;
  outline-color: var(--vscode-focusBorder);
}
.monaco-editor .find-widget .monaco-inputbox .input {
  background-color: transparent;
  min-height: 0;
}
.monaco-editor .find-widget .monaco-findInput .input {
  font-size: 13px;
}
.monaco-editor .find-widget > .find-part,
.monaco-editor .find-widget > .replace-part {
  margin: 3px 25px 0 17px;
  font-size: 12px;
  display: flex;
}
.monaco-editor .find-widget > .find-part .monaco-inputbox,
.monaco-editor .find-widget > .replace-part .monaco-inputbox {
  min-height: 25px;
}
.monaco-editor .find-widget > .replace-part .monaco-inputbox > .ibwrapper > .mirror {
  padding-right: 22px;
}
.monaco-editor .find-widget > .find-part .monaco-inputbox > .ibwrapper > .input,
.monaco-editor .find-widget > .find-part .monaco-inputbox > .ibwrapper > .mirror,
.monaco-editor .find-widget > .replace-part .monaco-inputbox > .ibwrapper > .input,
.monaco-editor .find-widget > .replace-part .monaco-inputbox > .ibwrapper > .mirror {
  padding-top: 2px;
  padding-bottom: 2px;
}
.monaco-editor .find-widget > .find-part .find-actions {
  height: 25px;
  display: flex;
  align-items: center;
}
.monaco-editor .find-widget > .replace-part .replace-actions {
  height: 25px;
  display: flex;
  align-items: center;
}
.monaco-editor .find-widget .monaco-findInput {
  vertical-align: middle;
  display: flex;
  flex: 1;
}
.monaco-editor .find-widget .monaco-findInput .monaco-scrollable-element {
  width: 100%;
}
.monaco-editor .find-widget .monaco-findInput .monaco-scrollable-element .scrollbar.vertical {
  opacity: 0;
}
.monaco-editor .find-widget .matchesCount {
  display: flex;
  flex: initial;
  margin: 0 0 0 3px;
  padding: 2px 0 0 2px;
  height: 25px;
  vertical-align: middle;
  box-sizing: border-box;
  text-align: center;
  line-height: 23px;
}
.monaco-editor .find-widget .button {
  width: 16px;
  height: 16px;
  padding: 3px;
  border-radius: 5px;
  display: flex;
  flex: initial;
  margin-left: 3px;
  background-position: center center;
  background-repeat: no-repeat;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.monaco-editor .find-widget .codicon-find-selection {
  width: 22px;
  height: 22px;
  padding: 3px;
  border-radius: 5px;
}
.monaco-editor .find-widget .button.left {
  margin-left: 0;
  margin-right: 3px;
}
.monaco-editor .find-widget .button.wide {
  width: auto;
  padding: 1px 6px;
  top: -1px;
}
.monaco-editor .find-widget .button.toggle {
  position: absolute;
  top: 0;
  left: 3px;
  width: 18px;
  height: 100%;
  border-radius: 0;
  box-sizing: border-box;
}
.monaco-editor .find-widget .button.toggle.disabled {
  display: none;
}
.monaco-editor .find-widget .disabled {
  color: var(--vscode-disabledForeground);
  cursor: default;
}
.monaco-editor .find-widget > .replace-part {
  display: none;
}
.monaco-editor .find-widget > .replace-part > .monaco-findInput {
  position: relative;
  display: flex;
  vertical-align: middle;
  flex: auto;
  flex-grow: 0;
  flex-shrink: 0;
}
.monaco-editor .find-widget > .replace-part > .monaco-findInput > .controls {
  position: absolute;
  top: 3px;
  right: 2px;
}
.monaco-editor .find-widget.reduced-find-widget .matchesCount {
  display: none;
}
.monaco-editor .find-widget.narrow-find-widget {
  max-width: 257px !important;
}
.monaco-editor .find-widget.collapsed-find-widget {
  max-width: 170px !important;
}
.monaco-editor .find-widget.collapsed-find-widget .button.previous,
.monaco-editor .find-widget.collapsed-find-widget .button.next,
.monaco-editor .find-widget.collapsed-find-widget .button.replace,
.monaco-editor .find-widget.collapsed-find-widget .button.replace-all,
.monaco-editor .find-widget.collapsed-find-widget > .find-part .monaco-findInput .controls {
  display: none;
}
.monaco-editor .find-widget.no-results .matchesCount {
  color: var(--vscode-errorForeground);
}
.monaco-editor .findMatch {
  animation-duration: 0;
  animation-name: inherit !important;
  background-color: var(--vscode-editor-findMatchHighlightBackground);
}
.monaco-editor .currentFindMatch {
  background-color: var(--vscode-editor-findMatchBackground);
  border: 2px solid var(--vscode-editor-findMatchBorder);
  padding: 1px;
  box-sizing: border-box;
}
.monaco-editor .findScope {
  background-color: var(--vscode-editor-findRangeHighlightBackground);
}
.monaco-editor .find-widget .monaco-sash {
  left: 0 !important;
  background-color: var(--vscode-editorWidget-resizeBorder, var(--vscode-editorWidget-border));
}
.monaco-editor.hc-black .find-widget .button:before {
  position: relative;
  top: 1px;
  left: 2px;
}
.monaco-editor .find-widget .button:not(.disabled):hover,
.monaco-editor .find-widget .codicon-find-selection:hover {
  background-color: var(--vscode-toolbar-hoverBackground) !important;
}
.monaco-editor.findMatch {
  background-color: var(--vscode-editor-findMatchHighlightBackground);
}
.monaco-editor.currentFindMatch {
  background-color: var(--vscode-editor-findMatchBackground);
}
.monaco-editor.findScope {
  background-color: var(--vscode-editor-findRangeHighlightBackground);
}
.monaco-editor.findMatch {
  background-color: var(--vscode-editorWidget-background);
}
.monaco-editor .find-widget > .button.codicon-widget-close {
  position: absolute;
  top: 5px;
  right: 4px;
}

/* ../../../node_modules/monaco-editor/esm/vs/editor/contrib/folding/browser/folding.css */
.monaco-editor .margin-view-overlays .codicon-folding-manual-collapsed,
.monaco-editor .margin-view-overlays .codicon-folding-manual-expanded,
.monaco-editor .margin-view-overlays .codicon-folding-expanded,
.monaco-editor .margin-view-overlays .codicon-folding-collapsed {
  cursor: pointer;
  opacity: 0;
  transition: opacity 0.5s;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 140%;
  margin-left: 2px;
}
.monaco-workbench.reduce-motion .monaco-editor .margin-view-overlays .codicon-folding-manual-collapsed,
.monaco-workbench.reduce-motion .monaco-editor .margin-view-overlays .codicon-folding-manual-expanded,
.monaco-workbench.reduce-motion .monaco-editor .margin-view-overlays .codicon-folding-expanded,
.monaco-workbench.reduce-motion .monaco-editor .margin-view-overlays .codicon-folding-collapsed {
  transition: initial;
}
.monaco-editor .margin-view-overlays:hover .codicon,
.monaco-editor .margin-view-overlays .codicon.codicon-folding-collapsed,
.monaco-editor .margin-view-overlays .codicon.codicon-folding-manual-collapsed,
.monaco-editor .margin-view-overlays .codicon.alwaysShowFoldIcons {
  opacity: 1;
}
.monaco-editor .inline-folded:after {
  color: grey;
  margin: 0.1em 0.2em 0 0.2em;
  content: "\22ef";
  display: inline;
  line-height: 1em;
  cursor: pointer;
}
.monaco-editor .folded-background {
  background-color: var(--vscode-editor-foldBackground);
}
.monaco-editor .cldr.codicon.codicon-folding-expanded,
.monaco-editor .cldr.codicon.codicon-folding-collapsed,
.monaco-editor .cldr.codicon.codicon-folding-manual-expanded,
.monaco-editor .cldr.codicon.codicon-folding-manual-collapsed {
  color: var(--vscode-editorGutter-foldingControlForeground) !important;
}

/* ../../../node_modules/monaco-editor/esm/vs/editor/contrib/inlineCompletions/browser/ghostText.css */
.monaco-editor .suggest-preview-additional-widget {
  white-space: nowrap;
}
.monaco-editor .suggest-preview-additional-widget .content-spacer {
  color: transparent;
  white-space: pre;
}
.monaco-editor .suggest-preview-additional-widget .button {
  display: inline-block;
  cursor: pointer;
  text-decoration: underline;
  text-underline-position: under;
}
.monaco-editor .ghost-text-hidden {
  opacity: 0;
  font-size: 0;
}
.monaco-editor .ghost-text-decoration,
.monaco-editor .suggest-preview-text .ghost-text {
  font-style: italic;
}
.monaco-editor .inline-completion-text-to-replace {
  text-decoration: underline;
  text-underline-position: under;
}
.monaco-editor .ghost-text-decoration,
.monaco-editor .ghost-text-decoration-preview,
.monaco-editor .suggest-preview-text .ghost-text {
  color: var(--vscode-editorGhostText-foreground) !important;
  background-color: var(--vscode-editorGhostText-background);
  border: 1px solid var(--vscode-editorGhostText-border);
}

/* ../../../node_modules/monaco-editor/esm/vs/editor/contrib/snippet/browser/snippetSession.css */
.monaco-editor .snippet-placeholder {
  min-width: 2px;
  outline-style: solid;
  outline-width: 1px;
  background-color: var(--vscode-editor-snippetTabstopHighlightBackground, transparent);
  outline-color: var(--vscode-editor-snippetTabstopHighlightBorder, transparent);
}
.monaco-editor .finish-snippet-placeholder {
  outline-style: solid;
  outline-width: 1px;
  background-color: var(--vscode-editor-snippetFinalTabstopHighlightBackground, transparent);
  outline-color: var(--vscode-editor-snippetFinalTabstopHighlightBorder, transparent);
}

/* ../../../node_modules/monaco-editor/esm/vs/editor/contrib/suggest/browser/media/suggest.css */
.monaco-editor .suggest-widget {
  width: 430px;
  z-index: 40;
  display: flex;
  flex-direction: column;
  border-radius: 3px;
}
.monaco-editor .suggest-widget.message {
  flex-direction: row;
  align-items: center;
}
.monaco-editor .suggest-widget,
.monaco-editor .suggest-details {
  flex: 0 1 auto;
  width: 100%;
  border-style: solid;
  border-width: 1px;
  border-color: var(--vscode-editorSuggestWidget-border);
  background-color: var(--vscode-editorSuggestWidget-background);
}
.monaco-editor.hc-black .suggest-widget,
.monaco-editor.hc-black .suggest-details,
.monaco-editor.hc-light .suggest-widget,
.monaco-editor.hc-light .suggest-details {
  border-width: 2px;
}
.monaco-editor .suggest-widget .suggest-status-bar {
  box-sizing: border-box;
  display: none;
  flex-flow: row nowrap;
  justify-content: space-between;
  width: 100%;
  font-size: 80%;
  padding: 0 4px 0 4px;
  border-top: 1px solid var(--vscode-editorSuggestWidget-border);
  overflow: hidden;
}
.monaco-editor .suggest-widget.with-status-bar .suggest-status-bar {
  display: flex;
}
.monaco-editor .suggest-widget .suggest-status-bar .left {
  padding-right: 8px;
}
.monaco-editor .suggest-widget.with-status-bar .suggest-status-bar .action-label {
  color: var(--vscode-editorSuggestWidgetStatus-foreground);
}
.monaco-editor .suggest-widget.with-status-bar .suggest-status-bar .action-item:not(:last-of-type) .action-label {
  margin-right: 0;
}
.monaco-editor .suggest-widget.with-status-bar .suggest-status-bar .action-item:not(:last-of-type) .action-label::after {
  content: ", ";
  margin-right: 0.3em;
}
.monaco-editor .suggest-widget.with-status-bar .monaco-list .monaco-list-row > .contents > .main > .right > .readMore,
.monaco-editor .suggest-widget.with-status-bar .monaco-list .monaco-list-row.focused.string-label > .contents > .main > .right > .readMore {
  display: none;
}
.monaco-editor .suggest-widget.with-status-bar:not(.docs-side) .monaco-list .monaco-list-row:hover > .contents > .main > .right.can-expand-details > .details-label {
  width: 100%;
}
.monaco-editor .suggest-widget > .message {
  padding-left: 22px;
}
.monaco-editor .suggest-widget > .tree {
  height: 100%;
  width: 100%;
}
.monaco-editor .suggest-widget .monaco-list {
  user-select: none;
  -webkit-user-select: none;
}
.monaco-editor .suggest-widget .monaco-list .monaco-list-row {
  display: flex;
  -mox-box-sizing: border-box;
  box-sizing: border-box;
  padding-right: 10px;
  background-repeat: no-repeat;
  background-position: 2px 2px;
  white-space: nowrap;
  cursor: pointer;
  touch-action: none;
}
.monaco-editor .suggest-widget .monaco-list .monaco-list-row.focused {
  color: var(--vscode-editorSuggestWidget-selectedForeground);
}
.monaco-editor .suggest-widget .monaco-list .monaco-list-row.focused .codicon {
  color: var(--vscode-editorSuggestWidget-selectedIconForeground);
}
.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents {
  flex: 1;
  height: 100%;
  overflow: hidden;
  padding-left: 2px;
}
.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main {
  display: flex;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: pre;
  justify-content: space-between;
}
.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .left,
.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .right {
  display: flex;
}
.monaco-editor .suggest-widget .monaco-list .monaco-list-row:not(.focused) > .contents > .main .monaco-icon-label {
  color: var(--vscode-editorSuggestWidget-foreground);
}
.monaco-editor .suggest-widget:not(.frozen) .monaco-highlighted-label .highlight {
  font-weight: bold;
}
.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main .monaco-highlighted-label .highlight {
  color: var(--vscode-editorSuggestWidget-highlightForeground);
}
.monaco-editor .suggest-widget .monaco-list .monaco-list-row.focused > .contents > .main .monaco-highlighted-label .highlight {
  color: var(--vscode-editorSuggestWidget-focusHighlightForeground);
}
.monaco-editor .suggest-details > .monaco-scrollable-element > .body > .header > .codicon-close,
.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .right > .readMore::before {
  color: inherit;
  opacity: 1;
  font-size: 14px;
  cursor: pointer;
}
.monaco-editor .suggest-details > .monaco-scrollable-element > .body > .header > .codicon-close {
  position: absolute;
  top: 6px;
  right: 2px;
}
.monaco-editor .suggest-details > .monaco-scrollable-element > .body > .header > .codicon-close:hover,
.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .right > .readMore:hover {
  opacity: 1;
}
.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .right > .details-label {
  opacity: 0.7;
}
.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .left > .signature-label {
  overflow: hidden;
  text-overflow: ellipsis;
  opacity: 0.6;
}
.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .left > .qualifier-label {
  margin-left: 12px;
  opacity: 0.4;
  font-size: 85%;
  line-height: initial;
  text-overflow: ellipsis;
  overflow: hidden;
  align-self: center;
}
.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .right > .details-label {
  font-size: 85%;
  margin-left: 1.1em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .right > .details-label > .monaco-tokenized-source {
  display: inline;
}
.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .right > .details-label {
  display: none;
}
.monaco-editor .suggest-widget:not(.shows-details) .monaco-list .monaco-list-row.focused > .contents > .main > .right > .details-label {
  display: inline;
}
.monaco-editor .suggest-widget .monaco-list .monaco-list-row:not(.string-label) > .contents > .main > .right > .details-label,
.monaco-editor .suggest-widget.docs-side .monaco-list .monaco-list-row.focused:not(.string-label) > .contents > .main > .right > .details-label {
  display: inline;
}
.monaco-editor .suggest-widget:not(.docs-side) .monaco-list .monaco-list-row.focused:hover > .contents > .main > .right.can-expand-details > .details-label {
  width: calc(100% - 26px);
}
.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .left {
  flex-shrink: 1;
  flex-grow: 1;
  overflow: hidden;
}
.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .left > .monaco-icon-label {
  flex-shrink: 0;
}
.monaco-editor .suggest-widget .monaco-list .monaco-list-row:not(.string-label) > .contents > .main > .left > .monaco-icon-label {
  max-width: 100%;
}
.monaco-editor .suggest-widget .monaco-list .monaco-list-row.string-label > .contents > .main > .left > .monaco-icon-label {
  flex-shrink: 1;
}
.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .right {
  overflow: hidden;
  flex-shrink: 4;
  max-width: 70%;
}
.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .right > .readMore {
  display: inline-block;
  position: absolute;
  right: 10px;
  width: 18px;
  height: 18px;
  visibility: hidden;
}
.monaco-editor .suggest-widget.docs-side .monaco-list .monaco-list-row > .contents > .main > .right > .readMore {
  display: none !important;
}
.monaco-editor .suggest-widget .monaco-list .monaco-list-row.string-label > .contents > .main > .right > .readMore {
  display: none;
}
.monaco-editor .suggest-widget .monaco-list .monaco-list-row.focused.string-label > .contents > .main > .right > .readMore {
  display: inline-block;
}
.monaco-editor .suggest-widget .monaco-list .monaco-list-row.focused:hover > .contents > .main > .right > .readMore {
  visibility: visible;
}
.monaco-editor .suggest-widget .monaco-list .monaco-list-row .monaco-icon-label.deprecated {
  opacity: 0.66;
  text-decoration: unset;
}
.monaco-editor .suggest-widget .monaco-list .monaco-list-row .monaco-icon-label.deprecated > .monaco-icon-label-container > .monaco-icon-name-container {
  text-decoration: line-through;
}
.monaco-editor .suggest-widget .monaco-list .monaco-list-row .monaco-icon-label::before {
  height: 100%;
}
.monaco-editor .suggest-widget .monaco-list .monaco-list-row .icon {
  display: block;
  height: 16px;
  width: 16px;
  margin-left: 2px;
  background-repeat: no-repeat;
  background-size: 80%;
  background-position: center;
}
.monaco-editor .suggest-widget .monaco-list .monaco-list-row .icon.hide {
  display: none;
}
.monaco-editor .suggest-widget .monaco-list .monaco-list-row .suggest-icon {
  display: flex;
  align-items: center;
  margin-right: 4px;
}
.monaco-editor .suggest-widget.no-icons .monaco-list .monaco-list-row .icon,
.monaco-editor .suggest-widget.no-icons .monaco-list .monaco-list-row .suggest-icon::before {
  display: none;
}
.monaco-editor .suggest-widget .monaco-list .monaco-list-row .icon.customcolor .colorspan {
  margin: 0 0 0 0.3em;
  border: 0.1em solid #000;
  width: 0.7em;
  height: 0.7em;
  display: inline-block;
}
.monaco-editor .suggest-details-container {
  z-index: 41;
}
.monaco-editor .suggest-details {
  display: flex;
  flex-direction: column;
  cursor: default;
  color: var(--vscode-editorSuggestWidget-foreground);
}
.monaco-editor .suggest-details.focused {
  border-color: var(--vscode-focusBorder);
}
.monaco-editor .suggest-details a {
  color: var(--vscode-textLink-foreground);
}
.monaco-editor .suggest-details a:hover {
  color: var(--vscode-textLink-activeForeground);
}
.monaco-editor .suggest-details code {
  background-color: var(--vscode-textCodeBlock-background);
}
.monaco-editor .suggest-details.no-docs {
  display: none;
}
.monaco-editor .suggest-details > .monaco-scrollable-element {
  flex: 1;
}
.monaco-editor .suggest-details > .monaco-scrollable-element > .body {
  box-sizing: border-box;
  height: 100%;
  width: 100%;
}
.monaco-editor .suggest-details > .monaco-scrollable-element > .body > .header > .type {
  flex: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  opacity: 0.7;
  white-space: pre;
  margin: 0 24px 0 0;
  padding: 4px 0 12px 5px;
}
.monaco-editor .suggest-details > .monaco-scrollable-element > .body > .header > .type.auto-wrap {
  white-space: normal;
  word-break: break-all;
}
.monaco-editor .suggest-details > .monaco-scrollable-element > .body > .docs {
  margin: 0;
  padding: 4px 5px;
  white-space: pre-wrap;
}
.monaco-editor .suggest-details.no-type > .monaco-scrollable-element > .body > .docs {
  margin-right: 24px;
  overflow: hidden;
}
.monaco-editor .suggest-details > .monaco-scrollable-element > .body > .docs.markdown-docs {
  padding: 0;
  white-space: initial;
  min-height: calc(1rem + 8px);
}
.monaco-editor .suggest-details > .monaco-scrollable-element > .body > .docs.markdown-docs > div,
.monaco-editor .suggest-details > .monaco-scrollable-element > .body > .docs.markdown-docs > span:not(:empty) {
  padding: 4px 5px;
}
.monaco-editor .suggest-details > .monaco-scrollable-element > .body > .docs.markdown-docs > div > p:first-child {
  margin-top: 0;
}
.monaco-editor .suggest-details > .monaco-scrollable-element > .body > .docs.markdown-docs > div > p:last-child {
  margin-bottom: 0;
}
.monaco-editor .suggest-details > .monaco-scrollable-element > .body > .docs.markdown-docs .monaco-tokenized-source {
  white-space: pre;
}
.monaco-editor .suggest-details > .monaco-scrollable-element > .body > .docs .code {
  white-space: pre-wrap;
  word-wrap: break-word;
}
.monaco-editor .suggest-details > .monaco-scrollable-element > .body > .docs.markdown-docs .codicon {
  vertical-align: sub;
}
.monaco-editor .suggest-details > .monaco-scrollable-element > .body > p:empty {
  display: none;
}
.monaco-editor .suggest-details code {
  border-radius: 3px;
  padding: 0 0.4em;
}
.monaco-editor .suggest-details ul {
  padding-left: 20px;
}
.monaco-editor .suggest-details ol {
  padding-left: 20px;
}
.monaco-editor .suggest-details p code {
  font-family: var(--monaco-monospace-font);
}

/* ../../../node_modules/monaco-editor/esm/vs/editor/contrib/gotoSymbol/browser/link/goToDefinitionAtPosition.css */
.monaco-editor .goto-definition-link {
  text-decoration: underline;
  cursor: pointer;
  color: var(--vscode-editorLink-activeForeground) !important;
}

/* ../../../node_modules/monaco-editor/esm/vs/editor/contrib/gotoError/browser/media/gotoErrorWidget.css */
.monaco-editor .peekview-widget .head .peekview-title .severity-icon {
  display: inline-block;
  vertical-align: text-top;
  margin-right: 4px;
}
.monaco-editor .marker-widget {
  text-overflow: ellipsis;
  white-space: nowrap;
}
.monaco-editor .marker-widget > .stale {
  opacity: 0.6;
  font-style: italic;
}
.monaco-editor .marker-widget .title {
  display: inline-block;
  padding-right: 5px;
}
.monaco-editor .marker-widget .descriptioncontainer {
  position: absolute;
  white-space: pre;
  user-select: text;
  -webkit-user-select: text;
  padding: 8px 12px 0 20px;
}
.monaco-editor .marker-widget .descriptioncontainer .message {
  display: flex;
  flex-direction: column;
}
.monaco-editor .marker-widget .descriptioncontainer .message .details {
  padding-left: 6px;
}
.monaco-editor .marker-widget .descriptioncontainer .message .source,
.monaco-editor .marker-widget .descriptioncontainer .message span.code {
  opacity: 0.6;
}
.monaco-editor .marker-widget .descriptioncontainer .message a.code-link {
  opacity: 0.6;
  color: inherit;
}
.monaco-editor .marker-widget .descriptioncontainer .message a.code-link:before {
  content: "(";
}
.monaco-editor .marker-widget .descriptioncontainer .message a.code-link:after {
  content: ")";
}
.monaco-editor .marker-widget .descriptioncontainer .message a.code-link > span {
  text-decoration: underline;
  border-bottom: 1px solid transparent;
  text-underline-position: under;
  color: var(--vscode-textLink-activeForeground);
}
.monaco-editor .marker-widget .descriptioncontainer .filename {
  cursor: pointer;
  color: var(--vscode-textLink-activeForeground);
}

/* ../../../node_modules/monaco-editor/esm/vs/platform/severityIcon/browser/media/severityIcon.css */
.monaco-editor .zone-widget .codicon.codicon-error,
.markers-panel .marker-icon.error,
.markers-panel .marker-icon .codicon.codicon-error,
.text-search-provider-messages .providerMessage .codicon.codicon-error,
.extensions-viewlet > .extensions .codicon.codicon-error,
.extension-editor .codicon.codicon-error,
.preferences-editor .codicon.codicon-error {
  color: var(--vscode-problemsErrorIcon-foreground);
}
.monaco-editor .zone-widget .codicon.codicon-warning,
.markers-panel .marker-icon.warning,
.markers-panel .marker-icon .codicon.codicon-warning,
.text-search-provider-messages .providerMessage .codicon.codicon-warning,
.extensions-viewlet > .extensions .codicon.codicon-warning,
.extension-editor .codicon.codicon-warning,
.preferences-editor .codicon.codicon-warning {
  color: var(--vscode-problemsWarningIcon-foreground);
}
.monaco-editor .zone-widget .codicon.codicon-info,
.markers-panel .marker-icon.info,
.markers-panel .marker-icon .codicon.codicon-info,
.text-search-provider-messages .providerMessage .codicon.codicon-info,
.extensions-viewlet > .extensions .codicon.codicon-info,
.extension-editor .codicon.codicon-info,
.preferences-editor .codicon.codicon-info {
  color: var(--vscode-problemsInfoIcon-foreground);
}

/* ../../../node_modules/monaco-editor/esm/vs/editor/contrib/inPlaceReplace/browser/inPlaceReplace.css */
.monaco-editor.vs .valueSetReplacement {
  outline: solid 2px var(--vscode-editorBracketMatch-border);
}

/* ../../../node_modules/monaco-editor/esm/vs/editor/contrib/linkedEditing/browser/linkedEditing.css */
.monaco-editor .linked-editing-decoration {
  background-color: var(--vscode-editor-linkedEditingBackground);
  min-width: 1px;
}

/* ../../../node_modules/monaco-editor/esm/vs/editor/contrib/links/browser/links.css */
.monaco-editor .detected-link,
.monaco-editor .detected-link-active {
  text-decoration: underline;
  text-underline-position: under;
}
.monaco-editor .detected-link-active {
  cursor: pointer;
  color: var(--vscode-editorLink-activeForeground) !important;
}

/* ../../../node_modules/monaco-editor/esm/vs/editor/contrib/wordHighlighter/browser/highlightDecorations.css */
.monaco-editor .focused .selectionHighlight {
  background-color: var(--vscode-editor-selectionHighlightBackground);
  box-sizing: border-box;
  border: 1px solid var(--vscode-editor-selectionHighlightBorder);
}
.monaco-editor.hc-black .focused .selectionHighlight,
.monaco-editor.hc-light .focused .selectionHighlight {
  border-style: dotted;
}
.monaco-editor .wordHighlight {
  background-color: var(--vscode-editor-wordHighlightBackground);
  box-sizing: border-box;
  border: 1px solid var(--vscode-editor-wordHighlightBorder);
}
.monaco-editor.hc-black .wordHighlight,
.monaco-editor.hc-light .wordHighlight {
  border-style: dotted;
}
.monaco-editor .wordHighlightStrong {
  background-color: var(--vscode-editor-wordHighlightStrongBackground);
  box-sizing: border-box;
  border: 1px solid var(--vscode-editor-wordHighlightStrongBorder);
}
.monaco-editor.hc-black .wordHighlightStrong,
.monaco-editor.hc-light .wordHighlightStrong {
  border-style: dotted;
}
.monaco-editor .wordHighlightText {
  background-color: var(--vscode-editor-wordHighlightTextBackground);
  box-sizing: border-box;
  border: 1px solid var(--vscode-editor-wordHighlightTextBorder);
}
.monaco-editor.hc-black .wordHighlightText,
.monaco-editor.hc-light .wordHighlightText {
  border-style: dotted;
}

/* ../../../node_modules/monaco-editor/esm/vs/editor/contrib/inlineEdit/browser/inlineEdit.css */
.monaco-editor .inline-edit-remove {
  background-color: var(--vscode-editorGhostText-background);
  font-style: italic;
  text-decoration: line-through;
}
.monaco-editor .inline-edit-remove.backgroundColoring {
  background-color: var(--vscode-diffEditor-removedLineBackground);
}
.monaco-editor .inline-edit-hidden {
  opacity: 0;
  font-size: 0;
}
.monaco-editor .inline-edit-decoration,
.monaco-editor .suggest-preview-text .inline-edit {
  font-style: italic;
}
.monaco-editor .inline-completion-text-to-replace {
  text-decoration: underline;
  text-underline-position: under;
}
.monaco-editor .inline-edit-decoration,
.monaco-editor .inline-edit-decoration-preview,
.monaco-editor .suggest-preview-text .inline-edit {
  color: var(--vscode-editorGhostText-foreground) !important;
  background-color: var(--vscode-editorGhostText-background);
  border: 1px solid var(--vscode-editorGhostText-border);
}

/* ../../../node_modules/monaco-editor/esm/vs/editor/contrib/inlineEdit/browser/inlineEditHintsWidget.css */
.monaco-editor .inlineEditHints.withBorder {
  z-index: 39;
  color: var(--vscode-editorHoverWidget-foreground);
  background-color: var(--vscode-editorHoverWidget-background);
  border: 1px solid var(--vscode-editorHoverWidget-border);
}
.monaco-editor .inlineEditHints a {
  color: var(--vscode-foreground);
}
.monaco-editor .inlineEditHints a:hover {
  color: var(--vscode-foreground);
}
.monaco-editor .inlineEditHints .keybinding {
  display: flex;
  margin-left: 4px;
  opacity: 0.6;
}
.monaco-editor .inlineEditHints .keybinding .monaco-keybinding-key {
  font-size: 8px;
  padding: 2px 3px;
}
.monaco-editor .inlineEditStatusBarItemLabel {
  margin-right: 2px;
}

/* ../../../node_modules/monaco-editor/esm/vs/editor/contrib/parameterHints/browser/parameterHints.css */
.monaco-editor .parameter-hints-widget {
  z-index: 39;
  display: flex;
  flex-direction: column;
  line-height: 1.5em;
  cursor: default;
  color: var(--vscode-editorHoverWidget-foreground);
  background-color: var(--vscode-editorHoverWidget-background);
  border: 1px solid var(--vscode-editorHoverWidget-border);
}
.hc-black .monaco-editor .parameter-hints-widget,
.hc-light .monaco-editor .parameter-hints-widget {
  border-width: 2px;
}
.monaco-editor .parameter-hints-widget > .phwrapper {
  max-width: 440px;
  display: flex;
  flex-direction: row;
}
.monaco-editor .parameter-hints-widget.multiple {
  min-height: 3.3em;
  padding: 0;
}
.monaco-editor .parameter-hints-widget.multiple .body::before {
  content: "";
  display: block;
  height: 100%;
  position: absolute;
  opacity: 0.5;
  border-left: 1px solid var(--vscode-editorHoverWidget-border);
}
.monaco-editor .parameter-hints-widget p,
.monaco-editor .parameter-hints-widget ul {
  margin: 8px 0;
}
.monaco-editor .parameter-hints-widget .monaco-scrollable-element,
.monaco-editor .parameter-hints-widget .body {
  display: flex;
  flex: 1;
  flex-direction: column;
  min-height: 100%;
}
.monaco-editor .parameter-hints-widget .signature {
  padding: 4px 5px;
  position: relative;
}
.monaco-editor .parameter-hints-widget .signature.has-docs::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  width: 100%;
  padding-top: 4px;
  opacity: 0.5;
  border-bottom: 1px solid var(--vscode-editorHoverWidget-border);
}
.monaco-editor .parameter-hints-widget .docs {
  padding: 0 10px 0 5px;
  white-space: pre-wrap;
}
.monaco-editor .parameter-hints-widget .docs.empty {
  display: none;
}
.monaco-editor .parameter-hints-widget .docs a {
  color: var(--vscode-textLink-foreground);
}
.monaco-editor .parameter-hints-widget .docs a:hover {
  color: var(--vscode-textLink-activeForeground);
  cursor: pointer;
}
.monaco-editor .parameter-hints-widget .docs .markdown-docs {
  white-space: initial;
}
.monaco-editor .parameter-hints-widget .docs code {
  font-family: var(--monaco-monospace-font);
  border-radius: 3px;
  padding: 0 0.4em;
  background-color: var(--vscode-textCodeBlock-background);
}
.monaco-editor .parameter-hints-widget .docs .monaco-tokenized-source,
.monaco-editor .parameter-hints-widget .docs .code {
  white-space: pre-wrap;
}
.monaco-editor .parameter-hints-widget .controls {
  display: none;
  flex-direction: column;
  align-items: center;
  min-width: 22px;
  justify-content: flex-end;
}
.monaco-editor .parameter-hints-widget.multiple .controls {
  display: flex;
  padding: 0 2px;
}
.monaco-editor .parameter-hints-widget.multiple .button {
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  cursor: pointer;
}
.monaco-editor .parameter-hints-widget .button.previous {
  bottom: 24px;
}
.monaco-editor .parameter-hints-widget .overloads {
  text-align: center;
  height: 12px;
  line-height: 12px;
  font-family: var(--monaco-monospace-font);
}
.monaco-editor .parameter-hints-widget .signature .parameter.active {
  color: var(--vscode-editorHoverWidget-highlightForeground);
  font-weight: bold;
}
.monaco-editor .parameter-hints-widget .documentation-parameter > .parameter {
  font-weight: bold;
  margin-right: 0.5em;
}

/* ../../../node_modules/monaco-editor/esm/vs/editor/contrib/rename/browser/renameWidget.css */
.monaco-editor .rename-box {
  z-index: 100;
  color: inherit;
  border-radius: 4px;
}
.monaco-editor .rename-box.preview {
  padding: 4px 4px 0 4px;
}
.monaco-editor .rename-box .rename-input-with-button {
  padding: 3px;
  border-radius: 2px;
  width: calc(100% - 8px);
}
.monaco-editor .rename-box .rename-input {
  width: calc(100% - 8px);
  padding: 0;
}
.monaco-editor .rename-box .rename-input:focus {
  outline: none;
}
.monaco-editor .rename-box .rename-suggestions-button {
  display: flex;
  align-items: center;
  padding: 3px;
  background-color: transparent;
  border: none;
  border-radius: 5px;
  cursor: pointer;
}
.monaco-editor .rename-box .rename-suggestions-button:hover {
  background-color: var(--vscode-toolbar-hoverBackground);
}
.monaco-editor .rename-box .rename-candidate-list-container .monaco-list-row {
  border-radius: 2px;
}
.monaco-editor .rename-box .rename-label {
  display: none;
  opacity: .8;
}
.monaco-editor .rename-box.preview .rename-label {
  display: inherit;
}

/* ../../../node_modules/monaco-editor/esm/vs/editor/contrib/stickyScroll/browser/stickyScroll.css */
.monaco-editor .sticky-widget {
  overflow: hidden;
}
.monaco-editor .sticky-widget-line-numbers {
  float: left;
  background-color: inherit;
}
.monaco-editor .sticky-widget-lines-scrollable {
  display: inline-block;
  position: absolute;
  overflow: hidden;
  width: var(--vscode-editorStickyScroll-scrollableWidth);
  background-color: inherit;
}
.monaco-editor .sticky-widget-lines {
  position: absolute;
  background-color: inherit;
}
.monaco-editor .sticky-line-number,
.monaco-editor .sticky-line-content {
  color: var(--vscode-editorLineNumber-foreground);
  white-space: nowrap;
  display: inline-block;
  position: absolute;
  background-color: inherit;
}
.monaco-editor .sticky-line-number .codicon-folding-expanded,
.monaco-editor .sticky-line-number .codicon-folding-collapsed {
  float: right;
  transition: var(--vscode-editorStickyScroll-foldingOpacityTransition);
}
.monaco-editor .sticky-line-content {
  width: var(--vscode-editorStickyScroll-scrollableWidth);
  background-color: inherit;
  white-space: nowrap;
}
.monaco-editor .sticky-line-number-inner {
  display: inline-block;
  text-align: right;
}
.monaco-editor .sticky-widget {
  border-bottom: 1px solid var(--vscode-editorStickyScroll-border);
}
.monaco-editor .sticky-line-content:hover {
  background-color: var(--vscode-editorStickyScrollHover-background);
  cursor: pointer;
}
.monaco-editor .sticky-widget {
  width: 100%;
  box-shadow: var(--vscode-editorStickyScroll-shadow) 0 3px 2px -2px;
  z-index: 4;
  background-color: var(--vscode-editorStickyScroll-background);
}
.monaco-editor .sticky-widget.peek {
  background-color: var(--vscode-peekViewEditorStickyScroll-background);
}

/* ../../../node_modules/monaco-editor/esm/vs/editor/contrib/unicodeHighlighter/browser/unicodeHighlighter.css */
.monaco-editor .unicode-highlight {
  border: 1px solid var(--vscode-editorUnicodeHighlight-border);
  background-color: var(--vscode-editorUnicodeHighlight-background);
  box-sizing: border-box;
}

/* ../../../node_modules/monaco-editor/esm/vs/editor/contrib/unicodeHighlighter/browser/bannerController.css */
.editor-banner {
  box-sizing: border-box;
  cursor: default;
  width: 100%;
  font-size: 12px;
  display: flex;
  overflow: visible;
  height: 26px;
  background: var(--vscode-banner-background);
}
.editor-banner .icon-container {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  padding: 0 6px 0 10px;
}
.editor-banner .icon-container.custom-icon {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 16px;
  width: 16px;
  padding: 0;
  margin: 0 6px 0 10px;
}
.editor-banner .message-container {
  display: flex;
  align-items: center;
  line-height: 26px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.editor-banner .message-container p {
  margin-block-start: 0;
  margin-block-end: 0;
}
.editor-banner .message-actions-container {
  flex-grow: 1;
  flex-shrink: 0;
  line-height: 26px;
  margin: 0 4px;
}
.editor-banner .message-actions-container a.monaco-button {
  width: inherit;
  margin: 2px 8px;
  padding: 0px 12px;
}
.editor-banner .message-actions-container a {
  padding: 3px;
  margin-left: 12px;
  text-decoration: underline;
}
.editor-banner .action-container {
  padding: 0 10px 0 6px;
}
.editor-banner {
  background-color: var(--vscode-banner-background);
}
.editor-banner,
.editor-banner .action-container .codicon,
.editor-banner .message-actions-container .monaco-link {
  color: var(--vscode-banner-foreground);
}
.editor-banner .icon-container .codicon {
  color: var(--vscode-banner-iconForeground);
}

/* ../../../node_modules/monaco-editor/esm/vs/platform/opener/browser/link.css */
.monaco-link {
  color: var(--vscode-textLink-foreground);
}
.monaco-link:hover {
  color: var(--vscode-textLink-activeForeground);
}

/* ../../../node_modules/monaco-editor/esm/vs/editor/standalone/browser/iPadShowKeyboard/iPadShowKeyboard.css */
.monaco-editor .iPadShowKeyboard {
  width: 58px;
  min-width: 0;
  height: 36px;
  min-height: 0;
  margin: 0;
  padding: 0;
  position: absolute;
  resize: none;
  overflow: hidden;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTMiIGhlaWdodD0iMzYiIHZpZXdCb3g9IjAgMCA1MyAzNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwKSI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNDguMDM2NCA0LjAxMDQySDQuMDA3NzlMNC4wMDc3OSAzMi4wMjg2SDQ4LjAzNjRWNC4wMTA0MlpNNC4wMDc3OSAwLjAwNzgxMjVDMS43OTcyMSAwLjAwNzgxMjUgMC4wMDUxODc5OSAxLjc5OTg0IDAuMDA1MTg3OTkgNC4wMTA0MlYzMi4wMjg2QzAuMDA1MTg3OTkgMzQuMjM5MiAxLjc5NzIxIDM2LjAzMTIgNC4wMDc3OSAzNi4wMzEySDQ4LjAzNjRDNTAuMjQ3IDM2LjAzMTIgNTIuMDM5IDM0LjIzOTIgNTIuMDM5IDMyLjAyODZWNC4wMTA0MkM1Mi4wMzkgMS43OTk4NCA1MC4yNDcgMC4wMDc4MTI1IDQ4LjAzNjQgMC4wMDc4MTI1SDQuMDA3NzlaTTguMDEwNDIgOC4wMTMwMkgxMi4wMTNWMTIuMDE1Nkg4LjAxMDQyVjguMDEzMDJaTTIwLjAxODIgOC4wMTMwMkgxNi4wMTU2VjEyLjAxNTZIMjAuMDE4MlY4LjAxMzAyWk0yNC4wMjA4IDguMDEzMDJIMjguMDIzNFYxMi4wMTU2SDI0LjAyMDhWOC4wMTMwMlpNMzYuMDI4NiA4LjAxMzAySDMyLjAyNlYxMi4wMTU2SDM2LjAyODZWOC4wMTMwMlpNNDAuMDMxMiA4LjAxMzAySDQ0LjAzMzlWMTIuMDE1Nkg0MC4wMzEyVjguMDEzMDJaTTE2LjAxNTYgMTYuMDE4Mkg4LjAxMDQyVjIwLjAyMDhIMTYuMDE1NlYxNi4wMTgyWk0yMC4wMTgyIDE2LjAxODJIMjQuMDIwOFYyMC4wMjA4SDIwLjAxODJWMTYuMDE4MlpNMzIuMDI2IDE2LjAxODJIMjguMDIzNFYyMC4wMjA4SDMyLjAyNlYxNi4wMTgyWk00NC4wMzM5IDE2LjAxODJWMjAuMDIwOEgzNi4wMjg2VjE2LjAxODJINDQuMDMzOVpNMTIuMDEzIDI0LjAyMzRIOC4wMTA0MlYyOC4wMjZIMTIuMDEzVjI0LjAyMzRaTTE2LjAxNTYgMjQuMDIzNEgzNi4wMjg2VjI4LjAyNkgxNi4wMTU2VjI0LjAyMzRaTTQ0LjAzMzkgMjQuMDIzNEg0MC4wMzEyVjI4LjAyNkg0NC4wMzM5VjI0LjAyMzRaIiBmaWxsPSIjNDI0MjQyIi8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDAiPgo8cmVjdCB3aWR0aD0iNTMiIGhlaWdodD0iMzYiIGZpbGw9IndoaXRlIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==) center center no-repeat;
  border: 4px solid #F6F6F6;
  border-radius: 4px;
}
.monaco-editor.vs-dark .iPadShowKeyboard {
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTMiIGhlaWdodD0iMzYiIHZpZXdCb3g9IjAgMCA1MyAzNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwKSI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNDguMDM2NCA0LjAxMDQySDQuMDA3NzlMNC4wMDc3OSAzMi4wMjg2SDQ4LjAzNjRWNC4wMTA0MlpNNC4wMDc3OSAwLjAwNzgxMjVDMS43OTcyMSAwLjAwNzgxMjUgMC4wMDUxODc5OSAxLjc5OTg0IDAuMDA1MTg3OTkgNC4wMTA0MlYzMi4wMjg2QzAuMDA1MTg3OTkgMzQuMjM5MiAxLjc5NzIxIDM2LjAzMTIgNC4wMDc3OSAzNi4wMzEySDQ4LjAzNjRDNTAuMjQ3IDM2LjAzMTIgNTIuMDM5IDM0LjIzOTIgNTIuMDM5IDMyLjAyODZWNC4wMTA0MkM1Mi4wMzkgMS43OTk4NCA1MC4yNDcgMC4wMDc4MTI1IDQ4LjAzNjQgMC4wMDc4MTI1SDQuMDA3NzlaTTguMDEwNDIgOC4wMTMwMkgxMi4wMTNWMTIuMDE1Nkg4LjAxMDQyVjguMDEzMDJaTTIwLjAxODIgOC4wMTMwMkgxNi4wMTU2VjEyLjAxNTZIMjAuMDE4MlY4LjAxMzAyWk0yNC4wMjA4IDguMDEzMDJIMjguMDIzNFYxMi4wMTU2SDI0LjAyMDhWOC4wMTMwMlpNMzYuMDI4NiA4LjAxMzAySDMyLjAyNlYxMi4wMTU2SDM2LjAyODZWOC4wMTMwMlpNNDAuMDMxMiA4LjAxMzAySDQ0LjAzMzlWMTIuMDE1Nkg0MC4wMzEyVjguMDEzMDJaTTE2LjAxNTYgMTYuMDE4Mkg4LjAxMDQyVjIwLjAyMDhIMTYuMDE1NlYxNi4wMTgyWk0yMC4wMTgyIDE2LjAxODJIMjQuMDIwOFYyMC4wMjA4SDIwLjAxODJWMTYuMDE4MlpNMzIuMDI2IDE2LjAxODJIMjguMDIzNFYyMC4wMjA4SDMyLjAyNlYxNi4wMTgyWk00NC4wMzM5IDE2LjAxODJWMjAuMDIwOEgzNi4wMjg2VjE2LjAxODJINDQuMDMzOVpNMTIuMDEzIDI0LjAyMzRIOC4wMTA0MlYyOC4wMjZIMTIuMDEzVjI0LjAyMzRaTTE2LjAxNTYgMjQuMDIzNEgzNi4wMjg2VjI4LjAyNkgxNi4wMTU2VjI0LjAyMzRaTTQ0LjAzMzkgMjQuMDIzNEg0MC4wMzEyVjI4LjAyNkg0NC4wMzM5VjI0LjAyMzRaIiBmaWxsPSIjQzVDNUM1Ii8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDAiPgo8cmVjdCB3aWR0aD0iNTMiIGhlaWdodD0iMzYiIGZpbGw9IndoaXRlIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==) center center no-repeat;
  border: 4px solid #252526;
}

/* ../../../node_modules/monaco-editor/esm/vs/editor/standalone/browser/inspectTokens/inspectTokens.css */
.monaco-editor .tokens-inspect-widget {
  z-index: 50;
  user-select: text;
  -webkit-user-select: text;
  padding: 10px;
  color: var(--vscode-editorHoverWidget-foreground);
  background-color: var(--vscode-editorHoverWidget-background);
  border: 1px solid var(--vscode-editorHoverWidget-border);
}
.monaco-editor.hc-black .tokens-inspect-widget,
.monaco-editor.hc-light .tokens-inspect-widget {
  border-width: 2px;
}
.monaco-editor .tokens-inspect-widget .tokens-inspect-separator {
  height: 1px;
  border: 0;
  background-color: var(--vscode-editorHoverWidget-border);
}
.monaco-editor .tokens-inspect-widget .tm-token {
  font-family: var(--monaco-monospace-font);
}
.monaco-editor .tokens-inspect-widget .tm-token-length {
  font-weight: normal;
  font-size: 60%;
  float: right;
}
.monaco-editor .tokens-inspect-widget .tm-metadata-table {
  width: 100%;
}
.monaco-editor .tokens-inspect-widget .tm-metadata-value {
  font-family: var(--monaco-monospace-font);
  text-align: right;
}
.monaco-editor .tokens-inspect-widget .tm-token-type {
  font-family: var(--monaco-monospace-font);
}

/* wyw-in-js:DarkModeProvider.styles_ksiyyo.wyw.css */
.disableTransitions_d1r6g833 * {
  -webkit-transition: none !important;
  transition: none !important;
}

/* wyw-in-js:ToolbarItem.styles_1akbe0c.wyw.css */
.container_c1mhlhgs {
  position: relative;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: var(--framer-fresco-inputHeight-dimension, 30px);
  padding: 0 10px 0 7px;
  border: none;
  border-radius: 8px;
  margin: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
  background-color: transparent;
  color: var(--framer-fresco-toolbarButtonTextSites-color, #888888);
  font-size: var(--framer-fresco-base-font-size, 12px);
  font-weight: var(--framer-fresco-heading-font-weight, 600);
  outline: none;
  -webkit-text-decoration: none;
  text-decoration: none;
  -webkit-transition: background-color 0.15s, color 0.15s;
  transition: background-color 0.15s, color 0.15s;
  -webkit-user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.container_c1mhlhgs svg {
  color: var(--framer-fresco-toolbarButtonIconSites-color, #888888);
  -webkit-transition: color 0.1s;
  transition: color 0.1s;
  pointer-events: none;
}
.container_c1mhlhgs span {
  padding-bottom: 1px;
}
.container_c1mhlhgs.enabled_e1b164do {
  cursor: pointer;
}
.container_c1mhlhgs.enabled_e1b164do:hover {
  color: var(--framer-fresco-toolbarButtonTextActiveSites-color, #222222);
}
.container_c1mhlhgs.enabled_e1b164do:hover svg {
  color: var(--framer-fresco-toolbarButtonTextActiveSites-color, #222222);
}
.container_c1mhlhgs.disabled_dqjgxy5 {
  opacity: 0.5;
}
.iconOnlyButton_iucnbqk {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: var(--framer-fresco-inputHeight-dimension, 30px);
  height: var(--framer-fresco-inputHeight-dimension, 30px);
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  padding: 0;
}
.buttonSelected_bq3ttmp {
  background-color: var(--framer-fresco-toolbarButtonBackgroundActiveSites-color, #f3f3f3);
  color: var(--framer-fresco-toolbarButtonTextActiveSites-color, #222222);
}
.buttonSelected_bq3ttmp svg {
  color: var(--framer-fresco-toolbarButtonTextActiveSites-color, #222222);
}
.indicatorDot_i1o77rkk {
  position: absolute;
  z-index: 1;
  top: 2px;
  right: 2px;
  display: block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: var(--framer-fresco-tint-color, #0099ff);
  pointer-events: none;
}

/* wyw-in-js:LocaleFlag.styles_1ruov63.wyw.css */
.flag_f1b82fp4 {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: var(--framer-fresco-cmsSidebarFlagIconWidth-dimension, 16px);
  height: var(--framer-fresco-cmsSidebarFlagIconWidth-dimension, 16px);
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.flag_f1b82fp4 img {
  display: block;
  width: 100%;
  margin: 0;
  -webkit-filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.2));
  filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.2));
}
.flagLarge_fhaqkv0 {
  width: 20px;
  height: 20px;
}
.flagTiny_f15ijstt {
  width: 12px;
  height: 12px;
}
.localeCodeWithoutFlag_lrbq29w {
  display: block;
  padding: 2px;
  border-radius: 2px;
  background-color: var(--framer-fresco-toolbarButtonIconSites-color, #888888);
  color: var(--framer-fresco-panelBackground-color, #ffffff);
  -webkit-filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.2));
  filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.2));
  font-size: 8px;
  font-weight: var(--framer-fresco-headingBold-font-weight, 700);
  line-height: 1em;
  text-align: center;
  text-transform: uppercase;
}
.flagLarge_fhaqkv0 .localeCodeWithoutFlag_lrbq29w {
  border-radius: 3px;
  font-size: 11px;
}
.flagTiny_f15ijstt .localeCodeWithoutFlag_lrbq29w {
  padding: 1px;
}
.withoutFlagSmall_w3bjmcz {
  width: var(--framer-fresco-cmsSidebarFlagIconWidth-dimension, 16px);
}
.flagLarge_fhaqkv0 .withoutFlagSmall_w3bjmcz {
  width: 20px;
}

/* wyw-in-js:FloatingToolbar.styles_1yx7qa2.wyw.css */
.floatingBar_fieamjh {
  position: fixed;
  z-index: 2;
  bottom: calc(var(--framerInternalUI-floatingToolbarBottom));
  left: 50%;
  height: var(--framer-fresco-floatingToolbarHeight-dimension, 50px);
  border-radius: 18px;
  background-color: var(--framer-fresco-panelBackground-color, #ffffff);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  box-shadow: var(--framer-fresco-canvasTooltip-shadow, 0px 3px 6px 0px rgba(0, 0, 0, 0.08), 0px 0px 0px 1px rgba(0, 0, 0, 0.05));
}
.floatingBarInFrontOfQuickActions_f1ld410 {
  z-index: 23;
}
.divider_dms40pa {
  width: 1px;
  height: 1fr;
  background-color: var(--framer-fresco-panelDivider-color, #eeeeee);
}
.button_b1900yzy {
  font-size: var(--framer-fresco-base-font-size, 12px);
  font-weight: var(--framer-fresco-heading-font-weight, 600);
}
.tintedButton_t168sm3g {
  background-color: var(--framer-fresco-toolbarButtonBackgroundTintedSites-color, color(display-p3 0 0.6 1 / 0.1));
  box-shadow: none;
  color: var(--framer-fresco-tint-color, #0099ff);
}
.tintedButton_t168sm3g:focus-visible:not(:disabled),
.tintedButton_t168sm3g:hover:not(:disabled) {
  background-color: var(--framer-fresco-toolbarButtonBackgroundTintedSites-color, color(display-p3 0 0.6 1 / 0.1));
  box-shadow: none;
  color: var(--framer-fresco-tint-color, #0099ff);
}
.tintedButton_t168sm3g:active:focus-visible:not(:disabled),
.tintedButton_t168sm3g:active:hover:not(:disabled) {
  background-color: var(--framer-fresco-toolbarButtonBackgroundTintedSites-color, color(display-p3 0 0.6 1 / 0.1));
  box-shadow: none;
  color: var(--framer-fresco-tint-color, #0099ff);
}

/* wyw-in-js:ToolbarZoomMenu.styles_xgy13r.wyw.css */
.zoomButton_zt1ddm5 {
  position: relative;
  width: 70px;
  height: var(--framer-fresco-inputHeight-dimension, 30px);
  box-sizing: border-box;
  padding: 0 7px;
  border-radius: 8px;
  background-color: var(--framer-fresco-toolbarButtonBackgroundActiveSites-color, #f3f3f3);
  color: var(--framer-fresco-inputText-color, #333333);
  cursor: pointer;
  font-size: var(--framer-fresco-base-font-size, 12px);
  font-variant-numeric: tabular-nums;
  font-weight: var(--framer-fresco-base-font-weight, 500);
  line-height: var(--framer-fresco-base-font-size, 12px);
  -webkit-text-decoration: none;
  text-decoration: none;
  -webkit-user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.zoomButton_zt1ddm5 svg {
  color: var(--framer-fresco-inputIcon-color, #999999);
}

/* wyw-in-js:IconComment.styles_1nqgo1t.wyw.css */
.container_c37vw1j {
  position: relative;
  width: 20px;
  height: 20px;
}
.unreadIcon_udqjqml {
  position: absolute;
  z-index: 2;
  top: -5px;
  right: -5px;
  pointer-events: none;
}
.agentContainer_akenek1 {
  position: relative;
  width: 30px;
  height: 30px;
}
.unreadIconAgent_ul8ek9m {
  position: absolute;
  z-index: 2;
  top: 1px;
  right: 1px;
  pointer-events: none;
}

/* wyw-in-js:QuickActionsCategoryTag.styles_1d7nkfh.wyw.css */
.tag_tg66tfe {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  max-width: 150px;
  height: 30px;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 10px;
  border-radius: 8px;
  font-size: var(--framer-fresco-base-font-size, 12px);
  font-weight: var(--framer-fresco-heading-font-weight, 600);
  gap: 8px;
}
.closeButton_c1xbkjzx {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  cursor: pointer;
}
.closeButton_c1xbkjzx::before {
  position: absolute;
  content: "";
  inset: -10px;
}

/* wyw-in-js:QuickActionsModal.styles_ofse0p.wyw.css */
.modalPosition_m1ie2kph {
  position: absolute;
  top: calc(var(--framer-fresco-webBarHeight-dimension, 60px) + 40px);
  overflow: visible;
}
.modalPositionDocked_moa1vhm {
  position: absolute;
  bottom: calc(var(--framerInternalUI-floatingToolbarTop) + var(--framer-fresco-floatingToolbarPadding-dimension, 10px));
  overflow: visible;
}
.modal_mt2xqh6 {
  padding: 0;
  border-radius: 15px;
  overflow-y: hidden;
}
.inputSearch_i1qzdkxu {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 40px;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 calc(var(--framer-fresco-inputSpacing-dimension, 10px) + 5px);
  padding-right: calc(var(--framer-fresco-inputSpacing-dimension, 10px) * 2);
  border: 0;
  border-radius: 0;
  background-color: transparent;
  gap: 5px;
}
.inputSearch_i1qzdkxu > input {
  padding-left: 5px;
  font-size: var(--framer-fresco-base-font-size, 12px);
}
.inputSearchWithCategoryTag_iis3mit {
  padding-left: 5px;
}
.headerSeparator_hmvqqp5 {
  position: relative;
}
.headerSeparator_hmvqqp5::after {
  position: absolute;
  right: 5px;
  bottom: 0;
  left: 5px;
  height: 1px;
  background-color: var(--framer-fresco-modalSeparator-color, rgba(0, 0, 0, 0.07));
  content: "";
}
.inputSearchSpinner_i2fw7iy {
  --spinner-color:#999;
}
.actionResultContainer_afzdl1q {
  padding: 5px;
  padding-top: 0;
}
.actionResultContainerFixedHeight_aq40plj {
  height: 360px;
}
.actionResultContainerContentManagementFixedHeight_a17i738l {
  height: 290px;
}
.actionResultContainerDynamicHeight_ag4bwmi {
  max-height: min(360px, calc(100vh - calc(40px + calc(var(--framer-fresco-webBarHeight-dimension, 60px) + 40px) + calc(var(--framer-fresco-statusBarHeight-dimension, 30px) * 2))));
}
.actionResultContainerContentManagementDynamicHeight_a7a3gqh {
  max-height: min(290px, calc(100vh - calc(40px + calc(var(--framer-fresco-webBarHeight-dimension, 60px) + 40px) + calc(var(--framer-fresco-statusBarHeight-dimension, 30px) * 2))));
}
.emptyActionResultContainer_e1ruv3r7 {
  visibility: hidden;
}
.groupTitleContainer_g13ju5ya {
  background: var(--framer-fresco-modalBackground-color, #ffffff);
}
.groupTitle_gop9oyl {
  height: 35px;
  padding: var(--framer-fresco-inputSpacing-dimension, 10px);
  color: var(--framer-fresco-quickActionsSecondaryText-color, #999999);
  font-weight: var(--framer-fresco-heading-font-weight, 600);
}
.actionRow_a1mvlnk8 {
  height: 40px;
  border-radius: 10px;
  color: var(--framer-fresco-quickActionsText-color, #666666);
  cursor: pointer;
  font-weight: var(--framer-fresco-baseActive-font-weight, 500);
}
.emptyStateActionRow_e16znu3r {
  pointer-events: none;
}
.actionRowSelected_am8kjpx {
  background-color: var(--framer-fresco-buttonBackground-color, #f3f3f3);
  color: var(--framer-fresco-quickActionsTextActive-color, #222222);
}
.rowIcon_r1y6w2bc {
  overflow: hidden;
  width: 20px;
  height: 20px;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-align-self: flex-start;
  -ms-flex-item-align: start;
  align-self: flex-start;
  border-radius: 5px;
  background-color: transparent;
  color: var(--framer-fresco-quickActionsIconDefault-color, #999999);
}
.actionRowSelected_am8kjpx .rowIcon_r1y6w2bc {
  background-color: var(--framer-fresco-buttonBackground-color, #f3f3f3);
  color: var(--framer-fresco-quickActionsIconDefaultActive-color, #222222);
}
.rowIconExternal_r2sqnqz {
  position: relative;
  background: none;
}
.actionRowSelected_am8kjpx .rowIconExternal_r2sqnqz.rowIconExternal_r2sqnqz {
  background: none;
}
.rowIconComponentTint_r1fyybpx {
  border: 1px solid rgba(0, 0, 0, 0.05);
  border-radius: 5px;
  background-color: #8855ff;
  color: #ffffff;
}
.actionRowSelected_am8kjpx .rowIconComponentTint_r1fyybpx {
  border-color: rgba(0, 0, 0, 0.1);
  background-color: #8855ff;
  color: #ffffff;
}
.rowIconAssetStyleTint_r1vgi437 {
  border: 1px solid rgba(0, 0, 0, 0.05);
  border-radius: 5px;
  background-color: var(--framer-fresco-quickActionsIconBackgroundAssetStyleTintActive-color, #ffffff);
  color: var(--framer-fresco-quickActionsIconAssetStyleTintActive-color, #000000);
}
.actionRowSelected_am8kjpx .rowIconAssetStyleTint_r1vgi437 {
  border-color: rgba(0, 0, 0, 0.1);
  background-color: var(--framer-fresco-quickActionsIconBackgroundAssetStyleTintActive-color, #ffffff);
  color: var(--framer-fresco-quickActionsIconAssetStyleTintActive-color, #000000);
}
.rowTitle_rwh61kd {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.rowTitleEmptyState_r557f0t {
  color: var(--framer-fresco-emptyStateBodyTextForSites-color, #999999);
}
.shrinkableText_s68rd75 {
  overflow: hidden;
  -webkit-flex-shrink: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.nonShrinkableText_n8b8jq4 {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.separatorIcon_s1goywx6 {
  color: var(--framer-fresco-quickActionsSeparatorIcon-color, #bbbbbb);
}
.rowShortcut_rlnbzqw {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  padding-right: 8px;
  color: var(--framer-fresco-quickActionsSecondaryText-color, #999999);
  gap: 4px;
  white-space: nowrap;
}
.rowEnabledOrDisabledText_r2cvdvb {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  padding-right: 5px;
  color: var(--framer-fresco-emptyStateBodyTextForSites-color, #999999);
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* wyw-in-js:QuickActionsInputIcon.styles_1tkedvx.wyw.css */
.backButton_b1kdbjht {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 20px;
  height: 20px;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  padding: 0;
  border-radius: 5px;
  background: var(--framer-fresco-quickActionsCategoryTagBackground-color, #f3f3f3);
  color: var(--framer-fresco-quickActionsCategoryTagColor-color, #999999);
}
.backButton_b1kdbjht:focus:not(:disabled),
.backButton_b1kdbjht:hover:not(:disabled),
.backButton_b1kdbjht:active:focus:not(:disabled),
.backButton_b1kdbjht:active:hover:not(:disabled) {
  background: var(--framer-fresco-quickActionsCategoryTagBackground-color, #f3f3f3);
}

/* wyw-in-js:PluginIcon.styles_1ls1nws.wyw.css */
.sizeNormal_skpcnyb {
  border-radius: 5px;
}
.sizeSmall_s1phy8ed {
  border-radius: 5px;
}
.iconBox_i2tutv {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: 100%;
  height: 100%;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  pointer-events: none;
}
.withInnerShadow_waavojl::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: inherit;
  box-shadow: inset 0 0 0 1px var(--framer-fresco-swatchBorderPlaceholder-color, rgba(0, 0, 0, 0.05));
  content: "";
  pointer-events: none;
}
.icon_iiqkbwf {
  max-width: 100%;
}

/* wyw-in-js:PresetIcon.styles_3gzj5x.wyw.css */
.icon_i136r0ky {
  margin: 8px 0;
  font-size: 10px;
  font-variant-numeric: tabular-nums;
  font-weight: 700;
  text-transform: uppercase;
}
.icon_i136r0ky > svg {
  display: block;
  width: 12px;
  height: 12px;
}

/* wyw-in-js:PopoutButtonBackgroundPreview.styles_1ft98bm.wyw.css */
.container_c1avmyds {
  position: relative;
  overflow: hidden;
  width: var(--framer-fresco-sitesPopoutIconSize-dimension, 22px);
  height: var(--framer-fresco-sitesPopoutIconSize-dimension, 22px);
  border-radius: 4px;
  cursor: pointer;
}
.largeContainerSites_lzm78je {
  width: var(--framer-fresco-popoutIconSizeLarge-dimension, 34px);
  height: var(--framer-fresco-popoutIconSizeLarge-dimension, 34px);
  border-radius: var(--framer-fresco-popoutIconRadiusLarge-dimension, 8px);
}
.ghostContainer_gaoupms {
  width: var(--framer-fresco-cmsColorPreviewSize-dimension, 12px);
  height: var(--framer-fresco-cmsColorPreviewSize-dimension, 12px);
  border-radius: 4px;
}
.checkerboard_c3vlae9 {
  position: absolute;
  border-radius: 4px;
  background-image: url("https://localhost:8009/checkerboard-22-MHUGSN2C.svg");
  -webkit-background-position: center;
  background-position: center;
  background-repeat: repeat;
  inset: 0;
}
body[data-framer-theme=light] .checkerboard_c3vlae9 {
  opacity: 0.42;
}
.ghostCheckerboard_gyiuvk1 {
  border-radius: 4px;
}
.inner_iefjm90 {
  position: absolute;
  border-radius: 4px;
  inset: 0;
}
.innerLarge_i1kl3pmw {
  border-radius: var(--framer-fresco-popoutIconRadiusLarge-dimension, 8px);
}
.ghostInner_g72moy1 {
  border-radius: 4px;
}
.round_r40dh02 {
  border-radius: 50%;
}

/* wyw-in-js:doubleColumn.styles_141ausz.wyw.css */
.doubleColumnClass_dt2vdl5 {
  -ms-grid-column: 2/-1;
  grid-column: 2/-1;
}
.doubleColumnClassForSortable_dc4gvpv {
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  grid-column: 1/3;
}
.spanAllColumnClass_s1dpgfha {
  -ms-grid-column: 1/-1;
  grid-column: 1/-1;
}

/* wyw-in-js:ButtonWithPreviewContent.styles_1qc320d.wyw.css */
.iconWrapperBase_i1ab0gin {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.iconWrapperSurface_i19ygcxe {
  width: var(--framer-fresco-sitesPopoutIconSize-dimension, 22px);
  height: var(--framer-fresco-sitesPopoutIconSize-dimension, 22px);
  border-radius: calc(var(--framer-fresco-inputRadius-dimension, 8px) / 2);
  margin-left: 3px;
  background-color: var(--framer-fresco-swatchBackground-color, #e6e6e6);
}
.iconWrapperSurfaceStrokedIcon_i1mqt5la.iconWrapperSurfaceStrokedIcon_i1mqt5la {
  width: 21.5px;
  height: 21.5px;
}
.iconWrapperGhostSize_i1bkmsxp {
  width: 12px;
  height: 12px;
  border-radius: 4px;
}
.iconWrapperGhostOffset_i1vpcft3 {
  margin-left: var(--framer-fresco-cmsOverlayInputPaddingInline-dimension, 9px);
}
.largeIconWrapper_luf63yr {
  width: var(--framer-fresco-popoutIconSizeLarge-dimension, 34px);
  height: var(--framer-fresco-popoutIconSizeLarge-dimension, 34px);
  border-radius: var(--framer-fresco-inputRadius-dimension, 8px);
  margin-left: 2px;
}
.iconWrapperDisabled_i1hu2nje {
  opacity: 0.5;
}
.titleWrapper_teca1mf {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-width: 0;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  margin-left: var(--framer-fresco-inputPaddingHorizontal-dimension, 8px);
  color: var(--framer-fresco-buttonText-color, #333333);
}
.titleWrapperGhost_t1ir7ssq {
  margin-left: var(--framer-fresco-cmsOverlayInputTextOffsetInline-dimension, 10px);
}
.titleWrapperGhostWithoutPreview_tojarwo {
  margin-left: var(--framer-fresco-cmsOverlayInputPaddingInline-dimension, 9px);
}
.titleSpaceAfter_t13muhuh {
  margin-right: var(--framer-fresco-inputPaddingHorizontal-dimension, 8px);
}
.titleSpaceAfterGhost_t1st33qd {
  margin-right: var(--framer-fresco-cmsOverlayInputPaddingInline-dimension, 9px);
}
.shortcutKey_s1987j6i {
  color: var(--framer-fresco-inputLabel-color, #999999);
}
.deleteIconWrapper_ddq2za7 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: calc(var(--framer-fresco-inputHeight-dimension, 30px) - var(--framer-fresco-inputPaddingHorizontal-dimension, 8px));
  height: 100%;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  color: var(--framer-fresco-inputIcon-color, #999999);
  cursor: pointer;
  pointer-events: auto;
}
.deleteIconWrapperGhost_d1uunqnd {
  width: auto;
  padding-right: var(--framer-fresco-cmsOverlayInputPaddingInline-dimension, 9px);
  padding-left: var(--framer-fresco-cmsInputInnerSpacing-dimension, 3px);
  opacity: 0;
  -webkit-transition: opacity 0.15s ease;
  transition: opacity 0.15s ease;
}
[data-is-popout-button]:hover .deleteIconWrapperGhost_d1uunqnd,
[data-is-popout-button]:focus .deleteIconWrapperGhost_d1uunqnd,
[data-is-popout-button][aria-selected=true] .deleteIconWrapperGhost_d1uunqnd {
  opacity: 1;
}
.largeCloseWrapper_l3a42x0 {
  margin-right: 7px;
}
.disabled_d1c368t4 {
  opacity: 0.5;
}
.suggestion_sh094ck {
  color: var(--framer-fresco-inputLabel-color, #999999);
}

/* wyw-in-js:PopoutButtonWithPreview.styles_7dzgwa.wyw.css */
.button_bwfcdld {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
}
.buttonLarge_b4uva9g {
  height: var(--framer-fresco-inputHeightLarge-dimension, 40px);
}
.buttonGhost_b1xdslsy {
  background-color: transparent;
  border-color: transparent;
  -webkit-transition: background-color 0.15s ease;
  transition: background-color 0.15s ease;
}
.buttonGhost_b1xdslsy:hover,
.buttonGhost_b1xdslsy:focus,
.buttonGhost_b1xdslsy[aria-selected=true] {
  border-color: transparent;
  background-color: var(--framer-fresco-inputBackground-color, #f3f3f3);
}
.buttonGhost_b1xdslsy:focus-visible {
  outline: var(--framer-fresco-focusOutlineWidth-dimension, 1.5px) solid var(--framer-fresco-tint-color, #0099ff);
  outline-offset: var(--framer-fresco-focusOutlineOffset-dimension, 1.5px);
}
.disabled_dpa1954 {
  pointer-events: none;
}
.disabledWrapper_d2o7xqw {
  cursor: auto;
}

/* wyw-in-js:PanelTooltip.styles_1pgdl65.wyw.css */
.tooltip_tzsvjdc {
  width: 200px;
  max-width: 200px;
  padding: var(--framer-fresco-popoverPadding-dimension, 15px);
  border-radius: var(--framer-fresco-popoverRadius-dimension, 15px);
  box-shadow: var(--framer-fresco-canvasTooltip-shadow, 0px 3px 6px 0px rgba(0, 0, 0, 0.08), 0px 0px 0px 1px rgba(0, 0, 0, 0.05));
  color: var(--framer-fresco-panelText-color, #666666);
  line-height: 1.4;
}
.layerTooltip_l1ehb6cn {
  padding: 0;
}
.content_c1ikreno {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: var(--framer-fresco-panelPadding-dimension, 15px);
}
.educationContent_e1f47h4t {
  gap: var(--framer-fresco-inputSpacing-dimension, 10px);
}
.layerContent_lgvo2dl {
  padding: 0 var(--framer-fresco-panelPadding-dimension, 15px) var(--framer-fresco-panelPadding-dimension, 15px);
}
.image_i1jg7ru0 {
  display: block;
  width: 100%;
  aspect-ratio: 1.75;
  border-radius: var(--framer-fresco-inputRadius-dimension, 8px);
}
.layerHeader_ltyh0n7 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 40px;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0;
  border-bottom: 1px solid var(--framer-fresco-panelDivider-color, #eeeeee);
}
.tooltipTitle_t1ramr4k {
  color: var(--framer-fresco-panelTitle-color, #333333);
}
.headingTooltipTitle_hzt03rr {
  font-weight: var(--framer-fresco-heading-font-weight, 600);
}
.educationHeadingBlock_e1f6ct5n {
  margin-top: var(--framer-fresco-inputSpacing-dimension, 10px);
}
.educationCopyBlock_eano5sa {
  margin-bottom: var(--framer-fresco-inputSpacing-dimension, 10px);
}

/* wyw-in-js:EducationTooltip.styles_17528mh.wyw.css */
.icon_i7d4cn1 {
  color: var(--framer-fresco-tooltipIcon-color, #bbbbbb);
  cursor: pointer;
}
.icon_i7d4cn1:hover {
  color: var(--framer-fresco-tint-color, #0099ff);
}
.educationButton_e1otabne {
  --text-color:var(--framer-fresco-educationButtonText-color, #999999);
  --background-color:var(--framer-fresco-educationButtonBackground-color, rgba(17, 17, 17, 0.05));
}

/* wyw-in-js:BreadcrumbBar.styles_1bhvkcz.wyw.css */
.textSizing_tl8565r {
  min-width: 30px;
  max-width: 300px;
  font-size: var(--framer-fresco-base-font-size, 12px);
  font-weight: var(--framer-fresco-heading-font-weight, 600);
  line-height: 1.2;
}
.barWrapper_bvc2uw9 {
  position: fixed;
  z-index: 0;
  top: var(--framerInternalUI-chromeToolbarHeight);
  right: var(--framerInternalUI-propertyPanelWidth);
  left: var(--framerInternalUI-chromeMarginLeft);
  overflow: visible;
  height: var(--framer-fresco-sitesPanelHeaderHeight-dimension, 60px);
  background-color: var(--framer-fresco-canvasBackground-color, #eeeeee);
}
.barWrapper_bvc2uw9::after {
  position: absolute;
  right: calc(var(--framer-fresco-panelPadding-dimension, 15px) - 1px);
  bottom: -1px;
  left: calc(var(--framer-fresco-panelPadding-dimension, 15px) - 1px);
  height: 1px;
  background-color: var(--framer-fresco-rulerBorderColor-color, #dddddd);
  content: "";
}
.bar_b1k2nl76 {
  --text-color:var(--framer-fresco-breadcrumbItemText-color, #888888);
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: 100%;
  color: var(--text-color);
}
.bar_b1k2nl76 button ~ button {
  margin-left: 5px;
}
.barPaddingStyles_b1i3g548 {
  width: 100%;
  min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content;
  height: 100%;
  padding: var(--framer-fresco-panelPadding-dimension, 15px) calc(var(--framer-fresco-panelPadding-dimension, 15px) - 1px);
}
.contentWrapper_c77pepd {
  height: 100%;
}
.withCodeEditor_wnwbz2t {
  right: 0;
  border-top: none;
  background-color: var(--framer-fresco-codeEditorBackground-color, #fdfdfd);
}
.withCodeEditor_wnwbz2t::after {
  background-color: var(--framer-fresco-panelDivider-color, #eeeeee);
}
.withCodeEditorPreview_w16ew1wl {
  right: min(calc(var(--framerInternalUI-previewWidth, 0) + var(--framer-fresco-panelPadding-dimension, 15px)), max(calc(260px + var(--framer-fresco-panelPadding-dimension, 15px)), calc(100vw - var(--framerInternalUI-chromeMarginLeft) - var(--framer-fresco-codeEditorMinWidth-dimension, 400px))));
  border-right: 1px solid var(--framer-fresco-panelDivider-color, #eeeeee);
}
.withCodeEditorAgent_w16cr7hr {
  right: var(--framerInternalUI-propertyPanelWidth);
}
.withCodeEditorPreviewAndAgent_w1lo74ig {
  right: calc(min(calc(var(--framerInternalUI-previewWidth, 0) + var(--framer-fresco-panelPadding-dimension, 15px)), max(calc(260px + var(--framer-fresco-panelPadding-dimension, 15px)), calc(100vw - var(--framerInternalUI-chromeMarginLeft) - var(--framer-fresco-codeEditorMinWidth-dimension, 400px) - var(--framerInternalUI-propertyPanelWidth, 0px)))) + var(--framerInternalUI-propertyPanelWidth));
  border-right: 1px solid var(--framer-fresco-panelDivider-color, #eeeeee);
}
.rulersVisible_r1119pfk::after {
  right: 0;
  left: 0;
}
.breadcrumbWrapper_b13iwexl {
  height: 100%;
}
.breadcrumb_b1c7z6za {
  --background-color:var(--framer-fresco-breadcrumbItemBackground-color, rgba(0, 0, 0, 0.05));
  height: 100%;
  -webkit-flex-shrink: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  padding: 0 var(--framer-fresco-breadcrumbSpacing-dimension, 10px);
  border-radius: var(--framer-fresco-inputRadius-dimension, 8px);
  background-color: var(--background-color);
  color: var(--text-color);
  cursor: pointer;
  font-size: var(--framer-fresco-base-font-size, 12px);
  font-weight: var(--framer-fresco-heading-font-weight, 600);
}
.breadcrumb_b1c7z6za > svg {
  pointer-events: none;
}
.breadcrumbDisabled_b1eca53j {
  cursor: default;
}
.preventShrinking_p4sri9u {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.preventShrinking_p4sri9u > svg {
  display: block;
  margin: 0;
}
.breadcrumbTitle_bs3azl6 {
  color: var(--text-color);
}
.codeFileEditedLabel_c1qeto7i {
  margin-left: 8px;
  font-size: var(--framer-fresco-label-font-size, 10px);
  opacity: 0.7;
  white-space: nowrap;
}
.breadcrumbSubLabelText_b8y1dyl {
  color: var(--text-color);
  opacity: 1;
  white-space: nowrap;
}
.breadcrumbSubLabelSeparator_bg2hdtb {
  color: var(--text-color);
  opacity: 0.6;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.menuInlineDraftBadge_m1ha7gxb {
  --menu-badge-padding:0;
  --menu-badge-border:0;
  --menu-badge-border-radius:0;
  --menu-badge-background:transparent;
  --menu-badge-background-active:transparent;
  --menu-badge-color:var(--framer-fresco-panelSubLabel-color, #999999);
  --menu-badge-color-active:var(--framer-fresco-inputLabel-color, #999999);
  --menu-badge-font-size:var(--framer-fresco-label-font-size, 10px);
  --menu-badge-font-weight:var(--framer-fresco-baseActive-font-weight, 500);
  --menu-badge-letter-spacing:normal;
  --menu-badge-line-height:1.2;
  --menu-badge-text-transform:none;
}
.actions_acukmgx {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
}
.actions_acukmgx button:first-child {
  margin-left: var(--framer-fresco-breadcrumbSpacing-dimension, 10px) !important;
}
.breadcrumbBarButton_b1sb4uyz {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
}
.breadcrumbBarButton_b1sb4uyz:hover:not(:disabled),
.breadcrumbBarButton_b1sb4uyz:focus:not(:disabled),
.breadcrumbBarButton_b1sb4uyz:active:not(:disabled),
.breadcrumbBarButton_b1sb4uyz:active:focus:not(:disabled) {
  background-color: var(--background-color);
  color: var(--text-color);
}
.withTint_wcrz0ka {
  --text-color:var(--framer-fresco-tint-color, #0099ff);
  --background-color:var(--framer-fresco-breadcrumbItemBackgroundTinted-color, color(display-p3 0 0.6 1 / 0.1));
}
.spinner_s1a5l89i {
  --spinner-color:currentColor;
}
.previewButton_pb1yo5 {
  padding: 6px 10px 6px 6px;
  font-size: var(--framer-fresco-base-font-size, 12px);
  font-weight: var(--framer-fresco-heading-font-weight, 600);
}
.previewIcon_pnvlffn {
  margin-right: 0;
}
.exitButton_emy5mnq {
  font-size: var(--framer-fresco-base-font-size, 12px);
}

/* wyw-in-js:ReorderControl.styles_ybl2js.wyw.css */
.iconWrapper_ib75oye {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  color: var(--framer-fresco-iconPadlock-color, #bbbbbb);
  cursor: -webkit-grab;
  cursor: grab;
}
.iconWrapper_ib75oye::after {
  position: absolute;
  top: -4px;
  right: -10px;
  bottom: -4px;
  left: -10px;
  content: "";
}
.disabled_dnxepni {
  opacity: 0.5;
  pointer-events: none;
}

/* wyw-in-js:PanelRowTitle.styles_ss5263.wyw.css */
.titleWrapper_t3p7r61 {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: var(--framer-fresco-inputHeight-dimension, 30px);
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-left: calc(10px + var(--framer-fresco-contentTitleIndentation-dimension, 0px) + 5px);
}
.title_t1ih3ztb {
  color: var(--framer-fresco-panelRowTitle-color, #666666);
  font-size: var(--framer-fresco-base-font-size, 12px);
  font-weight: var(--framer-fresco-base-font-weight, 500);
  line-height: 16px;
  pointer-events: none;
  -webkit-transition: color 0.2s;
  transition: color 0.2s;
}
.withPlusIcon_wkaasce {
  cursor: pointer;
}
.withPlusIcon_wkaasce > svg {
  position: absolute;
  top: calc((var(--framer-fresco-inputHeight-dimension, 30px) - 10px) / 2);
  left: var(--framer-fresco-contentTitleIndentation-dimension, 0px);
  width: 10px;
  height: 10px;
  color: var(--framer-fresco-iconPadlock-color, #bbbbbb);
  pointer-events: none;
  -webkit-transition: color 0.2s;
  transition: color 0.2s;
}
.withPlusIcon_wkaasce:hover > svg {
  color: var(--framer-fresco-tint-color, #0099ff);
}
.panelRowView_p1oxlfbn:hover > .withPlusIcon_wkaasce > svg {
  opacity: 1;
}
.withPlusIcon_wkaasce:hover .title_t1ih3ztb {
  color: var(--framer-fresco-tint-color, #0099ff);
}
.panelRowView_p1oxlfbn:focus-within .withPlusIcon_wkaasce > svg {
  opacity: 1;
}
.withActivePlusIcon_w1vx93q9 > svg {
  color: var(--framer-fresco-tint-color, #0099ff);
}
.panelRowView_p1oxlfbn > .withActivePlusIcon_w1vx93q9 > svg {
  opacity: 1;
}
.withActivePlusIcon_w1vx93q9 .title_t1ih3ztb {
  color: var(--framer-fresco-tint-color, #0099ff);
}
.withOverride_wof63pb {
  color: var(--framer-fresco-tint-color, #0099ff);
}

/* wyw-in-js:PanelRowView.styles_1toc34d.wyw.css */
.panelRowView_p1oxlfbn {
  position: relative;
  display: -ms-grid;
  display: grid;
  width: 100%;
  padding-top: var(--framer-fresco-panelGapSmall-dimension, 5px);
  padding-bottom: var(--framer-fresco-panelGapSmall-dimension, 5px);
  -webkit-column-gap: var(--framer-fresco-inputSpacing-dimension, 10px);
  column-gap: var(--framer-fresco-inputSpacing-dimension, 10px);
  -ms-grid-columns: minmax(0, 1.5fr) repeat(2, minmax(62px, 1fr));
  grid-template-columns: minmax(0, 1.5fr) repeat(2, minmax(62px, 1fr));
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}
.header_h10l6u5c + .panelContent_p5inzda > .panelRowView_p1oxlfbn:first-of-type {
  padding-top: 0;
}
.withReorderControl_w1xpzgm5 {
  -ms-grid-columns: repeat(var(--reorder-column-count, 1), minmax(0, 1fr)) 8px;
  grid-template-columns: repeat(var(--reorder-column-count, 1), minmax(0, 1fr)) 8px;
}
.withButtonCursor_w1chribc {
  cursor: pointer;
}

/* wyw-in-js:FillImagePatternPresetsRow.styles_1jodgsl.wyw.css */
.presetsContainer_p4b05eq {
  display: -ms-grid;
  display: grid;
  -ms-grid-column-gap: 5px;
  grid-column-gap: 5px;
  -ms-grid-row-gap: 5px;
  grid-row-gap: 5px;
  -ms-grid-columns: repeat(4, auto);
  grid-template-columns: repeat(4, auto);
}
.presetPreview_prqiyvj {
  width: 20px;
  height: 20px;
  border-radius: var(--framer-fresco-tiledImagePresetRadius-dimension, 2px);
  box-shadow: rgba(0, 0, 0, 0.15) 0 1px 2px 0;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.presetPreviewContainer_p1c81r2w {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 30px;
  height: 30px;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  border: none;
  border-radius: var(--framer-fresco-tiledImagePresetContainerRadius-dimension, 8px);
  background-color: var(--framer-fresco-fillPanelPresetBackground-color, #f3f3f3);
  outline: none;
}
.presetPreviewContainer_p1c81r2w:hover {
  cursor: pointer;
}
.presetPreviewContainerSelected_p1ln12j8 {
  border: 1px solid var(--framer-fresco-tint-color, #0099ff);
}

/* wyw-in-js:PopoutButtonPreviewIconWrapper.styles_b008zt.wyw.css */
.wrapper_wkxdsnf {
  width: var(--framer-fresco-sitesPopoutIconSize-dimension, 22px);
  height: var(--framer-fresco-sitesPopoutIconSize-dimension, 22px);
  border-radius: calc(var(--framer-fresco-inputRadius-dimension, 8px) / 2);
}
.largeWrapper_l2ga4t0 {
  width: var(--framer-fresco-popoutIconSizeLarge-dimension, 34px);
  height: var(--framer-fresco-popoutIconSizeLarge-dimension, 34px);
  border-radius: var(--framer-fresco-popoutIconRadiusLarge-dimension, 8px);
}
.strokedIconWrapper_s1a71kdc.strokedIconWrapper_s1a71kdc {
  width: 21.5px;
  height: 21.5px;
}

/* wyw-in-js:FillImagePositionRow.styles_tl7dws.wyw.css */
.disabledIconWrapper_dl1ddfs {
  opacity: 0.5;
}

/* wyw-in-js:ImagePicker.styles_11208us.wyw.css */
.imageContainer_i1oxwf0f {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  border-radius: var(--framer-fresco-inputRadius-dimension, 8px);
  background-color: var(--framer-fresco-inputBackground-color, #f3f3f3);
}
.imageContainer_i1oxwf0f img {
  max-width: 100%;
  max-height: 100%;
}
.imageContainer_i1oxwf0f::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: inherit;
  content: "";
}
.imageContainer_i1oxwf0f:focus::after {
  box-shadow: inset 0 0 0 1px var(--framer-fresco-tint-color, #0099ff);
}
.imageContainerDragOver_ivz66j7 {
  box-shadow: inset 0 0 0 1px var(--framer-fresco-tint-color, #0099ff);
}
.fullWidth_fjd4qd2 {
  width: 100%;
}
.footerSeparator_f1gixrvj {
  position: relative;
  padding-top: calc(var(--framer-fresco-panelPadding-dimension, 15px) + 1px);
  margin-top: var(--framer-fresco-inputSpacing-dimension, 10px);
}
.footerSeparator_f1gixrvj::before {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: 1px;
  background-color: var(--framer-fresco-panelDivider-color, #eeeeee);
  content: "";
}
.emptyLabel_ekax85b {
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  color: var(--framer-fresco-inputPlaceholder-color, #999999);
  font-size: var(--framer-fresco-base-font-size, 12px);
  font-weight: var(--framer-fresco-base-font-weight, 500);
  line-height: 1em;
  pointer-events: none;
  text-align: center;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.preview_p1oi602g {
  position: relative;
  width: 100%;
  height: 150px;
  border-radius: var(--framer-fresco-inputRadius-dimension, 8px);
  cursor: pointer;
}
@media (pointer: fine) {
  .showButtonOnHover_s1rsxqtn:not(:hover) button {
    display: none;
  }
}
.chooseImageButton_c17esauc {
  position: absolute;
  top: 50%;
  left: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: var(--framer-fresco-inputHeight-dimension, 30px);
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  padding: var(--framer-fresco-inputPaddingHorizontal-dimension, 8px);
  border-radius: var(--framer-fresco-inputRadius-dimension, 8px);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background-color: rgba(0, 0, 0, 0.5);
  color: white;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.chooseImageButton_c17esauc:focus:not(:disabled),
.chooseImageButton_c17esauc:hover:not(:disabled) {
  background-color: rgba(0, 0, 0, 0.6);
}
.chooseImageButton_c17esauc:active:focus:not(:disabled),
.chooseImageButton_c17esauc:active:hover:not(:disabled) {
  background-color: rgba(0, 0, 0, 0.7);
}

/* wyw-in-js:ColorPickerInput.styles_1fb6rar.wyw.css */
.square_s1e2z0bv {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 125px;
  border-radius: var(--framer-fresco-inputRadius-dimension, 8px);
  background-image:
    linear-gradient(rgba(0, 0, 0, 0), black),
    linear-gradient(
      to left,
      rgba(255, 255, 255, 0),
      white);
}
.readOnly_rb8k8h9 {
  opacity: 0.5;
  pointer-events: none;
}
.inputContainer_iihdl0y {
  display: -ms-grid;
  display: grid;
  margin-top: var(--framer-fresco-inputSpacing-dimension, 10px);
  gap: var(--framer-fresco-inputSpacing-dimension, 10px);
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
}
.splitInputContainer_swsq73a {
  display: -ms-grid;
  display: grid;
  border: none;
  border-radius: var(--framer-fresco-inputRadius-dimension, 8px);
  gap: 1px;
}
.twoValuesSplitInput_t1ecuz16 {
  gap: var(--framer-fresco-inputSpacing-dimension, 10px);
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
}
.fourValuesEvenSplitInput_f10aiog9 {
  -ms-grid-columns: 1fr 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}
.input_i19bkgmo {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 0 6px 1px;
  letter-spacing: -0.03em;
}
.hexInput_hqo5o69 {
  letter-spacing: 0;
}
.leftSplitInput_l7n5mtt {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.centerSplitInput_c1424kp4 {
  border-radius: 0;
}
.rightSplitInput_r1k5sn29 {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.sampler_s1hh4y0v {
  width: 100%;
}

/* wyw-in-js:ColorPickerP3.styles_138c6ny.wyw.css */
.squareInset_s1547mmt {
  position: absolute;
  inset: 1px;
}
.square_siommo3 {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 125px;
  border-radius: var(--framer-fresco-inputRadius-dimension, 8px);
  background-color: var(--hue);
  background-image:
    linear-gradient(rgba(0, 0, 0, 0), black),
    linear-gradient(
      to left,
      rgba(255, 255, 255, 0),
      white);
}
@supports (color: color(display-p3 1 1 1)) {
  .square_siommo3 {
    background-color: var(--hue-p3);
  }
}
.indicator_ixdcado {
  position: absolute;
  top: 50%;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  box-shadow:
    inset 0 0 0 3px white,
    inset 0 0 0 4px rgba(0, 0, 0, 0.1),
    0 0 0 1px rgba(0, 0, 0, 0.1);
  cursor: pointer;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}
.controls_csdqxt6 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin: var(--framer-fresco-inputSpacing-dimension, 10px) 0;
}
.hueOpacityGroup_h10f07ai {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.indicatorOffset_i1y4xa9u {
  position: absolute;
  top: 0;
  right: 4px;
  left: 4px;
  height: 100%;
}
.checkerboard_cawslk {
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 100%;
  border-radius: 10px;
  background-image: url("https://localhost:8009/checkerboard-8-776AE4U3.svg");
  background-repeat: repeat;
}
.opacitySlider_o104dadf {
  position: relative;
  overflow: visible;
  width: 100%;
  height: 8px;
  border-radius: 6px;
  background-image:
    linear-gradient(
      to right,
      var(--slider-alpha-0),
      var(--slider-alpha-1));
}
@supports (color: color(display-p3 1 1 1)) {
  .opacitySlider_o104dadf {
    background-image:
      linear-gradient(
        to right,
        var(--slider-p3-alpha-0),
        var(--slider-p3-alpha-1));
  }
}
.readOnly_r1u3lu2p {
  opacity: 0.5;
  pointer-events: none;
}
.hueSlider_hz6ma7m {
  position: relative;
  overflow: visible;
  width: 100%;
  height: 8px;
  border-radius: 6px;
  margin-bottom: 8px;
  background-image:
    linear-gradient(
      to right,
      #ff0000 0%,
      #ffff00 17%,
      #00ff00 33%,
      #00ffff 50%,
      #0000ff 67%,
      #ff00ff 83%,
      #ff0000 100%);
}
@supports (color: color(display-p3 1 1 1)) {
  .hueSlider_hz6ma7m {
    background-image:
      linear-gradient(
        to right,
        color(xyz 0.487 0.229 0),
        color(xyz 0.495 0.242 0.001),
        color(xyz 0.503 0.255 0.002),
        color(xyz 0.512 0.269 0.002),
        color(xyz 0.52 0.284 0.003) 2.12%,
        color(xyz 0.554 0.347 0.007) 4.25%,
        color(xyz 0.621 0.499 0.017),
        color(xyz 0.687 0.688 0.03),
        color(xyz 0.752 0.921 0.045) 17%,
        color(xyz 0.606 0.86 0.046),
        color(xyz 0.477 0.801 0.046) 25%,
        color(xyz 0.418 0.773 0.046) 27%,
        color(xyz 0.39 0.759 0.046) 28%,
        color(xyz 0.377 0.752 0.046),
        color(xyz 0.364 0.745 0.046),
        color(xyz 0.351 0.738 0.046),
        color(xyz 0.338 0.732 0.046) 30%,
        color(xyz 0.313 0.718 0.046) 31%,
        color(xyz 0.266 0.692 0.045) 33%,
        color(xyz 0.273 0.698 0.083) 34.06%,
        color(xyz 0.277 0.7 0.104),
        color(xyz 0.281 0.703 0.125),
        color(xyz 0.286 0.706 0.147),
        color(xyz 0.29 0.709 0.169) 36.19%,
        color(xyz 0.3 0.714 0.217) 37.25%,
        color(xyz 0.343 0.735 0.444) 41.5%,
        color(xyz 0.464 0.771 1.089),
        color(xyz 0.287 0.322 1.105) 58.5%,
        color(xyz 0.234 0.179 1.082) 62.75%,
        color(xyz 0.214 0.124 1.065) 64.88%,
        color(xyz 0.206 0.1 1.055) 65.94%,
        color(xyz 0.202 0.09 1.049),
        color(xyz 0.198 0.079 1.044) 67%,
        color(xyz 0.204 0.084 1.045),
        color(xyz 0.21 0.089 1.047) 68%,
        color(xyz 0.223 0.1 1.049) 69%,
        color(xyz 0.256 0.123 1.054) 71%,
        color(xyz 0.351 0.175 1.057) 75%,
        color(xyz 0.415 0.204 1.057),
        color(xyz 0.491 0.236 1.055) 79%,
        color(xyz 0.534 0.253 1.053),
        color(xyz 0.581 0.271 1.05) 81%,
        color(xyz 0.685 0.308 1.044) 83%,
        color(xyz 0.61 0.292 0.636),
        color(xyz 0.554 0.273 0.337),
        color(xyz 0.514 0.251 0.13) 95.75%,
        color(xyz 0.499 0.24 0.057) 97.88%,
        color(xyz 0.492 0.235 0.026) 98.94%,
        color(xyz 0.489 0.232 0.013),
        color(xyz 0.487 0.229 0));
  }
}
.poly_p1bt5whn {
  position: absolute;
  inset: 0;
}
.poly_p1bt5whn polyline {
  fill: none;
  stroke: white;
  stroke-width: 1;
}
.inputContainer_iehmvlc {
  display: -ms-grid;
  display: grid;
  margin-top: var(--framer-fresco-inputSpacing-dimension, 10px);
  gap: var(--framer-fresco-inputSpacing-dimension, 10px);
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
}
.popupButton_p1lr44ru {
  min-width: 62px;
  max-width: 62px;
}
.sampler_s1klz3oz {
  width: 100%;
}

/* wyw-in-js:ColorPickerSampler.styles_rwut3d.wyw.css */
.sampler_s10ppfb8 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 30px;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.inlineSampler_itu3uif {
  width: 62px;
  margin-left: 10px;
}

/* wyw-in-js:TabIcons.styles_10ywfat.wyw.css */
.base_bq1h51l {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 14px;
  height: 14px;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  border-radius: 50%;
  box-shadow: inset 0 0 0 1px var(--framer-fresco-fillIconBorder-color, rgba(153, 153, 153, 0.6));
  color: var(--framer-fresco-fillIconHighlight-color, #ffffff);
  --solid:var(--framer-fresco-fillIconSolidFill-color, rgba(153, 153, 153, 0.4));
  --linear:var(--framer-fresco-fillIconLinearFillOuter-color, rgba(153, 153, 153, 0.8));
  --linear-inner:var(--framer-fresco-fillIconLinearFillInner-color, rgba(153, 153, 153, 0));
  --radial:var(--framer-fresco-fillIconRadialFillOuter-color, rgba(153, 153, 153, 0.7));
  --radial-inner:var(--framer-fresco-fillIconRadialFillInner-color, rgba(153, 153, 153, 0));
  --conic:var(--framer-fresco-fillIconConicFillOuter-color, #ffffff);
  --conic-inner:var(--framer-fresco-fillIconConicFillInner-color, #999999);
  --imageA:var(--framer-fresco-fillIconImageFillInner-color, rgba(153, 153, 153, 0.4));
  --imageB:var(--framer-fresco-fillIconImageFillOuter-color, #999999);
}
.active_asnykz2 {
  box-shadow: inset 0 0 0 1px var(--framer-fresco-fillIconBorderActive-color, #0099ff);
  color: white;
  --solid:var(--framer-fresco-fillIconSolidFillActive-color, rgba(0, 153, 255, 0.4));
  --linear:var(--framer-fresco-fillIconLinearFillActive-color, rgba(0, 153, 255, 0.8));
  --linear-inner:var(--framer-fresco-fillIconLinearFillInnerActive-color, rgba(153, 153, 153, 0));
  --radial:var(--framer-fresco-fillIconRadialFillActive-color, rgba(0, 153, 255, 0.8));
  --conic:var(--framer-fresco-fillIconConicFillOuterActive-color, #ffffff);
  --conic-inner:var(--framer-fresco-fillIconConicFillInnerActive-color, #0099ff);
  --imageA:var(--framer-fresco-fillIconImageFillInnerActive-color, rgba(0, 153, 255, 0.4));
  --imageB:var(--framer-fresco-fillIconImageFillOuterActive-color, #0099ff);
}
.solid_s56bw4h {
  background: var(--solid);
}
.linear_lm3d7jc {
  background:
    linear-gradient(
      180deg,
      var(--linear-inner) 0%,
      var(--linear) 100%);
}
.radial_r1wh2mpa {
  background:
    radial-gradient(
      50% 50% at 50% 50%,
      var(--radial-inner) 0%,
      var(--radial) 100%);
}
.conic_c1vmm7iq {
  background:
    conic-gradient(
      from 0deg at 50% 50%,
      var(--conic-inner) 0deg,
      var(--conic) 360deg);
}
.image_ipjema9 {
  background:
    linear-gradient(
      180deg,
      var(--imageA) 0%,
      var(--imageB) 100%);
}

/* wyw-in-js:ColorPickerPopoutContent.styles_1jg1vu.wyw.css */
.container_c2orl3y {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: var(--framer-fresco-popoverWidth-dimension, 260px);
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.containerPadding_c1svq14t {
  padding-bottom: var(--framer-fresco-popoverPadding-dimension, 15px);
}
.colorPickerFillTypeTabs_c1j2rli7 {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin: 0 var(--framer-fresco-popoverPadding-dimension, 15px) var(--framer-fresco-popoverPadding-dimension, 15px) var(--framer-fresco-popoverPadding-dimension, 15px);
}
.scroll_s1cbpxcr {
  max-height: var(--framer-fresco-contentMaxHeight-dimension, 560px);
  margin: 0;
}
.scrollContentWrapper_sxhu8tk {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.colorPickerInputWrapper_c1yp40qr {
  position: relative;
  height: 240px;
  padding: 0 var(--framer-fresco-popoverPadding-dimension, 15px);
  -webkit-transition: height 0.2s;
  transition: height 0.2s;
}
.colorPickerInputWrapperOnPage_czr60e9 {
  height: 255px;
}
.colorPickerInput_c1azw9i {
  position: relative;
  opacity: 1;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

/* wyw-in-js:GradientStopsSlider.styles_15vt450.wyw.css */
.stopPlaceholder_s111g3ts {
  position: absolute;
  top: 50%;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: white;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
  pointer-events: none;
  visibility: hidden;
}
.container_c1lu6b7z {
  padding: 0 var(--framer-fresco-panelPadding-dimension, 15px);
  margin: calc(var(--framer-fresco-panelPadding-dimension, 15px) - 10px) 0;
}
.containerWithDivider_c1sy8udy::after {
  position: absolute;
  z-index: 11;
  top: 0;
  right: var(--framer-fresco-panelPadding-dimension, 15px);
  left: var(--framer-fresco-panelPadding-dimension, 15px);
  height: 1px;
  background: var(--framer-fresco-panelDivider-color, #eeeeee);
  content: "";
}
.addStopSafeArea_a18zwbqs {
  padding: var(--framer-fresco-inputSpacing-dimension, 10px) 0;
}
.addStopSafeArea_a18zwbqs:hover .stopPlaceholder_s111g3ts {
  visibility: visible;
}
.gradient_g1dt60af {
  position: relative;
  height: 8px;
  padding: 0 4px;
  border-radius: 6px;
  box-shadow: inset 0 0 0 1px var(--framer-fresco-gradientStopSliderBorder-color, rgba(0, 0, 0, 0.05));
}
.gradientStop_gdfuksn {
  padding: 0;
  border: none;
  margin: 0;
  background: none;
  outline: none;
}
.stopIndicatorSafeArea_szuqtwn {
  position: absolute;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 22px;
  height: 38px;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.stopIndicatorSafeArea_szuqtwn::after {
  position: absolute;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background-color: var(--value);
  box-shadow:
    inset 0 0 0 3px white,
    inset 0 0 0 4px rgba(0, 0, 0, 0.1),
    0 0 0 1px rgba(0, 0, 0, 0.1);
  content: "";
  cursor: pointer;
}
.selectedStop_s1758a38 {
  z-index: 1;
}
.selectedStop_s1758a38::after {
  box-shadow: var(--framer-fresco-gradientSliderKnobSelected-shadow, inset 0 0 0 3px white, inset 0 0 0 4px #0099ff, 0 0 0 1px #0099ff);
}

/* wyw-in-js:StyleAssetRow.styles_1fz8xf4.wyw.css */
.input_i1ldific {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 0;
  border: none;
  margin: var(--framer-fresco-inputRadius-dimension, 8px);
  background: transparent;
  color: var(--framer-fresco-panelTitle-color, #333333);
  font-size: var(--framer-fresco-base-font-size, 12px);
  font-weight: var(--framer-fresco-baseActive-font-weight, 500);
  line-height: 1.2;
  outline: none;
}
.input_i1ldific::-webkit-input-placeholder {
  color: var(--framer-fresco-inputPlaceholder-color, #999999);
}
.input_i1ldific::-moz-placeholder {
  color: var(--framer-fresco-inputPlaceholder-color, #999999);
}
.input_i1ldific:-ms-input-placeholder {
  color: var(--framer-fresco-inputPlaceholder-color, #999999);
}
.input_i1ldific::placeholder {
  color: var(--framer-fresco-inputPlaceholder-color, #999999);
}
.button_b1l2hhm2 {
  padding-left: 30px;
  background: transparent;
  color: var(--framer-fresco-panelText-color, #666666);
  scroll-snap-margin: var(--framer-fresco-panelHeaderHeight-dimension, 48px);
  scroll-margin: var(--framer-fresco-panelHeaderHeight-dimension, 48px);
}
.button_b1l2hhm2:active,
.button_b1l2hhm2:hover,
.button_b1l2hhm2:focus {
  border-color: transparent;
}
.button_b1l2hhm2[aria-selected=true] {
  background: var(--preset-selected-background, var(--framer-fresco-presetSelectedBackground-color, #f3f3f3));
  color: var(--preset-selected-color, var(--framer-fresco-presetSelectedColor-color, #000000));
}
.icon_iw2pulc {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 14px;
  height: 14px;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

/* wyw-in-js:LayerPanelItem.styles_104tfp5.wyw.css */
.row_rf89uo9 {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  min-width: 100%;
  height: var(--framer-fresco-contentItemHeight-dimension, 30px);
  --collapse-indicator-color:var(--framer-fresco-collapsibleCaret-color, #aaaaaa);
  color: var(--framer-fresco-layerItemIcon-color, #999999);
  cursor: default;
  -webkit-user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.row_rf89uo9 svg {
  will-change: transform;
}
.rowEditing_r147hnu4 {
  padding-right: 0;
  --layer-panel-icon-display:none;
}
.rowHidden_r1oj6byl {
  --collapse-indicator-color:var(--framer-fresco-layerItemIconInactive-color, #bbbbbb);
  color: var(--framer-fresco-layerItemIconInactive-color, #bbbbbb);
}
.rowHidden_r1oj6byl svg {
  opacity: 0.5;
}
.rowSelected_rl63xea {
  --collapse-indicator-color:var(--framer-fresco-panelTextSelected-color, #ffffff);
  color: var(--framer-fresco-panelTextSelected-color, #ffffff);
}
.rowHiddenSelected_rw8zid5 {
  --collapse-indicator-color:var(--framer-fresco-layerItemIconInactiveSelected-color, #bbbbbb);
  color: var(--framer-fresco-layerItemIconInactiveSelected-color, #bbbbbb);
}
.agentContextToolHighlight_a13fol1j {
  cursor: -webkit--webkit-image-set(url("https://localhost:8009/cursor-insert-KYQDIEGK.png") 1x, url("https://localhost:8009/cursor-insert@2x-PM53FSGF.png") 2x) 16 16, default;
  cursor: -webkit-image-set(url("https://localhost:8009/cursor-insert-KYQDIEGK.png") 1x, url("https://localhost:8009/cursor-insert@2x-PM53FSGF.png") 2x) 16 16, default;
}
.agentContextToolHighlight_a13fol1j::after {
  opacity: 0;
  content: "";
  position: absolute;
  inset: 0;
  background-color: var(--framer-fresco-layerItemAgentContextToolHighlightBackground-color, rgba(0, 153, 255, 0.05));
  border: 1px solid var(--framer-fresco-layerItemAgentContextToolHighlightBorder-color, rgba(0, 153, 255, 0.1));
  box-sizing: border-box;
  border-radius: var(--framer-fresco-inputRadius-dimension, 8px);
  pointer-events: none;
}
.agentContextToolHighlight_a13fol1j:not(.rowSelected_rl63xea):hover {
  color: var(--framer-fresco-tint-color, #0099ff);
}
.agentContextToolHighlight_a13fol1j:not(.rowSelected_rl63xea):hover::after {
  opacity: 1;
}
.indent_i18jgb23 {
  width: var(--layer-item-indent);
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
  content: " ";
  visibility: hidden;
}
.input_ia5afqi {
  width: 100%;
  height: calc(var(--framer-fresco-contentItemHeight-dimension, 30px) - var(--framer-fresco-contentItemPadding-dimension, 4px) * 2);
  padding: var(--framer-fresco-contentItemInputPadding-dimension, 2px);
  border-width: 1px;
  border-radius: var(--framer-fresco-contentItemInputRadius-dimension, 4px);
  background-color: transparent;
  pointer-events: none;
  scroll-snap-margin-right: 8px;
  scroll-margin-right: 8px;
}
.input_ia5afqi::-webkit-input-placeholder {
  color: var(--framer-fresco-layerItemPlaceholderText-color, #999999);
  -webkit-text-fill-color: var(--framer-fresco-layerItemPlaceholderText-color, #999999);
}
.inputUserComponent_i1roe1y1:focus {
  border-width: 10 !important;
  border-color: #85f !important;
}
.inputWrapper_i16ktx2l {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-pack: stretch;
  -ms-flex-pack: stretch;
  -webkit-justify-content: stretch;
  justify-content: stretch;
  padding: var(--framer-fresco-contentItemPadding-dimension, 4px) var(--framer-fresco-contentItemPadding-dimension, 4px) var(--framer-fresco-contentItemPadding-dimension, 4px) 0;
}
.editingInput_ebmoaqb {
  background-color: white;
  pointer-events: auto;
}
.componentLabel_c1ovsc2i {
  color: var(--framer-fresco-layerItemComponentLabel-color, #aaaaaa);
  font-size: 10px;
  line-height: var(--framer-fresco-contentItemHeight-dimension, 30px);
}
.agentContextToolHighlight_a13fol1j:not(.rowSelected_rl63xea):hover .componentLabel_c1ovsc2i {
  color: var(--framer-fresco-tint-color, #0099ff);
}
.primaryLabel_p1uyeq0c {
  color: var(--framer-fresco-tint-color, #0099ff);
}
.componentLabelSelected_cpedzud.componentLabelSelected_cpedzud {
  color: var(--framer-fresco-layerItemComponentLabelSelected-color, #ffffff);
}
.frameIcon_f1yod2t0 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  --layer-breakpoint-secondary-opacity:0.4;
  --layer-collection-item-secondary-opacity:0.4;
  width: 12px;
  height: var(--framer-fresco-contentItemHeight-dimension, 30px);
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  margin-right: calc(var(--framer-fresco-inputSpacing-dimension, 10px) - 1px - var(--framer-fresco-contentItemInputPadding-dimension, 2px));
  -webkit-app-region: "no-drag";
}
.icon_i1icgddi {
  display: var(--layer-panel-icon-display, flex);
  width: 10px;
  height: 100%;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  color: currentColor;
}
.icon_i1icgddi svg {
  width: 100%;
}
.iconDefault_i1y03bmp {
  color: var(--framer-fresco-layerItemIcon-color, #999999);
}
.iconHidden_iortn90 {
  color: var(--framer-fresco-layerItemIconInactive-color, #bbbbbb);
}
.iconHiddenSelected_iid943i {
  color: var(--framer-fresco-layerItemIconInactiveSelected-color, #bbbbbb);
}
.iconSelected_iituews {
  color: var(--framer-fresco-panelTextSelected-color, #ffffff);
  --layer-breakpoint-secondary-opacity:0.6;
  --layer-collection-item-secondary-opacity:0.6;
}
.iconComponent_i1252060 {
  color: var(--framer-fresco-componentTint-color, #8855ff);
}
.iconComponentDimmed_i6c8x8h {
  color: var(--framer-fresco-layerItemIconComponentDimmed-color, #86829a);
}
.iconDimmed_iys2pub {
  color: var(--framer-fresco-layerItemIconDimmed-color, #9aacc0);
}
.iconTint_i1hn5f8x {
  color: var(--framer-fresco-tint-color, #0099ff);
}
.rowComponentNode_r1980kzk .iconTint_i1hn5f8x {
  color: var(--framer-fresco-componentTint-color, #8855ff);
}
.agentIndicatorIcon_aqcrdjw {
  width: 12px;
  color: var(--framer-fresco-agentSecondaryText-color, #999999);
}
.agentContextToolHighlight_a13fol1j:not(.rowSelected_rl63xea):hover .agentIndicatorIcon_aqcrdjw {
  color: var(--framer-fresco-tint-color, #0099ff);
}
.rowSelected_rl63xea .agentIndicatorIcon_aqcrdjw {
  color: var(--framer-fresco-panelTextSelected-color, #ffffff);
}
.rowHidden_r1oj6byl:not(.rowSelected_rl63xea) .agentIndicatorIcon_aqcrdjw {
  color: var(--framer-fresco-layerItemIconInactive-color, #bbbbbb);
}
.rowHiddenSelected_rw8zid5 .agentIndicatorIcon_aqcrdjw {
  color: var(--framer-fresco-layerItemIconInactiveSelected-color, #bbbbbb);
}
.textDefault_t9x9qx5,
.textDefault_t9x9qx5:disabled {
  color: var(--framer-fresco-panelText-color, #666666);
  -webkit-text-fill-color: var(--framer-fresco-panelText-color, #666666);
}
.textSelected_t18efthf,
.textSelected_t18efthf:disabled {
  color: var(--framer-fresco-panelTextSelected-color, #ffffff);
  -webkit-text-fill-color: var(--framer-fresco-panelTextSelected-color, #ffffff);
}
.textInactiveSelected_truxvvm,
.textInactiveSelected_truxvvm:disabled {
  color: var(--framer-fresco-layerItemTextInactiveSelected-color, rgba(255, 255, 255, 0.5));
  -webkit-text-fill-color: var(--framer-fresco-layerItemTextInactiveSelected-color, rgba(255, 255, 255, 0.5));
}
.textInactive_tndvsk7,
.textInactive_tndvsk7:disabled {
  color: var(--framer-fresco-layerItemTextDimmed-color, rgba(102, 102, 102, 0.8));
  -webkit-text-fill-color: var(--framer-fresco-layerItemTextDimmed-color, rgba(102, 102, 102, 0.8));
}
.textEditing_t8d5w75,
.textEditing_t8d5w75:disabled {
  color: black;
  -webkit-text-fill-color: black;
}
.row_rf89uo9:not(.rowSelected_rl63xea):hover .agentTextHighlighting_a1sjufi4,
.row_rf89uo9:not(.rowSelected_rl63xea):hover .agentTextHighlighting_a1sjufi4:disabled {
  color: var(--framer-fresco-tint-color, #0099ff);
  -webkit-text-fill-color: var(--framer-fresco-tint-color, #0099ff);
}
.agentTextEditing_a1p8hsz input,
.agentTextEditing_a1p8hsz input:disabled {
  color: white;
  -webkit-text-fill-color: white;
}
.agentTextEditing_a1p8hsz input::selection {
  background-color: rgba(255, 255, 255, 0.15) !important;
  color: white !important;
}
.agentTextEditing_a1p8hsz input::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.5);
  -webkit-text-fill-color: rgba(255, 255, 255, 0.5);
}
.agentTextEditing_a1p8hsz input::-moz-placeholder {
  color: rgba(255, 255, 255, 0.5);
  -webkit-text-fill-color: rgba(255, 255, 255, 0.5);
}
.agentTextEditing_a1p8hsz input:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.5);
  -webkit-text-fill-color: rgba(255, 255, 255, 0.5);
}
.agentTextEditing_a1p8hsz input::placeholder {
  color: rgba(255, 255, 255, 0.5);
  -webkit-text-fill-color: rgba(255, 255, 255, 0.5);
}
.iconLock_i1x8yv5a {
  padding: 0;
  border: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
  background: none;
  cursor: pointer;
  opacity: 0.5;
  outline: none;
}
.opaqueLock_o1ici22l {
  opacity: 1;
}
.itemContent_ircqkit {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  max-width: var(--tree-available-width);
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.labelsWrapper_l14a7qxm {
  display: none;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0px 8px;
  border-bottom-right-radius: var(--framer-fresco-contentItemRadius-dimension, 8px);
  border-top-right-radius: var(--framer-fresco-contentItemRadius-dimension, 8px);
  gap: 6px;
  pointer-events: auto;
}
.labelsWrapper_l14a7qxm:not(:empty) {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.rightStickyWrapper_r17oxikb {
  position: absolute;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  -webkit-box-pack: justify;
  -ms-flex-pack: space-between;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  pointer-events: none;
}
.rightStickyWrapper_r17oxikb .indent_i18jgb23 {
  margin-right: 53px;
}
.rightStickyWrapper_r17oxikb .labelsWrapper_l14a7qxm {
  position: -webkit-sticky;
  position: sticky;
  right: 0;
  background: linear-gradient(var(--tree-row-background, rgba(0, 0, 0, 0)), var(--tree-row-background, rgba(0, 0, 0, 0))), linear-gradient(var(--framer-fresco-panelBackground-color), var(--framer-fresco-panelBackground-color));
}
.stickyAlignment_sytp6a8 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: 1 1 0%;
  -ms-flex: 1 1 0%;
  flex: 1 1 0%;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: end;
  justify-content: end;
}
.collapseWrapper_cqo66s3 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  visibility: hidden;
}
.leftStickyWrapper_lya950q {
  position: absolute;
  left: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: calc(var(--layer-item-indent) + 45px);
  height: 100%;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: end;
  justify-content: end;
  pointer-events: none;
}
.leftStickyWrapper_lya950q .collapseWrapper_cqo66s3 {
  position: -webkit-sticky;
  position: sticky;
  right: 0;
  pointer-events: auto;
  visibility: visible;
}
@supports (width: calc-size(min-content, size)) {
  .leftStickyWrapper_lya950q {
    width: calc-size(min-content, size + var(--layer-item-indent));
  }
}

/* wyw-in-js:CollapseIndicator.styles_1wo8tdo.wyw.css */
.collapseIndicator_c1nw3fht {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 11px;
  box-sizing: content-box;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  padding: 0;
  border: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
  background: none;
  color: var(--collapse-indicator-color, currentColor);
  cursor: pointer;
  outline: none;
}
.collapseIndicator_c1nw3fht > svg {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
  transform-origin: center center;
}
.alignLeft_a1pw5sbj {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}
.collapsePlaceholder_c39zbqh {
  width: 11px;
  box-sizing: content-box;
}
.withPaddingAndMargin_wqiy257 {
  padding-left: 10px !important;
  margin: 0 10px 0 0;
}
.withPaddingAndMargin_wqiy257.alignLeft_a1pw5sbj {
  margin: 0 5px 0 0;
}
.collapseIndicatorExpanded_c1sx3h7b > svg {
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
}

/* wyw-in-js:EditableTextInput.styles_1lyda5.wyw.css */
.nonEditingInputWrapper_n17gpdk2 {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 1px;
  height: var(--framer-fresco-inputHeight-dimension, 30px);
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-right: 4px;
  padding-left: 4px;
  gap: 4px;
}
.text_t3suiwm {
  width: 1px;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  color: var(--framer-fresco-panelText-color, #666666);
  font-weight: var(--framer-fresco-baseActive-font-weight, 500);
  white-space: pre;
}
.textSafari_t1s99slc {
  will-change: transform;
}
.label_ly4wtci {
  color: var(--framer-fresco-inputLabel-color, #999999);
  font-weight: var(--framer-fresco-baseActive-font-weight, 500);
  white-space: nowrap;
}
.input_i22e7rk {
  height: calc(var(--framer-fresco-contentItemHeight-dimension, 30px) - var(--framer-fresco-contentItemPadding-dimension, 4px) * 2);
  padding: var(--framer-fresco-contentItemInputPadding-dimension, 2px) calc(var(--framer-fresco-contentItemInputPadding-dimension, 2px) + 1px) var(--framer-fresco-contentItemInputPadding-dimension, 2px) calc(var(--framer-fresco-contentItemInputPadding-dimension, 2px) + 1px);
  border-width: 1px;
  border-radius: var(--framer-fresco-contentItemInputRadius-dimension, 4px);
  background-color: transparent;
  pointer-events: none;
}
.input_i22e7rk,
.input_i22e7rk:disabled {
  color: var(--framer-fresco-panelText-color, #666666);
  -webkit-text-fill-color: var(--framer-fresco-panelText-color, #666666);
}
.input_i22e7rk::-webkit-input-placeholder {
  color: var(--framer-fresco-layerItemPlaceholderText-color, #999999);
  -webkit-text-fill-color: var(--framer-fresco-layerItemPlaceholderText-color, #999999);
}
.editingInput_e5zlgza {
  background-color: white;
  color: black;
  pointer-events: auto;
  -webkit-text-fill-color: black;
}
.inlineEditingInput_i18trgiu {
  background-color: transparent;
  color: var(--framer-fresco-inputTextActive-color, #000000);
  -webkit-text-fill-color: var(--framer-fresco-inputTextActive-color, #000000);
}
.inlineEditingInput_i18trgiu:focus {
  border-color: transparent;
}
.unsaturatedSelection_u1wkvghs.unsaturatedSelection_u1wkvghs::selection {
  background-color: var(--framer-fresco-selectionUnsaturatedBackground-color, rgba(0, 0, 0, 0.1));
  color: var(--framer-fresco-selectionUnsaturatedText-color, #000000);
}

/* wyw-in-js:CollapsibleRow.styles_q2v6rc.wyw.css */
.inputWrapper_i3lf05q {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin-left: -1px;
}
.inputWrapper_i3lf05q > input {
  height: calc(var(--framer-fresco-contentItemHeight-dimension, 30px) - 8px);
}
.inputWrapperAgent_i1odo8pq.nonEditingInputWrapper_n17gpdk2 {
  padding-right: 0;
  padding-left: 0;
}
.inputWrapperAgent_i1odo8pq.editingInputWrapper_en4qia2 > .input_i22e7rk {
  padding-right: 0;
  padding-left: 0;
  border-width: 0;
}
.inputWrapperSelected_iy5ki9g > .text_t3suiwm {
  color: var(--framer-fresco-inputTextActive-color, #000000);
}
.settingsButton_srucjtl {
  display: none;
  background-color: transparent;
  color: var(--framer-fresco-pageContextMenuButtonIcon-color, #999999);
}
.settingsButton_srucjtl:focus:not(:disabled),
.settingsButton_srucjtl:hover:not(:disabled),
.settingsButton_srucjtl:active:focus:not(:disabled),
.settingsButton_srucjtl:active:hover:not(:disabled) {
  background-color: transparent;
}
.settingsButtonSelected_s23srp5 {
  color: var(--framer-fresco-pageContextMenuButtonIconSelected-color, #666666);
}
.settingsButtonSelected_s23srp5:focus:not(:disabled),
.settingsButtonSelected_s23srp5:hover:not(:disabled),
.settingsButtonSelected_s23srp5:active:focus:not(:disabled),
.settingsButtonSelected_s23srp5:active:hover:not(:disabled) {
  color: var(--framer-fresco-pageContextMenuButtonIconSelected-color, #666666);
}
.badge_b1wayvt3 {
  display: inline-block;
  padding: 2px 5px;
  border-radius: 10px;
  background-color: var(--framer-fresco-pageRowBackgroundActive-color, #f3f3f3);
  color: var(--framer-fresco-inputLabel-color, #999999);
  font-size: 10px;
  font-weight: var(--framer-fresco-headingBold-font-weight, 700);
  line-height: 1.2;
  text-align: center;
  text-transform: uppercase;
}
.badge_b1wayvt3 + .badge_b1wayvt3 {
  padding: 2px 4px;
  border-radius: 0;
  margin-left: 1px;
}
.badge_b1wayvt3:first-child:not(:last-child) {
  padding: 2px 4px 2px 5px;
  border-radius: 10px 2px 2px 10px;
}
.badge_b1wayvt3:last-child:not(:first-child) {
  padding: 2px 5px 2px 4px;
  border-radius: 2px 10px 10px 2px;
}
.collapsibleRow_c97qmlw {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: 100%;
  height: var(--framer-fresco-contentItemHeight-dimension, 30px);
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 14px 4px 14px 15px;
  box-shadow: inset 0 0 0 1px transparent;
  border-radius: var(--framer-fresco-contentItemRadius-dimension, 8px);
  cursor: default;
  -webkit-user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.collapsibleRow_c97qmlw:hover :not(.editingInputWrapper_en4qia2) + .settingsButton_srucjtl,
.collapsibleRow_c97qmlw.collapsibleRowWithOpenMenu_c5b8jxj .settingsButton_srucjtl {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.collapsibleRow_c97qmlw:focus-within .hideOnHover_hymbto6,
.collapsibleRow_c97qmlw:hover .hideOnHover_hymbto6,
.collapsibleRow_c97qmlw.collapsibleRowWithOpenMenu_c5b8jxj .hideOnHover_hymbto6 {
  display: none;
}
.collapsibleRowSelected_cimf5a8 {
  background-color: var(--framer-fresco-pageRowBackgroundActive-color, #f3f3f3);
  color: var(--framer-fresco-pageRowTextActive-color, #000000);
}
.iconWrapper_i1g47cmw {
  width: 12px;
  height: 12px;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  margin-right: 7px;
  color: var(--framer-fresco-layerItemIcon-color, #999999);
}
.iconWrapperSelected_i11kbyn2 {
  color: var(--framer-fresco-pageIconSelected-color, #222222);
}
.iconWrapperAgent_iaud15x {
  margin-right: 11px;
}
.collapseSpacer_c1gi2t9h {
  width: 6px;
  height: 6px;
  margin-right: 11px;
  margin-left: -6px;
}
.collapseArea_cwhmypa {
  position: absolute;
  top: 0;
  left: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-right: 10px;
  border: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
  background: none;
  color: none;
  cursor: pointer;
  outline: none;
}
.collapseArea_cwhmypa > div {
  width: 6px;
  height: 6px;
}
.collapseArea_cwhmypa svg {
  color: var(--framer-fresco-collapsibleCaret-color, #aaaaaa);
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
  transform-origin: center center;
}
.collapseIndicatorCollapsed_c1e76oam svg {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.collapseIndicatorSelected_c1u6onkx svg {
  color: var(--framer-fresco-collapsibleCaretActive-color, #666666);
}
.subLabel_saa07z4 {
  padding: 0 8px;
  color: var(--framer-fresco-inputLabel-color, #999999);
  font-size: var(--framer-fresco-label-font-size, 10px);
  font-variant-numeric: tabular-nums;
  font-weight: var(--framer-fresco-baseActive-font-weight, 500);
}
.collapsibleTitleArea_c1j3gzec {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: none;
}
.collapsibleRowDivider_c1oteaxv {
  height: 1px;
  margin-top: 10px;
  margin-bottom: 10px;
  background-color: var(--framer-fresco-panelDivider-color, #eeeeee);
}
.collapsibleRowDividerContainer_cd35766 {
  padding-left: 4px;
}
.dividerCollapsible_do8xoxv {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  border: none;
  border-top: 1px solid var(--framer-fresco-collapsibleRowDivider-color, rgba(17, 17, 17, 0.07));
  margin: 0;
}
.dividerSelected_d7mca4t {
  border-top: 1px solid var(--framer-fresco-collapsibleRowDividerSelected-color, #dddddd);
}
.conflictWarning_cqw00wn {
  color: var(--framer-fresco-layerItemIcon-color, #999999);
}
.hideIconInputWrapper_hsv1hev.nonEditingInputWrapper_n17gpdk2 {
  padding-left: 2px;
}
.hideIconInputWrapper_hsv1hev.editingInputWrapper_en4qia2 > .input_i22e7rk {
  padding-left: 2px;
}
.hideIconInputWrapper_hsv1hev > .text_t3suiwm {
  color: var(--framer-fresco-dividerWithTitleRow-color, #999999);
}

/* wyw-in-js:SubLabel.styles_1t5hvu5.wyw.css */
.subLabelText_spzzsdk {
  color: var(--framer-fresco-panelSubLabel-color, #999999);
  font-size: var(--framer-fresco-label-font-size, 10px);
  font-variant-numeric: tabular-nums;
  font-weight: var(--framer-fresco-baseActive-font-weight, 500);
}
.subLabelTextSelected_sj86cvt {
  color: var(--framer-fresco-inputLabel-color, #999999);
}

/* wyw-in-js:ColorPickerTokenRowPreview.styles_1pbm0yw.wyw.css */
.icon_i1wb0hqe {
  position: relative;
  width: var(--colorStyleIconSize, 15px);
  min-width: var(--colorStyleIconSize, 15px);
  height: var(--colorStyleIconSize, 15px);
  border-radius: 50%;
  pointer-events: none;
}
.icon_i1wb0hqe::after {
  position: absolute;
  border: 1px solid var(--framer-fresco-colorStyleBorder-color, #000000);
  border-radius: 50%;
  background: transparent;
  content: "";
  inset: 0;
  opacity: 0.1;
}
.dashed_dxlwbcn::after {
  border: 1px dashed var(--framer-fresco-colorStyleBorder-color, #000000);
}

/* wyw-in-js:AddToLibraryModal.styles_1x4kbwf.wyw.css */
.modal_m2pik8 {
  max-width: var(--framer-fresco-modalWidth-dimension, 260px);
}
.confirmButton_c1iujwaq {
  background-color: var(--framer-fresco-buttonBackgroundPrimary-color, #0099ff);
  color: var(--framer-fresco-buttonTextPrimary-color, #ffffff);
}
.confirmButton_c1iujwaq:focus:not(:disabled),
.confirmButton_c1iujwaq:hover:not(:disabled) {
  background-color: var(--framer-fresco-buttonBackgroundPrimaryHover-color, #0088ff);
}
.confirmButton_c1iujwaq:active:focus:not(:disabled),
.confirmButton_c1iujwaq:active:hover:not(:disabled) {
  background-color: var(--framer-fresco-buttonBackgroundPrimaryActive-color, #0077FF);
}
.confirmButton_c1iujwaq > div:first-child {
  margin-right: 5px;
}

/* wyw-in-js:panelMultiSelect.styles_h6i6ju.wyw.css */
.selectedSibling_s19ww6iw + .selectedSibling_s19ww6iw [aria-selected=true] {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.selectedSibling_s19ww6iw:has(+ .selectedSibling_s19ww6iw) [aria-selected=true] {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
@supports selector(:has(*)) {
  .selectedSibling_s19ww6iw :has([aria-expanded]) [aria-selected=true] {
    -webkit-animation: _selected_sibling_safari_fix 0.001s step-end;
    animation: _selected_sibling_safari_fix 0.001s step-end;
  }
  @-webkit-keyframes _selected_sibling_safari_fix-selectedSibling_s19ww6iw {
    from {
      -webkit-transform: translateZ(0);
      -moz-transform: translateZ(0);
      -ms-transform: translateZ(0);
      transform: translateZ(0);
    }
    to {
      -webkit-transform: translateZ(0);
      -moz-transform: translateZ(0);
      -ms-transform: translateZ(0);
      transform: translateZ(0);
    }
  }
  @keyframes _selected_sibling_safari_fix-selectedSibling_s19ww6iw {
    from {
      -webkit-transform: translateZ(0);
      -moz-transform: translateZ(0);
      -ms-transform: translateZ(0);
      transform: translateZ(0);
    }
    to {
      -webkit-transform: translateZ(0);
      -moz-transform: translateZ(0);
      -ms-transform: translateZ(0);
      transform: translateZ(0);
    }
  }
}

/* wyw-in-js:InsertionIndicator.styles_18vm97c.wyw.css */
.container_c1ba02zj {
  position: absolute;
  right: 0;
  left: 0;
  width: 100%;
}
.line_l1k1c7a1 {
  position: relative;
  z-index: 11;
  width: 100%;
  height: 1px;
  background-color: var(--insertion-indicator-color, var(--framer-fresco-tint-color, #0099ff));
}
.circle_cn0j1kj {
  position: absolute;
  top: -3px;
  left: -7px;
  width: 7px;
  height: 7px;
  border-width: 1px;
  border-style: solid;
  border-color: var(--insertion-indicator-color, var(--framer-fresco-tint-color, #0099ff));
  border-radius: 5px;
  background-color: var(--framer-fresco-panelBackground-color, #ffffff);
}

/* wyw-in-js:DraggableEntityItem.styles_1kn75gl.wyw.css */
.container_c19ob8lo {
  position: relative;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.dropTargetContainer_dqe20r0 {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.dropTarget_djrovbw {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.multiItemPlaceholder_m1mplqpt {
  left: 25%;
  pointer-events: none;
  white-space: nowrap;
}

/* wyw-in-js:EntityAssetRow.styles_16bb61m.wyw.css */
.button_bxflhux {
  border: 0;
  background: transparent;
  color: var(--framer-fresco-panelText-color, #666666);
}
.button_bxflhux:active,
.button_bxflhux:hover,
.button_bxflhux:focus {
  border: 0;
  border-color: transparent;
}
.button_bxflhux[aria-selected=true] {
  background: var(--framer-fresco-assetSelectedBackground-color, #f3f3f3);
  color: var(--framer-fresco-assetSelectedColor-color, #000000);
}
.button_bxflhux[aria-selected=true] span.text_t3suiwm {
  color: var(--framer-fresco-assetSelectedColor-color, #000000);
}
.outline_o1je1zhz input:active,
.outline_o1je1zhz input:hover {
  border-color: var(--entity-asset-folder-color, #999999);
}
.outline_o1je1zhz input:focus {
  border-color: var(--entity-asset-interaction-border-color, var(--entity-asset-folder-color, #999999));
}
.icon_i1rdyvjx {
  color: var(--entity-asset-folder-color, var(--framer-fresco-assetCodeFileIcon-color, #999999));
}
.blue_b7ncebt {
  color: #0099ff;
}
.externalVectors_esuqfvg {
  --entity-asset-folder-color:#0099ff;
}
body[data-framer-theme=light] .vectorBadge_vb8z7y7 {
  background-color: rgba(0, 153, 255, 0.1);
  color: #0099ff;
}
body[data-framer-theme=dark] .vectorBadge_vb8z7y7 {
  background-color: rgba(0, 153, 255, 0.15);
  color: #0099ff;
}
.draggedOverRow_dcrgoo0 {
  border-color: var(--entity-asset-interaction-border-color, var(--entity-asset-folder-color, #999999));
}

/* wyw-in-js:ButtonSheet.styles_1a2ejuu.wyw.css */
.items_i15mi7wq {
  padding: 0 10px;
  border-radius: var(--framer-fresco-inputRadius-dimension, 8px);
  margin: 10px 0 0 0;
  background-color: var(--framer-fresco-buttonSheetBackground-color, #f3f3f3);
}
.plainItems_p1j8fte9 {
  padding: 0;
  border-radius: 0;
  background-color: transparent;
}
.link_l6r3fbg {
  display: block;
  width: 100%;
  padding: 5px 0;
}
.link_l6r3fbg:hover,
.link_l6r3fbg:hover:not(:disabled),
.link_l6r3fbg:active:hover:not(:disabled),
.link_l6r3fbg:focus:not(:disabled),
.link_l6r3fbg:active:focus:not(:disabled) {
  color: var(--framer-fresco-buttonSheetText-color, #8e8e8e);
}
.plainLink_p17gpj3h {
  padding: 8px 0;
}
.item_im3at28 {
  cursor: pointer;
  height: 30px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.item_im3at28 svg,
.item_im3at28 .link_l6r3fbg {
  color: var(--framer-fresco-buttonSheetText-color, #8e8e8e);
}
.item_im3at28 + .item_im3at28 {
  border-top: 1px solid var(--framer-fresco-buttonSheetDivider-color, #ebebeb);
}
.staticItem_so163bv {
  cursor: default;
}
.plainItem_p16qxw33 svg {
  color: var(--framer-fresco-buttonSheetPlainIconColor-color, #999999);
}
.plainItem_p16qxw33 .link_l6r3fbg {
  color: var(--framer-fresco-variableRowText-color, #666666);
}
.plainItem_p16qxw33 .link_l6r3fbg:hover,
.plainItem_p16qxw33 .link_l6r3fbg:hover:not(:disabled),
.plainItem_p16qxw33 .link_l6r3fbg:active:hover:not(:disabled),
.plainItem_p16qxw33 .link_l6r3fbg:focus:not(:disabled),
.plainItem_p16qxw33 .link_l6r3fbg:active:focus:not(:disabled) {
  color: var(--framer-fresco-variableRowText-color, #666666);
}
.plainItem_p16qxw33 + .plainItem_p16qxw33 {
  border-top-color: var(--framer-fresco-buttonSheetPlainBorderBottom-color, rgba(17, 17, 17, 0.05));
}
.grow_g1mg6odu {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.noShrink_nnqin9u {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

/* wyw-in-js:EmptyEntityAssetResults.styles_1x95aoh.wyw.css */
.noResultsWrapper_n1fixlrr {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: var(--framer-fresco-tableRowHeight-dimension, 51px);
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  padding: 0 var(--framer-fresco-panelPadding-dimension, 15px);
  color: #999999;
  font-weight: var(--framer-fresco-baseActive-font-weight, 500);
}

/* wyw-in-js:SelectStyleEntityAssetPopoutContent.styles_2hhny8.wyw.css */
.listWrapper_l184m9tn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.noPaddingTop_ngigcnt {
  padding-top: 0;
}
.divider_d1du6z0j {
  position: relative;
}
.divider_d1du6z0j::after {
  position: absolute;
  z-index: 11;
  top: 0;
  right: var(--framer-fresco-popoverPadding-dimension, 15px);
  left: var(--framer-fresco-popoverPadding-dimension, 15px);
  height: 1px;
  background: var(--framer-fresco-panelDivider-color, #eeeeee);
  content: "";
}
.itemsWrapper_i1quduhy {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 0 var(--framer-fresco-popoverPadding-dimension, 15px);
  margin-top: var(--framer-fresco-popoverPadding-dimension, 15px);
  gap: 1px;
}
.marginTop_mnw4tg6 {
  margin-top: var(--framer-fresco-popoverPadding-dimension, 15px);
}
.sticky_sp2ghbf {
  position: -webkit-sticky;
  position: sticky;
  z-index: 10;
  top: 0;
}
.newStyleButtonWrapper_n1n2g0vl {
  position: -webkit-sticky;
  position: sticky;
  z-index: 10;
  bottom: 0;
  padding: var(--framer-fresco-popoverPadding-dimension, 15px);
  background-color: var(--framer-fresco-panelBackground-color, #ffffff);
  border-radius: var(--framer-fresco-floatingWindowRadius-dimension, 16px);
}
.newStyleButton_n1v9q03l {
  width: 100%;
}
.noStylesButton_n7mqhvd {
  padding-top: var(--framer-fresco-inputSpacing-dimension, 10px);
}
.editButton_evj928p {
  display: none;
  height: 30px;
  border-radius: var(--framer-fresco-contentItemRadius-dimension, 8px);
  margin-right: -4px;
  color: var(--framer-fresco-buttonText-color, #333333);
}
[aria-selected=true] .editButton_evj928p {
  background: var(--framer-fresco-pageRowBackgroundActive-color, #f3f3f3);
}
[aria-selected=true] .editButton_evj928p:hover,
[aria-selected=true] .editButton_evj928p:active:focus {
  background: var(--framer-fresco-pageRowBackgroundActive-color, #f3f3f3);
}
.itemWrapper_iu88gkv {
  border: 0;
}
.itemWrapper_iu88gkv:hover .editButton_evj928p {
  display: block;
}
.paddingBottom_p1b4ifmh {
  padding-bottom: var(--framer-fresco-popoverPadding-dimension, 15px);
}
.scroll_sazlnea {
  max-height: var(--framer-fresco-contentMaxHeight-dimension, 560px);
  margin: 0;
}
.container_c4ewaa3 {
  padding: 0;
}
.scrollWrapper_s1hq378l {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

/* wyw-in-js:TableSearchBar.styles_mkfm1c.wyw.css */
.row_r1scmgcx {
  position: relative;
  height: var(--framer-fresco-tableRowHeight-dimension, 51px);
  padding-right: var(--framer-fresco-panelPadding-dimension, 15px);
  padding-left: 7px;
  background-color: var(--framer-fresco-panelBackground-color, #ffffff);
}
.row_r1scmgcx::after {
  position: absolute;
  right: var(--framer-fresco-panelPadding-dimension, 15px);
  bottom: 0;
  left: var(--framer-fresco-panelPadding-dimension, 15px);
  height: 1px;
  background-color: var(--framer-fresco-panelDivider-color, #eeeeee);
  content: "";
}
.spreadsheetRow_s1t189mt {
  height: var(--framer-fresco-spreadsheetRowHeight-dimension, 51px);
}
.fullWidthBottomSeparator_fcnd7nx::after {
  right: 0;
  left: 0;
}
.searchBar_s19qx2a5 {
  width: 100%;
  border: none;
  background: none;
}
.searchBar_s19qx2a5 > input,
.searchBar_s19qx2a5 > input::-webkit-input-placeholder {
  font-size: var(--search-bar-font-size, var(--framer-fresco-base-font-size, 12px));
}
body[data-framer-theme=dark] .searchBar_s19qx2a5 {
  color: var(--framer-fresco-cmsTableSearchIcon-color, #999999);
}
body[data-framer-theme=dark] .searchBar_s19qx2a5 > input::-webkit-input-placeholder {
  color: var(--framer-fresco-cmsTableSearchIcon-color, #999999);
  -webkit-text-fill-color: var(--framer-fresco-cmsTableSearchIcon-color, #999999);
}
.categoryToken_c1fn15ez {
  max-width: 250px;
  height: var(--framer-fresco-inputHeightSmall-dimension, 26px);
  border-radius: var(--framer-fresco-inputRadius-dimension, 8px);
  margin-left: calc(var(--framer-fresco-panelPadding-dimension, 15px) - 7px);
  background-color: var(--framer-fresco-toolbarButtonIconSites-color, #888888);
  color: var(--framer-fresco-panelBackground-color, #ffffff);
  cursor: pointer;
  font-size: var(--framer-fresco-base-font-size, 12px);
  font-weight: var(--framer-fresco-heading-font-weight, 600);
  line-height: 1.1;
}
.clearIconWrapper_cb1iqun {
  position: relative;
}
.clearIconWrapper_cb1iqun::after {
  position: absolute;
  top: -9px;
  right: -9px;
  bottom: -9px;
  left: -9px;
  content: "";
}

/* wyw-in-js:ColorPopoutButton.styles_1oignw2.wyw.css */
.innerText_ifinndj {
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  margin-left: auto;
  color: var(--framer-fresco-inputLabel-color, #999999);
  font-size: 9px;
  font-variant-numeric: tabular-nums;
  letter-spacing: -0.01em;
}

/* wyw-in-js:PopoutButtonWithPreviewSuggestion.styles_hepgjp.wyw.css */
.button_b11f2aom {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: var(--framer-fresco-inputHeight-dimension, 30px);
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px solid transparent;
  border-radius: var(--framer-fresco-inputRadius-dimension, 8px);
  background-color: var(--framer-fresco-inputBackground-color, #f3f3f3);
  cursor: pointer;
  font-size: var(--framer-fresco-base-font-size, 12px);
  font-weight: var(--framer-fresco-base-font-weight, 500);
}
.readonly_r1ihmrto {
  pointer-events: none;
}
.title_t8942cu {
  color: var(--framer-fresco-inputLabel-color, #999999);
}
.readonly_r1ihmrto .title_t8942cu {
  color: var(--framer-fresco-inputLabelDisabled-color, #dddddd);
}
.actionIconWrapper_a11ph0ck {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: var(--framer-fresco-sitesPopoutIconSize-dimension, 22px);
  height: var(--framer-fresco-sitesPopoutIconSize-dimension, 22px);
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  background-color: currentColor;
  color: var(--framer-fresco-swatchBackgroundPlaceholderForBorder-color, #cccccc);
}

/* wyw-in-js:FusedNumberInputs.styles_le9o92.wyw.css */
.inputContainer_iae4d26 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-align-items: stretch;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  gap: var(--framer-fresco-inputSpacing-dimension, 10px);
}
.fusedNumberInputs_f1idai8v {
  gap: 0px;
}
.fusedNumberInputs_f1idai8v > div {
  padding-right: 0;
  margin-right: 1px;
}
.fusedNumberInputs_f1idai8v > div:last-child {
  margin-right: 0;
}
.fusedNumberInputs_f1idai8v > div > div > input,
.fusedNumberInputs_f1idai8v > div > div {
  border-radius: 0;
}
.fusedNumberInputs_f1idai8v > div:first-child > div > input,
.fusedNumberInputs_f1idai8v > div:first-child > div {
  border-radius: var(--framer-fresco-inputRadius-dimension, 8px) 0 0 var(--framer-fresco-inputRadius-dimension, 8px);
}
.fusedNumberInputs_f1idai8v > div:last-child > div > input,
.fusedNumberInputs_f1idai8v > div:last-child > div {
  border-radius: 0 var(--framer-fresco-inputRadius-dimension, 8px) var(--framer-fresco-inputRadius-dimension, 8px) 0;
}
.inputLabelWrapper_i1gbk7xh {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: var(--framer-fresco-inputSpacing-dimension, 10px);
}
.label_l123ciep {
  text-align: center;
}

/* wyw-in-js:NumberShorthandInput.styles_f2x8p.wyw.css */
.container_cizp6i0 {
  display: -ms-grid;
  display: grid;
  -webkit-column-gap: var(--framer-fresco-inputSpacing-dimension, 10px);
  column-gap: var(--framer-fresco-inputSpacing-dimension, 10px);
  -ms-grid-columns: repeat(2, 1fr);
  grid-template-columns: repeat(2, 1fr);
  -ms-grid-rows: auto;
  grid-template-rows: auto;
  row-gap: var(--framer-fresco-inputSpacing-dimension, 10px);
}

/* wyw-in-js:ComputedValuePopout.styles_19zm6q6.wyw.css */
.scrollContainer_spc7gkz {
  max-height: calc(100vh - var(--framer-fresco-floatingWindowToolbarHeight-dimension, 50px) - var(--framerInternalUI-chromeMarginTop) - var(--framerInternalUI-chromeMarginBottom) - 2 * var(--framer-fresco-popoverPadding-dimension, 15px));
}

/* wyw-in-js:InlineDocumentation.styles_1ociz1k.wyw.css */
.inlineDocumentation_ia3rrjn {
  color: var(--framer-fresco-panelDescription-color, #999999);
  cursor: default;
  font-size: var(--framer-fresco-base-font-size, 12px);
  line-height: 1.6;
}
.inlineDocumentation_ia3rrjn p:first-of-type {
  margin-top: 0;
}
.inlineDocumentation_ia3rrjn p:last-of-type {
  margin-bottom: 0;
}
.inlineDocumentation_ia3rrjn a {
  color: var(--framer-fresco-buttonBackgroundPrimary-color, #0099ff);
}
.inlineDocumentation_ia3rrjn em {
  color: var(--framer-fresco-panelRowTitle-color, #666666);
  font-style: normal;
  font-weight: var(--framer-fresco-baseActive-font-weight, 500);
}

/* wyw-in-js:DescriptionRow.styles_10ftxev.wyw.css */
.description_d1ykgdi6 a {
  -webkit-text-decoration: none;
  text-decoration: none;
}
.withMargin_w1wgf3m {
  margin-bottom: 10px;
}

/* wyw-in-js:LocaleSelector.styles_1dq7e8.wyw.css */
.inputLabel_ig3v3de {
  max-width: 70%;
  -webkit-flex-shrink: 100;
  -ms-flex-negative: 100;
  flex-shrink: 100;
  padding-right: var(--framer-fresco-inputIconPadding-dimension, 8px);
  padding-left: 5px;
  color: var(--framer-fresco-inputLabel-color, #999999);
  cursor: default;
  font-weight: var(--framer-fresco-baseActive-font-weight, 500);
  white-space: nowrap;
}
.inputLabelDisabled_i1mxkhje {
  opacity: 0.6;
}

/* wyw-in-js:VariableReferenceButton.styles_14thnsv.wyw.css */
.button_by3f1yf {
  position: relative;
  height: var(--framer-fresco-inputHeight-dimension, 30px);
  min-height: var(--framer-fresco-inputHeight-dimension, 30px);
  border-radius: var(--framer-fresco-inputRadius-dimension, 8px);
  background-color: var(--framer-fresco-tint-color, #0099ff);
  cursor: default;
  overflow: hidden;
}
.buttonWithError_b1locfei {
  background-color: var(--framer-fresco-warningText-color, #FF9900);
}
.clickableButton_ck79ln6 {
  cursor: pointer;
}
.iconWrapper_ikobvuw {
  width: var(--framer-fresco-sitesPopoutIconSize-dimension, 22px);
  height: var(--framer-fresco-sitesPopoutIconSize-dimension, 22px);
  border-radius: calc(var(--framer-fresco-inputRadius-dimension, 8px) / 2);
  color: var(--framer-fresco-swatchBackgroundForComputedValue-color, rgba(255, 255, 255, 0.2));
}
.iconWrapperAgent_iz41s9a {
  width: var(--framer-fresco-sitesPopoutIconSize-dimension, 22px);
  height: var(--framer-fresco-sitesPopoutIconSize-dimension, 22px);
}
.titleWrapper_t11k2f3d {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  color: white;
  pointer-events: none;
}
.closeWrapper_c1wy3we0 {
  width: calc(var(--framer-fresco-inputHeight-dimension, 30px) - 6px);
  height: var(--framer-fresco-inputHeight-dimension, 30px);
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  color: white;
  cursor: pointer;
}
.menuButton_m1vt2ra9 {
  position: relative;
  width: 25px;
  height: var(--framer-fresco-inputHeight-dimension, 30px);
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  color: white;
  cursor: pointer;
}
.menuButton_m1vt2ra9::before {
  position: absolute;
  top: 50%;
  left: 0;
  width: 1px;
  height: 22px;
  background-color: rgb(255, 255, 255);
  content: "";
  opacity: 0.2;
  -webkit-transform: translateY(calc(-50% + 1px));
  -moz-transform: translateY(calc(-50% + 1px));
  -ms-transform: translateY(calc(-50% + 1px));
  transform: translateY(calc(-50% + 1px));
}

/* wyw-in-js:ValueTransformChain.styles_8xelte.wyw.css */
.topMargin_t1sh08fv {
  margin-top: calc(-1 * var(--framer-fresco-inputSpacing-dimension, 10px));
}
.topMarginWithError_t1plzp3r {
  margin-top: var(--framer-fresco-inputSpacing-dimension, 10px);
}
.dividerAbove_d1onjkvi {
  position: relative;
}
.dividerAbove_d1onjkvi::after {
  position: absolute;
  top: 0;
  right: var(--framer-fresco-panelPadding-dimension, 15px);
  left: var(--framer-fresco-panelPadding-dimension, 15px);
  height: 1px;
  border-radius: 1px;
  background-color: var(--framer-fresco-panelDivider-color, #eeeeee);
  content: "";
}
.warningContainer_w10su6nm {
  z-index: 1;
  border-top: solid 1px #cc7a00;
  border-bottom: solid 1px #cc7a00;
  margin-top: -1px;
  background-color: var(--framer-fresco-warningText-color, #FF9900);
  color: white;
}
.warningContainer_w10su6nm svg {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.typeWarningReplaceButton_t10qkdqj {
  position: relative;
  cursor: pointer;
}
.typeWarningReplaceButton_t10qkdqj::before {
  position: absolute;
  top: -10px;
  right: -10px;
  bottom: -10px;
  left: -10px;
  content: "";
}

/* wyw-in-js:FetchDataValueButton.styles_1t9yg9a.wyw.css */
.button_b1njk4r9 {
  background-color: var(--framer-fresco-tint-color, #0099ff);
}

/* wyw-in-js:FetchDataValuePopout.styles_6s20ae.wyw.css */
.scrollContainer_s1b5mru3 {
  max-height: calc(100vh - var(--framer-fresco-floatingWindowToolbarHeight-dimension, 50px) - var(--framerInternalUI-chromeMarginTop) - var(--framerInternalUI-chromeMarginBottom) - 2 * var(--framer-fresco-popoverPadding-dimension, 15px));
}
.spinner_s1qtjerc {
  margin-right: 7px;
  opacity: 0.5;
}
.urlInput_u1u7jv6n {
  padding: 5px 8px;
  line-height: 1.5;
  resize: none;
  word-break: break-all;
}
.urlInputWrapper_u8u1qu1 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

/* wyw-in-js:FillImageAltRows.styles_1h190fi.wyw.css */
.sortable_s14rcm56 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: var(--framer-fresco-inputSpacing-dimension, 10px);
}

/* wyw-in-js:FontPopout.styles_z80acb.wyw.css */
.popoutContent_psyfoao {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 390px;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.scroll_s1lgtlix {
  position: relative;
  height: 1px;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  padding-bottom: var(--framer-fresco-popoverPadding-dimension, 15px);
  border-radius: var(--framer-fresco-inputRadius-dimension, 8px) var(--framer-fresco-inputRadius-dimension, 8px) 0 0;
  margin-right: var(--framer-fresco-popoverPadding-dimension, 15px);
  margin-left: var(--framer-fresco-popoverPadding-dimension, 15px);
}

/* wyw-in-js:FontPreview.styles_1gq4ao7.wyw.css */
.fontPreview_f1tx5bqc {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
.fontPreviewFadeOut_f1vf11c9 {
  -webkit-mask-image:
    linear-gradient(
      90deg,
      rgba(255, 255, 255, 1) 85%,
      rgba(255, 255, 255, 0) 100%);
  mask-image:
    linear-gradient(
      90deg,
      rgba(255, 255, 255, 1) 85%,
      rgba(255, 255, 255, 0) 100%);
}
.fontImage_fzmz7jy {
  opacity: 0;
  -webkit-transition: opacity 1000ms ease;
  transition: opacity 1000ms ease;
}
.fontImageLoaded_f1hu2qe6 {
  opacity: 1;
}
.invertFontImage_i1sg2nd {
  -webkit-filter: invert(100%);
  filter: invert(100%);
}
.titleWrapper_t1wuq31r {
  width: 1px;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  overflow-y: visible;
  pointer-events: none;
  text-box-edge: cap alphabetic;
  text-box-trim: trim-both;
}

/* wyw-in-js:ListItem.styles_uz4t07.wyw.css */
.fontFamilyRow_f1n90hmg {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 30px;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: space-between;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  padding-left: var(--framer-fresco-inputPaddingHorizontal-dimension, 8px);
  border-radius: var(--framer-fresco-inputRadius-dimension, 8px);
  color: var(--framer-fresco-panelTitle-color, #333333);
  cursor: pointer;
  -webkit-user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.fontFamilyRow_f1n90hmg:last-of-type {
  margin-bottom: 15px;
}
.fontFamilyRowHighlighted_f1jc60k6 {
  background: var(--framer-fresco-inputBackground-color, #f3f3f3);
}
.fontFamilyRowSelected_fljblp3 {
  background: var(--framer-fresco-tint-color, #0099ff);
  color: white;
}
.disabled_d1ift3ob {
  pointer-events: none;
}
.fontFamilyRowMore_f6tha0f {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-right: calc(var(--framer-fresco-inputPaddingHorizontal-dimension, 8px) - 1px);
  color: var(--framer-fresco-inputIcon-color, #999999);
  opacity: 0;
}
.fontFamilyRowMore_f6tha0f:hover {
  color: var(--framer-fresco-inputIconHover-color, #888888);
  -webkit-transition: 0.2s color;
  transition: 0.2s color;
}
.fontFamilyRowSelected_fljblp3 .fontFamilyRowMore_f6tha0f {
  color: white;
}
.fontFamilyRowSelected_fljblp3 .fontFamilyRowMore_f6tha0f:hover {
  color: white;
}
.fontFamilyRowHighlighted_f1jc60k6 .fontFamilyRowMore_f6tha0f {
  opacity: 1;
}

/* wyw-in-js:ListStateWrapper.styles_1p9gfyb.wyw.css */
.listStateWrapper_l18jy4n2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.listStateLink_lh4m16m {
  color: var(--framer-fresco-tint-color, #0099ff);
  -webkit-text-decoration: none;
  text-decoration: none;
}
.listStateDescriptionLink_l1cbglfb {
  width: 100%;
  margin-top: 10px;
  text-align: center;
}
.listStateDescription_l1ayt3ed {
  width: 190px;
  margin: auto;
  color: var(--framer-fresco-modalDescription-color, #666666);
  cursor: default;
  line-height: 1.5;
  text-align: center;
  -webkit-user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.listStateDescription_l1ayt3ed .listStateLink_lh4m16m {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.listStateButton_l4ltz2t {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  padding: 15px;
  border-top: 1px solid var(--framer-fresco-panelDivider-color, #eeeeee);
}
.listStateButton_l4ltz2t > button {
  width: 100%;
}
.listStateButton_l4ltz2t > button svg {
  margin-left: 2px;
}
.listStateButtonSelectAll_lulkyys {
  border-top: 1px solid var(--framer-fresco-panelDivider-color, #eeeeee);
}
.button_b1quqbml {
  padding-bottom: 0;
}

/* wyw-in-js:FontPopoutButton.styles_1mbx462.wyw.css */
.popoutButton_po8x6nf {
  position: relative;
  height: var(--framer-fresco-inputHeight-dimension, 30px);
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  border-radius: var(--framer-fresco-inputRadius-dimension, 8px);
  background: var(--framer-fresco-buttonBackground-color, #f3f3f3);
  cursor: pointer;
}
.popoutButtonMissingFont_pj1o4u0 {
  background: var(--framer-fresco-popupButtonWarningBackground-color, #FFBB00);
}
.fontFamilyInput_feuvz8z {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-right: 16px;
  padding-left: 8px;
  color: var(--framer-fresco-inputIcon-color, #999999);
  cursor: default;
  font-size: 12px;
  line-height: 22px;
  pointer-events: none;
  -webkit-user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.fontFamilyInputMissingFont_f14asadu {
  padding-right: calc(16px - var(--framer-fresco-inputPaddingHorizontal-dimension, 8px));
  padding-left: calc(8px - var(--framer-fresco-inputPaddingHorizontal-dimension, 8px));
  color: var(--framer-fresco-popupButtonWarningText-color, #ffffff);
}
.fontFamilyInputTitle_f1i9ns4w {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  color: var(--framer-fresco-popupButtonText-color, #333333);
}
.fontFamilyInputTitleMissingFont_f2gw4ya {
  color: var(--framer-fresco-popupButtonWarningText-color, #ffffff);
}
.iconInputDropdown_i1rv172 {
  position: absolute;
  right: 7px;
}

/* wyw-in-js:FontSizeRow.styles_1vgfn8k.wyw.css */
.popupButtonWrapper_piw044r {
  height: var(--framer-fresco-inputHeight-dimension, 30px);
}

/* wyw-in-js:PresetIcon.styles_65ed5d.wyw.css */
.icon_iuztapw {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: var(--framer-fresco-sitesPopoutIconSize-dimension, 22px);
  height: var(--framer-fresco-sitesPopoutIconSize-dimension, 22px);
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  border-radius: calc(var(--framer-fresco-inputRadius-dimension, 8px) / 2);
  font-size: 10px;
  font-weight: 700;
  pointer-events: none;
  text-transform: uppercase;
}
.iconCompact_imkx7yx {
  width: 21.5px;
  height: 21.5px;
}
.iconWithBorder_i78llb {
  box-shadow: inset 0 0 0 1px var(--framer-fresco-swatchBorder-color, rgba(0, 0, 0, 0.1));
}
.checkerboard_c18ef80b {
  background-image: url("https://localhost:8009/checkerboard-22-MHUGSN2C.svg");
  -webkit-background-position: center;
  background-position: center;
  background-repeat: repeat;
  -webkit-background-size: cover;
  background-size: cover;
}

/* wyw-in-js:VariableFontPopout.styles_1g9itxj.wyw.css */
.panelRow_pbi000k {
  position: relative;
  overflow: hidden;
  width: var(--framer-fresco-popoverWidth-dimension, 260px);
  padding: 0 var(--framer-fresco-popoverPadding-dimension, 15px) var(--framer-fresco-popoverPadding-dimension, 15px) var(--framer-fresco-popoverPadding-dimension, 15px);
}
.panelRowTitle_pskvpy9 {
  text-transform: capitalize;
}
.categoryTitleWrapper_ccc9i9p {
  padding: 0 var(--framer-fresco-popoverPadding-dimension, 15px);
}
.categoryTitleContainer_c125igxg {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 50px;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-top: 1px solid var(--framer-fresco-popoverDivider-color, #eeeeee);
}
.categoryTitle_c134xsiq {
  color: var(--framer-fresco-modalTitle-color, #333333);
  font-size: var(--framer-fresco-base-font-size, 12px);
  font-weight: var(--framer-fresco-heading-font-weight, 600);
}
.scroll_s143lwoh {
  overflow: auto;
}

/* wyw-in-js:CustomFontPopout.styles_1uugha3.wyw.css */
.popoutContent_p1tmwa2k {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 390px;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.scroll_s1vwizfh {
  position: relative;
  height: 1px;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  border-radius: var(--framer-fresco-inputRadius-dimension, 8px) var(--framer-fresco-inputRadius-dimension, 8px) 0 0;
  margin-right: var(--framer-fresco-popoverPadding-dimension, 15px);
  margin-left: var(--framer-fresco-popoverPadding-dimension, 15px);
}
.titleWrapper_te5beix {
  width: 1px;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  pointer-events: none;
}
.disabled_d1kuhare {
  pointer-events: none;
}

/* wyw-in-js:TextDecorationRow.styles_1t7hfg3.wyw.css */
.textDecorationIcon_twjqxiv {
  overflow: visible;
  width: 17px;
  height: 14px;
  font-size: 12px;
  font-weight: 499;
  letter-spacing: 0;
  line-height: 1.2;
  text-align: center;
}
.underline_ux0ya7i {
  -webkit-text-decoration: underline;
  text-decoration: underline;
}
.strikeThrough_s1gywa19 {
  -webkit-text-decoration: line-through;
  text-decoration: line-through;
}

/* wyw-in-js:EditBlockquoteStylePresetPopout.styles_xxh3ya.wyw.css */
.background_b8g137o {
  background: var(--framer-fresco-panelBackground-color, #ffffff);
}
.panelScreen_puuf678 {
  padding-top: 10;
  padding-bottom: 10;
}
.panelScreenTop_p7o2eqe {
  padding-bottom: 0;
}

/* wyw-in-js:Panel.styles_1byffkj.wyw.css */
.panelContent_p5inzda {
  min-height: 0;
  padding-bottom: calc(var(--framer-fresco-panelPadding-dimension, 15px) - var(--framer-fresco-panelGapSmall-dimension, 5px));
}
.panelContent_p5inzda:empty,
.panelContent_p5inzda:has(> div:only-child:empty) {
  padding-bottom: 0;
}
.panel_ptswoqr {
  position: relative;
  width: 100%;
  padding-top: calc(var(--framer-fresco-inputSpacing-dimension, 10px) - var(--framer-fresco-panelGapSmall-dimension, 5px));
}
.panelWithHeader_p14s1oge {
  padding-top: 0;
}

/* wyw-in-js:PanelSectionHeader.styles_1p2wk9d.wyw.css */
.header_h10l6u5c {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: 100%;
  height: var(--framer-fresco-panelSectionHeaderHeight-dimension, 48px);
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  color: var(--framer-fresco-panelTitle-color, #333333);
  cursor: default;
}
.panelDivider_psmj6sh {
  border-top: 1px solid var(--framer-fresco-panelDivider-color, #eeeeee);
}
.panel_ptswoqr:first-child .panelDivider_psmj6sh {
  border-top: none;
}
.title_t1k6az3b {
  min-width: 0;
  padding-left: var(--framer-fresco-contentTitleIndentation-dimension, 0px);
  font-size: var(--framer-fresco-base-font-size, 12px);
  font-weight: var(--framer-fresco-heading-font-weight, 600);
}
@media (max-width: 640px) {
  .title_t1k6az3b {
    font-size: 13px;
  }
}
.headerActions_h161tq0v {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-right: var(--framer-fresco-contentTitleIndentation-dimension, 0px);
}
.iconWrapper_i1jzaapq {
  height: 16px;
}
.iconWrapper_i1jzaapq > * {
  margin-right: 8px;
}
.iconWrapperDisabled_ij4gv2m {
  opacity: 0;
}
.clickable_c1ao5210 {
  cursor: pointer;
}

/* wyw-in-js:TransitionPreview.styles_1g8r5t7.wyw.css */
.row_rmc96io {
  cursor: pointer;
}
.row_rmc96io label {
  cursor: pointer;
}
.container_c16pf4k4 {
  overflow: hidden;
  height: var(--framer-fresco-inputHeight-dimension, 30px);
  padding: 4px;
  border-radius: var(--framer-fresco-inputRadius-dimension, 8px);
  background-color: var(--framer-fresco-tint-color, #0099ff);
}
.indicator_i1g978sq {
  width: calc(var(--framer-fresco-inputHeight-dimension, 30px) - 8px);
  height: calc(var(--framer-fresco-inputHeight-dimension, 30px) - 8px);
  border-radius: calc(var(--framer-fresco-inputRadius-dimension, 8px) - 2px);
  background: white;
  will-change: transform;
}
.column_c1tuur6z {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
}

/* wyw-in-js:TransitionPreviewIcon.styles_w6fjj5.wyw.css */
.container_c1d8xz78 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: var(--framer-fresco-sitesPopoutIconSize-dimension, 22px);
  height: var(--framer-fresco-sitesPopoutIconSize-dimension, 22px);
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  border-radius: 4px;
  background-color: var(--framer-fresco-tint-color, #0099ff);
  color: #fff;
}

/* wyw-in-js:TweenEditor.styles_3mdw1d.wyw.css */
.bezierContainer_b1uhuspl {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  border-radius: var(--framer-fresco-inputRadius-dimension, 8px);
  margin: calc(var(--framer-fresco-inputSpacing-dimension, 10px) / 2) 0;
  background: var(--framer-fresco-inputBackground-color, #f3f3f3);
}
.bezierContainerDisabled_b1jj1ths {
  pointer-events: none;
}
.bezierContainerDisabled_b1jj1ths > svg {
  opacity: 0.5;
}
.easeStringInput_e11efgeq {
  font-variant-numeric: tabular-nums;
}

/* wyw-in-js:PanelSectionHeaderButton.styles_1fw18u5.wyw.css */
.headerButton_hsz4dac {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 10px;
  height: 30px;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  color: var(--framer-fresco-panelSectionHeaderIcon-color, #222222);
  cursor: pointer;
  position: relative;
}
.headerButton_hsz4dac:before {
  content: "";
  position: absolute;
  width: 30px;
  height: 30px;
  cursor: pointer;
}
.headerButton_hsz4dac + .headerButton_hsz4dac {
  margin-left: 15px;
}
.headerButtonDisabled_h1b5naxi {
  opacity: 0.2;
  pointer-events: none;
}

/* wyw-in-js:OpenTypePopout.styles_1n5jhdn.wyw.css */
.container_c1aemqhp {
  position: relative;
  overflow: hidden;
  width: var(--framer-fresco-popoverWidth-dimension, 260px);
  padding: 0 var(--framer-fresco-popoverPadding-dimension, 15px);
}
.container_c1aemqhp::after {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: calc(var(--framer-fresco-popoverPadding-dimension, 15px) * 2);
  border-bottom-right-radius: var(--framer-fresco-floatingWindowRadius-dimension, 16px);
  border-bottom-left-radius: var(--framer-fresco-floatingWindowRadius-dimension, 16px);
  background: var(--framer-fresco-openTypePopoutGradientColor-color, linear-gradient( to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.1) 20%, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0.7) 80%, rgba(255, 255, 255, 0.8) 100% ));
  content: "";
  pointer-events: none;
}
.previewContainer_p5lx08m {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  padding-bottom: 16px;
  border-bottom: 1px solid var(--framer-fresco-popoverDivider-color, #eeeeee);
  gap: 15px;
}
body.agent .previewContainer_p5lx08m {
  padding-bottom: 10px;
  gap: 10px;
}
.tagsList_tt6u39g {
  overflow: auto;
  max-height: 500px;
  padding-bottom: var(--framer-fresco-popoverPadding-dimension, 15px);
}
.category_ci4k5zx {
  padding-bottom: 16px;
  border-bottom: 1px solid var(--framer-fresco-popoverDivider-color, #eeeeee);
}
.category_ci4k5zx:last-child {
  padding-bottom: 0;
  border-bottom: none;
}
.categoryTitleContainer_curvh68 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 50px;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.categoryTitle_c9xfxr5 {
  color: var(--framer-fresco-modalTitle-color, #333333);
  font-size: var(--framer-fresco-base-font-size, 12px);
  font-weight: var(--framer-fresco-heading-font-weight, 600);
}
.rowTitle_r1fs5wd3 {
  font-feature-settings:
    var(--inter-cv),
    "cv05",
    "cv08";
}
.panelRow_p1tjtq6t {
  -ms-grid-columns: minmax(0, 2fr) 1fr;
  grid-template-columns: minmax(0, 2fr) 1fr;
}
.segmentedControl_s8pir5u {
  width: 90px;
}
.searchInput_s1ntpu4k {
  width: 100%;
}
.emptyState_ezhb3c9 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 155px;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  color: var(--framer-fresco-panelText-color, #666666);
  font-size: var(--framer-fresco-base-font-size, 12px);
  font-weight: var(--framer-fresco-baseActive-font-weight, 500);
  gap: 5px;
}
.emptyStateTitle_e19b84sz {
  font-weight: var(--framer-fresco-heading-font-weight, 600);
  line-height: 1.2;
}
.emptyStateDescription_e1m93w7 {
  font-weight: var(--framer-fresco-baseActive-font-weight, 500);
  line-height: 1;
  opacity: 0.5;
}
.loadingContainer_l1nad89b {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 500px;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  gap: 10px;
}
.loadingContainer_l1nad89b span {
  color: var(--framer-fresco-popoverDescription-color, #aaa);
  font-size: var(--framer-fresco-base-font-size, 12px);
  font-weight: var(--framer-fresco-baseActive-font-weight, 500);
  letter-spacing: 0;
  line-height: 1.5;
}
.loadingSpinner_laq8xsk {
  --spinner-color:var(--framer-fresco-popoverDescription-color, #aaa);
}

/* wyw-in-js:OpenTypeFeaturePreview.styles_1jua9oq.wyw.css */
.preview_p12eg7x8 {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: 100%;
  height: 120px;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  padding: 16px;
  border-radius: 8px;
  background-color: var(--framer-fresco-buttonCellBackground-color, #f3f3f3);
  text-align: center;
}
body.agent .preview_p12eg7x8 {
  background-color: var(--framer-fresco-agentInput-color, #f3f3f3);
}
.previewText_p1pccuaf {
  color: var(--framer-fresco-popoutButtonTextPlaceholder-color, #999999);
  font-size: 32px;
  font-weight: var(--framer-fresco-headingBold-font-weight, 700);
}
.noPreviewText_n1br2ll {
  color: var(--framer-fresco-popoutButtonTextPlaceholder-color, #999999);
  font-size: 16px;
  font-weight: var(--framer-fresco-headingBold-font-weight, 700);
  letter-spacing: -0.02em;
}

/* wyw-in-js:LocalizationValueStatus.styles_19a9m53.wyw.css */
.badge_bwq240g {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.compact_c1nn2bwv {
  height: 20px;
  border-radius: 5px;
}
.warning_w1kel4y9 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 30px;
  height: 30px;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  border-radius: var(--framer-fresco-inputRadius-dimension, 8px);
}

/* wyw-in-js:usePluginQuickActions.styles_hy0v5y.wyw.css */
.avatarBackground_a1dr9td7 {
  background-color: var(--framer-fresco-tint-color, #0099ff);
}
.workspacePluginIconRadius_w1bs24ml {
  border-radius: 5px;
}
.workspacePluginIconRadius_w1bs24ml span {
  border-radius: 5px;
}
.workspacePluginIconRadius_w1bs24ml img {
  border-radius: 5px;
}

/* wyw-in-js:MonacoEditor.styles_hf8hrv.wyw.css */
div.monacoEditor_m11188tw .slider {
  border-radius: 3px;
}
div.monacoEditor_m11188tw.vs .slider {
  background-color: rgba(0, 0, 0, 0.1) !important;
}
div.monacoEditor_m11188tw.vs .slider:hover {
  background-color: rgba(0, 0, 0, 0.2) !important;
}
div.monacoEditor_m11188tw .scrollbar.vertical .slider {
  width: 6px !important;
}
div.monacoEditor_m11188tw .scrollbar.vertical {
  display: inline-block;
  overflow: hidden;
  height: calc(100% - 16px) !important;
  border-radius: 3px;
  margin: 8px;
}
div.monacoEditor_m11188tw .scrollbar.horizontal {
  margin-bottom: 8px;
}
div.monacoEditor_m11188tw .suggest-widget .scrollbar.vertical,
div.monacoEditor_m11188tw .monaco-hover .scrollbar.vertical {
  width: 6px !important;
  height: calc(100% - 8px) !important;
  margin: 4px;
}
div.monacoEditor_m11188tw .decorationsOverviewRuler {
  visibility: hidden;
}
div.monacoEditor_m11188tw .minimap {
  z-index: 5 !important;
  top: var(--framer-fresco-panelPadding-dimension, 15px) !important;
  right: calc(var(--framer-fresco-panelPadding-dimension, 15px) - 1px) !important;
  bottom: var(--framer-fresco-inputSpacing-dimension, 10px) !important;
  left: unset !important;
}
div.monacoEditor_m11188tw .minimap canvas {
  top: 5px;
  opacity: 0.6;
}
div.monacoEditor_m11188tw .minimap-slider {
  border-radius: 6px;
  cursor: -webkit--webkit-grab;
  cursor: -webkit-grab;
}
div.monacoEditor_m11188tw .minimap-slider:active {
  cursor: -webkit--webkit-grabbing;
  cursor: -webkit-grabbing;
}
div.monacoEditor_m11188tw .npmGlyph-loading,
div.monacoEditor_m11188tw .npmGlyph-success,
div.monacoEditor_m11188tw .npmGlyph-resolved {
  position: absolute;
  z-index: 1;
  right: 28px !important;
  left: auto !important;
  width: 100% !important;
  height: 100%;
  background: var(--framer-fresco-codeEditorBackground-color, #fdfdfd);
  -webkit-transition: background 0.1s ease-in-out;
  transition: background 0.1s ease-in-out;
}
div.monacoEditor_m11188tw .npmGlyph-loading::after,
div.monacoEditor_m11188tw .npmGlyph-success::after,
div.monacoEditor_m11188tw .npmGlyph-resolved::after {
  position: absolute;
  top: 0;
  right: -3%;
  width: 100%;
  height: 100%;
  content: "";
  -webkit-transition: opacity 0.15s ease-in-out;
  transition: opacity 0.15s ease-in-out;
}
div.monacoEditor_m11188tw .npmGlyph-loading::after {
  background: url("data:image/svg+xml;utf8, %3csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2211%22 height=%2215%22 viewBox=%220.5 1 11 15%22%3e %3cstyle type=%22text/css%22%3e %23bolt %7b animation: loading 0.75s linear reverse infinite; %7d %40keyframes loading %7b 0% %7b stroke-dashoffset: 1.01; stroke-dasharray: 0.5; %7d 100% %7b stroke-dashoffset: 2.01; stroke-dasharray: 0.5; %7d %7d %3c/style%3e %3cpath id=%22bolt%22 d=%22M 6 6 L 9.5 6 C 9.706 6 9.824 6.235 9.7 6.4 L 4.661 13.118 C 4.502 13.331 4.164 13.18 4.216 12.919 L 5 9 L 1.5 9 C 1.294 9 1.176 8.765 1.3 8.6 L 6.339 1.882 C 6.498 1.669 6.836 1.82 6.784 2.081 Z%22 fill=%22transparent%22 stroke=%22%23999%22 pathLength=%221%22 opacity=%221%22 stroke-linecap=%22round%22%3e %3c/path%3e %3cpath d=%22M 6 6 L 9.5 6 C 9.706 6 9.824 6.235 9.7 6.4 L 4.661 13.118 C 4.502 13.331 4.164 13.18 4.216 12.919 L 5 9 L 1.5 9 C 1.294 9 1.176 8.765 1.3 8.6 L 6.339 1.882 C 6.498 1.669 6.836 1.82 6.784 2.081 Z%22 fill=%22transparent%22 stroke=%22%23999%22 opacity=%220.35%22 pathLength=%221%22 stroke-linecap=%22round%22%3e %3c/path%3e %3c/svg%3e") right center/auto 70% no-repeat;
}
div.monacoEditor_m11188tw .npmGlyph-success::after {
  background: url("data:image/svg+xml;utf8, %3csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2211%22 height=%2215%22 viewBox=%220.5 1 11 15%22%3e %3cstyle type=%22text/css%22%3e %23bolt %7b animation: resolved 1s forwards ease; %7d %40keyframes resolved %7b 0% %7b fill: transparent; %7d 50% %7b fill: %2309F; %7d 100% %7b fill: transparent; %7d %7d %3c/style%3e %3cpath id=%22bolt%22 d=%22M 6 6 L 9.5 6 C 9.706 6 9.824 6.235 9.7 6.4 L 4.661 13.118 C 4.502 13.331 4.164 13.18 4.216 12.919 L 5 9 L 1.5 9 C 1.294 9 1.176 8.765 1.3 8.6 L 6.339 1.882 C 6.498 1.669 6.836 1.82 6.784 2.081 Z%22 fill=%22transparent%22 stroke=%22%2309F%22 pathLength=%221%22 opacity=%221%22 stroke-linecap=%22round%22%3e %3c/path%3e %3cpath d=%22M 6 6 L 9.5 6 C 9.706 6 9.824 6.235 9.7 6.4 L 4.661 13.118 C 4.502 13.331 4.164 13.18 4.216 12.919 L 5 9 L 1.5 9 C 1.294 9 1.176 8.765 1.3 8.6 L 6.339 1.882 C 6.498 1.669 6.836 1.82 6.784 2.081 Z%22 fill=%22transparent%22 stroke=%22%2309F%22 opacity=%220.35%22 pathLength=%221%22 stroke-linecap=%22round%22%3e %3c/path%3e %3c/svg%3e") right center/auto 70% no-repeat;
}
div.monacoEditor_m11188tw .npmGlyph-resolved::after {
  background: url("data:image/svg+xml;utf8, %3csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2211%22 height=%2215%22 viewBox=%220.5 1 11 15%22%3e %3cpath id=%22bolt%22 d=%22M 6 6 L 9.5 6 C 9.706 6 9.824 6.235 9.7 6.4 L 4.661 13.118 C 4.502 13.331 4.164 13.18 4.216 12.919 L 5 9 L 1.5 9 C 1.294 9 1.176 8.765 1.3 8.6 L 6.339 1.882 C 6.498 1.669 6.836 1.82 6.784 2.081 Z%22 fill=%22transparent%22 stroke=%22%2309f%22 pathLength=%221%22 opacity=%220.2%22 stroke-linecap=%22round%22%3e %3c/path%3e %3cpath d=%22M 6 6 L 9.5 6 C 9.706 6 9.824 6.235 9.7 6.4 L 4.661 13.118 C 4.502 13.331 4.164 13.18 4.216 12.919 L 5 9 L 1.5 9 C 1.294 9 1.176 8.765 1.3 8.6 L 6.339 1.882 C 6.498 1.669 6.836 1.82 6.784 2.081 Z%22 fill=%22transparent%22 stroke=%22%2309f%22 opacity=%220.35%22 pathLength=%221%22 stroke-linecap=%22round%22%3e %3c/path%3e %3c/svg%3e") right center/auto 70% no-repeat;
}
div.monacoEditor_m11188tw .current-line ~ .npmGlyph-resolved::after {
  background: url("data:image/svg+xml;utf8, %3csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2211%22 height=%2215%22 viewBox=%220.5 1 11 15%22%3e %3cpath id=%22bolt%22 d=%22M 6 6 L 9.5 6 C 9.706 6 9.824 6.235 9.7 6.4 L 4.661 13.118 C 4.502 13.331 4.164 13.18 4.216 12.919 L 5 9 L 1.5 9 C 1.294 9 1.176 8.765 1.3 8.6 L 6.339 1.882 C 6.498 1.669 6.836 1.82 6.784 2.081 Z%22 fill=%22transparent%22 stroke=%22%2309f%22 pathLength=%221%22 opacity=%221%22 stroke-linecap=%22round%22%3e %3c/path%3e %3cpath d=%22M 6 6 L 9.5 6 C 9.706 6 9.824 6.235 9.7 6.4 L 4.661 13.118 C 4.502 13.331 4.164 13.18 4.216 12.919 L 5 9 L 1.5 9 C 1.294 9 1.176 8.765 1.3 8.6 L 6.339 1.882 C 6.498 1.669 6.836 1.82 6.784 2.081 Z%22 fill=%22transparent%22 stroke=%22%2309f%22 opacity=%220.35%22 pathLength=%221%22 stroke-linecap=%22round%22%3e %3c/path%3e %3c/svg%3e") right center/auto 70% no-repeat;
}
div.monacoEditor_m11188tw .npmGlyph-loading:hover,
div.monacoEditor_m11188tw .npmGlyph-success:hover,
div.monacoEditor_m11188tw .npmGlyph-resolved:hover {
  background: transparent;
}
div.monacoEditor_m11188tw .npmGlyph-loading:hover::after,
div.monacoEditor_m11188tw .npmGlyph-success:hover::after,
div.monacoEditor_m11188tw .npmGlyph-resolved:hover::after {
  opacity: 0;
}
div.monacoEditor_m11188tw .bracket-match {
  border: none;
}
div.monacoEditor_m11188tw.vs .lines-content .cigr {
  box-shadow: 1px 0 0 0 rgba(253, 253, 253, 0) inset;
}
div.monacoEditor_m11188tw.vs-dark .lines-content .cigr {
  box-shadow: 1px 0 0 0 rgba(24, 24, 24, 0) inset;
}
div.monacoEditor_m11188tw .runtimeErrorIcon {
  background-color: #f46;
}
div.monacoEditor_m11188tw .runtimeErrorLine {
  background-color: rgba(255, 68, 102, 0.1);
}
div.monacoEditor_m11188tw .runtimeErrorLine ~ .line-numbers {
  color: #f46;
}
div.monacoEditor_m11188tw .squiggly-error {
  border-bottom: 2px solid #f46;
  background: none !important;
}
div.monacoEditor_m11188tw .goto-definition-link {
  color: #09f !important;
  -webkit-text-decoration: none;
  text-decoration: none;
}
div.monacoEditor_m11188tw .detected-link {
  -webkit-text-decoration: none;
  text-decoration: none;
}
div.monacoEditor_m11188tw .detected-link-active {
  color: #09f !important;
  -webkit-text-decoration: none;
  text-decoration: none;
}
div.monacoEditor_m11188tw .suggest-widget {
  overflow: hidden;
  border-radius: 8px;
}
div.monacoEditor_m11188tw .monaco-hover .hover-contents a.code-link:hover,
div.monacoEditor_m11188tw .monaco-hover .hover-contents a.code-link {
  -webkit-text-decoration: none;
  text-decoration: none;
}
div.monacoEditor_m11188tw .monaco-hover,
div.monacoEditor_m11188tw .suggest-widget .tree,
div.monacoEditor_m11188tw .suggest-widget .message,
div.monacoEditor_m11188tw .suggest-widget .details,
div.monacoEditor_m11188tw .parameter-hints-widget {
  overflow: hidden;
  border-radius: 6px;
  -webkit-backdrop-filter: blur(20px);
}
div.monacoEditor_m11188tw.vs-dark .monaco-hover,
div.monacoEditor_m11188tw.vs-dark .suggest-widget .tree,
div.monacoEditor_m11188tw.vs-dark .suggest-widget .message,
div.monacoEditor_m11188tw.vs-dark .suggest-widget .details,
div.monacoEditor_m11188tw.vs-dark .parameter-hints-widget {
  border-color: rgba(255, 255, 255, 0.06) !important;
  background: #212121 !important;
}
div.monacoEditor_m11188tw.vs .monaco-hover,
div.monacoEditor_m11188tw.vs .suggest-widget .tree,
div.monacoEditor_m11188tw.vs .suggest-widget .message,
div.monacoEditor_m11188tw.vs .suggest-widget .details,
div.monacoEditor_m11188tw.vs .parameter-hints-widget {
  border-color: rgba(0, 0, 0, 0.04) !important;
  background: #f8f8f8 !important;
}
div.monacoEditor_m11188tw.vs .suggest-widget .monaco-list-row.selected,
div.monacoEditor_m11188tw.vs .suggest-widget .monaco-list-row.focused {
  background-color: rgba(0, 0, 0, 0.04);
  color: #666;
}
div.monacoEditor_m11188tw.vs-dark .suggest-widget .monaco-list-row.selected,
div.monacoEditor_m11188tw.vs-dark .suggest-widget .monaco-list-row.focused {
  background-color: rgba(255, 255, 255, 0.1);
}
@supports (-webkit-backdrop-filter: blur(20px)) {
  div.monacoEditor_m11188tw.vs-dark .monaco-hover,
  div.monacoEditor_m11188tw.vs-dark .suggest-widget .tree,
  div.monacoEditor_m11188tw.vs-dark .suggest-widget .message,
  div.monacoEditor_m11188tw.vs-dark .suggest-widget .details,
  div.monacoEditor_m11188tw.vs-dark .parameter-hints-widget {
    background: rgba(255, 255, 255, 0.04) !important;
  }
  div.monacoEditor_m11188tw.vs .monaco-hover,
  div.monacoEditor_m11188tw.vs .suggest-widget .tree,
  div.monacoEditor_m11188tw.vs .suggest-widget .message,
  div.monacoEditor_m11188tw.vs .suggest-widget .details,
  div.monacoEditor_m11188tw.vs .parameter-hints-widget {
    background: rgba(0, 0, 0, 0.02) !important;
  }
}
div.monacoEditor_m11188tw .monaco-hover .hover-row {
  padding: 6px 10px;
}
div.monacoEditor_m11188tw.vs .monaco-hover p,
div.monacoEditor_m11188tw.vs .monaco-hover li,
div.monacoEditor_m11188tw.vs .parameter-hints-widget {
  color: #666;
}
div.monacoEditor_m11188tw.vs-dark .monaco-hover p,
div.monacoEditor_m11188tw.vs-dark .monaco-hover li,
div.monacoEditor_m11188tw.vs-dark .parameter-hints-widget {
  color: #999;
}
div.monacoEditor_m11188tw .shadow {
  visibility: hidden;
}
div.monacoEditor_m11188tw .suggest-widget .monaco-list .monaco-list-row .suggest-icon::before {
  width: 20px !important;
  height: 20px !important;
  padding: 0 !important;
  margin: 0 4px 0 2px !important;
}
div.monacoEditor_m11188tw .suggest-widget .monaco-list .monaco-list-row .suggest-icon.function::before,
div.monacoEditor_m11188tw .suggest-widget .monaco-list .monaco-list-row .suggest-icon.constructor::before,
div.monacoEditor_m11188tw .suggest-widget .monaco-list .monaco-list-row .suggest-icon.method::before {
  background-image: var(--iconFunction) !important;
}
div.monacoEditor_m11188tw .suggest-widget .monaco-list .monaco-list-row .suggest-icon.variable::before,
div.monacoEditor_m11188tw .suggest-widget .monaco-list .monaco-list-row .suggest-icon.field::before {
  background-image: var(--iconVariable) !important;
}
div.monacoEditor_m11188tw .suggest-widget .monaco-list .monaco-list-row .suggest-icon.class::before {
  background-image: var(--iconClass) !important;
}
div.monacoEditor_m11188tw .suggest-widget .monaco-list .monaco-list-row .suggest-icon.file::before,
div.monacoEditor_m11188tw .suggest-widget .monaco-list .monaco-list-row .suggest-icon.interface::before {
  background-image: var(--iconFile) !important;
}
div.monacoEditor_m11188tw .suggest-widget .monaco-list .monaco-list-row .suggest-icon.module::before {
  background-image: var(--iconModule) !important;
}
div.monacoEditor_m11188tw .suggest-widget .monaco-list .monaco-list-row .suggest-icon.property::before {
  background-image: var(--iconProperty) !important;
}
div.monacoEditor_m11188tw .suggest-widget .monaco-list .monaco-list-row .suggest-icon.value::before,
div.monacoEditor_m11188tw .suggest-widget .monaco-list .monaco-list-row .suggest-icon.enum::before {
  background-image: var(--iconValue) !important;
}
div.monacoEditor_m11188tw .suggest-widget .monaco-list .monaco-list-row .suggest-icon.keyword::before,
div.monacoEditor_m11188tw .suggest-widget .monaco-list .monaco-list-row .suggest-icon.constant::before {
  background-image: var(--iconKeyword) !important;
}
div.monacoEditor_m11188tw .suggest-widget .monaco-list .monaco-list-row .suggest-icon.unit::before {
  background-image: var(--iconUnit) !important;
}
div.monacoEditor_m11188tw .suggest-widget .monaco-list .monaco-list-row .suggest-icon.snippet::before {
  background-image: var(--iconSnippet) !important;
}
div.monacoEditor_m11188tw .suggest-widget .monaco-list .monaco-list-row .suggest-icon.text::before {
  background-image: var(--iconText) !important;
}
div.monacoEditor_m11188tw .suggest-widget .monaco-list .monaco-list-row .suggest-icon.color::before {
  background-image: var(--iconColor) !important;
}
div.monacoEditor_m11188tw.vs-dark .suggest-widget .monaco-list .monaco-list-row .suggest-icon.keyword::before,
div.monacoEditor_m11188tw.vs-dark .suggest-widget .monaco-list .monaco-list-row .suggest-icon.constant::before {
  background-image: var(--iconKeywordDarkMode) !important;
}
div.monacoEditor_m11188tw.vs-dark .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .readMore {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14"><path d="M7 2a5 5 0 1 1-.001 10.001A5 5 0 0 1 7 2zm-1 9h2V6H6zm0-7a1 1 0 1 0 2 0 1 1 0 0 0-2 0z" fill="%237B7B7B"/></svg>') !important;
}
div.monacoEditor_m11188tw.vs .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .readMore {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14"><path d="M7 2a5 5 0 1 1-.001 10.001A5 5 0 0 1 7 2zm-1 9h2V6H6zm0-7a1 1 0 1 0 2 0 1 1 0 0 0-2 0z" fill="%239A9A9A"/></svg>') !important;
}
div.monacoEditor_m11188tw .find-widget {
  right: 0 !important;
  border-radius: 5px;
  margin-right: 8px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), 0 4px 8px rgba(0, 0, 0, 0.05);
}
div.monacoEditor_m11188tw .find-widget.visible {
  margin-top: 10px;
}
div.monacoEditor_m11188tw.vs .find-widget {
  background-color: #fff;
}
div.monacoEditor_m11188tw.vs-dark .find-widget .input {
  color: #fff !important;
}
div.monacoEditor_m11188tw .find-widget .monaco-sash {
  opacity: 0;
}
div.monacoEditor_m11188tw .find-widget .monaco-inputbox,
div.monacoEditor_m11188tw .find-widget .monaco-inputbox .input {
  border-radius: 3px;
}
div.monacoEditor_m11188tw.vs .find-widget .monaco-inputbox {
  border: 1px solid #eee;
}
div.monacoEditor_m11188tw.vs-dark .find-widget .monaco-inputbox {
  border: 1px solid #181818;
}
div.monacoEditor_m11188tw.vs .find-widget .matchesCount {
  color: #09f !important;
}
div.monacoEditor_m11188tw.vs-dark .find-widget .matchesCount {
  color: #fff !important;
}
div.monacoEditor_m11188tw.vs .rangeHighlight {
  background-color: #fafafa;
}
div.monacoEditor_m11188tw.vs-dark .rangeHighlight {
  background-color: #151515;
}
div.monacoEditor_m11188tw .find-widget .replace,
div.monacoEditor_m11188tw .find-widget .replace-all {
  height: 23px;
  border-radius: 3px;
  margin-left: 6px;
  background-color: #09f !important;
  background-image: none !important;
}
div.monacoEditor_m11188tw .find-widget .replace {
  width: 45%;
}
div.monacoEditor_m11188tw .find-widget .replace-all {
  width: 55%;
  margin-right: 2px;
}
div.monacoEditor_m11188tw .find-widget .replace::before {
  content: "Replace";
}
div.monacoEditor_m11188tw .find-widget .replace-all::before {
  content: "Replace All";
}
div.monacoEditor_m11188tw .find-widget .replace::before,
div.monacoEditor_m11188tw .find-widget .replace-all::before {
  position: relative;
  margin: 1px auto;
  color: white;
}
div.monacoEditor_m11188tw .find-widget .button.toggle.left:hover,
div.monacoEditor_m11188tw .find-widget .button.previous:hover,
div.monacoEditor_m11188tw .find-widget .button.next:hover,
div.monacoEditor_m11188tw .find-widget .button.close-fw:hover {
  background-color: transparent !important;
}
div.monacoEditor_m11188tw .button,
div.monacoEditor_m11188tw .label,
div.monacoEditor_m11188tw .monaco-custom-checkbox {
  cursor: default !important;
}
div.monacoEditor_m11188tw .checkbox:checked + .label {
  border: none !important;
  border-radius: 2px;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20"><path d="M6.5 7h7m-7 3h7m-7 3h7" fill="transparent" stroke="%2309f" stroke-linecap="round"/></svg>') !important;
}
div.monacoEditor_m11188tw.vs .checkbox:checked + .label {
  background-color: #f2f2f2 !important;
}
div.monacoEditor_m11188tw .checkbox + .label:focus {
  outline: none;
}
div.monacoEditor_m11188tw .find-widget .previous {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20"><path d="M12 7l-3 3 3 3" fill="transparent" stroke="%23999" stroke-linecap="round"/></svg>') !important;
}
div.monacoEditor_m11188tw .find-widget .next {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20"><path d="M9 7l3 3-3 3" fill="transparent" stroke="%23999" stroke-linecap="round"/></svg>') !important;
}
div.monacoEditor_m11188tw .find-widget .monaco-checkbox .label {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20"><path d="M6.5 7h7m-7 3h7m-7 3h7" fill="transparent" stroke="%23999" stroke-linecap="round"/></svg>') !important;
}
div.monacoEditor_m11188tw .find-widget .close-fw {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20"><path d="M7 7l6 6m0-6l-6 6" fill="transparent" stroke="%23999" stroke-linecap="round"/></svg>') !important;
}
div.monacoEditor_m11188tw .find-widget .collapse {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="10"><path d="M 0 0 L 3.5 4 L 7 0 Z" transform="translate(1.5 3) rotate(-90 3.5 2)" fill="%23999999"></path></svg>') !important;
}
div.monacoEditor_m11188tw .find-widget .expand {
  background-image: url('data:image/svg+xml;utf8,<svg height="10" width="10" xmlns="http://www.w3.org/2000/svg"><path d="m1.5 3.75 3.5 4 3.5-4z" fill="%23999"/></svg>') !important;
}
div.monacoEditor_m11188tw .monaco-case-sensitive {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="11" height="11"><path d="M5.076 8.996l-.64-1.891H1.77l-.64 1.891H0L2.526 2H3.7l2.525 6.996zM3.088 3.164L2.046 6.232H4.16L3.118 3.164h-.03zm5.566 5.09c.732 0 1.304-.504 1.304-1.169v-.402l-1.256.078c-.625.043-.98.32-.98.756 0 .446.37.737.932.737zm-.292.829c-.998 0-1.696-.621-1.696-1.537 0-.892.684-1.44 1.896-1.508l1.396-.082v-.393c0-.567-.384-.907-1.023-.907-.606 0-.984.291-1.076.747H6.87c.058-.921.843-1.599 2.104-1.599 1.236 0 2.026.654 2.026 1.677v3.515H9.997v-.839h-.025c-.295.567-.94.926-1.609.926z" fill="%23999"/></svg>') !important;
}
div.monacoEditor_m11188tw .monaco-case-sensitive.checked {
  border: none;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="11" height="11"><path d="M5.076 8.996l-.64-1.891H1.77l-.64 1.891H0L2.526 2H3.7l2.525 6.996zM3.088 3.164L2.046 6.232H4.16L3.118 3.164h-.03zm5.566 5.09c.732 0 1.304-.504 1.304-1.169v-.402l-1.256.078c-.625.043-.98.32-.98.756 0 .446.37.737.932.737zm-.292.829c-.998 0-1.696-.621-1.696-1.537 0-.892.684-1.44 1.896-1.508l1.396-.082v-.393c0-.567-.384-.907-1.023-.907-.606 0-.984.291-1.076.747H6.87c.058-.921.843-1.599 2.104-1.599 1.236 0 2.026.654 2.026 1.677v3.515H9.997v-.839h-.025c-.295.567-.94.926-1.609.926z" fill="%2309f"/></svg>') !important;
}
div.monacoEditor_m11188tw .monaco-whole-word {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="11" height="11"><path d="M0 0h11v1H0zm0 10h11v1H0zm5.076-1.004l-.64-1.891H1.77l-.64 1.891H0L2.526 2H3.7l2.525 6.996zM3.088 3.164L2.046 6.232H4.16L3.118 3.164h-.03zm5.566 5.09c.732 0 1.304-.504 1.304-1.169v-.402l-1.256.078c-.625.043-.98.32-.98.756 0 .446.37.737.932.737zm-.292.829c-.998 0-1.696-.621-1.696-1.537 0-.892.684-1.44 1.896-1.508l1.396-.082v-.393c0-.567-.384-.907-1.023-.907-.606 0-.984.291-1.076.747H6.87c.058-.921.843-1.599 2.104-1.599 1.236 0 2.026.654 2.026 1.677v3.515H9.997v-.839h-.025c-.295.567-.94.926-1.609.926z" fill="%23999"/></svg>') !important;
}
div.monacoEditor_m11188tw .monaco-whole-word.checked {
  border: none;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="11" height="11"><path d="M0 0h11v1H0zm0 10h11v1H0zm5.076-1.004l-.64-1.891H1.77l-.64 1.891H0L2.526 2H3.7l2.525 6.996zM3.088 3.164L2.046 6.232H4.16L3.118 3.164h-.03zm5.566 5.09c.732 0 1.304-.504 1.304-1.169v-.402l-1.256.078c-.625.043-.98.32-.98.756 0 .446.37.737.932.737zm-.292.829c-.998 0-1.696-.621-1.696-1.537 0-.892.684-1.44 1.896-1.508l1.396-.082v-.393c0-.567-.384-.907-1.023-.907-.606 0-.984.291-1.076.747H6.87c.058-.921.843-1.599 2.104-1.599 1.236 0 2.026.654 2.026 1.677v3.515H9.997v-.839h-.025c-.295.567-.94.926-1.609.926z" fill="%2309f"/></svg>') !important;
}
div.monacoEditor_m11188tw .monaco-regex {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="11" height="11"><path d="M7.851 7.543l-1.86-1.217L6.14 8.5H4.851l.158-2.172-1.884 1.224L2.5 6.426l1.994-.923L2.5 4.57l.633-1.108 1.868 1.194L4.85 2.5h1.299l-.151 2.156 1.861-1.203.641 1.116-2.01.94 2.01.916z" fill="%23999"/></svg>') !important;
}
div.monacoEditor_m11188tw .monaco-regex.checked {
  border: none;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="11" height="11"><path d="M7.851 7.543l-1.86-1.217L6.14 8.5H4.851l.158-2.172-1.884 1.224L2.5 6.426l1.994-.923L2.5 4.57l.633-1.108 1.868 1.194L4.85 2.5h1.299l-.151 2.156 1.861-1.203.641 1.116-2.01.94 2.01.916z" fill="%2309f"/></svg>') !important;
}
div.monacoEditor_m11188tw.vs .monaco-hover ::selection {
  background-color: #e5e5e5;
}
div.monacoEditor_m11188tw.vs-dark .monaco-hover ::selection {
  background-color: #444;
}
div.monacoEditor_m11188tw.vs .find-widget input::selection {
  background-color: #e5e5e5;
}
div.monacoEditor_m11188tw.vs-dark .find-widget input::selection {
  background-color: #444;
}
div.monacoEditor_m11188tw .find-widget * {
  -webkit-user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
div.monacoEditor_m11188tw .find-widget input,
div.monacoEditor_m11188tw .find-widget textarea {
  -webkit-user-select: text;
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
}
div.hideScrollbar_hgqxikf .slider {
  display: none;
}
div.hideHorizontalScrollbar_h1ksej3n .scrollbar.horizontal .slider {
  display: none;
}
.container_cr61ip {
  position: relative;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  height: 100%;
  border-right: 1px solid var(--framer-fresco-panelDivider-color, #eeeeee);
}
.containerWithPreview_c1puat3r {
  width: calc(100% - var(--framerInternalUI-previewWidth, 0px) - var(--framer-fresco-panelPadding-dimension, 15px));
}
.containerWithAgent_c1euocvy {
  width: calc(100% - var(--framerInternalUI-propertyPanelWidth, 0px));
  border-right: 0;
}
.containerWithPreviewAndAgent_c1qq07gx {
  width: calc(100% - var(--framerInternalUI-previewWidth, 0px) - var(--framerInternalUI-propertyPanelWidth, 0px) - var(--framer-fresco-panelPadding-dimension, 15px));
}
.editor_e21ngw1 {
  position: absolute;
  width: 100%;
  height: 100%;
}
.hideEditor_h1swuar9 {
  display: none;
}

/* wyw-in-js:CodeExportPanel.styles_covngc.wyw.css */
.contentWrapper_c1h2faaz {
  position: relative;
  width: 100%;
  padding: 4px 0 0;
  font-family: var(--framer-fresco-monospace-font-family, "Input Mono", Menlo, monospace);
  font-size: 11px;
  line-height: 21px;
  pointer-events: auto;
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
  white-space: pre-wrap;
  word-break: break-all;
}
.contentWrapper_c1h2faaz *::selection {
  background: var(--framer-fresco-codeExportPanelSelection-color, rgba(229, 229, 229, 0.99));
}
.syntaxHighlight_s1noxq54 .code-keyword {
  color: #33AAEE;
}
body[data-framer-theme=dark] .syntaxHighlight_s1noxq54 .code-keyword {
  color: #AADDFF;
}
.syntaxHighlight_s1noxq54 .code-identifier {
  color: #666666;
}
body[data-framer-theme=dark] .syntaxHighlight_s1noxq54 .code-identifier {
  color: #EEEEEE;
}
.syntaxHighlight_s1noxq54 .code-punctuation,
.syntaxHighlight_s1noxq54 .code-comment {
  color: #999999;
}
body[data-framer-theme=dark] .syntaxHighlight_s1noxq54 .code-punctuation,
body[data-framer-theme=dark] .syntaxHighlight_s1noxq54 .code-comment {
  color: #999999;
}
.syntaxHighlight_s1noxq54 .code-storage {
  color: #00BBCC;
}
body[data-framer-theme=dark] .syntaxHighlight_s1noxq54 .code-storage {
  color: #22CCDD;
}
.syntaxHighlight_s1noxq54 .code-string {
  color: #8855FF;
}
body[data-framer-theme=dark] .syntaxHighlight_s1noxq54 .code-string {
  color: #BB88FF;
}
.syntaxHighlight_s1noxq54 .code-number {
  color: #FF8866;
}
body[data-framer-theme=dark] .syntaxHighlight_s1noxq54 .code-number {
  color: #FF8866;
}
.syntaxHighlight_s1noxq54 .code-class,
.syntaxHighlight_s1noxq54 .code-tag,
.syntaxHighlight_s1noxq54 .code-selector {
  color: #FFAA00;
}
body[data-framer-theme=dark] .syntaxHighlight_s1noxq54 .code-class,
body[data-framer-theme=dark] .syntaxHighlight_s1noxq54 .code-tag,
body[data-framer-theme=dark] .syntaxHighlight_s1noxq54 .code-selector {
  color: #FFCC66;
}
.fadeOut_fldlo9 {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 40px;
  background:
    linear-gradient(
      to right,
      var(--framer-fresco-codeExportPanelFadeOut-color, rgba(255, 255, 255, 0)),
      var(--framer-fresco-panelBackground-color, #ffffff));
}
.buttonContainer_bqng0oa {
  padding-top: var(--framer-fresco-panelPadding-dimension, 15px);
}
.transitionButtonContainer_tv8ee31 {
  padding-top: var(--framer-fresco-panelPadding-dimension, 15px);
}
.fullWidth_fw9ppy2 {
  width: 100%;
}
/*# sourceMappingURL=https://localhost:8009/entry-KPXLYGOT.css.map */