.mrr-growth-graphic{position:relative;width:100%;height:100%;padding:28px;font-weight:var(--hds-font-weight-normal)}.mrr-growth-graphic__header{display:flex;flex-direction:column;gap:6px}.mrr-growth-graphic__title-row{display:flex;align-items:center;gap:6px}.mrr-growth-graphic__title{color:var(--hds-color-util-neutral-990);font-size:18px;font-weight:var(--hds-font-weight-bold);line-height:1.28}.mrr-growth-graphic__top-badge{display:flex;justify-content:center;align-items:center;padding:1px 5px;background:rgba(10,173,10,.1);border:1px solid rgba(10,173,10,.2);border-radius:2px;color:#0aad0a;font-size:10px;line-height:1.6;letter-spacing:-.002em}.mrr-growth-graphic__description{color:var(--hds-color-util-neutral-600);font-size:12px;line-height:1.25;width:253px}.mrr-growth-graphic__chart{position:absolute;left:28px;top:106px;width:404px;height:182px}.mrr-growth-graphic__grid-line{position:absolute;left:0;right:0;height:0;border-top:1px dashed var(--hds-color-util-neutral-50)}.mrr-growth-graphic__grid-line--top{top:36px}.mrr-growth-graphic__grid-line--middle{top:103px}.mrr-growth-graphic__grid-line--baseline{top:163px;border-top-style:solid}.mrr-growth-graphic__bar-column{position:absolute;bottom:19px;display:flex;flex-direction:column;align-items:center;gap:6px;width:80px}.mrr-growth-graphic__bar-column--roastery{left:42px}.mrr-growth-graphic__bar-column--bottom{left:162px}.mrr-growth-graphic__bar-column--top{left:282px}.mrr-growth-graphic__bar-badge{display:flex;justify-content:center;align-items:center;padding:1px 5px;border-radius:2px;font-size:10px;line-height:1.6;letter-spacing:-.002em}.mrr-growth-graphic__bar-badge--roastery{background:#ffedde;border:1px solid rgba(254,137,38,.15);color:#fe8926}.mrr-growth-graphic__bar-badge--bottom{background:#f7e6f9;border:1px solid rgba(203,86,218,.15);color:#cb56da}.mrr-growth-graphic__bar-badge--top{background:rgba(97,43,215,.15);border:1px solid rgba(97,43,215,.15);color:#612bd7}.mrr-growth-graphic__bar{width:100%;border-radius:4px 3px 0 0}.mrr-growth-graphic__bar--roastery{height:108px;background:#fe8926}.mrr-growth-graphic__bar--bottom{height:41px;background:#cb56da}.mrr-growth-graphic__bar--top{height:137px;background:#612bd7}.mrr-growth-graphic__x-labels{position:absolute;bottom:0;left:0;right:0;display:flex}.mrr-growth-graphic__x-label{position:absolute;bottom:-2px;max-width:110px;color:var(--hds-color-util-neutral-990);font-size:10px;font-weight:var(--hds-font-weight-bold);line-height:1.3;text-align:center;transform:translateX(-50%);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mrr-growth-graphic__x-label--roastery{left:82px}.mrr-growth-graphic__x-label--bottom{left:202px}.mrr-growth-graphic__x-label--top{left:322px}.graphic-with-background{display:grid;overflow:hidden;border-radius:var(--hds-space-core-radius-md);aspect-ratio:var(--graphic-with-background-aspect-ratio)}.graphic-with-background>*{grid-area:1/1}.graphic-with-background__background{min-width:0;min-height:0;width:100%;height:100%;background-color:var(--hds-color-surface-bg-subdued)}.graphic-with-background__background-img{width:100%;height:100%;object-fit:cover}.graphic-with-background__foreground{z-index:1;display:flex;align-items:var(--graphic-with-background-fg-align,center);justify-content:var(--graphic-with-background-fg-justify,center);min-height:0;padding-inline:var(--graphic-with-background-fg-pi,var(--hds-space-core-300))}.graphic-with-background__foreground>*{flex-shrink:0;width:var(--graphic-with-background-fg-width,100%);margin-inline:0;translate:var(--graphic-with-background-fg-offset-x,0) var(--graphic-with-background-fg-offset-y,0)}.graphic-with-background-aspect-ratio{--graphic-with-background-aspect-ratio:var(--graphic-with-background-aspect-ratio-mb)}.graphic-with-background-fg-width{--graphic-with-background-fg-width:var(--graphic-with-background-fg-width-mb)}.graphic-with-background-fg-offset-x{--graphic-with-background-fg-offset-x:var(--graphic-with-background-fg-offset-x-mb)}.graphic-with-background-fg-offset-y{--graphic-with-background-fg-offset-y:var(--graphic-with-background-fg-offset-y-mb)}.graphic-with-background-fg-pi{--graphic-with-background-fg-pi:var(--graphic-with-background-fg-pi-mb)}@media (min-width:640px){.graphic-with-background-aspect-ratio{--graphic-with-background-aspect-ratio:var(
      --graphic-with-background-aspect-ratio-tb,var(--graphic-with-background-aspect-ratio-mb)
    )}.graphic-with-background-fg-width{--graphic-with-background-fg-width:var(
      --graphic-with-background-fg-width-tb,var(--graphic-with-background-fg-width-mb)
    )}.graphic-with-background-fg-offset-x{--graphic-with-background-fg-offset-x:var(
      --graphic-with-background-fg-offset-x-tb,var(--graphic-with-background-fg-offset-x-mb)
    )}.graphic-with-background-fg-offset-y{--graphic-with-background-fg-offset-y:var(
      --graphic-with-background-fg-offset-y-tb,var(--graphic-with-background-fg-offset-y-mb)
    )}.graphic-with-background-fg-pi{--graphic-with-background-fg-pi:var(
      --graphic-with-background-fg-pi-tb,var(--graphic-with-background-fg-pi-mb)
    )}}@media (min-width:940px){.graphic-with-background-aspect-ratio{--graphic-with-background-aspect-ratio:var(
      --graphic-with-background-aspect-ratio-dt,var(--graphic-with-background-aspect-ratio-tb,var(--graphic-with-background-aspect-ratio-mb))
    )}.graphic-with-background-fg-width{--graphic-with-background-fg-width:var(
      --graphic-with-background-fg-width-dt,var(--graphic-with-background-fg-width-tb,var(--graphic-with-background-fg-width-mb))
    )}.graphic-with-background-fg-offset-x{--graphic-with-background-fg-offset-x:var(
      --graphic-with-background-fg-offset-x-dt,var(--graphic-with-background-fg-offset-x-tb,var(--graphic-with-background-fg-offset-x-mb))
    )}.graphic-with-background-fg-offset-y{--graphic-with-background-fg-offset-y:var(
      --graphic-with-background-fg-offset-y-dt,var(--graphic-with-background-fg-offset-y-tb,var(--graphic-with-background-fg-offset-y-mb))
    )}.graphic-with-background-fg-pi{--graphic-with-background-fg-pi:var(
      --graphic-with-background-fg-pi-dt,var(--graphic-with-background-fg-pi-tb,var(--graphic-with-background-fg-pi-mb))
    )}}.graphic-with-background-fg-align{--graphic-with-background-fg-align:var(--graphic-with-background-fg-align-mb)}.graphic-with-background-fg-justify{--graphic-with-background-fg-justify:var(--graphic-with-background-fg-justify-mb)}@media (min-width:640px){.graphic-with-background-fg-align{--graphic-with-background-fg-align:var(
      --graphic-with-background-fg-align-tb,var(--graphic-with-background-fg-align-mb)
    )}.graphic-with-background-fg-justify{--graphic-with-background-fg-justify:var(
      --graphic-with-background-fg-justify-tb,var(--graphic-with-background-fg-justify-mb)
    )}}@media (min-width:940px){.graphic-with-background-fg-align{--graphic-with-background-fg-align:var(
      --graphic-with-background-fg-align-dt,var(--graphic-with-background-fg-align-tb,var(--graphic-with-background-fg-align-mb))
    )}.graphic-with-background-fg-justify{--graphic-with-background-fg-justify:var(
      --graphic-with-background-fg-justify-dt,var(--graphic-with-background-fg-justify-tb,var(--graphic-with-background-fg-justify-mb))
    )}}.loom-example-custom-component{display:grid;grid-template-columns:minmax(0,1fr);overflow:hidden;background:var(--hds-color-surface-bg-subdued);border:1px solid var(--hds-color-util-border-quiet);border-radius:var(--hds-space-core-radius-md)}.loom-example-custom-component__content{display:flex;flex-direction:column;justify-content:center;gap:var(--hds-space-core-300);padding:var(--hds-space-core-400)}.loom-example-custom-component__heading{max-width:18ch;text-wrap:balance}.loom-example-custom-component__copy{max-width:48ch;text-wrap:pretty}.loom-example-custom-component__visual{display:grid;place-items:center;aspect-ratio:4/3;padding:var(--hds-space-core-500);overflow:hidden;background:var(--hds-color-accent-surface-subdued)}.loom-example-custom-component__visual-card{display:grid;width:75%;aspect-ratio:4/3;padding:var(--hds-space-core-300);gap:var(--hds-space-core-200);background:var(--hds-color-surface-raised);border:1px solid var(--hds-color-accent-border-quiet);border-radius:var(--hds-space-core-radius-sm);transform:rotate(-4deg)}.loom-example-custom-component__visual-mark{width:var(--hds-space-core-400);aspect-ratio:1;background:var(--hds-color-accent-surface-solid);border-radius:var(--hds-space-core-radius-round)}.loom-example-custom-component__visual-line{height:var(--hds-space-core-100);align-self:end;background:var(--hds-color-util-border-subdued);border-radius:var(--hds-space-core-radius-round)}.loom-example-custom-component__visual-line--short{width:65%}@media (min-width:640px){.loom-example-custom-component{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.loom-example-custom-component__content{padding:var(--hds-space-core-600)}.loom-example-custom-component__visual{aspect-ratio:auto;min-height:100%;padding:var(--hds-space-core-600)}}.loom-placeholder-graphic{width:100%;aspect-ratio:4/3;background:var(--hds-color-accent-surface-solid);border-radius:var(--hds-space-core-radius-sm)}.loom-placeholder-graphic--wide{aspect-ratio:2/1;background:var(--hds-color-util-brand-200)}.browser-graphic{--browser-graphic-desktop-width:0;--browser-graphic-desktop-height:0;--browser-graphic-mobile-width:0;--browser-graphic-mobile-height:0;--browser-graphic-dots-color:color-mix(in srgb,var(--hds-color-util-neutral-200) 50%,transparent);position:relative;width:var(--browser-graphic-mobile-width);height:var(--browser-graphic-mobile-height)}@media (min-width:640px){.browser-graphic{width:var(--browser-graphic-desktop-width);height:var(--browser-graphic-desktop-height)}}.browser-graphic__window{position:absolute;inset:0;border-radius:var(--hds-space-core-radius-md);outline:1px solid var(--hds-canary-ui-stroke);background:rgba(248,250,253,.45);box-shadow:0 15px 35px 0 hsla(0,0%,9%,.08);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.browser-graphic__window-top-bar{height:35px;display:grid;grid-template-columns:32px 1fr 32px;padding:2px 20px;gap:14px;align-items:center;align-content:center}.browser-graphic__url-box{justify-self:center;display:grid;grid-template-columns:1fr;gap:10px;width:min(262px,100%);height:20px;padding:2px 8px;align-items:center;border-radius:16px;outline:1px solid var(--hds-canary-ui-stroke);background:hsla(0,0%,100%,.38)}.browser-graphic__url-box-content{display:flex;justify-content:center;align-items:center;gap:4px;color:var(--hds-color-util-neutral-600);font-family:var(--hds-font-family);font-weight:var(--hds-font-weight-normal);font-size:9px}.browser-graphic__url-box-text{height:12px;line-height:1.2}.browser-graphic__page{position:absolute;inset:35px 6px 6px 6px;border-radius:var(--hds-space-core-radius-md);background:var(--hds-color-util-neutral-0);box-shadow:0 3px 6px 0 hsla(0,0%,9%,.06);overflow:hidden}@supports (overflow:clip){.browser-graphic__page{overflow:clip}}.browser-graphic--on-dark{--browser-graphic-dots-color:color-mix(in srgb,var(--hds-color-util-neutral-0) 50%,transparent)}.branded-invoice-dashboard-graphic{--branded-invoice-dashboard-graphic-brand:#6d2bf0;--branded-invoice-dashboard-graphic-brand-subdued:#e5d8ff;position:relative;height:100%;color:var(--hds-color-util-neutral-990);font-weight:var(--hds-font-weight-normal)}.branded-invoice-dashboard-graphic__frame{position:relative;isolation:isolate}.branded-invoice-dashboard-graphic__frame:after{content:"";position:absolute;inset:0;z-index:2;border:1px solid #f6f9fc;border-radius:inherit;pointer-events:none;mix-blend-mode:multiply}.hds-mode--dark .branded-invoice-dashboard-graphic__frame:after{border-color:var(--hds-color-surface-border-quiet);mix-blend-mode:exclusion}.branded-invoice-dashboard-graphic__browser{position:absolute;inset-block-start:67px;inset-inline-start:-198px}.branded-invoice-dashboard-graphic__browser .browser-graphic__window{display:none}@media (min-width:640px){.branded-invoice-dashboard-graphic__browser{inset-block-start:64px;inset-inline-start:0}.branded-invoice-dashboard-graphic__browser .browser-graphic__window{display:block}}.branded-invoice-dashboard-graphic__portal{display:flex;height:100%}.branded-invoice-dashboard-graphic__sidebar{display:flex;flex-direction:column;flex-shrink:0;width:180px;padding-block:var(--hds-space-core-100) var(--hds-space-core-500);border-inline-end:1px solid var(--hds-color-util-neutral-50);font-size:11px}.branded-invoice-dashboard-graphic__account{display:flex;align-items:center;gap:var(--hds-space-core-75);min-height:47px;padding-inline:var(--hds-space-core-200);font-weight:var(--hds-font-weight-bold);line-height:1.43;letter-spacing:-.01em}.branded-invoice-dashboard-graphic__account-logo{display:flex;align-items:center;justify-content:center;width:19px;height:19px;border-radius:var(--hds-space-core-radius-sm);background-color:var(--branded-invoice-dashboard-graphic-brand-subdued);color:var(--branded-invoice-dashboard-graphic-brand)}.branded-invoice-dashboard-graphic__account-mark{width:11px;height:11px}.branded-invoice-dashboard-graphic__nav{display:flex;flex-direction:column;padding:var(--hds-space-core-200);letter-spacing:-.01em}.branded-invoice-dashboard-graphic__nav-item{display:flex;align-items:center;gap:var(--hds-space-core-75);height:var(--hds-space-core-300);line-height:1.43}.branded-invoice-dashboard-graphic__nav-item--active{font-weight:var(--hds-font-weight-bold)}.branded-invoice-dashboard-graphic__nav-icon{flex-shrink:0;width:12px;height:12px;margin-inline:var(--hds-space-core-25);color:var(--hds-color-util-neutral-700)}.branded-invoice-dashboard-graphic__customer{display:flex;align-items:center;gap:var(--hds-space-core-100);margin-block-start:auto;padding-inline:var(--hds-space-core-200)}.branded-invoice-dashboard-graphic__avatar{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:26px;height:26px;border-radius:var(--hds-space-core-radius-round);background-color:var(--branded-invoice-dashboard-graphic-brand-subdued);color:var(--hds-color-util-brand-600);font-weight:var(--hds-font-weight-bold);line-height:1.4}.branded-invoice-dashboard-graphic__customer-details{display:flex;flex-direction:column;min-width:0}.branded-invoice-dashboard-graphic__customer-name{font-weight:var(--hds-font-weight-bold);line-height:1.4}.branded-invoice-dashboard-graphic__customer-email{color:var(--hds-color-util-neutral-600);font-size:10px;line-height:1.5}.branded-invoice-dashboard-graphic__main{display:flex;flex:1;flex-direction:column;gap:var(--hds-space-core-250);min-width:0;padding-block-start:var(--hds-space-core-350);padding-inline:var(--hds-space-core-400) var(--hds-space-core-500)}.branded-invoice-dashboard-graphic__greeting{margin-block-end:var(--hds-space-core-50);font-size:20px;font-weight:var(--hds-font-weight-bold);line-height:normal}.branded-invoice-dashboard-graphic__section{display:flex;flex-direction:column;gap:var(--hds-space-core-150);width:532px}.branded-invoice-dashboard-graphic__section-title{font-size:14px;font-weight:var(--hds-font-weight-bold);line-height:normal}.branded-invoice-dashboard-graphic__row{display:grid;grid-template-columns:229px 80px max-content;align-items:center;column-gap:var(--hds-space-core-250);height:62px;padding-inline:var(--hds-space-core-150);border:1px solid var(--hds-color-util-neutral-50);border-radius:var(--hds-space-core-radius-md);background-color:var(--hds-color-util-neutral-0)}.branded-invoice-dashboard-graphic__row--selected{border-color:var(--hds-color-util-brand-600)}.branded-invoice-dashboard-graphic__row-lead{display:flex;align-items:center;gap:10px;min-width:0}.branded-invoice-dashboard-graphic__tile{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:30px;height:30px;border-radius:var(--hds-space-core-radius-sm);overflow:hidden}.branded-invoice-dashboard-graphic__tile--icon{border:1px solid var(--hds-color-util-neutral-50);background-color:var(--hds-color-util-neutral-25)}.branded-invoice-dashboard-graphic__tile-icon{width:12px;height:12px;color:var(--hds-color-util-neutral-800)}.branded-invoice-dashboard-graphic__row-text{display:flex;flex-direction:column;gap:var(--hds-space-core-25);min-width:0}.branded-invoice-dashboard-graphic__row-heading{display:flex;align-items:center;gap:var(--hds-space-core-50)}.branded-invoice-dashboard-graphic__row-title{font-size:12px;font-weight:var(--hds-font-weight-bold);line-height:1.3;white-space:nowrap}.branded-invoice-dashboard-graphic__badge{padding:1px var(--hds-space-core-75) var(--hds-space-core-25);border-radius:var(--hds-space-core-radius-round);background-color:var(--hds-color-util-neutral-50);color:var(--hds-color-util-neutral-600);font-size:9px;font-weight:var(--hds-font-weight-bold);line-height:normal}.branded-invoice-dashboard-graphic__row-meta{color:var(--hds-color-util-neutral-600);font-size:9px;line-height:1.5;white-space:nowrap}.branded-invoice-dashboard-graphic__row-totals{display:flex;flex-direction:column;gap:var(--hds-space-core-25);text-align:end}.branded-invoice-dashboard-graphic__row-amount{font-size:11px;font-weight:var(--hds-font-weight-bold);line-height:1.4}.branded-invoice-dashboard-graphic__row-button{display:flex;align-items:center;gap:var(--hds-space-core-50);padding-block:var(--hds-space-core-100);padding-inline:10px;border-radius:var(--hds-space-core-radius-sm);font-size:9px;font-weight:var(--hds-font-weight-bold);line-height:1.4;white-space:nowrap}.branded-invoice-dashboard-graphic__row-button--pay{background-color:var(--hds-color-util-brand-75);color:var(--hds-color-util-brand-600)}.branded-invoice-dashboard-graphic__row-button--download{border:1px solid var(--hds-color-util-neutral-50)}.branded-invoice-dashboard-graphic__download-icon{flex-shrink:0;width:10px;height:10px}.branded-invoice-dashboard-graphic__invoice{position:absolute;inset-block-start:35px;inset-inline-start:205px;display:flex;flex-direction:column;gap:var(--hds-space-core-300);width:388px;height:446px;padding:var(--hds-space-core-300);border-radius:var(--hds-space-core-radius-md);background-color:var(--hds-color-util-neutral-0);box-shadow:var(--hds-shadow-xl);font-size:11px}@media (min-width:640px){.branded-invoice-dashboard-graphic__invoice{inset-block-start:162px;inset-inline-start:auto;inset-inline-end:-16px;border-end-start-radius:0;border-end-end-radius:0}}.branded-invoice-dashboard-graphic__brand{display:flex;align-items:center;gap:var(--hds-space-core-100)}.branded-invoice-dashboard-graphic__brand-logo{display:flex;align-items:center;justify-content:center;width:var(--hds-space-core-300);height:var(--hds-space-core-300);border-radius:var(--hds-space-core-radius-round);background-color:var(--branded-invoice-dashboard-graphic-brand-subdued);color:var(--branded-invoice-dashboard-graphic-brand)}.branded-invoice-dashboard-graphic__brand-mark{width:12px;height:12px}.branded-invoice-dashboard-graphic__wordmark{width:45px;height:11px}.branded-invoice-dashboard-graphic__invoice-body{display:flex;flex-direction:column;gap:var(--hds-space-core-200)}.branded-invoice-dashboard-graphic__summary{display:flex;flex-direction:column;gap:var(--hds-space-core-75)}.branded-invoice-dashboard-graphic__summary-label{color:var(--hds-color-util-neutral-600);line-height:1}.branded-invoice-dashboard-graphic__summary-amount{font-size:24px;font-weight:var(--hds-font-weight-bold);line-height:1}.branded-invoice-dashboard-graphic__details,.branded-invoice-dashboard-graphic__line-items{padding-block-start:var(--hds-space-core-200);border-block-start:1px solid var(--hds-color-util-neutral-50);line-height:normal}.branded-invoice-dashboard-graphic__details{display:grid;grid-template-columns:minmax(76px,max-content) minmax(0,1fr);gap:var(--hds-space-core-150) var(--hds-space-core-600)}.branded-invoice-dashboard-graphic__detail-label{color:var(--hds-color-util-neutral-600);white-space:nowrap}.branded-invoice-dashboard-graphic__line-items{display:flex;flex-direction:column;gap:var(--hds-space-core-150)}.branded-invoice-dashboard-graphic__line-item{display:flex;justify-content:space-between;gap:var(--hds-space-core-200);color:var(--hds-color-util-neutral-600)}.branded-invoice-dashboard-graphic__line-item--strong{color:var(--hds-color-util-neutral-990);font-weight:var(--hds-font-weight-bold)}.branded-invoice-dashboard-graphic__pay-button{display:flex;align-items:center;justify-content:center;height:34px;border-radius:var(--hds-space-core-radius-sm);background-color:var(--branded-invoice-dashboard-graphic-brand);color:var(--hds-color-core-neutral-0);font-weight:var(--hds-font-weight-bold);line-height:normal;letter-spacing:-.02em}.global-invoice-graphic{--global-invoice-graphic-accent:#6d2bf0;container:global-invoice-graphic/inline-size}.global-invoice-graphic__foreground{--graphic-with-background-fg-width:calc(100% * 392 / 608)}.global-invoice-graphic__panel{display:flex;flex-direction:column;gap:var(--hds-space-core-100);height:100%;padding:var(--hds-space-core-300);border-radius:var(--hds-space-core-radius-md);background-color:var(--hds-color-util-neutral-25);color:var(--hds-color-util-neutral-990);font-weight:var(--hds-font-weight-normal)}.global-invoice-graphic__card{border:1px solid var(--hds-color-util-neutral-50);border-radius:var(--hds-space-core-radius-md);background-color:var(--hds-color-util-neutral-0)}.global-invoice-graphic__invoice{display:flex;flex-direction:column;gap:var(--hds-space-core-150);padding-block:var(--hds-space-core-250);padding-inline:var(--hds-space-core-300)}.global-invoice-graphic__invoice-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--hds-space-core-200)}.global-invoice-graphic__amount-due{display:flex;flex-direction:column;gap:var(--hds-space-core-25)}.global-invoice-graphic__amount{font-size:24px;font-weight:var(--hds-font-weight-bold);line-height:31px}.global-invoice-graphic__due-date{color:var(--hds-color-util-neutral-600);font-size:11px;line-height:14px}.global-invoice-graphic__pdf{display:flex;flex-shrink:0;align-items:center;gap:var(--hds-space-core-50);height:20px;padding-inline:10px;border-radius:var(--hds-space-core-radius-round);background-color:var(--hds-color-util-neutral-0);box-shadow:var(--hds-shadow-sm);font-size:9px;font-weight:var(--hds-font-weight-bold);white-space:nowrap}.global-invoice-graphic__pdf-icon{width:10px;height:10px}.global-invoice-graphic__details{display:grid;grid-template-columns:max-content minmax(0,215px);gap:var(--hds-space-core-50) var(--hds-space-core-200);font-size:11px;line-height:16px}.global-invoice-graphic__detail-label,.global-invoice-graphic__view-details{color:var(--hds-color-util-neutral-600)}.global-invoice-graphic__view-details{display:flex;grid-column:2;align-items:center;gap:var(--hds-space-core-50);margin-block-start:var(--hds-space-core-100);padding-block-start:var(--hds-space-core-150);border-block-start:1px solid var(--hds-color-util-neutral-50);line-height:14px}.global-invoice-graphic__view-details-icon{flex-shrink:0;width:8px;height:8px;position:relative;top:1px}.global-invoice-graphic__payment{display:flex;flex-direction:column;gap:var(--hds-space-core-150);padding:var(--hds-space-core-300)}.global-invoice-graphic__field{display:flex;flex-direction:column;gap:var(--hds-space-core-100)}.global-invoice-graphic__field-label{font-size:11px;font-weight:var(--hds-font-weight-bold);line-height:19px}.global-invoice-graphic__options{display:flex;gap:var(--hds-space-core-75)}.global-invoice-graphic__options--methods{gap:var(--hds-space-core-50)}.global-invoice-graphic__option{display:flex;flex:1 1 0;align-items:center;gap:var(--hds-space-core-75);min-width:0;padding-block:var(--hds-space-core-50);padding-inline:var(--hds-space-core-100);border:1px solid var(--hds-color-util-neutral-50);border-radius:var(--hds-space-core-radius-sm);color:var(--hds-color-util-neutral-600);font-size:10px;font-weight:var(--hds-font-weight-bold);line-height:13px;white-space:nowrap}.global-invoice-graphic__option--method{gap:var(--hds-space-core-50);padding:var(--hds-space-core-150);border-radius:var(--hds-space-core-radius-md);line-height:12px}.global-invoice-graphic__option--selected{border-color:var(--global-invoice-graphic-accent);color:var(--global-invoice-graphic-accent)}.global-invoice-graphic__flag{flex-shrink:0;width:16px;height:16px}.global-invoice-graphic__method-icon{flex-shrink:0;width:12px;height:12px}.global-invoice-graphic__exchange-rate{color:var(--hds-color-util-neutral-600);font-size:10px;line-height:13px}.global-invoice-graphic__pay-button{display:flex;align-items:center;justify-content:center;height:34px;border-radius:var(--hds-space-core-radius-sm);background-color:var(--global-invoice-graphic-accent);color:var(--hds-color-core-neutral-0);font-size:12px;font-weight:var(--hds-font-weight-bold);line-height:18px;letter-spacing:-.02em}@container global-invoice-graphic (max-width: 440px){.global-invoice-graphic__foreground{--graphic-with-background-fg-width:80%}.global-invoice-graphic__panel{background-color:transparent}}.invoicing-collections-graphic{display:grid;width:100%;height:100%;color:var(--hds-color-util-neutral-990);font-weight:var(--hds-font-weight-normal)}.invoicing-collections-graphic>*{grid-area:1/1}.invoicing-collections-graphic__card{display:flex;flex-direction:column;gap:var(--hds-space-core-300);align-self:end;justify-self:start;width:400px;padding-block:var(--hds-space-core-300) var(--hds-space-core-150);padding-inline:var(--hds-space-core-300);border-radius:var(--hds-space-core-radius-md);background-color:var(--hds-color-util-neutral-0)}.invoicing-collections-graphic__title{font-size:18px;font-weight:var(--hds-font-weight-bold);line-height:1.4}.invoicing-collections-graphic__overview{display:flex;flex-direction:column;gap:10px}.invoicing-collections-graphic__summary{display:flex;flex-direction:column;gap:var(--hds-space-core-25)}.invoicing-collections-graphic__summary-label{color:var(--hds-color-util-neutral-600);font-size:12px;line-height:1.45}.invoicing-collections-graphic__summary-amount{font-size:14px;font-weight:var(--hds-font-weight-bold);line-height:1.4}.invoicing-collections-graphic__bar{display:flex;gap:var(--hds-space-core-1);height:12px}.invoicing-collections-graphic__bar-segment{flex-basis:0;border-radius:var(--hds-space-core-radius-xs)}.invoicing-collections-graphic__bar-segment--over-60,.invoicing-collections-graphic__swatch--over-60{background-color:var(--hds-color-util-brand-600)}.invoicing-collections-graphic__bar-segment--31-60,.invoicing-collections-graphic__swatch--31-60{background-color:var(--hds-color-util-brand-400)}.invoicing-collections-graphic__bar-segment--1-30,.invoicing-collections-graphic__swatch--1-30{background-color:var(--hds-color-util-brand-200)}.invoicing-collections-graphic__bar-segment--current,.invoicing-collections-graphic__swatch--current{background-color:var(--hds-color-util-brand-75)}.invoicing-collections-graphic__table{display:grid;grid-template-columns:minmax(0,1fr) minmax(max-content,100px) minmax(max-content,50px);font-size:12px;line-height:18px}.invoicing-collections-graphic__column-header{padding-block-end:var(--hds-space-core-100);color:var(--hds-color-util-neutral-600);font-size:11px;font-weight:var(--hds-font-weight-bold);line-height:16px;white-space:nowrap}.invoicing-collections-graphic__cell{padding-block:var(--hds-space-core-100);padding-inline-end:var(--hds-space-core-25);border-block-start:1px solid var(--hds-color-util-neutral-50);color:var(--hds-color-util-neutral-600);white-space:nowrap}.invoicing-collections-graphic__cell--age{display:flex;align-items:center;gap:var(--hds-space-core-100);color:var(--hds-color-util-neutral-800);font-weight:var(--hds-font-weight-bold);white-space:normal}.invoicing-collections-graphic__swatch{flex-shrink:0;width:10px;height:10px;border-radius:var(--hds-space-core-radius-xs)}.invoicing-collections-graphic__toast{display:flex;flex-direction:column;align-items:center;gap:var(--hds-space-core-75);align-self:start;justify-self:end;width:222px;padding:var(--hds-space-core-350);border-radius:var(--hds-space-core-radius-md);background-color:var(--hds-color-util-neutral-0);box-shadow:var(--hds-shadow-lg);text-align:center}.invoicing-collections-graphic__toast-icon{flex-shrink:0;width:16px;height:16px;color:var(--hds-color-util-brand-600)}.invoicing-collections-graphic__toast-text{display:flex;flex-direction:column;gap:var(--hds-space-core-50)}.invoicing-collections-graphic__toast-title{font-size:14px;font-weight:var(--hds-font-weight-bold);line-height:1.3}.invoicing-collections-graphic__toast-description{color:var(--hds-color-util-neutral-600);font-size:11px;line-height:1.3}@layer base{.side-by-side{display:grid;grid-template-columns:1fr;column-gap:var(--hds-space-layout-gap);row-gap:var(--hds-space-core-300);align-items:stretch}.side-by-side--reverse-when-stacked>:first-child{order:2}.side-by-side--reverse-when-stacked>:last-child{order:1}.side-by-side-row-gap{--side-by-side-row-gap-mb:var(--hds-space-core-300);--side-by-side-row-gap-tb:initial;--side-by-side-row-gap-dt:initial;row-gap:var(--side-by-side-row-gap-mb)}.side-by-side-column-gap{--side-by-side-column-gap-mb:var(--hds-space-layout-gap);--side-by-side-column-gap-tb:initial;--side-by-side-column-gap-dt:initial;column-gap:var(--side-by-side-column-gap-mb)}.side-by-side-align{--side-by-side-align-mb:stretch;--side-by-side-align-tb:initial;--side-by-side-align-dt:initial;align-items:var(--side-by-side-align-mb)}@media (min-width:640px){.side-by-side{grid-template-columns:var(
        --side-by-side-template-cols-tb,var(--side-by-side-template-cols,1fr)
      )}.side-by-side--reverse-when-stacked:not(.side-by-side--stacked-through-tablet)>:first-child,.side-by-side--reverse-when-stacked:not(.side-by-side--stacked-through-tablet)>:last-child{order:0}.side-by-side:not(.side-by-side-row-gap){row-gap:var(--hds-space-core-400)}.side-by-side-row-gap{row-gap:var(--side-by-side-row-gap-tb,var(--side-by-side-row-gap-mb))}.side-by-side-column-gap{column-gap:var(--side-by-side-column-gap-tb,var(--side-by-side-column-gap-mb))}.side-by-side-align{align-items:var(--side-by-side-align-tb,var(--side-by-side-align-mb))}}@media (min-width:940px){.side-by-side{grid-template-columns:var(
        --side-by-side-template-cols-dt,var(--side-by-side-template-cols-tb,var(--side-by-side-template-cols,1fr))
      )}.side-by-side--reverse-when-stacked>:first-child,.side-by-side--reverse-when-stacked>:last-child{order:0}.side-by-side-row-gap{row-gap:var(
        --side-by-side-row-gap-dt,var(--side-by-side-row-gap-tb,var(--side-by-side-row-gap-mb))
      )}.side-by-side-column-gap{column-gap:var(
        --side-by-side-column-gap-dt,var(--side-by-side-column-gap-tb,var(--side-by-side-column-gap-mb))
      )}.side-by-side-align{align-items:var(
        --side-by-side-align-dt,var(--side-by-side-align-tb,var(--side-by-side-align-mb))
      )}}.side-by-side-content{--side-by-side-content-max-width-mb:544px;--side-by-side-content-max-width-tb:initial;--side-by-side-content-max-width-dt:initial;min-width:0;max-width:var(--side-by-side-content-max-width-mb)}.side-by-side-content-padding-inline-buffer{--side-by-side-content-padding-inline-buffer-mb:0;--side-by-side-content-padding-inline-buffer-tb:initial;--side-by-side-content-padding-inline-buffer-dt:initial}.side-by-side-content--left.side-by-side-content-padding-inline-buffer{padding-inline-end:var(--side-by-side-content-padding-inline-buffer-mb)}.side-by-side-content--right.side-by-side-content-padding-inline-buffer{padding-inline-start:var(--side-by-side-content-padding-inline-buffer-mb)}@media (min-width:640px){.side-by-side-content{max-width:var(--side-by-side-content-max-width-tb,var(--side-by-side-content-max-width-mb))}.side-by-side-content--left.side-by-side-content-padding-inline-buffer{padding-inline-end:var(
        --side-by-side-content-padding-inline-buffer-tb,var(--side-by-side-content-padding-inline-buffer-mb)
      )}.side-by-side-content--right.side-by-side-content-padding-inline-buffer{padding-inline-start:var(
        --side-by-side-content-padding-inline-buffer-tb,var(--side-by-side-content-padding-inline-buffer-mb)
      )}}@media (min-width:940px){.side-by-side-content{max-width:var(
        --side-by-side-content-max-width-dt,var(--side-by-side-content-max-width-tb,var(--side-by-side-content-max-width-mb))
      )}.side-by-side-content--left.side-by-side-content-padding-inline-buffer{padding-inline-end:var(
        --side-by-side-content-padding-inline-buffer-dt,var(
          --side-by-side-content-padding-inline-buffer-tb,var(--side-by-side-content-padding-inline-buffer-mb)
        )
      )}.side-by-side-content--right.side-by-side-content-padding-inline-buffer{padding-inline-start:var(
        --side-by-side-content-padding-inline-buffer-dt,var(
          --side-by-side-content-padding-inline-buffer-tb,var(--side-by-side-content-padding-inline-buffer-mb)
        )
      )}}}.guide-card{--guide-card-content-overlap:84px;--guide-card-cta-translate-y:30px;--guide-card-hover-out-duration:750ms;--guide-card-content-margin-bottom:calc(-1 * var(--guide-card-content-overlap) + var(--hds-space-core-300));position:relative;display:grid;grid-template-columns:auto minmax(0,80px);width:100%;border:1px solid var(--hds-color-surface-border-quiet);border-radius:var(--hds-space-core-radius-md);overflow:hidden;-webkit-text-decoration:none;text-decoration:none}.guide-card:focus-visible{outline:var(--hds-focus-outline);outline-offset:var(--hds-focus-outline-offset)}@media (min-width:640px){.guide-card{grid-template-columns:auto minmax(0,180px)}}@media (min-width:940px){.guide-card{display:grid;grid-template-columns:1fr;grid-template-rows:subgrid;grid-row:span 2}}.guide-card--compact{--guide-card-content-overlap:36px;--guide-card-cta-translate-y:20px;--guide-card-hover-out-duration:500ms;--guide-card-content-margin-bottom:calc(-1 * var(--guide-card-content-overlap))}.guide-card--compact .guide-card__eyebrow{font-size:10.5px}.guide-card--compact .guide-card__title{font-size:19.5px;line-height:1.12;letter-spacing:-.01em}@media (min-width:940px){.guide-card--compact{max-width:300px}.guide-card--compact .guide-card__content{padding:18px;gap:var(--hds-space-core-150)}}@media (min-width:940px){:is(.guide-card--desktop-cta-reveal:hover,.guide-card--desktop-cta-reveal:focus-visible) .guide-card__content{clip-path:inset(0)}:is(.guide-card--desktop-cta-reveal:hover,.guide-card--desktop-cta-reveal:focus-visible) .guide-card__cta-container{opacity:1;transform:translateY(0)}}.guide-card__content{position:relative;display:flex;flex-direction:column;width:100%;padding:var(--hds-space-core-200);gap:var(--hds-space-core-200);background-color:var(--hds-color-surface-bg-quiet);z-index:1}@media (max-width:939px){.guide-card__content{padding-inline-end:var(--hds-space-core-400)}}@media (min-width:940px){.guide-card__content{padding:var(--hds-space-core-300)}.guide-card--desktop-cta-reveal .guide-card__content{clip-path:inset(0 0 var(--guide-card-content-overlap) 0);margin-bottom:var(--guide-card-content-margin-bottom)}}.guide-card__eyebrow{line-height:1}.guide-card__title{text-wrap:pretty;padding-block-end:var(--hds-space-core-50)}.guide-card__cta-container{margin-block-start:var(--hds-space-core-100)}@media (min-width:640px){.guide-card__cta-container{margin-block-start:var(--hds-space-core-250)}}@media (min-width:940px){.guide-card__cta-container{opacity:0;transform:translateY(var(--guide-card-cta-translate-y));margin-block-start:var(--hds-space-core-600)}}.guide-card__cta-container--mobile{display:block}@media (min-width:940px){.guide-card__cta-container--mobile{display:none}}.guide-card__cta-container--desktop{display:none}@media (min-width:940px){.guide-card__cta-container--desktop{display:block;margin-block-start:auto}}.guide-card__graphic{display:flex;height:100%;width:100%;background:var(--hds-color-util-neutral-50);pointer-events:none}@media (max-width:939px){.guide-card__graphic img{width:100%;height:100%;object-fit:cover}}@media (min-width:940px){.guide-card__graphic{position:relative;align-items:stretch}.guide-card__graphic img,.guide-card__graphic picture{width:100%;height:100%;object-fit:cover}}@supports (display:-webkit-box){.guide-card__title{text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}}@media (prefers-reduced-motion:no-preference) and (min-width:940px){@supports selector(:has(*)){.guide-card{--guide-card-hover-in-ease:cubic-bezier(0.16,1,0.3,1);--guide-card-hover-out-ease:cubic-bezier(0.33,1,0.68,1)}.guide-card--desktop-cta-reveal .guide-card__content{transition:clip-path var(--guide-card-hover-out-duration) var(--guide-card-hover-out-ease)}.guide-card--desktop-cta-reveal .guide-card__cta-container--desktop{transition:opacity .3s ease-out,transform var(--guide-card-hover-out-duration) var(--guide-card-hover-out-ease)}.guide-card--desktop-cta-reveal:focus-visible .guide-card__content,.guide-card--desktop-cta-reveal:hover .guide-card__content{transition:clip-path .75s var(--guide-card-hover-in-ease)}.guide-card--desktop-cta-reveal:focus-visible .guide-card__cta-container--desktop,.guide-card--desktop-cta-reveal:hover .guide-card__cta-container--desktop{transition:opacity .3s ease-out .1s,transform .75s var(--guide-card-hover-in-ease)}}:is(.guide-card--desktop-cta-reveal:hover,.guide-card--desktop-cta-reveal:focus-visible) .hds-icon-hover-arrow{--hds-hover-active:1}:is(.guide-card--desktop-cta-reveal:hover,.guide-card--desktop-cta-reveal:focus-visible) .hds-button--secondary{border:1px solid var(--hds-color-button-secondary-borderHover);color:var(--hds-color-button-secondary-textHover);background-color:var(--hds-color-button-secondary-bgHover)}}.invoicing-guides__cta{display:none}@media (min-width:940px){.invoicing-guides__cta{display:block}.invoicing-guides__guide-card{margin-inline-start:5px}}.invoicing-hero-graphic__foreground{--graphic-with-background-fg-width:calc(100% * 436 / 608)}.invoicing-hero-graphic{--invoicing-hero-graphic-accent:#6d2bf0;--invoicing-hero-graphic-accent-disabled:#bf9eff;--invoicing-hero-graphic-ease-out:cubic-bezier(0.22,0.61,0.36,1);--invoicing-hero-graphic-ease-in-out:cubic-bezier(0.65,0.05,0.36,1);--invoicing-hero-graphic-border:0.75px solid var(--hds-color-util-neutral-50);position:relative;width:100%;height:100%;overflow:hidden;border-start-start-radius:var(--hds-space-core-radius-md);border-start-end-radius:var(--hds-space-core-radius-md);background-color:var(--hds-color-util-neutral-0);color:var(--hds-color-util-neutral-990);font-size:9px;font-weight:var(--hds-font-weight-normal);line-height:11px}@media (scripting:enabled) and (prefers-reduced-motion:no-preference){.invoicing-hero-graphic--hidden{opacity:0}.invoicing-hero-graphic--lowered{translate:0 24px}}.invoicing-hero-graphic__soft{color:var(--hds-color-util-neutral-600)}.invoicing-hero-graphic__email-subject{--invoicing-hero-graphic-reveal-index:0}.invoicing-hero-graphic__email-sender{--invoicing-hero-graphic-reveal-index:1}.invoicing-hero-graphic__email-meta{--invoicing-hero-graphic-reveal-index:2}.invoicing-hero-graphic__brand{--invoicing-hero-graphic-reveal-index:3}.invoicing-hero-graphic__invoice{--invoicing-hero-graphic-reveal-index:4}.invoicing-hero-graphic__payment{--invoicing-hero-graphic-reveal-index:5}.invoicing-hero-graphic__footer{--invoicing-hero-graphic-reveal-index:6}.invoicing-hero-graphic__email-header{position:absolute;inset-block-start:14px;inset-inline:12px 14px;display:flex;flex-direction:column;gap:5px;color:var(--hds-color-util-neutral-600)}.invoicing-hero-graphic--payment-page-open .invoicing-hero-graphic__email-header{opacity:0;translate:0 -12px}.invoicing-hero-graphic__email-subject{display:flex;align-items:center;gap:var(--hds-space-core-50);color:var(--hds-color-util-neutral-990);font-size:12px;line-height:15px}.invoicing-hero-graphic__email-icon{flex-shrink:0;width:10px;height:10px;color:var(--hds-color-util-neutral-200)}.invoicing-hero-graphic__email-sender{display:flex;gap:var(--hds-space-core-50)}.invoicing-hero-graphic__email-sender-name,.invoicing-hero-graphic__email-to-label{color:var(--hds-color-util-neutral-990);font-weight:var(--hds-font-weight-bold)}.invoicing-hero-graphic__email-meta{display:flex;justify-content:space-between;gap:var(--hds-space-core-100)}.invoicing-hero-graphic__email-time{color:var(--hds-color-util-neutral-500);white-space:nowrap}.invoicing-hero-graphic__panel{position:absolute;inset-block-start:0;inset-inline:0;height:calc(100% + 20px);background-color:var(--hds-color-util-brand-25);clip-path:inset(73px 7px 0 6px round var(--hds-space-core-radius-md))}.invoicing-hero-graphic--payment-page-open .invoicing-hero-graphic__panel{clip-path:inset(0 round var(--hds-space-core-radius-md))}.invoicing-hero-graphic__checkout{position:absolute;inset-block-start:24px;inset-inline-start:89px;display:flex;flex-direction:column;gap:10px;width:258px;translate:-2px 65px}.invoicing-hero-graphic--payment-page-open .invoicing-hero-graphic__checkout{translate:0 0}.invoicing-hero-graphic__brand{display:flex;align-items:center;gap:var(--hds-space-core-75);height:22px}.invoicing-hero-graphic__brand-logo{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border:.75px solid var(--hds-color-util-neutral-50);border-radius:var(--hds-space-core-radius-round);background-color:var(--hds-color-util-neutral-0);color:var(--invoicing-hero-graphic-accent)}.invoicing-hero-graphic__brand-mark{width:12px;height:12px}.invoicing-hero-graphic__wordmark{width:45px;height:11px}.invoicing-hero-graphic__screens{display:flex;flex-direction:column;gap:var(--hds-space-core-75)}.invoicing-hero-graphic--payment-page-open .invoicing-hero-graphic__screens{gap:var(--hds-space-core-100)}.invoicing-hero-graphic--payment-page-open .invoicing-hero-graphic__screens--expanded{gap:0}.invoicing-hero-graphic__card{padding:18px;border:var(--invoicing-hero-graphic-border);border-radius:var(--hds-space-core-radius-md);background-color:var(--hds-color-util-neutral-0)}.invoicing-hero-graphic__invoice{display:grid;grid-template-columns:minmax(0,1fr);align-content:start;height:120px;overflow:hidden}.invoicing-hero-graphic__invoice>*{grid-area:1/1}.invoicing-hero-graphic__screens--expanded .invoicing-hero-graphic__invoice{height:311px}.invoicing-hero-graphic__invoice-content{display:flex;flex-direction:column;gap:var(--hds-space-core-150)}.invoicing-hero-graphic__screens--paying .invoicing-hero-graphic__invoice-content>*{opacity:0}.invoicing-hero-graphic__invoice-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--hds-space-core-100)}.invoicing-hero-graphic__amount-due{display:flex;flex-direction:column;gap:var(--hds-space-core-25)}.invoicing-hero-graphic__amount{font-size:19px;font-weight:var(--hds-font-weight-bold);line-height:24px;letter-spacing:-.002em}.invoicing-hero-graphic__pdf{display:flex;flex-shrink:0;align-items:center;gap:var(--hds-space-core-50);height:16px;padding-inline:7px;border-radius:var(--hds-space-core-radius-round);background-color:var(--hds-color-util-neutral-0);box-shadow:var(--hds-shadow-sm);font-size:8px;font-weight:var(--hds-font-weight-bold);line-height:10px;white-space:nowrap}.invoicing-hero-graphic__pdf-icon{flex-shrink:0;width:7px;height:7px}.invoicing-hero-graphic__details{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:var(--hds-space-core-25) 11px;line-height:12px;white-space:nowrap}.invoicing-hero-graphic__payment{display:grid;grid-template-columns:minmax(0,1fr);align-content:start;height:161px;overflow:hidden}.invoicing-hero-graphic__payment>*{grid-area:1/1}.invoicing-hero-graphic--payment-page-open .invoicing-hero-graphic__payment{height:172.5px}.invoicing-hero-graphic--payment-page-open .invoicing-hero-graphic__screens--paying .invoicing-hero-graphic__payment-form--card>*,.invoicing-hero-graphic__screens--paying .invoicing-hero-graphic__payment{opacity:0}.invoicing-hero-graphic--payment-page-open .invoicing-hero-graphic__screens--expanded .invoicing-hero-graphic__payment{height:0;padding-block:0;border-block-width:0}.invoicing-hero-graphic__payment-form{display:flex;flex-direction:column;gap:10px}.invoicing-hero-graphic__payment-form--card>*{opacity:0;translate:0 6px}.invoicing-hero-graphic--payment-page-open .invoicing-hero-graphic__payment-form--options>*{opacity:0}.invoicing-hero-graphic--payment-page-open .invoicing-hero-graphic__payment-form--card>*{opacity:1;translate:0 0}.invoicing-hero-graphic__field{display:flex;flex-direction:column;gap:var(--hds-space-core-75)}.invoicing-hero-graphic__field-label{line-height:10px;white-space:nowrap}.invoicing-hero-graphic__field-label--bold{font-weight:var(--hds-font-weight-bold);line-height:11px}.invoicing-hero-graphic__options{display:flex;gap:5px}.invoicing-hero-graphic__options--methods{display:grid;grid-template-columns:repeat(3,minmax(0,auto));gap:3px}.invoicing-hero-graphic__option{display:flex;flex:1 1 0;align-items:center;min-width:0;border:var(--invoicing-hero-graphic-border);border-radius:var(--hds-space-core-radius-sm);background-color:var(--hds-color-util-neutral-0);font-weight:var(--hds-font-weight-bold);white-space:nowrap}.invoicing-hero-graphic__option--currency{gap:var(--hds-space-core-50);padding:6px 7px}.invoicing-hero-graphic__option--method{gap:3px;height:28px;padding-inline:8.5px;color:var(--hds-color-util-neutral-600)}.invoicing-hero-graphic__option-label{min-width:0;overflow:hidden;text-overflow:ellipsis}.invoicing-hero-graphic__option--selected{border-color:var(--hds-color-util-brand-600)}.invoicing-hero-graphic__option--currency.invoicing-hero-graphic__option--selected{color:var(--hds-color-util-brand-600)}.invoicing-hero-graphic__flag{flex-shrink:0;width:13.2px;height:9.9px}.invoicing-hero-graphic__method-icon{flex-shrink:0;width:9.5px;height:9.5px}.invoicing-hero-graphic__button{display:flex;align-items:center;justify-content:center;height:28px;border-radius:var(--hds-space-core-radius-sm);background-color:var(--invoicing-hero-graphic-accent-disabled);color:var(--hds-color-util-neutral-0);font-weight:var(--hds-font-weight-bold);letter-spacing:-.02em;white-space:nowrap}.invoicing-hero-graphic__button--enabled{background-color:var(--invoicing-hero-graphic-accent)}.invoicing-hero-graphic__button--pressed{scale:.96}.invoicing-hero-graphic__button--outline{border:.75px solid var(--invoicing-hero-graphic-accent);background-color:transparent;color:var(--invoicing-hero-graphic-accent)}.invoicing-hero-graphic__input{display:flex;align-items:center;height:28px;padding-inline:9.5px;border:var(--invoicing-hero-graphic-border);border-radius:var(--hds-space-core-radius-sm);background-color:var(--hds-color-util-neutral-0)}.invoicing-hero-graphic__input--card-number{justify-content:space-between;gap:var(--hds-space-core-100)}.invoicing-hero-graphic__card-brands{display:flex;gap:2.7px}.invoicing-hero-graphic__card-brand{flex-shrink:0;width:16px;height:11px}.invoicing-hero-graphic__card-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--hds-space-core-75) var(--hds-space-core-50)}.invoicing-hero-graphic__input-placeholder,.invoicing-hero-graphic__input-text{line-height:10px;white-space:nowrap}.invoicing-hero-graphic__input-placeholder{color:var(--hds-color-util-neutral-600)}.invoicing-hero-graphic__receipt{display:flex;flex-direction:column;gap:18px}.invoicing-hero-graphic__receipt-part{opacity:0;translate:0 6px}.invoicing-hero-graphic__screens--paid .invoicing-hero-graphic__receipt-part{opacity:1;translate:0 0}.invoicing-hero-graphic__receipt-summary{display:flex;flex-direction:column;align-items:center;gap:var(--hds-space-core-75)}.invoicing-hero-graphic__invoice-illustration{position:relative;width:41px;height:50px}.invoicing-hero-graphic__invoice-document{position:absolute;inset-block-start:0;inset-inline-start:0;width:35.7px;height:43.7px;border-radius:2.4px;background-color:var(--hds-color-util-neutral-0);box-shadow:0 .6px 1.8px rgba(0,0,0,.06),0 2.9px 8.8px rgba(53,53,53,.04)}.invoicing-hero-graphic__invoice-document-line{position:absolute;border-radius:var(--hds-space-core-radius-round);background-color:var(--hds-color-util-neutral-50)}.invoicing-hero-graphic__invoice-check{position:absolute;inset-block-start:36.1px;inset-inline-start:27.1px;display:flex;width:13.9px;height:13.9px;border-radius:var(--hds-space-core-radius-round);background-color:var(--hds-color-util-neutral-0);box-shadow:var(--hds-shadow-md);opacity:0;scale:.4}.invoicing-hero-graphic__screens--paid .invoicing-hero-graphic__invoice-check{opacity:1;scale:1}.invoicing-hero-graphic__invoice-check-icon{width:100%;height:100%;color:var(--invoicing-hero-graphic-accent)}.invoicing-hero-graphic__receipt-heading{display:flex;flex-direction:column;align-items:center;gap:var(--hds-space-core-25);text-align:center}.invoicing-hero-graphic__view-details{display:flex;align-items:center;gap:var(--hds-space-core-50);color:var(--hds-color-util-neutral-600)}.invoicing-hero-graphic__view-details-icon{flex-shrink:0;width:3.47px;height:7.09px}.invoicing-hero-graphic__receipt-rows{display:flex;flex-direction:column;gap:10px}.invoicing-hero-graphic__receipt-row{display:flex;justify-content:space-between;gap:var(--hds-space-core-100);color:var(--hds-color-util-neutral-600);white-space:nowrap}.invoicing-hero-graphic__receipt-row+.invoicing-hero-graphic__receipt-row{padding-block-start:10px;border-block-start:var(--invoicing-hero-graphic-border)}.invoicing-hero-graphic__receipt-row-label--strong{color:var(--hds-color-util-neutral-990)}.invoicing-hero-graphic__receipt-actions{display:flex;gap:var(--hds-space-core-75)}.invoicing-hero-graphic__receipt-actions>.invoicing-hero-graphic__button{flex:1 1 0;min-width:0;height:25px;padding-inline:4px}.invoicing-hero-graphic__button-label{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.invoicing-hero-graphic__footer{display:flex;align-self:center;align-items:center;gap:10px;margin-block-start:4px;font-size:7.5px;font-weight:var(--hds-font-weight-bold);line-height:10px;opacity:.6}.invoicing-hero-graphic__footer-links,.invoicing-hero-graphic__powered-by{display:flex;align-items:center;gap:var(--hds-space-core-50)}.invoicing-hero-graphic__stripe-wordmark{width:25px;height:10.5px}.invoicing-hero-graphic__footer-divider{width:.67px;height:8px;background-color:currentColor}@keyframes invoicing-hero-graphic-reveal-in{0%{opacity:0;translate:0 12px}}@keyframes invoicing-hero-graphic-reveal-out{to{opacity:0;translate:0 12px}}@media (prefers-reduced-motion:no-preference){.invoicing-hero-graphic{transition:opacity .8s var(--invoicing-hero-graphic-ease-out),translate 1.4s var(--invoicing-hero-graphic-ease-out)}.invoicing-hero-graphic--revealed :is(.invoicing-hero-graphic__email-subject,.invoicing-hero-graphic__email-sender,.invoicing-hero-graphic__email-meta,.invoicing-hero-graphic__brand,.invoicing-hero-graphic__invoice,.invoicing-hero-graphic__payment,.invoicing-hero-graphic__footer){animation:invoicing-hero-graphic-reveal-in .8s var(--invoicing-hero-graphic-ease-out) backwards;animation-delay:calc(.25s + var(--invoicing-hero-graphic-reveal-index) * 90ms)}.invoicing-hero-graphic--leaving{transition:opacity .5s var(--invoicing-hero-graphic-ease-in-out) .4s,translate .7s var(--invoicing-hero-graphic-ease-in-out) .3s}.invoicing-hero-graphic--leaving :is(.invoicing-hero-graphic__email-subject,.invoicing-hero-graphic__email-sender,.invoicing-hero-graphic__email-meta,.invoicing-hero-graphic__brand,.invoicing-hero-graphic__invoice,.invoicing-hero-graphic__payment,.invoicing-hero-graphic__footer){animation:invoicing-hero-graphic-reveal-out .4s var(--invoicing-hero-graphic-ease-in-out) forwards;animation-delay:calc(var(--invoicing-hero-graphic-reveal-index) * 60ms)}.invoicing-hero-graphic__option{transition:border-color .3s var(--invoicing-hero-graphic-ease-out),color .3s var(--invoicing-hero-graphic-ease-out)}.invoicing-hero-graphic__button{transition:background-color .3s var(--invoicing-hero-graphic-ease-out),scale .15s var(--invoicing-hero-graphic-ease-out)}.invoicing-hero-graphic__email-header{transition:opacity .4s var(--invoicing-hero-graphic-ease-out),translate .6s var(--invoicing-hero-graphic-ease-in-out)}.invoicing-hero-graphic__panel{transition:clip-path .6s var(--invoicing-hero-graphic-ease-in-out)}.invoicing-hero-graphic__checkout{transition:translate .6s var(--invoicing-hero-graphic-ease-in-out)}.invoicing-hero-graphic__screens{transition:gap .7s var(--invoicing-hero-graphic-ease-in-out)}.invoicing-hero-graphic__payment-form>*{transition:opacity .4s var(--invoicing-hero-graphic-ease-out),translate .5s var(--invoicing-hero-graphic-ease-out)}.invoicing-hero-graphic__payment-form--options>:nth-child(2){transition-delay:70ms}.invoicing-hero-graphic__payment-form--card>:first-child{transition-delay:.65s}.invoicing-hero-graphic__payment-form--card>:nth-child(2){transition-delay:.74s}.invoicing-hero-graphic__payment-form--options>.invoicing-hero-graphic__button{transition:opacity .4s var(--invoicing-hero-graphic-ease-out) .14s,translate .5s var(--invoicing-hero-graphic-ease-out) .14s,background-color .3s var(--invoicing-hero-graphic-ease-out),scale .15s var(--invoicing-hero-graphic-ease-out)}.invoicing-hero-graphic__payment-form--card>.invoicing-hero-graphic__button{transition:opacity .4s var(--invoicing-hero-graphic-ease-out) .83s,translate .5s var(--invoicing-hero-graphic-ease-out) .83s,background-color .3s var(--invoicing-hero-graphic-ease-out),scale .15s var(--invoicing-hero-graphic-ease-out)}.invoicing-hero-graphic__invoice-content>*{transition:opacity .45s var(--invoicing-hero-graphic-ease-out)}.invoicing-hero-graphic__invoice-content>:nth-child(2){transition-delay:80ms}.invoicing-hero-graphic--payment-page-open .invoicing-hero-graphic__screens--paying .invoicing-hero-graphic__payment-form--card>*{transition-delay:0ms}.invoicing-hero-graphic--payment-page-open .invoicing-hero-graphic__screens--paying .invoicing-hero-graphic__payment-form--card>:nth-child(2){transition-delay:70ms}.invoicing-hero-graphic--payment-page-open .invoicing-hero-graphic__screens--paying .invoicing-hero-graphic__payment-form--card>.invoicing-hero-graphic__button{transition:opacity .4s var(--invoicing-hero-graphic-ease-out) .14s,translate .5s var(--invoicing-hero-graphic-ease-out) .14s,background-color .3s var(--invoicing-hero-graphic-ease-out),scale .15s var(--invoicing-hero-graphic-ease-out)}.invoicing-hero-graphic__payment{transition:height .7s var(--invoicing-hero-graphic-ease-in-out),padding-block .7s var(--invoicing-hero-graphic-ease-in-out),opacity .4s var(--invoicing-hero-graphic-ease-out) .45s}.invoicing-hero-graphic__invoice{transition:height .7s var(--invoicing-hero-graphic-ease-in-out)}.invoicing-hero-graphic__receipt-part{transition:opacity .6s var(--invoicing-hero-graphic-ease-out),translate .7s var(--invoicing-hero-graphic-ease-out)}.invoicing-hero-graphic__receipt-rows{transition-delay:.12s}.invoicing-hero-graphic__receipt-actions{transition-delay:.24s}.invoicing-hero-graphic__invoice-check{transition:opacity .3s var(--invoicing-hero-graphic-ease-out) .45s,scale .45s var(--invoicing-hero-graphic-ease-out) .45s}}.invoicing-hero-graphic--instant,.invoicing-hero-graphic--instant *{transition:none!important}.treasury-invoice-graphic__modal{display:flex;flex-direction:column;gap:var(--hds-space-core-200);height:100%;border-radius:var(--hds-space-core-radius-md);background-color:var(--hds-color-util-neutral-0);color:var(--hds-color-util-neutral-990);font-weight:var(--hds-font-weight-normal);overflow:hidden}.treasury-invoice-graphic__header{display:flex;flex-direction:column;gap:var(--hds-space-core-150);padding-block-start:var(--hds-space-core-300);padding-inline:var(--hds-space-core-400);white-space:nowrap}.treasury-invoice-graphic__label{color:var(--hds-color-util-neutral-600);font-size:14px;line-height:1}.treasury-invoice-graphic__total{font-size:26px;line-height:1.07;letter-spacing:-.01em}.treasury-invoice-graphic__actions{display:flex;justify-content:space-between;gap:var(--hds-space-core-50);padding-block-end:var(--hds-space-core-50);padding-inline:var(--hds-space-core-400)}.treasury-invoice-graphic__action{display:flex;flex-shrink:0;align-items:center;gap:var(--hds-space-core-75);height:28px;padding-inline:10px;border:1px solid var(--hds-color-util-neutral-50);border-radius:var(--hds-space-core-radius-round);font-size:12px;font-weight:var(--hds-font-weight-bold);line-height:1.45;white-space:nowrap}.treasury-invoice-graphic__action-icon{flex-shrink:0;width:12px;height:12px;color:var(--hds-color-util-neutral-700)}.treasury-invoice-graphic__balances{display:flex;flex:1;gap:var(--hds-space-core-100);min-height:0;padding-block-end:var(--hds-space-core-400);padding-inline:var(--hds-space-core-400)}.treasury-invoice-graphic__balance{display:flex;flex:1 1 0;flex-direction:column;gap:3px;min-width:0;padding:var(--hds-space-core-150);border:1px solid var(--hds-color-util-neutral-50);border-radius:var(--hds-space-core-radius-md);background-color:var(--hds-color-util-neutral-25)}.treasury-invoice-graphic__currency{display:flex;align-items:center;gap:var(--hds-space-core-75);font-size:12px;font-weight:var(--hds-font-weight-bold);line-height:1.45}.treasury-invoice-graphic__flag{flex-shrink:0;width:22px;height:16px}.treasury-invoice-graphic__amount{font-size:18px;line-height:1.4}.treasury-invoice-graphic__account{color:var(--hds-color-util-neutral-500);font-size:12px;line-height:1.45}.business-graphic{display:flex;width:100%;height:100%;background:var(--hds-color-util-white);overflow:hidden;font-weight:var(--hds-font-weight-normal)}.business-graphic--mobile{width:662px;height:680px;background:var(--hds-color-util-white);border-top-left-radius:var(--hds-space-core-radius-sm)}@media (min-width:640px){.business-graphic--mobile{display:none}}.business-graphic-browser .browser-graphic__url-box-text{transform:translateY(0)}@media (max-width:639px){.business-graphic-browser{display:none}}.business-graphic__sidebar{display:flex;flex-direction:column;width:180px;flex-shrink:0;border-right:1px solid var(--hds-color-util-border-quiet);overflow:hidden}.business-graphic__account{display:flex;align-items:center;gap:var(--hds-space-core-75);padding-block:var(--hds-space-core-300) 14px;padding-inline:var(--hds-space-core-200)}.business-graphic__account-logo{width:19px;height:19px}.business-graphic__account-name{font-size:11px;font-weight:var(--hds-font-weight-bold);line-height:1;letter-spacing:-.011em;margin-block-end:var(--hds-space-core-25)}.business-graphic__nav{gap:22px;padding:var(--hds-space-core-200);overflow:hidden}.business-graphic__nav,.business-graphic__nav-group{display:flex;flex-direction:column}.business-graphic__nav-section-label{color:var(--hds-color-util-neutral-500);font-size:9px;line-height:1.75;margin-bottom:var(--hds-space-core-25);white-space:nowrap}.business-graphic__nav-item{display:flex;align-items:center;gap:var(--hds-space-core-75);height:24px;color:var(--hds-color-util-neutral-990);font-size:11px;line-height:1;letter-spacing:-.01em;white-space:nowrap}.business-graphic__nav-item--active{color:var(--hds-color-util-brand-600);font-weight:var(--hds-font-weight-bold)}.business-graphic__nav-item--sub{padding-left:22px}.business-graphic__nav-icon{width:16px;height:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--hds-color-util-neutral-500)}.business-graphic__nav-item--active .business-graphic__nav-icon{color:var(--hds-color-util-brand-600)}.business-graphic__nav-group-trigger{display:flex;align-items:center;justify-content:space-between}.business-graphic__nav-group-trigger .business-graphic__nav-item{flex:1}.business-graphic__chevron{display:flex;align-items:center;justify-content:center;width:19px;height:19px;color:var(--hds-color-util-neutral-500);flex-shrink:0}.business-graphic__main{flex:1;display:flex;flex-direction:column;padding-block:var(--hds-space-core-350) 0;padding-inline:var(--hds-space-core-400) var(--hds-space-core-500);min-width:0;overflow:hidden}.business-graphic--mobile .business-graphic__main{padding-block:var(--hds-space-core-300) 0;padding-inline:var(--hds-space-core-300) var(--hds-space-core-500);transform-origin:top left;transform:scale(1.18)}.business-graphic__page-header{display:flex;flex-direction:column;gap:3px;flex-shrink:0}.business-graphic__title{color:var(--hds-color-util-neutral-990);font-size:20px;font-weight:var(--hds-font-weight-bold);line-height:1.2;white-space:nowrap}.business-graphic__tabs{display:flex;gap:19px;border-bottom:1px solid var(--hds-color-util-border-quiet)}.business-graphic__tab{padding-block:var(--hds-space-core-100) 10px;color:var(--hds-color-util-neutral-600);font-size:12px;font-weight:var(--hds-font-weight-bold);line-height:1;white-space:nowrap}.business-graphic__tab--active{color:var(--hds-color-util-brand-600);border-bottom:2px solid var(--hds-color-util-brand-600);margin-bottom:-1px}.business-graphic__columns{display:flex;gap:var(--hds-space-core-500);margin-top:19px;flex:1;min-height:0}.business-graphic__left-col{display:flex;flex-direction:column;gap:var(--hds-space-core-200);width:492px;flex-shrink:0}.business-graphic--mobile .business-graphic__left-col{width:410px}.business-graphic__section-title{color:var(--hds-color-util-neutral-990);font-size:14px;font-weight:var(--hds-font-weight-bold);line-height:1.3;margin-bottom:5px;white-space:nowrap}.business-graphic__section-desc{color:var(--hds-color-core-neutral-600);font-size:11px;line-height:1.4;max-width:430px}.business-graphic__section-desc-link{color:var(--hds-color-util-brand-600);font-weight:var(--hds-font-weight-bold)}.business-graphic__stat-cards{display:flex;gap:var(--hds-space-core-100)}.business-graphic__stat-card{flex:1;padding-block:var(--hds-space-core-100);padding-inline:10px;border:1px solid var(--hds-color-util-border-quiet);border-radius:var(--hds-space-core-radius-sm);background:var(--hds-color-util-white)}.business-graphic__stat-card--selected{border-color:var(--hds-color-util-brand-600)}.business-graphic__stat-card--selected .business-graphic__stat-label{color:var(--hds-color-util-brand-600)}.business-graphic__stat-label{color:var(--hds-color-core-neutral-600);font-size:12px;line-height:1.3;margin-bottom:var(--hds-space-core-25)}.business-graphic__stat-value{color:var(--hds-color-util-neutral-990);font-size:14px;font-weight:var(--hds-font-weight-bold);line-height:1.3}.business-graphic__chart-area{padding-block-start:var(--hds-space-core-100);position:relative;display:flex;gap:var(--hds-space-core-75)}.business-graphic__chart{position:relative;flex:1}.business-graphic__gridlines{position:absolute;top:0;left:0;right:0;height:calc(100% - 24px);display:flex;flex-direction:column;justify-content:space-between;pointer-events:none}.business-graphic--mobile .business-graphic__gridlines{height:calc(100% - 24px)}.business-graphic__gridline{width:100%;height:1px;background-color:var(--hds-color-util-border-quiet)}.business-graphic__bars{position:relative;display:flex;align-items:flex-end;justify-content:space-between;height:calc(100% - 6px);z-index:1;padding:0 16px}.business-graphic--mobile .business-graphic__bars{width:113%}.business-graphic__bar-col{display:flex;flex-direction:column;align-items:center;gap:var(--hds-space-core-25);width:84px}.business-graphic__bar-segment{width:84px;border-radius:2px;flex-shrink:0}.business-graphic__bar-segment--failed{background-color:var(--hds-color-core-magenta-350)}.business-graphic__bar-segment--success{background-color:#ffafec}.business-graphic__x-label{margin-block-start:var(--hds-space-core-75);color:var(--hds-color-core-neutral-600);font-size:10px;line-height:1;white-space:nowrap;text-align:center}.business-graphic--mobile .business-graphic__x-label{font-size:10px}.business-graphic__y-axis{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end;padding-block-end:var(--hds-space-core-75);width:18px;flex-shrink:0;padding-block-end:14px;transform:translateY(-6px)}.business-graphic--mobile .business-graphic__y-axis{display:none}.business-graphic__y-label{color:var(--hds-color-core-neutral-600);font-size:10px;line-height:1;white-space:nowrap}.business-graphic__legend{display:flex;flex-direction:column;gap:var(--hds-space-core-25)}.business-graphic__legend-row{display:flex;align-items:center;gap:9px;padding-block:var(--hds-space-core-75);padding-inline:3px;border-bottom:1px solid var(--hds-color-util-border-quiet)}.business-graphic__legend-row:last-child{border-bottom:none}.business-graphic__legend-key{display:flex;align-items:center;gap:9px;flex:1;min-width:0}.business-graphic__legend-swatch{width:9px;height:9px;border-radius:2px;flex-shrink:0}.business-graphic__legend-swatch--success{background-color:#ffafec;border:1px solid #ffafec}.business-graphic__legend-swatch--failed{background-color:var(--hds-color-core-magenta-350)}.business-graphic__legend-label{color:var(--hds-color-util-neutral-990);font-size:11px;line-height:1.3}.business-graphic__legend-value{color:var(--hds-color-util-neutral-990);font-size:11px;font-weight:var(--hds-font-weight-bold);line-height:1;width:50px;text-align:right;flex-shrink:0}.business-graphic__legend-arrow{display:flex;align-items:center;color:var(--hds-color-util-neutral-500);flex-shrink:0}.business-graphic__right-col{flex:1;display:flex;flex-direction:column;min-width:0}.business-graphic__resources-title{color:var(--hds-color-util-neutral-990);font-size:14px;font-weight:var(--hds-font-weight-bold);line-height:1.3;padding-block-end:var(--hds-space-core-75)}.business-graphic__resource-item{display:flex;align-items:center;gap:var(--hds-space-core-75);padding-block:var(--hds-space-core-75)}.business-graphic__resource-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background-color:#f8fafd;border-radius:2px;border:1px solid var(--hds-color-core-neutral-50);flex-shrink:0;color:var(--hds-color-util-neutral-500)}.business-graphic__resource-name{color:var(--hds-color-util-neutral-990);font-size:11px;font-weight:var(--hds-font-weight-bold)}.business-graphic__resource-desc,.business-graphic__resource-name{line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.business-graphic__resource-desc{color:var(--hds-color-core-neutral-600);font-size:9px}@media (max-width:639px){.radar-business-graphic .graphic-with-background__foreground{padding-inline-end:0}}