/* src/app/styles/_fonts-ui.css */
body {
--inter-cv: "cv01" 1, "cv09" 1;
}
body,
input,
textarea,
select,
button {
font-family:
"Inter",
system-ui,
-apple-system,
BlinkMacSystemFont,
"Segoe UI",
Roboto,
Helvetica,
Arial,
sans-serif,
"Apple Color Emoji",
"Segoe UI Emoji",
"Segoe UI Symbol";
font-size: 12px;
font-feature-settings: var(--inter-cv);
}
input[type=number],
input[inputmode=numeric],
input[inputmode=decimal] {
font-variant-numeric: tabular-nums;
font-feature-settings: var(--inter-cv), "tnum" 1;
}
body.agent {
--inter-cv:
"cv01" 1,
"cv05" 1,
"cv09" 1,
"cv11" 1;
}
/* src/app/styles/_html-common.css */
html {
box-sizing: border-box;
}
* {
box-sizing: border-box;
}
body,
figure {
margin: 0;
}
body,
div[contenteditable=true] {
outline: none;
}
/* src/app/styles/editorbar.css */
html {
overscroll-behavior: none;
}
body {
min-height: 100vh;
}
#root {
display: flex;
}
*,
*:before,
*:after {
box-sizing: border-box;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
div {
outline: none;
}
/* src/app/fonts/inter/inter.css */
@font-face {
font-family: "Inter";
font-style: normal;
font-weight: 100;
src: url("https://localhost:8009/Inter-Thin.cyrillic-ext-5SDVJQ46.woff2") format("woff2");
unicode-range:
U+0460-052F,
U+1C80-1C88,
U+20B4,
U+2DE0-2DFF,
U+A640-A69F,
U+FE2E-FE2F;
}
@font-face {
font-family: "Inter";
font-style: normal;
font-weight: 100;
src: url("https://localhost:8009/Inter-Thin.cyrillic-FOBARWIX.woff2") format("woff2");
unicode-range:
U+0301,
U+0400-045F,
U+0490-0491,
U+04B0-04B1,
U+2116;
}
@font-face {
font-family: "Inter";
font-style: normal;
font-weight: 100;
src: url("https://localhost:8009/Inter-Thin.greek-ext-DZ2SEEID.woff2") format("woff2");
unicode-range: U+1F00-1FFF;
}
@font-face {
font-family: "Inter";
font-style: normal;
font-weight: 100;
src: url("https://localhost:8009/Inter-Thin.greek-ZPYPCJBX.woff2") format("woff2");
unicode-range: U+0370-03FF;
}
@font-face {
font-family: "Inter";
font-style: normal;
font-weight: 100;
src: url("https://localhost:8009/Inter-Thin.latin-ext-T27MSVTU.woff2") format("woff2");
unicode-range:
U+0100-024F,
U+0259,
U+1E00-1EFF,
U+2020,
U+20A0-20AB,
U+20AD-20CF,
U+2113,
U+2C60-2C7F,
U+A720-A7FF;
}
@font-face {
font-family: "Inter";
font-style: normal;
font-weight: 100;
src: url("https://localhost:8009/Inter-Thin.latin-QWPOY4HE.woff2") format("woff2");
unicode-range:
U+0000-00FF,
U+0131,
U+0152-0153,
U+02BB-02BC,
U+02C6,
U+02DA,
U+02DC,
U+2000-206F,
U+2070,
U+2074-207E,
U+2080-208E,
U+20AC,
U+2122,
U+2191,
U+2193,
U+2212,
U+2215,
U+FEFF,
U+FFFD;
}
@font-face {
font-family: "Inter";
font-style: normal;
font-weight: 100;
src: url("https://localhost:8009/Inter-Thin.vietnamese-AM6PQ672.woff2") format("woff2");
unicode-range:
U+0102-0103,
U+0110-0111,
U+0128-0129,
U+0168-0169,
U+01A0-01A1,
U+01AF-01B0,
U+1EA0-1EF9,
U+20AB;
}
@font-face {
font-family: "Inter";
font-style: normal;
font-weight: 200;
src: url("https://localhost:8009/Inter-ExtraLight.cyrillic-ext-HDQPQEGZ.woff2") format("woff2");
unicode-range:
U+0460-052F,
U+1C80-1C88,
U+20B4,
U+2DE0-2DFF,
U+A640-A69F,
U+FE2E-FE2F;
}
@font-face {
font-family: "Inter";
font-style: normal;
font-weight: 200;
src: url("https://localhost:8009/Inter-ExtraLight.cyrillic-HQQAKSKG.woff2") format("woff2");
unicode-range:
U+0301,
U+0400-045F,
U+0490-0491,
U+04B0-04B1,
U+2116;
}
@font-face {
font-family: "Inter";
font-style: normal;
font-weight: 200;
src: url("https://localhost:8009/Inter-ExtraLight.greek-ext-EGLHH5TO.woff2") format("woff2");
unicode-range: U+1F00-1FFF;
}
@font-face {
font-family: "Inter";
font-style: normal;
font-weight: 200;
src: url("https://localhost:8009/Inter-ExtraLight.greek-T6UOYY4Y.woff2") format("woff2");
unicode-range: U+0370-03FF;
}
@font-face {
font-family: "Inter";
font-style: normal;
font-weight: 200;
src: url("https://localhost:8009/Inter-ExtraLight.latin-ext-V5Z3H2DM.woff2") format("woff2");
unicode-range:
U+0100-024F,
U+0259,
U+1E00-1EFF,
U+2020,
U+20A0-20AB,
U+20AD-20CF,
U+2113,
U+2C60-2C7F,
U+A720-A7FF;
}
@font-face {
font-family: "Inter";
font-style: normal;
font-weight: 200;
src: url("https://localhost:8009/Inter-ExtraLight.latin-I73MJZPM.woff2") format("woff2");
unicode-range:
U+0000-00FF,
U+0131,
U+0152-0153,
U+02BB-02BC,
U+02C6,
U+02DA,
U+02DC,
U+2000-206F,
U+2070,
U+2074-207E,
U+2080-208E,
U+20AC,
U+2122,
U+2191,
U+2193,
U+2212,
U+2215,
U+FEFF,
U+FFFD;
}
@font-face {
font-family: "Inter";
font-style: normal;
font-weight: 200;
src: url("https://localhost:8009/Inter-ExtraLight.vietnamese-ZVJTMYPG.woff2") format("woff2");
unicode-range:
U+0102-0103,
U+0110-0111,
U+0128-0129,
U+0168-0169,
U+01A0-01A1,
U+01AF-01B0,
U+1EA0-1EF9,
U+20AB;
}
@font-face {
font-display: swap;
font-family: "Inter";
font-style: normal;
font-weight: 300;
src: url("https://localhost:8009/Inter-Light.cyrillic-ext-F3NYOJYK.woff2") format("woff2");
unicode-range:
U+0460-052F,
U+1C80-1C88,
U+20B4,
U+2DE0-2DFF,
U+A640-A69F,
U+FE2E-FE2F;
}
@font-face {
font-display: swap;
font-family: "Inter";
font-style: normal;
font-weight: 300;
src: url("https://localhost:8009/Inter-Light.cyrillic-OPL2V4ZN.woff2") format("woff2");
unicode-range:
U+0301,
U+0400-045F,
U+0490-0491,
U+04B0-04B1,
U+2116;
}
@font-face {
font-display: swap;
font-family: "Inter";
font-style: normal;
font-weight: 300;
src: url("https://localhost:8009/Inter-Light.greek-ext-RT22AI5T.woff2") format("woff2");
unicode-range: U+1F00-1FFF;
}
@font-face {
font-display: swap;
font-family: "Inter";
font-style: normal;
font-weight: 300;
src: url("https://localhost:8009/Inter-Light.greek-43BVUQQC.woff2") format("woff2");
unicode-range: U+0370-03FF;
}
@font-face {
font-display: swap;
font-family: "Inter";
font-style: normal;
font-weight: 300;
src: url("https://localhost:8009/Inter-Light.latin-ext-CSAOYJDP.woff2") format("woff2");
unicode-range:
U+0100-024F,
U+0259,
U+1E00-1EFF,
U+2020,
U+20A0-20AB,
U+20AD-20CF,
U+2113,
U+2C60-2C7F,
U+A720-A7FF;
}
@font-face {
font-display: swap;
font-family: "Inter";
font-style: normal;
font-weight: 300;
src: url("https://localhost:8009/Inter-Light.latin-ZQPM22KC.woff2") format("woff2");
unicode-range:
U+0000-00FF,
U+0131,
U+0152-0153,
U+02BB-02BC,
U+02C6,
U+02DA,
U+02DC,
U+2000-206F,
U+2070,
U+2074-207E,
U+2080-208E,
U+20AC,
U+2122,
U+2191,
U+2193,
U+2212,
U+2215,
U+FEFF,
U+FFFD;
}
@font-face {
font-display: swap;
font-family: "Inter";
font-style: normal;
font-weight: 300;
src: url("https://localhost:8009/Inter-Light.vietnamese-7HBB4EHX.woff2") format("woff2");
unicode-range:
U+0102-0103,
U+0110-0111,
U+0128-0129,
U+0168-0169,
U+01A0-01A1,
U+01AF-01B0,
U+1EA0-1EF9,
U+20AB;
}
@font-face {
font-display: swap;
font-family: "Inter";
font-style: normal;
font-weight: 400;
src: url("https://localhost:8009/Inter-Regular.cyrillic-ext-FNFMLGIB.woff2") format("woff2");
unicode-range:
U+0460-052F,
U+1C80-1C88,
U+20B4,
U+2DE0-2DFF,
U+A640-A69F,
U+FE2E-FE2F;
}
@font-face {
font-display: swap;
font-family: "Inter";
font-style: normal;
font-weight: 400;
src: url("https://localhost:8009/Inter-Regular.cyrillic-BWCXQTKJ.woff2") format("woff2");
unicode-range:
U+0301,
U+0400-045F,
U+0490-0491,
U+04B0-04B1,
U+2116;
}
@font-face {
font-display: swap;
font-family: "Inter";
font-style: normal;
font-weight: 400;
src: url("https://localhost:8009/Inter-Regular.greek-ext-KPM5NWV4.woff2") format("woff2");
unicode-range: U+1F00-1FFF;
}
@font-face {
font-display: swap;
font-family: "Inter";
font-style: normal;
font-weight: 400;
src: url("https://localhost:8009/Inter-Regular.greek-DFFLIQKX.woff2") format("woff2");
unicode-range: U+0370-03FF;
}
@font-face {
font-display: swap;
font-family: "Inter";
font-style: normal;
font-weight: 400;
src: url("https://localhost:8009/Inter-Regular.latin-ext-5XCZF2V2.woff2") format("woff2");
unicode-range:
U+0100-024F,
U+0259,
U+1E00-1EFF,
U+2020,
U+20A0-20AB,
U+20AD-20CF,
U+2113,
U+2C60-2C7F,
U+A720-A7FF;
}
@font-face {
font-display: swap;
font-family: "Inter";
font-style: normal;
font-weight: 400;
src: url("https://localhost:8009/Inter-Regular.latin-EHCEA6SA.woff2") format("woff2");
unicode-range:
U+0000-00FF,
U+0131,
U+0152-0153,
U+02BB-02BC,
U+02C6,
U+02DA,
U+02DC,
U+2000-206F,
U+2070,
U+2074-207E,
U+2080-208E,
U+20AC,
U+2122,
U+2191,
U+2193,
U+2212,
U+2215,
U+FEFF,
U+FFFD;
}
@font-face {
font-display: swap;
font-family: "Inter";
font-style: normal;
font-weight: 400;
src: url("https://localhost:8009/Inter-Regular.vietnamese-YUUZEVET.woff2") format("woff2");
unicode-range:
U+0102-0103,
U+0110-0111,
U+0128-0129,
U+0168-0169,
U+01A0-01A1,
U+01AF-01B0,
U+1EA0-1EF9,
U+20AB;
}
@font-face {
font-display: swap;
font-family: "Inter";
font-style: normal;
font-weight: 500;
src: url("https://localhost:8009/Inter-Medium.cyrillic-ext-23JZLKSR.woff2") format("woff2");
unicode-range:
U+0460-052F,
U+1C80-1C88,
U+20B4,
U+2DE0-2DFF,
U+A640-A69F,
U+FE2E-FE2F;
}
@font-face {
font-display: swap;
font-family: "Inter";
font-style: normal;
font-weight: 500;
src: url("https://localhost:8009/Inter-Medium.cyrillic-66YXPJES.woff2") format("woff2");
unicode-range:
U+0301,
U+0400-045F,
U+0490-0491,
U+04B0-04B1,
U+2116;
}
@font-face {
font-display: swap;
font-family: "Inter";
font-style: normal;
font-weight: 500;
src: url("https://localhost:8009/Inter-Medium.greek-ext-XZB5PYWI.woff2") format("woff2");
unicode-range: U+1F00-1FFF;
}
@font-face {
font-display: swap;
font-family: "Inter";
font-style: normal;
font-weight: 500;
src: url("https://localhost:8009/Inter-Medium.greek-O4PDCMRD.woff2") format("woff2");
unicode-range: U+0370-03FF;
}
@font-face {
font-display: swap;
font-family: "Inter";
font-style: normal;
font-weight: 500;
src: url("https://localhost:8009/Inter-Medium.latin-ext-K4SADJW5.woff2") format("woff2");
unicode-range:
U+0100-024F,
U+0259,
U+1E00-1EFF,
U+2020,
U+20A0-20AB,
U+20AD-20CF,
U+2113,
U+2C60-2C7F,
U+A720-A7FF;
}
@font-face {
font-display: swap;
font-family: "Inter";
font-style: normal;
font-weight: 500;
src: url("https://localhost:8009/Inter-Medium.latin-7CGYVY2A.woff2") format("woff2");
unicode-range:
U+0000-00FF,
U+0131,
U+0152-0153,
U+02BB-02BC,
U+02C6,
U+02DA,
U+02DC,
U+2000-206F,
U+2070,
U+2074-207E,
U+2080-208E,
U+20AC,
U+2122,
U+2191,
U+2193,
U+2212,
U+2215,
U+FEFF,
U+FFFD;
}
@font-face {
font-display: swap;
font-family: "Inter";
font-style: normal;
font-weight: 500;
src: url("https://localhost:8009/Inter-Medium.vietnamese-B3KSWIQ4.woff2") format("woff2");
unicode-range:
U+0102-0103,
U+0110-0111,
U+0128-0129,
U+0168-0169,
U+01A0-01A1,
U+01AF-01B0,
U+1EA0-1EF9,
U+20AB;
}
@font-face {
font-display: swap;
font-family: "Inter";
font-style: normal;
font-weight: 600;
src: url("https://localhost:8009/Inter-SemiBold.cyrillic-ext-YZKBBQA5.woff2") format("woff2");
unicode-range:
U+0460-052F,
U+1C80-1C88,
U+20B4,
U+2DE0-2DFF,
U+A640-A69F,
U+FE2E-FE2F;
}
@font-face {
font-display: swap;
font-family: "Inter";
font-style: normal;
font-weight: 600;
src: url("https://localhost:8009/Inter-SemiBold.cyrillic-5CPGSPZX.woff2") format("woff2");
unicode-range:
U+0301,
U+0400-045F,
U+0490-0491,
U+04B0-04B1,
U+2116;
}
@font-face {
font-display: swap;
font-family: "Inter";
font-style: normal;
font-weight: 600;
src: url("https://localhost:8009/Inter-SemiBold.greek-ext-SKQFZUG7.woff2") format("woff2");
unicode-range: U+1F00-1FFF;
}
@font-face {
font-display: swap;
font-family: "Inter";
font-style: normal;
font-weight: 600;
src: url("https://localhost:8009/Inter-SemiBold.greek-KQMXNSSM.woff2") format("woff2");
unicode-range: U+0370-03FF;
}
@font-face {
font-display: swap;
font-family: "Inter";
font-style: normal;
font-weight: 600;
src: url("https://localhost:8009/Inter-SemiBold.latin-ext-JHEUTA4R.woff2") format("woff2");
unicode-range:
U+0100-024F,
U+0259,
U+1E00-1EFF,
U+2020,
U+20A0-20AB,
U+20AD-20CF,
U+2113,
U+2C60-2C7F,
U+A720-A7FF;
}
@font-face {
font-display: swap;
font-family: "Inter";
font-style: normal;
font-weight: 600;
src: url("https://localhost:8009/Inter-SemiBold.latin-LDEJ65ZA.woff2") format("woff2");
unicode-range:
U+0000-00FF,
U+0131,
U+0152-0153,
U+02BB-02BC,
U+02C6,
U+02DA,
U+02DC,
U+2000-206F,
U+2070,
U+2074-207E,
U+2080-208E,
U+20AC,
U+2122,
U+2191,
U+2193,
U+2212,
U+2215,
U+FEFF,
U+FFFD;
}
@font-face {
font-display: swap;
font-family: "Inter";
font-style: normal;
font-weight: 600;
src: url("https://localhost:8009/Inter-SemiBold.vietnamese-DHNXGWRU.woff2") format("woff2");
unicode-range:
U+0102-0103,
U+0110-0111,
U+0128-0129,
U+0168-0169,
U+01A0-01A1,
U+01AF-01B0,
U+1EA0-1EF9,
U+20AB;
}
@font-face {
font-display: swap;
font-family: "Inter";
font-style: normal;
font-weight: 700;
src: url("https://localhost:8009/Inter-Bold.cyrillic-ext-AIAGOT2U.woff2") format("woff2");
unicode-range:
U+0460-052F,
U+1C80-1C88,
U+20B4,
U+2DE0-2DFF,
U+A640-A69F,
U+FE2E-FE2F;
}
@font-face {
font-display: swap;
font-family: "Inter";
font-style: normal;
font-weight: 700;
src: url("https://localhost:8009/Inter-Bold.cyrillic-SJ3DCUFV.woff2") format("woff2");
unicode-range:
U+0301,
U+0400-045F,
U+0490-0491,
U+04B0-04B1,
U+2116;
}
@font-face {
font-display: swap;
font-family: "Inter";
font-style: normal;
font-weight: 700;
src: url("https://localhost:8009/Inter-Bold.greek-ext-PY5WF7PC.woff2") format("woff2");
unicode-range: U+1F00-1FFF;
}
@font-face {
font-display: swap;
font-family: "Inter";
font-style: normal;
font-weight: 700;
src: url("https://localhost:8009/Inter-Bold.greek-6AEKSPWM.woff2") format("woff2");
unicode-range: U+0370-03FF;
}
@font-face {
font-display: swap;
font-family: "Inter";
font-style: normal;
font-weight: 700;
src: url("https://localhost:8009/Inter-Bold.latin-ext-K252NU6O.woff2") format("woff2");
unicode-range:
U+0100-024F,
U+0259,
U+1E00-1EFF,
U+2020,
U+20A0-20AB,
U+20AD-20CF,
U+2113,
U+2C60-2C7F,
U+A720-A7FF;
}
@font-face {
font-display: swap;
font-family: "Inter";
font-style: normal;
font-weight: 700;
src: url("https://localhost:8009/Inter-Bold.latin-ELRVNKBA.woff2") format("woff2");
unicode-range:
U+0000-00FF,
U+0131,
U+0152-0153,
U+02BB-02BC,
U+02C6,
U+02DA,
U+02DC,
U+2000-206F,
U+2070,
U+2074-207E,
U+2080-208E,
U+20AC,
U+2122,
U+2191,
U+2193,
U+2212,
U+2215,
U+FEFF,
U+FFFD;
}
@font-face {
font-display: swap;
font-family: "Inter";
font-style: normal;
font-weight: 700;
src: url("https://localhost:8009/Inter-Bold.vietnamese-CS2A3MVV.woff2") format("woff2");
unicode-range:
U+0102-0103,
U+0110-0111,
U+0128-0129,
U+0168-0169,
U+01A0-01A1,
U+01AF-01B0,
U+1EA0-1EF9,
U+20AB;
}
@font-face {
font-display: swap;
font-family: "Inter";
font-style: normal;
font-weight: 800;
src: url("https://localhost:8009/Inter-ExtraBold.cyrillic-ext-WOF4T3VR.woff2") format("woff2");
unicode-range:
U+0460-052F,
U+1C80-1C88,
U+20B4,
U+2DE0-2DFF,
U+A640-A69F,
U+FE2E-FE2F;
}
@font-face {
font-display: swap;
font-family: "Inter";
font-style: normal;
font-weight: 800;
src: url("https://localhost:8009/Inter-ExtraBold.cyrillic-CIEXDHQS.woff2") format("woff2");
unicode-range:
U+0301,
U+0400-045F,
U+0490-0491,
U+04B0-04B1,
U+2116;
}
@font-face {
font-display: swap;
font-family: "Inter";
font-style: normal;
font-weight: 800;
src: url("https://localhost:8009/Inter-ExtraBold.greek-ext-ZP4MBORN.woff2") format("woff2");
unicode-range: U+1F00-1FFF;
}
@font-face {
font-display: swap;
font-family: "Inter";
font-style: normal;
font-weight: 800;
src: url("https://localhost:8009/Inter-ExtraBold.greek-NYQZDFHT.woff2") format("woff2");
unicode-range: U+0370-03FF;
}
@font-face {
font-display: swap;
font-family: "Inter";
font-style: normal;
font-weight: 800;
src: url("https://localhost:8009/Inter-ExtraBold.latin-ext-EZPFHF4D.woff2") format("woff2");
unicode-range:
U+0100-024F,
U+0259,
U+1E00-1EFF,
U+2020,
U+20A0-20AB,
U+20AD-20CF,
U+2113,
U+2C60-2C7F,
U+A720-A7FF;
}
@font-face {
font-display: swap;
font-family: "Inter";
font-style: normal;
font-weight: 800;
src: url("https://localhost:8009/Inter-ExtraBold.latin-ELKLW57A.woff2") format("woff2");
unicode-range:
U+0000-00FF,
U+0131,
U+0152-0153,
U+02BB-02BC,
U+02C6,
U+02DA,
U+02DC,
U+2000-206F,
U+2070,
U+2074-207E,
U+2080-208E,
U+20AC,
U+2122,
U+2191,
U+2193,
U+2212,
U+2215,
U+FEFF,
U+FFFD;
}
@font-face {
font-display: swap;
font-family: "Inter";
font-style: normal;
font-weight: 800;
src: url("https://localhost:8009/Inter-ExtraBold.vietnamese-LBESCFIB.woff2") format("woff2");
unicode-range:
U+0102-0103,
U+0110-0111,
U+0128-0129,
U+0168-0169,
U+01A0-01A1,
U+01AF-01B0,
U+1EA0-1EF9,
U+20AB;
}
@font-face {
font-family: "Inter";
font-style: normal;
font-weight: 900;
src: url("https://localhost:8009/Inter-Black.cyrillic-ext-ZAHAZNAZ.woff2") format("woff2");
unicode-range:
U+0460-052F,
U+1C80-1C88,
U+20B4,
U+2DE0-2DFF,
U+A640-A69F,
U+FE2E-FE2F;
}
@font-face {
font-family: "Inter";
font-style: normal;
font-weight: 900;
src: url("https://localhost:8009/Inter-Black.cyrillic-A4V6NEDA.woff2") format("woff2");
unicode-range:
U+0301,
U+0400-045F,
U+0490-0491,
U+04B0-04B1,
U+2116;
}
@font-face {
font-family: "Inter";
font-style: normal;
font-weight: 900;
src: url("https://localhost:8009/Inter-Black.greek-ext-EEHBAM32.woff2") format("woff2");
unicode-range: U+1F00-1FFF;
}
@font-face {
font-family: "Inter";
font-style: normal;
font-weight: 900;
src: url("https://localhost:8009/Inter-Black.greek-SA7WMRAV.woff2") format("woff2");
unicode-range: U+0370-03FF;
}
@font-face {
font-family: "Inter";
font-style: normal;
font-weight: 900;
src: url("https://localhost:8009/Inter-Black.latin-ext-DPZFZSTH.woff2") format("woff2");
unicode-range:
U+0100-024F,
U+0259,
U+1E00-1EFF,
U+2020,
U+20A0-20AB,
U+20AD-20CF,
U+2113,
U+2C60-2C7F,
U+A720-A7FF;
}
@font-face {
font-family: "Inter";
font-style: normal;
font-weight: 900;
src: url("https://localhost:8009/Inter-Black.latin-HCCUOXN6.woff2") format("woff2");
unicode-range:
U+0000-00FF,
U+0131,
U+0152-0153,
U+02BB-02BC,
U+02C6,
U+02DA,
U+02DC,
U+2000-206F,
U+2070,
U+2074-207E,
U+2080-208E,
U+20AC,
U+2122,
U+2191,
U+2193,
U+2212,
U+2215,
U+FEFF,
U+FFFD;
}
@font-face {
font-family: "Inter";
font-style: normal;
font-weight: 900;
src: url("https://localhost:8009/Inter-Black.vietnamese-RSSMX6WE.woff2") format("woff2");
unicode-range:
U+0102-0103,
U+0110-0111,
U+0128-0129,
U+0168-0169,
U+01A0-01A1,
U+01AF-01B0,
U+1EA0-1EF9,
U+20AB;
}
@font-face {
font-family: "Inter";
font-style: italic;
font-weight: 100;
src: url("https://localhost:8009/Inter-ThinItalic.cyrillic-ext-6QUVGXI6.woff2") format("woff2");
unicode-range:
U+0460-052F,
U+1C80-1C88,
U+20B4,
U+2DE0-2DFF,
U+A640-A69F,
U+FE2E-FE2F;
}
@font-face {
font-family: "Inter";
font-style: italic;
font-weight: 100;
src: url("https://localhost:8009/Inter-ThinItalic.cyrillic-M63N44SE.woff2") format("woff2");
unicode-range:
U+0301,
U+0400-045F,
U+0490-0491,
U+04B0-04B1,
U+2116;
}
@font-face {
font-family: "Inter";
font-style: italic;
font-weight: 100;
src: url("https://localhost:8009/Inter-ThinItalic.greek-ext-T76Q462A.woff2") format("woff2");
unicode-range: U+1F00-1FFF;
}
@font-face {
font-family: "Inter";
font-style: italic;
font-weight: 100;
src: url("https://localhost:8009/Inter-ThinItalic.greek-M4CK7ABM.woff2") format("woff2");
unicode-range: U+0370-03FF;
}
@font-face {
font-family: "Inter";
font-style: italic;
font-weight: 100;
src: url("https://localhost:8009/Inter-ThinItalic.latin-ext-JKE6IDR6.woff2") format("woff2");
unicode-range:
U+0100-024F,
U+0259,
U+1E00-1EFF,
U+2020,
U+20A0-20AB,
U+20AD-20CF,
U+2113,
U+2C60-2C7F,
U+A720-A7FF;
}
@font-face {
font-family: "Inter";
font-style: italic;
font-weight: 100;
src: url("https://localhost:8009/Inter-ThinItalic.latin-Z434MCRC.woff2") format("woff2");
unicode-range:
U+0000-00FF,
U+0131,
U+0152-0153,
U+02BB-02BC,
U+02C6,
U+02DA,
U+02DC,
U+2000-206F,
U+2070,
U+2074-207E,
U+2080-208E,
U+20AC,
U+2122,
U+2191,
U+2193,
U+2212,
U+2215,
U+FEFF,
U+FFFD;
}
@font-face {
font-family: "Inter";
font-style: italic;
font-weight: 100;
src: url("https://localhost:8009/Inter-ThinItalic.vietnamese-L75UTPS3.woff2") format("woff2");
unicode-range:
U+0102-0103,
U+0110-0111,
U+0128-0129,
U+0168-0169,
U+01A0-01A1,
U+01AF-01B0,
U+1EA0-1EF9,
U+20AB;
}
@font-face {
font-family: "Inter";
font-style: italic;
font-weight: 200;
src: url("https://localhost:8009/Inter-ExtraLightItalic.cyrillic-ext-RTJXLMXR.woff2") format("woff2");
unicode-range:
U+0460-052F,
U+1C80-1C88,
U+20B4,
U+2DE0-2DFF,
U+A640-A69F,
U+FE2E-FE2F;
}
@font-face {
font-family: "Inter";
font-style: italic;
font-weight: 200;
src: url("https://localhost:8009/Inter-ExtraLightItalic.cyrillic-JZCJRAT2.woff2") format("woff2");
unicode-range:
U+0301,
U+0400-045F,
U+0490-0491,
U+04B0-04B1,
U+2116;
}
@font-face {
font-family: "Inter";
font-style: italic;
font-weight: 200;
src: url("https://localhost:8009/Inter-ExtraLightItalic.greek-ext-ST5K7HRA.woff2") format("woff2");
unicode-range: U+1F00-1FFF;
}
@font-face {
font-family: "Inter";
font-style: italic;
font-weight: 200;
src: url("https://localhost:8009/Inter-ExtraLightItalic.greek-O6PAUXY7.woff2") format("woff2");
unicode-range: U+0370-03FF;
}
@font-face {
font-family: "Inter";
font-style: italic;
font-weight: 200;
src: url("https://localhost:8009/Inter-ExtraLightItalic.latin-ext-MNGTQPNN.woff2") format("woff2");
unicode-range:
U+0100-024F,
U+0259,
U+1E00-1EFF,
U+2020,
U+20A0-20AB,
U+20AD-20CF,
U+2113,
U+2C60-2C7F,
U+A720-A7FF;
}
@font-face {
font-family: "Inter";
font-style: italic;
font-weight: 200;
src: url("https://localhost:8009/Inter-ExtraLightItalic.latin-BT2IJL5V.woff2") format("woff2");
unicode-range:
U+0000-00FF,
U+0131,
U+0152-0153,
U+02BB-02BC,
U+02C6,
U+02DA,
U+02DC,
U+2000-206F,
U+2070,
U+2074-207E,
U+2080-208E,
U+20AC,
U+2122,
U+2191,
U+2193,
U+2212,
U+2215,
U+FEFF,
U+FFFD;
}
@font-face {
font-family: "Inter";
font-style: italic;
font-weight: 200;
src: url("https://localhost:8009/Inter-ExtraLightItalic.vietnamese-YZV4WXXG.woff2") format("woff2");
unicode-range:
U+0102-0103,
U+0110-0111,
U+0128-0129,
U+0168-0169,
U+01A0-01A1,
U+01AF-01B0,
U+1EA0-1EF9,
U+20AB;
}
@font-face {
font-display: swap;
font-family: "Inter";
font-style: italic;
font-weight: 300;
src: url("https://localhost:8009/Inter-LightItalic.cyrillic-ext-2WJKSFSG.woff2") format("woff2");
unicode-range:
U+0460-052F,
U+1C80-1C88,
U+20B4,
U+2DE0-2DFF,
U+A640-A69F,
U+FE2E-FE2F;
}
@font-face {
font-display: swap;
font-family: "Inter";
font-style: italic;
font-weight: 300;
src: url("https://localhost:8009/Inter-LightItalic.cyrillic-EQYX646Y.woff2") format("woff2");
unicode-range:
U+0301,
U+0400-045F,
U+0490-0491,
U+04B0-04B1,
U+2116;
}
@font-face {
font-display: swap;
font-family: "Inter";
font-style: italic;
font-weight: 300;
src: url("https://localhost:8009/Inter-LightItalic.greek-ext-ZO6PJEOM.woff2") format("woff2");
unicode-range: U+1F00-1FFF;
}
@font-face {
font-display: swap;
font-family: "Inter";
font-style: italic;
font-weight: 300;
src: url("https://localhost:8009/Inter-LightItalic.greek-7I7IBSRM.woff2") format("woff2");
unicode-range: U+0370-03FF;
}
@font-face {
font-display: swap;
font-family: "Inter";
font-style: italic;
font-weight: 300;
src: url("https://localhost:8009/Inter-LightItalic.latin-ext-N4K3U3HC.woff2") format("woff2");
unicode-range:
U+0100-024F,
U+0259,
U+1E00-1EFF,
U+2020,
U+20A0-20AB,
U+20AD-20CF,
U+2113,
U+2C60-2C7F,
U+A720-A7FF;
}
@font-face {
font-display: swap;
font-family: "Inter";
font-style: italic;
font-weight: 300;
src: url("https://localhost:8009/Inter-LightItalic.latin-L663ST2C.woff2") format("woff2");
unicode-range:
U+0000-00FF,
U+0131,
U+0152-0153,
U+02BB-02BC,
U+02C6,
U+02DA,
U+02DC,
U+2000-206F,
U+2070,
U+2074-207E,
U+2080-208E,
U+20AC,
U+2122,
U+2191,
U+2193,
U+2212,
U+2215,
U+FEFF,
U+FFFD;
}
@font-face {
font-display: swap;
font-family: "Inter";
font-style: italic;
font-weight: 300;
src: url("https://localhost:8009/Inter-LightItalic.vietnamese-ADHBIB3M.woff2") format("woff2");
unicode-range:
U+0102-0103,
U+0110-0111,
U+0128-0129,
U+0168-0169,
U+01A0-01A1,
U+01AF-01B0,
U+1EA0-1EF9,
U+20AB;
}
@font-face {
font-display: swap;
font-family: "Inter";
font-style: italic;
font-weight: 400;
src: url("https://localhost:8009/Inter-Italic.cyrillic-ext-Q3YZTEVB.woff2") format("woff2");
unicode-range:
U+0460-052F,
U+1C80-1C88,
U+20B4,
U+2DE0-2DFF,
U+A640-A69F,
U+FE2E-FE2F;
}
@font-face {
font-display: swap;
font-family: "Inter";
font-style: italic;
font-weight: 400;
src: url("https://localhost:8009/Inter-Italic.cyrillic-H4EUGU4K.woff2") format("woff2");
unicode-range:
U+0301,
U+0400-045F,
U+0490-0491,
U+04B0-04B1,
U+2116;
}
@font-face {
font-display: swap;
font-family: "Inter";
font-style: italic;
font-weight: 400;
src: url("https://localhost:8009/Inter-Italic.greek-ext-2CVCIE5O.woff2") format("woff2");
unicode-range: U+1F00-1FFF;
}
@font-face {
font-display: swap;
font-family: "Inter";
font-style: italic;
font-weight: 400;
src: url("https://localhost:8009/Inter-Italic.greek-OA3E7ESQ.woff2") format("woff2");
unicode-range: U+0370-03FF;
}
@font-face {
font-display: swap;
font-family: "Inter";
font-style: italic;
font-weight: 400;
src: url("https://localhost:8009/Inter-Italic.latin-ext-MTDWWI4R.woff2") format("woff2");
unicode-range:
U+0100-024F,
U+0259,
U+1E00-1EFF,
U+2020,
U+20A0-20AB,
U+20AD-20CF,
U+2113,
U+2C60-2C7F,
U+A720-A7FF;
}
@font-face {
font-display: swap;
font-family: "Inter";
font-style: italic;
font-weight: 400;
src: url("https://localhost:8009/Inter-Italic.latin-2CLGKHF5.woff2") format("woff2");
unicode-range:
U+0000-00FF,
U+0131,
U+0152-0153,
U+02BB-02BC,
U+02C6,
U+02DA,
U+02DC,
U+2000-206F,
U+2070,
U+2074-207E,
U+2080-208E,
U+20AC,
U+2122,
U+2191,
U+2193,
U+2212,
U+2215,
U+FEFF,
U+FFFD;
}
@font-face {
font-display: swap;
font-family: "Inter";
font-style: italic;
font-weight: 400;
src: url("https://localhost:8009/Inter-Italic.vietnamese-VYO6NGGI.woff2") format("woff2");
unicode-range:
U+0102-0103,
U+0110-0111,
U+0128-0129,
U+0168-0169,
U+01A0-01A1,
U+01AF-01B0,
U+1EA0-1EF9,
U+20AB;
}
@font-face {
font-display: swap;
font-family: "Inter";
font-style: italic;
font-weight: 500;
src: url("https://localhost:8009/Inter-MediumItalic.cyrillic-ext-YKBTYW7H.woff2") format("woff2");
unicode-range:
U+0460-052F,
U+1C80-1C88,
U+20B4,
U+2DE0-2DFF,
U+A640-A69F,
U+FE2E-FE2F;
}
@font-face {
font-display: swap;
font-family: "Inter";
font-style: italic;
font-weight: 500;
src: url("https://localhost:8009/Inter-MediumItalic.cyrillic-YZI6HBYL.woff2") format("woff2");
unicode-range:
U+0301,
U+0400-045F,
U+0490-0491,
U+04B0-04B1,
U+2116;
}
@font-face {
font-display: swap;
font-family: "Inter";
font-style: italic;
font-weight: 500;
src: url("https://localhost:8009/Inter-MediumItalic.greek-ext-7M2LNQFR.woff2") format("woff2");
unicode-range: U+1F00-1FFF;
}
@font-face {
font-display: swap;
font-family: "Inter";
font-style: italic;
font-weight: 500;
src: url("https://localhost:8009/Inter-MediumItalic.greek-ULRWUYSO.woff2") format("woff2");
unicode-range: U+0370-03FF;
}
@font-face {
font-display: swap;
font-family: "Inter";
font-style: italic;
font-weight: 500;
src: url("https://localhost:8009/Inter-MediumItalic.latin-ext-YXHLWQ4E.woff2") format("woff2");
unicode-range:
U+0100-024F,
U+0259,
U+1E00-1EFF,
U+2020,
U+20A0-20AB,
U+20AD-20CF,
U+2113,
U+2C60-2C7F,
U+A720-A7FF;
}
@font-face {
font-display: swap;
font-family: "Inter";
font-style: italic;
font-weight: 500;
src: url("https://localhost:8009/Inter-MediumItalic.latin-KRMJH4Q6.woff2") format("woff2");
unicode-range:
U+0000-00FF,
U+0131,
U+0152-0153,
U+02BB-02BC,
U+02C6,
U+02DA,
U+02DC,
U+2000-206F,
U+2070,
U+2074-207E,
U+2080-208E,
U+20AC,
U+2122,
U+2191,
U+2193,
U+2212,
U+2215,
U+FEFF,
U+FFFD;
}
@font-face {
font-display: swap;
font-family: "Inter";
font-style: italic;
font-weight: 500;
src: url("https://localhost:8009/Inter-MediumItalic.vietnamese-QWQL4S2K.woff2") format("woff2");
unicode-range:
U+0102-0103,
U+0110-0111,
U+0128-0129,
U+0168-0169,
U+01A0-01A1,
U+01AF-01B0,
U+1EA0-1EF9,
U+20AB;
}
@font-face {
font-display: swap;
font-family: "Inter";
font-style: italic;
font-weight: 600;
src: url("https://localhost:8009/Inter-SemiBoldItalic.cyrillic-ext-IIUCONA3.woff2") format("woff2");
unicode-range:
U+0460-052F,
U+1C80-1C88,
U+20B4,
U+2DE0-2DFF,
U+A640-A69F,
U+FE2E-FE2F;
}
@font-face {
font-display: swap;
font-family: "Inter";
font-style: italic;
font-weight: 600;
src: url("https://localhost:8009/Inter-SemiBoldItalic.cyrillic-FSTBPJEU.woff2") format("woff2");
unicode-range:
U+0301,
U+0400-045F,
U+0490-0491,
U+04B0-04B1,
U+2116;
}
@font-face {
font-display: swap;
font-family: "Inter";
font-style: italic;
font-weight: 600;
src: url("https://localhost:8009/Inter-SemiBoldItalic.greek-ext-Q2ALRQJP.woff2") format("woff2");
unicode-range: U+1F00-1FFF;
}
@font-face {
font-display: swap;
font-family: "Inter";
font-style: italic;
font-weight: 600;
src: url("https://localhost:8009/Inter-SemiBoldItalic.greek-AGGJ436J.woff2") format("woff2");
unicode-range: U+0370-03FF;
}
@font-face {
font-display: swap;
font-family: "Inter";
font-style: italic;
font-weight: 600;
src: url("https://localhost:8009/Inter-SemiBoldItalic.latin-ext-U6ZICJYD.woff2") format("woff2");
unicode-range:
U+0100-024F,
U+0259,
U+1E00-1EFF,
U+2020,
U+20A0-20AB,
U+20AD-20CF,
U+2113,
U+2C60-2C7F,
U+A720-A7FF;
}
@font-face {
font-display: swap;
font-family: "Inter";
font-style: italic;
font-weight: 600;
src: url("https://localhost:8009/Inter-SemiBoldItalic.latin-2C4IG7KV.woff2") format("woff2");
unicode-range:
U+0000-00FF,
U+0131,
U+0152-0153,
U+02BB-02BC,
U+02C6,
U+02DA,
U+02DC,
U+2000-206F,
U+2070,
U+2074-207E,
U+2080-208E,
U+20AC,
U+2122,
U+2191,
U+2193,
U+2212,
U+2215,
U+FEFF,
U+FFFD;
}
@font-face {
font-display: swap;
font-family: "Inter";
font-style: italic;
font-weight: 600;
src: url("https://localhost:8009/Inter-SemiBoldItalic.vietnamese-RREJWDYI.woff2") format("woff2");
unicode-range:
U+0102-0103,
U+0110-0111,
U+0128-0129,
U+0168-0169,
U+01A0-01A1,
U+01AF-01B0,
U+1EA0-1EF9,
U+20AB;
}
@font-face {
font-display: swap;
font-family: "Inter";
font-style: italic;
font-weight: 700;
src: url("https://localhost:8009/Inter-BoldItalic.cyrillic-ext-XQURBEOA.woff2") format("woff2");
unicode-range:
U+0460-052F,
U+1C80-1C88,
U+20B4,
U+2DE0-2DFF,
U+A640-A69F,
U+FE2E-FE2F;
}
@font-face {
font-display: swap;
font-family: "Inter";
font-style: italic;
font-weight: 700;
src: url("https://localhost:8009/Inter-BoldItalic.cyrillic-745XSYT3.woff2") format("woff2");
unicode-range:
U+0301,
U+0400-045F,
U+0490-0491,
U+04B0-04B1,
U+2116;
}
@font-face {
font-display: swap;
font-family: "Inter";
font-style: italic;
font-weight: 700;
src: url("https://localhost:8009/Inter-BoldItalic.greek-ext-YANOV4VL.woff2") format("woff2");
unicode-range: U+1F00-1FFF;
}
@font-face {
font-display: swap;
font-family: "Inter";
font-style: italic;
font-weight: 700;
src: url("https://localhost:8009/Inter-BoldItalic.greek-G5AVHLHP.woff2") format("woff2");
unicode-range: U+0370-03FF;
}
@font-face {
font-display: swap;
font-family: "Inter";
font-style: italic;
font-weight: 700;
src: url("https://localhost:8009/Inter-BoldItalic.latin-ext-RJUYVVHR.woff2") format("woff2");
unicode-range:
U+0100-024F,
U+0259,
U+1E00-1EFF,
U+2020,
U+20A0-20AB,
U+20AD-20CF,
U+2113,
U+2C60-2C7F,
U+A720-A7FF;
}
@font-face {
font-display: swap;
font-family: "Inter";
font-style: italic;
font-weight: 700;
src: url("https://localhost:8009/Inter-BoldItalic.latin-CRO2DT3O.woff2") format("woff2");
unicode-range:
U+0000-00FF,
U+0131,
U+0152-0153,
U+02BB-02BC,
U+02C6,
U+02DA,
U+02DC,
U+2000-206F,
U+2070,
U+2074-207E,
U+2080-208E,
U+20AC,
U+2122,
U+2191,
U+2193,
U+2212,
U+2215,
U+FEFF,
U+FFFD;
}
@font-face {
font-display: swap;
font-family: "Inter";
font-style: italic;
font-weight: 700;
src: url("https://localhost:8009/Inter-BoldItalic.vietnamese-SFN5L22X.woff2") format("woff2");
unicode-range:
U+0102-0103,
U+0110-0111,
U+0128-0129,
U+0168-0169,
U+01A0-01A1,
U+01AF-01B0,
U+1EA0-1EF9,
U+20AB;
}
@font-face {
font-display: swap;
font-family: "Inter";
font-style: italic;
font-weight: 800;
src: url("https://localhost:8009/Inter-ExtraBoldItalic.cyrillic-ext-CO4QJAMS.woff2") format("woff2");
unicode-range:
U+0460-052F,
U+1C80-1C88,
U+20B4,
U+2DE0-2DFF,
U+A640-A69F,
U+FE2E-FE2F;
}
@font-face {
font-display: swap;
font-family: "Inter";
font-style: italic;
font-weight: 800;
src: url("https://localhost:8009/Inter-ExtraBoldItalic.cyrillic-GU7UYV7S.woff2") format("woff2");
unicode-range:
U+0301,
U+0400-045F,
U+0490-0491,
U+04B0-04B1,
U+2116;
}
@font-face {
font-display: swap;
font-family: "Inter";
font-style: italic;
font-weight: 800;
src: url("https://localhost:8009/Inter-ExtraBoldItalic.greek-ext-PO7KFNPT.woff2") format("woff2");
unicode-range: U+1F00-1FFF;
}
@font-face {
font-display: swap;
font-family: "Inter";
font-style: italic;
font-weight: 800;
src: url("https://localhost:8009/Inter-ExtraBoldItalic.greek-6FZTA53K.woff2") format("woff2");
unicode-range: U+0370-03FF;
}
@font-face {
font-display: swap;
font-family: "Inter";
font-style: italic;
font-weight: 800;
src: url("https://localhost:8009/Inter-ExtraBoldItalic.latin-ext-NVWQICWP.woff2") format("woff2");
unicode-range:
U+0100-024F,
U+0259,
U+1E00-1EFF,
U+2020,
U+20A0-20AB,
U+20AD-20CF,
U+2113,
U+2C60-2C7F,
U+A720-A7FF;
}
@font-face {
font-display: swap;
font-family: "Inter";
font-style: italic;
font-weight: 800;
src: url("https://localhost:8009/Inter-ExtraBoldItalic.latin-BHEU3S5W.woff2") format("woff2");
unicode-range:
U+0000-00FF,
U+0131,
U+0152-0153,
U+02BB-02BC,
U+02C6,
U+02DA,
U+02DC,
U+2000-206F,
U+2070,
U+2074-207E,
U+2080-208E,
U+20AC,
U+2122,
U+2191,
U+2193,
U+2212,
U+2215,
U+FEFF,
U+FFFD;
}
@font-face {
font-display: swap;
font-family: "Inter";
font-style: italic;
font-weight: 800;
src: url("https://localhost:8009/Inter-ExtraBoldItalic.vietnamese-XIWL5KUT.woff2") format("woff2");
unicode-range:
U+0102-0103,
U+0110-0111,
U+0128-0129,
U+0168-0169,
U+01A0-01A1,
U+01AF-01B0,
U+1EA0-1EF9,
U+20AB;
}
@font-face {
font-family: "Inter";
font-style: italic;
font-weight: 900;
src: url("https://localhost:8009/Inter-BlackItalic.cyrillic-ext-YYBXP7VQ.woff2") format("woff2");
unicode-range:
U+0460-052F,
U+1C80-1C88,
U+20B4,
U+2DE0-2DFF,
U+A640-A69F,
U+FE2E-FE2F;
}
@font-face {
font-family: "Inter";
font-style: italic;
font-weight: 900;
src: url("https://localhost:8009/Inter-BlackItalic.cyrillic-AMP3O5LL.woff2") format("woff2");
unicode-range:
U+0301,
U+0400-045F,
U+0490-0491,
U+04B0-04B1,
U+2116;
}
@font-face {
font-family: "Inter";
font-style: italic;
font-weight: 900;
src: url("https://localhost:8009/Inter-BlackItalic.greek-ext-RKUQ75PF.woff2") format("woff2");
unicode-range: U+1F00-1FFF;
}
@font-face {
font-family: "Inter";
font-style: italic;
font-weight: 900;
src: url("https://localhost:8009/Inter-BlackItalic.greek-WGQHW37E.woff2") format("woff2");
unicode-range: U+0370-03FF;
}
@font-face {
font-family: "Inter";
font-style: italic;
font-weight: 900;
src: url("https://localhost:8009/Inter-BlackItalic.latin-ext-7A54EANL.woff2") format("woff2");
unicode-range:
U+0100-024F,
U+0259,
U+1E00-1EFF,
U+2020,
U+20A0-20AB,
U+20AD-20CF,
U+2113,
U+2C60-2C7F,
U+A720-A7FF;
}
@font-face {
font-family: "Inter";
font-style: italic;
font-weight: 900;
src: url("https://localhost:8009/Inter-BlackItalic.latin-A26EMYAT.woff2") format("woff2");
unicode-range:
U+0000-00FF,
U+0131,
U+0152-0153,
U+02BB-02BC,
U+02C6,
U+02DA,
U+02DC,
U+2000-206F,
U+2070,
U+2074-207E,
U+2080-208E,
U+20AC,
U+2122,
U+2191,
U+2193,
U+2212,
U+2215,
U+FEFF,
U+FFFD;
}
@font-face {
font-family: "Inter";
font-style: italic;
font-weight: 900;
src: url("https://localhost:8009/Inter-BlackItalic.vietnamese-BW3NEKKF.woff2") format("woff2");
unicode-range:
U+0102-0103,
U+0110-0111,
U+0128-0129,
U+0168-0169,
U+01A0-01A1,
U+01AF-01B0,
U+1EA0-1EF9,
U+20AB;
}
/* src/app/fonts/inter-display/inter-display.css */
@font-face {
font-family: "Inter Display";
font-style: normal;
font-weight: 100;
src: url("https://localhost:8009/InterDisplay-Thin.cyrillic-ext-KUU7XS4E.woff2") format("woff2");
unicode-range:
U+0460-052F,
U+1C80-1C88,
U+20B4,
U+2DE0-2DFF,
U+A640-A69F,
U+FE2E-FE2F;
}
@font-face {
font-family: "Inter Display";
font-style: normal;
font-weight: 100;
src: url("https://localhost:8009/InterDisplay-Thin.cyrillic-NSXNEGOH.woff2") format("woff2");
unicode-range:
U+0301,
U+0400-045F,
U+0490-0491,
U+04B0-04B1,
U+2116;
}
@font-face {
font-family: "Inter Display";
font-style: normal;
font-weight: 100;
src: url("https://localhost:8009/InterDisplay-Thin.greek-ext-J525CH7L.woff2") format("woff2");
unicode-range: U+1F00-1FFF;
}
@font-face {
font-family: "Inter Display";
font-style: normal;
font-weight: 100;
src: url("https://localhost:8009/InterDisplay-Thin.greek-F36ZWOVV.woff2") format("woff2");
unicode-range: U+0370-03FF;
}
@font-face {
font-family: "Inter Display";
font-style: normal;
font-weight: 100;
src: url("https://localhost:8009/InterDisplay-Thin.latin-ext-5ZCT7GA3.woff2") format("woff2");
unicode-range:
U+0100-024F,
U+0259,
U+1E00-1EFF,
U+2020,
U+20A0-20AB,
U+20AD-20CF,
U+2113,
U+2C60-2C7F,
U+A720-A7FF;
}
@font-face {
font-family: "Inter Display";
font-style: normal;
font-weight: 100;
src: url("https://localhost:8009/InterDisplay-Thin.latin-NBKLBD6G.woff2") format("woff2");
unicode-range:
U+0000-00FF,
U+0131,
U+0152-0153,
U+02BB-02BC,
U+02C6,
U+02DA,
U+02DC,
U+2000-206F,
U+2070,
U+2074-207E,
U+2080-208E,
U+20AC,
U+2122,
U+2191,
U+2193,
U+2212,
U+2215,
U+FEFF,
U+FFFD;
}
@font-face {
font-family: "Inter Display";
font-style: normal;
font-weight: 100;
src: url("https://localhost:8009/InterDisplay-Thin.vietnamese-YMD7S64I.woff2") format("woff2");
unicode-range:
U+0102-0103,
U+0110-0111,
U+0128-0129,
U+0168-0169,
U+01A0-01A1,
U+01AF-01B0,
U+1EA0-1EF9,
U+20AB;
}
@font-face {
font-family: "Inter Display";
font-style: normal;
font-weight: 200;
src: url("https://localhost:8009/InterDisplay-ExtraLight.cyrillic-ext-UANTGJDW.woff2") format("woff2");
unicode-range:
U+0460-052F,
U+1C80-1C88,
U+20B4,
U+2DE0-2DFF,
U+A640-A69F,
U+FE2E-FE2F;
}
@font-face {
font-family: "Inter Display";
font-style: normal;
font-weight: 200;
src: url("https://localhost:8009/InterDisplay-ExtraLight.cyrillic-QPQBOCJQ.woff2") format("woff2");
unicode-range:
U+0301,
U+0400-045F,
U+0490-0491,
U+04B0-04B1,
U+2116;
}
@font-face {
font-family: "Inter Display";
font-style: normal;
font-weight: 200;
src: url("https://localhost:8009/InterDisplay-ExtraLight.greek-ext-UDZ52NVJ.woff2") format("woff2");
unicode-range: U+1F00-1FFF;
}
@font-face {
font-family: "Inter Display";
font-style: normal;
font-weight: 200;
src: url("https://localhost:8009/InterDisplay-ExtraLight.greek-T5HBD4ND.woff2") format("woff2");
unicode-range: U+0370-03FF;
}
@font-face {
font-family: "Inter Display";
font-style: normal;
font-weight: 200;
src: url("https://localhost:8009/InterDisplay-ExtraLight.latin-ext-IR4AE3FN.woff2") format("woff2");
unicode-range:
U+0100-024F,
U+0259,
U+1E00-1EFF,
U+2020,
U+20A0-20AB,
U+20AD-20CF,
U+2113,
U+2C60-2C7F,
U+A720-A7FF;
}
@font-face {
font-family: "Inter Display";
font-style: normal;
font-weight: 200;
src: url("https://localhost:8009/InterDisplay-ExtraLight.latin-2JFXS4FI.woff2") format("woff2");
unicode-range:
U+0000-00FF,
U+0131,
U+0152-0153,
U+02BB-02BC,
U+02C6,
U+02DA,
U+02DC,
U+2000-206F,
U+2070,
U+2074-207E,
U+2080-208E,
U+20AC,
U+2122,
U+2191,
U+2193,
U+2212,
U+2215,
U+FEFF,
U+FFFD;
}
@font-face {
font-family: "Inter Display";
font-style: normal;
font-weight: 200;
src: url("https://localhost:8009/InterDisplay-ExtraLight.vietnamese-AGW35RIN.woff2") format("woff2");
unicode-range:
U+0102-0103,
U+0110-0111,
U+0128-0129,
U+0168-0169,
U+01A0-01A1,
U+01AF-01B0,
U+1EA0-1EF9,
U+20AB;
}
@font-face {
font-display: swap;
font-family: "Inter Display";
font-style: normal;
font-weight: 300;
src: url("https://localhost:8009/InterDisplay-Light.cyrillic-ext-B27VZTJD.woff2") format("woff2");
unicode-range:
U+0460-052F,
U+1C80-1C88,
U+20B4,
U+2DE0-2DFF,
U+A640-A69F,
U+FE2E-FE2F;
}
@font-face {
font-display: swap;
font-family: "Inter Display";
font-style: normal;
font-weight: 300;
src: url("https://localhost:8009/InterDisplay-Light.cyrillic-CZFZFAWJ.woff2") format("woff2");
unicode-range:
U+0301,
U+0400-045F,
U+0490-0491,
U+04B0-04B1,
U+2116;
}
@font-face {
font-display: swap;
font-family: "Inter Display";
font-style: normal;
font-weight: 300;
src: url("https://localhost:8009/InterDisplay-Light.greek-ext-MWQTSG66.woff2") format("woff2");
unicode-range: U+1F00-1FFF;
}
@font-face {
font-display: swap;
font-family: "Inter Display";
font-style: normal;
font-weight: 300;
src: url("https://localhost:8009/InterDisplay-Light.greek-JE4MBGAS.woff2") format("woff2");
unicode-range: U+0370-03FF;
}
@font-face {
font-display: swap;
font-family: "Inter Display";
font-style: normal;
font-weight: 300;
src: url("https://localhost:8009/InterDisplay-Light.latin-ext-ZC4FR7J7.woff2") format("woff2");
unicode-range:
U+0100-024F,
U+0259,
U+1E00-1EFF,
U+2020,
U+20A0-20AB,
U+20AD-20CF,
U+2113,
U+2C60-2C7F,
U+A720-A7FF;
}
@font-face {
font-display: swap;
font-family: "Inter Display";
font-style: normal;
font-weight: 300;
src: url("https://localhost:8009/InterDisplay-Light.latin-37KZIGKZ.woff2") format("woff2");
unicode-range:
U+0000-00FF,
U+0131,
U+0152-0153,
U+02BB-02BC,
U+02C6,
U+02DA,
U+02DC,
U+2000-206F,
U+2070,
U+2074-207E,
U+2080-208E,
U+20AC,
U+2122,
U+2191,
U+2193,
U+2212,
U+2215,
U+FEFF,
U+FFFD;
}
@font-face {
font-display: swap;
font-family: "Inter Display";
font-style: normal;
font-weight: 300;
src: url("https://localhost:8009/InterDisplay-Light.vietnamese-UIND3DWL.woff2") format("woff2");
unicode-range:
U+0102-0103,
U+0110-0111,
U+0128-0129,
U+0168-0169,
U+01A0-01A1,
U+01AF-01B0,
U+1EA0-1EF9,
U+20AB;
}
@font-face {
font-display: swap;
font-family: "Inter Display";
font-style: normal;
font-weight: 400;
src: url("https://localhost:8009/InterDisplay-Regular.cyrillic-ext-G5SA7JIS.woff2") format("woff2");
unicode-range:
U+0460-052F,
U+1C80-1C88,
U+20B4,
U+2DE0-2DFF,
U+A640-A69F,
U+FE2E-FE2F;
}
@font-face {
font-display: swap;
font-family: "Inter Display";
font-style: normal;
font-weight: 400;
src: url("https://localhost:8009/InterDisplay-Regular.cyrillic-3G2E7TST.woff2") format("woff2");
unicode-range:
U+0301,
U+0400-045F,
U+0490-0491,
U+04B0-04B1,
U+2116;
}
@font-face {
font-display: swap;
font-family: "Inter Display";
font-style: normal;
font-weight: 400;
src: url("https://localhost:8009/InterDisplay-Regular.greek-ext-6OUJESG7.woff2") format("woff2");
unicode-range: U+1F00-1FFF;
}
@font-face {
font-display: swap;
font-family: "Inter Display";
font-style: normal;
font-weight: 400;
src: url("https://localhost:8009/InterDisplay-Regular.greek-F62TMOTC.woff2") format("woff2");
unicode-range: U+0370-03FF;
}
@font-face {
font-display: swap;
font-family: "Inter Display";
font-style: normal;
font-weight: 400;
src: url("https://localhost:8009/InterDisplay-Regular.latin-ext-SSDTILNE.woff2") format("woff2");
unicode-range:
U+0100-024F,
U+0259,
U+1E00-1EFF,
U+2020,
U+20A0-20AB,
U+20AD-20CF,
U+2113,
U+2C60-2C7F,
U+A720-A7FF;
}
@font-face {
font-display: swap;
font-family: "Inter Display";
font-style: normal;
font-weight: 400;
src: url("https://localhost:8009/InterDisplay-Regular.latin-QWLQ6RMI.woff2") format("woff2");
unicode-range:
U+0000-00FF,
U+0131,
U+0152-0153,
U+02BB-02BC,
U+02C6,
U+02DA,
U+02DC,
U+2000-206F,
U+2070,
U+2074-207E,
U+2080-208E,
U+20AC,
U+2122,
U+2191,
U+2193,
U+2212,
U+2215,
U+FEFF,
U+FFFD;
}
@font-face {
font-display: swap;
font-family: "Inter Display";
font-style: normal;
font-weight: 400;
src: url("https://localhost:8009/InterDisplay-Regular.vietnamese-HJ5JZSZM.woff2") format("woff2");
unicode-range:
U+0102-0103,
U+0110-0111,
U+0128-0129,
U+0168-0169,
U+01A0-01A1,
U+01AF-01B0,
U+1EA0-1EF9,
U+20AB;
}
@font-face {
font-display: swap;
font-family: "Inter Display";
font-style: normal;
font-weight: 500;
src: url("https://localhost:8009/InterDisplay-Medium.cyrillic-ext-676BD35I.woff2") format("woff2");
unicode-range:
U+0460-052F,
U+1C80-1C88,
U+20B4,
U+2DE0-2DFF,
U+A640-A69F,
U+FE2E-FE2F;
}
@font-face {
font-display: swap;
font-family: "Inter Display";
font-style: normal;
font-weight: 500;
src: url("https://localhost:8009/InterDisplay-Medium.cyrillic-23DQJ2WJ.woff2") format("woff2");
unicode-range:
U+0301,
U+0400-045F,
U+0490-0491,
U+04B0-04B1,
U+2116;
}
@font-face {
font-display: swap;
font-family: "Inter Display";
font-style: normal;
font-weight: 500;
src: url("https://localhost:8009/InterDisplay-Medium.greek-ext-63YDHO6F.woff2") format("woff2");
unicode-range: U+1F00-1FFF;
}
@font-face {
font-display: swap;
font-family: "Inter Display";
font-style: normal;
font-weight: 500;
src: url("https://localhost:8009/InterDisplay-Medium.greek-Z5PCMRH4.woff2") format("woff2");
unicode-range: U+0370-03FF;
}
@font-face {
font-display: swap;
font-family: "Inter Display";
font-style: normal;
font-weight: 500;
src: url("https://localhost:8009/InterDisplay-Medium.latin-ext-PJC6EXBQ.woff2") format("woff2");
unicode-range:
U+0100-024F,
U+0259,
U+1E00-1EFF,
U+2020,
U+20A0-20AB,
U+20AD-20CF,
U+2113,
U+2C60-2C7F,
U+A720-A7FF;
}
@font-face {
font-display: swap;
font-family: "Inter Display";
font-style: normal;
font-weight: 500;
src: url("https://localhost:8009/InterDisplay-Medium.latin-E5Q3YWTO.woff2") format("woff2");
unicode-range:
U+0000-00FF,
U+0131,
U+0152-0153,
U+02BB-02BC,
U+02C6,
U+02DA,
U+02DC,
U+2000-206F,
U+2070,
U+2074-207E,
U+2080-208E,
U+20AC,
U+2122,
U+2191,
U+2193,
U+2212,
U+2215,
U+FEFF,
U+FFFD;
}
@font-face {
font-display: swap;
font-family: "Inter Display";
font-style: normal;
font-weight: 500;
src: url("https://localhost:8009/InterDisplay-Medium.vietnamese-QIOWN555.woff2") format("woff2");
unicode-range:
U+0102-0103,
U+0110-0111,
U+0128-0129,
U+0168-0169,
U+01A0-01A1,
U+01AF-01B0,
U+1EA0-1EF9,
U+20AB;
}
@font-face {
font-display: swap;
font-family: "Inter Display";
font-style: normal;
font-weight: 600;
src: url("https://localhost:8009/InterDisplay-SemiBold.cyrillic-ext-VPZHJCRV.woff2") format("woff2");
unicode-range:
U+0460-052F,
U+1C80-1C88,
U+20B4,
U+2DE0-2DFF,
U+A640-A69F,
U+FE2E-FE2F;
}
@font-face {
font-display: swap;
font-family: "Inter Display";
font-style: normal;
font-weight: 600;
src: url("https://localhost:8009/InterDisplay-SemiBold.cyrillic-MVMWNCBK.woff2") format("woff2");
unicode-range:
U+0301,
U+0400-045F,
U+0490-0491,
U+04B0-04B1,
U+2116;
}
@font-face {
font-display: swap;
font-family: "Inter Display";
font-style: normal;
font-weight: 600;
src: url("https://localhost:8009/InterDisplay-SemiBold.greek-ext-OAJMWL3G.woff2") format("woff2");
unicode-range: U+1F00-1FFF;
}
@font-face {
font-display: swap;
font-family: "Inter Display";
font-style: normal;
font-weight: 600;
src: url("https://localhost:8009/InterDisplay-SemiBold.greek-4UHPR3BX.woff2") format("woff2");
unicode-range: U+0370-03FF;
}
@font-face {
font-display: swap;
font-family: "Inter Display";
font-style: normal;
font-weight: 600;
src: url("https://localhost:8009/InterDisplay-SemiBold.latin-ext-R4HEXCVY.woff2") format("woff2");
unicode-range:
U+0100-024F,
U+0259,
U+1E00-1EFF,
U+2020,
U+20A0-20AB,
U+20AD-20CF,
U+2113,
U+2C60-2C7F,
U+A720-A7FF;
}
@font-face {
font-display: swap;
font-family: "Inter Display";
font-style: normal;
font-weight: 600;
src: url("https://localhost:8009/InterDisplay-SemiBold.latin-7FZFZMCX.woff2") format("woff2");
unicode-range:
U+0000-00FF,
U+0131,
U+0152-0153,
U+02BB-02BC,
U+02C6,
U+02DA,
U+02DC,
U+2000-206F,
U+2070,
U+2074-207E,
U+2080-208E,
U+20AC,
U+2122,
U+2191,
U+2193,
U+2212,
U+2215,
U+FEFF,
U+FFFD;
}
@font-face {
font-display: swap;
font-family: "Inter Display";
font-style: normal;
font-weight: 600;
src: url("https://localhost:8009/InterDisplay-SemiBold.vietnamese-2RV2WAGY.woff2") format("woff2");
unicode-range:
U+0102-0103,
U+0110-0111,
U+0128-0129,
U+0168-0169,
U+01A0-01A1,
U+01AF-01B0,
U+1EA0-1EF9,
U+20AB;
}
@font-face {
font-display: swap;
font-family: "Inter Display";
font-style: normal;
font-weight: 700;
src: url("https://localhost:8009/InterDisplay-Bold.cyrillic-ext-S24PGYZF.woff2") format("woff2");
unicode-range:
U+0460-052F,
U+1C80-1C88,
U+20B4,
U+2DE0-2DFF,
U+A640-A69F,
U+FE2E-FE2F;
}
@font-face {
font-display: swap;
font-family: "Inter Display";
font-style: normal;
font-weight: 700;
src: url("https://localhost:8009/InterDisplay-Bold.cyrillic-HUE7KLOR.woff2") format("woff2");
unicode-range:
U+0301,
U+0400-045F,
U+0490-0491,
U+04B0-04B1,
U+2116;
}
@font-face {
font-display: swap;
font-family: "Inter Display";
font-style: normal;
font-weight: 700;
src: url("https://localhost:8009/InterDisplay-Bold.greek-ext-FJ55PJ3X.woff2") format("woff2");
unicode-range: U+1F00-1FFF;
}
@font-face {
font-display: swap;
font-family: "Inter Display";
font-style: normal;
font-weight: 700;
src: url("https://localhost:8009/InterDisplay-Bold.greek-ZVTBJEUG.woff2") format("woff2");
unicode-range: U+0370-03FF;
}
@font-face {
font-display: swap;
font-family: "Inter Display";
font-style: normal;
font-weight: 700;
src: url("https://localhost:8009/InterDisplay-Bold.latin-ext-AEW7YEQS.woff2") format("woff2");
unicode-range:
U+0100-024F,
U+0259,
U+1E00-1EFF,
U+2020,
U+20A0-20AB,
U+20AD-20CF,
U+2113,
U+2C60-2C7F,
U+A720-A7FF;
}
@font-face {
font-display: swap;
font-family: "Inter Display";
font-style: normal;
font-weight: 700;
src: url("https://localhost:8009/InterDisplay-Bold.latin-L5CPPL76.woff2") format("woff2");
unicode-range:
U+0000-00FF,
U+0131,
U+0152-0153,
U+02BB-02BC,
U+02C6,
U+02DA,
U+02DC,
U+2000-206F,
U+2070,
U+2074-207E,
U+2080-208E,
U+20AC,
U+2122,
U+2191,
U+2193,
U+2212,
U+2215,
U+FEFF,
U+FFFD;
}
@font-face {
font-display: swap;
font-family: "Inter Display";
font-style: normal;
font-weight: 700;
src: url("https://localhost:8009/InterDisplay-Bold.vietnamese-XEPIJRNL.woff2") format("woff2");
unicode-range:
U+0102-0103,
U+0110-0111,
U+0128-0129,
U+0168-0169,
U+01A0-01A1,
U+01AF-01B0,
U+1EA0-1EF9,
U+20AB;
}
@font-face {
font-display: swap;
font-family: "Inter Display";
font-style: normal;
font-weight: 800;
src: url("https://localhost:8009/InterDisplay-ExtraBold.cyrillic-ext-TKHQKK5I.woff2") format("woff2");
unicode-range:
U+0460-052F,
U+1C80-1C88,
U+20B4,
U+2DE0-2DFF,
U+A640-A69F,
U+FE2E-FE2F;
}
@font-face {
font-display: swap;
font-family: "Inter Display";
font-style: normal;
font-weight: 800;
src: url("https://localhost:8009/InterDisplay-ExtraBold.cyrillic-DS36LLAM.woff2") format("woff2");
unicode-range:
U+0301,
U+0400-045F,
U+0490-0491,
U+04B0-04B1,
U+2116;
}
@font-face {
font-display: swap;
font-family: "Inter Display";
font-style: normal;
font-weight: 800;
src: url("https://localhost:8009/InterDisplay-ExtraBold.greek-ext-6VBNH6GB.woff2") format("woff2");
unicode-range: U+1F00-1FFF;
}
@font-face {
font-display: swap;
font-family: "Inter Display";
font-style: normal;
font-weight: 800;
src: url("https://localhost:8009/InterDisplay-ExtraBold.greek-FAB7CGKV.woff2") format("woff2");
unicode-range: U+0370-03FF;
}
@font-face {
font-display: swap;
font-family: "Inter Display";
font-style: normal;
font-weight: 800;
src: url("https://localhost:8009/InterDisplay-ExtraBold.latin-ext-C476QX6J.woff2") format("woff2");
unicode-range:
U+0100-024F,
U+0259,
U+1E00-1EFF,
U+2020,
U+20A0-20AB,
U+20AD-20CF,
U+2113,
U+2C60-2C7F,
U+A720-A7FF;
}
@font-face {
font-display: swap;
font-family: "Inter Display";
font-style: normal;
font-weight: 800;
src: url("https://localhost:8009/InterDisplay-ExtraBold.latin-PZVPCXER.woff2") format("woff2");
unicode-range:
U+0000-00FF,
U+0131,
U+0152-0153,
U+02BB-02BC,
U+02C6,
U+02DA,
U+02DC,
U+2000-206F,
U+2070,
U+2074-207E,
U+2080-208E,
U+20AC,
U+2122,
U+2191,
U+2193,
U+2212,
U+2215,
U+FEFF,
U+FFFD;
}
@font-face {
font-display: swap;
font-family: "Inter Display";
font-style: normal;
font-weight: 800;
src: url("https://localhost:8009/InterDisplay-ExtraBold.vietnamese-HLDMHQ7V.woff2") format("woff2");
unicode-range:
U+0102-0103,
U+0110-0111,
U+0128-0129,
U+0168-0169,
U+01A0-01A1,
U+01AF-01B0,
U+1EA0-1EF9,
U+20AB;
}
@font-face {
font-family: "Inter Display";
font-style: normal;
font-weight: 900;
src: url("https://localhost:8009/InterDisplay-Black.cyrillic-ext-PT6B5S22.woff2") format("woff2");
unicode-range:
U+0460-052F,
U+1C80-1C88,
U+20B4,
U+2DE0-2DFF,
U+A640-A69F,
U+FE2E-FE2F;
}
@font-face {
font-family: "Inter Display";
font-style: normal;
font-weight: 900;
src: url("https://localhost:8009/InterDisplay-Black.cyrillic-NFPCCL3A.woff2") format("woff2");
unicode-range:
U+0301,
U+0400-045F,
U+0490-0491,
U+04B0-04B1,
U+2116;
}
@font-face {
font-family: "Inter Display";
font-style: normal;
font-weight: 900;
src: url("https://localhost:8009/InterDisplay-Black.greek-ext-GAGNO7T2.woff2") format("woff2");
unicode-range: U+1F00-1FFF;
}
@font-face {
font-family: "Inter Display";
font-style: normal;
font-weight: 900;
src: url("https://localhost:8009/InterDisplay-Black.greek-EGAYLRBA.woff2") format("woff2");
unicode-range: U+0370-03FF;
}
@font-face {
font-family: "Inter Display";
font-style: normal;
font-weight: 900;
src: url("https://localhost:8009/InterDisplay-Black.latin-ext-3IWGFJQE.woff2") format("woff2");
unicode-range:
U+0100-024F,
U+0259,
U+1E00-1EFF,
U+2020,
U+20A0-20AB,
U+20AD-20CF,
U+2113,
U+2C60-2C7F,
U+A720-A7FF;
}
@font-face {
font-family: "Inter Display";
font-style: normal;
font-weight: 900;
src: url("https://localhost:8009/InterDisplay-Black.latin-OCZNY6YP.woff2") format("woff2");
unicode-range:
U+0000-00FF,
U+0131,
U+0152-0153,
U+02BB-02BC,
U+02C6,
U+02DA,
U+02DC,
U+2000-206F,
U+2070,
U+2074-207E,
U+2080-208E,
U+20AC,
U+2122,
U+2191,
U+2193,
U+2212,
U+2215,
U+FEFF,
U+FFFD;
}
@font-face {
font-family: "Inter Display";
font-style: normal;
font-weight: 900;
src: url("https://localhost:8009/InterDisplay-Black.vietnamese-V25DPCQC.woff2") format("woff2");
unicode-range:
U+0102-0103,
U+0110-0111,
U+0128-0129,
U+0168-0169,
U+01A0-01A1,
U+01AF-01B0,
U+1EA0-1EF9,
U+20AB;
}
@font-face {
font-family: "Inter Display";
font-style: italic;
font-weight: 100;
src: url("https://localhost:8009/InterDisplay-ThinItalic.cyrillic-ext-XOI72AVS.woff2") format("woff2");
unicode-range:
U+0460-052F,
U+1C80-1C88,
U+20B4,
U+2DE0-2DFF,
U+A640-A69F,
U+FE2E-FE2F;
}
@font-face {
font-family: "Inter Display";
font-style: italic;
font-weight: 100;
src: url("https://localhost:8009/InterDisplay-ThinItalic.cyrillic-K3RUNO7X.woff2") format("woff2");
unicode-range:
U+0301,
U+0400-045F,
U+0490-0491,
U+04B0-04B1,
U+2116;
}
@font-face {
font-family: "Inter Display";
font-style: italic;
font-weight: 100;
src: url("https://localhost:8009/InterDisplay-ThinItalic.greek-ext-TTX5LV7N.woff2") format("woff2");
unicode-range: U+1F00-1FFF;
}
@font-face {
font-family: "Inter Display";
font-style: italic;
font-weight: 100;
src: url("https://localhost:8009/InterDisplay-ThinItalic.greek-D35F6EYY.woff2") format("woff2");
unicode-range: U+0370-03FF;
}
@font-face {
font-family: "Inter Display";
font-style: italic;
font-weight: 100;
src: url("https://localhost:8009/InterDisplay-ThinItalic.latin-ext-NZUVBXRN.woff2") format("woff2");
unicode-range:
U+0100-024F,
U+0259,
U+1E00-1EFF,
U+2020,
U+20A0-20AB,
U+20AD-20CF,
U+2113,
U+2C60-2C7F,
U+A720-A7FF;
}
@font-face {
font-family: "Inter Display";
font-style: italic;
font-weight: 100;
src: url("https://localhost:8009/InterDisplay-ThinItalic.latin-5U7XQMA2.woff2") format("woff2");
unicode-range:
U+0000-00FF,
U+0131,
U+0152-0153,
U+02BB-02BC,
U+02C6,
U+02DA,
U+02DC,
U+2000-206F,
U+2070,
U+2074-207E,
U+2080-208E,
U+20AC,
U+2122,
U+2191,
U+2193,
U+2212,
U+2215,
U+FEFF,
U+FFFD;
}
@font-face {
font-family: "Inter Display";
font-style: italic;
font-weight: 100;
src: url("https://localhost:8009/InterDisplay-ThinItalic.vietnamese-VGNRYJRI.woff2") format("woff2");
unicode-range:
U+0102-0103,
U+0110-0111,
U+0128-0129,
U+0168-0169,
U+01A0-01A1,
U+01AF-01B0,
U+1EA0-1EF9,
U+20AB;
}
@font-face {
font-family: "Inter Display";
font-style: italic;
font-weight: 200;
src: url("https://localhost:8009/InterDisplay-ExtraLightItalic.cyrillic-ext-3HNMIBGO.woff2") format("woff2");
unicode-range:
U+0460-052F,
U+1C80-1C88,
U+20B4,
U+2DE0-2DFF,
U+A640-A69F,
U+FE2E-FE2F;
}
@font-face {
font-family: "Inter Display";
font-style: italic;
font-weight: 200;
src: url("https://localhost:8009/InterDisplay-ExtraLightItalic.cyrillic-4FC2JKI5.woff2") format("woff2");
unicode-range:
U+0301,
U+0400-045F,
U+0490-0491,
U+04B0-04B1,
U+2116;
}
@font-face {
font-family: "Inter Display";
font-style: italic;
font-weight: 200;
src: url("https://localhost:8009/InterDisplay-ExtraLightItalic.greek-ext-BCQGMF7K.woff2") format("woff2");
unicode-range: U+1F00-1FFF;
}
@font-face {
font-family: "Inter Display";
font-style: italic;
font-weight: 200;
src: url("https://localhost:8009/InterDisplay-ExtraLightItalic.greek-F6G2PVTA.woff2") format("woff2");
unicode-range: U+0370-03FF;
}
@font-face {
font-family: "Inter Display";
font-style: italic;
font-weight: 200;
src: url("https://localhost:8009/InterDisplay-ExtraLightItalic.latin-ext-HCAD2APS.woff2") format("woff2");
unicode-range:
U+0100-024F,
U+0259,
U+1E00-1EFF,
U+2020,
U+20A0-20AB,
U+20AD-20CF,
U+2113,
U+2C60-2C7F,
U+A720-A7FF;
}
@font-face {
font-family: "Inter Display";
font-style: italic;
font-weight: 200;
src: url("https://localhost:8009/InterDisplay-ExtraLightItalic.latin-5D2OZKVV.woff2") format("woff2");
unicode-range:
U+0000-00FF,
U+0131,
U+0152-0153,
U+02BB-02BC,
U+02C6,
U+02DA,
U+02DC,
U+2000-206F,
U+2070,
U+2074-207E,
U+2080-208E,
U+20AC,
U+2122,
U+2191,
U+2193,
U+2212,
U+2215,
U+FEFF,
U+FFFD;
}
@font-face {
font-family: "Inter Display";
font-style: italic;
font-weight: 200;
src: url("https://localhost:8009/InterDisplay-ExtraLightItalic.vietnamese-GBTSUX6K.woff2") format("woff2");
unicode-range:
U+0102-0103,
U+0110-0111,
U+0128-0129,
U+0168-0169,
U+01A0-01A1,
U+01AF-01B0,
U+1EA0-1EF9,
U+20AB;
}
@font-face {
font-display: swap;
font-family: "Inter Display";
font-style: italic;
font-weight: 300;
src: url("https://localhost:8009/InterDisplay-LightItalic.cyrillic-ext-6VLCKRDA.woff2") format("woff2");
unicode-range:
U+0460-052F,
U+1C80-1C88,
U+20B4,
U+2DE0-2DFF,
U+A640-A69F,
U+FE2E-FE2F;
}
@font-face {
font-display: swap;
font-family: "Inter Display";
font-style: italic;
font-weight: 300;
src: url("https://localhost:8009/InterDisplay-LightItalic.cyrillic-SKB3BZFS.woff2") format("woff2");
unicode-range:
U+0301,
U+0400-045F,
U+0490-0491,
U+04B0-04B1,
U+2116;
}
@font-face {
font-display: swap;
font-family: "Inter Display";
font-style: italic;
font-weight: 300;
src: url("https://localhost:8009/InterDisplay-LightItalic.greek-ext-MC3T6575.woff2") format("woff2");
unicode-range: U+1F00-1FFF;
}
@font-face {
font-display: swap;
font-family: "Inter Display";
font-style: italic;
font-weight: 300;
src: url("https://localhost:8009/InterDisplay-LightItalic.greek-PHO4LE3V.woff2") format("woff2");
unicode-range: U+0370-03FF;
}
@font-face {
font-display: swap;
font-family: "Inter Display";
font-style: italic;
font-weight: 300;
src: url("https://localhost:8009/InterDisplay-LightItalic.latin-ext-XRVRJJW6.woff2") format("woff2");
unicode-range:
U+0100-024F,
U+0259,
U+1E00-1EFF,
U+2020,
U+20A0-20AB,
U+20AD-20CF,
U+2113,
U+2C60-2C7F,
U+A720-A7FF;
}
@font-face {
font-display: swap;
font-family: "Inter Display";
font-style: italic;
font-weight: 300;
src: url("https://localhost:8009/InterDisplay-LightItalic.latin-BEBV4DKC.woff2") format("woff2");
unicode-range:
U+0000-00FF,
U+0131,
U+0152-0153,
U+02BB-02BC,
U+02C6,
U+02DA,
U+02DC,
U+2000-206F,
U+2070,
U+2074-207E,
U+2080-208E,
U+20AC,
U+2122,
U+2191,
U+2193,
U+2212,
U+2215,
U+FEFF,
U+FFFD;
}
@font-face {
font-display: swap;
font-family: "Inter Display";
font-style: italic;
font-weight: 300;
src: url("https://localhost:8009/InterDisplay-LightItalic.vietnamese-KOJYZSWE.woff2") format("woff2");
unicode-range:
U+0102-0103,
U+0110-0111,
U+0128-0129,
U+0168-0169,
U+01A0-01A1,
U+01AF-01B0,
U+1EA0-1EF9,
U+20AB;
}
@font-face {
font-display: swap;
font-family: "Inter Display";
font-style: italic;
font-weight: 400;
src: url("https://localhost:8009/InterDisplay-Italic.cyrillic-ext-4QKAF3SU.woff2") format("woff2");
unicode-range:
U+0460-052F,
U+1C80-1C88,
U+20B4,
U+2DE0-2DFF,
U+A640-A69F,
U+FE2E-FE2F;
}
@font-face {
font-display: swap;
font-family: "Inter Display";
font-style: italic;
font-weight: 400;
src: url("https://localhost:8009/InterDisplay-Italic.cyrillic-6Y3CXPPB.woff2") format("woff2");
unicode-range:
U+0301,
U+0400-045F,
U+0490-0491,
U+04B0-04B1,
U+2116;
}
@font-face {
font-display: swap;
font-family: "Inter Display";
font-style: italic;
font-weight: 400;
src: url("https://localhost:8009/InterDisplay-Italic.greek-ext-BX3WIRZH.woff2") format("woff2");
unicode-range: U+1F00-1FFF;
}
@font-face {
font-display: swap;
font-family: "Inter Display";
font-style: italic;
font-weight: 400;
src: url("https://localhost:8009/InterDisplay-Italic.greek-KCFY66ID.woff2") format("woff2");
unicode-range: U+0370-03FF;
}
@font-face {
font-display: swap;
font-family: "Inter Display";
font-style: italic;
font-weight: 400;
src: url("https://localhost:8009/InterDisplay-Italic.latin-ext-MBLFAIJY.woff2") format("woff2");
unicode-range:
U+0100-024F,
U+0259,
U+1E00-1EFF,
U+2020,
U+20A0-20AB,
U+20AD-20CF,
U+2113,
U+2C60-2C7F,
U+A720-A7FF;
}
@font-face {
font-display: swap;
font-family: "Inter Display";
font-style: italic;
font-weight: 400;
src: url("https://localhost:8009/InterDisplay-Italic.latin-FKV7LM5O.woff2") format("woff2");
unicode-range:
U+0000-00FF,
U+0131,
U+0152-0153,
U+02BB-02BC,
U+02C6,
U+02DA,
U+02DC,
U+2000-206F,
U+2070,
U+2074-207E,
U+2080-208E,
U+20AC,
U+2122,
U+2191,
U+2193,
U+2212,
U+2215,
U+FEFF,
U+FFFD;
}
@font-face {
font-display: swap;
font-family: "Inter Display";
font-style: italic;
font-weight: 400;
src: url("https://localhost:8009/InterDisplay-Italic.vietnamese-RTSTBDKP.woff2") format("woff2");
unicode-range:
U+0102-0103,
U+0110-0111,
U+0128-0129,
U+0168-0169,
U+01A0-01A1,
U+01AF-01B0,
U+1EA0-1EF9,
U+20AB;
}
@font-face {
font-display: swap;
font-family: "Inter Display";
font-style: italic;
font-weight: 500;
src: url("https://localhost:8009/InterDisplay-MediumItalic.cyrillic-ext-H6VJRN77.woff2") format("woff2");
unicode-range:
U+0460-052F,
U+1C80-1C88,
U+20B4,
U+2DE0-2DFF,
U+A640-A69F,
U+FE2E-FE2F;
}
@font-face {
font-display: swap;
font-family: "Inter Display";
font-style: italic;
font-weight: 500;
src: url("https://localhost:8009/InterDisplay-MediumItalic.cyrillic-HZG57KGD.woff2") format("woff2");
unicode-range:
U+0301,
U+0400-045F,
U+0490-0491,
U+04B0-04B1,
U+2116;
}
@font-face {
font-display: swap;
font-family: "Inter Display";
font-style: italic;
font-weight: 500;
src: url("https://localhost:8009/InterDisplay-MediumItalic.greek-ext-F6XXV4QN.woff2") format("woff2");
unicode-range: U+1F00-1FFF;
}
@font-face {
font-display: swap;
font-family: "Inter Display";
font-style: italic;
font-weight: 500;
src: url("https://localhost:8009/InterDisplay-MediumItalic.greek-ICR7Q2B6.woff2") format("woff2");
unicode-range: U+0370-03FF;
}
@font-face {
font-display: swap;
font-family: "Inter Display";
font-style: italic;
font-weight: 500;
src: url("https://localhost:8009/InterDisplay-MediumItalic.latin-ext-4ZEBBJM5.woff2") format("woff2");
unicode-range:
U+0100-024F,
U+0259,
U+1E00-1EFF,
U+2020,
U+20A0-20AB,
U+20AD-20CF,
U+2113,
U+2C60-2C7F,
U+A720-A7FF;
}
@font-face {
font-display: swap;
font-family: "Inter Display";
font-style: italic;
font-weight: 500;
src: url("https://localhost:8009/InterDisplay-MediumItalic.latin-5B4VGJLN.woff2") format("woff2");
unicode-range:
U+0000-00FF,
U+0131,
U+0152-0153,
U+02BB-02BC,
U+02C6,
U+02DA,
U+02DC,
U+2000-206F,
U+2070,
U+2074-207E,
U+2080-208E,
U+20AC,
U+2122,
U+2191,
U+2193,
U+2212,
U+2215,
U+FEFF,
U+FFFD;
}
@font-face {
font-display: swap;
font-family: "Inter Display";
font-style: italic;
font-weight: 500;
src: url("https://localhost:8009/InterDisplay-MediumItalic.vietnamese-4WST35IR.woff2") format("woff2");
unicode-range:
U+0102-0103,
U+0110-0111,
U+0128-0129,
U+0168-0169,
U+01A0-01A1,
U+01AF-01B0,
U+1EA0-1EF9,
U+20AB;
}
@font-face {
font-display: swap;
font-family: "Inter Display";
font-style: italic;
font-weight: 600;
src: url("https://localhost:8009/InterDisplay-SemiBoldItalic.cyrillic-ext-BGGBTNIX.woff2") format("woff2");
unicode-range:
U+0460-052F,
U+1C80-1C88,
U+20B4,
U+2DE0-2DFF,
U+A640-A69F,
U+FE2E-FE2F;
}
@font-face {
font-display: swap;
font-family: "Inter Display";
font-style: italic;
font-weight: 600;
src: url("https://localhost:8009/InterDisplay-SemiBoldItalic.cyrillic-4PMYWFJY.woff2") format("woff2");
unicode-range:
U+0301,
U+0400-045F,
U+0490-0491,
U+04B0-04B1,
U+2116;
}
@font-face {
font-display: swap;
font-family: "Inter Display";
font-style: italic;
font-weight: 600;
src: url("https://localhost:8009/InterDisplay-SemiBoldItalic.greek-ext-KVBHUVLM.woff2") format("woff2");
unicode-range: U+1F00-1FFF;
}
@font-face {
font-display: swap;
font-family: "Inter Display";
font-style: italic;
font-weight: 600;
src: url("https://localhost:8009/InterDisplay-SemiBoldItalic.greek-PDFFTON4.woff2") format("woff2");
unicode-range: U+0370-03FF;
}
@font-face {
font-display: swap;
font-family: "Inter Display";
font-style: italic;
font-weight: 600;
src: url("https://localhost:8009/InterDisplay-SemiBoldItalic.latin-ext-3IRDH5RF.woff2") format("woff2");
unicode-range:
U+0100-024F,
U+0259,
U+1E00-1EFF,
U+2020,
U+20A0-20AB,
U+20AD-20CF,
U+2113,
U+2C60-2C7F,
U+A720-A7FF;
}
@font-face {
font-display: swap;
font-family: "Inter Display";
font-style: italic;
font-weight: 600;
src: url("https://localhost:8009/InterDisplay-SemiBoldItalic.latin-KN7HK7TM.woff2") format("woff2");
unicode-range:
U+0000-00FF,
U+0131,
U+0152-0153,
U+02BB-02BC,
U+02C6,
U+02DA,
U+02DC,
U+2000-206F,
U+2070,
U+2074-207E,
U+2080-208E,
U+20AC,
U+2122,
U+2191,
U+2193,
U+2212,
U+2215,
U+FEFF,
U+FFFD;
}
@font-face {
font-display: swap;
font-family: "Inter Display";
font-style: italic;
font-weight: 600;
src: url("https://localhost:8009/InterDisplay-SemiBoldItalic.vietnamese-JHYHZGSM.woff2") format("woff2");
unicode-range:
U+0102-0103,
U+0110-0111,
U+0128-0129,
U+0168-0169,
U+01A0-01A1,
U+01AF-01B0,
U+1EA0-1EF9,
U+20AB;
}
@font-face {
font-display: swap;
font-family: "Inter Display";
font-style: italic;
font-weight: 700;
src: url("https://localhost:8009/InterDisplay-BoldItalic.cyrillic-ext-M6R6LQV7.woff2") format("woff2");
unicode-range:
U+0460-052F,
U+1C80-1C88,
U+20B4,
U+2DE0-2DFF,
U+A640-A69F,
U+FE2E-FE2F;
}
@font-face {
font-display: swap;
font-family: "Inter Display";
font-style: italic;
font-weight: 700;
src: url("https://localhost:8009/InterDisplay-BoldItalic.cyrillic-73BL4V63.woff2") format("woff2");
unicode-range:
U+0301,
U+0400-045F,
U+0490-0491,
U+04B0-04B1,
U+2116;
}
@font-face {
font-display: swap;
font-family: "Inter Display";
font-style: italic;
font-weight: 700;
src: url("https://localhost:8009/InterDisplay-BoldItalic.greek-ext-DEMBRETO.woff2") format("woff2");
unicode-range: U+1F00-1FFF;
}
@font-face {
font-display: swap;
font-family: "Inter Display";
font-style: italic;
font-weight: 700;
src: url("https://localhost:8009/InterDisplay-BoldItalic.greek-NXVSBOCF.woff2") format("woff2");
unicode-range: U+0370-03FF;
}
@font-face {
font-display: swap;
font-family: "Inter Display";
font-style: italic;
font-weight: 700;
src: url("https://localhost:8009/InterDisplay-BoldItalic.latin-ext-XPR44KOE.woff2") format("woff2");
unicode-range:
U+0100-024F,
U+0259,
U+1E00-1EFF,
U+2020,
U+20A0-20AB,
U+20AD-20CF,
U+2113,
U+2C60-2C7F,
U+A720-A7FF;
}
@font-face {
font-display: swap;
font-family: "Inter Display";
font-style: italic;
font-weight: 700;
src: url("https://localhost:8009/InterDisplay-BoldItalic.latin-RJ3GG4BN.woff2") format("woff2");
unicode-range:
U+0000-00FF,
U+0131,
U+0152-0153,
U+02BB-02BC,
U+02C6,
U+02DA,
U+02DC,
U+2000-206F,
U+2070,
U+2074-207E,
U+2080-208E,
U+20AC,
U+2122,
U+2191,
U+2193,
U+2212,
U+2215,
U+FEFF,
U+FFFD;
}
@font-face {
font-display: swap;
font-family: "Inter Display";
font-style: italic;
font-weight: 700;
src: url("https://localhost:8009/InterDisplay-BoldItalic.vietnamese-AIADJG3E.woff2") format("woff2");
unicode-range:
U+0102-0103,
U+0110-0111,
U+0128-0129,
U+0168-0169,
U+01A0-01A1,
U+01AF-01B0,
U+1EA0-1EF9,
U+20AB;
}
@font-face {
font-display: swap;
font-family: "Inter Display";
font-style: italic;
font-weight: 800;
src: url("https://localhost:8009/InterDisplay-ExtraBoldItalic.cyrillic-ext-DSA4MBAL.woff2") format("woff2");
unicode-range:
U+0460-052F,
U+1C80-1C88,
U+20B4,
U+2DE0-2DFF,
U+A640-A69F,
U+FE2E-FE2F;
}
@font-face {
font-display: swap;
font-family: "Inter Display";
font-style: italic;
font-weight: 800;
src: url("https://localhost:8009/InterDisplay-ExtraBoldItalic.cyrillic-TTPBMXY5.woff2") format("woff2");
unicode-range:
U+0301,
U+0400-045F,
U+0490-0491,
U+04B0-04B1,
U+2116;
}
@font-face {
font-display: swap;
font-family: "Inter Display";
font-style: italic;
font-weight: 800;
src: url("https://localhost:8009/InterDisplay-ExtraBoldItalic.greek-ext-EKTNSLSF.woff2") format("woff2");
unicode-range: U+1F00-1FFF;
}
@font-face {
font-display: swap;
font-family: "Inter Display";
font-style: italic;
font-weight: 800;
src: url("https://localhost:8009/InterDisplay-ExtraBoldItalic.greek-M47ZGCSC.woff2") format("woff2");
unicode-range: U+0370-03FF;
}
@font-face {
font-display: swap;
font-family: "Inter Display";
font-style: italic;
font-weight: 800;
src: url("https://localhost:8009/InterDisplay-ExtraBoldItalic.latin-ext-H7S2BQVQ.woff2") format("woff2");
unicode-range:
U+0100-024F,
U+0259,
U+1E00-1EFF,
U+2020,
U+20A0-20AB,
U+20AD-20CF,
U+2113,
U+2C60-2C7F,
U+A720-A7FF;
}
@font-face {
font-display: swap;
font-family: "Inter Display";
font-style: italic;
font-weight: 800;
src: url("https://localhost:8009/InterDisplay-ExtraBoldItalic.latin-77BMV7FA.woff2") format("woff2");
unicode-range:
U+0000-00FF,
U+0131,
U+0152-0153,
U+02BB-02BC,
U+02C6,
U+02DA,
U+02DC,
U+2000-206F,
U+2070,
U+2074-207E,
U+2080-208E,
U+20AC,
U+2122,
U+2191,
U+2193,
U+2212,
U+2215,
U+FEFF,
U+FFFD;
}
@font-face {
font-display: swap;
font-family: "Inter Display";
font-style: italic;
font-weight: 800;
src: url("https://localhost:8009/InterDisplay-ExtraBoldItalic.vietnamese-UFWKQMFZ.woff2") format("woff2");
unicode-range:
U+0102-0103,
U+0110-0111,
U+0128-0129,
U+0168-0169,
U+01A0-01A1,
U+01AF-01B0,
U+1EA0-1EF9,
U+20AB;
}
@font-face {
font-family: "Inter Display";
font-style: italic;
font-weight: 900;
src: url("https://localhost:8009/InterDisplay-BlackItalic.cyrillic-ext-ZCNI5PCJ.woff2") format("woff2");
unicode-range:
U+0460-052F,
U+1C80-1C88,
U+20B4,
U+2DE0-2DFF,
U+A640-A69F,
U+FE2E-FE2F;
}
@font-face {
font-family: "Inter Display";
font-style: italic;
font-weight: 900;
src: url("https://localhost:8009/InterDisplay-BlackItalic.cyrillic-ZJM3D6ND.woff2") format("woff2");
unicode-range:
U+0301,
U+0400-045F,
U+0490-0491,
U+04B0-04B1,
U+2116;
}
@font-face {
font-family: "Inter Display";
font-style: italic;
font-weight: 900;
src: url("https://localhost:8009/InterDisplay-BlackItalic.greek-ext-3HH26JLS.woff2") format("woff2");
unicode-range: U+1F00-1FFF;
}
@font-face {
font-family: "Inter Display";
font-style: italic;
font-weight: 900;
src: url("https://localhost:8009/InterDisplay-BlackItalic.greek-AC3O4BIK.woff2") format("woff2");
unicode-range: U+0370-03FF;
}
@font-face {
font-family: "Inter Display";
font-style: italic;
font-weight: 900;
src: url("https://localhost:8009/InterDisplay-BlackItalic.latin-ext-OSF4CAR6.woff2") format("woff2");
unicode-range:
U+0100-024F,
U+0259,
U+1E00-1EFF,
U+2020,
U+20A0-20AB,
U+20AD-20CF,
U+2113,
U+2C60-2C7F,
U+A720-A7FF;
}
@font-face {
font-family: "Inter Display";
font-style: italic;
font-weight: 900;
src: url("https://localhost:8009/InterDisplay-BlackItalic.latin-FESNKIHD.woff2") format("woff2");
unicode-range:
U+0000-00FF,
U+0131,
U+0152-0153,
U+02BB-02BC,
U+02C6,
U+02DA,
U+02DC,
U+2000-206F,
U+2070,
U+2074-207E,
U+2080-208E,
U+20AC,
U+2122,
U+2191,
U+2193,
U+2212,
U+2215,
U+FEFF,
U+FFFD;
}
@font-face {
font-family: "Inter Display";
font-style: italic;
font-weight: 900;
src: url("https://localhost:8009/InterDisplay-BlackItalic.vietnamese-BTMTHZVR.woff2") format("woff2");
unicode-range:
U+0102-0103,
U+0110-0111,
U+0128-0129,
U+0168-0169,
U+01A0-01A1,
U+01AF-01B0,
U+1EA0-1EF9,
U+20AB;
}
/* ../../../node_modules/prosemirror-view/style/prosemirror.css */
.ProseMirror {
position: relative;
}
.ProseMirror {
word-wrap: break-word;
white-space: pre-wrap;
white-space: break-spaces;
-webkit-font-variant-ligatures: none;
font-variant-ligatures: none;
font-feature-settings: "liga" 0;
}
.ProseMirror pre {
white-space: pre-wrap;
}
.ProseMirror li {
position: relative;
}
.ProseMirror-hideselection *::selection {
background: transparent;
}
.ProseMirror-hideselection *::-moz-selection {
background: transparent;
}
.ProseMirror-hideselection {
caret-color: transparent;
}
.ProseMirror [draggable][contenteditable=false] {
-webkit-user-select: text;
user-select: text;
}
.ProseMirror-selectednode {
outline: 2px solid #8cf;
}
li.ProseMirror-selectednode {
outline: none;
}
li.ProseMirror-selectednode:after {
content: "";
position: absolute;
left: -32px;
right: -2px;
top: -2px;
bottom: -2px;
border: 2px solid #8cf;
pointer-events: none;
}
img.ProseMirror-separator {
display: inline !important;
border: none !important;
margin: 0 !important;
}
/* ../../../node_modules/prosemirror-codemark/dist/codemark.css */
@keyframes blink {
49% {
border-color: unset;
}
50% {
border-color: transparent;
}
99% {
border-color: transparent;
}
}
.no-cursor {
caret-color: transparent;
}
div:focus .fake-cursor,
span:focus .fake-cursor {
margin-right: -1px;
border-left-width: 1px;
border-left-style: solid;
animation: blink 1s;
animation-iteration-count: infinite;
position: relative;
z-index: 1;
}
/* ../../../node_modules/prosemirror-gapcursor/style/gapcursor.css */
.ProseMirror-gapcursor {
display: none;
pointer-events: none;
position: absolute;
}
.ProseMirror-gapcursor:after {
content: "";
display: block;
position: absolute;
top: -2px;
width: 20px;
border-top: 1px solid black;
animation: ProseMirror-cursor-blink 1.1s steps(2, start) infinite;
}
@keyframes ProseMirror-cursor-blink {
to {
visibility: hidden;
}
}
.ProseMirror-focused .ProseMirror-gapcursor {
display: block;
}
/* ../../../node_modules/prosemirror-tables/style/tables.css */
.ProseMirror .tableWrapper {
overflow-x: auto;
}
.ProseMirror table {
border-collapse: collapse;
table-layout: fixed;
width: 100%;
overflow: hidden;
}
.ProseMirror td,
.ProseMirror th {
vertical-align: top;
box-sizing: border-box;
position: relative;
}
.ProseMirror td:not([data-colwidth]):not(.column-resize-dragging),
.ProseMirror th:not([data-colwidth]):not(.column-resize-dragging) {
min-width: var(--default-cell-min-width);
}
.ProseMirror .column-resize-handle {
position: absolute;
right: -2px;
top: 0;
bottom: 0;
width: 4px;
z-index: 20;
background-color: #adf;
pointer-events: none;
}
.ProseMirror.resize-cursor {
cursor: ew-resize;
cursor: col-resize;
}
.ProseMirror .selectedCell:after {
z-index: 2;
position: absolute;
content: "";
left: 0;
right: 0;
top: 0;
bottom: 0;
background: rgba(200, 200, 255, 0.4);
pointer-events: none;
}
/* 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,");
}
[data-framer-theme=dark] .leftToRight_l16z17a3::-webkit-resizer {
border: 1px solid transparent;
background: no-repeat url("data:image/svg+xml;utf8,");
}
.rightToLeft_rqti9ra::-webkit-resizer {
border-left: 6px solid transparent;
background: no-repeat url("data:image/svg+xml;utf8,");
}
[data-framer-theme=dark] .rightToLeft_rqti9ra::-webkit-resizer {
border-left: 6px solid transparent;
background: no-repeat url("data:image/svg+xml;utf8,");
}
/* 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: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,') no-repeat right center/auto 100%;
-webkit-mask: url('data:image/svg+xml;utf8,') no-repeat right center/auto 100%;
mask: url('data:image/svg+xml;utf8,') 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: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:DarkModeProvider.styles_ksiyyo.wyw.css */
.disableTransitions_d1r6g833 * {
-webkit-transition: none !important;
transition: none !important;
}
/* wyw-in-js:EducationTooltip.styles_17528mh.wyw.css */
.icon_i7d4cn1 {
color: var(--framer-fresco-tooltipIcon-color, #bbbbbb);
cursor: pointer;
}
.icon_i7d4cn1:hover {
color: var(--framer-fresco-tint-color, #0099ff);
}
.educationButton_e1otabne {
--text-color:var(--framer-fresco-educationButtonText-color, #999999);
--background-color:var(--framer-fresco-educationButtonBackground-color, rgba(17, 17, 17, 0.05));
}
/* wyw-in-js:BreadcrumbBar.styles_1bhvkcz.wyw.css */
.textSizing_tl8565r {
min-width: 30px;
max-width: 300px;
font-size: var(--framer-fresco-base-font-size, 12px);
font-weight: var(--framer-fresco-heading-font-weight, 600);
line-height: 1.2;
}
.barWrapper_bvc2uw9 {
position: fixed;
z-index: 0;
top: var(--framerInternalUI-chromeToolbarHeight);
right: var(--framerInternalUI-propertyPanelWidth);
left: var(--framerInternalUI-chromeMarginLeft);
overflow: visible;
height: var(--framer-fresco-sitesPanelHeaderHeight-dimension, 60px);
background-color: var(--framer-fresco-canvasBackground-color, #eeeeee);
}
.barWrapper_bvc2uw9::after {
position: absolute;
right: calc(var(--framer-fresco-panelPadding-dimension, 15px) - 1px);
bottom: -1px;
left: calc(var(--framer-fresco-panelPadding-dimension, 15px) - 1px);
height: 1px;
background-color: var(--framer-fresco-rulerBorderColor-color, #dddddd);
content: "";
}
.bar_b1k2nl76 {
--text-color:var(--framer-fresco-breadcrumbItemText-color, #888888);
position: absolute;
top: 0;
right: 0;
left: 0;
height: 100%;
color: var(--text-color);
}
.bar_b1k2nl76 button ~ button {
margin-left: 5px;
}
.barPaddingStyles_b1i3g548 {
width: 100%;
min-width: -webkit-max-content;
min-width: -moz-max-content;
min-width: max-content;
height: 100%;
padding: var(--framer-fresco-panelPadding-dimension, 15px) calc(var(--framer-fresco-panelPadding-dimension, 15px) - 1px);
}
.contentWrapper_c77pepd {
height: 100%;
}
.withCodeEditor_wnwbz2t {
right: 0;
border-top: none;
background-color: var(--framer-fresco-codeEditorBackground-color, #fdfdfd);
}
.withCodeEditor_wnwbz2t::after {
background-color: var(--framer-fresco-panelDivider-color, #eeeeee);
}
.withCodeEditorPreview_w16ew1wl {
right: min(calc(var(--framerInternalUI-previewWidth, 0) + var(--framer-fresco-panelPadding-dimension, 15px)), max(calc(260px + var(--framer-fresco-panelPadding-dimension, 15px)), calc(100vw - var(--framerInternalUI-chromeMarginLeft) - var(--framer-fresco-codeEditorMinWidth-dimension, 400px))));
border-right: 1px solid var(--framer-fresco-panelDivider-color, #eeeeee);
}
.withCodeEditorAgent_w16cr7hr {
right: var(--framerInternalUI-propertyPanelWidth);
}
.withCodeEditorPreviewAndAgent_w1lo74ig {
right: calc(min(calc(var(--framerInternalUI-previewWidth, 0) + var(--framer-fresco-panelPadding-dimension, 15px)), max(calc(260px + var(--framer-fresco-panelPadding-dimension, 15px)), calc(100vw - var(--framerInternalUI-chromeMarginLeft) - var(--framer-fresco-codeEditorMinWidth-dimension, 400px) - var(--framerInternalUI-propertyPanelWidth, 0px)))) + var(--framerInternalUI-propertyPanelWidth));
border-right: 1px solid var(--framer-fresco-panelDivider-color, #eeeeee);
}
.rulersVisible_r1119pfk::after {
right: 0;
left: 0;
}
.breadcrumbWrapper_b13iwexl {
height: 100%;
}
.breadcrumb_b1c7z6za {
--background-color:var(--framer-fresco-breadcrumbItemBackground-color, rgba(0, 0, 0, 0.05));
height: 100%;
-webkit-flex-shrink: 1;
-ms-flex-negative: 1;
flex-shrink: 1;
padding: 0 var(--framer-fresco-breadcrumbSpacing-dimension, 10px);
border-radius: var(--framer-fresco-inputRadius-dimension, 8px);
background-color: var(--background-color);
color: var(--text-color);
cursor: pointer;
font-size: var(--framer-fresco-base-font-size, 12px);
font-weight: var(--framer-fresco-heading-font-weight, 600);
}
.breadcrumb_b1c7z6za > svg {
pointer-events: none;
}
.breadcrumbDisabled_b1eca53j {
cursor: default;
}
.preventShrinking_p4sri9u {
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.preventShrinking_p4sri9u > svg {
display: block;
margin: 0;
}
.breadcrumbTitle_bs3azl6 {
color: var(--text-color);
}
.codeFileEditedLabel_c1qeto7i {
margin-left: 8px;
font-size: var(--framer-fresco-label-font-size, 10px);
opacity: 0.7;
white-space: nowrap;
}
.breadcrumbSubLabelText_b8y1dyl {
color: var(--text-color);
opacity: 1;
white-space: nowrap;
}
.breadcrumbSubLabelSeparator_bg2hdtb {
color: var(--text-color);
opacity: 0.6;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.menuInlineDraftBadge_m1ha7gxb {
--menu-badge-padding:0;
--menu-badge-border:0;
--menu-badge-border-radius:0;
--menu-badge-background:transparent;
--menu-badge-background-active:transparent;
--menu-badge-color:var(--framer-fresco-panelSubLabel-color, #999999);
--menu-badge-color-active:var(--framer-fresco-inputLabel-color, #999999);
--menu-badge-font-size:var(--framer-fresco-label-font-size, 10px);
--menu-badge-font-weight:var(--framer-fresco-baseActive-font-weight, 500);
--menu-badge-letter-spacing:normal;
--menu-badge-line-height:1.2;
--menu-badge-text-transform:none;
}
.actions_acukmgx {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
height: 100%;
}
.actions_acukmgx button:first-child {
margin-left: var(--framer-fresco-breadcrumbSpacing-dimension, 10px) !important;
}
.breadcrumbBarButton_b1sb4uyz {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 8px;
}
.breadcrumbBarButton_b1sb4uyz:hover:not(:disabled),
.breadcrumbBarButton_b1sb4uyz:focus:not(:disabled),
.breadcrumbBarButton_b1sb4uyz:active:not(:disabled),
.breadcrumbBarButton_b1sb4uyz:active:focus:not(:disabled) {
background-color: var(--background-color);
color: var(--text-color);
}
.withTint_wcrz0ka {
--text-color:var(--framer-fresco-tint-color, #0099ff);
--background-color:var(--framer-fresco-breadcrumbItemBackgroundTinted-color, color(display-p3 0 0.6 1 / 0.1));
}
.spinner_s1a5l89i {
--spinner-color:currentColor;
}
.previewButton_pb1yo5 {
padding: 6px 10px 6px 6px;
font-size: var(--framer-fresco-base-font-size, 12px);
font-weight: var(--framer-fresco-heading-font-weight, 600);
}
.previewIcon_pnvlffn {
margin-right: 0;
}
.exitButton_emy5mnq {
font-size: var(--framer-fresco-base-font-size, 12px);
}
/* wyw-in-js:ReorderControl.styles_ybl2js.wyw.css */
.iconWrapper_ib75oye {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
color: var(--framer-fresco-iconPadlock-color, #bbbbbb);
cursor: -webkit-grab;
cursor: grab;
}
.iconWrapper_ib75oye::after {
position: absolute;
top: -4px;
right: -10px;
bottom: -4px;
left: -10px;
content: "";
}
.disabled_dnxepni {
opacity: 0.5;
pointer-events: none;
}
/* wyw-in-js:appPointerEvents.styles_rg3p25.wyw.css */
body.appDisablePointerEvents_a1pulxae .monaco-editor * {
-webkit-user-select: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
body.appDisablePointerEvents_a1pulxae .appPointerEvents_arpwu8w {
pointer-events: none;
-webkit-user-select: none;
}
/* wyw-in-js:FloatingWindow.styles_12w5r5x.wyw.css */
.windowBarCursor_wuk326o {
cursor: -webkit-grab;
cursor: grab;
}
.noPointerEvents_n283lgw {
pointer-events: none;
}
.pointerEvents_pue1ity {
pointer-events: auto;
}
/* wyw-in-js:PopoutButton.styles_r2st5t.wyw.css */
.popoutButton_pvjhuxd {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
height: var(--framer-fresco-inputHeight-dimension, 30px);
min-height: var(--framer-fresco-inputHeight-dimension, 30px);
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border: 1px solid var(--framer-fresco-inputBorder-color, transparent);
border-radius: var(--framer-fresco-inputRadius-dimension, 8px);
background-color: var(--framer-fresco-inputBackground-color, #f3f3f3);
cursor: pointer;
font-size: var(--framer-fresco-base-font-size, 12px);
font-weight: var(--framer-fresco-base-font-weight, 500);
}
.popoutButton_pvjhuxd:focus {
border: 1px solid var(--framer-fresco-inputBorderActive-color, #0099ff);
}
.popoutButtonDisabled_pcpv5lz {
pointer-events: none;
}
.popoutButtonLarge_p1awmd8 {
border-radius: var(--framer-fresco-inputRadiusLarge-dimension, 10px);
}
/* wyw-in-js:PopoutPopover.styles_18dlrei.wyw.css */
.popover_pjkind9 {
width: var(--framer-fresco-popoverWidth-dimension, 260px);
}
.contentClip_c1l0qpj8 {
overflow: clip;
border-radius: var(--framer-fresco-popoverRadius-dimension, 15px);
will-change: transform;
}
/* wyw-in-js:PopoutWindow.styles_no5ebt.wyw.css */
.window_wrgelve {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
overflow: clip;
width: var(--framer-fresco-popoverWidth-dimension, 260px);
max-height: 100%;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
border-radius: var(--framer-fresco-floatingWindowRadius-dimension, 16px);
background: var(--framer-fresco-panelBackground-color, #ffffff);
box-shadow: var(--framer-fresco-popover-shadow, 0px 10px 30px 0px rgba(0, 0, 0, 0.1), 0px 1px 4px 0px rgba(0, 0, 0, 0.02));
will-change: transform;
}
/* wyw-in-js:PanelRowTitle.styles_ss5263.wyw.css */
.titleWrapper_t3p7r61 {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
height: var(--framer-fresco-inputHeight-dimension, 30px);
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-left: calc(10px + var(--framer-fresco-contentTitleIndentation-dimension, 0px) + 5px);
}
.title_t1ih3ztb {
color: var(--framer-fresco-panelRowTitle-color, #666666);
font-size: var(--framer-fresco-base-font-size, 12px);
font-weight: var(--framer-fresco-base-font-weight, 500);
line-height: 16px;
pointer-events: none;
-webkit-transition: color 0.2s;
transition: color 0.2s;
}
.withPlusIcon_wkaasce {
cursor: pointer;
}
.withPlusIcon_wkaasce > svg {
position: absolute;
top: calc((var(--framer-fresco-inputHeight-dimension, 30px) - 10px) / 2);
left: var(--framer-fresco-contentTitleIndentation-dimension, 0px);
width: 10px;
height: 10px;
color: var(--framer-fresco-iconPadlock-color, #bbbbbb);
pointer-events: none;
-webkit-transition: color 0.2s;
transition: color 0.2s;
}
.withPlusIcon_wkaasce:hover > svg {
color: var(--framer-fresco-tint-color, #0099ff);
}
.panelRowView_p1oxlfbn:hover > .withPlusIcon_wkaasce > svg {
opacity: 1;
}
.withPlusIcon_wkaasce:hover .title_t1ih3ztb {
color: var(--framer-fresco-tint-color, #0099ff);
}
.panelRowView_p1oxlfbn:focus-within .withPlusIcon_wkaasce > svg {
opacity: 1;
}
.withActivePlusIcon_w1vx93q9 > svg {
color: var(--framer-fresco-tint-color, #0099ff);
}
.panelRowView_p1oxlfbn > .withActivePlusIcon_w1vx93q9 > svg {
opacity: 1;
}
.withActivePlusIcon_w1vx93q9 .title_t1ih3ztb {
color: var(--framer-fresco-tint-color, #0099ff);
}
.withOverride_wof63pb {
color: var(--framer-fresco-tint-color, #0099ff);
}
/* wyw-in-js:PanelRowView.styles_1toc34d.wyw.css */
.panelRowView_p1oxlfbn {
position: relative;
display: -ms-grid;
display: grid;
width: 100%;
padding-top: var(--framer-fresco-panelGapSmall-dimension, 5px);
padding-bottom: var(--framer-fresco-panelGapSmall-dimension, 5px);
-webkit-column-gap: var(--framer-fresco-inputSpacing-dimension, 10px);
column-gap: var(--framer-fresco-inputSpacing-dimension, 10px);
-ms-grid-columns: minmax(0, 1.5fr) repeat(2, minmax(62px, 1fr));
grid-template-columns: minmax(0, 1.5fr) repeat(2, minmax(62px, 1fr));
-ms-grid-rows: auto;
grid-template-rows: auto;
}
.header_h10l6u5c + .panelContent_p5inzda > .panelRowView_p1oxlfbn:first-of-type {
padding-top: 0;
}
.withReorderControl_w1xpzgm5 {
-ms-grid-columns: repeat(var(--reorder-column-count, 1), minmax(0, 1fr)) 8px;
grid-template-columns: repeat(var(--reorder-column-count, 1), minmax(0, 1fr)) 8px;
}
.withButtonCursor_w1chribc {
cursor: pointer;
}
/* wyw-in-js:doubleColumn.styles_141ausz.wyw.css */
.doubleColumnClass_dt2vdl5 {
-ms-grid-column: 2/-1;
grid-column: 2/-1;
}
.doubleColumnClassForSortable_dc4gvpv {
-ms-grid-column: 1;
-ms-grid-column-span: 2;
grid-column: 1/3;
}
.spanAllColumnClass_s1dpgfha {
-ms-grid-column: 1/-1;
grid-column: 1/-1;
}
/* wyw-in-js:StringControlPropRow.styles_pyvz3j.wyw.css */
.clearButton_c1p3ac2x {
width: calc(var(--framer-fresco-inputHeight-dimension, 30px) - var(--framer-fresco-inputPaddingHorizontal-dimension, 8px));
height: 100%;
}
/* wyw-in-js:OnPageCanvas.styles_13viv5s.wyw.css */
.chromeHidden_c1gxt05z {
opacity: 0;
}
.nonHudChromeWrapper_n1sd5akc {
display: contents;
}
.toasterBelowHud_t4njsir {
z-index: 0;
}
/* wyw-in-js:ImageEditModal.styles_w92wxv.wyw.css */
.absolute_avx5y6o {
position: absolute;
}
.dimmedImage_dxokr4e {
border-radius: 2px;
background-color: rgba(0, 0, 0, 0.6);
will-change: transform;
}
.modal_mxl2xde {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content;
padding-top: 0;
}
.header_h1h7nf4x {
height: 50px;
margin-right: calc(-1 * var(--framer-fresco-modalPadding-dimension, 15px));
}
.title_t1yarwzw {
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;
}
.closeIcon_c1dx5mcm {
width: 40px;
height: 100%;
color: var(--framer-fresco-floatingWindowToolbarIcon-color, #999999);
cursor: pointer;
opacity: 1;
-webkit-transition: opacity 0.2s;
transition: opacity 0.2s;
}
.imagePaddingContainer_ihez7jp {
position: relative;
}
.blurredBackgroundImageWrapper_b1ulr2hk {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
overflow: hidden;
border-radius: var(--framer-fresco-inputRadius-dimension, 8px);
background-color: #333;
}
.blurredBackgroundImage_bjj0ucj {
position: absolute;
top: -10px;
left: -10px;
width: calc(100% + 20px);
height: calc(100% + 20px);
-webkit-filter: blur(10px);
filter: blur(10px);
object-fit: fill;
opacity: 0.35;
pointer-events: none;
}
.noPointerEvents_n1ro70x7 {
pointer-events: none;
}
.absoluteFillParent_ackhc08 {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.button_b6v8klh {
width: 55px;
}
.input_id4tlfa {
width: 66px;
}
.image_i1g2tqxh {
max-width: calc(100vw - 220px);
max-height: calc(100vh - 320px);
border-radius: var(--framer-fresco-inputRadius-dimension, 8px);
background-color: black;
}
@media only screen and (max-width: 800px) {
.image_i1g2tqxh {
max-width: calc(100vw - calc(var(--framer-fresco-panelPadding-dimension, 15px) * 4));
}
}
@media only screen and (max-height: 800px) {
.image_i1g2tqxh {
max-height: calc(100vh - calc(50px + var(--framer-fresco-inputHeight-dimension, 30px) + var(--framer-fresco-panelPadding-dimension, 15px) * 4));
}
}
.imageWithBorder_i12g5gy8 {
border-radius: 2px;
}
@media only screen and (max-width: 800px) {
.imageWithBorder_i12g5gy8 {
max-width: calc(100vw - calc(var(--framer-fresco-panelPadding-dimension, 15px) * 4) - 20px);
}
}
@media only screen and (max-height: 800px) {
.imageWithBorder_i12g5gy8 {
max-height: calc(100vh - calc(50px + var(--framer-fresco-inputHeight-dimension, 30px) + var(--framer-fresco-panelPadding-dimension, 15px) * 4) - 20px);
}
}
.cropContentContainer_cpar2f6 {
position: relative;
opacity: 0;
}
.fadeIn_fim46by {
-webkit-animation-duration: 0.25s;
animation-duration: 0.25s;
-webkit-animation-fill-mode: backwards;
animation-fill-mode: backwards;
-webkit-animation-name: fadeIn-fadeIn_fim46by;
animation-name: fadeIn-fadeIn_fim46by;
-webkit-animation-timing-function: ease;
animation-timing-function: ease;
opacity: 1;
}
@-webkit-keyframes fadeIn-fadeIn_fim46by {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes fadeIn-fadeIn_fim46by {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.fadeInSafari_fzc213w {
-webkit-animation-delay: 0.25s;
animation-delay: 0.25s;
will-change: opacity;
}
.box_b6zi9ap {
border: 1px solid rgba(255, 255, 255, 0.5);
will-change: transform;
}
.corner_c17eb6o9 {
position: absolute;
width: 25px;
max-width: calc(50% + 8px);
height: 25px;
max-height: calc(50% + 8px);
-webkit-filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.4));
filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.4));
}
.corner_c17eb6o9::before {
position: absolute;
width: 8px;
max-width: calc(100% - 8px);
height: 2px;
border-radius: 2px;
background-color: white;
content: "";
}
.corner_c17eb6o9::after {
position: absolute;
width: 2px;
height: 8px;
max-height: calc(100% - 8px);
border-radius: 2px;
background-color: white;
content: "";
}
.cornerTopLeft_ctyr80v {
top: -10px;
left: -10px;
}
.cornerTopLeft_ctyr80v::before {
top: 8px;
left: 8px;
}
.cornerTopLeft_ctyr80v::after {
top: 8px;
left: 8px;
}
.cornerTopRight_cuhnryn {
top: -10px;
right: -10px;
}
.cornerTopRight_cuhnryn::before {
top: 8px;
right: 8px;
}
.cornerTopRight_cuhnryn::after {
top: 8px;
right: 8px;
}
.cornerBottomRight_c138kh66 {
right: -10px;
bottom: -10px;
}
.cornerBottomRight_c138kh66::before {
right: 8px;
bottom: 8px;
}
.cornerBottomRight_c138kh66::after {
right: 8px;
bottom: 8px;
}
.cornerBottomLeft_cguxfsw {
bottom: -10px;
left: -10px;
}
.cornerBottomLeft_cguxfsw::before {
bottom: 8px;
left: 8px;
}
.cornerBottomLeft_cguxfsw::after {
bottom: 8px;
left: 8px;
}
.center_c1dq5dn4 {
top: 5px;
right: 5px;
bottom: 5px;
left: 5px;
}
.sideTop_s9ey2dl {
top: -10px;
right: 15px;
left: 15px;
height: 15px;
max-height: calc(50% + 10px);
}
.sideRight_srdijy0 {
top: 15px;
right: -10px;
bottom: 15px;
width: 15px;
max-width: calc(50% + 10px);
}
.sideBottom_sx8t5y0 {
right: 15px;
bottom: -10px;
left: 15px;
height: 15px;
max-height: calc(50% + 10px);
}
.sideLeft_sp9wl8h {
top: 15px;
bottom: 15px;
left: -10px;
width: 15px;
max-width: calc(50% + 10px);
}
/* wyw-in-js:ImageFocalPointModal.styles_hu2oxu.wyw.css */
.interactiveArea_i1q3mw0f {
position: absolute;
top: var(--framer-fresco-inputRadius-dimension, 8px);
right: var(--framer-fresco-inputRadius-dimension, 8px);
bottom: var(--framer-fresco-inputRadius-dimension, 8px);
left: var(--framer-fresco-inputRadius-dimension, 8px);
}
.imageDragArea_i1j0xljb {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.focalPoint_f1k0zrw9 {
position: absolute;
width: calc(var(--framer-fresco-inputRadius-dimension, 8px) * 2 + 4px);
height: calc(var(--framer-fresco-inputRadius-dimension, 8px) * 2 + 4px);
border: 4px solid white;
border-radius: 50%;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3), inset 0 2px 4px rgba(0, 0, 0, 0.2);
cursor: -webkit-grab;
cursor: grab;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
/* wyw-in-js:LargeBooleanInputRows.styles_19bwj66.wyw.css */
.segmentedControlItem_sl4q073 {
font-size: var(--framer-fresco-heading-font-size, 13px);
}
.inputHeight_i1j96idx {
height: var(--framer-fresco-inputHeight-dimension, 30px);
}
.toggleRowPlain_t10wb1rz {
min-height: var(--framer-fresco-inputHeight-dimension, 30px);
}
/* wyw-in-js:LargeControlRow.styles_152cpwa.wyw.css */
.squareButton_s1x6lpc1 {
display: -ms-inline-grid;
display: inline-grid;
width: var(--framer-fresco-inputHeight-dimension, 30px);
height: var(--framer-fresco-inputHeight-dimension, 30px);
padding-bottom: 0;
border-radius: var(--framer-fresco-inputRadius-dimension, 8px);
color: var(--framer-fresco-toolbarIcon-color, #888888);
place-items: center;
}
.squareButtonGhostFocusOutline_s1puvjlo {
background-color: transparent;
-webkit-transition: background-color 0.15s ease;
transition: background-color 0.15s ease;
}
.squareButtonGhostFocusOutline_s1puvjlo:hover:not(:disabled),
.squareButtonGhostFocusOutline_s1puvjlo:focus-visible:not(:disabled) {
background-color: var(--framer-fresco-inputBackground-color, #f3f3f3);
}
.squareButtonGhostFocusOutline_s1puvjlo: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);
}
.smallCollectionInput_s1sippt9 {
max-width: 200px;
}
/* wyw-in-js:LargePanelRow.styles_1deedxe.wyw.css */
.largeControlRow_lso1duq {
display: -ms-grid;
display: grid;
position: relative;
font-size: var(--framer-fresco-heading-font-size, 13px);
-ms-grid-columns: 140px minmax(0, 1fr);
grid-template-columns: 140px minmax(0, 1fr);
-webkit-align-items: start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: start;
padding-top: 10px;
padding-bottom: 10px;
border-bottom: 1px solid var(--framer-fresco-panelDivider-color, #eeeeee);
border-top: 1px solid var(--framer-fresco-panelDivider-color, #eeeeee);
margin-top: -1px;
}
.largeControlRow_lso1duq:last-child {
border-bottom: none;
}
@media (max-width: 430px) {
.largeControlRow_lso1duq {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
gap: 0;
border-top: none;
border-bottom: none;
}
.largeControlRow_lso1duq::before,
.largeControlRow_lso1duq::after {
position: absolute;
right: 0;
left: var(--framer-fresco-cmsOverlayInputTextOffsetInline-dimension, 10px);
height: 1px;
background: var(--framer-fresco-panelDivider-color, #eeeeee);
content: "";
}
.largeControlRow_lso1duq::before {
top: 0;
}
.largeControlRow_lso1duq::after {
bottom: 0;
}
.largeControlRow_lso1duq:last-child::after {
display: none;
}
}
.largeControlRowTitle_l39bf4m {
color: var(--framer-fresco-cmsOverlayRowTitle-color, #333333);
font-size: var(--framer-fresco-heading-font-size, 13px);
font-weight: var(--framer-fresco-heading-font-weight, 600);
line-height: 16px;
height: var(--framer-fresco-inputHeight-dimension, 30px);
}
.largeControlRowTitle_l39bf4m:disabled {
opacity: 1;
}
@media (max-width: 430px) {
.largeControlRowTitleInsetMobile_l7tr0k5 {
padding-left: var(--framer-fresco-cmsOverlayInputTextOffsetInline-dimension, 10px);
}
}
.largeControlRowTitleDivider_l79v3nf {
color: var(--framer-fresco-panelDescription-color, #999999);
}
.largeControlRowTitleReadOnly_l1l5sssc {
color: var(--framer-fresco-cmsOverlayRowTitleReadOnly-color, #999999);
}
.collectionInputFontSize_c1e4wssz {
font-size: var(--framer-fresco-heading-font-size, 13px);
}
.collectionInputPaddingInline_czbl35c {
padding-inline: var(--framer-fresco-cmsOverlayInputPaddingInline-dimension, 9px);
}
.collectionInputTextOffsetPaddingLeft_c15ogidf {
padding-left: var(--framer-fresco-cmsOverlayInputTextOffsetInline-dimension, 10px);
}
.collectionImageWrapperPaddingBlock_c1uvd312 {
padding-block: 5px;
}
.collectionInputMessageHeight_coe8i7n {
height: var(--framer-fresco-inputHeight-dimension, 30px);
}
.collectionInputHeightLegacy_cd65kt2 {
height: var(--framer-fresco-inputHeightLarge-dimension, 40px);
padding-right: var(--framer-fresco-inputPaddingHorizontalLarge-dimension, 10px);
padding-left: var(--framer-fresco-inputPaddingHorizontalLarge-dimension, 10px);
border-radius: var(--framer-fresco-inputRadiusLarge-dimension, 10px);
font-size: var(--framer-fresco-heading-font-size, 13px);
}
.collectionInputHeightLegacy_cd65kt2.collectionInputHeightLegacy_cd65kt2::-webkit-calendar-picker-indicator {
-webkit-background-position: 2px 2.5px;
background-position: 2px 2.5px;
}
.description_d1qmemby {
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);
line-height: 1.5;
-webkit-user-select: text;
-moz-user-select: text;
-ms-user-select: text;
user-select: text;
}
.overlayInputTextOffsetLeft_o1aqh12j {
padding-left: var(--framer-fresco-cmsOverlayInputTextOffsetInline-dimension, 10px);
}
.descriptionPlain_dteeu6s {
text-wrap: balance;
padding-block: 4px;
}
.descriptionSpacingAfter_du9cfa2 {
padding-bottom: calc(4px + 5px);
}
.warningMessagePlain_w1x0jagq {
padding-left: var(--framer-fresco-cmsOverlayInputTextOffsetInline-dimension, 10px);
}
/* wyw-in-js:OnPageControlRow.styles_p1jjo1.wyw.css */
.controlRow_c4yyols {
gap: 10px;
}
.controlRowTitle_cd5ztge {
color: var(--framer-fresco-cmsOverlayRowTitle-color, #333333);
font-size: var(--framer-fresco-base-font-size, 12px);
font-weight: var(--framer-fresco-heading-font-weight, 600);
line-height: 1.2;
}
/* wyw-in-js:OnPageCMSFieldsModal.styles_66p7jl.wyw.css */
.onPageCMSFieldsModal_o1kosemn {
width: calc(var(--framer-fresco-richTextEditorWithCompactTagSelectorToolbarWidth-dimension, 448px) + var(--framer-fresco-modalPadding-dimension, 15px) * 2);
max-width: calc(100vw - var(--framer-fresco-modalPadding-dimension, 15px) * 2);
padding: 0;
border-radius: 20px;
}
.onPageCMSFieldsModalHeader_o1tcokht {
position: relative;
height: var(--framer-fresco-sitesPanelHeaderHeight-dimension, 60px);
margin: 0 var(--framer-fresco-modalPadding-dimension, 15px);
font-size: var(--framer-fresco-heading-font-size, 13px);
}
.onPageCMSFieldsModalBody_o11jr4ka {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
max-height: min(472px, calc(100vh - 160px));
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
padding: 0 var(--framer-fresco-modalPadding-dimension, 15px) var(--framer-fresco-modalPadding-dimension, 15px);
gap: var(--framer-fresco-modalGapSmall-dimension, 10px);
}
.onPageCMSFieldsModalButtonContainer_oaqx903 {
padding: var(--framer-fresco-modalPadding-dimension, 15px) 0;
margin: 0 var(--framer-fresco-modalPadding-dimension, 15px);
}
.onPageCMSFieldsModalButtonContainer_oaqx903::before {
position: absolute;
top: 0;
right: 0;
left: 0;
height: 1px;
background-color: var(--framer-fresco-panelDivider-color, #eeeeee);
content: "";
}
.button_b1gqim6f {
height: 38px;
border-radius: 10px;
font-size: var(--framer-fresco-heading-font-size, 13px);
}
/* wyw-in-js:CollectionReferenceInput.styles_1c34q2y.wyw.css */
.tokenText_t1mopcx {
color: var(--framer-fresco-pillText-color, #777777);
}
.menu_m162n1n6 {
min-width: 150px !important;
}
.rightIcon_r1b5g1hs {
margin-right: 7px;
color: var(--framer-fresco-popupButtonIcon-color, #999999);
pointer-events: none;
}
.clearButton_clvv9xh {
width: calc(var(--framer-fresco-inputHeight-dimension, 30px) - var(--framer-fresco-inputPaddingHorizontal-dimension, 8px));
height: 100%;
}
.ghostButtonFocusOutline_gvrb0fg: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:DraftCollectionPillLabel.styles_1nbdjio.wyw.css */
.listItemPillLabel_l1ytj09l {
color: var(--framer-fresco-cmsCollectionReferenceDraftText-color, #a0a0a0);
font-size: var(--framer-fresco-base-font-size, 12px);
font-weight: var(--framer-fresco-base-font-weight, 500);
}
/* wyw-in-js:OnPageCollectionReferenceRow.styles_9q30m8.wyw.css */
.wrapper_wje69dc {
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.input_i1rqgchl {
padding-left: 0;
font-size: inherit;
}
.icon_ixghur2 {
margin-right: 5px;
}
.collectionInputHeight_c1d0unc6 {
min-height: var(--framer-fresco-inputHeightLarge-dimension, 40px);
padding-right: var(--framer-fresco-inputPaddingHorizontalLarge-dimension, 10px);
padding-left: var(--framer-fresco-inputPaddingHorizontalLarge-dimension, 10px);
border-radius: var(--framer-fresco-inputRadiusLarge-dimension, 10px);
font-size: var(--framer-fresco-heading-font-size, 13px);
}
.collectionInputHeight_c1d0unc6.collectionInputHeight_c1d0unc6::-webkit-calendar-picker-indicator {
-webkit-background-position: 2px 2.5px;
background-position: 2px 2.5px;
}
/* wyw-in-js:PopoutButtonBackgroundPreview.styles_1ft98bm.wyw.css */
.container_c1avmyds {
position: relative;
overflow: hidden;
width: var(--framer-fresco-sitesPopoutIconSize-dimension, 22px);
height: var(--framer-fresco-sitesPopoutIconSize-dimension, 22px);
border-radius: 4px;
cursor: pointer;
}
.largeContainerSites_lzm78je {
width: var(--framer-fresco-popoutIconSizeLarge-dimension, 34px);
height: var(--framer-fresco-popoutIconSizeLarge-dimension, 34px);
border-radius: var(--framer-fresco-popoutIconRadiusLarge-dimension, 8px);
}
.ghostContainer_gaoupms {
width: var(--framer-fresco-cmsColorPreviewSize-dimension, 12px);
height: var(--framer-fresco-cmsColorPreviewSize-dimension, 12px);
border-radius: 4px;
}
.checkerboard_c3vlae9 {
position: absolute;
border-radius: 4px;
background-image: url("https://localhost:8009/checkerboard-22-MHUGSN2C.svg");
-webkit-background-position: center;
background-position: center;
background-repeat: repeat;
inset: 0;
}
body[data-framer-theme=light] .checkerboard_c3vlae9 {
opacity: 0.42;
}
.ghostCheckerboard_gyiuvk1 {
border-radius: 4px;
}
.inner_iefjm90 {
position: absolute;
border-radius: 4px;
inset: 0;
}
.innerLarge_i1kl3pmw {
border-radius: var(--framer-fresco-popoutIconRadiusLarge-dimension, 8px);
}
.ghostInner_g72moy1 {
border-radius: 4px;
}
.round_r40dh02 {
border-radius: 50%;
}
/* wyw-in-js:ButtonWithPreviewContent.styles_1qc320d.wyw.css */
.iconWrapperBase_i1ab0gin {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
}
.iconWrapperSurface_i19ygcxe {
width: var(--framer-fresco-sitesPopoutIconSize-dimension, 22px);
height: var(--framer-fresco-sitesPopoutIconSize-dimension, 22px);
border-radius: calc(var(--framer-fresco-inputRadius-dimension, 8px) / 2);
margin-left: 3px;
background-color: var(--framer-fresco-swatchBackground-color, #e6e6e6);
}
.iconWrapperSurfaceStrokedIcon_i1mqt5la.iconWrapperSurfaceStrokedIcon_i1mqt5la {
width: 21.5px;
height: 21.5px;
}
.iconWrapperGhostSize_i1bkmsxp {
width: 12px;
height: 12px;
border-radius: 4px;
}
.iconWrapperGhostOffset_i1vpcft3 {
margin-left: var(--framer-fresco-cmsOverlayInputPaddingInline-dimension, 9px);
}
.largeIconWrapper_luf63yr {
width: var(--framer-fresco-popoutIconSizeLarge-dimension, 34px);
height: var(--framer-fresco-popoutIconSizeLarge-dimension, 34px);
border-radius: var(--framer-fresco-inputRadius-dimension, 8px);
margin-left: 2px;
}
.iconWrapperDisabled_i1hu2nje {
opacity: 0.5;
}
.titleWrapper_teca1mf {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
min-width: 0;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
margin-left: var(--framer-fresco-inputPaddingHorizontal-dimension, 8px);
color: var(--framer-fresco-buttonText-color, #333333);
}
.titleWrapperGhost_t1ir7ssq {
margin-left: var(--framer-fresco-cmsOverlayInputTextOffsetInline-dimension, 10px);
}
.titleWrapperGhostWithoutPreview_tojarwo {
margin-left: var(--framer-fresco-cmsOverlayInputPaddingInline-dimension, 9px);
}
.titleSpaceAfter_t13muhuh {
margin-right: var(--framer-fresco-inputPaddingHorizontal-dimension, 8px);
}
.titleSpaceAfterGhost_t1st33qd {
margin-right: var(--framer-fresco-cmsOverlayInputPaddingInline-dimension, 9px);
}
.shortcutKey_s1987j6i {
color: var(--framer-fresco-inputLabel-color, #999999);
}
.deleteIconWrapper_ddq2za7 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: calc(var(--framer-fresco-inputHeight-dimension, 30px) - var(--framer-fresco-inputPaddingHorizontal-dimension, 8px));
height: 100%;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
color: var(--framer-fresco-inputIcon-color, #999999);
cursor: pointer;
pointer-events: auto;
}
.deleteIconWrapperGhost_d1uunqnd {
width: auto;
padding-right: var(--framer-fresco-cmsOverlayInputPaddingInline-dimension, 9px);
padding-left: var(--framer-fresco-cmsInputInnerSpacing-dimension, 3px);
opacity: 0;
-webkit-transition: opacity 0.15s ease;
transition: opacity 0.15s ease;
}
[data-is-popout-button]:hover .deleteIconWrapperGhost_d1uunqnd,
[data-is-popout-button]:focus .deleteIconWrapperGhost_d1uunqnd,
[data-is-popout-button][aria-selected=true] .deleteIconWrapperGhost_d1uunqnd {
opacity: 1;
}
.largeCloseWrapper_l3a42x0 {
margin-right: 7px;
}
.disabled_d1c368t4 {
opacity: 0.5;
}
.suggestion_sh094ck {
color: var(--framer-fresco-inputLabel-color, #999999);
}
/* wyw-in-js:PopoutButtonWithPreview.styles_7dzgwa.wyw.css */
.button_bwfcdld {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
cursor: pointer;
}
.buttonLarge_b4uva9g {
height: var(--framer-fresco-inputHeightLarge-dimension, 40px);
}
.buttonGhost_b1xdslsy {
background-color: transparent;
border-color: transparent;
-webkit-transition: background-color 0.15s ease;
transition: background-color 0.15s ease;
}
.buttonGhost_b1xdslsy:hover,
.buttonGhost_b1xdslsy:focus,
.buttonGhost_b1xdslsy[aria-selected=true] {
border-color: transparent;
background-color: var(--framer-fresco-inputBackground-color, #f3f3f3);
}
.buttonGhost_b1xdslsy:focus-visible {
outline: var(--framer-fresco-focusOutlineWidth-dimension, 1.5px) solid var(--framer-fresco-tint-color, #0099ff);
outline-offset: var(--framer-fresco-focusOutlineOffset-dimension, 1.5px);
}
.disabled_dpa1954 {
pointer-events: none;
}
.disabledWrapper_d2o7xqw {
cursor: auto;
}
/* wyw-in-js:LargeColorAndLinkInputRow.styles_lx4y2r.wyw.css */
.layout_l1louxtg {
font-size: var(--framer-fresco-heading-font-size, 13px);
}
/* wyw-in-js:ColorPickerInput.styles_1fb6rar.wyw.css */
.square_s1e2z0bv {
position: relative;
overflow: hidden;
width: 100%;
height: 125px;
border-radius: var(--framer-fresco-inputRadius-dimension, 8px);
background-image:
linear-gradient(rgba(0, 0, 0, 0), black),
linear-gradient(
to left,
rgba(255, 255, 255, 0),
white);
}
.readOnly_rb8k8h9 {
opacity: 0.5;
pointer-events: none;
}
.inputContainer_iihdl0y {
display: -ms-grid;
display: grid;
margin-top: var(--framer-fresco-inputSpacing-dimension, 10px);
gap: var(--framer-fresco-inputSpacing-dimension, 10px);
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
}
.splitInputContainer_swsq73a {
display: -ms-grid;
display: grid;
border: none;
border-radius: var(--framer-fresco-inputRadius-dimension, 8px);
gap: 1px;
}
.twoValuesSplitInput_t1ecuz16 {
gap: var(--framer-fresco-inputSpacing-dimension, 10px);
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
}
.fourValuesEvenSplitInput_f10aiog9 {
-ms-grid-columns: 1fr 1fr 1fr 1fr;
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.input_i19bkgmo {
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
padding: 0 6px 1px;
letter-spacing: -0.03em;
}
.hexInput_hqo5o69 {
letter-spacing: 0;
}
.leftSplitInput_l7n5mtt {
border-bottom-right-radius: 0;
border-top-right-radius: 0;
}
.centerSplitInput_c1424kp4 {
border-radius: 0;
}
.rightSplitInput_r1k5sn29 {
border-bottom-left-radius: 0;
border-top-left-radius: 0;
}
.sampler_s1hh4y0v {
width: 100%;
}
/* wyw-in-js:ColorPickerP3.styles_138c6ny.wyw.css */
.squareInset_s1547mmt {
position: absolute;
inset: 1px;
}
.square_siommo3 {
position: relative;
overflow: hidden;
width: 100%;
height: 125px;
border-radius: var(--framer-fresco-inputRadius-dimension, 8px);
background-color: var(--hue);
background-image:
linear-gradient(rgba(0, 0, 0, 0), black),
linear-gradient(
to left,
rgba(255, 255, 255, 0),
white);
}
@supports (color: color(display-p3 1 1 1)) {
.square_siommo3 {
background-color: var(--hue-p3);
}
}
.indicator_ixdcado {
position: absolute;
top: 50%;
width: 14px;
height: 14px;
border-radius: 50%;
box-shadow:
inset 0 0 0 3px white,
inset 0 0 0 4px rgba(0, 0, 0, 0.1),
0 0 0 1px rgba(0, 0, 0, 0.1);
cursor: pointer;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
}
.controls_csdqxt6 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
margin: var(--framer-fresco-inputSpacing-dimension, 10px) 0;
}
.hueOpacityGroup_h10f07ai {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
}
.indicatorOffset_i1y4xa9u {
position: absolute;
top: 0;
right: 4px;
left: 4px;
height: 100%;
}
.checkerboard_cawslk {
position: absolute;
z-index: -1;
width: 100%;
height: 100%;
border-radius: 10px;
background-image: url("https://localhost:8009/checkerboard-8-776AE4U3.svg");
background-repeat: repeat;
}
.opacitySlider_o104dadf {
position: relative;
overflow: visible;
width: 100%;
height: 8px;
border-radius: 6px;
background-image:
linear-gradient(
to right,
var(--slider-alpha-0),
var(--slider-alpha-1));
}
@supports (color: color(display-p3 1 1 1)) {
.opacitySlider_o104dadf {
background-image:
linear-gradient(
to right,
var(--slider-p3-alpha-0),
var(--slider-p3-alpha-1));
}
}
.readOnly_r1u3lu2p {
opacity: 0.5;
pointer-events: none;
}
.hueSlider_hz6ma7m {
position: relative;
overflow: visible;
width: 100%;
height: 8px;
border-radius: 6px;
margin-bottom: 8px;
background-image:
linear-gradient(
to right,
#ff0000 0%,
#ffff00 17%,
#00ff00 33%,
#00ffff 50%,
#0000ff 67%,
#ff00ff 83%,
#ff0000 100%);
}
@supports (color: color(display-p3 1 1 1)) {
.hueSlider_hz6ma7m {
background-image:
linear-gradient(
to right,
color(xyz 0.487 0.229 0),
color(xyz 0.495 0.242 0.001),
color(xyz 0.503 0.255 0.002),
color(xyz 0.512 0.269 0.002),
color(xyz 0.52 0.284 0.003) 2.12%,
color(xyz 0.554 0.347 0.007) 4.25%,
color(xyz 0.621 0.499 0.017),
color(xyz 0.687 0.688 0.03),
color(xyz 0.752 0.921 0.045) 17%,
color(xyz 0.606 0.86 0.046),
color(xyz 0.477 0.801 0.046) 25%,
color(xyz 0.418 0.773 0.046) 27%,
color(xyz 0.39 0.759 0.046) 28%,
color(xyz 0.377 0.752 0.046),
color(xyz 0.364 0.745 0.046),
color(xyz 0.351 0.738 0.046),
color(xyz 0.338 0.732 0.046) 30%,
color(xyz 0.313 0.718 0.046) 31%,
color(xyz 0.266 0.692 0.045) 33%,
color(xyz 0.273 0.698 0.083) 34.06%,
color(xyz 0.277 0.7 0.104),
color(xyz 0.281 0.703 0.125),
color(xyz 0.286 0.706 0.147),
color(xyz 0.29 0.709 0.169) 36.19%,
color(xyz 0.3 0.714 0.217) 37.25%,
color(xyz 0.343 0.735 0.444) 41.5%,
color(xyz 0.464 0.771 1.089),
color(xyz 0.287 0.322 1.105) 58.5%,
color(xyz 0.234 0.179 1.082) 62.75%,
color(xyz 0.214 0.124 1.065) 64.88%,
color(xyz 0.206 0.1 1.055) 65.94%,
color(xyz 0.202 0.09 1.049),
color(xyz 0.198 0.079 1.044) 67%,
color(xyz 0.204 0.084 1.045),
color(xyz 0.21 0.089 1.047) 68%,
color(xyz 0.223 0.1 1.049) 69%,
color(xyz 0.256 0.123 1.054) 71%,
color(xyz 0.351 0.175 1.057) 75%,
color(xyz 0.415 0.204 1.057),
color(xyz 0.491 0.236 1.055) 79%,
color(xyz 0.534 0.253 1.053),
color(xyz 0.581 0.271 1.05) 81%,
color(xyz 0.685 0.308 1.044) 83%,
color(xyz 0.61 0.292 0.636),
color(xyz 0.554 0.273 0.337),
color(xyz 0.514 0.251 0.13) 95.75%,
color(xyz 0.499 0.24 0.057) 97.88%,
color(xyz 0.492 0.235 0.026) 98.94%,
color(xyz 0.489 0.232 0.013),
color(xyz 0.487 0.229 0));
}
}
.poly_p1bt5whn {
position: absolute;
inset: 0;
}
.poly_p1bt5whn polyline {
fill: none;
stroke: white;
stroke-width: 1;
}
.inputContainer_iehmvlc {
display: -ms-grid;
display: grid;
margin-top: var(--framer-fresco-inputSpacing-dimension, 10px);
gap: var(--framer-fresco-inputSpacing-dimension, 10px);
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
}
.popupButton_p1lr44ru {
min-width: 62px;
max-width: 62px;
}
.sampler_s1klz3oz {
width: 100%;
}
/* wyw-in-js:ColorPickerSampler.styles_rwut3d.wyw.css */
.sampler_s10ppfb8 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
height: 30px;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
}
.inlineSampler_itu3uif {
width: 62px;
margin-left: 10px;
}
/* wyw-in-js:ColorPickerPopoutContent.styles_1jg1vu.wyw.css */
.container_c2orl3y {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
overflow: hidden;
width: var(--framer-fresco-popoverWidth-dimension, 260px);
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.containerPadding_c1svq14t {
padding-bottom: var(--framer-fresco-popoverPadding-dimension, 15px);
}
.colorPickerFillTypeTabs_c1j2rli7 {
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
margin: 0 var(--framer-fresco-popoverPadding-dimension, 15px) var(--framer-fresco-popoverPadding-dimension, 15px) var(--framer-fresco-popoverPadding-dimension, 15px);
}
.scroll_s1cbpxcr {
max-height: var(--framer-fresco-contentMaxHeight-dimension, 560px);
margin: 0;
}
.scrollContentWrapper_sxhu8tk {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.colorPickerInputWrapper_c1yp40qr {
position: relative;
height: 240px;
padding: 0 var(--framer-fresco-popoverPadding-dimension, 15px);
-webkit-transition: height 0.2s;
transition: height 0.2s;
}
.colorPickerInputWrapperOnPage_czr60e9 {
height: 255px;
}
.colorPickerInput_c1azw9i {
position: relative;
opacity: 1;
-webkit-transition: opacity 0.2s;
transition: opacity 0.2s;
}
/* wyw-in-js:DateInputRow.styles_165xoyq.wyw.css */
.timeInputIconFix_twu5bil {
padding-right: calc(var(--framer-fresco-inputPaddingHorizontalLarge-dimension, 10px) - 2px);
}
/* wyw-in-js:LargeEnumInputRow.styles_tnuw3u.wyw.css */
.popupButtonLegacy_p1xzt8sa {
height: var(--framer-fresco-inputHeightLarge-dimension, 40px);
padding-right: 32px;
padding-left: var(--framer-fresco-inputPaddingHorizontalLarge-dimension, 10px);
font-size: var(--framer-fresco-heading-font-size, 13px);
}
/* wyw-in-js:FileInputRow.styles_7ohya4.wyw.css */
.titleWrapper_tqf3amo {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
font-size: var(--framer-fresco-heading-font-size, 13px);
pointer-events: none;
text-align: start;
}
.titleWrapperPlaceholder_t1g2w9lq {
color: var(--framer-fresco-inputPlaceholder-color, #999999);
}
.deleteIconWrapper_dyvokqq {
width: auto;
height: 100%;
padding: 0;
color: var(--framer-fresco-inputIcon-color, #999999);
}
.deleteIconWrapperPlain_d1cnybc5 {
opacity: 0;
pointer-events: none;
-webkit-transition: opacity 0.15s ease;
transition: opacity 0.15s ease;
padding-right: var(--framer-fresco-cmsOverlayInputPaddingInline-dimension, 9px);
}
.deleteIconWrapperLegacy_dw4eadl {
width: 14px;
padding-right: 4px;
}
.deleteIconWrapperLegacy_dw4eadl:hover:not(:disabled),
.deleteIconWrapperLegacy_dw4eadl:focus:not(:disabled),
.deleteIconWrapperLegacy_dw4eadl:active:focus:not(:disabled),
.deleteIconWrapperLegacy_dw4eadl:active:hover:not(:disabled) {
background-color: inherit;
}
.extensionList_e1ixnr3p {
max-width: 150px;
padding: 0;
padding-right: 2px;
color: var(--framer-fresco-inputIcon-color, #999999);
pointer-events: none;
}
.svgWrapper_s3yypfe {
width: var(--framer-fresco-sitesPopoutIconSize-dimension, 22px);
height: var(--framer-fresco-sitesPopoutIconSize-dimension, 22px);
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
border-radius: calc(var(--framer-fresco-inputRadius-dimension, 8px) / 2);
background: var(--framer-fresco-swatchBackgroundPlaceholderForFile-color, #cccccc);
color: transparent;
}
.svgWrapperLegacy_sbsgz8e {
width: var(--framer-fresco-popoutIconSizeLarge-dimension, 34px);
height: var(--framer-fresco-popoutIconSizeLarge-dimension, 34px);
border-radius: var(--framer-fresco-popoutIconRadiusLarge-dimension, 8px);
background: var(--framer-fresco-tint-color, #0099ff);
color: #fff;
}
.svgWrapperPlaceholderLegacy_swjzcm1 {
background: var(--framer-fresco-swatchBackgroundPlaceholderForFile-color, #cccccc);
}
.container_cj12poa {
height: var(--framer-fresco-inputHeight-dimension, 30px);
padding-right: var(--framer-fresco-inputPaddingHorizontal-dimension, 8px);
padding-left: 3px;
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-heading-font-size, 13px);
font-weight: var(--framer-fresco-base-font-weight, 500);
}
.containerLegacy_c1rure90 {
height: var(--framer-fresco-inputHeightLarge-dimension, 40px);
padding-right: var(--framer-fresco-inputPaddingHorizontalLarge-dimension, 10px);
padding-left: 2px;
}
.containerPlain_c17x0zv8 {
padding-right: 0;
padding-left: 0;
border-color: transparent;
background: transparent;
outline: var(--framer-fresco-focusOutlineWidth-dimension, 1.5px) solid transparent;
outline-offset: var(--framer-fresco-focusOutlineOffset-dimension, 1.5px);
-webkit-transition: background-color 0.15s ease;
transition: background-color 0.15s ease;
}
.containerPlain_c17x0zv8:focus-within,
.containerPlain_c17x0zv8:hover {
border-color: transparent;
background: var(--framer-fresco-inputBackground-color, #f3f3f3);
}
.containerPlain_c17x0zv8:focus-within .deleteIconWrapperPlain_d1cnybc5,
.containerPlain_c17x0zv8:hover .deleteIconWrapperPlain_d1cnybc5 {
opacity: 1;
pointer-events: auto;
}
.containerPlain_c17x0zv8:has(:focus-visible) {
outline-color: var(--framer-fresco-inputBorderActive-color, #0099ff);
}
.containerPlainPickerActive_c9vo2t {
border-color: transparent;
background: var(--framer-fresco-inputBackground-color, #f3f3f3);
}
.uploadButton_uw7e33a {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
height: 100%;
min-width: 0;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
-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: start;
-ms-flex-pack: start;
-webkit-justify-content: flex-start;
justify-content: flex-start;
padding: 0;
padding-left: var(--framer-fresco-cmsOverlayInputPaddingInline-dimension, 9px);
}
.uploadButtonLegacy_u139iqsc {
background-color: inherit;
padding-left: 0;
}
.uploadButtonLegacy_u139iqsc:hover:not(:disabled),
.uploadButtonLegacy_u139iqsc:focus:not(:disabled),
.uploadButtonLegacy_u139iqsc:active:focus:not(:disabled),
.uploadButtonLegacy_u139iqsc:active:hover:not(:disabled) {
background-color: inherit;
}
/* wyw-in-js:GalleryInput.styles_al0jv.wyw.css */
.container_c1utluu {
--popout-focus-scroll-gap:var(--framer-fresco-inputSpacing-dimension, 10px);
background: transparent;
}
.containerLegacy_c1qkvp6d {
--popout-focus-scroll-gap:var(--framer-fresco-cmsInputInnerSpacing-dimension, 3px);
padding: calc(var(--framer-fresco-cmsInputInnerSpacing-dimension, 3px) - 1px);
border-width: 1px;
border-style: solid;
border-color: var(--framer-fresco-inputBorder-color, transparent);
border-radius: var(--framer-fresco-inputRadiusLarge-dimension, 10px);
background: var(--framer-fresco-inputBackground-color, #f3f3f3);
color: var(--framer-fresco-inputText-color, #333333);
}
.containerDragOver_c10zu6cj {
border-color: var(--framer-fresco-tint-color, #0099ff);
}
.sortable_srjmhhy {
display: -ms-grid;
display: grid;
gap: var(--framer-fresco-inputSpacing-dimension, 10px);
-ms-grid-auto-rows: min-content;
grid-auto-rows: min-content;
-ms-grid-columns: repeat(auto-fill, minmax(var(--framer-fresco-cmsImagePreviewMinWidth-dimension, 85px), 1fr));
grid-template-columns: repeat(auto-fill, minmax(var(--framer-fresco-cmsImagePreviewMinWidth-dimension, 85px), 1fr));
}
.sortableLegacy_sctald2 {
gap: var(--framer-fresco-cmsInputInnerSpacing-dimension, 3px);
-ms-grid-columns: repeat(auto-fill, minmax(var(--framer-fresco-cmsImagePreviewMinWidthLegacy-dimension, 100px), 1fr));
grid-template-columns: repeat(auto-fill, minmax(var(--framer-fresco-cmsImagePreviewMinWidthLegacy-dimension, 100px), 1fr));
}
.sortableCompact_s2jrio7 {
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
}
.popoutButton_pbcmajh {
width: 100%;
height: auto;
border: none;
background-color: transparent;
scroll-snap-margin: var(--popout-focus-scroll-gap);
scroll-margin: var(--popout-focus-scroll-gap);
}
.popoutButton_pbcmajh:focus {
border: none;
background-color: transparent;
outline: none;
}
.popoutButton_pbcmajh: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);
}
.popoutButtonLegacy_pa9xjrk:focus {
outline: none;
}
.addButton_aqcvzmp {
width: 100%;
border-radius: var(--framer-fresco-popoutIconRadiusLarge-dimension, 8px);
aspect-ratio: 1.618/1;
color: var(--framer-fresco-cmsImageAddButtonIcon-color, #999999);
-webkit-transition: background-color 0.2s;
transition: background-color 0.2s;
border: none;
background-color: var(--framer-fresco-inputBackground-color, #f3f3f3);
}
.addButton_aqcvzmp:focus:not(:disabled):not(:focus-visible),
.addButton_aqcvzmp:hover:not(:disabled),
.addButton_aqcvzmp:active:focus:not(:disabled),
.addButton_aqcvzmp:active:hover:not(:disabled) {
background-color: var(--framer-fresco-buttonBackgroundHover-color, #eeeeee);
}
.addButton_aqcvzmp:focus-visible:not(:disabled) {
background-color: var(--framer-fresco-buttonBackgroundHover-color, #eeeeee);
outline: var(--framer-fresco-focusOutlineWidth-dimension, 1.5px) solid var(--framer-fresco-tint-color, #0099ff);
outline-offset: var(--framer-fresco-focusOutlineOffset-dimension, 1.5px);
}
.addButtonLegacy_a1unwysx {
box-shadow: var(--framer-fresco-multiComboBoxToken-shadow, 0px 2px 4px 0px rgba(0, 0, 0, 0.15));
border: none;
background-color: var(--framer-fresco-cmsImageAddButtonBackground-color, #ffffff);
-webkit-transition: background-color 0.1s;
transition: background-color 0.1s;
}
.addButtonLegacy_a1unwysx:focus:not(:disabled):not(:focus-visible),
.addButtonLegacy_a1unwysx:hover:not(:disabled),
.addButtonLegacy_a1unwysx:active:focus:not(:disabled),
.addButtonLegacy_a1unwysx:active:hover:not(:disabled) {
background-color: var(--framer-fresco-cmsImageAddButtonBackgroundHover-color, #fafafa);
}
.addButtonLegacy_a1unwysx:focus-visible:not(:disabled) {
background-color: var(--framer-fresco-cmsImageAddButtonBackground-color, #ffffff);
outline: none;
}
/* wyw-in-js:ImagePicker.styles_11208us.wyw.css */
.imageContainer_i1oxwf0f {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
overflow: hidden;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
border-radius: var(--framer-fresco-inputRadius-dimension, 8px);
background-color: var(--framer-fresco-inputBackground-color, #f3f3f3);
}
.imageContainer_i1oxwf0f img {
max-width: 100%;
max-height: 100%;
}
.imageContainer_i1oxwf0f::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
border-radius: inherit;
content: "";
}
.imageContainer_i1oxwf0f:focus::after {
box-shadow: inset 0 0 0 1px var(--framer-fresco-tint-color, #0099ff);
}
.imageContainerDragOver_ivz66j7 {
box-shadow: inset 0 0 0 1px var(--framer-fresco-tint-color, #0099ff);
}
.fullWidth_fjd4qd2 {
width: 100%;
}
.footerSeparator_f1gixrvj {
position: relative;
padding-top: calc(var(--framer-fresco-panelPadding-dimension, 15px) + 1px);
margin-top: var(--framer-fresco-inputSpacing-dimension, 10px);
}
.footerSeparator_f1gixrvj::before {
position: absolute;
top: 0;
right: 0;
left: 0;
height: 1px;
background-color: var(--framer-fresco-panelDivider-color, #eeeeee);
content: "";
}
.emptyLabel_ekax85b {
position: absolute;
top: 50%;
right: 0;
left: 0;
color: var(--framer-fresco-inputPlaceholder-color, #999999);
font-size: var(--framer-fresco-base-font-size, 12px);
font-weight: var(--framer-fresco-base-font-weight, 500);
line-height: 1em;
pointer-events: none;
text-align: center;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.preview_p1oi602g {
position: relative;
width: 100%;
height: 150px;
border-radius: var(--framer-fresco-inputRadius-dimension, 8px);
cursor: pointer;
}
@media (pointer: fine) {
.showButtonOnHover_s1rsxqtn:not(:hover) button {
display: none;
}
}
.chooseImageButton_c17esauc {
position: absolute;
top: 50%;
left: 50%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
height: var(--framer-fresco-inputHeight-dimension, 30px);
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
padding: var(--framer-fresco-inputPaddingHorizontal-dimension, 8px);
border-radius: var(--framer-fresco-inputRadius-dimension, 8px);
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
background-color: rgba(0, 0, 0, 0.5);
color: white;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.chooseImageButton_c17esauc:focus:not(:disabled),
.chooseImageButton_c17esauc:hover:not(:disabled) {
background-color: rgba(0, 0, 0, 0.6);
}
.chooseImageButton_c17esauc:active:focus:not(:disabled),
.chooseImageButton_c17esauc:active:hover:not(:disabled) {
background-color: rgba(0, 0, 0, 0.7);
}
/* wyw-in-js:PopoutButtonPreviewIconWrapper.styles_b008zt.wyw.css */
.wrapper_wkxdsnf {
width: var(--framer-fresco-sitesPopoutIconSize-dimension, 22px);
height: var(--framer-fresco-sitesPopoutIconSize-dimension, 22px);
border-radius: calc(var(--framer-fresco-inputRadius-dimension, 8px) / 2);
}
.largeWrapper_l2ga4t0 {
width: var(--framer-fresco-popoutIconSizeLarge-dimension, 34px);
height: var(--framer-fresco-popoutIconSizeLarge-dimension, 34px);
border-radius: var(--framer-fresco-popoutIconRadiusLarge-dimension, 8px);
}
.strokedIconWrapper_s1a71kdc.strokedIconWrapper_s1a71kdc {
width: 21.5px;
height: 21.5px;
}
/* wyw-in-js:LargeImagePreview.styles_1fy2622.wyw.css */
.imageWrapper_i1gq7q6o {
position: relative;
width: 100%;
height: 100%;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
border-radius: var(--framer-fresco-popoutIconRadiusLarge-dimension, 8px);
aspect-ratio: 1.618/1;
cursor: pointer;
}
.image_i1p4fgxh {
position: absolute;
width: 100%;
height: 100%;
border-radius: inherit;
inset: 0;
object-fit: cover;
}
.checkerboard_c1ry9j8n {
position: absolute;
border-radius: calc(var(--framer-fresco-popoutIconRadiusLarge-dimension, 8px) - 1px);
background-image: url("https://localhost:8009/checkerboard-30-HXGIAXYP.svg");
-webkit-background-position: center;
background-position: center;
background-repeat: repeat;
inset: 1px;
}
.imageBorder_i4ap8ph {
position: absolute;
border-radius: inherit;
box-shadow: inset 0 0 0 1px var(--framer-fresco-swatchBorder-color, rgba(0, 0, 0, 0.1));
inset: 0;
}
.clearButton_c17wswg7 {
position: absolute;
top: 2px;
right: 2px;
width: 13px;
height: 13px;
border-radius: 50%;
background-color: var(--framer-fresco-cmsImageClearButtonBackground-color, rgba(0, 0, 0, 0.3));
color: var(--framer-fresco-cmsImageClearButtonText-color, #ffffff);
cursor: pointer;
}
.clearButton_c17wswg7::after {
position: absolute;
top: -2px;
right: -2px;
bottom: -2px;
left: -2px;
background-color: transparent;
content: "";
}
.clearButton_c17wswg7 > svg {
position: absolute;
top: 50%;
left: 50%;
overflow: visible;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
}
/* wyw-in-js:LargeImageTitle.styles_w9x1gi.wyw.css */
.title_tlzixh9 {
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-right: var(--framer-fresco-panelPadding-dimension, 15px);
padding-left: calc(var(--framer-fresco-panelPadding-dimension, 15px) - var(--framer-fresco-cmsInputInnerSpacing-dimension, 3px));
color: var(--framer-fresco-inputText-color, #333333);
font-weight: var(--framer-fresco-base-font-weight, 500);
-ms-grid-column: 2/-1;
grid-column: 2/-1;
}
.placeholderColor_p7kkjiv {
color: var(--framer-fresco-inputPlaceholder-color, #999999);
}
/* wyw-in-js:LargeImageInputRow.styles_him548.wyw.css */
.popoutButton_pmf2mrs {
height: auto;
}
.popoutButtonPlain_peuz1mk {
padding: 0;
background-color: transparent;
}
.popoutButtonPlain_peuz1mk,
.popoutButtonPlain_peuz1mk:active,
.popoutButtonPlain_peuz1mk:focus {
border-width: 0;
}
.popoutButtonPlain_peuz1mk:focus-visible .imageWrapper_iv0n0ks {
outline: var(--framer-fresco-focusOutlineWidth-dimension, 1.5px) solid var(--framer-fresco-tint-color, #0099ff);
outline-offset: var(--framer-fresco-focusOutlineOffset-dimension, 1.5px);
}
.popoutButtonLegacy_pl80d2p {
padding: calc(var(--framer-fresco-cmsInputInnerSpacing-dimension, 3px) - 1px);
}
.popoutButtonDragOverLegacy_p1p7pyz3 {
border-color: var(--framer-fresco-tint-color, #0099ff);
}
.popoutButtonDragOverPlain_p11bpavk .imageWrapper_iv0n0ks {
outline: var(--framer-fresco-focusOutlineWidth-dimension, 1.5px) solid var(--framer-fresco-tint-color, #0099ff);
outline-offset: var(--framer-fresco-focusOutlineOffset-dimension, 1.5px);
}
.content_c5m5cvs {
display: -ms-grid;
display: grid;
width: 100%;
height: 100%;
padding-left: var(--framer-fresco-cmsOverlayInputPaddingInline-dimension, 9px);
gap: var(--framer-fresco-inputSpacing-dimension, 10px);
-ms-grid-columns: repeat(auto-fill, minmax(var(--framer-fresco-cmsImagePreviewMinWidth-dimension, 85px), 1fr));
grid-template-columns: repeat(auto-fill, minmax(var(--framer-fresco-cmsImagePreviewMinWidth-dimension, 85px), 1fr));
}
.contentLegacy_c19betsd {
padding-left: 0;
gap: var(--framer-fresco-cmsInputInnerSpacing-dimension, 3px);
-ms-grid-columns: repeat(auto-fill, minmax(var(--framer-fresco-cmsImagePreviewMinWidthLegacy-dimension, 100px), 1fr));
grid-template-columns: repeat(auto-fill, minmax(var(--framer-fresco-cmsImagePreviewMinWidthLegacy-dimension, 100px), 1fr));
}
/* wyw-in-js:LinkInput.styles_qd9czx.wyw.css */
.clearButton_c1vnemam {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: calc(var(--framer-fresco-inputHeight-dimension, 30px) - var(--framer-fresco-inputPaddingHorizontal-dimension, 8px));
height: 100%;
-webkit-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);
}
.clearButtonGhost_cjpnope {
opacity: 0;
pointer-events: none;
-webkit-transition: opacity 0.15s ease;
transition: opacity 0.15s ease;
}
.ghostWrapper_g6pgvh1:focus-within .clearButtonGhost_cjpnope,
.ghostWrapper_g6pgvh1:hover .clearButtonGhost_cjpnope {
opacity: 1;
pointer-events: auto;
}
/* wyw-in-js:PopoutButtonWithPreviewSuggestion.styles_hepgjp.wyw.css */
.button_b11f2aom {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
height: var(--framer-fresco-inputHeight-dimension, 30px);
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border: 1px solid transparent;
border-radius: var(--framer-fresco-inputRadius-dimension, 8px);
background-color: var(--framer-fresco-inputBackground-color, #f3f3f3);
cursor: pointer;
font-size: var(--framer-fresco-base-font-size, 12px);
font-weight: var(--framer-fresco-base-font-weight, 500);
}
.readonly_r1ihmrto {
pointer-events: none;
}
.title_t8942cu {
color: var(--framer-fresco-inputLabel-color, #999999);
}
.readonly_r1ihmrto .title_t8942cu {
color: var(--framer-fresco-inputLabelDisabled-color, #dddddd);
}
.actionIconWrapper_a11ph0ck {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: var(--framer-fresco-sitesPopoutIconSize-dimension, 22px);
height: var(--framer-fresco-sitesPopoutIconSize-dimension, 22px);
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
background-color: currentColor;
color: var(--framer-fresco-swatchBackgroundPlaceholderForBorder-color, #cccccc);
}
/* wyw-in-js: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:VariableReferenceButton.styles_14thnsv.wyw.css */
.button_by3f1yf {
position: relative;
height: var(--framer-fresco-inputHeight-dimension, 30px);
min-height: var(--framer-fresco-inputHeight-dimension, 30px);
border-radius: var(--framer-fresco-inputRadius-dimension, 8px);
background-color: var(--framer-fresco-tint-color, #0099ff);
cursor: default;
overflow: hidden;
}
.buttonWithError_b1locfei {
background-color: var(--framer-fresco-warningText-color, #FF9900);
}
.clickableButton_ck79ln6 {
cursor: pointer;
}
.iconWrapper_ikobvuw {
width: var(--framer-fresco-sitesPopoutIconSize-dimension, 22px);
height: var(--framer-fresco-sitesPopoutIconSize-dimension, 22px);
border-radius: calc(var(--framer-fresco-inputRadius-dimension, 8px) / 2);
color: var(--framer-fresco-swatchBackgroundForComputedValue-color, rgba(255, 255, 255, 0.2));
}
.iconWrapperAgent_iz41s9a {
width: var(--framer-fresco-sitesPopoutIconSize-dimension, 22px);
height: var(--framer-fresco-sitesPopoutIconSize-dimension, 22px);
}
.titleWrapper_t11k2f3d {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
color: white;
pointer-events: none;
}
.closeWrapper_c1wy3we0 {
width: calc(var(--framer-fresco-inputHeight-dimension, 30px) - 6px);
height: var(--framer-fresco-inputHeight-dimension, 30px);
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
color: white;
cursor: pointer;
}
.menuButton_m1vt2ra9 {
position: relative;
width: 25px;
height: var(--framer-fresco-inputHeight-dimension, 30px);
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
color: white;
cursor: pointer;
}
.menuButton_m1vt2ra9::before {
position: absolute;
top: 50%;
left: 0;
width: 1px;
height: 22px;
background-color: rgb(255, 255, 255);
content: "";
opacity: 0.2;
-webkit-transform: translateY(calc(-50% + 1px));
-moz-transform: translateY(calc(-50% + 1px));
-ms-transform: translateY(calc(-50% + 1px));
transform: translateY(calc(-50% + 1px));
}
/* wyw-in-js:InlineDocumentation.styles_1ociz1k.wyw.css */
.inlineDocumentation_ia3rrjn {
color: var(--framer-fresco-panelDescription-color, #999999);
cursor: default;
font-size: var(--framer-fresco-base-font-size, 12px);
line-height: 1.6;
}
.inlineDocumentation_ia3rrjn p:first-of-type {
margin-top: 0;
}
.inlineDocumentation_ia3rrjn p:last-of-type {
margin-bottom: 0;
}
.inlineDocumentation_ia3rrjn a {
color: var(--framer-fresco-buttonBackgroundPrimary-color, #0099ff);
}
.inlineDocumentation_ia3rrjn em {
color: var(--framer-fresco-panelRowTitle-color, #666666);
font-style: normal;
font-weight: var(--framer-fresco-baseActive-font-weight, 500);
}
/* wyw-in-js:DescriptionRow.styles_10ftxev.wyw.css */
.description_d1ykgdi6 a {
-webkit-text-decoration: none;
text-decoration: none;
}
.withMargin_w1wgf3m {
margin-bottom: 10px;
}
/* wyw-in-js:MultiComboBox.styles_zwqm5h.wyw.css */
.searchIcon_s9zlj05 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-left: 13px;
}
.wrapperGhost_w1y0m51v {
background: transparent;
border-color: transparent;
-webkit-transition: background-color 0.15s ease;
transition: background-color 0.15s ease;
}
.wrapperGhost_w1y0m51v:focus-within,
.wrapperGhost_w1y0m51v:hover,
.wrapperGhost_w1y0m51v:has([data-focus-visible]) {
border-color: transparent;
background: var(--framer-fresco-inputBackground-color, #f3f3f3);
}
.wrapperGhost_w1y0m51v: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);
}
.wrapperGhostSorting_wjnx9pp {
background: var(--framer-fresco-inputBackground-color, #f3f3f3);
border-color: transparent;
}
.tokens_t1bag03y {
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;
padding: 2px;
gap: 3px;
}
.tokenText_t1rfo2k {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
gap: 3px;
overflow: hidden;
height: 100%;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: var(--framer-fresco-heading-font-size, 13px);
font-weight: var(--framer-fresco-base-font-weight, 500);
padding-right: 7px;
padding-bottom: 1px;
padding-left: calc(12px - 1px);
text-align: left;
}
.tokenTitle_t1ksdcfq {
min-width: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.tokenTextDisabled_trg4zcp {
opacity: 0.5;
}
.closeButton_c14n18i8 {
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;
padding: 0;
border: none;
border-radius: 50%;
background: transparent;
color: var(--framer-fresco-inputIcon-color, #999999);
pointer-events: auto;
}
.closeButton_c14n18i8:hover {
background-color: var(--framer-fresco-multiComboBoxTokenBackgroundHover-color, #fafafa);
}
.closeButton_c14n18i8:focus {
border: 1px solid var(--framer-fresco-inputBorderActive-color, #0099ff);
}
.ghostButtonFocusOutline_gbl9luz: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);
}
.tokenClickable_t8p63xo {
cursor: pointer;
}
.tokenClickable_t8p63xo:has(.tokenText_t1rfo2k:hover) {
border-color: var(--framer-fresco-multiComboBoxTokenBackgroundHover-color, #fafafa);
background-color: var(--framer-fresco-multiComboBoxTokenBackgroundHover-color, #fafafa);
}
.tokenClickable_t8p63xo:has(.tokenText_t1rfo2k:focus) {
border-color: var(--framer-fresco-inputBorderActive-color, #0099ff);
}
.tokenClickable_t8p63xo .tokenText_t1rfo2k {
padding-right: 0;
}
.token_tj3cx65 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
gap: 3px;
max-width: 100%;
height: var(--framer-fresco-popoutIconSizeLarge-dimension, 34px);
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-right: calc(5px - 1px);
border: 1px solid var(--framer-fresco-multiComboBoxTokenBackground-color, #ffffff);
border-radius: var(--framer-fresco-popoutIconRadiusLarge-dimension, 8px);
background-color: var(--framer-fresco-multiComboBoxTokenBackground-color, #ffffff);
box-shadow: var(--framer-fresco-multiComboBoxToken-shadow, 0px 2px 4px 0px rgba(0, 0, 0, 0.15));
color: var(--framer-fresco-buttonText-color, #333333);
}
.tokenDisabled_twc8g7t {
cursor: initial;
}
.sortingEnabled_sakx2m1 {
cursor: -webkit-grab;
cursor: grab;
}
.smallToken_s7ell05 {
height: 26px;
-webkit-box-pack: justify;
-ms-flex-pack: space-between;
-webkit-justify-content: space-between;
justify-content: space-between;
padding-right: 2px;
border-radius: var(--framer-fresco-inputRadiusSmall-dimension, 5px);
font-size: var(--framer-fresco-base-font-size, 12px);
}
.fullWidthTokens_f19a54uj {
width: 100%;
}
.smallTokenText_sfme5j3 {
padding-bottom: 0;
padding-left: 8px;
font-size: var(--framer-fresco-base-font-size, 12px);
}
.inlineInput_i1vxfnzw {
min-width: 30px;
max-width: 100%;
height: 26px;
padding: 0;
padding-left: calc(var(--framer-fresco-inputPaddingHorizontalLarge-dimension, 10px) - 3px);
font-size: var(--framer-fresco-base-font-size, 12px);
}
.inlineInputNoItems_iwc6bbg {
height: 20px;
}
.inlineInputLarge_i1123bbk {
height: var(--framer-fresco-popoutIconSizeLarge-dimension, 34px) !important;
font-size: var(--framer-fresco-heading-font-size, 13px);
}
/* wyw-in-js:OnPageMultiCollectionReferenceRow.styles_1dn0sub.wyw.css */
.inputWrapper_i4uywus {
min-width: 0;
min-height: var(--framer-fresco-inputHeightLarge-dimension, 40px);
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
border-radius: var(--framer-fresco-inputRadiusLarge-dimension, 10px);
}
/* wyw-in-js:NumberInputRow.styles_1p3lelg.wyw.css */
.grow_g17bz3ya {
min-width: 0;
-webkit-flex: 1 1 50%;
-ms-flex: 1 1 50%;
flex: 1 1 50%;
}
.noPadding_n11m1ez3 {
padding: 0;
}
.input_i1xp7xfm {
padding-left: var(--framer-fresco-cmsOverlayInputPaddingInline-dimension, 9px);
}
.inputLegacy_il03pw {
padding-left: 0;
font-size: var(--framer-fresco-heading-font-size, 13px);
}
/* wyw-in-js:RichTextEditorContent.styles_1scjv4v.wyw.css */
.editor_e9a5os3 {
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;
}
.editor_e9a5os3 > div {
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.editor_e9a5os3 .framer-image {
display: block;
max-width: 100%;
height: auto;
}
.editorDisabled_e1v6rduk * {
-webkit-user-select: text;
-webkit-user-select: text;
-moz-user-select: text;
-ms-user-select: text;
user-select: text;
}
/* wyw-in-js:inlineEditing.styles_1disrhj.wyw.css */
.inlineEditingComboBoxMenu_i1guv5zy.listWrapper_l18ynxwu {
--listBorderRadius:var(--framer-fresco-menuBorderRadius-dimension, 13px);
min-width: initial;
background-color: var(--framer-fresco-menuBackground-color, #ffffff);
box-shadow: var(--framer-fresco-menu-shadow, 0px 3px 6px rgba(0, 0, 0, 0.1));
}
.inlineEditingComboBoxMenu_i1guv5zy .sectionRow_shmoagt {
background-color: transparent;
color: var(--framer-fresco-menuText-color, #222222);
}
.inlineEditingComboBoxMenu_i1guv5zy .row_r10fzppx {
color: var(--framer-fresco-menuText-color, #222222);
}
.inlineEditingComboBoxMenu_i1guv5zy .row_r10fzppx.sectionRow_shmoagt {
color: var(--framer-fresco-menuText-color, #222222);
}
.inlineEditingComboBoxMenu_i1guv5zy .row_r10fzppx.highlightedRow_h1twq108 {
background-color: var(--framer-fresco-menuBackgroundActive-color, #0099ff);
color: var(--framer-fresco-menuTextActive-color, #ffffff);
}
/* wyw-in-js:inlineFormattingMenu.styles_1ctet42.wyw.css */
.inlineMenuPopover_i1f59oh4 {
border-radius: var(--framer-fresco-menuBorderRadius-dimension, 13px);
background-color: var(--framer-fresco-menuBackground-color, #ffffff);
box-shadow: var(--framer-fresco-menu-shadow, 0px 3px 6px rgba(0, 0, 0, 0.1));
}
.menuContainer_mzvqkuw {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
padding: var(--framer-fresco-menuPadding-dimension, 5px);
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-feature-settings: normal;
font-size: var(--framer-fresco-base-font-size, 12px);
font-style: normal;
font-weight: var(--framer-fresco-base-font-weight, 500);
gap: 2px;
letter-spacing: 0;
outline: none;
}
.verticalMenuContainer_vzu732f {
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.horizontalMenuContainer_h3dulv0 {
-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;
}
.menuAnchor_m1l54qbq {
position: fixed;
width: 0;
height: 0;
}
.menuItemIconContainer_mcxywt1 {
display: contents;
width: 26px;
height: 26px;
color: var(--framer-fresco-menuIcon-color, rgba(34, 34, 34, 0.4));
}
.menuItemIconContainer_mcxywt1 svg * {
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.menuItem_m1n1xdw8 {
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: var(--framer-fresco-menuText-color, #222222);
cursor: pointer;
border-radius: var(--framer-fresco-contentItemRadius-dimension, 8px);
-webkit-transition: color 0.2s ease, background-color 0.2s ease;
transition: color 0.2s ease, background-color 0.2s ease;
}
.menuItem_m1n1xdw8:hover {
background-color: var(--framer-fresco-menuBackgroundActive-color, #0099ff);
color: var(--framer-fresco-menuTextActive-color, #ffffff);
}
.menuItem_m1n1xdw8:hover .menuItemIconContainer_mcxywt1 {
color: var(--framer-fresco-menuTextActive-color, #ffffff);
}
.menuItemActive_mmincqg {
background-color: var(--framer-fresco-menuBackgroundActive-color, #0099ff);
color: var(--framer-fresco-menuTextActive-color, #ffffff);
}
.menuItemActive_mmincqg .menuItemIconContainer_mcxywt1 {
color: var(--framer-fresco-menuTextActive-color, #ffffff);
}
.menuItemDisabled_m1vwuag {
cursor: default;
opacity: 0.5;
pointer-events: none;
}
.fullMenuItem_fjs6qg1 {
display: -ms-grid;
display: grid;
height: 30px;
padding: 0 10px 0 5px;
font-weight: var(--framer-fresco-baseActive-font-weight, 500);
gap: 6px;
-ms-grid-columns: max-content minmax(0, 1fr);
grid-template-columns: max-content minmax(0, 1fr);
line-height: 1.2;
}
.narrowMenuItem_n1yp6toc {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 26px;
height: 26px;
box-sizing: border-box;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
border-radius: var(--framer-fresco-contentItemRadius-dimension, 8px);
}
.linkInputContainer_lq7wyq2 {
color: var(--framer-fresco-menuIcon-color, rgba(34, 34, 34, 0.4));
}
.linkInputContainer_lq7wyq2.menuContainer_mzvqkuw {
padding: 3px var(--framer-fresco-menuPadding-dimension, 5px);
}
.linkInputContainer_lq7wyq2 .clearButton_c1vnemam {
color: #888888;
}
.linkInputContainer_lq7wyq2 .clearButton_c1vnemam:hover,
.linkInputContainer_lq7wyq2 .clearButton_c1vnemam:focus {
color: var(--framer-fresco-comboBoxClearButtonHover-color, #222222);
}
.linkInputWrapper_l1j5jsrv {
width: 100%;
border-width: 0;
background-color: transparent;
}
.linkInputWrapperError_l19u02vq {
box-shadow: 0px 0px 0px 1px #ff3366, 0px 10px 20px 0px rgba(0, 0, 0, 0.1);
}
.linkPopover_lnkpte6 {
min-width: 175px;
}
.imagePopover_ilzpwww {
min-width: var(--framer-fresco-popoverWidth-dimension, 260px);
padding-top: var(--framer-fresco-popoverPadding-dimension, 15px);
}
/* wyw-in-js:SlashCommandsMenu.styles_tkd6wi.wyw.css */
.menuAnchor_m1gm2i1x {
position: fixed;
width: 0;
height: 0;
}
/* wyw-in-js:SlashCommandsMenuItem.styles_wo6o7o.wyw.css */
.menuItem_m177mjw3 {
height: 30px;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
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: 0 10px 0 5px;
color: var(--framer-fresco-buttonText-color, #333333);
cursor: pointer;
font-weight: var(--framer-fresco-baseActive-font-weight, 500);
gap: 6px;
line-height: 1.2;
}
.menuItemWithoutIcon_m1xqe9f5 {
padding-left: 10px;
}
.menuItemIconContainer_ma77w9 {
display: contents;
width: 26px;
height: 26px;
color: var(--framer-fresco-cmsSlashCommandsMenuIcon-color, #999999);
}
.menuItemArrowContainer_m1j5dy6n {
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-menuDescription-color, #999999);
}
.menuItemSelected_mfawtvq {
border-radius: var(--framer-fresco-contentItemRadius-dimension, 8px);
background-color: var(--framer-fresco-menuBackgroundActive-color, #0099ff);
color: var(--framer-fresco-menuTextActive-color, #ffffff);
}
.menuItemSelected_mfawtvq .menuItemIconContainer_ma77w9,
.menuItemSelected_mfawtvq .menuItemArrowContainer_m1j5dy6n {
color: var(--framer-fresco-menuTextActive-color, #ffffff);
}
.menuItemSelected_mfawtvq .menuItemArrowContainer_m1j5dy6n {
color: var(--framer-fresco-menuTextActive-color, #ffffff);
}
.menuItemTitle_mlb48gz {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.menuItemWithSubmenuSelected_m12uuo9c {
border-radius: var(--framer-fresco-contentItemRadius-dimension, 8px);
background-color: var(--framer-fresco-menuItemWithSubmenuBackgroundActive-color, #f3f3f3);
color: var(--framer-fresco-menuText-color, #222222);
}
.menuItemWithSubmenuSelected_m12uuo9c .menuItemIconContainer_ma77w9,
.menuItemWithSubmenuSelected_m12uuo9c .menuItemArrowContainer_m1j5dy6n {
color: var(--framer-fresco-menuText-color, #222222);
}
.menuGroup_m19q2dju {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
height: 30px;
-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 10px;
color: var(--framer-fresco-menuDescription-color, #999999);
}
.menuGroupDivideContainer_m66minz {
height: 11px;
}
.menuGroupDivider_m1w3vw2o {
width: 100%;
height: 1px;
background-color: var(--framer-fresco-menuSeparator-color, #eeeeee);
}
/* wyw-in-js:SlashCommandsMenuPopover.styles_1gbxfce.wyw.css */
.menuPopover_mp0o2z3 {
border-radius: var(--framer-fresco-menuBorderRadius-dimension, 13px);
margin: 0;
background-color: var(--framer-fresco-menuBackground-color, #ffffff);
box-shadow: var(--framer-fresco-menu-shadow, 0px 3px 6px rgba(0, 0, 0, 0.1));
padding: var(--framer-fresco-menuPadding-dimension, 5px);
}
.menuContainer_m1393aqm {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 180px;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
color: var(--framer-fresco-menuText-color, #222222);
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-feature-settings: normal;
font-size: var(--framer-fresco-base-font-size, 12px);
font-style: normal;
font-weight: var(--framer-fresco-base-font-weight, 500);
letter-spacing: 0;
outline: none;
}
.submenuContainer_sdm0csv {
width: 160px;
}
.scrollContainer_sjks6u1 {
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;
}
/* wyw-in-js:slashCommandsPlugin.styles_jrxd5w.wyw.css */
.inlineFilterPlaceholder_itiggrx {
color: var(--framer-fresco-inputPlaceholder-color, #999999);
}
.paragraphWithPlaceholder_pfd4ue7 {
position: relative;
}
.paragraphWithPlaceholder_pfd4ue7::after {
position: absolute;
top: 0;
left: 0;
color: var(--framer-fresco-inputPlaceholder-color, #999999);
content: attr(data-placeholder);
pointer-events: none;
white-space: nowrap;
}
/* wyw-in-js:InsertMenuPopout.styles_kczv78.wyw.css */
.scroll_ssfdtv5 {
height: 390px;
padding: 0 var(--framer-fresco-popoverPadding-dimension, 15px) var(--framer-fresco-popoverPadding-dimension, 15px);
margin: 0;
}
.content_c4uzvtl {
min-height: 100%;
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-popoverGap-dimension, 15px);
}
.searchContainer_s1y4e589 {
position: -webkit-sticky;
position: sticky;
z-index: 1;
top: 0;
}
.itemsWrapper_i2o91mt {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
gap: 1px;
}
.divider_demlih4 {
width: 100%;
height: 1px;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
background: var(--framer-fresco-panelDivider-color, #eeeeee);
}
.emptyState_evch5aa {
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;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
color: var(--framer-fresco-emptyStateBodyTextForSites-color, #999999);
font-weight: var(--framer-fresco-base-font-weight, 500);
text-align: center;
}
.hintContents_h1ahy7pd {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 15px;
}
.icon_it5qojy {
width: 30px;
height: 30px;
padding: 7px;
border-radius: 8px;
color: var(--framer-fresco-componentTint-color, #8855ff);
background-color: var(--framer-fresco-componentTintDimmed-color, color(display-p3 0.533333 0.333333 1 / 0.1));
}
.hintText_h1hjxase {
max-width: 160px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
gap: 5px;
text-align: center;
font-size: var(--framer-fresco-base-font-size, 12px);
font-weight: var(--framer-fresco-base-font-weight, 500);
line-height: 1.4;
}
.heading_h12tejfd {
color: var(--framer-fresco-panelTitle-color, #333333);
font-weight: var(--framer-fresco-heading-font-weight, 600);
}
.description_d1olb771 {
color: var(--framer-fresco-panelDescription-color, #999999);
}
/* wyw-in-js:InsertMenuPopoutRow.styles_1c78rih.wyw.css */
.row_r1edqvg7 {
width: 100%;
padding: 6px 10px 6px 25px;
color: var(--framer-fresco-panelText-color, #666666);
font-weight: var(--framer-fresco-base-font-weight, 500);
}
.contentWrapper_c1h6t8yz {
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;
gap: 10px;
}
.button_bado22j {
width: 100%;
border: none;
border-radius: var(--framer-fresco-contentItemRadius-dimension, 8px);
background-color: transparent;
color: var(--framer-fresco-panelText-color, #666666);
cursor: pointer;
font: inherit;
font-weight: var(--framer-fresco-base-font-weight, 500);
text-align: left;
}
.button_bado22j:disabled {
cursor: default;
opacity: 0.4;
}
.highlighted_hkwi3cj {
background-color: var(--framer-fresco-buttonCellBackgroundHover-color, #eeeeee);
color: var(--framer-fresco-buttonWithDepthText-color, #222222);
}
.icon_i1bkz7kn {
width: 12px;
height: 12px;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.title_t8xa1qh {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.caret_cffs9mb {
position: absolute;
left: -22px;
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;
background: transparent;
color: var(--framer-fresco-panelChevron-color, #bbbbbb);
pointer-events: none;
}
.caretCollapsed_c1fgb2vw {
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
}
/* wyw-in-js:CodeBlockView.styles_2tv1fs.wyw.css */
.codeBlock_c154l84y .cm-activeLine {
background-color: transparent !important;
}
.codeBlock_c154l84y .cm-matchingBracket,
.codeBlock_c154l84y .cm-nonmatchingBracket {
background-color: transparent !important;
}
.codeBlock_c154l84y .sp-wrapper {
-webkit-print-color-scheme: inherit;
color-scheme: inherit;
}
.codeBlock_c154l84y .sp-layout {
border: none;
border-radius: 8px;
}
.loadingPlaceholder_lhs1e0w {
position: relative;
width: 100%;
min-height: 52px;
background: var(--framer-fresco-sitesSettingsInputBackgroundDisabled-color, #e6e6e6);
font-size: 0;
}
/* wyw-in-js:LinkRelValuesRow.styles_nc059d.wyw.css */
.container_c1ci2tto {
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;
padding-left: 8px;
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);
font-size: var(--framer-fresco-base-font-size, 12px);
font-weight: var(--framer-fresco-base-font-weight, 500);
}
.titleWrapper_t1466szx {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
min-width: 0;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
color: var(--framer-fresco-buttonText-color, #333333);
}
.titleWrapper_t1466szx.disabled_dtligcd {
color: var(--framer-fresco-inputTextDisabled-color, #bbbbbb);
}
.closeWrapper_c11wi2h0 {
all: unset;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: calc(var(--framer-fresco-inputHeight-dimension, 30px) - 8px);
height: 100%;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
border-radius: 0 var(--framer-fresco-inputRadius-dimension, 8px) var(--framer-fresco-inputRadius-dimension, 8px) 0;
color: var(--framer-fresco-inputIcon-color, #999999);
cursor: pointer;
}
.closeWrapper_c11wi2h0:focus {
border: 1px solid var(--framer-fresco-tint-color, #0099ff);
}
/* wyw-in-js:PopoverForRichText.styles_cj1wou.wyw.css */
.container_c1hdvulg {
overflow: hidden;
width: var(--framer-fresco-popoverWidth-dimension, 260px);
border-radius: var(--framer-fresco-popoverRadius-dimension, 15px);
will-change: transform;
}
.navigationBar_nqz647q {
position: relative;
width: calc(100% - var(--framer-fresco-popoverPadding-dimension, 15px) * 2);
height: var(--framer-fresco-floatingWindowToolbarHeight-dimension, 50px);
margin-right: var(--framer-fresco-popoverPadding-dimension, 15px);
margin-left: var(--framer-fresco-popoverPadding-dimension, 15px);
}
.navigationBarDivider_nxj4hh::after {
position: absolute;
right: 0;
bottom: 0;
left: 0;
height: 1px;
background: var(--framer-fresco-panelDivider-color, #eeeeee);
content: "";
-webkit-transition: opacity 0.2s;
transition: opacity 0.2s;
}
.title_t1hfi20k {
color: var(--framer-fresco-panelTitle-color, #333333);
font-weight: var(--framer-fresco-heading-font-weight, 600);
pointer-events: none;
}
.clearButton_czsbh7p {
font-size: var(--framer-fresco-labelLarge-font-size, 11px);
}
/* wyw-in-js:RichTextEditorWithToolbar.styles_9qudhd.wyw.css */
.container_c6uczmi {
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
border-radius: var(--framer-fresco-inputRadius-dimension, 8px);
}
.scrollableHeader_s6fflhj {
position: relative;
margin-bottom: calc(var(--framer-fresco-inputSpacing-dimension, 10px) / 2);
scrollbar-width: none;
}
.scrollableHeader_s6fflhj::-webkit-scrollbar {
display: none;
}
.textStyleHeaderStickyWrapper_t8bdre0 {
position: -webkit-sticky;
position: sticky;
z-index: 1;
top: 0;
margin-top: calc(-1 * var(--framer-fresco-inputRadius-dimension, 8px));
background-color: var(--framer-fresco-panelBackground-color, #ffffff);
}
.textStyleHeaderStickyWrapperLegacy_t1i7zlf8::after {
position: absolute;
bottom: calc(-1 * var(--framer-fresco-inputRadius-dimension, 8px) * 2);
left: 0;
width: 100%;
height: calc(var(--framer-fresco-inputRadius-dimension, 8px) * 2);
background: #fff0;
border-top-left-radius: var(--framer-fresco-inputRadius-dimension, 8px);
border-top-right-radius: var(--framer-fresco-inputRadius-dimension, 8px);
box-shadow: 0 calc(-1 * var(--framer-fresco-inputRadius-dimension, 8px)) 0 0 var(--framer-fresco-panelBackground-color, #ffffff);
content: "";
}
.textStyleHeader_t1wmxpp0 {
padding-top: var(--framer-fresco-inputSpacing-dimension, 10px);
padding-bottom: calc(var(--framer-fresco-inputSpacing-dimension, 10px) / 2);
background-color: var(--framer-fresco-panelBackground-color, #ffffff);
}
.textStyleHeaderMinimal_t10rkvjk {
padding-left: var(--framer-fresco-cmsOverlayInputTextOffsetInline-dimension, 10px);
}
.popupButtonWrapperIconWrapper_pw9hu2f {
padding-left: 0px;
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;
}
.popupButtonWrapperIconWrapper_pw9hu2f svg {
color: var(--framer-fresco-cmsRichTextToolbarItemText-color, #888888);
display: block;
margin: 0;
}
.popupButtonWrapperIconDisabled_pao18v9 svg {
opacity: 0.5;
}
.toolbarButtonGroup_trxxjmp {
width: auto;
height: var(--framer-fresco-inputHeightLarge-dimension, 40px);
border-radius: var(--framer-fresco-inputRadiusLarge-dimension, 10px);
background-color: var(--framer-fresco-cmsRichTextToolbarGroupBackground-color, #f3f3f3);
}
.toolbarButtonGroup_trxxjmp.disabled {
background-color: var(--framer-fresco-cmsRichTextToolbarGroupBackgroundDisabled-color, rgba(243, 243, 243, 0.5));
}
.toolbarButtonGroupCompactTagSelector_t9ab7mp {
width: 60px;
}
.toolbarButtonGroupCompact_thc6ckc {
width: unset;
height: var(--framer-fresco-inputHeight-dimension, 30px);
border-radius: var(--framer-fresco-inputRadius-dimension, 8px);
background-color: var(--framer-fresco-inputBackground-color, #f3f3f3);
}
.toolbarButtonGroupMinimalTagSelector_t3klaet {
width: 100px;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.toolbarButtonDivider_trwq0ea {
width: 1px;
height: 20px;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
background-color: var(--framer-fresco-modalSeparator-color, rgba(0, 0, 0, 0.07));
}
.linkToolbarButtonGroupCompact_lt1u60b {
width: var(--framer-fresco-inputHeight-dimension, 30px);
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
}
.popupButtonWrapperStretch_pg363jc {
width: 1px;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.popupButton_prpupio {
min-width: 120px;
height: var(--framer-fresco-inputHeightLarge-dimension, 40px);
padding-left: 10px;
border-radius: var(--framer-fresco-inputRadiusLarge-dimension, 10px);
font-size: var(--framer-fresco-heading-font-size, 13px);
}
@media (max-width: 430px) {
.popupButton_prpupio {
min-width: 60px;
}
}
.popupButtonCompactTagSelector_p1p0bqn2 {
min-width: 60px;
}
.popupButtonCompact_p1skhvuz {
width: 100%;
height: var(--framer-fresco-inputHeight-dimension, 30px);
padding-left: 7px;
border-radius: var(--framer-fresco-inputRadius-dimension, 8px);
font-size: var(--framer-fresco-base-font-size, 12px);
}
.popupButtonMinimalTagSelector_pgg2cvw {
min-width: 100%;
padding-right: 10px;
padding-left: 10px;
}
.popupButtonWithIconInsteadOfText_p1cr9asn {
width: 42px;
min-width: 42px;
}
@media (max-width: 430px) {
.popupButtonWithIconInsteadOfText_p1cr9asn {
width: 42px;
min-width: 42px;
}
}
.tableScrollableWrapper_t1c938y9 {
overflow-x: auto;
}
.tableAppendButtonIcon_t3wuiaw {
border-radius: 50%;
background-color: var(--framer-fresco-highlightsBorder-color, #0099ff);
box-shadow: 0 3px 6px 0 rgba(0, 153, 255, 0.3);
}
.tableAppendButton_t168klhm {
position: relative;
display: -ms-inline-grid;
display: inline-grid;
padding: 0;
border: none;
background-color: transparent;
color: var(--framer-fresco-buttonTextPrimary-color, #ffffff);
cursor: pointer;
outline: none;
place-content: center;
}
.tableAppendButton_t168klhm .tableAppendButtonIcon_t3wuiaw {
z-index: 1;
}
.tableAppendButton_t168klhm::before {
position: absolute;
display: block;
border: 1px solid var(--framer-fresco-highlightsBorder-color, #0099ff);
content: "";
}
.tableAppendButton_t168klhm > *,
.tableAppendButton_t168klhm::before {
opacity: 0;
-webkit-transition: opacity 0.2s ease, visibility 0.2s ease;
transition: opacity 0.2s ease, visibility 0.2s ease;
visibility: hidden;
}
.tableAppendButton_t168klhm:hover > *,
.tableAppendButton_t168klhm:hover::before {
opacity: 1;
visibility: visible;
}
.tableAppendRowButton_t1vnz3fa::before {
top: 50%;
left: 0;
width: 100%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.tableAppendColumnButton_t17ayjrk::before {
top: 0;
left: 50%;
height: 100%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.tableCellContextMenuButton_t1pc865e {
position: absolute;
z-index: 3;
top: 50%;
right: 0;
display: -ms-inline-grid;
display: inline-grid;
padding: 0;
border: none;
border-radius: 10px;
background-color: transparent;
color: var(--framer-fresco-cmsRichTextTableCellContextMenuButtonIcon-color, #999999);
cursor: pointer;
outline: none;
place-content: center;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.textEditorWrapper_t17nyv2n {
border-width: 1px;
border-style: solid;
border-color: var(--framer-fresco-inputBorder-color, transparent);
border-radius: var(--framer-fresco-inputRadiusLarge-dimension, 10px);
background-color: var(--framer-fresco-cmsRichTextBackground-color, #f3f3f3);
}
.textEditorWrapper_t17nyv2n > div {
min-height: 300px;
padding: 10px;
color: var(--framer-fresco-cmsRichTextParagraph-color, #555555);
font-weight: var(--framer-fresco-baseActive-font-weight, 500);
}
.textEditorWrapper_t17nyv2n > div h1,
.textEditorWrapper_t17nyv2n > div h2,
.textEditorWrapper_t17nyv2n > div h3,
.textEditorWrapper_t17nyv2n > div h4,
.textEditorWrapper_t17nyv2n > div h5,
.textEditorWrapper_t17nyv2n > div h6 {
color: var(--framer-fresco-cmsRichTextHeading-color, #222222);
}
.textEditorWrapper_t17nyv2n > div th {
color: var(--framer-fresco-cmsRichTextTableHeaderText-color, #333333);
}
.textEditorWrapper_t17nyv2n > div td {
color: var(--framer-fresco-cmsRichTextTableText-color, #333333);
}
.textEditorWrapper_t17nyv2n > div h1,
.textEditorWrapper_t17nyv2n > div h2,
.textEditorWrapper_t17nyv2n > div h3,
.textEditorWrapper_t17nyv2n > div h4,
.textEditorWrapper_t17nyv2n > div h5,
.textEditorWrapper_t17nyv2n > div h6,
.textEditorWrapper_t17nyv2n > div p {
margin: 0;
}
.textEditorWrapper_t17nyv2n > div > *:not(:last-child) {
margin-bottom: 16px;
}
.textEditorWrapper_t17nyv2n > div > .tableWrapper:not(:last-child) {
margin-bottom: 16px;
}
.textEditorWrapper_t17nyv2n h1,
.textEditorWrapper_t17nyv2n li:has(> h1:first-child) {
font-size: 28px;
font-weight: var(--framer-fresco-heading-font-weight, 600);
letter-spacing: -0.03em;
line-height: 1.2em;
}
.textEditorWrapper_t17nyv2n h2,
.textEditorWrapper_t17nyv2n li:has(> h2:first-child) {
font-size: 24px;
font-weight: var(--framer-fresco-heading-font-weight, 600);
letter-spacing: -0.02em;
line-height: 1.4em;
}
.textEditorWrapper_t17nyv2n h3,
.textEditorWrapper_t17nyv2n li:has(> h3:first-child) {
font-size: 22px;
font-weight: var(--framer-fresco-heading-font-weight, 600);
letter-spacing: -0.01em;
line-height: 1.4em;
}
.textEditorWrapper_t17nyv2n h4,
.textEditorWrapper_t17nyv2n li:has(> h4:first-child) {
font-size: 20px;
font-weight: var(--framer-fresco-heading-font-weight, 600);
letter-spacing: -0.01em;
line-height: 1.4em;
}
.textEditorWrapper_t17nyv2n h5,
.textEditorWrapper_t17nyv2n li:has(> h5:first-child) {
font-size: 16px;
font-weight: var(--framer-fresco-heading-font-weight, 600);
letter-spacing: -0.01em;
line-height: 1.4em;
}
.textEditorWrapper_t17nyv2n h6,
.textEditorWrapper_t17nyv2n li:has(> h6:first-child) {
font-size: 13px;
font-weight: var(--framer-fresco-heading-font-weight, 600);
line-height: 1.4em;
}
.textEditorWrapper_t17nyv2n p,
.textEditorWrapper_t17nyv2n li:has(> p:first-child) {
font-size: 13px;
font-weight: var(--framer-fresco-baseActive-font-weight, 500);
line-height: 1.6em;
}
.textEditorWrapper_t17nyv2n a {
color: #0099ff;
}
.textEditorWrapper_t17nyv2n ul,
.textEditorWrapper_t17nyv2n ol {
position: relative;
margin: 0;
-webkit-padding-start: 0;
padding-inline-start: 0;
}
.textEditorWrapper_t17nyv2n ol {
--list-style-type:decimal;
}
.textEditorWrapper_t17nyv2n li {
position: unset;
counter-increment: list-item;
list-style: none;
-webkit-padding-start: 2ch;
padding-inline-start: 2ch;
}
.textEditorWrapper_t17nyv2n ol > li::before {
position: absolute;
content: counter(list-item, var(--list-style-type)) ".";
font-variant-numeric: tabular-nums;
inset-inline-start: 0;
}
.textEditorWrapper_t17nyv2n ol > li:nth-last-child(n+10),
.textEditorWrapper_t17nyv2n ol > li:nth-last-child(n+10) ~ li {
-webkit-padding-start: 3ch;
padding-inline-start: 3ch;
}
.textEditorWrapper_t17nyv2n ol > li:nth-last-child(n+100),
.textEditorWrapper_t17nyv2n ol > li:nth-last-child(n+100) ~ li {
-webkit-padding-start: 4ch;
padding-inline-start: 4ch;
}
.textEditorWrapper_t17nyv2n ol > li:nth-last-child(n+1000),
.textEditorWrapper_t17nyv2n ol > li:nth-last-child(n+1000) ~ li {
-webkit-padding-start: 5ch;
padding-inline-start: 5ch;
}
.textEditorWrapper_t17nyv2n ol > li:nth-last-child(n+10000),
.textEditorWrapper_t17nyv2n ol > li:nth-last-child(n+10000) ~ li {
-webkit-padding-start: 6ch;
padding-inline-start: 6ch;
}
.textEditorWrapper_t17nyv2n ol > li:nth-last-child(n+100000),
.textEditorWrapper_t17nyv2n ol > li:nth-last-child(n+100000) ~ li {
-webkit-padding-start: 7ch;
padding-inline-start: 7ch;
}
.textEditorWrapper_t17nyv2n ol > li:nth-last-child(n+1000000),
.textEditorWrapper_t17nyv2n ol > li:nth-last-child(n+1000000) ~ li {
-webkit-padding-start: 8ch;
padding-inline-start: 8ch;
}
.textEditorWrapper_t17nyv2n ul > li::before {
position: absolute;
content: "\2022";
inset-inline-start: 0;
}
.textEditorWrapper_t17nyv2n strong {
font-weight: bolder;
}
.textEditorWrapper_t17nyv2n code {
padding: 2px 4px;
border-radius: 4px;
background-color: var(--framer-fresco-cmsCodeInTextBackground-color, rgba(51, 51, 51, 0.08));
font-family: var(--framer-fresco-monospace-font-family, "Input Mono", Menlo, monospace);
font-weight: 400;
}
.textEditorWrapper_t17nyv2n .selection {
background: transparent;
color: inherit;
}
.textEditorWrapper_t17nyv2n div.ProseMirror:not(.ProseMirror-focused) .selection {
background: rgba(128, 128, 128, 0.33);
}
.textEditorWrapper_t17nyv2n .ProseMirror-selectednode {
outline: var(--framer-fresco-richTextSelectionOutline-dimension, 2px) solid var(--framer-fresco-tint-color, #0099ff);
}
.textEditorWrapper_t17nyv2n .framer-text-component.ProseMirror-selectednode {
outline: var(--framer-fresco-richTextSelectionOutline-dimension, 2px) solid var(--framer-fresco-componentTint-color, #8855ff);
}
.textEditorWrapper_t17nyv2n .ProseMirror:not([contenteditable=true]) .framer-image,
.textEditorWrapper_t17nyv2n .ProseMirror:not([contenteditable=true]) .sp-wrapper {
opacity: 0.5;
}
.textEditorWrapper_t17nyv2n blockquote {
padding-left: 12px;
border-left: 2px solid var(--framer-fresco-textAreaScrollbar-color, #cccccc);
margin-right: 0;
margin-left: 0;
}
.textEditorWrapper_t17nyv2n blockquote > *:not(:last-child) {
margin-bottom: 16px;
}
.textEditorWrapper_t17nyv2n .tableWrapper {
position: relative;
overflow: visible;
}
.textEditorWrapper_t17nyv2n .ProseMirror .selectedCell::after {
background-color: rgba(0, 153, 255, 0.1);
}
.textEditorWrapper_t17nyv2n .tableAppendButton_t168klhm {
position: absolute;
}
.textEditorWrapper_t17nyv2n .tableAppendRowButton_t1vnz3fa {
bottom: 0;
left: 0;
width: 100%;
height: 17px;
-webkit-transform: translateY(calc(50% - 0.5px));
-moz-transform: translateY(calc(50% - 0.5px));
-ms-transform: translateY(calc(50% - 0.5px));
transform: translateY(calc(50% - 0.5px));
}
.textEditorWrapper_t17nyv2n .tableAppendColumnButton_t17ayjrk {
top: 0;
right: 0;
width: 17px;
height: 100%;
-webkit-transform: translateX(calc(50% - 0.5px));
-moz-transform: translateX(calc(50% - 0.5px));
-ms-transform: translateX(calc(50% - 0.5px));
transform: translateX(calc(50% - 0.5px));
}
.textEditorWrapper_t17nyv2n table {
overflow: visible;
}
.textEditorWrapper_t17nyv2n th,
.textEditorWrapper_t17nyv2n td {
padding: 8px 13px 8px 8px;
border: 1px solid var(--framer-fresco-cmsRichTextTableBorder-color, #cccccc);
text-align: left;
}
.textEditorWrapper_t17nyv2n th {
background-color: var(--framer-fresco-cmsRichTextTableHeaderBackground-color, #ebebeb);
}
.textEditorWrapperMinimalTextStyles_tq7xiri > div > h1,
.textEditorWrapperMinimalTextStyles_tq7xiri li:has(> h1:first-child) {
font-size: 18px;
}
.textEditorWrapperMinimalTextStyles_tq7xiri > div > h2,
.textEditorWrapperMinimalTextStyles_tq7xiri li:has(> h2:first-child) {
font-size: 17px;
}
.textEditorWrapperMinimalTextStyles_tq7xiri > div > h3,
.textEditorWrapperMinimalTextStyles_tq7xiri li:has(> h3:first-child) {
font-size: 16px;
}
.textEditorWrapperMinimalTextStyles_tq7xiri > div > h4,
.textEditorWrapperMinimalTextStyles_tq7xiri li:has(> h4:first-child) {
font-size: 15px;
}
.textEditorWrapperMinimalTextStyles_tq7xiri > div > h5,
.textEditorWrapperMinimalTextStyles_tq7xiri li:has(> h5:first-child) {
font-size: 14px;
}
.textEditorWrapperMinimalTextStyles_tq7xiri > div > h6,
.textEditorWrapperMinimalTextStyles_tq7xiri li:has(> h6:first-child) {
font-size: 13px;
}
.textEditorWrapperMinimalTextStyles_tq7xiri > div > h1:not(:first-child),
.textEditorWrapperMinimalTextStyles_tq7xiri > div > h2:not(:first-child),
.textEditorWrapperMinimalTextStyles_tq7xiri > div > h3:not(:first-child),
.textEditorWrapperMinimalTextStyles_tq7xiri > div > h4:not(:first-child),
.textEditorWrapperMinimalTextStyles_tq7xiri > div > h5:not(:first-child),
.textEditorWrapperMinimalTextStyles_tq7xiri > div > h6:not(:first-child),
.textEditorWrapperMinimalTextStyles_tq7xiri > div > p:not(:first-child),
.textEditorWrapperMinimalTextStyles_tq7xiri > div > ul:not(:first-child),
.textEditorWrapperMinimalTextStyles_tq7xiri > div > ol:not(:first-child),
.textEditorWrapperMinimalTextStyles_tq7xiri > div > blockquote:not(:first-child),
.textEditorWrapperMinimalTextStyles_tq7xiri > div > .tableWrapper:not(:first-child) {
margin-top: 10px;
}
.textEditorWrapperMinimalTextStyles_tq7xiri > div > h1:not(:last-child),
.textEditorWrapperMinimalTextStyles_tq7xiri > div > h2:not(:last-child),
.textEditorWrapperMinimalTextStyles_tq7xiri > div > h3:not(:last-child),
.textEditorWrapperMinimalTextStyles_tq7xiri > div > h4:not(:last-child),
.textEditorWrapperMinimalTextStyles_tq7xiri > div > h5:not(:last-child),
.textEditorWrapperMinimalTextStyles_tq7xiri > div > h6:not(:last-child),
.textEditorWrapperMinimalTextStyles_tq7xiri > div > p:not(:last-child),
.textEditorWrapperMinimalTextStyles_tq7xiri > div > ul:not(:last-child),
.textEditorWrapperMinimalTextStyles_tq7xiri > div > ol:not(:last-child),
.textEditorWrapperMinimalTextStyles_tq7xiri > div > blockquote:not(:last-child),
.textEditorWrapperMinimalTextStyles_tq7xiri > div > .tableWrapper:not(:last-child) {
margin-bottom: 10px;
}
.textEditorWrapperMinimalTextStyles_tq7xiri > div > blockquote {
margin-right: 0;
margin-left: 0;
}
.textEditorWrapperMinimalTextStyles_tq7xiri > div > blockquote > *:not(:last-child) {
margin-bottom: 10px;
}
.textEditorWrapperMinimalTextStyles_tq7xiri .cm-editor,
.textEditorWrapperMinimalTextStyles_tq7xiri .cm-gutters,
.textEditorWrapperMinimalTextStyles_tq7xiri .sp-layout {
background-color: var(--framer-fresco-cmsCodeBlockSurface3-color, #f3f3f3);
}
.textEditorWrapperCompact_t4f6v3n {
background-color: var(--framer-fresco-inputBackground-color, #f3f3f3);
}
.textEditorWrapperCompact_t4f6v3n > div {
min-height: 150px;
padding: var(--framer-fresco-inputPaddingHorizontal-dimension, 8px);
}
.textEditorWrapperMinimal_t1gnvfwd {
border-width: 0;
background-color: transparent;
}
.textEditorWrapperMinimal_t1gnvfwd > div {
min-height: unset;
padding: 0 0 0 var(--framer-fresco-cmsOverlayInputPaddingInline-dimension, 9px);
}
.toolbarButtonFocusOutline_ts8ggwp: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);
}
.toolbarButtonBorderless_th301rt {
border-color: transparent;
}
.toolbarButtonBorderless_th301rt:focus,
.toolbarButtonBorderless_th301rt:hover {
border-color: transparent;
}
.textEditorWrapperDisabled_t9gtqrq > div {
color: var(--framer-fresco-inputTextDisabled-color, #bbbbbb);
}
.textEditorWrapperDisabled_t9gtqrq > div th,
.textEditorWrapperDisabled_t9gtqrq > div td,
.textEditorWrapperDisabled_t9gtqrq > div h1,
.textEditorWrapperDisabled_t9gtqrq > div h2,
.textEditorWrapperDisabled_t9gtqrq > div h3,
.textEditorWrapperDisabled_t9gtqrq > div h4,
.textEditorWrapperDisabled_t9gtqrq > div h5,
.textEditorWrapperDisabled_t9gtqrq > div h6 {
color: var(--framer-fresco-inputTextDisabled-color, #bbbbbb);
}
.textEditorWrapperWithMaxHeight_t1rxqld5 {
max-height: 50vh;
overflow-y: auto;
}
.editorWrapperHidden_e1ppz8pn {
display: none;
}
.fadeIn_f1pgk6ec {
-webkit-animation: fadeIn-fadeIn_f1pgk6ec 200ms ease forwards;
animation: fadeIn-fadeIn_f1pgk6ec 200ms ease forwards;
}
@-webkit-keyframes fadeIn-fadeIn_f1pgk6ec {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes fadeIn-fadeIn_f1pgk6ec {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.insertButton_i1jd3cet {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
height: var(--framer-fresco-inputHeight-dimension, 30px);
width: 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;
border: 1px solid var(--framer-fresco-inputBorder-color, transparent);
border-radius: var(--framer-fresco-inputRadiusLarge-dimension, 10px);
color: var(--framer-fresco-cmsRichTextToolbarItemText-color, #888888);
cursor: pointer;
font-size: var(--framer-fresco-base-font-size, 12px)px;
padding-inline: 0px;
}
.insertButtonMinimal_i1n3d3iu {
border-color: transparent;
border-radius: var(--framer-fresco-inputRadius-dimension, 8px);
}
.insertButtonMinimal_i1n3d3iu:focus,
.insertButtonMinimal_i1n3d3iu:hover,
.insertButtonMinimal_i1n3d3iu:active {
border-color: transparent;
}
.insertButtonMinimal_i1n3d3iu: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);
}
.insertButtonLegacy_io2w4cx {
height: 40px;
width: unset;
padding-inline: var(--framer-fresco-inputSpacing-dimension, 10px);
color: var(--framer-fresco-moreInfoText-color, #333333);
-webkit-box-pack: unset;
-ms-flex-pack: unset;
-webkit-justify-content: unset;
justify-content: unset;
}
.insertButtonDisabled_ifyjttx svg {
opacity: 0.5;
}
.insertButtonDisabledLegacy_i11ico4j div {
opacity: 0.5;
}
/* wyw-in-js:RichTextToolbarButton.styles_o3brct.wyw.css */
.button_b1k4esu7 {
position: relative;
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-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;
border: 0;
border-radius: var(--framer-fresco-inputRadiusSmall-dimension, 5px);
margin: 0;
background: transparent;
color: var(--framer-fresco-cmsRichTextToolbarItemText-color, #888888);
cursor: pointer;
-webkit-transition: color 120ms ease;
transition: color 120ms ease;
}
.button_b1k4esu7:focus {
outline: none;
}
.button_b1k4esu7:disabled {
cursor: default;
opacity: 0.65;
}
.buttonFocusOutline_bh8j1ab: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);
}
.buttonCompact_b11u853b {
width: var(--framer-fresco-richTextToolbarButtonHeightCompact-dimension, 24px);
height: var(--framer-fresco-richTextToolbarButtonHeightCompact-dimension, 24px);
}
.buttonActive_bbe6l64 {
background-color: var(--framer-fresco-cmsRichTextToolbarItemBackground-color, #dddddd);
color: var(--framer-fresco-cmsRichTextToolbarItemActiveText-color, #333333);
}
.buttonActiveWithoutBackground_b1ypqxyn {
background-color: transparent;
}
/* wyw-in-js:mediaPlugin.styles_tzt6bt.wyw.css */
.blurCrop_b2i4942 {
overflow: hidden;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
max-width: 100%;
}
.blurMedia_b1vfm2p {
-webkit-filter: blur(20px);
filter: blur(20px);
}
.assetSpinnerContainer_axkd8sq {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
min-width: 24px;
min-height: 24px;
-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;
}
.assetSpinnerIcon_a1ai590m {
--spinner-color:rgba(255, 255, 255, 0.9);
}
/* wyw-in-js:EmbedPropertyControls.styles_6goaxr.wyw.css */
.container_c1603cea {
max-height: calc(100vh - var(--framer-fresco-floatingWindowToolbarHeight-dimension, 50px) - var(--framerInternalUI-chromeMarginTop) - var(--framerInternalUI-chromeMarginBottom) - 2 * var(--framer-fresco-popoverPadding-dimension, 15px));
min-height: 0;
}
.scroll_sb8he9y {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-webkit-flex-shrink: 1;
-ms-flex-negative: 1;
flex-shrink: 1;
-webkit-flex-basis: auto;
-ms-flex-preferred-size: auto;
flex-basis: auto;
min-height: 0;
}
.rowsContent_rqntnkt {
padding: calc(var(--framer-fresco-popoverPadding-dimension, 15px) - 5px) var(--framer-fresco-popoverPadding-dimension, 15px);
}
.hintScrollContent_hfp61a {
padding: var(--framer-fresco-popoverPadding-dimension, 15px);
}
.footer_f11spjyr {
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
width: 100%;
padding: var(--framer-fresco-popoverPadding-dimension, 15px);
}
.footerButton_fo6c3vc {
width: 100%;
}
.hintContents_hmacpbp {
min-height: 190px;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 15px;
}
.icon_i18nbbmj {
width: 30px;
height: 30px;
padding: 7px;
border-radius: 8px;
color: var(--framer-fresco-componentTint-color, #8855ff);
background-color: var(--framer-fresco-componentTintDimmed-color, color(display-p3 0.533333 0.333333 1 / 0.1));
}
.hintText_h1jpjdla {
max-width: 175px;
gap: 5px;
text-align: center;
font-size: var(--framer-fresco-base-font-size, 12px);
font-weight: var(--framer-fresco-base-font-weight, 500);
line-height: 1.4;
}
.heading_h169caec {
color: var(--framer-fresco-panelTitle-color, #333333);
font-weight: var(--framer-fresco-heading-font-weight, 600);
}
.description_dmc88yj {
color: var(--framer-fresco-panelDescription-color, #999999);
}
.learnMoreLink_l3u1wg6 {
color: var(--framer-fresco-componentTint-color, #8855ff);
}
.learnMoreLink_l3u1wg6:hover:not(:disabled),
.learnMoreLink_l3u1wg6:focus:not(:disabled),
.learnMoreLink_l3u1wg6:active:hover:not(:disabled),
.learnMoreLink_l3u1wg6:active:focus:not(:disabled) {
color: var(--framer-fresco-componentTint-color, #8855ff);
}
.divider_dowepe2 {
margin: 0 var(--framer-fresco-popoverPadding-dimension, 15px);
border: none;
height: 1px;
background-color: var(--framer-fresco-panelDivider-color, #eeeeee);
}
/* wyw-in-js:PreviewContainer.styles_u4npqx.wyw.css */
.container_c1mg1z6z {
width: 100%;
height: 100%;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.hidden_hj4htfi {
display: none;
}
.explicitResponsive_efx4tx1 {
width: 100%;
height: 100%;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.implicitResponsive_i1hpwtf0 div:not(.explicitResponsive_efx4tx1) {
display: contents;
}
/* wyw-in-js:ModulePreviewWrapper.styles_1v3w1qr.wyw.css */
.iframeOverlay_iblik7k {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
}
.iframeWrapper_i118z2f1 {
position: relative;
width: 100%;
height: 100%;
}
.iframeWrapper_i118z2f1 .iframeOverlay_iblik7k {
display: block;
}
.iframe_i1a8t54c {
width: 100%;
height: 100%;
border: 0;
background: transparent;
}
.loading_l1ngcbb2 {
opacity: 0.5;
}
.blockEvents_bm6dco {
pointer-events: none;
}
/* wyw-in-js:SlugPreviewLink.styles_p2wdc0.wyw.css */
.slugButton_s93imxl:disabled {
opacity: 1;
}
/* wyw-in-js:LargeStringInputRow.styles_evwhfm.wyw.css */
.textArea_toqpzs7 {
font-size: var(--framer-fresco-heading-font-size, 13px);
line-height: 1.6em;
}
.textAreaGhost_t57r6u2 {
padding: 4px var(--framer-fresco-cmsOverlayInputPaddingInline-dimension, 9px);
}
/* wyw-in-js:OnPageRichTextVariantOverrideEditor.styles_1ph2d3s.wyw.css */
.editorContainer_e1zu74n {
width: 100%;
min-height: 200px;
padding: var(--framer-fresco-panelPadding-dimension, 15px);
border: 1px solid var(--framer-fresco-inputBorder-color, transparent);
border-radius: var(--framer-fresco-inputRadiusLarge-dimension, 10px);
background-color: var(--framer-fresco-cmsRichTextBackground-color, #f3f3f3);
color: var(--framer-fresco-cmsRichTextParagraph-color, #555555);
font-weight: var(--framer-fresco-baseActive-font-weight, 500);
}
.editorContainer_e1zu74n * {
all: unset !important;
}
.editorContainer_e1zu74n strong,
.editorContainer_e1zu74n b {
font-weight: bold !important;
}
.editorContainer_e1zu74n em,
.editorContainer_e1zu74n i {
font-style: italic !important;
}
/* wyw-in-js:OnPageRichTextVariantOverrideModal.styles_1wn7o0g.wyw.css */
.modal_m168h77v {
width: 90vw;
max-width: 600px;
}
/* wyw-in-js:RichTextEditorModal.styles_bnq8ms.wyw.css */
.modal_m1cvfiap {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: calc(var(--framer-fresco-richTextEditorToolbarWidth-dimension, 508px) + var(--framer-fresco-modalPadding-dimension, 15px) * 2);
height: calc(var(--framer-fresco-richTextEditorToolbarWidth-dimension, 508px) + var(--framer-fresco-modalPadding-dimension, 15px) * 2);
max-height: calc(100vh - 160px);
}
.form_f1nz04q2 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
}
.scroll_syo0l7n {
width: var(--framer-fresco-richTextEditorToolbarWidth-dimension, 508px);
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
padding-bottom: var(--framer-fresco-modalPadding-dimension, 15px);
}
.width100_w9541mz {
width: 100%;
}
.editor_e73gufq {
min-height: 100%;
}
/* wyw-in-js:OnPageToolbar.styles_rm88mo.wyw.css */
.toolbar_t49i6vy {
position: fixed;
z-index: 20;
bottom: 15px;
left: 50%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: calc(100% - 30px);
max-width: 1400px;
-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: 10px;
border-radius: 18px;
-webkit-animation: fadeIn-toolbar_t49i6vy 0.2s ease-in;
animation: fadeIn-toolbar_t49i6vy 0.2s ease-in;
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
background: var(--framer-fresco-onPageToolbarBackground-color, rgba(34, 34, 34, 0.8));
box-shadow: var(--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);
color: var(--framer-fresco-onPageToolbarText-color, #ffffff);
gap: 10px;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
@-webkit-keyframes fadeIn-toolbar_t49i6vy {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes fadeIn-toolbar_t49i6vy {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.button_bjwo6qr {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
min-width: 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;
font-size: var(--framer-fresco-heading-font-size, 13px);
font-weight: var(--framer-fresco-heading-font-weight, 600);
gap: 8px;
}
.buttonSecondary_b1qwl3y9 {
background-color: var(--framer-fresco-onPageToolbarButtonBackground-color, rgba(255, 255, 255, 0.25));
color: var(--framer-fresco-onPageToolbarButtonText-color, #ffffff);
font-weight: var(--framer-fresco-base-font-weight, 500);
}
.buttonSecondary_b1qwl3y9:focus:not(:disabled),
.buttonSecondary_b1qwl3y9:hover:not(:disabled) {
background-color: var(--framer-fresco-onPageToolbarButtonBackgroundHover-color, rgba(255, 255, 255, 0.23));
}
.buttonSecondary_b1qwl3y9:active:focus:not(:disabled),
.buttonSecondary_b1qwl3y9:active:hover:not(:disabled) {
background-color: var(--framer-fresco-onPageToolbarButtonBackgroundActive-color, rgba(255, 255, 255, 0.21));
}
.mainContentContainer_m1wta5up {
position: absolute;
top: 50%;
left: 50%;
width: inherit;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
@media (max-width: 1100px) {
.mainContentContainer_m1wta5up {
position: relative;
left: unset;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
-webkit-transform: unset;
-moz-transform: unset;
-ms-transform: unset;
transform: unset;
}
}
@media (max-width: 640px) {
.mainContentContainer_m1wta5up {
position: relative;
left: unset;
-webkit-transform: unset;
-moz-transform: unset;
-ms-transform: unset;
transform: unset;
}
}
.mainContent_m69kutt {
position: absolute;
top: 50%;
left: 50%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
overflow: hidden;
max-width: 100%;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: var(--framer-fresco-heading-font-size, 13px);
font-weight: var(--framer-fresco-base-font-weight, 500);
gap: 5px;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
white-space: nowrap;
}
@media (max-width: 640px) {
.mainContent_m69kutt {
left: 0;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
}
.secondaryText_sdjdrec {
color: var(--framer-fresco-onPageToolbarSecondaryText-color, rgba(255, 255, 255, 0.6));
}
@media (max-width: 1060px) {
.secondaryText_sdjdrec {
display: none;
}
}
.logoIcon_l9efojb {
margin-top: 1px;
}
/* wyw-in-js:EditableNodesHighlight.styles_asngen.wyw.css */
.container_ci35ri5 {
position: absolute;
left: 0;
overflow: clip;
width: 100vw;
pointer-events: none;
}
.shockwaveMask_suurpvn {
-webkit-mask-image:
radial-gradient(
circle at var(--x) var(--y),
transparent calc(var(--radius) - var(--gradient-size)),
rgba(0, 0, 0, 0.2) calc(var(--radius) - (var(--gradient-size) * 0.66)),
rgba(0, 0, 0, 0.6) calc(var(--radius) - (var(--gradient-size) * 0.33)),
black calc(var(--radius) - (var(--gradient-size) * 0.15)),
black calc(var(--radius) + (var(--gradient-size) * 0.15)),
rgba(0, 0, 0, 0.6) calc(var(--radius) + (var(--gradient-size) * 0.33)),
rgba(0, 0, 0, 0.2) calc(var(--radius) + (var(--gradient-size) * 0.66)),
transparent calc(var(--radius) + var(--gradient-size)));
mask-image:
radial-gradient(
circle at var(--x) var(--y),
transparent calc(var(--radius) - var(--gradient-size)),
rgba(0, 0, 0, 0.2) calc(var(--radius) - (var(--gradient-size) * 0.66)),
rgba(0, 0, 0, 0.6) calc(var(--radius) - (var(--gradient-size) * 0.33)),
black calc(var(--radius) - (var(--gradient-size) * 0.15)),
black calc(var(--radius) + (var(--gradient-size) * 0.15)),
rgba(0, 0, 0, 0.6) calc(var(--radius) + (var(--gradient-size) * 0.33)),
rgba(0, 0, 0, 0.2) calc(var(--radius) + (var(--gradient-size) * 0.66)),
transparent calc(var(--radius) + var(--gradient-size)));
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: 100% 100%;
mask-size: 100% 100%;
}
.shockwaveNodeHighlight_s1xlu29h {
position: absolute;
border-radius: 2px;
background-color: var(--framer-fresco-highlightsBackground-color, rgba(0, 153, 255, 0.2));
outline: 1px solid var(--framer-fresco-onPageHighlightBorder-color, rgba(0, 153, 255, 0.8));
}
/* wyw-in-js:OnPageCanvasHud.styles_1ez3ymk.wyw.css */
.hudContainer_h1czcor4 {
position: relative;
overflow: hidden;
}
/* wyw-in-js:OnPageEditingComboboxPopover.styles_15hxab3.wyw.css */
.popover_p1qh2fnu {
overflow: visible;
min-width: calc(var(--framer-fresco-popoverWidth-dimension, 260px) - var(--framer-fresco-popoverPadding-dimension, 15px) * 2);
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));
}
/* wyw-in-js:CollectionReferenceVariableEditor.styles_crn7w9.wyw.css */
.inputWrapper_i1fmzghq {
background: transparent;
}
/* wyw-in-js:CollectionRichTextVariableEditor.styles_t1xwq5.wyw.css */
.editor_e1pmgt77 > div {
min-height: -webkit-min-content;
min-height: -moz-min-content;
min-height: min-content;
}
.editor_e1pmgt77 p,
.editor_e1pmgt77 h1,
.editor_e1pmgt77 h2,
.editor_e1pmgt77 h3,
.editor_e1pmgt77 h4,
.editor_e1pmgt77 h5,
.editor_e1pmgt77 h6,
.editor_e1pmgt77 li,
.editor_e1pmgt77 ol,
.editor_e1pmgt77 ul {
font-family: var(--framer-blockquote-font-family, var(--framer-font-family, Inter, Inter Placeholder, sans-serif));
font-style: var(--framer-blockquote-font-style, var(--framer-font-style, normal));
font-weight: var(--framer-blockquote-font-weight, var(--framer-font-weight, 400));
color: var(--framer-blockquote-text-color, var(--framer-text-color, #000));
background-color: var(--framer-blockquote-text-background-color, var(--framer-text-background-color, initial));
font-size: calc(var(--framer-blockquote-font-size, var(--framer-font-size, 16px)) * var(--framer-font-size-scale, 1));
letter-spacing: var(--framer-blockquote-letter-spacing, var(--framer-letter-spacing, 0));
text-transform: var(--framer-blockquote-text-transform, var(--framer-text-transform, none));
text-decoration-line: var(--framer-blockquote-text-decoration, var(--framer-text-decoration, initial));
text-decoration-style: var(--framer-blockquote-text-decoration-style, var(--framer-text-decoration-style, initial));
text-decoration-color: var(--framer-blockquote-text-decoration-color, var(--framer-text-decoration-color, initial));
text-decoration-thickness: var( --framer-blockquote-text-decoration-thickness, var(--framer-text-decoration-thickness, initial) );
text-decoration-skip-ink: var( --framer-blockquote-text-decoration-skip-ink, var(--framer-text-decoration-skip-ink, initial) );
text-underline-offset: var( --framer-blockquote-text-decoration-offset, var(--framer-text-decoration-offset, initial) );
line-height: var(--framer-blockquote-line-height, var(--framer-line-height, 1.2em));
text-align: var(--framer-blockquote-text-alignment, var(--framer-text-alignment, start));
-webkit-text-stroke-width: var(--framer-text-stroke-width, initial);
-webkit-text-stroke-color: var(--framer-text-stroke-color, initial);
-moz-font-feature-settings: var(--framer-font-open-type-features, initial);
-webkit-font-feature-settings: var(--framer-font-open-type-features, initial);
font-feature-settings: var(--framer-font-open-type-features, initial);
font-variation-settings: var(--framer-font-variation-axes, normal);
text-wrap: var(--framer-text-wrap-override, var(--framer-text-wrap));
}
.editor_e1pmgt77 mark,
.editor_e1pmgt77 p,
.editor_e1pmgt77 h1,
.editor_e1pmgt77 h2,
.editor_e1pmgt77 h3,
.editor_e1pmgt77 h4,
.editor_e1pmgt77 h5,
.editor_e1pmgt77 h6,
.editor_e1pmgt77 li,
.editor_e1pmgt77 ol,
.editor_e1pmgt77 ul {
background-color: var(--framer-text-background-color, initial);
}
.editor_e1pmgt77 p,
.editor_e1pmgt77 h1,
.editor_e1pmgt77 h2,
.editor_e1pmgt77 h3,
.editor_e1pmgt77 h4,
.editor_e1pmgt77 h5,
.editor_e1pmgt77 h6 {
margin: 0;
padding: 0;
}
.editor_e1pmgt77 .tableAppendButton_t168klhm {
position: absolute;
display: none;
}
.editor_e1pmgt77 .tableAppendRowButton_t1vnz3fa {
bottom: 0;
left: 0;
width: 100%;
height: 17px;
-webkit-transform: translateY(calc(50% - 0.5px));
-moz-transform: translateY(calc(50% - 0.5px));
-ms-transform: translateY(calc(50% - 0.5px));
transform: translateY(calc(50% - 0.5px));
}
.editor_e1pmgt77 .tableAppendColumnButton_t17ayjrk {
top: 0;
right: 0;
width: 17px;
height: 100%;
-webkit-transform: translateX(calc(50% - 0.5px));
-moz-transform: translateX(calc(50% - 0.5px));
-ms-transform: translateX(calc(50% - 0.5px));
transform: translateX(calc(50% - 0.5px));
}
.editor_e1pmgt77 .tableScrollableWrapper_t1c938y9 {
padding: 0;
}
.editor_e1pmgt77 p:not(:first-child),
.editor_e1pmgt77 div[contenteditable=false]:not(:first-child),
.editor_e1pmgt77 h1:not(:first-child),
.editor_e1pmgt77 h2:not(:first-child),
.editor_e1pmgt77 h3:not(:first-child),
.editor_e1pmgt77 h4:not(:first-child),
.editor_e1pmgt77 h5:not(:first-child),
.editor_e1pmgt77 h6:not(:first-child),
.editor_e1pmgt77 ol:not(:first-child),
.editor_e1pmgt77 ul:not(:first-child),
.editor_e1pmgt77 blockquote:not(:first-child),
.editor_e1pmgt77 div.tableWrapper:not(:first-child),
.editor_e1pmgt77 .framer-image:not(:first-child) {
margin-top: var(--framer-blockquote-paragraph-spacing, var(--framer-paragraph-spacing, 0));
}
.editor_e1pmgt77 li > ul:nth-child(2),
.editor_e1pmgt77 li > ol:nth-child(2) {
margin-top: 0;
}
.editor_e1pmgt77 strong {
font-family: var(--framer-blockquote-font-family-bold, var(--framer-font-family-bold));
font-style: var(--framer-blockquote-font-style-bold, var(--framer-font-style-bold));
font-weight: var(--framer-blockquote-font-weight-bold, var(--framer-font-weight-bold, bolder));
font-variation-settings: var(--framer-blockquote-font-variation-axes-bold, var(--framer-font-variation-axes-bold));
}
.editor_e1pmgt77 em {
font-family: var(--framer-blockquote-font-family-italic, var(--framer-font-family-italic));
font-style: var(--framer-blockquote-font-style-italic, var(--framer-font-style-italic, italic));
font-weight: var(--framer-blockquote-font-weight-italic, var(--framer-font-weight-italic));
font-variation-settings: var( --framer-blockquote-font-variation-axes-italic, var(--framer-font-variation-axes-italic) );
}
.editor_e1pmgt77 em > strong {
font-family: var(--framer-blockquote-font-family-bold-italic, var(--framer-font-family-bold-italic));
font-style: var(--framer-blockquote-font-style-bold-italic, var(--framer-font-style-bold-italic, italic));
font-weight: var(--framer-blockquote-font-weight-bold-italic, var(--framer-font-weight-bold-italic, bolder));
font-variation-settings: var( --framer-blockquote-font-variation-axes-bold-italic, var(--framer-font-variation-axes-bold-italic) );
}
.editor_e1pmgt77 code {
font-family: var(--framer-code-font-family, var(--framer-font-family, Inter, Inter Placeholder, sans-serif));
font-style: var(--framer-blockquote-font-style, var(--framer-code-font-style, var(--framer-font-style, normal)));
font-weight: var(--framer-blockquote-font-weight, var(--framer-code-font-weight, var(--framer-font-weight, 400)));
color: var(--framer-blockquote-text-color, var(--framer-code-text-color, var(--framer-text-color, #000)));
font-size: calc(var(--framer-blockquote-font-size, var(--framer-font-size, 16px)) * var(--framer-font-size-scale, 1));
letter-spacing: var(--framer-blockquote-letter-spacing, var(--framer-letter-spacing, 0));
line-height: var(--framer-blockquote-line-height, var(--framer-line-height, 1.2em));
}
.editor_e1pmgt77 a {
font-family: var( --framer-blockquote-font-family, var(--framer-link-font-family, var(--framer-font-family, Inter, Inter Placeholder, sans-serif)) );
font-style: var(--framer-blockquote-font-style, var(--framer-link-font-style, var(--framer-font-style, normal)));
font-weight: var(--framer-blockquote-font-weight, var(--framer-link-font-weight, var(--framer-font-weight, 400)));
color: var(--framer-blockquote-text-color, var(--framer-link-text-color, var(--framer-text-color, #000)));
font-size: calc(var(--framer-blockquote-font-size, var(--framer-font-size, 16px)) * var(--framer-font-size-scale, 1));
text-transform: var( --framer-blockquote-text-transform, var(--framer-link-text-transform, var(--framer-text-transform, none)) );
text-decoration-line: var( --framer-blockquote-text-decoration, var(--framer-link-text-decoration, var(--framer-text-decoration, initial)) );
text-decoration-style: var( --framer-blockquote-text-decoration-style, var(--framer-link-text-decoration-style, var(--framer-text-decoration-style, initial)) );
text-decoration-color: var( --framer-blockquote-text-decoration-color, var(--framer-link-text-decoration-color, var(--framer-text-decoration-color, initial)) );
text-decoration-thickness: var( --framer-blockquote-text-decoration-thickness, var(--framer-link-text-decoration-thickness, var(--framer-text-decoration-thickness, initial)) );
text-decoration-skip-ink: var( --framer-blockquote-text-decoration-skip-ink, var(--framer-link-text-decoration-skip-ink, var(--framer-text-decoration-skip-ink, initial)) );
text-underline-offset: var( --framer-blockquote-text-decoration-offset, var(--framer-link-text-decoration-offset, var(--framer-text-decoration-offset, initial)) );
background-color: var(--framer-link-text-background-color, var(--framer-text-background-color, initial));
border-radius: var(--framer-link-text-background-radius, var(--framer-text-background-radius, initial));
corner-shape: var(--framer-link-text-background-corner-shape, var(--framer-text-background-corner-shape, initial));
padding: var(--framer-link-text-background-padding, var(--framer-text-background-padding, initial));
}
.editor_e1pmgt77 code a {
font-family: var(--framer-code-font-family, var(--framer-font-family, Inter, Inter Placeholder, sans-serif));
font-style: var(--framer-blockquote-font-style, var(--framer-code-font-style, var(--framer-font-style, normal)));
font-weight: var(--framer-blockquote-font-weight, var(--framer-code-font-weight, var(--framer-font-weight, 400)));
color: var( --framer-blockquote-text-color, var(--framer-link-text-color, var(--framer-code-text-color, var(--framer-text-color, #000))) );
font-size: calc(var(--framer-blockquote-font-size, var(--framer-font-size, 16px)) * var(--framer-font-size-scale, 1));
}
.editor_e1pmgt77 ul,
.editor_e1pmgt77 ol {
-webkit-padding-start: 0;
padding-inline-start: 0;
margin: 0;
position: relative;
}
.editor_e1pmgt77 ol {
--list-style-type:decimal;
}
.editor_e1pmgt77 li {
position: unset;
counter-increment: list-item;
list-style: none;
-webkit-padding-start: 2ch;
padding-inline-start: 2ch;
}
.editor_e1pmgt77 ol > li::before {
position: absolute;
inset-inline-start: 0;
content: counter(list-item, var(--list-style-type)) ".";
font-variant-numeric: tabular-nums;
}
.editor_e1pmgt77 ol > li:nth-last-child(n+10),
.editor_e1pmgt77 ol > li:nth-last-child(n+10) ~ li {
-webkit-padding-start: 3ch;
padding-inline-start: 3ch;
}
.editor_e1pmgt77 ol > li:nth-last-child(n+100),
.editor_e1pmgt77 ol > li:nth-last-child(n+100) ~ li {
-webkit-padding-start: 4ch;
padding-inline-start: 4ch;
}
.editor_e1pmgt77 ol > li:nth-last-child(n+1000),
.editor_e1pmgt77 ol > li:nth-last-child(n+1000) ~ li {
-webkit-padding-start: 5ch;
padding-inline-start: 5ch;
}
.editor_e1pmgt77 ol > li:nth-last-child(n+10000),
.editor_e1pmgt77 ol > li:nth-last-child(n+10000) ~ li {
-webkit-padding-start: 6ch;
padding-inline-start: 6ch;
}
.editor_e1pmgt77 ol > li:nth-last-child(n+100000),
.editor_e1pmgt77 ol > li:nth-last-child(n+100000) ~ li {
-webkit-padding-start: 7ch;
padding-inline-start: 7ch;
}
.editor_e1pmgt77 ol > li:nth-last-child(n+1000000),
.editor_e1pmgt77 ol > li:nth-last-child(n+1000000) ~ li {
-webkit-padding-start: 8ch;
padding-inline-start: 8ch;
}
.editor_e1pmgt77 ul > li::before {
position: absolute;
inset-inline-start: 0;
content: "\2022";
}
.editor_e1pmgt77 .selection {
color: inherit;
background: transparent;
}
.editor_e1pmgt77 div.ProseMirror:not(.ProseMirror-focused) .selection {
background: rgba(128, 128, 128, 0.33);
}
.editor_e1pmgt77 div.ProseMirror {
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: var(--vertical-alignment);
-ms-flex-pack: var(--vertical-alignment);
-webkit-justify-content: var(--vertical-alignment);
justify-content: var(--vertical-alignment);
width: 100%;
font-variant-ligatures: unset;
font-feature-settings: unset;
white-space: inherit;
}
.editor_e1pmgt77 .tableWrapper {
position: relative;
overflow: hidden;
}
.editor_e1pmgt77 .ProseMirror .selectedCell::after {
background-color: rgba(0, 153, 255, 0.1);
}
.editor_e1pmgt77 .tableWrapper tbody {
border-spacing: 0;
}
.editor_e1pmgt77 .tableWrapper th,
.editor_e1pmgt77 .tableWrapper td {
font-family: sans-serif;
font-size: 12px;
}
.editor_e1pmgt77 .tableWrapper table {
border-collapse: separate;
border-spacing: 0;
table-layout: auto;
word-break: normal;
width: 100%;
}
.editor_e1pmgt77 blockquote {
margin-block: initial;
margin-inline: initial;
unicode-bidi: initial;
}
.editor_e1pmgt77 .ProseMirror-selectednode {
outline: var(--framer-fresco-richTextSelectionOutline-dimension, 2px) solid var(--framer-fresco-tint-color, #0099ff);
}
.editor_e1pmgt77 .framer-text-component.ProseMirror-selectednode {
outline: var(--framer-fresco-richTextSelectionOutline-dimension, 2px) solid var(--framer-fresco-componentTint-color, #8855ff);
}
/* wyw-in-js:OnPageValidationBadge.styles_xo3xyd.wyw.css */
.validationBadge_v1r7rm12 {
position: absolute;
top: -5px;
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: 3px 5px 3px 3px;
border-radius: 5px;
background-color: var(--framer-fresco-onPageValidationWarningBadgeBackground-color, #FF7700);
color: var(--framer-fresco-onPageValidationWarningBadgeText-color, #ffffff);
font-size: var(--framer-fresco-label-font-size, 10px);
font-weight: var(--framer-fresco-heading-font-weight, 600);
gap: 5px;
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
transform: translateY(-100%);
}
/* wyw-in-js:DateControlPropRow.styles_m9p8u7.wyw.css */
.clearButton_c1459fj1 {
width: calc(var(--framer-fresco-inputHeight-dimension, 30px) - var(--framer-fresco-inputPaddingHorizontal-dimension, 8px));
height: 100%;
}
.dateInputWithClearButton_d5btmj8 {
padding-right: 0;
}
/* wyw-in-js:ClearImageButton.styles_1biea51.wyw.css */
.clearButton_c1cd77tn {
position: absolute;
top: -9px;
right: -9px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 18px;
height: 18px;
-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(--framer-fresco-settingsImageClearButtonBackground-color, #ffffff);
box-shadow: var(--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));
color: var(--framer-fresco-settingsImageClearButtonForeground-color, #999999);
cursor: pointer;
}
.clearButton_c1cd77tn > svg {
position: absolute;
top: 50%;
left: 50%;
overflow: visible;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
}
/* wyw-in-js:ColorPickerPreview.styles_1dv1gxq.wyw.css */
.base_b1rdbouv {
position: absolute;
overflow: visible;
border-radius: 4px;
cursor: pointer;
inset: 4px;
}
.baseLarge_b1me0317 {
border-radius: var(--framer-fresco-popoutIconRadiusLarge-dimension, 8px);
}
.fill_fxf7oz7 {
position: absolute;
border-radius: 4px;
box-shadow: inset 0 0 0 1px var(--framer-fresco-swatchBorder-color, rgba(0, 0, 0, 0.1));
inset: 0;
}
.fillLarge_f158k4nv {
border-radius: var(--framer-fresco-popoutIconRadiusLarge-dimension, 8px);
}
.dimmed_de5dxw6 {
opacity: 0.5;
}
.noInset_nnn1paw {
inset: 0;
}
.checkerboard_cs5h0q {
position: absolute;
border-radius: 4px;
background-image: url("https://localhost:8009/checkerboard-18-PJWIPCVW.svg");
-webkit-background-position: center;
background-position: center;
background-repeat: repeat;
inset: 1px;
}
.checkerboardLarge_c18f05v6 {
border-radius: calc(var(--framer-fresco-popoutIconRadiusLarge-dimension, 8px) - 1px);
}
/* wyw-in-js:Spinner.styles_1kfpxsn.wyw.css */
.mask_m1gv7el0 {
-webkit-mask:
conic-gradient(
from 0deg at 50% 50%,
rgba(0, 0, 0, 0) 0deg,
rgba(0, 0, 0, 1) 342deg) add;
mask:
conic-gradient(
from 0deg at 50% 50%,
rgba(0, 0, 0, 0) 0deg,
rgba(0, 0, 0, 1) 342deg) add;
}
.spinner_s1xugoyy {
-webkit-animation-duration: 800ms;
animation-duration: 800ms;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-name: spin-spinner_s1xugoyy;
animation-name: spin-spinner_s1xugoyy;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
}
@-webkit-keyframes spin-spinner_s1xugoyy {
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 spin-spinner_s1xugoyy {
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:VectorSetItemControlPropRow.styles_1phebxg.wyw.css */
.popoutContainer_p1225h4e {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
overflow: hidden;
width: 100%;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
padding: var(--framer-fresco-panelPadding-dimension, 15px);
padding-top: calc(var(--framer-fresco-panelPadding-dimension, 15px) - 5px);
padding-bottom: 0;
}
.virtualGrid_v15qkom2 {
padding-bottom: var(--framer-fresco-panelPadding-dimension, 15px);
scroll-padding: var(--framer-fresco-panelPadding-dimension, 15px);
}
.gridItem_gfybuk4 {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
overflow: hidden;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-webkit-flex-shrink: 1;
-ms-flex-negative: 1;
flex-shrink: 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;
border: none;
border-radius: var(--framer-fresco-contentItemRadius-dimension, 8px);
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
appearance: none;
background: var(--framer-fresco-insertPanelGridItem-color, #f3f3f3);
cursor: pointer;
outline: none;
}
.gridItem_gfybuk4::before {
position: absolute;
border: 1px solid transparent;
border-radius: var(--framer-fresco-contentItemRadius-dimension, 8px);
content: "";
inset: 0;
pointer-events: none;
}
.gridItemReadonly_g1u4xdpk {
cursor: unset;
opacity: 0.5;
pointer-events: none;
}
.gridItemHighlight_g103spug::before {
border-color: var(--framer-fresco-tint-color, #0099ff);
}
.gridItemSVG_g10j0sj1 {
width: 32px;
}
.largeButton_l1ougy67 {
font-size: var(--framer-fresco-heading-font-size, 13px);
}
.preview_p5lfh5y {
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;
}
.preview_p5lfh5y > svg {
width: 100%;
max-width: 100%;
max-height: 100%;
}
.previewGhost_p1k48x6g {
width: 18px;
height: 18px;
color: var(--framer-fresco-cmsTableText-color, #999999);
}
.previewGhost_p1k48x6g > svg {
width: 100%;
max-width: 100%;
height: 100%;
max-height: 100%;
}
.previewGhost_p1k48x6g svg [stroke]:not([stroke=none]) {
stroke: currentColor;
}
.previewGhost_p1k48x6g svg [fill]:not([fill=none]):not([stroke]) {
fill: currentColor;
}
.largePreview_lr4zan2 {
width: 24px;
height: 24px;
}
.inputWrapper_i1v5vadi {
padding: 0;
margin-bottom: calc(var(--framer-fresco-panelPadding-dimension, 15px) - 5px);
background-color: transparent;
}
.inputWrapper_i1v5vadi:focus-within {
border-color: transparent;
}
.searchInput_sx3n6ms {
background-color: transparent;
}
.divider_d1d8po65 {
height: 1px;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
background-color: var(--framer-fresco-panelDivider-color, #eeeeee);
}
/* wyw-in-js:InlinePopoutNavigation.styles_16cbh4v.wyw.css */
.navigationStackWrapper_nx5i0gj {
overflow: hidden;
height: 100%;
}
/* wyw-in-js:OnPageComponentInstanceEditToolHud.styles_1juis4.wyw.css */
.popover_p6dts5z {
width: var(--framer-fresco-popoverWidth-dimension, 260px);
max-width: var(--framer-fresco-popoverWidth-dimension, 260px);
}
.popoverWithModalInFront_pcmqzkm {
visibility: hidden;
}
/* wyw-in-js:OnPageHighlightToolHud.styles_gjy3af.wyw.css */
.nodeHighlight_nbqylm8 {
border-radius: var(--framer-fresco-onPageSelectionOutlineRadius-dimension, 2px);
background-color: var(--framer-fresco-highlightsBackground-color, rgba(0, 153, 255, 0.2));
outline: 1px solid var(--framer-fresco-onPageHighlightBorder-color, rgba(0, 153, 255, 0.8));
}
.visuallyHidden_v1pcr3uc {
opacity: 0;
}
.pointerCursor_p1mivvux {
cursor: pointer;
}
.textCursor_t42x8tu {
cursor: text;
}
.grabCursor_g1atul0u {
cursor: -webkit-grab;
cursor: grab;
}
.notAllowedCursor_n1i0g06w {
cursor: not-allowed;
}
.background_b1t4nog5 {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.repeaterActionButtonLine_r1wgs7ug {
position: absolute;
border-radius: 2px;
background-color: var(--framer-fresco-onPageHighlightBorder-color, rgba(0, 153, 255, 0.8));
}
.repeaterActionButtonTop_rsrrcv7 {
top: -9px;
width: 100%;
}
.repeaterActionButtonBottom_rckttk2 {
bottom: -9px;
width: 100%;
}
.repeaterActionButtonLeft_r12nxotj {
left: -9px;
height: 100%;
}
.repeaterActionButtonRight_r460cpk {
right: -9px;
height: 100%;
}
.repeaterActionButton_rrb252f {
position: absolute;
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: 0;
border: 0;
background-color: transparent;
cursor: pointer;
pointer-events: auto;
}
.repeaterActionButton_rrb252f.repeaterActionButtonTop_rsrrcv7 .repeaterActionButtonLine_r1wgs7ug,
.repeaterActionButton_rrb252f.repeaterActionButtonBottom_rckttk2 .repeaterActionButtonLine_r1wgs7ug {
top: 8px;
left: 0;
width: 100%;
height: 2px;
}
.repeaterActionButton_rrb252f.repeaterActionButtonLeft_r12nxotj .repeaterActionButtonLine_r1wgs7ug,
.repeaterActionButton_rrb252f.repeaterActionButtonRight_r460cpk .repeaterActionButtonLine_r1wgs7ug {
top: 0;
bottom: 0;
left: 8px;
width: 2px;
height: 100%;
}
.repeaterActionButton_rrb252f svg {
width: 18px;
height: 18px;
-webkit-transform: translate(0.5px, 0.5px);
-moz-transform: translate(0.5px, 0.5px);
-ms-transform: translate(0.5px, 0.5px);
transform: translate(0.5px, 0.5px);
}
.repeaterActionIcon_rxpkzma {
z-index: 1;
width: 18px;
height: 18px;
border: none;
border-radius: 50%;
background-color: var(--framer-fresco-highlightsBorder-color, #0099ff);
box-shadow: 0 3px 6px 0 rgba(0, 153, 255, 0.3);
color: #ffffff;
}
.clickThrough_c1ct4jl9 {
pointer-events: 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:DateVariableEditor.styles_fg8c8z.wyw.css */
.popover_p1lr6xzx {
border-radius: 15px;
}
.calendar_clr68rj {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
max-width: 100%;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
padding: 0 15px 15px 15px;
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");
gap: var(--framer-fresco-inputSpacing-dimension, 10px);
}
.calendar_clr68rj header {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
height: 50px;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: space-between;
-webkit-justify-content: space-between;
justify-content: space-between;
border-bottom: 1px solid var(--framer-fresco-calendarBorder-color, #eeeeee);
color: var(--framer-fresco-calendarTextHeader-color, #333333);
}
.calendar_clr68rj header .calendarHeading {
position: relative;
overflow: visible;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
font-size: var(--framer-fresco-base-font-size, 12px);
font-style: normal;
font-weight: var(--framer-fresco-heading-font-weight, 600);
letter-spacing: 0em;
line-height: 1.2;
text-align: center;
white-space: pre;
}
.calendar_clr68rj footer {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
gap: var(--framer-fresco-inputSpacing-dimension, 10px);
}
.calendar_clr68rj footer button {
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.calendar_clr68rj .calendarButton {
width: 2rem;
height: 2rem;
padding: 0;
border: none;
margin: 0;
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
appearance: none;
background: none;
color: var(--framer-fresco-calendarIcon-color, #888888);
cursor: pointer;
font: inherit;
outline: none;
}
.calendar_clr68rj .calendarCell {
width: 2rem;
border-radius: 6px;
margin: 0;
color: var(--framer-fresco-calendarTextMedium-color, #888888);
cursor: pointer;
font-size: var(--framer-fresco-base-font-size, 12px);
font-style: normal;
font-weight: var(--framer-fresco-baseActive-font-weight, 500);
forced-color-adjust: none;
letter-spacing: 0em;
line-height: 2rem;
outline: none;
text-align: center;
white-space: pre;
}
.calendar_clr68rj .calendarGrid {
border-collapse: collapse;
border-spacing: 0;
}
.calendar_clr68rj .calendarGridBody td {
width: 32px;
height: 32px;
padding: 0;
margin: 0;
}
.calendar_clr68rj .headerCell {
position: relative;
overflow: visible;
width: 32px;
height: 32px;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
color: var(--framer-fresco-calendarTextHeader-color, #333333);
font-size: var(--framer-fresco-base-font-size, 12px);
font-style: normal;
font-weight: var(--framer-fresco-heading-font-weight, 600);
letter-spacing: 0em;
line-height: 1.2;
text-align: center;
white-space: pre;
}
.calendar_clr68rj .calendarCell[data-selected] {
border-radius: 8px;
background: var(--framer-fresco-calendarPrimary-color, #0099ff);
color: var(--framer-fresco-calendarText-color, #ffffff);
}
.calendar_clr68rj .calendarCell[data-outside-month] {
display: none;
}
.calendar_clr68rj .calendarCell[data-hovered]:not([data-selected]) {
background: none;
color: var(--framer-fresco-calendarTextHover-color, #222222);
}
.calendar_clr68rj .calendarCell[data-focus-visible] {
outline: 2px solid var(--framer-fresco-calendarPrimary-color, #0099ff);
outline-offset: 2px;
}
.calendar_clr68rj .calendar-picker > .calendarButton {
margin: 0 4px 8px;
}
.calendar_clr68rj .week {
display: -ms-grid;
display: grid;
gap: 8px;
grid-template-areas: "heading heading heading" "previous grid next";
place-items: center;
}
.calendar_clr68rj .week .calendarHeading {
margin: 0;
font-size: var(--framer-fresco-textLarge-font-size, 14px);
grid-area: heading;
}
.calendar_clr68rj .week .calendarCell[data-outside-month] {
display: block;
}
/* wyw-in-js:EnumVariableEditor.styles_r5qih.wyw.css */
.inputWrapper_iuj0i9m {
height: auto;
padding: 4px;
border: none;
background: transparent;
cursor: pointer;
}
.dropdownIcon_ddr6pxi {
margin-right: 7px;
color: var(--framer-fresco-popupButtonIcon-color, #999999);
pointer-events: none;
}
/* wyw-in-js:FillImagePatternPresetsRow.styles_1jodgsl.wyw.css */
.presetsContainer_p4b05eq {
display: -ms-grid;
display: grid;
-ms-grid-column-gap: 5px;
grid-column-gap: 5px;
-ms-grid-row-gap: 5px;
grid-row-gap: 5px;
-ms-grid-columns: repeat(4, auto);
grid-template-columns: repeat(4, auto);
}
.presetPreview_prqiyvj {
width: 20px;
height: 20px;
border-radius: var(--framer-fresco-tiledImagePresetRadius-dimension, 2px);
box-shadow: rgba(0, 0, 0, 0.15) 0 1px 2px 0;
pointer-events: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.presetPreviewContainer_p1c81r2w {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 30px;
height: 30px;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
border: none;
border-radius: var(--framer-fresco-tiledImagePresetContainerRadius-dimension, 8px);
background-color: var(--framer-fresco-fillPanelPresetBackground-color, #f3f3f3);
outline: none;
}
.presetPreviewContainer_p1c81r2w:hover {
cursor: pointer;
}
.presetPreviewContainerSelected_p1ln12j8 {
border: 1px solid var(--framer-fresco-tint-color, #0099ff);
}
/* wyw-in-js:FillImagePositionRow.styles_tl7dws.wyw.css */
.disabledIconWrapper_dl1ddfs {
opacity: 0.5;
}
/* wyw-in-js:OnPageImageEditToolHud.styles_1vktmpa.wyw.css */
.popout_pqnmppj {
max-width: var(--framer-fresco-popoverWidth-dimension, 260px);
}
/* wyw-in-js:RichTextEditor.styles_1puw71x.wyw.css */
.richTextStyle_rc3ak3a p,
.richTextStyle_rc3ak3a h1,
.richTextStyle_rc3ak3a h2,
.richTextStyle_rc3ak3a h3,
.richTextStyle_rc3ak3a h4,
.richTextStyle_rc3ak3a h5,
.richTextStyle_rc3ak3a h6,
.richTextStyle_rc3ak3a li,
.richTextStyle_rc3ak3a ol,
.richTextStyle_rc3ak3a ul,
.richTextStyle_rc3ak3a mark,
.richTextStyle_rc3ak3a span:not([data-text-fill]) {
font-family: var(--framer-font-family, Inter, Inter Placeholder, sans-serif);
font-style: var(--framer-font-style, normal);
font-weight: var(--framer-font-weight, 400);
color: var(--framer-text-color, #000);
font-size: calc(var(--framer-font-size, 16px) * var(--framer-font-size-scale, 1));
text-transform: var(--framer-text-transform, none);
text-decoration-line: var(--framer-text-decoration, initial);
text-decoration-style: var(--framer-text-decoration-style, initial);
text-decoration-color: var(--framer-text-decoration-color, initial);
text-decoration-thickness: var(--framer-text-decoration-thickness, initial);
text-decoration-skip-ink: var(--framer-text-decoration-skip-ink, initial);
text-underline-offset: var(--framer-text-decoration-offset, initial);
letter-spacing: var(--framer-letter-spacing, 0);
line-height: var(--framer-line-height, 1.2em);
text-align: var(--framer-text-alignment, start);
-webkit-text-stroke-width: var(--framer-text-stroke-width, initial);
-webkit-text-stroke-color: var(--framer-text-stroke-color, initial);
-moz-font-feature-settings: var(--framer-font-open-type-features, initial);
-webkit-font-feature-settings: var(--framer-font-open-type-features, initial);
font-feature-settings: var(--framer-font-open-type-features, initial);
font-variation-settings: var(--framer-font-variation-axes, initial);
text-wrap: var(--framer-text-wrap-override, var(--framer-text-wrap));
}
.richTextStyle_rc3ak3a p,
.richTextStyle_rc3ak3a div,
.richTextStyle_rc3ak3a h1,
.richTextStyle_rc3ak3a h2,
.richTextStyle_rc3ak3a h3,
.richTextStyle_rc3ak3a h4,
.richTextStyle_rc3ak3a h5,
.richTextStyle_rc3ak3a h6 {
margin: 0;
padding: 0;
}
.richTextStyle_rc3ak3a mark:not(.selection),
.richTextStyle_rc3ak3a p,
.richTextStyle_rc3ak3a h1,
.richTextStyle_rc3ak3a h2,
.richTextStyle_rc3ak3a h3,
.richTextStyle_rc3ak3a h4,
.richTextStyle_rc3ak3a h5,
.richTextStyle_rc3ak3a h6,
.richTextStyle_rc3ak3a li,
.richTextStyle_rc3ak3a ol,
.richTextStyle_rc3ak3a ul {
background-color: var(--framer-text-background-color, initial);
border-radius: var(--framer-text-background-radius, initial);
corner-shape: var(--framer-text-background-corner-shape, initial);
padding: var(--framer-text-background-padding, 0);
}
.richTextStyle_rc3ak3a p:not(:first-child),
.richTextStyle_rc3ak3a div:not(:first-child),
.richTextStyle_rc3ak3a h1:not(:first-child),
.richTextStyle_rc3ak3a h2:not(:first-child),
.richTextStyle_rc3ak3a h3:not(:first-child),
.richTextStyle_rc3ak3a h4:not(:first-child),
.richTextStyle_rc3ak3a h5:not(:first-child),
.richTextStyle_rc3ak3a h6:not(:first-child),
.richTextStyle_rc3ak3a ol:not(:first-child),
.richTextStyle_rc3ak3a ul:not(:first-child),
.richTextStyle_rc3ak3a .framer-image:not(:first-child) {
margin-top: var(--framer-paragraph-spacing, 0);
}
.richTextStyle_rc3ak3a li > ul:nth-child(2),
.richTextStyle_rc3ak3a li > ol:nth-child(2) {
margin-top: 0;
}
.richTextStyle_rc3ak3a em {
font-style: var(--framer-font-style-italic, italic);
font-weight: var(--framer-font-weight-italic);
font-family: var(--framer-font-family-italic);
font-variation-settings: var(--framer-font-variation-axes-italic);
}
.richTextStyle_rc3ak3a em > strong {
font-weight: var(--framer-font-weight-bold-italic, bolder);
font-family: var(--framer-font-family-bold-italic);
font-style: var(--framer-font-style-bold-italic, italic);
font-variation-settings: var(--framer-font-variation-axes-bold-italic);
}
.richTextStyle_rc3ak3a strong {
font-weight: var(--framer-font-weight-bold, bolder);
font-family: var(--framer-font-family-bold);
font-style: var(--framer-font-style-bold);
font-variation-settings: var(--framer-font-variation-axes-bold);
}
.richTextStyle_rc3ak3a span[data-text-fill] {
display: inline-block;
-webkit-background-clip: text;
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
padding: max(0em, calc(calc(1.3em - var(--framer-line-height, 1.3em)) / 2));
margin: min(0em, calc(calc(1.3em - var(--framer-line-height, 1.3em)) / -2));
}
.richTextStyle_rc3ak3a code,
.richTextStyle_rc3ak3a code span:not([data-text-fill]) {
font-family: var(--framer-code-font-family, var(--framer-font-family, Inter, Inter Placeholder, sans-serif));
font-style: var(--framer-code-font-style, var(--framer-font-style, normal));
font-weight: var(--framer-code-font-weight, var(--framer-font-weight, 400));
color: var(--framer-code-text-color, var(--framer-text-color, #000));
font-size: calc(var(--framer-font-size, 16px) * var(--framer-font-size-scale, 1));
letter-spacing: var(--framer-letter-spacing, 0);
line-height: var(--framer-line-height, 1.2em);
}
.richTextStyle_rc3ak3a a,
.richTextStyle_rc3ak3a a span:not([data-text-fill]) {
font-family: var(--framer-link-font-family, var(--framer-font-family, Inter, Inter Placeholder, sans-serif));
font-style: var(--framer-link-font-style, var(--framer-font-style, normal));
font-weight: var(--framer-link-font-weight, var(--framer-font-weight, 400));
color: var(--framer-link-text-color, var(--framer-text-color, #000));
font-size: calc(var(--framer-font-size, 16px) * var(--framer-font-size-scale, 1));
text-transform: var(--framer-link-text-transform, var(--framer-text-transform, none));
text-decoration-line: var(--framer-link-text-decoration, var(--framer-text-decoration, initial));
text-decoration-style: var(--framer-link-text-decoration-style, var(--framer-text-decoration-style, initial));
text-decoration-color: var(--framer-link-text-decoration-color, var(--framer-text-decoration-color, initial));
text-decoration-thickness: var( --framer-link-text-decoration-thickness, var(--framer-text-decoration-thickness, initial) );
text-decoration-skip-ink: var( --framer-link-text-decoration-skip-ink, var(--framer-text-decoration-skip-ink, initial) );
text-underline-offset: var(--framer-link-text-decoration-offset, var(--framer-text-decoration-offset, initial));
}
.richTextStyle_rc3ak3a a {
background-color: var(--framer-link-text-background-color, initial);
border-radius: var(--framer-link-text-background-radius, initial);
corner-shape: var(--framer-link-text-background-corner-shape, initial);
padding: var(--framer-link-text-background-padding, initial);
}
.richTextStyle_rc3ak3a code a,
.richTextStyle_rc3ak3a code a span:not([data-text-fill]) {
font-family: var(--framer-code-font-family, var(--framer-font-family, Inter, Inter Placeholder, sans-serif));
font-style: var(--framer-code-font-style, var(--framer-font-style, normal));
font-weight: var(--framer-code-font-weight, var(--framer-font-weight, 400));
color: var(--framer-link-text-color, var(--framer-code-text-color, var(--framer-text-color, #000)));
font-size: calc(var(--framer-link-font-size, var(--framer-font-size, 16px)) * var(--framer-font-size-scale, 1));
}
.richTextStyle_rc3ak3a ul,
.richTextStyle_rc3ak3a ol {
-webkit-padding-start: 0;
padding-inline-start: 0;
margin: 0;
position: relative;
}
.richTextStyle_rc3ak3a ol {
--list-style-type:decimal;
}
.richTextStyle_rc3ak3a li {
position: unset;
counter-increment: list-item;
list-style: none;
-webkit-padding-start: 2ch;
padding-inline-start: 2ch;
}
.richTextStyle_rc3ak3a ol > li::before {
position: absolute;
inset-inline-start: 0;
content: counter(list-item, var(--list-style-type)) ".";
font-variant-numeric: tabular-nums;
}
.richTextStyle_rc3ak3a ol > li:nth-last-child(n+10),
.richTextStyle_rc3ak3a ol > li:nth-last-child(n+10) ~ li {
-webkit-padding-start: 3ch;
padding-inline-start: 3ch;
}
.richTextStyle_rc3ak3a ol > li:nth-last-child(n+100),
.richTextStyle_rc3ak3a ol > li:nth-last-child(n+100) ~ li {
-webkit-padding-start: 4ch;
padding-inline-start: 4ch;
}
.richTextStyle_rc3ak3a ol > li:nth-last-child(n+1000),
.richTextStyle_rc3ak3a ol > li:nth-last-child(n+1000) ~ li {
-webkit-padding-start: 5ch;
padding-inline-start: 5ch;
}
.richTextStyle_rc3ak3a ol > li:nth-last-child(n+10000),
.richTextStyle_rc3ak3a ol > li:nth-last-child(n+10000) ~ li {
-webkit-padding-start: 6ch;
padding-inline-start: 6ch;
}
.richTextStyle_rc3ak3a ol > li:nth-last-child(n+100000),
.richTextStyle_rc3ak3a ol > li:nth-last-child(n+100000) ~ li {
-webkit-padding-start: 7ch;
padding-inline-start: 7ch;
}
.richTextStyle_rc3ak3a ol > li:nth-last-child(n+1000000),
.richTextStyle_rc3ak3a ol > li:nth-last-child(n+1000000) ~ li {
-webkit-padding-start: 8ch;
padding-inline-start: 8ch;
}
.richTextStyle_rc3ak3a ul > li::before {
position: absolute;
inset-inline-start: 0;
content: "\2022";
}
.editor_ej8focl .selection {
color: inherit;
background: transparent;
}
.editor_ej8focl div.ProseMirror:not(.ProseMirror-focused) .selection {
background: rgba(128, 128, 128, 0.33);
}
.editor_ej8focl div.ProseMirror {
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: var(--vertical-alignment);
-ms-flex-pack: var(--vertical-alignment);
-webkit-justify-content: var(--vertical-alignment);
justify-content: var(--vertical-alignment);
width: 100%;
font-variant-ligatures: unset;
font-feature-settings: unset;
white-space: inherit;
}
.editor_ej8focl div.ProseMirror ::selection {
background-color: Highlight;
color: currentColor;
}
.editor_ej8focl .ProseMirror-selectednode {
outline: var(--framer-fresco-richTextSelectionOutline-dimension, 2px) solid var(--framer-fresco-tint-color, #0099ff);
}
.editor_ej8focl .framer-text-component.ProseMirror-selectednode {
outline: var(--framer-fresco-richTextSelectionOutline-dimension, 2px) solid var(--framer-fresco-componentTint-color, #8855ff);
}
/* wyw-in-js:StringEditor.styles_62zx00.wyw.css */
.editor_enbuct8 {
outline: none;
}
/* wyw-in-js:OnPageMoveToolHud.styles_18gix2x.wyw.css */
.nodeOverlay_n1hp61cu {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
cursor: -webkit-grabbing;
cursor: grabbing;
}
.grabCursor_g189l9ii {
cursor: -webkit-grabbing;
cursor: grabbing;
}
.moveHighlightParent_m1va6tk8 {
outline: 2px solid var(--framer-fresco-onPageHighlightBorder-color, rgba(0, 153, 255, 0.8));
}
/* wyw-in-js:OnPageRichTextBreakpointOverrideWarning.styles_1jcjktz.wyw.css */
.warningButton_w1uyyr5z {
display: -ms-inline-grid;
display: inline-grid;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: var(--framer-fresco-canvasTooltipBackground-color, #0099ff);
gap: 4px;
-ms-grid-columns: 8px max-content;
grid-template-columns: 8px max-content;
pointer-events: auto;
text-transform: none;
}
.warningButtonIcon_w1z0oe1i {
width: 8px;
height: 8px;
}
/* wyw-in-js:OnPageRichTextEditToolHud.styles_19r94ai.wyw.css */
.warningContainer_w1v62ead {
position: absolute;
z-index: 1;
bottom: calc(100% + var(--framer-fresco-inputSpacing-dimension, 10px));
left: 0;
pointer-events: none;
}
/* wyw-in-js:EditorBarLayout.styles_wea6d0.wyw.css */
.container_c1amlb55 {
z-index: calc(2147483647);
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 220px;
height: -webkit-min-content;
height: -moz-min-content;
height: min-content;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-box-flex-wrap: nowrap;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
padding: 10px;
border-radius: 18px;
-webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px);
background: var(--framer-fresco-editorBarSubtleBackground-color, rgba(17, 17, 17, 0.9));
box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 0.1), 0px 10px 20px 0px rgba(0, 0, 0, 0.2);
will-change: transform, opacity;
}
.textContainer_t1noknjc {
padding: 10px;
}
.title_t14vtnbc {
color: var(--framer-fresco-editorBarSubtleTitle-color, #ffffff);
font-feature-settings: normal;
font-size: 13px;
font-weight: var(--framer-fresco-heading-font-weight, 600);
letter-spacing: 0em;
line-height: 1.2;
text-align: center;
white-space: pre;
}
.subtitle_swpufyq {
margin: 0;
color: var(--framer-fresco-editorBarSubtleSubtitle-color, #999999);
font-feature-settings: normal;
font-size: 13px;
font-weight: 400;
line-height: 1.4;
text-align: center;
text-wrap: balance;
}
.subtitle_swpufyq a {
color: var(--framer-fresco-editorBarSubtleSubtitleLink-color, #f7f7f7);
-webkit-text-decoration: none;
text-decoration: none;
}
.button_b9jl8lf {
width: 100%;
height: 30px;
border-radius: 8px;
background: var(--framer-fresco-editorBarButtonBackground-color, rgba(255, 255, 255, 0.15));
color: var(--framer-fresco-editorBarButtonSecondaryText-color, #ffffff);
font-size: 13px;
font-weight: var(--framer-fresco-heading-font-weight, 600);
}
.button_b9jl8lf:focus:not(:disabled),
.button_b9jl8lf:hover:not(:disabled),
.button_b9jl8lf:active:focus:not(:disabled),
.button_b9jl8lf:active:hover:not(:disabled) {
background-color: var(--framer-fresco-editorBarButtonBackground-color, rgba(255, 255, 255, 0.15));
}
.editorBarButtonPrimary_eptse9g {
background: #ffffff;
color: #222222;
}
.editorBarButtonPrimary_eptse9g:focus:not(:disabled),
.editorBarButtonPrimary_eptse9g:hover:not(:disabled),
.editorBarButtonPrimary_eptse9g:active:focus:not(:disabled),
.editorBarButtonPrimary_eptse9g:active:hover:not(:disabled) {
background-color: #ffffff;
}
.item_i187n6fv {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
height: 30px;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 0 3px;
border: none;
border-radius: 8px;
background: none;
color: var(--framer-fresco-editorBarMenuItemColor-color, #cccccc);
cursor: pointer;
font-size: 13px;
font-weight: 500;
line-height: 1.1;
text-align: left;
}
.item_i187n6fv:hover {
background: var(--framer-fresco-editorBarSubtleIconSquareBackground-color, rgba(255, 255, 255, 0.15));
color: var(--framer-fresco-editorBarText-color, #ffffff);
}
.menuRowText_mirdjeq {
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: 11px;
}
.divider_djjgtbz {
width: 100%;
height: 1px;
border: none;
margin: 0;
background: var(--framer-fresco-editorBarDividerBackground-color, #ffffff);
opacity: 0.1;
}
.iconSquare_ixgjdid {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 24px;
height: 24px;
-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: var(--framer-fresco-editorBarSubtleIconSquareBackground-color, rgba(255, 255, 255, 0.15));
}
.item_i187n6fv:hover .iconSquare_ixgjdid {
background: var(--framer-fresco-editorBarSubtleIconSquareBackgroundHover-color, rgba(255, 255, 255, 0.2));
}
.buttonsContainer_b1qnbldr {
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: 10px;
}
/* wyw-in-js:ModalLayout.styles_1kz6389.wyw.css */
.backdrop_bzafg2a {
position: absolute;
top: 0;
left: 0;
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;
background-color: var(--framer-fresco-modalBackdrop-color, rgba(0, 0, 0, 0.4));
}
.container_cnhgigm {
z-index: calc(2147483647);
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 220px;
height: -webkit-min-content;
height: -moz-min-content;
height: min-content;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-box-flex-wrap: nowrap;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
padding: 10px;
border-radius: 18px;
-webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px);
background: var(--framer-fresco-editorBarSubtleBackground-color, rgba(17, 17, 17, 0.9));
box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 0.1), 0px 10px 20px 0px rgba(0, 0, 0, 0.2);
will-change: transform, opacity;
}
.textContainer_t1ookr3o {
padding: 10px;
}
.title_tyol4w7 {
color: var(--framer-fresco-editorBarSubtleTitle-color, #ffffff);
font-feature-settings: normal;
font-size: var(--framer-fresco-heading-font-size, 13px);
font-weight: var(--framer-fresco-heading-font-weight, 600);
letter-spacing: 0em;
line-height: 1.2;
text-align: center;
white-space: pre;
}
.subtitle_s7fryoi {
margin: 0;
color: var(--framer-fresco-editorBarSubtleSubtitle-color, #999999);
font-feature-settings: normal;
font-size: var(--framer-fresco-heading-font-size, 13px);
font-weight: 400;
line-height: 1.4;
text-align: center;
text-wrap: balance;
}
.subtitle_s7fryoi a {
color: var(--framer-fresco-editorBarSubtleSubtitleLink-color, #f7f7f7);
-webkit-text-decoration: none;
text-decoration: none;
}
.button_by9jupw {
width: 100%;
height: 30px;
border-radius: 8px;
background: var(--framer-fresco-editorBarButtonBackground-color, rgba(255, 255, 255, 0.15));
color: var(--framer-fresco-editorBarButtonSecondaryText-color, #ffffff);
font-size: 13px;
font-weight: var(--framer-fresco-heading-font-weight, 600);
}
.button_by9jupw:focus:not(:disabled),
.button_by9jupw:hover:not(:disabled),
.button_by9jupw:active:focus:not(:disabled),
.button_by9jupw:active:hover:not(:disabled) {
background-color: var(--framer-fresco-editorBarButtonBackground-color, rgba(255, 255, 255, 0.15));
}
.buttonsContainer_b18g1n4a {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
}
.closeModal_c1gc3a0q {
position: absolute;
top: 0;
right: 0;
padding: var(--framer-fresco-modalPadding-dimension, 15px);
color: var(--framer-fresco-editorBarSubtleSubtitle-color, #999999);
cursor: pointer;
}
.closeModal_c1gc3a0q:hover {
color: var(--framer-fresco-editorBarText-color, #ffffff);
}
/* wyw-in-js:Loading.styles_1rrg13o.wyw.css */
.loading_lbz3y5l {
position: relative;
width: 100%;
height: 100%;
}
/* wyw-in-js:EditorBarGuestScreen.styles_w8i8ij.wyw.css */
.loginButtonLoading_l4nhz4u {
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;
}
/* wyw-in-js:Menu.styles_1anxfqd.wyw.css */
.menuItemWrapper_mu6ry6k {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
}
.itemTooltip_i1irwbe6 {
z-index: 28;
max-width: 200px;
padding: var(--framer-fresco-menuItemPadding-dimension, 10px);
line-height: 1.5;
white-space: normal;
text-align: left;
}
.itemTooltip_i1irwbe6.itemTooltip_i1irwbe6 {
border-radius: var(--framer-fresco-menuBorderRadius-dimension, 13px);
}
.buttonArrow_bqwxsfx {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 8px;
height: 8px;
-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-panelChevron-color, #bbbbbb);
}
.acceleratorList_ay9bzvl {
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-menuTextDisabled-color, rgba(34, 34, 34, 0.4));
gap: 1px;
}
.accelerator_ahvwyj9 {
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);
}
.delimiter_d1aq9ud6 {
text-align: center;
}
.badge_b1r3i2ed {
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: var(--menu-badge-padding, 3px 4px 2px 4px);
border: var(--menu-badge-border, 1px solid var(--framer-fresco-menuBadgeBorder-color, transparent));
border-radius: var(--menu-badge-border-radius, 40px);
margin-left: var(--menu-badge-margin-left, 6px);
background-color: var(--menu-badge-background, var(--framer-fresco-menuBadgeBackground-color, rgba(136, 136, 136, 0.15)));
color: var(--menu-badge-color, var(--framer-fresco-menuBadgeColor-color, #888888));
font-size: var(--menu-badge-font-size, var(--framer-fresco-labelSmall-font-size, 9px));
font-weight: var(--menu-badge-font-weight, var(--framer-fresco-heading-font-weight, 600));
letter-spacing: var(--menu-badge-letter-spacing, 0.01em);
line-height: var(--menu-badge-line-height, 1);
text-align: center;
text-transform: var(--menu-badge-text-transform, uppercase);
}
.description_ddwpnn1 {
display: block;
color: var(--framer-fresco-menuDescription-color, #999999);
font-size: var(--framer-fresco-label-font-size, 10px);
}
.checkboxContainer_ck05by6 {
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;
-webkit-box-pack: start;
-ms-flex-pack: start;
-webkit-justify-content: flex-start;
justify-content: flex-start;
gap: var(--framer-fresco-menuItemGap-dimension, 10px);
}
.checkbox_c1ide4av {
width: 12px;
height: 12px;
color: var(--framer-fresco-menuCheckbox-color, #222222);
}
.label_lqsdyuc {
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;
-webkit-box-pack: start;
-ms-flex-pack: start;
-webkit-justify-content: flex-start;
justify-content: flex-start;
gap: var(--framer-fresco-menuItemGap-dimension, 10px);
}
.labelWithNoRightElement_l10bnj1v {
padding-right: var(--framer-fresco-menuItemGap-dimension, 10px);
}
.menuIcon_m1lrhh4u {
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;
}
.menuItem_m1fc9sk1 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
overflow: hidden;
width: 100%;
height: var(--framer-fresco-contentItemHeight-dimension, 30px);
-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-menuItemPadding-dimension, 10px);
border-radius: var(--framer-fresco-contentItemRadius-dimension, 8px);
color: var(--framer-fresco-menuText-color, #222222);
cursor: default;
gap: var(--framer-fresco-menuItemGap-dimension, 10px);
scroll-snap-margin: 0.5rem;
scroll-margin: 0.5rem;
white-space: pre;
}
@media (pointer: coarse) {
.menuItem_m1fc9sk1 {
cursor: pointer;
height: var(--framer-fresco-contentItemHeightTouch-dimension, 44px);
touch-action: manipulation;
}
}
.menuItem_m1fc9sk1:focus-visible {
outline: transparent;
}
.menuItem_m1fc9sk1:where([data-active-item]):not(:has([data-active-item])),
.menuItem_m1fc9sk1:where([data-active-item][aria-expanded=false]),
.menuItem_m1fc9sk1:where([data-active-item][aria-selected]) {
background-color: var(--menu-item-background-active, var(--framer-fresco-menuBackgroundActive-color, #0099ff));
color: var(--menu-text-active, var(--framer-fresco-menuTextActive-color, #ffffff));
}
.menuItem_m1fc9sk1:where([data-active-item]):not(:has([data-active-item])) .acceleratorList_ay9bzvl,
.menuItem_m1fc9sk1:where([data-active-item][aria-expanded=false]) .acceleratorList_ay9bzvl,
.menuItem_m1fc9sk1:where([data-active-item][aria-selected]) .acceleratorList_ay9bzvl,
.menuItem_m1fc9sk1:where([data-active-item]):not(:has([data-active-item])) .buttonArrow_bqwxsfx,
.menuItem_m1fc9sk1:where([data-active-item][aria-expanded=false]) .buttonArrow_bqwxsfx,
.menuItem_m1fc9sk1:where([data-active-item][aria-selected]) .buttonArrow_bqwxsfx {
color: var(--menu-caret-active, var(--framer-fresco-menuCaretActive-color, #ffffff));
}
.menuItem_m1fc9sk1:where([data-active-item]):not(:has([data-active-item])) .checkbox_c1ide4av,
.menuItem_m1fc9sk1:where([data-active-item][aria-expanded=false]) .checkbox_c1ide4av,
.menuItem_m1fc9sk1:where([data-active-item][aria-selected]) .checkbox_c1ide4av {
color: var(--menu-checkbox-active, var(--framer-fresco-menuCheckboxActive-color, #ffffff));
}
.menuItem_m1fc9sk1:where([data-active-item]):not(:has([data-active-item])) .badge_b1r3i2ed,
.menuItem_m1fc9sk1:where([data-active-item][aria-expanded=false]) .badge_b1r3i2ed,
.menuItem_m1fc9sk1:where([data-active-item][aria-selected]) .badge_b1r3i2ed {
background-color: var(--menu-badge-background-active, var(--framer-fresco-menuBadgeBackgroundActive-color, rgba(255, 255, 255, 0.3)));
color: var(--menu-badge-color-active, var(--framer-fresco-menuBadgeColorActive-color, #ffffff));
}
.menuItem_m1fc9sk1:where([data-active-item]):not(:has([data-active-item])) .description_ddwpnn1,
.menuItem_m1fc9sk1:where([data-active-item][aria-expanded=false]) .description_ddwpnn1,
.menuItem_m1fc9sk1:where([data-active-item][aria-selected]) .description_ddwpnn1 {
color: var(--framer-fresco-menuDescriptionActive-color, rgba(255, 255, 255, 0.8));
}
.menuItem_m1fc9sk1:where([data-active-item=true][aria-expanded=true]):not(:hover) {
background-color: var(--framer-fresco-menuItemWithSubmenuBackgroundActive-color, #f3f3f3);
color: var(--framer-fresco-menuText-color, #222222);
}
.menuItem_m1fc9sk1:where([data-active-item=true][aria-expanded=true]):not(:hover) .acceleratorList_ay9bzvl {
color: var(--framer-fresco-menuTextDisabled-color, rgba(34, 34, 34, 0.4));
}
.menuItem_m1fc9sk1:where([data-active-item=true][aria-expanded=true]):not(:hover) .buttonArrow_bqwxsfx {
color: var(--framer-fresco-panelChevron-color, #bbbbbb);
}
.menuItem_m1fc9sk1:where([data-active-item=true][aria-expanded=true]):not(:hover) .checkbox_c1ide4av {
color: var(--framer-fresco-menuCheckbox-color, #222222);
}
.menuItem_m1fc9sk1:where([aria-disabled=true]) {
color: var(--framer-fresco-menuTextDisabled-color, rgba(34, 34, 34, 0.4));
}
.menuItem_m1fc9sk1:where([aria-disabled=true]) .acceleratorList_ay9bzvl {
color: var(--framer-fresco-menuTextDisabled-color, rgba(34, 34, 34, 0.4));
opacity: 0.6;
}
.menuItem_m1fc9sk1:where([aria-disabled=true]) .buttonArrow_bqwxsfx {
color: var(--framer-fresco-panelChevron-color, #bbbbbb);
opacity: 0.6;
}
.menuItem_m1fc9sk1:where([aria-disabled=true]) .checkbox_c1ide4av {
color: var(--framer-fresco-menuCheckboxDisabled-color, rgba(34, 34, 34, 0.3));
}
.menuItemWithDescription_mfbiwg1 {
height: 40px;
}
.menuItemWithCheckedPadding_m154ipfz {
padding-left: calc(12px + var(--framer-fresco-menuItemGap-dimension, 10px) + var(--framer-fresco-menuItemPadding-dimension, 10px));
}
.menuItemWithAvatar_m1e3rcy1 {
height: calc(var(--framer-fresco-avatarSize-dimension, 30px) + 4px * 2);
padding-left: 4px;
border-radius: 11px;
}
.separator_sxzzb2k {
width: 100%;
height: 1px;
padding: 0;
border: none;
margin: var(--framer-fresco-menuGap-dimension, 5px) 0;
background-color: var(--framer-fresco-menuSeparator-color, #eeeeee);
}
.menu_m8c9l16 {
position: relative;
z-index: 32;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
overflow: hidden;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
min-width: 100px;
max-width: min(500px, 96vw);
max-height: min(800px, 90dvh) !important;
box-sizing: border-box;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
padding: var(--framer-fresco-menuPadding-dimension, 5px);
border-radius: var(--framer-fresco-menuBorderRadius-dimension, 13px);
margin: 0;
background-color: var(--framer-fresco-menuBackground-color, #ffffff);
box-shadow: var(--framer-fresco-menu-shadow, 0px 3px 6px rgba(0, 0, 0, 0.1));
font-size: var(--framer-fresco-base-font-size, 12px);
font-weight: var(--framer-fresco-base-font-weight, 500);
line-height: 1.2;
overflow-y: auto;
touch-action: manipulation;
}
.menu_m8c9l16:focus-visible {
outline: transparent;
}
.animatedMenu_a1t22t6v {
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 left);
-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);
}
.animatedMenu_a1t22t6v[data-enter] {
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.animatedMenu_a1t22t6v[data-leave] {
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;
}
.menuUnsaturated_me5hedy {
--menu-item-background-active:var(--framer-fresco-menuBackgroundActiveUnsaturated-color, #f2f2f2);
--menu-text-active:var(--framer-fresco-menuTextActiveUnsaturated-color, #222222);
--menu-caret-active:var(--framer-fresco-menuTextActiveUnsaturated-color, #222222);
--menu-badge-background-active:var(--framer-fresco-menuBadgeBackground-color, rgba(136, 136, 136, 0.15));
--menu-badge-color-active:var(--framer-fresco-menuBadgeColor-color, #888888);
--menu-checkbox-active:var(--framer-fresco-menuTextActiveUnsaturated-color, #222222);
}
.menuProvider_msnmoi2 {
max-height: -webkit-fit-content;
max-height: -moz-fit-content;
max-height: fit-content;
}
.withSearchableItems_w19qrosd {
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;
}
.searchInputWrapper_s1vev1e1 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
height: calc(var(--framer-fresco-contentItemHeight-dimension, 30px) + var(--framer-fresco-menuPadding-dimension, 5px) + 1px);
-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-right: var(--framer-fresco-menuItemPadding-dimension, 10px);
padding-bottom: var(--framer-fresco-menuPadding-dimension, 5px);
padding-left: var(--framer-fresco-menuItemPadding-dimension, 10px);
border-bottom: 1px solid var(--framer-fresco-menuSeparator-color, #eeeeee);
gap: 10px;
}
.searchInput_ssbtwy1 {
width: 100%;
height: 100%;
padding: 0;
border: 0;
background-color: var(--framer-fresco-menuBackground-color, #ffffff);
color: var(--framer-fresco-menuText-color, #222222);
font-size: var(--framer-fresco-base-font-size, 12px);
font-weight: var(--framer-fresco-baseActive-font-weight, 500);
line-height: 1.2;
outline: none;
}
.searchInput_ssbtwy1::-webkit-input-placeholder {
color: #999999;
}
.searchInput_ssbtwy1::-moz-placeholder {
color: #999999;
}
.searchInput_ssbtwy1:-ms-input-placeholder {
color: #999999;
}
.searchInput_ssbtwy1::placeholder {
color: #999999;
}
.searchIconWrapper_s1d3tuh7 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
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: #999999;
}
.emptyMenu_e1nw69yk {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
height: var(--framer-fresco-contentItemHeight-dimension, 30px);
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 0 var(--framer-fresco-menuItemPadding-dimension, 10px);
color: #999999;
font-weight: var(--framer-fresco-base-font-weight, 500);
}
.autosized_a5l2dp5 {
overflow: hidden;
}
.menuItemWithIcon_m4c5y86 {
padding-left: 5px;
}
.menuItemWithIcon_m4c5y86 .label_lqsdyuc {
gap: var(--menu-item-icon-gap, var(--framer-fresco-menuItemGap-dimension, 10px));
}
.menuItemWithIcon_m4c5y86 .menuIcon_m1lrhh4u {
color: var(--framer-fresco-menuIcon-color, rgba(34, 34, 34, 0.4));
}
.menuItemWithIcon_m4c5y86:where([data-active-item]):not(:has([data-active-item])),
.menuItemWithIcon_m4c5y86:where([data-active-item][aria-expanded=false]),
.menuItemWithIcon_m4c5y86:where([data-active-item][aria-selected]) {
color: var(--framer-fresco-menuTextActive-color, #ffffff);
}
.menuItemWithIcon_m4c5y86:where([data-active-item]):not(:has([data-active-item])) .menuIcon_m1lrhh4u,
.menuItemWithIcon_m4c5y86:where([data-active-item][aria-expanded=false]) .menuIcon_m1lrhh4u,
.menuItemWithIcon_m4c5y86:where([data-active-item][aria-selected]) .menuIcon_m1lrhh4u {
color: var(--framer-fresco-menuTextActive-color, #ffffff);
}
.menuItemWithIcon_m4c5y86:where([data-active-item]):not(:has([data-active-item])) .acceleratorList_ay9bzvl,
.menuItemWithIcon_m4c5y86:where([data-active-item][aria-expanded=false]) .acceleratorList_ay9bzvl,
.menuItemWithIcon_m4c5y86:where([data-active-item][aria-selected]) .acceleratorList_ay9bzvl {
color: var(--framer-fresco-menuCaretActive-color, #ffffff);
}
.menuItemWithIcon_m4c5y86:where([data-active-item=true][aria-expanded=true]):not(:hover) {
color: var(--framer-fresco-menuText-color, #222222);
}
.menuItemWithIcon_m4c5y86:where([data-active-item=true][aria-expanded=true]):not(:hover) .menuIcon_m1lrhh4u {
color: var(--framer-fresco-menuIcon-color, rgba(34, 34, 34, 0.4));
}
.menuItemWithIcon_m4c5y86:where([data-active-item=true][aria-expanded=true]):not(:hover) .acceleratorList_ay9bzvl {
color: var(--framer-fresco-menuTextDisabled-color, rgba(34, 34, 34, 0.4));
}
.menuItemWithIcon_m4c5y86:where([aria-disabled=true]) .menuIcon_m1lrhh4u > svg,
.menuItemWithIcon_m4c5y86:where([aria-disabled=true]) .menuIcon_m1lrhh4u > img {
opacity: 0.6;
}
.menuItemWithSubmenuIcon_mz1j6h7 {
padding-left: var(--framer-fresco-menuItemPadding-dimension, 10px);
}
/* wyw-in-js:TeamAvatar.styles_1oji351.wyw.css */
.container_cq2i6r2 {
position: relative;
}
.organizationAvatar_o199fue7 {
position: absolute;
top: 16px;
left: 18px;
box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2);
}
.organizationAvatarText_o16gpm6 {
color: var(--framer-fresco-tint-color, #0099ff);
font-size: 11px;
}
/* wyw-in-js:CursorScroll.styles_1od4vbk.wyw.css */
.container_c2v15of {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
overflow: hidden;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
overflow-y: auto;
}
.contentContainerWithPadding_c1tr39qo {
padding-top: var(--framer-fresco-menuGap-dimension, 5px);
}
.absoluteBottom_a103jkx3 {
bottom: 0;
}
.absoluteTop_auzolsl {
top: 0;
}
.overlayContainer_o179w3e7 {
position: absolute;
z-index: 1;
right: 0;
left: 0;
width: 100%;
height: 60px;
pointer-events: none;
}
.overlayGradient_o1h5p0we {
width: 100%;
height: 50%;
}
.upOverlayGradient_u1hfkq3i {
background: linear-gradient(var(--framer-fresco-menuBackground-color, #ffffff), transparent);
}
.downOverlayGradient_dh1045z {
background: linear-gradient(transparent, var(--framer-fresco-menuBackground-color, #ffffff));
}
.overlayControl_o1sgpxwn {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
height: 50%;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
border: none;
background-color: var(--framer-fresco-menuBackground-color, #ffffff);
color: var(--framer-fresco-menuBackground-color, #ffffff);
cursor: default;
pointer-events: all;
}
.overlayControl_o1sgpxwn svg {
color: var(--framer-fresco-menuText-color, #222222);
opacity: 0.4;
}
.scrollContent_swuysmr {
position: relative;
width: 100%;
height: 100%;
}
.boundaryElement_b3o367f {
position: absolute;
right: 0;
left: 0;
width: 100%;
height: var(--framer-fresco-contentItemHeight-dimension, 30px);
pointer-events: none;
}
/* wyw-in-js:OnPageSandboxStore.styles_3pg1gd.wyw.css */
.iframe_i12uczf0 {
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
border: none;
opacity: 1;
pointer-events: none;
-webkit-transition: opacity 300ms;
transition: opacity 300ms;
}
.iframe_i12uczf0[aria-hidden=true] {
opacity: 0;
}
body:has(.iframe_i12uczf0[aria-hidden=true]) {
overflow: hidden;
}
/*# sourceMappingURL=https://localhost:8009/editorbar.debug.css.map */