:root {
    --lwc-colorBackgroundScrollbarTrack: rgb(201, 199, 197);
    --lwc-brandPrimaryActive: rgb(0, 122, 221);
    --lwc-colorBorderSuccessDark: rgb(4, 132, 75);
    --lwc-zIndexDialog: 6000;
    --lwc-mqHighRes: only screen and (
    -webkit-min-device-pixel-ratio: 2), screen and (min-device-pixel-ratio: 2), screen and (min-resolution: 192 dpi), screen and (min-resolution: 2 dppx);
    --lwc-colorPickerSelectorWidth: 14rem;
    --lwc-brandBandColorBackgroundPrimaryTransparent: rgba(253, 253, 253, 0);
    --lwc-colorBackgroundContextBarInverseItemActive: rgba(255, 255, 255, 0.4);
    --lwc-nubbinSizeDefault: 1rem;
    --lwc-colorTextButtonDefaultHint: rgb(176, 173, 171);
    --lwc-colorBackgroundContextBarInverseItemHover: rgba(255, 255, 255, 0.2);
    --lwc-dropZoneSlotHeight: 0.25rem;
    --lwc-colorTextTabLabelSelected: rgb(0, 112, 210);
    --lwc-heightContextBar: 2.5rem;
    --lwc-colorBackgroundOrgSwitcherArrow: rgb(6, 28, 63);
    --lwc-colorStrokeBrandActive: rgb(22, 50, 92);
    --lwc-cardBodyPadding: 0 1rem;
    --lwc-varSpacingHorizontalSmall: 0.75rem;
    --lwc-brandHeaderContrastInverse: rgb(255, 255, 255);
    --lwc-colorBackgroundPathActiveHover: rgb(0, 57, 107);
    --lwc-notificationColorBackgroundInverse: rgb(112, 110, 107);
    --lwc-brandPrimaryTransparent: rgba(21, 137, 238, 0.1);
    --lwc-colorBackgroundButtonIconDisabled: rgb(255, 255, 255);
    --lwc-brandPrimaryTransparent40: rgba(21, 137, 238, 0.4);
    --lwc-colorBorderButtonDefault: rgb(221, 219, 218);
    --lwc-colorBorderContextBarThemeDefaultAlt: rgb(243, 242, 242);
    --lwc-fillBrand: rgb(0, 112, 210);
    --lwc-popoverColorText: rgb(217, 219, 221);
    --lwc-colorBackgroundInputCheckbox: rgb(255, 255, 255);
    --lwc-colorBorder: rgb(221, 219, 218);
    --lwc-squareIconSmall: 1rem;
    --lwc-varSpacingHorizontalMedium: 1rem;
    --lwc-illustrationColorPrimary: rgb(140, 211, 248);
    --lwc-colorTextButtonDefaultActive: rgb(0, 112, 210);
    --lwc-colorPickerSliderHeight: 1.5rem;
    --lwc-varSpacingVerticalXSmall: 0.5rem;
    --lwc-colorTextPlaceholder: rgb(112, 110, 107);
    --lwc-einsteinHeaderBackgroundColor: rgb(149, 203, 252);
    --lwc-colorTextIconInverse: rgb(255, 255, 255);
    --lwc-brandHeaderContrast: rgb(94, 94, 94);
    --lwc-heightFooter: 3.75rem;
    --lwc-splitViewColorBorder: rgb(221, 219, 218);
    --lwc-colorBorderRowSelectedHover: rgb(21, 137, 238);
    --lwc-fontSizeTextXxSmall: 0.625rem;
    --lwc-inputStaticColor: rgb(8, 7, 7);
    --lwc-lineHeightHeading: 1.25;
    --lwc-spacingXxLarge: 3rem;
    --lwc-shadowDropDown: 0 2px 3px 0 rgba(0, 0, 0, 0.16);
    --lwc-cardHeaderMargin: 0 0 0.75rem;
    --lwc-mqMediumLandscape: only screen and (
    min-width: 48em) and (min-aspect-ratio: 4 / 3);
    --lwc-brandBandImageHeightMedium: 12.5rem;
    --lwc-colorBackgroundModal: rgb(255, 255, 255);
    --lwc-elevationShadow3Below: 0 3px 3px 0 rgba(0, 0, 0, 0.16) inset;
    --lwc-illustrationColorSecondary: rgb(194, 232, 255);
    --lwc-zIndexDefault: 1;
    --lwc-colorBorderSelectionActive: rgb(250, 250, 249);
    --lwc-utilityBarColorBackgroundNotificationFocus: rgb(201, 199, 197);
    --lwc-colorTextIconDefaultDisabled: rgb(221, 219, 218);
    --lwc-colorTextBrand: rgb(21, 137, 238);
    --lwc-durationToastMedium: 9.6s;
    --lwc-colorBackgroundButtonIconActive: rgb(238, 241, 246);
    --lwc-brandHeaderContrastWeak: rgb(145, 145, 145);
    --lwc-sliderTrackWidth: 100%;
    --lwc-elevation32: 32;
    --lwc-globalHeaderColorBackground: rgb(255, 255, 255);
    --lwc-spacingXLarge: 2rem;
    --lwc-colorBackgroundNotificationNew: rgb(243, 242, 242);
    --lwc-brandHeaderContrastInverseActive: rgb(238, 238, 238);
    --lwc-colorBorderInputActive: rgb(21, 137, 238);
    --lwc-colorBackgroundInputCheckboxSelected: rgb(21, 137, 238);
    --lwc-progressColorBorder: rgb(255, 255, 255);
    --lwc-spacingXxxSmall: 0.125rem;
    --lwc-varSpacingXSmall: 0.5rem;
    --lwc-colorBackgroundModalButton: rgba(0, 0, 0, 0.07);
    --lwc-colorBorderPathDivider: rgb(255, 255, 255);
    --lwc-colorTextIconDefault: rgb(112, 110, 107);
    --lwc-colorBackgroundProgressRingContent: rgb(255, 255, 255);
    --lwc-zIndexDeepdive: -99999;
    --lwc-lineHeightButtonSmall: 1.75rem;
    --lwc-elevation16: 16;
    --lwc-brandBackgroundDarkTransparent: rgba(25, 85, 148, 0);
    --lwc-globalnavigationItemHeightAccentActive: 3px;
    --lwc-templateGutters: 0.75rem;
    --lwc-colorPickerThumbWidth: 0.375rem;
    --lwc-brandHeaderIconActive: rgb(129, 129, 129);
    --lwc-buttonColorBorderBrandPrimary: rgb(0, 112, 210);
    --lwc-widthStageLeftCollapsed: 4rem;
    --lwc-buttonIconBoundaryTouch: 2.75rem;
    --lwc-brandBackgroundPrimaryTransparent: rgba(176, 196, 223, 0);
    --lwc-fillHeaderButtonFocus: rgb(0, 112, 210);
    --lwc-colorBorderError: rgb(194, 57, 52);
    --lwc-colorBorderOffline: rgb(62, 62, 60);
    --lwc-colorBackgroundUtilityBarHover: rgb(236, 235, 234);
    --lwc-sliderHandleColorBackgroundHover: rgb(0, 112, 210);
    --lwc-colorTextLinkHover: rgb(0, 95, 178);
    --lwc-colorTextIconInverseHint: rgba(255, 255, 255, 0.5);
    --lwc-sizeMedium: 20rem;
    --lwc-brandPrimaryTransparent10: rgba(21, 137, 238, 0.1);
    --lwc-colorBorderIconInverseHintHover: rgba(255, 255, 255, 0.75);
    --lwc-colorTextDefault: rgb(8, 7, 7);
    --lwc-progressBarHeight: 0.125rem;
    --lwc-colorBackgroundWarning: rgb(255, 183, 93);
    --lwc-colorBorderRowSelected: rgb(0, 112, 210);
    --lwc-colorStrokeBrandHover: rgb(0, 112, 210);
    --lwc-colorBackgroundBrandPrimaryActive: rgb(0, 57, 107);
    --lwc-varSpacingVerticalXxxSmall: 0.125rem;
    --lwc-brandHeaderContrastCool: rgb(0, 85, 131);
    --lwc-colorTextButtonBrandDisabled: rgb(255, 255, 255);
    --lwc-squareIconXSmallContent: 0.5rem;
    --lwc-varFontSize10: 2rem;
    --lwc-varFontSize11: 2.625rem;
    --lwc-colorBorderSelectionHover: rgb(21, 137, 238);
    --lwc-zIndexPopup: 5000;
    --lwc-borderRadiusLarge: 0.5rem;
    --lwc-colorTextIconInverseHintHover: rgba(255, 255, 255, 0.75);
    --lwc-buttonBorderRadius: .25rem;
    --lwc-fontSizeHeadingXLarge: 1.75rem;
    --lwc-typingIconDotColorBackgroundGrayDark: rgb(201, 199, 197);
    --lwc-squareTappableXSmall: 1.5rem;
    --lwc-varSpacingLarge: 1.5rem;
    --lwc-colorBackgroundGuidance: rgb(255, 255, 255);
    --lwc-pageHeaderSpacingMargin: 0;
    --lwc-colorTextContextBarInverse: rgb(255, 255, 255);
    --lwc-fontSizeTextXLarge: 1.25rem;
    --lwc-fontFamilyHeading: 'Salesforce Sans', Arial, sans-serif;
    --lwc-brandHeaderContrastCoolActive: rgb(0, 85, 131);
    --lwc-borderWidthThick: 2px;
    --lwc-pageHeaderShadow: 0 2px 2px 0 rgba(0, 0, 0, 0.10);
    --lwc-welcomeMatColorActionShadow: rgba(0, 0, 0, 0.05);
    --lwc-colorTextBrowser: rgb(255, 255, 255);
    --lwc-spinnerSizeXxSmall: 0.5rem;
    --lwc-tableColorBackgroundHeader: rgb(250, 250, 249);
    --lwc-welcomeMatSpacingInfo: 7.75rem;
    --lwc-mqLarge: only screen and (
    min-width: 64.0625em);
    --lwc-pageHeaderColorBackgroundAlt: rgb(255, 255, 255);
    --lwc-colorBorderBrandPrimaryHover: rgb(0, 112, 210);
    --lwc-colorTextTabLabelActive: rgb(0, 57, 107);
    --lwc-colorBackgroundTempModalTint: rgba(8, 7, 7, 0.6);
    --lwc-fontSizeMedium: 0.8125rem;
    --lwc-squareTappableSmall: 2rem;
    --lwc-colorTextActionLabel: rgb(62, 62, 60);
    --lwc-colorBorderButtonBrand: rgb(0, 112, 210);
    --lwc-colorBorderTabActive: rgb(255, 255, 255);
    --lwc-brandBandImageHeightSmall: 6rem;
    --lwc-colorTextInverseWeak: rgb(176, 173, 171);
    --lwc-colorTextInverse: rgb(255, 255, 255);
    --lwc-shadowLinkFocusInverse: 0 0 3px #ecebea;
    --lwc-squareIconXxSmallBoundary: 1rem;
    --lwc-globalnavigationItemHeightAccentFocus: 4px;
    --lwc-colorBorderDestructiveHover: rgb(166, 26, 20);
    --lwc-buttonLineHeightTouch: 2.65rem;
    --lwc-colorTextCustomer: rgb(255, 154, 60);
    --lwc-lineHeightReset: 1;
    --lwc-squareIconUtilitySmall: 1rem;
    --lwc-verticalNavigationColorBackgroundShadeRowActive: rgb(236, 235, 234);
    --lwc-colorBackgroundTempModal: rgb(150, 148, 146);
    --lwc-colorBackgroundModalButtonActive: rgba(0, 0, 0, 0.16);
    --lwc-colorBackgroundToggleDisabled: rgb(176, 173, 171);
    --lwc-colorTextBrandPrimary: rgb(255, 255, 255);
    --lwc-colorGray13: rgb(8, 7, 7);
    --lwc-squareIconXSmallBoundary: 1.25rem;
    --lwc-widthToggle: 3rem;
    --lwc-colorGray10: rgb(81, 79, 77);
    --lwc-colorBorderInverse: rgb(6, 28, 63);
    --lwc-carouselIndicatorColorBackgroundActive: rgb(0, 112, 210);
    --lwc-colorBackgroundBackdrop: rgba(255, 255, 255, 0.75);
    --lwc-colorGray12: rgb(43, 40, 38);
    --lwc-welcomeMatMinHeight: 25rem;
    --lwc-zIndexDocked: 4;
    --lwc-colorGray11: rgb(62, 62, 60);
    --lwc-colorTextContextBarActionTrigger: rgba(255, 255, 255, 0.4);
    --lwc-squareIconMediumBoundaryAlt: 2.25rem;
    --lwc-colorBorderSelection: rgb(0, 112, 210);
    --lwc-brandHeaderContrastActive: rgb(80, 80, 80);
    --lwc-colorBackgroundNotification: rgb(255, 255, 255);
    --lwc-colorBackgroundPathStepActionCurrent: rgb(0, 95, 178);
    --lwc-badgeColorBackgroundInverse: rgb(112, 110, 107);
    --lwc-formLabelFontSize: 0.75rem;
    --lwc-colorBorderSeparatorInverse: rgb(42, 66, 108);
    --lwc-colorBackgroundSpinnerDot: rgb(176, 173, 171);
    --lwc-colorTextActionLabelActive: rgb(8, 7, 7);
    --lwc-colorBackgroundButtonBrandActive: rgb(0, 57, 107);
    --lwc-colorBackgroundBackdropTint: rgb(250, 250, 249);
    --lwc-durationSlowly: 0.4s;
    --lwc-colorBackgroundRowHover: rgb(243, 242, 242);
    --lwc-sliderHandleColorBackgroundFocus: rgb(0, 112, 210);
    --lwc-spinnerSizeMedium: 2rem;
    --lwc-popoverWalkthroughAltNubbinColorBackground: rgb(33, 92, 160);
    --lwc-spinnerSizeSmall: 1.25rem;
    --lwc-sliderTrackColorBackgroundFill: rgb(21, 137, 238);
    --lwc-welcomeMatWidth: 52.0625rem;
    --lwc-brandPrimary: rgb(21, 137, 238);
    --lwc-colorTextLinkPrimaryFocus: rgb(0, 112, 210);
    --lwc-filesZIndexHover: 5;
    --lwc-colorTextInputDisabled: rgb(62, 62, 60);
    --lwc-colorTextPill: rgb(0, 112, 210);
    --lwc-varSpacingSmall: 0.75rem;
    --lwc-heightDockedBar: 2.5rem;
    --lwc-colorTextTabLabelHover: rgb(0, 95, 178);
    --lwc-fontSizeHeadingXSmall: 0.75rem;
    --lwc-brandLight: rgb(244, 246, 254);
    --lwc-colorStrokeDisabled: rgb(236, 235, 234);
    --lwc-widthPathBorderCurrent: 0.125rem;
    --lwc-colorBackgroundButtonDefaultHover: rgb(244, 246, 249);
    --lwc-fillHeaderButton: rgb(176, 173, 171);
    --lwc-varSpacingVerticalXxSmall: 0.25rem;
    --lwc-varLineHeightText: 1.5;
    --lwc-colorTextButtonDefaultHover: rgb(0, 112, 210);
    --lwc-colorBackgroundPathCurrent: rgb(255, 255, 255);
    --lwc-durationPromptly: 0.2s;
    --lwc-colorBorderPathCurrent: rgb(0, 95, 178);
    --lwc-colorBackgroundOffline: rgb(62, 62, 60);
    --lwc-colorBackgroundButtonDefaultActive: rgb(238, 241, 246);
    --lwc-colorBorderTabSelected: rgb(0, 112, 210);
    --lwc-colorTextStageLeft: rgb(236, 235, 234);
    --lwc-colorBorderHint: rgb(42, 66, 108);
    --lwc-colorTextWarning: rgb(255, 183, 93);
    --lwc-colorTextPrimary: rgb(22, 50, 92);
    --lwc-brandBandColorBackgroundSecondaryTransparent: rgba(253, 253, 253, 0);
    --lwc-cardSpacingLarge: 1.5rem;
    --lwc-cardColorBackground: rgb(255, 255, 255);
    --lwc-brandHeaderIcon: rgb(145, 145, 145);
    --lwc-spacingLarge: 1.5rem;
    --lwc-pageHeaderColorBorder: rgb(221, 219, 218);
    --lwc-cardFooterMargin: 0.75rem;
    --lwc-fontSizeMediumA: 0.875rem;
    --lwc-fontSizeTextSmall: 0.8125rem;
    --lwc-borderRadiusMedium: 0.25rem;
    --lwc-colorPickerSliderThumbBorderColor: rgb(81, 79, 77);
    --lwc-colorTextLinkInverseActive: rgba(255, 255, 255, 0.5);
    --lwc-durationToastShort: 4.8s;
    --lwc-lineHeightButton: 1.875rem;
    --lwc-panelDockedLeftShadow: 1px 0 3px rgba(0, 0, 0, 0.25);
    --lwc-panelDockedRightShadow: -1px 0 3px 0 rgba(0, 0, 0, 0.25);
    --lwc-colorTextLinkPrimaryHover: rgb(0, 112, 210);
    --lwc-shadowSoftPrimary: rgba(0, 0, 0, 0.10) 0 2px 2px;
    --lwc-shadowButton: 0 1px 1px 0 rgba(0, 0, 0, 0.05);
    --lwc-welcomeMatMaxHeight: 37.5rem;
    --lwc-zIndexDropdown: 7000;
    --lwc-verticalNavigationColorBackgroundShadeRowHover: rgb(243, 242, 242);
    --lwc-colorBorderToggleChecked: rgb(255, 255, 255);
    --lwc-shadowHeader: 0 2px 4px rgba(0, 0, 0, 0.07);
    --lwc-sizeXxLarge: 60rem;
    --lwc-squareIconMediumBoundary: 2rem;
    --lwc-colorBackgroundDockedPanelHeader: rgb(255, 255, 255);
    --lwc-colorBackgroundButtonDefaultFocus: rgb(244, 246, 249);
    --lwc-heightTappable: 2.75rem;
    --lwc-colorBackgroundToastError: rgb(194, 57, 52);
    --lwc-lineHeightSalespath: 1.5rem;
    --lwc-shadowDrag: 0 2px 4px 0 rgba(0, 0, 0, 0.40);
    --lwc-durationQuickly: 0.1s;
    --lwc-colorBackgroundPathExpanded: rgb(255, 255, 255);
    --lwc-colorBackground: rgb(243, 242, 242);
    --lwc-colorBackgroundInput: rgb(255, 255, 255);
    --lwc-colorBackgroundSelection: rgb(216, 237, 255);
    --lwc-sizeSmall: 15rem;
    --lwc-colorBackgroundActionbarIconUtility: rgb(112, 110, 107);
    --lwc-colorBackgroundNotificationBadgeFocus: rgb(0, 95, 178);
    --lwc-colorTextButtonInverse: rgb(236, 235, 234);
    --lwc-cardFooterTextAlign: center;
    --lwc-colorBorderBrandDark: rgb(0, 112, 210);
    --lwc-brandBackgroundDark: rgb(25, 85, 148);
    --lwc-colorBackgroundInputCheckboxDisabled: rgb(221, 219, 218);
    --lwc-tableColorTextHeader: rgb(81, 79, 77);
    --lwc-avatarGroupColorBackgroundLightest: rgb(255, 255, 255);
    --lwc-colorTextContextBar: rgb(62, 62, 60);
    --lwc-inputStaticFontWeight: 400;
    --lwc-cardColorBorder: rgb(227, 232, 238);
    --lwc-squareIconUtilityMedium: 1.25rem;
    --lwc-colorBackgroundButtonSuccessHover: rgb(4, 132, 75);
    --lwc-colorBorderButtonBrandDisabled: rgba(0, 0, 0, 0);
    --lwc-colorTextLinkDisabled: rgb(22, 50, 92);
    --lwc-colorTextPathCurrent: rgb(0, 95, 178);
    --lwc-fontSizeHeadingXxSmall: 0.625rem;
    --lwc-colorBackgroundButtonInverseActive: rgba(0, 0, 0, 0.24);
    --lwc-zIndexOverlay: 8000;
    --lwc-colorBackgroundToggle: rgb(176, 173, 171);
    --lwc-buttonColorBorderPrimary: rgb(221, 219, 218);
    --lwc-colorBackgroundStencil: rgb(243, 242, 242);
    --lwc-welcomeMatCheckSize: 0.625rem;
    --lwc-colorTextButtonBrandHover: rgb(255, 255, 255);
    --lwc-shadowImage: 0 1px 1px rgba(0, 0, 0, 0.16);
    --lwc-buttonColorBackgroundSecondary: rgba(255, 255, 255, 0.8);
    --lwc-cardHeaderPadding: 0.75rem 1rem 0;
    --lwc-colorBorderSeparatorAlt2: rgb(201, 199, 197);
    --lwc-fillBrandActive: rgb(22, 50, 92);
    --lwc-fontSizeTextMedium: 1rem;
    --lwc-spacingXSmall: 0.5rem;
    --lwc-chatMessageColorBackgroundOutboundAgent: rgb(107, 109, 112);
    --lwc-varSpacingVerticalLarge: 1.5rem;
    --lwc-colorBackgroundButtonIconHover: rgb(244, 246, 249);
    --lwc-colorBorderReminder: rgb(236, 235, 234);
    --lwc-colorBrandDark: rgb(0, 112, 210);
    --lwc-sliderHandleColorBackgroundActive: rgb(0, 112, 210);
    --lwc-colorBorderBrandPrimaryFocus: rgb(0, 112, 210);
    --lwc-colorBorderSuccess: rgb(75, 202, 129);
    --lwc-colorTextIconInverseHover: rgb(255, 255, 255);
    --lwc-componentSpacingPadding: 1rem;
    --lwc-colorBorderBrandPrimaryActive: rgb(0, 57, 107);
    --lwc-datepickerColorTextDayAdjacentMonth: rgb(112, 110, 107);
    --lwc-colorBorderDestructiveActive: rgb(135, 5, 0);
    --lwc-colorBorderErrorAlt: rgb(234, 130, 136);
    --lwc-colorBackgroundButtonInverseDisabled: rgba(0, 0, 0, 0);
    --lwc-colorTextTabLabelFocus: rgb(0, 95, 178);
    --lwc-shadowReminder: 0 2px 3px 0 rgba(0, 0, 0, 0.20);
    --lwc-brandTextLinkActive: rgb(0, 95, 178);
    --lwc-colorBackgroundNotificationBadge: rgb(194, 57, 52);
    --lwc-pageHeaderColorBackground: rgb(243, 242, 242);
    --lwc-fontSizeHeadingLarge: 1.5rem;
    --lwc-colorBackgroundStencilAlt: rgb(236, 235, 234);
    --lwc-zIndexReminder: 8500;
    --lwc-colorBackgroundImageOverlay: rgba(0, 0, 0, 0.6);
    --lwc-colorBackgroundReminderHover: rgb(255, 255, 255);
    --lwc-elevationInverseShadow3Below: 0 -3px 3px 0 rgba(0, 0, 0, 0.16) inset;
    --lwc-varSpacingHorizontalXxSmall: 0.25rem;
    --lwc-colorBorderSeparatorAlt: rgb(221, 219, 218);
    --lwc-colorPickerRangeHeight: 5rem;
    --lwc-colorBackgroundButtonIcon: rgba(0, 0, 0, 0);
    --lwc-colorTextPathCurrentHover: rgb(0, 57, 107);
    --lwc-buttonIconColorBorderPrimary: rgb(255, 255, 255);
    --lwc-colorBackgroundCustomer: rgb(255, 154, 60);
    --lwc-brandAccessibleActive: rgb(0, 95, 178);
    --lwc-colorBackgroundButtonDefault: rgb(255, 255, 255);
    --lwc-colorBackgroundInverseLight: rgb(22, 50, 92);
    --lwc-zIndexSpinner: 9050;
    --lwc-colorBackgroundContextTabBarItem: rgb(255, 255, 255);
    --lwc-fontWeightBold: 700;
    --lwc-colorBackgroundContextBarItemActive: rgb(255, 255, 255);
    --lwc-shadowFocusInset: 0 0 2px 2px #1589EE inset;
    --lwc-colorBackgroundAltInverse: rgb(22, 50, 92);
    --lwc-progressColorBorderActive: rgb(21, 137, 238);
    --lwc-colorBackgroundPathIncompleteHover: rgb(221, 219, 218);
    --lwc-squareIconMediumContent: 1rem;
    --lwc-colorBackgroundContextBar: rgb(255, 255, 255);
    --lwc-colorTextInverseHover: rgb(176, 173, 171);
    --lwc-colorBackgroundInputActive: rgb(255, 255, 255);
    --lwc-fontSizeLarge: 1rem;
    --lwc-brandContrast: rgb(26, 27, 30);
    --lwc-colorTextSecondary: rgb(62, 62, 60);
    --lwc-fillHeaderButtonHover: rgb(0, 95, 178);
    --lwc-brandHeaderContrastWeakActive: rgb(129, 129, 129);
    --lwc-fontFamilyText: 'Salesforce Sans', Arial, sans-serif;
    --lwc-brandHeaderContrastWarmActive: rgb(172, 0, 0);
    --lwc-welcomeMatCompleteIconSize: 1.25rem;
    --lwc-varSpacingXxLarge: 3rem;
    --lwc-squareToggleSlider: 1.25rem;
    --lwc-brandBackgroundPrimary: rgb(176, 196, 223);
    --lwc-progressBarColorBackgroundFillSuccess: rgb(75, 202, 129);
    --lwc-colorBackgroundButtonBrand: rgb(0, 112, 210);
    --lwc-colorBackgroundWarningDark: rgb(255, 158, 44);
    --lwc-progressRingWidth: 0.1875rem;
    --lwc-colorTextIconUtility: rgb(176, 173, 171);
    --lwc-colorBackgroundScrollbar: rgb(236, 235, 234);
    --lwc-colorBorderInputCheckboxSelectedCheckmark: rgb(255, 255, 255);
    --lwc-chatMessageColorBackgroundStatus: rgb(255, 255, 255);
    --lwc-colorBackgroundTempModalTintAlt: rgba(255, 255, 255, 0.75);
    --lwc-colorBorderCanvasElementSelectionHover: rgb(0, 95, 178);
    --lwc-pageHeaderBorderRadius: 0.25rem;
    --lwc-borderRadiusSmall: 0.125rem;
    --lwc-progressBarColorBackground: rgb(221, 219, 218);
    --lwc-durationInstantly: 0s;
    --lwc-welcomeMatColorIconComplete: rgb(201, 199, 197);
    --lwc-colorTextIconInverseDisabled: rgba(255, 255, 255, 0.15);
    --lwc-colorBorderBrand: rgb(21, 137, 238);
    --lwc-colorBackgroundInfo: rgb(112, 110, 107);
    --lwc-colorBackgroundToastSuccess: rgb(4, 132, 75);
    --lwc-heightToggle: 1.5rem;
    --lwc-tabsFontWeight: 700;
    --lwc-badgeColorBackgroundLightest: rgb(255, 255, 255);
    --lwc-brandBandColorBackgroundSecondary: rgb(253, 253, 253);
    --lwc-colorBackgroundPost: rgb(243, 242, 242);
    --lwc-colorTextPlaceholderInverse: rgb(236, 235, 234);
    --lwc-colorTextInputIcon: rgb(176, 173, 171);
    --lwc-shadowSoftPrimaryActive: rgba(0, 0, 0, 0.20) 0 1px 1px;
    --lwc-colorTextIconDefaultHint: rgb(176, 173, 171);
    --lwc-sliderHandleShadow: rgba(0, 0, 0, 0.16) 0 2px 3px;
    --lwc-colorBackgroundChromeMobile: rgb(0, 112, 210);
    --lwc-fontWeightLight: 300;
    --lwc-colorPickerSwatchSize: 1.25rem;
    --lwc-colorTextError: rgb(194, 57, 52);
    --lwc-colorBackgroundPathIncomplete: rgb(236, 235, 234);
    --lwc-varSpacingXxSmall: 0.25rem;
    --lwc-colorTextToggleDisabled: rgb(221, 219, 218);
    --lwc-colorTextLinkInverseHover: rgba(255, 255, 255, 0.75);
    --lwc-colorBorderInput: rgb(227, 232, 238);
    --lwc-brandAccessible: rgb(0, 112, 210);
    --lwc-pageColorBackgroundPrimary: rgb(253, 253, 253);
    --lwc-zIndexModal: 9000;
    --lwc-cardShadow: 0 2px 2px 0 rgba(0, 0, 0, 0.10);
    --lwc-lineClamp: 3;
    --lwc-welcomeMatWidthProgressBar: 12.5rem;
    --lwc-progressColorBackgroundShade: rgb(243, 242, 242);
    --lwc-globalActionFillHover: rgb(0, 112, 210);
    --lwc-varSpacingHorizontalXSmall: 0.5rem;
    --lwc-colorPickerInputCustomHexFontSize: 0.75rem;
    --lwc-pageHeaderIconSize: 2.25rem;
    --lwc-varSpacingMedium: 1rem;
    --lwc-colorTextDestructiveHover: rgb(161, 43, 43);
    --lwc-colorBorderCanvasElementSelection: rgb(94, 180, 255);
    --lwc-colorBackgroundSuccess: rgb(75, 202, 129);
    --lwc-colorBackgroundShadeDark: rgb(221, 219, 218);
    --lwc-carouselIndicatorColorBackground: rgb(255, 255, 255);
    --lwc-sliderTrackHeight: 4px;
    --lwc-colorPickerSwatchesWidth: 13.3rem;
    --lwc-squareIconLargeBoundaryAlt: 5rem;
    --lwc-squareIconSmallContent: 0.75rem;
    --lwc-colorBackgroundInputDisabled: rgb(236, 235, 234);
    --lwc-colorBorderInputDisabled: rgb(201, 199, 197);
    --lwc-cardWrapperSpacing: 1rem;
    --lwc-colorBackgroundNotificationBadgeActive: rgb(0, 57, 107);
    --lwc-colorBackgroundHighlight: rgb(250, 255, 189);
    --lwc-mqSmall: only screen and (
    max-width: 47.9375em);
    --lwc-brandBandImageHeightLarge: 18.75rem;
    --lwc-carouselIndicatorWidth: 1rem;
    --lwc-colorBackgroundRowActive: rgb(236, 235, 234);
    --lwc-colorTextLinkActive: rgb(0, 57, 107);
    --lwc-squareIconXxSmallContent: .875rem;
    --lwc-componentSpacingMargin: 0.75rem;
    --lwc-colorBorderButtonFocusInverse: rgb(236, 235, 234);
    --lwc-shadowButtonFocus: 0 0 3px #0070D2;
    --lwc-varSpacingVerticalXLarge: 2rem;
    --lwc-fontSizeXSmall: 0.625rem;
    --lwc-sliderColorBackgroundDisabled: rgb(236, 235, 234);
    --lwc-colorContrastSecondary: rgb(243, 242, 242);
    --lwc-tableColorBackgroundHeaderHover: rgb(255, 255, 255);
    --lwc-colorBackgroundDockedPanel: rgb(255, 255, 255);
    --lwc-colorTextTertiary: rgb(150, 148, 146);
    --lwc-varSpacingVerticalXxLarge: 3rem;
    --lwc-welcomeMatColorBackgroundProgressBar: rgb(255, 255, 255);
    --lwc-globalActionIconSize: 1.5rem;
    --lwc-fontSizeHeadingSmall: 0.875rem;
    --lwc-colorPickerRangeIndicatorSize: 0.75rem;
    --lwc-sliderHandleSize: 1rem;
    --lwc-tableBorderRadius: 0 0 0.25rem 0.25rem;
    --lwc-buttonColorBackgroundPrimary: rgb(255, 255, 255);
    --lwc-colorPickerInputCustomHexWidth: 4.2rem;
    --lwc-brandContrastActive: rgb(13, 14, 18);
    --lwc-colorBackgroundRowSelected: rgb(236, 235, 234);
    --lwc-squareIconLargeContent: 2rem;
    --lwc-colorBackgroundContextBarBrandAccent: rgb(0, 161, 223);
    --lwc-colorPickerSliderThumbColorBackground: rgb(243, 242, 242);
    --lwc-fontFamilyMonospace: Consolas, Menlo, Monaco, Courier, monospace;
    --lwc-inputStaticFontSize: 0.875rem;
    --lwc-borderWidthThin: 1px;
    --lwc-cardFooterColorBorder: rgb(221, 219, 218);
    --lwc-fontWeightRegular: 400;
    --lwc-colorBackgroundButtonSuccess: rgb(75, 202, 129);
    --lwc-varSpacingHorizontalLarge: 1.5rem;
    --lwc-colorTextRequired: rgb(194, 57, 52);
    --lwc-splitViewColorBackgroundRowHover: rgb(255, 255, 255);
    --lwc-elevationShadow16: 0 16px 16px 0 rgba(0, 0, 0, 0.16);
    --lwc-shadowHardPrimary: rgba(0, 0, 0, 0.10) 0 2px 0;
    --lwc-elevation8: 8;
    --lwc-brandDark: rgb(24, 35, 55);
    --lwc-radioButtonGroupLineHeightTouch: 2.69rem;
    --lwc-colorBackgroundPathCurrentHover: rgb(255, 255, 255);
    --lwc-colorBackgroundBrandPrimary: rgb(0, 112, 210);
    --lwc-elevation0: 0;
    --lwc-elevation2: 2;
    --lwc-pageHeaderJoinedColorBorder: rgb(221, 219, 218);
    --lwc-elevation4: 4;
    --lwc-durationPaused: 3.2s;
    --lwc-colorBrand: rgb(21, 137, 238);
    --lwc-colorBackgroundUtilityBarActive: rgb(21, 137, 238);
    --lwc-colorBackgroundPathComplete: rgb(75, 202, 129);
    --lwc-zIndexSticky: 100;
    --lwc-colorBackgroundContextBarShadow: linear-gradient(to bottom, rgba(0, 0, 0, 0.25) 0, rgba(0, 0, 0, 0) 100%);
    --lwc-progressColorBorderHover: rgb(0, 112, 210);
    --lwc-spacingXxSmall: 0.25rem;
    --lwc-squareIconUtilityLarge: 1.5rem;
    --lwc-tableCellSpacing: 0.25rem 0.5rem;
    --lwc-fontSize10: 2rem;
    --lwc-colorBorderContextBarThemeDefault: rgb(0, 161, 223);
    --lwc-elevationShadow32: 0 32px 32px 0 rgba(0, 0, 0, 0.16);
    --lwc-colorBackgroundAnchor: rgb(243, 242, 242);
    --lwc-shadowButtonFocusInverse: 0 0 3px #ecebea;
    --lwc-welcomeMatFontSizeInfoTitle: 2.625rem;
    --lwc-colorBorderLinkFocusInverse: rgb(236, 235, 234);
    --lwc-colorBorderButtonInverseDisabled: rgba(255, 255, 255, 0.15);
    --lwc-borderRadiusCircle: 50%;
    --lwc-fontSize11: 2.625rem;
    --lwc-einsteinHeaderTextShadow: #9EDAFF;
    --lwc-squareTappableXxSmall: 1.25rem;
    --lwc-colorBackgroundDestructiveHover: rgb(166, 26, 20);
    --lwc-buttonColorBorderSecondary: rgba(255, 255, 255, 0.8);
    --lwc-colorTextSuccessInverse: rgb(75, 202, 129);
    --lwc-varSpacingXLarge: 2rem;
    --lwc-sizeXLarge: 40rem;
    --lwc-fontSize9: 1.75rem;
    --lwc-varSpacingHorizontalXxxSmall: 0.125rem;
    --lwc-colorBackgroundLight: rgb(255, 255, 255);
    --lwc-fontSize8: 1.5rem;
    --lwc-elevation3Inset: -3;
    --lwc-lineHeightTab: 2.5rem;
    --lwc-shadowActive: 0 0 2px #0070d2;
    --lwc-fontSize1: 0.625rem;
    --lwc-colorTextLink: rgb(0, 109, 204);
    --lwc-pageHeaderTitleFontSize: 1.125rem;
    --lwc-colorBackgroundDestructiveActive: rgb(135, 5, 0);
    --lwc-fontSize3: 0.8125rem;
    --lwc-fontSize2: 0.75rem;
    --lwc-colorTextLinkInverseDisabled: rgba(255, 255, 255, 0.15);
    --lwc-fontSize5: 1rem;
    --lwc-fontSize4: 0.875rem;
    --lwc-fontSize7: 1.25rem;
    --lwc-fontSize6: 1.125rem;
    --lwc-spacingNone: 0;
    --lwc-colorTextLinkPrimaryActive: rgb(0, 57, 107);
    --lwc-colorBackgroundPageHeader: rgb(255, 255, 255);
    --lwc-colorBackgroundPill: rgb(255, 255, 255);
    --lwc-fillBrandHover: rgb(0, 95, 178);
    --lwc-inputReadonlyFontWeight: 400;
    --lwc-colorBorderContextBarItem: rgba(0, 0, 0, 0.2);
    --lwc-colorStrokeHeaderButton: rgb(176, 173, 171);
    --lwc-borderStrokeWidthThin: 1px;
    --lwc-typingIconDotColorBackgroundGray: rgb(221, 219, 218);
    --lwc-progressColorBorderShade: rgb(243, 242, 242);
    --lwc-heightHeader: 3.125rem;
    --lwc-shadowInlineEdit: 0 2px 4px 4px rgba(0, 0, 0, 0.16);
    --lwc-colorBackgroundNotificationBadgeHover: rgb(0, 95, 178);
    --lwc-pageHeaderTitleFontWeight: 700;
    --lwc-borderRadiusPill: 15rem;
    --lwc-colorTextButtonInverseDisabled: rgba(255, 255, 255, 0.15);
    --lwc-colorBackgroundButtonIconFocus: rgb(244, 246, 249);
    --lwc-sizeXxxSmall: 3rem;
    --lwc-colorBackgroundSuccessDarker: rgb(0, 74, 41);
    --lwc-colorBackgroundModalBrand: rgb(0, 112, 210);
    --lwc-colorTextInverseActive: rgb(94, 180, 255);
    --lwc-colorBackgroundHighlightSearch: rgb(255, 240, 63);
    --lwc-colorBackgroundToggleHover: rgb(150, 148, 146);
    --lwc-colorBackgroundSuccessDark: rgb(4, 132, 75);
    --lwc-shadowOverlay: 0 -2px 4px rgba(0, 0, 0, 0.07);
    --lwc-sizeXSmall: 12rem;
    --lwc-cardSpacingSmall: 0.75rem;
    --lwc-brandBandScrimHeight: 3.125rem;
    --lwc-popoverWalkthroughColorBackground: rgb(3, 46, 97);
    --lwc-colorBackgroundDestructive: rgb(194, 57, 52);
    --lwc-typingIconDotSize: .5rem;
    --lwc-colorBorderErrorDark: rgb(234, 130, 136);
    --lwc-heightTappableSmall: 2rem;
    --lwc-colorBackgroundButtonBrandDisabled: rgb(224, 229, 238);
    --lwc-colorBorderPrimary: rgb(221, 219, 218);
    --lwc-colorGray1: rgb(255, 255, 255);
    --lwc-colorBorderInfo: rgb(112, 110, 107);
    --lwc-colorTextTabLabel: rgb(43, 40, 38);
    --lwc-fontSizeXLarge: 1.25rem;
    --lwc-varSquareIconMediumBoundary: 2rem;
    --lwc-colorGray5: rgb(221, 219, 218);
    --lwc-popoverWalkthroughColorBackgroundAlt: rgb(22, 74, 133);
    --lwc-colorGray4: rgb(236, 235, 234);
    --lwc-colorGray3: rgb(243, 242, 242);
    --lwc-durationImmediately: 0.05s;
    --lwc-colorGray2: rgb(250, 250, 249);
    --lwc-elevationInverseShadow16: 0 -16px 16px 0 rgba(0, 0, 0, 0.16);
    --lwc-opacity8: 0.8;
    --lwc-opacity5: 0.5;
    --lwc-squareIconGlobalIdentityIcon: 1.25rem;
    --lwc-colorBackgroundBrowser: rgb(112, 110, 107);
    --lwc-colorTextIconInverseActive: rgb(255, 255, 255);
    --lwc-shadowDocked: 0 -2px 2px 0 rgba(0, 0, 0, 0.16);
    --lwc-splitViewWidth: 25rem;
    --lwc-colorBorderIconInverseHint: rgba(255, 255, 255, 0.5);
    --lwc-brandDisabled: rgb(201, 199, 197);
    --lwc-colorBackgroundInputError: rgb(255, 221, 225);
    --lwc-colorGray9: rgb(112, 110, 107);
    --lwc-colorGray8: rgb(150, 148, 146);
    --lwc-colorGray7: rgb(176, 173, 171);
    --lwc-colorGray6: rgb(201, 199, 197);
    --lwc-colorTextLinkInverse: rgb(255, 255, 255);
    --lwc-progressColorBackground: rgb(255, 255, 255);
    --lwc-squareIconSmallBoundary: 1.5rem;
    --lwc-varSpacingHorizontalXLarge: 2rem;
    --lwc-colorBackgroundDark: rgb(236, 235, 234);
    --lwc-colorTextWarningAlt: rgb(132, 72, 0);
    --lwc-elevationInverseShadow2: 0 -2px 2px 0 rgba(0, 0, 0, 0.16);
    --lwc-elevationInverseShadow0: none;
    --lwc-colorBorderContextBarThemeDefaultActive: rgb(243, 242, 242);
    --lwc-avatarGroupColorBackgroundInverse: rgb(112, 110, 107);
    --lwc-colorBackgroundAlt2: rgb(243, 242, 242);
    --lwc-cardFontWeight: 700;
    --lwc-colorStrokeBrand: rgb(0, 112, 210);
    --lwc-colorBackgroundToggleActive: rgb(0, 112, 210);
    --lwc-colorBorderContextBarDivider: rgba(255, 255, 255, 0.2);
    --lwc-zIndexToast: 10000;
    --lwc-colorPickerSwatchShadow: inset 0 0 1px rgba(0, 0, 0, 0.4);
    --lwc-colorTextIconBrand: rgb(0, 112, 210);
    --lwc-colorBackgroundContextBarActionHighlight: rgba(255, 255, 255, 0.2);
    --lwc-colorBackgroundBrandPrimaryFocus: rgb(0, 95, 178);
    --lwc-colorTextButtonDefault: rgb(0, 112, 210);
    --lwc-buttonColorBackgroundBrandPrimary: rgb(0, 112, 210);
    --lwc-pathButtonWidthFixed: 13rem;
    --lwc-sizeLarge: 25rem;
    --lwc-colorBorderDestructive: rgb(194, 57, 52);
    --lwc-brandHeaderContrastWarm: rgb(191, 2, 1);
    --lwc-buttonColorTextPrimary: rgb(255, 255, 255);
    --lwc-colorBrandDarker: rgb(0, 95, 178);
    --lwc-colorTextWeak: rgb(62, 62, 60);
    --lwc-fontSizeHeadingMedium: 1.125rem;
    --lwc-mqSingleColumnRecordLayout:(
    max-width: 599px);
    --lwc-colorBackgroundInputSearch: rgba(0, 0, 0, 0.16);
    --lwc-welcomeMatBackgroundColorInfo: rgb(202, 230, 241);
    --lwc-colorBorderBrandPrimary: rgb(21, 137, 238);
    --lwc-colorBackgroundInverse: rgb(6, 28, 63);
    --lwc-maxWidthActionOverflowMenu: 512px;
    --lwc-colorBorderPathCurrentHover: rgb(0, 57, 107);
    --lwc-colorTextButtonDefaultDisabled: rgb(221, 219, 218);
    --lwc-carouselColorBackground: rgb(255, 255, 255);
    --lwc-colorTextLabel: rgb(62, 62, 60);
    --lwc-colorBackgroundPathLost: rgb(194, 57, 52);
    --lwc-colorBackgroundButtonSuccessActive: rgb(4, 132, 75);
    --lwc-squareIconLarge: 3.125rem;
    --lwc-spinnerSizeXSmall: 1rem;
    --lwc-brandTextLink: rgb(0, 109, 204);
    --lwc-sliderTrackColorBackground: rgb(236, 235, 234);
    --lwc-colorContrastPrimary: rgb(243, 242, 242);
    --lwc-cardSpacingMargin: 0.75rem;
    --lwc-colorTextBrowserActive: rgba(0, 0, 0, 0.4);
    --lwc-colorBackgroundButtonBrandHover: rgb(0, 95, 178);
    --lwc-templateProfileGutters: 8rem 0.75rem 0.75rem;
    --lwc-chatMessageColorBackgroundOutbound: rgb(0, 95, 178);
    --lwc-sizeXxSmall: 6rem;
    --lwc-colorTextIconDefaultActive: rgb(0, 57, 107);
    --lwc-colorBackgroundPayload: rgb(250, 250, 249);
    --lwc-colorTextIconDefaultHover: rgb(0, 112, 210);
    --lwc-colorTextLinkPrimary: rgb(0, 112, 210);
    --lwc-fontSizeTextXSmall: 0.75rem;
    --lwc-colorBackgroundToast: rgb(112, 110, 107);
    --lwc-fontSizeXxLarge: 1.75rem;
    --lwc-colorBackgroundPathActive: rgb(0, 95, 178);
    --lwc-heightSalesPath: 2rem;
    --lwc-colorTextDestructive: rgb(194, 57, 52);
    --lwc-squareIconLargeBoundary: 3rem;
    --lwc-colorBorderWarning: rgb(255, 183, 93);
    --lwc-colorTextIconDefaultHintBorderless: rgb(236, 235, 234);
    --lwc-shadowSoftPrimaryHover: rgba(0, 0, 0, 0.20) 0 3px 6px;
    --lwc-spacingSmall: 0.75rem;
    --lwc-colorForegroundPrimary: rgb(255, 255, 255);
    --lwc-colorBackgroundRowNew: rgb(217, 255, 223);
    --lwc-fontSizeTextLarge: 1.125rem;
    --lwc-colorBackgroundShade: rgb(236, 235, 234);
    --lwc-colorBackgroundErrorDark: rgb(194, 57, 52);
    --lwc-varSpacingXxxSmall: 0.125rem;
    --lwc-brandLightActive: rgb(227, 229, 237);
    --lwc-brandHeaderContrastWeakDisabled: rgba(166, 166, 166, 0.25);
    --lwc-squareIconMediumContentAlt: 0.875rem;
    --lwc-welcomeMatTextColorInfo: rgb(0, 57, 107);
    --lwc-colorBackgroundIconWaffle: rgb(112, 110, 107);
    --lwc-colorBackgroundButtonInverse: rgba(0, 0, 0, 0);
    --lwc-brandHeader: rgb(255, 255, 255);
    --lwc-colorBackgroundContextBarItemHover: rgb(255, 255, 255);
    --lwc-lineHeightText: 1.5;
    --lwc-widthStageLeftExpanded: 15rem;
    --lwc-colorBackgroundError: rgb(212, 80, 76);
    --lwc-colorTextButtonBrandActive: rgb(255, 255, 255);
    --lwc-fontSizeXLargeA: 1.57rem;
    --lwc-fontFamily: 'Salesforce Sans', Arial, sans-serif;
    --lwc-colorBackgroundPathCompleteHover: rgb(4, 132, 75);
    --lwc-mqMedium: only screen and (
    min-width: 48em);
    --lwc-brandDarkActive: rgb(37, 48, 69);
    --lwc-colorBackgroundPathStepActionActive: rgb(6, 28, 63);
    --lwc-colorBorderContextBarThemeDefaultHover: rgb(11, 35, 153);
    --lwc-squareIconMedium: 2rem;
    --lwc-textTransform: none;
    --lwc-spacingMedium: 1rem;
    --lwc-colorTextModal: rgb(255, 255, 255);
    --lwc-colorBackgroundBrandPrimaryHover: rgb(0, 95, 178);
    --lwc-colorTextSuccess: rgb(2, 126, 70);
    --lwc-spinnerSizeLarge: 2.75rem;
    --lwc-carouselIndicatorColorBackgroundFocus: rgb(0, 95, 178);
    --lwc-colorBackgroundChromeDesktop: rgb(255, 255, 255);
    --lwc-borderStrokeWidthThick: 2px;
    --lwc-colorBackgroundReminder: rgb(244, 246, 249);
    --lwc-carouselIndicatorColorBackgroundHover: rgb(250, 250, 249);
    --lwc-shadowActionOverflowFooter: 0 -2px 4px #F9F9FA;
    --lwc-colorTextToast: rgb(236, 235, 234);
    --lwc-popoverWalkthroughHeaderColorBackground: rgb(22, 74, 133);
    --lwc-colorBackgroundAlt: rgb(255, 255, 255);
    --lwc-colorBackgroundPathWon: rgb(4, 132, 75);
    --lwc-lineHeightToggle: 1.3rem;
    --lwc-elevationInverseShadow32: 0 -32px 32px 0 rgba(0, 0, 0, 0.16);
    --lwc-cardFooterPadding: 0.75rem 1rem;
    --lwc-sliderHandleColorBackground: rgb(21, 137, 238);
    --lwc-colorBackgroundErrorAlt: rgb(234, 130, 136);
    --lwc-colorBackgroundIndicatorDot: rgb(22, 50, 92);
    --lwc-chatMessageColorBackgroundInbound: rgb(242, 242, 243);
    --lwc-colorBorderCustomer: rgb(255, 154, 60);
    --lwc-elevationShadow0: none;
    --lwc-tableColorBackgroundStripes: rgb(250, 250, 249);
    --lwc-heightPill: 1.625rem;
    --lwc-elevationShadow4: 0 4px 4px 0 rgba(0, 0, 0, 0.16);
    --lwc-elevationShadow2: 0 2px 2px 0 rgba(0, 0, 0, 0.16);
    --lwc-varSpacingVerticalSmall: 0.75rem;
    --lwc-elevationShadow8: 0 8px 8px 0 rgba(0, 0, 0, 0.16);
    --lwc-varFontSize8: 1.5rem;
    --lwc-colorBackgroundButtonDefaultDisabled: rgb(255, 255, 255);
    --lwc-colorBorderContextBarInverseItem: rgba(255, 255, 255, 0.2);
    --lwc-varFontSize7: 1.25rem;
    --lwc-utilityBarColorBackgroundNotificationBadge: rgb(212, 80, 76);
    --lwc-colorTextTabLabelDisabled: rgb(236, 235, 234);
    --lwc-elevationInverseShadow8: 0 -8px 8px 0 rgba(0, 0, 0, 0.16);
    --lwc-varFontSize9: 1.75rem;
    --lwc-heightInput: 1.875rem;
    --lwc-brandBandColorBackgroundPrimary: rgb(253, 253, 253);
    --lwc-colorTextButtonBrand: rgb(255, 255, 255);
    --lwc-squareTappable: 2.75rem;
    --lwc-fontSizeSmall: 0.75rem;
    --lwc-elevationInverseShadow4: 0 -4px 4px 0 rgba(0, 0, 0, 0.16);
    --lwc-colorBackgroundToggleActiveHover: rgb(0, 95, 178);
    --lwc-tableColorBackgroundHeaderFocus: rgb(255, 255, 255);
    --lwc-varFontSize2: 0.75rem;
    --lwc-varFontSize1: 0.625rem;
    --lwc-varFontSize4: 0.875rem;
    --lwc-pageHeaderSpacingRow: 0.75rem 1rem;
    --lwc-varFontSize3: 0.8125rem;
    --lwc-varFontSize6: 1.125rem;
    --lwc-varFontSize5: 1rem;
    --lwc-varSpacingHorizontalXxLarge: 3rem;
    --lwc-varSpacingVerticalMedium: 1rem;
    --lwc-pageHeaderSpacingPadding: 1rem;
    --lwc-colorTextModalButton: rgb(62, 62, 60);
    --lwc-progressBarColorBackgroundFill: rgb(94, 180, 255);
    --lwc-colorBackgroundPrimary: rgb(243, 242, 242);
    --lwc-colorBorderSeparator: rgb(250, 250, 249);
    --lwc-brandHeaderIconDisabled: rgba(145, 145, 145, 0.25);
    --lwc-colorTextInputFocusInverse: rgb(22, 50, 92);
    --lwc-splitViewColorBackground: rgb(250, 250, 249);
    --lwc-colorBackgroundSecondary: rgb(255, 255, 255);
    --lwc-colorTextLinkFocus: rgb(0, 95, 178);
}

@keyframes auraPlaceholderSpin {
    from {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(720deg)
    }
}

.auraPlaceholder.spin {
    display: inline-block;
    border: 1px solid #666;
    background-color: #888;
    border-radius: 16px;
    width: 9px;
    height: 9px;
    animation-iteration-count: infinite;
    animation-name: auraPlaceholderSpin;
    animation-duration: .75s;
    animation-timing-function: ease-in-out
}

.auraPlaceholder.spin:AFTER, .auraPlaceholder.spin:BEFORE {
    content: "";
    border-radius: 4px;
    background-color: #666;
    position: absolute
}

.auraPlaceholder.spin:AFTER {
    height: 1px;
    width: 17px;
    margin-top: 4px;
    margin-left: -4px
}

.auraPlaceholder.spin:BEFORE {
    height: 17px;
    width: 1px;
    margin-left: 4px;
    margin-top: -4px
}

.uiCheckboxMenuItem a:first-child:before {
    content: "";
    float: left;
    display: block;
    width: 16px;
    height: 16px;
    margin-right: 2px
}

.uiMenuItemSeparator {
    border-top: 1px solid #cccccc
}

.uiRadioMenuItem a b {
    float: left;
    display: block;
    width: 16px;
    height: 16px;
    margin-right: 2px
}

.uiInputDefaultError {
    list-style-type: none;
    padding: 0;
    margin: 0
}

.uiInputDefaultError .form-element__help {
    font-size: .75rem;
    margin-top: .5rem;
    color: rgb(194, 57, 52)
}

.uiInputDefaultError.hide {
    display: none
}

.uiLabel.uiLabel-top, .uiLabel.uiLabel-bottom {
    display: block
}

.uiLegend.uiLegend-left, .uiLegend.uiLegend-bottom {
    float: left
}

.uiLegend.uiLegend-right {
    float: right
}

.uiMenuItem a {
    display: block;
    overflow: hidden
}

.uiMenuItem a[aria-disabled=true] {
    pointer-events: none;
    cursor: default
}

.uiPicklistLabel.uiPicklistLabel-left {
    float: left
}

.uiPicklistLabel.uiPicklistLabel-right {
    float: right
}

div.uiPopupTarget {
    display: none;
    position: absolute;
    z-index: 9999
}

.uiPopupTarget .popupTargetContainer, .uiPopupTarget.popupTargetContainer {
    position: absolute;
    border-radius: 3px;
    background-color: #fff;
    box-shadow: 0 1px 5px rgba(0, 0, 0, .75)
}

.uiPopupTarget.popupCurtain {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, .4)
}

div.uiPopupTarget.visible {
    display: block
}

.uiPopupTarget ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.uiPopupTrigger a[aria-disabled=true] {
    pointer-events: none;
    cursor: default
}

.uiButton {
    display: inline-block;
    cursor: pointer
}

.uiButton .label {
    display: block;
    white-space: normal
}

.uiMenu {
    position: relative
}

div.uiMenuList.visible {
    display: block
}

.uiMenuList ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.forceIcon.slds-button__icon .slds-icon {
    fill: currentColor
}

.forceIcon .slds-icon_xx-small {
    width: var(--lwc-squareIconXxSmallContent, .875rem);
    height: var(--lwc-squareIconXxSmallContent, .875rem)
}

.forceIcon .slds-assistive-text {
    position: absolute !important;
    margin: -1px !important;
    border: 0 !important;
    padding: 0 !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
    clip: rect(0 0 0 0) !important
}
.uiInputSelect .uiMenuList {
    width: 100%
}

.uiInputSelect .uiPopupTrigger a:hover {
    text-decoration: none
}

.uiInputSelect > .uiMenu {
    position: inherit
}

.uiInputTextArea.noresize, .uiInputTextArea .noresize {
    resize: none
}

.forceActionButton {
    cursor: pointer;
    display: inline-block
}

.forceActionButton .label {
    cursor: pointer;
    text-align: center;
    vertical-align: middle;
    display: inline-block
}

.forceActionButton .icon {
    width: 20px;
    height: 20px;
    vertical-align: middle;
    float: none;
    box-sizing: content-box
}

.forcePlaceholder .placeholder .body {
    padding: var(--lwc-spacingLarge, 1.5rem)
}

.forcePlaceholder .placeholder .icon {
    width: var(--lwc-squareIconMedium, 2rem);
    height: var(--lwc-squareIconMedium, 2rem);
    background-color: var(--lwc-colorBackgroundStencilAlt, rgb(236, 235, 234));
    border-radius: var(--lwc-borderRadiusMedium, 0.25rem);
    margin-right: var(--lwc-spacingSmall, 0.75rem);
    display: inline-block
}

.forcePlaceholder .placeholder .icon-huge {
    width: 110px;
    height: 110px
}

.forcePlaceholder .placeholder .icon-xhuge {
    width: 160px;
    height: 160px
}

.forcePlaceholder .placeholder .icon-large {
    width: var(--lwc-squareIconLargeBoundary, 3rem);
    height: var(--lwc-squareIconLargeBoundary, 3rem)
}

.forcePlaceholder .placeholder .icon-medium {
    width: var(--lwc-squareIconLargeContent, 2rem);
    height: var(--lwc-squareIconLargeContent, 2rem)
}

.forcePlaceholder .placeholder .icon-small {
    width: var(--lwc-squareIconLargeContent, 2rem);
    height: var(--lwc-squareIconLargeContent, 2rem)
}

.forcePlaceholder .placeholder .icon-x-small {
    width: var(--lwc-squareIconMediumContent, 1rem);
    height: var(--lwc-squareIconMediumContent, 1rem)
}

.forcePlaceholder .placeholder .icon-round-large {
    width: var(--lwc-squareIconLargeBoundary, 3rem);
    height: var(--lwc-squareIconLargeBoundary, 3rem);
    border-radius: var(--lwc-borderRadiusCircle, 50%)
}

.forcePlaceholder .placeholder .icon-round-small {
    width: var(--lwc-squareIconLargeContent, 2rem);
    height: var(--lwc-squareIconLargeContent, 2rem);
    border-radius: var(--lwc-borderRadiusCircle, 50%)
}

.forcePlaceholder .placeholder .icon-square {
    width: var(--lwc-squareIconMediumBoundary, 2rem);
    height: var(--lwc-squareIconMediumBoundary, 2rem);
    border-radius: var(--lwc-borderRadiusSmall, 0.125rem);
    background-color: var(--lwc-colorBackground, rgb(243, 242, 242))
}

.forcePlaceholder .placeholder .text-body {
    display: inline-block;
    width: 50%;
    height: 100%
}

.forcePlaceholder .placeholder .text {
    border-radius: var(--lwc-borderRadiusPill, 15rem);
    display: block;
    margin-bottom: var(--lwc-spacingSmall, 0.75rem);
    background-color: var(--lwc-colorBackgroundStencilAlt, rgb(236, 235, 234));
    height: var(--lwc-spacingXSmall, 0.5rem)
}

.forcePlaceholder .placeholder .text:last-child {
    margin-bottom: 0
}

.forcePlaceholder .placeholder .text-thick {
    height: 14px;
    margin: 10px 0
}

.forcePlaceholder .placeholder .text-thin {
    height: 6px;
    border-radius: var(--lwc-borderRadiusPill, 15rem)
}

.forcePlaceholder .placeholder .text-thinner {
    height: 4px;
    margin: 10px 0;
    border-radius: var(--lwc-borderRadiusSmall, 0.125rem)
}

.forcePlaceholder .placeholder .text-long {
    width: 100%
}

.forcePlaceholder .placeholder .text-medium {
    width: 60%
}

.forcePlaceholder .placeholder .text-short {
    width: 45%
}

.forcePlaceholder .placeholder .text-shorter {
    width: 20%
}

.forcePlaceholder .placeholder .text-tiny {
    width: 5%
}

.forcePlaceholder .placeholder .multi-text-line > div {
    float: left;
    margin-right: var(--lwc-spacingSmall, 0.75rem)
}

.forcePlaceholder .placeholder .image {
    margin-right: var(--lwc-spacingSmall, 0.75rem)
}

.forcePlaceholder .placeholder .image-block {
    background: var(--lwc-colorBackgroundStencil, rgb(243, 242, 242));
    border-radius: var(--lwc-borderRadiusMedium, 0.25rem);
    margin-bottom: var(--lwc-spacingSmall, 0.75rem)
}

.forcePlaceholder .placeholder .image-large {
    width: 132px;
    height: 103px
}

.forcePlaceholder .placeholder .image-mega {
    width: 272px;
    height: 152px
}

.forcePlaceholder .placeholder .image-full {
    width: 100%;
    height: 152px
}

.forcePlaceholder .placeholder .body, .forcePlaceholder .placeholder .card, .forcePlaceholder .placeholder .anchor {
    background-color: var(--lwc-colorBackgroundAlt, rgb(255, 255, 255))
}

.forcePlaceholder .placeholder .text, .forcePlaceholder .placeholder .icon {
    background-color: var(--lwc-colorBackgroundStencil, rgb(243, 242, 242))
}

.forcePlaceholder .placeholder.split_view .body, .forcePlaceholder .placeholder.split_view_header .anchor {
    background-color: var(--lwc-splitViewColorBackground, rgb(250, 250, 249))
}

.forcePlaceholder .placeholder.list_view_header .anchor {
    background-color: var(--lwc-pageHeaderColorBackground, rgb(243, 242, 242))
}

.forcePlaceholder .placeholder.list_view_header {
    padding-top: var(--lwc-borderWidthThin, 1px);
    padding-bottom: var(--lwc-spacingXxSmall, 0.25rem)
}

.forcePlaceholder .placeholder.split_view_header {
    padding-top: var(--lwc-borderWidthThin, 1px);
    padding-bottom: var(--lwc-spacingXSmall, 0.5rem)
}

.forcePlaceholder .placeholder.split_view_header .text-thinner {
    margin-top: var(--lwc-spacingLarge, 1.5rem)
}

.forcePlaceholder .placeholder.list_view_header .text-thinner {
    margin-top: var(--lwc-spacingXLarge, 2rem)
}

.forcePlaceholder .placeholder .darker .text, .forcePlaceholder .placeholder .darker .body > .field .text-secondary, .forcePlaceholder .placeholder .darker .icon {
    background-color: #ccd4e2
}

.forcePlaceholder .placeholder .dark {
    background-color: var(--lwc-colorBackground, rgb(243, 242, 242))
}

.forcePlaceholder .placeholder .dark .text, .forcePlaceholder .placeholder .dark .icon {
    background-color: var(--lwc-colorBackgroundStencilAlt, rgb(236, 235, 234))
}

.forcePlaceholder .placeholder .border-bottom {
    border-bottom: var(--lwc-borderWidthThin, 1px) solid var(--lwc-colorBorder, rgb(221, 219, 218))
}

.forcePlaceholder .placeholder .card {
    border: var(--lwc-borderWidthThin, 1px) solid var(--lwc-colorBackgroundStencil, rgb(243, 242, 242));
    border-radius: var(--lwc-borderRadiusMedium, 0.25rem)
}

.forcePlaceholder .placeholder .text-body-col, .forcePlaceholder .placeholder .text-body-no-col {
    display: flex;
    width: 100%
}

.forcePlaceholder .placeholder .text-body-col .text, .forcePlaceholder .placeholder .text-body-no-col .text {
    border-radius: 14px;
    display: inline-block;
    margin-bottom: var(--lwc-spacingSmall, 0.75rem);
    height: var(--lwc-spacingXSmall, 0.5rem);
    margin-right: var(--lwc-spacingSmall, 0.75rem)
}

.forcePlaceholder .placeholder .input-field {
    height: 30px;
    border-radius: var(--lwc-borderRadiusMedium, 0.25rem);
    display: inline-block;
    margin-right: var(--lwc-spacingSmall, 0.75rem)
}

.forcePlaceholder .placeholder .input-field.input-text-long {
    width: 80%
}

.forcePlaceholder .placeholder .input-field.input-text-small {
    width: 10%
}

.forcePlaceholder .placeholder .flex-grid {
    display: flex
}

.forcePlaceholder .placeholder .flex-grow {
    flex: 1 1 auto
}

.forcePlaceholder .placeholder .flex-none {
    flex: 0 0 auto
}

.forcePlaceholder .placeholder .flex-stack {
    flex-wrap: wrap
}

.forcePlaceholder .placeholder .flex-h-center {
    justify-content: center
}

.forcePlaceholder .placeholder .flex-v-center {
    align-items: center;
    align-items: center
}

.forcePlaceholder .placeholder .flex-v-start {
    align-items: flex-start;
    align-content: flex-start
}

.forcePlaceholder .opacity95 {
    opacity: .95
}

.forcePlaceholder .opacity90 {
    opacity: .90
}

.forcePlaceholder .opacity85 {
    opacity: .85
}

.forcePlaceholder .opacity80 {
    opacity: .80
}

.forcePlaceholder .opacity75 {
    opacity: .75
}

.forcePlaceholder .opacity70 {
    opacity: .70
}

.forcePlaceholder .opacity65 {
    opacity: .65
}

.forcePlaceholder .opacity60 {
    opacity: .60
}

.forcePlaceholder .opacity55 {
    opacity: .55
}

.forcePlaceholder .opacity50 {
    opacity: .50
}

.forcePlaceholder .opacity45 {
    opacity: .45
}

.forcePlaceholder .opacity40 {
    opacity: .40
}

.forcePlaceholder .opacity35 {
    opacity: .35
}

.forcePlaceholder .opacity30 {
    opacity: .30
}

.forcePlaceholder .opacity25 {
    opacity: .25
}

.forcePlaceholder .opacity20 {
    opacity: .20
}

.forcePlaceholder .opacity15 {
    opacity: .15
}

.forcePlaceholder .opacity10 {
    opacity: .10
}

.forcePlaceholder .opacity5 {
    opacity: .05
}

.forcePlaceholder .opacity0 {
    opacity: 0
}

.forcePlaceholder .placeholder.highlight {
    background: var(--lwc-colorBackgroundAnchor, rgb(243, 242, 242));
    border-bottom: var(--lwc-borderRadiusSmall, 0.125rem) solid var(--lwc-colorBorderSeparatorAlt, rgb(221, 219, 218));
    width: 100%
}

.forcePlaceholder .placeholder.highlight .anchor {
    padding: var(--lwc-spacingMedium, 1rem) var(--lwc-spacingSmall, 0.75rem);
    width: 100%
}

.forcePlaceholder .placeholder.highlight .icon {
    margin: 0 auto
}

.forcePlaceholder .placeholder.highlight .text-body {
    text-align: center;
    margin: 0 auto;
    padding: 0 var(--lwc-spacingSmall, 0.75rem)
}

.forcePlaceholder .placeholder.highlight .text-body .text {
    margin: var(--lwc-spacingSmall, 0.75rem) 0
}

.forcePlaceholder .placeholder.highlight .text-body .text-primary {
    max-width: 175px
}

.forcePlaceholder .placeholder.highlight .text-body .text-secondary {
    max-width: 225px
}

.forcePlaceholder .placeholder.highlight .tabs {
    background: var(--lwc-colorBackgroundAnchor, rgb(243, 242, 242));
    padding: var(--lwc-spacingMedium, 1rem) 0;
    margin: 0 auto
}

.forcePlaceholder .placeholder.highlight .tabs .tab {
    margin: 0 var(--lwc-spacingXLarge, 2rem);
    width: 20%;
    max-width: 60px;
    display: block
}

.forcePlaceholder .placeholder .button.button-small {
    height: 0;
    width: 70px;
    padding: var(--lwc-spacingMedium, 1rem);
    margin: var(--lwc-spacingXSmall, 0.5rem) 0
}

.forcePlaceholder .placeholder .button.button-full-width-small {
    height: 0;
    padding: var(--lwc-spacingMedium, 1rem);
    margin: var(--lwc-spacingXSmall, 0.5rem) 0
}

.forcePlaceholder .placeholder.record_home_anchor_vertical .p-bottom--small {
    margin-bottom: var(--lwc-spacingSmall, 0.75rem)
}

.forcePlaceholder .placeholder.record_home_anchor_vertical .icon-medium, .forcePlaceholder .placeholder.record_home_anchor_vertical .text-thick {
    vertical-align: middle
}

.forcePlaceholder .placeholder.record_home_anchor_vertical .text-thick {
    margin-top: 0
}

@media only screen and (min-width: 48em) {
    .forcePlaceholder .placeholder.highlight .anchor {
        padding: var(--lwc-spacingMedium, 1rem) var(--lwc-spacingMedium, 1rem);
        text-align: left
    }

    .forcePlaceholder .placeholder.highlight .icon, .forcePlaceholder .placeholder.highlight .text-body {
        vertical-align: middle
    }

    .forcePlaceholder .placeholder.highlight .text-body {
        margin-left: var(--lwc-spacingMedium, 1rem)
    }

    .forcePlaceholder .placeholder.highlight .text-body > .text {
        margin: 0;
        width: 250px;
        height: 12px;
        border-radius: 6px
    }

    .forcePlaceholder .placeholder.highlight .text-body > .text + .text {
        margin: var(--lwc-spacingMedium, 1rem) 0 0 0;
        width: 325px;
        height: 8px;
        border-radius: var(--lwc-borderRadiusMedium, 0.25rem)
    }

    .forcePlaceholder .placeholder.highlight .tabs {
        clear: both;
        padding: var(--lwc-spacingXLarge, 2rem) 0 var(--lwc-spacingMedium, 1rem) 0;
        margin: 0;
        justify-content: flex-start
    }
}

.forcePlaceholder .placeholder.group_highlight .container {
    position: relative;
    top: 50px;
    padding-bottom: 30px
}

.forcePlaceholder .placeholder.group_highlight .anchor {
    padding: 1rem;
    height: 140px
}

.forcePlaceholder .placeholder.group_highlight {
    height: 230px
}

.forcePlaceholder .placeholder.detail {
    background-color: var(--lwc-colorBackgroundAlt, rgb(255, 255, 255))
}

.forcePlaceholder .placeholder.detail .right-column {
    display: none
}

.forcePlaceholder .placeholder.detail .field {
    padding: var(--lwc-spacingLarge, 1.5rem) var(--lwc-spacingMedium, 1rem)
}

.forcePlaceholder .placeholder.detail .text-secondary {
    background-color: var(--lwc-colorBackgroundStencilAlt, rgb(236, 235, 234))
}

.forcePlaceholder .placeholder.detail .field:nth-child(even) .text-secondary {
    width: 33%
}

@media only screen and (min-width: 48em) {
    .forcePlaceholder .placeholder.detail {
        float: left;
        width: 100%;
        clear: both
    }

    .forcePlaceholder .placeholder.detail .left-column, .forcePlaceholder .placeholder.detail .right-column {
        float: left;
        display: block;
        width: 50%
    }

    .forcePlaceholder .placeholder.detail .right-column {
        padding-left: var(--lwc-spacingLarge, 1.5rem)
    }
}

@media only screen and (min-width: 64.0625em) {
    .forcePlaceholder .placeholder.detail .text {
        border-radius: var(--lwc-borderRadiusPill, 15rem);
        height: var(--lwc-spacingXSmall, 0.5rem)
    }
}

.forcePlaceholder .placeholder.detail.fieldMapping .right-column {
    padding-left: 0
}

.forcePlaceholder .placeholder.fieldMapping > .right-column > .anchor, .forcePlaceholder .placeholder.fieldMapping > .right-column > .field {
    padding-left: 2.5rem;
    border-left: 1px solid rgb(216, 221, 230)
}

.forcePlaceholder .placeholder.fieldMapping > .left-column > .field {
    padding: 1.25rem 1rem 1.25rem 1rem
}

.forcePlaceholder .placeholder.fieldMapping > .right-column > .field {
    padding: 1.25rem 1rem 1.75rem 2.5rem
}

@media only screen and (min-width: 64.0625em) {
    .forcePlaceholder .placeholder.fieldMapping > .left-column > .field {
        padding: 1.25rem 1rem 1.25rem 1rem
    }

    .forcePlaceholder .placeholder.fieldMapping > .right-column > .field {
        padding: 1.25rem 1rem 1.75rem 2.5rem
    }
}

.forcePlaceholder .placeholder.fieldMapping .anchor {
    padding: .125rem 1rem;
    border-bottom: 1px solid rgb(216, 221, 230)
}

.forcePlaceholder .placeholder.fieldMapping > .right-column > .field > .text {
    float: left;
    margin: 0
}

.forcePlaceholder .placeholder.fieldMapping > .right-column > .field > .text:last-child {
    float: right
}

.forcePlaceholder .placeholder.fieldMapping > .right-column > .field > .text-action {
    width: .625rem;
    height: .625rem;
    border-radius: 50%
}

.forcePlaceholder .placeholder.fieldMapping .content-tabs {
    padding: 1.5rem 1rem 0 1rem
}

.forcePlaceholder .placeholder.fieldMapping .intro {
    padding: 1.5rem 1rem .75rem 1rem
}

.forcePlaceholder .placeholder.fieldMapping .anchor > .field .text {
    max-width: 125px
}

.forcePlaceholder .placeholder.fieldMapping .body > .field {
    padding: 0 1rem
}

.forcePlaceholder .placeholder.fieldMapping .body > .field .text {
    margin: 1rem 0
}

.forcePlaceholder .placeholder.fieldMapping .body > .field .text-primary {
    max-width: 180px
}

.forcePlaceholder .placeholder.fieldMapping .body > .field .text-secondary {
    max-width: 210px;
    background: rgb(224, 229, 238)
}

.forcePlaceholder .placeholder.fieldMapping .body > .field:nth-child(odd) .text-primary {
    max-width: 265px
}

.forcePlaceholder .placeholder.fieldMapping .body > .field:nth-child(odd) .text-secondary {
    max-width: 130px
}

.forcePlaceholder .placeholder.list .anchor {
    padding: var(--lwc-spacingMedium, 1rem)
}

.forcePlaceholder .placeholder.list .anchor > .field .text {
    max-width: 125px
}

.forcePlaceholder .placeholder.list .body, .forcePlaceholder .placeholder.listpreview .body, .forcePlaceholder .placeholder.list_no_header .body, .forcePlaceholder .placeholder.split_view .body {
    padding: var(--lwc-spacingXxxSmall, 0.125rem) 0
}

.forcePlaceholder .placeholder.list .body > .field, .forcePlaceholder .placeholder.listpreview .body > .field, .forcePlaceholder .placeholder.list_no_header .body > .field, .forcePlaceholder .placeholder.split_view .body > .field {
    padding: 0 var(--lwc-spacingMedium, 1rem)
}

.forcePlaceholder .placeholder.list .body > .field .text, .forcePlaceholder .placeholder.listpreview .body > .field .text, .forcePlaceholder .placeholder.list_no_header .body > .field .text, .forcePlaceholder .placeholder.split_view .body > .field .text {
    margin: var(--lwc-spacingMedium, 1rem) 0
}

.forcePlaceholder .placeholder.list .body > .field .text-primary, .forcePlaceholder .placeholder.listpreview .body > .field .text-primary, .forcePlaceholder .placeholder.list_no_header .body > .field .text-primary, .forcePlaceholder .placeholder.split_view .body > .field .text-primary {
    max-width: 180px
}

.forcePlaceholder .placeholder.list .body > .field .text-secondary, .forcePlaceholder .placeholder.listpreview .body > .field .text-secondary, .forcePlaceholder .placeholder.list_no_header .body > .field .text-secondary {
    max-width: 210px;
    background: var(--lwc-colorBackgroundStencilAlt, rgb(236, 235, 234))
}

.forcePlaceholder .placeholder.split_view .body > .field .text-secondary {
    max-width: 210px
}

.forcePlaceholder .placeholder.list .body > .field:nth-child(odd) .text-primary, .forcePlaceholder .placeholder.listpreview .body > .field:nth-child(odd) .text-primary, .forcePlaceholder .placeholder.list_no_header .body > .field:nth-child(odd) .text-primary, .forcePlaceholder .placeholder.split_view .body > .field:nth-child(odd) .text-primary {
    max-width: 265px
}

.forcePlaceholder .placeholder.list .body > .field:nth-child(odd) .text-secondary, .forcePlaceholder .placeholder.listpreview .body > .field:nth-child(odd) .text-secondary, .forcePlaceholder .placeholder.split_view .body > .field:nth-child(odd) .text-secondary {
    max-width: 130px
}

.forcePlaceholder .placeholder.twitter_bird .body {
    padding: var(--lwc-spacingSmall, 0.75rem)
}

.forcePlaceholder .placeholder.feed {
    height: 100%;
    width: 100%;
    padding: var(--lwc-spacingMedium, 1rem) var(--lwc-spacingMedium, 1rem) 0
}

.forcePlaceholder .placeholder.feed .card {
    width: 100%;
    padding: var(--lwc-spacingMedium, 1rem);
    margin-bottom: var(--lwc-spacingMedium, 1rem);
    border-radius: var(--lwc-borderRadiusMedium, 0.25rem)
}

.forcePlaceholder .placeholder.feed .card .text {
    margin: var(--lwc-spacingMedium, 1rem) 0
}

.forcePlaceholder .placeholder.feed .card .text-body:nth-child(odd) {
    width: 100%
}

.forcePlaceholder .placeholder.feed .card .actions {
    border-top: var(--lwc-borderWidthThin, 1px) solid var(--lwc-colorBorderSelectionActive, rgb(250, 250, 249));
    padding: var(--lwc-spacingLarge, 1.5rem) 0 var(--lwc-spacingMedium, 1rem)
}

.forcePlaceholder .placeholder.feed .card .actions .text {
    float: left;
    margin: 0
}

.forcePlaceholder .placeholder.feed .card .actions .text:last-child {
    float: right
}

.forcePlaceholder .placeholder.feed .card:nth-child(even) .text-shorter {
    width: 15%
}

.forcePlaceholder .placeholder.related .card, .forcePlaceholder .placeholder.relatedInPreview .card {
    background: var(--lwc-colorBackgroundAlt, rgb(255, 255, 255));
    height: calc(62px + var(--lwc-squareIconMediumBoundary, 2rem) + (2 * var(--lwc-spacingMedium, 1rem)));
    padding: var(--lwc-spacingSmall, 0.75rem);
    margin: var(--lwc-spacingMedium, 1rem);
    border-radius: var(--lwc-borderRadiusMedium, 0.25rem)
}

.forcePlaceholder .placeholder.related .card .field, .forcePlaceholder .placeholder.relatedInPreview .card .field {
    margin: 0
}

.forcePlaceholder .placeholder.related .card .text, .forcePlaceholder .placeholder.relatedInPreview .card .text {
    border-radius: 3px;
    max-width: 250px
}

.forcePlaceholder .placeholder.related .card:nth-child(odd) .text {
    width: 60%;
    max-width: 175px
}

.oneApplicationError .details-ctr {
    margin-top: var(--lwc-spacingSmall, 0.75rem)
}

.oneApplicationError .uiInput.details {
    font-family: monospace;
    font-size: .815rem;
    height: var(--lwc-sizeSmall, 15rem);
    line-height: var(--lwc-lineHeightText, 1.5);
    resize: vertical;
    transition: none;
    transition-property: border, height, padding;
    transition-duration: var(--lwc-durationPromptly, 0.2s);
    transition-timing-function: ease-in-out;
    white-space: pre-wrap
}

.oneApplicationError .collapsed .details {
    border: 0;
    height: 0 !important;
    padding: 0;
    resize: none
}

.oneApplicationError .details-ctr .uiButton, .oneApplicationError .details-ctr .uiButton:active, .oneApplicationError .details-ctr .uiButton:hover {
    background: 0;
    border: 0;
    border-radius: 0;
    color: inherit;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    padding: 0;
    text-decoration: none
}

.oneApplicationError .details-ctr .uiButton .label {
    float: left
}

.oneApplicationError .details-ctr .forceIcon {
    display: block;
    float: left;
    margin-left: var(--lwc-spacingXxSmall, 0.25rem);
    margin-top: 1px;
    transform: rotate(90deg);
    transition: transform var(--lwc-durationPromptly, 0.2s) linear
}

.oneApplicationError .details-ctr.collapsed .forceIcon {
    transform: none
}

div.uiTimePicker {
    display: inline-block;
    text-align: center;
    white-space: nowrap
}

div.uiTimePicker input.input-hours, div.uiTimePicker input.input-minutes {
    font-size: 45px;
    font-family: 'ProximaNovaSoft-Regular';
    color: #3c3d3e;
    text-align: center;
    vertical-align: middle;
    border: 1px solid #bbc0c4;
    border-radius: 5px;
    background-color: #ffffff;
    box-shadow: inset 0 2px 2px 0 rgba(0, 0, 0, 0.05);
    height: 80px;
    width: 80px;
    margin: 14px 5px
}

div.uiTimePicker input.error {
    border-color: red;
    background-color: rgba(255, 0, 0, .025)
}

div.uiTimePicker select.ampm {
    font-size: 36px;
    font-family: 'ProximaNovaSoft-Regular';
    color: #006eb3;
    padding: 0 0 0 5px;
    margin: 0;
    width: auto;
    border: 0;
    vertical-align: middle;
    background-color: #f0f1f2;
    background-image: none;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.uiTimePicker .time-separator {
    width: 6px;
    height: 18px
}

@media only screen and (max-width: 999px) and (orientation: portrait) {
    div.uiTimePicker input.input-hours, div.uiTimePicker input.input-minutes {
        height: 40px;
        width: 40px;
        font-size: 30px;
        padding: 7px;
        box-sizing: content-box
    }

    div.uiTimePicker select.ampm {
        font-size: 20px
    }
}

.uiDatePicker {
    opacity: 0;
    display: block;
    position: absolute
}

.uiDatePicker.visible, .uiDatePicker.DESKTOP.visible {
    opacity: 1;
    display: block
}

.uiInputDateHtml input {
    min-height: 41px
}

div.uiInputDate {
    position: relative
}

.uiInputDate + .display, .uiInputDate .display {
    display: inline-block
}

.uiInputDate + .hide, .uiInputDate .hide {
    display: none
}

.uiInputDateTimeHtml input {
    min-height: 41px
}

.uiInputFileDroppableZone.droppable-zone {
    padding: 15px;
    border: 2px dashed #ccc
}

.uiInputFileDroppableZone.droppable-zone.drag-over {
    border-color: green
}

.uiInputFileFilesList.input-file-header {
    margin: 15px 0 5px 0;
    font-weight: bold
}

.uiInputFileFilesList.input-file-list {
    list-style: none;
    padding: 0;
    margin: 0
}

.uiInputFileFilesList.input-file-list li:not(:last-child) {
    margin-bottom: 5px
}

.uiInputFileFilesList .input-file-file-size {
    color: #ccc;
    font-style: italic
}

.uiInputSmartNumber.renderLtrInRtl {
    direction: ltr;
    text-align: right
}

.uiInputTimePicker.visible {
    opacity: 1;
    display: block
}

.forceModalActionContainer.centerAlign {
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center
}

.forceModalActionContainer--bodyAction .slds-button + .slds-button {
    margin-left: 0
}

.uiInputSearch .hide {
    display: none
}

.uiInputSearch input[type=text]::-ms-clear {
    display: none
}

.uiInputSearch input[type=text]::-ms-reveal {
    display: none
}

.uiInputTextAreaForAutocomplete.autocompleteButton {
    background: transparent;
    border: none;
    outline: none;
    box-shadow: none
}

.uiInputTextForAutocomplete.autocompleteButton {
    background: transparent;
    border: none;
    outline: none;
    box-shadow: none
}

.uiModal .hidden {
    display: none
}

.uiModal .modal-body {
    -webkit-overflow-scrolling: touch
}

@media (-ms-high-contrast: none),(-ms-high-contrast: active) {
    .uiModal .modal-container.slds-modal__container {
        transform: inherit
    }
}

.uiModal .transitioning {
    transition: transform .3s linear, opacity .2s linear
}

.uiModal .panel.movefrombottom {
    visibility: visible;
    animation: movefrombottom-modal .4s ease-in-out
}

.uiModal .panel.movetobottom {
    visibility: visible;
    animation: movetobottom-modal .4s ease-in-out
}

.uiModal .panel.movefromtop {
    visibility: visible;
    animation: movefromtop-modal .4s ease-in-out
}

.uiModal .panel.movetotop {
    visibility: visible;
    animation: movetotop-modal .4s ease-in-out
}

.uiModal .panel.movefromleft {
    visibility: visible;
    animation: movefromleft-modal .4s ease-in-out
}

.uiModal .panel.movetoleft {
    visibility: visible;
    animation: movetoleft-modal .4s ease-in-out
}

.uiModal .panel.movefromright {
    visibility: visible;
    animation: movefromright-modal .4s ease-in-out
}

.uiModal .panel.movetoright {
    visibility: visible;
    animation: movetoright-modal .4s ease-in-out
}

.uiModal .panel.movefromcenter {
    visibility: visible;
    animation: movefromcenter .4s ease-in-out
}

.uiModal .panel.movetocenter {
    visibility: visible;
    animation: movetocenter .4s ease-in-out
}

.uiModal .panel.movefrompop {
    visibility: visible;
    animation: movefrompop-modal .2s linear
}

.uiModal .panel.movetopop {
    visibility: visible;
    animation: movetopop-modal .2s ease-in-out
}

@keyframes movetobottom-modal {
    from {
        transform: translate3d(0px, 0px, 0px)
    }
    to {
        transform: translate3d(0px, 16px, 0px)
    }
}

@keyframes movefrombottom-modal {
    from {
        transform: translate3d(0px, 16px, 0px)
    }
    to {
        transform: translate3d(0px, 0px, 0px)
    }
}

@keyframes movetotop-modal {
    from {
        transform: translate3d(0px, 0px, 0px)
    }
    to {
        transform: translate3d(0px, -16px, 0px)
    }
}

@keyframes movefromtop-modal {
    from {
        transform: translate3d(0px, -16px, 0px)
    }
    to {
        transform: translate3d(0px, 0px, 0px)
    }
}

@keyframes movetoleft-modal {
    from {
        transform: translate3d(0px, 0px, 0px)
    }
    to {
        transform: translate3d(-16px, 0px, 0px)
    }
}

@keyframes movefromleft-modal {
    from {
        transform: translate3d(-16px, 0px, 0px)
    }
    to {
        transform: translate3d(0px, 0px, 0px)
    }
}

@keyframes movetoright-modal {
    from {
        transform: translate3d(0px, 0px, 0px)
    }
    to {
        transform: translate3d(16px, 0, 0px)
    }
}

@keyframes movefromright-modal {
    from {
        transform: translate3d(16px, 0px, 0px)
    }
    to {
        transform: translate3d(0px, 0px, 0px)
    }
}

@keyframes movetopop-modal {
    from {
        transform: scale3d(1, 1, 1)
    }
    to {
        transform: scale3d(.97, .97, 1)
    }
}

@keyframes movefrompop-modal {
    0% {
        transform: scale3d(.97, .97, 1)
    }
    60% {
        transform: scale3d(1.02, 1.02, 1)
    }
    100% {
        transform: scale3d(1, 1, 1)
    }
}

@keyframes movefromcenter {
    from {
        transform: scale3d(.97, .97, 1)
    }
}

@keyframes movetocenter {
    to {
        transform: scale3d(.97, .97, 1)
    }
}

.uiModal--default {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.uiModal--default.open {
    display: flex
}

.uiModal--default .modal-glass {
    transition: opacity .2s;
    position: absolute;
    display: block;
    opacity: 0;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #a8b7c7
}

.uiModal--default .modal-glass.fadein {
    transition: opacity .2s
}

.uiModal--default .panel {
    display: flex;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 3rem 0;
    transform: translate3d(0, 200, 0)
}

.uiModal--default .modal-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 0 auto;
    border-radius: .25rem;
    width: 50%;
    max-width: 40rem;
    min-width: 20rem;
    height: 100%
}

.uiModal--default .modal-header, .uiModal--default .modal-body, .uiModal--default .modal-footer {
    background-color: #fff
}

.uiModal--default .modal-header {
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
    position: relative;
    text-align: center;
    flex-shrink: 0
}

.uiModal--default .modal-header .title {
    -ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    padding: 1.5rem 1rem
}

.uiModal--default .modal-header.empty + .modal-body {
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem
}

.uiModal--default .modal-body {
    overflow: hidden;
    overflow-y: auto
}

.uiModal--default .modal-footer {
    flex-shrink: 0
}

.uiModal--default .uiButton.closeBtn {
    position: absolute;
    top: -30px;
    right: 4px;
    font-family: Arial;
    font-size: 25px;
    padding: 12px;
    margin: -12px;
    overflow: visible;
    background: transparent;
    border: none;
    box-shadow: none;
    color: #ffffff
}

.uiOutputEmail.invalid {
    color: red
}

.uiOutputLabel {
    vertical-align: top;
    font-weight: bold
}

.uiOutputRichText em {
    font-style: italic
}

.uiOutputRichText strong {
    font-weight: bold
}

.uiOutputTextArea {
    white-space: pre-line
}

.uiOutputURL.disabled {
    cursor: default;
    pointer-events: none;
    text-decoration: none
}

.forceActionLink ._focused {
    text-decoration: underline
}

.forceActionLink ._unfocused {
    text-decoration: none
}

.forceEntityIcon {
    display: block;
    border-radius: var(--lwc-borderRadiusSmall, 0.125rem)
}

.forceEntityIcon.small {
    width: var(--lwc-squareIconMediumBoundary, 2rem);
    height: var(--lwc-squareIconMediumBoundary, 2rem)
}

.forceEntityIcon.large {
    width: var(--lwc-squareIconLargeBoundary, 3rem);
    height: var(--lwc-squareIconLargeBoundary, 3rem)
}

.forceEntityIcon.extraSmall {
    width: var(--lwc-squareIconSmallBoundary, 1.5rem);
    height: var(--lwc-squareIconSmallBoundary, 1.5rem)
}

.forceEntityIcon.circular {
    border-radius: var(--lwc-borderRadiusCircle, 50%)
}

.forceEntityIcon.roundedSquare {
    border-radius: var(--lwc-borderRadiusMedium, 0.25rem)
}

.forceEntityIcon .uiImage {
    display: inherit
}

.forceEntityIcon img {
    display: inherit
}

.forceEntityIcon img.noicon {
    visibility: hidden
}

.forceModal .forceModalActionContainer .forceStatusIcon {
    display: inline-block;
    margin-right: var(--lwc-spacingXSmall, 0.5rem)
}

@media (max-width: 599px) {
    .forceRecordLayout .forcePageBlockSectionRow {
        display: block
    }

    .forceRecordLayout .forcePageBlockSection.twoCol .forcePageBlockItem, .forceRecordLayout .forcePageBlockSection.threeCol .forcePageBlockItem {
        width: 100%
    }

    .forceRecordLayout .blank-item.forcePageBlockItem {
        display: none
    }
}

.forceRecordLayout .highlightField {
    background: var(--lwc-colorBackgroundHighlight, rgb(250, 255, 189))
}

.forceRecordLayout.forceHighlightsTemplate .header {
    padding: 14px;
    text-align: center;
    position: relative
}

.forceRecordLayout.forceHighlightsTemplate .seperator {
    margin: 0 5px
}

.forceRecordLayout.forceHighlightsTemplate .highlightsH2 span:empty + .seperator, .forceRecordLayout.forceHighlightsTemplate .highlightsH2 div:empty + .seperator, .forceRecordLayout.forceHighlightsTemplate .highlightsH2 a:empty + .seperator {
    display: none
}

.forceRecordLayout.forceHighlightsTemplate .highlightsH1 {
    font-weight: var(--lwc-fontWeightBold, 700);
    font-size: var(--lwc-fontSizeLarge, 1rem);
    margin-bottom: 8px
}

.forceRecordLayout.forceHighlightsTemplate .highlightsH2 {
    color: var(--lwc-colorTextPlaceholder, rgb(112, 110, 107));
    font-weight: var(--lwc-fontWeightRegular, 400);
    font-size: var(--lwc-fontSizeMedium, 0.8125rem);
    display: inline
}

.forceRecordLayout.forceHighlightsTemplate .highlightsH2 div {
    display: inline;
    white-space: nowrap
}

.forceRecordLayout.forceHighlightsTemplate .highlightsH2 div + span {
    margin-left: 3px;
    margin-right: 3px
}

.forceRecordLayout.forceHighlightsTemplate .profilePicWrapper {
    position: relative;
    width: 60px;
    height: 60px;
    margin: 0 auto;
    padding-bottom: 14px
}

.forceRecordLayout.forceHighlightsTemplate .profilePicWrapper .profilePic {
    z-index: 1
}

.forceRecordLayout.forceHighlightsTemplate .profilePicWrapper .motifWrapper {
    z-index: 0
}

.forceRecordLayout.forceHighlightsTemplate .profilePicWrapper .motifWrapper, .forceRecordLayout.forceHighlightsTemplate .profilePicWrapper .profilePic {
    position: absolute;
    top: 0;
    left: 0;
    width: 60px;
    height: 60px
}

.forceRecordLayout.forceHighlightsTemplate .profilePicWrapper .profilePic .uiImage {
    width: 60px;
    height: 60px;
    border-radius: 5px
}

.forceRecordLayout.forceHighlightsTemplate .truncatedText {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    color: var(--lwc-colorTextPlaceholder, rgb(112, 110, 107))
}

.forceRecordLayout.forceHighlightsTemplate .highlightsH1.dark {
    color: var(--lwc-colorTextInverse, rgb(255, 255, 255))
}

.forceRecordLayout.forceHighlightsTemplate .highlightsH1.light {
    color: var(--lwc-colorTextDefault, rgb(8, 7, 7))
}

.forceRecordLayout.forceHighlightsTemplate .header.dark {
    background: var(--lwc-colorBackgroundAnchor, rgb(243, 242, 242));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#33495f', endColorstr='#23394d', GradientType=0)
}

.forceRecordLayout.forceHighlightsTemplate .header.light {
    background: var(--lwc-colorBackgroundAlt, rgb(255, 255, 255))
}

.forceChatterEntityLink .cuf-entityAdditionalLabel {
    color: var(--lwc-colorTextWeak, rgb(62, 62, 60))
}

.forceChatterEntityLink.entityLinkHover .uiOutputText {
    border-bottom: var(--lwc-borderWidthThin, 1px) dotted var(--lwc-colorBorderInfo, rgb(112, 110, 107))
}

.forceChatterEntityLink.cuf-entityLinkBlock {
    text-decoration: none;
    display: inline-block
}

.forceChatterEntityLink.cuf-entityLinkBlock:hover {
    border-bottom: none
}

.forceChatterEntityPhoto.entityPhotoSpecificity {
    overflow: hidden;
    display: inline-block;
    position: relative;
    box-sizing: content-box;
    flex-grow: initial
}

.forceChatterEntityPhoto.xLargeSize {
    height: 10rem;
    width: 10rem
}

.forceChatterEntityPhoto.largeSize {
    height: var(--lwc-squareIconLargeBoundary, 3rem);
    width: var(--lwc-squareIconLargeBoundary, 3rem)
}

.forceChatterEntityPhoto.standardSize {
    height: 45px;
    width: 45px
}

.forceChatterEntityPhoto.mediumSize {
    height: 30px;
    width: 30px
}

.forceChatterEntityPhoto.smallSize {
    height: 20px;
    width: 20px
}

.forceChatterEntityPhoto.tinySize {
    height: 16px;
    width: 16px
}

.forceChatterEntityPhoto .image {
    width: 100%;
    height: 100%
}

.forceChatterEntityPhoto.xLargeSize.rounded, .forceChatterEntityPhoto.largeSize.rounded, .forceChatterEntityPhoto.standardSize.rounded, .forceChatterEntityPhoto.mediumSize.rounded {
    border-radius: var(--lwc-borderRadiusLarge, 0.5rem)
}

.forceChatterEntityPhoto.smallSize.rounded, .forceChatterEntityPhoto.tinySize.rounded {
    border-radius: var(--lwc-borderRadiusSmall, 0.125rem)
}

.forceChatterEntityPhoto.circular {
    border-radius: 50%
}

.forceChatterEntityPhoto.detailed {
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.38)
}

.forceChatterEntityPhoto.detailed .detailOverlay {
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0) 100%);
    box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.21);
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 3
}

.forceChatterEntityPhoto.xLargeSize.circular {
    border: 5px solid var(--lwc-colorBackground, rgb(243, 242, 242))
}

.forceChatterEntityPhoto.xLargeSize.rounded {
    border: 5px solid var(--lwc-colorBackground, rgb(243, 242, 242));
    background-color: var(--lwc-colorBackgroundAlt, rgb(255, 255, 255));
    border-radius: var(--lwc-borderRadiusLarge, 0.5rem)
}

.forceChatterEntityPhoto.xLargeSize.circular.showExternalLabel {
    border: 3px solid var(--lwc-colorBorderCustomer, rgb(255, 154, 60))
}

.forceChatterEntityPhoto.xLargeSize.circular .showExternalBadge .externalGradient {
    color: var(--lwc-colorTextInverse, rgb(255, 255, 255));
    background: var(--lwc-colorBackgroundCustomer, rgb(255, 154, 60));
    bottom: 0;
    width: 100%;
    height: 15%
}

.forceChatterEntityPhoto.xLargeSize.rounded .showExternalBadge .externalGradient {
    display: none
}

.forceChatterEntityPhoto.largeSize.circular {
    border: var(--lwc-borderWidthThick, 2px) solid var(--lwc-colorBackground, rgb(243, 242, 242))
}

.forceChatterEntityPhoto.largeSize.rounded {
    border-radius: var(--lwc-borderRadiusLarge, 0.5rem);
    border: 3px solid var(--lwc-colorBackground, rgb(243, 242, 242));
    background-color: var(--lwc-colorBackgroundAlt, rgb(255, 255, 255))
}

.forceChatterEntityPhoto.largeSize.circular.showExternalLabel {
    border: 3px solid var(--lwc-colorBorderCustomer, rgb(255, 154, 60))
}

.forceChatterEntityPhoto.largeSize.rounded .showExternalBadge .externalGradient {
    display: none
}

.forceChatterEntityPhoto.largeSize.circular .showExternalBadge .externalGradient {
    color: var(--lwc-colorTextInverse, rgb(255, 255, 255));
    background: var(--lwc-colorBackgroundCustomer, rgb(255, 154, 60));
    bottom: 0;
    width: 100%;
    height: 18%;
    font-size: 7px
}

.forceChatterEntityPhoto .externalBadgeBackground {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 0;
    height: 0;
    border-style: solid
}

.forceChatterEntityPhoto.dark .externalBadgeBackground {
    border-color: #23394d transparent transparent transparent
}

.forceChatterEntityPhoto.light .externalBadgeBackground {
    border-color: white transparent transparent transparent
}

.forceChatterEntityPhoto.largeSize .externalBadgeBackground {
    border-width: 18px 18px 0 0
}

.forceChatterEntityPhoto.standardSize .externalBadgeBackground {
    border-width: 15px 15px 0 0
}

.forceChatterEntityPhoto.mediumSize .externalBadgeBackground {
    border-width: 12px 12px 0 0
}

.forceChatterEntityPhoto.smallSize .externalBadgeBackground {
    border-width: 8px 8px 0 0
}

.forceChatterEntityPhoto.tinySize .externalBadgeBackground {
    border-width: 6px 6px 0 0
}

.forceChatterEntityPhoto .externalBadgeForeground {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 0;
    height: 0;
    border-color: var(--lwc-colorBackgroundCustomer, rgb(255, 154, 60)) transparent transparent transparent;
    border-style: solid
}

.forceChatterEntityPhoto.largeSize .externalBadgeForeground {
    border-width: 14px 14px 0 0
}

.forceChatterEntityPhoto.standardSize .externalBadgeForeground {
    border-width: 11px 11px 0 0
}

.forceChatterEntityPhoto.mediumSize .externalBadgeForeground {
    border-width: 9px 9px 0 0
}

.forceChatterEntityPhoto.smallSize .externalBadgeForeground {
    border-width: 6px 6px 0 0
}

.forceChatterEntityPhoto.tinySize .externalBadgeForeground {
    border-width: 4px 4px 0 0
}

.forceChatterEntityPhoto.defaultPhoto {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat
}

.forceContentFileCard .fileCard-loading {
    color: gray;
    fill-opacity: .5
}

.forceContentFileCard .fileCard-message {
    color: var(--lwc-colorTextDefault, rgb(8, 7, 7));
    font-size: var(--lwc-fontSizeMedium, 0.8125rem);
    display: flex;
    text-align: -webkit-center;
    justify-content: center
}

.forceContentFileCard .slds-truncate {
    display: block
}

.uiAbstractList .listContent {
    clear: both;
    position: relative
}

.uiAbstractList .emptyListContent {
    display: none
}

.uiAbstractList.showEmptyContent:not(.loading) .emptyListContent {
    display: block
}

.uiAbstractList .loadingIndicator {
    display: none;
    height: 100%;
    min-height: 2.5rem;
    left: 0;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 80
}

.uiAbstractList.loading {
    min-height: 2.5rem
}

.uiAbstractList.loading .loadingIndicator {
    display: block
}

.uiAbstractList .loadingIndicator .background {
    background-color: #fff;
    height: 100%;
    left: 0;
    opacity: .6;
    -ms-filter: alpha(opacity=60);
    filter: alpha(opacity=60);
    display: inline;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0;
    zoom: 1
}

@keyframes movefrombottom {
    from {
        transform: translate3d(0px, 16px, 0px);
        opacity: 0
    }
    to {
        transform: translate3d(0px, 0px, 0px);
        opacity: 1
    }
}

.uiPanel.movefromtop {
    visibility: visible;
    animation: movefromtop .2s ease both
}

.uiPanel.movetotop {
    visibility: visible;
    animation: movefromtop .2s ease both reverse
}

@keyframes movefromtop {
    from {
        transform: translate3d(0px, -16px, 0px)
    }
    to {
        transform: translate3d(0px, 0px, 0px)
    }
}

.uiPanel.movefromleft {
    visibility: visible;
    animation: movefromleft .2s ease both
}

.uiPanel.movetoleft {
    visibility: visible;
    animation: movefromleft .2s ease both reverse
}

@keyframes movefromleft {
    from {
        transform: translate3d(-16px, 0px, 0px)
    }
    to {
        transform: translate3d(0px, 0px, 0px)
    }
}

.uiPanel.movefromright {
    visibility: visible;
    animation: movefromright .2s ease both
}

.uiPanel.movetoright {
    visibility: visible;
    animation: movefromright .2s ease both reverse
}

@keyframes movefromright {
    from {
        transform: translate3d(16px, 0px, 0px)
    }
    to {
        transform: translate3d(0px, 0px, 0px)
    }
}

.uiPanel.movefromcenter {
    visibility: visible;
    animation: movefromcenter .2s linear
}

.uiPanel.movetocenter {
    visibility: visible;
    animation: movefromcenter .2s linear reverse
}

@keyframes movefromcenter {
    from {
        transform: scale3d(.97, .97, 1)
    }
}

.uiPanel.movefrompop {
    visibility: visible;
    animation: movefrompop .2s linear
}

.uiPanel.movetopop {
    visibility: visible;
    animation: movefrompop .2s ease both reverse
}

@keyframes movefrompop {
    0% {
        transform: scale3d(.97, .97, 1)
    }
    60% {
        transform: scale3d(1.02, 1.02, 1)
    }
    100% {
        transform: scale3d(1, 1, 1)
    }
}

.uiPanel--full-screen {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%
}

.uiPanelManager2 {
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    -moz-box-orient: horizontal;
    -moz-box-pack: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -ms-flex-direction: row;
    box-orient: horizontal;
    box-pack: center;
    box-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    pointer-events: none
}

.uiPanelManager2 * {
    pointer-events: auto
}

.uiScroller {
    position: relative;
    width: 100%;
    height: 100%
}

.uiScroller {
    transform: translateZ(0)
}

.uiScroller > * {
    box-sizing: border-box
}

.uiScroller.native {
    overflow: auto;
    -webkit-overflow-scrolling: touch
}

.uiScroller.native > .scroller > .pullToRefresh, .uiScroller.native > .scroller > .pullToLoadMore {
    position: relative;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer
}

.uiScroller > .scroller {
    position: absolute;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    transform: translateZ(0);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
    -o-text-size-adjust: none;
    text-size-adjust: none
}

.uiScroller.native > .scroller {
    -webkit-touch-callout: default;
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text
}

.uiScroller.scroll-vertical > .scroller, .uiScroller.scroll-vertical .surface {
    width: 100%
}

.uiScroller.scroll-horizontal > .scroller, .uiScroller.scroll-horizontal .surface {
    height: 100%
}

.uiScroller .surface {
    position: absolute;
    transform-origin: center center;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transform-style: flat;
    -webkit-tap-highlight-color: transparent;
    pointer-events: auto;
    box-sizing: border-box
}

.uiScroller .pullToRefresh {
    transform: translate3d(0, 0, 0);
    position: absolute;
    width: 100%;
    height: 50px;
    top: -50px;
    text-align: center;
    line-height: 50px;
    z-index: 100
}

.uiScroller .pullToLoadMore {
    transform: translate3d(0, 0, 0);
    height: 50px;
    text-align: center;
    line-height: 50px;
    z-index: 100
}

.uiScroller .pullToRefresh > .icon, .uiScroller .pullToLoadMore > .icon {
    line-height: 1;
    display: inline-block;
    background-position: 50%;
    background-repeat: no-repeat;
    border-radius: 5px;
    transition: transform 300ms;
    transform: translate3d(0, 0, 0);
    padding: 0 5px;
    box-sizing: content-box
}

.uiScroller .pullToRefresh.pull > .icon, .uiScroller .pullToLoadMore.pull > .icon {
    transform: translate3d(0, 0, 0) rotate(180deg)
}

.uiScroller .pullToRefresh.update > .icon, .uiScroller .pullToLoadMore.update > .icon {
    animation: spin .6s linear infinite
}

.uiScroller button.scrollButton.voiceOver {
    position: absolute;
    z-index: 9999;
    border: none;
    cursor: pointer;
    overflow: hidden;
    outline: none
}

.uiScroller button.scrollButton.voiceOver.top {
    top: 0;
    height: 30px;
    width: 100%
}

.uiScroller button.scrollButton.voiceOver.upButton {
    display: none
}

.uiScroller button.scrollButton.voiceOver.downButton {
    height: 30px;
    width: 100%;
    bottom: 0
}

.uiScroller button.scrollButton.voiceOver.rightButton {
    width: 30px;
    height: 100%;
    right: 0
}

.uiScroller button.scrollButton.voiceOver.leftButton {
    width: 30px;
    height: 100%;
    left: 0
}

@keyframes spin {
    from {
        transform: rotate(180deg)
    }
    to {
        transform: rotate(540deg)
    }
}

.forceInputLookupPanelSelector {
    display: block;
    position: relative
}

.forceInputLookupPanelSelector .selected {
    display: block;
    font-weight: bold;
    padding: var(--lwc-spacingSmall, 0.75rem);
    border-bottom: 1px solid var(--lwc-colorBorderSeparatorAlt, rgb(221, 219, 218))
}

.forceInputLookupPanelSelector .label {
    font-size: 18px;
    padding: 3.5px 0 0 7px
}

.forceInputLookupPanelSelector .downIcon {
    display: none;
    font-size: 11px;
    padding: 0 7px;
    transition: transform .2s ease-in
}

.forceInputLookupPanelSelector.polymorphic .downIcon {
    display: inline-block
}

.forceInputLookupPanelSelector select.uiInput {
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    margin: 0;
    padding: 0
}

.forceInputLookupPanelSelector .eIcon {
    height: 30px;
    width: 30px
}

.forceInputLookupPanelSelector .eIcon, .forceInputLookupPanelSelector .label {
    float: left;
    display: inline-block
}

.forceInputLookupPanelSelector .clearer {
    clear: both
}

.forceChatterEditGroupNotificationSettings.uiButton.picker, .forceChatterEditGroupNotificationSettings.uiButton.pickerSelected {
    display: block;
    width: 100%;
    text-align: left;
    padding: 1rem;
    border-top: 1px solid var(--lwc-colorBorderSeparatorAlt, rgb(221, 219, 218));
    border-bottom: none;
    border-left: none;
    border-right: none;
    margin: 2px;
    background-color: Transparent;
    font-size: var(--lwc-fontSizeMedium, 0.8125rem)
}

.forceChatterEditGroupNotificationSettings.uiButton.picker:hover, .forceChatterEditGroupNotificationSettings.uiButton.pickerSelected:hover {
    background-color: var(--lwc-colorBackgroundRowHover, rgb(243, 242, 242))
}

.forceChatterEditGroupNotificationSettings.uiButton.picker:focus, .forceChatterEditGroupNotificationSettings.uiButton.pickerSelected:focus {
    background-color: var(--lwc-colorBackgroundRowActive, rgb(236, 235, 234));
    outline: none
}

.forceChatterEditGroupNotificationSettings.uiButton.picker::-moz-focus-inner, .forceChatterEditGroupNotificationSettings.uiButton.pickerSelected::-moz-focus-inner {
    border: none
}

.forceChatterEditGroupNotificationSettings.uiButton.pickerSelected:after {
    content: '\e80b';
    font-family: 'forceIconFont';
    text-rendering: optimizeLegibility;
    display: inline-block;
    padding: 0 8px;
    vertical-align: middle;
    float: right;
    color: var(--lwc-colorTextIconBrand, rgb(0, 112, 210))
}

.forceChatterEditGroupNotificationSettings.uiButton.picker:last-child, .forceChatterEditGroupNotificationSettings.uiButton.pickerSelected:last-child {
    border-bottom: 1px solid var(--lwc-colorBorderSeparatorAlt, rgb(221, 219, 218));
    margin-bottom: 1rem
}

.forceChatterEntityCard .entityProfile {
    margin: var(--lwc-spacingSmall, 0.75rem) 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    align-content: center
}

.forceChatterEntityCard ul li:not(:last-child) {
    border-bottom: 1px solid #eee
}

.forceChatterEntityCard .entityProfile .photo {
    order: 1;
    margin: 0 var(--lwc-spacingMedium, 1rem)
}

.forceChatterEntityCard .entityProfile .details {
    order: 2
}

.forceChatterEntityCard .entityProfile .details .userTitle {
    color: var(--lwc-colorTextWeak, rgb(62, 62, 60))
}

.forceChatterEntityCard .entityProfile .details .userAdditonalLabel {
    color: var(--lwc-colorTextWeak, rgb(62, 62, 60))
}

.forceChatterEntityCard .showMoreContainer {
    display: flex;
    justify-content: center;
    margin-bottom: var(--lwc-spacingSmall, 0.75rem)
}

.forceContentFilePreview .modal-glass {
    display: none
}

.forceContentFilePreview .modal-container {
    margin: 0;
    width: 100%;
    z-index: 200;
    max-width: none
}

.forceContentFilePreview .modal-header {
    padding: 0;
    border: 0
}

.forceContentFilePreview .modal-body .slds-button .assistiveText {
    display: none
}

.forceContentFilePreview .slds-file--card {
    width: 34rem
}

.forceContentQuipPreview {
    max-width: 100%;
    height: 100%;
    width: 100%;
    margin-right: auto;
    margin-left: auto
}

.forceContentQuipPreview.MODAL_VIEW.quip {
    width: 80%;
    padding: 4rem
}

.forceContentSvgPreview {
    height: 100%
}

.forceContentSvgPreview object {
    pointer-events: none
}

.forceContentSvgPreview .page img, .forceContentSvgPreview .page object {
    width: 100%;
    height: auto;
    display: block
}

.forceContentThumbnailPreview {
    height: 100%
}

.forceContentThumbnailPreview .page.loading {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    visibility: hidden
}

.forceContentThumbnailPreview .page.flip img {
    transform: scaleX(-1)
}

.forceContentThumbnailPreview .page.rotate-180 img {
    transform: rotate(180deg)
}

.forceContentThumbnailPreview .page.rotate-180.flip img {
    transform: scaleX(-1) rotate(180deg)
}

.forceContentThumbnailPreview .page.rotate-90 img {
    transform: rotate(90deg)
}

.forceContentThumbnailPreview .page.rotate-90.flip img {
    transform: scaleX(-1) rotate(90deg)
}

.forceContentThumbnailPreview .page.rotate-270 img {
    transform: rotate(270deg)
}

.forceContentThumbnailPreview .page.rotate-270.flip img {
    transform: scaleX(-1) rotate(270deg)
}

.forceContentVideoPreview {
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center
}

.forceContentVideoPreview video {
    width: 100%;
    margin: auto;
    max-height: 100%
}

.forceContentVideoPreview.starting {
    display: none !important
}

.uiBlock, .uiBlock .bBody {
    overflow: hidden;
    vertical-align: top
}

.uiBlock .bLeft {
    float: left
}

.uiBlock .bLeft img {
    display: block
}

.uiBlock .bRight {
    float: right
}

.uiBlock.overflow > .bBody {
    display: table-cell;
    vertical-align: top;
    width: 10000px
}

.uiBlock.overflow, .uiBlock.overflow > .bBody {
    overflow: visible
}

.uiBlock.overflow:before, .uiBlock.overflow:after {
    content: "";
    display: table
}

.uiBlock.overflow:after {
    clear: both
}

.uiBlock.overflow > .bLeft {
    float: left
}

.uiBlock.overflow > .bRight {
    float: right
}

.uiTabItem {
    list-style: none;
    white-space: nowrap;
    display: inline-block
}

.uiTabItem a {
    display: block;
    text-decoration: none
}

.uiTabItem .close {
    display: inline-block;
    width: 15px;
    height: 15px;
    position: relative;
    text-align: center;
    margin-left: 10px
}

.uiTabItem.hidden {
    display: none !important
}

.uiTabOverflowMenuItem {
    display: inline-block
}

.uiTabOverflowMenuItem .tabHeader .title {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.uiTabOverflowMenuItem.hidden {
    display: none
}

.forceActionsContainer.uiButton {
    white-space: nowrap
}

.forceActionsText .forceActionLink div {
    display: inline
}

.forceDotsSpinner .slds-spinner.slds-spinner_inline {
    height: auto
}

.forceInlinePulsingSpinner {
    position: relative;
    width: 20px;
    height: 20px;
    margin: 0 auto
}

.forceInlinePulsingSpinner span {
    position: absolute;
    display: block;
    height: 5px;
    width: 2px;
    border-radius: 1px;
    background-color: #d1d1d5
}

.forceInlinePulsingSpinner span:nth-of-type(1) {
    transform: translate(9px, 0);
    animation: pulseFade 1s infinite linear
}

.forceInlinePulsingSpinner span:nth-of-type(2) {
    transform: translate(13px, 1px) rotate(30deg);
    animation: pulseFade 1s .083s infinite linear
}

.forceInlinePulsingSpinner span:nth-of-type(3) {
    transform: translate(16px, 4px) rotate(60deg);
    animation: pulseFade 1s .166s infinite linear
}

.forceInlinePulsingSpinner span:nth-of-type(4) {
    transform: translate(17px, 8px) rotate(90deg);
    animation: pulseFade 1s .249s infinite linear
}

.forceInlinePulsingSpinner span:nth-of-type(5) {
    transform: translate(16px, 12px) rotate(120deg);
    animation: pulseFade 1s .332s infinite linear
}

.forceInlinePulsingSpinner span:nth-of-type(6) {
    transform: translate(13px, 15px) rotate(150deg);
    animation: pulseFade 1s .415s infinite linear
}

.forceInlinePulsingSpinner span:nth-of-type(7) {
    transform: translate(9px, 16px) rotate(180deg);
    animation: pulseFade 1s .498s infinite linear
}

.forceInlinePulsingSpinner span:nth-of-type(8) {
    transform: translate(5px, 15px) rotate(210deg);
    animation: pulseFade 1s .581s infinite linear
}

.forceInlinePulsingSpinner span:nth-of-type(9) {
    transform: translate(2px, 12px) rotate(240deg);
    animation: pulseFade 1s .664s infinite linear
}

.forceInlinePulsingSpinner span:nth-of-type(10) {
    transform: translate(1px, 8px) rotate(270deg);
    animation: pulseFade 1s .747s infinite linear
}

.forceInlinePulsingSpinner span:nth-of-type(11) {
    transform: translate(2px, 4px) rotate(300deg);
    animation: pulseFade 1s .83s infinite linear
}

.forceInlinePulsingSpinner span:nth-of-type(12) {
    transform: translate(5px, 1px) rotate(330deg);
    animation: pulseFade 1s .913s infinite linear
}

.forceInlinePulsingSpinner.large {
    width: 35px;
    height: 35px
}

.forceInlinePulsingSpinner.large span {
    height: 9px;
    width: 3px;
    border-radius: 2px
}

.forceInlinePulsingSpinner.large span:nth-of-type(1) {
    transform: translate(16px, 0px)
}

.forceInlinePulsingSpinner.large span:nth-of-type(2) {
    transform: translate(22px, 2px) rotate(30deg)
}

.forceInlinePulsingSpinner.large span:nth-of-type(3) {
    transform: translate(27px, 7px) rotate(60deg)
}

.forceInlinePulsingSpinner.large span:nth-of-type(4) {
    transform: translate(29px, 13px) rotate(90deg)
}

.forceInlinePulsingSpinner.large span:nth-of-type(5) {
    transform: translate(27px, 19px) rotate(120deg)
}

.forceInlinePulsingSpinner.large span:nth-of-type(6) {
    transform: translate(22px, 24px) rotate(150deg)
}

.forceInlinePulsingSpinner.large span:nth-of-type(7) {
    transform: translate(16px, 26px) rotate(180deg)
}

.forceInlinePulsingSpinner.large span:nth-of-type(8) {
    transform: translate(10px, 24px) rotate(210deg)
}

.forceInlinePulsingSpinner.large span:nth-of-type(9) {
    transform: translate(5px, 19px) rotate(240deg)
}

.forceInlinePulsingSpinner.large span:nth-of-type(10) {
    transform: translate(3px, 13px) rotate(270deg)
}

.forceInlinePulsingSpinner.large span:nth-of-type(11) {
    transform: translate(5px, 7px) rotate(300deg)
}

.forceInlinePulsingSpinner.large span:nth-of-type(12) {
    transform: translate(10px, 2px) rotate(330deg)
}

@keyframes pulseFade {
    from {
        background-color: #d1d1d5
    }
    50% {
        background-color: #959598
    }
}

.forceInlineRotatingSpinner {
    position: relative;
    margin: 0 auto;
    border-radius: 50%;
    overflow: hidden;
    width: 24px;
    height: 24px
}

.forceInlineRotatingSpinner.large {
    width: 30px;
    height: 30px
}

.forceInlineRotatingSpinner svg {
    animation: rotateFade .3s infinite linear
}

@keyframes rotateFade {
    from {
        transform: rotate(0)
    }
    to {
        transform: rotate(-1turn)
    }
}

.forceInputLookupPanel {
    background-color: var(--lwc-colorBackground, rgb(243, 242, 242));
    top: 42px;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%
}

.forceInputLookupPanel .searchBox {
    background: #f0f1f2;
    border-bottom: 1px solid var(--lwc-colorBorderSeparatorAlt, rgb(221, 219, 218))
}

.forceInputLookupPanel .searchBox .searchBoxInner {
    padding: 7px
}

.forceInputLookupPanel .searchBox .text.uiInput {
    background-color: #fff;
    padding: 7px 40px 7px 7px;
    line-height: 25px
}

.forceInputLookupPanel .searchBox a.searchOrClear {
    color: #969899;
    font-size: 15px;
    height: 40px;
    line-height: 40px;
    position: absolute;
    right: 7px;
    text-align: center;
    width: 40px
}

.forceInputLookupPanel ul.results li.slds-item {
    background: var(--lwc-colorBackgroundAlt, rgb(255, 255, 255))
}

.forceInputLookupPanel ul.results li.slds-item div.slds-grid {
    height: var(--lwc-squareIconLargeBoundary, 3rem)
}

.forceInputLookupPanel ul.results * {
    transform: translate3d(0, 0, 0)
}

.forceLoadingLaser {
    display: block;
    height: 3px;
    width: 100%;
    position: relative;
    overflow: hidden;
    top: -3px
}

.forceLoadingLaser span {
    display: block;
    position: absolute;
    height: 3px
}

.forceLoadingLaser > span {
    width: 100%;
    top: 0;
    background-color: rgba(0, 0, 0, .15);
    animation: visibility .1s linear 0s
}

.forceLoadingLaser .highlightWrapper {
    width: 100%;
    transform: translateX(-300px);
    animation: slide 1.5s linear .1s infinite
}

.forceLoadingLaser .highlight {
    background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, .5), rgba(255, 255, 255, 0));
    width: 300px
}

@keyframes visibility {
    from {
        top: -3px
    }
    to {
        top: 0
    }
}

@keyframes slide {
    from {
        transform: translateX(-300px)
    }
    to {
        transform: translateX(100%)
    }
}

.forceContentBasePreviewToolbar.hidden {
    display: none
}

.forceContentPreviewerAction {
    position: relative;
    display: inline-block
}

.forceContentPreviewerAction button img {
    vertical-align: middle
}

.forceContentPreviewerAction button .label {
    display: inline-block;
    vertical-align: middle
}

.forceContentPreviewerAction .menuButtonLabel {
    color: black;
    font: 13px arial
}

.forceContentPreviewerAction .hidden {
    visibility: hidden
}

.forceContentPreviewerAction .underline {
    text-decoration: underline
}

.forceContentPreviewerActionsBar .menuButton {
    display: table-cell;
    background-color: inherit
}

.uiMessage {
    color: #464646;
    padding: 5px;
    margin: 5px;
    border-width: 1px;
    border-style: solid;
    border-radius: 5px;
    font-size: 13px;
    line-height: 18px;
    border-color: #ccc;
    background-color: #eee;
    opacity: 1;
    transition: opacity .2s ease-out
}

.uiMessage.hide {
    opacity: 0
}

.uiMessage .close {
    font-size: 20px;
    font-weight: bold;
    line-height: 18px;
    color: black;
    text-shadow: 0 1px 0 white;
    opacity: .2
}

.uiMessage h4 {
    font-weight: bold;
    font-size: 16px
}

.uiMessage .bBody p {
    margin: 0
}

.uiMessage.warning {
    border-color: #f8e38e;
    background-color: #ffffdc
}

.uiMessage.error {
    border-color: #f2a199;
    background-color: #fdedea
}

.uiMessage.confirm {
    border-color: #9bebb3;
    background-color: #edfff1
}

.uiMessage.info {
    border-color: #bee6ff;
    background-color: #f5fcff
}

.uiTab.scrolling {
    overflow: auto
}

.uiTab.tabs__content {
    display: none
}

.uiTab.active {
    display: block
}

.uiTabBar .tabs__nav {
    padding: 0;
    margin: 0
}

.forceDuplicateList ul {
    margin: 0 var(--lwc-spacingSmall, 0.75rem);
    padding: 0
}

.forceDuplicateList li {
    list-style-type: none
}

.forceDuplicateList .pillItem {
    border: 1px solid #333;
    border-left: 4px solid #333;
    font-weight: bold;
    margin-bottom: 1.5em;
    padding: .3em;
    border-radius: 1em
}

.forceDuplicateList .pillItemName {
    font-size: 1.5em;
    font-weight: bold
}

.forceDuplicateList .pillItemDetails {
    font-style: italic
}

.forceDuplicateList .emptyListContent {
    padding: var(--lwc-spacingMedium, 1rem);
    color: var(--lwc-colorTextWeak, rgb(62, 62, 60))
}

.forceDuplicateList .listTitle {
    padding: var(--lwc-spacingLarge, 1.5rem) var(--lwc-spacingMedium, 1rem);
    font-weight: var(--lwc-fontWeightBold, 700);
    font-size: var(--lwc-fontSizeLarge, 1rem);
    color: var(--lwc-colorTextDefault, rgb(8, 7, 7));
    border-bottom: 1px solid var(--lwc-colorBorderSeparatorAlt, rgb(221, 219, 218))
}

.forceDuplicateList .duplicateRecordCard {
    border: 1px solid;
    margin: 5px
}

.forceDuplicateList .duplicateRecordTemplate {
    display: inline-block;
    vertical-align: top;
    margin: 5px
}

.forceDuplicateList .pullToRefresh, .forceDuplicateList .pullToLoadMore {
    color: var(--lwc-colorTextInverse, rgb(255, 255, 255))
}

.forceDuplicateList .scroller {
    position: relative;
    min-height: 1000px
}

.forceDuplicateList {
    float: right
}

.forceDuplicateList .listContent > ul > li {
    width: 49%
}

.forceDuplicateList .listContent {
    padding-bottom: var(--lwc-spacingMedium, 1rem)
}

.forceDuplicateList .listContent > ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0 var(--lwc-spacingMedium, 1rem)
}

.forceInlineSpinner.indicator {
    text-align: center;
    display: block
}

.forceInlineSpinner.hideEl {
    display: none
}

@keyframes delayRender {
    from {
        visibility: hidden
    }
    to {
        visibility: visible
    }
}

.forceInlineSpinner > * {
    animation: delayRender 0s linear .3s both
}

.forceInputLookupTrigger {
    position: relative
}

.forceInputLookupTrigger .text.uiInput {
    padding-right: 44px
}

div.forceInputLookupTrigger a.searchOrClear {
    color: var(--lwc-colorTextDefault, rgb(8, 7, 7));
    font-size: var(--lwc-fontSizeMedium, 0.8125rem);
    height: 42px;
    line-height: 42px;
    position: absolute;
    right: 0;
    text-align: center;
    width: 42px
}

.forceMessage {
    color: #464646;
    padding: 5px;
    margin: 10px;
    border: 1px solid;
    border-radius: 5px;
    font-size: 13px;
    line-height: 18px
}

.forceMessage h4 {
    font-weight: bold;
    font-size: 16px
}

.forceMessage .bBody p {
    margin: 0
}

.forceMessage .bLeft .icon {
    margin-right: 10px
}

.forceMessage.message {
    margin: 0;
    border: 0
}

.forceMessage.message .bLeft .icon {
    display: none
}

.forceMessage.warning {
    border-color: #f8e38e;
    background-color: #ffffdc
}

.forceToast .toastTitle {
    font-weight: var(--lwc-fontWeightBold, 700)
}

.forceToast .bBody {
    line-height: 16px;
    max-height: 48px;
    overflow: hidden
}

.forceToast .toastBody {
    flex: 1
}

.forceToast .baseIcon {
    margin-right: var(--lwc-spacingSmall, 0.75rem)
}

.forceToast .baseIcon {
    width: var(--lwc-squareIconSmallBoundary, 1.5rem);
    height: var(--lwc-squareIconSmallBoundary, 1.5rem)
}

.forceToast .close {
    padding-left: var(--lwc-spacingSmall, 0.75rem);
    flex-direction: column
}

.forceToast .forceIcons {
    display: flex;
    justify-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    align-items: center;
    height: 30px;
    width: 30px;
    background-color: #31af5c;
    color: white
}

@keyframes showToast {
    0% {
        transform: translateY(-100px)
    }
    10%, 100% {
        transform: translateY(0px)
    }
}

.forceToast.showToast {
    animation-duration: 5s;
    animation-name: showToast;
    animation-timing-function: ease-in;
    animation-fill-mode: forwards;
    color: var(--lwc-colorTextInverse, rgb(255, 255, 255));
    text-decoration: none
}

.forceToast.modalToast.showToast {
    top: 50px;
    max-width: 960px;
    margin-left: -16px;
    width: 90%
}

.forceToast .toastMsg {
    padding-left: var(--lwc-spacingXxSmall, 0.25rem)
}

.forceChatterProgressBar {
    width: 100%;
    box-sizing: border-box;
    background-color: var(--lwc-colorBackgroundAlt, rgb(255, 255, 255));
    border: 1px solid var(--lwc-colorBorderSeparatorAlt, rgb(221, 219, 218));
    border-radius: var(--lwc-borderRadiusLarge, 0.5rem);
    display: block;
    padding: 3px;
    margin: auto;
    overflow: hidden;
    height: 15px
}

.forceChatterProgressBar .progressBarMeter {
    background-color: var(--lwc-colorBackgroundButtonBrand, rgb(0, 112, 210));
    box-sizing: border-box;
    border-radius: var(--lwc-borderRadiusMedium, 0.25rem);
    display: block;
    height: 7px;
    width: 0
}

.forceContentBasePreviewPlayer .fileButton {
    min-width: 5rem
}

.forceContentBasePreviewPlayer .fileButton .forceIcon, .forceContentBasePreviewPlayer .fileButton .icon {
    margin-right: .5rem
}

.forceContentBasePreviewPlayer .fileButton .label {
    display: inline
}

.forceContentBasePreviewPlayer .openExternalFileButton {
    display: none
}

.forceContentBasePreviewPlayer .AVAILABLE .openExternalFileButton {
    display: block;
    left: 50%;
    transform: translateX(-50%);
    margin-top: 1rem
}

.forceContentBasePreviewPlayer .fileButton.uiButton--neutral:focus {
    box-shadow: var(--lwc-shadowButtonFocusInverse, 0 0 3px #ecebea)
}

.forceContentBasePreviewPlayer .fileButton.uiButton--neutral:focus, .forceContentBasePreviewPlayer .fileButton.uiButton--neutral:hover {
    background-color: var(--lwc-colorBackgroundButtonDefaultFocus, rgb(244, 246, 249))
}

.forceContentPreviewPlayerTopToolbar {
    left: 0;
    top: 0;
    right: 0;
    height: var(--lwc-modalPreviewPlayerTopToolbarHeight, 3.75rem);
    display: flex;
    display: -moz-flex;
    align-items: center;
    padding: 0 var(--lwc-spacingSmall, 0.75rem);
    background-color: var(--lwc-modalPreviewPlayerTopToolbarBackgroundColor, rgba(0, 0, 0, .6))
}

.forceContentPreviewPlayerTopToolbar .preview-top-toolbar {
    min-width: 504px;
    width: 100%
}

.forceContentPreviewPlayerTopToolbar button.previewerAction {
    opacity: .8
}

.forceContentPreviewPlayerTopToolbar button.previewerAction img {
    width: 18px;
    height: 18px
}

.forceContentPreviewPlayerTopToolbar button.previewerAction:hover:enabled, .forceContentPreviewPlayerTopToolbar button.staticActionButton:hover:enabled {
    opacity: 1
}

.forceContentPreviewPlayerTopToolbar button.previewerAction:focus:enabled, .forceContentPreviewPlayerTopToolbar button.staticActionButton:focus:enabled {
    background-color: #333
}

.forceContentPreviewPlayerTopToolbar button.staticActionButton {
    font-size: 20px;
    padding: 6.5px 7.5px 4.5px;
    display: inline-block;
    opacity: .8
}

.forceContentPreviewPlayerTopToolbar .file-preview-title {
    min-width: 44px;
    display: flex;
    align-items: center
}

.forceContentPreviewPlayerTopToolbar .file-preview-buttons {
    min-width: 400px;
    margin: 0
}

.forceContentPreviewPlayerTopToolbar .file-preview-close {
    min-width: 44px;
    display: flex;
    align-items: center
}

.forceContentPreviewPlayerTopToolbar .file-preview-close .slds-button {
    white-space: inherit
}

.forceContentPreviewPlayerTopToolbar .preview-close-text {
    visibility: hidden
}

.forceContentPreviewStatus.hidden {
    display: none
}

.forceContentPreviewStatus#previewStatus {
    color: var(--lwc-modalPreviewPlayerPreviewNotAvailableColor, #DDD);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    width: 100%
}

.forceContentPreviewStatus .slds-spinner_container {
    display: inline-block;
    vertical-align: middle;
    margin: 6rem 0 0
}

.forceContentPreviewStatus .previewStatusHeader {
    font-size: var(--lwc-fontSizeXxLarge, 1.75rem);
    white-space: nowrap;
    margin: var(--lwc-spacingMedium, 1rem) 0
}

.forceContentPreviewStatus .previewStatusSubHeader {
    margin: var(--lwc-spacingMedium, 1rem) 0
}

.forceContentPreviewStatus .loadingInlineIndicator {
    margin: var(--lwc-spacingXLarge, 2rem) 0
}

.forceContentPreviewStatus .previewStatusHeaderMobile {
    font-size: var(--lwc-fontSizeXLarge, 1.25rem)
}

.runtime_sales_pipelineboardPipelineViewConfigurationModal .labelRow {
    background: transparent;
    margin-top: var(--lwc-spacingLarge, 1.5rem)
}

.runtime_sales_pipelineboardPipelineViewConfigurationModal .selectRow {
    background: transparent;
    margin-top: var(--lwc-spacingXSmall, 0.5rem)
}

.runtime_sales_pipelineboardPipelineViewConfigurationModal .uiInputSelectError {
    border-color: var(--lwc-pipelineViewConfigurationModalErrorColor, #C23934) !important;
    box-shadow: var(--lwc-pipelineViewConfigurationModalErrorColor, #C23934) var(--lwc-pipelineViewConfigurationModalErrorInputSelectBorder, 0 0 0 1px inset) !important
}

.uiAutocompleteList {
    position: absolute;
    opacity: .99
}

.uiAutocompleteList ul {
    display: none
}

.uiAutocompleteList ul.visible {
    display: block
}

.uiAutocompleteList.showEmptyContent ul {
    display: none
}

.uiAutocompleteList div.hidden {
    display: none
}

.uiAutocompleteList .listContent ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.uiAutocompletePanel {
    visibility: hidden;
    z-index: 10001;
    position: absolute;
    top: 0;
    left: 0
}

.uiAutocompletePanel.visible {
    visibility: visible
}

.uiAutocompletePanel .uiAbstractList, .uiAutocompletePanel .uiAbstractList.lookup__menu {
    position: relative
}

.uiAutocompletePanel--lookup .lookup__menu, .uiAutocompletePanel--lookup.lookup__menu {
    border: 1px solid #ccc;
    border-radius: 4px;
    background-color: #fff;
    box-shadow: 0 0 8px rgba(0, 0, 0, .25)
}

.uiAutocompletePanel--lookup ul {
    overflow-y: auto;
    -webkit-overflow-scrolling: touch
}

.uiAutocompletePanel--lookup .lookup__item a {
    color: #ccc;
    display: block;
    height: 1.1em;
    padding: 3px 9px;
    text-decoration: none
}

.uiAutocompletePanel--lookup .lookup__item.highlighted a {
    background-color: #f4f6f9;
    outline: none;
    padding: 3px 9px
}

.uiAutocompletePanel--lookup .lookup__item a.mouseovered {
    background-color: #a9d0f5
}

.uiAutocompletePanel--lookup .lookup__item.default .data-match {
    border-radius: 2px;
    background-color: #b5daee
}

.uiAutocompletePanel--lookup .lookup__item.default .data-match {
    border-radius: 2px;
    background-color: #b5daee
}

.uiTooltipAdvanced .tooltip-body {
    z-index: 9100;
    display: block;
    position: absolute;
    max-width: 300px;
    min-width: 100px;
    width: intrinsic;
    width: -moz-max-content;
    width: -webkit-max-content;
    pointer-events: none;
    display: inline-block;
    word-wrap: break-word;
    overflow-wrap: break-word;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto
}

.uiTooltipAdvanced.advanced-wrapper {
    position: inherit;
    opacity: 0;
    width: 100%
}

.uiTooltipAdvanced .tooltip-advanced {
    pointer-events: none;
    position: absolute;
    top: 0;
    left: 0
}

.uiTooltipAdvanced.advanced-wrapper.tooltip, .uiTooltipAdvanced.advanced-wrapper .tooltip-body {
    opacity: 0;
    z-index: 9002
}

.uiTooltipAdvanced.advanced-wrapper.visible.tooltip {
    opacity: .999
}

.uiTooltipAdvanced.advanced-wrapper.visible .tooltip-body {
    opacity: .999
}

.uiTooltipAdvanced .pointer-advanced {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
    opacity: 0
}

.uiTooltipAdvanced.visible .pointer-advanced {
    opacity: 1
}

.uiTooltipAdvanced .pointer-basic {
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    bottom: 12px;
    left: 50%;
    pointer-events: none;
    transform: translateX(-50%) translateY(-5px)
}

.uiTooltipAdvanced .pointer {
    border-bottom: none;
    border-left: 13px solid transparent;
    border-right: 13px solid transparent;
    border-top: 13px solid #16325c
}

.uiTooltipAdvanced .east .pointer {
    border-left: none;
    border-right: 13px solid #16325c;
    border-bottom: 13px solid transparent;
    border-top: 13px solid transparent
}

.uiTooltipAdvanced .west .pointer {
    border-left: 13px solid #16325c;
    border-right: none;
    border-bottom: 13px solid transparent;
    border-top: 13px solid transparent
}

.uiTooltipAdvanced .south .pointer {
    border-top: none;
    border-right: 13px solid transparent;
    border-left: 13px solid transparent;
    border-bottom: 13px solid #16325c
}

.uiTooltipAdvanced.tooltip-basic .tooltip {
    pointer-events: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0
}

.uiTooltipAdvanced .tooltip.fade-out {
    transition: 500ms opacity
}

.uiTooltipAdvanced .tooltip.fade-in {
    transition: none
}

.uiTooltipAdvanced .tooltip.fade-in.fade-out {
    transition: 500ms opacity
}

.uiTooltipAdvanced .tooltip-body {
    padding: 12px;
    border-radius: 5px;
    background-color: #16325c;
    color: white;
    font-size: 12px
}

.uiTooltipAdvanced--pop .tooltip {
    transform: scale3d(1, 1, 1);
    display: inline
}

.uiTooltipAdvanced--pop.transition-start .tooltip.fade-in.fade-out {
    transform: scale3d(.97, .97, .97)
}

.uiTooltipAdvanced--pop.visible.transition-start .tooltip.fade-in.fade-out {
    transform: scale3d(1, 1, 1);
    transition: all 200ms cubic-bezier(.64, .36, .54, 1.55)
}

.forceDuplicateTabs {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0
}

.forceDuplicateTabs.duplicateTabsPhone {
    display: flex;
    flex-direction: column;
    box-orient: vertical
}

.forceDuplicateTabs.duplicateTabsNonPhone {
    display: block
}

.forceDuplicateTabs .tabset {
    position: relative;
    background: var(--lwc-colorBackground, rgb(243, 242, 242))
}

.forceDuplicateTabs .tabset.duplicateTabsPhone {
    flex: 1;
    display: flex;
    flex-direction: column;
    box-orient: vertical
}

.forceDuplicateTabs .tabset.duplicateTabsNonPhone {
    display: block
}

.forceDuplicateTabs .uiTabset .uiTabBar .tabs__nav {
    border-bottom: none
}

.forceDuplicateTabs .tabset .uiTabBar {
    position: relative;
    z-index: 1;
    padding: 0 var(--lwc-spacingMedium, 1rem);
    border-bottom: var(--lwc-borderWidthThin, 1px) var(--lwc-colorBorderSeparatorAlt, rgb(221, 219, 218)) solid
}

.forceDuplicateTabs .tabset .uiTabBar .uiTabItem {
    font-weight: var(--lwc-fontWeightRegular, 400);
    font-size: var(--lwc-fontSizeMedium, 0.8125rem);
    border-radius: 0;
    text-transform: uppercase;
    padding: var(--lwc-spacingMedium, 1rem) 0;
    margin-right: var(--lwc-spacingMedium, 1rem)
}

.forceDuplicateTabs .tabset .uiTabBar .uiTabItem.active {
    font-weight: var(--lwc-fontWeightBold, 700)
}

.forceDuplicateTabs .tabset .uiTabBar .uiTabItem .tabHeader {
    padding: 0;
    color: var(--lwc-colorTextWeak, rgb(62, 62, 60));
    font-size: var(--lwc-fontSizeSmall, 0.75rem);
    font-weight: var(--lwc-fontWeightRegular, 400);
    line-height: var(--lwc-lineHeightHeading, 1.25)
}

.forceDuplicateTabs .tabset .uiTab {
    position: relative;
    flex: 1;
    overflow: hidden
}

.forceDuplicateTabs .tabset .uiTab.active {
    display: flex;
    flex-direction: column;
    box-orient: vertical;
    overflow-y: auto
}

.forceDuplicateTabs .tabset .uiTab .uiScroller {
    flex: 1
}

.forceDuplicateTabs .listHeader {
    padding: var(--lwc-spacingMedium, 1rem) var(--lwc-spacingMedium, 1rem) var(--lwc-spacingLarge, 1.5rem) var(--lwc-spacingMedium, 1rem);
    color: black;
    font-size: var(--lwc-fontSizeMedium, 0.8125rem);
    position: relative;
    z-index: 1
}

.forceDuplicateTabs .listHeader > h2 {
    padding-top: var(--lwc-spacingSmall, 0.75rem);
    margin-right: var(--lwc-spacingMedium, 1rem);
    font-size: var(--lwc-fontSizeLarge, 1rem);
    color: var(--lwc-colorTextDefault, rgb(8, 7, 7));
    font-weight: var(--lwc-fontWeightLight, 300);
    line-height: var(--lwc-lineHeightHeading, 1.25)
}

.forceDuplicateTabs .forceMessage .detail {
    font-size: var(--lwc-fontSizeMedium, 0.8125rem)
}

.forceDuplicateTabs .forceInlineSpinner {
    padding-top: var(--lwc-spacingXSmall, 0.5rem);
    padding-bottom: var(--lwc-spacingXSmall, 0.5rem)
}

.forceDuplicateTabs .forceMessage.pOne.warning {
    padding: 0;
    border-bottom: 0
}

.forceDuplicateTabs.forceToast.modalToast.showToast {
    height: auto;
    margin: 0 auto;
    padding: var(--lwc-spacingSmall, 0.75rem) var(--lwc-spacingLarge, 1.5rem);
    border-radius: var(--lwc-borderRadiusMedium, 0.25rem);
    background-color: var(--lwc-colorBackgroundErrorDark, rgb(194, 57, 52));
    color: var(--lwc-colorTextInverse, rgb(255, 255, 255));
    font-weight: var(--lwc-fontWeightLight, 300);
    font-size: var(--lwc-fontSizeLarge, 1rem);
    line-height: var(--lwc-lineHeightHeading, 1.25);
    top: 0
}

.forceDuplicateTabs .toastTitle, .forceDuplicateTabs .toastMsg {
    display: block;
    margin: 0;
    padding: 0
}

.forceDuplicateTabs .forceMessage .bLeft {
    display: none
}

.forcePageError {
    border-bottom: 1px solid var(--lwc-colorBorderSeparatorAlt, rgb(221, 219, 218));
    margin-bottom: var(--lwc-spacingMedium, 1rem);
    padding-bottom: var(--lwc-spacingSmall, 0.75rem)
}

.forcePageError .genericNotification {
    background: var(--lwc-colorBackgroundToastError, rgb(194, 57, 52));
    padding: var(--lwc-spacingMedium, 1rem);
    color: var(--lwc-colorTextModal, rgb(255, 255, 255));
    line-height: var(--lwc-lineHeightHeading, 1.25)
}

.forcePageError .genericNotification .warningIcon {
    padding-right: var(--lwc-spacingSmall, 0.75rem)
}

.forcePageError .errorsList {
    list-style: none;
    color: var(--lwc-colorTextError, rgb(194, 57, 52));
    line-height: var(--lwc-lineHeightText, 1.5);
    margin: 0;
    padding: var(--lwc-spacingXSmall, 0.5rem) var(--lwc-spacingMedium, 1rem) var(--lwc-spacingXxSmall, 0.25rem) var(--lwc-spacingMedium, 1rem)
}

.forcePageError .reloadButton button {
    margin: 0 auto;
    display: block
}

.forcePageError.desktop .genericNotification {
    font-weight: var(--lwc-fontWeightLight, 300);
    border-radius: var(--lwc-borderRadiusMedium, 0.25rem);
    font-size: var(--lwc-fontSizeLarge, 1rem)
}

.forcePageError.desktop .errorsList {
    font-size: var(--lwc-fontSizeMedium, 0.8125rem)
}

.forcePageError.mobile .genericNotification {
    font-size: var(--lwc-fontSizeMedium, 0.8125rem)
}

.forcePageError.mobile .errorsList {
    font-size: var(--lwc-fontSizeSmall, 0.75rem)
}

.forcePageError.inlineEdit .genericNotification {
    color: var(--lwc-colorTextInverse, rgb(255, 255, 255));
    font-size: var(--lwc-fontSizeMedium, 0.8125rem);
    font-weight: var(--lwc-fontWeightBold, 700);
    padding: var(--lwc-spacingSmall, 0.75rem) var(--lwc-spacingMedium, 1rem) 0 var(--lwc-spacingMedium, 1rem)
}

.forcePageError.inlineEdit .errorsList {
    color: var(--lwc-colorTextInverse, rgb(255, 255, 255));
    font-size: var(--lwc-fontSizeMedium, 0.8125rem);
    font-weight: var(--lwc-fontWeightRegular, 400);
    word-wrap: break-word
}

.forcePageError.inlineEdit .errorsListLink {
    text-decoration: underline;
    color: var(--lwc-colorTextInverse, rgb(255, 255, 255))
}

.forcePageError.inlineEdit .errorsList {
    list-style: initial;
    margin-left: var(--lwc-spacingMedium, 1rem)
}

.forcePageError.inlineEdit {
    border-bottom: 1px solid var(--lwc-colorBackgroundToastError, rgb(194, 57, 52));
    margin-bottom: 0;
    min-width: 250px;
    max-width: var(--lwc-sizeMedium, 20rem)
}

.forcePageError.inlineEdit .reloadButton button {
    margin-bottom: var(--lwc-spacingSmall, 0.75rem)
}

.forceStatusIconSummary {
    max-width: 500px
}

.forceStatusIconSummary ul {
    list-style: initial;
    margin-left: var(--lwc-spacingLarge, 1.5rem)
}

.forceToastMessage .toastIcon {
    width: var(--lwc-squareIconSmallBoundary, 1.5rem);
    height: var(--lwc-squareIconSmallBoundary, 1.5rem)
}

.forceToastMessage.slds-notify--toast.toastHidden {
    opacity: 0;
    transform: rotateX(90deg);
    transition: all ease-in-out var(--lwc-durationPromptly, 0.2s)
}

.forceToastMessage.slds-notify--toast {
    transform: rotateX(0deg);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transform-origin: 50% 20%;
    transition: all ease-in-out var(--lwc-durationPromptly, 0.2s)
}

.forceVirtualAutocompleteMenuList {
    position: relative;
    border: none;
    box-shadow: none;
    width: 100%;
    margin-top: var(--lwc-spacingXxxSmall, 0.125rem);
    overflow: hidden;
    border-radius: 0
}

.forceVirtualAutocompleteMenuList ul {
    display: none
}

.forceVirtualAutocompleteMenuList ul.visible {
    display: block
}

.forceVirtualAutocompleteMenuList.showEmptyContent ul {
    display: none
}

.forceVirtualAutocompleteMenuList.showEmptyContent .uiScroller {
    display: none
}

.forceVirtualAutocompleteMenuList div.hidden {
    display: none
}

.forceVirtualAutocompleteMenuList .listContent ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.forceVirtualAutocompleteMenuList.invisible, .forceVirtualAutocompleteMenuList .listContent ul {
    display: block;
    border: none
}

.forceVirtualAutocompleteMenuOption.slds-dropdown__item a {
    justify-content: flex-start
}

.forceVirtualAutocompleteMenuOption .slds-icon--x-small {
    font-size: var(--lwc-fontSizeTextMedium, 1rem)
}

.forceVirtualAutocompleteMenuOption .forceIcon {
    padding-right: var(--lwc-spacingXSmall, 0.5rem)
}

.forceVirtualAutocompleteMenuOption.slds-dropdown__item .slds-icon {
    fill: currentColor;
    color: transparent
}

.forceVirtualAutocompleteMenuOption.slds-dropdown__item.slds-is-selected .slds-icon {
    color: var(--lwc-colorTextButtonDefault, rgb(0, 112, 210))
}

.forceVirtualAutocompleteMenuOption:not(.slds-is-selected) .forceIcon .slds-assistive-text {
    display: none
}

.forceVirtualAutocompleteMenuOption.highlighted a {
    outline: 0;
    text-decoration: none;
    background-color: var(--lwc-colorBackgroundRowHover, rgb(243, 242, 242))
}

.forceContentModalPreviewPlayer {
    background-color: var(--lwc-modalPreviewPlayerBackgroundColor, rgba(0, 0, 0, .8));
    position: fixed;
    bottom: 0;
    right: 0;
    left: 0;
    top: 0
}

.forceContentModalPreviewPlayer .preview {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    padding: 0;
    margin: 0
}

.forceContentModalPreviewPlayer .preview .thumbnail .page {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%
}

.forceContentModalPreviewPlayer .preview .thumbnail .page .openExternalFileButton {
    transform: none;
    left: auto
}

.forceContentModalPreviewPlayer .preview .thumbnail .page img.pageImg {
    max-width: 100vw;
    max-height: 100vh
}

.forceContentModalPreviewPlayer .preview .thumbnail .page.rotate-90 img.pageImg, .forceContentModalPreviewPlayer .preview .thumbnail .page.rotate-270 img.pageImg {
    max-width: 100vh;
    max-height: 100vw
}

.forceContentModalPreviewPlayer .preview.external .thumbnail .page {
    text-align: center
}

.forceContentModalPreviewPlayer .preview.external .thumbnail .page img.pageImg {
    max-width: 60vw;
    max-height: 60vh
}

.forceContentModalPreviewPlayer .svg .page:nth-of-type(1) {
    margin-top: 70px
}

.forceContentModalPreviewPlayer .svg .page {
    margin: 30px auto;
    max-width: 800px
}

.forceContentModalPreviewPlayer .svg .page.loaded {
    border: 3px dashed transparent
}

.forceContentModalPreviewPlayer .AVAILABLE .svg .page.unloaded, .forceContentModalPreviewPlayer .AVAILABLE .svg .page.loading {
    border: 3px dashed #555
}

.forceContentModalPreviewPlayer .svg .page.loaded object, .forceContentModalPreviewPlayer .svg .page.loaded img.pageImg {
    background-color: white
}

.forceContentModalPreviewPlayer .svg {
    -ms-overflow-style: auto;
    scrollbar-face-color: var(--lwc-modalPreviewPlayerToolbarBackgroundColor, rgba(0, 0, 0, .8));
    scrollbar-track-color: grey
}

.forceContentModalPreviewPlayer ::-webkit-scrollbar {
    width: 12px
}

.forceContentModalPreviewPlayer ::-webkit-scrollbar-thumb {
    background-color: var(--lwc-modalPreviewPlayerBackgroundColor, rgba(0, 0, 0, .8));
    opacity: .3;
    min-height: 80px;
    border: 0 solid transparent;
    border-right-width: 1px
}

.forceContentModalPreviewPlayer .toolbar.top.fadeOut {
    opacity: 0;
    top: -50px;
    transition-property: opacity, top;
    transition-timing-function: linear;
    transition-duration: .5s
}

.forceContentModalPreviewPlayer .toolbar.bottom.fadeOut, .forceContentModalPreviewPlayer .toolbar.center.fadeOut {
    opacity: 0;
    transition-property: opacity;
    transition-timing-function: linear;
    transition-duration: .5s
}

.forceContentModalPreviewPlayer .toolbar {
    white-space: nowrap;
    font-size: var(--lwc-fontSizeMedium, 0.8125rem);
    color: var(--lwc-modalPreviewPlayerToolbarColor, white);
    position: fixed;
    z-index: 1
}

.forceContentModalPreviewPlayer .previousFile {
    left: var(--lwc-spacingLarge, 1.5rem)
}

.forceContentModalPreviewPlayer .nextFile {
    right: var(--lwc-spacingLarge, 1.5rem)
}

.forceContentModalPreviewPlayer .center {
    top: 50%;
    transform: translateY(-50%)
}

.forceContentModalPreviewPlayer .toolbar.center button, .forceContentModalPreviewPlayer .toolbar.center button:active {
    line-height: 0;
    padding: var(--lwc-spacingMedium, 1rem);
    transition: var(--lwc-modalPreviewPlayerToolbarButtonsTransition, all 0.5s ease-in-out);
    background-color: var(--lwc-modalPreviewPlayerTopToolbarBackgroundColor, rgba(0, 0, 0, .6))
}

.forceContentModalPreviewPlayer .toolbar.center button:hover:enabled, .forceContentModalPreviewPlayer .toolbar.center button:focus:enabled {
    background-color: var(--lwc-modalPreviewPlayerTooltipBackgroundColor, rgba(0, 0, 0, 1))
}

.forceContentModalPreviewPlayer .toolbar.bottom {
    bottom: 0;
    margin: 20px auto;
    padding: 13px 0;
    left: 50%;
    transform: translateX(-50%);
    border-radius: var(--lwc-modalPreviewPlayerButtonRadius, 5px);
    box-shadow: 0 0 2px 0 #fff;
    background-color: var(--lwc-modalPreviewPlayerToolbarBackgroundColor, rgba(0, 0, 0, .8))
}

.forceContentModalPreviewPlayer .toolbar button, .forceContentModalPreviewPlayer .toolbar button:active {
    background: none;
    border: none;
    transition: var(--lwc-modalPreviewPlayerToolbarButtonsTransition, all 0.5s ease-in-out);
    padding: 9px;
    margin: 0 5px;
    border-radius: var(--lwc-modalPreviewPlayerButtonRadius, 5px)
}

.forceContentModalPreviewPlayer .toolbar button:hover:enabled {
    background: var(--lwc-modalPreviewPlayerToolbarButtonsHoverBackground, #333)
}

.forceContentModalPreviewPlayer .toolbar .paging > * {
    text-align: center;
    display: inline-block;
    vertical-align: middle
}

.forceContentModalPreviewPlayer .toolbar .paging .ofY {
    margin-right: var(--lwc-spacingSmall, 0.75rem)
}

.forceContentModalPreviewPlayer .toolbar .paging #currentPageInput {
    margin-left: var(--lwc-spacingSmall, 0.75rem)
}

.forceContentModalPreviewPlayer .toolbar .paging input {
    margin: 0 5px;
    padding: 3px 0;
    font-weight: 300;
    border-radius: 8px;
    border-color: transparent;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    color: var(--lwc-modalPreviewPlayerToolbarPagingInputColor, #000);
    text-align: center;
    width: 2.5em
}

.forceContentModalPreviewPlayer .toolbar .paging button:disabled {
    opacity: .5
}

.forceContentModalPreviewPlayer .toolbar button {
    color: var(--lwc-modalPreviewPlayerToolbarColor, white)
}

.forceContentModalPreviewPlayer .toolbar.bottom button:first-child {
    margin-left: var(--lwc-spacingSmall, 0.75rem)
}

.forceContentModalPreviewPlayer .toolbar.bottom button:last-child {
    margin-right: var(--lwc-spacingSmall, 0.75rem)
}

.forceContentModalPreviewPlayer.full-screen {
    background-color: black;
    opacity: 1
}

.forceContentModalPreviewPlayer.full-screen .svg {
    overflow: hidden
}

.forceContentModalPreviewPlayer.full-screen .toolbar.top {
    display: none
}

.forceContentModalPreviewPlayer.full-screen .svg .page:nth-of-type(1) {
    margin-top: 0
}

.forceContentModalPreviewPlayer.full-screen .svg .page {
    max-width: 100%
}

.forceContentModalPreviewPlayer.full-screen .preview .svg .page.tall {
    width: auto;
    height: 100vh
}

.forceContentModalPreviewPlayer.full-screen .preview .svg .page.tall img.pageImg, .forceContentModalPreviewPlayer.full-screen .preview .svg .page.tall object {
    width: auto;
    height: 100%;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.forceContentModalPreviewPlayer.full-screen .preview .svg .page.wide {
    width: 100vw;
    height: 100vh;
    position: relative
}

.forceContentModalPreviewPlayer.full-screen .preview .svg .page.wide img.pageImg, .forceContentModalPreviewPlayer.full-screen .preview .svg .page.wide object {
    width: 100%;
    height: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.forceContentUploadPanel .fileInfo {
    display: flex;
    align-items: center
}

.forceContentUploadPanel .fileInfo .icon {
    margin-right: var(--lwc-spacingSmall, 0.75rem)
}

.forceContentUploadPanel .progressbarContainer {
    padding: var(--lwc-spacingSmall, 0.75rem) 0
}

.forceContentUploadPanel .progressBarMeter {
    border-radius: 0;
    height: 3px
}

.forceContentUploadPanel .forceChatterProgressBar {
    padding: 0;
    height: 3px;
    background-color: #dadee2;
    border: 0;
    border-radius: 0
}

.forceContentUploadPanel textarea {
    width: 100%;
    border: 1px solid var(--lwc-colorBorderInput, rgb(221, 219, 218));
    border-radius: var(--lwc-borderRadiusMedium, 0.25rem);
    background-color: var(--lwc-colorBackgroundInput, rgb(255, 255, 255));
    font-weight: var(--lwc-fontWeightRegular, 400);
    font-size: var(--lwc-fontSizeMedium, 0.8125rem);
    color: var(--lwc-colorTextDefault, rgb(8, 7, 7));
    line-height: 25px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 7px 14px
}

.forceContentUploadPanel label {
    font-size: var(--lwc-fontSizeSmall, 0.75rem);
    color: var(--lwc-colorTextLabel, rgb(62, 62, 60));
    margin: 0;
    padding-bottom: 4px
}

.forceContentUploadPanel.fileInfoContainer, .forceContentUploadPanel.reasonForChangeContainer {
    padding: var(--lwc-spacingMedium, 1rem)
}

.forceContentUploadPanel.fileInfoContainer {
    background-color: var(--lwc-colorBackground, rgb(243, 242, 242));
    border-bottom: var(--lwc-borderWidthThick, 2px) solid var(--lwc-colorBorder, rgb(221, 219, 218))
}

.forceContentUploadPanel.fileInfoContainer.uploading {
    border-bottom: none
}

.uiTooltip.tooltip-trigger {
    display: inline;
    position: relative
}

.uiTooltip .tooltip-body {
    z-index: 9100;
    display: block;
    position: absolute;
    max-width: 300px;
    min-width: 100px;
    width: intrinsic;
    width: -moz-max-content;
    width: -webkit-max-content;
    pointer-events: none;
    display: inline-block;
    word-wrap: break-word;
    overflow-wrap: break-word;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto
}

.uiTooltip .tooltip-invisible {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    overflow: hidden
}

.uiTooltip .body-basic {
    bottom: 100%;
    left: 50%;
    transform-origin: bottom left;
    transform: translateX(-50%) translateY(-10px)
}

.uiTooltip.advanced-wrapper {
    position: inherit;
    z-index: 9010
}

.uiTooltip .tooltip-advanced {
    pointer-events: none;
    position: absolute;
    top: 0;
    left: 0
}

.uiTooltip.advanced-wrapper .tooltip, .uiTooltip.advanced-wrapper .tooltip-body {
    opacity: 0
}

.uiTooltip.advanced-wrapper.visible .tooltip {
    opacity: .999
}

.uiTooltip.advanced-wrapper.visible .tooltip-body {
    opacity: .999
}

.uiTooltip .pointer-advanced {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
    opacity: 0
}

.uiTooltip.visible .pointer-advanced {
    opacity: 1
}

.uiTooltip .pointer-basic {
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    bottom: 12px;
    left: 50%;
    pointer-events: none;
    transform: translateX(-50%) translateY(-5px)
}

.uiTooltip .pointer {
    border-bottom: none;
    border-left: 13px solid transparent;
    border-right: 13px solid transparent;
    border-top: 13px solid #16325c;
    z-index: 9100
}

.uiTooltip .east .pointer {
    border-left: none;
    border-right: 13px solid #16325c;
    border-bottom: 13px solid transparent;
    border-top: 13px solid transparent
}

.uiTooltip .west .pointer {
    border-left: 13px solid #16325c;
    border-right: none;
    border-bottom: 13px solid transparent;
    border-top: 13px solid transparent
}

.uiTooltip .south .pointer {
    border-top: none;
    border-right: 13px solid transparent;
    border-left: 13px solid transparent;
    border-bottom: 13px solid #16325c
}

.uiTooltip.tooltip-basic .tooltip {
    pointer-events: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0
}

.uiTooltip .tooltip.fade-out {
    transition: 500ms opacity
}

.uiTooltip .tooltip.fade-in {
    transition: none
}

.uiTooltip .tooltip.fade-in.fade-out {
    transition: 500ms opacity
}

.uiTooltip.tooltip-basic:hover .tooltip, .uiTooltip.tooltip-basic:focus .tooltip, .uiTooltip.tooltip-basic .tooltip.visible {
    opacity: .999
}

.uiTooltip.tooltip-basic:hover .tooltip.disabled, .uiTooltip.tooltip-basic:focus .tooltip.disabled {
    display: none
}

.uiTooltip.tooltip-trigger:hover .fade-out.tooltip, .uiTooltip.tooltip-trigger:focus .fade-out.tooltip {
    transition: none
}

.uiTooltip.tooltip-trigger:hover .fade-in.tooltip, .uiTooltip.tooltip-trigger:focus .fade-out.tooltip {
    transition: 500ms opacity
}

.uiTooltip.tooltip-trigger:hover .fade-in.fade-out.tooltip, .uiTooltip.tooltip-trigger:focus .fade-out.tooltip {
    transition: 500ms opacity
}

.uiTooltip .tooltip-body {
    padding: 12px;
    border-radius: 5px;
    background-color: #16325c;
    color: white;
    font-size: 12px
}

.uiTooltip--pop .tooltip {
    transform: scale3d(1, 1, 1);
    display: inline
}

.uiTooltip--pop.transition-start .tooltip.fade-in.fade-out {
    transform: scale3d(.97, .97, .97)
}

.uiTooltip--pop.visible.transition-start .tooltip.fade-in.fade-out {
    transform: scale3d(1, 1, 1);
    transition: all 200ms cubic-bezier(.64, .36, .54, 1.55)
}

.flexipagePage {
    width: 100%
}

.forceChangeOwnerContent .changeOwnerContentBody .nonEditableOptions ul {
    list-style-type: circle
}

.forceChangeOwnerContent .changeOwnerContentBody {
    min-height: 250px
}

.forceChangeOwnerContent .changeOwnerContentBody {
    height: 100%;
    width: 100%;
    position: relative
}

.forceChangeOwnerContent .editableOptions, .forceChangeOwnerContent .nonEditableOptions {
    background: transperant;
    margin-top: var(--lwc-spacingLarge, 1.5rem)
}

.forceChangeOwnerContent .levelIncrement {
    margin-left: var(--lwc-spacingLarge, 1.5rem)
}

.forceChangeOwnerContent .nonEditableOptions .desc {
    font-weight: bold
}

.forceChangeOwnerContent .lookup {
    background: transperant;
    margin-top: var(--lwc-spacingLarge, 1.5rem)
}

.forceChangeOwnerContent .clearall {
    clear: both
}

.forceChangeOwnerContent .hideVisibility {
    visibility: hidden
}

.forceChangeOwnerContent .hideEditOption {
    visibility: hidden
}

.forceChangeOwnerContent .uiInputCheckbox {
    margin-right: var(--lwc-spacingXSmall, 0.5rem)
}

.forceChangeOwnerContent .nonEditableOptions ul {
    padding: 0;
    margin: var(--lwc-spacingLarge, 1.5rem) 25px 0
}

.forceChangeOwnerContent .nonEditableOptions ul li {
    margin-bottom: var(--lwc-spacingSmall, 0.75rem)
}

.forceChangeOwnerContent .editableOptions input[type=checkbox] {
    display: inline-block;
    cursor: pointer
}

.forceChangeOwnerContent .editableOptions input[type=checkbox]:disabled + label {
    opacity: .5
}

.forceChangeOwnerContent .editableOptions label {
    cursor: pointer;
    padding-left: var(--lwc-spacingXSmall, 0.5rem)
}

.forceChangeOwnerContent .editableOptions .isChild {
    padding-left: var(--lwc-spacingLarge, 1.5rem);
    padding-top: var(--lwc-spacingXxSmall, 0.25rem)
}

.forceChangeOwnerContent .editableOptions .isParent {
    padding-top: var(--lwc-spacingSmall, 0.75rem)
}

.forceChangeOwnerContent .slds-notify--toast {
    min-width: 0;
    width: 100%;
    margin-left: 0;
    margin-right: 0
}

.forceChangeOwnerContent .slds-notify--toast .slds-hyphenate {
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none
}

.forceDedupeManager .warning div.genericNotification {
    background: var(--lwc-colorBackgroundWarning, rgb(255, 183, 93));
    color: var(--lwc-colorTextDefault, rgb(8, 7, 7))
}

.forceDedupeManager.slds-inline_icon_text {
    background-color: var(--lwc-colorBackground, rgb(243, 242, 242));
    color: var(--lwc-colorTextActionLabel, rgb(62, 62, 60));
    padding: var(--lwc-spacingSmall, 0.75rem) var(--lwc-spacingMedium, 1rem)
}

.forceDedupeManager.slds-inline_icon_text--warning {
    background-color: var(--lwc-colorBackgroundAlt, rgb(255, 255, 255))
}

.forceDedupeManager.slds-inline_icon_text--warning svg.slds-icon {
    fill: var(--lwc-colorTextWarning, rgb(255, 183, 93))
}

.forceDedupeManager.dedupeToast a {
    margin-left: var(--lwc-spacingXSmall, 0.5rem)
}

.forceInlineEditPanelBody .uiTooltip {
    margin-left: 5px
}

.forceInlineEditPanelBody .edit-selected {
    margin-top: 10px
}

.forceListViewPickerAutocompleteOption.slds-dropdown__item a {
    justify-content: flex-start
}

.forceListViewPickerAutocompleteOption .slds-icon--x-small {
    font-size: 1rem
}

.forceListViewPickerAutocompleteOption.slds-dropdown__item.slds-is-selected .slds-icon--selected {
    color: var(--lwc-colorTextButtonDefault, rgb(0, 112, 210))
}

.forceListViewPickerAutocompleteOption:not(.slds-is-selected) .forceIcon.newAssistiveText {
    display: none
}

.forceListViewPickerAutocompleteOption a .data-match {
    font-weight: var(--lwc-fontWeightBold, 700);
    background-color: rgba(0, 0, 0, 0);
    color: inherit
}

.forceListViewPickerAutocompleteOption.highlighted a {
    outline: 0;
    text-decoration: none;
    background-color: var(--lwc-colorBackgroundRowHover, rgb(243, 242, 242))
}

.forceRecordEditActions.button-container {
    width: 100%;
    background: rgba(255, 255, 255, 0.9);
    padding: var(--lwc-spacingMedium, 1rem) 0;
    margin: auto;
    display: flex
}

.forceRecordEditActions .actionsContainer {
    width: 100%;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    padding: 0 var(--lwc-spacingMedium, 1rem)
}

.forceRecordEditActions .pageError {
    display: inline-block
}

.forceRecordEditActions .pageErrorIcon {
    margin-left: var(--lwc-spacingXSmall, 0.5rem)
}

.forceRecordEditActions .pageErrorIcon .forceIcon {
    color: var(--lwc-colorTextError, rgb(194, 57, 52));
    font-size: var(--lwc-fontSizeXLarge, 1.25rem)
}

.forceRecordEditActions .pageErrorIconButton {
    border: none;
    padding: 0 6px 3px 1px;
    background-color: transparent
}

.forceRecordEditActions .forceActionButton {
    font-size: var(--lwc-fontSizeMedium, 0.8125rem)
}

.forceRecordEditActions .pageErrorIconButton:hover, .forceRecordEditActions .pageErrorIconButton:focus {
    background-color: transparent
}

.forceRecordEditActions .rightAligned {
    text-align: right
}

.forceRecordEditActions .forceActionButton.uiButton--brand {
    margin-left: var(--lwc-spacingXxSmall, 0.25rem)
}

.forceRecordEditActions .forceActionButton {
    margin: 0 var(--lwc-spacingXxSmall, 0.25rem)
}

.forceRecordEditActions button.inlineEdit.closeBtn {
    padding: 0;
    right: 3px;
    top: 3px;
    line-height: .75;
    font-size: var(--lwc-fontSizeLarge, 1rem)
}

.forceRecordEditActions .inlineEdit .errorPanelCloseIcon {
    font-size: var(--lwc-fontSizeLarge, 1rem);
    border: 1px solid transparent;
    overflow: visible;
    background: transparent;
    box-shadow: none;
    z-index: 1;
    color: var(--lwc-colorTextInverse, rgb(255, 255, 255));
    height: initial;
    width: initial
}

.forceRecordEditActions .inlineEdit .errorPanelCloseIcon:hover, .forceRecordEditActions .inlineEdit.closeBtn:focus .errorPanelCloseIcon {
    border-color: var(--lwc-colorBorderIconInverseHintHover, rgba(255, 255, 255, 0.75));
    border-radius: var(--lwc-borderRadiusSmall, 0.125rem)
}

.forceSocialPhoto_v2.noPhotoAvailable {
    display: none
}

.forceSocialPhoto_v2.photoAvailable {
    display: inline
}

.forceSocialPhoto_v2 .socialPhoto, .forceSocialPhoto_v2 .profilePic {
    width: var(--lwc-squareIconLargeBoundary, 3rem);
    height: var(--lwc-squareIconLargeBoundary, 3rem);
    border-radius: var(--lwc-borderRadiusMedium, 0.25rem)
}

.forceSocialPhoto_v2 .smallSocialPhoto {
    width: var(--lwc-squareIconSmallBoundary, 1.5rem);
    height: var(--lwc-squareIconSmallBoundary, 1.5rem);
    border-radius: var(--lwc-borderRadiusMedium, 0.25rem);
    display: block
}

.forceSocialPhoto_v2 .circular {
    border-radius: var(--lwc-borderRadiusCircle, 50%)
}

.forceSocialPhoto_v2 .nonSquareImage {
    height: auto !important;
    max-height: var(--lwc-squareIconLargeBoundary, 3rem);
    border-radius: 0 !important
}

.forceSocialPhoto_v2.photoContainer {
    float: left;
    display: block;
    padding-right: var(--lwc-spacingXxSmall, 0.25rem);
    line-height: var(--lwc-lineHeightReset, 1);
    background-clip: content-box
}

.forceSocialPhoto_v2 .bgimg {
    display: inline-block;
    background-size: cover
}

.forceStatusIcon .slds-button__icon {
    color: var(--lwc-colorTextError, rgb(194, 57, 52));
    width: var(--lwc-squareIconMediumBoundary, 2rem);
    height: var(--lwc-squareIconMediumBoundary, 2rem)
}

.forceStatusIcon .slds-button {
    background: inherit;
    border: none
}

.forceStatusIcon button.statusIcon.closeBtn {
    padding: 0;
    right: 3px;
    top: 3px;
    line-height: .75;
    font-size: var(--lwc-fontSizeLarge, 1rem)
}

.forceStatusIcon .statusIcon .errorPanelCloseIcon {
    font-size: var(--lwc-fontSizeLarge, 1rem);
    border: 1px solid transparent;
    overflow: visible;
    background: transparent;
    box-shadow: none;
    z-index: 1;
    color: var(--lwc-colorTextInverse, rgb(255, 255, 255));
    height: initial;
    width: initial
}

.forceStatusIcon .statusIcon .errorPanelCloseIcon:hover, .forceStatusIcon .statusIcon.closeBtn:focus .errorPanelCloseIcon {
    border-color: var(--lwc-colorBorderIconInverseHintHover, rgba(255, 255, 255, 0.75));
    border-radius: var(--lwc-borderRadiusSmall, 0.125rem)
}

.forceStatusIcon .slds-button__icon .slds-icon {
    fill: currentColor
}

.forceStatusIcon .slds-assistive-text {
    position: absolute !important;
    margin: -1px !important;
    border: 0 !important;
    padding: 0 !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
    clip: rect(0 0 0 0) !important
}

.forceVirtualAutocompleteMenu {
    padding: var(--lwc-spacingSmall, 0.75rem) 0 0 0
}

.forceVirtualAutocompleteMenu.slds-lookup {
    width: 598px
}

.forceVirtualAutocompleteMenu .autocompleteInputSearchIcon {
    position: absolute;
    color: var(--lwc-colorTextLabel, rgb(62, 62, 60));
    font-size: var(--lwc-squareIconSmall, 1rem);
    top: 1.3rem;
    left: 1.5rem;
    z-index: 1
}

.forceVirtualAutocompleteMenu.hideInput {
    padding: 0
}

.forceVirtualAutocompleteMenu.hideInput .uiInputTextForAutocomplete, .forceVirtualAutocompleteMenu.hideInput .autocompleteInputSearchIcon, .forceVirtualAutocompleteMenu.hideInput input.uiInputTextForAutocomplete {
    display: none
}

.forceVirtualAutocompleteMenu input.uiInputTextForAutocomplete {
    margin: 0 var(--lwc-spacingSmall, 0.75rem);
    width: calc(100% - 1.5rem);
    padding-left: 2.2rem
}

.forceVirtualAutocompleteMenu .uiScroller {
    transform: none;
    position: static;
    -ms-overflow-style: -ms-autohiding-scrollbar
}

.forceVirtualAutocompleteMenu .scroller {
    position: relative;
    min-width: 100%
}

.forceVirtualAutocompleteMenu .scroller .infinite-loading {
    width: 100%;
    text-align: center
}

.forceVirtualAutocompleteMenu .scroller .infinite-loading .il {
    padding-bottom: var(--lwc-spacingXSmall, 0.5rem)
}

.forceVirtualAutocompleteMenu .emptyListContent {
    text-align: center;
    color: var(--lwc-colorTextDefault, rgb(8, 7, 7));
    padding: var(--lwc-spacingXSmall, 0.5rem) 0
}

.forceVirtualAutocompleteMenu .showEmptyContent .uiScroller, .forceVirtualAutocompleteMenu .loading .uiScroller {
    height: 0
}

.forceVirtualAutocompleteMenu .loadingIndicator {
    position: static
}

@media only screen and (max-width: 47.9375em) {
    .forceVirtualAutocompleteMenu.slds-lookup {
        width: 90vw
    }
}

.forceChatterAttachFileActionButton.fileInput {
    position: absolute;
    padding: 0;
    cursor: pointer;
    opacity: 0;
    z-index: 22;
    width: 100%;
    height: 35px
}

.forceChatterAttachFileActionButton .uiButton {
    min-height: var(--lwc-lineHeightButton, 1.875rem)
}

.forceChatterAttachFileActionButton .uiButton.showIcon {
    padding: 0;
    border: 0;
    line-height: 1;
    background: transparent;
    display: block
}

.forceChatterAttachFileActionButton .cuf-Icon {
    display: none
}

.forceChatterAttachFileActionButton.hiddenLabel {
    display: none
}

.forceChatterAttachFileActionButton .buttonFocus {
    outline-style: auto;
    outline-width: 5px;
    outline-color: -webkit-focus-ring-color
}

.forceChatterAttachFileActionButton.fileInput.desktop {
    width: 1px;
    height: 1px;
    z-index: 0;
    visibility: hidden
}

.forceContentContentThumbnail .thumbnailImg {
    margin-left: auto;
    margin-right: auto;
    max-width: 100%
}

.forceContentContentThumbnail .thumbnailImg.small, .forceContentContentThumbnail .thumbnailImg.medium {
    height: auto;
    max-width: 30px;
    max-height: 35px
}

.forceContentContentThumbnail .thumbnailImg.smaller {
    height: auto;
    max-width: 24px;
    max-height: 24px
}

.forceContentContentThumbnail .hiddenEl {
    display: none
}

.runtime_sales_pipelineboardPipelineViewCloseLostTarget {
    font-size: var(--lwc-fontSizeLarge, 1rem);
    padding: var(--lwc-spacingXLarge, 2rem);
    padding-left: var(--lwc-pipelineCloseTargetSpacing, 4rem);
    padding-right: var(--lwc-pipelineCloseTargetSpacing, 4rem);
    border-radius: var(--lwc-pipelineCloseTargetRadius, 0.25rem);
    background-color: var(--lwc-pipelineCloseTargetBackgroundColor, #FFF0F3);
    color: var(--lwc-pipelineCloseTargetColor, #C70B2F);
    position: absolute;
    right: 7px !important;
    top: -97px;
    z-index: 99999
}

.runtime_sales_pipelineboardPipelineViewCloseLostTarget.hidden:not(.dragOver) {
    display: none;
    visibility: visible
}

.runtime_sales_pipelineboardPipelineViewCloseLostTarget.dragOver {
    border: var(--lwc-borderWidthThin, 1px) dashed var(--lwc-pipelineCloseTargetBorderColor, #C70B2F)
}

.runtime_sales_pipelineboardPipelineViewColumn, .runtime_sales_pipelineboardPipelineViewColumn > section {
    height: 100%;
    display: flex;
    flex-direction: column
}

.runtime_sales_pipelineboardPipelineViewColumn .listContent {
    flex: 2;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0;
    margin: 0;
    border-left: var(--lwc-colorBorder, rgb(221, 219, 218)) var(--lwc-borderWidthThin, 1px) solid
}

.runtime_sales_pipelineboardPipelineViewColumn.dragOverHighlight {
    outline: rgb(0, 112, 210) 1px dashed;
    position: relative
}

.runtime_sales_pipelineboardPipelineViewColumnHeader {
    padding-bottom: 0
}

.runtime_sales_pipelineboardPipelineViewColumnHeader .stageHeader {
    display: block;
    position: relative;
    width: 100%;
    padding: var(--lwc-spacingXSmall, 0.5rem) var(--lwc-spacingXSmall, 0.5rem) var(--lwc-spacingXSmall, 0.5rem) var(--lwc-spacingLarge, 1.5rem);
    background: var(--lwc-brandAccessible, rgb(0, 112, 210));
    color: var(--lwc-pipelineHeaderColor, #FFF);
    font-size: var(--lwc-fontSizeMedium, 0.8125rem);
    text-align: center;
    letter-spacing: var(--lwc-pipelineHeaderLetterSpacing, .9px);
    white-space: nowrap;
    overflow: hidden;
    word-wrap: normal
}

.runtime_sales_pipelineboardPipelineViewColumnHeader .stageHeaderLabel {
    display: inline-block;
    max-width: var(--lwc-pipelineStageMaxWidth, calc(100% - 2.5rem));
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    word-wrap: normal;
    vertical-align: middle
}

.runtime_sales_pipelineboardPipelineViewColumnHeader .stageHeaderCount {
    display: inline-block;
    vertical-align: middle
}

.runtime_sales_pipelineboardPipelineViewColumnHeader .aggregateColumn {
    display: block;
    width: 100%;
    padding: var(--lwc-spacingXSmall, 0.5rem) 0;
    font-size: var(--lwc-fontSizeXLarge, 1.25rem);
    font-weight: var(--lwc-fontWeightLight, 300);
    color: var(--lwc-pipelineAggregateColumnColor, #10AA52);
    text-align: center;
    border-left: var(--lwc-colorBorder, rgb(221, 219, 218)) var(--lwc-borderWidthThin, 1px) solid
}

.runtime_sales_pipelineboardPipelineViewColumnHeader .aggregateColumn.negative {
    color: var(--lwc-colorTextRequired, rgb(194, 57, 52))
}

.runtime_sales_pipelineboardPipelineViewColumnHeader .aggregateColumn.largeAmount {
    font-size: var(--lwc-pipelineAggregateColumnLargeFont, 1.15rem)
}

.runtime_sales_pipelineboardPipelineViewColumnHeader .uiTooltip.tooltip-trigger {
    z-index: var(--lwc-zIndexDefault, 1);
    display: block;
    outline: none
}

.runtime_sales_pipelineboardPipelineViewColumnHeader .uiTooltip .pipelineHeaderTooltip {
    top: auto
}

.runtime_sales_pipelineboardPipelineViewColumnHeader .uiTooltip .pipelineHeaderTooltip .tooltip-body {
    bottom: var(--lwc-pipelineHeaderTooltipBottom, -30px);
    min-width: var(--lwc-pipelineHeaderTooltipMinWidth, 200px);
    min-height: var(--lwc-pipelineHeaderTooltipMinHeight, 40px);
    text-align: center
}

.runtime_sales_pipelineboardPipelineViewColumnModal .modalBody {
    padding: var(--lwc-spacingMedium, 1rem)
}

.runtime_sales_pipelineboardPipelineViewColumnModal .modalBody .uiLabel {
    margin-right: var(--lwc-spacingMedium, 1rem)
}

.runtime_sales_pipelineboardPipelineViewColumnModal .modalBody select::-ms-expand {
    display: none
}

.runtime_sales_pipelineboardPipelineViewColumnModal .modalBody select.has-error {
    border-color: var(--lwc-colorBorderDestructive, rgb(194, 57, 52)) !important
}

.runtime_sales_pipelineboardPipelineViewMultipleRecordTypeTabSet .recordTypeTabSetContainer {
    display: flex;
    align-items: flex-start;
    align-content: flex-start;
    justify-content: flex-start;
    flex-wrap: nowrap;
    flex-direction: row
}

.runtime_sales_pipelineboardPipelineViewMultipleRecordTypeTabSet .recordTypeTabSet {
    margin-top: var(--lwc-pipelineMultipleRecordTypeTabSetMarginTop, -0.75rem);
    white-space: nowrap;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    padding: var(--lwc-spacingSmall, 0.75rem);
    list-style-type: none
}

.runtime_sales_pipelineboardPipelineViewMultipleRecordTypeTabSet .tabs__nav {
    width: var(--lwc-pipelineMultipleRecordTypeTabSetViewWidth, calc(100vw - 150px));
    border-bottom: none !important
}

.runtime_sales_pipelineboardPipelineViewMultipleRecordTypeTabSet .uiTabBar {
    border-bottom: 1px solid var(--lwc-pipelineMultipleRecordTypeTabSetBottomBarColor, #D8DDE6)
}

.runtime_sales_pipelineboardPipelineViewMultipleRecordTypeTabSet .tabs__item a {
    max-width: var(--lwc-pipelineMultipleRecordTypeTabSetMaxTabWidth, 240px);
    padding-top: var(--lwc-pipelineMultipleRecordTypeTabSetTabHeaderPaddingTop, 0.5rem) !important;
    overflow: hidden;
    text-overflow: ellipsis;
    text-decoration: none;
    outline: none
}

.runtime_sales_pipelineboardPipelineViewMultipleRecordTypeTabSet .uiMenu {
    padding-top: var(--lwc-pipelineMultipleRecordTypeTabSetTabHeaderPaddingTop, 0.5rem) !important
}

.runtime_sales_pipelineboardPipelineViewMultipleRecordTypeTabSet .iconContainer {
    margin-left: var(--lwc-pipelineMultipleRecordTypeTabSetIconMarginLeft, calc(100vw - 70px));
    margin-top: var(--lwc-pipelineMultipleRecordTypeTabSetIconMarginTop, 9px)
}

.runtime_sales_pipelineboardPipelineViewMultipleRecordTypeTabSet .uiTooltip {
    outline: none
}

.uiAutocompleteOption.invisible {
    display: none
}

.uiVirtualDataTable.resizable-cols {
    table-layout: fixed
}

.uiVirtualDataTable.indicator {
    position: absolute;
    display: block;
    cursor: col-resize;
    visibility: hidden;
    z-index: 5000;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.uiVirtualDataTable.indicator.active {
    visibility: visible
}

.uiVirtualDataTable.indicator .divider {
    position: absolute;
    right: 0;
    height: 100vh
}

.forceActionsDropDownMenuList .forceActionLink {
    color: var(--lwc-brandAccessible, rgb(0, 112, 210));
    text-decoration: none;
    pointer-events: none
}

.forceActionsDropDownMenuList .uiMenuItem > a, .forceActionsDropDownMenuList .uiMenuItem > span {
    color: var(--lwc-brandAccessible, rgb(0, 112, 210))
}

.forceActionsDropDownMenuList .noActionsToShow li a {
    cursor: default;
    pointer-events: none
}

.forceBreadCrumbItem.uiOutputText {
    color: var(--lwc-colorTextWeak, rgb(62, 62, 60))
}

.forceCreateLinkPanel {
    width: 320px
}

.forceDataProviderLoadErrorMessage .forceMessage.error .detail {
    padding-top: var(--lwc-spacingMedium, 1rem)
}

.forceDataProviderLoadErrorMessage .retryButton {
    margin-left: auto;
    margin-right: auto;
    display: block;
    margin-top: var(--lwc-spacingMedium, 1rem)
}

.forceDataProviderLoadErrorMessage .label {
    cursor: pointer;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    text-align: center;
    vertical-align: middle;
    display: inline-block
}

.forceInlineEdit {
    position: relative
}

.forceInlineEdit.groupDependentFieldEnabled .dep-trigger {
    display: block
}

.forceInlineEdit .active .forcePageBlock.full:last-of-type, .forceInlineEdit .active .forcePageBlock.mdp:last-of-type {
    padding-bottom: 60px
}

.forceInlineEdit .footer {
    position: absolute;
    transform: translate3d(0, 0, 0);
    bottom: 0;
    left: 0;
    right: 0;
    z-index: var(--lwc-zIndexDocked, 4);
    max-height: 0
}

.forceInlineEdit .footer.active {
    box-shadow: none;
    max-height: 72px;
    margin: 0
}

.forceInlineEdit .footer.hasLoadError {
    position: static
}

.forceInlineEdit .active {
    border-radius: var(--lwc-borderRadiusMedium, 0.25rem)
}

.forceInlineEdit .uiInput--lookup.lookup__menu, .forceInlineEdit .uiInput--lookup .lookup__menu {
    z-index: var(--lwc-zIndexDropdown, 7000)
}

.forceInlineEdit .forcePageBlockItemEdit .form-element__label {
    padding-left: var(--lwc-spacingXSmall, 0.5rem);
    display: inline-block
}

.forceInlineEditGrid .keyboardGridExitBefore, .forceInlineEditGrid .keyboardGridExitAfter {
    position: absolute;
    top: 0
}

.forceInlineEditGrid .mass-edit-column-1 tbody tr.selected > .cellContainer:nth-child(1), .forceInlineEditGrid .mass-edit-column-2 tbody tr.selected > .cellContainer:nth-child(2), .forceInlineEditGrid .mass-edit-column-3 tbody tr.selected > .cellContainer:nth-child(3), .forceInlineEditGrid .mass-edit-column-4 tbody tr.selected > .cellContainer:nth-child(4), .forceInlineEditGrid .mass-edit-column-5 tbody tr.selected > .cellContainer:nth-child(5), .forceInlineEditGrid .mass-edit-column-6 tbody tr.selected > .cellContainer:nth-child(6), .forceInlineEditGrid .mass-edit-column-7 tbody tr.selected > .cellContainer:nth-child(7), .forceInlineEditGrid .mass-edit-column-8 tbody tr.selected > .cellContainer:nth-child(8), .forceInlineEditGrid .mass-edit-column-9 tbody tr.selected > .cellContainer:nth-child(9), .forceInlineEditGrid .mass-edit-column-10 tbody tr.selected > .cellContainer:nth-child(10), .forceInlineEditGrid .mass-edit-column-11 tbody tr.selected > .cellContainer:nth-child(11), .forceInlineEditGrid .mass-edit-column-12 tbody tr.selected > .cellContainer:nth-child(12), .forceInlineEditGrid .mass-edit-column-13 tbody tr.selected > .cellContainer:nth-child(13), .forceInlineEditGrid .mass-edit-column-14 tbody tr.selected > .cellContainer:nth-child(14), .forceInlineEditGrid .mass-edit-column-15 tbody tr.selected > .cellContainer:nth-child(15), .forceInlineEditGrid .mass-edit-column-16 tbody tr.selected > .cellContainer:nth-child(16), .forceInlineEditGrid .mass-edit-column-17 tbody tr.selected > .cellContainer:nth-child(17), .forceInlineEditGrid .mass-edit-column-18 tbody tr.selected > .cellContainer:nth-child(18), .forceInlineEditGrid .mass-edit-column-19 tbody tr.selected > .cellContainer:nth-child(19), .forceInlineEditGrid .mass-edit-column-20 tbody tr.selected > .cellContainer:nth-child(20) {
    background-color: var(--lwc-colorBackgroundSelection, rgb(216, 237, 255))
}

.forceListViewManagerDisplaySwitcher {
    z-index: 3;
    margin-left: var(--lwc-spacingXxSmall, 0.25rem)
}

.forceListViewManagerGridColumnHeaderMenu {
    align-self: center;
    margin-right: 6px
}

.forceListViewManagerGridColumnHeaderMenu .slds-dropdown__item {
    letter-spacing: normal;
    text-transform: none
}

.forceListViewManagerGridFooter .forceStatusIcon .slds-button {
    margin-right: var(--lwc-spacingXSmall, 0.5rem)
}

.forceListViewPicker.triggerLink .downIcon {
    color: var(--lwc-colorGray13, rgb(8, 7, 7));
    line-height: var(--lwc-lineHeightReset, 1);
    position: absolute;
    top: 0;
    right: var(--lwc-spacingXSmall, 0.5rem)
}

.forceListViewPicker.triggerLink .downIcon:hover, .forceListViewPicker.triggerLink .downIcon:focus {
    color: var(--lwc-colorGray13, rgb(8, 7, 7))
}

.forceListViewPicker.triggerLink.triggerLinkFocused {
    color: var(--lwc-colorGray13, rgb(8, 7, 7));
    border-bottom: var(--lwc-borderWidthThin, 1px) solid currentColor
}

.forceListViewPicker.triggerLinkText, .forceListViewPicker.triggerLink .triggerLinkTextAndIconWrapper {
    color: var(--lwc-colorGray13, rgb(8, 7, 7));
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.forceListViewPlaceholder {
    position: absolute;
    z-index: 2;
    height: 100%;
    width: 100%;
    background: var(--lwc-colorBackgroundAlt, rgb(255, 255, 255))
}

.forceListViewPlaceholder.hidden {
    display: none
}

.forceListViewSettingsMenu .slds-dropdown__header {
    white-space: nowrap
}

.forceOutputLookup.profilePic {
    float: left;
    padding-right: var(--lwc-spacingXxSmall, 0.25rem)
}

.forcePreviewPanel .forceCard {
    margin: 0 14px
}

.forcePreviewPanel .forceRelatedListContainer .container {
    padding-bottom: auto
}

.forcePreviewPanel .forceRelatedListCardDesktop {
    margin: auto;
    background-color: var(--lwc-colorBackgroundAlt, rgb(255, 255, 255));
    border: 0;
    border-top: 1px solid var(--lwc-colorBorder, rgb(221, 219, 218));
    border-radius: 0;
    box-shadow: none
}

.forcePreviewPanel .forceRelatedListCardDesktop .slds-card__footer {
    margin-top: 0;
    padding-top: var(--lwc-spacingSmall, 0.75rem);
    padding-bottom: var(--lwc-spacingSmall, 0.75rem);
    text-align: right;
    border: 0
}

.forcePreviewPanel .flexipageComponent:not(:first-child), .forcePreviewPanel .forceRelatedListContainer .forceRelatedListSingleContainer:not(:first-child) {
    margin-top: 0
}

.forcePreviewPanel .flexipageComponent:not(:last-child):not(:empty) {
    margin-bottom: 0
}

.forcePreviewPanel .forceImageRelatedListStencil {
    background-color: var(--lwc-colorBackgroundAlt, rgb(255, 255, 255))
}

.forcePreviewPanel .forceRelatedListPreview .showEmptyContent, .forcePreviewPanel .related_record {
    display: none
}

.forcePreviewPanel .forceMessage.pOne.error {
    border-bottom: 0
}

.forcePreviewPanel a.slds-popover__close {
    position: absolute;
    right: var(--lwc-spacingXxSmall, 0.25rem);
    top: var(--lwc-spacingXxSmall, 0.25rem)
}

.forceSaveOption {
    line-height: var(--lwc-lineHeightButton, 1.875rem)
}

.forceChatterSelectTopicSuggestionOption.optionItem {
    display: table;
    width: 100%;
    padding: var(--lwc-spacingXxSmall, 0.25rem);
    cursor: pointer;
    border-spacing: 0
}

.forceChatterSelectTopicSuggestionOption .sfxFlavor .optionItem {
    display: block;
    width: 100%;
    padding: var(--lwc-spacingXSmall, 0.5rem)
}

.forceChatterSelectTopicSuggestionOption.optionItem:last-child {
    border-bottom: 0
}

.forceChatterSelectTopicSuggestionOption .optionItemContainer {
    display: table-row
}

.forceChatterSelectTopicSuggestionOption .cuf-topic {
    display: table-cell;
    width: 100%;
    vertical-align: top
}

.forceChatterSelectTopicSuggestionOption .cuf-topicName {
    font-weight: var(--lwc-fontWeightRegular, 400);
    font-size: var(--lwc-fontSizeMedium, 0.8125rem);
    line-height: var(--lwc-lineHeightText, 1.5);
    white-space: nowrap;
    color: var(--lwc-colorTextLink, rgb(0, 109, 204));
    text-transform: var(--lwc-textTransform, none)
}

.forceChatterSelectTopicSuggestionOption.optionItem .data-match {
    color: var(--lwc-colorTextDefault, rgb(8, 7, 7))
}

.forceChatterSelectTopicSuggestionOption.optionItem .optionItem:hover {
    background-color: transparent
}

.forceChatterSelectTopicSuggestionOption .sfxFlavor {
    border-radius: var(--lwc-borderRadiusCircle, 50%);
    vertical-align: middle
}

.forceChatterSelectTopicSuggestionOption .sfxFlavor, .forceChatterSelectTopicSuggestionOption .templateFlavor {
    display: flex
}

.forceChatterSelectTopicSuggestionOption .sfxFlavor.highlighted .cuf-topicName {
    color: #ffffff
}

.forceChatterSelectTopicSuggestionOption .sfxFlavor.highlighted, .forceChatterSelectTopicSuggestionOption .sfxFlavor.highlighted a.optionItem {
    background-color: var(--lwc-colorBackground, rgb(243, 242, 242))
}

.forceChatterSelectTopicSuggestionOption .sfxFlavor.optionItem:last-child {
    border-bottom: 0
}

.forceChatterSelectTopicSuggestionOption .sfxFlavor .cuf-topic {
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%
}

.forceChatterSelectTopicSuggestionOption .sfxFlavor .cuf-topicDetail, .forceChatterSelectTopicSuggestionOption .templateFlavor .cuf-topicDetail {
    width: 100%
}

.forceChatterSelectTopicSuggestionOption .sfxFlavor .cuf-topicName {
    font-weight: var(--lwc-fontWeightRegular, 400);
    font-size: var(--lwc-fontSizeMedium, 0.8125rem);
    line-height: var(--lwc-lineHeightText, 1.5);
    white-space: nowrap
}

.forceChatterSelectTopicSuggestionOption .sfxFlavor.highlighted {
    background-color: var(--lwc-colorBackgroundRowHover, rgb(243, 242, 242));
    text-decoration: none
}

.forceChatterSelectTopicSuggestionOption .sfxFlavor.highlighted a.optionItem {
    text-decoration: none
}

.forceChatterSelectTopicSuggestionOption .sfxFlavor a, .forceChatterSelectTopicSuggestionOption .sfxFlavor.optionItem {
    height: auto
}

.forceContentFeedAttachmentAction {
    text-decoration: none;
    color: inherit;
    overflow: hidden
}

.forceSearchScopeItem .scope-item__help-icon {
    margin-right: var(--lwc-spacingXxSmall, 0.25rem);
    margin-top: calc(var(--lwc-spacingXxSmall, 0.25rem) * -1)
}

.runtime_sales_pipelineboardPipelineView .wrapperContainer {
    flex-wrap: wrap;
    display: flex;
    align-items: flex-start;
    align-content: flex-start;
    white-space: nowrap;
    overflow-x: hidden;
    padding-left: var(--lwc-spacingXSmall, 0.5rem);
    padding-right: var(--lwc-spacingXSmall, 0.5rem)
}

.runtime_sales_pipelineboardPipelineView .recordTypeTabSetContainer ~ .container, .runtime_sales_pipelineboardPipelineView .recordTypeTabSetContainer ~ .maskContainer {
    margin-top: var(--lwc-pipelineViewContainerWithRecordTypeMarginTop, 50px)
}

.runtime_sales_pipelineboardPipelineView .container, .runtime_sales_pipelineboardPipelineView .maskContainer {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin-top: var(--lwc-pipelineViewContainerMarginTop, 0.5rem)
}

.runtime_sales_pipelineboardPipelineView .hidden {
    display: none
}

.runtime_sales_pipelineboardPipelineView .dndAccessibilityMenu .uiMenuItem a {
    height: auto;
    padding: var(--lwc-spacingXSmall, 0.5rem)
}

.runtime_sales_pipelineboardPipelineView .uiDraggable.disabled {
    background-color: var(--lwc-colorBackgroundRowActive, rgb(236, 235, 234));
    opacity: var(--lwc-pipelineCardDisabledOpacity, 0.5);
    -webkit-user-drag: none;
    transition: all var(--lwc-durationQuickly, 0.1s) ease-in-out
}

.runtime_sales_pipelineboardPipelineView .container {
    display: flex;
    align-items: flex-start;
    align-content: flex-start;
    overflow-x: auto;
    padding-left: var(--lwc-spacingXSmall, 0.5rem);
    padding-right: var(--lwc-spacingXSmall, 0.5rem)
}

.runtime_sales_pipelineboardPipelineView .container > div {
    position: relative
}

.runtime_sales_pipelineboardPipelineView .container .pipelineColumn {
    flex: 1;
    min-width: var(--lwc-pipelineColumnMinWidth, 14.5em);
    max-width: var(--lwc-pipelineColumnMaxWidth, 22.5em)
}

.runtime_sales_pipelineboardPipelineView .container .pipelineHeader:before {
    content: "";
    position: absolute;
    left: -1rem;
    top: .19rem;
    display: block;
    width: var(--lwc-pipelineHeaderChevronSize, 1.85rem);
    height: var(--lwc-pipelineHeaderChevronSize, 1.85rem);
    border: var(--lwc-borderWidthThick, 2px) solid #fff;
    border-left: none;
    border-bottom: none;
    transform: rotate(45deg)
}

.runtime_sales_pipelineboardPipelineView .container .pipelineColumn:first-of-type .pipelineHeader {
    border-radius: var(--lwc-pipelineHeaderBorderRadius, 15rem) 0 0 var(--lwc-pipelineHeaderBorderRadius, 15rem)
}

.runtime_sales_pipelineboardPipelineView .container .pipelineColumn:first-of-type .pipelineHeader:before {
    content: none
}

.runtime_sales_pipelineboardPipelineView .container .pipelineColumn:last-of-type .pipelineHeader {
    border-radius: 0 var(--lwc-pipelineHeaderBorderRadius, 15rem) var(--lwc-pipelineHeaderBorderRadius, 15rem) 0
}

.runtime_sales_pipelineboardPipelineView .container .pipelineColumn:last-of-type .pipelineAggregateHeader, .runtime_sales_pipelineboardPipelineView .container .pipelineColumn:last-of-type .listContent {
    border-right: var(--lwc-colorBorder, rgb(221, 219, 218)) var(--lwc-borderWidthThin, 1px) solid
}

.runtime_sales_pipelineboardPipelineView .container .pipelineColumn .pipelineAggregateHeader {
    height: var(--lwc-pipelineAggregateHeaderHeight, 3.5rem);
    line-height: var(--lwc-pipelineAggregateHeaderLineHeight, 2.5rem)
}

.runtime_sales_pipelineboardPipelineView .container .pipelineColumn .pipelineAggregateHeader.small {
    font-size: var(--lwc-fontSizeXLarge, 1.25rem)
}

.runtime_sales_pipelineboardPipelineView .container .pipelineColumn .pipelineAggregateHeader.xsmall {
    font-size: var(--lwc-fontSizeLarge, 1rem)
}

.runtime_sales_pipelineboardPipelineView .container ul {
    padding: 0;
    margin: 0
}

.runtime_sales_pipelineboardPipelineView .maskContainer > * {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0
}

.runtime_sales_pipelineboardPipelineView .maskContainer .loadingStencil {
    background-color: var(--lwc-colorBackgroundModal, rgb(255, 255, 255));
    margin-top: var(--lwc-pipelineViewContainerMarginTop, 0.5rem)
}

.runtime_sales_pipelineboardPipelineView .maskContainer .loadingStencil.ease-in {
    display: block;
    transition: all var(--lwc-durationPromptly, 0.2s) ease-in-out
}

.runtime_sales_pipelineboardPipelineView .maskContainer .loadingStencil.ease-out {
    display: none;
    transition: all var(--lwc-durationPromptly, 0.2s) ease-in-out
}

.runtime_sales_pipelineboardPipelineView .maskContainer .pipelineViewMessage:not(.hidden) {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.runtime_sales_pipelineboardPipelineView .maskContainer .pipelineViewMessage .pipelineViewMessageContainer {
    background-color: var(--lwc-colorBackgroundModal, rgb(255, 255, 255));
    padding: var(--lwc-spacingMedium, 1rem);
    text-align: center
}

.sfaImportButton.importButtonWrapper {
    padding: var(--lwc-spacingMedium, 1rem);
    margin-left: auto;
    margin-right: auto
}

.sfaImportButton .uiButton {
    border: 1px solid var(--lwc-colorBorderButtonDefault, rgb(221, 219, 218));
    border-radius: var(--lwc-borderRadiusMedium, 0.25rem);
    background: var(--lwc-colorBackgroundButtonDefault, rgb(255, 255, 255));
    color: var(--lwc-colorTextWeak, rgb(62, 62, 60));
    font-weight: var(--lwc-fontWeightRegular, 400);
    font-size: var(--lwc-fontSizeMedium, 0.8125rem);
    height: 35px;
    box-shadow: none;
    text-shadow: none
}

.sfaImportButton.importButtonWrapper .uiButton.importButton, .sfaImportButton.importButtonWrapper .uiButton.importButton:active {
    width: 100%
}

.sfaImportButton.importButtonWrapper .uiButton.importButton .importButtonLabel {
    cursor: pointer;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    text-align: center;
    vertical-align: middle;
    font-size: var(--lwc-fontSizeMedium, 0.8125rem);
    display: inline-block;
    font-weight: var(--lwc-fontWeightBold, 700)
}

.sfaImportButton .hidden, .sfaImportButton.hidden {
    display: none
}

.sfaImportButton.forceMessage.warning.strength_1 {
    margin: 0;
    padding: var(--lwc-spacingMedium, 1rem);
    border: none;
    background: var(--lwc-colorBackgroundInput, rgb(255, 255, 255));
    border-bottom: 1px solid var(--lwc-colorBorder, rgb(221, 219, 218))
}

.forceDetailPanelDesktop {
    background: var(--lwc-colorForegroundPrimary, rgb(255, 255, 255));
    padding-bottom: 2.5rem
}

.forceDetailPanelDesktop.groupDependentFieldEnabled .forcePageBlockItemEdit .dep-trigger {
    display: block
}

.forceDetailPanelDesktop.full-width .forcePageBlockSection .slds-section__content > .form-horizontal {
    padding-left: 1rem;
    padding-right: 1rem
}

.forceDetailPanelDesktop.full-width .forcePageBlockSection .slds-section__content > .slds-form_stacked {
    padding-left: 1.25rem;
    padding-right: 1.25rem
}

.forceDetailPanelDesktop .pageLevelErrors {
    outline: none
}

.forceDetailPanelDesktop .forceOutputOwnerIdLookupWithChangeLink .ownerName a, .forceDetailPanelDesktop .forceOutputLookup, .forceDetailPanelDesktop .forceOutputRecordType .recordTypeName {
    display: inline;
    white-space: normal;
    overflow: auto;
    text-overflow: initial
}

.forceDetailPanelDesktop .message {
    padding: 30px 30px 0
}

.forceDetailPanelDesktop .message.forcePageError, .forceDetailPanelDesktop .errorMessage {
    padding: 0
}

.forceDetailPanelDesktop .message.forcePageError .pageErrors {
    margin: 0
}

.forceDetailPanelDesktop .forceMessage.error {
    border-radius: 0
}

.forceDetailPanelDesktop .riseTransitionEnabled {
    transition: .1s box-shadow ease-in-out
}

.forceDetailPanelDesktop .risen {
    box-shadow: 0 2px 4px 4px rgba(0, 0, 0, .16);
    border-radius: var(--lwc-borderRadiusMedium, 0.25rem)
}

.forceDetailPanelDesktop:not(.inlineEditEnabled) .inline-edit-trigger {
    display: none
}

.forceDetailPanelDesktop .inlineEditFooter {
    position: fixed;
    bottom: 0;
    left: 50%;
    margin-left: -80px
}

.forceDetailPanelDesktop .inlineEditPageErrorMessage {
    position: absolute;
    left: 0;
    bottom: 40px;
    min-width: 300px
}

.forceDetailPanelDesktop .inlineEditPageError {
    position: relative;
    display: inline-block
}

.forceDetailPanelDesktop .inlineEditPageErrorIcon .forceIcon {
    color: var(--lwc-colorBackgroundToastError, rgb(194, 57, 52));
    font-size: var(--lwc-fontSizeLarge, 1rem)
}

.forceDetailPanelDesktop .inlineTitle {
    border-bottom: 1px solid var(--lwc-colorBorder, rgb(221, 219, 218))
}

.forceDetailPanelDesktop.slds-card {
    margin-bottom: 0;
    padding: var(--lwc-varSpacingVerticalMedium, 1rem) var(--lwc-varSpacingHorizontalMedium, 1rem)
}

.forceDetailPanelDesktop .slds-form > *:first-child > *:first-child.slds-has-divider_top {
    border-top: 0
}

@media only screen and (min-width: 600px) {
    .forceDetailPanelDesktop .slds-form > *:first-child .slds-has-divider_top {
        border-top: 0
    }
}

.forceDetailPanelDesktop .uiInput--input.input, .forceDetailPanelDesktop .uiInput--input .input {
    min-height: var(--lwc-heightInput, 1.875rem)
}

.forceDetailPanelDesktop .uiInput .form-element__label {
    font-size: var(--lwc-fontSizeTextXSmall, 0.75rem)
}

@media only screen and (min-width: 48em) {
    .forceDetailPanelDesktop .forcePageBlockSectionView .forcePageBlockItem {
        margin: 0 var(--lwc-varSpacingMedium, 1rem)
    }

    .forceDetailPanelDesktop .forcePageBlockSectionView .forcePageBlockItem:first-child {
        margin-left: 0;
        margin-right: var(--lwc-varSpacingMedium, 1rem)
    }

    .forceDetailPanelDesktop .forcePageBlockSectionView .forcePageBlockItem:last-child {
        margin-left: var(--lwc-varSpacingMedium, 1rem);
        margin-right: 0
    }

    .forceDetailPanelDesktop .forcePageBlockSectionView .forcePageBlockItem:only-child {
        margin-left: 0;
        margin-right: 0
    }
}

.forceDetailPanelDesktop .uiTooltip {
    color: var(--lwc-colorTextIconDefaultHint, rgb(176, 173, 171));
    top: -1px
}

.forceDetailPanelMobile {
    background: var(--lwc-colorForegroundPrimary, rgb(255, 255, 255));
    padding-bottom: 2.5rem
}

.forceDetailPanelMobile .pageLevelErrors {
    outline: none
}

.forceDetailPanelMobile .forceOutputOwnerIdLookupWithChangeLink .ownerName a, .forceDetailPanelMobile .forceOutputLookup {
    display: inline;
    white-space: normal;
    overflow: auto;
    text-overflow: initial
}

.forceDetailPanelMobile .message {
    padding: 30px 30px 0
}

.forceDetailPanelMobile .message.forcePageError, .forceDetailPanelMobile .errorMessage {
    padding: 0
}

.forceDetailPanelMobile .message.forcePageError .pageErrors {
    margin: 0
}

.forceDetailPanelMobile .forceMessage.error {
    border-radius: 0
}

.forceDetailPanelMobile .riseTransitionEnabled {
    transition: .1s box-shadow ease-in-out
}

.forceDetailPanelMobile .risen {
    box-shadow: 0 2px 4px 4px rgba(0, 0, 0, .16);
    border-radius: var(--lwc-borderRadiusMedium, 0.25rem)
}

.forceDetailPanelMobile:not(.inlineEditEnabled) .inline-edit-trigger {
    display: none
}

.forceDetailPanelMobile .inlineEditFooter {
    position: fixed;
    bottom: 0;
    left: 50%;
    margin-left: -80px
}

.forceDetailPanelMobile .inlineEditPageErrorMessage {
    position: absolute;
    left: 0;
    bottom: 40px;
    min-width: 300px
}

.forceDetailPanelMobile .inlineEditPageError {
    position: relative;
    display: inline-block
}

.forceDetailPanelMobile .inlineEditPageErrorIcon .forceIcon {
    color: var(--lwc-colorBackgroundToastError, rgb(194, 57, 52));
    font-size: var(--lwc-fontSizeLarge, 1rem)
}

.forceDetailPanelMobile .inlineTitle {
    border-bottom: 1px solid var(--lwc-colorBorder, rgb(221, 219, 218))
}

@media only screen and (max-width: 47.9375em) {
    .forceDetailPanelMobile.slds-card {
        margin-bottom: var(--lwc-spacingXLarge, 2rem);
        padding-bottom: var(--lwc-heightFooter, 3.75rem)
    }
}

@media only screen and (max-width: 48rem) {
    .forceDetailPanelMobile.slds-card {
        border: 0
    }
}

@media only screen and (min-width: 48em) {
    .forceDetailPanelMobile.slds-card {
        margin-bottom: var(--lwc-spacingXLarge, 2rem);
        padding-bottom: var(--lwc-heightFooter, 3.75rem)
    }
}

.forceDetailPanelMobile .slds-form > *:first-child > *:first-child.slds-has-divider_top {
    border-top: 0
}

@media only screen and (min-width: 600px) {
    .forceDetailPanelMobile .slds-form > *:first-child .slds-has-divider_top {
        border-top: 0
    }
}

.forceDetailPanelMobile .uiInput--input.input, .forceDetailPanelMobile .uiInput--input .input {
    min-height: var(--lwc-heightInput, 1.875rem)
}

.forceDetailPanelMobile .uiInput .form-element__label {
    font-size: var(--lwc-fontSizeTextXSmall, 0.75rem)
}

.forceDetailPanelMobile .forcePageBlockSectionEdit .forcePageBlockItemView .slds-form-element__label {
    padding: 0
}

@media only screen and (min-width: 48em) {
    .forceDetailPanelMobile .forcePageBlockSectionView .forcePageBlockItem {
        margin: 0 var(--lwc-spacingMedium, 1rem)
    }

    .forceDetailPanelMobile .forcePageBlockSectionView .forcePageBlockItem:first-child {
        margin-left: 0;
        margin-right: var(--lwc-spacingMedium, 1rem)
    }

    .forceDetailPanelMobile .forcePageBlockSectionView .forcePageBlockItem:last-child {
        margin-left: var(--lwc-spacingMedium, 1rem);
        margin-right: 0
    }

    .forceDetailPanelMobile .forcePageBlockSectionView .forcePageBlockItem:only-child {
        margin-left: 0;
        margin-right: 0
    }
}

.forceDetailPanelMobile .uiTooltip {
    color: var(--lwc-colorTextIconDefaultHint, rgb(176, 173, 171));
    top: -1px
}

.forceDetailPanelMobile.slds-card {
    border-radius: 0
}

.forceListViewManagerGrid thead th.actionColumnHeader {
    min-width: 52px
}

.forceListViewManagerGrid thead th.errorColumnHeader {
    min-width: 50px
}

.forceListViewManagerGrid tbody {
    transform: translateZ(0)
}

.forceListViewManagerGrid th.sortable a.toggle:after {
    font-family: 'oneIconFont';
    text-rendering: optimizeLegibility;
    display: inline-block;
    padding: 0 5px;
    left: var(--lwc-spacingXxSmall, 0.25rem);
    content: '\00a0';
    background-size: 90%;
    background-position: 0 1px;
    background-repeat: no-repeat
}

.forceListViewManagerHeader .oneActionsDropDown a:focus {
    box-shadow: 0 0 3px #0070d2
}

.forceListViewManagerHeader.slds-split-view__header .oneActionsDropDown a {
    display: flex;
    border-radius: .25rem;
    height: 2rem;
    width: 2rem;
    align-items: center;
    align-content: center;
    justify-content: center
}

.forceListViewManagerHeader.slds-split-view__header .oneActionsDropDown svg {
    width: 1rem;
    height: 1rem;
    line-height: 1
}

.forceListViewManagerHeader.slds-split-view__header .oneActionsDropDown .slds-icon_container {
    height: 1rem;
    width: 1rem
}

.forceListViewManagerHeader.slds-page-header--object-home {
    padding-top: var(--lwc-varSpacingVerticalMedium, 1rem);
    padding-right: var(--lwc-varSpacingHorizontalMedium, 1rem);
    padding-bottom: var(--lwc-varSpacingVerticalSmall, 0.75rem);
    padding-left: var(--lwc-varSpacingHorizontalMedium, 1rem)
}

.forceListViewManagerHeader .rotate svg {
    animation: rotate var(--lwc-durationSlowly, 0.4s)
}

@keyframes rotate {
    from {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(360deg)
    }
}

.forceListViewManagerHeader .listViewTitle a, .forceListViewManagerHeader .listViewTitle a:active {
    color: var(--lwc-colorGray13, rgb(8, 7, 7))
}

div.forceListViewManagerHeader.slds-page-header {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom: var(--lwc-borderWidthThin, 1px) solid var(--lwc-cardColorBorder, rgb(221, 219, 218))
}

.forceListViewManagerPrimaryDisplayManager {
    width: 100%;
    height: 100%;
    position: relative
}

.forceListViewManagerPrimaryDisplayManager .long-loading-1 {
    padding-bottom: 20px;
    padding-top: 6rem
}

.forceListViewManagerPrimaryDisplayManager .pinned-list-mru-link {
    display: block
}

.forceListViewManagerSecondaryDisplayManager {
    background-color: var(--lwc-colorForegroundPrimary, rgb(255, 255, 255));
    box-shadow: var(--lwc-shadowDrag, 0 2px 4px 0 rgba(0, 0, 0, 0.40));
    overflow: auto;
    position: relative;
    z-index: var(--lwc-zIndexDefault, 1)
}

.forceListViewManagerSecondaryDisplayManager > div {
    min-width: 321px
}

.forceListViewManagerSecondaryDisplayManager lst-quick-filter-panel lightning-helptext div.slds-form-element__icon {
    padding-top: 0
}

.forceObjectHomePipelineView, .forceObjectHomePipelineView .runtime_sales_pipelineboardPipelineView, .forceObjectHomePipelineView .wrapperContainer {
    height: 100%
}

.forceOutputLookupWithPreview a {
    display: inline-block;
    vertical-align: top
}

.forceOutputLookupWithPreview a.textUnderline {
    border-bottom: 1px dotted
}

.forceOutputLookupWithPreview a.textUnderline:hover, .forceOutputLookupWithPreview a.textUnderline:focus {
    text-decoration: none
}

.forceOutputLookupWithPreview .photoContainer {
    overflow: hidden
}

.forceOutputLookupWithPreview > button.slds-button_icon {
    position: relative
}

.forcePhotoCropDraggable {
    height: 100%;
    width: 100%;
    position: relative;
    z-index: 1;
    -ms-touch-action: none
}

.forceQuillButtonLink {
    white-space: normal;
    position: relative
}

.forceQuillButtonLink .link-panel.invisible {
    display: none
}

.forceQuillButtonLink .slds-popover {
    position: absolute;
    top: calc(100% + 5px);
    left: calc(50% - 160px);
    min-width: 320px
}

.forceQuillButtonLink .link-panel .slds-button.cancelBtn {
    border: 1px solid rgb(216, 221, 230);
    border-radius: .25rem
}

.forceQuillButtonLink .link-panel .slds-button.saveBtn {
    border: 1px solid transparent;
    border-radius: .25rem
}

.forceChatterAutocomplete .uiInput .cuf-autocompleteClass.uiAutocompleteList {
    position: relative;
    overflow-x: hidden;
    background-color: var(--lwc-colorBackgroundAlt, rgb(255, 255, 255))
}

.forceChatterAutocomplete .uiInput .cuf-autocompleteClass.uiAutocompleteList.showEmptyContent {
    overflow-x: visible
}

.forceChatterAutocomplete .cuf-autocompleteClass .listContent {
    min-height: 10px
}

.forceChatterAutocomplete .cuf-autocompleteClass .listContent ul {
    overflow-x: hidden
}

.forceChatterAutocomplete .cuf-autocompleteClass .listContent .forceChatterSelectMentionOption:hover {
    background-color: var(--lwc-colorBackgroundRowHover, rgb(243, 242, 242))
}

.forceChatterAutocomplete .cuf-autocompleteClass .listContent .forceChatterSelectMentionOption a.optionItem {
    background-color: transparent
}

.forceChatterAutocomplete .data-match {
    border-radius: var(--lwc-borderRadiusSmall, 0.125rem)
}

.forceChatterAutocomplete .defaultMessage {
    display: block;
    margin: var(--lwc-spacingMedium, 1rem)
}

.forceChatterAutocomplete .cuf-autocompleteClass.loading.showEmptyContent, .forceChatterAutocomplete .cuf-autocompleteClass.noDefaultMessage.showEmptyContent {
    border: none
}

.forceChatterAutocomplete.defaultFlavor .cuf-autocompleteClass {
    overflow-x: auto
}

.forceChatterAutocomplete.defaultFlavor .uiAutocomplete .uiAutocompleteList {
    z-index: 10
}

.forceChatterAutocomplete.defaultFlavor .cuf-autocompleteClass .listContent {
    max-height: var(--lwc-autoCompleteListMaxHeight, 17.6rem)
}

.forceChatterAutocomplete.mobileFlavor .cuf-autocompleteClass .uiAutocompleteOption.highlighted {
    background-color: inherit
}

.forceChatterFeedContentAttachment .bBody {
    padding-left: var(--lwc-spacingSmall, 0.75rem)
}

.forceChatterFeedContentAttachment p {
    line-height: normal;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.forceChatterFeedContentAttachment .cuf-noteBody {
    color: var(--lwc-colorTextDefault, rgb(8, 7, 7))
}

.forceChatterFeedContentAttachment .cuf-contentAttachmentTitle {
    font-weight: var(--lwc-fontWeightRegular, 400);
    font-size: var(--lwc-fontSizeMedium, 0.8125rem);
    color: var(--lwc-colorTextLink, rgb(0, 109, 204))
}

.forceChatterFeedContentAttachment .cuf-contentAttachmentSize {
    font-weight: var(--lwc-fontWeightRegular, 400);
    font-size: var(--lwc-fontSizeSmall, 0.75rem);
    color: var(--lwc-colorTextWeak, rgb(62, 62, 60))
}

.forceChatterFeedContentAttachment .cuf-contentRepositoryName {
    font-weight: var(--lwc-fontWeightRegular, 400);
    font-size: var(--lwc-fontSizeSmall, 0.75rem);
    color: #4f6a92;
    line-height: 1.5;
    width: 100%;
    display: inline-flex
}

.forceChatterFeedContentAttachment p {
    margin: 0
}

.forceChatterFeedContentAttachment .itemRows, .forceChatterFeedContentAttachment .itemLabel {
    flex: 0 100 auto
}

.forceChatterFeedContentAttachment .repositoryIcon {
    margin-left: 5px;
    width: 12px;
    vertical-align: middle;
    margin-bottom: 2px
}

.forceChatterGroupMemberRoleSwitch.uiInputSelect {
    width: 100px
}

.forceChatterMessageSegments ul, .forceChatterMessageSegments ol {
    padding: 0 var(--lwc-spacingXLarge, 2rem)
}

.forceChatterMessageSegments ul > li {
    list-style-type: disc
}

.forceChatterMessageSegments ol > li {
    list-style-type: decimal
}

.forceChatterMessageSegments img {
    margin: var(--lwc-spacingXxSmall, 0.25rem) 0;
    display: block;
    image-orientation: from-image
}

.forceChatterMessageSegments s, .forceChatterMessageSegments u {
    text-decoration: none
}

.forceChatterMessageSegments s span {
    text-decoration: line-through
}

.forceChatterMessageSegments u span {
    text-decoration: underline
}

.forceChatterMessageSegments u s span, .forceChatterMessageSegments s u span {
    text-decoration: underline line-through
}

.forceChatterMessageSegments .inlineImageContainer {
    position: relative;
    display: inline-block
}

.forceChatterMessageSegments .inlineImageContainer .slds-spinner_container {
    background-color: rgba(255, 255, 255, 0)
}

.forceChatterMessageSegments .gifPlayButton {
    transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    left: 50%;
    overflow: auto;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    height: 60px;
    width: 60px;
    border-radius: 50%;
    color: #fff;
    cursor: pointer;
    border: 2px solid #fff;
    background-color: rgba(0, 0, 0, 0.65)
}

.forceChatterMessageSegments .gifPlayButton:focus, .forceChatterMessageSegments .gifPlayButton:hover {
    background-color: rgba(0, 0, 0, 0.25)
}

.forceChatterMessageSegments .missingImageIconContainer {
    width: 201px;
    height: 134px;
    padding-top: 32px;
    padding-bottom: 32px;
    margin: .25rem 0 .25rem 0;
    border: 1px solid #d4d4d4;
    border-radius: 4px;
    color: #d4d4d4;
    text-align: center;
    font-weight: normal;
    font-style: normal
}

.forceChatterMessageSegments .missingImageIconContainer span, .forceChatterMessageSegments .missingImageIconContainer span {
    text-decoration: none
}

.forceChatterMessageSegments .missingImageIcon {
    color: #d4d4d4;
    font-size: 54px;
    height: 44px;
    display: inline-flex
}

.forceChatterMessageSegments .missingImageMessage {
    font-size: 12px;
    color: var(--lwc-colorTextLabel, rgb(62, 62, 60))
}

.forceChatterPublisherAttachmentFileUploadButton.fileUploadContainer {
    position: relative;
    overflow: hidden
}

.forceChatterSelectedFileBadge .contentPostFileRemove.uiButton, .forceChatterSelectedFileBadge .contentPostFileRemove.uiButton:active {
    font-size: 12px;
    color: gray;
    border: 0;
    background-color: transparent;
    text-shadow: none;
    display: table
}

.forceChatterSelectedFileBadge.forceChatterSelectedFileBadge svg {
    fill: rgb(194, 57, 52)
}

.forceChatterSelectedFileBadge .right {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%)
}

.forceChatterSelectMentionOption.optionItem {
    display: block;
    width: 100%;
    padding: var(--lwc-spacingXSmall, 0.5rem);
    cursor: pointer
}

.forceChatterSelectMentionOption.optionItem.small {
    padding: var(--lwc-spacingXSmall, 0.5rem) var(--lwc-spacingXxxSmall, 0.125rem) var(--lwc-spacingXSmall, 0.5rem) var(--lwc-spacingXxxSmall, 0.125rem)
}

.forceChatterSelectMentionOption.optionItem.tiny {
    padding: var(--lwc-spacingXSmall, 0.5rem) var(--lwc-spacingXxxSmall, 0.125rem) var(--lwc-spacingXSmall, 0.5rem) var(--lwc-spacingXxxSmall, 0.125rem)
}

.forceChatterSelectMentionOption.optionItem:last-child {
    border-bottom: 0
}

.forceChatterSelectMentionOption .optionItemContainer {
    display: flex
}

.forceChatterSelectMentionOption .imgContainer {
    flex: 1 0 auto
}

.forceChatterSelectMentionOption .cuf-actorImage {
    background-repeat: no-repeat;
    margin-right: var(--lwc-spacingXxSmall, 0.25rem)
}

.forceChatterSelectMentionOption .cuf-actorImage.standard {
    height: 45px;
    width: 45px
}

.forceChatterSelectMentionOption .cuf-actorImage.medium {
    height: var(--lwc-squareIconMediumBoundary, 2rem);
    width: var(--lwc-squareIconMediumBoundary, 2rem)
}

.forceChatterSelectMentionOption .cuf-actorImage.small {
    height: 20px;
    width: 20px
}

.forceChatterSelectMentionOption .cuf-actorImage.tiny {
    height: 16px;
    min-width: 16px;
    margin-right: var(--lwc-spacingXxSmall, 0.25rem)
}

.forceChatterSelectMentionOption .cuf-actor {
    min-width: 100%;
    vertical-align: top;
    overflow: hidden;
    text-overflow: ellipsis
}

.forceChatterSelectMentionOption .cuf-actorName {
    font-weight: var(--lwc-fontWeightRegular, 400);
    font-size: var(--lwc-fontSizeMedium, 0.8125rem);
    line-height: var(--lwc-lineHeightText, 1.5);
    white-space: nowrap
}

.forceChatterSelectMentionOption .cuf-actorBadge {
    color: var(--lwc-colorTextWeak, rgb(62, 62, 60))
}

.forceChatterSelectMentionOption .cuf-actor.tiny .cuf-actorName {
    font-size: var(--lwc-fontSizeSmall, 0.75rem);
    line-height: var(--lwc-lineHeightText, 1.5)
}

.forceChatterSelectMentionOption .cuf-actorDescription, .forceChatterSelectMentionOption .descriptionSeparator, .forceChatterSelectMentionOption .descriptionLabel {
    display: block;
    font-weight: var(--lwc-fontWeightRegular, 400);
    font-size: var(--lwc-fontSizeSmall, 0.75rem);
    line-height: var(--lwc-lineHeightText, 1.5);
    color: var(--lwc-colorTextWeak, rgb(62, 62, 60));
    white-space: nowrap
}

.forceChatterSelectMentionOption .isSlash .qe-entityTitle {
    display: block
}

.forceChatterSelectMentionOption .isSlash .cuf-actorDescription {
    display: inline-block
}

.forceChatterSelectMentionOption .cuf-actor.tiny .cuf-actorDescription {
    display: none
}

.forceChatterSelectMentionOption.highlighted {
    background-color: var(--lwc-colorBackgroundRowHover, rgb(243, 242, 242));
    text-decoration: none
}

.forceChatterSelectMentionOption.highlighted a.optionItem {
    text-decoration: none
}

.forceChatterSelectMentionOption.messageItem, .forceChatterSelectMentionOption.messageItem a, .forceChatterSelectMentionOption.highlighted.messageItem, .forceChatterSelectMentionOption.highlighted.messageItem a {
    color: var(--lwc-colorTextWeak, rgb(62, 62, 60))
}

.forceChatterSelectMentionOption a, .forceChatterSelectMentionOption.optionItem a.optionItem.medium {
    height: auto
}

.forceChatterSelectMentionOption .defaultFlavor .cuf-actorImage {
    border-radius: var(--lwc-borderRadiusCircle, 50%);
    display: inline;
    vertical-align: middle
}

.forceChatterSelectMentionOption .defaultFlavor .cuf-actorImage.group {
    border-radius: var(--lwc-borderRadiusMedium, 0.25rem)
}

.forceChatterSelectMentionOption .mobileFlavor .cuf-actorImage.group {
    border-radius: 0
}

.forceChatterSelectMentionOption .mobileFlavor .cuf-actorImage {
    border-radius: var(--lwc-borderRadiusCircle, 50%)
}

.forceChatterSelectMentionOption .defaultFlavor .cuf-actorImage.showExternalBadge {
    border-radius: var(--lwc-borderRadiusCircle, 50%);
    border: var(--lwc-borderWidthThin, 1px) solid var(--lwc-colorBorderCustomer, rgb(255, 154, 60))
}

.forceChatterSelectMentionOption .mobileFlavor .cuf-actorImage.showExternalBadge {
    border-radius: var(--lwc-borderRadiusCircle, 50%);
    border: var(--lwc-borderWidthThick, 2px) solid var(--lwc-colorBorderCustomer, rgb(255, 154, 60))
}

.forceChatterSelectMentionOption .defaultFlavor .cuf-actorName, .forceChatterSelectMentionOption .defaultFlavor .cuf-actor, .forceChatterSelectMentionOption .mobileFlavor .cuf-actor, .forceChatterSelectMentionOption .mobileFlavor .cuf-actorName {
    color: var(--lwc-brandTextLink, rgb(0, 109, 204))
}

.forceChatterSelectMentionOption .defaultFlavor .cuf-actor.medium .cuf-actorName {
    font-size: var(--lwc-fontSizeMedium, 0.8125rem);
    line-height: var(--lwc-lineHeightText, 1.5)
}

.forceChatterSelectMentionOption .defaultFlavor .cuf-actor.medium .cuf-actorDescription {
    font-size: var(--lwc-fontSizeSmall, 0.75rem)
}

.forceChatterSelectMentionOption .defaultFlavor.highlighted .cuf-actorName, .forceChatterSelectMentionOption .defaultFlavor.highlighted .cuf-actorBadge, .forceChatterSelectMentionOption .defaultFlavor.highlighted .cuf-actorDescription {
    color: #ffffff
}

.forceChatterSelectMentionOption .defaultFlavor.highlighted, .forceChatterSelectMentionOption .defaultFlavor.highlighted a.optionItem {
    background-color: var(--lwc-colorTextPill, rgb(0, 112, 210))
}

.forceChatterTopicSuggestionAutoComplete {
    float: left
}

.forceChatterTopicSuggestionAutoComplete .defaultMessage.hideEl {
    display: none
}

.forceChatterTopicSuggestionAutoComplete .cuf-autocompleteClass {
    overflow-x: hidden;
    box-shadow: none;
    border-radius: 2px;
    z-index: 99;
    width: 100%
}

.forceChatterTopicSuggestionAutoComplete .cuf-autocompleteClass .listContent {
    min-height: 10px
}

.forceChatterTopicSuggestionAutoComplete .data-match {
    border-radius: var(--lwc-borderRadiusSmall, 0.125rem)
}

.forceChatterTopicSuggestionAutoComplete .cuf-autocompleteClass .cuf-topicName {
    font-size: 12px;
    font-weight: 400;
    white-space: nowrap
}

.forceChatterTopicSuggestionAutoComplete .cuf-autocompleteClass .forceChatterSelectTopicSuggestionOption .highlighted, .forceChatterTopicSuggestionAutoComplete .cuf-autocompleteClass .highlighted a, .forceChatterTopicSuggestionAutoComplete .cuf-autocompleteClass li.optionItem:hover {
    background-color: var(--lwc-colorBackgroundRowHover, rgb(243, 242, 242));
    text-decoration: none;
    color: #ccc;
    height: inherit
}

.forceChatterTopicSuggestionAutoComplete .cuf-addTopicsContainer .cuf-autocompleteInput {
    font-size: 12px;
    font-weight: 300
}

.forceChatterTopicSuggestionAutoComplete .cuf-autocompleteClass .optionItem {
    margin: 0
}

.forceChatterTopicSuggestionAutoComplete .uiInput input {
    color: var(--lwc-colorTextDefault, rgb(8, 7, 7))
}

.forceChatterTopicSuggestionAutoComplete.sfxFlavor .uiInput .cuf-autocompleteClass.uiAutocompleteList {
    position: relative;
    overflow-x: hidden;
    background-color: var(--lwc-colorBackgroundAlt, rgb(255, 255, 255));
    min-width: var(--lwc-sizeMedium, 20rem);
    max-width: var(--lwc-sizeLarge, 25rem)
}

.forceChatterTopicSuggestionAutoComplete.sfxFlavor .cuf-autocompleteClass .listContent {
    min-height: 10px
}

.forceChatterTopicSuggestionAutoComplete.sfxFlavor .cuf-autocompleteClass .listContent ul {
    overflow-x: hidden
}

.forceChatterTopicSuggestionAutoComplete.sfxFlavor .data-match {
    border-radius: var(--lwc-borderRadiusSmall, 0.125rem)
}

.forceChatterTopicSuggestionAutoComplete .defaultMessage {
    display: block;
    background-color: var(--lwc-colorBackgroundAlt, rgb(255, 255, 255));
    z-index: 1;
    position: relative
}

.forceChatterTopicSuggestionAutoComplete.sfxFlavor .cuf-autocompleteClass.loading.showEmptyContent, .forceChatterTopicSuggestionAutoComplete.sfxFlavor .cuf-autocompleteClass.noDefaultMessage.showEmptyContent {
    border: none
}

.forceChatterTopicSuggestionAutoComplete.sfxFlavor .cuf-autocompleteClass {
    overflow-x: auto
}

.forceChatterTopicSuggestionAutoComplete.sfxFlavor .cuf-autocompleteClass .listContent {
    max-height: var(--lwc-autoCompleteListMaxHeight, 17.6rem)
}

.forceChatterTopicSuggestionAutoComplete.sfxFlavor .uiAutocomplete .uiAutocompleteList {
    z-index: 10
}

.forceChatterTopicSuggestionAutoComplete .forceChatterSelectTopicSuggestionOption .cuf-topic {
    width: var(--lwc-sizeMedium, 20rem);
    max-width: var(--lwc-sizeXSmall, 12rem);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

@media only screen and (min-width: 64.0625em) {
    .forceChatterTopicSuggestionAutoComplete .forceChatterSelectTopicSuggestionOption .cuf-topic {
        max-width: var(--lwc-sizeMedium, 20rem)
    }
}

.forceChatterTopicSuggestionAutoComplete .uiInput ::-webkit-input-placeholder {
    color: var(--lwc-colorTextWeak, rgb(62, 62, 60));
    text-transform: uppercase
}

.forceChatterTopicSuggestionAutoComplete .uiInput :-moz-placeholder {
    color: var(--lwc-colorTextWeak, rgb(62, 62, 60));
    text-transform: uppercase;
    opacity: 1
}

.forceChatterTopicSuggestionAutoComplete .uiInput ::-moz-placeholder {
    color: var(--lwc-colorTextWeak, rgb(62, 62, 60));
    text-transform: uppercase;
    opacity: 1
}

.forceChatterTopicSuggestionAutoComplete .uiInput :-ms-input-placeholder {
    color: var(--lwc-colorTextWeak, rgb(62, 62, 60));
    text-transform: uppercase
}

.forceChatterUserPhoto {
    overflow: hidden;
    position: relative
}

.forceChatterUserPhoto .userImg {
    vertical-align: middle
}

.forceChatterUserPhoto.standardSize .userImg {
    height: 45px;
    width: 45px
}

.forceChatterUserPhoto.commentSize .userImg {
    height: 30px;
    width: 30px
}

.forceChatterUserPhoto.smallSize .userImg {
    height: 20px;
    width: 20px
}

.forceChatterUserPhoto.tinySize .userImg {
    height: 16px;
    width: 16px
}

.forceChatterUserPhoto.standardSize.rounded {
    border-radius: var(--lwc-borderRadiusMedium, 0.25rem)
}

.forceChatterUserPhoto.commentSize.rounded, .forceChatterUserPhoto.smallSize.rounded, .forceChatterUserPhoto.tinySize.rounded {
    border-radius: var(--lwc-borderRadiusSmall, 0.125rem)
}

.forceChatterUserPhoto.circular {
    border-radius: 50%
}

.forceContentFeedActionsDropDown a {
    color: inherit
}

.forceContentFeedActionsDropDown .sldsButtonHeightFix {
    height: var(--lwc-lineHeightButton, 1.875rem)
}

.forceContentFeedActionsDropDown .forceIcon svg.slds-icon {
    pointer-events: none
}

@media only screen and (max-width: 47.9375em) {
    .forceSearchResultsHeaderFilters.filtersHeader {
        padding-left: var(--lwc-spacingXxSmall, 0.25rem)
    }

    .forceSearchResultsHeaderFilters .dot {
        padding-right: var(--lwc-spacingXxSmall, 0.25rem)
    }
}

.forceSearchResultsHeaderFilters .filterByLabel {
    word-break: break-word
}

.forceSearchScopeOverflowList {
    min-width: 10rem;
    max-height: 300px;
    overflow-y: auto;
    overflow-x: hidden;
    padding: .5rem 0;
    list-style: none
}

.forceSearchScopeOverflowList .ribbonOverflowItemLabel, .forceSearchScopeOverflowList .message {
    width: 100%;
    display: inline-block;
    color: var(--lwc-colorTextLabel, rgb(62, 62, 60));
    font-size: var(--lwc-fontSizeMedium, 0.8125rem);
    font-weight: var(--lwc-fontWeightRegular, 400);
    padding: var(--lwc-spacingXSmall, 0.5rem) var(--lwc-spacingSmall, 0.75rem);
    vertical-align: middle
}

.forceSearchScopeOverflowList .ribbonOverflowItemLabel {
    text-transform: uppercase;
    overflow: hidden;
    text-overflow: ellipsis;
    text-decoration: none
}

.forceSearchScopeOverflowList .ribbonOverflowItem:hover, .forceSearchScopeOverflowList .ribbonOverflowItem.selected {
    background-color: var(--lwc-colorBackgroundRowHover, rgb(243, 242, 242))
}

.forceSearchScopeOverflowList hr {
    border: var(--lwc-borderWidthThin, 1px) solid var(--lwc-colorBorder, rgb(221, 219, 218));
    margin: var(--lwc-spacingXSmall, 0.5rem)
}

.forceSearchScopeOverflowList .displayNone {
    display: none
}

.forceSearchScopeOverflowList .overflowSpinner {
    margin: var(--lwc-spacingMedium, 1rem) 0
}

.forceSearchScopesListPlaceholder, .forceSearchScopesListPlaceholder .placeholder {
    height: 100%
}

.forceSearchScopesListPlaceholder .placeholder .body {
    background-color: var(--lwc-colorGray2, rgb(250, 250, 249));
    padding: calc(var(--lwc-spacingXxLarge, 3rem) + var(--lwc-spacingLarge, 1.5rem)) var(--lwc-spacingMedium, 1rem) var(--lwc-spacingMedium, 1rem) var(--lwc-spacingLarge, 1.5rem);
    height: 100%
}

.forceSearchScopesListPlaceholder .placeholder .text.margin-bottom-medium {
    margin-bottom: 1.8rem
}

.forceSearchScopesListPlaceholder .placeholder .text-medium-long {
    width: 75%
}

.lightningInputRichText {
    position: relative
}

.lightningInputRichText .sans-serif {
    font-family: sans-serif
}

.lightningInputRichText .courier {
    font-family: courier
}

.lightningInputRichText .verdana {
    font-family: verdana
}

.lightningInputRichText .tahoma {
    font-family: tahoma
}

.lightningInputRichText .garamond {
    font-family: garamond
}

.lightningInputRichText .serif {
    font-family: serif
}

.lightningInputRichText .ql-editor {
    white-space: pre-wrap;
    word-wrap: break-word;
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text
}

.lightningInputRichText .ql-container {
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text
}

.lightningInputRichText .ql-editor.ql-blank:before {
    color: #54698d;
    content: attr(data-placeholder);
    pointer-events: none;
    position: absolute
}

.lightningInputRichText .ql-editor a {
    text-decoration: underline
}

.lightningInputRichText .overflow-menu {
    z-index: 2
}

.lightningInputRichText .ql-clipboard {
    position: absolute !important;
    margin: -1px !important;
    border: 0 !important;
    padding: 0 !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
    clip: rect(0 0 0 0) !important
}

.lightningInputRichText .ql-editor p, .lightningInputRichText .ql-editor ol, .lightningInputRichText .ql-editor ul, .lightningInputRichText .ql-editor pre, .lightningInputRichText .ql-editor blockquote, .lightningInputRichText .ql-editor h1, .lightningInputRichText .ql-editor h2, .lightningInputRichText .ql-editor h3, .lightningInputRichText .ql-editor h4, .lightningInputRichText .ql-editor h5, .lightningInputRichText .ql-editor h6 {
    counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9
}

.lightningInputRichText .ql-editor ol, .lightningInputRichText .ql-editor ul {
    margin: 0;
    padding: 0;
    padding-left: 1.5em
}

.lightningInputRichText .ql-editor ol > li, .lightningInputRichText .ql-editor ul > li {
    list-style-type: none
}

.lightningInputRichText .ql-editor ul > li:before {
    content: '\2022';
    font-size: 1.4em;
    vertical-align: middle;
    display: inline-block;
    line-height: normal
}

.lightningInputRichText .ql-editor ul[data-checked=true], .lightningInputRichText .ql-editor ul[data-checked=false] {
    pointer-events: none
}

.lightningInputRichText .ql-editor ul[data-checked=true] > li:before, .lightningInputRichText .ql-editor ul[data-checked=false] > li:before {
    color: #777;
    cursor: pointer;
    pointer-events: all
}

.lightningInputRichText .ql-editor ul[data-checked=true] > li:before {
    content: '\2611'
}

.lightningInputRichText .ql-editor ul[data-checked=false] > li:before {
    content: '\2610'
}

.lightningInputRichText .ql-editor li:before {
    display: inline-block;
    margin-right: .3em;
    text-align: right;
    white-space: nowrap;
    width: 1.2em
}

.lightningInputRichText .ql-editor li:not(.ql-direction-rtl):before {
    margin-left: -1.5em
}

.lightningInputRichText .ql-editor ol li, .lightningInputRichText .ql-editor ul li {
    padding-left: 1.5em
}

.lightningInputRichText .ql-editor ol li {
    counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
    counter-increment: list-num
}

.lightningInputRichText .ql-editor ol li:before {
    content: counter(list-num, decimal) '. '
}

.lightningInputRichText .ql-editor ol li.ql-indent-1 {
    counter-increment: list-1
}

.lightningInputRichText .ql-editor ol li.ql-indent-1:before {
    content: counter(list-1, lower-alpha) '. '
}

.lightningInputRichText .ql-editor ol li.ql-indent-1 {
    counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9
}

.lightningInputRichText .ql-editor ol li.ql-indent-2 {
    counter-increment: list-2
}

.lightningInputRichText .ql-editor ol li.ql-indent-2:before {
    content: counter(list-2, lower-roman) '. '
}

.lightningInputRichText .ql-editor ol li.ql-indent-2 {
    counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9
}

.lightningInputRichText .ql-editor ol li.ql-indent-3 {
    counter-increment: list-3
}

.lightningInputRichText .ql-editor ol li.ql-indent-3:before {
    content: counter(list-3, decimal) '. '
}

.lightningInputRichText .ql-editor ol li.ql-indent-3 {
    counter-reset: list-4 list-5 list-6 list-7 list-8 list-9
}

.lightningInputRichText .ql-editor ol li.ql-indent-4 {
    counter-increment: list-4
}

.lightningInputRichText .ql-editor ol li.ql-indent-4:before {
    content: counter(list-4, lower-alpha) '. '
}

.lightningInputRichText .ql-editor ol li.ql-indent-4 {
    counter-reset: list-5 list-6 list-7 list-8 list-9
}

.lightningInputRichText .ql-editor ol li.ql-indent-5 {
    counter-increment: list-5
}

.lightningInputRichText .ql-editor ol li.ql-indent-5:before {
    content: counter(list-5, lower-roman) '. '
}

.lightningInputRichText .ql-editor ol li.ql-indent-5 {
    counter-reset: list-6 list-7 list-8 list-9
}

.lightningInputRichText .ql-editor ol li.ql-indent-6 {
    counter-increment: list-6
}

.lightningInputRichText .ql-editor ol li.ql-indent-6:before {
    content: counter(list-6, decimal) '. '
}

.lightningInputRichText .ql-editor ol li.ql-indent-6 {
    counter-reset: list-7 list-8 list-9
}

.lightningInputRichText .ql-editor ol li.ql-indent-7 {
    counter-increment: list-7
}

.lightningInputRichText .ql-editor ol li.ql-indent-7:before {
    content: counter(list-7, lower-alpha) '. '
}

.lightningInputRichText .ql-editor ol li.ql-indent-7 {
    counter-reset: list-8 list-9
}

.lightningInputRichText .ql-editor ol li.ql-indent-8 {
    counter-increment: list-8
}

.lightningInputRichText .ql-editor ol li.ql-indent-8:before {
    content: counter(list-8, lower-roman) '. '
}

.lightningInputRichText .ql-editor ol li.ql-indent-8 {
    counter-reset: list-9
}

.lightningInputRichText .ql-editor ol li.ql-indent-9 {
    counter-increment: list-9
}

.lightningInputRichText .ql-editor ol li.ql-indent-9:before {
    content: counter(list-9, decimal) '. '
}

.lightningInputRichText .ql-editor ul li.ql-indent-1:before {
    content: '\25e6'
}

.lightningInputRichText .ql-editor ul li.ql-indent-2:before, .lightningInputRichText .ql-editor ul li.ql-indent-3:before, .lightningInputRichText .ql-editor ul li.ql-indent-4:before, .lightningInputRichText .ql-editor ul li.ql-indent-5:before, .lightningInputRichText .ql-editor ul li.ql-indent-6:before, .lightningInputRichText .ql-editor ul li.ql-indent-7:before, .lightningInputRichText .ql-editor ul li.ql-indent-8:before {
    content: '\25aa'
}

.lightningInputRichText .ql-editor .ql-indent-1:not(.ql-direction-rtl) {
    padding-left: 3em
}

.lightningInputRichText .ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
    padding-left: 4.5em
}

.lightningInputRichText .ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {
    padding-right: 3em
}

.lightningInputRichText .ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
    padding-right: 4.5em
}

.lightningInputRichText .ql-editor .ql-indent-2:not(.ql-direction-rtl) {
    padding-left: 6em
}

.lightningInputRichText .ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
    padding-left: 7.5em
}

.lightningInputRichText .ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {
    padding-right: 6em
}

.lightningInputRichText .ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
    padding-right: 7.5em
}

.lightningInputRichText .ql-editor .ql-indent-3:not(.ql-direction-rtl) {
    padding-left: 9em
}

.lightningInputRichText .ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
    padding-left: 10.5em
}

.lightningInputRichText .ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {
    padding-right: 9em
}

.lightningInputRichText .ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
    padding-right: 10.5em
}

.lightningInputRichText .ql-editor .ql-indent-4:not(.ql-direction-rtl) {
    padding-left: 12em
}

.lightningInputRichText .ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
    padding-left: 13.5em
}

.lightningInputRichText .ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {
    padding-right: 12em
}

.lightningInputRichText .ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
    padding-right: 13.5em
}

.lightningInputRichText .ql-editor .ql-indent-5:not(.ql-direction-rtl) {
    padding-left: 15em
}

.lightningInputRichText .ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
    padding-left: 16.5em
}

.lightningInputRichText .ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {
    padding-right: 15em
}

.lightningInputRichText .ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
    padding-right: 16.5em
}

.lightningInputRichText .ql-editor .ql-indent-6:not(.ql-direction-rtl) {
    padding-left: 18em
}

.lightningInputRichText .ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
    padding-left: 19.5em
}

.lightningInputRichText .ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {
    padding-right: 18em
}

.lightningInputRichText .ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
    padding-right: 19.5em
}

.lightningInputRichText .ql-editor .ql-indent-7:not(.ql-direction-rtl) {
    padding-left: 21em
}

.lightningInputRichText .ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
    padding-left: 22.5em
}

.lightningInputRichText .ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {
    padding-right: 21em
}

.lightningInputRichText .ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
    padding-right: 22.5em
}

.lightningInputRichText .ql-editor .ql-indent-8:not(.ql-direction-rtl) {
    padding-left: 24em
}

.lightningInputRichText .ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
    padding-left: 25.5em
}

.lightningInputRichText .ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {
    padding-right: 24em
}

.lightningInputRichText .ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
    padding-right: 25.5em
}

.lightningInputRichText .ql-editor .ql-indent-9:not(.ql-direction-rtl) {
    padding-left: 27em
}

.lightningInputRichText .ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
    padding-left: 28.5em
}

.lightningInputRichText .ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {
    padding-right: 27em
}

.lightningInputRichText .ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {
    padding-right: 28.5em
}

.assistantFrameworkWizardHeader {
    position: relative
}

.assistantFrameworkWizardHeader .title {
    font-size: var(--lwc-fontSizeXLarge, 1.25rem);
    color: var(--lwc-colorTextActionLabel, rgb(62, 62, 60));
    padding: 20px 10px 15px;
    text-align: center
}

.assistantFrameworkWizardHeader .subTitle {
    font-size: var(--lwc-fontSizeMedium, 0.8125rem);
    color: var(--lwc-colorTextActionLabel, rgb(62, 62, 60));
    text-align: center;
    padding: 0 20px 30px 20px
}

.assistantFrameworkWizardHeader hr {
    height: var(--lwc-borderWidthThick, 2px);
    color: var(--lwc-colorTextButtonDefaultDisabled, rgb(221, 219, 218));
    background-color: var(--lwc-colorBackgroundShadeDark, rgb(221, 219, 218));
    text-align: center;
    border: none;
    margin: 0
}

.assistantFrameworkWizardHeader .hasError {
    color: var(--lwc-colorTextBrowser, rgb(255, 255, 255));
    padding: var(--lwc-spacingLarge, 1.5rem) var(--lwc-spacingLarge, 1.5rem) !important;
    background-color: var(--lwc-colorBackgroundError, rgb(212, 80, 76));
    border-radius: var(--lwc-borderRadiusMedium, 0.25rem);
    font-size: var(--lwc-fontSizeLarge, 1rem);
    margin-top: 10px;
    position: absolute;
    opacity: .90;
    width: 100%
}

.assistantFrameworkWizardHeader .errorIcon {
    font-size: 18px;
    color: var(--lwc-colorTextBrowser, rgb(255, 255, 255));
    padding-right: 15px
}

.assistantFrameworkWizardNavigator {
    background-color: var(--lwc-colorBackground, rgb(243, 242, 242))
}

.assistantFrameworkWizardNavigator hr {
    height: var(--lwc-borderWidthThick, 2px);
    color: var(--lwc-colorTextButtonDefaultDisabled, rgb(221, 219, 218));
    background-color: var(--lwc-colorBackgroundShadeDark, rgb(221, 219, 218));
    text-align: center;
    border: none;
    margin: 0
}

.assistantFrameworkWizardNavigator.wizard-step-navigator {
    height: 77px;
    padding: 20px 30px
}

.assistantFrameworkWizardNavigator .hidden {
    position: absolute;
    visibility: hidden
}

.assistantFrameworkWizardNavigator .right {
    float: right
}

.emailStreamIconLabel {
    max-width: 100%;
    display: flex
}

.emailStreamIconLabel .slds-icon_container {
    width: var(--lwc-spacingXLarge, 2rem);
    height: var(--lwc-spacingXLarge, 2rem);
    min-width: var(--lwc-spacingXLarge, 2rem);
    min-height: var(--lwc-spacingXLarge, 2rem);
    text-align: center;
    vertical-align: middle;
    padding-top: var(--lwc-spacingXxSmall, 0.25rem)
}

.emailStreamIconLabel .icon {
    margin-right: var(--lwc-spacingXSmall, 0.5rem);
    font-size: var(--lwc-fontSizeXxLarge, 1.75rem);
    line-height: var(--lwc-spacingXLarge, 2rem)
}

.emailStreamIconLabel .stackable {
    line-height: var(--lwc-lineHeightReset, 1);
    margin-left: var(--lwc-spacingXSmall, 0.5rem)
}

.emailStreamIconLabel .slds-col.labelText {
    align-self: center
}

.emailStreamIconLabel .slds-icon-text-default {
    fill: var(--lwc-colorTextInverse, rgb(255, 255, 255))
}

.emailStreamIconLabel .slds-icon-utility-world {
    background-color: #00d2be
}

.emailStreamIconLabel .slds-icon-utility-groups {
    background-color: #779ef2
}

.emailStreamIconLabel .slds-icon-utility-lock {
    background-color: #fe8f60
}

.emailStreamSharingPreview h2 {
    border-bottom: var(--lwc-borderWidthThin, 1px) solid var(--lwc-colorBorder, rgb(221, 219, 218));
    margin-bottom: var(--lwc-spacingMedium, 1rem)
}

.emailStreamSharingPreview .insightsTextPreview {
    margin-bottom: var(--lwc-spacingMedium, 1rem);
    overflow: hidden
}

.emailStreamSharingPreview .ownerPreview {
    margin-bottom: var(--lwc-spacingMedium, 1rem);
    overflow: hidden
}

.emailStreamSharingPreview .ownerPreview li {
    overflow: hidden
}

.emailStreamSharingPreview .nonOwnerPreview li {
    overflow: hidden
}

.emailStreamSharingPreview h3 {
    font-size: var(--lwc-fontSizeSmall, 0.75rem);
    margin-bottom: var(--lwc-spacingXxSmall, 0.25rem)
}

.emailStreamSharingPreview .runtime_sales_activitiesActivityTimelineFixedStencil {
    border: var(--lwc-borderWidthThin, 1px) solid var(--lwc-colorBorder, rgb(221, 219, 218));
    border-radius: var(--lwc-borderRadiusSmall, 0.125rem);
    padding: var(--lwc-spacingXxSmall, 0.25rem) var(--lwc-spacingXxSmall, 0.25rem) var(--lwc-spacingXxSmall, 0.25rem) var(--lwc-spacingMedium, 1rem);
    background-color: var(--lwc-colorBackgroundAlt, rgb(255, 255, 255));
    list-style: none
}

.emailStreamSharingPreview .runtime_sales_activitiesActivityTimelineFixedStencil .showMoreMarker {
    padding-top: 5px
}

.emailStreamSharingPreview li.runtime_sales_activitiesActivityTimelineFixedStencil.showRequestAccess a.chevronLink {
    display: none
}

.emailStreamSharingPreview li.runtime_sales_activitiesActivityTimelineFixedStencil.showRequestAccess span.subjectText, .emailStreamSharingPreview li.runtime_sales_activitiesActivityTimelineFixedStencil .privateContainer {
    display: none
}

.emailStreamSharingPreview li.runtime_sales_activitiesActivityTimelineFixedStencil span.subjectText {
    display: inline-block;
    text-overflow: ellipsis;
    color: var(--lwc-colorTextLink, rgb(0, 109, 204))
}

.emailStreamSharingPreview li.runtime_sales_activitiesActivityTimelineFixedStencil.showRequestAccess .privateContainer {
    display: inline-block;
    max-width: 100%;
    margin-bottom: .5rem;
    clear: both;
    font-style: italic
}

.emailStreamSharingPreview li.runtime_sales_activitiesActivityTimelineFixedStencil.showRequestAccess .privateContainer span.slds-truncate {
    display: block
}

.emailStreamSharingPreview .runtime_sales_activitiesActivityTimelineFixedStencil .slds-media__body > .slds-truncate {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    white-space: normal;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.emailStreamSharingPreview .runtime_sales_activitiesActivityTimelineFixedStencil .slds-media__body {
    margin-bottom: 0
}

.emailStreamSharingPreview .runtime_sales_activitiesActivityTimelineFixedStencil ul.slds-list--horizontal {
    clear: both
}

.emailStreamSharingPreview .runtime_sales_activitiesActivityTimelineFixedStencil .runtime_sales_activitiesRequestAccessSIQFixedLayout, .emailStreamSharingPreview a.subjectLink {
    display: none
}

.emailStreamSharingPreview .runtime_sales_activitiesActivityTimelineFixedStencil .slds-timeline__media--event .slds-text-body--small > .runtime_sales_activitiesTaskDueDate:nth-last-child(2) {
    display: none
}

.emailStreamSharingPreview .runtime_sales_activitiesActivityTimelineFixedStencil .dueDate {
    padding-top: .5rem
}

.emailStreamSharingPreview .runtime_sales_activitiesActivityTimelineFixedStencil .slds-media {
    padding-top: 1.1rem;
    margin-top: -.7rem
}

.emailStreamSharingPreview li.runtime_sales_activitiesActivityTimelineFixedStencil .forceVirtualAction {
    display: none
}

.emailStreamSharingPreview .runtime_sales_activitiesActivityTimelineFixedStencil .slds-media--timeline:before {
    width: 3px;
    left: .6rem;
    top: 1rem
}

.emailStreamSharingPreview .runtime_sales_activitiesActivityTimelineFixedStencil .slds-timeline__media--siqevent:before {
    background-color: #eb7092
}

.emailStreamSharingPreview .runtime_sales_activitiesActivityTimelineFixedStencil .slds-timeline__media--siqemail:before {
    background-color: #95aec5
}

.emailStreamSharingPreview .runtime_sales_activitiesActivityTimelineFixedStencil .slds-media .slds-media__figure {
    border-top: var(--lwc-borderWidthThin, 1px) solid #fff;
    border-bottom: var(--lwc-borderWidthThin, 1px) solid #fff;
    border-left: 0;
    border-right: 0
}

.emailStreamSharingPreview .runtime_sales_activitiesActivityTimelineFixedStencil .border {
    padding-bottom: 0
}

.emailStreamSharingPreview .runtime_sales_activitiesActivityTimelineFixedStencil .addressFields {
    padding-bottom: 0
}

.emailStreamSharingPreview .expandedDetails {
    background-color: var(--lwc-colorBackground, rgb(243, 242, 242))
}

.emailStreamSharingPreview .showRequestAccess div.runtime_sales_activitiesActivityTimelineFixedLayoutExpandedSiqEvent {
    display: none
}

.emailStreamSharingPreview .showRequestAccess div.runtime_sales_activitiesActivityTimelineFixedLayoutExpandedSiqEmail {
    display: none
}

.emailStreamSharingPreview .icon {
    margin-right: var(--lwc-spacingXSmall, 0.5rem)
}

.emailStreamSharingPreview .nonOwnerPreview a, .emailStreamSharingPreview .ownerPreview a {
    pointer-events: none;
    cursor: default
}

.forceConfirmationWindow .forceMessage .bBody .summary {
    font-size: 16px
}

.forceConfirmationWindow .forceMessage {
    padding: 20px 10px
}

.forceConfirmationWindow .windowButtons .uiButton {
    max-width: 106px;
    display: inline-block;
    margin-left: 10px;
    font-size: 1.1em;
    border: 1px solid;
    border-color: #dddddd #dddddd #9c9c9c;
    padding: 8px 15px;
    text-shadow: none;
    border-radius: 2px;
    box-shadow: 0 1px 2px #adadad
}

.forceConfirmationWindow .windowButtons .uiButton {
    background: linear-gradient(top, #ffffff, #f7f7f7)
}

.forceConfirmationWindow .windowButtons .uiButton:hover {
    border: 0;
    text-shadow: none;
    background: linear-gradient(top, #ebebeb, #e4e4e4)
}

.forceConfirmationWindow .windowButtons .uiButton:active {
    border: 0;
    text-shadow: none;
    background: linear-gradient(top, #eeeeee, #ffffff)
}

.forceConfirmationWindow .windowButtons .uiButton .label {
    cursor: pointer;
    padding: 0 1px;
    color: #636061
}

.forceListViewManager {
    height: 100%
}

.forceListViewManager .uiScroller.native {
    -ms-overflow-style: -ms-autohiding-scrollbar
}

.forceListViewManager .safari-workaround-anchor {
    height: 100%;
    position: relative
}

.forceListViewManager .safari-workaround-anchor .safari-workaround {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0
}

.forceListViewManager.autoHeight .safari-workaround-anchor {
    height: auto !important
}

.forceListViewManager.autoHeight .safari-workaround-anchor .safari-workaround {
    height: 100%;
    width: 100%;
    position: inherit;
    left: auto;
    top: auto;
    right: auto;
    bottom: auto
}

.forceListViewManager.empty .simpleEmptyState {
    display: none
}

.forceListViewManager .lvmTooltipButton button {
    border: var(--lwc-borderWidthThin, 1px) solid rgb(221, 219, 218);
    transition: border .15s linear;
    border-color: rgb(221, 219, 218);
    background-color: rgb(255, 255, 255)
}

.forceListViewManager .inlineEditTooltipButton button {
    height: var(--lwc-spacingXLarge, 2rem);
    width: var(--lwc-spacingXLarge, 2rem)
}

.forceListViewManager .pinnedListTooltipButton button {
    height: var(--lwc-spacingLarge, 1.5rem);
    width: var(--lwc-spacingLarge, 1.5rem);
    color: var(--lwc-brandTextLink, rgb(0, 109, 204))
}

.forceListViewManager .lvmTooltipButton .slds-form-element__icon {
    padding-top: 0;
    vertical-align: baseline
}

.forceListViewManager lst-list-view-manager-header .oneActionsDropDown a:focus {
    box-shadow: 0 0 3px #0070d2
}

.forceListViewManager lst-list-view-manager-header .slds-media__figure {
    max-height: var(--lwc-squareIconMediumBoundary, 2rem)
}

.forceListViewManager lst-list-view-manager-header .slds-split-view__header .oneActionsDropDown a {
    display: flex;
    border-radius: .25rem;
    height: 2rem;
    width: 2rem;
    align-items: center;
    align-content: center;
    justify-content: center
}

.forceListViewManager lst-list-view-manager-header .slds-split-view__header .oneActionsDropDown svg {
    width: 1rem;
    height: 1rem;
    line-height: 1
}

.forceListViewManager lst-list-view-manager-header .slds-split-view__header .oneActionsDropDown .slds-icon_container {
    height: 1rem;
    width: 1rem
}

.forceListViewManager .rotate svg {
    animation: rotate var(--lwc-durationSlowly, 0.4s)
}

.forcePhotoCrop.cropWrapper {
    border: 1px solid transparent;
    margin: 0 auto
}

.forcePhotoCrop.cropWrapper.cropRegion {
    background: #fff;
    box-sizing: content-box;
    border: 1px solid #dcdcdc;
    height: 290px;
    width: 290px;
    overflow: hidden;
    cursor: move
}

.forcePhotoCrop.cropWrapper.cropRegion.selected {
    border: 2px solid var(--lwc-colorBorderTabSelected, rgb(0, 112, 210))
}

.forcePhotoCrop .uiImage img {
    max-width: initial
}

.forcePhotoCrop.cropRegion:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: .75;
    -ms-filter: "alpha(opacity=75)"
}

.forcePhotoCrop.circluarPreview.cropWrapper.cropRegion:after {
    box-shadow: inset 0 0 0 50px white, 0 0 0 103px white, inset 0 0 0 50px white, 0 0 0 103px white;
    border-radius: 290px
}

.forcePhotoCrop.cropWrapper.cropRegion .uiImage {
    position: absolute;
    top: 0;
    left: 0
}

.forcePhotoCrop.cropWrapper .draggable.hidden {
    visibility: hidden
}

.forcePhotoCrop.photoControls div.hidden {
    display: none
}

.forcePhotoCrop.photoControls .forceIcon {
    vertical-align: middle;
    margin: 0 var(--lwc-spacingXSmall, 0.5rem);
    line-height: 0;
    width: auto;
    height: auto
}

.forcePhotoCrop.photoControls .uiLabel {
    display: block;
    margin-bottom: var(--lwc-spacingXSmall, 0.5rem)
}

.forcePhotoCrop input[type=range] {
    border: var(--lwc-borderWidthThin, 1px) solid var(--lwc-colorBorder, rgb(221, 219, 218));
    border-radius: var(--lwc-spacingXxSmall, 0.25rem);
    padding: var(--lwc-spacingMedium, 1rem) var(--lwc-spacingSmall, 0.75rem)
}

.forcePhotoCrop.photoControls .slds-form-element__label, .forcePhotoCrop.photoControls .slds-slider__value {
    display: none
}

.forceChatterAddMembersTemplate {
    overflow: auto
}

.forceChatterAddMembersTemplate.invisible {
    display: none;
    border: none
}

.forceChatterAddMembersTemplate .memberAdded {
    line-height: var(--lwc-lineHeightButton, 1.875rem)
}

.forceChatterAddMembersTemplate .secondaryLabel {
    word-break: break-all
}

.forceChatterChatterExtensionButton .extensionButton {
    display: inline-block;
    padding-top: var(--lwc-spacingXxSmall, 0.25rem)
}

.forceChatterChatterExtensionButton .extensionIcon {
    filter: grayscale(100%)
}

.forceChatterFeedBodyText .cuf-feedBody {
    display: inline
}

.forceChatterFeedBodyText a.cuf-inaccessibleMention {
    color: var(--lwc-colorTextWeak, rgb(62, 62, 60))
}

.forceChatterFeedBodyText.cuf-feedBodyText {
    word-wrap: break-word;
    line-height: var(--lwc-lineHeightText, 1.5);
    position: relative;
    -webkit-user-select: auto;
    -moz-user-select: auto;
    -ms-user-select: auto;
    user-select: auto
}

.forceChatterFeedBodyText .feedBodyInnerTruncated {
    max-height: calc(var(--lwc-fontSizeMedium, 0.8125rem) * var(--lwc-lineHeightText, 1.5) * 6);
    overflow: hidden;
    position: relative
}

.forceChatterFeedBodyText .Desktop.feedBodyInnerTruncated {
    max-height: calc(var(--lwc-fontSizeMedium, 0.8125rem) * var(--lwc-lineHeightText, 1.5) * 8)
}

.forceChatterFeedBodyText.cuf-more, .forceChatterFeedBodyText .cuf-more {
    color: var(--lwc-colorTextLink, rgb(0, 109, 204));
    display: inline-block;
    font-size: var(--lwc-fontSizeSmall, 0.75rem);
    margin-top: var(--lwc-spacingXxSmall, 0.25rem)
}

.forceChatterFeedBodyText .fadeOut {
    width: 100%;
    display: block;
    outline: none
}

.forceChatterFeedBodyText .hidden {
    display: none
}

.forceChatterFeedBodyText p, .forceChatterFeedBodyText ul, .forceChatterFeedBodyText ol {
    margin: 0
}

.forceChatterFeedBodyText code {
    white-space: pre-wrap;
    display: block;
    border: var(--lwc-borderWidthThin, 1px) solid var(--lwc-colorBorderSeparatorAlt, rgb(221, 219, 218));
    border-radius: var(--lwc-borderRadiusMedium, 0.25rem);
    margin-bottom: var(--lwc-spacingMedium, 1rem);
    margin-top: var(--lwc-spacingMedium, 1rem);
    background: var(--lwc-colorBackgroundAlt2, rgb(243, 242, 242))
}

.forceChatterFeedBodyText code ol.linenums {
    list-style-type: decimal;
    padding-left: 0;
    padding-right: 0;
    background: var(--lwc-colorBackgroundAlt, rgb(255, 255, 255));
    margin-left: var(--lwc-listPadding, 40px);
    border-top-right-radius: var(--lwc-borderRadiusMedium, 0.25rem);
    border-bottom-right-radius: var(--lwc-borderRadiusMedium, 0.25rem)
}

.forceChatterFeedBodyText code ol.linenums li:first-child {
    padding-top: var(--lwc-spacingXSmall, 0.5rem);
    border-top-right-radius: var(--lwc-borderRadiusMedium, 0.25rem)
}

.forceChatterFeedBodyText code ol.linenums li:last-child {
    padding-bottom: var(--lwc-spacingXSmall, 0.5rem);
    border-bottom-right-radius: var(--lwc-borderRadiusMedium, 0.25rem)
}

.forceChatterFeedBodyText code ol.linenums {
    counter-reset: linenumbers;
    list-style: none;
    position: relative
}

.forceChatterFeedBodyText code ol.linenums li {
    list-style: none;
    padding: 0 var(--lwc-spacingSmall, 0.75rem)
}

.forceChatterFeedBodyText code li:before {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    content: counter(linenumbers);
    counter-increment: linenumbers;
    display: inline-block;
    position: absolute;
    left: calc(var(--lwc-listPadding, 40px) * -1);
    text-align: right;
    width: 40px;
    padding-right: var(--lwc-spacingXxSmall, 0.25rem);
    color: var(--lwc-codeSnippetLineNumberFontColor, #6e6c6c)
}

.forceChatterFeedBodyText li code {
    margin-right: calc(var(--lwc-spacingXLarge, 2rem) * -1)
}

.forceChatterFeedBodyText li li code {
    margin-right: calc(var(--lwc-spacingXLarge, 2rem) * -2)
}

.forceChatterFeedBodyText li li li code {
    margin-right: calc(var(--lwc-spacingXLarge, 2rem) * -3)
}

.forceChatterFeedBodyText li li li li code {
    margin-right: calc(var(--lwc-spacingXLarge, 2rem) * -4)
}

.forceChatterFeedBodyText li li li li li code {
    margin-right: calc(var(--lwc-spacingXLarge, 2rem) * -5)
}

.forceChatterFeedBodyText code .pln {
    color: var(--lwc-codeSnippetColorBlack, #000000)
}

@media screen {
    .forceChatterFeedBodyText code .str {
        color: var(--lwc-codeSnippetColorGreen, #04844B)
    }

    .forceChatterFeedBodyText code .kwd {
        color: var(--lwc-codeSnippetColorBlue, #005FB2)
    }

    .forceChatterFeedBodyText code .com {
        color: var(--lwc-codeSnippetColorRed, #C23934)
    }

    .forceChatterFeedBodyText code .typ {
        color: var(--lwc-codeSnippetColorSlate, #68737C)
    }

    .forceChatterFeedBodyText code .lit {
        color: var(--lwc-codeSnippetColorGray, #5F6364)
    }

    .forceChatterFeedBodyText code .pun, .forceChatterFeedBodyText code .opn, .forceChatterFeedBodyText code .clo {
        color: var(--lwc-codeSnippetColorBrown, #8F6D4D)
    }

    .forceChatterFeedBodyText code .tag {
        color: var(--lwc-codeSnippetColorBlue, #005FB2)
    }

    .forceChatterFeedBodyText code .atn {
        color: var(--lwc-codeSnippetColorSlate, #68737C)
    }

    .forceChatterFeedBodyText code .atv {
        color: var(--lwc-codeSnippetColorGreen, #04844B)
    }

    .forceChatterFeedBodyText code .dec, .forceChatterFeedBodyText code .var {
        color: var(--lwc-codeSnippetColorSlate, #68737C)
    }

    .forceChatterFeedBodyText code .fun {
        color: var(--lwc-codeSnippetColorRed, #C23934)
    }
}

.forceChatterFeedBodyText code ol.linenums {
    margin-top: 0;
    margin-bottom: 0
}

.forceChatterFeedContentAttachmentPreview {
    position: relative
}

.forceChatterFeedContentAttachmentPreview .slds-file--overlay {
    -webkit-transform: translate3d(0, 0, 0)
}

.forceChatterFeedContentAttachmentPreview .slds-file__title--card {
    -webkit-transform: translate3d(0, 0, 0)
}

.forceChatterFeedContentAttachmentPreview .slds-file__actions-menu .slds-icon_x-small {
    -webkit-transform: translate3d(0, 0, 0)
}

.forceChatterFeedContentFilePreview {
    height: 100%
}

.forceChatterFeedContentFilePreview.previewContainer {
    background-color: #fafafa;
    border-radius: 4px
}

.forceChatterFeedContentFilePreview .forceChatterSelectedFileBadge.fileBadgeContainer .right .contentPostFileRemove {
    display: none
}

.forceChatterFeedContentFilePreview .cuf-auxBody {
    border: 0;
    border-radius: none;
    padding: 0
}

.forceChatterFeedContentFilePreview .forceChatterProgressBar {
    padding: 0;
    height: 3px;
    background-color: #dadee2;
    border: 0;
    border-radius: 0
}

.forceChatterFeedContentFilePreview .forceChatterSelectedFileBadge .secondaryField {
    font-size: var(--lwc-fontSizeMedium, 0.8125rem)
}

.forceChatterFeedContentFilePreview .progressBarMeter {
    border-radius: 0;
    height: 3px
}

.forceChatterFeedContentFilePreview .forceChatterSelectedFileBadge .thumbnailIconContainer.small {
    padding-top: var(--lwc-varSpacingXSmall, 0.5rem);
    max-width: 40px
}

.forceChatterFeedContentFilePreview.progressbarContainer {
    position: relative
}

.forceChatterFeedContentFilePreview .forceChatterSelectedFileBadge {
    margin-left: var(--lwc-varSpacingXSmall, 0.5rem);
    position: relative;
    height: 100%
}

.forceChatterFeedContentFilePreview .forceChatterSelectedFileBadge.error .contentPostFilePath {
    color: red;
    font-family: inherit;
    white-space: normal;
    word-break: normal
}

.forceChatterFeedContentFilePreview.listUpload .right {
    display: none
}

.forceChatterFeedContentFilePreview.listUpload .forceChatterSelectedFileBadge.fileBadgeContainer {
    width: 100%
}

.forceChatterFeedItemHeader .forceChatterEntityLink {
    cursor: pointer
}

.forceChatterFtcList.cuf-ftcList {
    list-style-type: none;
    padding-left: 0;
    margin: 0;
    font-size: var(--lwc-fontSizeMedium, 0.8125rem);
    overflow: hidden
}

.forceChatterFtcList .cuf-ftcFieldLabel {
    color: var(--lwc-colorTextWeak, rgb(62, 62, 60));
    font-size: var(--lwc-fontSizeSmall, 0.75rem)
}

.forceChatterFtcList li:not(:first-child) {
    padding-top: var(--lwc-spacingXSmall, 0.5rem)
}

.forceChatterFtcList li:not(:last-child) {
    padding-bottom: var(--lwc-spacingXSmall, 0.5rem)
}

.forceChatterMessageBodyInputRichTextArea .cke_wysiwyg_div {
    padding: .75rem 1rem;
    word-break: break-word;
    word-wrap: break-word;
    color: var(--lwc-colorTextDefault, rgb(8, 7, 7));
    border-radius: var(--lwc-borderRadiusMedium, 0.25rem)
}

.forceChatterMessageBodyInputRichTextArea .cke.cke_focus {
    border: 1px solid var(--lwc-colorBorderInputActive, rgb(21, 137, 238));
    box-shadow: 0 0 3px var(--lwc-colorBorderInputActive, rgb(21, 137, 238))
}

.forceChatterMessageBodyInputRichTextArea.hiddenInput {
    height: 1px;
    width: 1px;
    overflow: hidden
}

.forceChatterMessageBodyInputRichTextArea.has-error .cke.cke_focus {
    outline: none
}

.forceChatterMessageBodyInputRichTextArea.has-error .cke {
    border: 2px solid var(--lwc-colorBorderError, rgb(194, 57, 52));
    border-radius: var(--lwc-borderRadiusMedium, 0.25rem)
}

.forceChatterMessageBodyInputRichTextArea .cke_bottom {
    border-radius: 0 0 var(--lwc-borderRadiusMedium, 0.25rem) var(--lwc-borderRadiusMedium, 0.25rem);
    border-top: 1px solid var(--lwc-colorBorderInput, rgb(221, 219, 218))
}

.forceChatterMessageBodyInputRichTextArea .cke {
    border: none
}

.forceChatterMessageBodyInputRichTextArea .cke_wysiwyg_div.placeholder {
    font-weight: var(--lwc-fontWeightRegular, 400);
    font-size: var(--lwc-fontSizeMedium, 0.8125rem);
    color: var(--lwc-colorTextPlaceholder, rgb(112, 110, 107))
}

.forceChatterMessageBodyInputRichTextArea .cke_wysiwyg_div p {
    margin: 0
}

.forceChatterMessageBodyInputRichTextArea .cke_inner {
    border-radius: var(--lwc-borderRadiusMedium, 0.25rem);
    border: 1px solid var(--lwc-colorBorderInput, rgb(221, 219, 218))
}

.forceChatterMessageBodyInputRichTextArea .cke_toolgroup {
    border: 1px solid var(--lwc-colorBorderInput, rgb(221, 219, 218))
}

.forceChatterMessageBodyInputRichTextArea .inlineImagePlaceHolder {
    display: block;
    border: 1px solid var(--lwc-colorBorderInput, rgb(221, 219, 218));
    min-height: 160px;
    width: 240px;
    background-color: var(--lwc-colorBackgroundRowActive, rgb(236, 235, 234))
}

.forceChatterMessageBodyInputRichTextArea span[data-mention] {
    word-break: normal
}

.forceChatterMessageBodyInputRichTextArea.hidden {
    display: none
}

.forceChatterMessageBodyInputRichTextArea code {
    white-space: pre-wrap;
    display: block;
    border: var(--lwc-borderWidthThin, 1px) solid var(--lwc-colorBorderSeparatorAlt, rgb(221, 219, 218));
    border-radius: var(--lwc-borderRadiusMedium, 0.25rem);
    background: var(--lwc-colorBackgroundAlt2, rgb(243, 242, 242));
    position: relative
}

.forceChatterMessageBodyInputRichTextArea span.linenums {
    counter-reset: linenums;
    display: block;
    padding-left: 0;
    background: var(--lwc-colorBackgroundAlt, rgb(255, 255, 255));
    margin-left: var(--lwc-listPadding, 40px);
    border-top-right-radius: var(--lwc-borderRadiusMedium, 0.25rem);
    border-bottom-right-radius: var(--lwc-borderRadiusMedium, 0.25rem)
}

.forceChatterMessageBodyInputRichTextArea span.L0, .forceChatterMessageBodyInputRichTextArea span.L1, .forceChatterMessageBodyInputRichTextArea span.L2, .forceChatterMessageBodyInputRichTextArea span.L3, .forceChatterMessageBodyInputRichTextArea span.L4, .forceChatterMessageBodyInputRichTextArea span.L5, .forceChatterMessageBodyInputRichTextArea span.L6, .forceChatterMessageBodyInputRichTextArea span.L7, .forceChatterMessageBodyInputRichTextArea span.L8, .forceChatterMessageBodyInputRichTextArea span.L9 {
    display: block;
    list-style: none;
    position: relative;
    padding: 0 var(--lwc-spacingSmall, 0.75rem)
}

.forceChatterMessageBodyInputRichTextArea span.L0:first-child {
    padding-top: var(--lwc-spacingXSmall, 0.5rem);
    border-top-right-radius: var(--lwc-borderRadiusMedium, 0.25rem);
    padding-right: var(--lwc-spacingXMedium, 1.25rem)
}

.forceChatterMessageBodyInputRichTextArea span[class^=L]:last-child {
    padding-bottom: var(--lwc-spacingXSmall, 0.5rem);
    border-bottom-right-radius: var(--lwc-borderRadiusMedium, 0.25rem)
}

.forceChatterMessageBodyInputRichTextArea span.L0:before, .forceChatterMessageBodyInputRichTextArea span.L1:before, .forceChatterMessageBodyInputRichTextArea span.L2:before, .forceChatterMessageBodyInputRichTextArea span.L3:before, .forceChatterMessageBodyInputRichTextArea span.L4:before, .forceChatterMessageBodyInputRichTextArea span.L5:before, .forceChatterMessageBodyInputRichTextArea span.L6:before, .forceChatterMessageBodyInputRichTextArea span.L7:before, .forceChatterMessageBodyInputRichTextArea span.L8:before, .forceChatterMessageBodyInputRichTextArea span.L9:before {
    content: counter(linenums);
    counter-increment: linenums;
    display: inline-block;
    text-align: right;
    position: absolute;
    left: -40px;
    width: 40px;
    padding-right: var(--lwc-spacingXxSmall, 0.25rem);
    color: var(--lwc-codeSnippetLineNumberFontColor, #6e6c6c)
}

.forceChatterMessageBodyInputRichTextArea span.cuf-editIcon {
    position: absolute;
    right: var(--lwc-spacingXSmall, 0.5rem);
    top: var(--lwc-spacingXSmall, 0.5rem);
    z-index: 1;
    color: var(--lwc-colorTextIconDefault, rgb(112, 110, 107));
    cursor: pointer
}

.forceChatterMessageBodyInputRichTextArea .cke_widget_wrapper:hover pre span.cuf-editIcon, .forceChatterMessageBodyInputRichTextArea .cke_widget_wrapper.cke_widget_focused pre span.cuf-editIcon {
    color: var(--lwc-colorBackgroundButtonBrandHover, rgb(0, 95, 178))
}

.forceChatterMessageBodyInputRichTextArea .cke_widget_wrapper:hover pre, .forceChatterMessageBodyInputRichTextArea .cke_widget_wrapper.cke_widget_focused pre {
    outline: none;
    border-radius: var(--lwc-borderRadiusMedium, 0.25rem);
    box-shadow: var(--lwc-colorBorderBrandDark, rgb(0, 112, 210)) 0 0 var(--lwc-borderRadiusMedium, 0.25rem)
}

.forceChatterMessageBodyInputRichTextArea code, .forceChatterMessageBodyInputRichTextArea .cke_widget_wrapper, .forceChatterMessageBodyInputRichTextArea .cke_widget_wrapper pre {
    -moz-user-select: none
}

.forceChatterMessageBodyInputRichTextArea li pre {
    margin-right: calc(var(--lwc-spacingXLarge, 2rem) * -1);
    overflow: initial
}

.forceChatterMessageBodyInputRichTextArea li li pre {
    margin-right: calc(var(--lwc-spacingXLarge, 2rem) * -2)
}

.forceChatterMessageBodyInputRichTextArea li li li pre {
    margin-right: calc(var(--lwc-spacingXLarge, 2rem) * -3)
}

.forceChatterMessageBodyInputRichTextArea li li li li pre {
    margin-right: calc(var(--lwc-spacingXLarge, 2rem) * -4)
}

.forceChatterMessageBodyInputRichTextArea li li li li li pre {
    margin-right: calc(var(--lwc-spacingXLarge, 2rem) * -5)
}

.forceChatterMessageBodyInputRichTextArea .cke_widget_dragging .cke_widget_wrapper.cke_widget_focused code {
    max-height: var(--lwc-codeSnippetDragHeight, 30px);
    overflow: hidden
}

.forceChatterMessageBodyInputRichTextArea .cke_widget_dragging .cke_widget_wrapper.cke_widget_focused code span.L0:first-child {
    line-height: var(--lwc-codeSnippetDragHeight, 30px);
    padding-top: 0
}

.forceChatterMessageBodyInputRichTextArea .cke ul, .forceChatterMessageBodyInputRichTextArea .cke ol {
    padding: 0 var(--lwc-spacingXLarge, 2rem);
    margin: 0
}

.forceChatterMessageBodyInputRichTextArea ul > li {
    list-style-type: disc
}

.forceChatterMessageBodyInputRichTextArea ol > li {
    list-style-type: decimal
}

.forceChatterMessageBodyInputRichTextArea img {
    margin: var(--lwc-spacingXxSmall, 0.25rem) 0;
    display: block;
    image-orientation: from-image
}

.forceChatterMessageBodyInputRichTextArea code .pln {
    color: var(--lwc-codeSnippetColorBlack, #000000)
}

@media screen {
    .forceChatterMessageBodyInputRichTextArea code .str {
        color: var(--lwc-codeSnippetColorGreen, #04844B)
    }

    .forceChatterMessageBodyInputRichTextArea code .kwd {
        color: var(--lwc-codeSnippetColorBlue, #005FB2)
    }

    .forceChatterMessageBodyInputRichTextArea code .com {
        color: var(--lwc-codeSnippetColorRed, #C23934)
    }

    .forceChatterMessageBodyInputRichTextArea code .typ {
        color: var(--lwc-codeSnippetColorSlate, #68737C)
    }

    .forceChatterMessageBodyInputRichTextArea code .lit {
        color: var(--lwc-codeSnippetColorGray, #5F6364)
    }

    .forceChatterMessageBodyInputRichTextArea code .pun, .forceChatterMessageBodyInputRichTextArea code .opn, .forceChatterMessageBodyInputRichTextArea code .clo {
        color: var(--lwc-codeSnippetColorBrown, #8F6D4D)
    }

    .forceChatterMessageBodyInputRichTextArea code .tag {
        color: var(--lwc-codeSnippetColorBlue, #005FB2)
    }

    .forceChatterMessageBodyInputRichTextArea code .atn {
        color: var(--lwc-codeSnippetColorSlate, #68737C)
    }

    .forceChatterMessageBodyInputRichTextArea code .atv {
        color: var(--lwc-codeSnippetColorGreen, #04844B)
    }

    .forceChatterMessageBodyInputRichTextArea code .dec, .forceChatterMessageBodyInputRichTextArea code .var {
        color: var(--lwc-codeSnippetColorSlate, #68737C)
    }

    .forceChatterMessageBodyInputRichTextArea code .fun {
        color: var(--lwc-codeSnippetColorRed, #C23934)
    }
}

.forceChatterMessageBodyInputRichTextArea code ol.linenums {
    margin-top: 0;
    margin-bottom: 0
}

.forceChatterMessageBodyInputRichTextEditor .slds-text-longform p {
    margin-bottom: 0
}

.forceChatterMessageBodyInputRichTextEditor.lightningInputRichText.has-error {
    border: 2px solid var(--lwc-colorBorderError, rgb(194, 57, 52));
    border-radius: var(--lwc-borderRadiusMedium, 0.25rem)
}

.forceChatterMessageBodyInputRichTextEditor .slds-rich-text-editor__textarea {
    overflow-y: auto
}

.forceChatterMessageBodyInputRichTextEditor.lightningInputRichText .ql-editor {
    color: var(--lwc-colorTextDefault, rgb(8, 7, 7));
    word-break: normal;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none
}

.forceChatterMessageBodyInputRichTextEditor.lightningInputRichText .ql-editor.ql-blank:before {
    color: var(--lwc-colorTextPlaceholder, rgb(112, 110, 107))
}

.forceChatterMessageBodyInputRichTextEditor.slds-rich-text-editor {
    min-width: 16.5rem
}

.forceChatterMessageBodyInputRichTextEditor.uiLabel {
    display: none
}

.forceChatterMessageBodyInputRichTextEditor.hidden {
    display: none
}

.forceChatterMessageBodyInputRichTextEditor span[data-mention] {
    word-break: normal
}

.forceChatterMessageBodyInputRichTextEditor .ql-chatter-mention {
    color: var(--lwc-brandTextLink, rgb(0, 109, 204))
}

.forceChatterMessageBodyInputRichTextEditor .ql-chatter-mention:hover {
    outline: 2px solid var(--lwc-mentionNameHover, #ff0);
    cursor: default
}

.forceChatterMessageBodyInputRichTextEditor .ql-chatter-mention:focus {
    outline: 2px solid var(--lwc-mentionNameFocus, #ace);
    cursor: default
}

.forceChatterMessageBodyInputRichTextEditor .cuf-editIcon {
    position: absolute;
    right: var(--lwc-spacingXSmall, 0.5rem);
    top: var(--lwc-spacingXSmall, 0.5rem);
    z-index: 1;
    color: var(--lwc-colorTextIconDefault, rgb(112, 110, 107));
    cursor: pointer
}

.forceChatterMessageBodyInputRichTextEditor pre.ql-codesnippet {
    padding-top: var(--lwc-varSpacingSmall, 0.75rem);
    padding-bottom: var(--lwc-varSpacingSmall, 0.75rem)
}

.forceChatterMessageBodyInputRichTextEditor .ql-codesnippet:hover pre {
    outline: none;
    border-radius: var(--lwc-borderRadiusMedium, 0.25rem);
    box-shadow: 0 0 3px var(--lwc-colorBorderBrandDark, rgb(0, 112, 210))
}

.forceChatterMessageBodyInputRichTextEditor .ql-codesnippet:focus pre {
    outline: none;
    border-radius: var(--lwc-borderRadiusMedium, 0.25rem);
    box-shadow: 0 0 3px var(--lwc-colorBorderBrandDark, rgb(0, 112, 210))
}

.forceChatterMessageBodyInputRichTextEditor img {
    height: auto;
    max-height: 160px;
    max-width: 100%;
    display: block;
    -webkit-user-drag: none;
    pointer-events: none;
    user-drag: none
}

.forceChatterMessageBodyInputRichTextEditor code {
    white-space: pre-wrap;
    display: block;
    border: var(--lwc-borderWidthThin, 1px) solid var(--lwc-colorBorderSeparatorAlt, rgb(221, 219, 218));
    border-radius: var(--lwc-borderRadiusMedium, 0.25rem);
    background: var(--lwc-colorBackgroundAlt2, rgb(243, 242, 242));
    position: relative
}

.forceChatterMessageBodyInputRichTextEditor span.linenums {
    counter-reset: linenums;
    display: block;
    padding-left: 0;
    background: var(--lwc-colorBackgroundAlt, rgb(255, 255, 255));
    margin-left: var(--lwc-listPadding, 40px);
    border-top-right-radius: var(--lwc-borderRadiusMedium, 0.25rem);
    border-bottom-right-radius: var(--lwc-borderRadiusMedium, 0.25rem)
}

.forceChatterMessageBodyInputRichTextEditor span.L0, .forceChatterMessageBodyInputRichTextEditor span.L1, .forceChatterMessageBodyInputRichTextEditor span.L2, .forceChatterMessageBodyInputRichTextEditor span.L3, .forceChatterMessageBodyInputRichTextEditor span.L4, .forceChatterMessageBodyInputRichTextEditor span.L5, .forceChatterMessageBodyInputRichTextEditor span.L6, .forceChatterMessageBodyInputRichTextEditor span.L7, .forceChatterMessageBodyInputRichTextEditor span.L8, .forceChatterMessageBodyInputRichTextEditor span.L9 {
    display: block;
    list-style: none;
    position: relative;
    padding: 0 var(--lwc-spacingSmall, 0.75rem)
}

.forceChatterMessageBodyInputRichTextEditor span.L0:first-child {
    padding-top: var(--lwc-spacingXSmall, 0.5rem);
    border-top-right-radius: var(--lwc-borderRadiusMedium, 0.25rem);
    padding-right: var(--lwc-spacingXMedium, 1.25rem)
}

.forceChatterMessageBodyInputRichTextEditor span[class^=L]:last-child {
    padding-bottom: var(--lwc-spacingXSmall, 0.5rem);
    border-bottom-right-radius: var(--lwc-borderRadiusMedium, 0.25rem)
}

.forceChatterMessageBodyInputRichTextEditor {
    background-color: var(--lwc-colorBackgroundInput, rgb(255, 255, 255))
}

.forceChatterMessageBodyInputRichTextEditor span.L0:before, .forceChatterMessageBodyInputRichTextEditor span.L1:before, .forceChatterMessageBodyInputRichTextEditor span.L2:before, .forceChatterMessageBodyInputRichTextEditor span.L3:before, .forceChatterMessageBodyInputRichTextEditor span.L4:before, .forceChatterMessageBodyInputRichTextEditor span.L5:before, .forceChatterMessageBodyInputRichTextEditor span.L6:before, .forceChatterMessageBodyInputRichTextEditor span.L7:before, .forceChatterMessageBodyInputRichTextEditor span.L8:before, .forceChatterMessageBodyInputRichTextEditor span.L9:before {
    content: counter(linenums);
    counter-increment: linenums;
    display: inline-block;
    text-align: right;
    position: absolute;
    left: -40px;
    width: 40px;
    padding-right: var(--lwc-spacingXxSmall, 0.25rem);
    color: var(--lwc-codeSnippetLineNumberFontColor, #6e6c6c)
}

.forceChatterMessageBodyInputRichTextEditor code, .forceChatterMessageBodyInputRichTextEditor .quill_widget_wrapper, .forceChatterMessageBodyInputRichTextEditor .quill_widget_wrapper pre {
    -moz-user-select: none;
    margin: var(--lwc-varSpacingXxSmall, 0.25rem)
}

.forceChatterMessageBodyInputRichTextEditor li pre {
    margin-right: calc(var(--lwc-spacingXLarge, 2rem) * -1);
    overflow: initial
}

.forceChatterMessageBodyInputRichTextEditor li li pre {
    margin-right: calc(var(--lwc-spacingXLarge, 2rem) * -2)
}

.forceChatterMessageBodyInputRichTextEditor li li li pre {
    margin-right: calc(var(--lwc-spacingXLarge, 2rem) * -3)
}

.forceChatterMessageBodyInputRichTextEditor li li li li pre {
    margin-right: calc(var(--lwc-spacingXLarge, 2rem) * -4)
}

.forceChatterMessageBodyInputRichTextEditor li li li li li pre {
    margin-right: calc(var(--lwc-spacingXLarge, 2rem) * -5)
}

.forceChatterMessageBodyInputRichTextEditor.lightningInputRichText .ql-editor .quill_widget_wrapper ul > li {
    list-style-type: disc
}

.forceChatterMessageBodyInputRichTextEditor.lightningInputRichText .ql-editor .quill_widget_wrapper ol > li {
    list-style-type: decimal
}

.forceChatterMessageBodyInputRichTextEditor .ql-editor ol li.ql-indent-1:before {
    content: counter(list-1, decimal) '. '
}

.forceChatterMessageBodyInputRichTextEditor .ql-editor ol li.ql-indent-2:before {
    content: counter(list-2, decimal) '. '
}

.forceChatterMessageBodyInputRichTextEditor .ql-editor ol li.ql-indent-3:before {
    content: counter(list-3, decimal) '. '
}

.forceChatterMessageBodyInputRichTextEditor .ql-editor ol li.ql-indent-4:before {
    content: counter(list-4, decimal) '. '
}

.forceChatterMessageBodyInputRichTextEditor .ql-editor ol li.ql-indent-5:before {
    content: counter(list-5, decimal) '. '
}

.forceChatterMessageBodyInputRichTextEditor .ql-editor ol li.ql-indent-6:before {
    content: counter(list-6, decimal) '. '
}

.forceChatterMessageBodyInputRichTextEditor .ql-editor ol li.ql-indent-7:before {
    content: counter(list-7, decimal) '. '
}

.forceChatterMessageBodyInputRichTextEditor .ql-editor ol li.ql-indent-8:before {
    content: counter(list-8, decimal) '. '
}

.forceChatterMessageBodyInputRichTextEditor .ql-editor ol li.ql-indent-9:before {
    content: counter(list-9, decimal) '. '
}

.forceChatterMessageBodyInputRichTextEditor .slds-rich-text-editor__textarea p {
    margin-bottom: 0
}

.forceChatterMessageBodyInputRichTextEditor code .pln {
    color: var(--lwc-codeSnippetColorBlack, #000000)
}

@media screen {
    .forceChatterMessageBodyInputRichTextEditor code .str {
        color: var(--lwc-codeSnippetColorGreen, #04844B)
    }

    .forceChatterMessageBodyInputRichTextEditor code .kwd {
        color: var(--lwc-codeSnippetColorBlue, #005FB2)
    }

    .forceChatterMessageBodyInputRichTextEditor code .com {
        color: var(--lwc-codeSnippetColorRed, #C23934)
    }

    .forceChatterMessageBodyInputRichTextEditor code .typ {
        color: var(--lwc-codeSnippetColorSlate, #68737C)
    }

    .forceChatterMessageBodyInputRichTextEditor code .lit {
        color: var(--lwc-codeSnippetColorGray, #5F6364)
    }

    .forceChatterMessageBodyInputRichTextEditor code .pun, .forceChatterMessageBodyInputRichTextEditor code .opn, .forceChatterMessageBodyInputRichTextEditor code .clo {
        color: var(--lwc-codeSnippetColorBrown, #8F6D4D)
    }

    .forceChatterMessageBodyInputRichTextEditor code .tag {
        color: var(--lwc-codeSnippetColorBlue, #005FB2)
    }

    .forceChatterMessageBodyInputRichTextEditor code .atn {
        color: var(--lwc-codeSnippetColorSlate, #68737C)
    }

    .forceChatterMessageBodyInputRichTextEditor code .atv {
        color: var(--lwc-codeSnippetColorGreen, #04844B)
    }

    .forceChatterMessageBodyInputRichTextEditor code .dec, .forceChatterMessageBodyInputRichTextEditor code .var {
        color: var(--lwc-codeSnippetColorSlate, #68737C)
    }

    .forceChatterMessageBodyInputRichTextEditor code .fun {
        color: var(--lwc-codeSnippetColorRed, #C23934)
    }
}

.forceChatterMessageBodyInputRichTextEditor code ol.linenums {
    margin-top: 0;
    margin-bottom: 0
}

.forceChatterMessageBodyInputRichTextEditor .forceQuillButtonLink .cancelBtn {
    color: var(--lwc-colorTextBrand, rgb(21, 137, 238));
    margin-left: var(--lwc-spacingXSmall, 0.5rem)
}

.forceChatterMessageBodyInputRichTextEditor .ql-editor a[target="_blank"] {
    text-decoration: none
}

.forceChatterRecommendationUiButton.uiButton {
    white-space: nowrap;
    display: flex;
    align-items: center
}

.forceChatterSelectGroupType .rtRadio {
    min-width: var(--lwc-spacingMedium, 1rem);
    width: var(--lwc-spacingMedium, 1rem)
}

.forceChatterSelectGroupType .rtIcon {
    min-width: 125px;
    width: 125px;
    min-height: 125px;
    height: 125px;
    border-style: solid;
    border-width: thin;
    border-color: var(--lwc-colorBorder, rgb(221, 219, 218));
    border-radius: var(--lwc-borderRadiusMedium, 0.25rem)
}

.forceChatterSlashAutocomplete .data-match {
    background: none;
    font-weight: 700
}

.forceChatterSlashAutocomplete .forceChatterSelectMentionOption .cuf-actorDescription, .forceChatterSlashAutocomplete .forceChatterSelectMentionOption .descriptionLabel {
    padding-right: var(--lwc-spacingSmall, 0.75rem);
    white-space: normal
}

.forceChatterSlashAutocomplete .loadingIndicator.slashLoading {
    display: block;
    position: relative;
    margin: var(--lwc-spacingXxSmall, 0.25rem) var(--lwc-spacingXSmall, 0.5rem)
}

.forceChatterSlashAutocomplete .loadingIndicator.slashLoading .label {
    top: 22px;
    left: -10px
}

.forceChatterTopicAutocompleteInput .cuf-addTag {
    display: none
}

.forceChatterTopicAutocompleteInput .cuf-addTopicLabel {
    display: none
}

.forceChatterTopicAutocompleteInput .topicOverlay.uiDialog.dialog {
    width: 825px;
    margin-top: 3px;
    margin-left: 25px;
    background: #ffffff;
    border: none;
    transition: none;
    align: center
}

.forceChatterTopicAutocompleteInput .topicOverlay.uiDialog.dialog .title {
    font-size: 25%;
    color: black;
    text-shadow: none;
    padding-top: 5px;
    display: block
}

.forceChatterTopicAutocompleteInput .topicOverlay.uiDialog.dialog .content {
    box-shadow: none;
    padding: 0;
    border-radius: 0;
    border: none
}

.forceChatterTopicAutocompleteInput .topicOverlay .errorDialogClose, .forceChatterTopicAutocompleteInput .topicOverlay .title {
    display: none
}

.forceCommunityPsscPublisherUploadFileAction.fileInput.forceChatterAttachFileActionButton {
    margin: 0;
    font-family: initial
}

.forceCommunityPsscPublisherUploadFileAction.uiButton.forceChatterAttachFileActionButton.buttonFocus {
    outline: 0;
    border: 1px solid var(--lwc-colorTextWeak, rgb(62, 62, 60))
}

.forceCommunityPsscPublisherUploadFileAction.uiButton.forceChatterAttachFileActionButton.buttonFocus .label {
    color: var(--lwc-colorTextWeak, rgb(62, 62, 60))
}

.forceSearchFeedback.spacerFull {
    height: 13rem
}

.forceSearchFeedback.spacerComment {
    height: 8.75rem
}

.forceSearchFeedback.spacerCategory {
    height: 4.3rem
}

.forceSearchFeedback .feedbackContainer {
    background-color: var(--lwc-colorBackgroundAlt, rgb(255, 255, 255));
    border: var(--lwc-colorBorder, rgb(221, 219, 218)) var(--lwc-borderWidthThin, 1px) solid;
    border-radius: var(--lwc-borderRadiusMedium, 0.25rem);
    max-width: 400px;
    min-width: 100px;
    transition: opacity var(--lwc-durationSlowly, 0.4s)
}

.forceSearchFeedback .thumbsDown {
    transform: rotate(180deg)
}

.forceSearchFeedback .voteThanks {
    font-style: italic
}

.forceSearchFeedback .buttonFix {
    padding-left: 0;
    padding-right: 0
}

.forceSearchFeedback .buttonFix.slds-button--icon-border.slds-is-selected:hover, .forceSearchFeedback .buttonFix.slds-button--icon-border.slds-is-selected:focus {
    background-color: var(--lwc-colorBackgroundButtonBrandHover, rgb(0, 95, 178));
    border-color: var(--lwc-colorBackgroundButtonBrandHover, rgb(0, 95, 178))
}

.forceSearchFeedback .buttonFix.slds-button--icon-border.slds-is-selected:active {
    background-color: var(--lwc-colorBackgroundButtonBrandActive, rgb(0, 57, 107));
    border-color: var(--lwc-colorBackgroundButtonBrandActive, rgb(0, 57, 107));
    color: var(--lwc-colorTextButtonBrandActive, rgb(255, 255, 255))
}

.forceSearchFeedback .categoriesList, .forceSearchFeedback .categoryMenuTrigger, .forceSearchFeedback .menuTriggerInner {
    width: 100%
}

.forceSearchFeedback .submitToggle {
    background-color: var(--lwc-colorBackgroundSuccessDark, rgb(4, 132, 75));
    border-color: var(--lwc-colorBackgroundSuccessDark, rgb(4, 132, 75))
}

.forceSearchQueryExpansionMessage.slds-page-header {
    background: var(--lwc-colorBackgroundAlt, rgb(255, 255, 255))
}

.forceSearchQueryExpansionMessage.showMessageTransition {
    animation: showMessage var(--lwc-durationPromptly, 0.2s) linear
}

@keyframes showMessage {
    0% {
        height: 0;
        overflow: hidden;
        padding: 0 var(--lwc-spacingMedium, 1rem)
    }
    100% {
        height: 52px;
        overflow: hidden;
        padding: var(--lwc-spacingMedium, 1rem) var(--lwc-spacingMedium, 1rem)
    }
}

.forceSearchQueryExpansionMessage .slds-icon {
    vertical-align: text-bottom
}

.forceSearchScopeOverflow {
    display: inline-block
}

.forceSearchScopeOverflow.ribbonItem {
    overflow: visible
}

.forceSearchScopeOverflow .downIcon {
    font-size: var(--lwc-fontSizeSmall, 0.75rem);
    margin-left: var(--lwc-spacingXxSmall, 0.25rem);
    line-height: 0
}

.forceSearchScopesList.scrollerWrapper {
    top: var(--lwc-spacingNone, 0);
    bottom: var(--lwc-spacingNone, 0)
}

.forceSearchScopesList.scrollerWrapper > .slds-nav-vertical__title {
    z-index: 3
}

.forceSearchScopesList .scopesListPlaceholderContainer {
    background-color: var(--lwc-colorGray2, rgb(250, 250, 249));
    height: 100%;
    top: 0;
    left: 0;
    z-index: 2
}

.forceSearchScopesList .scopesListSpinner {
    z-index: var(--lwc-zIndexSpinner, 9050) !important
}

.forceSearchScopesList .scopesItem {
    padding-left: var(--lwc-spacingLarge, 1.5rem);
    padding-right: var(--lwc-spacingSmall, 0.75rem);
    word-wrap: break-word
}

.forceSearchScopesList .scopesItem_badge {
    align-self: center
}

.forceSearchScopesList .scopesItem.scopesBlock__moreButton {
    background-color: transparent;
    color: var(--lwc-colorTextLink, rgb(0, 109, 204));
    padding: var(--lwc-spacingSmall, 0.75rem)
}

.forceSearchScopesList .scopesItem.scopesBlock__moreButton lightning-primitive-icon {
    color: var(--lwc-colorTextIconDefault, rgb(112, 110, 107))
}

@media screen and (max-device-width: 1400px) {
    .forceSearchSearchResultsGridHeader {
        z-index: var(--lwc-zIndexDefault, 1)
    }
}

.forceSearchSearchResultsGridHeader .sortDirection .slds-button__icon {
    margin: var(--lwc-spacingNone, 0)
}

.assistantFrameworkWizard {
    position: relative
}

.assistantFrameworkWizard .slds-spinner_container {
    z-index: 9002
}

.assistantFrameworkWizard.hidden, .assistantFrameworkWizard .hidden {
    display: none
}

.emailStreamSharingControl .subheader {
    text-align: center;
    padding: 0 var(--lwc-spacingMedium, 1rem);
    border-bottom: var(--lwc-borderWidthThin, 1px) solid var(--lwc-colorBorder, rgb(221, 219, 218))
}

.emailStreamSharingControl .body {
    display: flex
}

.emailStreamSharingControl .sharingOptions {
    flex: 0 1 auto;
    padding: var(--lwc-spacingMedium, 1rem) var(--lwc-spacingSmall, 0.75rem)
}

.emailStreamSharingControl .preview {
    flex: 0 1 auto;
    padding: var(--lwc-spacingMedium, 1rem) var(--lwc-spacingLarge, 1.5rem)
}

.emailStreamSharingControl .sharingOptions {
    width: 45%
}

.emailStreamSharingControl .sharingOptions .icon {
    font-size: var(--lwc-fontSizeLarge, 1rem);
    color: var(--lwc-colorTextBrowser, rgb(255, 255, 255));
    padding: .35rem;
    line-height: var(--lwc-lineHeightReset, 1);
    border-radius: var(--lwc-borderRadiusSmall, 0.125rem)
}

.emailStreamSharingControl .labelText .stackable {
    font-size: var(--lwc-fontSizeLarge, 1rem);
    white-space: nowrap
}

.emailStreamSharingControl .preview {
    width: 55%
}

.emailStreamSharingControl legend, .emailStreamSharingControl h2 {
    font-size: var(--lwc-fontSizeLarge, 1rem);
    padding-bottom: var(--lwc-spacingXSmall, 0.5rem)
}

.emailStreamSharingControl .uiInputRadio {
    margin: var(--lwc-spacingMedium, 1rem) 0
}

.emailStreamSharingControl input[type=radio].sharingRadioButton {
    position: relative;
    margin: 0 var(--lwc-spacingSmall, 0.75rem) 0 0;
    bottom: 2px;
    vertical-align: middle
}

.emailStreamSharingControl .help-text {
    flex: 1 0 auto
}

.emailStreamSharingControl .uiInputRadio label {
    color: var(--lwc-colorTextDefault, rgb(8, 7, 7));
    display: inline-block;
    max-width: 90%;
    margin-left: -20px;
    padding-left: 20px;
    vertical-align: middle
}

.emailStreamSharingControl .subtitle {
    color: var(--lwc-colorTextWeak, rgb(62, 62, 60));
    font-size: var(--lwc-fontSizeSmall, 0.75rem);
    padding-bottom: 0
}

.emailStreamSharingControl .teamSharingOptions {
    padding-left: var(--lwc-spacingLarge, 1.5rem);
    color: var(--lwc-colorTextWeak, rgb(62, 62, 60));
    font-size: var(--lwc-fontSizeSmall, 0.75rem);
    margin-right: var(--lwc-spacingSmall, 0.75rem)
}

.emailStreamSharingControl .teamSharingOptions ul.teamSharingList {
    margin: 0 0 10px 35px;
    border: var(--lwc-borderWidthThin, 1px) solid var(--lwc-colorBorderInput, rgb(221, 219, 218));
    max-height: 250px;
    overflow: auto
}

.emailStreamSharingControl .teamSharingOptions .createTeamLink {
    margin-left: 35px
}

.emailStreamSharingControl .teamSharingOptions ul.teamSharingList li.teamSharingRow {
    padding: var(--lwc-spacingSmall, 0.75rem);
    border-bottom: var(--lwc-borderWidthThin, 1px) solid var(--lwc-colorBorderInput, rgb(221, 219, 218))
}

.emailStreamSharingControl .teamSharingOptions ul.teamSharingList li.teamSharingRow:last-child {
    border-bottom: 0
}

.emailStreamSharingControl .teamSharingOptions ul.teamSharingList li.teamSharingRow {
    display: flex;
    align-items: center
}

.emailStreamSharingControl .teamSharingOptions ul.teamSharingList li.teamSharingRow .slds-checkbox--faux {
    flex: inherit;
    margin-right: var(--lwc-spacingMedium, 1rem)
}

.emailStreamSharingControl .teamSharingOptions ul.teamSharingList li.teamSharingRow .forceIcon {
    display: inline-block;
    margin-left: var(--lwc-spacingXSmall, 0.5rem);
    padding: var(--lwc-spacingXxSmall, 0.25rem);
    vertical-align: middle
}

.emailStreamSharingControl .teamSharingOptions ul.teamSharingList li.teamSharingRow .labelText {
    display: inline-block;
    vertical-align: middle
}

.emailStreamSharingControl .teamSharingOptions ul.teamSharingList li.teamSharingRow .labelText .stackable {
    font-size: var(--lwc-fontSizeSmall, 0.75rem)
}

.emailStreamSharingControl .teamOption {
    border: var(--lwc-borderWidthThin, 1px) solid var(--lwc-colorBorder, rgb(221, 219, 218));
    padding: var(--lwc-spacingSmall, 0.75rem)
}

.emailStreamSharingControl .teamOption:first-child {
    border-radius: var(--lwc-borderRadiusMedium, 0.25rem) var(--lwc-borderRadiusMedium, 0.25rem) 0 0
}

.emailStreamSharingControl .teamOption:not(:last-child) {
    border-bottom: 0 none transparent
}

.emailStreamSharingControl .teamOption:last-child {
    border-radius: 0 0 var(--lwc-borderRadiusMedium, 0.25rem) var(--lwc-borderRadiusMedium, 0.25rem);
    margin-bottom: var(--lwc-spacingXSmall, 0.5rem)
}

.emailStreamSharingControl .allTeamsCheckbox {
    display: inline-block;
    margin-right: var(--lwc-spacingXSmall, 0.5rem)
}

.emailStreamSharingControl .noTeamsMessage, .emailStreamSharingControl .createTeamButton {
    margin: var(--lwc-spacingMedium, 1rem) auto;
    text-align: center;
    display: block
}

.emailStreamSharingControl .noTeamsMessage {
    margin: var(--lwc-spacingLarge, 1.5rem) 4rem
}

.emailStreamSharingControl .preview {
    background-color: var(--lwc-colorBackground, rgb(243, 242, 242));
    border-left: var(--lwc-borderWidthThin, 1px) solid var(--lwc-colorBorder, rgb(221, 219, 218));
    position: relative
}

.emailStreamSharingControl .preview:after, .emailStreamSharingControl .preview:before {
    left: -1px;
    top: 35px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none
}

.emailStreamSharingControl .preview:after {
    border-color: rgba(255, 255, 255, 0);
    border-left-color: #fff;
    border-width: 16px;
    margin-top: -16px
}

.emailStreamSharingControl .preview:before {
    border-color: rgba(0, 0, 0, 0);
    border-left-color: var(--lwc-colorBorder, rgb(221, 219, 218));
    border-width: 17px;
    margin-top: -17px
}

.emailStreamSharingControl .memberCount {
    float: right
}

.forceComponentSpinner.spinnerWrapper {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: var(--lwc-colorBackgroundTempModalTintAlt, rgba(255, 255, 255, 0.75));
    z-index: var(--lwc-zIndexOverlay, 8000);
    opacity: 1;
    visibility: visible;
    transition: opacity var(--lwc-durationPromptly, 0.2s) ease, visibility 0s;
    transition-delay: 0s, .3s;
    display: flex;
    justify-content: center;
    align-items: center
}

.forceComponentSpinner.hideSpinner {
    opacity: 0;
    transition: opacity var(--lwc-durationPromptly, 0.2s) ease, visibility 0s;
    transition-delay: 0s, 0s;
    visibility: hidden
}

.forceComponentSpinner.hideEl {
    display: none
}

.forceChatterActionLinkGroupStatus {
    font-weight: var(--lwc-fontWeightBold, 700);
    color: var(--lwc-colorTextWeak, rgb(62, 62, 60))
}

.forceChatterActionLinkGroupStatus:not(:first-of-type) {
    display: block
}

.forceChatterActionLinkGroupStatus a {
    color: var(--lwc-colorTextWeak, rgb(62, 62, 60));
    overflow-x: hidden;
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis
}

.forceChatterActionLinkGroupStatus.cuf-statusMessage {
    line-height: var(--lwc-fontSizeLarge, 1rem);
    vertical-align: bottom
}

.forceChatterActionLinkGroupStatus.cuf-executingUser {
    font-size: var(--lwc-fontSizeMedium, 0.8125rem);
    font-weight: var(--lwc-fontWeightRegular, 400);
    vertical-align: bottom;
    display: block
}

.forceChatterActionLinkGroupStatus.cuf-statusIcon {
    vertical-align: top;
    margin-right: var(--lwc-spacingXSmall, 0.5rem)
}

.forceChatterAddMembers {
    height: 600px
}

.forceChatterAddMembers .emptyListContent {
    padding: var(--lwc-spacingSmall, 0.75rem)
}

.forceChatterAddMembers .uiInputText .field {
    padding: 0 var(--lwc-spacingXLarge, 2rem)
}

.forceChatterAddMembers .clearIcon {
    margin-top: -26px;
    color: var(--lwc-colorTextPlaceholder, rgb(112, 110, 107));
    width: var(--lwc-squareIconMediumContent, 1rem)
}

.forceChatterAddMembers.mobile .searchIcon {
    top: 11px
}

.forceChatterAddMembers.mobile .uiInputText .field {
    padding: var(--lwc-spacingXxSmall, 0.25rem) var(--lwc-spacingXLarge, 2rem)
}

.forceChatterAddMembers.mobile .clearIcon {
    margin-top: -28px
}

.forceChatterAttachFileButton.fileInput {
    position: absolute;
    cursor: pointer;
    overflow: hidden;
    opacity: 0;
    z-index: 22;
    margin: 2px 3px;
    padding: 0;
    width: 30px;
    height: 30px
}

.forceChatterAttachFileButton.hiddenLabel {
    display: none
}

.forceChatterAttachFileButton.uiButton.outline {
    outline: dotted 1px
}

.forceChatterEnterGroupDetails .forceChatterUpdatePhoto .fileTextSizeDesc {
    display: none
}

.forceChatterEnterGroupDetails .forceChatterUpdatePhoto .updatePhotoPanel .fileInput {
    margin-top: var(--lwc-spacingSmall, 0.75rem);
    margin-left: var(--lwc-widthToggle, 3rem)
}

.forceChatterFeedAuxBodyContentPost .feedFilePreviewContainer.previewEnabled:hover {
    background-color: rgba(25, 124, 190, 0.1)
}

.forceChatterFeedAuxBodyContentPost .cuf-attachmentPreview.cuf-auxBody.cuf-auxBodyContent {
    padding: 0;
    position: relative
}

.forceChatterFeedAuxBodyContentPost .cuf-attachmentPreview.cuf-auxBody.cuf-auxBodyContent .cuf-delete.uiButton, .forceChatterFeedAuxBodyContentPost .cuf-attachmentPreview.cuf-auxBody.cuf-auxBodyContent .cuf-delete.uiButton:active {
    position: absolute;
    top: 14px;
    right: 0
}

.forceChatterFeedAuxBodyContentPost.fileBadgeError .cuf-attachmentPreview.cuf-auxBody.cuf-auxBodyContent {
    border-color: red;
    border-radius: 5px;
    border-width: 1px
}

.forceChatterFeedAuxBodyLinkPost {
    cursor: default
}

.forceChatterFeedAuxBodyLinkPost .linkImage {
    width: 30px;
    height: 30px;
    background: #0070d2;
    color: #fff;
    font-weight: var(--lwc-fontWeightBold, 700);
    font-size: var(--lwc-fontSizeMedium, 0.8125rem);
    border: 1px solid var(--lwc-colorBorderBrandDark, rgb(0, 112, 210));
    border-radius: var(--lwc-borderRadiusMedium, 0.25rem);
    display: table-cell;
    text-align: center;
    vertical-align: middle
}

.forceChatterFeedAuxBodyLinkPost p {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    margin: 0
}

.forceChatterFeedAuxBodyLinkPost .bLeft {
    display: block;
    position: relative;
    margin-right: var(--lwc-spacingMedium, 1rem)
}

.forceChatterFeedAuxBodyLinkPost .cuf-linkPostTitle {
    font-weight: var(--lwc-fontWeightRegular, 400)
}

.forceChatterFeedAuxBodyLinkPost .cuf-linkPostUrl {
    font-weight: var(--lwc-fontWeightRegular, 400);
    font-size: var(--lwc-fontSizeSmall, 0.75rem);
    color: var(--lwc-colorTextWeak, rgb(62, 62, 60))
}

.forceChatterFeedAuxBodyLinkPost .cuf-linkPostTitle, .forceChatterFeedAuxBodyLinkPost .cuf-linkPostUrl {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: var(--lwc-linkPreviewTextWidth, 90%);
    display: inline-block
}

.forceChatterFeedAuxBodyLinkPost .cuf-linkPostDescription {
    font-size: var(--lwc-fontSizeSmall, 0.75rem);
    color: var(--lwc-colorTextDefault, rgb(8, 7, 7));
    max-height: var(--lwc-fontSizeLarge, 1rem)
}

.forceChatterFeedAuxBodyLinkPost .cuf-linkPostThumbnail {
    max-height: 134px;
    width: 144px;
    border: 1px solid #b5b5b5
}

.forceChatterFeedAuxBodyLinkPost .cuf-linkPostPlay {
    width: 33px;
    position: absolute;
    left: 5px;
    bottom: 7px
}

.forceChatterFeedAuxBodyLinkPost .displayNone {
    display: none
}

.forceChatterFeedAuxBodyLinkPost .embeddedPreview {
    height: var(--lwc-richPreviewHeight, 22rem);
    border: none;
    margin-bottom: var(--lwc-spacingMedium, 1rem)
}

.forceChatterFeedAuxBodyLinkPost .iframeOverlay {
    position: relative;
    height: var(--lwc-richPreviewHeight, 22rem);
    margin-bottom: var(--lwc-negativeRichPreviewHeight, -22rem)
}

.forceChatterFeedAuxBodyLinkPost .iframeOverlay:hover {
    pointer-events: none
}

.forceChatterFeedAuxBodyLinkPost .cuf-wrapperAnchor {
    outline: none
}

@media only screen and (max-width: 47.9375em) {
    .forceChatterFeedAuxBodyLinkPost .cuf-linkPostThumbnail {
        max-width: 60px;
        max-height: 60px
    }

    .forceChatterFeedAuxBodyLinkPost .cuf-linkPostPlay {
        left: 14px;
        bottom: 10px
    }

    .forceChatterFeedAuxBodyLinkPost .iframeOverlay {
        position: relative;
        height: var(--lwc-mobileRichPreviewHeight, 10rem);
        margin-bottom: var(--lwc-negativeMobileRichPreviewHeight, -10rem)
    }

    .forceChatterFeedAuxBodyLinkPost .embeddedPreview {
        height: var(--lwc-mobileRichPreviewHeight, 10rem)
    }
}

.forceChatterFeedAuxBodySharedPost {
    cursor: default;
    text-decoration: none
}

.forceChatterFeedAuxBodySharedPost .questionTitle, .forceChatterFeedAuxBodySharedPost.questionTitle {
    font-weight: bold;
    word-wrap: break-word;
    margin-bottom: var(--lwc-spacingMedium, 1rem)
}

.forceChatterFeedAuxBodySharedPost .textBody, .forceChatterFeedAuxBodySharedPost.textBody {
    word-wrap: break-word
}

.forceChatterFeedAuxBodySharedPost .textBody .cuf-feedBodyText {
    margin-bottom: var(--lwc-spacingMedium, 1rem);
    color: var(--lwc-colorTextDefault, rgb(8, 7, 7))
}

.forceChatterFeedAuxBodySharedPost .cuf-auxBody.renderState .forceChatterFeedAuxBodyLinkPost, .forceChatterFeedAuxBodySharedPost.forceChatterFeedAuxBodyLinkPost {
    padding-bottom: var(--lwc-spacingMedium, 1rem);
    margin: var(--lwc-spacingMedium, 1rem) 0
}

.forceChatterFeedAuxBodySharedPost .feedBodyInnerTruncated {
    max-height: calc(var(--lwc-sharedFeedItemFontSizeMedium, 0.8125rem) * var(--lwc-lineHeightText, 1.5) * 4)
}

.forceChatterFeedAuxBodySharedPost .Desktop.feedBodyInnerTruncated {
    max-height: calc(var(--lwc-sharedFeedItemFontSizeMedium, 0.8125rem) * var(--lwc-lineHeightText, 1.5) * 6)
}

.forceChatterFeedAuxBodySharedPost .forceChatterEntityPhoto.standardSize, .forceChatterFeedAuxBodySharedPost.forceChatterEntityPhoto.standardSize {
    height: 32px;
    width: 32px
}

.forceChatterFeedAuxBodySharedPost .cuf-auxBody {
    padding: var(--lwc-varSpacingMedium, 1rem)
}

@media only screen and (max-width: 47.9375em) {
    .forceChatterFeedAuxBodySharedPost .sharePostStatsContainer {
        padding-top: var(--lwc-spacingMedium, 1rem)
    }
}

@media only screen and (min-width: 48em) {
    .forceChatterFeedAuxBodySharedPost .sharePostStatsContainer {
        float: right
    }
}

.forceChatterFeedAuxBodySharedPost .cuf-auxBody.renderState {
    padding-bottom: 0
}

.forceChatterFeedAuxBodySharedPost .bestAnswer {
    color: var(--lwc-colorTextSuccess, rgb(2, 126, 70));
    padding-bottom: var(--lwc-spacingMedium, 1rem);
    margin: var(--lwc-spacingMedium, 1rem) 0
}

.forceChatterFeedAuxBodySharedPost .bestAnswer .bestAnswerText {
    margin-left: var(--lwc-spacingSmall, 0.75rem);
    vertical-align: middle
}

.forceChatterFeedAuxBodySharedPost .sharePostErrorMessage {
    position: relative;
    bottom: var(--lwc-spacingXSmall, 0.5rem);
    color: var(--lwc-colorTextWeak, rgb(62, 62, 60))
}

.forceChatterFeedAuxBodySharedPost .sharedFeedItemBottomBar {
    position: relative;
    bottom: var(--lwc-spacingSmall, 0.75rem)
}

.forceChatterFeedAuxBodySharedPost .cuf-auxBody.previewState .cuf-entityLink {
    pointer-events: none
}

.forceChatterFeedAuxBodySharedPost .cuf-auxBody.previewState {
    padding: var(--lwc-varSpacingMedium, 1rem)
}

.forceChatterMessageBodyInput .messageBodyWrapper {
    position: relative
}

.forceChatterMessageBodyInput .cuf-ac {
    position: absolute;
    background-color: #ffffff;
    display: none;
    max-width: 100%
}

.forceChatterMessageBodyInput .cuf-autocompleteInput.inputField.hideInput, .forceChatterMessageBodyInput .cuf-autocompleteInput.tsac-inputField.hideInput {
    display: none
}

.forceChatterMessageBodyInput .uiInput .inputTextArea {
    resize: none
}

.forceChatterMessageBodyInput .forceChatterTopicSuggestionAutoComplete.sfxFlavor .uiInput .cuf-autocompleteClass.uiAutocompleteList {
    position: relative
}

.forceChatterMessageBodyInput .slashHelperText {
    text-align: right;
    font-size: var(--lwc-fontSizeXSmall, 0.625rem);
    margin-top: var(--lwc-spacingXxSmall, 0.25rem)
}

.forceChatterPublisherAttachments.desktop.cuf-publisherAttachmentBar {
    background: none
}

.forceChatterPublisherAttachments .cuf-attachmentsList {
    display: table;
    table-layout: fixed;
    width: 100%;
    text-align: center
}

.forceChatterPublisherAttachments.desktop .cuf-attachmentsList {
    width: inherit
}

.forceChatterPublisherAttachments .cuf-attachmentsItem {
    display: table-cell
}

.forceChatterPublisherAttachments .fileInput.forceChatterAttachFileActionButton {
    margin-top: 0
}

.forceChatterPublisherAttachments button.uiButton .label, .forceChatterPublisherAttachments button.uiButton:active .label {
    font-size: var(--lwc-fontSizeMedium, 0.8125rem);
    color: var(--lwc-colorTextActionLabel, rgb(62, 62, 60));
    display: inline-block;
    padding-right: var(--lwc-spacingXSmall, 0.5rem);
    max-width: 100%;
    vertical-align: middle;
    position: relative
}

.forceChatterPublisherAttachments .forceChatterAttachFileActionButton .cuf-Icon {
    display: inline-block;
    vertical-align: middle
}

.forceChatterPublisherAttachments.desktop .cuf-publisherAttachmentButton .cuf-Icon {
    background: none
}

.forceChatterPublisherAttachments .cuf-publisherAttachmentButton .forceIcon {
    color: var(--lwc-colorTextActionLabel, rgb(62, 62, 60));
    font-size: var(--lwc-fontSizeMedium, 0.8125rem)
}

.forceChatterPublisherAttachments.desktop .cuf-publisherAttachmentButton .forceIcon {
    color: inherit
}

.forceChatterPublisherAttachments .cuf-publisherAttachmentButton.uiButton:disabled .cuf-Icon .forceIcon, .forceChatterPublisherAttachments .cuf-publisherAttachmentButton.uiButton:disabled .label, .forceChatterPublisherAttachments .uiPopupTrigger a[aria-disabled=true] .cuf-Icon .forceIcon {
    color: var(--lwc-colorTextIconDefaultDisabled, rgb(221, 219, 218))
}

.forceChatterUpdatePhoto .uiInput--checkbox input[type=checkbox] {
    margin: var(--lwc-spacingXxxSmall, 0.125rem);
    display: inline-block;
    vertical-align: text-bottom;
    margin-right: 6px
}

.forceChatterUpdatePhoto input[type=checkbox]:checked {
    background-color: var(--lwc-colorBackgroundButtonBrand, rgb(0, 112, 210));
    border-width: 0
}

@media only screen and (max-width: 47.9375em) {
    .forceChatterUpdatePhoto input[type=checkbox]:checked {
        background: var(--lwc-colorBackgroundButtonBrand, rgb(0, 112, 210))
    }

    .forceChatterUpdatePhoto .uiInput--checkbox input[type=checkbox] {
        margin-bottom: 0
    }
}

@media only screen and (min-width: 64.0625em) {
    .forceSearchNoResults .noResults {
        max-width: 60%
    }
}

.forceSearchNoResults .noResultsTitle, .forceSearchNoResults .noResultsMessage, .forceSearchNoResults .errorMessageTitle, .forceSearchNoResults .errorMessage {
    font-weight: var(--lwc-fontWeightRegular, 400);
    min-width: 75%;
    max-width: 500px
}

.forceSearchNoResults .noResultsMessage {
    word-break: break-word;
    word-wrap: break-word
}

.forceSearchNoResults.zero-results-outer-container {
    height: 100%
}

.forceSearchResultsCompact .searchScroller {
    -ms-overflow-style: -ms-autohiding-scrollbar
}

.forceSearchResultsCompact .searchScroller {
    width: 100%;
    height: 100%;
    position: absolute
}

.forceSearchResultsCompact .searchScroller.uiScroller .scroller {
    min-width: 100%;
    background-color: var(--lwc-colorBackground, rgb(243, 242, 242))
}

.forceSearchResultsCompact.searchResults.list {
    height: 100%
}

.forceSearchResultsCompact.searchResults.list .kbResultStencil {
    border-bottom: 2px solid var(--lwc-colorBackground, rgb(243, 242, 242))
}

.forceSearchResultsCompact .listContent ul {
    padding: 0;
    margin: 0;
    list-style-type: none
}

.forceSearchResultsGridLVM .forceListViewManagerGrid.hideRowNumberColumn thead th:nth-child(2) .slds-th__action, .forceSearchResultsGridLVM .forceListViewManagerGrid.hideRowNumberColumn tbody th:first-of-type {
    padding-left: var(--lwc-pageHeaderSpacingPadding, 1rem)
}

.forceSearchResultsGridLVM .uiScroller.native {
    -ms-overflow-style: scrollbar
}

.forceSearchScopesRibbon {
    border-bottom: 1px solid var(--lwc-colorBorderSeparatorAlt, rgb(221, 219, 218));
    background-color: var(--lwc-colorBackground, rgb(243, 242, 242));
    overflow: hidden;
    height: 47px;
    width: 100%;
    position: relative;
    z-index: 1
}

.forceSearchScopesRibbon .ribbonItemLabel {
    font-size: var(--lwc-fontSizeMedium, 0.8125rem);
    font-weight: var(--lwc-fontWeightRegular, 400);
    color: var(--lwc-colorTextLabel, rgb(62, 62, 60));
    text-transform: uppercase;
    border-bottom: 2px solid transparent;
    border-top: 2px solid transparent;
    vertical-align: middle;
    display: inline-block;
    line-height: 42px;
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0 var(--lwc-spacingXSmall, 0.5rem);
    text-decoration: none
}

.forceSearchScopesRibbon .selectorContainer .selected .ribbonItemLabel {
    border-bottom: 2px solid var(--lwc-colorBorderBrand, rgb(21, 137, 238));
    color: var(--lwc-colorTextDefault, rgb(8, 7, 7));
    box-shadow: none
}

.forceSearchScopesRibbon .selectorContainer {
    background-color: transparent;
    white-space: nowrap;
    overflow: visible;
    display: inline;
    margin: 0;
    padding: 0;
    list-style: none
}

.forceSearchScopesRibbon .ribbonItem {
    display: inline-block
}

.forceSearchScopesRibbon .ribbonItem:first-child {
    margin-left: var(--lwc-spacingMedium, 1rem)
}

.forceSearchScopesRibbon .displayNone {
    display: none
}

.uiContainerManager {
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    -moz-box-orient: horizontal;
    -moz-box-pack: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -ms-flex-direction: row;
    box-orient: horizontal;
    box-pack: center;
    box-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.emailStreamDefaultSharingSettingsPanel .subheader .uiOutputRichText {
    display: inline-block
}

.emailStreamDefaultSharingSettingsPanelFooter {
    background-color: var(--lwc-colorBackground, rgb(243, 242, 242))
}

.emailStreamDefaultSharingSettingsPanelFooter .cancelButton {
    background-color: var(--lwc-colorBackgroundAlt, rgb(255, 255, 255));
    border-color: var(--lwc-colorBorder, rgb(221, 219, 218));
    border-radius: var(--lwc-borderRadiusMedium, 0.25rem);
    padding: 0 var(--lwc-spacingSmall, 0.75rem);
    margin-left: var(--lwc-spacingSmall, 0.75rem)
}

.emailStreamDefaultSharingSettingsPanelFooter .saveErrorContainer {
    display: inline;
    visibility: hidden
}

.emailStreamDefaultSharingSettingsPanelFooter .saveErrorContainer.visible {
    visibility: visible
}

.emailStreamDefaultSharingSettingsPanelFooter .saveError .pointer {
    border-top-color: var(--lwc-colorBackgroundToastError, rgb(194, 57, 52))
}

.emailStreamDefaultSharingSettingsPanelFooter .saveError .tooltip-body {
    background-color: var(--lwc-colorBackgroundToastError, rgb(194, 57, 52));
    text-align: left
}

.forceChatterActionLinkGroup.cuf-feedActionStatusMessages {
    text-align: left
}

.forceChatterActionLinkGroup.mobileFlavor {
    text-align: center
}

.forceChatterActionLinkGroup.mobileFlavor {
    margin: var(--lwc-spacingMedium, 1rem);
    font-size: var(--lwc-fontSizeMedium, 0.8125rem)
}

.forceChatterActionLinkGroup.defaultFlavor button.cuf-platformAction.leftButton, .forceChatterActionLinkGroup.defaultFlavor button.cuf-platformAction.leftButton:active, .forceChatterActionLinkGroup.defaultFlavor button.cuf-platformAction.leftButton:hover {
    margin-right: var(--lwc-spacingSmall, 0.75rem)
}

.forceChatterActionLinkGroup.mobileFlavor button.cuf-platformAction.default, .forceChatterActionLinkGroup.mobileFlavor button.cuf-platformAction.default:active, .forceChatterActionLinkGroup.mobileFlavor button.cuf-platformAction.default:hover {
    width: 50%
}

.forceChatterActionLinkGroup.mobileFlavor button.cuf-platformAction.leftButton, .forceChatterActionLinkGroup.mobileFlavor button.cuf-platformAction.leftButton:active, .forceChatterActionLinkGroup.mobileFlavor button.cuf-platformAction.leftButton:hover {
    margin-right: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-right: 0
}

.forceChatterActionLinkGroup.mobileFlavor button.cuf-platformAction.rightButton, .forceChatterActionLinkGroup.mobileFlavor button.cuf-platformAction.rightButton:active, .forceChatterActionLinkGroup.mobileFlavor button.cuf-platformAction.rightButton:hover {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.forceChatterFeedAuxBody.NEUTRAL {
    background-color: var(--lwc-colorBackgroundAlt, rgb(255, 255, 255))
}

.forceChatterFeedAuxBody .cuf-attachmentPreview.cuf-auxBody.cuf-auxBodyLinkPost {
    position: relative
}

.forceChatterFeedAuxBody .cuf-delete.slds-button, .forceChatterFeedAuxBody .cuf-delete.slds-button:active {
    float: right;
    font-size: 12px;
    color: gray;
    border: 0;
    background-color: transparent;
    text-shadow: none;
    position: absolute;
    vertical-align: middle;
    top: 0;
    right: 0
}

.forceChatterFeedAuxBody .cuf-auxBody {
    border: 1px solid var(--lwc-colorBorderSeparatorAlt, rgb(221, 219, 218));
    border-radius: var(--lwc-borderRadiusMedium, 0.25rem);
    padding: var(--lwc-varSpacingMedium, 1rem);
    margin: 0
}

.forceChatterFeedAuxBody .cuf-auxBody.cuf-auxBodyLinkPost {
    padding: var(--lwc-varSpacingMedium, 1rem)
}

.forceChatterFeedAuxBody .rsPreamble {
    word-break: break-word
}

.forceChatterFeedAuxBody--default .cuf-auxBodyContentWithThumbnail {
    padding: 0;
    border: 0
}

.forceChatterFeedAuxBody--default .cuf-auxBodyThanksPost .cuf-auxBodyIcon img {
    max-width: var(--lwc-squareIconLarge, 3.125rem);
    max-height: var(--lwc-squareIconLarge, 3.125rem)
}

.forceChatterFeedCommentInputDesktop .cuf-desktopTextArea.inputTextArea.cuf-commentTextArea {
    outline: none;
    padding: var(--lwc-spacingSmall, 0.75rem) var(--lwc-spacingMedium, 1rem);
    min-height: 1rem;
    max-height: 2.5rem;
    overflow: hidden;
    background: var(--lwc-colorBackgroundInputActive, rgb(255, 255, 255));
    transition: min-height var(--lwc-durationSlowly, 0.4s) ease, max-height var(--lwc-durationSlowly, 0.4s) ease
}

.forceChatterFeedCommentInputDesktop .cuf-desktopTextArea.inputTextArea.cuf-commentTextArea:focus {
    box-shadow: none
}

.forceChatterFeedCommentInputDesktop.always-show-actions .inputTextArea.cuf-commentTextArea, .forceChatterFeedCommentInputDesktop.expanded .inputTextArea.cuf-commentTextArea {
    max-height: 200px;
    min-height: var(--lwc-commentTextAreaDefaultMinHeight, 2.188rem);
    overflow: auto
}

.forceChatterFeedCommentInputDesktop .cuf-dummyTextarea.inputTextArea.cuf-commentTextArea {
    overflow: hidden;
    line-height: var(--lwc-spacingXSmall, 0.5rem);
    padding-bottom: 0;
    min-height: calc(1.875rem + 2px) !important;
    max-height: calc(1.875rem + 2px) !important;
    border: var(--lwc-borderWidthThin, 1px) solid var(--lwc-colorBorder, rgb(221, 219, 218))
}

.forceChatterFeedCommentInputDesktop .forceChatterMessageBodyInput .cke_wysiwyg_div {
    min-height: 6rem;
    max-height: 20rem
}

.forceChatterFeedCommentInputDesktop .fileAttachmentContainer {
    margin: var(--lwc-spacingXSmall, 0.5rem) 0 var(--lwc-spacingSmall, 0.75rem);
    border: var(--lwc-borderWidthThin, 1px) solid var(--lwc-colorBorderSeparatorAlt, rgb(221, 219, 218));
    border-radius: var(--lwc-borderRadiusMedium, 0.25rem)
}

.forceChatterFeedCommentInputDesktop .cuf-attachmentsItem:not(:first-child) {
    padding-left: .75rem
}

.forceChatterFeedCommentInputDesktop .form-block-section .bottomBar {
    display: block;
    width: 100%;
    padding: 0 var(--lwc-spacingMedium, 1rem);
    opacity: 0;
    height: 0;
    transition: height var(--lwc-durationSlowly, 0.4s) ease, opacity var(--lwc-durationPromptly, 0.2s) ease var(--lwc-durationSlowly, 0.4s);
    box-sizing: border-box
}

.forceChatterFeedCommentInputDesktop.always-show-actions .form-block-section .bottomBar, .forceChatterFeedCommentInputDesktop.expanded .form-block-section .bottomBar {
    opacity: 1;
    height: auto
}

.forceChatterFeedCommentInputDesktop .form-block-section .bottomBar:after {
    clear: both;
    content: "";
    display: block
}

.forceChatterFeedCommentInputDesktop .commentActionPanel {
    display: none;
    float: left;
    margin-top: var(--lwc-spacingXSmall, 0.5rem)
}

.forceChatterFeedCommentInputDesktop.always-show-actions .commentActionPanel, .forceChatterFeedCommentInputDesktop.expanded .commentActionPanel {
    display: flex;
    margin-top: 0
}

.forceChatterFeedCommentInputDesktop .bottomBar .commentActionPanel > div {
    display: inline-block;
    height: var(--lwc-squareIconMediumContent, 1rem);
    width: var(--lwc-squareIconMediumContent, 1rem);
    vertical-align: middle
}

.forceChatterFeedCommentInputDesktop .bottomBar .commentActionPanel div.forceIcon.uiButton, .forceChatterFeedCommentInputDesktop .bottomBar .commentActionPanel span.label.uiButton {
    padding: 0;
    border: 0
}

.forceChatterFeedCommentInputDesktop .form-block-section .bottomBar .commentActionPanel .uiButton {
    padding: 0;
    border: 0
}

.forceChatterFeedCommentInputDesktop .form-block-section .bottomBar {
    padding-top: var(--lwc-spacingSmall, 0.75rem)
}

.forceChatterFeedCommentInputDesktop .cuf-submit {
    float: right;
    display: none
}

.forceChatterFeedCommentInputDesktop.always-show-actions .cuf-submit, .forceChatterFeedCommentInputDesktop.expanded .cuf-submit {
    display: inline-block
}

.forceChatterFeedCommentInputDesktop .cuf-submit .cuf-commentSubmit span.label.uiButton--brand {
    padding: 0;
    background: transparent
}

.forceChatterFeedCommentInputDesktop .cuf-submit .cuf-commentSubmit, .forceChatterFeedCommentInputDesktop .cuf-submit .cuf-commentSubmit:active {
    min-height: var(--lwc-lineHeightButton, 1.875rem);
    transition: background var(--lwc-durationPromptly, 0.2s) ease;
    display: inline-block
}

.forceChatterFeedCommentInputDesktop .cuf-submit .cuf-commentSubmit:disabled {
    background: var(--lwc-colorBackgroundButtonBrandDisabled, rgb(224, 229, 238))
}

.forceChatterFeedCommentInputDesktop.forceChatterFeedCommentInput.inputFocus .cuf-feedCommentInput {
    box-shadow: none
}

.forceChatterFeedCommentInputDesktop.forceChatterFeedCommentInput:focus {
    box-shadow: none
}

.forceChatterFeedCommentInputMobile .form-block-section {
    display: table;
    border-spacing: var(--lwc-spacingXSmall, 0.5rem);
    width: 100%
}

.forceChatterFeedCommentInputMobile .cuf-comment {
    border-spacing: 0;
    padding: 0 0 0 0;
    background: var(--lwc-colorBackgroundInputActive, rgb(255, 255, 255));
    border-radius: var(--lwc-borderRadiusMedium, 0.25rem);
    display: table;
    width: 100%
}

.forceChatterFeedCommentInputMobile .footer-comment .cuf-comment {
    border: var(--lwc-borderWidthThin, 1px) solid var(--lwc-colorBorder, rgb(221, 219, 218));
    padding: 0 var(--lwc-spacingXSmall, 0.5rem)
}

.forceChatterFeedCommentInputMobile .cuf-comment > div, .forceChatterFeedCommentInputMobile .form-block-section > div {
    display: table-cell;
    vertical-align: bottom
}

.forceChatterFeedCommentInputMobile .cuf-feedCommentInput {
    box-sizing: border-box;
    min-height: var(--lwc-feedCommentBoxMinHeight, 2.75rem);
    border: 1px solid var(--lwc-colorBorder, rgb(221, 219, 218));
    background: var(--lwc-colorBackgroundInput, rgb(255, 255, 255));
    transition: background .4s ease
}

.forceChatterFeedCommentInputMobile .footer-comment .cuf-comment .cuf-feedCommentInput {
    background: var(--lwc-colorBackgroundInput, rgb(255, 255, 255))
}

.forceChatterFeedCommentInputMobile.expanded .cuf-feedCommentInput, .forceChatterFeedCommentInputMobile.always-show-actions .cuf-feedCommentInput {
    background: var(--lwc-colorBackgroundInputActive, rgb(255, 255, 255))
}

.forceChatterFeedCommentInputMobile .paddingBox {
    padding: var(--lwc-spacingXSmall, 0.5rem)
}

.forceChatterFeedCommentInputMobile .cuf-comment .uiButton, .forceChatterFeedCommentInputMobile .cuf-comment .uiButton:focus, .forceChatterFeedCommentInputMobile .cuf-comment .uiButton:hover, .forceChatterFeedCommentInputMobile .cuf-comment .uiButton:active {
    padding: var(--lwc-spacingXSmall, 0.5rem);
    border: 0;
    background: var(--lwc-colorBackgroundInputActive, rgb(255, 255, 255));
    vertical-align: bottom;
    border-spacing: 0;
    width: var(--lwc-commentIconsMobileSize, 1.875rem);
    height: var(--lwc-commentIconsMobileSize, 1.875rem);
    text-shadow: none;
    box-shadow: none;
    min-width: var(--lwc-commentIconsMobileSize, 1.875rem)
}

.forceChatterFeedCommentInputMobile .cuf-comment .uiButton.forceChatterAttachFileButton {
    padding: 0 var(--lwc-spacingXSmall, 0.5rem)
}

.forceChatterFeedCommentInputMobile .uiButton.cuf-mentionLauncher, .forceChatterFeedCommentInputMobile .uiButton.cuf-mentionLauncher:focus, .forceChatterFeedCommentInputMobile .uiButton.cuf-mentionLauncher:active {
    height: var(--lwc-commentIconsMobileSize, 1.875rem);
    width: var(--lwc-commentIconsMobileSize, 1.875rem);
    padding: 0 var(--lwc-spacingXSmall, 0.5rem);
    min-width: var(--lwc-commentIconsMobileSize, 1.875rem);
    vertical-align: bottom;
    text-shadow: none;
    border: 0;
    color: var(--lwc-colorTextWeak, rgb(62, 62, 60))
}

.forceChatterFeedCommentInputMobile .cuf-commentMentionSection {
    opacity: 0;
    padding: var(--lwc-borderWidthThin, 1px) 0
}

.forceChatterFeedCommentInputMobile.always-show-actions .cuf-commentMentionSection, .forceChatterFeedCommentInputMobile.expanded .cuf-commentMentionSection {
    opacity: 1
}

.forceChatterFeedCommentInputMobile .cuf-submit .cuf-commentSubmit, .forceChatterFeedCommentInputMobile .cuf-comment .cuf-paperclip {
    display: none
}

.forceChatterFeedCommentInputMobile.always-show-actions .cuf-commentMentionSection, .forceChatterFeedCommentInputMobile.always-show-actions .cuf-submit .cuf-commentSubmit, .forceChatterFeedCommentInputMobile.always-show-actions .cuf-paperclip, .forceChatterFeedCommentInputMobile.expanded .cuf-commentMentionSection, .forceChatterFeedCommentInputMobile.expanded .cuf-submit .cuf-commentSubmit, .forceChatterFeedCommentInputMobile.expanded .cuf-paperclip {
    display: table-cell
}

.forceChatterFeedCommentInputMobile .cuf-submit, .forceChatterFeedCommentInputMobile .cuf-commentMentionSection, .forceChatterFeedCommentInputMobile .cuf-paperclip {
    width: 1px
}

.forceChatterFeedCommentInputMobile .uiButton .forceIcon.paperclip.attached {
    color: var(--lwc-colorBackgroundButtonBrand, rgb(0, 112, 210))
}

.forceChatterFeedCommentInputMobile .uiButton .forceIcon.paperclip {
    color: var(--lwc-colorTextWeak, rgb(62, 62, 60))
}

.forceChatterFeedCommentInputMobile .uiButton--brand.cuf-commentSubmit:hover .label {
    color: var(--lwc-colorTextInverse, rgb(255, 255, 255))
}

.forceChatterFeedCommentInputMobile .uiButton--brand.cuf-commentSubmit .label {
    font-size: var(--lwc-fontSizeMedium, 0.8125rem)
}

.forceChatterFeedCommentInputMobile .uiButton--brand.cuf-commentSubmit {
    height: var(--lwc-commentSubmitButtonMobileHeight, 1.875rem)
}

.forceChatterFeedCommentInputMobile .cuf-commentTextArea::-webkit-scrollbar {
    visibility: hidden
}

.forceChatterFeedCommentInputMobile .inputTextArea.cuf-commentTextArea {
    padding: var(--lwc-spacingXSmall, 0.5rem) 0 0;
    min-height: var(--lwc-commentTextAreaMobileMinHeight, 1.875rem);
    max-height: var(--lwc-commentTextAreaMobileMaxHeight, 5rem)
}

.forceChatterFeedCommentInputMobile.cuf-Large .cuf-editActionsGroup {
    width: 50%;
    margin: 0 auto
}

.forceChatterFeedCommentInputMobile.cuf-commentInputEdit .cuf-submit {
    display: table-footer-group;
    vertical-align: middle
}

.forceChatterFeedCommentInputMobile.cuf-commentInputEdit .cuf-submit .uiButton--brand {
    float: right
}

.forceChatterFeedCommentInputMobile.cuf-commentInputEdit .inputTextArea {
    max-height: var(--lwc-commentEditTextAreaMobileHeight, 10rem);
    min-height: var(--lwc-commentEditTextAreaMobileHeight, 10rem)
}

.forceChatterGroupCreationWizard .right {
    float: right
}

.forceChatterGroupCreationWizard .assistantFrameworkWizardHeader .title {
    color: inherit;
    font-weight: 300
}

.forceChatterGroupCreationWizard .assistantFrameworkWizardHeader .subTitle {
    display: none
}

.forceChatterGroupCreationWizard .wizard-step-navigator.assistantFrameworkWizardNavigator {
    padding: var(--lwc-spacingSmall, 0.75rem) var(--lwc-spacingMedium, 1rem);
    height: auto;
    overflow: auto
}

.forceChatterGroupCreationWizard .forcePageError {
    padding-bottom: 0
}

.forceChatterGroupCreationWizard .clearall {
    clear: both
}

.forceChatterGroupCreationWizard .forceChatterAddMembers {
    height: inherit
}

.forceChatterGroupCreationWizard .scrollContainer {
    overflow-y: auto;
    overflow-x: hidden
}

@media only screen and (max-width: 47.9375em) {
    .forceChatterGroupCreationWizard .scrollContainer {
        height: 150px
    }
}

@media only screen and (min-width: 48em) {
    .forceChatterGroupCreationWizard .scrollContainer {
        height: 200px
    }
}

@media only screen and (min-width: 64.0625em) {
    .forceChatterGroupCreationWizard .scrollContainer {
        height: 500px
    }
}

@media (max-height: 700px) {
    .forceChatterGroupCreationWizard .scrollContainer {
        height: 400px
    }
}

@media (max-height: 410px) {
    .forceChatterGroupCreationWizard .scrollContainer {
        height: 75px
    }
}

a.forceChatterRecommendationAcceptButton:hover {
    text-decoration: none
}

.forceChatterRecommendationBase .cuf-recommendationSummary {
    word-wrap: break-word
}

.forceChatterRecommendationBase--napili .uiButton {
    background-color: var(--lwc-colorBackgroundButtonBrand, rgb(0, 112, 210));
    border: 1px solid var(--lwc-colorBorderButtonBrand, rgb(0, 112, 210));
    border-radius: var(--lwc-borderRadiusSmall, 0.125rem);
    color: var(--lwc-colorTextButtonBrand, rgb(255, 255, 255));
    font-weight: var(--lwc-fontWeightBold, 700);
    font-size: .8em;
    line-height: normal;
    overflow: hidden;
    padding: var(--lwc-spacingXSmall, 0.5rem) var(--lwc-spacingMedium, 1rem);
    transition: background .8s ease;
    text-overflow: ellipsis
}

.forceChatterRecommendationBase--napili .uiButton:active, .forceChatterRecommendationBase--napili .uiButton:hover, .forceChatterRecommendationBase--napili .uiButton:focus {
    text-shadow: none;
    color: var(--lwc-colorTextInverse, rgb(255, 255, 255));
    background-color: var(--lwc-colorBackgroundButtonBrandHover, rgb(0, 95, 178))
}

.forceChatterSelectMention {
    padding: var(--lwc-spacingMedium, 1rem);
    position: relative
}

.uiDataGrid--default tbody, .uiDataGrid--default thead, .uiDataGrid--default tr, .uiDataGrid--default th, .uiDataGrid--default td {
    vertical-align: middle
}

.emailuiWarningModal .buttonContainer {
    text-align: center;
    margin: var(--lwc-spacingSmall, 0.75rem)
}

.emailuiWarningModal .alertBody {
    padding-top: var(--lwc-spacingSmall, 0.75rem);
    text-align: center
}

.forceButtonBarDeprecated.buttonList {
    list-style: none;
    margin: 0;
    padding: 0
}

.forceButtonBarDeprecated .buttonItem {
    display: inline;
    list-style-type: none;
    padding-right: 14px
}

.forceButtonBarDeprecated .overflowItems {
    display: inline
}

.forceButtonBarDeprecated.vertical.buttonList {
    margin: 0;
    padding: 0
}

.forceButtonBarDeprecated.vertical .buttonItem .uiButton {
    width: 100%;
    display: inline;
    margin: 0
}

.forceButtonBarDeprecated.vertical .buttonItem {
    display: list-item;
    padding: 0 0 14px 0
}

.forceButtonBarDeprecated.vertical .buttonItem:last-child, .forceButtonBarDeprecated.vertical .buttonItem:only-child {
    padding: 0
}

.forceButtonBarDeprecated.horizontal.grouped {
    display: table;
    width: 100%;
    margin: 0;
    padding: 0
}

.forceButtonBarDeprecated.horizontal.grouped .buttonItem {
    display: table-cell;
    padding: 0
}

.forceButtonBarDeprecated.horizontal.grouped .buttonItem .uiButton {
    border-right-width: 0;
    border-radius: 0
}

.forceButtonBarDeprecated.horizontal.grouped .uiButton {
    width: 100%
}

.forceButtonBarDeprecated.horizontal.grouped li:first-child .uiButton {
    border-top-left-radius: var(--lwc-borderRadiusMedium, 0.25rem);
    border-bottom-left-radius: var(--lwc-borderRadiusMedium, 0.25rem)
}

.forceButtonBarDeprecated.horizontal.grouped li:last-child .uiButton, .forceButtonBarDeprecated.horizontal.grouped.hasMenu li:nth-last-child(2) .uiButton {
    border-top-right-radius: var(--lwc-borderRadiusMedium, 0.25rem);
    border-bottom-right-radius: var(--lwc-borderRadiusMedium, 0.25rem);
    border-right-width: 1px
}

.forceButtonBarDeprecated.horizontal.grouped .overflowItems {
    display: table-cell;
    padding-left: 14px
}

.forceButtonBarDeprecated.vertical.grouped .buttonItem {
    padding: 0
}

.forceButtonBarDeprecated .overflowButton .forceIcon {
    vertical-align: middle
}

.forceChatterComment {
    padding: 0;
    margin: 0
}

.forceChatterComment:focus {
    outline: none
}

.forceChatterComment .cuf-smallActorImage {
    float: left;
    background-repeat: no-repeat
}

.forceChatterComment .commentActionSection:before, .forceChatterComment .commentActionSection:after {
    content: "";
    display: block
}

.forceChatterComment .commentActionSection:after {
    clear: both
}

.forceChatterComment .commentContentPost {
    margin-bottom: var(--lwc-spacingMedium, 1rem)
}

.forceChatterComment .cuf-body {
    margin: 0 0 var(--lwc-spacingXSmall, 0.5rem) 0
}

.forceChatterComment .feedBodyInnerTruncated {
    max-height: calc(var(--lwc-fontSizeMedium, 0.8125rem) * var(--lwc-lineHeightText, 1.5) * 4)
}

.forceChatterComment .Desktop.feedBodyInnerTruncated {
    max-height: calc(var(--lwc-fontSizeMedium, 0.8125rem) * var(--lwc-lineHeightText, 1.5) * 6)
}

.forceChatterComment .likersLink:focus {
    text-decoration: none
}

.forceChatterComment .likersLink:hover {
    color: var(--lwc-colorTextLinkHover, rgb(0, 95, 178));
    text-decoration: underline
}

.forceChatterComment .cuf-commentNameLink {
    width: 100%
}

.forceChatterComment .cuf-commentAge {
    color: var(--lwc-colorTextLabel, rgb(62, 62, 60))
}

.forceChatterComment .wrap-list-items {
    flex-wrap: wrap
}

.forceChatterComment feeds_translation-selector .slds-dropdown {
    overflow-y: scroll;
    max-height: 20rem
}

.forceChatterComment feeds_translation-google-attribution {
    display: block;
    padding-bottom: var(--lwc-spacingSmall, 0.75rem)
}

.forceChatterComment .selectedAsBest {
    font-size: var(--lwc-fontSizeSmall, 0.75rem);
    color: var(--lwc-colorTextWeak, rgb(62, 62, 60))
}

.forceChatterComment .bestAnswerSelectedBy {
    font-size: var(--lwc-fontSizeSmall, 0.75rem)
}

.forceChatterComment .bestAnswerSelectedByIcon {
    color: var(--lwc-colorTextSuccess, rgb(2, 126, 70))
}

.forceChatterComment .verifiedBadge .slds-icon {
    fill: var(--lwc-colorTextSuccess, rgb(2, 126, 70))
}

.forceChatterComment .answerHeader {
    padding: 0
}

.forceChatterComment .selectBestLink:focus {
    text-decoration: none
}

.forceChatterComment .selectBestLink:hover {
    color: var(--lwc-colorTextLinkHover, rgb(0, 95, 178));
    text-decoration: underline
}

.forceChatterComment .flag-badge {
    margin-right: var(--lwc-spacingSmall, 0.75rem)
}

.forceChatterComment .auxbodies li:last-child {
    padding: 0
}

.forceChatterComment .comment__footer .slds-button {
    line-height: var(--lwc-lineHeightReset, 1)
}

.forceChatterComment .preventGridVerticalStretch {
    align-items: flex-start
}

.forceChatterFeedCommentInput .cuf-commentErrors {
    list-style: none;
    border-bottom: 1px solid var(--lwc-colorBorderSeparatorAlt, rgb(221, 219, 218));
    color: var(--lwc-colorTextError, rgb(194, 57, 52));
    font-size: var(--lwc-fontSizeSmall, 0.75rem);
    font-weight: var(--lwc-fontWeightRegular, 400);
    margin: 0;
    padding: var(--lwc-spacingMedium, 1rem) var(--lwc-spacingMedium, 1rem) 0 var(--lwc-spacingMedium, 1rem)
}

.forceChatterFeedCommentInput .cuf-commentErrors li {
    padding-bottom: var(--lwc-spacingMedium, 1rem)
}

.forceChatterFeedCommentInput .cuf-commentWarnings li {
    color: var(--lwc-colorTextWeak, rgb(62, 62, 60))
}

.forceChatterFeedCommentInput .cuf-commentMessages {
    display: none
}

.forceChatterFeedCommentInput.always-show-actions .cuf-commentMessages, .forceChatterFeedCommentInput.expanded .cuf-commentMessages {
    display: block
}

.forceChatterFeedCommentInput .inputTextArea.cuf-commentTextArea {
    background: var(--lwc-colorBackgroundInput, rgb(255, 255, 255));
    box-shadow: none;
    border: 0;
    vertical-align: middle;
    line-height: 1rem;
    overflow-y: auto;
    font-size: var(--lwc-fontSizeMedium, 0.8125rem);
    outline: 0
}

.forceChatterFeedCommentInput.always-show-actions .inputTextArea.cuf-commentTextArea, .forceChatterFeedCommentInput.expanded .inputTextArea.cuf-commentTextArea {
    background: var(--lwc-colorBackgroundInputActive, rgb(255, 255, 255))
}

.forceChatterFeedCommentInput .cuf-mentionLauncher.uiButton, .forceChatterFeedCommentInput .cuf-emojiSelectorButton.uiButton, .forceChatterFeedCommentInput .forceChatterAttachFileButton.uiButton {
    line-height: var(--lwc-lineHeightReset, 1);
    background: transparent
}

.forceChatterFeedCommentInput .forceIcon.paperclip {
    font-size: var(--lwc-fontSizeMedium, 0.8125rem)
}

.forceChatterFeedCommentInput.inputFocus .cuf-feedCommentInput {
    box-shadow: 0 0 3px var(--lwc-colorBorderBrandDark, rgb(0, 112, 210))
}

.forceChatterFeedCommentInput .forceChatterSelectedFileBadge.fileBadgeContainer .right .contentPostFileRemove {
    display: inline
}

.forceChatterFeedCommentInput .forceChatterSelectedFileBadge.fileBadgeContainer {
    width: 99%;
    margin-top: 0
}

.forceChatterFeedCommentInput .forceChatterFeedContentFilePreview .forceChatterSelectedFileBadge.fileBadgeContainer .right .contentPostFileRemove {
    display: inline
}

.forceChatterFeedCommentInput .cuf-feedCommentInputPlainText {
    background-color: var(--lwc-colorBackgroundInput, rgb(255, 255, 255));
    border-radius: var(--lwc-borderRadiusMedium, 0.25rem);
    border: var(--lwc-borderWidthThin, 1px) solid var(--lwc-colorBorder, rgb(221, 219, 218))
}

.forceChatterFeedCommentInput .forceChatterFeedContentFilePreview.fileBadgeError {
    border: 1px solid var(--lwc-colorBorderError, rgb(194, 57, 52))
}

.forceChatterFeedCommentInput .errorMessageContainer {
    margin-left: var(--lwc-spacingXxSmall, 0.25rem);
    margin-top: var(--lwc-spacingXSmall, 0.5rem);
    font-size: var(--lwc-fontSizeSmall, 0.75rem);
    display: inline-block;
    width: 100%
}

.forceChatterFeedCommentInput .errorMessageContainer .error {
    color: var(--lwc-colorTextError, rgb(194, 57, 52));
    margin-top: 0
}

.forceChatterFeedCommentInput .errorMessageContainer li {
    list-style-type: none;
    text-align: left
}

.forceChatterFeedCommentInput .errorMessageContainer ul {
    padding: var(--lwc-spacingXxSmall, 0.25rem) 0 0
}

.forceChatterPill {
    color: var(--lwc-colorTextPlaceholder, rgb(112, 110, 107));
    padding: var(--lwc-spacingXxxSmall, 0.125rem) var(--lwc-spacingXSmall, 0.5rem);
    border: 1px solid transparent;
    font-size: var(--lwc-fontSizeMedium, 0.8125rem)
}

.forceChatterPill.pill {
    border: 1px solid var(--lwc-colorBorderBrandDark, rgb(0, 112, 210));
    border-radius: var(--lwc-borderRadiusMedium, 0.25rem)
}

.forceChatterPill .deleteIcon {
    padding: var(--lwc-spacingXSmall, 0.5rem);
    padding-right: 0;
    font-size: 8px
}

.forceChatterPill:hover .deleteIcon, .forceChatterPill:focus .deleteIcon {
    visibility: visible
}

.forceChatterPill .deleteIcon:hover {
    color: var(--lwc-colorTextWeak, rgb(62, 62, 60))
}

.forceChatterPublisherPresentationDesktop {
    margin: 0 auto
}

.forceChatterPublisherPresentationDesktop .hide {
    display: none
}

.forceChatterPublisherPresentationDesktop .cuf-content .mdp .forcePageBlockSection.twoCol .forcePageBlockItem {
    width: 100%
}

.forceChatterPublisherPresentationDesktop .cuf-content .mdp .forcePageBlockSection.twoCol .blank {
    display: none
}

.forceChatterPublisherPresentationDesktop .cuf-content .mdp .runtime_sales_activitiesComposerPageBlockSectionEdit.twoCol .forcePageBlockItem {
    width: 100%
}

.forceChatterPublisherPresentationDesktop .cuf-content .mdp .runtime_sales_activitiesComposerPageBlockSectionEdit.twoCol .blank {
    display: none
}

.forceChatterPublisherPresentationDesktop .buttom {
    text-align: right;
    margin: 0 var(--lwc-spacingMedium, 1rem)
}

.forceChatterPublisherPresentationDesktop .buttonBar .uiButton ~ .uiButton {
    margin-left: var(--lwc-spacingMedium, 1rem)
}

.forceChatterPublisherPresentationDesktop .cuf-publisherMessages {
    list-style: none;
    color: var(--lwc-colorTextWeak, rgb(62, 62, 60));
    font-size: var(--lwc-fontSizeSmall, 0.75rem);
    font-weight: var(--lwc-fontWeightRegular, 400);
    margin: 0 0 var(--lwc-spacingMedium, 1rem) 0;
    padding: 0
}

.forceChatterPublisherPresentationDesktop .cuf-publisherWarnings li {
    margin: var(--lwc-spacingMedium, 1rem) 0 0 0
}

.forceChatterPublisherPresentationDesktop .collapsedState .visibilitySwitcher {
    max-height: 0;
    opacity: 0;
    padding-left: var(--lwc-spacingXSmall, 0.5rem);
    margin-bottom: 0;
    visibility: hidden
}

.forceChatterPublisherPresentationDesktop .visibilitySwitcher {
    visibility: visible;
    transition: max-height var(--lwc-durationPromptly, 0.2s) ease, margin-bottom var(--lwc-durationPromptly, 0.2s) ease, opacity var(--lwc-durationPromptly, 0.2s) ease var(--lwc-durationSlowly, 0.4s);
    max-height: 100px;
    opacity: 1;
    box-sizing: content-box
}

.forceChatterPublisherPresentationDesktop .collapsedState .bottomBar, .forceChatterPublisherPresentationDesktop .collapsedState .bottomBarRight, .forceChatterPublisherPresentationDesktop .collapsedState .bottomBarLeft {
    max-height: 0
}

.forceChatterPublisherPresentationDesktop .bottomBar, .forceChatterPublisherPresentationDesktop .bottomBarRight, .forceChatterPublisherPresentationDesktop .bottomBarLeft {
    transition: max-height var(--lwc-durationSlowly, 0.4s) ease;
    max-height: 160px
}

.forceChatterPublisherPresentationDesktop .bottomBar {
    width: 100%;
    padding-left: var(--lwc-spacingMedium, 1rem);
    padding-right: var(--lwc-spacingMedium, 1rem);
    padding-bottom: var(--lwc-spacingXSmall, 0.5rem);
    margin-top: var(--lwc-spacingXSmall, 0.5rem)
}

.forceChatterPublisherPresentationMobile {
    height: 100%;
    width: 100%
}

.forceChatterPublisherPresentationMobile .cuf-content {
    box-sizing: border-box;
    height: 100%;
    padding: 0
}

.forceChatterPublisherPresentationMobile .cuf-scroller-outside {
    position: relative;
    height: 100%;
    background: var(--lwc-colorBackground, rgb(243, 242, 242))
}

.forceChatterPublisherPresentationMobile .cuf-scroller-inside {
    padding: var(--lwc-spacingMedium, 1rem)
}

.forceChatterPublisherPresentationMobile .cuf-scroller-content {
    height: 100%;
    padding: 0
}

.forceChatterPublisherPresentationMobile:not(.DESKTOP) .cuf-scroller-content {
    overflow-y: scroll
}

.forceChatterPublisherPresentationMobile .cuf-scroller-inside .forceMessage {
    margin: 0;
    border: none;
    background: none;
    padding: var(--lwc-spacingMedium, 1rem)
}

.forceChatterPublisherPresentationMobile.forceChatterPublisherQuickCreate .cuf-scroller-inside {
    padding: 0
}

.forceChatterPublisherPresentationMobile.forceChatterAlohaPagePost .cuf-scroller-inside {
    padding: 0
}

.forceChatterPublisherPresentationMobile.notesEditPanel .cuf-scroller-inside {
    padding: 0
}

.forceChatterPublisherPresentationMobile.notesEditPanel .cuf-scroller-outside {
    background-color: #fff
}

.forceChatterPublisherPresentationMobile .cuf-publisherMessages {
    list-style: none;
    color: var(--lwc-colorTextWeak, rgb(62, 62, 60));
    font-size: var(--lwc-fontSizeSmall, 0.75rem);
    font-weight: var(--lwc-fontWeightRegular, 400);
    margin: 0 0 var(--lwc-spacingMedium, 1rem) 0;
    padding: 0
}

.forceChatterPublisherPresentationMobile .cuf-publisherWarnings li {
    margin: var(--lwc-spacingMedium, 1rem) 0 0 0
}

.forceChatterPublisherPresentationMobile.forceChatterPublisherQuickCreate .cuf-scroller-inside {
    padding: 0
}

.forceChatterPublisherPresentationMobile.forceChatterAlohaPagePost .cuf-scroller-inside {
    padding: 0
}

.forceChatterPublisherPresentationMobile .cuf-publisherAttachmentButton {
    width: 100%
}

.forceChatterPublisherPresentationPanel {
    margin: 0 auto
}

.forceChatterPublisherPresentationPanel .hide {
    display: none
}

.forceChatterPublisherPresentationPanel .cuf-content .mdp .forcePageBlockSection.twoCol .forcePageBlockItem {
    width: 100%
}

.forceChatterPublisherPresentationPanel .cuf-content .mdp .forcePageBlockSection.twoCol .blank {
    display: none
}

.forceChatterPublisherPresentationPanel .cuf-publisherMessages {
    list-style: none;
    color: var(--lwc-colorTextWeak, rgb(62, 62, 60));
    font-size: var(--lwc-fontSizeSmall, 0.75rem);
    font-weight: var(--lwc-fontWeightRegular, 400);
    margin: 0 0 var(--lwc-spacingMedium, 1rem) 0;
    padding: 0
}

.forceChatterPublisherPresentationPanel .cuf-publisherWarnings li {
    margin: var(--lwc-spacingMedium, 1rem) 0 0 0
}

.forceChatterPublisherPresentationPanel .collapsedState .visibilitySwitcher {
    max-height: 0;
    opacity: 0;
    margin-bottom: 0
}

.forceChatterPublisherPresentationPanel .visibilitySwitcher {
    transition: max-height .5s ease, margin-bottom .5s ease, opacity .5s ease .5s;
    max-height: 100px;
    opacity: 1;
    box-sizing: content-box
}

.forceChatterRecommendationBig {
    text-align: center;
    max-width: 25rem;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.forceChatterRecommendationBig .cuf-appImage {
    position: relative;
    display: block;
    max-height: 105px;
    max-width: 90%;
    margin-left: auto;
    margin-right: auto
}

.forceChatterRecommendationBig .cuf-recommendationSummary {
    padding-bottom: var(--lwc-spacingSmall, 0.75rem);
    line-height: var(--lwc-lineHeightText, 1.5)
}

.forceChatterRecommendationBig.cuf-nonEntityRecBody > :first-child {
    padding-top: var(--lwc-spacingXSmall, 0.5rem)
}

.forceChatterRecommendationBig.cuf-nonEntityRecBody .cuf-platformActionGroup {
    margin-top: 0
}

.forceChatterRecommendationBig .cuf-recommendationDisplayLabel {
    padding-bottom: var(--lwc-spacingXSmall, 0.5rem);
    line-height: var(--lwc-lineHeightHeading, 1.25);
    font-weight: var(--lwc-fontWeightBold, 700);
    font-size: var(--lwc-fontSizeMedium, 0.8125rem);
    word-wrap: break-word
}

.forceChatterRecommendationBig .cuf-viewableActionsDiv {
    height: 100%
}

.forceChatterRecommendationBig .cuf-recommendationIcon {
    padding-bottom: var(--lwc-spacingMedium, 1rem)
}

.forceChatterRecommendationBig .notInterestedLink {
    display: inline-block
}

.forceChatterRecommendationBig .cuf-viewableActions {
    margin-bottom: var(--lwc-spacingSmall, 0.75rem)
}

.forceChatterRecommendationBig.mobileFlavor .forceChatterActionLinkGroup {
    margin-top: 0
}

.forceChatterRecommendationBig .cuf-bodyActionGroup .forceChatterActionLinkGroup button.cuf-platformAction, .forceChatterRecommendationBig .cuf-bodyActionGroup .forceChatterActionLinkGroup button.cuf-platformAction:hover, .forceChatterRecommendationBig .cuf-bodyActionGroup .forceChatterActionLinkGroup button.cuf-platformAction:active {
    width: auto
}

.forceChatterRecommendationBig .cuf-bodyActionGroup .forceChatterActionLinkGroup button.cuf-platformAction .label {
    white-space: normal;
    word-break: break-all;
    display: block
}

.forceChatterRecommendationBig.defaultFlavor .forceChatterActionLinkGroupStatus {
    font-weight: var(--lwc-fontWeightRegular, 400)
}

.forceChatterRecommendationBig.defaultFlavor .forceChatterActionLinkGroupStatus.forceIcon {
    display: none
}

.forceChatterRecommendationSmall .cuf-recommendedEntity {
    min-width: 0;
    flex: 1
}

.forceChatterRecommendationSmall .cuf-entityRecommendationDiv {
    display: flex;
    align-items: center
}

.forceChatterRecommendationSmall .cuf-recommendationSummary {
    line-height: var(--lwc-lineHeightHeading, 1.25)
}

.forceChatterRecommendationSmall .cuf-recommendedName {
    font-size: var(--lwc-fontSizeMedium, 0.8125rem);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block
}

.forceChatterRecommendationSmall .rec-imageLink {
    float: left;
    margin-right: var(--lwc-spacingSmall, 0.75rem);
    line-height: 0
}

.forceChatterRecommendationSmall .forceChatterEntityPhoto .image {
    background-color: transparent
}

.forceChatterRecommendationSmall .cuf-entityRecommendationActionLink {
    padding-left: var(--lwc-spacingSmall, 0.75rem)
}

.forceChatterRecommendationSmall .cuf-entityRecommendationActionGroup {
    margin: 0;
    text-align: right;
    margin-left: 10px;
    margin-right: 5px;
    vertical-align: middle
}

.forceChatterRecommendationSmall .cuf-entityRecommendationActionGroupDiv {
    display: flex;
    align-items: center
}

.forceChatterRecommendationSmall .cuf-entityRecommendationActionGroupDiv .cuf-rejectButton {
    margin-left: var(--lwc-spacingSmall, 0.75rem);
    font-size: var(--lwc-fontSizeSmall, 0.75rem)
}

.forceChatterRecommendationSmall.slds-transition-hide {
    transition: opacity .5s ease
}

.forceChatterRecommendationSmall.transition-delay {
    transition-delay: var(--lwc-durationSlowly, 0.4s)
}

.forceChatterRecommendationSmall.inactiveLink {
    pointer-events: none;
    cursor: default
}

.forceChatterRecommendationSmall--napili .uiButton .slds-button__icon {
    display: none
}

.forceChatterRecommendationSmall--napili .uiButton {
    text-transform: uppercase
}

.forceChatterRecommendationSmall--default .cuf-actorImage {
    height: 2.25rem;
    width: 2.25rem
}

.forceSearchResultsMultiScope {
    margin-top: -1px
}

.forceSearchResultsMultiScope.resultsMultiWrapper {
    min-height: 100vh
}

.forceSearchResultsMultiScope.resultsMultiWrapper .feedbackContainer {
    margin-top: 0
}

.forceSearchResultsMultiScope .searchScroller, .forceSearchResultsMultiScope .gridInScroller {
    position: static;
    border-radius: 0 0 var(--lwc-borderRadiusMedium, 0.25rem) var(--lwc-borderRadiusMedium, 0.25rem)
}

.forceSearchResultsMultiScope .uiScroller .scroller.actionBarPlugin.fixedHeaderPlugin {
    position: static;
    padding-bottom: 0
}

.forceSearchResultsMultiScope.uiScroller {
    position: absolute;
    overflow-x: hidden
}

.forceSearchResultsMultiScope .gridStencil {
    width: initial
}

.forceSearchResultsMultiScope .forceSearchResultsList, .forceSearchResultsMultiScope .forceSearchResultsList.uiScroller > .scroller, .forceSearchResultsMultiScope.uiScroller.disabled > .scroller {
    position: relative
}

.forceSearchResultsMultiScope .forceSearchSearchResultsGridHeader, .forceSearchResultsMultiScope .forceSearchResultsGridLVM, .forceSearchResultsMultiScope .forceSearchResultsGridView {
    height: auto;
    margin: var(--lwc-spacingNone, 0)
}

.forceSearchResultsMultiScope .resultsItem .forceSearchSearchResultsGridHeader {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.forceSearchResultsMultiScope .resultsItem .forceSearchResultsGridLVM.forceListViewManager {
    border-bottom-left-radius: var(--lwc-borderRadiusMedium, 0.25rem);
    border-bottom-right-radius: var(--lwc-borderRadiusMedium, 0.25rem);
    overflow-y: hidden
}

.forceSearchResultsMultiScope .forceSearchResultsGridLVM.forceListViewManager .listViewContainer {
    position: relative;
    width: 100%
}

.forceSearchResultsMultiScope .spacer-pull-to-load-more, .forceSearchResultsMultiScope .forceSearchResultsGridView .pullToLoadMore {
    display: none
}

.forceSearchResultsMultiScope .resultsItem {
    padding: 0;
    border-bottom: 0
}

.forceSearchResultsMultiScope .slds-card .slds-page-header.slds-page-header_joined {
    border-bottom: var(--lwc-borderWidthThin, 1px) var(--lwc-pageHeaderColorBorder, rgb(221, 219, 218)) solid
}

.runtime_search_federatedExternalScopesList .scopesItem {
    padding-left: var(--lwc-spacingLarge, 1.5rem);
    padding-right: var(--lwc-spacingSmall, 0.75rem)
}

.emailuiEmailAttachment.fileBadgeContainer {
    width: 100%;
    table-layout: fixed;
    background-color: var(--lwc-colorBackground, rgb(243, 242, 242));
    border-radius: 4px
}

.emailuiEmailAttachment .slds-text-link_reset {
    cursor: inherit
}

.emailuiEmailAttachment.fileBadgeContainer .left {
    padding-top: var(--lwc-varSpacingVerticalXxSmall, 0.25rem);
    padding-right: var(--lwc-varSpacingHorizontalLarge, 1.5rem);
    margin-right: var(--lwc-varSpacingHorizontalXxSmall, 0.25rem);
    margin-left: var(--lwc-varSpacingHorizontalMedium, 1rem)
}

.emailuiEmailAttachment.fileBadgeContainer .body {
    width: 100%;
    display: flex;
    flex-grow: 1;
    padding-left: var(--lwc-spacingNone, 0);
    padding-top: var(--lwc-varSpacingVerticalXxSmall, 0.25rem);
    min-height: var(--lwc-heightInput, 1.875rem)
}

.emailuiEmailAttachment.fileBadgeContainer .fileSize {
    vertical-align: middle;
    min-width: 70px;
    max-width: 70px;
    width: 70px;
    padding-right: var(--lwc-varSpacingHorizontalXxSmall, 0.25rem);
    box-sizing: border-box
}

.emailuiEmailAttachment .thumbnailIconContainer.small {
    width: 30px;
    height: 30px;
    max-width: 30px;
    min-width: 30px;
    overflow: hidden;
    vertical-align: middle
}

.emailuiEmailAttachment .thumbnailIconContainer.large {
    padding: var(--lwc-varSpacingVerticalXSmall, 0.5rem) var(--lwc-varSpacingHorizontalLarge, 1.5rem) var(--lwc-varSpacingVerticalXSmall, 0.5rem) var(--lwc-varSpacingVerticalSmall, 0.75rem)
}

.emailuiEmailAttachment.fileBadgeContainer .innerFileBadgeContainer {
    margin-top: var(--lwc-varSpacingVerticalXxSmall, 0.25rem);
    margin-bottom: var(--lwc-varSpacingVerticalXxSmall, 0.25rem)
}

.emailuiEmailAttachment.fileBadgeContainer .contentPostFileRemove.uiButton, .emailuiEmailAttachment.fileBadgeContainer .contentPostFileRemove.uiButton:active {
    font-size: var(--lwc-varFontSize2, 0.75rem);
    color: gray;
    border: var(--lwc-spacingNone, 0);
    background-color: transparent;
    text-shadow: none;
    padding: var(--lwc-spacingNone, 0);
    margin-right: var(--lwc-varSpacingHorizontalSmall, 0.75rem)
}

.emailuiExternalEmailAuthenticator.externalEmailOAuthTitle {
    font-size: var(--lwc-fontSizeXLarge, 1.25rem);
    padding: var(--lwc-spacingSmall, 0.75rem);
    text-align: center
}

.emailuiExternalEmailAuthenticator.externalEmailOAuthMessage {
    font-size: var(--lwc-fontSizeMedium, 0.8125rem);
    padding: var(--lwc-spacingSmall, 0.75rem);
    text-align: center
}

.emailuiExternalEmailAuthenticator.externalEmailOAuthButtons {
    font-size: var(--lwc-fontSizeMedium, 0.8125rem);
    padding: var(--lwc-spacingSmall, 0.75rem);
    text-align: center
}

.emailuiExternalEmailAuthenticator .externalEmailConnectLabel {
    vertical-align: middle;
    display: inline-block;
    padding-left: var(--lwc-spacingXSmall, 0.5rem)
}

.emailuiSalesforceInboxConnector.salesforceInboxOAuthTitle {
    font-size: var(--lwc-fontSizeXLarge, 1.25rem);
    padding: var(--lwc-spacingSmall, 0.75rem);
    text-align: center
}

.emailuiSalesforceInboxConnector.salesforceInboxOAuthMessage {
    font-size: var(--lwc-fontSizeMedium, 0.8125rem);
    padding: var(--lwc-spacingSmall, 0.75rem);
    text-align: center
}

.emailuiSalesforceInboxConnector.salesforceInboxOAuthButtons {
    font-size: var(--lwc-fontSizeMedium, 0.8125rem);
    padding: var(--lwc-spacingSmall, 0.75rem);
    text-align: center
}

.forceQuickActionLayout .body {
    max-height: 500px;
    overflow: auto;
    padding: 10px 20px
}

.forceQuickActionLayout.window {
    width: 635px
}

.forceQuickActionLayout .message.forcePageError {
    background-color: var(--lwc-colorBackgroundInput, rgb(255, 255, 255));
    border-bottom: 1px solid var(--lwc-colorBorderSeparatorAlt, rgb(221, 219, 218))
}

.forceQuickActionLayout.quickActionError {
    background-color: var(--lwc-colorBackgroundToastError, rgb(194, 57, 52));
    padding: 5px
}

.forceQuickActionLayout.spacer {
    padding-top: 45px
}

.forceQuickActionLayout .forcePlaceholder:after {
    clear: both;
    content: "";
    display: block
}

.forceQuickActionLayout .recordLayoutContainer.noPadding {
    margin-left: -1rem;
    margin-right: -1rem;
    margin-bottom: -.25rem
}

.forceQuickActionLayout .forceInlineEdit .forceRecordLayout.mdp .forcePageBlockSection .mdp.forcePageBlockSectionRow .blank-item {
    display: none
}

.forceQuickActionLayout .updatedFields {
    border-top-color: var(--lwc-colorBorderInput, rgb(221, 219, 218))
}

.forceQuickActionLayout .updatedFieldsLabel {
    font-size: var(--lwc-fontSizeTextXSmall, 0.75rem);
    color: var(--lwc-colorTextWeak, rgb(62, 62, 60))
}

.forceQuickActionLayout .updatedFieldsList {
    font-size: var(--lwc-fontSizeHeadingSmall, 0.875rem);
    color: var(--lwc-colorTextDefault, rgb(8, 7, 7))
}

.forceQuickActionLayout.VIEW .forceRecordLayout .mdp.forcePageBlockItemView {
    border-top-style: none
}

.forceQuickActionLayout.VIEW .forceRecordLayout .mdp.forcePageBlockSectionRow:last-child .mdp.forcePageBlockItemView {
    border-bottom-style: none
}

.forceQuickActionLayout.VIEW .forceRecordLayout .forcePageBlockItemView .dataCol {
    font-size: var(--lwc-fontSizeMedium, 0.8125rem);
    color: var(--lwc-colorTextDefault, rgb(8, 7, 7));
    font-weight: normal
}

.forceQuickActionLayout.VIEW .forceRecordLayout .forcePageBlockItemView .labelCol {
    font-size: var(--lwc-fontSizeSmall, 0.75rem)
}

.forceQuickActionLayout.inlineEditEnabled .riseTransitionEnabled {
    transition: .1s box-shadow ease-in-out
}

.forceQuickActionLayout.inlineEditEnabled .risen {
    box-shadow: 0 2px 4px 4px rgba(0, 0, 0, .16);
    border-radius: var(--lwc-borderRadiusMedium, 0.25rem)
}

.forceQuickActionLayout.VIEW .forceRecordLayout .forcePageBlockSection:first-of-type .sectionContainer:first-child .mdp.forcePageBlockSectionRow:first-of-type .forcePageBlockItemView {
    border-top-style: none
}

.forceQuickActionLayout.VIEW .forceRecordLayout .forcePageBlockSectionView .mdp.forcePageBlockItemView:first-child {
    margin-left: 0
}

.forceQuickActionLayout.VIEW .forceRecordLayout .forcePageBlockSectionView .mdp.forcePageBlockItemView:last-child {
    border-left: none;
    margin-right: 0
}

.forceQuickActionLayout.VIEW .forceRecordLayout.mdp .forcePageBlockSection .mdp.forcePageBlockSectionRow:last-child .mdp.forcePageBlockItemView:last-child {
    margin-left: var(--lwc-spacingMedium, 1rem)
}

.forceQuickActionLayout.VIEW .forceInlineEdit .forceRecordLayout .mdp.forcePageBlockItemView {
    border-top: 0;
    border-bottom-style: none
}

.forceQuickActionLayout.VIEW .forceRecordLayout .forcePageBlockSectionView .mdp.forcePageBlockItemView {
    margin: 0 var(--lwc-spacingMedium, 1rem)
}

.forceQuickActionLayout.VIEW .forceRecordLayout.mdp .forcePageBlockSection .mdp.forcePageBlockSectionRow .mdp.forcePageBlockItemView:last-child.blank-item {
    margin-left: calc(calc(-1 * var(--lwc-spacingLarge, 1.5rem)) - var(--lwc-varSpacingHorizontalMedium, 1rem) - 100%);
    border: 0
}

.forceQuickActionLayout.VIEW .forceRecordLayout.mdp .forcePageBlockSection .mdp.forcePageBlockSectionRow .mdp.forcePageBlockItemView:first-child.blank-item {
    margin-right: calc(calc(-1 * var(--lwc-spacingLarge, 1.5rem)) - var(--lwc-varSpacingHorizontalMedium, 1rem) - 100%);
    border: 0
}

.forceQuickActionLayout.VIEW .forceOutputOwnerIdLookupWithChangeLink .ownerName a, .forceQuickActionLayout .forceOutputLookup {
    display: inline;
    white-space: normal;
    overflow: auto;
    text-overflow: initial
}

.forceQuickActionLayout.VIEW .forcePageBlockSection .forcePageBlockItem {
    width: calc(50% - var(--lwc-spacingMedium, 1rem))
}

.forceQuickActionLayout.VIEW.container {
    overflow-x: hidden
}

.forceQuickActionLayout.VIEW .mdp.blank-item.forcePageBlockItem.forcePageBlockItemView {
    z-index: -1
}

@media (max-width: 599px) {
    .forceQuickActionLayout.VIEW .forcePageBlockSection .forcePageBlockItem {
        width: 100%
    }

    .forceQuickActionLayout.VIEW .forceRecordLayout .forcePageBlockSectionView .mdp.forcePageBlockItemView {
        margin: 0
    }
}

.forceSortFilterMenuItem {
    padding: 0;
    background-color: var(--lwc-colorBackground, rgb(243, 242, 242));
    font-weight: var(--lwc-fontWeightRegular, 400)
}

.forceSortFilterMenuItem, .forceSortFilterMenuItem > a {
    box-sizing: content-box
}

.forceSortFilterMenuItem a {
    margin: 0;
    display: block;
    padding: var(--lwc-spacingMedium, 1rem);
    border-bottom: 1px solid var(--lwc-colorBorderSeparatorAlt, rgb(221, 219, 218));
    text-align: left;
    text-decoration: none;
    color: var(--lwc-colorTextDefault, rgb(8, 7, 7))
}

.forceSortFilterMenuItem a:active, .forceSortFilterMenuItem a:focus {
    padding: var(--lwc-spacingMedium, 1rem);
    color: inherit;
    border-radius: 0;
    text-decoration: none
}

.forceSortFilterMenuItem a[aria-disabled=false]:focus, .forceSortFilterMenuItem a[aria-disabled=false]:active {
    background-color: transparent;
    color: var(--lwc-colorTextDefault, rgb(8, 7, 7))
}

.forceSortFilterMenuItem .label {
    float: left;
    width: 60%;
    vertical-align: middle;
    font-size: var(--lwc-fontSizeMedium, 0.8125rem);
    padding-top: 3px
}

.forceSortFilterMenuItem .stateIndicator {
    float: left;
    display: none;
    width: 40%
}

.forceSortFilterMenuItem a.selected .stateIndicator {
    display: block
}

.forceSortFilterMenuItem .indicatorBox {
    float: right;
    padding-bottom: 3px;
    padding-left: 7px;
    padding-right: 7px;
    background-color: white;
    border-radius: 20px
}

.forceSortFilterMenuItem .indicatorLabel {
    display: none;
    line-height: 14px !important;
    font-size: 12px;
    margin-left: 3px
}

.forceSortFilterMenuItem .visible {
    display: inline-block
}

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

.forceSortFilterMenuItem .indicatorArrowIcon {
    font-size: 11px;
    color: var(--lwc-colorBrand, rgb(21, 137, 238))
}

@keyframes spinToUp {
    from {
        transform: rotate(-90deg)
    }
    to {
        transform: rotate(90deg)
    }
}

@keyframes spinToDown {
    from {
        transform: rotate(90deg)
    }
    to {
        transform: rotate(270deg)
    }
}

.forceSortFilterMenuItem .indicatorArrowIcon.up {
    transition: transform .25s ease-in-out;
    transform: rotate(90deg)
}

.forceSortFilterMenuItem .indicatorArrowIcon.down {
    transition: transform .25s ease-in-out;
    transform: rotate(270deg)
}

.forceChatterFeedBodyBanner .cuf-bodyRight {
    padding-left: var(--lwc-spacingMedium, 1rem)
}

.forceChatterFeedBodyBanner .cuf-banner.uiBlock {
    display: table
}

.forceChatterFeedBodyBanner .cuf-banner .bLeft, .forceChatterFeedBodyBanner .cuf-banner .bBody {
    display: table-cell;
    vertical-align: middle
}

.forceChatterFeedBodyBanner .cuf-bannerImage {
    height: 30px;
    width: 30px
}

.forceChatterFeedBodyQuestionWithBestAnswer .cuf-questionTitle, .forceChatterFeedBodyQuestionWithBestAnswer.cuf-questionTitle {
    font-weight: bold;
    word-wrap: break-word
}

.forceChatterFeedBodyQuestionWithoutAnswer .cuf-questionTitle, .forceChatterFeedBodyQuestionWithoutAnswer.cuf-questionTitle {
    font-weight: bold;
    word-wrap: break-word
}

.forceChatterFlags.cuf-flagIcon {
    color: var(--lwc-colorTextWeak, rgb(62, 62, 60))
}

.forceChatterPillContainer {
    padding: 0;
    margin: 0;
    line-height: 30px
}

.forceChatterPillContainer li {
    float: left;
    list-style-type: none;
    margin: 7px 7px 0 0;
    word-break: break-all
}

.forceChatterPillContainer .invisible {
    display: none
}

.forceChatterPillContainer .orderedList {
    overflow: hidden;
    margin: 0;
    padding: 0
}

.forceChatterPillContainer .topic-commaSeparatedList li {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100px;
    margin-top: var(--lwc-spacingMedium, 1rem)
}

.forceChatterPillContainer .cuf-addTopicsMobile a {
    display: inline-block;
    border: 0;
    outline: 0
}

.forceChatterPillContainer .forceChatterTopicSuggestionAutoComplete.sfxFlavor .uiInput .cuf-autocompleteClass.uiAutocompleteList {
    position: absolute
}

.forceChatterPillContainer .cuf-addTopicsContainer {
    margin-bottom: 20px
}

.forceChatterPillContainer .cuf-addTopics {
    border: 1px solid transparent;
    background-color: transparent;
    border-radius: 2px;
    padding: 0 0 7px 0;
    transition: all .8s ease-in-out
}

.forceChatterPillContainer .uiInputTextForAutocomplete {
    padding-top: 3px
}

.forceChatterPillContainer .uiAutocompleteOption a {
    height: auto
}

.forceChatterPillContainer .deleteIcon .forceIcon {
    line-height: 1
}

.forceChatterThreadedComment .showReplies {
    margin-top: -.5rem;
    padding-left: 4rem
}

.forceChatterThreadedComment .showReplies .slds-button__icon {
    margin-bottom: 4px
}

.forceChatterTypingIndicator {
    max-height: 1.5rem;
    transition: max-height .75s, opacity .5s ease-in-out
}

.forceChatterTypingIndicator:not(.hidden) {
    margin: 0 0 10px 2.75rem
}

.forceChatterTypingIndicator.hidden {
    max-height: 0;
    opacity: 0
}

.forceChatterTypingIndicator .svg-container {
    margin-right: 10px
}

.forceChatterTypingIndicator:not(.hidden) .caterpillar {
    transform: translateZ(0)
}

.forceChatterTypingIndicator .caterpillar {
    width: 1rem;
    height: 1rem
}

.forceChatterTypingIndicator .circle {
    animation: cirlce 500ms cubic-bezier(0.6, 0, 0.4, 1) infinite alternate, opacity 2s infinite
}

.forceChatterTypingIndicator.hidden .circle {
    animation: none
}

.forceChatterTypingIndicator .head {
    animation-delay: .11s;
    transform: translateY(1px)
}

.forceChatterTypingIndicator .thorax {
    animation-delay: .22s;
    transform: translateY(1px)
}

.forceChatterTypingIndicator .abdomen {
    animation-delay: .33s;
    transform: translateY(1px)
}

@keyframes opacity {
    0% {
        opacity: .33
    }
    50% {
        opacity: 4
    }
    100% {
        opacity: .3
    }
}

@keyframes cirlce {
    0% {
        transform: translateY(0px)
    }
    100% {
        transform: translateY(-2px)
    }
}

.forceSearchMruMobileItem {
    width: 100%;
    display: table;
    table-layout: fixed;
    border-bottom: var(--lwc-borderWidthThin, 1px) solid var(--lwc-colorBorderSeparatorAlt, rgb(221, 219, 218));
    background-color: var(--lwc-colorBackgroundAlt, rgb(255, 255, 255))
}

.forceSearchMruMobileItem:active {
    background-color: var(--lwc-colorBackgroundInput, rgb(255, 255, 255))
}

.forceSearchMruMobileItem .mruName {
    display: table-row;
    height: 60px
}

.forceSearchMruMobileItem .iconWrapper {
    width: var(--lwc-squareIconMedium, 2rem);
    display: table-cell;
    vertical-align: middle
}

.forceSearchMruMobileItem .iconWrapper.hideEl {
    display: none
}

.forceSearchMruMobileItem .nameWrapper {
    line-height: var(--lwc-lineHeightHeading, 1.25);
    display: table-cell;
    vertical-align: middle;
    padding-left: var(--lwc-spacingSmall, 0.75rem)
}

.forceSearchMruMobileItem .name {
    position: relative;
    top: var(--lwc-spacingXxxSmall, 0.125rem)
}

.forceSearchMruMobileItem .importantHideEl {
    display: none !important
}

.forceSearchResultsRegion {
    height: 100%;
    width: 100%;
    position: relative
}

.forceSearchSearchFor .link {
    display: block;
    color: var(--lwc-colorTextDefault, rgb(8, 7, 7));
    padding: var(--lwc-spacingMedium, 1rem)
}

.forceSearchSearchFor .label {
    vertical-align: middle
}

.forceSearchSearchScopeHeader {
    color: var(--lwc-colorTextDefault, rgb(8, 7, 7));
    margin: 0;
    padding: var(--lwc-spacingMedium, 1rem);
    background-color: transparent
}

.forceSearchSearchScopeHeader .scope-title {
    font-size: var(--lwc-fontSizeSmall, 0.75rem)
}

.forceSearchSearchScopeHeader .scope-icon {
    padding-right: var(--lwc-spacingMedium, 1rem)
}

.forceSearchSearchScopeHeader .forceEntityIcon {
    margin-right: var(--lwc-spacingMedium, 1rem)
}

.forceSearchSearchScopeHeader .scope-title {
    font-weight: var(--lwc-fontWeightBold, 700);
    font-size: var(--lwc-fontSizeMedium, 0.8125rem);
    color: var(--lwc-colorTextDefault, rgb(8, 7, 7));
    overflow: hidden;
    text-overflow: ellipses;
    line-height: 34px
}

.forceTopicSimpleTopicAssignments.topic-topicContainer {
    color: var(--lwc-colorTextWeak, rgb(62, 62, 60));
    overflow: hidden;
    font-size: var(--lwc-fcFontSizeMedium, 16px);
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block
}

.forceTopicSimpleTopicAssignments .topic-topicIcon {
    margin-right: var(--lwc-fcSpacingXSmall, 8px);
    vertical-align: middle;
    float: left
}

.forceTopicSimpleTopicAssignments .topic-commaSeparatedList ul {
    overflow: hidden
}

.forceTopicSimpleTopicAssignments .topic-commaSeparatedList {
    padding: 0;
    margin: 0;
    display: inline
}

.forceTopicSimpleTopicAssignments .topic-commaSeparatedList li, .forceTopicSimpleTopicAssignments .topic-commaSeparatedList li a {
    display: block;
    float: left;
    max-width: 100%
}

.forceTopicSimpleTopicAssignments .topic-commaSeparatedList li:not(:last-child):after {
    content: ",\00a0"
}

.runtime_sales_emailtemplateuiEmailToolbar {
    padding-bottom: var(--lwc-spacingXxSmall, 0.25rem)
}

.runtime_sales_emailtemplateuiEmailToolbar .cuf-publisherAttachmentButton.uiButton {
    min-width: initial
}

.runtime_sales_emailtemplateuiEmailToolbar .cuf-publisherAttachmentButton.uiButton .forceIcon, .runtime_sales_emailtemplateuiEmailToolbar .forceIcon {
    font-size: var(--lwc-squareIconUtilityMedium, 1.25rem)
}

.runtime_sales_emailtemplateuiEmailToolbar .forceChatterPublisherAttachmentsMenu {
    position: relative
}

.supportEmailAutosaver .autosave-text {
    font-size: var(--lwc-fontSizeTextSmall, 0.8125rem);
    color: var(--lwc-colorTextWeak, rgb(62, 62, 60));
    margin: var(--lwc-spacingSmall, 0.75rem);
    min-height: 1em;
    line-height: 1
}

.supportEmailAutosaver.slds-popover {
    position: absolute;
    right: 129px;
    word-wrap: break-word
}

.supportEmailAutosaver .error-button {
    color: var(--lwc-colorBackgroundErrorDark, rgb(194, 57, 52));
    margin-top: .6rem;
    margin-right: var(--lwc-spacingSmall, 0.75rem);
    margin-bottom: var(--lwc-spacingXSmall, 0.5rem)
}

.emailuiEmailRelatedToContainer .forceSearchInputLookupDesktop .singlePill .pillText {
    max-width: 163px
}

.emailuiEmailRelatedToContainer .SMALL .forceSearchInputLookupDesktop .singlePill .pillText {
    max-width: 150px
}

.emailuiEmailRelatedToContainer .forceSearchInputLookupDesktop .uiPill {
    position: relative
}

.emailuiEmailRelatedToContainer .forceSearchInputLookupDesktop .deleteIcon {
    position: absolute;
    right: 10px
}

.emailuiEmailRelatedToContainer .forceSearchInputLookupDesktop {
    position: relative
}

.emailuiEmailRelatedToContainer .entityIcon {
    height: var(--lwc-squareIconUtilityMedium, 1.25rem);
    width: var(--lwc-squareIconUtilityMedium, 1.25rem)
}

.emailuiEmailRelatedToContainer .entityDownIcon {
    margin-bottom: 0
}

.emailuiEmailRelatedToContainer .relatedToLabel {
    white-space: nowrap
}

.emailuiEmailToolbarContainer .cuf-publisherShareButton {
    width: 90px
}

.emailuiEmailToolbarContainer .cuf-attachmentsItem .slds-button {
    text-align: center;
    height: var(--lwc-heightPill, 1.625rem);
    width: var(--lwc-heightPill, 1.625rem);
    border: var(--lwc-borderWidthThin, 1px) solid var(--lwc-colorBorder, rgb(221, 219, 218));
    border-right-width: 0;
    margin: 0;
    background: var(--lwc-buttonColorBackgroundPrimary, rgb(255, 255, 255));
    border-radius: 0
}

.emailuiEmailToolbarContainer .cuf-attachmentsItem .slds-button:focus {
    box-shadow: inset var(--lwc-shadowButtonFocus, 0 0 3px #0070D2)
}

.emailuiEmailToolbarContainer .cuf-attachmentsItem:first-child .slds-button, .emailuiEmailToolbarContainer .cuf-attachmentsItem:nth-child(4) .slds-button {
    border-radius: var(--lwc-borderRadiusSmall, 0.125rem) 0 0 var(--lwc-borderRadiusSmall, 0.125rem)
}

.emailuiEmailToolbarContainer .cuf-attachmentsItem:nth-child(3) {
    padding-right: var(--lwc-spacingXSmall, 0.5rem)
}

.emailuiEmailToolbarContainer .cuf-attachmentsItem:last-child .slds-button, .emailuiEmailToolbarContainer .cuf-attachmentsItem:nth-child(3) .slds-button {
    border-radius: 0 var(--lwc-borderRadiusSmall, 0.125rem) var(--lwc-borderRadiusSmall, 0.125rem) 0;
    border-right-width: var(--lwc-borderWidthThin, 1px)
}

.emailuiEmailToolbarContainer .forceChatterPublisherAttachments.desktop.cuf-publisherAttachmentBar {
    padding-bottom: var(--lwc-spacingXSmall, 0.5rem)
}

.emailuiEmailToolbarContainer .runtime_sales_emailtemplateuiEmailToolbar .cuf-publisherAttachmentButton.uiButton .forceIcon {
    font-size: inherit
}

.forceChatterAbstractFeedItem .isBookmarked {
    position: absolute;
    top: 0;
    right: 0;
    border-top: 25px solid #ffc532;
    border-left: 25px solid transparent
}

.forceChatterAbstractFeedItem .cuf-bookmarkIcon {
    position: absolute;
    top: 1px;
    right: 1px
}

.forceChatterAbstractFeedItem .cuf-bookmarkIcon .slds-icon {
    vertical-align: top;
    width: var(--lwc-squareIconSmallContent, 0.75rem);
    height: var(--lwc-squareIconSmallContent, 0.75rem);
    fill: #ffe6b4
}

.forceChatterClumpHeader .cuf-media-box .cuf-media-left {
    width: 30px;
    margin-right: 14px
}

.forceChatterClumpHeader .cuf-clumpIcon .icon {
    height: 30px;
    width: 30px
}

.forceChatterFeedback .cuf-commentButton {
    float: right
}

.forceChatterFeedback ul {
    padding: 0;
    margin: 0
}

.forceChatterFeedback .forceChatterFeedBodyText ul {
    padding: 0 var(--lwc-spacingXLarge, 2rem)
}

.forceChatterFeedback li {
    list-style: none
}

.forceChatterFeedback .commentInputArea {
    margin: 0
}

.forceChatterFeedback.inFeed .commentInputArea:first-child {
    padding-top: var(--lwc-spacingSmall, 0.75rem)
}

.forceChatterFeedback .cuf-commentLi:not(.has-appeared):not(.is-placeholder):not(.new-live-comment) {
    animation-name: forceChatter-feedback-comment-appears;
    animation-duration: .5s;
    animation-timing-function: ease-in
}

@keyframes forceChatter-feedback-comment-appears {
    from {
        opacity: 0
    }
}

.forceChatterFeedback .cuf-commentLi.pendingReview {
    position: relative;
    background-color: var(--lwc-colorBackgroundRowSelected, rgb(236, 235, 234))
}

.forceChatterFeedback .cuf-commentLi.cuf-newLiveComment {
    position: absolute;
    opacity: 0
}

.forceChatterFeedback .new-live-comment.in-view {
    animation-name: forceChatter-feedback-new-live-comment-added-fade-in, forceChatter-feedback-new-live-comment-in-view-highlight;
    animation-duration: 1s, 5s;
    animation-timing-function: ease
}

.forceChatterFeedback .new-live-comment.out-of-view {
    animation-name: forceChatter-feedback-new-live-comment-added-fade-in, forceChatter-feedback-new-live-comment-out-of-view-highlight;
    animation-duration: 1s, 10s;
    animation-timing-function: ease
}

@keyframes forceChatter-feedback-new-live-comment-added-fade-in {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes forceChatter-feedback-new-live-comment-in-view-highlight {
    50% {
        background-color: #ffa
    }
}

@keyframes forceChatter-feedback-new-live-comment-out-of-view-highlight {
    10% {
        background-color: #ffa
    }
    90% {
        background-color: #ffa
    }
}

@media only screen and (min-width: 48em) {
    .forceChatterFeedback.threaded-discussion .cuf-commentLi .cuf-commentLi {
        padding-left: calc(3 * var(--lwc-spacingMedium, 1rem))
    }
}

@media only screen and (max-width: 47.9375em) {
    .forceChatterFeedback.threaded-discussion .cuf-commentLi .cuf-commentLi {
        padding-left: calc(1.25 * var(--lwc-spacingMedium, 1rem))
    }
}

@media only screen and (min-width: 48em) {
    .forceChatterFeedback.threaded-discussion .cuf-commentLi .commentInputArea {
        padding-left: calc(4 * var(--lwc-spacingMedium, 1rem))
    }
}

@media only screen and (max-width: 47.9375em) {
    .forceChatterFeedback.threaded-discussion .cuf-commentLi .commentInputArea {
        padding-left: calc(2 * var(--lwc-spacingMedium, 1rem))
    }
}

.forceChatterFeedback.threaded-discussion .commentInputArea {
    padding-top: var(--lwc-spacingMedium, 1rem);
    padding-bottom: var(--lwc-spacingMedium, 1rem)
}

.forceChatterFeedback.threaded-discussion.has-comments > .commentInputArea {
    border-top: var(--lwc-borderWidthThin, 1px) solid var(--lwc-colorBorderSeparatorAlt, rgb(221, 219, 218))
}

.forceChatterFeedback .cuf-media-left {
    height: 10px
}

.forceChatterFeedback .cuf-likersBar {
    padding-top: var(--lwc-varSpacingXSmall, 0.5rem);
    padding-bottom: var(--lwc-varSpacingXSmall, 0.5rem)
}

.forceChatterFeedback .cuf-likersBar + .cuf-showMoreComments {
    border-top: var(--lwc-borderWidthThin, 1px) solid var(--lwc-colorBorderSeparatorAlt, rgb(221, 219, 218));
    padding-top: var(--lwc-varSpacingXSmall, 0.5rem);
    padding-bottom: var(--lwc-varSpacingXSmall, 0.5rem)
}

.forceChatterFeedback .cuf-showMoreComments .slds-button {
    line-height: var(--lwc-lineHeightReset, 1)
}

.forceChatterFeedback .commentHeader {
    font-size: var(--lwc-fontSizeMedium, 0.8125rem)
}

.forceChatterFeedback .cuf-dummyTextarea.inputTextArea.cuf-commentTextArea {
    overflow: hidden;
    line-height: var(--lwc-spacingXSmall, 0.5rem);
    padding-bottom: 0;
    min-height: calc(1.875rem + 2px) !important;
    max-height: calc(1.875rem + 2px) !important;
    border: var(--lwc-borderWidthThin, 1px) solid var(--lwc-colorBorder, rgb(221, 219, 218))
}

.forceChatterFeedback--default .commentActorAndInput {
    display: flex;
    width: 100%
}

.forceChatterFeedback--default .commentActorAndInput .cuf-commentInput {
    flex-grow: 1
}

.forceChatterFeedback--default .commentActorAndInput .cuf-commentInputAvatar {
    margin-right: var(--lwc-spacingSmall, 0.75rem);
    flex-shrink: 0
}

.forceChatterFeedback--default .cuf-dummyCommentWrapper, .forceChatterFeedback--default .commentInputArea .cuf-commentInput {
    flex-grow: 1;
    width: 0
}

.forceChatterFeedback--default .cuf-showOlderComments {
    color: var(--lwc-colorTextLink, rgb(0, 109, 204))
}

.forceChatterFeedback--default .cuf-showOlderComments > div {
    display: none
}

.forceChatterFeedback--default .cuf-commentLi {
    position: relative
}

.forceChatterFeedback--default .commentInputArea {
    padding: var(--lwc-varSpacingSmall, 0.75rem) var(--lwc-spacingMedium, 1rem);
    display: flex;
    flex-wrap: wrap
}

.forceChatterFeedback--default .commentsRefreshButtonDiv {
    flex-basis: 100%;
    display: flex;
    justify-content: center;
    margin-left: 44px
}

.forceChatterFeedback--default .commentsRefreshButton {
    border-radius: 45px;
    margin-bottom: var(--lwc-spacingMedium, 1rem);
    margin-top: var(--lwc-spacingXxSmall, 0.25rem)
}

.forceChatterFeeditemAttachments.expandLink {
    text-align: center;
    padding: var(--lwc-spacingMedium, 1rem)
}

.forceChatterFeeditemAttachments--mobile .forceChatterFeedAuxBody:last-child .cuf-auxBody, .forceChatterFeeditemAttachments--mobile .forceChatterFeedAuxBody:last-child .cuf-auxBody {
    border-bottom: 1px solid var(--lwc-colorBorderSeparatorAlt, rgb(221, 219, 218));
    border-radius: 0 0 var(--lwc-borderRadiusMedium, 0.25rem) var(--lwc-borderRadiusMedium, 0.25rem)
}

.forceChatterFeeditemAttachments--mobile .forceChatterFeedAuxBody:first-child .cuf-auxBody, .forceChatterFeeditemAttachments--mobile .forceChatterFeedAuxBody:first-child .cuf-auxBody {
    border-radius: var(--lwc-borderRadiusMedium, 0.25rem) var(--lwc-borderRadiusMedium, 0.25rem) 0 0;
    border-bottom: none
}

.forceChatterFeeditemAttachments--default .forceChatterFeedAuxBody:not(:first-child) .cuf-auxBody {
    margin-top: var(--lwc-spacingMedium, 1rem)
}

.forceChatterFileThumbnail .cuf-fileInfo {
    display: block;
    background: var(--lwc-colorBackground, rgb(243, 242, 242))
}

.forceChatterFileThumbnail .cuf-fileInfo .uiOutputText {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.forceChatterFileThumbnail a, .forceChatterFileThumbnail a:visited, .forceChatterFileThumbnail a:hover, .forceChatterFileThumbnail a:active {
    color: inherit
}

.forceChatterOverflowActionMenu .cuf-feedItemActionTarget .actionLink {
    color: var(--lwc-colorTextDefault, rgb(8, 7, 7))
}

.forceChatterOverflowActionMenu .cuf-menuItemTextSeparator span {
    padding-left: var(--lwc-spacingSmall, 0.75rem)
}

.forceChatterPublisherQuickAction .publisherButtons {
    display: none
}

.forceChatterPublisherQuickAction .collapsedState {
    max-height: 70px
}

.forceChatterPublisherQuickAction .collapsedState .bottomBarRight .cuf-publisherShareButton {
    display: none
}

.forceChatterPublisherQuickAction .forcePageBlockItemView {
    border-top: transparent;
    padding-left: var(--lwc-spacingMedium, 1rem);
    padding-right: var(--lwc-spacingMedium, 1rem)
}

.forceChatterPublisherQuickAction .activeState textarea {
    height: 72px
}

.forceChatterPublisherQuickAction .collapsedState textarea {
    height: 36px
}

.forceChatterPublisherQuickAction .container .forceRecordLayout textarea {
    vertical-align: top
}

.forceChatterPublisherQuickAction .form-block-section.SMALL .forcePageBlockSectionRow {
    display: block
}

.forceChatterPublisherQuickAction .form-block-section.SMALL .forcePageBlockSection.twoCol .forcePageBlockItem, .forceChatterPublisherQuickAction .form-block-section.SMALL .forcePageBlockSection.threeCol .forcePageBlockItem {
    width: 100%
}

.forceChatterPublisherQuickAction .form-block-section.SMALL .blank-item.forcePageBlockItem {
    display: none
}

.forceChatterPublisherQuickAction .form-block-section .blank-item.forcePageBlockItem {
    display: none
}

.forceChatterPublisherQuickAction.escalateToCase.forceChatterPublisherPresentationDesktop {
    overflow: hidden;
    padding: var(--lwc-spacingSmall, 0.75rem)
}

.forceChatterPublisherQuickAction.escalateToCase.forceChatterPublisherPresentationDesktop .bottomBarRight {
    float: none;
    text-align: center;
    margin-bottom: var(--lwc-spacingSmall, 0.75rem)
}

.forceChatterPublisherQuickAction.escalateToCase.forceChatterPublisherPresentationDesktop .bottomBarRight .cuf-publisherCancelButton, .forceChatterPublisherQuickAction.escalateToCase.forceChatterPublisherPresentationDesktop .bottomBarRight .cuf-publisherShareButton {
    margin: 0 var(--lwc-spacingXSmall, 0.5rem)
}

.forceChatterSimpleFeedItemTopics.actionSection {
    border-top: 1px solid var(--lwc-colorBorderSeparator, rgb(250, 250, 249))
}

.forceChatterSimpleFeedItemTopics .actionSection.cuf-simpleFeedItemTopics {
    padding-top: 0
}

.forceChatterSimpleFeedItemTopics .cuf-pillContainer .forceChatterPillContainer {
    padding-bottom: 7px
}

.forceChatterSimpleFeedItemTopics .cuf-pillContainer {
    position: relative
}

.forceChatterSimpleFeedItemTopics .forceChatterPill.pill {
    border-color: var(--lwc-colorBorderButtonDefault, rgb(221, 219, 218))
}

.forceChatterSimpleFeedItemTopics .cuf-addTag {
    display: none
}

.forceChatterSimpleFeedItemTopics .cuf-addTopicLabel {
    display: none
}

.forceChatterSimpleFeedItemTopics .cuf-publisherShareButton {
    margin: 0;
    padding: 5px
}

.forceChatterSimpleFeedItemTopics .topic-commaSeparatedList li {
    float: left;
    max-width: 100%
}

.forceChatterSimpleFeedItemTopics .topic-commaSeparatedList .topicName {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.forceChatterSimpleFeedItemTopics .secondaryButton.cuf-publisherShareButton {
    top: 0
}

.forceChatterSimpleFeedItemTopics .cuf-addTopicsContainer {
    position: relative;
    text-align: left
}

.forceChatterSimpleFeedItemTopics .cuf-addTopicsContainer .cuf-addTopics {
    overflow: hidden;
    border: 1px solid transparent;
    background-color: transparent;
    border-radius: 2px;
    padding: 0 0 7px 0;
    transition: all .8s ease-in-out
}

.forceChatterSimpleFeedItemTopics .cuf-addTopicsContainer.cuf-addTopicsContainer .cuf-autocompleteInput {
    border-color: var(--lwc-colorBorderButtonDefault, rgb(221, 219, 218))
}

.forceChatterSimpleFeedItemTopics .cuf-addTopicsContainer.cuf-addTopicsContainer input::-webkit-input-placeholder {
    text-transform: var(--lwc-textTransform, none)
}

.forceChatterSimpleFeedItemTopics .cuf-addTopicsContainer.cuf-addTopicsContainer input:-ms-input-placeholder {
    text-transform: var(--lwc-textTransform, none)
}

.forceChatterSimpleFeedItemTopics .cuf-addTopicsContainer.cuf-addTopicsContainer input::placeholder {
    text-transform: var(--lwc-textTransform, none)
}

.forceChatterSimpleFeedItemTopics .cuf-addTopicsContainer.notInFocus .cuf-addTopics .cuf-topicAutoComplete {
    display: none
}

.forceChatterSimpleFeedItemTopics .cuf-addTopicsContainer .cuf-addTopics .cuf-addTopicsMobile, .forceChatterSimpleFeedItemTopics .cuf-addTopicsContainer.notInFocus .cuf-addTopics .cuf-addTag {
    display: block;
    float: left;
    line-height: 25px
}

.forceChatterSimpleFeedItemTopics .cuf-addTopicsContainer .cuf-addTopics .cuf-addTag {
    display: none
}

.forceChatterSimpleFeedItemTopics .uiMessage, .forceChatterSimpleFeedItemTopics .cuf-addTopicsContainer {
    margin-left: var(--lwc-spacingMedium, 1rem);
    margin-right: var(--lwc-spacingMedium, 1rem)
}

.forceChatterSimpleFeedItemTopics .cuf-publisherShareButton.uiButton.secondaryButton span {
    font-size: var(--lwc-fontSizeMedium, 0.8125rem)
}

.forceChatterSimpleFeedItemTopics .cuf-simpleFeedItemTopics .secondaryButton.cuf-publisherShareButton {
    margin-top: 7px;
    margin-right: var(--lwc-spacingMedium, 1rem)
}

.forceChatterSimpleFeedItemTopics .forceChatterPillContainer ::-webkit-input-placeholder {
    font-size: var(--lwc-fontSizeSmall, 0.75rem)
}

.forceChatterSimpleFeedItemTopics .forceChatterPillContainer :-moz-placeholder {
    font-size: var(--lwc-fontSizeSmall, 0.75rem)
}

.forceChatterSimpleFeedItemTopics .forceChatterPillContainer ::-moz-placeholder {
    font-size: var(--lwc-fontSizeSmall, 0.75rem)
}

.forceChatterSimpleFeedItemTopics .forceChatterPillContainer :-ms-input-placeholder {
    font-size: var(--lwc-fontSizeSmall, 0.75rem)
}

.forceChatterSimpleFeedItemTopics .saveButtonInlineEditTopic {
    text-shadow: none;
    border-radius: 5px;
    margin: -1px -1px -1px 0;
    text-transform: uppercase;
    padding: 0 20px;
    border: 1px solid #d4d4d4
}

.forceChatterSimpleFeedItemTopics--pill .topic-topicIcon {
    display: none
}

.forceChatterSimpleFeedItemTopics--pill .cuf-simpleFeedItemTopics {
    text-transform: var(--lwc-textTransform, none)
}

.forceChatterSimpleFeedItemTopics--pill ul.topic-commaSeparatedList li {
    padding: var(--lwc-spacingXxSmall, 0.25rem);
    font-size: var(--lwc-fontSizeSmall, 0.75rem);
    transition: border .8s ease;
    display: inline-block
}

.forceChatterSimpleFeedItemTopics--pill ul.topic-commaSeparatedList a:hover {
    border-color: var(--lwc-brandTextLinkActive, rgb(0, 95, 178));
    transition: border-color .5s ease
}

.forceChatterSimpleFeedItemTopics--pill ul.topic-commaSeparatedList li a {
    display: block;
    color: var(--lwc-brandTextLink, rgb(0, 109, 204));
    padding: var(--lwc-spacingXxSmall, 0.25rem) var(--lwc-spacingSmall, 0.75rem);
    border: var(--lwc-borderWidthThin, 1px) solid var(--lwc-brandTextLink, rgb(0, 109, 204));
    border-radius: 40px
}

.forceChatterSimpleFeedItemTopics--pill ul.topic-commaSeparatedList a.moreLabel {
    border: 0;
    margin-top: var(--lwc-borderWidthThin, 1px)
}

.forceChatterSimpleFeedItemTopics--pill .forceTopicSimpleTopicAssignments .topic-commaSeparatedList li:not(:last-child):after {
    content: none
}

.forceChatterSimpleFeedItemTopics--pill li .forceChatterPill {
    font-size: var(--lwc-fontSizeSmall, 0.75rem);
    padding: var(--lwc-spacingXxSmall, 0.25rem) var(--lwc-spacingSmall, 0.75rem)
}

.forceChatterSimpleFeedItemTopics--pill li .forceChatterPill .deleteIcon {
    font-size: var(--lwc-fontSizeSmall, 0.75rem)
}

.forceChatterSimpleFeedItemTopics--default .cuf-addTopicsContainer.cuf-addTopicsContainer .cuf-autocompleteInput {
    height: 25px
}

.forceChatterSimpleFeedItemTopics--pill .cuf-addTopicsContainer.cuf-addTopicsContainer .cuf-autocompleteInput {
    font: inherit;
    font-size: var(--lwc-fontSizeSmall, 0.75rem);
    border-width: var(--lwc-borderWidthThin, 1px);
    line-height: initial
}

.forceChatterSimpleFeedItemTopics--pill .cuf-addTopicsContainer.cuf-addTopicsContainer .cuf-autocompleteInput {
    padding: var(--lwc-spacingXxSmall, 0.25rem) var(--lwc-spacingSmall, 0.75rem)
}

.forceChatterSimpleFeedItemTopics--pill .cuf-publisherShareButton.uiButton.secondaryButton {
    background: none;
    box-shadow: none;
    text-shadow: none;
    border-radius: 5px;
    background-color: #ffffff;
    margin: 0;
    margin: -1px -1px -1px 0;
    text-transform: uppercase;
    padding: 0 20px;
    height: 40px;
    border: var(--lwc-borderWidthThin, 1px) solid var(--lwc-colorBorderButtonDefault, rgb(221, 219, 218))
}

.forceChatterSimpleFeedItemTopics--pill .cuf-publisherShareButton.uiButton.secondaryButton .label {
    color: var(--lwc-colorBrand, rgb(21, 137, 238))
}

.forceChatterSimpleFeedItemTopics--pill .forceChatterPillContainer .uiInputTextForAutocomplete {
    padding-top: 0
}

.forceChatterSimpleFeedItemTopics--pill ul.topic-commaSeparatedList.topic-commaSeparatedList.topic-commaSeparatedList li {
    border: none
}

.forceChatterSimpleFeedItemTopics--pill .uiMessage, .forceChatterSimpleFeedItemTopics--pill.forceChatterSimpleFeedItemTopics .cuf-addTopicsContainer {
    margin-left: 0
}

.forceSearchBaseSearchPage {
    margin: 0;
    padding: 0;
    height: 100%;
    width: 100%
}

.forceSearchMruMobile {
    list-style: none
}

.forceSearchMruMobile .noMruRecords {
    margin-top: var(--lwc-spacingLarge, 1.5rem);
    text-align: center;
    width: 100%
}

.forceSearchMruMobile .mruScopeHeader {
    border-bottom: var(--lwc-borderWidthThin, 1px) solid var(--lwc-colorBorderSeparatorAlt, rgb(221, 219, 218))
}

.forceSearchMruMobile .mruScopeHeader .recent {
    font-size: var(--lwc-fontSizeSmall, 0.75rem);
    color: var(--lwc-colorTextWeak, rgb(62, 62, 60));
    padding-bottom: var(--lwc-spacingXxxSmall, 0.125rem);
    display: block
}

.forceSearchMruMobile .mruScopeHeader .icon {
    margin-top: var(--lwc-spacingXxxSmall, 0.125rem)
}

.forceSearchSearchPageDesktop {
    margin: 0;
    padding: 0;
    height: 100%;
    width: 100%
}

.forceSearchSearchPageDesktop .topResultsWrapper, .forceSearchSearchPageDesktop .searchScrollerWrapper {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;
    z-index: 0
}

.forceSearchSearchPageDesktop .topResultsWrapper {
    overflow-y: auto
}

.forceSearchSearchPageDesktop .resultsWrapper:focus {
    outline: none
}

.forceSearchSearchPageDesktop .resultsWrapper {
    height: 100%;
    width: 100%;
    position: absolute
}

.forceSearchSearchPageDesktop .navContainer {
    border-right: var(--lwc-borderWidthThin, 1px) solid var(--lwc-colorBorderSeparatorAlt, rgb(221, 219, 218));
    background-color: var(--lwc-colorGray2, rgb(250, 250, 249));
    width: var(--lwc-sizeSmall, 15rem);
    min-width: var(--lwc-sizeSmall, 15rem)
}

.forceSearchSearchPageDesktop .filterSeparator {
    border-top: var(--lwc-borderWidthThick, 2px) solid var(--lwc-buttonColorBorderPrimary, rgb(221, 219, 218))
}

.forceSearchSearchPageDesktop .navExpandToggle {
    color: var(--lwc-colorTextLink, rgb(0, 109, 204));
    margin-left: 0;
    padding-left: var(--lwc-spacingLarge, 1.5rem)
}

.forceSearchSearchPageDesktop .navExpandToggle lightning-primitive-icon {
    color: var(--lwc-colorTextIconDefault, rgb(112, 110, 107))
}

.supportSendEmailQuickAction .cuf-publisherAttachmentPreview {
    border: 1px solid var(--lwc-colorBorderSeparatorAlt, rgb(221, 219, 218));
    border-radius: var(--lwc-borderRadiusMedium, 0.25rem);
    padding: var(--lwc-spacingMedium, 1rem);
    background-color: var(--lwc-colorBackgroundAlt, rgb(255, 255, 255))
}

.supportSendEmailQuickAction .cuf-previewList {
    margin: 0;
    padding: 0
}

.supportSendEmailQuickAction .cuf-previewList li {
    list-style-type: none
}

.supportSendEmailQuickAction .contentAttachmentPills {
    overflow: hidden
}

.supportSendEmailQuickAction .contentAttachmentPills li {
    width: 50%;
    display: inline-block;
    float: left;
    margin-bottom: var(--lwc-spacingXSmall, 0.5rem)
}

.supportSendEmailQuickAction ul.contentAttachmentPills:not(.narrowRegion) > li:nth-child(odd) .emailAttachmentPreview {
    margin-right: var(--lwc-spacingXxSmall, 0.25rem)
}

.supportSendEmailQuickAction ul.contentAttachmentPills:not(.narrowRegion) > li:nth-child(even) .emailAttachmentPreview {
    margin-left: var(--lwc-spacingXxSmall, 0.25rem)
}

.supportSendEmailQuickAction .narrowRegion li {
    width: 100%
}

.supportSendEmailQuickAction .previewContainer {
    border: 1px solid rgb(216, 221, 230);
    border-radius: .25rem;
    background-color: var(--lwc-colorBackground, rgb(243, 242, 242))
}

.supportSendEmailQuickAction .forceChatterFeedContentFilePreview .forceChatterSelectedFileBadge.fileBadgeContainer .right .contentPostFileRemove {
    display: block
}

.supportSendEmailQuickAction .forceChatterFeedContentFilePreview.previewContainer {
    border: var(--lwc-borderWidthThin, 1px) solid var(--lwc-colorBorder, rgb(221, 219, 218));
    border-radius: var(--lwc-borderRadiusMedium, 0.25rem)
}

.supportSendEmailQuickAction .standardField {
    width: calc(100% - 4rem);
    vertical-align: middle;
    display: inline-block
}

.supportSendEmailQuickAction input.standardField {
    width: calc(100% - 4rem)
}

.supportSendEmailQuickAction .standardField.cke, .supportSendEmailQuickAction .standardField.textarea {
    width: 100%;
    height: 200px
}

.supportSendEmailQuickAction .standardFieldLabel {
    width: 4rem;
    vertical-align: middle;
    display: inline-block;
    padding: var(--lwc-spacingXSmall, 0.5rem) 0;
    margin-bottom: 0;
    line-height: inherit;
    height: inherit
}

.supportSendEmailQuickAction .uiPicklistLabel.uiPicklistLabel-left {
    float: none
}

.supportSendEmailQuickAction .standardFieldLabel.uiLabel-hidden {
    display: none
}

.supportSendEmailQuickAction .cke_chrome {
    border-radius: 4px;
    border: 1px solid var(--lwc-colorBackgroundShade, rgb(236, 235, 234));
    box-shadow: none
}

.supportSendEmailQuickAction .cke_top {
    background: var(--lwc-colorBackground, rgb(243, 242, 242));
    border-bottom: 1px solid var(--lwc-colorBackgroundShade, rgb(236, 235, 234))
}

.supportSendEmailQuickAction .cke_toolgroup {
    background: #fff;
    border: 1px solid var(--lwc-colorBackgroundShade, rgb(236, 235, 234))
}

.supportSendEmailQuickAction .cke_button_on {
    box-shadow: none;
    background: #f2f5fa
}

.supportSendEmailQuickAction a.cke_button_on:hover, .supportSendEmailQuickAction a.cke_button_off:hover, .supportSendEmailQuickAction a.cke_button_off:focus, .supportSendEmailQuickAction a.cke_button_off:active, .supportSendEmailQuickAction a.cke_button_disabled:hover, .supportSendEmailQuickAction a.cke_button_disabled:focus, .supportSendEmailQuickAction a.cke_button_disabled:active {
    background: var(--lwc-colorGreyBackground, #f7f9fb);
    box-shadow: none
}

.supportSendEmailQuickAction .forceRecordLayout .mdp.forcePageBlockItemEdit.slds-hide, .supportSendEmailQuickAction .forceRecordLayout .input.hide {
    display: none
}

.supportSendEmailQuickAction .forceChatterProgressBar {
    position: absolute
}

.supportSendEmailQuickAction .errorBanner {
    border-radius: var(--lwc-borderRadiusMedium, 0.25rem);
    font-weight: 300;
    font-size: 1rem
}

.supportSendEmailQuickAction .warningBanner {
    border-radius: var(--lwc-borderRadiusMedium, 0.25rem)
}

.forceChatterClumpItem.drillIn .cuf-clumpHeader {
    padding: var(--lwc-spacingMedium, 1rem);
    border-bottom: var(--lwc-borderWidthThin, 1px) solid var(--lwc-colorBorder, rgb(221, 219, 218));
    background-color: var(--lwc-colorBackgroundAlt, rgb(255, 255, 255))
}

.forceChatterClumpItem .cuf-clumpSummary {
    border: var(--lwc-borderWidthThin, 1px) solid var(--lwc-colorBorderSeparatorAlt, rgb(221, 219, 218));
    border-radius: var(--lwc-borderRadiusMedium, 0.25rem);
    margin: var(--lwc-spacingMedium, 1rem) 0;
    padding: var(--lwc-spacingMedium, 1rem)
}

.forceChatterClumpItem .cuf-drillIn {
    color: var(--lwc-colorTextDefault, rgb(8, 7, 7))
}

.forceChatterClumpItem.drillIn .cuf-feed.cuf-feed.cuf-feed {
    padding: var(--lwc-spacingLarge, 1.5rem) var(--lwc-spacingLarge, 1.5rem) 0 var(--lwc-spacingLarge, 1.5rem);
    margin-left: 0
}

.forceChatterClumpItem.drillIn .cuf-element.cuf-element.cuf-element {
    margin: 0 0 var(--lwc-spacingMedium, 1rem) 0
}

.forceChatterClumpItem .cuf-clumpItem.drillIn .cuf-feed {
    padding-top: var(--lwc-spacingLarge, 1.5rem);
    background-color: var(--lwc-colorBackground, rgb(243, 242, 242))
}

.forceChatterClumpItem .cuf-clumpItem {
    padding: 0 var(--lwc-spacingMedium, 1rem) 1px var(--lwc-spacingMedium, 1rem)
}

.forceChatterClumpItem.drillIn > .cuf-feedElement {
    padding: 0
}

.forceChatterClumpItem--mobile .cuf-clumpSummary {
    background-color: var(--lwc-colorBackgroundRowActive, rgb(236, 235, 234))
}

.forceChatterFeedItem {
    position: relative
}

.forceChatterFeedItem .feed__item-comments--threadedCommunity {
    background: var(--lwc-colorBackgroundAlt2, rgb(243, 242, 242))
}

.forceChatterFeedItem .comment--threadedCommunity {
    background: var(--lwc-colorBackgroundAlt, rgb(255, 255, 255));
    border-radius: .25rem
}

@media only screen and (min-width: 48em) {
    .forceChatterFeedItem .comment--threadedCommunity {
        margin: 1rem
    }
}

@media only screen and (max-width: 47.9375em) {
    .forceChatterFeedItem .comment--threadedCommunity {
        margin: .5rem;
        padding: .5rem
    }
}

.forceChatterFeedItem .cuf-feedItem {
    padding: 1px var(--lwc-varSpacingSmall, 0.75rem);
    white-space: normal
}

.forceChatterFeedItem .actionsDisplay {
    float: left;
    font-size: var(--lwc-fontSizeSmall, 0.75rem);
    color: var(--lwc-colorTextWeak, rgb(62, 62, 60))
}

.forceChatterFeedItem .actionsDisplay .forceIcon {
    font-size: var(--lwc-squareIconUtilitySmall, 1rem)
}

.forceChatterFeedItem .actionsDisplay .likers-card-target {
    padding-right: 0
}

.forceChatterFeedItem .translation feeds_translation-selector .slds-dropdown {
    overflow-y: scroll;
    max-height: 20rem
}

.forceChatterFeedItem .translation feeds_translation-google-attribution {
    display: block;
    padding-bottom: var(--lwc-spacingSmall, 0.75rem)
}

.forceChatterFeedItem .translation feeds_translation-selector {
    display: block
}

.forceChatterFeedItem .actionsDisplay .likeIconAnchor {
    padding-right: 0;
    margin-right: .5rem
}

.forceChatterFeedItem .actionsDisplay .shareIconAnchor {
    padding-right: 0;
    margin-right: var(--lwc-spacingSmall, 0.75rem)
}

.forceChatterFeedItem .cuf-inlineList {
    text-align: right;
    margin: 0;
    font-size: var(--lwc-fontSizeSmall, 0.75rem);
    color: var(--lwc-colorTextWeak, rgb(62, 62, 60))
}

.forceChatterFeedItem .actionSection:before, .forceChatterFeedItem .actionSection:after {
    content: "";
    display: block
}

.forceChatterFeedItem .actionSection:after {
    clear: both
}

.forceChatterFeedItem .cuf-feedItem .actionSection {
    margin-bottom: 0
}

.forceChatterFeedItem.drillIn {
    margin-top: 0
}

.forceChatterFeedItem .cuf-feedElement-wrap:hover {
    text-decoration: none
}

.forceChatterFeedItem hr.sectionBreak {
    border: 0;
    border-top: 1px solid var(--lwc-colorBorderSeparator, rgb(250, 250, 249));
    margin: 0;
    padding: 0
}

.forceChatterFeedItem .cuf-feedItemActionTrigger:after {
    vertical-align: middle
}

.forceChatterFeedItem .cuf-body {
    outline: 0
}

.forceChatterFeedItem .italics {
    font-style: italic
}

.forceChatterFeedItem.pendingReview .cuf-feedItem {
    margin-bottom: 0;
    position: relative
}

.forceChatterFeedItem.pendingReview.cuf-element {
    position: relative;
    background-color: var(--lwc-colorContrastPrimary, rgb(243, 242, 242))
}

.forceChatterFeedItem.pendingReview.initial {
    padding-left: 0;
    margin-left: 0
}

.forceChatterFeedItem .draft {
    margin-left: var(--lwc-spacingXSmall, 0.5rem)
}

.forceChatterFeedItem .forceChatterToggleLike .cuf-likeIcon {
    font-size: var(--lwc-squareIconUtilitySmall, 1rem)
}

.forceChatterFeedItem .forceChatterToggleLike > .cuf-likeIcon {
    margin-right: var(--lwc-spacingXSmall, 0.5rem)
}

.forceChatterFeedItem .forceChatterToggleLike .likeIconAnchor span {
    align-items: center;
    font-weight: normal
}

.forceChatterFeedItem .cuf-commentTrigger {
    font-weight: normal
}

.forceChatterFeedItem .forceChatterShareButton .cuf-shareIcon {
    font-size: var(--lwc-squareIconUtilitySmall, 1rem)
}

.forceChatterFeedItem .forceChatterShareButton > .cuf-shareIcon {
    margin-right: var(--lwc-spacingXSmall, 0.5rem)
}

.forceChatterFeedItem .entityLinkHover a {
    text-decoration: none
}

.forceChatterFeedItem .entityLinkHover:hover {
    border-bottom: var(--lwc-borderWidthThin, 1px) dotted var(--lwc-colorBorderInfo, rgb(112, 110, 107))
}

.forceChatterFeedItem .entityLinkFeedItemImageHover span:hover {
    border-bottom: none
}

.forceChatterFeedItem .entityLinkCommentImageHover span:hover {
    border-bottom: none;
    padding: 10px 0;
    vertical-align: middle
}

.forceChatterFeedItem .flag-badge {
    margin-right: var(--lwc-spacingSmall, 0.75rem);
    margin-top: 1px
}

.forceChatterFeedItem.pinned.cuf-element {
    background-color: var(--lwc-colorBackgroundRowHover, rgb(243, 242, 242));
    border-bottom: var(--lwc-borderWidthThin, 1px) solid var(--lwc-colorBorder, rgb(221, 219, 218))
}

.forceChatterFeedItem.pinned.cuf-element .cuf-feedback {
    border: none
}

.forceChatterFeedItem.pinned .cuf-feedElement-wrap {
    text-decoration: none
}

.forceChatterFeedItem .closedConversationMessage {
    border-top-width: 0;
    border-bottom-width: calc(2 * var(--lwc-borderWidthThin, 1px))
}

.forceChatterFeedItem .solved-icon {
    fill: var(--lwc-colorTextSuccess, rgb(2, 126, 70))
}

.forceChatterFeedItem .solved-text {
    color: var(--lwc-colorTextSuccess, rgb(2, 126, 70))
}

@media only screen and (min-width: 48em) {
    .forceChatterFeedItem .solved-text {
        padding-left: var(--lwc-spacingXxSmall, 0.25rem)
    }
}

@media only screen and (max-width: 47.9375em) {
    .forceChatterFeedItem .solved-text {
        padding-left: var(--lwc-spacingXxxSmall, 0.125rem)
    }
}

.forceChatterFeedItem .interactions-wrap {
    flex-wrap: wrap
}

.forceChatterFeedItem--default {
    border-bottom: var(--lwc-borderWidthThin, 1px) solid var(--lwc-colorBorder, rgb(221, 219, 218))
}

.forceChatterFeedItem--default .cuf-feedItem > div {
    margin-bottom: var(--lwc-varSpacingMedium, 1rem)
}

.forceChatterFeedItem--default .cuf-feedElement-wrap {
    outline: 0
}

.forceChatterGenericFeedElement.drillIn {
    margin-top: 0
}

.forceChatterGenericFeedElement .cuf-feedElement {
    position: relative;
    background-color: var(--lwc-colorBackgroundAlt, rgb(255, 255, 255));
    white-space: normal;
    border-radius: var(--lwc-borderRadiusMedium, 0.25rem)
}

.forceChatterGenericFeedElement.cuf-Large.inFeed .cuf-feedElement {
    border: 0;
    border-radius: 0;
    border-bottom: 1px solid var(--lwc-colorBorder, rgb(221, 219, 218))
}

.forceChatterGenericFeedElement .cuf-feedElement .cuf-media {
    font-weight: var(--lwc-fontWeightBold, 700);
    font-size: var(--lwc-fontSizeMedium, 0.8125rem)
}

.forceChatterGenericFeedElement.defaultFlavor {
    padding-right: var(--lwc-spacingMedium, 1rem)
}

.forceChatterGenericFeedElement.mobileFlavor .cuf-feedElement {
    padding: var(--lwc-spacingMedium, 1rem)
}

.forceChatterGenericFeedElement.defaultFlavor .cuf-feedElement .cuf-media {
    font-weight: var(--lwc-fontWeightRegular, 400)
}

.forceChatterRecommendationTile a {
    color: var(--lwc-colorTextLink, rgb(0, 109, 204))
}

.supportPublisherQuickSendEmail .slds-grid .emailuiEmailToolbarContainer {
    align-items: center;
    display: flow-root
}

.supportPublisherQuickSendEmail .bottomBarCaseIcon {
    margin-right: var(--lwc-spacingXSmall, 0.5rem);
    float: left
}

.supportPublisherQuickSendEmail .bottomBar {
    display: flex;
    position: static;
    margin-top: 0;
    margin-right: auto;
    flex-wrap: wrap;
    flex: auto
}

.supportPublisherQuickSendEmail .bottomBarLeft {
    float: none;
    order: 1;
    margin-right: auto;
    min-width: 100px
}

.supportPublisherQuickSendEmail .bottomBar .slds-size_9-of-12 {
    width: 100%
}

.supportPublisherQuickSendEmail .bottomBarRight {
    order: 2;
    float: none;
    margin-top: 0;
    margin-bottom: var(--lwc-spacingXxxSmall, 0.125rem);
    min-width: 118px;
    vertical-align: bottom;
    align-self: flex-end;
    padding-top: var(--lwc-spacingXSmall, 0.5rem);
    padding-left: var(--lwc-spacingXxxSmall, 0.125rem);
    padding-bottom: var(--lwc-spacingXxSmall, 0.25rem)
}

.supportPublisherQuickSendEmail .activeState .bottomBarRight .cuf-publisherShareButton {
    flex: 1 0 auto;
    margin-bottom: 0
}

.supportPublisherQuickSendEmail .bottomBar, .supportPublisherQuickSendEmail .bottomBarRight, .supportPublisherQuickSendEmail .bottomBarLeft {
    max-height: 250px
}

.supportPublisherQuickSendEmail .activeState .bottomBarRight .cuf-publisherShareButton.extraWidth {
    width: var(--lwc-sizeXSmall, 12rem)
}

.supportPublisherQuickSendEmail .prefsNotLoaded .sendMailQuickAction, .supportPublisherQuickSendEmail .prefsNotLoaded .oauthSplash, .supportPublisherQuickSendEmail .prefsNotLoaded .bottomBar {
    display: none
}

.supportPublisherQuickSendEmail .needOauth .sendMailQuickAction, .supportPublisherQuickSendEmail .needOauth .bottomBar {
    display: none
}

.supportPublisherQuickSendEmail .notNeedOauth .oauthSplash {
    display: none
}

.supportPublisherQuickSendEmail .relatedToTooltip {
    margin-left: var(--lwc-spacingXxSmall, 0.25rem)
}

.supportPublisherQuickSendEmail .bottomBarLeft ul.has-error {
    display: none
}

.uiListSorter .scrollable {
    overflow-y: auto;
    -webkit-overflow-scrolling: touch
}

.uiListSorter .open.listSorterContainer {
    width: 320px;
    margin: 42px auto;
    box-shadow: 0 1px 5px rgba(0, 0, 0, .75)
}

.uiListSorter .open.PHONE.listSorterContainer, .uiListSorter .open.TABLET.listSorterContainer {
    margin: 0;
    box-shadow: none;
    width: 100% !important
}

.uiListSorter .hidden {
    visibility: hidden
}

.uiListSorter .listSorterContainer {
    background: #fff;
    height: auto;
    display: none
}

.uiListSorter .open.listSorterContainer {
    display: block
}

.uiListSorter .open.modal {
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    height: 500px;
    z-index: 10000
}

.uiListSorter .headerBar {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background-color: #ffffff;
    font-size: 13px;
    height: 42px;
    text-align: center;
    color: #686c70;
    z-index: 1
}

.uiListSorter .headerBar .title {
    line-height: 42px;
    font-size: 18px;
    text-shadow: none
}

.uiListSorter .headerBar a {
    margin-top: 7px;
    padding: 0 14px
}

.uiListSorter .headerBar .cancel {
    left: 0;
    margin-left: 10px;
    text-align: left
}

.uiListSorter .headerBar .apply {
    right: 0;
    margin-right: 10px;
    text-align: right
}

.uiListSorter .headerBar a.button {
    position: absolute;
    top: 0;
    height: 28px;
    margin: 7px;
    border: 1px solid transparent;
    border-radius: 5px;
    background: rgba(0, 0, 0, .07);
    color: #686c70;
    font-size: 13px;
    line-height: 28px
}

.uiListSorter .listSorterContainer .body {
    position: relative
}

.uiListSorter .open.PHONE.listSorterContainer div.uiMenuList {
    width: 100%;
    border-radius: 0;
    max-width: none
}

.uiListSorter div.uiMenuList {
    position: relative;
    box-shadow: none;
    background-color: #f0f1f2;
    top: 42px
}

.uiListSorter div.uiMenuList li a {
    display: block
}

.uiListSorter div.uiMenuList li.uiMenuItemSeparator {
    border-color: #eceef0;
    padding: 0
}

.uiListSorter .closeBtn {
    position: relative;
    right: 4px;
    top: -30px;
    color: #ffffff;
    font-family: Arial;
    font-weight: 600;
    font-size: 25px;
    padding: 12px;
    margin: -12px
}

.uiListSorter .open.listSorterMask {
    display: block
}

.uiListSorter .listSorterMask {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #344a5f;
    opacity: .7;
    z-index: 9999;
    display: none
}

.uiPill .invisible {
    display: none
}

.uiPill--default.pill {
    border: 1px solid #cccccc;
    border-radius: 5px;
    padding: 4px;
    display: block;
    white-space: nowrap
}

.uiPill--default:hover {
    background-color: #eeeeee
}

.uiPill--default .pillIcon {
    margin-right: 8px;
    display: inline-block;
    vertical-align: middle
}

.uiPill--default .pillIcon, .uiPill--default .pillIcon .uiImage {
    height: 20px;
    width: 20px;
    line-height: 1
}

.uiPill--default .pillText {
    max-width: 215px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    vertical-align: middle
}

.uiPill--default .pillIcon img, .uiPill--default .pillIcon {
    border-radius: 2px
}

.uiPill--default .deleteAction {
    margin-left: 8px
}

.uiPill--default .deleteIcon {
    color: #888888
}

.uiPill--default .deleteIcon:after {
    content: "\2715"
}

.uiPill--default .deleteIcon:hover {
    color: #015ba7
}

.uiVirtualDataGrid.fixedHeaderTable tbody {
    display: block;
    overflow: auto
}

.uiVirtualDataGrid.resizable-cols {
    display: block;
    table-layout: fixed
}

.uiVirtualDataGrid.resizable-cols .handle {
    display: inline-block;
    position: relative;
    flex: none;
    text-align: left
}

.uiVirtualDataGrid.resizable-cols .handle:hover {
    cursor: col-resize
}

.uiVirtualDataGrid.resizable-cols th .resize-button {
    height: 100%;
    position: absolute;
    right: 0;
    opacity: 0;
    cursor: col-resize;
    display: inline-block
}

.uiVirtualDataGrid.resizable-cols th .resize-button:hover {
    opacity: 1
}

.uiVirtualDataGrid.indicator {
    position: absolute;
    display: none;
    cursor: col-resize;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.uiVirtualDataGrid.indicator.active {
    display: block
}

.uiVirtualDataGrid.resizable-cols .handle [type=range] {
    width: 1px;
    height: 1px;
    border: 0;
    clip: rect(0 0 0 0);
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute
}

.uiVirtualDataGrid.resizable-cols .handle [type=range]:focus ~ .resize-button {
    display: block
}

.uiVirtualDataGrid.resizable-cols .handle [type=range]:focus ~ .resize-button .column-divider, .uiVirtualDataGrid.indicator .column-divider {
    position: absolute;
    height: 100vh
}

.uiVirtualDataGrid.resizable-cols.resizing {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: col-resize
}

.uiVirtualDataGrid.resizable-cols th .header-wrapper {
    display: flex;
    position: relative;
    align-items: stretch
}

.uiVirtualDataGrid.resizable-cols th .content {
    flex-grow: 1;
    box-flex: 1
}

.uiVirtualDataGrid.resizable-cols th div, .uiVirtualDataGrid.resizable-cols th span {
    box-sizing: border-box
}

.uiVirtualDataGrid--default tbody, .uiVirtualDataGrid--default thead, .uiVirtualDataGrid--default tr, .uiVirtualDataGrid--default th, .uiVirtualDataGrid--default td {
    vertical-align: middle
}

.emailuiEmailBaseReplyActions .hiddenActions {
    display: none
}

.emailuiEmailBaseReplyActions .replyAllButton {
    margin-right: var(--lwc-spacingXxSmall, 0.25rem)
}

.emailuiEmailBaseReplyActions .replyAllButton .replyAllLabel {
    font-size: var(--lwc-fontSizeSmall, 0.75rem)
}

.emailuiEmailBaseReplyActions .dropdownButton {
    font-size: var(--lwc-fontSizeXSmall, 0.625rem);
    color: var(--lwc-colorTextLink, rgb(0, 109, 204))
}

.emailuiEmailBaseReplyActions .menuItemIcon {
    margin-right: var(--lwc-spacingXxSmall, 0.25rem)
}

.emailuiEmailBaseReplyActions .menuItemLabel {
    color: var(--lwc-colorTextLink, rgb(0, 109, 204))
}

.flexipageComponent:not(:last-child):not(:empty) {
    margin-bottom: var(--lwc-cardSpacingMargin, 0.75rem)
}

.forceChatterNewContentButton {
    margin: var(--lwc-spacingLarge, 1.5rem) auto auto 0;
    text-align: center
}

.forceChatterNewContentButton.cuf-newContent .cuf-newContentButton {
    padding: 4px var(--lwc-spacingLarge, 1.5rem);
    border-radius: 45px;
    position: relative;
    top: -60px;
    transition: all 2s ease
}

.forceChatterNewContentButton.cuf-newContent .cuf-newContentButton.active {
    top: 0
}

.forceChatterRecommendationListCard .forceChatterRecommendationBase .forceChatterActionLinkGroup .uiButton {
    padding: 0;
    margin: 0;
    min-width: 5rem
}

.forceChatterRecommendationListCard .listContent ul {
    padding-left: 0
}

.forceChatterRecommendationListCard .cuf-entityRecommendationActionGroupDiv {
    min-width: 110px;
    vertical-align: top;
    margin-right: .1em
}

.forceChatterRecommendationListCard .forceChatterRecommendationBase {
    margin-bottom: var(--lwc-spacingMedium, 1rem);
    border-width: 0 0 1px 0;
    border-style: solid;
    border-color: var(--lwc-colorBorder, rgb(221, 219, 218));
    padding-bottom: var(--lwc-spacingMedium, 1rem)
}

.forceChatterRecommendationListCard .listContent ul div:last-of-type.forceChatterRecommendationBase {
    border-bottom-width: 0;
    margin-bottom: 0;
    padding-bottom: 0
}

.forceChatterRecommendationListCard .forceChatterRecommendationBase.forceChatterRecommendationTile {
    border-width: 0;
    padding-bottom: 0
}

.forceChatterRecommendationListCard .cuf-recTile {
    padding: var(--lwc-spacingXSmall, 0.5rem)
}

.forceChatterRecommendationListCard .cuf-recTile.slds-size_1-of-4 {
    max-width: 25%
}

.forceChatterRecommendationListCard .cuf-recTile.slds-size_1-of-2 {
    max-width: 50%
}

.forceChatterRecommendationListCard .cuf-recTile.slds-size_1-of-1 {
    max-width: 100%
}

.forceSearchEntityMenuItem .entityIcon img.icon {
    margin: var(--lwc-spacingNone, 0);
    width: var(--lwc-spacingLarge, 1.5rem);
    height: var(--lwc-spacingLarge, 1.5rem);
    top: auto
}

.forceSearchEntityMenuItem a[aria-disabled=true] .entityIcon {
    opacity: var(--lwc-opacity5, 0.5)
}

.forceSearchInputDesktopListFooter.default:hover, .forceSearchInputDesktopListFooter.highlighted {
    background-color: var(--lwc-colorBackgroundRowHover, rgb(243, 242, 242))
}

.forceSearchInputDesktopOption.default .data-match {
    background-color: inherit;
    font-weight: var(--lwc-fontWeightBold, 700)
}

.forceSearchInputDesktopOption .slds-icon--small img {
    height: var(--lwc-squareIconUtilityLarge, 1.5rem);
    width: var(--lwc-squareIconUtilityLarge, 1.5rem)
}

.forceSearchInputDesktopPillWrapper .uiPill {
    color: var(--lwc-colorTextActionLabel, rgb(62, 62, 60));
    background-color: var(--lwc-colorBackground, rgb(243, 242, 242));
    font-size: var(--lwc-fontSizeSmall, 0.75rem);
    margin: var(--lwc-spacingXxxSmall, 0.125rem) var(--lwc-spacingXxSmall, 0.25rem);
    padding: var(--lwc-spacingXxxSmall, 0.125rem) var(--lwc-spacingXSmall, 0.5rem);
    border-radius: var(--lwc-borderRadiusMedium, 0.25rem);
    float: left;
    display: inline-block
}

.forceSearchInputDesktopPillWrapper .uiPill--default .pillText {
    max-width: var(--lwc-sizeXxSmall, 6rem)
}

.forceSearchInputDesktopPillWrapper .uiPill--default .deleteIcon {
    font-size: var(--lwc-fontSizeXSmall, 0.625rem)
}

.forceSearchInputDesktopPillWrapper .disabled .uiPill {
    color: var(--lwc-colorTextWeak, rgb(62, 62, 60));
    background-color: var(--lwc-colorBackgroundAlt, rgb(255, 255, 255));
    border-color: var(--lwc-colorBorderInputActive, rgb(21, 137, 238))
}

.forceSearchInputDesktopPillWrapper .disabled .deleteIcon {
    color: var(--lwc-colorTextWeak, rgb(62, 62, 60))
}

.forceSearchSearch {
    margin: 0;
    padding: 0;
    height: 100%;
    width: 100%
}

.forceSearchSearch .topResultsWrapper, .forceSearchSearch .searchScrollerWrapper {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;
    z-index: 0
}

.forceSearchSearch .topResultsWrapper {
    overflow-y: auto
}

.forceSearchSearch .resultsWrapper:focus {
    outline: none
}

.forceSearchSearch .resultsWrapper {
    height: 100%;
    width: 100%;
    position: absolute
}

.forceSearchSearch .navContainer {
    border-right: var(--lwc-borderWidthThin, 1px) solid var(--lwc-colorBorderSeparatorAlt, rgb(221, 219, 218));
    background-color: var(--lwc-colorGray2, rgb(250, 250, 249));
    width: var(--lwc-sizeSmall, 15rem);
    min-width: var(--lwc-sizeSmall, 15rem)
}

.forceSearchSearch .filterSeparator {
    border-top: var(--lwc-borderWidthThick, 2px) solid var(--lwc-buttonColorBorderPrimary, rgb(221, 219, 218))
}

.forceSearchSearchInputListHeader.listHeader {
    display: block;
    text-align: left;
    padding: var(--lwc-spacingXSmall, 0.5rem) var(--lwc-spacingMedium, 1rem) 0 var(--lwc-spacingMedium, 1rem)
}

.oneSwitchIdentityDialog .message {
    margin: 0 0 var(--lwc-spacingSmall, 0.75rem)
}

.oneSwitchIdentityDialog .uiInput.uiInputCheckbox input {
    display: inline-block;
    margin: 0 .5rem 2px 0
}

.runtime_sales_activitiesActivityTime {
    color: var(--lwc-colorTextWeak, rgb(62, 62, 60));
    font-size: var(--lwc-fontSize3, 0.8125rem);
    padding-top: var(--lwc-varSpacingVerticalSmall, 0.75rem)
}

.runtime_sales_activitiesSiqCherrypickingSettings .optionLabel .emailStreamIconLabel {
    display: inline-flex
}

.runtime_sales_activitiesSiqCherrypickingSettings .optionLabel .icon {
    font-size: var(--lwc-fontSize3, 0.8125rem);
    color: var(--lwc-colorTextBrowser, rgb(255, 255, 255));
    padding: var(--lwc-varSpacingXxSmall, 0.25rem);
    line-height: var(--lwc-lineHeightReset, 1);
    border-radius: var(--lwc-borderRadiusSmall, 0.125rem)
}

.runtime_sales_activitiesSiqCherrypickingSettings .settingsLink {
    color: var(--lwc-colorTextLink, rgb(0, 109, 204))
}

.runtime_sales_activitiesSiqCherrypickingSettings .grayedOut {
    opacity: .5
}

.runtime_sales_activitiesSiqCherrypickingSettings .optionLabel .slds-radio--faux {
    min-width: var(--lwc-squareIconMediumContent, 1rem);
    min-height: var(--lwc-squareIconMediumContent, 1rem)
}

.runtime_sales_activitiesSiqCherrypickingSettings .teamSharingOptions {
    padding-left: var(--lwc-varSpacingHorizontalLarge, 1.5rem);
    color: var(--lwc-colorTextWeak, rgb(62, 62, 60));
    font-size: var(--lwc-fontSize2, 0.75rem);
    margin-right: var(--lwc-varSpacingHorizontalSmall, 0.75rem)
}

.runtime_sales_activitiesSiqCherrypickingSettings .teamSharingOptions ul.teamSharingList {
    margin: var(--lwc-spacingNone, 0) var(--lwc-spacingNone, 0) var(--lwc-varSpacingVerticalSmall, 0.75rem) var(--lwc-spacingNone, 0);
    border: var(--lwc-borderWidthThin, 1px) solid var(--lwc-colorBorderInput, rgb(221, 219, 218));
    max-height: 250px;
    overflow: scroll
}

.runtime_sales_activitiesSiqCherrypickingSettings .teamSharingOptions ul.teamSharingList li.teamSharingRow {
    padding: var(--lwc-varSpacingSmall, 0.75rem);
    border-bottom: var(--lwc-borderWidthThin, 1px) solid var(--lwc-colorBorderInput, rgb(221, 219, 218))
}

.runtime_sales_activitiesSiqCherrypickingSettings .teamSharingOptions ul.teamSharingList li.teamSharingRow:last-child {
    border-bottom: 0
}

.runtime_sales_activitiesSiqCherrypickingSettings .teamSharingOptions ul.teamSharingList li.teamSharingRow {
    display: flex;
    align-items: center
}

.runtime_sales_activitiesSiqCherrypickingSettings .teamSharingOptions ul.teamSharingList li.teamSharingRow .slds-checkbox--faux {
    flex: inherit
}

.runtime_sales_activitiesSiqCherrypickingSettings .teamSharingOptions ul.teamSharingList li.teamSharingRow .forceIcon {
    display: inline-block;
    margin-left: var(--lwc-varSpacingHorizontalXSmall, 0.5rem);
    padding: var(--lwc-varSpacingXxSmall, 0.25rem);
    vertical-align: middle
}

.runtime_sales_activitiesSiqCherrypickingSettings .teamSharingOptions ul.teamSharingList li.teamSharingRow .labelText {
    display: inline-block;
    vertical-align: middle
}

.runtime_sales_activitiesSiqCherrypickingSettings .teamSharingOptions ul.teamSharingList li.teamSharingRow .labelText .stackable {
    font-size: var(--lwc-fontSize2, 0.75rem)
}

.runtime_sales_activitiesSiqCherrypickingSettings .teamSharingOptions ul.teamSharingList .uiInputCheckbox label {
    margin-left: var(--lwc-varSpacingHorizontalMedium, 1rem)
}

.runtime_sales_activitiesSiqCherrypickingSettings .memberCount {
    float: right;
    width: 80px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.runtime_sales_activitiesSiqCherrypickingSettings .teamSharingCheckbox input {
    margin-right: var(--lwc-varSpacingHorizontalXxSmall, 0.25rem)
}

.runtime_sales_activitiesSiqCherrypickingSettings .teamSharingCheckboxLabel {
    width: 115px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-left: var(--lwc-varSpacingHorizontalXxSmall, 0.25rem);
    line-height: var(--lwc-lineHeightText, 1.5)
}

.runtime_sales_activitiesSiqCherrypickingSettings .settingsLink {
    text-align: left
}

.runtime_sales_activitiesTaskDueDate {
    color: var(--lwc-colorTextDefault, rgb(8, 7, 7));
    font-size: var(--lwc-fontSize2, 0.75rem)
}

.runtime_sales_activitiesTaskDueDate.overdue {
    color: var(--lwc-colorTextError, rgb(194, 57, 52));
    font-weight: var(--lwc-fontWeightBold, 700)
}

.runtime_sales_activitiesTaskDueDate .time {
    color: var(--lwc-colorTextDefault, rgb(8, 7, 7));
    font-size: var(--lwc-fontSize3, 0.8125rem);
    padding-top: var(--lwc-varSpacingVerticalSmall, 0.75rem)
}

.sfaFilterMenu {
    overflow: hidden
}

.sfaFilterMenu a.trigger {
    color: var(--lwc-colorTextDefault, rgb(8, 7, 7));
    font-size: var(--lwc-fontSizeLarge, 1rem);
    display: flex;
    position: relative;
    margin: 13px 14px
}

.sfaFilterMenu .trigger:focus {
    border: 1px solid var(--lwc-colorBorderInputActive, rgb(21, 137, 238))
}

.sfaFilterMenu .triggerIcon {
    text-rendering: optimizeLegibility;
    display: inline-block;
    padding: 0 8px;
    transition: transform .2s ease-in;
    color: var(--lwc-colorTextIconDefault, rgb(112, 110, 107))
}

.sfaFilterMenu .uiMenuList {
    background: var(--lwc-colorBackground, rgb(243, 242, 242));
    box-shadow: none;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    font-weight: var(--lwc-fontWeightRegular, 400);
    font-size: var(--lwc-fontSizeMedium, 0.8125rem);
    text-align: left;
    z-index: 0 !important;
    overflow-x: visible;
    width: 100%;
    position: relative
}

.sfaFilterMenu .uiMenuItem {
    padding: 14px;
    border-bottom: 1px solid var(--lwc-colorBorderSeparatorAlt, rgb(221, 219, 218))
}

.sfaFilterMenu .uiMenuItem a {
    padding: 0;
    color: var(--lwc-colorTextDefault, rgb(8, 7, 7));
    text-decoration: none;
    display: inline-block;
    width: 100%
}

.sfaFilterMenu .uiMenuItem a.selectable {
    color: var(--lwc-colorTextDefault, rgb(8, 7, 7));
    padding: 0
}

.sfaFilterMenu .uiMenuItem:focus {
    border: 1px solid var(--lwc-colorBorderInputActive, rgb(21, 137, 238))
}

.sfaFilterMenu .uiMenuItem a.selectable:focus {
    outline: 0;
    border-radius: 0;
    color: var(--lwc-colorTextDefault, rgb(8, 7, 7));
    background: transparent
}

.sfaFilterMenu .uiMenuItem a.selectable:active {
    background: transparent
}

.sfaFilterMenu .uiMenuItem:active {
    background-color: var(--lwc-colorBackgroundButtonBrandActive, rgb(0, 57, 107))
}

.sfaFilterMenu .uiMenuItem:first-child {
    border-top: 1px solid var(--lwc-colorBorderSeparatorAlt, rgb(221, 219, 218))
}

.sfaFilterMenu .uiMenuItem a .selectedIcon {
    float: right;
    background: none;
    margin: 0;
    visibility: hidden
}

.sfaFilterMenu .uiMenuItem a.selected .selectedIcon {
    visibility: visible
}

.forceBaseListView .listViewContent, .forceBaseListView .emptyContent {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.forceBaseListView .listViewContent {
    background-color: var(--lwc-colorBackground, rgb(243, 242, 242))
}

.forceBaseListView .emptyContent {
    margin-top: var(--lwc-borderWidthThin, 1px);
    top: var(--lwc-spacingXLarge, 2rem)
}

.forceBaseListView .emptyContent.hidden {
    display: none
}

.forceBaseListView .emptyContentInner {
    margin-top: var(--lwc-borderWidthThin, 1px);
    height: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.forceBaseListView .scroller {
    position: relative;
    min-width: 100%
}

.forceBaseListView table {
    border-collapse: separate;
    min-width: 100%
}

.forceBaseListView thead {
    background-color: var(--lwc-colorBackgroundAlt, rgb(255, 255, 255));
    z-index: 1
}

.forceBaseListView table thead th.sortable {
    padding: 0
}

.forceBaseListView thead th.sortable:first-of-type a {
    padding-left: var(--lwc-spacingLarge, 1.5rem)
}

.forceBaseListView thead th.sortable a {
    padding-left: var(--lwc-spacingXSmall, 0.5rem);
    padding-right: var(--lwc-spacingXSmall, 0.5rem)
}

.forceBaseListView thead th a {
    color: var(--lwc-colorTextLabel, rgb(62, 62, 60));
    display: table;
    padding: var(--lwc-spacingXSmall, 0.5rem) 0;
    width: 100%
}

.forceBaseListView thead th a.toggle {
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: var(--lwc-spacingLarge, 1.5rem)
}

.forceBaseListView thead th a:hover, .forceBaseListView thead th a:focus {
    color: var(--lwc-colorTextLink, rgb(0, 109, 204));
    outline: none;
    background-color: var(--lwc-colorBackgroundRowHover, rgb(243, 242, 242));
    text-decoration: none
}

.forceBaseListView th a.toggle:after {
    font-family: 'oneIconFont';
    text-rendering: optimizeLegibility;
    display: inline-block;
    padding: 0 3px;
    position: absolute;
    right: var(--lwc-spacingMedium, 1rem)
}

.forceEntityBannerPhotoDetail .bannerPhotoIcon {
    background: rgba(225, 225, 225, 0.6);
    border-radius: var(--lwc-borderRadiusSmall, 0.125rem);
    color: rgb(74, 74, 74);
    padding: 5px;
    width: 35px;
    height: 35px
}

.forceEntityBannerPhotoDetail .hidePhotoTitle {
    display: none
}

.forceIconDeprecated {
    display: inline-block;
    font-family: "forceIconFont"
}

.forceIconDeprecated[data-icon]:before {
    font-family: "forceIconFont";
    content: attr(data-icon);
    speak: none;
    text-rendering: auto;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.forceSearchFilterHeader {
    display: table;
    box-sizing: border-box;
    width: 100%;
    color: var(--lwc-colorTextWeak, rgb(62, 62, 60));
    padding: var(--lwc-spacingXSmall, 0.5rem) var(--lwc-spacingMedium, 1rem)
}

.forceSearchFilterHeader .containerWrapper {
    display: table-row
}

.forceSearchFilterHeader .cell {
    display: table-cell;
    margin: 0;
    vertical-align: top
}

.forceSearchFilterHeader .left.cell {
    width: 100%
}

.forceSearchFilterHeader .scrollerChildOverride {
    display: block
}

.forceSearchFilterHeader .inputTextArea.listSearch {
    padding: var(--lwc-spacingXSmall, 0.5rem);
    line-height: normal
}

.forceSearchFilterHeader .sort-menu {
    padding-left: var(--lwc-spacingMedium, 1rem)
}

.forceSearchFilterHeader .menu-trigger {
    padding-top: var(--lwc-spacingXSmall, 0.5rem);
    font-size: var(--lwc-fontSizeLarge, 1rem)
}

.forceSearchFilterHeader .buttonLabel {
    display: inline-block
}

.forceSearchFilterHeader .right.cell {
    position: relative;
    margin-left: -300px;
    max-width: 0;
    left: 300px;
    opacity: 0;
    overflow-x: hidden;
    transition: opacity var(--lwc-durationSlide, 0.25s) linear, margin-left var(--lwc-durationSlide, 0.25s) linear, left var(--lwc-durationSlide, 0.25s) linear
}

.forceSearchFilterHeader.fadeInCancelButton .right.cell {
    opacity: 1;
    margin-left: 0;
    left: 0;
    max-width: inherit
}

.forceSearchFilterHeader .right.block {
    padding-left: 15px
}

.forceSkipLink {
    position: absolute;
    top: 0;
    left: 0;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
    clip: rect(1px, 1px, 1px, 1px);
    padding: 6px 12px;
    color: #3c3d3d;
    background: hsla(0, 0%, 100%, .98)
}

.forceSkipLink:focus {
    width: auto;
    height: auto;
    clip: auto;
    z-index: 1000
}

.forceChatterFeedSwitcher.feed-switcher-menu .uiMenuList {
    position: absolute;
    z-index: 100 !important
}

.forceChatterRecommendationListWidget .header {
    padding-bottom: var(--lwc-spacingMedium, 1rem)
}

.forceChatterScroller .centerUiBody {
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%
}

.forceChatterScroller .centerUiBody.hasFooter {
    box-sizing: border-box;
    padding-bottom: var(--lwc-feedCommentBoxMinHeight, 2.75rem)
}

.forceChatterScroller .centerUiContent {
    position: relative;
    height: 100%;
    width: 100%
}

.forceChatterScroller .centerUiFooter {
    position: absolute;
    bottom: 0;
    width: 100%;
    min-height: var(--lwc-feedCommentBoxMinHeight, 2.75rem)
}

.forceChatterScroller .centerUiScroller {
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    overflow: hidden
}

.forceChatterScroller .scrollY {
    overflow-x: hidden;
    overflow-y: scroll
}

.forceChatterScroller .infinite-loading {
    height: 40px;
    text-align: center
}

.forceChatterScroller .cuf-showMoreContainer {
    text-align: center
}

.forceChatterScroller .hideSpinner {
    display: none
}

.forceChatterScroller .resizeCaptureFrame {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    pointer-events: none;
    border: none;
    outline: none;
    z-index: -1;
    width: 100%;
    height: 100%
}

.forceChatterScroller .resizeCaptureFrameWrapper {
    position: relative
}

.forceChatterScroller .resizeCaptureFrameWrapper .loadMoreTrigger {
    position: relative;
    top: -100px;
    z-index: -1
}

.forceChatterSearchInFeed {
    position: relative;
    max-width: 300px;
    right: 0
}

.forceChatterSearchInFeed .slds-input {
    text-overflow: ellipsis
}

.forceChatterTopicList .emptyMessage {
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    line-height: normal
}

.forceContentFileDroppableZone .slds-file-selector__dropzone--integrated.slds-has-drag {
    z-index: 1
}

.forceSearchInputDesktop .inputWrapper {
    padding-left: var(--lwc-spacingXxLarge, 3rem)
}

.forceSearchInputDesktop .inputSpinner .slds-spinner--small {
    width: var(--lwc-spacingMedium, 1rem)
}

.forceSearchInputDesktop .inputSpinner {
    height: var(--lwc-spacingLarge, 1.5rem);
    right: var(--lwc-spacingSmall, 0.75rem);
    top: var(--lwc-spacingXxSmall, 0.25rem);
    width: var(--lwc-spacingLarge, 1.5rem)
}

.forceSearchInputDesktop .slds-input__icon.inputIcon {
    color: var(--lwc-colorTextInputIcon, rgb(176, 173, 171));
    -webkit-margin-before: -.5rem
}

.forceSearchInputDesktop .input::-ms-clear {
    display: none
}

.forceSearchInputDesktop .contentWrapper.focused {
    border: solid var(--lwc-borderWidthThin, 1px) var(--lwc-colorBorderInputActive, rgb(21, 137, 238));
    box-shadow: var(--lwc-shadowButtonFocus, 0 0 3px #0070D2)
}

.forceSearchInputDesktop .uiInput .uiInputTextForAutocomplete, .forceSearchInputDesktop .uiInput .uiInputTextForAutocomplete:focus {
    border: none;
    box-shadow: none;
    background: transparent;
    padding-right: var(--lwc-spacingXLarge, 2rem)
}

.forceSearchInputDesktop .contentWrapper {
    border-radius: var(--lwc-borderRadiusMedium, 0.25rem) var(--lwc-borderRadiusMedium, 0.25rem)
}

.forceSearchInputDesktop.hasEntitySelector > .contentWrapper {
    border-radius: 0 var(--lwc-borderRadiusMedium, 0.25rem) var(--lwc-borderRadiusMedium, 0.25rem) 0
}

.forceSearchInputDesktop .autocompleteWrapper {
    min-width: var(--lwc-sizeXxSmall, 6rem);
    position: static
}

.forceSearchInputDesktop .uiAutocompleteList.list {
    transform: translateY(0);
    clip: rect(0px, 2000px, 2000px, -10px);
    transition: opacity var(--lwc-durationPromptly, 0.2s) ease-in-out, transform var(--lwc-durationPromptly, 0.2s) ease-in-out, clip var(--lwc-durationPromptly, 0.2s) ease-in-out;
    border: var(--lwc-borderWidthThin, 1px) solid var(--lwc-colorBorder, rgb(221, 219, 218));
    border-radius: 4px;
    background-color: var(--lwc-colorBackgroundModal, rgb(255, 255, 255));
    box-shadow: 0 2px 7px rgba(0, 0, 0, .07);
    z-index: var(--lwc-zIndexDropdown, 7000);
    overflow: hidden;
    width: 100%;
    margin-top: var(--lwc-borderWidthThin, 1px)
}

.forceSearchInputDesktop .uiAutocompleteList.list.showEmptyContent {
    display: none
}

.forceSearchInputDesktop .uiAutocompleteList.list.invisible {
    display: block;
    opacity: 0;
    transform: translateY(-20px);
    clip: rect(20px, 2000px, 2000px, -10px);
    transition: opacity var(--lwc-durationPromptly, 0.2s) ease-in-out, transform var(--lwc-durationPromptly, 0.2s) ease-in-out, clip var(--lwc-durationPromptly, 0.2s) ease-in-out
}

.forceSearchInputDesktop .uiAutocompleteList.list.invisible .lookup__header, .forceSearchInputDesktop .uiAutocompleteList.list.invisible .lookup__footer {
    display: none
}

.forceSearchInputDesktop .showEmptyContent .listContent {
    display: none
}

.forceSearchInputDesktop .listContent {
    text-align: left;
    min-height: 0
}

.forceSearchInputDesktop .listContent ul li {
    padding: var(--lwc-spacingXSmall, 0.5rem) var(--lwc-spacingMedium, 1rem) var(--lwc-spacingXSmall, 0.5rem) var(--lwc-spacingMedium, 1rem)
}

.forceSearchInputDesktop .listContent ul li.label {
    padding: var(--lwc-spacingXxSmall, 0.25rem) 0 var(--lwc-spacingXxSmall, 0.25rem) var(--lwc-spacingMedium, 1rem)
}

.forceSearchInputDesktop .listContent ul li.highlighted {
    background-color: var(--lwc-colorBackgroundRowHover, rgb(243, 242, 242));
    text-decoration: none;
    color: inherit
}

.forceSearchInputDesktop .listContent .loadingIndicator .label {
    top: var(--lwc-spacingLarge, 1.5rem);
    display: inline
}

.forceSearchInputDesktop .uiInput {
    display: inline
}

.forceSearchInputDesktop .listHeader {
    display: block;
    text-align: left;
    font-size: var(--lwc-fontSizeSmall, 0.75rem)
}

.forceSearchInputLookupDesktopActionItem.itemContainer:hover, .forceSearchInputLookupDesktopActionItem.itemContainer:focus {
    background: inherit;
    background-color: var(--lwc-colorBackgroundRowHover, rgb(243, 242, 242));
    text-shadow: inherit;
    color: var(--lwc-colorTextDefault, rgb(8, 7, 7));
    border-radius: 0;
    cursor: pointer
}

.forceSearchInputLookupDesktopActionItem:hover, .forceSearchInputLookupDesktopActionItem.highlighted {
    background-color: var(--lwc-colorBackgroundRowHover, rgb(243, 242, 242))
}

.forceSearchInputLookupDesktopOption {
    overflow: hidden
}

.forceSearchInputLookupDesktopOption.uiAutocompleteOption.lookup__item > a {
    height: 100%;
    padding: var(--lwc-spacingXxSmall, 0.25rem) var(--lwc-spacingSmall, 0.75rem);
    min-height: var(--lwc-squareIconUtilityLarge, 1.5rem);
    display: flex;
    align-items: center
}

.forceSearchInputLookupDesktopOption.default:hover, .forceSearchInputLookupDesktopOption.highlighted {
    background-color: var(--lwc-colorBackgroundRowHover, rgb(243, 242, 242))
}

.forceSearchInputLookupDesktopOption.uiAutocompleteOption a:hover {
    background-color: transparent
}

.forceSearchInputLookupDesktopOption .secondaryLabel .data-match {
    color: var(--lwc-colorTextLabel, rgb(62, 62, 60))
}

.forceSearchInputLookupDesktopOption.default .data-match {
    background-color: transparent;
    font-weight: var(--lwc-fontWeightBold, 700)
}

.forceSearchLookupAdvanced .forceSearchInputLookupDesktop {
    width: 440px
}

.forceSearchLookupAdvanced .separator {
    margin: var(--lwc-spacingMedium, 1rem) 0 0 0;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: var(--lwc-borderWidthThin, 1px) solid var(--lwc-colorBorderSeparatorAlt, rgb(221, 219, 218))
}

.forceSearchLookupAdvanced .searchWrapper {
    height: calc(100vh - 330px)
}

.oneActionsDropDown .sldsButtonHeightFix {
    height: var(--lwc-lineHeightButton, 1.875rem)
}

.oneActionsDropDown .forceIcon svg.slds-icon {
    pointer-events: none
}

.runtime_sales_activitiesActivityTimeline2InsightPopover {
    min-width: var(--lwc-sizeMedium, 20rem)
}

.runtime_sales_activitiesActivityTimeline2InsightPopover .slds-text-heading_small {
    font-weight: bold;
    white-space: inherit
}

.runtime_sales_activitiesActivityTimeline2InsightPopover .bodySection {
    max-width: var(--lwc-sizeMedium, 20rem);
    font-size: var(--lwc-fontSize3, 0.8125rem);
    white-space: inherit
}

.runtime_sales_activitiesActivityTimeline2InsightPopover .feedbackSection {
    display: flex;
    background: var(--lwc-colorBackground, rgb(243, 242, 242));
    font-size: var(--lwc-fontSize2, 0.75rem)
}

.runtime_sales_activitiesActivityTimeline2InsightPopover .feedbackSectionQuestion {
    position: relative
}

.runtime_sales_activitiesActivityTimeline2InsightPopover .feedbackQuestion {
    line-height: var(--lwc-heightInput, 1.875rem)
}

.runtime_sales_activitiesActivityTimeline2InsightPopover .feedbackSectionActions {
    position: absolute;
    right: var(--lwc-varSpacingXSmall, 0.5rem)
}

.runtime_sales_activitiesActivityTimeline2InsightPopover .feedbackOptionSelected {
    color: var(--lwc-colorTextDefault, rgb(8, 7, 7));
    line-height: var(--lwc-heightInput, 1.875rem)
}

.runtime_sales_activitiesActivityTimeline2InsightPopover .feedbackOptionNotSelected {
    color: var(--lwc-colorTextButtonDefaultDisabled, rgb(221, 219, 218));
    line-height: var(--lwc-heightInput, 1.875rem)
}

.runtime_sales_activitiesActivityTimeline2InsightPopover .actionSection {
    border-top: 0
}

.uiCarouselIndicator {
    position: relative;
    height: 40px;
    width: 100%
}

.uiCarouselIndicator .nav-container {
    height: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
    display: -webkit-flexbox;
    display: flex;
    display: box;
    -webkit-box-orient: horizontal;
    -ms-box-orient: horizontal;
    box-orient: horizontal;
    -webkit-box-align: center;
    -webkit-box-pack: center;
    align-items: center
}

.uiCarouselIndicator .item {
    flex: 1
}

.uiCarouselIndicator .item > a {
    text-transform: uppercase;
    display: block;
    line-height: 40px
}

.uiCarouselIndicator .item > a > span {
    overflow: hidden;
    text-overflow: ellipsis;
    display: block
}

.uiCarouselIndicator .indicator-bar {
    height: 2px
}

.uiCarouselIndicator .indicator-state {
    position: absolute;
    bottom: 0;
    height: 2px
}

.uiCarouselIndicator.dot-mode .indicator-state {
    display: none
}

.uiCarouselIndicator .dot-indicator {
    width: 10px;
    height: 10px;
    position: relative;
    left: 50%;
    margin-left: -5px;
    box-shadow: inset grey 0 0 3px 0
}

.uiCarouselIndicator.dot-mode ul li {
    flex: inherit !important;
    width: 40px
}

.uiCarouselIndicator.dot-mode ul li:first-child {
    margin-left: auto
}

.uiCarouselIndicator.dot-mode ul li:last-child {
    margin-right: auto
}

.uiCarouselPage {
    background: none;
    height: 100%;
    width: 100%;
    overflow: hidden;
    padding-top: 14px
}

.uiCarouselPage.hidden {
    visibility: hidden
}

.uiPillContainer .pillContainerListItem {
    float: left;
    list-style-type: none;
    word-break: break-all
}

.uiPillContainer .invisible {
    display: none
}

.uiPillContainer .orderedList {
    overflow: hidden;
    margin: 0;
    padding: 0
}

.uiPillContainer.focused .showMore, .uiPillContainer .showMore.invisible {
    display: none
}

.uiPillContainer ul {
    overflow-y: hidden
}

.uiPillContainer.focused ul {
    overflow-y: scroll
}

.uiPillContainer.focused input {
    width: 100%
}

.uiPillContainer.maxAllowed input {
    display: none
}

.uiPillContainer input::-ms-clear {
    display: none
}

.uiPillContainer--default {
    padding: 5px 5px 0 5px;
    margin: 0;
    line-height: 26px;
    border: 1px solid #cccccc;
    border-radius: 5px;
    position: relative
}

.uiPillContainer--default.noinput {
    border: none
}

.uiPillContainer--default:after {
    content: " ";
    display: block;
    height: 0;
    clear: both
}

.uiPillContainer--default .pillContainerListItem {
    margin-right: 5px;
    margin-bottom: 5px
}

.uiPillContainer--default .pillContainerListItem:last-child {
    margin-right: 0
}

.uiPillContainer--default input {
    border: none;
    outline: none;
    font-size: 100%
}

.uiPillContainer--default a {
    text-decoration: none;
    cursor: default
}

.uiPillContainer--default a:hover {
    text-decoration: none
}

.uiPillContainer--default .showMore {
    float: right;
    line-height: 26px;
    padding: 5px
}

.forceAsyncCarouselIndicator {
    position: relative;
    height: 40px;
    width: 100%;
    background: var(--lwc-colorBackgroundAnchor, rgb(243, 242, 242))
}

.forceAsyncCarouselIndicator .nav-container {
    height: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
    display: -webkit-flexbox;
    display: flex;
    display: box;
    -webkit-box-orient: horizontal;
    -ms-box-orient: horizontal;
    box-orient: horizontal;
    -webkit-box-align: center;
    -webkit-box-pack: center;
    align-items: center
}

.forceAsyncCarouselIndicator .item {
    flex: 1
}

.forceAsyncCarouselIndicator .item > a {
    text-transform: uppercase;
    display: block;
    line-height: 40px
}

.forceAsyncCarouselIndicator .item > a > span {
    overflow: hidden;
    text-overflow: ellipsis;
    display: block
}

.forceAsyncCarouselIndicator .indicator-bar {
    height: 2px;
    background: var(--lwc-colorBorderTabSelected, rgb(0, 112, 210))
}

.forceAsyncCarouselIndicator .indicator-state {
    position: absolute;
    bottom: 0;
    height: 2px;
    border-bottom: 1px solid var(--lwc-colorBorderSeparatorAlt, rgb(221, 219, 218))
}

.forceAsyncCarouselIndicator.dot-mode .indicator-state {
    display: none
}

.forceAsyncCarouselIndicator .tab.selected .dot-indicator {
    background-color: var(--lwc-colorBackgroundInputCheckboxSelected, rgb(21, 137, 238)) !important
}

.forceAsyncCarouselIndicator .tab .dot-indicator {
    background-color: var(--lwc-colorBackgroundIndicatorDot, rgb(22, 50, 92))
}

.forceAsyncCarouselIndicator .dot-indicator {
    width: 10px;
    height: 10px;
    border-radius: var(--lwc-borderRadiusCircle, 50%);
    position: relative;
    left: 50%;
    margin-left: -5px;
    box-shadow: inset grey 0 0 3px 0
}

.forceAsyncCarouselIndicator.dot-mode ul li {
    flex: inherit !important;
    width: 40px
}

.forceAsyncCarouselIndicator.dot-mode ul li:first-child {
    margin-left: auto
}

.forceAsyncCarouselIndicator.dot-mode ul li:last-child {
    margin-right: auto
}

.forceAsyncCarouselPage {
    background: none;
    height: 100%;
    width: 100%;
    overflow: hidden
}

.forceAsyncCarouselPage.hidden {
    visibility: hidden
}

.forceBrandBand.slds-template_default .flexipageRecordHomeThreeColTemplateDesktop, .forceBrandBand.slds-template_default flexipage-record-home-three-col-template-desktop2 {
    margin: calc(-1 * var(--lwc-templateGutters, 0.75rem))
}

.forceBrandBand.slds-template_default .oneRecordHomeFlexipage .bannerWrapper.bannerVisible, .forceBrandBand.slds-template_default .oneRecordHomeFlexipage2Wrapper .bannerWrapper.bannerVisible {
    margin-top: calc(-1 * var(--lwc-templateGutters, 0.75rem));
    margin-left: calc(-1 * var(--lwc-templateGutters, 0.75rem));
    width: calc(100% + var(--lwc-templateGutters, 0.75rem) * 2)
}

.forceBrandBand.slds-template_default .oneRecordHomeFlexipage .bannerWrapper.bannerVisible ~ .flexipagePage, .forceBrandBand.slds-template_default .oneRecordHomeFlexipage2Wrapper .bannerWrapper.bannerVisible ~ one-record-home-flexipage2 {
    top: var(--lwc-templateGutters, 0.75rem)
}

.forceBrandBand.chatter-layout_fix {
    position: static
}

.forceBrandBand.top-layout_fix.slds-template_default.slds-brand-band:before {
    top: 0
}

.forceBrandBand.slds-brand-band_narrow {
    width: 50%
}

.forceBrandBand.slds-brand-band_narrow_view_two {
    width: 70%;
    max-width: 1025px
}

.forceBrandBand.slds-brand-band_narrow, .forceBrandBand.slds-brand-band_narrow_view_two {
    margin: auto;
    min-width: var(--lwc-sizeXLarge, 40rem)
}

.forceBrandBand.slds-brand-band_narrow:before, .forceBrandBand.slds-brand-band_narrow_view_two:before {
    height: 12.5rem
}

.forceHeaderButton a {
    display: inline-block;
    vertical-align: middle;
    border-radius: var(--lwc-borderRadiusMedium, 0.25rem);
    background: transparent none;
    color: var(--lwc-colorTextInputIcon, rgb(176, 173, 171));
    font-size: var(--lwc-fontSizeXLarge, 1.25rem);
    line-height: var(--lwc-lineHeightButton, 1.875rem);
    text-decoration: none;
    padding: var(--lwc-spacingXSmall, 0.5rem)
}

.forceHeaderButton.activated {
    color: var(--lwc-colorBackgroundButtonBrandHover, rgb(0, 95, 178))
}

.forceHeaderButton .tooltipTrigger:focus {
    outline: none
}

.forceHeaderButton.header-tooltip {
    z-index: var(--lwc-zIndexDropdown, 7000) !important
}

.forceHeaderButton.header-tooltip .tooltip-body {
    white-space: nowrap;
    width: auto
}

.forceHeaderButton .tooltipTrigger {
    display: inline-block;
    vertical-align: middle
}

.forceHeaderButtonDeprecated, .forceHeaderButtonDeprecated:hover, .forceHeaderButtonDeprecated:active, .forceHeaderButtonDeprecated:visited {
    display: inline-block;
    background: transparent none;
    color: var(--lwc-colorTextBrowser, rgb(255, 255, 255));
    font-size: var(--lwc-squareIconUtilityMedium, 1.25rem);
    text-decoration: none
}

.forceHeaderButtonDeprecated.mobile {
    padding: var(--lwc-spacingXSmall, 0.5rem);
    margin: var(--lwc-spacingXxSmall, 0.25rem)
}

.forceHeaderButtonDeprecated.mobile[data-icon]:before {
    color: var(--lwc-colorTextBrowser, rgb(255, 255, 255))
}

.forceHeaderButtonDeprecated.desktop {
    color: var(--lwc-colorTextInputIcon, rgb(176, 173, 171));
    padding: var(--lwc-spacingXSmall, 0.5rem);
    margin-top: 1px;
    border-radius: var(--lwc-spacingXxSmall, 0.25rem);
    line-height: var(--lwc-lineHeightButton, 1.875rem);
    text-decoration: none
}

.forceHeaderButtonDeprecated.desktop:focus, .forceHeaderButtonDeprecated.desktop:hover, .forceHeaderButtonDeprecated.desktop.activated {
    color: var(--lwc-colorBackgroundButtonBrandHover, rgb(0, 95, 178))
}

.forceHeaderButtonDeprecated.desktop:active {
    color: var(--lwc-colorBackgroundButtonBrandActive, rgb(0, 57, 107))
}

.forceHeaderButtonDeprecated.desktop:focus {
    outline: 0;
    box-shadow: var(--lwc-shadowButtonFocus, 0 0 3px #0070D2)
}

.forceNoRowActions {
    display: inline-block
}

.forceNoRowActions .menuTrigger {
    background-color: var(--lwc-colorBackgroundAlt, rgb(255, 255, 255));
    font-weight: var(--lwc-fontWeightRegular, 400);
    font-size: var(--lwc-fontSizeMedium, 0.8125rem);
    position: static;
    display: table-cell;
    vertical-align: middle;
    white-space: nowrap;
    line-height: var(--lwc-lineHeightReset, 1);
    height: var(--lwc-squareIconUtilityMedium, 1.25rem);
    color: var(--lwc-colorTextIconDefault, rgb(112, 110, 107));
    text-align: center;
    width: var(--lwc-squareIconUtilityMedium, 1.25rem);
    border-radius: var(--lwc-borderRadiusSmall, 0.125rem);
    border: var(--lwc-borderWidthThin, 1px) solid var(--lwc-colorBorder, rgb(221, 219, 218))
}

.forceNoRowActions .menuTrigger:hover, .forceNoRowActions .menuTrigger:focus {
    background-color: var(--lwc-colorBackgroundButtonDefaultHover, rgb(244, 246, 249))
}

.forceNoRowActions .menuTrigger:focus {
    box-shadow: 0 0 3px var(--lwc-colorBorderBrandDark, rgb(0, 112, 210));
    outline: none;
    overflow: visible;
    z-index: 1
}

.forceNoRowActions .uiMenuItem a:focus, .forceNoRowActions .uiMenuItem a:hover, .forceNoRowActions .uiMenuItem a:active {
    text-decoration: none;
    background-color: transparent;
    color: #222
}

.forceNoRowActions .uiMenuItem a li {
    padding-top: 0
}

.forceRelatedListPreviewGrid .listViewContent {
    position: static
}

.forceRelatedListPreviewGrid .uiScroller.native {
    -ms-overflow-style: -ms-autohiding-scrollbar
}

.forceRelatedListPreviewGrid .uiScroller .scroller.actionBarPlugin {
    padding-bottom: 0 !important
}

.forceRelatedListPreviewGrid .forceListViewStencil, .forceRelatedListPreviewGrid .forceListViewPlaceholder {
    position: static
}

.forceRelatedListPreviewGrid .uiVirtualDataGrid thead .actionColumnHeader {
    width: 52px;
    min-width: 52px
}

.forceRelatedListPreviewGrid.forceBaseListView thead th {
    line-height: var(--lwc-lineHeightHeading, 1.25);
    color: var(--lwc-colorTextWeak, rgb(62, 62, 60));
    letter-spacing: .0625rem;
    min-height: var(--lwc-spacingXLarge, 2rem);
    height: var(--lwc-spacingXLarge, 2rem)
}

.forceRelatedListPreviewGrid.forceBaseListView thead th:first-of-type, .forceRelatedListPreviewGrid.forceBaseListView tbody th:first-of-type {
    padding-left: var(--lwc-spacingLarge, 1.5rem)
}

.forceRelatedListPreviewGrid.forceBaseListView tbody th, .forceRelatedListPreviewGrid.forceBaseListView tbody td {
    padding: var(--lwc-spacingXxSmall, 0.25rem) var(--lwc-spacingXSmall, 0.5rem)
}

.forceSocialPhoto.noPhotoAvailable {
    display: none
}

.forceSocialPhoto.photoAvailable {
    display: inline
}

.forceSocialPhoto .socialPhoto, .forceSocialPhoto .profilePic {
    width: var(--lwc-squareIconLargeBoundary, 3rem);
    height: var(--lwc-squareIconLargeBoundary, 3rem);
    border-radius: var(--lwc-borderRadiusMedium, 0.25rem)
}

.forceSocialPhoto .smallSocialPhoto {
    width: var(--lwc-squareIconSmallBoundary, 1.5rem);
    height: var(--lwc-squareIconSmallBoundary, 1.5rem);
    border-radius: var(--lwc-borderRadiusMedium, 0.25rem);
    display: block
}

.forceSocialPhoto .circular {
    border-radius: var(--lwc-borderRadiusCircle, 50%)
}

.forceSocialPhoto .nonSquareImage {
    height: auto !important;
    max-height: var(--lwc-squareIconLargeBoundary, 3rem);
    border-radius: 0 !important
}

.forceSocialPhoto.photoContainer {
    float: left;
    display: block;
    padding-right: var(--lwc-spacingXxSmall, 0.25rem);
    line-height: var(--lwc-lineHeightReset, 1);
    background-clip: content-box
}

.forceSocialPhoto .bgimg {
    display: inline-block;
    background-size: cover
}

.forceStaticGoogleMap {
    position: relative
}

.forceStaticGoogleMap iframe {
    border: 0;
    display: none;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    overflow: hidden
}

.forceStaticGoogleMap .overlay {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    z-index: 3
}

.forceChatterFeedInner {
    min-width: 250px
}

.forceChatterFeedInner .feedActions {
    padding: var(--lwc-varSpacingVerticalXSmall, 0.5rem) var(--lwc-varSpacingHorizontalSmall, 0.75rem)
}

.forceChatterFeedInner .forceSearchFilterHeader {
    max-width: var(--lwc-feedMaxWidth, 784px);
    margin: 0 auto;
    padding-left: var(--lwc-spacingMedium, 1rem);
    padding-right: var(--lwc-spacingMedium, 1rem);
    overflow-x: hidden
}

.forceChatterFeedInner .indicator {
    margin: 0
}

.forceChatterFeedInner .forceChatterSearchInFeed {
    flex-grow: 2
}

.forceChatterFeedInner .forceChatterSearchInFeed, .forceChatterFeedInner .cuf-filterMenu {
    margin-right: var(--lwc-spacingXSmall, 0.5rem);
    margin-left: var(--lwc-spacingXSmall, 0.5rem)
}

.forceChatterFeedInner .searchInFeedInput.searchInFeedInput {
    padding-top: 0;
    padding-bottom: 0;
    height: var(--lwc-squareIconLargeContent, 2rem)
}

.forceChatterFeedInner .cuf-element.highlighted {
    background-color: #ffa
}

.forceChatterFeedInner .cuf-element {
    transition: background-color 2s ease, opacity 1s ease
}

.forceChatterFeedInner .skip-feed-wrapper {
    position: relative;
    padding-top: 0
}

.forceChatterFeedInner .cuf-skipFeed {
    top: -1rem
}

.forceChatterFeedInner .skip-feed-endpoint {
    position: absolute;
    top: -1rem;
    right: 0;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
    clip: rect(1px, 1px, 1px, 1px);
    color: #3c3d3d;
    background: hsla(0, 0%, 100%, .98)
}

.forceChatterFeedInner .skip-feed-endpoint:focus {
    width: auto;
    height: auto;
    clip: auto;
    z-index: 1000
}

.forceChatterFeedInner .skip-feed-wrapper .cuf-pinnedFeedItemHeader {
    padding: var(--lwc-spacingSmall, 0.75rem);
    border-bottom: var(--lwc-borderStrokeWidthThick, 2px) solid var(--lwc-colorBorder, rgb(221, 219, 218));
    display: flex;
    font-weight: var(--lwc-fontWeightBold, 700);
    font-size: var(--lwc-fontSizeTextSmall, 0.8125rem);
    background-color: var(--lwc-colorBackgroundRowHover, rgb(243, 242, 242))
}

.forceChatterFeedInner .skip-feed-wrapper .cuf-pinnedFeedItemHeader span {
    display: inherit;
    vertical-align: bottom
}

.forceChatterFeedInner .skip-feed-wrapper .cuf-pinnedFeedItemHeader .cuf-pinnedIcon {
    padding-right: var(--lwc-spacingSmall, 0.75rem)
}

.forceChatterFeedInner .feed-end {
    height: 1px;
    width: 1px
}

.forceChatterRecommendations .rec-widget {
    padding-left: var(--lwc-spacingMedium, 1rem);
    padding-right: var(--lwc-spacingMedium, 1rem)
}

.forceChatterRecommendations .rec-widget .header {
    padding-left: var(--lwc-spacingMedium, 1rem);
    padding-bottom: 0;
    font-weight: var(--lwc-fontWeightBold, 700)
}

.forceChatterRecommendations .rec-widget .header-icon {
    padding-right: var(--lwc-spacingMedium, 1rem);
    padding-top: var(--lwc-spacingXSmall, 0.5rem)
}

.forceContentRelatedListPreviewFileList .lightningInput .slds-file-selector__dropzone {
    max-height: 150px
}

.forceContentRelatedListPreviewFileList .lightningInput .slds-form-element, .forceContentRelatedListPreviewFileList .lightningInput .slds-form-element__control {
    display: block
}

.forceContentRelatedListPreviewFileList .lightningInput .slds-form-element__label {
    display: none
}

.forceContentRelatedListPreviewFileList .lightningInput .slds-form--inline .slds-form-element {
    margin-right: var(--lwc-varSpacingHorizontalXSmall, 0.5rem)
}

.forceSearchInputLookupDesktop.has-error .contentWrapper {
    border-color: var(--lwc-colorBorderError, rgb(194, 57, 52));
    box-shadow: var(--lwc-colorBorderError, rgb(194, 57, 52)) 0 0 0 var(--lwc-borderWidthThin, 1px) inset;
    background-clip: padding-box
}

.forceSearchInputLookupDesktop.has-error .contentWrapper:focus, .forceSearchInputLookupDesktop.has-error .contentWrapper:active {
    box-shadow: var(--lwc-colorBorderError, rgb(194, 57, 52)) 0 0 0 var(--lwc-borderWidthThin, 1px) inset, var(--lwc-shadowButtonFocus, 0 0 3px #0070D2)
}

.forceSearchInputLookupDesktop .contentWrapper.focused {
    border: solid var(--lwc-borderWidthThin, 1px) var(--lwc-colorBorderInputActive, rgb(21, 137, 238));
    border-radius: var(--lwc-borderRadiusMedium, 0.25rem);
    box-shadow: var(--lwc-shadowButtonFocus, 0 0 3px #0070D2)
}

.forceSearchInputLookupDesktop .inputWrapper.disabled {
    background-color: var(--lwc-colorBackgroundInputDisabled, rgb(236, 235, 234));
    pointer-events: none;
    opacity: var(--lwc-opacity5, 0.5)
}

.forceSearchInputLookupDesktop .autocompleteWrapper {
    overflow: hidden
}

.forceSearchInputLookupDesktop.uiInput .uiInputTextForAutocomplete, .forceSearchInputLookupDesktop.uiInput .uiInputTextForAutocomplete:focus {
    border: none;
    box-shadow: none;
    background: transparent
}

.forceSearchInputLookupDesktop .uiInput--lookup.lookup__menu, .forceSearchInputLookupDesktop .uiInput--lookup .lookup__menu {
    padding: var(--lwc-spacingXSmall, 0.5rem) 0;
    margin-top: .07rem;
    z-index: var(--lwc-zIndexDropdown, 7000)
}

.forceSearchInputLookupDesktop .uiPillContainer .pillContainerListItem {
    margin: var(--lwc-spacingXxSmall, 0.25rem)
}

.forceSearchInputLookupDesktop .singlePill .uiPillContainer .pillContainerListItem {
    float: none
}

.forceSearchInputLookupDesktop .uiPillContainer .pillContainerListItem a:focus {
    outline: 0;
    border-color: var(--lwc-colorBorderInputActive, rgb(21, 137, 238));
    background-color: var(--lwc-buttonColorBackgroundPrimary, rgb(255, 255, 255));
    box-shadow: var(--lwc-shadowButtonFocus, 0 0 3px #0070D2)
}

.forceSearchInputLookupDesktop .singlePill .pillText {
    max-width: none;
    width: calc(100% - 55px)
}

.forceSearchInputLookupDesktop .singlePill .deleteIcon {
    padding-right: var(--lwc-spacingXxSmall, 0.25rem)
}

.forceSearchInputLookupDesktop .pillContainerWrapper {
    clear: both;
    border-top: var(--lwc-borderWidthThin, 1px) solid var(--lwc-colorBorder, rgb(221, 219, 218))
}

.forceSearchInputLookupDesktop .pillContainerWrapper.noSeparator {
    border-top: none
}

.forceSearchInputLookupDesktop .uiPillContainer--default, .forceSearchInputLookupDesktop .uiPillContainer--default.noinput {
    padding: 0;
    border: none
}

.forceSearchInputLookupDesktop .uiPillContainer input {
    width: auto
}

.forceSearchInputLookupDesktop .uiPillContainer--default input.uiInput, .forceSearchInputLookupDesktop .uiPillContainer--default input.uiInput:focus {
    padding: inherit;
    height: auto;
    line-height: var(--lwc-lineHeightText, 1.5);
    border: none
}

.forceSearchInputLookupDesktop .uiPillContainer--default a:focus {
    text-decoration: none
}

.forceSearchInputLookupDesktop .uiPillContainer.focused ul {
    overflow-y: hidden
}

.forceSearchInputLookupDesktop .uiPillContainer.focused .showMore.invisible + ul {
    overflow-y: auto
}

.forceSearchInputLookupDesktop .uiPillContainer.focused .showMore {
    display: block
}

.forceSearchInputLookupDesktop .uiPillContainer.focused .showMore.invisible {
    display: none
}

.forceSearchInputLookupDesktop .pillText {
    color: var(--lwc-colorTextDefault, rgb(8, 7, 7))
}

.forceSearchInputLookupDesktop .lookup__list.visible {
    overflow: hidden;
    max-height: none
}

.forceSearchInputLookupDesktop .inputLookupIcon svg {
    fill: var(--lwc-colorTextInputIcon, rgb(176, 173, 171))
}

.forceSearchInputLookupDesktop input::-ms-clear {
    display: none;
    width: 0;
    height: 0
}

.homeGoalEditor {
    font-size: var(--lwc-fontSizeMedium, 0.8125rem);
    padding: var(--lwc-spacingMedium, 1rem)
}

.homeGoalEditor .inputLabel {
    display: block;
    padding-bottom: var(--lwc-spacingXxSmall, 0.25rem);
    color: var(--lwc-colorTextLabel, rgb(62, 62, 60))
}

.homeGoalEditor input {
    padding: 7px 14px;
    height: 42px;
    line-height: 25px;
    min-width: 220px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    color: var(--lwc-colorTextDefault, rgb(8, 7, 7));
    border: 1px solid var(--lwc-colorBorder, rgb(221, 219, 218));
    border-radius: var(--lwc-borderRadiusMedium, 0.25rem)
}

.homeGoalEditor .goalInputRow {
    display: flex;
    padding-top: var(--lwc-spacingLarge, 1.5rem)
}

.homeGoalEditor .currencyCode {
    padding-top: var(--lwc-spacingSmall, 0.75rem)
}

.homeGoalEditor .uiButton--default {
    position: static
}

.homeGoalEditor .currencyCode {
    padding-right: var(--lwc-spacingXSmall, 0.5rem)
}

.homeGoalEditor .goalErrorMsg {
    color: var(--lwc-colorTextError, rgb(194, 57, 52));
    font-size: var(--lwc-fontSizeSmall, 0.75rem);
    display: block;
    padding-top: var(--lwc-spacingXxSmall, 0.25rem)
}

.homeGoalEditor .buttonGroup {
    padding-top: var(--lwc-spacingLarge, 1.5rem);
    display: flex;
    justify-content: flex-end
}

.homeGoalEditor .uiInput--desktop .form-element__label {
    margin-right: 0
}

.homeGoalEditor .uiInput {
    display: flex;
    align-items: center;
    padding-top: var(--lwc-spacingLarge, 1.5rem)
}

.offlineSash {
    position: absolute;
    top: 0;
    right: 0
}

.offlineSash.hidden {
    display: none
}

.offlineSash.sash {
    width: 0;
    height: 0;
    color: var(--lwc-sashFontColor, rgb(255, 255, 255));
    border-style: solid;
    border-width: 0 var(--lwc-sashBorderSize, 2rem) var(--lwc-sashBorderSize, 2rem) 0;
    border-color: transparent var(--lwc-sashIrreconcilableColor, rgb(194, 57, 52)) transparent transparent
}

.offlineSash.sash.new {
    border-right-color: var(--lwc-sashNewColor, rgb(4, 132, 75))
}

.offlineSash.sash.error {
    border-right-color: var(--lwc-sashErrorColor, rgb(255, 183, 93))
}

.offlineSash.sash.irreconcilable {
    border-right-color: var(--lwc-sashIrreconcilableColor, rgb(194, 57, 52))
}

.offlineSash .sashIcon {
    padding-top: calc(0.05 * var(--lwc-sashBorderSize, 2rem));
    padding-left: calc(0.5 * var(--lwc-sashBorderSize, 2rem))
}

.offlineSash .sashIcon .slds-icon {
    vertical-align: top
}

.oneActionsRibbon li > a {
    text-decoration: none
}

.oneActionsRibbon .slds-button__icon {
    line-height: initial
}

.oneActionsRibbon .slds-button__icon .slds-icon--xx-small {
    width: var(--lwc-squareIconSmallContent, 0.75rem);
    height: var(--lwc-squareIconSmallContent, 0.75rem)
}

.oneActionsRibbon li.slds-button--neutral {
    padding-left: 0;
    padding-right: 0
}

.oneActionsRibbon li.slds-button--neutral > a, .oneActionsRibbon li.slds-button--neutral > button {
    padding-left: var(--lwc-spacingMedium, 1rem);
    padding-right: var(--lwc-spacingMedium, 1rem);
    display: block
}

.oneActionsRibbon li.slds-button--neutral > a {
    color: var(--lwc-brandAccessible, rgb(0, 112, 210))
}

.oneActionsRibbon li.slds-button--neutral:hover > a, .oneActionsRibbon li.slds-button--neutral:focus > a {
    color: var(--lwc-brandAccessibleActive, rgb(0, 95, 178))
}

.oneActionsRibbon li.slds-button--neutral > a:active, .oneActionsRibbon li.slds-button--neutral > button:active {
    color: var(--lwc-brandAccessible, rgb(0, 112, 210))
}

.oneActionsRibbon li.slds-button--neutral > a:hover, .oneActionsRibbon li.slds-button--neutral > button:hover, .oneActionsRibbon li.slds-button--neutral > a:focus, .oneActionsRibbon li.slds-button--neutral > button:focus {
    background-color: var(--lwc-colorBackgroundRowHover, rgb(243, 242, 242))
}

.oneActionsRibbon li.slds-button--neutral:active {
    background-color: var(--lwc-colorBackgroundButtonDefaultActive, rgb(238, 241, 246))
}

.oneActionsRibbon .oneActionsDropDown.slds-button a:hover, .oneActionsRibbon .oneActionsDropDown.slds-button a:focus {
    color: var(--lwc-brandAccessibleActive, rgb(0, 95, 178))
}

.oneUserSwitcher .activity {
    width: 12px;
    border-radius: 0;
    vertical-align: middle;
    margin-right: 8px
}

.oneUserSwitcher ul {
    max-height: calc(100vh - 400px);
    margin-left: calc(var(--lwc-spacingMedium, 1rem) * -1);
    margin-right: calc(var(--lwc-spacingMedium, 1rem) * -1);
    overflow-y: auto
}

.oneUserSwitcher a {
    display: block
}

.oneUserSwitcher .mainArea {
    position: relative
}

.oneUserSwitcher input.quickFindContainer {
    border: 1px solid var(--lwc-colorBorderSeparatorAlt, rgb(221, 219, 218));
    padding-left: 2.5rem;
    border-radius: var(--lwc-borderRadiusMedium, 0.25rem);
    resize: none
}

.oneUserSwitcher .searchContainer {
    padding-left: var(--lwc-spacingXSmall, 0.5rem);
    padding-right: var(--lwc-spacingXSmall, 0.5rem);
    padding-bottom: var(--lwc-spacingXSmall, 0.5rem)
}

.oneUserSwitcher .searchIcon {
    position: absolute;
    color: var(--lwc-colorTextInputIcon, rgb(176, 173, 171));
    font-size: 1.1rem;
    left: var(--lwc-spacingMedium, 1rem);
    top: 10px
}

.oneUserSwitcher .usernames {
    padding: var(--lwc-spacingXxSmall, 0.25rem) var(--lwc-spacingMedium, 1rem);
    background-color: var(--lwc-colorBackground, rgb(243, 242, 242));
    border-top: 1px solid;
    border-bottom: 1px solid;
    border-color: var(--lwc-colorBorder, rgb(221, 219, 218));
    color: var(--lwc-colorTextLabel, rgb(62, 62, 60));
    font-size: var(--lwc-fontSizeSmall, 0.75rem)
}

.oneUserSwitcher li a {
    color: var(--lwc-colorTextDefault, rgb(8, 7, 7));
    width: 100%;
    height: 100%;
    text-decoration: none;
    display: block;
    padding-top: var(--lwc-spacingMedium, 1rem);
    padding-bottom: var(--lwc-spacingMedium, 1rem);
    font-size: var(--lwc-fontSizeMedium, 0.8125rem);
    box-sizing: border-box;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow-x: hidden;
    padding-left: var(--lwc-spacingXLarge, 2rem);
    padding-right: var(--lwc-spacingXLarge, 2rem)
}

.oneUserSwitcher ul li {
    border-bottom: 1px solid var(--lwc-colorBorderSeparatorAlt, rgb(221, 219, 218))
}

.oneUserSwitcher ul li:last-child {
    border-bottom: none
}

.oneUserSwitcher li a:hover {
    background: var(--lwc-colorBackgroundRowHover, rgb(243, 242, 242))
}

.oneUserSwitcher .llHostname {
    color: var(--lwc-colorTextLabel, rgb(62, 62, 60));
    font-size: var(--lwc-fontSizeSmall, 0.75rem);
    line-height: var(--lwc-fontSizeSmall, 0.75rem)
}

.oneUserSwitcher .hostname {
    padding-left: 20px;
    color: var(--lwc-colorTextLabel, rgb(62, 62, 60));
    font-size: var(--lwc-fontSizeSmall, 0.75rem);
    line-height: var(--lwc-fontSizeSmall, 0.75rem)
}

.oneUserSwitcher .showMore, .oneUserSwitcher .addAccount {
    padding-top: var(--lwc-spacingSmall, 0.75rem);
    padding-bottom: var(--lwc-spacingSmall, 0.75rem);
    padding-left: var(--lwc-spacingMedium, 1rem)
}

.oneUserSwitcher .showMore {
    border-top: 1px solid var(--lwc-colorBorderSeparatorAlt, rgb(221, 219, 218))
}

.oneUserSwitcher .quickFindArea.textarea {
    vertical-align: middle;
    border: 0 white solid;
    resize: none;
    padding: 0;
    padding-left: 1.5rem;
    border-radius: 0;
    display: inline-block;
    font-size: var(--lwc-fontSizeMedium, 0.8125rem);
    line-height: var(--lwc-fontSizeMedium, 0.8125rem);
    height: 1rem;
    overflow-y: hidden
}

.oneUserSwitcher .quickFindArea.textarea:focus {
    box-shadow: none
}

.reportsEclairChart.eclair-component-container {
    display: inline-block;
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
    white-space: nowrap
}

.reportsEclairChart .eclair-component-chart, .reportsEclairChart .eclair-component-legend {
    position: relative;
    display: inline-block;
    height: 100%;
    transition: width .6s
}

.reportsEclairChart .hide {
    display: none
}

.reportsEclairChart .errorText {
    font-weight: var(--lwc-fontWeightLight, 300);
    font-size: var(--lwc-fontSizeMedium, 0.8125rem);
    color: var(--lwc-colorTextError, rgb(194, 57, 52));
    margin-top: var(--lwc-spacingXxSmall, 0.25rem);
    display: inline-block;
    white-space: normal
}

.reportsEclairChart .eclair-component-alt-text {
    position: absolute;
    left: -100px;
    top: -100px;
    opacity: .01
}

.reportsEclairChart .error-div {
    width: 100%;
    height: 100%
}

.reportsEclairChart.ng-charthover {
    display: none;
    visibility: hidden;
    position: absolute;
    z-index: 10000;
    border-radius: 3px;
    padding: 12px;
    white-space: nowrap;
    box-shadow: 0 2px 3px 0 #a8b7c7
}

.reportsEclairChart.ng-charthover hr {
    margin-top: 4px;
    margin-bottom: 4px;
    border-top-color: #334f87
}

.reportsEclairChart.ng-charthover .dimension {
    padding-bottom: 4px
}

.reportsEclairChart.ng-charthover table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 4px 0
}

.reportsEclairChart.ng-charthover .measure td {
    vertical-align: top;
    text-align: left;
    padding-top: 4px
}

.reportsEclairChart.ng-charthover .measure td.valueCell {
    text-align: right
}

.reportsEclairChart.ng-charthover .line label {
    font-weight: normal;
    font-size: 13px;
    margin-bottom: 0;
    display: block
}

.reportsEclairChart.ng-charthover .line .marking {
    width: 4px;
    border-radius: 2px;
    position: absolute;
    display: inline-block
}

.reportsEclairChart.ng-charthover span, .reportsEclairChart.ng-charthover a, .reportsEclairChart.ng-cursor-default {
    cursor: inherit
}

.reportsEclairChart.ng-cursor-ew-resize {
    cursor: ew-resize
}

.reportsEclairChart.ng-cursor-ns-resize {
    cursor: ns-resize
}

.reportsEclairChart.ng-cursor-move {
    cursor: move
}

.reportsEclairChart .ng-cursor-default {
    cursor: inherit
}

.reportsEclairChart .ng-cursor-inherit {
    cursor: inherit
}

.reportsEclairChart .ng-cursor-auto {
    cursor: auto
}

.reportsEclairChart .ng-cursor-none {
    cursor: none
}

.reportsEclairChart .ng-cursor-pointer {
    cursor: pointer
}

.reportsEclairChart .ng-cursor-progress {
    cursor: progress
}

.reportsEclairChart .ng-cursor-help {
    cursor: help
}

.reportsEclairChart .ng-cursor-text {
    cursor: text
}

.reportsEclairChart .ng-cursor-cell {
    cursor: cell
}

.reportsEclairChart .ng-cursor-crosshair {
    cursor: crosshair
}

.reportsEclairChart .ng-cursor-alias {
    cursor: alias
}

.reportsEclairChart .ng-cursor-context-menu {
    cursor: context-menu
}

.reportsEclairChart .ng-cursor-vertical-text {
    cursor: vertical-text
}

.reportsEclairChart .ng-cursor-copy {
    cursor: copy
}

.reportsEclairChart .ng-cursor-move {
    cursor: move
}

.reportsEclairChart .ng-cursor-no-drop {
    cursor: no-drop
}

.reportsEclairChart .ng-cursor-not-allowed {
    cursor: not-allowed
}

.reportsEclairChart .ng-cursor-all-scroll {
    cursor: all-scroll
}

.reportsEclairChart .ng-cursor-col-resize {
    cursor: col-resize
}

.reportsEclairChart .ng-cursor-row-resize {
    cursor: row-resize
}

.reportsEclairChart .ng-cursor-nesw-resize {
    cursor: nesw-resize
}

.reportsEclairChart .ng-cursor-nwse-resize {
    cursor: nwse-resize
}

.reportsEclairChart .ng-cursor-n-resize {
    cursor: n-resize
}

.reportsEclairChart .ng-cursor-e-resize {
    cursor: e-resize
}

.reportsEclairChart .ng-cursor-s-resize {
    cursor: s-resize
}

.reportsEclairChart .ng-cursor-w-resize {
    cursor: w-resize
}

.reportsEclairChart .ng-cursor-ns-resize {
    cursor: ns-resize
}

.reportsEclairChart .ng-cursor-ew-resize {
    cursor: ew-resize
}

.reportsEclairChart .ng-cursor-ne-resize {
    cursor: ne-resize
}

.reportsEclairChart .ng-cursor-nw-resize {
    cursor: nw-resize
}

.reportsEclairChart .ng-cursor-sw-resize {
    cursor: sw-resize
}

.reportsEclairChart .ng-cursor-se-resize {
    cursor: se-resize
}

.reportsEclairChart .ng-cursor-wait {
    cursor: wait
}

.reportsEclairChart .ng-cursor-grab {
    cursor: grab
}

.reportsEclairChart .ng-cursor-grabbing {
    cursor: grabbing
}

.reportsEclairChart .ng-cursor-zoom-in {
    cursor: zoom-in
}

.reportsEclairChart .ng-cursor-zoom-out {
    cursor: zoom-out
}

.reportsEclairChart.ng-charthover.truncation {
    border-radius: 0;
    border: 1px solid #808080;
    background-color: rgba(255, 255, 194, 1);
    padding: 0 5px;
    transform-origin: 0% 0%
}

.reportsEclairChart.ng-charthover.truncation .truncation-text {
    font-size: 12px
}

.reportsEclairChart.ng-button {
    right: 0;
    top: 0;
    height: 30px;
    font-size: 12px;
    color: #3f5f80;
    border: 1px solid #c5d3e0;
    background-color: white;
    z-index: 2;
    position: absolute
}

.reportsEclairChart.assistiveText {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
    overflow: hidden
}

.reportsEclairChart .ps-container {
    -ms-touch-action: none;
    overflow: hidden !important
}

.reportsEclairChart .ps-container.ps-active-x > .ps-scrollbar-x-rail, .reportsEclairChart .ps-container.ps-active-y > .ps-scrollbar-y-rail {
    display: block
}

.reportsEclairChart .ps-container.ps-in-scrolling {
    pointer-events: none
}

.reportsEclairChart .ps-container.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail {
    background-color: #eee;
    opacity: .9
}

.reportsEclairChart .ps-container.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x {
    background-color: #999
}

.reportsEclairChart .ps-container.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail {
    background-color: #eee;
    opacity: .9
}

.reportsEclairChart .ps-container.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y {
    background-color: #999
}

.reportsEclairChart .ps-container > .ps-scrollbar-x-rail {
    display: none;
    position: absolute;
    border-radius: 4px;
    opacity: 0;
    transition: background-color .2s linear, opacity .2s linear;
    bottom: 3px;
    height: 8px
}

.reportsEclairChart .ps-container > .ps-scrollbar-x-rail > .ps-scrollbar-x {
    position: absolute;
    background-color: #aaa;
    border-radius: 4px;
    transition: background-color .2s linear;
    bottom: 0;
    height: 8px
}

.reportsEclairChart .ps-container > .ps-scrollbar-y-rail {
    display: none;
    position: absolute;
    border-radius: 4px;
    opacity: 0;
    transition: background-color .2s linear, opacity .2s linear;
    right: 3px;
    width: 8px
}

.reportsEclairChart .ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y {
    position: absolute;
    background-color: #aaa;
    border-radius: 4px;
    transition: background-color .2s linear;
    right: 0;
    width: 8px
}

.reportsEclairChart .ps-container:hover.ps-in-scrolling {
    pointer-events: none
}

.reportsEclairChart .ps-container:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail {
    background-color: #eee;
    opacity: .9
}

.reportsEclairChart .ps-container:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x {
    background-color: #999
}

.reportsEclairChart .ps-container:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail {
    background-color: #eee;
    opacity: .9
}

.reportsEclairChart .ps-container:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y {
    background-color: #999
}

.reportsEclairChart .ps-container:hover > .ps-scrollbar-x-rail, .reportsEclairChart .ps-container:hover > .ps-scrollbar-y-rail {
    opacity: .6
}

.reportsEclairChart .ps-container:hover > .ps-scrollbar-x-rail:hover {
    background-color: #eee;
    opacity: .9
}

.reportsEclairChart .ps-container:hover > .ps-scrollbar-x-rail:hover > .ps-scrollbar-x {
    background-color: #999
}

.reportsEclairChart .ps-container:hover > .ps-scrollbar-y-rail:hover {
    background-color: #eee;
    opacity: .9
}

.reportsEclairChart .ps-container:hover > .ps-scrollbar-y-rail:hover > .ps-scrollbar-y {
    background-color: #999
}

.runtime_sales_activitiesActivityTimelineFixedLayoutExpandedSiqEmail .iconBorder {
    line-height: .8125rem;
    border-radius: var(--lwc-borderRadiusMedium, 0.25rem);
    color: var(--lwc-colorTextActionLabel, rgb(62, 62, 60));
    border: 1px solid #d8dde6;
    padding: var(--lwc-varSpacingXxSmall, 0.25rem);
    display: inline-block;
    margin-right: var(--lwc-varSpacingHorizontalXSmall, 0.5rem);
    position: relative;
    font-size: var(--lwc-fontSize3, 0.8125rem)
}

.runtime_sales_activitiesActivityTimelineFixedLayoutExpandedSiqEmail .emailActions .iconBorder {
    background-color: var(--lwc-colorBackgroundInput, rgb(255, 255, 255))
}

.runtime_sales_activitiesActivityTimelineFixedLayoutExpandedSiqEmail .emailActions a:hover .iconBorder {
    background-color: var(--lwc-colorBackgroundRowHover, rgb(243, 242, 242));
    color: #005fb2
}

.runtime_sales_activitiesActivityTimelineFixedLayoutExpandedSiqEmail .emailActions a:focus .iconBorder {
    outline: 0;
    box-shadow: 0 0 3px var(--lwc-colorBackgroundChromeMobile, rgb(0, 112, 210));
    background-color: var(--lwc-colorBackgroundRowHover, rgb(243, 242, 242))
}

.runtime_sales_activitiesActivityTimelineFixedLayoutExpandedSiqEmail .emailActions a:active .iconBorder {
    background-color: var(--lwc-colorBackgroundRowActive, rgb(236, 235, 234))
}

.runtime_sales_activitiesActivityTimelineFixedLayoutExpandedSiqEmail .outputLookupContainer {
    display: inline
}

.runtime_sales_activitiesActivityTimelineFixedLayoutExpandedSiqEvent .iconBorder {
    line-height: .8125rem;
    border-radius: var(--lwc-borderRadiusMedium, 0.25rem);
    color: var(--lwc-colorTextActionLabel, rgb(62, 62, 60));
    border: 1px solid #d8dde6;
    padding: var(--lwc-varSpacingXxSmall, 0.25rem);
    display: inline-block;
    margin-right: var(--lwc-varSpacingHorizontalXSmall, 0.5rem);
    position: relative;
    font-size: var(--lwc-fontSize3, 0.8125rem)
}

.runtime_sales_activitiesActivityTimelineFixedLayoutExpandedSiqEvent .emailActions .iconBorder {
    background-color: var(--lwc-colorBackgroundInput, rgb(255, 255, 255))
}

.runtime_sales_activitiesActivityTimelineFixedLayoutExpandedSiqEvent .emailActions a:hover .iconBorder {
    background-color: var(--lwc-colorBackgroundRowHover, rgb(243, 242, 242));
    color: #005fb2
}

.runtime_sales_activitiesActivityTimelineFixedLayoutExpandedSiqEvent .emailActions a:focus .iconBorder {
    outline: 0;
    box-shadow: 0 0 3px var(--lwc-colorBackgroundChromeMobile, rgb(0, 112, 210));
    background-color: var(--lwc-colorBackgroundRowHover, rgb(243, 242, 242))
}

.runtime_sales_activitiesActivityTimelineFixedLayoutExpandedSiqEvent .emailActions a:active .iconBorder {
    background-color: var(--lwc-colorBackgroundRowActive, rgb(236, 235, 234))
}

.runtime_sales_activitiesActivityTimelineFixedLayoutExpandedSiqEvent .outputLookupContainer {
    display: inline
}

.runtime_sales_activitiesActivityTimelineFixedLayoutExpandedSiqEvent .slds-item--detail.slds-truncate > span.runtime_sales_activitiesTaskDueDate, .runtime_sales_activitiesActivityTimelineFixedLayoutExpandedSiqEvent .slds-item--detail.slds-truncate > span.runtime_sales_activitiesActivityTime {
    color: var(--lwc-colorTextDefault, rgb(8, 7, 7));
    font-size: var(--lwc-fontSize3, 0.8125rem)
}

.runtime_sales_activitiesActivityTimelineInsightLabel .einstein-icon {
    width: var(--lwc-squareIconUtilitySmall, 1rem);
    height: var(--lwc-squareIconUtilitySmall, 1rem);
    border-radius: var(--lwc-borderRadiusCircle, 50%)
}

.runtime_sales_activitiesActivityTimelineInsightLabel {
    max-width: 100%
}

.runtime_sales_activitiesActivityTimelineInsightLabel .insight-wrapper {
    max-width: 100%
}

.uiCarousel {
    width: 100%;
    height: 100%;
    overflow: hidden
}

.uiCarousel > .carousel-body {
    white-space: nowrap;
    width: 100%;
    overflow: hidden
}

.uiCarousel.flex {
    display: flex;
    -webkit-box-orient: vertical;
    -ms-box-orient: vertical;
    box-orient: vertical;
    flex-flow: column
}

.uiCarousel.flex > .carousel-body {
    flex: 1
}

.uiCarousel > .carousel-body > .scroller > .carousel-page {
    position: relative;
    white-space: normal;
    width: 100%;
    display: inline-block
}

.uiCarousel .scroll-horizontal > .carousel-page {
    height: 100%
}

.analyticsPluginChart {
    width: 100%;
    border: none;
    height: 100%;
    position: absolute
}

.emailuiOutboxActivity {
    transition: all .2s linear;
    transition-property: opacity, height, margin;
    display: block
}

.emailuiOutboxActivity .slds-notify--alert {
    border-radius: .25rem;
    text-align: left
}

.emailuiOutboxActivity .slds-media--timeline:before {
    z-index: 0
}

.emailuiOutboxActivity .slds-timeline__icon {
    z-index: 1
}

.emailuiOutboxActivity.hide {
    opacity: 0;
    height: 0;
    margin: 0 auto
}

.forceAddressAutocompleteOption.highlighted {
    background-color: var(--lwc-colorBackgroundRowHover, rgb(243, 242, 242))
}

.forceAddressAutocompleteOption .match {
    font-family: var(--lwc-fontFamily, 'Salesforce Sans', Arial, sans-serif);
    color: var(--lwc-colorTextDefault, rgb(8, 7, 7));
    font-weight: var(--lwc-fontWeightBold, 700)
}

.forceAddressAutocompleteOption .firstLine {
    padding-bottom: 0;
    padding-top: 0
}

.forceAddressAutocompleteOption .secondLine {
    padding-bottom: 0;
    padding-top: var(--lwc-spacingXxxSmall, 0.125rem)
}

.forceAddressAutocompleteOption .option {
    padding-top: var(--lwc-spacingXSmall, 0.5rem);
    padding-bottom: var(--lwc-spacingXSmall, 0.5rem);
    position: relative
}

.forceAddressAutocompleteOption .optionText {
    font-size: var(--lwc-fontSizeMedium, 0.8125rem);
    font-weight: var(--lwc-fontWeightRegular, 400);
    color: var(--lwc-colorTextWeak, rgb(62, 62, 60));
    padding-left: calc(2 * var(--lwc-spacingXSmall, 0.5rem) + var(--lwc-spacingXLarge, 2rem));
    display: inline-block
}

.forceAddressAutocompleteOption .optionIcon {
    position: absolute;
    left: var(--lwc-spacingXSmall, 0.5rem);
    margin-top: calc(-0.5 * var(--lwc-spacingXLarge, 2rem));
    top: 50%
}

.forceAddressAutocompleteOption svg {
    fill: var(--lwc-colorTextInputIcon, rgb(176, 173, 171))
}

.forceAsyncCarousel .forceAsyncCarouselIndicator .item a {
    border-radius: 0;
    color: var(--lwc-colorTextWeak, rgb(62, 62, 60));
    border-bottom: 2px solid transparent
}

.forceAsyncCarousel .forceAsyncCarouselIndicator .item a.selected {
    color: var(--lwc-colorTextDefault, rgb(8, 7, 7))
}

.forceAsyncCarousel .scroller.continuous-flow .carousel-page {
    visibility: visible
}

.forceAsyncCarousel.indicator-supressed .forceAsyncCarouselIndicator {
    display: none
}

.forceAsyncCarousel .forceAsyncCarouselIndicator .item {
    box-sizing: border-box;
    font-size: var(--lwc-fontSizeSmall, 0.75rem);
    margin: 0;
    padding: 0;
    cursor: pointer;
    white-space: nowrap;
    line-height: var(--lwc-lineHeightHeading, 1.25)
}

.forceAsyncCarousel .forceAsyncCarouselIndicator .item a {
    border-radius: 0;
    border-bottom: 2px solid transparent
}

.forceAsyncCarousel .scroller.continuous-flow .carousel-page {
    visibility: visible
}

.forceBaseCard .headerIconLink {
    display: block
}

.forceBaseCard .header-title-container {
    display: inline-flex;
    max-width: 100%;
    font-weight: var(--lwc-cardFontWeight, 700)
}

.forceDeferredDropDownAction .slds-icon_container {
    line-height: initial
}

.forceDeferredDropDownAction .slds-icon_container .slds-icon--xx-small {
    width: var(--lwc-squareIconSmallContent, 0.75rem);
    height: var(--lwc-squareIconSmallContent, 0.75rem)
}

.forceFilterCriteriaMenuItem {
    padding: 0;
    background-color: var(--lwc-colorBackground, rgb(243, 242, 242));
    font-weight: var(--lwc-fontWeightRegular, 400)
}

.forceFilterCriteriaMenuItem, .forceFilterCriteriaMenuItem a {
    box-sizing: content-box
}

.forceFilterCriteriaMenuItem a {
    margin: 0;
    display: block;
    padding: var(--lwc-spacingMedium, 1rem);
    border-bottom: 1px solid var(--lwc-colorBorderSeparatorAlt, rgb(221, 219, 218));
    text-align: left;
    text-decoration: none;
    color: var(--lwc-colorTextDefault, rgb(8, 7, 7))
}

.forceFilterCriteriaMenuItem a:active, .forceFilterCriteriaMenuItem a:focus {
    padding: var(--lwc-spacingMedium, 1rem);
    color: inherit;
    border-radius: 0;
    text-decoration: none;
    background-color: transparent
}

.forceFilterCriteriaMenuItem .label {
    float: left;
    width: 60%;
    vertical-align: middle;
    font-size: var(--lwc-fontSizeMedium, 0.8125rem);
    padding-top: 3px
}

.forceFilterCriteriaMenuItem .stateIndicator {
    float: left;
    display: none;
    width: 40%
}

.forceFilterCriteriaMenuItem a.selected .stateIndicator {
    display: block
}

.forceFilterCriteriaMenuItem .indicatorBox {
    float: right;
    padding-bottom: 3px;
    padding-left: 7px;
    padding-right: 7px;
    background-color: white;
    border-radius: 20px
}

.forceFilterCriteriaMenuItem .visible {
    display: inline-block
}

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

.forceFilterCriteriaMenuItem .indicatorCheckIcon {
    font-size: 11px;
    color: var(--lwc-colorBrand, rgb(21, 137, 238))
}

.forceFilterMenuItem .filterIcon {
    float: left;
    vertical-align: middle
}

.forceFilterMenuItem .filterIcon .icon {
    color: var(--lwc-colorTextIconDefault, rgb(112, 110, 107));
    font-size: var(--lwc-squareIconUtilityLarge, 1.5rem)
}

.forceFilterMenuItem .itemBody {
    width: 100%;
    vertical-align: middle;
    color: var(--lwc-colorTextDefault, rgb(8, 7, 7));
    padding-left: 2.5rem;
    padding-top: var(--lwc-spacingXxSmall, 0.25rem)
}

.forceFilterMenuItem .itemBody a {
    width: 100%;
    padding: 0
}

.forceFilterMenuItem .itemBody .selected .check, .forceFilterMenuItem .itemBody a.selected:active .check {
    visibility: visible
}

.forceFilterMenuItem .itemBody .check {
    visibility: hidden;
    display: table-cell;
    vertical-align: middle;
    text-align: right !important
}

.forceFilterMenuItem .itemBody .item .label {
    font-size: var(--lwc-fontSizeMedium, 0.8125rem);
    font-weight: var(--lwc-fontWeightRegular, 400);
    line-height: var(--lwc-lineHeightHeading, 1.25);
    color: var(--lwc-colorTextDefault, rgb(8, 7, 7));
    display: table-cell;
    vertical-align: middle
}

.forceFilterMenuItem .itemBody .item .check {
    color: var(--lwc-colorTextPlaceholder, rgb(112, 110, 107));
    font-size: var(--lwc-fontSizeLarge, 1rem)
}

.forceHeaderMenuTrigger a:focus {
    outline: 0;
    box-shadow: var(--lwc-shadowButtonFocus, 0 0 3px #0070D2)
}

.forceHeaderMenuTrigger .headerTrigger {
    display: block
}

.forceHeaderMenuTrigger .headerTrigger:focus {
    outline: none
}

.forceHeaderMenuTrigger.header-tooltip {
    z-index: var(--lwc-zIndexDropdown, 7000) !important
}

.forceHeaderMenuTrigger.header-tooltip .tooltip-body {
    white-space: nowrap;
    width: auto
}

.forceHoverPanel {
    outline: none
}

.forceHoverPanel .pointer {
    background-color: var(--lwc-colorBackground, rgb(243, 242, 242))
}

.forceHoverPanel .hoverPanelCloseIcon {
    font-family: Arial;
    font-size: 25px;
    overflow: visible;
    background: transparent;
    border: none;
    box-shadow: none;
    z-index: 1
}

.forceHoverPanel .uiButton.closeBtn {
    top: 3px;
    right: 3px;
    padding: 0
}

.forceHoverPanel .uiButton.closeBtn .slds-icon {
    display: block
}

.forceHoverPanel .uiButton.closeBtn:focus {
    box-shadow: var(--lwc-shadowButtonFocus, 0 0 3px #0070D2);
    outline: none
}

.forceHoverPrototype {
    display: inline-block;
    outline: 0;
    border: var(--lwc-borderWidthThick, 2px);
    border-style: solid;
    border-color: rgb(255, 255, 255)
}

.forceHoverPrototype .scrollableContainer {
    max-height: 784px;
    max-width: 400px;
    overflow-y: scroll
}

.forceHoverPrototype.arrow_top_left, .forceHoverPrototype.arrow_top_right, .forceHoverPrototype.arrow_bottom_left, .forceHoverPrototype.arrow_bottom_right, .forceHoverPrototype.arrow_left_top, .forceHoverPrototype.arrow_left_bottom, .forceHoverPrototype.arrow_right_top, .forceHoverPrototype.arrow_right_bottom {
    position: fixed;
    background: #ffffff;
    border-radius: var(--lwc-borderRadiusMedium, 0.25rem);
    -webkit-filter: drop-shadow(0 2px 3px rgba(0, 0, 0, .16));
    filter: drop-shadow(0 2px 3px rgba(0, 0, 0, .16));
    box-shadow: 0 2px 3px rgba(0, 0, 0, .16);
    z-index: 9
}

.forceHoverPrototype.arrow_top_left:before {
    content: " ";
    pointer-events: none;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 var(--lwc-spacingSmall, 0.75rem) var(--lwc-spacingSmall, 0.75rem) var(--lwc-spacingSmall, 0.75rem);
    border-color: transparent transparent #ffffff transparent;
    top: -12px;
    left: var(--lwc-spacingSmall, 0.75rem);
    position: absolute
}

.forceHoverPrototype.arrow_top_right:before {
    content: " ";
    pointer-events: none;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 var(--lwc-spacingSmall, 0.75rem) var(--lwc-spacingSmall, 0.75rem) var(--lwc-spacingSmall, 0.75rem);
    border-color: transparent transparent #ffffff transparent;
    top: -12px;
    right: var(--lwc-spacingSmall, 0.75rem);
    position: absolute
}

.forceHoverPrototype.arrow_bottom_left:before {
    content: " ";
    pointer-events: none;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: var(--lwc-spacingSmall, 0.75rem) var(--lwc-spacingSmall, 0.75rem) 0 var(--lwc-spacingSmall, 0.75rem);
    border-color: #ffffff transparent transparent transparent;
    bottom: -12px;
    left: var(--lwc-spacingSmall, 0.75rem);
    position: absolute
}

.forceHoverPrototype.arrow_bottom_right:before {
    content: " ";
    pointer-events: none;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: var(--lwc-spacingSmall, 0.75rem) var(--lwc-spacingSmall, 0.75rem) 0 var(--lwc-spacingSmall, 0.75rem);
    border-color: #ffffff transparent transparent transparent;
    bottom: -12px;
    right: var(--lwc-spacingSmall, 0.75rem);
    position: absolute
}

.forceHoverPrototype.arrow_left_top:before {
    content: " ";
    pointer-events: none;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 13px 13px 13px 0;
    border-color: transparent #dee transparent transparent;
    left: -14px;
    top: var(--lwc-spacingSmall, 0.75rem);
    position: absolute
}

.forceHoverPrototype.arrow_left_top:after {
    content: " ";
    pointer-events: none;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: var(--lwc-spacingSmall, 0.75rem) var(--lwc-spacingSmall, 0.75rem) var(--lwc-spacingSmall, 0.75rem) 0;
    border-color: transparent #ffffff transparent transparent;
    left: -12px;
    top: var(--lwc-spacingSmall, 0.75rem);
    position: absolute
}

.forceHoverPrototype.arrow_left_bottom:before {
    content: " ";
    pointer-events: none;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 13px 13px 13px 0;
    border-color: transparent #dee transparent transparent;
    left: -14px;
    bottom: 9px;
    position: absolute
}

.forceHoverPrototype.arrow_left_bottom:after {
    content: " ";
    pointer-events: none;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: var(--lwc-spacingSmall, 0.75rem) var(--lwc-spacingSmall, 0.75rem) var(--lwc-spacingSmall, 0.75rem) 0;
    border-color: transparent #ffffff transparent transparent;
    left: -11px;
    bottom: 14px;
    position: absolute
}

.forceHoverPrototype.arrow_right_top:after {
    content: " ";
    pointer-events: none;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: var(--lwc-spacingSmall, 0.75rem) 0 var(--lwc-spacingSmall, 0.75rem) var(--lwc-spacingSmall, 0.75rem);
    border-color: transparent transparent transparent #ffffff;
    right: -12px;
    top: var(--lwc-spacingSmall, 0.75rem);
    position: absolute
}

.forceHoverPrototype.arrow_right_top:before {
    content: " ";
    pointer-events: none;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 13px 0 13px 13px;
    border-color: transparent transparent transparent #dee;
    right: -13px;
    top: 11px;
    position: absolute
}

.forceHoverPrototype.arrow_right_bottom:after {
    content: " ";
    pointer-events: none;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: var(--lwc-spacingSmall, 0.75rem) 0 var(--lwc-spacingSmall, 0.75rem) var(--lwc-spacingSmall, 0.75rem);
    border-color: transparent transparent transparent #ffffff;
    right: -12px;
    position: absolute
}

.forceHoverPrototype.arrow_right_bottom:before {
    content: " ";
    pointer-events: none;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 13px 0 13px 13px;
    border-color: transparent transparent transparent #dee;
    right: -13px;
    bottom: 9px;
    position: absolute
}

.forceHoverPrototype.animate {
    transition: top 300ms
}

.forceMobileActionModal .forceIcon {
    font-size: var(--lwc-squareIconLargeContent, 2rem);
    margin-bottom: var(--lwc-spacingXSmall, 0.5rem)
}

.forceMobileActionModal .forceIcon[data-key]:before {
    display: block
}

.forceMobileActionModal .forceIcon[data-key=warning] {
    color: var(--lwc-colorTextWarning, rgb(255, 183, 93))
}

.forceMobileActionModal .forceIcon[data-key=error] {
    color: var(--lwc-colorTextError, rgb(194, 57, 52))
}

.forceMobileOverlay {
    transition: transform var(--lwc-durationQuickly, 0.1s) linear, opacity var(--lwc-durationQuickly, 0.1s) linear;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.forceMobileOverlay .container {
    position: relative;
    transform: translate(0, 0);
    transition: transform var(--lwc-durationQuickly, 0.1s) linear, opacity var(--lwc-durationQuickly, 0.1s) linear;
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    border-radius: 0
}

.forceMobileOverlay .panel-header {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    transform: translate3d(0, 0, 0);
    top: 0;
    left: 0;
    z-index: 1;
    background: var(--lwc-colorBackgroundAlt, rgb(255, 255, 255));
    flex-shrink: 0;
    position: relative;
    border-radius: 0;
    border-bottom: var(--lwc-borderWidthThick, 2px) solid var(--lwc-colorBorder, rgb(221, 219, 218));
    padding: var(--lwc-spacingMedium, 1rem);
    text-align: center
}

.forceMobileOverlay .panel-header .title {
    order: 2;
    flex: 1;
    font-weight: var(--lwc-fontWeightLight, 300);
    font-size: var(--lwc-fontSizeLarge, 1rem);
    line-height: var(--lwc-lineHeightHeading, 1.25);
    padding: 0;
    margin: 0 var(--lwc-spacingXxSmall, 0.25rem)
}

.forceMobileOverlay .panel-header button:first-of-type {
    display: block;
    order: 5
}

.forceMobileOverlay .panel-header button:last-of-type {
    display: block;
    order: 1;
    margin: 0
}

.forceMobileOverlay .panel-content {
    background: var(--lwc-colorBackgroundAlt, rgb(255, 255, 255));
    overflow: hidden;
    overflow-y: auto
}

.forceMobileOverlay .panel-content .saveOption {
    padding: var(--lwc-spacingMedium, 1rem);
    border-bottom: var(--lwc-borderWidthThick, 2px) solid var(--lwc-colorBorder, rgb(221, 219, 218));
    background: var(--lwc-colorBackground, rgb(243, 242, 242));
    float: none
}

.forceOutputAddressText.street {
    white-space: pre-line
}

.forceOutputAddressText.map {
    padding-top: 16px;
    overflow-x: hidden
}

.forceOutputAddressText.desktop.municipality {
    overflow: hidden;
    text-overflow: ellipsis
}

.forceOutputCurrency.rawValue {
    font-style: italic
}

.forceOutputURL a {
    word-wrap: break-word;
    word-break: break-all
}

.forceOutputURL.disabled {
    color: var(--lwc-colorTextLinkDisabled, rgb(22, 50, 92))
}

.forcePanelSlider {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    visibility: hidden;
    overflow: hidden
}

.forcePanelSlider .tablet.sliderWrapper {
    width: 460px
}

.forcePanelSlider .tablet.sliderWrapper.rightPosition {
    left: auto;
    right: 0
}

.forcePanelSlider .sliderWrapper {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transform: translate3d(0, 0, 0);
    z-index: 999
}

.forcePanelSlider .body {
    position: absolute;
    width: 100%;
    height: 100%
}

.forcePanelSlider .sliderWrapper.rightPosition .body {
    margin-left: 50px
}

.forcePanelSlider .sliderWrapper.leftPosition .body {
    margin-right: 50px
}

.forcePanelSlider .tablet.sliderWrapper > .button {
    top: 25%;
    right: 50px
}

.forcePanelSlider .sliderWrapper > .button {
    position: absolute;
    display: block;
    top: 40%;
    width: 100%;
    box-sizing: border-box;
    height: 50px;
    background: #31af5c;
    transform: translate3d(0, 0, 0)
}

.forcePanelSlider .sliderWrapper.rightPosition > .button {
    right: 50px;
    border-radius: 5px 0 0 5px
}

.forcePanelSlider .sliderWrapper.leftPosition > .button {
    left: 50px;
    text-align: right;
    border-radius: 0 5px 5px 0
}

.forcePanelSlider .sliderWrapper > .button > .icon {
    padding: 13px;
    font-size: 20px;
    color: white
}

.forcePanelSlider .modal-glass {
    background-color: var(--lwc-colorBackgroundAltInverse, rgb(22, 50, 92));
    opacity: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transition: opacity 300ms;
    visibility: hidden;
    z-index: 999
}

.forcePanelSlider.visible, .forcePanelSlider .visible {
    visibility: visible
}

.forcePanelSlider .sliding {
    transition: transform .3s linear, opacity .2s linear
}

.forcePanelSlider.slideIn .modal-glass {
    opacity: .8
}

.forcePanelSlider.slideIn .sliderWrapper {
    transform: translate3d(0, 0, 0)
}

.forcePanelSlider.slideIn .sliderWrapper.rightPosition > .button {
    transform: translate3d(60px, 0, 0)
}

.forcePanelSlider.slideIn .sliderWrapper.leftPosition > .button {
    transform: translate3d(-60px, 0, 0)
}

.forcePanelSlider .rightPosition {
    transform: translate3d(100%, 0, 0)
}

.forcePanelSlider .leftPosition {
    transform: translate3d(-100%, 0, 0)
}

.forcePanelSlider .flip {
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH"
}

.forcePanelSlider.panelSlider.rightPosition {
    width: 370px;
    right: 0;
    left: auto
}

.forcePanelSlider.panelSlider .sliderWrapper.rightPosition {
    height: auto;
    top: var(--lwc-heightHeader, 3.125rem);
    bottom: var(--lwc-heightFooter, 3.75rem);
    width: 320px;
    z-index: 20
}

.forcePanelSlider .sliderWrapper.rightPosition > .button, .forcePanelSlider .sliderWrapper.rightPosition > .body {
    box-shadow: -2px 2px 5px 0 rgba(0, 0, 0, 0.2);
    background-color: var(--lwc-colorBackgroundAlt, rgb(255, 255, 255))
}

.forcePanelSlider .sliderWrapper.rightPosition .body {
    margin: 0;
    overflow: hidden
}

.forcePanelSlider .sliderWrapper.rightPosition:after {
    content: '';
    top: 50%;
    transform: translateY(-50%);
    height: 32px;
    padding: var(--lwc-spacingMedium, 1rem) 0;
    position: absolute;
    left: -5px;
    width: 6px;
    background-color: var(--lwc-colorBackgroundAlt, rgb(255, 255, 255));
    box-sizing: content-box
}

.forcePanelSlider.slideIn .sliderWrapper.rightPosition > .button, .forcePanelSlider .sliderWrapper.rightPosition > .button {
    top: 50%;
    transform: translateY(-50%);
    height: inherit;
    left: -35px
}

.forcePanelSlider .sliderWrapper.rightPosition > .button:after {
    content: '';
    width: var(--lwc-spacingXSmall, 0.5rem);
    height: 32px;
    border-left: solid var(--lwc-colorBorderSeparatorAlt, rgb(221, 219, 218)) var(--lwc-borderWidthThick, 2px);
    border-right: solid var(--lwc-colorBorderSeparatorAlt, rgb(221, 219, 218)) var(--lwc-borderWidthThick, 2px);
    display: block;
    margin: var(--lwc-spacingMedium, 1rem)
}

.forcePublisherQuickActionCollapser {
    padding-top: 1px
}

.forcePublisherQuickActionCollapser .placeholderContainer {
    margin: var(--lwc-spacingMedium, 1rem)
}

.forcePublisherQuickActionCollapser .dummyControlsContainer {
    padding: var(--lwc-varSpacingVerticalMedium, 1rem) var(--lwc-varSpacingHorizontalMedium, 1rem)
}

.forcePublisherQuickActionCollapser .dummyButtonCallToAction {
    text-align: left;
    color: var(--lwc-colorTextPlaceholder, rgb(112, 110, 107));
    margin-right: var(--lwc-varSpacingHorizontalXSmall, 0.5rem)
}

.forcePublisherQuickActionCollapser .dummyButtonCallToAction:hover {
    background-color: initial;
    cursor: text
}

.forcePublisherQuickActionCollapser .dummyButtonSubmitAction {
    flex: 0 1 auto
}

.forcePublisherQuickActionCollapser .slds-no-space {
    min-width: 1px
}

.forceRelatedListCardHeader.related-list-card-wrapper-mobile {
    display: block;
    color: var(--lwc-colorTextDefault, rgb(8, 7, 7))
}

.forceRelatedListCardHeader .forceInlineSpinner {
    display: inline-block;
    vertical-align: middle
}

.forceRelatedListCardHeader .baseCard__header-title-container {
    display: inline-flex;
    max-width: 100%;
    align-items: center
}

.forceRelatedListCardHeader .related-list-header-content {
    display: flex
}

.forceRelatedListCardHeader .slds-tabs-mobile__item {
    border-top: none
}

.forceRelatedListCardHeader .slds-tabs-mobile__item:last-child {
    border-bottom: none
}

.forceRelatedListCardHeader .stencil {
    background-color: var(--lwc-colorGray4)
}

.forceRelatedListCardHeader header {
    height: var(--lwc-squareIconMedium, 2rem)
}

.forceRelatedListPreview ul {
    list-style: none;
    margin: 0
}

.forceRelatedListPreview.MEDIUM .forceRecordLayout:nth-child(even) {
    border-left: none
}

.forceRelatedListPreview .forceOutputLookupWithPreview a {
    overflow-x: hidden;
    text-overflow: ellipsis
}

.forceRelatedListPreview .listContent {
    min-height: 0
}

.forceRelatedListPreview .forceButtonBar .overflowItems {
    width: 25%
}

.forceRelatedListPreview .emptyListMessage {
    padding: 0 var(--lwc-spacingXLarge, 2rem);
    text-align: center;
    font-size: var(--lwc-fontSizeMedium, 0.8125rem);
    color: var(--lwc-colorTextWeak, rgb(62, 62, 60))
}

.forceRelatedListPreview .errorMessage {
    padding: var(--lwc-spacingXSmall, 0.5rem) var(--lwc-spacingXSmall, 0.5rem) var(--lwc-spacingLarge, 1.5rem);
    text-align: left;
    color: var(--lwc-colorTextWeak, rgb(62, 62, 60));
    font-size: var(--lwc-fontSizeMedium, 0.8125rem)
}

.forceRelatedListPreview .forceListRecord {
    background-color: var(--lwc-colorBackgroundAlt, rgb(255, 255, 255));
    border-radius: var(--lwc-borderRadiusMedium, 0.25rem)
}

.forceRelatedListPreview .uiAbstractList.loading .loadingIndicator {
    display: none
}

.forceRelatedListPreview .relatedListButtons {
    padding: var(--lwc-spacingMedium, 1rem);
    border-bottom: 1px solid var(--lwc-colorBorderSeparatorAlt, rgb(221, 219, 218))
}

.forceRelatedListPreview .loadingIndicator .background {
    opacity: 0
}

.forceRelatedListPreview .showEmptyContent {
    display: initial;
    position: initial
}

.forceRelatedListPreview .emptyListMessage {
    position: initial;
    padding-bottom: var(--lwc-spacingLarge, 1.5rem)
}

.forceRelatedListPreview .hide {
    display: none
}

.forceRelatedListPreview .forceListRecordItem img {
    max-height: var(--lwc-squareIconMediumBoundaryAlt, 2.25rem);
    display: inline-block
}

.forceRelatedListPreview.FULL .uiAbstractList .forceRecordLayout, .forceRelatedListPreview.MEDIUM .uiAbstractList .forceRecordLayout, .forceRelatedListPreview.SMALL .uiAbstractList .forceRecordLayout {
    display: inline-block;
    vertical-align: top
}

@media screen and (max-width: 1200px) {
    .forceRelatedListPreview.FULL .uiAbstractList .forceRecordLayout {
        width: 50%
    }

    .forceRelatedListPreview.MEDIUM .uiAbstractList .forceRecordLayout, .forceRelatedListPreview.SMALL .uiAbstractList .forceRecordLayout {
        width: 100%
    }
}

@media screen and (min-width: 1201px) and (max-width: 2330px) {
    .forceRelatedListPreview.SMALL .uiAbstractList .forceRecordLayout {
        width: 100%
    }
}

@media screen and (min-width: 1201px) and (max-width: 1810px) {
    .forceRelatedListPreview.MEDIUM .uiAbstractList .forceRecordLayout {
        width: 50%
    }
}

@media screen and (min-width: 1811px) and (max-width: 2330px) {
    .forceRelatedListPreview.MEDIUM .uiAbstractList .forceRecordLayout {
        width: 33.3%
    }
}

@media screen and (min-width: 1201px) and (max-width: 1801px) {
    .forceRelatedListPreview.FULL .uiAbstractList .forceRecordLayout {
        width: 33.3%
    }
}

@media screen and (min-width: 1811px) and (max-width: 2330px) {
    .forceRelatedListPreview.FULL .uiAbstractList .forceRecordLayout {
        width: 25%
    }
}

@media screen and (min-width: 2331px) {
    .forceRelatedListPreview.FULL .uiAbstractList .forceRecordLayout {
        width: 20%
    }

    .forceRelatedListPreview.MEDIUM .uiAbstractList .forceRecordLayout {
        width: 25%
    }

    .forceRelatedListPreview.SMALL .uiAbstractList .forceRecordLayout {
        width: 50%
    }
}

.forceRelatedListPreview .forceListViewManagerGridWrapText {
    white-space: pre-line
}

.forceScrollablePanel {
    outline: none
}

.forceVirtualAction .oneActionsRibbon, .forceVirtualAction .oneActionsDropDown {
    display: block;
    width: var(--lwc-squareIconUtilityMedium, 1.25rem)
}

.forceVirtualAction .slds-icon_container {
    line-height: initial
}

.forceVirtualAction .slds-button--icon-x-small .slds-button__icon {
    width: var(--lwc-squareIconMediumContentAlt, 0.875rem);
    height: var(--lwc-squareIconMediumContentAlt, 0.875rem)
}

.forceVirtualAction .slds-icon_container .slds-icon--xx-small {
    width: var(--lwc-squareIconSmallContent, 0.75rem);
    height: var(--lwc-squareIconSmallContent, 0.75rem)
}

.forceVirtualAction svg {
    pointer-events: none
}

.forceVirtualAction .uiMenu {
    position: static;
    display: block
}

.forceVisualMessageQueue {
    pointer-events: none
}

.forceChatterChatterDisabledMessage {
    padding: var(--lwc-spacingMedium, 1rem);
    font-size: var(--lwc-fontSizeMedium, 0.8125rem)
}

.forceChatterClumpItemFullView .indicator {
    margin: 0
}

.forceChatterCrudStream {
    -webkit-hyphens: manual;
    -ms-hyphens: manual;
    hyphens: manual
}

.forceChatterCrudStream .uiTooltip .tooltip-body {
    left: 1.5;
    width: 250px
}

.forceChatterCrudStream .uiTooltip {
    margin-left: .25rem
}

.forceChatterCrudStream .uiTooltip .infoIcon {
    color: var(--lwc-colorTextIconDefault, rgb(112, 110, 107))
}

.forceChatterCrudStream .uiTooltip {
    position: relative;
    top: -2px
}

.forceChatterCrudStream .crudLabelText {
    color: var(--lwc-colorTextLabel, rgb(62, 62, 60))
}

.forceChatterCrudStream .qe-crudStreamNameInput {
    min-height: var(--lwc-crudStreamNameInputMinHeight, 4.8rem)
}

.forceChatterFeed .cuf-newPost {
    margin: 0;
    position: relative;
    text-align: center
}

.forceChatterFeed .cuf-newPost .cuf-newPostButton {
    padding: 4px var(--lwc-spacingLarge, 1.5rem);
    border-radius: 45px;
    position: fixed;
    top: -85px;
    transition: all .75s ease;
    z-index: 100
}

.forceChatterFeed .cuf-newPost .cuf-newPostButton.cuf-newPostButtonInlinePosition {
    position: absolute;
    top: 0
}

.forceChatterFeed .cuf-newPost .cuf-newPostButton.hide {
    transform: translate3d(0px, 0px, 0px);
    opacity: 0;
    visibility: hidden
}

.forceChatterFeed .cuf-retryPanel {
    position: relative
}

.forceChatterFeedAnchorSubMenu a:focus, .forceChatterFeedAnchorSubMenu a:hover {
    text-decoration: underline
}

.forceChatterFeedAnchorSubMenu .mlds-navigation-list--vertical__action_compact {
    padding: var(--lwc-spacingXxSmall, 0.25rem) var(--lwc-spacingLarge, 1.5rem)
}

.forceChatterFeedItemFullView .initially-focused-comment {
    animation-name: forceChatter-feedItemFullView-threaded-comment-initially-focused;
    animation-duration: 4s;
    animation-delay: 500ms
}

@keyframes forceChatter-feedItemFullView-threaded-comment-initially-focused {
    50% {
        background-color: #ffa
    }
}

.forceChatterGroupAnnouncement .announcementIcon {
    height: 30px;
    width: 30px
}

.forceChatterGroupAnnouncement.clickable {
    cursor: pointer;
    display: block
}

.forceChatterGroupAnnouncement .timestamp {
    font-weight: var(--lwc-fontWeightRegular, 400);
    line-height: var(--lwc-lineHeightText, 1.5)
}

.forceChatterRelatedCardContainer.forceChatterRelatedCardContainer:not(:last-child):not(:empty) {
    margin-bottom: var(--lwc-spacingMedium, 1rem)
}

.forceChatterStreamNotifications .uiRadioMenuItem {
    width: 100%;
    border: none;
    padding: 3px
}

.forceChatterStreamNotifications .uiButton {
    width: 100%;
    text-align: left;
    padding: var(--lwc-spacingMedium, 1rem);
    color: var(--lwc-colorTextActionLabel, rgb(62, 62, 60))
}

.forceChatterStreamNotifications .uiButton.selected:after {
    content: '\e80b';
    font-family: 'forceIconFont';
    float: right
}

.forceChatterStreamNotifications .divider {
    width: 100%;
    height: 1px;
    border-bottom: 1px solid var(--lwc-colorBorder, rgb(221, 219, 218))
}

.forceChatterStreamsListingNavigation .externalStream {
    white-space: normal;
    font-size: var(--lwc-fontSizeMedium, 0.8125rem);
    color: var(--lwc-colorTextLabel, rgb(62, 62, 60))
}

.forceChatterStreamsListingRecordCell .color-text-placeholder {
    color: var(--lwc-colorTextPlaceholder, rgb(112, 110, 107))
}

.forceChatterStreamsListingRowActionMenu .oneActionsRibbon, .forceChatterStreamsListingRowActionMenu .oneActionsDropDown {
    display: block;
    width: var(--lwc-squareIconUtilityMedium, 1.25rem)
}

.forceChatterStreamsListingRowActionMenu .slds-button__icon {
    line-height: initial
}

.forceChatterStreamsListingRowActionMenu .slds-button__icon .slds-icon--xx-small {
    width: var(--lwc-squareIconSmallContent, 0.75rem);
    height: var(--lwc-squareIconSmallContent, 0.75rem)
}

.forceChatterStreamsListingRowActionMenu .uiMenu {
    position: static;
    display: block
}

.forceChatterStreamsListingRowActionMenu .oneActionsRibbon .menuTrigger {
    position: static;
    border-radius: var(--lwc-borderRadiusSmall, 0.125rem);
    width: var(--lwc-squareIconUtilityMedium, 1.25rem);
    min-width: var(--lwc-squareIconUtilityMedium, 1.25rem);
    height: var(--lwc-squareIconUtilityMedium, 1.25rem);
    line-height: var(--lwc-lineHeightReset, 1)
}

.forceChatterStreamsListingRowActionMenu .oneActionsRibbon {
    position: static
}

.forceChatterStreamsListingRowActionMenu .rowActionsPlaceHolder {
    vertical-align: middle;
    line-height: initial
}

.forceChatterStreamsListingRowActionMenu .rowActionsPlaceHolder .forceIcon {
    display: inline
}

.forceChatterStreamsListingRowActionMenu .rowActionsPlaceHolderWrapper {
    height: var(--lwc-squareIconUtilityMedium, 1.25rem);
    margin-bottom: 1px
}

.forceSearchInputEntitySelector input {
    max-width: 10rem;
    text-overflow: ellipsis
}

.forceSearchInputEntitySelector input::-ms-clear {
    display: none
}

.forceSearchInputEntitySelector.slds-combobox_object-switcher .slds-input {
    padding: 0 var(--lwc-spacingLarge, 1.5rem) 0 var(--lwc-spacingSmall, 0.75rem)
}

.forceSearchInputEntitySelector .slds-listbox {
    min-width: var(--lwc-sizeSmall, 15rem)
}

.forceSearchInputMobile .searchInputField {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    box-sizing: border-box;
    width: 100%;
    border-radius: var(--lwc-borderRadiusMedium, 0.25rem);
    border: 0 none;
    margin: 0;
    padding: 6px 10px 5px var(--lwc-spacingXSmall, 0.5rem);
    color: var(--lwc-colorTextInverse, rgb(255, 255, 255));
    background: var(--lwc-colorBackgroundInputSearch, rgba(0, 0, 0, 0.16));
    font-size: var(--lwc-fontSizeMedium, 0.8125rem)
}

.forceSearchInputMobile .searchInputField:focus {
    color: var(--lwc-colorTextDefault, rgb(8, 7, 7));
    background: var(--lwc-colorBackgroundInputActive, rgb(255, 255, 255));
    border-width: 0;
    outline: auto 5px -webkit-focus-ring-color
}

.forceSearchInputMobile .searchInputField::-webkit-input-placeholder {
    color: var(--lwc-colorTextInverse, rgb(255, 255, 255))
}

.forceSearchInputMobile .searchInputField:-ms-input-placeholder {
    color: var(--lwc-colorTextInverse, rgb(255, 255, 255))
}

.forceSearchInputMobile .searchInputField:focus::-webkit-input-placeholder {
    color: var(--lwc-colorTextPlaceholder, rgb(112, 110, 107))
}

.forceSearchInputMobile .searchInputField:focus:-ms-input-placeholder {
    color: var(--lwc-colorTextPlaceholder, rgb(112, 110, 107))
}

.forceSearchInputMobile .containerWrapper {
    display: table-row
}

.forceSearchInputMobile .cell {
    display: table-cell;
    margin: 0;
    height: var(--lwc-heightHeader, 3.125rem);
    vertical-align: middle
}

.forceSearchInputMobile .left.cell {
    width: 100%
}

.forceSearchInputMobile .containerWrapper .right.cell .uiButton {
    margin: 0;
    margin-left: var(--lwc-spacingXSmall, 0.5rem);
    height: 30px
}

.forceSearchInputMobile .right.cell {
    position: relative;
    margin-left: -300px;
    max-width: 0;
    left: 300px;
    opacity: 0;
    transition: opacity var(--lwc-durationSlide, 0.25s) linear, margin-left var(--lwc-durationSlide, 0.25s) linear, left var(--lwc-durationSlide, 0.25s) linear
}

.forceSearchInputMobile.inputActive .right.cell {
    opacity: 1;
    margin-left: 0;
    left: 0;
    max-width: inherit
}

.forceSearchInputMobile .required {
    display: none
}

.homeGoalSetting {
    top: -3px
}

.homeHeroChartOpptyContainer {
    font-size: var(--lwc-fontSizeSmall, 0.75rem);
    width: 300px;
    padding: 11px var(--lwc-spacingMedium, 1rem) var(--lwc-spacingMedium, 1rem);
    margin: 0
}

.homeHeroChartOpptyContainer ul {
    list-style: none
}

.homeHeroChartOpptyContainer ul li {
    padding: 0 var(--lwc-spacingXxSmall, 0.25rem) var(--lwc-spacingSmall, 0.75rem) 0
}

.homeHeroChartOpptyContainer ul li:last-child {
    padding-bottom: 0
}

.homeHeroChartOpptyContainer .nameField {
    font-size: var(--lwc-fontSizeMedium, 0.8125rem);
    padding-bottom: var(--lwc-spacingXxSmall, 0.25rem);
    word-break: break-word;
    display: block
}

.homeHeroChartOpptyContainer .otherField {
    font-size: var(--lwc-fontSizeSmall, 0.75rem);
    color: var(--lwc-colorTextWeak, rgb(62, 62, 60));
    display: inline-block;
    word-break: break-word
}

.homeHeroChartOpptyContainer .amount:after {
    content: "\00b7";
    margin: 0 var(--lwc-spacingXxSmall, 0.25rem)
}

.homeHeroChartOpptyContainer .entityIcon {
    width: var(--lwc-squareIconSmallBoundary, 1.5rem);
    height: var(--lwc-squareIconSmallBoundary, 1.5rem);
    margin: 5px 7px 0 0
}

.homeHeroChartOpptyContainer .entityIcon .icon {
    width: var(--lwc-squareIconSmallBoundary, 1.5rem);
    height: var(--lwc-squareIconSmallBoundary, 1.5rem)
}

.homeHeroChartOpptyContainer .fields {
    padding: 5px
}

.offlineBanner.banner {
    border-bottom: var(--lwc-borderWidthThin, 1px) solid var(--lwc-colorBorder, rgb(221, 219, 218));
    background-color: var(--lwc-colorBackgroundAlt, rgb(255, 255, 255));
    min-height: var(--lwc-bannerMinHeight, 64px);
    display: flex;
    align-items: center
}

.offlineBanner.banner.hidden {
    display: none
}

.offlineBanner.banner .bannerHeader {
    display: block;
    padding: var(--lwc-spacingXSmall, 0.5rem);
    font-size: var(--lwc-fontSizeMedium, 0.8125rem);
    color: var(--lwc-sashNewColor, rgb(4, 132, 75))
}

.oneFavoritesPicker {
    width: var(--lwc-sizeMedium, 20rem)
}

.oneFavoritesPicker .uiScroller {
    max-height: var(--lwc-sizeMedium, 20rem)
}

.oneFavoritesPicker .forceVirtualAutocompleteMenu input.uiInputTextForAutocomplete {
    width: calc(100% - var(--lwc-spacingLarge, 1.5rem))
}

.oneFavoritesPicker li.highlighted {
    background-color: var(--lwc-colorBackground, rgb(243, 242, 242))
}

.oneFavoritesPicker .forceVirtualAutocompleteMenu {
    width: auto
}

.oneFavoritesPicker .forceVirtualAutocompleteMenuOption a:hover {
    text-decoration: none
}

.oneGlobalCreateItem {
    text-align: left
}

.oneGlobalCreateItem .actionIcon {
    margin-right: var(--lwc-spacingSmall, 0.75rem);
    border-radius: var(--lwc-borderRadiusMedium, 0.25rem);
    float: left
}

.oneGlobalCreateItem .actionIcon, .oneGlobalCreateItem .actionIcon img {
    display: block;
    height: var(--lwc-spacingLarge, 1.5rem);
    width: var(--lwc-spacingLarge, 1.5rem);
    pointer-events: none
}

.oneGlobalCreateItem .actionIcon img {
    height: var(--lwc-spacingMedium, 1rem);
    margin: 3px auto 0;
    width: var(--lwc-spacingMedium, 1rem)
}

.oneUserProfileCard {
    width: 350px
}

.oneUserProfileCard .profile-card-avatar {
    border-radius: var(--lwc-borderRadiusCircle, 50%);
    width: 38px;
    height: 38px
}

.oneUserProfileCard a.profile-photo:focus, .oneUserProfileCard a.profile-photo:hover {
    outline: none;
    border-radius: var(--lwc-borderRadiusCircle, 50%)
}

.oneUserProfileCard :focus .profile-card-avatar, .oneUserProfileCard :hover .profile-card-avatar {
    box-shadow: 0 0 0 2px var(--lwc-colorBackgroundButtonBrandActive, rgb(0, 57, 107))
}

.oneUserProfileCard .avatar-holder {
    padding-left: var(--lwc-spacingMedium, 1rem);
    padding-top: var(--lwc-spacingMedium, 1rem);
    float: left
}

.oneUserProfileCard .avatar-holder:after {
    clear: left
}

.oneUserProfileCard .profile-card-indent {
    margin-left: 52px;
    padding: var(--lwc-spacingMedium, 1rem)
}

.oneUserProfileCard .profile-card-name {
    margin: 0;
    margin-bottom: var(--lwc-spacingXxxSmall, 0.125rem);
    margin-top: -3px;
    font-size: var(--lwc-fontSizeLarge, 1rem);
    color: var(--lwc-colorTextDefault, rgb(8, 7, 7));
    word-wrap: break-word
}

.oneUserProfileCard .profile-card-domain {
    margin-bottom: var(--lwc-spacingXxxSmall, 0.125rem);
    font-size: var(--lwc-fontSizeMedium, 0.8125rem);
    color: var(--lwc-colorTextLabel, rgb(62, 62, 60));
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow-x: hidden
}

.oneUserProfileCard .profile-card-links {
    padding: var(--lwc-spacingMedium, 1rem) 0
}

.oneUserProfileCard .profile-link-label {
    font-size: var(--lwc-fontSizeMedium, 0.8125rem)
}

.oneUserProfileCard .profile-card-name .profile-link-label {
    font-size: var(--lwc-fontSizeLarge, 1rem);
    color: var(--lwc-colorTextDefault, rgb(8, 7, 7))
}

.oneUserProfileCard .profile-card-footer:before, .oneUserProfileCard .profile-card-footer:after {
    content: " ";
    display: table
}

.oneUserProfileCard .profile-card-footer:after {
    clear: both
}

.onesetupSetupMenuItem a:focus .focus-icon svg, .onesetupSetupMenuItem:hover .focus-icon svg, .onesetupSetupMenuItem a:active .focus-icon svg {
    fill: var(--lwc-colorTextBrowserActive, rgba(0, 0, 0, 0.4))
}

.onesetupSetupMenuItem .service-icon svg {
    fill: #802abe
}

.onesetupSetupMenuItem .marketing-icon svg {
    fill: #e67300
}

.onesetupSetupMenuItem .audience360-icon svg {
    fill: #e67300
}

.onesetupSetupMenuItem .all-icon svg {
    fill: #2a739e
}

.onesetupSetupMenuItem .osl-icon svg {
    fill: #e67300
}

.onesetupSetupMenuItem .inline-help {
    font-size: var(--lwc-fontSizeXxSmall, 0.625rem);
    font-weight: normal;
    text-align: left
}

.onesetupSetupMenuItem lightning-icon {
    pointer-events: none
}

.runtime_sales_activitiesActivityTimelineEmailTracking {
    color: var(--lwc-colorTextWeak, rgb(62, 62, 60));
    font-size: var(--lwc-fontSize2, 0.75rem);
    margin: 0 var(--lwc-varSpacingXxxSmall, 0.125rem)
}

.runtime_sales_activitiesActivityTimelineEmailTracking svg {
    margin-bottom: var(--lwc-varSpacingXxxSmall, 0.125rem)
}

.runtime_sales_activitiesActivityTimelineEmailTracking.disabledTracking {
    color: var(--lwc-colorGray6, rgb(201, 199, 197))
}

.runtime_sales_activitiesActivityTimelineEmailTracking.disabledTracking svg {
    fill: var(--lwc-colorGray6, rgb(201, 199, 197))
}

.runtime_sales_activitiesActivityTimelineInsights .insights-list {
    height: inherit;
    max-width: 100%;
    padding-right: var(--lwc-varSpacingXxxSmall, 0.125rem)
}

.runtime_sales_activitiesActivityTimelineInsights .insight-wrapper {
    display: inline-block
}

.runtime_sales_activitiesActivityTimelineInsights .insight-label {
    font-weight: bold;
    line-height: normal;
    margin: var(--lwc-varSpacingXxxSmall, 0.125rem);
    border: var(--lwc-borderWidthThin, 1px);
    border-style: solid;
    border-color: var(--lwc-colorBorder, rgb(221, 219, 218));
    background-color: var(--lwc-colorBackgroundPill, rgb(255, 255, 255));
    font-size: var(--lwc-fontSize2, 0.75rem);
    text-transform: none;
    letter-spacing: normal;
    border-radius: var(--lwc-borderRadiusPill, 15rem);
    vertical-align: bottom
}

.runtime_sales_activitiesActivityTimelineInsights .insight-label:focus {
    outline: none;
    box-shadow: var(--lwc-shadowButtonFocus, 0 0 3px #0070D2)
}

.runtime_sales_activitiesActivityTimelineInsights .insight-label:hover {
    outline: none;
    box-shadow: var(--lwc-shadowButtonFocus, 0 0 3px #0070D2)
}

.runtime_sales_activitiesActivityTimelineInsights .insightsSectionDiv {
    overflow: hidden
}

.runtime_sales_activitiesActivityTimelineInsights .insightsListDiv {
    width: 100%
}

.runtime_sales_activitiesActivityTimelineInsights.processing {
    padding-right: 30px
}

.runtime_sales_activitiesActivityTimelineInsights .showMorePillDiv {
    width: 30px;
    overflow: hidden
}

.runtime_sales_activitiesActivityTimelineInsights .showMorePill {
    height: inherit;
    color: var(--lwc-colorTextLink, rgb(0, 109, 204))
}

.runtime_sales_activitiesActivityTimelineInsights .slds-listbox_selection-group {
    padding-right: 0
}

.runtime_sales_activitiesActivityTimelineRowExpand .expand {
    transform: rotate(90deg)
}

.runtime_sales_activitiesActivityTimelineRowExpand .collapse {
    transform: rotate(0deg)
}

.runtime_sales_activitiesActivityTimelineRowExpand .forcePlaceholder .placeholder.detail .field {
    padding: var(--lwc-spacingNone, 0)
}

.runtime_sales_activitiesRequestAccessSIQFixedLayout .somethingWrong {
    color: red
}

.runtime_sales_activitiesRequestAccessSIQFixedLayout .requestText:focus {
    outline: none
}

.salesforceIdentityAppLauncherDesktopContainer {
    height: 100%;
    width: 100%;
    overflow: auto;
    background: var(--lwc-colorBackground, rgb(243, 242, 242))
}

.uiInlinePanel {
    display: none;
    position: absolute;
    overflow: visible;
    opacity: 0;
    top: 0;
    left: 0;
    z-index: 1
}

.uiInlinePanel.open, .uiInlinePanel.transitioning {
    display: block
}

.uiInlinePanel.open {
    opacity: 1
}

.uiInlinePanel .container {
    position: relative
}

.uiInlinePanel .panel-header {
    position: relative
}

.uiStamp {
    padding: 1px 4px 2px;
    font-size: 10.998px;
    font-weight: bold;
    line-height: 13px;
    color: #ffffff;
    vertical-align: middle;
    white-space: nowrap;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #999999;
    border-radius: 3px
}

.uiStamp:hover {
    color: #ffffff;
    text-decoration: none
}

.uiStamp.stamp-important {
    background-color: #b94a48
}

.uiStamp.stamp-important:hover {
    background-color: #953b39
}

.uiStamp.stamp-warning {
    background-color: #f89406
}

.uiStamp.stamp-warning:hover {
    background-color: #c67605
}

.uiStamp.stamp-success {
    background-color: #468847
}

.uiStamp.stamp-success:hover {
    background-color: #356635
}

.uiStamp.stamp-info {
    background-color: #3a87ad
}

.uiStamp.stamp-info:hover {
    background-color: #2d6987
}

.uiStamp.stamp-inverse {
    background-color: #333333
}

.uiStamp.stamp-inverse:hover {
    background-color: #1a1a1a
}

.unsNotificationsCounter .headerButtonBody {
    position: relative;
    display: inline-block;
    vertical-align: middle
}

.unsNotificationsCounter .countDot {
    position: absolute;
    top: calc(-1 * var(--lwc-spacingXSmall, 0.5rem));
    right: calc(-1 * var(--lwc-spacingXxSmall, 0.25rem));
    border-radius: var(--lwc-borderRadiusLarge, 0.5rem);
    background-color: var(--lwc-colorBackgroundNotificationBadge, rgb(194, 57, 52))
}

.unsNotificationsCounter .counterLabel {
    line-height: var(--lwc-lineHeightReset, 1);
    width: var(--lwc-squareIconUtilitySmall, 1rem);
    height: var(--lwc-squareIconUtilitySmall, 1rem);
    padding: 0 var(--lwc-spacingXxSmall, 0.25rem);
    color: var(--lwc-colorTextInverse, rgb(255, 255, 255));
    font-family: var(--lwc-fontFamily, 'Salesforce Sans', Arial, sans-serif);
    font-weight: var(--lwc-fontWeightBold, 700);
    font-size: var(--lwc-fontSizeXSmall, 0.625rem);
    vertical-align: middle;
    display: table-cell
}

.unsNotificationsCounter .countDotS1 {
    top: calc(-1 * var(--lwc-spacingMedium, 1rem));
    left: calc(-1 * var(--lwc-spacingLarge, 1.5rem));
    right: auto
}

.waveAsset {
    border: none
}

.waveAsset .waveFrame {
    top: 0;
    left: 0;
    border: none
}

.waveAsset .loading-analytics-container {
    height: 100%;
    display: box;
    display: flex;
    -webkit-box-align: center;
    -o-box-align: center;
    align-items: center;
    justify-content: center;
    min-height: 5rem;
    top: 9rem;
    right: 0;
    bottom: 0;
    left: 0;
    pointer-events: none
}

.waveAsset .loading-analytics-container.inline {
    position: relative;
    justify-content: left;
    top: 0;
    min-height: 2rem
}

.waveAsset .loading-analytics-container.button {
    position: relative;
    top: 0;
    min-height: 2rem
}

.waveAsset .loading-analytics-container.row {
    position: relative;
    justify-content: center;
    top: 0;
    min-height: 2rem
}

.waveAsset .loading-analytics {
    width: 5rem;
    height: 5rem;
    z-index: 10
}

.waveAsset .loading-analytics .bar {
    fill: #005392;
    transform-origin: -200px 392px;
    animation: 0s loadingAnalyticsBarsAni infinite both
}

.waveAsset .loading-analytics.inline, .waveAsset .loading-analytics.row {
    position: relative;
    width: 2rem;
    height: 2rem;
    z-index: 5
}

.waveAsset .loading-analytics.inline .bar, .waveAsset .loading-analytics.row .bar {
    fill: #a3b8cc
}

.waveAsset .loading-analytics.button {
    width: 2rem;
    height: 2rem;
    z-index: 5
}

.waveAsset .loading-analytics.button .bar {
    fill: #fff
}

@keyframes loadingAnalyticsBarsAni {
    20% {
        transform: rotate(0);
        opacity: 1;
        -ms-filter: none;
        -webkit-filter: none;
        filter: none
    }
    54% {
        opacity: .3;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
        filter: alpha(opacity=30)
    }
    88% {
        transform: rotate(1turn);
        opacity: 1;
        -ms-filter: none;
        -webkit-filter: none;
        filter: none
    }
    to {
        transform: rotate(1turn)
    }
}

.waveAsset .loading-analytics .cls-1 {
    fill: none
}

.waveAsset .loading-analytics .cls-1, .waveAsset .loading-analytics .cls-2, .waveAsset .loading-analytics .cls-3 {
    stroke: #032e61;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 4px
}

.waveAsset .loading-analytics .cls-2 {
    fill: #00a1e0
}

.waveAsset .loading-analytics .cls-3 {
    fill: #fff
}

.waveAsset .ea-mobile-sdk-enabled .waveFrame {
    pointer-events: none
}

.waveAsset .ea-mobile-sdk-enabled .expandIcon {
    position: absolute;
    width: 44px;
    height: 44px;
    right: 12px;
    bottom: 12px;
    border-radius: 22px;
    background: #fff;
    padding: 10px 12px 12px;
    box-shadow: 1.25px 1.25px 2.5px rgba(112, 110, 107, 0.6)
}

.waveAsset .ea-mobile-sdk-enabled .expandIcon svg {
    width: 20px;
    height: 20px;
    fill: #1589ee
}

.analyticsEmbeddedChart {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    z-index: 1;
    clear: both
}

.analyticsEmbeddedChart.forcedWidth, .analyticsEmbeddedChart.autoWidth {
    position: relative
}

.analyticsEmbeddedChart:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.analyticsEmbeddedChart .errorBox, .analyticsEmbeddedChart .analyticsCsrPopChart, .analyticsEmbeddedChart .analyticsPluginChart, .analyticsEmbeddedChart .analyticsCordaChart {
    float: left
}

.analyticsEmbeddedChart .spacer {
    height: 0;
    padding-bottom: 74%;
    float: none;
    content: ".";
    line-height: 0
}

.analyticsEmbeddedChart .loadingMask {
    background-color: white;
    z-index: 101;
    -moz-opacity: .8;
    opacity: .80;
    filter: alpha(opacity=80);
    width: 100%;
    height: 100%;
    position: absolute;
    text-align: center;
    left: 0;
    zoom: 1;
    border-width: 1px;
    border-color: #cbcccb;
    border-style: solid
}

.analyticsEmbeddedChart .hideLoading {
    display: none
}

.analyticsEmbeddedChart .loadingMsg {
    line-height: 1;
    top: 20%;
    font-size: 1.5em;
    position: relative;
    display: block
}

.analyticsEmbeddedChart .errorBox {
    white-space: normal
}

.emailStreamChooseDataSourceType {
    text-align: center;
    width: 100%
}

.forceAddressAutocomplete iframe {
    border: 0
}

.forceAddressAutocomplete .iframeDiv {
    height: 0
}

.forceAddressAutocomplete .logoFooter {
    margin-bottom: calc(8 * var(--lwc-spacingXLarge, 2rem))
}

.forceBaseHome {
    background-color: var(--lwc-colorBackground, rgb(243, 242, 242));
    transition: transform 250ms;
    transform: translate3d(0, 0, 0)
}

.forceBaseHome .tabBar {
    text-align: center
}

.forceBaseHome .highlights {
    transform: translate3d(0, 0, 0);
    width: 100%
}

.forceBaseHome.errorMessage {
    padding: 30px 30px 0
}

.forceBaseHome.errorMessage {
    padding: 0
}

.forceBaseHome .forceMessage.error {
    border-radius: 0
}

.forceBaseHome .nav-container {
    border-bottom: 1px solid var(--lwc-colorBorderSeparatorAlt, rgb(221, 219, 218))
}

.forceBaseHome .indicator-state {
    border-bottom: none
}

@media only screen and (min-width: 48em) {
    .forceBaseHome .singleColumn .nav-container {
        padding: 0 var(--lwc-spacingMedium, 1rem)
    }

    .forceBaseHome .singleColumn .indicator-state {
        margin: 0 var(--lwc-spacingMedium, 1rem)
    }
}

.forceBaseHome .baseHome .base-home-tab {
    box-sizing: border-box;
    display: inline-block;
    vertical-align: top
}

.forceBaseHome .baseHome.hasPadding.columns_3 .base-home-tab, .forceBaseHome .baseHome.hasPadding.columns_2 .base-home-tab {
    padding: 20px
}

.forceBaseHome .baseHome.hasBackground.columns_3 .base-home-tab.tab_0, .forceBaseHome .baseHome.hasBackground.columns_3 .base-home-tab.tab_1, .forceBaseHome .baseHome.hasBackground.columns_2 .base-home-tab.tab_0 {
    border-right: solid var(--lwc-colorBorderSeparator, rgb(250, 250, 249)) var(--lwc-borderWidthThin, 1px)
}

.forceBaseHome .baseHome.columns_3 .base-home-tab {
    width: 33.33%
}

.forceBaseHome .baseHome.columns_2 .base-home-tab {
    width: 50%
}

.forceBaseHome .baseHome.columns_1 .base-home-tab {
    width: 100%
}

.forceBaseHome .baseHome.hasPadding.columns_2 .tab_0, .forceBaseHome .baseHome.hasPadding.columns_3 .tab_0, .forceBaseHome .baseHome.hasPadding.columns_3 .tab_1 {
    padding-right: 0
}

.forceBaseHome .carousel-page .uiScroller .scroller.actionBarPlugin .infinite-loading {
    margin-top: -49px;
    text-align: center
}

.forceDockingPanelOverflow {
    z-index: 2
}

.forceDockingPanelOverflow.hidden {
    bottom: -100px !important
}

.forceDockingPanelOverflow .overflow-container {
    background-color: var(--lwc-colorBackgroundAlt, rgb(255, 255, 255))
}

.forceDockingPanelOverflow .overflow-trigger {
    color: var(--lwc-colorTextIconDefault, rgb(112, 110, 107));
    border: 1px solid transparent;
    align-items: center
}

.forceDockingPanelOverflow .uiMenuList {
    margin-bottom: .5rem;
    position: absolute;
    z-index: var(--lwc-zIndexDropdown, 7000);
    left: 50%;
    float: left;
    min-width: var(--lwc-sizeMedium, 20rem);
    max-width: var(--lwc-sizeMedium, 20rem);
    margin-top: var(--lwc-spacingXxxSmall, 0.125rem);
    border: var(--lwc-borderWidthThin, 1px) solid var(--lwc-colorBorder, rgb(221, 219, 218));
    border-radius: var(--lwc-borderRadiusMedium, 0.25rem);
    padding: var(--lwc-spacingXxSmall, 0.25rem) 0;
    font-size: var(--lwc-fontSizeSmall, 0.75rem);
    background: var(--lwc-colorBackgroundAlt, rgb(255, 255, 255));
    box-shadow: var(--lwc-shadowDropDown, 0 2px 3px 0 rgba(0, 0, 0, 0.16));
    left: 0;
    transform: translateX(0);
    bottom: 100%
}

.forceDockingPanelOverflow .uiMenuList ul {
    max-height: calc((1.5rem + 1rem) * 7);
    overflow-y: auto;
    -webkit-overflow-scrolling: touch
}

.forceDockingPanelOverflow .uiMenuList:before, .forceDockingPanelOverflow .uiMenuList:after {
    left: 1.5rem;
    top: 100%;
    margin-top: -.5rem
}

.forceDockingPanelOverflow .uiMenuList:before {
    width: 1rem;
    hight: 1rem;
    position: absolute;
    transform: rotate(45deg);
    content: '';
    background-color: inherit;
    bottom: -.5rem;
    margin-left: -.5rem
}

.forceDockingPanelOverflow .uiMenuList:after {
    box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.16);
    z-index: -1;
    width: 1rem;
    hight: 1rem;
    position: absolute;
    transform: rotate(45deg);
    content: '';
    background-color: inherit;
    bottom: -.5rem;
    margin-left: -.5rem
}

.forceDockingPanelOverflow .overflow-trigger .slds-icon {
    fill: var(--lwc-colorTextIconDefault, rgb(112, 110, 107));
    width: var(--lwc-squareIconMediumContentAlt, 0.875rem);
    height: var(--lwc-squareIconMediumContentAlt, 0.875rem)
}

.forceDockingPanelOverflow .uiMenu, .forceDockingPanelOverflow .uiPopupTrigger, .forceDockingPanelOverflow .uiPopupTrigger div {
    height: 100%
}

.forceDockingPanelOverflow .slds-button_icon:hover .slds-icon, .forceDockingPanelOverflow .slds-button_icon:focus .slds-icon {
    fill: currentColor;
    pointer-events: none
}

.forceFilterCriteria {
    background: var(--lwc-colorBackground, rgb(243, 242, 242))
}

.forceFilterCriteria .button {
    cursor: pointer;
    display: inline-block;
    vertical-align: middle
}

.forceFilterCriteria.bottom-row-buttons {
    display: flex;
    justify-content: space-between;
    padding: var(--lwc-spacingMedium, 1rem)
}

.forceFilterCriteria .list_criteria:last-of-type {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important
}

.forceFilterCriteria .bottom-row-button-label {
    vertical-align: middle;
    display: inline-block;
    font-weight: var(--lwc-fontWeightBold, 700);
    font-size: var(--lwc-fontSizeMedium, 0.8125rem)
}

.forceFilterCriteria .add-filter-button {
    margin-left: 1% !important;
    width: 140px;
    margin-top: 0% !important
}

.forceFilterCriteria .add-filter-button .bottom-row-button-label {
    margin-left: 5%
}

.forceFilterCriteria .clear-all-filters-button {
    margin-top: 0% !important
}

.forceFilterCriteria .box-row {
    padding-bottom: 35px;
    display: table;
    width: 100%;
    margin: auto
}

.forceFilterCriteria .box-left {
    float: left;
    margin-left: 5%
}

.forceFilterCriteria .box-right {
    float: right;
    margin-right: 5%
}

.forceFilterCriteria .no-button {
    float: right;
    background: rgba(0, 0, 0, .07) !important;
    width: 40%
}

.forceFilterCriteria .yes-button {
    float: left;
    background: rgba(0, 0, 0, .07) !important;
    width: 40%
}

.forceFilterCriteria.dialogMask {
    background: var(--lwc-colorBackgroundAltInverse, rgb(22, 50, 92));
    opacity: .8
}

.forceFilterCriteria.dialogModal {
    top: 20%;
    box-shadow: none;
    background: var(--lwc-colorBackgroundAlt, rgb(255, 255, 255));
    border-radius: var(--lwc-borderRadiusLarge, 0.5rem);
    margin-left: auto;
    margin-right: auto
}

.forceFilterCriteria .dialogContent {
    overflow: hidden;
    color: var(--lwc-colorTextWeak, rgb(62, 62, 60));
    font-size: var(--lwc-fontSizeMedium, 0.8125rem);
    line-height: var(--lwc-lineHeightText, 1.5);
    margin: 35px 28px 18px 28px
}

.forceFilterCriteria .close {
    color: var(--lwc-colorTextDefault, rgb(8, 7, 7));
    font-size: var(--lwc-fontSizeLarge, 1rem);
    line-height: var(--lwc-lineHeightHeading, 1.25);
    margin-top: var(--lwc-spacingMedium, 1rem);
    margin-right: var(--lwc-spacingLarge, 1.5rem);
    background: var(--lwc-colorBackgroundAlt, rgb(255, 255, 255));
    border: none;
    top: 0;
    right: 0
}

.forceFilterCriteria .buttons {
    padding-bottom: var(--lwc-spacingXLarge, 2rem);
    padding-top: var(--lwc-spacingXLarge, 2rem);
    margin-bottom: var(--lwc-spacingXLarge, 2rem);
    margin-right: var(--lwc-spacingXLarge, 2rem);
    margin-left: var(--lwc-spacingXLarge, 2rem);
    text-align: right
}

.forceFilterCriteria .forcePageBlockSectionEdit h3 {
    display: inline;
    float: left;
    position: relative;
    top: 10px
}

.forceFilterCriteria .forcePageBlockSectionEdit .section-header-title {
    font-size: var(--lwc-fontSizeMedium, 0.8125rem);
    text-transform: none
}

.forceFilterCriteria .forceFilterCriteriaBlockSectionRow.delete {
    float: right;
    background: inherit;
    color: var(--lwc-colorTextWeak, rgb(62, 62, 60));
    border: none
}

.forceFilterCriteria .forceFilterCriteriaBlockSectionRow.list_criteria {
    clear: both
}

.forceFilterCriteria .forcePageBlockItemEdit label span {
    font-size: var(--lwc-fontSizeSmall, 0.75rem)
}

.forceFilterCriteria .filterFromTextField, .forceFilterCriteria .filterToTextField {
    width: 100% !important
}

.forceFilterMenu {
    display: none;
    width: 100%;
    background: var(--lwc-colorBackground, rgb(243, 242, 242))
}

.forceFilterMenu.open {
    display: block
}

.forceFilterMenu .footer {
    display: none
}

.forceFilterMenu .footer .link {
    display: block;
    width: 100%;
    height: 100%;
    padding: var(--lwc-spacingMedium, 1rem);
    text-align: left
}

.forceFilterMenu .footer .link .count {
    margin: 0 var(--lwc-spacingXSmall, 0.5rem) 0 0
}

.forceFilterMenu .footer.visible {
    display: block
}

.forceFilterMenu .filterMenu {
    box-shadow: none
}

.forceFilterMenu .uiMenu .uiMenuList {
    box-shadow: none;
    background: var(--lwc-colorBackgroundAlt, rgb(255, 255, 255));
    border: none;
    text-align: left;
    z-index: 0 !important;
    overflow-x: visible;
    width: 100%;
    position: relative;
    padding: 0;
    margin-top: 0;
    max-width: none
}

.forceFilterMenu .uiMenuList .link span, .forceFilterMenu .footer .link span {
    font-weight: var(--lwc-fontWeightRegular, 400);
    font-size: var(--lwc-fontSizeMedium, 0.8125rem);
    color: var(--lwc-colorTextDefault, rgb(8, 7, 7))
}

.forceFilterMenu .uiMenuItem {
    padding: var(--lwc-spacingSmall, 0.75rem);
    border-bottom: 1px solid var(--lwc-colorBorderSeparatorAlt, rgb(221, 219, 218))
}

.forceFilterMenu .uiMenuItem:focus {
    border: 1px solid var(--lwc-colorBorderInputActive, rgb(21, 137, 238))
}

.forceFilterMenu .uiMenuItem a.selectable:focus {
    outline: none;
    border-radius: 0;
    color: var(--lwc-colorTextDefault, rgb(8, 7, 7));
    text-decoration: none;
    background: transparent
}

.forceFilterMenu .uiMenuItem a.selectable:active {
    background: transparent;
    text-decoration: none
}

.forceFilterMenu .uiMenuItem:first-child {
    border-top: 1px solid var(--lwc-colorBorderSeparatorAlt, rgb(221, 219, 218))
}

.forceFilterMenu .uiMenuItem a b {
    float: right;
    background: none;
    margin: 0
}

.forceFilterMenu .uiMenu .uiMenuItem.has-icon--left > a {
    padding-left: 0
}

.forceFilterMenu .uiMenu .uiMenuItem .icon, .forceFilterMenu .uiMenu .uiMenuItem .selected .icon {
    top: inherit;
    margin-top: 0;
    color: var(--lwc-colorTextIconDefault, rgb(112, 110, 107))
}

.forceFilterMenu .uiMenu .uiMenuItem > a:hover {
    background-color: transparent
}

.forceModalSpinner .modal-glass {
    background-color: #000;
    opacity: 0;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    z-index: 9999
}

.forceModalSpinner .modal-glass.visible {
    opacity: .2
}

.forceModalSpinner .indicatorContainer {
    text-align: center;
    opacity: .9;
    border-radius: var(--lwc-borderRadiusMedium, 0.25rem);
    width: 110px;
    padding: var(--lwc-spacingLarge, 1.5rem) 0;
    color: var(--lwc-colorTextInverse, rgb(255, 255, 255));
    top: 50%;
    left: 50%;
    margin-left: -55px;
    margin-top: -33px;
    position: fixed;
    z-index: 10001;
    display: block
}

.forceModalSpinner .indicatorContainer .icon.checkIcon svg, .forceModalSpinner .indicatorContainer .icon.checkIcon span {
    display: none
}

.forceModalSpinner .indicatorContainer .icon.checkIcon {
    background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2NHB4IiBoZWlnaHQ9IjY0cHgiIHZpZXdCb3g9IjAgMCA2NCA2NCI+PHBhdGggZmlsbD0iI0ZGRiIgZD0iTTYzLjU3NiwxOC4zMjFjMC41Mi0wLjUxOSwwLjUyLTEuNDA3LDAtMS45MjVsLTkuMzIyLTkuMzIyYy0wLjUxOC0wLjUxOC0xLjQwNi0wLjUxOC0xLjkyMywwTDIzLjk5MiwzNS40ODZsLTEyLjM1Ni0xMi40M2MtMC41MTgtMC41MTgtMS40MDYtMC41MTgtMS45MjQsMGwtOS4zMjMsOS4zMjJjLTAuNTE5LDAuNTE5LTAuNTE5LDEuNDA1LDAsMS45MjRMMjMuMDMsNTYuOTQzYzAuMjk2LDAuMjIzLDAuNTkyLDAuMzcxLDAuOTYyLDAuMzcxYzAuMzcsMCwwLjY2Ni0wLjE0OCwwLjk2Mi0wLjM3MUw2My41NzYsMTguMzIxeiIvPjwvc3ZnPg==') no-repeat center center;
    background-size: 100%
}

.forceModalSpinner .indicatorContainer .icon {
    color: var(--lwc-colorTextInverse, rgb(255, 255, 255));
    width: 36px;
    height: 36px
}

.forceModalSpinner .indicatorContainer .message {
    font-weight: var(--lwc-fontWeightRegular, 400);
    text-align: center;
    margin-top: 14px;
    font-size: var(--lwc-fontSizeMedium, 0.8125rem)
}

.forceOutputFormulaHtml {
    white-space: pre-line
}

.forceOutputModStampWithPreview {
    display: inline-block;
    max-width: 100%
}

.forceOutputOwnerIdLookupWithChangeLink.container {
    display: flex;
    justify-content: space-between
}

.forceOutputOwnerIdLookupWithChangeLink .ownerName a {
    max-width: 100%
}

.forceOutputOwnerIdLookupWithChangeLink .ownerName .photoContainer:not(:empty) + a.forceOutputLookup {
    max-width: calc(100% - 1.5rem)
}

.forceOutputOwnerIdLookupWithChangeLink a.changeOwnerLink {
    color: var(--lwc-colorBackgroundShade, rgb(236, 235, 234));
    flex: 0 0 auto
}

.forceOutputOwnerIdLookupWithChangeLink:hover .changeOwnerLink, .forceOutputOwnerIdLookupWithChangeLink:focus .changeOwnerLink {
    color: var(--lwc-colorTextIconDefault, rgb(112, 110, 107))
}

.forceOutputOwnerIdLookupWithChangeLink .changeOwnerLink:active, .forceOutputOwnerIdLookupWithChangeLink .changeOwnerLink:focus, .forceOutputOwnerIdLookupWithChangeLink a.changeOwnerLink:hover {
    color: var(--lwc-colorTextIconDefaultHover, rgb(0, 112, 210))
}

.forceOutputOwnerIdLookupWithChangeLink .changeOwnerDialog .body {
    padding: 0
}

.forceOutputOwnerIdLookupWithChangeLink.showchangeOwnerLink .ownerName {
    word-break: break-all;
    text-align: left;
    display: inline-block
}

.forceOutputOwnerIdLookupWithChangeLink .changeOwnerLink {
    display: inline-block
}

.forceOutputOwnerIdLookupWithChangeLink .changeOwnerDialog {
    min-width: 640px;
    width: 80%
}

.forceOutputOwnerIdLookupWithChangeLink .changeOwnerHide.changeOwnerLink {
    display: none
}

.forceOutputOwnerIdLookupWithChangeLink .changeOwnerLink .forceIcon .slds-icon {
    vertical-align: text-top
}

.forceOutputOwnerIdLookupWithChangeLink .changeOwnerLink .slds-button__icon {
    margin-left: 0
}

.forceOutputRecordType a.changeRecordTypeLink {
    color: var(--lwc-colorBackgroundShade, rgb(236, 235, 234));
    flex: none;
    float: right;
    margin-left: 8px
}

.forceOutputRecordType:hover .changeRecordTypeLink, .forceOutputRecordType:focus .changeRecordTypeLink {
    color: var(--lwc-colorTextIconDefault, rgb(112, 110, 107))
}

.forceOutputRecordType .changeRecordTypeLink:active, .forceOutputRecordType .changeRecordTypeLink:focus, .forceOutputRecordType a.changeRecordTypeLink:hover {
    color: var(--lwc-colorTextIconDefaultHover, rgb(0, 112, 210))
}

.forceOutputRecordType.showChangeRecordTypeLink .recordTypeName {
    max-width: calc(100% - 1.5rem)
}

.forceOutputRecordType .recordTypeName {
    max-width: 100%;
    text-align: left
}

.forceOutputRichText strong {
    font-weight: bold
}

.forceOutputRichText em {
    font-style: italic
}

.forceRelatedList ul {
    list-style: none;
    margin: 0;
    padding: 0;
    background-color: var(--lwc-colorBackgroundAlt, rgb(255, 255, 255))
}

.forceRelatedList .listTitleContainer {
    padding: var(--lwc-spacingSmall, 0.75rem) var(--lwc-spacingSmall, 0.75rem) var(--lwc-spacingSmall, 0.75rem) var(--lwc-spacingSmall, 0.75rem);
    border-bottom: var(--lwc-borderWidthThin, 1px) solid var(--lwc-colorBorderSeparatorAlt, rgb(221, 219, 218))
}

.forceRelatedList .listContent {
    min-height: 0
}

.forceRelatedList .forceListViewManagerGridWrapText {
    white-space: pre-line
}

.forceRelatedList .listTitle {
    color: var(--lwc-colorTextDefault, rgb(8, 7, 7));
    font-size: var(--lwc-fontSizeLarge, 1rem);
    font-weight: var(--lwc-fontWeightLight, 300);
    padding-left: var(--lwc-spacingMedium, 1rem);
    line-height: var(--lwc-lineHeightHeading, 1.25)
}

.forceRelatedList .listTitle .totalItemsLabel, .forceRelatedList .listTitle .filterLabel {
    font-size: var(--lwc-fontSizeSmall, 0.75rem);
    font-weight: var(--lwc-fontWeightRegular, 400);
    font-weight: var(--lwc-fontWeightRegular, 400);
    color: var(--lwc-colorTextWeak, rgb(62, 62, 60));
    padding-top: 2px;
    display: block
}

.forceRelatedList .listTitle .filterLabel {
    text-overflow: ellipsis
}

.forceRelatedList .forceButtonBar .overflowItems {
    width: 25%
}

@media only screen and (min-width: 48em) {
    .forceRelatedList {
        max-width: 768px;
        margin-right: auto;
        margin-left: auto
    }
}

.forceRelatedList .header {
    background: var(--lwc-colorBackgroundAnchor, rgb(243, 242, 242));
    padding: var(--lwc-spacingSmall, 0.75rem);
    border-bottom: 1px solid var(--lwc-colorBorderSeparatorAlt, rgb(221, 219, 218))
}

.forceRelatedList .header .forceEntityIcon {
    float: left
}

.forceRelatedList .listTitle {
    color: var(--lwc-colorTextDefault, rgb(8, 7, 7));
    font-size: var(--lwc-fontSizeLarge, 1rem);
    font-weight: var(--lwc-fontWeightLight, 300);
    padding-left: var(--lwc-spacingMedium, 1rem);
    line-height: var(--lwc-lineHeightHeading, 1.25)
}

.forceRelatedList .listTitle .sortLabel {
    font-size: var(--lwc-fontSizeSmall, 0.75rem);
    font-weight: var(--lwc-fontWeightRegular, 400);
    font-weight: var(--lwc-fontWeightRegular, 400);
    color: var(--lwc-colorTextWeak, rgb(62, 62, 60));
    padding-top: 2px;
    display: block;
    white-space: normal
}

.forceRelatedList .relatedListButtons {
    padding: var(--lwc-spacingMedium, 1rem);
    border-bottom: 1px solid var(--lwc-colorBorderSeparatorAlt, rgb(221, 219, 218))
}

.forceRelatedList .loadingIndicator .background {
    opacity: 0
}

.forceRelatedList.showEmptyContent {
    position: absolute;
    height: 100%;
    width: 100%
}

.forceRelatedList.showEmptyContent .listContent {
    height: 100%;
    width: 100%
}

.forceRelatedList.showEmptyContent .listContent .emptyListContent {
    position: absolute;
    top: 20%;
    width: 100%
}

.forceRelatedList.previewMode .showEmptyContent {
    display: none
}

@media only screen and (min-width: 64.0625em) {
    .forceRelatedList.previewMode .showEmptyContent {
        display: initial;
        position: initial
    }

    .forceRelatedList.showEmptyContent .listContent .emptyListContent {
        position: initial;
        padding-bottom: var(--lwc-spacingLarge, 1.5rem)
    }
}

.forceRelatedList .emptyListMessage {
    padding: 0 var(--lwc-spacingXLarge, 2rem);
    text-align: center;
    font-size: var(--lwc-fontSizeMedium, 0.8125rem);
    color: var(--lwc-colorTextWeak, rgb(62, 62, 60))
}

.forceRelatedList .forceListRecord {
    background-color: var(--lwc-colorBackgroundAlt, rgb(255, 255, 255));
    border-radius: var(--lwc-borderRadiusMedium, 0.25rem)
}

.forceRelatedList.uiAbstractList .loadingIndicator {
    display: none
}

.forceRelatedList .offline {
    display: flex
}

.forceRelatedList .offline-icon {
    padding-right: .5rem
}

.forceRelatedList .offline-text {
    color: var(--lwc-colorTextError, rgb(194, 57, 52));
    font-size: var(--lwc-fontSize4, 0.875rem)
}

.forceRelatedListCardDesktop .actionsContainer .rowActionsPlaceHolder {
    line-height: var(--lwc-lineHeightButtonSmall, 1.75rem);
    width: var(--lwc-squareIconMedium, 2rem)
}

.forceRelatedListCardDesktop .actionsContainer .rowActionsPlaceHolder > .forceIcon {
    font-size: var(--lwc-fontSizeSmall, 0.75rem)
}

.forceRelatedListCardDesktop.related_list_card_use_mobile_header {
    border-radius: 0;
    border-width: 0
}

.forceRelatedListCardDesktop.headerBottomBorder .slds-page-header {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom: var(--lwc-borderWidthThin, 1px) solid var(--lwc-cardColorBorder, rgb(221, 219, 218))
}

.forceRelatedListCardDesktop .slds-card__footer {
    margin-top: 0
}

.forceRelatedListOffline .offline {
    display: flex
}

.forceRelatedListOffline .offline-icon {
    padding-right: .5rem
}

.forceRelatedListOffline .offline-text {
    color: var(--lwc-colorTextError, rgb(194, 57, 52));
    font-size: var(--lwc-fontSize4, 0.875rem)
}

.forceRelatedListPreviewAdvancedGrid .forceListViewPlaceholder {
    position: static;
    max-width: 100%
}

.forceRelatedListPreviewAdvancedGrid .uiVirtualDataTable {
    border-bottom: none
}

.forceRelatedListPreviewAdvancedGrid .slds-card__footer {
    margin-top: 0
}

.forceRelatedListPreviewAdvancedGrid .highlights-icon-container {
    width: var(--lwc-squareIconSmallBoundary, 1.5rem);
    height: var(--lwc-squareIconSmallBoundary, 1.5rem);
    border-radius: var(--lwc-borderRadiusSmall, 0.125rem)
}

.forceRelatedListPreviewAdvancedGrid .forceListViewManagerHeader .slds-page-header__title, .forceRelatedListPreviewAdvancedGrid lst-list-view-manager-header .slds-page-header__title {
    font-size: var(--lwc-varFontSize5, 1rem)
}

.forceRelatedListPreviewAdvancedGrid .forceListViewManagerHeader .firstHeaderRow, .forceRelatedListPreviewAdvancedGrid lst-list-view-manager-header .firstHeaderRow {
    height: var(--lwc-squareIconMediumBoundaryAlt, 2.25rem)
}

.forceRelatedListPreviewAdvancedGrid.outOfViewport {
    height: 500px
}

.forceRelatedListPreviewAdvancedGrid .baseCard__header-title-container {
    display: inline-flex;
    max-width: 100%;
    align-items: center
}

.forceRelatedListPreviewAdvancedGrid .stencil {
    background-color: var(--lwc-colorGray4)
}

.forceRelatedListPreviewAdvancedGrid.slds-card > div.slds-card, .forceRelatedListPreviewAdvancedGrid.slds-card_boundary > div.slds-card_boundary {
    border: 0
}

.forceRrhVersionIndicator {
    margin: 0 5px;
    padding: 1px 4px 2px;
    font-size: 10.998px;
    font-weight: bold;
    line-height: 13px;
    color: #ffffff;
    vertical-align: middle;
    white-space: normal;
    border-radius: 3px;
    background-color: #337799
}

.forceRrhVersionIndicator:hover {
    color: #ffffff;
    text-decoration: none;
    background-color: #285c77
}

.forceToastManager .toastContainer > * {
    pointer-events: auto
}

.forceToastManager--default .forceVisualMessageQueue {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: var(--lwc-zIndexToast, 10000)
}

.forceToastManager--default .forceVisualMessageQueue {
    position: fixed;
    text-align: center;
    top: auto
}

.forceChatterAddToStreamPopover {
    border: 0;
    width: 15rem
}

.forceChatterAddToStreamPopover .slds-popover__body {
    max-height: 250px;
    overflow-x: hidden;
    overflow-y: auto
}

.forceChatterDesktopChatterFeedPanel .feed-and-related-list-container {
    display: flex;
    justify-content: space-between
}

.forceChatterFeedElementFullView {
    position: relative;
    min-width: 250px;
    height: 100%;
    width: 100%;
    max-width: var(--lwc-feedMaxWidth, 784px);
    margin: 0 auto
}

.forceChatterFeedElementFullView section > .cuf-feedItem {
    padding-top: var(--lwc-spacingLarge, 1.5rem);
    margin-bottom: var(--lwc-spacingLarge, 1.5rem)
}

.forceChatterFeedElementFullView .error {
    text-align: center;
    margin-top: var(--lwc-spacingMedium, 1rem)
}

.forceChatterRecordFeedActions .cuf-feedActionBar .buttonItem:last-child {
    padding-right: 0
}

.forceChatterStreamsListing {
    flex: 1;
    position: relative
}

.forceChatterStreamsListing table tr td:first-of-type {
    padding-left: 1.5rem
}

.forceChatterStreamsListing .listViewContent .scroller {
    height: 101%
}

.forceChatterStreamsListingHeader .slds-grid {
    align-items: center
}

.forceSearchAssistant .search-button {
    min-width: var(--lwc-sizeLarge, 25rem)
}

.forceSearchDesktopHeader {
    height: var(--lwc-spacingXLarge, 2rem)
}

.forceSearchHeaderSearchInput {
    padding-left: var(--lwc-spacingMedium, 1rem);
    padding-right: var(--lwc-spacingMedium, 1rem);
    text-align: center;
    display: table;
    width: 100%;
    margin-top: var(--lwc-spacingXxSmall, 0.25rem);
    padding-top: .05rem
}

@media (min-width: 768px) {
    .forceSearchHeaderSearchInput {
        position: absolute;
        width: 60%;
        left: 20%;
        margin-top: var(--lwc-spacingXxSmall, 0.25rem)
    }

    .forceSearchHeaderSearchInput .containerWrapper {
        max-width: 500px
    }

    .forceSearchHeaderSearchInput {
        padding: .05rem 0 0 0 !important
    }
}

.forceSearchHeaderSearchInput .searchInputField::-webkit-input-placeholder, .forceSearchHeaderSearchInput .searchInputField:-ms-input-placeholder {
    color: var(--lwc-colorTextBrowser, rgb(255, 255, 255))
}

.forceSearchHeaderSearchInput.searchHasFocus {
    padding-left: var(--lwc-spacingXSmall, 0.5rem);
    padding-right: var(--lwc-spacingXSmall, 0.5rem)
}

.forceSearchHeaderSearchInput.searchHasFocus .searchInputField {
    color: var(--lwc-colorTextDefault, rgb(8, 7, 7));
    background: var(--lwc-colorBackgroundInputActive, rgb(255, 255, 255));
    border-width: 0;
    outline: auto 5px -webkit-focus-ring-color
}

.forceSearchHeaderSearchInput.searchHasFocus .searchInputField::-webkit-input-placeholder, .forceSearchHeaderSearchInput.searchHasFocus .searchInputField:-ms-input-placeholder {
    color: var(--lwc-colorTextPlaceholder, rgb(112, 110, 107))
}

.homeHeroChartHeader.header {
    border-bottom: 1px solid #e4dcdc;
    padding: var(--lwc-spacingSmall, 0.75rem)
}

.homeHeroChartHeader .header-title-container {
    padding-bottom: var(--lwc-spacingXSmall, 0.5rem);
    display: inline;
    font-weight: var(--lwc-fontWeightBold, 700)
}

.homeHeroChartHeader .timestamp {
    padding-right: var(--lwc-spacingXSmall, 0.5rem);
    font-size: var(--lwc-fontSizeSmall, 0.75rem);
    color: var(--lwc-colorTextWeak, rgb(62, 62, 60))
}

.homeHeroChartHeader .metricRow {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    list-style-type: none;
    padding: 0;
    margin: 0
}

.homeHeroChartHeader .metric {
    align-self: center;
    padding-right: var(--lwc-spacingLarge, 1.5rem);
    min-width: 60px
}

.homeHeroChartHeader .metricLabel {
    font-size: var(--lwc-fontSizeSmall, 0.75rem);
    color: var(--lwc-colorTextWeak, rgb(62, 62, 60));
    text-transform: uppercase;
    padding-right: var(--lwc-spacingXSmall, 0.5rem)
}

.homeHeroChartHeader .metricAmount {
    font-size: 1rem
}

.homeHeroChartLegend.legend {
    font-size: var(--lwc-fontSizeSmall, 0.75rem);
    text-align: center;
    color: var(--lwc-colorTextWeak, rgb(62, 62, 60));
    position: relative;
    bottom: var(--lwc-spacingXSmall, 0.5rem)
}

.homeHeroChartLegend span {
    vertical-align: middle;
    display: inline-block
}

.homeHeroChartLegend .colorPalette {
    margin-right: var(--lwc-spacingXSmall, 0.5rem);
    height: var(--lwc-spacingXSmall, 0.5rem);
    width: var(--lwc-spacingXSmall, 0.5rem)
}

.homeHeroChartLegend .label:not(:last-child) {
    margin-right: var(--lwc-spacingXLarge, 2rem)
}

.homeHeroChartLegend .colorPalette.closed {
    background-color: #ffb75d
}

.homeHeroChartLegend .colorPalette.goal {
    background-color: #4bca81
}

.homeHeroChartLegend .colorPalette.closedCommit {
    background-color: #52b7d8
}

.homeHeroChartOverlay.overlay {
    position: absolute;
    right: 0;
    height: 284px;
    width: calc(100% - 67px);
    z-index: 2;
    visibility: hidden
}

.homeHeroChartOverlay .message {
    color: var(--lwc-colorTextWeak, rgb(62, 62, 60));
    background-color: white;
    padding: var(--lwc-spacingSmall, 0.75rem);
    width: 60%
}

.homeHeroChartOverlay .dot {
    width: 16px;
    height: 16px;
    background-color: rgba(82, 183, 216, 0.4);
    border-radius: 50%;
    opacity: 0;
    z-index: 3;
    transform: translate3d(0, 0, 0);
    transition: opacity 50ms ease-in;
    pointer-events: none
}

.homeHeroChartOverlay .dot.highlighted {
    opacity: 1
}

.homeHeroChartOverlay .dot .innerDot {
    position: absolute;
    width: 6px;
    height: 6px;
    top: 5px;
    left: 5px;
    background-color: #52b7d8;
    border: 2px solid #52b7d8;
    border-radius: 50%
}

.homeHeroChartOverlay .dot.opened .innerDot {
    width: 10px;
    height: 10px;
    top: 3px;
    left: 3px;
    background-color: white
}

.homeHeroChartOverlay .dotTrigger {
    position: absolute;
    pointer-events: none;
    height: 0;
    width: 0;
    top: 14px;
    left: 9px
}

.homeHeroChartOverlay .panelTrigger {
    width: 16px;
    height: 32px;
    z-index: 4
}

.homeHeroChartOverlay .panelTrigger:focus {
    outline: 0
}

.homeHeroChartOverlay .panelTrigger:hover {
    z-index: 6
}

.homeHeroChartOverlay .panelTrigger.opened {
    z-index: 5
}

.homeHeroChartOverlay .line {
    border-right: 1px dotted var(--lwc-colorBorderSeparatorAlt2, rgb(201, 199, 197));
    height: 100%;
    top: 22px;
    left: 0;
    height: 265px;
    opacity: 0;
    z-index: 3;
    pointer-events: none;
    transform: translate3d(0, 0, 0)
}

.homeHeroChartOverlay .box {
    min-width: 100px;
    left: 0;
    top: -7px;
    opacity: 0;
    pointer-events: none;
    transform: translate3d(0, 0, 0)
}

.homeHeroChartOverlay .innerBox {
    font-size: var(--lwc-fontSizeMedium, 0.8125rem);
    border-radius: 3px;
    border: 1px solid var(--lwc-colorBorder, rgb(221, 219, 218));
    background-color: var(--lwc-colorBackground, rgb(243, 242, 242));
    white-space: nowrap;
    width: 100%;
    height: 30px;
    padding: 5px;
    position: relative;
    transform: translate3d(-50%, 0, 0);
    pointer-events: none
}

.homeHeroChartOverlay .linePointer {
    background-color: var(--lwc-colorBackground, rgb(243, 242, 242));
    height: 10px;
    width: 10px;
    border-bottom: 1px solid var(--lwc-colorBorder, rgb(221, 219, 218));
    border-right: 1px solid var(--lwc-colorBorder, rgb(221, 219, 218));
    transform: rotate(45deg);
    left: calc(50% - 5px);
    top: -4px;
    position: absolute;
    pointer-events: none
}

.homeHeroChartOverlay.uiPanel .scrollable {
    max-height: 315px;
    overflow-y: auto;
    overflow-x: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar
}

.homeHeroChartOverlay.uiPanel:focus {
    outline: 0
}

.isotopeHeaderButton .headerButtonBody {
    position: relative;
    display: inline-block;
    vertical-align: middle
}

.isotopeHeaderButton .countDot {
    position: absolute;
    top: calc(-1 * var(--lwc-spacingXSmall, 0.5rem));
    right: calc(-1 * var(--lwc-spacingXSmall, 0.5rem));
    border-radius: var(--lwc-borderRadiusLarge, 0.5rem);
    background-color: var(--lwc-colorBackgroundNotificationBadge, rgb(194, 57, 52))
}

.isotopeHeaderButton .counterLabel {
    line-height: var(--lwc-lineHeightReset, 1);
    width: var(--lwc-squareIconUtilitySmall, 1rem);
    height: var(--lwc-squareIconUtilitySmall, 1rem);
    padding: 0 var(--lwc-spacingXxSmall, 0.25rem);
    color: var(--lwc-colorTextInverse, rgb(255, 255, 255));
    font-family: var(--lwc-fontFamily, 'Salesforce Sans', Arial, sans-serif);
    font-weight: var(--lwc-fontWeightBold, 700);
    font-size: var(--lwc-fontSizeXSmall, 0.625rem);
    vertical-align: middle;
    display: table-cell
}

.lafPageHost {
    height: 100%;
    width: 100%;
    overflow: visible
}

.lafPageHost.windowViewMode-minimized {
    display: none
}

.lafPageHost.animation-display {
    display: block
}

.lafPageHost.slideLeftOut {
    visibility: visible;
    opacity: 1;
    animation: slideLeftOut .3s ease both
}

.lafPageHost.slideLeftIn {
    visibility: visible;
    opacity: 1;
    animation: slideLeftIn .3s ease both
}

.lafPageHost.slideRightOut {
    visibility: visible;
    opacity: 1;
    animation: slideRightOut .3s ease both
}

.lafPageHost.slideRightIn {
    visibility: visible;
    opacity: 1;
    animation: slideRightIn .3s ease both
}

@keyframes slideLeftOut {
    to {
        transform: translate3d(-100%, 0, 0)
    }
}

@keyframes slideLeftIn {
    from {
        transform: translate3d(100%, 0, 0)
    }
}

@keyframes slideRightOut {
    to {
        transform: translate3d(100%, 0, 0)
    }
}

@keyframes slideRightIn {
    from {
        transform: translate3d(-100%, 0, 0)
    }
}

.oneActionsComposer.uiTabset--task .tabs__item {
    max-width: 10rem
}

.oneActionsComposer.uiTabset--task .tabs__item a {
    overflow: hidden;
    padding: var(--lwc-varSpacingVerticalMedium, 1rem) var(--lwc-varSpacingHorizontalMedium, 1rem);
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap
}

.oneActionsComposer.uiTabset--task .tabs__item a span.title {
    width: auto
}

.oneActionsComposer.SMALL li.uiTabItem > a {
    padding-left: var(--lwc-spacingXSmall, 0.5rem);
    padding-right: var(--lwc-spacingXSmall, 0.5rem);
    width: 92px
}

.oneActionsComposer.uiTabset--task .tabs__item.uiTabOverflowMenuItem a {
    border-left: var(--lwc-borderWidthThin, 1px) solid transparent;
    color: var(--lwc-colorTextWeak, rgb(62, 62, 60));
    border-bottom: none;
    display: block;
    text-decoration: none
}

.oneActionsComposer .stencil {
    position: static
}

.oneActionsComposer .stencil table {
    width: 100%
}

.oneActionsComposer.uiTabset--task .tabs__content {
    padding: 0
}

.oneAppNavBackButton {
    transition: opacity var(--lwc-durationSlide, 0.25s) linear, margin-left var(--lwc-durationSlide, 0.25s) linear, left var(--lwc-durationSlide, 0.25s) linear
}

.oneAppNavBackButton.hideWithAnimation {
    margin-left: -200px;
    left: -200px;
    opacity: 0
}

.oneAppNavToggle {
    transition: opacity var(--lwc-durationSlide, 0.25s) linear, margin-left var(--lwc-durationSlide, 0.25s) linear, left var(--lwc-durationSlide, 0.25s) linear;
    display: inline-block
}

.oneAppNavToggle.desktop {
    background-color: var(--lwc-colorBackgroundAltInverse, rgb(22, 50, 92));
    transition: var(--lwc-durationSlide, 0.25s) width ease;
    width: 240px;
    z-index: 3;
    padding-bottom: 5px
}

.oneAppNavToggle.desktop.hidden {
    width: 56px
}

.oneAppNavToggle.hideWithAnimation {
    margin-left: -200px;
    left: -200px;
    opacity: 0
}

.oneAppNavToggle .desktop {
    font-size: var(--lwc-fontSizeXLarge, 1.25rem);
    padding: var(--lwc-spacingMedium, 1rem);
    height: var(--lwc-heightHeader, 3.125rem);
    color: var(--lwc-colorTextIconInverse, rgb(255, 255, 255));
    background-color: var(--lwc-colorBackgroundAltInverse, rgb(22, 50, 92));
    float: left
}

.oneAppNavToggle .desktop:active, .oneAppNavToggle .desktop:focus {
    color: var(--lwc-colorTextIconInverseActive, rgb(255, 255, 255))
}

.oneAppNavToggle .desktop:hover {
    color: var(--lwc-colorTextIconInverseHover, rgb(255, 255, 255))
}

.oneEpt {
    margin: 0 5px
}

.oneFavorites .slds-global-header__icon, .oneFavorites .slds-global-header__icon .slds-icon {
    width: var(--lwc-squareIconUtilitySmall, 1rem);
    height: var(--lwc-squareIconUtilitySmall, 1rem)
}

.oneFavorites .dropdown, .oneFavorites .dropdown .slds-icon {
    width: var(--lwc-squareIconSmallContent, 0.75rem);
    height: var(--lwc-squareIconSmallContent, 0.75rem)
}

.oneFavorites .slds-global-header__button--icon {
    border-left: 0
}

.oneFavorites .slds-button--icon svg.slds-icon {
    pointer-events: none
}

.oneFavorites > button:focus, .oneFavorites > button:hover:not(:active):not(:disabled) {
    border-width: var(--lwc-borderWidthThin, 1px)
}

.oneFavorites > button:focus {
    box-shadow: var(--lwc-shadowButtonFocus, 0 0 3px #0070D2);
    outline: 0
}

.oneFavorites > button:last-child:active:not(:disabled), .oneFavorites > button:last-child.activated {
    border-width: var(--lwc-borderWidthThin, 1px)
}

.oneGlobalCreate .menu__header {
    text-align: left
}

.oneGlobalCreate .popupTargetContainer.uiMenuList.uiMenuList--default {
    width: 11rem
}

.oneGlobalCreate .popupTargetContainer.uiMenuList ul {
    max-height: 22.375rem
}

.oneGlobalCreate svg {
    margin: 1px
}

.oneGlobalCreate {
    height: var(--lwc-squareIconXSmallBoundary, 1.25rem)
}

.oneHelpAndTrainingExperience.uiMenu .uiMenuList.uiPopupTarget.popupTargetContainer {
    right: calc(-1 * var(--lwc-spacingSmall, 0.75rem))
}

.oneHelpAndTrainingExperience .uiMenuList--default ul {
    max-height: inherit
}

.oneHelpAndTrainingExperience .uiMenuList--default.uiMenuList {
    padding-bottom: var(--lwc-spacingNone, 0);
    min-width: 25rem;
    max-width: 512px
}

.oneHelpAndTrainingExperience .slds-button__icon {
    height: var(--lwc-fontSizeTextXLarge, 1.25rem);
    width: var(--lwc-fontSizeTextXLarge, 1.25rem)
}

.oneHelpAndTrainingExperience .helpTrayOuterSpinner {
    width: 350px;
    right: -.65rem !important
}

.oneHelpAndTrainingExperience .helpTrayOuterSpinner > div {
    height: 200px
}

.onePanelManager.dialog-wrapper {
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    -moz-box-orient: horizontal;
    -moz-box-pack: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -ms-flex-direction: row;
    box-orient: horizontal;
    box-pack: center;
    box-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.onePanelManager .forcePanelOverlay:not(:last-child):not(.active) .panel {
    overflow: hidden
}

.onePanelManager .outputLookupPanel .forceCard {
    margin: 0
}

.onePanelManager .outputLookupPanel .body {
    padding: 0
}

.onePanelManager .uiPanel.open.active {
    border: 1px solid var(--lwc-colorBorder, rgb(221, 219, 218));
    box-shadow: var(--lwc-shadowDropDown, 0 2px 3px 0 rgba(0, 0, 0, 0.16));
    border-radius: var(--lwc-borderRadiusMedium, 0.25rem);
    -webkit-filter: none
}

.onePocketGuide {
    display: inline-block;
    text-align: left
}

.onePocketGuide .headerButtonBody {
    position: relative;
    display: inline-block;
    vertical-align: middle
}

.onePocketGuide .headerButtonBody svg {
    fill: currentColor;
    width: 1.7rem;
    height: 1.7rem;
    margin-top: -2px
}

.oneRecordHomeFlexipage.recordHomeFooter {
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    z-index: var(--lwc-zIndexSticky, 100)
}

.oneRecordHomeFlexipage {
    padding-bottom: .1px
}

.oneRecordHomeFlexipage .bannerWrapper.bannerVisible {
    position: sticky;
    position: -webkit-sticky;
    z-index: var(--lwc-zIndexSticky, 100)
}

.oneRecordHomeFlexipage .bannerWrapper.bannerVisible ~ .flexipagePage {
    position: relative
}

.oneSystemMessage {
    width: 100%;
    text-align: center;
    font-weight: var(--lwc-fontWeightRegular, 400);
    font-size: var(--lwc-fontSizeMedium, 0.8125rem);
    color: var(--lwc-colorTextLinkInverse, rgb(255, 255, 255));
    background-color: #ffffff
}

.oneSystemMessage .system-message.hidden {
    display: none
}

.oneSystemMessage .level-info {
    background: repeating-linear-gradient(45deg, rgb(84, 105, 141), rgb(84, 105, 141) 20px, rgba(84, 105, 141, .97) 20px, rgba(84, 105, 141, .97) 40px)
}

.oneSystemMessage .level-success {
    background: repeating-linear-gradient(45deg, rgb(4, 132, 75), rgb(4, 132, 75) 20px, rgba(4, 132, 75, .97) 20px, rgba(4, 132, 75, .97) 40px)
}

.oneSystemMessage .level-warning {
    background: repeating-linear-gradient(45deg, rgb(255, 183, 93), rgb(255, 183, 93) 20px, rgba(255, 183, 93, .97) 20px, rgba(255, 183, 93, .97) 40px)
}

.oneSystemMessage .level-error {
    background: repeating-linear-gradient(45deg, rgb(194, 57, 52), rgb(194, 57, 52) 20px, rgba(194, 57, 52, .97) 20px, rgba(194, 57, 52, .97) 40px)
}

.oneSystemMessage .icon {
    width: 14px;
    height: auto;
    margin-right: var(--lwc-spacingSmall, 0.75rem);
    color: var(--lwc-colorTextPlaceholderInverse, rgb(236, 235, 234))
}

.oneSystemMessage .action-link {
    color: var(--lwc-colorTextLinkInverse, rgb(255, 255, 255));
    margin-left: var(--lwc-spacingSmall, 0.75rem);
    text-decoration: underline
}

.oneSystemMessage .action-link:focus, .oneSystemMessage .action-link:hover {
    color: var(--lwc-colorTextLinkInverseHover, rgba(255, 255, 255, 0.75))
}

.oneSystemMessage .action-link:active {
    color: var(--lwc-colorTextLinkInverseActive, rgba(255, 255, 255, 0.5))
}

.oneSystemMessage .close-btn {
    position: absolute;
    right: 0;
    cursor: pointer
}

.oneUserProfileCardTrigger {
    border-radius: var(--lwc-borderRadiusMedium, 0.25rem);
    display: block
}

.oneUserProfileCardTrigger:focus {
    outline: 0;
    box-shadow: var(--lwc-shadowButtonFocus, 0 0 3px #0070D2)
}

.oneUserProfileCardTrigger .profileTrigger {
    width: var(--lwc-squareIconMediumBoundary, 2rem);
    height: var(--lwc-squareIconMediumBoundary, 2rem);
    border-radius: var(--lwc-borderRadiusCircle, 50%);
    max-width: none
}

.oneUserProfileCardTrigger .profileTrigger.hidden {
    visibility: hidden
}

.oneUserProfileCardTrigger .profileTrigger, .oneUserProfileCardTrigger :focus .profileTrigger, .oneUserProfileCardTrigger :hover .profileTrigger, .oneUserProfileCardTrigger :active .profileTrigger, .oneUserProfileCardTrigger .activated .profileTrigger {
    transition: box-shadow var(--lwc-durationQuickly, 0.1s) linear
}

.oneUserProfileCardTrigger .photoContainer.forceSocialPhoto {
    padding: 0
}

.oneUtilityBarContainer {
    position: relative;
    z-index: 1000;
    width: 100%
}

.oneUtilityBarContainer.ie11Fix {
    position: -ms-device-fixed
}

.oneUtilityBarContainer.utility-bar--right .utilitybar {
    justify-content: flex-end
}

.oneUtilityBarContainer.utility-bar--right .oneUtilityBarPanel.panel {
    margin-left: 1.5rem;
    margin-right: 1rem;
    right: 0
}

.oneUtilityBarPanel {
    transition: bottom var(--lwc-durationPromptly, 0.2s) cubic-bezier(0.175, 0.885, 0.32, 1.275)
}

.oneUtilityBarPanel.hideFromTabindex {
    display: none
}

.oneUtilityBarPanel.panel {
    margin-left: 1rem;
    outline: none
}

.oneUtilityBarPanel .panel-header {
    cursor: pointer
}

.oneUtilityBarPanel .slds-utility-panel__body {
    background-color: var(--lwc-colorBackgroundAlt, rgb(255, 255, 255));
    flex-grow: 1
}

.oneUtilityBarPanel .slds-utility-panel__body .body_container {
    height: 100%
}

.oneUtilityBarPanel .loading {
    margin: auto
}

.oneUtilityBarPanel .iconOverride {
    height: var(--lwc-squareIconSmallBoundary, 1.5rem);
    width: var(--lwc-squareIconSmallBoundary, 1.5rem);
    text-align: center
}

.oneUtilityBarPanel .iconOverride > span {
    vertical-align: middle
}

.oneUtilityBarPanel .headerLink, .oneUtilityBarPanel .headerLink:visited, .oneUtilityBarPanel .headerLink:active, .oneUtilityBarPanel .headerLink:hover {
    text-decoration: none;
    color: var(--lwc-colorTextDefault, rgb(8, 7, 7));
    outline: none
}

.oneUtilityBarPanel.modal-glass {
    background-color: #000;
    opacity: .2;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    z-index: var(--lwc-zIndexOverlay, 8000)
}

.oneUtilPanelManager {
    height: 0;
    opacity: 0
}

.runtime_sales_activitiesActivityTimeline2FilterMenu div.ownerFilter {
    padding-top: var(--lwc-spacingLarge, 1.5rem)
}

.runtime_sales_activitiesActivityTimeline2FilterMenu div.entityFilter {
    padding-top: var(--lwc-spacingLarge, 1.5rem)
}

.runtime_sales_activitiesActivityTimeline2FilterMenu div.content {
    column-count: 2
}

.runtime_sales_activitiesActivityTimeline2FilterMenu .completedCadence {
    max-width: 50%;
    vertical-align: text-top;
    padding-top: 0
}

.runtime_sales_activitiesActivityTimelineFixedStencil .showMoreMarker {
    flex: 0 0 auto;
    margin-top: var(--lwc-varSpacingVerticalXxSmall, 0.25rem)
}

.runtime_sales_activitiesActivityTimelineFixedStencil .timelineItem {
    flex: 1 1 auto;
    max-width: 100%;
    overflow: hidden
}

.runtime_sales_activitiesActivityTimelineFixedStencil .timelineGridItemLeft {
    flex: 0 1 auto
}

.runtime_sales_activitiesActivityTimelineFixedStencil .timelineGridItemRight {
    flex: 1 0 auto
}

.runtime_sales_activitiesActivityTimelineFixedStencil .slds-media--timeline:before {
    z-index: 0
}

.runtime_sales_activitiesActivityTimelineFixedStencil.SiqEmail .slds-media--timeline:before {
    background-color: #95aec5
}

.runtime_sales_activitiesActivityTimelineFixedStencil.SiqEvent .slds-media--timeline:before {
    background-color: #eb7092
}

.runtime_sales_activitiesActivityTimelineFixedStencil .slds-timeline__icon {
    z-index: 1;
    border-top-width: .25rem;
    border-bottom-width: .25rem;
    margin-right: var(--lwc-varSpacingHorizontalXxSmall, 0.25rem);
    margin-top: -.05rem
}

.runtime_sales_activitiesActivityTimelineFixedStencil .forceEntityIcon img {
    height: 24px;
    display: initial
}

.runtime_sales_activitiesActivityTimelineFixedStencil .hoverable {
    border-radius: 4px;
    transition: background-color .25s ease
}

.runtime_sales_activitiesActivityTimelineFixedStencil .hoverable:hover {
    background-color: var(--lwc-colorBackground, rgb(243, 242, 242))
}

.runtime_sales_activitiesActivityTimelineFixedStencil .taskStatusCheckbox {
    display: none;
    visibility: hidden
}

.runtime_sales_activitiesActivityTimelineFixedStencil.Task .taskStatusCheckbox {
    display: block;
    visibility: visible
}

.runtime_sales_activitiesActivityTimelineFixedStencil .primaryField a {
    display: inline-block;
    font-size: var(--lwc-fontSize4, 0.875rem);
    vertical-align: middle
}

.runtime_sales_activitiesActivityTimelineFixedStencil.SiqEmail div.forceVirtualAction, .runtime_sales_activitiesActivityTimelineFixedStencil.SiqEvent div.forceVirtualAction {
    display: none
}

.runtime_sales_activitiesActivityTimelineFixedStencil.SiqEmail .dueDate, .runtime_sales_activitiesActivityTimelineFixedStencil.SiqEvent .dueDate {
    padding-right: var(--lwc-varSpacingHorizontalMedium, 1rem)
}

.runtime_sales_activitiesActivityTimelineFixedStencil .slds-truncate.privateField {
    margin-right: var(--lwc-varSpacingHorizontalSmall, 0.75rem);
    font-style: italic;
    font-size: var(--lwc-fontSize4, 0.875rem)
}

.runtime_sales_activitiesActivityTimelineFixedStencil span.subjectText {
    display: none
}

.runtime_sales_activitiesActivityTimelineFixedStencil.noLinkSubject span.subjectText {
    display: inline
}

.runtime_sales_activitiesActivityTimelineFixedStencil.noLinkSubject a.subjectLink {
    display: none
}

.runtime_sales_activitiesActivityTimelineFixedStencil .markIcon {
    display: none
}

.runtime_sales_activitiesActivityTimelineFixedStencil.isHighPriority span.highPriority.markIcon {
    display: inline
}

.runtime_sales_activitiesActivityTimelineFixedStencil.isRecurrence span.recurrenceTask.markIcon {
    display: inline
}

.runtime_sales_activitiesActivityTimelineFixedStencil.isReminderSet span.reminder.markIcon {
    display: inline
}

.runtime_sales_activitiesActivityTimelineFixedStencil.hasAttachment span.attachmentIcon.markIcon {
    display: inline
}

.runtime_sales_activitiesActivityTimelineFixedStencil.sharingIcon span.sharingIcon.markIcon {
    display: inline
}

.runtime_sales_activitiesActivityTimelineFixedStencil.showRequestAccess .subjectLink, .runtime_sales_activitiesActivityTimelineFixedStencil.showRequestAccess .subjectText, .runtime_sales_activitiesActivityTimelineFixedStencil .privateContainer {
    display: none
}

.runtime_sales_activitiesActivityTimelineFixedStencil.showRequestAccess .privateContainer {
    display: flex;
    max-width: 100%;
    margin-right: var(--lwc-varSpacingHorizontalSmall, 0.75rem);
    font-style: italic;
    font-size: var(--lwc-fontSize4, 0.875rem)
}

.runtime_sales_activitiesActivityTimelineFixedStencil .summary div {
    display: inline
}

.runtime_sales_activitiesActivityTimelineFixedStencil .slds-wrap {
    align-items: flex-end
}

.runtime_sales_activitiesActivityTimelineFixedStencil .slds-timeline__actions {
    min-width: 9rem;
    flex-flow: row nowrap;
    justify-content: flex-end
}

.runtime_sales_activitiesActivityTimelineFixedStencil .dueDate {
    color: var(--lwc-colorTextWeak, rgb(62, 62, 60));
    font-size: var(--lwc-fontSize2, 0.75rem)
}

.runtime_sales_activitiesActivityTimelineFixedStencil .dueDate.overdue {
    color: var(--lwc-colorTextError, rgb(194, 57, 52));
    font-weight: var(--lwc-fontWeightBold, 700)
}

.runtime_sales_activitiesActivityTimelineFixedStencil .slds-media--timeline {
    padding-bottom: var(--lwc-varSpacingVerticalXxSmall, 0.25rem)
}

.runtime_sales_activitiesActivityTimelineFixedStencil.hideChevron a.chevronLink {
    visibility: hidden
}

.runtime_sales_activitiesActivityTimelineFixedStencil .recordLayoutPlaceholder .error {
    color: var(--lwc-colorTextError, rgb(194, 57, 52));
    padding-left: var(--lwc-varSpacingHorizontalSmall, 0.75rem)
}

.runtime_sales_activitiesActivityTimelineFixedStencil .errorIcon {
    display: inline;
    padding-right: var(--lwc-varSpacingHorizontalSmall, 0.75rem)
}

.runtime_sales_activitiesActivityTimelineFixedStencil .taskStatusError {
    color: var(--lwc-colorTextError, rgb(194, 57, 52))
}

.runtime_sales_activitiesActivityTimelineFixedStencil .thirdRow {
    display: inherit
}

.runtime_sales_activitiesActivityTimelineFixedStencil .subject-line {
    order: 1
}

.runtime_sales_activitiesActivityTimelineFixedStencil .insight-wrap {
    order: 2
}

.runtime_sales_activitiesActivityTimelineFixedStencil .duedate-wrap {
    order: 3
}

.setupGear .slds-spinner_container {
    position: relative;
    padding: var(--lwc-spacingLarge, 1.5rem) 0
}

.setupGear .uiMenu .uiMenuList.uiPopupTarget.popupTargetContainer {
    right: -.8rem
}

.setupGear .desktop {
    vertical-align: middle
}

.setupGear .related-app a {
    font-weight: bold
}

.setupGear .menuTriggerLink {
    padding-top: 1px
}

.uiScrollerWrapper.scrollable {
    overflow: auto;
    -webkit-overflow-scrolling: touch
}

.uiScrollerWrapper.scrollable.scrollingOnIOS > *:not(.skipTransform) {
    transform: translate3d(0, 0, 0)
}

.waveWaveDashboard .offline {
    display: flex
}

.waveWaveDashboard .offline-icon {
    margin: 0 auto;
    padding: 0 1rem
}

.waveWaveDashboard .offline-text {
    font-size: 1rem;
    margin-left: 1rem
}

.flexipageBaseRecordHomeTemplateDesktop {
    min-width: 968px;
    height: 100%
}

.flexipageBaseRecordHomeTemplateDesktop .row-main {
    display: flex;
    flex-flow: row nowrap;
    margin: var(--lwc-templateGutters, 0.75rem) auto
}

.flexipageBaseRecordHomeTemplateDesktop .region-subheader {
    margin-top: var(--lwc-templateGutters, 0.75rem)
}

.flexipageBaseRecordHomeTemplateDesktop .region-main {
    flex: auto;
    max-width: 70%;
    min-width: 564px
}

.flexipageBaseRecordHomeTemplateDesktop .region-full-width {
    max-width: 100%
}

.flexipageBaseRecordHomeTemplateDesktop .region-sidebar-right, .flexipageBaseRecordHomeTemplateDesktop .region-sidebar-left {
    flex: 0 0 auto;
    width: calc(100% / 3);
    min-width: 404px
}

.flexipageBaseRecordHomeTemplateDesktop .region-sidebar-right {
    padding-left: var(--lwc-templateGutters, 0.75rem);
    padding-right: 0
}

.flexipageBaseRecordHomeTemplateDesktop .region-sidebar-left {
    padding-left: 0;
    padding-right: var(--lwc-templateGutters, 0.75rem)
}

@media only screen and (max-width: 47.9375em) {
    .flexipageBaseRecordHomeTemplateDesktop {
        min-width: auto
    }

    .flexipageBaseRecordHomeTemplateDesktop .row-main {
        flex-direction: column
    }

    .flexipageBaseRecordHomeTemplateDesktop .region-main {
        min-width: auto;
        max-width: initial
    }

    .flexipageBaseRecordHomeTemplateDesktop .region-sidebar-right, .flexipageBaseRecordHomeTemplateDesktop .region-sidebar-left {
        min-width: auto;
        width: 100%;
        padding: 0
    }

    .flexipageBaseRecordHomeTemplateDesktop .region-sidebar-right {
        margin-top: var(--lwc-templateGutters, 0.75rem)
    }
}

.flexipageCard {
    margin: 0
}

.flexipageCard.slds-card {
    background-color: var(--lwc-colorBackgroundAlt, rgb(255, 255, 255))
}

.flexipageCard .card-header-title {
    font-size: var(--lwc-fontSizeLarge, 1rem);
    line-height: var(--lwc-spacingLarge, 1.5rem)
}

.flexipageCard .card-header {
    border-bottom: none;
    padding-top: 0;
    padding-left: var(--lwc-spacingLarge, 1.5rem);
    padding-bottom: var(--lwc-spacingXSmall, 0.5rem)
}

.flexipageCard .card-header-title a:link {
    color: var(--lwc-colorTextDefault, rgb(8, 7, 7))
}

.forceDockingPanel.slds-docked_container, .forceDockingPanel.slds-docked-composer-modal {
    transition: right var(--lwc-durationPromptly, 0.2s) ease-out, bottom var(--lwc-durationPromptly, 0.2s) cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity var(--lwc-durationPromptly, 0.2s) linear;
    padding-right: 0;
    bottom: -480px
}

.forceDockingPanel .docking-panel-fillHeight {
    height: 100vh
}

@media (min-width: 48em) {
    .forceDockingPanel .docking-panel-fillWidth {
        max-width: 703px;
        width: 100vw
    }
}

.forceDockingPanel .panel {
    background: var(--lwc-colorBackgroundAlt, rgb(255, 255, 255));
    margin-right: var(--lwc-spacingMedium, 1rem);
    outline: none;
    transition: height var(--lwc-durationPromptly, 0.2s) cubic-bezier(0.175, 0.885, 0.32, 1.275)
}

.forceDockingPanel .panel-header {
    cursor: pointer
}

.forceDockingPanel.DOCKED .bottomBar {
    width: 478px !important;
    border-left: none !important;
    border-right: none !important;
    right: 0 !important
}

.forceDockingPanel .slds-docked-composer__body > div {
    height: 100%
}

.forceDockingPanel.CLOSED {
    opacity: 0
}

.forceDockingPanel.OVERFLOWED:not(.transitioning) {
    transition: none
}

.forceDockingPanel.OVERFLOWED {
    bottom: -480px
}

.forceDockingPanel.MINIMIZED:not(.transitioning) .panel .slds-docked-composer__body {
    display: none
}

.forceDockingPanel.OVERFLOWED:not(.transitioning) .panel {
    display: none
}

.forceDockingPanel .headerLink, .forceDockingPanel .headerLink:visited, .forceDockingPanel .headerLink:active, .forceDockingPanel .headerLink:hover {
    text-decoration: none;
    color: var(--lwc-colorTextDefault, rgb(8, 7, 7));
    outline: none
}

.forceDockingPanel .loading {
    margin: auto
}

.forceDockingPanel .panel-header .slds-media .slds-icon {
    fill: var(--lwc-colorTextIconDefault, rgb(112, 110, 107))
}

.forceDockingPanel .panel-header .slds-media .slds-icon_container {
    background-color: transparent !important
}

.forceFilterList.list-header {
    position: relative;
    height: 40px
}

.forceFilterList .titleWrapper {
    display: inline-block;
    vertical-align: middle;
    max-width: 90%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.forceFilterList.uiAbstractList .loadingIndicator {
    display: none
}

.forceFilterList.listTitleContainer .uiListSorter {
    padding-top: var(--lwc-spacingMedium, 1rem)
}

.forceFilterList .filterListSorterTrigger {
    float: right;
    font-weight: var(--lwc-fontWeightBold, 700);
    font-size: var(--lwc-fontSizeLarge, 1rem);
    color: var(--lwc-colorTextWeak, rgb(62, 62, 60));
    line-height: var(--lwc-lineHeightHeading, 1.25)
}

.forceFilterList .filterIndicator {
    white-space: pre-line
}

.forceFilterList ul {
    margin: 0;
    padding: 0
}

.forceFilterList li {
    list-style-type: none
}

.forceFilterList .pillItem {
    border: 1px solid #333;
    border-left: 4px solid #333;
    font-weight: bold;
    margin-bottom: 1.5em;
    padding: .3em;
    border-radius: 1em
}

.forceFilterList .pillItemName {
    font-size: 1.5em;
    font-weight: bold
}

.forceFilterList .pillItemDetails {
    font-style: italic
}

.forceFilterList .loadingIndicator .background {
    opacity: 0
}

.forceFilterList .emptyListContent {
    padding: 100px var(--lwc-spacingXLarge, 2rem) var(--lwc-spacingMedium, 1rem) var(--lwc-spacingXLarge, 2rem);
    color: var(--lwc-colorTextWeak, rgb(62, 62, 60));
    font-size: var(--lwc-fontSizeMedium, 0.8125rem)
}

.forceFilterList .listTitleContainer {
    background-color: var(--lwc-colorBackgroundAlt, rgb(255, 255, 255));
    padding: var(--lwc-spacingSmall, 0.75rem) var(--lwc-spacingSmall, 0.75rem) var(--lwc-spacingSmall, 0.75rem) var(--lwc-spacingSmall, 0.75rem)
}

.forceFilterList .listTitle {
    color: var(--lwc-colorTextDefault, rgb(8, 7, 7));
    font-size: var(--lwc-fontSizeLarge, 1rem);
    font-weight: var(--lwc-fontWeightBold, 700);
    padding-left: var(--lwc-spacingMedium, 1rem);
    line-height: var(--lwc-lineHeightHeading, 1.25)
}

.forceFilterList .listTitle .totalItemsLabel, .forceFilterList .listTitle .filterLabel, .forceFilterList .listTitle .countAndSortLabel {
    font-size: var(--lwc-fontSizeSmall, 0.75rem);
    font-weight: var(--lwc-fontWeightRegular, 400);
    font-weight: var(--lwc-fontWeightRegular, 400);
    color: var(--lwc-colorTextWeak, rgb(62, 62, 60));
    padding-top: 2px;
    display: block
}

.forceFilterList .listTitle .filterLabel {
    text-overflow: ellipsis
}

.forceFilterList.dark {
    padding-bottom: var(--lwc-spacingMedium, 1rem)
}

.forceFilterList .listTitleContainer .triggerContainer {
    display: inline-block
}

.forceFilterList .listTitleContainer .triggerIcon {
    position: relative;
    top: 10px;
    left: 10px
}

.forceFilterList .filterSelectorIcon {
    margin-left: var(--lwc-spacingSmall, 0.75rem);
    font-size: var(--lwc-squareIconUtilitySmall, 1rem)
}

.forceFilterList .inverted {
    transform: rotate(180deg)
}

.forceFilterList .filterSelectorContainer {
    position: relative
}

.forceFilterList .filterSelector {
    background-color: var(--lwc-colorBackgroundAlt, rgb(255, 255, 255));
    position: absolute;
    z-index: 100
}

.forceFilterList.hiddenContent .listContent {
    visibility: hidden
}

.forceFilterList .hidden {
    visibility: hidden
}

.forceFilterList a.disabled {
    cursor: default
}

.forceFilterList.footer {
    background-color: var(--lwc-colorBackgroundAlt, rgb(255, 255, 255));
    border: 1px solid var(--lwc-colorBorder, rgb(221, 219, 218));
    padding-top: 5px;
    padding-bottom: 5px;
    position: fixed;
    bottom: 0;
    width: 99.8%;
    display: block
}

.forceFilterList.footer .w50 {
    width: 50%;
    display: inline-block;
    text-align: center
}

.forceFilterList.footer .iconHolder {
    display: inline-block
}

.forceFilterList.footer .filterFieldCount {
    vertical-align: 150%;
    display: inline-block;
    margin-left: 1%;
    color: var(--lwc-colorTextDefault, rgb(8, 7, 7));
    font-weight: var(--lwc-fontWeightBold, 700)
}

.forceFilterList.errorMessageContainer {
    text-align: justify;
    padding: var(--lwc-spacingMedium, 1rem)
}

@media only screen and (min-width: 48em) {
    .forceFilterList {
        max-width: 768px;
        margin-right: auto;
        margin-left: auto
    }
}

@media only screen and (max-width: 47.9375em) {
    .forceFilterList h3.itemTitle {
        font-size: var(--lwc-fontSize5, 1rem);
        font-weight: var(--lwc-fontWeightBold, 700)
    }

    .forceFilterList .itemRows {
        font-size: var(--lwc-fontSize4, 0.875rem)
    }
}

.forceFilterList .pickerChevron {
    margin: auto 0 auto 0
}

.forceFilterList .offline {
    display: flex
}

.forceFilterList .offline-icon {
    padding-right: .5rem
}

.forceFilterList .offline-text {
    color: var(--lwc-colorTextError, rgb(194, 57, 52));
    font-size: var(--lwc-fontSize4, 0.875rem)
}

.forceHighlightsStencilDesktop .detailRow, .forceHighlightsStencilDesktop .primaryFieldRow {
    position: relative
}

.forceHighlightsStencilDesktop .primaryFieldRow {
    z-index: 3
}

.forceHighlightsStencilDesktop.s1FixedTop {
    position: fixed;
    border-top: none
}

.forceHighlightsStencilDesktop .forceEntityIcon, .forceHighlightsStencilDesktop .forceSocialPhoto img, .forceHighlightsStencilDesktop .forceSocialPhoto_v2 img {
    width: var(--lwc-squareIconMediumBoundary, 2rem);
    height: var(--lwc-squareIconMediumBoundary, 2rem)
}

.forceHighlightsStencilDesktop .forceOutputLookup .forceEntityIcon, .forceHighlightsStencilDesktop .forceSocialPhoto.forceOutputLookup img, .forceHighlightsStencilDesktop .forceSocialPhoto_v2.forceOutputLookup img {
    width: var(--lwc-squareIconXSmallBoundary, 1.25rem);
    height: var(--lwc-squareIconXSmallBoundary, 1.25rem)
}

.forceHighlightsStencilDesktop .photoContainer:not(.forceOutputLookup) {
    padding-right: 0
}

.forceHighlightsStencilDesktop .invisibleEl {
    visibility: hidden
}

.forceHighlightsStencilDesktop .forceOutputOwnerIdLookupWithChangeLink .changeOwnerLink {
    width: var(--lwc-squareIconUtilitySmall, 1rem);
    height: 1.05rem
}

.forceHighlightsStencilDesktop .forceOutputOwnerIdLookupWithChangeLink.showchangeOwnerLink .ownerName {
    max-width: calc(100% - 1rem)
}

.forceHighlightsStencilDesktop .forceOutputOwnerIdLookupWithChangeLink.container {
    display: block
}

.forceHighlightsStencilDesktop .changeOwnerLink {
    display: inline-block;
    top: -2px;
    margin-left: 2px
}

.forceHighlightsStencilDesktop .forceOutputLookupWithPreview a {
    max-width: 100%
}

.forceHighlightsStencilDesktop .forceOutputLookupWithPreview .photoContainer:not(:empty) + a.forceOutputLookup {
    max-width: calc(100% - 1.5rem)
}

.forceHighlightsStencilDesktop .slds-page-header__detail-row > li {
    max-width: 100%
}

.forceHighlightsStencilDesktop ul .slds-list--vertical {
    max-width: 25%;
    padding-right: 2rem
}

.forceHighlightsStencilDesktop .entityNameTitle {
    font-size: var(--lwc-varFontSize3, 0.8125rem);
    color: var(--lwc-colorTextWeak, rgb(62, 62, 60))
}

.forceHighlightsStencilDesktop.slds-page-header {
    padding: var(--lwc-varSpacingVerticalMedium, 1rem) var(--lwc-varSpacingHorizontalMedium, 1rem)
}

.forceHighlightsStencilDesktop .slds-page-header__detail-row {
    padding: var(--lwc-varSpacingVerticalMedium, 1rem) var(--lwc-varSpacingHorizontalMedium, 1rem);
    margin: var(--lwc-varSpacingVerticalMedium, 1rem) calc(-1 * var(--lwc-varSpacingHorizontalMedium, 1rem)) calc(-1 * var(--lwc-varSpacingVerticalMedium, 1rem))
}

.forceHighlightsStencilDesktop .fade-text {
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    word-wrap: break-word;
    word-break: break-word;
    position: relative;
    max-height: 2.8125rem;
    overflow: hidden
}

.forceHighlightsStencilDesktop .fade-text:after {
    content: "";
    text-align: right;
    position: absolute;
    top: 1.40625rem;
    bottom: 0;
    right: 0;
    width: 75%;
    background: linear-gradient(to right, rgba(243, 242, 242, 0), rgba(243, 242, 242, 1) 90%)
}

.forceHighlightsStencilDesktopVertical {
    padding: var(--lwc-varSpacingVerticalMedium, 1rem) var(--lwc-varSpacingHorizontalMedium, 1rem)
}

.forceHighlightsStencilDesktopVertical .forceEntityIcon, .forceHighlightsStencilDesktopVertical .forceSocialPhoto img, .forceHighlightsStencilDesktopVertical .forceSocialPhoto_v2 img {
    width: var(--lwc-squareIconMediumBoundary, 2rem);
    height: var(--lwc-squareIconMediumBoundary, 2rem)
}

.forceHighlightsStencilDesktopVertical .forceOutputLookup .forceEntityIcon, .forceHighlightsStencilDesktopVertical .forceSocialPhoto.forceOutputLookup img, .forceHighlightsStencilDesktopVertical .forceSocialPhoto_v2.forceOutputLookup img {
    width: var(--lwc-squareIconXSmallBoundary, 1.25rem);
    height: var(--lwc-squareIconXSmallBoundary, 1.25rem)
}

.forceHighlightsStencilDesktopVertical .photoContainer:not(.forceOutputLookup) {
    padding-right: 0
}

.forceHighlightsStencilDesktopVertical #primaryField {
    word-wrap: break-word;
    word-break: break-word
}

.forceHighlightsStencilDesktopVertical .secondaryFieldList.oneColumn .forceHighlightsDesktopListRecordItem {
    width: 100%;
    flex: none
}

.forceHighlightsStencilDesktopVertical .secondaryFieldList.twoColumn .forceHighlightsDesktopListRecordItem {
    width: 50%;
    flex: none
}

.forceHighlightsStencilDesktopVertical .secondaryFieldList.oneColumn .forcePopover .forceHighlightsDesktopListRecordItem, .forceHighlightsStencilDesktopVertical .secondaryFieldList.twoColumn .forcePopover .forceHighlightsDesktopListRecordItem {
    padding-left: 0;
    padding-right: 0;
    width: 100%
}

.forceHighlightsStencilDesktopVertical .slds-form-element .outputRecordType .recordTypeName, .forceHighlightsStencilDesktopVertical .slds-form-element .outputLookupLink {
    white-space: normal
}

.forceHighlightsStencilMobile .header {
    padding: var(--lwc-spacingMedium, 1rem) var(--lwc-spacingSmall, 0.75rem) var(--lwc-spacingSmall, 0.75rem);
    text-align: center;
    position: relative;
    background-color: var(--lwc-colorBackground, rgb(243, 242, 242))
}

.forceHighlightsStencilMobile .header .forceEntityIcon, .forceHighlightsStencilMobile .header .forceEntityIcon .icon {
    box-sizing: content-box
}

.forceHighlightsStencilMobile .highlightsH1 {
    font-family: var(--lwc-fontFamilyHeading, 'Salesforce Sans', Arial, sans-serif);
    font-size: var(--lwc-fontSize7, 1.25rem);
    font-weight: var(--lwc-fontWeightBold, 700);
    color: var(--lwc-colorGray13, rgb(8, 7, 7));
    word-wrap: break-word;
    word-break: break-word;
    line-height: initial
}

.forceHighlightsStencilMobile .secondaryFields {
    color: var(--lwc-colorTextWeak, rgb(62, 62, 60));
    font-weight: var(--lwc-fontWeightRegular, 400);
    font-size: var(--lwc-fontSizeMedium, 0.8125rem)
}

.forceHighlightsStencilMobile .entityNameTitle {
    font-size: var(--lwc-fontSize4, 0.875rem);
    font-family: var(--lwc-fontFamily, 'Salesforce Sans', Arial, sans-serif);
    font-color: var(--lwc-colorGray11, rgb(62, 62, 60))
}

.forceHighlightsStencilMobile .secondaryFields *:not(.forceOutputAddressText) {
    display: inline
}

.forceHighlightsStencilMobile .secondaryFields * {
    word-wrap: break-word;
    white-space: normal
}

.forceHighlightsStencilMobile .profilePicWrapper {
    position: relative;
    width: var(--lwc-squareIconLargeBoundary, 3rem);
    margin: 0 var(--lwc-spacingSmall, 0.75rem) 0 0
}

.forceHighlightsStencilMobile .photoContainer:not(.forceOutputLookup) {
    padding-right: 0
}

.forceHighlightsStencilMobile .header {
    display: flex;
    text-align: left;
    padding: var(--lwc-spacingSmall, 0.75rem)
}

.forceHighlightsStencilMobile .fieldWrapper {
    max-width: calc(100% - 3rem - 10px);
    display: flex;
    flex-direction: column;
    justify-content: space-around
}

.forceHighlightsStencilMobile .secondaryFields {
    font-size: var(--lwc-fontSizeSmall, 0.75rem);
    color: var(--lwc-colorTextWeak, rgb(62, 62, 60));
    font-weight: var(--lwc-fontWeightRegular, 400);
    line-height: var(--lwc-lineHeightHeading, 1.25)
}

.forceHighlightsStencilMobile .entityLabelWrapper {
    line-height: initial
}

.forceInlineExpandableContainer .inline-exp-container {
    border-bottom: var(--lwc-borderWidthThin, 1px) solid var(--lwc-colorBorder, rgb(221, 219, 218))
}

.forceInlineExpandableContainer .inline-exp-container-loading {
    display: inline-block;
    color: var(--lwc-brandAccessible, rgb(0, 112, 210));
    padding-bottom: var(--lwc-spacingMedium, 1rem);
    position: relative
}

.forceInlineExpandableContainer .inline-exp-container-loading-spinner-msg {
    font-size: var(--lwc-varFontSize5, 1rem);
    position: absolute;
    right: var(--lwc-spacingMedium, 1rem)
}

.forceInlineExpandableContainer .inline-exp-container-loading-spinner {
    padding-left: var(--lwc-spacingMedium, 1rem)
}

.forceInlineExpandableContainer .inline-exp-container-error {
    color: var(--lwc-colorTextError, rgb(194, 57, 52))
}

.forceInlineExpandableContainer .inline-exp-container-view-button {
    font-size: var(--lwc-varFontSize5, 1rem);
    width: 100%
}

.forceInlineExpandableContainer .inline-exp-container-footer {
    background-color: var(--lwc-colorBackgroundAlt, rgb(255, 255, 255));
    padding: var(--lwc-spacingMedium, 1rem)
}

.forceInlineExpandableContainer .inline-exp-container-footer-no-margin-top {
    margin-top: 0
}

.forceInlineExpandableContainer .inline-exp-container-footer-no-border {
    border: none
}

.forceInputAddress .inlineField {
    display: inline-block;
    vertical-align: bottom
}

.forceInputAddress .lookupButton {
    width: 100%
}

.forceInputAddress .lookupButton .searchLabel {
    width: 100%;
    padding-top: 4px;
    font-size: var(--lwc-fontSizeMedium, 0.8125rem);
    text-shadow: none;
    border: 0;
    box-shadow: none
}

.forceInputAddress input[placeholder] {
    text-overflow: ellipsis
}

.forceInputMultiPicklist .slds-button_icon {
    left: 0 !important
}

.forceLookupCard .template {
    padding: 14px 18px 14px 14px;
    position: relative
}

.forceLookupCard .template .tableRowGroup {
    list-style: none
}

.forceLookupCard a:link {
    text-decoration: inherit;
    color: inherit
}

.forceLookupCard .primaryField {
    color: var(--lwc-colorTextDefault, rgb(8, 7, 7));
    font-size: var(--lwc-fontSizeMedium, 0.8125rem);
    font-weight: var(--lwc-fontWeightRegular, 400);
    padding-bottom: 3px
}

.forceLookupCard .secondaryFields {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: var(--lwc-fontSizeMedium, 0.8125rem)
}

.forceLookupCard .header-label {
    line-height: inherit
}

.forceLookupCard .forceMessage.pOne.error {
    background: var(--lwc-colorBackgroundAlt, rgb(255, 255, 255))
}

.forceLookupCard .forceOutputAddress .street {
    white-space: nowrap
}

.forcePageBlockItemEdit .inlineEditUndo {
    color: var(--lwc-colorTextIconDefault, rgb(112, 110, 107));
    margin-right: calc(-1 * var(--lwc-spacingXSmall, 0.5rem));
    z-index: 1;
    position: absolute;
    top: calc(-1 * var(--lwc-spacingXxxSmall, 0.125rem));
    right: var(--lwc-spacingNone, 0)
}

.forcePageBlockItemEdit .inlineEditUndo:hover {
    color: var(--lwc-colorTextIconDefaultHover, rgb(0, 112, 210))
}

.forcePageBlockItemEdit.undo {
    background: var(--lwc-colorBackgroundHighlight, rgb(250, 255, 189))
}

.forcePageBlockItemEdit .tooltipIcon {
    height: initial;
    color: var(--lwc-colorTextIconDefaultHint, rgb(176, 173, 171));
    margin-left: var(--lwc-spacingXSmall, 0.5rem)
}

.forcePageBlockItemEdit .dep-trigger {
    display: none
}

.forcePageBlockItemEdit .dep-trigger.slds-button {
    font-size: var(--lwc-fontSizeTextXxSmall, 0.625rem);
    margin-bottom: var(--lwc-spacingXxSmall, 0.25rem);
    line-height: inherit
}

.forcePageBlockItemView.blank-item {
    min-height: var(--lwc-varSpacingXxLarge, 3rem)
}

.forcePageBlockItemView .slds-form-element__static {
    word-wrap: break-word
}

.forcePageBlockItemView .slds-form-element .slds-button_icon {
    margin-left: 0
}

.forcePageBlockItemView .slds-form-element .slds-button_icon {
    color: var(--lwc-colorTextButtonInverse, rgb(236, 235, 234))
}

.forcePageBlockItemView .slds-form-element.hover .slds-button_icon {
    color: var(--lwc-colorTextIconDefault, rgb(112, 110, 107))
}

.forcePageBlockItemView .slds-form-element .slds-button_icon:hover, .forcePageBlockItemView .slds-form-element .slds-button_icon:focus {
    color: var(--lwc-brandTextLink, rgb(0, 109, 204))
}

.forcePageBlockItemView .inlineEditSpinnerContainer {
    width: 1rem;
    height: 2rem;
    margin: 0 4px
}

.forcePageBlockItemView .slds-spinner {
    position: relative;
    width: .75rem
}

.forcePageBlockItemView .tooltipIcon {
    height: initial;
    color: var(--lwc-colorTextIconDefaultHint, rgb(176, 173, 171))
}

.forcePageBlockItemView.forcePageBlockItem.slds-col > .slds-form-element.slds-form-element_readonly {
    padding: var(--lwc-spacingNone, 0)
}

.forcePageBlockItemView .slds-form-element__static {
    padding-top: 0;
    padding-bottom: 0;
    min-height: calc(var(--lwc-varFontSize7, 1.25rem) + 1px)
}

.forcePageBlockItemView .slds-form-element__label {
    margin-bottom: 0
}

.forcePageBlockItemView.slds-form-element_separator {
    border-bottom: 1px solid var(--lwc-colorBorder, rgb(221, 219, 218))
}

.forcePageBlockItemView.slds-form-element_separator .is-read-only {
    display: block;
    margin-right: var(--lwc-pageBlockItemIsReadOnlyMarginRight, 1.5rem)
}

.forcePageBlockItemView.slds-form-element_separator .is-read-only .slds-button_icon {
    position: relative;
    left: 1.5rem
}

.forcePageBlockSection .cloned .forcePageBlockItemView {
    padding: .4rem
}

.forcePageBlockSection .slds-section__content {
    transition: all .4s ease-in-out
}

.forcePageBlockSection .section-icon {
    width: initial;
    height: initial;
    transform-origin: 50% 50%;
    transform: rotate(-90deg);
    transition: transform .4s ease-in-out;
    display: inline-table
}

.forcePageBlockSection.slds-is-open .section-icon {
    transform: rotate(0deg)
}

.forcePageBlockSection .slds-form-element .slds-form-element__control, .forcePageBlockSection .slds-form-element:not([class*="slds-size"]) {
    width: 100%;
    flex-basis: 100%
}

.forceRelatedListCard a:focus {
    border: 1px solid var(--lwc-colorTextLink, rgb(0, 109, 204));
    outline: none
}

.forceRelatedListCard .card-header {
    border-bottom: 0
}

.forceRelatedListCard .card-header.show-records {
    border-bottom: 1px solid var(--lwc-colorBorder, rgb(221, 219, 218))
}

.forceRelatedListHover .listPreview {
    overflow: auto
}

.forceRelatedListHover .listPreview {
    min-height: 150px
}

.forceRelatedListHover .listPreview .forceListViewManagerHeader {
    margin: 0;
    padding: var(--lwc-pageHeaderSpacingPadding, 1rem)
}

.forceRelatedListHover .listPreview .slds-table_joined {
    margin: 0
}

.forceRelatedListHover .forceListViewManager.slds-card {
    border: none
}

.forceRelatedListSingleContainer .errorContainer {
    background: var(--lwc-colorBackgroundAlt, rgb(255, 255, 255));
    border: solid var(--lwc-borderWidthThin, 1px) var(--lwc-colorBorder, rgb(221, 219, 218));
    width: 100%;
    border-radius: var(--lwc-borderRadiusMedium, 0.25rem);
    margin-top: var(--lwc-spacingSmall, 0.75rem)
}

.forceRelatedListSingleContainer.container {
    width: 100%
}

.forceRelatedListSingleContainer.placeholder {
    height: 225px;
    border: none
}

.forceRelatedListSingleContainer.mobileSingleContainer.placeholder {
    height: 44px
}

.forceRelatedListSingleContainer.placeholder.rlvm {
    height: auto
}

.forceRelatedListsOffline .offline {
    display: flex
}

.forceRelatedListsOffline .offline-icon {
    padding-right: .5rem
}

.forceRelatedListsOffline .offline-text {
    color: var(--lwc-colorTextError, rgb(194, 57, 52));
    font-size: var(--lwc-fontSize4, 0.875rem)
}

.forceStackedTabContent .scroller_wrapper {
    height: 100%
}

.forceChatterDesktopChatter.desktopChatterPage {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.forceChatterDesktopChatter .cuf-row-main {
    height: 100%
}

.forceChatterDesktopChatter .region-left {
    background-color: var(--lwc-colorForegroundPrimary, rgb(255, 255, 255));
    width: 200px;
    height: 100%;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    padding-top: var(--lwc-spacingMedium, 1rem);
    padding-bottom: var(--lwc-spacingMedium, 1rem);
    border-right: var(--lwc-borderWidthThin, 1px) solid var(--lwc-colorBorder, rgb(221, 219, 218))
}

.forceChatterDesktopChatter .region-right {
    display: flex;
    flex-direction: column;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 200px;
    right: 0
}

.forceChatterDesktopChatter .scroller-container {
    overflow-y: auto;
    -webkit-overflow-scrolling: touch
}

.forceChatterDesktopChatter .cuf-region-main {
    flex: 1 1 auto;
    min-width: 564px;
    padding-bottom: var(--lwc-spacingSmall, 0.75rem)
}

.forceChatterDesktopChatter .cuf-region-main > div {
    margin-left: auto;
    margin-right: auto
}

.forceChatterDesktopChatter .cuf-region-sidebar {
    width: calc(100% / 3);
    min-width: 404px;
    margin-top: var(--lwc-pageHeaderSpacingMargin, 0);
    margin-left: var(--lwc-spacingSmall, 0.75rem);
    padding: 0
}

.forceChatterDesktopChatter .cuf-region-sidebar.cuf-headerPadding {
    margin-top: 60px
}

.forceChatterDesktopChatter .oneActionsComposer {
    margin: var(--lwc-pageHeaderSpacingMargin, 0) 0 var(--lwc-spacingSmall, 0.75rem) 0
}

.forceChatterDesktopChatter .forceChatterFeedElementFullView {
    margin-top: var(--lwc-pageHeaderSpacingMargin, 0)
}

.forceChatterDesktopChatter .forceChatterFeedElementFullView .cuf-element {
    border-radius: var(--lwc-borderRadiusMedium, 0.25rem)
}

.forceChatterDesktopChatter .forceChatterFeedElementFullView .cuf-feedback {
    border-radius: 0 0 var(--lwc-borderRadiusMedium, 0.25rem) var(--lwc-borderRadiusMedium, 0.25rem)
}

.forceChatterDesktopChatter .streams-listing-container {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column
}

.forceChatterDesktopChatter .placeholder.feed {
    padding: 0
}

.forceChatterDesktopChatter .placeholder.composer_tabs {
    margin-bottom: var(--lwc-spacingSmall, 0.75rem)
}

.forceChatterDesktopChatter .feed-content {
    height: 100%
}

.forceChatterDesktopChatter .invisible-focus-target:focus {
    outline: none
}

.forceChatterRecordFeedContainerMobile .cuf-feedActionBar:not(.grouped) {
    text-align: center
}

.forceChatterRecordFeedContainerMobile + .infinite-loading {
    padding-top: calc(1.75 * var(--lwc-heightFooter, 3.75rem))
}

.forceChatterRecordFeedContainerMobile feeds_placeholding-empty-feed {
    background-color: white
}

.homeMyDayHeroChart {
    overflow: hidden
}

.homeMyDayHeroChart .chartBody {
    height: 342px
}

.homeMyDayHeroChart .chartWrapper {
    position: relative;
    left: -16px;
    height: 325px;
    top: 15px
}

.homeMyDayHeroChart .chartPlaceHolder {
    position: absolute;
    top: 0;
    left: 28px;
    height: 100%;
    width: 100%;
    overflow: hidden;
    background-color: white
}

.homeMyDayHeroChart .emptyStateContainer {
    position: absolute;
    right: 0;
    height: 284px;
    width: calc(100% - 67px);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 3;
    visibility: visible
}

.homeMyDayHeroChart .emptyMessage {
    color: var(--lwc-colorTextWeak, rgb(62, 62, 60));
    background-color: white;
    padding: var(--lwc-varSpacingSmall, 0.75rem);
    width: 60%
}

.homeMyDayHeroChart .errorOverlay {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.75);
    color: var(--lwc-colorTextError, rgb(194, 57, 52));
    display: flex;
    align-items: center;
    z-index: 41
}

.homeMyDayHeroChart .errorMessage {
    flex-grow: 1;
    text-align: center;
    padding: var(--lwc-spacingNone, 0) var(--lwc-spacingMedium, 1rem);
    font-size: var(--lwc-fontSize3, 0.8125rem)
}

.homeMyDayHeroChart .errorMessage.incomplete, .homeMyDayHeroChart .errorMessage.noAccess {
    color: var(--lwc-colorTextWeak, rgb(62, 62, 60))
}

.homeMyDayHeroChart .mask {
    background-color: white;
    z-index: 39;
    animation: refresh 300ms ease-out forwards;
    position: absolute;
    height: 305px;
    width: calc(100% - 35px);
    right: 0;
    margin-left: 28px
}

@keyframes refresh {
    0% {
        opacity: .1
    }
    100% {
        opacity: .7
    }
}

.homeMyDayHeroChart .refreshSpinner {
    position: absolute;
    top: 38%;
    left: 52%;
    z-index: 40
}

.homeMyDayHeroChart .refreshSpinnerImg {
    height: 48px;
    width: 48px
}

.homeMyDayHeroChart .hide {
    display: none
}

.lafSinglePaneWindowManager {
    position: relative;
    margin: 0 auto;
    width: 100%;
    height: 100%;
    overflow: visible;
    flex: 1;
    transition: transform var(--lwc-durationSlide, 0.25s) ease-in;
    outline: none
}

.lafSinglePaneWindowManager .antiPopcorn {
    display: block !important
}

.lafSinglePaneWindowManager .antiPopcorn-active {
    visibility: visible
}

.lafSinglePaneWindowManager .antiPopcorn-hidden {
    visibility: hidden;
    right: 100%;
    position: absolute;
    top: 0
}

.oneAnchorHeader {
    margin: 0;
    padding: var(--lwc-spacingMedium, 1rem);
    border-bottom: 1px solid var(--lwc-colorBorderSeparatorAlt, rgb(221, 219, 218));
    background: var(--lwc-colorBackgroundAnchor, rgb(243, 242, 242))
}

.oneAnchorHeader h2 {
    padding-left: var(--lwc-spacingSmall, 0.75rem);
    font-weight: var(--lwc-fontWeightLight, 300);
    font-size: var(--lwc-fontSizeXLarge, 1.25rem);
    color: var(--lwc-colorTextDefault, rgb(8, 7, 7))
}

@media (hover: none) {
    .oneAppNavContainer .slds-context-bar__item:not(.slds-no-hover):hover:after {
        content: none
    }
}

.oneDockingPanelManager {
    height: 0;
    opacity: 0
}

.oneHeader.headerLayout {
    background-color: var(--lwc-colorBackgroundChromeMobile, rgb(0, 112, 210))
}

.oneHeader .hybrid-hidden {
    visibility: hidden
}

@keyframes delayRender {
    from {
        visibility: hidden
    }
    to {
        visibility: visible
    }
}

.oneHeader .slds-context-bar .slds-spinner_container > * {
    animation: delayRender 0s linear .3s both
}

.oneHeader .forceSearchInputDesktop .contentWrapper {
    background: var(--lwc-globalHeaderColorBackground, rgb(255, 255, 255))
}

.oneHeader .mask {
    position: absolute
}

.oneHeader .userImg {
    background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MiA1MiI+PHBhdGggZmlsbD0iI2ZmZiIgZD0ibTUwIDQzdjIuMmMwIDIuNi0yLjIgNC44LTQuOCA0LjhoLTM4LjRjLTIuNiAwLTQuOC0yLjItNC44LTQuOHYtMi4yYzAtNS44IDYuOC05LjQgMTMuMi0xMi4ybDAuNi0wLjNjMC41LTAuMiAxLTAuMiAxLjUgMC4xIDIuNiAxLjcgNS41IDIuNiA4LjYgMi42czYuMS0xIDguNi0yLjZjMC41LTAuMyAxLTAuMyAxLjUtMC4xbDAuNiAwLjNjNi42IDIuOCAxMy40IDYuMyAxMy40IDEyLjJ6IG0tMjQtNDFjNi42IDAgMTEuOSA1LjkgMTEuOSAxMy4ycy01LjMgMTMuMi0xMS45IDEzLjItMTEuOS01LjktMTEuOS0xMy4yIDUuMy0xMy4yIDExLjktMTMuMnoiIHN0eWxlPSJmaWxsOiAjZTBlNWVlOyI+PC9wYXRoPjwvc3ZnPg==') center no-repeat
}

.oneHeader .uiTooltip .tooltip-invisible {
    width: 0
}

.oneHeader .button-container-a11y .slds-global-header__logo {
    display: none
}

@media only screen and (max-width: 1025px) {
    .oneHeader .perf-tools {
        position: absolute;
        top: 0;
        right: 0;
        z-index: 1
    }
}

@media only screen and (max-width: 925px) {
    .oneHeader .slds-global-header__logo {
        height: 2rem;
        width: 10rem
    }
}

@media only screen and (max-width: 880px) {
    .oneHeader .slds-global-header {
        height: calc(2 * var(--lwc-heightHeader, 3.125rem));
        flex-direction: column-reverse;
        justify-content: space-around;
        align-items: center
    }

    .oneHeader .slds-global-header__logo {
        display: none
    }

    .oneHeader .slds-global-header__item--search {
        width: 27.5rem;
        display: flex;
        flex-direction: column;
        justify-content: center;
        flex: unset
    }

    .oneHeader .button-container-a11y {
        width: 27.5rem;
        display: flex;
        justify-content: space-between;
        flex-direction: row
    }

    .oneHeader .button-container-a11y ul {
        padding: 0;
        justify-content: flex-end
    }

    .oneHeader .button-container-a11y .slds-global-header__logo {
        display: inline-block;
        height: 2.5rem;
        width: 12.5rem
    }
}

.oneIframeMessageManager {
    display: none
}

.onePanelService.indicator.forceInlineSpinner {
    position: absolute;
    right: 0;
    left: 0;
    top: 3px;
    z-index: 1001
}

.runtime_sales_activitiesActivityTimelineFixedLayout {
    padding: var(--lwc-varSpacingVerticalMedium, 1rem) 0 var(--lwc-varSpacingVerticalLarge, 1.5rem);
    position: relative
}

.runtime_sales_activitiesActivityTimelineFixedLayout .hideEl {
    display: none
}

.runtime_sales_activitiesActivityTimelineFixedLayout .timelineError {
    color: var(--lwc-colorTextError, rgb(194, 57, 52))
}

.runtime_sales_activitiesActivityTimelineFixedLayout .insights-in-timeline-toggle span:first-of-type {
    color: var(--lwc-colorTextDefault, rgb(8, 7, 7));
    font-size: var(--lwc-fontSize3, 0.8125rem)
}

.runtime_sales_activitiesActivityTimelineFixedLayout.SMALL .columnWidth {
    width: 100%
}

.runtime_sales_activitiesActivityTimelineFixedLayout .filterMenuLink {
    display: inline-block;
    color: var(--lwc-colorTextWeak, rgb(62, 62, 60));
    margin-top: calc(-1 * var(--lwc-varSpacingVerticalXSmall, 0.5rem))
}

.runtime_sales_activitiesActivityTimelineFixedLayout .selectedFiltersText {
    font-size: var(--lwc-fontSize3, 0.8125rem);
    color: var(--lwc-colorTextDefault, rgb(8, 7, 7))
}

.runtime_sales_activitiesActivityTimelineFixedLayout .uiTooltip .tooltip-body {
    max-width: 350px
}

.runtime_sales_activitiesActivityTimelineFixedLayout ul {
    list-style: none;
    margin: var(--lwc-spacingNone, 0);
    padding: var(--lwc-spacingNone, 0)
}

.runtime_sales_activitiesActivityTimelineFixedLayout.SMALL .timeline__button-more {
    text-align: right
}

.runtime_sales_activitiesActivityTimelineFixedLayout.SMALL .timeline__button-more--top {
    text-align: center
}

.runtime_sales_activitiesActivityTimelineFixedLayout.SMALL:not(.grouped) .slds-section__title-action {
    max-width: 70%
}

.runtime_sales_activitiesActivityTimelineFixedLayout .placeholder.activity_discussion .text-body {
    width: 100%
}

.runtime_sales_activitiesActivityTimelineFixedLayout .placeholder.activity_expand .text-body {
    width: 100%
}

.runtime_sales_activitiesActivityTimelineFixedLayout .bodyText {
    line-height: 1.0rem
}

.runtime_sales_activitiesActivityTimelineFixedLayout .filterMenuLink:hover, .runtime_sales_activitiesActivityTimelineFixedLayout .filterMenuLink:focus, .runtime_sales_activitiesActivityTimelineFixedLayout .filterMenuLink:active {
    text-decoration: none
}

.runtime_sales_activitiesActivityTimelineFixedLayout .requestAccessSIQFixedLayout {
    display: inline-block
}

.runtime_sales_activitiesActivityTimelineFixedLayout .activityHistories .Task .taskStatusCheckbox, .runtime_sales_activitiesActivityTimelineFixedLayout .past-activity-group .Task .taskStatusCheckbox {
    display: none;
    visibility: hidden
}

.runtime_sales_activitiesActivityTimelineFixedLayout:not(.grouped).SMALL .emptyListContent {
    text-align: left
}

.runtime_sales_activitiesActivityTimelineFixedLayout .hasItems .emptyListContent {
    display: none;
    visibility: hidden
}

.runtime_sales_activitiesActivityTimelineFixedLayout:not(.grouped) .slds-section {
    margin: var(--lwc-varSpacingVerticalXSmall, 0.5rem) var(--lwc-spacingNone, 0)
}

.runtime_sales_activitiesActivityTimelineFixedLayout:not(.grouped) .slds-section__title {
    position: relative;
    width: 100%
}

.runtime_sales_activitiesActivityTimelineFixedLayout.grouped .slds-section__title {
    font-size: var(--lwc-fontSize3, 0.8125rem);
    font-weight: var(--lwc-fontWeightBold, 700)
}

.runtime_sales_activitiesActivityTimelineFixedLayout:not(.grouped) .slds-section__title:before {
    position: absolute;
    right: 0;
    top: 50%;
    left: 0;
    margin-top: -1px;
    border-bottom: 1px dashed var(--lwc-colorBorder, rgb(221, 219, 218));
    content: ' '
}

.runtime_sales_activitiesActivityTimelineFixedLayout:not(.grouped) .slds-section__title-action {
    padding: var(--lwc-spacingNone, 0) var(--lwc-varSpacingHorizontalXSmall, 0.5rem) var(--lwc-spacingNone, 0) var(--lwc-spacingNone, 0);
    background: var(--lwc-colorBackgroundAlt, rgb(255, 255, 255));
    z-index: 1;
    display: inline-block;
    width: auto;
    position: relative;
    cursor: auto
}

.runtime_sales_activitiesActivityTimelineFixedLayout .timeline__button-more--top {
    margin-bottom: var(--lwc-varSpacingVerticalXSmall, 0.5rem);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto
}

.runtime_sales_activitiesActivityTimelineFixedLayout div.openActivities ul li.Task.closed a.subjectLink, .runtime_sales_activitiesActivityTimelineFixedLayout .open-activity-group ul li.Task.closed a.subjectLink {
    text-decoration: line-through
}

.runtime_sales_activitiesActivityTimelineFixedLayout .expandedDetails {
    border: 1px solid var(--lwc-colorBorder, rgb(221, 219, 218));
    border-radius: 4px
}

.runtime_sales_activitiesActivityTimelineFixedLayout .tenLines {
    white-space: pre-wrap;
    max-height: 190px;
    -webkit-line-clamp: 10;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

.runtime_sales_activitiesActivityTimelineFixedLayout .tenLinesScroll {
    white-space: pre-wrap;
    max-height: 190px;
    overflow-y: auto
}

.runtime_sales_activitiesActivityTimelineFixedLayout .pastActivitiesButtonGroup {
    display: inline-flex
}

.runtime_sales_activitiesActivityTimelineFixedLayout .pastActivitiesDropdownIcon {
    height: var(--lwc-lineHeightButton, 1.875rem)
}

.runtime_sales_activitiesActivityTimelineFixedLayout.MEDIUM .runtime_sales_activitiesActivityTimelineFixedStencil .subject-line, .runtime_sales_activitiesActivityTimelineFixedLayout.LARGE .runtime_sales_activitiesActivityTimelineFixedStencil .subject-line {
    align-items: flex-start;
    flex-basis: 50%
}

.runtime_sales_activitiesActivityTimelineFixedLayout.MEDIUM .runtime_sales_activitiesActivityTimelineFixedStencil .insightsListDiv, .runtime_sales_activitiesActivityTimelineFixedLayout.LARGE .runtime_sales_activitiesActivityTimelineFixedStencil .insightsListDiv {
    padding-left: var(--lwc-spacingSmall, 0.75rem)
}

.runtime_sales_activitiesActivityTimelineFixedLayout.MEDIUM .runtime_sales_activitiesActivityTimelineFixedStencil .insight-wrap, .runtime_sales_activitiesActivityTimelineFixedLayout.LARGE .runtime_sales_activitiesActivityTimelineFixedStencil .insight-wrap {
    flex-basis: 50%
}

.runtime_sales_activitiesActivityTimelineFixedLayout .slds-button-section__title:before {
    border-bottom-style: solid
}

.runtime_sales_activitiesActivityTimelineFixedLayout .slds-button-section__buttons {
    background: var(--lwc-colorBackgroundAlt, rgb(255, 255, 255));
    margin-top: calc(-1 * var(--lwc-spacingLarge, 1.5rem))
}

.runtime_sales_activitiesActivityTimelineFixedLayout .inlineSpinnerWrapper {
    padding-left: 50%
}

.runtime_sales_activitiesActivityTimelineFixedLayout .inlineSpinner {
    bottom: var(--lwc-varSpacingVerticalXxSmall, 0.25rem)
}

.runtime_sales_activitiesActivityTimelineFixedLayout .inlineSpinner .message {
    position: absolute;
    top: calc(-1 * var(--lwc-varSpacingVerticalXSmall, 0.5rem) + -1 * var(--lwc-varSpacingVerticalXxxSmall, 0.125rem));
    padding-left: var(--lwc-varSpacingHorizontalXSmall, 0.5rem)
}

.runtime_sales_activitiesActivityTimelineFixedLayout:not(.grouped) .noMorePastActivitiesLabel {
    display: none;
    visibility: hidden
}

.runtime_sales_activitiesActivityTimelineFixedLayout .hasItems .noMorePastActivitiesLabel {
    display: block;
    visibility: visible
}

.runtime_sales_activitiesActivityTimelineFixedLayout .skipTimeline {
    top: -1rem
}

.runtime_sales_activitiesActivityTimelineFixedLayout .skip-timeline-endpoint {
    top: -1rem;
    left: auto;
    right: 0
}

.runtime_sales_activitiesActivityTimelineFixedLayout .timeline-end {
    height: 1px;
    width: 1px
}

.runtime_sales_forecastingForecastingHeroShotChart .appCreated {
    height: 600px;
    padding-top: var(--lwc-varSpacingVerticalLarge, 1.5rem)
}

.runtime_sales_forecastingForecastingHeroShotChart .appInProgress {
    height: 50px
}

.uiInfiniteListRow {
    display: block;
    position: relative;
    width: 100%;
    z-index: 1
}

.uiInfiniteListRow > div.body {
    width: 100%
}

.uiInfiniteListRow > div.swipeBody {
    height: 100%;
    padding-left: 20%;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
    overflow: hidden
}

html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;

}

body {
    margin: 0;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
    display: block
}

audio, canvas, progress, video {
    display: inline-block;
    vertical-align: baseline
}

audio:not([controls]) {
    display: none;
    height: 0
}

template {
    display: none
}

a {
    background-color: transparent
}

a:active, a:hover {
    outline: 0
}

abbr[title] {
    border-bottom: 1px dotted
}

b, strong {
    font-weight: bold
}

dfn {
    font-style: italic
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

mark {
    background: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 1em 40px
}

hr {
    box-sizing: content-box;
    height: 0
}

pre {
    overflow: auto
}

code, kbd, pre, samp {
    font-family: monospace, monospace;
    font-size: 1em
}

button, input, optgroup, select, textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

button {
    overflow: visible
}

button, select {
    text-transform: none
}

button, html input[type=button], input[type=reset], input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled], html input[disabled] {
    cursor: default
}

button::-moz-focus-inner, input::-moz-focus-inner {
    border: 0;
    padding: 0
}

input {
    line-height: normal
}

input[type=checkbox], input[type=radio] {
    box-sizing: border-box;
    padding: 0
}

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
    height: auto
}

input[type=search] {
    -webkit-appearance: textfield;
    box-sizing: content-box
}

input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: bold
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

td, th {
    padding: 0
}

*, *:before, *:after {
    box-sizing: border-box
}

::-webkit-input-placeholder {
    color: var(--lwc-colorTextPlaceholder, rgb(112, 110, 107));
    font-weight: var(--lwc-fontWeightRegular, 400)
}

:-ms-input-placeholder {
    color: var(--lwc-colorTextPlaceholder, rgb(112, 110, 107));
    font-weight: var(--lwc-fontWeightRegular, 400)
}

::placeholder {
    color: var(--lwc-colorTextPlaceholder, rgb(112, 110, 107));
    font-weight: var(--lwc-fontWeightRegular, 400)
}

/*::-moz-selection {*/
/*    background: var(--lwc-colorBackgroundSelection, rgb(216, 237, 255));*/
/*    text-shadow: none;*/
/*    color: var(--lwc-colorTextDefault, rgb(8, 7, 7))*/
/*}*/

/*::selection {*/
/*    background: var(--lwc-colorBackgroundSelection, rgb(216, 237, 255));*/
/*    text-shadow: none;*/
/*    color: var(--lwc-colorTextDefault, rgb(8, 7, 7))*/
/*}*/


h1, h2, h3, h4, h5, h6, p, ol, ul, dl, fieldset {
    margin: 0;
    padding: 0
}

dd, figure {
    margin: 0
}

abbr[title] {
    text-decoration: none
}

abbr[title], fieldset, hr {
    border: 0
}

hr {
    padding: 0
}

h1, h2, h3, h4, h5, h6 {
    font-weight: inherit;
    font-size: 1em
}

ol, ul {
    list-style: none
}

a {
    color: var(--lwc-brandTextLink, rgb(0, 109, 204));
    text-decoration: none;
    transition: color .1s linear
}

a:hover, a:focus {
    text-decoration: underline;
    color: var(--lwc-brandTextLinkActive, rgb(0, 95, 178))
}

a:active {
    color: var(--lwc-brandTextLinkActive, rgb(0, 95, 178))
}

a, button {
    cursor: pointer
}

b, strong, dfn {
    font-weight: var(--lwc-fontWeightBold, 700)
}

mark {
    background-color: var(--lwc-colorBackgroundHighlightSearch, rgb(255, 240, 63));
    color: var(--lwc-colorTextDefault, rgb(8, 7, 7))
}

abbr[title] {
    cursor: help
}

input[type=search] {
    box-sizing: border-box
}

table {
    width: 100%
}

caption, th, td {
    text-align: left
}

hr {
    display: block;
    margin: var(--lwc-spacingXLarge, 2rem) 0;
    border-top: 1px solid var(--lwc-colorBorder, rgb(221, 219, 218));
    height: 1px;
    clear: both
}

audio, canvas, iframe, img, svg, video {
    vertical-align: middle
}

img {
    max-width: 100%;
    height: auto
}

.slds-modal_form .slds-modal__header, .slds-modal_form .slds-modal__content:last-child, .slds-modal--form .slds-modal__header, .slds-modal--form .slds-modal__content:last-child {
    border-radius: 0;
    box-shadow: none
}

.slds-modal_form .slds-modal__container, .slds-modal--form .slds-modal__container {
    margin: 0;
    padding: 0
}

.slds-modal_form .slds-modal__header .slds-text-heading_medium, .slds-modal_form .slds-modal__header .slds-text-heading--medium, .slds-modal--form .slds-modal__header .slds-text-heading_medium, .slds-modal--form .slds-modal__header .slds-text-heading--medium {
    line-height: var(--lwc-lineHeightText, 1.5)
}

.slds-modal_form .slds-modal__header .slds-button, .slds-modal--form .slds-modal__header .slds-button {
    display: inline-block;
    width: auto
}

.slds-modal_form .slds-modal__header .slds-button:first-child, .slds-modal--form .slds-modal__header .slds-button:first-child {
    float: left;
    margin-right: var(--lwc-spacingXSmall, 0.5rem)
}

.slds-modal_form .slds-modal__header .slds-button:first-child + .slds-button, .slds-modal--form .slds-modal__header .slds-button:first-child + .slds-button {
    float: right;
    margin-top: 0;
    margin-left: var(--lwc-spacingXSmall, 0.5rem)
}

.slds-action-overflow_touch, .slds-action-overflow--touch {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9001
}

.slds-action-overflow_touch__container, .slds-action-overflow--touch__container {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    height: 100%
}

.slds-action-overflow_touch__content, .slds-action-overflow--touch__content {
    padding-top: 33.333%;
    overflow: hidden;
    overflow-y: auto
}

.slds-action-overflow_touch__body, .slds-action-overflow--touch__body {
    position: relative;
    top: var(--lwc-spacingXLarge, 2rem);
    background: var(--lwc-colorBackgroundAlt, rgb(255, 255, 255));
    box-shadow: var(--lwc-shadowOverlay, 0 -2px 4px rgba(0, 0, 0, 0.07))
}

.slds-action-overflow_touch__footer, .slds-action-overflow--touch__footer {
    position: relative;
    flex-shrink: 0;
    border-top: var(--lwc-borderWidthThin, 1px) solid var(--lwc-colorBorder, rgb(221, 219, 218));
    padding: var(--lwc-spacingSmall, 0.75rem) var(--lwc-spacingMedium, 1rem);
    background-color: var(--lwc-colorBackground, rgb(243, 242, 242));
    box-shadow: var(--lwc-shadowActionOverflowFooter, 0 -2px 4px #F9F9FA)
}

.slds-timeline__media, .slds-media_timeline, .slds-media--timeline {
    padding-bottom: var(--lwc-spacingLarge, 1.5rem);
    position: relative
}

.slds-timeline__media:before, .slds-media_timeline:before, .slds-media--timeline:before {
    content: '';
    background: var(--lwc-colorBorder, rgb(221, 219, 218));
    height: 100%;
    width: var(--lwc-borderWidthThick, 2px);
    position: absolute;
    left: .75rem;
    top: var(--lwc-borderWidthThick, 2px);
    bottom: 0;
    margin-left: var(--lwc-borderWidthThin, 1px);
    z-index: -1
}

.slds-timeline__title {
    position: relative
}

.slds-timeline__title-content {
    position: relative;
    top: -1px;
    padding-right: var(--lwc-spacingMedium, 1rem);
    background: var(--lwc-colorBackgroundAlt, rgb(255, 255, 255));
    z-index: 2
}

.slds-timeline__title:after {
    position: absolute;
    right: 0;
    bottom: var(--lwc-spacingXSmall, 0.5rem);
    left: 0;
    border-bottom: var(--lwc-borderWidthThin, 1px) dashed var(--lwc-colorBorder, rgb(221, 219, 218));
    content: ' ';
    z-index: 1
}

.slds-timeline__media_call:before, .slds-timeline__media--call:before {
    background: #48c3cc
}

.slds-timeline__media_email:before, .slds-timeline__media--email:before {
    background: #95aec5
}

.slds-timeline__media_event:before, .slds-timeline__media--event:before {
    background: #eb7092
}

.slds-timeline__media_task:before, .slds-timeline__media--task:before {
    background: #4bc076
}

.slds-timeline__item_expandable {
    position: relative;
    padding-bottom: var(--lwc-spacingMedium, 1rem)
}

.slds-timeline__item_expandable:before {
    content: '';
    background: var(--lwc-colorBorder, rgb(221, 219, 218));
    height: 100%;
    width: var(--lwc-borderWidthThick, 2px);
    position: absolute;
    left: var(--lwc-squareIconMediumBoundaryAlt, 2.25rem);
    top: 0;
    bottom: 0;
    margin-left: var(--lwc-borderWidthThin, 1px)
}

.slds-timeline__item_expandable .slds-media__figure {
    margin-right: var(--lwc-spacingXxSmall, 0.25rem);
    z-index: 1
}

.slds-timeline__item_expandable .slds-media__figure .slds-button_icon {
    margin-right: var(--lwc-spacingXSmall, 0.5rem)
}

.slds-timeline__item_expandable .slds-media__body {
    padding: 0 var(--lwc-spacingXxSmall, 0.25rem)
}

.slds-timeline__item_expandable .slds-checkbox {
    margin-right: var(--lwc-spacingXxSmall, 0.25rem)
}

.slds-timeline__item_expandable .slds-timeline__actions_inline {
    flex-flow: row nowrap;
    align-items: center;
    flex-shrink: 0;
    margin-left: var(--lwc-spacingXSmall, 0.5rem)
}

.slds-timeline__item_expandable .slds-timeline__actions_inline .slds-timeline__date {
    padding-right: var(--lwc-spacingXSmall, 0.5rem);
    margin-bottom: 0
}

.slds-timeline__item_expandable .slds-timeline__item_details {
    visibility: hidden;
    opacity: 0;
    height: 0;
    padding: 0
}

.slds-timeline__item_expandable.slds-is-open .slds-timeline__item_details {
    visibility: visible;
    opacity: 1;
    height: auto;
    padding: var(--lwc-spacingMedium, 1rem)
}

.slds-timeline__item_expandable.slds-is-open .slds-timeline__details-action-icon {
    transform: rotate(0);
    transform-origin: 45%
}

.slds-timeline__item_call:before {
    background: #48c3cc
}

.slds-timeline__item_email:before {
    background: #95aec5
}

.slds-timeline__item_event:before {
    background: #eb7092
}

.slds-timeline__item_task:before {
    background: #4bc076
}

.slds-timeline__trigger {
    padding: var(--lwc-spacingXxSmall, 0.25rem)
}

.slds-timeline__trigger:hover {
    background-color: var(--lwc-colorBackgroundReminder, rgb(244, 246, 249))
}

.slds-timeline__icon {
    border: var(--lwc-borderWidthThick, 2px) solid #fff
}

.slds-timeline__actions {
    display: flex;
    flex-flow: column nowrap;
    align-items: flex-end
}

.slds-timeline__date {
    margin-bottom: var(--lwc-spacingXxSmall, 0.25rem);
    font-size: var(--lwc-fontSize2, 0.75rem);
    color: var(--lwc-colorTextWeak, rgb(62, 62, 60))
}

.slds-timeline__details-action-icon {
    transform: rotate(-90deg)
}

.slds-badge {
    background-color: var(--lwc-colorBackgroundDark, rgb(236, 235, 234));
    padding: var(--lwc-spacingXxSmall, 0.25rem) var(--lwc-spacingXSmall, 0.5rem);
    border-radius: var(--lwc-borderRadiusPill, 15rem);
    font-size: var(--lwc-fontSize2, 0.75rem);
    font-weight: var(--lwc-fontWeightBold, 700);
    line-height: normal;
    color: var(--lwc-colorTextDefault, rgb(8, 7, 7));
    white-space: nowrap;
    display: inline-flex;
    align-items: center
}

.slds-badge + .slds-badge {
    margin-left: var(--lwc-spacingXSmall, 0.5rem)
}

.slds-badge:empty {
    padding: 0
}

.slds-badge_inverse {
    background-color: var(--lwc-badgeColorBackgroundInverse, rgb(112, 110, 107));
    color: var(--lwc-colorTextInverse, rgb(255, 255, 255))
}

.slds-badge_lightest {
    border: var(--lwc-borderWidthThin, 1px) solid var(--lwc-colorBorder, rgb(221, 219, 218));
    background-color: var(--lwc-badgeColorBackgroundLightest, rgb(255, 255, 255));
    font-size: var(--lwc-fontSize2, 0.75rem);
    text-transform: none;
    letter-spacing: normal
}

.slds-badge__icon {
    color: var(--lwc-colorTextIconDefault, rgb(112, 110, 107));
    vertical-align: middle;
    display: inline-flex;
    align-items: center;
    line-height: 1
}

.slds-badge__icon.slds-badge__icon_inverse {
    color: currentColor
}

.slds-badge__icon_left {
    margin-right: var(--lwc-spacingXxSmall, 0.25rem)
}

.slds-badge__icon_right {
    margin-left: var(--lwc-spacingXxSmall, 0.25rem)
}

.slds-breadcrumb .slds-list__item, .slds-breadcrumb__item {
    position: relative
}

.slds-breadcrumb .slds-list__item:before, .slds-breadcrumb__item:before {
    content: '\003E';
    position: absolute;
    left: -.25rem
}

.slds-breadcrumb .slds-list__item > a, .slds-breadcrumb__item > a {
    display: block;
    padding: 0 var(--lwc-spacingXSmall, 0.5rem)
}

.slds-breadcrumb .slds-list__item > a:hover, .slds-breadcrumb__item > a:hover {
    text-decoration: none
}

.slds-breadcrumb .slds-list__item:first-child > a, .slds-breadcrumb__item:first-child > a {
    padding-left: 0
}

.slds-breadcrumb .slds-list__item:first-child:before, .slds-breadcrumb__item:first-child:before {
    content: ''
}

.slds-breadcrumb .slds-dropdown-trigger {
    margin-right: var(--lwc-spacingXSmall, 0.5rem)
}

.slds-button-group-row {
    display: inline-flex
}

.slds-button-group-row .slds-button-group-item + .slds-button-group-item {
    margin-left: var(--lwc-spacingXxSmall, 0.25rem)
}

.slds-button-group-row .slds-button-group-item .slds-button {
    margin: 0
}

.slds-button-group, .slds-button-group-list {
    display: inline-flex
}

.slds-button-group .slds-button, .slds-button-group-list .slds-button {
    border-radius: 0;
    border-width: var(--lwc-borderWidthThin, 1px)
}

.slds-button-group .slds-button:focus, .slds-button-group-list .slds-button:focus {
    z-index: var(--lwc-zIndexDefault, 1)
}

.slds-button-group .slds-button + .slds-button, .slds-button-group .slds-button + .slds-button_last .slds-button, .slds-button-group .slds-button + .slds-button--last .slds-button, .slds-button-group-list li + li .slds-button {
    margin-left: -1px
}

.slds-button-group .slds-button_brand + .slds-button_last .slds-button_icon-brand, .slds-button-group .slds-button_brand + .slds-button--last .slds-button_icon-brand, .slds-button-group-list li:last-child .slds-button_icon-brand {
    box-shadow: inset 1px 0 0 var(--lwc-buttonIconColorBorderPrimary, rgb(255, 255, 255))
}

.slds-button-group-list li:first-child .slds-button, .slds-button-group .slds-button:first-child {
    border-radius: var(--lwc-buttonBorderRadius, .25rem) 0 0 var(--lwc-buttonBorderRadius, .25rem)
}

.slds-button-group .slds-button:last-child, .slds-button-group-list li:last-child .slds-button, .slds-button-group .slds-button_last .slds-button, .slds-button-group .slds-button--last .slds-button, .slds-button-group .slds-button.slds-button_last, .slds-button-group .slds-button.slds-button--last, .slds-button-group .slds-button_last .slds-button:only-child, .slds-button-group .slds-button--last .slds-button:only-child, .slds-button-group .slds-button.slds-button_last, .slds-button-group .slds-button.slds-button--last {
    border-radius: 0 var(--lwc-buttonBorderRadius, .25rem) var(--lwc-buttonBorderRadius, .25rem) 0
}

.slds-button-group .slds-button:only-child, .slds-button-group-list li:only-child .slds-button {
    border-radius: var(--lwc-buttonBorderRadius, .25rem)
}

.slds-button.slds-button_first.slds-button_first {
    border-right: 0;
    border-radius: var(--lwc-buttonBorderRadius, .25rem) 0 0 var(--lwc-buttonBorderRadius, .25rem)
}

.slds-button.slds-button_middle.slds-button_middle {
    border-radius: 0;
    margin-left: calc(-1 * var(--lwc-borderWidthThin, 1px))
}

.slds-button.slds-button_last.slds-button_last {
    border-radius: 0 var(--lwc-buttonBorderRadius, .25rem) var(--lwc-buttonBorderRadius, .25rem) 0;
    margin-left: calc(-1 * var(--lwc-borderWidthThin, 1px))
}

.slds-button-group + .slds-button-group, .slds-button-group + .slds-button-group-list, .slds-button-group + .slds-button, .slds-button-group-list + .slds-button-group-list, .slds-button-group-list + .slds-button-group, .slds-button-group-list + .slds-button {
    margin-left: var(--lwc-spacingXxSmall, 0.25rem)
}

.slds-button-space-left {
    margin-left: var(--lwc-spacingXxSmall, 0.25rem)
}

.slds-button_small, .slds-button--small {
    line-height: var(--lwc-lineHeightButtonSmall, 1.75rem);
    min-height: var(--lwc-squareIconMediumBoundary, 2rem)
}

.slds-button {
    position: relative;
    display: inline-flex;
    align-items: center;
    padding: 0;
    background: transparent;
    background-clip: border-box;
    border: var(--lwc-borderWidthThin, 1px) solid transparent;
    border-radius: var(--lwc-buttonBorderRadius, .25rem);
    line-height: var(--lwc-lineHeightButton, 1.875rem);
    text-decoration: none;
    color: var(--lwc-brandAccessible, rgb(0, 112, 210));
    -webkit-appearance: none;
    white-space: normal;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.slds-button:hover, .slds-button:focus, .slds-button:active, .slds-button:visited {
    text-decoration: none
}

.slds-button:hover, .slds-button:focus {
    color: var(--lwc-brandAccessibleActive, rgb(0, 95, 178))
}

.slds-button:focus {
    outline: 0;
    box-shadow: var(--lwc-shadowButtonFocus, 0 0 3px #0070D2)
}

.slds-button:active {
    color: var(--lwc-brandAccessibleActive, rgb(0, 95, 178))
}

.slds-button[disabled], .slds-button:disabled {
    color: var(--lwc-colorTextButtonDefaultDisabled, rgb(221, 219, 218))
}

.slds-button[disabled] *, .slds-button:disabled * {
    pointer-events: none
}

.slds-button a {
    color: currentColor
}

.slds-button:hover .slds-button__icon, .slds-button:focus .slds-button__icon, .slds-button:active .slds-button__icon, .slds-button[disabled] .slds-button__icon, .slds-button:disabled .slds-button__icon {
    fill: currentColor;
    pointer-events: none
}

.slds-button + .slds-button-group, .slds-button + .slds-button-group-list {
    margin-left: var(--lwc-spacingXxSmall, 0.25rem)
}

.slds-button + .slds-button {
    margin-left: var(--lwc-spacingXxSmall, 0.25rem)
}

a.slds-button {
    text-align: center
}

a.slds-button:focus {
    outline: 0;
    box-shadow: var(--lwc-shadowButtonFocus, 0 0 3px #0070D2)
}

a.slds-button_inverse:focus, a.slds-button--inverse:focus {
    outline: none;
    box-shadow: var(--lwc-shadowButtonFocusInverse, 0 0 3px #ecebea);
    border: var(--lwc-borderWidthThin, 1px) solid var(--lwc-colorBorderButtonFocusInverse, rgb(236, 235, 234))
}

.slds-button_reset, .slds-button--reset {
    font-size: inherit;
    color: inherit;
    line-height: inherit;
    padding: 0;
    background: transparent;
    border: 0;
    text-align: inherit
}

.slds-button_neutral, .slds-button--neutral {
    padding-left: var(--lwc-spacingMedium, 1rem);
    padding-right: var(--lwc-spacingMedium, 1rem);
    text-align: center;
    vertical-align: middle;
    justify-content: center;
    border: var(--lwc-borderWidthThin, 1px) solid var(--lwc-colorBorderPrimary, rgb(221, 219, 218));
    transition: border .15s linear;
    border-color: var(--lwc-buttonColorBorderPrimary, rgb(221, 219, 218));
    background-color: var(--lwc-buttonColorBackgroundPrimary, rgb(255, 255, 255))
}

.slds-button_neutral:hover, .slds-button_neutral:focus, .slds-button--neutral:hover, .slds-button--neutral:focus {
    background-color: var(--lwc-colorBackgroundButtonDefaultHover, rgb(244, 246, 249))
}

.slds-button_neutral:active, .slds-button--neutral:active {
    background-color: var(--lwc-colorBackgroundButtonDefaultActive, rgb(238, 241, 246))
}

.slds-button_neutral[disabled], .slds-button_neutral:disabled, .slds-button--neutral[disabled], .slds-button--neutral:disabled {
    background-color: var(--lwc-colorBackgroundButtonDefaultDisabled, rgb(255, 255, 255));
    cursor: default
}

.slds-button_brand, .slds-button--brand {
    padding-left: var(--lwc-spacingMedium, 1rem);
    padding-right: var(--lwc-spacingMedium, 1rem);
    text-align: center;
    vertical-align: middle;
    justify-content: center;
    border: var(--lwc-borderWidthThin, 1px) solid var(--lwc-colorBorderPrimary, rgb(221, 219, 218));
    transition: border .15s linear;
    background-color: var(--lwc-brandAccessible, rgb(0, 112, 210));
    border-color: var(--lwc-brandAccessible, rgb(0, 112, 210));
    color: var(--lwc-colorTextBrandPrimary, rgb(255, 255, 255))
}

.slds-button_brand:link, .slds-button_brand:visited, .slds-button_brand:active, .slds-button--brand:link, .slds-button--brand:visited, .slds-button--brand:active {
    color: var(--lwc-colorTextBrandPrimary, rgb(255, 255, 255))
}

.slds-button_brand:hover, .slds-button_brand:focus, .slds-button--brand:hover, .slds-button--brand:focus {
    background-color: var(--lwc-brandAccessibleActive, rgb(0, 95, 178));
    border-color: var(--lwc-brandAccessibleActive, rgb(0, 95, 178));
    color: var(--lwc-colorTextBrandPrimary, rgb(255, 255, 255))
}

.slds-button_brand:active, .slds-button--brand:active {
    background-color: var(--lwc-brandAccessibleActive, rgb(0, 95, 178));
    border-color: var(--lwc-brandAccessibleActive, rgb(0, 95, 178))
}

.slds-button_brand[disabled], .slds-button_brand:disabled, .slds-button--brand[disabled], .slds-button--brand:disabled {
    background: var(--lwc-brandDisabled, rgb(201, 199, 197));
    border-color: var(--lwc-brandDisabled, rgb(201, 199, 197));
    color: var(--lwc-colorTextButtonBrandDisabled, rgb(255, 255, 255))
}

.slds-button_outline-brand {
    padding-left: var(--lwc-spacingMedium, 1rem);
    padding-right: var(--lwc-spacingMedium, 1rem);
    text-align: center;
    vertical-align: middle;
    justify-content: center;
    border: var(--lwc-borderWidthThin, 1px) solid var(--lwc-colorBorderPrimary, rgb(221, 219, 218));
    transition: border .15s linear;
    border-color: var(--lwc-buttonColorBorderPrimary, rgb(221, 219, 218));
    background-color: var(--lwc-buttonColorBackgroundPrimary, rgb(255, 255, 255));
    border-color: var(--lwc-brandAccessible, rgb(0, 112, 210))
}

.slds-button_outline-brand:hover, .slds-button_outline-brand:focus {
    background-color: var(--lwc-colorBackgroundButtonDefaultHover, rgb(244, 246, 249))
}

.slds-button_outline-brand:active {
    background-color: var(--lwc-colorBackgroundButtonDefaultActive, rgb(238, 241, 246))
}

.slds-button_outline-brand[disabled], .slds-button_outline-brand:disabled {
    border-color: var(--lwc-colorBorder, rgb(221, 219, 218));
    color: var(--lwc-colorTextButtonDefaultDisabled, rgb(221, 219, 218));
    background-color: var(--lwc-colorBackgroundButtonDefaultDisabled, rgb(255, 255, 255))
}

.slds-button_inverse, .slds-button--inverse {
    padding-left: var(--lwc-spacingMedium, 1rem);
    padding-right: var(--lwc-spacingMedium, 1rem);
    text-align: center;
    vertical-align: middle;
    justify-content: center;
    border: var(--lwc-borderWidthThin, 1px) solid var(--lwc-colorBorderPrimary, rgb(221, 219, 218));
    transition: border .15s linear;
    background-color: var(--lwc-colorBackgroundButtonInverse, rgba(0, 0, 0, 0));
    border-color: var(--lwc-buttonColorBorderPrimary, rgb(221, 219, 218))
}

.slds-button_inverse:hover, .slds-button_inverse:focus, .slds-button--inverse:hover, .slds-button--inverse:focus {
    background-color: var(--lwc-colorBackgroundButtonDefaultHover, rgb(244, 246, 249))
}

.slds-button_inverse[disabled], .slds-button_inverse:disabled, .slds-button--inverse[disabled], .slds-button--inverse:disabled {
    background-color: var(--lwc-colorBackgroundButtonInverseDisabled, rgba(0, 0, 0, 0));
    border-color: var(--lwc-colorBorderButtonInverseDisabled, rgba(255, 255, 255, 0.15))
}

.slds-button_inverse, .slds-button_inverse:link, .slds-button_inverse:visited, .slds-button--inverse, .slds-button--inverse:link, .slds-button--inverse:visited, .slds-button_icon-border-inverse, .slds-button_icon-border-inverse:link, .slds-button_icon-border-inverse:visited, .slds-button--icon-border-inverse, .slds-button--icon-border-inverse:link, .slds-button--icon-border-inverse:visited {
    color: var(--lwc-colorTextButtonInverse, rgb(236, 235, 234))
}

.slds-button_inverse:hover, .slds-button_inverse:focus, .slds-button_inverse:active, .slds-button--inverse:hover, .slds-button--inverse:focus, .slds-button--inverse:active, .slds-button_icon-border-inverse:hover, .slds-button_icon-border-inverse:focus, .slds-button_icon-border-inverse:active, .slds-button--icon-border-inverse:hover, .slds-button--icon-border-inverse:focus, .slds-button--icon-border-inverse:active {
    color: var(--lwc-colorTextButtonDefault, rgb(0, 112, 210))
}

.slds-button_inverse:focus, .slds-button--inverse:focus, .slds-button_icon-border-inverse:focus, .slds-button--icon-border-inverse:focus {
    outline: none;
    box-shadow: var(--lwc-shadowButtonFocusInverse, 0 0 3px #ecebea);
    border: var(--lwc-borderWidthThin, 1px) solid var(--lwc-colorBorderButtonFocusInverse, rgb(236, 235, 234))
}

.slds-button_inverse[disabled], .slds-button_inverse:disabled, .slds-button--inverse[disabled], .slds-button--inverse:disabled, .slds-button_icon-border-inverse[disabled], .slds-button_icon-border-inverse:disabled, .slds-button--icon-border-inverse[disabled], .slds-button--icon-border-inverse:disabled {
    color: var(--lwc-colorTextButtonInverseDisabled, rgba(255, 255, 255, 0.15))
}

.slds-button_destructive, .slds-button--destructive {
    padding-left: var(--lwc-spacingMedium, 1rem);
    padding-right: var(--lwc-spacingMedium, 1rem);
    text-align: center;
    vertical-align: middle;
    justify-content: center;
    border: var(--lwc-borderWidthThin, 1px) solid var(--lwc-colorBorderPrimary, rgb(221, 219, 218));
    transition: border .15s linear;
    background-color: var(--lwc-colorBackgroundDestructive, rgb(194, 57, 52));
    border-color: var(--lwc-colorBackgroundDestructive, rgb(194, 57, 52));
    color: var(--lwc-colorTextInverse, rgb(255, 255, 255))
}

.slds-button_destructive:link, .slds-button_destructive:visited, .slds-button_destructive:active, .slds-button--destructive:link, .slds-button--destructive:visited, .slds-button--destructive:active {
    color: var(--lwc-colorTextInverse, rgb(255, 255, 255))
}

.slds-button_destructive:hover, .slds-button_destructive:focus, .slds-button--destructive:hover, .slds-button--destructive:focus {
    background-color: var(--lwc-colorBackgroundDestructiveHover, rgb(166, 26, 20));
    color: var(--lwc-colorTextInverse, rgb(255, 255, 255))
}

.slds-button_destructive:active, .slds-button--destructive:active {
    background-color: var(--lwc-colorBackgroundDestructiveActive, rgb(135, 5, 0));
    border-color: var(--lwc-colorBorderDestructiveActive, rgb(135, 5, 0))
}

.slds-button_destructive[disabled], .slds-button_destructive:disabled, .slds-button--destructive[disabled], .slds-button--destructive:disabled {
    background: var(--lwc-brandDisabled, rgb(201, 199, 197));
    border-color: var(--lwc-brandDisabled, rgb(201, 199, 197));
    color: var(--lwc-colorTextButtonBrandDisabled, rgb(255, 255, 255))
}

.slds-button_text-destructive {
    padding-left: var(--lwc-spacingMedium, 1rem);
    padding-right: var(--lwc-spacingMedium, 1rem);
    text-align: center;
    vertical-align: middle;
    justify-content: center;
    border: var(--lwc-borderWidthThin, 1px) solid var(--lwc-colorBorderPrimary, rgb(221, 219, 218));
    transition: border .15s linear;
    border-color: var(--lwc-buttonColorBorderPrimary, rgb(221, 219, 218));
    background-color: var(--lwc-buttonColorBackgroundPrimary, rgb(255, 255, 255));
    color: var(--lwc-colorTextDestructive, rgb(194, 57, 52))
}

.slds-button_text-destructive:hover, .slds-button_text-destructive:focus {
    background-color: var(--lwc-colorBackgroundButtonDefaultHover, rgb(244, 246, 249))
}

.slds-button_text-destructive:active {
    background-color: var(--lwc-colorBackgroundButtonDefaultActive, rgb(238, 241, 246))
}

.slds-button_text-destructive:focus, .slds-button_text-destructive:hover {
    color: var(--lwc-colorTextDestructiveHover, rgb(161, 43, 43))
}

.slds-button_text-destructive[disabled], .slds-button_text-destructive:disabled {
    color: var(--lwc-colorTextButtonDefaultDisabled, rgb(221, 219, 218));
    background-color: var(--lwc-colorBackgroundButtonDefaultDisabled, rgb(255, 255, 255))
}

.slds-button_success, .slds-button--success {
    padding-left: var(--lwc-spacingMedium, 1rem);
    padding-right: var(--lwc-spacingMedium, 1rem);
    text-align: center;
    vertical-align: middle;
    justify-content: center;
    border: var(--lwc-borderWidthThin, 1px) solid var(--lwc-colorBorderPrimary, rgb(221, 219, 218));
    transition: border .15s linear;
    background-color: var(--lwc-colorBackgroundButtonSuccess, rgb(75, 202, 129));
    border-color: var(--lwc-colorBorderSuccess, rgb(75, 202, 129));
    color: var(--lwc-colorTextDefault, rgb(8, 7, 7))
}

.slds-button_success:link, .slds-button_success:visited, .slds-button_success:active, .slds-button--success:link, .slds-button--success:visited, .slds-button--success:active {
    color: var(--lwc-colorTextDefault, rgb(8, 7, 7))
}

.slds-button_success:hover, .slds-button_success:focus, .slds-button--success:hover, .slds-button--success:focus {
    background-color: var(--lwc-colorBackgroundButtonSuccessHover, rgb(4, 132, 75));
    border-color: var(--lwc-colorBorderSuccessDark, rgb(4, 132, 75));
    color: var(--lwc-colorTextInverse, rgb(255, 255, 255))
}

.slds-button_success:active, .slds-button--success:active {
    background-color: var(--lwc-colorBackgroundButtonSuccessActive, rgb(4, 132, 75));
    border-color: var(--lwc-colorBorderSuccessDark, rgb(4, 132, 75))
}

.slds-button_success[disabled], .slds-button_success:disabled, .slds-button--success[disabled], .slds-button--success:disabled {
    background: var(--lwc-brandDisabled, rgb(201, 199, 197));
    border-color: var(--lwc-brandDisabled, rgb(201, 199, 197));
    color: var(--lwc-colorTextButtonBrandDisabled, rgb(255, 255, 255))
}

.slds-button__icon {
    width: var(--lwc-squareIconMediumContentAlt, 0.875rem);
    height: var(--lwc-squareIconMediumContentAlt, 0.875rem);
    fill: currentColor
}

.slds-button__icon_large, .slds-button__icon--large {
    width: var(--lwc-squareIconUtilityLarge, 1.5rem);
    height: var(--lwc-squareIconUtilityLarge, 1.5rem)
}

.slds-button__icon_small, .slds-button__icon--small {
    width: var(--lwc-squareIconSmallContent, 0.75rem);
    height: var(--lwc-squareIconSmallContent, 0.75rem)
}

.slds-button__icon_x-small, .slds-button__icon--x-small {
    width: var(--lwc-squareIconXSmallContent, 0.5rem);
    height: var(--lwc-squareIconXSmallContent, 0.5rem)
}

.slds-button__icon_left, .slds-button__icon--left {
    margin-right: var(--lwc-spacingXSmall, 0.5rem)
}

.slds-button__icon_right, .slds-button__icon--right {
    margin-left: var(--lwc-spacingXSmall, 0.5rem)
}

.slds-button_full-width {
    font-size: inherit;
    color: inherit;
    line-height: inherit;
    padding: 0;
    background: transparent;
    border: 0;
    text-align: inherit;
    width: 100%;
    display: inline-flex;
    flex-grow: 1;
    align-items: center;
    justify-content: space-between
}

.slds-button_full-width:focus {
    box-shadow: none
}

.slds-button_stretch {
    justify-content: center;
    width: 100%
}

.slds-button__icon_stateful, .slds-button__icon--stateful {
    width: var(--lwc-squareIconSmallContent, 0.75rem);
    height: var(--lwc-squareIconSmallContent, 0.75rem);
    fill: currentColor
}

.slds-button_neutral.slds-is-selected, .slds-button--neutral.slds-is-selected {
    border-color: transparent;
    background-color: transparent
}

.slds-button_neutral.slds-is-selected:hover:not([disabled]), .slds-button_neutral.slds-is-selected:focus:not([disabled]), .slds-button--neutral.slds-is-selected:hover:not([disabled]), .slds-button--neutral.slds-is-selected:focus:not([disabled]) {
    border-color: var(--lwc-buttonColorBorderPrimary, rgb(221, 219, 218));
    background-color: var(--lwc-colorBackgroundButtonDefaultHover, rgb(244, 246, 249))
}

.slds-button_neutral.slds-is-selected:active:not([disabled]), .slds-button--neutral.slds-is-selected:active:not([disabled]) {
    background-color: var(--lwc-colorBackgroundButtonDefaultActive, rgb(238, 241, 246))
}

.slds-button_inverse.slds-is-selected, .slds-button--inverse.slds-is-selected {
    border-color: transparent
}

.slds-button_stateful .slds-text-selected, .slds-button_stateful .slds-text-selected-focus, .slds-button_stateful .slds-text-not-selected {
    align-items: center
}

.slds-not-selected .slds-text-selected {
    display: none
}

.slds-not-selected .slds-text-selected-focus {
    display: none
}

.slds-not-selected .slds-text-not-selected {
    display: inline-flex
}

.slds-is-selected-clicked .slds-text-selected, .slds-is-selected[disabled] .slds-text-selected, .slds-is-selected[disabled]:hover .slds-text-selected, .slds-is-selected[disabled]:focus .slds-text-selected {
    display: inline-flex
}

.slds-is-selected-clicked .slds-text-selected-focus, .slds-is-selected[disabled] .slds-text-selected-focus, .slds-is-selected[disabled]:hover .slds-text-selected-focus, .slds-is-selected[disabled]:focus .slds-text-selected-focus {
    display: none
}

.slds-is-selected-clicked .slds-text-not-selected, .slds-is-selected[disabled] .slds-text-not-selected, .slds-is-selected[disabled]:hover .slds-text-not-selected, .slds-is-selected[disabled]:focus .slds-text-not-selected {
    display: none
}

.slds-is-selected .slds-text-not-selected {
    display: none
}

.slds-is-selected .slds-text-selected {
    display: inline-flex
}

.slds-is-selected .slds-text-selected-focus {
    display: none
}

.slds-is-selected:hover .slds-text-not-selected, .slds-is-selected:focus .slds-text-not-selected {
    display: none
}

.slds-is-selected:hover .slds-text-selected, .slds-is-selected:focus .slds-text-selected {
    display: none
}

.slds-is-selected:hover .slds-text-selected-focus, .slds-is-selected:focus .slds-text-selected-focus {
    display: inline-flex
}

.slds-button_dual-stateful .slds-text-not-pressed {
    display: block
}

.slds-button_dual-stateful .slds-text-pressed {
    display: none
}

.slds-button_dual-stateful.slds-is-pressed {
    padding-left: var(--lwc-spacingMedium, 1rem);
    padding-right: var(--lwc-spacingMedium, 1rem);
    text-align: center;
    vertical-align: middle;
    justify-content: center;
    border: var(--lwc-borderWidthThin, 1px) solid var(--lwc-colorBorderPrimary, rgb(221, 219, 218));
    transition: border .15s linear;
    background-color: var(--lwc-brandAccessible, rgb(0, 112, 210));
    border-color: var(--lwc-brandAccessible, rgb(0, 112, 210));
    color: var(--lwc-colorTextBrandPrimary, rgb(255, 255, 255))
}

.slds-button_dual-stateful.slds-is-pressed:link, .slds-button_dual-stateful.slds-is-pressed:visited, .slds-button_dual-stateful.slds-is-pressed:active {
    color: var(--lwc-colorTextBrandPrimary, rgb(255, 255, 255))
}

.slds-button_dual-stateful.slds-is-pressed:hover, .slds-button_dual-stateful.slds-is-pressed:focus {
    background-color: var(--lwc-brandAccessibleActive, rgb(0, 95, 178));
    border-color: var(--lwc-brandAccessibleActive, rgb(0, 95, 178));
    color: var(--lwc-colorTextBrandPrimary, rgb(255, 255, 255))
}

.slds-button_dual-stateful.slds-is-pressed:active {
    background-color: var(--lwc-brandAccessibleActive, rgb(0, 95, 178));
    border-color: var(--lwc-brandAccessibleActive, rgb(0, 95, 178))
}

.slds-button_dual-stateful.slds-is-pressed[disabled], .slds-button_dual-stateful.slds-is-pressed:disabled {
    background: var(--lwc-brandDisabled, rgb(201, 199, 197));
    border-color: var(--lwc-brandDisabled, rgb(201, 199, 197));
    color: var(--lwc-colorTextButtonBrandDisabled, rgb(255, 255, 255))
}

.slds-button_dual-stateful.slds-is-pressed .slds-text-not-pressed {
    display: none
}

.slds-button_dual-stateful.slds-is-pressed .slds-text-pressed {
    display: block
}

.slds-button_icon-bare, .slds-button--icon-bare {
    line-height: var(--lwc-lineHeightReset, 1);
    vertical-align: middle;
    color: var(--lwc-colorTextIconDefault, rgb(112, 110, 107))
}

.slds-button_icon, .slds-button--icon, .slds-button_icon-inverse, .slds-button--icon-inverse, .slds-button_icon-container, .slds-button--icon-container, .slds-button_icon-border, .slds-button--icon-border, .slds-button_icon-border-filled, .slds-button--icon-border-filled, .slds-button_icon-border-inverse, .slds-button--icon-border-inverse, .slds-button_icon-more, .slds-button--icon-more, .slds-button_icon-error, .slds-button--icon-error {
    line-height: var(--lwc-lineHeightReset, 1);
    vertical-align: middle;
    justify-content: center;
    color: var(--lwc-colorTextIconDefault, rgb(112, 110, 107));
    flex-shrink: 0
}

.slds-button_icon-container, .slds-button--icon-container, .slds-button_icon-border, .slds-button--icon-border, .slds-button_icon-border-filled, .slds-button--icon-border-filled, .slds-button_icon-border-inverse, .slds-button--icon-border-inverse, .slds-button_icon-brand, .slds-button_icon-more, .slds-button--icon-more, .slds-button_icon-container-more, .slds-button--icon-container-more {
    width: var(--lwc-squareIconMediumBoundary, 2rem);
    height: var(--lwc-squareIconMediumBoundary, 2rem)
}

.slds-button_icon-border-filled, .slds-button--icon-border-filled, .slds-button_icon-border, .slds-button--icon-border {
    line-height: var(--lwc-lineHeightReset, 1);
    vertical-align: middle;
    color: var(--lwc-colorTextIconDefault, rgb(112, 110, 107));
    border: var(--lwc-borderWidthThin, 1px) solid var(--lwc-colorBorderPrimary, rgb(221, 219, 218));
    transition: border .15s linear;
    border-color: var(--lwc-buttonColorBorderPrimary, rgb(221, 219, 218))
}

.slds-button_icon-border-filled[disabled], .slds-button_icon-border-filled:disabled, .slds-button--icon-border-filled[disabled], .slds-button--icon-border-filled:disabled, .slds-button_icon-border[disabled], .slds-button_icon-border:disabled, .slds-button--icon-border[disabled], .slds-button--icon-border:disabled {
    color: var(--lwc-colorTextButtonDefaultDisabled, rgb(221, 219, 218))
}

.slds-button_icon-border-inverse, .slds-button--icon-border-inverse {
    background-color: var(--lwc-colorBackgroundButtonInverse, rgba(0, 0, 0, 0));
    border-color: var(--lwc-buttonColorBorderPrimary, rgb(221, 219, 218))
}

.slds-button_icon-border-inverse[disabled], .slds-button_icon-border-inverse:disabled, .slds-button--icon-border-inverse[disabled], .slds-button--icon-border-inverse:disabled {
    background-color: var(--lwc-colorBackgroundButtonInverseDisabled, rgba(0, 0, 0, 0));
    border-color: var(--lwc-colorBorderButtonInverseDisabled, rgba(255, 255, 255, 0.15))
}

.slds-button_icon-brand {
    background-color: var(--lwc-brandAccessible, rgb(0, 112, 210));
    border-color: var(--lwc-brandAccessible, rgb(0, 112, 210));
    color: var(--lwc-colorTextBrandPrimary, rgb(255, 255, 255))
}

.slds-button_icon-brand:link, .slds-button_icon-brand:visited, .slds-button_icon-brand:active {
    color: var(--lwc-colorTextBrandPrimary, rgb(255, 255, 255))
}

.slds-button_icon-brand:hover, .slds-button_icon-brand:focus {
    background-color: var(--lwc-brandAccessibleActive, rgb(0, 95, 178));
    border-color: var(--lwc-brandAccessibleActive, rgb(0, 95, 178));
    color: var(--lwc-colorTextBrandPrimary, rgb(255, 255, 255))
}

.slds-button_icon-brand:active {
    background-color: var(--lwc-brandAccessibleActive, rgb(0, 95, 178));
    border-color: var(--lwc-brandAccessibleActive, rgb(0, 95, 178))
}

.slds-button_icon-brand[disabled], .slds-button_icon-brand:disabled {
    background: var(--lwc-brandDisabled, rgb(201, 199, 197));
    border-color: var(--lwc-brandDisabled, rgb(201, 199, 197));
    color: var(--lwc-colorTextButtonBrandDisabled, rgb(255, 255, 255))
}

.slds-button_icon-border-filled, .slds-button--icon-border-filled {
    background-color: var(--lwc-buttonColorBackgroundPrimary, rgb(255, 255, 255))
}

.slds-button_icon-border-filled[disabled], .slds-button_icon-border-filled:disabled, .slds-button--icon-border-filled[disabled], .slds-button--icon-border-filled:disabled {
    border-color: var(--lwc-buttonColorBorderPrimary, rgb(221, 219, 218));
    background-color: var(--lwc-colorBackgroundButtonDefaultDisabled, rgb(255, 255, 255))
}

.slds-button_icon-inverse, .slds-button--icon-inverse, .slds-button_icon-border-inverse, .slds-button--icon-border-inverse {
    color: var(--lwc-colorTextLinkInverse, rgb(255, 255, 255))
}

.slds-button_icon-inverse:hover, .slds-button_icon-inverse:focus, .slds-button--icon-inverse:hover, .slds-button--icon-inverse:focus, .slds-button_icon-border-inverse:hover, .slds-button_icon-border-inverse:focus, .slds-button--icon-border-inverse:hover, .slds-button--icon-border-inverse:focus {
    color: var(--lwc-colorTextLinkInverseHover, rgba(255, 255, 255, 0.75))
}

.slds-button_icon-inverse:focus, .slds-button--icon-inverse:focus, .slds-button_icon-border-inverse:focus, .slds-button--icon-border-inverse:focus {
    outline: none;
    box-shadow: var(--lwc-shadowButtonFocusInverse, 0 0 3px #ecebea);
    border: var(--lwc-borderWidthThin, 1px) solid var(--lwc-colorBorderButtonFocusInverse, rgb(236, 235, 234))
}

.slds-button_icon-inverse:active, .slds-button--icon-inverse:active, .slds-button_icon-border-inverse:active, .slds-button--icon-border-inverse:active {
    color: var(--lwc-colorTextLinkInverseActive, rgba(255, 255, 255, 0.5))
}

.slds-button_icon-inverse[disabled], .slds-button_icon-inverse:disabled, .slds-button--icon-inverse[disabled], .slds-button--icon-inverse:disabled, .slds-button_icon-border-inverse[disabled], .slds-button_icon-border-inverse:disabled, .slds-button--icon-border-inverse[disabled], .slds-button--icon-border-inverse:disabled {
    color: var(--lwc-colorTextLinkInverseDisabled, rgba(255, 255, 255, 0.15))
}

.slds-button_icon-error, .slds-button_icon-error:hover, .slds-button_icon-error:active, .slds-button_icon-error:focus, .slds-button--icon-error, .slds-button--icon-error:hover, .slds-button--icon-error:active, .slds-button--icon-error:focus {
    color: var(--lwc-colorTextError, rgb(194, 57, 52))
}

.slds-button_icon-current-color {
    color: currentColor
}

.slds-button_icon-small, .slds-button--icon-small {
    width: var(--lwc-squareIconSmallBoundary, 1.5rem);
    height: var(--lwc-squareIconSmallBoundary, 1.5rem)
}

.slds-button_icon-x-small, .slds-button--icon-x-small {
    width: var(--lwc-squareIconXSmallBoundary, 1.25rem);
    height: var(--lwc-squareIconXSmallBoundary, 1.25rem);
    line-height: var(--lwc-lineHeightReset, 1)
}

.slds-button_icon-x-small .slds-button__icon, .slds-button--icon-x-small .slds-button__icon {
    width: var(--lwc-squareIconSmallContent, 0.75rem);
    height: var(--lwc-squareIconSmallContent, 0.75rem)
}

.slds-button_icon-xx-small, .slds-button--icon-xx-small {
    width: var(--lwc-squareIconXxSmallBoundary, 1rem);
    height: var(--lwc-squareIconXxSmallBoundary, 1rem);
    line-height: var(--lwc-lineHeightReset, 1)
}

.slds-button_icon-xx-small .slds-button__icon, .slds-button--icon-xx-small .slds-button__icon {
    width: var(--lwc-squareIconXSmallContent, 0.5rem);
    height: var(--lwc-squareIconXSmallContent, 0.5rem)
}

.slds-button_icon-more, .slds-button--icon-more {
    width: auto;
    line-height: var(--lwc-lineHeightButton, 1.875rem);
    padding: 0 var(--lwc-spacingXSmall, 0.5rem);
    background-color: var(--lwc-buttonColorBackgroundPrimary, rgb(255, 255, 255));
    border-color: var(--lwc-buttonColorBorderPrimary, rgb(221, 219, 218));
    color: var(--lwc-colorTextIconDefault, rgb(112, 110, 107))
}

.slds-button_icon-more:hover .slds-button__icon, .slds-button_icon-more:focus .slds-button__icon, .slds-button--icon-more:hover .slds-button__icon, .slds-button--icon-more:focus .slds-button__icon {
    fill: var(--lwc-brandAccessible, rgb(0, 112, 210))
}

.slds-button_icon-more:active .slds-button__icon, .slds-button--icon-more:active .slds-button__icon {
    fill: var(--lwc-brandAccessibleActive, rgb(0, 95, 178))
}

.slds-button_icon-more[disabled], .slds-button_icon-more:disabled, .slds-button--icon-more[disabled], .slds-button--icon-more:disabled {
    cursor: default
}

.slds-button_icon-more[disabled] .slds-button__icon, .slds-button_icon-more:disabled .slds-button__icon, .slds-button--icon-more[disabled] .slds-button__icon, .slds-button--icon-more:disabled .slds-button__icon {
    fill: var(--lwc-colorTextIconDefaultDisabled, rgb(221, 219, 218))
}

.slds-button_icon-container-more, .slds-button--icon-container-more {
    width: auto;
    line-height: var(--lwc-lineHeightButton, 1.875rem);
    padding: 0 var(--lwc-spacingXSmall, 0.5rem);
    vertical-align: middle
}

.slds-button__icon_hint, .slds-button__icon--hint {
    fill: var(--lwc-colorTextIconDefaultHint, rgb(176, 173, 171))
}

.slds-button__icon_inverse-hint, .slds-button__icon--inverse-hint {
    fill: var(--lwc-colorTextIconInverseHint, rgba(255, 255, 255, 0.5))
}

.slds-hint-parent .slds-button_icon-border-inverse, .slds-hint-parent .slds-button--icon-border-inverse {
    border-color: var(--lwc-colorBorderIconInverseHint, rgba(255, 255, 255, 0.5))
}

.slds-hint-parent .slds-button_icon-border-inverse:focus, .slds-hint-parent .slds-button--icon-border-inverse:focus {
    border-color: var(--lwc-colorBorderIconInverseHintHover, rgba(255, 255, 255, 0.75))
}

.slds-hint-parent:hover .slds-button_icon-border-inverse, .slds-hint-parent:hover .slds-button--icon-border-inverse, .slds-hint-parent:focus .slds-button_icon-border-inverse, .slds-hint-parent:focus .slds-button--icon-border-inverse {
    border-color: var(--lwc-colorBorderIconInverseHintHover, rgba(255, 255, 255, 0.75))
}

.slds-hint-parent:hover .slds-button__icon_hint, .slds-hint-parent:hover .slds-button__icon--hint, .slds-hint-parent:focus .slds-button__icon_hint, .slds-hint-parent:focus .slds-button__icon--hint {
    fill: var(--lwc-colorTextIconDefault, rgb(112, 110, 107))
}

.slds-hint-parent:hover .slds-button__icon_inverse-hint, .slds-hint-parent:hover .slds-button__icon--inverse-hint, .slds-hint-parent:focus .slds-button__icon_inverse-hint, .slds-hint-parent:focus .slds-button__icon--inverse-hint {
    fill: var(--lwc-colorTextIconInverseHintHover, rgba(255, 255, 255, 0.75))
}

.slds-hint-parent:hover .slds-button:disabled .slds-button__icon_hint, .slds-hint-parent:hover .slds-button:disabled .slds-button__icon--hint, .slds-hint-parent:focus .slds-button:disabled .slds-button__icon_hint, .slds-hint-parent:focus .slds-button:disabled .slds-button__icon--hint {
    fill: currentColor
}

.slds-button_icon-container.slds-is-selected, .slds-button--icon-container.slds-is-selected, .slds-button_icon-border.slds-is-selected, .slds-button--icon-border.slds-is-selected, .slds-button_icon-border-filled.slds-is-selected, .slds-button_icon-border-inverse.slds-is-selected {
    background-color: var(--lwc-brandAccessible, rgb(0, 112, 210));
    border-color: var(--lwc-brandAccessible, rgb(0, 112, 210));
    color: var(--lwc-colorTextBrandPrimary, rgb(255, 255, 255))
}

.slds-button_icon-container.slds-is-selected:link, .slds-button_icon-container.slds-is-selected:visited, .slds-button_icon-container.slds-is-selected:active, .slds-button--icon-container.slds-is-selected:link, .slds-button--icon-container.slds-is-selected:visited, .slds-button--icon-container.slds-is-selected:active, .slds-button_icon-border.slds-is-selected:link, .slds-button_icon-border.slds-is-selected:visited, .slds-button_icon-border.slds-is-selected:active, .slds-button--icon-border.slds-is-selected:link, .slds-button--icon-border.slds-is-selected:visited, .slds-button--icon-border.slds-is-selected:active, .slds-button_icon-border-filled.slds-is-selected:link, .slds-button_icon-border-filled.slds-is-selected:visited, .slds-button_icon-border-filled.slds-is-selected:active, .slds-button_icon-border-inverse.slds-is-selected:link, .slds-button_icon-border-inverse.slds-is-selected:visited, .slds-button_icon-border-inverse.slds-is-selected:active {
    color: var(--lwc-colorTextBrandPrimary, rgb(255, 255, 255))
}

.slds-button_icon-container.slds-is-selected:hover, .slds-button_icon-container.slds-is-selected:focus, .slds-button--icon-container.slds-is-selected:hover, .slds-button--icon-container.slds-is-selected:focus, .slds-button_icon-border.slds-is-selected:hover, .slds-button_icon-border.slds-is-selected:focus, .slds-button--icon-border.slds-is-selected:hover, .slds-button--icon-border.slds-is-selected:focus, .slds-button_icon-border-filled.slds-is-selected:hover, .slds-button_icon-border-filled.slds-is-selected:focus, .slds-button_icon-border-inverse.slds-is-selected:hover, .slds-button_icon-border-inverse.slds-is-selected:focus {
    background-color: var(--lwc-brandAccessibleActive, rgb(0, 95, 178));
    border-color: var(--lwc-brandAccessibleActive, rgb(0, 95, 178));
    color: var(--lwc-colorTextBrandPrimary, rgb(255, 255, 255))
}

.slds-button_icon-container.slds-is-selected:active, .slds-button--icon-container.slds-is-selected:active, .slds-button_icon-border.slds-is-selected:active, .slds-button--icon-border.slds-is-selected:active, .slds-button_icon-border-filled.slds-is-selected:active, .slds-button_icon-border-inverse.slds-is-selected:active {
    background-color: var(--lwc-brandAccessibleActive, rgb(0, 95, 178));
    border-color: var(--lwc-brandAccessibleActive, rgb(0, 95, 178))
}

.slds-button_icon-container.slds-is-selected .slds-button__icon, .slds-button--icon-container.slds-is-selected .slds-button__icon, .slds-button_icon-border.slds-is-selected .slds-button__icon, .slds-button--icon-border.slds-is-selected .slds-button__icon, .slds-button_icon-border-filled.slds-is-selected .slds-button__icon, .slds-button_icon-border-inverse.slds-is-selected .slds-button__icon {
    fill: var(--lwc-colorTextButtonBrand, rgb(255, 255, 255))
}

.slds-button_icon-container.slds-is-selected:hover .slds-button__icon, .slds-button_icon-container.slds-is-selected:focus .slds-button__icon, .slds-button--icon-container.slds-is-selected:hover .slds-button__icon, .slds-button--icon-container.slds-is-selected:focus .slds-button__icon, .slds-button_icon-border.slds-is-selected:hover .slds-button__icon, .slds-button_icon-border.slds-is-selected:focus .slds-button__icon, .slds-button--icon-border.slds-is-selected:hover .slds-button__icon, .slds-button--icon-border.slds-is-selected:focus .slds-button__icon, .slds-button_icon-border-filled.slds-is-selected:hover .slds-button__icon, .slds-button_icon-border-filled.slds-is-selected:focus .slds-button__icon, .slds-button_icon-border-inverse.slds-is-selected:hover .slds-button__icon, .slds-button_icon-border-inverse.slds-is-selected:focus .slds-button__icon {
    fill: var(--lwc-colorTextButtonBrand, rgb(255, 255, 255))
}

.slds-button_icon-container.slds-is-selected[disabled], .slds-button_icon-container.slds-is-selected:disabled, .slds-button--icon-container.slds-is-selected[disabled], .slds-button--icon-container.slds-is-selected:disabled, .slds-button_icon-border.slds-is-selected[disabled], .slds-button_icon-border.slds-is-selected:disabled, .slds-button--icon-border.slds-is-selected[disabled], .slds-button--icon-border.slds-is-selected:disabled, .slds-button_icon-border-filled.slds-is-selected[disabled], .slds-button_icon-border-filled.slds-is-selected:disabled, .slds-button_icon-border-inverse.slds-is-selected[disabled], .slds-button_icon-border-inverse.slds-is-selected:disabled {
    background: var(--lwc-brandDisabled, rgb(201, 199, 197));
    border-color: var(--lwc-brandDisabled, rgb(201, 199, 197));
    color: var(--lwc-colorTextButtonBrandDisabled, rgb(255, 255, 255))
}

.slds-color-picker {
    position: relative
}

.slds-color-picker .slds-form-error {
    padding-top: var(--lwc-spacingXSmall, 0.5rem);
    color: var(--lwc-colorTextError, rgb(194, 57, 52));
    font-size: var(--lwc-fontSize2, 0.75rem)
}

.slds-color-picker__summary-label {
    display: block
}

.slds-color-picker__summary-button {
    vertical-align: top;
    padding: .3rem var(--lwc-spacingXSmall, 0.5rem);
    line-height: 1;
    background: var(--lwc-colorBackgroundAlt, rgb(255, 255, 255));
    margin-right: var(--lwc-spacingXxSmall, 0.25rem)
}

.slds-color-picker__summary-input {
    display: inline-block
}

.slds-color-picker__summary-input .slds-input {
    width: var(--lwc-sizeXxSmall, 6rem)
}

.slds-color-picker__selector {
    margin-top: var(--lwc-spacingXSmall, 0.5rem)
}

.slds-color-picker__selector.slds-popover {
    width: var(--lwc-colorPickerSelectorWidth, 14rem)
}

.slds-color-picker__selector .slds-popover__footer {
    background: var(--lwc-colorBackground, rgb(243, 242, 242))
}

.slds-color-picker__selector .slds-tabs_default__content {
    padding: var(--lwc-spacingXSmall, 0.5rem) 0 var(--lwc-spacingXxSmall, 0.25rem)
}

.slds-color-picker__swatches {
    font-size: 0
}

.slds-color-picker__swatches.slds-swatch {
    cursor: pointer
}

.slds-color-picker__swatch {
    display: inline-block;
    margin: var(--lwc-spacingXxSmall, 0.25rem)
}

.slds-color-picker__swatch-trigger {
    display: inline-block
}

.slds-color-picker__swatch-trigger:focus, .slds-color-picker__swatch-trigger:active {
    outline: none;
    box-shadow: var(--lwc-shadowButtonFocus, 0 0 3px #0070D2);
    border-radius: var(--lwc-borderRadiusMedium, 0.25rem)
}

.slds-color-picker__custom {
    padding: var(--lwc-spacingXxSmall, 0.25rem) 0
}

.slds-color-picker__custom-range {
    position: relative;
    margin-bottom: var(--lwc-spacingXxSmall, 0.25rem);
    height: var(--lwc-colorPickerRangeHeight, 5rem);
    border: var(--lwc-borderWidthThin, 1px) solid var(--lwc-colorBorder, rgb(221, 219, 218));
    border-radius: var(--lwc-borderRadiusMedium, 0.25rem);
    overflow: hidden
}

.slds-color-picker__custom-range:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: linear-gradient(to top, black, rgba(0, 0, 0, 0.9) 1%, transparent 99%), linear-gradient(to right, white 1%, rgba(255, 255, 255, 0))
}

.slds-color-picker__range-indicator {
    transform: translate3d(-0.375rem, 0.375rem, 0);
    cursor: pointer;
    position: absolute;
    height: var(--lwc-colorPickerRangeIndicatorSize, 0.75rem);
    width: var(--lwc-colorPickerRangeIndicatorSize, 0.75rem);
    border: var(--lwc-borderWidthThick, 2px) solid var(--lwc-colorBackgroundAlt, rgb(255, 255, 255));
    border-radius: var(--lwc-borderRadiusCircle, 50%);
    box-shadow: var(--lwc-shadowInlineEdit, 0 2px 4px 4px rgba(0, 0, 0, 0.16)), inset var(--lwc-shadowInlineEdit, 0 2px 4px 4px rgba(0, 0, 0, 0.16))
}

.slds-color-picker__range-indicator:focus {
    outline: none;
    box-shadow: var(--lwc-shadowButtonFocus, 0 0 3px #0070D2)
}

.slds-color-picker__hue-and-preview {
    display: flex
}

.slds-color-picker__hue-and-preview .slds-swatch {
    margin-left: var(--lwc-spacingXxSmall, 0.25rem);
    height: var(--lwc-spacingLarge, 1.5rem);
    width: var(--lwc-spacingLarge, 1.5rem);
    border: var(--lwc-borderWidthThin, 1px) solid var(--lwc-colorBorder, rgb(221, 219, 218));
    border-radius: var(--lwc-borderRadiusMedium, 0.25rem)
}

.slds-color-picker__hue-slider {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    flex: 1;
    padding: 0;
    height: var(--lwc-colorPickerSliderHeight, 1.5rem);
    width: 100%;
    border: var(--lwc-borderWidthThin, 1px) solid var(--lwc-colorBorder, rgb(221, 219, 218));
    border-radius: var(--lwc-borderRadiusMedium, 0.25rem);
    background: linear-gradient(to right, red, #ff1500, #ff2b00, #ff4000, #ff5500, #ff6a00, #ff8000, #ff9500, #ffaa00, #ffbf00, #ffd500, #ffea00, yellow, #eaff00, #d5ff00, #bfff00, #aaff00, #95ff00, #80ff00, #6aff00, #55ff00, #40ff00, #2bff00, #15ff00, lime, #00ff15, #00ff2b, #00ff40, #00ff55, #00ff6a, #00ff80, #00ff95, #00ffaa, #00ffbf, #00ffd5, #00ffea, cyan, #00eaff, #00d5ff, deepskyblue, #00aaff, #0095ff, #0080ff, #006aff, #0055ff, #0040ff, #002bff, #0015ff, blue, #1500ff, #2b00ff, #4000ff, #5500ff, #6a00ff, #8000ff, #9500ff, #aa00ff, #bf00ff, #d500ff, #ea00ff, magenta, #ff00ea, #ff00d5, #ff00bf, #ff00aa, #ff0095, #ff0080, #ff006a, #ff0055, #ff0040, #ff002b, #ff0015)
}

.slds-color-picker__hue-slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    height: calc(var(--lwc-colorPickerSliderHeight, 1.5rem) - (1px * 2));
    width: var(--lwc-colorPickerThumbWidth, 0.375rem);
    border: var(--lwc-borderWidthThin, 1px) solid var(--lwc-colorPickerSliderThumbBorderColor, rgb(81, 79, 77));
    border-radius: var(--lwc-borderRadiusSmall, 0.125rem);
    background: var(--lwc-colorPickerSliderThumbColorBackground, rgb(243, 242, 242))
}

.slds-color-picker__hue-slider::-moz-range-thumb {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    height: calc(var(--lwc-colorPickerSliderHeight, 1.5rem) - (1px * 2));
    width: var(--lwc-colorPickerThumbWidth, 0.375rem);
    border: var(--lwc-borderWidthThin, 1px) solid var(--lwc-colorPickerSliderThumbBorderColor, rgb(81, 79, 77));
    border-radius: var(--lwc-borderRadiusSmall, 0.125rem);
    background: var(--lwc-colorPickerSliderThumbColorBackground, rgb(243, 242, 242))
}

.slds-color-picker__hue-slider::-ms-thumb {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    height: calc(var(--lwc-colorPickerSliderHeight, 1.5rem) - (1px * 2));
    width: var(--lwc-colorPickerThumbWidth, 0.375rem);
    border: var(--lwc-borderWidthThin, 1px) solid var(--lwc-colorPickerSliderThumbBorderColor, rgb(81, 79, 77));
    border-radius: var(--lwc-borderRadiusSmall, 0.125rem);
    background: var(--lwc-colorPickerSliderThumbColorBackground, rgb(243, 242, 242));
    height: var(--lwc-colorPickerSliderHeight, 1.5rem)
}

.slds-color-picker__hue-slider:focus {
    outline: none
}

.slds-color-picker__hue-slider:focus::-webkit-slider-thumb {
    border-color: var(--lwc-colorBorderInputActive, rgb(21, 137, 238));
    box-shadow: var(--lwc-shadowButtonFocus, 0 0 3px #0070D2)
}

.slds-color-picker__hue-slider:focus::-moz-range-thumb {
    border-color: var(--lwc-colorBorderInputActive, rgb(21, 137, 238));
    box-shadow: var(--lwc-shadowButtonFocus, 0 0 3px #0070D2)
}

.slds-color-picker__hue-slider:focus::-ms-thumb {
    border-color: var(--lwc-colorBorderInputActive, rgb(21, 137, 238));
    box-shadow: var(--lwc-shadowButtonFocus, 0 0 3px #0070D2)
}

.slds-color-picker__hue-slider::-moz-range-track {
    height: 0
}

.slds-color-picker__hue-slider::-ms-track {
    height: 0;
    border: 0;
    background: transparent;
    color: transparent
}

.slds-color-picker__custom-inputs {
    display: flex;
    padding-top: var(--lwc-spacingXSmall, 0.5rem)
}

.slds-color-picker__custom-inputs .slds-form-element {
    flex: flex-grow
}

.slds-color-picker__custom-inputs .slds-form-element:not(:first-child) {
    margin-left: var(--lwc-spacingXxSmall, 0.25rem)
}

.slds-color-picker__custom-inputs input {
    padding: 0 var(--lwc-spacingXxSmall, 0.25rem)
}

.slds-color-picker__custom-inputs abbr {
    cursor: text;
    text-decoration: none
}

.slds-color-picker__input-custom-hex {
    flex: none;
    width: var(--lwc-colorPickerInputCustomHexWidth, 4.2rem)
}

.slds-color-picker__input-custom-hex input {
    font-size: var(--lwc-colorPickerInputCustomHexFontSize, 0.75rem)
}

.slds-color-picker__selector-footer {
    display: flex
}

.slds-color-picker__selector-footer .slds-button {
    flex: 1
}

.slds-swatch {
    display: inline-block;
    vertical-align: middle;
    height: var(--lwc-colorPickerSwatchSize, 1.25rem);
    width: var(--lwc-colorPickerSwatchSize, 1.25rem);
    border-radius: var(--lwc-borderRadiusSmall, 0.125rem);
    box-shadow: var(--lwc-colorPickerSwatchShadow, inset 0 0 1px rgba(0, 0, 0, 0.4))
}

.slds-color-picker.slds-color-picker_swatches-only {
    width: var(--lwc-colorPickerSwatchesWidth, 13.3rem);
    padding: var(--lwc-spacingXSmall, 0.5rem)
}

.slds-color-picker.slds-color-picker_swatches-only .slds-color-picker__selector {
    margin: 0
}

.slds-icon_container, .slds-icon__container {
    display: inline-block;
    border-radius: var(--lwc-borderRadiusMedium, 0.25rem);
    line-height: var(--lwc-lineHeightReset, 1)
}

.slds-icon_container_circle, .slds-icon_container--circle, .slds-icon__container_circle, .slds-icon__container--circle {
    padding: var(--lwc-spacingXSmall, 0.5rem);
    border-radius: var(--lwc-borderRadiusCircle, 50%)
}

[dir=rtl] .slds-icon_flip {
    transform: scaleX(-1)
}

[class*=slds-icon-action-] {
    padding: var(--lwc-spacingXSmall, 0.5rem);
    border-radius: var(--lwc-borderRadiusCircle, 50%)
}

.slds-icon-action-new-custom18 {
    background-color: #4dca76
}

.slds-icon-action-new-custom29 {
    background-color: #bdd25f
}

.slds-icon-action-edit-groups {
    background-color: #34becd
}

.slds-icon-action-new-custom9 {
    background-color: #6b9ee2
}

.slds-icon-action-log-a-call {
    background-color: #48c3cc
}

.slds-icon-action-new-custom19 {
    background-color: #3abeb1
}

.slds-icon-action-filter {
    background-color: #fd90b5
}

.slds-icon-action-user-activation {
    background-color: #54698d
}

.slds-icon-action-opportunity-competitor {
    background-color: #fcb95b
}

.slds-icon-action-canvas {
    background-color: #8199af
}

.slds-icon-action-change-record-type {
    background-color: #54698d
}

.slds-icon-action-new-notebook {
    background-color: #e6d478
}

.slds-icon-action-docusign {
    background-color: #5080db
}

.slds-icon-action-share-link {
    background-color: #7a9ae6
}

.slds-icon-action-add-file {
    background-color: #7e8be4
}

.slds-icon-action-edit-relationship {
    background-color: #1dccbf
}

.slds-icon-action-notebook {
    background-color: #e6d478
}

.slds-icon-action-new-lead {
    background-color: #f88962
}

.slds-icon-action-new-custom-object {
    background-color: #a7d44d
}

.slds-icon-action-new-account {
    background-color: #7f8de1
}

.slds-icon-action-question-post-action {
    background-color: #32af5c
}

.slds-icon-action-share-file {
    background-color: #baac93
}

.slds-icon-action-default-custom-object {
    background-color: #8199af
}

.slds-icon-action-opportunity-team-member {
    background-color: #fcb95b
}

.slds-icon-action-add-photo-video {
    background-color: #00cdc0
}

.slds-icon-action-sort {
    background-color: #fab9a5
}

.slds-icon-action-call {
    background-color: #1fcaa0
}

.slds-icon-action-concur {
    background-color: #4cc3c7
}

.slds-icon-action-reject {
    background-color: #00c6b7
}

.slds-icon-action-share-poll {
    background-color: #699be1
}

.slds-icon-action-following {
    background-color: #7dcf64
}

.slds-icon-action-defer {
    background-color: #ef7ead
}

.slds-icon-action-opportunity-line-item {
    background-color: #fcb95b
}

.slds-icon-action-social-post {
    background-color: #ea74a2
}

.slds-icon-action-share-post {
    background-color: #65cae4
}

.slds-icon-action-view-relationship {
    background-color: #3c97dd
}

.slds-icon-action-upload {
    background-color: #54698d
}

.slds-icon-action-remove-relationship {
    background-color: #ef6e64
}

.slds-icon-action-freeze-user {
    background-color: #54698d
}

.slds-icon-action-new-person-account {
    background-color: #7f8de1
}

.slds-icon-action-bug {
    background-color: #ef6e5d
}

.slds-icon-action-apex {
    background-color: #696e71
}

.slds-icon-action-new-opportunity {
    background-color: #fcb95b
}

.slds-icon-action-fallback {
    background-color: #9895ee
}

.slds-icon-action-dial-in {
    background-color: #8b9ae3
}

.slds-icon-action-approval {
    background-color: #00c6b7
}

.slds-icon-action-change-owner {
    background-color: #54698d
}

.slds-icon-action-new-task {
    background-color: #4bc076
}

.slds-icon-action-priority {
    background-color: #fbb439
}

.slds-icon-action-remove {
    background-color: #54698d
}

.slds-icon-action-web-link {
    background-color: #56aadf
}

.slds-icon-action-leave-group {
    background-color: #f39e58
}

.slds-icon-action-manage-perm-sets {
    background-color: #54698d
}

.slds-icon-action-close {
    background-color: #ef6e64
}

.slds-icon-action-google-news {
    background-color: #f5675b
}

.slds-icon-action-announcement {
    background-color: #fe8f60
}

.slds-icon-action-back {
    background-color: #0dc2d9
}

.slds-icon-action-new-custom90 {
    background-color: #22a48a
}

.slds-icon-action-download {
    background-color: #54698d
}

.slds-icon-action-new-custom80 {
    background-color: #659ad5
}

.slds-icon-action-new-custom91 {
    background-color: #bf7b66
}

.slds-icon-action-search {
    background-color: #48adeb
}

.slds-icon-action-new-event {
    background-color: #eb7092
}

.slds-icon-action-new-custom70 {
    background-color: #e769b4
}

.slds-icon-action-new-custom81 {
    background-color: #da627f
}

.slds-icon-action-new-custom92 {
    background-color: #517e82
}

.slds-icon-action-refresh {
    background-color: #54698d
}

.slds-icon-action-share-thanks {
    background-color: #e9696e
}

.slds-icon-action-update {
    background-color: #81b4d6
}

.slds-icon-action-email {
    background-color: #95aec5
}

.slds-icon-action-join-group {
    background-color: #779ef2
}

.slds-icon-action-new-custom60 {
    background-color: #bf5a88
}

.slds-icon-action-new-custom71 {
    background-color: #e36ee3
}

.slds-icon-action-new-custom82 {
    background-color: #d15b97
}

.slds-icon-action-new-custom93 {
    background-color: #904d4c
}

.slds-icon-action-edit {
    background-color: #1dccbf
}

.slds-icon-action-quote {
    background-color: #88c651
}

.slds-icon-action-dropbox {
    background-color: #52aef9
}

.slds-icon-action-description {
    background-color: #7dc37d
}

.slds-icon-action-map {
    background-color: #76c6ee
}

.slds-icon-action-user {
    background-color: #65cae4
}

.slds-icon-action-reset-password {
    background-color: #54698d
}

.slds-icon-action-new-custom50 {
    background-color: #49bcd3
}

.slds-icon-action-new-custom61 {
    background-color: #f57376
}

.slds-icon-action-new-custom72 {
    background-color: #8d9bfb
}

.slds-icon-action-new-custom83 {
    background-color: #e7806f
}

.slds-icon-action-new-custom94 {
    background-color: #439cba
}

.slds-icon-action-clone {
    background-color: #6ca1e9
}

.slds-icon-action-script {
    background-color: #0070d2
}

.slds-icon-action-delete {
    background-color: #e6717c
}

.slds-icon-action-new-custom40 {
    background-color: #83c75e
}

.slds-icon-action-new-custom51 {
    background-color: #d8c760
}

.slds-icon-action-new-custom62 {
    background-color: #6b92dc
}

.slds-icon-action-new-custom73 {
    background-color: #679ef0
}

.slds-icon-action-new-custom84 {
    background-color: #f6707b
}

.slds-icon-action-new-custom95 {
    background-color: #8bcf6a
}

.slds-icon-action-share {
    background-color: #54698d
}

.slds-icon-action-new-custom30 {
    background-color: #f59f71
}

.slds-icon-action-new-custom41 {
    background-color: #43b5b5
}

.slds-icon-action-new-custom52 {
    background-color: #ee8e6f
}

.slds-icon-action-new-custom63 {
    background-color: #7ccf60
}

.slds-icon-action-new-custom74 {
    background-color: #41c8a0
}

.slds-icon-action-new-custom85 {
    background-color: #f26891
}

.slds-icon-action-new-custom96 {
    background-color: #6d9de3
}

.slds-icon-action-log-event {
    background-color: #6ca1e9
}

.slds-icon-action-new-group {
    background-color: #83b6ff
}

.slds-icon-action-new-custom20 {
    background-color: #48c7c8
}

.slds-icon-action-new-custom31 {
    background-color: #eb687f
}

.slds-icon-action-new-custom42 {
    background-color: #cfd05b
}

.slds-icon-action-info {
    background-color: #54698d
}

.slds-icon-action-new-custom53 {
    background-color: #f36e83
}

.slds-icon-action-new-custom64 {
    background-color: #618fd8
}

.slds-icon-action-new-custom75 {
    background-color: #cd9f65
}

.slds-icon-action-new-custom86 {
    background-color: #e260ab
}

.slds-icon-action-flow {
    background-color: #0079bc
}

.slds-icon-action-new-custom97 {
    background-color: #dd6085
}

.slds-icon-action-submit-for-approval {
    background-color: #50cc7a
}

.slds-icon-action-new {
    background-color: #33bce7
}

.slds-icon-action-new-campaign {
    background-color: #f49756
}

.slds-icon-action-new-custom10 {
    background-color: #6488e3
}

.slds-icon-action-new-custom21 {
    background-color: #8a7aed
}

.slds-icon-action-new-custom32 {
    background-color: #38c393
}

.slds-icon-action-new-custom43 {
    background-color: #7f93f9
}

.slds-icon-action-new-custom54 {
    background-color: #ea70b1
}

.slds-icon-action-new-custom65 {
    background-color: #f279ab
}

.slds-icon-action-new-custom76 {
    background-color: #db6d7a
}

.slds-icon-action-new-custom87 {
    background-color: #d876e5
}

.slds-icon-action-new-custom98 {
    background-color: #e1be5c
}

.slds-icon-action-new-case {
    background-color: #f2cf5b
}

.slds-icon-action-new-custom100 {
    background-color: #e15d76
}

.slds-icon-action-new-custom1 {
    background-color: #ff7b84
}

.slds-icon-action-new-contact {
    background-color: #a094ed
}

.slds-icon-action-office-365 {
    background-color: #ff8041
}

.slds-icon-action-new-custom11 {
    background-color: #8784ea
}

.slds-icon-action-new-custom22 {
    background-color: #8b85f9
}

.slds-icon-action-new-custom33 {
    background-color: #97cf5d
}

.slds-icon-action-new-custom44 {
    background-color: #c8ca58
}

.slds-icon-action-new-custom55 {
    background-color: #d66ee0
}

.slds-icon-action-new-custom66 {
    background-color: #d8be5f
}

.slds-icon-action-new-custom77 {
    background-color: #b55d5b
}

.slds-icon-action-new-custom88 {
    background-color: #996fe6
}

.slds-icon-action-new-custom99 {
    background-color: #f0856e
}

.slds-icon-action-add-contact {
    background-color: #a094ed
}

.slds-icon-action-evernote {
    background-color: #86c86f
}

.slds-icon-action-new-custom2 {
    background-color: #cfd05c
}

.slds-icon-action-lead-convert {
    background-color: #f88962
}

.slds-icon-action-new-custom12 {
    background-color: #dc71d1
}

.slds-icon-action-new-custom23 {
    background-color: #b070e6
}

.slds-icon-action-new-custom34 {
    background-color: #d58a6a
}

.slds-icon-action-new-custom45 {
    background-color: #d95879
}

.slds-icon-action-new-custom56 {
    background-color: #718deb
}

.slds-icon-action-new-custom67 {
    background-color: #f87d76
}

.slds-icon-action-recall {
    background-color: #4a698d
}

.slds-icon-action-new-custom78 {
    background-color: #5a95dd
}

.slds-icon-action-new-custom89 {
    background-color: #3e99be
}

.slds-icon-action-follow {
    background-color: #31b9f8
}

.slds-icon-action-record {
    background-color: #7dc37d
}

.slds-icon-action-new-custom3 {
    background-color: #ecb46c
}

.slds-icon-action-new-note {
    background-color: #e6d478
}

.slds-icon-action-new-custom13 {
    background-color: #df6184
}

.slds-icon-action-new-custom24 {
    background-color: #e56798
}

.slds-icon-action-new-custom35 {
    background-color: #e9637e
}

.slds-icon-action-new-custom46 {
    background-color: #67a5e7
}

.slds-icon-action-new-custom57 {
    background-color: #5a9cdd
}

.slds-icon-action-new-custom68 {
    background-color: #f26979
}

.slds-icon-action-new-custom79 {
    background-color: #8ed363
}

.slds-icon-action-new-child-case {
    background-color: #fa975c
}

.slds-icon-action-new-custom4 {
    background-color: #e1d951
}

.slds-icon-action-new-custom14 {
    background-color: #3cc2b3
}

.slds-icon-action-new-custom25 {
    background-color: #e46fbe
}

.slds-icon-action-new-custom36 {
    background-color: #d472d4
}

.slds-icon-action-new-custom47 {
    background-color: #5fcc64
}

.slds-icon-action-new-custom58 {
    background-color: #34b59d
}

.slds-icon-action-new-custom69 {
    background-color: #ed6387
}

.slds-icon-action-new-custom5 {
    background-color: #9fdb66
}

.slds-icon-action-goal {
    background-color: #56aadf
}

.slds-icon-action-new-custom15 {
    background-color: #f77e75
}

.slds-icon-action-new-custom26 {
    background-color: #7698f0
}

.slds-icon-action-new-custom37 {
    background-color: #8c89f2
}

.slds-icon-action-new-custom48 {
    background-color: #ef697f
}

.slds-icon-action-new-custom59 {
    background-color: #e3d067
}

.slds-icon-action-new-custom6 {
    background-color: #54c473
}

.slds-icon-action-log-this-event {
    background-color: #eb7092
}

.slds-icon-action-new-custom16 {
    background-color: #e9af67
}

.slds-icon-action-new-custom27 {
    background-color: #5ab0d2
}

.slds-icon-action-new-custom38 {
    background-color: #53b6d7
}

.slds-icon-action-new-custom49 {
    background-color: #e25c80
}

.slds-icon-action-new-custom7 {
    background-color: #6a89e5
}

.slds-icon-action-more {
    background-color: #62b7ed
}

.slds-icon-action-add-relationship {
    background-color: #62b7ed
}

.slds-icon-action-new-custom17 {
    background-color: #acd360
}

.slds-icon-action-new-custom28 {
    background-color: #89c059
}

.slds-icon-action-new-custom39 {
    background-color: #4fbe75
}

.slds-icon-action-password-unlock {
    background-color: #54698d
}

.slds-icon-action-check {
    background-color: #54698d
}

.slds-icon-action-update-status {
    background-color: #1ec7be
}

.slds-icon-action-preview {
    background-color: #7f8de1
}

.slds-icon-action-new-custom8 {
    background-color: #50ceb9
}

.slds-icon-custom-custom110, .slds-icon-custom-110 {
    background-color: #f28b00;
    color: var(--lwc-colorTextInverse, rgb(255, 255, 255))
}

.slds-icon-custom-custom100, .slds-icon-custom-100 {
    background-color: #e15d76;
    color: var(--lwc-colorTextInverse, rgb(255, 255, 255))
}

.slds-icon-custom-custom111, .slds-icon-custom-111 {
    background-color: #f28b00;
    color: var(--lwc-colorTextInverse, rgb(255, 255, 255))
}

.slds-icon-custom-custom1, .slds-icon-custom-1 {
    background-color: #ff7b84;
    color: var(--lwc-colorTextInverse, rgb(255, 255, 255))
}

.slds-icon-custom-custom101, .slds-icon-custom-101 {
    background-color: #f28b00;
    color: var(--lwc-colorTextInverse, rgb(255, 255, 255))
}

.slds-icon-custom-custom112, .slds-icon-custom-112 {
    background-color: #f28b00;
    color: var(--lwc-colorTextInverse, rgb(255, 255, 255))
}

.slds-icon-custom-custom2, .slds-icon-custom-2 {
    background-color: #cfd05c;
    color: var(--lwc-colorTextInverse, rgb(255, 255, 255))
}

.slds-icon-custom-custom102, .slds-icon-custom-102 {
    background-color: #f28b00;
    color: var(--lwc-colorTextInverse, rgb(255, 255, 255))
}

.slds-icon-custom-custom113, .slds-icon-custom-113 {
    background-color: #f28b00;
    color: var(--lwc-colorTextInverse, rgb(255, 255, 255))
}

.slds-icon-custom-custom90, .slds-icon-custom-90 {
    background-color: #22a48a;
    color: var(--lwc-colorTextInverse, rgb(255, 255, 255))
}

.slds-icon-custom-custom3, .slds-icon-custom-3 {
    background-color: #ecb46c;
    color: var(--lwc-colorTextInverse, rgb(255, 255, 255))
}

.slds-icon-custom-custom103, .slds-icon-custom-103 {
    background-color: #f28b00;
    color: var(--lwc-colorTextInverse, rgb(255, 255, 255))
}

.slds-icon-custom-custom80, .slds-icon-custom-80 {
    background-color: #659ad5;
    color: var(--lwc-colorTextInverse, rgb(255, 255, 255))
}

.slds-icon-custom-custom91, .slds-icon-custom-91 {
    background-color: #bf7b66;
    color: var(--lwc-colorTextInverse, rgb(255, 255, 255))
}

.slds-icon-custom-custom4, .slds-icon-custom-4 {
    background-color: #e1d951;
    color: var(--lwc-colorTextInverse, rgb(255, 255, 255))
}

.slds-icon-custom-custom104, .slds-icon-custom-104 {
    background-color: #f28b00;
    color: var(--lwc-colorTextInverse, rgb(255, 255, 255))
}

.slds-icon-custom-custom70, .slds-icon-custom-70 {
    background-color: #e769b4;
    color: var(--lwc-colorTextInverse, rgb(255, 255, 255))
}

.slds-icon-custom-custom81, .slds-icon-custom-81 {
    background-color: #da627f;
    color: var(--lwc-colorTextInverse, rgb(255, 255, 255))
}

.slds-icon-custom-custom92, .slds-icon-custom-92 {
    background-color: #517e82;
    color: var(--lwc-colorTextInverse, rgb(255, 255, 255))
}

.slds-icon-custom-custom5, .slds-icon-custom-5 {
    background-color: #9fdb66;
    color: var(--lwc-colorTextInverse, rgb(255, 255, 255))
}

.slds-icon-custom-custom105, .slds-icon-custom-105 {
    background-color: #f28b00;
    color: var(--lwc-colorTextInverse, rgb(255, 255, 255))
}

.slds-icon-custom-custom60, .slds-icon-custom-60 {
    background-color: #bf5a88;
    color: var(--lwc-colorTextInverse, rgb(255, 255, 255))
}

.slds-icon-custom-custom71, .slds-icon-custom-71 {
    background-color: #e36ee3;
    color: var(--lwc-colorTextInverse, rgb(255, 255, 255))
}

.slds-icon-custom-custom82, .slds-icon-custom-82 {
    background-color: #d15b97;
    color: var(--lwc-colorTextInverse, rgb(255, 255, 255))
}

.slds-icon-custom-custom93, .slds-icon-custom-93 {
    background-color: #904d4c;
    color: var(--lwc-colorTextInverse, rgb(255, 255, 255))
}

.slds-icon-custom-custom6, .slds-icon-custom-6 {
    background-color: #54c473;
    color: var(--lwc-colorTextInverse, rgb(255, 255, 255))
}

.slds-icon-custom-custom106, .slds-icon-custom-106 {
    background-color: #f28b00;
    color: var(--lwc-colorTextInverse, rgb(255, 255, 255))
}

.slds-icon-custom-custom50, .slds-icon-custom-50 {
    background-color: #49bcd3;
    color: var(--lwc-colorTextInverse, rgb(255, 255, 255))
}

.slds-icon-custom-custom61, .slds-icon-custom-61 {
    background-color: #f57376;
    color: var(--lwc-colorTextInverse, rgb(255, 255, 255))
}

.slds-icon-custom-custom72, .slds-icon-custom-72 {
    background-color: #8d9bfb;
    color: var(--lwc-colorTextInverse, rgb(255, 255, 255))
}

.slds-icon-custom-custom83, .slds-icon-custom-83 {
    background-color: #e7806f;
    color: var(--lwc-colorTextInverse, rgb(255, 255, 255))
}

.slds-icon-custom-custom94, .slds-icon-custom-94 {
    background-color: #439cba;
    color: var(--lwc-colorTextInverse, rgb(255, 255, 255))
}

.slds-icon-custom-custom7, .slds-icon-custom-7 {
    background-color: #6a89e5;
    color: var(--lwc-colorTextInverse, rgb(255, 255, 255))
}

.slds-icon-custom-custom107, .slds-icon-custom-107 {
    background-color: #f28b00;
    color: var(--lwc-colorTextInverse, rgb(255, 255, 255))
}

.slds-icon-custom-custom40, .slds-icon-custom-40 {
    background-color: #83c75e;
    color: var(--lwc-colorTextInverse, rgb(255, 255, 255))
}

.slds-icon-custom-custom51, .slds-icon-custom-51 {
    background-color: #d8c760;
    color: var(--lwc-colorTextInverse, rgb(255, 255, 255))
}

.slds-icon-custom-custom62, .slds-icon-custom-62 {
    background-color: #6b92dc;
    color: var(--lwc-colorTextInverse, rgb(255, 255, 255))
}

.slds-icon-custom-custom73, .slds-icon-custom-73 {
    background-color: #679ef0;
    color: var(--lwc-colorTextInverse, rgb(255, 255, 255))
}

.slds-icon-custom-custom84, .slds-icon-custom-84 {
    background-color: #f6707b;
    color: var(--lwc-colorTextInverse, rgb(255, 255, 255))
}

.slds-icon-custom-custom95, .slds-icon-custom-95 {
    background-color: #8bcf6a;
    color: var(--lwc-colorTextInverse, rgb(255, 255, 255))
}

.slds-icon-custom-custom8, .slds-icon-custom-8 {
    background-color: #50ceb9;
    color: var(--lwc-colorTextInverse, rgb(255, 255, 255))
}

.slds-icon-custom-custom108, .slds-icon-custom-108 {
    background-color: #f28b00;
    color: var(--lwc-colorTextInverse, rgb(255, 255, 255))
}

.slds-icon-custom-custom30, .slds-icon-custom-30 {
    background-color: #f59f71;
    color: var(--lwc-colorTextInverse, rgb(255, 255, 255))
}

.slds-icon-custom-custom41, .slds-icon-custom-41 {
    background-color: #43b5b5;
    color: var(--lwc-colorTextInverse, rgb(255, 255, 255))
}

.slds-icon-custom-custom52, .slds-icon-custom-52 {
    background-color: #ee8e6f;
    color: var(--lwc-colorTextInverse, rgb(255, 255, 255))
}

.slds-icon-custom-custom63, .slds-icon-custom-63 {
    background-color: #7ccf60;
    color: var(--lwc-colorTextInverse, rgb(255, 255, 255))
}

.slds-icon-custom-custom74, .slds-icon-custom-74 {
    background-color: #41c8a0;
    color: var(--lwc-colorTextInverse, rgb(255, 255, 255))
}

.slds-icon-custom-custom85, .slds-icon-custom-85 {
    background-color: #f26891;
    color: var(--lwc-colorTextInverse, rgb(255, 255, 255))
}

.slds-icon-custom-custom96, .slds-icon-custom-96 {
    background-color: #6d9de3;
    color: var(--lwc-colorTextInverse, rgb(255, 255, 255))
}

.slds-icon-custom-custom9, .slds-icon-custom-9 {
    background-color: #6b9ee2;
    color: var(--lwc-colorTextInverse, rgb(255, 255, 255))
}

.slds-icon-custom-custom109, .slds-icon-custom-109 {
    background-color: #f28b00;
    color: var(--lwc-colorTextInverse, rgb(255, 255, 255))
}

.slds-icon-custom-custom20, .slds-icon-custom-20 {
    background-color: #48c7c8;
    color: var(--lwc-colorTextInverse, rgb(255, 255, 255))
}

.slds-icon-custom-custom31, .slds-icon-custom-31 {
    background-color: #eb687f;
    color: var(--lwc-colorTextInverse, rgb(255, 255, 255))
}

.slds-icon-custom-custom42, .slds-icon-custom-42 {
    background-color: #cfd05b;
    color: var(--lwc-colorTextInverse, rgb(255, 255, 255))
}

.slds-icon-custom-custom53, .slds-icon-custom-53 {
    background-color: #f36e83;
    color: var(--lwc-colorTextInverse, rgb(255, 255, 255))
}

.slds-icon-custom-custom64, .slds-icon-custom-64 {
    background-color: #618fd8;
    color: var(--lwc-colorTextInverse, rgb(255, 255, 255))
}

.slds-icon-custom-custom75, .slds-icon-custom-75 {
    background-color: #cd9f65;
    color: var(--lwc-colorTextInverse, rgb(255, 255, 255))
}

.slds-icon-custom-custom86, .slds-icon-custom-86 {
    background-color: #e260ab;
    color: var(--lwc-colorTextInverse, rgb(255, 255, 255))
}

.slds-icon-custom-custom97, .slds-icon-custom-97 {
    background-color: #dd6085;
    color: var(--lwc-colorTextInverse, rgb(255, 255, 255))
}

.slds-icon-custom-custom10, .slds-icon-custom-10 {
    background-color: #6488e3;
    color: var(--lwc-colorTextInverse, rgb(255, 255, 255))
}

.slds-icon-custom-custom21, .slds-icon-custom-21 {
    background-color: #8a7aed;
    color: var(--lwc-colorTextInverse, rgb(255, 255, 255))
}

.slds-icon-custom-custom32, .slds-icon-custom-32 {
    background-color: #38c393;
    color: var(--lwc-colorTextInverse, rgb(255, 255, 255))
}

.slds-icon-custom-custom43, .slds-icon-custom-43 {
    background-color: #7f93f9;
    color: var(--lwc-colorTextInverse, rgb(255, 255, 255))
}

.slds-icon-custom-custom54, .slds-icon-custom-54 {
    background-color: #ea70b1;
    color: var(--lwc-colorTextInverse, rgb(255, 255, 255))
}

.slds-icon-custom-custom65, .slds-icon-custom-65 {
    background-color: #f279ab;
    color: var(--lwc-colorTextInverse, rgb(255, 255, 255))
}

.slds-icon-custom-custom76, .slds-icon-custom-76 {
    background-color: #db6d7a;
    color: var(--lwc-colorTextInverse, rgb(255, 255, 255))
}

.slds-icon-custom-custom87, .slds-icon-custom-87 {
    background-color: #d876e5;
    color: var(--lwc-colorTextInverse, rgb(255, 255, 255))
}

.slds-icon-custom-custom98, .slds-icon-custom-98 {
    background-color: #e1be5c;
    color: var(--lwc-colorTextInverse, rgb(255, 255, 255))
}

.slds-icon-custom-custom11, .slds-icon-custom-11 {
    background-color: #8784ea;
    color: var(--lwc-colorTextInverse, rgb(255, 255, 255))
}

.slds-icon-custom-custom22, .slds-icon-custom-22 {
    background-color: #8b85f9;
    color: var(--lwc-colorTextInverse, rgb(255, 255, 255))
}

.slds-icon-custom-custom33, .slds-icon-custom-33 {
    background-color: #97cf5d;
    color: var(--lwc-colorTextInverse, rgb(255, 255, 255))
}

.slds-icon-custom-custom44, .slds-icon-custom-44 {
    background-color: #c8ca58;
    color: var(--lwc-colorTextInverse, rgb(255, 255, 255))
}

.slds-icon-custom-custom55, .slds-icon-custom-55 {
    background-color: #d66ee0;
    color: var(--lwc-colorTextInverse, rgb(255, 255, 255))
}

.slds-icon-custom-custom66, .slds-icon-custom-66 {
    background-color: #d8be5f;
    color: var(--lwc-colorTextInverse, rgb(255, 255, 255))
}

.slds-icon-custom-custom77, .slds-icon-custom-77 {
    background-color: #b55d5b;
    color: var(--lwc-colorTextInverse, rgb(255, 255, 255))
}

.slds-icon-custom-custom88, .slds-icon-custom-88 {
    background-color: #996fe6;
    color: var(--lwc-colorTextInverse, rgb(255, 255, 255))
}

.slds-icon-custom-custom99, .slds-icon-custom-99 {
    background-color: #f0856e;
    color: var(--lwc-colorTextInverse, rgb(255, 255, 255))
}

.slds-icon-custom-custom12, .slds-icon-custom-12 {
    background-color: #dc71d1;
    color: var(--lwc-colorTextInverse, rgb(255, 255, 255))
}

.slds-icon-custom-custom23, .slds-icon-custom-23 {
    background-color: #b070e6;
    color: var(--lwc-colorTextInverse, rgb(255, 255, 255))
}

.slds-icon-custom-custom34, .slds-icon-custom-34 {
    background-color: #d58a6a;
    color: var(--lwc-colorTextInverse, rgb(255, 255, 255))
}

.slds-icon-custom-custom45, .slds-icon-custom-45 {
    background-color: #d95879;
    color: var(--lwc-colorTextInverse, rgb(255, 255, 255))
}

.slds-icon-custom-custom56, .slds-icon-custom-56 {
    background-color: #718deb;
    color: var(--lwc-colorTextInverse, rgb(255, 255, 255))
}

.slds-icon-custom-custom67, .slds-icon-custom-67 {
    background-color: #f87d76;
    color: var(--lwc-colorTextInverse, rgb(255, 255, 255))
}

.slds-icon-custom-custom78, .slds-icon-custom-78 {
    background-color: #5a95dd;
    color: var(--lwc-colorTextInverse, rgb(255, 255, 255))
}

.slds-icon-custom-custom89, .slds-icon-custom-89 {
    background-color: #3e99be;
    color: var(--lwc-colorTextInverse, rgb(255, 255, 255))
}

.slds-icon-custom-custom13, .slds-icon-custom-13 {
    background-color: #df6184;
    color: var(--lwc-colorTextInverse, rgb(255, 255, 255))
}

.slds-icon-custom-custom24, .slds-icon-custom-24 {
    background-color: #e56798;
    color: var(--lwc-colorTextInverse, rgb(255, 255, 255))
}

.slds-icon-custom-custom35, .slds-icon-custom-35 {
    background-color: #e9637e;
    color: var(--lwc-colorTextInverse, rgb(255, 255, 255))
}

.slds-icon-custom-custom46, .slds-icon-custom-46 {
    background-color: #67a5e7;
    color: var(--lwc-colorTextInverse, rgb(255, 255, 255))
}

.slds-icon-custom-custom57, .slds-icon-custom-57 {
    background-color: #5a9cdd;
    color: var(--lwc-colorTextInverse, rgb(255, 255, 255))
}

.slds-icon-custom-custom68, .slds-icon-custom-68 {
    background-color: #f26979;
    color: var(--lwc-colorTextInverse, rgb(255, 255, 255))
}

.slds-icon-custom-custom79, .slds-icon-custom-79 {
    background-color: #8ed363;
    color: var(--lwc-colorTextInverse, rgb(255, 255, 255))
}

.slds-icon-custom-custom14, .slds-icon-custom-14 {
    background-color: #3cc2b3;
    color: var(--lwc-colorTextInverse, rgb(255, 255, 255))
}

.slds-icon-custom-custom25, .slds-icon-custom-25 {
    background-color: #e46fbe;
    color: var(--lwc-colorTextInverse, rgb(255, 255, 255))
}

.slds-icon-custom-custom36, .slds-icon-custom-36 {
    background-color: #d472d4;
    color: var(--lwc-colorTextInverse, rgb(255, 255, 255))
}

.slds-icon-custom-custom47, .slds-icon-custom-47 {
    background-color: #5fcc64;
    color: var(--lwc-colorTextInverse, rgb(255, 255, 255))
}

.slds-icon-custom-custom58, .slds-icon-custom-58 {
    background-color: #34b59d;
    color: var(--lwc-colorTextInverse, rgb(255, 255, 255))
}

.slds-icon-custom-custom69, .slds-icon-custom-69 {
    background-color: #ed6387;
    color: var(--lwc-colorTextInverse, rgb(255, 255, 255))
}

.slds-icon-custom-custom15, .slds-icon-custom-15 {
    background-color: #f77e75;
    color: var(--lwc-colorTextInverse, rgb(255, 255, 255))
}

.slds-icon-custom-custom26, .slds-icon-custom-26 {
    background-color: #7698f0;
    color: var(--lwc-colorTextInverse, rgb(255, 255, 255))
}

.slds-icon-custom-custom37, .slds-icon-custom-37 {
    background-color: #8c89f2;
    color: var(--lwc-colorTextInverse, rgb(255, 255, 255))
}

.slds-icon-custom-custom48, .slds-icon-custom-48 {
    background-color: #ef697f;
    color: var(--lwc-colorTextInverse, rgb(255, 255, 255))
}

.slds-icon-custom-custom59, .slds-icon-custom-59 {
    background-color: #e3d067;
    color: var(--lwc-colorTextInverse, rgb(255, 255, 255))
}

.slds-icon-custom-custom16, .slds-icon-custom-16 {
    background-color: #e9af67;
    color: var(--lwc-colorTextInverse, rgb(255, 255, 255))
}

.slds-icon-custom-custom27, .slds-icon-custom-27 {
    background-color: #5ab0d2;
    color: var(--lwc-colorTextInverse, rgb(255, 255, 255))
}

.slds-icon-custom-custom38, .slds-icon-custom-38 {
    background-color: #53b6d7;
    color: var(--lwc-colorTextInverse, rgb(255, 255, 255))
}

.slds-icon-custom-custom49, .slds-icon-custom-49 {
    background-color: #e25c80;
    color: var(--lwc-colorTextInverse, rgb(255, 255, 255))
}

.slds-icon-custom-custom17, .slds-icon-custom-17 {
    background-color: #acd360;
    color: var(--lwc-colorTextInverse, rgb(255, 255, 255))
}

.slds-icon-custom-custom28, .slds-icon-custom-28 {
    background-color: #89c059;
    color: var(--lwc-colorTextInverse, rgb(255, 255, 255))
}

.slds-icon-custom-custom39, .slds-icon-custom-39 {
    background-color: #4fbe75;
    color: var(--lwc-colorTextInverse, rgb(255, 255, 255))
}

.slds-icon-custom-custom18, .slds-icon-custom-18 {
    background-color: #4dca76;
    color: var(--lwc-colorTextInverse, rgb(255, 255, 255))
}

.slds-icon-custom-custom29, .slds-icon-custom-29 {
    background-color: #bdd25f;
    color: var(--lwc-colorTextInverse, rgb(255, 255, 255))
}

.slds-icon-custom-custom19, .slds-icon-custom-19 {
    background-color: #3abeb1;
    color: var(--lwc-colorTextInverse, rgb(255, 255, 255))
}

.slds-icon-standard-contact {
    background-color: #a094ed
}

.slds-icon-standard-multi-select-checkbox {
    background-color: #969492
}

.slds-icon-standard-work-order {
    background-color: #50e3c2
}

.slds-icon-standard-post {
    background-color: #65cae4
}

.slds-icon-standard-global-constant {
    background-color: #54698d
}

.slds-icon-standard-carousel {
    background-color: #6bbd6e
}

.slds-icon-standard-resource-skill {
    background-color: #45c173
}

.slds-icon-standard-system-and-global-variable {
    background-color: #54698d
}

.slds-icon-standard-goals {
    background-color: #56aadf
}

.slds-icon-standard-investment-account {
    background-color: #4bc076
}

.slds-icon-standard-store {
    background-color: #04844b
}

.slds-icon-standard-output {
    background-color: #439cba
}

.slds-icon-standard-store-group {
    background-color: #3c97dd
}

.slds-icon-standard-all {
    background-color: #54698d
}

.slds-icon-standard-picklist-choice {
    background-color: #54698d
}

.slds-icon-standard-choice {
    background-color: #54698d
}

.slds-icon-standard-app {
    background-color: #fcb95b
}

.slds-icon-standard-default {
    background-color: #8199af
}

.slds-icon-standard-case-milestone {
    background-color: #f2cf5b
}

.slds-icon-standard-today {
    background-color: #ef7ead
}

.slds-icon-standard-buyer-account {
    background-color: #04844b
}

.slds-icon-standard-lead-list {
    background-color: #f88962
}

.slds-icon-standard-shift {
    background-color: #eb7092
}

.slds-icon-standard-product-item-transaction {
    background-color: #f88962
}

.slds-icon-standard-apex {
    background-color: #54698d
}

.slds-icon-standard-answer-private {
    background-color: #f2cf5b
}

.slds-icon-standard-opportunity-contact-role {
    background-color: #7e8be4
}

.slds-icon-standard-retail-banking-console {
    background-color: #00afa0
}

.slds-icon-standard-channel-program-members {
    background-color: #0eb58a
}

.slds-icon-standard-apps-admin {
    background-color: #9895ee
}

.slds-icon-standard-datadotcom {
    background-color: #1589ee
}

.slds-icon-standard-settings {
    background-color: #04844b
}

.slds-icon-standard-product-item {
    background-color: #769ed9
}

.slds-icon-standard-metrics {
    background-color: #56aadf
}

.slds-icon-standard-topic2 {
    background-color: #56aad0
}

.slds-icon-standard-partner-fund-allocation {
    background-color: #0eb58a
}

.slds-icon-standard-approval {
    background-color: #50cc7a
}

.slds-icon-standard-work-queue {
    background-color: #54698d
}

.slds-icon-standard-iot-orchestrations {
    background-color: #2a739e
}

.slds-icon-standard-visualforce-page {
    background-color: #fcb95b
}

.slds-icon-standard-person-account {
    background-color: #7f8de1
}

.slds-icon-standard-entity {
    background-color: #f88962
}

.slds-icon-standard-service-territory-location {
    background-color: #7e8be4
}

.slds-icon-standard-entitlement-policy {
    background-color: #04844b
}

.slds-icon-standard-order-item {
    background-color: #769ed3
}

.slds-icon-standard-read-receipts {
    background-color: #4bc076
}

.slds-icon-standard-javascript-button {
    background-color: #fcb95b
}

.slds-icon-standard-maintenance-asset {
    background-color: #2a739e
}

.slds-icon-standard-loop {
    background-color: #ff9a3c
}

.slds-icon-standard-portal-roles-and-subordinates {
    background-color: #7a9ae6
}

.slds-icon-standard-work-capacity-limit {
    background-color: #0079bc
}

.slds-icon-standard-constant {
    background-color: #54698d
}

.slds-icon-standard-marketing-actions {
    background-color: #6bbd6e
}

.slds-icon-standard-case-transcript {
    background-color: #f2cf5b
}

.slds-icon-standard-timesheet-entry {
    background-color: #7dc37d
}

.slds-icon-standard-multi-picklist {
    background-color: #969492
}

.slds-icon-standard-visit-templates {
    background-color: #3c97dd
}

.slds-icon-standard-task {
    background-color: #4bc076
}

.slds-icon-standard-answer-best {
    background-color: #f2cf5b
}

.slds-icon-standard-orders {
    background-color: #769ed9
}

.slds-icon-standard-past-chat {
    background-color: #f88960
}

.slds-icon-standard-feedback {
    background-color: #6da1ea
}

.slds-icon-standard-action-list-component {
    background-color: #5876a3
}

.slds-icon-standard-opportunity-splits {
    background-color: #fcb95b
}

.slds-icon-standard-messaging-user {
    background-color: #34becd
}

.slds-icon-standard-trailhead {
    background-color: #032e61
}

.slds-icon-standard-entitlements {
    background-color: #b781d3
}

.slds-icon-standard-formula {
    background-color: #54698d
}

.slds-icon-standard-case-log-a-call {
    background-color: #f2cf5b
}

.slds-icon-standard-thanks-loading {
    background-color: #b8c3ce
}

.slds-icon-standard-service-appointment-capacity-usage {
    background-color: #0079bc
}

.slds-icon-standard-channel-program-levels {
    background-color: #0eb58a
}

.slds-icon-standard-letterhead {
    background-color: #3c97dd
}

.slds-icon-standard-email-chatter {
    background-color: #f2cf5b
}

.slds-icon-standard-announcement {
    background-color: #62b7ed
}

.slds-icon-standard-bot {
    background-color: #54698f
}

.slds-icon-standard-macros {
    background-color: #47cfd2
}

.slds-icon-standard-dashboard-ea {
    background-color: #7e8be4
}

.slds-icon-standard-job-profile {
    background-color: #eb7092
}

.slds-icon-standard-steps {
    background-color: #54698d
}

.slds-icon-standard-asset-relationship {
    background-color: #fa975c
}

.slds-icon-standard-high-velocity-sales {
    background-color: #47cfc9
}

.slds-icon-standard-brand {
    background-color: #7e8be4
}

.slds-icon-standard-visits {
    background-color: #3c97dd
}

.slds-icon-standard-coaching {
    background-color: #f67594
}

.slds-icon-standard-record-lookup {
    background-color: #eb7092
}

.slds-icon-standard-lightning-component {
    background-color: #969492
}

.slds-icon-standard-search {
    background-color: #62b7ed
}

.slds-icon-standard-connected-apps {
    background-color: #9895ee
}

.slds-icon-standard-work-type-group {
    background-color: #0079bc
}

.slds-icon-standard-education {
    background-color: #3c97dd
}

.slds-icon-standard-work-type {
    background-color: #54698d
}

.slds-icon-standard-environment-hub {
    background-color: #54698d
}

.slds-icon-standard-cms {
    background-color: #88c651
}

.slds-icon-standard-salesforce-cms {
    background-color: #00a1df
}

.slds-icon-standard-thanks {
    background-color: #e9696e
}

.slds-icon-standard-service-territory-member {
    background-color: #7e8be4
}

.slds-icon-standard-user-role {
    background-color: #8fc96e
}

.slds-icon-standard-work-capacity-usage {
    background-color: #0079bc
}

.slds-icon-standard-record-create {
    background-color: #eb7092
}

.slds-icon-standard-campaign-members {
    background-color: #f49756
}

.slds-icon-standard-retail-banking {
    background-color: #00d2be
}

.slds-icon-standard-portal-roles {
    background-color: #fb8950
}

.slds-icon-standard-calibration {
    background-color: #47cfd2
}

.slds-icon-standard-answer-public {
    background-color: #f2cf5b
}

.slds-icon-standard-display-text {
    background-color: #969492
}

.slds-icon-standard-unmatched {
    background-color: #62b7ed
}

.slds-icon-standard-partners {
    background-color: #0eb58a
}

.slds-icon-standard-email-iq {
    background-color: #a094ed
}

.slds-icon-standard-service-crew {
    background-color: #fa975c
}

.slds-icon-standard-voice-call {
    background-color: #30c85a
}

.slds-icon-standard-resource-capacity {
    background-color: #45c173
}

.slds-icon-standard-channel-programs {
    background-color: #0eb58a
}

.slds-icon-standard-quip {
    background-color: #d3451d
}

.slds-icon-standard-quip-sheet {
    background-color: #30c85a
}

.slds-icon-standard-timeslot {
    background-color: #fab24c
}

.slds-icon-standard-live-chat {
    background-color: #f88960
}

.slds-icon-standard-sobject-collection {
    background-color: #54698d
}

.slds-icon-standard-user {
    background-color: #34becd
}

.slds-icon-standard-client {
    background-color: #00d2be
}

.slds-icon-standard-screen {
    background-color: #1589ee
}

.slds-icon-standard-portal {
    background-color: #aec770
}

.slds-icon-standard-partner-fund-request {
    background-color: #0eb58a
}

.slds-icon-standard-resource-preference {
    background-color: #45c173
}

.slds-icon-standard-first-non-empty {
    background-color: #e9696e
}

.slds-icon-standard-customer-360 {
    background-color: #032e61
}

.slds-icon-standard-resource-absence {
    background-color: #45c173
}

.slds-icon-standard-text-template {
    background-color: #54698d
}

.slds-icon-standard-entitlement-template {
    background-color: #7e8be4
}

.slds-icon-standard-lightning-usage {
    background-color: #7e8be4
}

.slds-icon-standard-entitlement {
    background-color: #7e8be4
}

.slds-icon-standard-empty {
    background-color: #8199af
}

.slds-icon-standard-text {
    background-color: #969492
}

.slds-icon-standard-delegated-account {
    background-color: #04844b
}

.slds-icon-standard-fulfillment-order {
    background-color: #b9ac91
}

.slds-icon-standard-case-email {
    background-color: #f2cf5b
}

.slds-icon-standard-account {
    background-color: #7f8de1
}

.slds-icon-standard-assignment {
    background-color: #ff9a3c
}

.slds-icon-standard-wealth-management-console {
    background-color: #00afa0
}

.slds-icon-standard-task2 {
    background-color: #4bc076
}

.slds-icon-standard-code-playground {
    background-color: #54698d
}

.slds-icon-standard-social {
    background-color: #ea74a2
}

.slds-icon-standard-endorsement {
    background-color: #8b9ae3
}

.slds-icon-standard-folder {
    background-color: #8b9ae3
}

.slds-icon-standard-service-crew-member {
    background-color: #7e8be4
}

.slds-icon-standard-flow {
    background-color: #0079bc
}

.slds-icon-standard-omni-supervisor {
    background-color: #8a76f0
}

.slds-icon-standard-product {
    background-color: #b781d3
}

.slds-icon-standard-topic {
    background-color: #56aadf
}

.slds-icon-standard-product-required {
    background-color: #ef6e64
}

.slds-icon-standard-dynamic-record-choice {
    background-color: #54698d
}

.slds-icon-standard-process {
    background-color: #0079bc
}

.slds-icon-standard-people {
    background-color: #34becd
}

.slds-icon-standard-reward {
    background-color: #e9696e
}

.slds-icon-standard-performance {
    background-color: #f8b156
}

.slds-icon-standard-case-comment {
    background-color: #f2cf5b
}

.slds-icon-standard-sales-channel {
    background-color: #2a739e
}

.slds-icon-standard-apex-plugin {
    background-color: #54698d
}

.slds-icon-standard-campaign {
    background-color: #f49756
}

.slds-icon-standard-contact-request {
    background-color: #fb8954
}

.slds-icon-standard-business-hours {
    background-color: #7dc37d
}

.slds-icon-standard-evernote {
    background-color: #86c86f
}

.slds-icon-standard-service-territory {
    background-color: #7e8be4
}

.slds-icon-standard-case {
    background-color: #f2cf5b
}

.slds-icon-standard-currency {
    background-color: #969492
}

.slds-icon-standard-record {
    background-color: #7dc37d
}

.slds-icon-standard-queue {
    background-color: #54698d
}

.slds-icon-standard-contract-line-item {
    background-color: #6ec06e
}

.slds-icon-standard-skill-entity {
    background-color: #8b9ae3
}

.slds-icon-standard-skill {
    background-color: #fa975c
}

.slds-icon-standard-operating-hours {
    background-color: #6b9ee2
}

.slds-icon-standard-custom {
    background-color: #8199af
}

.slds-icon-standard-related-list {
    background-color: #59bcab
}

.slds-icon-standard-bot-training {
    background-color: #5876a3
}

.slds-icon-standard-case-change-status {
    background-color: #f2cf5b
}

.slds-icon-standard-insurance-console {
    background-color: #00afa0
}

.slds-icon-standard-contract {
    background-color: #6ec06e
}

.slds-icon-standard-sobject {
    background-color: #969492
}

.slds-icon-standard-sales-cadence-target {
    background-color: #54698d
}

.slds-icon-standard-photo {
    background-color: #d7d1d1
}

.slds-icon-standard-apps {
    background-color: #3c97dd
}

.slds-icon-standard-timesheet {
    background-color: #7e8be4
}

.slds-icon-standard-drafts {
    background-color: #6ca1e9
}

.slds-icon-standard-outcome {
    background-color: #ff9a3c
}

.slds-icon-standard-work-order-item {
    background-color: #33a8dc
}

.slds-icon-standard-pricebook {
    background-color: #b781d3
}

.slds-icon-standard-scan-card {
    background-color: #f39e58
}

.slds-icon-standard-note {
    background-color: #e6d478
}

.slds-icon-standard-buyer-group {
    background-color: #04844b
}

.slds-icon-standard-opportunity {
    background-color: #fcb95b
}

.slds-icon-standard-news {
    background-color: #7f8de1
}

.slds-icon-standard-display-rich-text {
    background-color: #969492
}

.slds-icon-standard-strategy {
    background-color: #4bc071
}

.slds-icon-standard-call-history {
    background-color: #f2cf5b
}

.slds-icon-standard-report {
    background-color: #2ecbbe
}

.slds-icon-standard-groups {
    background-color: #779ef2
}

.slds-icon-standard-dashboard {
    background-color: #ef6e64
}

.slds-icon-standard-generic-loading {
    background-color: #b8c3ce
}

.slds-icon-standard-number-input {
    background-color: #969492
}

.slds-icon-standard-address {
    background-color: #4bc076
}

.slds-icon-standard-entity-milestone {
    background-color: #f49756
}

.slds-icon-standard-wealth-management {
    background-color: #00d2be
}

.slds-icon-standard-customers {
    background-color: #0eb58a
}

.slds-icon-standard-story {
    background-color: #54698d
}

.slds-icon-standard-service-appointment {
    background-color: #7e8be4
}

.slds-icon-standard-maintenance-plan {
    background-color: #2a739e
}

.slds-icon-standard-data-integration-hub {
    background-color: #2a739e
}

.slds-icon-standard-hierarchy {
    background-color: #34becd
}

.slds-icon-standard-partner-marketing-budget {
    background-color: #0eb58a
}

.slds-icon-standard-skill-requirement {
    background-color: #fa975c
}

.slds-icon-standard-location {
    background-color: #4bc076
}

.slds-icon-standard-radio-button {
    background-color: #969492
}

.slds-icon-standard-avatar-loading {
    background-color: #b8c3ce
}

.slds-icon-standard-article {
    background-color: #f2cf5b
}

.slds-icon-standard-invocable-action {
    background-color: #54698d
}

.slds-icon-standard-proposition {
    background-color: #3c97dd
}

.slds-icon-standard-snippets {
    background-color: #0eb58a
}

.slds-icon-standard-customer-portal-users {
    background-color: #3c97db
}

.slds-icon-standard-actions-and-buttons {
    background-color: #fcb95b
}

.slds-icon-standard-record-update {
    background-color: #eb7092
}

.slds-icon-standard-shift-type {
    background-color: #eb7092
}

.slds-icon-standard-log-a-call {
    background-color: #48c3cc
}

.slds-icon-standard-quotes {
    background-color: #88c651
}

.slds-icon-standard-question-feed {
    background-color: #f2cf5b
}

.slds-icon-standard-kanban {
    background-color: #3c97dd
}

.slds-icon-standard-merge {
    background-color: #f2cf5b
}

.slds-icon-standard-dataset {
    background-color: #b070e6
}

.slds-icon-standard-product-consumed {
    background-color: #55bc9c
}

.slds-icon-standard-canvas {
    background-color: #8199af
}

.slds-icon-standard-forecasts {
    background-color: #6bbd6e
}

.slds-icon-standard-relationship {
    background-color: #3c97dd
}

.slds-icon-standard-service-resource {
    background-color: #7e8be4
}

.slds-icon-standard-filter {
    background-color: #1539ee
}

.slds-icon-standard-sales-path {
    background-color: #2a739e
}

.slds-icon-standard-events {
    background-color: #3c97db
}

.slds-icon-standard-sms {
    background-color: #88c651
}

.slds-icon-standard-rtc-presence {
    background-color: #47cfd2
}

.slds-icon-standard-avatar {
    background-color: #62b7ed
}

.slds-icon-standard-record-delete {
    background-color: #eb7092
}

.slds-icon-standard-solution {
    background-color: #8fc972
}

.slds-icon-standard-partner-fund-claim {
    background-color: #0eb58a
}

.slds-icon-standard-individual {
    background-color: #3c97dd
}

.slds-icon-standard-custom-notification {
    background-color: #6bb7e4
}

.slds-icon-standard-date-input {
    background-color: #969492
}

.slds-icon-standard-catalog {
    background-color: #027e46
}

.slds-icon-standard-template {
    background-color: #3c97dd
}

.slds-icon-standard-shipment {
    background-color: #7e8be4
}

.slds-icon-standard-event {
    background-color: #eb7092
}

.slds-icon-standard-insurance {
    background-color: #00d2be
}

.slds-icon-standard-live-chat-visitor {
    background-color: #f68960
}

.slds-icon-standard-textarea {
    background-color: #969492
}

.slds-icon-standard-picklist-type {
    background-color: #969492
}

.slds-icon-standard-survey {
    background-color: #319fd6
}

.slds-icon-standard-link {
    background-color: #7a9ae6
}

.slds-icon-standard-messaging-session {
    background-color: #34becd
}

.slds-icon-standard-list-email {
    background-color: #8baeb5
}

.slds-icon-standard-recycle-bin {
    background-color: #1589e4
}

.slds-icon-standard-document {
    background-color: #baac93
}

.slds-icon-standard-product-transfer {
    background-color: #f88962
}

.slds-icon-standard-instore-locations {
    background-color: #54698d
}

.slds-icon-standard-recent {
    background-color: #6ca1e9
}

.slds-icon-standard-password {
    background-color: #969492
}

.slds-icon-standard-branch-merge {
    background-color: #e9696e
}

.slds-icon-standard-insights {
    background-color: #ec94ed
}

.slds-icon-standard-dropbox {
    background-color: #52aef9
}

.slds-icon-standard-file {
    background-color: #baac93
}

.slds-icon-standard-currency-input {
    background-color: #969492
}

.slds-icon-standard-variable {
    background-color: #54698d
}

.slds-icon-standard-team-member {
    background-color: #f2cf5b
}

.slds-icon-standard-agent-session {
    background-color: #f88960
}

.slds-icon-standard-group-loading {
    background-color: #b8c3ce
}

.slds-icon-standard-lead {
    background-color: #f88962
}

.slds-icon-standard-email {
    background-color: #95aec5
}

.slds-icon-standard-service-contract {
    background-color: #8a76f0
}

.slds-icon-standard-decision {
    background-color: #ff9a3c
}

.slds-icon-standard-snippet {
    background-color: #a094ed
}

.slds-icon-standard-entitlement-process {
    background-color: #7e8be4
}

.slds-icon-standard-contact-list {
    background-color: #a094ed
}

.slds-icon-standard-planogram {
    background-color: #3c97dd
}

.slds-icon-standard-channel-program-history {
    background-color: #0eb58a
}

.slds-icon-standard-question-best {
    background-color: #f2cf5b
}

.slds-icon-standard-collection-variable {
    background-color: #54698d
}

.slds-icon-standard-sales-value {
    background-color: #3c97dd
}

.slds-icon-standard-knowledge {
    background-color: #ec94ed
}

.slds-icon-standard-date-time {
    background-color: #969492
}

.slds-icon-standard-category {
    background-color: #027e46
}

.slds-icon-standard-textbox {
    background-color: #969492
}

.slds-icon-standard-lead-insights {
    background-color: #22b0e6
}

.slds-icon-standard-waits {
    background-color: #ff9a3c
}

.slds-icon-standard-concur {
    background-color: #4cc3c7
}

.slds-icon-standard-feed {
    background-color: #62b7ed
}

.slds-icon-standard-sort {
    background-color: #1539ee
}

.slds-icon-standard-messaging-conversation {
    background-color: #34becd
}

.slds-icon-standard-service-report {
    background-color: #7e8be4
}

.slds-icon-standard-iot-context {
    background-color: #2a739e
}

.slds-icon-standard-call {
    background-color: #f2cf5b
}

.slds-icon-standard-stage {
    background-color: #ff9a3c
}

.slds-icon-standard-sales-cadence {
    background-color: #54698d
}

.slds-icon-standard-product-request-line-item {
    background-color: #88c651
}

.slds-icon-standard-return-order-line-item {
    background-color: #009688
}

.slds-icon-standard-chart {
    background-color: #1fcaa0
}

.slds-icon-standard-quick-text {
    background-color: #62b7e5
}

.slds-icon-standard-home {
    background-color: #ef7ead
}

.slds-icon-standard-sossession {
    background-color: #54698d
}

.slds-icon-standard-stage-collection {
    background-color: #ff9a3c
}

.slds-icon-standard-product-request {
    background-color: #88c651
}

.slds-icon-standard-logging {
    background-color: #00a1df
}

.slds-icon-standard-assigned-resource {
    background-color: #45c173
}

.slds-icon-standard-return-order {
    background-color: #009688
}

.slds-icon-standard-poll {
    background-color: #699be1
}

.slds-icon-standard-household {
    background-color: #00afa0
}

.slds-icon {
    width: var(--lwc-squareIconMediumBoundary, 2rem);
    height: var(--lwc-squareIconMediumBoundary, 2rem);
    fill: var(--lwc-colorTextIconInverse, rgb(255, 255, 255))
}

[class*=slds-icon-standard-] .slds-icon, [class*=slds-icon-standard-].slds-icon, [class*=slds-icon-action-] .slds-icon, [class*=slds-icon-action-].slds-icon, [class*=slds-icon-custom-] .slds-icon, [class*=slds-icon-custom-].slds-icon {
    border-radius: var(--lwc-borderRadiusMedium, 0.25rem)
}

.slds-icon_xx-small, .slds-icon--xx-small {
    width: var(--lwc-squareIconXxSmallContent, .875rem);
    height: var(--lwc-squareIconXxSmallContent, .875rem);
    line-height: var(--lwc-lineHeightReset, 1)
}

.slds-icon_x-small, .slds-icon--x-small {
    width: var(--lwc-squareIconUtilitySmall, 1rem);
    height: var(--lwc-squareIconUtilitySmall, 1rem);
    line-height: var(--lwc-lineHeightReset, 1)
}

.slds-icon_small, .slds-icon--small {
    width: var(--lwc-squareIconSmallBoundary, 1.5rem);
    height: var(--lwc-squareIconSmallBoundary, 1.5rem);
    line-height: var(--lwc-lineHeightReset, 1)
}

.slds-icon_large, .slds-icon--large {
    width: var(--lwc-squareIconLargeBoundary, 3rem);
    height: var(--lwc-squareIconLargeBoundary, 3rem)
}
.slds-icon-text-white {
    fill:  #ffffff
}

.slds-icon-text-default {
    fill: var(--lwc-colorTextIconDefault, rgb(112, 110, 107))
}

.slds-icon-text-warning {
    fill: var(--lwc-colorTextWarning, rgb(255, 183, 93))
}

.slds-icon-text-success {
    fill: var(--lwc-colorTextSuccess, rgb(2, 126, 70))
}

.slds-icon-text-error {
    fill: var(--lwc-colorTextError, rgb(194, 57, 52))
}

.slds-icon-text-light {
    fill: var(--lwc-colorTextInputIcon, rgb(176, 173, 171))
}

.slds-current-color .slds-icon {
    fill: currentColor
}

.slds-icon_disabled {
    background-color: currentColor
}

.slds-accordion {
    position: relative
}

.slds-accordion__list-item {
    border-top: var(--lwc-borderWidthThin, 1px) solid var(--lwc-colorBorder, rgb(221, 219, 218))
}

.slds-accordion__list-item:first-child {
    border-top: 0
}

.slds-accordion__summary {
    display: flex
}

.slds-accordion__summary-heading {
    display: flex;
    flex-grow: 1;
    min-width: 0;
    font-size: var(--lwc-varFontSize5, 1rem);
    line-height: var(--lwc-lineHeightHeading, 1.25)
}

.slds-accordion__summary-heading .slds-button:focus {
    text-decoration: underline;
    box-shadow: none
}

.slds-accordion__summary-action {
    display: inline-flex;
    flex-grow: 1;
    align-items: center;
    min-width: 0
}

.slds-accordion__summary-action-icon {
    flex-shrink: 0;
    transform: rotate(-90deg)
}

[dir=rtl] .slds-accordion__summary-action-icon {
    transform: rotate(90deg)
}

@media (min-width: 64em) {
    .slds-accordion__summary-content {
        max-width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }
}

.slds-accordion__section {
    padding: var(--lwc-spacingSmall, 0.75rem)
}

.slds-accordion__content {
    overflow: hidden;
    visibility: hidden;
    opacity: 0;
    height: 0
}

.slds-is-open > .slds-accordion__summary {
    margin-bottom: var(--lwc-spacingSmall, 0.75rem)
}

.slds-is-open > .slds-accordion__summary .slds-accordion__summary-action-icon {
    transform: rotate(0deg)
}

.slds-is-open > .slds-accordion__content {
    overflow: visible;
    visibility: visible;
    opacity: 1;
    height: auto
}

.slds-icon-ellie {
    width: calc(14rem / 16);
    height: calc(14rem / 16);
    display: inline-block;
    overflow: hidden
}

.slds-icon-ellie.slds-is-animated {
    will-change: transform;
    animation: slds-icon-ellie-pop .3s ease-in 2s 1 both
}

.slds-icon-ellie.slds-is-animated svg {
    will-change: transform;
    animation: slds-icon-ellie 1.2s steps(20) 2.3s 2 alternate
}

.slds-icon-ellie.slds-is-paused, .slds-icon-ellie.slds-is-paused svg {
    animation-play-state: paused
}

.slds-icon-ellie svg {
    width: 17.5rem;
    vertical-align: top;
    color: #00a0e3
}

.slds-icon-ellie circle:nth-child(2n + 1) {
    fill: currentColor;
    stroke: currentColor;
    stroke-width: 4px
}

.slds-icon-ellie circle:nth-child(2n) {
    fill: #fff;
    stroke: #fff;
    stroke-width: 1px
}

.slds-icon-ellie circle:nth-child(1), .slds-icon-ellie circle:nth-last-child(2) {
    stroke-width: 4px
}

.slds-icon-ellie circle:nth-child(2), .slds-icon-ellie circle:nth-last-child(1) {
    stroke-width: 1px
}

.slds-icon-ellie circle:nth-child(3), .slds-icon-ellie circle:nth-last-child(4) {
    stroke-width: 3.95px
}

.slds-icon-ellie circle:nth-child(4), .slds-icon-ellie circle:nth-last-child(3) {
    stroke-width: 1.2px
}

.slds-icon-ellie circle:nth-child(5), .slds-icon-ellie circle:nth-last-child(6) {
    stroke-width: 3.85px
}

.slds-icon-ellie circle:nth-child(6), .slds-icon-ellie circle:nth-last-child(5) {
    stroke-width: 1.4px
}

.slds-icon-ellie circle:nth-child(7), .slds-icon-ellie circle:nth-last-child(8) {
    stroke-width: 3.6px
}

.slds-icon-ellie circle:nth-child(8), .slds-icon-ellie circle:nth-last-child(7) {
    stroke-width: 1.7px
}

.slds-icon-ellie circle:nth-child(9), .slds-icon-ellie circle:nth-last-child(10) {
    stroke-width: 3.3px
}

.slds-icon-ellie circle:nth-child(10), .slds-icon-ellie circle:nth-last-child(9) {
    stroke-width: 2px
}

.slds-icon-ellie circle:nth-child(11), .slds-icon-ellie circle:nth-last-child(12) {
    stroke-width: 3.2px
}

.slds-icon-ellie circle:nth-child(12), .slds-icon-ellie circle:nth-last-child(11) {
    stroke-width: 2.4px
}

.slds-icon-ellie circle:nth-child(13), .slds-icon-ellie circle:nth-last-child(14) {
    stroke-width: 3.15px
}

.slds-icon-ellie circle:nth-child(14), .slds-icon-ellie circle:nth-last-child(13) {
    stroke-width: 2.8px
}

.slds-icon-ellie circle:nth-child(15), .slds-icon-ellie circle:nth-last-child(16) {
    stroke-width: 3.1px
}

.slds-icon-ellie circle:nth-child(16), .slds-icon-ellie circle:nth-last-child(15) {
    stroke-width: 3.25px
}

.slds-icon-ellie circle:nth-child(17), .slds-icon-ellie circle:nth-last-child(18) {
    stroke-width: 3.05px
}

.slds-icon-ellie circle:nth-child(18), .slds-icon-ellie circle:nth-last-child(17) {
    stroke-width: 3.7px
}

.slds-icon-ellie circle:nth-child(19), .slds-icon-ellie circle:nth-last-child(20) {
    stroke-width: 3px
}

.slds-icon-ellie circle:nth-child(20), .slds-icon-ellie circle:nth-last-child(19) {
    stroke-width: 4px
}

@keyframes slds-icon-ellie-pop {
    0% {
        transform: scale(0.2)
    }
    70% {
        transform: scale(1.1)
    }
    90% {
        transform: scale(0.7)
    }
    100% {
        transform: scale(1)
    }
}

@keyframes slds-icon-ellie {
    to {
        transform: translateX(-17.5rem)
    }
}

.slds-icon-eq {
    position: relative;
    width: calc(14rem / 16);
    height: calc(14rem / 16)
}

.slds-icon-eq.slds-is-animated .slds-icon-eq__bar {
    animation: slds-icon-eq .25s ease-in-out infinite alternate;
    will-change: transform;
    height: .1875rem
}

.slds-icon-eq.slds-is-animated .slds-icon-eq__bar:nth-of-type(2) {
    animation-duration: .65s
}

.slds-icon-eq.slds-is-animated .slds-icon-eq__bar:nth-of-type(3) {
    animation-duration: .35s
}

.slds-icon-eq__bar {
    position: absolute;
    bottom: 0;
    left: 0;
    width: calc(4rem / 16);
    height: .5625rem;
    background: #0070d2;
    transform: scaleY(1);
    transform-origin: bottom
}

.slds-icon-eq__bar:nth-of-type(2) {
    left: calc(5rem / 16);
    height: .875rem
}

.slds-icon-eq__bar:nth-of-type(3) {
    left: calc(10rem / 16);
    height: .75rem
}

@keyframes slds-icon-eq {
    to {
        transform: scaleY(4.6666666667)
    }
}

.slds-icon-score {
    display: inline-block;
    width: .3125rem;
    height: .3125rem;
    position: relative
}

[class*=slds-icon-score__] {
    position: absolute;
    opacity: 0;
    transition: opacity .4s ease-in-out;
    will-change: opacity;
    stroke-width: 1.125px
}

.slds-icon-score__positive {
    fill: #30a664;
    stroke: #30a664
}

.slds-icon-score__negative {
    fill: transparent;
    stroke: #d2504c
}

[data-slds-state=positive] .slds-icon-score__positive, [data-slds-state=negative] .slds-icon-score__negative {
    opacity: 1
}

.slds-icon-strength {
    width: 1.6875rem;
    height: .4375rem;
    display: inline-block
}

.slds-icon-strength circle {
    stroke-width: .95px;
    fill: transparent;
    stroke: #ccc;
    transition: fill .4s ease-in-out, stroke .4s ease-in-out;
    will-change: fill, stroke
}

.slds-icon-strength[data-slds-strength="1"] circle:nth-child(1), .slds-icon-strength[data-slds-strength="2"] circle:nth-child(1), .slds-icon-strength[data-slds-strength="2"] circle:nth-child(2), .slds-icon-strength[data-slds-strength="3"] circle:nth-child(1), .slds-icon-strength[data-slds-strength="3"] circle:nth-child(2), .slds-icon-strength[data-slds-strength="3"] circle:nth-child(3) {
    fill: #04844b;
    stroke: #04844b
}

.slds-icon-strength[data-slds-strength="-1"] circle:nth-child(1), .slds-icon-strength[data-slds-strength="-2"] circle:nth-child(1), .slds-icon-strength[data-slds-strength="-2"] circle:nth-child(2), .slds-icon-strength[data-slds-strength="-3"] circle:nth-child(1), .slds-icon-strength[data-slds-strength="-3"] circle:nth-child(2), .slds-icon-strength[data-slds-strength="-3"] circle:nth-child(3) {
    fill: #ffdde1;
    stroke: #c23934
}

.slds-icon-strength.slds-is-animated circle {
    animation: slds-icon-strength-positive-load .4s 1s ease-in-out alternate both paused
}

.slds-icon-strength.slds-is-animated circle:nth-child(2) {
    animation-delay: 1.4s
}

.slds-icon-strength.slds-is-animated circle:nth-child(3) {
    animation-delay: 1.8s
}

.slds-icon-strength.slds-is-animated[data-slds-strength^="-"] circle {
    animation-name: slds-icon-strength-negative-load
}

.slds-icon-strength.slds-is-animated[data-slds-strength="-1"] circle:nth-child(1), .slds-icon-strength.slds-is-animated[data-slds-strength="-2"] circle:nth-child(1), .slds-icon-strength.slds-is-animated[data-slds-strength="-2"] circle:nth-child(2), .slds-icon-strength.slds-is-animated[data-slds-strength="-3"] circle:nth-child(1), .slds-icon-strength.slds-is-animated[data-slds-strength="-3"] circle:nth-child(2), .slds-icon-strength.slds-is-animated[data-slds-strength="-3"] circle:nth-child(3), .slds-icon-strength.slds-is-animated[data-slds-strength="1"] circle:nth-child(1), .slds-icon-strength.slds-is-animated[data-slds-strength="2"] circle:nth-child(1), .slds-icon-strength.slds-is-animated[data-slds-strength="2"] circle:nth-child(2), .slds-icon-strength.slds-is-animated[data-slds-strength="3"] circle:nth-child(1), .slds-icon-strength.slds-is-animated[data-slds-strength="3"] circle:nth-child(2), .slds-icon-strength.slds-is-animated[data-slds-strength="3"] circle:nth-child(3) {
    animation-play-state: running
}

.slds-icon-strength.slds-is-paused circle {
    animation-play-state: paused !important
}

@keyframes slds-icon-strength-positive-load {
    0% {
        fill: transparent;
        stroke: #ccc
    }
    100% {
        fill: #04844b;
        stroke: #04844b
    }
}

@keyframes slds-icon-strength-negative-load {
    0% {
        fill: transparent;
        stroke: #ccc
    }
    100% {
        fill: #ffdde1;
        stroke: #c23934
    }
}

.slds-icon-trend {
    width: 1rem;
    height: 1rem;
    display: inline-block
}

.slds-icon-trend.slds-is-animated .slds-icon-trend__arrow {
    animation: slds-icon-trend-arrow .8s .4s ease-in-out both
}

.slds-icon-trend.slds-is-animated .slds-icon-trend__circle {
    animation: slds-icon-trend-circle .8s ease-in-out both
}

.slds-icon-trend.slds-is-paused .slds-icon-trend__arrow, .slds-icon-trend.slds-is-paused .slds-icon-trend__circle {
    animation-play-state: paused
}

.slds-icon-trend[data-slds-trend=down] {
    color: #c23934;
    transform: rotate(45deg)
}

.slds-icon-trend[data-slds-trend=neutral] {
    color: #979797
}

.slds-icon-trend[data-slds-trend=up] {
    color: #028048;
    transform: rotate(-45deg)
}

.slds-icon-trend__arrow, .slds-icon-trend__circle {
    stroke: currentColor;
    fill: none;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.125px
}

.slds-icon-trend__arrow {
    stroke-dashoffset: .1px;
    stroke-dasharray: 39.175px
}

.slds-icon-trend__circle {
    stroke-dasharray: 42.3385px, 46.3385px
}

@keyframes slds-icon-trend-arrow {
    from {
        stroke-dashoffset: 40.3px
    }
}

@keyframes slds-icon-trend-circle {
    from {
        stroke-dasharray: .1px, 46.3385px
    }
}

.slds-icon-waffle_container {
    border: 0;
    outline: 0
}

.slds-icon-waffle_container:hover [class*=slds-r], .slds-icon-waffle_container:focus [class*=slds-r] {
    animation: slds-icon-waffle-throb 2 200ms alternate
}

.slds-icon-waffle_container:hover .slds-r1, .slds-icon-waffle_container:hover .slds-r2, .slds-icon-waffle_container:hover .slds-r3, .slds-icon-waffle_container:focus .slds-r1, .slds-icon-waffle_container:focus .slds-r2, .slds-icon-waffle_container:focus .slds-r3 {
    background-color: #418fde
}

.slds-icon-waffle_container:hover .slds-r4, .slds-icon-waffle_container:hover .slds-r5, .slds-icon-waffle_container:hover .slds-r7, .slds-icon-waffle_container:focus .slds-r4, .slds-icon-waffle_container:focus .slds-r5, .slds-icon-waffle_container:focus .slds-r7 {
    background-color: #ed8b00
}

.slds-icon-waffle_container:hover .slds-r6, .slds-icon-waffle_container:hover .slds-r8, .slds-icon-waffle_container:hover .slds-r9, .slds-icon-waffle_container:focus .slds-r6, .slds-icon-waffle_container:focus .slds-r8, .slds-icon-waffle_container:focus .slds-r9 {
    background-color: #ffb60f
}

.slds-icon-waffle_container:hover .slds-r2, .slds-icon-waffle_container:hover .slds-r4, .slds-icon-waffle_container:focus .slds-r2, .slds-icon-waffle_container:focus .slds-r4 {
    transition-delay: 50ms;
    animation-delay: 50ms
}

.slds-icon-waffle_container:hover .slds-r3, .slds-icon-waffle_container:hover .slds-r5, .slds-icon-waffle_container:hover .slds-r7, .slds-icon-waffle_container:focus .slds-r3, .slds-icon-waffle_container:focus .slds-r5, .slds-icon-waffle_container:focus .slds-r7 {
    transition-delay: 100ms;
    animation-delay: 100ms
}

.slds-icon-waffle_container:hover .slds-r6, .slds-icon-waffle_container:hover .slds-r8, .slds-icon-waffle_container:focus .slds-r6, .slds-icon-waffle_container:focus .slds-r8 {
    transition-delay: 150ms;
    animation-delay: 150ms
}

.slds-icon-waffle_container:hover .slds-r9, .slds-icon-waffle_container:focus .slds-r9 {
    transition-delay: 200ms;
    animation-delay: 200ms
}

.slds-icon-waffle {
    width: 1.3125rem;
    height: 1.3125rem;
    position: relative;
    display: block;
    cursor: pointer
}

.slds-icon-waffle [class*=slds-r] {
    width: .3125rem;
    height: .3125rem;
    background-color: var(--lwc-colorBackgroundIconWaffle, rgb(112, 110, 107));
    display: inline-block;
    position: absolute;
    border-radius: var(--lwc-borderRadiusCircle, 50%);
    transition: background-color 100ms;
    transform-origin: 50% 50%;
    will-change: scale, background-color
}

.slds-icon-waffle .slds-r1 {
    top: 0;
    left: 0
}

.slds-icon-waffle .slds-r2 {
    top: 0;
    left: .5rem
}

.slds-icon-waffle .slds-r3 {
    top: 0;
    right: 0
}

.slds-icon-waffle .slds-r4 {
    top: .5rem;
    left: 0
}

.slds-icon-waffle .slds-r5 {
    top: .5rem;
    left: .5rem
}

.slds-icon-waffle .slds-r6 {
    top: .5rem;
    right: 0
}

.slds-icon-waffle .slds-r7 {
    bottom: 0;
    left: 0
}

.slds-icon-waffle .slds-r8 {
    bottom: 0;
    left: .5rem
}

.slds-icon-waffle .slds-r9 {
    bottom: 0;
    right: 0
}

.slds-icon-waffle .slds-r1 {
    transition-delay: 200ms
}

.slds-icon-waffle .slds-r2, .slds-icon-waffle .slds-r4 {
    transition-delay: 150ms
}

.slds-icon-waffle .slds-r3, .slds-icon-waffle .slds-r5, .slds-icon-waffle .slds-r7 {
    transition-delay: 100ms
}

.slds-icon-waffle .slds-r6, .slds-icon-waffle .slds-r8 {
    transition-delay: 50ms
}

@keyframes slds-icon-waffle-throb {
    to {
        transform: scale(1.5)
    }
}

.slds-icon-help {
    width: var(--lwc-globalActionIconSize, 1.5rem);
    height: var(--lwc-globalActionIconSize, 1.5rem);
    fill: var(--lwc-fillHeaderButton, rgb(176, 173, 171))
}

.slds-icon-help:hover .slds-icon-help_hover {
    opacity: 1;
    transform: scale(1)
}

.slds-icon-help:focus {
    animation: slds-click-global-action 80ms cubic-bezier(1, 1.9, 0.94, 0.98)
}

.slds-icon-help:focus .slds-icon-help_focus {
    opacity: 1;
    transform: scale(1)
}

.slds-icon-help mask {
    mask-type: alpha
}

.slds-icon-help_hover {
    opacity: 0;
    transform: scale(0.1, 0.1);
    transform-origin: 45px 47px;
    transition: all 200ms ease-out;
    fill: var(--lwc-fillHeaderButtonHover, rgb(0, 95, 178))
}

.slds-icon-help_focus {
    opacity: 0;
    transform: scale(0.1, 0.1);
    transform-origin: 45px 47px;
    transition: all 200ms ease-out;
    fill: var(--lwc-fillHeaderButtonFocus, rgb(0, 112, 210))
}

.slds-icon-help svg {
    width: var(--lwc-globalActionIconSize, 1.5rem);
    height: var(--lwc-globalActionIconSize, 1.5rem)
}


@keyframes slds-click-global-action {
    25% {
        transform: scale(0.95, 0.95)
    }
    100% {
        transform: scale(0.98, 0.98)
    }
}

.slds-icon-typing {
    display: inline-block;
    padding: var(--lwc-spacingXxSmall, 0.25rem) 0
}

.slds-icon-typing.slds-is-animated .slds-icon-typing__dot {
    animation: slds-icon-typing__dot-first 1.2s infinite ease-in-out
}

.slds-icon-typing.slds-is-animated .slds-icon-typing__dot:nth-child(1) {
    animation-name: slds-icon-typing__dot-first
}

.slds-icon-typing.slds-is-animated .slds-icon-typing__dot:nth-child(2) {
    animation-name: slds-icon-typing__dot-second
}

.slds-icon-typing.slds-is-animated .slds-icon-typing__dot:nth-child(3) {
    animation-name: slds-icon-typing__dot-third
}

.slds-icon-typing.slds-is-paused .slds-icon-typing__dot {
    animation-play-state: paused
}

.slds-icon-typing__dot {
    background-color: var(--lwc-typingIconDotColorBackgroundGray, rgb(221, 219, 218));
    border-radius: var(--lwc-borderRadiusCircle, 50%);
    display: inline-block;
    height: var(--lwc-typingIconDotSize, .5rem);
    margin: 0 var(--lwc-spacingXxxSmall, 0.125rem);
    width: var(--lwc-typingIconDotSize, .5rem)
}

@keyframes slds-icon-typing__dot-first {
    0% {
        background-color: var(--lwc-typingIconDotColorBackgroundGray, rgb(221, 219, 218))
    }
    16% {
        background-color: var(--lwc-typingIconDotColorBackgroundGrayDark, rgb(201, 199, 197))
    }
    33%, 100% {
        background-color: var(--lwc-typingIconDotColorBackgroundGray, rgb(221, 219, 218))
    }
}

@keyframes slds-icon-typing__dot-second {
    0%, 33% {
        background-color: var(--lwc-typingIconDotColorBackgroundGray, rgb(221, 219, 218))
    }
    50% {
        background-color: var(--lwc-typingIconDotColorBackgroundGrayDark, rgb(201, 199, 197))
    }
    67%, 100% {
        background-color: var(--lwc-typingIconDotColorBackgroundGray, rgb(221, 219, 218))
    }
}

@keyframes slds-icon-typing__dot-third {
    0%, 67% {
        background-color: var(--lwc-typingIconDotColorBackgroundGray, rgb(221, 219, 218))
    }
    83% {
        background-color: var(--lwc-typingIconDotColorBackgroundGrayDark, rgb(201, 199, 197))
    }
    100% {
        background-color: var(--lwc-typingIconDotColorBackgroundGray, rgb(221, 219, 218))
    }
}

.slds-dynamic-menu__header {
    font-size: var(--lwc-fontSize4, 0.875rem);
    font-weight: var(--lwc-fontWeightBold, 700)
}

.slds-carousel {
    position: relative
}

.slds-carousel__stage {
    position: relative;
    display: flex;
    flex-direction: column;
    overflow: hidden
}

.slds-carousel__panels {
    display: flex;
    transition: transform 250ms ease-in;
    min-height: 0%
}

.slds-carousel__panel {
    flex: 0 0 100%;
    max-width: 100%
}

.slds-carousel__panel-action {
    display: block;
    border: var(--lwc-borderWidthThin, 1px) solid var(--lwc-colorBorder, rgb(221, 219, 218));
    border-radius: var(--lwc-borderRadiusMedium, 0.25rem)
}

.slds-carousel__panel-action:focus {
    outline: 0;
    box-shadow: var(--lwc-shadowButtonFocus, 0 0 3px #0070D2);
    border-color: var(--lwc-brandAccessibleActive, rgb(0, 95, 178));
    outline: 0
}

.slds-carousel__image {
    border-top-left-radius: var(--lwc-borderRadiusMedium, 0.25rem);
    border-top-right-radius: var(--lwc-borderRadiusMedium, 0.25rem);
    overflow: hidden
}

.slds-carousel__image > img {
    width: 100%
}

.slds-carousel__content {
    background: var(--lwc-carouselColorBackground, rgb(255, 255, 255));
    padding: var(--lwc-spacingSmall, 0.75rem);
    border-bottom-left-radius: var(--lwc-borderRadiusMedium, 0.25rem);
    border-bottom-right-radius: var(--lwc-borderRadiusMedium, 0.25rem);
    text-align: center;
    height: 6.625rem;
    overflow-x: hidden;
    overflow-y: auto
}

.slds-carousel__content-title {
    font-size: var(--lwc-fontSize5, 1rem);
    font-weight: 600
}

.slds-carousel__indicators {
    align-self: center;
    margin: var(--lwc-spacingXSmall, 0.5rem) 0
}

.slds-carousel__indicator {
    display: inline-flex;
    margin: 0 var(--lwc-spacingXxSmall, 0.25rem)
}

.slds-carousel__indicator-action {
    width: var(--lwc-carouselIndicatorWidth, 1rem);
    height: var(--lwc-carouselIndicatorWidth, 1rem);
    background: var(--lwc-carouselIndicatorColorBackground, rgb(255, 255, 255));
    border: var(--lwc-borderWidthThin, 1px) solid var(--lwc-colorBorder, rgb(221, 219, 218));
    border-radius: 50%
}

.slds-carousel__indicator-action.slds-is-active, .slds-carousel__indicator-action.slds-is-active:hover {
    background: var(--lwc-carouselIndicatorColorBackgroundActive, rgb(0, 112, 210));
    border-color: var(--lwc-carouselIndicatorColorBackgroundActive, rgb(0, 112, 210))
}

.slds-carousel__indicator-action:hover {
    background-color: var(--lwc-carouselIndicatorColorBackgroundHover, rgb(250, 250, 249))
}

.slds-carousel__indicator-action:focus {
    outline: 0;
    box-shadow: var(--lwc-shadowButtonFocus, 0 0 3px #0070D2);
    background-color: var(--lwc-carouselIndicatorColorBackgroundFocus, rgb(0, 95, 178));
    border-color: var(--lwc-carouselIndicatorColorBackgroundFocus, rgb(0, 95, 178));
    outline: 0
}

.slds-carousel__autoplay {
    position: absolute;
    left: 0;
    bottom: var(--lwc-spacingXxSmall, 0.25rem)
}

.slds-card_empty .slds-card__body, .slds-card--empty .slds-card__body {
    text-align: center
}

.slds-card {
    position: relative;
    padding: 0;
    background: var(--lwc-cardColorBackground, rgb(255, 255, 255));
    border: var(--lwc-borderWidthThin, 1px) solid var(--lwc-cardColorBorder, rgb(221, 219, 218));
    border-radius: var(--lwc-borderRadiusMedium, 0.25rem);
    background-clip: padding-box;
    box-shadow: var(--lwc-cardShadow, 0 2px 2px 0 rgba(0, 0, 0, 0.10))
}

.slds-card + .slds-card {
    margin-top: var(--lwc-varSpacingVerticalMedium, 1rem)
}

.slds-card__body_inner, .slds-card__body--inner {
    padding: 0 var(--lwc-varSpacingHorizontalMedium, 1rem)
}

.slds-card__header {
    padding: var(--lwc-varSpacingVerticalSmall, 0.75rem) var(--lwc-varSpacingHorizontalMedium, 1rem) 0;
    margin: 0 0 var(--lwc-varSpacingVerticalSmall, 0.75rem)
}

.slds-card__header-title {
    font-size: var(--lwc-varFontSize5, 1rem);
    line-height: var(--lwc-lineHeightHeading, 1.25)
}

.slds-card__header-link {
    color: inherit;
    font-weight: var(--lwc-cardFontWeight, 700)
}

.slds-card__body {
    margin-top: var(--lwc-varSpacingVerticalSmall, 0.75rem);
    margin-bottom: var(--lwc-varSpacingVerticalSmall, 0.75rem)
}

.slds-card__body:empty, .slds-card__footer:empty {
    display: none
}

.slds-card__footer {
    padding: var(--lwc-varSpacingVerticalSmall, 0.75rem) var(--lwc-varSpacingHorizontalMedium, 1rem);
    margin-top: var(--lwc-varSpacingVerticalSmall, 0.75rem);
    text-align: var(--lwc-cardFooterTextAlign, center);
    font-size: var(--lwc-fontSize3, 0.8125rem);
    border-top: var(--lwc-borderWidthThin, 1px) solid var(--lwc-cardFooterColorBorder, rgb(221, 219, 218))
}

.slds-card__footer-action {
    display: block
}

.slds-card__tile {
    margin-top: var(--lwc-varSpacingVerticalSmall, 0.75rem)
}

.slds-region__pinned-left .slds-card, .slds-region__pinned-left .slds-card-wrapper, .slds-region__pinned-left .slds-card_boundary, .slds-region__pinned-left .slds-tabs_card, .slds-region__pinned-right .slds-card, .slds-region__pinned-right .slds-card-wrapper, .slds-region__pinned-right .slds-card_boundary, .slds-region__pinned-right .slds-tabs_card {
    border-radius: 0;
    border: 0;
    border-bottom: var(--lwc-borderWidthThin, 1px) solid var(--lwc-colorBorder, rgb(221, 219, 218));
    box-shadow: none
}

.slds-region__pinned-left .slds-card:last-child, .slds-region__pinned-left .slds-card-wrapper:last-child, .slds-region__pinned-left .slds-card_boundary:last-child, .slds-region__pinned-left .slds-tabs_card:last-child, .slds-region__pinned-right .slds-card:last-child, .slds-region__pinned-right .slds-card-wrapper:last-child, .slds-region__pinned-right .slds-card_boundary:last-child, .slds-region__pinned-right .slds-tabs_card:last-child {
    border-bottom: 0
}

.slds-card-wrapper {
    padding: var(--lwc-varSpacingMedium, 1rem);
    background: var(--lwc-cardColorBackground, rgb(255, 255, 255));
    border: var(--lwc-borderWidthThin, 1px) solid var(--lwc-cardColorBorder, rgb(221, 219, 218));
    border-radius: var(--lwc-borderRadiusMedium, 0.25rem);
    background-clip: padding-box;
    box-shadow: var(--lwc-cardShadow, 0 2px 2px 0 rgba(0, 0, 0, 0.10))
}

.slds-card-wrapper .slds-card__header, .slds-card-wrapper .slds-card__body, .slds-card-wrapper .slds-card__footer {
    padding-left: 0;
    padding-right: 0
}

.slds-card .slds-card, .slds-card .slds-card-wrapper, .slds-card-wrapper .slds-card, .slds-card-wrapper .slds-card-wrapper, .slds-modal .slds-card, .slds-modal .slds-card-wrapper, .slds-tabs_default .slds-card, .slds-tabs_default .slds-card-wrapper, .slds-tabs--default .slds-card, .slds-tabs--default .slds-card-wrapper, .slds-tabs_card .slds-card, .slds-tabs_card .slds-card-wrapper, .slds-tabs_card.slds-tabs_card .slds-card, .slds-tabs_card.slds-tabs_card .slds-card-wrapper {
    background: var(--lwc-cardColorBackground, rgb(255, 255, 255));
    border: 0;
    box-shadow: none
}

.slds-card .slds-card_boundary, .slds-modal .slds-card_boundary, .slds-tabs_default .slds-card_boundary, .slds-tabs--default .slds-card_boundary {
    border: var(--lwc-borderWidthThin, 1px) solid var(--lwc-cardColorBorder, rgb(221, 219, 218));
    border-radius: var(--lwc-borderRadiusMedium, 0.25rem)
}

.slds-tabs_card, .slds-tabs_card.slds-tabs_card {
    background: var(--lwc-cardColorBackground, rgb(255, 255, 255));
    padding: var(--lwc-varSpacingVerticalSmall, 0.75rem) var(--lwc-varSpacingHorizontalMedium, 1rem);
    box-shadow: var(--lwc-cardShadow, 0 2px 2px 0 rgba(0, 0, 0, 0.10));
    border: var(--lwc-borderWidthThin, 1px) solid var(--lwc-cardColorBorder, rgb(221, 219, 218));
    border-radius: var(--lwc-borderRadiusMedium, 0.25rem)
}

.slds-tabs_card .slds-card, .slds-tabs_card .slds-card-wrapper, .slds-tabs_card.slds-tabs_card .slds-card, .slds-tabs_card.slds-tabs_card .slds-card-wrapper {
    padding-left: 0;
    padding-right: 0
}

.slds-tabs_card .slds-card__header, .slds-tabs_card .slds-card__body, .slds-tabs_card .slds-card__footer, .slds-tabs_card.slds-tabs_card .slds-card__header, .slds-tabs_card.slds-tabs_card .slds-card__body, .slds-tabs_card.slds-tabs_card .slds-card__footer {
    padding-left: 0;
    padding-right: 0;
    margin-left: 0;
    margin-right: 0
}

.slds-tabs_card .slds-card__header, .slds-tabs_card.slds-tabs_card .slds-card__header {
    padding-top: 0
}

.slds-tabs_card .slds-card_boundary, .slds-tabs_card.slds-tabs_card .slds-card_boundary, .slds-card-wrapper .slds-card_boundary {
    border: var(--lwc-borderWidthThin, 1px) solid var(--lwc-cardColorBorder, rgb(221, 219, 218));
    border-radius: var(--lwc-borderRadiusMedium, 0.25rem)
}

.slds-tabs_card .slds-card_boundary .slds-card__header, .slds-tabs_card.slds-tabs_card .slds-card_boundary .slds-card__header, .slds-card-wrapper .slds-card_boundary .slds-card__header {
    padding: var(--lwc-varSpacingVerticalSmall, 0.75rem) var(--lwc-varSpacingHorizontalMedium, 1rem) 0
}

.slds-tabs_card .slds-card_boundary .slds-card__body_inner, .slds-tabs_card .slds-card_boundary .slds-card__body--inner, .slds-tabs_card.slds-tabs_card .slds-card_boundary .slds-card__body_inner, .slds-tabs_card.slds-tabs_card .slds-card_boundary .slds-card__body--inner, .slds-card-wrapper .slds-card_boundary .slds-card__body_inner, .slds-card-wrapper .slds-card_boundary .slds-card__body--inner {
    padding: 0 var(--lwc-varSpacingHorizontalMedium, 1rem)
}

.slds-tabs_card .slds-card_boundary .slds-card__footer, .slds-tabs_card.slds-tabs_card .slds-card_boundary .slds-card__footer, .slds-card-wrapper .slds-card_boundary .slds-card__footer {
    padding: var(--lwc-varSpacingVerticalSmall, 0.75rem) var(--lwc-varSpacingHorizontalMedium, 1rem)
}

.slds-chat {
    margin-bottom: var(--lwc-spacingSmall, 0.75rem)
}

.slds-chat-list {
    padding: 0 var(--lwc-spacingSmall, 0.75rem)
}

.slds-chat-listitem {
    display: flex;
    margin-top: var(--lwc-spacingSmall, 0.75rem)
}

.slds-chat-listitem_outbound {
    justify-content: flex-end
}

.slds-chat-listitem_inbound + .slds-chat-listitem_inbound, .slds-chat-listitem_outbound + .slds-chat-listitem_outbound {
    margin-top: var(--lwc-spacingXxSmall, 0.25rem)
}

.slds-chat-listitem_bookend {
    margin: var(--lwc-spacingMedium, 1rem) 0;
    margin-left: calc(-1 * var(--lwc-spacingSmall, 0.75rem));
    margin-right: calc(-1 * var(--lwc-spacingSmall, 0.75rem))
}

.slds-chat-listitem_bookend + .slds-chat-listitem_bookend {
    margin-top: var(--lwc-spacingXxLarge, 3rem)
}

.slds-chat-listitem_event {
    margin: var(--lwc-spacingLarge, 1.5rem) 0
}

.slds-chat-icon {
    margin-right: var(--lwc-spacingXSmall, 0.5rem)
}

.slds-chat-message {
    display: flex
}

.slds-chat-message_faux-avatar {
    padding-left: 2.5rem
}

.slds-chat-avatar {
    margin-right: var(--lwc-spacingXSmall, 0.5rem);
    min-width: 2rem
}

.slds-chat-avatar__intials {
    background-color: var(--lwc-chatMessageColorBackgroundInbound, rgb(242, 242, 243));
    color: var(--lwc-colorTextWeak, rgb(62, 62, 60))
}

.slds-chat-avatar__intials.slds-chat-avatar__intials:hover {
    color: var(--lwc-colorTextWeak, rgb(62, 62, 60))
}

.slds-chat-message__body {
    display: flex;
    flex-direction: column
}

.slds-chat-message__image_loading {
    width: var(--lwc-sizeSmall, 15rem);
    height: 11.25rem
}

.slds-chat-message__text {
    overflow-wrap: break-word;
    word-wrap: break-word;
    word-break: break-word;
    display: inline-block;
    font-size: var(--lwc-fontSize3, 0.8125rem);
    max-width: 26.25rem;
    white-space: pre-line
}

.slds-chat-message__text a {
    color: var(--lwc-colorBrandDarker, rgb(0, 95, 178));
    text-decoration: underline
}

.slds-chat-message__text a:hover {
    text-decoration: none
}

.slds-chat-message__file {
    width: var(--lwc-sizeSmall, 15rem)
}

.slds-chat-message__file, .slds-chat-message__image {
    overflow: hidden
}

.slds-chat-message__file .slds-file:hover, .slds-chat-message__image .slds-file:hover {
    box-shadow: none;
    transition: none
}

.slds-chat-message__text_inbound, .slds-chat-message__file_inbound, .slds-chat-message__image_inbound, .slds-chat-message__text_outbound, .slds-chat-message__file_outbound, .slds-chat-message__image_outbound, .slds-chat-message__text_outbound-agent, .slds-chat-message__text_unsupported-type, .slds-chat-message__text_delivery-failure {
    border-radius: var(--lwc-borderRadiusLarge, 0.5rem) var(--lwc-borderRadiusLarge, 0.5rem) 0;
    color: var(--lwc-colorTextInverse, rgb(255, 255, 255));
    min-height: 2rem
}

.slds-chat-message__text_inbound, .slds-chat-message__text_outbound, .slds-chat-message__text_outbound-agent, .slds-chat-message__text_unsupported-type, .slds-chat-message__text_delivery-failure {
    padding: var(--lwc-spacingXSmall, 0.5rem)
}

.slds-chat-message__file_inbound, .slds-chat-message__image_inbound, .slds-chat-message__file_outbound, .slds-chat-message__image_outbound {
    padding: 0;
    border: var(--lwc-borderWidthThin, 1px) solid var(--lwc-colorBorder, rgb(221, 219, 218))
}

.slds-chat-message__file_inbound, .slds-chat-message__image_inbound, .slds-chat-message__file_outbound, .slds-chat-message__image_outbound {
    color: var(--lwc-colorTextDefault, rgb(8, 7, 7))
}

.slds-chat-message__text_inbound {
    margin-right: auto;
    background-color: var(--lwc-chatMessageColorBackgroundInbound, rgb(242, 242, 243));
    border-radius: var(--lwc-borderRadiusLarge, 0.5rem) var(--lwc-borderRadiusLarge, 0.5rem) var(--lwc-borderRadiusLarge, 0.5rem) 0;
    color: var(--lwc-colorTextDefault, rgb(8, 7, 7))
}

.slds-chat-message__image_inbound {
    background-color: var(--lwc-chatMessageColorBackgroundInbound, rgb(242, 242, 243));
    border-radius: var(--lwc-borderRadiusLarge, 0.5rem) var(--lwc-borderRadiusLarge, 0.5rem) var(--lwc-borderRadiusLarge, 0.5rem) 0
}

.slds-chat-message__file_inbound {
    border-radius: var(--lwc-borderRadiusLarge, 0.5rem) var(--lwc-borderRadiusLarge, 0.5rem) var(--lwc-borderRadiusLarge, 0.5rem) 0;
    background-color: var(--lwc-colorBackgroundAlt, rgb(255, 255, 255))
}

.slds-chat-message__text_outbound {
    margin-left: auto;
    background-color: var(--lwc-chatMessageColorBackgroundOutbound, rgb(0, 95, 178))
}

.slds-chat-message__text_outbound-agent {
    background-color: var(--lwc-chatMessageColorBackgroundOutboundAgent, rgb(107, 109, 112));
    margin-left: auto
}

.slds-chat-message__text_outbound a, .slds-chat-message__text_outbound-agent a {
    color: var(--lwc-colorTextInverse, rgb(255, 255, 255));
    text-decoration: underline
}

.slds-chat-message__text_unsupported-type {
    background-color: var(--lwc-chatMessageColorBackgroundStatus, rgb(255, 255, 255));
    border-radius: var(--lwc-borderRadiusLarge, 0.5rem) var(--lwc-borderRadiusLarge, 0.5rem) var(--lwc-borderRadiusLarge, 0.5rem) 0;
    border: var(--lwc-colorBorderWarning, rgb(255, 183, 93)) var(--lwc-borderWidthThin, 1px) solid;
    color: var(--lwc-colorTextDefault, rgb(8, 7, 7));
    margin-right: auto
}

.slds-chat-message__text_unsupported-type .slds-chat-icon.slds-icon-utility-warning .slds-icon {
    fill: var(--lwc-colorTextWarning, rgb(255, 183, 93))
}

.slds-chat-message__text_delivery-failure {
    background-color: var(--lwc-chatMessageColorBackgroundStatus, rgb(255, 255, 255));
    border: var(--lwc-colorBorderDestructive, rgb(194, 57, 52)) var(--lwc-borderWidthThin, 1px) solid;
    color: var(--lwc-colorTextDefault, rgb(8, 7, 7));
    margin-left: auto
}

.slds-chat-message__text_delivery-failure .slds-chat-message__text_delivery-failure-reason {
    display: flex;
    padding: var(--lwc-spacingXSmall, 0.5rem) var(--lwc-spacingXSmall, 0.5rem) 0;
    margin: var(--lwc-spacingXSmall, 0.5rem) -.5rem 0;
    color: var(--lwc-colorTextError, rgb(194, 57, 52));
    border-top: var(--lwc-colorBorderDestructive, rgb(194, 57, 52)) var(--lwc-borderWidthThin, 1px) solid
}

.slds-chat-message__text_delivery-failure .slds-chat-icon.slds-icon-utility-error .slds-icon {
    fill: var(--lwc-colorTextError, rgb(194, 57, 52))
}

.slds-chat-message__text_sneak-peak, .slds-chat-message__text_sneak-peek {
    font-style: italic
}

.slds-chat-message__text_sneak-peak .slds-icon-typing, .slds-chat-message__text_sneak-peek .slds-icon-typing {
    margin-right: var(--lwc-spacingXSmall, 0.5rem)
}

.slds-chat-message__meta {
    color: var(--lwc-colorTextWeak, rgb(62, 62, 60));
    font-size: var(--lwc-fontSize1, 0.625rem);
    margin: var(--lwc-spacingXxxSmall, 0.125rem) 0 0 var(--lwc-spacingXSmall, 0.5rem)
}

.slds-chat-message__action {
    font-size: var(--lwc-fontSize2, 0.75rem);
    margin-left: var(--lwc-spacingXSmall, 0.5rem);
    line-height: var(--lwc-lineHeightHeading, 1.25)
}

.slds-chat-message__action .slds-chat-icon.slds-icon-utility-redo .slds-icon {
    width: var(--lwc-squareIconSmallContent, 0.75rem);
    height: var(--lwc-squareIconSmallContent, 0.75rem);
    fill: var(--lwc-colorTextLink, rgb(0, 109, 204))
}

.slds-chat-event {
    align-items: center;
    color: var(--lwc-colorTextWeak, rgb(62, 62, 60));
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: center;
    font-size: var(--lwc-fontSize3, 0.8125rem);
    text-align: center;
    width: 100%
}

.slds-chat-event.slds-has-error {
    color: var(--lwc-colorTextError, rgb(194, 57, 52))
}

.slds-chat-event.slds-has-error svg {
    fill: var(--lwc-colorTextError, rgb(194, 57, 52))
}

.slds-chat-event__rule {
    border-top: var(--lwc-borderWidthThin, 1px) var(--lwc-colorBorder, rgb(221, 219, 218)) solid;
    height: .0625rem;
    flex-grow: 1
}

.slds-chat-event__body {
    align-items: center;
    display: flex;
    margin: 0 var(--lwc-spacingXSmall, 0.5rem)
}

.slds-chat-event__agent-message {
    flex-grow: 3;
    font-size: var(--lwc-fontSize2, 0.75rem);
    font-style: italic;
    margin-top: var(--lwc-spacingXSmall, 0.5rem);
    width: 100%
}

.slds-chat-bookend {
    align-items: center;
    border: var(--lwc-colorBorder, rgb(221, 219, 218)) 0 solid;
    border-bottom-width: var(--lwc-borderWidthThin, 1px);
    color: var(--lwc-colorTextWeak, rgb(62, 62, 60));
    display: flex;
    font-size: var(--lwc-fontSize3, 0.8125rem);
    justify-content: center;
    padding: var(--lwc-spacingXSmall, 0.5rem) var(--lwc-spacingSmall, 0.75rem);
    width: 100%
}

.slds-chat-bookend_stop {
    border-width: var(--lwc-borderWidthThin, 1px) 0 0
}

.slds-chat_past .slds-chat-listitem_event {
    margin: var(--lwc-spacingMedium, 1rem) 0
}

.slds-chat_past .slds-chat-message__meta {
    margin: var(--lwc-spacingXxSmall, 0.25rem) 0 0
}

.slds-chat_past .slds-chat-message__meta b {
    color: var(--lwc-colorTextDefault, rgb(8, 7, 7))
}

.slds-form-element {
    position: relative;
    min-width: 0
}

.slds-form-element__label {
    overflow-wrap: break-word;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    display: inline-block;
    color: var(--lwc-colorTextLabel, rgb(62, 62, 60));
    font-size: var(--lwc-formLabelFontSize, 0.75rem);
    padding-right: var(--lwc-spacingXSmall, 0.5rem);
    padding-top: var(--lwc-spacingXxSmall, 0.25rem);
    margin-bottom: var(--lwc-spacingXxxSmall, 0.125rem)
}

.slds-form-element__label:empty {
    margin: 0
}

.slds-form-element__control {
    clear: left;
    position: relative
}

.slds-form-element__control .slds-radio, .slds-form-element__control .slds-checkbox {
    display: block
}

.slds-form-element__icon {
    display: inline-block;
    position: relative;
    padding-top: var(--lwc-spacingXxSmall, 0.25rem);
    vertical-align: top;
    line-height: var(--lwc-lineHeightReset, 1);
    z-index: 1
}

.slds-form-element__icon .slds-button_icon {
    position: relative
}

.slds-form-element__help, .slds-form-element__helper {
    font-size: var(--lwc-fontSize2, 0.75rem);
    margin-top: var(--lwc-spacingXxxSmall, 0.125rem);
    display: block
}

.slds-form-element_edit .slds-form-element__static, .slds-form-element--edit .slds-form-element__static {
    width: calc(100% - var(--lwc-squareIconSmallBoundary, 1.5rem))
}

.slds-form-element_readonly {
    flex-basis: 0%;
    border-bottom: var(--lwc-borderWidthThin, 1px) solid var(--lwc-colorBorder, rgb(221, 219, 218));
    margin-bottom: 0
}

.slds-form-element_readonly .slds-form-element__control {
    padding-top: var(--lwc-spacingXxxSmall, 0.125rem);
    padding-bottom: var(--lwc-spacingXxxSmall, 0.125rem)
}

.slds-form-element_readonly .slds-form-element__label {
    margin-bottom: 0
}

.slds-form-element__legend {
    font-weight: var(--lwc-fontWeightBold, 700);
    float: left
}

.slds-form-element__addon {
    display: inline-block;
    margin: 0 var(--lwc-spacingXSmall, 0.5rem);
    align-self: center
}

.slds-form-element__static {
    overflow-wrap: break-word;
    word-wrap: break-word;
    word-break: break-word;
    display: inline-block;
    font-size: var(--lwc-inputStaticFontSize, 0.875rem);
    font-weight: var(--lwc-inputStaticFontWeight, 400);
    color: var(--lwc-inputStaticColor, rgb(8, 7, 7));
    width: 100%
}

.slds-form-element__static.slds-text-longform *:last-child {
    margin-bottom: 0
}

.slds-form-element__static:empty {
    min-height: calc(var(--lwc-varFontSize7, 1.25rem) + 1px);
    vertical-align: bottom
}

.slds-form-element__static--edit {
    width: calc(100% - var(--lwc-squareIconSmallBoundary, 1.5rem))
}

.slds-required {
    color: var(--lwc-colorTextError, rgb(194, 57, 52));
    margin: 0 var(--lwc-spacingXxxSmall, 0.125rem)
}

.slds-has-error .slds-form-element__help {
    color: var(--lwc-colorTextError, rgb(194, 57, 52))
}

.slds-input-has-icon .slds-input__icon {
    fill: var(--lwc-colorTextInputIcon, rgb(176, 173, 171))
}

.slds-input {
    background-color: var(--lwc-colorBackgroundInput, rgb(255, 255, 255));
    border: var(--lwc-borderWidthThin, 1px) solid var(--lwc-colorBorderInput, rgb(221, 219, 218));
    border-radius: var(--lwc-borderRadiusMedium, 0.25rem);
    width: 100%;
    transition: border var(--lwc-durationQuickly, 0.1s) linear, background-color var(--lwc-durationQuickly, 0.1s) linear;
    display: inline-block;
    padding: 0 var(--lwc-spacingMedium, 1rem) 0 var(--lwc-spacingSmall, 0.75rem);
    line-height: var(--lwc-heightInput, 1.875rem);
    min-height: calc(var(--lwc-heightInput, 1.875rem) + (1px * 2))
}

.slds-input:required {
    box-shadow: none
}

.slds-input:focus, .slds-input:active {
    outline: 0;
    border-color: var(--lwc-colorBorderInputActive, rgb(21, 137, 238));
    background-color: var(--lwc-colorBackgroundInputActive, rgb(255, 255, 255));
    /*box-shadow: var(--lwc-shadowButtonFocus, 0 0 4px rgba(21, 137, 238,0.18))*/
}

.slds-input[disabled], .slds-input.slds-is-disabled {
    background-color: var(--lwc-colorBackgroundInputDisabled, rgb(236, 235, 234));
    border-color: var(--lwc-colorBorderInputDisabled, rgb(201, 199, 197));
    cursor: not-allowed;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.slds-input[disabled]:focus, .slds-input[disabled]:active, .slds-input.slds-is-disabled:focus, .slds-input.slds-is-disabled:active {
    box-shadow: none
}

.slds-input[readonly] {
    padding-left: 0;
    border-color: transparent;
    background-color: transparent;
    font-size: var(--lwc-inputStaticFontSize, 0.875rem);
    font-weight: var(--lwc-inputReadonlyFontWeight, 400)
}

.slds-input[type=search]::-ms-clear {
    display: none;
    width: 0;
    height: 0
}

.slds-input[type=url], .slds-input[type=tel], .slds-input[type=email] {
    direction: ltr;
    text-align: left
}

.slds-input_bare, .slds-input--bare {
    background-color: transparent;
    border: 0;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: var(--lwc-spacingSmall, 0.75rem);
    color: var(--lwc-colorTextDefault, rgb(8, 7, 7));
    line-height: var(--lwc-heightInput, 1.875rem)
}

.slds-input_bare:focus, .slds-input_bare:active, .slds-input--bare:focus, .slds-input--bare:active {
    outline: 0;
    box-shadow: none
}

.slds-input_height, .slds-input--height {
    min-height: calc(var(--lwc-heightInput, 1.875rem) + (1px * 2))
}

.slds-input_borders {
    padding-left: var(--lwc-spacingSmall, 0.75rem);
    border-color: var(--lwc-colorBorderInput, rgb(221, 219, 218))
}

.slds-input-has-icon {
    position: relative
}

.slds-input-has-icon .slds-input__icon {
    width: var(--lwc-squareIconMediumContentAlt, 0.875rem);
    height: var(--lwc-squareIconMediumContentAlt, 0.875rem);
    position: absolute;
    top: 50%;
    margin-top: -.4375rem;
    line-height: 1;
    border: 0;
    z-index: 2;
    fill: var(--lwc-colorTextInputIcon, rgb(176, 173, 171))
}

.slds-input-has-icon .slds-input__icon:not(button) {
    pointer-events: none
}

.slds-input-has-icon_left .slds-input__icon, .slds-input-has-icon--left .slds-input__icon {
    left: var(--lwc-spacingSmall, 0.75rem)
}

.slds-input-has-icon_left .slds-input, .slds-input-has-icon_left .slds-input_bare, .slds-input-has-icon_left .slds-input--bare, .slds-input-has-icon--left .slds-input, .slds-input-has-icon--left .slds-input_bare, .slds-input-has-icon--left .slds-input--bare {
    padding-left: var(--lwc-spacingXLarge, 2rem)
}

.slds-input-has-icon_right .slds-input__icon, .slds-input-has-icon--right .slds-input__icon {
    right: var(--lwc-spacingSmall, 0.75rem)
}

.slds-input-has-icon_right .slds-input, .slds-input-has-icon_right .slds-input_bare, .slds-input-has-icon_right .slds-input--bare, .slds-input-has-icon--right .slds-input, .slds-input-has-icon--right .slds-input_bare, .slds-input-has-icon--right .slds-input--bare {
    padding-right: var(--lwc-spacingXLarge, 2rem)
}

.slds-input-has-icon_left-right .slds-input__icon_left, .slds-input-has-icon_left-right .slds-input__icon--left, .slds-input-has-icon--left-right .slds-input__icon_left, .slds-input-has-icon--left-right .slds-input__icon--left {
    left: var(--lwc-spacingSmall, 0.75rem)
}

.slds-input-has-icon_left-right .slds-input__icon_right, .slds-input-has-icon_left-right .slds-input__icon--right, .slds-input-has-icon--left-right .slds-input__icon_right, .slds-input-has-icon--left-right .slds-input__icon--right {
    right: var(--lwc-spacingSmall, 0.75rem)
}

.slds-input-has-icon_left-right .slds-input, .slds-input-has-icon_left-right .slds-input_bare, .slds-input-has-icon_left-right .slds-input--bare, .slds-input-has-icon--left-right .slds-input, .slds-input-has-icon--left-right .slds-input_bare, .slds-input-has-icon--left-right .slds-input--bare {
    padding: 0 var(--lwc-spacingXLarge, 2rem)
}

.slds-input-has-icon_group-right .slds-input, .slds-input-has-icon_group-right .slds-input_bare, .slds-input-has-icon_group-right .slds-input--bare {
    padding-right: 3.5rem
}

.slds-input__icon-group {
    position: absolute;
    height: var(--lwc-squareIconMediumContent, 1rem);
    margin-top: -.5rem
}

.slds-input__icon-group_right {
    right: 0;
    top: 50%
}

.slds-input__icon-group_right .slds-input__icon_right, .slds-input__icon-group_right .slds-input__icon--right {
    right: var(--lwc-spacingXSmall, 0.5rem)
}

.slds-input__icon-group_right .slds-input__spinner {
    right: var(--lwc-spacingLarge, 1.5rem);
    left: auto
}

.slds-input-has-fixed-addon {
    display: flex
}

.slds-input:required:focus {
    box-shadow: var(--lwc-shadowButtonFocus, 0 0 3px #0070D2)
}

.slds-has-error .slds-input {
    background-color: var(--lwc-colorBackgroundInput, rgb(255, 255, 255));
    border-color: var(--lwc-colorBorderError, rgb(194, 57, 52));
    box-shadow: var(--lwc-colorBorderError, rgb(194, 57, 52)) 0 0 0 var(--lwc-borderWidthThin, 1px) inset;
    background-clip: padding-box
}

.slds-has-error .slds-input:focus, .slds-has-error .slds-input:active {
    box-shadow: var(--lwc-colorBorderError, rgb(194, 57, 52)) 0 0 0 var(--lwc-borderWidthThin, 1px) inset, var(--lwc-shadowButtonFocus, 0 0 3px #0070D2)
}

.slds-has-error .slds-input__icon {
    fill: var(--lwc-colorTextError, rgb(194, 57, 52));
    color: var(--lwc-colorTextError, rgb(194, 57, 52))
}

.slds-input_counter {
    text-align: center;
    padding: 0 var(--lwc-spacingXxLarge, 3rem)
}

.slds-input_counter[type=number] {
    -moz-appearance: textfield
}

.slds-input_counter::-webkit-inner-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0
}

.slds-input__button_decrement {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: .75rem
}

.slds-input__button_increment {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: .75rem
}

.slds-textarea {
    background-color: var(--lwc-colorBackgroundInput, rgb(255, 255, 255));
    border: var(--lwc-borderWidthThin, 1px) solid var(--lwc-colorBorderInput, rgb(221, 219, 218));
    border-radius: var(--lwc-borderRadiusMedium, 0.25rem);
    width: 100%;
    transition: border var(--lwc-durationQuickly, 0.1s) linear, background-color var(--lwc-durationQuickly, 0.1s) linear;
    -webkit-appearance: none;
    resize: vertical;
    padding: var(--lwc-spacingXSmall, 0.5rem) var(--lwc-spacingSmall, 0.75rem)
}

.slds-textarea:required {
    box-shadow: none
}

.slds-textarea:focus, .slds-textarea:active {
    outline: 0;
    border-color: var(--lwc-colorBorderInputActive, rgb(21, 137, 238));
    background-color: var(--lwc-colorBackgroundInputActive, rgb(255, 255, 255));
    box-shadow: var(--lwc-shadowButtonFocus, 0 0 3px #0070D2)
}

.slds-textarea[disabled], .slds-textarea.slds-is-disabled {
    background-color: var(--lwc-colorBackgroundInputDisabled, rgb(236, 235, 234));
    border-color: var(--lwc-colorBorderInputDisabled, rgb(201, 199, 197));
    cursor: not-allowed;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.slds-textarea[disabled]:focus, .slds-textarea[disabled]:active, .slds-textarea.slds-is-disabled:focus, .slds-textarea.slds-is-disabled:active {
    box-shadow: none
}

.slds-has-error .slds-textarea {
    background-color: var(--lwc-colorBackgroundInput, rgb(255, 255, 255));
    border-color: var(--lwc-colorBorderError, rgb(194, 57, 52));
    box-shadow: var(--lwc-colorBorderError, rgb(194, 57, 52)) 0 0 0 var(--lwc-borderWidthThin, 1px) inset;
    background-clip: padding-box
}

.slds-has-error .slds-textarea:focus, .slds-has-error .slds-textarea:active {
    box-shadow: var(--lwc-colorBorderError, rgb(194, 57, 52)) 0 0 0 var(--lwc-borderWidthThin, 1px) inset, var(--lwc-shadowButtonFocus, 0 0 3px #0070D2)
}

.slds-radio {
    display: inline-block
}

.slds-radio .slds-radio_faux, .slds-radio .slds-radio--faux {
    width: var(--lwc-squareIconMediumContent, 1rem);
    height: var(--lwc-squareIconMediumContent, 1rem);
    display: inline-block;
    position: relative;
    vertical-align: middle;
    border: var(--lwc-borderWidthThin, 1px) solid var(--lwc-colorBorderInput, rgb(221, 219, 218));
    border-radius: var(--lwc-borderRadiusCircle, 50%);
    background: var(--lwc-colorBackgroundInput, rgb(255, 255, 255));
    transition: border var(--lwc-durationQuickly, 0.1s) linear, background-color var(--lwc-durationQuickly, 0.1s) linear
}

.slds-radio .slds-form-element__label {
    display: inline;
    vertical-align: middle;
    font-size: var(--lwc-fontSize3, 0.8125rem)
}

.slds-radio [type=radio] {
    width: 1px;
    height: 1px;
    border: 0;
    clip: rect(0 0 0 0);
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute
}

.slds-radio [type=radio]:checked + .slds-radio_faux, .slds-radio [type=radio]:checked + .slds-radio--faux, .slds-radio [type=radio]:checked ~ .slds-radio_faux, .slds-radio [type=radio]:checked ~ .slds-radio--faux, .slds-radio [type=radio]:checked + .slds-radio__label .slds-radio_faux, .slds-radio [type=radio]:checked + .slds-radio__label .slds-radio--faux {
    background: var(--lwc-colorBackgroundInput, rgb(255, 255, 255))
}

.slds-radio [type=radio]:checked + .slds-radio_faux:after, .slds-radio [type=radio]:checked + .slds-radio--faux:after, .slds-radio [type=radio]:checked ~ .slds-radio_faux:after, .slds-radio [type=radio]:checked ~ .slds-radio--faux:after, .slds-radio [type=radio]:checked + .slds-radio__label .slds-radio_faux:after, .slds-radio [type=radio]:checked + .slds-radio__label .slds-radio--faux:after {
    width: .5rem;
    height: .5rem;
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0);
    border-radius: var(--lwc-borderRadiusCircle, 50%);
    background: var(--lwc-brandAccessible, rgb(0, 112, 210))
}

.slds-radio [type=radio]:focus + .slds-radio_faux, .slds-radio [type=radio]:focus + .slds-radio--faux, .slds-radio [type=radio]:focus ~ .slds-radio_faux, .slds-radio [type=radio]:focus ~ .slds-radio--faux, .slds-radio [type=radio]:focus + .slds-radio__label .slds-radio_faux, .slds-radio [type=radio]:focus + .slds-radio__label .slds-radio--faux {
    border-color: var(--lwc-colorBorderInputActive, rgb(21, 137, 238));
    box-shadow: var(--lwc-shadowButtonFocus, 0 0 3px #0070D2)
}

.slds-radio [type=radio][disabled] {
    cursor: not-allowed;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.slds-radio [type=radio][disabled] ~ .slds-radio_faux, .slds-radio [type=radio][disabled] ~ .slds-radio--faux, .slds-radio [type=radio][disabled] + .slds-radio__label .slds-radio_faux, .slds-radio [type=radio][disabled] + .slds-radio__label .slds-radio--faux {
    background-color: var(--lwc-colorBackgroundInputDisabled, rgb(236, 235, 234));
    border-color: var(--lwc-colorBorderInputDisabled, rgb(201, 199, 197))
}

.slds-radio [type=radio][disabled] ~ .slds-radio_faux:after, .slds-radio [type=radio][disabled] ~ .slds-radio--faux:after, .slds-radio [type=radio][disabled] + .slds-radio__label .slds-radio_faux:after, .slds-radio [type=radio][disabled] + .slds-radio__label .slds-radio--faux:after {
    background: var(--lwc-colorGray8, rgb(150, 148, 146))
}

.slds-has-error .slds-radio [type=radio] + .slds-radio_faux, .slds-has-error .slds-radio [type=radio] + .slds-radio--faux, .slds-has-error .slds-radio [type=radio] ~ .slds-radio_faux, .slds-has-error .slds-radio [type=radio] ~ .slds-radio--faux, .slds-has-error .slds-radio [type=radio] + .slds-radio__label .slds-radio_faux, .slds-has-error .slds-radio [type=radio] + .slds-radio__label .slds-radio--faux {
    border-color: var(--lwc-colorBorderError, rgb(194, 57, 52));
    border-width: var(--lwc-borderWidthThick, 2px)
}

.slds-has-error .slds-radio [type=radio]:checked + .slds-radio_faux, .slds-has-error .slds-radio [type=radio]:checked + .slds-radio--faux, .slds-has-error .slds-radio [type=radio]:checked ~ .slds-radio_faux, .slds-has-error .slds-radio [type=radio]:checked ~ .slds-radio--faux, .slds-has-error .slds-radio [type=radio]:checked + .slds-radio__label .slds-radio_faux, .slds-has-error .slds-radio [type=radio]:checked + .slds-radio__label .slds-radio--faux {
    background: var(--lwc-colorBackgroundInput, rgb(255, 255, 255))
}

.slds-has-error .slds-radio [type=radio]:checked + .slds-radio_faux:after, .slds-has-error .slds-radio [type=radio]:checked + .slds-radio--faux:after, .slds-has-error .slds-radio [type=radio]:checked ~ .slds-radio_faux:after, .slds-has-error .slds-radio [type=radio]:checked ~ .slds-radio--faux:after, .slds-has-error .slds-radio [type=radio]:checked + .slds-radio__label .slds-radio_faux:after, .slds-has-error .slds-radio [type=radio]:checked + .slds-radio__label .slds-radio--faux:after {
    background: var(--lwc-colorBackgroundError, rgb(212, 80, 76))
}

.slds-form-element .slds-radio [type=radio] + .slds-radio_faux, .slds-form-element .slds-radio [type=radio] + .slds-radio--faux, .slds-form-element .slds-radio [type=radio] ~ .slds-radio_faux, .slds-form-element .slds-radio [type=radio] ~ .slds-radio--faux, .slds-radio [type=radio] + .slds-radio__label .slds-radio_faux, .slds-radio [type=radio] + .slds-radio__label .slds-radio--faux {
    margin-right: var(--lwc-spacingXSmall, 0.5rem)
}

.slds-radio_button-group, .slds-radio--button-group {
    display: inline-flex;
    border: var(--lwc-borderWidthThin, 1px) solid var(--lwc-colorBorder, rgb(221, 219, 218));
    border-radius: var(--lwc-borderRadiusMedium, 0.25rem)
}

.slds-radio_button, .slds-radio--button {
    display: flex;
    border: 0;
    border-radius: 0;
    background-clip: padding-box
}

.slds-radio_button .slds-radio_faux, .slds-radio_button .slds-radio--faux, .slds-radio--button .slds-radio_faux, .slds-radio--button .slds-radio--faux {
    padding-left: var(--lwc-spacingMedium, 1rem);
    padding-right: var(--lwc-spacingMedium, 1rem);
    text-align: center;
    vertical-align: middle
}

.slds-radio_button + .slds-radio_button, .slds-radio_button + .slds-radio--button, .slds-radio--button + .slds-radio_button, .slds-radio--button + .slds-radio--button {
    border-left: var(--lwc-borderWidthThin, 1px) solid var(--lwc-colorBorder, rgb(221, 219, 218));
    margin: 0
}

.slds-radio_button:first-child > .slds-radio_faux, .slds-radio_button:first-child > .slds-radio--faux, .slds-radio_button:first-child > .slds-radio_button__label, .slds-radio_button:first-child > .slds-radio--button__label, .slds-radio--button:first-child > .slds-radio_faux, .slds-radio--button:first-child > .slds-radio--faux, .slds-radio--button:first-child > .slds-radio_button__label, .slds-radio--button:first-child > .slds-radio--button__label {
    border-radius: var(--lwc-borderRadiusMedium, 0.25rem) 0 0 var(--lwc-borderRadiusMedium, 0.25rem)
}

.slds-radio_button:last-child > .slds-radio_faux, .slds-radio_button:last-child > .slds-radio--faux, .slds-radio_button .slds-button_last > .slds-radio_faux, .slds-radio_button .slds-button--last > .slds-radio--faux, .slds-radio_button:last-child > .slds-radio_button__label, .slds-radio_button:last-child > .slds-radio--button__label, .slds-radio--button:last-child > .slds-radio_faux, .slds-radio--button:last-child > .slds-radio--faux, .slds-radio--button .slds-button_last > .slds-radio_faux, .slds-radio--button .slds-button--last > .slds-radio--faux, .slds-radio--button:last-child > .slds-radio_button__label, .slds-radio--button:last-child > .slds-radio--button__label {
    border-radius: 0 var(--lwc-borderRadiusMedium, 0.25rem) var(--lwc-borderRadiusMedium, 0.25rem) 0
}

.slds-radio_button [type=radio], .slds-radio--button [type=radio] {
    width: 1px;
    height: 1px;
    border: 0;
    clip: rect(0 0 0 0);
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute
}

.slds-radio_button [type=radio]:checked + .slds-radio_faux, .slds-radio_button [type=radio]:checked + .slds-radio--faux, .slds-radio_button [type=radio]:checked ~ .slds-radio_faux, .slds-radio_button [type=radio]:checked ~ .slds-radio--faux, .slds-radio_button [type=radio]:checked + .slds-radio_button__label, .slds-radio_button [type=radio]:checked + .slds-radio--button__label, .slds-radio--button [type=radio]:checked + .slds-radio_faux, .slds-radio--button [type=radio]:checked + .slds-radio--faux, .slds-radio--button [type=radio]:checked ~ .slds-radio_faux, .slds-radio--button [type=radio]:checked ~ .slds-radio--faux, .slds-radio--button [type=radio]:checked + .slds-radio_button__label, .slds-radio--button [type=radio]:checked + .slds-radio--button__label {
    background-color: var(--lwc-brandAccessible, rgb(0, 112, 210));
    color: var(--lwc-colorTextButtonBrand, rgb(255, 255, 255))
}

.slds-radio_button [type=radio]:checked + .slds-radio_faux:hover, .slds-radio_button [type=radio]:checked + .slds-radio_faux:focus, .slds-radio_button [type=radio]:checked + .slds-radio--faux:hover, .slds-radio_button [type=radio]:checked + .slds-radio--faux:focus, .slds-radio_button [type=radio]:checked ~ .slds-radio_faux:hover, .slds-radio_button [type=radio]:checked ~ .slds-radio_faux:focus, .slds-radio_button [type=radio]:checked ~ .slds-radio--faux:hover, .slds-radio_button [type=radio]:checked ~ .slds-radio--faux:focus, .slds-radio_button [type=radio]:checked + .slds-radio_button__label:hover, .slds-radio_button [type=radio]:checked + .slds-radio_button__label:focus, .slds-radio_button [type=radio]:checked + .slds-radio--button__label:hover, .slds-radio_button [type=radio]:checked + .slds-radio--button__label:focus, .slds-radio--button [type=radio]:checked + .slds-radio_faux:hover, .slds-radio--button [type=radio]:checked + .slds-radio_faux:focus, .slds-radio--button [type=radio]:checked + .slds-radio--faux:hover, .slds-radio--button [type=radio]:checked + .slds-radio--faux:focus, .slds-radio--button [type=radio]:checked ~ .slds-radio_faux:hover, .slds-radio--button [type=radio]:checked ~ .slds-radio_faux:focus, .slds-radio--button [type=radio]:checked ~ .slds-radio--faux:hover, .slds-radio--button [type=radio]:checked ~ .slds-radio--faux:focus, .slds-radio--button [type=radio]:checked + .slds-radio_button__label:hover, .slds-radio--button [type=radio]:checked + .slds-radio_button__label:focus, .slds-radio--button [type=radio]:checked + .slds-radio--button__label:hover, .slds-radio--button [type=radio]:checked + .slds-radio--button__label:focus {
    background-color: var(--lwc-brandAccessibleActive, rgb(0, 95, 178))
}

.slds-radio_button [type=radio]:focus + .slds-radio_faux, .slds-radio_button [type=radio]:focus + .slds-radio--faux, .slds-radio_button [type=radio]:focus ~ .slds-radio_faux, .slds-radio_button [type=radio]:focus ~ .slds-radio--faux, .slds-radio_button [type=radio]:focus + .slds-radio_button__label, .slds-radio_button [type=radio]:focus + .slds-radio--button__label, .slds-radio--button [type=radio]:focus + .slds-radio_faux, .slds-radio--button [type=radio]:focus + .slds-radio--faux, .slds-radio--button [type=radio]:focus ~ .slds-radio_faux, .slds-radio--button [type=radio]:focus ~ .slds-radio--faux, .slds-radio--button [type=radio]:focus + .slds-radio_button__label, .slds-radio--button [type=radio]:focus + .slds-radio--button__label {
    outline: 0;
    box-shadow: var(--lwc-shadowButtonFocus, 0 0 3px #0070D2);
    z-index: var(--lwc-zIndexDefault, 1)
}

.slds-radio_button [type=radio][disabled] + .slds-radio_faux, .slds-radio_button [type=radio][disabled] + .slds-radio--faux, .slds-radio_button [type=radio][disabled] ~ .slds-radio_faux, .slds-radio_button [type=radio][disabled] ~ .slds-radio--faux, .slds-radio_button [type=radio][disabled] + .slds-radio_button__label, .slds-radio_button [type=radio][disabled] + .slds-radio--button__label, .slds-radio--button [type=radio][disabled] + .slds-radio_faux, .slds-radio--button [type=radio][disabled] + .slds-radio--faux, .slds-radio--button [type=radio][disabled] ~ .slds-radio_faux, .slds-radio--button [type=radio][disabled] ~ .slds-radio--faux, .slds-radio--button [type=radio][disabled] + .slds-radio_button__label, .slds-radio--button [type=radio][disabled] + .slds-radio--button__label {
    background-color: var(--lwc-colorBackgroundButtonDefaultDisabled, rgb(255, 255, 255));
    color: var(--lwc-colorTextButtonDefaultDisabled, rgb(221, 219, 218))
}

.slds-radio_button [type=radio][disabled] + .slds-radio_faux:hover, .slds-radio_button [type=radio][disabled] + .slds-radio_faux:focus, .slds-radio_button [type=radio][disabled] + .slds-radio--faux:hover, .slds-radio_button [type=radio][disabled] + .slds-radio--faux:focus, .slds-radio_button [type=radio][disabled] ~ .slds-radio_faux:hover, .slds-radio_button [type=radio][disabled] ~ .slds-radio_faux:focus, .slds-radio_button [type=radio][disabled] ~ .slds-radio--faux:hover, .slds-radio_button [type=radio][disabled] ~ .slds-radio--faux:focus, .slds-radio_button [type=radio][disabled] + .slds-radio_button__label:hover, .slds-radio_button [type=radio][disabled] + .slds-radio_button__label:focus, .slds-radio_button [type=radio][disabled] + .slds-radio--button__label:hover, .slds-radio_button [type=radio][disabled] + .slds-radio--button__label:focus, .slds-radio--button [type=radio][disabled] + .slds-radio_faux:hover, .slds-radio--button [type=radio][disabled] + .slds-radio_faux:focus, .slds-radio--button [type=radio][disabled] + .slds-radio--faux:hover, .slds-radio--button [type=radio][disabled] + .slds-radio--faux:focus, .slds-radio--button [type=radio][disabled] ~ .slds-radio_faux:hover, .slds-radio--button [type=radio][disabled] ~ .slds-radio_faux:focus, .slds-radio--button [type=radio][disabled] ~ .slds-radio--faux:hover, .slds-radio--button [type=radio][disabled] ~ .slds-radio--faux:focus, .slds-radio--button [type=radio][disabled] + .slds-radio_button__label:hover, .slds-radio--button [type=radio][disabled] + .slds-radio_button__label:focus, .slds-radio--button [type=radio][disabled] + .slds-radio--button__label:hover, .slds-radio--button [type=radio][disabled] + .slds-radio--button__label:focus {
    cursor: default
}

.slds-radio_button [type=radio][disabled]:checked + .slds-radio_faux, .slds-radio_button [type=radio][disabled]:checked + .slds-radio--faux, .slds-radio_button [type=radio][disabled]:checked ~ .slds-radio_faux, .slds-radio_button [type=radio][disabled]:checked ~ .slds-radio--faux, .slds-radio_button [type=radio][disabled]:checked + .slds-radio_button__label, .slds-radio_button [type=radio][disabled]:checked + .slds-radio--button__label, .slds-radio--button [type=radio][disabled]:checked + .slds-radio_faux, .slds-radio--button [type=radio][disabled]:checked + .slds-radio--faux, .slds-radio--button [type=radio][disabled]:checked ~ .slds-radio_faux, .slds-radio--button [type=radio][disabled]:checked ~ .slds-radio--faux, .slds-radio--button [type=radio][disabled]:checked + .slds-radio_button__label, .slds-radio--button [type=radio][disabled]:checked + .slds-radio--button__label {
    background-color: var(--lwc-brandDisabled, rgb(201, 199, 197));
    color: var(--lwc-colorTextButtonBrandDisabled, rgb(255, 255, 255))
}

.slds-radio_button [type=radio][disabled]:checked + .slds-radio_faux:hover, .slds-radio_button [type=radio][disabled]:checked + .slds-radio_faux:focus, .slds-radio_button [type=radio][disabled]:checked + .slds-radio--faux:hover, .slds-radio_button [type=radio][disabled]:checked + .slds-radio--faux:focus, .slds-radio_button [type=radio][disabled]:checked ~ .slds-radio_faux:hover, .slds-radio_button [type=radio][disabled]:checked ~ .slds-radio_faux:focus, .slds-radio_button [type=radio][disabled]:checked ~ .slds-radio--faux:hover, .slds-radio_button [type=radio][disabled]:checked ~ .slds-radio--faux:focus, .slds-radio_button [type=radio][disabled]:checked + .slds-radio_button__label:hover, .slds-radio_button [type=radio][disabled]:checked + .slds-radio_button__label:focus, .slds-radio_button [type=radio][disabled]:checked + .slds-radio--button__label:hover, .slds-radio_button [type=radio][disabled]:checked + .slds-radio--button__label:focus, .slds-radio--button [type=radio][disabled]:checked + .slds-radio_faux:hover, .slds-radio--button [type=radio][disabled]:checked + .slds-radio_faux:focus, .slds-radio--button [type=radio][disabled]:checked + .slds-radio--faux:hover, .slds-radio--button [type=radio][disabled]:checked + .slds-radio--faux:focus, .slds-radio--button [type=radio][disabled]:checked ~ .slds-radio_faux:hover, .slds-radio--button [type=radio][disabled]:checked ~ .slds-radio_faux:focus, .slds-radio--button [type=radio][disabled]:checked ~ .slds-radio--faux:hover, .slds-radio--button [type=radio][disabled]:checked ~ .slds-radio--faux:focus, .slds-radio--button [type=radio][disabled]:checked + .slds-radio_button__label:hover, .slds-radio--button [type=radio][disabled]:checked + .slds-radio_button__label:focus, .slds-radio--button [type=radio][disabled]:checked + .slds-radio--button__label:hover, .slds-radio--button [type=radio][disabled]:checked + .slds-radio--button__label:focus {
    cursor: default
}

.slds-radio_button__label, .slds-radio--button__label {
    background-color: var(--lwc-colorBackgroundButtonDefault, rgb(255, 255, 255))
}

.slds-radio_button__label:hover, .slds-radio_button__label:focus, .slds-radio--button__label:hover, .slds-radio--button__label:focus {
    cursor: pointer
}

.slds-checkbox {
    display: inline-block;
    position: relative
}

.slds-checkbox .slds-checkbox_faux, .slds-checkbox .slds-checkbox--faux {
    width: var(--lwc-squareIconMediumContent, 1rem);
    height: var(--lwc-squareIconMediumContent, 1rem);
    display: inline-block;
    position: relative;
    vertical-align: middle;
    border: var(--lwc-borderWidthThin, 1px) solid var(--lwc-colorBorderInput, rgb(221, 219, 218));
    border-radius: var(--lwc-borderRadiusSmall, 0.125rem);
    background: var(--lwc-colorBackgroundInput, rgb(255, 255, 255));
    transition: border var(--lwc-durationQuickly, 0.1s) linear, background-color var(--lwc-durationQuickly, 0.1s) linear
}

.slds-checkbox .slds-checkbox__label .slds-form-element__label {
    display: inline;
    vertical-align: middle;
    font-size: var(--lwc-fontSize3, 0.8125rem)
}

.slds-checkbox [type=checkbox] {
    width: 1px;
    height: 1px;
    border: 0;
    clip: rect(0 0 0 0);
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    pointer-events: auto
}

.slds-checkbox [type=checkbox]:checked + .slds-checkbox_faux:after, .slds-checkbox [type=checkbox]:checked + .slds-checkbox--faux:after, .slds-checkbox [type=checkbox]:checked ~ .slds-checkbox_faux:after, .slds-checkbox [type=checkbox]:checked ~ .slds-checkbox--faux:after, .slds-checkbox [type=checkbox]:checked + .slds-checkbox__label .slds-checkbox_faux:after, .slds-checkbox [type=checkbox]:checked + .slds-checkbox__label .slds-checkbox--faux:after {
    display: block;
    content: '';
    height: .25rem;
    width: var(--lwc-squareIconXSmallContent, 0.5rem);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0) rotate(-45deg);
    border-bottom: var(--lwc-borderWidthThick, 2px) solid var(--lwc-brandAccessible, rgb(0, 112, 210));
    border-left: var(--lwc-borderWidthThick, 2px) solid var(--lwc-brandAccessible, rgb(0, 112, 210))
}

.slds-checkbox [type=checkbox]:focus + .slds-checkbox_faux, .slds-checkbox [type=checkbox]:focus + .slds-checkbox--faux, .slds-checkbox [type=checkbox]:focus ~ .slds-checkbox_faux, .slds-checkbox [type=checkbox]:focus ~ .slds-checkbox--faux, .slds-checkbox [type=checkbox]:focus + .slds-checkbox__label .slds-checkbox_faux, .slds-checkbox [type=checkbox]:focus + .slds-checkbox__label .slds-checkbox--faux {
    content: '';
    border-color: var(--lwc-colorBorderInputActive, rgb(21, 137, 238));
    box-shadow: var(--lwc-shadowButtonFocus, 0 0 3px #0070D2)
}

.slds-checkbox [type=checkbox]:focus:checked > .slds-checkbox_faux, .slds-checkbox [type=checkbox]:focus:checked > .slds-checkbox--faux, .slds-checkbox [type=checkbox]:focus:checked ~ .slds-checkbox_faux, .slds-checkbox [type=checkbox]:focus:checked ~ .slds-checkbox--faux, .slds-checkbox [type=checkbox]:focus:checked + .slds-checkbox__label .slds-checkbox_faux, .slds-checkbox [type=checkbox]:focus:checked + .slds-checkbox__label .slds-checkbox--faux {
    border-color: var(--lwc-colorBorderInputActive, rgb(21, 137, 238));
    background-color: var(--lwc-colorBackgroundInput, rgb(255, 255, 255))
}

.slds-checkbox [type=checkbox]:indeterminate + .slds-checkbox_faux:after, .slds-checkbox [type=checkbox]:indeterminate + .slds-checkbox--faux:after, .slds-checkbox [type=checkbox]:indeterminate ~ .slds-checkbox_faux:after, .slds-checkbox [type=checkbox]:indeterminate ~ .slds-checkbox--faux:after, .slds-checkbox [type=checkbox]:indeterminate + .slds-checkbox__label .slds-checkbox_faux:after, .slds-checkbox [type=checkbox]:indeterminate + .slds-checkbox__label .slds-checkbox--faux:after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: var(--lwc-squareIconXSmallContent, 0.5rem);
    height: 2px;
    background: var(--lwc-brandAccessible, rgb(0, 112, 210));
    border: 0;
    transform: translate3d(-50%, -50%, 0)
}

.slds-checkbox [type=checkbox][disabled] + .slds-checkbox_faux, .slds-checkbox [type=checkbox][disabled] + .slds-checkbox--faux, .slds-checkbox [type=checkbox][disabled] ~ .slds-checkbox_faux, .slds-checkbox [type=checkbox][disabled] ~ .slds-checkbox--faux, .slds-checkbox [type=checkbox][disabled] + .slds-checkbox__label .slds-checkbox_faux, .slds-checkbox [type=checkbox][disabled] + .slds-checkbox__label .slds-checkbox--faux {
    background-color: var(--lwc-colorBackgroundInputDisabled, rgb(236, 235, 234));
    border-color: var(--lwc-colorBorderInputDisabled, rgb(201, 199, 197))
}

.slds-checkbox [type=checkbox][disabled] + .slds-checkbox_faux:after, .slds-checkbox [type=checkbox][disabled] + .slds-checkbox--faux:after, .slds-checkbox [type=checkbox][disabled] ~ .slds-checkbox_faux:after, .slds-checkbox [type=checkbox][disabled] ~ .slds-checkbox--faux:after, .slds-checkbox [type=checkbox][disabled] + .slds-checkbox__label .slds-checkbox_faux:after, .slds-checkbox [type=checkbox][disabled] + .slds-checkbox__label .slds-checkbox--faux:after {
    border-color: var(--lwc-colorGray8, rgb(150, 148, 146))
}

.slds-checkbox.slds-checkbox_stacked .slds-checkbox__label {
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

.slds-checkbox.slds-checkbox_stacked .slds-form-element__label {
    font-size: var(--lwc-fontSize2, 0.75rem)
}

.slds-checkbox.slds-checkbox_stacked .slds-checkbox_faux {
    order: 1;
    margin-bottom: 1px
}

.slds-checkbox.slds-checkbox_stacked .slds-required {
    float: left
}

.slds-has-error .slds-checkbox [type=checkbox] + .slds-checkbox_faux, .slds-has-error .slds-checkbox [type=checkbox] + .slds-checkbox--faux, .slds-has-error .slds-checkbox [type=checkbox] ~ .slds-checkbox_faux, .slds-has-error .slds-checkbox [type=checkbox] ~ .slds-checkbox--faux, .slds-has-error .slds-checkbox [type=checkbox] + .slds-checkbox__label .slds-checkbox_faux, .slds-has-error .slds-checkbox [type=checkbox] + .slds-checkbox__label .slds-checkbox--faux {
    border-color: var(--lwc-colorBorderError, rgb(194, 57, 52));
    border-width: var(--lwc-borderWidthThick, 2px)
}

.slds-has-error .slds-checkbox [type=checkbox]:checked + .slds-checkbox_faux, .slds-has-error .slds-checkbox [type=checkbox]:checked + .slds-checkbox--faux, .slds-has-error .slds-checkbox [type=checkbox]:checked ~ .slds-checkbox_faux, .slds-has-error .slds-checkbox [type=checkbox]:checked ~ .slds-checkbox--faux, .slds-has-error .slds-checkbox [type=checkbox]:checked + .slds-checkbox__label .slds-checkbox_faux, .slds-has-error .slds-checkbox [type=checkbox]:checked + .slds-checkbox__label .slds-checkbox--faux {
    border-color: var(--lwc-colorBorderError, rgb(194, 57, 52));
    background-color: var(--lwc-colorBackgroundInput, rgb(255, 255, 255))
}

.slds-has-error .slds-checkbox [type=checkbox]:checked + .slds-checkbox_faux:after, .slds-has-error .slds-checkbox [type=checkbox]:checked + .slds-checkbox--faux:after, .slds-has-error .slds-checkbox [type=checkbox]:checked ~ .slds-checkbox_faux:after, .slds-has-error .slds-checkbox [type=checkbox]:checked ~ .slds-checkbox--faux:after, .slds-has-error .slds-checkbox [type=checkbox]:checked + .slds-checkbox__label .slds-checkbox_faux:after, .slds-has-error .slds-checkbox [type=checkbox]:checked + .slds-checkbox__label .slds-checkbox--faux:after {
    border-color: var(--lwc-colorBackgroundError, rgb(212, 80, 76))
}

.slds-form-element .slds-checkbox [type=checkbox] + .slds-checkbox_faux, .slds-form-element .slds-checkbox [type=checkbox] + .slds-checkbox--faux, .slds-form-element .slds-checkbox [type=checkbox] ~ .slds-checkbox_faux, .slds-form-element .slds-checkbox [type=checkbox] ~ .slds-checkbox--faux, .slds-form-element .slds-checkbox [type=checkbox] + .slds-checkbox__label .slds-checkbox_faux, .slds-form-element .slds-checkbox [type=checkbox] + .slds-checkbox__label .slds-checkbox--faux {
    margin-right: var(--lwc-spacingXSmall, 0.5rem)
}

.slds-checkbox_standalone {
    pointer-events: none
}

.slds-checkbox_standalone [type=checkbox] {
    width: 1rem;
    height: 1rem;
    margin: 0;
    clip: auto;
    opacity: 0
}

.slds-checkbox_standalone .slds-checkbox_faux {
    display: block
}

.slds-checkbox_toggle, .slds-checkbox--toggle {
    width: 100%
}

.slds-checkbox_toggle .slds-checkbox_faux, .slds-checkbox_toggle .slds-checkbox--faux, .slds-checkbox--toggle .slds-checkbox_faux, .slds-checkbox--toggle .slds-checkbox--faux {
    display: block;
    position: relative;
    width: var(--lwc-widthToggle, 3rem);
    height: var(--lwc-heightToggle, 1.5rem);
    border: var(--lwc-borderWidthThin, 1px) solid var(--lwc-colorBackgroundToggle, rgb(176, 173, 171));
    padding: var(--lwc-spacingXxxSmall, 0.125rem);
    background-color: var(--lwc-colorBackgroundToggle, rgb(176, 173, 171));
    border-radius: var(--lwc-borderRadiusPill, 15rem);
    transition: background-color .2s cubic-bezier(0.75, 0, 0.08, 1)
}

.slds-checkbox_toggle .slds-checkbox_faux:hover, .slds-checkbox_toggle .slds-checkbox_faux:focus, .slds-checkbox_toggle .slds-checkbox--faux:hover, .slds-checkbox_toggle .slds-checkbox--faux:focus, .slds-checkbox--toggle .slds-checkbox_faux:hover, .slds-checkbox--toggle .slds-checkbox_faux:focus, .slds-checkbox--toggle .slds-checkbox--faux:hover, .slds-checkbox--toggle .slds-checkbox--faux:focus {
    cursor: pointer;
    background-color: var(--lwc-colorBackgroundToggleHover, rgb(150, 148, 146))
}

.slds-checkbox_toggle .slds-checkbox_faux:after, .slds-checkbox_toggle .slds-checkbox--faux:after, .slds-checkbox--toggle .slds-checkbox_faux:after, .slds-checkbox--toggle .slds-checkbox--faux:after {
    content: '';
    position: absolute;
    top: 1px;
    left: 1px;
    width: var(--lwc-squareToggleSlider, 1.25rem);
    height: var(--lwc-squareToggleSlider, 1.25rem);
    background-color: var(--lwc-colorBackgroundAlt, rgb(255, 255, 255));
    border-radius: var(--lwc-borderRadiusPill, 15rem)
}

.slds-checkbox_toggle [type=checkbox], .slds-checkbox--toggle [type=checkbox] {
    width: 1px;
    height: 1px;
    border: 0;
    clip: rect(0 0 0 0);
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute
}

.slds-checkbox_toggle [type=checkbox] + .slds-checkbox_faux_container, .slds-checkbox_toggle [type=checkbox] + .slds-checkbox--faux_container, .slds-checkbox--toggle [type=checkbox] + .slds-checkbox_faux_container, .slds-checkbox--toggle [type=checkbox] + .slds-checkbox--faux_container {
    font-size: var(--lwc-fontSize1, 0.625rem);
    color: var(--lwc-colorTextLabel, rgb(62, 62, 60))
}

.slds-checkbox_toggle [type=checkbox] + .slds-checkbox_faux_container .slds-checkbox_off, .slds-checkbox_toggle [type=checkbox] + .slds-checkbox_faux_container .slds-checkbox--off, .slds-checkbox_toggle [type=checkbox] + .slds-checkbox--faux_container .slds-checkbox_off, .slds-checkbox_toggle [type=checkbox] + .slds-checkbox--faux_container .slds-checkbox--off, .slds-checkbox--toggle [type=checkbox] + .slds-checkbox_faux_container .slds-checkbox_off, .slds-checkbox--toggle [type=checkbox] + .slds-checkbox_faux_container .slds-checkbox--off, .slds-checkbox--toggle [type=checkbox] + .slds-checkbox--faux_container .slds-checkbox_off, .slds-checkbox--toggle [type=checkbox] + .slds-checkbox--faux_container .slds-checkbox--off {
    display: block
}

.slds-checkbox_toggle [type=checkbox] + .slds-checkbox_faux_container .slds-checkbox_on, .slds-checkbox_toggle [type=checkbox] + .slds-checkbox_faux_container .slds-checkbox--on, .slds-checkbox_toggle [type=checkbox] + .slds-checkbox--faux_container .slds-checkbox_on, .slds-checkbox_toggle [type=checkbox] + .slds-checkbox--faux_container .slds-checkbox--on, .slds-checkbox--toggle [type=checkbox] + .slds-checkbox_faux_container .slds-checkbox_on, .slds-checkbox--toggle [type=checkbox] + .slds-checkbox_faux_container .slds-checkbox--on, .slds-checkbox--toggle [type=checkbox] + .slds-checkbox--faux_container .slds-checkbox_on, .slds-checkbox--toggle [type=checkbox] + .slds-checkbox--faux_container .slds-checkbox--on {
    display: none
}

.slds-checkbox_toggle [type=checkbox]:focus + .slds-checkbox_faux, .slds-checkbox_toggle [type=checkbox]:focus + .slds-checkbox--faux, .slds-checkbox_toggle [type=checkbox]:focus ~ .slds-checkbox_faux, .slds-checkbox_toggle [type=checkbox]:focus ~ .slds-checkbox--faux, .slds-checkbox_toggle [type=checkbox]:focus + .slds-checkbox_faux_container .slds-checkbox_faux, .slds-checkbox_toggle [type=checkbox]:focus + .slds-checkbox--faux_container .slds-checkbox--faux, .slds-checkbox--toggle [type=checkbox]:focus + .slds-checkbox_faux, .slds-checkbox--toggle [type=checkbox]:focus + .slds-checkbox--faux, .slds-checkbox--toggle [type=checkbox]:focus ~ .slds-checkbox_faux, .slds-checkbox--toggle [type=checkbox]:focus ~ .slds-checkbox--faux, .slds-checkbox--toggle [type=checkbox]:focus + .slds-checkbox_faux_container .slds-checkbox_faux, .slds-checkbox--toggle [type=checkbox]:focus + .slds-checkbox--faux_container .slds-checkbox--faux {
    background-color: var(--lwc-colorBackgroundToggleHover, rgb(150, 148, 146));
    border-color: var(--lwc-colorBorderInputActive, rgb(21, 137, 238));
    box-shadow: var(--lwc-shadowButtonFocus, 0 0 3px #0070D2)
}

.slds-checkbox_toggle [type=checkbox]:checked + .slds-checkbox_faux_container .slds-checkbox_off, .slds-checkbox_toggle [type=checkbox]:checked + .slds-checkbox--faux_container .slds-checkbox--off, .slds-checkbox--toggle [type=checkbox]:checked + .slds-checkbox_faux_container .slds-checkbox_off, .slds-checkbox--toggle [type=checkbox]:checked + .slds-checkbox--faux_container .slds-checkbox--off {
    display: none
}

.slds-checkbox_toggle [type=checkbox]:checked + .slds-checkbox_faux_container .slds-checkbox_on, .slds-checkbox_toggle [type=checkbox]:checked + .slds-checkbox--faux_container .slds-checkbox--on, .slds-checkbox--toggle [type=checkbox]:checked + .slds-checkbox_faux_container .slds-checkbox_on, .slds-checkbox--toggle [type=checkbox]:checked + .slds-checkbox--faux_container .slds-checkbox--on {
    display: block
}

.slds-checkbox_toggle [type=checkbox]:checked + .slds-checkbox_faux, .slds-checkbox_toggle [type=checkbox]:checked + .slds-checkbox--faux, .slds-checkbox_toggle [type=checkbox]:checked ~ .slds-checkbox_faux, .slds-checkbox_toggle [type=checkbox]:checked ~ .slds-checkbox--faux, .slds-checkbox_toggle [type=checkbox]:checked + .slds-checkbox_faux_container .slds-checkbox_faux, .slds-checkbox_toggle [type=checkbox]:checked + .slds-checkbox--faux_container .slds-checkbox--faux, .slds-checkbox--toggle [type=checkbox]:checked + .slds-checkbox_faux, .slds-checkbox--toggle [type=checkbox]:checked + .slds-checkbox--faux, .slds-checkbox--toggle [type=checkbox]:checked ~ .slds-checkbox_faux, .slds-checkbox--toggle [type=checkbox]:checked ~ .slds-checkbox--faux, .slds-checkbox--toggle [type=checkbox]:checked + .slds-checkbox_faux_container .slds-checkbox_faux, .slds-checkbox--toggle [type=checkbox]:checked + .slds-checkbox--faux_container .slds-checkbox--faux {
    border-color: var(--lwc-brandAccessible, rgb(0, 112, 210));
    background-color: var(--lwc-brandAccessible, rgb(0, 112, 210))
}

.slds-checkbox_toggle [type=checkbox]:checked + .slds-checkbox_faux:hover, .slds-checkbox_toggle [type=checkbox]:checked + .slds-checkbox_faux:focus, .slds-checkbox_toggle [type=checkbox]:checked + .slds-checkbox--faux:hover, .slds-checkbox_toggle [type=checkbox]:checked + .slds-checkbox--faux:focus, .slds-checkbox_toggle [type=checkbox]:checked ~ .slds-checkbox_faux:hover, .slds-checkbox_toggle [type=checkbox]:checked ~ .slds-checkbox_faux:focus, .slds-checkbox_toggle [type=checkbox]:checked ~ .slds-checkbox--faux:hover, .slds-checkbox_toggle [type=checkbox]:checked ~ .slds-checkbox--faux:focus, .slds-checkbox_toggle [type=checkbox]:checked + .slds-checkbox_faux_container .slds-checkbox_faux:hover, .slds-checkbox_toggle [type=checkbox]:checked + .slds-checkbox_faux_container .slds-checkbox_faux:focus, .slds-checkbox_toggle [type=checkbox]:checked + .slds-checkbox--faux_container .slds-checkbox--faux:hover, .slds-checkbox_toggle [type=checkbox]:checked + .slds-checkbox--faux_container .slds-checkbox--faux:focus, .slds-checkbox--toggle [type=checkbox]:checked + .slds-checkbox_faux:hover, .slds-checkbox--toggle [type=checkbox]:checked + .slds-checkbox_faux:focus, .slds-checkbox--toggle [type=checkbox]:checked + .slds-checkbox--faux:hover, .slds-checkbox--toggle [type=checkbox]:checked + .slds-checkbox--faux:focus, .slds-checkbox--toggle [type=checkbox]:checked ~ .slds-checkbox_faux:hover, .slds-checkbox--toggle [type=checkbox]:checked ~ .slds-checkbox_faux:focus, .slds-checkbox--toggle [type=checkbox]:checked ~ .slds-checkbox--faux:hover, .slds-checkbox--toggle [type=checkbox]:checked ~ .slds-checkbox--faux:focus, .slds-checkbox--toggle [type=checkbox]:checked + .slds-checkbox_faux_container .slds-checkbox_faux:hover, .slds-checkbox--toggle [type=checkbox]:checked + .slds-checkbox_faux_container .slds-checkbox_faux:focus, .slds-checkbox--toggle [type=checkbox]:checked + .slds-checkbox--faux_container .slds-checkbox--faux:hover, .slds-checkbox--toggle [type=checkbox]:checked + .slds-checkbox--faux_container .slds-checkbox--faux:focus {
    background-color: var(--lwc-brandAccessibleActive, rgb(0, 95, 178))
}

.slds-checkbox_toggle [type=checkbox]:checked + .slds-checkbox_faux:before, .slds-checkbox_toggle [type=checkbox]:checked + .slds-checkbox--faux:before, .slds-checkbox_toggle [type=checkbox]:checked ~ .slds-checkbox_faux:before, .slds-checkbox_toggle [type=checkbox]:checked ~ .slds-checkbox--faux:before, .slds-checkbox_toggle [type=checkbox]:checked + .slds-checkbox_faux_container .slds-checkbox_faux:before, .slds-checkbox_toggle [type=checkbox]:checked + .slds-checkbox--faux_container .slds-checkbox--faux:before, .slds-checkbox--toggle [type=checkbox]:checked + .slds-checkbox_faux:before, .slds-checkbox--toggle [type=checkbox]:checked + .slds-checkbox--faux:before, .slds-checkbox--toggle [type=checkbox]:checked ~ .slds-checkbox_faux:before, .slds-checkbox--toggle [type=checkbox]:checked ~ .slds-checkbox--faux:before, .slds-checkbox--toggle [type=checkbox]:checked + .slds-checkbox_faux_container .slds-checkbox_faux:before, .slds-checkbox--toggle [type=checkbox]:checked + .slds-checkbox--faux_container .slds-checkbox--faux:before {
    content: '';
    position: absolute;
    top: 1px;
    right: 1px;
    width: var(--lwc-squareToggleSlider, 1.25rem);
    height: var(--lwc-squareToggleSlider, 1.25rem);
    background-color: var(--lwc-colorBackgroundAlt, rgb(255, 255, 255));
    border-radius: var(--lwc-borderRadiusPill, 15rem);
    transition: transform .2s cubic-bezier(0.75, 0, 0.08, 1)
}

.slds-checkbox_toggle [type=checkbox]:checked + .slds-checkbox_faux:after, .slds-checkbox_toggle [type=checkbox]:checked + .slds-checkbox--faux:after, .slds-checkbox_toggle [type=checkbox]:checked ~ .slds-checkbox_faux:after, .slds-checkbox_toggle [type=checkbox]:checked ~ .slds-checkbox--faux:after, .slds-checkbox_toggle [type=checkbox]:checked + .slds-checkbox_faux_container .slds-checkbox_faux:after, .slds-checkbox_toggle [type=checkbox]:checked + .slds-checkbox--faux_container .slds-checkbox--faux:after, .slds-checkbox--toggle [type=checkbox]:checked + .slds-checkbox_faux:after, .slds-checkbox--toggle [type=checkbox]:checked + .slds-checkbox--faux:after, .slds-checkbox--toggle [type=checkbox]:checked ~ .slds-checkbox_faux:after, .slds-checkbox--toggle [type=checkbox]:checked ~ .slds-checkbox--faux:after, .slds-checkbox--toggle [type=checkbox]:checked + .slds-checkbox_faux_container .slds-checkbox_faux:after, .slds-checkbox--toggle [type=checkbox]:checked + .slds-checkbox--faux_container .slds-checkbox--faux:after {
    content: ' ';
    position: absolute;
    top: .25rem;
    left: .6rem;
    height: .7rem;
    width: .45rem;
    border-bottom: var(--lwc-borderWidthThick, 2px) solid var(--lwc-colorBorderToggleChecked, rgb(255, 255, 255));
    border-right: var(--lwc-borderWidthThick, 2px) solid var(--lwc-colorBorderToggleChecked, rgb(255, 255, 255));
    border-radius: 0;
    background-color: transparent;
    transform: rotate(45deg)
}

.slds-checkbox_toggle [type=checkbox]:checked:focus + .slds-checkbox_faux, .slds-checkbox_toggle [type=checkbox]:checked:focus + .slds-checkbox--faux, .slds-checkbox_toggle [type=checkbox]:checked:focus ~ .slds-checkbox_faux, .slds-checkbox_toggle [type=checkbox]:checked:focus ~ .slds-checkbox--faux, .slds-checkbox_toggle [type=checkbox]:checked:focus + .slds-checkbox_faux_container .slds-checkbox_faux, .slds-checkbox_toggle [type=checkbox]:checked:focus + .slds-checkbox--faux_container .slds-checkbox--faux, .slds-checkbox--toggle [type=checkbox]:checked:focus + .slds-checkbox_faux, .slds-checkbox--toggle [type=checkbox]:checked:focus + .slds-checkbox--faux, .slds-checkbox--toggle [type=checkbox]:checked:focus ~ .slds-checkbox_faux, .slds-checkbox--toggle [type=checkbox]:checked:focus ~ .slds-checkbox--faux, .slds-checkbox--toggle [type=checkbox]:checked:focus + .slds-checkbox_faux_container .slds-checkbox_faux, .slds-checkbox--toggle [type=checkbox]:checked:focus + .slds-checkbox--faux_container .slds-checkbox--faux {
    background-color: var(--lwc-brandAccessibleActive, rgb(0, 95, 178))
}

.slds-checkbox_toggle [type=checkbox][disabled] + .slds-checkbox_faux, .slds-checkbox_toggle [type=checkbox][disabled] + .slds-checkbox--faux, .slds-checkbox_toggle [type=checkbox][disabled] ~ .slds-checkbox_faux, .slds-checkbox_toggle [type=checkbox][disabled] ~ .slds-checkbox--faux, .slds-checkbox_toggle [type=checkbox][disabled] + .slds-checkbox_faux_container .slds-checkbox_faux, .slds-checkbox_toggle [type=checkbox][disabled] + .slds-checkbox--faux_container .slds-checkbox--faux, .slds-checkbox--toggle [type=checkbox][disabled] + .slds-checkbox_faux, .slds-checkbox--toggle [type=checkbox][disabled] + .slds-checkbox--faux, .slds-checkbox--toggle [type=checkbox][disabled] ~ .slds-checkbox_faux, .slds-checkbox--toggle [type=checkbox][disabled] ~ .slds-checkbox--faux, .slds-checkbox--toggle [type=checkbox][disabled] + .slds-checkbox_faux_container .slds-checkbox_faux, .slds-checkbox--toggle [type=checkbox][disabled] + .slds-checkbox--faux_container .slds-checkbox--faux {
    background-color: var(--lwc-colorBackgroundToggleDisabled, rgb(176, 173, 171));
    pointer-events: none
}

.slds-checkbox_toggle [type=checkbox][disabled] + .slds-checkbox_faux:after, .slds-checkbox_toggle [type=checkbox][disabled] + .slds-checkbox--faux:after, .slds-checkbox_toggle [type=checkbox][disabled] ~ .slds-checkbox_faux:after, .slds-checkbox_toggle [type=checkbox][disabled] ~ .slds-checkbox--faux:after, .slds-checkbox_toggle [type=checkbox][disabled] + .slds-checkbox_faux_container .slds-checkbox_faux:after, .slds-checkbox_toggle [type=checkbox][disabled] + .slds-checkbox--faux_container .slds-checkbox--faux:after, .slds-checkbox--toggle [type=checkbox][disabled] + .slds-checkbox_faux:after, .slds-checkbox--toggle [type=checkbox][disabled] + .slds-checkbox--faux:after, .slds-checkbox--toggle [type=checkbox][disabled] ~ .slds-checkbox_faux:after, .slds-checkbox--toggle [type=checkbox][disabled] ~ .slds-checkbox--faux:after, .slds-checkbox--toggle [type=checkbox][disabled] + .slds-checkbox_faux_container .slds-checkbox_faux:after, .slds-checkbox--toggle [type=checkbox][disabled] + .slds-checkbox--faux_container .slds-checkbox--faux:after {
    background-color: var(--lwc-colorBackgroundInputCheckboxDisabled, rgb(221, 219, 218))
}

.slds-checkbox_toggle [type=checkbox][disabled] + .slds-checkbox_faux:hover, .slds-checkbox_toggle [type=checkbox][disabled] + .slds-checkbox_faux:focus, .slds-checkbox_toggle [type=checkbox][disabled] + .slds-checkbox--faux:hover, .slds-checkbox_toggle [type=checkbox][disabled] + .slds-checkbox--faux:focus, .slds-checkbox_toggle [type=checkbox][disabled] ~ .slds-checkbox_faux:hover, .slds-checkbox_toggle [type=checkbox][disabled] ~ .slds-checkbox_faux:focus, .slds-checkbox_toggle [type=checkbox][disabled] ~ .slds-checkbox--faux:hover, .slds-checkbox_toggle [type=checkbox][disabled] ~ .slds-checkbox--faux:focus, .slds-checkbox_toggle [type=checkbox][disabled] + .slds-checkbox_faux_container .slds-checkbox_faux:hover, .slds-checkbox_toggle [type=checkbox][disabled] + .slds-checkbox_faux_container .slds-checkbox_faux:focus, .slds-checkbox_toggle [type=checkbox][disabled] + .slds-checkbox--faux_container .slds-checkbox--faux:hover, .slds-checkbox_toggle [type=checkbox][disabled] + .slds-checkbox--faux_container .slds-checkbox--faux:focus, .slds-checkbox--toggle [type=checkbox][disabled] + .slds-checkbox_faux:hover, .slds-checkbox--toggle [type=checkbox][disabled] + .slds-checkbox_faux:focus, .slds-checkbox--toggle [type=checkbox][disabled] + .slds-checkbox--faux:hover, .slds-checkbox--toggle [type=checkbox][disabled] + .slds-checkbox--faux:focus, .slds-checkbox--toggle [type=checkbox][disabled] ~ .slds-checkbox_faux:hover, .slds-checkbox--toggle [type=checkbox][disabled] ~ .slds-checkbox_faux:focus, .slds-checkbox--toggle [type=checkbox][disabled] ~ .slds-checkbox--faux:hover, .slds-checkbox--toggle [type=checkbox][disabled] ~ .slds-checkbox--faux:focus, .slds-checkbox--toggle [type=checkbox][disabled] + .slds-checkbox_faux_container .slds-checkbox_faux:hover, .slds-checkbox--toggle [type=checkbox][disabled] + .slds-checkbox_faux_container .slds-checkbox_faux:focus, .slds-checkbox--toggle [type=checkbox][disabled] + .slds-checkbox--faux_container .slds-checkbox--faux:hover, .slds-checkbox--toggle [type=checkbox][disabled] + .slds-checkbox--faux_container .slds-checkbox--faux:focus {
    background-color: var(--lwc-colorBackgroundToggleDisabled, rgb(176, 173, 171));
    cursor: default
}

.slds-checkbox_toggle [type=checkbox][disabled]:checked + .slds-checkbox_faux_container .slds-checkbox_faux:before, .slds-checkbox_toggle [type=checkbox][disabled]:checked + .slds-checkbox--faux_container .slds-checkbox--faux:before, .slds-checkbox--toggle [type=checkbox][disabled]:checked + .slds-checkbox_faux_container .slds-checkbox_faux:before, .slds-checkbox--toggle [type=checkbox][disabled]:checked + .slds-checkbox--faux_container .slds-checkbox--faux:before {
    background-color: var(--lwc-colorBackgroundInputCheckboxDisabled, rgb(221, 219, 218))
}

.slds-checkbox_toggle [type=checkbox][disabled]:checked + .slds-checkbox_faux_container .slds-checkbox_faux:after, .slds-checkbox_toggle [type=checkbox][disabled]:checked + .slds-checkbox--faux_container .slds-checkbox--faux:after, .slds-checkbox--toggle [type=checkbox][disabled]:checked + .slds-checkbox_faux_container .slds-checkbox_faux:after, .slds-checkbox--toggle [type=checkbox][disabled]:checked + .slds-checkbox--faux_container .slds-checkbox--faux:after {
    background-color: transparent
}

.slds-checkbox_add-button .slds-checkbox_faux, .slds-checkbox_add-button .slds-checkbox--faux, .slds-checkbox--add-button .slds-checkbox_faux, .slds-checkbox--add-button .slds-checkbox--faux {
    width: var(--lwc-squareIconMediumBoundary, 2rem);
    height: var(--lwc-squareIconMediumBoundary, 2rem);
    position: relative;
    display: inline-block;
    border: var(--lwc-borderWidthThin, 1px) solid var(--lwc-colorBorderButtonDefault, rgb(221, 219, 218));
    border-radius: var(--lwc-borderRadiusMedium, 0.25rem);
    background-color: var(--lwc-colorBackgroundInput, rgb(255, 255, 255));
    cursor: pointer
}

.slds-checkbox_add-button .slds-checkbox_faux:before, .slds-checkbox_add-button .slds-checkbox_faux:after, .slds-checkbox_add-button .slds-checkbox--faux:before, .slds-checkbox_add-button .slds-checkbox--faux:after, .slds-checkbox--add-button .slds-checkbox_faux:before, .slds-checkbox--add-button .slds-checkbox_faux:after, .slds-checkbox--add-button .slds-checkbox--faux:before, .slds-checkbox--add-button .slds-checkbox--faux:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: .875rem;
    width: .125rem;
    margin: auto;
    background: var(--lwc-brandAccessible, rgb(0, 112, 210))
}

.slds-checkbox_add-button .slds-checkbox_faux:after, .slds-checkbox_add-button .slds-checkbox--faux:after, .slds-checkbox--add-button .slds-checkbox_faux:after, .slds-checkbox--add-button .slds-checkbox--faux:after {
    width: .875rem;
    height: .125rem
}

.slds-checkbox_add-button .slds-checkbox_faux:hover:not([disabled]), .slds-checkbox_add-button .slds-checkbox_faux:focus:not([disabled]), .slds-checkbox_add-button .slds-checkbox--faux:hover:not([disabled]), .slds-checkbox_add-button .slds-checkbox--faux:focus:not([disabled]), .slds-checkbox--add-button .slds-checkbox_faux:hover:not([disabled]), .slds-checkbox--add-button .slds-checkbox_faux:focus:not([disabled]), .slds-checkbox--add-button .slds-checkbox--faux:hover:not([disabled]), .slds-checkbox--add-button .slds-checkbox--faux:focus:not([disabled]) {
    border: var(--lwc-borderWidthThin, 1px) solid var(--lwc-colorBorderButtonDefault, rgb(221, 219, 218));
    background-color: var(--lwc-colorBackgroundButtonDefaultHover, rgb(244, 246, 249))
}

.slds-checkbox_add-button .slds-checkbox_faux:active, .slds-checkbox_add-button .slds-checkbox--faux:active, .slds-checkbox--add-button .slds-checkbox_faux:active, .slds-checkbox--add-button .slds-checkbox--faux:active {
    background-color: var(--lwc-colorBackgroundButtonDefaultActive, rgb(238, 241, 246))
}

.slds-checkbox_add-button [type=checkbox]:checked ~ .slds-checkbox_faux, .slds-checkbox_add-button [type=checkbox]:checked ~ .slds-checkbox--faux, .slds-checkbox_add-button [type=checkbox]:checked + .slds-checkbox_faux, .slds-checkbox_add-button [type=checkbox]:checked + .slds-checkbox--faux, .slds-checkbox--add-button [type=checkbox]:checked ~ .slds-checkbox_faux, .slds-checkbox--add-button [type=checkbox]:checked ~ .slds-checkbox--faux, .slds-checkbox--add-button [type=checkbox]:checked + .slds-checkbox_faux, .slds-checkbox--add-button [type=checkbox]:checked + .slds-checkbox--faux {
    border-color: transparent;
    background: var(--lwc-colorBrandDarker, rgb(0, 95, 178))
}

.slds-checkbox_add-button [type=checkbox]:checked ~ .slds-checkbox_faux:before, .slds-checkbox_add-button [type=checkbox]:checked ~ .slds-checkbox_faux:after, .slds-checkbox_add-button [type=checkbox]:checked ~ .slds-checkbox--faux:before, .slds-checkbox_add-button [type=checkbox]:checked ~ .slds-checkbox--faux:after, .slds-checkbox_add-button [type=checkbox]:checked + .slds-checkbox_faux:before, .slds-checkbox_add-button [type=checkbox]:checked + .slds-checkbox_faux:after, .slds-checkbox_add-button [type=checkbox]:checked + .slds-checkbox--faux:before, .slds-checkbox_add-button [type=checkbox]:checked + .slds-checkbox--faux:after, .slds-checkbox--add-button [type=checkbox]:checked ~ .slds-checkbox_faux:before, .slds-checkbox--add-button [type=checkbox]:checked ~ .slds-checkbox_faux:after, .slds-checkbox--add-button [type=checkbox]:checked ~ .slds-checkbox--faux:before, .slds-checkbox--add-button [type=checkbox]:checked ~ .slds-checkbox--faux:after, .slds-checkbox--add-button [type=checkbox]:checked + .slds-checkbox_faux:before, .slds-checkbox--add-button [type=checkbox]:checked + .slds-checkbox_faux:after, .slds-checkbox--add-button [type=checkbox]:checked + .slds-checkbox--faux:before, .slds-checkbox--add-button [type=checkbox]:checked + .slds-checkbox--faux:after {
    background: var(--lwc-colorBackgroundAlt, rgb(255, 255, 255))
}

.slds-checkbox_add-button [type=checkbox]:checked ~ .slds-checkbox_faux:before, .slds-checkbox_add-button [type=checkbox]:checked ~ .slds-checkbox--faux:before, .slds-checkbox_add-button [type=checkbox]:checked + .slds-checkbox_faux:before, .slds-checkbox_add-button [type=checkbox]:checked + .slds-checkbox--faux:before, .slds-checkbox--add-button [type=checkbox]:checked ~ .slds-checkbox_faux:before, .slds-checkbox--add-button [type=checkbox]:checked ~ .slds-checkbox--faux:before, .slds-checkbox--add-button [type=checkbox]:checked + .slds-checkbox_faux:before, .slds-checkbox--add-button [type=checkbox]:checked + .slds-checkbox--faux:before {
    left: .3125rem;
    width: .125rem;
    height: 1rem;
    transform: rotate(40deg)
}

.slds-checkbox_add-button [type=checkbox]:checked ~ .slds-checkbox_faux:after, .slds-checkbox_add-button [type=checkbox]:checked ~ .slds-checkbox--faux:after, .slds-checkbox_add-button [type=checkbox]:checked + .slds-checkbox_faux:after, .slds-checkbox_add-button [type=checkbox]:checked + .slds-checkbox--faux:after, .slds-checkbox--add-button [type=checkbox]:checked ~ .slds-checkbox_faux:after, .slds-checkbox--add-button [type=checkbox]:checked ~ .slds-checkbox--faux:after, .slds-checkbox--add-button [type=checkbox]:checked + .slds-checkbox_faux:after, .slds-checkbox--add-button [type=checkbox]:checked + .slds-checkbox--faux:after {
    top: .3125rem;
    left: -.625rem;
    width: .5625rem;
    height: .125rem;
    transform: rotate(40deg)
}

.slds-checkbox_add-button [type=checkbox]:focus ~ .slds-checkbox_faux, .slds-checkbox_add-button [type=checkbox]:focus ~ .slds-checkbox--faux, .slds-checkbox_add-button [type=checkbox]:focus + .slds-checkbox_faux, .slds-checkbox_add-button [type=checkbox]:focus + .slds-checkbox--faux, .slds-checkbox--add-button [type=checkbox]:focus ~ .slds-checkbox_faux, .slds-checkbox--add-button [type=checkbox]:focus ~ .slds-checkbox--faux, .slds-checkbox--add-button [type=checkbox]:focus + .slds-checkbox_faux, .slds-checkbox--add-button [type=checkbox]:focus + .slds-checkbox--faux {
    outline: 0;
    box-shadow: var(--lwc-shadowButtonFocus, 0 0 3px #0070D2);
    border-color: var(--lwc-colorBorderInputActive, rgb(21, 137, 238))
}

.slds-checkbox_add-button [type=checkbox][disabled] ~ .slds-checkbox_faux, .slds-checkbox_add-button [type=checkbox][disabled] ~ .slds-checkbox--faux, .slds-checkbox_add-button [type=checkbox][disabled] + .slds-checkbox_faux, .slds-checkbox_add-button [type=checkbox][disabled] + .slds-checkbox--faux, .slds-checkbox--add-button [type=checkbox][disabled] ~ .slds-checkbox_faux, .slds-checkbox--add-button [type=checkbox][disabled] ~ .slds-checkbox--faux, .slds-checkbox--add-button [type=checkbox][disabled] + .slds-checkbox_faux, .slds-checkbox--add-button [type=checkbox][disabled] + .slds-checkbox--faux {
    background-color: var(--lwc-colorBackgroundButtonBrandDisabled, rgb(224, 229, 238));
    border-color: var(--lwc-colorBorderButtonBrandDisabled, rgba(0, 0, 0, 0));
    color: var(--lwc-colorTextButtonBrandDisabled, rgb(255, 255, 255));
    cursor: default
}

.slds-checkbox_add-button [type=checkbox][disabled] ~ .slds-checkbox_faux:before, .slds-checkbox_add-button [type=checkbox][disabled] ~ .slds-checkbox_faux:after, .slds-checkbox_add-button [type=checkbox][disabled] ~ .slds-checkbox--faux:before, .slds-checkbox_add-button [type=checkbox][disabled] ~ .slds-checkbox--faux:after, .slds-checkbox_add-button [type=checkbox][disabled] + .slds-checkbox_faux:before, .slds-checkbox_add-button [type=checkbox][disabled] + .slds-checkbox_faux:after, .slds-checkbox_add-button [type=checkbox][disabled] + .slds-checkbox--faux:before, .slds-checkbox_add-button [type=checkbox][disabled] + .slds-checkbox--faux:after, .slds-checkbox--add-button [type=checkbox][disabled] ~ .slds-checkbox_faux:before, .slds-checkbox--add-button [type=checkbox][disabled] ~ .slds-checkbox_faux:after, .slds-checkbox--add-button [type=checkbox][disabled] ~ .slds-checkbox--faux:before, .slds-checkbox--add-button [type=checkbox][disabled] ~ .slds-checkbox--faux:after, .slds-checkbox--add-button [type=checkbox][disabled] + .slds-checkbox_faux:before, .slds-checkbox--add-button [type=checkbox][disabled] + .slds-checkbox_faux:after, .slds-checkbox--add-button [type=checkbox][disabled] + .slds-checkbox--faux:before, .slds-checkbox--add-button [type=checkbox][disabled] + .slds-checkbox--faux:after {
    background: var(--lwc-colorGray8, rgb(150, 148, 146))
}

.slds-checkbox_add-button [type=checkbox][disabled]:checked ~ .slds-checkbox_faux, .slds-checkbox_add-button [type=checkbox][disabled]:checked + .slds-checkbox_faux, .slds-checkbox--add-button [type=checkbox][disabled]:checked ~ .slds-checkbox_faux, .slds-checkbox--add-button [type=checkbox][disabled]:checked + .slds-checkbox_faux {
    background-color: var(--lwc-colorBackgroundAlt, rgb(255, 255, 255))
}

.slds-checkbox-button {
    width: var(--lwc-squareIconMediumBoundary, 2rem);
    height: var(--lwc-squareIconMediumBoundary, 2rem);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: var(--lwc-borderWidthThin, 1px) solid var(--lwc-buttonColorBorderPrimary, rgb(221, 219, 218));
    border-radius: var(--lwc-buttonBorderRadius, .25rem);
    color: var(--lwc-colorBrandDarker, rgb(0, 95, 178));
    cursor: pointer
}

.slds-checkbox-button_is-checked {
    background-color: var(--lwc-colorBrandDarker, rgb(0, 95, 178));
    border-color: transparent;
    color: var(--lwc-colorTextBrandPrimary, rgb(255, 255, 255))
}

.slds-checkbox-button_is-disabled {
    background-color: var(--lwc-colorBackgroundButtonDefaultDisabled, rgb(255, 255, 255));
    border-color: var(--lwc-buttonColorBorderPrimary, rgb(221, 219, 218));
    color: var(--lwc-colorTextIconDefaultDisabled, rgb(221, 219, 218));
    cursor: default
}

.slds-checkbox-button_is-disabled.slds-checkbox-button_is-checked {
    background-color: var(--lwc-colorBackgroundButtonBrandDisabled, rgb(224, 229, 238));
    border-color: var(--lwc-colorBorderButtonBrandDisabled, rgba(0, 0, 0, 0));
    color: var(--lwc-colorTextButtonBrandDisabled, rgb(255, 255, 255))
}

.slds-checkbox-button_is-focused {
    outline: 0;
    box-shadow: var(--lwc-shadowButtonFocus, 0 0 3px #0070D2);
    border-color: var(--lwc-colorBorderInputActive, rgb(21, 137, 238))
}

.slds-checkbox_button-group, .slds-checkbox--button-group {
    display: inline-flex;
    background-color: var(--lwc-buttonColorBackgroundPrimary, rgb(255, 255, 255));
    border: var(--lwc-borderWidthThin, 1px) solid var(--lwc-colorBorder, rgb(221, 219, 218));
    border-radius: var(--lwc-borderRadiusMedium, 0.25rem)
}

.slds-checkbox_button, .slds-checkbox--button {
    display: flex;
    border: 0;
    border-radius: 0;
    background-clip: padding-box
}

.slds-checkbox_button .slds-checkbox_faux, .slds-checkbox_button .slds-checkbox--faux, .slds-checkbox--button .slds-checkbox_faux, .slds-checkbox--button .slds-checkbox--faux {
    padding-left: var(--lwc-spacingMedium, 1rem);
    padding-right: var(--lwc-spacingMedium, 1rem);
    text-align: center;
    vertical-align: middle;
    position: relative;
    background-color: var(--lwc-colorBackgroundButtonDefault, rgb(255, 255, 255));
    transition: border var(--lwc-durationQuickly, 0.1s) linear, background-color var(--lwc-durationQuickly, 0.1s) linear
}

.slds-checkbox_button .slds-checkbox_faux:hover, .slds-checkbox_button .slds-checkbox_faux:focus, .slds-checkbox_button .slds-checkbox--faux:hover, .slds-checkbox_button .slds-checkbox--faux:focus, .slds-checkbox--button .slds-checkbox_faux:hover, .slds-checkbox--button .slds-checkbox_faux:focus, .slds-checkbox--button .slds-checkbox--faux:hover, .slds-checkbox--button .slds-checkbox--faux:focus {
    cursor: pointer;
    background-color: var(--lwc-colorBackgroundButtonDefaultHover, rgb(244, 246, 249))
}

.slds-checkbox_button .slds-checkbox_button__label .slds-checkbox_faux, .slds-checkbox_button .slds-checkbox--button__label .slds-checkbox--faux, .slds-checkbox_button [type=checkbox]:checked + .slds-checkbox--button__label .slds-checkbox--faux, .slds-checkbox--button .slds-checkbox_button__label .slds-checkbox_faux, .slds-checkbox--button .slds-checkbox--button__label .slds-checkbox--faux, .slds-checkbox--button [type=checkbox]:checked + .slds-checkbox--button__label .slds-checkbox--faux {
    background-color: transparent
}

.slds-checkbox_button + .slds-checkbox_button, .slds-checkbox_button + .slds-checkbox--button, .slds-checkbox--button + .slds-checkbox_button, .slds-checkbox--button + .slds-checkbox--button {
    border-left: var(--lwc-borderWidthThin, 1px) solid var(--lwc-colorBorder, rgb(221, 219, 218));
    border-radius: 0;
    margin: 0
}

.slds-checkbox_button:first-child > .slds-checkbox_faux, .slds-checkbox_button:first-child > .slds-checkbox--faux, .slds-checkbox_button:first-child > .slds-checkbox_button__label, .slds-checkbox_button:first-child > .slds-checkbox--button__label, .slds-checkbox--button:first-child > .slds-checkbox_faux, .slds-checkbox--button:first-child > .slds-checkbox--faux, .slds-checkbox--button:first-child > .slds-checkbox_button__label, .slds-checkbox--button:first-child > .slds-checkbox--button__label {
    border-radius: var(--lwc-borderRadiusMedium, 0.25rem) 0 0 var(--lwc-borderRadiusMedium, 0.25rem)
}

.slds-checkbox_button:last-child > .slds-checkbox_faux, .slds-checkbox_button:last-child > .slds-checkbox--faux, .slds-checkbox_button .slds-button_last > .slds-checkbox_faux, .slds-checkbox_button .slds-button--last > .slds-checkbox--faux, .slds-checkbox_button:last-child > .slds-checkbox_button__label, .slds-checkbox_button:last-child > .slds-checkbox--button__label, .slds-checkbox--button:last-child > .slds-checkbox_faux, .slds-checkbox--button:last-child > .slds-checkbox--faux, .slds-checkbox--button .slds-button_last > .slds-checkbox_faux, .slds-checkbox--button .slds-button--last > .slds-checkbox--faux, .slds-checkbox--button:last-child > .slds-checkbox_button__label, .slds-checkbox--button:last-child > .slds-checkbox--button__label {
    border-radius: 0 var(--lwc-borderRadiusMedium, 0.25rem) var(--lwc-borderRadiusMedium, 0.25rem) 0
}

.slds-checkbox_button [type=checkbox], .slds-checkbox--button [type=checkbox] {
    width: 1px;
    height: 1px;
    border: 0;
    clip: rect(0 0 0 0);
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute
}

.slds-checkbox_button [type=checkbox]:checked + .slds-checkbox_faux, .slds-checkbox_button [type=checkbox]:checked + .slds-checkbox--faux, .slds-checkbox_button [type=checkbox]:checked ~ .slds-checkbox_faux, .slds-checkbox_button [type=checkbox]:checked ~ .slds-checkbox--faux, .slds-checkbox_button [type=checkbox]:checked + .slds-checkbox_button__label, .slds-checkbox_button [type=checkbox]:checked + .slds-checkbox--button__label, .slds-checkbox--button [type=checkbox]:checked + .slds-checkbox_faux, .slds-checkbox--button [type=checkbox]:checked + .slds-checkbox--faux, .slds-checkbox--button [type=checkbox]:checked ~ .slds-checkbox_faux, .slds-checkbox--button [type=checkbox]:checked ~ .slds-checkbox--faux, .slds-checkbox--button [type=checkbox]:checked + .slds-checkbox_button__label, .slds-checkbox--button [type=checkbox]:checked + .slds-checkbox--button__label {
    background-color: var(--lwc-brandAccessible, rgb(0, 112, 210));
    color: var(--lwc-colorTextButtonBrand, rgb(255, 255, 255))
}

.slds-checkbox_button [type=checkbox]:checked + .slds-checkbox_faux:hover, .slds-checkbox_button [type=checkbox]:checked + .slds-checkbox_faux:focus, .slds-checkbox_button [type=checkbox]:checked + .slds-checkbox--faux:hover, .slds-checkbox_button [type=checkbox]:checked + .slds-checkbox--faux:focus, .slds-checkbox_button [type=checkbox]:checked ~ .slds-checkbox_faux:hover, .slds-checkbox_button [type=checkbox]:checked ~ .slds-checkbox_faux:focus, .slds-checkbox_button [type=checkbox]:checked ~ .slds-checkbox--faux:hover, .slds-checkbox_button [type=checkbox]:checked ~ .slds-checkbox--faux:focus, .slds-checkbox_button [type=checkbox]:checked + .slds-checkbox_button__label:hover, .slds-checkbox_button [type=checkbox]:checked + .slds-checkbox_button__label:focus, .slds-checkbox_button [type=checkbox]:checked + .slds-checkbox--button__label:hover, .slds-checkbox_button [type=checkbox]:checked + .slds-checkbox--button__label:focus, .slds-checkbox--button [type=checkbox]:checked + .slds-checkbox_faux:hover, .slds-checkbox--button [type=checkbox]:checked + .slds-checkbox_faux:focus, .slds-checkbox--button [type=checkbox]:checked + .slds-checkbox--faux:hover, .slds-checkbox--button [type=checkbox]:checked + .slds-checkbox--faux:focus, .slds-checkbox--button [type=checkbox]:checked ~ .slds-checkbox_faux:hover, .slds-checkbox--button [type=checkbox]:checked ~ .slds-checkbox_faux:focus, .slds-checkbox--button [type=checkbox]:checked ~ .slds-checkbox--faux:hover, .slds-checkbox--button [type=checkbox]:checked ~ .slds-checkbox--faux:focus, .slds-checkbox--button [type=checkbox]:checked + .slds-checkbox_button__label:hover, .slds-checkbox--button [type=checkbox]:checked + .slds-checkbox_button__label:focus, .slds-checkbox--button [type=checkbox]:checked + .slds-checkbox--button__label:hover, .slds-checkbox--button [type=checkbox]:checked + .slds-checkbox--button__label:focus {
    background-color: var(--lwc-brandAccessibleActive, rgb(0, 95, 178))
}

.slds-checkbox_button [type=checkbox]:focus + .slds-checkbox_faux, .slds-checkbox_button [type=checkbox]:focus + .slds-checkbox--faux, .slds-checkbox_button [type=checkbox]:focus ~ .slds-checkbox_faux, .slds-checkbox_button [type=checkbox]:focus ~ .slds-checkbox--faux, .slds-checkbox_button [type=checkbox]:focus + .slds-checkbox_button__label, .slds-checkbox_button [type=checkbox]:focus + .slds-checkbox--button__label, .slds-checkbox--button [type=checkbox]:focus + .slds-checkbox_faux, .slds-checkbox--button [type=checkbox]:focus + .slds-checkbox--faux, .slds-checkbox--button [type=checkbox]:focus ~ .slds-checkbox_faux, .slds-checkbox--button [type=checkbox]:focus ~ .slds-checkbox--faux, .slds-checkbox--button [type=checkbox]:focus + .slds-checkbox_button__label, .slds-checkbox--button [type=checkbox]:focus + .slds-checkbox--button__label {
    outline: 0;
    box-shadow: var(--lwc-shadowButtonFocus, 0 0 3px #0070D2);
    z-index: var(--lwc-zIndexDefault, 1)
}

.slds-checkbox_button [type=checkbox][disabled] + .slds-checkbox_faux, .slds-checkbox_button [type=checkbox][disabled] + .slds-checkbox--faux, .slds-checkbox_button [type=checkbox][disabled] ~ .slds-checkbox_faux, .slds-checkbox_button [type=checkbox][disabled] ~ .slds-checkbox--faux, .slds-checkbox_button [type=checkbox][disabled] + .slds-checkbox_button__label, .slds-checkbox_button [type=checkbox][disabled] + .slds-checkbox--button__label, .slds-checkbox--button [type=checkbox][disabled] + .slds-checkbox_faux, .slds-checkbox--button [type=checkbox][disabled] + .slds-checkbox--faux, .slds-checkbox--button [type=checkbox][disabled] ~ .slds-checkbox_faux, .slds-checkbox--button [type=checkbox][disabled] ~ .slds-checkbox--faux, .slds-checkbox--button [type=checkbox][disabled] + .slds-checkbox_button__label, .slds-checkbox--button [type=checkbox][disabled] + .slds-checkbox--button__label {
    background-color: var(--lwc-colorBackgroundButtonDefaultDisabled, rgb(255, 255, 255));
    color: var(--lwc-colorTextButtonDefaultDisabled, rgb(221, 219, 218));
    cursor: default
}

.slds-checkbox_button [type=checkbox][disabled]:checked + .slds-checkbox_faux, .slds-checkbox_button [type=checkbox][disabled]:checked + .slds-checkbox--faux, .slds-checkbox_button [type=checkbox][disabled]:checked ~ .slds-checkbox_faux, .slds-checkbox_button [type=checkbox][disabled]:checked ~ .slds-checkbox--faux, .slds-checkbox_button [type=checkbox][disabled]:checked + .slds-checkbox_button__label, .slds-checkbox_button [type=checkbox][disabled]:checked + .slds-checkbox--button__label, .slds-checkbox--button [type=checkbox][disabled]:checked + .slds-checkbox_faux, .slds-checkbox--button [type=checkbox][disabled]:checked + .slds-checkbox--faux, .slds-checkbox--button [type=checkbox][disabled]:checked ~ .slds-checkbox_faux, .slds-checkbox--button [type=checkbox][disabled]:checked ~ .slds-checkbox--faux, .slds-checkbox--button [type=checkbox][disabled]:checked + .slds-checkbox_button__label, .slds-checkbox--button [type=checkbox][disabled]:checked + .slds-checkbox--button__label {
    background-color: var(--lwc-brandDisabled, rgb(201, 199, 197));
    color: var(--lwc-colorTextButtonBrandDisabled, rgb(255, 255, 255));
    cursor: default
}

.slds-select {
    background-color: var(--lwc-colorBackgroundInput, rgb(255, 255, 255));
    border: var(--lwc-borderWidthThin, 1px) solid var(--lwc-colorBorderInput, rgb(221, 219, 218));
    border-radius: var(--lwc-borderRadiusMedium, 0.25rem);
    width: 100%;
    transition: border var(--lwc-durationQuickly, 0.1s) linear, background-color var(--lwc-durationQuickly, 0.1s) linear;
    height: calc(var(--lwc-heightInput, 1.875rem) + (1px * 2))
}

.slds-select:required {
    box-shadow: none
}

.slds-select:focus, .slds-select:active {
    outline: 0;
    border-color: var(--lwc-colorBorderInputActive, rgb(21, 137, 238));
    background-color: var(--lwc-colorBackgroundInputActive, rgb(255, 255, 255));
    box-shadow: var(--lwc-shadowButtonFocus, 0 0 3px #0070D2)
}

.slds-select[disabled], .slds-select.slds-is-disabled {
    background-color: var(--lwc-colorBackgroundInputDisabled, rgb(236, 235, 234));
    border-color: var(--lwc-colorBorderInputDisabled, rgb(201, 199, 197));
    cursor: not-allowed;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.slds-select[disabled]:focus, .slds-select[disabled]:active, .slds-select.slds-is-disabled:focus, .slds-select.slds-is-disabled:active {
    box-shadow: none
}

.slds-select[size], .slds-select[multiple] {
    min-height: calc(var(--lwc-heightInput, 1.875rem) + (1px * 2));
    height: inherit
}

.slds-select[size] option, .slds-select[multiple] option {
    padding: var(--lwc-spacingXSmall, 0.5rem)
}

.slds-select_container {
    position: relative
}

.slds-select_container .slds-select {
    -moz-appearance: none;
    -webkit-appearance: none;
    padding-left: var(--lwc-spacingXSmall, 0.5rem);
    padding-right: var(--lwc-spacingLarge, 1.5rem)
}

.slds-select_container .slds-select::-ms-expand {
    display: none
}

.slds-select_container:before, .slds-select_container:after {
    position: absolute;
    content: '';
    display: block;
    right: var(--lwc-spacingXSmall, 0.5rem);
    width: 0;
    height: 0;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    pointer-events: none
}

.slds-select_container:before {
    border-bottom: 5px solid var(--lwc-colorBackgroundInverse, rgb(6, 28, 63));
    top: calc((1.75rem / 2) - 6px)
}

.slds-select_container:after {
    border-top: 5px solid var(--lwc-colorBackgroundInverse, rgb(6, 28, 63));
    bottom: calc((1.75rem / 2) - 6px)
}

.slds-has-error .slds-select {
    background-color: var(--lwc-colorBackgroundInput, rgb(255, 255, 255));
    border-color: var(--lwc-colorBorderError, rgb(194, 57, 52));
    box-shadow: var(--lwc-colorBorderError, rgb(194, 57, 52)) 0 0 0 var(--lwc-borderWidthThin, 1px) inset;
    background-clip: padding-box
}

.slds-has-error .slds-select:focus, .slds-has-error .slds-select:active {
    box-shadow: var(--lwc-colorBorderError, rgb(194, 57, 52)) 0 0 0 var(--lwc-borderWidthThin, 1px) inset, var(--lwc-shadowButtonFocus, 0 0 3px #0070D2)
}

.slds-form_inline .slds-form-element, .slds-form_inline .slds-form-element__label, .slds-form_inline .slds-form-element__control, .slds-form--inline .slds-form-element, .slds-form--inline .slds-form-element__label, .slds-form--inline .slds-form-element__control {
    display: block
}

.slds-form_inline .slds-form-element + .slds-form-element, .slds-form--inline .slds-form-element + .slds-form-element {
    margin-top: var(--lwc-spacingSmall, 0.75rem)
}

@media (min-width: 30em) {
    .slds-form_inline .slds-form-element, .slds-form--inline .slds-form-element {
        margin-right: var(--lwc-spacingXSmall, 0.5rem)
    }

    .slds-form_inline .slds-form-element + .slds-form-element, .slds-form--inline .slds-form-element + .slds-form-element {
        margin-top: 0
    }

    .slds-form_inline .slds-form-element, .slds-form_inline .slds-form-element__label, .slds-form_inline .slds-form-element__control, .slds-form--inline .slds-form-element, .slds-form--inline .slds-form-element__label, .slds-form--inline .slds-form-element__control {
        display: inline-block;
        vertical-align: middle;
        margin-bottom: 0
    }
}

.slds-form-element__legend_has-tooltip {
    float: left
}

.slds-form_compound .slds-form-element__control, .slds-form--compound .slds-form-element__control {
    position: relative
}

.slds-form_compound .slds-form-element__control + .slds-form-element__control, .slds-form--compound .slds-form-element__control + .slds-form-element__control {
    padding-left: var(--lwc-spacingXSmall, 0.5rem)
}

.slds-form_compound, .slds-form--compound {
    width: 100%
}

.slds-form_compound .slds-form-element__row, .slds-form--compound .slds-form-element__row {
    display: flex;
    margin-bottom: var(--lwc-spacingXxSmall, 0.25rem)
}

.slds-form_compound .slds-form-element__row + .slds-form-element__row, .slds-form--compound .slds-form-element__row + .slds-form-element__row {
    clear: both
}

.slds-form_compound .slds-form-element__row .slds-form-element, .slds-form--compound .slds-form-element__row .slds-form-element {
    margin-bottom: 0
}

.slds-form_compound .slds-form-element__row .slds-form-element + .slds-form-element, .slds-form--compound .slds-form-element__row .slds-form-element + .slds-form-element {
    padding-left: var(--lwc-spacingXSmall, 0.5rem);
    margin-top: 0
}

.slds-form_compound .slds-form-element__row .slds-form-element__label, .slds-form--compound .slds-form-element__row .slds-form-element__label {
    padding-top: 0
}

.slds-form-element_address .slds-form-element__row {
    align-items: flex-end
}

.slds-form-element_stacked, .slds-form_stacked .slds-form-element, .slds-form_horizontal .slds-form-element_stacked {
    display: block
}

.slds-form-element_stacked:not(.slds-form-element_readonly), .slds-form_stacked .slds-form-element:not(.slds-form-element_readonly), .slds-form_horizontal .slds-form-element_stacked:not(.slds-form-element_readonly) {
    margin-bottom: var(--lwc-spacingXSmall, 0.5rem)
}

.slds-form-element_stacked:not(.slds-is-editing), .slds-form_stacked .slds-form-element:not(.slds-is-editing), .slds-form_horizontal .slds-form-element_stacked:not(.slds-is-editing) {
    padding: 0 var(--lwc-spacingXxSmall, 0.25rem)
}

.slds-form-element_stacked .slds-form-element, .slds-form_stacked .slds-form-element .slds-form-element, .slds-form_horizontal .slds-form-element_stacked .slds-form-element {
    padding: 0;
    margin-bottom: 0
}

.slds-form-element_stacked:not([class*="slds-size"]), .slds-form_stacked .slds-form-element:not([class*="slds-size"]), .slds-form_horizontal .slds-form-element_stacked:not([class*="slds-size"]) {
    width: 100%;
    flex-basis: 100%
}

.slds-form-element_stacked .slds-checkbox, .slds-form-element_stacked .slds-radio, .slds-form_stacked .slds-form-element .slds-checkbox, .slds-form_stacked .slds-form-element .slds-radio, .slds-form_horizontal .slds-form-element_stacked .slds-checkbox, .slds-form_horizontal .slds-form-element_stacked .slds-radio {
    display: block
}

.slds-form-element_stacked .slds-form-element__label, .slds-form-element_stacked .slds-form-element__control, .slds-form_stacked .slds-form-element .slds-form-element__label, .slds-form_stacked .slds-form-element .slds-form-element__control, .slds-form_horizontal .slds-form-element_stacked .slds-form-element__label, .slds-form_horizontal .slds-form-element_stacked .slds-form-element__control {
    border-bottom: 0;
    padding-left: 0
}

.slds-form-element_stacked .slds-form-element__control, .slds-form_stacked .slds-form-element .slds-form-element__control, .slds-form_horizontal .slds-form-element_stacked .slds-form-element__control {
    width: 100%;
    flex-basis: 100%;
    clear: left
}

.slds-form-element_stacked .slds-form-element__icon, .slds-form_stacked .slds-form-element .slds-form-element__icon, .slds-form_horizontal .slds-form-element_stacked .slds-form-element__icon {
    float: none;
    padding-top: var(--lwc-spacingXxSmall, 0.25rem)
}

.slds-form-element_horizontal, .slds-form_horizontal .slds-form-element, .slds-form_stacked .slds-form-element_horizontal {
    display: block
}

.slds-form-element_horizontal:not(.slds-form-element_readonly), .slds-form_horizontal .slds-form-element:not(.slds-form-element_readonly), .slds-form_stacked .slds-form-element_horizontal:not(.slds-form-element_readonly) {
    margin-bottom: var(--lwc-spacingXSmall, 0.5rem)
}

.slds-form-element_horizontal:not([class*="slds-size"]), .slds-form_horizontal .slds-form-element:not([class*="slds-size"]), .slds-form_stacked .slds-form-element_horizontal:not([class*="slds-size"]) {
    width: 100%;
    flex-basis: 100%
}

.slds-form-element_horizontal:not(.slds-is-editing), .slds-form_horizontal .slds-form-element:not(.slds-is-editing), .slds-form_stacked .slds-form-element_horizontal:not(.slds-is-editing) {
    padding: var(--lwc-varSpacingXxSmall, 0.25rem) var(--lwc-spacingXxSmall, 0.25rem)
}

.slds-form-element_horizontal .slds-form-element, .slds-form_horizontal .slds-form-element .slds-form-element, .slds-form_stacked .slds-form-element_horizontal .slds-form-element {
    padding: 0;
    margin-bottom: 0
}

.slds-form-element_horizontal.slds-is-edited, .slds-form_horizontal .slds-form-element.slds-is-edited, .slds-form_stacked .slds-form-element_horizontal.slds-is-edited {
    padding-top: var(--lwc-squareIconUtilityMedium, 1.25rem)
}

@media (min-width: 48em) {
    .slds-form-element_horizontal.slds-form-element_1-col .slds-form-element__label, .slds-form_horizontal .slds-form-element.slds-form-element_1-col .slds-form-element__label, .slds-form_stacked .slds-form-element_horizontal.slds-form-element_1-col .slds-form-element__label {
        max-width: calc((50% - 33.333%) - var(--lwc-squareIconUtilityMedium, 1.25rem))
    }

    .slds-form-element_horizontal.slds-form-element_1-col .slds-form-element__control, .slds-form_horizontal .slds-form-element.slds-form-element_1-col .slds-form-element__control, .slds-form_stacked .slds-form-element_horizontal.slds-form-element_1-col .slds-form-element__control {
        padding-left: calc((50% - 33.333%) - (0.25rem * 2))
    }
}

@media (min-width: 48em) {
    .slds-form-element_horizontal .slds-form-element__label, .slds-form_horizontal .slds-form-element .slds-form-element__label, .slds-form_stacked .slds-form-element_horizontal .slds-form-element__label {
        float: left;
        max-width: calc(33% - var(--lwc-squareIconUtilityMedium, 1.25rem));
        flex-basis: calc(33% - var(--lwc-squareIconUtilityMedium, 1.25rem));
        margin-bottom: 0;
        position: relative;
        z-index: 1
    }

    .slds-form-element_horizontal .slds-form-element__control, .slds-form_horizontal .slds-form-element .slds-form-element__control, .slds-form_stacked .slds-form-element_horizontal .slds-form-element__control {
        padding-left: 33%;
        clear: none
    }

    .slds-form-element_horizontal .slds-form-element__control .slds-form-element__control, .slds-form_horizontal .slds-form-element .slds-form-element__control .slds-form-element__control, .slds-form_stacked .slds-form-element_horizontal .slds-form-element__control .slds-form-element__control {
        padding-left: 0
    }

    .slds-form-element_horizontal .slds-form-element__icon, .slds-form_horizontal .slds-form-element .slds-form-element__icon, .slds-form_stacked .slds-form-element_horizontal .slds-form-element__icon {
        float: left;
        padding-top: var(--lwc-spacingXxSmall, 0.25rem)
    }

    .slds-form-element_horizontal .slds-checkbox_standalone, .slds-form_horizontal .slds-form-element .slds-checkbox_standalone, .slds-form_stacked .slds-form-element_horizontal .slds-checkbox_standalone {
        padding: var(--lwc-spacingXxSmall, 0.25rem) 0
    }

    .slds-form-element_horizontal .slds-checkbox:not(.slds-checkbox_stacked) .slds-form-element__label, .slds-form-element_horizontal .slds-radio .slds-form-element__label, .slds-form_horizontal .slds-form-element .slds-checkbox:not(.slds-checkbox_stacked) .slds-form-element__label, .slds-form_horizontal .slds-form-element .slds-radio .slds-form-element__label, .slds-form_stacked .slds-form-element_horizontal .slds-checkbox:not(.slds-checkbox_stacked) .slds-form-element__label, .slds-form_stacked .slds-form-element_horizontal .slds-radio .slds-form-element__label {
        position: relative;
        float: none;
        max-width: 100%;
        width: auto
    }

    .slds-form-element_horizontal .slds-form-element__row .slds-form-element__label, .slds-form-element_horizontal .slds-form-element__row .slds-form-element__control, .slds-form-element_horizontal .slds-dueling-list__column .slds-form-element__label, .slds-form_horizontal .slds-form-element .slds-form-element__row .slds-form-element__label, .slds-form_horizontal .slds-form-element .slds-form-element__row .slds-form-element__control, .slds-form_horizontal .slds-form-element .slds-dueling-list__column .slds-form-element__label, .slds-form_stacked .slds-form-element_horizontal .slds-form-element__row .slds-form-element__label, .slds-form_stacked .slds-form-element_horizontal .slds-form-element__row .slds-form-element__control, .slds-form_stacked .slds-form-element_horizontal .slds-dueling-list__column .slds-form-element__label {
        width: auto;
        max-width: 100%;
        flex-basis: auto;
        float: none;
        position: relative;
        padding-left: 0;
        margin-bottom: 0
    }

    .slds-form-element_horizontal .slds-dueling-list, .slds-form_horizontal .slds-form-element .slds-dueling-list, .slds-form_stacked .slds-form-element_horizontal .slds-dueling-list {
        clear: none
    }

    .slds-form-element_horizontal .slds-input-has-icon_left .slds-input__icon, .slds-form_horizontal .slds-form-element .slds-input-has-icon_left .slds-input__icon, .slds-form_stacked .slds-form-element_horizontal .slds-input-has-icon_left .slds-input__icon {
        left: calc(33% + var(--lwc-spacingSmall, 0.75rem))
    }

    .slds-form-element_horizontal .slds-input-has-icon_left-right .slds-input__icon_left, .slds-form_horizontal .slds-form-element .slds-input-has-icon_left-right .slds-input__icon_left, .slds-form_stacked .slds-form-element_horizontal .slds-input-has-icon_left-right .slds-input__icon_left {
        left: calc(33% + var(--lwc-spacingSmall, 0.75rem))
    }
}

.slds-form-element_compound .slds-form-element__row {
    display: flex;
    margin-bottom: var(--lwc-spacingXxSmall, 0.25rem);
    margin-left: calc(-1 * var(--lwc-spacingXxSmall, 0.25rem));
    margin-right: calc(-1 * var(--lwc-spacingXxSmall, 0.25rem))
}

.slds-form-element_compound .slds-form-element__row .slds-form-element__label {
    padding-top: 0
}

.slds-form-element_compound .slds-form-element {
    padding-left: var(--lwc-spacingXxSmall, 0.25rem);
    padding-right: var(--lwc-spacingXxSmall, 0.25rem)
}

.slds-form-element_address .slds-form-element__row {
    align-items: flex-end
}

.slds-form__row {
    display: flex;
    flex-wrap: wrap;
    margin-left: calc(-1 * var(--lwc-spacingSmall, 0.75rem));
    margin-right: calc(-1 * var(--lwc-spacingSmall, 0.75rem))
}

.slds-form__item {
    display: flex;
    flex: 1 1 0%;
    min-width: 280px;
    padding-left: var(--lwc-spacingSmall, 0.75rem);
    padding-right: var(--lwc-spacingSmall, 0.75rem)
}

.slds-is-edited {
    background: var(--lwc-colorBackgroundHighlight, rgb(250, 255, 189))
}

.slds-is-edited .slds-form-element__undo {
    top: calc(-1 * var(--lwc-squareIconUtilityMedium, 1.25rem));
    right: var(--lwc-spacingXxSmall, 0.25rem)
}

.slds-form-element__undo {
    position: absolute;
    top: 0;
    right: 0
}

.slds-docked-form-footer {
    display: flex;
    justify-content: center;
    padding: var(--lwc-spacingXSmall, 0.5rem) 0;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background: var(--lwc-colorBackground, rgb(243, 242, 242));
    box-shadow: var(--lwc-shadowDocked, 0 -2px 2px 0 rgba(0, 0, 0, 0.16));
    z-index: var(--lwc-zIndexOverlay, 8000)
}

.slds-slider {
    display: flex;
    position: relative
}

.slds-slider__range {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%;
    background: transparent;
    border-radius: var(--lwc-borderRadiusSmall, 0.125rem)
}

.slds-slider__range:focus {
    outline: 0
}

.slds-slider__range::-webkit-slider-thumb {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: var(--lwc-sliderHandleSize, 1rem);
    height: var(--lwc-sliderHandleSize, 1rem);
    border-radius: 50%;
    background: var(--lwc-brandAccessible, rgb(0, 112, 210));
    border: 0;
    box-shadow: var(--lwc-sliderHandleShadow, rgba(0, 0, 0, 0.16) 0 2px 3px);
    cursor: pointer;
    transition: background .15s ease-in-out;
    margin-top: calc(((1rem / 2) - (4px / 2)) * -1)
}

.slds-slider__range::-webkit-slider-thumb:hover {
    background-color: var(--lwc-brandAccessibleActive, rgb(0, 95, 178))
}

.slds-slider__range::-webkit-slider-runnable-track {
    width: 100%;
    height: var(--lwc-sliderTrackHeight, 4px);
    cursor: pointer;
    background: var(--lwc-sliderTrackColorBackground, rgb(236, 235, 234));
    border-radius: var(--lwc-borderRadiusSmall, 0.125rem)
}

.slds-slider__range::-moz-range-thumb {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: var(--lwc-sliderHandleSize, 1rem);
    height: var(--lwc-sliderHandleSize, 1rem);
    border-radius: 50%;
    background: var(--lwc-brandAccessible, rgb(0, 112, 210));
    border: 0;
    box-shadow: var(--lwc-sliderHandleShadow, rgba(0, 0, 0, 0.16) 0 2px 3px);
    cursor: pointer;
    transition: background .15s ease-in-out
}

.slds-slider__range::-moz-range-thumb:hover {
    background-color: var(--lwc-brandAccessibleActive, rgb(0, 95, 178))
}

.slds-slider__range::-moz-range-track {
    width: 100%;
    height: var(--lwc-sliderTrackHeight, 4px);
    cursor: pointer;
    background: var(--lwc-sliderTrackColorBackground, rgb(236, 235, 234));
    border-radius: var(--lwc-borderRadiusSmall, 0.125rem)
}

.slds-slider__range::-ms-track {
    width: 100%;
    height: var(--lwc-sliderTrackHeight, 4px);
    cursor: pointer;
    background: var(--lwc-sliderTrackColorBackground, rgb(236, 235, 234));
    border-radius: var(--lwc-borderRadiusSmall, 0.125rem);
    border-color: transparent;
    color: transparent;
    cursor: pointer
}

.slds-slider__range::-ms-thumb {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: var(--lwc-sliderHandleSize, 1rem);
    height: var(--lwc-sliderHandleSize, 1rem);
    border-radius: 50%;
    background: var(--lwc-brandAccessible, rgb(0, 112, 210));
    border: 0;
    box-shadow: var(--lwc-sliderHandleShadow, rgba(0, 0, 0, 0.16) 0 2px 3px);
    cursor: pointer;
    transition: background .15s ease-in-out;
    margin-top: calc(var(--lwc-sliderTrackHeight, 4px) / 4)
}

.slds-slider__range::-ms-thumb:hover {
    background-color: var(--lwc-brandAccessibleActive, rgb(0, 95, 178))
}

.slds-slider__range:focus::-webkit-slider-thumb {
    background-color: var(--lwc-brandAccessibleActive, rgb(0, 95, 178));
    box-shadow: var(--lwc-shadowButtonFocus, 0 0 3px #0070D2)
}

.slds-slider__range:active::-webkit-slider-thumb {
    background-color: var(--lwc-brandAccessibleActive, rgb(0, 95, 178))
}

.slds-slider__range:focus::-moz-range-thumb {
    background-color: var(--lwc-brandAccessibleActive, rgb(0, 95, 178));
    box-shadow: var(--lwc-shadowButtonFocus, 0 0 3px #0070D2)
}

.slds-slider__range:active::-moz-range-thumb {
    background-color: var(--lwc-brandAccessibleActive, rgb(0, 95, 178))
}

.slds-slider__range[disabled]::-webkit-slider-thumb {
    background-color: var(--lwc-sliderColorBackgroundDisabled, rgb(236, 235, 234));
    cursor: default
}

.slds-slider__range[disabled]::-webkit-slider-runnable-track {
    background-color: var(--lwc-sliderColorBackgroundDisabled, rgb(236, 235, 234));
    cursor: default
}

.slds-slider__range[disabled]::-moz-range-thumb {
    background-color: var(--lwc-sliderColorBackgroundDisabled, rgb(236, 235, 234));
    cursor: default
}

.slds-slider__range[disabled]::-moz-range-track {
    background-color: var(--lwc-sliderColorBackgroundDisabled, rgb(236, 235, 234))
}

.slds-slider__range[disabled]::-ms-thumb {
    background-color: var(--lwc-sliderColorBackgroundDisabled, rgb(236, 235, 234));
    cursor: default
}

.slds-slider__range[disabled]::-ms-track {
    background-color: var(--lwc-sliderColorBackgroundDisabled, rgb(236, 235, 234));
    cursor: default
}

.slds-slider__value {
    padding: 0 var(--lwc-spacingXSmall, 0.5rem)
}

.slds-slider-label__label {
    display: block
}

.slds-slider_vertical {
    height: 13.875rem
}

.slds-slider_vertical .slds-slider__range {
    width: var(--lwc-sizeXSmall, 12rem);
    height: var(--lwc-sliderHandleSize, 1rem);
    transform: rotate(-90deg);
    transform-origin: 6rem 6rem
}

.slds-slider_vertical .slds-slider__value {
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 0
}

.slds-file-selector {
    display: inline-flex
}

.slds-file-selector__dropzone {
    padding: var(--lwc-spacingXxxSmall, 0.125rem);
    border: var(--lwc-borderWidthThin, 1px) dashed var(--lwc-colorBorder, rgb(221, 219, 218));
    border-radius: var(--lwc-borderRadiusMedium, 0.25rem)
}

.slds-file-selector__dropzone.slds-has-drag-over {
    outline: 0;
    border-color: var(--lwc-colorBorderInputActive, rgb(21, 137, 238));
    box-shadow: var(--lwc-shadowButtonFocus, 0 0 3px #0070D2);
    border-style: solid
}

.slds-file-selector__input:focus ~ .slds-file-selector__body > .slds-file-selector__button {
    box-shadow: var(--lwc-shadowButtonFocus, 0 0 3px #0070D2)
}

.slds-file-selector__input[disabled] ~ .slds-file-selector__body {
    color: var(--lwc-colorTextButtonDefaultDisabled, rgb(221, 219, 218))
}

.slds-file-selector__input[disabled] ~ .slds-file-selector__body > .slds-file-selector__button {
    background: var(--lwc-colorBackgroundButtonBrandDisabled, rgb(224, 229, 238));
    border-color: var(--lwc-colorBorderButtonBrandDisabled, rgba(0, 0, 0, 0));
    color: var(--lwc-colorTextButtonBrandDisabled, rgb(255, 255, 255))
}

.slds-file-selector__input[disabled] ~ .slds-file-selector__body > .slds-file-selector__body-icon {
    fill: currentColor
}

.slds-file-selector__button {
    display: inline-flex;
    align-items: center
}

.slds-file-selector_files .slds-file-selector__body, .slds-file-selector--files .slds-file-selector__body {
    display: flex;
    align-items: center
}

.slds-file-selector_files .slds-file-selector__text, .slds-file-selector--files .slds-file-selector__text {
    margin-left: var(--lwc-spacingXSmall, 0.5rem);
    margin-right: var(--lwc-spacingSmall, 0.75rem)
}

.slds-file-selector_images, .slds-file-selector--images {
    display: block
}

.slds-file-selector_images .slds-file-selector__dropzone, .slds-file-selector--images .slds-file-selector__dropzone {
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    margin: auto;
    padding: var(--lwc-spacingMedium, 1rem)
}

.slds-file-selector_images .slds-file-selector__body, .slds-file-selector--images .slds-file-selector__body {
    text-align: center
}

.slds-file-selector_images .slds-file-selector__text, .slds-file-selector--images .slds-file-selector__text {
    margin-top: var(--lwc-varSpacingHorizontalSmall, 0.75rem)
}

.slds-file-selector_integrated, .slds-file-selector--integrated {
    width: 100%;
    height: 100%;
    position: relative;
    display: block
}

.slds-file-selector__dropzone_integrated, .slds-file-selector__dropzone--integrated {
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: 0;
    opacity: 0;
    z-index: -1
}

.slds-file-selector__dropzone_integrated.slds-has-drag, .slds-file-selector__dropzone--integrated.slds-has-drag {
    background: var(--lwc-colorBackgroundBackdrop, rgba(255, 255, 255, 0.75));
    opacity: 1;
    z-index: var(--lwc-zIndexOverlay, 8000)
}

.slds-file-selector__dropzone_integrated.slds-has-drag-over, .slds-file-selector__dropzone--integrated.slds-has-drag-over {
    background: var(--lwc-colorBackgroundBackdropTint, rgb(250, 250, 249));
    box-shadow: 0 0 0 4px var(--lwc-colorBorderBrand, rgb(21, 137, 238)) inset
}

.slds-file-selector__body_integrated, .slds-file-selector__body--integrated {
    width: var(--lwc-sizeXSmall, 12rem);
    height: var(--lwc-sizeXSmall, 12rem);
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    margin: auto;
    background: var(--lwc-colorBackgroundAlt, rgb(255, 255, 255));
    box-shadow: var(--lwc-shadowDropDown, 0 2px 3px 0 rgba(0, 0, 0, 0.16));
    border: var(--lwc-borderWidthThin, 1px) solid var(--lwc-colorBorder, rgb(221, 219, 218));
    border-radius: var(--lwc-borderRadiusMedium, 0.25rem);
    flex-direction: column
}

.slds-file-selector__text_integrated, .slds-file-selector__text--integrated {
    margin-top: var(--lwc-spacingSmall, 0.75rem)
}

.slds-page-header {
    padding: var(--lwc-varSpacingVerticalMedium, 1rem) var(--lwc-varSpacingHorizontalMedium, 1rem);
    /*border-bottom: var(--lwc-borderWidthThin, 1px) solid var(--lwc-pageHeaderColorBorder, rgb(221, 219, 218));*/
    /*border-radius: var(--lwc-pageHeaderBorderRadius, 0.25rem);*/
    /*background: var(--lwc-pageHeaderColorBackground, rgb(243, 242, 242));*/
    /*background-clip: padding-box;*/
    /*box-shadow: var(--lwc-pageHeaderShadow, 0 2px 2px 0 rgba(0, 0, 0, 0.10));*/
    /*border: var(--lwc-borderWidthThin, 1px) solid var(--lwc-pageHeaderColorBorder, rgb(221, 219, 218))*/
}

.slds-page-header__row {
    display: flex
}

.slds-page-header__row_gutters {
    margin-left: calc(-1 * var(--lwc-spacingMedium, 1rem));
    margin-right: calc(-1 * var(--lwc-spacingMedium, 1rem))
}

.slds-page-header__col-title {
    flex: 1 1 0%;
    min-width: 0
}

.slds-page-header__icon {
    width: var(--lwc-pageHeaderIconSize, 2.25rem);
    height: var(--lwc-pageHeaderIconSize, 2.25rem)
}

.slds-page-header__col-actions {
    align-self: flex-start;
    flex: none;
    padding-bottom: var(--lwc-spacingXxSmall, 0.25rem);
    vertical-align: top
}

.slds-page-header__col-meta {
    align-self: center;
    flex: 1 1 auto;
    vertical-align: middle
}

.slds-page-header__col-controls {
    align-self: flex-end;
    flex: none;
    vertical-align: bottom
}

.slds-page-header__col-details {
    flex: 1 1 auto;
    padding-left: var(--lwc-spacingMedium, 1rem);
    padding-right: var(--lwc-spacingMedium, 1rem);
    max-width: 100%
}

.slds-page-header__name {
    display: inline-flex;
    padding-right: var(--lwc-spacingXSmall, 0.5rem);
    max-width: 100%
}

.slds-page-header__name h1 {
    line-height: 1
}

.slds-page-header__name-title {
    min-width: 0
}

.slds-page-header__name-switcher {
    align-self: flex-end;
    margin: 0 0 var(--lwc-spacingXxxSmall, 0.125rem) var(--lwc-spacingXxxSmall, 0.125rem)
}

.slds-page-header__name-switcher .slds-button__icon {
    fill: var(--lwc-colorTextDefault, rgb(8, 7, 7))
}

.slds-page-header__name-meta {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: var(--lwc-fontSize2, 0.75rem);
    padding-right: var(--lwc-spacingXSmall, 0.5rem)
}

.slds-page-header__meta-text {
    font-size: var(--lwc-fontSize4, 0.875rem)
}

.slds-page-header__title {
    font-size: var(--lwc-pageHeaderTitleFontSize, 1.125rem);
    font-weight: var(--lwc-pageHeaderTitleFontWeight, 700);
    line-height: var(--lwc-lineHeightHeading, 1.25);
    display: block
}

.slds-page-header__title .slds-icon {
    fill: currentColor
}

.slds-page-header__controls {
    display: flex
}

.slds-page-header__control {
    margin-left: var(--lwc-spacingXxSmall, 0.25rem)
}

.slds-page-header_joined, .slds-page-header.slds-has-bottom-magnet {
    border-bottom: var(--lwc-borderWidthThin, 1px) solid var(--lwc-pageHeaderJoinedColorBorder, rgb(221, 219, 218));
    border-radius: var(--lwc-pageHeaderBorderRadius, 0.25rem) var(--lwc-pageHeaderBorderRadius, 0.25rem) 0 0;
    box-shadow: none
}

.slds-tabs_card .slds-page-header, .slds-card .slds-page-header {
    border: 0;
    box-shadow: none;
    border-radius: var(--lwc-borderRadiusMedium, 0.25rem)
}

.slds-page-header__detail-row {
    display: flex;
    margin: var(--lwc-varSpacingVerticalSmall, 0.75rem) calc(-1 * var(--lwc-varSpacingHorizontalMedium, 1rem)) calc(-1 * var(--lwc-varSpacingVerticalMedium, 1rem));
    padding: var(--lwc-varSpacingHorizontalMedium, 1rem);
    border-radius: 0 0 var(--lwc-pageHeaderBorderRadius, 0.25rem) var(--lwc-pageHeaderBorderRadius, 0.25rem);
    background-color: var(--lwc-pageHeaderColorBackgroundAlt, rgb(255, 255, 255));
    position: relative;
    z-index: 2
}

.slds-page-header__detail-block {
    padding-right: var(--lwc-spacingXLarge, 2rem);
    padding-left: var(--lwc-spacingXLarge, 2rem);
    max-width: 25%
}

.slds-page-header__detail-block:first-child {
    padding-left: 0
}

.slds-page-header__detail-block:last-child {
    padding-right: 0
}

.slds-page-header_vertical, .slds-page-header--vertical {
    padding: var(--lwc-spacingSmall, 0.75rem);
    background: var(--lwc-pageHeaderColorBackgroundAlt, rgb(255, 255, 255));
    border-bottom: 0
}

.slds-page-header_vertical .slds-page-header__controls, .slds-page-header--vertical .slds-page-header__controls {
    padding-top: var(--lwc-spacingXSmall, 0.5rem);
    margin-top: var(--lwc-spacingXSmall, 0.5rem);
    border-top: var(--lwc-borderWidthThin, 1px) solid var(--lwc-colorBorder, rgb(221, 219, 218))
}

.slds-page-header_vertical .slds-page-header__name-title, .slds-page-header--vertical .slds-page-header__name-title {
    margin-top: var(--lwc-spacingXxSmall, 0.25rem)
}

.slds-page-header__detail-list {
    display: flex;
    flex-wrap: wrap
}

.slds-page-header__detail-item {
    margin-top: var(--lwc-varSpacingSmall, 0.75rem);
    width: 50%
}

.slds-page-header_object-home, .slds-page-header--object-home {
    padding-bottom: var(--lwc-spacingSmall, 0.75rem)
}

.slds-template__container {
    position: relative;
    height: 100%;
    width: 100%
}

.slds-template_default {
    padding: var(--lwc-templateGutters, 0.75rem)
}

.slds-template_default.slds-brand-band:before {
    position: fixed;
    top: 5.625rem
}

.slds-template_default.slds-brand-band.slds-brand-band_medium:after {
    position: fixed;
    top: 15rem
}

.slds-template_bottom-magnet {
    padding: var(--lwc-templateGutters, 0.75rem) var(--lwc-templateGutters, 0.75rem) 0 var(--lwc-templateGutters, 0.75rem)
}

.slds-template_profile {
    padding: var(--lwc-templateProfileGutters, 8rem 0.75rem 0.75rem)
}

.slds-template__content {
    padding: var(--lwc-templateGutters, 0.75rem) var(--lwc-templateGutters, 0.75rem) 0 var(--lwc-templateGutters, 0.75rem)
}

.slds-template_app {
    padding: var(--lwc-templateGutters, 0.75rem) 0 0 var(--lwc-templateGutters, 0.75rem)
}

.slds-template_iframe {
    width: calc(100% + (0.75rem * 2));
    height: calc(100% + (0.75rem * 2));
    margin: calc(-1 * var(--lwc-templateGutters, 0.75rem));
    background-color: var(--lwc-cardColorBackground, rgb(255, 255, 255))
}

.slds-panel {
    background: var(--lwc-colorBackgroundAlt, rgb(255, 255, 255));
    border-radius: var(--lwc-borderRadiusMedium, 0.25rem);
    overflow: hidden;
}

.slds-panel__section {
    padding: var(--lwc-spacingMedium, 1rem)
}

.slds-panel__actions {
    padding: var(--lwc-spacingSmall, 0.75rem)
}

.slds-panel.slds-is-editing {
    box-shadow: var(--lwc-shadowDropDown, 0 2px 3px 0 rgba(0, 0, 0, 0.16))
}

.slds-panel__header {
    display: flex;
    position: relative;
    align-items: center;
    padding: var(--lwc-spacingSmall, 0.75rem);
    border-bottom: var(--lwc-borderWidthThin, 1px) solid var(--lwc-colorBorder, rgb(221, 219, 218))
}

.slds-panel__header_custom {
    padding: var(--lwc-spacingSmall, 0.75rem) var(--lwc-spacingMedium, 1rem)
}

.slds-panel__close:first-child {
    margin-right: var(--lwc-spacingXSmall, 0.5rem)
}

.slds-panel__close:last-child {
    margin-left: var(--lwc-spacingXSmall, 0.5rem)
}

.slds-panel__back:first-child {
    margin-right: var(--lwc-spacingXSmall, 0.5rem)
}

.slds-panel__back:last-child {
    margin-left: var(--lwc-spacingXSmall, 0.5rem)
}

.slds-panel__close, .slds-panel__back {
    flex-shrink: 0
}

.slds-panel__header_align-center {
    padding: var(--lwc-spacingSmall, 0.75rem) var(--lwc-spacingXxLarge, 3rem)
}

.slds-panel__header_align-center .slds-panel__header-title {
    text-align: center
}

.slds-panel__header_align-center .slds-panel__close {
    position: absolute;
    right: var(--lwc-spacingSmall, 0.75rem);
    left: auto;
    top: 50%;
    margin-top: -.75rem
}

.slds-panel__header_align-center .slds-panel__back {
    position: absolute;
    left: var(--lwc-spacingSmall, 0.75rem);
    right: auto;
    top: 50%;
    margin-top: -.75rem
}

.slds-panel__body {
    padding: var(--lwc-spacingSmall, 0.75rem)
}

.slds-panel__header-title {
    text-align: start;
    width: 100%
}

.slds-panel_docked {
    position: relative;
    min-width: var(--lwc-sizeSmall, 15rem);
    height: 100%;
    border-radius: 0;
    display: none
}

.slds-panel_docked.slds-is-open {
    display: block
}

.slds-panel_docked-left {
    box-shadow: var(--lwc-panelDockedLeftShadow, 1px 0 3px rgba(0, 0, 0, 0.25))
}

.slds-panel_docked-right {
    margin-left: auto;
    box-shadow: var(--lwc-panelDockedRightShadow, -1px 0 3px 0 rgba(0, 0, 0, 0.25))
}

.slds-panel_animated {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    transform: translate3d(120%, 0, 0);
    transition: transform 300ms ease;
    z-index: var(--lwc-zIndexModal, 9000)
}

.slds-tabs-mobile__container .slds-panel_animated {
    position: fixed
}

.slds-panel_animated.slds-is-open {
    transform: translate3d(0, 0, 0)
}

.slds-panel_filters, .slds-panel--filters {
    margin-left: var(--lwc-spacingMedium, 1rem);
    box-shadow: var(--lwc-shadowDropDown, 0 2px 3px 0 rgba(0, 0, 0, 0.16));
    border-radius: 0
}

.slds-popover {
    position: relative;
    border-radius: var(--lwc-borderRadiusMedium, 0.25rem);
    width: var(--lwc-sizeMedium, 20rem);
    min-height: 2rem;
    z-index: var(--lwc-zIndexDialog, 6000);
    background-color: var(--lwc-colorBackgroundAlt, rgb(255, 255, 255));
    display: inline-block;
    box-shadow: var(--lwc-shadowDropDown, 0 2px 3px 0 rgba(0, 0, 0, 0.16));
    border: var(--lwc-borderWidthThin, 1px) solid var(--lwc-colorBorder, rgb(221, 219, 218))
}

.slds-popover__body, .slds-popover__header, .slds-popover__footer {
    position: relative;
    padding: var(--lwc-spacingXSmall, 0.5rem) var(--lwc-spacingSmall, 0.75rem);
    word-wrap: break-word
}

.slds-popover__header {
    border-bottom: var(--lwc-borderWidthThin, 1px) solid var(--lwc-colorBorder, rgb(221, 219, 218))
}

.slds-popover__footer {
    border-top: var(--lwc-borderWidthThin, 1px) solid var(--lwc-colorBorder, rgb(221, 219, 218))
}

.slds-popover__footer_form {
    text-align: center;
    background: var(--lwc-colorBackground, rgb(243, 242, 242));
    border-radius: 0 0 var(--lwc-borderRadiusMedium, 0.25rem) var(--lwc-borderRadiusMedium, 0.25rem)
}

.slds-popover__body_small {
    max-height: var(--lwc-sizeSmall, 15rem);
    overflow-y: auto
}

.slds-popover__close {
    position: relative;
    margin: var(--lwc-spacingXxSmall, 0.25rem);
    z-index: 6001
}

.slds-popover_small, .slds-popover--small {
    max-width: var(--lwc-sizeSmall, 15rem)
}

.slds-popover_medium, .slds-popover--medium {
    min-width: var(--lwc-sizeMedium, 20rem)
}

.slds-popover_large, .slds-popover--large {
    min-width: var(--lwc-sizeLarge, 25rem);
    max-width: var(--lwc-maxWidthActionOverflowMenu, 512px)
}

.slds-popover[class*=theme_], .slds-popover[class*=theme--] {
    border: 0
}

.slds-popover *:last-child {
    margin-bottom: 0
}

.slds-popover_full-width {
    width: 100%
}

.slds-popover_hide {
    display: none
}

.slds-popover_panel .slds-popover__header, .slds-popover--panel .slds-popover__header {
    background: var(--lwc-colorBackground, rgb(243, 242, 242));
    padding: var(--lwc-spacingLarge, 1.5rem) var(--lwc-spacingLarge, 1.5rem) var(--lwc-spacingSmall, 0.75rem);
    border-top-left-radius: calc(var(--lwc-borderRadiusMedium, 0.25rem) - var(--lwc-borderWidthThin, 1px));
    border-top-right-radius: calc(var(--lwc-borderRadiusMedium, 0.25rem) - var(--lwc-borderWidthThin, 1px));
    border-bottom: 0
}

.slds-popover_panel .slds-popover__body, .slds-popover--panel .slds-popover__body {
    padding: 0
}

.slds-popover_panel .slds-popover__body-list, .slds-popover--panel .slds-popover__body-list {
    padding: var(--lwc-spacingMedium, 1rem) var(--lwc-spacingLarge, 1.5rem);
    border-top: var(--lwc-borderWidthThin, 1px) solid var(--lwc-colorBorder, rgb(221, 219, 218))
}

.slds-popover_panel.slds-nubbin_left-top:before, .slds-popover_panel.slds-nubbin_left-top:after, .slds-popover_panel.slds-nubbin--left-top:before, .slds-popover_panel.slds-nubbin--left-top:after, .slds-popover_panel.slds-nubbin_right-top:before, .slds-popover_panel.slds-nubbin_right-top:after, .slds-popover_panel.slds-nubbin--right-top:before, .slds-popover_panel.slds-nubbin--right-top:after, .slds-popover_panel.slds-nubbin_top-left:before, .slds-popover_panel.slds-nubbin_top-left:after, .slds-popover_panel.slds-nubbin--top-left:before, .slds-popover_panel.slds-nubbin--top-left:after, .slds-popover_panel.slds-nubbin_top-right:before, .slds-popover_panel.slds-nubbin_top-right:after, .slds-popover_panel.slds-nubbin--top-right:before, .slds-popover_panel.slds-nubbin--top-right:after, .slds-popover--panel.slds-nubbin_left-top:before, .slds-popover--panel.slds-nubbin_left-top:after, .slds-popover--panel.slds-nubbin--left-top:before, .slds-popover--panel.slds-nubbin--left-top:after, .slds-popover--panel.slds-nubbin_right-top:before, .slds-popover--panel.slds-nubbin_right-top:after, .slds-popover--panel.slds-nubbin--right-top:before, .slds-popover--panel.slds-nubbin--right-top:after, .slds-popover--panel.slds-nubbin_top-left:before, .slds-popover--panel.slds-nubbin_top-left:after, .slds-popover--panel.slds-nubbin--top-left:before, .slds-popover--panel.slds-nubbin--top-left:after, .slds-popover--panel.slds-nubbin_top-right:before, .slds-popover--panel.slds-nubbin_top-right:after, .slds-popover--panel.slds-nubbin--top-right:before, .slds-popover--panel.slds-nubbin--top-right:after {
    background: var(--lwc-colorBackground, rgb(243, 242, 242))
}

.slds-popover_panel.slds-nubbin_left-top:before, .slds-popover_panel.slds-nubbin_left-top:after, .slds-popover_panel.slds-nubbin--left-top:before, .slds-popover_panel.slds-nubbin--left-top:after, .slds-popover_panel.slds-nubbin_right-top:before, .slds-popover_panel.slds-nubbin_right-top:after, .slds-popover_panel.slds-nubbin--right-top:before, .slds-popover_panel.slds-nubbin--right-top:after, .slds-popover--panel.slds-nubbin_left-top:before, .slds-popover--panel.slds-nubbin_left-top:after, .slds-popover--panel.slds-nubbin--left-top:before, .slds-popover--panel.slds-nubbin--left-top:after, .slds-popover--panel.slds-nubbin_right-top:before, .slds-popover--panel.slds-nubbin_right-top:after, .slds-popover--panel.slds-nubbin--right-top:before, .slds-popover--panel.slds-nubbin--right-top:after {
    top: 2.25rem
}

.slds-popover_panel__label {
    font-size: var(--lwc-fontSize4, 0.875rem);
    font-weight: var(--lwc-fontWeightBold, 700)
}

.slds-nubbin_top:before, .slds-nubbin--top:before {
    width: 1rem;
    height: 1rem;
    position: absolute;
    transform: rotate(45deg);
    content: '';
    background-color: inherit;
    left: 50%;
    top: -.5rem;
    margin-left: -.5rem
}

.slds-nubbin_top:after, .slds-nubbin--top:after {
    width: 1rem;
    height: 1rem;
    position: absolute;
    transform: rotate(45deg);
    content: '';
    background-color: inherit;
    left: 50%;
    top: -.5rem;
    margin-left: -.5rem
}

.slds-nubbin_top:after, .slds-nubbin--top:after {
    box-shadow: -1px -1px 0 0 rgba(0, 0, 0, 0.16);
    z-index: -1
}

.slds-nubbin_top-left:before, .slds-nubbin--top-left:before, .slds-nubbin_top-left-corner:before {
    width: 1rem;
    height: 1rem;
    position: absolute;
    transform: rotate(45deg);
    content: '';
    background-color: inherit;
    left: 50%;
    top: -.5rem;
    margin-left: -.5rem
}

.slds-nubbin_top-left:after, .slds-nubbin--top-left:after, .slds-nubbin_top-left-corner:after {
    width: 1rem;
    height: 1rem;
    position: absolute;
    transform: rotate(45deg);
    content: '';
    background-color: inherit;
    left: 50%;
    top: -.5rem;
    margin-left: -.5rem
}

.slds-nubbin_top-left:after, .slds-nubbin--top-left:after, .slds-nubbin_top-left-corner:after {
    box-shadow: -1px -1px 0 0 rgba(0, 0, 0, 0.16);
    z-index: -1
}

.slds-nubbin_top-left:before, .slds-nubbin_top-left:after, .slds-nubbin--top-left:before, .slds-nubbin--top-left:after, .slds-nubbin_top-left-corner:before, .slds-nubbin_top-left-corner:after {
    left: var(--lwc-spacingLarge, 1.5rem);
    top: -.5rem
}

.slds-nubbin_top-right:before, .slds-nubbin--top-right:before, .slds-nubbin_top-right-corner:before {
    width: 1rem;
    height: 1rem;
    position: absolute;
    transform: rotate(45deg);
    content: '';
    background-color: inherit;
    left: 50%;
    top: -.5rem;
    margin-left: -.5rem
}

.slds-nubbin_top-right:after, .slds-nubbin--top-right:after, .slds-nubbin_top-right-corner:after {
    width: 1rem;
    height: 1rem;
    position: absolute;
    transform: rotate(45deg);
    content: '';
    background-color: inherit;
    left: 50%;
    top: -.5rem;
    margin-left: -.5rem
}

.slds-nubbin_top-right:after, .slds-nubbin--top-right:after, .slds-nubbin_top-right-corner:after {
    box-shadow: -1px -1px 0 0 rgba(0, 0, 0, 0.16);
    z-index: -1
}

.slds-nubbin_top-right:before, .slds-nubbin_top-right:after, .slds-nubbin--top-right:before, .slds-nubbin--top-right:after, .slds-nubbin_top-right-corner:before, .slds-nubbin_top-right-corner:after {
    left: auto;
    right: var(--lwc-spacingLarge, 1.5rem);
    top: -.5rem;
    margin-right: -.5rem
}

.slds-nubbin_bottom:before, .slds-nubbin--bottom:before {
    width: 1rem;
    height: 1rem;
    position: absolute;
    transform: rotate(45deg);
    content: '';
    background-color: inherit;
    left: 50%;
    bottom: -.5rem;
    margin-left: -.5rem
}

.slds-nubbin_bottom:after, .slds-nubbin--bottom:after {
    width: 1rem;
    height: 1rem;
    position: absolute;
    transform: rotate(45deg);
    content: '';
    background-color: inherit;
    left: 50%;
    bottom: -.5rem;
    margin-left: -.5rem
}

.slds-nubbin_bottom:after, .slds-nubbin--bottom:after {
    box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.16);
    z-index: -1
}

.slds-nubbin_bottom-left:before, .slds-nubbin--bottom-left:before, .slds-nubbin_bottom-left-corner:before {
    width: 1rem;
    height: 1rem;
    position: absolute;
    transform: rotate(45deg);
    content: '';
    background-color: inherit;
    left: 50%;
    bottom: -.5rem;
    margin-left: -.5rem
}

.slds-nubbin_bottom-left:after, .slds-nubbin--bottom-left:after, .slds-nubbin_bottom-left-corner:after {
    width: 1rem;
    height: 1rem;
    position: absolute;
    transform: rotate(45deg);
    content: '';
    background-color: inherit;
    left: 50%;
    bottom: -.5rem;
    margin-left: -.5rem
}

.slds-nubbin_bottom-left:after, .slds-nubbin--bottom-left:after, .slds-nubbin_bottom-left-corner:after {
    box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.16);
    z-index: -1
}

.slds-nubbin_bottom-left:before, .slds-nubbin_bottom-left:after, .slds-nubbin--bottom-left:before, .slds-nubbin--bottom-left:after, .slds-nubbin_bottom-left-corner:before, .slds-nubbin_bottom-left-corner:after {
    left: var(--lwc-spacingLarge, 1.5rem);
    top: 100%;
    margin-top: -.5rem
}

.slds-nubbin_bottom-right:before, .slds-nubbin--bottom-right:before, .slds-nubbin_bottom-right-corner:before {
    width: 1rem;
    height: 1rem;
    position: absolute;
    transform: rotate(45deg);
    content: '';
    background-color: inherit;
    left: 50%;
    bottom: -.5rem;
    margin-left: -.5rem
}

.slds-nubbin_bottom-right:after, .slds-nubbin--bottom-right:after, .slds-nubbin_bottom-right-corner:after {
    width: 1rem;
    height: 1rem;
    position: absolute;
    transform: rotate(45deg);
    content: '';
    background-color: inherit;
    left: 50%;
    bottom: -.5rem;
    margin-left: -.5rem
}

.slds-nubbin_bottom-right:after, .slds-nubbin--bottom-right:after, .slds-nubbin_bottom-right-corner:after {
    box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.16);
    z-index: -1
}

.slds-nubbin_bottom-right:before, .slds-nubbin_bottom-right:after, .slds-nubbin--bottom-right:before, .slds-nubbin--bottom-right:after, .slds-nubbin_bottom-right-corner:before, .slds-nubbin_bottom-right-corner:after {
    left: auto;
    right: var(--lwc-spacingLarge, 1.5rem);
    top: 100%;
    margin-top: -.5rem;
    margin-right: -.5rem
}

.slds-nubbin_left:before, .slds-nubbin--left:before {
    width: 1rem;
    height: 1rem;
    position: absolute;
    transform: rotate(45deg);
    content: '';
    background-color: inherit;
    top: 50%;
    left: -.5rem;
    margin-top: -.5rem
}

.slds-nubbin_left:after, .slds-nubbin--left:after {
    width: 1rem;
    height: 1rem;
    position: absolute;
    transform: rotate(45deg);
    content: '';
    background-color: inherit;
    top: 50%;
    left: -.5rem;
    margin-top: -.5rem
}

.slds-nubbin_left:after, .slds-nubbin--left:after {
    box-shadow: -1px 1px 2px 0 rgba(0, 0, 0, 0.16);
    z-index: -1
}

.slds-nubbin_left-top:before, .slds-nubbin--left-top:before, .slds-nubbin_left-top-corner:before {
    width: 1rem;
    height: 1rem;
    position: absolute;
    transform: rotate(45deg);
    content: '';
    background-color: inherit;
    top: 50%;
    left: -.5rem;
    margin-top: -.5rem
}

.slds-nubbin_left-top:after, .slds-nubbin--left-top:after, .slds-nubbin_left-top-corner:after {
    width: 1rem;
    height: 1rem;
    position: absolute;
    transform: rotate(45deg);
    content: '';
    background-color: inherit;
    top: 50%;
    left: -.5rem;
    margin-top: -.5rem
}

.slds-nubbin_left-top:after, .slds-nubbin--left-top:after, .slds-nubbin_left-top-corner:after {
    box-shadow: -1px 1px 2px 0 rgba(0, 0, 0, 0.16);
    z-index: -1
}

.slds-nubbin_left-top:before, .slds-nubbin_left-top:after, .slds-nubbin--left-top:before, .slds-nubbin--left-top:after, .slds-nubbin_left-top-corner:before, .slds-nubbin_left-top-corner:after {
    top: var(--lwc-spacingLarge, 1.5rem)
}

.slds-nubbin_left-bottom:before, .slds-nubbin--left-bottom:before, .slds-nubbin_left-bottom-corner:before {
    width: 1rem;
    height: 1rem;
    position: absolute;
    transform: rotate(45deg);
    content: '';
    background-color: inherit;
    top: 50%;
    left: -.5rem;
    margin-top: -.5rem
}

.slds-nubbin_left-bottom:after, .slds-nubbin--left-bottom:after, .slds-nubbin_left-bottom-corner:after {
    width: 1rem;
    height: 1rem;
    position: absolute;
    transform: rotate(45deg);
    content: '';
    background-color: inherit;
    top: 50%;
    left: -.5rem;
    margin-top: -.5rem
}

.slds-nubbin_left-bottom:before, .slds-nubbin--left-bottom:before, .slds-nubbin_left-bottom-corner:before {
    margin-bottom: -1px
}

.slds-nubbin_left-bottom:after, .slds-nubbin--left-bottom:after, .slds-nubbin_left-bottom-corner:after {
    box-shadow: -1px 2px 3px 0 rgba(0, 0, 0, 0.16);
    z-index: -1
}

.slds-nubbin_left-bottom:before, .slds-nubbin_left-bottom:after, .slds-nubbin--left-bottom:before, .slds-nubbin--left-bottom:after, .slds-nubbin_left-bottom-corner:before, .slds-nubbin_left-bottom-corner:after {
    top: auto;
    bottom: var(--lwc-spacingMedium, 1rem)
}

.slds-nubbin_right:before, .slds-nubbin--right:before {
    width: 1rem;
    height: 1rem;
    position: absolute;
    transform: rotate(45deg);
    content: '';
    background-color: inherit;
    top: 50%;
    right: -.5rem;
    margin-top: -.5rem
}

.slds-nubbin_right:after, .slds-nubbin--right:after {
    width: 1rem;
    height: 1rem;
    position: absolute;
    transform: rotate(45deg);
    content: '';
    background-color: inherit;
    top: 50%;
    right: -.5rem;
    margin-top: -.5rem
}

.slds-nubbin_right:after, .slds-nubbin--right:after {
    box-shadow: 1px -1px 2px 0 rgba(0, 0, 0, 0.16);
    z-index: -1
}

.slds-nubbin_right-top:before, .slds-nubbin--right-top:before, .slds-nubbin_right-top-corner:before {
    width: 1rem;
    height: 1rem;
    position: absolute;
    transform: rotate(45deg);
    content: '';
    background-color: inherit;
    top: 50%;
    right: -.5rem;
    margin-top: -.5rem
}

.slds-nubbin_right-top:after, .slds-nubbin--right-top:after, .slds-nubbin_right-top-corner:after {
    width: 1rem;
    height: 1rem;
    position: absolute;
    transform: rotate(45deg);
    content: '';
    background-color: inherit;
    top: 50%;
    right: -.5rem;
    margin-top: -.5rem
}

.slds-nubbin_right-top:after, .slds-nubbin--right-top:after, .slds-nubbin_right-top-corner:after {
    box-shadow: 1px -1px 2px 0 rgba(0, 0, 0, 0.16);
    z-index: -1
}

.slds-nubbin_right-top:before, .slds-nubbin_right-top:after, .slds-nubbin--right-top:before, .slds-nubbin--right-top:after, .slds-nubbin_right-top-corner:before, .slds-nubbin_right-top-corner:after {
    top: var(--lwc-spacingLarge, 1.5rem)
}

.slds-nubbin_right-bottom:before, .slds-nubbin--right-bottom:before, .slds-nubbin_right-bottom-corner:before {
    width: 1rem;
    height: 1rem;
    position: absolute;
    transform: rotate(45deg);
    content: '';
    background-color: inherit;
    top: 50%;
    right: -.5rem;
    margin-top: -.5rem
}

.slds-nubbin_right-bottom:after, .slds-nubbin--right-bottom:after, .slds-nubbin_right-bottom-corner:after {
    width: 1rem;
    height: 1rem;
    position: absolute;
    transform: rotate(45deg);
    content: '';
    background-color: inherit;
    top: 50%;
    right: -.5rem;
    margin-top: -.5rem
}

.slds-nubbin_right-bottom:before, .slds-nubbin--right-bottom:before, .slds-nubbin_right-bottom-corner:before {
    margin-bottom: -1px
}

.slds-nubbin_right-bottom:after, .slds-nubbin--right-bottom:after, .slds-nubbin_right-bottom-corner:after {
    box-shadow: 2px -1px 3px 0 rgba(0, 0, 0, 0.16);
    z-index: -1
}

.slds-nubbin_right-bottom:before, .slds-nubbin_right-bottom:after, .slds-nubbin--right-bottom:before, .slds-nubbin--right-bottom:after, .slds-nubbin_right-bottom-corner:before, .slds-nubbin_right-bottom-corner:after {
    top: auto;
    bottom: var(--lwc-spacingMedium, 1rem)
}

.slds-nubbin_top-left-corner {
    border-radius: var(--lwc-borderRadiusSmall, 0.125rem) var(--lwc-borderRadiusMedium, 0.25rem) var(--lwc-borderRadiusMedium, 0.25rem) var(--lwc-borderRadiusMedium, 0.25rem)
}

.slds-nubbin_top-left-corner:before, .slds-nubbin_top-left-corner:after {
    left: var(--lwc-spacingSmall, 0.75rem)
}

.slds-nubbin_bottom-left-corner {
    border-radius: var(--lwc-borderRadiusMedium, 0.25rem) var(--lwc-borderRadiusMedium, 0.25rem) var(--lwc-borderRadiusMedium, 0.25rem) var(--lwc-borderRadiusSmall, 0.125rem)
}

.slds-nubbin_bottom-left-corner:before, .slds-nubbin_bottom-left-corner:after {
    left: var(--lwc-spacingSmall, 0.75rem)
}

.slds-nubbin_top-right-corner {
    border-radius: var(--lwc-borderRadiusMedium, 0.25rem) var(--lwc-borderRadiusSmall, 0.125rem) var(--lwc-borderRadiusMedium, 0.25rem) var(--lwc-borderRadiusMedium, 0.25rem)
}

.slds-nubbin_top-right-corner:before, .slds-nubbin_top-right-corner:after {
    right: var(--lwc-spacingSmall, 0.75rem)
}

.slds-nubbin_bottom-right-corner {
    border-radius: var(--lwc-borderRadiusMedium, 0.25rem) var(--lwc-borderRadiusMedium, 0.25rem) var(--lwc-borderRadiusSmall, 0.125rem) var(--lwc-borderRadiusMedium, 0.25rem)
}

.slds-nubbin_bottom-right-corner:before, .slds-nubbin_bottom-right-corner:after {
    right: var(--lwc-spacingSmall, 0.75rem)
}

.slds-nubbin_left-top-corner {
    border-radius: var(--lwc-borderRadiusSmall, 0.125rem) var(--lwc-borderRadiusMedium, 0.25rem) var(--lwc-borderRadiusMedium, 0.25rem) var(--lwc-borderRadiusMedium, 0.25rem)
}

.slds-nubbin_left-top-corner:before, .slds-nubbin_left-top-corner:after {
    top: var(--lwc-spacingSmall, 0.75rem)
}

.slds-nubbin_right-top-corner {
    border-radius: var(--lwc-borderRadiusMedium, 0.25rem) var(--lwc-borderRadiusSmall, 0.125rem) var(--lwc-borderRadiusMedium, 0.25rem) var(--lwc-borderRadiusMedium, 0.25rem)
}

.slds-nubbin_right-top-corner:before, .slds-nubbin_right-top-corner:after {
    top: var(--lwc-spacingSmall, 0.75rem)
}

.slds-nubbin_left-bottom-corner {
    border-radius: var(--lwc-borderRadiusMedium, 0.25rem) var(--lwc-borderRadiusMedium, 0.25rem) var(--lwc-borderRadiusMedium, 0.25rem) var(--lwc-borderRadiusSmall, 0.125rem)
}

.slds-nubbin_left-bottom-corner:before, .slds-nubbin_left-bottom-corner:after {
    bottom: var(--lwc-spacingXxSmall, 0.25rem)
}

.slds-nubbin_right-bottom-corner {
    border-radius: var(--lwc-borderRadiusMedium, 0.25rem) var(--lwc-borderRadiusMedium, 0.25rem) var(--lwc-borderRadiusSmall, 0.125rem) var(--lwc-borderRadiusMedium, 0.25rem)
}

.slds-nubbin_right-bottom-corner:before, .slds-nubbin_right-bottom-corner:after {
    bottom: var(--lwc-spacingXxSmall, 0.25rem)
}

.slds-popover_walkthrough, .slds-popover--walkthrough {
    border-color: var(--lwc-colorBorderInverse, rgb(6, 28, 63));
    color: var(--lwc-colorTextInverse, rgb(255, 255, 255));
    background: var(--lwc-popoverWalkthroughColorBackground, rgb(3, 46, 97));
    border-color: var(--lwc-popoverWalkthroughColorBackground, rgb(3, 46, 97))
}

.slds-popover_walkthrough .slds-text-title, .slds-popover_walkthrough .slds-text-title_caps, .slds-popover_walkthrough .slds-text-title--caps, .slds-popover--walkthrough .slds-text-title, .slds-popover--walkthrough .slds-text-title_caps, .slds-popover--walkthrough .slds-text-title--caps {
    color: var(--lwc-colorTextInverseWeak, rgb(176, 173, 171))
}

.slds-popover_walkthrough .slds-icon, .slds-popover--walkthrough .slds-icon {
    fill: currentColor
}

.slds-popover_walkthrough a, .slds-popover--walkthrough a {
    color: currentColor;
    border: var(--lwc-borderWidthThin, 1px) solid transparent;
    border-radius: var(--lwc-borderRadiusMedium, 0.25rem)
}

.slds-popover_walkthrough a:hover, .slds-popover_walkthrough a:focus, .slds-popover--walkthrough a:hover, .slds-popover--walkthrough a:focus {
    text-decoration: none;
    outline: 0
}

.slds-popover_walkthrough a:focus, .slds-popover--walkthrough a:focus {
    box-shadow: var(--lwc-shadowLinkFocusInverse, 0 0 3px #ecebea);
    border: var(--lwc-borderWidthThin, 1px) solid var(--lwc-colorBorderLinkFocusInverse, rgb(236, 235, 234))
}

.slds-popover_walkthrough a:active, .slds-popover--walkthrough a:active {
    color: var(--lwc-colorTextLinkInverseActive, rgba(255, 255, 255, 0.5))
}

.slds-popover_walkthrough a[disabled], .slds-popover--walkthrough a[disabled] {
    color: var(--lwc-colorTextLinkInverseDisabled, rgba(255, 255, 255, 0.15))
}

.slds-popover_walkthrough a, .slds-popover--walkthrough a {
    text-decoration: underline
}

.slds-popover_walkthrough-alt .slds-text-heading_small, .slds-popover_feature .slds-text-heading_small {
    margin-bottom: var(--lwc-spacingXSmall, 0.5rem)
}

.slds-popover_walkthrough-alt.slds-nubbin_bottom:before, .slds-popover_walkthrough-alt.slds-nubbin--bottom:before, .slds-popover_walkthrough-alt.slds-nubbin_bottom-left:before, .slds-popover_walkthrough-alt.slds-nubbin--bottom-left:before, .slds-popover_walkthrough-alt.slds-nubbin_bottom-right:before, .slds-popover_walkthrough-alt.slds-nubbin--bottom-right:before, .slds-popover_feature.slds-nubbin_bottom:before, .slds-popover_feature.slds-nubbin--bottom:before, .slds-popover_feature.slds-nubbin_bottom-left:before, .slds-popover_feature.slds-nubbin--bottom-left:before, .slds-popover_feature.slds-nubbin_bottom-right:before, .slds-popover_feature.slds-nubbin--bottom-right:before {
    background-color: var(--lwc-popoverWalkthroughAltNubbinColorBackground, rgb(33, 92, 160))
}

.slds-popover_error .slds-popover__header {
    background-color: var(--lwc-colorBackgroundErrorDark, rgb(194, 57, 52));
    color: var(--lwc-colorTextInverse, rgb(255, 255, 255))
}

.slds-popover_error.slds-nubbin_top:before, .slds-popover_error.slds-nubbin--top:before, .slds-popover_error.slds-nubbin_top-left:before, .slds-popover_error.slds-nubbin--top-left:before, .slds-popover_error.slds-nubbin_top-right:before, .slds-popover_error.slds-nubbin--top-right:before, .slds-popover_error.slds-nubbin_left-top:before, .slds-popover_error.slds-nubbin--left-top:before, .slds-popover_error.slds-nubbin_right-top:before, .slds-popover_error.slds-nubbin--right-top:before {
    background-color: var(--lwc-colorBackgroundErrorDark, rgb(194, 57, 52))
}

.slds-popover_error .slds-popover__header, .slds-popover_warning .slds-popover__header {
    border-radius: calc(var(--lwc-borderRadiusMedium, 0.25rem) - 1px) calc(var(--lwc-borderRadiusMedium, 0.25rem) - 1px) 0 0
}

.slds-popover_error .slds-popover__body_scrollable, .slds-popover_warning .slds-popover__body_scrollable {
    max-height: 150px;
    overflow-y: auto;
    border-bottom: var(--lwc-borderWidthThin, 1px) solid var(--lwc-colorBorder, rgb(221, 219, 218))
}

.slds-popover_error .slds-popover__body_scrollable + .slds-popover__footer, .slds-popover_warning .slds-popover__body_scrollable + .slds-popover__footer {
    border-top: 0
}

.slds-popover_warning button {
    color: var(--lwc-colorGray10, rgb(81, 79, 77));
    text-decoration: underline
}

.slds-popover_warning button:hover {
    color: var(--lwc-colorGray9, rgb(112, 110, 107))
}

.slds-popover_warning button:focus {
    color: var(--lwc-colorGray10, rgb(81, 79, 77));
    box-shadow: 0 0 3px var(--lwc-colorGray10, rgb(81, 79, 77));
    border: var(--lwc-borderWidthThin, 1px) solid var(--lwc-colorGray10, rgb(81, 79, 77))
}

.slds-popover_warning button:active {
    color: var(--lwc-colorGray9, rgb(112, 110, 107))
}

.slds-popover_warning .slds-popover__header {
    background-color: var(--lwc-colorBackgroundWarning, rgb(255, 183, 93));
    color: var(--lwc-colorGray12, rgb(43, 40, 38))
}

.slds-popover_warning .slds-popover__header .slds-icon {
    fill: currentColor
}

.slds-popover_warning .slds-popover__close {
    color: currentColor
}

.slds-popover_warning.slds-nubbin_top:before, .slds-popover_warning.slds-nubbin--top:before, .slds-popover_warning.slds-nubbin_top-left:before, .slds-popover_warning.slds-nubbin--top-left:before, .slds-popover_warning.slds-nubbin_top-right:before, .slds-popover_warning.slds-nubbin--top-right:before, .slds-popover_warning.slds-nubbin_left-top:before, .slds-popover_warning.slds-nubbin--left-top:before, .slds-popover_warning.slds-nubbin_right-top:before, .slds-popover_warning.slds-nubbin--right-top:before {
    background-color: var(--lwc-colorBackgroundWarning, rgb(255, 183, 93))
}

.slds-popover_prompt {
    width: var(--lwc-sizeLarge, 25rem)
}

.slds-popover_prompt .slds-popover__body {
    padding: var(--lwc-spacingMedium, 1rem)
}

.slds-popover_prompt .slds-popover__footer {
    border-top: var(--lwc-borderWidthThick, 2px) solid var(--lwc-brandDark, rgb(24, 35, 55))
}

.slds-popover_prompt__heading {
    font-size: var(--lwc-fontSize5, 1rem);
    line-height: var(--lwc-lineHeightHeading, 1.25);
    font-weight: var(--lwc-fontWeightBold, 700)
}

.slds-popover_prompt__action-link {
    margin-right: var(--lwc-spacingMedium, 1rem)
}

.slds-popover_prompt_top, .slds-popover_prompt_top-right, .slds-popover_prompt_top-left, .slds-popover_prompt_bottom, .slds-popover_prompt_bottom-right, .slds-popover_prompt_bottom-left {
    position: absolute
}

.slds-popover_prompt_top, .slds-popover_prompt_top-right, .slds-popover_prompt_top-left {
    top: var(--lwc-spacingXSmall, 0.5rem)
}

.slds-popover_prompt_bottom, .slds-popover_prompt_bottom-right, .slds-popover_prompt_bottom-left {
    bottom: var(--lwc-spacingXSmall, 0.5rem)
}

.slds-popover_prompt_top, .slds-popover_prompt_bottom {
    left: 50%;
    margin-left: -12.5rem
}

.slds-popover_prompt_top-right, .slds-popover_prompt_bottom-right {
    right: var(--lwc-spacingXSmall, 0.5rem)
}

.slds-popover_prompt_top-left, .slds-popover_prompt_bottom-left {
    left: var(--lwc-spacingXSmall, 0.5rem)
}

.slds-tooltip {
    position: relative;
    border-radius: var(--lwc-borderRadiusMedium, 0.25rem);
    width: var(--lwc-sizeMedium, 20rem);
    min-height: 2rem;
    z-index: var(--lwc-zIndexDialog, 6000);
    background-color: var(--lwc-colorBackgroundInverse, rgb(6, 28, 63));
    display: inline-block
}

.slds-tooltip__body {
    padding: var(--lwc-spacingXSmall, 0.5rem) var(--lwc-spacingSmall, 0.75rem);
    font-size: var(--lwc-fontSize2, 0.75rem);
    color: var(--lwc-colorTextInverse, rgb(255, 255, 255))
}

.slds-popover_tooltip, .slds-popover--tooltip {
    width: auto;
    max-width: var(--lwc-sizeMedium, 20rem);
    background: var(--lwc-colorBackgroundAltInverse, rgb(22, 50, 92));
    border: 0
}

.slds-popover_tooltip .slds-popover__body, .slds-popover--tooltip .slds-popover__body {
    font-size: var(--lwc-fontSize2, 0.75rem);
    color: var(--lwc-colorTextInverse, rgb(255, 255, 255))
}

.slds-rise-from-ground {
    visibility: visible;
    opacity: 1;
    transform: translate(0%, 0%);
    transition: opacity var(--lwc-durationQuickly, 0.1s) linear, visibility var(--lwc-durationQuickly, 0.1s) linear, transform var(--lwc-durationQuickly, 0.1s) linear;
    will-change: transform
}

.slds-fall-into-ground {
    visibility: hidden;
    opacity: 0;
    transform: translate(0%, 0%);
    transition: opacity var(--lwc-durationQuickly, 0.1s) linear, visibility var(--lwc-durationQuickly, 0.1s) linear, transform var(--lwc-durationQuickly, 0.1s) linear;
    will-change: transform
}

.slds-slide-from-bottom-to-top {
    transform: translateY(10%);
    will-change: transform
}

.slds-slide-from-top-to-bottom {
    transform: translateY(-10%);
    will-change: transform
}

.slds-slide-from-right-to-left {
    transform: translateX(5%);
    will-change: transform
}

.slds-slide-from-left-to-right {
    transform: translateX(-5%);
    will-change: transform
}

.slds-dropdown-trigger .slds-dropdown {
    visibility: hidden;
    opacity: 0;
    transition: opacity var(--lwc-durationQuickly, 0.1s) linear, visibility var(--lwc-durationQuickly, 0.1s) linear
}

.slds-dropdown-trigger:hover, .slds-dropdown-trigger:focus {
    outline: 0
}

.slds-dropdown-trigger:hover .slds-dropdown, .slds-dropdown-trigger:focus .slds-dropdown {
    visibility: visible;
    opacity: 1;
    transition: opacity var(--lwc-durationQuickly, 0.1s) linear, visibility var(--lwc-durationQuickly, 0.1s) linear
}

.slds-dropdown_nubbin-top, .slds-dropdown--nubbin-top {
    margin-top: .5rem
}

.slds-dropdown_nubbin-top:before, .slds-dropdown--nubbin-top:before {
    width: 1rem;
    height: 1rem;
    position: absolute;
    transform: rotate(45deg);
    content: '';
    background-color: var(--lwc-colorBackgroundAlt, rgb(255, 255, 255));
    left: 50%;
    top: -.5rem;
    margin-left: -.5rem
}

.slds-dropdown_nubbin-top:after, .slds-dropdown--nubbin-top:after {
    width: 1rem;
    height: 1rem;
    position: absolute;
    transform: rotate(45deg);
    content: '';
    background-color: var(--lwc-colorBackgroundAlt, rgb(255, 255, 255));
    left: 50%;
    top: -.5rem;
    margin-left: -.5rem
}

.slds-dropdown_nubbin-top:before, .slds-dropdown--nubbin-top:before {
    background: var(--lwc-colorBackgroundAlt, rgb(255, 255, 255))
}

.slds-dropdown_nubbin-top:after, .slds-dropdown--nubbin-top:after {
    background: var(--lwc-colorBackgroundAlt, rgb(255, 255, 255));
    box-shadow: -1px -1px 0 0 rgba(0, 0, 0, 0.16);
    z-index: -1
}

.slds-dropdown_nubbin-top.slds-dropdown_left, .slds-dropdown_nubbin-top.slds-dropdown--left, .slds-dropdown--nubbin-top.slds-dropdown_left, .slds-dropdown--nubbin-top.slds-dropdown--left {
    left: calc(-1 * var(--lwc-spacingMedium, 1rem))
}

.slds-dropdown_nubbin-top.slds-dropdown_left:before, .slds-dropdown_nubbin-top.slds-dropdown_left:after, .slds-dropdown_nubbin-top.slds-dropdown--left:before, .slds-dropdown_nubbin-top.slds-dropdown--left:after, .slds-dropdown--nubbin-top.slds-dropdown_left:before, .slds-dropdown--nubbin-top.slds-dropdown_left:after, .slds-dropdown--nubbin-top.slds-dropdown--left:before, .slds-dropdown--nubbin-top.slds-dropdown--left:after {
    left: var(--lwc-spacingLarge, 1.5rem);
    margin-left: 0
}

.slds-dropdown_nubbin-top.slds-dropdown_right, .slds-dropdown_nubbin-top.slds-dropdown--right, .slds-dropdown--nubbin-top.slds-dropdown_right, .slds-dropdown--nubbin-top.slds-dropdown--right {
    right: calc(-1 * var(--lwc-spacingMedium, 1rem))
}

.slds-dropdown_nubbin-top.slds-dropdown_right:before, .slds-dropdown_nubbin-top.slds-dropdown_right:after, .slds-dropdown_nubbin-top.slds-dropdown--right:before, .slds-dropdown_nubbin-top.slds-dropdown--right:after, .slds-dropdown--nubbin-top.slds-dropdown_right:before, .slds-dropdown--nubbin-top.slds-dropdown_right:after, .slds-dropdown--nubbin-top.slds-dropdown--right:before, .slds-dropdown--nubbin-top.slds-dropdown--right:after {
    left: auto;
    right: var(--lwc-spacingLarge, 1.5rem);
    margin-left: 0
}

.slds-dropdown__item .slds-has-icon {
    position: relative
}

.slds-dropdown__item .slds-has-icon_left > a, .slds-dropdown__item .slds-has-icon--left > a, .slds-dropdown__item .slds-has-icon_left > span, .slds-dropdown__item .slds-has-icon--left > span {
    padding-left: var(--lwc-spacingXLarge, 2rem)
}

.slds-dropdown__item .slds-has-icon_right > a, .slds-dropdown__item .slds-has-icon--right > a, .slds-dropdown__item .slds-has-icon_right > span, .slds-dropdown__item .slds-has-icon--right > span {
    padding-right: var(--lwc-spacingXLarge, 2rem)
}

.slds-dropdown__item .slds-has-icon_left-right > a, .slds-dropdown__item .slds-has-icon--left-right > a, .slds-dropdown__item .slds-has-icon_left-right > span, .slds-dropdown__item .slds-has-icon--left-right > span {
    padding-left: var(--lwc-spacingXLarge, 2rem);
    padding-right: var(--lwc-spacingXLarge, 2rem)
}

.slds-dropdown__item .slds-has-icon .slds-icon {
    width: var(--lwc-squareIconMediumContent, 1rem);
    height: var(--lwc-squareIconMediumContent, 1rem);
    position: absolute;
    top: 50%;
    margin-top: -.5rem;
    fill: var(--lwc-colorTextIconDefault, rgb(112, 110, 107))
}

.slds-dropdown__item .slds-has-icon .slds-icon_left, .slds-dropdown__item .slds-has-icon .slds-icon--left {
    left: var(--lwc-spacingSmall, 0.75rem)
}

.slds-dropdown__item .slds-has-icon .slds-icon_right, .slds-dropdown__item .slds-has-icon .slds-icon--right {
    right: var(--lwc-spacingSmall, 0.75rem)
}

.slds-dropdown-trigger {
    position: relative;
    display: inline-block
}

.slds-dropdown-trigger .slds-dropdown {
    top: 100%
}

.slds-dropdown-trigger .slds-dropdown_bottom, .slds-dropdown-trigger .slds-dropdown--bottom {
    top: auto
}

.slds-dropdown-trigger_hover .slds-dropdown, .slds-dropdown-trigger--hover .slds-dropdown {
    visibility: hidden;
    opacity: 0;
    transition: opacity var(--lwc-durationQuickly, 0.1s) linear, visibility var(--lwc-durationQuickly, 0.1s) linear
}

.slds-dropdown-trigger_hover:hover, .slds-dropdown-trigger_hover:focus, .slds-dropdown-trigger--hover:hover, .slds-dropdown-trigger--hover:focus {
    outline: 0
}

.slds-dropdown-trigger_hover:hover .slds-dropdown, .slds-dropdown-trigger_hover:focus .slds-dropdown, .slds-dropdown-trigger--hover:hover .slds-dropdown, .slds-dropdown-trigger--hover:focus .slds-dropdown {
    visibility: visible;
    opacity: 1;
    transition: opacity var(--lwc-durationQuickly, 0.1s) linear, visibility var(--lwc-durationQuickly, 0.1s) linear
}

.slds-dropdown-trigger_click .slds-dropdown, .slds-dropdown-trigger_click:hover .slds-dropdown, .slds-dropdown-trigger--click .slds-dropdown, .slds-dropdown-trigger--click:hover .slds-dropdown {
    display: none
}

.slds-dropdown-trigger_click.slds-is-open .slds-dropdown, .slds-dropdown-trigger--click.slds-is-open .slds-dropdown {
    display: block;
    visibility: visible;
    opacity: 1
}

.slds-dropdown-trigger > [class*=slds-button_icon] ~ .slds-dropdown_left[class*=slds-nubbin], .slds-dropdown-trigger > [class*=slds-button_icon] ~ .slds-dropdown--left[class*=slds-nubbin], .slds-dropdown-trigger > [class*=slds-button--icon] ~ .slds-dropdown_left[class*=slds-nubbin], .slds-dropdown-trigger > [class*=slds-button--icon] ~ .slds-dropdown--left[class*=slds-nubbin] {
    left: calc(-1 * var(--lwc-spacingXSmall, 0.5rem))
}

.slds-dropdown-trigger > [class*=slds-button_icon] ~ .slds-dropdown_right[class*=slds-nubbin], .slds-dropdown-trigger > [class*=slds-button_icon] ~ .slds-dropdown--right[class*=slds-nubbin], .slds-dropdown-trigger > [class*=slds-button--icon] ~ .slds-dropdown_right[class*=slds-nubbin], .slds-dropdown-trigger > [class*=slds-button--icon] ~ .slds-dropdown--right[class*=slds-nubbin] {
    right: calc(-1 * var(--lwc-spacingXSmall, 0.5rem))
}

.slds-dropdown {
    position: absolute;
    z-index: var(--lwc-zIndexDropdown, 7000);
    left: 50%;
    float: left;
    min-width: var(--lwc-sizeXxSmall, 6rem);
    max-width: var(--lwc-sizeMedium, 20rem);
    margin-top: var(--lwc-spacingXxxSmall, 0.125rem);
    margin-bottom: var(--lwc-spacingXxxSmall, 0.125rem);
    border: var(--lwc-borderWidthThin, 1px) solid var(--lwc-colorBorder, rgb(221, 219, 218));
    border-radius: var(--lwc-borderRadiusMedium, 0.25rem);
    padding: var(--lwc-spacingXxSmall, 0.25rem) 0;
    font-size: var(--lwc-fontSize2, 0.75rem);
    background: var(--lwc-colorBackgroundAlt, rgb(255, 255, 255));
    box-shadow: var(--lwc-shadowDropDown, 0 2px 3px 0 rgba(0, 0, 0, 0.16));
    transform: translateX(-50%)
}

.slds-dropdown_left, .slds-dropdown--left {
    left: 0;
    right: auto;
    transform: translateX(0)
}

.slds-dropdown_right, .slds-dropdown--right {
    left: auto;
    right: 0;
    transform: translateX(0)
}

.slds-dropdown_bottom, .slds-dropdown--bottom {
    bottom: 100%
}

.slds-dropdown_xx-small, .slds-dropdown--xx-small {
    min-width: var(--lwc-sizeXxSmall, 6rem)
}

.slds-dropdown_x-small, .slds-dropdown--x-small {
    min-width: var(--lwc-sizeXSmall, 12rem)
}

.slds-dropdown_small, .slds-dropdown--small {
    min-width: var(--lwc-sizeSmall, 15rem)
}

.slds-dropdown_medium, .slds-dropdown--medium {
    min-width: var(--lwc-sizeMedium, 20rem)
}

.slds-dropdown_large, .slds-dropdown--large {
    min-width: var(--lwc-sizeLarge, 25rem);
    max-width: var(--lwc-maxWidthActionOverflowMenu, 512px)
}

.slds-dropdown_fluid, .slds-dropdown--fluid {
    min-width: var(--lwc-sizeXSmall, 12rem);
    max-width: 100%;
    width: 100%
}

.slds-dropdown_length-5, .slds-dropdown--length-5 {
    -webkit-overflow-scrolling: touch;
    max-height: calc(((1rem * 1.5) + 1rem) * 5);
    overflow-y: auto
}

.slds-dropdown_length-7, .slds-dropdown--length-7 {
    -webkit-overflow-scrolling: touch;
    max-height: calc(((1rem * 1.5) + 1rem) * 7);
    overflow-y: auto
}

.slds-dropdown_length-10, .slds-dropdown--length-10 {
    -webkit-overflow-scrolling: touch;
    max-height: calc(((1rem * 1.5) + 1rem) * 10);
    overflow-y: auto
}

.slds-dropdown_length-with-icon-5, .slds-dropdown--length-with-icon-5 {
    -webkit-overflow-scrolling: touch;
    max-height: calc((1.5rem + 1rem) * 5);
    overflow-y: auto
}

.slds-dropdown_length-with-icon-7, .slds-dropdown--length-with-icon-7 {
    -webkit-overflow-scrolling: touch;
    max-height: calc((1.5rem + 1rem) * 7);
    overflow-y: auto
}

.slds-dropdown_length-with-icon-10, .slds-dropdown--length-with-icon-10 {
    -webkit-overflow-scrolling: touch;
    max-height: calc((1.5rem + 1rem) * 10);
    overflow-y: auto
}

.slds-dropdown_inverse, .slds-dropdown--inverse {
    background: var(--lwc-colorBackgroundInverse, rgb(6, 28, 63));
    border-color: var(--lwc-colorBorderInverse, rgb(6, 28, 63))
}

.slds-dropdown_inverse .slds-dropdown__item > a, .slds-dropdown--inverse .slds-dropdown__item > a {
    color: var(--lwc-colorTextInverse, rgb(255, 255, 255))
}

.slds-dropdown_inverse .slds-dropdown__item > a:hover, .slds-dropdown_inverse .slds-dropdown__item > a:focus, .slds-dropdown--inverse .slds-dropdown__item > a:hover, .slds-dropdown--inverse .slds-dropdown__item > a:focus {
    color: var(--lwc-colorTextLinkInverseHover, rgba(255, 255, 255, 0.75));
    background-color: transparent
}

.slds-dropdown_inverse .slds-dropdown__item > a:active, .slds-dropdown--inverse .slds-dropdown__item > a:active {
    color: var(--lwc-colorTextLinkInverseActive, rgba(255, 255, 255, 0.5));
    background-color: transparent
}

.slds-dropdown_inverse .slds-dropdown__item > a[aria-disabled=true], .slds-dropdown--inverse .slds-dropdown__item > a[aria-disabled=true] {
    color: var(--lwc-colorTextLinkInverseDisabled, rgba(255, 255, 255, 0.15));
    cursor: default
}

.slds-dropdown_inverse .slds-dropdown__item > a[aria-disabled=true]:hover, .slds-dropdown--inverse .slds-dropdown__item > a[aria-disabled=true]:hover {
    background-color: transparent
}

.slds-dropdown mark {
    font-weight: var(--lwc-fontWeightBold, 700);
    background-color: transparent;
    color: inherit
}

.slds-dropdown[class*=slds-nubbin_top], .slds-dropdown[class*=slds-nubbin--top] {
    margin-top: .5rem
}

.slds-dropdown[class*=slds-nubbin_bottom], .slds-dropdown[class*=slds-nubbin--bottom] {
    margin-bottom: .5rem
}

.slds-dropdown__header {
    font-size: var(--lwc-fontSize4, 0.875rem);
    font-weight: var(--lwc-fontWeightBold, 700);
    padding: var(--lwc-spacingXSmall, 0.5rem) var(--lwc-spacingSmall, 0.75rem)
}

.slds-dropdown__item {
    line-height: var(--lwc-lineHeightText, 1.5);
    font-weight: var(--lwc-fontWeightRegular, 400)
}

.slds-dropdown__item > a {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: var(--lwc-spacingXSmall, 0.5rem) var(--lwc-spacingSmall, 0.75rem);
    color: var(--lwc-colorTextDefault, rgb(8, 7, 7));
    white-space: nowrap;
    cursor: pointer
}

.slds-dropdown__item > a:hover, .slds-dropdown__item > a:focus {
    outline: 0;
    text-decoration: none;
    background-color: var(--lwc-colorBackgroundRowHover, rgb(243, 242, 242))
}

.slds-dropdown__item > a:active {
    text-decoration: none;
    background-color: var(--lwc-colorBackgroundRowActive, rgb(236, 235, 234))
}

.slds-dropdown__item > a[aria-disabled=true] {
    color: var(--lwc-colorTextButtonDefaultDisabled, rgb(221, 219, 218));
    cursor: default
}

.slds-dropdown__item > a[aria-disabled=true]:hover {
    background-color: transparent
}

.slds-dropdown__item > a[aria-disabled=true] .slds-icon {
    fill: var(--lwc-colorTextButtonDefaultDisabled, rgb(221, 219, 218))
}

.slds-dropdown__item > a.slds-has-error {
    background: var(--lwc-colorBackgroundDestructive, rgb(194, 57, 52))
}

.slds-dropdown__item > a.slds-has-success {
    background: var(--lwc-colorBackgroundSuccessDark, rgb(4, 132, 75))
}

.slds-dropdown__item > a.slds-has-error, .slds-dropdown__item > a.slds-has-success {
    color: var(--lwc-colorGray1, rgb(255, 255, 255))
}

.slds-dropdown__item > a.slds-has-warning {
    background: var(--lwc-colorBackgroundWarning, rgb(255, 183, 93))
}

.slds-dropdown__item > a.slds-has-warning .slds-indicator_unread {
    background-color: currentColor
}

.slds-dropdown__item > a.slds-has-warning .slds-indicator_unsaved {
    color: currentColor
}

.slds-dropdown__item > a.slds-has-error:hover, .slds-dropdown__item > a.slds-has-error:focus, .slds-dropdown__item > a.slds-has-success:hover, .slds-dropdown__item > a.slds-has-success:focus, .slds-dropdown__item > a.slds-has-warning:hover, .slds-dropdown__item > a.slds-has-warning:focus {
    text-decoration: underline
}

.slds-dropdown__item .slds-icon_selected, .slds-dropdown__item .slds-icon--selected {
    opacity: 0;
    transition: opacity var(--lwc-durationImmediately, 0.05s) ease
}

.slds-dropdown__item.slds-is-selected .slds-icon_selected, .slds-dropdown__item.slds-is-selected .slds-icon--selected {
    opacity: 1
}

.slds-dropdown__item.slds-has-notification .slds-indicator_unsaved {
    top: -.375rem
}

[dir=rtl] .slds-dropdown_center, [dir=rtl] .slds-dropdown--center {
    left: auto;
    right: auto;
    transform: translateX(calc(50% - (0.875rem / 2)))
}

.slds-dropdown_actions a, .slds-dropdown--actions a {
    color: var(--lwc-brandTextLink, rgb(0, 109, 204))
}

.slds-has-submenu {
    position: relative
}

.slds-has-submenu .slds-dropdown_submenu {
    top: 0;
    transform: none
}

.slds-has-submenu .slds-dropdown_submenu-left {
    left: auto;
    right: 100%;
    margin-right: var(--lwc-spacingXxSmall, 0.25rem)
}

.slds-has-submenu .slds-dropdown_submenu-right {
    left: 100%;
    margin-left: var(--lwc-spacingXxSmall, 0.25rem)
}

.slds-has-submenu .slds-dropdown_submenu-bottom {
    top: auto;
    bottom: 0;
    margin-bottom: calc(-1 * var(--lwc-spacingXxSmall, 0.25rem))
}

.slds-has-submenu.slds-dropdown__item .slds-dropdown_submenu {
    display: none
}

.slds-has-submenu [role=menuitem][aria-expanded=true] + .slds-dropdown_submenu {
    display: block
}

.slds-picklist {
    position: relative
}

.slds-picklist .slds-dropdown {
    width: var(--lwc-sizeSmall, 15rem)
}

.slds-picklist li .slds-icon_selected, .slds-picklist li .slds-icon--selected {
    opacity: 0;
    transition: opacity var(--lwc-durationImmediately, 0.05s) ease
}

.slds-picklist li.slds-is-selected .slds-icon_selected, .slds-picklist li.slds-is-selected .slds-icon--selected {
    fill: var(--lwc-colorTextIconDefaultHover, rgb(0, 112, 210));
    opacity: 1
}

.slds-picklist_fluid .slds-picklist__input, .slds-picklist_fluid .slds-picklist__label, .slds-picklist_fluid .slds-dropdown, .slds-picklist_fluid .slds-lookup, .slds-picklist--fluid .slds-picklist__input, .slds-picklist--fluid .slds-picklist__label, .slds-picklist--fluid .slds-dropdown, .slds-picklist--fluid .slds-lookup {
    width: auto;
    min-width: 0;
    max-width: var(--lwc-sizeSmall, 15rem)
}

.slds-picklist__input {
    width: var(--lwc-sizeSmall, 15rem)
}

.slds-picklist__input .slds-button {
    line-height: 0
}

.slds-picklist__label {
    padding-right: var(--lwc-spacingXLarge, 2rem);
    width: var(--lwc-sizeSmall, 15rem);
    color: var(--lwc-colorTextDefault, rgb(8, 7, 7));
    text-align: left
}

.slds-picklist__label .slds-icon {
    width: var(--lwc-squareIconSmallContent, 0.75rem);
    height: var(--lwc-squareIconSmallContent, 0.75rem);
    position: absolute;
    right: var(--lwc-spacingMedium, 1rem);
    top: 50%;
    margin-top: -.375rem;
    fill: var(--lwc-colorTextIconDefault, rgb(112, 110, 107))
}

.slds-picklist__label .slds-truncate {
    display: block
}

.slds-combobox_container {
    display: flex;
    flex-direction: column;
    position: relative
}

.slds-combobox_container.slds-is-open .slds-dropdown {
    display: block
}

.slds-combobox_container.slds-has-selection .slds-combobox__input-value, .slds-combobox_container.slds-has-selection .slds-combobox__input-value:focus {
    box-shadow: 0 0 0 2px #fff inset, 0 0 0 3px var(--lwc-colorBorder, rgb(221, 219, 218)) inset
}

.slds-combobox_container.slds-has-icon-only .slds-combobox__input, .slds-combobox_container.slds-has-icon-only .slds-combobox__input:focus, .slds-combobox_container.slds-has-icon-only .slds-combobox__input.slds-has-focus {
    width: 0;
    pointer-events: auto
}

.slds-combobox_container.slds-has-icon-only .slds-input__icon {
    z-index: 2;
    pointer-events: none
}

.slds-combobox {
    position: static;
    display: flex;
    flex-direction: column;
    flex: 1 1 auto
}

.slds-combobox__form-element {
    flex: 1 1 auto
}

[role=combobox] input[readonly] {
    padding-left: var(--lwc-spacingSmall, 0.75rem);
    border-color: var(--lwc-colorBorderInput, rgb(221, 219, 218));
    background-color: var(--lwc-colorBackgroundInput, rgb(255, 255, 255));
    font-size: inherit;
    font-weight: var(--lwc-fontWeightRegular, 400)
}

[role=combobox] input[readonly]:focus, [role=combobox] input[readonly].slds-has-focus {
    border-color: var(--lwc-colorBorderBrandPrimary, rgb(21, 137, 238));
    box-shadow: var(--lwc-shadowButtonFocus, 0 0 3px #0070D2)
}

[role=combobox] input[readonly][disabled] {
    background-color: var(--lwc-colorBackgroundInputDisabled, rgb(236, 235, 234));
    border-color: var(--lwc-colorBorderInputDisabled, rgb(201, 199, 197))
}

.slds-listbox_inline, .slds-listbox--inline {
    display: inline-flex;
    flex-wrap: wrap;
    flex-shrink: 0;
    align-items: center;
    margin-left: var(--lwc-spacingXxxSmall, 0.125rem);
    margin-right: var(--lwc-spacingXxxSmall, 0.125rem)
}

.slds-listbox_inline li, .slds-listbox--inline li {
    display: flex
}

.slds-listbox_inline li + li, .slds-listbox--inline li + li {
    padding-left: var(--lwc-spacingXxxSmall, 0.125rem)
}

.slds-listbox_horizontal, .slds-listbox--horizontal {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center
}

.slds-listbox_horizontal li, .slds-listbox--horizontal li {
    display: flex
}

.slds-listbox_horizontal li + li, .slds-listbox--horizontal li + li {
    padding-left: var(--lwc-spacingXxxSmall, 0.125rem)
}

.slds-listbox__option:hover {
    cursor: pointer
}

.slds-listbox__option:focus {
    outline: 0
}

.slds-listbox__option .slds-truncate {
    display: inline-block;
    vertical-align: middle
}

.slds-listbox__option[aria-disabled=true] {
    color: var(--lwc-colorTextButtonDefaultDisabled, rgb(221, 219, 218))
}

.slds-listbox__option-header {
    font-size: var(--lwc-fontSize4, 0.875rem);
    font-weight: var(--lwc-fontWeightBold, 700)
}

.slds-listbox__option-icon {
    width: var(--lwc-squareIconSmallBoundary, 1.5rem);
    display: inline-flex;
    align-content: center;
    align-items: center;
    justify-content: center;
    color: var(--lwc-colorTextIconDefault, rgb(112, 110, 107))
}

.slds-listbox__option[aria-disabled=true] .slds-listbox__option-icon {
    color: currentColor
}

.slds-listbox_vertical .slds-listbox__option:focus, .slds-listbox_vertical .slds-listbox__option:hover, .slds-listbox_vertical .slds-listbox__option.slds-has-focus, .slds-listbox--vertical .slds-listbox__option:focus, .slds-listbox--vertical .slds-listbox__option:hover, .slds-listbox--vertical .slds-listbox__option.slds-has-focus {
    background-color: var(--lwc-colorBackgroundRowHover, rgb(243, 242, 242));
    text-decoration: none
}

.slds-listbox_vertical .slds-listbox__option[aria-disabled=true], .slds-listbox_vertical .slds-listbox__option[role=presentation]:hover, .slds-listbox--vertical .slds-listbox__option[aria-disabled=true], .slds-listbox--vertical .slds-listbox__option[role=presentation]:hover {
    background-color: transparent;
    cursor: default
}

.slds-listbox_vertical .slds-listbox__option_entity, .slds-listbox_vertical .slds-listbox__option--entity, .slds-listbox--vertical .slds-listbox__option_entity, .slds-listbox--vertical .slds-listbox__option--entity {
    padding: var(--lwc-spacingXxSmall, 0.25rem) var(--lwc-spacingSmall, 0.75rem)
}

.slds-listbox_vertical .slds-listbox__option_entity .slds-media__figure, .slds-listbox_vertical .slds-listbox__option--entity .slds-media__figure, .slds-listbox--vertical .slds-listbox__option_entity .slds-media__figure, .slds-listbox--vertical .slds-listbox__option--entity .slds-media__figure {
    margin-right: var(--lwc-spacingXSmall, 0.5rem)
}

.slds-listbox_vertical .slds-listbox__option_plain, .slds-listbox_vertical .slds-listbox__option--plain, .slds-listbox--vertical .slds-listbox__option_plain, .slds-listbox--vertical .slds-listbox__option--plain {
    padding: var(--lwc-spacingXSmall, 0.5rem) var(--lwc-spacingSmall, 0.75rem)
}

.slds-listbox_vertical .slds-listbox__option_term, .slds-listbox--vertical .slds-listbox__option_term {
    padding: var(--lwc-spacingXSmall, 0.5rem) var(--lwc-spacingSmall, 0.75rem)
}

.slds-listbox_vertical .slds-listbox__option_has-meta .slds-media__figure, .slds-listbox_vertical .slds-listbox__option--has-meta .slds-media__figure, .slds-listbox--vertical .slds-listbox__option_has-meta .slds-media__figure, .slds-listbox--vertical .slds-listbox__option--has-meta .slds-media__figure {
    margin-top: var(--lwc-spacingXxSmall, 0.25rem)
}

[class*=slds-input-has-icon_left] .slds-combobox__input[value], [class*=slds-input-has-icon--left] .slds-combobox__input[value], [class*=slds-input-has-icon_left] .slds-combobox__input.slds-combobox__input-value, [class*=slds-input-has-icon--left] .slds-combobox__input.slds-combobox__input-value {
    padding-left: 2.25rem
}

.slds-combobox__input-entity-icon {
    width: var(--lwc-squareIconXSmallBoundary, 1.25rem);
    height: var(--lwc-squareIconXSmallBoundary, 1.25rem);
    position: absolute;
    top: 50%;
    left: calc(var(--lwc-spacingXxSmall, 0.25rem) + 1px);
    transform: translateY(-50%);
    z-index: 2
}

.slds-combobox__input-entity-icon .slds-icon {
    width: var(--lwc-squareIconXSmallBoundary, 1.25rem);
    height: var(--lwc-squareIconXSmallBoundary, 1.25rem)
}

.slds-combobox_container__icon {
    color: var(--lwc-colorTextInputIcon, rgb(176, 173, 171))
}

.slds-listbox__icon-selected {
    opacity: 0;
    fill: var(--lwc-brandAccessible, rgb(0, 112, 210))
}

.slds-listbox__option.slds-is-selected .slds-listbox__icon-selected {
    opacity: 1
}

.slds-listbox__option.slds-is-selected .slds-listbox__option-icon {
    color: var(--lwc-brandAccessible, rgb(0, 112, 210))
}

.slds-listbox__option-text_entity, .slds-listbox__option-text--entity {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    margin-bottom: var(--lwc-spacingXxxSmall, 0.125rem)
}

.slds-listbox__option-meta {
    display: block;
    margin-top: calc(-1 * var(--lwc-spacingXxSmall, 0.25rem));
    color: var(--lwc-colorTextLabel, rgb(62, 62, 60))
}

.slds-listbox__option[aria-disabled=true] .slds-listbox__option-meta {
    color: currentColor
}

.slds-listbox_object-switcher, .slds-listbox--object-switcher {
    flex-shrink: 0;
    padding: var(--lwc-spacingXxxSmall, 0.125rem)
}

.slds-combobox_object-switcher {
    flex-shrink: 0
}

.slds-combobox_object-switcher .slds-combobox__input {
    width: 7.5rem;
    transition: width 80ms linear;
    font-size: var(--lwc-fontSize2, 0.75rem);
    color: var(--lwc-colorTextPlaceholder, rgb(112, 110, 107))
}

.slds-combobox_object-switcher .slds-combobox__input:focus, .slds-combobox_object-switcher .slds-combobox__input.slds-has-focus {
    width: 10rem
}

.slds-combobox__input:focus, .slds-combobox__input.slds-has-focus {
    border-color: var(--lwc-colorBorderInputActive, rgb(21, 137, 238));
    box-shadow: var(--lwc-shadowButtonFocus, 0 0 3px #0070D2)
}

.slds-combobox-group {
    display: flex;
    flex-direction: row
}

.slds-combobox-group .slds-combobox_container {
    flex: 1 1 auto
}

.slds-combobox-group .slds-combobox__input, .slds-combobox-group .slds-combobox_object-switcher__button {
    border-radius: 0;
    margin-left: -1px;
    margin-right: -1px;
    position: relative
}

.slds-combobox-group .slds-combobox__input:focus, .slds-combobox-group .slds-combobox__input.slds-has-focus, .slds-combobox-group .slds-combobox_object-switcher__button:focus, .slds-combobox-group .slds-combobox_object-switcher__button.slds-has-focus {
    z-index: 1
}

.slds-combobox-group.slds-has-selection .slds-combobox-addon_start .slds-combobox__input {
    border-bottom-left-radius: 0
}

.slds-combobox-group.slds-has-selection .slds-combobox-addon_end .slds-combobox__input {
    border-bottom-right-radius: 0
}

.slds-combobox-group.slds-has-selection ~ .slds-listbox_selection-group {
    display: flex;
    position: relative;
    background: var(--lwc-colorBackgroundAlt, rgb(255, 255, 255));
    border: 1px solid var(--lwc-colorBorder, rgb(221, 219, 218));
    border-top: 0;
    border-bottom-left-radius: var(--lwc-borderRadiusMedium, 0.25rem);
    border-bottom-right-radius: var(--lwc-borderRadiusMedium, 0.25rem);
    left: -1px
}

.slds-combobox-group .slds-listbox_horizontal li + li {
    padding: var(--lwc-spacingXxxSmall, 0.125rem)
}

.slds-listbox_selection-group {
    position: relative;
    padding: 0;
    padding-right: 3.75rem;
    height: var(--lwc-heightInput, 1.875rem);
    overflow: hidden
}

.slds-listbox_selection-group.slds-is-expanded {
    height: auto;
    padding: 0
}

.slds-listbox_selection-group .slds-listbox {
    padding: 0 0 var(--lwc-spacingXxxSmall, 0.125rem)
}

.slds-listbox_selection-group .slds-listbox-item {
    padding: var(--lwc-spacingXxxSmall, 0.125rem) var(--lwc-spacingXxxSmall, 0.125rem) 0
}

.slds-listbox_selection-group .slds-listbox-toggle {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: var(--lwc-spacingXSmall, 0.5rem)
}

.slds-listbox_selection-group .slds-listbox-toggle .slds-button {
    line-height: 1
}

.slds-combobox-addon_start .slds-combobox__input {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
}

.slds-combobox-addon_end .slds-combobox__input {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.slds-has-inline-listbox, .slds-has-object-switcher {
    flex-direction: row;
    background: var(--lwc-colorBackgroundInput, rgb(255, 255, 255));
    border: var(--lwc-borderWidthThin, 1px) solid var(--lwc-colorBorder, rgb(221, 219, 218));
    border-radius: var(--lwc-borderRadiusMedium, 0.25rem)
}

.slds-has-inline-listbox .slds-combobox, .slds-has-object-switcher .slds-combobox {
    flex-basis: 50%;
    flex-shrink: 0
}

.slds-has-inline-listbox .slds-combobox__input, .slds-has-object-switcher .slds-combobox__input {
    min-height: 100%;
    line-height: calc(var(--lwc-heightInput, 1.875rem) - 2px);
    border: 0;
    padding-top: var(--lwc-spacingXxxSmall, 0.125rem);
    padding-bottom: var(--lwc-spacingXxxSmall, 0.125rem)
}

.slds-has-inline-listbox .slds-combobox__input:focus, .slds-has-inline-listbox .slds-combobox__input:active, .slds-has-object-switcher .slds-combobox__input:focus, .slds-has-object-switcher .slds-combobox__input:active {
    outline: 0;
    box-shadow: none
}

.slds-has-inline-listbox .slds-listbox_object-switcher ~ .slds-listbox_inline, .slds-has-inline-listbox .slds-listbox--object-switcher ~ .slds-listbox--inline, .slds-has-inline-listbox .slds-combobox_container__icon ~ .slds-listbox_inline, .slds-has-inline-listbox .slds-combobox_container__icon ~ .slds-listbox--inline, .slds-has-object-switcher .slds-listbox_object-switcher ~ .slds-listbox_inline, .slds-has-object-switcher .slds-listbox--object-switcher ~ .slds-listbox--inline, .slds-has-object-switcher .slds-combobox_container__icon ~ .slds-listbox_inline, .slds-has-object-switcher .slds-combobox_container__icon ~ .slds-listbox--inline {
    margin-left: var(--lwc-spacingXSmall, 0.5rem)
}

.slds-has-inline-listbox.slds-has-icon_left, .slds-has-object-switcher.slds-has-icon_left {
    padding-left: 2.25rem
}

.slds-has-inline-listbox.slds-has-icon_left .slds-combobox_container__icon, .slds-has-object-switcher.slds-has-icon_left .slds-combobox_container__icon {
    width: var(--lwc-squareIconUtilitySmall, 1rem);
    height: var(--lwc-squareIconUtilitySmall, 1rem);
    position: absolute;
    left: 1.125rem;
    top: 50%;
    margin-top: calc(-1 * var(--lwc-spacingXSmall, 0.5rem))
}

.slds-has-inline-listbox [role=listbox] {
    display: inline-flex;
    padding: 0 var(--lwc-spacingXxxSmall, 0.125rem)
}

.slds-has-inline-listbox .slds-combobox__input-value {
    box-shadow: 0 0 0 2px #fff inset, 0 0 0 3px var(--lwc-colorBorder, rgb(221, 219, 218)) inset
}

.slds-picklist_draggable, .slds-picklist--draggable {
    display: flex
}

.slds-picklist_draggable .slds-button, .slds-picklist--draggable .slds-button {
    margin: var(--lwc-spacingXxSmall, 0.25rem)
}

.slds-picklist_draggable .slds-button:first-of-type, .slds-picklist--draggable .slds-button:first-of-type {
    margin-top: var(--lwc-spacingLarge, 1.5rem)
}

.slds-picklist__item {
    position: relative;
    line-height: var(--lwc-lineHeightText, 1.5)
}

.slds-picklist__item > a, .slds-picklist__item > span {
    display: block;
    padding: var(--lwc-spacingXSmall, 0.5rem) var(--lwc-spacingSmall, 0.75rem)
}

.slds-picklist__item > a:hover, .slds-picklist__item > span:hover {
    background-color: var(--lwc-colorBackgroundRowHover, rgb(243, 242, 242));
    cursor: pointer
}

.slds-picklist__item > a:active, .slds-picklist__item > span:active {
    background-color: var(--lwc-colorBackgroundRowActive, rgb(236, 235, 234))
}

.slds-picklist__item[aria-selected=true] {
    background-color: var(--lwc-colorBackgroundRowActive, rgb(236, 235, 234))
}

.slds-dueling-list {
    display: flex;
    clear: left
}

.slds-dueling-list__column {
    display: inline-flex;
    flex-direction: column
}

.slds-dueling-list__column .slds-button {
    margin: var(--lwc-spacingXxSmall, 0.25rem)
}

.slds-dueling-list__column .slds-button:first-of-type {
    margin-top: var(--lwc-spacingLarge, 1.5rem)
}

.slds-dueling-list__column_responsive {
    flex: 0 1 var(--lwc-sizeSmall, 15rem);
    flex-wrap: wrap;
    overflow: hidden;
    min-width: var(--lwc-sizeXxSmall, 6rem)
}

.slds-dueling-list__column_responsive .slds-dueling-list__options {
    width: auto;
    max-width: 100%
}

.slds-dueling-list__options, .slds-picklist__options {
    border: var(--lwc-borderWidthThin, 1px) solid var(--lwc-colorBorderInput, rgb(221, 219, 218));
    border-radius: var(--lwc-borderRadiusMedium, 0.25rem);
    padding: var(--lwc-spacingXxSmall, 0.25rem) 0;
    width: var(--lwc-sizeSmall, 15rem);
    height: var(--lwc-sizeSmall, 15rem);
    background-color: var(--lwc-colorBackgroundInputActive, rgb(255, 255, 255));
    overflow: auto
}

.slds-dueling-list__options [aria-selected=true], .slds-picklist__options [aria-selected=true] {
    background-color: var(--lwc-brandAccessible, rgb(0, 112, 210));
    color: var(--lwc-colorTextButtonBrand, rgb(255, 255, 255))
}

.slds-dueling-list__options [aria-selected=true]:hover, .slds-dueling-list__options [aria-selected=true]:focus, .slds-picklist__options [aria-selected=true]:hover, .slds-picklist__options [aria-selected=true]:focus {
    background: var(--lwc-brandAccessibleActive, rgb(0, 95, 178));
    color: var(--lwc-colorTextButtonBrandHover, rgb(255, 255, 255))
}

.slds-dueling-list__options .slds-is-grabbed, .slds-picklist__options .slds-is-grabbed {
    transform: rotate(3deg)
}

.slds-dueling-list__options.slds-is-disabled, .slds-picklist__options.slds-is-disabled {
    background-color: var(--lwc-colorBackgroundInputDisabled, rgb(236, 235, 234));
    border-color: var(--lwc-colorBorderInputDisabled, rgb(201, 199, 197));
    color: var(--lwc-colorTextInputDisabled, rgb(62, 62, 60))
}

.slds-dueling-list__options.slds-is-disabled:hover, .slds-picklist__options.slds-is-disabled:hover {
    cursor: not-allowed
}

.slds-dueling-list__options.slds-is-disabled .slds-listbox__option:hover, .slds-picklist__options.slds-is-disabled .slds-listbox__option:hover {
    cursor: not-allowed;
    background-color: transparent
}

.slds-dueling-list__options.slds-is-disabled .slds-listbox__option:focus, .slds-picklist__options.slds-is-disabled .slds-listbox__option:focus {
    background-color: transparent
}

.slds-disabled-text {
    color: var(--lwc-colorTextButtonDefaultDisabled, rgb(221, 219, 218))
}

.slds-datepicker {
    padding: 0;
    font-size: var(--lwc-fontSize2, 0.75rem)
}

.slds-datepicker th, .slds-datepicker td {
    text-align: center
}

.slds-datepicker th {
    padding: var(--lwc-spacingXSmall, 0.5rem);
    font-weight: var(--lwc-fontWeightRegular, 400);
    color: var(--lwc-colorTextLabel, rgb(62, 62, 60))
}

.slds-datepicker td {
    padding: var(--lwc-spacingXxSmall, 0.25rem);
    text-align: center;
    font-size: var(--lwc-fontSize2, 0.75rem)
}

.slds-datepicker td > .slds-day {
    width: var(--lwc-squareIconMediumBoundary, 2rem);
    height: var(--lwc-squareIconMediumBoundary, 2rem);
    display: block;
    position: relative;
    min-width: var(--lwc-squareIconMediumBoundary, 2rem);
    line-height: var(--lwc-squareIconMediumBoundary, 2rem);
    border-radius: var(--lwc-borderRadiusCircle, 50%);
    margin: auto
}

.slds-datepicker td:hover:not(.slds-disabled-text) > .slds-day, .slds-datepicker td:focus:not(.slds-disabled-text) > .slds-day, .slds-datepicker td.slds-is-today > .slds-day {
    cursor: pointer
}

.slds-datepicker td.slds-is-today > .slds-day {
    background-color: var(--lwc-colorBackgroundRowSelected, rgb(236, 235, 234))
}

.slds-datepicker td:focus {
    outline: 0
}

.slds-datepicker td:focus > .slds-day {
    box-shadow: var(--lwc-brandAccessible, rgb(0, 112, 210)) 0 0 0 1px inset
}

.slds-datepicker td.slds-is-selected > .slds-day {
    background: var(--lwc-brandAccessible, rgb(0, 112, 210));
    color: var(--lwc-colorTextBrandPrimary, rgb(255, 255, 255))
}

.slds-datepicker td.slds-is-selected:focus > .slds-day {
    background: var(--lwc-brandAccessibleActive, rgb(0, 95, 178));
    box-shadow: var(--lwc-brandAccessibleActive, rgb(0, 95, 178)) 0 0 3px;
    color: var(--lwc-colorTextBrandPrimary, rgb(255, 255, 255))
}

.slds-datepicker__filter {
    padding: var(--lwc-spacingXxSmall, 0.25rem)
}

.slds-datepicker__filter_month, .slds-datepicker__filter--month {
    padding: 0 var(--lwc-spacingXxSmall, 0.25rem) 0 0
}

.slds-datepicker__month {
    font-size: var(--lwc-fontSize2, 0.75rem)
}

.slds-has-error .slds-datepicker__filter .slds-select {
    border: var(--lwc-borderWidthThin, 1px) solid var(--lwc-colorBorderInput, rgb(221, 219, 218));
    box-shadow: none
}

.slds-day_adjacent-month {
    color: var(--lwc-datepickerColorTextDayAdjacentMonth, rgb(112, 110, 107))
}

.slds-datepicker .slds-has-multi-selection .slds-is-selected-multi:last-child > .slds-day:after {
    left: auto;
    right: 0;
    transform: translateX(var(--lwc-spacingXxSmall, 0.25rem))
}

.slds-datepicker .slds-has-multi-row-selection .slds-is-selected-multi:first-child > .slds-day:before, .slds-datepicker .slds-has-multi-row-selection .slds-is-selected-multi:last-child > .slds-day:after {
    content: '';
    position: absolute;
    background: var(--lwc-brandAccessible, rgb(0, 112, 210));
    top: 0;
    left: -50%;
    height: 100%;
    width: 2.5rem;
    transform: translateX(var(--lwc-spacingXSmall, 0.5rem) *-1);
    z-index: -1
}

.slds-datepicker .slds-has-multi-row-selection .slds-is-selected-multi:first-child > .slds-day:before {
    left: 0;
    transform: translateX(var(--lwc-spacingXxSmall, 0.25rem) *-1)
}

.slds-datepicker .slds-has-multi-row-selection .slds-is-selected-multi:last-child > .slds-day:after {
    left: auto;
    right: 0;
    transform: translateX(var(--lwc-spacingXxSmall, 0.25rem))
}

.slds-datepicker td.slds-is-selected-multi > .slds-day {
    overflow: visible
}

.slds-datepicker td.slds-is-selected-multi.slds-is-today > .slds-day {
    box-shadow: var(--lwc-colorBackgroundAlt, rgb(255, 255, 255)) 0 0 0 1px inset
}

.slds-datepicker td.slds-is-selected-multi + .slds-is-selected-multi > .slds-day:before {
    content: '';
    position: absolute;
    background: var(--lwc-brandAccessible, rgb(0, 112, 210));
    top: 0;
    left: -50%;
    height: 100%;
    width: 2.5rem;
    transform: translateX(var(--lwc-spacingXSmall, 0.5rem) *-1);
    z-index: -1
}

.slds-datepicker_time, .slds-datepicker--time {
    max-width: var(--lwc-sizeXSmall, 12rem);
    max-height: 13.5rem;
    overflow: hidden;
    overflow-y: auto
}

.slds-datepicker_time__list > li, .slds-datepicker--time__list > li {
    white-space: nowrap;
    padding: var(--lwc-spacingXSmall, 0.5rem);
    padding-left: var(--lwc-spacingXLarge, 2rem);
    padding-right: var(--lwc-spacingXLarge, 2rem)
}

.slds-datepicker_time__list > li:hover, .slds-datepicker_time__list > li:focus, .slds-datepicker--time__list > li:hover, .slds-datepicker--time__list > li:focus {
    background: var(--lwc-colorBackgroundRowHover, rgb(243, 242, 242));
    text-decoration: none;
    cursor: pointer
}

.slds-docked-composer_overflow__pill, .slds-docked-composer--overflow__pill {
    display: flex;
    padding: 0 var(--lwc-spacingSmall, 0.75rem);
    height: inherit;
    white-space: nowrap;
    border-bottom-left-radius: var(--lwc-borderRadiusMedium, 0.25rem);
    border-bottom-right-radius: var(--lwc-borderRadiusMedium, 0.25rem)
}

.slds-docked-composer_overflow__pill:hover, .slds-docked-composer_overflow__pill:focus, .slds-docked-composer--overflow__pill:hover, .slds-docked-composer--overflow__pill:focus {
    color: var(--lwc-colorTextInverse, rgb(255, 255, 255));
    text-decoration: none
}

.slds-docked-composer_overflow__pill .slds-text-body_small, .slds-docked-composer_overflow__pill .slds-text-body--small, .slds-docked-composer--overflow__pill .slds-text-body_small, .slds-docked-composer--overflow__pill .slds-text-body--small {
    color: var(--lwc-colorTextInverse, rgb(255, 255, 255));
    margin-left: var(--lwc-spacingXSmall, 0.5rem)
}

.slds-docked_container {
    display: flex;
    align-items: flex-end;
    position: fixed;
    bottom: 0;
    right: 0;
    padding: 0 var(--lwc-spacingLarge, 1.5rem);
    height: var(--lwc-heightDockedBar, 2.5rem)
}

.slds-docked-composer {
    position: relative;
    border-radius: var(--lwc-borderRadiusMedium, 0.25rem) var(--lwc-borderRadiusMedium, 0.25rem) 0 0;
    width: 480px;
    height: var(--lwc-heightDockedBar, 2.5rem);
    float: left;
    box-shadow: var(--lwc-elevationInverseShadow2, 0 -2px 2px 0 rgba(0, 0, 0, 0.16));
    border: var(--lwc-borderWidthThin, 1px) solid var(--lwc-colorBorder, rgb(221, 219, 218));
    border-bottom: none;
    background-color: var(--lwc-colorBackgroundDockedPanel, rgb(255, 255, 255))
}

.slds-docked-composer.slds-has-focus {
    box-shadow: 0 0 4px 2px var(--lwc-brandAccessible, rgb(0, 112, 210))
}

.slds-docked-composer.slds-is-open {
    height: 480px
}

.slds-docked-composer.slds-is-closed {
    height: var(--lwc-heightDockedBar, 2.5rem)
}

.slds-docked-composer.slds-is-closed .slds-docked-composer__body, .slds-docked-composer.slds-is-closed .slds-docked-composer__footer {
    display: none
}

.slds-docked-composer + .slds-docked-composer {
    margin-left: var(--lwc-spacingLarge, 1.5rem)
}

.slds-docked-composer__header {
    background: var(--lwc-colorBackgroundDockedPanelHeader, rgb(255, 255, 255));
    border-bottom: var(--lwc-borderWidthThick, 2px) solid var(--lwc-brandPrimary, rgb(21, 137, 238));
    border-radius: var(--lwc-borderRadiusMedium, 0.25rem) var(--lwc-borderRadiusMedium, 0.25rem) 0 0;
    padding: var(--lwc-spacingXSmall, 0.5rem) var(--lwc-spacingSmall, 0.75rem)
}

.slds-docked-composer__actions .slds-button {
    margin-left: var(--lwc-spacingSmall, 0.75rem)
}

.slds-docked-composer__body {
    display: flex;
    flex: 1 0 auto;
    flex-direction: column;
    overflow: auto
}

.slds-docked-composer__body_form, .slds-docked-composer__body--form {
    justify-content: flex-start;
    padding: var(--lwc-spacingMedium, 1rem)
}

.slds-docked-composer__lead {
    display: flex;
    background: var(--lwc-colorBackgroundAlt, rgb(255, 255, 255));
    padding: var(--lwc-spacingMedium, 1rem) var(--lwc-spacingXSmall, 0.5rem)
}

.slds-docked-composer__toolbar {
    background: var(--lwc-colorBackground, rgb(243, 242, 242));
    padding: var(--lwc-spacingXxSmall, 0.25rem) var(--lwc-spacingXSmall, 0.5rem);
    max-height: 60px;
    overflow-y: auto;
    border-top: var(--lwc-borderWidthThin, 1px) solid var(--lwc-colorBorder, rgb(221, 219, 218));
    border-bottom: var(--lwc-borderWidthThin, 1px) solid var(--lwc-colorBorder, rgb(221, 219, 218))
}

.slds-docked-composer__input {
    background: var(--lwc-colorBackgroundAlt, rgb(255, 255, 255));
    padding: var(--lwc-spacingMedium, 1rem);
    min-height: var(--lwc-sizeXxSmall, 6rem);
    resize: none;
    line-height: var(--lwc-lineHeightText, 1.5);
    overflow: hidden;
    overflow-y: auto
}

.slds-docked-composer__footer {
    display: flex;
    background: var(--lwc-colorBackground, rgb(243, 242, 242));
    padding: var(--lwc-spacingSmall, 0.75rem) var(--lwc-spacingXSmall, 0.5rem);
    border-top: var(--lwc-borderWidthThin, 1px) solid var(--lwc-colorBorder, rgb(221, 219, 218))
}

.slds-docked-composer_overflow, .slds-docked-composer--overflow {
    width: auto
}

.slds-docked-composer_overflow__button, .slds-docked-composer--overflow__button {
    display: flex;
    background: var(--lwc-colorBackgroundDockedPanelHeader, rgb(255, 255, 255));
    padding: 0 var(--lwc-spacingSmall, 0.75rem);
    height: inherit;
    white-space: nowrap;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.slds-docked-composer-modal .slds-modal__content {
    border-radius: var(--lwc-borderRadiusMedium, 0.25rem)
}

.slds-docked-composer-modal .slds-docked-composer {
    width: 100%;
    height: 100%;
    border: 0
}

.slds-email-composer {
    position: relative;
    flex: 1 1 auto
}

.slds-email-composer .slds-rich-text-editor {
    border: 0;
    border-top: var(--lwc-borderWidthThin, 1px) solid var(--lwc-colorBorder, rgb(221, 219, 218));
    border-radius: 0
}

.slds-email-composer__combobox {
    padding-left: var(--lwc-spacingXxLarge, 3rem);
    border: 0;
    border-bottom: var(--lwc-borderWidthThin, 1px) solid var(--lwc-colorBorder, rgb(221, 219, 218));
    border-radius: 0
}

.slds-email-composer__combobox .slds-form-element__label {
    position: absolute;
    left: var(--lwc-spacingSmall, 0.75rem);
    top: 50%;
    transform: translateY(-50%)
}

.slds-email-composer__combobox .slds-combobox_container, .slds-email-composer__combobox .slds-input[value] {
    border: 0;
    box-shadow: none
}

.slds-email-composer__recipient {
    position: absolute;
    top: 0;
    right: var(--lwc-spacingSmall, 0.75rem)
}

.slds-utility-bar_container {
    position: relative
}

.slds-utility-bar {
    display: flex;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: var(--lwc-heightDockedBar, 2.5rem);
    background: var(--lwc-colorBackgroundDockedPanel, rgb(255, 255, 255));
    box-shadow: var(--lwc-shadowDocked, 0 -2px 2px 0 rgba(0, 0, 0, 0.16));
    z-index: var(--lwc-zIndexDocked, 4)
}

.slds-utility-bar .slds-indicator_unread, .slds-utility-bar .slds-indicator--unread {
    background: var(--lwc-utilityBarColorBackgroundNotificationBadge, rgb(212, 80, 76));
    top: var(--lwc-spacingXSmall, 0.5rem)
}

.slds-utility-bar__item {
    display: flex;
    margin-right: var(--lwc-borderWidthThin, 1px)
}

.slds-utility-bar__item_pop-out {
    position: relative
}

.slds-utility-bar__item_pop-out:before {
    content: '';
    position: absolute;
    top: 4px;
    right: 4px;
    height: 4px;
    width: 4px;
    border-top: var(--lwc-borderWidthThin, 1px) solid var(--lwc-colorTextDefault, rgb(8, 7, 7));
    border-right: var(--lwc-borderWidthThin, 1px) solid var(--lwc-colorTextDefault, rgb(8, 7, 7))
}

[dir=rtl] .slds-utility-bar__item_pop-out:before {
    right: auto;
    left: 4px;
    border-right-width: 0;
    border-left: var(--lwc-borderWidthThin, 1px) solid var(--lwc-colorTextDefault, rgb(8, 7, 7))
}

.slds-utility-bar__item_pop-out:after {
    content: '';
    position: absolute;
    top: 2px;
    right: 6px;
    height: 7px;
    width: 7px;
    border-right: var(--lwc-borderWidthThin, 1px) solid var(--lwc-colorTextDefault, rgb(8, 7, 7));
    transform: rotate(45deg)
}

[dir=rtl] .slds-utility-bar__item_pop-out:after {
    right: auto;
    left: 6px;
    border-right-width: 0;
    border-left: var(--lwc-borderWidthThin, 1px) solid var(--lwc-colorTextDefault, rgb(8, 7, 7));
    transform: rotate(-45deg)
}

.slds-utility-bar__action {
    position: relative;
    display: inline-flex;
    align-items: center;
    padding: 0 var(--lwc-spacingSmall, 0.75rem);
    border-radius: 0;
    border: 0;
    color: var(--lwc-colorTextDefault, rgb(8, 7, 7))
}

.slds-utility-bar__action:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: transparent
}

.slds-utility-bar__action:focus, .slds-utility-bar__action:hover {
    box-shadow: none
}

.slds-utility-bar__action:focus:after {
    height: 3px;
    background: var(--lwc-brandPrimary, rgb(21, 137, 238))
}

.slds-utility-bar__action:hover, .slds-utility-bar__action:focus {
    background: var(--lwc-brandPrimaryTransparent10, rgba(21, 137, 238, 0.1));
    color: inherit
}

.slds-utility-bar__action.slds-is-active {
    background: var(--lwc-brandPrimaryTransparent10, rgba(21, 137, 238, 0.1));
    color: inherit
}

.slds-utility-bar__action.slds-is-active:after {
    background: var(--lwc-brandPrimary, rgb(21, 137, 238))
}

.slds-utility-bar__text {
    display: flex;
    flex-direction: column;
    line-height: 1;
    text-align: left
}

.slds-has-notification .slds-utility-bar__action {
    background: var(--lwc-colorBackgroundInfo, rgb(112, 110, 107));
    color: var(--lwc-colorTextInverse, rgb(255, 255, 255))
}

.slds-has-notification .slds-utility-bar__action:hover, .slds-has-notification .slds-utility-bar__action:focus {
    background: var(--lwc-colorBackgroundAltInverse, rgb(22, 50, 92))
}

.slds-has-notification .slds-utility-bar__action:focus:after {
    background: var(--lwc-utilityBarColorBackgroundNotificationFocus, rgb(201, 199, 197))
}

.slds-utility-panel {
    position: fixed;
    bottom: var(--lwc-lineHeightButton, 1.875rem);
    width: 21.25rem;
    height: 30rem;
    border-radius: var(--lwc-borderRadiusMedium, 0.25rem) var(--lwc-borderRadiusMedium, 0.25rem) 0 0;
    border: var(--lwc-borderWidthThin, 1px) solid var(--lwc-colorBorder, rgb(221, 219, 218));
    border-bottom: none;
    background: var(--lwc-colorBackgroundDockedPanel, rgb(255, 255, 255));
    transform: translateY(100%)
}

.slds-utility-panel.slds-is-open {
    box-shadow: var(--lwc-shadowDocked, 0 -2px 2px 0 rgba(0, 0, 0, 0.16));
    transform: translateY(0)
}

.slds-utility-panel__header {
    background: var(--lwc-colorBackgroundDockedPanelHeader, rgb(255, 255, 255));
    border-bottom: var(--lwc-borderWidthThick, 2px) solid var(--lwc-brandPrimary, rgb(21, 137, 238));
    border-radius: var(--lwc-borderRadiusMedium, 0.25rem) var(--lwc-borderRadiusMedium, 0.25rem) 0 0;
    padding: var(--lwc-spacingXSmall, 0.5rem) var(--lwc-spacingSmall, 0.75rem)
}

.slds-utility-panel__body {
    display: flex;
    flex: 1 1 0%;
    flex-direction: column;
    overflow: auto
}

.slds-drop-zone {
    position: relative
}

.slds-drop-zone:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    border: var(--lwc-borderWidthThin, 1px) dotted var(--lwc-colorGray11, rgb(62, 62, 60));
    outline: var(--lwc-borderWidthThin, 1px) dotted var(--lwc-colorGray1, rgb(255, 255, 255))
}

.slds-drop-zone.slds-drop-zone_drag:after {
    border: var(--lwc-borderWidthThin, 1px) solid var(--lwc-colorBackgroundSuccessDark, rgb(4, 132, 75));
    outline: 0
}

.slds-drop-zone__label {
    color: var(--lwc-colorTextInverse, rgb(255, 255, 255));
    background: var(--lwc-colorBackgroundSuccessDark, rgb(4, 132, 75));
    border-radius: var(--lwc-borderRadiusMedium, 0.25rem) var(--lwc-borderRadiusMedium, 0.25rem) 0 0;
    padding: var(--lwc-spacingXxSmall, 0.25rem) var(--lwc-spacingXSmall, 0.5rem);
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -100%)
}

.slds-drop-zone__label.slds-drop-zone__label_container {
    opacity: 0;
    background: var(--lwc-colorBackgroundBrandPrimary, rgb(0, 112, 210))
}

.slds-drop-zone__label_button {
    border-radius: 0
}

.slds-drop-zone__label_button:hover, .slds-drop-zone__label_button:focus {
    text-decoration: underline;
    outline: none
}

.slds-drop-zone_drag__slot {
    border: var(--lwc-borderWidthThin, 1px) solid var(--lwc-colorGray1, rgb(255, 255, 255));
    border-left-width: var(--lwc-borderWidthThick, 2px);
    border-right-width: var(--lwc-borderWidthThick, 2px);
    background: var(--lwc-colorBackgroundSuccessDark, rgb(4, 132, 75));
    width: 100%;
    height: var(--lwc-dropZoneSlotHeight, 0.25rem)
}

.slds-drop-zone__container {
    position: relative;
    z-index: var(--lwc-zIndexOverlay, 8000)
}

.slds-drop-zone__container:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

.slds-drop-zone__container.slds-is-hovered .slds-drop-zone__label_container, .slds-drop-zone__container.slds-is-hovered .slds-drop-zone__actions, .slds-drop-zone__container:hover .slds-drop-zone__label_container, .slds-drop-zone__container:hover .slds-drop-zone__actions {
    opacity: 1;
    z-index: var(--lwc-zIndexOverlay, 8000)
}

.slds-drop-zone__container.slds-is-hovered:after, .slds-drop-zone__container:hover:after {
    border: var(--lwc-borderWidthThin, 1px) solid var(--lwc-colorBorderBrandPrimary, rgb(21, 137, 238))
}

.slds-drop-zone__container:active:after {
    border: var(--lwc-borderWidthThick, 2px) solid var(--lwc-colorBorderBrandPrimaryActive, rgb(0, 57, 107))
}

.slds-drop-zone__container:active .slds-drop-zone__label {
    background-color: var(--lwc-colorBackgroundBrandPrimaryActive, rgb(0, 57, 107))
}

.slds-drop-zone__container:focus-within {
    outline: none
}

.slds-drop-zone__container:focus-within .slds-drop-zone__label_container, .slds-drop-zone__container:focus-within .slds-drop-zone__actions {
    opacity: 1;
    z-index: var(--lwc-zIndexOverlay, 8000)
}

.slds-drop-zone__container:focus-within:after {
    border: var(--lwc-borderWidthThick, 2px) solid var(--lwc-colorBorderBrandPrimaryFocus, rgb(0, 112, 210))
}

.slds-drop-zone__container:focus-within .slds-drop-zone__label {
    background-color: var(--lwc-colorBackgroundBrandPrimaryFocus, rgb(0, 95, 178))
}

.slds-drop-zone__actions {
    opacity: 0;
    background: var(--lwc-colorBackgroundBrandPrimary, rgb(0, 112, 210));
    position: absolute;
    right: 0;
    top: 0
}

.slds-global-header__button_icon, .slds-global-header__button--icon {
    margin: 0 var(--lwc-spacingXxSmall, 0.25rem);
    color: var(--lwc-brandHeaderContrastWeak, rgb(145, 145, 145))
}

.slds-global-header__button_icon .slds-icon, .slds-global-header__button--icon .slds-icon {
    fill: var(--lwc-brandHeaderContrastWeak, rgb(145, 145, 145))
}

.slds-global-header__button_icon:hover:not(:disabled), .slds-global-header__button_icon:focus, .slds-global-header__button--icon:hover:not(:disabled), .slds-global-header__button--icon:focus {
    color: var(--lwc-brandHeaderContrastWeakActive, rgb(129, 129, 129))
}

.slds-global-header__button_icon:hover:not(:disabled) .slds-icon, .slds-global-header__button_icon:focus .slds-icon, .slds-global-header__button--icon:hover:not(:disabled) .slds-icon, .slds-global-header__button--icon:focus .slds-icon {
    fill: var(--lwc-brandHeaderContrastWeakActive, rgb(129, 129, 129))
}

.slds-global-header__button_icon-actions, .slds-global-header__button--icon-actions {
    background: var(--lwc-brandHeaderContrastWeak, rgb(145, 145, 145));
    border-radius: var(--lwc-borderRadiusMedium, 0.25rem);
    color: var(--lwc-brandHeader, rgb(255, 255, 255))
}

.slds-global-header__button_icon-actions:hover, .slds-global-header__button_icon-actions:focus, .slds-global-header__button--icon-actions:hover, .slds-global-header__button--icon-actions:focus {
    background-color: var(--lwc-brandHeaderContrastWeakActive, rgb(129, 129, 129));
    color: var(--lwc-brandHeader, rgb(255, 255, 255))
}

.slds-global-header__button_icon-actions .slds-button__icon, .slds-global-header__button--icon-actions .slds-button__icon {
    width: 1rem;
    height: 1rem
}

.slds-global-header__button_icon-favorites, .slds-global-header__button--icon-favorites {
    color: var(--lwc-colorTextIconInverse, rgb(255, 255, 255))
}

.slds-global-header__button_icon-favorites .slds-icon, .slds-global-header__button_icon-favorites .slds-button__icon, .slds-global-header__button--icon-favorites .slds-icon, .slds-global-header__button--icon-favorites .slds-button__icon {
    color: var(--lwc-brandHeader, rgb(255, 255, 255));
    stroke: var(--lwc-brandHeaderContrastWeak, rgb(145, 145, 145));
    stroke-width: var(--lwc-borderStrokeWidthThick, 2px);
    stroke-linejoin: round;
    stroke-linecap: round
}

.slds-global-header__button_icon-favorites:hover .slds-icon, .slds-global-header__button_icon-favorites:hover .slds-button__icon, .slds-global-header__button_icon-favorites:focus .slds-icon, .slds-global-header__button_icon-favorites:focus .slds-button__icon, .slds-global-header__button--icon-favorites:hover .slds-icon, .slds-global-header__button--icon-favorites:hover .slds-button__icon, .slds-global-header__button--icon-favorites:focus .slds-icon, .slds-global-header__button--icon-favorites:focus .slds-button__icon {
    color: var(--lwc-brandHeader, rgb(255, 255, 255));
    stroke: var(--lwc-brandHeaderContrastWeakActive, rgb(129, 129, 129))
}

.slds-global-header__button_icon-favorites.slds-is-selected .slds-icon, .slds-global-header__button_icon-favorites.slds-is-selected .slds-button__icon, .slds-global-header__button--icon-favorites.slds-is-selected .slds-icon, .slds-global-header__button--icon-favorites.slds-is-selected .slds-button__icon {
    color: var(--lwc-brandHeader, rgb(255, 255, 255));
    stroke: var(--lwc-brandAccessible, rgb(0, 112, 210));
    stroke-width: var(--lwc-borderStrokeWidthThin, 1px);
    fill: var(--lwc-brandHeader, rgb(255, 255, 255))
}

.slds-global-header__button_icon-favorites.slds-is-selected:hover .slds-icon, .slds-global-header__button_icon-favorites.slds-is-selected:hover .slds-button__icon, .slds-global-header__button_icon-favorites.slds-is-selected:focus .slds-icon, .slds-global-header__button_icon-favorites.slds-is-selected:focus .slds-button__icon, .slds-global-header__button--icon-favorites.slds-is-selected:hover .slds-icon, .slds-global-header__button--icon-favorites.slds-is-selected:hover .slds-button__icon, .slds-global-header__button--icon-favorites.slds-is-selected:focus .slds-icon, .slds-global-header__button--icon-favorites.slds-is-selected:focus .slds-button__icon {
    color: var(--lwc-brandHeader, rgb(255, 255, 255));
    stroke: var(--lwc-brandAccessibleActive, rgb(0, 95, 178));
    fill: var(--lwc-brandHeader, rgb(255, 255, 255))
}

.slds-global-header__button_icon-favorites.slds-is-selected:active .slds-icon, .slds-global-header__button_icon-favorites.slds-is-selected:active .slds-button__icon, .slds-global-header__button--icon-favorites.slds-is-selected:active .slds-icon, .slds-global-header__button--icon-favorites.slds-is-selected:active .slds-button__icon {
    color: var(--lwc-brandHeader, rgb(255, 255, 255));
    stroke: var(--lwc-brandAccessibleActive, rgb(0, 95, 178));
    fill: var(--lwc-brandHeader, rgb(255, 255, 255))
}

.slds-global-header__button_icon-favorites.slds-is-disabled .slds-icon, .slds-global-header__button_icon-favorites.slds-is-disabled .slds-button__icon, .slds-global-header__button_icon-favorites:disabled .slds-icon, .slds-global-header__button_icon-favorites:disabled .slds-button__icon, .slds-global-header__button--icon-favorites.slds-is-disabled .slds-icon, .slds-global-header__button--icon-favorites.slds-is-disabled .slds-button__icon, .slds-global-header__button--icon-favorites:disabled .slds-icon, .slds-global-header__button--icon-favorites:disabled .slds-button__icon {
    stroke: var(--lwc-brandHeaderContrastWeakDisabled, rgba(166, 166, 166, 0.25))
}

.slds-global-header__icon, .slds-global-header__icon .slds-icon, .slds-global-header__icon .slds-button__icon {
    width: 1.25rem;
    height: 1.25rem
}

.slds-global-header_container {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    z-index: var(--lwc-zIndexSticky, 100)
}

.slds-global-header_container .slds-assistive-text_focus, .slds-global-header_container .slds-assistive-text--focus {
    top: 0;
    color: var(--lwc-brandHeaderContrast, rgb(94, 94, 94));
    background: var(--lwc-brandHeader, rgb(255, 255, 255))
}

.slds-global-header {
    background: var(--lwc-brandHeader, rgb(255, 255, 255));
    box-shadow: var(--lwc-shadowHeader, 0 2px 4px rgba(0, 0, 0, 0.07));
    padding: var(--lwc-spacingXSmall, 0.5rem) 0;
    height: var(--lwc-heightHeader, 3.125rem);
    align-items: center
}

.slds-global-header__item {
    padding: 0 var(--lwc-spacingMedium, 1rem)
}

.slds-global-header__item_search, .slds-global-header__item--search {
    flex: 0 1 33.5rem;
    min-width: 27.5rem;
    padding: 0
}

.slds-global-header .slds-global-search__form-element .slds-input {
    padding-left: 3rem
}

.slds-global-header .slds-global-search__form-element .slds-input__icon_left, .slds-global-header .slds-global-search__form-element .slds-input__icon--left {
    left: 1.25rem
}

.slds-global-header .slds-global-search__form-element .slds-icon {
    fill: var(--lwc-colorTextInputIcon, rgb(176, 173, 171))
}


.slds-global-actions {
    display: flex;
    align-items: center
}

.slds-global-actions__item {
    margin-left: var(--lwc-spacingXxSmall, 0.25rem);
    margin-right: var(--lwc-spacingXxSmall, 0.25rem)
}

.slds-global-actions__item .slds-button_icon {
    color: var(--lwc-brandHeaderContrastWeak, rgb(145, 145, 145))
}

.slds-global-actions__item-action {
    transition: color 200ms linear
}

.slds-global-actions__item-action:hover:not(:disabled), .slds-global-actions__item-action:focus {
    color: var(--lwc-brandHeaderContrastWeakActive, rgb(129, 129, 129))
}

.slds-global-actions__item-action:active {
    animation: click-icon 120ms cubic-bezier(1, 1.9, 0.94, 0.98)
}

.slds-global-actions__item-action:active:not(:disabled) {
    color: var(--lwc-brandHeaderContrast, rgb(94, 94, 94))
}

@keyframes click-icon {
    25% {
        transform: scale(0.94, 0.94)
    }
    100% {
        transform: scale(0.98, 0.98)
    }
}

.slds-global-actions__avatar {
    box-shadow: var(--lwc-brandHeaderContrastWeakActive, rgb(129, 129, 129)) 0 0 0 0;
    border-radius: var(--lwc-borderRadiusCircle, 50%);
    border: 0;
    margin-left: var(--lwc-spacingXSmall, 0.5rem);
    transition: transform 80ms ease-out, box-shadow .1s linear
}

.slds-global-actions__avatar:hover, .slds-global-actions__avatar:focus {
    box-shadow: var(--lwc-brandHeaderContrastWeakActive, rgb(129, 129, 129)) 0 0 0 2px
}

.slds-global-actions__favorites {
    display: inline-flex;
    margin-right: var(--lwc-spacingXSmall, 0.5rem)
}

.slds-global-actions__favorites-action {
    border-color: var(--lwc-brandHeaderContrastWeak, rgb(145, 145, 145))
}

.slds-global-actions__favorites-action:hover {
    border-color: var(--lwc-brandHeaderContrast, rgb(94, 94, 94))
}

.slds-global-actions__favorites-action .slds-button__icon {
    width: 1rem;
    height: 1rem;
    transition: transform 200ms ease-out
}

.slds-global-actions__favorites-action:hover:not(:disabled) .slds-button__icon {
    transform: scale(1.1, 1.1);
    transform-origin: 60% 40%
}

.slds-global-actions__favorites-action.slds-is-selected {
    background-color: var(--lwc-brandHeaderContrastCool, rgb(0, 85, 131));
    border-color: var(--lwc-brandHeaderContrastCool, rgb(0, 85, 131))
}

.slds-global-actions__favorites-action.slds-is-selected:hover, .slds-global-actions__favorites-action.slds-is-selected:focus {
    background-color: var(--lwc-brandHeaderContrastCoolActive, rgb(0, 85, 131));
    border-color: var(--lwc-brandHeaderContrastCoolActive, rgb(0, 85, 131))
}

.slds-global-actions__favorites-action.slds-is-selected .slds-button__icon {
    animation: click-favorites-icon 600ms cubic-bezier(0.46, 0.32, 0, 0.98)
}

.slds-global-actions__favorites-action:disabled, .slds-global-actions__favorites-action.slds-is-disabled {
    color: var(--lwc-brandHeaderContrastWeakDisabled, rgba(166, 166, 166, 0.25));
    border-color: var(--lwc-brandHeaderContrastWeakDisabled, rgba(166, 166, 166, 0.25))
}

.slds-global-actions__favorites-more {
    width: auto;
    padding-left: var(--lwc-spacingXxxSmall, 0.125rem);
    padding-right: var(--lwc-spacingXxxSmall, 0.125rem);
    border-color: var(--lwc-brandHeaderContrastWeak, rgb(145, 145, 145))
}

.slds-global-actions__favorites-more:hover {
    border-color: var(--lwc-brandHeaderContrast, rgb(94, 94, 94))
}

@keyframes click-favorites-icon {
    25% {
        transform: scale(0.85, 0.85) rotate(15deg)
    }
    75% {
        transform: scale(1.2, 1.2) rotate(0deg)
    }
    100% {
        transform: scale(1, 1) rotate(0deg)
    }
}

.slds-global-actions__task {
    width: 1.25rem;
    height: 1.25rem;
    background: var(--lwc-brandHeaderContrastWeak, rgb(145, 145, 145));
    position: relative;
    top: -1px
}

.slds-global-actions__task:hover {
    background: var(--lwc-brandHeaderContrastWeakActive, rgb(129, 129, 129))
}

.slds-global-actions__task:active {
    background: var(--lwc-brandHeaderContrast, rgb(94, 94, 94))
}

.slds-global-actions__task.slds-global-actions__item-action, .slds-global-actions__task.slds-global-actions__item-action:hover, .slds-global-actions__task.slds-global-actions__item-action:active {
    color: #fff
}

.slds-global-actions__task .slds-button__icon {
    width: 1rem;
    height: 1rem
}

.slds-global-actions__notifications {
    position: relative
}

.slds-global-actions__notifications.slds-incoming-notification {
    animation: bell .8s ease-in-out
}

.slds-notification-badge {
    display: inline-flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    position: absolute;
    top: -.25rem;
    right: -.25rem;
    background: var(--lwc-brandHeaderContrastWarm, rgb(191, 2, 1));
    color: #fff;
    border-radius: var(--lwc-borderRadiusPill, 15rem);
    min-width: 1rem;
    min-height: 1rem;
    text-align: center;
    font-size: var(--lwc-fontSize1, 0.625rem);
    padding: 0 var(--lwc-spacingXxxSmall, 0.125rem);
    opacity: 0;
    pointer-events: none
}

.slds-notification-badge.slds-show-notification {
    animation: ding .8s ease-out;
    opacity: 1;
    transition-delay: .5s;
    transform-origin: 1.1875rem 0
}

@keyframes ding {
    75% {
        transform: scale(0.5, 0.5)
    }
    85% {
        transform: scale(1.5, 1.5)
    }
    100% {
        transform: scale(1, 1)
    }
}

@keyframes bell {
    45% {
        transform: rotate(15deg)
    }
    57% {
        transform: rotate(-15deg)
    }
    70% {
        transform: rotate(7deg)
    }
    77% {
        transform: rotate(-5deg)
    }
}

.slds-global-header__notification {
    border-bottom: 1px solid var(--lwc-colorBorder, rgb(221, 219, 218));
    padding: var(--lwc-spacingXxSmall, 0.25rem)
}

.slds-global-header__notification_unread, .slds-global-header__notification--unread {
    background-color: var(--lwc-colorBackgroundRowSelected, rgb(236, 235, 234))
}

.slds-global-header__notification:hover {
    background-color: var(--lwc-colorBackgroundRowHover, rgb(243, 242, 242))
}

.slds-global-header__notification:last-child {
    border-bottom: 0
}

.slds-context-bar {
    display: flex;
    height: var(--lwc-heightContextBar, 2.5rem);
    background-color: var(--lwc-colorBackgroundContextBar, rgb(255, 255, 255));
    border-bottom: 3px solid var(--lwc-brandPrimary, rgb(21, 137, 238));
    color: var(--lwc-colorTextDefault, rgb(8, 7, 7));
    position: relative;
    padding: 0 0 0 var(--lwc-spacingLarge, 1.5rem)
}

.slds-context-bar__primary, .slds-context-bar__secondary, .slds-context-bar__tertiary {
    display: flex;
    flex-shrink: 0
}

.slds-context-bar__secondary {
    flex: 1 1 0%;
    min-width: 0
}

.slds-context-bar__vertical-divider {
    width: 0;
    overflow: hidden;
    border-left: var(--lwc-borderWidthThin, 1px) solid var(--lwc-colorBorder, rgb(221, 219, 218))
}

.slds-context-bar__item {
    display: flex;
    align-content: center;
    align-items: stretch;
    white-space: nowrap;
    position: relative;
    max-width: var(--lwc-sizeSmall, 15rem);
    transition: background-color .25s cubic-bezier(0.39, 0.575, 0.565, 1)
}

.slds-context-bar__item:not(.slds-no-hover):hover, .slds-context-bar__item.slds-is-active {
    outline: 0;
    border-radius: 0;
    background-color: var(--lwc-brandPrimaryTransparent10, rgba(21, 137, 238, 0.1));
    text-decoration: none;
    cursor: pointer
}

.slds-context-bar__item:not(.slds-no-hover):hover:after {
    content: '';
    width: 100%;
    height: 3px;
    display: block;
    background: rgba(0, 0, 0, 0.25);
    position: absolute;
    bottom: -3px;
    left: 0;
    right: 0
}

@supports (mix-blend-mode: soft-light) {
    .slds-context-bar__item:not(.slds-no-hover):hover:after {
        background: rgba(0, 0, 0, 0.75);
        mix-blend-mode: soft-light
    }
}

.slds-context-bar__item:before {
    bottom: 0;
    content: '';
    height: auto;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition-property: top, background-color
}

.slds-context-bar__item.slds-is-active {
    animation: bkAnim .135s cubic-bezier(0.39, 0.575, 0.565, 1) both
}

@keyframes bkAnim {
    50% {
        background-color: var(--lwc-colorBackgroundContextBar, rgb(255, 255, 255))
    }
    100% {
        background-color: var(--lwc-brandPrimaryTransparent10, rgba(21, 137, 238, 0.1))
    }
}

.slds-context-bar__item.slds-is-active:before {
    content: '';
    height: var(--lwc-globalnavigationItemHeightAccentActive, 3px);
    display: block;
    background: var(--lwc-brandPrimary, rgb(21, 137, 238));
    position: absolute;
    top: 0;
    left: -1px;
    right: -1px;
    animation: navBounceIn .15s cubic-bezier(0.39, 0.575, 0.565, 1) both
}

@keyframes navBounceIn {
    0% {
        transform: translate3d(0, 20px, 0);
        opacity: 0
    }
    20% {
        opacity: 0
    }
    90% {
        transform: translate3d(0, 1px, 0)
    }
    100% {
        transform: translate3d(0, 0, 0)
    }
}

.slds-context-bar__item.slds-is-active:hover {
    border-bottom-color: var(--lwc-brandPrimaryTransparent10, rgba(21, 137, 238, 0.1))
}

.slds-context-bar__item.slds-has-focus:before, .slds-context-bar__item.slds-has-focus:after, .slds-context-bar__item.slds-has-focus:hover:before, .slds-context-bar__item.slds-has-focus:hover:after {
    height: var(--lwc-globalnavigationItemHeightAccentFocus, 4px)
}

.slds-context-bar__item.slds-has-notification {
    background: var(--lwc-brandPrimaryTransparent10, rgba(21, 137, 238, 0.1))
}

@keyframes error-pulse {
    0% {
        background-color: var(--lwc-colorBackgroundDestructive, rgb(194, 57, 52))
    }
    40% {
        background-color: var(--lwc-colorBackgroundDestructiveActive, rgb(135, 5, 0))
    }
    100% {
        background-color: var(--lwc-colorBackgroundDestructive, rgb(194, 57, 52))
    }
}

@keyframes success-pulse {
    0% {
        background-color: var(--lwc-colorBackgroundSuccessDark, rgb(4, 132, 75))
    }
    40% {
        background-color: var(--lwc-colorBackgroundSuccessDarker, rgb(0, 74, 41))
    }
    100% {
        background-color: var(--lwc-colorBackgroundSuccessDark, rgb(4, 132, 75))
    }
}

@keyframes warning-pulse {
    0% {
        background-color: var(--lwc-colorBackgroundWarning, rgb(255, 183, 93))
    }
    40% {
        background-color: var(--lwc-colorBackgroundWarningDark, rgb(255, 158, 44))
    }
    100% {
        background-color: var(--lwc-colorBackgroundWarning, rgb(255, 183, 93))
    }
}

.slds-context-bar__item.slds-has-success:before {
    animation: none;
    animation-duration: 1s;
    animation-iteration-count: 3;
    animation-delay: 150ms;
    animation-timing-function: cubic-bezier(0.07, 0.49, 0.5, 1);
    background-color: var(--lwc-colorBackgroundSuccessDark, rgb(4, 132, 75));
    bottom: 0;
    content: '';
    height: auto;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: background-color .25s cubic-bezier(0.39, 0.575, 0.565, 1)
}

.slds-context-bar__item.slds-has-success:hover:before {
    background-color: var(--lwc-colorBackgroundSuccessDarker, rgb(0, 74, 41));
    height: auto
}

.slds-context-bar__item.slds-has-success:before {
    animation-name: success-pulse
}

.slds-context-bar__item.slds-has-error:before {
    animation: none;
    animation-duration: 1s;
    animation-iteration-count: 3;
    animation-delay: 150ms;
    animation-timing-function: cubic-bezier(0.07, 0.49, 0.5, 1);
    background-color: var(--lwc-colorBackgroundDestructive, rgb(194, 57, 52));
    bottom: 0;
    content: '';
    height: auto;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: background-color .25s cubic-bezier(0.39, 0.575, 0.565, 1)
}

.slds-context-bar__item.slds-has-error:hover:before {
    background-color: var(--lwc-colorBackgroundDestructiveActive, rgb(135, 5, 0));
    height: auto
}

.slds-context-bar__item.slds-has-error:before {
    animation-name: error-pulse
}

.slds-context-bar__item.slds-has-success .slds-context-bar__label-action, .slds-context-bar__item.slds-has-error .slds-context-bar__label-action {
    color: var(--lwc-colorGray1, rgb(255, 255, 255))
}

.slds-context-bar__item.slds-has-success .slds-indicator_unread, .slds-context-bar__item.slds-has-error .slds-indicator_unread {
    background-color: var(--lwc-colorGray1, rgb(255, 255, 255))
}

.slds-context-bar__item.slds-has-success .slds-indicator_unsaved, .slds-context-bar__item.slds-has-error .slds-indicator_unsaved {
    color: var(--lwc-colorGray1, rgb(255, 255, 255))
}

.slds-context-bar__item.slds-has-warning:before {
    animation: none;
    animation-duration: 1s;
    animation-iteration-count: 3;
    animation-delay: 150ms;
    animation-timing-function: cubic-bezier(0.07, 0.49, 0.5, 1);
    background-color: var(--lwc-colorBackgroundWarning, rgb(255, 183, 93));
    bottom: 0;
    content: '';
    height: auto;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: background-color .25s cubic-bezier(0.39, 0.575, 0.565, 1)
}

.slds-context-bar__item.slds-has-warning:hover:before {
    background-color: var(--lwc-colorBackgroundWarningDark, rgb(255, 158, 44));
    height: auto
}

.slds-context-bar__item.slds-has-warning:before {
    animation-name: warning-pulse
}

.slds-context-bar__item.slds-has-warning .slds-indicator_unread {
    background-color: currentColor
}

.slds-context-bar__item.slds-has-warning .slds-indicator_unsaved {
    color: currentColor
}

.slds-context-bar__item.slds-has-success.slds-is-active:after, .slds-context-bar__item.slds-has-warning.slds-is-active:after, .slds-context-bar__item.slds-has-error.slds-is-active:after {
    content: '';
    background: var(--lwc-colorGray11, rgb(62, 62, 60));
    position: absolute;
    height: var(--lwc-globalnavigationItemHeightAccentActive, 3px);
    opacity: .4;
    top: 0;
    right: 0;
    left: 0
}

.slds-context-bar__item.slds-has-success.slds-has-focus:after, .slds-context-bar__item.slds-has-warning.slds-has-focus:after, .slds-context-bar__item.slds-has-error.slds-has-focus:after {
    height: var(--lwc-globalnavigationItemHeightAccentFocus, 4px)
}

.slds-context-bar__item_divider-left, .slds-context-bar__item--divider-left {
    border-left: var(--lwc-borderWidthThin, 1px) solid var(--lwc-colorBorder, rgb(221, 219, 218))
}

.slds-context-bar__item_divider-right, .slds-context-bar__item--divider-right {
    border-right: var(--lwc-borderWidthThin, 1px) solid var(--lwc-colorBorder, rgb(221, 219, 218))
}

.slds-context-bar__label-action {
    display: flex;
    align-content: center;
    align-items: center;
    flex-grow: 1;
    padding: 0 var(--lwc-spacingSmall, 0.75rem);
    border-radius: 0;
    min-width: 0%;
    color: inherit;
    font-size: var(--lwc-fontSize3, 0.8125rem);
    z-index: 1
}

.slds-context-bar__label-action:focus, .slds-context-bar__label-action:focus:hover {
    outline: 0;
    text-decoration: underline
}

.slds-context-bar__label-action:hover {
    text-decoration: none
}

.slds-context-bar__label-action:hover, .slds-context-bar__label-action:focus {
    color: inherit
}

.slds-context-bar__label-action:active {
    color: inherit;
    text-decoration: none
}

.slds-context-bar__icon-action {
    display: flex;
    align-items: center;
    align-content: center;
    margin-left: calc(-1 * var(--lwc-spacingXxSmall, 0.25rem));
    padding: 0 var(--lwc-spacingXSmall, 0.5rem);
    color: var(--lwc-colorTextContextBar, rgb(62, 62, 60));
    border-radius: 0;
    flex-shrink: 0
}

.slds-context-bar__icon-action:focus {
    outline: 0
}

.slds-context-bar__icon-action:focus .slds-context-bar__button {
    outline: 0;
    box-shadow: var(--lwc-shadowButtonFocus, 0 0 3px #0070D2)
}

.slds-context-bar__icon-action:focus ~ .slds-dropdown {
    visibility: visible;
    opacity: 1
}

.slds-context-bar__icon-action:hover, .slds-context-bar__icon-action:focus {
    color: var(--lwc-colorTextContextBar, rgb(62, 62, 60))
}

.slds-context-bar__icon-action:active {
    color: var(--lwc-colorTextContextBar, rgb(62, 62, 60))
}

.slds-context-bar__icon-action .slds-icon-waffle_container {
    width: var(--lwc-squareIconLargeContent, 2rem);
    height: var(--lwc-squareIconLargeContent, 2rem);
    margin-right: var(--lwc-spacingXxSmall, 0.25rem);
    margin-left: calc(-1 * var(--lwc-spacingXSmall, 0.5rem))
}

.slds-context-bar__icon-action .slds-icon-waffle {
    margin-right: auto;
    margin-left: auto
}

.slds-context-bar .slds-context-bar__button {
    color: inherit
}

.slds-context-bar .slds-context-bar__icon-action {
    margin-left: auto
}

.slds-context-bar_tabs, .slds-context-bar--tabs {
    border-top: var(--lwc-borderWidthThin, 1px) solid var(--lwc-colorBorder, rgb(221, 219, 218))
}

.slds-context-bar__item_tab, .slds-context-bar__item--tab {
    width: var(--lwc-sizeXSmall, 12rem);
    border-right: var(--lwc-borderWidthThin, 1px) solid var(--lwc-colorBorder, rgb(221, 219, 218))
}

.slds-context-bar__item_tab .slds-context-bar__label-action, .slds-context-bar__item--tab .slds-context-bar__label-action {
    padding: 0 var(--lwc-spacingXSmall, 0.5rem)
}

.slds-context-bar__item_tab.slds-is-pinned, .slds-context-bar__item--tab.slds-is-pinned {
    width: auto;
    padding-right: var(--lwc-spacingXSmall, 0.5rem)
}

.slds-context-bar__item_tab.slds-is-pinned .slds-context-bar__label-action, .slds-context-bar__item--tab.slds-is-pinned .slds-context-bar__label-action {
    padding: 0 var(--lwc-spacingXSmall, 0.5rem)
}

.slds-context-bar .slds-is-unsaved .slds-context-bar__label-action {
    position: relative;
    font-style: italic;
    line-height: normal
}

.slds-context-bar .slds-is-unsaved .slds-indicator_unread {
    margin-left: -.35rem
}

.slds-context-bar .slds-has-notification .slds-indicator_unread {
    display: inline-block;
    flex-shrink: 0;
    height: 6px;
    width: 6px;
    left: auto;
    position: relative;
    top: auto
}

.slds-context-bar .slds-has-notification .slds-indicator_unsaved, .slds-context-bar .slds-has-notification .slds-indicator--unsaved {
    top: -.25rem
}

.slds-context-bar__item_tab.slds-has-sub-tabs.slds-is-active, .slds-context-bar__item_tab.slds-has-sub-tabs.slds-is-active:hover {
    animation: none;
    background-color: transparent
}

.slds-context-bar__item_tab.slds-has-sub-tabs.slds-is-active:after, .slds-context-bar__item_tab.slds-has-sub-tabs.slds-is-active:hover:after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    bottom: -3px;
    height: 3px;
    width: 100%;
    background-color: var(--lwc-colorBackgroundContextBar, rgb(255, 255, 255));
    border: 0;
    mix-blend-mode: unset
}

.slds-indicator_unsaved, .slds-indicator--unsaved {
    color: var(--lwc-colorTextBrand, rgb(21, 137, 238));
    align-self: center;
    position: relative
}

.slds-context-bar__dropdown-trigger .slds-dropdown {
    margin-top: 3px
}

.slds-context-bar__dropdown-trigger .slds-dropdown:before {
    content: '';
    position: absolute;
    bottom: 100%;
    width: 100%;
    height: 3px
}

.slds-context-bar__app-name {
    padding: 0 var(--lwc-spacingLarge, 1.5rem) 0 0;
    font-size: var(--lwc-fontSize6, 1.125rem);
    line-height: var(--lwc-lineHeightHeading, 1.25)
}

.slds-context-bar__object-switcher {
    min-width: 9rem;
    max-width: var(--lwc-sizeXSmall, 12rem);
    border-left: var(--lwc-borderWidthThin, 1px) solid var(--lwc-colorBorder, rgb(221, 219, 218));
    border-right: var(--lwc-borderWidthThin, 1px) solid var(--lwc-colorBorder, rgb(221, 219, 218))
}

.slds-context-bar_theme-marketing, .slds-context-bar--theme-marketing {
    border-bottom-color: #f59331
}

.slds-context-bar_theme-marketing .slds-context-bar__item:not(.slds-no-hover):hover, .slds-context-bar--theme-marketing .slds-context-bar__item:not(.slds-no-hover):hover {
    border-bottom-color: #f59331
}

.slds-context-bar_theme-marketing .slds-context-bar__item.slds-is-active:before, .slds-context-bar--theme-marketing .slds-context-bar__item.slds-is-active:before {
    background: #f59331
}

.slds-indicator-container {
    display: inline;
    margin-right: var(--lwc-spacingXxSmall, 0.25rem)
}

.slds-indicator-container:empty {
    margin-right: 0
}

.slds-expression__options {
    width: var(--lwc-sizeSmall, 15rem)
}

.slds-expression__options .slds-form-element__control {
    clear: none
}

.slds-expression__legend {
    float: left;
    width: var(--lwc-sizeXxxSmall, 3rem);
    padding-top: calc((1.5 * 0.75rem) + (1.875rem / 4));
    font-weight: var(--lwc-fontWeightBold, 700)
}

.slds-expression__legend.slds-expression__legend_group {
    margin-top: 0
}

.slds-expression__row {
    margin-top: var(--lwc-spacingSmall, 0.75rem)
}

.slds-expression__row.slds-expression__row_group {
    padding-left: var(--lwc-spacingXxLarge, 3rem)
}

.slds-expression__buttons {
    margin-top: var(--lwc-spacingSmall, 0.75rem)
}

.slds-expression__group {
    background: var(--lwc-colorBackground, rgb(243, 242, 242));
    border: var(--lwc-borderWidthThin, 1px) solid var(--lwc-colorBorder, rgb(221, 219, 218));
    border-radius: var(--lwc-borderRadiusMedium, 0.25rem);
    padding: var(--lwc-spacingSmall, 0.75rem);
    margin-top: var(--lwc-spacingSmall, 0.75rem)
}

.slds-expression__title {
    font-size: var(--lwc-fontSize6, 1.125rem);
    font-weight: bold;
    margin-bottom: var(--lwc-spacingXSmall, 0.5rem)
}

.slds-expression__custom-logic {
    margin-top: var(--lwc-spacingSmall, 0.75rem)
}

.slds-expression_formula__rte {
    margin-top: var(--lwc-spacingSmall, 0.75rem)
}

.slds-filters {
    position: relative
}

.slds-filters__header {
    padding: var(--lwc-spacingXSmall, 0.5rem) var(--lwc-spacingSmall, 0.75rem)
}

.slds-filters__body {
    padding: var(--lwc-spacingXSmall, 0.5rem) var(--lwc-spacingSmall, 0.75rem)
}

.slds-filters__footer {
    padding: var(--lwc-spacingXSmall, 0.5rem) var(--lwc-spacingMedium, 1rem)
}

.slds-filters__item {
    padding: var(--lwc-spacingSmall, 0.75rem);
    background: var(--lwc-colorBackgroundButtonDefault, rgb(255, 255, 255));
    border: var(--lwc-borderWidthThin, 1px) solid var(--lwc-colorBorderButtonDefault, rgb(221, 219, 218));
    border-radius: var(--lwc-borderRadiusMedium, 0.25rem)
}

.slds-filters__item.slds-is-new {
    background: var(--lwc-colorBackgroundHighlight, rgb(250, 255, 189));
    color: var(--lwc-colorTextDefault, rgb(8, 7, 7))
}

.slds-filters__item.slds-has-error {
    border-color: var(--lwc-colorBorderError, rgb(194, 57, 52))
}

.slds-filters__item.slds-is-locked {
    background: var(--lwc-colorBackground, rgb(243, 242, 242))
}

.slds-filters__item + .slds-filters__item {
    margin-top: var(--lwc-spacingXSmall, 0.5rem)
}

.slds-filters__item:hover {
    background: var(--lwc-colorBackgroundButtonDefaultHover, rgb(244, 246, 249))
}

.slds-filters__group {
    background: var(--lwc-colorBackground, rgb(243, 242, 242));
    border: var(--lwc-borderWidthThin, 1px) solid var(--lwc-colorBorder, rgb(221, 219, 218));
    border-radius: var(--lwc-borderRadiusMedium, 0.25rem);
    padding: var(--lwc-spacingSmall, 0.75rem)
}

.slds-builder-header_container {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    z-index: var(--lwc-zIndexSticky, 100)
}

.slds-builder-header {
    position: relative;
    display: flex;
    height: var(--lwc-heightHeader, 3.125rem);
    background: var(--lwc-colorBackgroundAltInverse, rgb(22, 50, 92));
    color: var(--lwc-colorTextInverse, rgb(255, 255, 255))
}

.slds-builder-header__item {
    display: flex;
    align-content: center;
    align-items: center;
    white-space: nowrap
}

.slds-builder-header__item + .slds-builder-header__item {
    border-left: var(--lwc-borderWidthThin, 1px) solid currentColor
}

.slds-builder-header__item-action, .slds-builder-header__item-label {
    color: currentColor;
    padding: 0 var(--lwc-spacingMedium, 1rem);
    display: flex;
    align-content: center;
    align-items: center;
    flex-grow: 1;
    min-width: 0%;
    height: 100%
}

.slds-builder-header__item-action .slds-media__body, .slds-builder-header__item-label .slds-media__body {
    flex-basis: auto
}

.slds-builder-header__item-action {
    transition: all 150ms linear
}

.slds-builder-header__item-action:hover, .slds-builder-header__item-action:focus {
    color: var(--lwc-colorGray7, rgb(176, 173, 171));
    text-decoration: none
}

.slds-builder-header__item-action:focus {
    text-decoration: underline;
    box-shadow: none;
    outline: none
}

.slds-builder-header__nav, .slds-builder-header__utilities {
    align-items: stretch
}

.slds-builder-header__nav-list {
    display: flex
}

.slds-builder-header__utilities {
    margin-left: auto
}

.slds-builder-header__nav-item, .slds-builder-header__utilities-item {
    display: flex;
    align-content: center;
    align-items: stretch
}

.slds-builder-header__nav-item + .slds-builder-header__nav-item, .slds-builder-header__nav-item + .slds-builder-header__utilities-item, .slds-builder-header__utilities-item + .slds-builder-header__nav-item, .slds-builder-header__utilities-item + .slds-builder-header__utilities-item {
    border-left: var(--lwc-borderWidthThin, 1px) solid currentColor
}

.slds-builder-toolbar {
    display: flex;
    padding: var(--lwc-spacingXSmall, 0.5rem) var(--lwc-spacingMedium, 1rem);
    background: var(--lwc-colorBackgroundAlt, rgb(255, 255, 255));
    border-bottom: var(--lwc-borderWidthThin, 1px) solid var(--lwc-colorBorder, rgb(221, 219, 218))
}

.slds-builder-toolbar__actions {
    margin-left: auto
}

.slds-builder-toolbar__item-group + .slds-builder-toolbar__item-group {
    margin-left: var(--lwc-spacingXxSmall, 0.25rem)
}

.slds-publisher {
    display: flex
}

.slds-publisher.slds-is-active {
    display: block
}

.slds-publisher.slds-is-active .slds-publisher__toggle-visibility {
    display: inherit;
    height: auto;
    overflow: visible;
    width: auto
}

.slds-publisher.slds-is-active .slds-publisher__input {
    line-height: var(--lwc-lineHeightText, 1.5);
    height: auto;
    max-height: 10rem;
    resize: vertical;
    padding-top: var(--lwc-spacingSmall, 0.75rem);
    padding-bottom: var(--lwc-spacingSmall, 0.75rem)
}

.slds-publisher__input {
    line-height: var(--lwc-lineHeightButton, 1.875rem);
    padding: 0 var(--lwc-spacingMedium, 1rem);
    resize: none;
    min-height: calc(var(--lwc-lineHeightButton, 1.875rem) + 2px);
    max-height: calc(var(--lwc-lineHeightButton, 1.875rem) + 2px);
    width: 100%
}

.slds-publisher__actions > .slds-button {
    margin-left: var(--lwc-spacingSmall, 0.75rem)
}

.slds-publisher .slds-publisher__toggle-visibility {
    display: block;
    height: 0;
    overflow: hidden;
    width: 0
}

.slds-publisher_comment, .slds-publisher--comment {
    background-color: var(--lwc-colorBackgroundInput, rgb(255, 255, 255));
    border: var(--lwc-borderWidthThin, 1px) solid var(--lwc-colorBorderInput, rgb(221, 219, 218));
    border-radius: var(--lwc-borderRadiusMedium, 0.25rem);
    width: 100%;
    position: relative;
    min-height: calc(var(--lwc-lineHeightButton, 1.875rem) + 2px);
    max-height: calc(var(--lwc-lineHeightButton, 1.875rem) + 2px)
}

.slds-publisher_comment.slds-is-active, .slds-publisher--comment.slds-is-active {
    min-height: var(--lwc-sizeXxSmall, 6rem);
    max-height: var(--lwc-sizeSmall, 15rem)
}

.slds-publisher_comment.slds-is-active .slds-publisher__actions, .slds-publisher--comment.slds-is-active .slds-publisher__actions {
    display: flex
}

.slds-publisher_comment.slds-has-focus, .slds-publisher--comment.slds-has-focus {
    outline: 0;
    border-color: var(--lwc-colorBorderInputActive, rgb(21, 137, 238));
    background-color: var(--lwc-colorBackgroundInputActive, rgb(255, 255, 255));
    box-shadow: var(--lwc-shadowButtonFocus, 0 0 3px #0070D2)
}

.slds-publisher_comment .slds-publisher__actions, .slds-publisher--comment .slds-publisher__actions {
    display: none;
    padding: 0 var(--lwc-spacingSmall, 0.75rem) var(--lwc-spacingSmall, 0.75rem)
}

.slds-publisher_comment .slds-attachments, .slds-publisher--comment .slds-attachments {
    padding: var(--lwc-spacingXSmall, 0.5rem) var(--lwc-spacingSmall, 0.75rem)
}

.slds-feed {
    position: relative;
    max-width: 49rem;
    margin: auto
}

.slds-feed__list {
    margin: 0;
    padding: 0
}

.slds-feed__item {
    padding: var(--lwc-varSpacingVerticalXSmall, 0.5rem) 0
}

@media (min-width: 48em) {
    .slds-feed__item {
        padding: var(--lwc-varSpacingVerticalSmall, 0.75rem) 0
    }
}

.slds-comment__replies {
    padding-top: var(--lwc-spacingMedium, 1rem);
    margin-left: 3.75rem
}

.slds-comment__replies > :last-child, .slds-comment__replies > :last-child .slds-comment {
    padding-bottom: 0
}

.slds-comment__replies > :last-child:before, .slds-comment__replies > :last-child .slds-comment:before {
    content: none
}

.slds-comment__replies .slds-comment {
    margin-bottom: 0;
    padding-bottom: var(--lwc-spacingMedium, 1rem);
    position: relative
}

.slds-comment__replies .slds-comment:before {
    content: '';
    background: var(--lwc-colorBorder, rgb(221, 219, 218));
    height: 100%;
    width: var(--lwc-borderWidthThin, 1px);
    position: absolute;
    left: 1.125rem;
    top: 0;
    bottom: 0;
    margin-left: -1.125rem;
    z-index: -1
}

.slds-comment__replies .slds-avatar {
    border: var(--lwc-borderWidthThick, 2px) solid var(--lwc-colorBackgroundAlt, rgb(255, 255, 255))
}

.slds-tags {
    display: flex
}

.slds-tags__list {
    display: flex
}

.slds-tags__item {
    margin-left: var(--lwc-spacingXxSmall, 0.25rem)
}

.slds-tags__item:after {
    content: ', '
}

.slds-tags__item:last-child:after {
    content: none
}

.slds-attachments {
    padding-bottom: var(--lwc-spacingXSmall, 0.5rem)
}

.slds-attachments:empty {
    padding: 0
}

.slds-attachments__item + .slds-attachments__item {
    margin-top: var(--lwc-spacingMedium, 1rem)
}

.slds-comment__content {
    padding: var(--lwc-varSpacingVerticalXxSmall, 0.25rem) 0
}

.slds-feed__item-comments {
    background: var(--lwc-colorBackgroundPost, rgb(243, 242, 242));
    border-top: var(--lwc-borderWidthThin, 1px) solid var(--lwc-colorBorder, rgb(221, 219, 218));
    border-bottom: var(--lwc-borderWidthThin, 1px) solid var(--lwc-colorBorder, rgb(221, 219, 218))
}

.slds-feed__item-comments .slds-comment {
    padding: var(--lwc-varSpacingVerticalXSmall, 0.5rem) var(--lwc-spacingMedium, 1rem)
}

.slds-post {
    background: var(--lwc-colorBackgroundAlt, rgb(255, 255, 255));
    padding: var(--lwc-spacingSmall, 0.75rem) var(--lwc-spacingMedium, 1rem)
}

@media (max-width: 48em) {
    .slds-post {
        border-top: var(--lwc-borderWidthThin, 1px) solid var(--lwc-colorBorder, rgb(221, 219, 218))
    }
}

@media (min-width: 64em) {
    .slds-post {
        padding: 0 var(--lwc-spacingMedium, 1rem) var(--lwc-spacingXSmall, 0.5rem)
    }
}

.slds-post__header {
    margin-bottom: var(--lwc-varSpacingVerticalSmall, 0.75rem)
}

.slds-post__content {
    margin-bottom: var(--lwc-spacingSmall, 0.75rem)
}

@media (min-width: 48em) {
    .slds-post__content {
        margin-bottom: var(--lwc-spacingLarge, 1.5rem)
    }
}

.slds-post__footer {
    display: flex;
    font-size: var(--lwc-fontSize2, 0.75rem);
    flex-direction: column
}

@media (min-width: 48em) {
    .slds-post__footer {
        flex-direction: row
    }
}

.slds-post__footer-actions-list {
    justify-content: space-between;
    text-align: center;
    order: 1
}

@media (max-width: 30em) {
    .slds-post__footer-actions-list {
        border-top: var(--lwc-borderWidthThin, 1px) solid var(--lwc-colorBorder, rgb(221, 219, 218));
        margin: 0 calc(-1 * var(--lwc-spacingSmall, 0.75rem)) calc(-1 * var(--lwc-spacingSmall, 0.75rem));
        padding: 0 var(--lwc-spacingMedium, 1rem)
    }
}

@media (min-width: 48em) {
    .slds-post__footer-actions-list {
        order: 0
    }
}

.slds-post__footer-action {
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--lwc-colorTextDefault, rgb(8, 7, 7));
    padding: var(--lwc-spacingSmall, 0.75rem) 0;
    line-height: 1
}

@media (min-width: 48em) {
    .slds-post__footer-action {
        margin-right: var(--lwc-spacingMedium, 1rem);
        padding: 0
    }
}

.slds-post__footer-action .slds-icon {
    margin-right: var(--lwc-spacingXxSmall, 0.25rem)
}

.slds-post__footer-action:hover, .slds-post__footer-action:focus, .slds-post__footer-action.slds-is-active {
    color: var(--lwc-colorTextLinkHover, rgb(0, 95, 178));
    text-decoration: none
}

.slds-post__footer-action:hover .slds-icon, .slds-post__footer-action:focus .slds-icon, .slds-post__footer-action.slds-is-active .slds-icon {
    fill: currentColor
}

.slds-post__footer-meta-list {
    margin-bottom: var(--lwc-spacingMedium, 1rem)
}

@media (min-width: 48em) {
    .slds-post__footer-meta-list {
        margin-left: auto;
        margin-bottom: 0
    }
}

.slds-region_narrow .slds-post, .slds-region--narrow .slds-post {
    border: 0;
    padding: var(--lwc-spacingSmall, 0.75rem) var(--lwc-spacingMedium, 1rem)
}

.slds-region_narrow .slds-post__content, .slds-region--narrow .slds-post__content {
    margin-bottom: var(--lwc-spacingSmall, 0.75rem)
}

.slds-region_narrow .slds-post__footer, .slds-region--narrow .slds-post__footer {
    flex-direction: column
}

.slds-region_narrow .slds-post__footer-action, .slds-region--narrow .slds-post__footer-action {
    padding: var(--lwc-spacingSmall, 0.75rem) 0
}

.slds-region_narrow .slds-post__footer-actions-list, .slds-region--narrow .slds-post__footer-actions-list {
    order: 1;
    border-top: var(--lwc-borderWidthThin, 1px) solid var(--lwc-colorBorder, rgb(221, 219, 218));
    margin: 0 calc(-1 * var(--lwc-spacingSmall, 0.75rem)) calc(-1 * var(--lwc-spacingSmall, 0.75rem));
    padding: 0 var(--lwc-spacingMedium, 1rem)
}

.slds-region_narrow .slds-post__footer-meta-list, .slds-region--narrow .slds-post__footer-meta-list {
    margin-left: 0;
    margin-bottom: var(--lwc-spacingMedium, 1rem)
}

.slds-post__payload {
    padding: 0 0 var(--lwc-spacingMedium, 1rem)
}

.slds-post__payload:empty {
    padding: 0;
    border: 0
}

.slds-modal {
    opacity: 0;
    visibility: hidden;
    transition: transform var(--lwc-durationQuickly, 0.1s) linear, opacity var(--lwc-durationQuickly, 0.1s) linear;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9001
}

.slds-modal__container {
    position: relative;
    transform: translate(0, 0);
    transition: transform var(--lwc-durationQuickly, 0.1s) linear, opacity var(--lwc-durationQuickly, 0.1s) linear;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 0 var(--lwc-spacingXLarge, 2rem);
    height: 100%;
    padding: var(--lwc-squareIconLargeBoundary, 3rem) 0;
    border-radius: var(--lwc-borderRadiusMedium, 0.25rem)
}

@media (min-width: 48em) {
    .slds-modal__container {
        margin: 0 auto;
        width: 50%;
        max-width: 40rem;
        min-width: 20rem
    }
}

.slds-modal__header, .slds-modal__content {
    background: var(--lwc-colorBackgroundAlt, rgb(255, 255, 255))
}

.slds-modal__header, .slds-modal__footer {
    flex-shrink: 0
}

.slds-modal__header {
    position: relative;
    border-top-right-radius: var(--lwc-borderRadiusMedium, 0.25rem);
    border-top-left-radius: var(--lwc-borderRadiusMedium, 0.25rem);
    border-bottom: var(--lwc-borderWidthThick, 2px) solid var(--lwc-colorBorder, rgb(221, 219, 218));
    padding: var(--lwc-spacingMedium, 1rem);
    text-align: center
}

.slds-modal__header + .slds-modal__menu {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.slds-modal__header_empty, .slds-modal__header--empty {
    padding: 0;
    border-bottom: 0
}

.slds-modal__header_empty + .slds-modal__content, .slds-modal__header--empty + .slds-modal__content {
    border-top-right-radius: var(--lwc-borderRadiusMedium, 0.25rem);
    border-top-left-radius: var(--lwc-borderRadiusMedium, 0.25rem)
}

.slds-modal .slds-modal__title {
    font-weight: var(--lwc-fontWeightLight, 300);
    font-size: var(--lwc-fontSize7, 1.25rem);
    line-height: var(--lwc-lineHeightHeading, 1.25)
}

.slds-modal__content {
    overflow: hidden;
    overflow-y: auto
}

.slds-modal__content:last-child {
    border-bottom-right-radius: var(--lwc-borderRadiusMedium, 0.25rem);
    border-bottom-left-radius: var(--lwc-borderRadiusMedium, 0.25rem);
    box-shadow: var(--lwc-shadowDropDown, 0 2px 3px 0 rgba(0, 0, 0, 0.16))
}

.slds-modal__menu {
    position: relative;
    border-radius: var(--lwc-borderRadiusMedium, 0.25rem);
    padding: var(--lwc-spacingMedium, 1rem);
    background-color: var(--lwc-colorBackground, rgb(243, 242, 242))
}

@media (max-width: 48em) {
    .slds-modal__menu .slds-button {
        width: 100%;
        margin: var(--lwc-spacingXxxSmall, 0.125rem) 0
    }
}

.slds-modal__footer {
    border-top: var(--lwc-borderWidthThick, 2px) solid var(--lwc-colorBorder, rgb(221, 219, 218));
    border-bottom-right-radius: var(--lwc-borderRadiusMedium, 0.25rem);
    border-bottom-left-radius: var(--lwc-borderRadiusMedium, 0.25rem);
    padding: var(--lwc-spacingSmall, 0.75rem) var(--lwc-spacingMedium, 1rem);
    background-color: var(--lwc-colorBackground, rgb(243, 242, 242));
    text-align: right;
    box-shadow: var(--lwc-shadowDropDown, 0 2px 3px 0 rgba(0, 0, 0, 0.16))
}

.slds-modal__footer_directional .slds-button:first-child, .slds-modal__footer--directional .slds-button:first-child {
    float: left
}

.slds-modal__footer .slds-button + .slds-button {
    margin-left: var(--lwc-spacingXSmall, 0.5rem)
}

.slds-modal__close {
    width: var(--lwc-squareIconMediumBoundary, 2rem);
    height: var(--lwc-squareIconMediumBoundary, 2rem);
    position: absolute;
    top: -2.5rem;
    right: -.5rem
}

@media (min-width: 48em) {
    .slds-modal_small .slds-modal__container {
        width: 60%;
        max-width: 52.0625rem;
        min-width: 40rem
    }
}

@media (min-width: 48em) {
    .slds-modal_medium .slds-modal__container {
        width: 70%;
        max-width: 75rem;
        min-width: 40rem
    }
}

@media (min-width: 48em) {
    .slds-modal_large .slds-modal__container, .slds-modal--large .slds-modal__container {
        width: 90%;
        max-width: none;
        min-width: 40rem
    }
}

.slds-backdrop {
    transition-duration: var(--lwc-durationSlowly, 0.4s);
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: var(--lwc-colorBackgroundTempModalTint, rgba(8, 7, 7, 0.6));
    z-index: var(--lwc-zIndexModal, 9000)
}

.slds-backdrop_open, .slds-backdrop--open {
    visibility: visible;
    opacity: 1;
    transition: opacity var(--lwc-durationSlowly, 0.4s) linear
}

.slds-fade-in-open {
    opacity: 1;
    visibility: visible;
    transition: opacity var(--lwc-durationQuickly, 0.1s) linear
}

.slds-fade-in-open .slds-modal__container-reset {
    opacity: 1;
    visibility: visible;
    transform: translate(0, 0)
}

.slds-slide-up-open {
    opacity: 1;
    visibility: visible;
    transform: translate(0, 0);
    transition: opacity var(--lwc-durationQuickly, 0.1s) linear, transform var(--lwc-durationPromptly, 0.2s) linear
}

.slds-slide-up-open .slds-modal__container-reset {
    opacity: 0;
    visibility: hidden;
    transform: translate(0, var(--lwc-spacingMedium, 1rem));
    transition: opacity var(--lwc-durationPromptly, 0.2s) linear, transform var(--lwc-durationPromptly, 0.2s) linear
}

.slds-slide-up-saving {
    opacity: 1;
    visibility: visible;
    transform: translate(0, calc(-1 * var(--lwc-spacingMedium, 1rem)))
}

.slds-slide-down-cancel {
    opacity: 1;
    visibility: visible;
    transform: translate(0, var(--lwc-spacingMedium, 1rem))
}

.slds-map_container {
    flex: 3 1 auto
}

.slds-map {
    position: relative;
    min-width: 23.75rem;
    width: 100%;
    max-height: 100%
}

.slds-map:before {
    content: '';
    display: block;
    height: 0;
    width: 100%;
    padding-top: 56.25%
}

.slds-map iframe {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    border: 0
}

.slds-has-coordinates {
    display: flex;
    flex-wrap: wrap;
    overflow: auto;
    max-height: 41.25rem;
    background: var(--lwc-colorBackgroundAlt, rgb(255, 255, 255))
}

.slds-has-coordinates .slds-map:before {
    padding-top: 75%
}

.slds-coordinates {
    overflow: auto;
    flex: 1 1 auto
}

.slds-coordinates__header {
    padding: var(--lwc-spacingMedium, 1rem)
}

.slds-coordinates__title {
    font-size: var(--lwc-fontSize5, 1rem);
    font-weight: var(--lwc-fontWeightBold, 700)
}

.slds-coordinates__item-action {
    padding: var(--lwc-spacingXSmall, 0.5rem) var(--lwc-spacingMedium, 1rem);
    width: 100%
}

.slds-coordinates__item-action .slds-text-link {
    display: block
}

.slds-coordinates__item-action:hover, .slds-coordinates__item-action:focus {
    background-color: var(--lwc-colorBackgroundRowHover, rgb(243, 242, 242));
    outline: 0
}

.slds-coordinates__item-action:hover .slds-text-link, .slds-coordinates__item-action:focus .slds-text-link {
    text-decoration: underline
}

.slds-coordinates__item-action:active {
    background-color: var(--lwc-colorBackgroundRowActive, rgb(236, 235, 234))
}

.slds-coordinates__item-action[aria-pressed=true] {
    background-color: var(--lwc-colorBackgroundRowSelected, rgb(236, 235, 234))
}

.slds-coordinates__item-action[aria-pressed=true] .slds-text-link {
    color: var(--lwc-colorTextLinkActive, rgb(0, 57, 107))
}

.slds-app-launcher__header-search {
    flex: 0 1 var(--lwc-sizeLarge, 25rem);
    padding: 0 var(--lwc-spacingMedium, 1rem)
}

.slds-app-launcher__content {
    flex: 1 1 auto
}

.slds-app-launcher__content .slds-section__title-action {
    background: transparent
}

.slds-app-launcher__tile_small, .slds-app-launcher__tile--small {
    flex-direction: column;
    border: 0;
    border-radius: 0;
    text-align: center;
    cursor: pointer
}

.slds-app-launcher__tile_small:hover .slds-app-launcher__tile-figure_small, .slds-app-launcher__tile_small:hover .slds-app-launcher__tile-figure--small, .slds-app-launcher__tile_small:focus .slds-app-launcher__tile-figure_small, .slds-app-launcher__tile_small:focus .slds-app-launcher__tile-figure--small, .slds-app-launcher__tile--small:hover .slds-app-launcher__tile-figure_small, .slds-app-launcher__tile--small:hover .slds-app-launcher__tile-figure--small, .slds-app-launcher__tile--small:focus .slds-app-launcher__tile-figure_small, .slds-app-launcher__tile--small:focus .slds-app-launcher__tile-figure--small {
    border-color: var(--lwc-colorBorderSelectionHover, rgb(21, 137, 238))
}

.slds-app-launcher__tile-figure_small, .slds-app-launcher__tile-figure--small {
    border: var(--lwc-borderWidthThin, 1px) solid var(--lwc-colorBorder, rgb(221, 219, 218));
    border-radius: var(--lwc-borderRadiusMedium, 0.25rem)
}

.slds-app-launcher__tile-body_small, .slds-app-launcher__tile-body--small {
    background: transparent;
    padding: var(--lwc-spacingXSmall, 0.5rem) 0;
    border: 0;
    border-radius: 0
}

.slds-app-launcher__tile {
    display: flex;
    align-items: stretch;
    margin: var(--lwc-spacingXSmall, 0.5rem) 0;
    border: var(--lwc-borderWidthThin, 1px) solid var(--lwc-colorBorder, rgb(221, 219, 218));
    border-radius: var(--lwc-borderRadiusMedium, 0.25rem);
    cursor: move
}

.slds-app-launcher__tile:hover, .slds-app-launcher__tile:focus, .slds-app-launcher__tile:active {
    outline: 0;
    border-color: var(--lwc-brandAccessibleActive, rgb(0, 95, 178))
}

.slds-app-launcher__tile.slds-is-draggable .slds-app-launcher__tile-figure {
    padding-bottom: var(--lwc-spacingXxSmall, 0.25rem)
}

.slds-app-launcher__tile.slds-is-grabbed {
    transform: rotate(3deg)
}

.slds-app-launcher__tile-figure {
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    padding: var(--lwc-spacingSmall, 0.75rem);
    color: var(--lwc-colorTextInverse, rgb(255, 255, 255));
    border-radius: var(--lwc-borderRadiusMedium, 0.25rem) 0 0 var(--lwc-borderRadiusMedium, 0.25rem);
    text-align: center
}

.slds-app-launcher__tile-body {
    flex: 1 1 auto;
    background: var(--lwc-colorBackground, rgb(243, 242, 242));
    padding: var(--lwc-spacingXSmall, 0.5rem) var(--lwc-spacingSmall, 0.75rem);
    border-radius: 0 var(--lwc-borderRadiusMedium, 0.25rem) var(--lwc-borderRadiusMedium, 0.25rem) 0
}

.slds-visual-picker {
    display: inline-flex;
    position: relative;
    flex-direction: column;
    border: 0;
    border-radius: 0;
    text-align: center;
    cursor: pointer
}

.slds-visual-picker + .slds-visual-picker {
    margin-left: var(--lwc-spacingMedium, 1rem)
}

.slds-visual-picker:active .slds-visual-picker__figure {
    border: var(--lwc-borderWidthThin, 1px) solid var(--lwc-colorBorderSelectionHover, rgb(21, 137, 238));
    box-shadow: 0 0 0 1px var(--lwc-colorBorderSelectionHover, rgb(21, 137, 238)) inset
}

.slds-visual-picker:hover .slds-visual-picker__figure {
    cursor: pointer
}

.slds-visual-picker input:not(:disabled) ~ label:hover .slds-visual-picker__figure {
    cursor: pointer;
    outline: 0;
    border: var(--lwc-borderWidthThin, 1px) solid var(--lwc-colorBorderSelectionHover, rgb(21, 137, 238));
    box-shadow: 0 0 0 1px var(--lwc-colorBorderSelectionHover, rgb(21, 137, 238)) inset
}

.slds-visual-picker input {
    width: 1px;
    height: 1px;
    border: 0;
    clip: rect(0 0 0 0);
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute
}

.slds-visual-picker input:focus ~ label .slds-visual-picker__figure {
    border: var(--lwc-borderWidthThin, 1px) solid var(--lwc-colorBorderSelectionHover, rgb(21, 137, 238));
    box-shadow: 0 0 0 1px var(--lwc-colorBorderSelectionHover, rgb(21, 137, 238)) inset
}

.slds-visual-picker input:checked ~ label .slds-visual-picker__figure {
    box-shadow: var(--lwc-elevationShadow4, 0 4px 4px 0 rgba(0, 0, 0, 0.16))
}

.slds-visual-picker input:focus ~ label .slds-visual-picker__body > *:first-child {
    text-decoration: underline
}

.slds-visual-picker input:checked ~ label .slds-is-not-selected {
    display: none
}

.slds-visual-picker input:checked ~ label .slds-is-selected {
    display: block
}

.slds-visual-picker input:checked ~ label .slds-visual-picker__icon {
    background-color: var(--lwc-colorBrand, rgb(21, 137, 238));
    border: var(--lwc-borderWidthThin, 1px) solid var(--lwc-colorBorderSelectionHover, rgb(21, 137, 238))
}

.slds-visual-picker input:checked ~ label .slds-visual-picker__text {
    border: var(--lwc-borderWidthThin, 1px) solid var(--lwc-colorBorderSelectionHover, rgb(21, 137, 238));
    box-shadow: 0 0 0 1px var(--lwc-colorBorderSelectionHover, rgb(21, 137, 238)) inset
}

.slds-visual-picker input:checked ~ label .slds-visual-picker__text:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    border-color: transparent;
    border-style: solid;
    border-radius: .5rem;
    border-width: 1rem;
    border-right-color: var(--lwc-colorBrand, rgb(21, 137, 238));
    border-top-color: var(--lwc-colorBrand, rgb(21, 137, 238))
}

.slds-visual-picker input[disabled] {
    cursor: not-allowed;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.slds-visual-picker input[disabled] ~ label .slds-visual-picker__body, .slds-visual-picker input[disabled] ~ label .slds-visual-picker__text {
    color: var(--lwc-colorTextInputDisabled, rgb(62, 62, 60))
}

.slds-visual-picker input[disabled] ~ label .slds-visual-picker__figure {
    border-color: var(--lwc-colorBorderInputDisabled, rgb(201, 199, 197));
    background-color: var(--lwc-colorBackgroundInputDisabled, rgb(236, 235, 234));
    box-shadow: none
}

.slds-visual-picker input[disabled] ~ label .slds-visual-picker__figure:hover {
    cursor: not-allowed;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    box-shadow: none
}

.slds-visual-picker__figure {
    display: block;
    background: var(--lwc-colorBackgroundAlt, rgb(255, 255, 255));
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05);
    border: var(--lwc-borderWidthThin, 1px) solid var(--lwc-colorBorder, rgb(221, 219, 218));
    border-radius: var(--lwc-borderRadiusMedium, 0.25rem);
    text-align: center
}

.slds-visual-picker__figure .slds-icon-action-check {
    background-color: var(--lwc-colorBrand, rgb(21, 137, 238))
}

.slds-visual-picker__figure span {
    display: block
}

.slds-visual-picker__figure .slds-is-selected {
    display: none
}

.slds-visual-picker_medium .slds-visual-picker__figure, .slds-visual-picker_medium .slds-visual-picker__body {
    width: var(--lwc-sizeXSmall, 12rem)
}

.slds-visual-picker_medium .slds-visual-picker__figure {
    height: var(--lwc-sizeXSmall, 12rem)
}

.slds-visual-picker_large .slds-visual-picker__figure, .slds-visual-picker_large .slds-visual-picker__body {
    width: var(--lwc-sizeSmall, 15rem)
}

.slds-visual-picker_large .slds-visual-picker__figure {
    height: var(--lwc-sizeSmall, 15rem)
}

.slds-visual-picker__body {
    display: flex;
    flex-direction: column;
    background: transparent;
    padding: var(--lwc-spacingMedium, 1rem) var(--lwc-spacingXSmall, 0.5rem);
    border: 0;
    border-radius: 0
}

.slds-visual-picker__text-check {
    position: absolute;
    top: -.0625rem;
    right: .625rem;
    width: var(--lwc-squareIconXSmallContent, 0.5rem);
    height: var(--lwc-squareIconXSmallContent, 0.5rem)
}

.slds-visual-picker input[disabled] ~ label .slds-visual-picker__text-check {
    opacity: 0
}

.slds-visual-picker_vertical {
    width: var(--lwc-sizeLarge, 25rem);
    display: flex
}

.slds-visual-picker_vertical .slds-visual-picker__figure {
    text-align: left;
    padding: var(--lwc-spacingMedium, 1rem);
    height: var(--lwc-sizeXxSmall, 6rem)
}

.slds-visual-picker_vertical + .slds-visual-picker_vertical {
    margin-left: 0;
    margin-top: var(--lwc-spacingMedium, 1rem)
}

.slds-visual-picker_vertical .slds-visual-picker__figure, .slds-visual-picker_vertical .slds-visual-picker__body {
    width: var(--lwc-sizeLarge, 25rem)
}

.slds-visual-picker_vertical input:focus ~ label .slds-visual-picker__text .slds-text-heading_medium {
    text-decoration: underline
}

.slds-pill {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    line-height: var(--lwc-lineHeightText, 1.5);
    max-width: 100%;
    padding: var(--lwc-spacingXxxSmall, 0.125rem);
    border: var(--lwc-borderWidthThin, 1px) solid var(--lwc-colorBorder, rgb(221, 219, 218));
    border-radius: var(--lwc-borderRadiusMedium, 0.25rem);
    background-color: var(--lwc-colorBackgroundPill, rgb(255, 255, 255));
    position: relative;
    min-height: var(--lwc-heightPill, 1.625rem)
}

.slds-pill + .slds-pill {
    margin-left: var(--lwc-spacingXxxSmall, 0.125rem)
}

.slds-pill:hover {
    background-color: var(--lwc-colorBackgroundButtonDefaultHover, rgb(244, 246, 249))
}

.slds-pill:focus {
    outline: 0;
    border-radius: var(--lwc-borderRadiusMedium, 0.25rem);
    border-color: var(--lwc-colorBorderInputActive, rgb(21, 137, 238));
    box-shadow: var(--lwc-shadowButtonFocus, 0 0 3px #0070D2)
}

.slds-pill a {
    text-decoration: none
}

.slds-pill_bare, .slds-pill--bare {
    background-color: transparent;
    border: 0
}

.slds-pill_bare:hover, .slds-pill--bare:hover {
    background-color: transparent
}

.slds-pill__container, .slds-pill-container, .slds-pill_container {
    display: flex;
    min-height: calc(var(--lwc-heightInput, 1.875rem) + 2px);
    padding: var(--lwc-spacingXxxSmall, 0.125rem);
    border: var(--lwc-borderWidthThin, 1px) solid var(--lwc-colorBorder, rgb(221, 219, 218));
    border-radius: var(--lwc-borderRadiusMedium, 0.25rem);
    background-color: var(--lwc-colorBackgroundInput, rgb(255, 255, 255))
}

.slds-pill__container .slds-listbox_inline, .slds-pill-container .slds-listbox_inline, .slds-pill_container .slds-listbox_inline {
    margin-left: 0;
    margin-right: 0
}

.slds-pill__container_bare, .slds-pill__container--bare, .slds-pill_container_bare, .slds-pill_container--bare {
    display: flex;
    padding: var(--lwc-spacingXxxSmall, 0.125rem);
    border: 0;
    border-radius: 0;
    background-color: transparent
}

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

.slds-pill__label:focus {
    outline: 0;
    border-radius: var(--lwc-borderRadiusMedium, 0.25rem);
    box-shadow: var(--lwc-shadowButtonFocus, 0 0 3px #0070D2)
}

.slds-pill__icon, .slds-pill__icon_container {
    width: var(--lwc-squareIconXSmallBoundary, 1.25rem);
    height: var(--lwc-squareIconXSmallBoundary, 1.25rem);
    margin-right: var(--lwc-spacingXxSmall, 0.25rem)
}

.slds-pill__icon .slds-icon, .slds-pill__icon .slds-avatar, .slds-pill__icon_container .slds-icon, .slds-pill__icon_container .slds-avatar {
    width: var(--lwc-squareIconXSmallBoundary, 1.25rem);
    height: var(--lwc-squareIconXSmallBoundary, 1.25rem);
    display: block;
    font-size: var(--lwc-fontSize1, 0.625rem)
}

.slds-pill__icon ~ .slds-pill__action, .slds-pill__icon_container ~ .slds-pill__action {
    padding-left: calc(var(--lwc-squareIconXSmallBoundary, 1.25rem) + var(--lwc-spacingXxSmall, 0.25rem) + 2px)
}

.slds-pill__remove {
    width: var(--lwc-squareIconXxSmallBoundary, 1rem);
    height: var(--lwc-squareIconXxSmallBoundary, 1rem);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-left: var(--lwc-spacingXxSmall, 0.25rem);
    border-radius: var(--lwc-borderRadiusSmall, 0.125rem)
}

.slds-pill__remove svg {
    width: var(--lwc-squareIconXxSmallContent, .875rem);
    height: var(--lwc-squareIconXxSmallContent, .875rem)
}

.slds-pill_link, .slds-pill--link {
    border: 0;
    padding: 0
}

.slds-pill_link .slds-pill__icon_container, .slds-pill--link .slds-pill__icon_container {
    display: inline-block;
    position: absolute;
    top: 50%;
    left: var(--lwc-spacingXxxSmall, 0.125rem);
    transform: translateY(-50%)
}

.slds-pill_link .slds-pill__remove, .slds-pill--link .slds-pill__remove {
    position: absolute;
    top: 50%;
    right: var(--lwc-spacingXxxSmall, 0.125rem);
    transform: translateY(-50%)
}

.slds-pill__action {
    padding: var(--lwc-spacingXxxSmall, 0.125rem);
    padding-right: calc(var(--lwc-squareIconXxSmallBoundary, 1rem) + var(--lwc-spacingXxSmall, 0.25rem) + 2px);
    border: var(--lwc-borderWidthThin, 1px) solid var(--lwc-colorBorder, rgb(221, 219, 218));
    border-radius: var(--lwc-borderRadiusMedium, 0.25rem);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    flex-grow: 1
}

.slds-pill__action:focus {
    outline: 0;
    border-color: var(--lwc-colorBorderInputActive, rgb(21, 137, 238));
    box-shadow: var(--lwc-shadowButtonFocus, 0 0 3px #0070D2)
}

.slds-has-error {
    border-color: var(--lwc-colorBorderError, rgb(194, 57, 52))
}

.slds-has-error .slds-pill__label {
    font-weight: var(--lwc-fontWeightBold, 700);
    color: var(--lwc-colorTextError, rgb(194, 57, 52))
}

.slds-has-error .slds-pill__action {
    border-color: var(--lwc-colorBorderError, rgb(194, 57, 52))
}

.slds-wizard {
    position: relative
}

.slds-wizard__list {
    display: flex;
    justify-content: space-between;
    position: relative;
    margin: auto
}

.slds-wizard__item {
    flex: 2 0 auto;
    text-align: center;
    width: 0%;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.slds-wizard__item:first-child {
    text-align: left;
    flex-grow: 1
}

.slds-wizard__item:last-child {
    text-align: right;
    flex-grow: 1
}

.slds-wizard__item a:hover, .slds-wizard__item a:focus {
    outline: 0;
    text-decoration: none
}

.slds-wizard__item a:hover .slds-wizard__marker, .slds-wizard__item a:focus .slds-wizard__marker {
    background: #d8dde6
}

.slds-wizard__link {
    display: block
}

.slds-wizard__marker {
    width: var(--lwc-squareIconSmallBoundary, 1.5rem);
    height: var(--lwc-squareIconSmallBoundary, 1.5rem);
    border-radius: var(--lwc-borderRadiusCircle, 50%);
    background: var(--lwc-colorBackgroundDark, rgb(236, 235, 234));
    display: inline-block;
    vertical-align: middle;
    z-index: 1;
    position: relative
}

.slds-wizard__label {
    display: block;
    margin-top: var(--lwc-spacingSmall, 0.75rem)
}

.slds-wizard__progress {
    position: absolute;
    left: 0;
    top: .625rem;
    height: .25rem;
    display: block;
    width: 100%;
    z-index: -1;
    background: var(--lwc-colorBackgroundDark, rgb(236, 235, 234))
}

.slds-wizard__progress-bar {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    background: #0076de;
    transition: width var(--lwc-durationPromptly, 0.2s) ease
}

.slds-wizard .slds-is-active .slds-wizard__marker {
    background: #0076de
}

.slds-wizard .slds-is-active a:hover .slds-wizard__marker, .slds-wizard .slds-is-active a:focus .slds-wizard__marker {
    background: #005fb2
}

.slds-path-coach {
    border: transparent var(--lwc-borderWidthThin, 1px) solid;
    border-top: 0
}

.slds-path-coach.slds-is-expanded {
    border-color: var(--lwc-colorBorder, rgb(221, 219, 218));
    padding-bottom: var(--lwc-spacingMedium, 1rem)
}

.slds-path-coach .slds-path__mark-current {
    background-color: var(--lwc-colorBackgroundInverse, rgb(6, 28, 63));
    border-color: var(--lwc-colorBackgroundInverse, rgb(6, 28, 63))
}

.slds-tabs_path, .slds-tabs--path {
    display: block;
    width: 100%
}

.slds-tabs_path__nav, .slds-tabs--path__nav {
    display: flex;
    align-items: flex-start
}

.slds-tabs_path .slds-is-complete, .slds-tabs--path .slds-is-complete {
    background-color: #51c983
}

.slds-tabs_path .slds-is-complete .slds-tabs_path__stage, .slds-tabs_path .slds-is-complete .slds-tabs--path__stage, .slds-tabs--path .slds-is-complete .slds-tabs_path__stage, .slds-tabs--path .slds-is-complete .slds-tabs--path__stage {
    transform: rotateX(0deg)
}

.slds-tabs_path .slds-is-complete .slds-tabs_path__title, .slds-tabs_path .slds-is-complete .slds-tabs--path__title, .slds-tabs--path .slds-is-complete .slds-tabs_path__title, .slds-tabs--path .slds-is-complete .slds-tabs--path__title {
    transform: rotateX(180deg)
}

.slds-tabs_path .slds-is-complete .slds-tabs_path__link, .slds-tabs_path .slds-is-complete .slds-tabs--path__link, .slds-tabs--path .slds-is-complete .slds-tabs_path__link, .slds-tabs--path .slds-is-complete .slds-tabs--path__link {
    color: var(--lwc-colorTextActionLabelActive, rgb(8, 7, 7))
}

.slds-tabs_path .slds-is-complete:hover, .slds-tabs--path .slds-is-complete:hover {
    background-color: #1f8956
}

.slds-tabs_path .slds-is-complete:hover .slds-tabs_path__stage, .slds-tabs_path .slds-is-complete:hover .slds-tabs--path__stage, .slds-tabs--path .slds-is-complete:hover .slds-tabs_path__stage, .slds-tabs--path .slds-is-complete:hover .slds-tabs--path__stage {
    transform: rotateX(-180deg)
}

.slds-tabs_path .slds-is-complete:hover .slds-tabs_path__title, .slds-tabs_path .slds-is-complete:hover .slds-tabs--path__title, .slds-tabs--path .slds-is-complete:hover .slds-tabs_path__title, .slds-tabs--path .slds-is-complete:hover .slds-tabs--path__title {
    transform: rotateX(0deg)
}

.slds-tabs_path .slds-is-complete:hover .slds-tabs_path__link, .slds-tabs_path .slds-is-complete:hover .slds-tabs--path__link, .slds-tabs--path .slds-is-complete:hover .slds-tabs_path__link, .slds-tabs--path .slds-is-complete:hover .slds-tabs--path__link {
    color: var(--lwc-colorTextInverse, rgb(255, 255, 255))
}

.slds-tabs_path .slds-is-current, .slds-tabs--path .slds-is-current {
    background-color: #1172cf
}

.slds-tabs_path .slds-is-current:hover, .slds-tabs--path .slds-is-current:hover {
    background-color: #0d61af
}

.slds-tabs_path .slds-is-current + .slds-is-incomplete:before, .slds-tabs--path .slds-is-current + .slds-is-incomplete:before {
    background-color: #1172cf
}

.slds-tabs_path .slds-is-current:hover + .slds-is-incomplete:before, .slds-tabs--path .slds-is-current:hover + .slds-is-incomplete:before {
    background-color: #0d61af
}

.slds-tabs_path .slds-is-incomplete, .slds-tabs--path .slds-is-incomplete {
    background-color: #e0e5ee
}

.slds-tabs_path .slds-is-incomplete:hover, .slds-tabs--path .slds-is-incomplete:hover {
    background-color: #d8dde6
}

.slds-tabs_path .slds-is-incomplete .slds-tabs_path__link, .slds-tabs_path .slds-is-incomplete .slds-tabs--path__link, .slds-tabs--path .slds-is-incomplete .slds-tabs_path__link, .slds-tabs--path .slds-is-incomplete .slds-tabs--path__link {
    color: var(--lwc-colorTextDefault, rgb(8, 7, 7))
}

.slds-tabs_path .slds-is-lost, .slds-tabs_path .slds-is-lost:hover, .slds-tabs--path .slds-is-lost, .slds-tabs--path .slds-is-lost:hover {
    background-color: #c23934
}

.slds-tabs_path .slds-is-current .slds-tabs_path__link, .slds-tabs_path .slds-is-current .slds-tabs--path__link, .slds-tabs_path .slds-is-lost .slds-tabs_path__link, .slds-tabs_path .slds-is-lost .slds-tabs--path__link, .slds-tabs--path .slds-is-current .slds-tabs_path__link, .slds-tabs--path .slds-is-current .slds-tabs--path__link, .slds-tabs--path .slds-is-lost .slds-tabs_path__link, .slds-tabs--path .slds-is-lost .slds-tabs--path__link {
    color: var(--lwc-colorTextInverse, rgb(255, 255, 255))
}

.slds-tabs_path .slds-is-active, .slds-tabs--path .slds-is-active {
    background-color: var(--lwc-colorBackgroundInverse, rgb(6, 28, 63))
}

.slds-tabs_path .slds-is-active .slds-tabs_path__link, .slds-tabs_path .slds-is-active .slds-tabs--path__link, .slds-tabs--path .slds-is-active .slds-tabs_path__link, .slds-tabs--path .slds-is-active .slds-tabs--path__link {
    color: var(--lwc-colorTextInverse, rgb(255, 255, 255))
}

.slds-tabs_path .slds-is-active:hover, .slds-tabs--path .slds-is-active:hover {
    background-color: var(--lwc-colorBackgroundAltInverse, rgb(22, 50, 92))
}

.slds-tabs_path .slds-is-active:hover + .slds-tabs_path__item:before, .slds-tabs_path .slds-is-active:hover + .slds-tabs--path__item:before, .slds-tabs--path .slds-is-active:hover + .slds-tabs_path__item:before, .slds-tabs--path .slds-is-active:hover + .slds-tabs--path__item:before {
    background-color: var(--lwc-colorBackgroundAltInverse, rgb(22, 50, 92))
}

.slds-tabs_path .slds-is-active + .slds-tabs_path__item:before, .slds-tabs_path .slds-is-active + .slds-tabs--path__item:before, .slds-tabs--path .slds-is-active + .slds-tabs_path__item:before, .slds-tabs--path .slds-is-active + .slds-tabs--path__item:before {
    background-color: var(--lwc-colorBackgroundInverse, rgb(6, 28, 63))
}

.slds-tabs_path .slds-is-active .slds-tabs_path__title, .slds-tabs_path .slds-is-active .slds-tabs--path__title, .slds-tabs_path .slds-is-won .slds-tabs_path__title, .slds-tabs_path .slds-is-won .slds-tabs--path__title, .slds-tabs--path .slds-is-active .slds-tabs_path__title, .slds-tabs--path .slds-is-active .slds-tabs--path__title, .slds-tabs--path .slds-is-won .slds-tabs_path__title, .slds-tabs--path .slds-is-won .slds-tabs--path__title {
    color: #fff;
    transform: rotateX(0deg)
}

.slds-tabs_path .slds-is-active .slds-tabs_path__stage, .slds-tabs_path .slds-is-active .slds-tabs--path__stage, .slds-tabs_path .slds-is-won .slds-tabs_path__stage, .slds-tabs_path .slds-is-won .slds-tabs--path__stage, .slds-tabs--path .slds-is-active .slds-tabs_path__stage, .slds-tabs--path .slds-is-active .slds-tabs--path__stage, .slds-tabs--path .slds-is-won .slds-tabs_path__stage, .slds-tabs--path .slds-is-won .slds-tabs--path__stage {
    transform: rotateX(-180deg)
}

.slds-tabs_path__item, .slds-tabs--path__item {
    overflow: hidden;
    position: relative;
    flex: 1 1 0%;
    min-width: 5rem;
    text-align: center;
    perspective: 500px;
    transition: transform .1s ease-in-out, background-color .1s linear
}

.slds-tabs_path__item:first-child, .slds-tabs--path__item:first-child {
    border-radius: var(--lwc-borderRadiusPill, 15rem) 0 0 var(--lwc-borderRadiusPill, 15rem)
}

.slds-tabs_path__item:last-child, .slds-tabs--path__item:last-child {
    border-radius: 0 var(--lwc-borderRadiusPill, 15rem) var(--lwc-borderRadiusPill, 15rem) 0;
    border-right: 0
}

.slds-tabs_path__item:before, .slds-tabs--path__item:before {
    content: '';
    display: block;
    position: absolute;
    top: var(--lwc-borderWidthThick, 2px);
    left: -1rem;
    width: calc(var(--lwc-heightSalesPath, 2rem) - (2px * 2));
    height: calc(var(--lwc-heightSalesPath, 2rem) - (2px * 2));
    border: var(--lwc-borderWidthThick, 2px) solid var(--lwc-colorBorderPathDivider, rgb(255, 255, 255));
    border-left: 0;
    border-bottom: 0;
    background-clip: padding-box;
    transform: scale3d(0.8, 1.1, 1) rotate(45deg);
    transition: transform .1s ease-in-out, background-color .1s linear
}

.slds-tabs_path__item:first-child:before, .slds-tabs--path__item:first-child:before {
    display: none
}

.slds-tabs_path__item + .slds-is-complete:before, .slds-tabs_path__item + .slds-is-current:before, .slds-tabs--path__item + .slds-is-complete:before, .slds-tabs--path__item + .slds-is-current:before {
    background-color: #51c983
}

.slds-tabs_path__item:hover + .slds-is-complete:before, .slds-tabs_path__item:hover + .slds-is-current:before, .slds-tabs--path__item:hover + .slds-is-complete:before, .slds-tabs--path__item:hover + .slds-is-current:before {
    background-color: #1f8956
}

.slds-tabs_path__item + .slds-is-incomplete:before, .slds-tabs_path__item + .slds-is-lost:before, .slds-tabs--path__item + .slds-is-incomplete:before, .slds-tabs--path__item + .slds-is-lost:before {
    background-color: #e0e5ee
}

.slds-tabs_path__item:hover + .slds-is-incomplete:before, .slds-tabs_path__item:hover + .slds-is-lost:before, .slds-tabs--path__item:hover + .slds-is-incomplete:before, .slds-tabs--path__item:hover + .slds-is-lost:before {
    background-color: #d8dde6
}

.slds-tabs_path__title, .slds-tabs--path__title {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.slds-tabs_path__stage, .slds-tabs--path__stage {
    position: absolute;
    top: 50%;
    left: .5rem;
    width: 100%;
    margin-top: calc(-1 * var(--lwc-spacingXSmall, 0.5rem));
    transform: rotateX(-180deg);
    line-height: 1
}

.slds-tabs_path__link, .slds-tabs--path__link {
    display: flex;
    justify-content: center;
    position: relative;
    padding: var(--lwc-spacingXxSmall, 0.25rem) var(--lwc-spacingXxSmall, 0.25rem) var(--lwc-spacingXxSmall, 0.25rem) 1.25rem;
    line-height: var(--lwc-lineHeightSalespath, 1.5rem);
    text-decoration: none;
    cursor: pointer
}

.slds-tabs_path__link:hover, .slds-tabs--path__link:hover {
    text-decoration: none
}

.slds-tabs_path__link:focus, .slds-tabs--path__link:focus {
    outline: 0
}

.slds-tabs_path__title, .slds-tabs--path__title, .slds-tabs_path__stage, .slds-tabs--path__stage {
    display: block;
    transition: transform .2s linear;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.slds-tabs_path__content, .slds-tabs--path__content {
    position: relative;
    padding-left: var(--lwc-spacingLarge, 1.5rem);
    padding-right: var(--lwc-spacingMedium, 1rem)
}

.slds-coach__keys {
    padding-left: var(--lwc-spacingSmall, 0.75rem)
}

.slds-coach__guidance {
    padding-left: var(--lwc-spacingLarge, 1.5rem);
    padding-bottom: var(--lwc-spacingXxSmall, 0.25rem);
    background-color: var(--lwc-colorBackgroundGuidance, rgb(255, 255, 255))
}

.slds-coach__keys, .slds-coach__guidance {
    margin-top: var(--lwc-spacingMedium, 1rem);
    padding-top: var(--lwc-spacingMedium, 1rem);
    padding-right: var(--lwc-spacingLarge, 1.5rem)
}

.slds-coach__item {
    border-top: var(--lwc-colorBorder, rgb(221, 219, 218)) var(--lwc-borderWidthThin, 1px) solid;
    padding: var(--lwc-spacingMedium, 1rem) 0;
    color: var(--lwc-colorTextWeak, rgb(62, 62, 60))
}

.slds-coach__value {
    border-top: var(--lwc-colorBorder, rgb(221, 219, 218)) var(--lwc-borderWidthThin, 1px) solid;
    padding-top: var(--lwc-spacingMedium, 1rem);
    color: var(--lwc-colorTextDefault, rgb(8, 7, 7))
}

.slds-path.slds-is-expanded {
    padding-bottom: var(--lwc-varSpacingVerticalSmall, 0.75rem);
    border-color: var(--lwc-colorBorder, rgb(221, 219, 218))
}

.slds-path__track {
    flex-wrap: wrap;
    align-items: flex-start
}

@media (min-width: 64em) {
    .slds-path__track {
        flex-wrap: nowrap;
        align-items: stretch
    }
}

.slds-path__track.slds-has-overflow .slds-path__scroller_inner {
    display: flex;
    width: 100%;
    overflow: hidden
}

.slds-path__track.slds-has-overflow .slds-path__scroll-controls {
    display: inline-flex;
    flex-shrink: 0;
    padding-left: var(--lwc-spacingXSmall, 0.5rem)
}

@media (pointer: coarse) and (hover: none) {
    .slds-path__track.slds-has-overflow .slds-path__scroll-controls {
        display: none
    }
}

.slds-path__scroller {
    flex: 1;
    max-width: 100%;
    overflow: hidden
}

.slds-path__scroll-controls {
    display: none
}

.slds-path__stage-name {
    display: block;
    font-weight: var(--lwc-fontWeightBold, 700);
    margin: var(--lwc-spacingSmall, 0.75rem) 0
}

@media (min-width: 48em) {
    .slds-path__stage-name {
        margin: 0
    }
}

@media (min-width: 64em) {
    .slds-path__stage-name {
        display: none
    }
}

.slds-path__scroller-container {
    flex: 1;
    flex-basis: 100%;
    overflow: hidden
}

@media (min-width: 64em) {
    .slds-path__scroller-container {
        flex-basis: auto
    }
}

@media (min-width: 48em) {
    .slds-path_has-coaching .slds-path__action {
        padding-left: 2.75rem
    }
}

@media (min-width: 64em) {
    .slds-path_has-coaching .slds-path__action {
        padding-left: 0
    }
}

.slds-path__action {
    flex-grow: 1;
    flex-basis: 100%;
    margin-left: 0;
    align-items: center;
    flex-shrink: 0;
    flex-direction: column
}

@media (min-width: 48em) {
    .slds-path__action {
        max-width: 100%;
        justify-content: space-between;
        margin-top: var(--lwc-spacingMedium, 1rem);
        flex-direction: row
    }
}

@media (min-width: 64em) {
    .slds-path__action {
        flex-basis: auto;
        flex-grow: 0;
        align-items: normal;
        margin-top: 0;
        margin-left: var(--lwc-spacingLarge, 1.5rem)
    }
}

.slds-path__nav {
    display: flex;
    align-items: flex-start;
    overflow: hidden
}

.slds-path__nav .slds-is-incomplete {
    background: var(--lwc-colorBackgroundPathIncomplete, rgb(236, 235, 234))
}

.slds-path__nav .slds-is-incomplete:before, .slds-path__nav .slds-is-incomplete:after {
    background: var(--lwc-colorBackgroundPathIncomplete, rgb(236, 235, 234))
}

.slds-path__nav .slds-is-incomplete .slds-path__link {
    color: var(--lwc-colorTextDefault, rgb(8, 7, 7))
}

.slds-path__nav .slds-is-incomplete:hover {
    background: var(--lwc-colorBackgroundPathIncompleteHover, rgb(221, 219, 218))
}

.slds-path__nav .slds-is-incomplete:hover:before, .slds-path__nav .slds-is-incomplete:hover:after {
    background: var(--lwc-colorBackgroundPathIncompleteHover, rgb(221, 219, 218))
}

.slds-path__nav .slds-is-complete {
    background: var(--lwc-colorBackgroundPathComplete, rgb(75, 202, 129))
}

.slds-path__nav .slds-is-complete:before, .slds-path__nav .slds-is-complete:after {
    background: var(--lwc-colorBackgroundPathComplete, rgb(75, 202, 129))
}

.slds-path__nav .slds-is-complete .slds-path__stage {
    transform: translate(-50%, -50%) rotateX(0deg)
}

.slds-path__nav .slds-is-complete .slds-path__title {
    transform: rotateX(180deg)
}

.slds-path__nav .slds-is-complete .slds-path__link {
    color: var(--lwc-colorTextInverse, rgb(255, 255, 255))
}

.slds-path__nav .slds-is-complete:hover {
    background: var(--lwc-colorBackgroundPathCompleteHover, rgb(4, 132, 75))
}

.slds-path__nav .slds-is-complete:hover:before, .slds-path__nav .slds-is-complete:hover:after {
    background: var(--lwc-colorBackgroundPathCompleteHover, rgb(4, 132, 75))
}

.slds-path__nav .slds-is-complete:hover .slds-path__stage {
    transform: translate(-50%, -50%) rotateX(-180deg)
}

.slds-path__nav .slds-is-complete:hover .slds-path__title {
    transform: rotateX(0deg)
}

.slds-path__nav .slds-is-current {
    background-color: var(--lwc-colorBackgroundPathCurrent, rgb(255, 255, 255))
}

.slds-path__nav .slds-is-current:before, .slds-path__nav .slds-is-current:after {
    background-color: var(--lwc-colorBackgroundPathCurrent, rgb(255, 255, 255));
    background-image: linear-gradient(90deg, var(--lwc-colorBorderPathCurrent, rgb(0, 95, 178)), var(--lwc-colorBorderPathCurrent, rgb(0, 95, 178)) 0.125rem, transparent 0.125rem), linear-gradient(90deg, var(--lwc-colorBorderPathCurrent, rgb(0, 95, 178)), var(--lwc-colorBorderPathCurrent, rgb(0, 95, 178)) 0.125rem, transparent 0.125rem), linear-gradient(var(--lwc-colorBorderPathCurrent, rgb(0, 95, 178)), var(--lwc-colorBorderPathCurrent, rgb(0, 95, 178)) 0.125rem, transparent 0.125rem);
    background-repeat: no-repeat;
    background-size: .125rem 100%, .125rem 100%, 100% .125rem
}

.slds-path__nav .slds-is-current:before {
    background-position: top right, top left, top left
}

.slds-path__nav .slds-is-current:after {
    background-position: top right, top left, bottom left
}

.slds-path__nav .slds-is-current:first-child {
    border: 2px solid var(--lwc-colorBorderPathCurrent, rgb(0, 95, 178));
    border-right: 0
}

.slds-path__nav .slds-is-current:first-child:before, .slds-path__nav .slds-is-current:first-child:after {
    background-color: transparent;
    background-image: linear-gradient(90deg, var(--lwc-colorBorderPathCurrent, rgb(0, 95, 178)), var(--lwc-colorBorderPathCurrent, rgb(0, 95, 178)) 0.125rem, transparent 0.125rem)
}

.slds-path__nav .slds-is-current:first-child:before {
    top: -.125rem
}

.slds-path__nav .slds-is-current:first-child:after {
    bottom: -.125rem
}

.slds-path__nav .slds-is-current:first-child:hover {
    border-color: var(--lwc-colorBorderPathCurrentHover, rgb(0, 57, 107))
}

.slds-path__nav .slds-is-current:first-child:hover:before, .slds-path__nav .slds-is-current:first-child:hover:after {
    background-image: linear-gradient(90deg, var(--lwc-colorBorderPathCurrentHover, rgb(0, 57, 107)), var(--lwc-colorBorderPathCurrentHover, rgb(0, 57, 107)) 0.125rem, transparent 0.125rem)
}

.slds-path__nav .slds-is-current:first-child .slds-path__link {
    height: calc(var(--lwc-heightSalesPath, 2rem) - 0.25rem)
}

.slds-path__nav .slds-is-current .slds-path__link {
    color: var(--lwc-colorTextPathCurrent, rgb(0, 95, 178))
}

.slds-path__nav .slds-is-current:hover:before, .slds-path__nav .slds-is-current:hover:after {
    background-image: linear-gradient(90deg, var(--lwc-colorBorderPathCurrentHover, rgb(0, 57, 107)), var(--lwc-colorBorderPathCurrentHover, rgb(0, 57, 107)) 0.125rem, transparent 0.125rem), linear-gradient(90deg, var(--lwc-colorBorderPathCurrentHover, rgb(0, 57, 107)), var(--lwc-colorBorderPathCurrentHover, rgb(0, 57, 107)) 0.125rem, transparent 0.125rem), linear-gradient(var(--lwc-colorBorderPathCurrentHover, rgb(0, 57, 107)), var(--lwc-colorBorderPathCurrentHover, rgb(0, 57, 107)) 0.125rem, transparent 0.125rem)
}

.slds-path__nav .slds-is-current:hover .slds-path__link {
    color: var(--lwc-colorTextPathCurrentHover, rgb(0, 57, 107))
}

.slds-path__nav .slds-is-active {
    background: var(--lwc-colorBackgroundPathActive, rgb(0, 95, 178))
}

.slds-path__nav .slds-is-active:before, .slds-path__nav .slds-is-active:after {
    background: var(--lwc-colorBackgroundPathActive, rgb(0, 95, 178))
}

.slds-path__nav .slds-is-active:first-child {
    border: 0
}

.slds-path__nav .slds-is-active:first-child:before, .slds-path__nav .slds-is-active:first-child:after {
    background: var(--lwc-colorBackgroundPathActive, rgb(0, 95, 178))
}

.slds-path__nav .slds-is-active:first-child:before {
    top: 0
}

.slds-path__nav .slds-is-active:first-child:after {
    bottom: 0
}

.slds-path__nav .slds-is-active:first-child .slds-path__link {
    height: var(--lwc-heightSalesPath, 2rem)
}

.slds-path__nav .slds-is-active .slds-path__stage {
    transform: translateY(-50%) rotateX(-180deg)
}

.slds-path__nav .slds-is-active .slds-path__title {
    transform: rotateX(0deg)
}

.slds-path__nav .slds-is-active .slds-path__link {
    color: var(--lwc-colorTextInverse, rgb(255, 255, 255))
}

.slds-path__nav .slds-is-active:hover {
    background: var(--lwc-colorBackgroundPathActiveHover, rgb(0, 57, 107))
}

.slds-path__nav .slds-is-active:hover:before, .slds-path__nav .slds-is-active:hover:after {
    background: var(--lwc-colorBackgroundPathActiveHover, rgb(0, 57, 107))
}

.slds-path__nav .slds-is-active:hover .slds-path__link {
    color: var(--lwc-colorTextInverse, rgb(255, 255, 255))
}

.slds-path__nav .slds-is-lost {
    background: var(--lwc-colorBackgroundPathLost, rgb(194, 57, 52))
}

.slds-path__nav .slds-is-lost:before, .slds-path__nav .slds-is-lost:after, .slds-path__nav .slds-is-lost:hover, .slds-path__nav .slds-is-lost:hover:before, .slds-path__nav .slds-is-lost:hover:after {
    background: var(--lwc-colorBackgroundPathLost, rgb(194, 57, 52))
}

.slds-path__nav .slds-is-won {
    background: var(--lwc-colorBackgroundPathWon, rgb(4, 132, 75))
}

.slds-path__nav .slds-is-won:before, .slds-path__nav .slds-is-won:after, .slds-path__nav .slds-is-won:hover, .slds-path__nav .slds-is-won:hover:before, .slds-path__nav .slds-is-won:hover:after {
    background: var(--lwc-colorBackgroundPathWon, rgb(4, 132, 75))
}

.slds-path.slds-is-won .slds-path__item.slds-is-current {
    background: var(--lwc-colorBackgroundPathWon, rgb(4, 132, 75))
}

.slds-path.slds-is-won .slds-path__item.slds-is-current:before, .slds-path.slds-is-won .slds-path__item.slds-is-current:after, .slds-path.slds-is-won .slds-path__item.slds-is-current:hover, .slds-path.slds-is-won .slds-path__item.slds-is-current:hover:before, .slds-path.slds-is-won .slds-path__item.slds-is-current:hover:after {
    background: var(--lwc-colorBackgroundPathWon, rgb(4, 132, 75))
}

.slds-path.slds-is-lost .slds-path__item.slds-is-current {
    background: var(--lwc-colorBackgroundPathLost, rgb(194, 57, 52))
}

.slds-path.slds-is-lost .slds-path__item.slds-is-current:before, .slds-path.slds-is-lost .slds-path__item.slds-is-current:after, .slds-path.slds-is-lost .slds-path__item.slds-is-current:hover, .slds-path.slds-is-lost .slds-path__item.slds-is-current:hover:before, .slds-path.slds-is-lost .slds-path__item.slds-is-current:hover:after {
    background: var(--lwc-colorBackgroundPathLost, rgb(194, 57, 52))
}

.slds-path__item {
    position: relative;
    flex: 1;
    margin-left: .375rem;
    margin-right: .4375rem;
    min-width: 5rem;
    text-align: center
}

.slds-path__item:before, .slds-path__item:after {
    content: '';
    position: absolute;
    left: -.25rem;
    right: -.3125rem;
    cursor: pointer
}

.slds-path__item:before {
    top: 0;
    height: calc((2rem / 2) + 0.0625rem);
    transform: skew(28deg) translate3d(0, 0, 0)
}

.slds-path__item:after {
    bottom: 0;
    height: 1rem;
    transform: skew(-30deg) translate3d(0, 0, 0)
}

.slds-path__item:first-child {
    margin-left: 0;
    border-top-left-radius: var(--lwc-heightSalesPath, 2rem);
    border-bottom-left-radius: var(--lwc-heightSalesPath, 2rem);
    padding-left: .625rem
}

.slds-path__item:first-child:before, .slds-path__item:first-child:after {
    left: 1.125rem
}

.slds-path__item:last-child {
    margin-right: 0;
    border-top-right-radius: var(--lwc-heightSalesPath, 2rem);
    border-bottom-right-radius: var(--lwc-heightSalesPath, 2rem);
    padding-right: .625rem
}

.slds-path__item:last-child .slds-path__link {
    padding-left: var(--lwc-spacingXxSmall, 0.25rem)
}

.slds-path__item:last-child:before, .slds-path__item:last-child:after {
    right: .625rem
}

[dir=rtl] .slds-path__item:before {
    transform: skew(-30deg) translate3d(0, 0, 0)
}

[dir=rtl] .slds-path__item:after {
    transform: skew(28deg) translate3d(0, 0, 0)
}

.slds-path__title {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    transform: translate3d(0, 0, 0)
}

.slds-path__stage {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotateX(-180deg)
}

.slds-path__link {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    height: var(--lwc-heightSalesPath, 2rem);
    padding: var(--lwc-spacingXSmall, 0.5rem) var(--lwc-spacingXxSmall, 0.25rem) var(--lwc-spacingXSmall, 0.5rem) var(--lwc-spacingXSmall, 0.5rem);
    text-decoration: none;
    z-index: 5;
    cursor: pointer
}

.slds-path__link:hover {
    text-decoration: none
}

.slds-path__link:focus {
    outline: 0
}

.slds-path__title, .slds-path__stage {
    display: block;
    transition: transform .2s linear;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.slds-path .slds-path__trigger {
    margin-right: var(--lwc-spacingSmall, 0.75rem);
    transition: var(--lwc-durationSlowly, 0.4s) transform ease-in-out;
    display: none
}

@media (min-width: 48em) {
    .slds-path .slds-path__trigger {
        display: block
    }
}

.slds-flip_vertical, .slds-flip--vertical {
    transform: rotateX(180deg)
}

.slds-flip_horizontal, .slds-flip--horizontal {
    transform: rotateY(180deg)
}

.slds-path__trigger_open {
    transform: rotate(90deg)
}

[dir=rtl] .slds-path__trigger_open {
    transform: rotate(-90deg)
}

.slds-path .slds-path__mark-complete {
    width: 100%;
    min-width: var(--lwc-pathButtonWidthFixed, 13rem);
    margin-right: 0
}

@media (min-width: 48em) {
    .slds-path .slds-path__mark-complete {
        width: auto
    }
}

.slds-path__mark-current {
    border-color: var(--lwc-brandAccessible, rgb(0, 112, 210));
    background-color: var(--lwc-brandAccessible, rgb(0, 112, 210))
}

.slds-path__mark-current:hover, .slds-path__mark-current:focus {
    background-color: var(--lwc-brandAccessibleActive, rgb(0, 95, 178))
}

.slds-path__guidance {
    margin-right: var(--lwc-spacingXSmall, 0.5rem);
    padding-bottom: var(--lwc-spacingXxSmall, 0.25rem);
    background-color: var(--lwc-colorBackgroundGuidance, rgb(255, 255, 255))
}

@media (min-width: 48em) {
    .slds-path__guidance {
        margin-top: 0
    }
}

.slds-path__keys, .slds-path__guidance {
    flex: 1 1 100%;
    margin-top: var(--lwc-varSpacingVerticalMedium, 1rem);
    padding-left: 0;
    padding-right: 0
}

@media (min-width: 48em) {
    .slds-path__keys, .slds-path__guidance {
        flex-basis: 50%
    }
}

@media (min-width: 48em) {
    .slds-path__keys {
        padding-right: var(--lwc-spacingSmall, 0.75rem)
    }
}

.slds-path__coach {
    flex-wrap: wrap;
    align-items: flex-start
}

@media (min-width: 48em) {
    .slds-path__coach {
        flex-wrap: nowrap;
        align-items: stretch
    }
}

.slds-path__coach-title {
    font-size: var(--lwc-fontSize4, 0.875rem);
    font-weight: var(--lwc-fontWeightBold, 700);
    margin-bottom: var(--lwc-spacingXSmall, 0.5rem);
    padding-bottom: var(--lwc-spacingXSmall, 0.5rem);
    line-height: 1.125
}

.slds-path__coach-edit {
    border: 0;
    padding: 0;
    line-height: inherit
}

.slds-path__guidance-content {
    padding-top: var(--lwc-varSpacingVerticalXxSmall, 0.25rem)
}

.slds-path__trigger-coaching-content {
    width: 100%;
    margin-top: var(--lwc-spacingSmall, 0.75rem)
}

@media (min-width: 48em) {
    .slds-path__trigger-coaching-content {
        display: none
    }
}

.slds-path .slds-path__trigger-coaching-content {
    margin-left: 0
}

.slds-region_medium .slds-path_has-coaching .slds-path__action {
    padding-left: 2.75rem
}

.slds-region_medium .slds-path__scroller-container {
    flex-basis: 100%
}

.slds-region_medium .slds-path__track {
    flex-wrap: wrap;
    align-items: flex-start
}

.slds-region_medium .slds-path__action {
    flex-grow: 1;
    flex-basis: 100%;
    margin-left: 0;
    align-items: center;
    max-width: 100%;
    justify-content: space-between;
    margin-top: var(--lwc-spacingMedium, 1rem);
    flex-direction: row
}

.slds-region_medium .slds-path__stage-name, .slds-region_medium .slds-path__trigger {
    display: block
}

.slds-region_medium .slds-path__stage-name {
    margin: 0
}

.slds-region_medium .slds-path__trigger-coaching-content {
    display: none
}

.slds-region_medium .slds-path__mark-complete {
    width: auto
}

.slds-region_medium .slds-path__coach {
    flex-wrap: nowrap;
    align-items: stretch
}

.slds-region_medium .slds-path__keys, .slds-region_medium .slds-path__guidance {
    flex-basis: 50%
}

.slds-region_medium .slds-path__keys {
    padding-right: var(--lwc-spacingSmall, 0.75rem)
}

.slds-region_small .slds-path__scroller-container {
    flex-basis: 100%
}

.slds-region_small .slds-path__track, .slds-region_small .slds-path__coach {
    flex-wrap: wrap;
    align-items: flex-start
}

.slds-region_small .slds-path__stage-name {
    display: block;
    margin: var(--lwc-spacingSmall, 0.75rem) 0
}

.slds-region_small .slds-path__action {
    flex-grow: 1;
    flex-basis: 100%;
    margin-left: 0;
    align-items: center;
    flex-direction: column;
    margin-top: 0
}

.slds-region_small .slds-path_has-coaching .slds-path__action {
    padding-left: 0
}

.slds-region_small .slds-path__mark-complete {
    width: 100%
}

.slds-region_small .slds-path__keys, .slds-region_small .slds-path__guidance {
    flex-basis: 100%;
    padding-left: 0;
    padding-right: 0
}

.slds-region_small .slds-path__guidance {
    margin-top: var(--lwc-spacingMedium, 1rem)
}

.slds-region_small .slds-path__trigger {
    display: none
}

.slds-region_small .slds-path__trigger-coaching-content {
    display: inline-block
}

.slds-progress-bar {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: block;
    width: 100%;
    height: .5rem;
    background: var(--lwc-progressBarColorBackground, rgb(221, 219, 218));
    border: 0;
    position: relative
}

.slds-progress-bar_x-small, .slds-progress-bar--x-small {
    height: var(--lwc-progressBarHeight, 0.125rem)
}

.slds-progress-bar_small, .slds-progress-bar--small {
    height: .25rem
}

.slds-progress-bar_medium, .slds-progress-bar--medium {
    height: .5rem
}

.slds-progress-bar_large, .slds-progress-bar--large {
    height: .75rem
}

.slds-progress-bar_circular, .slds-progress-bar--circular {
    border-radius: var(--lwc-borderRadiusLarge, 0.5rem)
}

.slds-progress-bar_circular .slds-progress-bar__value, .slds-progress-bar--circular .slds-progress-bar__value {
    border-radius: var(--lwc-borderRadiusLarge, 0.5rem)
}

.slds-progress-bar__value {
    display: block;
    background: var(--lwc-progressBarColorBackgroundFill, rgb(94, 180, 255));
    height: 100%
}

.slds-progress-bar__value_success {
    background: var(--lwc-progressBarColorBackgroundFillSuccess, rgb(75, 202, 129))
}

.slds-progress-bar_vertical {
    height: 100%;
    width: .5rem
}

.slds-progress-bar_vertical.slds-progress-bar_x-small {
    width: var(--lwc-progressBarHeight, 0.125rem)
}

.slds-progress-bar_vertical.slds-progress-bar_small {
    width: .25rem
}

.slds-progress-bar_vertical.slds-progress-bar_medium {
    width: .5rem
}

.slds-progress-bar_vertical.slds-progress-bar_large {
    width: .75rem
}

.slds-progress {
    position: relative;
    max-width: 70%;
    width: 100%;
    flex: 1 1 auto;
    margin: auto
}

.slds-progress_shade .slds-progress__item.slds-is-completed .slds-progress__marker, .slds-progress_shade .slds-progress__item.slds-is-active .slds-progress__marker, .slds-progress--shade .slds-progress__item.slds-is-completed .slds-progress__marker, .slds-progress--shade .slds-progress__item.slds-is-active .slds-progress__marker {
    background: var(--lwc-progressColorBackgroundShade, rgb(243, 242, 242))
}

.slds-progress_shade .slds-progress__item.slds-is-completed .slds-progress__marker_icon, .slds-progress_shade .slds-progress__item.slds-is-completed .slds-progress__marker--icon, .slds-progress--shade .slds-progress__item.slds-is-completed .slds-progress__marker_icon, .slds-progress--shade .slds-progress__item.slds-is-completed .slds-progress__marker--icon {
    border-color: var(--lwc-progressColorBackgroundShade, rgb(243, 242, 242))
}

.slds-progress_shade .slds-progress__item.slds-is-active .slds-progress__marker, .slds-progress--shade .slds-progress__item.slds-is-active .slds-progress__marker {
    box-shadow: var(--lwc-progressColorBackgroundShade, rgb(243, 242, 242)) 0 0 0 4px
}

.slds-progress_shade .slds-progress__item.slds-is-active .slds-progress__marker:focus, .slds-progress--shade .slds-progress__item.slds-is-active .slds-progress__marker:focus {
    box-shadow: var(--lwc-progressColorBackgroundShade, rgb(243, 242, 242)) 0 0 0 4px, 0 0 3px 4px var(--lwc-colorBorderBrandDark, rgb(0, 112, 210))
}

.slds-progress_shade .slds-progress__item.slds-has-error .slds-progress__marker, .slds-progress_shade .slds-progress__item.slds-has-error .slds-progress__marker:hover, .slds-progress_shade .slds-progress__item.slds-has-error .slds-progress__marker:focus, .slds-progress--shade .slds-progress__item.slds-has-error .slds-progress__marker, .slds-progress--shade .slds-progress__item.slds-has-error .slds-progress__marker:hover, .slds-progress--shade .slds-progress__item.slds-has-error .slds-progress__marker:focus {
    background: var(--lwc-progressColorBackgroundShade, rgb(243, 242, 242))
}

.slds-progress_shade .slds-progress__item .slds-progress__marker, .slds-progress--shade .slds-progress__item .slds-progress__marker {
    border-color: var(--lwc-progressColorBorderShade, rgb(243, 242, 242))
}

.slds-progress .slds-progress-bar {
    position: absolute;
    top: 50%;
    margin-top: -.0625rem
}

.slds-progress__list {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 100%;
    margin: auto;
    position: relative;
    z-index: var(--lwc-zIndexDefault, 1)
}

.slds-progress__item {
    display: inline-flex;
    align-self: center
}

.slds-progress__item.slds-is-completed .slds-progress__marker, .slds-progress__item.slds-is-active .slds-progress__marker {
    background: var(--lwc-progressColorBackground, rgb(255, 255, 255));
    border-color: var(--lwc-progressColorBorderActive, rgb(21, 137, 238))
}

.slds-progress__item.slds-is-completed .slds-progress__marker_icon, .slds-progress__item.slds-is-completed .slds-progress__marker--icon {
    border-color: var(--lwc-progressColorBackground, rgb(255, 255, 255));
    color: var(--lwc-progressBarColorBackgroundFill, rgb(94, 180, 255))
}

.slds-progress__item.slds-is-active .slds-progress__marker {
    box-shadow: var(--lwc-progressColorBackground, rgb(255, 255, 255)) 0 0 0 4px
}

.slds-progress__item.slds-is-active .slds-progress__marker:hover, .slds-progress__item.slds-is-active .slds-progress__marker:focus {
    border-color: var(--lwc-progressColorBorderHover, rgb(0, 112, 210))
}

.slds-progress__item.slds-is-active .slds-progress__marker:focus {
    box-shadow: var(--lwc-progressColorBackground, rgb(255, 255, 255)) 0 0 0 4px, 0 0 3px 4px var(--lwc-colorBorderBrandDark, rgb(0, 112, 210))
}

.slds-progress__item.slds-has-error .slds-progress__marker, .slds-progress__item.slds-has-error .slds-progress__marker:hover, .slds-progress__item.slds-has-error .slds-progress__marker:focus {
    color: var(--lwc-colorTextError, rgb(194, 57, 52));
    background: var(--lwc-progressColorBackground, rgb(255, 255, 255));
    border-color: transparent;
    box-shadow: none
}

.slds-progress__item.slds-has-error .slds-progress__marker:focus {
    box-shadow: 0 0 3px 0 var(--lwc-colorBorderError, rgb(194, 57, 52))
}

.slds-progress__marker {
    width: var(--lwc-squareIconUtilitySmall, 1rem);
    height: var(--lwc-squareIconUtilitySmall, 1rem);
    position: relative;
    border-radius: var(--lwc-borderRadiusCircle, 50%);
    background: var(--lwc-progressBarColorBackground, rgb(221, 219, 218));
    border: 4px solid var(--lwc-progressColorBorder, rgb(255, 255, 255));
    vertical-align: middle
}

.slds-progress__marker_icon, .slds-progress__marker--icon {
    width: auto;
    height: auto
}

.slds-progress_vertical {
    max-width: none
}

.slds-progress_vertical .slds-progress__list {
    display: block
}

.slds-progress_vertical .slds-progress__item {
    position: relative;
    display: flex;
    align-self: left;
    align-items: center;
    padding: 0
}

.slds-progress_vertical .slds-progress__item:before, .slds-progress_vertical .slds-progress__item:after {
    content: '';
    position: absolute;
    left: calc((1rem / 2) - 1px);
    width: 2px;
    background-color: var(--lwc-progressBarColorBackground, rgb(221, 219, 218))
}

.slds-progress_vertical .slds-progress__item:before {
    top: 0;
    bottom: 50%
}

.slds-progress_vertical .slds-progress__item:after {
    top: 50%;
    bottom: 0
}

.slds-progress_vertical .slds-progress__item:first-child:before, .slds-progress_vertical .slds-progress__item:last-child:after {
    display: none
}

.slds-progress_vertical .slds-progress__item.slds-is-completed:before, .slds-progress_vertical .slds-progress__item.slds-is-completed:after, .slds-progress_vertical .slds-progress__item.slds-is-active:before, .slds-progress_vertical .slds-progress__item.slds-has-error:before {
    background-color: var(--lwc-progressBarColorBackgroundFill, rgb(94, 180, 255))
}

.slds-progress_vertical .slds-progress__item_content {
    flex: 1;
    align-items: center;
    margin-top: var(--lwc-spacingSmall, 0.75rem);
    padding-bottom: var(--lwc-spacingSmall, 0.75rem)
}

.slds-progress_vertical .slds-progress__list-bordered .slds-progress__item:not(:last-child) .slds-progress__item_content {
    border-bottom: 1px var(--lwc-colorBorderSeparatorAlt, rgb(221, 219, 218)) solid
}

.slds-progress_vertical .slds-progress__marker {
    display: flex;
    justify-content: center;
    margin-right: var(--lwc-spacingMedium, 1rem);
    min-width: var(--lwc-squareIconUtilitySmall, 1rem);
    z-index: 5
}

.slds-progress_vertical .slds-progress__marker_icon {
    border-right: 0;
    border-left: 0
}

.slds-progress_vertical .slds-progress__item.slds-is-completed .slds-progress__marker_icon svg {
    fill: var(--lwc-progressBarColorBackgroundFill, rgb(94, 180, 255))
}

.slds-progress_vertical .slds-progress__item.slds-is-completed .slds-progress__marker_icon-success svg {
    fill: var(--lwc-progressBarColorBackgroundFillSuccess, rgb(75, 202, 129))
}

.slds-progress_vertical .slds-progress__item.slds-has-error .slds-progress__marker_icon svg {
    fill: var(--lwc-colorTextError, rgb(194, 57, 52))
}

.slds-progress_success .slds-progress__item.slds-is-completed:before, .slds-progress_success .slds-progress__item.slds-is-completed:after, .slds-progress_success .slds-progress__item.slds-is-active:before, .slds-progress_success .slds-progress__item.slds-has-error:before {
    opacity: .3;
    background-color: var(--lwc-progressBarColorBackgroundFillSuccess, rgb(75, 202, 129))
}

.slds-progress-ring {
    position: relative;
    display: inline-block;
    height: var(--lwc-squareIconUtilityLarge, 1.5rem);
    width: var(--lwc-squareIconUtilityLarge, 1.5rem);
    border-radius: var(--lwc-squareIconUtilityLarge, 1.5rem);
    background: var(--lwc-colorBorder, rgb(221, 219, 218))
}

.slds-progress-ring .slds-icon_container {
    line-height: 0
}

.slds-progress-ring__progress {
    transform: scale(-1, 1) rotate(-90deg)
}

.slds-progress-ring__progress svg {
    width: 100%
}

.slds-progress-ring__path {
    fill: var(--lwc-colorBackgroundSuccess, rgb(75, 202, 129))
}

.slds-progress-ring__content {
    position: absolute;
    top: var(--lwc-progressRingWidth, 0.1875rem);
    right: var(--lwc-progressRingWidth, 0.1875rem);
    bottom: var(--lwc-progressRingWidth, 0.1875rem);
    left: var(--lwc-progressRingWidth, 0.1875rem);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--lwc-squareIconUtilityLarge, 1.5rem);
    background: var(--lwc-colorBackgroundProgressRingContent, rgb(255, 255, 255))
}

.slds-progress-ring__content .slds-icon {
    width: var(--lwc-squareIconSmallContent, 0.75rem)
}

.slds-progress-ring_warning .slds-progress-ring__content {
    background: var(--lwc-colorBackgroundProgressRingContent, rgb(255, 255, 255))
}

.slds-progress-ring_warning .slds-icon, .slds-progress-ring_warning .slds-progress-ring__path {
    fill: var(--lwc-colorBackgroundWarning, rgb(255, 183, 93))
}

.slds-progress-ring_expired .slds-progress-ring__content {
    background: var(--lwc-colorBackgroundProgressRingContent, rgb(255, 255, 255))
}

.slds-progress-ring_expired .slds-icon, .slds-progress-ring_expired .slds-progress-ring__path {
    fill: var(--lwc-colorBackgroundError, rgb(212, 80, 76))
}

.slds-progress-ring_complete .slds-icon {
    fill: var(--lwc-colorBackgroundProgressRingContent, rgb(255, 255, 255))
}

.slds-progress-ring_complete .slds-progress-ring__path {
    fill: var(--lwc-colorBackgroundSuccess, rgb(75, 202, 129))
}

.slds-progress-ring_complete .slds-progress-ring__content {
    background: var(--lwc-colorBackgroundSuccess, rgb(75, 202, 129))
}

.slds-progress-ring_large {
    height: var(--lwc-squareIconLargeContent, 2rem);
    width: var(--lwc-squareIconLargeContent, 2rem)
}

.slds-progress-ring_large .slds-icon {
    width: var(--lwc-squareIconMediumContent, 1rem)
}

.slds-progress-ring_active-step .slds-progress-ring__path {
    fill: var(--lwc-progressColorBorderActive, rgb(21, 137, 238))
}

.slds-rich-text-editor {
    border: var(--lwc-borderWidthThin, 1px) solid var(--lwc-colorBorder, rgb(221, 219, 218));
    border-radius: var(--lwc-borderRadiusMedium, 0.25rem)
}

.slds-rich-text-editor_toolbar-only {
    border: 0;
    border-radius: 0
}

.slds-rich-text-editor__toolbar {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    white-space: nowrap;
    position: relative;
    padding: var(--lwc-spacingXSmall, 0.5rem) var(--lwc-spacingXSmall, 0.5rem) var(--lwc-spacingXxSmall, 0.25rem) var(--lwc-spacingXSmall, 0.5rem);
    border-top-left-radius: var(--lwc-borderRadiusMedium, 0.25rem);
    border-top-right-radius: var(--lwc-borderRadiusMedium, 0.25rem);
    border-bottom: var(--lwc-borderWidthThin, 1px) solid var(--lwc-colorBorder, rgb(221, 219, 218));
    background-color: var(--lwc-colorBackground, rgb(243, 242, 242))
}

.slds-rich-text-editor__col {
    align-self: center
}

.slds-rich-text-editor__col + .slds-rich-text-editor__col {
    margin-left: var(--lwc-spacingXSmall, 0.5rem)
}

.slds-rich-text-editor__col_grow {
    flex-grow: 1
}

.slds-rich-text-editor__toolbar_bottom {
    border-radius: 0 0 var(--lwc-borderRadiusMedium, 0.25rem) var(--lwc-borderRadiusMedium, 0.25rem);
    border-top: var(--lwc-borderWidthThin, 1px) solid var(--lwc-colorBorder, rgb(221, 219, 218));
    border-bottom: 0
}

.slds-rich-text-editor__toolbar_detached {
    border-radius: 0;
    border-top: 0;
    border-bottom: 0
}

.slds-rich-text-editor .slds-button-group-list {
    margin-right: var(--lwc-spacingXxSmall, 0.25rem);
    margin-bottom: var(--lwc-spacingXxSmall, 0.25rem);
    margin-left: 0
}

.slds-rich-text-editor .slds-button-group-list:last-child {
    margin-right: 0
}

.slds-rich-text-editor__select {
    margin-right: var(--lwc-spacingXxSmall, 0.25rem);
    margin-bottom: var(--lwc-spacingXxSmall, 0.25rem)
}

.slds-rich-text-editor__select_x-small {
    max-width: var(--lwc-sizeXSmall, 12rem);
    width: auto
}

.slds-rich-text-editor__select_xx-small {
    max-width: var(--lwc-sizeXxSmall, 6rem);
    width: auto
}

.slds-region_narrow .slds-combobox {
    max-width: 11rem
}

.slds-rich-text-editor.slds-has-focus {
    border-color: var(--lwc-colorBorderInputActive, rgb(21, 137, 238));
    box-shadow: var(--lwc-shadowButtonFocus, 0 0 3px #0070D2)
}

.slds-rich-text-editor.slds-has-error {
    border: var(--lwc-borderWidthThick, 2px) solid var(--lwc-colorBorderError, rgb(194, 57, 52))
}

.slds-rich-text-editor.slds-has-error .slds-input {
    border-color: var(--lwc-colorBorderInput, rgb(221, 219, 218));
    box-shadow: none
}

.slds-rich-text-editor.slds-has-error .slds-form-element__help {
    background: var(--lwc-colorBackgroundAlt, rgb(255, 255, 255));
    margin-top: 0;
    border-radius: 0 0 var(--lwc-borderRadiusSmall, 0.125rem) var(--lwc-borderRadiusSmall, 0.125rem)
}

.slds-rich-text-area__content {
    overflow-y: auto;
    min-height: var(--lwc-sizeXxSmall, 6rem);
    max-height: var(--lwc-sizeSmall, 15rem);
    padding: var(--lwc-spacingMedium, 1rem);
    background-color: var(--lwc-colorBackgroundInput, rgb(255, 255, 255))
}

.slds-picklist__label[disabled] .slds-icon {
    fill: var(--lwc-colorTextButtonDefaultDisabled, rgb(221, 219, 218))
}

[contenteditable]:focus {
    outline: none
}

.slds-rich-text-editor__textarea:last-child .slds-rich-text-area__content {
    border-radius: 0 0 var(--lwc-borderRadiusMedium, 0.25rem) var(--lwc-borderRadiusMedium, 0.25rem)
}

.slds-rich-text-editor__textarea:first-child .slds-rich-text-area__content {
    border-radius: var(--lwc-borderRadiusMedium, 0.25rem) var(--lwc-borderRadiusMedium, 0.25rem) 0 0
}

.slds-rich-text-editor__textarea .ql-editor {
    white-space: pre-wrap;
    word-wrap: break-word;
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text
}

.slds-rich-text-editor__textarea .ql-editor.ql-blank:before {
    color: #54698d;
    content: attr(data-placeholder);
    pointer-events: none;
    position: absolute
}

.slds-rich-text-editor__textarea .ql-editor a {
    text-decoration: underline
}

.slds-rich-text-editor__textarea .overflow-menu {
    z-index: 2
}

.slds-rich-text-editor__textarea .ql-active {
    background-color: #eef1f6
}

.slds-rich-text-editor__textarea .ql-clipboard {
    position: absolute !important;
    margin: -1px !important;
    border: 0 !important;
    padding: 0 !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
    clip: rect(0 0 0 0) !important
}

.slds-rich-text-editor__textarea p, .slds-rich-text-editor__textarea ol, .slds-rich-text-editor__textarea ul, .slds-rich-text-editor__textarea pre, .slds-rich-text-editor__textarea blockquote, .slds-rich-text-editor__textarea h1, .slds-rich-text-editor__textarea h2, .slds-rich-text-editor__textarea h3, .slds-rich-text-editor__textarea h4, .slds-rich-text-editor__textarea h5, .slds-rich-text-editor__textarea h6 {
    counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9
}

.slds-rich-text-editor__textarea ol, .slds-rich-text-editor__textarea ul {
    margin: 0;
    padding: 0;
    padding-left: 1.5em
}

.slds-rich-text-editor__textarea ol > li {
    list-style-type: none
}

.slds-rich-text-editor__textarea ul > li {
    list-style-type: none
}

.slds-rich-text-editor__textarea ul > li:before {
    content: '\2022';
    vertical-align: middle;
    display: inline-block;
    line-height: normal
}

.slds-rich-text-editor__textarea ul[data-checked=true], .slds-rich-text-editor__textarea ul[data-checked=false] {
    pointer-events: none
}

.slds-rich-text-editor__textarea ul[data-checked=true] > li:before {
    color: #777;
    cursor: pointer;
    pointer-events: all
}

.slds-rich-text-editor__textarea ul[data-checked=false] > li:before {
    color: #777;
    cursor: pointer;
    pointer-events: all
}

.slds-rich-text-editor__textarea ul[data-checked=true] > li:before {
    content: '\2611'
}

.slds-rich-text-editor__textarea ul[data-checked=false] > li:before {
    content: '\2610'
}

.slds-rich-text-editor__textarea li:before {
    display: inline-block;
    margin-right: .3em;
    text-align: right;
    white-space: nowrap;
    width: 1.2em
}

.slds-rich-text-editor__textarea li:not(.ql-direction-rtl):before {
    margin-left: -1.5em
}

.slds-rich-text-editor__textarea ol li, .slds-rich-text-editor__textarea ul li {
    padding-left: 1.5em
}

.slds-rich-text-editor__textarea ol li {
    counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
    counter-increment: list-num
}

.slds-rich-text-editor__textarea ol li:before {
    content: counter(list-num, decimal) ". "
}

.slds-rich-text-editor__textarea ol li.ql-indent-1 {
    counter-increment: list-1;
    counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9
}

.slds-rich-text-editor__textarea ol li.ql-indent-1:before {
    content: counter(list-1, lower-alpha) ". "
}

.slds-rich-text-editor__textarea ol li.ql-indent-2 {
    counter-increment: list-2;
    counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9
}

.slds-rich-text-editor__textarea ol li.ql-indent-2:before {
    content: counter(list-2, lower-roman) ". "
}

.slds-rich-text-editor__textarea ol li.ql-indent-3 {
    counter-increment: list-3;
    counter-reset: list-4 list-5 list-6 list-7 list-8 list-9
}

.slds-rich-text-editor__textarea ol li.ql-indent-3:before {
    content: counter(list-3, decimal) ". "
}

.slds-rich-text-editor__textarea ol li.ql-indent-4 {
    counter-increment: list-4;
    counter-reset: list-5 list-6 list-7 list-8 list-9
}

.slds-rich-text-editor__textarea ol li.ql-indent-4:before {
    content: counter(list-4, lower-alpha) ". "
}

.slds-rich-text-editor__textarea ol li.ql-indent-5 {
    counter-increment: list-5;
    counter-reset: list-6 list-7 list-8 list-9
}

.slds-rich-text-editor__textarea ol li.ql-indent-5:before {
    content: counter(list-5, lower-roman) ". "
}

.slds-rich-text-editor__textarea ol li.ql-indent-6 {
    counter-increment: list-6;
    counter-reset: list-7 list-8 list-9
}

.slds-rich-text-editor__textarea ol li.ql-indent-6:before {
    content: counter(list-6, decimal) ". "
}

.slds-rich-text-editor__textarea ol li.ql-indent-7 {
    counter-increment: list-7;
    counter-reset: list-8 list-9
}

.slds-rich-text-editor__textarea ol li.ql-indent-7:before {
    content: counter(list-7, lower-alpha) ". "
}

.slds-rich-text-editor__textarea ol li.ql-indent-8 {
    counter-increment: list-8;
    counter-reset: list-9
}

.slds-rich-text-editor__textarea ol li.ql-indent-8:before {
    content: counter(list-8, lower-roman) ". "
}

.slds-rich-text-editor__textarea ol li.ql-indent-9 {
    counter-increment: list-9
}

.slds-rich-text-editor__textarea ol li.ql-indent-9:before {
    content: counter(list-9, decimal) ". "
}

.slds-rich-text-editor__textarea ul li.ql-indent-1:before {
    content: '\25e6'
}

.slds-rich-text-editor__textarea ul li.ql-indent-2:before, .slds-rich-text-editor__textarea ul li.ql-indent-3:before, .slds-rich-text-editor__textarea ul li.ql-indent-4:before, .slds-rich-text-editor__textarea ul li.ql-indent-5:before, .slds-rich-text-editor__textarea ul li.ql-indent-6:before, .slds-rich-text-editor__textarea ul li.ql-indent-7:before, .slds-rich-text-editor__textarea ul li.ql-indent-8:before {
    content: '\25aa'
}

.slds-rich-text-editor__textarea li.ql-indent-1:not(.ql-direction-rtl) {
    padding-left: 4.5em
}

.slds-rich-text-editor__textarea li.ql-indent-1.ql-direction-rtl.ql-align-right {
    padding-right: 4.5em
}

.slds-rich-text-editor__textarea li.ql-indent-2:not(.ql-direction-rtl) {
    padding-left: 7.5em
}

.slds-rich-text-editor__textarea li.ql-indent-2.ql-direction-rtl.ql-align-right {
    padding-right: 7.5em
}

.slds-rich-text-editor__textarea li.ql-indent-3:not(.ql-direction-rtl) {
    padding-left: 10.5em
}

.slds-rich-text-editor__textarea li.ql-indent-3.ql-direction-rtl.ql-align-right {
    padding-right: 10.5em
}

.slds-rich-text-editor__textarea li.ql-indent-4:not(.ql-direction-rtl) {
    padding-left: 13.5em
}

.slds-rich-text-editor__textarea li.ql-indent-4.ql-direction-rtl.ql-align-right {
    padding-right: 13.5em
}

.slds-rich-text-editor__textarea li.ql-indent-5:not(.ql-direction-rtl) {
    padding-left: 16.5em
}

.slds-rich-text-editor__textarea li.ql-indent-5.ql-direction-rtl.ql-align-right {
    padding-right: 16.5em
}

.slds-rich-text-editor__textarea li.ql-indent-6:not(.ql-direction-rtl) {
    padding-left: 19.5em
}

.slds-rich-text-editor__textarea li.ql-indent-6.ql-direction-rtl.ql-align-right {
    padding-right: 19.5em
}

.slds-rich-text-editor__textarea li.ql-indent-7:not(.ql-direction-rtl) {
    padding-left: 22.5em
}

.slds-rich-text-editor__textarea li.ql-indent-7.ql-direction-rtl.ql-align-right {
    padding-right: 22.5em
}

.slds-rich-text-editor__textarea li.ql-indent-8:not(.ql-direction-rtl) {
    padding-left: 25.5em
}

.slds-rich-text-editor__textarea li.ql-indent-8.ql-direction-rtl.ql-align-right {
    padding-right: 25.5em
}

.slds-rich-text-editor__textarea li.ql-indent-9:not(.ql-direction-rtl) {
    padding-left: 28.5em
}

.slds-rich-text-editor__textarea li.ql-indent-9.ql-direction-rtl.ql-align-right {
    padding-right: 28.5em
}

.slds-rich-text-editor__textarea, .slds-rich-text-editor__output {
    line-height: var(--lwc-lineHeightText, 1.5);
    overflow-wrap: break-word;
    word-wrap: break-word;
    -webkit-hyphens: manual;
    -ms-hyphens: manual;
    hyphens: manual
}

.slds-rich-text-editor__textarea h1, .slds-rich-text-editor__output h1 {
    font-size: var(--lwc-fontSize8, 1.5rem)
}

.slds-rich-text-editor__textarea h2, .slds-rich-text-editor__output h2 {
    font-size: var(--lwc-fontSize6, 1.125rem);
    font-weight: var(--lwc-fontWeightBold, 700)
}

.slds-rich-text-editor__textarea h3, .slds-rich-text-editor__output h3 {
    font-size: var(--lwc-fontSize6, 1.125rem)
}

.slds-rich-text-editor__textarea h4, .slds-rich-text-editor__output h4 {
    font-size: var(--lwc-fontSizeHeadingSmall, 0.875rem);
    font-weight: var(--lwc-fontWeightBold, 700)
}

.slds-rich-text-editor__textarea h5, .slds-rich-text-editor__output h5 {
    font-size: var(--lwc-fontSizeHeadingSmall, 0.875rem)
}

.slds-rich-text-editor__textarea h6, .slds-rich-text-editor__output h6 {
    font-size: var(--lwc-fontSize2, 0.75rem);
    font-weight: var(--lwc-fontWeightBold, 700)
}

.slds-rich-text-editor__textarea h1, .slds-rich-text-editor__textarea h2, .slds-rich-text-editor__textarea h3, .slds-rich-text-editor__textarea h4, .slds-rich-text-editor__textarea h5, .slds-rich-text-editor__textarea h6, .slds-rich-text-editor__textarea ul, .slds-rich-text-editor__textarea ol, .slds-rich-text-editor__textarea dl, .slds-rich-text-editor__textarea img, .slds-rich-text-editor__output h1, .slds-rich-text-editor__output h2, .slds-rich-text-editor__output h3, .slds-rich-text-editor__output h4, .slds-rich-text-editor__output h5, .slds-rich-text-editor__output h6, .slds-rich-text-editor__output ul, .slds-rich-text-editor__output ol, .slds-rich-text-editor__output dl, .slds-rich-text-editor__output img {
    margin-bottom: var(--lwc-spacingSmall, 0.75rem)
}

.slds-rich-text-editor__textarea blockquote, .slds-rich-text-editor__output blockquote {
    margin: var(--lwc-spacingXLarge, 2rem) var(--lwc-spacingLarge, 1.5rem)
}

.slds-rich-text-editor__textarea ins, .slds-rich-text-editor__output ins {
    color: var(--lwc-colorTextSuccess, rgb(2, 126, 70));
    text-decoration: underline
}

.slds-rich-text-editor__textarea del, .slds-rich-text-editor__output del {
    color: var(--lwc-colorTextDestructive, rgb(194, 57, 52));
    text-decoration: line-through
}

.slds-rich-text-editor__textarea ul, .slds-rich-text-editor__output ul {
    margin-left: var(--lwc-spacingLarge, 1.5rem);
    list-style: disc
}

.slds-rich-text-editor__textarea ul ul, .slds-rich-text-editor__output ul ul {
    list-style: circle;
    margin-bottom: 0
}

.slds-rich-text-editor__textarea ul ul ul, .slds-rich-text-editor__output ul ul ul {
    list-style: square
}

.slds-rich-text-editor__textarea ul ol, .slds-rich-text-editor__output ul ol {
    margin-left: var(--lwc-spacingLarge, 1.5rem);
    list-style: decimal;
    margin-bottom: 0
}

.slds-rich-text-editor__textarea ol, .slds-rich-text-editor__output ol {
    margin-left: var(--lwc-spacingLarge, 1.5rem);
    list-style: decimal
}

.slds-rich-text-editor__textarea ol ol, .slds-rich-text-editor__output ol ol {
    list-style: lower-alpha;
    margin-bottom: 0
}

.slds-rich-text-editor__textarea ol ol ol, .slds-rich-text-editor__output ol ol ol {
    list-style: lower-roman
}

.slds-rich-text-editor__textarea ol ul, .slds-rich-text-editor__output ol ul {
    margin-left: var(--lwc-spacingLarge, 1.5rem);
    list-style: disc;
    margin-bottom: 0
}

.slds-rich-text-editor__textarea dd, .slds-rich-text-editor__output dd {
    margin-left: 2.5rem
}

.slds-rich-text-editor__textarea abbr[title], .slds-rich-text-editor__textarea acronym[title], .slds-rich-text-editor__output abbr[title], .slds-rich-text-editor__output acronym[title] {
    border-bottom: 1px dotted;
    cursor: help
}

.slds-rich-text-editor__textarea table, .slds-rich-text-editor__output table {
    overflow-wrap: normal;
    word-wrap: normal;
    word-break: normal;
    width: auto
}

.slds-rich-text-editor__textarea table caption, .slds-rich-text-editor__output table caption {
    text-align: center
}

.slds-rich-text-editor__textarea th, .slds-rich-text-editor__textarea td, .slds-rich-text-editor__output th, .slds-rich-text-editor__output td {
    padding: var(--lwc-spacingXSmall, 0.5rem)
}

.slds-rich-text-editor__textarea .sans-serif, .slds-rich-text-editor__output .sans-serif {
    font-family: sans-serif
}

.slds-rich-text-editor__textarea .courier, .slds-rich-text-editor__output .courier {
    font-family: courier
}

.slds-rich-text-editor__textarea .verdana, .slds-rich-text-editor__output .verdana {
    font-family: verdana
}

.slds-rich-text-editor__textarea .tahoma, .slds-rich-text-editor__output .tahoma {
    font-family: tahoma
}

.slds-rich-text-editor__textarea .garamond, .slds-rich-text-editor__output .garamond {
    font-family: garamond
}

.slds-rich-text-editor__textarea .serif, .slds-rich-text-editor__output .serif {
    font-family: serif
}

.slds-rich-text-editor__textarea .ql-indent-1:not(.ql-direction-rtl), .slds-rich-text-editor__output .ql-indent-1:not(.ql-direction-rtl) {
    padding-left: 3em
}

.slds-rich-text-editor__textarea .ql-indent-1.ql-direction-rtl.ql-align-right, .slds-rich-text-editor__output .ql-indent-1.ql-direction-rtl.ql-align-right {
    padding-right: 3em
}

.slds-rich-text-editor__textarea .ql-indent-2:not(.ql-direction-rtl), .slds-rich-text-editor__output .ql-indent-2:not(.ql-direction-rtl) {
    padding-left: 6em
}

.slds-rich-text-editor__textarea .ql-indent-2.ql-direction-rtl.ql-align-right, .slds-rich-text-editor__output .ql-indent-2.ql-direction-rtl.ql-align-right {
    padding-right: 6em
}

.slds-rich-text-editor__textarea .ql-indent-3:not(.ql-direction-rtl), .slds-rich-text-editor__output .ql-indent-3:not(.ql-direction-rtl) {
    padding-left: 9em
}

.slds-rich-text-editor__textarea .ql-indent-3.ql-direction-rtl.ql-align-right, .slds-rich-text-editor__output .ql-indent-3.ql-direction-rtl.ql-align-right {
    padding-right: 9em
}

.slds-rich-text-editor__textarea .ql-indent-4:not(.ql-direction-rtl), .slds-rich-text-editor__output .ql-indent-4:not(.ql-direction-rtl) {
    padding-left: 12em
}

.slds-rich-text-editor__textarea .ql-indent-4.ql-direction-rtl.ql-align-right, .slds-rich-text-editor__output .ql-indent-4.ql-direction-rtl.ql-align-right {
    padding-right: 12em
}

.slds-rich-text-editor__textarea .ql-indent-5:not(.ql-direction-rtl), .slds-rich-text-editor__output .ql-indent-5:not(.ql-direction-rtl) {
    padding-left: 15em
}

.slds-rich-text-editor__textarea .ql-indent-5.ql-direction-rtl.ql-align-right, .slds-rich-text-editor__output .ql-indent-5.ql-direction-rtl.ql-align-right {
    padding-right: 15em
}

.slds-rich-text-editor__textarea .ql-indent-6:not(.ql-direction-rtl), .slds-rich-text-editor__output .ql-indent-6:not(.ql-direction-rtl) {
    padding-left: 18em
}

.slds-rich-text-editor__textarea .ql-indent-6.ql-direction-rtl.ql-align-right, .slds-rich-text-editor__output .ql-indent-6.ql-direction-rtl.ql-align-right {
    padding-right: 18em
}

.slds-rich-text-editor__textarea .ql-indent-7:not(.ql-direction-rtl), .slds-rich-text-editor__output .ql-indent-7:not(.ql-direction-rtl) {
    padding-left: 21em
}

.slds-rich-text-editor__textarea .ql-indent-7.ql-direction-rtl.ql-align-right, .slds-rich-text-editor__output .ql-indent-7.ql-direction-rtl.ql-align-right {
    padding-right: 21em
}

.slds-rich-text-editor__textarea .ql-indent-8:not(.ql-direction-rtl), .slds-rich-text-editor__output .ql-indent-8:not(.ql-direction-rtl) {
    padding-left: 24em
}

.slds-rich-text-editor__textarea .ql-indent-8.ql-direction-rtl.ql-align-right, .slds-rich-text-editor__output .ql-indent-8.ql-direction-rtl.ql-align-right {
    padding-right: 24em
}

.slds-rich-text-editor__textarea .ql-indent-9:not(.ql-direction-rtl), .slds-rich-text-editor__output .ql-indent-9:not(.ql-direction-rtl) {
    padding-left: 27em
}

.slds-rich-text-editor__textarea .ql-indent-9.ql-direction-rtl.ql-align-right, .slds-rich-text-editor__output .ql-indent-9.ql-direction-rtl.ql-align-right {
    padding-right: 27em
}

.slds-spinner_container {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: var(--lwc-zIndexSpinner, 9050);
    background-color: var(--lwc-colorBackgroundTempModalTintAlt, rgba(255, 255, 255, 0.75));
    visibility: visible;
    opacity: 1;
    transition: opacity .2s ease, visibility 0s;
    transition-delay: 0s, .3s
}

.slds-spinner_container.is-hidden {
    visibility: hidden;
    opacity: 0;
    transition: opacity .2s ease, visibility 0s;
    transition-delay: 0s, 0s
}

.slds-spinner_container.hide {
    display: none
}

.slds-spinner {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 9051;
    transform: translate(-50%, -50%) rotate(90deg)
}

.slds-spinner_inline {
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    bottom: auto;
    transform: none
}

.slds-spinner, .slds-spinner__dot-a, .slds-spinner__dot-b {
    transform-origin: 50% 50%;
    will-change: transform
}

.slds-spinner__dot-a, .slds-spinner__dot-b {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

.slds-spinner:before, .slds-spinner:after, .slds-spinner__dot-a:before, .slds-spinner__dot-b:before, .slds-spinner__dot-a:after, .slds-spinner__dot-b:after {
    content: '';
    position: absolute;
    background: var(--lwc-colorBackgroundSpinnerDot, rgb(176, 173, 171));
    border-radius: var(--lwc-borderRadiusCircle, 50%);
    animation-duration: 1000ms;
    animation-iteration-count: infinite;
    transform: translate3d(0, 0, 0)
}

.slds-spinner__dot-a {
    transform: rotate(60deg)
}

.slds-spinner__dot-b {
    transform: rotate(120deg)
}

.slds-spinner:before {
    animation-delay: -83.33333ms
}

.slds-spinner__dot-a:before {
    animation-delay: 83.33333ms
}

.slds-spinner__dot-b:before {
    animation-delay: 250ms
}

.slds-spinner:after {
    animation-delay: 416.66667ms
}

.slds-spinner__dot-a:after {
    animation-delay: 583.33333ms
}

.slds-spinner__dot-b:after {
    animation-delay: 750ms
}

.slds-spinner_delayed:before {
    animation-delay: 216.66667ms
}

.slds-spinner_delayed .slds-spinner__dot-a:before {
    animation-delay: 383.33333ms
}

.slds-spinner_delayed .slds-spinner__dot-b:before {
    animation-delay: 550ms
}

.slds-spinner_delayed:after {
    animation-delay: 716.66667ms
}

.slds-spinner_delayed .slds-spinner__dot-a:after {
    animation-delay: 883.33333ms
}

.slds-spinner_delayed .slds-spinner__dot-b:after {
    animation-delay: 1050ms
}

.slds-spinner_brand.slds-spinner:before, .slds-spinner_brand.slds-spinner:after, .slds-spinner_brand .slds-spinner__dot-a:before, .slds-spinner_brand .slds-spinner__dot-b:before, .slds-spinner_brand .slds-spinner__dot-a:after, .slds-spinner_brand .slds-spinner__dot-b:after, .slds-spinner--brand.slds-spinner:before, .slds-spinner--brand.slds-spinner:after, .slds-spinner--brand .slds-spinner__dot-a:before, .slds-spinner--brand .slds-spinner__dot-b:before, .slds-spinner--brand .slds-spinner__dot-a:after, .slds-spinner--brand .slds-spinner__dot-b:after {
    background-color: var(--lwc-brandPrimary, rgb(21, 137, 238))
}

.slds-spinner_inverse.slds-spinner:before, .slds-spinner_inverse.slds-spinner:after, .slds-spinner_inverse .slds-spinner__dot-a:before, .slds-spinner_inverse .slds-spinner__dot-b:before, .slds-spinner_inverse .slds-spinner__dot-a:after, .slds-spinner_inverse .slds-spinner__dot-b:after, .slds-spinner--inverse.slds-spinner:before, .slds-spinner--inverse.slds-spinner:after, .slds-spinner--inverse .slds-spinner__dot-a:before, .slds-spinner--inverse .slds-spinner__dot-b:before, .slds-spinner--inverse .slds-spinner__dot-a:after, .slds-spinner--inverse .slds-spinner__dot-b:after {
    background-color: var(--lwc-colorBackgroundAlt, rgb(255, 255, 255))
}

.slds-spinner_xx-small, .slds-spinner--xx-small {
    width: var(--lwc-spinnerSizeXxSmall, 0.5rem)
}

.slds-spinner_xx-small.slds-spinner_inline, .slds-spinner--xx-small.slds-spinner_inline {
    height: var(--lwc-spinnerSizeXxSmall, 0.5rem)
}

.slds-spinner_xx-small.slds-spinner:before, .slds-spinner_xx-small.slds-spinner:after, .slds-spinner_xx-small .slds-spinner__dot-a:before, .slds-spinner_xx-small .slds-spinner__dot-b:before, .slds-spinner_xx-small .slds-spinner__dot-a:after, .slds-spinner_xx-small .slds-spinner__dot-b:after, .slds-spinner--xx-small.slds-spinner:before, .slds-spinner--xx-small.slds-spinner:after, .slds-spinner--xx-small .slds-spinner__dot-a:before, .slds-spinner--xx-small .slds-spinner__dot-b:before, .slds-spinner--xx-small .slds-spinner__dot-a:after, .slds-spinner--xx-small .slds-spinner__dot-b:after {
    width: .125rem;
    height: .125rem
}

.slds-spinner_xx-small.slds-spinner:before, .slds-spinner_xx-small .slds-spinner__dot-a:before, .slds-spinner_xx-small .slds-spinner__dot-b:before, .slds-spinner--xx-small.slds-spinner:before, .slds-spinner--xx-small .slds-spinner__dot-a:before, .slds-spinner--xx-small .slds-spinner__dot-b:before {
    top: -.0625rem;
    left: -.0625rem;
    animation-name: dotsBounceBefore-extraExtraSmall
}

.slds-spinner_xx-small.slds-spinner:after, .slds-spinner_xx-small .slds-spinner__dot-a:after, .slds-spinner_xx-small .slds-spinner__dot-b:after, .slds-spinner--xx-small.slds-spinner:after, .slds-spinner--xx-small .slds-spinner__dot-a:after, .slds-spinner--xx-small .slds-spinner__dot-b:after {
    top: -.0625rem;
    right: -.0625rem;
    animation-name: dotsBounceAfter-extraExtraSmall
}

@keyframes dotsBounceBefore-extraExtraSmall {
    0% {
        transform: translate3d(0, 0, 0)
    }
    60% {
        transform: translate3d(0, 0, 0);
        animation-timing-function: cubic-bezier(0.275, 0.0425, 0.34, 0.265)
    }
    80% {
        transform: translate3d(-0.125rem, 0, 0);
        animation-timing-function: cubic-bezier(0, 0.555, 0.35, 0.715)
    }
    100% {
        transform: translate3d(0, 0, 0)
    }
}

@keyframes dotsBounceAfter-extraExtraSmall {
    0% {
        transform: translate3d(0, 0, 0)
    }
    60% {
        animation-timing-function: cubic-bezier(0.275, 0.0425, 0.34, 0.265);
        transform: translate3d(0, 0, 0)
    }
    80% {
        animation-timing-function: cubic-bezier(0, 0.555, 0.35, 0.715);
        transform: translate3d(0.125rem, 0, 0)
    }
    100% {
        transform: translate3d(0, 0, 0)
    }
}

.slds-spinner_x-small, .slds-spinner--x-small {
    width: var(--lwc-spinnerSizeXSmall, 1rem)
}

.slds-spinner_x-small.slds-spinner_inline, .slds-spinner--x-small.slds-spinner_inline {
    height: var(--lwc-spinnerSizeXSmall, 1rem)
}

.slds-spinner_x-small.slds-spinner:before, .slds-spinner_x-small.slds-spinner:after, .slds-spinner_x-small .slds-spinner__dot-a:before, .slds-spinner_x-small .slds-spinner__dot-b:before, .slds-spinner_x-small .slds-spinner__dot-a:after, .slds-spinner_x-small .slds-spinner__dot-b:after, .slds-spinner--x-small.slds-spinner:before, .slds-spinner--x-small.slds-spinner:after, .slds-spinner--x-small .slds-spinner__dot-a:before, .slds-spinner--x-small .slds-spinner__dot-b:before, .slds-spinner--x-small .slds-spinner__dot-a:after, .slds-spinner--x-small .slds-spinner__dot-b:after {
    width: .25rem;
    height: .25rem
}

.slds-spinner_x-small.slds-spinner:before, .slds-spinner_x-small .slds-spinner__dot-a:before, .slds-spinner_x-small .slds-spinner__dot-b:before, .slds-spinner--x-small.slds-spinner:before, .slds-spinner--x-small .slds-spinner__dot-a:before, .slds-spinner--x-small .slds-spinner__dot-b:before {
    top: -.125rem;
    left: -.125rem;
    animation-name: dotsBounceBefore-extraSmall
}

.slds-spinner_x-small.slds-spinner:after, .slds-spinner_x-small .slds-spinner__dot-a:after, .slds-spinner_x-small .slds-spinner__dot-b:after, .slds-spinner--x-small.slds-spinner:after, .slds-spinner--x-small .slds-spinner__dot-a:after, .slds-spinner--x-small .slds-spinner__dot-b:after {
    top: -.125rem;
    right: -.125rem;
    animation-name: dotsBounceAfter-extraSmall
}

@keyframes dotsBounceBefore-extraSmall {
    0% {
        transform: translate3d(0, 0, 0)
    }
    60% {
        transform: translate3d(0, 0, 0);
        animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53)
    }
    80% {
        transform: translate3d(-0.25rem, 0, 0);
        animation-timing-function: cubic-bezier(0, 1.11, 0.7, 1.43)
    }
    100% {
        transform: translate3d(0, 0, 0)
    }
}

@keyframes dotsBounceAfter-extraSmall {
    0% {
        transform: translate3d(0, 0, 0)
    }
    60% {
        transform: translate3d(0, 0, 0);
        animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53)
    }
    80% {
        transform: translate3d(0.25rem, 0, 0);
        animation-timing-function: cubic-bezier(0, 1.11, 0.7, 1.43)
    }
    100% {
        transform: translate3d(0, 0, 0)
    }
}

.slds-spinner_small, .slds-spinner--small {
    width: var(--lwc-spinnerSizeSmall, 1.25rem)
}

.slds-spinner_small.slds-spinner_inline, .slds-spinner--small.slds-spinner_inline {
    height: var(--lwc-spinnerSizeSmall, 1.25rem)
}

.slds-spinner_small.slds-spinner:before, .slds-spinner_small.slds-spinner:after, .slds-spinner_small .slds-spinner__dot-a:before, .slds-spinner_small .slds-spinner__dot-b:before, .slds-spinner_small .slds-spinner__dot-a:after, .slds-spinner_small .slds-spinner__dot-b:after, .slds-spinner--small.slds-spinner:before, .slds-spinner--small.slds-spinner:after, .slds-spinner--small .slds-spinner__dot-a:before, .slds-spinner--small .slds-spinner__dot-b:before, .slds-spinner--small .slds-spinner__dot-a:after, .slds-spinner--small .slds-spinner__dot-b:after {
    width: .25rem;
    height: .25rem
}

.slds-spinner_small.slds-spinner:before, .slds-spinner_small .slds-spinner__dot-a:before, .slds-spinner_small .slds-spinner__dot-b:before, .slds-spinner--small.slds-spinner:before, .slds-spinner--small .slds-spinner__dot-a:before, .slds-spinner--small .slds-spinner__dot-b:before {
    top: -.125rem;
    left: -.125rem;
    animation-name: dotsBounceBefore-small
}

.slds-spinner_small.slds-spinner:after, .slds-spinner_small .slds-spinner__dot-a:after, .slds-spinner_small .slds-spinner__dot-b:after, .slds-spinner--small.slds-spinner:after, .slds-spinner--small .slds-spinner__dot-a:after, .slds-spinner--small .slds-spinner__dot-b:after {
    top: -.125rem;
    right: -.125rem;
    animation-name: dotsBounceAfter-small
}

@keyframes dotsBounceBefore-small {
    0% {
        transform: translate3d(0, 0, 0)
    }
    60% {
        transform: translate3d(0, 0, 0);
        animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53)
    }
    80% {
        transform: translate3d(-0.375rem, 0, 0);
        animation-timing-function: cubic-bezier(0, 1.11, 0.7, 1.43)
    }
    100% {
        transform: translate3d(0, 0, 0)
    }
}

@keyframes dotsBounceAfter-small {
    0% {
        transform: translate3d(0, 0, 0)
    }
    60% {
        transform: translate3d(0, 0, 0);
        animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53)
    }
    80% {
        transform: translate3d(0.375rem, 0, 0);
        animation-timing-function: cubic-bezier(0, 1.11, 0.7, 1.43)
    }
    100% {
        transform: translateX(0)
    }
}

.slds-spinner_medium, .slds-spinner--medium {
    width: var(--lwc-spinnerSizeMedium, 2rem)
}

.slds-spinner_medium.slds-spinner_inline, .slds-spinner--medium.slds-spinner_inline {
    height: var(--lwc-spinnerSizeMedium, 2rem)
}

.slds-spinner_medium.slds-spinner:before, .slds-spinner_medium.slds-spinner:after, .slds-spinner_medium .slds-spinner__dot-a:before, .slds-spinner_medium .slds-spinner__dot-b:before, .slds-spinner_medium .slds-spinner__dot-a:after, .slds-spinner_medium .slds-spinner__dot-b:after, .slds-spinner--medium.slds-spinner:before, .slds-spinner--medium.slds-spinner:after, .slds-spinner--medium .slds-spinner__dot-a:before, .slds-spinner--medium .slds-spinner__dot-b:before, .slds-spinner--medium .slds-spinner__dot-a:after, .slds-spinner--medium .slds-spinner__dot-b:after {
    width: .5rem;
    height: .5rem
}

.slds-spinner_medium.slds-spinner:before, .slds-spinner_medium .slds-spinner__dot-a:before, .slds-spinner_medium .slds-spinner__dot-b:before, .slds-spinner--medium.slds-spinner:before, .slds-spinner--medium .slds-spinner__dot-a:before, .slds-spinner--medium .slds-spinner__dot-b:before {
    animation-name: dotsBounceBefore-medium;
    top: -.25rem;
    left: -.25rem
}

.slds-spinner_medium.slds-spinner:after, .slds-spinner_medium .slds-spinner__dot-a:after, .slds-spinner_medium .slds-spinner__dot-b:after, .slds-spinner--medium.slds-spinner:after, .slds-spinner--medium .slds-spinner__dot-a:after, .slds-spinner--medium .slds-spinner__dot-b:after {
    animation-name: dotsBounceAfter-medium;
    top: -.25rem;
    right: -.25rem
}

@keyframes dotsBounceBefore-medium {
    0% {
        transform: translate3d(0, 0, 0)
    }
    60% {
        transform: translate3d(0, 0, 0);
        animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53)
    }
    80% {
        transform: translate3d(-0.5rem, 0, 0);
        animation-timing-function: cubic-bezier(0, 1.11, 0.7, 1.43)
    }
    100% {
        transform: translate3d(0, 0, 0)
    }
}

@keyframes dotsBounceAfter-medium {
    0% {
        transform: translate3d(0, 0, 0)
    }
    60% {
        transform: translate3d(0, 0, 0);
        animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53)
    }
    80% {
        transform: translate3d(0.5rem, 0, 0);
        animation-timing-function: cubic-bezier(0, 1.11, 0.7, 1.43)
    }
    100% {
        transform: translateX(0)
    }
}

.slds-spinner_large, .slds-spinner--large {
    width: var(--lwc-spinnerSizeLarge, 2.75rem)
}

.slds-spinner_large.slds-spinner_inline, .slds-spinner--large.slds-spinner_inline {
    height: var(--lwc-spinnerSizeLarge, 2.75rem)
}

.slds-spinner_large.slds-spinner:before, .slds-spinner_large.slds-spinner:after, .slds-spinner_large .slds-spinner__dot-a:before, .slds-spinner_large .slds-spinner__dot-b:before, .slds-spinner_large .slds-spinner__dot-a:after, .slds-spinner_large .slds-spinner__dot-b:after, .slds-spinner--large.slds-spinner:before, .slds-spinner--large.slds-spinner:after, .slds-spinner--large .slds-spinner__dot-a:before, .slds-spinner--large .slds-spinner__dot-b:before, .slds-spinner--large .slds-spinner__dot-a:after, .slds-spinner--large .slds-spinner__dot-b:after {
    width: .625rem;
    height: .625rem
}

.slds-spinner_large.slds-spinner:before, .slds-spinner_large .slds-spinner__dot-a:before, .slds-spinner_large .slds-spinner__dot-b:before, .slds-spinner--large.slds-spinner:before, .slds-spinner--large .slds-spinner__dot-a:before, .slds-spinner--large .slds-spinner__dot-b:before {
    animation-name: dotsBounceBefore-medium;
    top: -.3125rem;
    left: -.3125rem
}

.slds-spinner_large.slds-spinner:after, .slds-spinner_large .slds-spinner__dot-a:after, .slds-spinner_large .slds-spinner__dot-b:after, .slds-spinner--large.slds-spinner:after, .slds-spinner--large .slds-spinner__dot-a:after, .slds-spinner--large .slds-spinner__dot-b:after {
    animation-name: dotsBounceAfter-medium;
    top: -.3125rem;
    right: -.3125rem
}

@keyframes dotsBounceBefore-large {
    0% {
        transform: translate3d(0, 0, 0)
    }
    60% {
        transform: translate3d(0, 0, 0);
        animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53)
    }
    80% {
        transform: translate3d(-0.75rem, 0, 0);
        animation-timing-function: cubic-bezier(0, 1.11, 0.7, 1.43)
    }
    100% {
        transform: translateX(0)
    }
}

@keyframes dotsBounceAfter-large {
    0% {
        transform: translate3d(0, 0, 0)
    }
    60% {
        transform: translate3d(0, 0, 0);
        animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53)
    }
    80% {
        transform: translate3d(0.75rem, 0, 0);
        animation-timing-function: cubic-bezier(0, 1.11, 0.7, 1.43)
    }
    100% {
        transform: translateX(0)
    }
}

.slds-split-view_container {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0
}

.slds-split-view_container.slds-is-closed .slds-split-view {
    display: none
}

.slds-split-view_container.slds-is-closed .slds-split-view__toggle-button .slds-button__icon {
    transform: rotate(180deg)
}

.slds-split-view_container.slds-is-open {
    flex: 1 1 auto
}

.slds-split-view_container.slds-is-open .slds-split-view {
    display: inherit
}

.slds-split-view_container.slds-is-open .slds-split-view__toggle-button .slds-button__icon {
    transform: rotate(0)
}

.slds-split-view {
    background: var(--lwc-splitViewColorBackground, rgb(250, 250, 249));
    color: var(--lwc-colorTextWeak, rgb(62, 62, 60))
}

.slds-split-view__header {
    padding: var(--lwc-varSpacingVerticalMedium, 1rem) var(--lwc-varSpacingHorizontalMedium, 1rem) var(--lwc-spacingXSmall, 0.5rem) var(--lwc-varSpacingHorizontalLarge, 1.5rem)
}

.slds-split-view__list-header {
    font-size: var(--lwc-fontSize4, 0.875rem);
    font-weight: var(--lwc-fontWeightBold, 700);
    line-height: var(--lwc-lineHeightHeading, 1.25);
    border-top: var(--lwc-borderWidthThin, 1px) solid var(--lwc-splitViewColorBorder, rgb(221, 219, 218));
    border-bottom: var(--lwc-borderWidthThin, 1px) solid var(--lwc-splitViewColorBorder, rgb(221, 219, 218));
    padding: var(--lwc-spacingXSmall, 0.5rem) var(--lwc-spacingMedium, 1rem) var(--lwc-spacingXSmall, 0.5rem) var(--lwc-spacingLarge, 1.5rem)
}

.slds-split-view__list-item {
    display: flex;
    position: relative;
    border-bottom: var(--lwc-borderWidthThin, 1px) solid var(--lwc-splitViewColorBorder, rgb(221, 219, 218));
    font-size: var(--lwc-fontSize2, 0.75rem)
}

.slds-split-view__list-item:hover, .slds-split-view__list-item:focus {
    background: var(--lwc-splitViewColorBackgroundRowHover, rgb(255, 255, 255))
}

.slds-split-view__list-item .slds-indicator_unread, .slds-split-view__list-item .slds-indicator--unread {
    background: var(--lwc-colorBrand, rgb(21, 137, 238))
}

.slds-indicator_unread, .slds-indicator--unread {
    width: 8px;
    height: 8px;
    position: absolute;
    top: var(--lwc-spacingMedium, 1rem);
    left: var(--lwc-spacingXSmall, 0.5rem);
    display: block;
    border-radius: var(--lwc-borderRadiusCircle, 50%);
    background: var(--lwc-colorBackgroundNotificationBadge, rgb(194, 57, 52))
}

.slds-split-view__list-item-action {
    color: currentColor;
    padding: var(--lwc-varSpacingVerticalSmall, 0.75rem) var(--lwc-varSpacingHorizontalMedium, 1rem) var(--lwc-varSpacingVerticalSmall, 0.75rem) var(--lwc-varSpacingHorizontalLarge, 1.5rem)
}

.slds-split-view__list-item-action:hover, .slds-split-view__list-item-action:focus {
    outline: none;
    background: var(--lwc-splitViewColorBackgroundRowHover, rgb(255, 255, 255));
    color: currentColor;
    text-decoration: none
}

.slds-split-view__list-item-action:focus {
    box-shadow: inset 0 0 0 1px var(--lwc-colorBrand, rgb(21, 137, 238))
}

.slds-split-view__list-item-action[aria-selected=true] {
    box-shadow: inset 4px 0 0 var(--lwc-brandAccessible, rgb(0, 112, 210))
}

.slds-split-view__list-item-action[aria-selected=true]:focus {
    box-shadow: inset 4px 0 0 var(--lwc-brandAccessible, rgb(0, 112, 210)), inset 0 0 0 1px var(--lwc-brandAccessible, rgb(0, 112, 210))
}

.slds-split-view__toggle-button {
    position: absolute;
    right: -.75rem;
    height: 100%;
    width: .75rem;
    background: var(--lwc-colorBackgroundAlt, rgb(255, 255, 255));
    border-radius: 0;
    border: var(--lwc-borderWidthThin, 1px) solid var(--lwc-colorBorder, rgb(221, 219, 218))
}

.slds-split-view__toggle-button:hover, .slds-split-view__toggle-button:focus {
    background: var(--lwc-splitViewColorBackgroundRowHover, rgb(255, 255, 255))
}

.slds-split-view__toggle-button.slds-is-closed .slds-button__icon {
    transform: rotate(180deg)
}

.slds-tile + .slds-tile {
    margin-top: var(--lwc-spacingXSmall, 0.5rem)
}

.slds-tile__detail {
    position: relative
}

.slds-tile__meta {
    color: var(--lwc-colorTextDefault, rgb(8, 7, 7))
}

.slds-tile_board, .slds-tile--board {
    position: relative
}

.slds-tile_board__icon, .slds-tile--board__icon {
    width: var(--lwc-squareIconMediumContent, 1rem);
    height: var(--lwc-squareIconMediumContent, 1rem);
    position: absolute;
    bottom: var(--lwc-spacingXxSmall, 0.25rem);
    right: var(--lwc-spacingXxSmall, 0.25rem)
}

.slds-tile_board .slds-has-alert, .slds-tile--board .slds-has-alert {
    padding-right: var(--lwc-spacingLarge, 1.5rem)
}

@media (min-width: 48em) {
    .slds-tabs_default .slds-tabs__item + .slds-tabs__item, .slds-tabs--default .slds-tabs__item + .slds-tabs__item {
        margin-left: var(--lwc-spacingLarge, 1.5rem)
    }
}

.slds-tabs_default .slds-tabs__item > a, .slds-tabs--default .slds-tabs__item > a {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    text-decoration: none;
    cursor: pointer;
    height: var(--lwc-lineHeightTab, 2.5rem);
    line-height: var(--lwc-lineHeightTab, 2.5rem);
    border-bottom: var(--lwc-borderWidthThick, 2px) solid transparent;
    padding: 0 var(--lwc-spacingXSmall, 0.5rem);
    color: var(--lwc-colorTextActionLabel, rgb(62, 62, 60))
}

.slds-tabs_default .slds-tabs__item > a:focus, .slds-tabs--default .slds-tabs__item > a:focus {
    outline: 0
}

@media (min-width: 48em) {
    .slds-tabs_default .slds-tabs__item > a, .slds-tabs--default .slds-tabs__item > a {
        padding: 0 var(--lwc-spacingMedium, 1rem)
    }
}

.slds-tabs_default .slds-tabs__item > a:hover, .slds-tabs_default .slds-tabs__item > a:focus, .slds-tabs--default .slds-tabs__item > a:hover, .slds-tabs--default .slds-tabs__item > a:focus {
    text-decoration: none;
    border-color: var(--lwc-colorBorderTabSelected, rgb(0, 112, 210));
    color: var(--lwc-colorTextActionLabelActive, rgb(8, 7, 7))
}

.slds-tabs_default .slds-tabs__item.slds-active a, .slds-tabs--default .slds-tabs__item.slds-active a {
    border-color: var(--lwc-brandPrimary, rgb(21, 137, 238));
    color: var(--lwc-colorTextActionLabelActive, rgb(8, 7, 7))
}

.slds-tabs_default .slds-tabs__item.slds-active a:focus, .slds-tabs--default .slds-tabs__item.slds-active a:focus {
    color: var(--lwc-colorTextTabLabelSelected, rgb(0, 112, 210))
}

.slds-tabs_default > .slds-tabs__content, .slds-tabs--default > .slds-tabs__content {
    position: relative;
    padding: var(--lwc-spacingMedium, 1rem) 0
}

.slds-tabs_default, .slds-tabs--default {
    display: block;
    width: 100%;
    background-color: var(--lwc-colorBackgroundAlt, rgb(255, 255, 255))
}

.slds-tabs_default .slds-tabs__item_overflow, .slds-tabs_default .slds-tabs__item--overflow, .slds-tabs--default .slds-tabs__item_overflow, .slds-tabs--default .slds-tabs__item--overflow {
    overflow: visible
}

.slds-tabs_default__nav, .slds-tabs--default__nav {
    display: flex;
    align-items: flex-start;
    border-bottom: var(--lwc-borderWidthThin, 1px) solid var(--lwc-colorBorder, rgb(221, 219, 218))
}

.slds-tabs_default__item, .slds-tabs--default__item {
    color: var(--lwc-colorTextActionLabel, rgb(62, 62, 60));
    position: relative;
    padding: 0 var(--lwc-spacingSmall, 0.75rem);
    margin-bottom: calc(-1 * var(--lwc-borderWidthThin, 1px))
}

.slds-tabs_default__item:after, .slds-tabs--default__item:after {
    display: block;
    content: '';
    bottom: 0;
    left: 0;
    right: 0;
    height: 0;
    position: absolute
}

.slds-tabs_default__item.slds-active, .slds-tabs_default__item.slds-is-active, .slds-tabs--default__item.slds-active, .slds-tabs--default__item.slds-is-active {
    color: var(--lwc-colorTextActionLabelActive, rgb(8, 7, 7))
}

.slds-tabs_default__item.slds-active:after, .slds-tabs_default__item.slds-is-active:after, .slds-tabs--default__item.slds-active:after, .slds-tabs--default__item.slds-is-active:after {
    background-color: var(--lwc-brandPrimary, rgb(21, 137, 238));
    height: .1875rem
}

.slds-tabs_default__item.slds-active .slds-tabs_default__link, .slds-tabs_default__item.slds-active .slds-tabs--default__link, .slds-tabs_default__item.slds-is-active .slds-tabs_default__link, .slds-tabs_default__item.slds-is-active .slds-tabs--default__link, .slds-tabs--default__item.slds-active .slds-tabs_default__link, .slds-tabs--default__item.slds-active .slds-tabs--default__link, .slds-tabs--default__item.slds-is-active .slds-tabs_default__link, .slds-tabs--default__item.slds-is-active .slds-tabs--default__link {
    font-weight: var(--lwc-tabsFontWeight, 700)
}

.slds-tabs_default__item.slds-active .slds-tabs_default__link:hover, .slds-tabs_default__item.slds-active .slds-tabs--default__link:hover, .slds-tabs_default__item.slds-is-active .slds-tabs_default__link:hover, .slds-tabs_default__item.slds-is-active .slds-tabs--default__link:hover, .slds-tabs--default__item.slds-active .slds-tabs_default__link:hover, .slds-tabs--default__item.slds-active .slds-tabs--default__link:hover, .slds-tabs--default__item.slds-is-active .slds-tabs_default__link:hover, .slds-tabs--default__item.slds-is-active .slds-tabs--default__link:hover {
    color: currentColor
}

.slds-tabs_default__item:hover:after, .slds-tabs--default__item:hover:after {
    height: .125rem;
    background-color: var(--lwc-brandPrimaryActive, rgb(0, 122, 221));
    transition: height 300ms
}

.slds-tabs_default__item:focus, .slds-tabs_default__item.slds-has-focus, .slds-tabs--default__item:focus, .slds-tabs--default__item.slds-has-focus {
    outline: 0
}

.slds-tabs_default__item:focus:after, .slds-tabs_default__item.slds-has-focus:after, .slds-tabs--default__item:focus:after, .slds-tabs--default__item.slds-has-focus:after {
    height: 3px;
    background-color: var(--lwc-brandPrimary, rgb(21, 137, 238))
}

.slds-tabs_default__item .slds-tabs_default__link:focus, .slds-tabs_default__item .slds-tabs--default__link:focus, .slds-tabs--default__item .slds-tabs_default__link:focus, .slds-tabs--default__item .slds-tabs--default__link:focus {
    box-shadow: none
}

.slds-tabs_default__item.slds-has-notification, .slds-tabs--default__item.slds-has-notification {
    background: var(--lwc-colorBackgroundNotificationNew, rgb(243, 242, 242))
}

.slds-tabs_default__item.slds-has-notification:after, .slds-tabs--default__item.slds-has-notification:after {
    background-color: var(--lwc-colorBorder, rgb(221, 219, 218))
}

.slds-tabs_default__item.slds-has-notification:hover:after, .slds-tabs--default__item.slds-has-notification:hover:after {
    background-color: var(--lwc-colorBrandDark, rgb(0, 112, 210))
}

.slds-tabs_default__item.slds-has-notification .slds-indicator_unread, .slds-tabs--default__item.slds-has-notification .slds-indicator_unread {
    display: inline-block;
    height: .375rem;
    width: .375rem;
    position: relative;
    top: auto;
    left: auto
}

.slds-tabs_default__item.slds-is-unsaved .slds-indicator_unread, .slds-tabs--default__item.slds-is-unsaved .slds-indicator_unread {
    margin-left: -.35rem
}

.slds-tabs_default__item.slds-has-notification .slds-indicator_unsaved, .slds-tabs--default__item.slds-has-notification .slds-indicator_unsaved {
    top: -.25rem
}

.slds-tabs_default__link, .slds-tabs--default__link {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    text-decoration: none;
    cursor: pointer;
    height: var(--lwc-lineHeightTab, 2.5rem);
    line-height: var(--lwc-lineHeightTab, 2.5rem);
    color: currentColor;
    border: 0;
    text-transform: inherit;
    z-index: 1
}

.slds-tabs_default__link:focus, .slds-tabs--default__link:focus {
    outline: 0
}

.slds-tabs_default__link:hover, .slds-tabs_default__link:focus, .slds-tabs--default__link:hover, .slds-tabs--default__link:focus {
    text-decoration: none;
    box-shadow: none;
    color: currentColor
}

.slds-tabs_default__link[tabindex="0"]:focus, .slds-tabs--default__link[tabindex="0"]:focus {
    text-decoration: underline
}

.slds-tabs_default__overflow-button {
    display: inline-flex;
    height: var(--lwc-lineHeightTab, 2.5rem);
    line-height: var(--lwc-lineHeightTab, 2.5rem)
}

.slds-tabs_default__overflow-button .slds-button {
    line-height: inherit;
    color: var(--lwc-colorTextActionLabel, rgb(62, 62, 60));
    box-shadow: none
}

.slds-tabs_default__overflow-button .slds-button:focus {
    text-decoration: underline
}

.slds-tabs_default__overflow-button.slds-has-error .slds-button, .slds-tabs_default__overflow-button.slds-has-success .slds-button {
    color: var(--lwc-colorGray1, rgb(255, 255, 255))
}

.slds-tabs_default__content, .slds-tabs--default__content {
    position: relative;
    padding: var(--lwc-spacingMedium, 1rem) 0
}

.slds-tabs_medium .slds-tabs_default__item {
    font-size: var(--lwc-varFontSize5, 1rem)
}

.slds-tabs_large .slds-tabs_default__item {
    font-size: var(--lwc-varFontSize7, 1.25rem)
}

.slds-tabs__left-icon {
    margin-right: var(--lwc-spacingXSmall, 0.5rem)
}

.slds-tabs__left-icon:empty {
    margin-right: 0
}

.slds-tabs__right-icon {
    margin-left: var(--lwc-spacingXSmall, 0.5rem)
}

.slds-tabs_mobile__title {
    width: 100%;
    height: 100%;
    color: var(--lwc-colorTextTabLabel, rgb(43, 40, 38));
    font-size: var(--lwc-fontSize5, 1rem);
    padding: 0 var(--lwc-spacingMedium, 1rem)
}

.slds-tabs_mobile__title .slds-button:focus {
    box-shadow: none
}

.slds-tabs_mobile__title-action {
    width: 100%;
    height: 100%;
    display: inline-flex;
    flex-grow: 1;
    align-items: center;
    justify-content: space-between
}

.slds-tabs_mobile__title-action .slds-button__icon {
    flex-shrink: 0
}

.slds-tabs_mobile {
    display: flex;
    flex-direction: column
}

.slds-tabs_mobile__item {
    display: flex;
    border-top: var(--lwc-borderWidthThin, 1px) solid var(--lwc-colorBorder, rgb(221, 219, 218));
    height: var(--lwc-squareTappable, 2.75rem);
    align-items: center
}

.slds-tabs_mobile__item:active {
    background-color: var(--lwc-colorBackgroundRowHover, rgb(243, 242, 242))
}

.slds-tabs_mobile__item:last-child {
    border-bottom: var(--lwc-borderWidthThin, 1px) solid var(--lwc-colorBorder, rgb(221, 219, 218))
}

.slds-tabs_mobile + .slds-tabs_mobile .slds-tabs_mobile__item:first-child {
    border-top: 0
}

.slds-tabs-mobile__container {
    position: relative;
    overflow: hidden
}

.slds-panel__body .slds-tabs-mobile {
    margin-left: -.75rem;
    margin-right: -.75rem
}

.slds-panel__body .slds-tabs-mobile:first-child {
    margin-top: -.75rem
}

.slds-panel__body .slds-tabs-mobile:first-child .slds-tabs-mobile__item:first-child {
    border-top: 0
}

.slds-tabs-mobile {
    display: flex;
    flex-direction: column;
    background-color: var(--lwc-colorBackgroundAlt, rgb(255, 255, 255))
}

.slds-tabs-mobile__item {
    display: flex;
    border-top: var(--lwc-borderWidthThin, 1px) solid var(--lwc-colorBorder, rgb(221, 219, 218));
    height: var(--lwc-squareTappable, 2.75rem);
    align-items: stretch;
    color: var(--lwc-colorTextTabLabel, rgb(43, 40, 38));
    font-size: var(--lwc-fontSize5, 1rem);
    padding: 0 var(--lwc-spacingSmall, 0.75rem)
}

.slds-tabs-mobile__item:active {
    background-color: var(--lwc-colorBackgroundRowActive, rgb(236, 235, 234))
}

.slds-tabs-mobile__item:last-child {
    border-bottom: var(--lwc-borderWidthThin, 1px) solid var(--lwc-colorBorder, rgb(221, 219, 218))
}

.slds-tabs-mobile__group .slds-tabs-mobile__container + .slds-tabs-mobile__container .slds-tabs-mobile__item:first-child {
    border-top: 0
}

.slds-tabs_scoped .slds-tabs__item, .slds-tabs--scoped .slds-tabs__item {
    position: relative;
    margin-bottom: calc(-1 * var(--lwc-borderWidthThin, 1px))
}

.slds-tabs_scoped .slds-tabs__item + .slds-tabs__item, .slds-tabs--scoped .slds-tabs__item + .slds-tabs__item {
    margin-left: calc(-1 * var(--lwc-borderWidthThin, 1px))
}

.slds-tabs_scoped .slds-tabs__item:first-child > a, .slds-tabs--scoped .slds-tabs__item:first-child > a {
    border-left: 0;
    border-radius: var(--lwc-borderRadiusMedium, 0.25rem) 0 0 0
}

.slds-tabs_scoped .slds-tabs__item > a, .slds-tabs--scoped .slds-tabs__item > a {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    text-decoration: none;
    cursor: pointer;
    height: var(--lwc-lineHeightTab, 2.5rem);
    line-height: var(--lwc-lineHeightTab, 2.5rem);
    padding: 0 var(--lwc-spacingLarge, 1.5rem);
    color: var(--lwc-colorTextWeak, rgb(62, 62, 60));
    background-clip: padding-box;
    border-left: var(--lwc-borderWidthThin, 1px) solid transparent;
    border-right: var(--lwc-borderWidthThin, 1px) solid transparent
}

.slds-tabs_scoped .slds-tabs__item > a:focus, .slds-tabs--scoped .slds-tabs__item > a:focus {
    outline: 0
}

.slds-tabs_scoped .slds-tabs__item > a:hover, .slds-tabs_scoped .slds-tabs__item > a:focus, .slds-tabs--scoped .slds-tabs__item > a:hover, .slds-tabs--scoped .slds-tabs__item > a:focus {
    text-decoration: none;
    color: var(--lwc-colorTextLinkHover, rgb(0, 95, 178));
    border-color: var(--lwc-colorBorder, rgb(221, 219, 218))
}

.slds-tabs_scoped .slds-tabs__item .slds-active > a, .slds-tabs--scoped .slds-tabs__item .slds-active > a {
    background-color: var(--lwc-colorBackgroundAlt, rgb(255, 255, 255));
    color: var(--lwc-colorTextLink, rgb(0, 109, 204));
    border-color: var(--lwc-colorBorder, rgb(221, 219, 218))
}

.slds-tabs_scoped .slds-tabs__item .slds-active > a:focus, .slds-tabs--scoped .slds-tabs__item .slds-active > a:focus {
    text-decoration: underline
}

.slds-tabs_scoped > .slds-tabs__content, .slds-tabs--scoped > .slds-tabs__content {
    background-color: var(--lwc-colorBackgroundAlt, rgb(255, 255, 255));
    border: var(--lwc-borderWidthThin, 1px) solid var(--lwc-colorBorderButtonDefault, rgb(221, 219, 218));
    border-top: 0;
    border-radius: 0 0 var(--lwc-borderRadiusMedium, 0.25rem) var(--lwc-borderRadiusMedium, 0.25rem);
    padding: var(--lwc-spacingMedium, 1rem)
}

.slds-tabs_scoped, .slds-tabs--scoped {
    display: block;
    width: 100%
}

.slds-tabs_scoped__nav, .slds-tabs--scoped__nav {
    display: flex;
    align-items: flex-start;
    background-color: var(--lwc-colorGray2, rgb(250, 250, 249));
    border: var(--lwc-borderWidthThin, 1px) solid var(--lwc-colorBorderButtonDefault, rgb(221, 219, 218));
    border-radius: var(--lwc-borderRadiusMedium, 0.25rem) var(--lwc-borderRadiusMedium, 0.25rem) 0 0
}

.slds-tabs_scoped__item, .slds-tabs--scoped__item {
    position: relative;
    margin-bottom: calc(-1 * var(--lwc-borderWidthThin, 1px))
}

.slds-tabs_scoped__item + .slds-tabs_scoped__item, .slds-tabs_scoped__item + .slds-tabs--scoped__item, .slds-tabs--scoped__item + .slds-tabs_scoped__item, .slds-tabs--scoped__item + .slds-tabs--scoped__item {
    margin-left: calc(-1 * var(--lwc-borderWidthThin, 1px))
}

.slds-tabs_scoped__item:first-child .slds-tabs_scoped__link, .slds-tabs_scoped__item:first-child .slds-tabs--scoped__link, .slds-tabs--scoped__item:first-child .slds-tabs_scoped__link, .slds-tabs--scoped__item:first-child .slds-tabs--scoped__link {
    border-left: 0;
    border-radius: var(--lwc-borderRadiusMedium, 0.25rem) 0 0 0
}

.slds-tabs_scoped__content, .slds-tabs--scoped__content {
    background-color: var(--lwc-colorBackgroundAlt, rgb(255, 255, 255));
    border: var(--lwc-borderWidthThin, 1px) solid var(--lwc-colorBorderButtonDefault, rgb(221, 219, 218));
    border-top: 0;
    border-radius: 0 0 var(--lwc-borderRadiusMedium, 0.25rem) var(--lwc-borderRadiusMedium, 0.25rem);
    padding: var(--lwc-spacingMedium, 1rem)
}

.slds-tabs_scoped__link, .slds-tabs--scoped__link {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    text-decoration: none;
    cursor: pointer;
    height: var(--lwc-lineHeightTab, 2.5rem);
    line-height: var(--lwc-lineHeightTab, 2.5rem);
    padding: 0 var(--lwc-spacingMedium, 1rem);
    color: var(--lwc-colorTextActionLabel, rgb(62, 62, 60));
    background-clip: padding-box;
    border: 0;
    border-left: var(--lwc-borderWidthThin, 1px) solid transparent;
    border-right: var(--lwc-borderWidthThin, 1px) solid transparent;
    border-radius: 0
}

.slds-tabs_scoped__link:focus, .slds-tabs--scoped__link:focus {
    outline: 0
}

.slds-tabs_scoped__link:hover, .slds-tabs_scoped__link:focus, .slds-tabs--scoped__link:hover, .slds-tabs--scoped__link:focus {
    text-decoration: none;
    color: currentColor;
    border-color: var(--lwc-colorBorder, rgb(221, 219, 218))
}

.slds-tabs_scoped__overflow-button {
    display: inline-flex;
    height: var(--lwc-lineHeightTab, 2.5rem);
    line-height: var(--lwc-lineHeightTab, 2.5rem)
}

.slds-tabs_scoped__overflow-button .slds-button {
    line-height: inherit;
    color: var(--lwc-colorTextActionLabel, rgb(62, 62, 60));
    padding: 0 var(--lwc-spacingMedium, 1rem)
}

.slds-active .slds-tabs_scoped__link, .slds-active .slds-tabs--scoped__link, .slds-is-active .slds-tabs_scoped__link, .slds-is-active .slds-tabs--scoped__link {
    background-color: var(--lwc-colorBackgroundAlt, rgb(255, 255, 255));
    border-color: var(--lwc-colorBorder, rgb(221, 219, 218));
    font-weight: var(--lwc-tabsFontWeight, 700);
    color: var(--lwc-colorTextActionLabelActive, rgb(8, 7, 7))
}

.slds-active .slds-tabs_scoped__link:focus, .slds-active .slds-tabs--scoped__link:focus, .slds-is-active .slds-tabs_scoped__link:focus, .slds-is-active .slds-tabs--scoped__link:focus {
    text-decoration: underline
}

.slds-tabs_medium .slds-tabs_scoped__item {
    font-size: var(--lwc-varFontSize5, 1rem)
}

.slds-tabs_medium .slds-tabs_scoped__link {
    padding-left: var(--lwc-varSpacingHorizontalLarge, 1.5rem);
    padding-right: var(--lwc-varSpacingHorizontalLarge, 1.5rem)
}

.slds-tabs_large .slds-tabs_scoped__item {
    font-size: var(--lwc-varFontSize7, 1.25rem)
}

.slds-tabs_large .slds-tabs_scoped__link {
    padding-left: var(--lwc-varSpacingHorizontalXLarge, 2rem);
    padding-right: var(--lwc-varSpacingHorizontalXLarge, 2rem)
}

.slds-tabs__nav-scroller.slds-has-overflow {
    position: relative;
    padding-right: 4.7rem
}

.slds-tab__scroll-controls {
    display: none
}

.slds-has-overflow .slds-tabs__nav-scroller_inner, .slds-has-overflow .slds-tabs__nav-scroller--inner {
    overflow: hidden
}

.slds-has-overflow .slds-tabs_scoped__nav, .slds-has-overflow .slds-tabs--scoped__nav, .slds-has-overflow .slds-tabs_default__nav, .slds-has-overflow .slds-tabs--default__nav {
    border: 0
}

.slds-has-overflow .slds-tab__scroll-controls {
    display: flex;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: var(--lwc-colorBackgroundAlt, rgb(255, 255, 255))
}

.slds-tabs_default .slds-has-overflow .slds-tabs__nav-scroller_inner, .slds-tabs_default .slds-has-overflow .slds-tabs__nav-scroller--inner, .slds-tabs--default .slds-has-overflow .slds-tabs__nav-scroller_inner, .slds-tabs--default .slds-has-overflow .slds-tabs__nav-scroller--inner {
    border-bottom: var(--lwc-borderWidthThin, 1px) solid var(--lwc-colorBorder, rgb(221, 219, 218))
}

.slds-tabs_default .slds-tab__scroll-controls, .slds-tabs--default .slds-tab__scroll-controls {
    padding: calc(var(--lwc-spacingXxSmall, 0.25rem) - var(--lwc-borderWidthThin, 1px)) var(--lwc-borderWidthThin, 1px) calc(var(--lwc-spacingXxSmall, 0.25rem) - var(--lwc-borderWidthThin, 1px)) var(--lwc-spacingXSmall, 0.5rem);
    border-bottom: var(--lwc-borderWidthThin, 1px) solid var(--lwc-colorBorder, rgb(221, 219, 218))
}

.slds-tabs_scoped .slds-has-overflow .slds-tabs__nav-scroller_inner, .slds-tabs_scoped .slds-has-overflow .slds-tabs__nav-scroller--inner, .slds-tabs--scoped .slds-has-overflow .slds-tabs__nav-scroller_inner, .slds-tabs--scoped .slds-has-overflow .slds-tabs__nav-scroller--inner {
    border: var(--lwc-borderWidthThin, 1px) solid var(--lwc-colorBorder, rgb(221, 219, 218));
    border-bottom: 0;
    border-radius: var(--lwc-borderRadiusMedium, 0.25rem) var(--lwc-borderRadiusMedium, 0.25rem) 0 0;
    background-color: var(--lwc-colorBackground, rgb(243, 242, 242))
}

.slds-tabs_scoped .slds-has-overflow .slds-tabs_scoped__item, .slds-tabs_scoped .slds-has-overflow .slds-tabs--scoped__item, .slds-tabs--scoped .slds-has-overflow .slds-tabs_scoped__item, .slds-tabs--scoped .slds-has-overflow .slds-tabs--scoped__item {
    margin-bottom: 0;
    border-bottom: var(--lwc-borderWidthThin, 1px) solid var(--lwc-colorBorder, rgb(221, 219, 218))
}

.slds-tabs_scoped .slds-has-overflow .slds-tabs_scoped__item.slds-active, .slds-tabs_scoped .slds-has-overflow .slds-tabs--scoped__item.slds-active, .slds-tabs--scoped .slds-has-overflow .slds-tabs_scoped__item.slds-active, .slds-tabs--scoped .slds-has-overflow .slds-tabs--scoped__item.slds-active {
    border-bottom-color: var(--lwc-colorBorderTabActive, rgb(255, 255, 255))
}

.slds-tabs_scoped .slds-tab__scroll-controls, .slds-tabs--scoped .slds-tab__scroll-controls {
    padding: calc(var(--lwc-spacingXxSmall, 0.25rem) - var(--lwc-borderWidthThin, 1px)) var(--lwc-spacingXxSmall, 0.25rem);
    border: var(--lwc-borderWidthThin, 1px) solid var(--lwc-colorBorder, rgb(221, 219, 218));
    border-radius: 0 var(--lwc-borderRadiusMedium, 0.25rem) 0 0
}

.slds-sub-tabs .slds-tabs_default__nav {
    border-bottom-width: var(--lwc-borderWidthThin, 1px)
}

.slds-sub-tabs__item {
    text-transform: none;
    letter-spacing: 0;
    margin-bottom: 0
}

.slds-sub-tabs__item.slds-active, .slds-sub-tabs__item.slds-is-open {
    background: var(--lwc-brandPrimaryTransparent10, rgba(21, 137, 238, 0.1))
}

.slds-sub-tabs__item:after {
    content: none
}

.slds-sub-tabs__item .slds-tabs_default__link:focus, .slds-sub-tabs__item.slds-has-focus {
    text-decoration: underline
}

.slds-sub-tabs__item + .slds-sub-tabs__item {
    margin-left: 0
}

@keyframes error-pulse {
    0% {
        background-color: var(--lwc-colorBackgroundDestructive, rgb(194, 57, 52))
    }
    40% {
        background-color: var(--lwc-colorBackgroundDestructiveActive, rgb(135, 5, 0))
    }
    100% {
        background-color: var(--lwc-colorBackgroundDestructive, rgb(194, 57, 52))
    }
}

@keyframes success-pulse {
    0% {
        background-color: var(--lwc-colorBackgroundSuccessDark, rgb(4, 132, 75))
    }
    40% {
        background-color: var(--lwc-colorBackgroundSuccessDarker, rgb(0, 74, 41))
    }
    100% {
        background-color: var(--lwc-colorBackgroundSuccessDark, rgb(4, 132, 75))
    }
}

@keyframes warning-pulse {
    0% {
        background-color: var(--lwc-colorBackgroundWarning, rgb(255, 183, 93))
    }
    40% {
        background-color: var(--lwc-colorBackgroundWarningDark, rgb(255, 158, 44))
    }
    100% {
        background-color: var(--lwc-colorBackgroundWarning, rgb(255, 183, 93))
    }
}

.slds-sub-tabs__item.slds-has-success:before {
    animation-duration: 1s;
    animation-iteration-count: 3;
    animation-timing-function: linear;
    background-color: var(--lwc-colorBackgroundSuccessDark, rgb(4, 132, 75));
    bottom: 0;
    content: " ";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: background-color .25s cubic-bezier(0.39, 0.575, 0.565, 1)
}

.slds-sub-tabs__item.slds-has-success:hover:before {
    background-color: var(--lwc-colorBackgroundSuccessDarker, rgb(0, 74, 41))
}

.slds-sub-tabs__item.slds-has-success:before {
    animation-name: success-pulse
}

.slds-sub-tabs__item.slds-has-error:before {
    animation-duration: 1s;
    animation-iteration-count: 3;
    animation-timing-function: linear;
    background-color: var(--lwc-colorBackgroundDestructive, rgb(194, 57, 52));
    bottom: 0;
    content: " ";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: background-color .25s cubic-bezier(0.39, 0.575, 0.565, 1)
}

.slds-sub-tabs__item.slds-has-error:hover:before {
    background-color: var(--lwc-colorBackgroundDestructiveActive, rgb(135, 5, 0))
}

.slds-sub-tabs__item.slds-has-error:before {
    animation-name: error-pulse
}

.slds-sub-tabs__item.slds-has-success, .slds-sub-tabs__item.slds-has-error {
    color: var(--lwc-colorGray1, rgb(255, 255, 255))
}

.slds-sub-tabs__item.slds-has-success .slds-indicator_unread, .slds-sub-tabs__item.slds-has-error .slds-indicator_unread {
    background-color: var(--lwc-colorGray1, rgb(255, 255, 255))
}

.slds-sub-tabs__item.slds-has-success .slds-indicator_unsaved, .slds-sub-tabs__item.slds-has-error .slds-indicator_unsaved {
    color: var(--lwc-colorGray1, rgb(255, 255, 255))
}

.slds-sub-tabs__item.slds-has-warning:before {
    animation-duration: 1s;
    animation-iteration-count: 3;
    animation-timing-function: linear;
    background-color: var(--lwc-colorBackgroundWarning, rgb(255, 183, 93));
    bottom: 0;
    content: " ";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: background-color .25s cubic-bezier(0.39, 0.575, 0.565, 1)
}

.slds-sub-tabs__item.slds-has-warning:hover:before {
    background-color: var(--lwc-colorBackgroundWarningDark, rgb(255, 158, 44))
}

.slds-sub-tabs__item.slds-has-warning:before {
    animation-name: warning-pulse
}

.slds-sub-tabs__item.slds-has-warning .slds-indicator_unread {
    background-color: currentColor
}

.slds-sub-tabs__item.slds-has-warning .slds-indicator_unsaved {
    color: currentColor
}

.slds-has-pinned-regions .slds-sub-tabs__item.slds-active:before, .slds-has-pinned-regions .slds-sub-tabs__item.slds-is-open:before {
    content: '';
    height: 3px;
    display: block;
    background: var(--lwc-brandPrimary, rgb(21, 137, 238));
    position: absolute;
    top: 0;
    left: -1px;
    right: -1px
}

.slds-navigation-list-vertical .slds-is-active, .slds-navigation-list--vertical .slds-is-active {
    color: var(--lwc-colorTextDefault, rgb(8, 7, 7))
}

.slds-navigation-list-vertical .slds-is-active .slds-navigation-list-vertical__action, .slds-navigation-list-vertical .slds-is-active .slds-navigation-list--vertical__action, .slds-navigation-list--vertical .slds-is-active .slds-navigation-list-vertical__action, .slds-navigation-list--vertical .slds-is-active .slds-navigation-list--vertical__action {
    background-color: var(--lwc-brandPrimaryTransparent10, rgba(21, 137, 238, 0.1));
    border-color: var(--lwc-colorBorder, rgb(221, 219, 218));
    border-left-color: var(--lwc-brandPrimary, rgb(21, 137, 238))
}

.slds-navigation-list-vertical .slds-is-active .slds-navigation-list-vertical__action:focus, .slds-navigation-list-vertical .slds-is-active .slds-navigation-list--vertical__action:focus, .slds-navigation-list--vertical .slds-is-active .slds-navigation-list-vertical__action:focus, .slds-navigation-list--vertical .slds-is-active .slds-navigation-list--vertical__action:focus {
    border-left-width: var(--lwc-spacingXSmall, 0.5rem);
    color: var(--lwc-brandAccessibleActive, rgb(0, 95, 178))
}

.slds-navigation-list-vertical_shade .slds-is-active .slds-navigation-list-vertical__action, .slds-navigation-list-vertical_shade .slds-is-active .slds-navigation-list--vertical__action, .slds-navigation-list-vertical--shade .slds-is-active .slds-navigation-list-vertical__action, .slds-navigation-list-vertical--shade .slds-is-active .slds-navigation-list--vertical__action, .slds-navigation-list--vertical-inverse .slds-is-active .slds-navigation-list-vertical__action, .slds-navigation-list--vertical-inverse .slds-is-active .slds-navigation-list--vertical__action {
    background-color: var(--lwc-colorBackgroundAlt, rgb(255, 255, 255))
}

.slds-navigation-list-vertical__action, .slds-navigation-list--vertical__action {
    display: block;
    border-left: var(--lwc-spacingXxSmall, 0.25rem) solid transparent;
    border-top: var(--lwc-borderWidthThin, 1px) solid transparent;
    border-bottom: var(--lwc-borderWidthThin, 1px) solid transparent;
    padding: var(--lwc-spacingXSmall, 0.5rem) var(--lwc-spacingLarge, 1.5rem)
}

.slds-navigation-list-vertical__action:hover, .slds-navigation-list-vertical__action:focus, .slds-navigation-list--vertical__action:hover, .slds-navigation-list--vertical__action:focus {
    outline: 0;
    background-color: var(--lwc-colorBackgroundRowHover, rgb(243, 242, 242))
}

.slds-navigation-list-vertical__action:active, .slds-navigation-list--vertical__action:active {
    background-color: var(--lwc-colorBackgroundRowActive, rgb(236, 235, 234))
}

.slds-nav-vertical {
    position: relative
}

.slds-nav-vertical_compact .slds-nav-vertical__title, .slds-nav-vertical_compact .slds-nav-vertical__action {
    padding: var(--lwc-spacingXxSmall, 0.25rem) var(--lwc-spacingLarge, 1.5rem)
}

.slds-nav-vertical_shade .slds-is-active.slds-nav-vertical__item:before {
    background: var(--lwc-colorBackgroundAlt, rgb(255, 255, 255))
}

.slds-nav-vertical_shade .slds-nav-vertical__item:hover:before {
    background: var(--lwc-colorBackgroundAlt, rgb(255, 255, 255))
}

.slds-nav-vertical_shade .slds-is-active .slds-nav-vertical__action {
    border-color: var(--lwc-colorBorder, rgb(221, 219, 218))
}

.slds-nav-vertical__title {
    padding: var(--lwc-spacingXSmall, 0.5rem) var(--lwc-spacingMedium, 1rem);
    padding-left: var(--lwc-spacingLarge, 1.5rem);
    font-size: var(--lwc-fontSize5, 1rem);
    font-weight: var(--lwc-fontWeightBold, 700)
}

.slds-nav-vertical__title:not(:first-of-type) {
    margin-top: var(--lwc-spacingXSmall, 0.5rem)
}

.slds-nav-vertical__section:not(:first-of-type) {
    margin-top: var(--lwc-spacingXSmall, 0.5rem)
}

.slds-nav-vertical__item {
    position: relative
}

.slds-nav-vertical__item:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: ''
}

.slds-nav-vertical__item:hover:before, .slds-nav-vertical__item.slds-is-active:before {
    background: var(--lwc-brandPrimaryTransparent10, rgba(21, 137, 238, 0.1))
}

.slds-nav-vertical__action {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    padding: var(--lwc-spacingXSmall, 0.5rem) var(--lwc-spacingLarge, 1.5rem) var(--lwc-spacingXSmall, 0.5rem) var(--lwc-spacingXLarge, 2rem);
    color: var(--lwc-colorTextDefault, rgb(8, 7, 7));
    border-top: var(--lwc-borderWidthThin, 1px) solid transparent;
    border-bottom: var(--lwc-borderWidthThin, 1px) solid transparent;
    border-radius: 0;
    box-shadow: inset 0 0 0 var(--lwc-brandPrimary, rgb(21, 137, 238));
    cursor: pointer
}

.slds-nav-vertical__action:active, .slds-nav-vertical__action:hover, .slds-nav-vertical__action:focus {
    color: currentColor
}

.slds-nav-vertical__action:hover {
    text-decoration: none;
    box-shadow: inset .125rem 0 0 var(--lwc-brandPrimary, rgb(21, 137, 238))
}

[dir=rtl] .slds-nav-vertical__action:hover {
    box-shadow: inset -.125rem 0 0 var(--lwc-brandPrimary, rgb(21, 137, 238))
}

.slds-nav-vertical__action:focus {
    outline: 0;
    text-decoration: underline
}

.slds-nav-vertical__item.slds-is-active .slds-nav-vertical__action {
    font-weight: bold;
    box-shadow: inset .25rem 0 0 var(--lwc-brandPrimary, rgb(21, 137, 238))
}

[dir=rtl] .slds-nav-vertical__item.slds-is-active .slds-nav-vertical__action {
    box-shadow: inset -.25rem 0 0 var(--lwc-brandPrimary, rgb(21, 137, 238))
}

.slds-nav-vertical__item {
    display: block
}

.slds-nav-vertical__item [type=radio] {
    width: 1px;
    height: 1px;
    border: 0;
    clip: rect(0 0 0 0);
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute
}

.slds-nav-vertical__item [type=radio]:focus + .slds-nav-vertical__action .slds-nav-vertical_radio-faux {
    text-decoration: underline
}

.slds-nav-vertical__item [type=radio]:checked + .slds-nav-vertical__action {
    font-weight: bold;
    background-color: var(--lwc-colorBackgroundSelection, rgb(216, 237, 255));
    box-shadow: inset .25rem 0 0 var(--lwc-brandPrimary, rgb(21, 137, 238))
}

.slds-nav-vertical_shade .slds-nav-vertical__item [type=radio]:checked + .slds-nav-vertical__action {
    border-color: var(--lwc-colorBorder, rgb(221, 219, 218));
    background-color: var(--lwc-colorBackgroundAlt, rgb(255, 255, 255))
}

.slds-nav-vertical__action_overflow {
    color: var(--lwc-colorTextIconDefault, rgb(112, 110, 107))
}

.slds-nav-vertical__action_overflow[aria-expanded=true] .slds-button__icon {
    transform: rotate(90deg)
}

[dir=rtl] .slds-nav-vertical__action_overflow[aria-expanded=true] .slds-button__icon {
    transform: rotate(-90deg)
}

.slds-nav-vertical__action-text {
    color: var(--lwc-colorTextLink, rgb(0, 109, 204))
}

.slds-notify_alert, .slds-notify--alert {
    color: var(--lwc-colorTextInverse, rgb(255, 255, 255));
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
    background: rgba(var(--lwc-colorBackgroundToast, rgb(112, 110, 107)), 0.95);
    font-weight: var(--lwc-fontWeightLight, 300);
    padding: var(--lwc-spacingXSmall, 0.5rem) var(--lwc-spacingXLarge, 2rem) var(--lwc-spacingXSmall, 0.5rem) var(--lwc-spacingXSmall, 0.5rem);
    text-align: center;
    width: 100%
}

.slds-notify_alert a, .slds-notify--alert a {
    color: currentColor;
    border: var(--lwc-borderWidthThin, 1px) solid transparent;
    border-radius: var(--lwc-borderRadiusMedium, 0.25rem)
}

.slds-notify_alert a:hover, .slds-notify_alert a:focus, .slds-notify--alert a:hover, .slds-notify--alert a:focus {
    text-decoration: none;
    outline: 0
}

.slds-notify_alert a:focus, .slds-notify--alert a:focus {
    box-shadow: var(--lwc-shadowLinkFocusInverse, 0 0 3px #ecebea);
    border: var(--lwc-borderWidthThin, 1px) solid var(--lwc-colorBorderLinkFocusInverse, rgb(236, 235, 234))
}

.slds-notify_alert a:active, .slds-notify--alert a:active {
    color: var(--lwc-colorTextLinkInverseActive, rgba(255, 255, 255, 0.5))
}

.slds-notify_alert a[disabled], .slds-notify--alert a[disabled] {
    color: var(--lwc-colorTextLinkInverseDisabled, rgba(255, 255, 255, 0.15))
}

.slds-notify_alert .slds-notify__close, .slds-notify--alert .slds-notify__close {
    float: right;
    position: absolute;
    top: 50%;
    right: var(--lwc-spacingSmall, 0.75rem);
    margin-left: var(--lwc-spacingXxSmall, 0.25rem);
    transform: translateY(-50%)
}

.slds-modal_prompt .slds-modal__close, .slds-modal--prompt .slds-modal__close {
    display: none
}

.slds-modal_prompt .slds-modal__header, .slds-modal--prompt .slds-modal__header {
    border-bottom: 0
}

.slds-modal_prompt .slds-modal__content, .slds-modal--prompt .slds-modal__content {
    padding-left: var(--lwc-spacingXLarge, 2rem);
    padding-right: var(--lwc-spacingXLarge, 2rem)
}

.slds-modal_prompt .slds-modal__footer, .slds-modal--prompt .slds-modal__footer {
    border-top: 0;
    text-align: center
}

.slds-notify-container, .slds-notify_container {
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    z-index: var(--lwc-zIndexToast, 10000);
    text-align: center
}

.slds-notify_toast, .slds-notify--toast {
    color: var(--lwc-colorTextInverse, rgb(255, 255, 255));
    display: inline-flex;
    align-items: center;
    position: relative;
    background: var(--lwc-colorBackgroundToast, rgb(112, 110, 107));
    font-weight: var(--lwc-fontWeightLight, 300);
    border-radius: var(--lwc-borderRadiusMedium, 0.25rem);
    margin: var(--lwc-spacingXSmall, 0.5rem);
    padding: var(--lwc-spacingSmall, 0.75rem) var(--lwc-spacingXxLarge, 3rem) var(--lwc-spacingSmall, 0.75rem) var(--lwc-spacingLarge, 1.5rem);
    min-width: 30rem;
    text-align: left;
    justify-content: flex-start
}

.slds-notify_toast a, .slds-notify--toast a {
    color: currentColor;
    border: var(--lwc-borderWidthThin, 1px) solid transparent;
    border-radius: var(--lwc-borderRadiusMedium, 0.25rem)
}

.slds-notify_toast a:hover, .slds-notify_toast a:focus, .slds-notify--toast a:hover, .slds-notify--toast a:focus {
    text-decoration: none;
    outline: 0
}

.slds-notify_toast a:focus, .slds-notify--toast a:focus {
    box-shadow: var(--lwc-shadowLinkFocusInverse, 0 0 3px #ecebea);
    border: var(--lwc-borderWidthThin, 1px) solid var(--lwc-colorBorderLinkFocusInverse, rgb(236, 235, 234))
}

.slds-notify_toast a:active, .slds-notify--toast a:active {
    color: var(--lwc-colorTextLinkInverseActive, rgba(255, 255, 255, 0.5))
}

.slds-notify_toast a[disabled], .slds-notify--toast a[disabled] {
    color: var(--lwc-colorTextLinkInverseDisabled, rgba(255, 255, 255, 0.15))
}

.slds-notify_toast .slds-notify__close, .slds-notify--toast .slds-notify__close {
    float: right;
    position: absolute;
    top: var(--lwc-spacingSmall, 0.75rem);
    right: var(--lwc-spacingSmall, 0.75rem);
    margin-left: var(--lwc-spacingXxSmall, 0.25rem);
    transform: translateY(var(--lwc-spacingXxxSmall, 0.125rem) *-1)
}

.slds-region_narrow .slds-notify_toast, .slds-region_narrow .slds-notify--toast {
    min-width: auto;
    width: 100%;
    margin-left: 0
}

.slds-scoped-notification {
    padding: var(--lwc-spacingSmall, 0.75rem)
}

.slds-scoped-notification_light {
    background-color: var(--lwc-colorBackground, rgb(243, 242, 242))
}

.slds-scoped-notification_dark {
    background-color: var(--lwc-notificationColorBackgroundInverse, rgb(112, 110, 107));
    color: var(--lwc-colorTextInverse, rgb(255, 255, 255))
}

.slds-scoped-notification_dark a {
    color: var(--lwc-colorTextLinkInverse, rgb(255, 255, 255));
    text-decoration: underline
}

.slds-scoped-notification_dark a:hover, .slds-scoped-notification_dark a:active {
    text-decoration: none
}

.slds-notification-container {
    position: fixed;
    display: block;
    width: 20.5rem;
    right: var(--lwc-spacingXxSmall, 0.25rem);
    top: var(--lwc-spacingXxSmall, 0.25rem);
    padding: var(--lwc-spacingXxSmall, 0.25rem) var(--lwc-spacingXxSmall, 0.25rem) var(--lwc-spacingXSmall, 0.5rem);
    z-index: var(--lwc-zIndexReminder, 8500)
}

.slds-notification {
    position: relative;
    width: var(--lwc-sizeMedium, 20rem);
    border: 1px solid var(--lwc-colorBorderReminder, rgb(236, 235, 234));
    border-radius: var(--lwc-borderRadiusMedium, 0.25rem);
    box-shadow: var(--lwc-shadowReminder, 0 2px 3px 0 rgba(0, 0, 0, 0.20));
    transition-duration: var(--lwc-durationSlowly, 0.4s);
    transition-timing-function: ease-in-out;
    transition-property: margin, max-height, opacity, top
}

.slds-notification .slds-media__body {
    opacity: 1;
    transition-property: opacity;
    transition-duration: var(--lwc-durationSlowly, 0.4s);
    transition-timing-function: ease-in-out
}

.slds-notification + .slds-notification {
    margin-top: var(--lwc-spacingXSmall, 0.5rem)
}

.slds-notification:nth-of-type(1) {
    z-index: 4
}

.slds-notification:nth-of-type(2) {
    z-index: 3
}

.slds-notification:nth-of-type(3) {
    z-index: 2
}

.slds-notification:nth-of-type(4) {
    z-index: 1
}

.slds-notification:nth-of-type(n+3) {
    overflow: hidden
}

.slds-notification:nth-of-type(n+4) {
    margin-top: 0;
    transform: scaleX(0.95) translateY(-90%)
}

.slds-notification:nth-of-type(n+4) .slds-media__body, .slds-notification:nth-of-type(n+5) {
    opacity: 0
}

.slds-notification:nth-of-type(n+6) {
    display: none
}

.slds-notification__target {
    padding: var(--lwc-spacingSmall, 0.75rem);
    border-radius: var(--lwc-borderRadiusMedium, 0.25rem);
    background-color: var(--lwc-colorBackgroundReminder, rgb(244, 246, 249));
    color: var(--lwc-colorTextDefault, rgb(8, 7, 7))
}

.slds-notification__target:hover, .slds-notification__target:focus {
    background-color: var(--lwc-colorBackgroundReminderHover, rgb(255, 255, 255));
    text-decoration: none
}

.slds-notification__footer {
    padding: var(--lwc-spacingSmall, 0.75rem) var(--lwc-spacingSmall, 0.75rem) var(--lwc-spacingMedium, 1rem) var(--lwc-spacingSmall, 0.75rem)
}

.slds-notification__close {
    position: absolute;
    top: 0;
    right: 0
}

.slds-modal__header .slds-notify-container, .slds-modal__header .slds-notify_container {
    position: absolute
}

.slds-modal__header .slds-notify_toast, .slds-modal__header .slds-notify--toast {
    display: block
}

.slds-trial-header {
    color: var(--lwc-colorTextInverse, rgb(255, 255, 255));
    height: var(--lwc-heightHeader, 3.125rem);
    background: var(--lwc-colorBackgroundInverse, rgb(6, 28, 63));
    padding: 0 var(--lwc-spacingMedium, 1rem)
}

.slds-trial-header .slds-icon {
    fill: currentColor
}

.slds-trial-header a:not([class*="slds-button_"]):not([class*="slds-button--"]), .slds-trial-header button:not([class*="slds-button_"]):not([class*="slds-button--"]) {
    color: currentColor;
    border: var(--lwc-borderWidthThin, 1px) solid transparent;
    border-radius: var(--lwc-borderRadiusMedium, 0.25rem)
}

.slds-trial-header a:not([class*="slds-button_"]):not([class*="slds-button--"]):hover, .slds-trial-header a:not([class*="slds-button_"]):not([class*="slds-button--"]):focus, .slds-trial-header button:not([class*="slds-button_"]):not([class*="slds-button--"]):hover, .slds-trial-header button:not([class*="slds-button_"]):not([class*="slds-button--"]):focus {
    text-decoration: none;
    outline: 0
}

.slds-trial-header a:not([class*="slds-button_"]):not([class*="slds-button--"]):focus, .slds-trial-header button:not([class*="slds-button_"]):not([class*="slds-button--"]):focus {
    box-shadow: var(--lwc-shadowLinkFocusInverse, 0 0 3px #ecebea);
    border: var(--lwc-borderWidthThin, 1px) solid var(--lwc-colorBorderLinkFocusInverse, rgb(236, 235, 234))
}

.slds-trial-header a:not([class*="slds-button_"]):not([class*="slds-button--"]):active, .slds-trial-header button:not([class*="slds-button_"]):not([class*="slds-button--"]):active {
    color: var(--lwc-colorTextLinkInverseActive, rgba(255, 255, 255, 0.5))
}

.slds-trial-header a:not([class*="slds-button_"]):not([class*="slds-button--"])[disabled], .slds-trial-header button:not([class*="slds-button_"]):not([class*="slds-button--"])[disabled] {
    color: var(--lwc-colorTextLinkInverseDisabled, rgba(255, 255, 255, 0.15))
}

.slds-trial-header .slds-icon_selected, .slds-trial-header .slds-icon--selected {
    fill: var(--lwc-colorTextSuccessInverse, rgb(75, 202, 129))
}

.slds-lookup {
    position: relative;
    width: 100%
}

.slds-lookup__list {
    max-height: calc((((1.5 * 0.8125rem) + (1.5 * 0.75rem) - 0.25rem) + (0.25rem * 2)) * 8);
    overflow-y: auto
}

.slds-lookup__menu {
    background: var(--lwc-colorBackgroundAlt, rgb(255, 255, 255));
    border: var(--lwc-borderWidthThin, 1px) solid var(--lwc-colorBorder, rgb(221, 219, 218));
    border-radius: var(--lwc-borderRadiusMedium, 0.25rem);
    z-index: var(--lwc-zIndexDropdown, 7000);
    position: absolute;
    width: 100%;
    padding: var(--lwc-spacingXSmall, 0.5rem) 0;
    display: none
}

.slds-lookup__item > a, .slds-lookup__item > span, .slds-lookup__item > button {
    display: block;
    padding: var(--lwc-spacingXSmall, 0.5rem);
    color: var(--lwc-colorTextDefault, rgb(8, 7, 7));
    text-align: left;
    width: 100%;
    line-height: var(--lwc-lineHeightText, 1.5);
    border-radius: 0
}

.slds-lookup__item > a:hover, .slds-lookup__item > a:focus, .slds-lookup__item > span:hover, .slds-lookup__item > span:focus, .slds-lookup__item > button:hover, .slds-lookup__item > button:focus {
    outline: 0;
    background-color: var(--lwc-colorBackgroundRowHover, rgb(243, 242, 242));
    color: var(--lwc-colorTextDefault, rgb(8, 7, 7));
    text-decoration: none
}

.slds-lookup__item > a .slds-icon, .slds-lookup__item > span .slds-icon, .slds-lookup__item > button .slds-icon {
    margin-right: var(--lwc-spacingXSmall, 0.5rem)
}

.slds-lookup__item_label, .slds-lookup__item--label {
    font-size: var(--lwc-fontSize4, 0.875rem);
    font-weight: var(--lwc-fontWeightBold, 700);
    display: flex;
    align-items: center;
    padding: var(--lwc-spacingXSmall, 0.5rem) var(--lwc-spacingMedium, 1rem)
}

.slds-lookup__item-action {
    font-size: var(--lwc-fontSize3, 0.8125rem);
    display: flex;
    align-items: center;
    padding: var(--lwc-spacingXxSmall, 0.25rem) var(--lwc-spacingMedium, 1rem);
    color: var(--lwc-colorTextDefault, rgb(8, 7, 7));
    text-align: left;
    width: 100%;
    line-height: var(--lwc-lineHeightText, 1.5);
    border-radius: 0
}

.slds-lookup__item-action:hover, .slds-lookup__item-action:focus, .slds-lookup__item-action.slds-has-focus {
    outline: 0;
    cursor: pointer;
    background-color: var(--lwc-colorBackgroundRowHover, rgb(243, 242, 242));
    color: var(--lwc-colorTextDefault, rgb(8, 7, 7));
    text-decoration: none
}

.slds-lookup__item-action .slds-media__figure {
    margin-right: var(--lwc-spacingXSmall, 0.5rem);
    margin-top: var(--lwc-spacingXxSmall, 0.25rem)
}

.slds-lookup__item-action_label, .slds-lookup__item-action--label {
    padding: var(--lwc-spacingXSmall, 0.5rem) var(--lwc-spacingMedium, 1rem)
}

.slds-lookup__item-action_label > .slds-icon, .slds-lookup__item-action--label > .slds-icon {
    margin-left: var(--lwc-spacingXxSmall, 0.25rem);
    margin-right: var(--lwc-spacingSmall, 0.75rem)
}

.slds-lookup__search-input {
    width: 100%
}

.slds-lookup__result-text {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    margin-bottom: var(--lwc-spacingXxxSmall, 0.125rem)
}

.slds-lookup__result-meta {
    display: block;
    margin-top: calc(-1 * var(--lwc-spacingXxSmall, 0.25rem));
    color: var(--lwc-colorTextLabel, rgb(62, 62, 60))
}

.slds-lookup__pill-container {
    padding: 0 var(--lwc-spacingXSmall, 0.5rem) var(--lwc-spacingXxSmall, 0.25rem)
}

.slds-lookup mark {
    font-weight: var(--lwc-fontWeightBold, 700);
    background-color: transparent;
    color: inherit
}

.slds-lookup.slds-is-open .slds-lookup__menu {
    display: block
}

.slds-lookup.slds-has-selection .slds-input, .slds-lookup.slds-has-selection .slds-input__icon, .slds-lookup.slds-has-selection .slds-lookup__search-input {
    display: none
}

.slds-lookup.slds-has-selection .slds-pill {
    display: flex
}

.slds-lookup.slds-has-selection .slds-pill__remove {
    margin-left: auto
}

.slds-faux-input {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    width: 100%;
    height: var(--lwc-heightTappable, 2.75rem);
    padding: 0 var(--lwc-spacingMedium, 1rem);
    border-radius: var(--lwc-buttonBorderRadius, .25rem);
    color: var(--lwc-brandAccessible, rgb(0, 112, 210));
    background: var(--lwc-colorBackgroundInput, rgb(255, 255, 255));
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: var(--lwc-borderWidthThin, 1px) solid var(--lwc-colorBorderInput, rgb(221, 219, 218));
    transition: border .15s linear
}

.slds-faux-input:focus {
    outline: 0;
    border-color: var(--lwc-colorBorderInputActive, rgb(21, 137, 238));
    background-color: var(--lwc-colorBackgroundInputActive, rgb(255, 255, 255));
    box-shadow: var(--lwc-shadowButtonFocus, 0 0 3px #0070D2)
}

.slds-faux-input_label {
    display: inline-block;
    padding-right: var(--lwc-spacingXSmall, 0.5rem);
    padding-top: var(--lwc-spacingXxSmall, 0.25rem);
    margin-bottom: var(--lwc-spacingXxxSmall, 0.125rem);
    font-size: var(--lwc-formLabelFontSize, 0.75rem);
    color: var(--lwc-colorTextLabel, rgb(62, 62, 60));
    overflow-wrap: break-word;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto
}

.slds-avatar {
    width: 32px;
    height: 32px;
    overflow: hidden;
    display: inline-block;
    vertical-align: middle;
    border-radius: var(--lwc-borderRadiusMedium, 0.25rem);
    line-height: var(--lwc-lineHeightReset, 1);
    font-size: var(--lwc-fontSizeHeadingSmall, 0.875rem);
    color: var(--lwc-colorTextInverse, rgb(255, 255, 255))
}

.slds-avatar:hover, .slds-avatar:focus:hover {
    color: currentColor
}

.slds-image, .slds-file {
    display: block;
    position: relative
}

.slds-image .slds-file__text, .slds-file .slds-file__text {
    display: block
}

.slds-image:not(.slds-file_loading) .slds-file__figure:hover:before, .slds-image:not(.slds-file_loading) .slds-file__figure:hover:after, .slds-image:not(.slds-file_loading) .slds-file__figure:focus:before, .slds-image:not(.slds-file_loading) .slds-file__figure:focus:after, .slds-image:not(.slds-file_loading) .slds-file__crop:hover:before, .slds-image:not(.slds-file_loading) .slds-file__crop:hover:after, .slds-image:not(.slds-file_loading) .slds-file__crop:focus:before, .slds-image:not(.slds-file_loading) .slds-file__crop:focus:after, .slds-file:not(.slds-file_loading) .slds-file__figure:hover:before, .slds-file:not(.slds-file_loading) .slds-file__figure:hover:after, .slds-file:not(.slds-file_loading) .slds-file__figure:focus:before, .slds-file:not(.slds-file_loading) .slds-file__figure:focus:after, .slds-file:not(.slds-file_loading) .slds-file__crop:hover:before, .slds-file:not(.slds-file_loading) .slds-file__crop:hover:after, .slds-file:not(.slds-file_loading) .slds-file__crop:focus:before, .slds-file:not(.slds-file_loading) .slds-file__crop:focus:after {
    position: absolute;
    z-index: var(--lwc-filesZIndexHover, 5);
    cursor: pointer;
    content: ''
}

.slds-image:not(.slds-file_loading) .slds-file__figure:hover:before, .slds-image:not(.slds-file_loading) .slds-file__figure:focus:before, .slds-image:not(.slds-file_loading) .slds-file__crop:hover:before, .slds-image:not(.slds-file_loading) .slds-file__crop:focus:before, .slds-file:not(.slds-file_loading) .slds-file__figure:hover:before, .slds-file:not(.slds-file_loading) .slds-file__figure:focus:before, .slds-file:not(.slds-file_loading) .slds-file__crop:hover:before, .slds-file:not(.slds-file_loading) .slds-file__crop:focus:before {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: var(--lwc-colorBackgroundImageOverlay, rgba(0, 0, 0, 0.6))
}


@media (any-hover: none) {
    .slds-image:not(.slds-file_loading) .slds-file__figure:hover:before, .slds-image:not(.slds-file_loading) .slds-file__figure:hover:after, .slds-image:not(.slds-file_loading) .slds-file__figure:focus:before, .slds-image:not(.slds-file_loading) .slds-file__figure:focus:after, .slds-image:not(.slds-file_loading) .slds-file__crop:hover:before, .slds-image:not(.slds-file_loading) .slds-file__crop:hover:after, .slds-image:not(.slds-file_loading) .slds-file__crop:focus:before, .slds-image:not(.slds-file_loading) .slds-file__crop:focus:after, .slds-file:not(.slds-file_loading) .slds-file__figure:hover:before, .slds-file:not(.slds-file_loading) .slds-file__figure:hover:after, .slds-file:not(.slds-file_loading) .slds-file__figure:focus:before, .slds-file:not(.slds-file_loading) .slds-file__figure:focus:after, .slds-file:not(.slds-file_loading) .slds-file__crop:hover:before, .slds-file:not(.slds-file_loading) .slds-file__crop:hover:after, .slds-file:not(.slds-file_loading) .slds-file__crop:focus:before, .slds-file:not(.slds-file_loading) .slds-file__crop:focus:after {
        display: none
    }
}

.slds-image:not(.slds-file_loading) .slds-file__figure:hover + .slds-file__title, .slds-image:not(.slds-file_loading) .slds-file__figure:focus + .slds-file__title, .slds-image:not(.slds-file_loading) .slds-file__crop:hover + .slds-file__title, .slds-image:not(.slds-file_loading) .slds-file__crop:focus + .slds-file__title, .slds-file:not(.slds-file_loading) .slds-file__figure:hover + .slds-file__title, .slds-file:not(.slds-file_loading) .slds-file__figure:focus + .slds-file__title, .slds-file:not(.slds-file_loading) .slds-file__crop:hover + .slds-file__title, .slds-file:not(.slds-file_loading) .slds-file__crop:focus + .slds-file__title {
    z-index: var(--lwc-filesZIndexHover, 5)
}

.slds-image.slds-has-title .slds-file__figure:hover:after, .slds-image.slds-has-title .slds-file__figure:focus:after, .slds-image.slds-has-title .slds-file__crop:hover:after, .slds-image.slds-has-title .slds-file__crop:focus:after, .slds-file.slds-has-title .slds-file__figure:hover:after, .slds-file.slds-has-title .slds-file__figure:focus:after, .slds-file.slds-has-title .slds-file__crop:hover:after, .slds-file.slds-has-title .slds-file__crop:focus:after {
    transform: translate(-50%, token('calc(-50% - (2rem / 2))'))
}

.slds-image:focus, .slds-file:focus {
    border: var(--lwc-borderWidthThin, 1px) solid var(--lwc-colorBorderBrandDark, rgb(0, 112, 210));
    box-shadow: var(--lwc-elevationShadow4, 0 4px 4px 0 rgba(0, 0, 0, 0.16))
}

.slds-image__crop, .slds-file__crop {
    display: block;
    position: relative;
    overflow: hidden;
    padding-top: 56.25%
}

.slds-image__crop img, .slds-file__crop img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0);
    max-width: 200%
}

.slds-image__crop:after, .slds-file__crop:after {
    content: '';
    display: block
}

.slds-image__crop_1-by-1, .slds-image__crop--1-by-1, .slds-file__crop_1-by-1, .slds-file__crop--1-by-1 {
    padding-top: 100%
}

.slds-image__crop_16-by-9, .slds-image__crop--16-by-9, .slds-file__crop_16-by-9, .slds-file__crop--16-by-9 {
    padding-top: 56.25%
}

.slds-image__crop_4-by-3, .slds-image__crop--4-by-3, .slds-file__crop_4-by-3, .slds-file__crop--4-by-3 {
    padding-top: 75%
}

.slds-image :not(:only-child) .slds-spinner, .slds-file :not(:only-child) .slds-spinner {
    top: 45%
}

.slds-image__figure, .slds-file__figure {
    display: block;
    min-width: var(--lwc-sizeXSmall, 12rem);
    max-width: var(--lwc-sizeSmall, 15rem);
    min-height: var(--lwc-sizeXxSmall, 6rem);
    max-height: var(--lwc-sizeSmall, 15rem)
}

.slds-image .slds-file__figure_portrait img, .slds-file .slds-file__figure_portrait img {
    display: block;
    margin: 0 auto;
    max-height: var(--lwc-sizeSmall, 15rem);
    height: auto
}

.slds-image__title, .slds-file__title {
    display: flex;
    z-index: var(--lwc-filesZIndexHover, 5);
    align-items: center;
    padding: var(--lwc-spacingXSmall, 0.5rem);
    overflow: hidden
}

.slds-image__title .slds-media, .slds-file__title .slds-media {
    overflow: hidden
}

.slds-image__title_overlay, .slds-image__title--overlay, .slds-file__title_overlay, .slds-file__title--overlay {
    color: var(--lwc-colorTextInverse, rgb(255, 255, 255));
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.slds-image__title_overlay .slds-media__body, .slds-image__title--overlay .slds-media__body, .slds-file__title_overlay .slds-media__body, .slds-file__title--overlay .slds-media__body {
    z-index: 1
}

.slds-image__title_card, .slds-image__title--card, .slds-file__title_card, .slds-file__title--card {
    background: var(--lwc-colorBackground, rgb(243, 242, 242));
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0
}

.slds-image__title_scrim, .slds-file__title_scrim {
    background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.5));
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: var(--lwc-spacingMedium, 1rem)
}

.slds-image-has-actions, .slds-file-has-actions {
    padding-right: var(--lwc-spacingXxLarge, 3rem)
}

.slds-image_overlay, .slds-image--overlay, .slds-file_overlay, .slds-file--overlay {
    content: '';
    background: var(--lwc-colorBackgroundImageOverlay, rgba(0, 0, 0, 0.6));
    color: var(--lwc-colorTextInverse, rgb(255, 255, 255));
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1
}

.slds-image_card, .slds-image--card, .slds-file_card, .slds-file--card {
    background: var(--lwc-colorBackgroundAlt, rgb(255, 255, 255));
    border: var(--lwc-borderWidthThin, 1px) solid rgba(0, 0, 0, 0.16)
}

.slds-image__icon, .slds-file__icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0);
    margin-top: -1rem
}

.slds-image__actions-menu, .slds-file__actions-menu {
    position: absolute;
    z-index: var(--lwc-filesZIndexHover, 5);
    bottom: var(--lwc-spacingXSmall, 0.5rem);
    right: var(--lwc-spacingXxSmall, 0.25rem)
}

.slds-image__external-icon, .slds-file__external-icon {
    position: absolute;
    top: 2.5rem;
    left: var(--lwc-spacingLarge, 1.5rem)
}

.slds-image__loading-icon, .slds-file__loading-icon {
    fill: var(--lwc-colorTextIconDefaultDisabled, rgb(221, 219, 218))
}

.slds-image_center-icon .slds-file__icon, .slds-file_center-icon .slds-file__icon {
    margin-top: 0
}

.slds-table {
    background-color: var(--lwc-colorBackgroundAlt, rgb(255, 255, 255));
    font-size: inherit
}

.slds-table th, .slds-table td {
    padding: var(--lwc-tableCellSpacing, 0.25rem 0.5rem);
    white-space: nowrap;
    position: relative
}

.slds-table th {
    font-weight: var(--lwc-fontWeightRegular, 400)
}

.slds-table th:focus {
    outline: 0
}

.slds-table thead th {
    background-color: var(--lwc-tableColorBackgroundHeader, rgb(250, 250, 249));
    color: var(--lwc-tableColorTextHeader, rgb(81, 79, 77));
    padding: var(--lwc-tableCellSpacing, 0.25rem 0.5rem);
    font-weight: var(--lwc-fontWeightBold, 700);
    line-height: normal
}

.slds-table:not(.slds-no-row-hover) tbody tr:hover, .slds-table:not(.slds-no-row-hover) tbody tr:focus {
    outline: 0
}

.slds-table:not(.slds-no-row-hover) tbody tr:hover > td, .slds-table:not(.slds-no-row-hover) tbody tr:hover > th, .slds-table:not(.slds-no-row-hover) tbody tr:focus > td, .slds-table:not(.slds-no-row-hover) tbody tr:focus > th {
    background-color: var(--lwc-colorBackgroundRowHover, rgb(243, 242, 242))
}

.slds-table tbody tr.slds-is-selected > td, .slds-table tbody tr.slds-is-selected > th, .slds-table:not(.slds-no-row-hover) tr.slds-is-selected:hover > td, .slds-table:not(.slds-no-row-hover) tr.slds-is-selected:hover > th {
    background-color: var(--lwc-colorBackgroundRowSelected, rgb(236, 235, 234))
}

.slds-table tbody tr.slds-is-selected a, .slds-table:not(.slds-no-row-hover) tr.slds-is-selected:hover a {
    color: var(--lwc-colorTextLinkActive, rgb(0, 57, 107))
}

.slds-table .slds-cell-wrap {
    white-space: normal;
    overflow-wrap: break-word;
    word-wrap: break-word
}

.slds-table .slds-cell-shrink {
    width: 1%
}

.slds-table .slds-cell-buffer_left, .slds-table .slds-cell-buffer--left {
    padding-left: var(--lwc-spacingLarge, 1.5rem)
}

.slds-table .slds-cell-buffer_right, .slds-table .slds-cell-buffer--right {
    padding-right: var(--lwc-spacingLarge, 1.5rem)
}

.slds-table tbody tr {
    counter-increment: row-number
}

.slds-table .slds-row-number:after {
    content: counter(row-number)
}

.slds-table th:focus, .slds-table [role=gridcell]:focus {
    outline: 0
}

.slds-table th:focus, .slds-table th.slds-has-focus, .slds-table [role=gridcell]:focus, .slds-table [role=gridcell].slds-has-focus {
    box-shadow: var(--lwc-brandAccessible, rgb(0, 112, 210)) 0 0 0 1px inset
}

.slds-table th:active, .slds-table [role=gridcell]:active {
    box-shadow: none
}

.slds-table .slds-radio [type=radio] + .slds-radio__label .slds-radio_faux {
    margin-right: 0
}

.slds-table_cell-buffer tr > th:first-child, .slds-table_cell-buffer tr > td:first-child, .slds-table--cell-buffer tr > th:first-child, .slds-table--cell-buffer tr > td:first-child {
    padding-left: var(--lwc-spacingLarge, 1.5rem)
}

.slds-table_cell-buffer tr > th:last-child, .slds-table_cell-buffer tr > td:last-child, .slds-table--cell-buffer tr > th:last-child, .slds-table--cell-buffer tr > td:last-child {
    padding-right: var(--lwc-spacingLarge, 1.5rem)
}

.slds-table_bordered, .slds-table--bordered {
    border-collapse: separate;
    border-top: var(--lwc-borderWidthThin, 1px) solid var(--lwc-colorBorder, rgb(221, 219, 218));
    border-bottom: var(--lwc-borderWidthThin, 1px) solid var(--lwc-colorBorder, rgb(221, 219, 218))
}

.slds-table_bordered thead > tr + tr > th, .slds-table--bordered thead > tr + tr > th {
    border-top: var(--lwc-borderWidthThin, 1px) solid var(--lwc-colorBorder, rgb(221, 219, 218))
}

.slds-table_bordered tbody td, .slds-table_bordered tbody th, .slds-table--bordered tbody td, .slds-table--bordered tbody th {
    border-top: var(--lwc-borderWidthThin, 1px) solid var(--lwc-colorBorder, rgb(221, 219, 218))
}

.slds-table_bordered:not(.slds-no-row-hover) tbody tr:hover > td:not(.slds-has-focus), .slds-table_bordered:not(.slds-no-row-hover) tbody tr:hover > th:not(.slds-has-focus), .slds-table_bordered:not(.slds-no-row-hover) tbody tr:focus > td:not(.slds-has-focus), .slds-table_bordered:not(.slds-no-row-hover) tbody tr:focus > th:not(.slds-has-focus), .slds-table--bordered:not(.slds-no-row-hover) tbody tr:hover > td:not(.slds-has-focus), .slds-table--bordered:not(.slds-no-row-hover) tbody tr:hover > th:not(.slds-has-focus), .slds-table--bordered:not(.slds-no-row-hover) tbody tr:focus > td:not(.slds-has-focus), .slds-table--bordered:not(.slds-no-row-hover) tbody tr:focus > th:not(.slds-has-focus) {
    box-shadow: var(--lwc-colorBorder, rgb(221, 219, 218)) 0 calc(-1 * var(--lwc-borderWidthThin, 1px)) 0 inset, var(--lwc-colorBorder, rgb(221, 219, 218)) 0 1px 0 inset
}

.slds-table_col-bordered td + td, .slds-table_col-bordered th + th, .slds-table_col-bordered th + td, .slds-table_col-bordered td + th, .slds-table--col-bordered td + td, .slds-table--col-bordered th + th, .slds-table--col-bordered th + td, .slds-table--col-bordered td + th {
    border-left: var(--lwc-borderWidthThin, 1px) solid var(--lwc-colorBorder, rgb(221, 219, 218))
}

.slds-table_striped tbody tr:nth-of-type(even) > td, .slds-table_striped tbody tr:nth-of-type(even) > th, .slds-table--striped tbody tr:nth-of-type(even) > td, .slds-table--striped tbody tr:nth-of-type(even) > th {
    background-color: var(--lwc-colorBackgroundRowHover, rgb(243, 242, 242))
}

.slds-table_fixed-layout, .slds-table--fixed-layout {
    table-layout: fixed;
    width: 100%;
    white-space: nowrap
}

.slds-table_fixed-layout thead, .slds-table--fixed-layout thead {
    background-color: var(--lwc-colorBackgroundAlt, rgb(255, 255, 255))
}

.slds-table_fixed-layout tbody, .slds-table--fixed-layout tbody {
    transform: translateZ(0)
}

.slds-table_fixed-layout .slds-cell-shrink, .slds-table--fixed-layout .slds-cell-shrink {
    width: var(--lwc-squareIconLargeBoundary, 3rem)
}

.slds-table_fixed-layout .slds-cell-shrink:nth-child(n), .slds-table--fixed-layout .slds-cell-shrink:nth-child(n) {
    padding-left: 0;
    padding-right: 0
}

.slds-table_fixed-layout .slds-cell-shrink:first-child, .slds-table--fixed-layout .slds-cell-shrink:first-child {
    text-align: right;
    padding-right: var(--lwc-spacingXSmall, 0.5rem)
}

.slds-table_fixed-layout .slds-cell-shrink:last-child, .slds-table--fixed-layout .slds-cell-shrink:last-child {
    text-align: left;
    padding-left: var(--lwc-spacingXSmall, 0.5rem)
}

.slds-is-sortable .slds-th__action:hover, .slds-is-sortable .slds-th__action:focus, .slds-is-sortable.slds-has-focus .slds-th__action, .slds-is-sortable.slds-has-focus .slds-th__action:hover, .slds-is-sortable.slds-has-focus .slds-th__action:focus {
    background-color: var(--lwc-tableColorBackgroundHeaderHover, rgb(255, 255, 255));
    color: currentColor
}

.slds-is-sortable .slds-th__action:hover .slds-is-sortable__icon, .slds-is-sortable .slds-th__action:focus .slds-is-sortable__icon, .slds-is-sortable.slds-has-focus .slds-th__action .slds-is-sortable__icon, .slds-is-sortable.slds-has-focus .slds-th__action:hover .slds-is-sortable__icon, .slds-is-sortable.slds-has-focus .slds-th__action:focus .slds-is-sortable__icon {
    display: inline-block;
    fill: var(--lwc-brandAccessible, rgb(0, 112, 210))
}

.slds-th__action {
    display: flex;
    padding: var(--lwc-tableCellSpacing, 0.25rem 0.5rem);
    height: 2rem;
    align-items: center
}

.slds-th__action:focus, .slds-th__action:hover {
    outline: 0;
    background-color: var(--lwc-tableColorBackgroundHeaderHover, rgb(255, 255, 255))
}

.slds-th__action_form, .slds-th__action--form {
    display: inline-flex
}

.slds-th__action-button {
    position: absolute;
    transform: translateY(-50%);
    top: 50%;
    right: var(--lwc-spacingXxSmall, 0.25rem)
}

.slds-has-button-menu .slds-th__action {
    padding-right: var(--lwc-spacingLarge, 1.5rem)
}

.slds-is-sortable__icon {
    width: var(--lwc-squareIconSmallContent, 0.75rem);
    height: var(--lwc-squareIconSmallContent, 0.75rem);
    margin-left: var(--lwc-spacingXxSmall, 0.25rem);
    display: none
}

.slds-is-sorted .slds-is-sortable__icon {
    display: inline-block
}

.slds-is-sorted_asc .slds-is-sortable__icon, .slds-is-sorted--asc .slds-is-sortable__icon {
    transform: rotate(180deg)
}

.slds-table_column-1-wrap tbody tr > *:nth-child(1) .slds-truncate {
    overflow-wrap: break-word;
    word-wrap: break-word;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    white-space: normal
}

.slds-table_column-2-wrap tbody tr > *:nth-child(2) .slds-truncate {
    overflow-wrap: break-word;
    word-wrap: break-word;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    white-space: normal
}

.slds-table_column-3-wrap tbody tr > *:nth-child(3) .slds-truncate {
    overflow-wrap: break-word;
    word-wrap: break-word;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    white-space: normal
}

.slds-table_column-4-wrap tbody tr > *:nth-child(4) .slds-truncate {
    overflow-wrap: break-word;
    word-wrap: break-word;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    white-space: normal
}

.slds-table_column-5-wrap tbody tr > *:nth-child(5) .slds-truncate {
    overflow-wrap: break-word;
    word-wrap: break-word;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    white-space: normal
}

.slds-table_column-6-wrap tbody tr > *:nth-child(6) .slds-truncate {
    overflow-wrap: break-word;
    word-wrap: break-word;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    white-space: normal
}

.slds-table_column-7-wrap tbody tr > *:nth-child(7) .slds-truncate {
    overflow-wrap: break-word;
    word-wrap: break-word;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    white-space: normal
}

.slds-table_column-8-wrap tbody tr > *:nth-child(8) .slds-truncate {
    overflow-wrap: break-word;
    word-wrap: break-word;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    white-space: normal
}

.slds-table_column-9-wrap tbody tr > *:nth-child(9) .slds-truncate {
    overflow-wrap: break-word;
    word-wrap: break-word;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    white-space: normal
}

.slds-table_column-10-wrap tbody tr > *:nth-child(10) .slds-truncate {
    overflow-wrap: break-word;
    word-wrap: break-word;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    white-space: normal
}

.slds-table_column-11-wrap tbody tr > *:nth-child(11) .slds-truncate {
    overflow-wrap: break-word;
    word-wrap: break-word;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    white-space: normal
}

.slds-table_column-12-wrap tbody tr > *:nth-child(12) .slds-truncate {
    overflow-wrap: break-word;
    word-wrap: break-word;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    white-space: normal
}

.slds-table_column-13-wrap tbody tr > *:nth-child(13) .slds-truncate {
    overflow-wrap: break-word;
    word-wrap: break-word;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    white-space: normal
}

.slds-table_column-14-wrap tbody tr > *:nth-child(14) .slds-truncate {
    overflow-wrap: break-word;
    word-wrap: break-word;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    white-space: normal
}

.slds-table_column-15-wrap tbody tr > *:nth-child(15) .slds-truncate {
    overflow-wrap: break-word;
    word-wrap: break-word;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    white-space: normal
}

[class*=slds-table_column-] tr td .slds-truncate {
    overflow: hidden;
    position: relative;
    max-height: 3.25rem
}

[class*=slds-table_column-] tr td .slds-truncate:after {
    content: '';
    position: absolute;
    top: 2.25rem;
    bottom: 0;
    right: 0;
    width: 50%;
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 69%)
}

[class*=slds-table_column-] tr:hover td .slds-truncate:after {
    background: linear-gradient(to right, rgba(250, 250, 249, 0) 0%, #fafaf9 69%)
}

.slds-table_resizable-cols thead th, .slds-table--resizable-cols thead th {
    padding: 0
}

.slds-is-resizable .slds-th__action:hover, .slds-is-resizable .slds-th__action:focus {
    box-shadow: var(--lwc-colorBorderSeparatorAlt, rgb(221, 219, 218)) calc(-1 * var(--lwc-spacingXxSmall, 0.25rem)) 0 0 inset
}

.slds-resizable {
    max-width: 100%
}

.slds-resizable__handle {
    position: absolute;
    right: 0;
    top: 0;
    width: var(--lwc-spacingXxSmall, 0.25rem);
    height: 100%;
    background: var(--lwc-colorBackgroundButtonBrand, rgb(0, 112, 210));
    display: block;
    cursor: col-resize;
    opacity: 0;
    z-index: var(--lwc-zIndexPopup, 5000)
}

.slds-resizable__handle:hover, .slds-resizable__handle:focus, .slds-resizable__handle:active {
    opacity: 1
}

.slds-resizable__divider {
    position: absolute;
    right: 0;
    height: 100vh;
    width: 1px;
    background: var(--lwc-colorBackgroundButtonBrand, rgb(0, 112, 210))
}

.slds-resizable__input:focus ~ .slds-resizable__handle {
    opacity: 1
}

.slds-table_joined table, .slds-table.slds-has-top-magnet table {
    border-radius: var(--lwc-tableBorderRadius, 0 0 0.25rem 0.25rem);
    box-shadow: var(--lwc-cardShadow, 0 2px 2px 0 rgba(0, 0, 0, 0.10))
}

.slds-table_joined-wrapper {
    padding: var(--lwc-cardWrapperSpacing, 1rem) var(--lwc-cardWrapperSpacing, 1rem) 0 var(--lwc-cardWrapperSpacing, 1rem);
    border-radius: var(--lwc-borderRadiusMedium, 0.25rem);
    background-clip: padding-box
}

.slds-table_joined-wrapper .slds-table {
    border-radius: var(--lwc-tableBorderRadius, 0 0 0.25rem 0.25rem);
    box-shadow: var(--lwc-cardShadow, 0 2px 2px 0 rgba(0, 0, 0, 0.10))
}

@media (max-width: 48em) {
    .slds-max-medium-table_stacked, .slds-max-medium-table--stacked {
        border: 0
    }

    .slds-max-medium-table_stacked thead, .slds-max-medium-table--stacked thead {
        position: absolute !important;
        margin: -1px !important;
        border: 0 !important;
        padding: 0 !important;
        width: 1px !important;
        height: 1px !important;
        overflow: hidden !important;
        clip: rect(0 0 0 0) !important
    }

    .slds-max-medium-table_stacked th, .slds-max-medium-table--stacked th {
        border-top: 0
    }

    .slds-max-medium-table_stacked tr, .slds-max-medium-table--stacked tr {
        display: block;
        border-top: var(--lwc-borderWidthThick, 2px) solid var(--lwc-colorBorder, rgb(221, 219, 218))
    }

    .slds-max-medium-table_stacked th, .slds-max-medium-table_stacked td, .slds-max-medium-table--stacked th, .slds-max-medium-table--stacked td {
        display: block;
        padding: var(--lwc-spacingSmall, 0.75rem);
        max-width: 100%;
        width: 100%;
        clear: both;
        white-space: normal;
        overflow: hidden;
        text-align: left
    }

    .slds-max-medium-table_stacked th.slds-truncate, .slds-max-medium-table_stacked td.slds-truncate, .slds-max-medium-table--stacked th.slds-truncate, .slds-max-medium-table--stacked td.slds-truncate {
        max-width: 100%
    }

    .slds-max-medium-table_stacked th:before, .slds-max-medium-table_stacked td:before, .slds-max-medium-table--stacked th:before, .slds-max-medium-table--stacked td:before {
        font-size: var(--lwc-fontSize2, 0.75rem);
        line-height: var(--lwc-lineHeightHeading, 1.25);
        color: var(--lwc-colorTextWeak, rgb(62, 62, 60));
        text-transform: uppercase;
        letter-spacing: .0625rem;
        display: block;
        padding-bottom: var(--lwc-spacingXxSmall, 0.25rem);
        content: attr(data-label)
    }

    .slds-max-medium-table_stacked tr > td:first-child, .slds-max-medium-table_stacked tr > td:last-child, .slds-max-medium-table--stacked tr > td:first-child, .slds-max-medium-table--stacked tr > td:last-child {
        padding: var(--lwc-spacingSmall, 0.75rem)
    }

    .slds-max-medium-table_stacked:not(.slds-no-row-hover) tbody tr:hover td, .slds-max-medium-table_stacked:not(.slds-no-row-hover) tbody tr:hover th, .slds-max-medium-table--stacked:not(.slds-no-row-hover) tbody tr:hover td, .slds-max-medium-table--stacked:not(.slds-no-row-hover) tbody tr:hover th {
        background-color: inherit !important;
        box-shadow: none !important
    }

    .slds-max-medium-table_stacked .slds-is-interactive .slds-button, .slds-max-medium-table--stacked .slds-is-interactive .slds-button {
        visibility: visible
    }

    .slds-max-medium-table_stacked .slds-cell-shrink, .slds-max-medium-table--stacked .slds-cell-shrink {
        width: auto
    }
}

@media (max-width: 48em) {
    .slds-max-medium-table_stacked td:before, .slds-max-medium-table_stacked th:before, .slds-max-medium-table--stacked td:before, .slds-max-medium-table--stacked th:before {
        padding-bottom: var(--lwc-spacingXxSmall, 0.25rem)
    }
}

@media (max-width: 48em) {
    .slds-max-medium-table_stacked-horizontal, .slds-max-medium-table--stacked-horizontal {
        border: 0
    }

    .slds-max-medium-table_stacked-horizontal thead, .slds-max-medium-table--stacked-horizontal thead {
        position: absolute !important;
        margin: -1px !important;
        border: 0 !important;
        padding: 0 !important;
        width: 1px !important;
        height: 1px !important;
        overflow: hidden !important;
        clip: rect(0 0 0 0) !important
    }

    .slds-max-medium-table_stacked-horizontal th, .slds-max-medium-table--stacked-horizontal th {
        border-top: 0
    }

    .slds-max-medium-table_stacked-horizontal tr, .slds-max-medium-table--stacked-horizontal tr {
        display: block;
        border-top: var(--lwc-borderWidthThick, 2px) solid var(--lwc-colorBorder, rgb(221, 219, 218))
    }

    .slds-max-medium-table_stacked-horizontal th, .slds-max-medium-table_stacked-horizontal td, .slds-max-medium-table--stacked-horizontal th, .slds-max-medium-table--stacked-horizontal td {
        display: block;
        padding: var(--lwc-spacingSmall, 0.75rem);
        max-width: 100%;
        width: 100%;
        clear: both;
        white-space: normal;
        overflow: hidden;
        text-align: left
    }

    .slds-max-medium-table_stacked-horizontal th.slds-truncate, .slds-max-medium-table_stacked-horizontal td.slds-truncate, .slds-max-medium-table--stacked-horizontal th.slds-truncate, .slds-max-medium-table--stacked-horizontal td.slds-truncate {
        max-width: 100%
    }

    .slds-max-medium-table_stacked-horizontal th:before, .slds-max-medium-table_stacked-horizontal td:before, .slds-max-medium-table--stacked-horizontal th:before, .slds-max-medium-table--stacked-horizontal td:before {
        font-size: var(--lwc-fontSize2, 0.75rem);
        line-height: var(--lwc-lineHeightHeading, 1.25);
        color: var(--lwc-colorTextWeak, rgb(62, 62, 60));
        text-transform: uppercase;
        letter-spacing: .0625rem;
        display: block;
        padding-bottom: var(--lwc-spacingXxSmall, 0.25rem);
        content: attr(data-label)
    }

    .slds-max-medium-table_stacked-horizontal tr > td:first-child, .slds-max-medium-table_stacked-horizontal tr > td:last-child, .slds-max-medium-table--stacked-horizontal tr > td:first-child, .slds-max-medium-table--stacked-horizontal tr > td:last-child {
        padding: var(--lwc-spacingSmall, 0.75rem)
    }

    .slds-max-medium-table_stacked-horizontal:not(.slds-no-row-hover) tbody tr:hover td, .slds-max-medium-table_stacked-horizontal:not(.slds-no-row-hover) tbody tr:hover th, .slds-max-medium-table--stacked-horizontal:not(.slds-no-row-hover) tbody tr:hover td, .slds-max-medium-table--stacked-horizontal:not(.slds-no-row-hover) tbody tr:hover th {
        background-color: inherit !important;
        box-shadow: none !important
    }

    .slds-max-medium-table_stacked-horizontal .slds-is-interactive .slds-button, .slds-max-medium-table--stacked-horizontal .slds-is-interactive .slds-button {
        visibility: visible
    }

    .slds-max-medium-table_stacked-horizontal .slds-cell-shrink, .slds-max-medium-table--stacked-horizontal .slds-cell-shrink {
        width: auto
    }
}

@media (max-width: 48em) {
    .slds-max-medium-table_stacked-horizontal td, .slds-max-medium-table--stacked-horizontal td {
        text-align: right
    }

    .slds-max-medium-table_stacked-horizontal td:before, .slds-max-medium-table--stacked-horizontal td:before {
        float: left;
        margin-top: var(--lwc-spacingXxxSmall, 0.125rem)
    }

    .slds-max-medium-table_stacked-horizontal .slds-truncate, .slds-max-medium-table--stacked-horizontal .slds-truncate {
        max-width: 100%
    }
}

.slds-table_edit_container:focus, .slds-table--edit_container:focus {
    outline: none
}

.slds-table_edit_container:focus:before, .slds-table--edit_container:focus:before {
    content: ' ';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: var(--lwc-zIndexDefault, 1);
    background-color: var(--lwc-colorBackgroundBackdropTint, rgb(250, 250, 249));
    box-shadow: 0 0 0 4px var(--lwc-colorBorderBrand, rgb(21, 137, 238)) inset
}

.slds-table_edit_container:focus .slds-table_edit_container-message, .slds-table_edit_container:focus .slds-table--edit_container-message, .slds-table--edit_container:focus .slds-table_edit_container-message, .slds-table--edit_container:focus .slds-table--edit_container-message {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: var(--lwc-sizeMedium, 20rem);
    margin-top: -2.25rem;
    margin-left: -10rem;
    background-color: var(--lwc-colorBackgroundAlt, rgb(255, 255, 255));
    text-align: center;
    z-index: var(--lwc-zIndexDefault, 1)
}

.slds-table_edit_container-message, .slds-table--edit_container-message {
    display: none
}

.slds-table_edit thead th, .slds-table--edit thead th {
    padding: 0
}

.slds-table_edit .slds-cell-error, .slds-table--edit .slds-cell-error {
    padding-left: 0
}

.slds-table_edit:not(.slds-no-cell-focus) tbody tr:hover > .slds-cell-edit.slds-has-focus, .slds-table--edit:not(.slds-no-cell-focus) tbody tr:hover > .slds-cell-edit.slds-has-focus {
    background-color: var(--lwc-colorBackgroundAlt, rgb(255, 255, 255));
    box-shadow: var(--lwc-brandAccessible, rgb(0, 112, 210)) 0 0 0 1px inset
}

.slds-table_edit.slds-table tbody tr:hover > .slds-cell-edit:hover, .slds-table--edit.slds-table tbody tr:hover > .slds-cell-edit:hover {
    background-color: var(--lwc-colorBackgroundAlt, rgb(255, 255, 255))
}

.slds-table_edit.slds-table tbody tr:hover > .slds-cell-edit.slds-is-edited, .slds-table--edit.slds-table tbody tr:hover > .slds-cell-edit.slds-is-edited {
    background-color: var(--lwc-colorBackgroundHighlight, rgb(250, 255, 189))
}

.slds-table_edit.slds-table tbody tr:hover > .slds-cell-edit.slds-has-error, .slds-table--edit.slds-table tbody tr:hover > .slds-cell-edit.slds-has-error {
    background-color: var(--lwc-colorBackgroundHighlight, rgb(250, 255, 189));
    box-shadow: var(--lwc-colorBorderError, rgb(194, 57, 52)) 0 0 0 2px inset
}

.slds-table_edit .slds-button__icon_edit:focus, .slds-table_edit .slds-button__icon--edit:focus, .slds-table--edit .slds-button__icon_edit:focus, .slds-table--edit .slds-button__icon--edit:focus {
    fill: var(--lwc-colorTextBrand, rgb(21, 137, 238))
}

.slds-has-focus .slds-th__action {
    background-color: var(--lwc-colorBackgroundAlt, rgb(255, 255, 255));
    box-shadow: var(--lwc-brandAccessibleActive, rgb(0, 95, 178)) 0 0 0 1px inset
}

.slds-has-focus.slds-is-resizable .slds-th__action, .slds-has-focus.slds-is-resizable .slds-th__action:focus, .slds-has-focus.slds-is-resizable .slds-th__action:hover, .slds-has-focus.slds-is-resizable .slds-th__action:focus:hover, .slds-is-resizable .slds-th__action:focus, .slds-is-resizable .slds-th__action:focus:hover {
    background-color: var(--lwc-tableColorBackgroundHeaderHover, rgb(255, 255, 255));
    box-shadow: var(--lwc-brandAccessibleActive, rgb(0, 95, 178)) 0 0 0 1px inset, var(--lwc-brandAccessibleActive, rgb(0, 95, 178)) -.25rem 0 0 inset
}

.slds-table .slds-cell-edit {
    outline: 0
}

.slds-table .slds-cell-edit.slds-has-focus {
    background-color: var(--lwc-colorBackgroundAlt, rgb(255, 255, 255));
    box-shadow: var(--lwc-brandAccessibleActive, rgb(0, 95, 178)) 0 0 0 1px inset
}

.slds-table .slds-cell-edit.slds-has-focus .slds-button__icon_edit, .slds-table .slds-cell-edit.slds-has-focus .slds-button__icon--edit, .slds-table .slds-cell-edit.slds-has-focus .slds-button__icon_lock, .slds-table .slds-cell-edit.slds-has-focus .slds-button__icon--lock {
    opacity: 1
}

.slds-table .slds-cell-edit.slds-has-focus:hover {
    box-shadow: var(--lwc-brandAccessibleActive, rgb(0, 95, 178)) 0 0 0 1px inset
}

.slds-table .slds-cell-edit.slds-has-focus a:focus {
    text-decoration: underline;
    outline: none
}

.slds-table .slds-cell-edit.slds-is-edited, .slds-table .slds-cell-edit.slds-is-edited:hover {
    background-color: var(--lwc-colorBackgroundHighlight, rgb(250, 255, 189))
}

.slds-table .slds-cell-edit.slds-has-error, .slds-table .slds-cell-edit.slds-has-error:hover {
    background-color: var(--lwc-colorBackgroundHighlight, rgb(250, 255, 189));
    box-shadow: var(--lwc-colorBorderError, rgb(194, 57, 52)) 0 0 0 2px inset
}

.slds-cell-edit__button {
    width: var(--lwc-squareIconUtilityMedium, 1.25rem);
    height: var(--lwc-squareIconUtilityMedium, 1.25rem);
    flex-shrink: 0
}

.slds-cell-edit__button:focus .slds-button__icon_edit, .slds-cell-edit__button:focus .slds-button__icon--edit {
    opacity: 1
}

.slds-no-cell-focus .slds-has-focus {
    background: var(--lwc-colorBackgroundRowHover, rgb(243, 242, 242));
    box-shadow: none
}

.slds-no-cell-focus .slds-has-focus .slds-th__action, .slds-no-cell-focus .slds-has-focus .slds-th__action:hover, .slds-no-cell-focus .slds-has-focus .slds-th__action:focus, .slds-no-cell-focus .slds-has-focus .slds-th__action:focus:hover {
    color: inherit;
    background-color: var(--lwc-tableColorBackgroundHeaderHover, rgb(255, 255, 255));
    box-shadow: none
}

.slds-no-cell-focus .slds-has-focus .slds-button__icon_edit, .slds-no-cell-focus .slds-has-focus .slds-button__icon--edit {
    opacity: 1
}

.slds-no-cell-focus .slds-has-focus.slds-is-resizable:hover .slds-th__action {
    background-color: var(--lwc-tableColorBackgroundHeaderHover, rgb(255, 255, 255));
    box-shadow: var(--lwc-colorBorder, rgb(221, 219, 218)) -.25rem 0 0 inset
}

.slds-no-cell-focus .slds-is-sortable.slds-has-focus .slds-is-sortable__icon {
    display: none
}

.slds-no-cell-focus .slds-is-sorted.slds-has-focus .slds-is-sortable__icon {
    display: inline-block;
    fill: var(--lwc-colorTextIconDefault, rgb(112, 110, 107))
}

.slds-no-cell-focus .slds-is-edited, .slds-no-cell-focus .slds-is-edited:hover {
    background-color: var(--lwc-colorBackgroundHighlight, rgb(250, 255, 189))
}

.slds-no-cell-focus .slds-has-error, .slds-no-cell-focus .slds-has-error:hover {
    background-color: var(--lwc-colorBackgroundHighlight, rgb(250, 255, 189));
    box-shadow: var(--lwc-colorBorderError, rgb(194, 57, 52)) 0 0 0 2px inset
}

.slds-no-cell-focus thead .slds-has-focus:hover {
    color: var(--lwc-colorTextLink, rgb(0, 109, 204))
}

.slds-no-cell-focus thead .slds-has-focus:hover .slds-is-sortable__icon {
    display: inline-block;
    fill: var(--lwc-colorTextLink, rgb(0, 109, 204))
}

.slds-hint-parent .slds-cell-edit .slds-button__icon_edit, .slds-hint-parent .slds-cell-edit .slds-button__icon--edit, .slds-hint-parent .slds-cell-edit .slds-button__icon_lock, .slds-hint-parent .slds-cell-edit .slds-button__icon--lock {
    opacity: 0
}

.slds-hint-parent .slds-cell-edit:hover .slds-button__icon_edit, .slds-hint-parent .slds-cell-edit:hover .slds-button__icon--edit, .slds-hint-parent .slds-cell-edit:focus .slds-button__icon_edit, .slds-hint-parent .slds-cell-edit:focus .slds-button__icon--edit {
    opacity: .5
}

.slds-hint-parent .slds-cell-edit:hover .slds-button__icon_edit:hover, .slds-hint-parent .slds-cell-edit:hover .slds-button__icon_edit:focus, .slds-hint-parent .slds-cell-edit:hover .slds-button__icon--edit:hover, .slds-hint-parent .slds-cell-edit:hover .slds-button__icon--edit:focus, .slds-hint-parent .slds-cell-edit:focus .slds-button__icon_edit:hover, .slds-hint-parent .slds-cell-edit:focus .slds-button__icon_edit:focus, .slds-hint-parent .slds-cell-edit:focus .slds-button__icon--edit:hover, .slds-hint-parent .slds-cell-edit:focus .slds-button__icon--edit:focus {
    fill: var(--lwc-colorTextBrand, rgb(21, 137, 238));
    opacity: 1
}

.slds-hint-parent .slds-cell-edit:hover .slds-button__icon_lock, .slds-hint-parent .slds-cell-edit:hover .slds-button__icon--lock, .slds-hint-parent .slds-cell-edit:focus .slds-button__icon_lock, .slds-hint-parent .slds-cell-edit:focus .slds-button__icon--lock {
    opacity: .5
}

.slds-hint-parent .slds-cell-edit.slds-has-focus .slds-button__icon_edit, .slds-hint-parent .slds-cell-edit.slds-has-focus .slds-button__icon--edit {
    fill: var(--lwc-colorTextIconDefault, rgb(112, 110, 107));
    opacity: 1
}

.slds-form-element__label_edit, .slds-form-element__label--edit {
    margin: 0 var(--lwc-spacingXxxSmall, 0.125rem) 0
}

.slds-popover_edit, .slds-popover--edit {
    border-top: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.slds-popover_edit .slds-popover__body, .slds-popover--edit .slds-popover__body {
    padding: var(--lwc-spacingXxSmall, 0.25rem) var(--lwc-spacingXxSmall, 0.25rem) var(--lwc-spacingXxSmall, 0.25rem) 0
}

.slds-popover_edit .slds-form-element__help, .slds-popover--edit .slds-form-element__help {
    width: 100%;
    padding-left: var(--lwc-spacingSmall, 0.75rem)
}

.slds-table_header-fixed_container, .slds-table--header-fixed_container {
    position: relative;
    padding-top: 2rem;
    background-color: var(--lwc-tableColorBackgroundHeader, rgb(250, 250, 249));
    overflow: hidden
}

.slds-table_header-fixed_container:before, .slds-table--header-fixed_container:before {
    border-bottom: var(--lwc-borderWidthThin, 1px) solid var(--lwc-colorBorder, rgb(221, 219, 218));
    content: '';
    display: block;
    position: relative;
    width: 100%
}

.slds-cell-fixed {
    background-color: var(--lwc-tableColorBackgroundHeader, rgb(250, 250, 249));
    position: absolute;
    top: 0;
    min-height: 2rem
}

.slds-table_header-fixed, .slds-table--header-fixed {
    border-top: 0
}

.slds-table_header-fixed thead th, .slds-table--header-fixed thead th {
    position: static;
    padding: 0;
    border-top: 0
}

.slds-table_header-fixed tbody tr:first-child td, .slds-table_header-fixed tbody tr:first-child th, .slds-table--header-fixed tbody tr:first-child td, .slds-table--header-fixed tbody tr:first-child th {
    border-top: 0
}

.slds-table_header-hidden {
    border-top: 0
}

.slds-tree__item a {
    color: var(--lwc-colorTextDefault, rgb(8, 7, 7))
}

.slds-tree__item a:hover {
    text-decoration: none
}

.slds-tree__item a:focus {
    outline: 0;
    text-decoration: underline
}

.slds-tree .slds-is-selected {
    background: var(--lwc-colorBackgroundRowSelected, rgb(236, 235, 234));
    box-shadow: var(--lwc-colorBackgroundButtonBrand, rgb(0, 112, 210)) 4px 0 0 inset
}

.slds-tree .slds-is-focused {
    text-decoration: underline
}

.slds-tree [aria-expanded=false] > .slds-tree__item > .slds-button[aria-controls] > .slds-button__icon, .slds-tree [aria-expanded=false] > .slds-tree__item > .slds-button[aria-controls] > span > .slds-button__icon {
    transition: var(--lwc-durationPromptly, 0.2s) transform ease-in-out;
    transform: rotate(0deg)
}

.slds-tree [aria-expanded=true] > .slds-tree__item > .slds-button[aria-controls] > .slds-button__icon, .slds-tree [aria-expanded=true] > .slds-tree__item > .slds-button[aria-controls] > span > .slds-button__icon {
    transition: var(--lwc-durationPromptly, 0.2s) transform ease-in-out;
    transform: rotate(90deg)
}

.slds-tree-container, .slds-tree_container {
    min-width: 7.5rem;
    max-width: 25rem
}

.slds-tree-container > .slds-text-heading_label, .slds-tree-container > .slds-text-heading--label, .slds-tree_container > .slds-text-heading_label, .slds-tree_container > .slds-text-heading--label {
    margin-bottom: var(--lwc-spacingXSmall, 0.5rem)
}

.slds-tree__item {
    display: flex;
    padding: .375rem 0 .375rem var(--lwc-spacingMedium, 1rem)
}

.slds-tree__item.slds-is-hovered, .slds-tree__item:hover {
    background: var(--lwc-colorBackgroundRowHover, rgb(243, 242, 242));
    cursor: pointer
}

.slds-tree__item .slds-is-disabled {
    visibility: hidden
}

.slds-tree [role=treeitem]:focus {
    outline: 0
}

.slds-tree [role=treeitem]:focus > .slds-tree__item {
    background: var(--lwc-colorBackgroundRowHover, rgb(243, 242, 242));
    cursor: pointer;
    text-decoration: underline
}

.slds-tree [role=treeitem][aria-selected=true] > .slds-tree__item {
    background: var(--lwc-brandPrimaryTransparent10, rgba(21, 137, 238, 0.1));
    box-shadow: var(--lwc-brandPrimary, rgb(21, 137, 238)) 4px 0 0 inset
}

[dir=rtl] .slds-tree [role=treeitem][aria-selected=true] > .slds-tree__item {
    box-shadow: var(--lwc-brandPrimary, rgb(21, 137, 238)) -4px 0 0 inset
}

.slds-tree [role=treeitem] > [role=group] {
    display: none
}

.slds-tree [role=treeitem][aria-expanded=true] > [role=group] {
    display: block
}

[aria-expanded=false] > .slds-tree__item .slds-button__icon {
    transition: var(--lwc-durationPromptly, 0.2s) transform ease-in-out;
    transform: rotate(0deg)
}

[aria-expanded=true] > .slds-tree__item .slds-button__icon {
    transition: var(--lwc-durationPromptly, 0.2s) transform ease-in-out;
    transform: rotate(90deg)
}

[dir=rtl] [aria-expanded=true] > .slds-tree__item .slds-button__icon {
    transform: rotate(-90deg)
}

[aria-level="1"] > .slds-tree__item {
    padding-left: 1rem
}

[aria-level="2"] > .slds-tree__item {
    padding-left: 2rem
}

[aria-level="3"] > .slds-tree__item {
    padding-left: 3rem
}

[aria-level="4"] > .slds-tree__item {
    padding-left: 4rem
}

[aria-level="5"] > .slds-tree__item {
    padding-left: 5rem
}

[aria-level="6"] > .slds-tree__item {
    padding-left: 6rem
}

[aria-level="7"] > .slds-tree__item {
    padding-left: 7rem
}

[aria-level="8"] > .slds-tree__item {
    padding-left: 8rem
}

[aria-level="9"] > .slds-tree__item {
    padding-left: 9rem
}

[aria-level="10"] > .slds-tree__item {
    padding-left: 10rem
}

[aria-level="11"] > .slds-tree__item {
    padding-left: 11rem
}

[aria-level="12"] > .slds-tree__item {
    padding-left: 12rem
}

[aria-level="13"] > .slds-tree__item {
    padding-left: 13rem
}

[aria-level="14"] > .slds-tree__item {
    padding-left: 14rem
}

[aria-level="15"] > .slds-tree__item {
    padding-left: 15rem
}

[aria-level="16"] > .slds-tree__item {
    padding-left: 16rem
}

[aria-level="17"] > .slds-tree__item {
    padding-left: 17rem
}

[aria-level="18"] > .slds-tree__item {
    padding-left: 18rem
}

[aria-level="19"] > .slds-tree__item {
    padding-left: 19rem
}

[aria-level="20"] > .slds-tree__item {
    padding-left: 20rem
}

.slds-tree__item-label {
    display: block
}

.slds-tree__item-meta {
    display: block;
    color: var(--lwc-colorTextWeak, rgb(62, 62, 60))
}

.slds-tree__item .slds-button {
    align-self: flex-start;
    margin-top: var(--lwc-spacingXxxSmall, 0.125rem)
}

.slds-tree__item .slds-pill {
    margin-left: var(--lwc-spacingSmall, 0.75rem)
}

.slds-tree__group-header {
    font-size: var(--lwc-fontSize4, 0.875rem);
    font-weight: var(--lwc-fontWeightBold, 700)
}

.slds-table_tree .slds-tree__item, .slds-table--tree .slds-tree__item {
    line-height: 1.5rem
}

.slds-table_tree .slds-tree__item a, .slds-table--tree .slds-tree__item a {
    color: var(--lwc-colorTextLink, rgb(0, 109, 204))
}

.slds-table_tree .slds-tree__item a:hover, .slds-table--tree .slds-tree__item a:hover {
    text-decoration: underline
}

.slds-table_tree .slds-button, .slds-table--tree .slds-button {
    align-self: center
}

.slds-table_tree .slds-button:not(.slds-th__action-button), .slds-table--tree .slds-button:not(.slds-th__action-button) {
    margin-top: 0
}

.slds-table_tree [aria-level="1"] > .slds-tree__item, .slds-table--tree [aria-level="1"] > .slds-tree__item {
    padding-left: 1.5rem
}

.slds-table_tree [aria-level="2"] > .slds-tree__item, .slds-table--tree [aria-level="2"] > .slds-tree__item {
    padding-left: 2.5rem
}

.slds-table_tree [aria-level="3"] > .slds-tree__item, .slds-table--tree [aria-level="3"] > .slds-tree__item {
    padding-left: 3.5rem
}

.slds-table_tree [aria-level="4"] > .slds-tree__item, .slds-table--tree [aria-level="4"] > .slds-tree__item {
    padding-left: 4.5rem
}

.slds-table_tree [aria-level="5"] > .slds-tree__item, .slds-table--tree [aria-level="5"] > .slds-tree__item {
    padding-left: 5.5rem
}

.slds-table_tree [aria-level="6"] > .slds-tree__item, .slds-table--tree [aria-level="6"] > .slds-tree__item {
    padding-left: 6.5rem
}

.slds-table_tree [aria-level="7"] > .slds-tree__item, .slds-table--tree [aria-level="7"] > .slds-tree__item {
    padding-left: 7.5rem
}

.slds-table_tree [aria-level="8"] > .slds-tree__item, .slds-table--tree [aria-level="8"] > .slds-tree__item {
    padding-left: 8.5rem
}

.slds-table_tree [aria-level="9"] > .slds-tree__item, .slds-table--tree [aria-level="9"] > .slds-tree__item {
    padding-left: 9.5rem
}

.slds-table_tree [aria-level="10"] > .slds-tree__item, .slds-table--tree [aria-level="10"] > .slds-tree__item {
    padding-left: 10.5rem
}

.slds-table_tree [aria-level="11"] > .slds-tree__item, .slds-table--tree [aria-level="11"] > .slds-tree__item {
    padding-left: 11.5rem
}

.slds-table_tree [aria-level="12"] > .slds-tree__item, .slds-table--tree [aria-level="12"] > .slds-tree__item {
    padding-left: 12.5rem
}

.slds-table_tree [aria-level="13"] > .slds-tree__item, .slds-table--tree [aria-level="13"] > .slds-tree__item {
    padding-left: 13.5rem
}

.slds-table_tree [aria-level="14"] > .slds-tree__item, .slds-table--tree [aria-level="14"] > .slds-tree__item {
    padding-left: 14.5rem
}

.slds-table_tree [aria-level="15"] > .slds-tree__item, .slds-table--tree [aria-level="15"] > .slds-tree__item {
    padding-left: 15.5rem
}

.slds-table_tree [aria-level="16"] > .slds-tree__item, .slds-table--tree [aria-level="16"] > .slds-tree__item {
    padding-left: 16.5rem
}

.slds-table_tree [aria-level="17"] > .slds-tree__item, .slds-table--tree [aria-level="17"] > .slds-tree__item {
    padding-left: 17.5rem
}

.slds-table_tree [aria-level="18"] > .slds-tree__item, .slds-table--tree [aria-level="18"] > .slds-tree__item {
    padding-left: 18.5rem
}

.slds-table_tree [aria-level="19"] > .slds-tree__item, .slds-table--tree [aria-level="19"] > .slds-tree__item {
    padding-left: 19.5rem
}

.slds-table_tree [aria-level="20"] > .slds-tree__item, .slds-table--tree [aria-level="20"] > .slds-tree__item {
    padding-left: 20.5rem
}

.slds-popover_einstein.slds-nubbin_top:before, .slds-popover_einstein.slds-nubbin--top:before, .slds-popover_einstein.slds-nubbin_top-left:before, .slds-popover_einstein.slds-nubbin--top-left:before, .slds-popover_einstein.slds-nubbin_top-right:before, .slds-popover_einstein.slds-nubbin--top-right:before, .slds-popover_einstein.slds-nubbin_left-top:before, .slds-popover_einstein.slds-nubbin--left-top:before, .slds-popover_einstein.slds-nubbin_right-top:before, .slds-popover_einstein.slds-nubbin--right-top:before {
    background-color: var(--lwc-einsteinHeaderBackgroundColor, rgb(149, 203, 252))
}

.slds-section-title {
    font-size: var(--lwc-fontSize5, 1rem)
}

.slds-section-title > a {
    display: inline-block;
    color: var(--lwc-colorTextDefault, rgb(8, 7, 7))
}

.slds-section-title > a:hover, .slds-section-title > a:focus {
    color: var(--lwc-colorTextLinkHover, rgb(0, 95, 178))
}

.slds-section-title > a:focus {
    box-shadow: var(--lwc-shadowButtonFocus, 0 0 3px #0070D2)
}

.slds-section-title > a:active {
    color: var(--lwc-colorTextDefault, rgb(8, 7, 7))
}

.slds-section-title .slds-icon {
    width: var(--lwc-squareIconMediumContent, 1rem);
    height: var(--lwc-squareIconMediumContent, 1rem);
    fill: currentColor
}

.slds-section-title .slds-section-group_is-closed .slds-icon, .slds-section-title .slds-section-group--is-closed .slds-icon {
    transform: rotate(-90deg)
}

.slds-section {
    margin-top: var(--lwc-spacingXSmall, 0.5rem);
    margin-bottom: var(--lwc-spacingXSmall, 0.5rem)
}

.slds-section__title {
    display: flex;
    align-items: center;
    font-size: var(--lwc-varFontSize5, 1rem);
    line-height: var(--lwc-lineHeightButton, 1.875rem);
    border: var(--lwc-borderWidthThin, 1px) solid transparent;
    border-radius: var(--lwc-borderRadiusMedium, 0.25rem)
}

.slds-section__title-action {
    display: flex;
    align-items: center;
    background: var(--lwc-colorBackground, rgb(243, 242, 242));
    cursor: pointer;
    width: 100%;
    text-align: left;
    color: currentColor;
    font-size: inherit;
    padding: 0 var(--lwc-spacingXSmall, 0.5rem)
}

.slds-section__title-action:hover, .slds-section__title-action:focus, .slds-section__title-action:active {
    background: var(--lwc-colorBackgroundButtonDefaultActive, rgb(238, 241, 246));
    color: inherit
}

.slds-section__content {
    overflow: hidden;
    visibility: hidden;
    opacity: 0;
    height: 0
}

.slds-section__title-action-icon {
    transform: rotate(-90deg)
}

.slds-section.slds-is-open .slds-section__title-action-icon {
    transform: rotate(0deg);
    transform-origin: 45%
}

.slds-section.slds-is-open .slds-section__content {
    padding-top: var(--lwc-spacingXSmall, 0.5rem);
    overflow: visible;
    visibility: visible;
    opacity: 1;
    height: auto
}

.slds-section-title_divider, .slds-section-title--divider {
    font-size: var(--lwc-fontSize2, 0.75rem);
    line-height: var(--lwc-lineHeightHeading, 1.25);
    color: var(--lwc-colorTextWeak, rgb(62, 62, 60));
    text-transform: uppercase;
    letter-spacing: .0625rem;
    padding: var(--lwc-spacingXSmall, 0.5rem) var(--lwc-spacingMedium, 1rem);
    background: var(--lwc-colorBackground, rgb(243, 242, 242))
}

.slds-illustration {
    text-align: center
}

.slds-illustration.slds-illustration_small .slds-illustration__svg {
    width: 100%;
    max-width: 300px;
    max-height: 200px;
    margin-bottom: var(--lwc-spacingMedium, 1rem)
}

.slds-illustration.slds-illustration_large .slds-illustration__svg {
    width: 100%;
    max-width: 600px;
    max-height: 400px;
    margin-bottom: var(--lwc-spacingXxLarge, 3rem)
}

.slds-illustration.slds-illustration_large .slds-illustration__header {
    margin-bottom: var(--lwc-spacingLarge, 1.5rem)
}

.slds-illustration.slds-illustration_large p {
    margin-bottom: var(--lwc-spacingXxLarge, 3rem)
}

.slds-illustration .slds-illustration__stroke-primary {
    stroke: var(--lwc-illustrationColorPrimary, rgb(140, 211, 248))
}

.slds-illustration .slds-illustration__stroke-secondary {
    stroke: var(--lwc-illustrationColorSecondary, rgb(194, 232, 255))
}

.slds-illustration .slds-illustration__fill-primary {
    fill: var(--lwc-illustrationColorPrimary, rgb(140, 211, 248))
}

.slds-illustration .slds-illustration__fill-secondary {
    fill: var(--lwc-illustrationColorSecondary, rgb(194, 232, 255))
}

.slds-region {
    background-color: var(--lwc-colorBackgroundAlt, rgb(255, 255, 255))
}

.slds-region__pinned-top {
    background-color: var(--lwc-colorBackgroundAlt, rgb(255, 255, 255));
    border-bottom: var(--lwc-borderWidthThin, 1px) solid var(--lwc-cardColorBorder, rgb(221, 219, 218))
}

.slds-region__pinned-left {
    background-color: var(--lwc-colorBackgroundAlt, rgb(255, 255, 255));
    border-right: var(--lwc-borderWidthThin, 1px) solid var(--lwc-cardColorBorder, rgb(221, 219, 218))
}

.slds-region__pinned-right {
    background-color: var(--lwc-colorBackgroundAlt, rgb(255, 255, 255));
    border-left: var(--lwc-borderWidthThin, 1px) solid var(--lwc-cardColorBorder, rgb(221, 219, 218))
}

.slds-vertical-tabs {
    display: flex;
    overflow: hidden;
    border: var(--lwc-borderWidthThin, 1px) solid var(--lwc-colorBorder, rgb(221, 219, 218));
    border-radius: var(--lwc-borderRadiusMedium, 0.25rem)
}

.slds-vertical-tabs__nav {
    width: var(--lwc-sizeXSmall, 12rem);
    border-right: var(--lwc-borderWidthThin, 1px) solid var(--lwc-colorBorder, rgb(221, 219, 218));
    background: var(--lwc-colorBackground, rgb(243, 242, 242))
}

.slds-vertical-tabs__nav-item {
    display: flex;
    align-items: center;
    overflow: hidden;
    border-bottom: var(--lwc-borderWidthThin, 1px) solid var(--lwc-colorBorder, rgb(221, 219, 218));
    color: var(--lwc-colorTextActionLabel, rgb(62, 62, 60))
}

.slds-vertical-tabs__nav-item:last-child {
    margin-bottom: -1px
}

.slds-vertical-tabs__link {
    display: flex;
    flex: 1 1 0%;
    align-items: center;
    min-width: 0;
    padding: var(--lwc-spacingSmall, 0.75rem);
    color: currentColor
}

.slds-vertical-tabs__link:hover {
    background: var(--lwc-colorBackgroundPathIncompleteHover, rgb(221, 219, 218));
    color: var(--lwc-colorTextActionLabelActive, rgb(8, 7, 7));
    text-decoration: none
}

.slds-vertical-tabs__link:focus {
    outline: 0
}

.slds-vertical-tabs__left-icon {
    margin-right: var(--lwc-spacingXSmall, 0.5rem)
}

.slds-vertical-tabs__left-icon:empty {
    margin-right: 0
}

.slds-vertical-tabs__right-icon {
    margin-left: auto
}

.slds-vertical-tabs__content {
    flex: 1;
    padding: var(--lwc-spacingMedium, 1rem);
    background: var(--lwc-colorBackgroundAlt, rgb(255, 255, 255))
}

.slds-vertical-tabs__nav-item.slds-is-active {
    margin-right: -1px;
    border-right: 0;
    background: var(--lwc-colorBackgroundAlt, rgb(255, 255, 255));
    color: var(--lwc-brandTextLink, rgb(0, 109, 204))
}

.slds-vertical-tabs__nav-item.slds-is-active .slds-vertical-tabs__link:hover {
    background: var(--lwc-colorBackgroundAlt, rgb(255, 255, 255));
    color: currentColor
}

.slds-vertical-tabs__nav-item.slds-has-focus {
    text-decoration: underline
}

.slds-welcome-mat .slds-modal__container {
    width: var(--lwc-welcomeMatWidth, 52.0625rem);
    max-width: none
}

.slds-welcome-mat {
    position: relative
}

.slds-welcome-mat__content {
    min-height: var(--lwc-welcomeMatMinHeight, 25rem);
    max-height: var(--lwc-welcomeMatMaxHeight, 37.5rem)
}

.slds-welcome-mat__content .slds-progress-bar {
    display: inline-block;
    width: var(--lwc-welcomeMatWidthProgressBar, 12.5rem);
    background: var(--lwc-welcomeMatColorBackgroundProgressBar, rgb(255, 255, 255))
}

.slds-welcome-mat__content .slds-progress-bar__value {
    background: var(--lwc-progressBarColorBackgroundFillSuccess, rgb(75, 202, 129))
}

.slds-welcome-mat__info-content {
    margin: auto;
    text-align: center
}

.slds-welcome-mat__info-title {
    margin-bottom: var(--lwc-spacingLarge, 1.5rem);
    font-size: var(--lwc-welcomeMatFontSizeInfoTitle, 2.625rem);
    font-weight: var(--lwc-fontWeightBold, 700);
    line-height: var(--lwc-lineHeightHeading, 1.25)
}

.slds-welcome-mat__info-description {
    margin-bottom: var(--lwc-spacingLarge, 1.5rem)
}

.slds-welcome-mat__info-progress {
    margin-bottom: var(--lwc-spacingMedium, 1rem)
}

.slds-welcome-mat__tiles {
    background: var(--lwc-colorBackground, rgb(243, 242, 242));
    overflow: auto;
    padding: var(--lwc-spacingMedium, 1rem)
}

.slds-welcome-mat__tile {
    margin: var(--lwc-spacingMedium, 1rem) 0
}

.slds-welcome-mat__tile .slds-media {
    padding: .5rem
}

.slds-welcome-mat__tile:not(.slds-welcome-mat__tile_complete):not(.slds-welcome-mat__tile_info-only) {
    box-shadow: 0 2px 2px var(--lwc-welcomeMatColorActionShadow, rgba(0, 0, 0, 0.05));
    border-radius: var(--lwc-borderRadiusMedium, 0.25rem);
    background: var(--lwc-colorBackgroundAlt, rgb(255, 255, 255))
}

.slds-welcome-mat__tile:not(.slds-welcome-mat__tile_complete):not(.slds-welcome-mat__tile_info-only):hover {
    box-shadow: 0 0 0 1px var(--lwc-colorBorderSelectionHover, rgb(21, 137, 238)) inset, 0 2px 2px var(--lwc-welcomeMatColorActionShadow, rgba(0, 0, 0, 0.05))
}

.slds-welcome-mat__tile:not(.slds-welcome-mat__tile_complete) .slds-icon-action-check {
    display: none
}

.slds-welcome-mat__tile:first-child {
    margin-top: 0
}

.slds-welcome-mat__tile:last-child {
    margin-bottom: 0
}

.slds-welcome-mat__tile-figure {
    margin-left: var(--lwc-spacingXxSmall, 0.25rem)
}

.slds-welcome-mat__tile-title {
    font-weight: var(--lwc-fontWeightBold, 700)
}

.slds-welcome-mat__tile-body {
    padding: var(--lwc-spacingSmall, 0.75rem);
    border-left: var(--lwc-borderWidthThin, 1px) solid var(--lwc-colorBorder, rgb(221, 219, 218))
}

.slds-welcome-mat__tile-description {
    color: var(--lwc-colorTextWeak, rgb(62, 62, 60));
    font-size: var(--lwc-fontSize2, 0.75rem);
    line-height: var(--lwc-lineHeightText, 1.5)
}

.slds-welcome-mat__tile-icon-container {
    position: relative
}

.slds-welcome-mat__tile_complete {
    background: transparent
}

.slds-welcome-mat__tile_complete .slds-icon {
    fill: var(--lwc-welcomeMatColorIconComplete, rgb(201, 199, 197))
}

.slds-welcome-mat .slds-icon-action-check {
    position: absolute;
    bottom: -.625rem;
    right: -.625rem;
    height: var(--lwc-welcomeMatCompleteIconSize, 1.25rem);
    width: var(--lwc-welcomeMatCompleteIconSize, 1.25rem);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: .25rem;
    border: var(--lwc-borderWidthThick, 2px) solid var(--lwc-colorBackground, rgb(243, 242, 242));
    border-radius: var(--lwc-welcomeMatCompleteIconSize, 1.25rem);
    line-height: 0;
    background: var(--lwc-progressBarColorBackgroundFillSuccess, rgb(75, 202, 129))
}

.slds-welcome-mat .slds-icon-action-check .slds-icon {
    fill: var(--lwc-colorTextInverse, rgb(255, 255, 255))
}

.slds-welcome-mat_splash .slds-welcome-mat__content {
    height: var(--lwc-welcomeMatMaxHeight, 37.5rem)
}

.slds-welcome-mat_splash .slds-welcome-mat__info-content {
    max-width: 37.5rem
}

.slds-welcome-mat_splash .slds-welcome-mat__info-title {
    font-size: 2rem
}

.slds-welcome-mat_info-only .slds-welcome-mat__content {
    height: var(--lwc-welcomeMatMaxHeight, 37.5rem)
}

.slds-welcome-mat_info-only .slds-welcome-mat__info-title {
    font-size: 2rem
}

.slds-welcome-mat__tiles_info-only {
    background-color: var(--lwc-colorBackgroundAlt, rgb(255, 255, 255))
}

.slds-welcome-mat__tile_info-only .slds-welcome-mat__tile-body {
    border-left: 0
}

.slds-welcome-mat__info-badge-container {
    display: inline-block;
    position: relative
}

.slds-welcome-mat__info-badge-container .slds-icon-action-check {
    border-width: 0;
    top: 50%;
    right: 0%;
    transform: translate3d(50%, -50%, 0);
    display: none
}

.slds-welcome-mat__info-badge {
    margin-bottom: var(--lwc-spacingXSmall, 0.5rem)
}

.slds-welcome-mat__info-progress_complete .slds-icon-action-check {
    display: flex
}

.slds-summary-detail {
    display: flex;
    align-items: flex-start
}

.slds-summary-detail .slds-summary-detail__action-icon {
    transform: rotate(-90deg)
}

.slds-summary-detail .slds-summary-detail__content {
    overflow: hidden;
    visibility: hidden;
    opacity: 0;
    height: 0
}

.slds-summary-detail.slds-is-open .slds-summary-detail__action-icon {
    transform: rotate(0deg);
    transform-origin: 45%
}

.slds-summary-detail.slds-is-open .slds-summary-detail__content {
    padding-top: var(--lwc-spacingSmall, 0.75rem);
    overflow: visible;
    visibility: visible;
    opacity: 1;
    height: auto
}

.slds-setup-assistant {
    padding: var(--lwc-spacingMedium, 1rem)
}

.slds-setup-assistant__item {
    border-bottom: 1px var(--lwc-colorBorderSeparatorAlt, rgb(221, 219, 218)) solid;
    padding: var(--lwc-spacingXLarge, 2rem) 0
}

.slds-setup-assistant__item:first-child {
    padding-top: 0
}

.slds-setup-assistant__item:last-child {
    padding-bottom: 0;
    border-bottom: 0
}

.slds-setup-assistant__step-summary .slds-progress-ring_large {
    top: 1px
}

.slds-setup-assistant__step-summary-content {
    margin-right: var(--lwc-spacingXxLarge, 3rem)
}

.slds-setup-assistant__step-summary-title {
    padding-bottom: var(--lwc-spacingXSmall, 0.5rem);
    font-weight: var(--lwc-fontWeightBold, 700)
}

.slds-setup-assistant__step-detail {
    padding-left: 2.75rem
}

@media (min-width: 30em) {
    .slds-nowrap_small, .slds-nowrap--small {
        flex: 1 1 auto;
        flex-wrap: nowrap;
        align-items: stretch
    }
}

@media (min-width: 48em) {
    .slds-nowrap_medium, .slds-nowrap--medium {
        flex: 1 1 auto;
        flex-wrap: nowrap;
        align-items: stretch
    }
}

@media (min-width: 64em) {
    .slds-nowrap_large, .slds-nowrap--large {
        flex: 1 1 auto;
        flex-wrap: nowrap;
        align-items: stretch
    }
}

.slds-col_padded, .slds-col--padded {
    padding-right: var(--lwc-spacingSmall, 0.75rem);
    padding-left: var(--lwc-spacingSmall, 0.75rem)
}

.slds-col_padded-medium, .slds-col--padded-medium {
    padding-right: var(--lwc-spacingMedium, 1rem);
    padding-left: var(--lwc-spacingMedium, 1rem)
}

.slds-col_padded-large, .slds-col--padded-large {
    padding-right: var(--lwc-spacingLarge, 1.5rem);
    padding-left: var(--lwc-spacingLarge, 1.5rem)
}

.slds-col_padded-around, .slds-col--padded-around {
    padding: var(--lwc-spacingSmall, 0.75rem)
}

.slds-col_padded-around-medium, .slds-col--padded-around-medium {
    padding: var(--lwc-spacingMedium, 1rem)
}

.slds-col_padded-around-large, .slds-col--padded-around-large {
    padding: var(--lwc-spacingLarge, 1.5rem)
}

@media (min-width: 64em) {
    .slds-col-rule_top, .slds-col-rule--top {
        border-top: 1px solid var(--lwc-colorBorderSeparator, rgb(250, 250, 249))
    }

    .slds-col-rule_right, .slds-col-rule--right {
        border-right: 1px solid var(--lwc-colorBorderSeparator, rgb(250, 250, 249))
    }

    .slds-col-rule_bottom, .slds-col-rule--bottom {
        border-bottom: 1px solid var(--lwc-colorBorderSeparator, rgb(250, 250, 249))
    }

    .slds-col-rule_left, .slds-col-rule--left {
        border-left: 1px solid var(--lwc-colorBorderSeparator, rgb(250, 250, 249))
    }
}

.slds-align-content-center {
    flex: 1;
    align-self: center;
    justify-content: center
}

.slds-grid {
    display: flex
}

.slds-grid_frame, .slds-grid--frame {
    min-width: 100vw;
    min-height: 100vh;
    overflow: hidden
}

.slds-grid_vertical, .slds-grid--vertical {
    flex-direction: column
}

.slds-grid_vertical-reverse, .slds-grid--vertical-reverse {
    flex-direction: column-reverse
}

.slds-grid_reverse, .slds-grid--reverse {
    flex-direction: row-reverse
}

.slds-wrap {
    flex-wrap: wrap;
    align-items: flex-start
}

.slds-nowrap {
    flex: 1 1 auto;
    flex-wrap: nowrap;
    align-items: stretch
}

@media (min-width: 20em) {
    .slds-x-small-nowrap {
        flex: 1 1 auto;
        flex-wrap: nowrap;
        align-items: stretch
    }
}

@media (min-width: 30em) {
    .slds-small-nowrap {
        flex: 1 1 auto;
        flex-wrap: nowrap;
        align-items: stretch
    }
}

@media (min-width: 48em) {
    .slds-medium-nowrap {
        flex: 1 1 auto;
        flex-wrap: nowrap;
        align-items: stretch
    }
}

@media (min-width: 64em) {
    .slds-large-nowrap {
        flex: 1 1 auto;
        flex-wrap: nowrap;
        align-items: stretch
    }
}

.slds-gutters {
    margin-right: calc(-1 * var(--lwc-spacingSmall, 0.75rem));
    margin-left: calc(-1 * var(--lwc-spacingSmall, 0.75rem))
}

.slds-gutters .slds-col {
    padding-right: var(--lwc-spacingSmall, 0.75rem);
    padding-left: var(--lwc-spacingSmall, 0.75rem)
}

.slds-gutters_xxx-small {
    margin-right: calc(-1 * var(--lwc-spacingXxxSmall, 0.125rem));
    margin-left: calc(-1 * var(--lwc-spacingXxxSmall, 0.125rem))
}

.slds-gutters_xxx-small .slds-col {
    padding-right: var(--lwc-spacingXxxSmall, 0.125rem);
    padding-left: var(--lwc-spacingXxxSmall, 0.125rem)
}

.slds-gutters_xx-small {
    margin-right: calc(-1 * var(--lwc-spacingXxSmall, 0.25rem));
    margin-left: calc(-1 * var(--lwc-spacingXxSmall, 0.25rem))
}

.slds-gutters_xx-small .slds-col {
    padding-right: var(--lwc-spacingXxSmall, 0.25rem);
    padding-left: var(--lwc-spacingXxSmall, 0.25rem)
}

.slds-gutters_x-small {
    margin-right: calc(-1 * var(--lwc-spacingXSmall, 0.5rem));
    margin-left: calc(-1 * var(--lwc-spacingXSmall, 0.5rem))
}

.slds-gutters_x-small .slds-col {
    padding-right: var(--lwc-spacingXSmall, 0.5rem);
    padding-left: var(--lwc-spacingXSmall, 0.5rem)
}

.slds-gutters_small {
    margin-right: calc(-1 * var(--lwc-spacingSmall, 0.75rem));
    margin-left: calc(-1 * var(--lwc-spacingSmall, 0.75rem))
}

.slds-gutters_small .slds-col {
    padding-right: var(--lwc-spacingSmall, 0.75rem);
    padding-left: var(--lwc-spacingSmall, 0.75rem)
}

.slds-gutters_medium {
    margin-right: calc(-1 * var(--lwc-spacingMedium, 1rem));
    margin-left: calc(-1 * var(--lwc-spacingMedium, 1rem))
}

.slds-gutters_medium .slds-col {
    padding-right: var(--lwc-spacingMedium, 1rem);
    padding-left: var(--lwc-spacingMedium, 1rem)
}

.slds-gutters_large {
    margin-right: calc(-1 * var(--lwc-spacingLarge, 1.5rem));
    margin-left: calc(-1 * var(--lwc-spacingLarge, 1.5rem))
}

.slds-gutters_large .slds-col {
    padding-right: var(--lwc-spacingLarge, 1.5rem);
    padding-left: var(--lwc-spacingLarge, 1.5rem)
}

.slds-gutters_x-large {
    margin-right: calc(-1 * var(--lwc-spacingXLarge, 2rem));
    margin-left: calc(-1 * var(--lwc-spacingXLarge, 2rem))
}

.slds-gutters_x-large .slds-col {
    padding-right: var(--lwc-spacingXLarge, 2rem);
    padding-left: var(--lwc-spacingXLarge, 2rem)
}

.slds-gutters_xx-large {
    margin-right: calc(-1 * var(--lwc-spacingXxLarge, 3rem));
    margin-left: calc(-1 * var(--lwc-spacingXxLarge, 3rem))
}

.slds-gutters_xx-large .slds-col {
    padding-right: var(--lwc-spacingXxLarge, 3rem);
    padding-left: var(--lwc-spacingXxLarge, 3rem)
}

.slds-gutters_direct {
    margin-right: calc(-1 * var(--lwc-spacingSmall, 0.75rem));
    margin-left: calc(-1 * var(--lwc-spacingSmall, 0.75rem))
}

.slds-gutters_direct > .slds-col {
    padding-right: var(--lwc-spacingSmall, 0.75rem);
    padding-left: var(--lwc-spacingSmall, 0.75rem)
}

.slds-gutters_direct-xxx-small {
    margin-right: calc(-1 * var(--lwc-spacingXxxSmall, 0.125rem));
    margin-left: calc(-1 * var(--lwc-spacingXxxSmall, 0.125rem))
}

.slds-gutters_direct-xxx-small > .slds-col {
    padding-right: var(--lwc-spacingXxxSmall, 0.125rem);
    padding-left: var(--lwc-spacingXxxSmall, 0.125rem)
}

.slds-gutters_direct-xx-small {
    margin-right: calc(-1 * var(--lwc-spacingXxSmall, 0.25rem));
    margin-left: calc(-1 * var(--lwc-spacingXxSmall, 0.25rem))
}

.slds-gutters_direct-xx-small > .slds-col {
    padding-right: var(--lwc-spacingXxSmall, 0.25rem);
    padding-left: var(--lwc-spacingXxSmall, 0.25rem)
}

.slds-gutters_direct-x-small {
    margin-right: calc(-1 * var(--lwc-spacingXSmall, 0.5rem));
    margin-left: calc(-1 * var(--lwc-spacingXSmall, 0.5rem))
}

.slds-gutters_direct-x-small > .slds-col {
    padding-right: var(--lwc-spacingXSmall, 0.5rem);
    padding-left: var(--lwc-spacingXSmall, 0.5rem)
}

.slds-gutters_direct-small {
    margin-right: calc(-1 * var(--lwc-spacingSmall, 0.75rem));
    margin-left: calc(-1 * var(--lwc-spacingSmall, 0.75rem))
}

.slds-gutters_direct-small > .slds-col {
    padding-right: var(--lwc-spacingSmall, 0.75rem);
    padding-left: var(--lwc-spacingSmall, 0.75rem)
}

.slds-gutters_direct-medium {
    margin-right: calc(-1 * var(--lwc-spacingMedium, 1rem));
    margin-left: calc(-1 * var(--lwc-spacingMedium, 1rem))
}

.slds-gutters_direct-medium > .slds-col {
    padding-right: var(--lwc-spacingMedium, 1rem);
    padding-left: var(--lwc-spacingMedium, 1rem)
}

.slds-gutters_direct-large {
    margin-right: calc(-1 * var(--lwc-spacingLarge, 1.5rem));
    margin-left: calc(-1 * var(--lwc-spacingLarge, 1.5rem))
}

.slds-gutters_direct-large > .slds-col {
    padding-right: var(--lwc-spacingLarge, 1.5rem);
    padding-left: var(--lwc-spacingLarge, 1.5rem)
}

.slds-gutters_direct-x-large {
    margin-right: calc(-1 * var(--lwc-spacingXLarge, 2rem));
    margin-left: calc(-1 * var(--lwc-spacingXLarge, 2rem))
}

.slds-gutters_direct-x-large > .slds-col {
    padding-right: var(--lwc-spacingXLarge, 2rem);
    padding-left: var(--lwc-spacingXLarge, 2rem)
}

.slds-gutters_direct-xx-large {
    margin-right: calc(-1 * var(--lwc-spacingXxLarge, 3rem));
    margin-left: calc(-1 * var(--lwc-spacingXxLarge, 3rem))
}

.slds-gutters_direct-xx-large > .slds-col {
    padding-right: var(--lwc-spacingXxLarge, 3rem);
    padding-left: var(--lwc-spacingXxLarge, 3rem)
}

.slds-grid_pull-padded, .slds-grid--pull-padded {
    margin-right: calc(-1 * var(--lwc-spacingSmall, 0.75rem));
    margin-left: calc(-1 * var(--lwc-spacingSmall, 0.75rem))
}

.slds-grid_pull-padded-xxx-small, .slds-grid--pull-padded-xxx-small {
    margin-right: calc(-1 * var(--lwc-spacingXxxSmall, 0.125rem));
    margin-left: calc(-1 * var(--lwc-spacingXxxSmall, 0.125rem))
}

.slds-grid_pull-padded-xx-small, .slds-grid--pull-padded-xx-small {
    margin-right: calc(-1 * var(--lwc-spacingXxSmall, 0.25rem));
    margin-left: calc(-1 * var(--lwc-spacingXxSmall, 0.25rem))
}

.slds-grid_pull-padded-x-small, .slds-grid--pull-padded-x-small {
    margin-right: calc(-1 * var(--lwc-spacingXSmall, 0.5rem));
    margin-left: calc(-1 * var(--lwc-spacingXSmall, 0.5rem))
}

.slds-grid_pull-padded-small, .slds-grid--pull-padded-small {
    margin-right: calc(-1 * var(--lwc-spacingSmall, 0.75rem));
    margin-left: calc(-1 * var(--lwc-spacingSmall, 0.75rem))
}

.slds-grid_pull-padded-medium, .slds-grid--pull-padded-medium {
    margin-right: calc(-1 * var(--lwc-spacingMedium, 1rem));
    margin-left: calc(-1 * var(--lwc-spacingMedium, 1rem))
}

.slds-grid_pull-padded-large, .slds-grid--pull-padded-large {
    margin-right: calc(-1 * var(--lwc-spacingLarge, 1.5rem));
    margin-left: calc(-1 * var(--lwc-spacingLarge, 1.5rem))
}

.slds-grid_pull-padded-x-large, .slds-grid--pull-padded-x-large {
    margin-right: calc(-1 * var(--lwc-spacingXLarge, 2rem));
    margin-left: calc(-1 * var(--lwc-spacingXLarge, 2rem))
}

.slds-grid_pull-padded-xx-large, .slds-grid--pull-padded-xx-large {
    margin-right: calc(-1 * var(--lwc-spacingXxLarge, 3rem));
    margin-left: calc(-1 * var(--lwc-spacingXxLarge, 3rem))
}

.slds-col, [class*=slds-col_padded], [class*=slds-col--padded] {
    flex: 1 1 auto
}

@media (min-width: 64em) {
    .slds-col_rule-top, .slds-col--rule-top {
        border-top: 1px solid var(--lwc-colorBorderSeparator, rgb(250, 250, 249))
    }
}

@media (min-width: 64em) {
    .slds-col_rule-right, .slds-col--rule-right {
        border-right: 1px solid var(--lwc-colorBorderSeparator, rgb(250, 250, 249))
    }
}

@media (min-width: 64em) {
    .slds-col_rule-bottom, .slds-col--rule-bottom {
        border-bottom: 1px solid var(--lwc-colorBorderSeparator, rgb(250, 250, 249))
    }
}

@media (min-width: 64em) {
    .slds-col_rule-left, .slds-col--rule-left {
        border-left: 1px solid var(--lwc-colorBorderSeparator, rgb(250, 250, 249))
    }
}

.slds-has-flexi-truncate {
    flex: 1 1 0%;
    min-width: 0
}

.slds-no-flex {
    flex: none
}

.slds-no-space {
    min-width: 0
}

.slds-grow {
    flex-grow: 1
}

.slds-grow-none {
    flex-grow: 0
}

.slds-shrink {
    flex-shrink: 1
}

.slds-shrink-none {
    flex-shrink: 0
}

.slds-text-longform ul.slds-grid {
    margin-left: 0;
    list-style: none
}

.slds-grid_align-center, .slds-grid--align-center {
    justify-content: center
}

.slds-grid_align-center .slds-col, .slds-grid_align-center [class*=slds-col_padded], .slds-grid_align-center [class*=slds-col--padded], .slds-grid--align-center .slds-col, .slds-grid--align-center [class*=slds-col_padded], .slds-grid--align-center [class*=slds-col--padded] {
    flex-grow: 0
}

.slds-grid_align-space, .slds-grid--align-space {
    justify-content: space-around
}

.slds-grid_align-space .slds-col, .slds-grid_align-space [class*=slds-col_padded], .slds-grid_align-space [class*=slds-col--padded], .slds-grid--align-space .slds-col, .slds-grid--align-space [class*=slds-col_padded], .slds-grid--align-space [class*=slds-col--padded] {
    flex-grow: 0
}

.slds-grid_align-spread, .slds-grid--align-spread {
    justify-content: space-between
}

.slds-grid_align-spread .slds-col, .slds-grid_align-spread [class*=slds-col_padded], .slds-grid_align-spread [class*=slds-col--padded], .slds-grid--align-spread .slds-col, .slds-grid--align-spread [class*=slds-col_padded], .slds-grid--align-spread [class*=slds-col--padded] {
    flex-grow: 0
}

.slds-grid_align-end, .slds-grid--align-end {
    justify-content: flex-end
}

.slds-grid_align-end .slds-col, .slds-grid_align-end [class*=slds-col_padded], .slds-grid_align-end [class*=slds-col--padded], .slds-grid--align-end .slds-col, .slds-grid--align-end [class*=slds-col_padded], .slds-grid--align-end [class*=slds-col--padded] {
    flex-grow: 0
}

.slds-grid_vertical-align-start, .slds-grid--vertical-align-start {
    align-items: flex-start;
    align-content: flex-start
}

.slds-grid_vertical-align-center, .slds-grid--vertical-align-center {
    align-items: center;
    align-content: center
}

.slds-grid_vertical-align-end, .slds-grid--vertical-align-end {
    align-items: flex-end;
    align-content: flex-end
}

.slds-align-top {
    vertical-align: top;
    align-self: flex-start
}

.slds-align-middle {
    vertical-align: middle;
    align-self: center
}

.slds-align-bottom {
    vertical-align: bottom;
    align-self: flex-end
}

.slds-col_bump-top, .slds-col--bump-top {
    margin-top: auto
}

.slds-col_bump-right, .slds-col--bump-right {
    margin-right: auto
}

.slds-col_bump-bottom, .slds-col--bump-bottom {
    margin-bottom: auto
}

.slds-col_bump-left, .slds-col--bump-left {
    margin-left: auto
}

.slds-grid_vertical-stretch, .slds-grid--vertical-stretch {
    align-items: stretch;
    align-content: stretch
}

.slds-container_small, .slds-container--small {
    max-width: 30rem
}

.slds-container_medium, .slds-container--medium {
    max-width: 48rem
}

.slds-container_large, .slds-container--large {
    max-width: 64rem
}

.slds-container_x-large, .slds-container--x-large {
    max-width: 80rem
}

.slds-container_fluid, .slds-container--fluid {
    width: 100%
}

.slds-container_center, .slds-container--center {
    margin-left: auto;
    margin-right: auto
}

.slds-container_left, .slds-container--left {
    margin-right: auto
}

.slds-container_right, .slds-container--right {
    margin-left: auto
}

.slds-grid_overflow, .slds-grid--overflow {
    flex-flow: row nowrap
}

.slds-grid_overflow .slds-col, .slds-grid--overflow .slds-col {
    min-width: 11.25em;
    max-width: 22.5em
}

.slds-align_absolute-center, .slds-align--absolute-center {
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    margin: auto
}

.slds-media_reverse > .slds-media__figure, .slds-media--reverse > .slds-media__figure {
    order: 1
}

.slds-media_reverse.slds-media_small .slds-media__figure, .slds-media_reverse.slds-media--small .slds-media__figure, .slds-media--reverse.slds-media_small .slds-media__figure, .slds-media--reverse.slds-media--small .slds-media__figure {
    margin-left: var(--lwc-spacingXxSmall, 0.25rem)
}

.slds-media_double > .slds-media__figure, .slds-media--double > .slds-media__figure {
    order: 1
}

.slds-media_double .slds-media__figure_reverse, .slds-media_double .slds-media__figure--reverse, .slds-media--double .slds-media__figure_reverse, .slds-media--double .slds-media__figure--reverse {
    order: 3;
    margin: 0 0 0 var(--lwc-spacingMedium, 1rem)
}

.slds-media_double .slds-media__body, .slds-media--double .slds-media__body {
    order: 2
}

.slds-media {
    display: flex;
    align-items: flex-start
}

.slds-media__figure {
    flex-shrink: 0;
    margin-right: var(--lwc-spacingSmall, 0.75rem)
}

.slds-media__figure_fixed-width {
    min-width: var(--lwc-squareIconLargeBoundary, 3rem)
}

.slds-media__body {
    flex: 1;
    min-width: 0
}

.slds-media__body, .slds-media__body > :last-child {
    margin-bottom: 0
}

.slds-media-body-iefix {
    flex-shrink: 0;
    flex-basis: auto
}

.slds-media_small .slds-media__figure, .slds-media--small .slds-media__figure {
    margin-right: var(--lwc-spacingXxSmall, 0.25rem)
}

.slds-media_small .slds-media__figure_reverse, .slds-media--small .slds-media__figure--reverse {
    margin-left: var(--lwc-spacingXxSmall, 0.25rem)
}

.slds-media_large .slds-media__figure, .slds-media--large .slds-media__figure {
    margin-right: var(--lwc-spacingLarge, 1.5rem)
}

.slds-media_large .slds-media__figure_reverse, .slds-media--large .slds-media__figure--reverse {
    margin-left: var(--lwc-spacingLarge, 1.5rem)
}

.slds-media_inline .slds-media__body {
    flex: 0 1 auto
}

.slds-media_center, .slds-media--center {
    align-items: center
}

.slds-media__figure_reverse, .slds-media__figure--reverse {
    margin: 0 0 0 var(--lwc-spacingSmall, 0.75rem)
}

@media (max-width: 48em) {
    .slds-media_responsive, .slds-media--responsive {
        display: block
    }

    .slds-media_responsive .slds-media__figure, .slds-media--responsive .slds-media__figure {
        margin: 0 0 var(--lwc-spacingSmall, 0.75rem)
    }
}

.slds-m-top_none, .slds-m-top--none {
    margin-top: 0 !important
}

.slds-m-top_xxx-small, .slds-m-top--xxx-small {
    margin-top: var(--lwc-spacingXxxSmall, 0.125rem)
}

.slds-m-top_xx-small, .slds-m-top--xx-small {
    margin-top: var(--lwc-spacingXxSmall, 0.25rem)
}

.slds-m-top_x-small, .slds-m-top--x-small {
    margin-top: var(--lwc-spacingXSmall, 0.5rem)
}

.slds-m-top_small, .slds-m-top--small {
    margin-top: var(--lwc-spacingSmall, 0.75rem)
}

.slds-m-top_medium, .slds-m-top--medium {
    margin-top: var(--lwc-spacingMedium, 1rem)
}

.slds-m-top_large, .slds-m-top--large {
    margin-top: var(--lwc-spacingLarge, 1.5rem)
}

.slds-m-top_x-large, .slds-m-top--x-large {
    margin-top: var(--lwc-spacingXLarge, 2rem)
}

.slds-m-top_xx-large, .slds-m-top--xx-large {
    margin-top: var(--lwc-spacingXxLarge, 3rem)
}

.slds-var-m-top_xxx-small {
    margin-top: var(--lwc-varSpacingVerticalXxxSmall, 0.125rem)
}

.slds-var-m-top_xx-small {
    margin-top: var(--lwc-varSpacingVerticalXxSmall, 0.25rem)
}

.slds-var-m-top_x-small {
    margin-top: var(--lwc-varSpacingVerticalXSmall, 0.5rem)
}

.slds-var-m-top_small {
    margin-top: var(--lwc-varSpacingVerticalSmall, 0.75rem)
}

.slds-var-m-top_medium {
    margin-top: var(--lwc-varSpacingVerticalMedium, 1rem)
}

.slds-var-m-top_large {
    margin-top: var(--lwc-varSpacingVerticalLarge, 1.5rem)
}

.slds-var-m-top_x-large {
    margin-top: var(--lwc-varSpacingVerticalXLarge, 2rem)
}

.slds-var-m-top_xx-large {
    margin-top: var(--lwc-varSpacingVerticalXxLarge, 3rem)
}

.slds-m-right_none, .slds-m-right--none {
    margin-right: 0 !important
}

.slds-m-right_xxx-small, .slds-m-right--xxx-small {
    margin-right: var(--lwc-spacingXxxSmall, 0.125rem)
}

.slds-m-right_xx-small, .slds-m-right--xx-small {
    margin-right: var(--lwc-spacingXxSmall, 0.25rem)
}

.slds-m-right_x-small, .slds-m-right--x-small {
    margin-right: var(--lwc-spacingXSmall, 0.5rem)
}

.slds-m-right_small, .slds-m-right--small {
    margin-right: var(--lwc-spacingSmall, 0.75rem)
}

.slds-m-right_medium, .slds-m-right--medium {
    margin-right: var(--lwc-spacingMedium, 1rem)
}

.slds-m-right_large, .slds-m-right--large {
    margin-right: var(--lwc-spacingLarge, 1.5rem)
}

.slds-m-right_x-large, .slds-m-right--x-large {
    margin-right: var(--lwc-spacingXLarge, 2rem)
}

.slds-m-right_xx-large, .slds-m-right--xx-large {
    margin-right: var(--lwc-spacingXxLarge, 3rem)
}

.slds-var-m-right_xxx-small {
    margin-right: var(--lwc-varSpacingHorizontalXxxSmall, 0.125rem)
}

.slds-var-m-right_xx-small {
    margin-right: var(--lwc-varSpacingHorizontalXxSmall, 0.25rem)
}

.slds-var-m-right_x-small {
    margin-right: var(--lwc-varSpacingHorizontalXSmall, 0.5rem)
}

.slds-var-m-right_small {
    margin-right: var(--lwc-varSpacingHorizontalSmall, 0.75rem)
}

.slds-var-m-right_medium {
    margin-right: var(--lwc-varSpacingHorizontalMedium, 1rem)
}

.slds-var-m-right_large {
    margin-right: var(--lwc-varSpacingHorizontalLarge, 1.5rem)
}

.slds-var-m-right_x-large {
    margin-right: var(--lwc-varSpacingHorizontalXLarge, 2rem)
}

.slds-var-m-right_xx-large {
    margin-right: var(--lwc-varSpacingHorizontalXxLarge, 3rem)
}

.slds-m-bottom_none, .slds-m-bottom--none {
    margin-bottom: 0 !important
}

.slds-m-bottom_xxx-small, .slds-m-bottom--xxx-small {
    margin-bottom: var(--lwc-spacingXxxSmall, 0.125rem)
}

.slds-m-bottom_xx-small, .slds-m-bottom--xx-small {
    margin-bottom: var(--lwc-spacingXxSmall, 0.25rem)
}

.slds-m-bottom_x-small, .slds-m-bottom--x-small {
    margin-bottom: var(--lwc-spacingXSmall, 0.5rem)
}

.slds-m-bottom_small, .slds-m-bottom--small {
    margin-bottom: var(--lwc-spacingSmall, 0.75rem)
}

.slds-m-bottom_medium, .slds-m-bottom--medium {
    margin-bottom: var(--lwc-spacingMedium, 1rem)
}

.slds-m-bottom_large, .slds-m-bottom--large {
    margin-bottom: var(--lwc-spacingLarge, 1.5rem)
}

.slds-m-bottom_x-large, .slds-m-bottom--x-large {
    margin-bottom: var(--lwc-spacingXLarge, 2rem)
}

.slds-m-bottom_xx-large, .slds-m-bottom--xx-large {
    margin-bottom: var(--lwc-spacingXxLarge, 3rem)
}

.slds-var-m-bottom_xxx-small {
    margin-bottom: var(--lwc-varSpacingVerticalXxxSmall, 0.125rem)
}

.slds-var-m-bottom_xx-small {
    margin-bottom: var(--lwc-varSpacingVerticalXxSmall, 0.25rem)
}

.slds-var-m-bottom_x-small {
    margin-bottom: var(--lwc-varSpacingVerticalXSmall, 0.5rem)
}

.slds-var-m-bottom_small {
    margin-bottom: var(--lwc-varSpacingVerticalSmall, 0.75rem)
}

.slds-var-m-bottom_medium {
    margin-bottom: var(--lwc-varSpacingVerticalMedium, 1rem)
}

.slds-var-m-bottom_large {
    margin-bottom: var(--lwc-varSpacingVerticalLarge, 1.5rem)
}

.slds-var-m-bottom_x-large {
    margin-bottom: var(--lwc-varSpacingVerticalXLarge, 2rem)
}

.slds-var-m-bottom_xx-large {
    margin-bottom: var(--lwc-varSpacingVerticalXxLarge, 3rem)
}

.slds-m-left_none, .slds-m-left--none {
    margin-left: 0 !important
}

.slds-m-left_xxx-small, .slds-m-left--xxx-small {
    margin-left: var(--lwc-spacingXxxSmall, 0.125rem)
}

.slds-m-left_xx-small, .slds-m-left--xx-small {
    margin-left: var(--lwc-spacingXxSmall, 0.25rem)
}

.slds-m-left_x-small, .slds-m-left--x-small {
    margin-left: var(--lwc-spacingXSmall, 0.5rem)
}

.slds-m-left_small, .slds-m-left--small {
    margin-left: var(--lwc-spacingSmall, 0.75rem)
}

.slds-m-left_medium, .slds-m-left--medium {
    margin-left: var(--lwc-spacingMedium, 1rem)
}

.slds-m-left_large, .slds-m-left--large {
    margin-left: var(--lwc-spacingLarge, 1.5rem)
}

.slds-m-left_x-large, .slds-m-left--x-large {
    margin-left: var(--lwc-spacingXLarge, 2rem)
}

.slds-m-left_xx-large, .slds-m-left--xx-large {
    margin-left: var(--lwc-spacingXxLarge, 3rem)
}

.slds-var-m-left_xxx-small {
    margin-left: var(--lwc-varSpacingHorizontalXxxSmall, 0.125rem)
}

.slds-var-m-left_xx-small {
    margin-left: var(--lwc-varSpacingHorizontalXxSmall, 0.25rem)
}

.slds-var-m-left_x-small {
    margin-left: var(--lwc-varSpacingHorizontalXSmall, 0.5rem)
}

.slds-var-m-left_small {
    margin-left: var(--lwc-varSpacingHorizontalSmall, 0.75rem)
}

.slds-var-m-left_medium {
    margin-left: var(--lwc-varSpacingHorizontalMedium, 1rem)
}

.slds-var-m-left_large {
    margin-left: var(--lwc-varSpacingHorizontalLarge, 1.5rem)
}

.slds-var-m-left_x-large {
    margin-left: var(--lwc-varSpacingHorizontalXLarge, 2rem)
}

.slds-var-m-left_xx-large {
    margin-left: var(--lwc-varSpacingHorizontalXxLarge, 3rem)
}

.slds-m-horizontal_none, .slds-m-horizontal--none {
    margin-left: 0 !important;
    margin-right: 0 !important
}

.slds-m-horizontal_xxx-small, .slds-m-horizontal--xxx-small {
    margin-left: var(--lwc-spacingXxxSmall, 0.125rem);
    margin-right: var(--lwc-spacingXxxSmall, 0.125rem)
}

.slds-m-horizontal_xx-small, .slds-m-horizontal--xx-small {
    margin-left: var(--lwc-spacingXxSmall, 0.25rem);
    margin-right: var(--lwc-spacingXxSmall, 0.25rem)
}

.slds-m-horizontal_x-small, .slds-m-horizontal--x-small {
    margin-left: var(--lwc-spacingXSmall, 0.5rem);
    margin-right: var(--lwc-spacingXSmall, 0.5rem)
}

.slds-m-horizontal_small, .slds-m-horizontal--small {
    margin-left: var(--lwc-spacingSmall, 0.75rem);
    margin-right: var(--lwc-spacingSmall, 0.75rem)
}

.slds-m-horizontal_medium, .slds-m-horizontal--medium {
    margin-left: var(--lwc-spacingMedium, 1rem);
    margin-right: var(--lwc-spacingMedium, 1rem)
}

.slds-m-horizontal_large, .slds-m-horizontal--large {
    margin-left: var(--lwc-spacingLarge, 1.5rem);
    margin-right: var(--lwc-spacingLarge, 1.5rem)
}

.slds-m-horizontal_x-large, .slds-m-horizontal--x-large {
    margin-left: var(--lwc-spacingXLarge, 2rem);
    margin-right: var(--lwc-spacingXLarge, 2rem)
}

.slds-m-horizontal_xx-large, .slds-m-horizontal--xx-large {
    margin-left: var(--lwc-spacingXxLarge, 3rem);
    margin-right: var(--lwc-spacingXxLarge, 3rem)
}

.slds-var-m-horizontal_xxx-small {
    margin-left: var(--lwc-varSpacingHorizontalXxxSmall, 0.125rem);
    margin-right: var(--lwc-varSpacingHorizontalXxxSmall, 0.125rem)
}

.slds-var-m-horizontal_xx-small {
    margin-left: var(--lwc-varSpacingHorizontalXxSmall, 0.25rem);
    margin-right: var(--lwc-varSpacingHorizontalXxSmall, 0.25rem)
}

.slds-var-m-horizontal_x-small {
    margin-left: var(--lwc-varSpacingHorizontalXSmall, 0.5rem);
    margin-right: var(--lwc-varSpacingHorizontalXSmall, 0.5rem)
}

.slds-var-m-horizontal_small {
    margin-left: var(--lwc-varSpacingHorizontalSmall, 0.75rem);
    margin-right: var(--lwc-varSpacingHorizontalSmall, 0.75rem)
}

.slds-var-m-horizontal_medium {
    margin-left: var(--lwc-varSpacingHorizontalMedium, 1rem);
    margin-right: var(--lwc-varSpacingHorizontalMedium, 1rem)
}

.slds-var-m-horizontal_large {
    margin-left: var(--lwc-varSpacingHorizontalLarge, 1.5rem);
    margin-right: var(--lwc-varSpacingHorizontalLarge, 1.5rem)
}

.slds-var-m-horizontal_x-large {
    margin-left: var(--lwc-varSpacingHorizontalXLarge, 2rem);
    margin-right: var(--lwc-varSpacingHorizontalXLarge, 2rem)
}

.slds-var-m-horizontal_xx-large {
    margin-left: var(--lwc-varSpacingHorizontalXxLarge, 3rem);
    margin-right: var(--lwc-varSpacingHorizontalXxLarge, 3rem)
}

.slds-m-vertical_none, .slds-m-vertical--none {
    margin-top: 0 !important;
    margin-bottom: 0 !important
}

.slds-m-vertical_xxx-small, .slds-m-vertical--xxx-small {
    margin-top: var(--lwc-spacingXxxSmall, 0.125rem);
    margin-bottom: var(--lwc-spacingXxxSmall, 0.125rem)
}

.slds-m-vertical_xx-small, .slds-m-vertical--xx-small {
    margin-top: var(--lwc-spacingXxSmall, 0.25rem);
    margin-bottom: var(--lwc-spacingXxSmall, 0.25rem)
}

.slds-m-vertical_x-small, .slds-m-vertical--x-small {
    margin-top: var(--lwc-spacingXSmall, 0.5rem);
    margin-bottom: var(--lwc-spacingXSmall, 0.5rem)
}

.slds-m-vertical_small, .slds-m-vertical--small {
    margin-top: var(--lwc-spacingSmall, 0.75rem);
    margin-bottom: var(--lwc-spacingSmall, 0.75rem)
}

.slds-m-vertical_medium, .slds-m-vertical--medium {
    margin-top: var(--lwc-spacingMedium, 1rem);
    margin-bottom: var(--lwc-spacingMedium, 1rem)
}

.slds-m-vertical_large, .slds-m-vertical--large {
    margin-top: var(--lwc-spacingLarge, 1.5rem);
    margin-bottom: var(--lwc-spacingLarge, 1.5rem)
}

.slds-m-vertical_x-large, .slds-m-vertical--x-large {
    margin-top: var(--lwc-spacingXLarge, 2rem);
    margin-bottom: var(--lwc-spacingXLarge, 2rem)
}

.slds-m-vertical_xx-large, .slds-m-vertical--xx-large {
    margin-top: var(--lwc-spacingXxLarge, 3rem);
    margin-bottom: var(--lwc-spacingXxLarge, 3rem)
}

.slds-var-m-vertical_xxx-small {
    margin-top: var(--lwc-varSpacingVerticalXxxSmall, 0.125rem);
    margin-bottom: var(--lwc-varSpacingVerticalXxxSmall, 0.125rem)
}

.slds-var-m-vertical_xx-small {
    margin-top: var(--lwc-varSpacingVerticalXxSmall, 0.25rem);
    margin-bottom: var(--lwc-varSpacingVerticalXxSmall, 0.25rem)
}

.slds-var-m-vertical_x-small {
    margin-top: var(--lwc-varSpacingVerticalXSmall, 0.5rem);
    margin-bottom: var(--lwc-varSpacingVerticalXSmall, 0.5rem)
}

.slds-var-m-vertical_small {
    margin-top: var(--lwc-varSpacingVerticalSmall, 0.75rem);
    margin-bottom: var(--lwc-varSpacingVerticalSmall, 0.75rem)
}

.slds-var-m-vertical_medium {
    margin-top: var(--lwc-varSpacingVerticalMedium, 1rem);
    margin-bottom: var(--lwc-varSpacingVerticalMedium, 1rem)
}

.slds-var-m-vertical_large {
    margin-top: var(--lwc-varSpacingVerticalLarge, 1.5rem);
    margin-bottom: var(--lwc-varSpacingVerticalLarge, 1.5rem)
}

.slds-var-m-vertical_x-large {
    margin-top: var(--lwc-varSpacingVerticalXLarge, 2rem);
    margin-bottom: var(--lwc-varSpacingVerticalXLarge, 2rem)
}

.slds-var-m-vertical_xx-large {
    margin-top: var(--lwc-varSpacingVerticalXxLarge, 3rem);
    margin-bottom: var(--lwc-varSpacingVerticalXxLarge, 3rem)
}

.slds-m-around_none, .slds-m-around--none {
    margin: 0 !important
}

.slds-m-around_xxx-small, .slds-m-around--xxx-small {
    margin: var(--lwc-spacingXxxSmall, 0.125rem)
}

.slds-m-around_xx-small, .slds-m-around--xx-small {
    margin: var(--lwc-spacingXxSmall, 0.25rem)
}

.slds-m-around_x-small, .slds-m-around--x-small {
    margin: var(--lwc-spacingXSmall, 0.5rem)
}

.slds-m-around_small, .slds-m-around--small {
    margin: var(--lwc-spacingSmall, 0.75rem)
}

.slds-m-around_medium, .slds-m-around--medium {
    margin: var(--lwc-spacingMedium, 1rem)
}

.slds-m-around_large, .slds-m-around--large {
    margin: var(--lwc-spacingLarge, 1.5rem)
}

.slds-m-around_x-large, .slds-m-around--x-large {
    margin: var(--lwc-spacingXLarge, 2rem)
}

.slds-m-around_xx-large, .slds-m-around--xx-large {
    margin: var(--lwc-spacingXxLarge, 3rem)
}

.slds-var-m-around_xxx-small {
    margin: var(--lwc-varSpacingXxxSmall, 0.125rem)
}

.slds-var-m-around_xx-small {
    margin: var(--lwc-varSpacingXxSmall, 0.25rem)
}

.slds-var-m-around_x-small {
    margin: var(--lwc-varSpacingXSmall, 0.5rem)
}

.slds-var-m-around_small {
    margin: var(--lwc-varSpacingSmall, 0.75rem)
}

.slds-var-m-around_medium {
    margin: var(--lwc-varSpacingMedium, 1rem)
}

.slds-var-m-around_large {
    margin: var(--lwc-varSpacingLarge, 1.5rem)
}

.slds-var-m-around_x-large {
    margin: var(--lwc-varSpacingXLarge, 2rem)
}

.slds-var-m-around_xx-large {
    margin: var(--lwc-varSpacingXxLarge, 3rem)
}

.slds-has-cushion {
    padding: var(--lwc-componentSpacingPadding, 1rem)
}

.slds-p-top_none, .slds-p-top--none {
    padding-top: 0 !important
}

.slds-p-top_xxx-small, .slds-p-top--xxx-small {
    padding-top: var(--lwc-spacingXxxSmall, 0.125rem)
}

.slds-p-top_xx-small, .slds-p-top--xx-small {
    padding-top: var(--lwc-spacingXxSmall, 0.25rem)
}

.slds-p-top_x-small, .slds-p-top--x-small {
    padding-top: var(--lwc-spacingXSmall, 0.5rem)
}

.slds-p-top_small, .slds-p-top--small {
    padding-top: var(--lwc-spacingSmall, 0.75rem)
}

.slds-p-top_medium, .slds-p-top--medium {
    padding-top: var(--lwc-spacingMedium, 1rem)
}

.slds-p-top_large, .slds-p-top--large {
    padding-top: var(--lwc-spacingLarge, 1.5rem)
}

.slds-p-top_x-large, .slds-p-top--x-large {
    padding-top: var(--lwc-spacingXLarge, 2rem)
}

.slds-p-top_xx-large, .slds-p-top--xx-large {
    padding-top: var(--lwc-spacingXxLarge, 3rem)
}

.slds-var-p-top_xxx-small {
    padding-top: var(--lwc-varSpacingVerticalXxxSmall, 0.125rem)
}

.slds-var-p-top_xx-small {
    padding-top: var(--lwc-varSpacingVerticalXxSmall, 0.25rem)
}

.slds-var-p-top_x-small {
    padding-top: var(--lwc-varSpacingVerticalXSmall, 0.5rem)
}

.slds-var-p-top_small {
    padding-top: var(--lwc-varSpacingVerticalSmall, 0.75rem)
}

.slds-var-p-top_medium {
    padding-top: var(--lwc-varSpacingVerticalMedium, 1rem)
}

.slds-var-p-top_large {
    padding-top: var(--lwc-varSpacingVerticalLarge, 1.5rem)
}

.slds-var-p-top_x-large {
    padding-top: var(--lwc-varSpacingVerticalXLarge, 2rem)
}

.slds-var-p-top_xx-large {
    padding-top: var(--lwc-varSpacingVerticalXxLarge, 3rem)
}

.slds-p-right_none, .slds-p-right--none {
    padding-right: 0 !important
}

.slds-p-right_xxx-small, .slds-p-right--xxx-small {
    padding-right: var(--lwc-spacingXxxSmall, 0.125rem)
}

.slds-p-right_xx-small, .slds-p-right--xx-small {
    padding-right: var(--lwc-spacingXxSmall, 0.25rem)
}

.slds-p-right_x-small, .slds-p-right--x-small {
    padding-right: var(--lwc-spacingXSmall, 0.5rem)
}

.slds-p-right_small, .slds-p-right--small {
    padding-right: var(--lwc-spacingSmall, 0.75rem)
}

.slds-p-right_medium, .slds-p-right--medium {
    padding-right: var(--lwc-spacingMedium, 1rem)
}

.slds-p-right_large, .slds-p-right--large {
    padding-right: var(--lwc-spacingLarge, 1.5rem)
}

.slds-p-right_x-large, .slds-p-right--x-large {
    padding-right: var(--lwc-spacingXLarge, 2rem)
}

.slds-p-right_xx-large, .slds-p-right--xx-large {
    padding-right: var(--lwc-spacingXxLarge, 3rem)
}

.slds-var-p-right_xxx-small {
    padding-right: var(--lwc-varSpacingHorizontalXxxSmall, 0.125rem)
}

.slds-var-p-right_xx-small {
    padding-right: var(--lwc-varSpacingHorizontalXxSmall, 0.25rem)
}

.slds-var-p-right_x-small {
    padding-right: var(--lwc-varSpacingHorizontalXSmall, 0.5rem)
}

.slds-var-p-right_small {
    padding-right: var(--lwc-varSpacingHorizontalSmall, 0.75rem)
}

.slds-var-p-right_medium {
    padding-right: var(--lwc-varSpacingHorizontalMedium, 1rem)
}

.slds-var-p-right_large {
    padding-right: var(--lwc-varSpacingHorizontalLarge, 1.5rem)
}

.slds-var-p-right_x-large {
    padding-right: var(--lwc-varSpacingHorizontalXLarge, 2rem)
}

.slds-var-p-right_xx-large {
    padding-right: var(--lwc-varSpacingHorizontalXxLarge, 3rem)
}

.slds-p-bottom_none, .slds-p-bottom--none {
    padding-bottom: 0 !important
}

.slds-p-bottom_xxx-small, .slds-p-bottom--xxx-small {
    padding-bottom: var(--lwc-spacingXxxSmall, 0.125rem)
}

.slds-p-bottom_xx-small, .slds-p-bottom--xx-small {
    padding-bottom: var(--lwc-spacingXxSmall, 0.25rem)
}

.slds-p-bottom_x-small, .slds-p-bottom--x-small {
    padding-bottom: var(--lwc-spacingXSmall, 0.5rem)
}

.slds-p-bottom_small, .slds-p-bottom--small {
    padding-bottom: var(--lwc-spacingSmall, 0.75rem)
}

.slds-p-bottom_medium, .slds-p-bottom--medium {
    padding-bottom: var(--lwc-spacingMedium, 1rem)
}

.slds-p-bottom_large, .slds-p-bottom--large {
    padding-bottom: var(--lwc-spacingLarge, 1.5rem)
}

.slds-p-bottom_x-large, .slds-p-bottom--x-large {
    padding-bottom: var(--lwc-spacingXLarge, 2rem)
}

.slds-p-bottom_xx-large, .slds-p-bottom--xx-large {
    padding-bottom: var(--lwc-spacingXxLarge, 3rem)
}

.slds-var-p-bottom_xxx-small {
    padding-bottom: var(--lwc-varSpacingVerticalXxxSmall, 0.125rem)
}

.slds-var-p-bottom_xx-small {
    padding-bottom: var(--lwc-varSpacingVerticalXxSmall, 0.25rem)
}

.slds-var-p-bottom_x-small {
    padding-bottom: var(--lwc-varSpacingVerticalXSmall, 0.5rem)
}

.slds-var-p-bottom_small {
    padding-bottom: var(--lwc-varSpacingVerticalSmall, 0.75rem)
}

.slds-var-p-bottom_medium {
    padding-bottom: var(--lwc-varSpacingVerticalMedium, 1rem)
}

.slds-var-p-bottom_large {
    padding-bottom: var(--lwc-varSpacingVerticalLarge, 1.5rem)
}

.slds-var-p-bottom_x-large {
    padding-bottom: var(--lwc-varSpacingVerticalXLarge, 2rem)
}

.slds-var-p-bottom_xx-large {
    padding-bottom: var(--lwc-varSpacingVerticalXxLarge, 3rem)
}

.slds-p-left_none, .slds-p-left--none {
    padding-left: 0 !important
}

.slds-p-left_xxx-small, .slds-p-left--xxx-small {
    padding-left: var(--lwc-spacingXxxSmall, 0.125rem)
}

.slds-p-left_xx-small, .slds-p-left--xx-small {
    padding-left: var(--lwc-spacingXxSmall, 0.25rem)
}

.slds-p-left_x-small, .slds-p-left--x-small {
    padding-left: var(--lwc-spacingXSmall, 0.5rem)
}

.slds-p-left_small, .slds-p-left--small {
    padding-left: var(--lwc-spacingSmall, 0.75rem)
}

.slds-p-left_medium, .slds-p-left--medium {
    padding-left: var(--lwc-spacingMedium, 1rem)
}

.slds-p-left_large, .slds-p-left--large {
    padding-left: var(--lwc-spacingLarge, 1.5rem)
}

.slds-p-left_x-large, .slds-p-left--x-large {
    padding-left: var(--lwc-spacingXLarge, 2rem)
}

.slds-p-left_xx-large, .slds-p-left--xx-large {
    padding-left: var(--lwc-spacingXxLarge, 3rem)
}

.slds-var-p-left_xxx-small {
    padding-left: var(--lwc-varSpacingHorizontalXxxSmall, 0.125rem)
}

.slds-var-p-left_xx-small {
    padding-left: var(--lwc-varSpacingHorizontalXxSmall, 0.25rem)
}

.slds-var-p-left_x-small {
    padding-left: var(--lwc-varSpacingHorizontalXSmall, 0.5rem)
}

.slds-var-p-left_small {
    padding-left: var(--lwc-varSpacingHorizontalSmall, 0.75rem)
}

.slds-var-p-left_medium {
    padding-left: var(--lwc-varSpacingHorizontalMedium, 1rem)
}

.slds-var-p-left_large {
    padding-left: var(--lwc-varSpacingHorizontalLarge, 1.5rem)
}

.slds-var-p-left_x-large {
    padding-left: var(--lwc-varSpacingHorizontalXLarge, 2rem)
}

.slds-var-p-left_xx-large {
    padding-left: var(--lwc-varSpacingHorizontalXxLarge, 3rem)
}

.slds-p-horizontal_none, .slds-p-horizontal--none {
    padding-left: 0 !important;
    padding-right: 0 !important
}

.slds-p-horizontal_xxx-small, .slds-p-horizontal--xxx-small {
    padding-left: var(--lwc-spacingXxxSmall, 0.125rem);
    padding-right: var(--lwc-spacingXxxSmall, 0.125rem)
}

.slds-p-horizontal_xx-small, .slds-p-horizontal--xx-small {
    padding-left: var(--lwc-spacingXxSmall, 0.25rem);
    padding-right: var(--lwc-spacingXxSmall, 0.25rem)
}

.slds-p-horizontal_x-small, .slds-p-horizontal--x-small {
    padding-left: var(--lwc-spacingXSmall, 0.5rem);
    padding-right: var(--lwc-spacingXSmall, 0.5rem)
}

.slds-p-horizontal_small, .slds-p-horizontal--small {
    padding-left: var(--lwc-spacingSmall, 0.75rem);
    padding-right: var(--lwc-spacingSmall, 0.75rem)
}

.slds-p-horizontal_medium, .slds-p-horizontal--medium {
    padding-left: var(--lwc-spacingMedium, 1rem);
    padding-right: var(--lwc-spacingMedium, 1rem)
}

.slds-p-horizontal_large, .slds-p-horizontal--large {
    padding-left: var(--lwc-spacingLarge, 1.5rem);
    padding-right: var(--lwc-spacingLarge, 1.5rem)
}

.slds-p-horizontal_x-large, .slds-p-horizontal--x-large {
    padding-left: var(--lwc-spacingXLarge, 2rem);
    padding-right: var(--lwc-spacingXLarge, 2rem)
}

.slds-p-horizontal_xx-large, .slds-p-horizontal--xx-large {
    padding-left: var(--lwc-spacingXxLarge, 3rem);
    padding-right: var(--lwc-spacingXxLarge, 3rem)
}

.slds-var-p-horizontal_xxx-small {
    padding-left: var(--lwc-varSpacingHorizontalXxxSmall, 0.125rem);
    padding-right: var(--lwc-varSpacingHorizontalXxxSmall, 0.125rem)
}

.slds-var-p-horizontal_xx-small {
    padding-left: var(--lwc-varSpacingHorizontalXxSmall, 0.25rem);
    padding-right: var(--lwc-varSpacingHorizontalXxSmall, 0.25rem)
}

.slds-var-p-horizontal_x-small {
    padding-left: var(--lwc-varSpacingHorizontalXSmall, 0.5rem);
    padding-right: var(--lwc-varSpacingHorizontalXSmall, 0.5rem)
}

.slds-var-p-horizontal_small {
    padding-left: var(--lwc-varSpacingHorizontalSmall, 0.75rem);
    padding-right: var(--lwc-varSpacingHorizontalSmall, 0.75rem)
}

.slds-var-p-horizontal_medium {
    padding-left: var(--lwc-varSpacingHorizontalMedium, 1rem);
    padding-right: var(--lwc-varSpacingHorizontalMedium, 1rem)
}

.slds-var-p-horizontal_large {
    padding-left: var(--lwc-varSpacingHorizontalLarge, 1.5rem);
    padding-right: var(--lwc-varSpacingHorizontalLarge, 1.5rem)
}

.slds-var-p-horizontal_x-large {
    padding-left: var(--lwc-varSpacingHorizontalXLarge, 2rem);
    padding-right: var(--lwc-varSpacingHorizontalXLarge, 2rem)
}

.slds-var-p-horizontal_xx-large {
    padding-left: var(--lwc-varSpacingHorizontalXxLarge, 3rem);
    padding-right: var(--lwc-varSpacingHorizontalXxLarge, 3rem)
}

.slds-p-vertical_none, .slds-p-vertical--none {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

.slds-p-vertical_xxx-small, .slds-p-vertical--xxx-small {
    padding-top: var(--lwc-spacingXxxSmall, 0.125rem);
    padding-bottom: var(--lwc-spacingXxxSmall, 0.125rem)
}

.slds-p-vertical_xx-small, .slds-p-vertical--xx-small {
    padding-top: var(--lwc-spacingXxSmall, 0.25rem);
    padding-bottom: var(--lwc-spacingXxSmall, 0.25rem)
}

.slds-p-vertical_x-small, .slds-p-vertical--x-small {
    padding-top: var(--lwc-spacingXSmall, 0.5rem);
    padding-bottom: var(--lwc-spacingXSmall, 0.5rem)
}

.slds-p-vertical_small, .slds-p-vertical--small {
    padding-top: var(--lwc-spacingSmall, 0.75rem);
    padding-bottom: var(--lwc-spacingSmall, 0.75rem)
}

.slds-p-vertical_medium, .slds-p-vertical--medium {
    padding-top: var(--lwc-spacingMedium, 1rem);
    padding-bottom: var(--lwc-spacingMedium, 1rem)
}

.slds-p-vertical_large, .slds-p-vertical--large {
    padding-top: var(--lwc-spacingLarge, 1.5rem);
    padding-bottom: var(--lwc-spacingLarge, 1.5rem)
}

.slds-p-vertical_x-large, .slds-p-vertical--x-large {
    padding-top: var(--lwc-spacingXLarge, 2rem);
    padding-bottom: var(--lwc-spacingXLarge, 2rem)
}

.slds-p-vertical_xx-large, .slds-p-vertical--xx-large {
    padding-top: var(--lwc-spacingXxLarge, 3rem);
    padding-bottom: var(--lwc-spacingXxLarge, 3rem)
}

.slds-var-p-vertical_xxx-small {
    padding-top: var(--lwc-varSpacingVerticalXxxSmall, 0.125rem);
    padding-bottom: var(--lwc-varSpacingVerticalXxxSmall, 0.125rem)
}

.slds-var-p-vertical_xx-small {
    padding-top: var(--lwc-varSpacingVerticalXxSmall, 0.25rem);
    padding-bottom: var(--lwc-varSpacingVerticalXxSmall, 0.25rem)
}

.slds-var-p-vertical_x-small {
    padding-top: var(--lwc-varSpacingVerticalXSmall, 0.5rem);
    padding-bottom: var(--lwc-varSpacingVerticalXSmall, 0.5rem)
}

.slds-var-p-vertical_small {
    padding-top: var(--lwc-varSpacingVerticalSmall, 0.75rem);
    padding-bottom: var(--lwc-varSpacingVerticalSmall, 0.75rem)
}

.slds-var-p-vertical_medium {
    padding-top: var(--lwc-varSpacingVerticalMedium, 1rem);
    padding-bottom: var(--lwc-varSpacingVerticalMedium, 1rem)
}

.slds-var-p-vertical_large {
    padding-top: var(--lwc-varSpacingVerticalLarge, 1.5rem);
    padding-bottom: var(--lwc-varSpacingVerticalLarge, 1.5rem)
}

.slds-var-p-vertical_x-large {
    padding-top: var(--lwc-varSpacingVerticalXLarge, 2rem);
    padding-bottom: var(--lwc-varSpacingVerticalXLarge, 2rem)
}

.slds-var-p-vertical_xx-large {
    padding-top: var(--lwc-varSpacingVerticalXxLarge, 3rem);
    padding-bottom: var(--lwc-varSpacingVerticalXxLarge, 3rem)
}

.slds-p-around_none, .slds-p-around--none {
    padding: 0 !important
}

.slds-p-around_xxx-small, .slds-p-around--xxx-small {
    padding: var(--lwc-spacingXxxSmall, 0.125rem)
}

.slds-p-around_xx-small, .slds-p-around--xx-small {
    padding: var(--lwc-spacingXxSmall, 0.25rem)
}

.slds-p-around_x-small, .slds-p-around--x-small {
    padding: var(--lwc-spacingXSmall, 0.5rem)
}

.slds-p-around_small, .slds-p-around--small {
    padding: var(--lwc-spacingSmall, 0.75rem)
}

.slds-p-around_medium, .slds-p-around--medium {
    padding: var(--lwc-spacingMedium, 1rem)
}

.slds-p-around_large, .slds-p-around--large {
    padding: var(--lwc-spacingLarge, 1.5rem)
}

.slds-p-around_x-large, .slds-p-around--x-large {
    padding: var(--lwc-spacingXLarge, 2rem)
}

.slds-p-around_xx-large, .slds-p-around--xx-large {
    padding: var(--lwc-spacingXxLarge, 3rem)
}

.slds-var-p-around_xxx-small {
    padding: var(--lwc-varSpacingXxxSmall, 0.125rem)
}

.slds-var-p-around_xx-small {
    padding: var(--lwc-varSpacingXxSmall, 0.25rem)
}

.slds-var-p-around_x-small {
    padding: var(--lwc-varSpacingXSmall, 0.5rem)
}

.slds-var-p-around_small {
    padding: var(--lwc-varSpacingSmall, 0.75rem)
}

.slds-var-p-around_medium {
    padding: var(--lwc-varSpacingMedium, 1rem)
}

.slds-var-p-around_large {
    padding: var(--lwc-varSpacingLarge, 1.5rem)
}

.slds-var-p-around_x-large {
    padding: var(--lwc-varSpacingXLarge, 2rem)
}

.slds-var-p-around_xx-large {
    padding: var(--lwc-varSpacingXxLarge, 3rem)
}

.slds-clearfix:after {
    content: '';
    display: table;
    clear: both
}

.slds-clear {
    clear: both
}

.slds-float_left, .slds-float--left {
    float: left
}

.slds-float_none, .slds-float--none {
    float: none
}

.slds-float_right, .slds-float--right {
    float: right
}

.slds-text-link_reset, .slds-text-link--reset {
    cursor: pointer;
    line-height: inherit;
    font-size: inherit
}

.slds-text-link_reset:active, .slds-text-link--reset:active {
    outline: none
}

.slds-text-link_reset, .slds-text-link_reset:active, .slds-text-link_reset:focus, .slds-text-link_reset:hover, .slds-text-link--reset, .slds-text-link--reset:active, .slds-text-link--reset:focus, .slds-text-link--reset:hover {
    color: inherit;
    text-decoration: inherit
}

.slds-text-link {
    color: var(--lwc-brandTextLink, rgb(0, 109, 204));
    text-decoration: none;
    transition: color .1s linear
}

.slds-text-link:hover, .slds-text-link:focus {
    text-decoration: underline;
    color: var(--lwc-brandTextLinkActive, rgb(0, 95, 178))
}

.slds-text-link:active {
    color: var(--lwc-brandTextLinkActive, rgb(0, 95, 178))
}

.slds-text-link--faux, .slds-text-link_faux, .slds-type-focus {
    border-bottom: var(--lwc-borderWidthThin, 1px) solid transparent;
    border-radius: 0;
    color: currentColor;
    cursor: pointer
}

.slds-text-link--faux:hover, .slds-text-link--faux:focus, .slds-text-link_faux:hover, .slds-text-link_faux:focus, .slds-type-focus:hover, .slds-type-focus:focus {
    color: currentColor;
    border-bottom: var(--lwc-borderWidthThin, 1px) solid currentColor
}

.slds-has-blur-focus {
    color: currentColor
}

.slds-has-blur-focus:hover, .slds-has-blur-focus:focus, .slds-has-blur-focus:active {
    color: currentColor;
    text-decoration: none
}

.slds-has-blur-focus:focus {
    outline: 0;
    box-shadow: var(--lwc-shadowButtonFocus, 0 0 3px #0070D2)
}

.slds-has-input-focus {
    outline: 0;
    border-color: var(--lwc-colorBorderInputActive, rgb(21, 137, 238));
    background-color: var(--lwc-colorBackgroundInputActive, rgb(255, 255, 255));
    box-shadow: var(--lwc-shadowButtonFocus, 0 0 3px #0070D2)
}

.slds-list_vertical.slds-has-dividers > .slds-list__item, .slds-list--vertical.slds-has-dividers > .slds-list__item {
    padding: var(--lwc-spacingXSmall, 0.5rem);
    border-bottom: var(--lwc-borderWidthThin, 1px) solid var(--lwc-colorBorder, rgb(221, 219, 218))
}

.slds-list_vertical.slds-has-dividers > .slds-list__item:hover, .slds-list--vertical.slds-has-dividers > .slds-list__item:hover {
    background-color: var(--lwc-colorBackgroundRowHover, rgb(243, 242, 242));
    border-color: var(--lwc-colorBorder, rgb(221, 219, 218));
    cursor: pointer
}

.slds-list_vertical.slds-has-dividers > .slds-list__item:active, .slds-list--vertical.slds-has-dividers > .slds-list__item:active {
    background-color: var(--lwc-colorBackgroundRowActive, rgb(236, 235, 234));
    box-shadow: var(--lwc-colorBorder, rgb(221, 219, 218)) 0 calc(-1 * var(--lwc-borderWidthThin, 1px)) 0 inset
}

.slds-list_vertical.slds-has-dividers > .slds-list__item.slds-is-selected, .slds-list--vertical.slds-has-dividers > .slds-list__item.slds-is-selected {
    box-shadow: var(--lwc-colorBorderSelection, rgb(0, 112, 210)) 0 0 0 var(--lwc-borderWidthThin, 1px) inset;
    background-color: var(--lwc-colorBackgroundRowSelected, rgb(236, 235, 234))
}

.slds-list_vertical.slds-has-dividers > .slds-list__item.slds-is-selected:hover, .slds-list_vertical.slds-has-dividers > .slds-list__item.slds-is-selected:focus, .slds-list--vertical.slds-has-dividers > .slds-list__item.slds-is-selected:hover, .slds-list--vertical.slds-has-dividers > .slds-list__item.slds-is-selected:focus {
    box-shadow: var(--lwc-colorBorderSelectionHover, rgb(21, 137, 238)) 0 calc(-1 * var(--lwc-borderWidthThick, 2px)) 0 inset, var(--lwc-colorBorderSelectionHover, rgb(21, 137, 238)) 0 0 0 var(--lwc-borderWidthThin, 1px) inset
}

.slds-has-cards > .slds-list__item {
    border: var(--lwc-borderWidthThin, 1px) solid var(--lwc-colorBorder, rgb(221, 219, 218));
    border-radius: var(--lwc-borderRadiusMedium, 0.25rem);
    background-clip: padding-box
}

.slds-has-cards > .slds-list__item + .slds-list__item {
    margin-top: var(--lwc-spacingXSmall, 0.5rem)
}

.slds-has-cards_space > .slds-list__item, .slds-has-cards--space > .slds-list__item {
    border: var(--lwc-borderWidthThin, 1px) solid var(--lwc-colorBorder, rgb(221, 219, 218));
    border-radius: var(--lwc-borderRadiusMedium, 0.25rem);
    background-clip: padding-box;
    padding: var(--lwc-spacingSmall, 0.75rem)
}

@media (min-width: 30em) {
    .slds-has-cards_space > .slds-list__item, .slds-has-cards--space > .slds-list__item {
        padding: var(--lwc-spacingXSmall, 0.5rem)
    }
}

.slds-has-cards_space > .slds-list__item + .slds-list__item, .slds-has-cards--space > .slds-list__item + .slds-list__item {
    margin-top: var(--lwc-spacingXSmall, 0.5rem)
}

.slds-has-divider {
    margin-top: var(--lwc-spacingXSmall, 0.5rem);
    padding-top: var(--lwc-spacingXSmall, 0.5rem);
    border-top: var(--lwc-borderWidthThin, 1px) solid var(--lwc-colorBorder, rgb(221, 219, 218))
}

.slds-has-block-links a {
    display: block;
    text-decoration: none
}

.slds-has-block-links .slds-is-nested {
    margin-left: var(--lwc-spacingMedium, 1rem)
}

.slds-has-block-links_space .slds-list__item, .slds-has-block-links_space .slds-item, .slds-has-block-links--space .slds-list__item, .slds-has-block-links--space .slds-item {
    padding: 0
}

.slds-has-block-links_space a, .slds-has-block-links--space a {
    display: block;
    text-decoration: none;
    padding: var(--lwc-spacingSmall, 0.75rem)
}

@media (min-width: 48em) {
    .slds-has-block-links_space a, .slds-has-block-links--space a {
        padding: var(--lwc-spacingXSmall, 0.5rem)
    }
}

.slds-has-inline-block-links a {
    display: inline-block;
    text-decoration: none
}

.slds-has-inline-block-links_space a, .slds-has-inline-block-links--space a {
    display: inline-block;
    text-decoration: none;
    padding: var(--lwc-spacingSmall, 0.75rem)
}

@media (min-width: 48em) {
    .slds-has-inline-block-links_space a, .slds-has-inline-block-links--space a {
        padding: var(--lwc-spacingXSmall, 0.5rem)
    }
}

.slds-list_vertical-space .slds-list__item + .slds-list__item, .slds-list_vertical-space .slds-item + .slds-item, .slds-list--vertical-space .slds-list__item + .slds-list__item, .slds-list--vertical-space .slds-item + .slds-item {
    margin-top: var(--lwc-spacingXSmall, 0.5rem)
}

.slds-list_vertical-space-medium .slds-list__item + .slds-list__item, .slds-list_vertical-space-medium .slds-item + .slds-item, .slds-list--vertical-space-medium .slds-list__item + .slds-list__item, .slds-list--vertical-space-medium .slds-item + .slds-item {
    margin-top: var(--lwc-spacingMedium, 1rem)
}

.slds-is-nested {
    margin-left: var(--lwc-spacingMedium, 1rem)
}

.slds-list_dotted, .slds-list--dotted {
    margin-left: var(--lwc-spacingLarge, 1.5rem);
    list-style: disc
}

.slds-list_ordered, .slds-list--ordered {
    margin-left: var(--lwc-spacingLarge, 1.5rem);
    list-style: decimal
}

.slds-has-dividers_top > .slds-list__item, .slds-has-dividers_top > .slds-item, .slds-has-dividers--top > .slds-list__item, .slds-has-dividers--top > .slds-item {
    border-top: var(--lwc-borderWidthThin, 1px) solid var(--lwc-colorBorder, rgb(221, 219, 218))
}

.slds-has-dividers_top-space > .slds-list__item, .slds-has-dividers_top-space > .slds-item, .slds-has-dividers--top-space > .slds-list__item, .slds-has-dividers--top-space > .slds-item {
    border-top: var(--lwc-borderWidthThin, 1px) solid var(--lwc-colorBorder, rgb(221, 219, 218));
    padding: var(--lwc-spacingSmall, 0.75rem)
}

@media (min-width: 30em) {
    .slds-has-dividers_top-space > .slds-list__item, .slds-has-dividers_top-space > .slds-item, .slds-has-dividers--top-space > .slds-list__item, .slds-has-dividers--top-space > .slds-item {
        padding: var(--lwc-spacingXSmall, 0.5rem)
    }
}

.slds-has-dividers_bottom > .slds-list__item, .slds-has-dividers_bottom > .slds-item, .slds-has-dividers--bottom > .slds-list__item, .slds-has-dividers--bottom > .slds-item {
    border-bottom: var(--lwc-borderWidthThin, 1px) solid var(--lwc-colorBorder, rgb(221, 219, 218))
}

.slds-has-dividers_bottom-space > .slds-list__item, .slds-has-dividers_bottom-space > .slds-item, .slds-has-dividers--bottom-space > .slds-list__item, .slds-has-dividers--bottom-space > .slds-item {
    border-bottom: var(--lwc-borderWidthThin, 1px) solid var(--lwc-colorBorder, rgb(221, 219, 218));
    padding: var(--lwc-spacingSmall, 0.75rem)
}

@media (min-width: 30em) {
    .slds-has-dividers_bottom-space > .slds-list__item, .slds-has-dividers_bottom-space > .slds-item, .slds-has-dividers--bottom-space > .slds-list__item, .slds-has-dividers--bottom-space > .slds-item {
        padding: var(--lwc-spacingXSmall, 0.5rem)
    }
}

.slds-has-dividers_around > .slds-item, .slds-has-dividers--around > .slds-item {
    border: var(--lwc-borderWidthThin, 1px) solid var(--lwc-colorBorder, rgb(221, 219, 218));
    border-radius: var(--lwc-borderRadiusMedium, 0.25rem);
    background-clip: padding-box
}

.slds-has-dividers_around > .slds-item + .slds-item, .slds-has-dividers--around > .slds-item + .slds-item {
    margin-top: var(--lwc-spacingXSmall, 0.5rem)
}

.slds-has-dividers_around-space > .slds-item, .slds-has-dividers--around-space > .slds-item {
    border: var(--lwc-borderWidthThin, 1px) solid var(--lwc-colorBorder, rgb(221, 219, 218));
    border-radius: var(--lwc-borderRadiusMedium, 0.25rem);
    background-clip: padding-box;
    padding: var(--lwc-spacingSmall, 0.75rem)
}

@media (min-width: 30em) {
    .slds-has-dividers_around-space > .slds-item, .slds-has-dividers--around-space > .slds-item {
        padding: var(--lwc-spacingXSmall, 0.5rem)
    }
}

.slds-has-dividers_around-space > .slds-item + .slds-item, .slds-has-dividers--around-space > .slds-item + .slds-item {
    margin-top: var(--lwc-spacingXSmall, 0.5rem)
}

.slds-has-list-interactions > .slds-list__item:hover, .slds-has-list-interactions > .slds-item:hover {
    background-color: var(--lwc-colorBackgroundRowHover, rgb(243, 242, 242));
    border-color: var(--lwc-colorBorder, rgb(221, 219, 218));
    cursor: pointer
}

.slds-has-list-interactions > .slds-list__item:active, .slds-has-list-interactions > .slds-item:active {
    background-color: var(--lwc-colorBackgroundRowActive, rgb(236, 235, 234));
    box-shadow: var(--lwc-colorBorder, rgb(221, 219, 218)) 0 calc(-1 * var(--lwc-borderWidthThin, 1px)) 0 inset
}

.slds-has-list-interactions > .slds-list__item.slds-is-selected, .slds-has-list-interactions > .slds-item.slds-is-selected {
    box-shadow: var(--lwc-colorBorderSelection, rgb(0, 112, 210)) 0 0 0 var(--lwc-borderWidthThin, 1px) inset;
    background-color: var(--lwc-colorBackgroundRowSelected, rgb(236, 235, 234))
}

.slds-has-list-interactions > .slds-list__item.slds-is-selected:hover, .slds-has-list-interactions > .slds-list__item.slds-is-selected:focus, .slds-has-list-interactions > .slds-item.slds-is-selected:hover, .slds-has-list-interactions > .slds-item.slds-is-selected:focus {
    box-shadow: var(--lwc-colorBorderSelectionHover, rgb(21, 137, 238)) 0 calc(-1 * var(--lwc-borderWidthThick, 2px)) 0 inset, var(--lwc-colorBorderSelectionHover, rgb(21, 137, 238)) 0 0 0 var(--lwc-borderWidthThin, 1px) inset
}

.slds-has-divider_top, .slds-has-divider--top {
    border-top: var(--lwc-borderWidthThin, 1px) solid var(--lwc-colorBorder, rgb(221, 219, 218))
}

.slds-has-divider_top-space, .slds-has-divider--top-space {
    border-top: var(--lwc-borderWidthThin, 1px) solid var(--lwc-colorBorder, rgb(221, 219, 218));
    margin-top: var(--lwc-spacingXSmall, 0.5rem);
    padding-top: var(--lwc-spacingXSmall, 0.5rem)
}

.slds-has-divider_right, .slds-has-divider--right {
    position: relative;
    display: flex;
    align-items: center
}

.slds-has-divider_right:after, .slds-has-divider--right:after {
    width: 2px;
    height: 2px;
    content: '';
    margin-left: var(--lwc-spacingXSmall, 0.5rem);
    margin-right: var(--lwc-spacingXSmall, 0.5rem);
    border-radius: var(--lwc-borderRadiusCircle, 50%);
    background-color: var(--lwc-colorBackgroundIndicatorDot, rgb(22, 50, 92))
}

.slds-has-divider_right:last-child, .slds-has-divider--right:last-child {
    margin-right: 0;
    padding-right: 0
}

.slds-has-divider_right:last-child:after, .slds-has-divider--right:last-child:after {
    content: none
}

.slds-has-divider_bottom, .slds-has-divider--bottom {
    border-bottom: var(--lwc-borderWidthThin, 1px) solid var(--lwc-colorBorder, rgb(221, 219, 218))
}

.slds-has-divider_bottom-space, .slds-has-divider--bottom-space {
    border-bottom: var(--lwc-borderWidthThin, 1px) solid var(--lwc-colorBorder, rgb(221, 219, 218));
    margin-bottom: var(--lwc-spacingXSmall, 0.5rem);
    padding-bottom: var(--lwc-spacingXSmall, 0.5rem)
}

.slds-has-divider_left, .slds-has-divider--left {
    position: relative;
    display: flex;
    align-items: center
}

.slds-has-divider_left:before, .slds-has-divider--left:before {
    width: 2px;
    height: 2px;
    content: '';
    display: inline-block;
    vertical-align: middle;
    margin-left: var(--lwc-spacingXSmall, 0.5rem);
    margin-right: var(--lwc-spacingXSmall, 0.5rem);
    border-radius: var(--lwc-borderRadiusCircle, 50%);
    background-color: var(--lwc-colorBackgroundIndicatorDot, rgb(22, 50, 92))
}

.slds-has-divider_left:first-child, .slds-has-divider--left:first-child {
    margin-right: 0;
    padding-right: 0
}

.slds-has-divider_left:first-child:before, .slds-has-divider--left:first-child:before {
    content: none
}

.slds-list_horizontal.slds-has-dividers > .slds-list__item, .slds-list--horizontal.slds-has-dividers > .slds-list__item {
    position: relative;
    display: flex;
    align-items: center
}

.slds-list_horizontal.slds-has-dividers > .slds-list__item:after, .slds-list--horizontal.slds-has-dividers > .slds-list__item:after {
    width: 2px;
    height: 2px;
    content: '';
    margin-left: var(--lwc-spacingXSmall, 0.5rem);
    margin-right: var(--lwc-spacingXSmall, 0.5rem);
    border-radius: var(--lwc-borderRadiusCircle, 50%);
    background-color: var(--lwc-colorBackgroundIndicatorDot, rgb(22, 50, 92))
}

.slds-list_horizontal.slds-has-dividers > .slds-list__item:last-child, .slds-list--horizontal.slds-has-dividers > .slds-list__item:last-child {
    margin-right: 0;
    padding-right: 0
}

.slds-list_horizontal.slds-has-dividers > .slds-list__item:last-child:after, .slds-list--horizontal.slds-has-dividers > .slds-list__item:last-child:after {
    content: none
}

.slds-list_horizontal, .slds-list--horizontal {
    display: flex
}

.slds-list_horizontal > .slds-list__item, .slds-list--horizontal > .slds-list__item {
    align-self: center
}

.slds-list_horizontal-large > .slds-list__item > a, .slds-list--horizontal-large > .slds-list__item > a {
    padding: var(--lwc-spacingSmall, 0.75rem) var(--lwc-spacingMedium, 1rem)
}

.slds-has-dividers_left > .slds-list__item, .slds-has-dividers--left > .slds-list__item, .slds-has-dividers_left > .slds-item, .slds-has-dividers--left > .slds-item {
    position: relative;
    display: flex;
    align-items: center
}

.slds-has-dividers_left > .slds-list__item:before, .slds-has-dividers--left > .slds-list__item:before, .slds-has-dividers_left > .slds-item:before, .slds-has-dividers--left > .slds-item:before {
    width: 2px;
    height: 2px;
    content: '';
    display: inline-block;
    vertical-align: middle;
    margin-left: var(--lwc-spacingXSmall, 0.5rem);
    margin-right: var(--lwc-spacingXSmall, 0.5rem);
    border-radius: var(--lwc-borderRadiusCircle, 50%);
    background-color: var(--lwc-colorBackgroundIndicatorDot, rgb(22, 50, 92))
}

.slds-has-dividers_left > .slds-list__item:first-child, .slds-has-dividers--left > .slds-list__item:first-child, .slds-has-dividers_left > .slds-item:first-child, .slds-has-dividers--left > .slds-item:first-child {
    margin-right: 0;
    padding-right: 0
}

.slds-has-dividers_left > .slds-list__item:first-child:before, .slds-has-dividers--left > .slds-list__item:first-child:before, .slds-has-dividers_left > .slds-item:first-child:before, .slds-has-dividers--left > .slds-item:first-child:before {
    content: none
}

.slds-has-dividers_right > .slds-list__item, .slds-has-dividers--right > .slds-list__item, .slds-has-dividers_right > .slds-item, .slds-has-dividers--right > .slds-item {
    position: relative;
    display: flex;
    align-items: center
}

.slds-has-dividers_right > .slds-list__item:after, .slds-has-dividers--right > .slds-list__item:after, .slds-has-dividers_right > .slds-item:after, .slds-has-dividers--right > .slds-item:after {
    width: 2px;
    height: 2px;
    content: '';
    margin-left: var(--lwc-spacingXSmall, 0.5rem);
    margin-right: var(--lwc-spacingXSmall, 0.5rem);
    border-radius: var(--lwc-borderRadiusCircle, 50%);
    background-color: var(--lwc-colorBackgroundIndicatorDot, rgb(22, 50, 92))
}

.slds-has-dividers_right > .slds-list__item:last-child, .slds-has-dividers--right > .slds-list__item:last-child, .slds-has-dividers_right > .slds-item:last-child, .slds-has-dividers--right > .slds-item:last-child {
    margin-right: 0;
    padding-right: 0
}

.slds-has-dividers_right > .slds-list__item:last-child:after, .slds-has-dividers--right > .slds-list__item:last-child:after, .slds-has-dividers_right > .slds-item:last-child:after, .slds-has-dividers--right > .slds-item:last-child:after {
    content: none
}

.slds-dl_inline:after, .slds-dl--inline:after {
    content: '';
    display: table;
    clear: both
}

@media (min-width: 30em) {
    .slds-dl_inline__label, .slds-dl--inline__label {
        float: left;
        clear: left
    }

    .slds-dl_inline__detail, .slds-dl--inline__detail {
        float: left;
        padding-left: var(--lwc-spacingXxSmall, 0.25rem)
    }
}

.slds-region_narrow .slds-dl_inline__label, .slds-region_narrow .slds-dl_inline__detail {
    float: left
}

.slds-region_narrow .slds-dl_inline__label {
    clear: left
}

.slds-region_narrow .slds-dl_inline__detail {
    padding-left: var(--lwc-spacingXxSmall, 0.25rem)
}

@media (min-width: 30em) {
    .slds-dl_horizontal, .slds-dl--horizontal {
        display: flex;
        flex-wrap: wrap
    }

    .slds-dl_horizontal__label, .slds-dl--horizontal__label {
        width: 30%;
        padding-right: var(--lwc-spacingSmall, 0.75rem)
    }

    .slds-dl_horizontal__detail, .slds-dl--horizontal__detail {
        width: 70%
    }
}

.slds-region_narrow .slds-dl_horizontal {
    display: flex;
    flex-wrap: wrap
}

.slds-region_narrow .slds-dl_horizontal .slds-dl_horizontal__label {
    width: 30%;
    padding-right: var(--lwc-spacingSmall, 0.75rem)
}

.slds-region_narrow .slds-dl_horizontal .slds-dl_horizontal__detail {
    width: 70%
}

.slds-list_horizontal .slds-item_label, .slds-list_horizontal .slds-item--label, .slds-list--horizontal .slds-item_label, .slds-list--horizontal .slds-item--label {
    width: 30%;
    padding-right: var(--lwc-spacingSmall, 0.75rem)
}

.slds-list_horizontal .slds-item_detail, .slds-list_horizontal .slds-item--detail, .slds-list--horizontal .slds-item_detail, .slds-list--horizontal .slds-item--detail {
    width: 70%
}

.slds-list_vertical .slds-item_label, .slds-list_vertical .slds-item--label, .slds-list_vertical .slds-item_detail, .slds-list_vertical .slds-item--detail, .slds-list--vertical .slds-item_label, .slds-list--vertical .slds-item--label, .slds-list--vertical .slds-item_detail, .slds-list--vertical .slds-item--detail {
    display: block
}

.slds-list_inline, .slds-list--inline {
    display: inline-flex;
    max-width: 100%
}

.slds-list_inline .slds-item_label, .slds-list_inline .slds-item--label, .slds-list--inline .slds-item_label, .slds-list--inline .slds-item--label {
    max-width: 180px;
    padding-right: var(--lwc-spacingSmall, 0.75rem);
    flex-shrink: 0
}

.slds-list_inline .slds-item_label ~ .slds-item_label, .slds-list_inline .slds-item_label ~ .slds-item--label, .slds-list_inline .slds-item--label ~ .slds-item_label, .slds-list_inline .slds-item--label ~ .slds-item--label, .slds-list--inline .slds-item_label ~ .slds-item_label, .slds-list--inline .slds-item_label ~ .slds-item--label, .slds-list--inline .slds-item--label ~ .slds-item_label, .slds-list--inline .slds-item--label ~ .slds-item--label {
    padding-left: var(--lwc-spacingMedium, 1rem)
}

.slds-list_inline .slds-item_detail, .slds-list_inline .slds-item--detail, .slds-list--inline .slds-item_detail, .slds-list--inline .slds-item--detail {
    min-width: 0
}

.slds-border_bottom, .slds-border--bottom {
    border-bottom: var(--lwc-borderWidthThin, 1px) solid var(--lwc-colorBorder, rgb(221, 219, 218))
}

.slds-border_left, .slds-border--left {
    border-left: var(--lwc-borderWidthThin, 1px) solid var(--lwc-colorBorder, rgb(221, 219, 218))
}

.slds-border_right, .slds-border--right {
    border-right: var(--lwc-borderWidthThin, 1px) solid var(--lwc-colorBorder, rgb(221, 219, 218))
}

.slds-border_top, .slds-border--top {
    border-top: var(--lwc-borderWidthThin, 1px) solid var(--lwc-colorBorder, rgb(221, 219, 218))
}

.slds-truncate {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.slds-truncate_container_25, .slds-truncate_container--25 {
    max-width: 25%
}

.slds-truncate_container_50, .slds-truncate_container--50 {
    max-width: 50%
}

.slds-truncate_container_75, .slds-truncate_container--75 {
    max-width: 75%
}

.slds-truncate_container_33, .slds-truncate_container--33 {
    max-width: 33%
}

.slds-truncate_container_66, .slds-truncate_container--66 {
    max-width: 66%
}

.slds-hyphenate {
    overflow-wrap: break-word;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto
}

.slds-box {
    padding: var(--lwc-spacingMedium, 1rem);
    border-radius: var(--lwc-borderRadiusMedium, 0.25rem);
    border: var(--lwc-borderWidthThin, 1px) solid var(--lwc-colorBorder, rgb(221, 219, 218))
}

.slds-box_xx-small, .slds-box--xx-small {
    padding: var(--lwc-spacingXxSmall, 0.25rem)
}

.slds-box_x-small, .slds-box--x-small {
    padding: var(--lwc-spacingXSmall, 0.5rem)
}

.slds-box_small, .slds-box--small {
    padding: var(--lwc-spacingSmall, 0.75rem)
}

.slds-box_border, .slds-box--border {
    padding: 0;
    border-radius: var(--lwc-borderRadiusMedium, 0.25rem);
    border: var(--lwc-borderWidthThin, 1px) solid var(--lwc-colorBorder, rgb(221, 219, 218))
}

.slds-box_link, .slds-box_link:active, .slds-box_link:focus, .slds-box_link:hover {
    color: inherit;
    text-decoration: inherit
}

.slds-box_link:hover, .slds-box_link:focus {
    cursor: pointer;
    outline: 0;
    border: var(--lwc-borderWidthThin, 1px) solid var(--lwc-colorBorderSelectionHover, rgb(21, 137, 238));
    box-shadow: 0 0 0 1px var(--lwc-colorBorderSelectionHover, rgb(21, 137, 238)) inset
}

.slds-theme_default, .slds-theme--default {
    background-color: var(--lwc-colorBackgroundAlt, rgb(255, 255, 255));
    color: var(--lwc-colorTextDefault, rgb(8, 7, 7))
}

.slds-theme_shade, .slds-theme--shade {
    background-color: var(--lwc-colorBackground, rgb(243, 242, 242))
}

.slds-theme_inverse, .slds-theme--inverse {
    color: var(--lwc-colorTextInverse, rgb(255, 255, 255));
    background-color: var(--lwc-colorBackgroundInverse, rgb(6, 28, 63));
    border-color: var(--lwc-colorBackgroundInverse, rgb(6, 28, 63))
}

.slds-theme_inverse a:not(.slds-button--neutral), .slds-theme--inverse a:not(.slds-button--neutral) {
    color: var(--lwc-colorTextLinkInverse, rgb(255, 255, 255));
    text-decoration: underline
}

.slds-theme_inverse a:not(.slds-button--neutral):link, .slds-theme_inverse a:not(.slds-button--neutral):visited, .slds-theme--inverse a:not(.slds-button--neutral):link, .slds-theme--inverse a:not(.slds-button--neutral):visited {
    color: var(--lwc-colorTextLinkInverse, rgb(255, 255, 255))
}

.slds-theme_inverse a:not(.slds-button--neutral):hover, .slds-theme_inverse a:not(.slds-button--neutral):focus, .slds-theme--inverse a:not(.slds-button--neutral):hover, .slds-theme--inverse a:not(.slds-button--neutral):focus {
    text-decoration: none
}

.slds-theme_inverse a:not(.slds-button--neutral):active, .slds-theme--inverse a:not(.slds-button--neutral):active {
    color: var(--lwc-colorTextLinkInverseActive, rgba(255, 255, 255, 0.5))
}

.slds-theme_inverse a:not(.slds-button--neutral)[disabled], .slds-theme--inverse a:not(.slds-button--neutral)[disabled] {
    color: var(--lwc-colorTextLinkInverseDisabled, rgba(255, 255, 255, 0.15))
}

.slds-theme_alt-inverse, .slds-theme--alt-inverse {
    color: var(--lwc-colorTextInverse, rgb(255, 255, 255));
    background-color: var(--lwc-colorBackgroundAltInverse, rgb(22, 50, 92));
    border-color: var(--lwc-colorBackgroundAltInverse, rgb(22, 50, 92))
}

.slds-theme_alt-inverse a:not(.slds-button--neutral), .slds-theme--alt-inverse a:not(.slds-button--neutral) {
    color: var(--lwc-colorTextLinkInverse, rgb(255, 255, 255));
    text-decoration: underline
}

.slds-theme_alt-inverse a:not(.slds-button--neutral):link, .slds-theme_alt-inverse a:not(.slds-button--neutral):visited, .slds-theme--alt-inverse a:not(.slds-button--neutral):link, .slds-theme--alt-inverse a:not(.slds-button--neutral):visited {
    color: var(--lwc-colorTextLinkInverse, rgb(255, 255, 255))
}

.slds-theme_alt-inverse a:not(.slds-button--neutral):hover, .slds-theme_alt-inverse a:not(.slds-button--neutral):focus, .slds-theme--alt-inverse a:not(.slds-button--neutral):hover, .slds-theme--alt-inverse a:not(.slds-button--neutral):focus {
    text-decoration: none
}

.slds-theme_alt-inverse a:not(.slds-button--neutral):active, .slds-theme--alt-inverse a:not(.slds-button--neutral):active {
    color: var(--lwc-colorTextLinkInverseActive, rgba(255, 255, 255, 0.5))
}

.slds-theme_alt-inverse a:not(.slds-button--neutral)[disabled], .slds-theme--alt-inverse a:not(.slds-button--neutral)[disabled] {
    color: var(--lwc-colorTextLinkInverseDisabled, rgba(255, 255, 255, 0.15))
}

.slds-theme_success, .slds-theme--success {
    color: var(--lwc-colorTextInverse, rgb(255, 255, 255));
    background-color: var(--lwc-colorBackgroundToastSuccess, rgb(4, 132, 75))
}

.slds-theme_success a:not(.slds-button--neutral), .slds-theme--success a:not(.slds-button--neutral) {
    color: var(--lwc-colorTextLinkInverse, rgb(255, 255, 255));
    text-decoration: underline
}

.slds-theme_success a:not(.slds-button--neutral):link, .slds-theme_success a:not(.slds-button--neutral):visited, .slds-theme--success a:not(.slds-button--neutral):link, .slds-theme--success a:not(.slds-button--neutral):visited {
    color: var(--lwc-colorTextLinkInverse, rgb(255, 255, 255))
}

.slds-theme_success a:not(.slds-button--neutral):hover, .slds-theme_success a:not(.slds-button--neutral):focus, .slds-theme--success a:not(.slds-button--neutral):hover, .slds-theme--success a:not(.slds-button--neutral):focus {
    text-decoration: none
}

.slds-theme_success a:not(.slds-button--neutral):active, .slds-theme--success a:not(.slds-button--neutral):active {
    color: var(--lwc-colorTextLinkInverseActive, rgba(255, 255, 255, 0.5))
}

.slds-theme_success a:not(.slds-button--neutral)[disabled], .slds-theme--success a:not(.slds-button--neutral)[disabled] {
    color: var(--lwc-colorTextLinkInverseDisabled, rgba(255, 255, 255, 0.15))
}

.slds-theme_info, .slds-theme--info {
    color: var(--lwc-colorTextInverse, rgb(255, 255, 255));
    background-color: var(--lwc-colorBackgroundToast, rgb(112, 110, 107))
}

.slds-theme_info a:not(.slds-button--neutral), .slds-theme--info a:not(.slds-button--neutral) {
    color: var(--lwc-colorTextLinkInverse, rgb(255, 255, 255));
    text-decoration: underline
}

.slds-theme_info a:not(.slds-button--neutral):link, .slds-theme_info a:not(.slds-button--neutral):visited, .slds-theme--info a:not(.slds-button--neutral):link, .slds-theme--info a:not(.slds-button--neutral):visited {
    color: var(--lwc-colorTextLinkInverse, rgb(255, 255, 255))
}

.slds-theme_info a:not(.slds-button--neutral):hover, .slds-theme_info a:not(.slds-button--neutral):focus, .slds-theme--info a:not(.slds-button--neutral):hover, .slds-theme--info a:not(.slds-button--neutral):focus {
    text-decoration: none
}

.slds-theme_info a:not(.slds-button--neutral):active, .slds-theme--info a:not(.slds-button--neutral):active {
    color: var(--lwc-colorTextLinkInverseActive, rgba(255, 255, 255, 0.5))
}

.slds-theme_info a:not(.slds-button--neutral)[disabled], .slds-theme--info a:not(.slds-button--neutral)[disabled] {
    color: var(--lwc-colorTextLinkInverseDisabled, rgba(255, 255, 255, 0.15))
}

.slds-theme_warning, .slds-theme--warning {
    background-color: var(--lwc-colorBackgroundWarning, rgb(255, 183, 93));
    color: var(--lwc-colorTextDefault, rgb(8, 7, 7))
}

.slds-theme_warning a, .slds-theme--warning a {
    color: var(--lwc-colorTextDefault, rgb(8, 7, 7));
    text-decoration: underline
}

.slds-theme_warning a:link, .slds-theme_warning a:visited, .slds-theme--warning a:link, .slds-theme--warning a:visited {
    color: var(--lwc-colorTextDefault, rgb(8, 7, 7))
}

.slds-theme_warning a:hover, .slds-theme_warning a:focus, .slds-theme--warning a:hover, .slds-theme--warning a:focus {
    text-decoration: none
}

.slds-theme_warning a:focus, .slds-theme--warning a:focus {
    box-shadow: 0 0 3px var(--lwc-colorGray10, rgb(81, 79, 77));
    border: var(--lwc-borderWidthThin, 1px) solid var(--lwc-colorGray10, rgb(81, 79, 77))
}

.slds-theme_warning a:active, .slds-theme--warning a:active {
    color: var(--lwc-colorGray10, rgb(81, 79, 77))
}

.slds-theme_warning a[disabled], .slds-theme--warning a[disabled] {
    color: var(--lwc-colorGray10, rgb(81, 79, 77))
}

.slds-theme_warning button, .slds-theme--warning button {
    color: var(--lwc-colorGray10, rgb(81, 79, 77));
    text-decoration: underline
}

.slds-theme_warning button:hover, .slds-theme--warning button:hover {
    color: var(--lwc-colorGray9, rgb(112, 110, 107))
}

.slds-theme_warning button:focus, .slds-theme--warning button:focus {
    color: var(--lwc-colorGray10, rgb(81, 79, 77));
    box-shadow: 0 0 3px var(--lwc-colorGray10, rgb(81, 79, 77));
    border: var(--lwc-borderWidthThin, 1px) solid var(--lwc-colorGray10, rgb(81, 79, 77))
}

.slds-theme_warning button:active, .slds-theme--warning button:active {
    color: var(--lwc-colorGray9, rgb(112, 110, 107))
}

.slds-theme_warning .slds-icon, .slds-theme_warning .slds-button__icon, .slds-theme--warning .slds-icon, .slds-theme--warning .slds-button__icon {
    fill: var(--lwc-colorGray10, rgb(81, 79, 77))
}

.slds-theme_error, .slds-theme--error {
    color: var(--lwc-colorTextInverse, rgb(255, 255, 255));
    background-color: var(--lwc-colorBackgroundToastError, rgb(194, 57, 52))
}

.slds-theme_error a:not(.slds-button--neutral), .slds-theme--error a:not(.slds-button--neutral) {
    color: var(--lwc-colorTextLinkInverse, rgb(255, 255, 255));
    text-decoration: underline
}

.slds-theme_error a:not(.slds-button--neutral):link, .slds-theme_error a:not(.slds-button--neutral):visited, .slds-theme--error a:not(.slds-button--neutral):link, .slds-theme--error a:not(.slds-button--neutral):visited {
    color: var(--lwc-colorTextLinkInverse, rgb(255, 255, 255))
}

.slds-theme_error a:not(.slds-button--neutral):hover, .slds-theme_error a:not(.slds-button--neutral):focus, .slds-theme--error a:not(.slds-button--neutral):hover, .slds-theme--error a:not(.slds-button--neutral):focus {
    text-decoration: none
}

.slds-theme_error a:not(.slds-button--neutral):active, .slds-theme--error a:not(.slds-button--neutral):active {
    color: var(--lwc-colorTextLinkInverseActive, rgba(255, 255, 255, 0.5))
}

.slds-theme_error a:not(.slds-button--neutral)[disabled], .slds-theme--error a:not(.slds-button--neutral)[disabled] {
    color: var(--lwc-colorTextLinkInverseDisabled, rgba(255, 255, 255, 0.15))
}

.slds-theme_offline, .slds-theme--offline {
    color: var(--lwc-colorTextInverse, rgb(255, 255, 255));
    background-color: #444
}

.slds-theme_offline a:not(.slds-button--neutral), .slds-theme--offline a:not(.slds-button--neutral) {
    color: var(--lwc-colorTextLinkInverse, rgb(255, 255, 255));
    text-decoration: underline
}

.slds-theme_offline a:not(.slds-button--neutral):link, .slds-theme_offline a:not(.slds-button--neutral):visited, .slds-theme--offline a:not(.slds-button--neutral):link, .slds-theme--offline a:not(.slds-button--neutral):visited {
    color: var(--lwc-colorTextLinkInverse, rgb(255, 255, 255))
}

.slds-theme_offline a:not(.slds-button--neutral):hover, .slds-theme_offline a:not(.slds-button--neutral):focus, .slds-theme--offline a:not(.slds-button--neutral):hover, .slds-theme--offline a:not(.slds-button--neutral):focus {
    text-decoration: none
}

.slds-theme_offline a:not(.slds-button--neutral):active, .slds-theme--offline a:not(.slds-button--neutral):active {
    color: var(--lwc-colorTextLinkInverseActive, rgba(255, 255, 255, 0.5))
}

.slds-theme_offline a:not(.slds-button--neutral)[disabled], .slds-theme--offline a:not(.slds-button--neutral)[disabled] {
    color: var(--lwc-colorTextLinkInverseDisabled, rgba(255, 255, 255, 0.15))
}

.slds-theme_alert-texture, .slds-theme--alert-texture {
    background-image: linear-gradient(45deg, rgba(0, 0, 0, 0.025) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.025) 50%, rgba(0, 0, 0, 0.025) 75%, transparent 75%, transparent);
    background-size: 64px 64px
}

.slds-theme_inverse-text, .slds-theme--inverse-text {
    color: var(--lwc-colorTextInverse, rgb(255, 255, 255))
}

.slds-theme_inverse-text a:not(.slds-button--neutral), .slds-theme--inverse-text a:not(.slds-button--neutral) {
    color: var(--lwc-colorTextLinkInverse, rgb(255, 255, 255));
    text-decoration: underline
}

.slds-theme_inverse-text a:not(.slds-button--neutral):link, .slds-theme_inverse-text a:not(.slds-button--neutral):visited, .slds-theme--inverse-text a:not(.slds-button--neutral):link, .slds-theme--inverse-text a:not(.slds-button--neutral):visited {
    color: var(--lwc-colorTextLinkInverse, rgb(255, 255, 255))
}

.slds-theme_inverse-text a:not(.slds-button--neutral):hover, .slds-theme_inverse-text a:not(.slds-button--neutral):focus, .slds-theme--inverse-text a:not(.slds-button--neutral):hover, .slds-theme--inverse-text a:not(.slds-button--neutral):focus {
    text-decoration: none
}

.slds-theme_inverse-text a:not(.slds-button--neutral):active, .slds-theme--inverse-text a:not(.slds-button--neutral):active {
    color: var(--lwc-colorTextLinkInverseActive, rgba(255, 255, 255, 0.5))
}

.slds-theme_inverse-text a:not(.slds-button--neutral)[disabled], .slds-theme--inverse-text a:not(.slds-button--neutral)[disabled] {
    color: var(--lwc-colorTextLinkInverseDisabled, rgba(255, 255, 255, 0.15))
}

.slds-text-body_regular, .slds-text-body--regular {
    font-size: var(--lwc-fontSize3, 0.8125rem)
}

.slds-text-body_small, .slds-text-body--small {
    font-size: 12px;
}

.slds-text-heading_large, .slds-text-heading--large {
    font-weight: var(--lwc-fontWeightLight, 300);
    font-size: var(--lwc-fontSize9, 1.75rem);
    line-height: var(--lwc-lineHeightHeading, 1.25)
}

.slds-text-heading_medium, .slds-text-heading--medium {
    font-weight: var(--lwc-fontWeightLight, 300);
    font-size: var(--lwc-fontSize7, 1.25rem);
    line-height: var(--lwc-lineHeightHeading, 1.25)
}

.slds-text-heading_small, .slds-text-heading--small {
    font-size: var(--lwc-fontSize5, 1rem);
    line-height: var(--lwc-lineHeightHeading, 1.25)
}

.slds-text-heading_label, .slds-text-heading--label {
    font-size: var(--lwc-fontSize2, 0.75rem);
    line-height: var(--lwc-lineHeightHeading, 1.25);
    color: var(--lwc-colorTextWeak, rgb(62, 62, 60));
    text-transform: uppercase;
    letter-spacing: .0625rem;
    font-weight: var(--lwc-fontWeightRegular, 400)
}

.slds-text-heading_label-normal, .slds-text-heading--label-normal {
    font-size: var(--lwc-fontSize2, 0.75rem);
    line-height: var(--lwc-lineHeightHeading, 1.25);
    color: var(--lwc-colorTextWeak, rgb(62, 62, 60))
}

.slds-text-title {
    font-size: var(--lwc-fontSize2, 0.75rem);
    line-height: var(--lwc-lineHeightHeading, 1.25);
    color: var(--lwc-colorTextWeak, rgb(62, 62, 60))
}

.slds-text-title_caps, .slds-text-title--caps {
    font-size: var(--lwc-fontSize2, 0.75rem);
    line-height: var(--lwc-lineHeightHeading, 1.25);
    color: var(--lwc-colorTextWeak, rgb(62, 62, 60));
    font-weight: var(--lwc-fontWeightRegular, 400);
    text-transform: uppercase;
    letter-spacing: .0625rem
}

.slds-text-title_bold {
    font-size: var(--lwc-fontSize4, 0.875rem);
    font-weight: var(--lwc-fontWeightBold, 700)
}

.slds-line-height_reset, .slds-line-height--reset {
    line-height: var(--lwc-lineHeightReset, 1)
}

.slds-text-color_default, .slds-text-color--default {
    color: var(--lwc-colorTextDefault, rgb(8, 7, 7))
}

.slds-text-color_weak, .slds-text-color--weak {
    color: var(--lwc-colorTextWeak, rgb(62, 62, 60))
}

.slds-text-color_error, .slds-text-color--error {
    color: var(--lwc-colorTextError, rgb(194, 57, 52))
}

.slds-text-color_destructive {
    color: var(--lwc-colorTextDestructive, rgb(194, 57, 52))
}

.slds-text-color_success {
    color: var(--lwc-colorTextSuccess, rgb(2, 126, 70))
}

.slds-text-color_inverse, .slds-text-color--inverse {
    color: var(--lwc-colorTextInverse, rgb(255, 255, 255))
}

.slds-text-color_inverse-weak, .slds-text-color--inverse-weak {
    color: var(--lwc-colorTextInverseWeak, rgb(176, 173, 171))
}

.slds-text-align_left, .slds-text-align--left {
    text-align: left
}

.slds-text-align_center, .slds-text-align--center {
    text-align: center
}

.slds-text-align_right, .slds-text-align--right {
    text-align: right
}

.slds-text-longform h1, .slds-text-longform h2, .slds-text-longform h3, .slds-text-longform p, .slds-text-longform ul, .slds-text-longform ol, .slds-text-longform dl, .slds-text-longform img {
    margin-bottom: var(--lwc-spacingSmall, 0.75rem)
}

.slds-text-longform ul {
    margin-left: var(--lwc-spacingLarge, 1.5rem);
    list-style: disc
}

.slds-text-longform ul ul {
    list-style: circle
}

.slds-text-longform ul ul ul {
    list-style: square
}

.slds-text-longform ol {
    margin-left: var(--lwc-spacingLarge, 1.5rem);
    list-style: decimal
}

.slds-text-longform ol ol {
    list-style: lower-alpha
}

.slds-text-longform ol ol ol {
    list-style: lower-roman
}

.slds-text-longform .slds-video {
    display: block;
    max-width: 100%
}

.slds-text-longform .slds-video.slds-video_center, .slds-text-longform .slds-video.slds-video--center {
    margin: 0 auto
}

.slds-text-longform .slds-video.slds-video_right, .slds-text-longform .slds-video.slds-video--right {
    margin: 0 0 0 auto
}

.slds-text-font_monospace {
    font-family: var(--lwc-fontFamilyMonospace, Consolas, Menlo, Monaco, Courier, monospace)
}

.slds-color__text_gray-1 {
    color: var(--lwc-colorGray1, rgb(255, 255, 255)) !important
}

.slds-color__text_gray-2 {
    color: var(--lwc-colorGray2, rgb(250, 250, 249)) !important
}

.slds-color__text_gray-3 {
    color: var(--lwc-colorGray3, rgb(243, 242, 242)) !important
}

.slds-color__text_gray-4 {
    color: var(--lwc-colorGray4, rgb(236, 235, 234)) !important
}

.slds-color__text_gray-5 {
    color: var(--lwc-colorGray5, rgb(221, 219, 218)) !important
}

.slds-color__text_gray-6 {
    color: var(--lwc-colorGray6, rgb(201, 199, 197)) !important
}

.slds-color__text_gray-7 {
    color: var(--lwc-colorGray7, rgb(176, 173, 171)) !important
}

.slds-color__text_gray-8 {
    color: var(--lwc-colorGray8, rgb(150, 148, 146)) !important
}

.slds-color__text_gray-9 {
    color: var(--lwc-colorGray9, rgb(112, 110, 107)) !important
}

.slds-color__text_gray-10 {
    color: var(--lwc-colorGray10, rgb(81, 79, 77)) !important
}

.slds-color__text_gray-11 {
    color: var(--lwc-colorGray11, rgb(62, 62, 60)) !important
}

.slds-color__text_gray-12 {
    color: var(--lwc-colorGray12, rgb(43, 40, 38)) !important
}

.slds-color__background_gray-1 {
    background-color: var(--lwc-colorGray1, rgb(255, 255, 255)) !important
}

.slds-color__background_gray-2 {
    background-color: var(--lwc-colorGray2, rgb(250, 250, 249)) !important
}

.slds-color__background_gray-3 {
    background-color: var(--lwc-colorGray3, rgb(243, 242, 242)) !important
}

.slds-color__background_gray-4 {
    background-color: var(--lwc-colorGray4, rgb(236, 235, 234)) !important
}

.slds-color__background_gray-5 {
    background-color: var(--lwc-colorGray5, rgb(221, 219, 218)) !important
}

.slds-color__background_gray-6 {
    background-color: var(--lwc-colorGray6, rgb(201, 199, 197)) !important
}

.slds-color__background_gray-7 {
    background-color: var(--lwc-colorGray7, rgb(176, 173, 171)) !important
}

.slds-color__background_gray-8 {
    background-color: var(--lwc-colorGray8, rgb(150, 148, 146)) !important
}

.slds-color__background_gray-9 {
    background-color: var(--lwc-colorGray9, rgb(112, 110, 107)) !important
}

.slds-color__background_gray-10 {
    background-color: var(--lwc-colorGray10, rgb(81, 79, 77)) !important
}

.slds-color__background_gray-11 {
    background-color: var(--lwc-colorGray11, rgb(62, 62, 60)) !important
}

.slds-color__background_gray-12 {
    background-color: var(--lwc-colorGray12, rgb(43, 40, 38)) !important
}

.slds-color__border_gray-1 {
    border-color: var(--lwc-colorGray1, rgb(255, 255, 255)) !important
}

.slds-color__border_gray-2 {
    border-color: var(--lwc-colorGray2, rgb(250, 250, 249)) !important
}

.slds-color__border_gray-3 {
    border-color: var(--lwc-colorGray3, rgb(243, 242, 242)) !important
}

.slds-color__border_gray-4 {
    border-color: var(--lwc-colorGray4, rgb(236, 235, 234)) !important
}

.slds-color__border_gray-5 {
    border-color: var(--lwc-colorGray5, rgb(221, 219, 218)) !important
}

.slds-color__border_gray-6 {
    border-color: var(--lwc-colorGray6, rgb(201, 199, 197)) !important
}

.slds-color__border_gray-7 {
    border-color: var(--lwc-colorGray7, rgb(176, 173, 171)) !important
}

.slds-color__border_gray-8 {
    border-color: var(--lwc-colorGray8, rgb(150, 148, 146)) !important
}

.slds-color__border_gray-9 {
    border-color: var(--lwc-colorGray9, rgb(112, 110, 107)) !important
}

.slds-color__border_gray-10 {
    border-color: var(--lwc-colorGray10, rgb(81, 79, 77)) !important
}

.slds-color__border_gray-11 {
    border-color: var(--lwc-colorGray11, rgb(62, 62, 60)) !important
}

.slds-color__border_gray-12 {
    border-color: var(--lwc-colorGray12, rgb(43, 40, 38)) !important
}

.slds-color__fill_gray-1 {
    fill: var(--lwc-colorGray1, rgb(255, 255, 255)) !important
}

.slds-color__fill_gray-2 {
    fill: var(--lwc-colorGray2, rgb(250, 250, 249)) !important
}

.slds-color__fill_gray-3 {
    fill: var(--lwc-colorGray3, rgb(243, 242, 242)) !important
}

.slds-color__fill_gray-4 {
    fill: var(--lwc-colorGray4, rgb(236, 235, 234)) !important
}

.slds-color__fill_gray-5 {
    fill: var(--lwc-colorGray5, rgb(221, 219, 218)) !important
}

.slds-color__fill_gray-6 {
    fill: var(--lwc-colorGray6, rgb(201, 199, 197)) !important
}

.slds-color__fill_gray-7 {
    fill: var(--lwc-colorGray7, rgb(176, 173, 171)) !important
}

.slds-color__fill_gray-8 {
    fill: var(--lwc-colorGray8, rgb(150, 148, 146)) !important
}

.slds-color__fill_gray-9 {
    fill: var(--lwc-colorGray9, rgb(112, 110, 107)) !important
}

.slds-color__fill_gray-10 {
    fill: var(--lwc-colorGray10, rgb(81, 79, 77)) !important
}

.slds-color__fill_gray-11 {
    fill: var(--lwc-colorGray11, rgb(62, 62, 60)) !important
}

.slds-color__fill_gray-12 {
    fill: var(--lwc-colorGray12, rgb(43, 40, 38)) !important
}

.slds-scrollable {
    -webkit-overflow-scrolling: touch;
    overflow: auto
}

.slds-scrollable_none, .slds-scrollable--none {
    overflow: hidden
}

.slds-scrollable_y, .slds-scrollable--y {
    -webkit-overflow-scrolling: touch;
    max-height: 100%;
    overflow: hidden;
    overflow-y: auto
}

.slds-scrollable_x, .slds-scrollable--x {
    -webkit-overflow-scrolling: touch;
    max-width: 100%;
    overflow: hidden;
    overflow-x: auto
}

.slds-size_xxx-small, .slds-size--xxx-small {
    width: 3rem
}

.slds-size_xx-small, .slds-size--xx-small {
    width: 6rem
}

.slds-size_x-small, .slds-size--x-small {
    width: 12rem
}

.slds-size_small, .slds-size--small {
    width: 15rem
}

.slds-size_medium, .slds-size--medium {
    width: 20rem
}

.slds-size_large, .slds-size--large {
    width: 25rem
}

.slds-size_x-large, .slds-size--x-large {
    width: 40rem
}

.slds-size_xx-large, .slds-size--xx-large {
    width: 60rem
}

.slds-size_full {
    width: 100%
}

.slds-size_1-of-1, .slds-size--1-of-1 {
    width: 100%
}

.slds-size_1-of-2, .slds-size--1-of-2 {
    width: 50%
}

.slds-size_2-of-2, .slds-size--2-of-2 {
    width: 100%
}

.slds-size_1-of-3, .slds-size--1-of-3 {
    width: 33.3333333333%
}

.slds-size_2-of-3, .slds-size--2-of-3 {
    width: 66.6666666667%
}

.slds-size_3-of-3, .slds-size--3-of-3 {
    width: 100%
}

.slds-size_1-of-4, .slds-size--1-of-4 {
    width: 25%
}

.slds-size_2-of-4, .slds-size--2-of-4 {
    width: 50%
}

.slds-size_3-of-4, .slds-size--3-of-4 {
    width: 75%
}

.slds-size_4-of-4, .slds-size--4-of-4 {
    width: 100%
}

.slds-size_1-of-5, .slds-size--1-of-5 {
    width: 20%
}

.slds-size_2-of-5, .slds-size--2-of-5 {
    width: 40%
}

.slds-size_3-of-5, .slds-size--3-of-5 {
    width: 60%
}

.slds-size_4-of-5, .slds-size--4-of-5 {
    width: 80%
}

.slds-size_5-of-5, .slds-size--5-of-5 {
    width: 100%
}

.slds-size_1-of-6, .slds-size--1-of-6 {
    width: 16.6666666667%
}

.slds-size_2-of-6, .slds-size--2-of-6 {
    width: 33.3333333333%
}

.slds-size_3-of-6, .slds-size--3-of-6 {
    width: 50%
}

.slds-size_4-of-6, .slds-size--4-of-6 {
    width: 66.6666666667%
}

.slds-size_5-of-6, .slds-size--5-of-6 {
    width: 83.3333333333%
}

.slds-size_6-of-6, .slds-size--6-of-6 {
    width: 100%
}

.slds-size_1-of-7, .slds-size--1-of-7 {
    width: 14.2857142857%
}

.slds-size_2-of-7, .slds-size--2-of-7 {
    width: 28.5714285714%
}

.slds-size_3-of-7, .slds-size--3-of-7 {
    width: 42.8571428571%
}

.slds-size_4-of-7, .slds-size--4-of-7 {
    width: 57.1428571429%
}

.slds-size_5-of-7, .slds-size--5-of-7 {
    width: 71.4285714286%
}

.slds-size_6-of-7, .slds-size--6-of-7 {
    width: 85.7142857143%
}

.slds-size_7-of-7, .slds-size--7-of-7 {
    width: 100%
}

.slds-size_1-of-8, .slds-size--1-of-8 {
    width: 12.5%
}

.slds-size_2-of-8, .slds-size--2-of-8 {
    width: 25%
}

.slds-size_3-of-8, .slds-size--3-of-8 {
    width: 37.5%
}

.slds-size_4-of-8, .slds-size--4-of-8 {
    width: 50%
}

.slds-size_5-of-8, .slds-size--5-of-8 {
    width: 62.5%
}

.slds-size_6-of-8, .slds-size--6-of-8 {
    width: 75%
}

.slds-size_7-of-8, .slds-size--7-of-8 {
    width: 87.5%
}

.slds-size_8-of-8, .slds-size--8-of-8 {
    width: 100%
}

.slds-size_1-of-12, .slds-size--1-of-12 {
    width: 8.3333333333%
}

.slds-size_2-of-12, .slds-size--2-of-12 {
    width: 16.6666666667%
}

.slds-size_3-of-12, .slds-size--3-of-12 {
    width: 25%
}

.slds-size_4-of-12, .slds-size--4-of-12 {
    width: 33.3333333333%
}

.slds-size_5-of-12, .slds-size--5-of-12 {
    width: 41.6666666667%
}

.slds-size_6-of-12, .slds-size--6-of-12 {
    width: 50%
}

.slds-size_7-of-12, .slds-size--7-of-12 {
    width: 58.3333333333%
}

.slds-size_8-of-12, .slds-size--8-of-12 {
    width: 66.6666666667%
}

.slds-size_9-of-12, .slds-size--9-of-12 {
    width: 75%
}

.slds-size_10-of-12, .slds-size--10-of-12 {
    width: 83.3333333333%
}

.slds-size_11-of-12, .slds-size--11-of-12 {
    width: 91.6666666667%
}

.slds-size_12-of-12, .slds-size--12-of-12 {
    width: 100%
}

.slds-order_1, .slds-order--1 {
    order: 1
}

.slds-order_2, .slds-order--2 {
    order: 2
}

.slds-order_3, .slds-order--3 {
    order: 3
}

.slds-order_4, .slds-order--4 {
    order: 4
}

.slds-order_5, .slds-order--5 {
    order: 5
}

.slds-order_6, .slds-order--6 {
    order: 6
}

.slds-order_7, .slds-order--7 {
    order: 7
}

.slds-order_8, .slds-order--8 {
    order: 8
}

.slds-order_9, .slds-order--9 {
    order: 9
}

.slds-order_10, .slds-order--10 {
    order: 10
}

.slds-order_11, .slds-order--11 {
    order: 11
}

.slds-order_12, .slds-order--12 {
    order: 12
}

@media (min-width: 20em) {
    [class*=slds-x-small-size_], [class*=slds-x-small-size--] {
        flex: none
    }

    .slds-x-small-size_xxx-small, .slds-x-small-size--xxx-small {
        width: 3rem
    }

    .slds-x-small-size_xx-small, .slds-x-small-size--xx-small {
        width: 6rem
    }

    .slds-x-small-size_x-small, .slds-x-small-size--x-small {
        width: 12rem
    }

    .slds-x-small-size_small, .slds-x-small-size--small {
        width: 15rem
    }

    .slds-x-small-size_medium, .slds-x-small-size--medium {
        width: 20rem
    }

    .slds-x-small-size_large, .slds-x-small-size--large {
        width: 25rem
    }

    .slds-x-small-size_x-large, .slds-x-small-size--x-large {
        width: 40rem
    }

    .slds-x-small-size_xx-large, .slds-x-small-size--xx-large {
        width: 60rem
    }

    .slds-x-small-size_1-of-1, .slds-x-small-size--1-of-1 {
        width: 100%
    }

    .slds-x-small-size_1-of-2, .slds-x-small-size--1-of-2 {
        width: 50%
    }

    .slds-x-small-size_2-of-2, .slds-x-small-size--2-of-2 {
        width: 100%
    }

    .slds-x-small-size_1-of-3, .slds-x-small-size--1-of-3 {
        width: 33.3333333333%
    }

    .slds-x-small-size_2-of-3, .slds-x-small-size--2-of-3 {
        width: 66.6666666667%
    }

    .slds-x-small-size_3-of-3, .slds-x-small-size--3-of-3 {
        width: 100%
    }

    .slds-x-small-size_1-of-4, .slds-x-small-size--1-of-4 {
        width: 25%
    }

    .slds-x-small-size_2-of-4, .slds-x-small-size--2-of-4 {
        width: 50%
    }

    .slds-x-small-size_3-of-4, .slds-x-small-size--3-of-4 {
        width: 75%
    }

    .slds-x-small-size_4-of-4, .slds-x-small-size--4-of-4 {
        width: 100%
    }

    .slds-x-small-size_1-of-5, .slds-x-small-size--1-of-5 {
        width: 20%
    }

    .slds-x-small-size_2-of-5, .slds-x-small-size--2-of-5 {
        width: 40%
    }

    .slds-x-small-size_3-of-5, .slds-x-small-size--3-of-5 {
        width: 60%
    }

    .slds-x-small-size_4-of-5, .slds-x-small-size--4-of-5 {
        width: 80%
    }

    .slds-x-small-size_5-of-5, .slds-x-small-size--5-of-5 {
        width: 100%
    }

    .slds-x-small-size_1-of-6, .slds-x-small-size--1-of-6 {
        width: 16.6666666667%
    }

    .slds-x-small-size_2-of-6, .slds-x-small-size--2-of-6 {
        width: 33.3333333333%
    }

    .slds-x-small-size_3-of-6, .slds-x-small-size--3-of-6 {
        width: 50%
    }

    .slds-x-small-size_4-of-6, .slds-x-small-size--4-of-6 {
        width: 66.6666666667%
    }

    .slds-x-small-size_5-of-6, .slds-x-small-size--5-of-6 {
        width: 83.3333333333%
    }

    .slds-x-small-size_6-of-6, .slds-x-small-size--6-of-6 {
        width: 100%
    }

    .slds-x-small-size_1-of-7, .slds-x-small-size--1-of-7 {
        width: 14.2857142857%
    }

    .slds-x-small-size_2-of-7, .slds-x-small-size--2-of-7 {
        width: 28.5714285714%
    }

    .slds-x-small-size_3-of-7, .slds-x-small-size--3-of-7 {
        width: 42.8571428571%
    }

    .slds-x-small-size_4-of-7, .slds-x-small-size--4-of-7 {
        width: 57.1428571429%
    }

    .slds-x-small-size_5-of-7, .slds-x-small-size--5-of-7 {
        width: 71.4285714286%
    }

    .slds-x-small-size_6-of-7, .slds-x-small-size--6-of-7 {
        width: 85.7142857143%
    }

    .slds-x-small-size_7-of-7, .slds-x-small-size--7-of-7 {
        width: 100%
    }

    .slds-x-small-size_1-of-8, .slds-x-small-size--1-of-8 {
        width: 12.5%
    }

    .slds-x-small-size_2-of-8, .slds-x-small-size--2-of-8 {
        width: 25%
    }

    .slds-x-small-size_3-of-8, .slds-x-small-size--3-of-8 {
        width: 37.5%
    }

    .slds-x-small-size_4-of-8, .slds-x-small-size--4-of-8 {
        width: 50%
    }

    .slds-x-small-size_5-of-8, .slds-x-small-size--5-of-8 {
        width: 62.5%
    }

    .slds-x-small-size_6-of-8, .slds-x-small-size--6-of-8 {
        width: 75%
    }

    .slds-x-small-size_7-of-8, .slds-x-small-size--7-of-8 {
        width: 87.5%
    }

    .slds-x-small-size_8-of-8, .slds-x-small-size--8-of-8 {
        width: 100%
    }

    .slds-x-small-size_1-of-12, .slds-x-small-size--1-of-12 {
        width: 8.3333333333%
    }

    .slds-x-small-size_2-of-12, .slds-x-small-size--2-of-12 {
        width: 16.6666666667%
    }

    .slds-x-small-size_3-of-12, .slds-x-small-size--3-of-12 {
        width: 25%
    }

    .slds-x-small-size_4-of-12, .slds-x-small-size--4-of-12 {
        width: 33.3333333333%
    }

    .slds-x-small-size_5-of-12, .slds-x-small-size--5-of-12 {
        width: 41.6666666667%
    }

    .slds-x-small-size_6-of-12, .slds-x-small-size--6-of-12 {
        width: 50%
    }

    .slds-x-small-size_7-of-12, .slds-x-small-size--7-of-12 {
        width: 58.3333333333%
    }

    .slds-x-small-size_8-of-12, .slds-x-small-size--8-of-12 {
        width: 66.6666666667%
    }

    .slds-x-small-size_9-of-12, .slds-x-small-size--9-of-12 {
        width: 75%
    }

    .slds-x-small-size_10-of-12, .slds-x-small-size--10-of-12 {
        width: 83.3333333333%
    }

    .slds-x-small-size_11-of-12, .slds-x-small-size--11-of-12 {
        width: 91.6666666667%
    }

    .slds-x-small-size_12-of-12, .slds-x-small-size--12-of-12 {
        width: 100%
    }

    .slds-x-small-order_1, .slds-x-small-order--1 {
        order: 1
    }

    .slds-x-small-order_2, .slds-x-small-order--2 {
        order: 2
    }

    .slds-x-small-order_3, .slds-x-small-order--3 {
        order: 3
    }

    .slds-x-small-order_4, .slds-x-small-order--4 {
        order: 4
    }

    .slds-x-small-order_5, .slds-x-small-order--5 {
        order: 5
    }

    .slds-x-small-order_6, .slds-x-small-order--6 {
        order: 6
    }

    .slds-x-small-order_7, .slds-x-small-order--7 {
        order: 7
    }

    .slds-x-small-order_8, .slds-x-small-order--8 {
        order: 8
    }

    .slds-x-small-order_9, .slds-x-small-order--9 {
        order: 9
    }

    .slds-x-small-order_10, .slds-x-small-order--10 {
        order: 10
    }

    .slds-x-small-order_11, .slds-x-small-order--11 {
        order: 11
    }

    .slds-x-small-order_12, .slds-x-small-order--12 {
        order: 12
    }
}

@media (max-width: 20em) {
    [class*=slds-max-x-small-size_], [class*=slds-max-x-small-size--] {
        flex: none
    }

    .slds-max-x-small-size_xxx-small, .slds-max-x-small-size--xxx-small {
        width: 3rem
    }

    .slds-max-x-small-size_xx-small, .slds-max-x-small-size--xx-small {
        width: 6rem
    }

    .slds-max-x-small-size_x-small, .slds-max-x-small-size--x-small {
        width: 12rem
    }

    .slds-max-x-small-size_small, .slds-max-x-small-size--small {
        width: 15rem
    }

    .slds-max-x-small-size_medium, .slds-max-x-small-size--medium {
        width: 20rem
    }

    .slds-max-x-small-size_large, .slds-max-x-small-size--large {
        width: 25rem
    }

    .slds-max-x-small-size_x-large, .slds-max-x-small-size--x-large {
        width: 40rem
    }

    .slds-max-x-small-size_xx-large, .slds-max-x-small-size--xx-large {
        width: 60rem
    }

    .slds-max-x-small-size_1-of-1, .slds-max-x-small-size--1-of-1 {
        width: 100%
    }

    .slds-max-x-small-size_1-of-2, .slds-max-x-small-size--1-of-2 {
        width: 50%
    }

    .slds-max-x-small-size_2-of-2, .slds-max-x-small-size--2-of-2 {
        width: 100%
    }

    .slds-max-x-small-size_1-of-3, .slds-max-x-small-size--1-of-3 {
        width: 33.3333333333%
    }

    .slds-max-x-small-size_2-of-3, .slds-max-x-small-size--2-of-3 {
        width: 66.6666666667%
    }

    .slds-max-x-small-size_3-of-3, .slds-max-x-small-size--3-of-3 {
        width: 100%
    }

    .slds-max-x-small-size_1-of-4, .slds-max-x-small-size--1-of-4 {
        width: 25%
    }

    .slds-max-x-small-size_2-of-4, .slds-max-x-small-size--2-of-4 {
        width: 50%
    }

    .slds-max-x-small-size_3-of-4, .slds-max-x-small-size--3-of-4 {
        width: 75%
    }

    .slds-max-x-small-size_4-of-4, .slds-max-x-small-size--4-of-4 {
        width: 100%
    }

    .slds-max-x-small-size_1-of-5, .slds-max-x-small-size--1-of-5 {
        width: 20%
    }

    .slds-max-x-small-size_2-of-5, .slds-max-x-small-size--2-of-5 {
        width: 40%
    }

    .slds-max-x-small-size_3-of-5, .slds-max-x-small-size--3-of-5 {
        width: 60%
    }

    .slds-max-x-small-size_4-of-5, .slds-max-x-small-size--4-of-5 {
        width: 80%
    }

    .slds-max-x-small-size_5-of-5, .slds-max-x-small-size--5-of-5 {
        width: 100%
    }

    .slds-max-x-small-size_1-of-6, .slds-max-x-small-size--1-of-6 {
        width: 16.6666666667%
    }

    .slds-max-x-small-size_2-of-6, .slds-max-x-small-size--2-of-6 {
        width: 33.3333333333%
    }

    .slds-max-x-small-size_3-of-6, .slds-max-x-small-size--3-of-6 {
        width: 50%
    }

    .slds-max-x-small-size_4-of-6, .slds-max-x-small-size--4-of-6 {
        width: 66.6666666667%
    }

    .slds-max-x-small-size_5-of-6, .slds-max-x-small-size--5-of-6 {
        width: 83.3333333333%
    }

    .slds-max-x-small-size_6-of-6, .slds-max-x-small-size--6-of-6 {
        width: 100%
    }

    .slds-max-x-small-size_1-of-7, .slds-max-x-small-size--1-of-7 {
        width: 14.2857142857%
    }

    .slds-max-x-small-size_2-of-7, .slds-max-x-small-size--2-of-7 {
        width: 28.5714285714%
    }

    .slds-max-x-small-size_3-of-7, .slds-max-x-small-size--3-of-7 {
        width: 42.8571428571%
    }

    .slds-max-x-small-size_4-of-7, .slds-max-x-small-size--4-of-7 {
        width: 57.1428571429%
    }

    .slds-max-x-small-size_5-of-7, .slds-max-x-small-size--5-of-7 {
        width: 71.4285714286%
    }

    .slds-max-x-small-size_6-of-7, .slds-max-x-small-size--6-of-7 {
        width: 85.7142857143%
    }

    .slds-max-x-small-size_7-of-7, .slds-max-x-small-size--7-of-7 {
        width: 100%
    }

    .slds-max-x-small-size_1-of-8, .slds-max-x-small-size--1-of-8 {
        width: 12.5%
    }

    .slds-max-x-small-size_2-of-8, .slds-max-x-small-size--2-of-8 {
        width: 25%
    }

    .slds-max-x-small-size_3-of-8, .slds-max-x-small-size--3-of-8 {
        width: 37.5%
    }

    .slds-max-x-small-size_4-of-8, .slds-max-x-small-size--4-of-8 {
        width: 50%
    }

    .slds-max-x-small-size_5-of-8, .slds-max-x-small-size--5-of-8 {
        width: 62.5%
    }

    .slds-max-x-small-size_6-of-8, .slds-max-x-small-size--6-of-8 {
        width: 75%
    }

    .slds-max-x-small-size_7-of-8, .slds-max-x-small-size--7-of-8 {
        width: 87.5%
    }

    .slds-max-x-small-size_8-of-8, .slds-max-x-small-size--8-of-8 {
        width: 100%
    }

    .slds-max-x-small-size_1-of-12, .slds-max-x-small-size--1-of-12 {
        width: 8.3333333333%
    }

    .slds-max-x-small-size_2-of-12, .slds-max-x-small-size--2-of-12 {
        width: 16.6666666667%
    }

    .slds-max-x-small-size_3-of-12, .slds-max-x-small-size--3-of-12 {
        width: 25%
    }

    .slds-max-x-small-size_4-of-12, .slds-max-x-small-size--4-of-12 {
        width: 33.3333333333%
    }

    .slds-max-x-small-size_5-of-12, .slds-max-x-small-size--5-of-12 {
        width: 41.6666666667%
    }

    .slds-max-x-small-size_6-of-12, .slds-max-x-small-size--6-of-12 {
        width: 50%
    }

    .slds-max-x-small-size_7-of-12, .slds-max-x-small-size--7-of-12 {
        width: 58.3333333333%
    }

    .slds-max-x-small-size_8-of-12, .slds-max-x-small-size--8-of-12 {
        width: 66.6666666667%
    }

    .slds-max-x-small-size_9-of-12, .slds-max-x-small-size--9-of-12 {
        width: 75%
    }

    .slds-max-x-small-size_10-of-12, .slds-max-x-small-size--10-of-12 {
        width: 83.3333333333%
    }

    .slds-max-x-small-size_11-of-12, .slds-max-x-small-size--11-of-12 {
        width: 91.6666666667%
    }

    .slds-max-x-small-size_12-of-12, .slds-max-x-small-size--12-of-12 {
        width: 100%
    }

    .slds-max-x-small-order_1, .slds-max-x-small-order--1 {
        order: 1
    }

    .slds-max-x-small-order_2, .slds-max-x-small-order--2 {
        order: 2
    }

    .slds-max-x-small-order_3, .slds-max-x-small-order--3 {
        order: 3
    }

    .slds-max-x-small-order_4, .slds-max-x-small-order--4 {
        order: 4
    }

    .slds-max-x-small-order_5, .slds-max-x-small-order--5 {
        order: 5
    }

    .slds-max-x-small-order_6, .slds-max-x-small-order--6 {
        order: 6
    }

    .slds-max-x-small-order_7, .slds-max-x-small-order--7 {
        order: 7
    }

    .slds-max-x-small-order_8, .slds-max-x-small-order--8 {
        order: 8
    }

    .slds-max-x-small-order_9, .slds-max-x-small-order--9 {
        order: 9
    }

    .slds-max-x-small-order_10, .slds-max-x-small-order--10 {
        order: 10
    }

    .slds-max-x-small-order_11, .slds-max-x-small-order--11 {
        order: 11
    }

    .slds-max-x-small-order_12, .slds-max-x-small-order--12 {
        order: 12
    }
}

@media (min-width: 30em) {
    [class*=slds-small-size_], [class*=slds-small-size--] {
        flex: none
    }

    .slds-small-size_xxx-small, .slds-small-size--xxx-small {
        width: 3rem
    }

    .slds-small-size_xx-small, .slds-small-size--xx-small {
        width: 6rem
    }

    .slds-small-size_x-small, .slds-small-size--x-small {
        width: 12rem
    }

    .slds-small-size_small, .slds-small-size--small {
        width: 15rem
    }

    .slds-small-size_medium, .slds-small-size--medium {
        width: 20rem
    }

    .slds-small-size_large, .slds-small-size--large {
        width: 25rem
    }

    .slds-small-size_x-large, .slds-small-size--x-large {
        width: 40rem
    }

    .slds-small-size_xx-large, .slds-small-size--xx-large {
        width: 60rem
    }

    .slds-small-size_1-of-1, .slds-small-size--1-of-1 {
        width: 100%
    }

    .slds-small-size_1-of-2, .slds-small-size--1-of-2 {
        width: 50%
    }

    .slds-small-size_2-of-2, .slds-small-size--2-of-2 {
        width: 100%
    }

    .slds-small-size_1-of-3, .slds-small-size--1-of-3 {
        width: 33.3333333333%
    }

    .slds-small-size_2-of-3, .slds-small-size--2-of-3 {
        width: 66.6666666667%
    }

    .slds-small-size_3-of-3, .slds-small-size--3-of-3 {
        width: 100%
    }

    .slds-small-size_1-of-4, .slds-small-size--1-of-4 {
        width: 25%
    }

    .slds-small-size_2-of-4, .slds-small-size--2-of-4 {
        width: 50%
    }

    .slds-small-size_3-of-4, .slds-small-size--3-of-4 {
        width: 75%
    }

    .slds-small-size_4-of-4, .slds-small-size--4-of-4 {
        width: 100%
    }

    .slds-small-size_1-of-5, .slds-small-size--1-of-5 {
        width: 20%
    }

    .slds-small-size_2-of-5, .slds-small-size--2-of-5 {
        width: 40%
    }

    .slds-small-size_3-of-5, .slds-small-size--3-of-5 {
        width: 60%
    }

    .slds-small-size_4-of-5, .slds-small-size--4-of-5 {
        width: 80%
    }

    .slds-small-size_5-of-5, .slds-small-size--5-of-5 {
        width: 100%
    }

    .slds-small-size_1-of-6, .slds-small-size--1-of-6 {
        width: 16.6666666667%
    }

    .slds-small-size_2-of-6, .slds-small-size--2-of-6 {
        width: 33.3333333333%
    }

    .slds-small-size_3-of-6, .slds-small-size--3-of-6 {
        width: 50%
    }

    .slds-small-size_4-of-6, .slds-small-size--4-of-6 {
        width: 66.6666666667%
    }

    .slds-small-size_5-of-6, .slds-small-size--5-of-6 {
        width: 83.3333333333%
    }

    .slds-small-size_6-of-6, .slds-small-size--6-of-6 {
        width: 100%
    }

    .slds-small-size_1-of-7, .slds-small-size--1-of-7 {
        width: 14.2857142857%
    }

    .slds-small-size_2-of-7, .slds-small-size--2-of-7 {
        width: 28.5714285714%
    }

    .slds-small-size_3-of-7, .slds-small-size--3-of-7 {
        width: 42.8571428571%
    }

    .slds-small-size_4-of-7, .slds-small-size--4-of-7 {
        width: 57.1428571429%
    }

    .slds-small-size_5-of-7, .slds-small-size--5-of-7 {
        width: 71.4285714286%
    }

    .slds-small-size_6-of-7, .slds-small-size--6-of-7 {
        width: 85.7142857143%
    }

    .slds-small-size_7-of-7, .slds-small-size--7-of-7 {
        width: 100%
    }

    .slds-small-size_1-of-8, .slds-small-size--1-of-8 {
        width: 12.5%
    }

    .slds-small-size_2-of-8, .slds-small-size--2-of-8 {
        width: 25%
    }

    .slds-small-size_3-of-8, .slds-small-size--3-of-8 {
        width: 37.5%
    }

    .slds-small-size_4-of-8, .slds-small-size--4-of-8 {
        width: 50%
    }

    .slds-small-size_5-of-8, .slds-small-size--5-of-8 {
        width: 62.5%
    }

    .slds-small-size_6-of-8, .slds-small-size--6-of-8 {
        width: 75%
    }

    .slds-small-size_7-of-8, .slds-small-size--7-of-8 {
        width: 87.5%
    }

    .slds-small-size_8-of-8, .slds-small-size--8-of-8 {
        width: 100%
    }

    .slds-small-size_1-of-12, .slds-small-size--1-of-12 {
        width: 8.3333333333%
    }

    .slds-small-size_2-of-12, .slds-small-size--2-of-12 {
        width: 16.6666666667%
    }

    .slds-small-size_3-of-12, .slds-small-size--3-of-12 {
        width: 25%
    }

    .slds-small-size_4-of-12, .slds-small-size--4-of-12 {
        width: 33.3333333333%
    }

    .slds-small-size_5-of-12, .slds-small-size--5-of-12 {
        width: 41.6666666667%
    }

    .slds-small-size_6-of-12, .slds-small-size--6-of-12 {
        width: 50%
    }

    .slds-small-size_7-of-12, .slds-small-size--7-of-12 {
        width: 58.3333333333%
    }

    .slds-small-size_8-of-12, .slds-small-size--8-of-12 {
        width: 66.6666666667%
    }

    .slds-small-size_9-of-12, .slds-small-size--9-of-12 {
        width: 75%
    }

    .slds-small-size_10-of-12, .slds-small-size--10-of-12 {
        width: 83.3333333333%
    }

    .slds-small-size_11-of-12, .slds-small-size--11-of-12 {
        width: 91.6666666667%
    }

    .slds-small-size_12-of-12, .slds-small-size--12-of-12 {
        width: 100%
    }

    .slds-small-order_1, .slds-small-order--1 {
        order: 1
    }

    .slds-small-order_2, .slds-small-order--2 {
        order: 2
    }

    .slds-small-order_3, .slds-small-order--3 {
        order: 3
    }

    .slds-small-order_4, .slds-small-order--4 {
        order: 4
    }

    .slds-small-order_5, .slds-small-order--5 {
        order: 5
    }

    .slds-small-order_6, .slds-small-order--6 {
        order: 6
    }

    .slds-small-order_7, .slds-small-order--7 {
        order: 7
    }

    .slds-small-order_8, .slds-small-order--8 {
        order: 8
    }

    .slds-small-order_9, .slds-small-order--9 {
        order: 9
    }

    .slds-small-order_10, .slds-small-order--10 {
        order: 10
    }

    .slds-small-order_11, .slds-small-order--11 {
        order: 11
    }

    .slds-small-order_12, .slds-small-order--12 {
        order: 12
    }
}

@media (max-width: 30em) {
    [class*=slds-max-small-size_], [class*=slds-max-small-size--] {
        flex: none
    }

    .slds-max-small-size_xxx-small, .slds-max-small-size--xxx-small {
        width: 3rem
    }

    .slds-max-small-size_xx-small, .slds-max-small-size--xx-small {
        width: 6rem
    }

    .slds-max-small-size_x-small, .slds-max-small-size--x-small {
        width: 12rem
    }

    .slds-max-small-size_small, .slds-max-small-size--small {
        width: 15rem
    }

    .slds-max-small-size_medium, .slds-max-small-size--medium {
        width: 20rem
    }

    .slds-max-small-size_large, .slds-max-small-size--large {
        width: 25rem
    }

    .slds-max-small-size_x-large, .slds-max-small-size--x-large {
        width: 40rem
    }

    .slds-max-small-size_xx-large, .slds-max-small-size--xx-large {
        width: 60rem
    }

    .slds-max-small-size_1-of-1, .slds-max-small-size--1-of-1 {
        width: 100%
    }

    .slds-max-small-size_1-of-2, .slds-max-small-size--1-of-2 {
        width: 50%
    }

    .slds-max-small-size_2-of-2, .slds-max-small-size--2-of-2 {
        width: 100%
    }

    .slds-max-small-size_1-of-3, .slds-max-small-size--1-of-3 {
        width: 33.3333333333%
    }

    .slds-max-small-size_2-of-3, .slds-max-small-size--2-of-3 {
        width: 66.6666666667%
    }

    .slds-max-small-size_3-of-3, .slds-max-small-size--3-of-3 {
        width: 100%
    }

    .slds-max-small-size_1-of-4, .slds-max-small-size--1-of-4 {
        width: 25%
    }

    .slds-max-small-size_2-of-4, .slds-max-small-size--2-of-4 {
        width: 50%
    }

    .slds-max-small-size_3-of-4, .slds-max-small-size--3-of-4 {
        width: 75%
    }

    .slds-max-small-size_4-of-4, .slds-max-small-size--4-of-4 {
        width: 100%
    }

    .slds-max-small-size_1-of-5, .slds-max-small-size--1-of-5 {
        width: 20%
    }

    .slds-max-small-size_2-of-5, .slds-max-small-size--2-of-5 {
        width: 40%
    }

    .slds-max-small-size_3-of-5, .slds-max-small-size--3-of-5 {
        width: 60%
    }

    .slds-max-small-size_4-of-5, .slds-max-small-size--4-of-5 {
        width: 80%
    }

    .slds-max-small-size_5-of-5, .slds-max-small-size--5-of-5 {
        width: 100%
    }

    .slds-max-small-size_1-of-6, .slds-max-small-size--1-of-6 {
        width: 16.6666666667%
    }

    .slds-max-small-size_2-of-6, .slds-max-small-size--2-of-6 {
        width: 33.3333333333%
    }

    .slds-max-small-size_3-of-6, .slds-max-small-size--3-of-6 {
        width: 50%
    }

    .slds-max-small-size_4-of-6, .slds-max-small-size--4-of-6 {
        width: 66.6666666667%
    }

    .slds-max-small-size_5-of-6, .slds-max-small-size--5-of-6 {
        width: 83.3333333333%
    }

    .slds-max-small-size_6-of-6, .slds-max-small-size--6-of-6 {
        width: 100%
    }

    .slds-max-small-size_1-of-7, .slds-max-small-size--1-of-7 {
        width: 14.2857142857%
    }

    .slds-max-small-size_2-of-7, .slds-max-small-size--2-of-7 {
        width: 28.5714285714%
    }

    .slds-max-small-size_3-of-7, .slds-max-small-size--3-of-7 {
        width: 42.8571428571%
    }

    .slds-max-small-size_4-of-7, .slds-max-small-size--4-of-7 {
        width: 57.1428571429%
    }

    .slds-max-small-size_5-of-7, .slds-max-small-size--5-of-7 {
        width: 71.4285714286%
    }

    .slds-max-small-size_6-of-7, .slds-max-small-size--6-of-7 {
        width: 85.7142857143%
    }

    .slds-max-small-size_7-of-7, .slds-max-small-size--7-of-7 {
        width: 100%
    }

    .slds-max-small-size_1-of-8, .slds-max-small-size--1-of-8 {
        width: 12.5%
    }

    .slds-max-small-size_2-of-8, .slds-max-small-size--2-of-8 {
        width: 25%
    }

    .slds-max-small-size_3-of-8, .slds-max-small-size--3-of-8 {
        width: 37.5%
    }

    .slds-max-small-size_4-of-8, .slds-max-small-size--4-of-8 {
        width: 50%
    }

    .slds-max-small-size_5-of-8, .slds-max-small-size--5-of-8 {
        width: 62.5%
    }

    .slds-max-small-size_6-of-8, .slds-max-small-size--6-of-8 {
        width: 75%
    }

    .slds-max-small-size_7-of-8, .slds-max-small-size--7-of-8 {
        width: 87.5%
    }

    .slds-max-small-size_8-of-8, .slds-max-small-size--8-of-8 {
        width: 100%
    }

    .slds-max-small-size_1-of-12, .slds-max-small-size--1-of-12 {
        width: 8.3333333333%
    }

    .slds-max-small-size_2-of-12, .slds-max-small-size--2-of-12 {
        width: 16.6666666667%
    }

    .slds-max-small-size_3-of-12, .slds-max-small-size--3-of-12 {
        width: 25%
    }

    .slds-max-small-size_4-of-12, .slds-max-small-size--4-of-12 {
        width: 33.3333333333%
    }

    .slds-max-small-size_5-of-12, .slds-max-small-size--5-of-12 {
        width: 41.6666666667%
    }

    .slds-max-small-size_6-of-12, .slds-max-small-size--6-of-12 {
        width: 50%
    }

    .slds-max-small-size_7-of-12, .slds-max-small-size--7-of-12 {
        width: 58.3333333333%
    }

    .slds-max-small-size_8-of-12, .slds-max-small-size--8-of-12 {
        width: 66.6666666667%
    }

    .slds-max-small-size_9-of-12, .slds-max-small-size--9-of-12 {
        width: 75%
    }

    .slds-max-small-size_10-of-12, .slds-max-small-size--10-of-12 {
        width: 83.3333333333%
    }

    .slds-max-small-size_11-of-12, .slds-max-small-size--11-of-12 {
        width: 91.6666666667%
    }

    .slds-max-small-size_12-of-12, .slds-max-small-size--12-of-12 {
        width: 100%
    }

    .slds-max-small-order_1, .slds-max-small-order--1 {
        order: 1
    }

    .slds-max-small-order_2, .slds-max-small-order--2 {
        order: 2
    }

    .slds-max-small-order_3, .slds-max-small-order--3 {
        order: 3
    }

    .slds-max-small-order_4, .slds-max-small-order--4 {
        order: 4
    }

    .slds-max-small-order_5, .slds-max-small-order--5 {
        order: 5
    }

    .slds-max-small-order_6, .slds-max-small-order--6 {
        order: 6
    }

    .slds-max-small-order_7, .slds-max-small-order--7 {
        order: 7
    }

    .slds-max-small-order_8, .slds-max-small-order--8 {
        order: 8
    }

    .slds-max-small-order_9, .slds-max-small-order--9 {
        order: 9
    }

    .slds-max-small-order_10, .slds-max-small-order--10 {
        order: 10
    }

    .slds-max-small-order_11, .slds-max-small-order--11 {
        order: 11
    }

    .slds-max-small-order_12, .slds-max-small-order--12 {
        order: 12
    }
}

@media (min-width: 48em) {
    [class*=slds-medium-size_], [class*=slds-medium-size--] {
        flex: none
    }

    .slds-medium-size_xxx-small, .slds-medium-size--xxx-small {
        width: 3rem
    }

    .slds-medium-size_xx-small, .slds-medium-size--xx-small {
        width: 6rem
    }

    .slds-medium-size_x-small, .slds-medium-size--x-small {
        width: 12rem
    }

    .slds-medium-size_small, .slds-medium-size--small {
        width: 15rem
    }

    .slds-medium-size_medium, .slds-medium-size--medium {
        width: 20rem
    }

    .slds-medium-size_large, .slds-medium-size--large {
        width: 25rem
    }

    .slds-medium-size_x-large, .slds-medium-size--x-large {
        width: 40rem
    }

    .slds-medium-size_xx-large, .slds-medium-size--xx-large {
        width: 60rem
    }

    .slds-medium-size_1-of-1, .slds-medium-size--1-of-1 {
        width: 100%
    }

    .slds-medium-size_1-of-2, .slds-medium-size--1-of-2 {
        width: 50%
    }

    .slds-medium-size_2-of-2, .slds-medium-size--2-of-2 {
        width: 100%
    }

    .slds-medium-size_1-of-3, .slds-medium-size--1-of-3 {
        width: 33.3333333333%
    }

    .slds-medium-size_2-of-3, .slds-medium-size--2-of-3 {
        width: 66.6666666667%
    }

    .slds-medium-size_3-of-3, .slds-medium-size--3-of-3 {
        width: 100%
    }

    .slds-medium-size_1-of-4, .slds-medium-size--1-of-4 {
        width: 25%
    }

    .slds-medium-size_2-of-4, .slds-medium-size--2-of-4 {
        width: 50%
    }

    .slds-medium-size_3-of-4, .slds-medium-size--3-of-4 {
        width: 75%
    }

    .slds-medium-size_4-of-4, .slds-medium-size--4-of-4 {
        width: 100%
    }

    .slds-medium-size_1-of-5, .slds-medium-size--1-of-5 {
        width: 20%
    }

    .slds-medium-size_2-of-5, .slds-medium-size--2-of-5 {
        width: 40%
    }

    .slds-medium-size_3-of-5, .slds-medium-size--3-of-5 {
        width: 60%
    }

    .slds-medium-size_4-of-5, .slds-medium-size--4-of-5 {
        width: 80%
    }

    .slds-medium-size_5-of-5, .slds-medium-size--5-of-5 {
        width: 100%
    }

    .slds-medium-size_1-of-6, .slds-medium-size--1-of-6 {
        width: 16.6666666667%
    }

    .slds-medium-size_2-of-6, .slds-medium-size--2-of-6 {
        width: 33.3333333333%
    }

    .slds-medium-size_3-of-6, .slds-medium-size--3-of-6 {
        width: 50%
    }

    .slds-medium-size_4-of-6, .slds-medium-size--4-of-6 {
        width: 66.6666666667%
    }

    .slds-medium-size_5-of-6, .slds-medium-size--5-of-6 {
        width: 83.3333333333%
    }

    .slds-medium-size_6-of-6, .slds-medium-size--6-of-6 {
        width: 100%
    }

    .slds-medium-size_1-of-7, .slds-medium-size--1-of-7 {
        width: 14.2857142857%
    }

    .slds-medium-size_2-of-7, .slds-medium-size--2-of-7 {
        width: 28.5714285714%
    }

    .slds-medium-size_3-of-7, .slds-medium-size--3-of-7 {
        width: 42.8571428571%
    }

    .slds-medium-size_4-of-7, .slds-medium-size--4-of-7 {
        width: 57.1428571429%
    }

    .slds-medium-size_5-of-7, .slds-medium-size--5-of-7 {
        width: 71.4285714286%
    }

    .slds-medium-size_6-of-7, .slds-medium-size--6-of-7 {
        width: 85.7142857143%
    }

    .slds-medium-size_7-of-7, .slds-medium-size--7-of-7 {
        width: 100%
    }

    .slds-medium-size_1-of-8, .slds-medium-size--1-of-8 {
        width: 12.5%
    }

    .slds-medium-size_2-of-8, .slds-medium-size--2-of-8 {
        width: 25%
    }

    .slds-medium-size_3-of-8, .slds-medium-size--3-of-8 {
        width: 37.5%
    }

    .slds-medium-size_4-of-8, .slds-medium-size--4-of-8 {
        width: 50%
    }

    .slds-medium-size_5-of-8, .slds-medium-size--5-of-8 {
        width: 62.5%
    }

    .slds-medium-size_6-of-8, .slds-medium-size--6-of-8 {
        width: 75%
    }

    .slds-medium-size_7-of-8, .slds-medium-size--7-of-8 {
        width: 87.5%
    }

    .slds-medium-size_8-of-8, .slds-medium-size--8-of-8 {
        width: 100%
    }

    .slds-medium-size_1-of-12, .slds-medium-size--1-of-12 {
        width: 8.3333333333%
    }

    .slds-medium-size_2-of-12, .slds-medium-size--2-of-12 {
        width: 16.6666666667%
    }

    .slds-medium-size_3-of-12, .slds-medium-size--3-of-12 {
        width: 25%
    }

    .slds-medium-size_4-of-12, .slds-medium-size--4-of-12 {
        width: 33.3333333333%
    }

    .slds-medium-size_5-of-12, .slds-medium-size--5-of-12 {
        width: 41.6666666667%
    }

    .slds-medium-size_6-of-12, .slds-medium-size--6-of-12 {
        width: 50%
    }

    .slds-medium-size_7-of-12, .slds-medium-size--7-of-12 {
        width: 58.3333333333%
    }

    .slds-medium-size_8-of-12, .slds-medium-size--8-of-12 {
        width: 66.6666666667%
    }

    .slds-medium-size_9-of-12, .slds-medium-size--9-of-12 {
        width: 75%
    }

    .slds-medium-size_10-of-12, .slds-medium-size--10-of-12 {
        width: 83.3333333333%
    }

    .slds-medium-size_11-of-12, .slds-medium-size--11-of-12 {
        width: 91.6666666667%
    }

    .slds-medium-size_12-of-12, .slds-medium-size--12-of-12 {
        width: 100%
    }

    .slds-medium-order_1, .slds-medium-order--1 {
        order: 1
    }

    .slds-medium-order_2, .slds-medium-order--2 {
        order: 2
    }

    .slds-medium-order_3, .slds-medium-order--3 {
        order: 3
    }

    .slds-medium-order_4, .slds-medium-order--4 {
        order: 4
    }

    .slds-medium-order_5, .slds-medium-order--5 {
        order: 5
    }

    .slds-medium-order_6, .slds-medium-order--6 {
        order: 6
    }

    .slds-medium-order_7, .slds-medium-order--7 {
        order: 7
    }

    .slds-medium-order_8, .slds-medium-order--8 {
        order: 8
    }

    .slds-medium-order_9, .slds-medium-order--9 {
        order: 9
    }

    .slds-medium-order_10, .slds-medium-order--10 {
        order: 10
    }

    .slds-medium-order_11, .slds-medium-order--11 {
        order: 11
    }

    .slds-medium-order_12, .slds-medium-order--12 {
        order: 12
    }
}

@media (max-width: 48em) {
    [class*=slds-max-medium-size_], [class*=slds-max-medium-size--] {
        flex: none
    }

    .slds-max-medium-size_xxx-small, .slds-max-medium-size--xxx-small {
        width: 3rem
    }

    .slds-max-medium-size_xx-small, .slds-max-medium-size--xx-small {
        width: 6rem
    }

    .slds-max-medium-size_x-small, .slds-max-medium-size--x-small {
        width: 12rem
    }

    .slds-max-medium-size_small, .slds-max-medium-size--small {
        width: 15rem
    }

    .slds-max-medium-size_medium, .slds-max-medium-size--medium {
        width: 20rem
    }

    .slds-max-medium-size_large, .slds-max-medium-size--large {
        width: 25rem
    }

    .slds-max-medium-size_x-large, .slds-max-medium-size--x-large {
        width: 40rem
    }

    .slds-max-medium-size_xx-large, .slds-max-medium-size--xx-large {
        width: 60rem
    }

    .slds-max-medium-size_1-of-1, .slds-max-medium-size--1-of-1 {
        width: 100%
    }

    .slds-max-medium-size_1-of-2, .slds-max-medium-size--1-of-2 {
        width: 50%
    }

    .slds-max-medium-size_2-of-2, .slds-max-medium-size--2-of-2 {
        width: 100%
    }

    .slds-max-medium-size_1-of-3, .slds-max-medium-size--1-of-3 {
        width: 33.3333333333%
    }

    .slds-max-medium-size_2-of-3, .slds-max-medium-size--2-of-3 {
        width: 66.6666666667%
    }

    .slds-max-medium-size_3-of-3, .slds-max-medium-size--3-of-3 {
        width: 100%
    }

    .slds-max-medium-size_1-of-4, .slds-max-medium-size--1-of-4 {
        width: 25%
    }

    .slds-max-medium-size_2-of-4, .slds-max-medium-size--2-of-4 {
        width: 50%
    }

    .slds-max-medium-size_3-of-4, .slds-max-medium-size--3-of-4 {
        width: 75%
    }

    .slds-max-medium-size_4-of-4, .slds-max-medium-size--4-of-4 {
        width: 100%
    }

    .slds-max-medium-size_1-of-5, .slds-max-medium-size--1-of-5 {
        width: 20%
    }

    .slds-max-medium-size_2-of-5, .slds-max-medium-size--2-of-5 {
        width: 40%
    }

    .slds-max-medium-size_3-of-5, .slds-max-medium-size--3-of-5 {
        width: 60%
    }

    .slds-max-medium-size_4-of-5, .slds-max-medium-size--4-of-5 {
        width: 80%
    }

    .slds-max-medium-size_5-of-5, .slds-max-medium-size--5-of-5 {
        width: 100%
    }

    .slds-max-medium-size_1-of-6, .slds-max-medium-size--1-of-6 {
        width: 16.6666666667%
    }

    .slds-max-medium-size_2-of-6, .slds-max-medium-size--2-of-6 {
        width: 33.3333333333%
    }

    .slds-max-medium-size_3-of-6, .slds-max-medium-size--3-of-6 {
        width: 50%
    }

    .slds-max-medium-size_4-of-6, .slds-max-medium-size--4-of-6 {
        width: 66.6666666667%
    }

    .slds-max-medium-size_5-of-6, .slds-max-medium-size--5-of-6 {
        width: 83.3333333333%
    }

    .slds-max-medium-size_6-of-6, .slds-max-medium-size--6-of-6 {
        width: 100%
    }

    .slds-max-medium-size_1-of-7, .slds-max-medium-size--1-of-7 {
        width: 14.2857142857%
    }

    .slds-max-medium-size_2-of-7, .slds-max-medium-size--2-of-7 {
        width: 28.5714285714%
    }

    .slds-max-medium-size_3-of-7, .slds-max-medium-size--3-of-7 {
        width: 42.8571428571%
    }

    .slds-max-medium-size_4-of-7, .slds-max-medium-size--4-of-7 {
        width: 57.1428571429%
    }

    .slds-max-medium-size_5-of-7, .slds-max-medium-size--5-of-7 {
        width: 71.4285714286%
    }

    .slds-max-medium-size_6-of-7, .slds-max-medium-size--6-of-7 {
        width: 85.7142857143%
    }

    .slds-max-medium-size_7-of-7, .slds-max-medium-size--7-of-7 {
        width: 100%
    }

    .slds-max-medium-size_1-of-8, .slds-max-medium-size--1-of-8 {
        width: 12.5%
    }

    .slds-max-medium-size_2-of-8, .slds-max-medium-size--2-of-8 {
        width: 25%
    }

    .slds-max-medium-size_3-of-8, .slds-max-medium-size--3-of-8 {
        width: 37.5%
    }

    .slds-max-medium-size_4-of-8, .slds-max-medium-size--4-of-8 {
        width: 50%
    }

    .slds-max-medium-size_5-of-8, .slds-max-medium-size--5-of-8 {
        width: 62.5%
    }

    .slds-max-medium-size_6-of-8, .slds-max-medium-size--6-of-8 {
        width: 75%
    }

    .slds-max-medium-size_7-of-8, .slds-max-medium-size--7-of-8 {
        width: 87.5%
    }

    .slds-max-medium-size_8-of-8, .slds-max-medium-size--8-of-8 {
        width: 100%
    }

    .slds-max-medium-size_1-of-12, .slds-max-medium-size--1-of-12 {
        width: 8.3333333333%
    }

    .slds-max-medium-size_2-of-12, .slds-max-medium-size--2-of-12 {
        width: 16.6666666667%
    }

    .slds-max-medium-size_3-of-12, .slds-max-medium-size--3-of-12 {
        width: 25%
    }

    .slds-max-medium-size_4-of-12, .slds-max-medium-size--4-of-12 {
        width: 33.3333333333%
    }

    .slds-max-medium-size_5-of-12, .slds-max-medium-size--5-of-12 {
        width: 41.6666666667%
    }

    .slds-max-medium-size_6-of-12, .slds-max-medium-size--6-of-12 {
        width: 50%
    }

    .slds-max-medium-size_7-of-12, .slds-max-medium-size--7-of-12 {
        width: 58.3333333333%
    }

    .slds-max-medium-size_8-of-12, .slds-max-medium-size--8-of-12 {
        width: 66.6666666667%
    }

    .slds-max-medium-size_9-of-12, .slds-max-medium-size--9-of-12 {
        width: 75%
    }

    .slds-max-medium-size_10-of-12, .slds-max-medium-size--10-of-12 {
        width: 83.3333333333%
    }

    .slds-max-medium-size_11-of-12, .slds-max-medium-size--11-of-12 {
        width: 91.6666666667%
    }

    .slds-max-medium-size_12-of-12, .slds-max-medium-size--12-of-12 {
        width: 100%
    }

    .slds-max-medium-order_1, .slds-max-medium-order--1 {
        order: 1
    }

    .slds-max-medium-order_2, .slds-max-medium-order--2 {
        order: 2
    }

    .slds-max-medium-order_3, .slds-max-medium-order--3 {
        order: 3
    }

    .slds-max-medium-order_4, .slds-max-medium-order--4 {
        order: 4
    }

    .slds-max-medium-order_5, .slds-max-medium-order--5 {
        order: 5
    }

    .slds-max-medium-order_6, .slds-max-medium-order--6 {
        order: 6
    }

    .slds-max-medium-order_7, .slds-max-medium-order--7 {
        order: 7
    }

    .slds-max-medium-order_8, .slds-max-medium-order--8 {
        order: 8
    }

    .slds-max-medium-order_9, .slds-max-medium-order--9 {
        order: 9
    }

    .slds-max-medium-order_10, .slds-max-medium-order--10 {
        order: 10
    }

    .slds-max-medium-order_11, .slds-max-medium-order--11 {
        order: 11
    }

    .slds-max-medium-order_12, .slds-max-medium-order--12 {
        order: 12
    }
}

@media (min-width: 64em) {
    [class*=slds-large-size_], [class*=slds-large-size--] {
        flex: none
    }

    .slds-large-size_xxx-small, .slds-large-size--xxx-small {
        width: 3rem
    }

    .slds-large-size_xx-small, .slds-large-size--xx-small {
        width: 6rem
    }

    .slds-large-size_x-small, .slds-large-size--x-small {
        width: 12rem
    }

    .slds-large-size_small, .slds-large-size--small {
        width: 15rem
    }

    .slds-large-size_medium, .slds-large-size--medium {
        width: 20rem
    }

    .slds-large-size_large, .slds-large-size--large {
        width: 25rem
    }

    .slds-large-size_x-large, .slds-large-size--x-large {
        width: 40rem
    }

    .slds-large-size_xx-large, .slds-large-size--xx-large {
        width: 60rem
    }

    .slds-large-size_1-of-1, .slds-large-size--1-of-1 {
        width: 100%
    }

    .slds-large-size_1-of-2, .slds-large-size--1-of-2 {
        width: 50%
    }

    .slds-large-size_2-of-2, .slds-large-size--2-of-2 {
        width: 100%
    }

    .slds-large-size_1-of-3, .slds-large-size--1-of-3 {
        width: 33.3333333333%
    }

    .slds-large-size_2-of-3, .slds-large-size--2-of-3 {
        width: 66.6666666667%
    }

    .slds-large-size_3-of-3, .slds-large-size--3-of-3 {
        width: 100%
    }

    .slds-large-size_1-of-4, .slds-large-size--1-of-4 {
        width: 25%
    }

    .slds-large-size_2-of-4, .slds-large-size--2-of-4 {
        width: 50%
    }

    .slds-large-size_3-of-4, .slds-large-size--3-of-4 {
        width: 75%
    }

    .slds-large-size_4-of-4, .slds-large-size--4-of-4 {
        width: 100%
    }

    .slds-large-size_1-of-5, .slds-large-size--1-of-5 {
        width: 20%
    }

    .slds-large-size_2-of-5, .slds-large-size--2-of-5 {
        width: 40%
    }

    .slds-large-size_3-of-5, .slds-large-size--3-of-5 {
        width: 60%
    }

    .slds-large-size_4-of-5, .slds-large-size--4-of-5 {
        width: 80%
    }

    .slds-large-size_5-of-5, .slds-large-size--5-of-5 {
        width: 100%
    }

    .slds-large-size_1-of-6, .slds-large-size--1-of-6 {
        width: 16.6666666667%
    }

    .slds-large-size_2-of-6, .slds-large-size--2-of-6 {
        width: 33.3333333333%
    }

    .slds-large-size_3-of-6, .slds-large-size--3-of-6 {
        width: 50%
    }

    .slds-large-size_4-of-6, .slds-large-size--4-of-6 {
        width: 66.6666666667%
    }

    .slds-large-size_5-of-6, .slds-large-size--5-of-6 {
        width: 83.3333333333%
    }

    .slds-large-size_6-of-6, .slds-large-size--6-of-6 {
        width: 100%
    }

    .slds-large-size_1-of-7, .slds-large-size--1-of-7 {
        width: 14.2857142857%
    }

    .slds-large-size_2-of-7, .slds-large-size--2-of-7 {
        width: 28.5714285714%
    }

    .slds-large-size_3-of-7, .slds-large-size--3-of-7 {
        width: 42.8571428571%
    }

    .slds-large-size_4-of-7, .slds-large-size--4-of-7 {
        width: 57.1428571429%
    }

    .slds-large-size_5-of-7, .slds-large-size--5-of-7 {
        width: 71.4285714286%
    }

    .slds-large-size_6-of-7, .slds-large-size--6-of-7 {
        width: 85.7142857143%
    }

    .slds-large-size_7-of-7, .slds-large-size--7-of-7 {
        width: 100%
    }

    .slds-large-size_1-of-8, .slds-large-size--1-of-8 {
        width: 12.5%
    }

    .slds-large-size_2-of-8, .slds-large-size--2-of-8 {
        width: 25%
    }

    .slds-large-size_3-of-8, .slds-large-size--3-of-8 {
        width: 37.5%
    }

    .slds-large-size_4-of-8, .slds-large-size--4-of-8 {
        width: 50%
    }

    .slds-large-size_5-of-8, .slds-large-size--5-of-8 {
        width: 62.5%
    }

    .slds-large-size_6-of-8, .slds-large-size--6-of-8 {
        width: 75%
    }

    .slds-large-size_7-of-8, .slds-large-size--7-of-8 {
        width: 87.5%
    }

    .slds-large-size_8-of-8, .slds-large-size--8-of-8 {
        width: 100%
    }

    .slds-large-size_1-of-12, .slds-large-size--1-of-12 {
        width: 8.3333333333%
    }

    .slds-large-size_2-of-12, .slds-large-size--2-of-12 {
        width: 16.6666666667%
    }

    .slds-large-size_3-of-12, .slds-large-size--3-of-12 {
        width: 25%
    }

    .slds-large-size_4-of-12, .slds-large-size--4-of-12 {
        width: 33.3333333333%
    }

    .slds-large-size_5-of-12, .slds-large-size--5-of-12 {
        width: 41.6666666667%
    }

    .slds-large-size_6-of-12, .slds-large-size--6-of-12 {
        width: 50%
    }

    .slds-large-size_7-of-12, .slds-large-size--7-of-12 {
        width: 58.3333333333%
    }

    .slds-large-size_8-of-12, .slds-large-size--8-of-12 {
        width: 66.6666666667%
    }

    .slds-large-size_9-of-12, .slds-large-size--9-of-12 {
        width: 75%
    }

    .slds-large-size_10-of-12, .slds-large-size--10-of-12 {
        width: 83.3333333333%
    }

    .slds-large-size_11-of-12, .slds-large-size--11-of-12 {
        width: 91.6666666667%
    }

    .slds-large-size_12-of-12, .slds-large-size--12-of-12 {
        width: 100%
    }

    .slds-large-order_1, .slds-large-order--1 {
        order: 1
    }

    .slds-large-order_2, .slds-large-order--2 {
        order: 2
    }

    .slds-large-order_3, .slds-large-order--3 {
        order: 3
    }

    .slds-large-order_4, .slds-large-order--4 {
        order: 4
    }

    .slds-large-order_5, .slds-large-order--5 {
        order: 5
    }

    .slds-large-order_6, .slds-large-order--6 {
        order: 6
    }

    .slds-large-order_7, .slds-large-order--7 {
        order: 7
    }

    .slds-large-order_8, .slds-large-order--8 {
        order: 8
    }

    .slds-large-order_9, .slds-large-order--9 {
        order: 9
    }

    .slds-large-order_10, .slds-large-order--10 {
        order: 10
    }

    .slds-large-order_11, .slds-large-order--11 {
        order: 11
    }

    .slds-large-order_12, .slds-large-order--12 {
        order: 12
    }
}

@media (max-width: 64em) {
    [class*=slds-max-large-size_], [class*=slds-max-large-size--] {
        flex: none
    }

    .slds-max-large-size_xxx-small, .slds-max-large-size--xxx-small {
        width: 3rem
    }

    .slds-max-large-size_xx-small, .slds-max-large-size--xx-small {
        width: 6rem
    }

    .slds-max-large-size_x-small, .slds-max-large-size--x-small {
        width: 12rem
    }

    .slds-max-large-size_small, .slds-max-large-size--small {
        width: 15rem
    }

    .slds-max-large-size_medium, .slds-max-large-size--medium {
        width: 20rem
    }

    .slds-max-large-size_large, .slds-max-large-size--large {
        width: 25rem
    }

    .slds-max-large-size_x-large, .slds-max-large-size--x-large {
        width: 40rem
    }

    .slds-max-large-size_xx-large, .slds-max-large-size--xx-large {
        width: 60rem
    }

    .slds-max-large-size_1-of-1, .slds-max-large-size--1-of-1 {
        width: 100%
    }

    .slds-max-large-size_1-of-2, .slds-max-large-size--1-of-2 {
        width: 50%
    }

    .slds-max-large-size_2-of-2, .slds-max-large-size--2-of-2 {
        width: 100%
    }

    .slds-max-large-size_1-of-3, .slds-max-large-size--1-of-3 {
        width: 33.3333333333%
    }

    .slds-max-large-size_2-of-3, .slds-max-large-size--2-of-3 {
        width: 66.6666666667%
    }

    .slds-max-large-size_3-of-3, .slds-max-large-size--3-of-3 {
        width: 100%
    }

    .slds-max-large-size_1-of-4, .slds-max-large-size--1-of-4 {
        width: 25%
    }

    .slds-max-large-size_2-of-4, .slds-max-large-size--2-of-4 {
        width: 50%
    }

    .slds-max-large-size_3-of-4, .slds-max-large-size--3-of-4 {
        width: 75%
    }

    .slds-max-large-size_4-of-4, .slds-max-large-size--4-of-4 {
        width: 100%
    }

    .slds-max-large-size_1-of-5, .slds-max-large-size--1-of-5 {
        width: 20%
    }

    .slds-max-large-size_2-of-5, .slds-max-large-size--2-of-5 {
        width: 40%
    }

    .slds-max-large-size_3-of-5, .slds-max-large-size--3-of-5 {
        width: 60%
    }

    .slds-max-large-size_4-of-5, .slds-max-large-size--4-of-5 {
        width: 80%
    }

    .slds-max-large-size_5-of-5, .slds-max-large-size--5-of-5 {
        width: 100%
    }

    .slds-max-large-size_1-of-6, .slds-max-large-size--1-of-6 {
        width: 16.6666666667%
    }

    .slds-max-large-size_2-of-6, .slds-max-large-size--2-of-6 {
        width: 33.3333333333%
    }

    .slds-max-large-size_3-of-6, .slds-max-large-size--3-of-6 {
        width: 50%
    }

    .slds-max-large-size_4-of-6, .slds-max-large-size--4-of-6 {
        width: 66.6666666667%
    }

    .slds-max-large-size_5-of-6, .slds-max-large-size--5-of-6 {
        width: 83.3333333333%
    }

    .slds-max-large-size_6-of-6, .slds-max-large-size--6-of-6 {
        width: 100%
    }

    .slds-max-large-size_1-of-7, .slds-max-large-size--1-of-7 {
        width: 14.2857142857%
    }

    .slds-max-large-size_2-of-7, .slds-max-large-size--2-of-7 {
        width: 28.5714285714%
    }

    .slds-max-large-size_3-of-7, .slds-max-large-size--3-of-7 {
        width: 42.8571428571%
    }

    .slds-max-large-size_4-of-7, .slds-max-large-size--4-of-7 {
        width: 57.1428571429%
    }

    .slds-max-large-size_5-of-7, .slds-max-large-size--5-of-7 {
        width: 71.4285714286%
    }

    .slds-max-large-size_6-of-7, .slds-max-large-size--6-of-7 {
        width: 85.7142857143%
    }

    .slds-max-large-size_7-of-7, .slds-max-large-size--7-of-7 {
        width: 100%
    }

    .slds-max-large-size_1-of-8, .slds-max-large-size--1-of-8 {
        width: 12.5%
    }

    .slds-max-large-size_2-of-8, .slds-max-large-size--2-of-8 {
        width: 25%
    }

    .slds-max-large-size_3-of-8, .slds-max-large-size--3-of-8 {
        width: 37.5%
    }

    .slds-max-large-size_4-of-8, .slds-max-large-size--4-of-8 {
        width: 50%
    }

    .slds-max-large-size_5-of-8, .slds-max-large-size--5-of-8 {
        width: 62.5%
    }

    .slds-max-large-size_6-of-8, .slds-max-large-size--6-of-8 {
        width: 75%
    }

    .slds-max-large-size_7-of-8, .slds-max-large-size--7-of-8 {
        width: 87.5%
    }

    .slds-max-large-size_8-of-8, .slds-max-large-size--8-of-8 {
        width: 100%
    }

    .slds-max-large-size_1-of-12, .slds-max-large-size--1-of-12 {
        width: 8.3333333333%
    }

    .slds-max-large-size_2-of-12, .slds-max-large-size--2-of-12 {
        width: 16.6666666667%
    }

    .slds-max-large-size_3-of-12, .slds-max-large-size--3-of-12 {
        width: 25%
    }

    .slds-max-large-size_4-of-12, .slds-max-large-size--4-of-12 {
        width: 33.3333333333%
    }

    .slds-max-large-size_5-of-12, .slds-max-large-size--5-of-12 {
        width: 41.6666666667%
    }

    .slds-max-large-size_6-of-12, .slds-max-large-size--6-of-12 {
        width: 50%
    }

    .slds-max-large-size_7-of-12, .slds-max-large-size--7-of-12 {
        width: 58.3333333333%
    }

    .slds-max-large-size_8-of-12, .slds-max-large-size--8-of-12 {
        width: 66.6666666667%
    }

    .slds-max-large-size_9-of-12, .slds-max-large-size--9-of-12 {
        width: 75%
    }

    .slds-max-large-size_10-of-12, .slds-max-large-size--10-of-12 {
        width: 83.3333333333%
    }

    .slds-max-large-size_11-of-12, .slds-max-large-size--11-of-12 {
        width: 91.6666666667%
    }

    .slds-max-large-size_12-of-12, .slds-max-large-size--12-of-12 {
        width: 100%
    }

    .slds-max-large-order_1, .slds-max-large-order--1 {
        order: 1
    }

    .slds-max-large-order_2, .slds-max-large-order--2 {
        order: 2
    }

    .slds-max-large-order_3, .slds-max-large-order--3 {
        order: 3
    }

    .slds-max-large-order_4, .slds-max-large-order--4 {
        order: 4
    }

    .slds-max-large-order_5, .slds-max-large-order--5 {
        order: 5
    }

    .slds-max-large-order_6, .slds-max-large-order--6 {
        order: 6
    }

    .slds-max-large-order_7, .slds-max-large-order--7 {
        order: 7
    }

    .slds-max-large-order_8, .slds-max-large-order--8 {
        order: 8
    }

    .slds-max-large-order_9, .slds-max-large-order--9 {
        order: 9
    }

    .slds-max-large-order_10, .slds-max-large-order--10 {
        order: 10
    }

    .slds-max-large-order_11, .slds-max-large-order--11 {
        order: 11
    }

    .slds-max-large-order_12, .slds-max-large-order--12 {
        order: 12
    }
}

[class*=slds-size_], [class*=slds-size--] {
    flex: none
}

.slds-has-buffer {
    margin: var(--lwc-componentSpacingMargin, 0.75rem)
}

.slds-has-full-bleed {
    margin: 0
}

.slds-has-bottom-magnet {
    margin-bottom: 0 !important;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important
}

.slds-has-top-magnet {
    margin-top: 0 !important;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important
}

.slds-has-top-magnet.slds-has-buffer {
    margin-bottom: 0;
    border-radius: 0;
    border-top: 0;
    box-shadow: none
}

.slds-is-static {
    position: static
}

.slds-is-relative {
    position: relative
}

.slds-is-fixed {
    position: fixed
}

.slds-is-absolute {
    position: absolute
}

@media print {
    .slds-no-print {
        display: none
    }
}

.slds-collapsed {
    height: 0;
    overflow: hidden
}

.slds-expanded {
    height: auto;
    overflow: visible
}

.slds-assistive-text {
    position: absolute !important;
    margin: -1px !important;
    border: 0 !important;
    padding: 0 !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
    clip: rect(0 0 0 0) !important;
    text-transform: none !important;
    white-space: nowrap !important
}

.slds-assistive-text_focus:focus, .slds-assistive-text--focus:focus {
    margin: inherit !important;
    border: inherit !important;
    padding: inherit !important;
    width: auto !important;
    height: auto !important;
    overflow: visible !important;
    clip: auto !important
}

.slds-is-collapsed {
    height: 0;
    overflow: hidden
}

.slds-is-expanded {
    height: auto;
    overflow: visible
}

.slds-hidden {
    visibility: hidden !important
}

.slds-visible {
    visibility: visible
}

.slds-hide {
    display: none !important
}

.slds-show {
    display: block
}

.slds-show_inline-block, .slds-show--inline-block {
    display: inline-block
}

.slds-show_inline, .slds-show--inline {
    display: inline
}

.slds-transition-hide {
    opacity: 0
}

.slds-transition-show {
    opacity: 1
}

.slds-x-small-show {
    display: none
}

@media (min-width: 320px) {
    .slds-x-small-show {
        display: block
    }

    .slds-x-small-show_inline-block, .slds-x-small-show--inline-block {
        display: inline-block
    }

    .slds-x-small-show_inline, .slds-x-small-show--inline {
        display: inline
    }
}

.slds-x-small-show-only {
    display: none
}

@media (min-width: 320px) and (max-width: 479px) {
    .slds-x-small-show-only {
        display: block
    }

    .slds-x-small-show-only_inline-block, .slds-x-small-show-only--inline-block {
        display: inline-block
    }

    .slds-x-small-show-only_inline, .slds-x-small-show-only--inline {
        display: inline
    }
}

@media (max-width: 479px) {
    .slds-max-x-small-hide {
        display: none
    }
}

.slds-small-show {
    display: none
}

@media (min-width: 480px) {
    .slds-small-show {
        display: block
    }

    .slds-small-show_inline-block, .slds-small-show--inline-block {
        display: inline-block
    }

    .slds-small-show_inline, .slds-small-show--inline {
        display: inline
    }
}

.slds-small-show-only {
    display: none
}

@media (min-width: 480px) and (max-width: 767px) {
    .slds-small-show-only {
        display: block
    }

    .slds-small-show-only_inline-block, .slds-small-show-only--inline-block {
        display: inline-block
    }

    .slds-small-show-only_inline, .slds-small-show-only--inline {
        display: inline
    }
}

@media (max-width: 767px) {
    .slds-max-small-hide {
        display: none
    }
}

.slds-medium-show {
    display: none
}

@media (min-width: 768px) {
    .slds-medium-show {
        display: block
    }

    .slds-medium-show_inline-block, .slds-medium-show--inline-block {
        display: inline-block
    }

    .slds-medium-show_inline, .slds-medium-show--inline {
        display: inline
    }
}

.slds-medium-show-only {
    display: none
}

@media (min-width: 768px) and (max-width: 1023px) {
    .slds-medium-show-only {
        display: block
    }

    .slds-medium-show-only_inline-block, .slds-medium-show-only--inline-block {
        display: inline-block
    }

    .slds-medium-show-only_inline, .slds-medium-show-only--inline {
        display: inline
    }
}

@media (max-width: 1023px) {
    .slds-max-medium-hide {
        display: none
    }
}

.slds-large-show {
    display: none
}

@media (min-width: 1024px) {
    .slds-large-show {
        display: block
    }

    .slds-large-show_inline-block, .slds-large-show--inline-block {
        display: inline-block
    }

    .slds-large-show_inline, .slds-large-show--inline {
        display: inline
    }
}

@media (min-width: 320px) {
    .slds-hide_x-small, .slds-hide--x-small {
        display: none !important
    }
}

@media (max-width: 319px) {
    .slds-show_x-small, .slds-show--x-small {
        display: none !important
    }
}

@media (min-width: 480px) {
    .slds-hide_small, .slds-hide--small {
        display: none !important
    }
}

@media (max-width: 479px) {
    .slds-show_small, .slds-show--small {
        display: none !important
    }
}

@media (min-width: 768px) {
    .slds-hide_medium, .slds-hide--medium {
        display: none !important
    }
}

@media (max-width: 767px) {
    .slds-show_medium, .slds-show--medium {
        display: none !important
    }
}

@media (min-width: 1024px) {
    .slds-hide_large, .slds-hide--large {
        display: none !important
    }
}

@media (max-width: 1023px) {
    .slds-show_large, .slds-show--large {
        display: none !important
    }
}

@media (min-width: 1280px) {
    .slds-hide_x-large, .slds-hide--x-large {
        display: none !important
    }
}

@media (max-width: 1279px) {
    .slds-show_x-large, .slds-show--x-large {
        display: none !important
    }
}

.slds-is-visually-empty {
    visibility: hidden !important;
    width: 0
}

.slds-line-clamp {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: var(--lwc-lineClamp, 3);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal
}

.slds-line-clamp_small {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal
}

.slds-line-clamp_medium {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal
}

.slds-line-clamp_large {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 7;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal
}

@media print {
    *, *:before, *:after {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important
    }

    a, a:visited {
        text-decoration: underline
    }

    a[href]:after {
        content: " (" attr(href) ")"
    }

    abbr[title]:after {
        content: " (" attr(title) ")"
    }

    a[href^="#"]:after, a[href^="javascript:"]:after {
        content: ''
    }

    pre, blockquote {
        border: 1px solid #999;
        page-break-inside: avoid
    }

    thead {
        display: table-header-group
    }

    tr, img {
        page-break-inside: avoid
    }

    img {
        max-width: 100% !important
    }

    p, h2, h3 {
        orphans: 3;
        widows: 3
    }

    h2, h3 {
        page-break-after: avoid
    }
}

.flexipageAppHomeTemplateThreeColumns {
    height: 100%;
    margin-left: var(--lwc-spacingSmall, 0.75rem);
    margin-right: var(--lwc-spacingSmall, 0.75rem)
}

.flexipageAppHomeTemplateThreeColumns .column {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    margin-bottom: var(--lwc-templateGutters, 0.75rem)
}