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;
}
html,
* {
box-sizing: border-box;
}
body,
figure {
margin: 0;
}
body,
div[contenteditable='true'] {
outline: none;
}
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;
}
@font-face {
font-family: Inter;
font-style: normal;
font-weight: 100;
src: url('https://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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;
}
@font-face {
font-family: Inter Display;
font-style: normal;
font-weight: 100;
src: url('https://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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://app.framerstatic.com/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;
}
.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;
inset: -2px -2px -2px -32px;
border: 2px solid #8cf;
pointer-events: none;
}
img.ProseMirror-separator {
display: inline !important;
border: none !important;
margin: 0 !important;
}
@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;
}
.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;
}
.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: '';
inset: 0;
background: #c8c8ff66;
pointer-events: none;
}
.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 0.15s,
-webkit-transform ease 0.12s;
transition:
background-color ease 0.15s,
transform ease 0.12s;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.tin3qvp svg {
vertical-align: middle;
}
.pdo5t88 {
width: var(--avatar-size);
height: var(--avatar-size);
border-radius: 50%;
object-fit: cover;
pointer-events: none;
}
.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;
}
.a1bxrn0q,
.a1bxrn0q span,
.a1bxrn0q img {
border-radius: 8px;
}
.a11h4pl4,
.a11h4pl4 span,
.a11h4pl4 img {
border-radius: 6px;
}
.af2dsga,
.af2dsga span,
.af2dsga img {
border-radius: 50%;
}
.a3wph07 {
--avatar-color: #888;
}
.a3wph07 .pdo5t88,
.a3wph07 .tin3qvp {
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
opacity: 0.6;
}
.a1v49ess {
--avatar-color: #888;
}
.a1v49ess .pdo5t88,
.a1v49ess .tin3qvp {
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
}
.pdzonbm {
width: 40px;
}
.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: #0009;
cursor: pointer;
opacity: 0;
-webkit-transition: opacity 0.3s ease-in-out;
transition: opacity 0.3s ease-in-out;
}
.c1ac9vjt:hover {
opacity: 1;
}
.byyde7g {
position: absolute;
top: 16px;
left: 16px;
display: content;
}
.b1arctdq {
display: inline-block;
padding: 2px 5px;
border-radius: 10px;
background-color: var(
--framer-fresco-tintDimmed-color,
rgba(0, 153, 255, 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;
}
.b1arctdq.primary {
background-color: var(--framer-fresco-tint-color, #0099ff);
color: var(--framer-fresco-buttonTextPrimary-color, #ffffff);
}
.b1arctdq.highlight {
background-color: var(
--framer-fresco-highlightBadgeBackground-color,
rgba(255, 255, 255, 0.3)
);
color: var(--framer-fresco-buttonTextPrimary-color, #ffffff);
}
.b1arctdq.warning {
background-color: var(
--framer-fresco-warningBadgeBackground-color,
rgba(255, 170, 0, 0.15)
);
color: #fa0;
}
.b1arctdq.error {
background-color: var(
--framer-fresco-errorBadgeBackground-color,
rgba(255, 51, 85, 0.15)
);
color: #f35;
}
.b1arctdq.neutral {
background-color: var(
--framer-fresco-neutralBadgeBackground-color,
rgba(102, 102, 102, 0.1)
);
color: var(--framer-fresco-neutralBadgeColor-color, #666666);
}
.b1arctdq.componentTint {
background: var(--framer-fresco-componentTint-color, #8855ff);
color: var(--framer-fresco-buttonTextPrimary-color, #ffffff);
}
.b1arctdq.componentTintDimmed {
background: var(
--framer-fresco-componentTintDimmed-color,
rgba(136, 85, 255, 0.1)
);
color: var(--framer-fresco-componentTint-color, #8855ff);
}
.csx2rjz {
cursor: pointer;
}
.n170cdb6 {
background: var(--framer-fresco-tintDimmed-color, rgba(0, 153, 255, 0.1));
color: var(--framer-fresco-tint-color, #0099ff);
}
.t1buutes {
background: var(
--framer-fresco-timeBadgeBackground-color,
rgba(170, 170, 170, 0.15)
);
color: #999;
}
.l1besr7o {
background-color: #9999991a;
color: #999;
}
.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);
}
.tqhwdgo {
-webkit-transform: translateY(-1px);
-moz-transform: translateY(-1px);
-ms-transform: translateY(-1px);
transform: translateY(-1px);
}
.bo4878e {
-webkit-transition: -webkit-transform 0.1s ease;
transition: transform 0.1s ease;
}
.dkx81zz {
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.r1ynq7nx {
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
}
.a1gfspwd {
-webkit-animation: check-a1gfspwd 0.18s ease forwards;
animation: check-a1gfspwd 0.18s ease forwards;
stroke-dashoffset: 8.5;
}
@-webkit-keyframes check-a1gfspwd {
0% {
stroke-dashoffset: 8.5;
}
to {
stroke-dashoffset: 0;
}
}
@keyframes check-a1gfspwd {
0% {
stroke-dashoffset: 8.5;
}
to {
stroke-dashoffset: 0;
}
}
.uchctd1 {
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.bpm32xq {
border-radius: var(--framer-fresco-bannerRadius-dimension, 8px);
background: var(--framer-fresco-tint-color, #0099ff);
color: #fff;
cursor: pointer;
}
.c6j41ec {
width: 24px;
height: 24px;
-webkit-align-self: flex-end;
-ms-flex-item-align: end;
align-self: flex-end;
opacity: 0.5;
}
.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;
}
.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;
}
.c688seo > * {
display: block;
margin: 0;
}
.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);
}
.rr3s3mz {
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
}
.c1yzp6zb {
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.cn5nsgt {
-webkit-flex-direction: column-reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
.rdho1s2 {
-webkit-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.w13cc93l {
-webkit-box-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.wiwups {
-webkit-box-flex-wrap: wrap-reverse;
-webkit-flex-wrap: wrap-reverse;
-ms-flex-wrap: wrap-reverse;
flex-wrap: wrap-reverse;
}
.n61wj3j {
-webkit-box-flex-wrap: nowrap;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.c1arh7l2 {
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.f1a0wrzs {
-webkit-align-items: flex-start;
-webkit-box-align: flex-start;
-ms-flex-align: flex-start;
align-items: flex-start;
}
.f1pc1h3v {
-webkit-align-items: flex-end;
-webkit-box-align: flex-end;
-ms-flex-align: flex-end;
align-items: flex-end;
}
.s1vsxddg {
-webkit-align-items: space-between;
-webkit-box-align: space-between;
-ms-flex-align: space-between;
align-items: space-between;
}
.s17pexso {
-webkit-align-items: space-evenly;
-webkit-box-align: space-evenly;
-ms-flex-align: space-evenly;
align-items: space-evenly;
}
.s1pkeo8 {
-webkit-align-items: space-around;
-webkit-box-align: space-around;
-ms-flex-align: space-around;
align-items: space-around;
}
.szo8c5f {
-webkit-align-items: stretch;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
.b1sczk5f {
-webkit-align-items: baseline;
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline;
}
.c1e6tv3r {
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
}
.f1nit8mr {
-webkit-box-pack: start;
-ms-flex-pack: start;
-webkit-justify-content: flex-start;
justify-content: flex-start;
}
.f12g0r6k {
-webkit-box-pack: end;
-ms-flex-pack: end;
-webkit-justify-content: flex-end;
justify-content: flex-end;
}
.ev9bvq3 {
-webkit-box-pack: end;
-ms-flex-pack: end;
-webkit-justify-content: end;
justify-content: end;
}
.s17vm8i7 {
-webkit-box-pack: justify;
-ms-flex-pack: space-between;
-webkit-justify-content: space-between;
justify-content: space-between;
}
.sq8tbwe {
-webkit-box-pack: space-evenly;
-ms-flex-pack: space-evenly;
-webkit-justify-content: space-evenly;
justify-content: space-evenly;
}
.bglbznn {
-webkit-box-pack: baseline;
-ms-flex-pack: baseline;
-webkit-justify-content: baseline;
justify-content: baseline;
}
.s5ck358 {
-webkit-box-pack: space-around;
-ms-flex-pack: space-around;
-webkit-justify-content: space-around;
justify-content: space-around;
}
.s414k9w {
-webkit-box-pack: stretch;
-ms-flex-pack: stretch;
-webkit-justify-content: stretch;
justify-content: stretch;
}
.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;
}
.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;
}
.bzfgigp > .center > * {
pointer-events: all;
}
.bzfgigp > :not(.center, .spanner) + :not(.center, .spanner) {
margin-left: var(--bar-item-spacing);
}
.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;
}
.t1295uka {
overflow: clip;
min-width: 0;
text-overflow: ellipsis;
white-space: nowrap;
}
.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;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.b1rdbf0o:disabled {
opacity: 0.5;
}
.b1rdbf0o:not(:disabled) {
cursor: pointer;
}
.b1rdbf0o:focus:not(:disabled),
.b1rdbf0o:hover:not(:disabled) {
background-color: var(--framer-fresco-buttonBackgroundHover-color, #eeeeee);
}
.b1rdbf0o:active:focus:not(:disabled),
.b1rdbf0o:active:hover:not(:disabled) {
background-color: var(--framer-fresco-buttonBackgroundActive-color, #dddddd);
}
.bygx14j {
height: var(--framer-fresco-inputHeightSmall-dimension, 26px);
border-radius: var(--framer-fresco-inputRadiusSmall-dimension, 5px);
}
.b1oc7bld {
font-weight: var(--framer-fresco-heading-font-weight, 600);
}
.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);
}
.b1imdzu7:focus:not(:disabled),
.b1imdzu7:hover:not(:disabled) {
background-color: var(
--framer-fresco-buttonBackgroundPrimaryHover-color,
#0088ff
);
}
.b1imdzu7:active:focus:not(:disabled),
.b1imdzu7:active:hover:not(:disabled) {
background-color: var(
--framer-fresco-buttonBackgroundPrimaryActive-color,
#0077ff
);
}
.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;
}
.bvatmcz:focus:not(:disabled),
.bvatmcz:hover:not(:disabled),
.bvatmcz:active:focus:not(:disabled),
.bvatmcz:active:hover:not(:disabled) {
background: none;
color: var(--framer-fresco-tintDark-color, #0088ff);
}
.b1kotam0 {
width: auto;
height: auto;
padding: 0;
border: none;
border-radius: 0;
margin: 0;
background: none;
}
.b1kotam0:focus:not(:disabled),
.b1kotam0:hover:not(:disabled),
.b1kotam0:active:focus:not(:disabled),
.b1kotam0:active:hover:not(:disabled) {
background: none;
}
.b13fldmr {
background-color: var(
--framer-fresco-buttonBackgroundDestructive-color,
#ff3366
);
color: var(--framer-fresco-buttonTextDestructive-color, #ffffff);
}
.b13fldmr:focus:not(:disabled),
.b13fldmr:hover:not(:disabled) {
background-color: var(
--framer-fresco-buttonBackgroundDestructiveHover-color,
#ee2255
);
}
.b13fldmr:active:focus:not(:disabled),
.b13fldmr:active:hover:not(:disabled) {
background-color: var(
--framer-fresco-buttonBackgroundDestructiveActive-color,
#dd1144
);
}
.b1blsh5f {
background-color: var(
--framer-fresco-buttonBackgroundDestructiveSecondary-color,
rgba(255, 51, 102, 0.1)
);
color: var(--framer-fresco-buttonTextDestructiveSecondary-color, #ee2255);
}
.b1blsh5f:focus:not(:disabled),
.b1blsh5f:hover:not(:disabled) {
background-color: var(
--framer-fresco-buttonBackgroundDestructiveSecondaryHover-color,
rgba(255, 51, 102, 0.15)
);
}
.b1blsh5f:active:focus:not(:disabled),
.b1blsh5f:active:hover:not(:disabled) {
background-color: var(
--framer-fresco-buttonBackgroundDestructiveSecondaryActive-color,
rgba(255, 51, 102, 0.15)
);
}
.tk89f6k {
min-width: 0;
}
.c6dohbs {
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;
}
.bn3co68 {
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: none;
transition: none;
}
.bn3co68:disabled {
background-color: var(
--framer-fresco-buttonWithDepthBackgroundDisabled-color,
#f3f3f3
);
box-shadow: none;
color: var(--framer-fresco-buttonWithDepthTextDisabled-color, #cccccc);
opacity: 1;
}
.bn3co68:focus:not(:disabled),
.bn3co68:hover:not(:disabled),
.bn3co68:active:focus:not(:disabled),
.bn3co68:active:hover:not(:disabled) {
background-color: var(
--framer-fresco-buttonWithDepthBackground-color,
#ffffff
);
}
.pvsi73e {
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;
}
.pvsi73e:focus:not(:disabled),
.pvsi73e:hover:not(:disabled),
.pvsi73e:active:focus:not(:disabled),
.pvsi73e: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);
}
.pvsi73e: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;
}
.deaa8uw {
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);
}
.deaa8uw:focus:not(:disabled),
.deaa8uw:hover:not(:disabled),
.deaa8uw:active:focus:not(:disabled),
.deaa8uw: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);
}
.deaa8uw:disabled {
background-color: var(
--framer-fresco-buttonWithDepthDestructiveBackground-color,
#ff3366
);
box-shadow: none;
color: var(--framer-fresco-buttonTextDestructive-color, #ffffff);
opacity: 0.5;
}
.sf8naee:before {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
}
.bpepy2w {
z-index: 0;
overflow: visible;
background: linear-gradient(270deg, #b18aff, #0bf);
color: #fff;
font-weight: var(--framer-fresco-heading-font-weight, 600);
}
.bpepy2w:before {
position: absolute;
z-index: -1;
bottom: -4px;
left: 0;
display: block;
width: 100%;
height: 100%;
background: linear-gradient(270deg, #96f, #0cf);
content: '';
-webkit-filter: blur(4px);
filter: blur(4px);
opacity: 0.4;
}
body[data-framer-theme='dark'] .bpepy2w:before {
opacity: 0.15;
}
.c18yhkm8 {
position: relative;
display: inline-block;
width: var(--framer-fresco-checkboxSize-dimension, 12px);
height: var(--framer-fresco-checkboxSize-dimension, 12px);
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
border-radius: var(--framer-fresco-checkboxRadius-dimension, 3px);
background-color: var(--framer-fresco-checkboxBackground-color, #dddddd);
-webkit-transition: background-color 0.2s ease;
transition: background-color 0.2s ease;
}
.c18yhkm8:hover {
background-color: var(
--framer-fresco-checkboxBackgroundActive-color,
#cccccc
);
}
.c18yhkm8 > input:before {
position: absolute;
inset: -6px;
content: '';
}
.c18yhkm8 > svg {
display: block;
margin: 0;
}
.c1msowdv {
width: 16px;
height: 16px;
border-radius: var(--framer-fresco-checkboxRadiusLarge-dimension, 4px);
}
.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;
}
.i153taa3:focus {
outline-color: transparent;
outline-style: solid;
}
.i153taa3:focus-visible {
border-color: var(--framer-fresco-inputBorderActive-color, #0099ff);
}
.i153taa3:not(:disabled) {
cursor: pointer;
}
.cvtr28g {
background-color: var(
--framer-fresco-checkboxBackgroundChecked-color,
#0099ff
);
}
.cvtr28g:hover {
background-color: var(
--framer-fresco-checkboxBackgroundCheckedActive-color,
#0088ff
);
}
.c8cose3 {
opacity: 0.3;
pointer-events: none;
}
.c8cose3:hover {
background-color: var(--framer-fresco-checkboxBackground-color, #dddddd);
}
.c8cose3.cvtr28g:hover {
background-color: var(
--framer-fresco-checkboxBackgroundChecked-color,
#0099ff
);
}
.pqeyp1e {
stroke: var(--framer-fresco-checkboxStroke-color, #ffffff);
-webkit-transition: stroke-dashoffset 0.1s ease;
transition: stroke-dashoffset 0.1s ease;
}
.pjk7y7n {
transition-delay: 0.1s;
}
.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;
border: 0;
margin: 0;
}
.c5a4eki:not(:-moz-handler-blocked) .c5a4eki {
display: table-cell;
}
.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);
}
.c5a4eki .c18yhkm8 {
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;
margin: 3px 2px;
}
.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;
}
.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;
}
.c1l91hzu {
color: var(--framer-fresco-checkboxLabelDisabled-color, #cccccc);
cursor: default;
}
.l18ynxwu {
--listBorderRadius: 10px;
}
.l18ynxwu.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);
}
.l18so0ry.l18so0ry {
background-color: var(
--framer-fresco-comboBoxMenuBackgroundUnsaturated-color,
#ffffff
);
}
.slepa9p {
position: relative;
height: 1px;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.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;
}
.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;
}
.r14t1omp {
font-size: var(--framer-fresco-heading-font-size, 13px);
}
.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;
}
.rtnyaud {
width: 100%;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.cskm1h4 + .rtnyaud {
width: calc(100% - 20px);
}
.h1twq108 {
background-color: var(
--framer-fresco-comboBoxHighlightedRowTint-color,
#0099ff
);
color: var(--framer-fresco-comboBoxHighlightedRowText-color, #ffffff);
}
.hryng7g {
background-color: var(
--framer-fresco-comboBoxHighlightUnsaturated-color,
#f2f2f2
);
color: var(--framer-fresco-buttonWithDepthText-color, #222222);
}
.dn2dvvk {
opacity: 0.4;
pointer-events: none;
}
.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);
}
.s17etvq1 {
background-color: var(
--framer-fresco-comboBoxMenuBackgroundUnsaturated-color,
#ffffff
);
}
.r13h07hn {
min-width: 3ch;
box-sizing: content-box;
-webkit-flex: 0 1 auto;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
}
.r8ysuk9 {
-webkit-flex: none;
-ms-flex: none;
flex: none;
}
.r15i2pmv {
margin-right: auto;
}
.rkmlc9c {
color: var(--framer-fresco-panelDescription-color, #999999);
text-align: right;
}
.h1twq108 .rkmlc9c {
color: inherit;
}
.ic8izch {
min-width: 0;
max-width: 100%;
}
.i1fwez1w {
font-size: var(--framer-fresco-base-font-size, 12px);
font-weight: var(--framer-fresco-base-font-weight, 500);
}
.rghplyg {
-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;
}
.n5zyxfp {
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;
}
.i65kgn {
width: 12px;
height: 12px;
color: var(--framer-fresco-comboBoxItemIcon-color, #999999);
}
.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;
}
.e1j1lwke .pvsi73e {
font-size: var(--framer-fresco-base-font-size, 12px);
}
.bc3jow4 {
margin-top: 20px;
}
.f3djdwc .bc3jow4,
.f3djdwc .b1imdzu7,
.f3djdwc .b1rdbf0o {
width: 100%;
}
.cw12p4w {
position: absolute;
top: 50%;
left: 0;
width: 100%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.i1v0o626 {
width: 16px;
height: 16px;
border-radius: 50%;
margin-bottom: 15px;
color: var(--framer-fresco-emptyStateIcon-color, #999999);
}
.i4yur6m {
width: 30px;
height: 30px;
border-radius: 8px;
}
.w8op1o5 .b1rdbf0o:not(.b1imdzu7) {
background: none !important;
color: var(--framer-fresco-warningTint-color, #ffbb00);
}
.w8op1o5 .i1v0o626 {
background: var(--framer-fresco-warningTint-color, #ffbb00);
}
.tczxb1t {
margin-bottom: 10px;
color: var(--framer-fresco-panelTitle-color, #333333);
font-weight: var(--framer-fresco-heading-font-weight, 600);
line-height: 1;
}
.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.4;
white-space: pre-wrap;
}
.p1g69xd3 {
min-height: 30px;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.l1m5c2c1 {
text-align: left;
}
.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;
}
.i1ubxgci:focus-within {
border-color: var(--framer-fresco-inputBorderActive-color, #0099ff);
}
.i1ubxgci input {
width: 1px;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
border: none;
background: none;
}
.i1ubxgci input:focus {
border: none;
}
.ieuh0tq {
border-color: var(--framer-fresco-inputBorderError-color, #ff3366);
}
.if3vyou {
height: var(--framer-fresco-inputHeight-dimension, 30px);
min-height: var(--framer-fresco-inputHeight-dimension, 30px);
}
.if3vyou input {
height: calc(100% - 2px);
font-weight: var(--framer-fresco-baseActive-font-weight, 500);
}
.io3pwrq {
height: auto;
}
.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)
);
overflow-y: auto;
}
.a93qo4z {
-webkit-animation: share-dialog-appear-a93qo4z ease-out 0.15s;
animation: share-dialog-appear-a93qo4z ease-out 0.15s;
}
@-webkit-keyframes share-dialog-appear-a93qo4z {
0% {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes share-dialog-appear-a93qo4z {
0% {
opacity: 0;
}
to {
opacity: 1;
}
}
.toyqxha {
opacity: 0;
}
.a1lz2nwz {
position: absolute;
top: calc(var(--framer-fresco-tooltipArrowHeight-dimension, 8px) * -1);
color: var(--framer-fresco-panelBackground-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;
}
.a1lz2nwz.az9drcv.toyqxha {
--additionalTranslateY: 100%;
}
.a1lz2nwz.a1k9fzqw.toyqxha {
--additionalTranslateY: -100%;
}
.a1lz2nwz.a1jif5v3.toyqxha {
--additionalTranslateX: 100%;
}
.a1lz2nwz.ah86ogj.toyqxha {
--additionalTranslateX: -100%;
}
.b1uoieyj {
position: fixed;
inset: 0;
pointer-events: none;
}
.eq1ds02 {
pointer-events: auto;
}
.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-panelPadding-dimension, 15px) 0;
}
.b1xmktzb {
background-color: var(
--framer-fresco-modalBackdrop-color,
rgba(0, 0, 0, 0.4)
);
}
.p14lm6d1 {
position: absolute;
pointer-events: auto;
}
.cisoyrt {
position: relative;
}
body[data-framer-theme='light'] .c1kijz5r {
--framer-fresco-tint-color: #8855ff;
--framer-fresco-tintDark-color: #7744ff;
--framer-fresco-tintExtraDark-color: #7733ff;
--framer-fresco-tintDimmed-color: rgba(136, 85, 255, 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.1
);
--framer-fresco-selectionText-color: #8855ff;
--framer-fresco-assetsRowCodeFileText-color: #8855ff;
--framer-fresco-assetsRowCodeFileBackgroundSelected-color: rgba(
136,
85,
255,
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-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: rgba(
136,
85,
255,
0.1
);
--framer-fresco-menuBackgroundActive-color: #8855ff;
--framer-fresco-layerItemIconDimmed-color: #86829a;
--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-advancedHostingConnectionLabelBackground-color: rgba(
136,
85,
255,
0.15
);
--framer-fresco-advancedHostingConnectionLabelText-color: #8855ff;
--framer-fresco-advancedHostingTooltipTint-color: #8855ff;
--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-breakpointTitleBackgroundPrimary-color: rgba(
136,
85,
255,
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-badgeCurrentPlanTypeBackgroundColor-color: rgba(
136,
85,
255,
0.1
);
--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: rgba(
136,
85,
255,
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'] .c1kijz5r {
--framer-fresco-tint-color: #9966ff;
--framer-fresco-tintDark-color: #8844ff;
--framer-fresco-tintExtraDark-color: #7733ff;
--framer-fresco-tintDimmed-color: rgba(153, 102, 255, 0.15);
--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.1
);
--framer-fresco-selectionText-color: #9966ff;
--framer-fresco-assetsRowCodeFileText-color: #9966ff;
--framer-fresco-assetsRowCodeFileBackgroundSelected-color: rgba(
153,
102,
255,
0.15
);
--framer-fresco-canvasCreatePreviewBorder-color: #9966ff;
--framer-fresco-canvasSelectionRectBackground-color: rgba(153, 102, 255, 0.1);
--framer-fresco-canvasSelectionRectBorder-color: rgba(153, 102, 255, 0.5);
--framer-fresco-canvasTooltipBackground-color: #9966ff;
--framer-fresco-canvasOverlayTriggerOutline-color: rgba(153, 102, 255, 0.5);
--framer-fresco-calendarPrimary-color: #9966ff;
--framer-fresco-buttonBackgroundPrimary-color: #9966ff;
--framer-fresco-buttonBackgroundPrimaryHover-color: #8844ff;
--framer-fresco-buttonBackgroundPrimaryActive-color: #7733ff;
--framer-fresco-buttonWithDepthPrimaryBackground-color: #9966ff;
--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: #9966ff;
--framer-fresco-comboBoxHighlightedRowTint-color: #9966ff;
--framer-fresco-sliderTrackActive-color: #9966ff;
--framer-fresco-alternativePresetIcon-color: #9966ff;
--framer-fresco-alternativePresetSelectedColor-color: #9966ff;
--framer-fresco-alternativePresetSelectedBackground-color: rgba(
153,
102,
255,
0.15
);
--framer-fresco-assetStyleIcon-color: #9966ff;
--framer-fresco-activeGoogleSheetIcon-color: #9966ff;
--framer-fresco-swatchBackgroundForLink-color: #9966ff;
--framer-fresco-checkboxBackgroundChecked-color: #9966ff;
--framer-fresco-checkboxBackgroundCheckedActive-color: #8844ff;
--framer-fresco-toggleBackgroundChecked-color: #9966ff;
--framer-fresco-toolbarIconActive-color: #9966ff;
--framer-fresco-toolbarButtonBackgroundTintedSites-color: rgba(
153,
102,
255,
0.15
);
--framer-fresco-menuBackgroundActive-color: #9966ff;
--framer-fresco-layerItemIconDimmed-color: #74708c;
--framer-fresco-guideHighlightColor-color: #9966ff;
--framer-fresco-badgeBackground-color: rgba(153, 102, 255, 0.15);
--framer-fresco-domainVoucherBadgeIconBackground-color: rgba(
153,
102,
255,
0.1
);
--framer-fresco-feedbackHasRepliesBackground-color: rgba(153, 102, 255, 0.1);
--framer-fresco-badgeBasicWorkspaceBackground-color: rgba(
153,
102,
255,
0.15
);
--framer-fresco-badgeBasicWorkspaceText-color: #9966ff;
--framer-fresco-advancedHostingConnectionLabelBackground-color: rgba(
153,
102,
255,
0.15
);
--framer-fresco-advancedHostingConnectionLabelText-color: #9966ff;
--framer-fresco-advancedHostingTooltipTint-color: #8844ff;
--framer-fresco-kitBadgeForeground-color: #9966ff;
--framer-fresco-toastBackgroundPrimary-color: #9966ff;
--framer-fresco-toastIconSites-color: #9966ff;
--framer-fresco-teamCreationNavigationActive-color: #9966ff;
--framer-fresco-teamCreationBenefitIcon-color: #9966ff;
--framer-fresco-highlightsBorder-color: #9966ff;
--framer-fresco-aiHighlightBorder-color: #9966ff;
--framer-fresco-onPageHighlightBorder-color: rgba(153, 102, 255, 0.8);
--framer-fresco-breakpointTitleBackgroundPrimary-color: rgba(
153,
102,
255,
0.1
);
--framer-fresco-breakpointCreationButtonBackgroundPrimary-color: rgba(
153,
102,
255,
0.15
);
--framer-fresco-breakpointCreationButtonBackgroundActive-color: #9966ff;
--framer-fresco-analyticsTint-color: #9966ff;
--framer-fresco-analyticsTintBackground-color: rgba(153, 102, 255, 0.1);
--framer-fresco-basicSiteColor-color: #9966ff;
--framer-fresco-basicSiteBackground-color: rgba(153, 102, 255, 0.1);
--framer-fresco-planCardPersonalButtonColorText-color: #9966ff;
--framer-fresco-cmsRichTextDropCursor-color: #9966ff;
--framer-fresco-cmsCodeBlockAccent-color: #9966ff;
--framer-fresco-quickActionsIconDefaultLegacy-color: #9966ff;
--framer-fresco-quickActionsIconBackgroundDefault-color: rgba(
153,
102,
255,
0.15
);
--framer-fresco-quickActionsIconBackgroundDefaultActive-color: #9966ff;
--framer-fresco-anchorGridSelected-color: #9966ff;
}
body[data-framer-theme='light'] .cp1njzs {
--framer-fresco-tint-color: #8855ff;
--framer-fresco-tintDark-color: #7744ff;
--framer-fresco-tintExtraDark-color: #7733ff;
--framer-fresco-tintDimmed-color: rgba(136, 85, 255, 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.1
);
--framer-fresco-selectionText-color: #8855ff;
--framer-fresco-assetsRowCodeFileText-color: #8855ff;
--framer-fresco-assetsRowCodeFileBackgroundSelected-color: rgba(
136,
85,
255,
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-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: rgba(
136,
85,
255,
0.1
);
--framer-fresco-menuBackgroundActive-color: #8855ff;
--framer-fresco-layerItemIconDimmed-color: #86829a;
--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-advancedHostingConnectionLabelBackground-color: rgba(
136,
85,
255,
0.15
);
--framer-fresco-advancedHostingConnectionLabelText-color: #8855ff;
--framer-fresco-advancedHostingTooltipTint-color: #8855ff;
--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-breakpointTitleBackgroundPrimary-color: rgba(
136,
85,
255,
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-badgeCurrentPlanTypeBackgroundColor-color: rgba(
136,
85,
255,
0.1
);
--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: rgba(
136,
85,
255,
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'] .cp1njzs {
--framer-fresco-tint-color: #9966ff;
--framer-fresco-tintDark-color: #8844ff;
--framer-fresco-tintExtraDark-color: #7733ff;
--framer-fresco-tintDimmed-color: rgba(153, 102, 255, 0.15);
--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.1
);
--framer-fresco-selectionText-color: #9966ff;
--framer-fresco-assetsRowCodeFileText-color: #9966ff;
--framer-fresco-assetsRowCodeFileBackgroundSelected-color: rgba(
153,
102,
255,
0.15
);
--framer-fresco-canvasCreatePreviewBorder-color: #9966ff;
--framer-fresco-canvasSelectionRectBackground-color: rgba(153, 102, 255, 0.1);
--framer-fresco-canvasSelectionRectBorder-color: rgba(153, 102, 255, 0.5);
--framer-fresco-canvasTooltipBackground-color: #9966ff;
--framer-fresco-canvasOverlayTriggerOutline-color: rgba(153, 102, 255, 0.5);
--framer-fresco-calendarPrimary-color: #9966ff;
--framer-fresco-buttonBackgroundPrimary-color: #9966ff;
--framer-fresco-buttonBackgroundPrimaryHover-color: #8844ff;
--framer-fresco-buttonBackgroundPrimaryActive-color: #7733ff;
--framer-fresco-buttonWithDepthPrimaryBackground-color: #9966ff;
--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: #9966ff;
--framer-fresco-comboBoxHighlightedRowTint-color: #9966ff;
--framer-fresco-sliderTrackActive-color: #9966ff;
--framer-fresco-alternativePresetIcon-color: #9966ff;
--framer-fresco-alternativePresetSelectedColor-color: #9966ff;
--framer-fresco-alternativePresetSelectedBackground-color: rgba(
153,
102,
255,
0.15
);
--framer-fresco-assetStyleIcon-color: #9966ff;
--framer-fresco-activeGoogleSheetIcon-color: #9966ff;
--framer-fresco-swatchBackgroundForLink-color: #9966ff;
--framer-fresco-checkboxBackgroundChecked-color: #9966ff;
--framer-fresco-checkboxBackgroundCheckedActive-color: #8844ff;
--framer-fresco-toggleBackgroundChecked-color: #9966ff;
--framer-fresco-toolbarIconActive-color: #9966ff;
--framer-fresco-toolbarButtonBackgroundTintedSites-color: rgba(
153,
102,
255,
0.15
);
--framer-fresco-menuBackgroundActive-color: #9966ff;
--framer-fresco-layerItemIconDimmed-color: #74708c;
--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: #9966ff;
--framer-fresco-badgeBackground-color: rgba(153, 102, 255, 0.15);
--framer-fresco-domainVoucherBadgeIconBackground-color: rgba(
153,
102,
255,
0.1
);
--framer-fresco-feedbackHasRepliesBackground-color: rgba(153, 102, 255, 0.1);
--framer-fresco-badgeBasicWorkspaceBackground-color: rgba(
153,
102,
255,
0.15
);
--framer-fresco-badgeBasicWorkspaceText-color: #9966ff;
--framer-fresco-advancedHostingConnectionLabelBackground-color: rgba(
153,
102,
255,
0.15
);
--framer-fresco-advancedHostingConnectionLabelText-color: #9966ff;
--framer-fresco-advancedHostingTooltipTint-color: #8844ff;
--framer-fresco-kitBadgeForeground-color: #9966ff;
--framer-fresco-toastBackgroundPrimary-color: #9966ff;
--framer-fresco-toastIconSites-color: #9966ff;
--framer-fresco-teamCreationNavigationActive-color: #9966ff;
--framer-fresco-teamCreationBenefitIcon-color: #9966ff;
--framer-fresco-highlightsBorder-color: #9966ff;
--framer-fresco-aiHighlightBorder-color: #9966ff;
--framer-fresco-onPageHighlightBorder-color: rgba(153, 102, 255, 0.8);
--framer-fresco-breakpointTitleBackgroundPrimary-color: rgba(
153,
102,
255,
0.1
);
--framer-fresco-breakpointCreationButtonBackgroundPrimary-color: rgba(
153,
102,
255,
0.15
);
--framer-fresco-breakpointCreationButtonBackgroundActive-color: #9966ff;
--framer-fresco-analyticsTint-color: #9966ff;
--framer-fresco-analyticsTintBackground-color: rgba(153, 102, 255, 0.1);
--framer-fresco-basicSiteColor-color: #9966ff;
--framer-fresco-basicSiteBackground-color: rgba(153, 102, 255, 0.1);
--framer-fresco-planCardPersonalButtonColorText-color: #9966ff;
--framer-fresco-cmsRichTextDropCursor-color: #9966ff;
--framer-fresco-cmsCodeBlockAccent-color: #9966ff;
--framer-fresco-quickActionsIconDefaultLegacy-color: #9966ff;
--framer-fresco-quickActionsIconBackgroundDefault-color: rgba(
153,
102,
255,
0.15
);
--framer-fresco-quickActionsIconBackgroundDefaultActive-color: #9966ff;
--framer-fresco-anchorGridSelected-color: #9966ff;
}
body[data-framer-theme='dark'] .p1cxqzt9 {
--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-buttonBackgroundActive-color: #232323;
--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;
}
body[data-framer-theme='dark'] .d1gxccix {
--framer-fresco-panelBackground-color: #181818;
--framer-fresco-modalBackground-color: #181818;
--framer-fresco-settingsModalBackground-color: #181818;
--framer-fresco-quickActionsBackgroundActive-color: #222222;
}
body[data-framer-theme='dark'] .dnwddeh {
--framer-fresco-toastBackground-color: #2b2b2b;
}
body[data-framer-theme='light'] .wtrlmda {
--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.1);
--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-canvasSelectionRectBackground-color: rgba(255, 187, 0, 0.2);
--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-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-alternativePresetSelectedBackground-color: rgba(
255,
187,
0,
0.2
);
--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-toolbarButtonBackgroundTintedSites-color: rgba(
255,
187,
0,
0.2
);
--framer-fresco-menuBackgroundActive-color: #ffbb00;
--framer-fresco-calendarPrimary-color: #ffbb00;
--framer-fresco-guideHighlightColor-color: #ffbb00;
--framer-fresco-domainVoucherBadgeIconBackground-color: rgba(
255,
187,
0,
0.2
);
--framer-fresco-feedbackHasRepliesBackground-color: rgba(255, 187, 0, 0.2);
--framer-fresco-badgeBasicWorkspaceText-color: #ffbb00;
--framer-fresco-advancedHostingConnectionLabelText-color: #ffbb00;
--framer-fresco-advancedHostingTooltipTint-color: #ffbb00;
--framer-fresco-agentInputBorder-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-breakpointTitleBackgroundPrimary-color: rgba(
255,
187,
0,
0.2
);
--framer-fresco-breakpointCreationButtonBackgroundActive-color: #ffbb00;
--framer-fresco-analyticsTint-color: #ffbb00;
--framer-fresco-analyticsTintBackground-color: rgba(255, 187, 0, 0.2);
--framer-fresco-basicSiteColor-color: #ffbb00;
--framer-fresco-basicSiteBackground-color: rgba(255, 187, 0, 0.2);
--framer-fresco-planCardPersonalButtonColor-color: rgba(255, 187, 0, 0.2);
--framer-fresco-planCardPersonalButtonColorText-color: #ffbb00;
--framer-fresco-planCardPersonalButtonBorderColor-color: rgba(
255,
187,
0,
0.2
);
--framer-fresco-planCardBillingToggleActiveBackground-color: #ffbb00;
--framer-fresco-badgeCurrentPlanTypeBackgroundColor-color: rgba(
255,
187,
0,
0.2
);
--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'] .wtrlmda {
--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.1);
--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-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-alternativePresetSelectedBackground-color: rgba(
255,
187,
0,
0.2
);
--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-menuBackgroundActive-color: #ffbb00;
--framer-fresco-guideHighlightColor-color: #ffbb00;
--framer-fresco-badgeBackground-color: rgba(255, 187, 0, 0.2);
--framer-fresco-badgeBasicWorkspaceBackground-color: rgba(255, 187, 0, 0.2);
--framer-fresco-badgeBasicWorkspaceText-color: #ffbb00;
--framer-fresco-advancedHostingConnectionLabelBackground-color: rgba(
255,
187,
0,
0.2
);
--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-breakpointCreationButtonBackgroundPrimary-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-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'] .w1dibtpf {
--framer-fresco-tint-color: #0099ff;
--framer-fresco-tintDimmed-color: rgba(0, 153, 255, 0.1);
--framer-fresco-selectionText-color: #0099ff;
--framer-fresco-assetsRowCodeFileText-color: #0099ff;
--framer-fresco-assetsRowCodeFileBackgroundSelected-color: rgba(
0,
153,
255,
0.1
);
--framer-fresco-canvasCreatePreviewBorder-color: #0099ff;
--framer-fresco-canvasSelectionRectBackground-color: rgba(0, 153, 255, 0.1);
--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-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-alternativePresetSelectedBackground-color: rgba(
0,
153,
255,
0.1
);
--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-toolbarButtonBackgroundTintedSites-color: rgba(
0,
153,
255,
0.1
);
--framer-fresco-menuBackgroundActive-color: #0099ff;
--framer-fresco-calendarPrimary-color: #0099ff;
--framer-fresco-guideHighlightColor-color: #0099ff;
--framer-fresco-domainVoucherBadgeIconBackground-color: rgba(
0,
153,
255,
0.1
);
--framer-fresco-feedbackHasRepliesBackground-color: rgba(0, 153, 255, 0.1);
--framer-fresco-badgeBasicWorkspaceText-color: #0099ff;
--framer-fresco-advancedHostingConnectionLabelText-color: #0099ff;
--framer-fresco-advancedHostingTooltipTint-color: #0099ff;
--framer-fresco-agentInputBorder-color: transparent;
--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-breakpointTitleBackgroundPrimary-color: rgba(
0,
153,
255,
0.1
);
--framer-fresco-breakpointCreationButtonBackgroundActive-color: #0099ff;
--framer-fresco-analyticsTint-color: #0099ff;
--framer-fresco-analyticsTintBackground-color: rgba(0, 153, 255, 0.1);
--framer-fresco-basicSiteColor-color: #0099ff;
--framer-fresco-basicSiteBackground-color: rgba(0, 153, 255, 0.1);
--framer-fresco-planCardPersonalButtonColor-color: rgba(0, 153, 255, 0.1);
--framer-fresco-planCardPersonalButtonColorText-color: #0099ff;
--framer-fresco-planCardPersonalButtonBorderColor-color: rgba(
0,
153,
255,
0.1
);
--framer-fresco-planCardBillingToggleActiveBackground-color: #0099ff;
--framer-fresco-badgeCurrentPlanTypeBackgroundColor-color: rgba(
0,
153,
255,
0.1
);
--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: rgba(
0,
153,
255,
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'] .w1dibtpf {
--framer-fresco-tint-color: #0099ff;
--framer-fresco-tintDimmed-color: rgba(0, 153, 255, 0.15);
--framer-fresco-selectionText-color: #0099ff;
--framer-fresco-assetsRowCodeFileText-color: #0099ff;
--framer-fresco-assetsRowCodeFileBackgroundSelected-color: rgba(
0,
153,
255,
0.15
);
--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-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-alternativePresetSelectedBackground-color: rgba(
0,
153,
255,
0.15
);
--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: rgba(
0,
153,
255,
0.15
);
--framer-fresco-menuBackgroundActive-color: #0099ff;
--framer-fresco-guideHighlightColor-color: #0099ff;
--framer-fresco-badgeBackground-color: rgba(0, 153, 255, 0.15);
--framer-fresco-badgeBasicWorkspaceBackground-color: rgba(0, 153, 255, 0.15);
--framer-fresco-badgeBasicWorkspaceText-color: #0099ff;
--framer-fresco-advancedHostingConnectionLabelBackground-color: rgba(
0,
153,
255,
0.15
);
--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-breakpointCreationButtonBackgroundPrimary-color: rgba(
0,
153,
255,
0.15
);
--framer-fresco-breakpointCreationButtonBackgroundActive-color: #0099ff;
--framer-fresco-analyticsTint-color: #0099ff;
--framer-fresco-basicSiteColor-color: #0099ff;
--framer-fresco-planCardPersonalButtonColorText-color: #0099ff;
--framer-fresco-cmsRichTextDropCursor-color: #0099ff;
--framer-fresco-cmsCodeBlockAccent-color: #0099ff;
--framer-fresco-quickActionsIconDefaultLegacy-color: #0099ff;
--framer-fresco-quickActionsIconBackgroundDefault-color: rgba(
0,
153,
255,
0.15
);
--framer-fresco-quickActionsIconBackgroundDefaultActive-color: #0099ff;
--framer-fresco-anchorGridSelected-color: #0099ff;
}
body[data-framer-theme='light'] .exbk601 {
--framer-fresco-tint-color: #333333;
--framer-fresco-tintDark-color: #333333;
--framer-fresco-selectionBackground-color: color(
display-p3 0.2 0.2 0.2 / 0.1
);
--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-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-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-toggleBackgroundChecked-color: #333333;
--framer-fresco-toggleTackDisabled-color: #ffffff;
--framer-fresco-toolbarIconActive-color: #333333;
--framer-fresco-toolbarButtonTextActive-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-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-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-dashboardSidebarSearchBackground-color: #ffffff;
--framer-fresco-dashboardTopBarBackground-color: #ffffff;
--framer-fresco-badgeBasicWorkspaceText-color: #333333;
--framer-fresco-projectMenuButtonBackground-color: #ffffff;
--framer-fresco-dashboardLearnPlayBackground-color: #ffffff;
--framer-fresco-dashboardNewProjectCardModalBackground-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-settingsModalBackground-color: #ffffff;
--framer-fresco-settingsModalTeamSearchFilterButtonActiveText-color: #ffffff;
--framer-fresco-settingsModalRemoveAvatarButton-color: #ffffff;
--framer-fresco-invitePopoverBackground-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-toastBackground-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-statusBarCustomerBetaText-color: #ffffff;
--framer-fresco-statusBarTunnelText-color: #ffffff;
--framer-fresco-statusBarPreviewLinkText-color: #ffffff;
--framer-fresco-statusBarStableText-color: #ffffff;
--framer-fresco-settingsContainerBackground-color: #ffffff;
--framer-fresco-settingsImageBackground-color: #ffffff;
--framer-fresco-settingsImageClearButtonBackground-color: #ffffff;
--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-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-historyPanelRowBackground-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'] .exbk601 {
--framer-fresco-tint-color: #ffffff;
--framer-fresco-tintDark-color: #ffffff;
--framer-fresco-selectionBackground-color: color(display-p3 1 1 1 / 0.1);
--framer-fresco-selectionText-color: #ffffff;
--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-buttonWithDepthText-color: #333333;
--framer-fresco-buttonWithDepthPrimaryBackground-color: #ffffff;
--framer-fresco-electronTabBarTextActive-color: #333333;
--framer-fresco-inputBorderActive-color: #ffffff;
--framer-fresco-comboBoxSectionText-color: #333333;
--framer-fresco-comboBoxHighlightedRowTint-color: #ffffff;
--framer-fresco-comboBoxHighlightedRowText-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-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-toolbarButtonBackgroundActive-color: #333333;
--framer-fresco-toolbarButtonText-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-contextMenuButtonIconHover-color: #333333;
--framer-fresco-pageRowTextActive-color: #333333;
--framer-fresco-pageIconSelected-color: #333333;
--framer-fresco-pageContextMenuButtonIconHover-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-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-dashboardSidebarDismissIcon-color: #333333;
--framer-fresco-dashboardSidebarSearchTitle-color: #333333;
--framer-fresco-badgeBasicWorkspaceText-color: #ffffff;
--framer-fresco-projectMenuButtonText-color: #333333;
--framer-fresco-customSearchTextWhileTyping-color: #333333;
--framer-fresco-dashboardLearnPlayBackground-color: #333333;
--framer-fresco-dashboardLearnTitle-color: #333333;
--framer-fresco-dashboardNewProjectModalTitle-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-agentFeedbackCommentDisclosureFillActive-color: #333333;
--framer-fresco-agentFeedbackCommentPrimary-color: #333333;
--framer-fresco-agentFeedbackThreadResolveForeground-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-statusBarCustomerBetaText-color: #333333;
--framer-fresco-statusBarTunnelText-color: #333333;
--framer-fresco-statusBarPreviewLinkText-color: #333333;
--framer-fresco-statusBarStableText-color: #333333;
--framer-fresco-publishPopoverTooltipTitle-color: #333333;
--framer-fresco-settingsContainerTitle-color: #333333;
--framer-fresco-settingsImageClearButtonForeground-color: #333333;
--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-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-inlineFormattingMenuTextHover-color: #333333;
--framer-fresco-inlineFormattingMenuTextActive-color: #333333;
--framer-fresco-inlineFormattingMenuIconHover-color: #333333;
--framer-fresco-inlineFormattingMenuIconActive-color: #333333;
--framer-fresco-localizationGlossaryHeading-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'] .o1bg37zd,
body[data-framer-theme='dark'] .o1bg37zd {
--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;
}
.w17lze7l {
display: contents;
}
body {
--framer-fresco-tint-color: #0099ff;
--framer-fresco-tintDark-color: #0088ff;
--framer-fresco-tintExtraDark-color: #1188ff;
--framer-fresco-tintDimmed-color: rgba(0, 153, 255, 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: rgba(136, 85, 255, 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.263 0.59 0.97 / 0.1
);
--framer-fresco-selectionComponentBackground-color: color(
display-p3 0.52 0.357 0.965 / 0.1
);
--framer-fresco-selectionWarningBackground-color: color(
display-p3 1 0.733 0 / 0.1
);
--framer-fresco-selectionEnterpriseUpsellBackground-color: color(
display-p3 0.2 0.2 0.2 / 0.1
);
--framer-fresco-selectionText-color: #0099ff;
--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: #999999;
--framer-fresco-panelSubtitle-color: #666666;
--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: rgba(
0,
153,
255,
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-modalSecondaryBackground-color: #fafafa;
--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-modalForm-color: #999999;
--framer-fresco-modalCloseIcon-color: #999999;
--framer-fresco-largeModalTitle-color: #000000;
--framer-fresco-largeModalDescription-color: #333333;
--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-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-buttonBackgroundActive-color: #dddddd;
--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-buttonBackgroundDestructiveActive-color: #dd1144;
--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-buttonBackgroundDestructiveSecondaryActive-color: rgba(
255,
51,
102,
0.15
);
--framer-fresco-buttonTextDestructiveSecondary-color: #ee2255;
--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-inputBorderActive-color: #0099ff;
--framer-fresco-inputText-color: #333333;
--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-comboBoxMenuBackgroundUnsaturated-color: #ffffff;
--framer-fresco-iconPadlock-color: #bbbbbb;
--framer-fresco-padLockConnector-color: #dddddd;
--framer-fresco-popoverBackground-color: #ffffff;
--framer-fresco-popoverDivider-color: #eeeeee;
--framer-fresco-popoverDescription-color: #aaa;
--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: #dddddd;
--framer-fresco-radioButtonBackgroundHover-color: #cccccc;
--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.3
);
--framer-fresco-swatchOverlappingBorder-color: rgba(255, 255, 255, 0.9);
--framer-fresco-checkboxBackground-color: #dddddd;
--framer-fresco-checkboxBackgroundActive-color: #cccccc;
--framer-fresco-checkboxBackgroundChecked-color: #0099ff;
--framer-fresco-checkboxBackgroundCheckedActive-color: #0088ff;
--framer-fresco-checkboxLabel-color: #333333;
--framer-fresco-checkboxLabelDisabled-color: #cccccc;
--framer-fresco-checkboxStroke-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-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-toolbarButtonBackground-color: #f3f3f3;
--framer-fresco-toolbarButtonBackgroundActive-color: #333333;
--framer-fresco-toolbarButtonBackgroundWarning-color: rgba(255, 170, 0, 0.2);
--framer-fresco-toolbarButtonBackgroundWarningActive-color: rgba(
255,
170,
0,
0.3
);
--framer-fresco-toolbarButtonBackgroundError-color: rgba(255, 51, 85, 0.1);
--framer-fresco-toolbarButtonBackgroundErrorActive-color: rgba(
255,
51,
85,
0.2
);
--framer-fresco-toolbarButtonText-color: #666666;
--framer-fresco-toolbarButtonTextWarning-color: #ffaa00;
--framer-fresco-toolbarButtonTextError-color: #ff3355;
--framer-fresco-toolbarButtonTextActive-color: #ffffff;
--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: rgba(
0,
153,
255,
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-breadcrumbItemText-color: #888888;
--framer-fresco-breadcrumbItemBackground-color: rgba(0, 0, 0, 0.05);
--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-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-menuShadow-color: rgba(0, 0, 0, 0.1);
--framer-fresco-menuBadgeBackground-color: rgba(136, 136, 136, 0.15);
--framer-fresco-menuBadgeColor-color: #888888;
--framer-fresco-menuBadgeBackgroundActive-color: rgba(255, 255, 255, 0.3);
--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-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: rgba(187, 187, 187, 0.5);
--framer-fresco-layerItemIconInactiveSelected-color: rgba(187, 187, 187, 0.5);
--framer-fresco-layerItemPlaceholderText-color: #999999;
--framer-fresco-layerItemComponentLabel-color: #aaaaaa;
--framer-fresco-layerItemComponentLabelSelected-color: #ffffff;
--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, 0.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-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-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-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-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-dashboardSidebarTextHover-color: #555555;
--framer-fresco-dashboardSidebarDivider-color: #eeeeee;
--framer-fresco-dashboardSidebarActions-color: #666666;
--framer-fresco-dashboardSidebarJoinTeamButton-color: #eeeeee;
--framer-fresco-dashboardSidebarJoinTeamButtonHover-color: #e6e6e6;
--framer-fresco-dashboardSidebarUpgradeCardBackground-color: #eeeeee;
--framer-fresco-dashboardSidebarUpgradeCardText-color: #666666;
--framer-fresco-dashboardSidebarActive-color: #222222;
--framer-fresco-dashboardSidebarActiveBackground-color: #f3f3f3;
--framer-fresco-dashboardSidebarDismissIcon-color: #666666;
--framer-fresco-dashboardSidebarBorder-color: #eeeeee;
--framer-fresco-dashboardSidebarIcon-color: #999999;
--framer-fresco-dashboardSidebarIconHover-color: #888888;
--framer-fresco-dashboardSidebarViewCount-color: #999999;
--framer-fresco-dashboardSidebarSearchBackground-color: #ffffff;
--framer-fresco-dashboardSidebarSearchShadow-color: rgba(0, 0, 0, 0.1);
--framer-fresco-dashboardSidebarSearchTitle-color: #222222;
--framer-fresco-dashboardSidebarSearchPreviewBorder-color: #eeeeee;
--framer-fresco-dashboardSidebarSearchPreviewBackground-color: #fafafa;
--framer-fresco-dashboardSidebarInviteIcon-color: #999999;
--framer-fresco-dashboardTopBarBackground-color: #ffffff;
--framer-fresco-dashboardTopBarBorder-color: #eeeeee;
--framer-fresco-badgeFreeWorkspaceBackground-color: rgba(136, 136, 136, 0.15);
--framer-fresco-badgeFreeWorkspaceText-color: #888888;
--framer-fresco-badgeLiteWorkspaceBackground-color: rgba(136, 136, 136, 0.15);
--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-projectMenuButtonBackground-color: #ffffff;
--framer-fresco-projectMenuButtonText-color: #222222;
--framer-fresco-projectMenuButtonShadow-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-customSearchBackground-color: #f3f3f3;
--framer-fresco-customSearchText-color: #999999;
--framer-fresco-customSearchIcon-color: #999999;
--framer-fresco-customSearchTextWhileTyping-color: #000000;
--framer-fresco-dashboardLearnPlayBackground-color: #ffffff;
--framer-fresco-dashboardLearnPlayIcon-color: #000000;
--framer-fresco-dashboardLearnTitle-color: #000000;
--framer-fresco-dashboardNewProjectModalDivider-color: #eeeeee;
--framer-fresco-dashboardNewProjectModalTitle-color: #333333;
--framer-fresco-dashboardNewProjectCardModalBackground-color: #ffffff;
--framer-fresco-dashboardNewProjectCardModalBackgroundBlank-color: #f7f7f7;
--framer-fresco-dashboardNewProjectModalCardContent-color: #666666;
--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: #999999;
--framer-fresco-advancedHostingTableHeader-color: #999999;
--framer-fresco-advancedHostingBorder-color: #eeeeee;
--framer-fresco-advancedHostingTableItem-color: #666666;
--framer-fresco-advancedHostingTableIcon-color: #999999;
--framer-fresco-advancedHostingTableDragHandle-color: #cccccc;
--framer-fresco-advancedHostingFilterColor-color: #999999;
--framer-fresco-advancedHostingExpandDomainsButton-color: #888888;
--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-upgradeFromDashboardLinkHover-color: #f6f6f6;
--framer-fresco-settingsModalBackground-color: #ffffff;
--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-invitePopoverBackground-color: #ffffff;
--framer-fresco-invitePopoverSelectedMenuRow-color: #eeeeee;
--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-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: #ebebeb;
--framer-fresco-agentButtonChatForeground-color: #666666;
--framer-fresco-agentButtonChatDisabledBackground-color: #ebebeb;
--framer-fresco-agentButtonChatDisabledForeground-color: #999999;
--framer-fresco-agentLogsText-color: #bbbbbb;
--framer-fresco-agentLogsTextActive-color: #222222;
--framer-fresco-agentLogsTextError-color: #666666;
--framer-fresco-agentBorder-color: #eeeeee;
--framer-fresco-agentInput-color: #f3f3f3;
--framer-fresco-agentInputPlaceholder-color: #999999;
--framer-fresco-agentInputBorder-color: transparent;
--framer-fresco-agentFeedbackThreadBackground-color: #ffffff;
--framer-fresco-agentFeedbackCommentDisclosureFill-color: #999999;
--framer-fresco-agentFeedbackCommentDisclosureFillActive-color: #222222;
--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-agentOperationsSummary-color: #999999;
--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-toastBackground-color: #ffffff;
--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-onPageHighlightBackground-color: rgba(0, 153, 255, 0.2);
--framer-fresco-componentProgressOverlayBackground-color: #e6e2ef;
--framer-fresco-componentProgressOverlayBorder-color: #e6e2ef;
--framer-fresco-componentProgressOverlayTitle-color: #8855ff;
--framer-fresco-statusBarCustomerBetaBackground-color: #6666ff;
--framer-fresco-statusBarCustomerBetaText-color: #ffffff;
--framer-fresco-statusBarTunnelText-color: #ffffff;
--framer-fresco-statusBarTunnelBackground-color: #ff8822;
--framer-fresco-statusBarProductionTunnelBackground-color: #ff2424;
--framer-fresco-statusBarEmployeeBetaBackground-color: #fdfdfd;
--framer-fresco-statusBarEmployeeBetaText-color: #333333;
--framer-fresco-statusBarPreviewLinkBackground-color: linear-gradient(
90deg,
rgba(0, 238, 255, 1) 0%,
rgba(0, 51, 255, 1) 100%
);
--framer-fresco-statusBarPreviewLinkText-color: #ffffff;
--framer-fresco-statusBarStableBackground-color: #22cc88;
--framer-fresco-statusBarStableText-color: #ffffff;
--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-stackItemHighlight-color: rgba(0, 153, 255, 0.2);
--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-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-settingsFormsSectionDescription-color: #666666;
--framer-fresco-settingsFormsUsageDescription-color: #999999;
--framer-fresco-siteSettingsBorderSectionDivider-color: #eeeeee;
--framer-fresco-dnsTableHeaderBackground-color: #f3f3f3;
--framer-fresco-dnsTableHeaderText-color: #333333;
--framer-fresco-dnsTableBorder-color: #eeeeee;
--framer-fresco-dnsTableText-color: #666666;
--framer-fresco-dnsTableIcon-color: #999999;
--framer-fresco-breakpointTitle-color: #999999;
--framer-fresco-breakpointTitleBackground-color: rgba(153, 153, 153, 0.1);
--framer-fresco-breakpointTitleBackgroundPrimary-color: rgba(
0,
153,
255,
0.1
);
--framer-fresco-breakpointPlayButtonBackground-color: #999999;
--framer-fresco-breakpointCreationButtonBackground-color: rgba(
153,
153,
153,
0.15
);
--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-cmsTableSelectedRowBackground-color: #fcfcfc;
--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-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-inlineEditingMenuBackground-color: rgba(255, 255, 255, 0.8);
--framer-fresco-inlineEditingMenuBorder-color: transparent;
--framer-fresco-inlineFormattingMenuBackgroundActive-color: rgba(
0,
0,
0,
0.05
);
--framer-fresco-inlineFormattingMenuText-color: #666666;
--framer-fresco-inlineFormattingMenuTextHover-color: #222222;
--framer-fresco-inlineFormattingMenuTextActive-color: #222222;
--framer-fresco-inlineFormattingMenuIcon-color: #999999;
--framer-fresco-inlineFormattingMenuIconHover-color: #222222;
--framer-fresco-inlineFormattingMenuIconActive-color: #222222;
--framer-fresco-inlineFormattingMenuHeading-color: #999999;
--framer-fresco-inlineFormattingMenuDivider-color: #eeeeee;
--framer-fresco-localizationText-color: #555555;
--framer-fresco-localizationPlaceholderText-color: #999999;
--framer-fresco-localizationWarningTint-color: #ffaa01;
--framer-fresco-localizationGlossaryHeading-color: #222222;
--framer-fresco-quickActionsText-color: #666666;
--framer-fresco-quickActionsTextActive-color: #222222;
--framer-fresco-quickActionsSecondaryText-color: #999999;
--framer-fresco-quickActionsBackgroundActive-color: #f5f5f5;
--framer-fresco-quickActionsSeparator-color: #eeeeee;
--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: rgba(
0,
153,
255,
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-historyPanelRowBackground-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-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-agentModal-shadow:
0px 0px 0px 1px rgba(0, 0, 0, 0.05), 0px 4px 8px 0px rgba(0, 0, 0, 0.08);
--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 10px 20px 0px rgba(0, 0, 0, 0.1);
--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-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-modal-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.15);
--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-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-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: 40px 0px 40px 40px rgba(0, 0, 0, 0.1);
--framer-fresco-sideOverlayPeek-shadow: 10px 0px 10px 10px rgba(0, 0, 0, 0.1);
--framer-fresco-segmentedControlItemSelected-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-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='dark'] {
--framer-fresco-tint-color: #0099ff;
--framer-fresco-tintDark-color: #0088ff;
--framer-fresco-tintExtraDark-color: #1188ff;
--framer-fresco-tintDimmed-color: rgba(0, 153, 255, 0.15);
--framer-fresco-tintGradientStart-color: rgba(0, 153, 255, 0.4);
--framer-fresco-tintGradientEnd-color: rgba(0, 153, 255, 0.8);
--framer-fresco-componentTint-color: #9966ff;
--framer-fresco-componentTintDark-color: #8844ff;
--framer-fresco-componentTintExtraDark-color: #7733ff;
--framer-fresco-componentTintDimmed-color: rgba(153, 102, 255, 0.15);
--framer-fresco-componentTintDimmedDrag-color: rgba(153, 102, 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.263 0.59 0.97 / 0.1
);
--framer-fresco-selectionComponentBackground-color: color(
display-p3 0.52 0.357 0.965 / 0.1
);
--framer-fresco-selectionWarningBackground-color: color(
display-p3 1 0.733 0 / 0.1
);
--framer-fresco-selectionEnterpriseUpsellBackground-color: color(
display-p3 1 1 1 / 0.1
);
--framer-fresco-selectionText-color: #0099ff;
--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: #999999;
--framer-fresco-panelSubtitle-color: #cccccc;
--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: rgba(
0,
153,
255,
0.15
);
--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(
153,
102,
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-modalSecondaryBackground-color: #181818;
--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-modalForm-color: #fdfdfd;
--framer-fresco-modalCloseIcon-color: #fdfdfd;
--framer-fresco-largeModalTitle-color: #ffffff;
--framer-fresco-largeModalDescription-color: #cccccc;
--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-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-buttonBackgroundActive-color: #232323;
--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-buttonBackgroundDestructiveActive-color: #cf2e55;
--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-buttonBackgroundDestructiveSecondaryActive-color: rgba(
255,
51,
102,
0.1
);
--framer-fresco-buttonTextDestructiveSecondary-color: #ee2255;
--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: 0px 2px 4px 0px
rgba(0, 153, 255, 0.2);
--framer-fresco-buttonWithDepthPrimaryShadowHover-color: 0px 2px 4px 0px
rgba(13, 144, 255, 0.3);
--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-inputBorderActive-color: #0099ff;
--framer-fresco-inputText-color: #eeeeee;
--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: #2b2b2b;
--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: #333333;
--framer-fresco-comboBoxMenuBackgroundUnsaturated-color: #222222;
--framer-fresco-iconPadlock-color: #999999;
--framer-fresco-padLockConnector-color: #444444;
--framer-fresco-popoverBackground-color: #2b2b2b;
--framer-fresco-popoverDivider-color: #363636;
--framer-fresco-popoverDescription-color: #888;
--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: #555555;
--framer-fresco-radioButtonBackgroundHover-color: #777777;
--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: #555555;
--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: #999999;
--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.3
);
--framer-fresco-swatchOverlappingBorder-color: rgba(17, 17, 17, 0.9);
--framer-fresco-checkboxBackground-color: #555555;
--framer-fresco-checkboxBackgroundActive-color: #777777;
--framer-fresco-checkboxBackgroundChecked-color: #0099ff;
--framer-fresco-checkboxBackgroundCheckedActive-color: #0088ff;
--framer-fresco-checkboxLabel-color: #ffffff;
--framer-fresco-checkboxLabelDisabled-color: #444444;
--framer-fresco-checkboxStroke-color: #ffffff;
--framer-fresco-moreInfoText-color: #eeeeee;
--framer-fresco-moreInfoDisclosureIcon-color: #aaaaaa;
--framer-fresco-toggleBackground-color: #555555;
--framer-fresco-toggleBackgroundChecked-color: #0099ff;
--framer-fresco-toggleBackgroundDisabled-color: #444444;
--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-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-toolbarButtonBackground-color: #333333;
--framer-fresco-toolbarButtonBackgroundActive-color: #ffffff;
--framer-fresco-toolbarButtonBackgroundWarning-color: rgba(255, 187, 0, 0.2);
--framer-fresco-toolbarButtonBackgroundWarningActive-color: rgba(
255,
187,
0,
0.3
);
--framer-fresco-toolbarButtonBackgroundError-color: rgba(255, 51, 85, 0.2);
--framer-fresco-toolbarButtonBackgroundErrorActive-color: rgba(
255,
51,
85,
0.3
);
--framer-fresco-toolbarButtonText-color: #ffffff;
--framer-fresco-toolbarButtonTextActive-color: #000000;
--framer-fresco-toolbarButtonTextWarning-color: #ffcc00;
--framer-fresco-toolbarButtonTextError-color: #ff3355;
--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: rgba(
0,
153,
255,
0.15
);
--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-breadcrumbItemText-color: #999999;
--framer-fresco-breadcrumbItemBackground-color: rgba(255, 255, 255, 0.05);
--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-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-menuShadow-color: rgba(0, 0, 0, 0.3);
--framer-fresco-menuBadgeBackground-color: rgba(136, 136, 136, 0.15);
--framer-fresco-menuBadgeColor-color: #888888;
--framer-fresco-menuBadgeBackgroundActive-color: rgba(255, 255, 255, 0.3);
--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-pageContextMenuButtonIconHover-color: #ffffff;
--framer-fresco-pageFolderIconFill-color: rgba(153, 153, 153, 0.3);
--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: #999999;
--framer-fresco-layerItemIconDimmed-color: #6c758c;
--framer-fresco-layerItemIconComponentDimmed-color: #74708c;
--framer-fresco-layerItemIconInactive-color: rgba(102, 102, 102, 0.5);
--framer-fresco-layerItemIconInactiveSelected-color: rgba(255, 255, 255, 0.5);
--framer-fresco-layerItemPlaceholderText-color: #999999;
--framer-fresco-layerItemComponentLabel-color: #555555;
--framer-fresco-layerItemComponentLabelSelected-color: #ffffff;
--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: #9966ff;
--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-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-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-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-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-dashboardSidebarTextHover-color: #bababa;
--framer-fresco-dashboardSidebarDivider-color: #252525;
--framer-fresco-dashboardSidebarActions-color: #888888;
--framer-fresco-dashboardSidebarJoinTeamButton-color: #222222;
--framer-fresco-dashboardSidebarJoinTeamButtonHover-color: #1d1d1d;
--framer-fresco-dashboardSidebarUpgradeCardBackground-color: #222222;
--framer-fresco-dashboardSidebarUpgradeCardText-color: #666666;
--framer-fresco-dashboardSidebarActive-color: #ffffff;
--framer-fresco-dashboardSidebarActiveBackground-color: #2b2b2b;
--framer-fresco-dashboardSidebarDismissIcon-color: #ffffff;
--framer-fresco-dashboardSidebarBorder-color: #252525;
--framer-fresco-dashboardSidebarIcon-color: #999999;
--framer-fresco-dashboardSidebarIconHover-color: #bababa;
--framer-fresco-dashboardSidebarViewCount-color: #999999;
--framer-fresco-dashboardSidebarSearchBackground-color: #222222;
--framer-fresco-dashboardSidebarSearchShadow-color: rgba(0, 0, 0, 0.1);
--framer-fresco-dashboardSidebarSearchTitle-color: #ffffff;
--framer-fresco-dashboardSidebarSearchPreviewBorder-color: #404040;
--framer-fresco-dashboardSidebarSearchPreviewBackground-color: #333333;
--framer-fresco-dashboardSidebarInviteIcon-color: #777777;
--framer-fresco-dashboardTopBarBackground-color: #111111;
--framer-fresco-dashboardTopBarBorder-color: #252525;
--framer-fresco-badgeFreeWorkspaceBackground-color: rgba(136, 136, 136, 0.15);
--framer-fresco-badgeFreeWorkspaceText-color: #888888;
--framer-fresco-badgeLiteWorkspaceBackground-color: rgba(136, 136, 136, 0.15);
--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-projectMenuButtonBackground-color: #333333;
--framer-fresco-projectMenuButtonText-color: #ffffff;
--framer-fresco-projectMenuButtonShadow-color: 0px 2px 4px 0px
rgba(0, 0, 0, 0.2);
--framer-fresco-customSearchBackground-color: #2b2b2b;
--framer-fresco-customSearchText-color: #999999;
--framer-fresco-customSearchIcon-color: #999999;
--framer-fresco-customSearchTextWhileTyping-color: #ffffff;
--framer-fresco-dashboardLearnPlayBackground-color: #ffffff;
--framer-fresco-dashboardLearnPlayIcon-color: #000000;
--framer-fresco-dashboardLearnTitle-color: #ffffff;
--framer-fresco-dashboardNewProjectModalDivider-color: #2b2b2b;
--framer-fresco-dashboardNewProjectModalTitle-color: #ffffff;
--framer-fresco-dashboardNewProjectCardModalBackground-color: #2b2b2b;
--framer-fresco-dashboardNewProjectCardModalBackgroundBlank-color: #363636;
--framer-fresco-dashboardNewProjectModalCardContent-color: #dddddd;
--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-advancedHostingTableItem-color: #cccccc;
--framer-fresco-advancedHostingTableIcon-color: #999999;
--framer-fresco-advancedHostingTableDragHandle-color: #444444;
--framer-fresco-advancedHostingFilterColor-color: #999999;
--framer-fresco-advancedHostingExpandDomainsButton-color: #888888;
--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-upgradeFromDashboardLinkHover-color: #181818;
--framer-fresco-settingsModalBackground-color: #1d1d1d;
--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-invitePopoverBackground-color: #111111;
--framer-fresco-invitePopoverSelectedMenuRow-color: #2b2b2b;
--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-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: #333333;
--framer-fresco-agentButtonChatForeground-color: #ffffff;
--framer-fresco-agentButtonChatDisabledBackground-color: #333333;
--framer-fresco-agentButtonChatDisabledForeground-color: #999999;
--framer-fresco-agentLogsText-color: #444444;
--framer-fresco-agentLogsTextActive-color: #ffffff;
--framer-fresco-agentLogsTextError-color: #999999;
--framer-fresco-agentBorder-color: rgba(255, 255, 255, 0.08);
--framer-fresco-agentInput-color: #1f1f1f;
--framer-fresco-agentInputPlaceholder-color: #666666;
--framer-fresco-agentInputBorder-color: rgba(255, 255, 255, 0.07);
--framer-fresco-agentFeedbackThreadBackground-color: #111111;
--framer-fresco-agentFeedbackCommentDisclosureFill-color: #777777;
--framer-fresco-agentFeedbackCommentDisclosureFillActive-color: #ffffff;
--framer-fresco-agentFeedbackCommentPrimary-color: #ffffff;
--framer-fresco-agentFeedbackCommentSecondary-color: #999999;
--framer-fresco-agentFeedbackCommentTertiary-color: #666666;
--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-agentOperationsSummary-color: #666666;
--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-toastBackground-color: #111111;
--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-onPageHighlightBackground-color: rgba(0, 153, 255, 0.2);
--framer-fresco-componentProgressOverlayBackground-color: #e6e2ef;
--framer-fresco-componentProgressOverlayBorder-color: #e6e2ef;
--framer-fresco-componentProgressOverlayTitle-color: #8855ff;
--framer-fresco-statusBarCustomerBetaBackground-color: #6666ff;
--framer-fresco-statusBarCustomerBetaText-color: #ffffff;
--framer-fresco-statusBarTunnelText-color: #ffffff;
--framer-fresco-statusBarTunnelBackground-color: #ff8822;
--framer-fresco-statusBarProductionTunnelBackground-color: #ff2424;
--framer-fresco-statusBarEmployeeBetaBackground-color: #111111;
--framer-fresco-statusBarEmployeeBetaText-color: #fdfdfd;
--framer-fresco-statusBarPreviewLinkBackground-color: linear-gradient(
90deg,
rgba(0, 238, 255, 1) 0%,
rgba(0, 51, 255, 1) 100%
);
--framer-fresco-statusBarPreviewLinkText-color: #ffffff;
--framer-fresco-statusBarStableBackground-color: #22cc88;
--framer-fresco-statusBarStableText-color: #ffffff;
--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-stackItemHighlight-color: rgba(0, 153, 255, 0.2);
--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-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-settingsFormsSectionDescription-color: #999999;
--framer-fresco-settingsFormsUsageDescription-color: #666666;
--framer-fresco-siteSettingsBorderSectionDivider-color: #222222;
--framer-fresco-dnsTableHeaderBackground-color: #2b2b2b;
--framer-fresco-dnsTableHeaderText-color: #ffffff;
--framer-fresco-dnsTableBorder-color: #2b2b2b;
--framer-fresco-dnsTableText-color: #aaaaaa;
--framer-fresco-dnsTableIcon-color: #999999;
--framer-fresco-breakpointTitle-color: #999999;
--framer-fresco-breakpointTitleBackground-color: rgba(153, 153, 153, 0.1);
--framer-fresco-breakpointTitleBackgroundPrimary-color: rgba(
0,
153,
255,
0.1
);
--framer-fresco-breakpointPlayButtonBackground-color: #666666;
--framer-fresco-breakpointCreationButtonBackground-color: #444444;
--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-cmsTableSelectedRowBackground-color: #161616;
--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-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-inlineEditingMenuBackground-color: rgba(34, 34, 34, 0.8);
--framer-fresco-inlineEditingMenuBorder-color: rgba(255, 255, 255, 0.05);
--framer-fresco-inlineFormattingMenuBackgroundActive-color: rgba(
255,
255,
255,
0.2
);
--framer-fresco-inlineFormattingMenuText-color: #bbbbbb;
--framer-fresco-inlineFormattingMenuTextHover-color: #ffffff;
--framer-fresco-inlineFormattingMenuTextActive-color: #ffffff;
--framer-fresco-inlineFormattingMenuIcon-color: #bbbbbb;
--framer-fresco-inlineFormattingMenuIconHover-color: #ffffff;
--framer-fresco-inlineFormattingMenuIconActive-color: #ffffff;
--framer-fresco-inlineFormattingMenuHeading-color: #888888;
--framer-fresco-inlineFormattingMenuDivider-color: rgba(255, 255, 255, 0.1);
--framer-fresco-localizationText-color: #999999;
--framer-fresco-localizationPlaceholderText-color: #666666;
--framer-fresco-localizationWarningTint-color: #ffaa01;
--framer-fresco-localizationGlossaryHeading-color: #ffffff;
--framer-fresco-quickActionsText-color: #999999;
--framer-fresco-quickActionsTextActive-color: #ffffff;
--framer-fresco-quickActionsSecondaryText-color: #666666;
--framer-fresco-quickActionsBackgroundActive-color: #2b2b2b;
--framer-fresco-quickActionsSeparator-color: #222222;
--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: rgba(
0,
153,
255,
0.15
);
--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: #9966ff;
--framer-fresco-quickActionsIconComponentTintActive-color: #ffffff;
--framer-fresco-quickActionsIconBackgroundComponentTint-color: rgba(
153,
102,
255,
0.15
);
--framer-fresco-quickActionsIconBackgroundComponentTintActive-color: #9966ff;
--framer-fresco-quickActionsIconAssetStyleTint-color: #ffffff;
--framer-fresco-quickActionsIconAssetStyleTintActive-color: #ffffff;
--framer-fresco-quickActionsIconBackgroundAssetStyleTint-color: #222222;
--framer-fresco-quickActionsIconBackgroundAssetStyleTintActive-color: #363636;
--framer-fresco-historyPanelRowBackground-color: #111111;
--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: #2b2b2b;
--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(153, 102, 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-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-agentModal-shadow:
0px 0px 0px 1px rgba(255, 255, 255, 0.1), 0px 4px 8px 0px rgba(0, 0, 0, 0.1);
--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 10px 20px 0px rgba(0, 0, 0, 0.1);
--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-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-modal-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.15);
--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-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-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:
40px 0px 40px 40px rgb(0, 0, 0), inset 1px 0 0 0 #222222;
--framer-fresco-sideOverlayPeek-shadow:
10px 0px 10px 10px rgb(0, 0, 0, 0.2), inset 1px 0 0 0 #222222;
--framer-fresco-segmentedControlItemSelected-shadow: 0px 2px 4px 0px
rgba(0, 0, 0, 0.2);
--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-panelDivider-color: #212121;
--framer-fresco-pageRowBackgroundActive-color: #242424;
--framer-fresco-modalBackground-color: #1a1a1a;
--framer-fresco-popoverBackground-color: #1a1a1a;
--framer-fresco-popoverDivider-color: #212121;
--framer-fresco-comboBoxMenuBackground-color: #1a1a1a;
--framer-fresco-inputBackground-color: #242424;
--framer-fresco-inputPlaceholder-color: #999999;
--framer-fresco-inputText-color: #ffffff;
--framer-fresco-inputIcon-color: #999999;
--framer-fresco-buttonBackground-color: #242424;
--framer-fresco-projectMenuButtonBackground-color: #262626;
--framer-fresco-projectMenuButtonShadow-color: none;
--framer-fresco-toolbarButtonBackground-color: #242424;
--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-toastBackground-color: #111111;
--framer-fresco-historyPanelRowBackground-color: #111111;
--framer-fresco-debugBarBackground-color: #111111;
}
body.agent ::selection {
background-color: var(
--framer-fresco-selectionBackground-color,
color(display-p3 0.263 0.59 0.97 / 0.1)
);
color: var(--framer-fresco-selectionText-color, #0099ff);
}
body[data-framer-theme='light'] .i1t1ho1a {
--framer-fresco-tint-color: #0099ff;
--framer-fresco-tintDark-color: #0088ff;
--framer-fresco-tintExtraDark-color: #1188ff;
--framer-fresco-tintDimmed-color: rgba(0, 153, 255, 0.15);
--framer-fresco-tintGradientStart-color: rgba(0, 153, 255, 0.4);
--framer-fresco-tintGradientEnd-color: rgba(0, 153, 255, 0.8);
--framer-fresco-componentTint-color: #9966ff;
--framer-fresco-componentTintDark-color: #8844ff;
--framer-fresco-componentTintExtraDark-color: #7733ff;
--framer-fresco-componentTintDimmed-color: rgba(153, 102, 255, 0.15);
--framer-fresco-componentTintDimmedDrag-color: rgba(153, 102, 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.263 0.59 0.97 / 0.1
);
--framer-fresco-selectionComponentBackground-color: color(
display-p3 0.52 0.357 0.965 / 0.1
);
--framer-fresco-selectionWarningBackground-color: color(
display-p3 1 0.733 0 / 0.1
);
--framer-fresco-selectionEnterpriseUpsellBackground-color: color(
display-p3 1 1 1 / 0.1
);
--framer-fresco-selectionText-color: #0099ff;
--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: #999999;
--framer-fresco-panelSubtitle-color: #cccccc;
--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: rgba(
0,
153,
255,
0.15
);
--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(
153,
102,
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-modalSecondaryBackground-color: #181818;
--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-modalForm-color: #fdfdfd;
--framer-fresco-modalCloseIcon-color: #fdfdfd;
--framer-fresco-largeModalTitle-color: #ffffff;
--framer-fresco-largeModalDescription-color: #cccccc;
--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-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-buttonBackgroundActive-color: #232323;
--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-buttonBackgroundDestructiveActive-color: #cf2e55;
--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-buttonBackgroundDestructiveSecondaryActive-color: rgba(
255,
51,
102,
0.1
);
--framer-fresco-buttonTextDestructiveSecondary-color: #ee2255;
--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: 0px 2px 4px 0px
rgba(0, 153, 255, 0.2);
--framer-fresco-buttonWithDepthPrimaryShadowHover-color: 0px 2px 4px 0px
rgba(13, 144, 255, 0.3);
--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-inputBorderActive-color: #0099ff;
--framer-fresco-inputText-color: #eeeeee;
--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: #2b2b2b;
--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: #333333;
--framer-fresco-comboBoxMenuBackgroundUnsaturated-color: #222222;
--framer-fresco-iconPadlock-color: #999999;
--framer-fresco-padLockConnector-color: #444444;
--framer-fresco-popoverBackground-color: #2b2b2b;
--framer-fresco-popoverDivider-color: #363636;
--framer-fresco-popoverDescription-color: #888;
--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: #555555;
--framer-fresco-radioButtonBackgroundHover-color: #777777;
--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: #555555;
--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: #999999;
--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.3
);
--framer-fresco-swatchOverlappingBorder-color: rgba(17, 17, 17, 0.9);
--framer-fresco-checkboxBackground-color: #555555;
--framer-fresco-checkboxBackgroundActive-color: #777777;
--framer-fresco-checkboxBackgroundChecked-color: #0099ff;
--framer-fresco-checkboxBackgroundCheckedActive-color: #0088ff;
--framer-fresco-checkboxLabel-color: #ffffff;
--framer-fresco-checkboxLabelDisabled-color: #444444;
--framer-fresco-checkboxStroke-color: #ffffff;
--framer-fresco-moreInfoText-color: #eeeeee;
--framer-fresco-moreInfoDisclosureIcon-color: #aaaaaa;
--framer-fresco-toggleBackground-color: #555555;
--framer-fresco-toggleBackgroundChecked-color: #0099ff;
--framer-fresco-toggleBackgroundDisabled-color: #444444;
--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-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-toolbarButtonBackground-color: #333333;
--framer-fresco-toolbarButtonBackgroundActive-color: #ffffff;
--framer-fresco-toolbarButtonBackgroundWarning-color: rgba(255, 187, 0, 0.2);
--framer-fresco-toolbarButtonBackgroundWarningActive-color: rgba(
255,
187,
0,
0.3
);
--framer-fresco-toolbarButtonBackgroundError-color: rgba(255, 51, 85, 0.2);
--framer-fresco-toolbarButtonBackgroundErrorActive-color: rgba(
255,
51,
85,
0.3
);
--framer-fresco-toolbarButtonText-color: #ffffff;
--framer-fresco-toolbarButtonTextActive-color: #000000;
--framer-fresco-toolbarButtonTextWarning-color: #ffcc00;
--framer-fresco-toolbarButtonTextError-color: #ff3355;
--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: rgba(
0,
153,
255,
0.15
);
--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-breadcrumbItemText-color: #999999;
--framer-fresco-breadcrumbItemBackground-color: rgba(255, 255, 255, 0.05);
--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-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-menuShadow-color: rgba(0, 0, 0, 0.3);
--framer-fresco-menuBadgeBackground-color: rgba(136, 136, 136, 0.15);
--framer-fresco-menuBadgeColor-color: #888888;
--framer-fresco-menuBadgeBackgroundActive-color: rgba(255, 255, 255, 0.3);
--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-pageContextMenuButtonIconHover-color: #ffffff;
--framer-fresco-pageFolderIconFill-color: rgba(153, 153, 153, 0.3);
--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: #999999;
--framer-fresco-layerItemIconDimmed-color: #6c758c;
--framer-fresco-layerItemIconComponentDimmed-color: #74708c;
--framer-fresco-layerItemIconInactive-color: rgba(102, 102, 102, 0.5);
--framer-fresco-layerItemIconInactiveSelected-color: rgba(255, 255, 255, 0.5);
--framer-fresco-layerItemPlaceholderText-color: #999999;
--framer-fresco-layerItemComponentLabel-color: #555555;
--framer-fresco-layerItemComponentLabelSelected-color: #ffffff;
--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: #9966ff;
--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-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-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-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-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-dashboardSidebarTextHover-color: #bababa;
--framer-fresco-dashboardSidebarDivider-color: #252525;
--framer-fresco-dashboardSidebarActions-color: #888888;
--framer-fresco-dashboardSidebarJoinTeamButton-color: #222222;
--framer-fresco-dashboardSidebarJoinTeamButtonHover-color: #1d1d1d;
--framer-fresco-dashboardSidebarUpgradeCardBackground-color: #222222;
--framer-fresco-dashboardSidebarUpgradeCardText-color: #666666;
--framer-fresco-dashboardSidebarActive-color: #ffffff;
--framer-fresco-dashboardSidebarActiveBackground-color: #2b2b2b;
--framer-fresco-dashboardSidebarDismissIcon-color: #ffffff;
--framer-fresco-dashboardSidebarBorder-color: #252525;
--framer-fresco-dashboardSidebarIcon-color: #999999;
--framer-fresco-dashboardSidebarIconHover-color: #bababa;
--framer-fresco-dashboardSidebarViewCount-color: #999999;
--framer-fresco-dashboardSidebarSearchBackground-color: #222222;
--framer-fresco-dashboardSidebarSearchShadow-color: rgba(0, 0, 0, 0.1);
--framer-fresco-dashboardSidebarSearchTitle-color: #ffffff;
--framer-fresco-dashboardSidebarSearchPreviewBorder-color: #404040;
--framer-fresco-dashboardSidebarSearchPreviewBackground-color: #333333;
--framer-fresco-dashboardSidebarInviteIcon-color: #777777;
--framer-fresco-dashboardTopBarBackground-color: #111111;
--framer-fresco-dashboardTopBarBorder-color: #252525;
--framer-fresco-badgeFreeWorkspaceBackground-color: rgba(136, 136, 136, 0.15);
--framer-fresco-badgeFreeWorkspaceText-color: #888888;
--framer-fresco-badgeLiteWorkspaceBackground-color: rgba(136, 136, 136, 0.15);
--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-projectMenuButtonBackground-color: #333333;
--framer-fresco-projectMenuButtonText-color: #ffffff;
--framer-fresco-projectMenuButtonShadow-color: 0px 2px 4px 0px
rgba(0, 0, 0, 0.2);
--framer-fresco-customSearchBackground-color: #2b2b2b;
--framer-fresco-customSearchText-color: #999999;
--framer-fresco-customSearchIcon-color: #999999;
--framer-fresco-customSearchTextWhileTyping-color: #ffffff;
--framer-fresco-dashboardLearnPlayBackground-color: #ffffff;
--framer-fresco-dashboardLearnPlayIcon-color: #000000;
--framer-fresco-dashboardLearnTitle-color: #ffffff;
--framer-fresco-dashboardNewProjectModalDivider-color: #2b2b2b;
--framer-fresco-dashboardNewProjectModalTitle-color: #ffffff;
--framer-fresco-dashboardNewProjectCardModalBackground-color: #2b2b2b;
--framer-fresco-dashboardNewProjectCardModalBackgroundBlank-color: #363636;
--framer-fresco-dashboardNewProjectModalCardContent-color: #dddddd;
--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-advancedHostingTableItem-color: #cccccc;
--framer-fresco-advancedHostingTableIcon-color: #999999;
--framer-fresco-advancedHostingTableDragHandle-color: #444444;
--framer-fresco-advancedHostingFilterColor-color: #999999;
--framer-fresco-advancedHostingExpandDomainsButton-color: #888888;
--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-upgradeFromDashboardLinkHover-color: #181818;
--framer-fresco-settingsModalBackground-color: #1d1d1d;
--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-invitePopoverBackground-color: #111111;
--framer-fresco-invitePopoverSelectedMenuRow-color: #2b2b2b;
--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-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: #333333;
--framer-fresco-agentButtonChatForeground-color: #ffffff;
--framer-fresco-agentButtonChatDisabledBackground-color: #333333;
--framer-fresco-agentButtonChatDisabledForeground-color: #999999;
--framer-fresco-agentLogsText-color: #444444;
--framer-fresco-agentLogsTextActive-color: #ffffff;
--framer-fresco-agentLogsTextError-color: #999999;
--framer-fresco-agentBorder-color: rgba(255, 255, 255, 0.08);
--framer-fresco-agentInput-color: #1f1f1f;
--framer-fresco-agentInputPlaceholder-color: #666666;
--framer-fresco-agentInputBorder-color: rgba(255, 255, 255, 0.07);
--framer-fresco-agentFeedbackThreadBackground-color: #111111;
--framer-fresco-agentFeedbackCommentDisclosureFill-color: #777777;
--framer-fresco-agentFeedbackCommentDisclosureFillActive-color: #ffffff;
--framer-fresco-agentFeedbackCommentPrimary-color: #ffffff;
--framer-fresco-agentFeedbackCommentSecondary-color: #999999;
--framer-fresco-agentFeedbackCommentTertiary-color: #666666;
--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-agentOperationsSummary-color: #666666;
--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-toastBackground-color: #111111;
--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-onPageHighlightBackground-color: rgba(0, 153, 255, 0.2);
--framer-fresco-componentProgressOverlayBackground-color: #e6e2ef;
--framer-fresco-componentProgressOverlayBorder-color: #e6e2ef;
--framer-fresco-componentProgressOverlayTitle-color: #8855ff;
--framer-fresco-statusBarCustomerBetaBackground-color: #6666ff;
--framer-fresco-statusBarCustomerBetaText-color: #ffffff;
--framer-fresco-statusBarTunnelText-color: #ffffff;
--framer-fresco-statusBarTunnelBackground-color: #ff8822;
--framer-fresco-statusBarProductionTunnelBackground-color: #ff2424;
--framer-fresco-statusBarEmployeeBetaBackground-color: #111111;
--framer-fresco-statusBarEmployeeBetaText-color: #fdfdfd;
--framer-fresco-statusBarPreviewLinkBackground-color: linear-gradient(
90deg,
rgba(0, 238, 255, 1) 0%,
rgba(0, 51, 255, 1) 100%
);
--framer-fresco-statusBarPreviewLinkText-color: #ffffff;
--framer-fresco-statusBarStableBackground-color: #22cc88;
--framer-fresco-statusBarStableText-color: #ffffff;
--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-stackItemHighlight-color: rgba(0, 153, 255, 0.2);
--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-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-settingsFormsSectionDescription-color: #999999;
--framer-fresco-settingsFormsUsageDescription-color: #666666;
--framer-fresco-siteSettingsBorderSectionDivider-color: #222222;
--framer-fresco-dnsTableHeaderBackground-color: #2b2b2b;
--framer-fresco-dnsTableHeaderText-color: #ffffff;
--framer-fresco-dnsTableBorder-color: #2b2b2b;
--framer-fresco-dnsTableText-color: #aaaaaa;
--framer-fresco-dnsTableIcon-color: #999999;
--framer-fresco-breakpointTitle-color: #999999;
--framer-fresco-breakpointTitleBackground-color: rgba(153, 153, 153, 0.1);
--framer-fresco-breakpointTitleBackgroundPrimary-color: rgba(
0,
153,
255,
0.1
);
--framer-fresco-breakpointPlayButtonBackground-color: #666666;
--framer-fresco-breakpointCreationButtonBackground-color: #444444;
--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-cmsTableSelectedRowBackground-color: #161616;
--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-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-inlineEditingMenuBackground-color: rgba(34, 34, 34, 0.8);
--framer-fresco-inlineEditingMenuBorder-color: rgba(255, 255, 255, 0.05);
--framer-fresco-inlineFormattingMenuBackgroundActive-color: rgba(
255,
255,
255,
0.2
);
--framer-fresco-inlineFormattingMenuText-color: #bbbbbb;
--framer-fresco-inlineFormattingMenuTextHover-color: #ffffff;
--framer-fresco-inlineFormattingMenuTextActive-color: #ffffff;
--framer-fresco-inlineFormattingMenuIcon-color: #bbbbbb;
--framer-fresco-inlineFormattingMenuIconHover-color: #ffffff;
--framer-fresco-inlineFormattingMenuIconActive-color: #ffffff;
--framer-fresco-inlineFormattingMenuHeading-color: #888888;
--framer-fresco-inlineFormattingMenuDivider-color: rgba(255, 255, 255, 0.1);
--framer-fresco-localizationText-color: #999999;
--framer-fresco-localizationPlaceholderText-color: #666666;
--framer-fresco-localizationWarningTint-color: #ffaa01;
--framer-fresco-localizationGlossaryHeading-color: #ffffff;
--framer-fresco-quickActionsText-color: #999999;
--framer-fresco-quickActionsTextActive-color: #ffffff;
--framer-fresco-quickActionsSecondaryText-color: #666666;
--framer-fresco-quickActionsBackgroundActive-color: #2b2b2b;
--framer-fresco-quickActionsSeparator-color: #222222;
--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: rgba(
0,
153,
255,
0.15
);
--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: #9966ff;
--framer-fresco-quickActionsIconComponentTintActive-color: #ffffff;
--framer-fresco-quickActionsIconBackgroundComponentTint-color: rgba(
153,
102,
255,
0.15
);
--framer-fresco-quickActionsIconBackgroundComponentTintActive-color: #9966ff;
--framer-fresco-quickActionsIconAssetStyleTint-color: #ffffff;
--framer-fresco-quickActionsIconAssetStyleTintActive-color: #ffffff;
--framer-fresco-quickActionsIconBackgroundAssetStyleTint-color: #222222;
--framer-fresco-quickActionsIconBackgroundAssetStyleTintActive-color: #363636;
--framer-fresco-historyPanelRowBackground-color: #111111;
--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: #2b2b2b;
--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(153, 102, 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-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-agentModal-shadow:
0px 0px 0px 1px rgba(255, 255, 255, 0.1), 0px 4px 8px 0px rgba(0, 0, 0, 0.1);
--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 10px 20px 0px rgba(0, 0, 0, 0.1);
--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-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-modal-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.15);
--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-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-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:
40px 0px 40px 40px rgb(0, 0, 0), inset 1px 0 0 0 #222222;
--framer-fresco-sideOverlayPeek-shadow:
10px 0px 10px 10px rgb(0, 0, 0, 0.2), inset 1px 0 0 0 #222222;
--framer-fresco-segmentedControlItemSelected-shadow: 0px 2px 4px 0px
rgba(0, 0, 0, 0.2);
--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'] .i1t1ho1a {
--framer-fresco-tint-color: #0099ff;
--framer-fresco-tintDark-color: #0088ff;
--framer-fresco-tintExtraDark-color: #1188ff;
--framer-fresco-tintDimmed-color: rgba(0, 153, 255, 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: rgba(136, 85, 255, 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.263 0.59 0.97 / 0.1
);
--framer-fresco-selectionComponentBackground-color: color(
display-p3 0.52 0.357 0.965 / 0.1
);
--framer-fresco-selectionWarningBackground-color: color(
display-p3 1 0.733 0 / 0.1
);
--framer-fresco-selectionEnterpriseUpsellBackground-color: color(
display-p3 0.2 0.2 0.2 / 0.1
);
--framer-fresco-selectionText-color: #0099ff;
--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: #999999;
--framer-fresco-panelSubtitle-color: #666666;
--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: rgba(
0,
153,
255,
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-modalSecondaryBackground-color: #fafafa;
--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-modalForm-color: #999999;
--framer-fresco-modalCloseIcon-color: #999999;
--framer-fresco-largeModalTitle-color: #000000;
--framer-fresco-largeModalDescription-color: #333333;
--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-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-buttonBackgroundActive-color: #dddddd;
--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-buttonBackgroundDestructiveActive-color: #dd1144;
--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-buttonBackgroundDestructiveSecondaryActive-color: rgba(
255,
51,
102,
0.15
);
--framer-fresco-buttonTextDestructiveSecondary-color: #ee2255;
--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-inputBorderActive-color: #0099ff;
--framer-fresco-inputText-color: #333333;
--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-comboBoxMenuBackgroundUnsaturated-color: #ffffff;
--framer-fresco-iconPadlock-color: #bbbbbb;
--framer-fresco-padLockConnector-color: #dddddd;
--framer-fresco-popoverBackground-color: #ffffff;
--framer-fresco-popoverDivider-color: #eeeeee;
--framer-fresco-popoverDescription-color: #aaa;
--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: #dddddd;
--framer-fresco-radioButtonBackgroundHover-color: #cccccc;
--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.3
);
--framer-fresco-swatchOverlappingBorder-color: rgba(255, 255, 255, 0.9);
--framer-fresco-checkboxBackground-color: #dddddd;
--framer-fresco-checkboxBackgroundActive-color: #cccccc;
--framer-fresco-checkboxBackgroundChecked-color: #0099ff;
--framer-fresco-checkboxBackgroundCheckedActive-color: #0088ff;
--framer-fresco-checkboxLabel-color: #333333;
--framer-fresco-checkboxLabelDisabled-color: #cccccc;
--framer-fresco-checkboxStroke-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-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-toolbarButtonBackground-color: #f3f3f3;
--framer-fresco-toolbarButtonBackgroundActive-color: #333333;
--framer-fresco-toolbarButtonBackgroundWarning-color: rgba(255, 170, 0, 0.2);
--framer-fresco-toolbarButtonBackgroundWarningActive-color: rgba(
255,
170,
0,
0.3
);
--framer-fresco-toolbarButtonBackgroundError-color: rgba(255, 51, 85, 0.1);
--framer-fresco-toolbarButtonBackgroundErrorActive-color: rgba(
255,
51,
85,
0.2
);
--framer-fresco-toolbarButtonText-color: #666666;
--framer-fresco-toolbarButtonTextWarning-color: #ffaa00;
--framer-fresco-toolbarButtonTextError-color: #ff3355;
--framer-fresco-toolbarButtonTextActive-color: #ffffff;
--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: rgba(
0,
153,
255,
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-breadcrumbItemText-color: #888888;
--framer-fresco-breadcrumbItemBackground-color: rgba(0, 0, 0, 0.05);
--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-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-menuShadow-color: rgba(0, 0, 0, 0.1);
--framer-fresco-menuBadgeBackground-color: rgba(136, 136, 136, 0.15);
--framer-fresco-menuBadgeColor-color: #888888;
--framer-fresco-menuBadgeBackgroundActive-color: rgba(255, 255, 255, 0.3);
--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-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: rgba(187, 187, 187, 0.5);
--framer-fresco-layerItemIconInactiveSelected-color: rgba(187, 187, 187, 0.5);
--framer-fresco-layerItemPlaceholderText-color: #999999;
--framer-fresco-layerItemComponentLabel-color: #aaaaaa;
--framer-fresco-layerItemComponentLabelSelected-color: #ffffff;
--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, 0.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-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-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-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-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-dashboardSidebarTextHover-color: #555555;
--framer-fresco-dashboardSidebarDivider-color: #eeeeee;
--framer-fresco-dashboardSidebarActions-color: #666666;
--framer-fresco-dashboardSidebarJoinTeamButton-color: #eeeeee;
--framer-fresco-dashboardSidebarJoinTeamButtonHover-color: #e6e6e6;
--framer-fresco-dashboardSidebarUpgradeCardBackground-color: #eeeeee;
--framer-fresco-dashboardSidebarUpgradeCardText-color: #666666;
--framer-fresco-dashboardSidebarActive-color: #222222;
--framer-fresco-dashboardSidebarActiveBackground-color: #f3f3f3;
--framer-fresco-dashboardSidebarDismissIcon-color: #666666;
--framer-fresco-dashboardSidebarBorder-color: #eeeeee;
--framer-fresco-dashboardSidebarIcon-color: #999999;
--framer-fresco-dashboardSidebarIconHover-color: #888888;
--framer-fresco-dashboardSidebarViewCount-color: #999999;
--framer-fresco-dashboardSidebarSearchBackground-color: #ffffff;
--framer-fresco-dashboardSidebarSearchShadow-color: rgba(0, 0, 0, 0.1);
--framer-fresco-dashboardSidebarSearchTitle-color: #222222;
--framer-fresco-dashboardSidebarSearchPreviewBorder-color: #eeeeee;
--framer-fresco-dashboardSidebarSearchPreviewBackground-color: #fafafa;
--framer-fresco-dashboardSidebarInviteIcon-color: #999999;
--framer-fresco-dashboardTopBarBackground-color: #ffffff;
--framer-fresco-dashboardTopBarBorder-color: #eeeeee;
--framer-fresco-badgeFreeWorkspaceBackground-color: rgba(136, 136, 136, 0.15);
--framer-fresco-badgeFreeWorkspaceText-color: #888888;
--framer-fresco-badgeLiteWorkspaceBackground-color: rgba(136, 136, 136, 0.15);
--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-projectMenuButtonBackground-color: #ffffff;
--framer-fresco-projectMenuButtonText-color: #222222;
--framer-fresco-projectMenuButtonShadow-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-customSearchBackground-color: #f3f3f3;
--framer-fresco-customSearchText-color: #999999;
--framer-fresco-customSearchIcon-color: #999999;
--framer-fresco-customSearchTextWhileTyping-color: #000000;
--framer-fresco-dashboardLearnPlayBackground-color: #ffffff;
--framer-fresco-dashboardLearnPlayIcon-color: #000000;
--framer-fresco-dashboardLearnTitle-color: #000000;
--framer-fresco-dashboardNewProjectModalDivider-color: #eeeeee;
--framer-fresco-dashboardNewProjectModalTitle-color: #333333;
--framer-fresco-dashboardNewProjectCardModalBackground-color: #ffffff;
--framer-fresco-dashboardNewProjectCardModalBackgroundBlank-color: #f7f7f7;
--framer-fresco-dashboardNewProjectModalCardContent-color: #666666;
--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: #999999;
--framer-fresco-advancedHostingTableHeader-color: #999999;
--framer-fresco-advancedHostingBorder-color: #eeeeee;
--framer-fresco-advancedHostingTableItem-color: #666666;
--framer-fresco-advancedHostingTableIcon-color: #999999;
--framer-fresco-advancedHostingTableDragHandle-color: #cccccc;
--framer-fresco-advancedHostingFilterColor-color: #999999;
--framer-fresco-advancedHostingExpandDomainsButton-color: #888888;
--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-upgradeFromDashboardLinkHover-color: #f6f6f6;
--framer-fresco-settingsModalBackground-color: #ffffff;
--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-invitePopoverBackground-color: #ffffff;
--framer-fresco-invitePopoverSelectedMenuRow-color: #eeeeee;
--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-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: #ebebeb;
--framer-fresco-agentButtonChatForeground-color: #666666;
--framer-fresco-agentButtonChatDisabledBackground-color: #ebebeb;
--framer-fresco-agentButtonChatDisabledForeground-color: #999999;
--framer-fresco-agentLogsText-color: #bbbbbb;
--framer-fresco-agentLogsTextActive-color: #222222;
--framer-fresco-agentLogsTextError-color: #666666;
--framer-fresco-agentBorder-color: #eeeeee;
--framer-fresco-agentInput-color: #f3f3f3;
--framer-fresco-agentInputPlaceholder-color: #999999;
--framer-fresco-agentInputBorder-color: transparent;
--framer-fresco-agentFeedbackThreadBackground-color: #ffffff;
--framer-fresco-agentFeedbackCommentDisclosureFill-color: #999999;
--framer-fresco-agentFeedbackCommentDisclosureFillActive-color: #222222;
--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-agentOperationsSummary-color: #999999;
--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-toastBackground-color: #ffffff;
--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-onPageHighlightBackground-color: rgba(0, 153, 255, 0.2);
--framer-fresco-componentProgressOverlayBackground-color: #e6e2ef;
--framer-fresco-componentProgressOverlayBorder-color: #e6e2ef;
--framer-fresco-componentProgressOverlayTitle-color: #8855ff;
--framer-fresco-statusBarCustomerBetaBackground-color: #6666ff;
--framer-fresco-statusBarCustomerBetaText-color: #ffffff;
--framer-fresco-statusBarTunnelText-color: #ffffff;
--framer-fresco-statusBarTunnelBackground-color: #ff8822;
--framer-fresco-statusBarProductionTunnelBackground-color: #ff2424;
--framer-fresco-statusBarEmployeeBetaBackground-color: #fdfdfd;
--framer-fresco-statusBarEmployeeBetaText-color: #333333;
--framer-fresco-statusBarPreviewLinkBackground-color: linear-gradient(
90deg,
rgba(0, 238, 255, 1) 0%,
rgba(0, 51, 255, 1) 100%
);
--framer-fresco-statusBarPreviewLinkText-color: #ffffff;
--framer-fresco-statusBarStableBackground-color: #22cc88;
--framer-fresco-statusBarStableText-color: #ffffff;
--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-stackItemHighlight-color: rgba(0, 153, 255, 0.2);
--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-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-settingsFormsSectionDescription-color: #666666;
--framer-fresco-settingsFormsUsageDescription-color: #999999;
--framer-fresco-siteSettingsBorderSectionDivider-color: #eeeeee;
--framer-fresco-dnsTableHeaderBackground-color: #f3f3f3;
--framer-fresco-dnsTableHeaderText-color: #333333;
--framer-fresco-dnsTableBorder-color: #eeeeee;
--framer-fresco-dnsTableText-color: #666666;
--framer-fresco-dnsTableIcon-color: #999999;
--framer-fresco-breakpointTitle-color: #999999;
--framer-fresco-breakpointTitleBackground-color: rgba(153, 153, 153, 0.1);
--framer-fresco-breakpointTitleBackgroundPrimary-color: rgba(
0,
153,
255,
0.1
);
--framer-fresco-breakpointPlayButtonBackground-color: #999999;
--framer-fresco-breakpointCreationButtonBackground-color: rgba(
153,
153,
153,
0.15
);
--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-cmsTableSelectedRowBackground-color: #fcfcfc;
--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-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-inlineEditingMenuBackground-color: rgba(255, 255, 255, 0.8);
--framer-fresco-inlineEditingMenuBorder-color: transparent;
--framer-fresco-inlineFormattingMenuBackgroundActive-color: rgba(
0,
0,
0,
0.05
);
--framer-fresco-inlineFormattingMenuText-color: #666666;
--framer-fresco-inlineFormattingMenuTextHover-color: #222222;
--framer-fresco-inlineFormattingMenuTextActive-color: #222222;
--framer-fresco-inlineFormattingMenuIcon-color: #999999;
--framer-fresco-inlineFormattingMenuIconHover-color: #222222;
--framer-fresco-inlineFormattingMenuIconActive-color: #222222;
--framer-fresco-inlineFormattingMenuHeading-color: #999999;
--framer-fresco-inlineFormattingMenuDivider-color: #eeeeee;
--framer-fresco-localizationText-color: #555555;
--framer-fresco-localizationPlaceholderText-color: #999999;
--framer-fresco-localizationWarningTint-color: #ffaa01;
--framer-fresco-localizationGlossaryHeading-color: #222222;
--framer-fresco-quickActionsText-color: #666666;
--framer-fresco-quickActionsTextActive-color: #222222;
--framer-fresco-quickActionsSecondaryText-color: #999999;
--framer-fresco-quickActionsBackgroundActive-color: #f5f5f5;
--framer-fresco-quickActionsSeparator-color: #eeeeee;
--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: rgba(
0,
153,
255,
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-historyPanelRowBackground-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-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-agentModal-shadow:
0px 0px 0px 1px rgba(0, 0, 0, 0.05), 0px 4px 8px 0px rgba(0, 0, 0, 0.08);
--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 10px 20px 0px rgba(0, 0, 0, 0.1);
--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-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-modal-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.15);
--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-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-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: 40px 0px 40px 40px rgba(0, 0, 0, 0.1);
--framer-fresco-sideOverlayPeek-shadow: 10px 0px 10px 10px rgba(0, 0, 0, 0.1);
--framer-fresco-segmentedControlItemSelected-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-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);
}
.t1harvmc:before {
display: block;
margin-top: var(--margin-top);
content: '';
}
.t1harvmc:after {
display: block;
margin-bottom: var(--margin-bottom);
content: '';
}
.s1vo07bb {
--delay: 0s;
z-index: 28;
-webkit-animation: scale-in-s1vo07bb 0.4s ease both var(--delay);
animation: scale-in-s1vo07bb 0.4s ease both var(--delay);
}
@-webkit-keyframes scale-in-s1vo07bb {
0.00% {
opacity: 0;
-webkit-transform: scale(0.5);
-moz-transform: scale(0.5);
-ms-transform: scale(0.5);
transform: scale(0.5);
}
41.24% {
-webkit-transform: scale(1.025);
-moz-transform: scale(1.025);
-ms-transform: scale(1.025);
transform: scale(1.025);
}
100.00% {
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
}
@keyframes scale-in-s1vo07bb {
0.00% {
opacity: 0;
-webkit-transform: scale(0.5);
-moz-transform: scale(0.5);
-ms-transform: scale(0.5);
transform: scale(0.5);
}
41.24% {
-webkit-transform: scale(1.025);
-moz-transform: scale(1.025);
-ms-transform: scale(1.025);
transform: scale(1.025);
}
100.00% {
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
}
.s1wvirx {
border-radius: 12px;
background-color: var(--framer-fresco-tooltipBackground-color, #999999);
color: #fff;
font-size: 12px;
font-weight: var(--framer-fresco-baseActive-font-weight, 500);
}
.t1jngqm9 {
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;
}
.awtchmx {
position: absolute;
color: var(--framer-fresco-tooltipBackground-color, #999999);
}
.az9drcv {
--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) translate(-50%)
translateY(var(--additionalTranslateY));
}
.a1k9fzqw {
--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) translate(-50%)
translateY(var(--additionalTranslateY));
}
.a1jif5v3 {
--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: translate(0.4px) translateY(-50%)
translate(var(--additionalTranslateX));
}
.ah86ogj {
--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: translate(-0.4px) translateY(-50%)
translate(var(--additionalTranslateX));
}
.c1eh7x3f {
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;
}
.t18bov5v {
min-height: var(--framer-fresco-inputHeight-dimension, 30px);
padding: var(--framer-fresco-inputPaddingHorizontal-dimension, 8px);
resize: vertical;
}
.t18bov5v::-webkit-scrollbar {
width: 12px;
background: transparent;
cursor: pointer;
}
.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);
}
.t18bov5v::-webkit-scrollbar-corner {
background: none;
background-color: transparent;
outline: none;
}
.t18bov5v::-webkit-scrollbar-thumb:window-inactive {
opacity: 0;
}
.l16z17a3::-webkit-resizer {
border: 1px solid transparent;
background: no-repeat
url("data:image/svg+xml;utf8,");
}
[data-framer-theme='dark'] .l16z17a3::-webkit-resizer {
border: 1px solid transparent;
background: no-repeat
url("data:image/svg+xml;utf8,");
}
.rqti9ra::-webkit-resizer {
border-left: 6px solid transparent;
background: no-repeat
url("data:image/svg+xml;utf8,");
}
[data-framer-theme='dark'] .rqti9ra::-webkit-resizer {
border-left: 6px solid transparent;
background: no-repeat
url("data:image/svg+xml;utf8,");
}
.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);
}
.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);
}
.tarvkue:-webkit-autofill,
.tarvkue:-webkit-autofill:hover,
.tarvkue:-webkit-autofill:focus,
.tarvkue:-webkit-autofill:active {
-webkit-animation: autofill-tarvkue 0s forwards;
animation: autofill-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-tarvkue {
to {
background: transparent;
color: inherit;
font-size: inherit;
font-weight: inherit;
}
}
@keyframes autofill-tarvkue {
to {
background: transparent;
color: inherit;
font-size: inherit;
font-weight: inherit;
}
}
.tarvkue:enabled {
-webkit-user-select: text;
-moz-user-select: text;
-ms-user-select: text;
user-select: text;
}
.tarvkue:disabled {
color: var(--framer-fresco-inputTextDisabled-color, #bbbbbb);
-webkit-text-fill-color: var(
--framer-fresco-inputTextDisabled-color,
#bbbbbb
);
}
.tarvkue:disabled::-webkit-input-placeholder {
color: var(--framer-fresco-inputTextDisabled-color, #bbbbbb);
-webkit-text-fill-color: var(
--framer-fresco-inputTextDisabled-color,
#bbbbbb
);
}
.tarvkue:disabled:focus {
color: var(--framer-fresco-inputTextDisabledSelected-color, #999999);
-webkit-text-fill-color: var(
--framer-fresco-inputTextDisabledSelected-color,
#999999
);
}
.tarvkue:focus {
border-color: var(--framer-fresco-inputBorderActive-color, #0099ff);
outline: none;
}
.tarvkue:-moz-read-only {
color: var(--framer-fresco-inputTextDisabled-color, #bbbbbb);
-webkit-text-fill-color: var(
--framer-fresco-inputTextDisabled-color,
#bbbbbb
);
}
.tarvkue:read-only {
color: var(--framer-fresco-inputTextDisabled-color, #bbbbbb);
-webkit-text-fill-color: var(
--framer-fresco-inputTextDisabled-color,
#bbbbbb
);
}
.tarvkue:-moz-read-only::-webkit-input-placeholder {
color: var(--framer-fresco-inputTextDisabled-color, #bbbbbb);
-webkit-text-fill-color: var(
--framer-fresco-inputTextDisabled-color,
#bbbbbb
);
}
.tarvkue:read-only::-webkit-input-placeholder {
color: var(--framer-fresco-inputTextDisabled-color, #bbbbbb);
-webkit-text-fill-color: var(
--framer-fresco-inputTextDisabled-color,
#bbbbbb
);
}
.tarvkue:-moz-read-only:focus {
color: var(--framer-fresco-inputTextDisabledSelected-color, #999999);
-webkit-text-fill-color: var(
--framer-fresco-inputTextDisabledSelected-color,
#999999
);
}
.tarvkue:read-only:focus {
color: var(--framer-fresco-inputTextDisabledSelected-color, #999999);
-webkit-text-fill-color: var(
--framer-fresco-inputTextDisabledSelected-color,
#999999
);
}
.i1v4gay9 {
height: var(--framer-fresco-inputHeight-dimension, 30px);
padding: 0
var(--framer-fresco-inputPaddingHorizontalWithBorder-dimension, 7px) 1px;
}
.icv147p {
height: var(--framer-fresco-inputHeightSmall-dimension, 26px);
}
.shr89u9 {
position: relative;
overflow: auto;
height: 100%;
-webkit-overflow-scrolling: touch;
}
.shr89u9::-webkit-scrollbar-track {
background-color: transparent;
}
.shr89u9::-webkit-scrollbar-thumb {
background-color: #00000040;
}
.shr89u9::-webkit-scrollbar:vertical {
width: 0;
}
.s17ru26r {
overflow-x: overlay;
overflow-y: hidden;
}
.s1i74306 {
overflow-x: hidden;
overflow-y: overlay;
}
.sobdcxs {
overflow-x: overlay;
overflow-y: overlay;
}
.w1e16ne2 {
-ms-overflow-style: none;
scrollbar-width: none;
}
.w1e16ne2::-webkit-scrollbar {
display: none;
}
.c1916sa4 {
overscroll-behavior: contain;
}
.irtxxgq {
position: absolute;
right: 0;
left: 0;
}
.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;
}
.s1d1wl27 {
position: -webkit-sticky;
position: sticky;
top: 0;
width: 100%;
pointer-events: auto;
}
.s1d1wl27:has([data-virtual-list-sticky-header-height-reduction]) {
pointer-events: none;
}
.s13qpy0w {
position: relative;
}
.s1fpejck {
position: relative;
width: 100%;
}
.ce0jzrc.ce0jzrc {
width: var(--framer-fresco-modalWidth-dimension, 260px);
}
.cs1svrr.cs1svrr {
width: var(--framer-fresco-largeModalWidth-dimension, 400px);
}
.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;
}
.sm2t0fn {
color: var(--framer-fresco-settingsModalTextDimmed-color, #888888);
font-weight: var(--framer-fresco-base-font-weight, 500);
line-height: 1.7;
}
.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;
}
.c11ansgh {
max-height: 35vh;
overflow-y: auto;
}
.g1kxypt5 {
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.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;
}
.b1866p9l * {
font-weight: var(--framer-fresco-heading-font-weight, 600);
}
.s18q2wcl button {
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.m1yqxjr3 {
position: fixed;
z-index: 22;
inset: 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
}
.mda3r23 {
overflow: visible;
}
.h1hpwl3p {
background-color: var(
--framer-fresco-modalBackdrop-color,
rgba(0, 0, 0, 0.4)
);
}
.m3ez42g {
pointer-events: none;
}
.mdwzgzi {
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;
}
.h1qy9kpq {
visibility: hidden;
}
.m1vb3zu0 {
-webkit-animation: enter-m1vb3zu0 0.2s cubic-bezier(0.2, 0, 0, 1) both;
animation: enter-m1vb3zu0 0.2s cubic-bezier(0.2, 0, 0, 1) both;
}
@-webkit-keyframes enter-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);
}
to {
opacity: 1;
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
transform: none;
}
}
@keyframes enter-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);
}
to {
opacity: 1;
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
transform: none;
}
}
.c8u6gve > ::-webkit-scrollbar,
.c8u6gve * ::-webkit-scrollbar {
width: 15px;
background-color: inherit;
}
.c8u6gve > ::-webkit-scrollbar-track,
.c8u6gve * ::-webkit-scrollbar-track {
background-color: inherit;
}
.c8u6gve > ::-webkit-scrollbar-thumb,
.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);
}
.c8u6gve > ::-webkit-scrollbar-thumb:hover,
.c8u6gve * ::-webkit-scrollbar-thumb:hover {
background-color: var(--scrollbar-thumb-background-color-hover);
}
.n1phfe70 {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.cr8o7ly {
width: var(--framer-fresco-modalWidth-dimension, 260px);
padding-top: 0;
padding-bottom: 0;
}
.hgi0xyu {
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;
}
.c4vbh9r {
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;
}
.c4vbh9r:before {
position: absolute;
inset: -10px;
content: '';
}
.c4vbh9r:focus:not(:disabled),
.c4vbh9r:hover:not(:disabled) {
color: var(--framer-fresco-toolbarIconHover-color, #777777);
}
.c4vbh9r.active {
color: var(--framer-fresco-toolbarIconActive-color, #0099ff);
}
.c4vbh9r.active:focus:not(:disabled),
.c4vbh9r.active:hover:not(:disabled) {
color: var(--framer-fresco-toolbarIconActive-color, #0099ff);
}
.i1bpjwj1 {
overflow: hidden;
width: 100%;
height: auto;
border-radius: var(--framer-fresco-modalInnerRadius-dimension, 8px);
background-color: var(--framer-fresco-inputBackground-color, #f3f3f3);
pointer-events: none;
}
.d1uw6ycs {
color: var(--framer-fresco-settingsModalTextDimmed-color, #888888);
font-weight: var(--framer-fresco-baseActive-font-weight, 500);
line-height: 1.4em;
text-wrap: balance;
}
.bv4m0g4 {
position: relative;
}
.bv4m0g4 button {
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.bopcmt9 {
margin-top: var(--framer-fresco-panelPadding-dimension, 15px);
}
.bopcmt9:before {
position: absolute;
top: 0;
right: 0;
left: 0;
height: 1px;
background-color: var(--framer-fresco-panelDivider-color, #eeeeee);
content: '';
}
.sqxc9z7 {
border-bottom: 1px solid var(--framer-fresco-panelDivider-color, #eeeeee);
}
@media only screen and (min-width: 1100px) {
.d1nf8coh {
margin-left: var(--framer-fresco-panelMinWidth-dimension, 260px);
}
}
.b12vj57b {
--spinner-translate: 0;
background-color: var(--framer-fresco-spinnerBackground-color, #000000);
}
.b1rdbf0o .b12vj57b,
.bn3co68 .b12vj57b {
background-color: currentColor;
}
.nga3v7o {
width: 12px;
height: 12px;
-webkit-mask: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAApNJREFUSA2tlUtLlFEYgEe7mtFFQ8NLFBG1SJAwahtiLVy5ceVSEPQH1LZf0Lp9FO1bdYNyI7gyBFcS2kAzilYq3sfxeYZ55Zv6FGfohWfOd97vnPd23u9MXeZoaeb1Q7gPHXAFzsAS5GACxiEPqVKXqs1kmtAPQi+cAtedToz1PJ8ExxPwDl7CAlRImoN7rBiF86ABHTiGAzMIh8n3O+ifwWc4EL0n5TGTYQijvjNSxbUadozInUeGZ3nuh1WYgpIkM+hGMwYajAgdrfUn+AaLoLTCAxiAOxCZxL4RdB+gZMjxEjwHo4hS8Jh5DR9hz0mKaNizegoNEI7Wee6FXJTISG6AUgDr+QImoAiHie+mwZJow/PRps4uwnsnRj8Epqc4voVJJ8eULOtW4BFYYjPpgjc+3IWI2sh/wFeoVl6xYQ48dDGLfjOwc/ygQqz595hUMVouS9QHBm4l6k3HWpnBLqicgVrlCxujSbR1Swd+UDpQYRS/oVaZZ2MWwlZBB9Zdxf+QTYw8SRgq6sAvz7vH6JULEB9USVHFjzZskgPRQR4ayxoXXIdaHdg9HrB2rErByWxZERnYtrWUzD0esDbtTmXPhzXwHrKLxEUbYGbVyDkWWwkdadfqbPmwDXZSCyh2VAf8BM/nOOJH5Y0QopMt2I5U/KO4DZZJB47XwEX+ex0mGroMV8sLwp56gyuGwiyW4SZ4c8bt2cZzO7jBNeqtsRHbeZ1g9krsMbhfYPv/c5gecA+4yAVuitFszE5Hjva872OMdXagF19JIoOYWyozMTI3J0tmA6gLvXPfO1cc/XOqOLe/HbjwD8yCXRD3VNJROEgatiRZMJsKsbZHia3nAdphtq8fkiWyXJbBe8uM1aXKPouNnz2Bm1kwAAAAAElFTkSuQmCC);
-webkit-mask: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAApNJREFUSA2tlUtLlFEYgEe7mtFFQ8NLFBG1SJAwahtiLVy5ceVSEPQH1LZf0Lp9FO1bdYNyI7gyBFcS2kAzilYq3sfxeYZ55Zv6FGfohWfOd97vnPd23u9MXeZoaeb1Q7gPHXAFzsAS5GACxiEPqVKXqs1kmtAPQi+cAtedToz1PJ8ExxPwDl7CAlRImoN7rBiF86ABHTiGAzMIh8n3O+ifwWc4EL0n5TGTYQijvjNSxbUadozInUeGZ3nuh1WYgpIkM+hGMwYajAgdrfUn+AaLoLTCAxiAOxCZxL4RdB+gZMjxEjwHo4hS8Jh5DR9hz0mKaNizegoNEI7Wee6FXJTISG6AUgDr+QImoAiHie+mwZJow/PRps4uwnsnRj8Epqc4voVJJ8eULOtW4BFYYjPpgjc+3IWI2sh/wFeoVl6xYQ48dDGLfjOwc/ygQqz595hUMVouS9QHBm4l6k3HWpnBLqicgVrlCxujSbR1Swd+UDpQYRS/oVaZZ2MWwlZBB9Zdxf+QTYw8SRgq6sAvz7vH6JULEB9USVHFjzZskgPRQR4ayxoXXIdaHdg9HrB2rErByWxZERnYtrWUzD0esDbtTmXPhzXwHrKLxEUbYGbVyDkWWwkdadfqbPmwDXZSCyh2VAf8BM/nOOJH5Y0QopMt2I5U/KO4DZZJB47XwEX+ex0mGroMV8sLwp56gyuGwiyW4SZ4c8bt2cZzO7jBNeqtsRHbeZ1g9krsMbhfYPv/c5gecA+4yAVuitFszE5Hjva872OMdXagF19JIoOYWyozMTI3J0tmA6gLvXPfO1cc/XOqOLe/HbjwD8yCXRD3VNJROEgatiRZMJsKsbZHia3nAdphtq8fkiWyXJbBe8uM1aXKPouNnz2Bm1kwAAAAAElFTkSuQmCC);
mask: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAApNJREFUSA2tlUtLlFEYgEe7mtFFQ8NLFBG1SJAwahtiLVy5ceVSEPQH1LZf0Lp9FO1bdYNyI7gyBFcS2kAzilYq3sfxeYZ55Zv6FGfohWfOd97vnPd23u9MXeZoaeb1Q7gPHXAFzsAS5GACxiEPqVKXqs1kmtAPQi+cAtedToz1PJ8ExxPwDl7CAlRImoN7rBiF86ABHTiGAzMIh8n3O+ifwWc4EL0n5TGTYQijvjNSxbUadozInUeGZ3nuh1WYgpIkM+hGMwYajAgdrfUn+AaLoLTCAxiAOxCZxL4RdB+gZMjxEjwHo4hS8Jh5DR9hz0mKaNizegoNEI7Wee6FXJTISG6AUgDr+QImoAiHie+mwZJow/PRps4uwnsnRj8Epqc4voVJJ8eULOtW4BFYYjPpgjc+3IWI2sh/wFeoVl6xYQ48dDGLfjOwc/ygQqz595hUMVouS9QHBm4l6k3HWpnBLqicgVrlCxujSbR1Swd+UDpQYRS/oVaZZ2MWwlZBB9Zdxf+QTYw8SRgq6sAvz7vH6JULEB9USVHFjzZskgPRQR4ayxoXXIdaHdg9HrB2rErByWxZERnYtrWUzD0esDbtTmXPhzXwHrKLxEUbYGbVyDkWWwkdadfqbPmwDXZSCyh2VAf8BM/nOOJH5Y0QopMt2I5U/KO4DZZJB47XwEX+ex0mGroMV8sLwp56gyuGwiyW4SZ4c8bt2cZzO7jBNeqtsRHbeZ1g9krsMbhfYPv/c5gecA+4yAVuitFszE5Hjva872OMdXagF19JIoOYWyozMTI3J0tmA6gLvXPfO1cc/XOqOLe/HbjwD8yCXRD3VNJROEgatiRZMJsKsbZHia3nAdphtq8fkiWyXJbBe8uM1aXKPouNnz2Bm1kwAAAAAElFTkSuQmCC);
-webkit-mask-size: 12px;
mask-size: 12px;
}
.mrlsm84 {
width: 24px;
height: 24px;
-webkit-mask: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAAEgBckRAAAABGdBTUEAALGPC/xhBQAAADhlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAAqACAAQAAAABAAAAMKADAAQAAAABAAAAMAAAAAD4/042AAAIYUlEQVRoBc2ZWYiVZRjHZ8x1NLdcyn3FiIoKJSsqU6LowqiMSioRpJUIjEIwtAW6aBEv1AK7yMSLLoQ2tEVbKMlAwsqF3Mol3EYTx93R6fd7x+f4nTNnHOfMqPPAf573e95nfbfv/c6UlWWopqZmR+axrAzBnhDQbguGtVJQXl7eKzpon6B9Wu2lIazD6RyRFfI8IblC+BIPk+2EPwfraDsRgqWgbTyH8GAI6BwYwrUhDE7nSGP8G4IM72zHgYwgmp1TA9M5IaE9xXZ5COQID8HMrDWwT8t2PjMiu+CpQ8WNtCsQdlJYQFU+o3ONvBWNd+FVKPdVUB/Rv46+bhaxAeRPW31WtSmmcIuI9FF9evR1BRPB0MKi38CoPTgOjgGnXnx7JiWaBYSX8aASdAR5DvNU6fwRHAPVQHoHdAG9gcN8lhBsAfvB8rPS2hayfmAQ6JAkNsBWMKZQOZ7pGwGu9bmcxmp4R4oaHgrFOHo3Ia8yN0dkRjGlApmjV6GBi3hZQWexRw3KnGnH+ykfGiCLbquBEzO6AWW7XbXrWlHsQzROUFRu7dubJfoe57kNutuMIL0PWtMxG1yWJPyh3R88TbMtyp8oz009HRq71E3RuoQjeALlufBEOYMQBMdBBe1twF2nMxH6O2k7b46ycp0ehtehMMh14Hg7D+5UjYUlOVVTwUqwCUgOmvAIMEibM3wfwTwaEuUC4PhzJDcADVSegOL38PMi7AegaECDSRuwr91OdP6KoAvQ+e90PAAvifB1PYYmLtZ4Jt1Bw6FwsvY2xTn20p/AVW01I3X8MnD2T4NHQJPIYYHSttGRASqBY14Dak94Gk2kCFBjOEtxkRvgNBm4k0om/PXE+FbgiJxyazo8C4H8OAofw0sibEdgOBa4WNrhe0l2mXZHOAucAtXAap6FN0g4vg6lUUBbMz+C7WJ4bmfaToTyYBqvgJNAZbmGWW4CAXVSQvBDOF4Ez1Gugpwk0yCYx8XD4GoQAbOOPX+W4dTXamlEEF8ys8BG4BzNBF6aXIGlEw6mAR2eBKfAaRDUnoYvVt+T3UG9I1EnC5T7kNZfIM6U+rL0ENSxer2wc1HsLVTOc4KS4/0HcOLcFwEnzuV3OdDGeZBsG0hY1UB4HuVKo/NGepYAd7UG8rvJ6hd4vYTdFXR2ABEIk/LNYZACoGSnQofMTeI6HgQ/L8LeAFcB/VjVcez/gacH+Q/Ate6QnGyMc/S9fR+F7QYGMMlOBDVQukJ6wFmmAU6h3BfeaMLuMEYe+QYwULobGWUmiJ1Y/5UfpYaIIFvQ0WcMdWrcjsDsDfICaCpFAK8l3X2IM8bhieXXlCDbMbYCV2EfG655KzBYc5A3Cv1KXWzEpckV1BzkRDvJUisDmL3UXAFclQ6PdMQAjrvOmyvAAHxZgf4qHfcjwCo8MdPapd0UGoixFZj8BgN8AKzC1fQqKJlIsAfGOtav7/v00v+OBwOk1YTSPbRLpXEYGiBlr5NYmvNpG0Q8RhDfCY0ibCZi4NBE9ut1kAJQynLa+4ATY5AZGIyFnxehOwVFT2En1+y/AIly7wOfUPwQ5oRHIIPNIYFN8DxC1+TuA/2A+tqp/xP6m+GJ8gIowfBtmL9QqBxG8jhSgtsfOsoM8inO98BzVCeAPQS5DebrMxsgnBVzXIXuApy7UPKoaIDQINAo2uOBY2uWaaVl2l4OvsGxx03zEsG7gSfBYlAF3KhxvclecRAn8ucALwbesypAZ+DVpx1Ii62UDM85QlmHBHGUJoHpwPe7QbUvBsR1rr07kQ0B+pFczVnbkPvmPcqou2YapAYLIPGReFkI3NsR0OQNGPaFxdCV+kzCu94C8CZwmbjXtdNGshApeMSQV1LI8dRbzx+VihKJT6BjLohgJmzQSDYK8ON6HviZYG6QBgnf+jRhP+T8PvA5EH6jQOUW4karQ3bmEc6vRPAlcJnYH1OdTX46Di2u2Yi4Xqq7AguQoqAYMGdzK3GdxRzlFYCTR+l5C4SRzoTPvlXvxYEnwwUjcvDEd7nKJWMHme9uctifFaQ2hs/QeBFE0pG4/DWM5ifFi/SHfPyg7g2igOyM7CIf7/G1Gwfl+2k/DzyHVYwTQP4gyqvgF5UcZfJyAw8D2ZViuw991ejs80cQN9Iy4OsxO+q2J6F0zm8zdC4okZ97YziIGTBeDPJvblCXjkebr13JURefXerkTYYcfEkepOllMUsWMcACbgbubJN2CcUsLKbdUsh3iftBMvGgHhbQE5h8zEAorA2tFsAPk4OrpJA6WoDT0ynTYzGSp4BHZ0ugdiRhrpFb5FTtEbUOOPqFGBFaLYD7grMAZyHg8yEL8K1r8l4D3AuByWwe98MlJXIwRz9HTTj2pzKxw0+/lTRWAAvIzoLH61RwqWkUCfgLV8yAXHg/2p02LFW6B/w+NmlPojiRaKb/XMy0cbGJvMYR072Yzce2q8QPnRNx4vgZ5kaZDVxvkoVIMSvvYbCmVnRh/5KLF8k7C6LEwB5F/hW5pJtvrgCVMXRdvQ4GAw3CiGYqRON5GK9X0NxE/L74NHEvcg5cduTN5T/gv49tJ8orIIQ4Gkp7GnCt6UiSh6GONwK/sv+Gl0zE8vo+Gvii0n8kbgwpZF8Tq7JWdPZv0QKiG+e30H4CODPhMApyHUoGsM8PDmfGwg6cefYdI3mfcZ/J+wNn2FHW1qWgffhPSyPTt4LEN/NclM5ZQFhQiPvCO5PBLSCSNqjPwWnmEgqdSDD7rJ52UtY+ivC3E0fcN/A56bwKyHqgGEduDLgLFK7VKEReLOGsPBJHNf23bhV8NUnHzCpvkBpdQDGPFOXbcTgYAjz2ugGP5CjQe72j6SZ0HW8VjU0Wmzr0PxUW1kdl6s26AAAAAElFTkSuQmCC);
-webkit-mask: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAAEgBckRAAAABGdBTUEAALGPC/xhBQAAADhlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAAqACAAQAAAABAAAAMKADAAQAAAABAAAAMAAAAAD4/042AAAIYUlEQVRoBc2ZWYiVZRjHZ8x1NLdcyn3FiIoKJSsqU6LowqiMSioRpJUIjEIwtAW6aBEv1AK7yMSLLoQ2tEVbKMlAwsqF3Mol3EYTx93R6fd7x+f4nTNnHOfMqPPAf573e95nfbfv/c6UlWWopqZmR+axrAzBnhDQbguGtVJQXl7eKzpon6B9Wu2lIazD6RyRFfI8IblC+BIPk+2EPwfraDsRgqWgbTyH8GAI6BwYwrUhDE7nSGP8G4IM72zHgYwgmp1TA9M5IaE9xXZ5COQID8HMrDWwT8t2PjMiu+CpQ8WNtCsQdlJYQFU+o3ONvBWNd+FVKPdVUB/Rv46+bhaxAeRPW31WtSmmcIuI9FF9evR1BRPB0MKi38CoPTgOjgGnXnx7JiWaBYSX8aASdAR5DvNU6fwRHAPVQHoHdAG9gcN8lhBsAfvB8rPS2hayfmAQ6JAkNsBWMKZQOZ7pGwGu9bmcxmp4R4oaHgrFOHo3Ia8yN0dkRjGlApmjV6GBi3hZQWexRw3KnGnH+ykfGiCLbquBEzO6AWW7XbXrWlHsQzROUFRu7dubJfoe57kNutuMIL0PWtMxG1yWJPyh3R88TbMtyp8oz009HRq71E3RuoQjeALlufBEOYMQBMdBBe1twF2nMxH6O2k7b46ycp0ehtehMMh14Hg7D+5UjYUlOVVTwUqwCUgOmvAIMEibM3wfwTwaEuUC4PhzJDcADVSegOL38PMi7AegaECDSRuwr91OdP6KoAvQ+e90PAAvifB1PYYmLtZ4Jt1Bw6FwsvY2xTn20p/AVW01I3X8MnD2T4NHQJPIYYHSttGRASqBY14Dak94Gk2kCFBjOEtxkRvgNBm4k0om/PXE+FbgiJxyazo8C4H8OAofw0sibEdgOBa4WNrhe0l2mXZHOAucAtXAap6FN0g4vg6lUUBbMz+C7WJ4bmfaToTyYBqvgJNAZbmGWW4CAXVSQvBDOF4Ez1Gugpwk0yCYx8XD4GoQAbOOPX+W4dTXamlEEF8ys8BG4BzNBF6aXIGlEw6mAR2eBKfAaRDUnoYvVt+T3UG9I1EnC5T7kNZfIM6U+rL0ENSxer2wc1HsLVTOc4KS4/0HcOLcFwEnzuV3OdDGeZBsG0hY1UB4HuVKo/NGepYAd7UG8rvJ6hd4vYTdFXR2ABEIk/LNYZACoGSnQofMTeI6HgQ/L8LeAFcB/VjVcez/gacH+Q/Ate6QnGyMc/S9fR+F7QYGMMlOBDVQukJ6wFmmAU6h3BfeaMLuMEYe+QYwULobGWUmiJ1Y/5UfpYaIIFvQ0WcMdWrcjsDsDfICaCpFAK8l3X2IM8bhieXXlCDbMbYCV2EfG655KzBYc5A3Cv1KXWzEpckV1BzkRDvJUisDmL3UXAFclQ6PdMQAjrvOmyvAAHxZgf4qHfcjwCo8MdPapd0UGoixFZj8BgN8AKzC1fQqKJlIsAfGOtav7/v00v+OBwOk1YTSPbRLpXEYGiBlr5NYmvNpG0Q8RhDfCY0ibCZi4NBE9ut1kAJQynLa+4ATY5AZGIyFnxehOwVFT2En1+y/AIly7wOfUPwQ5oRHIIPNIYFN8DxC1+TuA/2A+tqp/xP6m+GJ8gIowfBtmL9QqBxG8jhSgtsfOsoM8inO98BzVCeAPQS5DebrMxsgnBVzXIXuApy7UPKoaIDQINAo2uOBY2uWaaVl2l4OvsGxx03zEsG7gSfBYlAF3KhxvclecRAn8ucALwbesypAZ+DVpx1Ii62UDM85QlmHBHGUJoHpwPe7QbUvBsR1rr07kQ0B+pFczVnbkPvmPcqou2YapAYLIPGReFkI3NsR0OQNGPaFxdCV+kzCu94C8CZwmbjXtdNGshApeMSQV1LI8dRbzx+VihKJT6BjLohgJmzQSDYK8ON6HviZYG6QBgnf+jRhP+T8PvA5EH6jQOUW4karQ3bmEc6vRPAlcJnYH1OdTX46Di2u2Yi4Xqq7AguQoqAYMGdzK3GdxRzlFYCTR+l5C4SRzoTPvlXvxYEnwwUjcvDEd7nKJWMHme9uctifFaQ2hs/QeBFE0pG4/DWM5ifFi/SHfPyg7g2igOyM7CIf7/G1Gwfl+2k/DzyHVYwTQP4gyqvgF5UcZfJyAw8D2ZViuw991ejs80cQN9Iy4OsxO+q2J6F0zm8zdC4okZ97YziIGTBeDPJvblCXjkebr13JURefXerkTYYcfEkepOllMUsWMcACbgbubJN2CcUsLKbdUsh3iftBMvGgHhbQE5h8zEAorA2tFsAPk4OrpJA6WoDT0ynTYzGSp4BHZ0ugdiRhrpFb5FTtEbUOOPqFGBFaLYD7grMAZyHg8yEL8K1r8l4D3AuByWwe98MlJXIwRz9HTTj2pzKxw0+/lTRWAAvIzoLH61RwqWkUCfgLV8yAXHg/2p02LFW6B/w+NmlPojiRaKb/XMy0cbGJvMYR072Yzce2q8QPnRNx4vgZ5kaZDVxvkoVIMSvvYbCmVnRh/5KLF8k7C6LEwB5F/hW5pJtvrgCVMXRdvQ4GAw3CiGYqRON5GK9X0NxE/L74NHEvcg5cduTN5T/gv49tJ8orIIQ4Gkp7GnCt6UiSh6GONwK/sv+Gl0zE8vo+Gvii0n8kbgwpZF8Tq7JWdPZv0QKiG+e30H4CODPhMApyHUoGsM8PDmfGwg6cefYdI3mfcZ/J+wNn2FHW1qWgffhPSyPTt4LEN/NclM5ZQFhQiPvCO5PBLSCSNqjPwWnmEgqdSDD7rJ52UtY+ivC3E0fcN/A56bwKyHqgGEduDLgLFK7VKEReLOGsPBJHNf23bhV8NUnHzCpvkBpdQDGPFOXbcTgYAjz2ugGP5CjQe72j6SZ0HW8VjU0Wmzr0PxUW1kdl6s26AAAAAElFTkSuQmCC);
mask: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAAEgBckRAAAABGdBTUEAALGPC/xhBQAAADhlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAAqACAAQAAAABAAAAMKADAAQAAAABAAAAMAAAAAD4/042AAAIYUlEQVRoBc2ZWYiVZRjHZ8x1NLdcyn3FiIoKJSsqU6LowqiMSioRpJUIjEIwtAW6aBEv1AK7yMSLLoQ2tEVbKMlAwsqF3Mol3EYTx93R6fd7x+f4nTNnHOfMqPPAf573e95nfbfv/c6UlWWopqZmR+axrAzBnhDQbguGtVJQXl7eKzpon6B9Wu2lIazD6RyRFfI8IblC+BIPk+2EPwfraDsRgqWgbTyH8GAI6BwYwrUhDE7nSGP8G4IM72zHgYwgmp1TA9M5IaE9xXZ5COQID8HMrDWwT8t2PjMiu+CpQ8WNtCsQdlJYQFU+o3ONvBWNd+FVKPdVUB/Rv46+bhaxAeRPW31WtSmmcIuI9FF9evR1BRPB0MKi38CoPTgOjgGnXnx7JiWaBYSX8aASdAR5DvNU6fwRHAPVQHoHdAG9gcN8lhBsAfvB8rPS2hayfmAQ6JAkNsBWMKZQOZ7pGwGu9bmcxmp4R4oaHgrFOHo3Ia8yN0dkRjGlApmjV6GBi3hZQWexRw3KnGnH+ykfGiCLbquBEzO6AWW7XbXrWlHsQzROUFRu7dubJfoe57kNutuMIL0PWtMxG1yWJPyh3R88TbMtyp8oz009HRq71E3RuoQjeALlufBEOYMQBMdBBe1twF2nMxH6O2k7b46ycp0ehtehMMh14Hg7D+5UjYUlOVVTwUqwCUgOmvAIMEibM3wfwTwaEuUC4PhzJDcADVSegOL38PMi7AegaECDSRuwr91OdP6KoAvQ+e90PAAvifB1PYYmLtZ4Jt1Bw6FwsvY2xTn20p/AVW01I3X8MnD2T4NHQJPIYYHSttGRASqBY14Dak94Gk2kCFBjOEtxkRvgNBm4k0om/PXE+FbgiJxyazo8C4H8OAofw0sibEdgOBa4WNrhe0l2mXZHOAucAtXAap6FN0g4vg6lUUBbMz+C7WJ4bmfaToTyYBqvgJNAZbmGWW4CAXVSQvBDOF4Ez1Gugpwk0yCYx8XD4GoQAbOOPX+W4dTXamlEEF8ys8BG4BzNBF6aXIGlEw6mAR2eBKfAaRDUnoYvVt+T3UG9I1EnC5T7kNZfIM6U+rL0ENSxer2wc1HsLVTOc4KS4/0HcOLcFwEnzuV3OdDGeZBsG0hY1UB4HuVKo/NGepYAd7UG8rvJ6hd4vYTdFXR2ABEIk/LNYZACoGSnQofMTeI6HgQ/L8LeAFcB/VjVcez/gacH+Q/Ate6QnGyMc/S9fR+F7QYGMMlOBDVQukJ6wFmmAU6h3BfeaMLuMEYe+QYwULobGWUmiJ1Y/5UfpYaIIFvQ0WcMdWrcjsDsDfICaCpFAK8l3X2IM8bhieXXlCDbMbYCV2EfG655KzBYc5A3Cv1KXWzEpckV1BzkRDvJUisDmL3UXAFclQ6PdMQAjrvOmyvAAHxZgf4qHfcjwCo8MdPapd0UGoixFZj8BgN8AKzC1fQqKJlIsAfGOtav7/v00v+OBwOk1YTSPbRLpXEYGiBlr5NYmvNpG0Q8RhDfCY0ibCZi4NBE9ut1kAJQynLa+4ATY5AZGIyFnxehOwVFT2En1+y/AIly7wOfUPwQ5oRHIIPNIYFN8DxC1+TuA/2A+tqp/xP6m+GJ8gIowfBtmL9QqBxG8jhSgtsfOsoM8inO98BzVCeAPQS5DebrMxsgnBVzXIXuApy7UPKoaIDQINAo2uOBY2uWaaVl2l4OvsGxx03zEsG7gSfBYlAF3KhxvclecRAn8ucALwbesypAZ+DVpx1Ii62UDM85QlmHBHGUJoHpwPe7QbUvBsR1rr07kQ0B+pFczVnbkPvmPcqou2YapAYLIPGReFkI3NsR0OQNGPaFxdCV+kzCu94C8CZwmbjXtdNGshApeMSQV1LI8dRbzx+VihKJT6BjLohgJmzQSDYK8ON6HviZYG6QBgnf+jRhP+T8PvA5EH6jQOUW4karQ3bmEc6vRPAlcJnYH1OdTX46Di2u2Yi4Xqq7AguQoqAYMGdzK3GdxRzlFYCTR+l5C4SRzoTPvlXvxYEnwwUjcvDEd7nKJWMHme9uctifFaQ2hs/QeBFE0pG4/DWM5ifFi/SHfPyg7g2igOyM7CIf7/G1Gwfl+2k/DzyHVYwTQP4gyqvgF5UcZfJyAw8D2ZViuw991ejs80cQN9Iy4OsxO+q2J6F0zm8zdC4okZ97YziIGTBeDPJvblCXjkebr13JURefXerkTYYcfEkepOllMUsWMcACbgbubJN2CcUsLKbdUsh3iftBMvGgHhbQE5h8zEAorA2tFsAPk4OrpJA6WoDT0ynTYzGSp4BHZ0ugdiRhrpFb5FTtEbUOOPqFGBFaLYD7grMAZyHg8yEL8K1r8l4D3AuByWwe98MlJXIwRz9HTTj2pzKxw0+/lTRWAAvIzoLH61RwqWkUCfgLV8yAXHg/2p02LFW6B/w+NmlPojiRaKb/XMy0cbGJvMYR072Yzce2q8QPnRNx4vgZ5kaZDVxvkoVIMSvvYbCmVnRh/5KLF8k7C6LEwB5F/hW5pJtvrgCVMXRdvQ4GAw3CiGYqRON5GK9X0NxE/L74NHEvcg5cduTN5T/gv49tJ8orIIQ4Gkp7GnCt6UiSh6GONwK/sv+Gl0zE8vo+Gvii0n8kbgwpZF8Tq7JWdPZv0QKiG+e30H4CODPhMApyHUoGsM8PDmfGwg6cefYdI3mfcZ/J+wNn2FHW1qWgffhPSyPTt4LEN/NclM5ZQFhQiPvCO5PBLSCSNqjPwWnmEgqdSDD7rJ52UtY+ivC3E0fcN/A56bwKyHqgGEduDLgLFK7VKEReLOGsPBJHNf23bhV8NUnHzCpvkBpdQDGPFOXbcTgYAjz2ugGP5CjQe72j6SZ0HW8VjU0Wmzr0PxUW1kdl6s26AAAAAElFTkSuQmCC);
-webkit-mask-size: 24px;
mask-size: 24px;
}
.lawvp5m {
width: 30px;
height: 30px;
-webkit-mask: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAABGdBTUEAALGPC/xhBQAAC+5JREFUaAXVm2tsVMcVx/furvHaBr9DcUwpSSGiViolUCUxKYVGfVC+VLQFVVGRSqWWqiiU97ME+MAbgfoBVfQLUvIhErRSojZ9SKhBVA1qqqiBpmrj4JS2LuZR2xi/jXe3v//xndu92BivWYN3pPE875nzn/+ZM3Pnrr3IOIXdu3cniouL6xA/e2Bg4OPxeHx6Op2uJE6mrpgYI/ZEo9Fu0rZkMtnked6/Y7HYB9XV1RdWrlzZS33Og5dLiceOHSvv7+//HDLnp1KpOQCIkwqYB5AIYDWeygoxlQGsvAfgGP0jRNUnqf8rz54tLCz87fr161vVKRchJ4CPHDlSh8JLUXQuSklxD2XROSqQBkx1AkgIAVaFgiaGRJii6sez1t8H+TZ1r27btu1dvzzm5L4A792790kU+yaji01RJXlOUQPsGBaoewHWsxn9jHrqMifsAuXjAP8T6ZjCmADv37+/AhP9FgCeJzrGQsyoXgxnAxiwAmFyyNsEOvlinDazHNLflJSUHF6zZs0NPZBNyBowrD7F4C8R5Xj0vCmoVANLUZS0erGVDeDBx8OWIMCSQzDxvjyNI2e3aevWrefUMNqQFeBDhw4tYa2+iPCoNBAwBQ0mxVRmIgKGyPbjoS9iDRfp0kS8UlRU1Ikj6tEzbW1txTw+hX619JtJ1TzyzyInIXnqQ7vJHczamBrbxlM7/Q9t2bLlpPKjCaMCfOLEiYKWlpbvMNBnUYQxzFQNtPIC6hRk0F7y7wDyHcD9GbPrG40irs/JkycTV69efY7yIuQsQn4Zeck3oOQDC1K9IuF1tsCXRzPWPQGzn5bCyA8ROssBdSlKaDBjmroByr+cNGnSG2wjxiDK3Fc4fPhwCTK/jZAVWJYtIYZzPsPA0uYm4AJ9V23fvr1lpEFHBCxmMbstCJoFYyT/Z5K1BEZjWmb8Fm0/w3u2jTTYWNv27dv3COP/gDG/hoxJRJtnpYzrJkAW8B5MvzgS0/GRlGhvb1+BwMeIjJWScI0kpPYYadvt27d/zKw2jiTnftuQL2+8B8Z/DtPHyX+MaF5cyH35YnpeT0/PXsob/bohyaDmQ6ojERzUlxBQryZkpl0XQKaoly03FhQUvLxz585xBevGVbpp06b3YXoZY8sJOqBqsryIQLVl6P49VQ4XhgXMTD4p8xGtPGQRQQJqVaTnmcl969atuzmc0PGsA/R1nOEKxvgFUfprrTmzFmAx/SPOCi8Mp0fmLFn7gQMHynhgD7NVSBpaI+rADP9x8+bNPx1O2IOuQ9ejjLkUxqWnw+JI7MT8F+3YseNapl6uMagD6NcpFIrcQYIHGUamDvSXysrKRr3nBULHKdPb27sdvd6TeAALS2Ys5w1tN3WhEAKMN3yCWZlHDzNdv2dKE0i8yZbzk1WrVt0OSXiIBbbMXg4s3wfsdfQLNHFsA2Ip6/n5oIFMCDDmuoQ6eeEU+SQzNKDOCEhTPv4w1qzGHyn4JvtdgZSa9DWWNQGK1G3NfD4AfPTo0Vk0PKZG35Qt5QGx+/uNGzf+M/PBiZTnPH0BHV9D1QCPn9ckPMtan+/0DTrw4v55gGr7CTyz8rCtm4c33QMTNU0kEkewwh6Ao7K9SzvvLdZfcnob4IMHD06hYo4qZc48JFYtUv4dM9juHpio6dq1a6/B5glipseWukDxvqDTmgoGmE5P+y34rGREkboUaTfhjNryIQBMp7BOol4pddQUPr2iFkDcN4TBmfSnVVCgk16HZNZi+y/yhMrnQ+A1sQP9f02Uy1a0N6zBYuSrwhAFkA7j06lMZkYYTrImdITLq4DevyI6ImWp5rlJn+FlqDg6ZcqUmSAKOmSgG+jq6mrIKOdFtqKi4i0UlVWaOWcoXXDz5s36KBt3LejtkIyt67ycVKTj32G/P+OBvMhyMOrGUs+BIa6I0mJYa1rp3CgYq2kIBSGjwyWleRrOobdbx5YCUOkTcRxTFTEJ0ySBZWs/zvpGcKJMDmQ1EBXiRO3HIlBWO0e0TwaseWc1uDB58uT/uny+pWynH0GezFn4hE3OS+DrVFFAg9ZuCBcv9zm5lwoJfUAFsLSJWTecsAk0oSzO1lMgX+UaXdrc3Jx3DsvpzjG5A1yGUHU+w0pjuh0YNriH8zHdtWuXvcICTKYcigLch73rdBWKNTU1OpDkZYBJkdgsZjPYFfBmueUeMrb3ZqYcOhJ5iRalwaFXpled/gKtgJm/Is/VSQfd7odCX19fJRU5+y4bEv4ACrz07OKVUSPpwk9Mv8IHhV3y0tp+akhDjgsvXaGO+Rj27NkjD53izmsnqWKEJZrGEdvRq4V9S1c4Ol6qTbORxtN9guyYv8OaoIf0B3De+fPn9Z4QIrGuri4VBWgzd1eGVKAVpScMz9Cnloek85iHxVA9/E984cKFkblz53pVVVXe7NmzJS+6bNmydLy0tLSptbVVtxxybTYQ2QinrxifWmZS8aFV5skf35yDPRgMEaLH9bLApaO6doXVJszZAqDNYwNaZ89P5gnOQE0IlFXG+eRqEaAxReqNU3tbwIUPee/Vvkx4/NSpU3mzH6Ovh++ZxGcgb/r06R5fEgOm+YmEXTkbYBb332B5QKwC1CImLcAFDQ0Nnwmmb4JnTp8+ncAzG0iWaVTAUVkYo3hoWezgTYdemgH6D0Cb8wK4nbrUgbqn9GFa+YkcuKyINjU1FbHXeuXl5UYktx9SOQq7SdoH7+kcCBbwu0Q5q7TPrlvLuvV7xvWbqClfFEtgN8aBySJrNsqnIXtjwmsHP7uwmRAIbvyaYPmKWNb6dcB0ZctH70/B8lRXN9FSbZ944mLWb7BmnY5MhNi19au6ALAKrNnzJKI+iOzR+sakG80vT0TTxqnGsMAKzFim7HF+iCmKbUXWccCuMIYA+yx/KFa1jgVcZq4Ay0Xkv8hs6SZhQgR5Zbafylu3bplOYhg9jWXlubXpQ9/Qe30IsFAA9A8w2ivALspd0yTw1bj60OfHh4mcQ0YVABPEGAAtol8EJ6WTojdt2rSuO/UbYvPqwNe2GWBc4lhWnQ9aXyN0Qd/Y2dn5dubaUJ8HFRhXDqmKWOycLEBTvCGJMDNJttrW4X7NY17sTkXPnDnTvnjx4n5A1kqAz7SlsCy2ywFes2DBgv+cPXvWbhfulDFeZS0pwqOATZBG8MAentnDOWmHMQJht2PDhg36aeKQMMSkXQ9+PHIRwME5WqDdPu33qaK8hK9yVe6Z8U71Kz3GmMG4hQKHU4qy70a037q1W1lZ2a1vTHfTZViTdp3lAS9fvvwVgD8iZrVdyYQc4+rHTOtIpmvR93P1Czw3vku17TCu1mtZR0eHDkPSwUwXlrWLpPWSwDru48evV6Wfe/bOdETA6qxZ5Zj2AsKmCjAeXM5Lgyo11lVPuE3awIb/Qa5+B+JPuCa7Cib1+TaN7zDAAuqDMeDcbvTU1tZeX758uau/E6uV7wlYvTTwpUuXniP7uJtZB1jtQkuwgVBEH7KuwEYz8Ua2jk1jNTY2lrIOS2G1lInW56A0gIxJyvr9iSbeWBRwdOrgJxk3RmJWeiqMCvBg10iE9VqH0Ke1T2sgn3Hbs0W3+qGMvtmkAWuTQL9rlFsodwKiGwvodwd5biZielnH6YAnkQBMKSL0awTtgdoN0qxT3cSkeS5Je1CvvNpxVtez+bFNVoClCD+PeJRkPmh0H2bKCCDRGJbJqww7+pohhbQGbAJULyBKhUkKq0zfCCbr+lk9bQFgsSk5AikL03PUJXnPvbJ69Wp98R91uKuXvpsEPOAVmHoTJf+lPr7y1v1u+bvJulc9mIwQHKN+hhHkea6jvr7+o2zBarysGc5UUi8UAK+jTluTMStTFnCiSNCJx5gT26p3DIv14RjmmaBe7ZKrvqpHdjenqGa2zCEnqEy9RsrfF2AnWL+QAdgsylNZj8Z6LgBLvkwbc27nF/lygFmZr9MvM80JYCcQhfTfaLWUpxHLYERvL1kxzDOyCm1BtzCKNv5LrTVX25z0zClgCXTB38oq8dKlmKT+maOIqB+t6r/UbOOm7wDA+qnvZ53KTHt48+ni/rjjXvupGyfb9H8EoZWUgTuYFQAAAABJRU5ErkJggg==);
-webkit-mask: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAABGdBTUEAALGPC/xhBQAAC+5JREFUaAXVm2tsVMcVx/furvHaBr9DcUwpSSGiViolUCUxKYVGfVC+VLQFVVGRSqWWqiiU97ME+MAbgfoBVfQLUvIhErRSojZ9SKhBVA1qqqiBpmrj4JS2LuZR2xi/jXe3v//xndu92BivWYN3pPE875nzn/+ZM3Pnrr3IOIXdu3cniouL6xA/e2Bg4OPxeHx6Op2uJE6mrpgYI/ZEo9Fu0rZkMtnked6/Y7HYB9XV1RdWrlzZS33Og5dLiceOHSvv7+//HDLnp1KpOQCIkwqYB5AIYDWeygoxlQGsvAfgGP0jRNUnqf8rz54tLCz87fr161vVKRchJ4CPHDlSh8JLUXQuSklxD2XROSqQBkx1AkgIAVaFgiaGRJii6sez1t8H+TZ1r27btu1dvzzm5L4A792790kU+yaji01RJXlOUQPsGBaoewHWsxn9jHrqMifsAuXjAP8T6ZjCmADv37+/AhP9FgCeJzrGQsyoXgxnAxiwAmFyyNsEOvlinDazHNLflJSUHF6zZs0NPZBNyBowrD7F4C8R5Xj0vCmoVANLUZS0erGVDeDBx8OWIMCSQzDxvjyNI2e3aevWrefUMNqQFeBDhw4tYa2+iPCoNBAwBQ0mxVRmIgKGyPbjoS9iDRfp0kS8UlRU1Ikj6tEzbW1txTw+hX619JtJ1TzyzyInIXnqQ7vJHczamBrbxlM7/Q9t2bLlpPKjCaMCfOLEiYKWlpbvMNBnUYQxzFQNtPIC6hRk0F7y7wDyHcD9GbPrG40irs/JkycTV69efY7yIuQsQn4Zeck3oOQDC1K9IuF1tsCXRzPWPQGzn5bCyA8ROssBdSlKaDBjmroByr+cNGnSG2wjxiDK3Fc4fPhwCTK/jZAVWJYtIYZzPsPA0uYm4AJ9V23fvr1lpEFHBCxmMbstCJoFYyT/Z5K1BEZjWmb8Fm0/w3u2jTTYWNv27dv3COP/gDG/hoxJRJtnpYzrJkAW8B5MvzgS0/GRlGhvb1+BwMeIjJWScI0kpPYYadvt27d/zKw2jiTnftuQL2+8B8Z/DtPHyX+MaF5cyH35YnpeT0/PXsob/bohyaDmQ6ojERzUlxBQryZkpl0XQKaoly03FhQUvLxz585xBevGVbpp06b3YXoZY8sJOqBqsryIQLVl6P49VQ4XhgXMTD4p8xGtPGQRQQJqVaTnmcl969atuzmc0PGsA/R1nOEKxvgFUfprrTmzFmAx/SPOCi8Mp0fmLFn7gQMHynhgD7NVSBpaI+rADP9x8+bNPx1O2IOuQ9ejjLkUxqWnw+JI7MT8F+3YseNapl6uMagD6NcpFIrcQYIHGUamDvSXysrKRr3nBULHKdPb27sdvd6TeAALS2Ys5w1tN3WhEAKMN3yCWZlHDzNdv2dKE0i8yZbzk1WrVt0OSXiIBbbMXg4s3wfsdfQLNHFsA2Ip6/n5oIFMCDDmuoQ6eeEU+SQzNKDOCEhTPv4w1qzGHyn4JvtdgZSa9DWWNQGK1G3NfD4AfPTo0Vk0PKZG35Qt5QGx+/uNGzf+M/PBiZTnPH0BHV9D1QCPn9ckPMtan+/0DTrw4v55gGr7CTyz8rCtm4c33QMTNU0kEkewwh6Ao7K9SzvvLdZfcnob4IMHD06hYo4qZc48JFYtUv4dM9juHpio6dq1a6/B5glipseWukDxvqDTmgoGmE5P+y34rGREkboUaTfhjNryIQBMp7BOol4pddQUPr2iFkDcN4TBmfSnVVCgk16HZNZi+y/yhMrnQ+A1sQP9f02Uy1a0N6zBYuSrwhAFkA7j06lMZkYYTrImdITLq4DevyI6ImWp5rlJn+FlqDg6ZcqUmSAKOmSgG+jq6mrIKOdFtqKi4i0UlVWaOWcoXXDz5s36KBt3LejtkIyt67ycVKTj32G/P+OBvMhyMOrGUs+BIa6I0mJYa1rp3CgYq2kIBSGjwyWleRrOobdbx5YCUOkTcRxTFTEJ0ySBZWs/zvpGcKJMDmQ1EBXiRO3HIlBWO0e0TwaseWc1uDB58uT/uny+pWynH0GezFn4hE3OS+DrVFFAg9ZuCBcv9zm5lwoJfUAFsLSJWTecsAk0oSzO1lMgX+UaXdrc3Jx3DsvpzjG5A1yGUHU+w0pjuh0YNriH8zHdtWuXvcICTKYcigLch73rdBWKNTU1OpDkZYBJkdgsZjPYFfBmueUeMrb3ZqYcOhJ5iRalwaFXpled/gKtgJm/Is/VSQfd7odCX19fJRU5+y4bEv4ACrz07OKVUSPpwk9Mv8IHhV3y0tp+akhDjgsvXaGO+Rj27NkjD53izmsnqWKEJZrGEdvRq4V9S1c4Ol6qTbORxtN9guyYv8OaoIf0B3De+fPn9Z4QIrGuri4VBWgzd1eGVKAVpScMz9Cnloek85iHxVA9/E984cKFkblz53pVVVXe7NmzJS+6bNmydLy0tLSptbVVtxxybTYQ2QinrxifWmZS8aFV5skf35yDPRgMEaLH9bLApaO6doXVJszZAqDNYwNaZ89P5gnOQE0IlFXG+eRqEaAxReqNU3tbwIUPee/Vvkx4/NSpU3mzH6Ovh++ZxGcgb/r06R5fEgOm+YmEXTkbYBb332B5QKwC1CImLcAFDQ0Nnwmmb4JnTp8+ncAzG0iWaVTAUVkYo3hoWezgTYdemgH6D0Cb8wK4nbrUgbqn9GFa+YkcuKyINjU1FbHXeuXl5UYktx9SOQq7SdoH7+kcCBbwu0Q5q7TPrlvLuvV7xvWbqClfFEtgN8aBySJrNsqnIXtjwmsHP7uwmRAIbvyaYPmKWNb6dcB0ZctH70/B8lRXN9FSbZ944mLWb7BmnY5MhNi19au6ALAKrNnzJKI+iOzR+sakG80vT0TTxqnGsMAKzFim7HF+iCmKbUXWccCuMIYA+yx/KFa1jgVcZq4Ay0Xkv8hs6SZhQgR5Zbafylu3bplOYhg9jWXlubXpQ9/Qe30IsFAA9A8w2ivALspd0yTw1bj60OfHh4mcQ0YVABPEGAAtol8EJ6WTojdt2rSuO/UbYvPqwNe2GWBc4lhWnQ9aXyN0Qd/Y2dn5dubaUJ8HFRhXDqmKWOycLEBTvCGJMDNJttrW4X7NY17sTkXPnDnTvnjx4n5A1kqAz7SlsCy2ywFes2DBgv+cPXvWbhfulDFeZS0pwqOATZBG8MAentnDOWmHMQJht2PDhg36aeKQMMSkXQ9+PHIRwME5WqDdPu33qaK8hK9yVe6Z8U71Kz3GmMG4hQKHU4qy70a037q1W1lZ2a1vTHfTZViTdp3lAS9fvvwVgD8iZrVdyYQc4+rHTOtIpmvR93P1Czw3vku17TCu1mtZR0eHDkPSwUwXlrWLpPWSwDru48evV6Wfe/bOdETA6qxZ5Zj2AsKmCjAeXM5Lgyo11lVPuE3awIb/Qa5+B+JPuCa7Cib1+TaN7zDAAuqDMeDcbvTU1tZeX758uau/E6uV7wlYvTTwpUuXniP7uJtZB1jtQkuwgVBEH7KuwEYz8Ua2jk1jNTY2lrIOS2G1lInW56A0gIxJyvr9iSbeWBRwdOrgJxk3RmJWeiqMCvBg10iE9VqH0Ke1T2sgn3Hbs0W3+qGMvtmkAWuTQL9rlFsodwKiGwvodwd5biZielnH6YAnkQBMKSL0awTtgdoN0qxT3cSkeS5Je1CvvNpxVtez+bFNVoClCD+PeJRkPmh0H2bKCCDRGJbJqww7+pohhbQGbAJULyBKhUkKq0zfCCbr+lk9bQFgsSk5AikL03PUJXnPvbJ69Wp98R91uKuXvpsEPOAVmHoTJf+lPr7y1v1u+bvJulc9mIwQHKN+hhHkea6jvr7+o2zBarysGc5UUi8UAK+jTluTMStTFnCiSNCJx5gT26p3DIv14RjmmaBe7ZKrvqpHdjenqGa2zCEnqEy9RsrfF2AnWL+QAdgsylNZj8Z6LgBLvkwbc27nF/lygFmZr9MvM80JYCcQhfTfaLWUpxHLYERvL1kxzDOyCm1BtzCKNv5LrTVX25z0zClgCXTB38oq8dKlmKT+maOIqB+t6r/UbOOm7wDA+qnvZ53KTHt48+ni/rjjXvupGyfb9H8EoZWUgTuYFQAAAABJRU5ErkJggg==);
mask: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAABGdBTUEAALGPC/xhBQAAC+5JREFUaAXVm2tsVMcVx/furvHaBr9DcUwpSSGiViolUCUxKYVGfVC+VLQFVVGRSqWWqiiU97ME+MAbgfoBVfQLUvIhErRSojZ9SKhBVA1qqqiBpmrj4JS2LuZR2xi/jXe3v//xndu92BivWYN3pPE875nzn/+ZM3Pnrr3IOIXdu3cniouL6xA/e2Bg4OPxeHx6Op2uJE6mrpgYI/ZEo9Fu0rZkMtnked6/Y7HYB9XV1RdWrlzZS33Og5dLiceOHSvv7+//HDLnp1KpOQCIkwqYB5AIYDWeygoxlQGsvAfgGP0jRNUnqf8rz54tLCz87fr161vVKRchJ4CPHDlSh8JLUXQuSklxD2XROSqQBkx1AkgIAVaFgiaGRJii6sez1t8H+TZ1r27btu1dvzzm5L4A792790kU+yaji01RJXlOUQPsGBaoewHWsxn9jHrqMifsAuXjAP8T6ZjCmADv37+/AhP9FgCeJzrGQsyoXgxnAxiwAmFyyNsEOvlinDazHNLflJSUHF6zZs0NPZBNyBowrD7F4C8R5Xj0vCmoVANLUZS0erGVDeDBx8OWIMCSQzDxvjyNI2e3aevWrefUMNqQFeBDhw4tYa2+iPCoNBAwBQ0mxVRmIgKGyPbjoS9iDRfp0kS8UlRU1Ikj6tEzbW1txTw+hX619JtJ1TzyzyInIXnqQ7vJHczamBrbxlM7/Q9t2bLlpPKjCaMCfOLEiYKWlpbvMNBnUYQxzFQNtPIC6hRk0F7y7wDyHcD9GbPrG40irs/JkycTV69efY7yIuQsQn4Zeck3oOQDC1K9IuF1tsCXRzPWPQGzn5bCyA8ROssBdSlKaDBjmroByr+cNGnSG2wjxiDK3Fc4fPhwCTK/jZAVWJYtIYZzPsPA0uYm4AJ9V23fvr1lpEFHBCxmMbstCJoFYyT/Z5K1BEZjWmb8Fm0/w3u2jTTYWNv27dv3COP/gDG/hoxJRJtnpYzrJkAW8B5MvzgS0/GRlGhvb1+BwMeIjJWScI0kpPYYadvt27d/zKw2jiTnftuQL2+8B8Z/DtPHyX+MaF5cyH35YnpeT0/PXsob/bohyaDmQ6ojERzUlxBQryZkpl0XQKaoly03FhQUvLxz585xBevGVbpp06b3YXoZY8sJOqBqsryIQLVl6P49VQ4XhgXMTD4p8xGtPGQRQQJqVaTnmcl969atuzmc0PGsA/R1nOEKxvgFUfprrTmzFmAx/SPOCi8Mp0fmLFn7gQMHynhgD7NVSBpaI+rADP9x8+bNPx1O2IOuQ9ejjLkUxqWnw+JI7MT8F+3YseNapl6uMagD6NcpFIrcQYIHGUamDvSXysrKRr3nBULHKdPb27sdvd6TeAALS2Ys5w1tN3WhEAKMN3yCWZlHDzNdv2dKE0i8yZbzk1WrVt0OSXiIBbbMXg4s3wfsdfQLNHFsA2Ip6/n5oIFMCDDmuoQ6eeEU+SQzNKDOCEhTPv4w1qzGHyn4JvtdgZSa9DWWNQGK1G3NfD4AfPTo0Vk0PKZG35Qt5QGx+/uNGzf+M/PBiZTnPH0BHV9D1QCPn9ckPMtan+/0DTrw4v55gGr7CTyz8rCtm4c33QMTNU0kEkewwh6Ao7K9SzvvLdZfcnob4IMHD06hYo4qZc48JFYtUv4dM9juHpio6dq1a6/B5glipseWukDxvqDTmgoGmE5P+y34rGREkboUaTfhjNryIQBMp7BOol4pddQUPr2iFkDcN4TBmfSnVVCgk16HZNZi+y/yhMrnQ+A1sQP9f02Uy1a0N6zBYuSrwhAFkA7j06lMZkYYTrImdITLq4DevyI6ImWp5rlJn+FlqDg6ZcqUmSAKOmSgG+jq6mrIKOdFtqKi4i0UlVWaOWcoXXDz5s36KBt3LejtkIyt67ycVKTj32G/P+OBvMhyMOrGUs+BIa6I0mJYa1rp3CgYq2kIBSGjwyWleRrOobdbx5YCUOkTcRxTFTEJ0ySBZWs/zvpGcKJMDmQ1EBXiRO3HIlBWO0e0TwaseWc1uDB58uT/uny+pWynH0GezFn4hE3OS+DrVFFAg9ZuCBcv9zm5lwoJfUAFsLSJWTecsAk0oSzO1lMgX+UaXdrc3Jx3DsvpzjG5A1yGUHU+w0pjuh0YNriH8zHdtWuXvcICTKYcigLch73rdBWKNTU1OpDkZYBJkdgsZjPYFfBmueUeMrb3ZqYcOhJ5iRalwaFXpled/gKtgJm/Is/VSQfd7odCX19fJRU5+y4bEv4ACrz07OKVUSPpwk9Mv8IHhV3y0tp+akhDjgsvXaGO+Rj27NkjD53izmsnqWKEJZrGEdvRq4V9S1c4Ol6qTbORxtN9guyYv8OaoIf0B3De+fPn9Z4QIrGuri4VBWgzd1eGVKAVpScMz9Cnloek85iHxVA9/E984cKFkblz53pVVVXe7NmzJS+6bNmydLy0tLSptbVVtxxybTYQ2QinrxifWmZS8aFV5skf35yDPRgMEaLH9bLApaO6doXVJszZAqDNYwNaZ89P5gnOQE0IlFXG+eRqEaAxReqNU3tbwIUPee/Vvkx4/NSpU3mzH6Ovh++ZxGcgb/r06R5fEgOm+YmEXTkbYBb332B5QKwC1CImLcAFDQ0Nnwmmb4JnTp8+ncAzG0iWaVTAUVkYo3hoWezgTYdemgH6D0Cb8wK4nbrUgbqn9GFa+YkcuKyINjU1FbHXeuXl5UYktx9SOQq7SdoH7+kcCBbwu0Q5q7TPrlvLuvV7xvWbqClfFEtgN8aBySJrNsqnIXtjwmsHP7uwmRAIbvyaYPmKWNb6dcB0ZctH70/B8lRXN9FSbZ944mLWb7BmnY5MhNi19au6ALAKrNnzJKI+iOzR+sakG80vT0TTxqnGsMAKzFim7HF+iCmKbUXWccCuMIYA+yx/KFa1jgVcZq4Ay0Xkv8hs6SZhQgR5Zbafylu3bplOYhg9jWXlubXpQ9/Qe30IsFAA9A8w2ivALspd0yTw1bj60OfHh4mcQ0YVABPEGAAtol8EJ6WTojdt2rSuO/UbYvPqwNe2GWBc4lhWnQ9aXyN0Qd/Y2dn5dubaUJ8HFRhXDqmKWOycLEBTvCGJMDNJttrW4X7NY17sTkXPnDnTvnjx4n5A1kqAz7SlsCy2ywFes2DBgv+cPXvWbhfulDFeZS0pwqOATZBG8MAentnDOWmHMQJht2PDhg36aeKQMMSkXQ9+PHIRwME5WqDdPu33qaK8hK9yVe6Z8U71Kz3GmMG4hQKHU4qy70a037q1W1lZ2a1vTHfTZViTdp3lAS9fvvwVgD8iZrVdyYQc4+rHTOtIpmvR93P1Czw3vku17TCu1mtZR0eHDkPSwUwXlrWLpPWSwDru48evV6Wfe/bOdETA6qxZ5Zj2AsKmCjAeXM5Lgyo11lVPuE3awIb/Qa5+B+JPuCa7Cib1+TaN7zDAAuqDMeDcbvTU1tZeX758uau/E6uV7wlYvTTwpUuXniP7uJtZB1jtQkuwgVBEH7KuwEYz8Ua2jk1jNTY2lrIOS2G1lInW56A0gIxJyvr9iSbeWBRwdOrgJxk3RmJWeiqMCvBg10iE9VqH0Ke1T2sgn3Hbs0W3+qGMvtmkAWuTQL9rlFsodwKiGwvodwd5biZielnH6YAnkQBMKSL0awTtgdoN0qxT3cSkeS5Je1CvvNpxVtez+bFNVoClCD+PeJRkPmh0H2bKCCDRGJbJqww7+pohhbQGbAJULyBKhUkKq0zfCCbr+lk9bQFgsSk5AikL03PUJXnPvbJ69Wp98R91uKuXvpsEPOAVmHoTJf+lPr7y1v1u+bvJulc9mIwQHKN+hhHkea6jvr7+o2zBarysGc5UUi8UAK+jTluTMStTFnCiSNCJx5gT26p3DIv14RjmmaBe7ZKrvqpHdjenqGa2zCEnqEy9RsrfF2AnWL+QAdgsylNZj8Z6LgBLvkwbc27nF/lygFmZr9MvM80JYCcQhfTfaLWUpxHLYERvL1kxzDOyCm1BtzCKNv5LrTVX25z0zClgCXTB38oq8dKlmKT+maOIqB+t6r/UbOOm7wDA+qnvZ53KTHt48+ni/rjjXvupGyfb9H8EoZWUgTuYFQAAAABJRU5ErkJggg==);
-webkit-mask-size: 30px;
mask-size: 30px;
}
.c2vxtcx {
--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));
}
.senh330 {
-webkit-animation-duration: 0.8s;
animation-duration: 0.8s;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-name: spin-senh330;
animation-name: spin-senh330;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
}
@-webkit-keyframes spin-senh330 {
0% {
-webkit-transform: translate(
var(--spinner-translate),
var(--spinner-translate)
)
rotate(0deg);
-moz-transform: translate(
var(--spinner-translate),
var(--spinner-translate)
)
rotate(0deg);
-ms-transform: translate(var(--spinner-translate), var(--spinner-translate))
rotate(0deg);
transform: translate(var(--spinner-translate), var(--spinner-translate))
rotate(0);
}
to {
-webkit-transform: translate(
var(--spinner-translate),
var(--spinner-translate)
)
rotate(360deg);
-moz-transform: translate(
var(--spinner-translate),
var(--spinner-translate)
)
rotate(360deg);
-ms-transform: translate(var(--spinner-translate), var(--spinner-translate))
rotate(360deg);
transform: translate(var(--spinner-translate), var(--spinner-translate))
rotate(360deg);
}
}
@keyframes spin-senh330 {
0% {
-webkit-transform: translate(
var(--spinner-translate),
var(--spinner-translate)
)
rotate(0deg);
-moz-transform: translate(
var(--spinner-translate),
var(--spinner-translate)
)
rotate(0deg);
-ms-transform: translate(var(--spinner-translate), var(--spinner-translate))
rotate(0deg);
transform: translate(var(--spinner-translate), var(--spinner-translate))
rotate(0);
}
to {
-webkit-transform: translate(
var(--spinner-translate),
var(--spinner-translate)
)
rotate(360deg);
-moz-transform: translate(
var(--spinner-translate),
var(--spinner-translate)
)
rotate(360deg);
-ms-transform: translate(var(--spinner-translate), var(--spinner-translate))
rotate(360deg);
transform: translate(var(--spinner-translate), var(--spinner-translate))
rotate(360deg);
}
}
.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;
}
.b95mmif:not(:disabled) {
cursor: pointer;
}
.b95mmif:focus:not(:disabled),
.b95mmif:hover:not(:disabled) {
background-color: var(
--framer-fresco-contextMenuButtonBackgroundHover-color,
#f2f2f2
);
color: var(--framer-fresco-contextMenuButtonIconHover-color, #333333);
}
.b95mmif svg {
overflow: visible;
}
.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;
}
.cu5b9jh {
padding-right: 2px;
margin-left: -2px;
}
.c1h47sd4 {
padding-left: 2px;
margin-right: -2px;
}
.f1w8vnq7 {
width: 100%;
}
.l33u3v2 {
-webkit-animation: fadeIn-l33u3v2 0.2s cubic-bezier(0.77, 0, 0.175, 1)
forwards;
animation: fadeIn-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-l33u3v2 {
0% {
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-l33u3v2 {
0% {
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);
}
}
.i1vo679o {
height: var(--framer-fresco-inputHeight-dimension, 30px);
padding: 0 var(--framer-fresco-inputPaddingHorizontal-dimension, 8px) 1px;
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
appearance: none;
-webkit-print-color-scheme: light;
color-scheme: light;
}
body[data-framer-theme='dark'] .i1vo679o {
-webkit-print-color-scheme: dark;
color-scheme: dark;
}
.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;
}
.i1vo679o::-webkit-date-and-time-value {
text-align: left;
}
.h12d9czd::-webkit-calendar-picker-indicator {
display: none;
}
.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);
}
.wnz2ky8 {
color: var(--framer-fresco-warningText-color, #ff9900);
}
.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);
}
.w17tu8ua {
color: var(--framer-fresco-warningTint-color, #ffbb00);
}
.s17bfdzw {
-webkit-user-select: text;
-moz-user-select: text;
-ms-user-select: text;
user-select: text;
}
.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);
-webkit-print-color-scheme: light;
color-scheme: light;
}
body[data-framer-theme='dark'] .ires2f3 {
-webkit-print-color-scheme: dark;
color-scheme: dark;
}
.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;
}
.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);
}
.wqsvn94 {
color: var(--framer-fresco-warningText-color, #ff9900);
}
.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;
}
.i1ubxgci .d1ldgwf8 {
height: 100%;
margin: 0 4px;
}
.dljtag7 {
opacity: 0.5;
pointer-events: none;
}
.c16kathw {
color: var(--framer-fresco-dropdownChevron-color, #999999);
}
.fpc582v {
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.f1thtg1z {
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.ct11a1o {
position: fixed;
z-index: 28;
cursor: default;
pointer-events: none;
}
.c130fvck {
padding: 10px;
pointer-events: initial;
}
.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;
}
.tdqpu47 .t3o0wes {
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
transform-origin: center top;
}
.l9h205o .t3o0wes {
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
transform-origin: left center;
}
.b190jn2z .t3o0wes {
-webkit-flex-direction: column-reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
transform-origin: center bottom;
}
.rup7n0p .t3o0wes {
-webkit-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
transform-origin: right center;
}
.sb1to7c {
--delay: 0.1s;
}
.loyxflu {
--delay: 0.5s;
}
.a1agxw0x {
position: relative;
z-index: 1;
color: var(--framer-fresco-tooltipBackground-color, #999999);
}
.t8sst8s {
padding: 11px 14px;
line-height: 1.5;
}
.e1g9jkka {
cursor: pointer;
}
.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;
}
.t16iireh {
position: relative;
}
.ia0cqa8 {
color: var(--framer-fresco-tooltipIcon-color, #bbbbbb);
}
.ia0cqa8:hover {
color: var(--framer-fresco-tooltipIconHover-color, #999999);
}
.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;
}
.e1mc2jrd {
margin-bottom: 15px;
color: var(--framer-fresco-errorStateIconColor-color, #999999);
font-size: 0;
}
.et7ofrw {
color: var(--framer-fresco-errorStateDescriptionText-color, #666666);
font-size: 14px;
letter-spacing: 0;
line-height: 1.5;
text-align: center;
}
.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;
}
.ezwfz8i + .et7ofrw {
margin-top: 6px;
}
.e1p2wo6z {
width: 100%;
max-width: 540px;
max-height: 214px;
padding: 16px;
border-radius: 5px;
margin: 40px 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;
}
.eaw3mqd {
margin-top: 22px;
}
.eaw3mqd > .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);
}
.e14v1lif .ezwfz8i {
font-size: 14px;
font-weight: var(--framer-fresco-headingBold-font-weight, 700);
letter-spacing: 0;
line-height: 1.4;
}
.e14v1lif .et7ofrw {
font-size: var(--framer-fresco-base-font-size, 12px);
letter-spacing: 0;
line-height: 1.4;
}
.e14v1lif .eaw3mqd {
margin-top: 15px;
}
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;
}
.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
);
}
.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;
}
.t1iqtuwi {
color: var(--framer-fresco-largeModalTitle-color, #000000);
font-size: 20px;
font-weight: var(--framer-fresco-headingBold-font-weight, 700);
line-height: 1.4;
}
.d1ajsj42 {
color: var(--framer-fresco-confirmationModalDescription-color, #666666);
font-weight: var(--framer-fresco-baseActive-font-weight, 500);
}
.fuecxnk {
color: var(--framer-fresco-modalForm-color, #999999);
}
.b18dixyx * {
font-weight: var(--framer-fresco-heading-font-weight, 600);
}
.s12n1em4 button {
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.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: translateZ(0);
}
.m1qod7cs {
pointer-events: auto;
}
.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;
}
.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;
}
.n1nrp7h4 {
position: relative;
}
.t2qearp {
opacity: 0;
pointer-events: none;
}
.o1abtuq3 {
-webkit-transform: translate(-30%);
-moz-transform: translate(-30%);
-ms-transform: translate(-30%);
transform: translate(-30%);
}
.ozo04t6 {
-webkit-transform: translate(100%);
-moz-transform: translate(100%);
-ms-transform: translate(100%);
transform: translate(100%);
}
.n117cay8 {
-webkit-animation: enter-n117cay8 0.2s;
animation: enter-n117cay8 0.2s;
}
@-webkit-keyframes enter-n117cay8 {
0% {
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
transform: translate(100%);
}
to {
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
transform: none;
}
}
@keyframes enter-n117cay8 {
0% {
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
transform: translate(100%);
}
to {
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
transform: none;
}
}
.n1bfwbcs {
position: relative;
width: 100%;
height: var(--framer-fresco-floatingWindowToolbarHeight-dimension, 50px);
overflow-x: hidden;
}
.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;
}
.n1lmiiaw:after {
opacity: 1;
}
.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;
}
.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;
}
.n171mkxi {
pointer-events: none;
}
.frmwyvr {
left: calc(
var(--framer-fresco-panelPadding-dimension, 15px) +
var(--framer-fresco-popoverTitleIndentation-dimension, 0px)
);
text-align: left;
}
.tnr0r6k {
-webkit-animation: enter-tnr0r6k 0.2s;
animation: enter-tnr0r6k 0.2s;
}
@-webkit-keyframes enter-tnr0r6k {
0% {
opacity: 0;
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
transform: translate(100%);
}
to {
opacity: 1;
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
transform: none;
}
}
@keyframes enter-tnr0r6k {
0% {
opacity: 0;
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
transform: translate(100%);
}
to {
opacity: 1;
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
transform: none;
}
}
.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;
}
.nhxy8xe {
opacity: 0;
pointer-events: none;
}
.n1obifo6 {
font-variant-numeric: tabular-nums;
}
.w10jibcp {
position: relative;
overflow: hidden;
}
.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;
}
.w19925po:after {
display: none;
}
.ipnpjml:not(:focus-within) {
padding-right: 0;
}
.ibyez08:focus-within {
padding-right: 0;
}
.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 6px;
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;
}
.i1c70rj2 {
color: var(--framer-fresco-inputLabelDisabled-color, #dddddd);
}
.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%
);
}
.n1dddmlm {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 17px;
-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;
}
.n1dddmlm div {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
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;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: 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;
}
.n1dddmlm div:hover,
.n1dddmlm div:active {
color: var(--framer-fresco-inputIconHover-color, #888888);
}
.t12ewooc:active:hover {
-webkit-transform: translateY(-2px);
-moz-transform: translateY(-2px);
-ms-transform: translateY(-2px);
transform: translateY(-2px);
}
.ts5v59s:active:hover {
-webkit-transform: translateY(2px);
-moz-transform: translateY(2px);
-ms-transform: translateY(2px);
transform: translateY(2px);
}
.n9t1k6l {
display: none;
}
.b1dxn7q {
border: 1px solid transparent;
border-radius: 6px;
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
appearance: none;
background: none;
box-shadow: none;
}
.b1dxn7q:focus {
outline-color: transparent;
outline-style: solid;
}
.b1dxn7q:focus-visible {
border-color: var(--framer-fresco-inputBorderActive-color, #0099ff);
}
.t61xro3 {
min-width: 0;
}
.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;
}
.h1ezhwod {
opacity: 0;
}
.s1qqapws {
position: absolute;
}
.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.02),
0px 1px 0px 0px rgba(0, 0, 0, 0.05),
0px 2px 4px 0px rgba(0, 0, 0, 0.1)
);
content: '';
inset: 1px;
}
.slvxlfg:after {
border-radius: var(--framer-fresco-popoutIconRadiusLarge-dimension, 8px);
inset: 2px;
}
.s1tes2cq:after {
background: var(
--framer-fresco-segmentedControlBackgroundDisabled-color,
#f9f9f9
);
box-shadow: none;
}
.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-transition: color 0.2s;
transition: color 0.2s;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.s8ln65c:hover {
color: var(--framer-fresco-segmentedControlItemTextHover-color, #888888);
}
.s8ln65c svg {
will-change: transform;
}
.s8ln65c:disabled {
opacity: 0.2;
pointer-events: none;
}
.s56pukx {
color: var(--framer-fresco-segmentedControlItemTextSelected-color, #0099ff);
font-weight: var(--framer-fresco-heading-font-weight, 600);
}
.s56pukx:hover {
color: var(
--framer-fresco-segmentedControlItemTextSelectedHover-color,
#0088ff
);
}
.s12glelh {
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;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.sv2ybzu {
border-radius: var(--framer-fresco-inputRadiusLarge-dimension, 10px);
}
.v1xikvtl,
.vhkk1lc {
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.vhkk1lc .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);
}
.vhkk1lc .s1qqapws {
width: 100%;
}
.vhkk1lc .s1yv2vyw {
-webkit-transition: top 0.2s cubic-bezier(0.2, 0, 0, 1);
transition: top 0.2s cubic-bezier(0.2, 0, 0, 1);
}
.slpj8e7 {
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;
}
.slpj8e7:not(.vhkk1lc) {
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
}
.slpj8e7:not(.vhkk1lc) .s8ln65c {
min-width: 0;
height: 100%;
-webkit-flex-basis: 0;
-ms-flex-preferred-size: 0;
flex-basis: 0;
}
.slpj8e7:not(.vhkk1lc) .s1qqapws {
height: 100%;
}
.slpj8e7:not(.vhkk1lc) .s1yv2vyw {
-webkit-transition: left 0.2s cubic-bezier(0.2, 0, 0, 1);
transition: left 0.2s cubic-bezier(0.2, 0, 0, 1);
}
.u1aob93t .s56pukx,
.u1aob93t .s56pukx:hover {
color: var(
--framer-fresco-segmentedControlItemTextSelectedUnsaturated-color,
#222222
);
}
.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;
}
.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: '';
}
.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);
}
.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;
}
.ph6ilvd {
position: relative;
width: 100%;
border-radius: var(--framer-fresco-inputRadius-dimension, 8px);
background-color: var(--framer-fresco-popupButtonBackground-color, #f3f3f3);
}
.p232rpx {
border-radius: var(--framer-fresco-inputRadiusLarge-dimension, 10px);
}
.p15qcods {
background-color: var(
--framer-fresco-popupButtonWarningBackground-color,
#ffbb00
);
}
.d1qtgf1h {
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;
}
.d1l3kbul {
color: var(--framer-fresco-popupButtonWarningText-color, #ffffff);
}
.db6d496 {
color: var(--framer-fresco-popupButtonIconDisabled-color, #bbbbbb);
}
.d17fxlhh {
right: calc(11px - var(--nudge-dropdown-icon-horizontally, 0px));
}
.phdad7q {
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);
}
.phdad7q:focus {
border-color: var(--framer-fresco-inputBorderActive-color, #0099ff);
outline: none;
}
.phdad7q:not(:disabled) {
cursor: pointer;
}
.phdad7q optgroup,
.phdad7q option {
color: initial;
}
.phdad7q optgroup:disabled,
.phdad7q option:disabled {
color: inherit;
}
.p3zon1p {
color: var(--framer-fresco-popupButtonWarningText-color, #ffffff);
}
.p1kz9kc {
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);
}
.p17vy09d {
color: var(--framer-fresco-inputTextDisabled-color, #bbbbbb);
}
.p1deqjxq {
padding: 0 36px 1px var(--framer-fresco-inputPaddingHorizontal-dimension, 8px);
}
.p17ty6mr {
padding-left: calc(
var(--framer-fresco-inputPaddingHorizontal-dimension, 8px) +
var(--framer-fresco-inputPaddingHorizontalWithBorder-dimension, 7px) +
var(--framer-fresco-popoutIconSize-dimension, 18px)
);
}
.pc99wwd {
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;
}
.p1xndl0v {
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;
}
.pvwrj3y {
color: var(--framer-fresco-popupButtonWarningText-color, #ffffff);
}
.dnh1qdo {
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;
}
.lq239lh {
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;
}
.i1kwxb0e {
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;
}
.itexwye {
color: var(--framer-fresco-inputLabelDisabled-color, #dddddd);
}
.p1vkaum6 {
position: relative;
}
.pzac9yd {
position: absolute;
inset: 1px 16px 1px 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;
}
.pzac9yd > span {
min-width: 0;
}
.piuknlk {
color: var(--framer-fresco-inputLabelDisabled-color, #dddddd);
}
.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);
}
.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);
}
.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);
}
.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);
}
.h1sx89rv::-webkit-progress-value {
min-width: 3px;
}
.wrexw9::-webkit-progress-value {
background-color: var(
--framer-fresco-toolbarButtonTextWarning-color,
#ffaa00
);
}
.wrexw9::-moz-progress-bar {
background-color: var(
--framer-fresco-toolbarButtonTextWarning-color,
#ffaa00
);
}
.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-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 0.15s,
background-color ease 0.15s;
transition:
border-color ease 0.15s,
background-color ease 0.15s;
}
.p1mwrmnm svg {
-webkit-transition:
fill ease 0.15s,
stroke ease 0.15s,
-webkit-transform ease 0.1s;
transition:
fill ease 0.15s,
stroke ease 0.15s,
transform ease 0.1s;
}
.ramuuuh {
padding: 0;
}
.dj20bhq {
background-color: var(--framer-fresco-toolbarButtonBackground-color, #f3f3f3);
color: var(--framer-fresco-toolbarSettingsButtonTextSites-color, #333333);
}
.dj20bhq:focus:not(:disabled),
.dj20bhq:hover:not(:disabled),
.dj20bhq:active:focus:not(:disabled),
.dj20bhq:active:hover:not(:disabled) {
background-color: var(--framer-fresco-buttonBackgroundHover-color, #eeeeee);
}
.wnh6zv9 {
background-color: var(
--framer-fresco-toolbarButtonBackgroundWarning-color,
rgba(255, 170, 0, 0.2)
);
color: var(--framer-fresco-toolbarButtonTextWarning-color, #ffaa00);
}
.wnh6zv9:focus:not(:disabled),
.wnh6zv9:hover:not(:disabled),
.wnh6zv9:active:focus:not(:disabled),
.wnh6zv9:active:hover:not(:disabled) {
background-color: var(
--framer-fresco-toolbarButtonBackgroundWarningActive-color,
rgba(255, 170, 0, 0.3)
);
}
.ebq3k5g {
background-color: var(
--framer-fresco-toolbarButtonBackgroundError-color,
rgba(255, 51, 85, 0.1)
);
color: var(--framer-fresco-toolbarButtonTextError-color, #ff3355);
}
.ebq3k5g:focus:not(:disabled),
.ebq3k5g:hover:not(:disabled),
.ebq3k5g:active:focus:not(:disabled),
.ebq3k5g:active:hover:not(:disabled) {
background-color: var(
--framer-fresco-toolbarButtonBackgroundErrorActive-color,
rgba(255, 51, 85, 0.2)
);
}
.ag3kc3x {
background-color: var(
--framer-fresco-toolbarButtonBackgroundActive-color,
#333333
);
box-shadow: none !important;
color: var(--framer-fresco-toolbarButtonTextActive-color, #ffffff);
}
.ag3kc3x:focus:not(:disabled),
.ag3kc3x:hover:not(:disabled),
.ag3kc3x:active:hover:not(:disabled),
.ag3kc3x:active:focus:not(:disabled) {
background-color: var(
--framer-fresco-toolbarButtonBackgroundActive-color,
#333333
);
color: var(--framer-fresco-toolbarButtonTextActive-color, #ffffff);
}
.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;
border: 0;
margin: 0;
}
.r1m4lzky:not(:-moz-handler-blocked) .r1m4lzky {
display: table-cell;
}
.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);
}
.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;
}
.r1iwxe39 {
position: relative;
overflow: hidden;
width: var(--framer-fresco-radioButtonSize-dimension, 16px);
height: var(--framer-fresco-radioButtonSize-dimension, 16px);
-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, #dddddd);
outline: none;
-webkit-transition: all 0.2s;
transition: all 0.2s;
}
.r1iwxe39:before {
position: absolute;
z-index: 2;
top: 5px;
left: 5px;
width: 6px;
height: 6px;
border-radius: 50%;
background: #fff;
content: '';
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
transform-origin: center;
-webkit-transition: -webkit-transform 0.2s cubic-bezier(0.68, 0, 0.26, 1.6) 0s;
transition: transform 0.2s cubic-bezier(0.68, 0, 0.26, 1.6) 0s;
will-change: transform;
}
.r1iwxe39:after {
position: absolute;
z-index: 0;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 50%;
background: var(--framer-fresco-tint-color, #0099ff);
content: '';
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
-webkit-transition: -webkit-transform 0.2s ease;
transition: transform 0.2s ease;
}
.r1iwxe39:disabled {
opacity: 0.3;
}
.r1iwxe39:hover:not(:disabled) {
background-color: var(
--framer-fresco-radioButtonBackgroundHover-color,
#cccccc
);
}
.r1iwxe39:checked:before {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
-webkit-transition: -webkit-transform 0.2s cubic-bezier(0.68, 0, 0.26, 1.6)
0.1s;
transition: transform 0.2s cubic-bezier(0.68, 0, 0.26, 1.6) 0.1s;
}
.r1iwxe39:checked:after {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.r1iwxe39:not(:disabled) {
cursor: pointer;
}
.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);
}
.iybct7k {
max-width: 100%;
}
.r157j25a {
color: var(--framer-fresco-radioButtonLabelDisabled-color, #cccccc);
cursor: default;
}
.r1le6dfj {
-webkit-align-items: flex-start;
-webkit-box-align: flex-start;
-ms-flex-align: flex-start;
align-items: flex-start;
}
.r1le6dfj .r1iwxe39 {
margin-top: 0;
}
.r1m3gbgj {
font-weight: var(--framer-fresco-heading-font-weight, 600);
}
.r14x0s7d {
color: var(--framer-fresco-radioButtonDescription-color, #999999);
}
.rtlkjk9 {
padding-left: calc(
var(--framer-fresco-radioButtonSize-dimension, 16px) + 4px +
var(--framer-fresco-inputPaddingHorizontal-dimension, 8px)
);
margin-top: 15px;
}
.iajsitd {
color: #999;
}
.v1ea1yrv {
position: relative;
}
.v1ea1yrv:hover .iajsitd {
display: block;
}
.v1ea1yrv .iajsitd {
display: none;
}
.s17ebds8 {
overflow-x: hidden;
overflow-y: auto;
}
.sm8b3rh {
overflow-x: auto;
overflow-y: hidden;
}
.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;
}
.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;
}
.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;
}
.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;
}
.i8gs8dn {
padding: 0;
border: none;
margin: 0;
background: none;
color: inherit;
cursor: pointer;
}
.i8gs8dn:disabled {
opacity: 0.5;
pointer-events: none;
}
.svpr0nh {
padding-left: calc(var(--framer-fresco-inputSpacing-dimension, 10px) + 1px);
}
.s1px9f5q {
margin-right: 3px;
}
.s6iyxf1 {
padding-right: calc(
var(--framer-fresco-inputPaddingHorizontal-dimension, 8px) - 1px
);
}
.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;
}
.cpbz6cs {
padding-right: 9px;
}
.s1t4ivzv {
padding-right: 4px;
}
.co17wjr {
font-size: var(--framer-fresco-heading-font-size, 13px);
}
.s142amrw {
height: var(--framer-fresco-inputHeight-dimension, 30px);
margin: 0;
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
appearance: none;
background-color: transparent;
}
.s142amrw::-moz-focus-outer {
border: 0;
}
.s142amrw:focus {
outline: none;
}
.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: 2px;
will-change: transform;
}
.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: 2px;
will-change: transform;
}
.s142amrw:disabled::-webkit-slider-runnable-track {
background: var(--framer-fresco-sliderTrackDisabled-color, #eeeeee);
}
.s142amrw:disabled::-moz-range-track {
background: var(--framer-fresco-sliderTrackDisabled-color, #eeeeee);
}
.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: 10px;
margin-top: -4px;
opacity: 1;
width: 10px;
will-change: transform;
}
.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: 10px;
margin-top: -4px;
opacity: 1;
width: 10px;
will-change: transform;
}
.s142amrw:disabled::-webkit-slider-thumb {
display: none;
}
.s142amrw:disabled::-moz-range-thumb {
display: none;
}
.lwu5vv0::-webkit-slider-runnable-track {
height: 3px;
}
.lwu5vv0::-moz-range-track {
height: 3px;
}
.lwu5vv0::-webkit-slider-thumb {
height: 15px;
margin-top: -6px;
width: 15px;
}
.lwu5vv0::-moz-range-thumb {
height: 15px;
margin-top: -6px;
width: 15px;
}
.dafeksh.dafeksh {
display: contents;
}
.hl2u4y9 > * {
display: none !important;
}
.i1vqy4dg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.hmip4eg {
display: none;
}
.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);
}
.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;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.t1rmmg92 {
background: none;
color: var(--framer-fresco-buttonText-color, #333333);
}
.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);
}
.naknbba .t19kc5nv {
cursor: default;
pointer-events: none;
}
.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;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.bepcoq8:focus {
outline-color: transparent;
outline-style: solid;
}
.bepcoq8:focus-visible {
border-color: var(--framer-fresco-inputBorderActive-color, #0099ff);
}
.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-agentModalPadding-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;
}
.t19ggigy:after {
display: block;
overflow: hidden;
height: 0;
content: attr(data-text);
font-weight: var(--framer-fresco-heading-font-weight, 600);
visibility: hidden;
}
.t19ggigy:disabled {
opacity: 0.6;
pointer-events: none;
}
.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);
}
.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;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.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;
}
.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;
}
.la3ejma {
cursor: ns-resize;
}
.t3iyy5 {
--index: 0;
position: fixed;
z-index: 29;
right: 0;
bottom: 0;
left: 0;
pointer-events: none;
}
.exff1tz {
z-index: 31;
}
.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;
}
.a1vnoagw {
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.av8q8xc {
-webkit-align-items: start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: start;
}
.a1udhovq {
-webkit-align-items: end;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: end;
}
.t1yp07hv {
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);
-webkit-flex: 1 200px;
-ms-flex: 1 200px;
flex: 1 200px;
-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: 15px;
-webkit-animation:
0.2s ease-out backwards toast-appear-t1yp07hv,
0.3s ease-in var(--duration) forwards toast-disappear-t1yp07hv;
animation:
0.2s ease-out backwards toast-appear-t1yp07hv,
0.3s ease-in var(--duration) forwards toast-disappear-t1yp07hv;
background-color: var(--framer-fresco-panelBackground-color, #ffffff);
box-shadow: 0 4px 8px #0000001a;
color: var(--framer-fresco-toastText-color, #444444);
font-size: var(--framer-fresco-base-font-size, 12px);
font-weight: var(--framer-fresco-heading-font-weight, 600);
line-height: var(--framer-fresco-base-font-size, 12px);
pointer-events: auto;
-webkit-transform: translate(0, var(--translate-y));
-moz-transform: translate(0, var(--translate-y));
-ms-transform: translate(0, var(--translate-y));
transform: translateY(var(--translate-y));
-webkit-transition: -webkit-transform 0.2s;
transition: transform 0.2s;
white-space: nowrap;
--toast-height: var(--framer-fresco-toastHeight-dimension, 50px);
--translate-y: calc(
calc(
var(--index) *
calc(
var(--toast-height) + var(--framer-fresco-toastGap-dimension, 10px)
)
) *
-1
);
--translate-y-offset: calc(
var(--translate-y) + var(--framer-fresco-toastGap-dimension, 10px)
);
}
.t1yp07hv.has-action {
padding-right: 10px;
}
.t1yp07hv.has-icon {
padding-left: 15px;
}
.t1yp07hv.paused {
-webkit-animation-play-state: running, paused;
animation-play-state: running, paused;
}
.t1yp07hv.reset {
-webkit-animation-iteration-count: 0, 1;
animation-iteration-count: 0, 1;
}
.t1yp07hv a {
color: var(--framer-fresco-tint-color, #0099ff);
cursor: pointer;
font-weight: var(--framer-fresco-baseActive-font-weight, 500);
-webkit-text-decoration: none;
text-decoration: none;
}
.t1yp07hv code {
display: inline-block;
overflow: hidden;
max-width: 250px;
font-size: 13px;
line-height: 10px;
text-overflow: ellipsis;
}
@-webkit-keyframes toast-appear-t1yp07hv {
0% {
opacity: 0;
-webkit-transform: translate(0, var(--translate-y-offset)) scale(0.95);
-moz-transform: translate(0, var(--translate-y-offset)) scale(0.95);
-ms-transform: translate(0, var(--translate-y-offset)) scale(0.95);
transform: translateY(var(--translate-y-offset)) scale(0.95);
}
to {
opacity: 1;
-webkit-transform: translate(0, var(--translate-y)) scale(1);
-moz-transform: translate(0, var(--translate-y)) scale(1);
-ms-transform: translate(0, var(--translate-y)) scale(1);
transform: translateY(var(--translate-y)) scale(1);
}
}
@keyframes toast-appear-t1yp07hv {
0% {
opacity: 0;
-webkit-transform: translate(0, var(--translate-y-offset)) scale(0.95);
-moz-transform: translate(0, var(--translate-y-offset)) scale(0.95);
-ms-transform: translate(0, var(--translate-y-offset)) scale(0.95);
transform: translateY(var(--translate-y-offset)) scale(0.95);
}
to {
opacity: 1;
-webkit-transform: translate(0, var(--translate-y)) scale(1);
-moz-transform: translate(0, var(--translate-y)) scale(1);
-ms-transform: translate(0, var(--translate-y)) scale(1);
transform: translateY(var(--translate-y)) scale(1);
}
}
@-webkit-keyframes toast-disappear-t1yp07hv {
0% {
opacity: 1;
}
to {
opacity: 0;
}
}
@keyframes toast-disappear-t1yp07hv {
0% {
opacity: 1;
}
to {
opacity: 0;
}
}
@media only screen and (max-width: 430px) {
.t1yp07hv {
padding-left: 15px;
font-size: 12px;
letter-spacing: -0.1px;
}
}
.p5h1uxz {
height: 100%;
pointer-events: none;
}
.p5h1uxz .t1yp07hv {
--translate-y: calc(
calc(
var(--index) *
calc(
var(--toast-height) + var(--framer-fresco-toastGap-dimension, 10px)
)
)
);
top: 0;
bottom: initial;
pointer-events: all;
}
.i1my5r4k {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 20px;
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;
margin-right: 10px;
color: var(--framer-fresco-toastIconSites-color, #0099ff);
}
.i1my5r4k .warning .background {
fill: #fb0;
}
.i1my5r4k .warning .line {
stroke: #fff;
}
.i1my5r4k .warning .dot {
fill: #fff;
}
.t1wvyz2l img,
.t1wvyz2l .emoji {
width: 1.3em;
height: 1.3em;
margin-right: 10px;
vertical-align: -0.3em;
}
.twimrfx {
min-width: unset;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding: 0 10px 1px;
border: none;
border-radius: 8px;
margin: 0 0 0 10px;
background-color: var(
--framer-fresco-toolbarButtonBackgroundActiveSites-color,
#f3f3f3
);
color: var(--framer-fresco-buttonText-color, #333333);
font-size: 12px;
font-weight: var(--framer-fresco-heading-font-weight, 600);
text-align: center;
}
.twimrfx:focus:not(:disabled),
.twimrfx:hover:not(:disabled) {
background-color: var(--framer-fresco-buttonBackgroundHover-color, #eeeeee);
}
.t1dyj7h0 {
background-color: var(
--framer-fresco-toastButtonBackgroundProminent-color,
#ffffff
);
color: var(--framer-fresco-tint-color, #0099ff);
}
.t1dyj7h0:focus:not(:disabled),
.t1dyj7h0:hover:not(:disabled),
.t1dyj7h0:active:focus:not(:disabled),
.t1dyj7h0:active:hover:not(:disabled) {
background-color: var(
--framer-fresco-toastButtonBackgroundProminentHover-color,
rgba(255, 255, 255, 0.9)
);
}
.t1kbinb5 {
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);
}
.t1kbinb5:focus:not(:disabled),
.t1kbinb5:hover:not(:disabled),
.t1kbinb5:active:focus:not(:disabled),
.t1kbinb5:active:hover:not(:disabled) {
background-color: var(
--framer-fresco-buttonBackgroundPrimaryHover-color,
#0088ff
);
}
.t1kbinb5 svg {
margin-right: 8px;
}
.dglvr97 svg {
display: none;
}
@media only screen and (max-width: 430px) {
.dglvr97 {
padding: 0 10px 1px;
margin-left: 8px;
}
.dglvr97 span {
display: none;
}
.dglvr97 svg {
display: block;
}
}
.e1vim678 {
margin-left: 20px;
}
.uevjxrg {
background-color: var(--framer-fresco-warningTint-color, #ffbb00);
}
.uevjxrg .twimrfx {
background-color: var(
--framer-fresco-upsellCTAButtonBackground-color,
#ffffff
);
color: var(--framer-fresco-warningTint-color, #ffbb00);
}
.uevjxrg .twimrfx:focus:not(:disabled),
.uevjxrg .twimrfx:hover:not(:disabled) {
background-color: var(
--framer-fresco-upsellCTAButtonBackgroundHover-color,
#eeeeee
);
}
.uevjxrg .t1wvyz2l {
color: var(--framer-fresco-upsellCTAText-color, #ffffff);
}
.fk2jklq {
background-color: var(--framer-fresco-toastBackgroundPrimary-color, #0099ff);
color: var(--framer-fresco-toastTextPrimary-color, #ffffff);
}
.fk2jklq .i1my5r4k {
color: var(--framer-fresco-toastTextPrimary-color, #ffffff);
}
.fk2jklq .i1my5r4k .warning .background {
fill: var(--framer-fresco-toastTextPrimary-color, #ffffff);
}
.fk2jklq .i1my5r4k .warning .line {
stroke: var(--framer-fresco-toastBackgroundPrimary-color, #0099ff);
}
.fk2jklq .i1my5r4k .warning .dot {
fill: var(--framer-fresco-toastBackgroundPrimary-color, #0099ff);
}
.fk2jklq .twimrfx {
background-color: var(--framer-fresco-toastTextPrimary-color, #ffffff);
color: var(--framer-fresco-toastBackgroundPrimary-color, #0099ff);
font-weight: 600;
}
.fk2jklq .twimrfx:hover {
background-color: var(--framer-fresco-toastTextPrimary-color, #ffffff);
color: var(--framer-fresco-toastBackgroundPrimary-color, #0099ff);
}
.fk2jklq .twimrfx:focus:not(:disabled),
.fk2jklq .twimrfx:hover:not(:disabled),
.fk2jklq .twimrfx:active:focus:not(:disabled),
.fk2jklq .twimrfx:active:hover:not(:disabled) {
background-color: var(--framer-fresco-toastTextPrimary-color, #ffffff);
color: var(--framer-fresco-toastBackgroundPrimary-color, #0099ff);
}
.fk2jklq a {
color: var(--framer-fresco-toastTextPrimary-color, #ffffff);
-webkit-text-decoration: underline;
text-decoration: underline;
}
.e1brfdum {
background-color: #f24a58;
box-shadow: 0 10px 20px #f24a5833;
color: #fff;
}
.e1brfdum .i1my5r4k {
color: #fff;
}
.e1brfdum .twimrfx {
background-color: #fff3;
color: #fff;
}
.e1brfdum .twimrfx:focus:not(:disabled),
.e1brfdum .twimrfx:hover:not(:disabled) {
background-color: #fff3;
}
.w1lswxdi {
background-color: #fb0;
box-shadow: 0 10px 20px #fa03;
color: #fff;
}
.w1lswxdi .i1my5r4k {
color: #fff;
}
.w1lswxdi .twimrfx {
background-color: #fff3;
color: #fff;
}
.w1lswxdi .twimrfx:focus:not(:disabled),
.w1lswxdi .twimrfx:hover:not(:disabled) {
background-color: #fff3;
}
.p1ukxca5 {
background-color: var(--framer-fresco-tint-color, #0099ff);
color: var(--framer-fresco-toastTextPrimary-color, #ffffff);
}
.p1ukxca5 .twimrfx:not(.t1dyj7h0) {
background-color: #fff3;
color: #fff;
}
.p1ukxca5 .twimrfx:not(.t1dyj7h0):focus:not(:disabled),
.p1ukxca5 .twimrfx:not(.t1dyj7h0):hover:not(:disabled) {
background-color: #fff3;
}
.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;
}
.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: translate(0);
-webkit-transition: -webkit-transform 0.2s ease;
transition: transform 0.2s ease;
}
.t1vycteo {
background-color: var(--framer-fresco-toggleBackgroundChecked-color, #0099ff);
}
.tjv5xjt {
opacity: 0.5;
}
.t1fyy6v3 {
background-color: var(
--framer-fresco-toggleBackgroundDisabled-color,
#f3f3f3
);
}
.t1fyy6v3 .ts3kncj {
border-bottom-color: var(
--framer-fresco-toggleTackBorderDisabled-color,
transparent
);
background: var(--framer-fresco-toggleTackDisabled-color, #ffffff);
box-shadow: none;
}
.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;
}
.i1m48rn5:focus {
outline-color: transparent;
outline-style: solid;
}
.i1m48rn5:focus-visible {
border-color: var(--framer-fresco-inputBorderActive-color, #0099ff);
}
.i1m48rn5:not(:disabled) {
cursor: pointer;
}
.i1m48rn5:checked + .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: translate(
calc(
var(--toggle-width) - var(--toggle-padding-total) -
var(--toggle-tack-size)
)
);
}
.tvaq8i1 {
--toggle-tack-size: 16px;
--toggle-padding: 2px;
--toggle-width: 30px;
}
.b1xodv2l {
min-width: 67px;
padding-bottom: 0;
}
.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;
}
.bj5wdr > svg {
margin-right: 6px;
}
.s174a0sx {
overflow: clip;
width: 100%;
height: 100%;
}
.r1t532rj {
display: -ms-grid;
display: grid;
height: 100%;
}
.i1rwgrez {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
height: 100%;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.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;
}
.tpycwo6 {
font-variant-numeric: tabular-nums;
}
.ts7fbvw {
font-weight: var(--framer-fresco-heading-font-weight, 600);
line-height: 1.5;
text-align: center;
white-space: nowrap;
}
.t18v0z1l {
line-height: 1.5;
opacity: 0.6;
text-align: center;
white-space: nowrap;
}
.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;
}
.l1l8om57 > *:not(:first-child) {
margin-right: -4px;
}
.sv36qp8 > *:not(:first-child) {
margin-right: -3px;
}
.t1aewutb {
font-weight: var(--framer-fresco-heading-font-weight, 600);
line-height: 1.6;
text-align: center;
}
.tfydinf {
line-height: 1.6;
opacity: 0.6;
text-align: center;
}
.a16903hn {
position: relative;
}
.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%;
}
.s1m9oj4r {
--avatar-size: 20px !important;
border-radius: 5px;
font-size: 10px;
}
.s1m9oj4r span,
.s1m9oj4r img {
border-radius: 5px;
}
.pvu3uy5 {
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);
}
.pvu3uy5[data-enter] {
opacity: 1;
-webkit-transform: scaleY(1);
-moz-transform: scaleY(1);
-ms-transform: scaleY(1);
transform: scaleY(1);
}
.pvu3uy5[data-leave] {
-webkit-transform: scaleY(1);
-moz-transform: scaleY(1);
-ms-transform: scaleY(1);
transform: scaleY(1);
transition-duration: 30ms;
}
.pvu3uy5 li .inner {
padding-top: 8px !important;
padding-bottom: 8px !important;
}
.pvu3uy5 li.checked .inner:before {
height: 30px !important;
}
.pvu3uy5 li.has-badge.checked .inner:before {
height: 34px !important;
}
.tzsvjdc {
max-width: 200px;
padding: 15px;
box-shadow: var(
--framer-fresco-canvasTooltip-shadow,
0px 10px 20px 0px rgba(0, 0, 0, 0.1)
);
color: var(--framer-fresco-panelText-color, #666666);
line-height: 1.3em;
}
.t1ehb6cn {
color: var(--framer-fresco-panelTitle-color, #333333);
}
.d1r6g833 * {
-webkit-transition: none !important;
transition: none !important;
}
.i7d4cn1 {
color: var(--framer-fresco-tooltipIcon-color, #bbbbbb);
cursor: pointer;
}
.i7d4cn1:hover {
color: var(--framer-fresco-tint-color, #0099ff);
}
.e1otabne {
--text-color: var(--framer-fresco-educationButtonText-color, #999999);
--background-color: var(
--framer-fresco-educationButtonBackground-color,
rgba(17, 17, 17, 0.05)
);
}
.e1otabne:hover,
.e1otabne[aria-expanded='true'] {
--text-color: var(--framer-fresco-tint-color, #0099ff);
--background-color: var(
--framer-fresco-tintDimmed-color,
rgba(0, 153, 255, 0.1)
);
}
.bhul7u3 {
max-width: 200px;
padding: 15px;
box-shadow: var(
--framer-fresco-canvasTooltip-shadow,
0px 10px 20px 0px rgba(0, 0, 0, 0.1)
);
color: var(--framer-fresco-panelText-color, #666666);
line-height: 1.6em;
}
.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;
}
.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);
}
.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: '';
}
.b1k2nl76 {
--text-color: var(--framer-fresco-inputLabel-color, #999999);
position: absolute;
top: 0;
right: 0;
left: 0;
height: 100%;
color: var(--text-color);
}
.b1k2nl76 button ~ button {
margin-left: 5px;
}
.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);
}
.c77pepd {
height: 100%;
}
.wnwbz2t {
right: 0;
border-top: none;
background-color: var(--framer-fresco-codeEditorBackground-color, #fdfdfd);
}
.wnwbz2t:after {
background-color: var(--framer-fresco-panelDivider-color, #eeeeee);
}
.w16ew1wl {
right: min(
calc(
var(--framerInternalUI-previewWidth, 0) +
var(--framer-fresco-panelPadding-dimension, 15px)
),
max(
260px,
calc(
100vw - var(--framerInternalUI-chromeMarginLeft) -
var(--framer-fresco-codeEditorMinWidth-dimension, 400px)
)
)
);
border-right: 1px solid var(--framer-fresco-panelDivider-color, #eeeeee);
}
.r16cr7hr:after {
right: 0;
left: 0;
}
.b1lo74ig {
height: 100%;
}
.b1119pfk {
--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);
}
.b1119pfk > svg {
pointer-events: none;
}
.b13iwexl {
cursor: default;
}
.p1c7z6za {
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.p1c7z6za > svg {
display: block;
margin: 0;
}
.b1eca53j {
color: var(--text-color);
}
.i4sri9u {
position: relative;
height: 100%;
}
.cs3azl6 {
margin-left: 8px;
font-size: var(--framer-fresco-label-font-size, 10px);
opacity: 0.7;
white-space: nowrap;
}
.a1qeto7i {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
height: 100%;
}
.a1qeto7i button:first-child {
margin-left: var(
--framer-fresco-breadcrumbSpacing-dimension,
10px
) !important;
}
.b8y1dyl {
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;
}
.b8y1dyl:hover:not(:disabled),
.b8y1dyl:focus:not(:disabled),
.b8y1dyl:active:not(:disabled),
.b8y1dyl:active:focus:not(:disabled) {
background-color: var(--background-color);
color: var(--text-color);
}
.wg2hdtb {
--text-color: var(--framer-fresco-tint-color, #0099ff);
--background-color: var(
--framer-fresco-tintDimmed-color,
rgba(0, 153, 255, 0.1)
);
}
.s1ha7gxb {
background-color: currentColor;
}
.pcukmgx {
padding: 6px 10px 6px 6px;
font-size: var(--framer-fresco-base-font-size, 12px);
font-weight: var(--framer-fresco-heading-font-weight, 600);
}
.p1sb4uyz {
margin-right: 0;
}
.ecrz0ka {
font-size: var(--framer-fresco-base-font-size, 12px);
}
.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;
}
.ib75oye:after {
position: absolute;
inset: -4px -10px;
content: '';
}
.dnxepni {
opacity: 0.5;
pointer-events: none;
}
body.a1pulxae .monaco-editor * {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
body.a1pulxae .arpwu8w {
pointer-events: none;
-webkit-user-select: none;
}
.wuk326o {
cursor: -webkit-grab;
cursor: grab;
}
.n283lgw {
pointer-events: none;
}
.pue1ity {
pointer-events: auto;
}
.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);
}
.pvjhuxd:focus {
border: 1px solid var(--framer-fresco-inputBorderActive-color, #0099ff);
}
.pcpv5lz {
pointer-events: none;
}
.p1awmd8 {
border-radius: var(--framer-fresco-inputRadiusLarge-dimension, 10px);
}
.pjkind9 {
width: var(--framer-fresco-panelMinWidth-dimension, 260px);
}
.c1l0qpj8 {
overflow: clip;
border-radius: var(--framer-fresco-popoverRadius-dimension, 15px);
will-change: transform;
}
.wrgelve {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
overflow: clip;
width: var(--framer-fresco-panelMinWidth-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;
}
.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(
var(--framer-fresco-panelTitleIconSize-dimension, 10px) +
var(--framer-fresco-panelTitleIconOffset-dimension, 5px)
);
}
.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;
}
.wkaasce {
cursor: pointer;
}
.wkaasce > svg {
position: absolute;
top: calc((var(--framer-fresco-inputHeight-dimension, 30px) - 10px) / 2);
left: 0;
width: var(--framer-fresco-panelTitleIconSize-dimension, 10px);
height: var(--framer-fresco-panelTitleIconSize-dimension, 10px);
color: var(--framer-fresco-iconPadlock-color, #bbbbbb);
pointer-events: none;
-webkit-transition: color 0.2s;
transition: color 0.2s;
}
.wkaasce:hover > svg {
color: var(--framer-fresco-tint-color, #0099ff);
}
.p1oxlfbn:hover > .wkaasce > svg {
opacity: 1;
}
.wkaasce:hover .t1ih3ztb {
color: var(--framer-fresco-tint-color, #0099ff);
}
.p1oxlfbn:focus-within .wkaasce > svg {
opacity: 1;
}
.w1vx93q9 > svg {
color: var(--framer-fresco-tint-color, #0099ff);
}
.p1oxlfbn > .w1vx93q9 > svg {
opacity: 1;
}
.w1vx93q9 .t1ih3ztb,
.wof63pb {
color: var(--framer-fresco-tint-color, #0099ff);
}
.p1oxlfbn {
position: relative;
display: -ms-grid;
display: grid;
width: 100%;
padding-top: var(--framer-fresco-panelRowVerticalPadding-dimension, 5px);
padding-bottom: var(--framer-fresco-panelRowVerticalPadding-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;
}
.h10l6u5c + .p5inzda > .p1oxlfbn:first-of-type {
padding-top: 0;
}
.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;
}
.w1chribc {
cursor: pointer;
}
.c1p3ac2x {
width: calc(
var(--framer-fresco-inputHeight-dimension, 30px) -
var(--framer-fresco-inputPaddingHorizontal-dimension, 8px)
);
height: 100%;
}
.c1gxt05z {
opacity: 0;
}
.n1sd5akc {
display: contents;
}
.avx5y6o {
position: absolute;
}
.dxokr4e {
border-radius: 2px;
background-color: #0009;
will-change: transform;
}
.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;
}
.h1h7nf4x {
height: 50px;
margin-right: calc(-1 * var(--framer-fresco-panelPadding-dimension, 15px));
}
.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;
}
.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;
}
.ihez7jp {
position: relative;
}
.b1ulr2hk {
position: absolute;
inset: 0;
overflow: hidden;
border-radius: var(--framer-fresco-inputRadius-dimension, 8px);
background-color: #333;
}
.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;
}
.n1ro70x7 {
pointer-events: none;
}
.ackhc08 {
position: absolute;
inset: 0;
}
.b6v8klh {
width: 55px;
}
.id4tlfa {
width: 66px;
}
.i1g2tqxh {
max-width: calc(100vw - 220px);
max-height: calc(100vh - 320px);
border-radius: var(--framer-fresco-inputRadius-dimension, 8px);
background-color: #000;
}
@media only screen and (max-width: 800px) {
.i1g2tqxh {
max-width: calc(
100vw - calc(var(--framer-fresco-panelPadding-dimension, 15px) * 4)
);
}
}
@media only screen and (max-height: 800px) {
.i1g2tqxh {
max-height: calc(
100vh -
calc(
50px + var(--framer-fresco-inputHeight-dimension, 30px) +
var(--framer-fresco-panelPadding-dimension, 15px) * 4
)
);
}
}
.i12g5gy8 {
border-radius: 2px;
}
@media only screen and (max-width: 800px) {
.i12g5gy8 {
max-width: calc(
100vw - calc(var(--framer-fresco-panelPadding-dimension, 15px) * 4) px -
20px
);
}
}
@media only screen and (max-height: 800px) {
.i12g5gy8 {
max-height: calc(
100vh -
calc(
50px + var(--framer-fresco-inputHeight-dimension, 30px) +
var(--framer-fresco-panelPadding-dimension, 15px) * 4
)
px - 20px
);
}
}
.cpar2f6 {
position: relative;
opacity: 0;
}
.fim46by {
-webkit-animation-duration: 0.25s;
animation-duration: 0.25s;
-webkit-animation-fill-mode: backwards;
animation-fill-mode: backwards;
-webkit-animation-name: fadeIn-fim46by;
animation-name: fadeIn-fim46by;
-webkit-animation-timing-function: ease;
animation-timing-function: ease;
opacity: 1;
}
@-webkit-keyframes fadeIn-fim46by {
0% {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes fadeIn-fim46by {
0% {
opacity: 0;
}
to {
opacity: 1;
}
}
.fzc213w {
-webkit-animation-delay: 0.25s;
animation-delay: 0.25s;
will-change: opacity;
}
.b6zi9ap {
border: 1px solid rgba(255, 255, 255, 0.5);
will-change: transform;
}
.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));
}
.c17eb6o9:before {
position: absolute;
width: 8px;
max-width: calc(100% - 8px);
height: 2px;
border-radius: 2px;
background-color: #fff;
content: '';
}
.c17eb6o9:after {
position: absolute;
width: 2px;
height: 8px;
max-height: calc(100% - 8px);
border-radius: 2px;
background-color: #fff;
content: '';
}
.ctyr80v {
top: -10px;
left: -10px;
}
.ctyr80v:before {
top: 8px;
left: 8px;
}
.ctyr80v:after {
top: 8px;
left: 8px;
}
.cuhnryn {
top: -10px;
right: -10px;
}
.cuhnryn:before {
top: 8px;
right: 8px;
}
.cuhnryn:after {
top: 8px;
right: 8px;
}
.c138kh66 {
right: -10px;
bottom: -10px;
}
.c138kh66:before {
right: 8px;
bottom: 8px;
}
.c138kh66:after {
right: 8px;
bottom: 8px;
}
.cguxfsw {
bottom: -10px;
left: -10px;
}
.cguxfsw:before {
bottom: 8px;
left: 8px;
}
.cguxfsw:after {
bottom: 8px;
left: 8px;
}
.c1dq5dn4 {
inset: 5px;
}
.s9ey2dl {
top: -10px;
right: 15px;
left: 15px;
height: 15px;
max-height: calc(50% + 10px);
}
.srdijy0 {
top: 15px;
right: -10px;
bottom: 15px;
width: 15px;
max-width: calc(50% + 10px);
}
.sx8t5y0 {
right: 15px;
bottom: -10px;
left: 15px;
height: 15px;
max-height: calc(50% + 10px);
}
.sp9wl8h {
top: 15px;
bottom: 15px;
left: -10px;
width: 15px;
max-width: calc(50% + 10px);
}
.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);
}
.i1j0xljb {
position: absolute;
inset: 0;
}
.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 #0000004d,
inset 0 2px 4px #0003;
cursor: -webkit-grab;
cursor: grab;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.sl4q073 {
max-width: 150px;
}
.s1j96idx {
font-size: var(--framer-fresco-heading-font-size, 13px);
}
.s1x6lpc1 {
display: -ms-inline-grid;
display: inline-grid;
width: var(--framer-fresco-collectionInputHeight-dimension, 40px);
height: var(--framer-fresco-collectionInputHeight-dimension, 40px);
padding-bottom: 0;
border-radius: var(--framer-fresco-inputRadiusLarge-dimension, 10px);
color: var(--framer-fresco-toolbarIcon-color, #888888);
place-items: center;
}
.s1puvjlo {
max-width: 200px;
}
.c4yyols {
gap: 10px;
}
.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;
}
.o1kosemn {
width: calc(
var(
--framer-fresco-richTextEditorWithCompactTagSelectorToolbarWidth-dimension,
448px
) +
var(--framer-fresco-panelPadding-dimension, 15px) * 2
);
max-width: calc(
100vw - var(--framer-fresco-panelPadding-dimension, 15px) * 2
);
padding: 0;
border-radius: 20px;
}
.o1tcokht {
position: relative;
height: var(--framer-fresco-sitesPanelHeaderHeight-dimension, 60px);
margin: 0 var(--framer-fresco-panelPadding-dimension, 15px);
font-size: var(--framer-fresco-heading-font-size, 13px);
}
.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-panelPadding-dimension, 15px)
var(--framer-fresco-panelPadding-dimension, 15px);
gap: var(--framer-fresco-panelPadding-dimension, 15px);
}
.oaqx903 {
padding: var(--framer-fresco-panelPadding-dimension, 15px) 0;
margin: 0 var(--framer-fresco-panelPadding-dimension, 15px);
}
.oaqx903:before {
position: absolute;
top: 0;
right: 0;
left: 0;
height: 1px;
background-color: var(--framer-fresco-panelDivider-color, #eeeeee);
content: '';
}
.b1gqim6f {
height: 38px;
border-radius: 10px;
font-size: var(--framer-fresco-heading-font-size, 13px);
}
.m1mopcx {
min-width: 150px !important;
}
.r162n1n6 {
margin-right: 7px;
color: var(--framer-fresco-popupButtonIcon-color, #999999);
pointer-events: none;
}
.c1b5g1hs {
width: calc(
var(--framer-fresco-inputHeight-dimension, 30px) -
var(--framer-fresco-inputPaddingHorizontal-dimension, 8px)
);
height: 100%;
}
.wje69dc {
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.i1rqgchl {
padding-left: 0;
font-size: inherit;
}
.ixghur2 {
margin-right: 5px;
}
.c1d0unc6 {
min-height: var(--framer-fresco-collectionInputHeight-dimension, 40px);
padding-right: var(--framer-fresco-collectionInputPadding-dimension, 10px);
padding-left: var(--framer-fresco-collectionInputPadding-dimension, 10px);
border-radius: var(--framer-fresco-inputRadiusLarge-dimension, 10px);
font-size: var(--framer-fresco-heading-font-size, 13px);
}
.c1d0unc6.c1d0unc6::-webkit-calendar-picker-indicator {
-webkit-background-position: 2px 2.5px;
background-position: 2px 2.5px;
}
.c1avmyds {
position: relative;
overflow: hidden;
width: var(--framer-fresco-sitesPopoutIconSize-dimension, 22px);
height: var(--framer-fresco-sitesPopoutIconSize-dimension, 22px);
border-radius: 4px;
cursor: pointer;
}
.lzm78je {
width: var(--framer-fresco-popoutIconSizeLarge-dimension, 34px);
height: var(--framer-fresco-popoutIconSizeLarge-dimension, 34px);
border-radius: var(--framer-fresco-popoutIconRadiusLarge-dimension, 8px);
}
.caoupms {
position: absolute;
border-radius: 4px;
background-image: url('https://app.framerstatic.com/checkerboard-22-MHUGSN2C.svg');
-webkit-background-position: center;
background-position: center;
background-repeat: repeat;
inset: 0;
}
body[data-framer-theme='light'] .caoupms {
opacity: 0.42;
}
.i3vlae9 {
position: absolute;
border-radius: 4px;
inset: 0;
}
.iyiuvk1 {
border-radius: var(--framer-fresco-popoutIconRadiusLarge-dimension, 8px);
}
.dt2vdl5 {
-ms-grid-column: 2/-1;
grid-column: 2/-1;
}
.dc4gvpv {
-ms-grid-column: 1;
-ms-grid-column-span: 2;
grid-column: 1/3;
}
.s1dpgfha {
-ms-grid-column: 1/-1;
grid-column: 1/-1;
}
.i1ab0gin {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: var(--framer-fresco-sitesPopoutIconSize-dimension, 22px);
height: var(--framer-fresco-sitesPopoutIconSize-dimension, 22px);
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
border-radius: calc(var(--framer-fresco-inputRadius-dimension, 8px) / 2);
margin-left: 3px;
background-color: var(--framer-fresco-swatchBackground-color, #e6e6e6);
}
.l19ygcxe {
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;
}
.i1mqt5la {
opacity: 0.5;
}
.t1bkmsxp {
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);
}
.t1vpcft3 {
margin-right: var(--framer-fresco-inputPaddingHorizontal-dimension, 8px);
}
.suf63yr {
color: var(--framer-fresco-inputLabel-color, #999999);
}
.c1hu2nje {
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;
}
.leca1mf {
margin-right: 7px;
}
.d1ir7ssq {
opacity: 0.5;
}
.sojarwo {
color: var(--framer-fresco-inputLabel-color, #999999);
}
.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;
}
.b4uva9g {
height: var(--framer-fresco-collectionInputHeight-dimension, 40px);
}
.d1xdslsy {
pointer-events: none;
}
.dpa1954 {
cursor: auto;
}
.l1louxtg {
font-size: var(--framer-fresco-heading-font-size, 13px);
}
.s1e2z0bv {
position: relative;
overflow: hidden;
width: 100%;
height: 125px;
border-radius: var(--framer-fresco-inputRadius-dimension, 8px);
background-image:
linear-gradient(#0000, #000), linear-gradient(to left, #fff0, #fff);
}
.rb8k8h9 {
opacity: 0.5;
pointer-events: none;
}
.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;
}
.swsq73a {
display: -ms-grid;
display: grid;
border: none;
border-radius: var(--framer-fresco-inputRadius-dimension, 8px);
gap: 1px;
}
.t1ecuz16 {
gap: var(--framer-fresco-inputSpacing-dimension, 10px);
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
}
.f10aiog9 {
-ms-grid-columns: 1fr 1fr 1fr 1fr;
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.i19bkgmo {
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
padding: 0 6px 1px;
letter-spacing: -0.03em;
}
.hqo5o69 {
letter-spacing: 0;
}
.l7n5mtt {
border-bottom-right-radius: 0;
border-top-right-radius: 0;
}
.c1424kp4 {
border-radius: 0;
}
.r1k5sn29 {
border-bottom-left-radius: 0;
border-top-left-radius: 0;
}
.s1hh4y0v {
width: 100%;
}
.s1547mmt {
position: absolute;
inset: 1px;
}
.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(#0000, #000), linear-gradient(to left, #fff0, #fff);
}
@supports (color: color(display-p3 1 1 1)) {
.siommo3 {
background-color: var(--hue-p3);
}
}
.ixdcado {
position: absolute;
top: 50%;
width: 14px;
height: 14px;
border-radius: 50%;
box-shadow:
inset 0 0 0 3px #fff,
inset 0 0 0 4px #0000001a,
0 0 0 1px #0000001a;
cursor: pointer;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
transform: translate(-50%) translateY(-50%);
}
.csdqxt6 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
margin: var(--framer-fresco-inputSpacing-dimension, 10px) 0;
}
.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;
}
.i1y4xa9u {
position: absolute;
top: 0;
right: 4px;
left: 4px;
height: 100%;
}
.cawslk {
position: absolute;
z-index: -1;
width: 100%;
height: 100%;
border-radius: 10px;
background-image: url('https://app.framerstatic.com/checkerboard-8-776AE4U3.svg');
background-repeat: repeat;
}
.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)) {
.o104dadf {
background-image: linear-gradient(
to right,
var(--slider-p3-alpha-0),
var(--slider-p3-alpha-1)
);
}
}
.r1u3lu2p {
opacity: 0.5;
pointer-events: none;
}
.hz6ma7m {
position: relative;
overflow: visible;
width: 100%;
height: 8px;
border-radius: 6px;
margin-bottom: 8px;
background-image: linear-gradient(
to right,
red,
#ff0 17%,
#0f0 33%,
#0ff,
#00f 67%,
#f0f 83%,
red
);
}
@supports (color: color(display-p3 1 1 1)) {
.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)
);
}
}
.p1bt5whn {
position: absolute;
inset: 0;
}
.p1bt5whn polyline {
fill: none;
stroke: #fff;
stroke-width: 1;
}
.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;
}
.p1lr44ru {
min-width: 62px;
max-width: 62px;
}
.s1klz3oz {
width: 100%;
}
.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;
}
.itu3uif {
width: 62px;
margin-left: 10px;
}
.c2orl3y {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
overflow: hidden;
width: var(--framer-fresco-panelMinWidth-dimension, 260px);
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.c1svq14t {
padding-bottom: var(--framer-fresco-panelPadding-dimension, 15px);
}
.c1j2rli7 {
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
margin: 0 var(--framer-fresco-panelPadding-dimension, 15px)
var(--framer-fresco-panelPadding-dimension, 15px)
var(--framer-fresco-panelPadding-dimension, 15px);
}
.s1cbpxcr {
max-height: var(--framer-fresco-contentMaxHeight-dimension, 560px);
margin: 0;
}
.sxhu8tk {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.c1yp40qr {
position: relative;
height: 240px;
padding: 0 var(--framer-fresco-panelPadding-dimension, 15px);
-webkit-transition: height 0.2s;
transition: height 0.2s;
}
.czr60e9 {
height: 255px;
}
.c1azw9i {
position: relative;
opacity: 1;
-webkit-transition: opacity 0.2s;
transition: opacity 0.2s;
}
.twu5bil {
padding-right: calc(
var(--framer-fresco-collectionInputPadding-dimension, 10px) - 2px
);
}
.lso1duq {
position: relative;
font-size: var(--framer-fresco-heading-font-size, 13px);
}
.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;
}
.l39bf4m:disabled {
opacity: 1;
}
.l7tr0k5 {
color: var(--framer-fresco-cmsOverlayRowTitleReadOnly-color, #999999);
}
.c79v3nf {
height: var(--framer-fresco-collectionInputHeight-dimension, 40px);
padding-right: var(--framer-fresco-collectionInputPadding-dimension, 10px);
padding-left: var(--framer-fresco-collectionInputPadding-dimension, 10px);
border-radius: var(--framer-fresco-inputRadiusLarge-dimension, 10px);
font-size: var(--framer-fresco-heading-font-size, 13px);
}
.c79v3nf.c79v3nf::-webkit-calendar-picker-indicator {
-webkit-background-position: 2px 2.5px;
background-position: 2px 2.5px;
}
.d1l5sssc {
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;
}
.l1e4wssz {
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);
}
.wzbl35c {
color: var(--framer-fresco-warningTint-color, #ffbb00);
}
.p1xzt8sa {
height: var(--framer-fresco-collectionInputHeight-dimension, 40px);
padding-right: 32px;
padding-left: var(--framer-fresco-collectionInputPadding-dimension, 10px);
font-size: var(--framer-fresco-heading-font-size, 13px);
}
.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;
}
.t1g2w9lq {
color: var(--framer-fresco-inputPlaceholder-color, #999999);
}
.cyvokqq {
width: 14px;
height: calc(
var(--framer-fresco-collectionInputHeight-dimension, 40px) - 2px
);
padding: 0 4px 0 0;
color: var(--framer-fresco-inputIcon-color, #999999);
}
.cyvokqq:hover:not(:disabled),
.cyvokqq:focus:not(:disabled),
.cyvokqq:active:focus:not(:disabled),
.cyvokqq:active:hover:not(:disabled) {
background-color: inherit;
}
.e1cnybc5 {
max-width: 150px;
padding: 0 2px 0 0;
color: var(--framer-fresco-inputIcon-color, #999999);
pointer-events: none;
}
.sw4eadl {
width: var(--framer-fresco-popoutIconSizeLarge-dimension, 34px);
height: var(--framer-fresco-popoutIconSizeLarge-dimension, 34px);
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
border-radius: var(--framer-fresco-popoutIconRadiusLarge-dimension, 8px);
background: var(--framer-fresco-tint-color, #0099ff);
color: #fff;
}
.s1ixnr3p {
background: var(
--framer-fresco-swatchBackgroundPlaceholderForFile-color,
#cccccc
);
}
.c3yypfe {
height: var(--framer-fresco-collectionInputHeight-dimension, 40px);
padding-right: var(--framer-fresco-collectionInputPadding-dimension, 10px);
padding-left: 2px;
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);
font-size: var(--framer-fresco-heading-font-size, 13px);
font-weight: var(--framer-fresco-base-font-weight, 500);
}
.ubsgz8e {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
min-width: 0;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
-webkit-flex-direction: 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;
background-color: inherit;
}
.ubsgz8e:hover:not(:disabled),
.ubsgz8e:focus:not(:disabled),
.ubsgz8e:active:focus:not(:disabled),
.ubsgz8e:active:hover:not(:disabled) {
background-color: inherit;
}
.c1utluu {
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);
}
.c1qkvp6d {
border-color: var(--framer-fresco-tint-color, #0099ff);
}
.s10zu6cj {
display: -ms-grid;
display: grid;
gap: var(--framer-fresco-cmsInputInnerSpacing-dimension, 3px);
-ms-grid-auto-rows: min-content;
grid-auto-rows: min-content;
-ms-grid-columns: repeat(
auto-fill,
minmax(var(--framer-fresco-cmsImagePreviewMinWidth-dimension, 100px), 1fr)
);
grid-template-columns: repeat(
auto-fill,
minmax(var(--framer-fresco-cmsImagePreviewMinWidth-dimension, 100px), 1fr)
);
}
.srjmhhy {
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
}
.pctald2 {
width: 100%;
height: auto;
border: none;
background-color: transparent;
}
.pctald2:focus {
border: none;
background-color: transparent;
}
.a2jrio7 {
width: 100%;
border-radius: var(--framer-fresco-popoutIconRadiusLarge-dimension, 8px);
aspect-ratio: 1.618/1;
background-color: var(
--framer-fresco-cmsImageAddButtonBackground-color,
#ffffff
);
box-shadow: var(
--framer-fresco-multiComboBoxToken-shadow,
0px 2px 4px 0px rgba(0, 0, 0, 0.15)
);
color: var(--framer-fresco-cmsImageAddButtonIcon-color, #999999);
}
.a2jrio7:focus:not(:disabled),
.a2jrio7:hover:not(:disabled),
.a2jrio7:active:focus:not(:disabled),
.a2jrio7:active:hover:not(:disabled) {
background-color: var(
--framer-fresco-cmsImageAddButtonBackgroundHover-color,
#fafafa
);
}
.i1oxwf0f {
position: absolute;
inset: 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);
}
.i1oxwf0f img {
max-width: 100%;
max-height: 100%;
}
.i1oxwf0f:after {
position: absolute;
inset: 0;
border-radius: inherit;
content: '';
}
.i1oxwf0f:focus:after {
box-shadow: inset 0 0 0 1px var(--framer-fresco-tint-color, #0099ff);
}
.ivz66j7 {
box-shadow: inset 0 0 0 1px var(--framer-fresco-tint-color, #0099ff);
}
.fjd4qd2 {
width: 100%;
}
.f1gixrvj {
position: relative;
padding-top: calc(var(--framer-fresco-panelPadding-dimension, 15px) + 1px);
margin-top: var(--framer-fresco-inputSpacing-dimension, 10px);
}
.f1gixrvj:before {
position: absolute;
top: 0;
right: 0;
left: 0;
height: 1px;
background-color: var(--framer-fresco-panelDivider-color, #eeeeee);
content: '';
}
.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%);
}
.p1oi602g {
position: relative;
width: 100%;
height: 150px;
border-radius: var(--framer-fresco-inputRadius-dimension, 8px);
cursor: pointer;
}
@media (pointer: fine) {
.s1rsxqtn:not(:hover) button {
display: none;
}
}
.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: #00000080;
color: #fff;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.c17esauc:focus:not(:disabled),
.c17esauc:hover:not(:disabled) {
background-color: #0009;
}
.c17esauc:active:focus:not(:disabled),
.c17esauc:active:hover:not(:disabled) {
background-color: #000000b3;
}
.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);
}
.l2ga4t0 {
width: var(--framer-fresco-popoutIconSizeLarge-dimension, 34px);
height: var(--framer-fresco-popoutIconSizeLarge-dimension, 34px);
border-radius: var(--framer-fresco-popoutIconRadiusLarge-dimension, 8px);
}
.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;
}
.i1p4fgxh {
position: absolute;
width: 100%;
height: 100%;
border-radius: inherit;
inset: 0;
object-fit: cover;
}
.c1ry9j8n {
position: absolute;
border-radius: calc(
var(--framer-fresco-popoutIconRadiusLarge-dimension, 8px) - 1px
);
background-image: url('https://app.framerstatic.com/checkerboard-30-HXGIAXYP.svg');
-webkit-background-position: center;
background-position: center;
background-repeat: repeat;
inset: 1px;
}
.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;
}
.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;
}
.c17wswg7:after {
position: absolute;
inset: -2px;
background-color: transparent;
content: '';
}
.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: translate(-50%) translateY(-50%);
}
.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;
}
.p7kkjiv {
color: var(--framer-fresco-inputPlaceholder-color, #999999);
}
.pmf2mrs {
height: auto;
padding: calc(var(--framer-fresco-cmsInputInnerSpacing-dimension, 3px) - 1px);
}
.pv0n0ks {
border-color: var(--framer-fresco-tint-color, #0099ff);
}
.ceuz1mk {
display: -ms-grid;
display: grid;
width: 100%;
height: 100%;
gap: var(--framer-fresco-cmsInputInnerSpacing-dimension, 3px);
-ms-grid-columns: repeat(
auto-fill,
minmax(var(--framer-fresco-cmsImagePreviewMinWidth-dimension, 100px), 1fr)
);
grid-template-columns: repeat(
auto-fill,
minmax(var(--framer-fresco-cmsImagePreviewMinWidth-dimension, 100px), 1fr)
);
}
.t1vnemam {
position: absolute;
top: 50%;
right: 8px;
color: var(--framer-fresco-inputTextDisabled-color, #bbbbbb);
cursor: pointer;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.t1vnemam:hover {
color: var(--framer-fresco-tint-color, #0099ff);
}
.cjpnope {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 26px;
height: 26px;
-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-inlineFormattingMenuIcon-color, #999999);
}
.cjpnope:hover,
.cjpnope:focus {
color: var(--framer-fresco-inlineFormattingMenuIconHover-color, #222222);
}
.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);
}
.r1ihmrto {
pointer-events: none;
}
.t8942cu {
color: var(--framer-fresco-inputLabel-color, #999999);
}
.r1ihmrto .t8942cu {
color: var(--framer-fresco-inputLabelDisabled-color, #dddddd);
}
.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
);
}
.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;
}
.d8eehx6:before {
border: 2px solid var(--framer-fresco-tint-color, #0099ff);
border-radius: var(--flash-radius, 8px);
-webkit-animation-duration: 0.6s;
animation-duration: 0.6s;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
-webkit-animation-name: flash-default-style-d8eehx6;
animation-name: flash-default-style-d8eehx6;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
background-color: var(
--framer-fresco-tintDimmed-color,
rgba(0, 153, 255, 0.1)
);
}
@-webkit-keyframes flash-default-style-d8eehx6 {
0% {
opacity: 0;
}
20% {
opacity: 1;
}
60% {
opacity: 1;
}
to {
opacity: 0;
}
}
@keyframes flash-default-style-d8eehx6 {
0% {
opacity: 0;
}
20% {
opacity: 1;
}
60% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wdvaq7i:before {
border: 2px solid var(--framer-fresco-warningTint-color, #ffbb00);
background-color: var(
--framer-fresco-warningTintDimmed-color,
rgba(255, 187, 0, 0.2)
);
}
.ghqxg7a:before {
border-radius: 2px;
-webkit-animation-duration: 0.4s;
animation-duration: 0.4s;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
-webkit-animation-name: flash-glow-style-ghqxg7a;
animation-name: flash-glow-style-ghqxg7a;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
@-webkit-keyframes flash-glow-style-ghqxg7a {
0% {
background-color: transparent;
box-shadow: unset;
}
50% {
background-color: #fbfbfb80;
box-shadow:
inset 0 0 0 1px #09f,
0 0 5px #09f;
}
to {
background-color: transparent;
box-shadow: unset;
}
}
@keyframes flash-glow-style-ghqxg7a {
0% {
background-color: transparent;
box-shadow: unset;
}
50% {
background-color: #fbfbfb80;
box-shadow:
inset 0 0 0 1px #09f,
0 0 5px #09f;
}
to {
background-color: transparent;
box-shadow: unset;
}
}
.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;
}
.b1locfei {
background-color: var(--framer-fresco-warningText-color, #ff9900);
}
.ck79ln6 {
cursor: pointer;
}
.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.3)
);
}
.tz41s9a {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
color: #fff;
pointer-events: none;
}
.c11k2f3d {
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: #fff;
cursor: pointer;
}
.ia3rrjn {
color: var(--framer-fresco-panelDescription-color, #999999);
cursor: default;
font-size: var(--framer-fresco-base-font-size, 12px);
line-height: 1.6;
}
.ia3rrjn p:first-of-type {
margin-top: 0;
}
.ia3rrjn p:last-of-type {
margin-bottom: 0;
}
.ia3rrjn a {
color: var(--framer-fresco-buttonBackgroundPrimary-color, #0099ff);
}
.ia3rrjn em {
color: var(--framer-fresco-panelRowTitle-color, #666666);
font-style: normal;
font-weight: var(--framer-fresco-baseActive-font-weight, 500);
}
.d1ykgdi6 a {
-webkit-text-decoration: none;
text-decoration: none;
}
.w1wgf3m {
margin-bottom: 10px;
}
.s9zlj05 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-left: 13px;
}
.t1y0m51v {
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;
}
.tjnx9pp {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
overflow: hidden;
height: 100%;
-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;
padding-right: 7px;
padding-bottom: 1px;
padding-left: 11px;
font-size: var(--framer-fresco-heading-font-size, 13px);
font-weight: var(--framer-fresco-base-font-weight, 500);
text-align: left;
text-overflow: ellipsis;
text-wrap: nowrap;
}
.t1bag03y {
opacity: 0.5;
}
.c1rfo2k {
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;
}
.c1rfo2k:hover {
background-color: var(
--framer-fresco-multiComboBoxTokenBackgroundHover-color,
#fafafa
);
}
.c1rfo2k:focus {
border: 1px solid var(--framer-fresco-inputBorderActive-color, #0099ff);
}
.t1ksdcfq {
cursor: pointer;
}
.t1ksdcfq:has(.tjnx9pp:hover) {
border-color: var(
--framer-fresco-multiComboBoxTokenBackgroundHover-color,
#fafafa
);
background-color: var(
--framer-fresco-multiComboBoxTokenBackgroundHover-color,
#fafafa
);
}
.t1ksdcfq:has(.tjnx9pp:focus) {
border-color: var(--framer-fresco-inputBorderActive-color, #0099ff);
}
.t1ksdcfq .tjnx9pp {
padding-right: 3px;
}
.trg4zcp {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
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: 4px;
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);
}
.t14n18i8 {
cursor: initial;
}
.sbl9luz {
cursor: -webkit-grab;
cursor: grab;
}
.i8p63xo {
min-width: 30px;
max-width: 100%;
height: var(--framer-fresco-popoutIconSizeLarge-dimension, 34px) !important;
padding: 0 !important;
padding-left: calc(
var(--framer-fresco-collectionInputPadding-dimension, 10px) - 3px
) !important;
font-size: var(--framer-fresco-heading-font-size, 13px);
}
.sj3cx65 {
width: 100%;
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);
}
.swc8g7t {
padding-bottom: 0;
padding-left: 8px;
font-size: var(--framer-fresco-base-font-size, 12px);
}
.sakx2m1 {
height: 26px !important;
font-size: var(--framer-fresco-base-font-size, 12px);
}
.s7ell05 {
height: 20px !important;
}
.i4uywus {
min-width: 0;
min-height: var(--framer-fresco-collectionInputHeight-dimension, 40px);
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
border-radius: var(--framer-fresco-inputRadiusLarge-dimension, 10px);
}
.g17bz3ya {
min-width: 0;
-webkit-flex: 1 1 50%;
-ms-flex: 1 1 50%;
flex: 1 1 50%;
}
.n11m1ez3 {
padding: 0;
}
.i1xp7xfm {
padding-left: 0;
font-size: var(--framer-fresco-heading-font-size, 13px);
}
.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;
}
.e9a5os3 > div {
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.e9a5os3 .framer-image {
display: block;
max-width: 100%;
height: auto;
}
.e1v6rduk * {
-webkit-user-select: text;
-moz-user-select: text;
-ms-user-select: text;
user-select: text;
}
.i1guv5zy.l18ynxwu {
--listBorderRadius: var(
--framer-fresco-inlineEditingPopoverBorderRadius-dimension,
13px
);
min-width: initial;
border: 1px solid
var(--framer-fresco-inlineEditingMenuBorder-color, transparent);
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
background-color: var(
--framer-fresco-inlineEditingMenuBackground-color,
rgba(255, 255, 255, 0.8)
);
box-shadow: var(
--framer-fresco-inlineEditingMenu-shadow,
0px 0px 0px 1px rgba(0, 0, 0, 0.03),
0px 10px 20px 0px rgba(0, 0, 0, 0.1)
);
}
.i1guv5zy .shmoagt {
background-color: transparent;
color: var(--framer-fresco-inlineFormattingMenuHeading-color, #999999);
}
.i1guv5zy .r10fzppx {
color: var(--framer-fresco-inlineFormattingMenuText-color, #666666);
}
.i1guv5zy .r10fzppx.shmoagt {
background-color: transparent;
color: var(--framer-fresco-inlineFormattingMenuHeading-color, #999999);
}
.i1guv5zy .r10fzppx.h1twq108 {
background-color: var(
--framer-fresco-inlineFormattingMenuBackgroundActive-color,
rgba(0, 0, 0, 0.05)
);
color: var(--framer-fresco-inlineFormattingMenuTextActive-color, #222222);
}
.b1f59oh4 {
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
background: var(
--framer-fresco-inlineEditingMenuBackground-color,
rgba(255, 255, 255, 0.8)
);
}
.izvqkuw {
border: 1px solid
var(--framer-fresco-inlineEditingMenuBorder-color, transparent);
border-radius: var(
--framer-fresco-inlineEditingPopoverBorderRadius-dimension,
13px
);
box-shadow: var(
--framer-fresco-inlineEditingMenu-shadow,
0px 0px 0px 1px rgba(0, 0, 0, 0.03),
0px 10px 20px 0px rgba(0, 0, 0, 0.1)
);
}
.mzu732f {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
padding: 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;
}
.v3dulv0 {
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.h1l54qbq {
-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;
}
.mcxywt1 {
position: fixed;
width: 0;
height: 0;
}
.m1n1xdw8 {
display: contents;
width: 26px;
height: 26px;
color: var(--framer-fresco-inlineFormattingMenuIcon-color, #999999);
}
.m1n1xdw8 svg * {
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.mmincqg {
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: var(--framer-fresco-inlineFormattingMenuText-color, #666666);
cursor: pointer;
-webkit-transition:
color 0.2s ease,
background-color 0.2s ease;
transition:
color 0.2s ease,
background-color 0.2s ease;
}
.mmincqg:hover {
color: var(--framer-fresco-inlineFormattingMenuTextHover-color, #222222);
}
.mmincqg:hover .m1n1xdw8 {
color: var(--framer-fresco-inlineFormattingMenuIconHover-color, #222222);
}
.m1vwuag {
border-radius: 8px;
background-color: var(
--framer-fresco-inlineFormattingMenuBackgroundActive-color,
rgba(0, 0, 0, 0.05)
);
color: var(--framer-fresco-inlineFormattingMenuTextActive-color, #222222);
}
.m1vwuag .m1n1xdw8 {
color: var(--framer-fresco-inlineFormattingMenuIconActive-color, #222222);
}
.mjs6qg1 {
cursor: default;
opacity: 0.5;
pointer-events: none;
}
.f1yp6toc {
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;
}
.nq7wyq2 {
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: 8px;
}
.l1j5jsrv {
color: var(--framer-fresco-inlineFormattingMenuIcon-color, #999999);
}
.l1j5jsrv.mzu732f {
padding: 3px 5px;
}
.l19u02vq {
width: 100%;
border-width: 0;
background-color: transparent;
}
.l19u02vq:focus-within {
border-color: transparent;
}
.lnkpte6 {
box-shadow:
0 0 0 1px #f36,
0 10px 20px #0000001a;
}
.slzpwww {
border: 1px solid
var(--framer-fresco-inlineEditingMenuBorder-color, transparent);
border-radius: var(
--framer-fresco-inlineEditingPopoverBorderRadius-dimension,
13px
);
box-shadow: var(
--framer-fresco-inlineEditingMenu-shadow,
0px 0px 0px 1px rgba(0, 0, 0, 0.03),
0px 10px 20px 0px rgba(0, 0, 0, 0.1)
);
}
.l526otv {
min-width: 175px;
border: 1px solid
var(--framer-fresco-inlineEditingMenuBorder-color, transparent);
border-radius: var(
--framer-fresco-inlineEditingPopoverBorderRadius-dimension,
13px
);
box-shadow: var(
--framer-fresco-inlineEditingMenu-shadow,
0px 0px 0px 1px rgba(0, 0, 0, 0.03),
0px 10px 20px 0px rgba(0, 0, 0, 0.1)
);
}
.in8gz28 {
min-width: 260px;
padding-top: var(--framer-fresco-modalPadding-dimension, 15px);
border: 1px solid
var(--framer-fresco-inlineEditingMenuBorder-color, transparent);
border-radius: var(
--framer-fresco-inlineEditingPopoverBorderRadius-dimension,
13px
);
box-shadow: var(
--framer-fresco-inlineEditingMenu-shadow,
0px 0px 0px 1px rgba(0, 0, 0, 0.03),
0px 10px 20px 0px rgba(0, 0, 0, 0.1)
);
}
.m1gm2i1x {
position: fixed;
width: 0;
height: 0;
}
.m177mjw3 {
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;
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;
}
.m1xqe9f5 {
padding-left: 10px;
}
.ma77w9 {
display: contents;
width: 26px;
height: 26px;
color: var(--framer-fresco-cmsSlashCommandsMenuIcon-color, #999999);
}
.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);
}
.mfawtvq {
border-radius: 8px;
background-color: var(--framer-fresco-menuBackgroundActive-color, #0099ff);
color: var(--framer-fresco-menuTextActive-color, #ffffff);
}
.mfawtvq .ma77w9,
.mfawtvq .m1j5dy6n {
color: var(--framer-fresco-menuTextActive-color, #ffffff);
}
.mlb48gz {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.m12uuo9c {
border-radius: 8px;
background-color: var(
--framer-fresco-menuItemWithSubmenuBackgroundActive-color,
#f3f3f3
);
color: var(--framer-fresco-menuText-color, #222222);
}
.m12uuo9c .ma77w9,
.m12uuo9c .m1j5dy6n {
color: var(--framer-fresco-menuText-color, #222222);
}
.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);
}
.m66minz {
height: 11px;
}
.m1w3vw2o {
width: 100%;
height: 1px;
background-color: var(--framer-fresco-menuSeparator-color, #eeeeee);
}
.mp0o2z3 {
border-radius: var(
--framer-fresco-inlineEditingPopoverBorderRadius-dimension,
13px
);
}
.mp0o2z3.cnajjln {
box-shadow: 0 8px 16px #0000001a;
}
.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;
padding: 5px;
border-radius: var(
--framer-fresco-inlineEditingPopoverBorderRadius-dimension,
13px
);
background-color: var(--framer-fresco-menuBackground-color, #ffffff);
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;
}
.sdm0csv {
width: 160px;
}
.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;
}
.itiggrx {
color: var(--framer-fresco-quickActionsText-color, #666666);
opacity: 0.5;
}
.pfd4ue7 {
position: relative;
}
.pfd4ue7:after {
position: absolute;
top: 0;
left: 0;
color: var(--framer-fresco-quickActionsText-color, #666666);
content: attr(data-placeholder);
opacity: 0.5;
pointer-events: none;
white-space: nowrap;
}
.ssfdtv5 {
height: 390px;
padding: 0 var(--framer-fresco-panelPadding-dimension, 15px)
var(--framer-fresco-panelPadding-dimension, 15px);
margin: 0;
}
.c4uzvtl {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
min-height: 100%;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
gap: var(--framer-fresco-panelPadding-dimension, 15px);
}
.s1y4e589 {
position: -webkit-sticky;
position: sticky;
z-index: 1;
top: 0;
}
.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;
}
.demlih4 {
width: 100%;
height: 1px;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
background: var(--framer-fresco-panelDivider-color, #eeeeee);
}
.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;
}
.r1edqvg7 {
width: 100%;
padding: 6px 10px 6px 25px;
color: var(--framer-fresco-panelText-color, #666666);
font-weight: var(--framer-fresco-base-font-weight, 500);
}
.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;
}
.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;
}
.bado22j:hover:not(:disabled) {
background-color: var(
--framer-fresco-buttonCellBackgroundHover-color,
#eeeeee
);
color: var(--framer-fresco-buttonWithDepthText-color, #222222);
}
.bado22j:focus-visible {
outline: 2px solid var(--framer-fresco-tint-color, #0099ff);
outline-offset: 1px;
}
.bado22j:disabled {
cursor: default;
opacity: 0.4;
}
.ikwi3cj {
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;
}
.t1bkz7kn {
min-width: 0;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.c8xa1qh {
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, #999999);
pointer-events: none;
}
.cffs9mb {
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
}
.c154l84y .cm-activeLine,
.c154l84y .cm-matchingBracket,
.c154l84y .cm-nonmatchingBracket {
background-color: transparent !important;
}
.c154l84y .sp-wrapper {
-webkit-print-color-scheme: inherit;
color-scheme: inherit;
}
.c154l84y .sp-layout {
border: none;
border-radius: 8px;
}
.lhs1e0w {
position: relative;
width: 100%;
min-height: 52px;
background: var(
--framer-fresco-sitesSettingsInputBackgroundDisabled-color,
#e6e6e6
);
font-size: 0;
}
.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);
}
.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);
}
.t1466szx.dtligcd {
color: var(--framer-fresco-inputTextDisabled-color, #bbbbbb);
}
.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;
}
.c11wi2h0:focus {
border: 1px solid var(--framer-fresco-tint-color, #0099ff);
}
.c1hdvulg {
overflow: hidden;
width: var(--framer-fresco-panelMinWidth-dimension, 260px);
border-radius: var(--framer-fresco-popoverRadius-dimension, 15px);
will-change: transform;
}
.nqz647q {
position: relative;
width: calc(100% - var(--framer-fresco-panelPadding-dimension, 15px) * 2);
height: var(--framer-fresco-floatingWindowToolbarHeight-dimension, 50px);
margin-right: var(--framer-fresco-panelPadding-dimension, 15px);
margin-left: var(--framer-fresco-panelPadding-dimension, 15px);
}
.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;
}
.t1hfi20k {
color: var(--framer-fresco-panelTitle-color, #333333);
font-weight: var(--framer-fresco-heading-font-weight, 600);
pointer-events: none;
}
.czsbh7p {
font-size: var(--framer-fresco-labelLarge-font-size, 11px);
}
.c6uczmi {
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
border-radius: var(--framer-fresco-inputRadius-dimension, 8px);
}
.s6fflhj {
position: relative;
margin-bottom: calc(var(--framer-fresco-inputSpacing-dimension, 10px) / 2);
scrollbar-width: none;
}
.s6fflhj::-webkit-scrollbar {
display: none;
}
.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);
}
.t8bdre0: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: '';
}
.t1i7zlf8 {
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);
}
.t1wmxpp0 {
height: calc(
var(
--framer-fresco-richTextToolbarButtonGroupHeightCompact-dimension,
30px
) +
var(--framer-fresco-inputSpacing-dimension, 10px) * 2
);
}
.t10rkvjk {
width: auto;
height: var(--framer-fresco-richTextToolbarButtonGroupHeight-dimension, 40px);
border-radius: var(
--framer-fresco-richTextToolbarGroupRadius-dimension,
10px
);
background-color: var(
--framer-fresco-cmsRichTextToolbarGroupBackground-color,
#f3f3f3
);
}
.t10rkvjk.disabled {
background-color: var(
--framer-fresco-cmsRichTextToolbarGroupBackgroundDisabled-color,
rgba(243, 243, 243, 0.5)
);
}
.tw9hu2f {
width: 60px;
}
.tao18v9 {
width: unset;
height: var(
--framer-fresco-richTextToolbarButtonGroupHeightCompact-dimension,
30px
);
border-radius: var(--framer-fresco-inputRadius-dimension, 8px);
background-color: var(--framer-fresco-inputBackground-color, #f3f3f3);
}
.prxxjmp {
width: 1px;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.p9ab7mp {
min-width: 120px;
height: var(--framer-fresco-richTextToolbarButtonGroupHeight-dimension, 40px);
padding-left: 10px;
border-radius: var(
--framer-fresco-richTextToolbarGroupRadius-dimension,
10px
);
font-size: var(--framer-fresco-heading-font-size, 13px);
}
@media (max-width: 430px) {
.p9ab7mp {
min-width: 60px;
}
}
.phc6ckc {
min-width: 60px;
}
.p3klaet {
width: 100%;
height: var(
--framer-fresco-richTextToolbarButtonGroupHeightCompact-dimension,
30px
);
padding-left: 7px;
border-radius: var(--framer-fresco-inputRadius-dimension, 8px);
font-size: var(--framer-fresco-base-font-size, 12px);
}
.trwq0ea {
overflow-x: auto;
}
.tt1u60b {
border-radius: 50%;
background-color: var(--framer-fresco-highlightsBorder-color, #0099ff);
box-shadow: 0 3px 6px #0099ff4d;
}
.tg363jc {
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;
}
.tg363jc .tt1u60b {
z-index: 1;
}
.tg363jc:before {
position: absolute;
display: block;
border: 1px solid var(--framer-fresco-highlightsBorder-color, #0099ff);
content: '';
}
.tg363jc > *,
.tg363jc:before {
opacity: 0;
-webkit-transition:
opacity 0.2s ease,
visibility 0.2s ease;
transition:
opacity 0.2s ease,
visibility 0.2s ease;
visibility: hidden;
}
.tg363jc:hover > *,
.tg363jc:hover:before {
opacity: 1;
visibility: visible;
}
.trpupio:before {
top: 50%;
left: 0;
width: 100%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.t1p0bqn2:before {
top: 0;
left: 50%;
height: 100%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translate(-50%);
}
.t1skhvuz {
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%);
}
.tgg2cvw {
border-width: 1px;
border-style: solid;
border-color: var(--framer-fresco-inputBorder-color, transparent);
border-radius: var(
--framer-fresco-richTextToolbarGroupRadius-dimension,
10px
);
background-color: var(--framer-fresco-cmsRichTextBackground-color, #f3f3f3);
}
.tgg2cvw > div {
min-height: 300px;
padding: 10px;
color: var(--framer-fresco-cmsRichTextParagraph-color, #555555);
font-weight: var(--framer-fresco-baseActive-font-weight, 500);
}
.tgg2cvw > div h1,
.tgg2cvw > div h2,
.tgg2cvw > div h3,
.tgg2cvw > div h4,
.tgg2cvw > div h5,
.tgg2cvw > div h6 {
color: var(--framer-fresco-cmsRichTextHeading-color, #222222);
}
.tgg2cvw > div th {
color: var(--framer-fresco-cmsRichTextTableHeaderText-color, #333333);
}
.tgg2cvw > div td {
color: var(--framer-fresco-cmsRichTextTableText-color, #333333);
}
.tgg2cvw > div h1,
.tgg2cvw > div h2,
.tgg2cvw > div h3,
.tgg2cvw > div h4,
.tgg2cvw > div h5,
.tgg2cvw > div h6,
.tgg2cvw > div p {
margin: 0;
}
.tgg2cvw > div > *:not(:last-child) {
margin-bottom: 16px;
}
.tgg2cvw > div > .tableWrapper:not(:last-child) {
margin-bottom: 16px;
}
.tgg2cvw h1,
.tgg2cvw 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;
}
.tgg2cvw h2,
.tgg2cvw 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;
}
.tgg2cvw h3,
.tgg2cvw 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;
}
.tgg2cvw h4,
.tgg2cvw 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;
}
.tgg2cvw h5,
.tgg2cvw 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;
}
.tgg2cvw h6,
.tgg2cvw li:has(> h6:first-child) {
font-size: 13px;
font-weight: var(--framer-fresco-heading-font-weight, 600);
line-height: 1.4em;
}
.tgg2cvw p,
.tgg2cvw li:has(> p:first-child) {
font-size: 13px;
font-weight: var(--framer-fresco-baseActive-font-weight, 500);
line-height: 1.6em;
}
.tgg2cvw a {
color: #09f;
}
.tgg2cvw ul,
.tgg2cvw ol {
position: relative;
margin: 0;
-webkit-padding-start: 0;
padding-inline-start: 0;
}
.tgg2cvw ol {
--list-style-type: decimal;
}
.tgg2cvw li {
position: unset;
counter-increment: list-item;
list-style: none;
-webkit-padding-start: 2ch;
padding-inline-start: 2ch;
}
.tgg2cvw ol > li:before {
position: absolute;
content: counter(list-item, var(--list-style-type)) '.';
font-variant-numeric: tabular-nums;
inset-inline-start: 0;
}
.tgg2cvw ol > li:nth-last-child(n + 10),
.tgg2cvw ol > li:nth-last-child(n + 10) ~ li {
-webkit-padding-start: 3ch;
padding-inline-start: 3ch;
}
.tgg2cvw ol > li:nth-last-child(n + 100),
.tgg2cvw ol > li:nth-last-child(n + 100) ~ li {
-webkit-padding-start: 4ch;
padding-inline-start: 4ch;
}
.tgg2cvw ol > li:nth-last-child(n + 1000),
.tgg2cvw ol > li:nth-last-child(n + 1000) ~ li {
-webkit-padding-start: 5ch;
padding-inline-start: 5ch;
}
.tgg2cvw ol > li:nth-last-child(n + 10000),
.tgg2cvw ol > li:nth-last-child(n + 10000) ~ li {
-webkit-padding-start: 6ch;
padding-inline-start: 6ch;
}
.tgg2cvw ol > li:nth-last-child(n + 100000),
.tgg2cvw ol > li:nth-last-child(n + 100000) ~ li {
-webkit-padding-start: 7ch;
padding-inline-start: 7ch;
}
.tgg2cvw ol > li:nth-last-child(n + 1000000),
.tgg2cvw ol > li:nth-last-child(n + 1000000) ~ li {
-webkit-padding-start: 8ch;
padding-inline-start: 8ch;
}
.tgg2cvw ul > li:before {
position: absolute;
content: '\2022';
inset-inline-start: 0;
}
.tgg2cvw strong {
font-weight: bolder;
}
.tgg2cvw 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;
}
.tgg2cvw .selection {
background: transparent;
color: inherit;
}
.tgg2cvw div.ProseMirror:not(.ProseMirror-focused) .selection {
background: #80808054;
}
.tgg2cvw .ProseMirror-selectednode {
outline: var(--framer-fresco-richTextSelectionOutline-dimension, 2px) solid
var(--framer-fresco-tint-color, #0099ff);
}
.tgg2cvw .framer-text-component.ProseMirror-selectednode {
outline: var(--framer-fresco-richTextSelectionOutline-dimension, 2px) solid
var(--framer-fresco-componentTint-color, #8855ff);
}
.tgg2cvw .ProseMirror:not([contenteditable='true']) .framer-image,
.tgg2cvw .ProseMirror:not([contenteditable='true']) .sp-wrapper {
opacity: 0.5;
}
.tgg2cvw blockquote {
padding-left: 12px;
border-left: 2px solid var(--framer-fresco-textAreaScrollbar-color, #cccccc);
margin-right: 0;
margin-left: 0;
}
.tgg2cvw blockquote > *:not(:last-child) {
margin-bottom: 16px;
}
.tgg2cvw .tableWrapper {
position: relative;
overflow: visible;
}
.tgg2cvw .ProseMirror .selectedCell:after {
background-color: #0099ff1a;
}
.tgg2cvw .tg363jc {
position: absolute;
}
.tgg2cvw .trpupio {
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));
}
.tgg2cvw .t1p0bqn2 {
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: translate(calc(50% - 0.5px));
}
.tgg2cvw table {
overflow: visible;
}
.tgg2cvw th,
.tgg2cvw td {
padding: 8px 13px 8px 8px;
border: 1px solid var(--framer-fresco-cmsRichTextTableBorder-color, #cccccc);
text-align: left;
}
.tgg2cvw th {
background-color: var(
--framer-fresco-cmsRichTextTableHeaderBackground-color,
#ebebeb
);
}
.t1cr9asn {
background-color: var(--framer-fresco-inputBackground-color, #f3f3f3);
}
.t1cr9asn > div {
min-height: 150px;
padding: var(--framer-fresco-inputPaddingHorizontal-dimension, 8px);
}
.t1c938y9 > div {
color: var(--framer-fresco-inputTextDisabled-color, #bbbbbb);
}
.t1c938y9 > div th,
.t1c938y9 > div td,
.t1c938y9 > div h1,
.t1c938y9 > div h2,
.t1c938y9 > div h3,
.t1c938y9 > div h4,
.t1c938y9 > div h5,
.t1c938y9 > div h6 {
color: var(--framer-fresco-inputTextDisabled-color, #bbbbbb);
}
.t3wuiaw {
max-height: 50vh;
overflow-y: auto;
}
.e168klhm {
display: none;
}
.f1vnz3fa {
-webkit-animation: fadeIn-f1vnz3fa 0.2s ease forwards;
animation: fadeIn-f1vnz3fa 0.2s ease forwards;
}
@-webkit-keyframes fadeIn-f1vnz3fa {
0% {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes fadeIn-f1vnz3fa {
0% {
opacity: 0;
}
to {
opacity: 1;
}
}
.i17ayjrk {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
height: 40px;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-right: var(--framer-fresco-inputPaddingHorizontal-dimension, 8px);
padding-left: 4px;
border: 1px solid var(--framer-fresco-inputBorder-color, transparent);
border-radius: var(--framer-fresco-inputRadius-dimension, 8px);
background-color: var(--framer-fresco-buttonBackground-color, #f3f3f3);
color: var(--framer-fresco-moreInfoText-color, #333333);
cursor: pointer;
font-size: var(--framer-fresco-base-font-size, 12px) px;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.i17ayjrk:hover {
border-color: var(--framer-fresco-buttonBackgroundHover-color, #eeeeee);
background-color: var(--framer-fresco-buttonBackgroundHover-color, #eeeeee);
}
.i17ayjrk:active {
background-color: var(--framer-fresco-buttonBackgroundActive-color, #dddddd);
}
.i1pc865e {
cursor: not-allowed;
opacity: 0.5;
}
.i1pc865e:hover {
border-color: var(
--framer-fresco-buttonBackgroundDestructiveHover-color,
#ee2255
);
background-color: var(--framer-fresco-buttonBackground-color, #f3f3f3);
}
.i17nyv2n {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 22px;
height: 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;
}
.iq7xiri {
font-weight: var(--framer-fresco-base-font-weight, 500);
}
.b1k4esu7 {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: var(--framer-fresco-richTextToolbarButtonWidth-dimension, 30px);
height: var(--framer-fresco-richTextToolbarButtonHeight-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 0.12s ease;
transition: color 0.12s ease;
}
.b1k4esu7:focus {
outline: none;
}
.b1k4esu7:disabled {
cursor: default;
opacity: 0.65;
}
.bh8j1ab {
width: var(
--framer-fresco-richTextToolbarButtonHeightCompact-dimension,
20px
);
height: var(
--framer-fresco-richTextToolbarButtonHeightCompact-dimension,
20px
);
}
.b11u853b {
background-color: var(
--framer-fresco-cmsRichTextToolbarItemBackground-color,
#dddddd
);
color: var(--framer-fresco-cmsRichTextToolbarItemActiveText-color, #333333);
}
.b2i4942 {
overflow: hidden;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
max-width: 100%;
}
.b1vfm2p {
-webkit-filter: blur(20px);
filter: blur(20px);
}
.p5inzda {
min-height: 0;
}
.ptswoqr {
position: relative;
width: 100%;
padding-top: calc(
var(--framer-fresco-inputSpacing-dimension, 10px) -
var(--framer-fresco-panelRowVerticalPadding-dimension, 5px)
);
padding-bottom: calc(
var(--framer-fresco-panelPadding-dimension, 15px) -
var(--framer-fresco-panelRowVerticalPadding-dimension, 5px)
);
}
.ptswoqr:has(> .p5inzda:empty),
.ptswoqr:has(> .p5inzda > div:only-child:empty) {
padding-bottom: 0;
}
.p14s1oge {
padding-top: 0;
}
.c1mg1z6z {
width: 100%;
height: 100%;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.hj4htfi {
display: none;
}
.efx4tx1 {
width: 100%;
height: 100%;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.i1hpwtf0 div:not(.efx4tx1) {
display: contents;
}
.iblik7k {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
}
.i118z2f1 {
position: relative;
width: 100%;
height: 100%;
}
.i118z2f1 .iblik7k {
display: block;
}
.i1a8t54c {
width: 100%;
height: 100%;
border: 0;
background: transparent;
}
.l1ngcbb2 {
opacity: 0.5;
}
.bm6dco {
pointer-events: none;
}
.s93imxl:disabled {
opacity: 1;
}
.toqpzs7 {
padding-right: var(--framer-fresco-collectionInputPadding-dimension, 10px);
padding-left: var(--framer-fresco-collectionInputPadding-dimension, 10px);
font-size: var(--framer-fresco-heading-font-size, 13px);
line-height: 1.6em;
}
.r57r6u2 {
padding-right: var(--framer-fresco-inputSpacing-dimension, 10px);
padding-left: var(--framer-fresco-inputSpacing-dimension, 10px);
}
.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-richTextToolbarGroupRadius-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);
}
.e1zu74n * {
all: unset !important;
}
.e1zu74n strong,
.e1zu74n b {
font-weight: 700 !important;
}
.e1zu74n em,
.e1zu74n i {
font-style: italic !important;
}
.m168h77v {
width: 90vw;
max-width: 600px;
}
.m1cvfiap {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: calc(
var(--framer-fresco-richTextEditorToolbarWidth-dimension, 508px) +
var(--framer-fresco-panelPadding-dimension, 15px) * 2
);
height: calc(
var(--framer-fresco-richTextEditorToolbarWidth-dimension, 508px) +
var(--framer-fresco-panelPadding-dimension, 15px) * 2
);
max-height: calc(100vh - 160px);
}
.f1nz04q2 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
}
.syo0l7n {
width: var(--framer-fresco-richTextEditorToolbarWidth-dimension, 508px);
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
padding-bottom: var(--framer-fresco-panelPadding-dimension, 15px);
}
.w9541mz {
width: 100%;
}
.e73gufq {
min-height: 100%;
}
.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-t49i6vy 0.2s ease-in;
animation: fadeIn-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: translate(-50%);
}
@-webkit-keyframes fadeIn-t49i6vy {
0% {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes fadeIn-t49i6vy {
0% {
opacity: 0;
}
to {
opacity: 1;
}
}
.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;
}
.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);
}
.b1qwl3y9:focus:not(:disabled),
.b1qwl3y9:hover:not(:disabled) {
background-color: var(
--framer-fresco-onPageToolbarButtonBackgroundHover-color,
rgba(255, 255, 255, 0.23)
);
}
.b1qwl3y9:active:focus:not(:disabled),
.b1qwl3y9:active:hover:not(:disabled) {
background-color: var(
--framer-fresco-onPageToolbarButtonBackgroundActive-color,
rgba(255, 255, 255, 0.21)
);
}
.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) {
.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) {
.m1wta5up {
position: relative;
left: unset;
-webkit-transform: unset;
-moz-transform: unset;
-ms-transform: unset;
transform: unset;
}
}
.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) {
.m69kutt {
left: 0;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
}
.sdjdrec {
color: var(
--framer-fresco-onPageToolbarSecondaryText-color,
rgba(255, 255, 255, 0.6)
);
}
@media (max-width: 1060px) {
.sdjdrec {
display: none;
}
}
.l9efojb {
margin-top: 1px;
}
.ci35ri5 {
position: absolute;
left: 0;
overflow: clip;
width: 100vw;
pointer-events: none;
}
.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%;
}
.s1xlu29h {
position: absolute;
border-radius: 2px;
background-color: var(
--framer-fresco-onPageHighlightBackground-color,
rgba(0, 153, 255, 0.2)
);
outline: 1px solid
var(--framer-fresco-onPageHighlightBorder-color, rgba(0, 153, 255, 0.8));
}
.h1czcor4 {
position: relative;
overflow: hidden;
}
.o1qh2fnu {
cursor: pointer;
outline: 1px solid var(--framer-fresco-textEditorOutline-color, #cccccc);
}
.ppwf5z3 {
overflow: visible;
min-width: calc(
var(--framer-fresco-panelMinWidth-dimension, 260px) -
var(--framer-fresco-panelPadding-dimension, 15px) * 2
);
border: 1px solid
var(--framer-fresco-inlineEditingMenuBorder-color, transparent);
border-radius: var(
--framer-fresco-inlineEditingPopoverBorderRadius-dimension,
13px
);
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
background: var(
--framer-fresco-inlineEditingMenuBackground-color,
rgba(255, 255, 255, 0.8)
);
box-shadow: var(
--framer-fresco-inlineEditingMenu-shadow,
0px 0px 0px 1px rgba(0, 0, 0, 0.03),
0px 10px 20px 0px rgba(0, 0, 0, 0.1)
);
}
.ppwf5z3:focus-within {
border: 1px solid
var(--framer-fresco-inlineEditingMenuBorder-color, transparent);
}
.i1fmzghq {
height: auto;
padding: 4px;
border: none;
background: transparent;
cursor: pointer;
}
.e1pmgt77 > div {
min-height: -webkit-min-content;
min-height: -moz-min-content;
min-height: min-content;
}
.e1pmgt77 p,
.e1pmgt77 h1,
.e1pmgt77 h2,
.e1pmgt77 h3,
.e1pmgt77 h4,
.e1pmgt77 h5,
.e1pmgt77 h6,
.e1pmgt77 li,
.e1pmgt77 ol,
.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));
}
.e1pmgt77 mark,
.e1pmgt77 p,
.e1pmgt77 h1,
.e1pmgt77 h2,
.e1pmgt77 h3,
.e1pmgt77 h4,
.e1pmgt77 h5,
.e1pmgt77 h6,
.e1pmgt77 li,
.e1pmgt77 ol,
.e1pmgt77 ul {
background-color: var(--framer-text-background-color, initial);
}
.e1pmgt77 p,
.e1pmgt77 h1,
.e1pmgt77 h2,
.e1pmgt77 h3,
.e1pmgt77 h4,
.e1pmgt77 h5,
.e1pmgt77 h6 {
margin: 0;
padding: 0;
}
.e1pmgt77 .tg363jc {
position: absolute;
display: none;
}
.e1pmgt77 .trpupio {
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));
}
.e1pmgt77 .t1p0bqn2 {
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: translate(calc(50% - 0.5px));
}
.e1pmgt77 .trwq0ea {
padding: 0;
}
.e1pmgt77 p:not(:first-child),
.e1pmgt77 div[contenteditable='false']:not(:first-child),
.e1pmgt77 h1:not(:first-child),
.e1pmgt77 h2:not(:first-child),
.e1pmgt77 h3:not(:first-child),
.e1pmgt77 h4:not(:first-child),
.e1pmgt77 h5:not(:first-child),
.e1pmgt77 h6:not(:first-child),
.e1pmgt77 ol:not(:first-child),
.e1pmgt77 ul:not(:first-child),
.e1pmgt77 blockquote:not(:first-child),
.e1pmgt77 div.tableWrapper:not(:first-child),
.e1pmgt77 .framer-image:not(:first-child) {
margin-top: var(
--framer-blockquote-paragraph-spacing,
var(--framer-paragraph-spacing, 0)
);
}
.e1pmgt77 li > ul:nth-child(2),
.e1pmgt77 li > ol:nth-child(2) {
margin-top: 0;
}
.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)
);
}
.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)
);
}
.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)
);
}
.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)
);
}
.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)
);
}
.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)
);
}
.e1pmgt77 ul,
.e1pmgt77 ol {
-webkit-padding-start: 0;
padding-inline-start: 0;
margin: 0;
position: relative;
}
.e1pmgt77 ol {
--list-style-type: decimal;
}
.e1pmgt77 li {
position: unset;
counter-increment: list-item;
list-style: none;
-webkit-padding-start: 2ch;
padding-inline-start: 2ch;
}
.e1pmgt77 ol > li:before {
position: absolute;
inset-inline-start: 0;
content: counter(list-item, var(--list-style-type)) '.';
font-variant-numeric: tabular-nums;
}
.e1pmgt77 ol > li:nth-last-child(n + 10),
.e1pmgt77 ol > li:nth-last-child(n + 10) ~ li {
-webkit-padding-start: 3ch;
padding-inline-start: 3ch;
}
.e1pmgt77 ol > li:nth-last-child(n + 100),
.e1pmgt77 ol > li:nth-last-child(n + 100) ~ li {
-webkit-padding-start: 4ch;
padding-inline-start: 4ch;
}
.e1pmgt77 ol > li:nth-last-child(n + 1000),
.e1pmgt77 ol > li:nth-last-child(n + 1000) ~ li {
-webkit-padding-start: 5ch;
padding-inline-start: 5ch;
}
.e1pmgt77 ol > li:nth-last-child(n + 10000),
.e1pmgt77 ol > li:nth-last-child(n + 10000) ~ li {
-webkit-padding-start: 6ch;
padding-inline-start: 6ch;
}
.e1pmgt77 ol > li:nth-last-child(n + 100000),
.e1pmgt77 ol > li:nth-last-child(n + 100000) ~ li {
-webkit-padding-start: 7ch;
padding-inline-start: 7ch;
}
.e1pmgt77 ol > li:nth-last-child(n + 1000000),
.e1pmgt77 ol > li:nth-last-child(n + 1000000) ~ li {
-webkit-padding-start: 8ch;
padding-inline-start: 8ch;
}
.e1pmgt77 ul > li:before {
position: absolute;
inset-inline-start: 0;
content: '\2022';
}
.e1pmgt77 .selection {
color: inherit;
background: transparent;
}
.e1pmgt77 div.ProseMirror:not(.ProseMirror-focused) .selection {
background: #80808054;
}
.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;
}
.e1pmgt77 .tableWrapper {
position: relative;
overflow: hidden;
}
.e1pmgt77 .ProseMirror .selectedCell:after {
background-color: #0099ff1a;
}
.e1pmgt77 .tableWrapper tbody {
border-spacing: 0;
}
.e1pmgt77 .tableWrapper th,
.e1pmgt77 .tableWrapper td {
font-family: sans-serif;
font-size: 12px;
}
.e1pmgt77 .tableWrapper table {
border-collapse: separate;
border-spacing: 0;
table-layout: auto;
word-break: normal;
width: 100%;
}
.e1pmgt77 blockquote {
margin-block: initial;
margin-inline: initial;
unicode-bidi: initial;
}
.e1pmgt77 .ProseMirror-selectednode {
outline: var(--framer-fresco-richTextSelectionOutline-dimension, 2px) solid
var(--framer-fresco-tint-color, #0099ff);
}
.e1pmgt77 .framer-text-component.ProseMirror-selectednode {
outline: var(--framer-fresco-richTextSelectionOutline-dimension, 2px) solid
var(--framer-fresco-componentTint-color, #8855ff);
}
.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%);
}
.c1459fj1 {
width: calc(
var(--framer-fresco-inputHeight-dimension, 30px) -
var(--framer-fresco-inputPaddingHorizontal-dimension, 8px)
);
height: 100%;
}
.d5btmj8 {
padding-right: 0;
}
.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;
}
.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: translate(-50%) translateY(-50%);
}
.b1rdbouv {
position: absolute;
overflow: visible;
border-radius: 4px;
cursor: pointer;
inset: 4px;
}
.b1me0317 {
border-radius: var(--framer-fresco-popoutIconRadiusLarge-dimension, 8px);
}
.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;
}
.f158k4nv {
border-radius: var(--framer-fresco-popoutIconRadiusLarge-dimension, 8px);
}
.de5dxw6 {
opacity: 0.5;
}
.nnn1paw {
inset: 0;
}
.cs5h0q {
position: absolute;
border-radius: 4px;
background-image: url('https://app.framerstatic.com/checkerboard-18-PJWIPCVW.svg');
-webkit-background-position: center;
background-position: center;
background-repeat: repeat;
inset: 1px;
}
.c18f05v6 {
border-radius: calc(
var(--framer-fresco-popoutIconRadiusLarge-dimension, 8px) - 1px
);
}
.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;
}
.s1xugoyy {
-webkit-animation-duration: 0.8s;
animation-duration: 0.8s;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-name: spin-s1xugoyy;
animation-name: spin-s1xugoyy;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
}
@-webkit-keyframes spin-s1xugoyy {
0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0);
}
to {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes spin-s1xugoyy {
0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0);
}
to {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.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;
}
.v15qkom2 {
padding-bottom: var(--framer-fresco-panelPadding-dimension, 15px);
scroll-padding: var(--framer-fresco-panelPadding-dimension, 15px);
}
.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;
}
.gfybuk4:before {
position: absolute;
border: 1px solid transparent;
border-radius: var(--framer-fresco-contentItemRadius-dimension, 8px);
content: '';
inset: 0;
pointer-events: none;
}
.g1u4xdpk {
cursor: unset;
opacity: 0.5;
pointer-events: none;
}
.g103spug:before {
border-color: var(--framer-fresco-tint-color, #0099ff);
}
.g10j0sj1 {
width: 32px;
}
.l1ougy67 {
font-size: var(--framer-fresco-heading-font-size, 13px);
}
.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;
}
.p5lfh5y > svg {
width: 100%;
max-width: 100%;
max-height: 100%;
}
.l1k48x6g {
width: 24px;
height: 24px;
}
.ir4zan2 {
padding: 0;
margin-bottom: calc(var(--framer-fresco-panelPadding-dimension, 15px) - 5px);
background-color: transparent;
}
.ir4zan2:focus-within {
border-color: transparent;
}
.s1v5vadi {
background-color: transparent;
}
.dx3n6ms {
height: 1px;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
background-color: var(--framer-fresco-panelDivider-color, #eeeeee);
}
.nx5i0gj {
overflow: hidden;
height: 100%;
}
.p6dts5z {
width: var(--framer-fresco-panelMinWidth-dimension, 260px);
max-width: var(--framer-fresco-panelMinWidth-dimension, 260px);
}
.pcmqzkm {
visibility: hidden;
}
.nbqylm8 {
border-radius: var(
--framer-fresco-onPageSelectionOutlineRadius-dimension,
2px
);
background-color: var(
--framer-fresco-onPageHighlightBackground-color,
rgba(0, 153, 255, 0.2)
);
outline: 1px solid
var(--framer-fresco-onPageHighlightBorder-color, rgba(0, 153, 255, 0.8));
}
.v1pcr3uc {
opacity: 0;
}
.p1mivvux {
cursor: pointer;
}
.t42x8tu {
cursor: text;
}
.g1atul0u {
cursor: -webkit-grab;
cursor: grab;
}
.n1i0g06w {
cursor: not-allowed;
}
.b1t4nog5 {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.r1wgs7ug {
position: absolute;
border-radius: 2px;
background-color: var(
--framer-fresco-onPageHighlightBorder-color,
rgba(0, 153, 255, 0.8)
);
}
.rsrrcv7 {
top: -9px;
width: 100%;
}
.rckttk2 {
bottom: -9px;
width: 100%;
}
.r12nxotj {
left: -9px;
height: 100%;
}
.r460cpk {
right: -9px;
height: 100%;
}
.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;
}
.rrb252f.rsrrcv7 .r1wgs7ug,
.rrb252f.rckttk2 .r1wgs7ug {
top: 8px;
left: 0;
width: 100%;
height: 2px;
}
.rrb252f.r12nxotj .r1wgs7ug,
.rrb252f.r460cpk .r1wgs7ug {
top: 0;
bottom: 0;
left: 8px;
width: 2px;
height: 100%;
}
.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);
}
.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 #0099ff4d;
color: #fff;
}
.c1ct4jl9 {
pointer-events: none;
}
.t1exmcej {
font-feature-settings:
var(--inter-cv),
'tnum' 1;
font-variant-numeric: tabular-nums;
}
.p1lr6xzx {
border-radius: 15px;
}
.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;
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);
}
.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);
}
.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;
}
.clr68rj footer {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
gap: var(--framer-fresco-inputSpacing-dimension, 10px);
}
.clr68rj footer button {
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.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;
}
.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;
}
.clr68rj .calendarGrid {
border-collapse: collapse;
border-spacing: 0;
}
.clr68rj .calendarGridBody td {
width: 32px;
height: 32px;
padding: 0;
margin: 0;
}
.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;
}
.clr68rj .calendarCell[data-selected] {
border-radius: 8px;
background: var(--framer-fresco-calendarPrimary-color, #0099ff);
color: var(--framer-fresco-calendarText-color, #ffffff);
}
.clr68rj .calendarCell[data-outside-month] {
display: none;
}
.clr68rj .calendarCell[data-hovered]:not([data-selected]) {
background: none;
color: var(--framer-fresco-calendarTextHover-color, #222222);
}
.clr68rj .calendarCell[data-focus-visible] {
outline: 2px solid var(--framer-fresco-calendarPrimary-color, #0099ff);
outline-offset: 2px;
}
.clr68rj .calendar-picker > .calendarButton {
margin: 0 4px 8px;
}
.clr68rj .week {
display: -ms-grid;
display: grid;
gap: 8px;
grid-template-areas: 'heading heading heading' 'previous grid next';
place-items: center;
}
.clr68rj .week .calendarHeading {
margin: 0;
font-size: var(--framer-fresco-textLarge-font-size, 14px);
grid-area: heading;
}
.clr68rj .week .calendarCell[data-outside-month] {
display: block;
}
.iuj0i9m {
height: auto;
padding: 4px;
border: none;
background: transparent;
cursor: pointer;
}
.ddr6pxi {
margin-right: 7px;
color: var(--framer-fresco-popupButtonIcon-color, #999999);
pointer-events: none;
}
.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);
}
.prqiyvj {
width: 20px;
height: 20px;
border-radius: var(--framer-fresco-tiledImagePresetRadius-dimension, 2px);
box-shadow: #00000026 0 1px 2px;
pointer-events: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.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;
}
.p1c81r2w:hover {
cursor: pointer;
}
.p1ln12j8 {
border: 1px solid var(--framer-fresco-tint-color, #0099ff);
}
.dl1ddfs {
opacity: 0.5;
}
.pqnmppj {
max-width: var(--framer-fresco-panelMinWidth-dimension, 260px);
}
.n1hp61cu {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
cursor: -webkit-grabbing;
cursor: grabbing;
}
.g189l9ii {
cursor: -webkit-grabbing;
cursor: grabbing;
}
.m1va6tk8 {
outline: 2px solid
var(--framer-fresco-onPageHighlightBorder-color, rgba(0, 153, 255, 0.8));
}
.rc3ak3a p,
.rc3ak3a h1,
.rc3ak3a h2,
.rc3ak3a h3,
.rc3ak3a h4,
.rc3ak3a h5,
.rc3ak3a h6,
.rc3ak3a li,
.rc3ak3a ol,
.rc3ak3a ul,
.rc3ak3a mark,
.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);
}
.rc3ak3a p,
.rc3ak3a div,
.rc3ak3a h1,
.rc3ak3a h2,
.rc3ak3a h3,
.rc3ak3a h4,
.rc3ak3a h5,
.rc3ak3a h6 {
margin: 0;
padding: 0;
}
.rc3ak3a mark:not(.selection),
.rc3ak3a p,
.rc3ak3a h1,
.rc3ak3a h2,
.rc3ak3a h3,
.rc3ak3a h4,
.rc3ak3a h5,
.rc3ak3a h6,
.rc3ak3a li,
.rc3ak3a ol,
.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);
}
.rc3ak3a p:not(:first-child),
.rc3ak3a div:not(:first-child),
.rc3ak3a h1:not(:first-child),
.rc3ak3a h2:not(:first-child),
.rc3ak3a h3:not(:first-child),
.rc3ak3a h4:not(:first-child),
.rc3ak3a h5:not(:first-child),
.rc3ak3a h6:not(:first-child),
.rc3ak3a ol:not(:first-child),
.rc3ak3a ul:not(:first-child),
.rc3ak3a .framer-image:not(:first-child) {
margin-top: var(--framer-paragraph-spacing, 0);
}
.rc3ak3a li > ul:nth-child(2),
.rc3ak3a li > ol:nth-child(2) {
margin-top: 0;
}
.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);
}
.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);
}
.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);
}
.rc3ak3a span[data-text-fill] {
display: inline-block;
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));
}
.rc3ak3a code,
.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);
}
.rc3ak3a a,
.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)
);
}
.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);
}
.rc3ak3a code a,
.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)
);
}
.rc3ak3a ul,
.rc3ak3a ol {
-webkit-padding-start: 0;
padding-inline-start: 0;
margin: 0;
position: relative;
}
.rc3ak3a ol {
--list-style-type: decimal;
}
.rc3ak3a li {
position: unset;
counter-increment: list-item;
list-style: none;
-webkit-padding-start: 2ch;
padding-inline-start: 2ch;
}
.rc3ak3a ol > li:before {
position: absolute;
inset-inline-start: 0;
content: counter(list-item, var(--list-style-type)) '.';
font-variant-numeric: tabular-nums;
}
.rc3ak3a ol > li:nth-last-child(n + 10),
.rc3ak3a ol > li:nth-last-child(n + 10) ~ li {
-webkit-padding-start: 3ch;
padding-inline-start: 3ch;
}
.rc3ak3a ol > li:nth-last-child(n + 100),
.rc3ak3a ol > li:nth-last-child(n + 100) ~ li {
-webkit-padding-start: 4ch;
padding-inline-start: 4ch;
}
.rc3ak3a ol > li:nth-last-child(n + 1000),
.rc3ak3a ol > li:nth-last-child(n + 1000) ~ li {
-webkit-padding-start: 5ch;
padding-inline-start: 5ch;
}
.rc3ak3a ol > li:nth-last-child(n + 10000),
.rc3ak3a ol > li:nth-last-child(n + 10000) ~ li {
-webkit-padding-start: 6ch;
padding-inline-start: 6ch;
}
.rc3ak3a ol > li:nth-last-child(n + 100000),
.rc3ak3a ol > li:nth-last-child(n + 100000) ~ li {
-webkit-padding-start: 7ch;
padding-inline-start: 7ch;
}
.rc3ak3a ol > li:nth-last-child(n + 1000000),
.rc3ak3a ol > li:nth-last-child(n + 1000000) ~ li {
-webkit-padding-start: 8ch;
padding-inline-start: 8ch;
}
.rc3ak3a ul > li:before {
position: absolute;
inset-inline-start: 0;
content: '\2022';
}
.ej8focl .selection {
color: inherit;
background: transparent;
}
.ej8focl div.ProseMirror:not(.ProseMirror-focused) .selection {
background: #80808054;
}
.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;
}
.ej8focl div.ProseMirror ::selection {
background-color: Highlight;
color: currentColor;
}
.ej8focl .ProseMirror-selectednode {
outline: var(--framer-fresco-richTextSelectionOutline-dimension, 2px) solid
var(--framer-fresco-tint-color, #0099ff);
}
.ej8focl .framer-text-component.ProseMirror-selectednode {
outline: var(--framer-fresco-richTextSelectionOutline-dimension, 2px) solid
var(--framer-fresco-componentTint-color, #8855ff);
}
.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;
}
.w1z0oe1i {
width: 8px;
height: 8px;
}
.w1v62ead {
position: absolute;
z-index: 1;
bottom: calc(100% + var(--framer-fresco-inputSpacing-dimension, 10px));
left: 0;
pointer-events: none;
}
.emh45nx {
outline: none;
}
.c1amlb55 {
z-index: 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:
0 0 0 1px #ffffff1a,
0 10px 20px #0003;
will-change: transform, opacity;
}
.t1noknjc {
padding: 10px;
}
.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;
}
.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;
}
.swpufyq a {
color: var(--framer-fresco-editorBarSubtleSubtitleLink-color, #f7f7f7);
-webkit-text-decoration: none;
text-decoration: none;
}
.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);
}
.b9jl8lf:focus:not(:disabled),
.b9jl8lf:hover:not(:disabled),
.b9jl8lf:active:focus:not(:disabled),
.b9jl8lf:active:hover:not(:disabled) {
background-color: var(
--framer-fresco-editorBarButtonBackground-color,
rgba(255, 255, 255, 0.15)
);
}
.eptse9g {
background: #fff;
color: #222;
}
.eptse9g:focus:not(:disabled),
.eptse9g:hover:not(:disabled),
.eptse9g:active:focus:not(:disabled),
.eptse9g:active:hover:not(:disabled) {
background-color: #fff;
}
.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;
}
.i187n6fv:hover {
background: var(
--framer-fresco-editorBarSubtleIconSquareBackground-color,
rgba(255, 255, 255, 0.15)
);
color: var(--framer-fresco-editorBarText-color, #ffffff);
}
.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;
}
.djjgtbz {
width: 100%;
height: 1px;
border: none;
margin: 0;
background: var(--framer-fresco-editorBarDividerBackground-color, #ffffff);
opacity: 0.1;
}
.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)
);
}
.i187n6fv:hover .ixgjdid {
background: var(
--framer-fresco-editorBarSubtleIconSquareBackgroundHover-color,
rgba(255, 255, 255, 0.2)
);
}
.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;
}
.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)
);
}
.cnhgigm {
z-index: 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:
0 0 0 1px #ffffff1a,
0 10px 20px #0003;
will-change: transform, opacity;
}
.t1ookr3o {
padding: 10px;
}
.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;
}
.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;
}
.s7fryoi a {
color: var(--framer-fresco-editorBarSubtleSubtitleLink-color, #f7f7f7);
-webkit-text-decoration: none;
text-decoration: none;
}
.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);
}
.by9jupw:focus:not(:disabled),
.by9jupw:hover:not(:disabled),
.by9jupw:active:focus:not(:disabled),
.by9jupw:active:hover:not(:disabled) {
background-color: var(
--framer-fresco-editorBarButtonBackground-color,
rgba(255, 255, 255, 0.15)
);
}
.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;
gap: 10px;
}
.c1gc3a0q {
position: absolute;
top: 0;
right: 0;
padding: var(--framer-fresco-panelPadding-dimension, 15px);
color: var(--framer-fresco-editorBarSubtleSubtitle-color, #999999);
cursor: pointer;
}
.c1gc3a0q:hover {
color: var(--framer-fresco-editorBarText-color, #ffffff);
}
.lbz3y5l {
position: relative;
width: 100%;
height: 100%;
}
.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;
}
.mu6ry6k {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
padding: 0 5px;
}
.aqwxsfx {
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;
}
.ay9bzvl {
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
);
}
.ahvwyj9 {
min-width: 12px;
text-align: center;
}
.d1aq9ud6 {
text-align: center;
}
.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: 2px 5px;
border-radius: 10px;
margin-right: 3px;
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(--framer-fresco-label-font-size, 10px);
font-weight: var(--framer-fresco-headingBold-font-weight, 700);
line-height: 1.1;
text-align: center;
text-transform: uppercase;
}
.ddwpnn1 {
display: block;
color: var(--framer-fresco-menuDescription-color, #999999);
font-size: var(--framer-fresco-label-font-size, 10px);
}
.mk05by6 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
overflow: hidden;
width: 100%;
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;
-webkit-box-pack: justify;
-ms-flex-pack: space-between;
-webkit-justify-content: space-between;
justify-content: space-between;
padding-right: 5px;
padding-left: 10px;
border-radius: 8px;
color: var(--framer-fresco-menuText-color, #222222);
cursor: default;
gap: 8px;
scroll-snap-margin: 0.5rem;
scroll-margin: 0.5rem;
white-space: pre;
}
.mk05by6:focus-visible {
outline: transparent;
}
.mk05by6 .aqwxsfx,
.mk05by6 .b1irwbe6,
.mk05by6:where([aria-disabled='true']) {
opacity: 0.4;
}
.mk05by6:where([data-active-item]):not(:has([data-active-item])),
.mk05by6:where([data-active-item][aria-expanded='false']),
.mk05by6: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)
);
}
.mk05by6:where([data-active-item]):not(:has([data-active-item])) .aqwxsfx,
.mk05by6:where([data-active-item][aria-expanded='false']) .aqwxsfx,
.mk05by6:where([data-active-item][aria-selected]) .aqwxsfx,
.mk05by6:where([data-active-item]):not(:has([data-active-item])) .b1irwbe6,
.mk05by6:where([data-active-item][aria-expanded='false']) .b1irwbe6,
.mk05by6:where([data-active-item][aria-selected]) .b1irwbe6 {
opacity: 1;
}
.mk05by6:where([data-active-item]):not(:has([data-active-item])) .b1r3i2ed,
.mk05by6:where([data-active-item][aria-expanded='false']) .b1r3i2ed,
.mk05by6:where([data-active-item][aria-selected]) .b1r3i2ed {
background-color: var(
--framer-fresco-menuBadgeBackgroundActive-color,
rgba(255, 255, 255, 0.3)
);
color: var(--framer-fresco-menuTextActive-color, #ffffff);
}
.mk05by6:where([data-active-item]):not(:has([data-active-item])) .ddwpnn1,
.mk05by6:where([data-active-item][aria-expanded='false']) .ddwpnn1,
.mk05by6:where([data-active-item][aria-selected]) .ddwpnn1 {
color: var(
--framer-fresco-menuDescriptionActive-color,
rgba(255, 255, 255, 0.8)
);
}
.mk05by6: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);
}
.mk05by6:where([data-active-item='true'][aria-expanded='true']):not(:hover)
.aqwxsfx,
.mk05by6:where([data-active-item='true'][aria-expanded='true']):not(:hover)
.b1irwbe6 {
opacity: 0.4;
}
.m1ide4av {
height: 40px;
}
.mqsdyuc {
padding-left: 30px;
}
.m10bnj1v {
height: calc(var(--framer-fresco-avatarSize-dimension, 30px) + 4px * 2);
padding-left: 4px;
border-radius: 11px;
}
.l1lrhh4u {
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: 8px;
}
.c1fc9sk1 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
-webkit-align-items: flex-start;
-webkit-box-align: flex-start;
-ms-flex-align: flex-start;
align-items: flex-start;
-webkit-box-pack: start;
-ms-flex-pack: start;
-webkit-justify-content: flex-start;
justify-content: flex-start;
gap: 8px;
}
.cfbiwg1 {
height: 14px;
}
.l154ipfz {
padding-right: 8px;
}
.s1e3rcy1 {
width: 100%;
height: 1px;
padding: 0;
border: none;
margin: 5px 0;
background-color: var(--framer-fresco-menuSeparator-color, #eeeeee);
}
.mxzzb2k {
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: 90px;
max-width: 500px;
max-height: min(800px, 90vh) !important;
box-sizing: border-box;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
padding: 5px 0;
border-radius: 13px;
margin: 0;
background-color: var(--framer-fresco-menuBackground-color, #ffffff);
box-shadow: 0 10px 20px
var(--framer-fresco-menuShadow-color, rgba(0, 0, 0, 0.1));
font-size: var(--framer-fresco-base-font-size, 12px);
line-height: 1.2;
overflow-y: auto;
}
.mxzzb2k:focus-visible {
outline: transparent;
}
.m8c9l16 {
--menu-item-background-active: var(
--framer-fresco-menuBackgroundActiveUnsaturated-color,
#f2f2f2
);
--menu-text-active: var(
--framer-fresco-menuTextActiveUnsaturated-color,
#222222
);
}
.m1t22t6v {
max-height: -webkit-fit-content;
max-height: -moz-fit-content;
max-height: fit-content;
}
.we5hedy {
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;
}
.ssnmoi2 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
height: 36px;
-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: 10px;
padding-bottom: 5px;
padding-left: 15px;
border-bottom: 1px solid var(--framer-fresco-menuSeparator-color, #eeeeee);
gap: 10px;
}
.s19qrosd {
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;
}
.s19qrosd::-webkit-input-placeholder {
color: #999;
}
.s19qrosd::-moz-placeholder {
color: #999;
}
.s19qrosd:-ms-input-placeholder {
color: #999;
}
.s19qrosd::placeholder {
color: #999;
}
.s1vev1e1 {
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: #999;
}
.msbtwy1 {
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;
margin-right: 8;
}
.e1d3tuh7 {
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;
padding-right: 7px;
padding-left: 15px;
color: #999;
font-weight: var(--framer-fresco-base-font-weight, 500);
}
.a1nw69yk {
overflow: hidden;
}
.cq2i6r2 {
position: relative;
}
.o199fue7 {
position: absolute;
top: 16px;
left: 18px;
box-shadow: 0 2px 3px #0003;
}
.o16gpm6 {
color: var(--framer-fresco-tint-color, #0099ff);
font-size: 11px;
}
.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;
}
.c1tr39qo {
padding-top: 5px;
}
.a103jkx3 {
bottom: 0;
}
.auzolsl {
top: 0;
}
.o179w3e7 {
position: absolute;
z-index: 1;
right: 0;
left: 0;
width: 100%;
height: 60px;
pointer-events: none;
}
.o1h5p0we {
width: 100%;
height: 50%;
}
.u1hfkq3i {
background: linear-gradient(
var(--framer-fresco-menuBackground-color, #ffffff),
transparent
);
}
.dh1045z {
background: linear-gradient(
transparent,
var(--framer-fresco-menuBackground-color, #ffffff)
);
}
.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;
}
.o1sgpxwn svg {
color: var(--framer-fresco-menuText-color, #222222);
opacity: 0.4;
}
.swuysmr {
position: relative;
width: 100%;
height: 100%;
}
.b3o367f {
position: absolute;
right: 0;
left: 0;
width: 100%;
height: 30px;
pointer-events: none;
}
.icxp2h1 {
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
border: none;
opacity: 1;
pointer-events: none;
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s;
}
.icxp2h1[aria-hidden='true'] {
opacity: 0;
}
body:has(.icxp2h1[aria-hidden='true']) {
overflow: hidden;
}
/*# sourceMappingURL=https://app.framerstatic.com/editorbar.VNOIL5NE.css.map */