CINXE.COM
Enhanced MyNCS
<!DOCTYPE html><html lang="en-US" dir="ltr"><head><title>Enhanced MyNCS</title><meta http-equiv="Content-Security-Policy" content="default-src 'self'; script-src 'self' 'unsafe-eval' 'unsafe-inline' https://service.force.com/embeddedservice/ https://cdn.content.aws-dev2-uswest2.aws.sfdc.cl/ https://cdn.content.aws-prod1-useast1.aws.sfdc.cl/ https://payments.salesforce.com/ https://js.stripe.com/ https://www.paypal.com/sdk/js https://checkoutshopper-live.adyen.com/ https://checkoutshopper-test.adyen.com/ https://pal-test.adyen.com https://www.google.com/recaptcha/ https://www.gstatic.com/recaptcha/ https://pay.google.com import: blob: https://uip.canary.lwc.dev https://d.la3-c1cs-fra.salesforceliveagent.com https://d.la2s-core1.sfdc-cehfhs.salesforceliveagent.com https://www.google-analytics.com https://stats.g.doubleclick.net https://www.googletagmanager.com/gtag/js https://d.la11-core1.sfdc-cehfhs.salesforceliveagent.com https://region1.google-analytics.com https://cc.cdn.civiccomputing.com/9/cookieControl-9.x.min.js; object-src 'self' www.google.com; style-src 'self' 'unsafe-inline' https://service.force.com/embeddedservice/ https://fonts.googleapis.com/css2 https://fonts.googleapis.com/css https://checkoutshopper-live.adyen.com/ https://checkoutshopper-test.adyen.com/ blob: https://www.google-analytics.com https://stats.g.doubleclick.net https://www.googletagmanager.com https://www.riddle.com https://apikeys.civiccomputing.com; img-src 'self' data: blob: https://ncsyes.my.salesforce.com https://ncsyes.file.force.com https://img.youtube.com https://i.ytimg.com https://i.vimeocdn.com https://login.salesforce.com/icons/ https://payments.salesforce.com/icons/ https://cdn.content.aws-prod1-useast1.aws.sfdc.cl/icons/ https://cdn.content.aws-dev2-uswest2.aws.sfdc.cl/icons/ https://*.adyen.com https://www.sandbox.paypal.com https://www.paypal.com https://www.google.com/recaptcha/ https://www.gstatic.com/recaptcha/ https://swe22.sfdc-cehfhs.salesforce.com/icons/ https://www.google-analytics.com https://stats.g.doubleclick.net https://www.googletagmanager.com https://www.riddle.com https://apikeys.civiccomputing.com; media-src 'self' blob: https://www.google-analytics.com https://stats.g.doubleclick.net https://www.googletagmanager.com https://*.vonage.com https://*.newvoicemedia.com https://www.riddle.com https://apikeys.civiccomputing.com; frame-src 'self' https://service.force.com/embeddedservice/ https://swe22.sfdc-cehfhs.salesforce.com https://sfdc-link-preview-staging.sfdc.sh https://sfdc-link-preview.hk.salesforce.com https://cdn.embedly.com https://www.youtube.com https://player.vimeo.com https://play.vidyard.com https://player.cloudinary.com https://fast.wistia.net https://players.brightcove.net https://s1.adis.ws https://scormanywhere.secure.force.com https://appiniummastertrial.secure.force.com https://js.stripe.com/ https://www.paypal.com https://www.sandbox.paypal.com https://checkoutshopper-live.adyen.com/ https://checkoutshopper-test.adyen.com/ https://pal-test.adyen.com https://www.google.com/recaptcha/ https://www.gstatic.com/recaptcha/ https://pay.google.com https://*.a.forceusercontent.com/lightningmaps/ https://*.a.forceusercontent.com https://location.force.com https://ncsyes.file.force.com https://www.google-analytics.com https://stats.g.doubleclick.net https://www.googletagmanager.com https://*.vonage.com https://*.newvoicemedia.com https://www.riddle.com https://apikeys.civiccomputing.com; font-src 'self' data: https://fonts.gstatic.com/ https://www.google-analytics.com https://stats.g.doubleclick.net https://www.googletagmanager.com https://www.riddle.com https://apikeys.civiccomputing.com; connect-src 'self' https://www.paypal.com https://www.sandbox.paypal.com https://ncsyes.my.salesforce-scrt.com https://fonts.googleapis.com/css2 https://payments.salesforce.com/ https://cdn.content.aws-dev2-uswest2.aws.sfdc.cl/ https://checkoutshopper-live.adyen.com/ https://checkoutshopper-test.adyen.com/ https://o11y.sfproxy-core1.sfdc-cehfhs.svc.sfdcfc.net/ui-telemetry https://www.google-analytics.com https://stats.g.doubleclick.net https://www.googletagmanager.com https://region1.google-analytics.com https://www.riddle.com https://apikeys.civiccomputing.com"><script src="https://cc.cdn.civiccomputing.com/9/cookieControl-9.x.min.js" type="text/javascript"></script> <script> /* BBD adapted NCS */ var config = { apiKey: 'a079e0ebecdefda2f51cc4e472f13090c4b65c9d', product: 'PRO_MULTISITE', text : { title : 'This site uses cookies to store information on your computer.', intro : 'We use necessary cookies to make our site work. We would also like to set optional analytics and marketing cookies to help us improve it and show you relevant content. These are our "Recommended Settings". We will not set optional cookies unless you enable them. Using this tool will set a cookie on your device to remember your preferences.', acceptSettings: 'Accept recommended settings', accept: 'Accept recommended settings', closeLabel: 'Save your preferred settings' }, statement : { description: 'For more information about the cookies we use, see our', name: 'Cookies policy', url: 'https://www.wearencs.com/cookies-policy', updated: '10/02/2022' }, necessaryCookies: ['bioep_shown', 'bioep_shown_session', 'Drual.visitor.sf_app_id', 'JSESSIONID', 'liveagent_oref', 'liveagent_ptid', 'liveagent_sid', 'liveagent_vc', 'VISITOR_INFO1_LIVE', 'YSC' ], optionalCookies: [ { name : 'analytics', label: 'Analytical Cookies', description: 'Analytical cookies help us to improve our website by collecting and reporting information on its usage.', cookies: ['_ga', '_hjIncludedInSessionSample', '_hjIncludedInPageviewSample', '_hjAbsoluteSessionInProgress', '_hjFirstSeen', '_hjid', '_gid', '_hjSessionUser', '_hjFirstSeen', '_gat_UA-36914547-2', '_hjSession' ], onAccept : function(){ dataLayer.push({ 'civic_cookies_analytics': 'consent_given', 'event': 'analytics_consent_given' }); }, onRevoke: function(){ dataLayer.push({ 'civic_cookies_analytics': 'consent_revoked', }); } }, { name : 'marketing', label: 'Marketing Cookies', description: 'We use marketing cookies to help us improve the relevancy of advertising campaigns you receive.', cookies: ['_kuid_', 'fr', '_scid', '_gcl_au', 'IDE', '_fbp', '_kuid_', 'CONSENT', '1P_JAR', 'SNID', 'NID', 'SEUNCY', 'sc_at', 'X-AB', 'personalization_id' ], onAccept : function(){ dataLayer.push({ 'civic_cookies_marketing': 'consent_given', 'event': 'marketing_consent_given', }); }, onRevoke: function(){ dataLayer.push({ 'civic_cookies_marketing': 'consent_revoked', }); } }, ], //Customise layout initialState: "OPEN" , notifyOnce: false , rejectButton: false , layout: "SLIDEOUT" , toggleType: "slider" , closeStyle: "button" , notifyDismissButton: false , settingsStyle: "button" , acceptBehaviour: "all" , position: 'RIGHT' , theme: 'DARK' , branding : { fontColor: "#FFF" , fontSizeTitle: "1.4em" , fontSizeIntro: "1.2em" , fontSizeHeaders: "1.25em" , fontSize: "1em" , backgroundColor: "#000000" , toggleText: "#fff" , toggleColor: "#000000" , toggleBackground: "#333333" , buttonIcon: null , buttonIconWidth: "64px" , buttonIconHeight: "64px" , removeIcon: false , removeAbout: true , acceptText: '#000000' , rejectText: '#000000' , acceptBackground : '#ffffff' , rejectBackground : '#ffffff' } }; CookieControl.load( config ); </script><meta name="viewport" content="initial-scale=1.0, maximum-scale=5.0, minimum-scale=1.0, minimal-ui"/> <meta http-equiv="origin-trial" content="AhF0CFIKisg+QZcMOO1kPVkD9iTw2dNL70IIkolxErMm0SFOkAwM8DqJk/f3op6Tt2uphjYo6y6Au/x61Tjg/wIAAABZeyJvcmlnaW4iOiJodHRwczovL3NpdGUuY29tOjQ0MyIsImZlYXR1cmUiOiJUcGNkIiwiZXhwaXJ5IjoxNzM1MzQzOTk5LCJpc1N1YmRvbWFpbiI6dHJ1ZX0="/> <style> .auraMsgMask, #auraErrorMask, body .auraLoadingBox { display: none; } .spaError { padding: 10px; } .spaErrorLink { padding: 10px 0; display: block } </style><style>:root{--c-paletteIndigo10:rgb(32, 6, 71);--c-popoverWalkthroughHeaderImage:;--c-zIndexDialog:6000;--c-colorPickerSelectorWidth:14rem;--c-nubbinSizeDefault:1rem;--c-paletteCloudBlue40:rgb(5, 98, 138);--c-colorBackgroundContextBarInverseItemHover:rgba(255, 255, 255, 0.2);--c-dropZoneSlotHeight:0.25rem;--c-colorTextTabLabelSelected:rgb(1, 118, 211);--c-colorStrokeBrandActive:rgb(3, 45, 96);--c-paletteIndigo15:rgb(31, 9, 116);--c-cardBodyPadding:0 1rem;--c-varSpacingHorizontalSmall:0.75rem;--c-tableColorBackgroundHeaderResizableHandle:rgb(174, 174, 174);--c-colorBackgroundPathActiveHover:rgb(3, 45, 96);--c-brandPrimaryTransparent:rgba(21, 137, 238, 0.1);--c-brandPrimaryTransparent40:rgba(21, 137, 238, 0.4);--c-colorBorderButtonDefault:rgb(201, 201, 201);--c-paletteIndigo20:rgb(50, 29, 113);--c-popoverColorText:rgb(201, 201, 201);--c-paletteCloudBlue30:rgb(8, 73, 104);--c-colorTextButtonDefaultActive:rgb(1, 118, 211);--c-colorPickerSliderHeight:1.5rem;--c-colorTextIconInverse:rgb(255, 255, 255);--c-heightFooter:3.75rem;--c-splitViewColorBorder:rgb(201, 201, 201);--c-colorBorderRowSelectedHover:rgb(27, 150, 255);--c-fontSizeTextXxSmall:0.625rem;--c-lineHeightHeading:1.25;--c-cardHeaderMargin:0 0 0.75rem;--c-paletteIndigo30:rgb(47, 44, 183);--c-mqMediumLandscape:only screen and (min-width: 48em) and (min-aspect-ratio: 4/3);--c-brandBandImageHeightMedium:12.5rem;--c-illustrationColorSecondary:rgb(207, 233, 254);--c-zIndexDefault:1;--c-colorBorderSelectionActive:rgb(243, 243, 243);--c-paletteCloudBlue20:rgb(2, 50, 72);--c-utilityBarColorBackgroundNotificationFocus:rgb(201, 201, 201);--c-colorTextIconDefaultDisabled:rgb(201, 201, 201);--c-colorTextBrand:rgb(27, 150, 255);--c-durationToastMedium:9.6s;--c-colorBackgroundButtonIconActive:rgb(243, 243, 243);--c-brandHeaderContrastWeak:rgb(145, 145, 145);--c-colorBackgroundNotificationNew:rgb(243, 243, 243);--c-brandHeaderContrastInverseActive:rgb(238, 238, 238);--c-colorBackgroundInputCheckboxSelected:rgb(27, 150, 255);--c-progressColorBorder:rgb(255, 255, 255);--c-spacingXxxSmall:0.125rem;--c-paletteIndigo40:rgb(58, 73, 218);--c-colorBackgroundProgressRingContent:rgb(255, 255, 255);--c-lineHeightButtonSmall:1.75rem;--c-salesforceSansBoldItalicWoff:url(/_slds/fonts/v2.3.0/SalesforceSans-BoldItalic.woff);--c-brandBackgroundDarkTransparent:rgba(221, 219, 218, 0);--c-colorPickerThumbWidth:0.375rem;--c-paletteCloudBlue10:rgb(0, 26, 40);--c-brandHeaderIconActive:rgb(129, 129, 129);--c-widthStageLeftCollapsed:4rem;--c-paletteCloudBlue15:rgb(10, 38, 54);--c-colorBorderOffline:rgb(68, 68, 68);--c-colorBackgroundUtilityBarHover:rgb(243, 243, 243);--c-sliderHandleColorBackgroundHover:rgb(1, 118, 211);--c-colorTextIconInverseHint:rgba(255, 255, 255, 0.5);--c-sizeMedium:20rem;--c-brandPrimaryTransparent10:rgba(21, 137, 238, 0.1);--c-colorBorderIconInverseHintHover:rgba(255, 255, 255, 0.75);--c-colorTextDefault:rgb(3, 45, 96);--c-paletteIndigo50:rgb(88, 103, 232);--c-progressBarHeight:0.125rem;--c-colorBackgroundWarning:rgb(254, 147, 57);--c-colorBackgroundBrandPrimaryActive:rgb(3, 45, 96);--c-paletteBlue90:rgb(216, 230, 254);--c-brandHeaderContrastCool:rgb(1, 68, 134);--c-paletteCloudBlue80:rgb(144, 208, 254);--c-paletteBlue95:rgb(238, 244, 255);--c-colorBorderSelectionHover:rgb(27, 150, 255);--c-zIndexPopup:5000;--c-borderRadiusLarge:0.5rem;--c-colorTextIconInverseHintHover:rgba(255, 255, 255, 0.75);--c-popoverBrandBorderWidth:0.25rem;--c-fontSizeHeadingXLarge:1.75rem;--c-typingIconDotColorBackgroundGrayDark:rgb(201, 201, 201);--c-paletteIndigo65:rgb(142, 155, 239);--c-varSpacingLarge:1.5rem;--c-pageHeaderSpacingMargin:0;--c-fontSizeTextXLarge:1.25rem;--c-paletteIndigo60:rgb(127, 140, 237);--c-paletteCloudBlue70:rgb(26, 185, 255);--c-welcomeMatColorActionShadow:rgba(0, 0, 0, 0.05);--c-colorTextBrowser:rgb(255, 255, 255);--c-welcomeMatSpacingInfo:7.75rem;--c-mqLarge:only screen and (min-width: 64.0625em);--c-paletteIndigo70:rgb(158, 169, 241);--c-squareTappableSmall:2rem;--c-colorTextActionLabel:rgb(116, 116, 116);--c-paletteCloudBlue60:rgb(13, 157, 218);--c-paletteBlue70:rgb(120, 176, 253);--c-colorBorderTabActive:rgb(255, 255, 255);--c-paletteCloudBlue65:rgb(8, 171, 237);--c-globalnavigationItemHeightAccentFocus:4px;--c-colorBorderDestructiveHover:rgb(186, 5, 23);--c-buttonLineHeightTouch:2.65rem;--c-colorTextCustomer:rgb(254, 147, 57);--c-squareIconUtilitySmall:1rem;--c-colorBackgroundModalButtonActive:rgba(0, 0, 0, 0.16);--c-colorTextBrandPrimary:rgb(255, 255, 255);--c-squareIconXSmallBoundary:1.25rem;--c-widthToggle:3rem;--c-paletteIndigo80:rgb(190, 199, 246);--c-welcomeMatMinHeight:25rem;--c-zIndexDocked:4;--c-squareIconMediumBoundaryAlt:2.25rem;--c-colorBorderSelection:rgb(1, 118, 211);--c-paletteBlue80:rgb(170, 203, 255);--c-paletteCloudBlue50:rgb(16, 124, 173);--c-brandHeaderContrastActive:rgb(80, 80, 80);--c-formLabelFontSize:0.75rem;--c-colorTextActionLabelActive:rgb(3, 45, 96);--c-colorBackgroundBackdropTint:rgb(243, 243, 243);--c-durationSlowly:0.4s;--c-colorBackgroundRowHover:rgb(243, 243, 243);--c-popoverWalkthroughAltNubbinColorBackground:rgb(1, 118, 211);--c-spinnerSizeSmall:1.25rem;--c-sliderTrackColorBackgroundFill:rgb(27, 150, 255);--c-welcomeMatWidth:52.0625rem;--c-paletteIndigo95:rgb(241, 243, 251);--c-paletteIndigo90:rgb(224, 229, 248);--c-filesZIndexHover:5;--c-colorTextPill:rgb(1, 118, 211);--c-varSpacingSmall:0.75rem;--c-heightDockedBar:2.5rem;--c-paletteBlue50:rgb(1, 118, 211);--c-colorTextTabLabelHover:rgb(1, 68, 134);--c-fontSizeHeadingXSmall:0.75rem;--c-colorStrokeDisabled:rgb(243, 243, 243);--c-widthPathBorderCurrent:0.125rem;--c-colorBackgroundButtonDefaultHover:rgb(243, 243, 243);--c-varSpacingVerticalXxSmall:0.25rem;--c-colorTextButtonDefaultHover:rgb(1, 118, 211);--c-durationPromptly:0.2s;--c-colorBorderPathCurrent:rgb(1, 68, 134);--c-colorBackgroundButtonDefaultActive:rgb(243, 243, 243);--c-colorTextStageLeft:rgb(243, 243, 243);--c-colorBorderHint:rgb(3, 45, 96);--c-colorTextPrimary:rgb(3, 45, 96);--c-brandBandColorBackgroundSecondaryTransparent:rgba(0, 0, 0, 0);--c-paletteBlue60:rgb(27, 150, 255);--c-cardColorBackground:rgb(255, 255, 255);--c-brandHeaderIcon:rgb(145, 145, 145);--c-paletteBlue65:rgb(87, 163, 253);--c-spacingLarge:1.5rem;--c-pageHeaderColorBorder:rgba(0, 0, 0, 0);--c-cardFooterMargin:0.75rem;--c-fontSizeTextSmall:0.8125rem;--c-colorTextLinkInverseActive:rgba(255, 255, 255, 0.5);--c-durationToastShort:4.8s;--c-lineHeightButton:1.875rem;--c-panelDockedLeftShadow:1px 0 3px rgba(0,0,0,0.25);--c-panelDockedRightShadow:-1px 0 3px 0 rgba(0,0,0,0.25);--c-colorTextLinkPrimaryHover:rgb(1, 118, 211);--c-shadowButton:0 1px 1px 0 rgba(0, 0, 0, 0.05);--c-welcomeMatMaxHeight:37.5rem;--c-colorBorderToggleChecked:rgb(255, 255, 255);--c-shadowHeader:0 2px 4px rgba(0, 0, 0, 0.07);--c-sizeXxLarge:60rem;--c-colorBackgroundDockedPanelHeader:rgb(255, 255, 255);--c-paletteBlue30:rgb(1, 68, 134);--c-lineHeightSalespath:1.5rem;--c-shadowDrag:0 2px 4px 0 rgba(0, 0, 0, 0.40);--c-colorBackgroundPathExpanded:rgb(255, 255, 255);--c-colorBackground:rgb(243, 243, 243);--c-colorBackgroundInput:rgb(255, 255, 255);--c-sizeSmall:15rem;--c-userDefaultAvatar:url(/_slds/images/profile_avatar_200.png?cache=7bdcafae);--c-colorTextButtonInverse:rgb(243, 243, 243);--c-colorBackgroundInputCheckboxDisabled:rgb(201, 201, 201);--c-tableColorTextHeader:rgb(68, 68, 68);--c-paletteBlue40:rgb(11, 92, 171);--c-cardColorBorder:rgb(201, 201, 201);--c-squareIconUtilityMedium:1.25rem;--c-colorBackgroundButtonSuccessHover:rgb(46, 132, 74);--c-colorBorderButtonBrandDisabled:rgba(0, 0, 0, 0);--c-fontSizeHeadingXxSmall:0.625rem;--c-colorBackgroundButtonInverseActive:rgba(0, 0, 0, 0.24);--c-illustrationEmptyStateEvents:url(/_slds/images/illustrations/empty-state-events.svg?cache=985b247a);--c-colorBackgroundToggle:rgb(174, 174, 174);--c-colorBackgroundStencil:rgb(243, 243, 243);--c-welcomeMatCheckSize:0.625rem;--c-colorTextButtonBrandHover:rgb(255, 255, 255);--c-buttonColorBackgroundSecondary:rgba(255, 255, 255, 0.8);--c-paletteBlue10:rgb(0, 22, 57);--c-varSpacingVerticalLarge:1.5rem;--c-colorBorderReminder:rgb(243, 243, 243);--c-colorBrandDark:rgb(1, 118, 211);--c-paletteBlue15:rgb(3, 35, 77);--c-colorBorderBrandPrimaryFocus:rgb(1, 118, 211);--c-salesforceSansItalicWoff:url(/_slds/fonts/v2.3.0/SalesforceSans-Italic.woff);--c-colorBorderBrandPrimaryActive:rgb(3, 45, 96);--c-datepickerColorTextDayAdjacentMonth:rgb(116, 116, 116);--c-colorBorderErrorAlt:rgb(254, 143, 125);--c-shadowReminder:0 2px 3px 0 rgba(0, 0, 0, 0.20);--c-brandTextLinkActive:rgb(1, 68, 134);--c-pageHeaderColorBackground:rgb(243, 243, 243);--c-salesforceSansBoldWoff2:url(/_slds/fonts/v2.3.0/SalesforceSans-Bold.woff2);--c-fontSizeHeadingLarge:1.5rem;--c-colorBackgroundStencilAlt:rgb(243, 243, 243);--c-paletteBlue20:rgb(3, 45, 96);--c-elevationInverseShadow3Below:0 -3px 3px 0 rgba(0, 0, 0, 0.16) inset;--c-varSpacingHorizontalXxSmall:0.25rem;--c-colorBorderSeparatorAlt:rgb(201, 201, 201);--c-colorPickerRangeHeight:5rem;--c-colorBackgroundButtonIcon:rgba(0, 0, 0, 0);--c-paletteTeal15:rgb(7, 40, 37);--c-buttonIconColorBorderPrimary:rgb(255, 255, 255);--c-brandAccessibleActive:rgb(1, 68, 134);--c-paletteYellow80:rgb(252, 192, 3);--c-zIndexSpinner:9050;--c-colorBackgroundContextTabBarItem:rgb(255, 255, 255);--c-fontWeightBold:700;--c-paletteTeal10:rgb(7, 27, 18);--c-colorBackgroundContextBarItemActive:rgb(255, 255, 255);--c-shadowFocusInset:0 0 2px 2px #1b96ff inset;--c-colorBackgroundAltInverse:rgb(3, 45, 96);--c-colorBackgroundPathIncompleteHover:rgb(201, 201, 201);--c-squareIconMediumContent:1rem;--c-colorBackgroundContextBar:rgb(255, 255, 255);--c-colorTextInverseHover:rgb(174, 174, 174);--c-colorBackgroundInputActive:rgb(255, 255, 255);--c-brandContrast:rgb(26, 27, 30);--c-colorTextSecondary:rgb(116, 116, 116);--c-fillHeaderButtonHover:rgb(1, 68, 134);--c-fontFamilyText:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';--c-welcomeMatCompleteIconSize:1.25rem;--c-varSpacingXxLarge:3rem;--c-paletteYellow95:rgb(251, 243, 224);--c-paletteYellow90:rgb(249, 227, 182);--c-brandBackgroundPrimary:rgb(250, 250, 249);--c-paletteTeal20:rgb(2, 52, 52);--c-progressRingWidth:0.1875rem;--c-paletteYellow65:rgb(215, 147, 4);--c-paletteYellow60:rgb(202, 133, 1);--c-colorBorderInputCheckboxSelectedCheckmark:rgb(255, 255, 255);--c-colorBorderCanvasElementSelectionHover:rgb(1, 68, 134);--c-borderRadiusSmall:0.125rem;--c-progressBarColorBackground:rgb(201, 201, 201);--c-durationInstantly:0s;--c-colorBackgroundToastSuccess:rgb(46, 132, 74);--c-tabsFontWeight:400;--c-colorBackgroundPost:rgb(243, 243, 243);--c-colorTextPlaceholderInverse:rgb(243, 243, 243);--c-colorTextInputIcon:rgb(174, 174, 174);--c-sliderHandleShadow:rgba(0, 0, 0, 0.16) 0 2px 3px;--c-paletteYellow70:rgb(228, 162, 1);--c-fontWeightLight:300;--c-colorTextError:rgb(234, 0, 30);--c-varSpacingXxSmall:0.25rem;--c-colorBorderInput:rgb(201, 201, 201);--c-brandAccessible:rgb(1, 118, 211);--c-pageColorBackgroundPrimary:rgb(255, 255, 255);--c-cardShadow:none;--c-lineClamp:3;--c-welcomeMatWidthProgressBar:12.5rem;--c-progressColorBackgroundShade:rgb(243, 243, 243);--c-globalActionFillHover:rgb(1, 68, 134);--c-illustrationEmptyStateAssistant:url(/_slds/images/illustrations/empty-state-assistant.svg?cache=127a789e);--c-varSpacingHorizontalXSmall:0.5rem;--c-colorPickerInputCustomHexFontSize:0.75rem;--c-varSpacingMedium:1rem;--c-colorBackgroundShadeDark:rgb(201, 201, 201);--c-colorPickerSwatchesWidth:13.3rem;--c-squareIconLargeBoundaryAlt:5rem;--c-colorBorderInputDisabled:rgb(201, 201, 201);--c-paletteYellow40:rgb(140, 75, 2);--c-cardWrapperSpacing:1rem;--c-colorBackgroundNotificationBadgeActive:rgb(3, 45, 96);--c-colorBackgroundHighlight:rgb(250, 255, 189);--c-colorBackgroundRowActive:rgb(243, 243, 243);--c-componentSpacingMargin:0;--c-colorBorderButtonFocusInverse:rgb(243, 243, 243);--c-shadowButtonFocus:0 0 3px #0176d3;--c-varSpacingVerticalXLarge:2rem;--c-tableColorBackgroundHeaderHover:rgb(243, 243, 243);--c-colorBackgroundDockedPanel:rgb(255, 255, 255);--c-colorTextTertiary:rgb(116, 116, 116);--c-varSpacingVerticalXxLarge:3rem;--c-paletteYellow50:rgb(168, 100, 3);--c-brandContrastActive:rgb(13, 14, 18);--c-squareIconLargeContent:2rem;--c-colorPickerSliderThumbColorBackground:rgb(243, 243, 243);--c-inputStaticFontSize:0.8125rem;--c-borderWidthThin:1px;--c-fontWeightRegular:400;--c-colorBackgroundButtonSuccess:rgb(69, 198, 90);--c-splitViewColorBackgroundRowHover:rgb(255, 255, 255);--c-paletteYellow20:rgb(79, 33, 0);--c-bannerUserDefaultImage:;--c-elevation8:8;--c-brandDark:rgb(1, 118, 211);--c-colorBackgroundPathCurrentHover:rgb(255, 255, 255);--c-elevation0:0;--c-elevation2:2;--c-pageHeaderJoinedColorBorder:rgb(201, 201, 201);--c-elevation4:4;--c-durationPaused:3.2s;--c-colorBrand:rgb(27, 150, 255);--c-colorBackgroundPathComplete:rgb(59, 167, 85);--c-progressColorBorderHover:rgb(1, 118, 211);--c-spacingXxSmall:0.25rem;--c-tableCellSpacing:0.5rem;--c-colorBorderContextBarThemeDefault:rgb(13, 157, 218);--c-colorBackgroundAnchor:rgb(243, 243, 243);--c-paletteYellow30:rgb(111, 52, 0);--c-shadowButtonFocusInverse:0 0 3px #f3f3f3;--c-welcomeMatFontSizeInfoTitle:2.625rem;--c-colorBorderLinkFocusInverse:rgb(243, 243, 243);--c-borderRadiusCircle:50%;--c-buttonColorBorderSecondary:rgba(255, 255, 255, 0.8);--c-colorTextSuccessInverse:rgb(69, 198, 90);--c-varSpacingXLarge:2rem;--c-sizeXLarge:40rem;--c-varSpacingHorizontalXxxSmall:0.125rem;--c-elevation3Inset:-3;--c-lineHeightTab:2.5rem;--c-colorBackgroundDestructiveActive:rgb(142, 3, 15);--c-colorTextLinkPrimaryActive:rgb(3, 45, 96);--c-colorBackgroundPageHeader:rgb(255, 255, 255);--c-colorBackgroundPill:rgb(255, 255, 255);--c-fillBrandHover:rgb(1, 68, 134);--c-colorBorderContextBarItem:rgba(0, 0, 0, 0.2);--c-borderStrokeWidthThin:1px;--c-progressColorBorderShade:rgb(243, 243, 243);--c-heightHeader:2.75rem;--c-shadowInlineEdit:0 2px 4px 4px rgba(0, 0, 0, 0.16);--c-colorBackgroundNotificationBadgeHover:rgb(1, 68, 134);--c-borderRadiusPill:15rem;--c-colorTextButtonInverseDisabled:rgba(255, 255, 255, 0.5);--c-sizeXxxSmall:3rem;--c-colorBackgroundSuccessDarker:rgb(25, 78, 49);--c-colorBackgroundToggleHover:rgb(147, 147, 147);--c-paletteYellow15:rgb(46, 34, 4);--c-paletteYellow10:rgb(40, 18, 2);--c-cardSpacingSmall:0.75rem;--c-illustrationEmptyStateTasks:url(/_slds/images/illustrations/empty-state-tasks.svg?cache=dc5e5e5b);--c-brandBandScrimHeight:3.125rem;--c-popoverWalkthroughColorBackground:rgb(0, 22, 57);--c-colorBorderErrorDark:rgb(254, 143, 125);--c-heightTappableSmall:2rem;--c-colorBackgroundButtonBrandDisabled:rgb(243, 243, 243);--c-colorBorderPrimary:rgb(201, 201, 201);--c-colorGray1:rgb(255, 255, 255);--c-fontSizeXLarge:1.5rem;--c-varSquareIconMediumBoundary:2rem;--c-colorGray5:rgb(221, 219, 218);--c-colorGray4:rgb(236, 235, 234);--c-colorGray3:rgb(243, 242, 242);--c-colorGray2:rgb(250, 250, 249);--c-opacity8:0.8;--c-salesforceSansBoldItalicWoff2:url(/_slds/fonts/v2.3.0/SalesforceSans-BoldItalic.woff2);--c-opacity5:0.5;--c-squareIconGlobalIdentityIcon:1.25rem;--c-colorBackgroundBrowser:rgb(116, 116, 116);--c-colorTextIconInverseActive:rgb(255, 255, 255);--c-shadowDocked:0 -2px 2px 0 rgba(0, 0, 0, 0.16);--c-colorBackgroundInputError:rgb(253, 221, 227);--c-colorGray9:rgb(112, 110, 107);--c-colorGray8:rgb(150, 148, 146);--c-colorGray7:rgb(176, 173, 171);--c-colorGray6:rgb(201, 199, 197);--c-colorTextLinkInverse:rgb(255, 255, 255);--c-squareIconSmallBoundary:1.5rem;--c-varSpacingHorizontalXLarge:2rem;--c-colorBackgroundDark:rgb(243, 243, 243);--c-colorTextWarningAlt:rgb(140, 75, 2);--c-elevationInverseShadow2:0 -2px 2px 0 rgba(0, 0, 0, 0.16);--c-elevationInverseShadow0:none;--c-colorStrokeBrand:rgb(1, 118, 211);--c-colorBackgroundToggleActive:rgb(1, 68, 134);--c-colorBorderContextBarDivider:rgba(255, 255, 255, 0.2);--c-zIndexToast:10000;--c-colorBackgroundContextBarActionHighlight:rgba(255, 255, 255, 0.2);--c-colorBackgroundBrandPrimaryFocus:rgb(1, 68, 134);--c-buttonColorBackgroundBrandPrimary:rgb(1, 118, 211);--c-brandHeaderContrastWarm:rgb(186, 5, 23);--c-buttonColorTextPrimary:rgb(255, 255, 255);--c-colorBrandDarker:rgb(1, 68, 134);--c-colorBorderPathCurrentHover:rgb(3, 45, 96);--c-colorTextButtonDefaultDisabled:rgb(201, 201, 201);--c-colorBackgroundPathLost:rgb(234, 0, 30);--c-einsteinHeaderBackground:url(/_slds/images/einstein-headers/einstein-header-background.svg?cache=ff7fa2ff);--c-brandTextLink:rgb(1, 118, 211);--c-sliderTrackColorBackground:rgb(243, 243, 243);--c-colorContrastPrimary:rgb(243, 243, 243);--c-groupDefaultAvatar:url(/_slds/images/group_avatar_200.png?cache=a0044dae);--c-templateProfileGutters:0;--c-sizeXxSmall:6rem;--c-colorBackgroundPayload:rgb(243, 243, 243);--c-paletteCloudBlue90:rgb(207, 233, 254);--c-colorBackgroundPathActive:rgb(1, 68, 134);--c-colorTextDestructive:rgb(234, 0, 30);--c-squareIconLargeBoundary:3rem;--c-colorBorderWarning:rgb(254, 147, 57);--c-shadowSoftPrimaryHover:none;--c-paletteCloudBlue95:rgb(234, 245, 254);--c-spacingSmall:0.75rem;--c-colorBackgroundErrorDark:rgb(186, 5, 23);--c-brandHeaderContrastWeakDisabled:rgba(166, 166, 166, 0.25);--c-squareIconMediumContentAlt:0.875rem;--c-colorBackgroundButtonInverse:rgba(0, 0, 0, 0);--c-brandHeader:rgb(255, 255, 255);--c-lineHeightText:1.5;--c-widthStageLeftExpanded:15rem;--c-colorBackgroundError:rgb(254, 92, 76);--c-colorTextButtonBrandActive:rgb(255, 255, 255);--c-fontFamily:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';--c-mqMedium:only screen and (min-width: 48em);--c-brandDarkActive:rgb(37, 48, 69);--c-colorBackgroundPathStepActionActive:rgb(0, 22, 57);--c-neutrafaceDisplayWoff2:url(/_slds/fonts/NeutrafaceDisplay.woff2?cache=2.9.0);--c-spacingMedium:1rem;--c-colorTextModal:rgb(255, 255, 255);--c-spinnerSizeLarge:2.75rem;--c-carouselIndicatorColorBackgroundHover:rgb(243, 243, 243);--c-shadowActionOverflowFooter:0 -2px 4px #f3f3f3;--c-popoverWalkthroughHeaderColorBackground:rgb(3, 45, 96);--c-colorBackgroundPathWon:rgb(46, 132, 74);--c-lineHeightToggle:1.3rem;--c-neutrafaceDisplayWoff:url(/_slds/fonts/NeutrafaceDisplay.woff?cache=2.9.0);--c-cardFooterPadding:0 1rem 0.75rem;--c-sliderHandleColorBackground:rgb(27, 150, 255);--c-colorBackgroundErrorAlt:rgb(254, 143, 125);--c-colorBackgroundIndicatorDot:rgb(3, 45, 96);--c-chatMessageColorBackgroundInbound:rgb(243, 243, 243);--c-elevationShadow0:none;--c-heightPill:1.625rem;--c-elevationShadow4:0 4px 4px 0 rgba(0, 0, 0, 0.16);--c-elevationShadow2:0 2px 2px 0 rgba(0, 0, 0, 0.16);--c-elevationShadow8:0 8px 8px 0 rgba(0, 0, 0, 0.16);--c-varFontSize8:1.5rem;--c-colorBackgroundButtonDefaultDisabled:rgb(255, 255, 255);--c-varFontSize7:1.25rem;--c-elevationInverseShadow8:0 -8px 8px 0 rgba(0, 0, 0, 0.16);--c-varFontSize9:1.75rem;--c-brandBandColorBackgroundPrimary:rgba(0, 0, 0, 0);--c-colorTextButtonBrand:rgb(255, 255, 255);--c-elevationInverseShadow4:0 -4px 4px 0 rgba(0, 0, 0, 0.16);--c-colorBackgroundToggleActiveHover:rgb(1, 68, 134);--c-welcomeMatBackgroundImageInfo:url(/_slds/images/welcome-mat/bg-info@2x.png?cache=ddb4e82f);--c-varFontSize2:0.75rem;--c-varFontSize1:0.625rem;--c-varFontSize4:0.875rem;--c-pageHeaderSpacingRow:0.75rem 1rem;--c-varFontSize3:0.8125rem;--c-varFontSize6:1.125rem;--c-varFontSize5:1rem;--c-varSpacingVerticalMedium:1rem;--c-pageHeaderSpacingPadding:1rem;--c-colorTextModalButton:rgb(116, 116, 116);--c-colorBackgroundPrimary:rgb(255, 255, 255);--c-colorTextInputFocusInverse:rgb(3, 45, 96);--c-colorBackgroundScrollbarTrack:rgb(201, 201, 201);--c-paletteNeutral70:rgb(174, 174, 174);--c-brandPrimaryActive:rgb(1, 118, 211);--c-popoverWalkthroughAltImage:;--c-nubbinTriangleOffset:-0.1875rem;--c-salesforceSansLightWoff:url(/_slds/fonts/v2.3.0/SalesforceSans-Light.woff);--c-colorBorderSuccessDark:rgb(46, 132, 74);--c-mqHighRes:only screen and (-webkit-min-device-pixel-ratio: 2), screen and (min-device-pixel-ratio: 2),screen and (min-resolution: 192dpi),screen and (min-resolution: 2dppx);--c-brandBandColorBackgroundPrimaryTransparent:rgba(0, 0, 0, 0);--c-colorBackgroundContextBarInverseItemActive:rgba(255, 255, 255, 0.4);--c-colorTextButtonDefaultHint:rgb(174, 174, 174);--c-salesforceSansItalicWoff2:url(/_slds/fonts/v2.3.0/SalesforceSans-Italic.woff2);--c-paletteGreen60:rgb(59, 167, 85);--c-heightContextBar:2.5rem;--c-colorBackgroundOrgSwitcherArrow:rgb(0, 22, 57);--c-paletteGreen65:rgb(65, 182, 88);--c-brandHeaderContrastInverse:rgb(255, 255, 255);--c-notificationColorBackgroundInverse:rgb(116, 116, 116);--c-colorBackgroundButtonIconDisabled:rgb(255, 255, 255);--c-paletteNeutral60:rgb(147, 147, 147);--c-colorBorderContextBarThemeDefaultAlt:rgb(243, 243, 243);--c-fillBrand:rgb(1, 118, 211);--c-colorBackgroundInputCheckbox:rgb(255, 255, 255);--c-colorBorder:rgb(201, 201, 201);--c-squareIconSmall:1rem;--c-varSpacingHorizontalMedium:1rem;--c-illustrationColorPrimary:rgb(144, 208, 254);--c-varSpacingVerticalXSmall:0.5rem;--c-colorTextPlaceholder:rgb(116, 116, 116);--c-einsteinHeaderBackgroundColor:rgb(144, 208, 254);--c-paletteGreen70:rgb(69, 198, 90);--c-brandHeaderContrast:rgb(94, 94, 94);--c-inputStaticColor:rgb(24, 24, 24);--c-paletteNeutral90:rgb(229, 229, 229);--c-paletteGreen90:rgb(205, 239, 196);--c-spacingXxLarge:3rem;--c-shadowDropDown:0 2px 3px 0 rgba(0, 0, 0, 0.16);--c-paletteNeutral95:rgb(243, 243, 243);--c-colorBackgroundModal:rgb(255, 255, 255);--c-elevationShadow3Below:0 3px 3px 0 rgba(0, 0, 0, 0.16) inset;--c-paletteRed80:rgb(254, 184, 171);--c-sliderTrackWidth:100%;--c-elevation32:32;--c-globalHeaderColorBackground:rgb(255, 255, 255);--c-spacingXLarge:2rem;--c-paletteGreen80:rgb(145, 219, 139);--c-colorBorderInputActive:rgb(27, 150, 255);--c-varSpacingXSmall:0.5rem;--c-paletteNeutral80:rgb(201, 201, 201);--c-colorBackgroundModalButton:rgba(0, 0, 0, 0.07);--c-colorBorderPathDivider:rgb(255, 255, 255);--c-colorTextIconDefault:rgb(116, 116, 116);--c-zIndexDeepdive:-99999;--c-elevation16:16;--c-paletteRed90:rgb(254, 222, 216);--c-globalnavigationItemHeightAccentActive:3px;--c-templateGutters:0;--c-paletteRed95:rgb(254, 241, 238);--c-buttonColorBorderBrandPrimary:rgb(1, 118, 211);--c-buttonIconBoundaryTouch:2.75rem;--c-brandBackgroundPrimaryTransparent:rgba(176, 196, 223, 0);--c-fillHeaderButtonFocus:rgb(1, 118, 211);--c-colorBorderError:rgb(234, 0, 30);--c-colorTextLinkHover:rgb(1, 68, 134);--c-paletteGreen95:rgb(235, 247, 230);--c-einsteinHeaderFigure:url(/_slds/images/einstein-headers/einstein-figure.svg?cache=ec975fb1);--c-colorBorderRowSelected:rgb(1, 118, 211);--c-colorStrokeBrandHover:rgb(1, 118, 211);--c-paletteNeutral30:rgb(68, 68, 68);--c-varSpacingVerticalXxxSmall:0.125rem;--c-paletteHotOrange10:rgb(40, 18, 2);--c-colorTextButtonBrandDisabled:rgb(255, 255, 255);--c-squareIconXSmallContent:0.5rem;--c-varFontSize10:2rem;--c-paletteRed60:rgb(254, 92, 76);--c-varFontSize11:2.625rem;--c-paletteRed65:rgb(254, 119, 101);--c-buttonBorderRadius:.25rem;--c-squareTappableXSmall:1.5rem;--c-colorBackgroundGuidance:rgb(255, 255, 255);--c-colorTextContextBarInverse:rgb(255, 255, 255);--c-paletteNeutral20:rgb(46, 46, 46);--c-fontFamilyHeading:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';--c-paletteRed70:rgb(254, 143, 125);--c-brandHeaderContrastCoolActive:rgb(1, 68, 134);--c-borderWidthThick:2px;--c-pageHeaderShadow:none;--c-spinnerSizeXxSmall:0.5rem;--c-tableColorBackgroundHeader:rgb(255, 255, 255);--c-pageHeaderColorBackgroundAlt:rgb(255, 255, 255);--c-colorBorderBrandPrimaryHover:rgb(1, 118, 211);--c-colorTextTabLabelActive:rgb(3, 45, 96);--c-paletteNeutral50:rgb(116, 116, 116);--c-colorBackgroundTempModalTint:rgba(126, 140, 153, 0.8);--c-fontSizeMedium:1rem;--c-colorBorderButtonBrand:rgb(1, 118, 211);--c-paletteHotOrange30:rgb(126, 38, 0);--c-paletteRed40:rgb(186, 5, 23);--c-brandBandImageHeightSmall:6rem;--c-colorTextInverseWeak:rgb(174, 174, 174);--c-colorTextInverse:rgb(255, 255, 255);--c-shadowLinkFocusInverse:0 0 3px #f3f3f3;--c-squareIconXxSmallBoundary:1rem;--c-lineHeightReset:1;--c-verticalNavigationColorBackgroundShadeRowActive:rgb(243, 243, 243);--c-colorBackgroundTempModal:rgba(126, 140, 153, 0.8);--c-colorBackgroundToggleDisabled:rgb(174, 174, 174);--c-colorGray13:rgb(8, 7, 7);--c-colorGray10:rgb(81, 79, 77);--c-paletteNeutral40:rgb(92, 92, 92);--c-colorBorderInverse:rgb(0, 22, 57);--c-carouselIndicatorColorBackgroundActive:rgb(1, 118, 211);--c-colorBackgroundBackdrop:rgba(255, 255, 255, 0.75);--c-colorGray12:rgb(43, 40, 38);--c-colorGray11:rgb(62, 62, 60);--c-colorTextContextBarActionTrigger:rgba(255, 255, 255, 0.4);--c-paletteHotOrange20:rgb(74, 36, 19);--c-colorBackgroundNotification:rgb(255, 255, 255);--c-colorBackgroundPathStepActionCurrent:rgb(1, 68, 134);--c-badgeColorBackgroundInverse:rgb(116, 116, 116);--c-colorBorderSeparatorInverse:rgb(3, 45, 96);--c-paletteRed50:rgb(234, 0, 30);--c-colorBackgroundSpinnerDot:rgb(174, 174, 174);--c-colorBackgroundButtonBrandActive:rgb(3, 45, 96);--c-paletteHotOrange15:rgb(66, 22, 4);--c-sliderHandleColorBackgroundFocus:rgb(1, 118, 211);--c-spinnerSizeMedium:2rem;--c-brandPrimary:rgb(27, 150, 255);--c-paletteHotOrange50:rgb(216, 58, 0);--c-colorTextLinkPrimaryFocus:rgb(1, 118, 211);--c-colorTextInputDisabled:rgb(116, 116, 116);--c-brandLogoImage:url(/_slds/images/logo-noname.svg?cache=380754d9);--c-brandLight:rgb(244, 246, 254);--c-paletteRed20:rgb(100, 1, 3);--c-fillHeaderButton:rgb(174, 174, 174);--c-varLineHeightText:1.5;--c-colorBackgroundPathCurrent:rgb(255, 255, 255);--c-colorBackgroundOffline:rgb(68, 68, 68);--c-colorBorderTabSelected:rgb(1, 118, 211);--c-colorTextWarning:rgb(254, 147, 57);--c-salesforceSansRegularWoff:url(/_slds/fonts/v2.3.0/SalesforceSans-Regular.woff);--c-paletteHotOrange40:rgb(170, 48, 1);--c-cardSpacingLarge:1.5rem;--c-paletteRed30:rgb(142, 3, 15);--c-fontSizeMediumA:1.125rem;--c-borderRadiusMedium:0.25rem;--c-colorPickerSliderThumbBorderColor:rgb(68, 68, 68);--c-shadowSoftPrimary:none;--c-zIndexDropdown:7000;--c-paletteHotOrange70:rgb(255, 144, 110);--c-verticalNavigationColorBackgroundShadeRowHover:rgb(243, 243, 243);--c-squareIconMediumBoundary:2rem;--c-colorBackgroundButtonDefaultFocus:rgb(243, 243, 243);--c-heightTappable:2.75rem;--c-colorBackgroundToastError:rgb(234, 0, 30);--c-brandBandDefaultImage:;--c-durationQuickly:0.1s;--c-colorBackgroundSelection:rgb(216, 230, 254);--c-paletteHotOrange60:rgb(255, 93, 45);--c-colorBackgroundActionbarIconUtility:rgb(116, 116, 116);--c-colorBackgroundNotificationBadgeFocus:rgb(1, 68, 134);--c-paletteHotOrange65:rgb(255, 120, 79);--c-cardFooterTextAlign:right;--c-colorBorderBrandDark:rgb(1, 68, 134);--c-brandBackgroundDark:rgb(232, 232, 232);--c-avatarGroupColorBackgroundLightest:rgb(255, 255, 255);--c-colorTextContextBar:rgb(68, 68, 68);--c-inputStaticFontWeight:400;--c-paletteRed10:rgb(48, 12, 1);--c-colorTextLinkDisabled:rgb(3, 45, 96);--c-colorTextPathCurrent:rgb(1, 68, 134);--c-paletteRed15:rgb(74, 12, 4);--c-zIndexOverlay:8000;--c-buttonColorBorderPrimary:rgb(243, 243, 243);--c-paletteHotOrange90:rgb(255, 222, 213);--c-shadowImage:0 1px 1px rgba(0, 0, 0, 0.16);--c-paletteHotOrange95:rgb(254, 241, 237);--c-cardHeaderPadding:0.75rem 1rem 0;--c-colorBorderSeparatorAlt2:rgb(201, 201, 201);--c-fillBrandActive:rgb(3, 45, 96);--c-fontSizeTextMedium:1rem;--c-spacingXSmall:0.5rem;--c-chatMessageColorBackgroundOutboundAgent:rgb(116, 116, 116);--c-colorBackgroundButtonIconHover:rgb(243, 243, 243);--c-sliderHandleColorBackgroundActive:rgb(1, 118, 211);--c-colorBorderSuccess:rgb(145, 219, 139);--c-colorTextIconInverseHover:rgb(255, 255, 255);--c-componentSpacingPadding:1rem;--c-colorBorderDestructiveActive:rgb(142, 3, 15);--c-colorBackgroundButtonInverseDisabled:rgba(0, 0, 0, 0);--c-colorTextTabLabelFocus:rgb(1, 68, 134);--c-paletteHotOrange80:rgb(254, 185, 165);--c-colorBackgroundNotificationBadge:rgb(234, 0, 30);--c-zIndexReminder:8500;--c-colorBackgroundImageOverlay:rgba(0, 0, 0, 0.4);--c-colorBackgroundReminderHover:rgb(255, 255, 255);--c-colorTextPathCurrentHover:rgb(3, 45, 96);--c-colorBackgroundCustomer:rgb(254, 147, 57);--c-colorBackgroundButtonDefault:rgb(255, 255, 255);--c-colorBackgroundInverseLight:rgb(3, 45, 96);--c-salesforceSansBoldWoff:url(/_slds/fonts/v2.3.0/SalesforceSans-Bold.woff);--c-progressColorBorderActive:rgb(27, 150, 255);--c-fontSizeLarge:1.25rem;--c-brandHeaderContrastWeakActive:rgb(129, 129, 129);--c-brandHeaderContrastWarmActive:rgb(186, 5, 23);--c-squareToggleSlider:1.25rem;--c-progressBarColorBackgroundFillSuccess:rgb(46, 132, 74);--c-colorBackgroundButtonBrand:rgb(1, 118, 211);--c-colorBackgroundWarningDark:rgb(254, 147, 57);--c-colorTextIconUtility:rgb(174, 174, 174);--c-colorBackgroundScrollbar:rgb(243, 243, 243);--c-chatMessageColorBackgroundStatus:rgb(255, 255, 255);--c-colorBackgroundTempModalTintAlt:rgba(255, 255, 255, 0.75);--c-pageHeaderBorderRadius:0;--c-palettePink95:rgb(254, 240, 243);--c-welcomeMatColorIconComplete:rgb(201, 201, 201);--c-palettePink90:rgb(253, 221, 227);--c-paletteViolet50:rgb(186, 1, 255);--c-paletteTeal30:rgb(2, 77, 76);--c-colorTextIconInverseDisabled:rgba(255, 255, 255, 0.15);--c-bannerGroupDefaultImage:;--c-colorBorderBrand:rgb(27, 150, 255);--c-colorBackgroundInfo:rgb(116, 116, 116);--c-heightToggle:1.5rem;--c-badgeColorBackgroundLightest:rgb(255, 255, 255);--c-brandBandColorBackgroundSecondary:rgba(0, 0, 0, 0);--c-shadowSoftPrimaryActive:none;--c-colorTextIconDefaultHint:rgb(174, 174, 174);--c-colorBackgroundChromeMobile:rgb(1, 118, 211);--c-colorPickerSwatchSize:1.25rem;--c-colorBackgroundPathIncomplete:rgb(243, 243, 243);--c-paletteTeal40:rgb(5, 103, 100);--c-colorTextToggleDisabled:rgb(201, 201, 201);--c-paletteViolet40:rgb(150, 2, 199);--c-colorTextLinkInverseHover:rgba(255, 255, 255, 0.75);--c-palettePink80:rgb(253, 182, 197);--c-zIndexModal:9000;--c-pageHeaderIconSize:2.25rem;--c-colorTextDestructiveHover:rgb(186, 5, 23);--c-colorBorderCanvasElementSelection:rgb(26, 185, 255);--c-colorBackgroundSuccess:rgb(69, 198, 90);--c-carouselIndicatorColorBackground:rgb(255, 255, 255);--c-sliderTrackHeight:4px;--c-squareIconSmallContent:0.75rem;--c-colorBackgroundInputDisabled:rgb(243, 243, 243);--c-paletteTeal50:rgb(11, 130, 124);--c-palettePink70:rgb(254, 138, 167);--c-paletteViolet30:rgb(115, 3, 148);--c-mqSmall:only screen and (max-width: 47.9375em);--c-brandBandImageHeightLarge:18.75rem;--c-carouselIndicatorWidth:1rem;--c-colorTextLinkActive:rgb(3, 45, 96);--c-squareIconXxSmallContent:.875rem;--c-fontSizeXSmall:0.625rem;--c-palettePink65:rgb(254, 114, 152);--c-sliderColorBackgroundDisabled:rgb(243, 243, 243);--c-colorContrastSecondary:rgb(255, 255, 255);--c-welcomeMatColorBackgroundProgressBar:rgb(255, 255, 255);--c-globalActionIconSize:1.5rem;--c-paletteViolet20:rgb(72, 26, 84);--c-fontSizeHeadingSmall:0.875rem;--c-colorPickerRangeIndicatorSize:0.75rem;--c-paletteOrange15:rgb(55, 30, 3);--c-sliderHandleSize:1rem;--c-tableBorderRadius:0;--c-paletteTeal60:rgb(6, 165, 154);--c-userDefaultAvatarSmall:url(/_slds/images/profile_avatar_96.png?cache=3c01f25f);--c-buttonColorBackgroundPrimary:rgb(255, 255, 255);--c-colorPickerInputCustomHexWidth:4.2rem;--c-paletteOrange10:rgb(32, 22, 0);--c-palettePink60:rgb(255, 83, 138);--c-paletteTeal65:rgb(3, 180, 167);--c-colorBackgroundRowSelected:rgb(243, 243, 243);--c-colorBackgroundContextBarBrandAccent:rgb(13, 157, 218);--c-fontFamilyMonospace:Consolas, Menlo, Monaco, Courier, monospace;--c-cardFooterColorBorder:rgba(0, 0, 0, 0);--c-palettePurple80:rgb(215, 191, 242);--c-varSpacingHorizontalLarge:1.5rem;--c-colorTextRequired:rgb(234, 0, 30);--c-elevationShadow16:0 16px 16px 0 rgba(0, 0, 0, 0.16);--c-paletteViolet10:rgb(46, 0, 57);--c-shadowHardPrimary:none;--c-paletteOrange20:rgb(62, 43, 2);--c-paletteViolet15:rgb(61, 1, 87);--c-radioButtonGroupLineHeightTouch:2.69rem;--c-colorBackgroundBrandPrimary:rgb(1, 118, 211);--c-paletteTeal70:rgb(1, 195, 179);--c-colorBackgroundUtilityBarActive:rgb(27, 150, 255);--c-zIndexSticky:100;--c-colorBackgroundContextBarShadow:linear-gradient(to bottom, rgba(0, 0, 0, 0.25) 0, rgba(0, 0, 0, 0) 100%);--c-paletteTeal80:rgb(4, 225, 203);--c-palettePurple90:rgb(236, 225, 249);--c-squareIconUtilityLarge:1.5rem;--c-fontSize10:2rem;--c-groupDefaultAvatarMedium:url(/_slds/images/group_avatar_160.png?cache=b8fe8e83);--c-elevationShadow32:0 32px 32px 0 rgba(0, 0, 0, 0.16);--c-paletteOrange30:rgb(95, 62, 2);--c-colorBorderButtonInverseDisabled:rgba(255, 255, 255, 0.15);--c-fontSize11:2.625rem;--c-einsteinHeaderTextShadow:#cfe9fe;--c-palettePurple95:rgb(246, 242, 251);--c-squareTappableXxSmall:1.25rem;--c-colorBackgroundDestructiveHover:rgb(142, 3, 15);--c-fontSize9:1.75rem;--c-colorBackgroundLight:rgb(255, 255, 255);--c-fontSize8:1.5rem;--c-paletteTeal90:rgb(172, 243, 228);--c-shadowActive:0 0 2px #0176d3;--c-fontSize1:0.625rem;--c-paletteNeutral100:rgb(255, 255, 255);--c-colorTextLink:rgb(1, 118, 211);--c-pageHeaderTitleFontSize:1.125rem;--c-fontSize3:0.8125rem;--c-fontSize2:0.75rem;--c-colorTextLinkInverseDisabled:rgba(255, 255, 255, 0.15);--c-fontSize5:1rem;--c-fontSize4:0.875rem;--c-fontSize7:1.25rem;--c-fontSize6:1.125rem;--c-spacingNone:0;--c-paletteOrange40:rgb(130, 81, 1);--c-inputReadonlyFontWeight:400;--c-palettePurple60:rgb(173, 123, 238);--c-paletteTeal95:rgb(222, 249, 243);--c-colorStrokeHeaderButton:rgb(174, 174, 174);--c-typingIconDotColorBackgroundGray:rgb(201, 201, 201);--c-palettePurple65:rgb(183, 141, 239);--c-pageHeaderTitleFontWeight:400;--c-colorBackgroundButtonIconFocus:rgb(243, 243, 243);--c-groupDefaultAvatarSmall:url(/_slds/images/group_avatar_96.png?cache=d0659d12);--c-colorBackgroundModalBrand:rgb(1, 68, 134);--c-colorTextInverseActive:rgb(26, 185, 255);--c-colorBackgroundHighlightSearch:rgb(255, 240, 63);--c-paletteOrange50:rgb(169, 100, 4);--c-colorBackgroundSuccessDark:rgb(46, 132, 74);--c-shadowOverlay:0 -2px 4px rgba(0, 0, 0, 0.07);--c-sizeXSmall:12rem;--c-colorBackgroundDestructive:rgb(186, 5, 23);--c-typingIconDotSize:.5rem;--c-palettePurple70:rgb(194, 158, 241);--c-colorBorderInfo:rgb(116, 116, 116);--c-colorTextTabLabel:rgb(3, 45, 96);--c-palettePink15:rgb(75, 6, 32);--c-popoverWalkthroughColorBackgroundAlt:rgb(1, 118, 211);--c-durationImmediately:0.05s;--c-palettePink10:rgb(55, 1, 20);--c-elevationInverseShadow16:0 -16px 16px 0 rgba(0, 0, 0, 0.16);--c-salesforceSansLightWoff2:url(/_slds/fonts/v2.3.0/SalesforceSans-Light.woff2);--c-splitViewWidth:25rem;--c-colorBorderIconInverseHint:rgba(255, 255, 255, 0.5);--c-brandDisabled:rgb(201, 199, 197);--c-paletteOrange60:rgb(221, 122, 1);--c-palettePurple40:rgb(117, 38, 227);--c-paletteOrange65:rgb(243, 131, 3);--c-progressColorBackground:rgb(255, 255, 255);--c-colorBorderContextBarThemeDefaultActive:rgb(243, 243, 243);--c-avatarGroupColorBackgroundInverse:rgb(116, 116, 116);--c-colorBackgroundAlt2:rgb(243, 243, 243);--c-cardFontWeight:400;--c-colorPickerSwatchShadow:inset 0 0 1px rgba(0,0,0,0.4);--c-paletteOrange70:rgb(254, 147, 57);--c-colorTextIconBrand:rgb(1, 118, 211);--c-colorTextButtonDefault:rgb(1, 118, 211);--c-palettePurple50:rgb(144, 80, 233);--c-pathButtonWidthFixed:13rem;--c-sizeLarge:25rem;--c-userDefaultAvatarMedium:url(/_slds/images/profile_avatar_160.png?cache=bfba2c9a);--c-colorBorderDestructive:rgb(234, 0, 30);--c-colorTextWeak:rgb(116, 116, 116);--c-fontSizeHeadingMedium:1.125rem;--c-mqSingleColumnRecordLayout:(max-width: 599px);--c-colorBackgroundInputSearch:rgba(0, 0, 0, 0.16);--c-welcomeMatBackgroundColorInfo:rgb(207, 233, 254);--c-colorBorderBrandPrimary:rgb(27, 150, 255);--c-colorBackgroundInverse:rgb(0, 22, 57);--c-maxWidthActionOverflowMenu:512px;--c-paletteNeutral10:rgb(24, 24, 24);--c-carouselColorBackground:rgb(255, 255, 255);--c-colorTextLabel:rgb(116, 116, 116);--c-colorBackgroundButtonSuccessActive:rgb(46, 132, 74);--c-squareIconLarge:3.125rem;--c-spinnerSizeXSmall:1rem;--c-paletteOrange80:rgb(255, 186, 144);--c-cardSpacingMargin:1rem;--c-colorTextBrowserActive:rgba(0, 0, 0, 0.4);--c-colorBackgroundButtonBrandHover:rgb(1, 68, 134);--c-chatMessageColorBackgroundOutbound:rgb(1, 68, 134);--c-colorTextIconDefaultActive:rgb(3, 45, 96);--c-palettePurple20:rgb(64, 16, 117);--c-colorTextIconDefaultHover:rgb(1, 118, 211);--c-colorTextLinkPrimary:rgb(1, 118, 211);--c-fontSizeTextXSmall:0.75rem;--c-colorBackgroundToast:rgb(116, 116, 116);--c-fontSizeXxLarge:2rem;--c-heightSalesPath:2rem;--c-colorTextIconDefaultHintBorderless:rgb(243, 243, 243);--c-paletteOrange95:rgb(255, 241, 234);--c-colorForegroundPrimary:rgb(255, 255, 255);--c-paletteOrange90:rgb(254, 223, 208);--c-colorBackgroundRowNew:rgb(205, 239, 196);--c-fontSizeTextLarge:1.125rem;--c-paletteGreen15:rgb(12, 41, 18);--c-colorBackgroundShade:rgb(243, 243, 243);--c-paletteGreen10:rgb(7, 27, 18);--c-palettePurple30:rgb(90, 27, 169);--c-varSpacingXxxSmall:0.125rem;--c-brandLightActive:rgb(227, 229, 237);--c-welcomeMatTextColorInfo:rgb(3, 45, 96);--c-colorBackgroundIconWaffle:rgb(116, 116, 116);--c-colorBackgroundContextBarItemHover:rgb(255, 255, 255);--c-fontSizeXLargeA:1.57rem;--c-colorBackgroundPathCompleteHover:rgb(46, 132, 74);--c-palettePink50:rgb(227, 6, 106);--c-paletteViolet90:rgb(242, 222, 254);--c-paletteGreen20:rgb(28, 51, 38);--c-paletteViolet95:rgb(249, 240, 255);--c-colorBorderContextBarThemeDefaultHover:rgb(50, 29, 113);--c-squareIconMedium:2.375rem;--c-textTransform:none;--c-colorBackgroundBrandPrimaryHover:rgb(1, 68, 134);--c-colorTextSuccess:rgb(46, 132, 74);--c-carouselIndicatorColorBackgroundFocus:rgb(1, 68, 134);--c-colorBackgroundChromeDesktop:rgb(255, 255, 255);--c-borderStrokeWidthThick:2px;--c-colorBackgroundReminder:rgb(243, 243, 243);--c-palettePurple15:rgb(48, 11, 96);--c-colorTextToast:rgb(243, 243, 243);--c-paletteViolet80:rgb(229, 185, 254);--c-colorBackgroundAlt:rgb(255, 255, 255);--c-palettePink40:rgb(182, 5, 84);--c-paletteGreen30:rgb(25, 78, 49);--c-palettePurple10:rgb(36, 6, 67);--c-elevationInverseShadow32:0 -32px 32px 0 rgba(0, 0, 0, 0.16);--c-colorBorderCustomer:rgb(254, 147, 57);--c-tableColorBackgroundStripes:rgb(243, 243, 243);--c-varSpacingVerticalSmall:0.75rem;--c-palettePink30:rgb(138, 3, 62);--c-paletteViolet70:rgb(216, 146, 254);--c-colorBorderContextBarInverseItem:rgba(255, 255, 255, 0.2);--c-utilityBarColorBackgroundNotificationBadge:rgb(254, 92, 76);--c-colorTextTabLabelDisabled:rgb(243, 243, 243);--c-heightInput:1.875rem;--c-squareTappable:2.75rem;--c-fontSizeSmall:0.875rem;--c-paletteGreen40:rgb(57, 101, 71);--c-tableColorBackgroundHeaderFocus:rgb(255, 255, 255);--c-salesforceSansRegularWoff2:url(/_slds/fonts/v2.3.0/SalesforceSans-Regular.woff2);--c-varSpacingHorizontalXxLarge:3rem;--c-paletteViolet65:rgb(209, 125, 254);--c-progressBarColorBackgroundFill:rgb(26, 185, 255);--c-colorBorderSeparator:rgb(243, 243, 243);--c-paletteGreen50:rgb(46, 132, 74);--c-brandHeaderIconDisabled:rgba(145, 145, 145, 0.25);--c-palettePink20:rgb(97, 2, 42);--c-splitViewColorBackground:rgb(243, 243, 243);--c-colorBackgroundSecondary:rgb(243, 243, 243);--c-colorTextLinkFocus:rgb(1, 68, 134);--c-paletteViolet60:rgb(203, 101, 255);}</style><link data-href="/enhancedmyncs/s/sfsites/l/%7B%22mode%22%3A%22PROD%22%2C%22dfs%22%3A%228%22%2C%22app%22%3A%22siteforce%3AcommunityApp%22%2C%22loaded%22%3A%7B%22APPLICATION%40markup%3A%2F%2Fsiteforce%3AcommunityApp%22%3A%221233_tg1lZW0GjL7Kyv3gtwy_bg%22%7D%2C%22styleContext%22%3A%7B%22c%22%3A%22ie7%22%2C%22x%22%3A%5B%223%22%2C%22SLDS%22%2C%22isDesktop%22%5D%2C%22tokens%22%3A%5B%22markup%3A%2F%2Fsiteforce%3AserializedTokens%22%2C%22markup%3A%2F%2Fforce%3AsldsTokens%22%2C%22markup%3A%2F%2Fsiteforce%3AcommunityTokens%22%2C%22markup%3A%2F%2Fforce%3AformFactorLarge%22%2C%22markup%3A%2F%2Fsiteforce%3AcommunityFormFactorLarge%22%2C%22markup%3A%2F%2Fsiteforce%3AauraDynamicTokens%22%2C%22markup%3A%2F%2Fsiteforce%3AsldsFontOverride%22%5D%2C%22tuid%22%3A%221wtLsdVC01ZbbI7oj9dr1w%22%2C%22cuid%22%3A-1955849874%7D%2C%22pathPrefix%22%3A%22%2Fenhancedmyncs%22%7D/app.css?3=&aura.attributes=%7B%22ac%22%3A%22%22%2C%22authenticated%22%3A%22false%22%2C%22brandingSetId%22%3A%22e0ea94cc-1b35-4fea-9c30-f10ca483e410%22%2C%22formFactor%22%3A%22LARGE%22%2C%22isHybrid%22%3A%22false%22%2C%22language%22%3A%22en_US%22%2C%22pageId%22%3A%224d0713cb-daed-4cff-bf2e-4f7061f59c39%22%2C%22publishedChangelistNum%22%3A%2253%22%2C%22schema%22%3A%22Published%22%2C%22themeLayoutType%22%3A%22Inner%22%2C%22uds%22%3A%22false%22%2C%22viewType%22%3A%22Published%22%7D" class="auraCss" rel="stylesheet" type="text/css"/> <link rel="stylesheet" id="siteforce_fontStyleSheet" href="/enhancedmyncs/s/sfsites/runtimedownload/fonts.css?lastMod=1731079982000&brandSet=e0ea94cc-1b35-4fea-9c30-f10ca483e410" type="text/css"/> <style id="themeCSS"></style><style id="customCSS">/*Fonts served from custom domain*/ @import url('https://fonts.googleapis.com/css?family=Montserrat:100,100i,400,400i,700,700i&display=swap'); @font-face { font-family: 'Microgramma W05'; src: url('/enhancedmyncs/s/sfsites/c/resource/MicrogrammaBoldExtended'); font-weight: 700; } @font-face { font-family: 'Microgramma W05'; src: url('/enhancedmyncs/s/sfsites/c/resource/MicrogrammaMediumExtended'); font-weight: 400; } /*----------------------- Header nav and profile menu styling ------------------------*/ /* Set menu background to black */ .comm-navigation.forceCommunityGlobalNavigation { background-color: black !important; } /* Set font and padding for top level menu options (labels are buttons, so select separately) */ .forceCommunityGlobalNavigation .slds-list_horizontal>.slds-list__item>.comm-navigation__item>a , .forceCommunityGlobalNavigation .slds-list_horizontal>.slds-list__item>.comm-navigation__item>button { font-size: 1.25rem !important; text-transform: uppercase !important; font-family: MicrogrammaBoldExtended !important; padding-left: 25px; padding-right: 25px; } /* When hovering menu option, highlight background to white and change text to black */ .forceCommunityGlobalNavigation .slds-list_horizontal>.slds-list__item>.comm-navigation__item>a:hover , .forceCommunityGlobalNavigation .slds-list_horizontal>.slds-list__item>.comm-navigation__item>button:hover { background-color: white !important; color: black !important; text-decoration-line: none !important; } /* Set font and background for nested menu items */ .forceCommunityGlobalNavigation .slds-is-nested .slds-list__item a { font-family: Monsterrat400 !important; background-color: white !important; color: black !important; } /* Highlight nested menu items orange when hovered */ .forceCommunityGlobalNavigation .slds-is-nested .slds-list__item a:hover { color: orange !important; } /* Highlight menu items and nested menu items orange when selected (also apply black background to selected top level items to override default grey) */ .forceCommunityGlobalNavigation .slds-list_horizontal>.slds-list__item>.comm-navigation__item>a.slds-is-active , .forceCommunityGlobalNavigation .slds-list_horizontal>.slds-list__item>.comm-navigation__item>button.slds-is-active { background-color: black !important; color: orange !important; } .forceCommunityGlobalNavigation .slds-is-nested .slds-list__item a.slds-is-active { color: orange !important; } /* Set font and size for profile component, and hide surname */ .selfServiceProfileMenuTrigger .profileName { font-family: Monsterrat400 !important; font-size: 1.5rem !important; font-weight: bold !important; white-space: normal !important; /* Wraps name across multiple lines, so surname moved to second line unless very short */ max-height: 2rem !important; /* sizes to first line only - has the effect of trimming surname */ } /* Make profile name orange on hover and focus and remove default box shadow */ .selfServiceProfileMenuTrigger a:hover , .selfServiceProfileMenuTrigger a:focus , .selfServiceProfileMenuTrigger a:active { color:orange !important; box-shadow: none !important; } /*--------------------------- Buttons, boxes and icons styling ---------------------------*/ .salesforceIdentityForgotPassword2 { width: 510px; margin: auto; padding-bottom: 40px; } .salesforceIdentityForgotPassword2 .uiButton { background-color: #fff !important; border: 2px solid #000 !important; border-radius: 0 !important; color: #000 !important; width: 100% !important; font-weight: bold !important; font-family: "Microgramma W05", Helvetica, Arial, sans-serif !important; font-size: 14px !important; padding: 10px 30px !important; margin-top: 15px !important; text-transform: uppercase; } .salesforceIdentityForgotPassword2 .uiButton:hover { background-color: #000 !important; } .salesforceIdentityForgotPassword2 .uiButton:hover span { color: #fff !important; } .salesforceIdentityForgotPassword2 .uiButton span { color:#000 !important; } /* HYPERLINKS: Remove underline when hovered */ a:hover * { text-decoration: none; } u > * { text-decoration: none; } a:focus-visible { outline: 3px solid rgba(0,0,0,0); color: #000; background-color: #ffd200; box-shadow: 0 -2px #ffd200, 0 4px #0b0c0c; text-decoration: none; } button:focus { outline: 0; } button:focus-visible { outline: 3px solid rgba(0,0,0,0); color: #000; background-color: #ffd200; box-shadow: none; text-decoration: none; } /*--------------------------- Login page styling ---------------------------*/ /* HEADER LOGO: Remove padding on the rich content box containing the logo in the header */ .salesforceIdentityLoginBody2 .ui-widget { padding-top: 0 !important; padding-bottom: 0 !important; } /* CENTRAL PANEL: Stretch to be wider than default */ .salesforceIdentityLoginBody2 .cCenterPanel { width: 510px !important; min-width: inherit !important; max-width: inherit !important; } /* CENTRAL PANEL: Remove padding so fields and button below are flush */ .comm-layout-column { padding-right: 0 !important; padding-left: 0 !important; } /* INPUT FIELDS: Increase margin separating fields */ .salesforceIdentityLoginForm2 .inputContainer { margin-bottom: 20px !important; } /* INPUT FIELDS: Increase font and stretch width to outer box size */ .salesforceIdentityLoginForm2 .inputBox { font-size: 18px !important; color: black !important; width: 100% !important; margin: 0 !important; min-height: calc(2.125rem + 2px) !important; border-color: white !important; box-shadow: 0 0 0 0 white !important; text-align: center; } .salesforceIdentityLoginBody2 .inputBox { font-size: 18px !important; color: black !important; } /* FORGOT PASSWORD LINK: Move below Log In button, change font and colour and underline */ .salesforceIdentityLoginBody2 .inverseTextColor { color: black !important; } /* COPYRIGHT FOOTER: Move up from bottom of the page */ .salesforceIdentityLoginBody2 .cFooterPanel { bottom: 30px !important; } /* Base */ body { color: #000; font-family: "Montserrat", Helvetica, Arial, sans-serif; font-size: 1em; font-weight: normal; } h1, h2, h3, h4, h5, h6 { color: #000; line-height: 1.4; margin: .6em 0; } h1, h2, h3 { font-weight: bold; } .forceCommunityRichText .uiOutputRichText { padding: 20px; } .forceCommunityRichText .uiOutputRichText h1 { font-size: 36px; } .forceCommunityRichText .uiOutputRichText h2 { font-size: 27px; } .forceCommunityRichText .uiOutputRichText h3 { font-size: 25px; } .forceCommunityRichText .uiOutputRichText h4 { font-size: 24px; font-weight: normal; } .forceCommunityRichText .uiOutputRichText h5 { font-size: 21px; font-weight: bold; } .forceCommunityRichText .uiOutputRichText h6 { font-size: 18px; } .forceCommunityRichText .uiOutputRichText p { font-size: 18px; letter-spacing: 0.015em !important; line-height: 1.6 !important; } .forceCommunityRichText .uiOutputRichText a { text-decoration: underline; } .forceCommunityRichText .uiOutputRichText a:hover { text-decoration: none; } .forceCommunityRichText .uiOutputRichText h2 a { display: block; color: #000; font-size: 22px; font-weight: 600; font-family: "Microgramma W05", Helvetica, Arial, sans-serif; text-decoration: none; text-transform: uppercase; margin-bottom: 10px; border: 4px solid #000; } .forceCommunityRichText .uiOutputRichText h2 a:hover { background-color: #000; color: #fff !important; } .forceCommunityRichText .uiOutputRichText h2 a:focus-visible { outline: 3px solid rgba(0,0,0,0); background-color: #ffd200; box-shadow: none; text-decoration: none; } .forceCommunityRichText .uiOutputRichText h3 a { display: block; background-color: #000; color: #fff; font-size: 22px; font-weight: 600; font-family: "Microgramma W05", Helvetica, Arial, sans-serif; text-decoration: none; margin-bottom: 10px; border: 4px solid #000; } .forceCommunityRichText .uiOutputRichText h3 a:hover { background-color: #fff; color: #000 !important; } .forceCommunityRichText .uiOutputRichText h3 a:focus-visible { color: #000; outline: 3px solid rgba(0,0,0,0); background-color: #ffd200; box-shadow: none; text-decoration: none; } .forceCommunityRichText .uiOutputRichText a:hover { text-decoration: none; } .forceCommunityRichText .uiOutputRichText a:focus-visible { outline: 3px solid rgba(0,0,0,0); background-color: #ffd200; box-shadow: 0 -2px #ffd200, 0 4px #0b0c0c; text-decoration: none; } .forceCommunityRichText .uiOutputRichText .subtitle { font-size: 1.2em; margin-bottom: 16px; } .forceCommunityRichText .uiOutputRichText .small-text { font-family: "Montserrat", Helvetica, Arial, sans-serif; font-size: 18px; } .forceCommunityRichText .uiOutputRichText .body-text { font-size: 1.125em; font-weight: normal; letter-spacing: 0.015em; line-height: 1.6; } @media (min-width: 768px) { .forceCommunityRichText .uiOutputRichText h1 { font-size: 55px; } .forceCommunityRichText .uiOutputRichText h2 { font-size: 36px; } .forceCommunityRichText .uiOutputRichText h3, .forceCommunityRichText .uiOutputRichText h4 { font-size: 40px; } .forceCommunityRichText .uiOutputRichText h5 { font-size: 33px; } .forceCommunityRichText .uiOutputRichText p { font-size: 22px; } } @media (min-width: 992px) { .forceCommunityRichText .uiOutputRichText { padding: 0; } .forceCommunityRichText .uiOutputRichText h1 { font-size: 72px } .forceCommunityRichText .uiOutputRichText h2 { font-size: 55px; } .forceCommunityRichText .uiOutputRichText h3 { font-size: 36px; } .forceCommunityRichText .uiOutputRichText h4 { font-size: 33px; } .forceCommunityRichText .uiOutputRichText h5 { font-size: 29px; } .forceCommunityRichText .uiOutputRichText h6 { font-size: 22px; } .forceCommunityRichText .uiOutputRichText p { font-size: 22px; } .uiOutputRichText .subtitle { font-size: 1.375em; } .uiOutputRichText .body-text { font-size: 22px; } .uiOutputRichText .body-text h5 { font-size: 1.363em; } .forceCommunityRichText .uiOutputRichText h2 a { display: inline-block; min-width: 333px; padding: 10px 20px; } .forceCommunityRichText .uiOutputRichText h3 a { display: inline-block; min-width: 333px; padding: 10px 20px; } } .forceCommunityThemeHeaderB2B .centerContainer { background-color: #1ade91; } .forceCommunityThemeHeaderB2B .leftRegion { width: 20% !important; } .forceCommunityThemeHeaderB2B .center { justify-content: space-between; } .forceCommunityThemeHeaderB2B .rightRegion { width: 70% !important; } .forceCommunityThemeHeaderB2B .rightRegion .profileMenu .siteforceDesignTimeRegion { display: flex; align-items: center; justify-content: flex-start; } .forceCommunityThemeHeaderB2B .rightRegion .profileMenu .siteforceDesignTimeRegion .siteforceDesignTimeComponent { padding-right: 10px; } .forceCommunityThemeHeaderB2B .rightRegion .profileMenu .uiOutputRichText { padding: 0; } .forceCommunityThemeHeaderB2B .centerContainer .leftRegion .themeLogo .logoImage { position: absolute; left: -25px; bottom: -15px; max-height: 100%; z-index: 100; } .forceCommunityThemeHeaderB2B .centerContainer .centerRegion .searchBar .slds-card__footer { display: none; } .forceCommunityThemeHeaderB2B .centerContainer .rightRegion .comm-user-profile-menu p { color: #000; font-weight: 600; } .forceCommunityThemeHeaderB2B .centerContainer .rightRegion .cartButton svg { fill: transparent; background: url('/enhancedmyncs/s/sfsites/c/file-asset/Bag?v=1'); background-size: cover; } .forceCommunityThemeHeaderB2B .centerContainer .rightRegion .comm-user-profile-menu__login-button { background-color: #fff !important; color: #000 !important; border: 2px solid #000 !important; border-radius: 0 !important; font-weight: bold; font-family: "Microgramma W05", Helvetica, Arial, sans-serif; font-size: 18px; padding: 10px 30px; text-transform: uppercase; } .forceCommunityThemeHeaderB2B .centerContainer .rightRegion .comm-user-profile-menu__login-button:hover { background-color: #000; color: #fff; } .forceCommunityThemeHeaderB2B .centerContainer .comm-user-profile-menu__dropdown-ctn .slds-dropdown__item a { color: #000 !important; } .forceCommunityThemeHeaderB2B .centerContainer .comm-user-profile-menu__dropdown-ctn .slds-dropdown__item a:hover { color: #1ade91 !important; background-color: #fff !important; } .forceCommunityThemeHeaderB2B .navBarContainer { background: #000 !important; border-top: 8px solid #1ade91; padding-left: 15%; } .forceCommunityThemeHeaderB2B .navBarContainer ul { justify-content: center; } .forceCommunityThemeHeaderB2B .navBarContainer ul li a { color: #fff !important; display: inline-block !important; font-size: 1.2em !important; font-weight: bold !important; font-family: "Microgramma W05", Helvetica, Arial, sans-serif; padding: 16px 20px !important; text-decoration: none !important; text-transform: uppercase !important; width: 100% !important; } .forceCommunityThemeHeaderB2B .navBarContainer ul li a:focus-visible { color: #000 !important; background-color: #fd0; } .forceCommunityThemeHeaderB2B .navBarContainer ul li a:hover, .forceCommunityThemeHeaderB2B .navBarContainer ul li a:active { color: #000 !important; background-color: #fff !important; } .forceCommunityThemeHeaderB2B .navBarContainer ul li button { display: none; } .forceCommunityCheckoutHeaderWrapper .checkoutHeader { background-color: #333 !important; border-top: 8px solid #1ade91; } .forceCommunityCheckoutHeaderWrapper .checkoutHeader .slds-global-header__item > a { position: absolute; top: 30px; } @media (min-width: 992px) { .forceCommunityThemeHeaderB2B .centerContainer .leftRegion .themeLogo .logoImage { left: 0; } .forceCommunityThemeHeaderB2B .rightRegion { width: 20% !important; } .forceCommunityThemeHeaderB2B .rightRegion .profileMenu .siteforceDesignTimeRegion { display: block; } } .hero .widthContainer .content { background: url('/enhancedmyncs/s/sfsites/c/file-asset/X1920x1080_New_background_texture?v=1'); background-size: auto; background-position: left; color: #000; display: inline-block; font-family: "Microgramma W05", Helvetica, Arial, sans-serif; font-size: 1.6em; padding: 8px 25px; position: relative; text-decoration: none; letter-spacing: 0.015em; line-height: 1.6; border: 3px solid #000; } .hero .widthContainer .content h2 { color: #000 !important; font-size: 22px; font-weight: bold; text-align: left; } .hero .widthContainer .content p { color: #000 !important; font-size: 18px; font-family: "Montserrat", Helvetica, Arial, sans-serif; } @media (min-width: 992px) { .hero .widthContainer .content h2 { color: #000 !important; font-size: 46px; font-weight: bold; } } .comm-page-home .hero .widthContainer .content { background: none; background-color: transparent !important; border: 0; padding: 40px 0 0px 0px; } .comm-page-home .hero .widthContainer .content h2 { font-size: 28px; color: #fff !important; text-shadow: 5px 5px #000 !important; line-height: 1.2 !important; } @media (min-width: 992px) { .comm-page-home .hero .widthContainer .content h2 { font-size: 64px; } } .comm-page-home .hero .widthContainer .content { background: none; background-color: transparent !important; border: 0; } .comm-page-home .hero .widthContainer .content h1 { font-size: 28px; color: #000 !important; line-height: 1 !important; padding: 30px; background: url('/enhancedmyncs/s/sfsites/c/file-asset/X1920x1080_New_background_texture?v=1'); background-position: center; } @media (min-width: 992px) { .comm-page-home .hero .widthContainer .content { padding: 8px 25px; } .comm-page-home .hero .widthContainer .content h1 { font-size: 48px; } } /* Rich Text */ .forceCommunityRichText ul { list-style: disc !important; font-size: 22px !important; } .forceCommunityRichText ul li { padding-left: 0 !important; list-style-type: disc !important; } .forceCommunityRichText ul li::before { content: none !important; } /* SelfRegister */ .salesforceIdentityLoginBody2 .cCenterPanel .slds-card.flowRuntimeForFlexipage { background: transparent !important; border: 0; padding: 20px; } .salesforceIdentityLoginBody2 .login-logo { background-position: top !important; width: 40% !important; margin-right: auto; display: block; } .salesforceIdentityLoginBody2 .cCenterPanel .slds-card.flowRuntimeForFlexipage flowruntime-flow { background-color: transparent !important; } .salesforceIdentityLoginBody2 .cCenterPanel .slds-card.flowRuntimeForFlexipage .slds-path__nav .slds-is-active, .salesforceIdentityLoginBody2 .cCenterPanel .slds-card.flowRuntimeForFlexipage .slds-path__nav .slds-is-active::before, .salesforceIdentityLoginBody2 .cCenterPanel .slds-card.flowRuntimeForFlexipage .slds-path__nav .slds-is-active::after { background: #1ade91; } .salesforceIdentityLoginBody2 .cCenterPanel .slds-card.flowRuntimeForFlexipage lightning-formatted-rich-text strong { font-family: "Microgramma W05", Helvetica, Arial, sans-serif; } .salesforceIdentityLoginBody2 .cCenterPanel .slds-card.flowRuntimeForFlexipage lightning-formatted-rich-text[id*='input-label'], .salesforceIdentityLoginBody2 .cCenterPanel .slds-card.flowRuntimeForFlexipage .slds-form-element__label, .salesforceIdentityLoginBody2 .cCenterPanel .slds-card.flowRuntimeForFlexipage .flowruntime-input-label { display: inline-block; font-weight: bold; font-size: 1.2em; margin-top: 0.25em; margin-bottom: 0.25em; } .salesforceIdentityLoginBody2 .cCenterPanel .slds-card.flowRuntimeForFlexipage .flowruntime-input-label span { display: inline-block; font-size: 18px; font-family: "Montserrat", Helvetica, Arial, sans-serif; } .salesforceIdentityLoginBody2 .cCenterPanel .slds-card.flowRuntimeForFlexipage .formatted-rich-text p { font-family: "Montserrat", Helvetica, Arial, sans-serif; } .salesforceIdentityLoginBody2 .cCenterPanel .slds-card.flowRuntimeForFlexipage .slds-form-element__label div[data-field*="province"] { display: none; } .salesforceIdentityLoginBody2 .cCenterPanel .slds-card.flowRuntimeForFlexipage lightning-input input, .salesforceIdentityLoginBody2 .cCenterPanel .slds-card.flowRuntimeForFlexipage lightning-textarea textarea { border: 2px solid #000; font-size: 1em; padding: 10px 20px; margin: 0; border-radius: 0; box-shadow: inset 0 0 0 #000; min-height: 60px; } .salesforceIdentityLoginBody2 .cCenterPanel .slds-card.flowRuntimeForFlexipage lightning-button button { background: #fff; border: 2px solid #000; border-radius: 0; color: #000; width: 100%; font-weight: bold; font-family: "Microgramma W05", Helvetica, Arial, sans-serif; font-size: 14px; padding: 10px 30px; margin-top: 15px; text-transform: uppercase; } .salesforceIdentityLoginBody2 .cCenterPanel .slds-rich-text-editor__output p { font-family: "Montserrat", Helvetica, Arial, sans-serif; } .salesforceIdentityLoginBody2 .cCenterPanel .slds-rich-text-editor__output p strong { font-family: "Microgramma W05", Helvetica, Arial, sans-serif; } .salesforceIdentityLoginBody2 .cCenterPanel .flowruntimeBody abbr { font-size: 18px; } .salesforceIdentityLoginBody2 .cCenterPanel .flowruntimeBody .slds-rich-text-editor__output p strong { font-size: 18px; } .salesforceIdentityLoginBody2 .cCenterPanel flowruntime-list-container flowruntime-list-container flowruntime-base-section .section { margin-top: -40px; } .salesforceIdentityLoginBody2 .cCenterPanel .slds-form-element__row lightning-input[data-field="province"] { display: none !important; } @media (min-width: 992px) { .salesforceIdentityLoginBody2 .login-logo { width: 30% !important; } .salesforceIdentityLoginBody2 .cCenterPanel .slds-card.flowRuntimeForFlexipage lightning-button button { font-size: 18px; } .salesforceIdentityLoginBody2 .cCenterPanel .slds-card.flowRuntimeForFlexipage lightning-formatted-rich-text[id*='input-label'], .salesforceIdentityLoginBody2 .cCenterPanel .slds-card.flowRuntimeForFlexipage .slds-form-element__label, .salesforceIdentityLoginBody2 .cCenterPanel .slds-card.flowRuntimeForFlexipage .flowruntime-input-label { font-size: 18px; } } .salesforceIdentityLoginBody2 .cCenterPanel .slds-card.flowRuntimeForFlexipage lightning-button button:active { color: #fff; background-color: #000; } .salesforceIdentityLoginBody2 .cCenterPanel .slds-card.flowRuntimeForFlexipage lightning-button button::before { content: none; } .salesforceIdentityLoginBody2 .cCenterPanel .slds-card.flowRuntimeForFlexipage lightning-select .slds-select { border: 2px solid #000; border-radius: 0; min-height: 50px; } .salesforceIdentityLoginBody2 .cCenterPanel .slds-card.flowRuntimeForFlexipage lightning-select .slds-select option { font-family: "Montserrat", Helvetica, Arial, sans-serif; } .salesforceIdentityLoginBody2 .cCenterPanel .slds-card.flowRuntimeForFlexipage lightning-select .slds-select option:hover { background-color: #1ade91; } .salesforceIdentityLoginBody2 .cCenterPanel .slds-card.flowRuntimeForFlexipage flowruntime-navigation-bar .slds-grid { justify-content: center !important; } .salesforceIdentityLoginBody2 .cCenterPanel .slds-card.flowRuntimeForFlexipage flowruntime-navigation-bar .navigation-bar__spacer { flex: none !important; } .salesforceIdentityLoginBody2 .cCenterPanel .slds-card.flowRuntimeForFlexipage flowruntime-navigation-bar .navigation-bar__right-align { display: flex; flex: 1; } .salesforceIdentityLoginBody2 .cCenterPanel .slds-card.flowRuntimeForFlexipage flowruntime-navigation-bar .navigation-bar__right-align lightning-button { flex: 1; } .salesforceIdentityLoginBody2 .cCenterPanel .slds-card.flowRuntimeForFlexipage lightning-button button:hover { background: #000; color: #fff; } .salesforceIdentityLoginBody2 .cCenterPanel .slds-card.flowRuntimeForFlexipage lightning-button button::after { content: ''; } .salesforceIdentityLoginBody2 .cCenterPanel a { text-decoration: underline; } .salesforceIdentityLoginBody2 .cCenterPanel a:hover { text-decoration: none; } .salesforceIdentityLoginBody2 .cCenterPanel a:focus { background-color: #fd0; box-shadow: 0 -2px #fd0, 0 4px #0b0c0c; outline: 0 !important; text-decoration: none !important; } .salesforceIdentityLoginBody2 .cCenterPanel .selfRegister { float: none !important; padding-top: 10px; display: block; } .salesforceIdentityLoginBody2 .login-title { text-align: center; } .salesforceIdentityLoginBody2 .login-title h1 { font-size: 36px !important; margin: 0 !important; text-transform: none; } .salesforceIdentityLoginBody2 .login-title h3 { margin: 0 !important; text-transform: none; } .salesforceIdentityLoginBody2 .flowRuntimeForFlexipage .slds-align_absolute-center { flex-direction: column !important; padding-bottom: 20px; } .salesforceIdentityLoginBody2 .flowRuntimeForFlexipage .slds-align_absolute-center button { background: #fff; border: 2px solid #000; border-radius: 0; color: #000; width: 100%; font-weight: bold; font-family: "Microgramma W05", Helvetica, Arial, sans-serif; font-size: 18px; padding: 10px 30px; margin-top: 15px; margin-left: 0 !important; text-transform: uppercase; } .salesforceIdentityLoginBody2 .flowRuntimeForFlexipage .slds-align_absolute-center button.slds-button_brand { background-color: #000; color: #fff; } .salesforceIdentityLoginBody2 .flowRuntimeForFlexipage .slds-align_absolute-center button:hover { background-color: #000; color: #fff; } .salesforceIdentityLoginForm2 .inputContainer { padding-top: 20px; border: 2px solid #000 !important; } .salesforceIdentityLoginForm2 .inputContainer label { display: block; } .salesforceIdentityLoginForm2 .inputContainer label span { top: -5px; } .salesforceIdentityLoginForm2 .inputIcon { display: none !important; } .salesforceIdentityLoginForm2 .uiButton { width: auto !important; margin-left: auto; margin-right: auto; display: block !important; background-color: transparent !important; } .salesforceIdentityLoginForm2 .uiButton:hover { background-color: transparent !important; } .salesforceIdentityLoginForm2 .uiButton .label { background-color: #fff !important; color: black !important; font-size: 22px !important; padding: 10px 30px; text-transform: uppercase; border: 4px solid black; } .salesforceIdentityLoginForm2 .uiButton .label:hover { background-color: black !important; color: white !important; } /* Cart */ .slds-large-size--8-of-12 { width: 60%; } .slds-large-size--4-of-12 { width: 40%; } .cartContentsCmp header { display: none; } /* Checkout */ .flowRuntimeForFlexipage { width: auto; margin: auto; border: 0 !important; } .flowRuntimeForFlexipage .flowruntimeBody .slds-rich-text-editor__output * { font-size: 14px; } .flowRuntimeForFlexipage .flowruntimeBody .slds-form-element__label span, .flowRuntimeForFlexipage .flowruntimeBody .slds-form-element__label { font-size: 14px; font-weight: 600; } .flowRuntimeForFlexipage .flowruntimeBody .slds-form-element__control input { border: 2px solid #000; font-size: 1em; padding: 10px 20px; margin: 0; border-radius: 0; box-shadow: inset 0 0 0 #000; } .flowRuntimeForFlexipage .flowruntimeBody .slds-form-element__control select { border: 2px solid #000 !important; border-radius: 0; min-height: 50px; } .flowRuntimeForFlexipage .flowruntimeBody .slds-form-element__control .slds-radio__label { display: block; padding-bottom: 15px; } .flowRuntimeForFlexipage .flowruntimeBody .slds-form-element__control .slds-radio__label span { font-weight: normal; font-family: "Montserrat", Helvetica, Arial, sans-serif; } .flowRuntimeForFlexipage flowruntime-navigation-bar { border-top: 0 !important; } .flowRuntimeForFlexipage flowruntime-navigation-bar footer { justify-content: center; } .flowRuntimeForFlexipage flowruntime-navigation-bar footer button, .flowRuntimeForFlexipage c-navigate-to-ncspayment-page button, .flowRuntimeForFlexipage c-navigate-to-jfnew-page button { background: #fff; border: 2px solid #000; border-radius: 0; color: #000; width: 100%; font-weight: bold; font-family: "Microgramma W05", Helvetica, Arial, sans-serif; font-size: 14px; padding: 10px 30px; margin-top: 15px; text-transform: uppercase; } .flowRuntimeForFlexipage flowruntime-navigation-bar footer button:hover, .flowRuntimeForFlexipage flowruntime-navigation-bar footer button:active, .flowRuntimeForFlexipage flowruntime-navigation-bar footer button:focus, .flowRuntimeForFlexipage c-navigate-to-ncspayment-page button:hover, .flowRuntimeForFlexipage c-navigate-to-ncspayment-page button:active, .flowRuntimeForFlexipage c-navigate-to-ncspayment-page button:focus, .flowRuntimeForFlexipage c-navigate-to-jfnew-page button:hover, .flowRuntimeForFlexipage c-navigate-to-jfnew-page button:focus { color: #fff; background-color: #000 !important; } .flowRuntimeForFlexipage flowruntime-navigation-bar footer button::after, .flowRuntimeForFlexipage c-navigate-to-ncspayment-page button::after, .flowRuntimeForFlexipage c-navigate-to-jfnew-page button::after, .flowRuntimeForFlexipage flowruntime-navigation-bar footer button::before, .flowRuntimeForFlexipage c-navigate-to-ncspayment-page button::before, .flowRuntimeForFlexipage c-navigate-to-jfnew-page button::before { display: none; } @media (min-width: 992px) { comm-page-custom-ncs-joiner-form .flowRuntimeForFlexipage { width: 540px; } .flowRuntimeForFlexipage flowruntime-navigation-bar footer button { font-size: 16px; } } /* Contact form */ .forceCommunityContactSupportForm { width: auto; } .forceCommunityContactSupportForm .slds-form-element__control label { font-weight: bold; font-family: "Microgramma W05", Helvetica, Arial, sans-serif; font-size: 16px; } .forceCommunityContactSupportForm .slds-form-element__control input, .forceCommunityContactSupportForm .slds-form-element__control textarea { border: 2px solid #000; font-size: 1em; padding: 10px 20px; margin: 0; border-radius: 0; box-shadow: inset 0 0 0 #000; } .forceCommunityContactSupportForm .slds-form-element__control textarea { min-height: 300px; } .forceCommunityContactSupportForm #submitButton button { border: 2px solid #000; border-radius: 0; font-weight: bold; font-family: "Microgramma W05", Helvetica, Arial, sans-serif; font-size: 18px; padding: 10px 30px; margin-top: 15px; text-transform: uppercase; } @media (min-width: 992px) { .forceCommunityContactSupportForm { width: 80%; margin: auto; } } /* Carousel */ c-my-n-c-s-landing-page-carousel .slds-carousel__panel a { display: flex; flex-direction: column; border: 0; } c-my-n-c-s-landing-page-carousel .slds-carousel__panel a .slds-carousel__image { width: 100%; margin-left: auto; } c-my-n-c-s-landing-page-carousel .slds-carousel__panel a .slds-carousel__content { min-height: 40vh; padding: 50px 20px; text-align: left; overflow: hidden; } c-my-n-c-s-landing-page-carousel .slds-carousel__panel a .slds-carousel__content h2 { font-size: 24px; } c-my-n-c-s-landing-page-carousel .slds-carousel__panel a .slds-carousel__content p { font-size: 16px; } c-my-n-c-s-landing-page-carousel slot .slds-carousel__panel:first-child a .slds-carousel__content { background-color: #FFEB52; } c-my-n-c-s-landing-page-carousel slot .slds-carousel__panel:nth-child(2) a .slds-carousel__content { background-color: #ee6b19; } c-my-n-c-s-landing-page-carousel slot .slds-carousel__panel:nth-child(3) a .slds-carousel__content { background-color: #F65181; } c-my-n-c-s-landing-page-carousel slot .slds-carousel__panel:nth-child(4) a .slds-carousel__content { background-color: #FFEB52; } c-my-n-c-s-landing-page-carousel slot .slds-carousel__panel:nth-child(5) a .slds-carousel__content { background-color: #ee6b19; } c-my-n-c-s-landing-page-carousel .slds-carousel__indicators .slds-carousel__indicator-action { width: 34px; height: 2px; border: 2px solid black; border-radius: 0; background: none !important; } c-my-n-c-s-landing-page-carousel .slds-carousel__indicators .slds-carousel__indicator-action:focus { box-shadow: none; } c-my-n-c-s-landing-page-carousel .slds-carousel__indicators .slds-carousel__indicator-action:focus-visible { border-color: #FFEB52 !important; } c-my-n-c-s-landing-page-carousel .slds-carousel__indicators .slds-carousel__indicator-action.slds-is-active { border: 5px solid black; } c-my-n-c-s-landing-page-carousel .slds-carousel__autoplay { left: 2%; } c-my-n-c-s-landing-page-carousel .slds-carousel__autoplay .slds-button__icon { width: auto; height: auto; } c-my-n-c-s-landing-page-carousel .slds-carousel__autoplay .slds-button__icon svg { fill: #000; } c-my-n-c-s-landing-page-carousel .slds-carousel__autoplay button { border-radius: 0; border: 2px solid black; } c-my-n-c-s-landing-page-carousel .slds-carousel__autoplay button:hover { background: #000; } c-my-n-c-s-landing-page-carousel .slds-carousel__autoplay button:hover svg { fill: #fff; } c-my-n-c-s-landing-page-carousel .slds-carousel__autoplay button:focus { box-shadow: none; } c-my-n-c-s-landing-page-carousel .slds-carousel__autoplay button:focus-visible { background: #FFEB52; } @media (min-width: 992px) { c-my-n-c-s-landing-page-carousel .slds-carousel__panel a .slds-carousel__image { width: 60%; margin-left: auto; } c-my-n-c-s-landing-page-carousel .slds-carousel__panel a .slds-carousel__content { width: 55%; min-height: 320px; position: absolute; top: 18%; padding: 20px 40px; } c-my-n-c-s-landing-page-carousel .slds-carousel__panel a .slds-carousel__content h2 { font-size: 36px; } c-my-n-c-s-landing-page-carousel .slds-carousel__panel a .slds-carousel__content p { font-size: 26px; } c-my-n-c-s-landing-page-carousel .slds-carousel__indicators .slds-carousel__indicator-action { width: 70px; } } /* Home page carousel */ c-my-n-c-s-home-page-quotes-carousel, c-my-n-c-s-p-g-home-page-carousel { display: block; } c-my-n-c-s-home-page-quotes-carousel .slds-carousel__panel a, c-my-n-c-s-p-g-home-page-carousel .slds-carousel__panel a { display: flex; flex-direction: column; border: 0; justify-content: center; margin: 0; } c-my-n-c-s-home-page-quotes-carousel .slds-carousel__panel a .slds-carousel__content, c-my-n-c-s-p-g-home-page-carousel .slds-carousel__panel a .slds-carousel__content { width: 100%; height: auto; position: absolute; padding: 5px; background: transparent; } c-my-n-c-s-home-page-quotes-carousel .slds-carousel__panel a .slds-carousel__content h2, c-my-n-c-s-p-g-home-page-carousel .slds-carousel__panel a .slds-carousel__content h2 { font-size: 22px; margin: auto; padding-bottom: 10px; } c-my-n-c-s-home-page-quotes-carousel .slds-carousel__panel a .slds-carousel__content p, c-my-n-c-s-p-g-home-page-carousel .slds-carousel__panel a .slds-carousel__content p { font-weight: 600; font-size: 14px; line-height: 1.1; padding: 10px; } c-my-n-c-s-home-page-quotes-carousel .slds-carousel__panel a .slds-carousel__image, c-my-n-c-s-p-g-home-page-carousel .slds-carousel__panel a .slds-carousel__image { border-radius: 0; } c-my-n-c-s-home-page-quotes-carousel .slds-carousel__indicators .slds-carousel__indicator-action, c-my-n-c-s-p-g-home-page-carousel .slds-carousel__indicators .slds-carousel__indicator-action { width: 45px; height: 2px; border: 2px solid black; border-radius: 0; background: none !important; } c-my-n-c-s-home-page-quotes-carousel .slds-carousel__indicators .slds-carousel__indicator-action:focus,c-my-n-c-s-p-g-home-page-carousel .slds-carousel__indicators .slds-carousel__indicator-action:focus { box-shadow: none; } c-my-n-c-s-home-page-quotes-carousel .slds-carousel__indicators .slds-carousel__indicator-action:focus-visible,c-my-n-c-s-p-g-home-page-carousel .slds-carousel__indicators .slds-carousel__indicator-action:focus-visible { border-color: #FFEB52 !important; } c-my-n-c-s-home-page-quotes-carousel .slds-carousel__indicators .slds-carousel__indicator-action.slds-is-active,c-my-n-c-s-p-g-home-page-carousel .slds-carousel__indicators .slds-carousel__indicator-action.slds-is-active { border: 5px solid black; } c-my-n-c-s-home-page-quotes-carousel .slds-carousel__autoplay .slds-button__icon, c-my-n-c-s-p-g-home-page-carousel .slds-carousel__autoplay .slds-button__icon { width: auto; height: auto; } c-my-n-c-s-home-page-quotes-carousel .slds-carousel__autoplay .slds-button__icon svg, c-my-n-c-s-p-g-home-page-carousel .slds-carousel__autoplay .slds-button__icon svg { fill: #000; } c-my-n-c-s-home-page-quotes-carousel .slds-carousel__autoplay button, c-my-n-c-s-p-g-home-page-carousel .slds-carousel__autoplay button { border-radius: 0; border: 2px solid black; } c-my-n-c-s-home-page-quotes-carousel .slds-carousel__autoplay button:hover, c-my-n-c-s-p-g-home-page-carousel .slds-carousel__autoplay button:hover { background: #000; } c-my-n-c-s-home-page-quotes-carousel .slds-carousel__autoplay button:hover svg, c-my-n-c-s-p-g-home-page-carousel .slds-carousel__autoplay button:hover svg { fill: #fff; } c-my-n-c-s-home-page-quotes-carousel .slds-carousel__autoplay button:focus-visible, c-my-n-c-s-p-g-home-page-carousel .slds-carousel__autoplay button:focus-visible { background: #FFEB52; } @media (min-width: 992px) { c-my-n-c-s-home-page-quotes-carousel, c-my-n-c-s-p-g-home-page-carousel { width: 50%; display: block; margin-left: auto; } c-my-n-c-s-home-page-quotes-carousel .slds-carousel__panel a .slds-carousel__content, c-my-n-c-s-p-g-home-page-carousel .slds-carousel__panel a .slds-carousel__content { top: 10%; padding: 60px; } c-my-n-c-s-home-page-quotes-carousel .slds-carousel__panel a .slds-carousel__content h2, c-my-n-c-s-p-g-home-page-carousel .slds-carousel__panel a .slds-carousel__content h2 { width: 70%; font-size: 26px; margin: auto; padding-bottom: 10px; } c-my-n-c-s-home-page-quotes-carousel .slds-carousel__panel a .slds-carousel__content p, c-my-n-c-s-p-g-home-page-carousel .slds-carousel__panel a .slds-carousel__content p { font-size: 18px; line-height: 1.3; } c-my-n-c-s-home-page-quotes-carousel .slds-carousel__indicators .slds-carousel__indicator-action, c-my-n-c-s-p-g-home-page-carousel .slds-carousel__indicators .slds-carousel__indicator-action { width: 70px; } } .quote-carousel-side { background: #8138a6; } .quote-carousel-side .content-wrapper { display: flex; align-items: center; justify-content: center; height: 100%; padding: 20px; } .quote-carousel-side h3 { font-size: 22px; color: #fff; } @media (min-width: 992px) { .quote-carousel-side { height: 554px; max-width: 554px; position: absolute; } .quote-carousel-side .content-wrapper { display: flex; align-items: center; height: 100%; padding: 60px; } .quote-carousel-side h3 { font-size: 26px; } } c-my-n-c-s-home-page-experiences-carousel { display: block; width: 100%; } c-my-n-c-s-home-page-experiences-carousel .slds-carousel__panel a { border: 0; } c-my-n-c-s-home-page-experiences-carousel .slds-carousel__panel a .slds-carousel__image { width: 100%; } c-my-n-c-s-home-page-experiences-carousel .slds-carousel__panel a .slds-carousel__image img { height: 100%; } c-my-n-c-s-home-page-experiences-carousel .slds-carousel__panel a .slds-carousel__content { width: 100%; display: flex; height: 50vh; padding: 10px 20px; text-align: left; flex-direction: column; } c-my-n-c-s-home-page-experiences-carousel .slds-carousel__panel a .slds-carousel__content h2 { font-size: 24px; } c-my-n-c-s-home-page-experiences-carousel .slds-carousel__panel a .slds-carousel__content p { font-size: 16px; line-height: 1.3; } c-my-n-c-s-home-page-experiences-carousel slot .slds-carousel__panel:first-child a .slds-carousel__content { background: #FFEB52; } c-my-n-c-s-home-page-experiences-carousel slot .slds-carousel__panel:nth-child(2) a .slds-carousel__content { background-color: #ee6b19; } c-my-n-c-s-home-page-experiences-carousel slot .slds-carousel__panel:nth-child(3) a .slds-carousel__content { background-color: #F65181; } c-my-n-c-s-home-page-experiences-carousel .slds-carousel__indicators .slds-carousel__indicator-action { width: 70px; height: 2px; border: 2px solid black; border-radius: 0; background: none !important; } c-my-n-c-s-home-page-experiences-carousel .slds-carousel__indicators .slds-carousel__indicator-action:focus { box-shadow: none; } c-my-n-c-s-home-page-experiences-carousel .slds-carousel__indicators .slds-carousel__indicator-action:focus-visible { border-color: #FFEB52 !important; } c-my-n-c-s-home-page-experiences-carousel .slds-carousel__indicators .slds-carousel__indicator-action.slds-is-active { border: 5px solid black; } c-my-n-c-s-home-page-experiences-carousel .slds-carousel__autoplay { left: 2%; } c-my-n-c-s-home-page-experiences-carousel .slds-carousel__autoplay .slds-button__icon { width: auto; height: auto; } c-my-n-c-s-home-page-experiences-carousel .slds-carousel__autoplay .slds-button__icon svg { fill: #000; } c-my-n-c-s-home-page-experiences-carousel .slds-carousel__autoplay button { border-radius: 0; border: 2px solid black; } c-my-n-c-s-home-page-experiences-carousel .slds-carousel__autoplay button:hover { background: #000; } c-my-n-c-s-home-page-experiences-carousel .slds-carousel__autoplay button:hover svg { fill: #fff; } c-my-n-c-s-home-page-experiences-carousel .slds-carousel__autoplay button:focus { box-shadow: none; } c-my-n-c-s-home-page-experiences-carousel .slds-carousel__autoplay button:focus-visible { background: #FFEB52; } @media (min-width: 992px) { c-my-n-c-s-home-page-experiences-carousel .slds-carousel__panel a { display: flex; flex-direction: row-reverse; border: 0; } c-my-n-c-s-home-page-experiences-carousel .slds-carousel__panel a .slds-carousel__image { width: 50%; } c-my-n-c-s-home-page-experiences-carousel .slds-carousel__panel a .slds-carousel__image img { height: 100%; } c-my-n-c-s-home-page-experiences-carousel .slds-carousel__panel a .slds-carousel__content { width: 50%; display: flex; height: auto; padding: 60px; text-align: left; flex-direction: column; justify-content: center; } c-my-n-c-s-home-page-experiences-carousel .slds-carousel__panel a .slds-carousel__content h2 { font-size: 36px; } c-my-n-c-s-home-page-experiences-carousel .slds-carousel__panel a .slds-carousel__content p { font-size: 22px; line-height: 1.3; } } .siteforceContentArea .comm-layout-column .ui-widget:not(:last-child) { margin-bottom: 0 !important; } .pg-text-wrapper { display: flex; align-items: center; background: #25D892; } .pg-text-wrapper .pg-left { width: 40%; font-size: 48px; padding: 20px; width: 40%; background: url('/enhancedmyncs/s/sfsites/c/file-asset/X1920x1080_New_background_texture?v=1') center; } .pg-text-wrapper .pg-right { width: 60%; font-size: 22px; padding: 20px; text-align: center; } /* Category Detail */ .results-container .cardContainerGrid { padding: 0 !important; border: 0 !important; } .results-container .cardContainerGrid .fieldsArea .slds-text-link_reset { padding-top: 0; } .results-container .cardContainerGrid .fieldsArea .slds-text-link_reset > div:first-child b2b_search_product_card-product-field .slds-truncate { position: relative; height: 40px; width: 100%; } .results-container .cardContainerGrid .fieldsArea .slds-text-link_reset > div:first-child lightning-formatted-rich-text { font-family: "Microgramma W05", Helvetica, Arial, sans-serif; font-weight: 600; text-transform: uppercase; color: #000; width: 100%; position: absolute; text-align: center; padding: 5px; } .results-container .cardContainerGrid .fieldsArea .slds-text-link_reset > div:nth-child(2) lightning-formatted-rich-text, .results-container .cardContainerGrid .fieldsArea .slds-text-link_reset > div:nth-child(3) lightning-formatted-date-time { display: block; font-size: 16px; font-weight: 600; padding: 5px 10px; text-align: center; white-space: break-spaces; } .results-container .cardContainerGrid .fieldsArea b2b_search_product_card-product-field lightning-formatted-rich-text[title='Live it'] { background: #F65181; } .results-container .cardContainerGrid .fieldsArea b2b_search_product_card-product-field lightning-formatted-rich-text[title='Change it'] { background: #1ade91; } .results-container .cardContainerGrid .fieldsArea b2b_search_product_card-product-field lightning-formatted-rich-text[title='Boss it'] { background: #fd0; } .results-container .cardContainerGrid .imageArea img { object-fit: cover !important; } .results-container .cardContainerGrid .callToActionArea button { font-family: "Microgramma W05", Helvetica, Arial, sans-serif; font-size: 16px; font-weight: 600; text-transform: uppercase; color: #000; } .results-container .cardContainerGrid .callToActionArea button:focus { outline: none; } .results-container .cardContainerGrid .callToActionArea button:focus-visible { color: #000 !important; background-color: #ffd200 !important; box-shadow: none; text-decoration: none; } /* Product detail */ .comm-page-detail-01t b2b_buyer_product_images-gallery b2b_buyer_product_images-gallery-image { width: 100%; height: 100%; } .comm-page-detail-01t b2b_buyer_product_details-summary .layout { margin-right: 10%; } .comm-page-detail-01t b2b_buyer_product_details-summary .layout b2b_buyer_product_details-heading h1 { font-size: 48px; } .comm-page-detail-01t b2b_buyer_product_details-summary .layout .quantity-list-container { display: none; } .comm-page-detail-01t b2b_buyer_product_details-summary .layout .slds-accordion__content { font-size: 18px; margin: 0 0 1em; letter-spacing: 0.015em !important; line-height: 1.6 !important; } .comm-page-detail-01t div[data-region-name="sidebar"] { color: #fff; background-color: #000; height: auto; } .comm-page-detail-01t div[data-region-name="sidebar"] .uiOutputRichText p { font-family: "Microgramma W05", Helvetica, Arial, sans-serif; font-weight: 600; padding: 20px; } .comm-page-detail-01t div[data-region-name="sidebar"] .slds-accordion__list-item .slds-accordion__summary span { color: #fff; } .comm-page-detail-01t div[data-region-name="sidebar"] .slds-accordion__list-item .slds-accordion__summary svg { fill: #fff; } .comm-page-detail-01t div[data-region-name="sidebar"] .slds-accordion__list-item .slds-accordion__content .slds-cell-wrap { white-space: nowrap; } .comm-page-detail-01t div[data-region-name="sidebar"] .slds-accordion__list-item .slds-accordion__content td:last-child { text-align: left; } .comm-page-detail-01t div[data-region-name="sidebar"] .slds-accordion__list-item .slds-accordion__content { font-size: 16px; color: #fff; } .comm-page-detail-01t div[data-region-name="sidebar"] b2b_buyer_product_details-purchase-options .quantity-list-container { border-top: 6px solid #fff; } .comm-page-detail-01t div[data-region-name="sidebar"] b2b_buyer_product_details-purchase-options .quantity-list-container b2b_buyer_cart-constrained-quantity-selector { display: none; } .comm-page-detail-01t div[data-region-name="sidebar"] b2b_buyer_product_details-purchase-options .quantity-list-container b2b_buyer_cart-add-to-cart-button { margin: 0 10px 15px; } .comm-page-detail-01t div[data-region-name="sidebar"] b2b_buyer_product_details-purchase-options .quantity-list-container b2b_buyer_cart-add-to-cart-button button { background: #fff; border: 4px solid #000; border-radius: 0; color: #000; width: 100%; font-weight: bold; font-family: "Microgramma W05", Helvetica, Arial, sans-serif; font-size: 22px; padding: 10px 30px; text-transform: uppercase; } .comm-page-detail-01t div[data-region-name="sidebar"] b2b_buyer_product_details-purchase-options .quantity-list-container b2b_buyer_cart-add-to-cart-button button:hover { border: 4px solid #fff; background-color: #000; color: #fff; } .comm-page-detail-01t .comm-content-footer .quantity-list-container { align-items: center; } .comm-page-detail-01t .comm-content-footer .quantity-list-action b2b_buyer_cart-constrained-quantity-selector { display: none; } .comm-page-detail-01t .comm-content-footer .quantity-list-action b2b_buyer_cart-add-to-cart-button { display: block; } .comm-page-detail-01t .comm-content-footer .quantity-list-action b2b_buyer_cart-add-to-cart-button button { background: #fff; border: 4px solid #000; border-radius: 0; color: #000; width: 100%; font-weight: bold; font-family: "Microgramma W05", Helvetica, Arial, sans-serif; font-size: 22px; padding: 10px 30px; margin-top: 15px; text-transform: uppercase; } .comm-page-detail-01t .comm-content-footer .quantity-list-action b2b_buyer_cart-add-to-cart-button button:hover { background-color: #000; color: #fff; } b2b_buyer_wishlists-items-added-to-cart-modal .slds-modal__container .slds-modal__content a, b2b_buyer_wishlists-items-added-to-cart-modal .slds-modal__container .slds-modal__content button { background: #fff; border: 2px solid #000; border-radius: 0; color: #000; width: 100%; font-weight: bold; font-family: "Microgramma W05", Helvetica, Arial, sans-serif; font-size: 14px; padding: 10px 30px; margin-top: 15px; text-transform: uppercase; } b2b_buyer_wishlists-items-added-to-cart-modal .slds-modal__container .slds-modal__content a:hover, b2b_buyer_wishlists-items-added-to-cart-modal .slds-modal__container .slds-modal__content button:hover { background-color: #000; color: #fff; } /* Order Page */ .comm-page-custom-my-orders .flowruntimeBody table { table-layout: auto; border: 1px solid #1ade91; font-weight: 400; } .comm-page-custom-my-orders .flowruntimeBody table .slds-table_header-fixed_container { padding-top: 0; } .comm-page-custom-my-orders .flowruntimeBody table thead tr .slds-cell-fixed, .comm-page-custom-my-orders .flowruntimeBody table thead tr .slds-resizable__handle { background-color: #1ade91; } .comm-page-custom-my-orders .flowruntimeBody table thead tr .slds-resizable__handle::before { background-color: #000; } .comm-page-custom-my-orders .flowruntimeBody table thead tr th:first-child { display: none; } .comm-page-custom-my-orders .flowruntimeBody table tbody td, .comm-page-custom-my-orders .flowruntimeBody table tbody th { border: 1px solid #1ade91; position: relative; } .comm-page-custom-my-orders .flowruntimeBody table tbody td:first-child { display: none; } /* Chatbot */ embeddedservice-chat-header { background-color: #1ade91 !important; } embeddedservice-chat-header h2 { color: #fff !important; } .embeddedServiceLiveAgentStateChatItem .isCommunitiesContext .avatar { transform: translate(0px, -2px) !important; } .embeddedServiceLiveAgentStateChatInputFooter .chasitorText { font-weight: 400 !important; } /* Account Detail */ .forceCommunityTabset .tabs__item a { color: #000 !important; } /* Footer */ .comm-page-home .comm-content-footer { width: 100vw; margin-left: 50%; transform: translateX(-50%); } .region--footer { -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: center; padding: 0 0 20px; } .region--footer .footer-logo { height: 134px; width: 100%; margin-bottom: 20px; } .region--footer .menu ul { padding-left: 0; } .region--footer .menu .menu-item { display: block; margin: 10px 0; text-align: center; width: 100%; } .region--footer .menu .menu-item::before { content: '' !important; } .region--footer .menu .menu-item a { color: #000; font-family: "Microgramma W05", Helvetica, Arial, sans-serif; font-size: 14px; line-height: 1; text-decoration: none; text-transform: uppercase; } .region--footer .menu .menu-item a:hover { color: #1ade91; } .region--footer .social-media-links { padding-left: 0; list-style-type: none; } .region--footer .social-media-links li { display: inline-block; text-align: center; padding: 0.2em .35em; } .region--footer .social-media-links li:last-child { padding: 0; } .region--footer .social-media-links li::marker { display: none; } .region--footer .social-media-links li a { background-color: #000; color: #fff; display: flex; height: 40px; width: 40px; border-radius: 40px; justify-content: center; align-items: center; } .region--footer .social-media-links li a:hover { background-color: #1ade91; } .region--footer .social-media-links li a img { width: 25px; height: 25px; } .region--copyright { padding: 0 20px; } #block-copyright .content p { font-size: 14px !important; font-weight: 100; text-align: center; } #block-copyright .content p strong { font-weight: bolder; } @media (min-width: 768px) { #footerright, #footerleft { max-width: 50%; -webkit-flex: 1 0 50%; -ms-flex: 1 0 50%; flex: 1 0 50%; } #footerright .menu li, #footerleft .menu li { display: inline-block; margin: 10px 25px; width: auto; } } @media (min-width: 992px) { .region--footer { padding: 50px 60px 20px; } .region--copyright { padding: 0 60px; } } b2b_buyer_cart-items li { border-bottom: 1px solid #000; } /* Use proportional horizontal sizing for very small screens */ @media only screen and (max-width: 600px) { .salesforceIdentityLoginBody2 .cCenterPanel { width: 85% !important; min-width: inherit !important; max-width: inherit !important; } .salesforceIdentityLoginForm2 .inputBox { font-size: 18px !important; color: black !important; width: 90% !important; border-color: white !important; box-shadow: 0 0 0 0 white !important; } /* FORGOT PASSWORD TEXT */ body.comm-page-forgot-password div[data-region-name="content"] { margin-top: 100px; } } /* Online experiences */ .isHeroUnderHeader-false .forceCommunityRichText .uiOutputRichText { padding: 0; } .comm-page-custom-online-experiences .forceCommunityRichText .uiOutputRichText { padding: 0; } .cb-section_column { padding-top: 0 !important; } /* Style for the hero section */ .online-experience-hero { width: 100vw; height: 170px; position: relative; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw; display: flex; justify-content: center; align-items: center; } .forceCommunityRichText .uiOutputRichText .online-experience-hero h1 { font-size: 25px; color: #fff; text-align: center; text-shadow: 5px 5px #000; padding: 20px; } @media (min-width: 992px) { .online-experience-hero { height: 650px; } .forceCommunityRichText .uiOutputRichText .online-experience-hero h1 { font-size: 76px; } } .split-panel { overflow: hidden; padding-bottom: 30px; } .split-panel .split-panel-content { z-index: 10; padding: 20px 20px 50px; } .split-panel .split-panel-content .title { font-size: 24px; font-weight: 700; } .split-panel .split-panel-content p { font-size: 20px; } .split-panel .split-panel-content a { display: inline-block; background-color: #000; border: 4px solid #000; color: #fff; font-weight: 700; font-size: 26px; text-transform: uppercase; margin-top: 20px; text-decoration: none; padding: 8px 25px; } .split-panel .split-panel-content a:hover { background-color: #fff; color: #000; } .split-panel .split-panel-content.background-blue { background: #0ae0e0; color: #000; } .split-panel .split-panel-content.background-pink { background: #f74f80; color: #000; } .split-panel .split-panel-content.background-yellow { background: #ffeb52; color: #000; } .split-panel .split-panel-content .title { margin-bottom: 20px; } @media (min-width: 992px) { .split-panel { display: flex; align-items: center; margin-left: auto; margin-right: auto; max-width: 1400px; } .split-panel .inner-wrap { overflow: hidden; max-width: 900px; } .split-panel .split-panel-content { width: 50%; padding: 20px 60px 50px; flex: 1 0 50%; } .split-panel .split-panel-content .title { font-size: 40px; } .split-panel .split-panel-content a { padding: 10px 50px; } .split-panel .split-panel-image { position: relative; max-width: 50%; flex: 1 0 50%; } .split-panel .split-panel-image .inner-wrap { margin-right: -200px; } .split-panel .split-panel-image.align-right { order: 2; margin-right: 0; } .split-panel .split-panel-image.align-right .inner-wrap { margin-left: -200px; } } .articles-listing { display: flex; flex-wrap: wrap; } .articles-listing .articles-wrapper { width: 100%; padding: 20px 0; } @media (min-width: 576px) { .articles-listing .articles-wrapper { max-width: 50%; flex: 1 0 50%; padding: 40px 20px; } } @media (min-width: 992px) { .articles-listing .articles-wrapper { max-width: 33.33%; padding: 0 25px 60px; flex: 1 0 33.33%; } } .articles-listing .articles-wrapper .article { display: block; background-color: #fff; box-shadow: 5px 5px 10px rgba(0, 0, 0, .3); cursor: pointer; line-height: 1.2; position: relative; text-decoration: none; height: 100%; width: 100%; transition: all .2s; z-index: 5; } .articles-listing .articles-wrapper .article:after { background: url('/enhancedmyncs/s/sfsites/c/file-asset/pattern1?v=1') no-repeat center; content: ''; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1; background-size: cover; transition: all .2s; } .articles-listing .articles-wrapper .article:hover .article-content { border-color: #0ae0e0; } .articles-listing .articles-wrapper .article:hover:after { left: 10px; top: 10px; } .articles-listing .articles-wrapper:nth-child(4n + 2) .article:after { background-image: url('/enhancedmyncs/s/sfsites/c/file-asset/pattern2?v=1'); background-size: cover; } .articles-listing .articles-wrapper:nth-child(4n + 2) .article:hover .article-content { border-color: #f74f80; } .articles-listing .articles-wrapper:nth-child(4n + 3) .article:after { background-image: url('/enhancedmyncs/s/sfsites/c/file-asset/pattern3?v=1'); background-size: cover; } .articles-listing .articles-wrapper:nth-child(4n + 3) .article:hover .article-content { border-color: #8138a6; } .articles-listing .articles-wrapper:nth-child(4n + 4) .article:after { background-image: url('/enhancedmyncs/s/sfsites/c/file-asset/pattern4?v=1'); background-size: cover; } .articles-listing .articles-wrapper:nth-child(4n + 4) .article:hover .article-content { border-color: #1ade91; } .articles-listing .articles-wrapper .article .article-content { display: flex; flex-direction: column; position: relative; background: white; border: 3px solid #000; height: 100%; padding: 20px; width: 100%; z-index: 5; } .articles-listing .articles-wrapper .article .article-content.reverse .article-image { margin: auto -20px -20px; order: 1; padding-top: 20px; } .articles-listing .articles-wrapper .article .article-image { margin: -20px -20px 0; } .articles-listing .articles-wrapper .article h4 { font-size: 24px; font-weight: 700; margin: 10px 0; } .articles-listing .articles-wrapper .article p { font-size: 20px; } .two-col { width: 100vw; position: relative; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw; display: flex; flex-direction: column; justify-content: center; align-items: center; } .two-col .content-wrapper { flex: 50%; min-height: 50vw; padding: 50px 20px; display: flex; flex-direction: column; justify-content: center; } .two-col .content-wrapper .title { font-size: 25px; font-weight: 700; } .two-col .content-wrapper p { font-size: 20px; } .two-col .content-wrapper a { display: inline-block; background-color: #000; border: 4px solid #000; color: #fff; font-weight: 700; font-size: 20px; font-family: "Microgramma W05", Helvetica, Arial, sans-serif; text-transform: uppercase; margin-top: 20px; text-decoration: none; padding: 8px 25px; width: fit-content; } .two-col.align-right { flex-direction: column-reverse; } .two-col .content-wrapper a:hover { background-color: #fff; color: #000; } .two-col .content-wrapper.background-blue { background: #0ae0e0; color: #000; } .two-col .content-wrapper.background-yellow { background: #ffeb52; color: #000; } .two-col .content-wrapper.background-pink { background: #f74f80; color: #000; } .two-col .content-wrapper.background-green { background: #1ade91; color: #000; } .two-col .content-wrapper.background-orange { background: #ff9c38; color: #000; } .two-col .image-wrapper { flex: 50%; min-height: 50vw; } .two-col .image-wrapper img { width: 100%; min-height: inherit; } @media (min-width: 992px) { .two-col { flex-direction: row; } .two-col.align-right { flex-direction: row-reverse; } .two-col .content-wrapper { padding: 60px; } .two-col .content-wrapper .title { font-size: 40px; font-weight: 700; } .two-col .content-wrapper p { font-size: 26px; } .two-col .content-wrapper a { font-size: 26px; } } #ccc a:focus-visible span { color: #000; }</style><style>.siteforceContentArea .comm-layout-column .ui-widget:not(:last-child),.siteforceContentArea .cb-section_column .ui-widget:not(:last-child){margin-bottom:var(--lwc-uiWidgetMarginBottom,1.5rem)}.siteforceContentArea .comm-layout-column:not(:empty){padding-top:var(--lwc-layoutVerticalPadding,0.75rem);padding-bottom:var(--lwc-layoutVerticalPadding,0.75rem)}:root{--dxp-g-root:var(--lwc-dxpGRoot,#FFFFFF);--dxp-g-root-1:var(--lwc-dxpGRoot1,rgb(235, 235, 235));--dxp-g-root-2:var(--lwc-dxpGRoot2,rgb(194, 194, 194));--dxp-g-root-3:var(--lwc-dxpGRoot3,rgb(133, 133, 133));--dxp-g-root-contrast:var(--lwc-dxpGRootContrast,rgb(5, 20, 36));--dxp-g-root-contrast-1:var(--lwc-dxpGRootContrast1,rgb(0, 0, 0));--dxp-g-root-contrast-2:var(--lwc-dxpGRootContrast2,rgb(0, 0, 0));--dxp-g-root-contrast-3:var(--lwc-dxpGRootContrast3,rgb(0, 0, 0));--dxp-g-neutral:var(--lwc-dxpGNeutral,#ecebea);--dxp-g-neutral-1:var(--lwc-dxpGNeutral1,rgb(217, 215, 213));--dxp-g-neutral-2:var(--lwc-dxpGNeutral2,rgb(178, 174, 170));--dxp-g-neutral-3:var(--lwc-dxpGNeutral3,rgb(118, 113, 107));--dxp-g-neutral-contrast:var(--lwc-dxpGNeutralContrast,#000);--dxp-g-neutral-contrast-1:var(--lwc-dxpGNeutralContrast1,#000);--dxp-g-neutral-contrast-2:var(--lwc-dxpGNeutralContrast2,#000);--dxp-g-neutral-contrast-3:var(--lwc-dxpGNeutralContrast3,#fff);--dxp-g-brand:var(--lwc-dxpGBrand,rgb(26, 222, 145));--dxp-g-brand-1:var(--lwc-dxpGBrand1,rgb(22, 185, 121));--dxp-g-brand-2:var(--lwc-dxpGBrand2,rgb(13, 112, 73));--dxp-g-brand-3:var(--lwc-dxpGBrand3,rgb(0, 3, 2));--dxp-g-brand-contrast:var(--lwc-dxpGBrandContrast,rgb(255, 255, 255));--dxp-g-brand-contrast-1:var(--lwc-dxpGBrandContrast1,rgb(235, 235, 235));--dxp-g-brand-contrast-2:var(--lwc-dxpGBrandContrast2,rgb(194, 194, 194));--dxp-g-brand-contrast-3:var(--lwc-dxpGBrandContrast3,rgb(133, 133, 133));--dxp-g-success:#4bca81;--dxp-g-success-1:#36b66c;--dxp-g-success-2:#237747;--dxp-g-success-3:#07190f;--dxp-g-success-contrast:#000;--dxp-g-success-contrast-1:#000;--dxp-g-success-contrast-2:#fff;--dxp-g-success-contrast-3:#fff;--dxp-g-destructive:#c23934;--dxp-g-destructive-1:#a2302b;--dxp-g-destructive-2:#611d1a;--dxp-g-destructive-3:#010000;--dxp-g-destructive-contrast:#fff;--dxp-g-destructive-contrast-1:#fff;--dxp-g-destructive-contrast-2:#fff;--dxp-g-destructive-contrast-3:#fff;--dxp-g-warning:#ffb75d;--dxp-g-warning-1:#ffa534;--dxp-g-warning-2:#e27d00;--dxp-g-warning-3:#673900;--dxp-g-warning-contrast:#000;--dxp-g-warning-contrast-1:#000;--dxp-g-warning-contrast-2:#000;--dxp-g-warning-contrast-3:#fff;--dxp-g-info:#16325c;--dxp-g-info-1:#0e203b;--dxp-g-info-2:#000000;--dxp-g-info-3:#000000;--dxp-g-info-contrast:#fff;--dxp-g-info-contrast-1:#fff;--dxp-g-info-contrast-2:#fff;--dxp-g-info-contrast-3:#fff;--dxp-g-offline:#444;--dxp-g-offline-1:#303030;--dxp-g-offline-2:#070707;--dxp-g-offline-3:#000000;--dxp-g-offline-contrast:#fff;--dxp-g-offline-contrast-1:#fff;--dxp-g-offline-contrast-2:#fff;--dxp-g-offline-contrast-3:#fff;--dxp-g-spacing-none:0!important;--dxp-g-spacing-xxxsmall:.125rem;--dxp-g-spacing-xxsmall:.25rem;--dxp-g-spacing-xsmall:.5rem;--dxp-g-spacing-small:.75rem;--dxp-g-spacing-medium:1rem;--dxp-g-spacing-large:1.5rem;--dxp-g-spacing-xlarge:2rem;--dxp-g-spacing-xxlarge:3rem;--dxp-g-root-font-family:var(--lwc-fontFamily,Montserrat);--dxp-g-heading-font-family:var(--lwc-fontFamilyHeader,Microgramma W05);--dxp-g-font-size-1:.625rem;--dxp-g-font-size-2:.75rem;--dxp-g-font-size-3:.8125rem;--dxp-g-font-size-4:.875rem;--dxp-g-font-size-5:1rem;--dxp-g-font-size-6:1.125rem;--dxp-g-font-size-7:1.25rem;--dxp-g-font-size-8:1.5rem;--dxp-g-font-size-9:1.75rem;--dxp-g-font-size-10:2rem;--dxp-g-font-size-11:2.625rem;--dxp-s-html-font-size:16px;--dxp-s-text-heading-extra-large-font-family:var(--lwc-fontFamilyHeader,Microgramma W05);--dxp-s-text-heading-extra-large-font-size:2.5rem;--dxp-s-text-heading-extra-large-font-style:normal;--dxp-s-text-heading-extra-large-font-weight:300;--dxp-s-text-heading-extra-large-text-decoration:none;--dxp-s-text-heading-extra-large-text-transform:var(--lwc-textTransform,uppercase);--dxp-s-text-heading-extra-large-line-height:1.25;--dxp-s-text-heading-extra-large-letter-spacing:0;--dxp-s-text-heading-large-font-family:var(--lwc-fontFamilyHeader,Microgramma W05);--dxp-s-text-heading-large-font-size:1.75rem;--dxp-s-text-heading-large-font-style:normal;--dxp-s-text-heading-large-font-weight:300;--dxp-s-text-heading-large-text-decoration:none;--dxp-s-text-heading-large-text-transform:var(--lwc-textTransform,uppercase);--dxp-s-text-heading-large-line-height:1.25;--dxp-s-text-heading-large-letter-spacing:0;--dxp-s-text-heading-medium-font-family:var(--lwc-fontFamilyHeader,Microgramma W05);--dxp-s-text-heading-medium-font-size:1.25rem;--dxp-s-text-heading-medium-font-style:normal;--dxp-s-text-heading-medium-font-weight:300;--dxp-s-text-heading-medium-text-decoration:none;--dxp-s-text-heading-medium-text-transform:var(--lwc-textTransform,uppercase);--dxp-s-text-heading-medium-line-height:1.25;--dxp-s-text-heading-medium-letter-spacing:0;--dxp-s-text-heading-small-font-family:var(--lwc-fontFamilyHeader,Microgramma W05);--dxp-s-text-heading-small-font-size:1.125rem;--dxp-s-text-heading-small-font-style:normal;--dxp-s-text-heading-small-font-weight:300;--dxp-s-text-heading-small-text-decoration:none;--dxp-s-text-heading-small-text-transform:var(--lwc-textTransform,uppercase);--dxp-s-text-heading-small-line-height:1.25;--dxp-s-text-heading-small-letter-spacing:0;--dxp-s-body-font-family:var(--lwc-fontFamily,Montserrat);--dxp-s-body-font-size:1rem;--dxp-s-body-font-style:normal;--dxp-s-body-font-weight:400;--dxp-s-body-text-decoration:none;--dxp-s-body-text-transform:none;--dxp-s-body-line-height:1.5;--dxp-s-body-letter-spacing:0;--dxp-s-body-small-font-family:var(--lwc-fontFamily,Montserrat);--dxp-s-body-small-font-size:.75rem;--dxp-s-body-small-font-style:normal;--dxp-s-body-small-font-weight:400;--dxp-s-body-small-text-decoration:none;--dxp-s-body-small-text-transform:none;--dxp-s-body-small-line-height:1.25;--dxp-s-body-small-letter-spacing:0;--dxp-s-button-font-family:var(--lwc-fontFamily,Montserrat);--dxp-s-button-font-size:1rem;--dxp-s-button-font-style:normal;--dxp-s-button-font-weight:400;--dxp-s-button-text-transform:var(--lwc-textTransform,uppercase);--dxp-s-button-line-height:2;--dxp-s-button-letter-spacing:0;--dxp-s-link-text-decoration:none;--dxp-s-link-text-decoration-focus:underline;--dxp-s-link-text-decoration-hover:underline;--dxp-s-site-logo-path:var(--lwc-brandLogoImage,/enhancedmyncs/file-asset/MYNCS_Logo3?v=1&height=300&width=300);--dxp-s-site-logo-url:var(--lwc-brandLogoImage,url(/enhancedmyncs/file-asset/MYNCS_Logo3?v=1&height=300&width=300));--dxp-s-section-columns-max-width:1800px;--dxp-s-header-content-max-width:1rem;--dxp-s-footer-content-max-width:1rem;--dxp-s-section-content-spacing-block-start:1rem;--dxp-s-section-content-spacing-block-end:1rem;--dxp-s-column-spacer-size:1rem;--dxp-s-component-wrapper-spacer-size:1.5rem;--dxp-s-section-columns-max-width-mobile:none;--dxp-s-header-content-max-width-mobile:none;--dxp-s-footer-content-max-width-mobile:none;--dxp-s-section-content-spacing-block-start-mobile:.75rem;--dxp-s-section-content-spacing-block-end-mobile:.75rem;--dxp-s-column-spacer-size-mobile:.75rem;--dxp-s-component-wrapper-spacer-size-mobile:1.5rem}</style></head><body class="null loading"><div class="auraMsgBox auraLoadingBox" id="auraLoadingBox"><div class="logo"></div><div class="spinner"></div><span>Loading</span></div><div class="" id="auraErrorMask"><div class="auraErrorBox" id="auraError"><span><a id="dismissError" class="close">脳</a>Sorry to interrupt</span><div id="auraErrorMessage">CSS Error</div><div id="auraErrorStack"></div><div class="auraErrorFooter"><a href="?" id="auraErrorReload">Refresh</a></div></div></div><script data-src="/enhancedmyncs/jslibrary/1740518431000/canvas/CanvasRendering.js"></script><script data-src="/enhancedmyncs/jslibrary/1740518431000/ui-analytics-reporting/EclairNG.js"></script><script src="/enhancedmyncs/s/sfsites/l/%7B%22mode%22%3A%22PROD%22%2C%22dfs%22%3A%228%22%2C%22app%22%3A%22siteforce%3AcommunityApp%22%2C%22fwuid%22%3A%22Zm9LbDZETkxUclI3TmZfamRYSmpzUWg5TGxiTHU3MEQ5RnBMM0VzVXc1cmcxMS4zMjc2OC4w%22%2C%22loaded%22%3A%7B%22APPLICATION%40markup%3A%2F%2Fsiteforce%3AcommunityApp%22%3A%221233_tg1lZW0GjL7Kyv3gtwy_bg%22%7D%2C%22apce%22%3A1%2C%22apck%22%3A%22JHt0aW1lc3RhbXB9MDAwMDAwMDAwMDBlbl9VUw%22%2C%22mlr%22%3A1%2C%22pathPrefix%22%3A%22%2Fenhancedmyncs%22%2C%22dns%22%3A%22c%22%2C%22ls%22%3A1%2C%22lrmc%22%3A%22-386269907%22%7D/inline.js?aura.attributes=%7B%22ac%22%3A%22%22%2C%22authenticated%22%3A%22false%22%2C%22brandingSetId%22%3A%22e0ea94cc-1b35-4fea-9c30-f10ca483e410%22%2C%22formFactor%22%3A%22LARGE%22%2C%22isHybrid%22%3A%22false%22%2C%22language%22%3A%22en_US%22%2C%22pageId%22%3A%224d0713cb-daed-4cff-bf2e-4f7061f59c39%22%2C%22publishedChangelistNum%22%3A%2253%22%2C%22schema%22%3A%22Published%22%2C%22themeLayoutType%22%3A%22Inner%22%2C%22uds%22%3A%22false%22%2C%22viewType%22%3A%22Published%22%7D"></script><script src="/enhancedmyncs/s/sfsites/l/%7B%22mode%22%3A%22PROD%22%2C%22dfs%22%3A%228%22%2C%22app%22%3A%22siteforce%3AcommunityApp%22%2C%22fwuid%22%3A%22Zm9LbDZETkxUclI3TmZfamRYSmpzUWg5TGxiTHU3MEQ5RnBMM0VzVXc1cmcxMS4zMjc2OC4w%22%2C%22loaded%22%3A%7B%22APPLICATION%40markup%3A%2F%2Fsiteforce%3AcommunityApp%22%3A%221233_tg1lZW0GjL7Kyv3gtwy_bg%22%7D%2C%22apce%22%3A1%2C%22apck%22%3A%22JHt0aW1lc3RhbXB9MDAwMDAwMDAwMDBlbl9VUw%22%2C%22mlr%22%3A1%2C%22pathPrefix%22%3A%22%2Fenhancedmyncs%22%2C%22dns%22%3A%22c%22%2C%22ls%22%3A1%2C%22lrmc%22%3A%22-386269907%22%7D/resources.js?pu=1&pv=1740269594000-1163355458&rv=1734092513000"></script><script src="/enhancedmyncs/s/sfsites/auraFW/javascript/Zm9LbDZETkxUclI3TmZfamRYSmpzUWg5TGxiTHU3MEQ5RnBMM0VzVXc1cmcxMS4zMjc2OC4w/aura_prod.js"></script><script src="/enhancedmyncs/s/sfsites/l/%7B%22mode%22%3A%22PROD%22%2C%22dfs%22%3A%228%22%2C%22app%22%3A%22siteforce%3AcommunityApp%22%2C%22serializationVersion%22%3A%221-11.32768.0-b%22%2C%22parts%22%3A%22f%22%2C%22loaded%22%3A%7B%22APPLICATION%40markup%3A%2F%2Fsiteforce%3AcommunityApp%22%3A%221233_tg1lZW0GjL7Kyv3gtwy_bg%22%7D%2C%22dns%22%3A%22c%22%2C%22ls%22%3A1%2C%22lrmc%22%3A%22-386269907%22%7D/app.js?3="></script><script src="/enhancedmyncs/s/sfsites/l/%7B%22mode%22%3A%22PROD%22%2C%22dfs%22%3A%228%22%2C%22app%22%3A%22siteforce%3AcommunityApp%22%2C%22fwuid%22%3A%22Zm9LbDZETkxUclI3TmZfamRYSmpzUWg5TGxiTHU3MEQ5RnBMM0VzVXc1cmcxMS4zMjc2OC4w%22%2C%22loaded%22%3A%7B%22APPLICATION%40markup%3A%2F%2Fsiteforce%3AcommunityApp%22%3A%221233_tg1lZW0GjL7Kyv3gtwy_bg%22%7D%2C%22apce%22%3A1%2C%22apck%22%3A%22JHt0aW1lc3RhbXB9MDAwMDAwMDAwMDBlbl9VUw%22%2C%22mlr%22%3A1%2C%22pathPrefix%22%3A%22%2Fenhancedmyncs%22%2C%22dns%22%3A%22c%22%2C%22ls%22%3A1%2C%22lrmc%22%3A%22-386269907%22%7D/bootstrap.js?aura.attributes=%7B%22ac%22%3A%22%22%2C%22authenticated%22%3A%22false%22%2C%22brandingSetId%22%3A%22e0ea94cc-1b35-4fea-9c30-f10ca483e410%22%2C%22formFactor%22%3A%22LARGE%22%2C%22isHybrid%22%3A%22false%22%2C%22language%22%3A%22en_US%22%2C%22pageId%22%3A%224d0713cb-daed-4cff-bf2e-4f7061f59c39%22%2C%22publishedChangelistNum%22%3A%2253%22%2C%22schema%22%3A%22Published%22%2C%22themeLayoutType%22%3A%22Inner%22%2C%22uds%22%3A%22false%22%2C%22viewType%22%3A%22Published%22%7D"></script></body></html>