/* Settings */
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
:root {
  /* HubSpot DND layout grid */
  --yncu--column__gap: 2.13%;
  --yncu--column__widthMultiplier: 8.333;
  /* Sections */
  --yncu--contentWrapper--narrow__maxWidth:  768px ;
  --yncu--contentWrapper--medium__maxWidth:  1120px ;
  --yncu--contentWrapper--wide__maxWidth:  1440px ;
  --yncu--section--extraSmall__verticalPadding:  48px ;
  --yncu--section--small__verticalPadding:  64px ;
  --yncu--section--medium__verticalPadding:  96px ;
  --yncu--section--large__verticalPadding:  128px ;
  --yncu--section--extraLarge__verticalPadding:  192px ;
  /* Default section left/right padding */
  --yncu--section--horizontalPadding: var(--yncu--content-gutter, 28px);
  --yncu--contentWrapper__totalInset: calc(var(--yncu--section--horizontalPadding) * 2);
  /* Gap - default gaps that could be easily leveraged in module styles via class names */
  --yncu--gap--extraSmall:  16px ;
  --yncu--gap--small:  24px ;
  --yncu--gap--medium:  32px ;
  --yncu--gap--large:  64px ;
  --yncu--gap--extraLarge:  96px ;
  /* Figma scale */
  --yncu--scale--0:  0px ;
  --yncu--scale--25:  1px ;
  --yncu--scale--50:  2px ;
  --yncu--scale--100:  4px ;
  --yncu--scale--200:  8px ;
  --yncu--scale--300:  12px ;
  --yncu--scale--400:  16px ;
  --yncu--scale--500:  20px ;
  --yncu--scale--600:  24px ;
  --yncu--scale--700:  32px ;
  --yncu--scale--800:  40px ;
  --yncu--scale--900:  48px ;
  --yncu--scale--1000:  60px ;
  --yncu--scale--1100:  80px ;
  --yncu--scale--1200:  96px ;
  --yncu--scale--1300:  120px ;
  --yncu--scale--1400:  144px ;
  /* Spacing - default spacing values */
  --yncu--spacing--4: var(--yncu--scale--100);
  --yncu--spacing--8: var(--yncu--scale--200);
  --yncu--spacing--12: var(--yncu--scale--300);
  --yncu--spacing--16: var(--yncu--scale--400);
  --yncu--spacing--20: var(--yncu--scale--500);
  --yncu--spacing--24: var(--yncu--scale--600);
  --yncu--spacing--32: var(--yncu--scale--700);
  --yncu--spacing--40: var(--yncu--scale--800);
  --yncu--spacing--48: var(--yncu--scale--900);
  --yncu--spacing--56:  56px ;
  --yncu--spacing--64:  64px ;
  --yncu--spacing--72:  72px ;
  --yncu--spacing--80: var(--yncu--scale--1100);
  --yncu--spacing--88:  88px ;
  --yncu--spacing--96: var(--yncu--scale--1200);
  --yncu--spacing--104:  104px ;
  --yncu--spacing--112:  112px ;
  --yncu--spacing--120: var(--yncu--scale--1300);
  --yncu--spacing--128:  128px ;
  --yncu--spacing--136:  136px ;
  --yncu--spacing--144: var(--yncu--scale--1400);
  --yncu--spacing--152:  152px ;
  --yncu--spacing--160:  160px ;
  --yncu--spacing--168:  168px ;
  --yncu--spacing--176:  176px ;
  --yncu--spacing--184:  184px ;
  --yncu--spacing--192:  192px ;

  /* Figma semantic radii */
  --yncu--radius--xxs: var(--yncu--scale--50);
  --yncu--radius--xs: var(--yncu--scale--200);
  --yncu--radius--sm: var(--yncu--scale--400);
  --yncu--radius--md: var(--yncu--scale--600);
  --yncu--radius--lg: var(--yncu--scale--800);
  --yncu--radius--xl: var(--yncu--scale--1000);

  /* Grids */
  --default-section-padding: var(--yncu--section--medium__verticalPadding) var(--yncu--section--horizontalPadding);
  --default-section-margin: 0;
  --default-section-max-width: var(--yncu--contentWrapper--wide__maxWidth);
  --default-container-padding: 0;
  --default-container-margin: 0;
  --default-container-gap: var(--yncu--gap--medium);
  --default-container-row-gap: var(--yncu--gap--medium);
  --default-container-column-gap: var(--yncu--gap--medium);
  --default-table-padding: 0;
  --default-table-margin: 0;
  --default-table-row-gap: var(--yncu--gap--medium);
  --default-table-column-gap: var(--yncu--gap--medium);
}
  
  
  
  
  
  
  
  
  
  
:root {
  /* Figma typography primitives */
  --yncu--font-family--montserrat: var(--yncu--body__font);
  --font-primary: var(--yncu--body__font);
  --yncu--font-weight--thin: 100;
  --yncu--font-weight--extraLight: 200;
  --yncu--font-weight--light: 300;
  --yncu--font-weight--regular: 400;
  --yncu--font-weight--medium: 500;
  --yncu--font-weight--semiBold: 600;
  --yncu--font-weight--bold: 700;
  --yncu--font-weight--extraBold: 800;
  --yncu--font-weight--black: 900;
  /* Text spacing */
  --yncu--text--extraSmall__margin: 0 0.75rem;
  /* 12px */
  --yncu--text--small__margin: 0 1.25rem;
  /* 20px */
  --yncu--text__margin: 0 2rem;
  /* 32px */
  --yncu--text--large__margin: 0 2.5rem;
  /* 40px */
  --yncu--text--extraLarge__margin: 0 4rem;
  /* 64px */
  /* Body */
  --yncu--baseText__fontSize:  16px ;
    
    --yncu--body__font: 'YNCU Montserrat Fallback', 'YNCU Montserrat Extended', 'Montserrat Fallback', sans-serif;
    
  --yncu--body--small__fontSize:  0.889rem ;
  --yncu--body__fontSize:  1.0rem ;
  --yncu--body--large__fontSize:  1.333rem ;
  --yncu--body--extraLarge__fontSize:  1.777rem ;
  --yncu--body__fontWeight:  400 ;
  --yncu--body__fontStyle:   ;
  --yncu--body__lineHeight: 1.55;
  /* Primary links */
  --yncu--link--primary__fontColor:  #1C875A ;
    
    --yncu--link--primary__textDecoration: none;
    --yncu--link--primary__textDecorationColor: transparent;
    
  /* Hover state */
  --yncu--link--primary__hover--fontColor:  #1C875A ;
    
    --yncu--link--primary__hover--textDecoration: none;
    --yncu--link--primary__hover--textDecorationColor: transparent;
    
  /* Secondary links */
  --yncu--link--secondary__fontColor:  #53C595 ;
    
    --yncu--link--secondary__textDecoration: none;
    --yncu--link--secondary__textDecorationColor: transparent;
    
  /* Hover state */
  --yncu--link--secondary__hover--fontColor:  #53C595 ;
    
    --yncu--link--secondary__hover--textDecoration: none;
    --yncu--link--secondary__hover--textDecorationColor: transparent;
    
  /* Headings */
  /* Percentage change for the heading font sizes on mobile */
  --yncu--heading__tablet-modifier: 0.8;
  --yncu--heading__lineHeight: 1.2;
  /* Per-element line-heights */
  --yncu--display__lineHeight: 96px;
  --yncu--h1__lineHeight: 56px;
  --yncu--h2__lineHeight: 52px;
  --yncu--h3__lineHeight: 40px;
  --yncu--h4__lineHeight: 32px;
  --yncu--h5__lineHeight: 28px;
  --yncu--h6__lineHeight: 24px;
  --yncu--paragraph__lineHeight: 28px;
  --yncu--blockquote__lineHeight: 32px;
  --yncu--caption__lineHeight: 16px;
  --yncu--display1__fontSize: 6.313rem;
  --yncu--display2__fontSize: 4.75rem;
  --yncu--h1__fontSize:  3.0rem ;
  --yncu--h1__fontWeight:  700 ;
  --yncu--h1__fontStyle:   ;
  --yncu--h2__fontSize:  2.5rem ;
  --yncu--h2__fontWeight:  700 ;
  --yncu--h2__fontStyle:   ;
  --yncu--h3__fontSize:  2.0rem ;
  --yncu--h3__fontWeight:  600 ;
  --yncu--h3__fontStyle:   ;
  --yncu--h4__fontSize:  1.5rem ;
  --yncu--h4__fontWeight:  600 ;
  --yncu--h4__fontStyle:   ;
  --yncu--h5__fontSize:  1.25rem ;
  --yncu--h5__fontWeight:  600 ;
  --yncu--h5__fontStyle:   ;
  --yncu--h6__fontSize:  1.0rem ;
  --yncu--h6__fontWeight:  500 ;
  --yncu--h6__fontStyle:   ;
  /* Quotes */
  --yncu--quotes__fontColor:   ;
  --yncu--quotes__fontSize:  1.0rem ;
  --yncu--quotes__fontWeight:   ;
  --yncu--quotes__fontStyle:   ;
  /* Captions */
  --yncu--captions__fontSize:  0.75rem ;
  --yncu--captions__fontWeight:   ;
  --yncu--captions__fontStyle:   ;
  --yncu--captions__case:  uppercase ;
  /* Images */
  --yncu--rteImages__margin: 2rem;
  /* 32px */
}
  
:root {
  /* Primary */
  --yncu--color--primary--50:  #D4F0E4 ;
  --yncu--color--primary--100:  #A9E2CA ;
  --yncu--color--primary--200:  #7ED3AF ;
  --yncu--color--primary--300:  #53C595 ;
  --yncu--color--primary--400:  #28B67A ;
  --yncu--color--primary--500:  #189C6C ;
  --yncu--color--primary--600:  #1C875A ;
  --yncu--color--primary--700:  #186D49 ;
  --yncu--color--primary--800:  #104931 ;
  --yncu--color--primary--900:  #082418 ;
  /* Neutral */
  --yncu--color--neutral--50:  #F7F9FA ;
  --yncu--color--neutral--100:  #EEF2F4 ;
  --yncu--color--neutral--200:  #E1E7EA ;
  --yncu--color--neutral--300:  #D2DADF ;
  --yncu--color--neutral--400:  #B4BEC5 ;
  --yncu--color--neutral--500:  #8A969E ;
  --yncu--color--neutral--600:  #5F6B73 ;
  --yncu--color--neutral--700:  #3E4950 ;
  --yncu--color--neutral--800:  #2A3238 ;
  --yncu--color--neutral--900:  #161C20 ;
  /* Information */
  --yncu--color--information--50:  #ECF3FF ;
  --yncu--color--information--100:  #D7E4FB ;
  --yncu--color--information--200:  #AFC9F8 ;
  --yncu--color--information--300:  #87ADF4 ;
  --yncu--color--information--400:  #5F92F1 ;
  --yncu--color--information--500:  #0562FA ;
  --yncu--color--information--600:  #2C5FBE ;
  --yncu--color--information--700:  #21478E ;
  --yncu--color--information--800:  #16305F ;
  --yncu--color--information--900:  #0B182F ;
  /* Error */
  --yncu--color--error--50:  #FFF3F3 ;
  --yncu--color--error--100:  #FBD9D7 ;
  --yncu--color--error--200:  #F8B4AF ;
  --yncu--color--error--300:  #F48E87 ;
  --yncu--color--error--400:  #F1695F ;
  --yncu--color--error--500:  #ED4337 ;
  --yncu--color--error--600:  #BE362C ;
  --yncu--color--error--700:  #8E2821 ;
  --yncu--color--error--800:  #5F1B16 ;
  --yncu--color--error--900:  #2F0D0B ;
  /* Warning */
  --yncu--color--warning--50:  #FFF5EE ;
  --yncu--color--warning--100:  #FFE4D1 ;
  --yncu--color--warning--200:  #FFCAA3 ;
  --yncu--color--warning--300:  #FFAF76 ;
  --yncu--color--warning--400:  #FF9548 ;
  --yncu--color--warning--500:  #FF7A1A ;
  --yncu--color--warning--600:  #CC6215 ;
  --yncu--color--warning--700:  #994910 ;
  --yncu--color--warning--800:  #66310A ;
  --yncu--color--warning--900:  #331805 ;
  /* Success */
  --yncu--color--success--50:  #F3FFFA ;
  --yncu--color--success--100:  #D4F0E4 ;
  --yncu--color--success--200:  #A9E2CA ;
  --yncu--color--success--300:  #7ED3AF ;
  --yncu--color--success--400:  #53C595 ;
  --yncu--color--success--500:  #28B67A ;
  --yncu--color--success--600:  #1C875A ;
  --yncu--color--success--700:  #186D49 ;
  --yncu--color--success--800:  #104931 ;
  --yncu--color--success--900:  #082418 ;
  /* Foundations */
  --yncu--color--foundations--white:  #FFFFFF ;
  --yncu--color--foundations--black:  #000000 ;

  /* Figma semantic colors */
  /* Text */
  --yncu--color--text--body: var(--yncu--color--neutral--600);
  --yncu--color--text--on-black: var(--yncu--color--foundations--white);
  --yncu--color--text--placeholder: var(--yncu--color--neutral--600);
  --yncu--color--text--action: var(--yncu--color--neutral--900);
  --yncu--color--text--action-hover: var(--yncu--color--success--600);
  --yncu--color--text--heading: var(--yncu--color--neutral--900);
  --yncu--color--text--disabled: var(--yncu--color--neutral--200);
  --yncu--color--text--information: var(--yncu--color--information--700);
  --yncu--color--text--success: var(--yncu--color--success--600);
  --yncu--color--text--error: var(--yncu--color--error--600);
  --yncu--color--text--warning: var(--yncu--color--warning--700);
  --yncu--color--text--on-color: var(--yncu--color--neutral--600);
  /* Surface */
  --yncu--color--surface--default: var(--yncu--color--foundations--white);
  --yncu--color--surface--primary: var(--yncu--color--neutral--50);
  --yncu--color--surface--success: var(--yncu--color--success--50);
  --yncu--color--surface--error: var(--yncu--color--error--50);
  --yncu--color--surface--information: var(--yncu--color--information--50);
  --yncu--color--surface--information-2: var(--yncu--color--information--500);
  --yncu--color--surface--warning: var(--yncu--color--warning--50);
  --yncu--color--surface--action: var(--yncu--color--foundations--black);
  --yncu--color--surface--action-hover: var(--yncu--color--success--700);
  --yncu--color--surface--tip: var(--yncu--color--neutral--700);
  --yncu--color--surface--secondary: var(--yncu--color--foundations--black);
  --yncu--color--surface--tertiary: var(--yncu--color--foundations--black);
  --yncu--color--surface--secondary-hover: var(--yncu--color--neutral--100);
  /* Border */
  --yncu--color--border--primary: var(--yncu--color--neutral--100);
  --yncu--color--border--input: var(--yncu--color--neutral--300);
  --yncu--color--border--error: var(--yncu--color--error--100);
  --yncu--color--border--disabled: var(--yncu--color--neutral--200);
  --yncu--color--border--selected: var(--yncu--color--primary--300);
  --yncu--color--border--warning: var(--yncu--color--warning--100);
  --yncu--color--border--information: var(--yncu--color--information--100);
  --yncu--color--border--success: var(--yncu--color--success--100);
  /* Icon */
  --yncu--color--icon--form-icon-default: var(--yncu--color--neutral--500);
  --yncu--color--icon--form-icon-selected: var(--yncu--color--primary--300);
  --yncu--color--icon--form-icon-button: var(--yncu--color--foundations--white);
  --yncu--color--icon--form-icon-error: var(--yncu--color--error--600);
  --yncu--color--icon--form-icon-warning: var(--yncu--color--warning--600);
  --yncu--color--icon--form-icon-info-topic: var(--yncu--color--information--500);
  --yncu--color--icon--form-icon-neautral-topic: var(--yncu--color--neutral--700);
  --yncu--color--icon--form-icon-success: var(--yncu--color--success--600);

}
  
  
  
  
:root {
  /* Primary button variables */
  --yncu--button--primary__buttonFill:  filled ;
  /* TODO: Look into why primary_button.text.size ~ primary_button.text.size_unit is not evaluating to the correct size_unit, but can still take in px */
  --yncu--button--primary__fontSize:  1.0rem ;
  --yncu--button--primary__fontWeight:   ;
  --yncu--button--primary__fontStyle:   ;
  /* Primary button text color */
  --yncu--button--primary__textColor:  #F7F9FA ;
  --yncu--button--primary__hover--textColor:  #F7F9FA ;
  /* Primary button shape */
    
      
    
    
    --yncu--button--primary__borderRadius: 50px;
    
  /* Primary button background color */
    
    --yncu--button--primary__backgroundColor:  #1C875A ;
    --yncu--button--primary__hover--backgroundColor:  #6854E8 ;
      
    --yncu--button--primary__active--backgroundColor:  #4a36ca ;
    
  /* Primary button border */
  --yncu--button--primary__borderThickness:  0px ;
  --yncu--button--primary__hover--borderThickness:  0px ;
    
    --yncu--button--primary__borderColor: transparent;
    --yncu--button--primary__hover--borderColor: transparent;
    
  /* Secondary button variables */
  --yncu--button--secondary__buttonFill:  no_fill ;
  --yncu--button--secondary__fontSize:  1.0rem ;
  --yncu--button--secondary__fontWeight:   ;
  --yncu--button--secondary__fontStyle:   ;
  /* Secondary button text color */
  --yncu--button--secondary__textColor:  #1C875A ;
  --yncu--button--secondary__hover--textColor:  #6854E8 ;
  /* Secondary button shape */
    
      
    
    
    --yncu--button--secondary__borderRadius: 50px;
    
  /* Secondary button background color */
    
    --yncu--button--secondary__backgroundColor: transparent;
    --yncu--button--secondary__hover--backgroundColor: transparent;
      
    
  /* Secondary button border */
  --yncu--button--secondary__borderThickness:  2px ;
  --yncu--button--secondary__hover--borderThickness:  2px ;
    
    --yncu--button--secondary__borderColor:  #1C875A ;
    --yncu--button--secondary__hover--borderColor:  #6854E8 ;
      
    
  /* Tertiary button variables */
  --yncu--button--tertiary__buttonFill:  filled ;
  --yncu--button--tertiary__fontSize:  1.0rem ;
  --yncu--button--tertiary__fontWeight:   ;
  --yncu--button--tertiary__fontStyle:   ;
  /* Tertiary button text color */
  --yncu--button--tertiary__textColor:  #161C20 ;
  --yncu--button--tertiary__hover--textColor:  #161C20 ;
  /* Tertiary button shape */
    
      
    
    
    --yncu--button--tertiary__borderRadius: 50px;
    
  /* Tertiary button background color */
    
    --yncu--button--tertiary__backgroundColor:  #53C595 ;
    --yncu--button--tertiary__hover--backgroundColor:  #E9E5FF ;
      
    
  /* Tertiary button border */
  --yncu--button--tertiary__borderThickness:  0px ;
  --yncu--button--tertiary__hover--borderThickness:  0px ;
    
    --yncu--button--tertiary__borderColor: transparent;
    --yncu--button--tertiary__hover--borderColor: transparent;
    
  /* Accent button variables */
  --yncu--button--accent__buttonFill:  no_fill ;
  --yncu--button--accent__fontSize:  1.0rem ;
  --yncu--button--accent__fontWeight:   ;
  --yncu--button--accent__fontStyle:   ;
  /* Accent button text color */
  --yncu--button--accent__textColor:  #53C595 ;
  --yncu--button--accent__hover--textColor:  #E9E5FF ;
  /* Accent button shape */
    
      
    
    
    --yncu--button--accent__borderRadius: 50px;
    
  /* Accent button background color */
    
    --yncu--button--accent__backgroundColor: transparent;
    --yncu--button--accent__hover--backgroundColor: transparent;
      
    
  /* Accent button border */
  --yncu--button--accent__borderThickness:  2px ;
  --yncu--button--accent__hover--borderThickness:  2px ;
    
    --yncu--button--accent__borderColor:  #53C595 ;
    --yncu--button--accent__hover--borderColor:  #E9E5FF ;
      
    
}
  
  
:root {
  /* Form field background color */
    
    --yncu--formField__backgroundColor:  #F7F9FA ;
    
  /* Form field shape */
    
      
    
    
    --yncu--formField__borderRadius: 50px;
    
  /* Form field border -- multiple fields to properly handle field visibility for both fill and no fill */
    
      
    
  /* Proper usage of variables to achieve "All" or "Bottom" will be within CSS */
    
    --yncu--formField__borderThickness:  1px ;
    
    
    --yncu--formField__borderTop:  1px solid #D3DAE4 ;
    --yncu--formField__borderRight:  1px solid #D3DAE4 ;
    --yncu--formField__borderLeft:  1px solid #D3DAE4 ;
    
    
    --yncu--formField__borderBottom:  1px solid #D3DAE4 ;
    --yncu--formField__borderColor:  #D3DAE4 ;
    
    
    
  /* Form field text color */
  --yncu--formFieldInput__textColor:  #161C20 ;
  /* Form field spacing */
  --yncu--formField__marginBottom: var(--yncu--spacing--32);
  /* Form textarea border radius */
  --yncu--formFieldTextArea__borderRadius: calc(var(--yncu--formField__borderRadius) * 0.5);
  /* Form field checkbox/radio */
  --yncu--formFieldCheckboxRadio__size: 24px;
  --yncu--formFieldCheckboxRadio__fillColor: var(--yncu--color--foundations--black, #000000);
  /* Form field placeholder */
  --yncu--formFieldPlaceholder__textColor:  #7d8ca5 ;
  /* Form required field color */
  --yncu--formRequired__color: #de2828;
  /* Form field datepicker icon */
  --yncu--formField__datepickerIcon: url("data:image/svg+xml,%3Csvg width='24' height='29' viewBox='0 0 24 29' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_3812_12272)'%3E%3Cpath d='M8.14286 2.07136C8.14286 1.35886 7.56964 0.785645 6.85714 0.785645C6.14464 0.785645 5.57143 1.35886 5.57143 2.07136V4.21422H3.42857C1.5375 4.21422 0 5.75172 0 7.64279V8.49993V11.0714V24.7856C0 26.6767 1.5375 28.2142 3.42857 28.2142H20.5714C22.4625 28.2142 24 26.6767 24 24.7856V11.0714V8.49993V7.64279C24 5.75172 22.4625 4.21422 20.5714 4.21422H18.4286V2.07136C18.4286 1.35886 17.8554 0.785645 17.1429 0.785645C16.4304 0.785645 15.8571 1.35886 15.8571 2.07136V4.21422H8.14286V2.07136ZM2.57143 11.0714H21.4286V24.7856C21.4286 25.2571 21.0429 25.6428 20.5714 25.6428H3.42857C2.95714 25.6428 2.57143 25.2571 2.57143 24.7856V11.0714Z' fill='%2309152B'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3812_12272'%3E%3Crect width='24' height='27.4286' fill='white' transform='translate(0 0.785645)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  /* Form field select icon */
  --yncu--formField__selectIcon: url("data:image/svg+xml,%3Csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.9407 19.5595C11.5267 20.1454 12.4782 20.1454 13.0642 19.5595L22.0642 10.5595C22.6501 9.97354 22.6501 9.02197 22.0642 8.43604C21.4782 7.8501 20.5267 7.8501 19.9407 8.43604L12.0001 16.3767L4.05947 8.44072C3.47354 7.85478 2.52197 7.85478 1.93604 8.44072C1.3501 9.02666 1.3501 9.97822 1.93604 10.5642L10.936 19.5642L10.9407 19.5595Z' fill='%2309152B'/%3E%3C/svg%3E%0A");
  /* Textarea drag icon */
  --yncu--formField__dragIcon: url("data:image/svg+xml,%3Csvg width='11' height='12' viewBox='0 0 22 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline y1='-1' x2='29.5206' y2='-1' transform='matrix(-0.666795 0.745241 -0.806754 -0.590888 19.6843 0)' stroke='%23303F59' stroke-width='2'/%3E%3Cpath d='M21.0005 9.99756L10.5005 21.9976' stroke='%23303F59' stroke-width='2'/%3E%3C/svg%3E%0A");
  /* Label text */
  --yncu--formLabel__textColor:  #161C20 ;
  --yncu--formLabel__fontSize:  1.125rem ;
  --yncu--formLabel__fontWeight:   ;
  --yncu--formLabel__marginBottom: var(--yncu--spacing--8);
  /* Help text */
  --yncu--formHelpText__textColor: #647390;
  /* Form background color */
    
    --yncu--form__backgroundColor:  #FFFFFF ;
    
  /* Form shape */
    
      
    
    
    --yncu--form__borderRadius: 24px;
    
  /* Form border */
    
    --yncu--form__borderThickness:  1px ;
    --yncu--form__borderColor:  #D3DAE4 ;
    
  /* Form spacing */
  --yncu--form__padding: var(--yncu--spacing--48);
  /* CSS variables for new forms */
  /* Global vars */
  --hsf-global__font-family: var(--yncu--body__font);
  --hsf-global__font-size: var(--yncu--formLabel__fontSize);
  --hsf-global__color: var(--yncu--formLabel__textColor);
  --hsf-global-error__color: var(--yncu--formRequired__color);
  /* Form */
  --hsf-background__background-color: var(--yncu--form__backgroundColor);
  --hsf-background__padding: var(--yncu--form__padding);
  --hsf-background__border-style: solid;
  --hsf-background__border-color: var(--yncu--form__borderColor);
  --hsf-background__border-radius: var(--yncu--form__borderRadius);
  --hsf-background__border-width: var(--yncu--form__borderThickness);
  /* Content */
  --hsf-heading__font-family: var(--hsf-global__font-family);
  --hsf-heading__color: var(--hsf-global__color);
  --hsf-heading__text-shadow: none;
  --hsf-richtext__font-family: var(--hsf-global__font-family);
  --hsf-richtext__font-size: var(--hsf-global__font-size);
  --hsf-richtext__color: var(--hsf-global__color);
  /* Labels */
  --hsf-field-label__font-family: var(--hsf-global__font-family);
  --hsf-field-label__font-size: var(--hsf-global__font-size);
  --hsf-field-label__color: var(--hsf-global__color);
  --hsf-field-label-requiredindicator__color: var(--hsf-global-error__color);
  --hsf-module__vertical-spacing: var(--yncu--formLabel__marginBottom);
  /* Help text */
  --hsf-field-description__font-family: var(--hsf-global__color);
  --hsf-field-description__color: var(--yncu--formHelpText__textColor);
  /* Errors */
  --hsf-erroralert__font-family: var(--yncu--body__font);
  --hsf-erroralert__color: var(--hsf-global-error__color);
  /* Field footer */
  --hsf-field-footer__font-family: var(--hsf-field-description__font-family);
  --hsf-field-footer__color: var(--hsf-field-description__color);
  /* Field */
  --hsf-field-input__font-family: var(--hsf-global__font-family);
  --hsf-field-input__background-color: var(--yncu--formField__backgroundColor);
  --hsf-field-input__placeholder-color: var(--yncu--formFieldPlaceholder__textColor);
  --hsf-field-input__border-color: var(--yncu--formField__borderColor);
    
    --hsf-field-input__border-width: var(--yncu--formField__borderThickness);
    
  ;
  --hsf-field-input__border-style: solid;
  --hsf-field-input__border-radius: var(--yncu--formField__borderRadius);
  --hsf-field-input__padding: var(--yncu--spacing--20) var(--yncu--spacing--32);
  --hsf-field-input__color: var(--yncu--formFieldInput__textColor);
  --hsf-row__vertical-spacing: var(--yncu--formField__marginBottom);
  --hsf-row__horizontal-spacing: var(--yncu--spacing--32);
  /* Textarea */
  --hsf-field-textarea__font-family: var(--hsf-field-input__font-family);
  --hsf-field-textarea__color: var(--hsf-field-input__color);
  --hsf-field-textarea__background-color: var(--hsf-field-input__background-color);
  --hsf-field-textarea__border-color: var(--hsf-field-input__border-color);
  --hsf-field-textarea__border-style: var(--hsf-field-input__border-style);
  --hsf-field-textarea__border-radius: var(--yncu--formFieldTextArea__borderRadius);
  --hsf-field-textarea__padding: var(--hsf-field-input__padding);
  /* Checkbox */
  --hsf-field-checkbox__padding: calc(var(--yncu--formFieldCheckboxRadio__size) / 2);
  --hsf-field-checkbox__background-color: #fff;
  --hsf-field-checkbox__color: var(--yncu--formFieldCheckboxRadio__fillColor);
  --hsf-field-checkbox__border-color: var(--hsf-field-input__border-color);
  --hsf-field-checkbox__border-width: 1px 1px 1px 1px;
  --hsf-field-checkbox__border-style: var(--hsf-field-input__border-style);
  /* Radio */
  --hsf-field-radio__padding: calc(var(--yncu--formFieldCheckboxRadio__size) / 2);
  --hsf-field-radio__background-color: #fff;
  --hsf-field-radio__color: var(--yncu--formFieldCheckboxRadio__fillColor);
  --hsf-field-radio__border-color: var(--hsf-field-input__border-color);
  --hsf-field-radio__border-width: 1px 1px 1px 1px;
  --hsf-field-radio__border-style: var(--hsf-field-input__border-style);
  /* Progress bar CSS vars: - --hsf-progressbar__font-family - --hsf-progressbar__font-family - --hsf-progressbar__font-size - --hsf-progressbar__color - --hsf-progressbar__background-color - --hsf-progressbar__background - --hsf-progressbar__border-color - --hsf-progressbar__border-style - --hsf-progressbar__border-width */
  /* Button */
  --hsf-button__width: 100%;
  --hsf-button__font-family: var(--yncu--body__font);
  --hsf-button__font-size: var(--yncu--button--primary__fontSize);
  --hsf-button__font-weight: var(--yncu--button--primary__fontWeight);
  --hsf-button__color: var(--yncu--button--primary__textColor);
  --hsf-button__background-color: var(--yncu--button--primary__backgroundColor);
  --hsf-button__background-image: none;
  --hsf-button__border-radius: var(--yncu--button--primary__borderRadius);
  --hsf-button__border-width: var(--yncu--button--primary__borderThickness);
  --hsf-button__border-style: solid;
  --hsf-button__border-color: var(--yncu--button--primary__borderColor);
  --hsf-button__padding: var(--yncu--spacing--20) var(--yncu--spacing--24);
  --hsf-button__box-shadow: none;
  --hsf-button--hover__color: var(--yncu--button--primary__hover--textColor);
  --hsf-button--hover__background-color: var(--yncu--button--primary__hover--backgroundColor);
  --hsf-button--hover__border-color: var(--yncu--button--primary__hover--borderColor);
  --hsf-button--focus__color: var(--yncu--button--primary__hover--textColor);
  --hsf-button--focus__background-color: var(--yncu--button--primary__hover--backgroundColor);
  --hsf-button--focus__border-color: var(--yncu--button--primary__hover--borderColor);
}
@media (max-width: 600px) {
  :root {
    --yncu--form__padding: var(--yncu--spacing--24);
  }
  .hsfc-PhoneInput__FlagAndCaret {
    --hsf-field-input__padding: var(--yncu--spacing--20) var(--yncu--spacing--16);
  }
}
  
  
  
  
  
  
  
  
:root {
  /* Card variant 1 */
  /* Shape */
    
      
    
    
    --yncu--card--variant1__borderRadius: 16px;
    --yncu--card--variant1__iconBorderRadius: 12px;
    
  /* Border thickness */
  --yncu--card--variant1__borderThickness:  1px ;
  /* Colors */
    
    --yncu--card--variant1__backgroundColor:  #FFFFFF ;
    
    
    --yncu--card--variant1__borderColor:  #D3DAE4 ;
    
  --yncu--card--variant1__textColor:  #161C20 ;
  /* Links */
    
      
    
  --yncu--card--variant1--link__fontColor:  #1C875A ;
    
    --yncu--card--variant1--link__textDecoration: none;
    --yncu--card--variant1--link__textDecorationColor: transparent;
    
  /* Hover state */
  --yncu--card--variant1--link__hover--fontColor:  #1C875A ;
    
    --yncu--card--variant1--link__hover--textDecoration: none;
    --yncu--card--variant1--link__hover--textDecorationColor: transparent;
    
  /* Icon colors */
  --yncu--card--variant1__iconColor:  #1C875A ;
  --yncu--card--variant1__iconBackgroundColor:  #53C595 ;
  /* Card variant 2 */
  /* Shape */
    
      
    
    
    --yncu--card--variant2__borderRadius: 16px;
    --yncu--card--variant2__iconBorderRadius: 12px;
    
  /* Border thickness */
  --yncu--card--variant2__borderThickness:  1px ;
  /* Colors */
    
    --yncu--card--variant2__backgroundColor:  #F7F9FA ;
    
    
    --yncu--card--variant2__borderColor:  #D3DAE4 ;
    
  --yncu--card--variant2__textColor:  #161C20 ;
  /* Links */
    
      
    
  --yncu--card--variant2--link__fontColor:  #1C875A ;
    
    --yncu--card--variant2--link__textDecoration: none;
    --yncu--card--variant2--link__textDecorationColor: transparent;
    
  /* Hover state */
  --yncu--card--variant2--link__hover--fontColor:  #1C875A ;
    
    --yncu--card--variant2--link__hover--textDecoration: none;
    --yncu--card--variant2--link__hover--textDecorationColor: transparent;
    
  /* Icon colors */
  --yncu--card--variant2__iconColor:  #1C875A ;
  --yncu--card--variant2__iconBackgroundColor:  #D3DAE4 ;
  /* Card variant 3 */
  /* Shape */
    
      
    
    
    --yncu--card--variant3__borderRadius: 16px;
    --yncu--card--variant3__iconBorderRadius: 12px;
    
  /* Border thickness */
  --yncu--card--variant3__borderThickness:  1px ;
  /* Colors */
    
    --yncu--card--variant3__backgroundColor:  #161C20 ;
    
    
    --yncu--card--variant3__borderColor:  #303F59 ;
    
  --yncu--card--variant3__textColor:  #F7F9FA ;
  /* Links */
    
      
    
  --yncu--card--variant3--link__fontColor:  #53C595 ;
    
    --yncu--card--variant3--link__textDecoration: none;
    --yncu--card--variant3--link__textDecorationColor: transparent;
    
  /* Hover state */
  --yncu--card--variant3--link__hover--fontColor:  #53C595 ;
    
    --yncu--card--variant3--link__hover--textDecoration: none;
    --yncu--card--variant3--link__hover--textDecorationColor: transparent;
    
  /* Icon colors */
  --yncu--card--variant3__iconColor:  #53C595 ;
  --yncu--card--variant3__iconBackgroundColor:  #303F59 ;
  /* Card variant 4 */
  /* Shape */
    
      
    
    
    --yncu--card--variant4__borderRadius: 16px;
    --yncu--card--variant4__iconBorderRadius: 12px;
    
  /* Border thickness */
  --yncu--card--variant4__borderThickness:  1px ;
  /* Colors */
    
    --yncu--card--variant4__backgroundColor:  #18233B ;
    
    
    --yncu--card--variant4__borderColor:  #303F59 ;
    
  --yncu--card--variant4__textColor:  #F7F9FA ;
  /* Links */
    
      
    
  --yncu--card--variant4--link__fontColor:  #53C595 ;
    
    --yncu--card--variant4--link__textDecoration: none;
    --yncu--card--variant4--link__textDecorationColor: transparent;
    
  /* Hover state */
  --yncu--card--variant4--link__hover--fontColor:  #53C595 ;
    
    --yncu--card--variant4--link__hover--textDecoration: none;
    --yncu--card--variant4--link__hover--textDecorationColor: transparent;
    
  /* Icon colors */
  --yncu--card--variant4__iconColor:  #53C595 ;
  --yncu--card--variant4__iconBackgroundColor:  #303F59 ;
}
  
  
  
  
  
  
  
  
  
  
  
:root {
  /* Light section 1 */
  --yncu--section--lightSection--1__backgroundColor:  #FFFFFF ;
  --yncu--section--lightSection--1__textColor:  #161C20 ;
  --yncu--section--lightSection--1__accentColor:  #1C875A ;
  --yncu--section--lightSection--1__captionColor:  #647390 ;
  --yncu--section--lightSection--1--blockquote__textColor:  #161C20 ;
  --yncu--section--lightSection--1--blockquote__backgroundColor:  #F7F9FA ;
  --yncu--section--lightSection--1--blockquote__accentColor:  #1C875A ;
    
      
    
  --yncu--section--lightSection--1--link__fontColor:  #1C875A ;
    
    --yncu--section--lightSection--1--link__textDecoration: none;
    --yncu--section--lightSection--1--link__textDecorationColor: transparent;
    
  /* Hover state */
  --yncu--section--lightSection--1--link__hover--fontColor:  #1C875A ;
    
    --yncu--section--lightSection--1--link__hover--textDecoration: none;
    --yncu--section--lightSection--1--link__hover--textDecorationColor: transparent;
    
  /* Light section 2 */
  --yncu--section--lightSection--2__backgroundColor:  #F7F9FA ;
  --yncu--section--lightSection--2__textColor:  #161C20 ;
  --yncu--section--lightSection--2__accentColor:  #1C875A ;
  --yncu--section--lightSection--2__captionColor:  #647390 ;
  --yncu--section--lightSection--2--blockquote__textColor:  #161C20 ;
  --yncu--section--lightSection--2--blockquote__backgroundColor:  #F7F9FA ;
  --yncu--section--lightSection--2--blockquote__accentColor:  #1C875A ;
    
      
    
  --yncu--section--lightSection--2--link__fontColor:  #1C875A ;
    
    --yncu--section--lightSection--2--link__textDecoration: none;
    --yncu--section--lightSection--2--link__textDecorationColor: transparent;
    
  /* Hover state */
  --yncu--section--lightSection--2--link__hover--fontColor:  #1C875A ;
    
    --yncu--section--lightSection--2--link__hover--textDecoration: none;
    --yncu--section--lightSection--2--link__hover--textDecorationColor: transparent;
    
  /* Light section 3 */
  --yncu--section--lightSection--3__backgroundColor:  #D4F0E4 ;
  --yncu--section--lightSection--3__textColor:  #161C20 ;
  --yncu--section--lightSection--3__accentColor:  #1C875A ;
  --yncu--section--lightSection--3__captionColor:  #4D6080 ;
  --yncu--section--lightSection--3--blockquote__textColor:  #161C20 ;
  --yncu--section--lightSection--3--blockquote__backgroundColor:  #D4F0E4 ;
  --yncu--section--lightSection--3--blockquote__accentColor:  #1C875A ;
    
      
    
  --yncu--section--lightSection--3--link__fontColor:  #1C875A ;
    
    --yncu--section--lightSection--3--link__textDecoration: none;
    --yncu--section--lightSection--3--link__textDecorationColor: transparent;
    
  /* Hover state */
  --yncu--section--lightSection--3--link__hover--fontColor:  #1C875A ;
    
    --yncu--section--lightSection--3--link__hover--textDecoration: none;
    --yncu--section--lightSection--3--link__hover--textDecorationColor: transparent;
    
  /* Dark section 1 */
  --yncu--section--darkSection--1__backgroundColor:  #161C20 ;
  --yncu--section--darkSection--1__textColor:  #F7F9FA ;
  --yncu--section--darkSection--1__accentColor:  #53C595 ;
  --yncu--section--darkSection--1__captionColor:  #7D8CA5 ;
  --yncu--section--darkSection--1--blockquote__textColor:  #F7F9FA ;
  --yncu--section--darkSection--1--blockquote__backgroundColor:  #18233B ;
  --yncu--section--darkSection--1--blockquote__accentColor:  #53C595 ;
    
      
    
  --yncu--section--darkSection--1--link__fontColor:  #53C595 ;
    
    --yncu--section--darkSection--1--link__textDecoration: none;
    --yncu--section--darkSection--1--link__textDecorationColor: transparent;
    
  /* Hover state */
  --yncu--section--darkSection--1--link__hover--fontColor:  #53C595 ;
    
    --yncu--section--darkSection--1--link__hover--textDecoration: none;
    --yncu--section--darkSection--1--link__hover--textDecorationColor: transparent;
    
}
  
:root {
  /* Font */
  --yncu--tag__fontColor:   ;
  --yncu--tag__fontSize:  0.875rem ;
  --yncu--tag__fontWeight:   ;
  --yncu--tag__fontStyle:   ;
  /* Text colors */
  --yncu--tag__textColor:  #063E95 ;
  /* Background colors */
    
    --yncu--tag__backgroundColor:  #E5F0FF ;
    
  /* Shape */
    
      
    
    
    --yncu--tag__borderRadius: 50px;
    
  /* Border thickness */
  --yncu--tag__borderThickness:  1px ;
  --yncu--tag__borderColor:  #E5F0FF ;
  /* Case */
  --yncu--tag__case:  none ;
}
:root {
  /* Border radius based on shape */
  --yncu-sharp: 0;
  --yncu-rounded--extra-small: 4px;
  --yncu-rounded--small: 8px;
  --yncu-rounded: 16px;
  --yncu-rounded--large: 24px;
  --yncu-rounded--extra-large: 32px;
  --yncu-circle: 50%;
}
:root {
  --yncu--icon--small__size: 16px;
  --yncu--icon--medium__size: 24px;
  --yncu--icon--large__size: 32px;
}
/* Generic */
*,
*:before,
*:after {
  box-sizing: border-box;
  font-family: inherit;
}
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
  /* keep modal scroll locks on the document root so sticky headers stay put */
  overflow-y: auto;
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
  margin: 0;
  /* clip horizontal overflow without trapping sticky descendants */
  overflow-x: clip;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * Add the correct box sizing in Firefox.
 */

hr {
  box-sizing: content-box;
  height: 0;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: inherit; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: inherit; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Remove the inheritance of text transform in Edge and Firefox.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select {
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type='button'],
[type='reset'],
[type='submit'] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type='button']::-moz-focus-inner,
[type='reset']::-moz-focus-inner,
[type='submit']::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type='button']:-moz-focusring,
[type='reset']:-moz-focusring,
[type='submit']:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * Remove the padding so developers are not caught out when they zero out `fieldset` elements in all browsers.
 */

legend {
  padding: 0;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type='number']::-webkit-inner-spin-button,
[type='number']::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type='search'] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type='search']::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge and Firefox.
 */

details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}
/* Objects */
.composableRoot,
.composableViewportRoot,
.yncu-content-wrapper {
  --yncu--contentWrapper__maxWidth: var(
    --yncu--contentWrapper--medium__maxWidth,
    1120px
  );
  min-width: 0;
  max-width: none;
  margin-inline: auto;
}

.composableRoot,
.yncu-content-wrapper,
.composableViewportRoot {
  width: min(
    100%,
    calc(var(--yncu--viewport-width) - (2 * var(--yncu--content-gutter))),
    var(--yncu--contentWrapper__maxWidth)
  );
}

.composableNarrow,
.yncu-content-wrapper--sm {
  --yncu--contentWrapper__maxWidth: var(
    --yncu--contentWrapper--narrow__maxWidth,
    768px
  );
}

.composableMedium,
.yncu-content-wrapper--md {
  --yncu--contentWrapper__maxWidth: var(
    --yncu--contentWrapper--medium__maxWidth,
    1120px
  );
}
@property --yncu--viewport-width {
  syntax: '<length>';
  inherits: true;
  initial-value: 0px;
}

:root {
  --yncu--viewport-width: 100dvw;
  --yncu--content-gutter: 28px;
  --yncu--content-max-width: var(
    --yncu--contentWrapper--medium__maxWidth,
    1120px
  );
}

/* resolve once at the page root so nested query containers cannot change the gutters */
@supports (width: 1cqw) {
  :root {
    container-type: inline-size;
  }

  body {
    --yncu--viewport-width: 100cqw;
  }
}

:root,
body {
  --yncu--content-inset: max(
    var(--yncu--content-gutter),
    calc((var(--yncu--viewport-width) - var(--yncu--content-max-width)) / 2)
  );
}

@media (max-width: 767px) {
  :root {
    --yncu--content-gutter: 16px;
  }
}
.yncu-app-root {
  isolation: isolate;
  /* contain header margins before streamed hero markup changes its layout */
  display: flow-root;
  min-height: 100vh;
}

body {
  position: relative;
  /* reserve the viewport while streamed modules arrive and contain header margins */
  display: flow-root;
  min-height: 100vh;
}

#main-content.yncu-main-content--headerless {
  --yncu--page-hero-navigation-offset: 0px;
}

.dnd-section > .row-fluid {
  margin: 0 auto;
}

.dnd-section:not([class*='force-full-width-section']) > .row-fluid {
  max-width: var(--yncu--contentWrapper--wide__maxWidth, 1440px);
}

@media (min-width: 1025px) {
  #main-content {
    padding-top: var(--yncu--spacing--120, 120px);
  }

  #main-content:has([data-yncu-page-hero]),
  #main-content.yncu-main-content--headerless {
    padding-top: 0;
  }
}

/* Helper Classes */

/* Padding for non DND sections */

.yncu-content-padding {
  padding-block: var(--yncu--section--medium__verticalPadding);
}

.yncu-content-padding--extra-small {
  padding-block: var(--yncu--section--extraSmall__verticalPadding);
}

.yncu-content-padding--small {
  padding-block: var(--yncu--section--small__verticalPadding);
}

.yncu-content-padding--large {
  padding-block: var(--yncu--section--large__verticalPadding);
}

.yncu-content-padding--extra-large {
  padding-block: var(--yncu--section--extraLarge__verticalPadding);
}

.row-fluid {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

.row-fluid > .widget-span {
  min-width: 0;
}

.row-fluid .span1,
.row-fluid .span2,
.row-fluid .span3,
.row-fluid .span4,
.row-fluid .span5,
.row-fluid .span6,
.row-fluid .span7,
.row-fluid .span8,
.row-fluid .span9,
.row-fluid .span10,
.row-fluid .span11,
.row-fluid .span12 {
  /* empty streamed columns must not create a painted placeholder */
  min-height: 0;
  width: 100%;
}

@media (min-width: 768px) {
  .row-fluid {
    flex-wrap: nowrap;
    justify-content: space-between;
  }

  .row-fluid .span1 {
    width: calc(
      var(--yncu--column__widthMultiplier) * 1% * 1 - var(--yncu--column__gap) *
        var(--yncu--column__widthMultiplier) * 11 / 100
    );
  }

  .row-fluid .span2 {
    width: calc(
      var(--yncu--column__widthMultiplier) * 1% * 2 - var(--yncu--column__gap) *
        var(--yncu--column__widthMultiplier) * 10 / 100
    );
  }

  .row-fluid .span3 {
    width: calc(
      var(--yncu--column__widthMultiplier) * 1% * 3 - var(--yncu--column__gap) *
        var(--yncu--column__widthMultiplier) * 9 / 100
    );
  }

  .row-fluid .span4 {
    width: calc(
      var(--yncu--column__widthMultiplier) * 1% * 4 - var(--yncu--column__gap) *
        var(--yncu--column__widthMultiplier) * 8 / 100
    );
  }

  .row-fluid .span5 {
    width: calc(
      var(--yncu--column__widthMultiplier) * 1% * 5 - var(--yncu--column__gap) *
        var(--yncu--column__widthMultiplier) * 7 / 100
    );
  }

  .row-fluid .span6 {
    width: calc(
      var(--yncu--column__widthMultiplier) * 1% * 6 - var(--yncu--column__gap) *
        var(--yncu--column__widthMultiplier) * 6 / 100
    );
  }

  .row-fluid .span7 {
    width: calc(
      var(--yncu--column__widthMultiplier) * 1% * 7 - var(--yncu--column__gap) *
        var(--yncu--column__widthMultiplier) * 5 / 100
    );
  }

  .row-fluid .span8 {
    width: calc(
      var(--yncu--column__widthMultiplier) * 1% * 8 - var(--yncu--column__gap) *
        var(--yncu--column__widthMultiplier) * 4 / 100
    );
  }

  .row-fluid .span9 {
    width: calc(
      var(--yncu--column__widthMultiplier) * 1% * 9 - var(--yncu--column__gap) *
        var(--yncu--column__widthMultiplier) * 3 / 100
    );
  }

  .row-fluid .span10 {
    width: calc(
      var(--yncu--column__widthMultiplier) * 1% * 10 -
        var(--yncu--column__gap) * var(--yncu--column__widthMultiplier) * 2 /
        100
    );
  }

  .row-fluid .span11 {
    width: calc(
      var(--yncu--column__widthMultiplier) * 1% * 11 -
        var(--yncu--column__gap) * var(--yncu--column__widthMultiplier) * 1 /
        100
    );
  }
}
/* Elements */
/* copy defaults stay weaker than component and editor colors */
:where(
    [class~='yncu-copy-links'],
    [class~='hs_cos_wrapper_type_rich_text'],
    [class~='hs_cos_wrapper_type_inline_richtext_field']
  )
  :where(
    a[href]:not(
        [class~='yncu-button'],
        [role='button'],
        nav a,
        [role='navigation'] a,
        h1 a,
        h2 a,
        h3 a,
        h4 a,
        h5 a,
        h6 a
      )
  ) {
  color: var(--yncu--copyLink__color, #1c875a);
}

:where(
    [class~='yncu-copy-links'],
    [class~='hs_cos_wrapper_type_rich_text'],
    [class~='hs_cos_wrapper_type_inline_richtext_field']
  )
  :where(
    a[href]:not(
        [class~='yncu-button'],
        [role='button'],
        nav a,
        [role='navigation'] a,
        h1 a,
        h2 a,
        h3 a,
        h4 a,
        h5 a,
        h6 a
      ):is(:hover, :active)
  ) {
  color: var(--yncu--copyLink__hoverColor, #64b27f);
}
html {
  font-size: var(--yncu--baseText__fontSize);
  font-family: var(--yncu--body__font, Montserrat, sans-serif);
}
body {
  background-color: var(--yncu--section--lightSection--1__backgroundColor);
  color: var(--yncu--section--lightSection--1__textColor);
  font-family: inherit;
  font-size: var(--yncu--body__fontSize);
  font-style: var(--yncu--body__fontStyle);
  font-weight: var(--yncu--body__fontWeight);
  line-height: var(--yncu--body__lineHeight);
  overflow-wrap: break-word;
}
.body-wrapper {
  font-family: var(--yncu--body__font, Montserrat, sans-serif);
}
html[lang^='ja'] body, html[lang^='zh'] body, html[lang^='ko'] body {
  line-break: strict;
  overflow-wrap: normal;
  word-break: break-all;
}
/* Paragraphs */
p {
  margin-block: var(--yncu--text__margin);
}
a.yncu-link--primary, .yncu-link--primary a {
  color: var(--yncu--link--primary__fontColor);
  cursor: pointer;
  -webkit-text-decoration: var(--yncu--link--primary__textDecoration);
  text-decoration: var(--yncu--link--primary__textDecoration);
  text-decoration-color: var(--yncu--link--primary__textDecorationColor);
}
a.yncu-link--primary:hover, .yncu-link--primary a:hover, a.yncu-link--primary:focus, .yncu-link--primary a:focus {
  color: var(--yncu--link--primary__hover--fontColor);
  -webkit-text-decoration: var( --yncu--link--primary__hover--textDecoration );
  text-decoration: var(--yncu--link--primary__hover--textDecoration);
  text-decoration-color: var( --yncu--link--primary__hover--textDecorationColor );
}
a.yncu-link--secondary, .yncu-link--secondary a {
  color: var(--yncu--link--secondary__fontColor);
  cursor: pointer;
  -webkit-text-decoration: var(--yncu--link--secondary__textDecoration);
  text-decoration: var(--yncu--link--secondary__textDecoration);
  text-decoration-color: var(--yncu--link--secondary__textDecorationColor);
}
a.yncu-link--secondary:hover, .yncu-link--secondary a:hover a.yncu-link--secondary:focus, .yncu-link--secondary a:focus {
  color: var(--yncu--link--secondary__hover--fontColor);
  -webkit-text-decoration: var( --yncu--link--secondary__hover--textDecoration );
  text-decoration: var(--yncu--link--secondary__hover--textDecoration);
  text-decoration-color: var( --yncu--link--secondary__hover--textDecorationColor );
}
:is(.hs_cos_wrapper_type_rich_text, .hs_cos_wrapper_type_inline_richtext_field, [data-hs-token]) a:not(.yncu-button) {
  cursor: pointer;
  -webkit-text-decoration: var(--yncu--link--primary__textDecoration, none);
  text-decoration: var(--yncu--link--primary__textDecoration, none);
  text-decoration-color: var(--yncu--link--primary__textDecorationColor, transparent);
}
:is(.hs_cos_wrapper_type_rich_text, .hs_cos_wrapper_type_inline_richtext_field, [data-hs-token]) a:not(.yncu-button):hover,
:is(.hs_cos_wrapper_type_rich_text, .hs_cos_wrapper_type_inline_richtext_field, [data-hs-token]) a:not(.yncu-button):focus {
  -webkit-text-decoration: var(--yncu--link--primary__hover--textDecoration, none);
  text-decoration: var(--yncu--link--primary__hover--textDecoration, none);
  text-decoration-color: var(--yncu--link--primary__hover--textDecorationColor, transparent);
}
/* Headings */
h1, h2, h3, h4, h5, h6, .yncu-display-1, .yncu-display-2 {
  line-height: var(--yncu--heading__lineHeight);
  margin-block: var(--yncu--text__margin);
}
.yncu-display-1 {
  font-family: var(--yncu--body__font);
  font-size: calc( var(--yncu--display1__fontSize) * var(--yncu--heading__tablet-modifier) );
  font-style: normal;
  font-weight: 400;
  line-height: var(--yncu--display__lineHeight);
}
.yncu-display-2 {
  font-family: var(--yncu--body__font);
  font-size: calc( var(--yncu--display2__fontSize) * var(--yncu--heading__tablet-modifier) );
  font-style: normal;
  font-weight: 400;
  line-height: var(--yncu--display__lineHeight);
}
h1, .yncu-h1 {
  font-family: var(--yncu--body__font);
  font-size: calc( var(--yncu--h1__fontSize) * var(--yncu--heading__tablet-modifier) );
  font-style: var(--yncu--h1__fontStyle);
  font-weight: var(--yncu--h1__fontWeight);
  line-height: var(--yncu--h1__lineHeight);
}
h2, .yncu-h2 {
  font-family: var(--yncu--body__font);
  font-size: calc( var(--yncu--h2__fontSize) * var(--yncu--heading__tablet-modifier) );
  font-style: var(--yncu--h2__fontStyle);
  font-weight: var(--yncu--h2__fontWeight);
  line-height: var(--yncu--h2__lineHeight);
}
h3, .yncu-h3 {
  font-family: var(--yncu--body__font);
  font-size: calc( var(--yncu--h3__fontSize) * var(--yncu--heading__tablet-modifier) );
  font-style: var(--yncu--h3__fontStyle);
  font-weight: var(--yncu--h3__fontWeight);
  line-height: var(--yncu--h3__lineHeight);
}
h4, .yncu-h4 {
  font-family: var(--yncu--body__font);
  font-size: calc( var(--yncu--h4__fontSize) * var(--yncu--heading__tablet-modifier) );
  font-style: var(--yncu--h4__fontStyle);
  font-weight: var(--yncu--h4__fontWeight);
  line-height: var(--yncu--h4__lineHeight);
}
h5, .yncu-h5 {
  font-family: var(--yncu--body__font);
  font-size: calc( var(--yncu--h5__fontSize) * var(--yncu--heading__tablet-modifier) );
  font-style: var(--yncu--h5__fontStyle);
  font-weight: var(--yncu--h5__fontWeight);
  line-height: var(--yncu--h5__lineHeight);
}
h6, .yncu-h6 {
  font-family: var(--yncu--body__font);
  font-size: calc( var(--yncu--h6__fontSize) * var(--yncu--heading__tablet-modifier) );
  font-style: var(--yncu--h6__fontStyle);
  font-weight: var(--yncu--h6__fontWeight);
  line-height: var(--yncu--h6__lineHeight);
}
@media (min-width: 767px) {
  .yncu-display-1 {
    font-size: var(--yncu--display1__fontSize);
  }
  .yncu-display-2 {
    font-size: var(--yncu--display2__fontSize);
  }
  h1, .yncu-h1 {
    font-size: var(--yncu--h1__fontSize);
  }
  h2, .yncu-h2 {
    font-size: var(--yncu--h2__fontSize);
  }
  h3, .yncu-h3 {
    font-size: var(--yncu--h3__fontSize);
  }
  h4, .yncu-h4 {
    font-size: var(--yncu--h4__fontSize);
  }
  h5, .yncu-h5 {
    font-size: var(--yncu--h5__fontSize);
  }
  h6, .yncu-h6 {
    font-size: var(--yncu--h6__fontSize);
  }
}
/* Lists */
ul, ol {
  margin-block: var(--yncu--text__margin);
}
/* Blockquotes */
blockquote {
  padding: var(--yncu--spacing--24, 24px);
  border-radius: var(--yncu-rounded--extra-small);
  border-left: 3px solid var( --yncu--blockquote__accentColor, var(--yncu--section--lightSection--1--blockquote__accentColor) );
  background-color: var( --yncu--blockquote__backgroundColor, var(--yncu--section--lightSection--1--blockquote__backgroundColor) );
  color: var( --yncu--blockquote__fontColor, var(--yncu--section--lightSection--1--blockquote__textColor) );
  font-family: var(--yncu--body__font);
  font-size: var(--yncu--quotes__fontSize);
  font-style: var(--yncu--quotes__fontStyle);
  font-weight: var(--yncu--quotes__fontWeight);
  line-height: var(--yncu--blockquote__lineHeight);
  margin-block: var(--yncu--text__margin);
}
:is(.hs_cos_wrapper_type_rich_text, .hs_cos_wrapper_type_inline_richtext_field) blockquote {
  padding: var(--yncu--spacing--24, 24px);
  border-radius: var(--yncu-rounded--extra-small);
  border-left: 3px solid var( --yncu--blockquote__accentColor, var(--yncu--section--lightSection--1--blockquote__accentColor) );
  background-color: var( --yncu--blockquote__backgroundColor, var(--yncu--section--lightSection--1--blockquote__backgroundColor) );
  color: var( --yncu--blockquote__fontColor, var(--yncu--section--lightSection--1--blockquote__textColor) );
  font-family: var(--yncu--body__font);
  font-size: var(--yncu--quotes__fontSize);
  font-style: var(--yncu--quotes__fontStyle);
  font-weight: var(--yncu--quotes__fontWeight);
  line-height: var(--yncu--blockquote__lineHeight);
  margin-block: var(--yncu--text__margin);
}
@media (max-width: 767.98px) {
  :is( .hs_cos_wrapper_type_rich_text, .hs_cos_wrapper_type_inline_richtext_field ) blockquote {
    font-size: calc(var(--yncu--body__fontSize) + 4px);
    margin-inline: 0;
  }
}
/* Captions */
.yncu-caption {
  color: var( --yncu--captions__fontColor, var(--yncu--section--lightSection--1--captionColor) );
  font-family: var(--yncu--body__font);
  font-size: var(--yncu--captions__fontSize);
  font-style: var(--yncu--captions__fontStyle);
  font-weight: var(--yncu--captions__fontWeight);
  line-height: var(--yncu--caption__lineHeight);
  text-transform: var(--yncu--captions__case);
}
/* Tags */
.yncu-tag {
  padding: 2px 8px;
  border-color: var(--yncu--tag__borderColor);
  border-radius: var(--yncu--tag__borderRadius);
  border-style: solid;
  border-width: var(--yncu--tag__borderThickness);
  background-color: var(--yncu--tag__backgroundColor);
  color: var(--yncu--tag__textColor);
  font-family: var(--yncu--body__font);
  font-size: var(--yncu--tag__fontSize);
  font-style: var(--yncu--tag__fontStyle);
  font-weight: var(--yncu--tag__fontWeight);
  text-transform: var(--yncu--tag__case);
}
/* Images in rich text */
:is(.hs_cos_wrapper_type_rich_text, .hs_cos_wrapper_type_inline_richtext_field) img {
  max-width: 100%;
  margin-block-end: var(--yncu--rteImages__margin);
}
.yncu-button:focus {
  outline: 2px solid #53ACFF;
  outline-offset: 2px;
}
.yncu-button--primary {
  font-family: var(--yncu--body__font);
  font-size: var(--yncu--button--primary__fontSize);
  font-weight: var(--yncu--button--primary__fontWeight);
  font-style: var(--yncu--button--primary__fontStyle);
  color: var(--yncu--button--primary__textColor);
  border-width: var(--yncu--button--primary__borderThickness);
  background-color: var(--yncu--button--primary__backgroundColor);
  border-style: solid;
  border-color: var(--yncu--button--primary__borderColor);
  border-radius: var(--yncu--button--primary__borderRadius);
  text-decoration: none;
}
.yncu-button--primary:hover {
  color: var(--yncu--button--primary__hover--textColor);
  background-color: var(--yncu--button--primary__hover--backgroundColor);
  border-color: var(--yncu--button--primary__hover--borderColor);
  border-width: var(--yncu--button--primary__hover--borderThickness);
  text-decoration: none;
}
.yncu-button--primary:active {
  color: var(--yncu--button--primary__hover--textColor);
  background-color:  #4a36ca ;
  border-color:   ;
  border-width: var(--yncu--button--primary__hover--borderThickness);
  text-decoration: none;
}
.yncu-button--secondary {
  font-family: var(--yncu--body__font);
  font-size: var(--yncu--button--secondary__fontSize);
  font-weight: var(--yncu--button--secondary__fontWeight);
  font-style: var(--yncu--button--secondary__fontStyle);
  color: var(--yncu--button--secondary__textColor);
  border-width: var(--yncu--button--secondary__borderThickness);
  background-color: var(--yncu--button--secondary__backgroundColor);
  border-style: solid;
  border-color: var(--yncu--button--secondary__borderColor);
  border-radius: var(--yncu--button--secondary__borderRadius);
  text-decoration: none;
}
.yncu-button--secondary:hover {
  color: var(--yncu--button--secondary__hover--textColor);
  background-color: var(--yncu--button--secondary__hover--backgroundColor);
  border-color: var(--yncu--button--secondary__hover--borderColor);
  border-width: var(--yncu--button--secondary__hover--borderThickness);
  text-decoration: none;
}
.yncu-button--secondary:active {
  color: var(--yncu--button--secondary__hover--textColor);
  background-color:  transparent ;
  border-color:  #4a36ca ;
  border-width: var(--yncu--button--secondary__hover--borderThickness);
  text-decoration: none;
}
.yncu-button--tertiary {
  font-family: var(--yncu--body__font);
  font-size: var(--yncu--button--tertiary__fontSize);
  font-weight: var(--yncu--button--tertiary__fontWeight);
  font-style: var(--yncu--button--tertiary__fontStyle);
  color: var(--yncu--button--tertiary__textColor);
  border-width: var(--yncu--button--tertiary__borderThickness);
  background-color: var(--yncu--button--tertiary__backgroundColor);
  border-style: solid;
  border-color: var(--yncu--button--tertiary__borderColor);
  border-radius: var(--yncu--button--tertiary__borderRadius);
  text-decoration: none;
}
.yncu-button--tertiary:hover {
  color: var(--yncu--button--tertiary__hover--textColor);
  background-color: var(--yncu--button--tertiary__hover--backgroundColor);
  border-color: var(--yncu--button--tertiary__hover--borderColor);
  border-width: var(--yncu--button--tertiary__hover--borderThickness);
  text-decoration: none;
}
.yncu-button--tertiary:active {
  color: var(--yncu--button--tertiary__hover--textColor);
  background-color:  #cbc7e1 ;
  border-color:   ;
  border-width: var(--yncu--button--tertiary__hover--borderThickness);
  text-decoration: none;
}
.yncu-button--accent {
  font-family: var(--yncu--body__font);
  font-size: var(--yncu--button--accent__fontSize);
  font-weight: var(--yncu--button--accent__fontWeight);
  font-style: var(--yncu--button--accent__fontStyle);
  color: var(--yncu--button--accent__textColor);
  border-width: var(--yncu--button--accent__borderThickness);
  background-color: var(--yncu--button--accent__backgroundColor);
  border-style: solid;
  border-color: var(--yncu--button--accent__borderColor);
  border-radius: var(--yncu--button--accent__borderRadius);
  text-decoration: none;
}
.yncu-button--accent:hover {
  color: var(--yncu--button--accent__hover--textColor);
  background-color: var(--yncu--button--accent__hover--backgroundColor);
  border-color: var(--yncu--button--accent__hover--borderColor);
  border-width: var(--yncu--button--accent__hover--borderThickness);
  text-decoration: none;
}
.yncu-button--accent:active {
  color: var(--yncu--button--accent__hover--textColor);
  background-color:   ;
  border-color:  #cbc7e1 ;
  border-width: var(--yncu--button--accent__hover--borderThickness);
  text-decoration: none;
}
.yncu-card--variant-1 {
  border-color: var(--yncu--card--variant1__borderColor);
  border-radius: var(--yncu--card--variant1__borderRadius);
  border-style: solid;
  border-width: var(--yncu--card--variant1__borderThickness);
  background-color: var(--yncu--card--variant1__backgroundColor);
  color: var(--yncu--card--variant1__textColor);
}
.yncu-card--variant-1 a:not(.yncu-button,.yncu-blog-listing__pagination-link,.yncu-card--blog__link) {
    color: var(--yncu--card--variant1--link__fontColor);
    -webkit-text-decoration: var( --yncu--card--variant1--link__textDecoration );
    text-decoration: var(--yncu--card--variant1--link__textDecoration);
    text-decoration-color: var( --yncu--card--variant1--link__textDecorationColor );
  }
.yncu-card--variant-1 a:not(.yncu-button,.yncu-blog-listing__pagination-link,.yncu-card--blog__link):hover,.yncu-card--variant-1 a:not(.yncu-button,.yncu-blog-listing__pagination-link,.yncu-card--blog__link):focus {
    color: var(--yncu--card--variant1--link__hover--fontColor);
    -webkit-text-decoration: var( --yncu--card--variant1--link__hover--textDecoration );
    text-decoration: var( --yncu--card--variant1--link__hover--textDecoration );
    text-decoration-color: var( --yncu--card--variant1--link__hover--textDecorationColor );
  }
.yncu-card--variant-2 {
  border-color: var(--yncu--card--variant2__borderColor);
  border-radius: var(--yncu--card--variant2__borderRadius);
  border-style: solid;
  border-width: var(--yncu--card--variant2__borderThickness);
  background-color: var(--yncu--card--variant2__backgroundColor);
  color: var(--yncu--card--variant2__textColor);
}
.yncu-card--variant-2 a:not(.yncu-button,.yncu-blog-listing__pagination-link,.yncu-card--blog__link) {
    color: var(--yncu--card--variant2--link__fontColor);
    -webkit-text-decoration: var( --yncu--card--variant2--link__textDecoration );
    text-decoration: var(--yncu--card--variant2--link__textDecoration);
    text-decoration-color: var( --yncu--card--variant2--link__textDecorationColor );
  }
.yncu-card--variant-2 a:not(.yncu-button,.yncu-blog-listing__pagination-link,.yncu-card--blog__link):hover,.yncu-card--variant-2 a:not(.yncu-button,.yncu-blog-listing__pagination-link,.yncu-card--blog__link):focus {
    color: var(--yncu--card--variant2--link__hover--fontColor);
    -webkit-text-decoration: var( --yncu--card--variant2--link__hover--textDecoration );
    text-decoration: var( --yncu--card--variant2--link__hover--textDecoration );
    text-decoration-color: var( --yncu--card--variant2--link__hover--textDecorationColor );
  }
.yncu-card--variant-3 {
  border-color: var(--yncu--card--variant3__borderColor);
  border-radius: var(--yncu--card--variant3__borderRadius);
  border-style: solid;
  border-width: var(--yncu--card--variant3__borderThickness);
  background-color: var(--yncu--card--variant3__backgroundColor);
  color: var(--yncu--card--variant3__textColor);
}
.yncu-card--variant-3 a:not(.yncu-button,.yncu-blog-listing__pagination-link,.yncu-card--blog__link) {
    color: var(--yncu--card--variant3--link__fontColor);
    -webkit-text-decoration: var( --yncu--card--variant3--link__textDecoration );
    text-decoration: var(--yncu--card--variant3--link__textDecoration);
    text-decoration-color: var( --yncu--card--variant3--link__textDecorationColor );
  }
.yncu-card--variant-3 a:not(.yncu-button,.yncu-blog-listing__pagination-link,.yncu-card--blog__link):hover,.yncu-card--variant-3 a:not(.yncu-button,.yncu-blog-listing__pagination-link,.yncu-card--blog__link):focus {
    color: var(--yncu--card--variant3--link__hover--fontColor);
    -webkit-text-decoration: var( --yncu--card--variant3--link__hover--textDecoration );
    text-decoration: var( --yncu--card--variant3--link__hover--textDecoration );
    text-decoration-color: var( --yncu--card--variant3--link__hover--textDecorationColor );
  }
.yncu-card--variant-4 {
  border-color: var(--yncu--card--variant4__borderColor);
  border-radius: var(--yncu--card--variant4__borderRadius);
  border-style: solid;
  border-width: var(--yncu--card--variant4__borderThickness);
  background-color: var(--yncu--card--variant4__backgroundColor);
  color: var(--yncu--card--variant4__textColor);
}
.yncu-card--variant-4 a:not(.yncu-button,.yncu-blog-listing__pagination-link,.yncu-card--blog__link) {
    color: var(--yncu--card--variant4--link__fontColor);
    -webkit-text-decoration: var( --yncu--card--variant4--link__textDecoration );
    text-decoration: var(--yncu--card--variant4--link__textDecoration);
    text-decoration-color: var( --yncu--card--variant4--link__textDecorationColor );
  }
.yncu-card--variant-4 a:not(.yncu-button,.yncu-blog-listing__pagination-link,.yncu-card--blog__link):hover,.yncu-card--variant-4 a:not(.yncu-button,.yncu-blog-listing__pagination-link,.yncu-card--blog__link):focus {
    color: var(--yncu--card--variant4--link__hover--fontColor);
    -webkit-text-decoration: var( --yncu--card--variant4--link__hover--textDecoration );
    text-decoration: var( --yncu--card--variant4--link__hover--textDecoration );
    text-decoration-color: var( --yncu--card--variant4--link__hover--textDecorationColor );
  }
/* Form */
.hs-form, .yncu-system-form form, .yncu-system-form--subscription-preferences form .email-prefs {
  padding: var(--yncu--form__padding);
  border-color: var(--yncu--form__borderColor);
  border-radius: var(--yncu--form__borderRadius);
  border-style: solid;
  border-width: var(--yncu--form__borderThickness);
  background: var(--yncu--form__backgroundColor);
}
/* Form labels */
:is(.hs-form, .yncu-system-form) label, .yncu-system-form--subscription-preferences .fakelabel {
  display: block;
  color: var(--yncu--formLabel__textColor);
  font-family: var(--yncu--body__font);
  font-size: var(--yncu--formLabel__fontSize);
  font-weight: var(--yncu--formLabel__fontWeight);
  margin-block-end: var(--yncu--formLabel__marginBottom);
}
/* Form fields */
.hs-form .hs-form-field {
  margin-block-end: var(--yncu--formField__marginBottom);
}
:is(.hs-form, .yncu-system-form) input[type='text'], :is(.hs-form, .yncu-system-form) input[type='email'], :is(.hs-form, .yncu-system-form) input[type='password'], :is(.hs-form, .yncu-system-form) input[type='tel'], :is(.hs-form, .yncu-system-form) input[type='number'], :is(.hs-form, .yncu-system-form) input[type='search'], :is(.hs-form, .yncu-system-form) select, :is(.hs-form, .yncu-system-form) textarea {
  width: 100% !important;
  border-radius: var(--yncu--formField__borderRadius);
  border-top: var(--yncu--formField__borderTop);
  border-right: var(--yncu--formField__borderRight);
  border-bottom: var(--yncu--formField__borderBottom);
  border-left: var(--yncu--formField__borderLeft);
  background-color: var(--yncu--formField__backgroundColor);
  color: var(--yncu--formFieldInput__textColor);
  padding-block: var(--yncu--spacing--20);
  padding-inline: var(--yncu--spacing--32);
}
.hs-input.hs-fieldtype-intl-phone {
  display: flex;
  width: 100% !important;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
  /* matches column margins from form injection */
}
.hs-input.hs-fieldtype-intl-phone > input {
  flex: 1 0 calc(70% - 8px) !important;
}
.hs-input.hs-fieldtype-intl-phone > select {
  flex: 1 0 30% !important;
}
@media (max-width: 600px) {
  .hs-input.hs-fieldtype-intl-phone {
    display: flex;
    width: 100%;
    flex-direction: column;
    gap: 8px;
  }
  .hs-input.hs-fieldtype-intl-phone > select, .hs-input.hs-fieldtype-intl-phone > input {
    min-width: 100%;
    flex: 1 1 100%;
  }
  .hs-input.hs-fieldtype-intl-phone > select {
    padding-inline: var(--yncu--spacing--16);
  }
}
.hs-form-field.hs-fieldtype-file .hs-input, .hs-form fieldset {
  max-width: 100% !important;
}
/* Form fields - textarea */
.hs-form textarea {
  position: relative;
  height: 160px;
  border-radius: var(--yncu--formFieldTextArea__borderRadius);
}
.hs-form textarea::-webkit-resizer {
  display: none;
}
.hs-form .hs_multi_line_field .input {
  position: relative;
}
.hs-form .hs_multi_line_field .input:after {
  position: absolute;
  right: var(--yncu--spacing--8);
  bottom: var(--yncu--spacing--8);
  content: var(--yncu--formField__dragIcon);
  pointer-events: none;
}
/* Form fields - select */
.hs-form .hs-fieldtype-select .input {
  position: relative;
}
.hs-form select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.hs-form .hs-fieldtype-select .input:after {
  position: absolute;
  top: 50%;
  right: var(--yncu--spacing--32);
  content: var(--yncu--formField__selectIcon);
  pointer-events: none;
  transform: translateY(-50%);
}
/* Form fields - datepicker */
.hs-form .hs-dateinput {
  position: relative;
}
.hs-form .hs-dateinput:before {
  position: absolute;
  top: 50%;
  right: var(--yncu--spacing--32);
  content: var(--yncu--formField__datepickerIcon);
  pointer-events: none;
  transform: translateY(-50%);
}
/* Form fields - placeholders */
::-moz-placeholder {
  color: var(--yncu--formFieldPlaceholder__textColor);
}
::placeholder {
  color: var(--yncu--formFieldPlaceholder__textColor);
}
/* Form fields - checkbox/radio */
.hs-form .inputs-list {
  padding: 0;
  margin: 0;
  list-style: none;
}
.hs-form .inputs-list li {
  display: block;
  margin-block-end: var(--yncu--spacing--16);
}
.hs-form .inputs-list li:last-of-type {
  margin-block-end: 0;
}
.hs-form .inputs-list :is(input, span) {
  vertical-align: middle;
}
:is(.hs-form, .yncu-system-form) input[type='checkbox'], :is(.hs-form, .yncu-system-form) input[type='radio'] {
  height: var(--yncu--formFieldCheckboxRadio__size);
  width: var(--yncu--formFieldCheckboxRadio__size) !important;
  accent-color: var(--yncu--formFieldCheckboxRadio__fillColor);
  cursor: pointer;
  margin-inline-end: var(--yncu--spacing--12);
}
/* Form help text */
.hs-form legend {
  /* To do: figure out where we should pull this from */
  color: var(--yncu--formHelpText__textColor);
  margin-block-end: var(--yncu--spacing--8);
}
/* Form rich text */
.hs-form .hs-richtext {
  color: var(--yncu--formLabel__textColor);
}
.hs-form .hs-richtext img {
  height: auto;
  max-width: 100% !important;
}
/* Form error messages */
.hs-form .hs-input.error {
  border-color: var(--yncu--formRequired__color);
}
.hs-form .hs-error-msg, .hs-form .hs-error-msgs {
  color: var(--yncu--formRequired__color);
  margin-block-start: var(--yncu--spacing--4);
}
/* Form button */
:is(.hs-form, .yncu-system-form) .hs-button, :is(.hs-form, .yncu-system-form) input[type='submit'] {
  display: inline-block;
  width: 100%;
  border-color: var(--yncu--button--primary__borderColor);
  border-radius: var(--yncu--button--primary__borderRadius);
  border-style: solid;
  border-width: var(--yncu--button--primary__borderThickness);
  background-color: var(--yncu--button--primary__backgroundColor);
  color: var(--yncu--button--primary__textColor);
  cursor: pointer;
  font-family: var(--yncu--body__font);
  font-size: var(--yncu--button--primary__fontSize);
  font-style: var(--yncu--button--primary__fontStyle);
  font-weight: var(--yncu--button--primary__fontWeight);
  padding-block: var(--yncu--spacing--20);
  padding-inline: var(--yncu--spacing--24);
  text-align: center;
  text-decoration: none;
  transition: all 0.15s linear;
  white-space: normal !important;
}
:is(.hs-form, .yncu-system-form) .hs-button:hover, :is(.hs-form, .yncu-system-form) .hs-button:focus, :is(.hs-form, .yncu-system-form) input[type='submit']:hover, :is(.hs-form, .yncu-system-form) input[type='submit']:focus {
  border-color: var(--yncu--button--primary__hover--borderColor);
  border-width: var(--yncu--button--primary__hover--borderThickness);
  background-color: var(--yncu--button--primary__hover--backgroundColor);
  color: var(--yncu--button--primary__hover--textColor);
  text-decoration: none;
}
/* Captcha */
.grecaptcha-badge {
  margin-block: 0;
  margin-inline: auto;
}
/* Components */
html {
  --yncu--navigation__anchor-offset: var(--yncu--spacing--120, 120px);
  scroll-padding-top: var(--yncu--navigation__anchor-offset);
}

/* keep caret scrolling from dismissing sticky search */
html:has(.yncu-header input[type='search']:focus) {
  scroll-padding-top: 0;
  overflow-anchor: none;
}

/* target the generated global-partial wrapper */
.yncu-app-root > [data-global-resource-path]:has(> .yncu-header) {
  position: sticky;
  z-index: 1000;
  top: 10px;
}

@media (max-width: 1024px) {
  body {
    --yncu--navigation__mobile-sticky-offset: 80px;
  }

  .yncu-header {
    margin: 10px;
  }

  .yncu-app-root:has(> #main-content [data-yncu-page-hero])
    > [data-global-resource-path]:has(> .yncu-header),
  .yncu-app-root:has(> #main-content [data-yncu-page-hero])
    > [data-global-resource-path]:has(> .yncu-header)
    .yncu-header {
    height: 0;
  }

  .yncu-app-root:has(> #main-content [data-yncu-page-hero])
    > [data-global-resource-path]:has(> .yncu-header) {
    top: 0;
  }

  /* keep the inset inside the header so preceding banners shift it fully */
  .yncu-app-root:has(> #main-content [data-yncu-page-hero])
    > [data-global-resource-path]:has(> .yncu-header)
    .yncu-header {
    position: relative;
    top: 10px;
    margin-block: 0;
  }
}

@media (min-width: 1025px) {
  .yncu-app-root > [data-global-resource-path]:has(> .yncu-header) {
    height: 0;
    top: calc(
      10px - var(--yncu--navigation__desktopTopOffset, 16px)
    );
  }

  .yncu-header {
    height: 0;
  }
}

/* Navigation skipper */
.yncu-header__skip {
  position: absolute;
  top: -1000px;
  left: -1000px;
  overflow: hidden;
  height: 1px;
  width: 1px;
  text-align: left;
}
.yncu-header__skip:hover, .yncu-header__skip:focus, .yncu-header__skip:active {
  z-index: 2;
  top: 0;
  left: 0;
  overflow: visible;
  height: auto;
  width: auto;
}
.logo-company-name {
  margin-block: 0;
}

/* Offsets margin on ul element inside default image grid */
.hs-image__grid__list {
  margin-block: 0;
}

/* Logo responsive styling */
.widget-type-logo img {
  height: auto;
  max-width: 100%;
}
/* hubspot renders popup shell outside web interactive iframe */
#hs-interactives-modal-overlay {
  background: rgb(0 0 0 / 60%) !important;
}

[id^='hs-overlay-cta-'][role='dialog'] {
  width: min(800px, calc(100vw - 48px)) !important;
  height: min(500px, calc(100dvh - 48px)) !important;
  max-width: calc(100vw - 48px) !important;
  max-height: calc(100dvh - 48px) !important;
  background:
    linear-gradient(rgb(255 255 255 / 30%), rgb(255 255 255 / 30%)),
    radial-gradient(
      circle 250px at 53.75% 57.6%,
      rgb(99 102 241 / 20%) 0%,
      rgb(99 102 241 / 0%) 70%
    ),
    radial-gradient(
      circle 225px at 75.625% 72.6%,
      rgb(226 177 112 / 15%) 0%,
      rgb(226 177 112 / 0%) 70%
    ) !important;
  border: 1px solid rgb(255 255 255 / 20%) !important;
  border-radius: 32px 32px 32px 130px !important;
  box-shadow: none !important;
  overflow: hidden !important;
  backdrop-filter: blur(32px);
  -webkit-backdrop-filter: blur(32px);
}

[id^='hs-overlay-cta-'][role='dialog'] > iframe[title='Popup CTA'] {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: inherit !important;
}

@media (max-width: 767px) {
  [id^='hs-overlay-cta-'][role='dialog'] {
    width: calc(100vw - 32px) !important;
    height: calc(100dvh - 32px) !important;
    max-width: calc(100vw - 32px) !important;
    max-height: calc(100dvh - 32px) !important;
    border-radius: 24px !important;
  }

  [id^='hs-overlay-cta-'][role='dialog'] > iframe[title='Popup CTA'] {
    border-radius: inherit !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  #hs-interactives-modal-overlay,
  [id^='hs-overlay-cta-'][role='dialog'] {
    transition: none !important;
  }
}
/* Fonts */
/* match native Montserrat advances while its CMS fonts load */
@font-face {
  font-family: 'Montserrat Fallback';
  src: local('Arial'), local('ArialMT'), local('Liberation Sans');
  font-style: normal;
  font-weight: 400;
  size-adjust: 109.0319%;
  ascent-override: 88.7814%;
  descent-override: 23.0208%;
  line-gap-override: 0%;
}

@font-face {
  font-family: 'Montserrat Fallback';
  src: local('Arial'), local('ArialMT'), local('Liberation Sans');
  font-style: normal;
  font-weight: 500;
  size-adjust: 110.3215%;
  ascent-override: 87.7436%;
  descent-override: 22.7517%;
  line-gap-override: 0%;
}

@font-face {
  font-family: 'Montserrat Fallback';
  src:
    local('Arial Bold'), local('Arial-BoldMT'), local('Liberation Sans Bold');
  font-style: normal;
  font-weight: 600;
  size-adjust: 107.1499%;
  ascent-override: 90.3407%;
  descent-override: 23.4251%;
  line-gap-override: 0%;
}

@font-face {
  font-family: 'Montserrat Fallback';
  src:
    local('Arial Bold'), local('Arial-BoldMT'), local('Liberation Sans Bold');
  font-style: normal;
  font-weight: 700;
  size-adjust: 108.6505%;
  ascent-override: 89.093%;
  descent-override: 23.1016%;
  line-gap-override: 0%;
}

@font-face {
  font-family: 'Montserrat Fallback';
  src:
    local('Arial Bold'), local('Arial-BoldMT'), local('Liberation Sans Bold');
  font-style: normal;
  font-weight: 900;
  size-adjust: 112.0227%;
  ascent-override: 86.4111%;
  descent-override: 22.4062%;
  line-gap-override: 0%;
}