/* Fonts */ /* @usb-shield/design-tokens - U.S. Bank Design Tokens - @version v10.28.7 {} */ /* @usb-shield/design-tokens - U.S. Bank Design Tokens - @version v10.28.7 {} */ :root { --token-data-a-10: rgb(238, 246, 255); --token-data-a-20: rgb(217, 235, 255); --token-data-a-30: rgb(170, 210, 255); --token-data-a-40: rgb(100, 181, 255); --token-data-a-50: rgb(58, 161, 255); --token-data-a-60: rgb(10, 135, 248); --token-data-a-70: rgb(35, 90, 228); --token-data-a-80: rgb(0, 60, 200); --token-data-a-90: rgb(0, 30, 121); --token-data-b-10: rgb(255, 233, 234); --token-data-b-20: rgb(255, 217, 219); --token-data-b-30: rgb(255, 190, 180); --token-data-b-40: rgb(248, 150, 143); --token-data-b-50: rgb(242, 110, 107); --token-data-b-60: rgb(235, 70, 70); --token-data-b-70: rgb(207, 42, 54); --token-data-b-80: rgb(155, 10, 40); --token-data-b-90: rgb(110, 3, 3); --token-data-c-10: rgb(255, 244, 228); --token-data-c-20: rgb(255, 225, 185); --token-data-c-30: rgb(255, 213, 137); --token-data-c-40: rgb(255, 199, 79); --token-data-c-50: rgb(255, 178, 8); --token-data-c-60: rgb(253, 129, 48); --token-data-c-70: rgb(235, 94, 1); --token-data-c-80: rgb(195, 60, 0); --token-data-c-90: rgb(146, 30, 13); --token-data-d-10: rgb(229, 248, 232); --token-data-d-20: rgb(200, 234, 205); --token-data-d-30: rgb(160, 220, 170); --token-data-d-40: rgb(114, 198, 133); --token-data-d-50: rgb(68, 177, 97); --token-data-d-60: rgb(20, 155, 60); --token-data-d-70: rgb(0, 125, 30); --token-data-d-80: rgb(0, 90, 5); --token-data-d-90: rgb(0, 60, 0); --token-data-e-10: rgb(226, 244, 248); --token-data-e-20: rgb(182, 232, 238); --token-data-e-30: rgb(160, 220, 230); --token-data-e-40: rgb(95, 208, 217); --token-data-e-50: rgb(51, 196, 206); --token-data-e-60: rgb(7, 184, 196); --token-data-e-70: rgb(4, 153, 169); --token-data-e-80: rgb(0, 120, 133); --token-data-e-90: rgb(15, 75, 84); --token-data-f-10: rgb(240, 234, 250); --token-data-f-20: rgb(228, 205, 251); --token-data-f-30: rgb(216, 176, 252); --token-data-f-40: rgb(204, 148, 253); --token-data-f-50: rgb(192, 119, 254); --token-data-f-60: rgb(180, 90, 255); --token-data-f-70: rgb(155, 27, 233); --token-data-f-80: rgb(114, 27, 172); --token-data-f-90: rgb(73, 27, 111); --token-data-g-10: rgb(255, 234, 240); --token-data-g-20: rgb(255, 214, 233); --token-data-g-30: rgb(250, 190, 220); --token-data-g-40: rgb(247, 142, 204); --token-data-g-50: rgb(243, 93, 188); --token-data-g-60: rgb(238, 29, 167); --token-data-g-70: rgb(208, 12, 142); --token-data-g-80: rgb(163, 14, 112); --token-data-g-90: rgb(126, 6, 85); --token-data-neutral-black: rgb(0, 0, 0); --token-data-neutral-10: rgb(245, 245, 250); --token-data-neutral-20: rgb(238, 238, 242); --token-data-neutral-30: rgb(204, 204, 210); --token-data-neutral-40: rgb(178, 178, 182); --token-data-neutral-50: rgb(153, 153, 157); --token-data-neutral-60: rgb(127, 127, 132); --token-data-neutral-70: rgb(102, 102, 106); --token-data-neutral-80: rgb(76, 76, 80); --token-data-neutral-90: rgb(46, 46, 50); --token-data-neutral-alternate-10: rgb(241, 245, 251); --token-data-neutral-alternate-20: rgb(235, 239, 246); --token-data-neutral-alternate-30: rgb(205, 209, 226); --token-data-neutral-alternate-40: rgb(179, 185, 205); --token-data-neutral-alternate-50: rgb(153, 158, 182); --token-data-neutral-alternate-60: rgb(122, 122, 149); --token-data-neutral-alternate-70: rgb(92, 92, 116); --token-data-neutral-alternate-80: rgb(99, 99, 127); --token-data-neutral-alternate-90: rgb(72, 72, 97); --token-data-neutral-white: rgb(255, 255, 255); --token-status-info-mid: rgb(35, 90, 228); --token-status-info-subdued: rgb(170, 210, 255); --token-status-info-muted: rgb(238, 246, 255); --token-status-success-mid: rgb(0, 125, 30); --token-status-success-subdued: rgb(160, 220, 170); --token-status-success-muted: rgb(229, 248, 232); --token-status-caution-mid: rgb(235, 94, 1); --token-status-caution-subdued: rgb(255, 213, 137); --token-status-caution-muted: rgb(255, 244, 228); --token-status-danger-vivid: rgb(155, 10, 40); --token-status-danger-mid: rgb(207, 42, 54); --token-status-danger-subdued: rgb(255, 190, 180); --token-status-danger-muted: rgb(255, 233, 234); --token-status-neutral-vivid: rgb(76, 76, 80); --token-status-neutral-mid: rgb(102, 102, 106); --token-status-neutral-subdued: rgb(204, 204, 210); --token-status-neutral-muted: rgb(245, 245, 250); --token-status-neutral-alternate-mid: rgb(92, 92, 116); --token-status-neutral-alternate-subdued: rgb(205, 209, 226); --token-status-neutral-alternate-muted: rgb(241, 245, 251); --token-disabled-element-color: rgb(204, 204, 210); --token-transparent: rgba(0, 0, 0, 0); --token-active: rgba(255, 255, 255, 0.78); --token-breakpoint-minimum: 20rem; --token-breakpoint-small: 30rem; --token-breakpoint-medium: 42rem; --token-breakpoint-large: 66rem; --token-breakpoint-x-large: 84rem; --token-breakpoint-xx-large: 102rem; --token-breakpoint-maximum: 120rem; --token-screen-minimum: screen and (min-width: 20rem); --token-screen-small: screen and (min-width: 30rem); --token-screen-medium: screen and (min-width: 42rem); --token-screen-large: screen and (min-width: 66rem); --token-screen-x-large: screen and (min-width: 84rem); --token-screen-xx-large: screen and (min-width: 102rem); --token-screen-maximum: screen and (min-width: 120rem); --token-standard-vivid: #0C2074; --token-standard-mid: #0C2074; --token-standard-subdued: #0A41C5; --token-standard-muted: #EFF3FC; --token-standard-gradient: #13319A; --token-highlight-vivid: #A0101F; --token-highlight-mid: #A0101F; --token-highlight-subdued: #DE162B; --token-highlight-muted: #DE162B; --token-highlight-gradient: #B30000; --token-utility-black: #000000; --token-utility-vivid: #555555; --token-utility-mid: #858585; --token-utility-subdued: #CDCDD3; --token-utility-muted: #F2F2F5; --token-utility-white: #ffffff; --token-utility-overlay: rgba(0, 0, 0, 0.7); --token-utility-gradient: #757575; --token-label-vivid: #2C2C2C; --token-label-mid: #555555; --token-label-muted: #6E6E6E; --token-label-reverse-contrast: #A4ABCB; --token-label-white: #ffffff; --token-surface: #ffffff; --token-surface-alternate: #F2F2F5; --token-surface-alternate-muted: #F7F7FA; --token-spacing-base: 16px; --token-spacing-xs: 1px; --token-spacing-small: 2px; --token-spacing-0: 0; --token-spacing-1: 0.25rem; --token-spacing-2: 0.5rem; --token-spacing-3: 0.75rem; --token-spacing-4: 1rem; --token-spacing-5: 1.25rem; --token-spacing-6: 1.5rem; --token-spacing-7: 1.75rem; --token-spacing-8: 2rem; --token-spacing-9: 2.25rem; --token-spacing-10: 2.5rem; --token-spacing-11: 2.75rem; --token-spacing-12: 3rem; --token-spacing-13: 3.25rem; --token-spacing-14: 3.5rem; --token-spacing-15: 3.75rem; --token-spacing-16: 4rem; --token-spacing-17: 4.25rem; --token-spacing-18: 4.5rem; --token-spacing-19: 4.75rem; --token-spacing-20: 5rem; --token-spacing-21: 5.25rem; --token-spacing-22: 5.5rem; --token-spacing-23: 5.75rem; --token-spacing-24: 6rem; --token-font-base: Circular-USB, Arial, Helvetica, sans-serif; --token-font-callout: Roboto Slab, serif; --token-font-secondary: Roboto Slab, serif; --token-font-tertiary: Roboto Slab, serif; --token-font-size-root: 16px; --token-font-size-xs: 0.75rem; --token-font-size-sm: 0.875rem; --token-font-size-base: 1rem; --token-font-size-lg: 1.25rem; --token-font-size-xl: 1.5rem; --token-font-size-2xl: 1.75rem; --token-font-size-3xl: 2rem; --token-font-size-4xl: 2.5rem; --token-font-size-5xl: 3rem; --token-font-weight-reg: 400; --token-font-weight-light: 300; --token-font-weight-book: 450; --token-font-weight-med: 500; --token-font-weight-bold: 700; --token-font-weight-heavy: 900; --token-line-height-base: 1; --token-line-height-med: 1.2; --token-line-height-lg: 1.25; --token-line-height-xl: 1.3; --token-line-height-2xl: 1.45; --token-line-height-3xl: 1.5; --token-line-height-4xl: 1.6; --token-line-height-5xl: 1.7; --token-background-primary: #ffffff; --token-background-inverse-primary: #0C2074; --token-background-secondary: #F7F7FA; --token-background-tertiary: #F2F2F5; --token-background-quaternary: rgb(200, 226, 249); --token-background-dark: #555555; --token-background-brand-primary: #0C2074; --token-background-brand-secondary: #DE162B; --token-background-brand-secondary-active: #A0101F; --token-background-brand-interaction: #0A41C5; --token-background-error: rgb(255, 233, 234); --token-background-warning: rgb(255, 244, 228); --token-background-confirmation: rgb(229, 248, 232); --token-background-neutral: rgb(238, 246, 255); --token-background-overlay: rgba(0, 0, 0, 0.7); --token-background-transparent: rgba(0, 0, 0, 0); --token-background-gradient-interaction: linear-gradient(-180deg, #0A41C5 0%, #0A41C5 100%); --token-background-gradient-primary: linear-gradient(-180deg, #FFFFFF 0%, #FFFFFF 100%); --token-background-gradient-secondary: linear-gradient(-180deg, #DE162B 0%, #DE162B 100%); --token-background-gradient-dark: linear-gradient(-180deg, #555555 0%, #555555 100%); --token-background-gradient-primary-active: linear-gradient(-180deg, #0C2074 0%, #0C2074 100%); --token-background-gradient-secondary-active: linear-gradient(-180deg, rgb(145, 0, 0) 0%,rgb(145, 0, 0) 100%); --token-background-gradient-dark-active: linear-gradient(-180deg, #555555 0%, #555555 100%); --token-background-gradient-primary-hover: #13319A; --token-background-gradient-secondary-hover: #B30000; --token-background-gradient-dark-hover: #757575; --token-text-color-brand-primary: #0C2074; --token-text-color-brand-secondary: #DE162B; --token-text-color-interaction: #0A41C5; --token-text-color-interaction-active: rgba(255, 255, 255, 0.78); --token-text-color-primary: #2C2C2C; --token-text-color-secondary: #555555; --token-text-color-tertiary: #6E6E6E; --token-text-color-inverse-primary: #ffffff; --token-text-color-inverse-secondary: rgb(164, 171, 203); --token-text-color-error: rgb(207, 42, 54); --token-text-color-confirmation: rgb(0, 125, 30); --token-color-divider-light-background: #CDCDD3; --token-color-divider-dark-background: #ffffff; --token-color-divider-informational: #858585; --token-border-input: #858585; --token-border-base: #CDCDD3; --token-border-brand: #0C2074; --token-border-interaction: #0A41C5; --token-border-subtle: #F2F2F5; --token-border-dark: #555555; --token-border-error: rgb(207, 42, 54); --token-border-focus: #0A41C5; --token-border-inverse: #ffffff; --token-border-transparent: rgba(0, 0, 0, 0); --token-rounded-square: 0; --token-rounded-sm: 0.25rem; --token-rounded-md: 0.5rem; --token-rounded-lg: 0.75rem; --token-rounded-base: 1rem; --token-rounded-full: 50%; --token-border-width-default: 1px; --token-border-width-large: 2px; --token-shadow-none: none; --token-shadow-sm: 0 1px 3px 0 rgba(0,0,0,.12); --token-shadow-md: 0 4px 6px -1px rgba(0,0,0,.12) , 0 2px 4px -1px rgba(0,0,0,.12); --token-shadow-lg: 0 16px 24px -4px rgba(0,0,0,.12) , 0 4px 8px -2px rgba(0,0,0,.6); --token-shadow-xl: 0 24px 48px -12px rgba(0,0,0,.20); --token-timing-default-ease: 0.25s ease; --token-timing-default-ease-in-out: 0.25s ease-in-out; --token-timing-fast-ease: 0.1s ease; --token-timing-fast-ease-in-out: 0.1s ease-in-out; --token-timing-moderate-ease: .5s ease; --token-timing-moderate-ease-in-out: .5s ease-in-out; --token-timing-long-ease: 1s ease; --token-timing-long-ease-in-out: 1s ease-in-out; --token-screen-lg: @media only screen and (min-width: 64rem); --token-screen-md: @media only screen and (min-width: 48rem); --token-screen-sm: @media only screen and (max-width: 47.9375rem); --token-screen-lg-max-width: 47.9375rem; --token-screen-lg-min-width: 64rem; --token-screen-md-min-width: 48rem; --token-screen-sm-max-width: 47.9375rem; --token-color-brand-primary: rgb(12, 32, 116); --token-color-brand-secondary: rgb(222, 22, 43); --token-color-brand-secondary-active: rgb(160, 16, 31); --token-color-brand-interaction: rgb(10, 65, 197); --token-color-error-msg: rgb(190, 19, 36); --token-color-error-msg-2: rgb(250, 237, 239); --token-color-warning-msg: rgb(222, 134, 0); --token-color-success-msg: rgb(10, 133, 61); --token-color-neutral-msg: rgb(54, 104, 218); --token-color-grey-90: rgb(44, 44, 44); --token-color-grey-80: rgb(85, 85, 85); --token-color-grey-70: rgb(110, 110, 110); --token-color-grey-60: rgb(133, 133, 133); --token-color-grey-30: rgb(205, 205, 211); --token-color-grey-20: rgb(242, 242, 245); --token-color-grey-10: rgb(247, 247, 250); --token-color-blue-grey: rgb(164, 171, 203); --token-color-data-1: rgb(46, 150, 255); --token-color-data-2: rgb(0, 170, 85); --token-color-data-3: rgb(245, 102, 1); --token-color-data-4: rgb(222, 22, 43); --token-color-data-5: rgb(12, 32, 116); --token-color-data-6: rgb(101, 24, 165); --token-color-data-7: rgb(189, 0, 189); --token-color-data-8: rgb(0, 165, 168); --token-color-data-9: rgb(199, 133, 0); --token-letter-spacing-base: normal; --token-letter-spacing-sm: -0.01em; --token-letter-spacing-med: 0.01em; --token-letter-spacing-lg: 0.02em; --token-letter-spacing-xl: 0.06em; --accordion-label-text-color: #2C2C2C; --accordion-hover-label-text-color: #0A41C5; --accordion-active-label-text-color: #0A41C5; --accordion-content-text-color: #555555; --accordion-divider-background-color: #CDCDD3; --accordion-chevron-icon-fill-color: #2C2C2C; --accordion-hover-chevron-icon-fill-color: #0A41C5; --accordion-active-chevron-icon-fill-color: #0A41C5; --avatar-background-color: #0C2074; --avatar-foreground-color: #ffffff; --badge-light-icon-fill-color: #ffffff; --badge-font-size: 1rem; --badge-font-weight: 400; --badge-line-height: 1.5; --badge-letter-spacing: 0.01em; --badge-font-family: Circular-USB, Arial, Helvetica, sans-serif; --badge-primary-information-background-color: rgb(35, 90, 228); --badge-primary-information-text-color: #ffffff; --badge-secondary-information-background-color: rgb(238, 246, 255); --badge-secondary-information-text-color: #2C2C2C; --badge-text-information-text-color: #2C2C2C; --badge-information-icon-dot-fill-color: rgb(35, 90, 228); --badge-primary-neutral-background-color: #2C2C2C; --badge-primary-neutral-text-color: #ffffff; --badge-secondary-neutral-background-color: rgb(238, 238, 242); --badge-secondary-neutral-text-color: #2C2C2C; --badge-text-neutral-text-color: #2C2C2C; --badge-neutral-icon-dot-fill-color: #2C2C2C; --badge-primary-success-background-color: rgb(0, 125, 30); --badge-primary-success-text-color: #ffffff; --badge-secondary-success-background-color: rgb(229, 248, 232); --badge-secondary-success-text-color: #2C2C2C; --badge-text-success-text-color: #2C2C2C; --badge-success-icon-dot-fill-color: rgb(0, 125, 30); --badge-primary-caution-background-color: rgb(235, 94, 1); --badge-primary-caution-text-color: #2C2C2C; --badge-secondary-caution-background-color: rgb(255, 244, 228); --badge-secondary-caution-text-color: #2C2C2C; --badge-text-caution-text-color: #2C2C2C; --badge-caution-icon-dot-fill-color: rgb(235, 94, 1); --badge-primary-danger-background-color: rgb(207, 42, 54); --badge-primary-danger-text-color: #ffffff; --badge-secondary-danger-background-color: rgb(255, 233, 234); --badge-secondary-danger-text-color: #2C2C2C; --badge-text-danger-text-color: #2C2C2C; --badge-danger-icon-dot-fill-color: rgb(207, 42, 54); --breadcrumb-hover-text-color: #555555; --breadcrumb-focus-border-color: #0A41C5; --breadcrumb-text-color: #555555; --breadcrumb-current-page-text-color: #2C2C2C; --button-loud-text-color: #ffffff; --button-loud-hover-text-color: #ffffff; --button-loud-active-text-color: rgba(255, 255, 255, 0.78); --button-loud-icon-fill-color: #ffffff; --button-loud-hover-icon-fill-color: #ffffff; --button-loud-active-icon-fill-color: rgba(255, 255, 255, 0.78); --button-loud-border-color: rgba(0, 0, 0, 0); --button-loud-hover-border-color: rgba(0, 0, 0, 0); --button-loud-active-border-color: rgba(0, 0, 0, 0); --button-loud-background-color: #DE162B; --button-loud-active-background-color: #A0101F; --button-primary-text-color: #ffffff; --button-primary-hover-text-color: #ffffff; --button-primary-active-text-color: rgba(255, 255, 255, 0.78); --button-primary-border-color: rgba(0, 0, 0, 0); --button-primary-hover-border-color: rgba(0, 0, 0, 0); --button-primary-active-border-color: rgba(0, 0, 0, 0); --button-primary-icon-fill-color: #ffffff; --button-primary-hover-icon-fill-color: #ffffff; --button-primary-active-icon-fill-color: rgba(255, 255, 255, 0.78); --button-primary-background-color: #0A41C5; --button-primary-active-background-color: #0C2074; --button-secondary-border-color: #0A41C5; --button-secondary-hover-border-color: #0A41C5; --button-secondary-active-border-color: #0A41C5; --button-secondary-hover-active-border-color: #0A41C5; --button-secondary-text-color: #0A41C5; --button-secondary-hover-text-color: #ffffff; --button-secondary-active-text-color: rgba(255, 255, 255, 0.78); --button-secondary-icon-fill-color: #0A41C5; --button-secondary-hover-icon-fill-color: #ffffff; --button-secondary-active-icon-fill-color: rgba(255, 255, 255, 0.78); --button-secondary-background-color: rgba(0, 0, 0, 0); --button-secondary-active-background-color: #0C2074; --button-utility-border-color: #555555; --button-utility-hover-border-color: rgba(0, 0, 0, 0); --button-utility-active-border-color: rgba(0, 0, 0, 0); --button-utility-text-color: #555555; --button-utility-hover-text-color: #ffffff; --button-utility-active-text-color: rgba(255, 255, 255, 0.78); --button-utility-icon-fill-color: #555555; --button-utility-hover-icon-fill-color: #ffffff; --button-utility-active-icon-fill-color: rgba(255, 255, 255, 0.78); --button-utility-background-color: #ffffff; --button-utility-active-background-color: #555555; --button-text-background-color: rgba(0, 0, 0, 0); --button-text-border-color: rgba(0, 0, 0, 0); --button-text-hover-border-color: rgba(0, 0, 0, 0); --button-text-active-border-color: rgba(0, 0, 0, 0); --button-text-text-color: #0A41C5; --button-text-hover-text-color: #ffffff; --button-text-active-text-color: rgba(255, 255, 255, 0.78); --button-text-icon-fill-color: #0A41C5; --button-text-hover-icon-fill-color: #ffffff; --button-text-active-icon-fill-color: rgba(255, 255, 255, 0.78); --button-text-active-background-color: #0C2074; --button-primary-font-family: Circular-USB, Arial, Helvetica, sans-serif; --button-loud-font-family: Circular-USB, Arial, Helvetica, sans-serif; --button-secondary-font-family: Circular-USB, Arial, Helvetica, sans-serif; --button-utility-font-family: Circular-USB, Arial, Helvetica, sans-serif; --button-text-font-family: Circular-USB, Arial, Helvetica, sans-serif; --button-small-font-size: 0.875rem; --button-medium-font-size: 1rem; --button-large-font-size: 1rem; --button-loud-font-weight: 500; --button-loud-line-height: 1; --button-loud-border-width: 0; --button-loud-border-radius: 0.25rem; --button-primary-font-weight: 500; --button-primary-line-height: 1; --button-primary-border-width: 0; --button-primary-border-radius: 0.25rem; --button-secondary-border-width: 1px; --button-secondary-border-radius: 0.25rem; --button-secondary-hover-border-width: 1px; --button-secondary-font-weight: 500; --button-secondary-line-height: 1; --button-utility-border-width: 1px; --button-utility-border-radius: 0.25rem; --button-utility-hover-border-width: 0; --button-utility-active-border-width: 0; --button-utility-font-weight: 500; --button-utility-line-height: 1; --button-text-border-width: 0; --button-text-border-radius: 0.25rem; --button-text-hover-border-width: 0; --button-text-hover-text-decoration: none; --button-text-font-weight: 500; --button-text-line-height: 1; --button-font-size-small: 0.875rem; --button-font-size-default: 0.875rem; --button-font-size-large: 0.875rem; --button-loud-hover-background-color: #B30000; --button-primary-hover-background-color: #13319A; --button-secondary-hover-background-color: #13319A; --button-utility-hover-background-color: #757575; --button-text-hover-background-color: #13319A; --calendar-container-background-color: #ffffff; --calendar-icon-dot-background-color: #0A41C5; --calendar-help-corner-background-color: #0A41C5; --calendar-hover-help-corner-background-color: #0C2074; --calendar-active-help-corner-background-color: #0C2074; --calendar-pagination-arrow-icon-fill-color: #555555; --calendar-hover-pagination-arrow-icon-color: #ffffff; --calendar-active-pagination-arrow-icon-color: rgba(255, 255, 255, 0.78); --calendar-chevron-down-icon-fill-color: #555555; --calendar-hover-chevron-down-icon-fill-color: #ffffff; --calendar-active-chevron-down-icon-fill-color: rgba(255, 255, 255, 0.78); --calendar-text-color: #2C2C2C; --calendar-disabled-text-color: #6E6E6E; --calendar-hover-text-color: #2C2C2C; --calendar-selected-text-color: #ffffff; --calendar-active-text-color: rgba(255, 255, 255, 0.78); --calender-hover-text-border-color: #0A41C5; --calendar-date-month-year-background-color: rgba(0, 0, 0, 0); --calendar-hover-date-month-year-background-color: rgba(0, 0, 0, 0); --calendar-active-date-month-year-background-color: #0C2074; --calendar-selected-date-month-year-background-color: #0A41C5; --calendar-date-range-background-color: #EFF3FC; --calendar-shortcut-container-background-color: #ffffff; --pie-chart-primary-value-text-color: #2C2C2C; --pie-chart-primary-value-line-color: #2C2C2C; --pie-chart-primary-pie-fill-color: rgb(10, 135, 248); --pie-chart-primary-label-text-color: #2C2C2C; --bar-chart-primary-bar-fill-color: rgb(10, 135, 248); --bar-chart-primary-label-text-color: #2C2C2C; --area-chart-primary-area-fill-color: rgb(10, 135, 248); --area-chart-primary-area-dot-fill-color: rgb(10, 135, 248); --area-chart-primary-area-line-color: rgb(10, 135, 248); --area-chart-primary-dot-fill-color: rgb(10, 135, 248); --area-chart-primary-dot-line-color: rgb(10, 135, 248); --area-chart-primary-dot-fill-active-color: rgb(10, 135, 248); --line-chart-primary-line-fill-color: rgb(10, 135, 248); --line-chart-primary-dot-stroke-color: rgb(10, 135, 248); --line-chart-primary-dot-fill-color: rgb(10, 135, 248); --line-chart-primary-dot-stroke-width: 0.25rem; --line-chart-primary-dot-focus-color: #0A41C5; --cartesian-grid-light-divider-fill-color: #CDCDD3; --legend-primary-value-text-color: #2C2C2C; --legend-primary-icon-fill-color: rgb(10, 135, 248); --legend-primary-icon-stroke-color: rgb(10, 135, 248); --tooltip-background-color: #ffffff; --tooltip-border-color: rgb(127, 127, 132); --tooltip-label-text-color: rgb(46, 46, 50); --composed-chart-primary-bar-fill-color: rgb(10, 135, 248); --composed-chart-primary-bar-label-text-color: #2C2C2C; --composed-chart-primary-line-color: rgb(0, 30, 121); --composed-chart-primary-line-width: 0.25rem; --composed-chart-primary-line-dot-stroke-color: rgb(0, 30, 121); --composed-chart-primary-line-dot-fill-color: rgb(0, 30, 121); --composed-chart-primary-line-dot-stroke-width: 0.25rem; --composed-chart-primary-line-dot-focus-color: #0A41C5; --composed-chart-primary-area-color: rgb(10, 135, 248); --composed-chart-primary-area-line-color: 0.25rem; --composed-chart-primary-area-line-width: 0.25rem; --composed-chart-primary-area-dot-color: rgb(10, 135, 248); --composed-chart-primary-area-dot-stroke-color: rgb(10, 135, 248); --composed-chart-primary-area-dot-stroke-width: 0.25rem; --composed-chart-primary-area-dot-focus-color: #0A41C5; --composed-chart-primary-dot-hover-color: rgb(10, 135, 248); --cartesian-axis-text-label-text-color: rgb(46, 46, 50); --cartesian-axis-dark-divider-fill-color: rgb(127, 127, 132); --scatter-chart-primary-dot-fill-color: rgb(10, 135, 248); --chart-stroke-width: 3px; --chart-focus-stroke-gap: 3px; --bar-chart-bar-corner-radius: 6px; --checkbox-checked-disabled-icon-fill-color: #555555; --checkbox-checked-disabled-label-icon-fill-color: #555555; --checkbox-disabled-icon-background-color: rgb(204, 204, 210); --checkbox-checked-icon-fill-color: #ffffff; --checkbox-focus-border-color: #0A41C5; --checkbox-disabled-label-icon-background-color: rgb(204, 204, 210); --checkbox-label-text-color: #555555; --checkbox-icon-background-color: #ffffff; --checkbox-border-color: #858585; --checkbox-helper-text-text-color: #6E6E6E; --checkbox-error-icon-background-color: #ffffff; --checkbox-error-border-color: rgb(207, 42, 54); --checkbox-error-icon-fill-color: rgb(207, 42, 54); --checkbox-hover-error-icon-background-color: #ffffff; --checkbox-hover-error-border-color: #0C2074; --checkbox-hover-error-icon-fill-color: #ffffff; --checkbox-hover-border-color: #0A41C5; --checkbox-hover-active-border-color: #0C2074; --checkbox-checked-hover-icon-fill-color: #ffffff; --checkbox-readonly-icon-background-color: #CDCDD3; --checkbox-readonly-icon-fill-color: #555555; --checkbox-label-font-family: Circular-USB, Arial, Helvetica, sans-serif; --checkbox-checked-hover-icon-background-color: #13319A; --checkbox-checked-hover-active-icon-background-color: #0C2074; --checkbox-checked-icon-background-color: #0A41C5; --checkbox-group-label-text-color: #555555; --checkbox-group-label-color: #2C2C2C; --checkbox-active-hover-border-color: #0C2074; --checkbox-label-focus-border-color: #0A41C5; --checkbox-label-disabled-background-color: rgb(204, 204, 210); --checkbox-label-font-size: 1rem; --checkbox-label-font-weight: 400; --checkbox-border-radius: 0.25rem; --checkbox-focus-border-radius: 0.25rem; --chip-removable-text-color: #0A41C5; --chip-removable-hover-text-color: #ffffff; --chip-removable-active-text-color: rgba(255, 255, 255, 0.78); --chip-removable-selected-text-color: #ffffff; --chip-removable-error-text-color: rgb(207, 42, 54); --chip-removable-selected-error-text-color: #ffffff; --chip-removable-disabled-text-color: #555555; --chip-removable-background-color: #EFF3FC; --chip-removable-hover-background-color: #0A41C5; --chip-removable-active-background-color: #0C2074; --chip-removable-selected-background-color: #0A41C5; --chip-removable-error-background-color: rgb(255, 233, 234); --chip-removable-selected-error-background-color: rgb(207, 42, 54); --chip-removable-disabled-background-color: #CDCDD3; --chip-removable-border-color: #0A41C5; --chip-removable-hover-border-color: #0A41C5; --chip-removable-active-border-color: #0A41C5; --chip-removable-selected-border-color: #0A41C5; --chip-removable-error-border-color: rgb(207, 42, 54); --chip-removable-selected-error-border-color: rgb(207, 42, 54); --chip-removable-disabled-border-color: #CDCDD3; --chip-removable-border-width: rgb(0, 0, 0); --chip-removable-hover-border-width: rgb(0, 0, 0); --chip-removable-active-border-width: rgb(0, 0, 0); --chip-removable-selected-border-width: rgb(0, 0, 0); --chip-removable-error-border-width: rgb(0, 0, 0); --chip-removable-selected-error-border-width: rgb(0, 0, 0); --chip-removable-disabled-border-width: rgb(0, 0, 0); --chip-removable-icon-fill-color: #0A41C5; --chip-removable-hover-icon-fill-color: #ffffff; --chip-removable-active-icon-fill-color: rgba(255, 255, 255, 0.78); --chip-removable-selected-icon-fill-color: #ffffff; --chip-removable-error-icon-fill-color: rgb(207, 42, 54); --chip-removable-selected-error-icon-fill-color: #ffffff; --chip-removable-disabled-icon-fill-color: #CDCDD3; --chip-selectable-text-color: #0A41C5; --chip-selectable-hover-text-color: #ffffff; --chip-selectable-active-text-color: rgba(255, 255, 255, 0.78); --chip-selectable-selected-text-color: #ffffff; --chip-selectable-error-text-color: rgb(207, 42, 54); --chip-selectable-selected-error-text-color: #ffffff; --chip-selectable-disabled-text-color: #555555; --chip-selectable-background-color: #EFF3FC; --chip-selectable-hover-background-color: #0A41C5; --chip-selectable-active-background-color: #0C2074; --chip-selectable-selected-background-color: #0A41C5; --chip-selectable-error-background-color: rgb(255, 233, 234); --chip-selectable-selected-error-background-color: rgb(207, 42, 54); --chip-selectable-disabled-background-color: #CDCDD3; --chip-selectable-border-color: #0A41C5; --chip-selectable-hover-border-color: #0A41C5; --chip-selectable-active-border-color: #0A41C5; --chip-selectable-selected-border-color: #0A41C5; --chip-selectable-error-border-color: rgb(207, 42, 54); --chip-selectable-selected-error-border-color: rgb(207, 42, 54); --chip-selectable-disabled-border-color: #CDCDD3; --chip-selectable-border-width: rgb(0, 0, 0); --chip-selectable-hover-border-width: rgb(0, 0, 0); --chip-selectable-active-border-width: rgb(0, 0, 0); --chip-selectable-selected-border-width: rgb(0, 0, 0); --chip-selectable-error-border-width: rgb(0, 0, 0); --chip-selectable-selected-error-border-width: rgb(0, 0, 0); --chip-selectable-disabled-border-width: rgb(0, 0, 0); --chip-selectable-icon-fill-color: #0A41C5; --chip-selectable-hover-icon-fill-color: #ffffff; --chip-selectable-active-icon-fill-color: rgba(255, 255, 255, 0.78); --chip-selectable-selected-icon-fill-color: #ffffff; --chip-selectable-error-icon-fill-color: rgb(207, 42, 54); --chip-selectable-selected-error-icon-fill-color: #ffffff; --chip-selectable-disabled-icon-fill-color: #CDCDD3; --form-chips-removable-legend-text-color: #2C2C2C; --form-chips-removable-text-color: #0A41C5; --form-chips-removable-hover-text-color: #ffffff; --form-chips-removable-active-text-color: rgba(255, 255, 255, 0.78); --form-chips-removable-selected-text-color: #ffffff; --form-chips-removable-error-text-color: rgb(207, 42, 54); --form-chips-removable-selected-error-text-color: #ffffff; --form-chips-removable-disabled-text-color: #555555; --form-chips-removable-background-color: #EFF3FC; --form-chips-removable-hover-background-color: #0A41C5; --form-chips-removable-active-background-color: #0C2074; --form-chips-removable-selected-background-color: #0A41C5; --form-chips-removable-error-background-color: rgb(255, 233, 234); --form-chips-removable-selected-error-background-color: rgb(207, 42, 54); --form-chips-removable-disabled-background-color: #CDCDD3; --form-chips-removable-border-color: #0A41C5; --form-chips-removable-hover-border-color: #0A41C5; --form-chips-removable-active-border-color: #0A41C5; --form-chips-removable-selected-border-color: #0A41C5; --form-chips-removable-error-border-color: rgb(207, 42, 54); --form-chips-removable-selected-error-border-color: rgb(207, 42, 54); --form-chips-removable-disabled-border-color: #CDCDD3; --form-chips-removable-border-width: rgb(0, 0, 0); --form-chips-removable-hover-border-width: rgb(0, 0, 0); --form-chips-removable-active-border-width: rgb(0, 0, 0); --form-chips-removable-selected-border-width: rgb(0, 0, 0); --form-chips-removable-error-border-width: rgb(0, 0, 0); --form-chips-removable-selected-error-border-width: rgb(0, 0, 0); --form-chips-removable-disabled-border-width: rgb(0, 0, 0); --form-chips-removable-icon-fill-color: #0A41C5; --form-chips-removable-hover-icon-fill-color: #ffffff; --form-chips-removable-active-icon-fill-color: rgba(255, 255, 255, 0.78); --form-chips-removable-selected-icon-fill-color: #ffffff; --form-chips-removable-error-icon-fill-color: rgb(207, 42, 54); --form-chips-removable-selected-error-icon-fill-color: #ffffff; --form-chips-removable-disabled-icon-fill-color: #CDCDD3; --form-chips-selectable-legend-text-color: #2C2C2C; --form-chips-selectable-text-color: #0A41C5; --form-chips-selectable-hover-text-color: #ffffff; --form-chips-selectable-active-text-color: rgba(255, 255, 255, 0.78); --form-chips-selectable-selected-text-color: #ffffff; --form-chips-selectable-error-text-color: rgb(207, 42, 54); --form-chips-selectable-selected-error-text-color: #ffffff; --form-chips-selectable-disabled-text-color: #555555; --form-chips-selectable-background-color: #EFF3FC; --form-chips-selectable-hover-background-color: #0A41C5; --form-chips-selectable-active-background-color: #0C2074; --form-chips-selectable-selected-background-color: #0A41C5; --form-chips-selectable-error-background-color: rgb(255, 233, 234); --form-chips-selectable-selected-error-background-color: rgb(207, 42, 54); --form-chips-selectable-disabled-background-color: #CDCDD3; --form-chips-selectable-border-color: #0A41C5; --form-chips-selectable-hover-border-color: #0A41C5; --form-chips-selectable-active-border-color: #0A41C5; --form-chips-selectable-selected-border-color: #0A41C5; --form-chips-selectable-error-border-color: rgb(207, 42, 54); --form-chips-selectable-selected-error-border-color: rgb(207, 42, 54); --form-chips-selectable-disabled-border-color: #CDCDD3; --form-chips-selectable-border-width: rgb(0, 0, 0); --form-chips-selectable-hover-border-width: rgb(0, 0, 0); --form-chips-selectable-active-border-width: rgb(0, 0, 0); --form-chips-selectable-selected-border-width: rgb(0, 0, 0); --form-chips-selectable-error-border-width: rgb(0, 0, 0); --form-chips-selectable-selected-error-border-width: rgb(0, 0, 0); --form-chips-selectable-disabled-border-width: rgb(0, 0, 0); --form-chips-selectable-icon-fill-color: #0A41C5; --form-chips-selectable-hover-icon-fill-color: #ffffff; --form-chips-selectable-active-icon-fill-color: rgba(255, 255, 255, 0.78); --form-chips-selectable-selected-icon-fill-color: #ffffff; --form-chips-selectable-error-icon-fill-color: rgb(207, 42, 54); --form-chips-selectable-selected-error-icon-fill-color: #ffffff; --form-chips-selectable-disabled-icon-fill-color: #CDCDD3; --action-chips-removable-heading-text-color: #2C2C2C; --action-chips-removable-text-color: #0A41C5; --action-chips-removable-hover-text-color: #ffffff; --action-chips-removable-active-text-color: rgba(255, 255, 255, 0.78); --action-chips-removable-selected-text-color: #ffffff; --action-chips-removable-error-text-color: rgb(207, 42, 54); --action-chips-removable-selected-error-text-color: #ffffff; --action-chips-removable-disabled-text-color: #555555; --action-chips-removable-background-color: #EFF3FC; --action-chips-removable-hover-background-color: #0A41C5; --action-chips-removable-active-background-color: #0C2074; --action-chips-removable-selected-background-color: #0A41C5; --action-chips-removable-error-background-color: rgb(255, 233, 234); --action-chips-removable-selected-error-background-color: rgb(207, 42, 54); --action-chips-removable-disabled-background-color: #CDCDD3; --action-chips-removable-border-color: #0A41C5; --action-chips-removable-hover-border-color: #0A41C5; --action-chips-removable-active-border-color: #0A41C5; --action-chips-removable-selected-border-color: #0A41C5; --action-chips-removable-error-border-color: rgb(207, 42, 54); --action-chips-removable-selected-error-border-color: rgb(207, 42, 54); --action-chips-removable-disabled-border-color: #CDCDD3; --action-chips-removable-border-width: rgb(0, 0, 0); --action-chips-removable-hover-border-width: rgb(0, 0, 0); --action-chips-removable-active-border-width: rgb(0, 0, 0); --action-chips-removable-selected-border-width: rgb(0, 0, 0); --action-chips-removable-error-border-width: rgb(0, 0, 0); --action-chips-removable-selected-error-border-width: rgb(0, 0, 0); --action-chips-removable-disabled-border-width: rgb(0, 0, 0); --action-chips-removable-icon-fill-color: #0A41C5; --action-chips-removable-hover-icon-fill-color: #ffffff; --action-chips-removable-active-icon-fill-color: rgba(255, 255, 255, 0.78); --action-chips-removable-selected-icon-fill-color: #ffffff; --action-chips-removable-error-icon-fill-color: rgb(207, 42, 54); --action-chips-removable-selected-error-icon-fill-color: #ffffff; --action-chips-removable-disabled-icon-fill-color: #CDCDD3; --action-chips-selectable-heading-text-color: #2C2C2C; --action-chips-selectable-text-color: #0A41C5; --action-chips-selectable-hover-text-color: #ffffff; --action-chips-selectable-active-text-color: rgba(255, 255, 255, 0.78); --action-chips-selectable-selected-text-color: #ffffff; --action-chips-selectable-error-text-color: rgb(207, 42, 54); --action-chips-selectable-selected-error-text-color: #ffffff; --action-chips-selectable-disabled-text-color: #555555; --action-chips-selectable-background-color: #EFF3FC; --action-chips-selectable-hover-background-color: #0A41C5; --action-chips-selectable-active-background-color: #0C2074; --action-chips-selectable-selected-background-color: #0A41C5; --action-chips-selectable-error-background-color: rgb(255, 233, 234); --action-chips-selectable-selected-error-background-color: rgb(207, 42, 54); --action-chips-selectable-disabled-background-color: #CDCDD3; --action-chips-selectable-border-color: #0A41C5; --action-chips-selectable-hover-border-color: #0A41C5; --action-chips-selectable-active-border-color: #0A41C5; --action-chips-selectable-selected-border-color: #0A41C5; --action-chips-selectable-error-border-color: rgb(207, 42, 54); --action-chips-selectable-selected-error-border-color: rgb(207, 42, 54); --action-chips-selectable-disabled-border-color: #CDCDD3; --action-chips-selectable-border-width: rgb(0, 0, 0); --action-chips-selectable-hover-border-width: rgb(0, 0, 0); --action-chips-selectable-active-border-width: rgb(0, 0, 0); --action-chips-selectable-selected-border-width: rgb(0, 0, 0); --action-chips-selectable-error-border-width: rgb(0, 0, 0); --action-chips-selectable-selected-error-border-width: rgb(0, 0, 0); --action-chips-selectable-disabled-border-width: rgb(0, 0, 0); --action-chips-selectable-icon-fill-color: #0A41C5; --action-chips-selectable-hover-icon-fill-color: #ffffff; --action-chips-selectable-active-icon-fill-color: rgba(255, 255, 255, 0.78); --action-chips-selectable-selected-icon-fill-color: #ffffff; --action-chips-selectable-error-icon-fill-color: rgb(207, 42, 54); --action-chips-selectable-selected-error-icon-fill-color: #ffffff; --action-chips-selectable-disabled-icon-fill-color: #CDCDD3; --chips-removable-text-color: #0A41C5; --chips-removable-background-color: #EFF3FC; --chips-removable-border-color: #0A41C5; --chips-removable-hover-text-color: #ffffff; --chips-removable-active-text-color: rgba(255, 255, 255, 0.78); --chips-removable-disabled-background-color: #CDCDD3; --chips-removable-disabled-text-color: #555555; --chips-removable-disabled-border-color: #CDCDD3; --chips-removable-icon-fill-color: #0A41C5; --chips-removable-hover-icon-fill-color: #ffffff; --chips-removable-active-icon-fill-color: #0A41C5; --chips-removable-disabled-icon-fill-color: #0A41C5; --chips-removable-hover-background-color: #13319A; --chips-removable-active-background-color: #0C2074; --chips-selectable-text-color: #0A41C5; --chips-selectable-background-color: #EFF3FC; --chips-selectable-border-color: #0A41C5; --chips-selectable-selected-text-color: #ffffff; --chips-selectable-selected-background-color: #0A41C5; --chips-selectable-hover-text-color: #ffffff; --chips-selectable-active-text-color: rgba(255, 255, 255, 0.78); --chips-selectable-disabled-background-color: #CDCDD3; --chips-selectable-disabled-text-color: #555555; --chips-selectable-disabled-border-color: #CDCDD3; --chips-selectable-icon-fill-color: #0A41C5; --chips-selectable-hover-icon-fill-color: #ffffff; --chips-selectable-active-icon-fill-color: #0A41C5; --chips-selectable-disabled-icon-fill-color: #0A41C5; --chips-selectable-hover-background-color: #13319A; --chips-selectable-active-background-color: #0C2074; --chips-removable-text-color: #0A41C5; --chips-removable-background-color: #EFF3FC; --chips-removable-border-color: #0A41C5; --chips-removable-hover-text-color: #ffffff; --chips-removable-active-text-color: rgba(255, 255, 255, 0.78); --chips-removable-disabled-background-color: #CDCDD3; --chips-removable-disabled-text-color: #555555; --chips-removable-disabled-border-color: #CDCDD3; --chips-removable-hover-background-color: #13319A; --chips-removable-active-background-color: #0C2074; --chips-selectable-text-color: #0A41C5; --chips-selectable-background-color: #EFF3FC; --chips-selectable-border-color: #0A41C5; --chips-selectable-selected-text-color: #ffffff; --chips-selectable-selected-background-color: #0A41C5; --chips-selectable-hover-not-text-color: #ffffff; --chips-selectable-active-text-color: rgba(255, 255, 255, 0.78); --chips-selectable-disabled-background-color: #CDCDD3; --chips-selectable-disabled-text-color: #555555; --chips-selectable-disabled-border-color: #CDCDD3; --chips-selectable-hover-background-color: #13319A; --chips-selectable-active-background-color: #0C2074; --loading-spinner-path-stroke-color: #0A41C5; --loading-spinner-rail-tertiary-stroke-color: #EFF3FC; --loading-spinner-label-color: #555555; --loading-spinner-interaction-fill-color: #0A41C5; --combobox-list-item-text-color: #2C2C2C; --combobox-hover-list-item-text-color: #0A41C5; --combobox-list-item-background-color: #ffffff; --combobox-hover-list-item-background-color: #F7F7FA; --combobox-list-item-divider-border-color: #CDCDD3; --combobox-list-item-divider-color: #CDCDD3; --date-picker-border-color: rgba(0, 0, 0, 0); --date-picker-expanded-border-color: #CDCDD3; --date-picker-divider-background-color: #CDCDD3; --date-picker-expanded-border-color: #CDCDD3; --date-picker-button-top: 1rem; --date-picker-button-right: 0; --divider-line-color-informational: #858585; --divider-line-color-dark: #CDCDD3; --divider-line-color-light: #ffffff; --dropdown-focus-button-border-color: #0A41C5; --dropdown-button-outline-border-color: #858585; --dropdown-button-background-color: #ffffff; --dropdown-expanded-button-border-color: #0A41C5; --dropdown-button-expanded-icon-fill-color: #0A41C5; --dropdown-button-label-text-color: #6E6E6E; --dropdown-button-selection-text-color: #2C2C2C; --dropdown-button-toggle-icon-fill-color: #0C2074; --dropdown-button-arrow-icon-fill-color: #555555; --dropdown-expanded-container-border-color: #CDCDD3; --dropdown-list-item-background-color: #ffffff; --dropdown-list-item-text-color: #2C2C2C; --dropdown-list-item-border-color: #CDCDD3; --dropdown-list-item-value-text-color: #0A41C5; --dropdown-hover-list-item-background-color: #F7F7FA; --dropdown-list-item-hover-icon-fill-color: #0A41C5; --dropdown-hover-list-item-text-color: #0A41C5; --dropdown-list-item-hover-toggleable-icon-background-color: rgb(200, 226, 249); --dropdown-focus-list-item-border-color: #0A41C5; --dropdown-focus-outline-color: #0A41C5; --dropdown-button-label-text-color: #6E6E6E; --dropdown-button-selection-text-color: #2C2C2C; --dropdown-list-item-hover-icon-text-color: #0A41C5; --dropdown-list-item-hover-icon-background-color: rgb(247, 247, 250); --dropdown-button-arrow-icon-fill-color: #555555; --dropdown-outlined-button-border-color: #858585; --dropdown-button-focus-border-color: #0A41C5; --dropdown-button-toggle-icon-fill-color: #0C2074; --dropdown-list-item-focus-outline-color: #0A41C5; --dropdown-button-expanded-border-color: #0A41C5; --forms-base-message-text-color: #6E6E6E; --forms-base-toggletip-button-focus-border-color: #0A41C5; --forms-base-toggletip-button-flyout-focus-border-color: #0A41C5; --forms-base-toggletip-button-flyout-dark-background-color: #0C2074; --forms-base-toggletip-button-flyout-light-background-color: #ffffff; --forms-base-helper-label-emdash-text-color: #6E6E6E; --forms-base-label-error-text-color: rgb(207, 42, 54); --forms-base-label-optional-text-color: #6E6E6E; --forms-base-label-show-hide-text-color: #6E6E6E; --forms-base-label-show-hide-focus-border-color: #6E6E6E; --forms-base-toggletip-button-top: 0.25rem; --forms-base-toggletip-button-right: -0.75rem; --forms-base-label-show-hide-top: 1rem; --forms-base-label-show-hide-right: 0; --address-collection-legend-text-color: #2C2C2C; --forms-radio-group-legend-text-color: #2C2C2C; --forms-radio-group-background-color: #CDCDD3; --forms-radio-input-focus-border-color: #0A41C5#0C2074; --forms-radio-helper-text-text-color: #6E6E6E; --forms-radio-input-background-color: #ffffff; --forms-radio-input-border-color: #858585; --forms-radio-input-checked-border-color: #0A41C5; --forms-radio-input-checked-background-color: #0A41C5; --forms-radio-input-hover-border-color: #0A41C5; --forms-radio-input-focus-background-color: #0C2074; --forms-radio-input-error-border-color: rgb(207, 42, 54); --forms-radio-input-error-background-color: rgb(207, 42, 54); --forms-radio-input-hover-background-color: #13319A; --forms-radio-input-hover-checked-background-color: #13319A; --forms-radio-group-focus-border-color: #0A41C5; --forms-radio-group-label-text-color: #555555; --forms-radio-input-focused-border-color: #0C2074; --forms-radio-input-focused-background-color: #0C2074; --select-background-color: #ffffff; --select-border-bottom-color: #858585; --select-label-text-color: #6E6E6E; --select-focus-border-color: #0A41C5; --select-menu-value-text-color: #2C2C2C; --forms-select-border-color: #858585; --forms-select-border-style: solid; --forms-select-border-top-width: 0; --forms-select-border-right-width: 0; --forms-select-border-bottom-width: 1px; --forms-select-border-left-width: 0; --forms-select-focused-border-color: #0A41C5; --forms-select-focused-border-style: solid; --forms-select-focused-border-top-width: 0; --forms-select-focused-border-right-width: 0; --forms-select-focused-border-bottom-width: 2px; --forms-select-focused-border-left-width: 0; --forms-select-focused-error-border-color: rgb(207, 42, 54); --forms-select-focused-error-border-style: solid; --forms-select-focused-error-border-top-width: 0; --forms-select-focused-error-border-right-width: 0; --forms-select-focused-error-border-bottom-width: 2px; --forms-select-focused-error-border-left-width: 0; --forms-select-wrapper-focused-border-width: 2px; --forms-select-label-font-size: 1rem; --forms-select-height: 1.75rem; --forms-select-border-radius: 0; --forms-select-padding-top: 0; --forms-select-padding-right: 0; --forms-select-padding-bottom: 0; --forms-select-padding-left: 0; --forms-select-focused-padding-top: 0; --forms-select-focused-padding-right: 0; --forms-select-focused-padding-bottom: 0; --forms-select-focused-padding-left: 0; --forms-select-chevron-top: 0; --forms-select-chevron-right: 0; --icon-default-text-color: #2C2C2C; --icon-default-fill-color: #2C2C2C; --icon-light-text-color: #ffffff; --icon-light-fill-color: #ffffff; --icon-brand-primary-text-color: #0C2074; --icon-brand-primary-fill-color: #0C2074; --icon-brand-secondary-text-color: #DE162B; --icon-brand-secondary-fill-color: #DE162B; --icon-interaction-text-color: #0A41C5; --icon-interaction-fill-color: #0A41C5; --icon-error-text-color: rgb(207, 42, 54); --icon-error-fill-color: rgb(207, 42, 54); --icon-warning-text-color: rgb(235, 94, 1); --icon-warning-fill-color: rgb(235, 94, 1); --icon-success-text-color: rgb(0, 125, 30); --icon-success-fill-color: rgb(0, 125, 30); --icon-neutral-msg-text-color: rgb(35, 90, 228); --icon-neutral-msg-fill-color: rgb(35, 90, 228); --icon-neutral-1-text-color: #F7F7FA; --icon-neutral-1-fill-color: #F7F7FA; --icon-neutral-2-text-color: #F2F2F5; --icon-neutral-2-fill-color: #F2F2F5; --icon-neutral-3-text-color: #CDCDD3; --icon-neutral-3-fill-color: #CDCDD3; --icon-neutral-4-text-color: #858585; --icon-neutral-4-fill-color: #858585; --icon-neutral-5-text-color: #6E6E6E; --icon-neutral-5-fill-color: #6E6E6E; --icon-neutral-6-text-color: #555555; --icon-neutral-6-fill-color: #555555; --icon-neutral-7-text-color: #2C2C2C; --icon-neutral-7-fill-color: #2C2C2C; --link-basic-text-color: #0A41C5; --link-basic-light-text-color: #ffffff; --link-inline-text-color: #0A41C5; --link-inline-light-text-color: #ffffff; --link-subtle-text-color: #555555; --link-subtle-light-text-color: #ffffff; --link-arrow-text-color: #0A41C5; --link-arrow-icon-fill-color: #0A41C5; --link-arrow-light-text-color: #ffffff; --link-arrow-light-icon-fill-color: #ffffff; --link-back-text-color: #0A41C5; --link-back-icon-fill-color: #0A41C5; --link-back-light-text-color: #ffffff; --link-back-light-icon-fill-color: #ffffff; --link-basic-font-size: inherit; --link-basic-font-weight: 500; --link-basic-line-height: 1.25; --link-inline-font-size: inherit; --link-subtle-font-size: 0.75rem; --link-subtle-font-weight: 500; --link-subtle-line-height: 1.25; --link-arrow-font-size: 16px; --link-arrow-font-weight: 500; --link-arrow-line-height: 1.25; --link-back-font-size: inherit; --link-back-font-weight: 500; --link-back-line-height: 1.25; --list-item-text-color: #555555; --list-item-border-color: #CDCDD3; --list-item-padding-top: 1rem; --list-item-padding-bottom: 1rem; --modal-background-color: #ffffff; --modal-overlay-background-color: #ffffffrgba(0, 0, 0, 0.7); --modal-border-color: #F2F2F5; --modal-close-icon-fill-color: #555555; --modal-focus-close-icon-border-color: #0A41C5; --modal-title-text-color: #2C2C2C; --modal-body-text-color: #555555; --modal-footer-background-color: #F7F7FA; --notification-text-color: #2C2C2C; --notification-heading-text-color: #2C2C2C; --notification-message-text-color: #2C2C2C; --notification-message-link-text-color: #0A41C5; --notification-message-button-background-color: #2C2C2C; --notification-close-icon-fill-color: #2C2C2C; --notification-error-background-color: rgb(255, 233, 234); --notification-error-border-color: rgb(255, 190, 180); --notification-error-hover-icon-fill-color: rgb(255, 190, 180); --notification-confirmation-background-color: rgb(229, 248, 232); --notification-confirmation-border-color: rgb(160, 220, 170); --notification-confirmation-hover-icon-fill-color: rgb(160, 220, 170); --notification-warning-background-color: rgb(255, 244, 228); --notification-warning-border-color: rgb(255, 213, 137); --notification-warning-hover-icon-fill-color: rgb(255, 213, 137); --notification-information-background-color: rgb(238, 246, 255); --notification-information-border-color: rgb(170, 210, 255); --notification-information-hover-icon-fill-color: rgb(170, 210, 255); --notification-confirmation-border-top: rgb(0, 125, 30); --notification-information-border-top: rgb(35, 90, 228); --notification-warning-border-top: rgb(235, 94, 1); --notification-error-border-top: rgb(207, 42, 54); --notification-confirmation-icon-fill-color: rgb(0, 125, 30); --notification-information-icon-fill-color: rgb(35, 90, 228); --notification-warning-icon-fill-color: rgb(235, 94, 1); --notification-error-icon-fill-color: rgb(207, 42, 54); --notification-toggleable-background-color: rgb(239, 243, 252); --notification-message-link-text-color: #0A41C5; --pagination-label-text-color: #555555; --pagination-button-text-color: #555555; --pagination-disabled-button-text-color: rgb(204, 204, 210); --pagination-hover-button-background-color: #F7F7FA; --pagination-button-icon-fill-color: #555555; --pagination-disabled-button-icon-fill-color: rgb(204, 204, 210); --pagination-label-font-size-base: Circular-USB, Arial, Helvetica, sans-serif; --progress-indicator-background-color: #F7F7FA; --progress-indicator-incomplete-background-color: #CDCDD3; --progress-indicator-percentage-text-color: #6E6E6E; --progress-indicator-link-text-color: #0A41C5; --progress-indicator-border-color: #0A41C5; --progress-indicator-incomplete-border-color: #CDCDD3; --progress-indicator-label-font-size: 0.75rem; --progress-indicator-label-font-weight: 400; --progress-indicator-line-height: 1.5; --search-inverse-primary-text-color: #ffffff; --search-focus-border-color: #0A41C5; --search-value-text-color: #2C2C2C; --search-border-color: #858585; --search-label-color: #2C2C2C; --search-error-text-color: rgb(207, 42, 54); --search-clear-icon-background-color: #555555; --search-combobox-background-color: #ffffff; --search-combobox-border-color: #CDCDD3; --search-combobox-item-primary-text-color: #2C2C2C; --search-combobox-item-background-color: #F7F7FA; --search-combobox-item-text-color: #0A41C5; --search-combobox-icon-fill-color: #0A41C5; --search-scope-select-outline-color: #0A41C5; --search-input-background-color: #ffffff; --search-input-border-color: #858585; --search-input-icon-fill-color: #2C2C2C; --search-input-focus-border-color: #0A41C5; --search-input-value-text-color: #2C2C2C; --search-input-active-value-text-color: #2C2C2C; --search-input-border-color: #858585; --search-input-focus-border-color: #0A41C5; --search-input-value-text-color: #2C2C2C; --search-input-clear-icon-fill-color: #555555; --search-input-hover-clear-icon-fill-color: rgb(255, 255, 255); --search-input-focus-clear-icon-border-color: rgb(10, 65, 197); --search-input-hover-clear-icon-background-color: rgb(10, 65, 197); --search-input-clear-icon-border-color: rgb(255, 255, 255); --search-input-clear-icon-background-color: rgb(255, 255, 255); --table-border-default-color: rgb(133, 133, 133); --table-header-background-color: #0C2074; --table-header-cell-text-color: #555555; --table-row-text-color: #555555; --table-row-background-color: #ffffff; --table-row-secondary-background-color: #F7F7FA; --table-interaction-color: rgb(10, 65, 197); --table-sort-button-color: #ffffff; --table-heading-text-color: #2C2C2C; --table-caption-text-color: #2C2C2C; --table-pagination-arrow-background-color: #ffffff; --table-pagination-arrow: #555555; --table-shadow-color: 0 24px 48px -12px rgba(0,0,0,.20); --table-stackable-background-color: #0C2074; --table-stackable-row-text-color: #ffffff; --table-stackable-row-checkbox-cell-background-color: #F7F7FA; --table-stackable-expanded-text-color: #555555; --table-danger-title-text-color: #0C2074; --table-danger-body-text-color: #0C2074; --table-danger-background-color: rgb(85, 85, 85); --table-text-input-text-color: #2C2C2C; --table-badge-svg-small: 0.625rem; --table-border-color: #CDCDD3; --tabs-label-border-color: #CDCDD3; --tabs-label-text-color: #2C2C2C; --tabs-active-label-border-color: #0A41C5; --tabs-active-label-text-color: #0A41C5; --text-area-border-color: #858585; --text-area-label-text-color: #555555; --text-area-helper-text-text-color: #6E6E6E; --text-area-error-border-color: rgb(207, 42, 54); --text-area-error-label-text-color: rgb(207, 42, 54); --text-area-error-helper-text-text-color: rgb(207, 42, 54); --text-area-error-icon-fill-color: rgb(207, 42, 54); --text-area-focus-border-color: #0A41C5; --text-area-focus-outline-border-color: #0A41C5; --text-area-focus-label-text-color: #6E6E6E; --text-area-focus-error-outline-border-color: #0A41C5; --text-area-input-value-text-color: #2C2C2C; --text-input-basic-border-style: solid; --text-input-basic-border-top-width: 0; --text-input-basic-border-right-width: 0; --text-input-basic-border-bottom-width: 1px; --text-input-basic-border-left-width: 0; --text-input-focus-active-border-style: solidsolid; --text-input-focus-border-top-width: 0; --text-input-focus-border-right-width: 0; --text-input-focus-border-bottom-width: 1px; --text-input-focus-border-left-width: 0; --text-input-focus-error-border-style: solid; --text-input-focus-error-border-top-width: 0; --text-input-focus-error-border-right-width: 0; --text-input-focus-error-border-bottom-width: 2px; --text-input-focus-error-border-left-width: 0; --text-input-focus-wrapper-border-width: 2px; --text-input-basic-focus-active-border-top-width: 0; --text-input-basic-focus-active-border-right-width: 0; --text-input-basic-focus-active-border-bottom-width: 2px; --text-input-basic-focus-active-border-left-width: 0; --text-input-wrapper-background-color: rgba(0, 0, 0, 0); --text-input-basic-background-color: rgba(0, 0, 0, 0); --text-input-basic-text-color: #2C2C2C; --text-input-label-background-color: rgba(0, 0, 0, 0); --text-input-label-text-color: #555555; --text-input-basic-disabled-background-color: rgba(0, 0, 0, 0); --text-input-basic-disabled-text-color: #555555; --text-input-basic-disabled-border-color: rgba(0, 0, 0, 0); --text-input-error-label-text-color: rgb(207, 42, 54); --text-input-basic-error-border-color: rgb(207, 42, 54); --date-picker-button-background-color: rgba(0, 0, 0, 0); --text-input-active-label-text-color: #6E6E6E; --text-input-basic-active-text-color: #2C2C2C; --text-input-basic-focus-active-text-color: #2C2C2C; --text-input-focus-wrapper-border-color: #0A41C5; --text-input-basic-border-color: #858585; --text-input-basic-focus-active-border-color: #0A41C5; --text-input-basic-font-family: Circular-USB, Arial, Helvetica, sans-serif; --text-input-label-font-family: Circular-USB, Arial, Helvetica, sans-serif; --text-input-active-label-font-family: Circular-USB, Arial, Helvetica, sans-serif; --text-input-basic-active-font-family: Circular-USB, Arial, Helvetica, sans-serif; --text-input-basic-focus-active-font-family: Circular-USB, Arial, Helvetica, sans-serif; --text-input-basic-border-radius: 0; --text-input-basic-font-size: 1rem; --text-input-basic-font-weight: 400; --text-input-basic-padding-top: 0; --text-input-basic-padding-right: 0; --text-input-basic-padding-bottom: 0; --text-input-basic-padding-left: 0; --text-input-basic-line-height: 1.5; --text-input-basic-margin-top: auto; --text-input-basic-margin-right: auto; --text-input-basic-margin-bottom: auto; --text-input-basic-margin-left: auto; --text-input-basic-error-margin-top: 0.25rem; --text-input-basic-error-margin-right: -1px; --text-input-basic-error-margin-bottom: -1px; --text-input-basic-error-margin-left: -1px; --text-input-label-font-weight: 400; --text-input-label-font-size: 1rem; --text-input-label-line-height: 1.5; --text-input-label-position: absolute; --text-input-label-top: 1rem; --text-input-focus-active-label-font-weight: 400; --text-input-focus-active-label-font-size: 0.75rem; --text-input-focus-active-label-line-height: 1.5; --text-input-active-label-font-weight: 400; --text-input-active-label-font-size: 0.75rem; --text-input-active-label-line-height: 1.5; --text-input-basic-active-font-weight: 400; --text-input-basic-active-font-size: 1rem; --text-input-basic-active-line-height: 1.5; --text-input-basic-focus-active-font-weight: 400; --text-input-basic-focus-active-font-size: 1rem; --text-input-basic-focus-active-line-height: 1.5; --text-input-basic-focus-active-margin-top: auto; --text-input-basic-focus-active-margin-right: -1px; --text-input-basic-focus-active-margin-bottom: -1px; --text-input-basic-focus-active-margin-left: -1px; --text-input-focus-active-wrapper-border-radius: 0.25rem; --text-input-focus-active-label-top: 0; --text-input-focus-active-wrapper-border-width: 2px; --text-input-focused-border-color: #0A41C5#0A41C5; --text-input-focused-border-style: solidsolid; --text-input-focused-error-border-color: rgb(207, 42, 54); --text-input-focused-error-border-style: solidsolid; --text-input-wrapper-focused-border-color: #0A41C5; --text-input-label-focused-active-text-color: #6E6E6E#6E6E6E; --text-input-basic-focused-border-color: #0A41C5; --text-input-label-active-text-color: #6E6E6E; --text-input-label-error-text-color: rgb(207, 42, 54); --text-input-basic-focused-margin-top: auto; --text-input-basic-focused-margin-right: -1px; --text-input-basic-focused-margin-bottom: -1px; --text-input-basic-focused-margin-left: -1px; --text-input-wrapper-focused-border-radius: 0.25rem; --text-input-label-focused-top: 0; --text-input-label-focused-active-top: 0; --text-input-label-focused-active-font-weight: 400; --text-input-label-focused-active-font-size: 0.75rem; --text-input-label-focused-active-line-height: 1.5; --text-input-focused-border-top-width: 0; --text-input-focused-border-right-width: 0; --text-input-focused-border-bottom-width: 2px; --text-input-focused-border-left-width: 0; --text-input-focused-error-border-top-width: 0; --text-input-focused-error-border-right-width: 0; --text-input-focused-error-border-bottom-width: 2px; --text-input-focused-error-border-left-width: 0; --text-input-wrapper-focused-border-width: 2px; --text-input-label-active-font-weight: 400; --text-input-label-active-font-size: 0.75rem; --text-input-label-active-line-height: 1.5; --text-input-label-focused-active-font-family: Circular-USB, Arial, Helvetica, sans-serif; --text-input-label-active-font-family: Circular-USB, Arial, Helvetica, sans-serif; --tooltip-dark-icon-fill-color: #2C2C2C; --tooltip-light-icon-fill-color: #ffffff; --tooltip-dark-background-color: #0C2074; --tooltip-light-background-color: #ffffff; --tooltip-dark-content-text-color: #ffffff; --tooltip-light-content-text-color: #555555; --tooltip-focus-icon-border-color: #0A41C5; --tooltip-box-shadow: 0 4px 6px -1px rgba(0,0,0,.12) , 0 2px 4px -1px rgba(0,0,0,.12); --tooltip-dark-content-background-color: rgb(12, 32, 116); --tooltip-light-content-background-color: rgb(255, 255, 255); --tooltip-content-shadow-color: rgba(0, 0, 0, 0.12); --token-line-height-flat: 1; --token-line-height-tight: 1.25; --token-line-height-loose: 1.5; --token-letter-spacing-extra-tight: normal; --token-letter-spacing-tight: normal; --token-letter-spacing-loose: 1px; --token-letter-spacing-extra-loose: 2%; } /* Fonts */ /* HTML5 Reset :: style.css ---------------------------------------------------------- We have learned much from/been inspired by/taken code where offered from: Eric Meyer :: http://meyerweb.com HTML5 Doctor :: http://html5doctor.com and the HTML5 Boilerplate :: http://html5boilerplate.com -------------------------------------------------------------------------------*/ /* Let's default this puppy out -------------------------------------------------------------------------------*/ html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, menu, nav, section, time, mark, audio, video, details, summary { margin: 0; padding: 0; border: 0; font-size: 100%; font-weight: normal; vertical-align: baseline; background: transparent; } main, article, aside, figure, footer, header, nav, section, details, summary {display: block;} /* Handle box-sizing while better addressing child elements: http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */ html { box-sizing: border-box; } *, *:before, *:after { box-sizing: inherit; } /* consider resetting the default cursor: https://gist.github.com/murtaugh/5247154 */ /* Responsive images and other embedded objects */ /* if you don't have full control over `img` tags (if you have to overcome attributes), consider adding height: auto */ img, object, embed {max-width: 100%;} /* Note: keeping IMG here will cause problems if you're using foreground images as sprites. In fact, it *will* cause problems with Google Maps' controls at small size. If this is the case for you, try uncommenting the following: #map img { max-width: none; } */ /* force a vertical scrollbar to prevent a jumpy page */ html {overflow-y: scroll;} /* we use a lot of ULs that aren't bulleted. you'll have to restore the bullets within content, which is fine because they're probably customized anyway */ ul {list-style: none;} blockquote, q {quotes: none;} blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;} a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent;} del {text-decoration: line-through;} abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;} /* tables still need cellspacing="0" in the markup */ table {border-collapse: separate; border-spacing: 0;} th {font-weight: bold; vertical-align: bottom;} td {font-weight: normal; vertical-align: top;} hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;} input, select {vertical-align: middle;} pre { white-space: pre; /* CSS2 */ white-space: pre-wrap; /* CSS 2.1 */ white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */ word-wrap: break-word; /* IE */ } input[type="radio"] {vertical-align: text-bottom;} input[type="checkbox"] {vertical-align: bottom;} .ie7 input[type="checkbox"] {vertical-align: baseline;} .ie6 input {vertical-align: text-bottom;} select, input, textarea {font: 99% sans-serif;} table {font-size: inherit; font: 100%;} small {font-size: 85%;} strong {font-weight: bold;} td, td img {vertical-align: top;} /* Make sure sup and sub don't mess with your line-heights http://gist.github.com/413930 */ sub, sup {font-size: 75%; line-height: 0; position: relative;} sup {top: -0.5em;} sub {bottom: -0.25em;} /* standardize any monospaced elements */ pre, code, kbd, samp {font-family: monospace, sans-serif;} /* hand cursor on clickable elements */ .clickable, label, input[type=button], input[type=submit], input[type=file], button {cursor: pointer;} /* Webkit browsers add a 2px margin outside the chrome of form elements */ button, input, select, textarea {margin: 0;} /* make buttons play nice in IE */ button, input[type=button] {width: auto; overflow: visible;} /* scale images in IE7 more attractively */ .ie7 img {-ms-interpolation-mode: bicubic;} /* prevent BG image flicker upon hover (commented out as usage is rare, and the filter syntax messes with some pre-processors) .ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));} */ /* let's clear some floats */ .clearfix:after { content: " "; display: block; clear: both; } /* Screen reader to hide */ .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .svg-icon{max-width:100%;display:inline} .svg-icon svg.single circle,.svg-icon svg.single ellipse,.svg-icon svg.single g,.svg-icon svg.single path{fill:inherit;transition:fill .1s ease} .svg-icon.v-align-middle{display:inline-block} .svg-icon.v-align-middle svg{vertical-align:middle} .svg-icon.block{display:block} .svg-icon.default{color:var(--icon-default-text-color,#7a7a95);fill:var(--icon-default-fill-color,#484861)} .svg-icon.light{color:var(--icon-light-text-color,#fff);fill:var(--icon-light-fill-color,#fff)} .svg-icon.brand-primary{color:var(--icon-brand-primary-text-color,#001e79);fill:var(--icon-brand-primary-fill-color,#001e79)} .svg-icon.brand-secondary{color:var(--icon-brand-secondary-text-color,#7a7a95);fill:var(--icon-brand-secondary-fill-color,#7a7a95)} .svg-icon.interaction{color:var(--icon-interaction-text-color,#235ae4);fill:var(--icon-interaction-fill-color,#235ae4)} .svg-icon.error{color:var(--icon-error-text-color,#cf2a36);fill:var(--icon-error-fill-color,#cf2a36)} .svg-icon.warning{color:var(--icon-warning-text-color,#eb5e01);fill:var(--icon-warning-fill-color,#eb5e01)} .svg-icon.success{color:var(--icon-success-text-color,#007d1e);fill:var(--icon-success-fill-color,#007d1e)} .svg-icon.neutral{color:var(--icon-neutral-msg-text-color,#235ae4);fill:var(--icon-neutral-msg-fill-color,#235ae4)} .svg-icon.grey10{color:var(--icon-neutral-1-text-color,#f1f5fb);fill:var(--icon-neutral-1-fill-color,#f1f5fb)} .svg-icon.grey20{color:var(--icon-neutral-2-text-color,#ebeff6);fill:var(--icon-neutral-2-fill-color,#ebeff6)} .svg-icon.grey30{color:var(--icon-neutral-3-text-color,#cdd1e2);fill:var(--icon-neutral-3-fill-color,#cdd1e2)} .svg-icon.grey60{color:var(--icon-neutral-4-text-color,#7a7a95);fill:var(--icon-neutral-4-fill-color,#7a7a95)} .svg-icon.grey70{color:var(--icon-neutral-5-text-color,#63637f);fill:var(--icon-neutral-5-fill-color,#63637f)} .svg-icon.grey80{color:var(--icon-neutral-6-text-color,#484861);fill:var(--icon-neutral-6-fill-color,#484861)} .svg-icon.grey90{color:var(--icon-neutral-7-text-color,#2d2d3e);fill:var(--icon-neutral-7-fill-color,#2d2d3e)} .usb--error-message{display:flex;justify-content:flex-start;align-items:flex-start;font-size:.75rem;font-size:var(--token-font-size-xs,.75rem)} .usb--error-message svg{color:#cf2a36;color:var(--token-status-danger-mid,#cf2a36);fill:#cf2a36;fill:var(--token-status-danger-mid,#cf2a36);height:1rem;height:var(--token-spacing-4,1rem);margin-right:.25rem;margin-right:var(--token-spacing-1,.25rem);width:.75rem;width:var(--token-spacing-3,.75rem)} .usb--error-message span{color:#cf2a36;color:var(--token-status-danger-mid,#cf2a36);line-height:1.25;line-height:var(--token-line-height-lg,1.25);margin-top:.25rem;margin-top:var(--token-spacing-1,.25rem)} .usb--error-message span.usb-icon{line-height:1;line-height:var(--token-line-height-base,1)} .optionalSpan{color:#63637f;color:var(--token-text-color-tertiary,#63637f);display:flex;font-family:Circular-USB,sans-serif;font-family:var(--token-font-base,Circular-USB,sans-serif);font-size:.75rem;font-size:var(--token-font-size-xs,.75rem);font-weight:400;font-weight:var(--token-font-weight-reg,400);line-height:1.5;line-height:var(--token-line-height-3xl,1.5);padding-top:.25rem;padding-top:var(--token-spacing-1,.25rem)} .helper_label--wrapper{display:flex;justify-content:flex-start;align-items:flex-start} .helper_label--wrapper .en_dash{color:#63637f;color:var(--token-text-color-tertiary,#63637f);font-family:Circular-USB,sans-serif;font-family:var(--token-font-base,Circular-USB,sans-serif);font-size:.75rem;font-size:var(--token-font-size-xs,.75rem);font-weight:400;font-weight:var(--token-font-weight-reg,400);line-height:1.5;line-height:var(--token-line-height-3xl,1.5);padding:4px .25rem 0;padding:4px var(--token-spacing-1,.25rem) 0} .shakeWarning{display:block;animation:shake .82s cubic-bezier(.36,.07,.19,.97) both;transform:translateZ(0);backface-visibility:hidden;perspective:1000px} @keyframes shake{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-4px,0,0)}40%,60%{transform:translate3d(4px,0,0)}} .icon-container{margin:0;position:absolute;right:0;top:.25rem;top:var(--token-spacing-1,.25rem)} .usb--wrapper button.show-hide__button{background-color:initial;border:none;color:#63637f;color:var(--token-text-color-tertiary,#63637f);font-size:.875rem;font-size:var(--token-font-size-sm,.875rem);font-weight:400;font-weight:var(--token-font-weight-reg,400);line-height:1.25rem;line-height:var(--token-spacing-5,1.25rem);min-height:1.5rem;min-height:var(--token-spacing-6,1.5rem);margin:0;outline:none;padding:0;position:absolute;right:0;right:var(--forms-base-label-show-hide-right,0);top:1rem;top:var(--forms-base-label-show-hide-top,1rem)} .usb--wrapper button.show-hide__button:after{content:"";border:2px solid transparent;border-radius:.25rem;border-radius:var(--token-rounded-sm,.25rem);height:calc(100% + .5rem);height:calc(100% + var(--token-spacing-2, .5rem));position:absolute;left:calc(.25rem*-1);left:calc(var(--token-spacing-1, .25rem)*-1);top:calc(.25rem*-1);top:calc(var(--token-spacing-1, .25rem)*-1);transition:.1s ease border;transition:var(--token-timing-fast-ease,.1s ease) border;width:calc(100% + .5rem);width:calc(100% + var(--token-spacing-2, .5rem))} .usb--wrapper button.show-hide__button:hover{-webkit-text-decoration:none;text-decoration:none} .usb--wrapper button.show-hide__button:focus:after{border-color:#235ae4;border-color:var(--token-border-focus,#235ae4)} .usb--checkbox--fieldset{border:0;margin-bottom:calc(1.25rem*-1);margin-bottom:calc(var(--token-spacing-5, 1.25rem)*-1)} .usb--checkbox-group--legend{color:#2d2d3e;color:var(--checkbox-group-label-text-color,#2d2d3e);font-family:Circular-USB,sans-serif;font-family:var(--token-font-base,Circular-USB,sans-serif);font-size:1rem;font-size:var(--token-font-size-base,1rem);font-weight:500;font-weight:var(--token-font-weight-med,500);line-height:1.5;line-height:var(--token-line-height-3xl,1.5);position:relative} .usb--checkbox-group--legend .usb--error-message span{margin-top:.25rem;margin-top:var(--token-spacing-1,.25rem)} .usb--checkbox-group--legend .usb-toggletip-container{display:inline-block;position:relative;left:calc(.25rem*-1);left:calc(var(--token-spacing-1, .25rem)*-1);right:auto;top:.25rem;top:var(--token-spacing-1,.25rem);transform:none} .usb--checkbox-group--legend .usb-toggletip-container+.helper_label--wrapper span{padding-top:0} .usb--checkbox-group--legend .usb-toggletip-container+.usb--error-message span{margin-top:0} .usb--checkbox-group--legend .helper_label--wrapper span{padding-top:.25rem;padding-top:var(--token-spacing-1,.25rem)} .usb--checkbox-wrapper{margin-top:0;margin-bottom:1.25rem;margin-bottom:var(--token-spacing-5,1.25rem);min-height:unset;padding-top:0;flex-basis:50%} .usb--checkbox-list{margin-top:1.5rem;margin-top:var(--token-spacing-6,1.5rem)} @media only screen and (min-width:41.9375rem){.usb--checkbox-list .checkbox-column{flex-basis:50%}.usb--checkbox-list .checkbox-column:not(:first-of-type){margin-left:2rem;margin-left:var(--token-spacing-8,2rem)}.usb--checkbox-list.columns{display:flex}} .usb--checkbox-indeterminate_parent+ul>li{margin-bottom:1.25rem;margin-bottom:var(--token-spacing-5,1.25rem)} .usb--checkbox-indeterminate_child{margin-left:1.25rem;margin-left:var(--token-spacing-5,1.25rem)} .usb--checkbox--fieldset.usb--selectable-card{margin-bottom:0} .usb--checkbox--fieldset.usb--selectable-card .usb--checkbox-list{margin-top:0} .usb--checkbox--fieldset.usb--selectable-card .usb--error-message{margin-bottom:.75rem;margin-bottom:var(--token-spacing-3,.75rem)} .usb--checkbox--fieldset.usb--selectable-card .usb--selectablecard-wrapper{padding-top:1px;padding-bottom:1rem} .usb--checkbox-input{cursor:pointer;height:2.75rem;height:var(--token-spacing-11,2.75rem);opacity:0;position:absolute;left:calc(.75rem*-1);left:calc(var(--token-spacing-3, .75rem)*-1);top:calc(.75rem*-1);top:calc(var(--token-spacing-3, .75rem)*-1);width:2.75rem;width:var(--token-spacing-11,2.75rem);z-index:10} .usb--checkbox-input:checked+label .usb--checkbox-svg svg,.usb--checkbox-input[aria-checked=mixed]+label .usb--checkbox-svg svg,.usb--checkbox-input[aria-checked=true]+label .usb--checkbox-svg svg{border-width:0;background:#235ae4;background:var(--checkbox-checked-icon-background-color,#235ae4);fill:#fff;fill:var(--checkbox-checked-icon-fill-color,#fff)} .usb--checkbox-input:checked:disabled+label .usb--checkbox-svg svg,.usb--checkbox-input[aria-checked=mixed]:disabled+label .usb--checkbox-svg svg,.usb--checkbox-input[aria-checked=true]:disabled+label .usb--checkbox-svg svg{fill:#484861;fill:var(--checkbox-checked-disabled-icon-fill-color,#484861)} .usb--checkbox-input[aria-checked=mixed]+label .usb--checkbox-svg svg{stroke:#fff;stroke:var(--checkbox-checked-icon-fill-color,#fff)} .usb--checkbox-input[aria-checked=mixed]:disabled+label .usb--checkbox-svg svg{stroke:#484861;stroke:var(--checkbox-checked-disabled-icon-fill-color,#484861)} .usb--checkbox-input:focus+label:after{border-color:#003cc8;border-color:var(--checkbox-focus-border-color,#003cc8)} .usb--checkbox-input:disabled,.usb--checkbox-input:disabled+label,.usb--checkbox-input:disabled+label .usb--checkbox-svg svg{cursor:not-allowed} .usb--checkbox-input:disabled+label .usb--checkbox-svg svg{background:#ccccd2;background:var(--checkbox-disabled-label-icon-background-color,#ccccd2);border-width:0} .usb--checkbox-input~.helper_label--wrapper{margin-left:2rem;margin-left:var(--token-spacing-8,2rem)} .usb--checkbox-icon{margin-right:.5rem;margin-right:var(--token-spacing-2,.5rem);margin-top:-.25rem;width:2rem;width:var(--token-spacing-8,2rem);min-width:2rem;min-width:var(--token-spacing-8,2rem);text-align:center;height:2rem!important;height:var(--token-spacing-8,2rem)!important} .usb--checkbox-icon-radius,.usb--checkbox-icon-radius svg{border-radius:50%} .usb--checkbox-label{color:#484861;color:var(--checkbox-label-text-color,#484861);cursor:pointer;display:flex;align-items:flex-start;flex-direction:row-reverse;justify-content:flex-end;font-family:Circular-USB,sans-serif;font-family:var(--checkbox-label-font-family,Circular-USB,sans-serif);font-size:1rem;font-size:var(--checkbox-label-font-size,1rem);font-weight:400;font-weight:var(--checkbox-label-font-weight,400);position:relative;width:100%} .usb--checkbox-label:after{content:"";border:2px solid transparent;border-radius:.25rem;border-radius:var(--checkbox-focus-border-radius,.25rem);height:2rem;height:var(--token-spacing-8,2rem);position:absolute;left:-.375rem;top:-.375rem;width:2rem;width:var(--token-spacing-8,2rem)} .usb--checkbox-label span{display:flex;align-items:center;justify-content:center} .usb--checkbox-label span.usb--checkbox-svg svg{background:#fff;background:var(--checkbox-icon-background-color,#fff);border:1px solid #7a7a95;border:1px solid var(--checkbox-border-color,#7a7a95);border-radius:.25rem;border-radius:var(--checkbox-border-radius,.25rem);fill:transparent;stroke:transparent;height:1.25rem;height:var(--token-spacing-5,1.25rem);transition:border-color .25s ease;transition:border-color var(--token-timing-default-ease,.25s ease);pointer-events:none;min-width:1.25rem;min-width:var(--token-spacing-5,1.25rem);margin-right:.75rem;margin-right:var(--token-spacing-3,.75rem);position:relative;vertical-align:middle;width:1.25rem;width:var(--token-spacing-5,1.25rem)} .usb--checkbox-label span.usb--checkbox-label-text{display:inline} .usb--checkbox-label+.usb--error-message{margin-left:2rem;margin-left:var(--token-spacing-8,2rem)} .usb--checkbox-legend{color:#2d2d3e;color:var(--checkbox-group-label-text-color,#2d2d3e);font-family:Circular-USB,sans-serif;font-family:var(--token-font-base,Circular-USB,sans-serif);font-size:1rem;font-size:var(--token-font-size-base,1rem);font-weight:500;font-weight:var(--token-font-weight-med,500);line-height:1.5;line-height:var(--token-line-height-3xl,1.5);position:relative} .usb--checkbox-legend .usb--error-message span{margin-top:.25rem;margin-top:var(--token-spacing-1,.25rem)} .usb--checkbox-legend .usb-toggletip-container{display:inline-block;position:relative;left:calc(.25rem*-1);left:calc(var(--token-spacing-1, .25rem)*-1);right:auto;top:.25rem;top:var(--token-spacing-1,.25rem);transform:none} .usb--checkbox-legend .usb-toggletip-container+.helper_label--wrapper span{padding-top:0} .usb--checkbox-legend .usb-toggletip-container+.usb--error-message span{margin-top:0} .usb--checkbox-legend .helper_label--wrapper span{padding-top:.25rem;padding-top:var(--token-spacing-1,.25rem)} .usb--checkbox-wrapper{position:relative} .usb--checkbox-wrapper.usb--checkbox--fieldset>.usb--checkbox-label{margin-top:1.5rem;margin-top:var(--token-spacing-6,1.5rem)} .usb--checkbox-wrapper.usb--checkbox--fieldset>.usb--checkbox-input{top:.75rem;top:var(--token-spacing-3,.75rem)} .usb--checkbox-wrapper .helper_label--wrapper span{color:#63637f;color:var(--checkbox-helper-text-text-color,#63637f)} .usb--checkbox-wrapper.is-error .usb--checkbox-input+label .usb--checkbox-svg svg{background:#fff;background:var(--checkbox-error-icon-background-color,#fff);border:2px solid #cf2a36;border:2px solid var(--checkbox-error-border-color,#cf2a36)} .usb--checkbox-wrapper.is-error .usb--checkbox-input:checked+label .usb--checkbox-svg svg,.usb--checkbox-wrapper.is-error .usb--checkbox-input[aria-checked=true]+label svg{fill:#cf2a36;fill:var(--checkbox-error-icon-fill-color,#cf2a36)} .usb--checkbox-wrapper.is-error .usb--checkbox-input[aria-checked=mixed]+label svg{stroke:#cf2a36;stroke:var(--checkbox-error-icon-fill-color,#cf2a36)} .usb--checkbox-wrapper.is-error:hover .usb--checkbox-input:checked+label .usb--checkbox-svg svg,.usb--checkbox-wrapper.is-error:hover .usb--checkbox-input[aria-checked=mixed]+label .usb--checkbox-svg svg,.usb--checkbox-wrapper.is-error:hover .usb--checkbox-input[aria-checked=true]+label .usb--checkbox-svg svg{background:#fff;background:var(--checkbox-hover-error-icon-background-color,#fff);border:2px solid #001e79;border:2px solid var(--checkbox-hover-error-border-color,#001e79);fill:#cf2a36;fill:var(--checkbox-hover-error-icon-fill-color,#cf2a36)} .usb--checkbox-wrapper.is-error:hover .usb--checkbox-input[aria-checked=mixed]+label .usb--checkbox-svg svg{stroke:#cf2a36;stroke:var(--checkbox-hover-error-icon-fill-color,#cf2a36)} .usb--checkbox-wrapper:hover:not(.is-read-only):not(.is-disabled) .usb--checkbox-input+label .usb--checkbox-svg svg{border:2px solid #003cc8;border:2px solid var(--checkbox-hover-border-color,#003cc8)} .usb--checkbox-wrapper:hover:not(.is-read-only):not(.is-disabled) .usb--checkbox-input:active+label .usb--checkbox-svg svg{border:2px solid #001e79;border:2px solid var(--checkbox-hover-active-border-color,#001e79)} .usb--checkbox-wrapper:hover:not(.is-read-only):not(.is-disabled) .usb--checkbox-input:checked+label .usb--checkbox-svg svg,.usb--checkbox-wrapper:hover:not(.is-read-only):not(.is-disabled) .usb--checkbox-input[aria-checked=mixed]+label .usb--checkbox-svg svg,.usb--checkbox-wrapper:hover:not(.is-read-only):not(.is-disabled) .usb--checkbox-input[aria-checked=true]+label .usb--checkbox-svg svg{background:#003cc8;background:var(--checkbox-checked-hover-icon-background-color,#003cc8);border-width:0;fill:#fff;fill:var(--checkbox-checked-hover-icon-fill-color,#fff)} .usb--checkbox-wrapper:hover:not(.is-read-only):not(.is-disabled) .usb--checkbox-input:checked:active+label .usb--checkbox-svg svg,.usb--checkbox-wrapper:hover:not(.is-read-only):not(.is-disabled) .usb--checkbox-input[aria-checked=mixed]:active+label .usb--checkbox-svg svg,.usb--checkbox-wrapper:hover:not(.is-read-only):not(.is-disabled) .usb--checkbox-input[aria-checked=true]:active+label .usb--checkbox-svg svg{background:hsla(0,0%,100%,.78);background:var(--checkbox-checked-hover-active-icon-background-color,hsla(0,0%,100%,.78))} .usb--checkbox-wrapper:hover:not(.is-read-only):not(.is-disabled) .usb--checkbox-input[aria-checked=mixed]+label .usb--checkbox-svg svg{stroke:#fff;stroke:var(--checkbox-checked-hover-icon-fill-color,#fff)} .usb--checkbox-wrapper.is-read-only{cursor:not-allowed} .usb--checkbox-wrapper.is-read-only .usb--checkbox-input,.usb--checkbox-wrapper.is-read-only .usb--checkbox-input+label{pointer-events:none} .usb--checkbox-wrapper.is-read-only .usb--checkbox-input+label:after{content:"";border:2px solid transparent;border-radius:.25rem;border-radius:var(--checkbox-focus-border-radius,.25rem);height:2rem;height:var(--token-spacing-8,2rem);position:absolute;left:-.375rem;top:-.375rem;width:2rem;width:var(--token-spacing-8,2rem)} .usb--checkbox-wrapper.is-read-only .usb--checkbox-input+label span{display:flex;align-items:center;justify-content:center} .usb--checkbox-wrapper.is-read-only .usb--checkbox-input+label span.usb--checkbox-svg svg{background:#fff;background:var(--checkbox-icon-background-color,#fff);border:1px solid #7a7a95;border:1px solid var(--checkbox-border-color,#7a7a95);border-radius:.25rem;border-radius:var(--checkbox-border-radius,.25rem);fill:transparent;height:1.25rem;height:var(--token-spacing-5,1.25rem);transition:border-color .25s ease;transition:border-color var(--token-timing-default-ease,.25s ease);pointer-events:none;min-width:1.25rem;min-width:var(--token-spacing-5,1.25rem);margin-right:.75rem;margin-right:var(--token-spacing-3,.75rem);position:relative;vertical-align:middle;width:1.25rem;width:var(--token-spacing-5,1.25rem)} .usb--checkbox-wrapper.is-read-only .usb--checkbox-input+label span.usb--checkbox-label-text{display:inline} .usb--checkbox-wrapper.is-read-only .usb--checkbox-input+label span:checked+label .usb--checkbox-svg svg,.usb--checkbox-wrapper.is-read-only .usb--checkbox-input+label span[aria-checked=true]+label .usb--checkbox-svg svg{fill:#484861;fill:var(--checkbox-readonly-icon-fill-color,#484861)} .usb--checkbox-wrapper.is-read-only .usb--checkbox-input+label span[aria-checked=mixed]+label .usb--checkbox-svg svg{stroke:#484861;stroke:var(--checkbox-readonly-icon-fill-color,#484861)} .usb--wrapper{background-color:transparent;background-color:var(--text-input-wrapper-background-color,transparent);margin-top:.5rem;margin-top:var(--token-spacing-2,.5rem);min-height:3rem;min-height:var(--token-spacing-12,3rem);padding-top:1rem;padding-top:var(--token-spacing-4,1rem);position:relative;width:100%;z-index:0} .usb--wrapper.is-long-label{margin-top:calc(.5rem + 1.25rem);margin-top:calc(var(--token-spacing-2, .5rem) + var(--token-spacing-5, 1.25rem))} .usb--wrapper .usb--basic-input{background-color:transparent;background-color:var(--text-input-basic-background-color,transparent);border-radius:0;border-radius:var(--text-input-basic-border-radius,0);border-top:0 solid #7a7a95;border-top:var(--text-input-basic-border-top-width,0) var(--text-input-basic-border-style,solid) var(--text-input-basic-border-color,#7a7a95);border-right:0 solid #7a7a95;border-right:var(--text-input-basic-border-right-width,0) var(--text-input-basic-border-style,solid) var(--text-input-basic-border-color,#7a7a95);border-bottom:1px solid #7a7a95;border-bottom:var(--text-input-basic-border-bottom-width,1px) var(--text-input-basic-border-style,solid) var(--text-input-basic-border-color,#7a7a95);border-left:0 solid #7a7a95;border-left:var(--text-input-basic-border-left-width,0) var(--text-input-basic-border-style,solid) var(--text-input-basic-border-color,#7a7a95);color:#484861;color:var(--text-input-basic-text-color,#484861);font-family:Circular-USB,sans-serif;font-family:var(--text-input-basic-font-family,Circular-USB,sans-serif);font-size:1rem;font-size:var(--text-input-basic-font-size,1rem);font-weight:400;font-weight:var(--text-input-basic-font-weight,400);line-height:1.5;line-height:var(--token-line-height-3xl,1.5);margin:.313rem auto auto auto;margin:var(--text-input-basic-margin-top,.313rem) var(--text-input-basic-margin-right,auto) var(--text-input-basic-margin-bottom,auto) var(--text-input-basic-margin-left,auto);padding:0 0 .25rem 0;padding:var(--text-input-basic-padding-top,0) var(--text-input-basic-padding-right,0) var(--text-input-basic-padding-bottom,.25rem) var(--text-input-basic-padding-left,0);width:100%} .usb--wrapper .usb--basic-input.input__date-picker,.usb--wrapper .usb--basic-input.input__show-hide{padding-right:2.5rem;padding-right:var(--token-spacing-10,2.5rem)} .usb--wrapper .usb--basic-input.input__has-toggletip{padding-right:1.5rem;padding-right:var(--token-spacing-6,1.5rem)} .usb--wrapper .usb--basic-input.input__has-toggletip+.show-hide__button{right:2rem;right:var(--token-spacing-8,2rem)} .usb--wrapper .usb--basic-input.input__is-large-currency,.usb--wrapper .usb--basic-input.input__is-large-currency-with-label{font-size:3rem;font-size:var(--token-font-size-5xl,3rem);color:#2d2d3e;color:var(--token-text-color-primary,#2d2d3e);font-weight:700;font-weight:var(--token-font-weight-bold,700)} .usb--wrapper .usb--basic-input.is-large-currency-expressive{color:#484861;color:var(--token-color-grey-80,#484861)} .usb--wrapper .usb--basic-input.is-large-currency-expressive:focus{color:#235ae4;color:var(--token-text-color-interaction,#235ae4)} .usb--wrapper .usb--basic-input.is-large-currency-expressive-complete{color:#001e79;color:var(--token-text-color-brand-primary,#001e79)} .usb--wrapper .usb--basic-input::-ms-clear{display:none;height:0;height:var(--token-spacing-0,0);width:0;width:var(--token-spacing-0,0)} .usb--wrapper .usb--floating-label{background-color:transparent;background-color:var(--text-input-label-background-color,transparent);color:#63637f;color:var(--text-input-label-text-color,#63637f);font-family:Circular-USB,sans-serif;font-family:var(--text-input-label-font-family,Circular-USB,sans-serif);font-weight:400;font-weight:var(--text-input-label-font-weight,400);font-size:1rem;font-size:var(--text-input-label-font-size,1rem);line-height:1.5;line-height:var(--text-input-label-line-height,1.5);position:absolute;position:var(--text-input-label-position,absolute);top:1rem;top:var(--text-input-label-top,1rem);left:0;left:var(--token-spacing-0,0);transition:all .25s ease;transition:all var(--token-timing-default-ease,.25s ease)} .usb--wrapper .usb--floating-label_overflow{top:calc(var(--text-input-label-line-height)*-1*var(--text-input-label-font-size))} .usb--wrapper .usb--error-text-container{height:auto;max-height:0;opacity:0;transition:max-height .5s ease-in-out,opacity .5s ease-in-out;transition:max-height var(--token-timing-moderate-ease-in-out,.5s ease-in-out),opacity var(--token-timing-moderate-ease-in-out,.5s ease-in-out);overflow:hidden} .usb--wrapper.is-focused:after{content:"";border:2px solid #235ae4;border:var(--text-input-focus-active-wrapper-border-width,2px) solid var(--text-input-focus-wrapper-border-color,#235ae4);border-radius:.25rem;border-radius:var(--text-input-focus-active-wrapper-border-radius,.25rem);height:calc(100% + .75rem);height:calc(100% + var(--token-spacing-3, .75rem));position:absolute;left:-.375rem;top:-.375rem;width:calc(100% + .75rem);width:calc(100% + var(--token-spacing-3, .75rem));z-index:-1} .usb--wrapper.is-focused.is-long-label:after{height:calc(100% + 1.5rem + .375rem);height:calc(100% + var(--token-spacing-6, 1.5rem) + .375rem);top:-1.5rem} .usb--wrapper.is-focused.is-value label,.usb--wrapper.is-focused label{color:#63637f;color:var(--text-input-active-label-text-color,#63637f);font-family:Circular-USB,sans-serif;font-family:var(--text-input-active-label-font-family,Circular-USB,sans-serif);font-weight:400;font-weight:var(--text-input-focus-active-label-font-weight,400);font-size:.75rem;font-size:var(--text-input-focus-active-label-font-size,.75rem);line-height:1.5;line-height:var(--text-input-focus-active-label-line-height,1.5);top:0;top:var(--text-input-focus-active-label-top,0)} .usb--wrapper.is-focused.is-value label.usb--floating-label_overflow,.usb--wrapper.is-focused label.usb--floating-label_overflow{top:calc(var(--text-input-label-line-height)*-1*var(--text-input-label-font-size))} .usb--wrapper.is-focused .usb--basic-input{outline:transparent;border-top:0 solid #235ae4;border-top:var(--text-input-focus-border-top-width,0) var(--text-input-focus-active-border-style,solid) var(--text-input-basic-focus-active-border-color,#235ae4);border-right:0 solid #235ae4;border-right:var(--text-input-focus-border-right-width,0) var(--text-input-focus-active-border-style,solid) var(--text-input-basic-focus-active-border-color,#235ae4);border-bottom:1px solid #235ae4;border-bottom:var(--text-input-focus-border-bottom-width,1px) var(--text-input-focus-active-border-style,solid) var(--text-input-basic-focus-active-border-color,#235ae4);border-left:0 solid #235ae4;border-left:var(--text-input-focus-border-left-width,0) var(--text-input-focus-active-border-style,solid) var(--text-input-basic-focus-active-border-color,#235ae4);font-family:Circular-USB,sans-serif;font-family:var(--text-input-basic-focus-active-font-family,Circular-USB,sans-serif)} .usb--wrapper.is-focused.is-value .usb--basic-input,.usb--wrapper.is-focused .usb--basic-input{margin:auto -1px -1px -1px;margin:var(--text-input-basic-focus-active-margin-top,auto) var(--text-input-basic-focus-active-margin-right,-1px) var(--text-input-basic-focus-active-margin-bottom,-1px) var(--text-input-basic-focus-active-margin-left,-1px)} .usb--wrapper.is-focused.is-value .usb--basic-input{border-width:0 0 2px 0;border-width:var(--text-input-basic-focus-active-border-top-width,0) var(--text-input-basic-focus-active-border-right-width,0) var(--text-input-basic-focus-active-border-bottom-width,2px) var(--text-input-basic-focus-active-border-left-width,0);color:#484861;color:var(--text-input-basic-focus-active-text-color,#484861);font-family:Circular-USB,sans-serif;font-family:var(--text-input-basic-active-font-family,Circular-USB,sans-serif);font-weight:400;font-weight:var(--text-input-basic-focus-active-font-weight,400);font-size:1rem;font-size:var(--text-input-basic-focus-active-font-size,1rem);line-height:1.5;line-height:var(--text-input-basic-focus-active-line-height,1.5)} .usb--wrapper.is-value .usb--basic-input{font-weight:400;font-weight:var(--text-input-basic-active-font-weight,400);font-size:1rem;font-size:var(--text-input-basic-active-font-size,1rem);line-height:1.5;line-height:var(--text-input-basic-active-line-height,1.5)} .usb--wrapper.is-value .usb--basic-input.input__is-large-currency,.usb--wrapper.is-value .usb--basic-input.input__is-large-currency-with-label{font-size:3rem;font-size:var(--token-font-size-5xl,3rem);color:#2d2d3e;color:var(--token-text-color-primary,#2d2d3e);font-weight:700;font-weight:var(--token-font-weight-bold,700)} .usb--wrapper.is-value .usb--basic-input.is-large-currency-expressive{color:#484861;color:var(--token-color-grey-80,#484861)} .usb--wrapper.is-value .usb--basic-input.is-large-currency-expressive:focus{color:#235ae4;color:var(--token-text-color-interaction,#235ae4)} .usb--wrapper.is-value .usb--basic-input.is-large-currency-expressive-complete{color:#001e79;color:var(--token-text-color-brand-primary,#001e79)} .usb--wrapper.is-disabled .en_dash,.usb--wrapper.is-disabled.is-value .optionalSpan,.usb--wrapper.is-disabled .show-hide__button,.usb--wrapper.is-disabled .usb--info-message,.usb--wrapper.is-disabled .usb-toggletip-container,.usb--wrapper.is-read-only .en_dash,.usb--wrapper.is-read-only.is-value .optionalSpan,.usb--wrapper.is-read-only .show-hide__button,.usb--wrapper.is-read-only .usb--info-message,.usb--wrapper.is-read-only .usb-toggletip-container{display:none} .usb--wrapper.is-disabled .usb--floating-label,.usb--wrapper.is-read-only .usb--floating-label{cursor:not-allowed} .usb--wrapper.is-disabled .usb--basic-input,.usb--wrapper.is-read-only .usb--basic-input{cursor:not-allowed;background:transparent;background:var(--text-input-basic-disabled-background-color,transparent);color:#2d2d3e;color:var(--text-input-basic-disabled-text-color,#2d2d3e);border:none;border-bottom:1px solid transparent;border-bottom:1px solid var(--text-input-basic-disabled-border-color,transparent)} .usb--wrapper.is-disabled .button__date-picker,.usb--wrapper.is-read-only .button__date-picker{cursor:not-allowed} .usb--wrapper.is-value .usb--floating-label{color:#63637f;color:var(--text-input-active-label-text-color,#63637f);font-family:Circular-USB,sans-serif;font-family:var(--text-input-active-label-font-family,Circular-USB,sans-serif);font-weight:400;font-weight:var(--text-input-active-label-font-weight,400);font-size:.75rem;font-size:var(--text-input-active-label-font-size,.75rem);line-height:1.5;line-height:var(--text-input-active-label-line-height,1.5);top:0;top:var(--text-input-focus-active-label-top,0)} .usb--wrapper.is-value .usb--floating-label_overflow{top:0-1.125rem;top:var(--text-input-focus-active-label-top,0)-1.125rem} .usb--wrapper.is-error.is-focused .usb--floating-label,.usb--wrapper.is-error.is-value .usb--floating-label,.usb--wrapper.is-error .usb--floating-label{color:#cf2a36;color:var(--text-input-error-label-text-color,#cf2a36)} .usb--wrapper.is-error.is-focused .usb--basic-input,.usb--wrapper.is-error.is-value .usb--basic-input,.usb--wrapper.is-error .usb--basic-input{border-top:0 solid #cf2a36;border-top:var(--text-input-focus-error-border-top-width,0) var(--text-input-focus-error-border-style,solid) var(--text-input-basic-error-border-color,#cf2a36);border-right:0 solid #cf2a36;border-right:var(--text-input-focus-error-border-right-width,0) var(--text-input-focus-error-border-style,solid) var(--text-input-basic-error-border-color,#cf2a36);border-bottom:2px solid #cf2a36;border-bottom:var(--text-input-focus-error-border-bottom-width,2px) var(--text-input-focus-error-border-style,solid) var(--text-input-basic-error-border-color,#cf2a36);border-left:0 solid #cf2a36;border-left:var(--text-input-focus-error-border-left-width,0) var(--text-input-focus-error-border-style,solid) var(--text-input-basic-error-border-color,#cf2a36)} .usb--wrapper.is-error.is-focused .usb--error-text-container,.usb--wrapper.is-error.is-value .usb--error-text-container,.usb--wrapper.is-error .usb--error-text-container{max-height:4rem;opacity:1} .usb--wrapper.is-large-currency{padding-top:0;padding-top:var(--token-spacing-0,0)} .usb--wrapper.is-large-currency-with-label{padding-top:.9rem} .usb--wrapper .sr-only{position:absolute;width:1px;height:1px;padding:0;padding:var(--token-spacing-0,0);margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0;border:var(--token-spacing-0,0)} .usb--wrapper .button__date-picker{background-color:transparent;background-color:var(--date-picker-button-background-color,transparent);border:none;position:absolute;right:0;right:var(--date-picker-button-right,0);top:1rem;top:var(--date-picker-button-top,1rem)} .usb--wrapper.is-card-icon .usb--basic-input.input__show-hide{padding-right:4.5rem;padding-right:var(--token-spacing-18,4.5rem)} .usb--wrapper.is-card-icon button.show-hide__button{right:2rem!important;right:var(--token-spacing-8,2rem)!important;transition:all .3s ease-out} .usb--wrapper.is-card-icon .icon-container{top:1.1rem} .usb--radio-fieldset{border:0} .usb--radio-legend{color:#2d2d3e;color:var(--forms-radio-group-legend-text-color,#2d2d3e);font-family:Circular-USB,sans-serif;font-family:var(--token-font-base,Circular-USB,sans-serif);font-size:1rem;font-size:var(--token-font-size-base,1rem);font-weight:500;font-weight:var(--token-font-weight-med,500);line-height:1.5;line-height:var(--token-line-height-3xl,1.5);position:relative} .usb--radio-legend+.usb--error-message{margin-bottom:.75rem;margin-bottom:var(--token-spacing-3,.75rem)} .usb--radio-legend+.usb--error-message span{margin-top:.25rem;margin-top:var(--token-spacing-1,.25rem)} .usb--radio-wrapper{display:flex;align-items:flex-start;margin-left:calc(.75rem*-1);margin-left:calc(var(--token-spacing-3, .75rem)*-1);position:relative;z-index:0} .usb--radio-wrapper.is-disabled:not(.is-chips),.usb--radio-wrapper.is-read-only:not(.is-chips){cursor:not-allowed} .usb--radio-wrapper.is-disabled:not(.is-chips)>*,.usb--radio-wrapper.is-read-only:not(.is-chips)>*{pointer-events:none} .usb--radio-wrapper.is-disabled:not(.is-chips) input[type=radio],.usb--radio-wrapper.is-read-only:not(.is-chips) input[type=radio]{border:none;background-clip:content-box;padding:0} .usb--radio-wrapper.is-disabled:not(.is-chips) input[type=radio]:not(:checked),.usb--radio-wrapper.is-read-only:not(.is-chips) input[type=radio]:not(:checked){background-color:#ccccd2;background-color:var(--checkbox-disabled-icon-background-color,#ccccd2)} .usb--radio-wrapper.is-disabled:not(.is-chips) input[type=radio]:not(:checked):before,.usb--radio-wrapper.is-read-only:not(.is-chips) input[type=radio]:not(:checked):before{background:#ccccd2;background:var(--checkbox-disabled-icon-background-color,#ccccd2)} .usb--radio-wrapper.is-disabled:not(.is-chips) input[type=radio]:not(:checked)::-ms-check,.usb--radio-wrapper.is-read-only:not(.is-chips) input[type=radio]:not(:checked)::-ms-check{border:none;background-color:#ccccd2;background-color:var(--checkbox-disabled-icon-background-color,#ccccd2)} .usb--radio-wrapper.is-disabled:not(.is-chips) input[type=radio]:checked,.usb--radio-wrapper.is-read-only:not(.is-chips) input[type=radio]:checked{background-color:#ccccd2;background-color:var(--checkbox-disabled-icon-background-color,#ccccd2)} .usb--radio-wrapper.is-disabled:not(.is-chips) input[type=radio]:checked:before,.usb--radio-wrapper.is-read-only:not(.is-chips) input[type=radio]:checked:before{background:#484861;background:var(--checkbox-checked-disabled-label-icon-fill-color,#484861)} .usb--radio-wrapper.is-disabled:not(.is-chips) input[type=radio]:checked::-ms-check,.usb--radio-wrapper.is-read-only:not(.is-chips) input[type=radio]:checked::-ms-check{border:none;background-color:#ccccd2;background-color:var(--checkbox-disabled-icon-background-color,#ccccd2)} .usb--radio-wrapper.is-focused:after{content:"";display:block;border:2px solid #235ae4;border:2px solid var(--forms-radio-input-focus-border-color,#235ae4);border-radius:.25rem;border-radius:var(--token-rounded-sm,.25rem);height:1.75rem;height:var(--token-spacing-7,1.75rem);position:absolute;left:.5rem;left:var(--token-spacing-2,.5rem);top:.5rem;top:var(--token-spacing-2,.5rem);width:1.75rem;width:var(--token-spacing-7,1.75rem);z-index:-1} .usb--radio-label{cursor:pointer;margin-top:.75rem;margin-top:var(--token-spacing-3,.75rem)} .usb--radio-label+.helper_label--wrapper span{color:#63637f;color:var(--forms-radio-helper-text-text-color,#63637f)} .usb--radio-label_container{color:#484861;color:var(--forms-radio-group-label-text-color,#484861);font-family:Circular-USB,sans-serif;font-family:var(--token-font-base,Circular-USB,sans-serif);font-size:1rem;font-size:var(--token-font-size-base,1rem);line-height:1.25;line-height:var(--token-line-height-lg,1.25);position:relative;vertical-align:top;width:100%;margin-top:.75rem;margin-top:var(--token-spacing-3,.75rem)} .usb--radio-label_container .helper_label--wrapper{margin-bottom:.75rem;margin-bottom:var(--token-spacing-3,.75rem)} .usb--radio-label_container.has-icon{padding-left:2.5rem;padding-left:var(--token-spacing-10,2.5rem)} .usb--radio-label_container.has-icon .usb--radio-icon{position:absolute;left:0} .usb--radio-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;background-color:var(--forms-radio-input-background-color,#fff);border:1px solid #7a7a95;border:1px solid var(--forms-radio-input-border-color,#7a7a95);border-radius:50%;border-radius:var(--token-rounded-full,50%);cursor:pointer;height:1.25rem;height:var(--token-spacing-5,1.25rem);margin:.75rem;margin:var(--token-spacing-3,.75rem);min-width:1.25rem;min-width:var(--token-spacing-5,1.25rem);outline:none;padding:3px;position:relative;width:1.25rem;width:var(--token-spacing-5,1.25rem)} .usb--radio-input:before{background:#fff;background:var(--forms-radio-input-background-color,#fff);border-radius:50%;border-radius:var(--token-rounded-full,50%);content:"";height:calc(.5rem + .125rem);height:calc(var(--token-spacing-2, .5rem) + .125rem);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:calc(.5rem + .125rem);width:calc(var(--token-spacing-2, .5rem) + .125rem)} .usb--radio-input:checked{border:2px solid #235ae4;border:2px solid var(--forms-radio-input-checked-border-color,#235ae4)} .usb--radio-input:checked:before{background:#235ae4;background:var(--forms-radio-input-checked-background-color,#235ae4)} .usb--radio-input:checked::-ms-check{border:2px solid #235ae4;border:2px solid var(--forms-radio-input-checked-border-color,#235ae4);color:#0058ff;color:var(--token-color-brand-interaction,#0058ff)} .usb--radio-input:hover:not(:disabled){border:2px solid #235ae4;border:2px solid var(--forms-radio-input-hover-border-color,#235ae4)} .usb--radio-input:hover:not(:disabled):checked:before{background:#235ae4;background:var(--forms-radio-input-hover-background-color,#235ae4)} .usb--radio-input:hover:not(:disabled)::-ms-check{border:2px solid #235ae4;border:2px solid var(--forms-radio-input-hover-border-color,#235ae4);color:#0058ff;color:var(--token-color-brand-interaction,#0058ff)} .is-focused .usb--radio-input:active:not(:disabled){border:2px solid #235ae4;border:2px solid var(--forms-radio-input-focus-border-color,#235ae4)} .is-focused .usb--radio-input:active:not(:disabled):checked:before{background:#235ae4;background:var(--forms-radio-input-focus-background-color,#235ae4)} .is-focused .usb--radio-input:active:not(:disabled)::-ms-check{border:2px solid #235ae4;border:2px solid var(--forms-radio-input-focus-border-color,#235ae4);color:#001e79;color:var(--token-background-brand-primary,#001e79)} .usb--radio-input.is-error{border:2px solid #cf2a36;border:2px solid var(--forms-radio-input-error-border-color,#cf2a36)} .usb--radio-input.is-error:checked:before{background:#cf2a36;background:var(--forms-radio-input-error-background-color,#cf2a36)} .usb--radio-input.is-error::-ms-check{border:2px solid #cf2a36;border:2px solid var(--forms-radio-input-error-border-color,#cf2a36);color:#001e79;color:var(--token-background-brand-primary,#001e79)} .usb--radio-icon{margin-right:.5rem;margin-right:var(--token-spacing-2,.5rem);text-align:center;height:2rem;height:var(--token-spacing-8,2rem)} .usb--radio-icon-radius{border-radius:50%} .usb--radio-img{min-width:2rem;min-width:var(--token-spacing-8,2rem)} .usb--radio-img,.usb--radio-svg svg{width:2rem;width:var(--token-spacing-8,2rem);margin-top:calc(.25rem*-1);margin-top:calc(var(--token-spacing-1, .25rem)*-1);height:2rem;height:var(--token-spacing-8,2rem);vertical-align:top} .usb--radio-fieldset .usb--selectablecard-wrapper{padding-top:1px;padding-bottom:1rem} .usb--select--wrapper{margin-top:.5rem;margin-top:var(--token-spacing-2,.5rem);min-height:3rem;min-height:var(--token-spacing-12,3rem);position:relative;width:100%;z-index:0} .usb--select--wrapper.is-focused:after{content:"";border:2px solid #235ae4;border:var(--forms-select-wrapper-focused-border-width,2px) solid var(--token-border-focus,#235ae4);border-radius:.25rem;border-radius:var(--token-rounded-sm,.25rem);height:calc(100% + .75rem);height:calc(100% + var(--token-spacing-3, .75rem));position:absolute;left:-.375rem;top:-.375rem;width:calc(100% + .75rem);width:calc(100% + var(--token-spacing-3, .75rem))} .usb--select--wrapper.is-focused .usb--select--container{border-top:0 solid #235ae4;border-top:var(--forms-select-focused-border-top-width,0) var(--forms-select-focused-border-style,solid) var(--forms-select-focused-border-color,#235ae4);border-right:0 solid #235ae4;border-right:var(--forms-select-focused-border-right-width,0) var(--forms-select-focused-border-style,solid) var(--forms-select-focused-border-color,#235ae4);border-bottom:2px solid #235ae4;border-bottom:var(--forms-select-focused-border-bottom-width,2px) var(--forms-select-focused-border-style,solid) var(--forms-select-focused-border-color,#235ae4);border-left:0 solid #235ae4;border-left:var(--forms-select-focused-border-left-width,0) var(--forms-select-focused-border-style,solid) var(--forms-select-focused-border-color,#235ae4);padding-top:0;padding-top:var(--forms-select-focused-padding-top,0)} .usb--select--wrapper.is-error .usb--select--label{color:#cf2a36;color:var(--token-text-color-error,#cf2a36)} .usb--select--wrapper.is-error .usb--select--container{border-top:0 solid #cf2a36;border-top:var(--forms-select-focused-error-border-top-width,0) var(--forms-select-focused-error-border-style,solid) var(--forms-select-focused-error-border-color,#cf2a36);border-right:0 solid #cf2a36;border-right:var(--forms-select-focused-error-border-right-width,0) var(--forms-select-focused-error-border-style,solid) var(--forms-select-focused-error-border-color,#cf2a36);border-bottom:2px solid #cf2a36;border-bottom:var(--forms-select-focused-error-border-bottom-width,2px) var(--forms-select-focused-error-border-style,solid) var(--forms-select-focused-error-border-color,#cf2a36);border-left:0 solid #cf2a36;border-left:var(--forms-select-focused-error-border-left-width,0) var(--forms-select-focused-error-border-style,solid) var(--forms-select-focused-error-border-color,#cf2a36);padding-top:0;padding-top:var(--forms-select-focused-padding-top,0)} .usb--select--wrapper.is-error.is-focused .usb--select--label,.usb--select--wrapper.is-error.is-value .usb--select--label,.usb--select--wrapper.is-error .usb--select--label{color:#cf2a36;color:var(--token-text-color-error,#cf2a36)} .usb--select--wrapper.is-error.is-focused .usb--select--container,.usb--select--wrapper.is-error.is-value .usb--select--container,.usb--select--wrapper.is-error .usb--select--container{border-top:0 solid #cf2a36;border-top:var(--forms-select-focused-error-border-top-width,0) var(--forms-select-focused-error-border-style,solid) var(--forms-select-focused-error-border-color,#cf2a36);border-right:0 solid #cf2a36;border-right:var(--forms-select-focused-error-border-right-width,0) var(--forms-select-focused-error-border-style,solid) var(--forms-select-focused-error-border-color,#cf2a36);border-bottom:2px solid #cf2a36;border-bottom:var(--forms-select-focused-error-border-bottom-width,2px) var(--forms-select-focused-error-border-style,solid) var(--forms-select-focused-error-border-color,#cf2a36);border-left:0 solid #cf2a36;border-left:var(--forms-select-focused-error-border-left-width,0) var(--forms-select-focused-error-border-style,solid) var(--forms-select-focused-error-border-color,#cf2a36);padding-top:0;padding-top:var(--forms-select-focused-padding-top,0)} .usb--select--wrapper .usb--select--label{color:#63637f;color:var(--token-text-color-tertiary,#63637f);display:inline-block;font-family:Circular-USB,sans-serif;font-family:var(--token-font-base,Circular-USB,sans-serif);font-size:.75rem;font-size:var(--token-font-size-xs,.75rem);font-weight:400;font-weight:var(--token-font-weight-reg,400);line-height:1.5;line-height:var(--token-line-height-3xl,1.5);position:relative;z-index:2;top:.125rem} .usb--select--wrapper .usb--select--container{background-color:#fff;background-color:var(--token-background-primary,#fff);border-radius:0;border-radius:var(--forms-select-border-radius,0);border-top:0 solid #7a7a95;border-top:var(--forms-select-border-top-width,0) var(--forms-select-border-style,solid) var(--forms-select-border-color,#7a7a95);border-right:0 solid #7a7a95;border-right:var(--forms-select-border-right-width,0) var(--forms-select-border-style,solid) var(--forms-select-border-color,#7a7a95);border-bottom:1px solid #7a7a95;border-bottom:var(--forms-select-border-bottom-width,1px) var(--forms-select-border-style,solid) var(--forms-select-border-color,#7a7a95);border-left:0 solid #7a7a95;border-left:var(--forms-select-border-left-width,0) var(--forms-select-border-style,solid) var(--forms-select-border-color,#7a7a95);padding:0 0 0 0;padding:var(--forms-select-padding-top,0) var(--forms-select-padding-right,0) var(--forms-select-padding-bottom,0) var(--forms-select-padding-left,0);position:relative;z-index:1} .usb--select--wrapper .usb--select--container .usb--select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;background-color:var(--token-background-primary,#fff);border:none;border-radius:0;border-radius:var(--token-rounded-square,0);color:#484861;color:var(--token-text-color-secondary,#484861);font-family:Circular-USB,sans-serif;font-family:var(--token-font-base,Circular-USB,sans-serif);font-weight:400;font-weight:var(--token-font-weight-reg,400);font-size:1rem;font-size:var(--token-font-size-base,1rem);line-height:1.5;line-height:var(--token-line-height-3xl,1.5);padding-left:0;padding-left:var(--token-spacing-0,0);padding-right:20px;transition:all .25s ease;transition:all var(--token-timing-default-ease,.25s ease);width:100%} @media (-ms-high-contrast:active),(-ms-high-contrast:none){.usb--select--wrapper .usb--select--container .usb--select{color:#484861;color:var(--token-text-color-secondary,#484861)}} .usb--select--wrapper .usb--select--container .usb--select::-ms-expand{display:none} .usb--select--wrapper .usb--select--container .usb--select:focus{margin:0;margin:var(--token-spacing-0,0);outline:none} .usb--select--wrapper .usb--select--container .usb--select:focus::-ms-value{background-color:#fff;background-color:var(--token-background-primary,#fff);color:#484861;color:var(--token-text-color-secondary,#484861)} .usb--select--wrapper .usb--select--container .usb--select:-moz-focusring{color:#484861;color:var(--token-text-color-secondary,#484861);-moz-appearance:none} .usb--select--wrapper .usb--select--container .select--chevron{position:absolute;right:0;right:var(--forms-select-chevron-right,0);top:0;top:var(--forms-select-chevron-top,0);pointer-events:none} .usb--select--wrapper .usb--select--container .select--chevron svg{fill:#484861;fill:var(--token-text-color-secondary,#484861)} .usb--select--wrapper.is-value .usb--select{color:#2d2d3e;color:var(--token-text-color-primary,#2d2d3e)} .usb--select--wrapper.is-value .usb--select:-moz-focusring{color:#2d2d3e;color:var(--token-text-color-primary,#2d2d3e)} @media (-ms-high-contrast:active),(-ms-high-contrast:none){.usb--select--wrapper.is-value .usb--select:focus::-ms-value{background-color:#fff;background-color:var(--token-background-primary,#fff);color:#2d2d3e;color:var(--token-text-color-primary,#2d2d3e)}} .usb--select--wrapper.is-disabled,.usb--select--wrapper.is-read-only{cursor:not-allowed} .usb--select--wrapper.is-disabled .en_dash,.usb--select--wrapper.is-disabled.is-value .optionalSpan,.usb--select--wrapper.is-disabled .show-hide__button,.usb--select--wrapper.is-disabled .usb--info-message,.usb--select--wrapper.is-disabled .usb-toggletip-container,.usb--select--wrapper.is-read-only .en_dash,.usb--select--wrapper.is-read-only.is-value .optionalSpan,.usb--select--wrapper.is-read-only .show-hide__button,.usb--select--wrapper.is-read-only .usb--info-message,.usb--select--wrapper.is-read-only .usb-toggletip-container{display:none} .usb--select--wrapper.is-disabled .usb--select--label,.usb--select--wrapper.is-read-only .usb--select--label{pointer-events:none} .usb--select--wrapper.is-disabled .usb--select--container,.usb--select--wrapper.is-read-only .usb--select--container{background:transparent;border:none;border-bottom:1px solid transparent;pointer-events:none} .usb--select--wrapper.is-disabled .usb--select--container .usb--select,.usb--select--wrapper.is-read-only .usb--select--container .usb--select{color:#484861;color:var(--token-text-color-secondary,#484861);pointer-events:none} .usb--select--wrapper.is-disabled .usb--select--container .select--chevron,.usb--select--wrapper.is-read-only .usb--select--container .select--chevron{display:none} .usb-text_area{display:flex;flex-direction:column;position:relative;width:100%;z-index:0} .usb-text_area.is-focused:after{content:"";border:2px solid #235ae4;border:2px solid var(--text-area-focus-outline-border-color,#235ae4);border-radius:.25rem;border-radius:var(--token-rounded-sm,.25rem);height:calc(100% + .75rem);height:calc(100% + var(--token-spacing-3, .75rem));position:absolute;left:-.375rem;top:-.375rem;width:calc(100% + .75rem);width:calc(100% + var(--token-spacing-3, .75rem));z-index:-1} .usb-text_area.is-focused .usb-text_area--wrapper{border-color:#235ae4;border-color:var(--text-area-focus-border-color,#235ae4)} .usb-text_area.is-focused label,.usb-text_area.is-value label{color:#63637f;color:var(--text-area-focus-label-text-color,#63637f);font-size:.75rem;font-size:var(--token-font-size-xs,.75rem)} .usb-text_area.is-disabled,.usb-text_area.is-read-only{cursor:not-allowed} .usb-text_area.is-disabled label,.usb-text_area.is-read-only label{pointer-events:none} .usb-text_area.is-disabled .usb-text_area--helpers,.usb-text_area.is-read-only .usb-text_area--helpers{display:none} .usb-text_area.is-error .usb-text_area--wrapper{border:2px solid #cf2a36;border:2px solid var(--text-area-error-border-color,#cf2a36)} .usb-text_area.is-error .usb-text_area--wrapper label{color:#cf2a36;color:var(--text-area-error-label-text-color,#cf2a36)} .usb-text_area.not-resizable textarea{resize:none} .usb-text_area--wrapper{background-color:#fff;background-color:var(--token-background-primary,#fff);border:1px solid #7a7a95;border:1px solid var(--text-area-border-color,#7a7a95);border-radius:.25rem;border-radius:var(--token-rounded-sm,.25rem);color:#2d2d3e;color:var(--token-text-color-primary,#2d2d3e);display:flex;flex-direction:column;padding:.5rem 1rem;padding:var(--token-spacing-2,.5rem) var(--token-spacing-4,1rem);position:relative} .usb-text_area--wrapper label{color:#484861;color:var(--text-area-label-text-color,#484861);font-weight:400;font-weight:var(--token-font-weight-reg,400);min-height:1.5rem;min-height:var(--token-spacing-6,1.5rem);transition:all .25s ease;transition:all var(--token-timing-default-ease,.25s ease)} .usb-text_area--wrapper .usb-text_area-basic,.usb-text_area--wrapper label{background-color:initial;font-family:Circular-USB,sans-serif;font-family:var(--token-font-base,Circular-USB,sans-serif);font-size:1rem;font-size:var(--token-font-size-base,1rem);line-height:1.5;line-height:var(--token-line-height-3xl,1.5)} .usb-text_area--wrapper .usb-text_area-basic{border:none;color:#2d2d3e;color:var(--text-area-input-value-text-color,#2d2d3e);margin-top:0;margin-top:var(--token-spacing-0,0);outline:none;overflow-x:hidden;overflow-y:auto;padding:0;padding:var(--token-spacing-0,0);resize:vertical;width:100%} .usb-text_area--wrapper .usb-text_area-basic:-moz-read-only{color:#484861;color:var(--token-text-color-secondary,#484861);cursor:not-allowed;resize:none} .usb-text_area--wrapper .usb-text_area-basic:disabled,.usb-text_area--wrapper .usb-text_area-basic:read-only{color:#484861;color:var(--token-text-color-secondary,#484861);cursor:not-allowed;resize:none} .usb-text_area--helpers{display:flex;justify-content:flex-end;width:100%} .usb-text_area--helpers_content{display:flex;flex-direction:column;flex-grow:2;padding-right:.5rem;padding-right:var(--token-spacing-2,.5rem)} .usb-text_area--helpers_counter{color:#63637f;color:var(--text-area-helper-text-text-color,#63637f);font-family:Circular-USB,sans-serif;font-family:var(--token-font-base,Circular-USB,sans-serif);font-size:.75rem;font-size:var(--token-font-size-xs,.75rem);font-weight:400;font-weight:var(--token-font-weight-reg,400);line-height:1.5;line-height:var(--token-line-height-3xl,1.5);padding-top:.25rem;padding-top:var(--token-spacing-1,.25rem);white-space:nowrap} .usb-text_area--helpers_counter.max-length-exceeded{color:#cf2a36;color:var(--token-text-color-error,#cf2a36);font-weight:700;font-weight:var(--token-font-weight-bold,700)} .usb-toggletip-container{margin:0;position:absolute;right:-.75rem;right:var(--forms-base-toggletip-button-right,-.75rem);top:.25rem;top:var(--forms-base-toggletip-button-top,.25rem)} .usb-toggletip-container,.usb-toggletip-container button{height:2.75rem;height:var(--token-spacing-11,2.75rem);width:2.75rem;width:var(--token-spacing-11,2.75rem)} .usb-toggletip-container button{background-color:initial;border:none;font-size:.75rem;font-size:var(--token-font-size-xs,.75rem);font-weight:400;font-weight:var(--token-font-weight-reg,400);line-height:1.5;line-height:var(--token-line-height-3xl,1.5);outline:none;padding:0;position:relative} .usb-toggletip-container button:focus>span:after{content:"";border:2px solid #235ae4;border:2px solid var(--token-border-focus,#235ae4);border-radius:.25rem;border-radius:var(--token-rounded-sm,.25rem);height:1.75rem;height:var(--token-spacing-7,1.75rem);position:absolute;left:calc(.25rem*-1);left:calc(var(--token-spacing-1, .25rem)*-1);top:calc(.25rem*-1);top:calc(var(--token-spacing-1, .25rem)*-1);width:1.75rem;width:var(--token-spacing-7,1.75rem)} .usb-toggletip-container button>span{display:block;height:1.25rem;margin:0 auto;position:relative;width:1.25rem} .usb-toggletip-container button>span svg:focus{outline:none} .usb-toggletip-container button.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0} .usb-toggletip-container .usb-toggletip-flyout{font-size:.75rem;font-size:var(--token-font-size-xs,.75rem);outline:none;position:absolute;right:.5rem;right:var(--token-spacing-2,.5rem);bottom:calc(100% + .5rem);width:11.25rem;z-index:1} .usb-toggletip-container .usb-toggletip-flyout_children{box-shadow:0 4px 6px -1px rgba(0,0,0,.12),0 2px 4px -1px rgba(0,0,0,.12);box-shadow:var(--token-shadow-md,0 4px 6px -1px rgba(0,0,0,.12),0 2px 4px -1px rgba(0,0,0,.12));line-height:1.5;line-height:var(--token-line-height-3xl,1.5);padding:.25rem .5rem;padding:var(--token-spacing-1,.25rem) var(--token-spacing-2,.5rem)} .usb-toggletip-container .usb-toggletip-flyout.dark{background-color:#001e79;background-color:var(--token-background-inverse-primary,#001e79);color:#fff;color:var(--token-text-color-inverse-primary,#fff)} .usb-toggletip-container .usb-toggletip-flyout.light{background-color:#fff;background-color:var(--token-background-primary,#fff);color:#484861;color:var(--token-text-color-secondary,#484861)} .usb-toggletip-container .usb-toggletip-flyout:focus:after{content:"";border:2px solid #235ae4;border:2px solid var(--token-border-focus,#235ae4);border-radius:.25rem;border-radius:var(--token-rounded-sm,.25rem);height:calc(100% + .75rem);height:calc(100% + var(--token-spacing-3, .75rem));position:absolute;left:-.375rem;top:-.375rem;width:calc(100% + .75rem);width:calc(100% + var(--token-spacing-3, .75rem))} .usb--info-message{color:#63637f;color:var(--token-text-color-tertiary,#63637f);display:flex;font-family:Circular-USB,sans-serif;font-family:var(--token-font-base,Circular-USB,sans-serif);font-size:.75rem;font-size:var(--token-font-size-xs,.75rem);font-weight:400;font-weight:var(--token-font-weight-reg,400);line-height:1.5;line-height:var(--token-line-height-3xl,1.5);padding-top:.25rem;padding-top:var(--token-spacing-1,.25rem)} .usb--info-message.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0} .usb--selectablecard{transition:box-shadow .25s ease-out;margin:2px;border-radius:10px;position:relative;background-color:#fff;background-color:var(--token-background-primary,#fff);cursor:pointer} .usb--selectablecard .usb--checkbox-svg .usb-icon{width:1.25rem;height:1.25rem;margin:1rem;display:block;border:1px solid #7a7a95;border:1px solid var(--token-color-grey-60,#7a7a95);border-radius:4px;overflow:hidden} .usb--selectablecard .usb--checkbox-svg .usb-icon svg{display:none} .usb--selectablecard .usb--selectablecard-body{border:1px solid #cdd1e2;border:1px solid var(--token-color-grey-30,#cdd1e2);border-radius:10px} .usb--selectablecard .usb--selectablecard-labeltext{font-size:1.25rem;font-size:var(--token-font-size-lg,1.25rem);font-weight:500;font-weight:var(--token-font-weight-med,500);color:#001e79;color:var(--token-text-color-brand-primary,#001e79)} .usb--selectablecard .usb--selectablecard-helper{font-size:.875rem;font-size:var(--token-font-size-sm,.875rem)} .usb--selectablecard .usb--radio-input{margin:1rem} .usb--selectablecard:hover:not(.is-disabled){box-shadow:0 4px 6px -1px rgba(0,0,0,.12),0 2px 4px -1px rgba(0,0,0,.12);box-shadow:var(--token-shadow-md,0 4px 6px -1px rgba(0,0,0,.12),0 2px 4px -1px rgba(0,0,0,.12))} .usb--selectablecard:hover:not(.is-disabled) .usb--checkbox-svg .usb-icon,.usb--selectablecard:hover:not(.is-disabled) .usb--radio-input{border:2px solid #235ae4;border:2px solid var(--token-background-brand-interaction,#235ae4)} .usb--selectablecard:active:not(.is-disabled){box-shadow:0 1px 3px 0 rgba(0,0,0,.12);box-shadow:var(--token-shadow-sm,0 1px 3px 0 rgba(0,0,0,.12))} .usb--selectablecard:not(.is-disabled) .usb--checkbox-input:checked+.usb--checkbox-svg svg{display:block;border:none;background:#235ae4;background:var(--token-background-brand-interaction,#235ae4);fill:#fff;fill:var(--token-background-primary,#fff)} .usb--selectablecard:not(.is-disabled) .usb--checkbox-input:checked+.usb--checkbox-svg .usb-icon{border:none} .usb--selectablecard:not(.is-disabled).is-error .usb--checkbox-input:checked+.usb--checkbox-svg .usb-icon{border:2px solid #be1324;border:2px solid var(--token-color-error-msg,#be1324)} .usb--selectablecard:not(.is-disabled).is-error:hover .usb--checkbox-input:checked+.usb--checkbox-svg .usb-icon{border:2px solid #235ae4;border:2px solid var(--token-background-brand-interaction,#235ae4)} .usb--selectablecard.is-error:not(.is-disabled),.usb--selectablecard:active:not(.is-disabled),.usb--selectablecard:focus-within:not(.is-disabled){margin:0;border:2px solid #235ae4;border:2px solid var(--token-background-brand-interaction,#235ae4);border-radius:12px} .usb--selectablecard.is-error:not(.is-disabled) .usb--selectablecard-body,.usb--selectablecard:active:not(.is-disabled) .usb--selectablecard-body,.usb--selectablecard:focus-within:not(.is-disabled) .usb--selectablecard-body{border-color:transparent} .usb--selectablecard:focus-within:not(.is-disabled) .usb--checkbox-svg:after,.usb--selectablecard:focus-within:not(.is-disabled) .usb--radio-input:after{content:"";display:block;position:absolute;top:-.375rem;left:-.375rem;width:1.75rem;height:1.75rem;border:2px solid #235ae4;border:2px solid var(--token-background-brand-interaction,#235ae4);border-radius:4px} .usb--selectablecard:focus-within:not(.is-disabled) .usb--checkbox-svg:after{top:.75rem;left:.75rem} .usb--selectablecard.is-error:not(.is-disabled){border-color:#be1324;border-color:var(--token-color-error-msg,#be1324)} .usb--selectablecard.is-error:not(.is-disabled) .usb--radio-input{border:2px solid #be1324;border:2px solid var(--token-color-error-msg,#be1324)} .usb--selectablecard.is-error:not(.is-disabled) .usb--radio-input:hover{border:2px solid #235ae4;border:2px solid var(--token-background-brand-interaction,#235ae4)} .usb--selectablecard.is-error:not(.is-disabled) .usb--radio-input:checked:before{background-color:#be1324;background-color:var(--token-color-error-msg,#be1324)} .usb--selectablecard.is-error:not(.is-disabled) .usb--checkbox-svg .usb-icon{border:2px solid #be1324;border:2px solid var(--token-color-error-msg,#be1324)} .usb--selectablecard.is-error:not(.is-disabled) .usb--checkbox-svg .usb-icon svg{background:transparent;fill:#be1324;fill:var(--token-color-error-msg,#be1324);margin-top:-1px;margin-left:-2px} .usb--selectablecard.is-disabled{pointer-events:none} .usb--selectablecard.is-disabled .usb--radio-input{border:2px solid #cdd1e2;border:2px solid var(--token-color-grey-30,#cdd1e2);background-color:#cdd1e2;background-color:var(--token-color-grey-30,#cdd1e2)} .usb--selectablecard.is-disabled .usb--radio-input:before{display:none} .usb--selectablecard.is-disabled .usb--checkbox-svg .usb-icon{border:1px solid #cdd1e2;border:1px solid var(--token-color-grey-30,#cdd1e2);background-color:#cdd1e2;background-color:var(--token-color-grey-30,#cdd1e2)} .usb--selectablecard.is-read-only{pointer-events:none} .usb--selectablecard.is-read-only .usb--radio-input{border:2px solid #cdd1e2;border:2px solid var(--token-color-grey-30,#cdd1e2);background-color:#cdd1e2;background-color:var(--token-color-grey-30,#cdd1e2)} .usb--selectablecard.is-read-only .usb--radio-input:before{display:none} .usb--selectablecard.is-read-only .usb--checkbox-svg .usb-icon{border:1px solid #cdd1e2;border:1px solid var(--token-color-grey-30,#cdd1e2);background-color:#cdd1e2;background-color:var(--token-color-grey-30,#cdd1e2)} .usb--selectablecard.horizontal-illustration,.usb--selectablecard.horizontal-image{display:flex;flex-direction:column;justify-content:center} .usb--selectablecard.horizontal-illustration .usb--selectablecard-body,.usb--selectablecard.horizontal-image .usb--selectablecard-body{padding:1rem 3rem 1rem 6.625rem;min-height:5.625rem;display:flex;flex-direction:column;justify-content:center} .usb--selectablecard.horizontal-illustration .usb--checkbox-svg,.usb--selectablecard.horizontal-illustration input,.usb--selectablecard.horizontal-image .usb--checkbox-svg,.usb--selectablecard.horizontal-image input{position:absolute;right:0;top:50%;margin-top:-.65rem;left:unset} .usb--selectablecard.horizontal-illustration input[type=checkbox],.usb--selectablecard.horizontal-image input[type=checkbox]{margin-top:-1.4rem} .usb--selectablecard.horizontal-illustration .usb--checkbox-svg,.usb--selectablecard.horizontal-image .usb--checkbox-svg{margin-top:-1.6rem} .usb--selectablecard.horizontal-illustration .usb--selectablecard-image,.usb--selectablecard.horizontal-image .usb--selectablecard-image{position:absolute;left:0;top:0;width:5.525rem;height:100%;border-top-left-radius:10px;border-bottom-left-radius:10px;overflow:hidden} .usb--selectablecard.horizontal-illustration .usb--selectablecard-image img,.usb--selectablecard.horizontal-image .usb--selectablecard-image img{width:100%;height:100%;object-fit:cover} .usb--selectablecard.usb--selectablecard.horizontal-image .usb--selectablecard-helper{font-size:1rem;font-size:var(--token-font-size-base,1rem)} .usb--selectablecard.horizontal-illustration .usb--selectablecard-image{padding:0 0 0 1rem;width:6.5rem} .usb--selectablecard.horizontal-illustration .usb--selectablecard-image svg{width:100%;height:100%} .usb--selectablecard.horizontal-illustration .usb--selectablecard-body{padding-left:7.625rem} .usb--selectablecard.vertical-illustration,.usb--selectablecard.vertical-image{display:flex;flex-direction:column} .usb--selectablecard.vertical-illustration .usb--checkbox-svg,.usb--selectablecard.vertical-illustration input,.usb--selectablecard.vertical-image .usb--checkbox-svg,.usb--selectablecard.vertical-image input{position:absolute;top:12.75rem;left:.125rem} .usb--selectablecard.vertical-illustration .usb--selectablecard-body,.usb--selectablecard.vertical-image .usb--selectablecard-body{padding-bottom:1.5rem} .usb--selectablecard.vertical-illustration .usb--selectablecard-body label,.usb--selectablecard.vertical-image .usb--selectablecard-body label{display:flex;flex-direction:column} .usb--selectablecard.vertical-illustration .usb--selectablecard-image,.usb--selectablecard.vertical-image .usb--selectablecard-image{width:calc(100% + 2px);margin:-1px 0 0 -1px;border-top-left-radius:10px;border-top-right-radius:10px;order:-1;height:12.125rem;overflow:hidden} .usb--selectablecard.vertical-illustration .usb--selectablecard-image img,.usb--selectablecard.vertical-image .usb--selectablecard-image img{width:100%} .usb--selectablecard.vertical-illustration .usb--selectablecard-helper,.usb--selectablecard.vertical-illustration .usb--selectablecard-labeltext,.usb--selectablecard.vertical-image .usb--selectablecard-helper,.usb--selectablecard.vertical-image .usb--selectablecard-labeltext{margin-left:3.3rem;margin-right:1rem} .usb--selectablecard.vertical-illustration .usb--selectablecard-labeltext,.usb--selectablecard.vertical-image .usb--selectablecard-labeltext{margin-top:1.5rem} .usb--selectablecard.vertical-image .usb--selectablecard-image{display:flex;flex-direction:column;justify-content:center} .usb--selectablecard.vertical-illustration .usb--checkbox-svg,.usb--selectablecard.vertical-illustration input{top:0;right:0;left:unset} .usb--selectablecard.vertical-illustration .usb--selectablecard-image{padding:1rem;height:6.5rem;text-align:center} .usb--selectablecard.vertical-illustration .usb--selectablecard-image img,.usb--selectablecard.vertical-illustration .usb--selectablecard-image svg{width:5.5rem} .usb--selectablecard.vertical-illustration .usb--selectablecard-helper,.usb--selectablecard.vertical-illustration .usb--selectablecard-labeltext{margin-left:1rem;text-align:center;display:block} .usb--selectablecard.vertical-illustration .usb--selectablecard-labeltext{margin-top:.5rem;font-size:1rem;font-size:var(--token-font-size-base,1rem)} .usb-calendar{background-color:#fff;background-color:var(--calendar-container-background-color,#fff);padding:1.25rem 1rem;padding:var(--token-spacing-5,1.25rem) var(--token-spacing-4,1rem);position:relative;width:100%} .usb-calendar.show-border{border:1px solid #cdd1e2;border:var(--token-border-width-default,1px) solid var(--token-border-base,#cdd1e2);border-radius:.25rem;border-radius:var(--token-rounded-sm,.25rem);box-shadow:0 4px 6px -1px rgba(0,0,0,.12),0 2px 4px -1px rgba(0,0,0,.12);box-shadow:var(--token-shadow-md,0 4px 6px -1px rgba(0,0,0,.12),0 2px 4px -1px rgba(0,0,0,.12))} .usb-calendar[role=dialog]{border-bottom-left-radius:.25rem;border-bottom-left-radius:var(--token-rounded-sm,.25rem);border-bottom-right-radius:.25rem;border-bottom-right-radius:var(--token-rounded-sm,.25rem);border:1px solid #cdd1e2;border:var(--token-border-width-default,1px) solid var(--token-border-base,#cdd1e2);border-top:none;box-shadow:0 .5rem .5rem 0 rgba(0,0,0,.15);box-shadow:var(--token-spacing-0,0) var(--token-spacing-2,.5rem) var(--token-spacing-2,.5rem) var(--token-spacing-0,0) rgba(0,0,0,.15);position:absolute;left:calc(1px*-1);left:calc(var(--token-spacing-xs, 1px)*-1);top:calc(100% + 1px);top:calc(100% + var(--token-spacing-xs, 1px));width:calc(100% + 2px);width:calc(100% + var(--token-spacing-small, 2px));z-index:2} .usb-calendar>*{font-family:Circular-USB,sans-serif;font-family:var(--token-font-base,Circular-USB,sans-serif);font-size:1rem;font-size:var(--token-font-size-base,1rem)} .usb-calendar_header{width:100%} .usb-calendar .usb-month_year--button,.usb-calendar_header{display:flex;align-items:center;justify-content:space-between} .usb-calendar .usb-month_year--button{background:transparent;border:none;border-radius:.25rem;border-radius:var(--token-rounded-sm,.25rem);color:#484861;color:var(--token-text-color-secondary,#484861);font-family:Circular-USB,sans-serif;font-family:var(--token-font-base,Circular-USB,sans-serif);font-size:1rem;font-size:var(--token-font-size-base,1rem);line-height:1.5;line-height:var(--token-line-height-3xl,1.5);outline:none;padding:.5rem;padding:var(--token-spacing-2,.5rem);position:relative} .usb-calendar .usb-month_year--button:focus:before{border:2px solid #235ae4;border:2px solid var(--token-border-interaction,#235ae4);border-radius:.25rem;border-radius:var(--token-rounded-sm,.25rem);content:"";height:calc(100% + .75rem);height:calc(100% + var(--token-spacing-3, .75rem));position:absolute;left:-.375rem;top:-.375rem;width:calc(100% + .75rem);width:calc(100% + var(--token-spacing-3, .75rem))} .usb-calendar .usb-month_year--button:hover{background:linear-gradient(-180deg,#0058ff,#0058ff);background:var(--token-background-gradient-primary-hover,linear-gradient(-180deg,#0058ff,#0058ff));color:#fff;color:var(--token-text-color-inverse-primary,#fff)} .usb-calendar .usb-month_year--button:hover .usb-icon{fill:#fff;fill:var(--calendar-hover-chevron-down-icon-fill-color,#fff)} .usb-calendar .usb-month_year--button:active{background:linear-gradient(-180deg,#001e79,#001e79);background:var(--token-background-gradient-primary-active,linear-gradient(-180deg,#001e79,#001e79));color:hsla(0,0%,100%,.78);color:var(--token-text-color-interaction-active,hsla(0,0%,100%,.78))} .usb-calendar .usb-month_year--button:active .usb-icon{fill:hsla(0,0%,100%,.78);fill:var(--calendar-active-chevron-down-icon-fill-color,hsla(0,0%,100%,.78))} .usb-calendar .usb-month_year--button .usb-icon{display:block;height:1.25rem;height:var(--token-spacing-5,1.25rem);margin-left:.5rem;margin-left:var(--token-spacing-2,.5rem);width:1.25rem;width:var(--token-spacing-5,1.25rem)} .usb-calendar .usb-month_year--button .usb-icon>svg{transition:transform .25s ease-in-out;transition:transform var(--token-timing-default-ease-in-out,.25s ease-in-out)} .usb-calendar .usb-month_year--button[aria-expanded=true] .usb-icon>svg{transform:rotateX(180deg)} .usb-calendar .usb-month_year--panel{display:flex;align-items:flex-start;justify-content:space-between;width:100%} .usb-calendar .usb-month_year--panel fieldset{max-height:calc(6rem*2 + 1rem*2);max-height:calc(var(--token-spacing-24, 6rem)*2 + var(--token-spacing-4, 1rem)*2)} .usb-calendar .usb-month_year--panel fieldset>div{padding-top:1rem;padding-top:var(--token-spacing-4,1rem);position:relative} .usb-calendar .usb-month_year--panel fieldset>div>div{display:flex;align-items:center;justify-content:center} .usb-calendar .usb-month_year--panel fieldset>div>div.is-today{position:relative} .usb-calendar .usb-month_year--panel fieldset>div>div.is-today:after{background-color:#235ae4;background-color:var(--token-background-brand-interaction,#235ae4);border-radius:50%;border:2px solid #fff;border:var(--token-border-width-large,2px) solid var(--token-border-inverse,#fff);content:"";height:.75rem;height:var(--token-spacing-3,.75rem);width:.75rem;width:var(--token-spacing-3,.75rem);position:absolute;bottom:calc(1rem*-1);bottom:calc(var(--token-spacing-4, 1rem)*-1);left:50%;transform:translateX(-50%);bottom:calc(.25rem*-1);bottom:calc(var(--token-spacing-1, .25rem)*-1)} .usb-calendar .usb-month_year--panel fieldset input{-moz-appearance:none;appearance:none;-webkit-appearance:none;background-color:initial;border-color:transparent;height:100%;outline:none;position:absolute;left:0;right:0;width:100%} .usb-calendar .usb-month_year--panel fieldset input::-ms-check{background-color:initial;border:none;color:transparent} .usb-calendar .usb-month_year--panel fieldset input:hover:not(:disabled)+label{border-color:#235ae4;border-color:var(--token-border-interaction,#235ae4)} .usb-calendar .usb-month_year--panel fieldset input:checked:not(:disabled)+label{background-color:#235ae4;background-color:var(--token-background-brand-interaction,#235ae4);border-color:#235ae4;border-color:var(--token-border-interaction,#235ae4);color:#fff;color:var(--token-text-color-inverse-primary,#fff)} .usb-calendar .usb-month_year--panel fieldset input:active:not(:disabled)+label{background-color:#001e79;background-color:var(--token-background-brand-primary,#001e79);border-color:#001e79;border-color:var(--token-border-brand,#001e79);color:hsla(0,0%,100%,.78);color:var(--token-text-color-interaction-active,hsla(0,0%,100%,.78))} .usb-calendar .usb-month_year--panel fieldset input:disabled{cursor:not-allowed} .usb-calendar .usb-month_year--panel fieldset input:disabled+label{color:#63637f;color:var(--token-text-color-tertiary,#63637f);cursor:not-allowed} .usb-calendar .usb-month_year--panel fieldset input+label{color:#2d2d3e;color:var(--token-text-color-primary,#2d2d3e);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1rem;font-size:var(--token-font-size-base,1rem);font-weight:500;font-weight:var(--token-font-weight-med,500);line-height:1.5;line-height:var(--token-line-height-3xl,1.5);position:relative;transition:background-color .25s ease,border-color .25s ease,color .25s ease;transition:background-color var(--token-timing-default-ease,.25s ease),border-color var(--token-timing-default-ease,.25s ease),color var(--token-timing-default-ease,.25s ease);z-index:1} .usb-calendar .usb-month_year--panel_months{display:flex;flex-wrap:wrap;position:relative;width:100%} @media (-ms-high-contrast:active),(-ms-high-contrast:none){.usb-calendar .usb-month_year--panel_months{width:auto}} .usb-calendar .usb-month_year--panel_months:after{background-color:#cdd1e2;background-color:var(--token-color-divider-light-background,#cdd1e2);content:"";height:calc(100% - 2.5rem);height:calc(100% - var(--token-spacing-10, 2.5rem));position:absolute;right:0;top:1.75rem;top:var(--token-spacing-7,1.75rem);width:1px;width:var(--token-spacing-xs,1px)} .usb-calendar .usb-month_year--panel_months--container{width:33.3333333333%} .usb-calendar .usb-month_year--panel_months--container_content{height:2.5rem;height:var(--token-spacing-10,2.5rem);position:relative;width:2.5rem;width:var(--token-spacing-10,2.5rem)} .usb-calendar .usb-month_year--panel_months--container_content input:not(:disabled)+label{background-color:initial;border:1px solid transparent;border:var(--token-border-width-default,1px) solid transparent;border-radius:100%;content:"";height:2.5rem;height:var(--token-spacing-10,2.5rem);position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);transition:border-color .25s ease,background-color unqupte(.25s ease);transition:border-color var(--token-timing-default-ease,.25s ease),background-color unqupte(var(--token-timing-default-ease,.25s ease));width:2.5rem;width:var(--token-spacing-10,2.5rem);z-index:0;width:calc(3rem + .5rem);width:calc(var(--token-spacing-12, 3rem) + var(--token-spacing-2, .5rem));border-radius:1.25rem;border-radius:var(--token-spacing-5,1.25rem)} .usb-calendar .usb-month_year--panel_months--container_content.is-focused:before{border:2px solid #235ae4;border:var(--token-border-width-large,2px) solid var(--token-border-interaction,#235ae4);border-radius:.25rem;border-radius:var(--token-rounded-sm,.25rem);content:"";height:3rem;height:var(--token-spacing-12,3rem);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:calc(3rem + 1rem);width:calc(var(--token-spacing-12, 3rem) + var(--token-spacing-4, 1rem));z-index:2} .usb-calendar .usb-month_year--panel_years{padding-left:1.25rem;padding-left:var(--token-spacing-5,1.25rem);padding-right:.25rem;padding-right:var(--token-spacing-1,.25rem)} .usb-calendar .usb-month_year--panel_years--container_content{height:2.5rem;height:var(--token-spacing-10,2.5rem);position:relative;width:calc(3rem + .5rem);width:calc(var(--token-spacing-12, 3rem) + var(--token-spacing-2, .5rem))} .usb-calendar .usb-month_year--panel_years--container_content input:not(:disabled)+label{background-color:initial;border:1px solid transparent;border:var(--token-border-width-default,1px) solid transparent;border-radius:100%;content:"";height:2.5rem;height:var(--token-spacing-10,2.5rem);position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);transition:border-color .25s ease,background-color unqupte(.25s ease);transition:border-color var(--token-timing-default-ease,.25s ease),background-color unqupte(var(--token-timing-default-ease,.25s ease));width:calc(3rem + .5rem);width:calc(var(--token-spacing-12, 3rem) + var(--token-spacing-2, .5rem));z-index:0;border-radius:1.25rem;border-radius:var(--token-spacing-5,1.25rem)} .usb-calendar .usb-month_year--panel_years--container_content.is-focused:before{border:2px solid #235ae4;border:var(--token-border-width-large,2px) solid var(--token-border-interaction,#235ae4);border-radius:.25rem;border-radius:var(--token-rounded-sm,.25rem);content:"";height:3rem;height:var(--token-spacing-12,3rem);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:calc(3rem + 1rem);width:calc(var(--token-spacing-12, 3rem) + var(--token-spacing-4, 1rem));z-index:2} .usb-calendar_pagination .usb-button{margin:0 .25rem;margin:0 var(--token-spacing-1,.25rem);padding:.25rem;padding:var(--token-spacing-1,.25rem);background-color:#fff;background-color:var(--calendar-container-background-color,#fff)} .usb-calendar_pagination .usb-button .usb-icon{margin:0;color:#2d2d3e;color:var(--calendar-text-color,#2d2d3e)} .usb-calendar_pagination .usb-button:hover{background:linear-gradient(-180deg,#0058ff,#0058ff);background:var(--token-background-gradient-primary-hover,linear-gradient(-180deg,#0058ff,#0058ff))} .usb-calendar_pagination .usb-button:hover,.usb-calendar_pagination .usb-button:hover span{color:#fff;color:var(--token-text-color-inverse-primary,#fff)} .usb-calendar_pagination .usb-button:active{background:linear-gradient(-180deg,#001e79,#001e79);background:var(--token-background-gradient-primary-active,linear-gradient(-180deg,#001e79,#001e79));color:hsla(0,0%,100%,.78);color:var(--token-text-color-interaction-active,hsla(0,0%,100%,.78))} .usb-calendar_pagination .usb-button:active .usb-icon{fill:hsla(0,0%,100%,.78);fill:var(--calendar-active-pagination-arrow-icon-color,hsla(0,0%,100%,.78))} .usb-calendar_pagination .usb-button.button--text{padding:0} .usb-calendar_pagination .usb-button.button--text:focus:after{height:calc(100% + .5rem);left:-.25rem;top:-.25rem;width:calc(100% + .5rem)} .usb-calendar_pagination .usb-button.button--text,.usb-calendar_pagination .usb-button.button--text .usb-icon{margin:0;color:#484861;color:var(--token-text-color-secondary,#484861)} .usb-calendar_pagination .usb-button.button--text:first-of-type{margin-right:1.5rem;margin-right:var(--token-spacing-6,1.5rem)} .usb-calendar_pagination .usb-button.button--text:not(:hover):not(:active) .usb-icon{color:#484861;color:var(--calendar-pagination-arrow-icon-fill-color,#484861)} .usb-calendar_pagination .usb-button.button--text.sibling-disabled{margin-right:calc(3rem + .25rem);margin-right:calc(var(--token-spacing-12, 3rem) + var(--token-spacing-1, .25rem))} .usb-calendar_pagination .usb-button.button--text.is-disabled{display:none} .usb-calendar .usb-day_picker{padding-top:1.5rem;padding-top:var(--token-spacing-6,1.5rem);width:100%} .usb-calendar .usb-day_picker--header tr>th{color:#484861;color:var(--token-text-color-secondary,#484861);font-size:.75rem;font-size:var(--token-font-size-xs,.75rem);font-weight:400;font-weight:var(--token-font-weight-reg,400);line-height:1.5;line-height:var(--token-line-height-3xl,1.5);padding-bottom:1rem;padding-bottom:var(--token-spacing-4,1rem);width:14.2857142857%} .usb-calendar .usb-day_picker--header tr>th.is-disabled{color:#63637f;color:var(--token-text-color-tertiary,#63637f)} .usb-calendar .usb-day_picker--body_cell{border:.5rem solid transparent;border:var(--token-spacing-2,.5rem) solid var(--token-border-transparent,transparent);border-bottom-width:.75rem;border-bottom-width:var(--token-spacing-3,.75rem);border-left-width:0;border-left-width:var(--token-spacing-0,0);border-right-width:0;border-right-width:var(--token-spacing-0,0);padding:.5rem;padding:var(--token-spacing-2,.5rem);position:relative;text-align:center} .usb-calendar .usb-day_picker--body_cell:after{background-color:initial;border:1px solid transparent;border:var(--token-border-width-default,1px) solid transparent;border-radius:100%;content:"";height:2.5rem;height:var(--token-spacing-10,2.5rem);position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);transition:border-color .25s ease,background-color unqupte(.25s ease);transition:border-color var(--token-timing-default-ease,.25s ease),background-color unqupte(var(--token-timing-default-ease,.25s ease));width:2.5rem;width:var(--token-spacing-10,2.5rem);z-index:0} .usb-calendar .usb-day_picker--body_cell.is-selected.is-disabled:after,.usb-calendar .usb-day_picker--body_cell.is-selected:after{background-color:#235ae4;background-color:var(--token-background-brand-interaction,#235ae4)} .usb-calendar .usb-day_picker--body_cell.is-selected.is-disabled span,.usb-calendar .usb-day_picker--body_cell.is-selected span{color:#fff;color:var(--token-text-color-inverse-primary,#fff)} .usb-calendar .usb-day_picker--body_cell:hover:not(.is-disabled):after{border-color:#235ae4;border-color:var(--calender-hover-text-border-color,#235ae4)} .usb-calendar .usb-day_picker--body_cell:focus{outline:none} .usb-calendar .usb-day_picker--body_cell:focus:before{border:2px solid #235ae4;border:var(--token-border-width-large,2px) solid var(--token-border-interaction,#235ae4);border-radius:.25rem;border-radius:var(--token-rounded-sm,.25rem);content:"";height:3rem;height:var(--token-spacing-12,3rem);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:3rem;width:var(--token-spacing-12,3rem);z-index:2} .usb-calendar .usb-day_picker--body_cell:active:not(.is-disabled):after{background-color:#001e79;background-color:var(--token-background-brand-primary,#001e79);border-color:#001e79;border-color:var(--token-border-brand,#001e79)} .usb-calendar .usb-day_picker--body_cell:active:not(.is-disabled) span{color:hsla(0,0%,100%,.78);color:var(--calendar-active-text-color,hsla(0,0%,100%,.78))} .usb-calendar .usb-day_picker--body_cell span{color:#2d2d3e;color:var(--calendar-text-color,#2d2d3e);font-size:1rem;font-size:var(--token-font-size-base,1rem);font-weight:500;font-weight:var(--token-font-weight-med,500);line-height:1.5;line-height:var(--token-line-height-3xl,1.5);letter-spacing:normal;letter-spacing:var(--token-letter-spacing-base,normal);position:relative;transition:color .25s ease;transition:color var(--token-timing-default-ease,.25s ease);z-index:1} .usb-calendar .usb-day_picker--body_cell.is-today span{position:relative} .usb-calendar .usb-day_picker--body_cell.is-today span:after{background-color:#235ae4;background-color:var(--token-background-brand-interaction,#235ae4);border-radius:50%;border:2px solid #fff;border:var(--token-border-width-large,2px) solid var(--token-border-inverse,#fff);content:"";height:.75rem;height:var(--token-spacing-3,.75rem);width:.75rem;width:var(--token-spacing-3,.75rem);position:absolute;bottom:calc(1rem*-1);bottom:calc(var(--token-spacing-4, 1rem)*-1);left:50%;transform:translateX(-50%);background-color:var(--calendar-icon-dot-background-color,#235ae4)} .usb-calendar .usb-day_picker--body_cell.is-disabled{cursor:not-allowed} .usb-calendar .usb-day_picker--body_cell.is-disabled span{color:#63637f;color:var(--calendar-disabled-text-color,#63637f)} .usb-calendar .usb-day_picker--body_cell.is-in-range{background-color:#eef6ff;background-color:var(--calendar-date-range-background-color,#eef6ff)} .usb-calendar .usb-day_picker--body_cell.range-start{background:linear-gradient(90deg,#fff 50%,#eef6ff 0);background:linear-gradient(90deg,var(--token-background-primary,#fff) 50%,var(--token-background-quaternary,#eef6ff) 0)} .usb-calendar .usb-day_picker--body_cell.range-end{background:linear-gradient(90deg,#eef6ff 50%,#fff 0);background:linear-gradient(90deg,var(--token-background-quaternary,#eef6ff) 50%,var(--token-background-primary,#fff) 0)} .usb-calendar_toggletip{background-color:#235ae4;background-color:var(--calendar-help-corner-background-color,#235ae4);border:none;border-radius:.25rem;border-radius:var(--token-rounded-sm,.25rem);height:2rem;height:var(--token-spacing-8,2rem);position:absolute;bottom:0;right:0;width:2rem;width:var(--token-spacing-8,2rem);z-index:0} .usb-calendar_toggletip:after{border-bottom:2rem solid transparent;border-bottom:var(--token-spacing-8,2rem) solid transparent;border-top:2rem solid #fff;border-top:var(--token-spacing-8,2rem) solid #fff;border-right:2rem solid transparent;border-right:var(--token-spacing-8,2rem) solid transparent;content:"";height:0;width:0;position:absolute;top:0;left:0} .usb-calendar_toggletip:hover{background:linear-gradient(-180deg,#0058ff,#0058ff);background:var(--token-background-gradient-primary-hover,linear-gradient(-180deg,#0058ff,#0058ff));color:#fff;color:var(--token-text-color-inverse-primary,#fff)} .usb-calendar_toggletip:active{background:linear-gradient(-180deg,#001e79,#001e79);background:var(--token-background-gradient-primary-active,linear-gradient(-180deg,#001e79,#001e79))} .usb-calendar_toggletip:active,.usb-calendar_toggletip:active span{color:hsla(0,0%,100%,.78);color:var(--token-text-color-interaction-active,hsla(0,0%,100%,.78))} .usb-calendar_toggletip--button{background-color:initial;border:none;border-bottom-right-radius:.25rem;border-bottom-right-radius:var(--token-rounded-sm,.25rem);color:#fff;color:var(--token-text-color-inverse-primary,#fff);font-family:Circular-USB,sans-serif;font-family:var(--token-font-base,Circular-USB,sans-serif);font-size:.875rem;font-size:var(--token-font-size-sm,.875rem);outline:none;padding:0;position:relative;height:2rem;height:var(--token-spacing-8,2rem);width:2rem;width:var(--token-spacing-8,2rem);z-index:1} .usb-calendar_toggletip--button>span{position:absolute;right:.25rem;right:var(--token-spacing-1,.25rem);bottom:calc(.25rem/2);bottom:calc(var(--token-spacing-1, .25rem)/2)} .usb-calendar_toggletip--button:focus:after{border:2px solid #235ae4;border:var(--token-border-width-large,2px) solid var(--token-border-interaction,#235ae4);border-radius:.25rem;border-radius:var(--token-rounded-sm,.25rem);content:"";height:2rem;height:var(--token-spacing-8,2rem);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:2rem;width:var(--token-spacing-8,2rem);z-index:2} .usb-calendar_accessibility-info{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:calc(100% - 2rem);width:calc(100% - var(--token-spacing-8, 2rem));z-index:2} .usb-calendar_accessibility-info--container{background-color:#fff;background-color:var(--token-background-primary,#fff);border:1px solid #7a7a95;border:var(--token-border-width-default,1px) solid var(--token-border-input,#7a7a95);border-radius:.25rem;border-radius:var(--token-rounded-sm,.25rem);padding:1rem;padding:var(--token-spacing-4,1rem)} .usb-calendar_accessibility-info--container>h2{color:#2d2d3e;color:var(--token-text-color-primary,#2d2d3e);font-family:Circular-USB,sans-serif;font-family:var(--token-font-base,Circular-USB,sans-serif);font-weight:500;font-weight:var(--token-font-weight-med,500);font-size:.875rem;font-size:var(--token-font-size-sm,.875rem);line-height:1.5;line-height:var(--token-line-height-3xl,1.5);margin-bottom:.5rem;margin-bottom:var(--token-spacing-2,.5rem)} .usb-calendar_accessibility-info--container ul{list-style:none} .usb-calendar_accessibility-info--container ul>li{display:flex;align-items:center;justify-content:flex-start} .usb-calendar_accessibility-info--container ul>li:not(:last-of-type){margin-bottom:.5rem;margin-bottom:var(--token-spacing-2,.5rem)} .usb-calendar_accessibility-info--container ul>li .usb-calendar_accessibility-info--key,.usb-calendar_accessibility-info--container ul>li span[role=img]{display:flex;align-items:center;justify-content:center;gap:2px;gap:var(--token-spacing-small,2px)} .usb-calendar_accessibility-info--container ul>li .usb-calendar_accessibility-info--key kbd,.usb-calendar_accessibility-info--container ul>li span[role=img] kbd{background-color:#f1f5fb;background-color:var(--token-background-secondary,#f1f5fb);color:#2d2d3e;color:var(--token-text-color-primary,#2d2d3e);display:flex;font-family:Circular-USB,sans-serif;font-family:var(--token-font-base,Circular-USB,sans-serif);font-size:.875rem;font-size:var(--token-font-size-sm,.875rem);height:1.25rem;height:var(--token-spacing-5,1.25rem);border-radius:.25rem;border-radius:var(--token-spacing-1,.25rem);min-width:1.25rem;min-width:var(--token-spacing-5,1.25rem);padding:.25rem;padding:var(--token-spacing-1,.25rem);text-align:center;white-space:nowrap;align-items:center;justify-content:center;width:auto} .usb-calendar_accessibility-info--container ul>li .usb-calendar_accessibility-info--key .d-flex_arrows,.usb-calendar_accessibility-info--container ul>li span[role=img] .d-flex_arrows{display:flex;align-items:center} .usb-calendar_accessibility-info--container ul>li p{color:#484861;color:var(--token-text-color-secondary,#484861);font-family:Circular-USB,sans-serif;font-family:var(--token-font-base,Circular-USB,sans-serif);font-size:.875rem;font-size:var(--token-font-size-sm,.875rem);margin-left:.5rem;margin-left:var(--token-spacing-2,.5rem)} .usb-calendar .sr-only{position:absolute;width:1px;width:var(--token-spacing-xs,1px);height:1px;height:var(--token-spacing-xs,1px);padding:0;padding:var(--token-spacing-0,0);margin:calc(1px*-1);margin:calc(var(--token-spacing-xs, 1px)*-1);overflow:hidden;clip:rect(0,0,0,0);border:0} .usb-list-item{display:flex;justify-content:space-between;min-height:var(--token-spacing-14,3.5rem);padding-top:var(--token-spacing-4,1rem);padding-bottom:var(--token-spacing-4,1rem);color:var(--token-color-grey-70,#63637f)} .usb-list-item.border{border-bottom:2px solid var(--token-color-grey-30,#cdd1e2)} .usb-list-item.use-icon{min-height:var(--token-spacing-16,4rem)} .usb-list-item-icon{margin-top:auto;margin-bottom:auto;margin-right:var(--token-spacing-3,.75rem)} .usb-list-item-icon.top-align{margin-top:unset;margin-bottom:unset} .usb-list-left-side{display:flex;margin-left:var(--token-spacing-4,1rem);min-width:50%} .usb-list-right-side{display:flex;justify-content:flex-end;padding-right:var(--token-spacing-4,1rem);padding-left:var(--token-spacing-2,.5rem);min-width:50%} .usb-list-text-block{display:flex;flex-direction:column;margin-top:auto;margin-bottom:auto} .usb-list-text-block.top-align{margin-top:var(--token-spacing-1,.25rem);margin-bottom:unset} .usb-list-text-block.right-align{text-align:right;margin-right:var(--token-spacing-4,1rem);margin-top:.4rem} .usb-list-top-left-line{font-size:var(--token-font-size-base,1rem);line-height:var(--token-spacing-6,1.5rem)} .usb-list-line-text{font-size:var(--token-font-size-sm,.875rem);line-height:var(--token-spacing-5,1.25rem)} .usb-list-item-container{margin-top:auto;margin-bottom:auto} .usb-list-item-container.top-align{margin-top:unset;margin-bottom:unset} .prevent-scroll{touch-action:none;-webkit-overflow-scrolling:none;overflow:hidden;overscroll-behavior:none} .usb-modal-v2{position:fixed;top:var(--token-rounded-square,0);right:var(--token-rounded-square,0);bottom:var(--token-rounded-square,0);left:var(--token-rounded-square,0);z-index:9990;background:rgba(0,0,0,.7);display:flex;justify-content:center;align-items:center} .usb-modal-v2 .usb-modal-v2--container{box-shadow:0 4px 6px rgba(0,0,0,.12),0 2px 4px rgba(0,0,0,.12);border-radius:var(--token-rounded-square,0);transform:scale(1) perspective(0) translate(0) rotateX(0deg);opacity:1;max-height:75vh;background:var(--token-background-primary,#fff)} @media only screen and (min-width:42rem){.usb-modal-v2 .usb-modal-v2--container{border-radius:var(--token-rounded-md,.5rem)}} .usb-modal-v2--no-overlay{background-color:initial} .usb-modal-v2--dialog{height:100vh;height:-webkit-fill-available;max-width:100vw;max-height:100vh;position:relative;width:100vw;z-index:9990} @media only screen and (min-width:900px){.usb-modal-v2--dialog{height:auto;width:60vw;max-width:37rem}} @media only screen and (min-width:770px) and (max-width:899px){.usb-modal-v2--dialog{height:auto;width:70vw}} @media only screen and (min-width:672px) and (max-width:769px){.usb-modal-v2--dialog{height:auto;width:80vw}} .usb-modal-v2--close{cursor:pointer;display:flex;justify-content:flex-end} .usb-modal-v2--close .usb-button{cursor:pointer;padding:var(--token-spacing-0,0)!important;margin:var(--token-spacing-0,0)!important;top:var(--token-spacing-4,1rem)!important;right:var(--token-spacing-4,1rem)!important;height:-moz-fit-content;height:fit-content;align-self:center;align-self:flex-end;width:-moz-min-content;width:min-content} .usb-modal-v2--close .usb-button .usb-icon{margin-right:var(--token-spacing-0,0)!important} .usb-modal-v2--close .usb-button svg{color:var(--modal-close-icon-fill-color,#484861)} .usb-modal-v2--close .usb-button:hover{background:var(--token-background-primary,#fff)} .usb-modal-v2--container{border:1px solid var(--modal-border-color,#ebeff6);border-radius:var(--token-rounded-md,.5rem);display:flex;flex-direction:column;align-content:center;justify-content:flex-start;font-family:var(--token-font-base,Circular-USB,sans-serif);max-width:100vw;min-width:30vw;position:relative;opacity:var(--token-spacing-0,0);will-change:transform;will-change:opacity;transition:transform var(--token-timing-moderate-ease,.5s ease),opacity var(--token-timing-moderate-ease,.5s ease);transform:scale(1) perspective(0) translate(0) rotateX(0deg);perspective:4;width:100%;min-height:100vh;min-height:-webkit-fill-available} @media only screen and (min-width:42rem){.usb-modal-v2--container{max-width:80vw;height:auto;min-height:auto;min-height:-webkit-fit-content}} .usb-modal-v2--header{display:flex;flex-shrink:var(--token-spacing-0,0);justify-content:space-between;width:100%;padding:var(--token-spacing-2,.5rem) var(--token-spacing-4,1rem) var(--token-spacing-0,0) var(--token-spacing-4,1rem);margin-bottom:var(--token-spacing-4,1rem)} @media screen and (min-width:42rem){.usb-modal-v2--header{padding:var(--token-spacing-2,.5rem) var(--token-spacing-10,2.5rem) var(--token-spacing-0,0) var(--token-spacing-10,2.5rem);margin-bottom:var(--token-spacing-4,1rem)}} .usb-modal-v2--header h1{float:"left";margin:var(--token-spacing-0,0);text-transform:none;font-size:var(--token-font-size-lg,1.25rem)!important;line-height:var(--token-line-height-3xl,1.5)!important;color:var(--modal-title-text-color,#2d2d3e);font-family:var(--token-font-base,Circular-USB,sans-serif);font-weight:var(--token-font-weight-med,500);font-size:var(--token-font-size-xl,1.5rem);line-height:var(--token-line-height-lg,1.25)} @media screen and (min-width:42rem){.usb-modal-v2--header h1{font-size:var(--token-font-size-lg,1.25rem);line-height:var(--token-line-height-3xl,1.5)}} .usb-modal-v2--body{display:flex;flex-direction:column;padding:var(--token-spacing-0,0) var(--token-spacing-4,1rem) var(--token-spacing-8,2rem);color:var(--modal-body-text-color,#484861);line-height:var(--token-line-height-lg,1.25);letter-spacing:var(--token-letter-spacing-base,normal);font-size:var(--token-font-size-base,1rem);-ms-overflow-style:-ms-autohiding-scrollbar;overflow-y:auto} @media screen and (min-width:42rem){.usb-modal-v2--body{min-height:8vh;max-height:30vh;padding:var(--token-spacing-0,0) var(--token-spacing-10,2.5rem) var(--token-spacing-10,2.5rem)}} .usb-modal-v2--footer{background:var(--modal-footer-background-color,#f1f5fb);border-radius:var(--token-rounded-square,0) var(--token-rounded-square,0) var(--token-rounded-md,.5rem) var(--token-rounded-md,.5rem);display:flex;justify-content:flex-end;align-self:flex-end;font-family:var(--token-font-callout,Circular-USB,sans-serif);width:100%;overflow-y:visible;margin-top:auto} .usb-modal-v2--footer .usb-button-group{padding:var(--token-spacing-4,1rem) var(--token-spacing-4,1rem);width:100%} @media screen and (min-width:42rem){.usb-modal-v2--footer .usb-button-group{flex-direction:row-reverse}.usb-modal-v2--footer .usb-button-group .usb-button:nth-child(3){margin-left:var(--token-spacing-0,0);margin-right:auto}} .usb-modal-v2--footer .reverse{flex-direction:row-reverse;justify-content:flex-start} .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0} .usb-table{display:block;position:relative;width:100%} .usb-table .usb-table_dataType-currency{text-align:right} .usb-table .usb-table_accessor-cell-expander,.usb-table .usb-table_accessor-showsubrows{padding-right:0;padding-left:0} .usb-table .usb-table_accessor-cell-expander:focus-within,.usb-table .usb-table_accessor-showsubrows:focus-within{outline:none!important} .usb-table .usb-table_accessor-cell-expander.isStacked,.usb-table .usb-table_accessor-showsubrows.isStacked{border-top-color:#cdd1e2;border-top-color:var(--token-utility-subdued,#cdd1e2);border-radius:.25rem;border-radius:var(--token-rounded-sm,.25rem);border-top:1px solid transparent;border-top:var(--token-border-width-default,1px) solid transparent} .usb-table .usb-table_accessor-header-of-expanded-cell{border-top:1px solid #cdd1e2;border-top:var(--token-border-width-default,1px) solid var(--token-utility-subdued,#cdd1e2);border-radius:.25rem;border-radius:var(--token-rounded-sm,.25rem)} .usb-table .usb-dropdown{margin-bottom:4.5rem;margin-bottom:var(--token-spacing-18,4.5rem);z-index:6} .usb-table_heading{color:#2d2d3e;color:var(--table-heading-text-color,#2d2d3e);font-weight:500;font-weight:var(--token-font-weight-med,500);font-size:1.25rem;font-size:var(--token-font-size-lg,1.25rem);line-height:1.25;line-height:var(--token-line-height-lg,1.25)} .usb-table_caption,.usb-table_heading{font-family:Circular-USB,sans-serif;font-family:var(--token-font-base,Circular-USB,sans-serif);margin-bottom:.75rem;margin-bottom:var(--token-spacing-3,.75rem)} .usb-table_caption{color:#2d2d3e;color:var(--table-caption-text-color,#2d2d3e);font-weight:400;font-weight:var(--token-font-weight-reg,400);font-size:1rem;font-size:var(--token-font-size-base,1rem);line-height:1.5;line-height:var(--token-line-height-3xl,1.5);text-align:left} .usb-table_pagination{display:flex;justify-content:flex-end} .usb-table_pagination--container{display:flex;flex-direction:row;margin-top:1rem;margin-top:var(--token-spacing-4,1rem)} .usb-table_pagination--container .dropdown__btn-selection,.usb-table_pagination--container.usb-dropdown .dropdown__btn{margin-right:1.25rem;margin-right:var(--token-spacing-5,1.25rem)} .usb-table_pagination--container .button--standard--minimal,.usb-table_pagination--container.usb-button{display:flex;flex-direction:row;margin:0 .25rem 0 .25rem;margin:0 var(--token-spacing-1,.25rem) 0 var(--token-spacing-1,.25rem);padding-top:.75rem;padding-top:var(--token-spacing-3,.75rem);font-size:1rem;font-size:var(--token-font-size-base,1rem);font-weight:700;font-weight:var(--token-font-weight-bold,700);background-color:#fff;background-color:var(--table-pagination-arrow-background-color,#fff);color:#484861;color:var(--table-pagination-arrow,#484861)} .usb-table_pagination--page_count{display:flex;flex-direction:row;flex-shrink:0;padding-top:.75rem;padding-top:var(--token-spacing-3,.75rem);padding-left:1rem;padding-left:var(--token-spacing-4,1rem);padding-right:.75rem;padding-right:var(--token-spacing-3,.75rem)} .usb-table_pagination--chevron{width:0} @media screen and (max-width:47.9375rem){.usb-table_pagination{justify-content:left;max-width:100%}.usb-table_pagination--container{flex-direction:column}.usb-table_pagination--container .usb-dropdown{margin-bottom:1rem;margin-bottom:var(--token-spacing-4,1rem);width:-moz-fit-content;width:fit-content}.usb-table_pagination--container nav span{padding-left:0}} .usb-table_container:after,.usb-table_container:before{transition:opacity .25s ease;content:"";position:absolute;top:0;bottom:0;width:20px;opacity:0} .usb-table_container:before{background:linear-gradient(90deg,hsla(0,0%,100%,0),rgba(0,0,0,.25));right:0} .usb-table_container:after{background:linear-gradient(270deg,hsla(0,0%,100%,0),rgba(0,0,0,.25));left:0} .usb-table_container-shadow{position:relative} .usb-table_container-shadow--right:before{opacity:1;z-index:25} .usb-table_container-shadow--left{opacity:1;border-left:1px solid #cdd1e2;border-left:var(--token-border-width-default,1px) solid var(--token-utility-subdued,#cdd1e2);border-radius:.5rem;border-radius:var(--token-rounded-md,.5rem);z-index:25} .usb-table_container--scroll{overflow:scroll;border-radius:.5rem;border-radius:var(--token-rounded-md,.5rem)} .usb-table_table{border-collapse:initial;table-layout:auto;border:1px solid #cdd1e2;border:var(--token-border-width-default,1px) solid var(--token-utility-subdued,#cdd1e2);border-radius:.5rem;border-radius:var(--token-rounded-md,.5rem)} .usb-table_table.scroll-active{border-left:none} .usb-table_table.scroll-top-active{border-top:none} .usb-table_table td,.usb-table_table th{border-right:1px solid #cdd1e2;border-right:var(--token-border-width-default,1px) solid var(--token-utility-subdued,#cdd1e2);border-bottom:1px solid #cdd1e2;border-bottom:var(--token-border-width-default,1px) solid var(--token-utility-subdued,#cdd1e2)} .usb-table_table td:first-of-type,.usb-table_table th:first-of-type{border-top-left-radius:.5rem;border-top-left-radius:var(--token-rounded-md,.5rem)} .usb-table_table td:last-of-type,.usb-table_table th:last-of-type{border-right-color:transparent} .usb-table_table tr th.table-sticky-header-border{border-bottom-color:#7a7a95;border-bottom-color:var(--token-color-grey-60,#7a7a95)} .usb-table_table tr th.table-sticky-header-border:nth-last-of-type(2){border-top-right-radius:.5rem;border-top-right-radius:var(--token-rounded-md,.5rem)} .usb-table_table tr th.scroll-top-active{border-top:1px solid #cdd1e2;border-top:var(--token-border-width-default,1px) solid var(--token-utility-subdued,#cdd1e2)} .usb-table_table tr:last-of-type{border-bottom-right-radius:.5rem;border-bottom-right-radius:var(--token-rounded-md,.5rem);border-bottom-left-radius:.5rem;border-bottom-left-radius:var(--token-rounded-md,.5rem)} .usb-table_table.cell-size-small td,.usb-table_table.cell-size-small th{padding-top:.25rem;padding-top:var(--token-spacing-1,.25rem);padding-bottom:.25rem;padding-bottom:var(--token-spacing-1,.25rem)} .usb-table_table.cell-size-small td.table-editable-cell,.usb-table_table.cell-size-small th.table-editable-cell{padding:0;vertical-align:middle} .usb-table_table.cell-size-large td,.usb-table_table.cell-size-large th{padding-top:1.25rem;padding-top:var(--token-spacing-5,1.25rem);padding-bottom:1.25rem;padding-bottom:var(--token-spacing-5,1.25rem)} .usb-table_table.cell-size-large td.table-editable-cell,.usb-table_table.cell-size-large th.table-editable-cell{padding:0;vertical-align:middle} .usb-table_table.cell-size-default td,.usb-table_table.cell-size-default th{padding-top:.75rem;padding-top:var(--token-spacing-3,.75rem);padding-bottom:.75rem;padding-bottom:var(--token-spacing-3,.75rem)} .usb-table_table.cell-size-default td.table-editable-cell,.usb-table_table.cell-size-default th.table-editable-cell{padding:0;vertical-align:middle} .usb-table_table.zebra-striped.scrollable .usb-table_body--subrow:nth-child(2n),.usb-table_table.zebra-striped.scrollable .usb-table_body--zebra{background-color:#f1f5fb;background-color:var(--table-row-secondary-background-color,#f1f5fb)} .usb-table_table.zebra-striped.scrollable.child-background-match-parent .usb-table_body--subrow{background-color:initial} .usb-table_table.zebra-striped.scrollable.child-background-match-parent .usb-table_body--subrowZebra{background-color:#f1f5fb;background-color:var(--table-row-secondary-background-color,#f1f5fb)} .usb-table_table.alt-header .usb-table_header--row{background-color:#001e79;background-color:var(--table-header-background-color,#001e79)} .usb-table_table.alt-header .usb-table_header--cell,.usb-table_table.alt-header .usb-table_header--sort-button{color:#fff;color:var(--table-sort-button-color,#fff);border-left:none;border-bottom:none} .usb-table_table.alt-header .usb-table_header .usb-icon{fill:#fff;fill:var(--table-sort-button-color,#fff)} .usb-table_table.alt-header.no-data .usb-table_header--row{background-color:#484861;background-color:var(--table-danger-background-color,#484861)} .usb-table_table.alt-header.stackable .usb-table_body--cell{background:linear-gradient(270deg,#001e79 0,#001e79);background:linear-gradient(270deg,var(--table-stackable-background-color,#001e79) 0,var(--table-stackable-background-color,#001e79));background-repeat:no-repeat;background-size:50%} .usb-table_table.alt-header.stackable .usb-table_body--cell .stackable-header{padding-top:.5rem;padding-top:var(--token-spacing-2,.5rem);color:#fff;color:var(--table-stackable-row-text-color,#fff)} .usb-table_table.stackable{border:none;border-spacing:0 1.5rem;border-spacing:0 var(--token-spacing-6,1.5rem);margin-top:calc(2.25rem*-2);margin-top:calc(var(--token-spacing-9, 2.25rem)*-2);overflow:hidden;table-layout:auto;text-align:left;text-overflow:ellipsis;white-space:nowrap;width:100%;word-wrap:break-word} .usb-table_table.stackable .usb-table_header{display:none} .usb-table_table.stackable .usb-table_body--row{font-weight:400;font-weight:var(--token-font-weight-reg,400);line-height:1.5;line-height:var(--token-line-height-3xl,1.5);padding:.7em 2vw;border-bottom:1px solid #cdd1e2;border-bottom:var(--token-border-width-default,1px) solid var(--token-utility-subdued,#cdd1e2);margin-top:.5rem;margin-top:var(--token-spacing-2,.5rem)} .usb-table_table.stackable .usb-table_body--subrow{padding:0;margin:.7em 2vw} .usb-table_table.stackable .usb-table_body--cell{border-left:1px solid #cdd1e2;border-left:var(--token-border-width-default,1px) solid var(--token-utility-subdued,#cdd1e2);border-right:1px solid #cdd1e2;border-right:var(--token-border-width-default,1px) solid var(--token-utility-subdued,#cdd1e2);display:flex;flex-direction:row;justify-content:space-between} .usb-table_table.stackable .usb-table_body--cell:focus-within{outline:2px solid #0058ff!important;outline:2px solid var(--table-interaction-color,#0058ff)!important;outline-offset:-2px} .usb-table_table.stackable .usb-table_body--cell:first-of-type{border-top:1px solid #cdd1e2;border-top:var(--token-border-width-default,1px) solid var(--token-utility-subdued,#cdd1e2);border-left:1px solid #cdd1e2;border-left:var(--token-border-width-default,1px) solid var(--token-utility-subdued,#cdd1e2)} .usb-table_table.stackable .stackable-header{padding-top:.5rem;padding-top:var(--token-spacing-2,.5rem);font-weight:700;font-weight:var(--token-font-weight-bold,700)} .usb-table_table.stackable .stackable-header:before{content:attr(data-column-header)} .usb-table_table.stackable .stackable-cell{padding-left:.75rem;padding-left:var(--token-spacing-3,.75rem);padding-top:.5rem;padding-top:var(--token-spacing-2,.5rem);text-align:left;white-space:normal;width:50%} .usb-table_table.stackable .stackable-cell .usb--checkbox-label-text{margin-top:-2px} .usb-table_table.stackable .remove-cell:nth-last-child(2){display:flex;flex-direction:row;justify-content:space-between} .usb-table_table.stackable .remove-cell:last-child{display:none} .usb-table_table.stackable .stackable-expanded-cell{border-left:1px solid #cdd1e2;border-left:var(--token-border-width-default,1px) solid var(--token-utility-subdued,#cdd1e2);border-right:1px solid #cdd1e2;border-right:var(--token-border-width-default,1px) solid var(--token-utility-subdued,#cdd1e2);border-bottom:1px solid #cdd1e2;border-bottom:var(--token-border-width-default,1px) solid var(--token-utility-subdued,#cdd1e2)} .usb-table_table.stackable .stackable-expanded-cell:focus{outline:2px solid #0058ff;outline:2px solid var(--table-interaction-color,#0058ff)} .usb-table_table.stackable .stackable-cell-expander{display:grid;margin-left:auto;margin-right:auto} .usb-table_table.stackable .stackable-cell-expand-button{margin-left:auto;margin-right:auto;font-size:1rem;font-size:var(--token-font-size-base,1rem);background:transparent} .usb-table_table.stackable .stackable-cell-expand-button:focus{outline:2px solid #0058ff;outline:2px solid var(--table-interaction-color,#0058ff)} .usb-table_table.stackable .stackable-cell-expand-text{color:#484861;color:var(--table-stackable-expanded-text-color,#484861);font-weight:700;font-weight:var(--token-font-weight-bold,700);vertical-align:top;margin-left:.5rem;margin-left:var(--token-spacing-2,.5rem)} .usb-table_table.stackable .table-input-value{padding-left:0} .usb-table_table.no-borders:not(.stackable){border-color:transparent} .usb-table_table.no-borders:not(.stackable) th{border-left-color:transparent;border-right-color:transparent} .usb-table_table.no-borders:not(.stackable) tr:first-child th{border-top-color:transparent} .usb-table_table.no-borders:not(.stackable) td{border-bottom-color:transparent;border-left-color:transparent;border-right-color:transparent} .usb-table_table.row-borders-only{border-color:transparent} .usb-table_table.row-borders-only th{border-left-color:transparent;border-right-color:transparent;border-top-color:transparent} .usb-table_table.row-borders-only tr:first-child th{border-top-color:transparent} .usb-table_table.row-borders-only td{border-right-color:transparent;border-left-color:transparent} .usb-table_table.row-borders-only td:first-of-type{border-top-color:transparent;border-left-color:transparent} .usb-table_header--cell{color:#484861;color:var(--table-header-cell-text-color,#484861);padding-left:1.5rem;padding-left:var(--token-spacing-6,1.5rem);padding-right:1.5rem;padding-right:var(--token-spacing-6,1.5rem);text-align:left;white-space:normal;word-wrap:normal} .usb-table_header--cell:nth-last-child(2){border-right:none} .usb-table_header--cell:focus-within{outline:2px solid #0058ff;outline:2px solid var(--table-interaction-color,#0058ff);outline-offset:-2.25px} .usb-table_header--cell:last-child{border-bottom:1px solid #cdd1e2;border-bottom:var(--token-border-width-default,1px) solid var(--token-utility-subdued,#cdd1e2)} .usb-table_header--cell:last-child.expanded-cell{position:absolute;overflow:hidden;clip:rect(1px,1px,1px,1px)} .no-data .usb-table_header tr{background-color:#cdd1e2;background-color:var(--token-color-grey-30,#cdd1e2)} .usb-table_header--sort-button{background-color:initial;border:none;color:#484861;color:var(--table-header-cell-text-color,#484861);font-family:inherit;font-size:1rem;font-size:var(--token-font-size-base,1rem);font-weight:700;font-weight:var(--token-font-weight-bold,700);padding:0;text-align:left;width:100%} .usb-table_header--sort-button:focus{outline:none} .usb-table_header--sort-button .sort-icon{float:right} .usb-table_header--sort-button .sort-icon--currency{margin-left:.75rem;margin-left:var(--token-spacing-3,.75rem)} .usb-table_header--sort-button *{pointer-events:none} .usb-table_body tr:last-of-type .usb-table_body--cell--expanded-cell:last-of-type{border-bottom:none} .usb-table_body--cell{padding-right:1.5rem;padding-right:var(--token-spacing-6,1.5rem);padding-left:1.5rem;padding-left:var(--token-spacing-6,1.5rem);text-align:left;white-space:normal;word-wrap:break-word} .usb-table_body--cell:nth-last-child(2){border-right:none} .usb-table_body--cell--expanded-cell{grid-column-start:-1;grid-column-end:1;padding:1rem;padding:var(--token-spacing-4,1rem);border-bottom:1px solid #cdd1e2;border-bottom:var(--token-border-width-default,1px) solid var(--token-utility-subdued,#cdd1e2)} .usb-table_body--cell--expanded-cell:focus{outline:none} .usb-table_body--cell--expanded-cell:focus-within{outline:none!important} .usb-table_body--cell:first-child.toggle-first{padding-left:0;padding-right:0} .usb-table_body--cell:first-child.toggle-first:focus-within{outline:none!important} .usb-table_body--cell.reduce-cell:last-child,.usb-table_body--cell.remove-cell:nth-last-child(2){display:none} .usb-table_body--cell.table-row-checkbox-cell{padding-right:.75rem;padding-right:var(--token-spacing-3,.75rem);padding-left:.75rem;padding-left:var(--token-spacing-3,.75rem)} .usb-table_body--cell.stackable-table-row-checkbox-cell{background-color:#f1f5fb;background-color:var(--table-stackable-row-checkbox-cell-background-color,#f1f5fb)} .usb-table .usb-table_body--row,.usb-table .usb-table_header--row{background-color:#fff;background-color:var(--token-background-primary,#fff);color:#484861;color:var(--token-text-color-secondary,#484861);font-size:1rem;font-size:var(--token-font-size-base,1rem);font-weight:400;font-weight:var(--token-font-weight-reg,400);line-height:1.5;line-height:var(--token-line-height-3xl,1.5)} .usb-table .usb-table_body--row:last-child,.usb-table .usb-table_body--row:last-child .usb-table_body--cell.not-stacked,.usb-table .usb-table_header--row:last-child,.usb-table .usb-table_header--row:last-child .usb-table_body--cell.not-stacked{border-bottom:none} .usb-table .usb-table_body--row:last-child .usb-table_body--cell.remove-cell,.usb-table .usb-table_header--row:last-child .usb-table_body--cell.remove-cell{border-bottom:1px solid #cdd1e2;border-bottom:var(--token-border-width-default,1px) solid var(--token-utility-subdued,#cdd1e2)} .usb-table .child-cell-size-small .usb-table_body--subrow .usb-table_body--cell{padding-top:.25rem;padding-top:var(--token-spacing-1,.25rem);padding-bottom:.25rem;padding-bottom:var(--token-spacing-1,.25rem)} .usb-table .child-cell-size-large .usb-table_body--subrow .usb-table_body--cell{padding-top:1.25rem;padding-top:var(--token-spacing-5,1.25rem);padding-bottom:1.25rem;padding-bottom:var(--token-spacing-5,1.25rem)} .usb-table .child-cell-size-default .usb-table_body--subrow .usb-table_body--cell{padding-top:.75rem;padding-top:var(--token-spacing-3,.75rem);padding-bottom:.75rem;padding-bottom:var(--token-spacing-3,.75rem)} @media only screen and (min-width:48rem){.usb-table .usb-table_body--subrow_first{opacity:.999;box-shadow:inset 0 4px 6px -1px rgba(0,0,0,.12)}.usb-table .usb-table_body--subrow_last{opacity:.999;box-shadow:inset 0 -4px 6px -1px rgba(0,0,0,.12)}.usb-table .usb-table_body--subrow_first.usb-table_body--subrow_last{box-shadow:inset 0 4px 6px -1px rgba(0,0,0,.12),inset 0 -4px 6px -1px rgba(0,0,0,.12)}} .usb-table .no-data td,.usb-table .usb-table_body--subrow_last td:first-of-type{border-bottom:1px solid #cdd1e2;border-bottom:var(--token-border-width-default,1px) solid var(--token-utility-subdued,#cdd1e2)} .usb-table .no-data td{padding:2rem} .usb-table_no-data{display:flex;flex-direction:row} .usb-table_no-data--container{display:flex;flex-direction:column;margin-top:.5rem;margin-top:var(--token-spacing-2,.5rem)} .usb-table_no-data--title{color:#001e79;color:var(--table-danger-title-text-color,#001e79);font-size:1.75rem;font-size:var(--token-font-size-2xl,1.75rem);font-weight:700;font-weight:var(--token-font-weight-bold,700)} .usb-table_no-data--text{display:flex;flex-direction:column;font-size:1.25rem;font-size:var(--token-font-size-lg,1.25rem);margin-top:1rem;margin-top:var(--token-spacing-4,1rem);white-space:pre-wrap} .usb-table_no-data--button{margin-top:auto;margin-left:auto} .usb-table table:focus,.usb-table table:focus-within{outline:none} .usb-table table:focus-within td,.usb-table table:focus td{transition:outline-offset .2s linear;outline:none} .usb-table table:focus-within td:focus-within,.usb-table table:focus td:focus-within{outline:2px solid #0058ff;outline:2px solid var(--table-interaction-color,#0058ff);outline-offset:-2.25px} .usb-table table:focus-within td[tabindex="0"].roleIsGrid,.usb-table table:focus td[tabindex="0"].roleIsGrid{outline:2px solid #0058ff;outline:2px solid var(--table-interaction-color,#0058ff);outline-offset:-2.25px} .usb-table table:focus-within td[tabindex="-1"].roleIsGrid,.usb-table table:focus td[tabindex="-1"].roleIsGrid{outline:2px solid #0058ff;outline:2px solid var(--table-interaction-color,#0058ff);outline-offset:-2.25px} .usb-table table:focus-within th,.usb-table table:focus th{transition:outline-offset .2s linear} .usb-table table:focus-within th[tabindex="0"].roleIsGrid,.usb-table table:focus th[tabindex="0"].roleIsGrid{outline:2px solid #0058ff;outline:2px solid var(--table-interaction-color,#0058ff);outline-offset:-2.25px} .usb-table .usb--checkbox-wrapper.table-checkbox-label{margin-bottom:0;flex-basis:0;padding-left:1.37rem;padding-top:.25rem;padding-top:var(--token-spacing-1,.25rem);margin-left:-1.25rem} .usb-table .usb--checkbox-wrapper.table-header-checkbox-label{margin-bottom:0;flex-basis:0;padding-left:.7rem;padding-top:.25rem;padding-top:var(--token-spacing-1,.25rem);margin-left:0} .usb-table .usb--checkbox-label.table-checkbox-label{justify-content:center} .usb-table .usb--checkbox-label.table-checkbox-label:after{content:"";border:2px solid transparent;border-radius:.25rem;border-radius:var(--checkbox-focus-border-radius,.25rem);position:absolute;left:.15rem} .usb-table .usb-table_container{overflow:hidden} .show-label .usb--checkbox-label{z-index:-10} .table-pagination-nav{display:flex;flex:none} .table-pagination-nav-list{display:flex} .table-expander{padding:0;font-size:1rem;font-size:var(--token-font-size-base,1rem);margin-left:1rem;margin-left:var(--token-spacing-4,1rem);margin-right:1rem;margin-right:var(--token-spacing-4,1rem);border:none;background-color:initial;vertical-align:middle;height:1.25rem;height:var(--token-spacing-5,1.25rem)} .table-expander:focus{outline:2px solid #0058ff;outline:2px solid var(--table-interaction-color,#0058ff);border-radius:.25rem;border-radius:var(--token-rounded-sm,.25rem)} .table-icon-hover:hover{color:#0058ff;color:var(--table-interaction-color,#0058ff);fill:#0058ff;fill:var(--table-interaction-color,#0058ff)} .demo-action{align-self:flex-end} .table-actions-row{display:flex;flex-flow:wrap;flex-direction:row;max-width:100%} .table-actions-row.show-hide-modal-only,.table-actions-row.toolbar-only{justify-content:start} .table-actions-row.row-size-small{padding-top:.25rem;padding-top:var(--token-spacing-1,.25rem);padding-bottom:.25rem;padding-bottom:var(--token-spacing-1,.25rem)} .table-actions-row.row-size-large{padding-top:1.25rem;padding-top:var(--token-spacing-5,1.25rem);padding-bottom:1.25rem;padding-bottom:var(--token-spacing-5,1.25rem)} .table-actions-row.row-size-default{padding-top:.75rem;padding-top:var(--token-spacing-3,.75rem);padding-bottom:.75rem;padding-bottom:var(--token-spacing-3,.75rem)} .table-actions-row.enable-dropdown-menu{justify-content:end} .responsive-stacked .usb-table_table.zebra-striped tbody tr{background-color:initial} .responsive-stacked .table-actions-row{display:block;margin-bottom:2rem;border:none} .responsive-stacked .usb-table_table.stackable .usb-table_body--cell.table-row-checkbox-cell .stackable-header{display:none} .responsive-stacked .usb-table_table.stackable .usb-table_body--cell.table-row-checkbox-cell .usb--checkbox-wrapper{padding-left:1rem;padding-left:var(--token-spacing-4,1rem);padding-top:0} .responsive-stacked .usb-table_table.stackable .usb-table_body--cell.table-row-checkbox-cell .usb--checkbox-label span.usb--checkbox-label-text{display:inline} .show-hide-modal.stackable-show-hide-button{width:100%} .show-hide-column-modal-text{font-size:1rem;font-size:var(--token-font-size-base,1rem)} .table-modal .usb--checkbox--fieldset,.table-modal .usb--checkbox-group--legend,.table-modal.usb--modal-v2--dialog,.table-modal .usb-modal-v2--body,.table-modal .usb-modal-v2--container{text-align:left} .table-modal-text{font-size:1rem;font-size:var(--token-font-size-base,1rem);margin-bottom:1rem;margin-bottom:var(--token-spacing-4,1rem)} .table-modal-button{border:transparent;border-radius:.25rem;border-radius:var(--token-rounded-sm,.25rem)} .table-modal-button.stackable-show-hide-button{width:100%} .table-modal-button.stackable-show-hide-button.usb-button.button--small{justify-content:start;border:transparent;border-radius:.25rem;border-radius:var(--token-rounded-sm,.25rem);z-index:5;padding:1.25rem .75rem;padding:var(--token-spacing-5,1.25rem) var(--token-spacing-3,.75rem)} .table-modal-button.stackable-show-hide-button.usb-button.button--small:hover{background-color:#f5f5fa;color:#235ae4} .table-modal-button.stackable-show-hide-button.usb-button:focus{border-top:1px solid #fff;border-bottom:1px solid #fff;color:#235ae4;outline:2px solid #235ae4;background-color:#f5f5fa;outline-offset:-.15rem;border-top-left-radius:0;border-top-right-radius:0} .table-modal-button.stackable-show-hide-button.usb-button:before{border:none;border-radius:0;height:none;position:absolute;left:0;top:0;width:none} .table-modal-button.enable-dropdown-menu.usb-button.button--small{margin:0 .75rem 0 0;margin:0 var(--token-spacing-3,.75rem) 0 0;width:100%;border:transparent;border-radius:.25rem;border-radius:var(--token-rounded-sm,.25rem);justify-content:start;z-index:5} .table-modal-button-text{vertical-align:top;font-weight:500;font-weight:var(--token-font-weight-med,500)} .table-modal-button-text.stackable-show-hide-button{font-weight:400;font-weight:var(--token-font-weight-reg,400)} .table-selected-rows-label{display:flex;font-size:1rem;font-size:var(--token-font-size-base,1rem);flex-direction:column;justify-content:center;margin:.75rem .75rem 0 0;margin:var(--token-spacing-3,.75rem) var(--token-spacing-3,.75rem) 0 0;white-space:nowrap} .stackable-selected-rows-label{margin-bottom:1rem;margin-bottom:var(--token-spacing-4,1rem);text-align:right} .table-toolbar{display:block} .table-toolbar .usb-button-group{display:flex;flex-direction:row;flex-wrap:wrap} .table-toolbar .usb-button-group.stackable-table-toolbar-button-group{margin-left:0;padding-left:0;padding-right:0;flex-wrap:wrap;justify-content:center} .table-toolbar .usb-button-group .usb-button.button--small{margin:.75rem .75rem 0 0;margin:var(--token-spacing-3,.75rem) var(--token-spacing-3,.75rem) 0 0} .table-toolbar .usb-button-group .usb-button.button--small.stackable-table-button{width:100%;margin-top:.5rem;margin-top:var(--token-spacing-2,.5rem);margin-right:0} .table-row-checkbox{border-bottom:1px solid #cdd1e2;border-bottom:var(--token-border-width-default,1px) solid var(--token-utility-subdued,#cdd1e2)} .table-row-checkbox:focus-within{outline:2px solid #0058ff!important;outline:2px solid var(--table-interaction-color,#0058ff)!important;outline-offset:-2px} .table-input-display{display:flex;flex-direction:column;justify-content:center;height:100%} .table-input-button{display:flex;justify-content:space-between;width:100%;background-color:initial;border:none;outline:none;color:#0058ff;color:var(--table-interaction-color,#0058ff);padding-right:0;padding-left:0} .table-input-value{padding-left:1.5rem;padding-left:var(--token-spacing-6,1.5rem);padding-top:.15rem;font-size:1rem;font-size:var(--token-font-size-base,1rem);text-align:left} .table-input-icon{padding-right:1.5rem;padding-right:var(--token-spacing-6,1.5rem)} .table-input-icon,.table-text-input{padding-left:.5rem;padding-left:var(--token-spacing-2,.5rem)} .table-text-input{margin-top:0;padding-top:0;padding-right:.5rem;padding-right:var(--token-spacing-2,.5rem);min-height:0;border:none} .table-text-input input{padding:.5rem 1rem 6px 15px;color:#2d2d3e;color:var(--table-text-input-text-color,#2d2d3e);border:1px solid #cdd1e2;border:var(--token-border-width-default,1px) solid var(--token-utility-subdued,#cdd1e2);border-radius:.25rem;border-radius:var(--token-rounded-sm,.25rem);width:100%} .table-text-input.is-error{margin:.5rem 0} .table-text-input.is-error input{border:2px solid #cf2a36;border:2px solid var(--text-input-basic-error-border-color,#cf2a36)} .table-expanded-menu{z-index:30} .table-toolbar-button-group{padding-left:0} .table-toolbar-menu.usb-action__button-utility:hover,.table-toolbar-menu .usb-action__link-utility:hover{background-color:#4c4c50} .table-toolbar-menu.usb-menu-composable__trigger{min-width:unset!important;max-height:2rem;max-height:var(--token-spacing-8,2rem);font-size:.875rem;font-size:var(--token-font-size-sm,.875rem)} .table-toolbar-menu.usb-menu-composable__trigger .usb-action__text .usb-menu-composable__menu-btn__label{font-weight:500;font-weight:var(--token-font-weight-med,500)} .table-toolbar-menu.usb-menu-composable__trigger .usb-action__icon{margin-top:3px} .table-toolbar-menu.usb-menu-composable__trigger.stackable-table-button{width:100%;margin-top:0;justify-content:start;border:transparent;border-top-left-radius:.25rem;border-top-left-radius:var(--token-rounded-sm,.25rem);border-top-right-radius:.25rem;border-top-right-radius:var(--token-rounded-sm,.25rem);border-bottom-left-radius:.25rem;border-bottom-left-radius:var(--token-rounded-sm,.25rem);border-bottom-right-radius:.25rem;border-bottom-right-radius:var(--token-rounded-sm,.25rem)} .table-toolbar-menu.usb-action:focus:before{outline:2px solid #0058ff;outline:2px solid var(--table-interaction-color,#0058ff);outline-offset:-2px!important;height:calc(100% + .75rem)!important;width:calc(100% + .75rem)!important;left:-6px!important;top:-6px!important} .table-toolbar-menu.usb-action__button-utility-medium{min-height:2rem;min-height:var(--token-spacing-8,2rem);margin:.75rem .75rem 0 0;margin:var(--token-spacing-3,.75rem) var(--token-spacing-3,.75rem) 0 0} .stackable-toolbar-row,.table-toolbar-row{display:flex;flex-wrap:wrap-reverse} .stackable-table-menu{display:block;width:100%} .stackable-table-menu .usb-menu-composable__container.expanded{width:100%} .table-sticky-header{z-index:10} .table-sticky-first-column,.table-sticky-header{position:sticky;top:0;background-color:#fff;background-color:var(--token-background-primary,#fff)} .table-sticky-first-column{left:0;z-index:5} .table-sticky-first-column.table-sticky-row-header-shadow:after{content:"";position:absolute;top:0;right:-20px;width:20px;height:100%;background-image:linear-gradient(270deg,transparent,rgba(0,0,0,.25))} .table-sticky-row{position:sticky;left:0;z-index:5;background-color:#fff;background-color:var(--token-background-primary,#fff)} .table-sticky-row.table-sticky-row-header-shadow:after{content:"";position:absolute;top:0;right:-20px;width:20px;height:100%;background-image:linear-gradient(270deg,transparent,rgba(0,0,0,.25))} .batch-actions-mobile-button{width:100%;background:transparent;border:1px solid #cdd1e2;border:1px solid var(--token-utility-subdued,#cdd1e2);border-radius:.25rem;border-radius:var(--token-rounded-sm,.25rem);color:#63637f;color:var(--token-color-grey-70,#63637f);padding:.5rem .75rem;padding:var(--token-spacing-2,.5rem) var(--token-spacing-3,.75rem);margin-bottom:.25rem;margin-bottom:var(--token-spacing-1,.25rem);text-align:left} .batch-actions-mobile-button:focus{outline:3px solid #235ae4;outline-offset:-.2rem} .batch-actions-mobile-button-row{display:flex;justify-content:space-between} .batch-actions-mobile-actions-text{margin:auto 0;color:#2d2d3e;color:var(--token-label-vivid,#2d2d3e);font-size:.875rem;font-size:var(--token-font-size-sm,.875rem);font-family:Circular-USB,sans-serif;font-family:var(--token-font-base,Circular-USB,sans-serif)} .table-mobile-button{width:100%} .table-mobile-button.usb-button.button--utility--subtle{border:transparent;border-radius:.25rem;border-radius:var(--token-rounded-sm,.25rem);border-bottom-left-radius:0;border-bottom-right-radius:0;color:#484861;color:var(--token-utility-vivid,#484861);padding:1.25rem .75rem;padding:var(--token-spacing-5,1.25rem) var(--token-spacing-3,.75rem);justify-content:start;font-weight:400;font-weight:var(--token-font-weight-reg,400);border-bottom:1px solid #cdd1e2;border-bottom:var(--token-border-width-default,1px) solid var(--token-utility-subdued,#cdd1e2)} .table-mobile-button.usb-button.button--utility--subtle:hover{background-color:#f1f5fb;background-color:var(--token-color-grey-10,#f1f5fb);color:#235ae4} .table-mobile-button.usb-button.button--utility--subtle.usb-button:focus{border-top:1px solid #fff;border-bottom:1px solid #fff;color:#235ae4;outline:2px solid #235ae4;background-color:#f5f5fa;outline-offset:-.15rem;border-top-left-radius:0;border-top-right-radius:0} .table-mobile-button.usb-button.button--utility--subtle.usb-button:before{border:none;border-radius:0;height:none;position:absolute;left:0;top:0;width:none} .table-mobile-expand-panel{position:absolute;top:3.75rem;top:var(--token-spacing-15,3.75rem);z-index:50;width:100%;background-color:#fff;background-color:var(--table-row-background-color,#fff);border:1px solid #cdd1e2;border:var(--token-border-width-default,1px) solid var(--token-utility-subdued,#cdd1e2);border-radius:.25rem;border-radius:var(--token-rounded-sm,.25rem);box-shadow:0 4px 6px -1px rgba(0,0,0,.12),0 2px 4px -1px rgba(0,0,0,.12)} .usb-form-combobox{position:relative;width:100%} .usb-form-combobox_list{background:var(--combobox-list-item-background-color,#fff);border-radius:var(--token-rounded-sm,.25rem);border:1px solid var(--token-border-base,#cdd1e2);box-shadow:var(--token-shadow-md,0 4px 6px -1px rgba(0,0,0,.12),0 2px 4px -1px rgba(0,0,0,.12));min-width:calc(100% + var(--token-spacing-2, .5rem));position:absolute;left:calc(var(--token-spacing-1, .25rem)*-1);z-index:1;width:-moz-max-content;width:max-content} .usb-form-combobox_list.collapsed{display:none} .usb-form-combobox_list.expanded{display:flex;flex-direction:column} .usb-form-combobox_list-item{cursor:pointer;display:flex;align-items:center;justify-content:space-between;font-family:var(--token-font-base,Circular-USB,sans-serif);padding:var(--token-spacing-3,.75rem) var(--token-spacing-2,.5rem);position:relative;white-space:nowrap} .usb-form-combobox_list-item:not(:last-of-type){border-bottom:1px solid var(--combobox-list-item-divider-color,#cdd1e2)} .usb-form-combobox_list-item.list-item_selected,.usb-form-combobox_list-item:hover{background:var(--combobox-hover-list-item-background-color,#f1f5fb)} .usb-form-combobox_list-item.list-item_selected span.usb-form-combobox_list-item_value,.usb-form-combobox_list-item:hover span.usb-form-combobox_list-item_value{color:var(--combobox-hover-list-item-text-color,#235ae4)} .usb-form-combobox_list-item.list-item_selected{border:2px solid var(--token-data-a-70,#235ae4)} .usb-form-combobox_list-item_value{color:var(--combobox-list-item-text-color,#2d2d3e);font-family:var(--token-font-base,Circular-USB,sans-serif);font-size:var(--token-font-size-base,1rem);font-weight:var(--token-font-weight-reg,400);letter-spacing:0;line-height:var(--token-line-height-3xl,1.5)} .usb-form-combobox_list-item_value-secondary{color:var(--token-text-color-tertiary,#63637f);font-family:var(--token-font-base,Circular-USB,sans-serif);font-size:var(--token-font-size-sm,.875rem);padding-left:var(--token-spacing-2,.5rem)} .usb-form-combobox .sr-only{position:absolute;width:1px;height:1px;padding:var(--token-spacing-0,0);margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:var(--token-spacing-0,0)} .usb-tabs .tabs,.usb-tabs .tabs *{-webkit-tap-highlight-color:rgba(0,0,0,0)!important;-webkit-tap-highlight-color:transparent!important;-webkit-focus-ring-color:transparent!important} .usb-tabs .tabs__nav{position:relative;list-style-type:none;width:100%;padding-left:var(--token-spacing-0,0);margin-bottom:var(--token-spacing-0,0);border-bottom:2px solid var(--tabs-label-border-color,#cdd1e2);z-index:0} .usb-tabs .tabs__nav li{position:relative;display:inline-block;margin-right:var(--token-spacing-5,1.25rem)} .usb-tabs .tabs__nav li:last-of-type{margin-right:0} .usb-tabs .tabs__button{position:relative;display:inline-block;width:100%;padding:var(--token-spacing-1,.25rem) var(--token-spacing-0,0);color:var(--tabs-label-text-color,#484861);font-family:var(--token-font-base,Circular-USB,sans-serif);font-weight:var(--token-font-weight-reg,400);font-size:var(--token-font-size-base,1rem);line-height:var(--token-line-height-3xl,1.5);font-weight:var(--token-font-weight-med,500);cursor:pointer;border:none;outline:none;background:transparent} .usb-tabs .tabs__button,.usb-tabs .tabs__button *{-webkit-tap-highlight-color:rgba(0,0,0,0)!important;-webkit-tap-highlight-color:transparent!important;-webkit-focus-ring-color:transparent!important} .usb-tabs .tabs__button:hover,.usb-tabs .tabs__button:hover>.tabs__iconbtn .clone-icon{color:var(--token-text-color-interaction,#235ae4);fill:var(--token-text-color-interaction,#235ae4)} .usb-tabs .tabs__button:focus:before{content:"";border:2px solid var(--token-border-focus,#235ae4);border-radius:var(--token-rounded-sm,.25rem);height:calc(100% + var(--token-spacing-3, .75rem));position:absolute;left:-.375rem;top:-.375rem;width:calc(100% + var(--token-spacing-3, .75rem));pointer-events:none} .usb-tabs .tabs__button[aria-selected=true]{color:var(--tabs-active-label-text-color,#235ae4);z-index:2} .usb-tabs .tabs__button[aria-selected=true]:after{content:"";position:absolute;display:block;bottom:-2px;height:2px;width:100%;background-color:var(--tabs-active-label-border-color,#235ae4);z-index:2} .usb-tabs .tabs__button.tabs__required:focus:before{width:calc(100% + var(--token-spacing-5, 1.25rem))} .usb-tabs .tabs__iconbtn{padding:var(--token-spacing-3,.75rem) var(--token-spacing-3,.75rem) var(--token-spacing-3,.75rem) var(--token-spacing-0,0);padding:var(--token-spacing-3,.75rem) var(--token-spacing-3,.75rem) var(--token-spacing-0,0) var(--token-spacing-0,0);color:var(--token-color-grey-80,#484861)} .usb-tabs .tabs__iconbtn.selected .clone-icon{color:var(--token-text-color-interaction,#235ae4);fill:var(--token-text-color-interaction,#235ae4)} .usb-tabs .tabs__content{padding:var(--token-spacing-3,.75rem) var(--token-spacing-0,0)} .usb-tabs .tabs__content .tabs__panel{position:relative} .usb-tabs .tabs__content .tabs__panel.hidden-tab,.usb-tabs .tabs__content .tabs__panel[aria-hidden=true]{display:none} .usb-tabs .required-pill{top:0;padding:6px;border-radius:50%;background:var(--token-text-color-brand-secondary,#cf2a36);color:#fff;position:absolute} .usb-tabs .bill-pay .tabs__button{color:var(--token-text-color-primary,#2d2d3e);font-family:var(--token-font-base,Circular-USB,sans-serif);font-weight:var(--token-font-weight-reg,400);font-size:var(--token-font-size-base,1rem);line-height:var(--token-line-height-3xl,1.5)} html, body { font-family: Circular-USB, Arial, Helvetica, sans-serif; } @supports (font: -apple-system-body) { html { font: -apple-system-body; } body { font-size: 0.94rem; } } /* This CSS resource incorporates links to font software which is the valuable copyrighted property of Monotype Imaging and/or its suppliers. You may not attempt to copy, install, redistribute, convert, modify or reverse engineer this font software. Please contact Monotype Imaging with any questions regarding Web Fonts: http://www.fonts.com */ @font-face { font-family: "Circular-USB"; src: url("https://content.usbank.com/content/dam/onlinebanking/common/static/fonts/U.S.BankCircularWeb-Light.woff2") format("woff2"), url("https://content.usbank.com/content/dam/onlinebanking/common/static/fonts/U.S.BankCircularWeb-Light.woff") format("woff"); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: "Circular-USB"; src: url("https://content.usbank.com/content/dam/onlinebanking/common/static/fonts/U.S.BankCircularWeb-LightItalic.woff2") format("woff2"), url("https://content.usbank.com/content/dam/onlinebanking/common/static/fonts/U.S.BankCircularWeb-LightItalic.woff") format("woff"); font-weight: 300; font-style: italic; font-display: swap; } @font-face { font-family: "Circular-USB"; src: url("https://content.usbank.com/content/dam/onlinebanking/common/static/fonts/U.S.BankCircularWeb-Regular.woff2") format("woff2"), url("https://content.usbank.com/content/dam/onlinebanking/common/static/fonts/U.S.BankCircularWeb-Regular.woff") format("woff"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: "Circular-USB"; src: url("https://content.usbank.com/content/dam/onlinebanking/common/static/fonts/U.S.BankCircularWeb-Italic.woff2") format("woff2"), url("https://content.usbank.com/content/dam/onlinebanking/common/static/fonts/U.S.BankCircularWeb-Italic.woff") format("woff"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: "Circular-USB"; src: url("https://content.usbank.com/content/dam/onlinebanking/common/static/fonts/U.S.BankCircularWeb-Book.woff2") format("woff2"), url("https://content.usbank.com/content/dam/onlinebanking/common/static/fonts/U.S.BankCircularWeb-Book.woff") format("woff"); font-weight: 450; font-style: normal; font-display: swap; } @font-face { font-family: "Circular-USB"; src: url("https://content.usbank.com/content/dam/onlinebanking/common/static/fonts/U.S.BankCircularWeb-BookItalic.woff2") format("woff2"), url("https://content.usbank.com/content/dam/onlinebanking/common/static/fonts/U.S.BankCircularWeb-BookItalic.woff") format("woff"); font-weight: 450; font-style: italic; font-display: swap; } @font-face { font-family: "Circular-USB"; src: url("https://content.usbank.com/content/dam/onlinebanking/common/static/fonts/U.S.BankCircularWeb-Medium.woff2") format("woff2"), url("https://content.usbank.com/content/dam/onlinebanking/common/static/fonts/U.S.BankCircularWeb-Medium.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: "Circular-USB"; src: url("https://content.usbank.com/content/dam/onlinebanking/common/static/fonts/U.S.BankCircularWeb-MediumItalic.woff2") format("woff2"), url("https://content.usbank.com/content/dam/onlinebanking/common/static/fonts/U.S.BankCircularWeb-MediumItalic.woff") format("woff"); font-weight: 500; font-style: italic; font-display: swap; } @font-face { font-family: "Circular-USB"; src: url("https://content.usbank.com/content/dam/onlinebanking/common/static/fonts/U.S.BankCircularWeb-Bold.woff2") format("woff2"), url("https://content.usbank.com/content/dam/onlinebanking/common/static/fonts/U.S.BankCircularWeb-Bold.woff") format("woff"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: "Circular-USB"; src: url("https://content.usbank.com/content/dam/onlinebanking/common/static/fonts/U.S.BankCircularWeb-BoldItalic.woff2") format("woff2"), url("https://content.usbank.com/content/dam/onlinebanking/common/static/fonts/U.S.BankCircularWeb-BoldItalic.woff") format("woff"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: "Circular-USB"; src: url("https://content.usbank.com/content/dam/onlinebanking/common/static/fonts/U.S.BankCircularWeb-Black.woff2") format("woff2"), url("https://content.usbank.com/content/dam/onlinebanking/common/static/fonts/U.S.BankCircularWeb-Black.woff") format("woff"); font-weight: 900; font-style: normal; font-display: swap; } @font-face { font-family: "Circular-USB"; src: url("https://content.usbank.com/content/dam/onlinebanking/common/static/fonts/U.S.BankCircularWeb-BlackItalic.woff2") format("woff2"), url("https://content.usbank.com/content/dam/onlinebanking/common/static/fonts/U.S.BankCircularWeb-BlackItalic.woff") format("woff"); font-weight: 900; font-style: italic; font-display: swap; } /* HTML5 Reset :: style.css ---------------------------------------------------------- We have learned much from/been inspired by/taken code where offered from: Eric Meyer :: http://meyerweb.com HTML5 Doctor :: http://html5doctor.com and the HTML5 Boilerplate :: http://html5boilerplate.com -------------------------------------------------------------------------------*/ /* Let's default this puppy out -------------------------------------------------------------------------------*/ html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, menu, nav, section, time, mark, audio, video, details, summary { margin: 0; padding: 0; border: 0; font-size: 100%; font-weight: normal; vertical-align: baseline; background: transparent; } main, article, aside, figure, footer, header, nav, section, details, summary { display: block; } /* Handle box-sizing while better addressing child elements: http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */ html { box-sizing: border-box; } *, *:before, *:after { box-sizing: inherit; } /* consider resetting the default cursor: https://gist.github.com/murtaugh/5247154 */ /* Responsive images and other embedded objects */ /* if you don't have full control over `img` tags (if you have to overcome attributes), consider adding height: auto */ img, object, embed { max-width: 100%; } /* Note: keeping IMG here will cause problems if you're using foreground images as sprites. In fact, it *will* cause problems with Google Maps' controls at small size. If this is the case for you, try uncommenting the following: #map img { max-width: none; } */ /* force a vertical scrollbar to prevent a jumpy page */ html { overflow-y: scroll; } /* we use a lot of ULs that aren't bulleted. you'll have to restore the bullets within content, which is fine because they're probably customized anyway */ ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none; } a { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; } del { text-decoration: line-through; } abbr[title], dfn[title] { border-bottom: 1px dotted #000; cursor: help; } /* tables still need cellspacing="0" in the markup */ table { border-collapse: separate; border-spacing: 0; } th { font-weight: bold; vertical-align: bottom; } td { font-weight: normal; vertical-align: top; } hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; } input, select { vertical-align: middle; } pre { white-space: pre; /* CSS2 */ white-space: pre-wrap; /* CSS 2.1 */ white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */ word-wrap: break-word; /* IE */ } input[type=radio] { vertical-align: text-bottom; } input[type=checkbox] { vertical-align: bottom; } .ie7 input[type=checkbox] { vertical-align: baseline; } .ie6 input { vertical-align: text-bottom; } select, input, textarea { font: 99% sans-serif; } table { font-size: inherit; font: 100%; } small { font-size: 85%; } strong { font-weight: bold; } td, td img { vertical-align: top; } /* Make sure sup and sub don't mess with your line-heights http://gist.github.com/413930 */ sub, sup { font-size: 75%; line-height: 0; position: relative; } sup { top: -0.5em; } sub { bottom: -0.25em; } /* standardize any monospaced elements */ pre, code, kbd, samp { font-family: monospace, sans-serif; } /* hand cursor on clickable elements */ .clickable, label, input[type=button], input[type=submit], input[type=file], button { cursor: pointer; } /* Webkit browsers add a 2px margin outside the chrome of form elements */ button, input, select, textarea { margin: 0; } /* make buttons play nice in IE */ button, input[type=button] { width: auto; overflow: visible; } /* scale images in IE7 more attractively */ .ie7 img { -ms-interpolation-mode: bicubic; } /* prevent BG image flicker upon hover (commented out as usage is rare, and the filter syntax messes with some pre-processors) .ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));} */ /* let's clear some floats */ .clearfix:after { content: " "; display: block; clear: both; } /* Screen reader to hide */ .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .usb-grid--container { display: block; width: 100%; } .usb-grid--container .grid { display: grid; max-width: 100%; width: 100%; margin: 0 auto; position: relative; padding: 0; background: transparent; grid-auto-rows: minmax(0.05rem, auto); grid-template-areas: none; grid-template-columns: repeat(4, minmax(0, 1fr)); grid-column-gap: 1rem; grid-row-gap: 1rem; /* styling options JUSTIFY (THIS IS HORIZONTAL) --------------------------------- |*** |*** |*** |*** | | *** | *** | *** | *** | | ***| ***| ***| ***| |*******|*******|*******|*******| --------------------------------- */ /* styling options ALIGNMENT (THIS IS VERTICAL, BASED ON ROW HEIGHT) --------------------------------- |*******| | |*******| | |*******| |*******| | | |*******|*******| --------------------------------- */ } .usb-grid--container .grid.inline { display: inline-grid; } .usb-grid--container .grid.constrain { max-width: 94rem; } .usb-grid--container .grid.zero-padding { padding: 0; } .usb-grid--container .grid.half-padding { padding: 0.5rem; } .usb-grid--container .grid.normal-padding { padding: 1rem; } .usb-grid--container .grid.large-padding { padding: 2rem; } .usb-grid--container .grid .span-1 { grid-template-columns: repeat(16, minmax(0, 1fr)); grid-column-start: auto; grid-column-end: span 1; } .usb-grid--container .grid .span-2 { grid-template-columns: repeat(16, minmax(0, 1fr)); grid-column-start: auto; grid-column-end: span 2; } .usb-grid--container .grid .span-3 { grid-template-columns: repeat(16, minmax(0, 1fr)); grid-column-start: auto; grid-column-end: span 3; } .usb-grid--container .grid .span-4 { grid-template-columns: repeat(16, minmax(0, 1fr)); grid-column-start: auto; grid-column-end: span 4; } .usb-grid--container .grid .span-5 { grid-template-columns: repeat(16, minmax(0, 1fr)); grid-column-start: auto; grid-column-end: span 5; } .usb-grid--container .grid .span-6 { grid-template-columns: repeat(16, minmax(0, 1fr)); grid-column-start: auto; grid-column-end: span 6; } .usb-grid--container .grid .span-7 { grid-template-columns: repeat(16, minmax(0, 1fr)); grid-column-start: auto; grid-column-end: span 7; } .usb-grid--container .grid .span-8 { grid-template-columns: repeat(16, minmax(0, 1fr)); grid-column-start: auto; grid-column-end: span 8; } .usb-grid--container .grid .span-9 { grid-template-columns: repeat(16, minmax(0, 1fr)); grid-column-start: auto; grid-column-end: span 9; } .usb-grid--container .grid .span-10 { grid-template-columns: repeat(16, minmax(0, 1fr)); grid-column-start: auto; grid-column-end: span 10; } .usb-grid--container .grid .span-11 { grid-template-columns: repeat(16, minmax(0, 1fr)); grid-column-start: auto; grid-column-end: span 11; } .usb-grid--container .grid .span-12 { grid-template-columns: repeat(16, minmax(0, 1fr)); grid-column-start: auto; grid-column-end: span 12; } .usb-grid--container .grid .span-13 { grid-template-columns: repeat(16, minmax(0, 1fr)); grid-column-start: auto; grid-column-end: span 13; } .usb-grid--container .grid .span-14 { grid-template-columns: repeat(16, minmax(0, 1fr)); grid-column-start: auto; grid-column-end: span 14; } .usb-grid--container .grid .span-15 { grid-template-columns: repeat(16, minmax(0, 1fr)); grid-column-start: auto; grid-column-end: span 15; } .usb-grid--container .grid .span-16 { grid-template-columns: repeat(16, minmax(0, 1fr)); grid-column-start: auto; grid-column-end: span 16; } @media screen and (min-width: 42rem) { .usb-grid--container .grid.normal-padding { padding: 0 calc((100vw - (8 - 1) * 2rem) / (8 + 2)); } } @media screen and (min-width: 66rem) { .usb-grid--container .grid.normal-padding { padding: 0 calc((100vw - (16 - 1) * 2rem) / (16 + 2)); } } @media screen and (min-width: 84rem) { .usb-grid--container .grid.normal-padding { padding: 0 calc((100vw - (16 - 1) * 2rem) / (16 + 2)); } } .usb-grid--container .grid.zero-gap { grid-column-gap: 0; grid-row-gap: 0; } .usb-grid--container .grid.half-gap { grid-column-gap: 1rem; grid-row-gap: 1rem; } .usb-grid--container .grid.normal-gap { grid-column-gap: 2rem; grid-row-gap: 2rem; } .usb-grid--container .grid.justify-start { justify-items: start; } .usb-grid--container .grid.justify-center { justify-items: center; } .usb-grid--container .grid.justify-end { justify-items: end; } .usb-grid--container .grid.justify-stretch { justify-items: stretch; } .usb-grid--container .grid.align-start { align-items: start; } .usb-grid--container .grid.align-center { align-items: center; } .usb-grid--container .grid.align-end { align-items: end; } .usb-grid--container .grid.align-stretch { align-items: stretch; } .usb-grid--container .grid .sm-1 { grid-column-start: auto; grid-column-end: span 1; } .usb-grid--container .grid .sm-2 { grid-column-start: auto; grid-column-end: span 2; } .usb-grid--container .grid .sm-3 { grid-column-start: auto; grid-column-end: span 3; } .usb-grid--container .grid .sm-4 { grid-column-start: auto; grid-column-end: span 4; } .usb-grid--container .grid .off-sm-1 { grid-column-start: 2; } .usb-grid--container .grid .off-sm-2 { grid-column-start: 3; } .usb-grid--container .grid .off-sm-3 { grid-column-start: 4; } @media screen and (min-width: 42rem) { .usb-grid--container .grid { grid-template-columns: repeat(8, minmax(0, 1fr)); } .usb-grid--container .grid .md-1 { grid-column-start: auto; grid-column-end: span 1; } .usb-grid--container .grid .md-2 { grid-column-start: auto; grid-column-end: span 2; } .usb-grid--container .grid .md-3 { grid-column-start: auto; grid-column-end: span 3; } .usb-grid--container .grid .md-4 { grid-column-start: auto; grid-column-end: span 4; } .usb-grid--container .grid .md-5 { grid-column-start: auto; grid-column-end: span 5; } .usb-grid--container .grid .md-6 { grid-column-start: auto; grid-column-end: span 6; } .usb-grid--container .grid .md-7 { grid-column-start: auto; grid-column-end: span 7; } .usb-grid--container .grid .md-8 { grid-column-start: auto; grid-column-end: span 8; } .usb-grid--container .grid .off-md-1 { grid-column-start: 2; } .usb-grid--container .grid .off-md-2 { grid-column-start: 3; } .usb-grid--container .grid .off-md-3 { grid-column-start: 4; } .usb-grid--container .grid .off-md-4 { grid-column-start: 5; } .usb-grid--container .grid .off-md-5 { grid-column-start: 6; } .usb-grid--container .grid .off-md-6 { grid-column-start: 7; } .usb-grid--container .grid .off-md-7 { grid-column-start: 8; } } @media screen and (min-width: 66rem) { .usb-grid--container .grid { grid-template-columns: repeat(16, minmax(0, 1fr)); } .usb-grid--container .grid .lg-1 { grid-column-start: auto; grid-column-end: span 1; } .usb-grid--container .grid .lg-2 { grid-column-start: auto; grid-column-end: span 2; } .usb-grid--container .grid .lg-3 { grid-column-start: auto; grid-column-end: span 3; } .usb-grid--container .grid .lg-4 { grid-column-start: auto; grid-column-end: span 4; } .usb-grid--container .grid .lg-5 { grid-column-start: auto; grid-column-end: span 5; } .usb-grid--container .grid .lg-6 { grid-column-start: auto; grid-column-end: span 6; } .usb-grid--container .grid .lg-7 { grid-column-start: auto; grid-column-end: span 7; } .usb-grid--container .grid .lg-8 { grid-column-start: auto; grid-column-end: span 8; } .usb-grid--container .grid .lg-9 { grid-column-start: auto; grid-column-end: span 9; } .usb-grid--container .grid .lg-10 { grid-column-start: auto; grid-column-end: span 10; } .usb-grid--container .grid .lg-11 { grid-column-start: auto; grid-column-end: span 11; } .usb-grid--container .grid .lg-12 { grid-column-start: auto; grid-column-end: span 12; } .usb-grid--container .grid .lg-13 { grid-column-start: auto; grid-column-end: span 13; } .usb-grid--container .grid .lg-14 { grid-column-start: auto; grid-column-end: span 14; } .usb-grid--container .grid .lg-15 { grid-column-start: auto; grid-column-end: span 15; } .usb-grid--container .grid .lg-16 { grid-column-start: auto; grid-column-end: span 16; } .usb-grid--container .grid .off-lg-1 { grid-column-start: 2; } .usb-grid--container .grid .off-lg-2 { grid-column-start: 3; } .usb-grid--container .grid .off-lg-3 { grid-column-start: 4; } .usb-grid--container .grid .off-lg-4 { grid-column-start: 5; } .usb-grid--container .grid .off-lg-5 { grid-column-start: 6; } .usb-grid--container .grid .off-lg-6 { grid-column-start: 7; } .usb-grid--container .grid .off-lg-7 { grid-column-start: 8; } .usb-grid--container .grid .off-lg-8 { grid-column-start: 9; } .usb-grid--container .grid .off-lg-9 { grid-column-start: 10; } .usb-grid--container .grid .off-lg-10 { grid-column-start: 11; } .usb-grid--container .grid .off-lg-11 { grid-column-start: 12; } .usb-grid--container .grid .off-lg-12 { grid-column-start: 13; } .usb-grid--container .grid .off-lg-13 { grid-column-start: 14; } .usb-grid--container .grid .off-lg-14 { grid-column-start: 15; } .usb-grid--container .grid .off-lg-15 { grid-column-start: 16; } .usb-grid--container .grid.grid--col12 { grid-template-columns: repeat(12, minmax(0, 1fr)); } } @media screen and (min-width: 84rem) { .usb-grid--container .grid { grid-template-columns: repeat(16, minmax(0, 1fr)); } .usb-grid--container .grid .xl-1 { grid-column-start: auto; grid-column-end: span 1; } .usb-grid--container .grid .xl-2 { grid-column-start: auto; grid-column-end: span 2; } .usb-grid--container .grid .xl-3 { grid-column-start: auto; grid-column-end: span 3; } .usb-grid--container .grid .xl-4 { grid-column-start: auto; grid-column-end: span 4; } .usb-grid--container .grid .xl-5 { grid-column-start: auto; grid-column-end: span 5; } .usb-grid--container .grid .xl-6 { grid-column-start: auto; grid-column-end: span 6; } .usb-grid--container .grid .xl-7 { grid-column-start: auto; grid-column-end: span 7; } .usb-grid--container .grid .xl-8 { grid-column-start: auto; grid-column-end: span 8; } .usb-grid--container .grid .xl-9 { grid-column-start: auto; grid-column-end: span 9; } .usb-grid--container .grid .xl-10 { grid-column-start: auto; grid-column-end: span 10; } .usb-grid--container .grid .xl-11 { grid-column-start: auto; grid-column-end: span 11; } .usb-grid--container .grid .xl-12 { grid-column-start: auto; grid-column-end: span 12; } .usb-grid--container .grid .xl-13 { grid-column-start: auto; grid-column-end: span 13; } .usb-grid--container .grid .xl-14 { grid-column-start: auto; grid-column-end: span 14; } .usb-grid--container .grid .xl-15 { grid-column-start: auto; grid-column-end: span 15; } .usb-grid--container .grid .xl-16 { grid-column-start: auto; grid-column-end: span 16; } .usb-grid--container .grid .off-xl-1 { grid-column-start: 2; } .usb-grid--container .grid .off-xl-2 { grid-column-start: 3; } .usb-grid--container .grid .off-xl-3 { grid-column-start: 4; } .usb-grid--container .grid .off-xl-4 { grid-column-start: 5; } .usb-grid--container .grid .off-xl-5 { grid-column-start: 6; } .usb-grid--container .grid .off-xl-6 { grid-column-start: 7; } .usb-grid--container .grid .off-xl-7 { grid-column-start: 8; } .usb-grid--container .grid .off-xl-8 { grid-column-start: 9; } .usb-grid--container .grid .off-xl-9 { grid-column-start: 10; } .usb-grid--container .grid .off-xl-10 { grid-column-start: 11; } .usb-grid--container .grid .off-xl-11 { grid-column-start: 12; } .usb-grid--container .grid .off-xl-12 { grid-column-start: 13; } .usb-grid--container .grid .off-xl-13 { grid-column-start: 14; } .usb-grid--container .grid .off-xl-14 { grid-column-start: 15; } .usb-grid--container .grid .off-xl-15 { grid-column-start: 16; } .usb-grid--container .grid.grid--col12 { grid-template-columns: repeat(12, minmax(0, 1fr)); } } .usb-grid--container .grid .col { display: flex; flex-direction: column; justify-content: space-between; align-items: flex-start; padding: 0; /* ------------------------- |*******| | | | |*******| | | | |*******| ------------------------- */ /* ------------------------- |*** | *** | ***| |*** | *** | ***| |*** | *** | ***| ------------------------- */ } .usb-grid--container .grid .col.display-block { display: block; } .usb-grid--container .grid .col.display-table { display: table; } .usb-grid--container .grid .col.display-list-item { display: list-item; list-style-position: inside; } .usb-grid--container .grid .col.display-flex-row { display: flex; flex-direction: row; justify-content: space-between; align-items: flex-start; } .usb-grid--container .grid .col.zero-padding { padding: 0; } .usb-grid--container .grid .col.half-padding { padding: 0.5rem; } .usb-grid--container .grid .col.normal-padding { padding: 1rem; } .usb-grid--container .grid .col.large-padding { padding: 2rem; } .usb-grid--container .grid .col.align-start { align-self: start; } .usb-grid--container .grid .col.align-center { align-self: center; } .usb-grid--container .grid .col.align-end { align-self: end; } .usb-grid--container .grid .col.justify-start { justify-self: start; } .usb-grid--container .grid .col.justify-center { justify-self: center; } .usb-grid--container .grid .col.justify-end { justify-self: end; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .usb-grid--container .grid { display: block; } .usb-grid--container .grid .col { float: left; min-height: 1rem; } .usb-grid--container .grid .col > * { max-width: 100%; } } @media screen and (-ms-high-contrast: none) and (min-width: 30rem), screen and (-ms-high-contrast: active) and (min-width: 30rem) { .usb-grid--container .grid .sm-1 { width: 25%; } .usb-grid--container .grid .sm-2 { width: 50%; } .usb-grid--container .grid .sm-3 { width: 75%; } .usb-grid--container .grid .sm-4 { width: 100%; } .usb-grid--container .grid .off-sm-1 { margin-left: 25%; } .usb-grid--container .grid .off-sm-2 { margin-left: 50%; } .usb-grid--container .grid .off-sm-3 { margin-left: 75%; } } @media screen and (-ms-high-contrast: none) and (min-width: 42rem), screen and (-ms-high-contrast: active) and (min-width: 42rem) { .usb-grid--container .grid .md-1 { width: 12.5%; } .usb-grid--container .grid .md-2 { width: 25%; } .usb-grid--container .grid .md-3 { width: 37.5%; } .usb-grid--container .grid .md-4 { width: 50%; } .usb-grid--container .grid .md-5 { width: 62.5%; } .usb-grid--container .grid .md-6 { width: 75%; } .usb-grid--container .grid .md-7 { width: 87.5%; } .usb-grid--container .grid .md-8 { width: 100%; } .usb-grid--container .grid .off-md-1 { margin-left: 12.5%; } .usb-grid--container .grid .off-md-2 { margin-left: 25%; } .usb-grid--container .grid .off-md-3 { margin-left: 37.5%; } .usb-grid--container .grid .off-md-4 { margin-left: 50%; } .usb-grid--container .grid .off-md-5 { margin-left: 62.5%; } .usb-grid--container .grid .off-md-6 { margin-left: 75%; } .usb-grid--container .grid .off-md-7 { margin-left: 87.5%; } } @media screen and (-ms-high-contrast: none) and (min-width: 66rem), screen and (-ms-high-contrast: active) and (min-width: 66rem) { .usb-grid--container .grid .lg-1 { width: 6.25%; } .usb-grid--container .grid .lg-2 { width: 12.5%; } .usb-grid--container .grid .lg-3 { width: 18.75%; } .usb-grid--container .grid .lg-4 { width: 25%; } .usb-grid--container .grid .lg-5 { width: 31.25%; } .usb-grid--container .grid .lg-6 { width: 37.5%; } .usb-grid--container .grid .lg-7 { width: 43.75%; } .usb-grid--container .grid .lg-8 { width: 50%; } .usb-grid--container .grid .lg-9 { width: 56.25%; } .usb-grid--container .grid .lg-10 { width: 62.5%; } .usb-grid--container .grid .lg-11 { width: 68.75%; } .usb-grid--container .grid .lg-12 { width: 75%; } .usb-grid--container .grid .lg-13 { width: 81.25%; } .usb-grid--container .grid .lg-14 { width: 87.5%; } .usb-grid--container .grid .lg-15 { width: 93.75%; } .usb-grid--container .grid .lg-16 { width: 100%; } .usb-grid--container .grid .off-lg-1 { margin-left: 6.25%; } .usb-grid--container .grid .off-lg-2 { margin-left: 12.5%; } .usb-grid--container .grid .off-lg-3 { margin-left: 18.75%; } .usb-grid--container .grid .off-lg-4 { margin-left: 25%; } .usb-grid--container .grid .off-lg-5 { margin-left: 31.25%; } .usb-grid--container .grid .off-lg-6 { margin-left: 37.5%; } .usb-grid--container .grid .off-lg-7 { margin-left: 43.75%; } .usb-grid--container .grid .off-lg-8 { margin-left: 50%; } .usb-grid--container .grid .off-lg-9 { margin-left: 56.25%; } .usb-grid--container .grid .off-lg-10 { margin-left: 62.5%; } .usb-grid--container .grid .off-lg-11 { margin-left: 68.75%; } .usb-grid--container .grid .off-lg-12 { margin-left: 75%; } .usb-grid--container .grid .off-lg-13 { margin-left: 81.25%; } .usb-grid--container .grid .off-lg-14 { margin-left: 87.5%; } .usb-grid--container .grid .off-lg-15 { margin-left: 93.75%; } } @media screen and (-ms-high-contrast: none) and (min-width: 84rem), screen and (-ms-high-contrast: active) and (min-width: 84rem) { .usb-grid--container .grid .xl-1 { width: 6.25%; } .usb-grid--container .grid .xl-2 { width: 12.5%; } .usb-grid--container .grid .xl-3 { width: 18.75%; } .usb-grid--container .grid .xl-4 { width: 25%; } .usb-grid--container .grid .xl-5 { width: 31.25%; } .usb-grid--container .grid .xl-6 { width: 37.5%; } .usb-grid--container .grid .xl-7 { width: 43.75%; } .usb-grid--container .grid .xl-8 { width: 50%; } .usb-grid--container .grid .xl-9 { width: 56.25%; } .usb-grid--container .grid .xl-10 { width: 62.5%; } .usb-grid--container .grid .xl-11 { width: 68.75%; } .usb-grid--container .grid .xl-12 { width: 75%; } .usb-grid--container .grid .xl-13 { width: 81.25%; } .usb-grid--container .grid .xl-14 { width: 87.5%; } .usb-grid--container .grid .xl-15 { width: 93.75%; } .usb-grid--container .grid .xl-16 { width: 100%; } .usb-grid--container .grid .off-xl-1 { margin-left: 6.25%; } .usb-grid--container .grid .off-xl-2 { margin-left: 12.5%; } .usb-grid--container .grid .off-xl-3 { margin-left: 18.75%; } .usb-grid--container .grid .off-xl-4 { margin-left: 25%; } .usb-grid--container .grid .off-xl-5 { margin-left: 31.25%; } .usb-grid--container .grid .off-xl-6 { margin-left: 37.5%; } .usb-grid--container .grid .off-xl-7 { margin-left: 43.75%; } .usb-grid--container .grid .off-xl-8 { margin-left: 50%; } .usb-grid--container .grid .off-xl-9 { margin-left: 56.25%; } .usb-grid--container .grid .off-xl-10 { margin-left: 62.5%; } .usb-grid--container .grid .off-xl-11 { margin-left: 68.75%; } .usb-grid--container .grid .off-xl-12 { margin-left: 75%; } .usb-grid--container .grid .off-xl-13 { margin-left: 81.25%; } .usb-grid--container .grid .off-xl-14 { margin-left: 87.5%; } .usb-grid--container .grid .off-xl-15 { margin-left: 93.75%; } } .usb-grid--container .grid .sub-grid > .grid { display: grid; grid-template-areas: none; grid-template-columns: repeat(4, minmax(0, 1fr)); width: auto; grid-column-gap: 0; grid-row-gap: 0; /* styling options JUSTIFY (THIS IS HORIZONTAL) --------------------------------- |*** |*** |*** |*** | | *** | *** | *** | *** | | ***| ***| ***| ***| |*******|*******|*******|*******| --------------------------------- */ /* styling options ALIGNMENT (THIS IS VERTICAL, BASED ON ROW HEIGHT) --------------------------------- |*******| | |*******| | |*******| |*******| | | |*******|*******| --------------------------------- */ } .usb-grid--container .grid .sub-grid > .grid .col.span-1 { grid-column: span 1; } .usb-grid--container .grid .sub-grid > .grid .col.span-2 { grid-column: span 2; } .usb-grid--container .grid .sub-grid > .grid .col.span-3 { grid-column: span 3; } .usb-grid--container .grid .sub-grid > .grid .col.span-4 { grid-column: span 4; } .usb-grid--container .grid .sub-grid > .grid.inline { display: inline-grid; } .usb-grid--container .grid .sub-grid > .grid.zero-padding { padding: 0; } .usb-grid--container .grid .sub-grid > .grid.half-padding { padding: 0.5rem; } .usb-grid--container .grid .sub-grid > .grid.normal-padding { padding: 1rem; } .usb-grid--container .grid .sub-grid > .grid.large-padding { padding: 2rem; } .usb-grid--container .grid .sub-grid > .grid.zero-gap { grid-column-gap: 0; grid-row-gap: 0; } .usb-grid--container .grid .sub-grid > .grid.half-gap { grid-column-gap: 1rem; grid-row-gap: 1rem; } .usb-grid--container .grid .sub-grid > .grid.normal-gap { grid-column-gap: 2rem; grid-row-gap: 2rem; } .usb-grid--container .grid .sub-grid > .grid.justify-start { justify-items: start; } .usb-grid--container .grid .sub-grid > .grid.justify-center { justify-items: center; } .usb-grid--container .grid .sub-grid > .grid.justify-end { justify-items: end; } .usb-grid--container .grid .sub-grid > .grid.justify-stretch { justify-items: stretch; } .usb-grid--container .grid .sub-grid > .grid.align-start { align-items: start; } .usb-grid--container .grid .sub-grid > .grid.align-center { align-items: center; } .usb-grid--container .grid .sub-grid > .grid.align-end { align-items: end; } .usb-grid--container .grid .sub-grid > .grid.align-stretch { align-items: stretch; } @media screen and (min-width: 42rem) { .usb-grid--container .grid .sub-grid > .grid--col4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } } @media screen and (min-width: 66rem) { .usb-grid--container .grid .sub-grid > .grid--col4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } } @media screen and (min-width: 84rem) { .usb-grid--container .grid .sub-grid > .grid--col4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } } .usb-grid--container .grid .sub-grid > .grid--col4 .span-1 { grid-column: span 1; } .usb-grid--container .grid .sub-grid > .grid--col4 .span-2 { grid-column: span 2; } .usb-grid--container .grid .sub-grid > .grid--col4 .span-3 { grid-column: span 3; } .usb-grid--container .grid .sub-grid > .grid--col4 .span-4 { grid-column: span 4; } .usb-grid--container .grid .sub-grid > .grid--col4 > .col.sm-1 { grid-column: span 1; } .usb-grid--container .grid .sub-grid > .grid--col4 > .col.sm-2 { grid-column: span 2; } .usb-grid--container .grid .sub-grid > .grid--col4 > .col.sm-3 { grid-column: span 3; } .usb-grid--container .grid .sub-grid > .grid--col4 > .col.sm-4 { grid-column: span 4; } @media screen and (min-width: 42rem) { .usb-grid--container .grid .sub-grid > .grid--col4 > .col.md-1 { grid-column: span 1; } .usb-grid--container .grid .sub-grid > .grid--col4 > .col.md-2 { grid-column: span 2; } .usb-grid--container .grid .sub-grid > .grid--col4 > .col.md-3 { grid-column: span 3; } .usb-grid--container .grid .sub-grid > .grid--col4 > .col.md-4 { grid-column: span 4; } } @media screen and (min-width: 66rem) { .usb-grid--container .grid .sub-grid > .grid--col4 > .col.lg-1 { grid-column: span 1; } .usb-grid--container .grid .sub-grid > .grid--col4 > .col.lg-2 { grid-column: span 2; } .usb-grid--container .grid .sub-grid > .grid--col4 > .col.lg-3 { grid-column: span 3; } .usb-grid--container .grid .sub-grid > .grid--col4 > .col.lg-4 { grid-column: span 4; } } @media screen and (min-width: 84rem) { .usb-grid--container .grid .sub-grid > .grid--col4 > .col.xl-1 { grid-column: span 1; } .usb-grid--container .grid .sub-grid > .grid--col4 > .col.xl-2 { grid-column: span 2; } .usb-grid--container .grid .sub-grid > .grid--col4 > .col.xl-3 { grid-column: span 3; } .usb-grid--container .grid .sub-grid > .grid--col4 > .col.xl-4 { grid-column: span 4; } } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .usb-grid--container .grid .sub-grid > .grid--col4 .col.sm-1 { width: 25%; } .usb-grid--container .grid .sub-grid > .grid--col4 .col.sm-2 { width: 50%; } .usb-grid--container .grid .sub-grid > .grid--col4 .col.sm-3 { width: 75%; } .usb-grid--container .grid .sub-grid > .grid--col4 .col.sm-4 { width: 100%; } } @media screen and (-ms-high-contrast: none) and (min-width: 42rem), screen and (-ms-high-contrast: active) and (min-width: 42rem) { .usb-grid--container .grid .sub-grid > .grid--col4 .col.md-1 { width: 25%; } .usb-grid--container .grid .sub-grid > .grid--col4 .col.md-2 { width: 50%; } .usb-grid--container .grid .sub-grid > .grid--col4 .col.md-3 { width: 75%; } .usb-grid--container .grid .sub-grid > .grid--col4 .col.md-4 { width: 100%; } } @media screen and (-ms-high-contrast: none) and (min-width: 66rem), screen and (-ms-high-contrast: active) and (min-width: 66rem) { .usb-grid--container .grid .sub-grid > .grid--col4 .col.lg-1 { width: 25%; } .usb-grid--container .grid .sub-grid > .grid--col4 .col.lg-2 { width: 50%; } .usb-grid--container .grid .sub-grid > .grid--col4 .col.lg-3 { width: 75%; } .usb-grid--container .grid .sub-grid > .grid--col4 .col.lg-4 { width: 100%; } } @media screen and (-ms-high-contrast: none) and (min-width: 84rem), screen and (-ms-high-contrast: active) and (min-width: 84rem) { .usb-grid--container .grid .sub-grid > .grid--col4 .col.xl-1 { width: 25%; } .usb-grid--container .grid .sub-grid > .grid--col4 .col.xl-2 { width: 50%; } .usb-grid--container .grid .sub-grid > .grid--col4 .col.xl-3 { width: 75%; } .usb-grid--container .grid .sub-grid > .grid--col4 .col.xl-4 { width: 100%; } } .usb-grid--container .grid .sub-grid > .grid--col5 { grid-template-columns: repeat(5, minmax(0, 1fr)); } @media screen and (min-width: 42rem) { .usb-grid--container .grid .sub-grid > .grid--col5 { grid-template-columns: repeat(5, minmax(0, 1fr)); } } @media screen and (min-width: 66rem) { .usb-grid--container .grid .sub-grid > .grid--col5 { grid-template-columns: repeat(5, minmax(0, 1fr)); } } @media screen and (min-width: 84rem) { .usb-grid--container .grid .sub-grid > .grid--col5 { grid-template-columns: repeat(5, minmax(0, 1fr)); } } .usb-grid--container .grid .sub-grid > .grid--col5 .span-1 { grid-column: span 1; } .usb-grid--container .grid .sub-grid > .grid--col5 .span-2 { grid-column: span 2; } .usb-grid--container .grid .sub-grid > .grid--col5 .span-3 { grid-column: span 3; } .usb-grid--container .grid .sub-grid > .grid--col5 .span-4 { grid-column: span 4; } .usb-grid--container .grid .sub-grid > .grid--col5 .span-5 { grid-column: span 5; } .usb-grid--container .grid .sub-grid > .grid--col5 > .col.sm-1 { grid-column: span 1; } .usb-grid--container .grid .sub-grid > .grid--col5 > .col.sm-2 { grid-column: span 2; } .usb-grid--container .grid .sub-grid > .grid--col5 > .col.sm-3 { grid-column: span 3; } .usb-grid--container .grid .sub-grid > .grid--col5 > .col.sm-4 { grid-column: span 4; } .usb-grid--container .grid .sub-grid > .grid--col5 > .col.sm-5 { grid-column: span 5; } @media screen and (min-width: 42rem) { .usb-grid--container .grid .sub-grid > .grid--col5 > .col.md-1 { grid-column: span 1; } .usb-grid--container .grid .sub-grid > .grid--col5 > .col.md-2 { grid-column: span 2; } .usb-grid--container .grid .sub-grid > .grid--col5 > .col.md-3 { grid-column: span 3; } .usb-grid--container .grid .sub-grid > .grid--col5 > .col.md-4 { grid-column: span 4; } .usb-grid--container .grid .sub-grid > .grid--col5 > .col.md-5 { grid-column: span 5; } } @media screen and (min-width: 66rem) { .usb-grid--container .grid .sub-grid > .grid--col5 > .col.lg-1 { grid-column: span 1; } .usb-grid--container .grid .sub-grid > .grid--col5 > .col.lg-2 { grid-column: span 2; } .usb-grid--container .grid .sub-grid > .grid--col5 > .col.lg-3 { grid-column: span 3; } .usb-grid--container .grid .sub-grid > .grid--col5 > .col.lg-4 { grid-column: span 4; } .usb-grid--container .grid .sub-grid > .grid--col5 > .col.lg-5 { grid-column: span 5; } } @media screen and (min-width: 84rem) { .usb-grid--container .grid .sub-grid > .grid--col5 > .col.xl-1 { grid-column: span 1; } .usb-grid--container .grid .sub-grid > .grid--col5 > .col.xl-2 { grid-column: span 2; } .usb-grid--container .grid .sub-grid > .grid--col5 > .col.xl-3 { grid-column: span 3; } .usb-grid--container .grid .sub-grid > .grid--col5 > .col.xl-4 { grid-column: span 4; } .usb-grid--container .grid .sub-grid > .grid--col5 > .col.xl-5 { grid-column: span 5; } } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .usb-grid--container .grid .sub-grid > .grid--col5 .col.sm-1 { width: 20%; } .usb-grid--container .grid .sub-grid > .grid--col5 .col.sm-2 { width: 40%; } .usb-grid--container .grid .sub-grid > .grid--col5 .col.sm-3 { width: 60%; } .usb-grid--container .grid .sub-grid > .grid--col5 .col.sm-4 { width: 80%; } .usb-grid--container .grid .sub-grid > .grid--col5 .col.sm-5 { width: 100%; } } @media screen and (-ms-high-contrast: none) and (min-width: 42rem), screen and (-ms-high-contrast: active) and (min-width: 42rem) { .usb-grid--container .grid .sub-grid > .grid--col5 .col.md-1 { width: 20%; } .usb-grid--container .grid .sub-grid > .grid--col5 .col.md-2 { width: 40%; } .usb-grid--container .grid .sub-grid > .grid--col5 .col.md-3 { width: 60%; } .usb-grid--container .grid .sub-grid > .grid--col5 .col.md-4 { width: 80%; } .usb-grid--container .grid .sub-grid > .grid--col5 .col.md-5 { width: 100%; } } @media screen and (-ms-high-contrast: none) and (min-width: 66rem), screen and (-ms-high-contrast: active) and (min-width: 66rem) { .usb-grid--container .grid .sub-grid > .grid--col5 .col.lg-1 { width: 20%; } .usb-grid--container .grid .sub-grid > .grid--col5 .col.lg-2 { width: 40%; } .usb-grid--container .grid .sub-grid > .grid--col5 .col.lg-3 { width: 60%; } .usb-grid--container .grid .sub-grid > .grid--col5 .col.lg-4 { width: 80%; } .usb-grid--container .grid .sub-grid > .grid--col5 .col.lg-5 { width: 100%; } } @media screen and (-ms-high-contrast: none) and (min-width: 84rem), screen and (-ms-high-contrast: active) and (min-width: 84rem) { .usb-grid--container .grid .sub-grid > .grid--col5 .col.xl-1 { width: 20%; } .usb-grid--container .grid .sub-grid > .grid--col5 .col.xl-2 { width: 40%; } .usb-grid--container .grid .sub-grid > .grid--col5 .col.xl-3 { width: 60%; } .usb-grid--container .grid .sub-grid > .grid--col5 .col.xl-4 { width: 80%; } .usb-grid--container .grid .sub-grid > .grid--col5 .col.xl-5 { width: 100%; } } .usb-grid--container .grid .sub-grid > .grid--col3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } @media screen and (min-width: 42rem) { .usb-grid--container .grid .sub-grid > .grid--col3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } } @media screen and (min-width: 66rem) { .usb-grid--container .grid .sub-grid > .grid--col3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } } @media screen and (min-width: 84rem) { .usb-grid--container .grid .sub-grid > .grid--col3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } } .usb-grid--container .grid .sub-grid > .grid--col3 .span-1 { grid-column: span 1; } .usb-grid--container .grid .sub-grid > .grid--col3 .span-2 { grid-column: span 2; } .usb-grid--container .grid .sub-grid > .grid--col3 .span-3 { grid-column: span 3; } .usb-grid--container .grid .sub-grid > .grid--col3 > .col.sm-1 { grid-column: span 1; } .usb-grid--container .grid .sub-grid > .grid--col3 > .col.sm-2 { grid-column: span 2; } .usb-grid--container .grid .sub-grid > .grid--col3 > .col.sm-3 { grid-column: span 3; } @media screen and (min-width: 42rem) { .usb-grid--container .grid .sub-grid > .grid--col3 > .col.md-1 { grid-column: span 1; } .usb-grid--container .grid .sub-grid > .grid--col3 > .col.md-2 { grid-column: span 2; } .usb-grid--container .grid .sub-grid > .grid--col3 > .col.md-3 { grid-column: span 3; } } @media screen and (min-width: 66rem) { .usb-grid--container .grid .sub-grid > .grid--col3 > .col.lg-1 { grid-column: span 1; } .usb-grid--container .grid .sub-grid > .grid--col3 > .col.lg-2 { grid-column: span 2; } .usb-grid--container .grid .sub-grid > .grid--col3 > .col.lg-3 { grid-column: span 3; } } @media screen and (min-width: 84rem) { .usb-grid--container .grid .sub-grid > .grid--col3 > .col.xl-1 { grid-column: span 1; } .usb-grid--container .grid .sub-grid > .grid--col3 > .col.xl-2 { grid-column: span 2; } .usb-grid--container .grid .sub-grid > .grid--col3 > .col.xl-3 { grid-column: span 3; } } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .usb-grid--container .grid .sub-grid > .grid--col3 .col.sm-1 { width: 33.3333333333%; } .usb-grid--container .grid .sub-grid > .grid--col3 .col.sm-2 { width: 66.6666666667%; } .usb-grid--container .grid .sub-grid > .grid--col3 .col.sm-3 { width: 100%; } .usb-grid--container .grid .sub-grid > .grid--col3 .col.sm-4 { width: 133.3333333333%; } } @media screen and (-ms-high-contrast: none) and (min-width: 42rem), screen and (-ms-high-contrast: active) and (min-width: 42rem) { .usb-grid--container .grid .sub-grid > .grid--col3 .col.md-1 { width: 33.3333333333%; } .usb-grid--container .grid .sub-grid > .grid--col3 .col.md-2 { width: 66.6666666667%; } .usb-grid--container .grid .sub-grid > .grid--col3 .col.md-3 { width: 100%; } .usb-grid--container .grid .sub-grid > .grid--col3 .col.md-4 { width: 133.3333333333%; } } @media screen and (-ms-high-contrast: none) and (min-width: 66rem), screen and (-ms-high-contrast: active) and (min-width: 66rem) { .usb-grid--container .grid .sub-grid > .grid--col3 .col.lg-1 { width: 33.3333333333%; } .usb-grid--container .grid .sub-grid > .grid--col3 .col.lg-2 { width: 66.6666666667%; } .usb-grid--container .grid .sub-grid > .grid--col3 .col.lg-3 { width: 100%; } .usb-grid--container .grid .sub-grid > .grid--col3 .col.lg-4 { width: 133.3333333333%; } } @media screen and (-ms-high-contrast: none) and (min-width: 84rem), screen and (-ms-high-contrast: active) and (min-width: 84rem) { .usb-grid--container .grid .sub-grid > .grid--col3 .col.xl-1 { width: 33.3333333333%; } .usb-grid--container .grid .sub-grid > .grid--col3 .col.xl-2 { width: 66.6666666667%; } .usb-grid--container .grid .sub-grid > .grid--col3 .col.xl-3 { width: 100%; } .usb-grid--container .grid .sub-grid > .grid--col3 .col.xl-4 { width: 133.3333333333%; } } .usb-grid--container .grid .sub-grid > .grid .col { display: flex; flex-direction: column; justify-content: space-between; align-items: flex-start; padding: 0; /* ------------------------- |*******| | | | |*******| | | | |*******| ------------------------- */ /* ------------------------- |*** | *** | ***| |*** | *** | ***| |*** | *** | ***| ------------------------- */ } .usb-grid--container .grid .sub-grid > .grid .col.display-block { display: block; } .usb-grid--container .grid .sub-grid > .grid .col.display-table { display: table; } .usb-grid--container .grid .sub-grid > .grid .col.display-list-item { display: list-item; list-style-position: inside; } .usb-grid--container .grid .sub-grid > .grid .col.display-flex-row { display: flex; flex-direction: row; justify-content: space-between; align-items: flex-start; } .usb-grid--container .grid .sub-grid > .grid .col.zero-padding { padding: 0; } .usb-grid--container .grid .sub-grid > .grid .col.half-padding { padding: 0.5rem; } .usb-grid--container .grid .sub-grid > .grid .col.normal-padding { padding: 1rem; } .usb-grid--container .grid .sub-grid > .grid .col.large-padding { padding: 2rem; } .usb-grid--container .grid .sub-grid > .grid .col.align-start { align-self: start; } .usb-grid--container .grid .sub-grid > .grid .col.align-center { align-self: center; } .usb-grid--container .grid .sub-grid > .grid .col.align-end { align-self: end; } .usb-grid--container .grid .sub-grid > .grid .col.justify-start { justify-self: start; } .usb-grid--container .grid .sub-grid > .grid .col.justify-center { justify-self: center; } .usb-grid--container .grid .sub-grid > .grid .col.justify-end { justify-self: end; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .usb-grid--container .grid .sub-grid > .grid { display: block; } .usb-grid--container .grid .sub-grid > .grid .col { display: inline-block; } } .usb--error-message { display: flex; justify-content: flex-start; align-items: flex-start; font-size: 0.75rem; } .usb--error-message svg { color: rgb(207, 42, 54); fill: rgb(207, 42, 54); height: 1rem; margin-right: 0.25rem; width: 0.75rem; } .usb--error-message span { color: rgb(207, 42, 54); line-height: 1.25; margin-top: 0.25rem; } .usb--error-message span.usb-icon { line-height: 1; } .optionalSpan { color: rgb(99, 99, 127); display: flex; font-family: Circular-USB, Arial, Helvetica, sans-serif; font-size: 0.75rem; font-weight: 400; line-height: 1.5; padding-top: 0.25rem; } .helper_label--wrapper { display: flex; justify-content: flex-start; align-items: flex-start; } .helper_label--wrapper .en_dash { color: rgb(99, 99, 127); font-family: Circular-USB, Arial, Helvetica, sans-serif; font-size: 0.75rem; font-weight: 400; line-height: 1.5; padding: 4px 0.25rem 0; } .shakeWarning { display: block; animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both; transform: translate3d(0, 0, 0); backface-visibility: hidden; perspective: 1000px; } @keyframes shake { 10%, 90% { transform: translate3d(-1px, 0, 0); } 20%, 80% { transform: translate3d(2px, 0, 0); } 30%, 50%, 70% { transform: translate3d(-4px, 0, 0); } 40%, 60% { transform: translate3d(4px, 0, 0); } } .icon-container { margin: 0; position: absolute; right: 0; top: 0.25rem; } .usb--wrapper button.show-hide__button { background-color: transparent; border: none; color: rgb(99, 99, 127); font-size: 0.875rem; font-weight: 400; line-height: 1.25rem; min-height: 1.5rem; margin: 0; outline: none; padding: 0; position: absolute; right: 0; top: 1rem; } .usb--wrapper button.show-hide__button::after { content: ""; border: 2px solid transparent; border-radius: 0.25rem; height: calc(100% + 0.5rem); position: absolute; left: -0.25rem; top: -0.25rem; transition: 0.1s ease border; width: calc(100% + 0.5rem); } .usb--wrapper button.show-hide__button:hover { text-decoration: none; } .usb--wrapper button.show-hide__button:focus::after { border-color: rgb(35, 90, 228); } .usb--checkbox--fieldset { border: 0; margin-bottom: -1.25rem; } .usb--checkbox-group--legend { color: rgb(45, 45, 62); font-family: Circular-USB, Arial, Helvetica, sans-serif; font-size: 1rem; font-weight: 500; line-height: 1.5; position: relative; } .usb--checkbox-group--legend .usb--error-message span { margin-top: 0.25rem; } .usb--checkbox-group--legend .usb-toggletip-container { display: inline-block; position: relative; left: -0.25rem; right: auto; top: 0.25rem; transform: none; } .usb--checkbox-group--legend .usb-toggletip-container + .helper_label--wrapper span { padding-top: 0; } .usb--checkbox-group--legend .usb-toggletip-container + .usb--error-message span { margin-top: 0; } .usb--checkbox-group--legend .helper_label--wrapper span { padding-top: 0.25rem; } .usb--checkbox-wrapper { margin-top: 0; margin-bottom: 1.25rem; min-height: unset; padding-top: 0; flex-basis: 50%; } .usb--checkbox-list { margin-top: 1.5rem; } @media only screen and (min-width: 41.9375rem) { .usb--checkbox-list .checkbox-column { flex-basis: 50%; } .usb--checkbox-list .checkbox-column:not(:first-of-type) { margin-left: 2rem; } .usb--checkbox-list.columns { display: flex; } } .usb--checkbox-indeterminate_parent + ul > li { margin-bottom: 1.25rem; } .usb--checkbox-indeterminate_child { margin-left: 1.25rem; } .usb--checkbox--fieldset.usb--selectable-card { margin-bottom: 0; } .usb--checkbox--fieldset.usb--selectable-card .usb--checkbox-list { margin-top: 0; } .usb--checkbox--fieldset.usb--selectable-card .usb--error-message { margin-bottom: 0.75rem; } .usb--checkbox--fieldset.usb--selectable-card .usb--selectablecard-wrapper { padding-top: 1px; padding-bottom: 1rem; } .usb--checkbox-input { cursor: pointer; height: 2.75rem; opacity: 0; position: absolute; left: -0.75rem; top: -0.75rem; width: 2.75rem; z-index: 10; } .usb--checkbox-input:checked + label .usb--checkbox-svg svg, .usb--checkbox-input[aria-checked=true] + label .usb--checkbox-svg svg, .usb--checkbox-input[aria-checked=mixed] + label .usb--checkbox-svg svg { border-width: 0; background: rgb(35, 90, 228); fill: rgb(255, 255, 255); } .usb--checkbox-input:checked:disabled + label .usb--checkbox-svg svg, .usb--checkbox-input[aria-checked=true]:disabled + label .usb--checkbox-svg svg, .usb--checkbox-input[aria-checked=mixed]:disabled + label .usb--checkbox-svg svg { fill: rgb(72, 72, 97); } .usb--checkbox-input[aria-checked=mixed] + label .usb--checkbox-svg svg { stroke: rgb(255, 255, 255); } .usb--checkbox-input[aria-checked=mixed]:disabled + label .usb--checkbox-svg svg { stroke: rgb(72, 72, 97); } .usb--checkbox-input:focus + label::after { border-color: rgb(0, 60, 200); } .usb--checkbox-input:disabled, .usb--checkbox-input:disabled + label, .usb--checkbox-input:disabled + label .usb--checkbox-svg svg { cursor: not-allowed; } .usb--checkbox-input:disabled + label .usb--checkbox-svg svg { background: rgb(204, 204, 210); border-width: 0; } .usb--checkbox-input ~ .helper_label--wrapper { margin-left: 2rem; } .usb--checkbox-icon { margin-right: 0.5rem; margin-top: -0.25rem; width: 2rem; min-width: 2rem; text-align: center; height: 2rem !important; } .usb--checkbox-icon-radius { border-radius: 50%; } .usb--checkbox-icon-radius svg { border-radius: 50%; } .usb--checkbox-label { color: rgb(72, 72, 97); cursor: pointer; display: flex; align-items: flex-start; flex-direction: row-reverse; justify-content: flex-end; font-family: Circular-USB, Arial, Helvetica, sans-serif; font-size: 1rem; font-weight: 400; position: relative; width: 100%; } .usb--checkbox-label::after { content: ""; border: 2px solid transparent; border-radius: 0.25rem; height: 2rem; position: absolute; left: -0.375rem; top: -0.375rem; width: 2rem; } .usb--checkbox-label span { display: flex; align-items: center; justify-content: center; } .usb--checkbox-label span.usb--checkbox-svg svg { background: rgb(255, 255, 255); border: 1px solid rgb(122, 122, 149); border-radius: 0.25rem; fill: transparent; stroke: transparent; height: 1.25rem; transition: border-color 0.25s ease; pointer-events: none; min-width: 1.25rem; margin-right: 0.75rem; position: relative; vertical-align: middle; width: 1.25rem; } .usb--checkbox-label span.usb--checkbox-label-text { display: inline; } .usb--checkbox-label + .usb--error-message { margin-left: 2rem; } .usb--checkbox-legend { color: rgb(45, 45, 62); font-family: Circular-USB, Arial, Helvetica, sans-serif; font-size: 1rem; font-weight: 500; line-height: 1.5; position: relative; } .usb--checkbox-legend .usb--error-message span { margin-top: 0.25rem; } .usb--checkbox-legend .usb-toggletip-container { display: inline-block; position: relative; left: -0.25rem; right: auto; top: 0.25rem; transform: none; } .usb--checkbox-legend .usb-toggletip-container + .helper_label--wrapper span { padding-top: 0; } .usb--checkbox-legend .usb-toggletip-container + .usb--error-message span { margin-top: 0; } .usb--checkbox-legend .helper_label--wrapper span { padding-top: 0.25rem; } .usb--checkbox-wrapper { position: relative; } .usb--checkbox-wrapper.usb--checkbox--fieldset > .usb--checkbox-label { margin-top: 1.5rem; } .usb--checkbox-wrapper.usb--checkbox--fieldset > .usb--checkbox-input { top: 0.75rem; } .usb--checkbox-wrapper .helper_label--wrapper span { color: rgb(99, 99, 127); } .usb--checkbox-wrapper.is-error .usb--checkbox-input + label .usb--checkbox-svg svg { background: rgb(255, 255, 255); border: 2px solid rgb(207, 42, 54); } .usb--checkbox-wrapper.is-error .usb--checkbox-input:checked + label .usb--checkbox-svg svg, .usb--checkbox-wrapper.is-error .usb--checkbox-input[aria-checked=true] + label svg { fill: rgb(207, 42, 54); } .usb--checkbox-wrapper.is-error .usb--checkbox-input[aria-checked=mixed] + label svg { stroke: rgb(207, 42, 54); } .usb--checkbox-wrapper.is-error:hover .usb--checkbox-input:checked + label .usb--checkbox-svg svg, .usb--checkbox-wrapper.is-error:hover .usb--checkbox-input[aria-checked=true] + label .usb--checkbox-svg svg, .usb--checkbox-wrapper.is-error:hover .usb--checkbox-input[aria-checked=mixed] + label .usb--checkbox-svg svg { background: rgb(255, 255, 255); border: 2px solid rgb(0, 30, 121); fill: rgb(207, 42, 54); } .usb--checkbox-wrapper.is-error:hover .usb--checkbox-input[aria-checked=mixed] + label .usb--checkbox-svg svg { stroke: rgb(207, 42, 54); } .usb--checkbox-wrapper:hover:not(.is-read-only):not(.is-disabled) .usb--checkbox-input + label .usb--checkbox-svg svg { border: 2px solid rgb(0, 60, 200); } .usb--checkbox-wrapper:hover:not(.is-read-only):not(.is-disabled) .usb--checkbox-input:active + label .usb--checkbox-svg svg { border: 2px solid rgb(0, 30, 121); } .usb--checkbox-wrapper:hover:not(.is-read-only):not(.is-disabled) .usb--checkbox-input:checked + label .usb--checkbox-svg svg, .usb--checkbox-wrapper:hover:not(.is-read-only):not(.is-disabled) .usb--checkbox-input[aria-checked=true] + label .usb--checkbox-svg svg, .usb--checkbox-wrapper:hover:not(.is-read-only):not(.is-disabled) .usb--checkbox-input[aria-checked=mixed] + label .usb--checkbox-svg svg { background: rgb(0, 60, 200); border-width: 0; fill: rgb(255, 255, 255); } .usb--checkbox-wrapper:hover:not(.is-read-only):not(.is-disabled) .usb--checkbox-input:checked:active + label .usb--checkbox-svg svg, .usb--checkbox-wrapper:hover:not(.is-read-only):not(.is-disabled) .usb--checkbox-input[aria-checked=true]:active + label .usb--checkbox-svg svg, .usb--checkbox-wrapper:hover:not(.is-read-only):not(.is-disabled) .usb--checkbox-input[aria-checked=mixed]:active + label .usb--checkbox-svg svg { background: rgba(255, 255, 255, 0.78); } .usb--checkbox-wrapper:hover:not(.is-read-only):not(.is-disabled) .usb--checkbox-input[aria-checked=mixed] + label .usb--checkbox-svg svg { stroke: rgb(255, 255, 255); } .usb--checkbox-wrapper.is-read-only { cursor: not-allowed; } .usb--checkbox-wrapper.is-read-only .usb--checkbox-input { pointer-events: none; } .usb--checkbox-wrapper.is-read-only .usb--checkbox-input + label { pointer-events: none; } .usb--checkbox-wrapper.is-read-only .usb--checkbox-input + label::after { content: ""; border: 2px solid transparent; border-radius: 0.25rem; height: 2rem; position: absolute; left: -0.375rem; top: -0.375rem; width: 2rem; } .usb--checkbox-wrapper.is-read-only .usb--checkbox-input + label span { display: flex; align-items: center; justify-content: center; } .usb--checkbox-wrapper.is-read-only .usb--checkbox-input + label span.usb--checkbox-svg svg { background: rgb(255, 255, 255); border: 1px solid rgb(122, 122, 149); border-radius: 0.25rem; fill: transparent; height: 1.25rem; transition: border-color 0.25s ease; pointer-events: none; min-width: 1.25rem; margin-right: 0.75rem; position: relative; vertical-align: middle; width: 1.25rem; } .usb--checkbox-wrapper.is-read-only .usb--checkbox-input + label span.usb--checkbox-label-text { display: inline; } .usb--checkbox-wrapper.is-read-only .usb--checkbox-input + label span:checked + label .usb--checkbox-svg svg, .usb--checkbox-wrapper.is-read-only .usb--checkbox-input + label span[aria-checked=true] + label .usb--checkbox-svg svg { fill: rgb(72, 72, 97); } .usb--checkbox-wrapper.is-read-only .usb--checkbox-input + label span[aria-checked=mixed] + label .usb--checkbox-svg svg { stroke: rgb(72, 72, 97); } .usb--wrapper { background-color: rgba(0, 0, 0, 0); margin-top: 0.5rem; min-height: 3rem; padding-top: 1rem; position: relative; width: 100%; z-index: 0; } .usb--wrapper.is-long-label { margin-top: 1.75rem; } .usb--wrapper .usb--basic-input { background-color: rgba(0, 0, 0, 0); border-radius: 0; border-style: solid; border-color: rgb(122, 122, 149); border-top-width: 0; border-right-width: 0; border-bottom-width: 1px; border-left-width: 0; color: rgb(72, 72, 97); font-family: Circular-USB, Arial, Helvetica, sans-serif; font-size: 1rem; font-weight: 400; line-height: 1.5; margin: 0 auto auto auto; padding: 0 0 0 0; width: 100%; } .usb--wrapper .usb--basic-input.input__show-hide, .usb--wrapper .usb--basic-input.input__date-picker { padding-right: 2.5rem; } .usb--wrapper .usb--basic-input.input__has-toggletip { padding-right: 1.5rem; } .usb--wrapper .usb--basic-input.input__has-toggletip + .show-hide__button { right: 2rem; } .usb--wrapper .usb--basic-input.input__is-large-currency, .usb--wrapper .usb--basic-input.input__is-large-currency-with-label { font-size: 3rem; color: rgb(45, 45, 62); font-weight: 700; } .usb--wrapper .usb--basic-input.is-large-currency-expressive { color: rgb(72, 72, 97); } .usb--wrapper .usb--basic-input.is-large-currency-expressive:focus { color: rgb(35, 90, 228); } .usb--wrapper .usb--basic-input.is-large-currency-expressive-complete { color: rgb(0, 30, 121); } .usb--wrapper .usb--basic-input::-ms-clear { display: none; height: 0; width: 0; } .usb--wrapper .usb--floating-label { background-color: rgba(0, 0, 0, 0); color: rgb(99, 99, 127); font-family: Circular-USB, Arial, Helvetica, sans-serif; font-weight: 400; font-size: 1rem; line-height: 1.5; position: absolute; top: 1rem; left: 0; transition: all 0.25s ease; } .usb--wrapper .usb--floating-label_overflow { top: calc(-1 * var(--text-input-label-line-height) * var(--text-input-label-font-size)); } .usb--wrapper .usb--error-text-container { height: auto; max-height: 0; opacity: 0; transition: max-height .5s ease-in-out, opacity .5s ease-in-out; overflow: hidden; } .usb--wrapper.is-focused::after { content: ""; border: 2px solid rgb(35, 90, 228); border-radius: 0.25rem; height: calc(100% + 0.75rem); position: absolute; left: -0.375rem; top: -0.375rem; width: calc(100% + 0.75rem); z-index: -1; } .usb--wrapper.is-focused.is-long-label::after { height: calc(100% + 1.5rem + 0.375rem); top: -1.5rem; } .usb--wrapper.is-focused.is-value label, .usb--wrapper.is-focused label { color: rgb(99, 99, 127); font-family: Circular-USB, Arial, Helvetica, sans-serif; font-weight: 400; font-size: 0.75rem; line-height: 1.5; top: 0; } .usb--wrapper.is-focused.is-value label.usb--floating-label_overflow, .usb--wrapper.is-focused label.usb--floating-label_overflow { top: calc(-1 * var(--text-input-label-line-height) * var(--text-input-label-font-size)); } .usb--wrapper.is-focused .usb--basic-input { outline: transparent; border-style: solid; border-color: rgb(35, 90, 228); border-top-width: 0; border-right-width: 0; border-bottom-width: 1px; border-left-width: 0; font-family: Circular-USB, Arial, Helvetica, sans-serif; margin-top: auto; margin-right: -1px; margin-bottom: -1px; margin-left: 0; } .usb--wrapper.is-focused.is-value .usb--basic-input { border-top-width: 0; border-right-width: 0; border-bottom-width: 2px; border-left-width: 0; color: rgb(72, 72, 97); font-family: Circular-USB, Arial, Helvetica, sans-serif; font-weight: 400; font-size: 1rem; line-height: 1.5; margin-top: auto; margin-right: -1px; margin-bottom: -1px; margin-left: 0; } .usb--wrapper.is-value .usb--basic-input { font-weight: 400; font-size: 1rem; line-height: 1.5; } .usb--wrapper.is-value .usb--basic-input.input__is-large-currency, .usb--wrapper.is-value .usb--basic-input.input__is-large-currency-with-label { font-size: 3rem; color: rgb(45, 45, 62); font-weight: 700; } .usb--wrapper.is-value .usb--basic-input.is-large-currency-expressive { color: rgb(72, 72, 97); } .usb--wrapper.is-value .usb--basic-input.is-large-currency-expressive:focus { color: rgb(35, 90, 228); } .usb--wrapper.is-value .usb--basic-input.is-large-currency-expressive-complete { color: rgb(0, 30, 121); } .usb--wrapper.is-disabled .usb--info-message, .usb--wrapper.is-disabled .usb-toggletip-container, .usb--wrapper.is-disabled .show-hide__button, .usb--wrapper.is-disabled .en_dash, .usb--wrapper.is-read-only .usb--info-message, .usb--wrapper.is-read-only .usb-toggletip-container, .usb--wrapper.is-read-only .show-hide__button, .usb--wrapper.is-read-only .en_dash { display: none; } .usb--wrapper.is-disabled.is-value .optionalSpan, .usb--wrapper.is-read-only.is-value .optionalSpan { display: none; } .usb--wrapper.is-disabled .usb--floating-label, .usb--wrapper.is-read-only .usb--floating-label { cursor: not-allowed; } .usb--wrapper.is-disabled .usb--basic-input, .usb--wrapper.is-read-only .usb--basic-input { cursor: not-allowed; background: rgba(0, 0, 0, 0); color: rgb(45, 45, 62); border: none; border-bottom: 1px solid rgba(0, 0, 0, 0); } .usb--wrapper.is-disabled .button__date-picker, .usb--wrapper.is-read-only .button__date-picker { cursor: not-allowed; } .usb--wrapper.is-value .usb--floating-label { color: rgb(99, 99, 127); font-family: Circular-USB, Arial, Helvetica, sans-serif; font-weight: 400; font-size: 0.75rem; line-height: 1.5; top: 0; } .usb--wrapper.is-value .usb--floating-label_overflow { top: -1.125rem; } .usb--wrapper.is-error .usb--floating-label, .usb--wrapper.is-error.is-value .usb--floating-label, .usb--wrapper.is-error.is-focused .usb--floating-label { color: rgb(207, 42, 54); } .usb--wrapper.is-error .usb--basic-input, .usb--wrapper.is-error.is-value .usb--basic-input, .usb--wrapper.is-error.is-focused .usb--basic-input { border-style: solid; border-color: rgb(207, 42, 54); border-top-width: 0; border-right-width: 0; border-bottom-width: 2px; border-left-width: 0; } .usb--wrapper.is-error .usb--error-text-container, .usb--wrapper.is-error.is-value .usb--error-text-container, .usb--wrapper.is-error.is-focused .usb--error-text-container { max-height: 4rem; opacity: 1; } .usb--wrapper.is-large-currency { padding-top: 0; } .usb--wrapper.is-large-currency-with-label { padding-top: 0.9rem; } .usb--wrapper .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .usb--wrapper .button__date-picker { background-color: rgba(0, 0, 0, 0); border: none; position: absolute; right: 0; top: 1rem; } .usb--wrapper.is-card-icon .usb--basic-input.input__show-hide { padding-right: 4.5rem; } .usb--wrapper.is-card-icon button.show-hide__button { right: 2rem !important; transition: all 300ms ease-out; } .usb--wrapper.is-card-icon .icon-container { top: 1.1rem; } .usb--radio-fieldset { border: 0; } .usb--radio-legend { color: rgb(45, 45, 62); font-family: Circular-USB, Arial, Helvetica, sans-serif; font-size: 1rem; font-weight: 500; line-height: 1.5; position: relative; } .usb--radio-legend + .usb--error-message { margin-bottom: 0.75rem; } .usb--radio-legend + .usb--error-message span { margin-top: 0.25rem; } .usb--radio-wrapper { display: flex; align-items: flex-start; margin-left: -0.75rem; position: relative; z-index: 0; } .usb--radio-wrapper.is-disabled:not(.is-chips), .usb--radio-wrapper.is-read-only:not(.is-chips) { cursor: not-allowed; } .usb--radio-wrapper.is-disabled:not(.is-chips) > *, .usb--radio-wrapper.is-read-only:not(.is-chips) > * { pointer-events: none; } .usb--radio-wrapper.is-disabled:not(.is-chips) input[type=radio], .usb--radio-wrapper.is-read-only:not(.is-chips) input[type=radio] { border: none; background-clip: content-box; padding: 0px; } .usb--radio-wrapper.is-disabled:not(.is-chips) input[type=radio]:not(:checked), .usb--radio-wrapper.is-read-only:not(.is-chips) input[type=radio]:not(:checked) { background-color: rgb(204, 204, 210); } .usb--radio-wrapper.is-disabled:not(.is-chips) input[type=radio]:not(:checked)::before, .usb--radio-wrapper.is-read-only:not(.is-chips) input[type=radio]:not(:checked)::before { background: rgb(204, 204, 210); } .usb--radio-wrapper.is-disabled:not(.is-chips) input[type=radio]:not(:checked)::-ms-check, .usb--radio-wrapper.is-read-only:not(.is-chips) input[type=radio]:not(:checked)::-ms-check { border: none; background-color: rgb(204, 204, 210); } .usb--radio-wrapper.is-disabled:not(.is-chips) input[type=radio]:checked, .usb--radio-wrapper.is-read-only:not(.is-chips) input[type=radio]:checked { background-color: rgb(204, 204, 210); } .usb--radio-wrapper.is-disabled:not(.is-chips) input[type=radio]:checked::before, .usb--radio-wrapper.is-read-only:not(.is-chips) input[type=radio]:checked::before { background: rgb(72, 72, 97); } .usb--radio-wrapper.is-disabled:not(.is-chips) input[type=radio]:checked::-ms-check, .usb--radio-wrapper.is-read-only:not(.is-chips) input[type=radio]:checked::-ms-check { border: none; background-color: rgb(204, 204, 210); } .usb--radio-wrapper.is-focused::after { content: ""; display: block; border: 2px solid rgb(35, 90, 228); border-radius: 0.25rem; height: 1.75rem; position: absolute; left: 0.5rem; top: 0.5rem; width: 1.75rem; z-index: -1; } .usb--radio-label { cursor: pointer; margin-top: 0.75rem; } .usb--radio-label + .helper_label--wrapper span { color: rgb(99, 99, 127); } .usb--radio-label_container { color: rgb(72, 72, 97); font-family: Circular-USB, Arial, Helvetica, sans-serif; font-size: 1rem; line-height: 1.25; position: relative; vertical-align: top; width: 100%; margin-top: 0.75rem; } .usb--radio-label_container .helper_label--wrapper { margin-bottom: 0.75rem; } .usb--radio-label_container.has-icon { padding-left: 2.5rem; } .usb--radio-label_container.has-icon .usb--radio-icon { position: absolute; left: 0; } .usb--radio-input { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: rgb(255, 255, 255); border: 1px solid rgb(122, 122, 149); border-radius: 50%; cursor: pointer; height: 1.25rem; margin: 0.75rem; min-width: 1.25rem; outline: none; padding: 3px; position: relative; width: 1.25rem; } .usb--radio-input::before { background: rgb(255, 255, 255); border-radius: 50%; content: ""; height: calc(0.5rem + 0.125rem); position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: calc(0.5rem + 0.125rem); } .usb--radio-input:checked { border: 2px solid rgb(35, 90, 228); } .usb--radio-input:checked::before { background: rgb(35, 90, 228); } .usb--radio-input:checked::-ms-check { border: 2px solid rgb(35, 90, 228); color: rgb(0, 88, 255); } .usb--radio-input:hover:not(:disabled) { border: 2px solid rgb(35, 90, 228); } .usb--radio-input:hover:not(:disabled):checked::before { background: rgb(35, 90, 228); } .usb--radio-input:hover:not(:disabled)::-ms-check { border: 2px solid rgb(35, 90, 228); color: rgb(0, 88, 255); } .is-focused .usb--radio-input:active:not(:disabled) { border: 2px solid rgb(35, 90, 228); } .is-focused .usb--radio-input:active:not(:disabled):checked::before { background: rgb(35, 90, 228); } .is-focused .usb--radio-input:active:not(:disabled)::-ms-check { border: 2px solid rgb(35, 90, 228); color: rgb(0, 30, 121); } .usb--radio-input.is-error { border: 2px solid rgb(207, 42, 54); } .usb--radio-input.is-error:checked::before { background: rgb(207, 42, 54); } .usb--radio-input.is-error::-ms-check { border: 2px solid rgb(207, 42, 54); color: rgb(0, 30, 121); } .usb--radio-icon { margin-right: 0.5rem; text-align: center; height: 2rem; } .usb--radio-icon-radius { border-radius: 50%; } .usb--radio-img { width: 2rem; min-width: 2rem; margin-top: -0.25rem; height: 2rem; vertical-align: top; } .usb--radio-svg svg { margin-top: -0.25rem; width: 2rem; height: 2rem; vertical-align: top; } .usb--radio-fieldset .usb--selectablecard-wrapper { padding-top: 1px; padding-bottom: 1rem; } .usb--select--wrapper { margin-top: 0.5rem; min-height: 3rem; position: relative; width: 100%; z-index: 0; } .usb--select--wrapper.is-focused::after { content: ""; border: 2px solid rgb(35, 90, 228); border: 2px solid rgb(35, 90, 228); border-radius: 0.25rem; height: calc(100% + 0.75rem); position: absolute; left: -0.375rem; top: -0.375rem; width: calc(100% + 0.75rem); } .usb--select--wrapper.is-focused .usb--select--container { border-style: solid; border-color: rgb(35, 90, 228); border-top-width: 0; border-right-width: 0; border-bottom-width: 2px; border-left-width: 0; padding-top: 0; } .usb--select--wrapper.is-error .usb--select--label { color: rgb(207, 42, 54); } .usb--select--wrapper.is-error .usb--select--container { border-style: solid; border-color: rgb(207, 42, 54); border-top-width: 0; border-right-width: 0; border-bottom-width: 2px; border-left-width: 0; padding-top: 0; } .usb--select--wrapper.is-error .usb--select--label, .usb--select--wrapper.is-error.is-focused .usb--select--label, .usb--select--wrapper.is-error.is-value .usb--select--label { color: rgb(207, 42, 54); } .usb--select--wrapper.is-error .usb--select--container, .usb--select--wrapper.is-error.is-focused .usb--select--container, .usb--select--wrapper.is-error.is-value .usb--select--container { border-style: solid; border-color: rgb(207, 42, 54); border-top-width: 0; border-right-width: 0; border-bottom-width: 2px; border-left-width: 0; padding-top: 0; } .usb--select--wrapper .usb--select--label { color: rgb(99, 99, 127); display: inline-block; font-family: Circular-USB, Arial, Helvetica, sans-serif; font-size: 0.75rem; font-weight: 400; line-height: 1.5; position: relative; z-index: 2; top: 0.125rem; } .usb--select--wrapper .usb--select--container { background-color: rgb(255, 255, 255); border-radius: 0; border-style: solid; border-color: rgb(122, 122, 149); border-top-width: 0; border-right-width: 0; border-bottom-width: 1px; border-left-width: 0; padding: 0 0 0 0; position: relative; z-index: 1; } .usb--select--wrapper .usb--select--container .usb--select { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: rgb(255, 255, 255); border: none; border-radius: 0; color: rgb(72, 72, 97); font-family: Circular-USB, Arial, Helvetica, sans-serif; font-weight: 400; font-size: 1rem; line-height: 1.5; padding-left: 0; padding-right: 20px; transition: all 0.25s ease; width: 100%; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .usb--select--wrapper .usb--select--container .usb--select { color: rgb(72, 72, 97); } } .usb--select--wrapper .usb--select--container .usb--select::-ms-expand { display: none; } .usb--select--wrapper .usb--select--container .usb--select:focus { margin: 0; outline: none; } .usb--select--wrapper .usb--select--container .usb--select:focus::-ms-value { background-color: rgb(255, 255, 255); color: rgb(72, 72, 97); } .usb--select--wrapper .usb--select--container .usb--select:-moz-focusring { color: rgb(72, 72, 97); -moz-appearance: none; } .usb--select--wrapper .usb--select--container .select--chevron { position: absolute; right: 0; top: 0; pointer-events: none; } .usb--select--wrapper .usb--select--container .select--chevron svg { fill: rgb(72, 72, 97); } .usb--select--wrapper.is-value .usb--select { color: rgb(45, 45, 62); } .usb--select--wrapper.is-value .usb--select:-moz-focusring { color: rgb(45, 45, 62); } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .usb--select--wrapper.is-value .usb--select:focus::-ms-value { background-color: rgb(255, 255, 255); color: rgb(45, 45, 62); } } .usb--select--wrapper.is-disabled, .usb--select--wrapper.is-read-only { cursor: not-allowed; } .usb--select--wrapper.is-disabled .usb--info-message, .usb--select--wrapper.is-disabled .usb-toggletip-container, .usb--select--wrapper.is-disabled .show-hide__button, .usb--select--wrapper.is-disabled .en_dash, .usb--select--wrapper.is-read-only .usb--info-message, .usb--select--wrapper.is-read-only .usb-toggletip-container, .usb--select--wrapper.is-read-only .show-hide__button, .usb--select--wrapper.is-read-only .en_dash { display: none; } .usb--select--wrapper.is-disabled.is-value .optionalSpan, .usb--select--wrapper.is-read-only.is-value .optionalSpan { display: none; } .usb--select--wrapper.is-disabled .usb--select--label, .usb--select--wrapper.is-read-only .usb--select--label { pointer-events: none; } .usb--select--wrapper.is-disabled .usb--select--container, .usb--select--wrapper.is-read-only .usb--select--container { background: transparent; border: none; border-bottom: 1px solid transparent; pointer-events: none; } .usb--select--wrapper.is-disabled .usb--select--container .usb--select, .usb--select--wrapper.is-read-only .usb--select--container .usb--select { color: rgb(72, 72, 97); pointer-events: none; } .usb--select--wrapper.is-disabled .usb--select--container .select--chevron, .usb--select--wrapper.is-read-only .usb--select--container .select--chevron { display: none; } .usb-text_area { display: flex; flex-direction: column; position: relative; width: 100%; z-index: 0; } .usb-text_area.is-focused::after { content: ""; border: 2px solid rgb(35, 90, 228); border-radius: 0.25rem; height: calc(100% + 0.75rem); position: absolute; left: -0.375rem; top: -0.375rem; width: calc(100% + 0.75rem); z-index: -1; } .usb-text_area.is-focused .usb-text_area--wrapper { border-color: rgb(35, 90, 228); } .usb-text_area.is-value label, .usb-text_area.is-focused label { color: rgb(99, 99, 127); font-size: 0.75rem; } .usb-text_area.is-disabled, .usb-text_area.is-read-only { cursor: not-allowed; } .usb-text_area.is-disabled label, .usb-text_area.is-read-only label { pointer-events: none; } .usb-text_area.is-disabled .usb-text_area--helpers, .usb-text_area.is-read-only .usb-text_area--helpers { display: none; } .usb-text_area.is-error .usb-text_area--wrapper { border: 2px solid rgb(207, 42, 54); } .usb-text_area.is-error .usb-text_area--wrapper label { color: rgb(207, 42, 54); } .usb-text_area.not-resizable textarea { resize: none; } .usb-text_area--wrapper { background-color: rgb(255, 255, 255); border: 1px solid rgb(122, 122, 149); border-radius: 0.25rem; color: rgb(45, 45, 62); display: flex; flex-direction: column; padding: 0.5rem 1rem; position: relative; } .usb-text_area--wrapper label { background-color: transparent; color: rgb(72, 72, 97); font-family: Circular-USB, Arial, Helvetica, sans-serif; font-weight: 400; font-size: 1rem; line-height: 1.5; min-height: 1.5rem; transition: all 0.25s ease; } .usb-text_area--wrapper .usb-text_area-basic { background-color: transparent; border: none; color: rgb(45, 45, 62); font-family: Circular-USB, Arial, Helvetica, sans-serif; font-size: 1rem; margin-top: 0; outline: none; overflow-x: hidden; overflow-y: auto; padding: 0; resize: vertical; width: 100%; line-height: 1.5; } .usb-text_area--wrapper .usb-text_area-basic:disabled, .usb-text_area--wrapper .usb-text_area-basic:read-only { color: rgb(72, 72, 97); cursor: not-allowed; resize: none; } .usb-text_area--helpers { display: flex; justify-content: flex-end; width: 100%; } .usb-text_area--helpers_content { display: flex; flex-direction: column; flex-grow: 2; padding-right: 0.5rem; } .usb-text_area--helpers_counter { color: rgb(99, 99, 127); font-family: Circular-USB, Arial, Helvetica, sans-serif; font-size: 0.75rem; font-weight: 400; line-height: 1.5; padding-top: 0.25rem; white-space: nowrap; } .usb-text_area--helpers_counter.max-length-exceeded { color: rgb(207, 42, 54); font-weight: 700; } .usb-toggletip-container { height: 2.75rem; margin: 0; position: absolute; right: -0.75rem; top: 0.25rem; width: 2.75rem; } .usb-toggletip-container button { background-color: transparent; border: none; font-size: 0.75rem; font-weight: 400; height: 2.75rem; line-height: 1.5; outline: none; padding: 0; position: relative; width: 2.75rem; /* Screen reader to hide */ } .usb-toggletip-container button:focus > span::after { content: ""; border: 2px solid rgb(35, 90, 228); border-radius: 0.25rem; height: 1.75rem; position: absolute; left: -0.25rem; top: -0.25rem; width: 1.75rem; } .usb-toggletip-container button > span { display: block; height: 1.25rem; margin: 0 auto; position: relative; width: 1.25rem; } .usb-toggletip-container button > span svg:focus { outline: none; } .usb-toggletip-container button.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .usb-toggletip-container .usb-toggletip-flyout { font-size: 0.75rem; outline: none; position: absolute; right: 0.5rem; bottom: calc(100% + 0.5rem); width: 11.25rem; z-index: 1; } .usb-toggletip-container .usb-toggletip-flyout_children { box-shadow: "0 4px 6px -1px rgba(0, 0, 0, .12), 0 2px 4px -1px rgba(0, 0, 0, .12)"; line-height: 1.5; padding: 0.25rem 0.5rem; } .usb-toggletip-container .usb-toggletip-flyout.dark { background-color: rgb(0, 30, 121); color: rgb(255, 255, 255); } .usb-toggletip-container .usb-toggletip-flyout.light { background-color: rgb(255, 255, 255); color: rgb(72, 72, 97); } .usb-toggletip-container .usb-toggletip-flyout:focus::after { content: ""; border: 2px solid rgb(35, 90, 228); border-radius: 0.25rem; height: calc(100% + 0.75rem); position: absolute; left: -0.375rem; top: -0.375rem; width: calc(100% + 0.75rem); } .usb--info-message { color: rgb(99, 99, 127); display: flex; font-family: Circular-USB, Arial, Helvetica, sans-serif; font-size: 0.75rem; font-weight: 400; line-height: 1.5; padding-top: 0.25rem; /* Screen reader to hide */ } .usb--info-message.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .usb--selectablecard { transition: box-shadow 0.25s ease-out; margin: 2px; border-radius: 10px; position: relative; background-color: rgb(255, 255, 255); cursor: pointer; } .usb--selectablecard .usb--checkbox-svg .usb-icon { width: 1.25rem; height: 1.25rem; margin: 1rem; display: block; border: solid 1px rgb(122, 122, 149); border-radius: 4px; overflow: hidden; } .usb--selectablecard .usb--checkbox-svg .usb-icon svg { display: none; } .usb--selectablecard .usb--selectablecard-body { border: solid 1px rgb(205, 209, 226); border-radius: 10px; } .usb--selectablecard .usb--selectablecard-labeltext { font-size: 1.25rem; font-weight: 500; color: rgb(0, 30, 121); } .usb--selectablecard .usb--selectablecard-helper { font-size: 0.875rem; } .usb--selectablecard .usb--radio-input { margin: 1rem; } .usb--selectablecard:hover:not(.is-disabled) { box-shadow: 0 4px 6px -1px rgba(0, 0, 0, .12), 0 2px 4px -1px rgba(0, 0, 0, .12); } .usb--selectablecard:hover:not(.is-disabled) .usb--radio-input, .usb--selectablecard:hover:not(.is-disabled) .usb--checkbox-svg .usb-icon { border: 2px solid rgb(35, 90, 228); } .usb--selectablecard:active:not(.is-disabled) { box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .12); } .usb--selectablecard:not(.is-disabled) .usb--checkbox-input:checked + .usb--checkbox-svg svg { display: block; border: none; background: rgb(35, 90, 228); fill: rgb(255, 255, 255); } .usb--selectablecard:not(.is-disabled) .usb--checkbox-input:checked + .usb--checkbox-svg .usb-icon { border: none; } .usb--selectablecard:not(.is-disabled).is-error .usb--checkbox-input:checked + .usb--checkbox-svg .usb-icon { border: solid 2px rgb(190, 19, 36); } .usb--selectablecard:not(.is-disabled).is-error:hover .usb--checkbox-input:checked + .usb--checkbox-svg .usb-icon { border: solid 2px rgb(35, 90, 228); } .usb--selectablecard:focus-within:not(.is-disabled), .usb--selectablecard.is-error:not(.is-disabled), .usb--selectablecard:active:not(.is-disabled) { margin: 0; border: solid 2px rgb(35, 90, 228); border-radius: 12px; } .usb--selectablecard:focus-within:not(.is-disabled) .usb--selectablecard-body, .usb--selectablecard.is-error:not(.is-disabled) .usb--selectablecard-body, .usb--selectablecard:active:not(.is-disabled) .usb--selectablecard-body { border-color: transparent; } .usb--selectablecard:focus-within:not(.is-disabled) .usb--checkbox-svg::after, .usb--selectablecard:focus-within:not(.is-disabled) .usb--radio-input::after { content: ""; display: block; position: absolute; top: -0.375rem; left: -0.375rem; width: 1.75rem; height: 1.75rem; border: solid 2px rgb(35, 90, 228); border-radius: 4px; } .usb--selectablecard:focus-within:not(.is-disabled) .usb--checkbox-svg::after { top: 0.75rem; left: 0.75rem; } .usb--selectablecard.is-error:not(.is-disabled) { border-color: rgb(190, 19, 36); } .usb--selectablecard.is-error:not(.is-disabled) .usb--radio-input { border: solid 2px rgb(190, 19, 36); } .usb--selectablecard.is-error:not(.is-disabled) .usb--radio-input:hover { border: solid 2px rgb(35, 90, 228); } .usb--selectablecard.is-error:not(.is-disabled) .usb--radio-input:checked::before { background-color: rgb(190, 19, 36); } .usb--selectablecard.is-error:not(.is-disabled) .usb--checkbox-svg .usb-icon { border: solid 2px rgb(190, 19, 36); } .usb--selectablecard.is-error:not(.is-disabled) .usb--checkbox-svg .usb-icon svg { background: transparent; fill: rgb(190, 19, 36); margin-top: -1px; margin-left: -2px; } .usb--selectablecard.is-disabled { pointer-events: none; } .usb--selectablecard.is-disabled .usb--radio-input { border: solid 2px rgb(205, 209, 226); background-color: rgb(205, 209, 226); } .usb--selectablecard.is-disabled .usb--radio-input:before { display: none; } .usb--selectablecard.is-disabled .usb--checkbox-svg .usb-icon { border: solid 1px rgb(205, 209, 226); background-color: rgb(205, 209, 226); } .usb--selectablecard.is-read-only { pointer-events: none; } .usb--selectablecard.is-read-only .usb--radio-input { border: solid 2px rgb(205, 209, 226); background-color: rgb(205, 209, 226); } .usb--selectablecard.is-read-only .usb--radio-input:before { display: none; } .usb--selectablecard.is-read-only .usb--checkbox-svg .usb-icon { border: solid 1px rgb(205, 209, 226); background-color: rgb(205, 209, 226); } .usb--selectablecard.horizontal-image, .usb--selectablecard.horizontal-illustration { display: flex; flex-direction: column; justify-content: center; } .usb--selectablecard.horizontal-image .usb--selectablecard-body, .usb--selectablecard.horizontal-illustration .usb--selectablecard-body { padding: 1rem 3rem 1rem 6.625rem; min-height: 5.625rem; display: flex; flex-direction: column; justify-content: center; } .usb--selectablecard.horizontal-image input, .usb--selectablecard.horizontal-image .usb--checkbox-svg, .usb--selectablecard.horizontal-illustration input, .usb--selectablecard.horizontal-illustration .usb--checkbox-svg { position: absolute; right: 0; top: 50%; margin-top: -0.65rem; left: unset; } .usb--selectablecard.horizontal-image input[type=checkbox], .usb--selectablecard.horizontal-illustration input[type=checkbox] { margin-top: -1.4rem; } .usb--selectablecard.horizontal-image .usb--checkbox-svg, .usb--selectablecard.horizontal-illustration .usb--checkbox-svg { margin-top: -1.6rem; } .usb--selectablecard.horizontal-image .usb--selectablecard-image, .usb--selectablecard.horizontal-illustration .usb--selectablecard-image { position: absolute; left: 0; top: 0; width: 5.525rem; height: 100%; border-top-left-radius: 10px; border-bottom-left-radius: 10px; overflow: hidden; } .usb--selectablecard.horizontal-image .usb--selectablecard-image img, .usb--selectablecard.horizontal-illustration .usb--selectablecard-image img { width: 100%; height: 100%; object-fit: cover; } .usb--selectablecard.usb--selectablecard.horizontal-image .usb--selectablecard-helper { font-size: 1rem; } .usb--selectablecard.horizontal-illustration .usb--selectablecard-image { padding: 0 0 0 1rem; width: 6.5rem; } .usb--selectablecard.horizontal-illustration .usb--selectablecard-image svg { width: 100%; height: 100%; } .usb--selectablecard.horizontal-illustration .usb--selectablecard-body { padding-left: 7.625rem; } .usb--selectablecard.vertical-image, .usb--selectablecard.vertical-illustration { display: flex; flex-direction: column; } .usb--selectablecard.vertical-image input, .usb--selectablecard.vertical-image .usb--checkbox-svg, .usb--selectablecard.vertical-illustration input, .usb--selectablecard.vertical-illustration .usb--checkbox-svg { position: absolute; top: 12.75rem; left: 0.125rem; } .usb--selectablecard.vertical-image .usb--selectablecard-body, .usb--selectablecard.vertical-illustration .usb--selectablecard-body { padding-bottom: 1.5rem; } .usb--selectablecard.vertical-image .usb--selectablecard-body label, .usb--selectablecard.vertical-illustration .usb--selectablecard-body label { display: flex; flex-direction: column; } .usb--selectablecard.vertical-image .usb--selectablecard-image, .usb--selectablecard.vertical-illustration .usb--selectablecard-image { width: calc(100% + 2px); margin: -1px 0 0 -1px; border-top-left-radius: 10px; border-top-right-radius: 10px; order: -1; height: 12.125rem; overflow: hidden; } .usb--selectablecard.vertical-image .usb--selectablecard-image img, .usb--selectablecard.vertical-illustration .usb--selectablecard-image img { width: 100%; } .usb--selectablecard.vertical-image .usb--selectablecard-labeltext, .usb--selectablecard.vertical-image .usb--selectablecard-helper, .usb--selectablecard.vertical-illustration .usb--selectablecard-labeltext, .usb--selectablecard.vertical-illustration .usb--selectablecard-helper { margin-left: 3.3rem; margin-right: 1rem; } .usb--selectablecard.vertical-image .usb--selectablecard-labeltext, .usb--selectablecard.vertical-illustration .usb--selectablecard-labeltext { margin-top: 1.5rem; } .usb--selectablecard.vertical-image .usb--selectablecard-image { display: flex; flex-direction: column; justify-content: center; } .usb--selectablecard.vertical-illustration input, .usb--selectablecard.vertical-illustration .usb--checkbox-svg { top: 0; right: 0; left: unset; } .usb--selectablecard.vertical-illustration .usb--selectablecard-image { padding: 1rem; height: 6.5rem; text-align: center; } .usb--selectablecard.vertical-illustration .usb--selectablecard-image svg, .usb--selectablecard.vertical-illustration .usb--selectablecard-image img { width: 5.5rem; } .usb--selectablecard.vertical-illustration .usb--selectablecard-labeltext, .usb--selectablecard.vertical-illustration .usb--selectablecard-helper { margin-left: 1rem; text-align: center; display: block; } .usb--selectablecard.vertical-illustration .usb--selectablecard-labeltext { margin-top: 0.5rem; font-size: 1rem; } .usb-button { border-radius: 0.5rem; cursor: pointer; font-family: Circular-USB, Arial, Helvetica, sans-serif; font-size: 0.875rem; font-weight: 500; height: auto; line-height: 1; max-width: 100%; outline: transparent; position: relative; transition: color 0.1s ease, border 0.1s ease; white-space: nowrap; display: inline-flex; flex-direction: row; align-items: center; justify-content: center; gap: 0.5rem; text-decoration: none; } .usb-button, .usb-button * { -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important; -webkit-focus-ring-color: rgba(0, 0, 0, 0) !important; -webkit-tap-highlight-color: transparent !important; -webkit-focus-ring-color: transparent !important; } .usb-button.button--layout_row { flex-direction: row; } .usb-button.button--layout_column { flex-direction: column; } .usb-button--icon, .usb-button .usb-icon { display: inline-flex; pointer-events: none; vertical-align: bottom; } .usb-button--icon svg, .usb-button .usb-icon svg { fill: currentColor !important; } .usb-button.button--small { min-height: 2rem; max-height: 2rem; padding: 0.5rem 0.75rem; font-size: 0.875rem; } .usb-button.button--small--icon-only { padding: 0.5rem; width: 2rem; } .usb-button.button--small.button--layout_column { gap: 0.25rem; max-height: unset; padding: 0.75rem 0.5rem; } .usb-button.button--small .usb-button--icon, .usb-button.button--small .usb-icon { width: 1rem; height: 1rem; min-width: 1rem; min-height: 1rem; max-width: 1rem; max-height: 1rem; } .usb-button.button--small .usb-button--icon svg, .usb-button.button--small .usb-icon svg { width: 1rem; height: 1rem; min-width: 1rem; min-height: 1rem; max-width: 1rem; max-height: 1rem; } .usb-button.button--medium { min-height: 2.5rem; max-height: 2.5rem; line-height: 1.5; padding: 0.5rem 1.5rem; font-size: 1rem; } .usb-button.button--medium--icon-only { padding: 0.5rem; width: 2.5rem; } .usb-button.button--medium.button--layout_column { gap: 0.25rem; max-height: unset; padding: 0.625rem 1.5rem; } .usb-button.button--medium .usb-button--icon, .usb-button.button--medium .usb-icon { width: 1.25rem; height: 1.25rem; min-width: 1.25rem; min-height: 1.25rem; max-width: 1.25rem; max-height: 1.25rem; } .usb-button.button--medium .usb-button--icon svg, .usb-button.button--medium .usb-icon svg { width: 1.25rem; height: 1.25rem; min-width: 1.25rem; min-height: 1.25rem; max-width: 1.25rem; max-height: 1.25rem; } .usb-button.button--medium::after { content: ""; position: absolute; top: -0.25rem; bottom: -0.25rem; left: 0; right: 0; } .usb-button.button--large { font-size: 1rem; min-height: 3rem; line-height: 1.5; padding: 0.75rem 2rem; } .usb-button.button--large--icon-only { padding: 0.75rem; width: 3rem; } .usb-button.button--large.button--layout_column { gap: 0.25rem; max-height: unset; padding: 0.875rem 2rem; } .usb-button.button--large .usb-button--icon, .usb-button.button--large .usb-icon { width: 1.25rem; height: 1.25rem; min-width: 1.25rem; min-height: 1.25rem; max-width: 1.25rem; max-height: 1.25rem; } .usb-button.button--large .usb-button--icon svg, .usb-button.button--large .usb-icon svg { width: 1.25rem; height: 1.25rem; min-width: 1.25rem; min-height: 1.25rem; max-width: 1.25rem; max-height: 1.25rem; } .usb-button.button--highlight { font-family: Circular-USB, Arial, Helvetica, sans-serif; font-weight: 500; line-height: 1; } .usb-button.button--highlight--heavy { background: rgb(207, 42, 54); border-color: rgba(0, 0, 0, 0); border-width: 0; border-radius: 0.5rem; color: rgb(255, 255, 255); } .usb-button.button--highlight--heavy .svg-icon { color: rgb(255, 255, 255); } .usb-button.button--highlight--heavy:hover { background: rgb(155, 10, 40); color: rgb(255, 255, 255); border-color: rgba(0, 0, 0, 0); } .usb-button.button--highlight--heavy:hover .svg-icon { color: rgb(255, 255, 255); } .usb-button.button--highlight--heavy:active { background: rgb(111, 3, 3); color: rgba(255, 255, 255, 0.78); border-color: rgba(0, 0, 0, 0); } .usb-button.button--highlight--heavy:active .svg-icon { color: rgba(255, 255, 255, 0.78); } .usb-button.button--highlight--subtle { background: rgba(0, 0, 0, 0); border: rgb(207, 42, 54) solid 1px; border-radius: 0.5rem; color: rgb(207, 42, 54); } .usb-button.button--highlight--subtle .svg-icon { color: rgb(207, 42, 54); } .usb-button.button--highlight--subtle:hover { background: rgb(155, 10, 40); color: rgb(255, 255, 255); } .usb-button.button--highlight--subtle:hover .svg-icon { color: rgb(255, 255, 255); } .usb-button.button--highlight--subtle:active { background: rgb(111, 3, 3); color: rgba(255, 255, 255, 0.78); } .usb-button.button--highlight--subtle:active .svg-icon { color: rgba(255, 255, 255, 0.78); } .usb-button.button--highlight--minimal { background: rgba(0, 0, 0, 0); border-color: rgba(0, 0, 0, 0); border-width: 0; border-radius: 0.5rem; color: rgb(207, 42, 54); } .usb-button.button--highlight--minimal .svg-icon { color: rgb(207, 42, 54); } .usb-button.button--highlight--minimal:hover { background: rgb(155, 10, 40); color: rgb(255, 255, 255); } .usb-button.button--highlight--minimal:hover .svg-icon { color: rgb(255, 255, 255); } .usb-button.button--highlight--minimal:active { background: rgb(111, 3, 3); color: rgba(255, 255, 255, 0.78); } .usb-button.button--highlight--minimal:active .svg-icon { color: rgba(255, 255, 255, 0.78); } @media (hover: none) and (pointer: coarse) { .usb-button.button--highlight { background: rgb(207, 42, 54); border: none; color: rgb(255, 255, 255); } .usb-button.button--highlight .svg-icon { color: rgb(255, 255, 255); } .usb-button.button--highlight:hover, .usb-button.button--highlight:focus { background: rgb(207, 42, 54); color: rgb(255, 255, 255); border: none; } .usb-button.button--highlight:hover .svg-icon, .usb-button.button--highlight:focus .svg-icon { color: rgb(255, 255, 255); } .usb-button.button--highlight:hover::before, .usb-button.button--highlight:focus::before { border: 2px solid rgb(35, 90, 228); border-radius: 0.5rem; content: ""; height: calc(100% + 0.75rem); position: absolute; left: -0.375rem; top: -0.375rem; width: calc(100% + 0.75rem); } .usb-button.button--highlight:active { background: rgb(111, 3, 3); border: none; color: rgba(255, 255, 255, 0.78); } .usb-button.button--highlight:active .svg-icon { color: rgba(255, 255, 255, 0.78); } } .usb-button.button--standard--heavy { border-radius: 0.5rem; font-family: Circular-USB, Arial, Helvetica, sans-serif; font-weight: 500; line-height: 1; background: rgb(35, 90, 228); border-color: rgba(0, 0, 0, 0); border-width: 0; color: rgb(255, 255, 255); } .usb-button.button--standard--heavy .svg-icon { color: rgb(255, 255, 255); } .usb-button.button--standard--heavy:hover { border-color: rgba(0, 0, 0, 0); background: rgb(0, 60, 200); } .usb-button.button--standard--heavy:active { border-color: rgba(0, 0, 0, 0); background: rgb(0, 30, 121); } .usb-button.button--standard--subtle { background: rgba(0, 0, 0, 0); border: 1px solid rgb(35, 90, 228); color: rgb(35, 90, 228); } .usb-button.button--standard--subtle .svg-icon { color: rgb(35, 90, 228); } .usb-button.button--standard--subtle:hover { background: rgb(0, 60, 200); color: rgb(255, 255, 255); } .usb-button.button--standard--subtle:hover .svg-icon { color: rgb(255, 255, 255); } .usb-button.button--standard--subtle:active { background: rgb(0, 30, 121); color: rgba(255, 255, 255, 0.78); } .usb-button.button--standard--subtle:active .svg-icon { color: rgba(255, 255, 255, 0.78); } .usb-button.button--standard--minimal { background: rgba(0, 0, 0, 0); border-color: rgba(0, 0, 0, 0); border-width: 0; border-radius: 0.5rem; color: rgb(35, 90, 228); } .usb-button.button--standard--minimal .svg-icon { color: rgb(35, 90, 228); } .usb-button.button--standard--minimal:hover { background: rgb(0, 60, 200); color: rgb(255, 255, 255); text-decoration: "none"; } .usb-button.button--standard--minimal:hover .svg-icon { color: rgb(255, 255, 255); } .usb-button.button--standard--minimal:active { background: rgb(0, 30, 121); color: rgba(255, 255, 255, 0.78); } .usb-button.button--standard--minimal:active .svg-icon { color: rgba(255, 255, 255, 0.78); } @media (hover: none) and (pointer: coarse) { .usb-button.button--standard--minimal { background: rgba(0, 0, 0, 0); border: none; color: rgb(35, 90, 228); } .usb-button.button--standard--minimal .svg-icon { color: rgb(35, 90, 228); } .usb-button.button--standard--minimal:hover, .usb-button.button--standard--minimal:focus { background: rgba(0, 0, 0, 0); color: rgb(35, 90, 228); border: none; } .usb-button.button--standard--minimal:hover .svg-icon, .usb-button.button--standard--minimal:focus .svg-icon { color: rgb(35, 90, 228); } .usb-button.button--standard--minimal:hover::before, .usb-button.button--standard--minimal:focus::before { border: 2px solid rgb(35, 90, 228); border-radius: 0.5rem; content: ""; height: calc(100% + 0.75rem); position: absolute; left: -0.375rem; top: -0.375rem; width: calc(100% + 0.75rem); } .usb-button.button--standard--minimal:active { background: rgb(0, 30, 121); border: none; color: rgba(255, 255, 255, 0.78); } .usb-button.button--standard--minimal:active .svg-icon { color: rgba(255, 255, 255, 0.78); } } @media (hover: none) and (pointer: coarse) { .usb-button.button--standard { background: rgb(35, 90, 228); border: none; color: rgb(255, 255, 255); } .usb-button.button--standard .svg-icon { color: rgb(255, 255, 255); } .usb-button.button--standard:hover, .usb-button.button--standard:focus { background: rgb(35, 90, 228); color: rgb(255, 255, 255); border: none; } .usb-button.button--standard:hover .svg-icon, .usb-button.button--standard:focus .svg-icon { color: rgb(255, 255, 255); } .usb-button.button--standard:hover::before, .usb-button.button--standard:focus::before { border: 2px solid rgb(35, 90, 228); border-radius: 0.5rem; content: ""; height: calc(100% + 0.75rem); position: absolute; left: -0.375rem; top: -0.375rem; width: calc(100% + 0.75rem); } .usb-button.button--standard:active { background: rgb(0, 30, 121); border: none; color: rgba(255, 255, 255, 0.78); } .usb-button.button--standard:active .svg-icon { color: rgba(255, 255, 255, 0.78); } } .usb-button.button--secondary { background: rgba(0, 0, 0, 0); border-width: 1px; border-color: rgb(35, 90, 228); border-radius: 0.5rem; color: rgb(35, 90, 228); font-family: Circular-USB, Arial, Helvetica, sans-serif; font-weight: 500; line-height: 1; transition: margin 0.1s ease; } .usb-button.button--secondary .svg-icon { color: rgb(35, 90, 228); } .usb-button.button--secondary:hover { background: rgb(0, 60, 200); border: 1px solid rgb(0, 30, 121); color: rgb(255, 255, 255); } .usb-button.button--secondary:hover .svg-icon { color: rgb(255, 255, 255); } .usb-button.button--secondary:active { background: rgb(0, 30, 121); color: rgba(255, 255, 255, 0.78); } .usb-button.button--secondary:active .svg-icon { color: rgb(255, 255, 255); } @media (hover: none) and (pointer: coarse) { .usb-button.button--secondary { background: rgba(0, 0, 0, 0); border: 1px solid rgb(35, 90, 228); color: rgb(35, 90, 228); } .usb-button.button--secondary .svg-icon { color: rgb(35, 90, 228); } .usb-button.button--secondary:hover, .usb-button.button--secondary:focus { background: rgba(0, 0, 0, 0); color: rgb(35, 90, 228); border: 1px solid rgb(35, 90, 228); } .usb-button.button--secondary:hover .svg-icon, .usb-button.button--secondary:focus .svg-icon { color: rgb(35, 90, 228); } .usb-button.button--secondary:hover::before, .usb-button.button--secondary:focus::before { border: 2px solid rgb(35, 90, 228); border-radius: 0.5rem; content: ""; height: calc(100% + 0.75rem); position: absolute; left: -0.375rem; top: -0.375rem; width: calc(100% + 0.75rem); } .usb-button.button--secondary:active { background: rgb(0, 30, 121); border: 1px solid rgb(35, 90, 228); color: rgba(255, 255, 255, 0.78); } .usb-button.button--secondary:active .svg-icon { color: rgba(255, 255, 255, 0.78); } } .usb-button.button--utility { font-family: Circular-USB, Arial, Helvetica, sans-serif; font-weight: 500; line-height: 1; transition: margin 0.1s ease; } .usb-button.button--utility--heavy { background: rgb(72, 72, 97); border-color: rgb(72, 72, 97); border-width: 1px; border-radius: 0.5rem; color: rgb(255, 255, 255); } .usb-button.button--utility--heavy .svg-icon { color: rgb(255, 255, 255); } .usb-button.button--utility--heavy:hover { background: rgba(0, 0, 0, 0); border: rgb(72, 72, 97) solid 1px; border-radius: 0.5rem; color: rgb(72, 72, 97); } .usb-button.button--utility--heavy:hover .svg-icon { color: rgb(72, 72, 97); } .usb-button.button--utility--subtle { background: rgba(0, 0, 0, 0); border: rgb(72, 72, 97) solid 1px; border-radius: 0.5rem; color: rgb(72, 72, 97); } .usb-button.button--utility--subtle .svg-icon { color: rgb(72, 72, 97); } .usb-button.button--utility--subtle:hover { background: rgb(72, 72, 97); color: rgb(255, 255, 255); } .usb-button.button--utility--subtle:hover .svg-icon { color: rgb(255, 255, 255); } .usb-button.button--utility--subtle:active { background: rgb(111, 3, 3); color: rgba(255, 255, 255, 0.78); } .usb-button.button--utility--subtle:active .svg-icon { color: rgba(255, 255, 255, 0.78); } .usb-button.button--utility--minimal { background: rgba(0, 0, 0, 0); border: rgba(0, 0, 0, 0) solid 1px; border-radius: 0.5rem; color: rgb(72, 72, 97); } .usb-button.button--utility--minimal .svg-icon { color: rgb(72, 72, 97); } .usb-button.button--utility--minimal:hover { background: rgb(122, 122, 149); color: rgb(255, 255, 255); } .usb-button.button--utility--minimal:hover .svg-icon { color: rgb(255, 255, 255); } .usb-button.button--utility--minimal:active { background: rgb(72, 72, 97); color: rgba(255, 255, 255, 0.78); } .usb-button.button--utility--minimal:active .svg-icon { color: rgba(255, 255, 255, 0.78); } .usb-button.button--utility.button--medium--icon-only { border: none; } .usb-button.button--utility.button--small--icon-only { border: none; } .usb-button.button--utility.button--large--icon-only { border: none; } .usb-button.button--utility .svg-icon { color: rgb(72, 72, 97); } .usb-button.button--utility:hover { background: rgb(122, 122, 149); border: none; color: rgb(255, 255, 255); padding: calc(0.75rem + 1px) calc(1.5rem + 1px); } .usb-button.button--utility:hover.button--large { padding: calc(1rem + 1px) calc(2rem + 1px); } .usb-button.button--utility:hover.button--small { padding: calc(0.5rem + 1px) calc(1.25rem + 1px); } .usb-button.button--utility:hover.button--small { padding-left: calc(0.75rem + 1px); padding-right: calc(0.75rem + 1px); } .usb-button.button--utility:hover.button--small.button--small--icon-only { padding: 0.5rem; } .usb-button.button--utility:hover.button--medium { padding-top: calc(0.5rem + 1px); padding-bottom: calc(0.5rem + 1px); } .usb-button.button--utility:hover.button--medium.button--medium--icon-only { padding: 0.5rem; } .usb-button.button--utility:hover.button--large { padding-top: calc(0.75rem + 1px); padding-bottom: calc(0.7rem + 1px); } .usb-button.button--utility:hover.button--large.button--large--icon-only { padding: 0.75rem; } .usb-button.button--utility:hover .svg-icon { color: rgb(255, 255, 255); } .usb-button.button--utility:active { background: rgb(72, 72, 97); color: rgba(255, 255, 255, 0.78); } .usb-button.button--utility:active .svg-icon { color: rgba(255, 255, 255, 0.78); } @media (hover: none) and (pointer: coarse) { .usb-button.button--utility { background: rgb(255, 255, 255); border: 0 solid rgb(122, 122, 149); color: rgb(72, 72, 97); } .usb-button.button--utility .svg-icon { color: rgb(72, 72, 97); } .usb-button.button--utility:hover, .usb-button.button--utility:focus { background: rgb(255, 255, 255); color: rgb(72, 72, 97); border: 0 solid rgb(122, 122, 149); } .usb-button.button--utility:hover .svg-icon, .usb-button.button--utility:focus .svg-icon { color: rgb(72, 72, 97); } .usb-button.button--utility:hover::before, .usb-button.button--utility:focus::before { border: 2px solid rgb(35, 90, 228); border-radius: 0.5rem; content: ""; height: calc(100% + 0.75rem); position: absolute; left: -0.375rem; top: -0.375rem; width: calc(100% + 0.75rem); } .usb-button.button--utility:active { background: rgb(72, 72, 97); border: 0 solid rgb(122, 122, 149); color: rgba(255, 255, 255, 0.78); padding: calc(0.75rem + 1px) calc(1.5rem + 1px); } .usb-button.button--utility:active.button--large { padding: calc(1rem + 1px) calc(2rem + 1px); } .usb-button.button--utility:active.button--small { padding: calc(0.5rem + 1px) calc(1.25rem + 1px); } .usb-button.button--utility:active .svg-icon { color: rgba(255, 255, 255, 0.78); } } .usb-button.button--text { background: rgba(0, 0, 0, 0); border-color: rgba(0, 0, 0, 0); border-width: 0; border-radius: 0.5rem; color: rgb(35, 90, 228); font-family: Circular-USB, Arial, Helvetica, sans-serif; font-weight: 500; line-height: 1; } .usb-button.button--text .svg-icon { color: rgb(35, 90, 228); } .usb-button.button--text:hover { background: rgb(0, 60, 200); color: rgb(255, 255, 255); text-decoration: "none"; } .usb-button.button--text:hover .svg-icon { color: rgb(255, 255, 255); } .usb-button.button--text:active { background: rgb(0, 30, 121); color: rgba(255, 255, 255, 0.78); } .usb-button.button--text:active .svg-icon { color: rgba(255, 255, 255, 0.78); } @media (hover: none) and (pointer: coarse) { .usb-button.button--text { background: rgba(0, 0, 0, 0); border: none; color: rgb(35, 90, 228); } .usb-button.button--text .svg-icon { color: rgb(35, 90, 228); } .usb-button.button--text:hover, .usb-button.button--text:focus { background: rgba(0, 0, 0, 0); color: rgb(35, 90, 228); border: none; } .usb-button.button--text:hover .svg-icon, .usb-button.button--text:focus .svg-icon { color: rgb(35, 90, 228); } .usb-button.button--text:hover::before, .usb-button.button--text:focus::before { border: 2px solid rgb(35, 90, 228); border-radius: 0.5rem; content: ""; height: calc(100% + 0.75rem); position: absolute; left: -0.375rem; top: -0.375rem; width: calc(100% + 0.75rem); } .usb-button.button--text:active { background: rgb(0, 30, 121); border: none; color: rgba(255, 255, 255, 0.78); } .usb-button.button--text:active .svg-icon { color: rgba(255, 255, 255, 0.78); } } .usb-button.button--naked { background: rgba(0, 0, 0, 0); border: 0px none rgba(0, 0, 0, 0); color: inherit; line-height: 1; } .usb-button.button--naked:hover { background: rgba(0, 0, 0, 0); border: 0px none rgba(0, 0, 0, 0); color: inherit; } .usb-button.button--naked .usb-icon { margin-right: 0.25rem; } .usb-button.button--naked .usb-icon svg { fill: currentColor; } @media (hover: none) and (pointer: coarse) { .usb-button.button--naked { background: rgba(0, 0, 0, 0); color: inherit; } .usb-button.button--naked:hover { background: rgba(0, 0, 0, 0); color: inherit; } } .usb-button:focus::before { border: 2px solid rgb(35, 90, 228); border-radius: 0.5rem; content: ""; height: calc(100% + 0.75rem); position: absolute; left: -0.375rem; top: -0.375rem; width: calc(100% + 0.75rem); } .usb-button[aria-disabled=true] { background: rgb(204, 204, 210) !important; color: rgb(72, 72, 97) !important; cursor: not-allowed !important; border-color: rgb(204, 204, 210) !important; } .usb-button[aria-disabled=true] .svg-icon { color: rgb(72, 72, 97) !important; } .usb-button[aria-disabled=true]:hover { background: rgb(204, 204, 210) !important; color: rgb(72, 72, 97) !important; } .usb-button[aria-disabled=true]:hover .svg-icon { color: rgb(72, 72, 97) !important; } .usb-button[aria-disabled=true]:active { background: rgb(204, 204, 210) !important; color: rgb(72, 72, 97) !important; } .usb-button[aria-disabled=true]:active .svg-icon { color: rgb(72, 72, 97) !important; } @media (hover: none) and (pointer: coarse) { .usb-button[aria-disabled=true] { background: rgb(204, 204, 210); color: rgb(72, 72, 97); } .usb-button[aria-disabled=true]:hover, .usb-button[aria-disabled=true]:focus { background: rgb(204, 204, 210); color: rgb(72, 72, 97); } .usb-button[aria-disabled=true]:hover:before, .usb-button[aria-disabled=true]:focus:before { border-color: rgba(0, 0, 0, 0); } } /** * usb-loading-spinner Keyframes **/ @keyframes loading-spinner_spin_dash_array { 0% { stroke-dashoffset: 0; stroke-dasharray: 1.76, 174.24; } 25% { stroke-dashoffset: -88; stroke-dasharray: 61.6, 114.4; } 50% { stroke-dashoffset: -176; stroke-dasharray: 123.2, 52.8; } 75% { stroke-dashoffset: -264; stroke-dasharray: 61.6, 114.4; } 100% { stroke-dashoffset: -352; stroke-dasharray: 1.76, 174.24; } } /** * usb-loading-spinner Style */ .usb-loading-spinner-container { margin: 0; padding: 0; border: 0; position: relative; } .usb-loading-spinner-container.default { width: 4rem; height: 4rem; } .usb-loading-spinner-container.small { width: 1.5rem; height: 1.5rem; } .usb-loading-spinner-container .usb-loading-spinner { opacity: 1; transition: all 0.5s cubic-bezier(0.42, 0, 0.58, 1); -webkit-transition: all 0.5s cubic-bezier(0.42, 0, 0.58, 1); will-change: opacity, filter, transform; -webkit-filter: blur(0px); filter: blur(0px); -webkit-transform: scale(1, 1); transform: scale(1, 1); } .usb-loading-spinner-container .usb-loading-spinner_path { opacity: 0; animation-name: loading-spinner_spin_dash_array; animation-duration: 1760ms; animation-fill-mode: forwards; animation-timing-function: linear; animation-direction: normal; animation-iteration-count: infinite; transition: opacity 0.3s ease; will-change: opacity; transform-origin: top; fill-opacity: 0; stroke: rgb(35, 90, 228); stroke-dashoffset: 25; stroke-dasharray: 50 265; } .usb-loading-spinner-container .usb-loading-spinner_percentage, .usb-loading-spinner-container .usb-loading-spinner_rail, .usb-loading-spinner-container .usb-loading-spinner_path { stroke-width: 8px; stroke-linecap: round; stroke-linejoin: round; stroke-miterlimit: 8; } .usb-loading-spinner-container .usb-loading-spinner_percentage { fill-opacity: 0; } .usb-loading-spinner-container .usb-loading-spinner_percentage:not([stroke]) { stroke: rgb(35, 90, 228); } .usb-loading-spinner-container .usb-loading-spinner_rail { stroke: rgb(238, 246, 255); fill-opacity: 0; } .usb-loading-spinner-container .usb-loading-spinner.path .usb-loading-spinner_path { opacity: 1; } .usb-loading-spinner-container .usb-loading-spinner_percentage { opacity: 0; transition: all 2s ease; will-change: opacity, stroke, stroke-dasharray; } .usb-loading-spinner-container .usb-loading-spinner.percentage .usb-loading-spinner_percentage { opacity: 1; } .usb-loading-spinner-container .usb-loading-spinner.percentage .usb-loading-spinner_zero-percent { opacity: 0; } .usb-loading-spinner-container .usb-loading-spinner__label { margin: 0.5rem 0; height: auto; color: rgb(72, 72, 97); font-family: Circular-USB, Arial, Helvetica, sans-serif; font-weight: 400; font-size: 0.75rem; line-height: 1.5; letter-spacing: 0.02em; text-align: center; } .usb-loading-spinner-container .usb-loading-spinner__label .label-default-right, .usb-loading-spinner-container .usb-loading-spinner__label .label-default-bottom, .usb-loading-spinner-container .usb-loading-spinner__label .label-small-right, .usb-loading-spinner-container .usb-loading-spinner__label .label-small-bottom { position: absolute; } .usb-notification > .error, .usb-notification > .confirmation, .usb-notification > .information, .usb-notification > .warning { display: flex; align-items: flex-start; width: 100%; padding: 1rem 2.5rem 1rem 1rem; border-radius: 0.25rem; position: relative; outline-offset: -1px; line-height: 1.5; color: rgb(45, 45, 62); font-family: Circular-USB, Arial, Helvetica, sans-serif; font-weight: 400; font-size: 0.875rem; line-height: 1.5; } .usb-notification > .error > div, .usb-notification > .confirmation > div, .usb-notification > .information > div, .usb-notification > .warning > div { margin-right: 0.75rem; } .usb-notification > .error h2, .usb-notification > .confirmation h2, .usb-notification > .information h2, .usb-notification > .warning h2 { position: relative; color: rgb(45, 45, 62); font-family: Circular-USB, Arial, Helvetica, sans-serif; font-weight: 500; font-size: 0.875rem; line-height: 1.5; display: flex; } .usb-notification > .error ul, .usb-notification > .confirmation ul, .usb-notification > .information ul, .usb-notification > .warning ul { list-style-type: disc; margin: 0.25rem 0 0 3rem; } .usb-notification > .error ul li, .usb-notification > .confirmation ul li, .usb-notification > .information ul li, .usb-notification > .warning ul li { margin: 0.5rem 0 0; vertical-align: middle; font-size: 0.875rem; } .usb-notification > .error ul li .button--naked, .usb-notification > .confirmation ul li .button--naked, .usb-notification > .information ul li .button--naked, .usb-notification > .warning ul li .button--naked { margin: 0; text-decoration: underline; line-height: inherit; vertical-align: baseline; border: none; background: none; padding: 0; display: inline; } .usb-notification > .error a, .usb-notification > .error button:not(.usb-button), .usb-notification > .confirmation a, .usb-notification > .confirmation button:not(.usb-button), .usb-notification > .information a, .usb-notification > .information button:not(.usb-button), .usb-notification > .warning a, .usb-notification > .warning button:not(.usb-button) { text-decoration: none; border: none; background: none; padding: 0; line-height: 1.5; } .usb-notification > .error .notification--content-group, .usb-notification > .confirmation .notification--content-group, .usb-notification > .information .notification--content-group, .usb-notification > .warning .notification--content-group { white-space: normal; } @media only screen and (min-width: 30rem) { .usb-notification > .error .notification--content-group, .usb-notification > .confirmation .notification--content-group, .usb-notification > .information .notification--content-group, .usb-notification > .warning .notification--content-group { white-space: nowrap; } } .usb-notification > .error .multiple-notification--text, .usb-notification > .error .single-notification--text, .usb-notification > .confirmation .multiple-notification--text, .usb-notification > .confirmation .single-notification--text, .usb-notification > .information .multiple-notification--text, .usb-notification > .information .single-notification--text, .usb-notification > .warning .multiple-notification--text, .usb-notification > .warning .single-notification--text { display: inline-flex; flex-direction: row; align-items: baseline; text-decoration: none; font-family: Circular-USB, Arial, Helvetica, sans-serif; line-height: 1.5; font-size: 0.875rem; font-weight: 400; color: rgb(45, 45, 62); } .usb-notification > .error .multiple-notification--text.single-notification--header, .usb-notification > .error .single-notification--text.single-notification--header, .usb-notification > .confirmation .multiple-notification--text.single-notification--header, .usb-notification > .confirmation .single-notification--text.single-notification--header, .usb-notification > .information .multiple-notification--text.single-notification--header, .usb-notification > .information .single-notification--text.single-notification--header, .usb-notification > .warning .multiple-notification--text.single-notification--header, .usb-notification > .warning .single-notification--text.single-notification--header { outline: none; } .usb-notification > .error .multiple-notification--link-text, .usb-notification > .error .multiple-notification--btn-text, .usb-notification > .error .single-notification--link-text, .usb-notification > .error .single-notification--link-btn, .usb-notification > .confirmation .multiple-notification--link-text, .usb-notification > .confirmation .multiple-notification--btn-text, .usb-notification > .confirmation .single-notification--link-text, .usb-notification > .confirmation .single-notification--link-btn, .usb-notification > .information .multiple-notification--link-text, .usb-notification > .information .multiple-notification--btn-text, .usb-notification > .information .single-notification--link-text, .usb-notification > .information .single-notification--link-btn, .usb-notification > .warning .multiple-notification--link-text, .usb-notification > .warning .multiple-notification--btn-text, .usb-notification > .warning .single-notification--link-text, .usb-notification > .warning .single-notification--link-btn { color: rgb(35, 90, 228); font-family: Circular-USB, Arial, Helvetica, sans-serif; font-weight: 400; font-size: 1rem; line-height: 1.5; font-size: 0.875rem; font-weight: 400; text-decoration: underline; text-align: left; line-height: 1.5; } .usb-notification > .error .multiple-notification--link-text:hover, .usb-notification > .error .multiple-notification--btn-text:hover, .usb-notification > .error .single-notification--link-text:hover, .usb-notification > .error .single-notification--link-btn:hover, .usb-notification > .confirmation .multiple-notification--link-text:hover, .usb-notification > .confirmation .multiple-notification--btn-text:hover, .usb-notification > .confirmation .single-notification--link-text:hover, .usb-notification > .confirmation .single-notification--link-btn:hover, .usb-notification > .information .multiple-notification--link-text:hover, .usb-notification > .information .multiple-notification--btn-text:hover, .usb-notification > .information .single-notification--link-text:hover, .usb-notification > .information .single-notification--link-btn:hover, .usb-notification > .warning .multiple-notification--link-text:hover, .usb-notification > .warning .multiple-notification--btn-text:hover, .usb-notification > .warning .single-notification--link-text:hover, .usb-notification > .warning .single-notification--link-btn:hover { text-decoration: none; } .usb-notification > .error .multiple-notification--link-text:hover, .usb-notification > .error .multiple-notification--btn-text:hover, .usb-notification > .error .single-notification--link-text:hover, .usb-notification > .error .single-notification--link-btn:hover, .usb-notification > .confirmation .multiple-notification--link-text:hover, .usb-notification > .confirmation .multiple-notification--btn-text:hover, .usb-notification > .confirmation .single-notification--link-text:hover, .usb-notification > .confirmation .single-notification--link-btn:hover, .usb-notification > .information .multiple-notification--link-text:hover, .usb-notification > .information .multiple-notification--btn-text:hover, .usb-notification > .information .single-notification--link-text:hover, .usb-notification > .information .single-notification--link-btn:hover, .usb-notification > .warning .multiple-notification--link-text:hover, .usb-notification > .warning .multiple-notification--btn-text:hover, .usb-notification > .warning .single-notification--link-text:hover, .usb-notification > .warning .single-notification--link-btn:hover { text-decoration: none; } .usb-notification > .error .multiple-notification--link, .usb-notification > .confirmation .multiple-notification--link, .usb-notification > .information .multiple-notification--link, .usb-notification > .warning .multiple-notification--link { margin-left: 0.25rem; } .usb-notification > .error .single-notification--link-text, .usb-notification > .error .single-notification--btn-text, .usb-notification > .confirmation .single-notification--link-text, .usb-notification > .confirmation .single-notification--btn-text, .usb-notification > .information .single-notification--link-text, .usb-notification > .information .single-notification--btn-text, .usb-notification > .warning .single-notification--link-text, .usb-notification > .warning .single-notification--btn-text { color: rgb(35, 90, 228); font-family: Circular-USB, Arial, Helvetica, sans-serif; font-weight: 400; font-size: 1rem; line-height: 1.5; font-size: 0.875rem; font-weight: 400; text-decoration: underline; line-height: 1.5; margin: 0 0.25rem; } .usb-notification > .error .single-notification--link-text:hover, .usb-notification > .error .single-notification--btn-text:hover, .usb-notification > .confirmation .single-notification--link-text:hover, .usb-notification > .confirmation .single-notification--btn-text:hover, .usb-notification > .information .single-notification--link-text:hover, .usb-notification > .information .single-notification--btn-text:hover, .usb-notification > .warning .single-notification--link-text:hover, .usb-notification > .warning .single-notification--btn-text:hover { text-decoration: none; } .usb-notification > .error .single-notification--link-text:hover, .usb-notification > .error .single-notification--btn-text:hover, .usb-notification > .confirmation .single-notification--link-text:hover, .usb-notification > .confirmation .single-notification--btn-text:hover, .usb-notification > .information .single-notification--link-text:hover, .usb-notification > .information .single-notification--btn-text:hover, .usb-notification > .warning .single-notification--link-text:hover, .usb-notification > .warning .single-notification--btn-text:hover { text-decoration: none; } .usb-notification > .error .single-notification--text-end-short, .usb-notification > .confirmation .single-notification--text-end-short, .usb-notification > .information .single-notification--text-end-short, .usb-notification > .warning .single-notification--text-end-short { margin: 0 0 0 0.25rem; } .usb-notification > .error .single-notification--text, .usb-notification > .error .single-notification--link-btn, .usb-notification > .confirmation .single-notification--text, .usb-notification > .confirmation .single-notification--link-btn, .usb-notification > .information .single-notification--text, .usb-notification > .information .single-notification--link-btn, .usb-notification > .warning .single-notification--text, .usb-notification > .warning .single-notification--link-btn { text-decoration: none; color: rgb(45, 45, 62); font-family: Circular-USB, Arial, Helvetica, sans-serif; font-weight: 400; font-size: 1rem; line-height: 1.5; font-size: 0.875rem; font-weight: 400; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .usb-notification > .error .single-notification--text, .usb-notification > .error .single-notification--link-btn, .usb-notification > .confirmation .single-notification--text, .usb-notification > .confirmation .single-notification--link-btn, .usb-notification > .information .single-notification--text, .usb-notification > .information .single-notification--link-btn, .usb-notification > .warning .single-notification--text, .usb-notification > .warning .single-notification--link-btn { /* IE10+ CSS styles go here */ margin-left: 12px; } } .usb-notification > .error .single-notification--text:focus, .usb-notification > .error .single-notification--link-btn:focus, .usb-notification > .confirmation .single-notification--text:focus, .usb-notification > .confirmation .single-notification--link-btn:focus, .usb-notification > .information .single-notification--text:focus, .usb-notification > .information .single-notification--link-btn:focus, .usb-notification > .warning .single-notification--text:focus, .usb-notification > .warning .single-notification--link-btn:focus { outline-offset: 0.25rem; outline-color: rgb(35, 90, 228); } .usb-notification > .error #children-notification-children-notification, .usb-notification > .confirmation #children-notification-children-notification, .usb-notification > .information #children-notification-children-notification, .usb-notification > .warning #children-notification-children-notification { padding-top: 0.25rem; } .usb-notification > .error #children-notification-children-notification a, .usb-notification > .confirmation #children-notification-children-notification a, .usb-notification > .information #children-notification-children-notification a, .usb-notification > .warning #children-notification-children-notification a { text-decoration: underline; } .usb-notification .usb-children-notification { margin-left: 2rem; } .usb-notification .usb-children-notification .usb-icon { position: absolute; left: 1rem; } .usb-notification .icon { width: 1.25rem; height: 1.25rem; margin-right: 0.75rem; align-self: center; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .usb-notification .icon { /* IE10+ CSS styles go here */ width: 20px; } } .usb-notification .usb-button--close-btn { position: absolute; top: 1rem; right: 1.25rem; cursor: pointer; padding: 0; height: 1.25rem; min-height: 0; min-width: 0; width: 1.25rem; background: transparent; } .usb-notification .usb-button--close-btn .svg-icon svg path, .usb-notification .usb-button--close-btn .svg-icon svg circle, .usb-notification .usb-button--close-btn .svg-icon svg ellipse, .usb-notification .usb-button--close-btn .svg-icon svg g { fill: rgb(45, 45, 62); } .usb-notification .usb-button--close-btn:hover { background: transparent; } .usb-notification > .error { border: 1px solid rgb(255, 190, 180); border-top: 4px solid rgb(207, 42, 54); background-color: rgb(255, 233, 234); box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .12); } .usb-notification > .error .usb-button:hover .svg-icon svg g, .usb-notification > .error .usb-button:hover .svg-icon svg path, .usb-notification > .error .usb-button:hover .svg-icon svg circle, .usb-notification > .error .usb-button:hover .svg-icon svg rect { fill: rgb(207, 42, 54); } .usb-notification > .confirmation { border: 1px solid rgb(160, 220, 170); border-top: 4px solid rgb(0, 125, 30); background-color: rgb(229, 248, 232); box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .12); } .usb-notification > .confirmation .usb-button:hover .svg-icon svg g, .usb-notification > .confirmation .usb-button:hover .svg-icon svg path, .usb-notification > .confirmation .usb-button:hover .svg-icon svg circle, .usb-notification > .confirmation .usb-button:hover .svg-icon svg rect { fill: rgb(0, 125, 30); } .usb-notification > .warning { border: 1px solid rgb(255, 213, 137); border-top: 4px solid rgb(235, 94, 1); background-color: rgb(255, 244, 228); box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .12); } .usb-notification > .warning .usb-button:hover .svg-icon svg g, .usb-notification > .warning .usb-button:hover .svg-icon svg path, .usb-notification > .warning .usb-button:hover .svg-icon svg circle, .usb-notification > .warning .usb-button:hover .svg-icon svg rect { fill: rgb(235, 94, 1); } .usb-notification > .information { border: 1px solid rgb(170, 210, 255); box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .12); border-top: 4px solid rgb(35, 90, 228); background-color: rgb(238, 246, 255); } .usb-notification > .information .usb-button:hover .svg-icon svg g, .usb-notification > .information .usb-button:hover .svg-icon svg path, .usb-notification > .information .usb-button:hover .svg-icon svg circle, .usb-notification > .information .usb-button:hover .svg-icon svg rect { fill: rgb(35, 90, 228); } .usb-accordion { border-top: 1px solid rgb(205, 209, 226); overflow: hidden; z-index: 3; } .usb-accordion .accordion-panel { border-bottom: 1px solid rgb(205, 209, 226); } .usb-accordion .accordion-panel:first-of-type { border-bottom: 1px solid rgb(205, 209, 226); } .usb-accordion .accordion-panel__header { display: flex; align-items: flex-start; width: 100%; padding: 0.75rem 0.75rem 0.75rem 0; color: rgb(45, 45, 62); font: inherit; font-size: 1rem; font-weight: 500; background: transparent; outline: none; border: none; cursor: pointer; text-align: left; z-index: 5; position: relative; } .usb-accordion .accordion-panel__header-title { padding: 0; margin: 0 0 0 0.75rem; font-size: 1rem; line-height: 1.5; letter-spacing: normal; font: inherit; } .usb-accordion .accordion-panel__header-title:hover { color: rgb(35, 90, 228); fill: rgb(35, 90, 228); } .usb-accordion .accordion-panel__header span { pointer-events: none; } .usb-accordion .accordion-panel__header span.usb-icon { height: 1.25rem; } .usb-accordion .accordion-panel__header:focus::after { border: 2px solid rgb(35, 90, 228); border-radius: 0.25rem; content: ""; height: calc(100% - 0.25rem); position: absolute; left: 0; top: 2px; width: 100%; } .usb-accordion .accordion-panel__header:hover { color: rgb(35, 90, 228); } .usb-accordion .accordion-panel__header:hover .usb-icon { fill: rgb(35, 90, 228); } .usb-accordion .accordion-panel__header:hover .icon-container svg { fill: rgb(35, 90, 228); } .usb-accordion .accordion-panel__header-level { background: transparent; border: 0; font-family: Circular-USB, Arial, Helvetica, sans-serif; font-size: 100%; font-weight: 500; line-height: 1.5; margin: 0; padding: 0; vertical-align: baseline; } .usb-accordion .accordion-panel__optional-title2 { margin-left: auto; } .usb-accordion .accordion-panel__content { color: rgb(72, 72, 97); font-size: 1rem; letter-spacing: normal; margin: 0; max-height: 0; opacity: 0; overflow: hidden; padding: 0 2rem; transition: max-height 0.3s cubic-bezier(0, 1, 0, 1), opacity 0.3s ease-in-out; visibility: hidden; } .usb-accordion .accordion-panel--expanded > .accordion-panel__header-level .accordion-panel__header { color: rgb(35, 90, 228); } .usb-accordion .accordion-panel--expanded > .accordion-panel__header-level .accordion-panel__header > .usb-icon svg { display: inline-block; fill: rgb(35, 90, 228); transform: rotate(90deg); transition: 0.25s ease-in-out; } .usb-accordion .accordion-panel--expanded > .accordion-panel__content { line-height: 1.5; max-height: 500px; overflow: auto; opacity: 1; padding: 0 2rem 1.5rem 2rem; transition: max-height "1s ease-in-out", opacity "0.25s ease-in-out"; visibility: visible; } .usb-accordion .accordion-panel--focused .usb-accordion .accordion-panel--expanded { outline: 2px solid rgb(35, 90, 228); outline-offset: -0.15rem; } .usb-accordion .accordion-panel--focused .usb-accordion .accordion-panel--expanded .accordion-panel__header:focus { outline: none; } .usb-date_picker { border-radius: 0.25rem; border: 1px solid rgba(0, 0, 0, 0); padding: 1.25rem 0; position: relative; width: 100%; } .usb-date_picker fieldset > legend { color: rgb(45, 45, 62); font-family: Circular-USB, Arial, Helvetica, sans-serif; font-size: 1rem; font-weight: 500; line-height: 1.5; } .usb-date_picker--range { display: flex; flex-direction: column; flex-wrap: wrap; align-items: flex-start; justify-content: flex-start; } @media screen and (min-width: 42rem) { .usb-date_picker--range { flex-direction: row; justify-content: space-between; } } .usb-date_picker--range .usb--wrapper { width: 100%; } @media screen and (min-width: 42rem) { .usb-date_picker--range .usb--wrapper { width: calc(50% - 0.75rem); } } .usb-date_picker-hr { background-color: rgb(205, 209, 226); display: none; margin: 0; margin-top: 0.75rem; position: relative; left: -1.5rem; width: calc(100% + 3rem); } .usb-date_picker .usb-calendar { display: none; } .usb-date_picker--expanded { background: rgb(255, 255, 255); border-color: rgb(205, 209, 226); border-bottom-left-radius: 0; border-bottom-right-radius: 0; box-shadow: 0 0.25rem 0.5rem 0 rgba(0, 0, 0, 0.15); padding: 1.25rem 1.5rem 0.75rem; transition: padding 0.25s ease; } .usb-date_picker--expanded .usb-date_picker-hr { display: block; } .usb-date_picker--expanded .usb-calendar { display: block; } html, body, body > div:not([class*=pendo-]) { background-color: rgb(241, 245, 251) !important; color: rgb(45, 45, 62); min-height: 100vh; overflow: auto; } #root { display: flex !important; flex-direction: column !important; } main { max-width: 1440px; margin: auto; } .usb-grid--container .grid .col { align-items: unset; } .usb-modal-v2--container { font-family: Circular-USB, Arial, Helvetica, sans-serif !important; } h1 { color: rgb(0, 30, 121) !important; font-weight: 700 !important; font-size: 2rem !important; } h2 { color: rgb(72, 72, 97) !important; font-weight: 700 !important; font-size: 1.25rem !important; } h3 { color: rgb(0, 30, 121) !important; font-weight: 700 !important; font-size: 1rem !important; } a { color: rgb(35, 90, 228); text-decoration: underline; } a:hover { text-decoration: none; } @media all and (-ms-high-contrast: none) { input[type=radio]:focus, input[type=checkbox]:focus { outline: 1px dotted #000; } } /* Chrome, Safari, Edge, Opera */ input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } /* Firefox */ input[type=number] { -moz-appearance: textfield; } /* Overwrites to make our life easier */ .usb-divider-line { margin-top: 0; } .container { max-width: 1200px; margin: 40px auto; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; } @font-face { font-family: "Circular-USB"; src: local("Circular-USB"), url(https://content.usbank.com/content/dam/onlinebanking/common/static/fonts/U.S.BankCircularWeb-Regular.woff2) format("woff2"); }