/* 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:ProjectGlobal.styles_rnxalp.wyw.css */
html,
body {
  height: 100%;
  overscroll-behavior-x: none;
  -webkit-tap-highlight-color: transparent;
}
body {
  background: var(--framer-fresco-canvasBackground-color, #eeeeee);
}
body.overlayEditMode {
  background: var(--framer-fresco-canvasComponentOverlayEditModeBackground-color, #E8DDFF);
}
.scroller::-webkit-scrollbar {
  display: none;
}
* {
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.framer-debug-bar {
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
}
.framer-debug-bar *:not(button) {
  -webkit-user-select: initial;
  -moz-user-select: initial;
  -ms-user-select: initial;
  user-select: initial;
}
.framer-debug-bar label {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 6px;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
input:enabled,
textarea:enabled,
.wantsNativeTextAction *,
[contenteditable=true],
[contenteditable=true] * {
  -webkit-user-select: text;
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
}
div {
  outline: none;
}
[contenteditable=true] > * {
  outline: 1px solid transparent;
}
[contenteditable=true] {
  color: var(--cursor-color);
}
root {
  --framerInternalUI-export:false;
}

/* 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: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: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:DebugBar.styles_ergoby.wyw.css */
.buttonWithIcon_b19gv4mo {
  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;
  gap: 5px;
  white-space: nowrap;
}
.scrollShadowLeft_s1rara60 {
  position: absolute;
  z-index: 1;
  top: 0;
  bottom: 0;
  left: 0;
  width: 20px;
  background:
    linear-gradient(
      to right,
      var(--framer-fresco-panelBackground-color, #ffffff),
      transparent);
  pointer-events: none;
}
.scrollShadowRight_sybsfsh {
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  bottom: 0;
  width: 20px;
  background:
    linear-gradient(
      to left,
      var(--framer-fresco-panelBackground-color, #ffffff),
      transparent);
  pointer-events: none;
}
.scrollableTabsList_sc7x9rg {
  overflow-x: auto;
  scrollbar-width: none;
}
.scrollableTabsList_sc7x9rg::-webkit-scrollbar {
  display: none;
}
.debugBarStack_dq13nd {
  padding: 10px var(--framer-fresco-panelPadding-dimension, 15px);
  z-index: 10;
  border-bottom: 1px solid var(--framer-fresco-panelDivider-color, #eeeeee);
  background: var(--framer-fresco-panelBackground-color, #ffffff);
  color: var(--framer-fresco-panelText-color, #666666);
}
.debugBarNodeTypeVars_d1xe3tjo {
  --framer-treeView-yellow:#f5df76;
  --framer-treeView-blue:#7fd7f5;
  --framer-treeView-rose:#ec7886;
  --framer-treeView-green:#afea7b;
  --framer-treeView-teal:#22d3b1;
  --framer-treeView-purple:#bc98ff;
  --framer-treeView-pink:#e4a3df;
  --framer-treeView-orange:#ffaa7d;
  --framer-treeView-red:#fd604f;
  --framer-treeView-lime:#a4ef58;
  --framer-treeView-slate:#a2b9cc;
  --framer-treeView-gray:#c3d2de;
  --framer-treeView-muted:#666;
}
body[data-framer-theme=light] .debugBarNodeTypeVars_d1xe3tjo {
  --framer-treeView-yellow:#d48700;
  --framer-treeView-blue:#0099ff;
  --framer-treeView-rose:#e66dff;
  --framer-treeView-green:#6f9b00;
  --framer-treeView-teal:#00b8a9;
  --framer-treeView-purple:#9c45ff;
  --framer-treeView-pink:#ff0062;
  --framer-treeView-orange:#df6800;
  --framer-treeView-red:#d62c2c;
  --framer-treeView-lime:#00ac39;
  --framer-treeView-slate:#8a8a8a;
  --framer-treeView-gray:#181818;
  --framer-treeView-muted:#888;
}

/* wyw-in-js:Icons.styles_ri3bu3.wyw.css */
.controls_c511q1q {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: baseline;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  border-radius: 4px;
  background: var(--framer-fresco-panelBackground-color, #ffffff);
  box-shadow: 0 0 0 10px var(--framer-fresco-panelBackground-color, #ffffff);
  gap: 15px;
}
.container_c18npwfh {
  display: -ms-grid;
  display: grid;
  width: 100%;
  box-sizing: border-box;
  margin: 15px 0;
  gap: 10px 30px;
  -ms-grid-columns: repeat(2, min-content);
  grid-template-columns: repeat(2, min-content);
}
@media (min-width: 960px) {
  .container_c18npwfh {
    -ms-grid-columns: repeat(3, min-content);
    grid-template-columns: repeat(3, min-content);
  }
}
@media (min-width: 1260px) {
  .container_c18npwfh {
    -ms-grid-columns: repeat(4, min-content);
    grid-template-columns: repeat(4, min-content);
  }
}
@media (min-width: 1560px) {
  .container_c18npwfh {
    -ms-grid-columns: repeat(5, min-content);
    grid-template-columns: repeat(5, min-content);
  }
}
@media (min-width: 1860px) {
  .container_c18npwfh {
    -ms-grid-columns: repeat(6, min-content);
    grid-template-columns: repeat(6, min-content);
  }
}
@media (min-width: 2160px) {
  .container_c18npwfh {
    -ms-grid-columns: repeat(7, min-content);
    grid-template-columns: repeat(7, min-content);
  }
}
@media (min-width: 2460px) {
  .container_c18npwfh {
    -ms-grid-columns: repeat(8, min-content);
    grid-template-columns: repeat(8, min-content);
  }
}
@media (min-width: 2760px) {
  .container_c18npwfh {
    -ms-grid-columns: repeat(9, min-content);
    grid-template-columns: repeat(9, min-content);
  }
}
.containerItem_ch2psr2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  box-sizing: border-box;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
}
.icon_i8vs7tx {
  min-width: 20px;
}
.icon_i8vs7tx svg {
  display: block;
}
.iconBoundaries_i6l6ytq {
  overflow: visible;
  width: -webkit-min-content;
  width: -moz-min-content;
  width: min-content;
  border-radius: 4px;
  box-shadow: 0 0 1px;
}
.name_navju5v {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  font-size: 14px;
  text-align: left;
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
}
.importInfo_i1fwqpfp {
  margin-left: auto;
}
.importInfo_i1fwqpfp svg {
  margin-right: 4px;
  vertical-align: -2px;
}
.importInfoCode_i9mvihx {
  padding: 2px 4px;
  border-radius: 2px;
  background: var(--framer-fresco-inputBackground-color, #f3f3f3);
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
}

/* ../../../node_modules/prismjs/themes/prism-okaidia.css */
code[class*=language-],
pre[class*=language-] {
  color: #f8f8f2;
  background: none;
  text-shadow: 0 1px rgba(0, 0, 0, 0.3);
  font-family:
    Consolas,
    Monaco,
    "Andale Mono",
    "Ubuntu Mono",
    monospace;
  font-size: 1em;
  text-align: left;
  white-space: pre;
  word-spacing: normal;
  word-break: normal;
  word-wrap: normal;
  line-height: 1.5;
  -moz-tab-size: 4;
  -o-tab-size: 4;
  tab-size: 4;
  -webkit-hyphens: none;
  -moz-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
}
pre[class*=language-] {
  padding: 1em;
  margin: .5em 0;
  overflow: auto;
  border-radius: 0.3em;
}
:not(pre) > code[class*=language-],
pre[class*=language-] {
  background: #272822;
}
:not(pre) > code[class*=language-] {
  padding: .1em;
  border-radius: .3em;
  white-space: normal;
}
.token.comment,
.token.prolog,
.token.doctype,
.token.cdata {
  color: #8292a2;
}
.token.punctuation {
  color: #f8f8f2;
}
.token.namespace {
  opacity: .7;
}
.token.property,
.token.tag,
.token.constant,
.token.symbol,
.token.deleted {
  color: #f92672;
}
.token.boolean,
.token.number {
  color: #ae81ff;
}
.token.selector,
.token.attr-name,
.token.string,
.token.char,
.token.builtin,
.token.inserted {
  color: #a6e22e;
}
.token.operator,
.token.entity,
.token.url,
.language-css .token.string,
.style .token.string,
.token.variable {
  color: #f8f8f2;
}
.token.atrule,
.token.attr-value,
.token.function,
.token.class-name {
  color: #e6db74;
}
.token.keyword {
  color: #66d9ef;
}
.token.regex,
.token.important {
  color: #fd971f;
}
.token.important,
.token.bold {
  font-weight: bold;
}
.token.italic {
  font-style: italic;
}
.token.entity {
  cursor: help;
}

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

/* wyw-in-js:Modules.styles_1mezhkb.wyw.css */
.codePreview_c18psk33 {
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
  white-space: pre-wrap;
}
.codePreviewLight_cqh1izo .token.comment,
.codePreviewLight_cqh1izo .token.prolog,
.codePreviewLight_cqh1izo .token.doctype,
.codePreviewLight_cqh1izo .token.cdata {
  color: slategray;
}
.codePreviewLight_cqh1izo .token.punctuation {
  color: #999;
}
.codePreviewLight_cqh1izo .token.namespace {
  opacity: 0.7;
}
.codePreviewLight_cqh1izo .token.property,
.codePreviewLight_cqh1izo .token.tag,
.codePreviewLight_cqh1izo .token.boolean,
.codePreviewLight_cqh1izo .token.number,
.codePreviewLight_cqh1izo .token.constant,
.codePreviewLight_cqh1izo .token.symbol,
.codePreviewLight_cqh1izo .token.deleted {
  color: #905;
}
.codePreviewLight_cqh1izo .token.selector,
.codePreviewLight_cqh1izo .token.attr-name,
.codePreviewLight_cqh1izo .token.string,
.codePreviewLight_cqh1izo .token.char,
.codePreviewLight_cqh1izo .token.builtin,
.codePreviewLight_cqh1izo .token.inserted {
  color: #690;
}
.codePreviewLight_cqh1izo .token.operator,
.codePreviewLight_cqh1izo .token.entity,
.codePreviewLight_cqh1izo .token.url,
.codePreviewLight_cqh1izo .language-css .token.string,
.codePreviewLight_cqh1izo .style .token.string {
  background: hsla(0, 0%, 100%, 0.5);
  color: #9a6e3a;
}
.codePreviewLight_cqh1izo .token.atrule,
.codePreviewLight_cqh1izo .token.attr-value,
.codePreviewLight_cqh1izo .token.keyword {
  color: #07a;
}
.codePreviewLight_cqh1izo .token.function,
.codePreviewLight_cqh1izo .token.class-name {
  color: #dd4a68;
}
.codePreviewLight_cqh1izo .token.regex,
.codePreviewLight_cqh1izo .token.important,
.codePreviewLight_cqh1izo .token.variable {
  color: #e90;
}
.codePreviewLight_cqh1izo .token.important,
.codePreviewLight_cqh1izo .token.bold {
  font-weight: bold;
}
.codePreviewLight_cqh1izo .token.italic {
  font-style: italic;
}
.codePreviewLight_cqh1izo .token.entity {
  cursor: help;
}
.codePreviewDark_cwiuxvl .token.comment,
.codePreviewDark_cwiuxvl .token.prolog,
.codePreviewDark_cwiuxvl .token.doctype,
.codePreviewDark_cwiuxvl .token.cdata {
  color: hsl(30, 20%, 50%);
}
.codePreviewDark_cwiuxvl .token.punctuation {
  opacity: 0.7;
}
.codePreviewDark_cwiuxvl .token.namespace {
  opacity: 0.7;
}
.codePreviewDark_cwiuxvl .token.property,
.codePreviewDark_cwiuxvl .token.tag,
.codePreviewDark_cwiuxvl .token.boolean,
.codePreviewDark_cwiuxvl .token.number,
.codePreviewDark_cwiuxvl .token.constant,
.codePreviewDark_cwiuxvl .token.symbol {
  color: hsl(350, 40%, 70%);
}
.codePreviewDark_cwiuxvl .token.selector,
.codePreviewDark_cwiuxvl .token.attr-name,
.codePreviewDark_cwiuxvl .token.string,
.codePreviewDark_cwiuxvl .token.char,
.codePreviewDark_cwiuxvl .token.builtin,
.codePreviewDark_cwiuxvl .token.inserted {
  color: hsl(75, 70%, 60%);
}
.codePreviewDark_cwiuxvl .token.operator,
.codePreviewDark_cwiuxvl .token.entity,
.codePreviewDark_cwiuxvl .token.url,
.codePreviewDark_cwiuxvl .language-css .token.string,
.codePreviewDark_cwiuxvl .style .token.string,
.codePreviewDark_cwiuxvl .token.variable {
  color: hsl(40, 90%, 60%);
}
.codePreviewDark_cwiuxvl .token.atrule,
.codePreviewDark_cwiuxvl .token.attr-value,
.codePreviewDark_cwiuxvl .token.keyword {
  color: hsl(350, 40%, 70%);
}
.codePreviewDark_cwiuxvl .token.regex,
.codePreviewDark_cwiuxvl .token.important {
  color: #e90;
}
.codePreviewDark_cwiuxvl .token.important,
.codePreviewDark_cwiuxvl .token.bold {
  font-weight: bold;
}
.codePreviewDark_cwiuxvl .token.italic {
  font-style: italic;
}
.codePreviewDark_cwiuxvl .token.entity {
  cursor: help;
}
.codePreviewDark_cwiuxvl .token.deleted {
  color: red;
}

/* wyw-in-js:Sections.styles_1wnewu2.wyw.css */
.leftSideTooltip_lq8s6bh {
  top: -35%;
  right: 135%;
}
.rightSideTooltip_rkk2vh7 {
  top: -35%;
  left: 135%;
}
.stickyHeader_sq1o2nf {
  position: -webkit-sticky;
  position: sticky;
  z-index: 1;
  top: 0;
  display: block;
  width: auto;
  background: var(--framer-fresco-panelBackground-color, #ffffff);
}

/* wyw-in-js:ServerAPI.styles_1m82659.wyw.css */
.log_lha7fqk {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  padding: 6px;
  border: 1px solid var(--framer-fresco-panelDivider-color, #eeeeee);
  border-radius: 4px;
  background: var(--framer-fresco-panelBackground-color, #ffffff);
  color: var(--framer-fresco-panelText-color, #666666);
  font-family: var(--framer-fresco-monospace-font-family);
  font-size: 11px;
}
.logRow_lguw92y {
  margin-bottom: 2px;
}
.logExec_l6usyud {
  color: var(--framer-fresco-tint-color, #0099ff);
}
.logResult_ljxcumg {
  color: var(--framer-fresco-panelText-color, #666666);
}
.logError_la9bhvc {
  color: var(--framer-fresco-warningText-color, #FF9900);
}
.logCall_l8mqxxn {
  color: var(--framer-fresco-layerItemTextDimmed-color, rgba(102, 102, 102, 0.8));
}
.logMeta_l1b8n3g3 {
  color: var(--framer-fresco-layerItemTextDimmed-color, rgba(102, 102, 102, 0.8));
}
.status_s1ysr00c {
  font-size: 12px;
  color: var(--framer-fresco-panelText-color, #666666);
  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: 6px;
}
.statusDot_s1ptdjgu {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
}
.statusDotConnected_s1t2faw4 {
  background: var(--framer-fresco-tint-color, #0099ff);
}
.statusDotDisconnected_srkefq5 {
  background: var(--framer-fresco-warningText-color, #FF9900);
}
.statusMeta_sz3afz {
  color: var(--framer-fresco-layerItemTextDimmed-color, rgba(102, 102, 102, 0.8));
}

/* wyw-in-js:Tools.styles_7g886w.wyw.css */
.radioButtonWithNoOverflow_r1e5o5qt label > * {
  max-width: 100%;
}
.toolsFilter_t1gz93qy {
  position: fixed;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-bottom: var(--framer-fresco-panelPadding-dimension, 15px);
  gap: var(--framer-fresco-panelGap-dimension, 15px);
}
body[data-framer-theme=light] .toolsFilter_t1gz93qy {
  width: 180px;
  padding: 10px;
  border-radius: 8px;
  background-color: var(--framer-fresco-debugBarBackground-color, #ffffff);
}
body[data-framer-theme=dark] .toolsFilter_t1gz93qy {
  width: 160px;
}
.toolColumns_tvua49z {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-column-gap: 30px;
  column-gap: 30px;
  -webkit-columns: 260px;
  columns: 260px;
}
body[data-framer-theme=light] .toolColumns_tvua49z {
  margin-left: 210px;
}
body[data-framer-theme=dark] .toolColumns_tvua49z {
  margin-left: 190px;
}
.tool_t185kjk7 {
  padding: 10px 15px 12px;
  border-radius: 8px;
  margin: 0 0 20px;
  background-color: var(--framer-fresco-debugBarBackground-color, #ffffff);
  break-inside: avoid;
}
.toolTitle_tkzwiy6 {
  margin-bottom: 10px;
  font-weight: 600;
}

/* wyw-in-js:DebugLoadingPerf.styles_1jxhlfe.wyw.css */
.footer_f2ywo1o {
  padding: 10px;
  border-radius: var(--framer-fresco-inputRadiusSmall-dimension, 5px);
  margin-top: 15px;
  background-color: rgba(0, 0, 0, 0.7);
}
.debugLoadingBarsContainer_detfbl9 {
  position: fixed;
  z-index: 31;
  top: 80px;
  left: 50%;
  width: 100%;
  max-width: 1200px;
  padding: 30px;
  border-radius: var(--framer-fresco-modalInnerRadius-dimension, 8px);
  background-color: rgba(30, 30, 30, 0.9);
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
  color: #bababa;
  font-family: var(--framer-fresco-monospace-font-family, "Input Mono", Menlo, monospace);
  font-size: var(--framer-fresco-base-font-size, 12px);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
.timelineContainer_t108y22p {
  position: relative;
  padding-left: 200px;
  margin-top: 20px;
  margin-bottom: 10px;
}
.timeAxis_tb4gmkd {
  position: relative;
  height: 32px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  margin-bottom: 10px;
}
.timeMarkerGroup_tonjw98 {
  position: absolute;
  bottom: 0;
  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-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
.timeMarkerGroupEdge_t10u9o24 {
  -webkit-align-items: flex-end;
  -webkit-box-align: flex-end;
  -ms-flex-align: flex-end;
  align-items: flex-end;
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%);
}
.timeAxisTick_t1ibmh89 {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 1px;
  height: 5px;
  background-color: rgba(255, 255, 255, 0.45);
}
.timeLabel_t1ds2c68 {
  margin-bottom: 4px;
  color: rgba(255, 255, 255, 0.95);
  font-size: var(--framer-fresco-base-font-size, 12px);
  font-weight: 600;
  line-height: 1;
  text-shadow: 0 0 1px rgba(0, 0, 0, 1), 0 1px 3px rgba(0, 0, 0, 0.95);
  white-space: nowrap;
}
.loadingBarContainer_llg81dw {
  position: relative;
  height: 24px;
  margin-bottom: 4px;
}
.loadingBarLabel_ll7ecvs {
  position: absolute;
  top: 50%;
  left: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 180px;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  padding-right: 10px;
  margin-left: -180px;
  text-align: right;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.loadingBarTimeline_lb4zcg1 {
  position: relative;
  height: 100%;
}
.closeButton_c7lx86n {
  padding: 4px;
  border: none;
  background: none;
  color: inherit;
  cursor: pointer;
  font-size: 20px;
  line-height: 1;
}
.loadingBarBackground_l1q3vhpk {
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.1);
}
.timelineMarkAnchor_t140f5hm {
  position: absolute;
  top: 50%;
  left: 0;
  width: 0;
  height: 0;
  overflow: visible;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.timelineMarkTick_t15pepg7 {
  position: absolute;
  top: 0;
  left: 0;
  width: 2px;
  height: 16px;
  border-radius: 1px;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.timelineTick_t1v5yx5z {
  background-color: var(--framer-fresco-tint-color, #0099ff);
}
.timelineTickNegative_tl2hltp {
  background-color: #9bdcff;
}
.timelineTickServer_t1rvyldc {
  background-color: #d4a017;
}
.markLabelInline_m1iitua3 {
  color: rgba(255, 255, 255, 0.95);
  font-size: var(--framer-fresco-base-font-size, 12px);
  font-weight: 600;
  line-height: 1;
  text-shadow: 0 0 1px rgba(0, 0, 0, 1), 0 1px 3px rgba(0, 0, 0, 0.95);
  white-space: nowrap;
}
.markLabelInlineNegative_m1itl3i8 {
  color: #9bdcff;
  font-size: var(--framer-fresco-base-font-size, 12px);
  font-weight: 600;
  line-height: 1;
  text-shadow: 0 0 1px rgba(0, 0, 0, 1), 0 1px 3px rgba(0, 0, 0, 0.95);
  white-space: nowrap;
}
.markLabelInlineServer_m1iqaxff {
  color: #fff3c4;
  font-size: var(--framer-fresco-base-font-size, 12px);
  font-weight: 600;
  line-height: 1;
  text-shadow: 0 0 1px rgba(0, 0, 0, 1), 0 1px 3px rgba(0, 0, 0, 0.95);
  white-space: nowrap;
}
.markLabelPositionAfterTick_mg41i0d {
  position: absolute;
  top: 0;
  left: 5px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.markLabelPositionBeforeTick_m1tahqtu {
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform: translate(calc(-100% - 5px), -50%);
  -moz-transform: translate(calc(-100% - 5px), -50%);
  -ms-transform: translate(calc(-100% - 5px), -50%);
  transform: translate(calc(-100% - 5px), -50%);
}
.titleContainer_t1rvhy3a {
  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: justify;
  -ms-flex-pack: space-between;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin: 0 0 10px 0;
}

/* 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: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:Wireframer.styles_uilgd3.wyw.css */
.container_c17lqnvn {
  overflow: auto;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  border: 1px solid var(--framer-fresco-panelDivider-color, #eeeeee);
  background: var(--framer-fresco-panelBackground-color, #ffffff);
}
.header_h121r2u3 {
  padding: var(--framer-fresco-panelPadding-dimension, 15px);
  border-bottom: 1px solid var(--framer-fresco-panelDivider-color, #eeeeee);
  background: var(--framer-fresco-panelBackground-color, #ffffff);
}
.title_tlhilzs {
  margin: 0;
  color: var(--framer-fresco-panelTitle-color, #333333);
  font-size: 16px;
  font-weight: 600;
}
.subtitle_s1sgmm3c {
  margin: 0;
  margin-top: 4px;
  color: var(--framer-fresco-panelSectionTitle-color, #999999);
  font-size: 12px;
}
.content_c1dtx0q1 {
  padding: var(--framer-fresco-panelPadding-dimension, 15px);
}
.emptyState_e1c2wknu {
  padding: 40px 0;
  color: var(--framer-fresco-panelSectionTitle-color, #999999);
  text-align: center;
}
.emptyTitle_e1mryts0 {
  margin-bottom: 8px;
  font-size: 14px;
}
.emptyDescription_e3jcors {
  font-size: 12px;
}
.callCard_cw4jks3 {
  overflow: hidden;
  border: 1px solid var(--framer-fresco-panelDivider-color, #eeeeee);
  border-radius: 8px;
  background: var(--framer-fresco-debugBarBackground-color, #ffffff);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}
.callHeader_c1260qdp {
  padding: 12px var(--framer-fresco-panelPadding-dimension, 15px);
  border-bottom: 1px solid var(--framer-fresco-panelDivider-color, #eeeeee);
  background: var(--framer-fresco-panelBackground-color, #ffffff);
}
.callContent_c1oe6j9r {
  padding: var(--framer-fresco-panelPadding-dimension, 15px);
}
.methodBadge_mgpsfl5 {
  color: var(--framer-fresco-panelTitle-color, #333333);
  font-size: 13px;
  font-weight: 600;
}
.streamBadge_s1ol973m {
  padding: 1px 6px;
  border-radius: 8px;
  background: var(--framer-fresco-tint-color, #0099ff);
  color: var(--framer-fresco-buttonTextPrimary-color, #ffffff);
  font-size: 9px;
  font-weight: 500;
}
.successBadge_su0358k {
  padding: 2px 8px;
  border-radius: 12px;
  background: #28a745;
  color: white;
  font-size: 10px;
  font-weight: 500;
}
.errorBadge_ea2r4bi {
  padding: 2px 8px;
  border-radius: 12px;
  background: #dc3545;
  color: white;
  font-size: 10px;
  font-weight: 500;
}
.pendingBadge_pxb7dre {
  padding: 2px 8px;
  border-radius: 12px;
  background: #ffc107;
  color: #212529;
  font-size: 10px;
  font-weight: 500;
}
.timestamp_t1kfrhnn {
  margin-top: 4px;
  color: var(--framer-fresco-panelSectionTitle-color, #999999);
  font-size: 11px;
}
.copyFeedback_cg444e {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  color: #28a745;
  font-size: 11px;
}
.sectionTitle_s1yqcw1w {
  margin: 0;
  color: var(--framer-fresco-panelTitle-color, #333333);
  font-size: 13px;
  font-weight: 600;
}
.codeArea_clpvjob {
  min-height: 80px;
  max-height: 200px;
  border: 1px solid var(--framer-fresco-panelDivider-color, #eeeeee);
  border-radius: 4px;
  margin-top: 8px;
  background: var(--framer-fresco-inputBackground-color, #f3f3f3);
  font-family:
    "SF Mono",
    Monaco,
    Consolas,
    monospace;
  font-size: 11px;
}
.responseCodeArea_rargt6t {
  min-height: 80px;
  max-height: 300px;
  border: 1px solid var(--framer-fresco-panelDivider-color, #eeeeee);
  border-radius: 4px;
  margin-top: 8px;
  background: var(--framer-fresco-inputBackground-color, #f3f3f3);
  font-family:
    "SF Mono",
    Monaco,
    Consolas,
    monospace;
  font-size: 11px;
}
.errorCodeArea_e10zvckn {
  min-height: 80px;
  max-height: 300px;
  border: 1px solid #fecaca;
  border-radius: 4px;
  margin-top: 8px;
  background: #fff5f5;
  font-family:
    "SF Mono",
    Monaco,
    Consolas,
    monospace;
  font-size: 11px;
}

/* wyw-in-js:ActiveAgent.styles_1hh0hmz.wyw.css */
.emptyState_e1acpqf9 {
  padding: 12px;
  color: var(--framer-fresco-panelDescription-color, #999999);
}
.container_c1dv3jji {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-width: 0;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  gap: 12px;
  width: 100%;
  height: 100%;
}
.sidebar_szenmyz {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  min-width: 0;
}
.sidebar_szenmyz > * {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.outputPanel_o1sqhxh9 {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-width: 0;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  border-radius: 4px;
  background: var(--framer-fresco-debugBarSecondaryBackground-color, #f3f3f3);
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
}
.outputContent_o1cq3kvp {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin: 0;
  padding: 8px;
  overflow: auto;
  font-family: monospace;
  font-size: 11px;
  white-space: pre-wrap;
  word-break: break-word;
}
.checklistHeader_c423vey {
  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;
  padding: 8px 8px 0;
}
.checklistModeControl_c6ex18x {
  width: 112px;
}
.checklistEmpty_c5g00my {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 12px;
  color: var(--framer-fresco-panelDescription-color, #999999);
}
.graphContent_g1gbgpre {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  gap: 10px;
  -webkit-align-items: flex-start;
  -webkit-box-align: flex-start;
  -ms-flex-align: flex-start;
  align-items: flex-start;
  min-width: 0;
  padding: 16px 56px 44px 12px;
  overflow: auto;
  color: var(--framer-fresco-panelText-color, #666666);
  font-family: monospace;
  font-size: 11px;
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
}
.graphStage_go15qbt {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  gap: 10px;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.graphColumn_g1m9pb5m {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 8px;
  min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content;
}
.graphArrow_gmi0nwc {
  color: var(--framer-fresco-panelDescription-color, #999999);
  font-size: 13px;
}
.graphCheck_g179dfmj {
  white-space: pre;
}
.graphLabel_gn4nhzo {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.graphLabel_gn4nhzo[data-completed=true] {
  color: var(--framer-fresco-panelDescription-color, #999999);
  -webkit-text-decoration: line-through;
  text-decoration: line-through;
}
.graphNode_gyb9or2 {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto minmax(0, 1fr);
  grid-template-columns: auto minmax(0, 1fr);
  -webkit-column-gap: 6px;
  column-gap: 6px;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  box-sizing: border-box;
  min-width: 104px;
  max-width: 180px;
  padding: 5px 7px;
  border: 1px solid var(--framer-fresco-panelDivider-color, #eeeeee);
  border-radius: 4px;
  background: var(--framer-fresco-panelBackground-color, #ffffff);
}
.graphNode_gyb9or2[data-available=true] {
  border-color: var(--framer-fresco-panelDescription-color, #999999);
}
.graphNode_gyb9or2[data-next=true] {
  border-color: var(--framer-fresco-panelText-color, #666666);
}
.copyButton_c8pqn1f {
  position: absolute;
  right: 8px;
  bottom: 8px;
}

/* wyw-in-js:Agents.styles_mmcsew.wyw.css */
.container_c13qhc7g {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  min-width: 0;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  gap: 30px;
}
.categorySelector_cgo79rd {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  min-width: 0;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.categorySelector_cgo79rd > * {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.content_c17arqkr {
  overflow: auto;
  min-width: 0;
  min-height: 0;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
body[data-framer-theme=light] .historyColumns_h58e5o8 {
  margin-left: 0;
}
body[data-framer-theme=dark] .historyColumns_h58e5o8 {
  margin-left: 0;
}

/* wyw-in-js:AgentButton.styles_1635pg.wyw.css */
.base_b1466p6n {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: var(--framer-fresco-agentButtonSize-dimension, 20px);
  height: var(--framer-fresco-agentButtonSize-dimension, 20px);
  box-sizing: border-box;
  -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: 1px solid transparent;
  border-radius: var(--framer-fresco-agentButtonRadius-dimension, 5px);
  margin: 0;
  cursor: pointer;
  outline: none;
  -webkit-transition:
    background-color 120ms ease,
    color 120ms ease,
    border-color 120ms ease;
  transition:
    background-color 120ms ease,
    color 120ms ease,
    border-color 120ms ease;
}
.base_b1466p6n > * {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.base_b1466p6n:disabled {
  cursor: default;
}
.primary_p1fqlfzg {
  border-color: var(--framer-fresco-agentButtonPrimaryBackground-color, #222222);
  background-color: var(--framer-fresco-agentButtonPrimaryBackground-color, #222222);
  color: var(--framer-fresco-agentButtonPrimaryForeground-color, #ffffff);
}
.secondary_szcmhrk {
  border-color: var(--framer-fresco-agentButtonSecondaryBackground-color, #f3f3f3);
  background-color: var(--framer-fresco-agentButtonSecondaryBackground-color, #f3f3f3);
  color: var(--framer-fresco-agentButtonSecondaryForeground-color, #222222);
}
.tertiary_titfu8l {
  border-color: var(--framer-fresco-agentButtonTertiaryBackground-color, #f3f3f3);
  background-color: var(--framer-fresco-agentButtonTertiaryBackground-color, #f3f3f3);
  color: var(--framer-fresco-agentButtonTertiaryForeground-color, #999999);
}
.sharedIconColors_sppxv2i {
  border-color: var(--framer-fresco-agentButtonChatBackground-color, #e6e6e6);
  background-color: var(--framer-fresco-agentButtonChatBackground-color, #e6e6e6);
  color: var(--framer-fresco-agentButtonChatLabelForeground-color, #888888);
}
.sharedIconColors_sppxv2i:hover:not(:disabled) {
  color: var(--framer-fresco-agentButtonChatForeground-color, #222222);
}
.outline_o1ki183q {
  border-color: var(--framer-fresco-agentButtonOutlineBackground-color, #eeeeee);
  background-color: transparent;
  color: var(--framer-fresco-agentButtonOutlineForeground-color, #666666);
}
.disabled_d5azfm2 {
  border-color: var(--framer-fresco-agentButtonDisabledBackground-color, #f3f3f3);
  background-color: var(--framer-fresco-agentButtonDisabledBackground-color, #f3f3f3);
  cursor: default;
}
.disabled_d5azfm2 svg {
  color: var(--framer-fresco-agentButtonDisabledForeground-color, #888888);
}

/* wyw-in-js:AgentChatPanel.styles_7e3hi3.wyw.css */
.agentPanel_a1lhpv91 {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  min-height: 0;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 10px;
  background-color: var(--framer-fresco-panelBackground-color, #ffffff);
}
.disabled_d1b3a0ym {
  opacity: 0.5;
}
.header_h1447jtx {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.divider_d1da86kv {
  height: 1px;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  background-color: var(--framer-fresco-panelDivider-color, #eeeeee);
  -webkit-transform: translateY(0.5px);
  -moz-transform: translateY(0.5px);
  -ms-transform: translateY(0.5px);
  transform: translateY(0.5px);
}
.content_c1yw7gd7 {
  min-height: 0;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.messages_m1isp4r0 {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.newChatButton_neksj7q {
  min-width: var(--framer-fresco-inputHeight-dimension, 30px);
  height: var(--framer-fresco-inputHeight-dimension, 30px);
  border-radius: var(--framer-fresco-inputRadius-dimension, 8px);
  border-color: var(--framer-fresco-inputBackground-color, #f3f3f3);
  background-color: var(--framer-fresco-inputBackground-color, #f3f3f3);
  color: var(--framer-fresco-inputIcon-color, #999999);
}
.newChatButton_neksj7q:hover:not(:disabled) {
  color: var(--framer-fresco-agentButtonChatForeground-color, #222222);
}

/* wyw-in-js:AgentRow.styles_1x2hcd2.wyw.css */
.list_lfmb6wu {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.container_cj27ohz {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: var(--framer-fresco-agentButtonSize-dimension, 20px);
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.textContainer_tas4uwj {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-width: 0;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.text_t178831y {
  overflow: hidden;
  color: var(--framer-fresco-panelTitle-color, #333333);
  font-size: 12px;
  font-weight: 500;
  line-height: 1.4;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.icon_i1hwk49a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: var(--framer-fresco-agentButtonSize-dimension, 20px);
  height: var(--framer-fresco-agentButtonSize-dimension, 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;
  border: 1px solid var(--framer-fresco-agentBorder-color, rgba(0, 0, 0, 0.05));
  border-radius: var(--framer-fresco-agentButtonRadius-dimension, 5px);
}
.tintedIcon_tqbwgo2 {
  background-color: color-mix(in srgb, currentColor 10%, transparent);
}
.divider_dbaypx2 {
  border-top: 1px solid var(--framer-fresco-agentBorder-color, rgba(0, 0, 0, 0.05));
}

/* wyw-in-js:AgentChat.common.styles_v1wfat.wyw.css */
.truncatedText_tgsynem {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.inputCard_ipofwx6 {
  padding: var(--framer-fresco-panelPadding-dimension, 15px);
  border: 1px solid var(--framer-fresco-agentBorder-color, rgba(0, 0, 0, 0.05));
  border-radius: var(--framer-fresco-cardRadius-dimension, 15px);
  background-color: var(--framer-fresco-agentInput-color, #f3f3f3);
}
.actionButton_adym9ck,
.actionButton_adym9ck:hover:not(:disabled) {
  background-color: var(--framer-fresco-agentButtonChatBackground-color, #e6e6e6);
}
.title_tfhsi4 {
  font-size: 12px;
  font-weight: 500;
  color: var(--framer-fresco-panelText-color, #666666);
  max-width: 100%;
}
.divider_d1l72493 {
  height: 1px;
  margin: var(--framer-fresco-panelPadding-dimension, 15px) 0;
  background-color: var(--framer-fresco-agentDivider-color, rgba(0, 0, 0, 0.05));
}

/* wyw-in-js:AgentChatTask.styles_1x3ocr2.wyw.css */
.rightAccessoryText_r1ftuuxm {
  font-weight: 500;
  font-variant-numeric: tabular-nums;
}
.card_c12t7qur {
  position: relative;
  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-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  padding: calc(var(--framer-fresco-panelPadding-dimension, 15px) - 1px);
  border: 1px solid var(--framer-fresco-agentBorder-color, rgba(0, 0, 0, 0.05));
  background: var(--framer-fresco-agentInput-color, #f3f3f3);
  -webkit-transition: border-color 0.25s ease, background 0.25s ease;
  transition: border-color 0.25s ease, background 0.25s ease;
  overflow: clip;
  cursor: pointer;
  gap: 8px;
}
.content_c1me51ue {
  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: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  position: relative;
  gap: 1px;
}
.header_h12hn28v {
  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: flex-start;
  -webkit-box-align: flex-start;
  -ms-flex-align: flex-start;
  align-items: flex-start;
  gap: 10px;
  -webkit-transition: opacity 0.25s ease;
  transition: opacity 0.25s ease;
  color: var(--accent-color);
}
.compact_cl92j5c {
  border-color: transparent;
  background: var(--framer-fresco-panelBackground-color, #ffffff);
  height: 18px;
  cursor: auto;
  padding: 0 calc(var(--framer-fresco-panelPadding-dimension, 15px) - 1px);
}
.compact_cl92j5c .header_h12hn28v {
  opacity: 0;
  pointer-events: none;
}
.icon_i156oayt {
  display: contents;
  color: var(--accent-color, #999999);
}
.followButton_f1jkiwrk.followButton_f1jkiwrk {
  position: absolute;
  right: 0px;
  bottom: 0px;
  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;
  gap: 2px;
  min-width: 47px;
  height: var(--framer-fresco-agentButtonSize-dimension, 20px);
  padding: 0px 5px;
  color: var(--framer-fresco-agentButtonChatLabelForeground-color, #888888);
}
.message_m1cxbclz {
  padding: 0px;
  max-width: 100%;
}
.messageWithFollowButton_mx340bu {
  max-width: calc(100% - 47px - calc(var(--framer-fresco-panelPadding-dimension, 15px) - 1px));
}
.logColor_l125w5vp {
  color: var(--framer-fresco-agentSecondaryText-color, #999999);
  max-width: 100%;
}
.inlineTaskColor_i1b9rlk7 {
  color: var(--framer-fresco-agentListItemText-color, #666666);
}
.loadingLogBase_l8beevn {
  -webkit-animation: agentLogShimmer-loadingLogBase_l8beevn 1.2s infinite linear;
  animation: agentLogShimmer-loadingLogBase_l8beevn 1.2s infinite linear;
  -webkit-mask-image:
    linear-gradient(
      90deg,
      rgba(0, 0, 0, 0.5) 0%,
      rgba(0, 0, 0, 0.5) 32%,
      rgba(0, 0, 0, 0.68) 40%,
      rgba(0, 0, 0, 0.9) 46%,
      #000 48%,
      #000 52%,
      rgba(0, 0, 0, 0.9) 54%,
      rgba(0, 0, 0, 0.68) 60%,
      rgba(0, 0, 0, 0.5) 68%,
      rgba(0, 0, 0, 0.5) 100%);
  -webkit-mask-image:
    linear-gradient(
      90deg,
      rgba(0, 0, 0, 0.5) 0%,
      rgba(0, 0, 0, 0.5) 32%,
      rgba(0, 0, 0, 0.68) 40%,
      rgba(0, 0, 0, 0.9) 46%,
      #000 48%,
      #000 52%,
      rgba(0, 0, 0, 0.9) 54%,
      rgba(0, 0, 0, 0.68) 60%,
      rgba(0, 0, 0, 0.5) 68%,
      rgba(0, 0, 0, 0.5) 100%);
  mask-image:
    linear-gradient(
      90deg,
      rgba(0, 0, 0, 0.5) 0%,
      rgba(0, 0, 0, 0.5) 32%,
      rgba(0, 0, 0, 0.68) 40%,
      rgba(0, 0, 0, 0.9) 46%,
      #000 48%,
      #000 52%,
      rgba(0, 0, 0, 0.9) 54%,
      rgba(0, 0, 0, 0.68) 60%,
      rgba(0, 0, 0, 0.5) 68%,
      rgba(0, 0, 0, 0.5) 100%);
  -webkit-mask-repeat: repeat;
  -webkit-mask-repeat: repeat;
  mask-repeat: repeat;
  -webkit-mask-size: 200% 100%;
  -webkit-mask-size: 200% 100%;
  mask-size: 200% 100%;
}
@-webkit-keyframes agentLogShimmer-loadingLogBase_l8beevn {
  0% {
    -webkit-mask-position: 100% 0;
    -webkit-mask-position: 100% 0;
    mask-position: 100% 0;
  }
  100% {
    -webkit-mask-position: -100% 0;
    -webkit-mask-position: -100% 0;
    mask-position: -100% 0;
  }
}
@keyframes agentLogShimmer-loadingLogBase_l8beevn {
  0% {
    -webkit-mask-position: 100% 0;
    -webkit-mask-position: 100% 0;
    mask-position: 100% 0;
  }
  100% {
    -webkit-mask-position: -100% 0;
    -webkit-mask-position: -100% 0;
    mask-position: -100% 0;
  }
}
.loadingLog_lbrrigg {
  color: var(--framer-fresco-agentLogsTextActive-color, #222222);
}
.loadingLogCard_l1hda4n6 {
  color: var(--framer-fresco-panelText-color, #666666);
}
.stepDuration_s1sawfju {
  margin-left: 5px;
  color: var(--framer-fresco-agentMessageTimestamp-color, #bbbbbb);
}
.inlineTaskLabel_i166n30x {
  margin-left: 5px;
  color: var(--framer-fresco-agentSecondaryText-color, #999999);
  line-height: 1.4;
}
.taskMessageContainer_tm22i46 {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  color: var(--framer-fresco-panelText-color, #666666);
}
.inlineTask_iuw42m4 {
  border-radius: var(--framer-fresco-inputRadiusLarge-dimension, 10px);
  cursor: auto;
  color: var(--framer-fresco-agentListItemText-color, #666666);
  gap: 0;
  padding: 0 calc(var(--framer-fresco-panelControlGap-dimension, 10px) - 1px);
  -webkit-transition:
    border-color 0.25s ease,
    background 0.25s ease,
    border-radius 110ms ease-out;
  transition:
    border-color 0.25s ease,
    background 0.25s ease,
    border-radius 110ms ease-out;
}
.inlineTask_iuw42m4[data-expanded=true] {
  border-radius: var(--framer-fresco-cardRadius-dimension, 15px);
  -webkit-transition:
    border-color 0.25s ease,
    background 0.25s ease,
    border-radius 140ms cubic-bezier(0.16, 1, 0.3, 1);
  transition:
    border-color 0.25s ease,
    background 0.25s ease,
    border-radius 140ms cubic-bezier(0.16, 1, 0.3, 1);
}
.inlineTask_iuw42m4 .message_m1cxbclz {
  max-width: initial;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  line-height: 1.4;
}
.inlineTaskClickable_i9tnnme {
  cursor: pointer;
}
.imagesWrapper_i1fs1xeg {
  overflow: hidden;
  height: 0;
  -webkit-transition: height 110ms ease-out;
  transition: height 110ms ease-out;
}
[data-expanded=true] > .imagesWrapper_i1fs1xeg {
  height: calc(40px + 1px + var(--framer-fresco-panelPadding-dimension, 15px) + calc(var(--framer-fresco-panelPadding-dimension, 15px) - 1px));
  -webkit-transition: height 140ms cubic-bezier(0.16, 1, 0.3, 1);
  transition: height 140ms cubic-bezier(0.16, 1, 0.3, 1);
}
.imagesContent_i7vgob2 {
  opacity: 0;
  -webkit-transition: opacity 110ms ease-out;
  transition: opacity 110ms ease-out;
}
[data-expanded=true] .imagesContent_i7vgob2 {
  opacity: 1;
  -webkit-transition: opacity 140ms cubic-bezier(0.16, 1, 0.3, 1);
  transition: opacity 140ms cubic-bezier(0.16, 1, 0.3, 1);
}
.inlineTaskImages_i1ofxsu1 {
  padding: 0 0 calc(var(--framer-fresco-panelPadding-dimension, 15px) - 1px);
}
.inlineTaskDivider_i1ke6qzm {
  margin-top: 0;
}
.inlineTaskRow_is1wefn {
  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;
  gap: 8px;
  min-width: 0;
  height: 32px;
}
.inlineTaskRow_is1wefn .icon_i156oayt {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.thinkingTrace_t1rd445s {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 0 var(--framer-fresco-panelPadding-dimension, 15px);
  box-sizing: border-box;
}
.thinkingTraceHeader_t1nbcwl5 {
  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;
  width: 100%;
  gap: 0;
  height: 18px;
  color: var(--framer-fresco-agentSecondaryText-color, #999999);
  text-align: left;
}
.thinkingTraceHeader_t1nbcwl5:disabled {
  cursor: default;
  opacity: 1;
}
.thinkingTraceChevron_tzz5ncf {
  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;
  margin-left: 5px;
  color: var(--framer-fresco-agentMessageTimestamp-color, #bbbbbb);
  opacity: 0;
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
  -webkit-transition: opacity 120ms ease, -webkit-transform 120ms ease;
  transition: opacity 120ms ease, transform 120ms ease;
}
.thinkingTraceChevron_tzz5ncf svg {
  width: 8px;
  height: 8px;
}
.thinkingTraceHeader_t1nbcwl5:hover .thinkingTraceChevron_tzz5ncf,
.thinkingTraceHeader_t1nbcwl5:focus-visible .thinkingTraceChevron_tzz5ncf {
  opacity: 1;
}
.thinkingTraceChevronExpanded_tfvhd2j {
  opacity: 1;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
}
.thinkingTraceViewport_t3uzkyj {
  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: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  max-height: calc(1.4em * 4);
  margin-top: 4px;
  overflow: hidden;
}
.thinkingTraceViewport_t3uzkyj::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: 4em;
  pointer-events: none;
  -webkit-transition: opacity 160ms ease-out;
  transition: opacity 160ms ease-out;
  background-color: var(--framer-fresco-panelBackground-color, #ffffff);
  -webkit-mask-image:
    linear-gradient(
      to bottom,
      black calc(100% - 4em),
      transparent 100%);
  -webkit-mask-image:
    linear-gradient(
      to bottom,
      black calc(100% - 4em),
      transparent 100%);
  mask-image:
    linear-gradient(
      to bottom,
      black calc(100% - 4em),
      transparent 100%);
  top: 0;
  height: calc(1.4em * 1.5);
  opacity: 0;
  z-index: 1;
}
.thinkingTraceViewportOverflowing_t16cjxck::before {
  opacity: 1;
}
.thinkingTraceViewportExpanded_t4p43ai {
  max-height: none;
  overflow: visible;
}
.thinkingTraceViewportExpanded_t4p43ai::before {
  opacity: 0;
}
.thinkingTraceText_thsopyv {
  color: var(--framer-fresco-agentSecondaryText-color, #999999);
  font-size: 12px;
  font-weight: 500;
  line-height: 1.4;
  white-space: pre-wrap;
  word-break: break-word;
  cursor: text;
  -webkit-user-select: text;
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
}
.thinkingTraceItemList_t1k1y3v2 {
  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-modalGapSmall-dimension, 10px);
}
.activityTraceViewport_a1tw9ws0 {
  margin-top: var(--framer-fresco-modalGapSmall-dimension, 10px);
}

/* wyw-in-js:AgentErrorCard.styles_gcbgfc.wyw.css */
.card_c1szj2xq {
  cursor: auto !important;
  border-radius: var(--framer-fresco-cardRadius-dimension, 15px);
  color: var(--framer-fresco-panelText-color, #666666);
}
.wrapText_ww7s07w {
  white-space: normal !important;
}

/* wyw-in-js:ModelPicker.styles_19x3h8q.wyw.css */
.multiplierLabel_m1wbmpu0 {
  --menu-badge-padding:0;
  --menu-badge-border:none;
  --menu-badge-border-radius:0;
  --menu-badge-background:transparent;
  --menu-badge-background-active:transparent;
  --menu-badge-margin-left:6px;
  --menu-badge-color:var(--framer-fresco-menuTextDisabled-color, rgba(34, 34, 34, 0.4));
  --menu-badge-color-active:var(--framer-fresco-menuTextDisabled-color, rgba(34, 34, 34, 0.4));
  --menu-badge-font-size:10px;
  --menu-badge-font-weight:500;
  --menu-badge-line-height:1.2;
  --menu-badge-letter-spacing:normal;
  --menu-badge-text-transform:none;
}
.tooltipModelName_tv1f5wm {
  color: var(--framer-fresco-agentListItemTextActive-color, #222222);
}
.tooltipBody_tpj3wfx {
  color: var(--framer-fresco-agentListItemText-color, #666666);
}
.button_bykvysu {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: var(--framer-fresco-agentButtonSize-dimension, 20px);
  min-width: 0;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0;
  border: none;
  overflow: hidden;
  background-color: transparent;
  cursor: pointer;
  gap: 5px;
}
.button_bykvysu:focus,
.button_bykvysu:focus-visible {
  outline: none;
}
.title_t1mu83lj {
  overflow: hidden;
  color: var(--framer-fresco-panelText-color, #666666);
  font-size: 12px;
  font-weight: 500;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.chevron_c1gb5cco {
  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;
  color: var(--framer-fresco-agentSecondaryText-color, #999999);
}

/* wyw-in-js:AgentFooter.styles_1k3bi8g.wyw.css */
.footer_f1n52xcq {
  -webkit-box-pack: justify;
  -ms-flex-pack: space-between;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.modelPickerContainer_m1wvrs19 {
  -webkit-flex-shrink: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  min-width: 0;
  overflow: hidden;
}
.active_a1w06due:not(:disabled) {
  color: var(--framer-fresco-agentButtonChatForeground-color, #222222);
}
.chatIconButton_c1yjyxpr.chatIconButton_c1yjyxpr {
  width: 19.5px;
  height: 19.5px;
}

/* wyw-in-js:AgentInput.styles_1u8vsnn.wyw.css */
.inputBase_ijvkoy6 {
  width: 100%;
  min-height: 60px;
  max-height: 100px;
  box-sizing: border-box;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow-y: auto;
  scrollbar-width: none;
}
.inputBase_ijvkoy6::-webkit-scrollbar {
  display: none;
}
.input_in2xmas div.ProseMirror {
  min-height: 60px;
  color: var(--framer-fresco-inputText-color, #333333);
  font-feature-settings: inherit;
  font-size: 12px;
  font-weight: 500;
  outline: none;
  overflow: visible;
  padding-top: 0.5px;
  line-height: 1.4;
}
.input_in2xmas div.ProseMirror p {
  margin: 0;
}
.input_in2xmas div.ProseMirror.has-placeholder::before {
  position: absolute;
  display: block;
  height: 0;
  color: var(--framer-fresco-agentSecondaryText-color, #999999);
  content: attr(data-placeholder);
  pointer-events: none;
}
.input_in2xmas div.ProseMirror .tag-wrapper {
  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;
  overflow: visible;
  position: relative;
  top: -0.5px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  vertical-align: middle;
  outline: none;
}

/* wyw-in-js:AgentSuggestionPopover.styles_6vg6bj.wyw.css */
.popover_p1xvf4qd {
  --listBorderRadius:var(--framer-fresco-menuBorderRadius-dimension, 13px);
  width: 240px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: var(--framer-fresco-menuPadding-dimension, 5px);
  gap: var(--framer-fresco-menuPadding-dimension, 5px);
}
.popover_p1xvf4qd.popover_p1xvf4qd {
  border-radius: var(--framer-fresco-menuBorderRadius-dimension, 13px);
}
.popover_p1xvf4qd .divider_d13gkfvk {
  display: none;
}
.popover_p1xvf4qd .sectionRow_shmoagt,
.popover_p1xvf4qd .sectionRowUnsaturated_s17etvq1 {
  background:
    linear-gradient(
      to bottom,
      var(--framer-fresco-comboBoxMenuBackground-color, #ffffff) 0%,
      var(--framer-fresco-comboBoxMenuBackground-color, #ffffff) 70%,
      transparent 100%);
  color: var(--framer-fresco-panelDescription-color, #999999);
  font-family: var(--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);
  font-size: var(--framer-fresco-base-font-size, 12px);
  font-weight: var(--framer-fresco-baseActive-font-weight, 500);
  letter-spacing: 0;
  line-height: 1.2;
}
.popover_p1xvf4qd .itemIcon_im7yafn {
  color: var(--framer-fresco-panelDescription-color, #999999);
}
.popover_p1xvf4qd .highlightedRow_h1twq108 .itemIcon_im7yafn,
.popover_p1xvf4qd .highlightedRowUnsaturated_hryng7g .itemIcon_im7yafn {
  color: inherit;
}

/* wyw-in-js:AttachmentList.styles_12fu65o.wyw.css */
.listContainer_l1inf3tv {
  height: auto;
}
.itemRemoveButton_i1oj4rqb {
  position: absolute;
  top: -3px;
  right: -3px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 16px;
  height: 16px;
  -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: 50%;
  z-index: 1;
  background: rgba(136, 136, 136, 0.3);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  color: #ffffff;
  cursor: pointer;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: opacity 0.15s;
  transition: opacity 0.15s;
}
.itemContainer_iu6qdk6 {
  position: relative;
  width: 40px;
  height: 40px;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  border-radius: var(--framer-fresco-agentButtonRadius-dimension, 5px);
}
.itemContainer_iu6qdk6::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: var(--framer-fresco-agentButtonRadius-dimension, 5px);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
  pointer-events: none;
}
.itemContainer_iu6qdk6:hover > .itemRemoveButton_i1oj4rqb,
.itemContainer_iu6qdk6:focus-within > .itemRemoveButton_i1oj4rqb {
  opacity: 1;
  pointer-events: auto;
}
.itemImageContainer_i1azg95d {
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: var(--framer-fresco-agentButtonRadius-dimension, 5px);
}
.itemImage_i9s3jhf {
  width: 100%;
  height: 100%;
  object-position: center top;
  object-fit: cover;
  -webkit-filter: blur(0px);
  filter: blur(0px);
  opacity: 1;
  -webkit-transition: opacity 0.15s, filter 0.15s;
  transition: opacity 0.15s, filter 0.15s;
}
.itemImageUploading_iqbhftr {
  opacity: 0.4;
  -webkit-filter: blur(3px);
  filter: blur(3px);
}
.itemImageDimmed_i10qjr8z {
  opacity: 0.4;
}
.itemClickable_i7bq8ow {
  cursor: pointer;
}
.statusOverlay_s1723gaw {
  position: absolute;
  inset: 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;
  pointer-events: none;
  color: #ffffff;
}

/* wyw-in-js:ImageLightbox.styles_1d2f4f1.wyw.css */
.backdrop_bke4zsm {
  position: fixed;
  inset: 0;
  z-index: 25;
  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;
  outline: none;
}
.backdropOverlay_b1pbnos1 {
  position: absolute;
  inset: 0;
  background: var(--framer-fresco-modalBackdrop-color, rgba(0, 0, 0, 0.4));
  pointer-events: none;
}
.container_c13hyp7o {
  position: relative;
  width: 600px;
  max-width: 100%;
}
.scrollArea_so3jir0 {
  position: relative;
  max-height: 80vh;
  border-radius: 10px;
  box-shadow: var(--framer-fresco-modal-shadow, 0px 10px 30px 0px rgba(0, 0, 0, 0.15));
}
.scrollArea_so3jir0::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  box-shadow: var(--framer-fresco-modalInset-shadow, none);
  pointer-events: none;
}
.image_i1ivjxcp {
  display: block;
  width: 100%;
}
.closeButton_c99v13f {
  position: absolute;
  top: var(--framer-fresco-panelPadding-dimension, 15px);
  right: var(--framer-fresco-panelPadding-dimension, 15px);
  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: none;
  border-radius: 50%;
  background: rgba(136, 136, 136, 0.3);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  color: #ffffff;
  cursor: pointer;
}

/* 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: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:suggestionItems.styles_x811f2.wyw.css */
.textStyleIcon_t12sxtom {
  padding-left: 4px;
}
.colorSwatchIcon_c1fmpnyb.colorSwatchIcon_c1fmpnyb::after {
  opacity: 0.2;
}

/* wyw-in-js:SelectionTag.styles_jnta2w.wyw.css */
.removeButton_rpg5phz {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
  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-left: 1px;
  padding: 0;
  border: none;
  border-radius: 50%;
  background: transparent;
  color: inherit;
  cursor: pointer;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: opacity 0.15s;
  transition: opacity 0.15s;
}
.containerNeutral_cs668uc {
  background-color: var(--framer-fresco-neutralBadgeBackground-color, rgba(102, 102, 102, 0.1));
  box-shadow: inset 0 0 0 1px var(--framer-fresco-neutralBadgeBackground-color, rgba(102, 102, 102, 0.1));
  color: var(--framer-fresco-neutralBadgeColor-color, #666666);
}
.containerNeutral_cs668uc:hover .removeButton_rpg5phz,
.containerNeutral_cs668uc:focus-within .removeButton_rpg5phz {
  opacity: 1;
  pointer-events: auto;
}
.container_c6e2otx {
  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: 18px;
  padding: 0 4px 0 3px;
  border-radius: 5px;
  background-color: rgba(0, 153, 255, 0.1);
  box-shadow: inset 0 0 0 1px rgba(0, 153, 255, 0.1);
  color: #0099ff;
  vertical-align: baseline;
}
.containerComponent_ckz1v1j {
  background-color: rgba(136, 85, 255, 0.1);
  box-shadow: inset 0 0 0 1px rgba(136, 85, 255, 0.1);
  color: var(--framer-fresco-componentTint-color, #8855ff);
}
.icon_i1b29lih {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
  width: 12px;
  height: 12px;
}
.icon_i1b29lih > svg {
  width: 100%;
  height: 100%;
}
.colorSwatch_ck1xnor {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
}
.label_lzpjv9q {
  overflow: hidden;
  max-width: 120px;
  padding: 0;
  font-size: var(--framer-fresco-base-font-size, 12px);
  font-weight: var(--framer-fresco-baseActive-font-weight, 500);
  line-height: 1.4;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.containerFile_cdnhwls {
  background-color: var(--framer-fresco-agentFileTagBackground-color, rgba(0, 0, 0, 0.05));
  box-shadow: inset 0 0 0 1px var(--framer-fresco-agentFileTagBorder-color, rgba(0, 0, 0, 0.1));
  color: var(--framer-fresco-agentFileTagSecondaryText-color, #999999);
}
.fileNameBase_fgbb8eo {
  color: var(--framer-fresco-agentFileTagPrimaryText-color, #222222);
}

/* wyw-in-js:AgentSearchBar.styles_14yicyw.wyw.css */
.agentInputWrapper_am8uwqo.agentInputWrapper_am8uwqo:focus-within {
  border-color: var(--framer-fresco-agentBorder-color, rgba(0, 0, 0, 0.05));
}

/* wyw-in-js:Item.styles_37u9zx.wyw.css */
.base_b16vvqev {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  min-width: 100%;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.borderTop_b19s83hj {
  border-top-left-radius: var(--framer-fresco-contentItemRadius-dimension, 8px);
  border-top-right-radius: var(--framer-fresco-contentItemRadius-dimension, 8px);
}
.borderBottom_b4ig66f {
  border-bottom-left-radius: var(--framer-fresco-contentItemRadius-dimension, 8px);
  border-bottom-right-radius: var(--framer-fresco-contentItemRadius-dimension, 8px);
}
.selected_svu6pp5 {
  --tree-row-background:var(--framer-fresco-tint-color, #0099ff);
}
.userComponent_uauwled {
  --tree-row-background:var(--framer-fresco-componentTint-color, #8855ff);
}
.dimmedSelection_d1x5fs7i {
  --tree-row-background:var(--framer-fresco-tintDimmed-color, color(display-p3 0 0.6 1 / 0.1));
}
.userComponentDimmedSelection_u1k2vtg8 {
  --tree-row-background:var(--framer-fresco-componentTintDimmed-color, color(display-p3 0.533333 0.333333 1 / 0.1));
}
.selectedOverlayWrapper_s1hcr5eu {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}
.selectedOverlay_s1lzegxh {
  position: -webkit-sticky;
  position: sticky;
  z-index: 0;
  left: 0px;
  width: var(--tree-available-width);
  height: 100%;
  background: var(--tree-row-background);
  content: " ";
}
.draggingOverlay_d1dsadjy {
  z-index: 100;
}
.draggable_d9sfs6d {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  min-width: 100%;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

/* wyw-in-js:index.styles_h25i.wyw.css */
.treeWrapper_tl3c96k {
  position: relative;
  height: 1px;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  padding: var(--framer-fresco-panelPadding-dimension, 15px);
}
.tabbedTreeStyle_t1xglp4f {
  position: relative;
  border-radius: var(--framer-fresco-contentItemRadius-dimension, 8px);
}
.itemsWrapper_i1469jih {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  min-width: 100%;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-align-items: stretch;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}
.itemsWrapperWithScroll_i9b9yq2 {
  width: -webkit-min-content;
  width: -moz-min-content;
  width: min-content;
}

/* 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: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: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: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: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:Layers.styles_11o211s.wyw.css */
.scrollStyle_s10dpwt5 {
  scroll-snap-padding-left: 43px;
  scroll-padding-left: 43px;
}
.noResults_n1uowgf2 {
  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: var(--framer-fresco-panelPadding-dimension, 15px);
  color: #999999;
  font-size: 12px;
  line-height: 1.2em;
  text-align: center;
  word-break: break-word;
}
.controlWrapper_conuwap {
  padding-top: var(--framer-fresco-panelPadding-dimension, 15px);
  padding-bottom: var(--framer-fresco-panelPadding-dimension, 15px);
  border-top: 1px solid var(--framer-fresco-panelDivider-color, #eeeeee);
  border-bottom: 1px solid var(--framer-fresco-panelDivider-color, #eeeeee);
  margin-right: var(--framer-fresco-panelPadding-dimension, 15px);
  margin-left: var(--framer-fresco-panelPadding-dimension, 15px);
}

/* wyw-in-js:PageSelector.styles_9gamja.wyw.css */
.inputWrapper_ibuxfpv input:not(:focus) {
  color: var(--framer-fresco-panelText-color, #666666);
}
.leftIcon_lgc8pda {
  margin-right: 3px;
  margin-left: var(--framer-fresco-inputSpacing-dimension, 10px);
  pointer-events: none;
}

/* wyw-in-js:AgentChatInput.styles_1hyvte1.wyw.css */
.inputArea_iybib1b {
  position: relative;
}
.inputWithContextMeter_i18nljhg div.ProseMirror {
  padding-right: 40px;
}
.inputWithContextMeter_i18nljhg div.ProseMirror.has-placeholder::before {
  left: 0;
  right: 40px;
}
.attachments_a1wj1u8r {
  padding-top: var(--framer-fresco-panelGap-dimension, 15px);
}

/* wyw-in-js:AgentContextUsageMeter.styles_1xu3jeg.wyw.css */
.contextTooltipContent_c1xaxwla {
  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: 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;
  box-sizing: border-box;
  padding: var(--framer-fresco-panelPadding-dimension, 15px);
  text-align: left;
}
.contextMeterTooltipAnchor_c10d3rhz {
  position: absolute;
  top: 0;
  right: 0;
  width: var(--framer-fresco-agentButtonSize-dimension, 20px);
  height: var(--framer-fresco-agentButtonSize-dimension, 20px);
  -webkit-align-items: flex-end;
  -webkit-box-align: flex-end;
  -ms-flex-align: flex-end;
  align-items: flex-end;
}
.contextMeter_c18dbvxt {
  width: var(--framer-fresco-agentButtonSize-dimension, 20px);
  height: var(--framer-fresco-agentButtonSize-dimension, 20px);
  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;
  border-radius: var(--framer-fresco-agentButtonRadius-dimension, 5px);
}
.contextMeter_c18dbvxt:hover {
  background-color: var(--framer-fresco-agentButtonChatBackground-color, #e6e6e6);
}
.contextMeterRing_cs71xes {
  width: var(--framer-fresco-agentButtonSize-dimension, 20px);
  height: var(--framer-fresco-agentButtonSize-dimension, 20px);
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.contextMeterOval_c12amb2z {
  fill: none;
  stroke: var(--framer-fresco-agentContextUsageMeterTrack-color, rgba(0, 0, 0, 0.15));
  stroke-width: 1.5;
}
.contextMeterPath_cxuy8ux {
  fill: none;
  stroke: var(--framer-fresco-agentContextUsageMeterProgress-color, #888888);
  stroke-width: 1.5;
  stroke-linecap: round;
  stroke-linejoin: round;
  -webkit-transition: stroke-dashoffset 120ms ease-out;
  transition: stroke-dashoffset 120ms ease-out;
}
.contextTooltipPercent_c1m4bwxf {
  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);
  line-height: 1.2;
  letter-spacing: 0;
}
.contextTooltipTokens_csgi1aw {
  color: var(--framer-fresco-agentSecondaryText-color, #999999);
  font-size: var(--framer-fresco-label-font-size, 10px);
  font-weight: var(--framer-fresco-baseActive-font-weight, 500);
  line-height: 1.2;
  letter-spacing: 0;
}

/* wyw-in-js:AgentChatMessages.styles_1t8t6tf.wyw.css */
.container_c12dx4e3 {
  position: relative;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.containerEmpty_cgdfxrr {
  -webkit-flex: 0;
  -ms-flex: 0;
  flex: 0;
}
.scroll_sohnqqg {
  position: absolute;
  inset: 0;
}
.messagesContent_m1tnjerf {
  min-height: 100%;
  height: 100%;
}
.sentinel_sb4ygtw {
  margin-top: calc(-1 * (var(--framer-fresco-agentChatMessagesGap-dimension, 10px) + 1px));
}
.fade_f1d1xzn0::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: 4em;
  pointer-events: none;
  -webkit-transition: opacity 160ms ease-out;
  transition: opacity 160ms ease-out;
  background-color: var(--framer-fresco-panelBackground-color, #ffffff);
  -webkit-mask-image:
    linear-gradient(
      to bottom,
      transparent 0%,
      black 4em);
  -webkit-mask-image:
    linear-gradient(
      to bottom,
      transparent 0%,
      black 4em);
  mask-image:
    linear-gradient(
      to bottom,
      transparent 0%,
      black 4em);
  -webkit-transition: none;
  transition: none;
  opacity: 0;
  bottom: 0;
  z-index: 1;
}
.fadeVisible_f1oiye8c::after {
  opacity: 1;
}

/* wyw-in-js:useScrollSentinel.styles_qwddr3.wyw.css */
.sentinel_s13uxm3v {
  height: 1px;
  visibility: hidden;
}

/* wyw-in-js:PromptPartsText.styles_zrio96.wyw.css */
.selectionTagWrapper_s925u8z {
  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;
  position: relative;
  top: -0.5px;
  vertical-align: middle;
}

/* ../../../node_modules/streamdown/styles.css */
@keyframes sd-fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes sd-blurIn {
  from {
    opacity: 0;
    filter: blur(4px);
  }
  to {
    opacity: 1;
    filter: blur(0);
  }
}
@keyframes sd-slideUp {
  from {
    opacity: 0;
    transform: translateY(4px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
[data-sd-animate] {
  animation: var(--sd-animation, sd-fadeIn) var(--sd-duration, 150ms) var(--sd-easing, ease) both;
}

/* wyw-in-js:AgentChangesSummary.styles_9ap71z.wyw.css */
.card_c1lcvpf5 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  box-sizing: border-box;
  padding: calc(var(--framer-fresco-panelPadding-dimension, 15px) - 1px) calc(var(--framer-fresco-panelPadding-dimension, 15px) - 1px) 0;
  border: 1px solid var(--framer-fresco-agentBorder-color, rgba(0, 0, 0, 0.05));
  border-radius: var(--framer-fresco-cardRadius-dimension, 15px);
  background: var(--framer-fresco-agentInput-color, #f3f3f3);
}
.header_h26xreu {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-height: var(--framer-fresco-agentButtonSize-dimension, 20px);
  -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;
  gap: 10px;
  color: var(--framer-fresco-buttonText-color, #333333);
  font-size: 12px;
  font-weight: 500;
}
.headerTitle_h11th2cw {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-width: 0;
}
.headerAction_hu2ls0k {
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
}
.headerAction_hu2ls0k.headerAction_hu2ls0k {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: var(--framer-fresco-agentButtonSize-dimension, 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;
}
.undoRedoButton_uwqaf91 {
  font-weight: 500;
  font-variant-numeric: tabular-nums;
}
.undoRedoButton_u1v0uru9.undoRedoButton_u1v0uru9 {
  width: auto;
  padding: 0px 5px;
  color: var(--framer-fresco-agentButtonChatLabelForeground-color, #888888);
}
.rows_r1dn60h9 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-top: 10px;
  border-top: 1px solid var(--framer-fresco-agentDivider-color, rgba(0, 0, 0, 0.05));
}
.row_r1dmfufu {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: minmax(0, 1fr) auto;
  grid-template-columns: minmax(0, 1fr) auto;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 30px;
  padding: 0;
  border-bottom: 1px solid var(--framer-fresco-agentDivider-color, rgba(0, 0, 0, 0.05));
  border-top: 0;
  border-right: 0;
  border-left: 0;
  background: transparent;
  gap: 12px;
  cursor: default;
  text-align: left;
  color: var(--framer-fresco-agentListItemText-color, #666666);
}
.rowViewable_rnnudwa {
  cursor: pointer;
}
.rowLast_rjjjkw6 {
  border-bottom: 0;
}
.countValue_c1oacnf9 {
  display: inline;
}
.rowViewable_rnnudwa:hover .countValue_c1oacnf9,
.rowViewable_rnnudwa:focus-visible .countValue_c1oacnf9 {
  display: none;
}
.viewLabel_v2txdid {
  display: none;
}
.rowViewable_rnnudwa:hover .viewLabel_v2txdid,
.rowViewable_rnnudwa:focus-visible .viewLabel_v2txdid {
  display: inline;
}
.title_t1rpsvip {
  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;
  min-width: 0;
  gap: 10px;
  font-size: 12px;
  font-weight: 500;
}
.icon_i14v0je2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
  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;
  color: var(--framer-fresco-agentListItemIcon-color, #999999);
}
.name_n10ar6o9 {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.count_cwbaxa5 {
  color: var(--framer-fresco-agentSecondaryText-color, #999999);
  font-size: 12px;
  font-weight: 500;
  white-space: nowrap;
}
.showMore_s6uxiyf {
  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;
  height: 30px;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--framer-fresco-agentSecondaryText-color, #999999);
  font: inherit;
  cursor: pointer;
  font-weight: 500;
}

/* wyw-in-js:AgentChatCodePatch.styles_1jnurlf.wyw.css */
.codeCard_ckx4nzl.codeCard_ckx4nzl {
  cursor: default;
  background: transparent;
  border-radius: var(--framer-fresco-cardRadius-dimension, 15px);
  padding: 0;
  gap: 0;
}
.header_homz862 {
  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: 10px;
  padding: var(--framer-fresco-panelPadding-dimension, 15px);
}
.divider_djz1zg3 {
  height: 1px;
  background-color: var(--framer-fresco-agentBorder-color, rgba(0, 0, 0, 0.05));
  margin: 0 var(--framer-fresco-panelPadding-dimension, 15px);
}
.headerIcon_hody5ej {
  color: var(--framer-fresco-panelText-color, #666666);
}
.fileName_f1gvzsf7:disabled {
  opacity: 1;
}
.fileNameExtension_f22ktxp {
  color: var(--framer-fresco-agentSecondaryText-color, #999999);
}
.lines_li8awxu {
  overflow-x: auto;
  overflow-y: auto;
  max-height: 112px;
  cursor: text;
  -ms-overflow-style: none;
  scrollbar-width: none;
  padding: var(--framer-fresco-panelPadding-dimension, 15px) 0;
  -webkit-mask-image:
    linear-gradient(
      270deg,
      rgba(0, 0, 0, 0) 0%,
      rgb(0, 0, 0) 30%);
  -webkit-mask-image:
    linear-gradient(
      270deg,
      rgba(0, 0, 0, 0) 0%,
      rgb(0, 0, 0) 30%);
  mask-image:
    linear-gradient(
      270deg,
      rgba(0, 0, 0, 0) 0%,
      rgb(0, 0, 0) 30%);
}
.lines_li8awxu::-webkit-scrollbar {
  display: none;
}
.diffPre_d11rveex {
  margin: 0;
  padding: 0;
  background-color: transparent;
}
.diffCodeBlock_dl0plrt {
  display: inline-block;
  font-family:
    "Input Mono",
    Menlo,
    monospace;
  font-size: 12px;
  line-height: 17px;
  white-space: pre;
}
.diffLine_d1dmc48a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  min-height: 17px;
  padding: 0 var(--framer-fresco-panelPadding-dimension, 15px);
}
.diffLineAdd_dlt52os {
  background-color: rgba(152, 240, 89, 0.1);
}
.diffLineRemove_d12vzan7 {
  background-color: rgba(255, 85, 85, 0.1);
}
.diffGutter_d1z0zz5h {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 8px;
  text-align: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: var(--framer-fresco-agentSecondaryText-color, #999999);
}
.diffGutterAdd_d1olgdp6 {
  color: #98f059;
}
.diffGutterRemove_ducq2q9 {
  color: #ff5555;
}
.diffCode_desoouu {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-width: 0;
}

/* wyw-in-js:AgentChatTurn.styles_exjb7.wyw.css */
.stickySentinel_s71brc5 {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
}
.turnContainer_t1wmzoaz {
  position: relative;
}
.userBubbleSticky_u17c3to3 {
  padding-top: var(--framer-fresco-panelPadding-dimension, 15px);
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 1;
  width: 100%;
}
.userBubbleSticky_u17c3to3::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: 4em;
  pointer-events: none;
  -webkit-transition: opacity 160ms ease-out;
  transition: opacity 160ms ease-out;
  background-color: var(--framer-fresco-panelBackground-color, #ffffff);
  -webkit-mask-image:
    linear-gradient(
      to bottom,
      black calc(100% - 4em),
      transparent 100%);
  -webkit-mask-image:
    linear-gradient(
      to bottom,
      black calc(100% - 4em),
      transparent 100%);
  mask-image:
    linear-gradient(
      to bottom,
      black calc(100% - 4em),
      transparent 100%);
  -webkit-transition: none;
  transition: none;
  opacity: 0;
  height: auto;
  top: 0;
  bottom: -4em;
  z-index: 0;
}
.userBubbleStickyStuck_u1v5xen1::after {
  opacity: 1;
}
.stickyInner_s1rdcoaw {
  position: relative;
  z-index: 1;
}
.userBubble_udvgw5e {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  box-sizing: border-box;
  padding: var(--framer-fresco-panelPadding-dimension, 15px) 40px var(--framer-fresco-panelPadding-dimension, 15px) var(--framer-fresco-panelPadding-dimension, 15px);
  border: 1px solid var(--framer-fresco-agentBorder-color, rgba(0, 0, 0, 0.05));
  border-radius: var(--framer-fresco-cardRadius-dimension, 15px);
  background-color: var(--framer-fresco-agentInput-color, #f3f3f3);
  min-height: 50px;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: start;
  justify-content: start;
  overflow: hidden;
  cursor: pointer;
  position: relative;
}
.confirmGradientOverlay_c1xlggno {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(
      to right,
      oklch(from var(--framer-fresco-agentInput-color, #f3f3f3) l c h / 0) 40%,
      oklch(from var(--framer-fresco-agentInput-color, #f3f3f3) l c h / 0.07) 47%,
      oklch(from var(--framer-fresco-agentInput-color, #f3f3f3) l c h / 0.26) 55%,
      oklch(from var(--framer-fresco-agentInput-color, #f3f3f3) l c h / 0.5) 63%,
      oklch(from var(--framer-fresco-agentInput-color, #f3f3f3) l c h / 0.74) 70%,
      oklch(from var(--framer-fresco-agentInput-color, #f3f3f3) l c h / 0.93) 77%,
      var(--framer-fresco-agentInput-color, #f3f3f3) 82%);
  pointer-events: none;
  border-radius: inherit;
}
.confirmButton_ce6u0p0 {
  color: var(--framer-fresco-buttonText-color, #333333);
  font-size: 12px;
  font-weight: 500;
}
.confirmButton_ce6u0p0.confirmButton_ce6u0p0 {
  width: auto;
  padding: 0px 5px;
}
.userText_uwelm9q {
  color: var(--framer-fresco-buttonText-color, #333333);
  font-size: 12px;
  font-weight: 500;
  padding-top: 0.5px;
  line-height: 1.4;
  white-space: pre-wrap;
  word-break: break-word;
}
.userTextClamp_u18o5sdz {
  display: -webkit-box;
  width: 100%;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
}
.userImageOnlyLabel_ur57xvt {
  color: var(--framer-fresco-agentSecondaryText-color, #999999);
  font-size: 12px;
  font-weight: 500;
  line-height: 1.4;
}
.userBubbleFades_u15pkn8v::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: 4em;
  pointer-events: none;
  -webkit-transition: opacity 160ms ease-out;
  transition: opacity 160ms ease-out;
  background-color: var(--framer-fresco-agentInput-color, #f3f3f3);
  -webkit-mask-image:
    linear-gradient(
      to bottom,
      transparent 0%,
      black 4em);
  -webkit-mask-image:
    linear-gradient(
      to bottom,
      transparent 0%,
      black 4em);
  mask-image:
    linear-gradient(
      to bottom,
      transparent 0%,
      black 4em);
  -webkit-transition: none;
  transition: none;
  opacity: 0;
  bottom: 0;
}
.userBubbleFadeBottomVisible_u17sg1zp::after {
  opacity: 1;
}
.clarificationQuestion_c28znvx {
  color: var(--framer-fresco-agentMessageText-color, #666666);
  font-size: 12px;
  font-weight: 500;
  line-height: 1.4;
  text-wrap: balance;
}
.clarificationAnswer_cq3pun8 {
  font-size: 12px;
  font-weight: 500;
  color: var(--framer-fresco-buttonText-color, #333333);
  text-wrap: balance;
}
.clarificationAnswerGroup_ct0pw3p + .clarificationAnswerGroup_ct0pw3p {
  padding-top: 10px;
  border-top: 1px solid var(--framer-fresco-agentBorder-color, rgba(0, 0, 0, 0.05));
}
.streamContainer_s1oiso29 {
  height: auto;
  -webkit-align-items: flex-start;
  -webkit-box-align: flex-start;
  -ms-flex-align: flex-start;
  align-items: flex-start;
  margin-top: var(--framer-fresco-agentChatMessagesGap-dimension, 10px);
}
.assistantMessage_a1qhdb14 {
  padding: 0px var(--framer-fresco-panelPadding-dimension, 15px);
}
.stepsList_sjgd3mg {
  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-modalGapSmall-dimension, 10px);
}
.markdownImage_m7qw8il {
  display: block;
  width: 100%;
  height: 120px;
  object-fit: cover;
  margin: var(--framer-fresco-agentChatMessagesGap-dimension, 10px) 0;
  border-radius: var(--framer-fresco-inputRadiusLarge-dimension, 10px);
  outline: 1px solid var(--framer-fresco-agentBorder-color, rgba(0, 0, 0, 0.05));
  outline-offset: -1px;
}
.markdownImage_m7qw8il.markdownImage_m7qw8il {
  cursor: default;
}
.colorPreview_c11pzg5a {
  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;
  gap: 4px;
  line-height: inherit;
  white-space: nowrap;
}
.colorPreviewSwatch_c16eqomo {
  width: 8px;
  height: 8px;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
  border: 1px solid var(--framer-fresco-colorIconBorder-color, rgba(0, 0, 0, 0.1));
  border-radius: 100px;
  position: relative;
  top: -0.5px;
  margin-left: 1px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.revertButton_r1synk2y {
  position: absolute;
  right: 10px;
  bottom: 10px;
  z-index: 1;
}
.assistantText_a84uy5s {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 10px;
  color: var(--framer-fresco-agentMessageText-color, #666666);
  font-size: 12px;
  font-weight: 500;
  line-height: 1.4;
}
.assistantText_a84uy5s,
.assistantText_a84uy5s * {
  cursor: text;
  -webkit-user-select: text;
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
}
.markdownStyles_mboqhxh p {
  margin: 0;
}
.markdownStyles_mboqhxh ul,
.markdownStyles_mboqhxh ol {
  margin: 0;
  line-height: 1.4;
}
.markdownStyles_mboqhxh ul li,
.markdownStyles_mboqhxh ol li {
  margin: 0;
  padding-left: 5px;
}
.markdownStyles_mboqhxh ul li::marker,
.markdownStyles_mboqhxh ol li::marker {
  color: var(--framer-fresco-agentSecondaryText-color, #999999);
}
.markdownStyles_mboqhxh ul {
  padding-left: calc(var(--framer-fresco-panelPadding-dimension, 15px) + 2px);
}
.markdownStyles_mboqhxh ol {
  padding-left: calc(var(--framer-fresco-panelPadding-dimension, 15px) + 4px);
}
.markdownStyles_mboqhxh .contains-task-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 5px;
  padding-left: 0;
  list-style: none;
}
.markdownStyles_mboqhxh .task-list-item {
  position: relative;
  min-height: var(--framer-fresco-checkboxSize-dimension, 14px);
  padding-left: calc(var(--framer-fresco-checkboxSize-dimension, 14px) + 10px);
  word-break: break-word;
}
.markdownStyles_mboqhxh .task-list-item::marker {
  content: "";
}
.markdownStyles_mboqhxh .task-list-item > input[type=checkbox] {
  position: absolute;
  top: 1px;
  left: 0;
  width: var(--framer-fresco-checkboxSize-dimension, 14px);
  height: var(--framer-fresco-checkboxSize-dimension, 14px);
  margin: 0;
  border: none;
  border-radius: var(--framer-fresco-checkboxRadius-dimension, 4px);
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
  background-color: var(--framer-fresco-checkboxBackground-color, #f5f5f5);
  box-shadow: var(--framer-fresco-checkboxDarker-shadow, inset 0 0 0 1px rgba(0, 0, 0, 0.1));
  pointer-events: none;
}
@media (forced-colors: active) {
  .markdownStyles_mboqhxh .task-list-item > input[type=checkbox] {
    border: 1px solid transparent;
  }
}
.markdownStyles_mboqhxh .task-list-item > input[type=checkbox]::before {
  position: absolute;
  inset: 0;
  background-color: var(--framer-fresco-checkboxDarkerStroke-color, #ffffff);
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath d='m2.5 6.5 1.293 1.293a1 1 0 0 0 1.414 0L9 4' fill='transparent' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath d='m2.5 6.5 1.293 1.293a1 1 0 0 0 1.414 0L9 4' fill='transparent' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath d='m2.5 6.5 1.293 1.293a1 1 0 0 0 1.414 0L9 4' fill='transparent' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  -webkit-mask-position: center;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  opacity: 0;
  content: "";
}
.markdownStyles_mboqhxh .task-list-item > input[type=checkbox]:checked {
  background-color: var(--framer-fresco-checkboxDarkerBackgroundChecked-color, #222222);
  box-shadow: var(--framer-fresco-checkboxDarkerChecked-shadow, none);
}
.markdownStyles_mboqhxh .task-list-item > input[type=checkbox]:checked::before {
  opacity: 1;
}
.markdownStyles_mboqhxh .task-list-item > ul,
.markdownStyles_mboqhxh .task-list-item > ol {
  margin-top: 5px;
}
.markdownStyles_mboqhxh h1,
.markdownStyles_mboqhxh h2,
.markdownStyles_mboqhxh h3,
.markdownStyles_mboqhxh h4,
.markdownStyles_mboqhxh h5,
.markdownStyles_mboqhxh h6 {
  color: var(--framer-fresco-inputText-color, #333333);
  font-weight: 600;
  margin: 0;
}
.markdownStyles_mboqhxh h1 {
  font-size: 16px;
}
.markdownStyles_mboqhxh h2 {
  font-size: 14px;
}
.markdownStyles_mboqhxh h3 {
  font-size: 12px;
}
.markdownStyles_mboqhxh h4,
.markdownStyles_mboqhxh h5,
.markdownStyles_mboqhxh h6 {
  font-size: 12px;
}
.markdownStyles_mboqhxh a,
.markdownStyles_mboqhxh [data-streamdown=link] {
  color: var(--framer-fresco-panelTitle-color, #333333);
  -webkit-text-decoration: underline;
  text-decoration: underline;
  text-decoration-color: var(--framer-fresco-swatchBorder-color, rgba(0, 0, 0, 0.1));
  text-decoration-thickness: 1px;
  text-underline-offset: 2px;
  font-family: inherit;
  font-weight: 500;
  font-size: 12px;
  line-height: 1.4;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  background-color: transparent;
  border: none;
  margin: 0;
  padding: 0;
  text-align: inherit;
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
}
.markdownStyles_mboqhxh a,
.markdownStyles_mboqhxh [data-streamdown=link],
.markdownStyles_mboqhxh a *,
.markdownStyles_mboqhxh [data-streamdown=link] * {
  cursor: pointer;
}
.markdownStyles_mboqhxh blockquote {
  margin: 0;
  padding-left: 10px;
  border-left: 1px solid var(--framer-fresco-agentBorder-color, rgba(0, 0, 0, 0.05));
  color: var(--framer-fresco-panelDescription-color, #999999);
  font-style: italic;
}
.markdownStyles_mboqhxh del {
  color: var(--framer-fresco-agentListItemText-color, #666666);
  text-decoration-color: var(--framer-fresco-agentListItemText-color, #666666);
}
.markdownStyles_mboqhxh details {
  border: 1px solid var(--framer-fresco-agentBorder-color, rgba(0, 0, 0, 0.05));
  border-radius: var(--framer-fresco-cardRadius-dimension, 15px);
  padding: var(--framer-fresco-panelControlGap-dimension, 10px);
  background: var(--framer-fresco-agentInput-color, #f3f3f3);
}
.markdownStyles_mboqhxh details [data-streamdown=table-wrapper] {
  border-radius: var(--framer-fresco-cardRadius-dimension, 15px);
}
.markdownStyles_mboqhxh summary {
  position: relative;
  padding-left: calc(8px + 8px);
  color: var(--framer-fresco-inputText-color, #333333);
  font-weight: 500;
  cursor: pointer;
  list-style: none;
}
.markdownStyles_mboqhxh summary,
.markdownStyles_mboqhxh summary * {
  cursor: pointer;
  -webkit-user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.markdownStyles_mboqhxh summary::-webkit-details-marker {
  display: none;
}
.markdownStyles_mboqhxh summary::marker {
  content: "";
}
.markdownStyles_mboqhxh summary:focus-visible {
  outline: 2px solid var(--framer-fresco-inputBorderActive-color, #0099ff);
  outline-offset: 2px;
}
@supports not selector(:focus-visible) {
  .markdownStyles_mboqhxh summary:focus {
    outline: 2px solid var(--framer-fresco-inputBorderActive-color, #0099ff);
    outline-offset: 2px;
  }
}
.markdownStyles_mboqhxh details:not([open]) > summary {
  margin: calc(0px - var(--framer-fresco-panelControlGap-dimension, 10px));
  padding: var(--framer-fresco-panelControlGap-dimension, 10px) var(--framer-fresco-panelControlGap-dimension, 10px) var(--framer-fresco-panelControlGap-dimension, 10px) calc(var(--framer-fresco-panelControlGap-dimension, 10px) + 8px + 8px);
  border-radius: inherit;
}
.markdownStyles_mboqhxh details:not([open]) > summary::before {
  top: 50%;
  left: var(--framer-fresco-panelControlGap-dimension, 10px);
}
.markdownStyles_mboqhxh summary::before {
  position: absolute;
  top: 0.7em;
  left: 0;
  width: 8px;
  height: 8px;
  background-color: var(--framer-fresco-dropdownChevron-color, #999999);
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8' fill='none'%3E%3Cpath d='m1 2.75 2.293 2.293a1 1 0 0 0 1.414 0L7 2.75' fill='transparent' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8' fill='none'%3E%3Cpath d='m1 2.75 2.293 2.293a1 1 0 0 0 1.414 0L7 2.75' fill='transparent' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8' fill='none'%3E%3Cpath d='m1 2.75 2.293 2.293a1 1 0 0 0 1.414 0L7 2.75' fill='transparent' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  -webkit-mask-position: center;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-transform: translateY(-50%) rotate(-90deg);
  -moz-transform: translateY(-50%) rotate(-90deg);
  -ms-transform: translateY(-50%) rotate(-90deg);
  transform: translateY(-50%) rotate(-90deg);
  content: "";
}
.markdownStyles_mboqhxh details[open] > summary::before {
  -webkit-transform: translateY(-50%) rotate(0deg);
  -moz-transform: translateY(-50%) rotate(0deg);
  -ms-transform: translateY(-50%) rotate(0deg);
  transform: translateY(-50%) rotate(0deg);
}
.markdownStyles_mboqhxh details > * + * {
  margin-top: var(--framer-fresco-panelControlGap-dimension, 10px);
}
.markdownStyles_mboqhxh [data-footnotes] {
  color: var(--framer-fresco-panelDescription-color, #999999);
  font-size: 11px;
}
.markdownStyles_mboqhxh [data-footnotes] li::marker {
  color: var(--framer-fresco-agentMessageTimestamp-color, #bbbbbb);
}
.markdownStyles_mboqhxh [data-footnotes] h2 {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
}
.markdownStyles_mboqhxh [data-footnote-ref],
.markdownStyles_mboqhxh [data-footnote-backref] {
  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: inherit;
  line-height: inherit;
  -webkit-text-decoration: none;
  text-decoration: none;
  text-decoration-color: transparent;
}
.markdownStyles_mboqhxh [data-footnote-ref] {
  color: var(--framer-fresco-panelDescription-color, #999999);
  font-weight: inherit;
  pointer-events: none;
  cursor: default;
}
.markdownStyles_mboqhxh [data-footnote-backref] {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
}
.markdownStyles_mboqhxh [data-streamdown=superscript] {
  font-variant-position: super;
  font-feature-settings: "sups" 1;
}
.markdownStyles_mboqhxh [data-streamdown=subscript] {
  font-variant-position: sub;
  font-feature-settings: "subs" 1;
}
.markdownStyles_mboqhxh [data-streamdown=superscript],
.markdownStyles_mboqhxh [data-streamdown=subscript] {
  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: inherit;
  line-height: inherit;
  vertical-align: baseline;
}
@supports not (font-feature-settings: "sups" 1) {
  .markdownStyles_mboqhxh [data-streamdown=superscript],
  .markdownStyles_mboqhxh [data-streamdown=subscript] {
    font-size: 0.75em;
  }
  .markdownStyles_mboqhxh [data-streamdown=superscript] {
    vertical-align: super;
  }
  .markdownStyles_mboqhxh [data-streamdown=subscript] {
    vertical-align: sub;
  }
}
.markdownStyles_mboqhxh kbd,
.markdownStyles_mboqhxh [data-streamdown=inline-code] {
  box-sizing: border-box;
  border-radius: 5px;
  background: var(--framer-fresco-agentMessageInlineCodeBackground-color, rgba(243, 243, 243, 0.5));
  box-shadow: inset 0 0 0 1px var(--framer-fresco-modalSeparator-color, rgba(0, 0, 0, 0.07));
  color: var(--framer-fresco-inputText-color, #333333);
  font-family: var(--framer-fresco-monospace-font-family, "Input Mono", Menlo, monospace);
  font-size: 11px;
  font-weight: 400;
  vertical-align: middle;
}
.markdownStyles_mboqhxh [data-streamdown=inline-code] {
  display: inline-block;
  max-width: 100%;
  padding: 1px 4px;
  -webkit-box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  line-height: calc(17px - 1px - 1px);
  overflow-wrap: anywhere;
  white-space: normal;
}
.markdownStyles_mboqhxh kbd {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  min-height: 17px;
  min-width: 17px;
  -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: 1px 3px;
  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: 12px;
  font-weight: 500;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
}
.markdownStyles_mboqhxh [data-streamdown=code-block] {
  background: var(--framer-fresco-agentMessageCodeBlockBackground-color, rgba(243, 243, 243, 0.4));
  border: 1px solid var(--framer-fresco-modalSeparator-color, rgba(0, 0, 0, 0.07));
  border-radius: 10px;
  padding: 10px;
  font-family: var(--framer-fresco-monospace-font-family, "Input Mono", Menlo, monospace);
  font-size: 11px;
  font-weight: 400;
}
.markdownStyles_mboqhxh [data-streamdown=code-block] [data-streamdown=code-block-header] {
  display: none;
}
.markdownStyles_mboqhxh [data-streamdown=code-block] pre[class*=language-],
.markdownStyles_mboqhxh [data-streamdown=code-block] code[class*=language-] {
  padding: 0;
  margin: 0;
  background: none;
  color: var(--framer-fresco-agentMessageCodeText-color, #888888);
  text-shadow: none;
  line-height: 1.4;
}
.markdownStyles_mboqhxh [data-streamdown=code-block] ::-webkit-scrollbar {
  display: none;
}
.markdownStyles_mboqhxh [data-streamdown=horizontal-rule] {
  margin: 0;
  height: 1px;
  border: none;
  background-color: var(--framer-fresco-panelDivider-color, #eeeeee);
}
.markdownStyles_mboqhxh [data-streamdown=table-wrapper] {
  overflow-x: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
  border: 1px solid var(--framer-fresco-agentBorder-color, rgba(0, 0, 0, 0.05));
  border-radius: 15px;
}
.markdownStyles_mboqhxh [data-streamdown=table-wrapper]::-webkit-scrollbar {
  display: none;
}
.markdownStyles_mboqhxh table {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  min-width: min(100%, 420px);
  max-width: none;
  margin: 0;
  border-collapse: separate;
  border-spacing: 0;
  table-layout: auto;
}
.markdownStyles_mboqhxh th,
.markdownStyles_mboqhxh td {
  padding: 10px;
  border-right: 1px solid var(--framer-fresco-agentBorder-color, rgba(0, 0, 0, 0.05));
  border-bottom: 1px solid var(--framer-fresco-agentBorder-color, rgba(0, 0, 0, 0.05));
  vertical-align: top;
  line-height: 1.4;
  min-width: 110px;
  max-width: 220px;
  overflow-wrap: break-word;
  word-break: normal;
  white-space: normal;
}
.markdownStyles_mboqhxh th {
  color: var(--framer-fresco-panelDescription-color, #999999);
  font-weight: 500;
  text-align: left;
}
.markdownStyles_mboqhxh [data-streamdown=table-header-cell] > [data-sd-animate] {
  display: block;
  width: 100%;
  text-align: inherit;
}
.markdownStyles_mboqhxh tr > :last-child {
  border-right: none;
}
.markdownStyles_mboqhxh tbody tr:last-child > * {
  border-bottom: none;
}
.markdownStyles_mboqhxh .font-semibold {
  font-weight: 600;
}

/* wyw-in-js:AgentChatPicker.styles_xaptbi.wyw.css */
.buttonBase_bzdd3vk {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  min-width: 0;
  height: var(--framer-fresco-inputHeight-dimension, 30px);
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 var(--framer-fresco-panelPadding-dimension, 15px);
  border: none;
  border-radius: 8px;
  background-color: var(--framer-fresco-inputBackground-color, #f3f3f3);
  color: var(--framer-fresco-panelText-color, #666666);
  gap: 10px;
}
.buttonBase_bzdd3vk:focus,
.buttonBase_bzdd3vk:focus-visible {
  outline: none;
}
.button_bbhksoo {
  cursor: pointer;
}
.chevron_c1mnopfo {
  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-inputIcon-color, #999999);
}
.title_t1om673z {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  color: var(--framer-fresco-popupButtonText-color, #333333);
  font-size: 12px;
  font-weight: 500;
  text-align: left;
}
.timestampBadge_twtef3e {
  --menu-badge-border:none;
  --menu-badge-background:none;
  --menu-badge-background-active:none;
  --menu-badge-color-active:inherit;
  --menu-badge-font-weight:500;
  --menu-badge-text-transform:none;
}

/* wyw-in-js:typography.styles_h376qw.wyw.css */
.tabularNumbers_t1exmcej {
  font-feature-settings: var(--inter-cv), "tnum" 1;
  font-variant-numeric: tabular-nums;
}

/* wyw-in-js:AgentChatQuestions.styles_1qlrdxg.wyw.css */
.navButton_nc6d8ii {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 15px;
  height: 15px;
  -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(--framer-fresco-agentQuestionProgress-color, #999999);
  cursor: pointer;
  outline: none;
}
.navButton_nc6d8ii:disabled {
  opacity: 0.5;
  cursor: default;
}
.progressText_p1eg09a {
  font-size: 12px;
  font-weight: 500;
  color: var(--framer-fresco-agentQuestionProgress-color, #999999);
}
.question_q5jengi {
  font-size: 12px;
  font-weight: 500;
  color: var(--framer-fresco-buttonText-color, #333333);
  text-wrap: balance;
}
.answerLabel_ah2u0ho {
  width: 20px;
  height: 20px;
  border-radius: 5px;
  border: 1px solid var(--framer-fresco-agentBorder-color, rgba(0, 0, 0, 0.05));
  -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;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  color: var(--framer-fresco-agentMessageText-color, #666666);
  font-size: 10px;
  font-weight: 600;
  line-height: 1.4;
  -webkit-transition: background-color 120ms ease;
  transition: background-color 120ms ease;
}
.answerLabelSelected_aicwo4q {
  background-color: var(--framer-fresco-agentButtonChatBackground-color, #e6e6e6);
  color: var(--framer-fresco-buttonText-color, #333333);
}
.answerRow_al8slcn {
  border-top: 1px solid var(--framer-fresco-agentBorder-color, rgba(0, 0, 0, 0.05));
  padding: 5px 0;
  cursor: pointer;
}
.customAnswerRow_c6pyfi5 {
  cursor: default;
}
.answerText_a1tgx98 {
  color: var(--framer-fresco-agentListItemText-color, #666666);
  font-size: 12px;
  font-weight: 500;
  line-height: 1.4;
  text-wrap: balance;
}
.answerTextSelected_a1dhktz {
  color: var(--framer-fresco-agentListItemTextActive-color, #222222);
}
.skipButton_s1e26nkd {
  height: 100%;
  color: var(--framer-fresco-agentQuestionProgress-color, #999999);
  font-size: 12px;
  font-weight: 500;
  white-space: nowrap;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.customInput_c1ub33nq.customInput_c1ub33nq {
  min-height: 0;
  max-height: none;
  padding: 2px 0 0 0;
}
.customInput_c1ub33nq.customInput_c1ub33nq div.ProseMirror {
  min-height: 0;
  color: var(--framer-fresco-agentMessageText-color, #666666);
}
.customInput_c1ub33nq.customInput_c1ub33nq div.ProseMirror.has-placeholder::before {
  color: var(--framer-fresco-agentQuestionProgress-color, #999999);
}
.customInputSelected_c1q9nwdf.customInputSelected_c1q9nwdf div.ProseMirror {
  color: var(--framer-fresco-agentListItemTextActive-color, #222222);
}

/* wyw-in-js:AgentPromptQueue.styles_no6xc1.wyw.css */
.container_c1p96lsv {
  border: 1px solid var(--framer-fresco-agentBorder-color, rgba(0, 0, 0, 0.05));
  margin-bottom: var(--framer-fresco-panelGap-dimension, 15px);
  border-radius: var(--framer-fresco-cardRadius-dimension, 15px);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 2px var(--framer-fresco-panelPadding-dimension, 15px);
}
.text_t1c3mdtn {
  font-size: 12px;
  font-weight: 500;
  line-height: 1.4;
}
.header_h154587u {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  width: 100%;
  -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;
  height: 30px;
  color: var(--framer-fresco-agentSecondaryText-color, #999999);
}
.chevron_ckzmmkb {
  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-agentSecondaryText-color, #999999);
}
.chevron_ckzmmkb svg {
  width: 8px;
  height: 8px;
}
.chevronCollapsed_c1eke7m8 {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.item_in2gsv9 {
  color: var(--framer-fresco-agentListItemText-color, #666666);
  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;
  width: 100%;
  height: 30px;
  border-top: 1px solid var(--framer-fresco-agentDivider-color, rgba(0, 0, 0, 0.05));
}
.itemDraggable_i1fiieo8 {
  cursor: -webkit-grab;
  cursor: grab;
}
.itemEditing_iemym7o {
  color: var(--framer-fresco-agentListItemTextActive-color, #222222);
}
.imagePlaceholder_iofx2qp {
  text-transform: lowercase;
}
.itemText_i4pco9b {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.actions_a1b7u7v2 {
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  display: none;
}
.item_in2gsv9:hover .actions_a1b7u7v2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.actionButton_a5ni35a {
  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;
  width: 20px;
  height: 20px;
  color: var(--framer-fresco-agentSecondaryText-color, #999999);
}
.actionButton_a5ni35a svg {
  width: 12px;
  height: 12px;
}

/* wyw-in-js:Chat.styles_18n975u.wyw.css */
.container_c1yqmz4z {
  width: 100%;
  height: 100%;
}
.chatColumn_c1vo73cm {
  min-width: 0;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.chatHeader_c3juyz2 {
  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: justify;
  -ms-flex-pack: space-between;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  padding-bottom: 8px;
  border-bottom: 1px solid var(--framer-fresco-panelDivider-color, #eeeeee);
}
.chatTitle_c92w6f0 {
  color: var(--framer-fresco-panelTitle-color, #333333);
  font-weight: 600;
}
.messagesContainer_m144amoa {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 12px;
  gap: 12px;
}
.emptyState_e1w2dy0t {
  padding: 24px;
  color: #888;
  font-size: 12px;
  text-align: center;
}
.inputArea_i13f8f6n {
  padding: 12px;
  border-top: 1px solid var(--framer-fresco-panelDivider-color, #eeeeee);
}
.textArea_t8s386d {
  min-height: 60px;
  max-height: 120px;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-size: 12px;
}
.bubbleWrapper_b1g9d8c7 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  max-width: 85%;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 4px;
}
.bubbleWrapperUser_bgiksdv {
  -webkit-align-self: flex-end;
  -ms-flex-item-align: end;
  align-self: flex-end;
}
.bubbleWrapperAssistant_brd6qkr {
  -webkit-align-self: flex-start;
  -ms-flex-item-align: start;
  align-self: flex-start;
}
.bubble_b4zx4q9 {
  padding: 8px 12px;
  border-radius: 12px;
  font-size: 12px;
  line-height: 1.4;
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
  white-space: pre-wrap;
  word-break: break-word;
}
.bubbleUser_b8f88j7 {
  background: var(--framer-fresco-tint-color, #0099ff);
  color: #fff;
  font-family: system-ui;
}
.bubbleAssistant_bgv5ult {
  background: var(--framer-fresco-debugBarSecondaryBackground-color, #f3f3f3);
  color: var(--framer-fresco-panelText-color, #666666);
  font-family: monospace;
}
.bubbleStreaming_b29clhe {
  opacity: 0.8;
}
.bubbleTimestamp_blttnip {
  color: #666;
  font-size: 9px;
  font-variant-numeric: tabular-nums;
}
.bubbleTimestampUser_b164e0u6 {
  -webkit-align-self: flex-end;
  -ms-flex-item-align: end;
  align-self: flex-end;
  padding-right: 4px;
}
.bubbleTimestampAssistant_b17rhg5c {
  -webkit-align-self: flex-start;
  -ms-flex-item-align: start;
  align-self: flex-start;
  padding-left: 4px;
}
.thinkingText_tbkd9uc {
  color: #888;
}
.bubbleLabel_b1b33axa {
  margin-bottom: 4px;
  color: #888;
  font-size: 9px;
  font-weight: 600;
  text-transform: uppercase;
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
}
.streamingCursor_s1at4avw {
  -webkit-animation: blink-streamingCursor_s1at4avw 1s infinite;
  animation: blink-streamingCursor_s1at4avw 1s infinite;
}
@-webkit-keyframes blink-streamingCursor_s1at4avw {
  0%, 50% {
    opacity: 1;
  }
  51%, 100% {
    opacity: 0;
  }
}
@keyframes blink-streamingCursor_s1at4avw {
  0%, 50% {
    opacity: 1;
  }
  51%, 100% {
    opacity: 0;
  }
}
.thinkingDots_t105bgn6::after {
  -webkit-animation: thinking-dots-thinkingDots_t105bgn6 1.5s infinite;
  animation: thinking-dots-thinkingDots_t105bgn6 1.5s infinite;
  content: "";
}
@-webkit-keyframes thinking-dots-thinkingDots_t105bgn6 {
  0%, 20% {
    content: ".";
  }
  40% {
    content: "..";
  }
  60%, 100% {
    content: "...";
  }
}
@keyframes thinking-dots-thinkingDots_t105bgn6 {
  0%, 20% {
    content: ".";
  }
  40% {
    content: "..";
  }
  60%, 100% {
    content: "...";
  }
}
.attachmentsContainer_a1f841fz {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 8px;
  gap: 8px;
  overflow-x: auto;
}
.attachmentPreview_a1caob4s {
  position: relative;
  overflow: hidden;
  width: 48px;
  height: 48px;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  border: 1px solid var(--framer-fresco-panelDivider-color, #eeeeee);
  border-radius: 4px;
  background: var(--framer-fresco-panelBackground-color, #ffffff);
}
.attachmentImage_a1eoks6a {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.removeButton_rzcs0se {
  position: absolute;
  top: 2px;
  right: 2px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 16px;
  height: 16px;
  -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: 50%;
  background: rgba(0, 0, 0, 0.5);
  color: white;
  cursor: pointer;
}
.removeButton_rzcs0se:hover {
  background: rgba(0, 0, 0, 0.8);
}
.chatImagesContainer_c1q1w18k {
  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;
  margin-bottom: 8px;
  gap: 8px;
}
.chatAttachmentImage_cd86k6t {
  display: block;
  width: 48px;
  height: 48px;
  border-radius: 4px;
  background: var(--framer-fresco-panelBackground-color, #ffffff);
  object-fit: cover;
}

/* wyw-in-js:Events.styles_is8sqr.wyw.css */
.eventsLogContainer_etejb25 {
  min-width: 0;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  border-radius: 4px;
  background: var(--framer-fresco-debugBarSecondaryBackground-color, #f3f3f3);
}
.eventsLogHeader_e1sn25ss {
  padding: 8px 12px;
  border-bottom: 1px solid var(--framer-fresco-panelDivider-color, #eeeeee);
}
.eventsLogTitle_e1wtijd3 {
  color: var(--framer-fresco-panelTitle-color, #333333);
  font-weight: 600;
}
.eventsLogContent_e1fdq72h {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 8px;
  font-family: monospace;
  font-size: 11px;
}
.emptyState_e1o51avw {
  padding: 8px;
  color: var(--framer-fresco-panelDescription-color, #999999);
}
.nodeLink_ngblcus {
  padding: 0;
  border: none;
  background: transparent;
  color: var(--framer-fresco-tint-color, #0099ff);
  cursor: pointer;
  font-family: inherit;
  font-size: inherit;
  -webkit-text-decoration: underline;
  text-decoration: underline;
  text-decoration-style: dotted;
}
.eventEntry_eiudhxl {
  padding: 4px 0;
  border-bottom: 1px solid var(--framer-fresco-panelDivider-color, #eeeeee);
}
.eventIcon_ejmlmtd {
  width: 16px;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  font-weight: 600;
  text-align: center;
}
.eventContent_e1snenjj {
  min-width: 0;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  color: var(--framer-fresco-panelText-color, #666666);
}
.eventContentError_en9s8im {
  min-width: 0;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.eventDuration_e1ys5til {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  color: var(--framer-fresco-panelSectionTitle-color, #999999);
  font-size: 10px;
  font-variant-numeric: tabular-nums;
}
.eventMeta_e1bzy6gw {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  color: var(--framer-fresco-panelDescription-color, #999999);
  font-size: 10px;
  font-variant-numeric: tabular-nums;
}
.contextRow_cw180rc {
  padding-top: 4px;
  padding-left: 24px;
}
.diagnosticLabelError_d1lpi990 {
  color: var(--framer-fresco-errorText-color, #ffffff);
}
.diagnosticLabelWarning_d118m48k {
  color: var(--framer-fresco-warningText-color, #FF9900);
}
.contextLabel_csl9i4v {
  color: var(--framer-fresco-panelDescription-color, #999999);
  font-size: 10px;
}
.contextBadge_c5mmhez {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 16px;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 2px 6px;
  border: none;
  border-radius: 4px;
  color: var(--framer-fresco-buttonTextPrimary-color, #ffffff);
  font-size: 9px;
  gap: 4px;
}
.contextBadgeClickable_cgup50v {
  cursor: pointer;
}
.contextBadgeDefault_c12l170u {
  cursor: default;
}
.tooltipLabel_tdjhyof {
  margin-bottom: 4px;
  color: var(--framer-fresco-panelDescription-color, #999999);
  font-weight: 600;
}
.colorPill_c1vjs8sb {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 2px;
  vertical-align: middle;
}

/* wyw-in-js:HoverTooltip.styles_1ywg0s5.wyw.css */
.triggerButton_thg09mp {
  position: relative;
  display: inline-block;
}
.tooltipContent_tn06n38 {
  position: absolute;
  z-index: 100;
  left: 0;
  overflow: auto;
  min-width: 300px;
  max-width: 500px;
  max-height: 400px;
  padding: 12px;
  border: 1px solid var(--framer-fresco-panelDivider-color, #eeeeee);
  border-radius: 6px;
  background: var(--framer-fresco-debugBarSecondaryBackground-color, #f3f3f3);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4);
  color: var(--framer-fresco-panelText-color, #666666);
  font-size: 11px;
  line-height: 1.5;
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
  white-space: pre-wrap;
  word-break: break-word;
}
.tooltipAbove_t2ewhux {
  bottom: 100%;
}
.tooltipBelow_t40vf46 {
  top: 100%;
}

/* wyw-in-js:ChatPanel.styles_1gq30r3.wyw.css */
.panel_p9dvr0r {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: minmax(0, 1fr) 1px minmax(0, 1fr) 1px minmax(0, 1fr);
  grid-template-columns: minmax(0, 1fr) 1px minmax(0, 1fr) 1px minmax(0, 1fr);
  gap: 28px;
  -webkit-align-items: start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
  height: 100%;
}
.divider_d1m3z8hu {
  background: var(--framer-fresco-panelDivider-color, #eeeeee);
  min-height: 100%;
}
.section_s1hp4dtf {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 14px;
}
.title_t12zezbv {
  font-weight: 600;
}
.select_s182cuq4 {
  min-width: 140px;
  padding: 6px 8px;
  border-radius: 6px;
  border: 1px solid var(--framer-fresco-panelDivider-color, #eeeeee);
  background: transparent;
  color: inherit;
}

/* wyw-in-js:CostSection.styles_1urqk84.wyw.css */
.log_lc9ah6k {
  font-size: 12px;
  line-height: 1.4;
}
.empty_e6uj6fj {
  color: var(--framer-fresco-agentSecondaryText-color, #999999);
  font-style: italic;
}
.entry_eipt93l {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 4px;
  padding: 8px;
  border: 1px solid var(--framer-fresco-panelDivider-color, #eeeeee);
  border-radius: 4px;
  min-width: 200px;
}
.entrySummary_e4ouohn {
  color: var(--framer-fresco-panelText-color, #666666);
  white-space: pre-wrap;
  word-break: break-word;
}
.entryMeta_e1l00tgj {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 2px;
  color: var(--framer-fresco-agentSecondaryText-color, #999999);
  font-size: 11px;
}

/* wyw-in-js:DSL.styles_4lilhf.wyw.css */
.container_cz5vpa9 {
  width: 100%;
  height: 100%;
}
.inputColumn_iha13w1 {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.textArea_t1b7q39u {
  min-height: 150px;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-family: monospace;
  font-size: 12px;
}

/* wyw-in-js:Linter.styles_1j3fx2a.wyw.css */
.panel_p14wu89m {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-height: 100%;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 8px;
}
.toolbar_t1avouuh {
  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: 12px;
  -webkit-box-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-right: 12px;
}
.selectionSummary_srhmz8x {
  min-width: 0;
}
.toolbarSpacer_t1isoaz3 {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.lintButton_l1yncdkk {
  min-width: 96px;
}
.toolbarControl_t15b7wuw {
  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;
  color: var(--framer-fresco-panelDescription-color, #999999);
}
.timing_t1ocn95v {
  color: var(--framer-fresco-panelDescription-color, #999999);
}
.resultsContainer_r1ux080a {
  min-height: 0;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow: auto;
  border: 1px solid var(--framer-fresco-panelDivider-color, #eeeeee);
  border-radius: 8px;
  background: var(--framer-fresco-debugBarBackground-color, #ffffff);
}
.table_trvvmnt {
  width: 100%;
  border-collapse: collapse;
}
.headerCell_h1ltz18k {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  padding: 8px 12px;
  background: var(--framer-fresco-debugBarBackground-color, #ffffff);
  border-bottom: 1px solid var(--framer-fresco-panelDivider-color, #eeeeee);
  text-align: left;
  vertical-align: top;
}
.cell_c1i8l0z5 {
  padding: 8px 12px;
  border-bottom: 1px solid var(--framer-fresco-panelDivider-color, #eeeeee);
  vertical-align: top;
}
.levelWarning_l1figk3d {
  color: var(--framer-fresco-warningText-color, #FF9900);
  font-weight: 600;
  text-transform: capitalize;
}
.levelError_lep1gb {
  color: var(--framer-fresco-errorText-color, #ffffff);
  font-weight: 600;
  text-transform: capitalize;
}
.nodeIds_n1faaont {
  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;
  gap: 6px;
}
.nodeIdButton_n1a2k5sy {
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--framer-fresco-tint-color, #0099ff);
  cursor: pointer;
  font: inherit;
}
.emptyState_e1zfw1r {
  padding: 16px;
  color: var(--framer-fresco-panelDescription-color, #999999);
}

/* wyw-in-js:Script.styles_12x338b.wyw.css */
.container_crkhrwy {
  width: 100%;
  height: 100%;
}
.inputColumn_insshhj {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-width: 0;
}
.outputColumn_odn0vgn {
  width: 360px;
  min-width: 280px;
}
.textArea_tn8z0fr {
  min-height: 240px;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-family: monospace;
  font-size: 12px;
}
.panel_p1pe0ct {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-height: 0;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  border-radius: 4px;
  background: var(--framer-fresco-debugBarSecondaryBackground-color, #f3f3f3);
}
.panelHeader_p1jfixsb {
  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: justify;
  -ms-flex-pack: space-between;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  padding: 8px 12px;
  border-bottom: 1px solid var(--framer-fresco-panelDivider-color, #eeeeee);
  color: var(--framer-fresco-panelTitle-color, #333333);
  font-weight: 600;
}
.panelStatus_p15ppr9o {
  color: var(--framer-fresco-panelDescription-color, #999999);
  font-size: 10px;
  font-weight: 400;
  font-variant-numeric: tabular-nums;
}
.output_oul6eec {
  overflow: auto;
  min-height: 0;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 10px 12px;
  margin: 0;
  color: var(--framer-fresco-panelText-color, #666666);
  font-family: monospace;
  font-size: 11px;
  line-height: 1.45;
  white-space: pre-wrap;
  word-break: break-word;
}
.errorOutput_e1obvpla {
  color: var(--framer-fresco-errorText-color, #ffffff);
}
.callsList_c1mtb12p {
  overflow: auto;
  min-height: 0;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 8px 12px;
}
.callItem_c1u0oqm3 {
  padding: 6px 0;
  border-bottom: 1px solid var(--framer-fresco-panelDivider-color, #eeeeee);
  color: var(--framer-fresco-panelText-color, #666666);
  font-family: monospace;
  font-size: 11px;
  line-height: 1.35;
}
.callMeta_c1sgxty1 {
  color: var(--framer-fresco-panelDescription-color, #999999);
  font-size: 10px;
}

/* wyw-in-js:AgentExamples.styles_1rz28ao.wyw.css */
.examplesContainer_eiq7amw {
  min-height: 0;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.03);
}
.examplesTitle_e1sgjx7j {
  font-size: 12px;
  font-weight: 600;
}
.sourceLabel_s1l7bsfs {
  color: #666;
  font-size: 11px;
}
.spinnerWrapper_s1v47zhu {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.examplesList_e20bm3i {
  overflow: auto;
  min-height: 0;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.exampleRowContainer_ec0yx7s {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}
.exampleRowHeader_eriucdl {
  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: 8px 4px;
  gap: 8px;
}
.exampleRowToggle_e1ff8rsu {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-width: 0;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: none;
  background: transparent;
  padding: 0;
  color: inherit;
  cursor: pointer;
  gap: 8px;
  text-align: left;
}
.expandIndicator_e1nnfynf {
  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;
  font-size: 10px;
}
.exampleInfo_epfswsa {
  min-width: 0;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.exampleNameContainer_e1v0fuyc {
  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;
  gap: 8px;
}
.exampleNameContainer_e1v0fuyc > p {
  color: #999;
  font-size: 10px;
  font-weight: 400;
}
.exampleName_e17zofsu {
  overflow: hidden;
  font-size: 11px;
  font-weight: 500;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.exampleNameRemoved_ekz8g73 {
  overflow: hidden;
  font-size: 11px;
  font-weight: 500;
  opacity: 0.5;
  -webkit-text-decoration: line-through;
  text-decoration: line-through;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.exampleNameText_e1938f69 {
  display: inline;
  color: inherit;
}
.exampleNameLink_epq1rin {
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: bottom;
  white-space: nowrap;
  border: none;
  background: transparent;
  padding: 0;
  margin: 0;
  color: #7db6ff;
  cursor: pointer;
  font: inherit;
  text-align: left;
}
.exampleNameLink_epq1rin:hover {
  -webkit-text-decoration: underline;
  text-decoration: underline;
}
.exampleTags_e1h561bi {
  overflow: hidden;
  color: #666;
  font-size: 10px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.lastUsedBadge_lrvmtxj {
  padding: 2px 6px;
  border-radius: 4px;
  background: rgba(76, 175, 80, 0.2);
  color: #81c784;
  font-size: 9px;
  font-weight: 500;
  white-space: nowrap;
}
.unloadedBadge_u1ejv3u1 {
  padding: 2px 6px;
  border-radius: 4px;
  background: rgba(59, 130, 246, 0.2);
  color: #93c5fd;
  font-size: 9px;
  font-weight: 500;
  white-space: nowrap;
}
.statusPillModified_sun09dx {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 16px;
  height: 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;
  border-radius: 4px;
  background: #3b82f6;
  color: white;
  font-size: 10px;
  font-weight: 600;
}
.statusPillNew_sv9hrlb {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 16px;
  height: 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;
  border-radius: 4px;
  background: #22c55e;
  color: white;
  font-size: 10px;
  font-weight: 600;
}
.typePill_t124fkx3 {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 52px;
  height: 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;
  border-radius: 4px;
  background: rgba(128, 128, 128, 0.3);
  color: rgba(255, 255, 255, 0.65);
  font-size: 8px;
  font-weight: 500;
  text-transform: uppercase;
}
.removeButton_r1ws5v5n {
  width: 20px;
  height: 20px;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding: 0;
  font-size: 12px;
}
.restoreButton_r1firrhd {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  font-size: 10px;
}
.propertiesContainer_p3i7cy9 {
  padding: 8px 12px;
  border-radius: 4px;
  margin-bottom: 8px;
  background: rgba(255, 255, 255, 0.02);
}
.propertiesContainerWithoutToggle_p50lovd {
  padding: 8px 12px;
  border-radius: 4px;
  margin-bottom: 8px;
  margin-left: 28px;
  background: rgba(255, 255, 255, 0.02);
}
.propertyRow_pq1d5h3 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  padding: 2px 0;
  gap: 8px;
}
.propertyLabel_p1adtzoe {
  min-width: 80px;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  color: #666;
  font-size: 10px;
}
.propertyValue_pkm0iwf {
  color: #aaa;
  font-family: monospace;
  font-size: 10px;
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
  word-break: break-all;
}
.detailsSection_d1p23bdy {
  padding-top: 8px;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  margin-top: 8px;
}
.detailsSummary_d1d2bvy1 {
  color: #666;
  font-size: 10px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.preBlock_p44viqv {
  overflow: auto;
  max-height: 300px;
  padding: 8px;
  border-radius: 4px;
  margin-top: 8px;
  background: rgba(0, 0, 0, 0.2);
  color: #aaa;
  font-family: monospace;
  font-size: 10px;
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
  white-space: pre-wrap;
  word-break: break-all;
}
.copyButton_c15uh1ur {
  padding: 2px 6px;
  border: none;
  border-radius: 3px;
  margin-left: 8px;
  background: rgba(255, 255, 255, 0.1);
  color: #888;
  cursor: pointer;
  font-size: 10px;
}
.splitContainer_s1du0vte {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  min-height: 0;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  gap: 5px;
}
.nodePanelSize_n11s8jll {
  -webkit-flex: 3;
  -ms-flex: 3;
  flex: 3;
  min-width: 0;
}
.imagePanelSize_ibexehy {
  -webkit-flex: 2;
  -ms-flex: 2;
  flex: 2;
  min-width: 0;
}
.imageThumbnail_i1f0b00i {
  width: 75px;
  height: 75px;
  display: block;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  border-radius: 4px;
  object-fit: cover;
  -webkit-transition: opacity 125ms ease, box-shadow 125ms ease;
  transition: opacity 125ms ease, box-shadow 125ms ease;
}
.imageThumbnailButton_it4teou {
  display: block;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  border: none;
  border-radius: 4px;
  background: transparent;
  padding: 0;
  cursor: pointer;
}
.imageThumbnailButton_it4teou:hover img,
.imageThumbnailButton_it4teou:focus-visible img {
  opacity: 0.9;
  box-shadow: 0 0 0 2px rgba(125, 182, 255, 0.75);
}
.imageDescription_i1sudeeb {
  display: -webkit-box;
  overflow: hidden;
  color: #aaa;
  font-size: 10px;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.forceCheckboxLabel_fumnnkf {
  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;
  gap: 6px;
  color: #9ca3af;
  font-size: 10px;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.forcedPillsRow_f1rriwxl {
  -webkit-box-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  min-height: 20px;
}
.forcedExamplePill_f1t5gm41 {
  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;
  height: 18px;
  padding: 0 8px;
  border: 1px solid rgba(125, 182, 255, 0.45);
  border-radius: 999px;
  background: rgba(125, 182, 255, 0.12);
  color: #b7d4ff;
  font-size: 10px;
  cursor: pointer;
}
.forcedExamplePill_f1t5gm41:hover {
  background: rgba(125, 182, 255, 0.2);
}
.imagePreviewModal_ivfvpaq {
  width: auto;
  max-width: none;
  height: auto;
  max-height: none;
  padding: 0;
  border: none;
  background: transparent;
  box-shadow: none;
  overflow: visible;
}
.imagePreviewContent_i1jjqvmt {
  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;
  padding: 24px;
}
.imagePreview_i6023i6 {
  display: block;
  max-width: calc(100vw - 48px);
  max-height: calc(100vh - 48px);
  object-fit: contain;
}

/* wyw-in-js:CrdtDebugPanel.styles_yl2asa.wyw.css */
.crdtDebugPanel_cokbj1a {
  overflow: hidden;
  max-width: 100%;
  height: 100%;
  padding: 8px;
  background-color: var(--framer-fresco-debugBarBackground-color, #ffffff);
}
.crdtDebugPanelContent_czqoigl {
  overflow: auto;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.crdtRecordTable_c1l21um2 {
  max-width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
}
.crdtRecordTableHeaderCell_c1jsjj3h {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  height: 32px;
  background-color: var(--framer-fresco-debugBarBackground-color, #ffffff);
  vertical-align: middle;
}
.crdtRecordHeaderCell_ckix319 {
  position: -webkit-sticky;
  position: sticky;
  top: 32px;
  padding-top: 4px;
  border-top: 1px solid var(--framer-fresco-debugBarBackground-color, #ffffff);
  background-color: var(--framer-fresco-debugBarBackground-color, #ffffff);
  font-style: italic;
}
.crdtLocalRecord_c1uxbd98 {
  background-color: #ddffee;
}
.crdtRemoteRecord_c124yr7e {
  background-color: #ddeeff;
}
.crdtSnapshotRecord_c1jpjgdn {
  background-color: #eeeeee;
}
.crdtDebugPanelSidebar_cwvolsf {
  min-width: 160px;
  -webkit-flex: 0;
  -ms-flex: 0;
  flex: 0;
  -webkit-box-pack: justify;
  -ms-flex-pack: space-between;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.crdtDebugPanelSection_c1ku1z94 {
  border-radius: 8px;
  background-color: var(--framer-fresco-debugBarBackground-color, #ffffff);
}
.emptyView_ew2x6ua {
  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;
}
.recordingIcon_r12ytcn5 {
  position: relative;
  top: 2px;
  display: inline-block;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  margin-right: 4px;
  background-color: black;
}
.recordingIconActive_rmxpjfp {
  -webkit-animation: blink-recordingIconActive_rmxpjfp 1s ease-in-out infinite;
  animation: blink-recordingIconActive_rmxpjfp 1s ease-in-out infinite;
  color: red;
}
@-webkit-keyframes blink-recordingIconActive_rmxpjfp {
  0% {
    background-color: rgba(0, 0, 0, 1);
  }
  50% {
    background-color: rgba(255, 0, 0, 1);
  }
  100% {
    background-color: rgba(0, 0, 0, 1);
  }
}
@keyframes blink-recordingIconActive_rmxpjfp {
  0% {
    background-color: rgba(0, 0, 0, 1);
  }
  50% {
    background-color: rgba(255, 0, 0, 1);
  }
  100% {
    background-color: rgba(0, 0, 0, 1);
  }
}
.clickable_cgj3l76 {
  cursor: pointer;
}

/* wyw-in-js:PropertyPanel.styles_73oue9.wyw.css */
.container_ckiejpq {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  min-height: 0;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 0;
  font-size: 11px;
  font-family: var(--framer-fresco-monospace-font-family);
}
.propertyPanelToolbar_p15hk20l {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 8px;
  padding: 8px 16px;
  border-bottom: 1px solid var(--framer-fresco-panelDivider-color, #eeeeee);
  background: var(--framer-fresco-panelBackground-color);
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.scrollContent_s1gaudio {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-height: 0;
  overflow: auto;
  scrollbar-width: none;
}
.scrollContent_s1gaudio::-webkit-scrollbar {
  display: none;
}
.title_tkzodh6 {
  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;
  height: 30px;
  gap: 4px;
  font-weight: bold;
  font-size: 12px;
}
.titleNodeName_t1vinl6t {
  color: var(--framer-fresco-panelText-color, var(--framer-fresco-panelText-color, #666666));
  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");
}
.contentArea_cb39974 {
  padding: 8px 16px;
}
.section_sc79gqu {
  padding: 8px 0;
  border-bottom: 1px solid var(--framer-fresco-panelDivider-color, #eeeeee);
}
.groupTitle_g1kffv0y {
  font-size: 10px;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: #888;
  margin-bottom: 2px;
}
.entryValue_e1oirl25 {
  color: #c5c5c5;
  margin-left: 4px;
  cursor: text;
}
.entryValue_e1oirl25:hover {
  background: rgba(255, 255, 255, 0.04);
  border-radius: 2px;
}
.entryValue_e1oirl25[data-value-type=undefined],
.entryValue_e1oirl25[data-value-type=null] {
  color: var(--framer-treeView-muted);
}
.entryValue_e1oirl25[data-value-type=number],
.entryValue_e1oirl25[data-value-type=boolean] {
  color: var(--framer-treeView-purple, #bc98ff);
}
.entryValue_e1oirl25[data-value-type=string] {
  color: var(--framer-treeView-orange, #ffaa7d);
}
.entryValue_e1oirl25[data-value-type=pending] {
  opacity: 0.5;
}
.propertyPanelTitleButton_prn2d44 {
  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;
  cursor: pointer;
  background: none;
  border: none;
  padding: 4px;
  color: #888;
  border-radius: 3px;
}
.propertyPanelTitleButton_prn2d44:disabled {
  opacity: 0.3;
  cursor: default;
}
.propertyPanelTitleButton_prn2d44[data-active] {
  color: var(--framer-fresco-tint-color, #0099ff);
}
.historyNavButton_hik9tc2 {
  width: 16px;
  height: 20px;
  padding: 0;
}
.pinButton_peptu00 {
  position: absolute;
  left: 2px;
  top: 0;
  width: 16px;
  cursor: pointer;
  background: none;
  border: none;
  padding: 0;
  font-size: 10px;
  line-height: inherit;
}
.editButton_et8mase {
  margin-left: 4px;
  width: 16px;
  cursor: pointer;
  background: none;
  border: none;
  padding: 0;
  font-size: 10px;
  line-height: inherit;
  color: #888;
}
.editButton_et8mase:hover {
  color: #ccc;
}
.replicaBadge_r1vvsxzq {
  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: 6px;
  padding: 3px 8px;
  font-size: 10px;
  border-radius: 4px;
  background: rgba(255, 170, 50, 0.1);
  border: 1px solid rgba(255, 170, 50, 0.25);
  color: #ccc;
  -webkit-box-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.badgeLink_b1933pxv {
  cursor: pointer;
  background: none;
  border: none;
  font: inherit;
  font-weight: 600;
  color: inherit;
  padding: 0;
}
.badgeLink_b1933pxv:hover {
  background: rgba(255, 255, 255, 0.08);
}
.badgeLinkReplica_b19bgywu {
  color: #ffaa32;
}
.replicaOverrideCount_r16v2hc9 {
  margin-left: auto;
  color: #888;
  font-size: 9px;
}
.smartComponentBadge_sk0lnxo {
  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: 6px;
  padding: 3px 8px;
  font-size: 10px;
  border-radius: 4px;
  background: color-mix(in srgb, var(--framer-treeView-purple, #bc98ff) 12%, transparent);
  border: 1px solid color-mix(in srgb, var(--framer-treeView-purple, #bc98ff) 30%, transparent);
  color: #ccc;
}
.contextBadges_c9npro2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 8px;
  margin-top: 16px;
  margin-left: 16px;
}
.badgeLinkSmartComponent_bd93983 {
  color: var(--framer-treeView-purple, #bc98ff);
}
.masterValue_m1vvawtm {
  margin-left: 4px;
  color: var(--framer-treeView-muted);
  font-size: 10px;
  font-style: italic;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.propertyRow_p1mgaomp {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: flex-start;
  -webkit-box-align: flex-start;
  -ms-flex-align: flex-start;
  align-items: flex-start;
  position: relative;
  padding-left: 30px;
  line-height: 18px;
}
.propertyRow_p1mgaomp[data-overridden] {
  border-left: 2px solid #ffaa32;
  margin-left: -2px;
}
.propertyRow_p1mgaomp[data-non-default] {
  border-left: 2px solid #5b9bd5;
  margin-left: -2px;
}
.propertyRow_p1mgaomp[data-inherited] {
  opacity: 0.55;
}
.propertyRow_p1mgaomp [data-pin] {
  opacity: 0;
}
.propertyRow_p1mgaomp [data-pin][data-pinned] {
  opacity: 1;
}
.propertyRow_p1mgaomp:hover [data-pin] {
  opacity: 0.35;
}
.propertyRow_p1mgaomp:hover [data-pin][data-pinned] {
  opacity: 1;
}
.propertyRow_p1mgaomp:hover [data-pin]:hover {
  opacity: 0.7;
}
.propertyRow_p1mgaomp[data-inherited]:hover {
  opacity: 0.75;
}
.propertyRow_p1mgaomp [data-edit] {
  opacity: 0;
}
.propertyRow_p1mgaomp:hover [data-edit] {
  opacity: 0.35;
}
.propertyRow_p1mgaomp:hover [data-edit]:hover {
  opacity: 0.7;
}
.nodeLink_n1fvkr0 {
  cursor: pointer;
  border-radius: 2px;
  padding: 0 2px;
  background: none;
  border: none;
  font: inherit;
  color: inherit;
}
.nodeLink_n1fvkr0:hover {
  background: rgba(255, 255, 255, 0.08);
}
.nodeLinkArrow_n1f545hy {
  width: 8px;
  height: 8px;
  margin-left: 2px;
  opacity: 0.8;
}
.previewButton_p16gtffq {
  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;
  cursor: pointer;
  background: none;
  border: none;
  padding: 0 2px;
  margin-left: 4px;
  color: var(--framer-treeView-muted);
  border-radius: 3px;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.previewButton_p16gtffq:hover {
  color: #aaa;
  background: rgba(255, 255, 255, 0.08);
}
.previewPopover_p1qid428 {
  max-width: 420px;
  max-height: 320px;
  overflow: auto;
  border-radius: 6px;
}
.previewIframe_p24z8iu {
  width: 400px;
  height: 300px;
  border: none;
  border-radius: 4px;
  background: #fff;
}
.previewImage_pbmt18s {
  display: block;
  max-width: 400px;
  max-height: 300px;
  object-fit: contain;
  border-radius: 4px;
}
.sectionHeaderRow_s1m9rq6z {
  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: justify;
  -ms-flex-pack: space-between;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.sectionHeader_s1bg3vhg {
  font-size: 9px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: var(--framer-treeView-muted);
}
.collapsibleSectionHeader_c15z7udd {
  font-family: var(--framer-fresco-monospace-font-family);
  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: 2px;
  font-size: 9px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: var(--framer-treeView-muted);
  cursor: pointer;
  background: none;
  border: none;
  padding: 2px 0;
}
.collapsibleSectionHeader_c15z7udd:hover {
  color: #999;
}
.sortButton_s3jioqe {
  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;
  cursor: pointer;
  background: none;
  border: none;
  padding: 2px;
  color: #888;
  border-radius: 3px;
}
.sortButton_s3jioqe:hover {
  color: #ccc;
  background: rgba(255, 255, 255, 0.06);
}
.propertyPanelTooltipWrapper_p1aru401 {
  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;
}
.propertyPanelTooltip_p16sroi4 {
  display: none;
  position: absolute;
  top: 100%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  margin-top: 12px;
  padding: 4px 8px;
  background: var(--framer-fresco-popoverBackground-color, #ffffff);
  border: 1px solid var(--framer-fresco-panelDivider-color, #eeeeee);
  border-radius: 4px;
  font-size: 11px;
  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-weight: 400;
  white-space: nowrap;
  z-index: 10;
  line-height: 1.6;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  color: var(--framer-fresco-panelText-color, #666666);
  pointer-events: none;
}
.propertyPanelTooltipWrapper_p1aru401:hover > .propertyPanelTooltip_p16sroi4 {
  display: block;
}
.tooltipCode_tf91xy1 {
  font-family: var(--framer-fresco-monospace-font-family);
  color: #aaa;
}
.legendPopover_lhu353k {
  display: none;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 4px;
  position: absolute;
  top: 100%;
  right: 0;
  margin-top: 4px;
  padding: 8px 10px;
  background: var(--framer-fresco-popoverBackground-color, #ffffff);
  border: 1px solid var(--framer-fresco-panelDivider-color, #eeeeee);
  border-radius: 6px;
  font-size: 11px;
  white-space: nowrap;
  z-index: 10;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
.legendTrigger_lf61bbm {
  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;
  color: var(--framer-treeView-muted);
  cursor: default;
}
.legendTrigger_lf61bbm:hover {
  color: #999;
}
.legendTrigger_lf61bbm:hover > .legendPopover_lhu353k {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.legendItem_laxxn0u {
  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: 6px;
  color: var(--framer-fresco-panelText-color, #666666);
}
.legendSwatch_l15zfed0 {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 2px;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.objectToggle_o1pw0n3a {
  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;
  cursor: pointer;
  background: none;
  border: none;
  padding: 0;
  margin-left: -16px;
  width: 16px;
  color: #888;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  line-height: inherit;
}
.objectToggle_o1pw0n3a > svg {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
  transform-origin: center center;
  -webkit-transition: -webkit-transform 100ms ease;
  transition: transform 100ms ease;
}
.objectToggle_o1pw0n3a[data-expanded] > svg {
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
}
.objectToggle_o1pw0n3a:hover {
  color: #c5c5c5;
}
.objectPreview_o11bs1t2 {
  color: var(--framer-fresco-panelText-color, var(--framer-treeView-muted));
  margin-left: 4px;
}
.objectChildren_odvfs5v {
  padding-left: 12px;
}
.objectEntry_opabphb {
  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: stretch;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  white-space: nowrap;
  line-height: 18px;
}
.objectEntryRow_ofd6zkw {
  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;
  white-space: nowrap;
}
.inlineEditInput_i1rlkfom {
  line-height: 18px;
  padding: 0;
  font-size: 11px;
  font-family: var(--framer-fresco-monospace-font-family);
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-width: 80px;
  margin-left: 4px;
  color: var(--framer-fresco-panelText-color, #c5c5c5);
  background: var(--framer-fresco-popupButtonBackground-color, #f3f3f3);
  border: none;
  border-radius: 2px;
  box-sizing: border-box;
  outline: none;
}
.inlineEditInput_i1rlkfom:focus {
  box-shadow: 0 0 0 1px var(--framer-fresco-inputBorderActive-color, #0099ff);
}

/* wyw-in-js:ResizeHandle.styles_13blnk4.wyw.css */
.handleHorizontal_h1guofs9 {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  position: relative;
  z-index: 1;
  background: transparent;
  width: 5px;
  margin: 0 -2px;
  cursor: col-resize;
}
.handleHorizontal_h1guofs9::before {
  content: "";
  position: absolute;
  background: var(--framer-fresco-panelDivider-color, #eeeeee);
}
.handleHorizontal_h1guofs9::after {
  content: "";
  position: absolute;
  background: var(--framer-fresco-tint-color, #0099ff);
  opacity: 0;
  -webkit-transition: opacity 0.15s;
  transition: opacity 0.15s;
}
.handleHorizontal_h1guofs9:hover::after {
  opacity: 1;
}
.handleHorizontal_h1guofs9::before,
.handleHorizontal_h1guofs9::after {
  top: 0;
  bottom: 0;
  left: 2px;
  width: 1px;
}
.handleVertical_h1b1o77e {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  position: relative;
  z-index: 1;
  background: transparent;
  height: 5px;
  margin: -2px 0;
  cursor: row-resize;
}
.handleVertical_h1b1o77e::before {
  content: "";
  position: absolute;
  background: var(--framer-fresco-panelDivider-color, #eeeeee);
}
.handleVertical_h1b1o77e::after {
  content: "";
  position: absolute;
  background: var(--framer-fresco-tint-color, #0099ff);
  opacity: 0;
  -webkit-transition: opacity 0.15s;
  transition: opacity 0.15s;
}
.handleVertical_h1b1o77e:hover::after {
  opacity: 1;
}
.handleVertical_h1b1o77e::before,
.handleVertical_h1b1o77e::after {
  left: 0;
  right: 0;
  top: 2px;
  height: 1px;
}

/* wyw-in-js:SyncSelectionButton.styles_96gww9.wyw.css */
.syncSelectionButton_skorqcd {
  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-buttonText-color, #333333);
}
.syncSelectionButtonActive_syqazz2 {
  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: rgba(59, 130, 246, 0.2);
  color: var(--framer-fresco-tint-color, #0099ff);
}

/* wyw-in-js:TreeView.styles_1cz0rpg.wyw.css */
.emptyState_e1h4qfm8 {
  padding: 8px;
}
.toolbar_t1z8yaq {
  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;
  padding: 8px 16px;
  border-bottom: 1px solid var(--framer-fresco-panelDivider-color, #eeeeee);
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.contentArea_c1k3n1xq {
  font-family: var(--framer-fresco-monospace-font-family);
  font-size: 12px;
  position: absolute;
  inset: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-height: 0;
}
.contentArea_c1k3n1xq ::selection {
  background-color: var(--framer-fresco-tintDimmed-color);
}
.treePane_tx27h34 {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 0;
  overflow: hidden;
}
.treeContent_t1dfkowc {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  position: relative;
  min-height: 0;
  font-size: 11px;
}
.navButton_n1nien5 {
  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;
  padding: 9px;
  border: none;
  border-radius: 8px;
  background: transparent;
  color: #999;
  cursor: pointer;
}
.navButton_n1nien5:hover:not(:disabled) {
  color: #ccc;
  background: rgba(255, 255, 255, 0.06);
}
.navButton_n1nien5:disabled {
  opacity: 0.3;
  cursor: default;
}
.propertyPane_p1krrtvq {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  min-height: 0;
  overflow: hidden;
}
.missingNodeWarning_mja9xm9 {
  padding: 8px 12px;
  border-bottom: 1px solid var(--framer-fresco-panelDivider-color, #eeeeee);
  font-size: 11px;
  color: #ffbe7a;
  background: rgba(255, 190, 122, 0.1);
  word-break: break-word;
}

/* wyw-in-js:Filters.styles_hgp20y.wyw.css */
.container_cy2g65i {
  position: relative;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  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;
}
.controls_c1p17rfq {
  position: absolute;
  top: 50%;
  right: 2px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  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: 2px;
  margin-right: 8px;
}
.badge_bd79jrw {
  font-size: 10px;
  color: var(--framer-fresco-tooltipIcon-color, #bbbbbb);
  padding: 0 4px;
  white-space: nowrap;
}
.arrowButton_aoxaclm {
  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;
  width: 16px;
  height: 16px;
  padding: 0;
  border: none;
  border-radius: 3px;
  background: transparent;
  color: var(--framer-fresco-tooltipIcon-color, #bbbbbb);
  cursor: pointer;
}
.arrowButton_aoxaclm:hover:not(:disabled) {
  color: var(--framer-fresco-tooltipIconHover-color, #999999);
}
.arrowButton_aoxaclm:disabled {
  opacity: 0.3;
  cursor: default;
}
.examplesPopover_eyl6mut {
  min-width: 240px;
  color: var(--framer-fresco-panelText-color, #666666);
  background-color: var(--framer-fresco-popoverBackground-color, #ffffff);
  border: 1px solid var(--framer-fresco-popoverDivider-color, #eeeeee);
}
.examplesList_emwc6ge {
  padding: 0;
  margin: 0;
  list-style: none;
}
.exampleCode_elwpwap {
  font-family: monospace;
  color: var(--framer-fresco-tint-color, #0099ff);
}
.examplesTitle_e17h9agp {
  font-size: var(--framer-fresco-heading-font-size, 13px);
  font-weight: var(--framer-fresco-heading-font-weight, 600);
  color: var(--framer-fresco-panelText-color, #666666);
}
.examplesFooter_e1uii0w2 {
  font-size: var(--framer-fresco-base-font-size, 12px);
  color: var(--framer-fresco-panelDescription-color, #999999);
}
.clearButton_c1p66qjk {
  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;
  width: 14px;
  height: 14px;
  padding: 0;
  font-size: 10px;
  line-height: 1;
  cursor: pointer;
  border: none;
  border-radius: 50%;
  color: var(--framer-fresco-tooltipIcon-color, #bbbbbb);
}
.clearButton_c1p66qjk:hover:not(:disabled) {
  color: var(--framer-fresco-tooltipIconHover-color, #999999);
}

/* wyw-in-js:Column.styles_1pr6r81.wyw.css */
.column_c18f2qcs {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  overflow-x: hidden;
  height: 100%;
}

/* wyw-in-js:TreeBadge.styles_jj5ak5.wyw.css */
.badge_bapdv41 {
  padding: 0 4px;
  font-size: 9px;
  font-weight: 400;
  line-height: 16px;
  border-radius: 3px;
  background-color: var(--framer-fresco-pageRowBackgroundActive-color, #f3f3f3);
  color: color-mix(in srgb, var(--framer-fresco-pageRowTextActive-color, #000000) 45%, transparent);
}

/* wyw-in-js:ColumnRow.styles_krz5fy.wyw.css */
.row_ro6yk8r {
  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: justify;
  -ms-flex-pack: space-between;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  height: 24px;
  padding: 0 8px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  gap: 8px;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  border-radius: 4px;
}
.row_ro6yk8r[data-selected] {
  background: var(--framer-fresco-tintDimmed-color, color(display-p3 0 0.6 1 / 0.1));
}
.row_ro6yk8r[data-dimmed] {
  opacity: 0.5;
}
.rightGroup_r1hualyh {
  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: 4px;
  min-width: 0;
  -webkit-flex-shrink: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
}
.name_n18yuqia {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
row_ro6yk8r[data-selected] .name_n18yuqia {
  color: var(--framer-fresco-inputTextActive-color, #000000);
}
.nodeClass_n1my6kg5 {
  color: var(--framer-fresco-layerItemComponentLabel-color, #aaaaaa);
  font-size: var(--framer-fresco-label-font-size, 10px);
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 80px;
}
.dataTreeBadge_d187ssjc {
  padding: 0 4px;
  font-size: var(--framer-fresco-labelSmall-font-size, 9px);
  font-weight: var(--framer-fresco-heading-font-weight, 600);
  line-height: 16px;
  border-radius: 3px;
  background: var(--framer-fresco-neutralBadgeBackground-color, rgba(102, 102, 102, 0.1));
  color: var(--framer-fresco-neutralBadgeColor-color, #666666);
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.loadIndicator_lq6f512 {
  font-size: var(--framer-fresco-label-font-size, 10px);
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  color: var(--framer-fresco-warningText-color, #FF9900);
}
.loadIndicator_lq6f512[data-loading] {
  color: var(--framer-fresco-neutralBadgeColor-color, #666666);
}
.chevron_c121t46c {
  color: var(--framer-fresco-layerItemComponentLabel-color, #aaaaaa);
  font-size: var(--framer-fresco-label-font-size, 10px);
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

/* wyw-in-js:ColumnView.styles_1ik7hdr.wyw.css */
.scrollContainer_smrm33r {
  position: absolute;
  inset: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow-x: auto;
  overflow-y: hidden;
  padding: 8px 0px 8px 16px;
}

/* wyw-in-js:TreeNodeRow.styles_1r16ej7.wyw.css */
.row_r1jb48pe {
  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;
  height: 22px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-left: 2px solid transparent;
}
.row_r1jb48pe:not([data-selected]):hover {
  background: color-mix(in srgb, var(--framer-fresco-tintDimmed-color, rgba(0, 153, 255, 0.1)) 50%, transparent);
}
.row_r1jb48pe[data-selected] {
  background: var(--framer-fresco-tintDimmed-color, rgba(0, 153, 255, 0.1));
  border-left-color: var(--framer-fresco-tint-color, #0099ff);
  color: var(--framer-fresco-inputTextActive-color, #000000);
}
.row_r1jb48pe[data-dimmed] {
  opacity: 0.5;
}
.rowContent_r1mtsjpg {
  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: 4px;
  min-width: 0;
  background: none;
  border: none;
  padding: 0;
  font: inherit;
  color: inherit;
  text-align: left;
  cursor: pointer;
  outline: none;
}
.chevron_c1xylaxw {
  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;
  width: 16px;
  height: 22px;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  cursor: pointer;
  background: none;
  border: none;
  padding: 0;
  color: color-mix(in srgb, var(--framer-fresco-panelText-color, var(--framer-treeView-muted, #666)) 70%, transparent);
}
.chevron_c1xylaxw > svg {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
  transform-origin: center center;
  -webkit-transition: -webkit-transform 100ms ease;
  transition: transform 100ms ease;
}
.chevron_c1xylaxw[data-expanded] > svg {
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
}
.chevron_c1xylaxw:hover {
  color: var(--framer-fresco-panelText-color, #c5c5c5);
}
.nodeClass_n1n9gdpr {
  color: var(--framer-treeView-muted);
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.showMore_s8cr892 {
  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;
  height: 22px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size: 12px;
  color: var(--framer-fresco-tint-color, #0099ff);
}
.showMore_s8cr892:hover {
  background: rgba(255, 255, 255, 0.06);
}

/* wyw-in-js:IndentedTreeView.styles_l483m8.wyw.css */
.treePanel_t1b0r62y {
  position: absolute;
  inset: 0;
  overflow: auto;
  padding: 0;
}
.collapseButton_c1r7otob {
  position: absolute;
  top: 4px;
  right: 8px;
  z-index: 1;
  cursor: pointer;
  border: none;
  background: transparent;
  color: var(--framer-fresco-tooltipIcon-color, #bbbbbb);
}
.collapseButton_c1r7otob:hover {
  color: var(--framer-fresco-tooltipIconHover-color, #999999);
}

/* wyw-in-js:ViewModeToggle.styles_1by4nfb.wyw.css */
.segmentedControlItem_s1s425m9 {
  width: 64px;
}
/*# sourceMappingURL=https://localhost:8009/DebugBar-5KOKIGHJ.css.map */
