/*
  Below two rules belong to the original Framer themes.
*/


[data-framer-theme="dark"] {
  --framer-color-tint: #0099ff;
  --framer-color-tint-dimmed: rgba(0, 153, 255, 0.15);
  --framer-color-tint-dark: #0088ff;
  --framer-color-bg: #111111;
  --framer-color-bg-secondary: #1d1d1d;
  --framer-color-bg-tertiary: #2B2B2B;
  --framer-color-divider: #252525;
  --framer-color-text: #ffffff;
  --framer-color-text-reversed: #ffffff;
  --framer-color-text-secondary: #cccccc;
  --framer-color-text-tertiary: #777777;
  --framer-color-tint-extra-dark: #0077FF;
}

[data-framer-theme="light"] {
  --framer-color-tint: #0099ff;
  --framer-color-tint-dimmed: rgba(0, 153, 255, 0.1);
  --framer-color-tint-dark: #0088ff;
  --framer-color-bg: #ffffff;
  --framer-color-bg-secondary: #eeeeee;
  --framer-color-bg-tertiary: #f3f3f3;
  --framer-color-divider: #eeeeee;
  --framer-color-text: #333333;
  --framer-color-text-reversed: #ffffff;
  --framer-color-text-secondary: #666666;
  --framer-color-text-tertiary: #999999;
  --framer-color-tint-extra-dark: #0077FF;
}

:root {
  background-color: var(--framer-fresco-panelBackground-color);
  --framer-fresco-tint-color: #0099ff;
  --framer-fresco-tintDark-color: #0088ff;
  --framer-fresco-tintExtraDark-color: #1188ff;
  --framer-fresco-tintDimmed-color: rgba(0, 153, 255, .1);
  --framer-fresco-tintGradientStart-color: rgba(0, 153, 255, .4);
  --framer-fresco-tintGradientEnd-color: rgba(0, 153, 255, .8);
  --framer-fresco-componentTint-color: #8855ff;
  --framer-fresco-componentTintDark-color: #7744FF;
  --framer-fresco-componentTintExtraDark-color: #7733ff;
  --framer-fresco-componentTintDimmed-color: rgba(136, 85, 255, .1);
  --framer-fresco-componentTintGradientStart-color: rgba(136, 85, 255, .4);
  --framer-fresco-componentTintGradientEnd-color: rgba(136, 85, 255, .8);
  --framer-fresco-componentTintDimmedDrag-color: rgba(136, 85, 255, .2);
  --framer-fresco-componentTintDimmedActive-color: rgba(136, 85, 255, .3);
  --framer-fresco-componentTintLight-color: #B89AFF;
  --framer-fresco-errorTint-color: #ff3366;
  --framer-fresco-errorTintDimmed-color: rgba(255, 51, 102, .1);
  --framer-fresco-warningTint-color: #FFBB00;
  --framer-fresco-warningTintDimmed-color: rgba(255, 187, 0, .2);
  --framer-fresco-warningText-color: #FF9900;
  --framer-fresco-graphicTint-color: #6666ff;
  --framer-fresco-graphicTintDark-color: #6644ff;
  --framer-fresco-graphicTintDimmed-color: rgba(102, 102, 255, .15);
  --framer-fresco-graphicTintGradientStart-color: rgba(102, 102, 255, .4);
  --framer-fresco-graphicTintGradientEnd-color: rgba(102, 102, 255, .8);
  --framer-fresco-beta-color: #6666ff;
  --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, .1);
  --framer-fresco-assetsRowCodeFileBackgroundDragged-color: rgba(0, 153, 255, .2);
  --framer-fresco-assetsRowCodeFileBackgroundDraggedUnsaturated-color: rgba(238, 238, 238, .2);
  --framer-fresco-colorIconBorder-color: rgba(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, .1);
  --framer-fresco-canvasSelectionRectBorder-color: rgba(0, 153, 255, .5);
  --framer-fresco-canvasTooltipText-color: #ffffff;
  --framer-fresco-canvasTooltipBackground-color: #0099ff;
  --framer-fresco-canvasBarBackground-color: rgba(0, 0, 0, .05);
  --framer-fresco-canvasBarBackgroundHighlighted-color: rgba(0, 153, 255, .1);
  --framer-fresco-canvasBarText-color: #333333;
  --framer-fresco-canvasRelativeOverlayBackdrop-color: rgba(0, 153, 255, .25);
  --framer-fresco-canvasRelativeOverlaySmartComponentBackdrop-color: rgba(136, 85, 255, .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, .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-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-modalTutorialRowHover-color: rgba(0, 0, 0, .04);
  --framer-fresco-cmsImportModalImageBackgroundColor-color: rgba(0, 153, 255, .1);
  --framer-fresco-cmsImportModalTextColor-color: #666666;
  --framer-fresco-buttonBackground-color: #f3f3f3;
  --framer-fresco-buttonBackgroundHover-color: #eeeeee;
  --framer-fresco-buttonBackgroundActive-color: #dddddd;
  --framer-fresco-buttonText-color: #333333;
  --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, .1);
  --framer-fresco-buttonBackgroundDestructiveSecondaryHover-color: rgba(255, 51, 102, .15);
  --framer-fresco-buttonBackgroundDestructiveSecondaryActive-color: rgba(255, 51, 102, .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, .02), 0px 1px 0px 0px rgba(0, 0, 0, .05), 0px 2px 4px 0px rgba(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, .15), 0px 2px 4px 0px rgba(0, 153, 255, .2);
  --framer-fresco-buttonWithDepthPrimaryShadowHover-color: 0px 1px 2px 0px rgba(13, 144, 255, .15), 0px 2px 4px 0px rgba(13, 144, 255, .2);
  --framer-fresco-buttonWithDepthPrimaryComponentShadow-color: 0px 1px 2px 0px rgba(136, 85, 255, .15), 0px 2px 4px 0px rgba(136, 85, 255, .2);
  --framer-fresco-buttonWithDepthPrimaryComponentShadowHover-color: 0px 1px 2px 0px rgba(119, 51, 255, .15), 0px 2px 4px 0px rgba(119, 51, 255, .3);
  --framer-fresco-buttonWithDepthPrimaryGraphicShadow-color: 0px 2px 4px 0px rgba(102, 102, 255, .3);
  --framer-fresco-buttonWithDepthPrimaryGraphicShadowHover-color: 0px 2px 4px 0px rgba(102, 102, 255, .3);
  --framer-fresco-buttonWithDepthDestructiveBackground-color: #ff3366;
  --framer-fresco-buttonWithDepthDestructiveBackgroundHover-color: #e15;
  --framer-fresco-buttonWithDepthDestructiveShadow-color: 0 2px 4px 0 rgba(255, 51, 102, .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-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-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, .25);
  --framer-fresco-popoutButtonCursorBorder-color: rgba(0, 0, 0, .05);
  --framer-fresco-missingFontButtonText-color: #ffffff;
  --framer-fresco-missingFontButtonBackground-color: #FFAA00;
  --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-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, .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, .05);
  --framer-fresco-formRedirectLinkIcon-color: #cccccc;
  --framer-fresco-colorStyleBorder-color: #000000;
  --framer-fresco-colorStyleDisabled-color: rgba(0, 0, 0, .04);
  --framer-fresco-maskEmptyGradientStop1-color: #f3f3f3;
  --framer-fresco-maskEmptyGradientStop2-color: #cccccc;
  --framer-fresco-swatchBorder-color: rgba(0, 0, 0, .1);
  --framer-fresco-swatchBorderPlaceholder-color: rgba(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-swatchBackgroundPlaceholderForFile-color: #cccccc;
  --framer-fresco-swatchBackgroundPlaceholderForShadow-color: rgba(221, 221, 221, .5);
  --framer-fresco-swatchBackgroundForComputedValue-color: rgba(255, 255, 255, .3);
  --framer-fresco-swatchOverlappingBorder-color: rgba(255, 255, 255, .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, .05);
  --framer-fresco-toggleTackBorderDisabled-color: transparent;
  --framer-fresco-codeEditorBackground-color: #fdfdfd;
  --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-animationForground-color: #ffffff;
  --framer-fresco-animationForgroundDimmed-color: #4FAEFF;
  --framer-fresco-animationForgroundLight-color: #7FC3FF;
  --framer-fresco-animationBackgroundLight-color: rgba(255, 255, 255, .2);
  --framer-fresco-animationNavigationTargetFrame-color: #ffffff;
  --framer-fresco-animationNavigationTargetFrameSelected-color: #EAF4FF;
  --framer-fresco-textAreaScrollbar-color: #cccccc;
  --framer-fresco-toolbarButtonBackground-color: #f3f3f3;
  --framer-fresco-toolbarButtonBackgroundActive-color: #333333;
  --framer-fresco-toolbarButtonBackgroundWarning-color: rgba(255, 170, 0, .2);
  --framer-fresco-toolbarButtonBackgroundWarningActive-color: rgba(255, 170, 0, .3);
  --framer-fresco-toolbarButtonBackgroundError-color: rgba(255, 51, 85, .1);
  --framer-fresco-toolbarButtonBackgroundErrorActive-color: rgba(255, 51, 85, .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, .1);
  --framer-fresco-toolbarPreviewCloseButtonSites-color: #888888;
  --framer-fresco-toolbarSettingsButtonTextSites-color: #333333;
  --framer-fresco-toolbarSettingsButtonTextSecondarySites-color: #999999;
  --framer-fresco-toolbarSettingsButtonBackgroundSites-color: #f3f3f3;
  --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, .05);
  --framer-fresco-breadcrumbOverlayPlayButton-color: #AD89FF;
  --framer-fresco-breadcrumbGraphicOverlayPlayButton-color: rgba(255, 255, 255, .3);
  --framer-fresco-educationButtonBackground-color: rgba(17, 17, 17, .05);
  --framer-fresco-educationButtonText-color: #999999;
  --framer-fresco-menuBackground-color: #ffffff;
  --framer-fresco-menuBackgroundActive-color: #0099ff;
  --framer-fresco-menuItemWithSubmenuBackgroundActive-color: #eeeeee;
  --framer-fresco-menuText-color: #222222;
  --framer-fresco-menuTextActive-color: #ffffff;
  --framer-fresco-menuDescription-color: #999999;
  --framer-fresco-menuDescriptionActive-color: rgba(255, 255, 255, .8);
  --framer-fresco-menuSeparator-color: #eeeeee;
  --framer-fresco-menuShadow-color: rgba(0, 0, 0, .1);
  --framer-fresco-menuBadgeBackground-color: rgba(136, 136, 136, .15);
  --framer-fresco-menuBadgeColor-color: #888888;
  --framer-fresco-menuBadgeBackgroundActive-color: rgba(255, 255, 255, .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, .15);
  --framer-fresco-layerItemTextDimmed-color: rgba(102, 102, 102, .8);
  --framer-fresco-layerItemTextInactive-color: rgba(0, 0, 0, .5);
  --framer-fresco-layerItemTextInactiveSelected-color: rgba(255, 255, 255, .5);
  --framer-fresco-layerItemIcon-color: #999999;
  --framer-fresco-layerItemIconDimmed-color: #9aacc0;
  --framer-fresco-layerItemIconComponentDimmed-color: #86829a;
  --framer-fresco-layerItemIconGraphicDimmed-color: #9aacc0;
  --framer-fresco-layerItemIconInactive-color: rgba(187, 187, 187, .5);
  --framer-fresco-layerItemIconInactiveSelected-color: rgba(187, 187, 187, .5);
  --framer-fresco-layerItemPlaceholderText-color: #999999;
  --framer-fresco-layerItemComponentLabel-color: #aaaaaa;
  --framer-fresco-layerItemComponentLabelSelected-color: #ffffff;
  --framer-fresco-codePanelNoSearchResults-color: #999999;
  --framer-fresco-layoutPinBackground-color: #bbbbbb;
  --framer-fresco-canvasBackground-color: #eeeeee;
  --framer-fresco-canvasComponentOverlayEditModeBackground-color: #E8DDFF;
  --framer-fresco-canvasComponentGraphicOverlayEditModeBackground-color: #E0E0ff;
  --framer-fresco-canvasFrameTitle-color: #bbbbbb;
  --framer-fresco-canvasFrameOutline-color: #cccccc;
  --framer-fresco-canvasFramePreview-color: rgba(0, 0, 0, .03);
  --framer-fresco-canvasFramePreviewOutline-color: rgba(0, 0, 0, .1);
  --framer-fresco-canvasConnectionLine-color: #bbbbbb;
  --framer-fresco-canvasArrowInactive-color: #cccccc;
  --framer-fresco-canvasSuggestionOutline-color: rgba(0, 0, 0, .05);
  --framer-fresco-canvasSuggestionBackground-color: rgba(0, 0, 0, .04);
  --framer-fresco-canvasSuggestionText-color: #999999;
  --framer-fresco-canvasOverlayTriggerOutline-color: rgba(0, 153, 255, .5);
  --framer-fresco-canvasOverlayTriggerBackground-color: rgba(0, 153, 255, .2);
  --framer-fresco-canvasComponentOverlayTriggerOutline-color: rgba(136, 85, 255, .4);
  --framer-fresco-canvasComponentOverlayTriggerBackground-color: rgba(136, 85, 255, .2);
  --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, .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-rulerComponentGraphicOverlayEditModeBackground-color: #D3D3FE;
  --framer-fresco-rulerComponentGraphicOverlayEditModeBorderColor-color: rgba(102, 102, 255, .15);
  --framer-fresco-rulerComponentGraphicOverlayEditModeTextColor-color: #6666ff;
  --framer-fresco-rulerComponentGraphicOverlayEditModeTickColor-color: #6666ff;
  --framer-fresco-rulerComponentGraphicOverlayEditModeFadeOut-color: rgba(211, 211, 254, 0);
  --framer-fresco-guideColor-color: #00E4F5;
  --framer-fresco-guideHighlightColor-color: #0099ff;
  --framer-fresco-guideComponentHighlightColor-color: #8855ff;
  --framer-fresco-guideComponentGraphicOverlayEditModeHighlightColor-color: #6666FF;
  --framer-fresco-selectionBox-color: rgba(125, 125, 125, .03);
  --framer-fresco-selectionBoxOutline-color: rgba(125, 125, 125, .3);
  --framer-fresco-selectionBoxBackground-color: rgba(0, 153, 255, .2);
  --framer-fresco-selectionBoxComponentBackground-color: rgba(136, 85, 255, .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, .99);
  --framer-fresco-codeExportChipBackground-color: rgba(255, 215, 6, .16);
  --framer-fresco-codePreviewBackground-color: #f3f3f3;
  --framer-fresco-codePreviewBackgroundFadeOut-color: rgba(243, 243, 243, 0);
  --framer-fresco-fontFamilyGoogleIcon-color: #dddddd;
  --framer-fresco-fontFamilyGoogleIconHover-color: #999999;
  --framer-fresco-previewConsoleBackground-color: #f4f4f4;
  --framer-fresco-previewConsoleButtonText-color: #999999;
  --framer-fresco-previewConsoleDivider-color: rgba(221, 221, 221, .5);
  --framer-fresco-previewConsoleCollapseIcon-color: #bbbbbb;
  --framer-fresco-previewSpinnerBackground-color: #000000;
  --framer-fresco-previewCloseIconBackground-color: rgba(0, 0, 0, .05);
  --framer-fresco-previewCloseIconBackgroundHover-color: rgba(0, 0, 0, .08);
  --framer-fresco-previewCloseIconColor-color: rgba(0, 0, 0, .55);
  --framer-fresco-previewEmptyDocumentText-color: #888888;
  --framer-fresco-previewDeviceColorDotInnerBorder-color: rgba(0, 0, 0, .1);
  --framer-fresco-previewResizeHandles-color: rgba(0, 0, 0, .1);
  --framer-fresco-previewResizeHandlesHover-color: rgba(0, 0, 0, .15);
  --framer-fresco-sharedPreviewStatusText-color: #999999;
  --framer-fresco-sharedPreviewBackground-color: #ffffff;
  --framer-fresco-sharedPreviewMobileQRBackground-color: #f3f3f3;
  --framer-fresco-sharedPreviewMobileQR-color: #000000;
  --framer-fresco-tooltipBackground-color: #999999;
  --framer-fresco-tooltipIcon-color: #bbbbbb;
  --framer-fresco-tooltipBackdrop-color: rgba(0, 0, 0, .1);
  --framer-fresco-tooltipInsert-color: #ffffff;
  --framer-fresco-badgeBackground-color: rgba(0, 153, 255, .15);
  --framer-fresco-warningBadgeBackground-color: rgba(255, 170, 0, .15);
  --framer-fresco-neutralBadgeBackground-color: rgba(102, 102, 102, .1);
  --framer-fresco-neutralBadgeColor-color: #666666;
  --framer-fresco-timeBadgeBackground-color: rgba(170, 170, 170, .15);
  --framer-fresco-betaBadgeBackground-color: rgba(102, 102, 255, .15);
  --framer-fresco-betaBadgeLightBackground-color: #ffffff;
  --framer-fresco-alphaBadgeBackground-color: rgba(255, 170, 0, .2);
  --framer-fresco-alphaBadgeText-color: #FFAA00;
  --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-feedbackFormButtonFill-color: #888888;
  --framer-fresco-feedbackFormButtonSubmitFocus-color: #0066ff;
  --framer-fresco-feedbackFormButtonFocus-color: #eeeeee;
  --framer-fresco-feedbackFormBackground-color: #ffffff;
  --framer-fresco-feedbackFormPlaceholder-color: #bbbbbb;
  --framer-fresco-feedbackDivider-color: #eeeeee;
  --framer-fresco-feedbackLabelBackground-color: #f5f5f5;
  --framer-fresco-feedbackHasRepliesBackground-color: rgba(0, 153, 255, .1);
  --framer-fresco-feedbackDisclosureBackground-color: #f5f5f5;
  --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-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: #666666;
  --framer-fresco-dashboardEmptyStateSubtitle-color: #999999;
  --framer-fresco-dashboardCardInfoText-color: #333333;
  --framer-fresco-dashboardCardInfoSpanText-color: rgba(0, 0, 0, .3);
  --framer-fresco-dashboardContentBackground-color: #f3f3f3;
  --framer-fresco-nonFullWidthDashboardContentBackground-color: #ffffff;
  --framer-fresco-dashboardPlaceholderLogo-color: #eeeeee;
  --framer-fresco-dashboardCustomThumbnailButton-color: rgba(0, 0, 0, .05);
  --framer-fresco-dashboardCustomThumbnailButtonHover-color: rgba(0, 0, 0, .07);
  --framer-fresco-dashboardCustomThumbnailButtonActive-color: rgba(0, 0, 0, .09);
  --framer-fresco-dashboardSearchWorkspaceTitle-color: #333333;
  --framer-fresco-dashboardSearchWorkspaceTag-color: #999999;
  --framer-fresco-dashboardSidebarBackground-color: #ffffff;
  --framer-fresco-dashboardSidebarTitle-color: #333333;
  --framer-fresco-dashboardSidebarText-color: #666666;
  --framer-fresco-dashboardSidebarTextDimmed-color: #aaaaaa;
  --framer-fresco-dashboardSidebarTextHover-color: #444444;
  --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: #eeeeee;
  --framer-fresco-dashboardSidebarDismissIcon-color: #666666;
  --framer-fresco-dashboardSidebarBorder-color: #eeeeee;
  --framer-fresco-dashboardTopBarBackground-color: #ffffff;
  --framer-fresco-dashboardTopBarBorder-color: #eeeeee;
  --framer-fresco-badgeFreeWorkspaceBackground-color: rgba(136, 136, 136, .15);
  --framer-fresco-badgeFreeWorkspaceText-color: #888888;
  --framer-fresco-badgeLiteWorkspaceBackground-color: rgba(136, 136, 136, .15);
  --framer-fresco-badgeLiteWorkspaceText-color: #888888;
  --framer-fresco-badgeBasicWorkspaceBackground-color: rgba(0, 153, 255, .15);
  --framer-fresco-badgeBasicWorkspaceText-color: #0099ff;
  --framer-fresco-badgeEnterpriseWorkspaceBackground-color: rgba(136, 136, 136, .15);
  --framer-fresco-badgeEnterpriseWorkspaceText-color: #888888;
  --framer-fresco-badgeLegacyWorkspaceBackground-color: rgba(136, 136, 136, .15);
  --framer-fresco-badgeLegacyWorkspaceText-color: #888888;
  --framer-fresco-badgeBusinessWorkspaceBackground-color: rgba(153, 102, 255, .15);
  --framer-fresco-badgeBusinessWorkspaceText-color: #9966ff;
  --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-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-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-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-deprecatedInsertPanelPrimaryIcon-color: #222222;
  --framer-fresco-deprecatedInsertPanelPrimaryIconShadow-color: rgba(34, 34, 34, .2);
  --framer-fresco-deprecatedInsertPanelSecondaryIcon-color: #ffffff;
  --framer-fresco-deprecatedInsertPanelSecondaryIconShadow-color: rgba(0, 0, 0, .1);
  --framer-fresco-deprecatedInsertPanelBasicsIcon-color: #222222;
  --framer-fresco-deprecatedInsertPanelCMSIcon-color: #ffffff;
  --framer-fresco-deprecatedInsertPanelCreativeIcon-color: #ffffff;
  --framer-fresco-deprecatedInsertPanelPinkIcon-color: #ff4488;
  --framer-fresco-deprecatedInsertPanelPinkIconShadow-color: rgba(255, 68, 136, .2);
  --framer-fresco-deprecatedInsertPanelOrangeIcon-color: #ff8822;
  --framer-fresco-deprecatedInsertPanelOrangeIconShadow-color: rgba(255, 136, 34, .2);
  --framer-fresco-deprecatedInsertPanelYellowIcon-color: #ffbb00;
  --framer-fresco-deprecatedInsertPanelYellowIconShadow-color: rgba(255, 187, 0, .2);
  --framer-fresco-deprecatedInsertPanelTurquoiseIcon-color: #44dddd;
  --framer-fresco-deprecatedInsertPanelTurquoiseIconShadow-color: rgba(68, 221, 221, .2);
  --framer-fresco-deprecatedInsertPanelCyanIcon-color: #3ACCFF;
  --framer-fresco-deprecatedInsertPanelCyanIconShadow-color: rgba(58, 204, 255, .2);
  --framer-fresco-deprecatedInsertPanelTintBlueIcon-color: #38AAFF;
  --framer-fresco-deprecatedInsertPanelTintBlueIconShadow-color: rgba(56, 170, 255, .2);
  --framer-fresco-deprecatedInsertPanelCobaltIcon-color: #3666FF;
  --framer-fresco-deprecatedInsertPanelCobaltIconShadow-color: rgba(54, 102, 255, .2);
  --framer-fresco-deprecatedInsertPanelRedIcon-color: #ff4444;
  --framer-fresco-deprecatedInsertPanelRedIconShadow-color: rgba(255, 68, 68, .2);
  --framer-fresco-insertPanelEmptyStateIconBackground-color: #f3f3f3;
  --framer-fresco-insertPanelEmptyStateIconForeground-color: #bbbbbb;
  --framer-fresco-insertPanelDocumentationLink-color: #222222;
  --framer-fresco-insertPanelCategoryGradientBackground-color: linear-gradient(90deg, rgba(0, 153, 255, .1) 0%, rgba(136, 85, 255, .1) 100%);
  --framer-fresco-insertPanelGridItem-color: #f3f3f3;
  --framer-fresco-framerAIAssistantAvatarBackground-color: #000000;
  --framer-fresco-framerAIAssistantAvatarForeground-color: #ffffff;
  --framer-fresco-framerAIAssistantName-color: #222222;
  --framer-fresco-framerAIAssistantVideoLink-color: #222222;
  --framer-fresco-framerAIAssistantVideoLinkUnderline-color: rgba(34, 34, 34, .1);
  --framer-fresco-framerAIAssistantMessageSelection-color: rgba(0, 0, 0, .15);
  --framer-fresco-framerAISendMessageButtonBackground-color: #222222;
  --framer-fresco-framerAISendMessageButtonBackgroundDisabled-color: #999999;
  --framer-fresco-framerAISendMessageButtonForeground-color: #ffffff;
  --framer-fresco-framerAISendMessageButtonForegroundDisabled-color: #ffffff;
  --framer-fresco-framerAISuggestionIcon-color: #999999;
  --framer-fresco-framerAISuggestionIconHover-color: #000000;
  --framer-fresco-framerAISuggestionButtonBackground-color: #ffffff;
  --framer-fresco-framerAISuggestionButtonForeground-color: #666666;
  --framer-fresco-framerAISuggestionButtonForegroundHover-color: #333333;
  --framer-fresco-framerAISuggestionButtonBorder-color: rgba(0, 0, 0, .05);
  --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, .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: #ebebeb;
  --framer-fresco-loaderSecondary-color: #eeeeee;
  --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, .2);
  --framer-fresco-aiHighlightBorder-color: #0099ff;
  --framer-fresco-aiHighlightPulseOn-color: rgba(0, 153, 255, .6);
  --framer-fresco-aiHighlightPulseOff-color: rgba(0, 153, 255, 0);
  --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-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, .05);
  --framer-fresco-stackItemHighlight-color: rgba(0, 153, 255, .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, .2);
  --framer-fresco-miniPageLimitsTooltipButtonHover-color: rgba(255, 255, 255, .3);
  --framer-fresco-miniPageLimitsTooltipButtonActive-color: rgba(255, 255, 255, .1);
  --framer-fresco-aiDomainPopoverTitle-color: #333333;
  --framer-fresco-aiDomainPopoverBodyText-color: #666666;
  --framer-fresco-openTypePopoutGradientColor-color: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .1) 20%, rgba(255, 255, 255, .3) 40%, rgba(255, 255, 255, .5) 60%, rgba(255, 255, 255, .7) 80%, rgba(255, 255, 255, .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, .05);
  --framer-fresco-settingsContainerTitle-color: #222222;
  --framer-fresco-settingsGridBorder-color: #eeeeee;
  --framer-fresco-settingsGridTitle-color: #666666;
  --framer-fresco-settingsGridContent-color: #333333;
  --framer-fresco-settingsGridDescription-color: #999999;
  --framer-fresco-settingsPlaceholder-color: #bbbbbb;
  --framer-fresco-settingsImageBackground-color: #ffffff;
  --framer-fresco-settingsImagePreviewBorder-color: rgba(34, 34, 34, .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-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, .1);
  --framer-fresco-breakpointTitleBackgroundPrimary-color: rgba(0, 153, 255, .1);
  --framer-fresco-breakpointTitleBackgroundPrimaryComponent-color: rgba(136, 85, 255, .1);
  --framer-fresco-breakpointPlayButtonBackground-color: #999999;
  --framer-fresco-breakpointCreationButtonBackground-color: rgba(153, 153, 153, .15);
  --framer-fresco-breakpointCreationButtonBackgroundPrimary-color: rgba(0, 153, 255, .15);
  --framer-fresco-breakpointCreationButtonBackgroundPrimaryComponent-color: rgba(136, 85, 255, .15);
  --framer-fresco-breakpointCreationButtonIcon-color: #999999;
  --framer-fresco-breakpointCreationButtonBackgroundActive-color: #0099ff;
  --framer-fresco-breakpointCreationButtonIconActive-color: #ffffff;
  --framer-fresco-previewContainerTextColor-color: #222222;
  --framer-fresco-analyticsNumberText-color: #111111;
  --framer-fresco-analyticsBarFill-color: #f3f3f3;
  --framer-fresco-analyticsGridLine-color: #eeeeee;
  --framer-fresco-analyticsLastUpdatedText-color: #999999;
  --framer-fresco-analyticsText-color: #666666;
  --framer-fresco-analyticsTableIcon-color: #666666;
  --framer-fresco-analyticsTooltipCircleStroke-color: #ffffff;
  --framer-fresco-analyticsBackground-color: #ffffff;
  --framer-fresco-analyticsBackgroundTransparent-color: rgba(255, 255, 255, .75);
  --framer-fresco-analyticsBorderTransparent-color: rgba(0, 0, 0, .05);
  --framer-fresco-analyticsScreenshotBackground-color: #fafafa;
  --framer-fresco-analyticsScreenshotLogo-color: #e6e6e6;
  --framer-fresco-analyticsScreenshotBorder-color: rgba(0, 0, 0, .03);
  --framer-fresco-analyticsPrimary-color: #333333;
  --framer-fresco-analyticsSecondary-color: #666666;
  --framer-fresco-analyticsTertiary-color: #999999;
  --framer-fresco-analyticsNoDataText-color: rgba(153, 153, 153, .5);
  --framer-fresco-analyticsAccent-color: #eeeeee;
  --framer-fresco-analyticsIconAccent-color: rgba(153, 153, 153, .5);
  --framer-fresco-analyticsTint-color: #0099ff;
  --framer-fresco-analyticsTintBackground-color: rgba(0, 153, 255, .1);
  --framer-fresco-analyticsPopoutBackground-color: #ffffff;
  --framer-fresco-analyticsAbTestVariant1-color: #3A92FD;
  --framer-fresco-analyticsAbTestVariant1Dimmed-color: rgba(58, 146, 253, .07);
  --framer-fresco-analyticsAbTestVariant2-color: #9869FD;
  --framer-fresco-analyticsAbTestVariant2Dimmed-color: rgba(152, 105, 253, .07);
  --framer-fresco-analyticsAbTestVariant3-color: #2AD4D4;
  --framer-fresco-analyticsAbTestVariant3Dimmed-color: rgba(42, 212, 212, .07);
  --framer-fresco-analyticsAbTestVariant4-color: #FF8922;
  --framer-fresco-analyticsAbTestVariant4Dimmed-color: rgba(255, 137, 34, .07);
  --framer-fresco-analyticsAbTestVariant5-color: #FFBB00;
  --framer-fresco-analyticsAbTestVariant5Dimmed-color: rgba(255, 187, 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, .1);
  --framer-fresco-plansEnterpriseIconColor-color: #cccccc;
  --framer-fresco-freeSiteColor-color: #888888;
  --framer-fresco-freeSiteBackground-color: rgba(136, 136, 136, .1);
  --framer-fresco-freeSiteFocus-color: #777777;
  --framer-fresco-miniSiteColor-color: #00CCFF;
  --framer-fresco-miniSiteBackground-color: rgba(0, 204, 255, .1);
  --framer-fresco-miniSiteFocus-color: #00BBFF;
  --framer-fresco-basicSiteColor-color: #0099ff;
  --framer-fresco-basicSiteBackground-color: rgba(0, 153, 255, .1);
  --framer-fresco-basicSiteFocus-color: #0088ff;
  --framer-fresco-proSiteColor-color: #0066ff;
  --framer-fresco-proSiteBackground-color: rgba(0, 102, 255, .1);
  --framer-fresco-proSiteFocus-color: #0055ff;
  --framer-fresco-premiumSiteColor-color: #888888;
  --framer-fresco-premiumSiteSecondaryColor-color: #666666;
  --framer-fresco-premiumSiteThirdColor-color: #333333;
  --framer-fresco-premiumSiteBackground-color: rgba(136, 136, 136, .1);
  --framer-fresco-premiumSiteFocus-color: #888888;
  --framer-fresco-premiumSiteCta-color: #111111;
  --framer-fresco-teamAccountColor-color: #222222;
  --framer-fresco-teamAccountSecondaryColor-color: #555555;
  --framer-fresco-teamAccountThirdColor-color: #000000;
  --framer-fresco-teamAccountBackground-color: #F2F2F2;
  --framer-fresco-teamAccountFocus-color: #111111;
  --framer-fresco-teamAccountCta-color: #ffffff;
  --framer-fresco-scaleupSiteColor-color: #9966ff;
  --framer-fresco-scaleupSiteBackground-color: rgba(153, 102, 255, .15);
  --framer-fresco-startupSiteColor-color: #9966ff;
  --framer-fresco-startupSiteBackground-color: rgba(153, 102, 255, .15);
  --framer-fresco-enterpriseColor-color: #222222;
  --framer-fresco-enterpriseSecondaryColor-color: #555555;
  --framer-fresco-enterpriseThirdColor-color: #000000;
  --framer-fresco-enterpriseBackground-color: #f2f2f2;
  --framer-fresco-enterpriseFocus-color: #111111;
  --framer-fresco-enterpriseCta-color: #ffffff;
  --framer-fresco-enterpriseSiteColor-color: #888888;
  --framer-fresco-enterpriseSiteSecondaryColor-color: #888888;
  --framer-fresco-enterpriseSiteThirdColor-color: #888888;
  --framer-fresco-enterpriseSiteBackground-color: rgba(136, 136, 136, .1);
  --framer-fresco-enterpriseSiteFocus-color: #777777;
  --framer-fresco-enterpriseSiteCta-color: #ffffff;
  --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, .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, .02);
  --framer-fresco-planTypeToggleItemBussinessTextSelected-color: #9966ff;
  --framer-fresco-planTypeToggleItemBussinessTextSelectedHover-color: #8855ff;
  --framer-fresco-planCardPersonalButtonColor-color: rgba(0, 153, 255, .1);
  --framer-fresco-planCardPersonalButtonColorText-color: #0099ff;
  --framer-fresco-planCardBusinessCurrentPlanButtonColor-color: rgba(136, 85, 255, .2);
  --framer-fresco-planCardPersonalButtonBorderColor-color: rgba(0, 153, 255, .1);
  --framer-fresco-planCardBusinessButtonColor-color: #9966ff;
  --framer-fresco-planCardBusinessButtonBorderColor-color: rgba(136, 85, 255, .1);
  --framer-fresco-planCardBusinessButtonColorHover-color: #7733ff;
  --framer-fresco-planCardBusinessButtonColorText-color: #8855ff;
  --framer-fresco-planCardBusinessButtonColorShadow-color: rgba(136, 85, 255, .3);
  --framer-fresco-planCardBusinessButtonColorShadowHover-color: rgba(119, 51, 255, .3);
  --framer-fresco-planCardTextColor-color: #222222;
  --framer-fresco-planCardTextDescriptionColor-color: #999999;
  --framer-fresco-badgeCurrentPlanTypeBackgroundColor-color: rgba(0, 153, 255, .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, .5);
  --framer-fresco-cmsRichTextDropCursor-color: #0099ff;
  --framer-fresco-cmsRichTextBackground-color: #f3f3f3;
  --framer-fresco-cmsRichTextHeading-color: #222222;
  --framer-fresco-cmsRichTextModulePreviewBackground-color: rgba(153, 153, 153, .1);
  --framer-fresco-cmsRichTextParagraph-color: #555555;
  --framer-fresco-cmsCollectionItemBackdrop-color: rgba(0, 0, 0, .2);
  --framer-fresco-cmsCodeInTextBackground-color: rgba(51, 51, 51, .08);
  --framer-fresco-cmsOverlayRowTitle-color: #333333;
  --framer-fresco-cmsOverlayRowTitleReadOnly-color: #999999;
  --framer-fresco-cmsImageClearButtonBackground-color: rgba(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-localizationText-color: #555555;
  --framer-fresco-localizationPlaceholderText-color: #999999;
  --framer-fresco-localizationWarningTint-color: #FFAA01;
  --framer-fresco-localizationEnterpriseText-color: #ffffff;
  --framer-fresco-localizationEnterpriseTint-color: #333333;
  --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, .1);
  --framer-fresco-quickActionsIconBackgroundDefaultActive-color: #0099ff;
  --framer-fresco-quickActionsToggleOffIconBackground-color: #999999;
  --framer-fresco-quickActionsIconBackgroundBorder-color: rgba(0, 0, 0, .05);
  --framer-fresco-quickActionsIconBackgroundBorderActive-color: rgba(0, 0, 0, .1);
  --framer-fresco-quickActionsIconComponentTint-color: #8855ff;
  --framer-fresco-quickActionsIconComponentTintActive-color: #ffffff;
  --framer-fresco-quickActionsIconBackgroundComponentTint-color: rgba(136, 85, 255, .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-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, .6);
  --framer-fresco-fillIconBorderActive-color: #0099ff;
  --framer-fresco-fillIconSolidFill-color: rgba(153, 153, 153, .4);
  --framer-fresco-fillIconLinearFillInner-color: rgba(153, 153, 153, 0);
  --framer-fresco-fillIconLinearFillOuter-color: rgba(153, 153, 153, .8);
  --framer-fresco-fillIconRadialFillInner-color: rgba(153, 153, 153, 0);
  --framer-fresco-fillIconRadialFillOuter-color: rgba(153, 153, 153, .7);
  --framer-fresco-fillIconConicFillInner-color: #999999;
  --framer-fresco-fillIconConicFillOuter-color: #ffffff;
  --framer-fresco-fillIconImageFillInner-color: rgba(153, 153, 153, .4);
  --framer-fresco-fillIconImageFillOuter-color: #999999;
  --framer-fresco-fillIconSolidFillActive-color: rgba(0, 153, 255, .4);
  --framer-fresco-fillIconLinearFillInnerActive-color: rgba(153, 153, 153, 0);
  --framer-fresco-fillIconLinearFillActive-color: rgba(0, 153, 255, .8);
  --framer-fresco-fillIconRadialFillActive-color: rgba(0, 153, 255, .8);
  --framer-fresco-fillIconConicFillInnerActive-color: #0099ff;
  --framer-fresco-fillIconConicFillOuterActive-color: #ffffff;
  --framer-fresco-fillIconImageFillInnerActive-color: rgba(0, 153, 255, .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, .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, .15);
  --framer-fresco-editorBarSubtleBackground-color: rgba(17, 17, 17, .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, .15);
  --framer-fresco-editorBarSubtleIconSquareBackgroundHover-color: rgba(255, 255, 255, .2);
  --framer-fresco-editorBarSubtleItemFontColor-color: #777777;
  --framer-fresco-onPageToolbarBackground-color: #0099ff;
  --framer-fresco-onPageToolbarContent-color: #ffffff;
  --framer-fresco-onPageToolbarChipBackground-color: rgba(255, 255, 255, .25);
  --framer-fresco-layoutTemplateSlotBackground-color: rgba(136, 85, 255, .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-buttonSelected-shadow: 0px 2px 4px 0px rgba(0, 0, 0, .1), 0px 1px 0px 0px rgba(0, 0, 0, .05);
  --framer-fresco-canvasTooltip-shadow: 0px 10px 20px 0px rgba(0, 0, 0, .1);
  --framer-fresco-card-shadow: 0 5px 20px rgba(0, 0, 0, .15);
  --framer-fresco-cardActive-shadow: 0px 1px 3px 0px rgba(0, 153, 255, .1), 0px 0px 12px 0px rgba(0, 153, 255, .2);
  --framer-fresco-componentOutline-shadow: 0px 0px 0px 5px rgba(136, 85, 255, .1);
  --framer-fresco-componentOutlineSmall-shadow: 0px 0px 0px 5px rgba(136, 85, 255, .1);
  --framer-fresco-dashboardNewProjectCard-shadow: 0 2px 4px 0 rgba(0, 0, 0, .08), 0 1px 0 0 rgba(0, 0, 0, .05);
  --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, .1);
  --framer-fresco-insertImage-shadow: 0px 4px 8px 0px rgba(0, 0, 0, .1);
  --framer-fresco-insertMenuArtwork-shadow: inset 0 0 0 1px rgba(0, 0, 0, .075);
  --framer-fresco-modal-shadow: 0px 10px 30px 0px rgba(0, 0, 0, .15);
  --framer-fresco-popover-shadow: 0px 10px 30px 0px rgba(0, 0, 0, .1), 0px 1px 4px 0px rgba(0, 0, 0, .02);
  --framer-fresco-popoverDropShadow-shadow: drop-shadow(0px 1px 8px rgba(0, 0, 0, .08)) drop-shadow(0px 5px 20px rgba(0, 0, 0, .1));
  --framer-fresco-settingsCard-shadow: 0px 1px 1px 0px rgba(0, 0, 0, .1), 0px 2px 10px 0px rgba(0, 0, 0, .05);
  --framer-fresco-sideOverlay-shadow: 40px 0px 40px 40px rgba(0, 0, 0, .1);
  --framer-fresco-sideOverlayPeek-shadow: 10px 0px 10px 10px rgba(0, 0, 0, .1);
  --framer-fresco-segmentedControlItemSelected-shadow: 0px 0px 0px 1px rgba(0, 0, 0, .02), 0px 1px 0px 0px rgba(0, 0, 0, .05), 0px 2px 4px 0px rgba(0, 0, 0, .1);
  --framer-fresco-multiComboBoxToken-shadow: 0px 2px 4px 0px rgba(0, 0, 0, .15);
  --framer-fresco-sliderKnob-shadow: 0px 1px 3px 0px rgba(0, 0, 0, .2), 0px .5px 0px 0px rgba(0, 0, 0, .1);
  --framer-fresco-svgScreenIcon-shadow: drop-shadow(0 5px 10px rgba(0, 0, 0, .1));
  --framer-fresco-tintOutline-shadow: 0px 0px 0px 5px rgba(0, 153, 255, .1);
  --framer-fresco-tintOutlineSmall-shadow: 0px 0px 0px 2px rgba(0, 153, 255, .1);
  --framer-fresco-toggleTack-shadow: 0px 1px 1px 0px rgba(0, 0, 0, .1), 0px 2px 10px 0px rgba(0, 0, 0, .05);
  --framer-fresco-settingsImageClearButton-shadow: 0px 1px 3px 0px rgba(0, 0, 0, .2), 0px .5px 0px 0px rgba(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, .15);
  --framer-fresco-tintGradientStart-color: rgba(0, 153, 255, .4);
  --framer-fresco-tintGradientEnd-color: rgba(0, 153, 255, .8);
  --framer-fresco-componentTint-color: #9966ff;
  --framer-fresco-componentTintDark-color: #8844FF;
  --framer-fresco-componentTintExtraDark-color: #7733ff;
  --framer-fresco-componentTintDimmed-color: rgba(153, 102, 255, .15);
  --framer-fresco-componentTintGradientStart-color: rgba(153, 102, 255, .4);
  --framer-fresco-componentTintGradientEnd-color: rgba(153, 102, 255, .8);
  --framer-fresco-componentTintDimmedDrag-color: rgba(153, 102, 255, .3);
  --framer-fresco-componentTintDimmedActive-color: rgba(136, 85, 255, .4);
  --framer-fresco-componentTintLight-color: #C399FF;
  --framer-fresco-errorTint-color: #ff3366;
  --framer-fresco-errorTintDimmed-color: rgba(255, 51, 102, .2);
  --framer-fresco-warningTint-color: #FFBB00;
  --framer-fresco-warningTintDimmed-color: rgba(255, 187, 0, .2);
  --framer-fresco-warningText-color: #FF9900;
  --framer-fresco-graphicTint-color: #6666ff;
  --framer-fresco-graphicTintDark-color: #6644ff;
  --framer-fresco-graphicTintDimmed-color: rgba(102, 102, 255, .15);
  --framer-fresco-graphicTintGradientStart-color: rgba(102, 102, 255, .4);
  --framer-fresco-graphicTintGradientEnd-color: rgba(102, 102, 255, .8);
  --framer-fresco-beta-color: #6666ff;
  --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: #aaaaaa;
  --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, .15);
  --framer-fresco-assetsRowCodeFileBackgroundDragged-color: rgba(0, 153, 255, .3);
  --framer-fresco-assetsRowCodeFileBackgroundDraggedUnsaturated-color: rgba(40, 40, 40, .3);
  --framer-fresco-colorIconBorder-color: rgba(255, 255, 255, .1);
  --framer-fresco-canvasCreatePreviewBorder-color: #0099ff;
  --framer-fresco-canvasSelectionRectBackground-color: rgba(0, 153, 255, .1);
  --framer-fresco-canvasSelectionRectBorder-color: rgba(0, 153, 255, .5);
  --framer-fresco-canvasTooltipText-color: #ffffff;
  --framer-fresco-canvasTooltipBackground-color: #0099ff;
  --framer-fresco-canvasBarBackground-color: #333333;
  --framer-fresco-canvasBarBackgroundHighlighted-color: rgba(0, 153, 255, .3);
  --framer-fresco-canvasBarText-color: #ffffff;
  --framer-fresco-canvasOverlayTriggerOutline-color: rgba(0, 153, 255, .5);
  --framer-fresco-canvasOverlayTriggerBackground-color: rgba(0, 153, 255, .2);
  --framer-fresco-canvasComponentOverlayTriggerOutline-color: rgba(153, 102, 255, .4);
  --framer-fresco-canvasComponentOverlayTriggerBackground-color: rgba(153, 102, 255, .2);
  --framer-fresco-canvasRelativeOverlayBackdrop-color: rgba(0, 153, 255, .25);
  --framer-fresco-canvasRelativeOverlaySmartComponentBackdrop-color: rgba(153, 102, 255, .15);
  --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, .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-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-modalTutorialRowHover-color: rgba(0, 0, 0, .4);
  --framer-fresco-cmsImportModalImageBackgroundColor-color: rgba(0, 153, 255, .1);
  --framer-fresco-cmsImportModalTextColor-color: #999999;
  --framer-fresco-buttonBackground-color: #2B2B2B;
  --framer-fresco-buttonBackgroundHover-color: #282828;
  --framer-fresco-buttonBackgroundActive-color: #232323;
  --framer-fresco-buttonText-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, .15);
  --framer-fresco-buttonBackgroundDestructiveSecondaryHover-color: rgba(255, 51, 102, .1);
  --framer-fresco-buttonBackgroundDestructiveSecondaryActive-color: rgba(255, 51, 102, .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, .2);
  --framer-fresco-buttonWithDepthPrimaryBackground-color: #0099ff;
  --framer-fresco-buttonWithDepthPrimaryBackgroundHover-color: #1188ff;
  --framer-fresco-buttonWithDepthPrimaryShadow-color: 0px 2px 4px 0px rgba(0, 153, 255, .2);
  --framer-fresco-buttonWithDepthPrimaryShadowHover-color: 0px 2px 4px 0px rgba(13, 144, 255, .3);
  --framer-fresco-buttonWithDepthPrimaryComponentShadow-color: 0px 2px 4px 0px rgba(136, 85, 255, .3);
  --framer-fresco-buttonWithDepthPrimaryComponentShadowHover-color: 0px 2px 4px 0px rgba(119, 51, 255, .3);
  --framer-fresco-buttonWithDepthPrimaryGraphicShadow-color: 0px 2px 4px 0px rgba(102, 102, 255, .3);
  --framer-fresco-buttonWithDepthPrimaryGraphicShadowHover-color: 0px 2px 4px 0px rgba(102, 102, 255, .3);
  --framer-fresco-buttonWithDepthDestructiveBackground-color: #ff3366;
  --framer-fresco-buttonWithDepthDestructiveBackgroundHover-color: #e15;
  --framer-fresco-buttonWithDepthDestructiveShadow-color: 0 2px 4px 0 rgba(255, 51, 102, .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-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-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, .25);
  --framer-fresco-popoutButtonCursorBorder-color: rgba(255, 255, 255, .05);
  --framer-fresco-missingFontButtonText-color: #ffffff;
  --framer-fresco-missingFontButtonBackground-color: #FFAA00;
  --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-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, .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, .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, .05);
  --framer-fresco-swatchBorder-color: rgba(255, 255, 255, .15);
  --framer-fresco-swatchBorderPlaceholder-color: rgba(255, 255, 255, .05);
  --framer-fresco-swatchBackground-color: #3a3a3a;
  --framer-fresco-swatchBackgroundPlaceholderForFill-color: #ffffff;
  --framer-fresco-swatchBackgroundPlaceholderForBorder-color: #666666;
  --framer-fresco-swatchBackgroundPlaceholderForLink-color: #666666;
  --framer-fresco-swatchBackgroundPlaceholderForFile-color: #666666;
  --framer-fresco-swatchBackgroundPlaceholderForShadow-color: rgba(68, 68, 68, .5);
  --framer-fresco-swatchBackgroundForComputedValue-color: rgba(255, 255, 255, .3);
  --framer-fresco-swatchOverlappingBorder-color: rgba(17, 17, 17, .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, .05);
  --framer-fresco-toggleTackBorderDisabled-color: transparent;
  --framer-fresco-codeEditorBackground-color: #181818;
  --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-animationForground-color: #ffffff;
  --framer-fresco-animationForgroundDimmed-color: #4FAEFF;
  --framer-fresco-animationForgroundLight-color: #7FC3FF;
  --framer-fresco-animationBackgroundLight-color: rgba(255, 255, 255, .2);
  --framer-fresco-animationNavigationTargetFrame-color: #666666;
  --framer-fresco-animationNavigationTargetFrameSelected-color: rgba(0, 153, 255, .3);
  --framer-fresco-toolbarButtonBackground-color: #333333;
  --framer-fresco-toolbarButtonBackgroundActive-color: #ffffff;
  --framer-fresco-toolbarButtonBackgroundWarning-color: rgba(255, 187, 0, .2);
  --framer-fresco-toolbarButtonBackgroundWarningActive-color: rgba(255, 187, 0, .3);
  --framer-fresco-toolbarButtonBackgroundError-color: rgba(255, 51, 85, .2);
  --framer-fresco-toolbarButtonBackgroundErrorActive-color: rgba(255, 51, 85, .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, .15);
  --framer-fresco-toolbarPreviewCloseButtonSites-color: #ffffff;
  --framer-fresco-toolbarSettingsButtonTextSites-color: #ffffff;
  --framer-fresco-toolbarSettingsButtonTextSecondarySites-color: #999999;
  --framer-fresco-toolbarSettingsButtonBackgroundSites-color: #333333;
  --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, .05);
  --framer-fresco-breadcrumbOverlayPlayButton-color: #AD89FF;
  --framer-fresco-breadcrumbGraphicOverlayPlayButton-color: rgba(255, 255, 255, .3);
  --framer-fresco-educationButtonBackground-color: rgba(17, 17, 17, .05);
  --framer-fresco-educationButtonText-color: #999999;
  --framer-fresco-menuBackground-color: #2B2B2B;
  --framer-fresco-menuBackgroundActive-color: #0099ff;
  --framer-fresco-menuItemWithSubmenuBackgroundActive-color: #444444;
  --framer-fresco-menuText-color: #ffffff;
  --framer-fresco-menuDescription-color: #999999;
  --framer-fresco-menuDescriptionActive-color: rgba(255, 255, 255, .8);
  --framer-fresco-menuTextActive-color: #ffffff;
  --framer-fresco-menuSeparator-color: #363636;
  --framer-fresco-menuShadow-color: rgba(0, 0, 0, .3);
  --framer-fresco-menuBadgeBackground-color: rgba(136, 136, 136, .15);
  --framer-fresco-menuBadgeColor-color: #888888;
  --framer-fresco-menuBadgeBackgroundActive-color: rgba(255, 255, 255, .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, .3);
  --framer-fresco-layerItemTextDimmed-color: rgba(102, 102, 102, .8);
  --framer-fresco-layerItemTextInactive-color: rgba(119, 119, 119, .5);
  --framer-fresco-layerItemTextInactiveSelected-color: rgba(255, 255, 255, .5);
  --framer-fresco-layerItemIcon-color: #999999;
  --framer-fresco-layerItemIconDimmed-color: #6c758c;
  --framer-fresco-layerItemIconComponentDimmed-color: #74708c;
  --framer-fresco-layerItemIconGraphicDimmed-color: #74708c;
  --framer-fresco-layerItemIconInactive-color: rgba(102, 102, 102, .5);
  --framer-fresco-layerItemIconInactiveSelected-color: rgba(255, 255, 255, .5);
  --framer-fresco-layerItemPlaceholderText-color: #999999;
  --framer-fresco-layerItemComponentLabel-color: #555555;
  --framer-fresco-layerItemComponentLabelSelected-color: #ffffff;
  --framer-fresco-codePanelNoSearchResults-color: #666666;
  --framer-fresco-layoutPinBackground-color: #888888;
  --framer-fresco-canvasBackground-color: #1d1d1d;
  --framer-fresco-canvasComponentOverlayEditModeBackground-color: #2A1F41;
  --framer-fresco-canvasComponentGraphicOverlayEditModeBackground-color: #222241;
  --framer-fresco-canvasFrameTitle-color: #666666;
  --framer-fresco-canvasFrameOutline-color: rgba(119, 119, 119, .3);
  --framer-fresco-canvasFramePreview-color: rgba(119, 119, 119, .1);
  --framer-fresco-canvasFramePreviewOutline-color: rgba(119, 119, 119, .3);
  --framer-fresco-canvasConnectionLine-color: #555555;
  --framer-fresco-canvasArrowInactive-color: #444444;
  --framer-fresco-canvasSuggestionOutline-color: rgba(255, 255, 255, .05);
  --framer-fresco-canvasSuggestionBackground-color: rgba(255, 255, 255, .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, .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-rulerComponentGraphicOverlayEditModeBackground-color: #292955;
  --framer-fresco-rulerComponentGraphicOverlayEditModeBorderColor-color: rgba(102, 102, 255, .15);
  --framer-fresco-rulerComponentGraphicOverlayEditModeTextColor-color: #6666ff;
  --framer-fresco-rulerComponentGraphicOverlayEditModeTickColor-color: #6666ff;
  --framer-fresco-rulerComponentGraphicOverlayEditModeFadeOut-color: rgba(211, 211, 254, 0);
  --framer-fresco-guideColor-color: #00ADAD;
  --framer-fresco-guideHighlightColor-color: #0099ff;
  --framer-fresco-guideComponentHighlightColor-color: #9966ff;
  --framer-fresco-guideComponentGraphicOverlayEditModeHighlightColor-color: #6666FF;
  --framer-fresco-selectionBox-color: rgba(119, 119, 119, .1);
  --framer-fresco-selectionBoxOutline-color: rgba(119, 119, 119, .3);
  --framer-fresco-selectionBoxBackground-color: rgba(0, 153, 255, .3);
  --framer-fresco-selectionBoxComponentBackground-color: rgba(136, 85, 255, .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, .99);
  --framer-fresco-codeExportChipBackground-color: rgba(255, 215, 6, .16);
  --framer-fresco-codePreviewBackground-color: #222222;
  --framer-fresco-codePreviewBackgroundFadeOut-color: rgba(34, 34, 34, 0);
  --framer-fresco-fontFamilyGoogleIcon-color: #444444;
  --framer-fresco-fontFamilyGoogleIconHover-color: #999999;
  --framer-fresco-previewConsoleBackground-color: #222222;
  --framer-fresco-previewConsoleButtonText-color: #666666;
  --framer-fresco-previewConsoleDivider-color: #333333;
  --framer-fresco-previewConsoleCollapseIcon-color: #bbbbbb;
  --framer-fresco-previewSpinnerBackground-color: #ffffff;
  --framer-fresco-previewCloseIconBackground-color: rgba(255, 255, 255, .1);
  --framer-fresco-previewCloseIconBackgroundHover-color: rgba(255, 255, 255, .14);
  --framer-fresco-previewCloseIconColor-color: rgba(255, 255, 255, .21);
  --framer-fresco-previewEmptyDocumentText-color: #777777;
  --framer-fresco-previewDeviceColorDotInnerBorder-color: rgba(255, 255, 255, .1);
  --framer-fresco-previewResizeHandles-color: rgba(255, 255, 255, .1);
  --framer-fresco-previewResizeHandlesHover-color: rgba(255, 255, 255, .15);
  --framer-fresco-sharedPreviewStatusText-color: #999999;
  --framer-fresco-sharedPreviewBackground-color: #111111;
  --framer-fresco-sharedPreviewMobileQRBackground-color: #ffffff;
  --framer-fresco-sharedPreviewMobileQR-color: #000000;
  --framer-fresco-tooltipBackground-color: #444444;
  --framer-fresco-tooltipIcon-color: #666666;
  --framer-fresco-tooltipBackdrop-color: rgba(0, 0, 0, .1);
  --framer-fresco-tooltipInsert-color: #2B2B2B;
  --framer-fresco-badgeBackground-color: rgba(0, 153, 255, .15);
  --framer-fresco-warningBadgeBackground-color: rgba(255, 170, 0, .15);
  --framer-fresco-neutralBadgeBackground-color: rgba(204, 204, 204, .1);
  --framer-fresco-neutralBadgeColor-color: #cccccc;
  --framer-fresco-timeBadgeBackground-color: rgba(170, 170, 170, .15);
  --framer-fresco-betaBadgeBackground-color: rgba(102, 102, 255, .15);
  --framer-fresco-betaBadgeLightBackground-color: #ffffff;
  --framer-fresco-alphaBadgeBackground-color: rgba(255, 187, 0, .25);
  --framer-fresco-alphaBadgeText-color: #FFBB00;
  --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-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, .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-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, .4);
  --framer-fresco-dashboardContentBackground-color: #252525;
  --framer-fresco-nonFullWidthDashboardContentBackground-color: #252525;
  --framer-fresco-dashboardPlaceholderLogo-color: #444444;
  --framer-fresco-dashboardCustomThumbnailButton-color: rgba(255, 255, 255, .07);
  --framer-fresco-dashboardCustomThumbnailButtonHover-color: rgba(255, 255, 255, .05);
  --framer-fresco-dashboardCustomThumbnailButtonActive-color: rgba(255, 255, 255, .03);
  --framer-fresco-dashboardSearchWorkspaceTitle-color: #ffffff;
  --framer-fresco-dashboardSearchWorkspaceTag-color: #888888;
  --framer-fresco-dashboardSidebarBackground-color: #111111;
  --framer-fresco-dashboardSidebarTitle-color: #ffffff;
  --framer-fresco-dashboardSidebarText-color: #888888;
  --framer-fresco-dashboardSidebarTextDimmed-color: #555555;
  --framer-fresco-dashboardSidebarTextHover-color: #aaaaaa;
  --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-dashboardTopBarBackground-color: #111111;
  --framer-fresco-dashboardTopBarBorder-color: #252525;
  --framer-fresco-badgeFreeWorkspaceBackground-color: rgba(136, 136, 136, .15);
  --framer-fresco-badgeFreeWorkspaceText-color: #888888;
  --framer-fresco-badgeLiteWorkspaceBackground-color: rgba(136, 136, 136, .15);
  --framer-fresco-badgeLiteWorkspaceText-color: #888888;
  --framer-fresco-badgeBasicWorkspaceBackground-color: rgba(0, 153, 255, .15);
  --framer-fresco-badgeBasicWorkspaceText-color: #0099ff;
  --framer-fresco-badgeEnterpriseWorkspaceBackground-color: rgba(136, 136, 136, .15);
  --framer-fresco-badgeEnterpriseWorkspaceText-color: #888888;
  --framer-fresco-badgeLegacyWorkspaceBackground-color: rgba(136, 136, 136, .15);
  --framer-fresco-badgeLegacyWorkspaceText-color: #888888;
  --framer-fresco-badgeBusinessWorkspaceBackground-color: rgba(153, 102, 255, .15);
  --framer-fresco-badgeBusinessWorkspaceText-color: #9966ff;
  --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-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-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-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-deprecatedInsertPanelPrimaryIcon-color: #ffffff;
  --framer-fresco-deprecatedInsertPanelPrimaryIconShadow-color: rgba(68, 68, 68, .2);
  --framer-fresco-deprecatedInsertPanelSecondaryIcon-color: #333333;
  --framer-fresco-deprecatedInsertPanelSecondaryIconShadow-color: rgba(0, 0, 0, .1);
  --framer-fresco-deprecatedInsertPanelBasicsIcon-color: #ffffff;
  --framer-fresco-deprecatedInsertPanelCMSIcon-color: #222222;
  --framer-fresco-deprecatedInsertPanelCreativeIcon-color: #222222;
  --framer-fresco-deprecatedInsertPanelPinkIcon-color: #ff4488;
  --framer-fresco-deprecatedInsertPanelPinkIconShadow-color: rgba(255, 68, 136, .2);
  --framer-fresco-deprecatedInsertPanelOrangeIcon-color: #ff8822;
  --framer-fresco-deprecatedInsertPanelOrangeIconShadow-color: rgba(255, 136, 34, .2);
  --framer-fresco-deprecatedInsertPanelYellowIcon-color: #ffbb00;
  --framer-fresco-deprecatedInsertPanelYellowIconShadow-color: rgba(255, 187, 0, .2);
  --framer-fresco-deprecatedInsertPanelTurquoiseIcon-color: #44dddd;
  --framer-fresco-deprecatedInsertPanelTurquoiseIconShadow-color: rgba(68, 221, 221, .2);
  --framer-fresco-deprecatedInsertPanelCyanIcon-color: #3ACCFF;
  --framer-fresco-deprecatedInsertPanelCyanIconShadow-color: rgba(58, 204, 255, .2);
  --framer-fresco-deprecatedInsertPanelTintBlueIcon-color: #38AAFF;
  --framer-fresco-deprecatedInsertPanelTintBlueIconShadow-color: rgba(56, 170, 255, .2);
  --framer-fresco-deprecatedInsertPanelCobaltIcon-color: #3666FF;
  --framer-fresco-deprecatedInsertPanelCobaltIconShadow-color: rgba(54, 102, 255, .2);
  --framer-fresco-deprecatedInsertPanelRedIcon-color: #ff4444;
  --framer-fresco-deprecatedInsertPanelRedIconShadow-color: rgba(255, 68, 68, .2);
  --framer-fresco-insertPanelEmptyStateIconBackground-color: #2B2B2B;
  --framer-fresco-insertPanelEmptyStateIconForeground-color: #bbbbbb;
  --framer-fresco-insertPanelDocumentationLink-color: #ffffff;
  --framer-fresco-insertPanelCategoryGradientBackground-color: linear-gradient(90deg, rgba(0, 153, 255, .15) 0%, rgba(136, 85, 255, .15) 100%);
  --framer-fresco-insertPanelGridItem-color: #222222;
  --framer-fresco-framerAIAssistantAvatarBackground-color: #ffffff;
  --framer-fresco-framerAIAssistantAvatarForeground-color: #000000;
  --framer-fresco-framerAIAssistantName-color: #ffffff;
  --framer-fresco-framerAIAssistantVideoLink-color: #ffffff;
  --framer-fresco-framerAIAssistantVideoLinkUnderline-color: rgba(255, 255, 255, .1);
  --framer-fresco-framerAIAssistantMessageSelection-color: rgba(255, 255, 255, .15);
  --framer-fresco-framerAISendMessageButtonBackground-color: #555555;
  --framer-fresco-framerAISendMessageButtonBackgroundDisabled-color: #444444;
  --framer-fresco-framerAISendMessageButtonForeground-color: #ffffff;
  --framer-fresco-framerAISendMessageButtonForegroundDisabled-color: #999999;
  --framer-fresco-framerAISuggestionIcon-color: #999999;
  --framer-fresco-framerAISuggestionIconHover-color: #ffffff;
  --framer-fresco-framerAISuggestionButtonBackground-color: #111111;
  --framer-fresco-framerAISuggestionButtonForeground-color: #999999;
  --framer-fresco-framerAISuggestionButtonForegroundHover-color: #ffffff;
  --framer-fresco-framerAISuggestionButtonBorder-color: rgba(255, 255, 255, .05);
  --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, .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: #2B2B2B;
  --framer-fresco-loaderSecondary-color: #333333;
  --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, .2);
  --framer-fresco-aiHighlightBorder-color: #0099ff;
  --framer-fresco-aiHighlightPulseOn-color: rgba(0, 153, 255, .6);
  --framer-fresco-aiHighlightPulseOff-color: rgba(0, 153, 255, 0);
  --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-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, .05);
  --framer-fresco-stackItemHighlight-color: rgba(0, 153, 255, .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, .2);
  --framer-fresco-miniPageLimitsTooltipButtonHover-color: rgba(255, 255, 255, .3);
  --framer-fresco-miniPageLimitsTooltipButtonActive-color: rgba(255, 255, 255, .1);
  --framer-fresco-aiDomainPopoverTitle-color: #eeeeee;
  --framer-fresco-aiDomainPopoverBodyText-color: #999999;
  --framer-fresco-openTypePopoutGradientColor-color: linear-gradient(to bottom, rgba(17, 17, 17, 0) 0%, rgba(17, 17, 17, .1) 20%, rgba(17, 17, 17, .3) 40%, rgba(17, 17, 17, .5) 60%, rgba(17, 17, 17, .7) 80%, rgba(17, 17, 17, .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, .05);
  --framer-fresco-settingsContainerTitle-color: #ffffff;
  --framer-fresco-settingsGridBorder-color: #3a3a3a;
  --framer-fresco-settingsGridTitle-color: #aaaaaa;
  --framer-fresco-settingsGridContent-color: #ffffff;
  --framer-fresco-settingsGridDescription-color: #999999;
  --framer-fresco-settingsPlaceholder-color: #666666;
  --framer-fresco-settingsImageBackground-color: #2B2B2B;
  --framer-fresco-settingsImagePreviewBorder-color: rgba(255, 255, 255, .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-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, .1);
  --framer-fresco-breakpointTitleBackgroundPrimary-color: rgba(0, 153, 255, .1);
  --framer-fresco-breakpointTitleBackgroundPrimaryComponent-color: rgba(153, 102, 255, .1);
  --framer-fresco-breakpointPlayButtonBackground-color: #666666;
  --framer-fresco-breakpointCreationButtonBackground-color: #444444;
  --framer-fresco-breakpointCreationButtonBackgroundPrimary-color: rgba(0, 153, 255, .15);
  --framer-fresco-breakpointCreationButtonBackgroundPrimaryComponent-color: rgba(153, 102, 255, .15);
  --framer-fresco-breakpointCreationButtonIcon-color: #999999;
  --framer-fresco-breakpointCreationButtonBackgroundActive-color: #0099ff;
  --framer-fresco-breakpointCreationButtonIconActive-color: #ffffff;
  --framer-fresco-analyticsNumberText-color: #ffffff;
  --framer-fresco-analyticsBarFill-color: #2B2B2B;
  --framer-fresco-analyticsGridLine-color: #252525;
  --framer-fresco-analyticsLastUpdatedText-color: #666666;
  --framer-fresco-analyticsText-color: #aaaaaa;
  --framer-fresco-analyticsTableIcon-color: #cccccc;
  --framer-fresco-analyticsTooltipCircleStroke-color: #111111;
  --framer-fresco-analyticsBackground-color: #111111;
  --framer-fresco-analyticsBackgroundTransparent-color: rgba(17, 17, 17, .75);
  --framer-fresco-analyticsBorderTransparent-color: rgba(255, 255, 255, .05);
  --framer-fresco-analyticsScreenshotBackground-color: #1f1f1f;
  --framer-fresco-analyticsScreenshotLogo-color: #404040;
  --framer-fresco-analyticsScreenshotBorder-color: rgba(255, 255, 255, .08);
  --framer-fresco-analyticsPrimary-color: #ffffff;
  --framer-fresco-analyticsSecondary-color: #cccccc;
  --framer-fresco-analyticsTertiary-color: #999999;
  --framer-fresco-analyticsNoDataText-color: rgba(153, 153, 153, .5);
  --framer-fresco-analyticsAccent-color: #252525;
  --framer-fresco-analyticsIconAccent-color: rgba(153, 153, 153, .5);
  --framer-fresco-analyticsTint-color: #0099ff;
  --framer-fresco-analyticsTintBackground-color: rgba(0, 153, 255, .1);
  --framer-fresco-analyticsPopoutBackground-color: #161616;
  --framer-fresco-analyticsAbTestVariant1-color: #3A92FD;
  --framer-fresco-analyticsAbTestVariant1Dimmed-color: rgba(58, 146, 253, .2);
  --framer-fresco-analyticsAbTestVariant2-color: #9869FD;
  --framer-fresco-analyticsAbTestVariant2Dimmed-color: rgba(152, 105, 253, .2);
  --framer-fresco-analyticsAbTestVariant3-color: #2AD4D4;
  --framer-fresco-analyticsAbTestVariant3Dimmed-color: rgba(42, 212, 212, .2);
  --framer-fresco-analyticsAbTestVariant4-color: #FF8922;
  --framer-fresco-analyticsAbTestVariant4Dimmed-color: rgba(255, 137, 34, .2);
  --framer-fresco-analyticsAbTestVariant5-color: #FFBB00;
  --framer-fresco-analyticsAbTestVariant5Dimmed-color: rgba(255, 187, 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, .1);
  --framer-fresco-plansEnterpriseIconColor-color: #cccccc;
  --framer-fresco-freeSiteColor-color: #888888;
  --framer-fresco-freeSiteBackground-color: rgba(136, 136, 136, .1);
  --framer-fresco-freeSiteFocus-color: #777777;
  --framer-fresco-miniSiteColor-color: #00CCFF;
  --framer-fresco-miniSiteBackground-color: rgba(0, 204, 255, .1);
  --framer-fresco-miniSiteFocus-color: #00BBFF;
  --framer-fresco-basicSiteColor-color: #0099ff;
  --framer-fresco-basicSiteBackground-color: rgba(0, 153, 255, .1);
  --framer-fresco-basicSiteFocus-color: #0088ff;
  --framer-fresco-proSiteColor-color: #0066ff;
  --framer-fresco-proSiteBackground-color: rgba(0, 102, 255, .1);
  --framer-fresco-proSiteFocus-color: #0055ff;
  --framer-fresco-premiumSiteColor-color: #888888;
  --framer-fresco-premiumSiteSecondaryColor-color: #666666;
  --framer-fresco-premiumSiteThirdColor-color: #333333;
  --framer-fresco-premiumSiteBackground-color: rgba(136, 136, 136, .1);
  --framer-fresco-premiumSiteFocus-color: #888888;
  --framer-fresco-premiumSiteCta-color: #111111;
  --framer-fresco-teamAccountColor-color: #eeeeee;
  --framer-fresco-teamAccountSecondaryColor-color: #999999;
  --framer-fresco-teamAccountThirdColor-color: #333333;
  --framer-fresco-teamAccountBackground-color: rgba(255, 255, 255, .1);
  --framer-fresco-teamAccountFocus-color: #dddddd;
  --framer-fresco-teamAccountCta-color: #111111;
  --framer-fresco-scaleupSiteColor-color: #9966ff;
  --framer-fresco-scaleupSiteBackground-color: rgba(153, 102, 255, .15);
  --framer-fresco-startupSiteColor-color: #9966ff;
  --framer-fresco-startupSiteBackground-color: rgba(153, 102, 255, .15);
  --framer-fresco-enterpriseColor-color: #eeeeee;
  --framer-fresco-enterpriseSecondaryColor-color: #999999;
  --framer-fresco-enterpriseThirdColor-color: #333333;
  --framer-fresco-enterpriseBackground-color: rgba(255, 255, 255, .1);
  --framer-fresco-enterpriseFocus-color: #dddddd;
  --framer-fresco-enterpriseCta-color: #111111;
  --framer-fresco-enterpriseSiteColor-color: #888888;
  --framer-fresco-enterpriseSiteSecondaryColor-color: #888888;
  --framer-fresco-enterpriseSiteThirdColor-color: #888888;
  --framer-fresco-enterpriseSiteBackground-color: rgba(136, 136, 136, .1);
  --framer-fresco-enterpriseSiteFocus-color: #777777;
  --framer-fresco-enterpriseSiteCta-color: #ffffff;
  --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, .3);
  --framer-fresco-planTypeToggleItemBussinessTextSelected-color: #ffffff;
  --framer-fresco-planCardPersonalBackgroundGradientEndColor-color: #111111;
  --framer-fresco-planCardBorderColor-color: rgba(255, 255, 255, .05);
  --framer-fresco-planTypeToggleItemBussinessTextSelectedHover-color: #ffffff;
  --framer-fresco-planCardPersonalButtonColor-color: rgba(0, 85, 255, .2);
  --framer-fresco-planCardPersonalButtonBorderColor-color: rgba(0, 85, 255, .05);
  --framer-fresco-planCardPersonalButtonColorText-color: #0099ff;
  --framer-fresco-planCardBusinessButtonColor-color: #9966ff;
  --framer-fresco-planCardBusinessCurrentPlanButtonColor-color: rgba(136, 85, 255, .1);
  --framer-fresco-planCardBusinessButtonBorderColor-color: rgba(136, 85, 255, .1);
  --framer-fresco-planCardBusinessButtonColorHover-color: #7733ff;
  --framer-fresco-planCardBusinessButtonColorShadow-color: rgba(136, 85, 255, .3);
  --framer-fresco-planCardBusinessButtonColorShadowHover-color: rgba(119, 51, 255, .3);
  --framer-fresco-planCardBusinessButtonColorText-color: #8855ff;
  --framer-fresco-planCardTextColor-color: #ffffff;
  --framer-fresco-planCardTextDescriptionColor-color: #999999;
  --framer-fresco-badgeCurrentPlanTypeBackgroundColor-color: rgba(0, 153, 255, .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, .08);
  --framer-fresco-cmsRichTextToolbarGroupBackground-color: rgba(255, 255, 255, .08);
  --framer-fresco-cmsRichTextToolbarGroupBackgroundDisabled-color: rgba(255, 255, 255, .08);
  --framer-fresco-cmsRichTextDropCursor-color: #0099ff;
  --framer-fresco-cmsRichTextBackground-color: rgba(255, 255, 255, .08);
  --framer-fresco-cmsRichTextHeading-color: #ffffff;
  --framer-fresco-cmsRichTextModulePreviewBackground-color: #444444;
  --framer-fresco-cmsRichTextParagraph-color: #cccccc;
  --framer-fresco-cmsCollectionItemBackdrop-color: rgba(0, 0, 0, .4);
  --framer-fresco-cmsCodeInTextBackground-color: rgba(238, 238, 238, .08);
  --framer-fresco-cmsOverlayRowTitle-color: #ffffff;
  --framer-fresco-cmsOverlayRowTitleReadOnly-color: #666666;
  --framer-fresco-cmsImageClearButtonBackground-color: rgba(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-localizationText-color: #999999;
  --framer-fresco-localizationPlaceholderText-color: #666666;
  --framer-fresco-localizationWarningTint-color: #FFAA01;
  --framer-fresco-localizationEnterpriseText-color: #333333;
  --framer-fresco-localizationEnterpriseTint-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, .15);
  --framer-fresco-quickActionsIconBackgroundDefaultActive-color: #0099ff;
  --framer-fresco-quickActionsToggleOffIconBackground-color: #555555;
  --framer-fresco-quickActionsIconBackgroundBorder-color: rgba(255, 255, 255, .05);
  --framer-fresco-quickActionsIconBackgroundBorderActive-color: rgba(255, 255, 255, .1);
  --framer-fresco-quickActionsIconComponentTint-color: #9966ff;
  --framer-fresco-quickActionsIconComponentTintActive-color: #ffffff;
  --framer-fresco-quickActionsIconBackgroundComponentTint-color: rgba(153, 102, 255, .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-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, .6);
  --framer-fresco-fillIconBorderActive-color: #ffffff;
  --framer-fresco-fillIconSolidFill-color: rgba(153, 153, 153, .4);
  --framer-fresco-fillIconLinearFillInner-color: rgba(153, 153, 153, .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, .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, .4);
  --framer-fresco-fillIconSolidFillActive-color: rgba(255, 255, 255, .4);
  --framer-fresco-fillIconLinearFillInnerActive-color: #ffffff;
  --framer-fresco-fillIconLinearFillActive-color: rgba(255, 255, 255, 0);
  --framer-fresco-fillIconRadialFillActive-color: rgba(255, 255, 255, .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, .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, .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, .15);
  --framer-fresco-editorBarSubtleBackground-color: rgba(17, 17, 17, .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, .15);
  --framer-fresco-editorBarSubtleIconSquareBackgroundHover-color: rgba(255, 255, 255, .2);
  --framer-fresco-editorBarSubtleItemFontColor-color: #777777;
  --framer-fresco-onPageToolbarBackground-color: #0099ff;
  --framer-fresco-onPageToolbarContent-color: #ffffff;
  --framer-fresco-onPageToolbarChipBackground-color: rgba(255, 255, 255, .25);
  --framer-fresco-layoutTemplateSlotBackground-color: rgba(153, 102, 255, .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-buttonSelected-shadow: 0px 2px 4px 0px rgba(0, 0, 0, .3), 0px 1px 0px 0px rgba(0, 0, 0, .05);
  --framer-fresco-canvasTooltip-shadow: 0px 10px 20px 0px rgba(0, 0, 0, .1);
  --framer-fresco-card-shadow: 0 5px 20px rgba(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, .4);
  --framer-fresco-componentOutlineSmall-shadow: 0px 0px 0px 5px rgba(136, 85, 255, .4);
  --framer-fresco-dashboardNewProjectCard-shadow: 0 2px 4px 0 rgba(0, 0, 0, .08), 0 1px 0 0 rgba(0, 0, 0, .05);
  --framer-fresco-gradientSliderKnobSelected-shadow: inset 0 0 0 3px white, inset 0 0 0 4px rgba(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, .1);
  --framer-fresco-insertImage-shadow: 0px 4px 8px 0px rgba(0, 0, 0, .2);
  --framer-fresco-insertMenuArtwork-shadow: inset 0 0 0 1px rgba(255, 255, 255, .075);
  --framer-fresco-modal-shadow: 0px 10px 30px 0px rgba(0, 0, 0, .15);
  --framer-fresco-popover-shadow: 0px 10px 30px 0px rgba(0, 0, 0, .1), 0px 1px 4px 0px rgba(0, 0, 0, .02);
  --framer-fresco-popoverDropShadow-shadow: drop-shadow(0px 2px 4px rgba(0, 0, 0, .08)) drop-shadow(0px 2px 10px rgba(0, 0, 0, .2));
  --framer-fresco-settingsCard-shadow: 0px 1px 1px 0px rgba(0, 0, 0, .1), 0px 2px 10px 0px rgba(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, .2), inset 1px 0 0 0 #222222;
  --framer-fresco-segmentedControlItemSelected-shadow: 0px 2px 4px 0px rgba(0, 0, 0, .2);
  --framer-fresco-multiComboBoxToken-shadow: 0px 2px 4px 0px rgba(0, 0, 0, .15);
  --framer-fresco-sliderKnob-shadow: 0 1px 0 1px rgba(0, 0, 0, .2), 0 0 0 1px rgba(0, 0, 0, .2);
  --framer-fresco-svgScreenIcon-shadow: drop-shadow(0 5px 10px rgba(0, 0, 0, .3));
  --framer-fresco-tintOutline-shadow: 0px 0px 0px 5px rgba(0, 153, 255, .4);
  --framer-fresco-tintOutlineSmall-shadow: 0px 0px 0px 2px rgba(0, 153, 255, .4);
  --framer-fresco-toggleTack-shadow: 0px 1px 1px 0px rgba(0, 0, 0, .1), 0px 2px 10px 0px rgba(0, 0, 0, .05);
  --framer-fresco-settingsImageClearButton-shadow: 0px 1px 3px 0px rgba(0, 0, 0, .2), 0px .5px 0px 0px rgba(0, 0, 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, .3);
  --framer-fresco-planTypeToggleItemBussinessTextSelected-color: #ffffff;
  --framer-fresco-planCardPersonalBackgroundGradientEndColor-color: #111111;
  --framer-fresco-planCardBorderColor-color: rgba(255, 255, 255, .05);
  --framer-fresco-planTypeToggleItemBussinessTextSelectedHover-color: #ffffff;
  --framer-fresco-planCardPersonalButtonColor-color: rgba(0, 85, 255, .2);
  --framer-fresco-planCardPersonalButtonBorderColor-color: rgba(0, 85, 255, .05);
  --framer-fresco-planCardPersonalButtonColorText-color: #0099ff;
  --framer-fresco-planCardBusinessButtonColor-color: #9966ff;
  --framer-fresco-planCardBusinessCurrentPlanButtonColor-color: rgba(136, 85, 255, .1);
  --framer-fresco-planCardBusinessButtonBorderColor-color: rgba(136, 85, 255, .1);
  --framer-fresco-planCardBusinessButtonColorHover-color: #7733ff;
  --framer-fresco-planCardBusinessButtonColorShadow-color: rgba(136, 85, 255, .3);
  --framer-fresco-planCardBusinessButtonColorShadowHover-color: rgba(119, 51, 255, .3);
  --framer-fresco-planCardBusinessButtonColorText-color: #8855ff;
  --framer-fresco-planCardTextColor-color: #ffffff;
  --framer-fresco-planCardTextDescriptionColor-color: #999999;
  --framer-fresco-planCardBorder-color: rgba(255, 255, 255, .05);
  --framer-fresco-planCardBillingToggleActiveBackground-color: rgba(0, 153, 255, .3);
  --framer-fresco-planCardBackgroundGradientStop1-color: #1A1A1A;
  --framer-fresco-planCardBackgroundGradientStop2-color: rgb(17, 17, 17);
  --framer-fresco-planCardHighlightedBorder-color: rgba(0, 153, 255, .07);
  --framer-fresco-planCardHighlightedBackgroundGradientStop1-color: rgba(0, 102, 255, .4);
  --framer-fresco-planCardHighlightedBackgroundGradientStop2-color: rgba(0, 22, 66, .3);
  --framer-fresco-planCardHighlightedBackgroundGradientStop3-color: rgba(17, 17, 17, 0);
  --framer-fresco-badgeCurrentPlanTypeBackgroundColor-color: rgba(0, 153, 255, .25);
}

/* Extend CSS of framer.css */
button {
  width: initial;
}

button.full {
  width: 100%;
}

.title {
  min-width: 0;
  font-size: var(--framer-fresco-base-font-size, 12px);
  font-weight: var(--framer-fresco-heading-font-weight, 600);
}

.truncateWithEllipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.divider {
  height: 1px;
  background: var(--framer-fresco-panelDivider-color, #eeeeee);
}

.iconWrapper {
  width: 12px;
  height: 12px;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  margin-right: 8px;
  color: var(--framer-fresco-layerItemIcon-color, #999999);
}

a[like=button] {
  cursor: pointer;
  background-color: var(--framer-fresco-toolbarSettingsButtonBackgroundSites-color, #f3f3f3);
  color: var(--framer-fresco-toolbarSettingsButtonTextSites-color, #333333);
  height: 30px;
  padding: 0;
  display: flex;
  -webkit-flex: 0 0 auto;
  min-width: 30px;
  flex: 0 0 auto;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: 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);
  position: relative;
  border: none;
  margin: 0;
  -webkit-appearance: none;
  outline: none;
  -webkit-text-decoration: none;
  text-decoration: none;
  user-select: none;
}

input[type="range"] {
  width: calc(100% + 20px);
  left: -10px;
  box-shadow: none;
}

input[type="range"] {
  color: #ef233c;
  --thumb-height: 11px;
  --track-height: 1px;
  --track-color: rgba(0, 0, 0, 0.2);
  --brightness-hover: 100%;
  --brightness-down: 100%;
  --clip-edges: 0.125em;
}

input[type="range"].win10-thumb {
  color: #2b2d42;

  --thumb-height: 3px;
  --thumb-width: 3px;
  --clip-edges: 0.0125em;
}

@media (prefers-color-scheme: dark) {
  html {
    background-color: #000;
  }

  html::before {
    background: radial-gradient(circle at center, #101112, #000);
  }

  input[type="range"] {
    color: var(--framer-fresco-buttonWithDepthPrimaryBackground-color, #0099ff);
    --track-color: var(--framer-fresco-variableRowDividerSelected-color, #444444)
  }

  input[type="range"].win10-thumb {
    color: #3a86ff;
  }
}

/* === range commons === */
input[type="range"] {
  position: relative;
  background: #fff0;
  overflow: hidden;
}

input[type="range"]:active {
  outline: none;
  border: none;
}

input[type="range"]:disabled {
  filter: grayscale(1);
  opacity: 0.3;
  cursor: not-allowed;
}

/* === WebKit specific styles === */
input[type="range"],
input[type="range"]::-webkit-slider-runnable-track,
input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
  transition: all ease 100ms;
  height: var(--thumb-height);
}

input[type="range"]::-webkit-slider-runnable-track,
input[type="range"]::-webkit-slider-thumb {
  position: relative;
}

input[type="range"]::-webkit-slider-thumb {
  --thumb-radius: calc((var(--thumb-height) * 0.5) - 1px);
  --clip-top: calc((var(--thumb-height) - var(--track-height)) * 0.5 - 0.5px);
  --clip-bottom: calc(var(--thumb-height) - var(--clip-top));
  --clip-further: calc(90% + 1px);

  --box-fill: calc(-100vmax - var(--thumb-width, var(--thumb-height))) 0 0 100vmax currentColor;

  width: var(--thumb-width, var(--thumb-height));
  background: linear-gradient(currentColor 0 0) scroll no-repeat left center / 50% calc(var(--track-height) + 1px - 5px);
  background-color: currentColor;
  box-shadow: var(--box-fill);
  border-radius: var(--thumb-width, var(--thumb-height));
  border: 1px solid rgba(0, 0, 0, .2);

  filter: brightness(100%);
  clip-path: polygon(100% -1px,
      var(--clip-edges) -1px,
      0 var(--clip-top),
      -100vmax var(--clip-top),
      -100vmax var(--clip-bottom),
      0 var(--clip-bottom),
      var(--clip-edges) 100%,
      var(--clip-further) var(--clip-further));
}

input[type="range"]:hover::-webkit-slider-thumb {
  filter: brightness(var(--brightness-hover));
}

input[type="range"]:active::-webkit-slider-thumb {
  filter: brightness(var(--brightness-down));
}

input[type="range"]::-webkit-slider-runnable-track {
  background: linear-gradient(var(--track-color) 0 0) scroll no-repeat center / 100% calc(var(--track-height) + 1px);
}

input[type="range"]:disabled::-webkit-slider-thumb {
  cursor: not-allowed;
}

/* === Firefox specific styles === */
input[type="range"],
input[type="range"]::-moz-range-track,
input[type="range"]::-moz-range-thumb {
  appearance: none;
  transition: all ease 100ms;
  height: var(--thumb-height);
}

input[type="range"]::-moz-range-track,
input[type="range"]::-moz-range-thumb,
input[type="range"]::-moz-range-progress {
  background: #fff0;
}

input[type="range"]::-moz-range-thumb {
  background: currentColor;
  border: 0;
  width: var(--thumb-width, var(--thumb-height));
  border-radius: var(--thumb-width, var(--thumb-height));
}

input[type="range"]:active::-moz-range-thumb {}

input[type="range"]::-moz-range-track {
  width: 100%;
  background: var(--track-color);
}

input[type="range"]::-moz-range-progress {
  appearance: none;
  background: currentColor;
  transition-delay: 30ms;
}

input[type="range"]::-moz-range-track,
input[type="range"]::-moz-range-progress {
  height: calc(var(--track-height) + 1px);
  border-radius: var(--track-height);
}

input[type="range"]::-moz-range-thumb,
input[type="range"]::-moz-range-progress {
  filter: brightness(100%);
}

input[type="range"]:hover::-moz-range-thumb,
input[type="range"]:hover::-moz-range-progress {
  filter: brightness(var(--brightness-hover));
}

input[type="range"]:active::-moz-range-thumb,
input[type="range"]:active::-moz-range-progress {
  filter: brightness(var(--brightness-down));
}

input[type="range"]:disabled::-moz-range-thumb {
  cursor: not-allowed;
}

input[type="range"]::-webkit-slider-thumb {
  background-color: white;
}

input[type="range"]::-moz-range-thumb {
  background-color: white;
}

slider {
  display: flex;
  overflow: hidden;
  width: 100%;
}



/* Spin Buttons modified */
input[type="number"]:focus::-webkit-outer-spin-button,
input[type="number"]:focus::-webkit-inner-spin-button {
  -webkit-appearance: none;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAABlCAYAAABa1VOgAAAACXBIWXMAABYlAAAWJQFJUiTwAAADeElEQVRoge3aPUgbYRzH8d+dd4GEM1kSvKI2Qz0SJCmYxcUOBYmEijSDEAQpSME0Q5YuXdqhXbq4dOngVBwcohDfBisYB5eCnHjJUIQSVGIX3447ghBjujRtNLnkLrlzev5LyN3lPjm+POEgR1UqFRid0dFRd39//4tSqSSrqnqcTqdFo+dgDKsAQqHQe6/Xm2RZFqqqitPT058XFhZSRs5BG0UTicTb3t7eMMuyAACO40JDQ0PvJicnn1sGx+PxpM/ne2232/212zmOCwWDwWQkEnliOhyLxcIDAwNT99Hq8Dz/MhAIJE2Fn42MsIODg2+cTudws+MEQZiamZl5ZRocfPo06XK5Xuo41B0IBJJ6ereEZ2dnq131fEfdvZvCsVgsLAiCZlet0dO7Kaynq9a06q0JJxKJty6Xy9CV3pumvRvCWuvV6DTrXQe3Wq9GR6t3HdxJV61p1PsObEJXranr/Q+uWa9WwHW9aaD99Wp0anvTgDVdtUYQhKloNDpMj4+P+202m+sh0L/j9ng8IXp9ff2nLMu/yuXyg8k3NzdFBgDy+XyKYRhHT0/PlM1mswy8vr7G+fl5Kp/Pp6nqzV4kEnnS19cXttvtboqi2EqlUqp+gALYCvD/fZv7VVU9Pjk5+b61tfWbaucu04wxfLNHYAITmMAEJjCBCUxgAhOYwAQmMIEJTGACE5jABCYwgQlMYAI3GAYAxsbGHns8npDb7Q4xDOOo/lNm9isAFAqFzOLi4gYDAD6f75XX6/3ocDjQ1dVl6ZXyPD8SjUbP6HA4/Ijn+ZHu7m7LUQBwOp3DHMc9pimKYi3XGgy9ubl5fHZ2JpZKpdZHmzCKoohXV1c/aQDY39//fHl5ufEQsCRJc2tra1kaADKZjHxwcDAny/IPK9HT09PU0dFRGqhZx6lUKnN4ePitWCxmrUJFUfy0s7NTvAMDwPz8/NdCoZAxu7eiKGI2m/2yurr676Lqfrn29vY+mN1bkqS55eXl3dptdbDZvWu7NoUB83rf79oSBjrvrSiKmMvl7nTVBQOd9ZYkaW5paWlXa39TuN3eWl11w4Dx3s26GoIB/b0brdeOYEBf70brtWO4VW89XduCAe3eervWTlsPGcXj8aTf739dLpeDFxcX33K53JeVlRVDj7O3/XTTxMRE8Pb2tlQsFn9vb2/LRj//B6b5AR0g2ZZrAAAAAElFTkSuQmCC) no-repeat center center;
  background-size: 5.4px;
  width: 1em;
  opacity: .8;
  /* shows Spin Buttons per default (Chrome >= 39) */
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  padding-right: 8px;
}

input[type="number"]::-webkit-inner-spin-button:hover,
input[type="number"]::-webkit-inner-spin-button:active {
  opacity: 1;
}

/* Override browser form filling */
input:-webkit-autofill {
  background: black;
  color: red;
}

select {
  display: flex;
  flex: 1;
}

button[full] {
  width: 100%;
}

input[type="color"] {
  flex: 1;
}