CINXE.COM

<!DOCTYPE html><html lang="en-US" dir="ltr"><head><title>F1TV Knowledgebase 2023</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://www.google-analytics.com https://stats.g.doubleclick.net https://www.googletagmanager.com https://tagmanager.google.com https://ssl.google-analytics.com https://bat.bing.com https://static.ads-twitter.com https://connect.facebook.net https://script.crazyegg.com https://analytics.twitter.com https://fonts.gstatic.com https://consent.trustarc.com https://sc-static.net https://*.fls.doubleclick.net https://t.co https://tr.snapchat.com https://translate.googleapis.com https://files.talkative.uk https://*.pusher.com wss://ws-eu.pusher.com https://stats.pusher.com https://uat-static.formula1.com https://static.formula1.com https://formula1--c.visualforce.com https://presence.engage.talkative.uk https://us.engage.app https://tec-staging.s3.eu-west-2.amazonaws.com https://talkative-cdn.com https://eu.engage.app https://us-engage-app.s3.us-east-2.amazonaws.com https://hristo-aws-test-bucket.s3.eu-west-2.amazonaws.com https://support.f1.tv https://consent.formula1.com https://consent.formula1.com/wrapper/metrics/v1/custom-metrics https://formula1.my.site.com/ESWF1Web1736112654280/assets/js/bootstrap.min.js https://formula1.my.site.com/ https://formula1.my.site.com/ESWF1Web1736112654280/assets/styles/bootstrap.min.css https://support.formula1.com/ESWF1Web1736112654280/assets/js/bootstrap.min.js https://formula1.my.salesforce-scrt.com https://support.formula1.com/; 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://files.talkative.uk https://fonts.gstatic.com https://www.gstatic.com https://ssl.gstatic.com https://engage.talkative.uk https://ssl.google-analytics.com https://static.formula1.com https://eu.engage.app https://salesforce.talkative.uk wss://ws-eu.pusher.com https://sockjs-eu.pusher.com https://bat.bing.com https://www.bat.bing.com https://8401466.fls.doubleclick.net https://8415160.fls.doubleclick.net https://consent.trustarc.com https://cx.atdmt.com https://ekr.zdassets.com https://www.connect.facebook.net https://www.google-analytics.com https://stats.g.doubleclick.net https://www.googletagmanager.com https://tagmanager.google.com https://fonts.googleapis.com https://stats.pusher.com https://www.quirksmode.org https://tr.snapchat.com https://www.static.ads-twitter.com https://t.co https://www.facebook.com https://formula1--c.visualforce.com https://presence.engage.talkative.uk https://api.rollbar.com https://talkative-engage-storage.s3.eu-west-1.amazonaws.com https://consent.formula1.com https://us.engage.app https://uat-static.formula1.com https://sockjs-us2.pusher.com wss://ws-us2.pusher.com https://tec-staging.s3.eu-west-2.amazonaws.com https://talkative-cdn.com https://salesforce.engage.app https://eu-engage-app.s3.eu-west-2.amazonaws.com https://account.formula1.com https://formula1.my.salesforce-scrt.com https://formula1.my.site.com *.formula1.com; img-src 'self' data: blob: https://formula1.my.salesforce.com https://formula1.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://gbr102.sfdc-5pakla.salesforce.com/icons/ https://files.talkative.uk https://fonts.gstatic.com https://www.gstatic.com https://ssl.gstatic.com https://engage.talkative.uk https://ssl.google-analytics.com https://static.formula1.com https://eu.engage.app https://salesforce.talkative.uk wss://ws-eu.pusher.com https://sockjs-eu.pusher.com https://bat.bing.com https://www.bat.bing.com https://8401466.fls.doubleclick.net https://8415160.fls.doubleclick.net https://consent.trustarc.com https://cx.atdmt.com https://ekr.zdassets.com https://www.connect.facebook.net https://www.google-analytics.com https://stats.g.doubleclick.net https://www.googletagmanager.com https://tagmanager.google.com https://fonts.googleapis.com https://stats.pusher.com https://www.quirksmode.org https://tr.snapchat.com https://www.static.ads-twitter.com https://t.co https://www.facebook.com https://formula1--c.visualforce.com https://presence.engage.talkative.uk https://api.rollbar.com https://talkative-engage-storage.s3.eu-west-1.amazonaws.com https://consent.formula1.com https://us.engage.app https://uat-static.formula1.com https://sockjs-us2.pusher.com wss://ws-us2.pusher.com https://tec-staging.s3.eu-west-2.amazonaws.com https://talkative-cdn.com https://salesforce.engage.app https://support.f1.tv https://eu-engage-app.s3.eu-west-2.amazonaws.com https://*.f1.com https://*.site.com https://account.formula1.com https://alpha.formula1.com *.f1.lbi.co.uk https://formula1.my.salesforce-scrt.com https://support.formula1.com https://formula1.my.site.com *.formula1.com; media-src 'self' blob: https://files.talkative.uk https://fonts.gstatic.com https://www.gstatic.com https://ssl.gstatic.com https://engage.talkative.uk https://ssl.google-analytics.com https://static.formula1.com https://eu.engage.app https://salesforce.talkative.uk wss://ws-eu.pusher.com https://sockjs-eu.pusher.com https://bat.bing.com https://www.bat.bing.com https://8401466.fls.doubleclick.net https://8415160.fls.doubleclick.net https://consent.trustarc.com https://cx.atdmt.com https://ekr.zdassets.com https://www.connect.facebook.net https://www.google-analytics.com https://stats.g.doubleclick.net https://www.googletagmanager.com https://tagmanager.google.com https://fonts.googleapis.com https://stats.pusher.com https://www.quirksmode.org https://tr.snapchat.com https://www.static.ads-twitter.com https://t.co https://www.facebook.com https://formula1--c.visualforce.com https://presence.engage.talkative.uk https://api.rollbar.com https://talkative-engage-storage.s3.eu-west-1.amazonaws.com https://consent.formula1.com https://us.engage.app https://uat-static.formula1.com https://sockjs-us2.pusher.com wss://ws-us2.pusher.com https://tec-staging.s3.eu-west-2.amazonaws.com https://talkative-cdn.com https://salesforce.engage.app https://eu-engage-app.s3.eu-west-2.amazonaws.com https://account.formula1.com https://formula1.my.salesforce-scrt.com https://formula1.my.site.com *.formula1.com; frame-src 'self' https://service.force.com/embeddedservice/ https://gbr102.sfdc-5pakla.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://formula1.file.force.com https://files.talkative.uk https://fonts.gstatic.com https://www.gstatic.com https://ssl.gstatic.com https://engage.talkative.uk https://ssl.google-analytics.com https://static.formula1.com https://eu.engage.app https://salesforce.talkative.uk wss://ws-eu.pusher.com https://sockjs-eu.pusher.com https://bat.bing.com https://www.bat.bing.com https://8401466.fls.doubleclick.net https://8415160.fls.doubleclick.net https://consent.trustarc.com https://cx.atdmt.com https://ekr.zdassets.com https://www.connect.facebook.net https://www.google-analytics.com https://stats.g.doubleclick.net https://www.googletagmanager.com https://tagmanager.google.com https://fonts.googleapis.com https://stats.pusher.com https://www.quirksmode.org https://tr.snapchat.com https://www.static.ads-twitter.com https://t.co https://www.facebook.com https://formula1--c.visualforce.com https://presence.engage.talkative.uk https://api.rollbar.com https://talkative-engage-storage.s3.eu-west-1.amazonaws.com https://consent.formula1.com https://us.engage.app https://uat-static.formula1.com https://sockjs-us2.pusher.com wss://ws-us2.pusher.com https://tec-staging.s3.eu-west-2.amazonaws.com https://talkative-cdn.com https://salesforce.engage.app https://eu-engage-app.s3.eu-west-2.amazonaws.com https://account.formula1.com https://formula1.my.salesforce-scrt.com https://formula1.my.site.com *.formula1.com; font-src 'self' data: https://fonts.gstatic.com/ https://files.talkative.uk https://fonts.gstatic.com https://www.gstatic.com https://ssl.gstatic.com https://engage.talkative.uk https://ssl.google-analytics.com https://static.formula1.com https://eu.engage.app https://salesforce.talkative.uk wss://ws-eu.pusher.com https://sockjs-eu.pusher.com https://bat.bing.com https://www.bat.bing.com https://8401466.fls.doubleclick.net https://8415160.fls.doubleclick.net https://consent.trustarc.com https://cx.atdmt.com https://ekr.zdassets.com https://www.connect.facebook.net https://www.google-analytics.com https://stats.g.doubleclick.net https://www.googletagmanager.com https://tagmanager.google.com https://fonts.googleapis.com https://stats.pusher.com https://www.quirksmode.org https://tr.snapchat.com https://www.static.ads-twitter.com https://t.co https://www.facebook.com https://formula1--c.visualforce.com https://presence.engage.talkative.uk https://api.rollbar.com https://talkative-engage-storage.s3.eu-west-1.amazonaws.com https://consent.formula1.com https://us.engage.app https://uat-static.formula1.com https://sockjs-us2.pusher.com wss://ws-us2.pusher.com https://tec-staging.s3.eu-west-2.amazonaws.com https://talkative-cdn.com https://salesforce.engage.app https://eu-engage-app.s3.eu-west-2.amazonaws.com https://account.formula1.com https://formula1.my.salesforce-scrt.com https://formula1.my.site.com *.formula1.com; connect-src 'self' https://www.paypal.com https://www.sandbox.paypal.com https://formula1.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-5pakla.svc.sfdcfc.net/ui-telemetry https://files.talkative.uk https://fonts.gstatic.com https://www.gstatic.com https://ssl.gstatic.com https://engage.talkative.uk https://ssl.google-analytics.com https://static.formula1.com https://eu.engage.app https://salesforce.talkative.uk wss://ws-eu.pusher.com https://sockjs-eu.pusher.com https://bat.bing.com https://www.bat.bing.com https://8401466.fls.doubleclick.net https://8415160.fls.doubleclick.net https://consent.trustarc.com https://cx.atdmt.com https://ekr.zdassets.com https://www.connect.facebook.net https://www.google-analytics.com https://stats.g.doubleclick.net https://www.googletagmanager.com https://tagmanager.google.com https://fonts.googleapis.com https://stats.pusher.com https://www.quirksmode.org https://tr.snapchat.com https://www.static.ads-twitter.com https://t.co https://www.facebook.com https://formula1--c.visualforce.com https://presence.engage.talkative.uk https://api.rollbar.com https://talkative-engage-storage.s3.eu-west-1.amazonaws.com https://consent.formula1.com https://us.engage.app https://uat-static.formula1.com https://sockjs-us2.pusher.com wss://ws-us2.pusher.com https://tec-staging.s3.eu-west-2.amazonaws.com https://talkative-cdn.com https://salesforce.engage.app https://eu-engage-app.s3.eu-west-2.amazonaws.com https://sentry.io https://dc.services.visualstudio.com https://account.formula1.com https://formula1.my.site.com *.formula1.com"> <script>function _typeof(t){return(_typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}!function(){for(var t,e,o=[],n=window,r=n;r;){try{if(r.frames.__tcfapiLocator){t=r;break}}catch(t){}if(r===n.top)break;r=n.parent}t||(function t(){var e=n.document,o=!!n.frames.__tcfapiLocator;if(!o)if(e.body){var r=e.createElement("iframe");r.style.cssText="display:none",r.name="__tcfapiLocator",e.body.appendChild(r)}else setTimeout(t,5);return!o}(),n.__tcfapi=function(){for(var t=arguments.length,n=new Array(t),r=0;r<t;r++)n[r]=arguments[r];if(!n.length)return o;"setGdprApplies"===n[0]?n.length>3&&2===parseInt(n[1],10)&&"boolean"==typeof n[3]&&(e=n[3],"function"==typeof n[2]&&n[2]("set",!0)):"ping"===n[0]?"function"==typeof n[2]&&n[2]({gdprApplies:e,cmpLoaded:!1,cmpStatus:"stub"}):o.push(n)},n.addEventListener("message",(function(t){var e="string"==typeof t.data,o={};if(e)try{o=JSON.parse(t.data)}catch(t){}else o=t.data;var n="object"===_typeof(o)?o.__tcfapiCall:null;n&&window.__tcfapi(n.command,n.version,(function(o,r){var a={__tcfapiReturn:{returnValue:o,success:r,callId:n.callId}};t&&t.source&&t.source.postMessage&&t.source.postMessage(e?JSON.stringify(a):a,"*")}),n.parameter)}),!1))}();</script> <script> window._sp_queue = []; window._sp_ = { config: { accountId: 1831, baseEndpoint: 'https://consent.formula1.com', gdpr: { }, events: { onMessageChoiceSelect: function() { console.log('[event] onMessageChoiceSelect', arguments); }, onMessageReady: function() { console.log('[event] onMessageReady', arguments); }, onMessageChoiceError: function() { console.log('[event] onMessageChoiceError', arguments); }, onPrivacyManagerAction: function() { console.log('[event] onPrivacyManagerAction', arguments); }, onPMCancel: function() { console.log('[event] onPMCancel', arguments); }, onMessageReceiveData: function() { console.log('[event] onMessageReceiveData', arguments); }, onSPPMObjectReady: function() { console.log('[event] onSPPMObjectReady', arguments); }, onConsentReady: function (consentUUID, euconsent) { console.log('[event] onConsentReady', arguments); }, onError: function() { console.log('[event] onError', arguments); }, } } } </script> <script src='https://consent.formula1.com/unified/wrapperMessagingWithoutDetection.js' async></script> <link rel="shortcut icon" href="https://support.f1.tv/favicon.ico?v=2"/>  <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-N8VZ7MJ');</script>    <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-N8VZ7MJ" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>   <script type='text/javascript'> window.addEventListener('launchbot', () => { embeddedservice_bootstrap.utilAPI.launchChat() .then(() => { // Success handler used to perform actions }).catch(() => { // Error handler used to perform actions }).finally(() => { // Finally handler used to perform any clean-up actions }); }) </script> <script> window.addEventListener("onEmbeddedMessagingReady", () => { //To capture the current URL var currentUrl = window.location.href; //Create the unique custom F1 conversation ID (to use for feedback) function generateUniqueId() { const timestamp = Date.now(); const randomNumber = Math.floor(Math.random() * 1e9); const uniqueId = `${timestamp}-${randomNumber}`; return uniqueId; } var unique_ID = generateUniqueId(); window.f1_unique_id = unique_ID; window.sessionStorage.setItem("f1_unique_id", unique_ID); //console.log("window.f1_unique_id -> " + window.f1_unique_id); //To capture the User Language const params = new URLSearchParams(document.location.search); var lan = params.get("language"); if (lan == null) { lan = "en_US"; } embeddedservice_bootstrap.prechatAPI.setHiddenPrechatFields({"Current_URL": currentUrl, "Language": lan, "F1_Conversation_ID": unique_ID}); }); </script><meta name="viewport" content="initial-scale=1.0, maximum-scale=5.0, minimum-scale=1.0, minimal-ui"/> <style> .auraMsgMask, #auraErrorMask, body .auraLoadingBox { display: none; } .spaError { padding: 10px; } .spaErrorLink { padding: 10px 0; display: block } </style><style>:root{--LID-paletteIndigo10:rgb(32, 6, 71);--LID-popoverWalkthroughHeaderImage:;--LID-zIndexDialog:6000;--LID-colorPickerSelectorWidth:14rem;--LID-nubbinSizeDefault:1rem;--LID-paletteCloudBlue40:rgb(5, 98, 138);--LID-colorBackgroundContextBarInverseItemHover:rgba(255, 255, 255, 0.2);--LID-dropZoneSlotHeight:0.25rem;--LID-colorTextTabLabelSelected:rgb(1, 118, 211);--LID-colorStrokeBrandActive:rgb(3, 45, 96);--LID-paletteIndigo15:rgb(31, 9, 116);--LID-cardBodyPadding:0 1rem;--LID-varSpacingHorizontalSmall:0.75rem;--LID-tableColorBackgroundHeaderResizableHandle:rgb(174, 174, 174);--LID-colorBackgroundPathActiveHover:rgb(3, 45, 96);--LID-brandPrimaryTransparent:rgba(21, 137, 238, 0.1);--LID-brandPrimaryTransparent40:rgba(21, 137, 238, 0.4);--LID-colorBorderButtonDefault:rgb(201, 201, 201);--LID-paletteIndigo20:rgb(50, 29, 113);--LID-popoverColorText:rgb(201, 201, 201);--LID-paletteCloudBlue30:rgb(8, 73, 104);--LID-colorTextButtonDefaultActive:rgb(1, 118, 211);--LID-colorPickerSliderHeight:1.5rem;--LID-colorTextIconInverse:rgb(255, 255, 255);--LID-heightFooter:3.75rem;--LID-splitViewColorBorder:rgb(201, 201, 201);--LID-colorBorderRowSelectedHover:rgb(27, 150, 255);--LID-fontSizeTextXxSmall:.625rem;--LID-lineHeightHeading:1.25;--LID-cardHeaderMargin:0 0 0.75rem;--LID-paletteIndigo30:rgb(47, 44, 183);--LID-mqMediumLandscape:only screen and (min-width: 48em) and (min-aspect-ratio: 4/3);--LID-brandBandImageHeightMedium:12.5rem;--LID-illustrationColorSecondary:rgb(207, 233, 254);--LID-zIndexDefault:1;--LID-colorBorderSelectionActive:rgb(243, 243, 243);--LID-paletteCloudBlue20:rgb(2, 50, 72);--LID-utilityBarColorBackgroundNotificationFocus:rgb(201, 201, 201);--LID-colorTextIconDefaultDisabled:rgb(201, 201, 201);--LID-colorTextBrand:rgb(27, 150, 255);--LID-durationToastMedium:9.6s;--LID-colorBackgroundButtonIconActive:rgb(243, 243, 243);--LID-brandHeaderContrastWeak:rgb(145, 145, 145);--LID-colorBackgroundNotificationNew:rgb(243, 243, 243);--LID-brandHeaderContrastInverseActive:rgb(238, 238, 238);--LID-colorBackgroundInputCheckboxSelected:rgb(27, 150, 255);--LID-progressColorBorder:rgb(255, 255, 255);--LID-spacingXxxSmall:0.125rem;--LID-paletteIndigo40:rgb(58, 73, 218);--LID-colorBackgroundProgressRingContent:rgb(255, 255, 255);--LID-lineHeightButtonSmall:1.75rem;--LID-salesforceSansBoldItalicWoff:url(/_slds/fonts/v2.3.0/SalesforceSans-BoldItalic.woff);--LID-brandBackgroundDarkTransparent:rgba(221, 219, 218, 0);--LID-colorPickerThumbWidth:0.375rem;--LID-paletteCloudBlue10:rgb(0, 26, 40);--LID-brandHeaderIconActive:rgb(129, 129, 129);--LID-widthStageLeftCollapsed:4rem;--LID-paletteCloudBlue15:rgb(10, 38, 54);--LID-colorBorderOffline:rgb(68, 68, 68);--LID-colorBackgroundUtilityBarHover:rgb(243, 243, 243);--LID-sliderHandleColorBackgroundHover:rgb(1, 118, 211);--LID-colorTextIconInverseHint:rgba(255, 255, 255, 0.5);--LID-sizeMedium:20rem;--LID-brandPrimaryTransparent10:rgba(21, 137, 238, 0.1);--LID-colorBorderIconInverseHintHover:rgba(255, 255, 255, 0.75);--LID-colorTextDefault:rgb(3, 45, 96);--LID-paletteIndigo50:rgb(88, 103, 232);--LID-progressBarHeight:0.125rem;--LID-colorBackgroundWarning:#ffb75d;--LID-colorBackgroundBrandPrimaryActive:rgb(3, 45, 96);--LID-paletteBlue90:rgb(216, 230, 254);--LID-brandHeaderContrastCool:rgb(1, 68, 134);--LID-paletteCloudBlue80:rgb(144, 208, 254);--LID-paletteBlue95:rgb(238, 244, 255);--LID-colorBorderSelectionHover:rgb(27, 150, 255);--LID-zIndexPopup:5000;--LID-borderRadiusLarge:0.5rem;--LID-colorTextIconInverseHintHover:rgba(255, 255, 255, 0.75);--LID-popoverBrandBorderWidth:0.25rem;--LID-fontSizeHeadingXLarge:1.75rem;--LID-typingIconDotColorBackgroundGrayDark:rgb(201, 201, 201);--LID-paletteIndigo65:rgb(142, 155, 239);--LID-varSpacingLarge:1.5rem;--LID-pageHeaderSpacingMargin:0;--LID-fontSizeTextXLarge:1.25rem;--LID-paletteIndigo60:rgb(127, 140, 237);--LID-paletteCloudBlue70:rgb(26, 185, 255);--LID-welcomeMatColorActionShadow:rgba(0, 0, 0, 0.05);--LID-colorTextBrowser:rgb(255, 255, 255);--LID-welcomeMatSpacingInfo:7.75rem;--LID-mqLarge:only screen and (min-width: 64.0625em);--LID-paletteIndigo70:rgb(158, 169, 241);--LID-squareTappableSmall:2rem;--LID-colorTextActionLabel:rgb(116, 116, 116);--LID-paletteCloudBlue60:rgb(13, 157, 218);--LID-paletteBlue70:rgb(120, 176, 253);--LID-colorBorderTabActive:rgb(255, 255, 255);--LID-paletteCloudBlue65:rgb(8, 171, 237);--LID-globalnavigationItemHeightAccentFocus:4px;--LID-colorBorderDestructiveHover:rgb(186, 5, 23);--LID-buttonLineHeightTouch:2.65rem;--LID-colorTextCustomer:rgb(254, 147, 57);--LID-squareIconUtilitySmall:1rem;--LID-colorBackgroundModalButtonActive:rgba(0, 0, 0, 0.16);--LID-colorTextBrandPrimary:rgb(255, 255, 255);--LID-squareIconXSmallBoundary:1.25rem;--LID-widthToggle:3rem;--LID-paletteIndigo80:rgb(190, 199, 246);--LID-welcomeMatMinHeight:25rem;--LID-zIndexDocked:4;--LID-squareIconMediumBoundaryAlt:2.25rem;--LID-colorBorderSelection:rgb(1, 118, 211);--LID-paletteBlue80:rgb(170, 203, 255);--LID-paletteCloudBlue50:rgb(16, 124, 173);--LID-brandHeaderContrastActive:rgb(80, 80, 80);--LID-formLabelFontSize:0.75rem;--LID-colorTextActionLabelActive:rgb(3, 45, 96);--LID-colorBackgroundBackdropTint:rgb(243, 243, 243);--LID-durationSlowly:0.4s;--LID-colorBackgroundRowHover:rgb(243, 243, 243);--LID-popoverWalkthroughAltNubbinColorBackground:rgb(1, 118, 211);--LID-spinnerSizeSmall:1.25rem;--LID-sliderTrackColorBackgroundFill:rgb(27, 150, 255);--LID-welcomeMatWidth:52.0625rem;--LID-paletteIndigo95:rgb(241, 243, 251);--LID-paletteIndigo90:rgb(224, 229, 248);--LID-filesZIndexHover:5;--LID-colorTextPill:rgb(1, 118, 211);--LID-varSpacingSmall:0.75rem;--LID-heightDockedBar:2.5rem;--LID-paletteBlue50:rgb(1, 118, 211);--LID-colorTextTabLabelHover:rgb(1, 68, 134);--LID-fontSizeHeadingXSmall:0.75rem;--LID-colorStrokeDisabled:rgb(243, 243, 243);--LID-widthPathBorderCurrent:0.125rem;--LID-colorBackgroundButtonDefaultHover:rgb(243, 243, 243);--LID-varSpacingVerticalXxSmall:0.25rem;--LID-colorTextButtonDefaultHover:rgb(1, 118, 211);--LID-durationPromptly:0.2s;--LID-colorBorderPathCurrent:rgb(1, 68, 134);--LID-colorBackgroundButtonDefaultActive:rgb(243, 243, 243);--LID-colorTextStageLeft:rgb(243, 243, 243);--LID-colorBorderHint:rgb(3, 45, 96);--LID-colorTextPrimary:rgb(3, 45, 96);--LID-brandBandColorBackgroundSecondaryTransparent:rgba(0, 0, 0, 0);--LID-paletteBlue60:rgb(27, 150, 255);--LID-cardColorBackground:rgb(255, 255, 255);--LID-brandHeaderIcon:rgb(145, 145, 145);--LID-paletteBlue65:rgb(87, 163, 253);--LID-spacingLarge:1.5rem;--LID-pageHeaderColorBorder:rgba(0, 0, 0, 0);--LID-cardFooterMargin:0.75rem;--LID-fontSizeTextSmall:0.8125rem;--LID-colorTextLinkInverseActive:rgba(255, 255, 255, 0.5);--LID-durationToastShort:4.8s;--LID-lineHeightButton:1.875rem;--LID-panelDockedLeftShadow:1px 0 3px rgba(0,0,0,0.25);--LID-panelDockedRightShadow:-1px 0 3px 0 rgba(0,0,0,0.25);--LID-colorTextLinkPrimaryHover:rgb(1, 118, 211);--LID-shadowButton:0 1px 1px 0 rgba(0, 0, 0, 0.05);--LID-welcomeMatMaxHeight:37.5rem;--LID-colorBorderToggleChecked:rgb(255, 255, 255);--LID-shadowHeader:0 2px 4px rgba(0, 0, 0, 0.07);--LID-sizeXxLarge:60rem;--LID-colorBackgroundDockedPanelHeader:rgb(255, 255, 255);--LID-paletteBlue30:rgb(1, 68, 134);--LID-lineHeightSalespath:1.5rem;--LID-shadowDrag:0 2px 4px 0 rgba(0, 0, 0, 0.40);--LID-colorBackgroundPathExpanded:rgb(255, 255, 255);--LID-colorBackground:rgb(243, 243, 243);--LID-colorBackgroundInput:rgb(255, 255, 255);--LID-sizeSmall:15rem;--LID-userDefaultAvatar:url(/_slds/images/profile_avatar_200.png?cache=7bdcafae);--LID-colorTextButtonInverse:rgb(243, 243, 243);--LID-colorBackgroundInputCheckboxDisabled:rgb(201, 201, 201);--LID-tableColorTextHeader:rgb(68, 68, 68);--LID-paletteBlue40:rgb(11, 92, 171);--LID-cardColorBorder:rgb(201, 201, 201);--LID-squareIconUtilityMedium:1.25rem;--LID-colorBackgroundButtonSuccessHover:rgb(46, 132, 74);--LID-colorBorderButtonBrandDisabled:rgba(0, 0, 0, 0);--LID-fontSizeHeadingXxSmall:0.625rem;--LID-colorBackgroundButtonInverseActive:rgba(0, 0, 0, 0.24);--LID-illustrationEmptyStateEvents:url(/_slds/images/illustrations/empty-state-events.svg?cache=985b247a);--LID-colorBackgroundToggle:rgb(174, 174, 174);--LID-colorBackgroundStencil:rgb(243, 243, 243);--LID-welcomeMatCheckSize:0.625rem;--LID-colorTextButtonBrandHover:rgb(255, 255, 255);--LID-buttonColorBackgroundSecondary:rgba(255, 255, 255, 0.8);--LID-paletteBlue10:rgb(0, 22, 57);--LID-varSpacingVerticalLarge:1.5rem;--LID-colorBorderReminder:rgb(243, 243, 243);--LID-colorBrandDark:rgb(1, 118, 211);--LID-paletteBlue15:rgb(3, 35, 77);--LID-colorBorderBrandPrimaryFocus:rgb(1, 118, 211);--LID-salesforceSansItalicWoff:url(/_slds/fonts/v2.3.0/SalesforceSans-Italic.woff);--LID-colorBorderBrandPrimaryActive:rgb(3, 45, 96);--LID-datepickerColorTextDayAdjacentMonth:rgb(116, 116, 116);--LID-colorBorderErrorAlt:rgb(254, 143, 125);--LID-shadowReminder:0 2px 3px 0 rgba(0, 0, 0, 0.20);--LID-brandTextLinkActive:rgb(1, 68, 134);--LID-pageHeaderColorBackground:rgb(243, 243, 243);--LID-salesforceSansBoldWoff2:url(/_slds/fonts/v2.3.0/SalesforceSans-Bold.woff2);--LID-fontSizeHeadingLarge:1.5rem;--LID-colorBackgroundStencilAlt:rgb(243, 243, 243);--LID-paletteBlue20:rgb(3, 45, 96);--LID-elevationInverseShadow3Below:0 -3px 3px 0 rgba(0, 0, 0, 0.16) inset;--LID-varSpacingHorizontalXxSmall:0.25rem;--LID-colorBorderSeparatorAlt:rgb(201, 201, 201);--LID-colorPickerRangeHeight:5rem;--LID-colorBackgroundButtonIcon:rgba(0, 0, 0, 0);--LID-paletteTeal15:rgb(7, 40, 37);--LID-buttonIconColorBorderPrimary:rgb(255, 255, 255);--LID-brandAccessibleActive:rgb(1, 68, 134);--LID-paletteYellow80:rgb(252, 192, 3);--LID-zIndexSpinner:9050;--LID-colorBackgroundContextTabBarItem:rgb(255, 255, 255);--LID-fontWeightBold:700;--LID-paletteTeal10:rgb(7, 27, 18);--LID-colorBackgroundContextBarItemActive:rgb(255, 255, 255);--LID-shadowFocusInset:0 0 2px 2px #1b96ff inset;--LID-colorBackgroundAltInverse:rgb(3, 45, 96);--LID-colorBackgroundPathIncompleteHover:rgb(201, 201, 201);--LID-squareIconMediumContent:1rem;--LID-colorBackgroundContextBar:rgb(255, 255, 255);--LID-colorTextInverseHover:rgb(174, 174, 174);--LID-colorBackgroundInputActive:rgb(255, 255, 255);--LID-brandContrast:rgb(26, 27, 30);--LID-colorTextSecondary:rgb(116, 116, 116);--LID-fillHeaderButtonHover:rgb(1, 68, 134);--LID-fontFamilyText:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';--LID-welcomeMatCompleteIconSize:1.25rem;--LID-varSpacingXxLarge:3rem;--LID-paletteYellow95:rgb(251, 243, 224);--LID-paletteYellow90:rgb(249, 227, 182);--LID-brandBackgroundPrimary:#fafaf9;--LID-paletteTeal20:rgb(2, 52, 52);--LID-progressRingWidth:0.1875rem;--LID-paletteYellow65:rgb(215, 147, 4);--LID-paletteYellow60:rgb(202, 133, 1);--LID-colorBorderInputCheckboxSelectedCheckmark:rgb(255, 255, 255);--LID-colorBorderCanvasElementSelectionHover:rgb(1, 68, 134);--LID-borderRadiusSmall:0.125rem;--LID-progressBarColorBackground:rgb(201, 201, 201);--LID-durationInstantly:0s;--LID-colorBackgroundToastSuccess:rgb(46, 132, 74);--LID-tabsFontWeight:400;--LID-colorBackgroundPost:rgb(243, 243, 243);--LID-colorTextPlaceholderInverse:rgb(243, 243, 243);--LID-colorTextInputIcon:rgb(174, 174, 174);--LID-sliderHandleShadow:rgba(0, 0, 0, 0.16) 0 2px 3px;--LID-paletteYellow70:rgb(228, 162, 1);--LID-fontWeightLight:300;--LID-colorTextError:#c23934;--LID-varSpacingXxSmall:0.25rem;--LID-colorBorderInput:rgb(201, 201, 201);--LID-brandAccessible:rgb(1, 118, 211);--LID-pageColorBackgroundPrimary:rgb(255, 255, 255);--LID-cardShadow:none;--LID-lineClamp:3;--LID-welcomeMatWidthProgressBar:12.5rem;--LID-progressColorBackgroundShade:rgb(243, 243, 243);--LID-globalActionFillHover:rgb(1, 68, 134);--LID-illustrationEmptyStateAssistant:url(/_slds/images/illustrations/empty-state-assistant.svg?cache=127a789e);--LID-varSpacingHorizontalXSmall:0.5rem;--LID-colorPickerInputCustomHexFontSize:0.75rem;--LID-varSpacingMedium:1rem;--LID-colorBackgroundShadeDark:rgb(201, 201, 201);--LID-colorPickerSwatchesWidth:13.3rem;--LID-squareIconLargeBoundaryAlt:5rem;--LID-colorBorderInputDisabled:rgb(201, 201, 201);--LID-paletteYellow40:rgb(140, 75, 2);--LID-cardWrapperSpacing:1rem;--LID-colorBackgroundNotificationBadgeActive:rgb(3, 45, 96);--LID-colorBackgroundHighlight:rgb(250, 255, 189);--LID-colorBackgroundRowActive:rgb(243, 243, 243);--LID-componentSpacingMargin:0;--LID-colorBorderButtonFocusInverse:rgb(243, 243, 243);--LID-shadowButtonFocus:0 0 3px #0176d3;--LID-varSpacingVerticalXLarge:2rem;--LID-tableColorBackgroundHeaderHover:rgb(243, 243, 243);--LID-colorBackgroundDockedPanel:rgb(255, 255, 255);--LID-colorTextTertiary:rgb(116, 116, 116);--LID-varSpacingVerticalXxLarge:3rem;--LID-paletteYellow50:rgb(168, 100, 3);--LID-brandContrastActive:rgb(13, 14, 18);--LID-squareIconLargeContent:2rem;--LID-colorPickerSliderThumbColorBackground:rgb(243, 243, 243);--LID-inputStaticFontSize:0.8125rem;--LID-borderWidthThin:1px;--LID-fontWeightRegular:400;--LID-colorBackgroundButtonSuccess:rgb(69, 198, 90);--LID-splitViewColorBackgroundRowHover:rgb(255, 255, 255);--LID-paletteYellow20:rgb(79, 33, 0);--LID-bannerUserDefaultImage:;--LID-elevation8:8;--LID-brandDark:rgb(1, 118, 211);--LID-colorBackgroundPathCurrentHover:rgb(255, 255, 255);--LID-elevation0:0;--LID-elevation2:2;--LID-pageHeaderJoinedColorBorder:rgb(201, 201, 201);--LID-elevation4:4;--LID-durationPaused:3.2s;--LID-colorBrand:rgb(27, 150, 255);--LID-colorBackgroundPathComplete:#4bca81;--LID-progressColorBorderHover:rgb(1, 118, 211);--LID-spacingXxSmall:0.25rem;--LID-tableCellSpacing:0.5rem;--LID-colorBorderContextBarThemeDefault:rgb(13, 157, 218);--LID-colorBackgroundAnchor:rgb(243, 243, 243);--LID-paletteYellow30:rgb(111, 52, 0);--LID-shadowButtonFocusInverse:0 0 3px #f3f3f3;--LID-welcomeMatFontSizeInfoTitle:2.625rem;--LID-colorBorderLinkFocusInverse:rgb(243, 243, 243);--LID-borderRadiusCircle:50%;--LID-buttonColorBorderSecondary:rgba(255, 255, 255, 0.8);--LID-colorTextSuccessInverse:#4bca81;--LID-varSpacingXLarge:2rem;--LID-sizeXLarge:40rem;--LID-varSpacingHorizontalXxxSmall:0.125rem;--LID-elevation3Inset:-3;--LID-lineHeightTab:2.5rem;--LID-colorBackgroundDestructiveActive:#870500;--LID-colorTextLinkPrimaryActive:rgb(3, 45, 96);--LID-colorBackgroundPageHeader:rgb(255, 255, 255);--LID-colorBackgroundPill:rgb(255, 255, 255);--LID-fillBrandHover:rgb(1, 68, 134);--LID-colorBorderContextBarItem:rgba(0, 0, 0, 0.2);--LID-borderStrokeWidthThin:1px;--LID-progressColorBorderShade:rgb(243, 243, 243);--LID-heightHeader:2.75rem;--LID-shadowInlineEdit:0 2px 4px 4px rgba(0, 0, 0, 0.16);--LID-colorBackgroundNotificationBadgeHover:rgb(1, 68, 134);--LID-borderRadiusPill:15rem;--LID-colorTextButtonInverseDisabled:rgba(255, 255, 255, 0.5);--LID-sizeXxxSmall:3rem;--LID-colorBackgroundSuccessDarker:rgb(25, 78, 49);--LID-colorBackgroundToggleHover:rgb(147, 147, 147);--LID-paletteYellow15:rgb(46, 34, 4);--LID-paletteYellow10:rgb(40, 18, 2);--LID-cardSpacingSmall:0.75rem;--LID-illustrationEmptyStateTasks:url(/_slds/images/illustrations/empty-state-tasks.svg?cache=dc5e5e5b);--LID-brandBandScrimHeight:3.125rem;--LID-popoverWalkthroughColorBackground:rgb(0, 22, 57);--LID-colorBorderErrorDark:rgb(254, 143, 125);--LID-heightTappableSmall:2rem;--LID-colorBackgroundButtonBrandDisabled:rgb(243, 243, 243);--LID-colorBorderPrimary:rgb(201, 201, 201);--LID-colorGray1:rgb(255, 255, 255);--LID-fontSizeXLarge:1.25rem;--LID-varSquareIconMediumBoundary:2rem;--LID-colorGray5:rgb(221, 219, 218);--LID-colorGray4:rgb(236, 235, 234);--LID-colorGray3:rgb(243, 242, 242);--LID-colorGray2:rgb(250, 250, 249);--LID-opacity8:0.8;--LID-salesforceSansBoldItalicWoff2:url(/_slds/fonts/v2.3.0/SalesforceSans-BoldItalic.woff2);--LID-opacity5:0.5;--LID-squareIconGlobalIdentityIcon:1.25rem;--LID-colorBackgroundBrowser:rgb(116, 116, 116);--LID-colorTextIconInverseActive:rgb(255, 255, 255);--LID-shadowDocked:0 -2px 2px 0 rgba(0, 0, 0, 0.16);--LID-colorBackgroundInputError:rgb(253, 221, 227);--LID-colorGray9:rgb(112, 110, 107);--LID-colorGray8:rgb(150, 148, 146);--LID-colorGray7:rgb(176, 173, 171);--LID-colorGray6:rgb(201, 199, 197);--LID-colorTextLinkInverse:rgb(255, 255, 255);--LID-squareIconSmallBoundary:1.5rem;--LID-varSpacingHorizontalXLarge:2rem;--LID-colorBackgroundDark:rgb(243, 243, 243);--LID-colorTextWarningAlt:rgb(140, 75, 2);--LID-elevationInverseShadow2:0 -2px 2px 0 rgba(0, 0, 0, 0.16);--LID-elevationInverseShadow0:none;--LID-colorStrokeBrand:rgb(1, 118, 211);--LID-colorBackgroundToggleActive:rgb(1, 68, 134);--LID-colorBorderContextBarDivider:rgba(255, 255, 255, 0.2);--LID-zIndexToast:10000;--LID-colorBackgroundContextBarActionHighlight:rgba(255, 255, 255, 0.2);--LID-colorBackgroundBrandPrimaryFocus:rgb(1, 68, 134);--LID-buttonColorBackgroundBrandPrimary:rgb(1, 118, 211);--LID-brandHeaderContrastWarm:rgb(186, 5, 23);--LID-buttonColorTextPrimary:rgb(255, 255, 255);--LID-colorBrandDarker:rgb(1, 68, 134);--LID-colorBorderPathCurrentHover:rgb(3, 45, 96);--LID-colorTextButtonDefaultDisabled:rgb(201, 201, 201);--LID-colorBackgroundPathLost:rgb(234, 0, 30);--LID-einsteinHeaderBackground:url(/_slds/images/einstein-headers/einstein-header-background.svg?cache=ff7fa2ff);--LID-brandTextLink:rgb(1, 118, 211);--LID-sliderTrackColorBackground:rgb(243, 243, 243);--LID-colorContrastPrimary:rgb(243, 243, 243);--LID-groupDefaultAvatar:url(/_slds/images/group_avatar_200.png?cache=a0044dae);--LID-templateProfileGutters:0;--LID-sizeXxSmall:6rem;--LID-colorBackgroundPayload:rgb(243, 243, 243);--LID-paletteCloudBlue90:rgb(207, 233, 254);--LID-colorBackgroundPathActive:rgb(1, 68, 134);--LID-colorTextDestructive:rgb(234, 0, 30);--LID-squareIconLargeBoundary:3rem;--LID-colorBorderWarning:rgb(254, 147, 57);--LID-shadowSoftPrimaryHover:none;--LID-paletteCloudBlue95:rgb(234, 245, 254);--LID-spacingSmall:0.75rem;--LID-colorBackgroundErrorDark:rgb(186, 5, 23);--LID-brandHeaderContrastWeakDisabled:rgba(166, 166, 166, 0.25);--LID-squareIconMediumContentAlt:0.875rem;--LID-colorBackgroundButtonInverse:rgba(0, 0, 0, 0);--LID-brandHeader:rgb(255, 255, 255);--LID-lineHeightText:1.5;--LID-widthStageLeftExpanded:15rem;--LID-colorBackgroundError:rgb(254, 92, 76);--LID-colorTextButtonBrandActive:rgb(255, 255, 255);--LID-fontFamily:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';--LID-mqMedium:only screen and (min-width: 48em);--LID-brandDarkActive:rgb(37, 48, 69);--LID-colorBackgroundPathStepActionActive:rgb(0, 22, 57);--LID-neutrafaceDisplayWoff2:url(/_slds/fonts/NeutrafaceDisplay.woff2?cache=2.9.0);--LID-spacingMedium:1rem;--LID-colorTextModal:rgb(255, 255, 255);--LID-spinnerSizeLarge:2.75rem;--LID-carouselIndicatorColorBackgroundHover:rgb(243, 243, 243);--LID-shadowActionOverflowFooter:0 -2px 4px #f3f3f3;--LID-popoverWalkthroughHeaderColorBackground:rgb(3, 45, 96);--LID-colorBackgroundPathWon:rgb(46, 132, 74);--LID-lineHeightToggle:1.3rem;--LID-neutrafaceDisplayWoff:url(/_slds/fonts/NeutrafaceDisplay.woff?cache=2.9.0);--LID-cardFooterPadding:0 1rem 0.75rem;--LID-sliderHandleColorBackground:rgb(27, 150, 255);--LID-colorBackgroundErrorAlt:rgb(254, 143, 125);--LID-colorBackgroundIndicatorDot:rgb(3, 45, 96);--LID-chatMessageColorBackgroundInbound:rgb(243, 243, 243);--LID-elevationShadow0:none;--LID-heightPill:1.625rem;--LID-elevationShadow4:0 4px 4px 0 rgba(0, 0, 0, 0.16);--LID-elevationShadow2:0 2px 2px 0 rgba(0, 0, 0, 0.16);--LID-elevationShadow8:0 8px 8px 0 rgba(0, 0, 0, 0.16);--LID-varFontSize8:1.5rem;--LID-colorBackgroundButtonDefaultDisabled:rgb(255, 255, 255);--LID-varFontSize7:1.25rem;--LID-elevationInverseShadow8:0 -8px 8px 0 rgba(0, 0, 0, 0.16);--LID-varFontSize9:1.75rem;--LID-brandBandColorBackgroundPrimary:rgba(0, 0, 0, 0);--LID-colorTextButtonBrand:rgb(255, 255, 255);--LID-elevationInverseShadow4:0 -4px 4px 0 rgba(0, 0, 0, 0.16);--LID-colorBackgroundToggleActiveHover:rgb(1, 68, 134);--LID-welcomeMatBackgroundImageInfo:url(/_slds/images/welcome-mat/bg-info@2x.png?cache=ddb4e82f);--LID-varFontSize2:0.75rem;--LID-varFontSize1:0.625rem;--LID-varFontSize4:0.875rem;--LID-pageHeaderSpacingRow:0.75rem 1rem;--LID-varFontSize3:0.8125rem;--LID-varFontSize6:1.125rem;--LID-varFontSize5:1rem;--LID-varSpacingVerticalMedium:1rem;--LID-pageHeaderSpacingPadding:1rem;--LID-colorTextModalButton:rgb(116, 116, 116);--LID-colorBackgroundPrimary:rgb(255, 255, 255);--LID-colorTextInputFocusInverse:rgb(3, 45, 96);--LID-colorBackgroundScrollbarTrack:rgb(201, 201, 201);--LID-paletteNeutral70:rgb(174, 174, 174);--LID-brandPrimaryActive:rgb(1, 118, 211);--LID-popoverWalkthroughAltImage:;--LID-nubbinTriangleOffset:-0.1875rem;--LID-salesforceSansLightWoff:url(/_slds/fonts/v2.3.0/SalesforceSans-Light.woff);--LID-colorBorderSuccessDark:rgb(46, 132, 74);--LID-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);--LID-brandBandColorBackgroundPrimaryTransparent:rgba(0, 0, 0, 0);--LID-colorBackgroundContextBarInverseItemActive:rgba(255, 255, 255, 0.4);--LID-colorTextButtonDefaultHint:rgb(174, 174, 174);--LID-salesforceSansItalicWoff2:url(/_slds/fonts/v2.3.0/SalesforceSans-Italic.woff2);--LID-paletteGreen60:rgb(59, 167, 85);--LID-heightContextBar:2.5rem;--LID-colorBackgroundOrgSwitcherArrow:rgb(0, 22, 57);--LID-paletteGreen65:rgb(65, 182, 88);--LID-brandHeaderContrastInverse:rgb(255, 255, 255);--LID-notificationColorBackgroundInverse:rgb(116, 116, 116);--LID-colorBackgroundButtonIconDisabled:rgb(255, 255, 255);--LID-paletteNeutral60:rgb(147, 147, 147);--LID-colorBorderContextBarThemeDefaultAlt:rgb(243, 243, 243);--LID-fillBrand:rgb(1, 118, 211);--LID-colorBackgroundInputCheckbox:rgb(255, 255, 255);--LID-colorBorder:rgb(201, 201, 201);--LID-squareIconSmall:1rem;--LID-varSpacingHorizontalMedium:1rem;--LID-illustrationColorPrimary:rgb(144, 208, 254);--LID-varSpacingVerticalXSmall:0.5rem;--LID-colorTextPlaceholder:rgb(116, 116, 116);--LID-einsteinHeaderBackgroundColor:rgb(144, 208, 254);--LID-paletteGreen70:rgb(69, 198, 90);--LID-brandHeaderContrast:rgb(94, 94, 94);--LID-inputStaticColor:rgb(24, 24, 24);--LID-paletteNeutral90:rgb(229, 229, 229);--LID-spacingXxLarge:3rem;--LID-paletteGreen90:rgb(205, 239, 196);--LID-shadowDropDown:0 2px 3px 0 rgba(0, 0, 0, 0.16);--LID-paletteNeutral95:rgb(243, 243, 243);--LID-colorBackgroundModal:rgb(255, 255, 255);--LID-elevationShadow3Below:0 3px 3px 0 rgba(0, 0, 0, 0.16) inset;--LID-paletteRed80:rgb(254, 184, 171);--LID-sliderTrackWidth:100%;--LID-elevation32:32;--LID-globalHeaderColorBackground:rgb(255, 255, 255);--LID-spacingXLarge:2rem;--LID-paletteGreen80:rgb(145, 219, 139);--LID-colorBorderInputActive:rgb(27, 150, 255);--LID-varSpacingXSmall:0.5rem;--LID-paletteNeutral80:rgb(201, 201, 201);--LID-colorBackgroundModalButton:rgba(0, 0, 0, 0.07);--LID-colorBorderPathDivider:rgb(255, 255, 255);--LID-colorTextIconDefault:rgb(116, 116, 116);--LID-zIndexDeepdive:-99999;--LID-elevation16:16;--LID-paletteRed90:rgb(254, 222, 216);--LID-globalnavigationItemHeightAccentActive:3px;--LID-templateGutters:0;--LID-paletteRed95:rgb(254, 241, 238);--LID-buttonColorBorderBrandPrimary:rgb(1, 118, 211);--LID-buttonIconBoundaryTouch:2.75rem;--LID-brandBackgroundPrimaryTransparent:rgba(176, 196, 223, 0);--LID-fillHeaderButtonFocus:rgb(1, 118, 211);--LID-colorBorderError:rgb(234, 0, 30);--LID-colorTextLinkHover:rgb(1, 68, 134);--LID-paletteGreen95:rgb(235, 247, 230);--LID-einsteinHeaderFigure:url(/_slds/images/einstein-headers/einstein-figure.svg?cache=ec975fb1);--LID-colorBorderRowSelected:rgb(1, 118, 211);--LID-colorStrokeBrandHover:rgb(1, 118, 211);--LID-paletteNeutral30:rgb(68, 68, 68);--LID-varSpacingVerticalXxxSmall:0.125rem;--LID-paletteHotOrange10:rgb(40, 18, 2);--LID-colorTextButtonBrandDisabled:rgb(255, 255, 255);--LID-squareIconXSmallContent:0.5rem;--LID-varFontSize10:2rem;--LID-paletteRed60:rgb(254, 92, 76);--LID-varFontSize11:2.625rem;--LID-paletteRed65:rgb(254, 119, 101);--LID-buttonBorderRadius:.25rem;--LID-squareTappableXSmall:1.5rem;--LID-colorBackgroundGuidance:rgb(255, 255, 255);--LID-colorTextContextBarInverse:rgb(255, 255, 255);--LID-paletteNeutral20:rgb(46, 46, 46);--LID-fontFamilyHeading:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';--LID-paletteRed70:rgb(254, 143, 125);--LID-brandHeaderContrastCoolActive:rgb(1, 68, 134);--LID-borderWidthThick:2px;--LID-pageHeaderShadow:none;--LID-spinnerSizeXxSmall:0.5rem;--LID-tableColorBackgroundHeader:rgb(255, 255, 255);--LID-pageHeaderColorBackgroundAlt:rgb(255, 255, 255);--LID-colorBorderBrandPrimaryHover:rgb(1, 118, 211);--LID-colorTextTabLabelActive:rgb(3, 45, 96);--LID-paletteNeutral50:rgb(116, 116, 116);--LID-colorBackgroundTempModalTint:rgba(126, 140, 153, 0.8);--LID-fontSizeMedium:1rem;--LID-colorBorderButtonBrand:rgb(1, 118, 211);--LID-paletteHotOrange30:rgb(126, 38, 0);--LID-paletteRed40:rgb(186, 5, 23);--LID-brandBandImageHeightSmall:6rem;--LID-colorTextInverseWeak:rgb(174, 174, 174);--LID-colorTextInverse:rgb(255, 255, 255);--LID-shadowLinkFocusInverse:0 0 3px #f3f3f3;--LID-squareIconXxSmallBoundary:1rem;--LID-lineHeightReset:1;--LID-verticalNavigationColorBackgroundShadeRowActive:rgb(243, 243, 243);--LID-colorBackgroundTempModal:rgba(126, 140, 153, 0.8);--LID-colorBackgroundToggleDisabled:rgb(174, 174, 174);--LID-colorGray13:rgb(8, 7, 7);--LID-colorGray10:rgb(81, 79, 77);--LID-paletteNeutral40:rgb(92, 92, 92);--LID-colorBorderInverse:#061c3f;--LID-carouselIndicatorColorBackgroundActive:rgb(1, 118, 211);--LID-colorBackgroundBackdrop:rgba(255, 255, 255, 0.75);--LID-colorGray12:rgb(43, 40, 38);--LID-colorGray11:rgb(62, 62, 60);--LID-colorTextContextBarActionTrigger:rgba(255, 255, 255, 0.4);--LID-paletteHotOrange20:rgb(74, 36, 19);--LID-colorBackgroundNotification:rgb(255, 255, 255);--LID-colorBackgroundPathStepActionCurrent:rgb(1, 68, 134);--LID-badgeColorBackgroundInverse:rgb(116, 116, 116);--LID-colorBorderSeparatorInverse:rgb(3, 45, 96);--LID-paletteRed50:rgb(234, 0, 30);--LID-colorBackgroundSpinnerDot:rgb(174, 174, 174);--LID-colorBackgroundButtonBrandActive:rgb(3, 45, 96);--LID-paletteHotOrange15:rgb(66, 22, 4);--LID-sliderHandleColorBackgroundFocus:rgb(1, 118, 211);--LID-spinnerSizeMedium:2rem;--LID-brandPrimary:rgb(27, 150, 255);--LID-paletteHotOrange50:rgb(216, 58, 0);--LID-colorTextLinkPrimaryFocus:rgb(1, 118, 211);--LID-colorTextInputDisabled:rgb(116, 116, 116);--LID-brandLogoImage:url(/_slds/images/logo-noname.svg?cache=380754d9);--LID-brandLight:rgb(244, 246, 254);--LID-paletteRed20:rgb(100, 1, 3);--LID-fillHeaderButton:rgb(174, 174, 174);--LID-varLineHeightText:1.5;--LID-colorBackgroundPathCurrent:rgb(255, 255, 255);--LID-colorBackgroundOffline:rgb(68, 68, 68);--LID-colorBorderTabSelected:rgb(1, 118, 211);--LID-colorTextWarning:#ffb75d;--LID-salesforceSansRegularWoff:url(/_slds/fonts/v2.3.0/SalesforceSans-Regular.woff);--LID-paletteHotOrange40:rgb(170, 48, 1);--LID-cardSpacingLarge:1.5rem;--LID-paletteRed30:rgb(142, 3, 15);--LID-fontSizeMediumA:1.125rem;--LID-borderRadiusMedium:0.25rem;--LID-colorPickerSliderThumbBorderColor:rgb(68, 68, 68);--LID-shadowSoftPrimary:none;--LID-zIndexDropdown:7000;--LID-paletteHotOrange70:rgb(255, 144, 110);--LID-verticalNavigationColorBackgroundShadeRowHover:rgb(243, 243, 243);--LID-squareIconMediumBoundary:2rem;--LID-colorBorderInpuDisabled:#a8b7c7;--LID-colorBackgroundButtonDefaultFocus:rgb(243, 243, 243);--LID-heightTappable:2.75rem;--LID-colorBackgroundToastError:rgb(234, 0, 30);--LID-brandBandDefaultImage:;--LID-durationQuickly:0.1s;--LID-colorBackgroundSelection:rgb(216, 230, 254);--LID-paletteHotOrange60:rgb(255, 93, 45);--LID-colorBackgroundActionbarIconUtility:rgb(116, 116, 116);--LID-colorBackgroundNotificationBadgeFocus:rgb(1, 68, 134);--LID-paletteHotOrange65:rgb(255, 120, 79);--LID-cardFooterTextAlign:right;--LID-colorBorderBrandDark:rgb(1, 68, 134);--LID-brandBackgroundDark:rgb(232, 232, 232);--LID-avatarGroupColorBackgroundLightest:rgb(255, 255, 255);--LID-colorTextContextBar:rgb(68, 68, 68);--LID-inputStaticFontWeight:400;--LID-paletteRed10:rgb(48, 12, 1);--LID-colorTextLinkDisabled:rgb(3, 45, 96);--LID-colorTextPathCurrent:rgb(1, 68, 134);--LID-paletteRed15:rgb(74, 12, 4);--LID-zIndexOverlay:8000;--LID-buttonColorBorderPrimary:rgb(243, 243, 243);--LID-paletteHotOrange90:rgb(255, 222, 213);--LID-shadowImage:0 1px 1px rgba(0, 0, 0, 0.16);--LID-paletteHotOrange95:rgb(254, 241, 237);--LID-cardHeaderPadding:0.75rem 1rem 0;--LID-colorBorderSeparatorAlt2:rgb(201, 201, 201);--LID-fillBrandActive:rgb(3, 45, 96);--LID-fontSizeTextMedium:1rem;--LID-spacingXSmall:0.5rem;--LID-chatMessageColorBackgroundOutboundAgent:rgb(116, 116, 116);--LID-colorBackgroundButtonIconHover:rgb(243, 243, 243);--LID-sliderHandleColorBackgroundActive:rgb(1, 118, 211);--LID-colorBorderSuccess:rgb(145, 219, 139);--LID-colorTextIconInverseHover:rgb(255, 255, 255);--LID-componentSpacingPadding:1rem;--LID-colorBorderDestructiveActive:rgb(142, 3, 15);--LID-colorBackgroundButtonInverseDisabled:rgba(0, 0, 0, 0);--LID-colorTextTabLabelFocus:rgb(1, 68, 134);--LID-paletteHotOrange80:rgb(254, 185, 165);--LID-colorBackgroundNotificationBadge:rgb(234, 0, 30);--LID-zIndexReminder:8500;--LID-colorBackgroundImageOverlay:rgba(0, 0, 0, 0.4);--LID-colorBackgroundReminderHover:rgb(255, 255, 255);--LID-colorTextPathCurrentHover:rgb(3, 45, 96);--LID-colorBackgroundCustomer:rgb(254, 147, 57);--LID-colorBackgroundButtonDefault:rgb(255, 255, 255);--LID-colorBackgroundInverseLight:rgb(3, 45, 96);--LID-salesforceSansBoldWoff:url(/_slds/fonts/v2.3.0/SalesforceSans-Bold.woff);--LID-progressColorBorderActive:rgb(27, 150, 255);--LID-fontSizeLarge:1.25rem;--LID-brandHeaderContrastWeakActive:rgb(129, 129, 129);--LID-brandHeaderContrastWarmActive:rgb(186, 5, 23);--LID-squareToggleSlider:1.25rem;--LID-progressBarColorBackgroundFillSuccess:rgb(46, 132, 74);--LID-colorBackgroundButtonBrand:rgb(1, 118, 211);--LID-colorBackgroundWarningDark:rgb(254, 147, 57);--LID-colorTextIconUtility:rgb(174, 174, 174);--LID-colorBackgroundScrollbar:rgb(243, 243, 243);--LID-chatMessageColorBackgroundStatus:rgb(255, 255, 255);--LID-colorBackgroundTempModalTintAlt:rgba(255, 255, 255, 0.75);--LID-pageHeaderBorderRadius:0;--LID-palettePink95:rgb(254, 240, 243);--LID-welcomeMatColorIconComplete:rgb(201, 201, 201);--LID-palettePink90:rgb(253, 221, 227);--LID-paletteViolet50:rgb(186, 1, 255);--LID-paletteTeal30:rgb(2, 77, 76);--LID-colorTextIconInverseDisabled:rgba(255, 255, 255, 0.15);--LID-bannerGroupDefaultImage:;--LID-colorBorderBrand:rgb(27, 150, 255);--LID-colorBackgroundInfo:#54698d;--LID-heightToggle:1.5rem;--LID-badgeColorBackgroundLightest:rgb(255, 255, 255);--LID-brandBandColorBackgroundSecondary:rgba(0, 0, 0, 0);--LID-shadowSoftPrimaryActive:none;--LID-colorTextIconDefaultHint:rgb(174, 174, 174);--LID-colorBackgroundChromeMobile:rgb(1, 118, 211);--LID-colorPickerSwatchSize:1.25rem;--LID-colorBackgroundPathIncomplete:rgb(243, 243, 243);--LID-paletteTeal40:rgb(5, 103, 100);--LID-colorTextToggleDisabled:rgb(201, 201, 201);--LID-paletteViolet40:rgb(150, 2, 199);--LID-colorTextLinkInverseHover:rgba(255, 255, 255, 0.75);--LID-palettePink80:rgb(253, 182, 197);--LID-zIndexModal:9000;--LID-pageHeaderIconSize:2.25rem;--LID-colorTextDestructiveHover:rgb(186, 5, 23);--LID-colorBorderCanvasElementSelection:rgb(26, 185, 255);--LID-colorBackgroundSuccess:#4bca81;--LID-carouselIndicatorColorBackground:rgb(255, 255, 255);--LID-sliderTrackHeight:4px;--LID-squareIconSmallContent:0.75rem;--LID-colorBackgroundInputDisabled:rgb(243, 243, 243);--LID-paletteTeal50:rgb(11, 130, 124);--LID-palettePink70:rgb(254, 138, 167);--LID-paletteViolet30:rgb(115, 3, 148);--LID-mqSmall:only screen and (max-width: 47.9375em);--LID-brandBandImageHeightLarge:18.75rem;--LID-carouselIndicatorWidth:1rem;--LID-colorTextLinkActive:rgb(3, 45, 96);--LID-squareIconXxSmallContent:.875rem;--LID-fontSizeXSmall:0.625rem;--LID-palettePink65:rgb(254, 114, 152);--LID-sliderColorBackgroundDisabled:rgb(243, 243, 243);--LID-colorContrastSecondary:rgb(255, 255, 255);--LID-welcomeMatColorBackgroundProgressBar:rgb(255, 255, 255);--LID-globalActionIconSize:1.5rem;--LID-paletteViolet20:rgb(72, 26, 84);--LID-fontSizeHeadingSmall:0.875rem;--LID-colorPickerRangeIndicatorSize:0.75rem;--LID-paletteOrange15:rgb(55, 30, 3);--LID-sliderHandleSize:1rem;--LID-tableBorderRadius:0;--LID-paletteTeal60:rgb(6, 165, 154);--LID-userDefaultAvatarSmall:url(/_slds/images/profile_avatar_96.png?cache=3c01f25f);--LID-buttonColorBackgroundPrimary:rgb(255, 255, 255);--LID-colorPickerInputCustomHexWidth:4.2rem;--LID-paletteOrange10:rgb(32, 22, 0);--LID-palettePink60:rgb(255, 83, 138);--LID-paletteTeal65:rgb(3, 180, 167);--LID-colorBackgroundRowSelected:rgb(243, 243, 243);--LID-colorBackgroundContextBarBrandAccent:rgb(13, 157, 218);--LID-fontFamilyMonospace:Consolas, Menlo, Monaco, Courier, monospace;--LID-cardFooterColorBorder:rgba(0, 0, 0, 0);--LID-palettePurple80:rgb(215, 191, 242);--LID-varSpacingHorizontalLarge:1.5rem;--LID-colorTextRequired:rgb(234, 0, 30);--LID-elevationShadow16:0 16px 16px 0 rgba(0, 0, 0, 0.16);--LID-paletteViolet10:rgb(46, 0, 57);--LID-shadowHardPrimary:none;--LID-paletteOrange20:rgb(62, 43, 2);--LID-paletteViolet15:rgb(61, 1, 87);--LID-radioButtonGroupLineHeightTouch:2.69rem;--LID-colorBackgroundBrandPrimary:rgb(1, 118, 211);--LID-paletteTeal70:rgb(1, 195, 179);--LID-colorBackgroundUtilityBarActive:rgb(27, 150, 255);--LID-zIndexSticky:100;--LID-colorBackgroundContextBarShadow:linear-gradient(to bottom, rgba(0, 0, 0, 0.25) 0, rgba(0, 0, 0, 0) 100%);--LID-paletteTeal80:rgb(4, 225, 203);--LID-palettePurple90:rgb(236, 225, 249);--LID-squareIconUtilityLarge:1.5rem;--LID-fontSize10:2rem;--LID-groupDefaultAvatarMedium:url(/_slds/images/group_avatar_160.png?cache=b8fe8e83);--LID-elevationShadow32:0 32px 32px 0 rgba(0, 0, 0, 0.16);--LID-paletteOrange30:rgb(95, 62, 2);--LID-colorBorderButtonInverseDisabled:rgba(255, 255, 255, 0.15);--LID-fontSize11:2.625rem;--LID-einsteinHeaderTextShadow:#cfe9fe;--LID-palettePurple95:rgb(246, 242, 251);--LID-squareTappableXxSmall:1.25rem;--LID-colorBackgroundDestructiveHover:rgb(142, 3, 15);--LID-fontSize9:1.75rem;--LID-colorBackgroundLight:rgb(255, 255, 255);--LID-fontSize8:1.5rem;--LID-paletteTeal90:rgb(172, 243, 228);--LID-shadowActive:0 0 2px #0176d3;--LID-fontSize1:0.625rem;--LID-paletteNeutral100:rgb(255, 255, 255);--LID-colorTextLink:rgb(1, 118, 211);--LID-pageHeaderTitleFontSize:1.125rem;--LID-fontSize3:0.8125rem;--LID-fontSize2:0.75rem;--LID-colorTextLinkInverseDisabled:rgba(255, 255, 255, 0.15);--LID-fontSize5:1rem;--LID-fontSize4:0.875rem;--LID-fontSize7:1.25rem;--LID-fontSize6:1.125rem;--LID-spacingNone:0;--LID-paletteOrange40:rgb(130, 81, 1);--LID-inputReadonlyFontWeight:400;--LID-palettePurple60:rgb(173, 123, 238);--LID-paletteTeal95:rgb(222, 249, 243);--LID-colorStrokeHeaderButton:rgb(174, 174, 174);--LID-typingIconDotColorBackgroundGray:rgb(201, 201, 201);--LID-palettePurple65:rgb(183, 141, 239);--LID-pageHeaderTitleFontWeight:400;--LID-colorBackgroundButtonIconFocus:rgb(243, 243, 243);--LID-groupDefaultAvatarSmall:url(/_slds/images/group_avatar_96.png?cache=d0659d12);--LID-colorBackgroundModalBrand:rgb(1, 68, 134);--LID-colorTextInverseActive:rgb(26, 185, 255);--LID-colorBackgroundHighlightSearch:rgb(255, 240, 63);--LID-paletteOrange50:rgb(169, 100, 4);--LID-colorBackgroundSuccessDark:rgb(46, 132, 74);--LID-shadowOverlay:0 -2px 4px rgba(0, 0, 0, 0.07);--LID-sizeXSmall:12rem;--LID-colorBackgroundDestructive:#c23934;--LID-typingIconDotSize:.5rem;--LID-palettePurple70:rgb(194, 158, 241);--LID-colorBorderInfo:rgb(116, 116, 116);--LID-colorTextTabLabel:rgb(3, 45, 96);--LID-palettePink15:rgb(75, 6, 32);--LID-popoverWalkthroughColorBackgroundAlt:rgb(1, 118, 211);--LID-durationImmediately:0.05s;--LID-palettePink10:rgb(55, 1, 20);--LID-elevationInverseShadow16:0 -16px 16px 0 rgba(0, 0, 0, 0.16);--LID-salesforceSansLightWoff2:url(/_slds/fonts/v2.3.0/SalesforceSans-Light.woff2);--LID-splitViewWidth:25rem;--LID-colorBorderIconInverseHint:rgba(255, 255, 255, 0.5);--LID-brandDisabled:rgb(201, 199, 197);--LID-paletteOrange60:rgb(221, 122, 1);--LID-palettePurple40:rgb(117, 38, 227);--LID-paletteOrange65:rgb(243, 131, 3);--LID-progressColorBackground:rgb(255, 255, 255);--LID-colorBorderContextBarThemeDefaultActive:rgb(243, 243, 243);--LID-avatarGroupColorBackgroundInverse:rgb(116, 116, 116);--LID-colorBackgroundAlt2:rgb(243, 243, 243);--LID-cardFontWeight:400;--LID-colorPickerSwatchShadow:inset 0 0 1px rgba(0,0,0,0.4);--LID-paletteOrange70:rgb(254, 147, 57);--LID-colorTextIconBrand:rgb(1, 118, 211);--LID-colorTextButtonDefault:rgb(1, 118, 211);--LID-palettePurple50:rgb(144, 80, 233);--LID-pathButtonWidthFixed:13rem;--LID-sizeLarge:25rem;--LID-userDefaultAvatarMedium:url(/_slds/images/profile_avatar_160.png?cache=bfba2c9a);--LID-colorBorderDestructive:rgb(234, 0, 30);--LID-colorTextWeak:rgb(116, 116, 116);--LID-fontSizeHeadingMedium:1.125rem;--LID-mqSingleColumnRecordLayout:(max-width: 599px);--LID-colorBackgroundInputSearch:rgba(0, 0, 0, 0.16);--LID-welcomeMatBackgroundColorInfo:rgb(207, 233, 254);--LID-colorBorderBrandPrimary:rgb(27, 150, 255);--LID-colorBackgroundInverse:rgb(0, 22, 57);--LID-maxWidthActionOverflowMenu:512px;--LID-paletteNeutral10:rgb(24, 24, 24);--LID-carouselColorBackground:rgb(255, 255, 255);--LID-colorTextLabel:rgb(116, 116, 116);--LID-colorBackgroundButtonSuccessActive:rgb(46, 132, 74);--LID-squareIconLarge:3.125rem;--LID-spinnerSizeXSmall:1rem;--LID-paletteOrange80:rgb(255, 186, 144);--LID-cardSpacingMargin:1rem;--LID-colorTextBrowserActive:rgba(0, 0, 0, 0.4);--LID-colorBackgroundButtonBrandHover:rgb(1, 68, 134);--LID-chatMessageColorBackgroundOutbound:rgb(1, 68, 134);--LID-colorTextIconDefaultActive:rgb(3, 45, 96);--LID-palettePurple20:rgb(64, 16, 117);--LID-colorTextIconDefaultHover:rgb(1, 118, 211);--LID-colorTextLinkPrimary:rgb(1, 118, 211);--LID-fontSizeTextXSmall:0.75rem;--LID-colorBackgroundToast:rgb(116, 116, 116);--LID-fontSizeXxLarge:1.75rem;--LID-heightSalesPath:2rem;--LID-colorTextIconDefaultHintBorderless:rgb(243, 243, 243);--LID-paletteOrange95:rgb(255, 241, 234);--LID-colorForegroundPrimary:rgb(255, 255, 255);--LID-paletteOrange90:rgb(254, 223, 208);--LID-colorBackgroundRowNew:rgb(205, 239, 196);--LID-fontSizeTextLarge:1.125rem;--LID-paletteGreen15:rgb(12, 41, 18);--LID-colorBackgroundShade:rgb(243, 243, 243);--LID-paletteGreen10:rgb(7, 27, 18);--LID-palettePurple30:rgb(90, 27, 169);--LID-varSpacingXxxSmall:0.125rem;--LID-brandLightActive:rgb(227, 229, 237);--LID-welcomeMatTextColorInfo:rgb(3, 45, 96);--LID-colorBackgroundIconWaffle:rgb(116, 116, 116);--LID-colorBackgroundContextBarItemHover:rgb(255, 255, 255);--LID-fontSizeXLargeA:1.57rem;--LID-colorBackgroundPathCompleteHover:rgba(4,132,75,.95);--LID-palettePink50:rgb(227, 6, 106);--LID-paletteViolet90:rgb(242, 222, 254);--LID-paletteGreen20:rgb(28, 51, 38);--LID-paletteViolet95:rgb(249, 240, 255);--LID-colorBorderContextBarThemeDefaultHover:rgb(50, 29, 113);--LID-squareIconMedium:2.375rem;--LID-textTransform:none;--LID-colorBackgroundBrandPrimaryHover:rgb(1, 68, 134);--LID-colorTextSuccess:rgb(46, 132, 74);--LID-carouselIndicatorColorBackgroundFocus:rgb(1, 68, 134);--LID-colorBackgroundChromeDesktop:rgb(255, 255, 255);--LID-borderStrokeWidthThick:2px;--LID-colorBackgroundReminder:rgb(243, 243, 243);--LID-palettePurple15:rgb(48, 11, 96);--LID-colorTextToast:rgb(243, 243, 243);--LID-paletteViolet80:rgb(229, 185, 254);--LID-colorBackgroundAlt:rgb(255, 255, 255);--LID-palettePink40:rgb(182, 5, 84);--LID-paletteGreen30:rgb(25, 78, 49);--LID-palettePurple10:rgb(36, 6, 67);--LID-elevationInverseShadow32:0 -32px 32px 0 rgba(0, 0, 0, 0.16);--LID-colorBorderCustomer:rgb(254, 147, 57);--LID-tableColorBackgroundStripes:rgb(243, 243, 243);--LID-varSpacingVerticalSmall:0.75rem;--LID-palettePink30:rgb(138, 3, 62);--LID-paletteViolet70:rgb(216, 146, 254);--LID-colorBorderContextBarInverseItem:rgba(255, 255, 255, 0.2);--LID-utilityBarColorBackgroundNotificationBadge:rgb(254, 92, 76);--LID-colorTextTabLabelDisabled:rgb(243, 243, 243);--LID-heightInput:1.875rem;--LID-squareTappable:2.75rem;--LID-fontSizeSmall:0.75rem;--LID-paletteGreen40:rgb(57, 101, 71);--LID-tableColorBackgroundHeaderFocus:rgb(255, 255, 255);--LID-salesforceSansRegularWoff2:url(/_slds/fonts/v2.3.0/SalesforceSans-Regular.woff2);--LID-varSpacingHorizontalXxLarge:3rem;--LID-paletteViolet65:rgb(209, 125, 254);--LID-progressBarColorBackgroundFill:rgb(26, 185, 255);--LID-colorBorderSeparator:rgb(243, 243, 243);--LID-paletteGreen50:rgb(46, 132, 74);--LID-brandHeaderIconDisabled:rgba(145, 145, 145, 0.25);--LID-palettePink20:rgb(97, 2, 42);--LID-splitViewColorBackground:rgb(243, 243, 243);--LID-colorBackgroundSecondary:rgb(243, 243, 243);--LID-colorTextLinkFocus:rgb(1, 68, 134);--LID-paletteViolet60:rgb(203, 101, 255);}</style><link data-href="/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%221232_i1u-juBSAcYeYnyHhRNT-Q%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%22NTjWbzZBILwd1pzc9AYgnQ%22%2C%22cuid%22%3A1555135499%7D%2C%22pathPrefix%22%3A%22%22%7D/app.css?3=&aura.attributes=%7B%22ac%22%3A%22%22%2C%22authenticated%22%3A%22false%22%2C%22brandingSetId%22%3A%2207968366-d9fd-4d2a-8ab9-2e45798f1303%22%2C%22formFactor%22%3A%22LARGE%22%2C%22isHybrid%22%3A%22false%22%2C%22language%22%3A%22en_US%22%2C%22pageId%22%3A%22b76b68f5-4109-407e-b9cf-870734e4723b%22%2C%22publishedChangelistNum%22%3A%22107%22%2C%22schema%22%3A%22Published%22%2C%22themeLayoutType%22%3A%22C7Lvqb6UJO54XwHeQS5q9wrUVIEiML%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="/s/sfsites/runtimedownload/fonts.css?lastMod=1721222872000&brandSet=07968366-d9fd-4d2a-8ab9-2e45798f1303" type="text/css"/> <style id="themeCSS"></style><style id="customCSS">body { overflow: auto !important; } .DESKTOP, .PHONE { display:none; } .search-container { } .container { width: 100%; padding-right: 10px; padding-left: 10px; margin-right: auto; margin-left: auto; } @media (min-width: 576px) { .container { max-width: 576px; } } @media (min-width: 768px) { .container { max-width: 768px; } } @media (min-width: 1024px) { .container { max-width: 986px; } } @media (min-width: 1360px) { .container { max-width: 1320px; } } .container-fluid { width: 100%; padding-right: 10px; padding-left: 10px; margin-right: auto; margin-left: auto; } .row { display: flex; flex-wrap: wrap; margin-right: -10px; margin-left: -10px; } .no-gutters { margin-right: 0; margin-left: 0; } .no-gutters > .col, .no-gutters > [class*="col-"] { padding-right: 0; padding-left: 0; } .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl { position: relative; width: 100%; min-height: 1px; padding-right: 10px; padding-left: 10px; } .col { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-auto { flex: 0 0 auto; width: auto; max-width: none; } .col-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .col-2 { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-3 { flex: 0 0 25%; max-width: 25%; } .col-4 { flex: 0 0 33.33333%; max-width: 33.33333%; } .col-5 { flex: 0 0 41.66667%; max-width: 41.66667%; } .col-6 { flex: 0 0 50%; max-width: 50%; } .col-7 { flex: 0 0 58.33333%; max-width: 58.33333%; } .col-8 { flex: 0 0 66.66667%; max-width: 66.66667%; } .col-9 { flex: 0 0 75%; max-width: 75%; } .col-10 { flex: 0 0 83.33333%; max-width: 83.33333%; } .col-11 { flex: 0 0 91.66667%; max-width: 91.66667%; } .col-12 { flex: 0 0 100%; max-width: 100%; } .order-first { order: -1; } .order-1 { order: 1; } .order-2 { order: 2; } .order-3 { order: 3; } .order-4 { order: 4; } .order-5 { order: 5; } .order-6 { order: 6; } .order-7 { order: 7; } .order-8 { order: 8; } .order-9 { order: 9; } .order-10 { order: 10; } .order-11 { order: 11; } .order-12 { order: 12; } .offset-1 { margin-left: 8.33333%; } .offset-2 { margin-left: 16.66667%; } .offset-3 { margin-left: 25%; } .offset-4 { margin-left: 33.33333%; } .offset-5 { margin-left: 41.66667%; } .offset-6 { margin-left: 50%; } .offset-7 { margin-left: 58.33333%; } .offset-8 { margin-left: 66.66667%; } .offset-9 { margin-left: 75%; } .offset-10 { margin-left: 83.33333%; } .offset-11 { margin-left: 91.66667%; } @media (min-width: 1024px) { .col-lg { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-lg-auto { flex: 0 0 auto; width: auto; max-width: none; } .col-lg-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .col-lg-2 { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-lg-3 { flex: 0 0 25%; max-width: 25%; } .col-lg-4 { flex: 0 0 33.33333%; max-width: 33.33333%; } .col-lg-5 { flex: 0 0 41.66667%; max-width: 41.66667%; } .col-lg-6 { flex: 0 0 50%; max-width: 50%; } .col-lg-7 { flex: 0 0 58.33333%; max-width: 58.33333%; } .col-lg-8 { flex: 0 0 66.66667%; max-width: 66.66667%; } .col-lg-9 { flex: 0 0 75%; max-width: 75%; } .col-lg-10 { flex: 0 0 83.33333%; max-width: 83.33333%; } .col-lg-11 { flex: 0 0 91.66667%; max-width: 91.66667%; } .col-lg-12 { flex: 0 0 100%; max-width: 100%; } .order-lg-first { order: -1; } .order-lg-1 { order: 1; } .order-lg-2 { order: 2; } .order-lg-3 { order: 3; } .order-lg-4 { order: 4; } .order-lg-5 { order: 5; } .order-lg-6 { order: 6; } .order-lg-7 { order: 7; } .order-lg-8 { order: 8; } .order-lg-9 { order: 9; } .order-lg-10 { order: 10; } .order-lg-11 { order: 11; } .order-lg-12 { order: 12; } .offset-lg-0 { margin-left: 0; } .offset-lg-1 { margin-left: 8.33333%; } .offset-lg-2 { margin-left: 16.66667%; } .offset-lg-3 { margin-left: 25%; } .offset-lg-4 { margin-left: 33.33333%; } .offset-lg-5 { margin-left: 41.66667%; } .offset-lg-6 { margin-left: 50%; } .offset-lg-7 { margin-left: 58.33333%; } .offset-lg-8 { margin-left: 66.66667%; } .offset-lg-9 { margin-left: 75%; } .offset-lg-10 { margin-left: 83.33333%; } .offset-lg-11 { margin-left: 91.66667%; } } @media (min-width: 1360px) { .col-xl { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-xl-auto { flex: 0 0 auto; width: auto; max-width: none; } .col-xl-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .col-xl-2 { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-xl-3 { flex: 0 0 25%; max-width: 25%; } .col-xl-4 { flex: 0 0 33.33333%; max-width: 33.33333%; } .col-xl-5 { flex: 0 0 41.66667%; max-width: 41.66667%; } .col-xl-6 { flex: 0 0 50%; max-width: 50%; } .col-xl-7 { flex: 0 0 58.33333%; max-width: 58.33333%; } .col-xl-8 { flex: 0 0 66.66667%; max-width: 66.66667%; } .col-xl-9 { flex: 0 0 75%; max-width: 75%; } .col-xl-10 { flex: 0 0 83.33333%; max-width: 83.33333%; } .col-xl-11 { flex: 0 0 91.66667%; max-width: 91.66667%; } .col-xl-12 { flex: 0 0 100%; max-width: 100%; } .order-xl-first { order: -1; } .order-xl-1 { order: 1; } .order-xl-2 { order: 2; } .order-xl-3 { order: 3; } .order-xl-4 { order: 4; } .order-xl-5 { order: 5; } .order-xl-6 { order: 6; } .order-xl-7 { order: 7; } .order-xl-8 { order: 8; } .order-xl-9 { order: 9; } .order-xl-10 { order: 10; } .order-xl-11 { order: 11; } .order-xl-12 { order: 12; } .offset-xl-0 { margin-left: 0; } .offset-xl-1 { margin-left: 8.33333%; } .offset-xl-2 { margin-left: 16.66667%; } .offset-xl-3 { margin-left: 25%; } .offset-xl-4 { margin-left: 33.33333%; } .offset-xl-5 { margin-left: 41.66667%; } .offset-xl-6 { margin-left: 50%; } .offset-xl-7 { margin-left: 58.33333%; } .offset-xl-8 { margin-left: 66.66667%; } .offset-xl-9 { margin-left: 75%; } .offset-xl-10 { margin-left: 83.33333%; } .offset-xl-11 { margin-left: 91.66667%; } } .d-none { display: none !important; } .d-inline { display: inline !important; } .d-inline-block { display: inline-block !important; } .d-block { display: block !important; } .d-table { display: table !important; } .d-table-row { display: table-row !important; } .d-table-cell { display: table-cell !important; } .d-flex { display: flex !important; } .d-inline-flex { display: inline-flex !important; } @media (min-width: 1024px) { .d-lg-none { display: none !important; } .d-lg-inline { display: inline !important; } .d-lg-inline-block { display: inline-block !important; } .d-lg-block { display: block !important; } .d-lg-table { display: table !important; } .d-lg-table-row { display: table-row !important; } .d-lg-table-cell { display: table-cell !important; } .d-lg-flex { display: flex !important; } .d-lg-inline-flex { display: inline-flex !important; } } .f1-bg--warmRed { background-color: #e10600; } .f1-border-color--warmRed { border-color: #e10600 !important; } .f1-color--warmRed, .stf1-feature-listing .stf1-plan--details-features li .circleList { color: #e10600; } .f1-bg--breakingNews { background-color: #ffd300; } .f1-border-color--breakingNews { border-color: #ffd300 !important; } .f1-color--breakingNews { color: #ffd300; } .f1-bg--carbonBlack { background-color: #15151e; } .f1-border-color--carbonBlack { border-color: #15151e !important; } .f1-color--carbonBlack { color: #15151e; } .f1-bg--offWhite { background-color: #f7f4f1; } .f1-border-color--offWhite { border-color: #f7f4f1 !important; } .f1-color--offWhite { color: #f7f4f1; } .f1-bg--white { background-color: #ffffff; } .f1-border-color--white { border-color: #ffffff !important; } .f1-color--white { color: #ffffff; } .f1-bg--black { background-color: #000000; } .f1-border-color--black { border-color: #000000 !important; } .f1-color--black { color: #000000; } .f1-bg--brown { background-color: #880000; } .f1-border-color--brown { border-color: #880000 !important; } .f1-color--brown { color: #880000; } .f1-bg--mercedes { background-color: #00d2be; } .f1-border-color--mercedes { border-color: #00d2be !important; } .f1-color--mercedes { color: #00d2be; } .f1-bg--williams { background-color: #ffffff; } .f1-border-color--williams { border-color: #ffffff !important; } .f1-color--williams { color: #ffffff; } .f1-bg--mclaren { background-color: #ff8700; } .f1-border-color--mclaren { border-color: #ff8700 !important; } .f1-color--mclaren { color: #ff8700; } .f1-bg--ferrari { background-color: #dc0000; } .f1-border-color--ferrari { border-color: #dc0000 !important; } .f1-color--ferrari { color: #dc0000; } .f1-bg--toroRosso { background-color: #469bff; } .f1-border-color--toroRosso { border-color: #469bff !important; } .f1-color--toroRosso { color: #469bff; } .f1-bg--alfaRomeo { background-color: #9b0000; } .f1-border-color--alfaRomeo { border-color: #9b0000 !important; } .f1-color--alfaRomeo { color: #9b0000; } .f1-bg--redBull { background-color: #1e41ff; } .f1-border-color--redBull { border-color: #1e41ff !important; } .f1-color--redBull { color: #1e41ff; } .f1-bg--renault { background-color: #fff500; } .f1-border-color--renault { border-color: #fff500 !important; } .f1-color--renault { color: #fff500; } .f1-bg--racingPoint { background-color: #f596c8; } .f1-border-color--racingPoint { border-color: #f596c8 !important; } .f1-color--racingPoint { color: #f596c8; } .f1-bg--haas { background-color: #bd9e57; } .f1-border-color--haas { border-color: #bd9e57 !important; } .f1-color--haas { color: #bd9e57; } .f1-bg--ultraSoft { background-color: #e015de; } .f1-border-color--ultraSoft { border-color: #e015de !important; } .f1-color--ultraSoft { color: #e015de; } .f1-bg--superSoft { background-color: #ce4c2a; } .f1-border-color--superSoft { border-color: #ce4c2a !important; } .f1-color--superSoft { color: #ce4c2a; } .f1-bg--soft { background-color: #DA291C; } .f1-border-color--soft { border-color: #DA291C !important; } .f1-color--soft { color: #DA291C; } .f1-bg--medium { background-color: #FFD100; } .f1-border-color--medium { border-color: #FFD100 !important; } .f1-color--medium { color: #FFD100; } .f1-bg--hard { background-color: #FFFFFF; } .f1-border-color--hard { border-color: #FFFFFF !important; } .f1-color--hard { color: #FFFFFF; } .f1-bg--intermediate { background-color: #43B02A; } .f1-border-color--intermediate { border-color: #43B02A !important; } .f1-color--intermediate { color: #43B02A; } .f1-bg--wet { background-color: #0067AD; } .f1-border-color--wet { border-color: #0067AD !important; } .f1-color--wet { color: #0067AD; } .f1-bg--gray1 { background-color: #f3f3f3; } .f1-border-color--gray1 { border-color: #f3f3f3 !important; } .f1-color--gray1 { color: #f3f3f3; } .f1-bg--gray2 { background-color: #ededed; } .f1-border-color--gray2 { border-color: #ededed !important; } .f1-color--gray2 { color: #ededed; } .f1-bg--gray3 { background-color: #d0d0d2; } .f1-border-color--gray3 { border-color: #d0d0d2 !important; } .f1-color--gray3 { color: #d0d0d2; } .f1-bg--gray4 { background-color: #949498; } .f1-border-color--gray4 { border-color: #949498 !important; } .f1-color--gray4 { color: #949498; } .f1-bg--gray5 { background-color: #67676d; } .f1-border-color--gray5 { border-color: #67676d !important; } .f1-color--gray5 { color: #67676d; } .f1-bg--gray6 { background-color: #38383f; } .f1-border-color--gray6 { border-color: #38383f !important; } .f1-color--gray6 { color: #38383f; } .f1-bg--gray7 { background-color: #1f1f27; } .f1-border-color--gray7 { border-color: #1f1f27 !important; } .f1-color--gray7 { color: #1f1f27; } .f1-bg--twitter { background-color: #55acee; } .f1-border-color--twitter { border-color: #55acee !important; } .f1-color--twitter { color: #55acee; } .f1-bg--facebook { background-color: #3b5998; } .f1-border-color--facebook { border-color: #3b5998 !important; } .f1-color--facebook { color: #3b5998; } .f1-bg--googlePlus { background-color: #d34836; } .f1-border-color--googlePlus { border-color: #d34836 !important; } .f1-color--googlePlus { color: #d34836; } .f1-bg--twitterHover { background-color: #4081B2; } .f1-border-color--twitterHover { border-color: #4081B2 !important; } .f1-color--twitterHover { color: #4081B2; } .f1-bg--facebookHover { background-color: #30487B; } .f1-border-color--facebookHover { border-color: #30487B !important; } .f1-color--facebookHover { color: #30487B; } .f1-bg--googlePlusHover { background-color: #D13323; } .f1-border-color--googlePlusHover { border-color: #D13323 !important; } .f1-color--googlePlusHover { color: #D13323; } .f1-bg--rolexGreen { background-color: #2b704c; } .f1-border-color--rolexGreen { border-color: #2b704c !important; } .f1-color--rolexGreen { color: #2b704c; } .f1-bg--heinekenGreen { background-color: #359548; } .f1-border-color--heinekenGreen { border-color: #359548 !important; } .f1-color--heinekenGreen { color: #359548; } .f1-bg--saBlue { background-color: #274d8e; } .f1-border-color--saBlue { border-color: #274d8e !important; } .f1-color--saBlue { color: #274d8e; } .f1-bg--vtbBlue { background-color: #244888; } .f1-border-color--vtbBlue { border-color: #244888 !important; } .f1-color--vtbBlue { color: #244888; } .f1-bg--pirelliRed { background-color: #d12228; } .f1-border-color--pirelliRed { border-color: #d12228 !important; } .f1-color--pirelliRed { color: #d12228; } .f1-bg--transparent { background-color: transparent; } .f1-border-color--transparent { border-color: transparent !important; } .f1-color--transparent { color: transparent; } /*Defaults */ .f1-bg--theme { background-color: #fff; } .f1-color--theme { color: #15151e; } @keyframes dot { 0% { transform: translate(-50%, -50%) scale(1); } 100% { transform: translate(-50%, -50%) scale(1.5); } } @keyframes ring { 0% { transform: translate(-50%, -50%) scale(1); } 100% { transform: translate(-50%, -50%) scale(2); opacity: 0; } } @keyframes rotate { 100% { transform: rotateZ(360deg); } } .f1-live, .stf1-feature-listing .stf1-plan--details-features li .circleList { position: relative; } .f1-live:before, .stf1-feature-listing .stf1-plan--details-features li .circleList:before, .f1-live:after, .stf1-feature-listing .stf1-plan--details-features li .circleList:after { content: ''; display: block; backface-visibility: hidden; border-radius: 50%; overflow: auto !important; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); height: 7px; width: 7px; } .f1-live:before, .stf1-feature-listing .stf1-plan--details-features li .circleList:before { animation: none; background: currentColor; } .ie .f1-live:before, .ie .stf1-feature-listing .stf1-plan--details-features li .circleList:before, .stf1-feature-listing .stf1-plan--details-features li .ie .circleList:before { animation: none; } .f1-live:after, .stf1-feature-listing .stf1-plan--details-features li .circleList:after { animation: ring 0.5s infinite linear; background: #e10600; box-shadow: 0 0 0 1px; } .f1-live.f1-color--white:after, .stf1-feature-listing .stf1-plan--details-features li .f1-color--white.circleList:after { background: #ffffff; } .misc--tag { font-family: "Titillium Regular"; font-size: 11px; line-height: 14px; letter-spacing: 0.5px; text-transform: uppercase; font-weight: bold; } .misc--label { font-family: "Titillium Regular"; font-size: 13px; line-height: 15px; letter-spacing: 0.5px; font-weight: normal; margin-top:5px; } .f1--xxl { font-family: "Formula Regular"; font-size: 32px; line-height: 36px; } @media (min-width: 768px) { .f1--xxl { font-size: 62px; line-height: 62px; } } .f1--xl { font-family: "Formula Regular"; font-size: 24px; line-height: 28px; } @media (min-width: 768px) { .f1--xl { font-size: 42px; line-height: 48px; } } .f1--l { font-family: "Formula Regular"; font-size: 22px; line-height: 26px; } @media (min-width: 768px) { .f1--l { font-size: 32px; line-height: 36px; } } .f1--m { font-family: "Formula Regular"; font-size: 20px; line-height: 24px; } @media (min-width: 768px) { .f1--m { font-size: 25px; line-height: 30px; } } .f1--s { font-family: "Formula Regular"; font-size: 18px; line-height: 24px; } .f1--xs { font-family: "Formula Regular"; font-size: 14px; line-height: 17px; } .f1--xxs { font-family: "Formula Regular"; font-size: 12px; line-height: 15px; letter-spacing: 0.5px; font-weight: normal; } .f1--card { font-family: "Formula Regular"; font-size: 16px; line-height: 18px; } @media (min-width: 768px) { .f1--card { font-size: 17px; line-height: 23px; } } .f1-italic--xxl { font-family: "Formula Regular"; font-size: 32px; line-height: 36px; font-style: italic; } @media (min-width: 768px) { .f1-italic--xxl { font-size: 62px; line-height: 62px; } } .f1-italic--xl { font-family: "Formula Regular"; font-size: 24px; line-height: 28px; font-style: italic; } @media (min-width: 768px) { .f1-italic--xl { font-size: 42px; line-height: 48px; } } .f1-italic--l { font-family: "Formula Regular"; font-size: 22px; line-height: 26px; font-style: italic; } @media (min-width: 768px) { .f1-italic--l { font-size: 32px; line-height: 36px; } } .f1-italic--m { font-family: "Formula Regular"; font-size: 20px; line-height: 24px; font-style: italic; } @media (min-width: 768px) { .f1-italic--m { font-size: 25px; line-height: 30px; } } .f1-italic--s { font-family: "Formula Regular"; font-size: 18px; line-height: 24px; font-style: italic; } .f1-italic--xs { font-family: "Formula Regular"; font-size: 14px; line-height: 17px; font-style: italic; } .f1-italic--xxs { font-family: "Formula Regular"; font-size: 12px; line-height: 15px; font-style: italic; letter-spacing: 0.5px; font-weight: normal; } .f1-bold--xxl { font-family: "Titillium Bold"; font-size: 32px; line-height: 36px; } @media (min-width: 768px) { .f1-bold--xxl { font-size: 62px; line-height: 62px; } } .f1-bold--xl { font-family: "Titillium Bold"; font-size: 24px; line-height: 28px; } @media (min-width: 768px) { .f1-bold--xl { font-size: 42px; line-height: 48px; } } .f1-bold--l { font-family: "Titillium Bold"; font-size: 22px; line-height: 26px; } @media (min-width: 768px) { .f1-bold--l { font-size: 32px; line-height: 36px; } } .f1-bold--m { font-family: "Titillium Bold"; font-size: 20px; line-height: 24px; } @media (min-width: 768px) { .f1-bold--m { font-size: 25px; line-height: 30px; } } .f1-bold--s { font-family: "Titillium Bold"; font-size: 18px; line-height: 24px; } .f1-bold--xs { font-family: "Titillium Bold"; font-size: 14px; line-height: 17px; } .f1-bold--xxs { font-family: "Titillium Bold"; font-size: 12px; line-height: 15px; letter-spacing: 0.5px; font-weight: normal; } .f1-bold--stat { font-family: "Titillium Bold"; font-size: 36px; line-height: 36px; } .f1-bold--label { font-family: "Titillium Bold"; font-size: 13px; line-height: 15px; } .f1-bold--card { font-family: "Titillium Bold"; font-size: 16px; line-height: 18px; } @media (min-width: 768px) { .f1-bold--card { font-size: 17px; line-height: 23px; } } .f1-black--xxl { font-family: "F1Black"; font-size: 32px; line-height: 36px; } @media (min-width: 768px) { .f1-black--xxl { font-size: 62px; line-height: 62px; } } .f1-black--xl { font-family: "F1Black"; font-size: 24px; line-height: 28px; } @media (min-width: 768px) { .f1-black--xl { font-size: 42px; line-height: 48px; } } .f1-black--l { font-family: "F1Black"; font-size: 22px; line-height: 26px; } @media (min-width: 768px) { .f1-black--l { font-size: 32px; line-height: 36px; } } .f1-black--m { font-family: "F1Black"; font-size: 20px; line-height: 24px; } @media (min-width: 768px) { .f1-black--m { font-size: 25px; line-height: 30px; } } .f1-wide--m { font-family: "F1Wide"; font-size: 20px; line-height: 24px; } @media (min-width: 768px) { .f1-wide--m { font-size: 25px; line-height: 30px; } } .f1-wide--s { font-family: "F1Wide"; font-size: 18px; line-height: 24px; } .f1-wide--xs { font-family: "F1Wide"; font-size: 14px; line-height: 17px; } .f1-wide--xxs { font-family: "F1Wide"; font-size: 12px; line-height: 15px; letter-spacing: 0.5px; font-weight: normal; } .f1-large-line-height { line-height: 3; } .f1-inline { line-height: 1; } .f1-uppercase { text-transform: uppercase; } .f1-capitalize { text-transform: capitalize; } .f1-lowercase { text-transform: lowercase; } .f1-left { text-align: left; } .f1-right { text-align: right; } .f1-center { text-align: center; } .f1-label { border-radius: 15px; line-height: 1; display: table; padding: 2px 10px; width: auto; } .f1-border--single { border-width: 1px !important; } .f1-border--double { border-width: 2px !important; } .f1-border--top { border-top: solid 10px #e10600; } .f1-border--top legend { line-height: 1; } .f1-border--top legend p { margin: 0; } .f1-border--top-right { border-top: solid 10px #e10600; border-right: solid 10px #e10600; border-top-right-radius: 15px; padding-top: 10px; padding-right: 10px; } @media (min-width: 768px) { .f1-border--top-right { border-top-right-radius: 25px; padding-top: 20px; padding-right: 20px; } } .f1-border--top-right legend { line-height: 1; text-align: left; padding-right: 20px; margin-right: 20px; } .f1-border--top-right legend p { margin: 0; } .f1-border--top-left { border-top: solid 10px #e10600; border-left: solid 10px #e10600; border-top-left-radius: 15px; padding-top: 10px; padding-left: 10px; } @media (min-width: 768px) { .f1-border--top-left { border-top-left-radius: 25px; padding-top: 20px; padding-left: 20px; } } .f1-border--top-left legend { line-height: 1; text-align: right; padding-left: 20px; margin-left: 20px; } .f1-border--top-left legend p { margin: 0; } .f1-border--bottom { border-bottom: solid 10px #e10600; } .f1-border--bottom legend { line-height: 1; } .f1-border--bottom legend p { margin: 0; } .f1-border--bottom-right { border-right: solid 10px #e10600; border-bottom: solid 10px #e10600; border-bottom-right-radius: 15px; padding-right: 10px; padding-bottom: 10px; } @media (min-width: 768px) { .f1-border--bottom-right { border-bottom-right-radius: 25px; padding-right: 20px; padding-bottom: 20px; } } .f1-border--bottom-right legend { line-height: 1; } .f1-border--bottom-right legend p { margin: 0; } .f1-border--bottom-left { border-bottom: solid 10px #e10600; border-left: solid 10px #e10600; border-bottom-left-radius: 15px; padding-left: 10px; padding-bottom: 10px; } @media (min-width: 768px) { .f1-border--bottom-left { border-bottom-left-radius: 25px; padding-left: 20px; padding-bottom: 20px; } } .f1-border--bottom-left legend { line-height: 1; } .f1-border--bottom-left legend p { margin: 0; } .f1-border--three-left { border-top: solid 10px #e10600; border-left: solid 10px #e10600; border-bottom: solid 10px #e10600; border-top-left-radius: 15px; border-bottom-left-radius: 15px; padding-top: 10px; padding-left: 10px; padding-bottom: 10px; } @media (min-width: 768px) { .f1-border--three-left { border-top-left-radius: 25px; border-bottom-left-radius: 25px; padding-top: 20px; padding-left: 20px; padding-bottom: 20px; } } .f1-border--three-left legend { line-height: 1; text-align: right; padding-left: 20px; margin-left: 20px; } .f1-border--three-left legend p { margin: 0; } .f1-border--three-right { border-top: solid 10px #e10600; border-right: solid 10px #e10600; border-bottom: solid 10px #e10600; border-top-right-radius: 15px; border-bottom-right-radius: 15px; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; } @media (min-width: 768px) { .f1-border--three-right { border-top-right-radius: 25px; border-bottom-right-radius: 25px; padding-top: 20px; padding-right: 20px; padding-bottom: 20px; } } .f1-border--three-right legend { line-height: 1; text-align: left; padding-right: 20px; margin-right: 20px; } .f1-border--three-right legend p { margin: 0; } html, body { margin: 0; padding: 0; height: 100%; } html { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } body { font-family: "Titillium Regular"; font-size: 17px; line-height: 23px; letter-spacing: 0.2px; background: #ffffff; background-size: 100% auto; } * { box-sizing: border-box; } img, svg { height: auto; } fieldset, figure { margin: 0; } fieldset { border: 0; padding: 0; } h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: 20px; font-weight: normal; } @media (min-width: 768px) { h1, h2, h3, h4, h5, h6 { margin-bottom: 30px; } } p, ul, ol, dl { margin-top: 0; margin-bottom: 20px; } ul, ol, li { margin-top: 0; margin-right: 0; margin-left: 0; padding: 0; } ul, ol { padding-left: 1em; } ul ul, ul ol, ol ul, ol ol { margin-bottom: 0; } a { color: inherit; text-decoration: none; } hr { display: block; border: none; border-top: solid 1px #d0d0d2; margin: 20px 0; } hr.hr--double { border-width: 2px; } /* Some HTML5 Elements Support */ main { display: block; } html.ios main { -webkit-text-size-adjust: 100%; } legend { padding: 0; } .clearfix:before, .clearfix:after { content: " "; display: table; } .clearfix:after { clear: both; } .f1-race-hub--content, .f1-article--rich-text { margin-bottom: 30px; } @media (min-width: 768px) { .f1-race-hub--content, .f1-article--rich-text { margin-bottom: 40px; } } .f1-race-hub--content table, .f1-article--rich-text table { border-collapse: collapse; margin-bottom: 20px; } .f1-race-hub--content table tr:nth-child(odd), .f1-article--rich-text table tr:nth-child(odd) { background-color: #f3f3f3; } .f1-race-hub--content table th, .f1-article--rich-text table th { background-color: #ffffff; text-align: left; } .f1-race-hub--content table th:first-child, .f1-article--rich-text table th:first-child { padding-left: 0; } .f1-race-hub--content table td:first-child, .f1-article--rich-text table td:first-child { text-align: center; } .f1-race-hub--content table th, .f1-race-hub--content table td, .f1-article--rich-text table th, .f1-article--rich-text table td { padding: 5px 10px; } .f1-race-hub--content h1, .f1-article--rich-text h1 { font-family: "F1"; font-size: 22px; line-height: 26px; margin-bottom: 15px; font-size: 24px; line-height: 28px; } @media (min-width: 768px) { .f1-race-hub--content h1, .f1-article--rich-text h1 { font-size: 32px; line-height: 36px; } } @media (min-width: 768px) { .f1-race-hub--content h1, .f1-article--rich-text h1 { font-size: 32px; line-height: 36px; margin-bottom: 20px; } } .f1-race-hub--content h2, .f1-article--rich-text h2 { font-family: "F1"; font-size: 20px; line-height: 24px; margin-bottom: 15px; font-size: 20px; line-height: 26px; } @media (min-width: 768px) { .f1-race-hub--content h2, .f1-article--rich-text h2 { font-size: 25px; line-height: 30px; } } @media (min-width: 768px) { .f1-race-hub--content h2, .f1-article--rich-text h2 { font-size: 25px; line-height: 30px; } } .f1-race-hub--content h3, .f1-article--rich-text h3 { font-family: "F1"; font-size: 18px; line-height: 24px; margin-bottom: 15px; letter-spacing: 0.5px; font-size: 17px; line-height: 21px; } @media (min-width: 768px) { .f1-race-hub--content h3, .f1-article--rich-text h3 { font-size: 20px; line-height: 26px; } } .f1-race-hub--content h4, .f1-article--rich-text h4 { font-family: "F1"; font-size: 18px; line-height: 24px; font-size: 15px; line-height: 18px; margin-bottom: 15px; } @media (min-width: 768px) { .f1-race-hub--content h4, .f1-article--rich-text h4 { font-size: 17px; line-height: 21px; } } .f1-race-hub--content h5, .f1-article--rich-text h5 { font-family: "F1"; font-size: 18px; line-height: 24px; font-size: 14px; line-height: 16px; margin-bottom: 15px; } @media (min-width: 768px) { .f1-race-hub--content h5, .f1-article--rich-text h5 { font-size: 15px; line-height: 18px; } } .f1-race-hub--content ol, .f1-race-hub--content ul, .f1-race-hub--content dl, .f1-article--rich-text ol, .f1-article--rich-text ul, .f1-article--rich-text dl { list-style: none; padding-left: 0; } .f1-race-hub--content ol li, .f1-race-hub--content ul li, .f1-race-hub--content dl li, .f1-article--rich-text ol li, .f1-article--rich-text ul li, .f1-article--rich-text dl li { font-family: "Titillium Regular"; font-size: 17px; line-height: 23px; letter-spacing: 0.2px; position: relative; margin-bottom: 15px; } .f1-race-hub--content ol, .f1-article--rich-text ol { counter-reset: item; } .f1-race-hub--content ol li, .f1-article--rich-text ol li { counter-increment: item; padding-left: 35px; } .f1-race-hub--content ol li:before, .f1-article--rich-text ol li:before { content: counter(item, decimal-leading-zero); font-family: "F1"; font-size: 18px; line-height: 24px; display: inline-block; position: absolute; left: 0; } .f1-race-hub--content ul li, .f1-article--rich-text ul li { padding-left: 20px; } .f1-race-hub--content ul li:before, .f1-article--rich-text ul li:before { content: '\26AC'; font-family: "F1"; font-size: 18px; line-height: 24px; display: inline-block; position: absolute; left: 0; color: #949498; } .f1-race-hub--content blockquote, .f1-article--rich-text blockquote { margin: 0; border-top: 10px solid #e10600; padding-top: 20px; font-family: "Titillium Regular"; font-size: 17px; line-height: 23px; letter-spacing: 0.2px; font-style: italic; } .f1-race-hub--content blockquote, .f1-race-hub--content ol, .f1-race-hub--content ul, .f1-race-hub--content dl, .f1-article--rich-text blockquote, .f1-article--rich-text ol, .f1-article--rich-text ul, .f1-article--rich-text dl { margin-bottom: 20px; } @media (min-width: 576px) { .f1-race-hub--content blockquote, .f1-race-hub--content ol, .f1-race-hub--content ul, .f1-race-hub--content dl, .f1-article--rich-text blockquote, .f1-article--rich-text ol, .f1-article--rich-text ul, .f1-article--rich-text dl { margin-bottom: 40px; } } .race-hub-wrapper .race-weekend-dates { border-radius: 15px; display: inline-block; margin: 15px 0 0 0; padding: 5px 10px; text-transform: uppercase; } .race-hub-wrapper .f1-tab-content-wrapper { padding: 0; } .race-hub-wrapper .hero-header .hero-content-wrapper .hero-image { margin: 5px auto 0; width: 110px; } @media (min-width: 768px) { .race-hub-wrapper .hero-header .hero-content-wrapper .hero-image { width: 170px; } } .f1-race-hub--race-review, .f1-race-hub--latest, .f1-race-hub--latest-videos, .f1-race-hub--timetable, .f1-race-hub--circuit, .f1-race-hub--latest-interviews-features { padding: 30px 0; } @media (min-width: 768px) { .f1-race-hub--race-review, .f1-race-hub--latest, .f1-race-hub--latest-videos, .f1-race-hub--timetable, .f1-race-hub--circuit, .f1-race-hub--latest-interviews-features { padding: 40px 0; } } @media (max-width: 767px) { .f1-race-hub--race-review .btn + .btn, .f1-race-hub--latest .btn + .btn, .f1-race-hub--latest-videos .btn + .btn, .f1-race-hub--timetable .btn + .btn, .f1-race-hub--circuit .btn + .btn, .f1-race-hub--latest-interviews-features .btn + .btn { margin-top: 5px; } } .f1-race-hub--race-review .curated-space, .f1-race-hub--latest .curated-space, .f1-race-hub--latest-videos .curated-space, .f1-race-hub--timetable .curated-space, .f1-race-hub--circuit .curated-space, .f1-race-hub--latest-interviews-features .curated-space { margin-top: 15px; } @media (min-width: 1024px) { .f1-race-hub--race-review .curated-space.first-child, .f1-race-hub--latest .curated-space.first-child, .f1-race-hub--latest-videos .curated-space.first-child, .f1-race-hub--timetable .curated-space.first-child, .f1-race-hub--circuit .curated-space.first-child, .f1-race-hub--latest-interviews-features .curated-space.first-child { margin-top: 0; } } .f1-race-hub--race-review .f1-cc:not(.f1-cc--curated-small-mobile-desktop), .f1-race-hub--latest .f1-cc:not(.f1-cc--curated-small-mobile-desktop), .f1-race-hub--latest-videos .f1-cc:not(.f1-cc--curated-small-mobile-desktop), .f1-race-hub--timetable .f1-cc:not(.f1-cc--curated-small-mobile-desktop), .f1-race-hub--circuit .f1-cc:not(.f1-cc--curated-small-mobile-desktop), .f1-race-hub--latest-interviews-features .f1-cc:not(.f1-cc--curated-small-mobile-desktop) { height: 100%; align-content: flex-start; align-items: flex-start; } @media (min-width: 768px) { .f1-race-hub--race-review .f1-cc:not(.f1-cc--curated-small-mobile-desktop), .f1-race-hub--latest .f1-cc:not(.f1-cc--curated-small-mobile-desktop), .f1-race-hub--latest-videos .f1-cc:not(.f1-cc--curated-small-mobile-desktop), .f1-race-hub--timetable .f1-cc:not(.f1-cc--curated-small-mobile-desktop), .f1-race-hub--circuit .f1-cc:not(.f1-cc--curated-small-mobile-desktop), .f1-race-hub--latest-interviews-features .f1-cc:not(.f1-cc--curated-small-mobile-desktop) { display: flex; flex-direction: column; } } .f1-race-hub--latest-videos + .f1-race-hub--latest-videos { padding-top: 0; } .f1-race-hub--race-review.f1-bg--colorTheme { padding-bottom: 0; } .f1-race-hub--race-review.f1-bg--colorTheme legend.f1--xxs { line-height: 2.4; } @media (min-width: 1024px) { .f1-race-hub--race-review .race-review-ctas { margin-bottom: 0; } } .f1-race-hub--schedule-circuit-map { background-image: url(/etc/designs/fom-website/images/patterns/plus-x1.png); background-size: 12px; background-size: 8px; margin: 15px 0 10px; padding: 10px 0; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { .f1-race-hub--schedule-circuit-map { background-image: url(/etc/designs/fom-website/images/patterns/plus-x2.png); } } .f1-race-hub--schedule-circuit-map img { margin: 0 auto; width: 250px; } @media (min-width: 1024px) { .f1-race-hub--schedule-circuit-map img { width: 40%; } } @media (min-width: 1360px) { .f1-race-hub--schedule-circuit-map img { width: 70%; } } .f1-race-hub--map { padding: 30px 0 0; } @media (min-width: 768px) { .f1-race-hub--map { padding: 40px 0 0; } } .f1-race-hub--map .links { margin-top: 20px; } @media (min-width: 1024px) { .f1-race-hub--map .links { margin-top: 0; } } @media (min-width: 1360px) { .f1-race-hub--map .links { margin-top: 10px; } } .f1-race-hub--map legend { position: relative; } .f1-race-hub--content { padding: 30px 0 10px; } .f1-race-hub--content .title { margin-top: 10px; } @media (min-width: 768px) { .f1-race-hub--content .title { margin-top: 0; } } .f1-race-hub--circuit-pattern { border: 1px solid #d0d0d2; border-radius: 15px; height: 100%; position: relative; } @media (max-width: 767px) { .f1-race-hub--circuit-pattern { margin-top: 20px; min-height: 50px; } } .f1-race-hub--circuit-pattern::before { background-image: url(/etc/designs/fom-website/images/patterns/plus-x1.png); background-size: 12px; background-size: 8px; border-radius: 15px; bottom: 0; content: ''; left: 0; opacity: 0.4; position: absolute; right: 0; top: 0; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { .f1-race-hub--circuit-pattern::before { background-image: url(/etc/designs/fom-website/images/patterns/plus-x2.png); } } .f1-race-hub--videos { margin-top: 20px; } .f1-race-hub--circuit .f1-flag--wrapper img { border-radius: 5px; } .f1-latest--curated { padding-top: 15px; } @media (min-width: 768px) { .f1-latest--curated { padding-top: 20px; } } .f1-latest--curated .f1-race-hub--latest, .f1-latest--curated .f1-race-hub--latest-videos, .f1-latest--curated .f1-race-hub--latest-interviews-features { padding: 15px 0; } @media (min-width: 768px) { .f1-latest--curated .f1-race-hub--latest, .f1-latest--curated .f1-race-hub--latest-videos, .f1-latest--curated .f1-race-hub--latest-interviews-features { padding: 20px 0; } } .f1-latest--curated .f1-race-hub--latest.f1-bg--colorTheme, .f1-latest--curated .f1-collection.f1-bg--colorTheme { padding: 30px 0; } @media (min-width: 768px) { .f1-latest--curated .f1-race-hub--latest.f1-bg--colorTheme, .f1-latest--curated .f1-collection.f1-bg--colorTheme { padding: 40px 0; } } .f1-race-hub--latest-interviews-features fieldset { margin-top: 30px; } @media (min-width: 1024px) { .f1-race-hub--latest-interviews-features fieldset { margin-top: 0; } } .f1-race-hub--latest-interviews-features fieldset.no-margin { margin: 0; } .f1-race-hub--timetable-listings { margin-bottom: 10px; } @media (min-width: 768px) { .f1-race-hub--timetable-listings { margin-bottom: 10px; } } .f1-race-hub--latest-videos-pattern { background-image: url(/etc/designs/fom-website/images/patterns/gray3-x1.png); background-size: 30px; padding-bottom: 20px; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { .f1-race-hub--latest-videos-pattern { background-image: url(/etc/designs/fom-website/images/patterns/gray3-x2.png); } } @media (min-width: 768px) { .f1-race-hub--latest-videos-pattern { position: relative; padding-bottom: 0; } .f1-race-hub--latest-videos-pattern:before { content: ''; display: block; background: #ffffff; position: absolute; top: 0; left: 0; right: 0; height: 40px; } } .f1-timetable--row { align-items: center; backface-visibility: hidden; border-radius: 5px; display: flex; flex-wrap: wrap; justify-content: flex-start; margin-bottom: 2px; padding: 15px 0; } @media (min-width: 1024px) { .f1-timetable--row { padding: 20px 0; } } .f1-timetable--row.f1-bg--carbonBlack, .f1-timetable--row.f1-bg--gray6 { color: #ffffff; } @media (max-width: 767px) { .f1-timetable--row.expandable { padding-right: 35px; position: relative; } .f1-timetable--row.expandable .f1-timetable--actions { display: none; } .f1-timetable--row.expandable.expanded .f1-timetable--toggle:after { content: '-'; } .f1-timetable--row.expandable.expanded .f1-timetable--actions { display: block; } .f1-timetable--row.expandable.live { padding-right: 0; } .f1-timetable--row.expandable.live .btn--live { text-align: center; } .f1-timetable--row.expandable.live .btn--live .f1-live, .f1-timetable--row.expandable.live .btn--live .stf1-feature-listing .stf1-plan--details-features li .circleList, .stf1-feature-listing .stf1-plan--details-features li .f1-timetable--row.expandable.live .btn--live .circleList { display: inline; margin-left: 20px; position: relative; right: 0; transform: none; } } .f1-race-hub--timetable-links-wrapper { border: 1px solid #949498; border-radius: 15px; padding: 5px 0 15px; } @media (max-width: 1359px) { .f1-race-hub--timetable-links-wrapper { margin-top: 20px; } } .f1-race-hub--timetable-content-wrapper { background-image: url(/etc/designs/fom-website/images/patterns/carbon-stripe.png); background-size: 12px; border: 1px solid #949498; border-radius: 15px; margin-top: 20px; height: calc(100% - 20px); min-height: 100px; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { .f1-race-hub--timetable-content-wrapper { background-image: url(/etc/designs/fom-website/images/patterns/carbon-stripe-x2.png); } } .f1-race-hub--timetable-externalLinks { padding-bottom: 40px; } .f1-race-hub--news { padding: 0; } @media (max-width: 767px) { .f1-race-hub--news .padding-xs { padding: 0 10px; } } .subscribe-to-f1 .stf1-hero p, .subscribe-to-f1 .stf1-plan--features { transition: opacity .3s; opacity: 1; } .subscribe-to-f1.change .stf1-hero p, .subscribe-to-f1.change .stf1-plan--features { transition: opacity .3s; opacity: 0; } .stf1-feature-listing { margin-bottom: 30px; } .stf1-feature-listing .choose-your-plan { position: relative; display: flex; justify-content: space-around; align-items: center; flex-wrap: nowrap; flex-direction: row; margin-top: 20px; margin-bottom: 20px;} @media (min-width: 768px) { .stf1-feature-listing .choose-your-plan { margin-top: 30px; } } .stf1-feature-listing .choose-your-plan::before, .stf1-feature-listing .choose-your-plan::after { content: ""; display: inline-block; width: 50%; height: 1px; background: #d0d0d2; } .stf1-feature-listing .choose-your-plan-copy { text-align: center; white-space: nowrap; padding: 0 10px; } .top .stf1-feature-listing { margin-top: -160px; } .top .stf1-feature-listing .choose-your-plan { color: #ffffff; } .top .stf1-feature-listing .choose-your-plan::before, .top .stf1-feature-listing .choose-your-plan::after { background: rgba(255, 255, 255, 0.35); } @media (min-width: 1024px) { .stf1-feature-listing .stf1-plan-header-wrapper { display: flex; } } .stf1-feature-listing .stf1-plan--option { border: 1px solid #d0d0d2; border-bottom: 0; border-radius: 10px 10px 0 0; background: #f3f3f3; cursor: pointer; float: left; padding: 25px 0 20px; text-align: center; width: 100%; } @media (min-width: 1024px) { .stf1-feature-listing .stf1-plan--option { cursor: default; /*pointer-events: none;*/ } } .stf1-feature-listing .stf1-plan--option-pro { background-color: #38383f; margin-right: 10px; } .stf1-feature-listing .stf1-plan--option-pro .plan-title-text { color: #ffffff; } @media (max-width: 767px) { .stf1-feature-listing .stf1-plan--option-access.tabs.tab-selected { position: relative; right: 1px; } } @media (min-width: 1024px) { .stf1-feature-listing .stf1-plan--option-access { margin-left: 10px; } } .stf1-feature-listing .stf1-plan--option .plan-title { margin-bottom: 6px; } .stf1-feature-listing .stf1-plan--option .plan-title img { margin: 0 auto; max-height: 15px; width: auto !important; } .stf1-feature-listing .stf1-plan--option .plan-title--text { margin-bottom: 0; padding: 0 20px; } .stf1-feature-listing .stf1-plan--option .plan-title--text-accessOnly { display: none; padding: 0 10px; } .stf1-feature-listing .stf1-plan--wrapper { display: flex; } .stf1-feature-listing .stf1-plan--details { background-color: #ffffff; border: 1px solid #d0d0d2; border-top: 0; border-radius: 0 0 10px 10px; padding: 20px 15px; width: 100%; } @media (min-width: 768px) { .stf1-feature-listing .stf1-plan--details { padding: 20px 40px; } } @media (min-width: 1024px) { .stf1-feature-listing .stf1-plan--details { float: left; width: calc(50% - 9px); } .topBottom{ display:none; } .sidebyside{ display:block; } } @media (max-width: 1023px) { .topBottom{ display:block; } .sidebyside{ display:none; } } .stf1-feature-listing .stf1-plan--details .feature-title { margin-bottom: 10px; } .ie .stf1-feature-listing .stf1-plan--details .feature-title { margin-top: -12px; } .stf1-feature-listing .stf1-plan--details .feature-title--accordion { border-top: solid 1px #d0d0d2; border-right: solid 1px #d0d0d2; border-top-right-radius: 15px; padding-top: 10px; padding-right: 10px; } @media (min-width: 768px) { .stf1-feature-listing .stf1-plan--details .feature-title--accordion { border-top-right-radius: 10px; padding-top: 20px; padding-right: 20px; } } .stf1-feature-listing .stf1-plan--details .feature-title--accordion legend { line-height: 1; text-align: left; padding-right: 20px; margin-right: 20px; } .stf1-feature-listing .stf1-plan--details .feature-title--accordion legend p { margin: 0; } .stf1-feature-listing .stf1-plan--details-features { list-style-type: square; padding-left: 0; } .stf1-feature-listing .stf1-plan--details-features li { font-family: "Titillium Regular"; font-size: 13px; line-height: 15px; letter-spacing: 0.5px; font-weight: normal; color: #38383f; margin-bottom: 10px; padding-left: 20px; position: relative; } .stf1-feature-listing .stf1-plan--details-features li .icon, .stf1-feature-listing .stf1-plan--details-features li .nav-mobile-header .nav-burger button.open, .nav-mobile-header .nav-burger .stf1-feature-listing .stf1-plan--details-features li button.open, .stf1-feature-listing .stf1-plan--details-features li .nav-mobile-header .nav-burger button.close, .nav-mobile-header .nav-burger .stf1-feature-listing .stf1-plan--details-features li button.close { left: -15px; top: 2px; } .stf1-feature-listing .stf1-plan--details-features li .tickList { color: #e10600; font-size: 14px; left: -2px; position: absolute; top: 0; } @media (min-width: 1024px) { .stf1-feature-listing .stf1-plan--details-pro { margin-right: 10px; width: calc(50% - 9px); } } .stf1-feature-listing .stf1-plan--details-access { position: relative; } @media (min-width: 1024px) { .stf1-feature-listing .stf1-plan--details-access { margin-left: 10px; width: calc(50% - 9px); } } .stf1-feature-listing .stf1-plan--details .features-bottom .f1-border--top-right { border-top-right-radius: 10px; margin-bottom: 30px; padding-top: 5px; } .stf1-feature-listing .stf1-plan--details .features-bottom .choose-plan--wrapper [class*="col-"] + [class*="col"] { margin-top: 10px; } @media (min-width: 768px) { .stf1-feature-listing .stf1-plan--details .features-bottom .choose-plan--wrapper [class*="col-"] + [class*="col"] { margin-top: 0; } } .stf1-feature-listing .stf1-plan--details .features-bottom .btn--choose-plan { text-transform: none; } .stf1-feature-listing .stf1-plan--details .features-bottom .btn--choose-plan .price { display: block; } .stf1-feature-listing .stf1-plan--details .features-bottom .btn--choose-plan .icon, .stf1-feature-listing .stf1-plan--details .features-bottom .btn--choose-plan .nav-mobile-header .nav-burger button.open, .nav-mobile-header .nav-burger .stf1-feature-listing .stf1-plan--details .features-bottom .btn--choose-plan button.open, .stf1-feature-listing .stf1-plan--details .features-bottom .btn--choose-plan .nav-mobile-header .nav-burger button.close, .nav-mobile-header .nav-burger .stf1-feature-listing .stf1-plan--details .features-bottom .btn--choose-plan button.close { font-size: 18px; } .stf1-feature-listing .stf1-plan--details .features-bottom--live-timing { color: #38383f; margin-bottom: 0; padding-left: 20px; padding-right: 20px; position: relative; } .stf1-feature-listing .stf1-plan--details .features-bottom--live-timing:hover a { border-bottom: 1px solid #e10600; } .stf1-feature-listing .stf1-plan--details .features-bottom--live-timing .icon, .stf1-feature-listing .stf1-plan--details .features-bottom--live-timing .nav-mobile-header .nav-burger button.open, .nav-mobile-header .nav-burger .stf1-feature-listing .stf1-plan--details .features-bottom--live-timing button.open, .stf1-feature-listing .stf1-plan--details .features-bottom--live-timing .nav-mobile-header .nav-burger button.close, .nav-mobile-header .nav-burger .stf1-feature-listing .stf1-plan--details .features-bottom--live-timing button.close { left: -15px; top: 2px; } .stf1-feature-listing .stf1-plan--details .features-bottom--live-timing .tickList { color: #e10600; font-size: 14px; left: -2px; position: absolute; top: 0; } .stf1-feature-listing .stf1-plan--details .features-bottom--live-timing .icon-chevron-down { color: #e10600; font-size: 22px; left: auto; position: absolute; right: 0; top: 50%; transform: translateY(-50%); } .stf1-feature-listing .stf1-plan--details .features-bottom--live-timing .icon-chevron-down::before { display: block; transition: transform 0.1s linear; } .stf1-feature-listing .stf1-plan--details .features-bottom--live-timing .icon-chevron-down.icon-chevron--up::before { transform: rotate(180deg); transition: transform 0.1s linear; } .stf1-feature-listing .stf1-plan--details .features-bottom .feature-live-timings { font-family: "Titillium Regular"; font-size: 13px; line-height: 15px; letter-spacing: 0.5px; font-weight: normal; border-bottom: 1px solid #d0d0d2; color: #38383f; list-style-type: none; max-height: 1px; margin-bottom: 20px; margin-top: 10px; overflow: auto !important; padding-left: 0; transition: max-height 0.3s linear; } .stf1-feature-listing .stf1-plan--details .features-bottom .feature-live-timings::after { content: ""; display: block; padding: 10px; } .stf1-feature-listing .stf1-plan--details .features-bottom .feature-live-timings--show { max-height: 350px; transition: max-height 0.3s linear; } .stf1-feature-listing .stf1-plan--details .features-bottom .feature-live-timings li { border-radius: 5px; padding: 5px 0 5px 20px; } .stf1-feature-listing .stf1-plan--details .features-bottom .feature-live-timings li:nth-child(odd) { background-color: #f3f3f3; } .stf1-feature-listing .stf1-plan--details .features-bottom .feature-live-timings li .icon-Bullet { color: #d0d0d2; font-size: 20px; margin-right: 5px; vertical-align: middle; } .stf1-feature-listing .stf1-plan--details .btn--choose-plan.btnAnnual .monthlyLabel { display: none; } .stf1-feature-listing .stf1-plan--details .btn--choose-plan.btnMonthly .annualLabel { display: none; } @media (min-width: 1024px) { .stf1-feature-listing .stf1-plan--details .align-bottom { position: absolute; bottom: 20px; width: calc(100% - 80px); } } .stf1-feature-listing .plan-switch { margin-top: 20px; } .stf1-feature-listing .plan-switch a { padding: 5px; color: #67676d; } .stf1-feature-listing .plan-switch a.active { color: #15151e; } .stf1-feature-listing .plan-switch a:hover { border-bottom: solid 2px #e10600; } .stf1-feature-listing .plan-switch--placeholder { border: 1px solid #d0d0d2; border-radius: 25px; box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.2); display: inline-block; height: 18px; margin: 0 10px; position: relative; vertical-align: middle; width: 46px; } .stf1-feature-listing .plan-switch--btn { background-color: #e10600; border-radius: 50%; display: inline-block; height: 13px; left: 0; margin: 2px; position: absolute; top: 0; width: 13px; } .stf1-feature-listing .plan-switch--reverse { left: auto; right: 0; } .stf1-feature-listing .stf1-feature-desclaimer { margin-top: 20px; } .stf1-feature-listing .stf1-feature-desclaimer p { margin-bottom: 10px; } .stf1-feature-listing .stf1-feature-desclaimer a { color: #e10600; text-decoration: underline; } .stf1-feature-listing--single .stf1-plan--option-pro, .stf1-feature-listing--single .stf1-plan--details-pro.tabs-content, .stf1-feature-listing--single .stf1-plan--details-pro.tabs-content.tab-selected { display: none; } .stf1-feature-listing--single .stf1-plan--option-access { cursor: default; pointer-events: none; } .stf1-feature-listing--single .stf1-plan--details-access.tabs-content { display: block; } .stf1-feature-listing--single .stf1-plan--option-access, .stf1-feature-listing--single .stf1-plan--details-access { margin-left: 0; width: 100%; } .stf1-feature-listing--single .stf1-plan--option.tabs { border-left-width: 1px; border-top-left-radius: 10px; } .group-2 .stf1-feature-listing--single .stf1-plan--option .plan-title--text, .group-3 .stf1-feature-listing--single .stf1-plan--option .plan-title--text { display: block !important; } .group-2 .stf1-feature-listing--single .stf1-plan--details .plan-title--text, .group-3 .stf1-feature-listing--single .stf1-plan--details .plan-title--text { display: none; } .stf1-feature-listing--single .stf1-plan--details .align-bottom { position: static; width: auto; } @media (min-width: 1024px) { .stf1-feature-listing--single .stf1-plan--details .stf1-plan--features { float: left; width: calc(50% - 9px); } .stf1-feature-listing--single .stf1-plan--details .stf1-plan--features.features-top { margin-right: 10px; } .stf1-feature-listing--single .stf1-plan--details .stf1-plan--features.features-bottom { margin-left: 10px; } .stf1-feature-listing--single .stf1-plan--details .stf1-plan--features .feature-live-timings { border-bottom: 0; } .stf1-feature-listing--single .stf1-plan--details .stf1-plan--features .feature-live-timings::after { display: none; } } .stf1-feature-listing--single .choose-plan--wrapper { clear: both; } @media (min-width: 1024px) { .stf1-feature-listing--single .choose-plan--wrapper { border-top: 1px solid #d0d0d2; padding-top: 15px; } } .stf1-feature-listing--single .choose-plan--wrapper [class*="col-"] + [class*="col"] { margin-top: 20px; } @media (min-width: 768px) { .stf1-feature-listing--single .choose-plan--wrapper [class*="col-"] + [class*="col"] { margin-top: 0; } } .stf1-feature-listing--single .choose-plan--wrapper .btn--choose-plan { text-transform: none; } .stf1-feature-listing--single .choose-plan--wrapper .btn--choose-plan .price { display: block; } .stf1-feature-listing--single .choose-plan--wrapper .btn--choose-plan .icon, .stf1-feature-listing--single .choose-plan--wrapper .btn--choose-plan .nav-mobile-header .nav-burger button.open, .nav-mobile-header .nav-burger .stf1-feature-listing--single .choose-plan--wrapper .btn--choose-plan button.open, .stf1-feature-listing--single .choose-plan--wrapper .btn--choose-plan .nav-mobile-header .nav-burger button.close, .nav-mobile-header .nav-burger .stf1-feature-listing--single .choose-plan--wrapper .btn--choose-plan button.close { font-size: 18px; } @media (min-width: 1024px) { .stf1-feature-listing--free-trial .stf1-plan--option-pro, .stf1-feature-listing--free-trial .stf1-plan--details-pro { border-color: #ffd300; } } .stf1-feature-listing .free-trial-callout { background: #15151e; border-radius: 5px; padding: 10px; text-align: center; padding-bottom: 5px; margin-bottom: 20px; } .stf1-feature-listing .free-trial-callout img { display: inline-block; max-width: 300px; } .stf1-feature-listing .free-trial-text { background: #ffd300; border-radius: 5px; font-weight: 900; padding: 5px; margin-bottom: 5px; } .stf1-feature-listing .free-trial-text.hide { visibility: hidden; } .stf1-feature-listing .free-trial-plan-wrapper { background: #15151e; padding: 10px; border-radius: 10px; text-align: center; } .stf1-feature-listing .free-trial-plan-wrapper > span { display: inline-block; margin-bottom: 10px; font-weight: 900; } .grid-wrapper.f1-race-hub--timetable-content-wrapper { border: none; border-radius: 0; display: none; min-height: 140px; } .stf1-banner { padding: 40px 0; } @media (max-width: 767px) { .stf1-banner { padding: 20px 0; } } .stf1-banner p { margin-bottom: 10px; } @media (min-width: 1024px) { .stf1-banner p { margin-bottom: 15px; } } .stf1-banner .left .order-1 { order: 2; } .stf1-banner .left .order-2 { order: 1; } .stf1-banner .row { align-items: center; } @media (max-width: 1359px) { .stf1-banner .order-1, .stf1-banner .order-2 { order: initial !important; } } @media (max-width: 1359px) { .stf1-banner .banner-image { padding-bottom: 15px; } } @media (max-width: 1023px) { .stf1-banner .banner-image { padding-bottom: 10px; } } .stf1-banner .stf1-live-label { background-color: #ffffff; border: 1px solid #ededed; border-radius: 5px; display: inline-block; padding: 5px 30px 5px 20px; } .stf1-banner .stf1-live-label .f1-live, .stf1-banner .stf1-live-label .stf1-feature-listing .stf1-plan--details-features li .circleList, .stf1-feature-listing .stf1-plan--details-features li .stf1-banner .stf1-live-label .circleList { margin-right: 20px; top: 1px; } .stf1-banner .banner-content .icon-arrow-right::before { display: inline-block; transform: rotate(90deg); } .stf1-device { position: relative; margin-bottom: 20px; } @media (min-width: 1024px) { .stf1-device { padding-top: 40px; } .stf1-device::before { background-image: url(/etc/designs/fom-website/images/patterns/plus-x1.png); background-size: 12px; background-size: 8px; bottom: 0; content: ''; left: 0; opacity: 0.3; position: absolute; right: 0; top: 0; height: 120px; } } @media only screen and (min-width: 1024px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 1024px) and (min--moz-device-pixel-ratio: 2), only screen and (min-width: 1024px) and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-width: 1024px) and (min-device-pixel-ratio: 2), only screen and (min-width: 1024px) and (min-resolution: 192dpi), only screen and (min-width: 1024px) and (min-resolution: 2dppx) { .stf1-device::before { background-image: url(/etc/designs/fom-website/images/patterns/plus-x2.png); } } .stf1-device-wrapper { width: 100%; border-top: solid 10px #ededed; border-right: solid 10px #ededed; border-bottom: solid 10px #ededed; border-top-right-radius: 15px; border-bottom-right-radius: 15px; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-top: 40px; padding-bottom: 30px; } @media (min-width: 768px) { .stf1-device-wrapper { border-top-right-radius: 25px; border-bottom-right-radius: 25px; padding-top: 20px; padding-right: 20px; padding-bottom: 20px; } } .stf1-device-wrapper legend { line-height: 1; text-align: left; padding-right: 20px; margin-right: 20px; } .stf1-device-wrapper legend p { margin: 0; } @media (min-width: 768px) { .stf1-device-wrapper { border: 10px solid #ededed; border-radius: 25px; text-align: center; background: #ffffff; } } .stf1-device-title { margin-bottom: 40px; } @media (max-width: 767px) { .stf1-device-modules .logo { text-align: center; width: 75px; } .stf1-device-modules .logo img { display: inline-block; } } @media (min-width: 768px) { .stf1-device-modules { display: flex; justify-content: space-between; margin-bottom: 30px; } } .stf1-device-module { display: flex; margin-bottom: 30px; } @media (max-width: 767px) { .stf1-device-module:last-child .logo img { width: 55px; } } .stf1-device-module .logo { display: inline-block; padding-right: 20px; } .stf1-device-module .logo img { width: 45px; } @media (min-width: 768px) { .stf1-device-module .logo img { max-height: 45px; width: auto; } } .stf1-device-module.f1-web .logo { width: 80px; } .stf1-device-module .module-description { margin-bottom: 0; } .stf1-device-module .module-name { margin-bottom: 10px; } @media (min-width: 768px) { .stf1-device-module { display: block; width: 350px; text-align: center; margin: 0 5px; } .stf1-device-module .logo { padding-right: 0; margin-bottom: 20px; } .stf1-device-module.f1-web .logo { width: 100px; } } .stf1-device-seperator { display: inline-block; width: 100%; height: 1px; background: #ededed; margin-bottom: 20px; } @media (min-width: 768px) { .stf1-device-seperator { width: 90%; } } .stf1-device-os-support .os-wrapper { display: inline-block; } .stf1-device-os-support .ios { width: 60px; } .stf1-device-os-support .android { width: 30px; margin: 0 30px; } .stf1-device-os-support .amazon-fire { width: 60px; } .stf1-footer { padding: 30px 0 20px 0; text-align: center; background: #15151e; } .stf1-footer-wrap { margin: 0 auto; max-width: 1440px; } .stf1-footer-logo { margin-bottom: 30px; } .stf1-footer-logo img { display: inline; width: 100px; } .stf1-footer-menu { margin: 0 0 18px 0; padding: 20px 0; border: 1px solid #67676d; border-width: 1px 0; } @media (min-width: 768px) { .stf1-footer-menu { padding: 15px 0; } } .stf1-footer-menu ul { margin: 0; padding: 0; } .stf1-footer-menu ul li { display: block; margin-bottom: 20px; } .stf1-footer-menu ul li:last-child { margin-bottom: 0; } @media (min-width: 768px) { .stf1-footer-menu ul li { display: inline-block; margin: 0 20px; } } @media (min-width: 1024px) { .stf1-footer-menu ul li { margin: 0 30px; } } .stf1-carousel { padding: 30px 20px; position: relative; border-radius: 20px; overflow: auto !important; background: #15151e; } @media (min-width: 1024px) { .stf1-carousel { padding: 40px 0; background: none; } } .stf1-carousel-bg { position: absolute; top: 15%; left: 0; transform: scale(2.5); } @media (min-width: 768px) { .stf1-carousel-bg { top: 0; transform: none; height: 100%; } } .stf1-carousel-features-wrapper { text-align: center; width: 100%; } @media (min-width: 768px) { .stf1-carousel-features-wrapper { text-align: left; } } .stf1-carousel-features { position: relative; margin-bottom: 30px; } @media (min-width: 768px) { .stf1-carousel-features { width: 100%; padding: 60px 30px 30px; } .stf1-carousel-features:after, .stf1-carousel-features:before { content: ''; position: absolute; } .stf1-carousel-features:before { top: 0; right: 0; width: 80%; height: 35%; border-top: 10px solid rgba(237, 237, 237, 0.1); border-right: 10px solid rgba(237, 237, 237, 0.1); border-top-right-radius: 25px; } .stf1-carousel-features:after { bottom: 0; left: 0; width: 100%; height: 65%; border-bottom: 10px solid rgba(237, 237, 237, 0.1); border-right: 10px solid rgba(237, 237, 237, 0.1); border-left: 10px solid rgba(237, 237, 237, 0.1); border-bottom-right-radius: 25px; border-bottom-left-radius: 25px; } .stf1-carousel-features .slide-number { position: absolute; font-size: 80px; color: rgba(237, 237, 237, 0.1); top: 5%; left: 0; } } @media (min-width: 1024px) { .stf1-carousel-features { padding: 60px 50px 40px; } } @media (min-width: 1360px) { .stf1-carousel-features { padding: 80px 50px 50px; } } @media (max-width: 767px) { .stf1-carousel-desc, .stf1-carousel-title { text-align: center; } } .stf1-carousel-slide-container { position: relative; } @media (min-width: 768px) { .stf1-carousel-slide-container { min-height: 400px; } } @media (min-width: 1024px) { .stf1-carousel-slide-container { min-height: 450px; } } .stf1-carousel .feature-list-content { position: relative; } @media (min-width: 768px) { .stf1-carousel .feature-list-content { min-height: 110px; } } .stf1-carousel .feature-content { opacity: 0; position: absolute; transition: opacity 0.4s; top: 0; } .stf1-carousel .feature-content.active { transition-delay: 0.4s; opacity: 1; position: relative; } .stf1-carousel .feature-content .feature-des { margin-bottom: 0; } .stf1-carousel-nav { list-style: none; margin: 0; padding: 0; position: relative; z-index: 1; } .stf1-carousel-nav li { display: inline-block; } .stf1-carousel-nav li:hover { cursor: pointer; } .stf1-carousel-nav.icon-nav { margin-bottom: 20px; } .stf1-carousel-nav.icon-nav li { width: 34px; height: 34px; margin-right: 15px; position: relative; } @media (min-width: 1024px) { .stf1-carousel-nav.icon-nav li { margin-right: 30px; } } .stf1-carousel-nav.icon-nav li:last-child { margin-right: 0; } .stf1-carousel-nav.icon-nav li .item { position: absolute; width: 100%; height: 100%; top: 0; opacity: 0; transition: opacity 0.1s; } .stf1-carousel-nav.icon-nav li .item.normal { opacity: 0.3; } .stf1-carousel-nav.icon-nav li:hover .item.normal { opacity: 1; } .stf1-carousel-nav.icon-nav li.active .item.normal { opacity: 0; } .stf1-carousel-nav.icon-nav li.active .item.active { opacity: 1; } .stf1-carousel-nav.arrow-nav { margin-top: 30px; } .stf1-carousel-nav.arrow-nav li { width: 24px; margin-right: 30px; } .stf1-carousel-nav.arrow-nav li:hover { color: #e10600; } .stf1-carousel .icon-arrow-right::before { display: inline-block; transform: rotate(90deg); } .stf1-carousel-slide-postion { width: 100%; } @media (min-width: 768px) { .stf1-carousel-slide-postion { top: -5%; position: absolute; } } @media (min-width: 1024px) { .stf1-carousel-slide-postion { top: -10%; } } @media (max-width: 767px) { .stf1-carousel .swiper-wrapper:after { content: ''; background: linear-gradient(-180deg, rgba(21, 21, 30, 0) 0%, #15151E 68%); height: 130px; width: 100%; position: absolute; bottom: 0; left: 0; z-index: 99; } } .stf1-carousel .swiper-pagination { position: relative; text-align: center; margin: 10px 0; } .stf1-carousel .swiper-pagination ul { margin: 0; padding: 0; } .stf1-carousel .swiper-pagination ul li { display: inline-block; margin: 0 7px 0 7px; } .stf1-carousel .swiper-pagination ul li a { border-radius: 50%; text-indent: -9999px; display: block; border: 2px solid #15151e; } .stf1-carousel .swiper-pagination ul li a:before { content: " "; border-radius: 50%; width: 10px; height: 10px; background: #89898e; display: block; } .stf1-carousel .swiper-pagination ul li a.active { border-color: #e10600; } .stf1-carousel .swiper-pagination ul li a.active:before { background: none; } /* ONLY SHOW FIRST FIELD FROM FIRST SECTION OF PAGE LAYOUT */ article.content .forcePageBlockSectionRow ~ .forcePageBlockSectionRow{ display:none; } /* HIDE SUMMARY FROM ARTICLE CONTENT */ .selfServiceArticleLayout .article-summary { display: none !important; } /* HIDE FIELD LABLES FROM ARTICLE CONTENT */ .test-id__field-label{ display:none; font-size: 0rem !important; } /* REMOVE PADDING FROM ARTICLE CONTENT */ .selfServiceArticleHeaderDetail.meta { margin-bottom: 0px !important; } .selfServiceArticleLayout { padding: 0px !important; } /* RESIZE LANGUAGE PICKER */ .forceCommunityLanguageSelector43 .slds-combobox_container { width: 25% !important; float:right; } .forceCommunityLanguageSelector43 .slds-combobox_container:after { clear:both; } .slds-form-element__label { display:none !important; } /* FAQ section */ .comm-topic-trending-articles h2 { font-size:30px; font-weight:bold; } .comm-topic-trending-articles__item a { font-size:16px; padding-left:10px; padding-right:10px; } .comm-topic-trending-articles__item a span { font-size:16px; } /* TOPIC DETAIL PAGE */ .selfServiceTopicArticleList .selfServiceArticleListItem { background: rgb(247, 244, 241)!important; } .selfServiceBaseArticleList .article-list { border-top: 10px solid black; padding-top: 5px; } .selfServiceTopicRelatedArticle .headerLabel { font-size: 30px!important; } .slds-theme_default, .slds-theme--default { background: rgb(247, 244, 241)!important; } .headlineTitle > .headlineTitleText > span { font-size:60px; font-weight:bold; } /* Topic Page Popular Answers */ .comm-topic-trending-articles > ul { border-top: 10px solid #E10600; border-right: 10px solid #E10600; border-bottom: 10px solid #E10600; border-top-right-radius: 20px; border-bottom-right-radius: 20px; padding: 20px 20px 0 0; margin-top: 20px; } /* Search result page */ .forceSearchResultsList .slds-page-header__title { font-size: 60px; font-weight: bold; } /* MAKE VIDEO'S RESPONSIVE */ @media (min-width: 1400px){ .forceCommunityLanguageSelector43 .slds-combobox_container { width: 15% !important; } } @media (max-width: 600px){ .video-responsive{ overflow:hidden; padding-bottom:56.25%; position:relative; height:0; } .video-responsive iframe{ left:0; top:0; height:100%; width:100%; position:absolute; } .forceCommunityLanguageSelector43 .slds-combobox_container { width: 45% !important; } } .dark-background{ background-color: #38383f !IMPORTANT; color:#ffffff; } .bottomRow{ margin-top: 30px; } /* articleContent */ lightning-formatted-rich-text img { width: 100%; } lightning-formatted-rich-text{ font-size: 17px; font-family: 'Titillium Regular'; font-weight: 400; color: #15151E; line-height: 24px; } lightning-formatted-rich-text iframe { width: 100%; aspect-ratio: 16 / 9; } .comm-layout-column{ padding-left:0px; padding-right: 0px; } html, body { background-color:#F7F4F1 !important; } @font-face { font-family: 'Titillium Regular'; src: url('/s/sfsites/c/resource/TitilliumFont/TitilliumWeb-Regular.ttf'); } @font-face { font-family: 'Titillium Bold'; src: url('/s/sfsites/c/resource/TitilliumFont/TitilliumWeb-Bold.ttf'); } @font-face { font-family: 'Titillium SemiBold'; src: url('/s/sfsites/c/resource/TitilliumFont/TitilliumWeb-SemiBold.ttf'); } @font-face { font-family: 'Formula Regular'; src: url('/s/sfsites/c/resource/FormulaRegular') format('woff'); } @font-face { font-family: 'F1 Regular'; src: url('/s/sfsites/c/resource/F1Fonts/F1Fonts/Formula1-Display-Regular_web.ttf'); } @font-face { font-family: 'F1 Bold'; src: url('/s/sfsites/c/resource/F1Fonts/F1Fonts/Formula1-Display-Bold_web.ttf'); } @font-face { font-family: 'F1 Black'; src: url('/s/sfsites/c/resource/F1Fonts/F1Fonts/Formula1-Display-Black_web.ttf'); } @font-face { font-family: 'F1 Italic'; src: url('/s/sfsites/c/resource/F1Fonts/F1Fonts/Formula1-Display-Italic_web.ttf'); } @font-face { font-family: 'F1 Wide'; src: url('/s/sfsites/c/resource/F1Fonts/F1Fonts/Formula1-Display-Wide_web.ttf'); }</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,#333);--dxp-g-root-contrast-1:var(--lwc-dxpGRootContrast1,rgb(31, 31, 31));--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(225, 6, 0));--dxp-g-brand-1:var(--lwc-dxpGBrand1,rgb(184, 5, 0));--dxp-g-brand-2:var(--lwc-dxpGBrand2,rgb(103, 3, 0));--dxp-g-brand-3:var(--lwc-dxpGBrand3,rgb(0, 0, 0));--dxp-g-brand-contrast:var(--lwc-dxpGBrandContrast,#FFFFFF);--dxp-g-brand-contrast-1:var(--lwc-dxpGBrandContrast1,rgb(255, 255, 255));--dxp-g-brand-contrast-2:var(--lwc-dxpGBrandContrast2,rgb(255, 255, 255));--dxp-g-brand-contrast-3:var(--lwc-dxpGBrandContrast3,rgb(255, 255, 255));--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,Titillium Regular);--dxp-g-heading-font-family:var(--lwc-fontFamilyHeader,Formula Regular);--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,Formula Regular);--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,capitalize);--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,Formula Regular);--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,capitalize);--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,Formula Regular);--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,capitalize);--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,Formula Regular);--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,capitalize);--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,Titillium Regular);--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,Titillium Regular);--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,Titillium Regular);--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,capitalize);--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-url:var(--lwc-brandLogoImage,url());--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="/jslibrary/1739659344000/canvas/CanvasRendering.js"></script><script data-src="/jslibrary/1739659344000/ui-analytics-reporting/EclairNG.js"></script><script src="/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%221232_i1u-juBSAcYeYnyHhRNT-Q%22%7D%2C%22apce%22%3A1%2C%22apck%22%3A%22JHt0aW1lc3RhbXB9MDAwMDAwMDEzMjZlbl9VUw%22%2C%22mlr%22%3A1%2C%22pathPrefix%22%3A%22%22%2C%22dns%22%3A%22c%22%7D/inline.js?aura.attributes=%7B%22ac%22%3A%22%22%2C%22authenticated%22%3A%22false%22%2C%22brandingSetId%22%3A%2207968366-d9fd-4d2a-8ab9-2e45798f1303%22%2C%22formFactor%22%3A%22LARGE%22%2C%22isHybrid%22%3A%22false%22%2C%22language%22%3A%22en_US%22%2C%22pageId%22%3A%22b76b68f5-4109-407e-b9cf-870734e4723b%22%2C%22publishedChangelistNum%22%3A%22107%22%2C%22schema%22%3A%22Published%22%2C%22themeLayoutType%22%3A%22C7Lvqb6UJO54XwHeQS5q9wrUVIEiML%22%2C%22uds%22%3A%22false%22%2C%22viewType%22%3A%22Published%22%7D"></script><script src="/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%221232_i1u-juBSAcYeYnyHhRNT-Q%22%7D%2C%22apce%22%3A1%2C%22apck%22%3A%22JHt0aW1lc3RhbXB9MDAwMDAwMDEzMjZlbl9VUw%22%2C%22mlr%22%3A1%2C%22pathPrefix%22%3A%22%22%2C%22dns%22%3A%22c%22%7D/resources.js?pu=1&pv=1739489113000-2096107684&rv=1739524188000"></script><script src="/s/sfsites/auraFW/javascript/Zm9LbDZETkxUclI3TmZfamRYSmpzUWg5TGxiTHU3MEQ5RnBMM0VzVXc1cmcxMS4zMjc2OC4w/aura_prod.js"></script><script src="/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%221232_i1u-juBSAcYeYnyHhRNT-Q%22%7D%2C%22dns%22%3A%22c%22%7D/app.js?3="></script><script src="/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%221232_i1u-juBSAcYeYnyHhRNT-Q%22%7D%2C%22apce%22%3A1%2C%22apck%22%3A%22JHt0aW1lc3RhbXB9MDAwMDAwMDEzMjZlbl9VUw%22%2C%22mlr%22%3A1%2C%22pathPrefix%22%3A%22%22%2C%22dns%22%3A%22c%22%7D/bootstrap.js?aura.attributes=%7B%22ac%22%3A%22%22%2C%22authenticated%22%3A%22false%22%2C%22brandingSetId%22%3A%2207968366-d9fd-4d2a-8ab9-2e45798f1303%22%2C%22formFactor%22%3A%22LARGE%22%2C%22isHybrid%22%3A%22false%22%2C%22language%22%3A%22en_US%22%2C%22pageId%22%3A%22b76b68f5-4109-407e-b9cf-870734e4723b%22%2C%22publishedChangelistNum%22%3A%22107%22%2C%22schema%22%3A%22Published%22%2C%22themeLayoutType%22%3A%22C7Lvqb6UJO54XwHeQS5q9wrUVIEiML%22%2C%22uds%22%3A%22false%22%2C%22viewType%22%3A%22Published%22%7D"></script></body></html>