/**
 * Do not edit directly
 * Generated on Wed, 25 Mar 2026 18:16:53 GMT
 */

:root {
  --border-radius-small: 4px;
  --border-radius-medium: 8px;
  --border-radius-pill: 9999px;
  --border-radius-rounded: 50%;
  --border-radius-rw-jumbo: 1.75em;
  --border-radius-rw-standard: 1.2em;
  --border-radius-rw-mini: 0.8em;
  --border-radius-rw-banner: 0.5rem; /* Used on Rw banner */
  --border-radius-rw-testimonial: 20px;
  --border-width-rw-tertiary: 2px;
  --breakpoints-xsmall: 480px;
  --breakpoints-small: 768px;
  --breakpoints-medium: 1024px;
  --breakpoints-large: 1200px;
  --breakpoints-xlarge: 1440px;
  --color-ice-110: #d5ecef;
  --color-agave-20: #c2f5ff;
  --color-agave-30: #81f2fe;
  --color-agave-40: #38e8f6;
  --color-spearmint-50: #00d5b0;
  --color-wintermint-100: #eff4f9;
  --color-olive-30: #c5ef71;
  --color-green-01: #108000;
  --color-green-01-alt: #0d7300; /* *EXPERIMENTAL COLORS - DO NOT USE WITHOUT QUICKBOOKS BRAND PERMISSION */
  --color-green-02: #2ca01c; /* QuickBooks Green */
  --color-green-02-alt: #0e8900; /* *EXPERIMENTAL COLORS - DO NOT USE WITHOUT QUICKBOOKS BRAND PERMISSION */
  --color-green-03: #53b700;
  --color-green-04: #7fd000;
  --color-green-05: #a9e838;
  --color-green-06: #3bd85e;
  --color-green-rw-mint: #94f8ba; /* Reimagine color */
  --color-green-rw-green: #0fd46c; /* Reimagine color */
  --color-green-rw-dark: #0a8543; /* Reimagine color */
  --color-green-rw-darker: #086d37; /* Reimagine color */
  --color-green-rw-light: #e8f5e3; /* Reimagine color */
  --color-green-qrc: #009633; /* QRC color */
  --color-grey-01: #393a3d; /* QuickBooks Dark Grey */
  --color-grey-02: #6b6c72;
  --color-grey-03: #8d9096;
  --color-grey-04: #babec5;
  --color-grey-05: #d4d7dc;
  --color-grey-06: #e3e5e8;
  --color-grey-07: #eceef1; /* QuickBooks Light Grey */
  --color-grey-08: #f4f5f8;
  --color-grey-rw-grey-01: #e5e5e5;
  --color-grey-rw-grey-02: #f7f8f3; /* used on rw cards container on product landing */
  --color-grey-rw-grey-03: #dddddd; /* used on plan detail sep */
  --color-grey-rw-grey: #c4c4c4; /* Reimagine Grey */
  --color-grey-rw-dark-grey: #babec5; /* Reimagine Dark Grey */
  --color-grey-rw-light-grey: #f7f7f7; /* Reimagine Light Grey */
  --color-grey-rw-tofu: #f3f2ef; /* Reimagine Grey Tofu */
  --color-grey-rw-dark-tofu: #e2e0db; /* Reimagine Dark Tofu */
  --color-red-01: #b80000;
  --color-red-02: #d52b1e;
  --color-red-03: #dd2366;
  --color-red-04: #f25a52;
  --color-blue-00: #053d6d;
  --color-blue-01: #055393;
  --color-blue-02: #0077c5; /* Text link */
  --color-blue-03: #0097e6;
  --color-blue-04: #21abf6;
  --color-blue-05: #34bfff; /* Button inverse focus outline */
  --color-blue-06: #bfdcf1; /* Intuit light blue */
  --color-blue-07: #236cff; /* Intuit new blue */
  --color-blue-08: #00254a; /* Blueberry 110 */
  --color-blue-rw-dark: #0d333f; /* Reimagine color */
  --color-blue-rw-darker: #09222a; /* Reimagine color */
  --color-blue-rw-light: #d8eaeb; /* Reimagine color */
  --color-blue-icom-light-blue: #bfdaef;
  --color-blue-rw-light-blue: #00d7d7; /* Reimagine color */
  --color-blue-rw-sky: #dbedee; /* Reimagine color */
  --color-blue-rw-sky-blue: #eaf6f7; /* Reimagine color */
  --color-blue-grayish-blue: #21262a; /* Reimagine color */
  --color-blue-prompt-background: #f4f9ff; /* QB Support Prompt light blue background */
  --color-blue-pale-blue: #e0edff;
  --color-teal-01: #008481;
  --color-teal-02: #00a6a4;
  --color-teal-03: #00c1bf;
  --color-teal-04: #00d7d7;
  --color-teal-05: #07c4d9;
  --color-purple-03: #7a3dd8;
  --color-yellow-02: #ffbb00;
  --color-yellow-mc-yellow: #fee01a; /* Used for MailChimp */
  --color-pink-02: #c9007a;
  --color-pink-03: #e31c9e;
  --color-pink-04: #dd2366;
  --color-orange-01: #f95700;
  --color-orange-02: #ff6a00;
  --color-orange-03: #ff8000;
  --color-orange-04: #ff6a00;
  --color-orange-05: #f95700;
  --color-orange-rw: #ff8540; /* Used on Badge */
  --color-orange-rw-orange: #ff8540; /* Used on Badge */
  --color-gold-01: #a98343;
  --color-gold-02: #c4974d;
  --color-gold-03: #d2aa64;
  --color-gold-04: #e0bd7b;
  --color-gold-05: #eed092;
  --color-white: #ffffff;
  --color-black: #000000;
  --color-sand-02: #f7f8f3;
  --color-rw-kiwi-10: #d8ffdb;
  --color-rw-kiwi-40: #5bef76;
  --color-rw-kiwi-50: #3bd85e;
  --color-rw-kiwi-60: #00bb42;
  --color-rw-kiwi-70: #00a63b;
  --color-rw-kiwi-90: #006c23;
  --color-rw-netural-pepper-30: #c3ced5;
  --color-rw-netural-pepper-40: #adbac2;
  --color-rw-netural-pepper-60: #859299;
  --color-rw-netural-pepper-80: #5d686f;
  --color-rw-netural-pepper-90: #4c555b;
  --color-rw-netural-pepper-110: #2b3135;
  --color-rw-netural-pepper-120: #21262a;
  --color-rw-netural-pepper-130: #181c1f;
  --color-rw-tofu: #f3f2ef;
  --color-rw-dark-tofu: #e2e0db;
  --color-accounting: #53b700;
  --color-payroll: #e31c9e;
  --color-payments: #0097e6;
  --color-time-tracking: #ff8000;
  --color-ies-super-blue: #236cff;
  --color-blueberry-60: #3492ef;
  --color-article-link: #0365ac; /* Article link color in related articles */
  --easing-slow: cubic-bezier(0.35, 0, 0.5, 1); /* Slow easing creates a subtle movement that works well for passive animations, when the user is viewing but not interacting with the interface. This includes visual feedback or cases where the UI is hinting at the next action. Slow is our default ease applied to opacity and color animations. */
  --easing-quick: cubic-bezier(0.35, 0, 0.25, 1); /* Quick easing creates a responsive animation that instantly moves based off the user’s interaction. This curve is used with objects that have a dynamic position, scale, or rotation and appear and stay within the screen. */
  --easing-exit: cubic-bezier(0.35, 0, 0.8, 1); /* Exit easing is how it leaves view. This type of movement combined with an opacity animation creates smooth transitions between scenes generally applied to position or scale. */
  --easing-entrance: cubic-bezier(0, 0, 0.1, 1); /* Entrance easing is used to bring an element into view. This type of movement combined with an opacity animation creates smooth transitions between scenes generally applied to position or scale. */
  --easing-spirited: cubic-bezier(0.35, 1.35, 0.3, 1); /* Spirited ease is similar to quick easing, except with a subtle spring overshoot. It’s used when animating objects that have dynamic position, scale, or rotation appear and stay within the confines of the screen. */
  --easing-spirited-entrance: cubic-bezier(0.15, 1.3, 0.3, 1); /* Spirited entrance animates an element into view with momentum and subtly pulls back into place. Think: stretching a rubber band then releasing.  */
  --easing-spirited-exit: cubic-bezier(0.7, -0.1, 0.6, 1); /* Spirited exit creates anticipation by building momentum then accelerates out of the scene. Think: stretching a rubber band then releasing.  */
  --elevation-skim: 0px 1px 4px 0px rgba(0, 0, 0, 0.2);
  --elevation-lifted: 0px 2px 8px 0px rgba(0, 0, 0, 0.2);
  --elevation-raised: 0px 4px 16px 0px rgba(0, 0, 0, 0.2);
  --elevation-floating: 0px 6px 24px 0px rgba(0, 0, 0, 0.2);
  --elevation-product-finder-item: 0px 2px 2px rgba(13, 51, 63, 0.1);
  --elevation-product-finder-card: 8px 0px 20px rgba(13, 51, 63, 0.15);
  --elevation-clickable-tooltip: 0px 20px 30px rgba(0, 0, 0, 0.1);
  --font-family-avenir: 'AvenirNext forINTUIT', 'Avenir', 'Helvetica', 'Arial', sans-serif;
  --font-size-10: 60px;
  --font-size-11: 72px;
  --font-size-12: 84px;
  --font-size-13: 96px;
  --font-size-14: 108px;
  --font-size-15: 120px;
  --font-size-16: 132px;
  --font-size-09: 48px;
  --font-size-08: 40px;
  --font-size-07: 34px;
  --font-size-06: 28px;
  --font-size-05: 24px;
  --font-size-04: 20px;
  --font-size-03: 16px;
  --font-size-02: 14px;
  --font-size-01: 12px;
  --font-size-00: 10px;
  --font-size-rw-video-link-font-size: 0.8rem;
  --font-size-rw-video-link-line-height: 1.1rem;
  --font-weight-normal: 400;
  --font-weight-medium: 500;
  --font-weight-demi: 600;
  --font-weight-bold: 700;
  --font-weight-heavy: 800;
  --font-lineheight-heading: 1.3;
  --font-lineheight-body: 1.5;
  --font-lineheight-heading-01: 1.4;
  --font-lineheight-body-01: 1.42857143;
  --font-lineheight-heading-02: 1.28571429;
  --font-lineheight-rw-video-link: 21.86px;
  --font-lineheight-size-10: 76px;
  --font-lineheight-size-11: 92px;
  --font-lineheight-size-12: 108px;
  --font-lineheight-size-13: 108px;
  --font-lineheight-size-14: 116px;
  --font-lineheight-size-15: 128px;
  --font-lineheight-size-16: 140px;
  --font-lineheight-size-09: 60px;
  --font-lineheight-size-08: 52px;
  --font-lineheight-size-07: 44px;
  --font-lineheight-size-06: 36px;
  --font-lineheight-size-05: 32px;
  --font-lineheight-size-04: 28px;
  --font-lineheight-size-03: 24px;
  --font-lineheight-size-02: 20px;
  --font-lineheight-size-01: 16px;
  --grid-gutter: 20px;
  --grid-margin-small: 16px;
  --grid-margin-base: 20px;
  --grid-column-10: 83.333%;
  --grid-column-11: 91.667%;
  --grid-column-12: 100%;
  --grid-column-01: 8.333%;
  --grid-column-02: 16.667%;
  --grid-column-03: 25%;
  --grid-column-04: 33.333%;
  --grid-column-05: 41.667%;
  --grid-column-06: 50%;
  --grid-column-07: 58.333%;
  --grid-column-08: 66.667%;
  --grid-column-09: 75%;
  --radius-small: 12px;
  --spacing-xxxsmall: 4px;
  --spacing-xxsmall: 8px;
  --spacing-xsmall: 16px;
  --spacing-small: 20px;
  --spacing-large: 40px;
  --spacing-xlarge: 60px;
  --spacing-xxlarge: 80px;
  --spacing-xxxlarge: 120px;
  --spacing-rw-small-button-height: 48px; /* Reimagine button size */
  --spacing-rw-medium-button-height: 52px; /* Reimagine button size */
  --spacing-rw-large-button-height: 56px; /* Reimagine button size */
  --spacing-rw-small-button-padding: 20px; /* Reimagine button padding */
  --spacing-rw-medium-button-padding: 28px; /* Reimagine button padding */
  --spacing-rw-large-button-padding: 36px; /* Reimagine button padding */
  --spacing-rw-sec-nav-sticky-height-mobile: 134px; /* Reimagine Secondary Nav height when sticky in Mobile view */
  --spacing-rw-sec-nav-sticky-height-desktop: 80px; /* Reimagine Secondary Nav height when sticky in Desktop view */
  --zindex-dropdown: 1000;
  --zindex-sticky: 1100;
  --zindex-fixed: 1200;
  --zindex-overlay: 1300;
  --zindex-overlay-closer: 1305;
  --zindex-modal: 1400;
  --zindex-tooltip: 1500;
  --zindex-rw-hero-left: 1;
  --zindex-rw-hero-right: 0;
  --zindex-page-content: 100;
  --zindex-gbl-header-overlay: 1001;
  --zindex-rw-sub-layer: -1;
}

:root{--breakpointsMedium:64rem;--breakpointsXlarge:90rem}.TextGrid_textgrid__f2892f4e{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0 auto;position:relative;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.TextGrid_textgrid__f2892f4e.TextGrid_textGridFullWidth__f2892f4e{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}@media (min-width:1024px){.TextGrid_textgrid__f2892f4e{max-width:85rem}}