/* ====================================================== color-primary [COLOR_STEP_TOKENS] ====================================================== */ /* ====================================================== color-primary-text [COLOR_STEP_TOKENS] ====================================================== */ /* ====================================================== color-grey [COLOR_STEP_TOKENS] ====================================================== */ /* ====================================================== color-text [COLOR_STEP_TOKENS] ====================================================== */ /* ====================================================== color-error [COLOR_STEP_TOKENS] ====================================================== */ /* ====================================================== color-warning [COLOR_STEP_TOKENS] ====================================================== */ /* ====================================================== color-success [COLOR_STEP_TOKENS] ====================================================== */ /* ====================================================== color-information [COLOR_STEP_TOKENS] ====================================================== */ /* ====================================================== color-accent-mortgage [COLOR_STEP_TOKENS] ====================================================== */ /* ====================================================== color-accent-mortgage-text [COLOR_STEP_TOKENS] ====================================================== */ /* ====================================================== color-accent-investments [COLOR_STEP_TOKENS] ====================================================== */ /* ====================================================== color-accent-investments-text [COLOR_STEP_TOKENS] ====================================================== */ /* ====================================================== color-accent-credit-cards [COLOR_STEP_TOKENS] ====================================================== */ /* ====================================================== color-accent-credit-cards-text [COLOR_STEP_TOKENS] ====================================================== */ /* ====================================================== color-accent-student [COLOR_STEP_TOKENS] ====================================================== */ /* ====================================================== color-accent-student-text [COLOR_STEP_TOKENS] ====================================================== */ /* ====================================================== color-accent-savings [COLOR_STEP_TOKENS] ====================================================== */ /* ====================================================== color-accent-savings-text [COLOR_STEP_TOKENS] ====================================================== */ /* ====================================================== color-accent-checking [COLOR_STEP_TOKENS] ====================================================== */ /* ====================================================== color-accent-checking-text [COLOR_STEP_TOKENS] ====================================================== */ /* ====================================================== color-accent-checking-purple [COLOR_STEP_TOKENS] ====================================================== */ /* ====================================================== color-accent-checking-purple-text [COLOR_STEP_TOKENS] ====================================================== */ /* ====================================================== color-icon [COLOR_TOKEN] ====================================================== */ /* ====================================================== type-header-1 [TEXT_TOKEN] ====================================================== */ /* ====================================================== type-header-2 [TEXT_TOKEN] ====================================================== */ /* ====================================================== type-header-3 [TEXT_TOKEN] ====================================================== */ /* ====================================================== type-paragraph-1 [TEXT_TOKEN] ====================================================== */ /* ====================================================== type-paragraph-2 [TEXT_TOKEN] ====================================================== */ /* ====================================================== type-paragraph-3 [TEXT_TOKEN] ====================================================== */ /* ====================================================== type-text [TEXT_STEP_TOKENS] ====================================================== */ /* ====================================================== type-text-semibold [TEXT_STEP_TOKENS] ====================================================== */ /* ====================================================== type-text-bold [TEXT_STEP_TOKENS] ====================================================== */ /* ====================================================== type-text-uppercase [TEXT_STEP_TOKENS] ====================================================== */ /* ====================================================== effect-shadow [EFFECT_TOKEN] ====================================================== */ /* ====================================================== effect-shadow-dark [EFFECT_TOKEN] ====================================================== */ /* ====================================================== effect-focus [EFFECT_TOKEN] ====================================================== */ /* ====================================================== icon-edit [ICON_STEPPED_TOKEN] ====================================================== */ /* ====================================================== icon-pin-verification [ICON_STEPPED_TOKEN] ====================================================== */ /* ====================================================== icon-show-password [ICON_STEPPED_TOKEN] ====================================================== */ /* ====================================================== icon-placeholder [ICON_STEPPED_TOKEN] ====================================================== */ /* ====================================================== icon-summit-central-logo [ICON_STEPPED_TOKEN] ====================================================== */ /* ====================================================== icon-dashboard [ICON_STEPPED_TOKEN] ====================================================== */ /* ====================================================== icon-member-banking [ICON_STEPPED_TOKEN] ====================================================== */ /* ====================================================== icon-search [ICON_STEPPED_TOKEN] ====================================================== */ /* ====================================================== icon-profile [ICON_STEPPED_TOKEN] ====================================================== */ /* ====================================================== icon-insights [ICON_STEPPED_TOKEN] ====================================================== */ /* ====================================================== icon-comment [ICON_STEPPED_TOKEN] ====================================================== */ /* ====================================================== icon-accounts [ICON_STEPPED_TOKEN] ====================================================== */ /* ====================================================== icon-appointment [ICON_STEPPED_TOKEN] ====================================================== */ /* ====================================================== icon-relationship [ICON_STEPPED_TOKEN] ====================================================== */ /* ====================================================== icon-deposit [ICON_STEPPED_TOKEN] ====================================================== */ /* ====================================================== icon-withdrawl [ICON_STEPPED_TOKEN] ====================================================== */ /* ====================================================== icon-transfer [ICON_STEPPED_TOKEN] ====================================================== */ /* ====================================================== icon-correct [ICON_STEPPED_TOKEN] ====================================================== */ /* ====================================================== icon-radio [ICON_STEPPED_TOKEN] ====================================================== */ /* ====================================================== icon-radio-selected [ICON_STEPPED_TOKEN] ====================================================== */ /* ====================================================== icon-checkbox [ICON_STEPPED_TOKEN] ====================================================== */ /* ====================================================== icon-checkbox-selected [ICON_STEPPED_TOKEN] ====================================================== */ /* ====================================================== graphic-scu-logo [GRAPHIC_TOKEN] ====================================================== */ /* ====================================================== comp-scu-button-primary [COMPONENT_TOKEN] ====================================================== */ /* ====================================================== comp-scu-button-primary-default [COMPONENT_TOKEN] ====================================================== */ /* ====================================================== comp-scu-button-primary-default-label [TEXT_TOKEN] ====================================================== */ /* ====================================================== comp-scu-button-primary-hover [COMPONENT_TOKEN] ====================================================== */ /* ====================================================== comp-scu-button-primary-hover-label [TEXT_TOKEN] ====================================================== */ /* ====================================================== comp-scu-button-primary-focus [COMPONENT_TOKEN] ====================================================== */ /* ====================================================== comp-scu-button-primary-focus-label [TEXT_TOKEN] ====================================================== */ /* ====================================================== comp-scu-button-primary-disabled [COMPONENT_TOKEN] ====================================================== */ /* ====================================================== comp-scu-button-primary-disabled-label [TEXT_TOKEN] ====================================================== */ /* ====================================================== comp-scu-button-outline [COMPONENT_TOKEN] ====================================================== */ /* ====================================================== comp-scu-button-outline-default [COMPONENT_TOKEN] ====================================================== */ /* ====================================================== comp-scu-button-outline-default-label [TEXT_TOKEN] ====================================================== */ /* ====================================================== comp-scu-button-outline-hover [COMPONENT_TOKEN] ====================================================== */ /* ====================================================== comp-scu-button-outline-hover-label [TEXT_TOKEN] ====================================================== */ /* ====================================================== comp-scu-button-outline-focus [COMPONENT_TOKEN] ====================================================== */ /* ====================================================== comp-scu-button-outline-focus-label [TEXT_TOKEN] ====================================================== */ /* ====================================================== comp-scu-button-outline-disabled [COMPONENT_TOKEN] ====================================================== */ /* ====================================================== comp-scu-button-outline-disabled-label [TEXT_TOKEN] ====================================================== */ /* ====================================================== comp-scu-button-grey [COMPONENT_TOKEN] ====================================================== */ /* ====================================================== comp-scu-button-grey-default [COMPONENT_TOKEN] ====================================================== */ /* ====================================================== comp-scu-button-grey-default-label [TEXT_TOKEN] ====================================================== */ /* ====================================================== comp-scu-button-grey-hover [COMPONENT_TOKEN] ====================================================== */ /* ====================================================== comp-scu-button-grey-hover-label [TEXT_TOKEN] ====================================================== */ /* ====================================================== comp-scu-button-grey-focus [COMPONENT_TOKEN] ====================================================== */ /* ====================================================== comp-scu-button-grey-focus-label [TEXT_TOKEN] ====================================================== */ /* ====================================================== comp-scu-button-grey-disabled [COMPONENT_TOKEN] ====================================================== */ /* ====================================================== comp-scu-button-grey-disabled-label [TEXT_TOKEN] ====================================================== */ /* ====================================================== comp-scu-button-link [COMPONENT_TOKEN] ====================================================== */ /* ====================================================== comp-scu-button-link-default [COMPONENT_TOKEN] ====================================================== */ /* ====================================================== comp-scu-button-link-default-label [TEXT_TOKEN] ====================================================== */ /* ====================================================== comp-scu-button-link-hover [COMPONENT_TOKEN] ====================================================== */ /* ====================================================== comp-scu-button-link-hover-label [TEXT_TOKEN] ====================================================== */ /* ====================================================== comp-scu-button-link-focus [COMPONENT_TOKEN] ====================================================== */ /* ====================================================== comp-scu-button-link-focus-label [TEXT_TOKEN] ====================================================== */ /* ====================================================== comp-scu-button-link-disabled [COMPONENT_TOKEN] ====================================================== */ /* ====================================================== comp-scu-button-link-disabled-label [TEXT_TOKEN] ====================================================== */ /* ====================================================== comp-scu-icon-button-primary [COMPONENT_TOKEN] ====================================================== */ /* ====================================================== comp-scu-icon-button-primary-default [COMPONENT_TOKEN] ====================================================== */ /* ====================================================== comp-scu-icon-button-primary-default-icon [COMPONENT_TOKEN] ====================================================== */ /* ====================================================== comp-scu-icon-button-primary-default-label [TEXT_TOKEN] ====================================================== */ /* ====================================================== comp-scu-icon-button-primary-hover [COMPONENT_TOKEN] ====================================================== */ /* ====================================================== comp-scu-icon-button-primary-hover-icon [COMPONENT_TOKEN] ====================================================== */ /* ====================================================== comp-scu-icon-button-primary-hover-label [TEXT_TOKEN] ====================================================== */ /* ====================================================== comp-scu-icon-button-primary-focus [COMPONENT_TOKEN] ====================================================== */ /* ====================================================== comp-scu-icon-button-primary-focus-icon [COMPONENT_TOKEN] ====================================================== */ /* ====================================================== comp-scu-icon-button-primary-focus-label [TEXT_TOKEN] ====================================================== */ /* ====================================================== comp-scu-icon-button-primary-disabled [COMPONENT_TOKEN] ====================================================== */ /* ====================================================== comp-scu-icon-button-primary-disabled-icon [COMPONENT_TOKEN] ====================================================== */ /* ====================================================== comp-scu-icon-button-primary-disabled-label [TEXT_TOKEN] ====================================================== */ /* ====================================================== comp-scu-icon-button-outline [COMPONENT_TOKEN] ====================================================== */ /* ====================================================== comp-scu-icon-button-outline-default [COMPONENT_TOKEN] ====================================================== */ /* ====================================================== comp-scu-icon-button-outline-default-icon [COMPONENT_TOKEN] ====================================================== */ /* ====================================================== comp-scu-icon-button-outline-default-label [TEXT_TOKEN] ====================================================== */ /* ====================================================== comp-scu-icon-button-outline-hover [COMPONENT_TOKEN] ====================================================== */ /* ====================================================== comp-scu-icon-button-outline-hover-icon [COMPONENT_TOKEN] ====================================================== */ /* ====================================================== comp-scu-icon-button-outline-hover-label [TEXT_TOKEN] ====================================================== */ /* ====================================================== comp-scu-icon-button-outline-focus [COMPONENT_TOKEN] ====================================================== */ /* ====================================================== comp-scu-icon-button-outline-focus-icon [COMPONENT_TOKEN] ====================================================== */ /* ====================================================== comp-scu-icon-button-outline-focus-label [TEXT_TOKEN] ====================================================== */ /* ====================================================== comp-scu-icon-button-outline-disabled [COMPONENT_TOKEN] ====================================================== */ /* ====================================================== comp-scu-icon-button-outline-disabled-icon [COMPONENT_TOKEN] ====================================================== */ /* ====================================================== comp-scu-icon-button-outline-disabled-label [TEXT_TOKEN] ====================================================== */ /* ====================================================== comp-scu-nav-item-v [COMPONENT_TOKEN] ====================================================== */ /* ====================================================== comp-scu-nav-item-v-default [COMPONENT_TOKEN] ====================================================== */ /* ====================================================== comp-scu-nav-item-v-default-label [TEXT_TOKEN] ====================================================== */ /* ====================================================== comp-scu-nav-item-v-default-line-top [COMPONENT_TOKEN] ====================================================== */ /* ====================================================== comp-scu-nav-item-v-default-line-bottom [COMPONENT_TOKEN] ====================================================== */ /* ====================================================== comp-scu-nav-item-v-default-selected [COMPONENT_TOKEN] ====================================================== */ /* ====================================================== comp-scu-nav-item-v-hover [COMPONENT_TOKEN] ====================================================== */ /* ====================================================== comp-scu-nav-item-v-hover-label [TEXT_TOKEN] ====================================================== */ /* ====================================================== comp-scu-nav-item-v-hover-line-top [COMPONENT_TOKEN] ====================================================== */ /* ====================================================== comp-scu-nav-item-v-hover-line-bottom [COMPONENT_TOKEN] ====================================================== */ /* ====================================================== comp-scu-nav-item-v-hover-selected [COMPONENT_TOKEN] ====================================================== */ /* ====================================================== comp-scu-nav-item-v-focused [COMPONENT_TOKEN] ====================================================== */ /* ====================================================== comp-scu-nav-item-v-focused-label [TEXT_TOKEN] ====================================================== */ /* ====================================================== comp-scu-nav-item-v-focused-line-top [COMPONENT_TOKEN] ====================================================== */ /* ====================================================== comp-scu-nav-item-v-focused-line-bottom [COMPONENT_TOKEN] ====================================================== */ /* ====================================================== comp-scu-nav-item-v-focused-selected [COMPONENT_TOKEN] ====================================================== */ /* ====================================================== comp-scu-nav-item-v-selected [COMPONENT_TOKEN] ====================================================== */ /* ====================================================== comp-scu-nav-item-v-selected-label [TEXT_TOKEN] ====================================================== */ /* ====================================================== comp-scu-nav-item-v-selected-line-top [COMPONENT_TOKEN] ====================================================== */ /* ====================================================== comp-scu-nav-item-v-selected-line-bottom [COMPONENT_TOKEN] ====================================================== */ /* ====================================================== comp-scu-nav-item-v-selected-selected [COMPONENT_TOKEN] ====================================================== */ /* ====================================================== comp-scu-nav-item-v-selected-hover [COMPONENT_TOKEN] ====================================================== */ /* ====================================================== comp-scu-nav-item-v-selected-hover-label [TEXT_TOKEN] ====================================================== */ /* ====================================================== comp-scu-nav-item-v-selected-hover-line-top [COMPONENT_TOKEN] ====================================================== */ /* ====================================================== comp-scu-nav-item-v-selected-hover-line-bottom [COMPONENT_TOKEN] ====================================================== */ /* ====================================================== comp-scu-nav-item-v-selected-hover-selected [COMPONENT_TOKEN] ====================================================== */ /* ====================================================== comp-scu-nav-item-h-icon [COMPONENT_TOKEN] ====================================================== */ /* ====================================================== comp-scu-nav-item-h-icon-icon-box [COMPONENT_TOKEN] ====================================================== */ /* ====================================================== comp-scu-nav-item-h-icon-icon-box-i-c-o-n-24 [COMPONENT_TOKEN] ====================================================== */ /* ====================================================== comp-scu-nav-item-h-icon-icon-box-notification [COMPONENT_TOKEN] ====================================================== */ /* ====================================================== comp-scu-nav-item-h-icon-icon-box-notification-number [TEXT_TOKEN] ====================================================== */ /* ====================================================== comp-scu-nav-item-h-icon-comments [TEXT_TOKEN] ====================================================== */ /* ====================================================== comp-scu-nav-item-h-icon-select [COMPONENT_TOKEN] ====================================================== */ /* ====================================================== comp-beta-scu-button-2 [COMPONENT_TOKEN] ====================================================== */ /* ====================================================== comp-beta-scu-button-2-scu-button-2-background [COMPONENT_TOKEN] ====================================================== */ /* ====================================================== comp-beta-scu-button-2-label [TEXT_TOKEN] ====================================================== */ /* ====================================================== comp-scu-input-text [COMPONENT_TOKEN] ====================================================== */ /* ====================================================== comp-scu-input-text-scu-input-field [COMPONENT_TOKEN] ====================================================== */ /* ====================================================== comp-scu-input-text-scu-input-field-default [COMPONENT_TOKEN] ====================================================== */ /* ====================================================== comp-scu-input-text-scu-input-field-default-input [TEXT_TOKEN] ====================================================== */ /* ====================================================== comp-scu-input-text-scu-input-field-default-placeholder [TEXT_TOKEN] ====================================================== */ /* ====================================================== comp-scu-input-text-scu-input-field-error [COMPONENT_TOKEN] ====================================================== */ /* ====================================================== comp-scu-input-text-scu-input-field-error-input [TEXT_TOKEN] ====================================================== */ /* ====================================================== comp-scu-input-text-scu-input-field-error-placeholder [TEXT_TOKEN] ====================================================== */ /* ====================================================== comp-scu-input-text-scu-input-error [COMPONENT_TOKEN] ====================================================== */ /* ====================================================== comp-scu-input-text-scu-input-error-error [TEXT_TOKEN] ====================================================== */ /* ====================================================== comp-scu-input-text-scu-input-label [COMPONENT_TOKEN] ====================================================== */ /* ====================================================== comp-scu-input-text-scu-input-label-label [TEXT_TOKEN] ====================================================== */ /* ====================================================== comp-scu-input-textarea [COMPONENT_TOKEN] ====================================================== */ /* ====================================================== comp-scu-input-textarea-label [TEXT_TOKEN] ====================================================== */ /* ====================================================== comp-scu-input-textarea-scu-input-error [COMPONENT_TOKEN] ====================================================== */ /* ====================================================== comp-scu-input-textarea-scu-input-error-error [TEXT_TOKEN] ====================================================== */ /* ====================================================== comp-scu-input-textarea-scu-input-field [COMPONENT_TOKEN] ====================================================== */ /* ====================================================== comp-scu-input-textarea-scu-input-field-default [COMPONENT_TOKEN] ====================================================== */ /* ====================================================== comp-scu-input-textarea-scu-input-field-default-input [TEXT_TOKEN] ====================================================== */ /* ====================================================== comp-scu-input-textarea-scu-input-field-default-placeholder [TEXT_TOKEN] ====================================================== */ /* ====================================================== comp-scu-input-textarea-scu-input-field-error [COMPONENT_TOKEN] ====================================================== */ /* ====================================================== comp-scu-input-textarea-scu-input-field-error-input [TEXT_TOKEN] ====================================================== */ /* ====================================================== comp-scu-input-textarea-scu-input-field-error-placeholder [TEXT_TOKEN] ====================================================== */ /* ====================================================== comp-scu-input-radio [COMPONENT_TOKEN] ====================================================== */ /* ====================================================== comp-scu-input-radio-default [COMPONENT_TOKEN] ====================================================== */ /* ====================================================== comp-scu-input-radio-default-label [TEXT_TOKEN] ====================================================== */ /* ====================================================== comp-scu-input-radio-default-scu-input-error [COMPONENT_TOKEN] ====================================================== */ /* ====================================================== comp-scu-input-radio-default-scu-input-error-error [TEXT_TOKEN] ====================================================== */ /* ====================================================== comp-scu-input-radio-default-i-c-o-n-16 [COMPONENT_TOKEN] ====================================================== */ /* ====================================================== comp-scu-input-radio-selected [COMPONENT_TOKEN] ====================================================== */ /* ====================================================== comp-scu-input-radio-selected-label [TEXT_TOKEN] ====================================================== */ /* ====================================================== comp-scu-input-radio-selected-scu-input-error [COMPONENT_TOKEN] ====================================================== */ /* ====================================================== comp-scu-input-radio-selected-scu-input-error-error [TEXT_TOKEN] ====================================================== */ /* ====================================================== comp-scu-input-radio-selected-i-c-o-n-16 [COMPONENT_TOKEN] ====================================================== */ /* ====================================================== comp-scu-input-checkbox [COMPONENT_TOKEN] ====================================================== */ /* ====================================================== comp-scu-input-checkbox-default [COMPONENT_TOKEN] ====================================================== */ /* ====================================================== comp-scu-input-checkbox-default-label [TEXT_TOKEN] ====================================================== */ /* ====================================================== comp-scu-input-checkbox-default-scu-input-error [COMPONENT_TOKEN] ====================================================== */ /* ====================================================== comp-scu-input-checkbox-default-scu-input-error-error [TEXT_TOKEN] ====================================================== */ /* ====================================================== comp-scu-input-checkbox-default-i-c-o-n-16 [COMPONENT_TOKEN] ====================================================== */ /* ====================================================== comp-scu-input-checkbox-selected [COMPONENT_TOKEN] ====================================================== */ /* ====================================================== comp-scu-input-checkbox-selected-label [TEXT_TOKEN] ====================================================== */ /* ====================================================== comp-scu-input-checkbox-selected-scu-input-error [COMPONENT_TOKEN] ====================================================== */ /* ====================================================== comp-scu-input-checkbox-selected-scu-input-error-error [TEXT_TOKEN] ====================================================== */ /* ====================================================== comp-scu-input-checkbox-selected-i-c-o-n-16 [COMPONENT_TOKEN] ====================================================== */ /* ====================================================== comp-scu-member-profile [COMPONENT_TOKEN] ====================================================== */ /* ====================================================== comp-scu-member-profile-member-picture [COMPONENT_TOKEN] ====================================================== */ /* ====================================================== comp-scu-member-profile-member-picture-screen-shot-2020-10-16-at-12-38-1 [COMPONENT_TOKEN] ====================================================== */ /* ====================================================== comp-scu-member-profile-label-box [COMPONENT_TOKEN] ====================================================== */ /* ====================================================== comp-scu-member-profile-label-box-member-name [TEXT_TOKEN] ====================================================== */ /* ====================================================== comp-scu-member-profile-label-box-member-since [TEXT_TOKEN] ====================================================== */ /* ====================================================== flex [FLEX_TOKENS] ====================================================== */ /* ====================================================== flex-fill [FLEX_TOKENS] ====================================================== */ /* ====================================================== flex-fill-container [FLEX_TOKENS] ====================================================== */ /* ====================================================== flex-align-self [FLEX_TOKENS] ====================================================== */ /* ====================================================== flex-space [FLEX_TOKENS] ====================================================== */ /* ====================================================== spacing [SPACING_TOKENS] ====================================================== */ /* ====================================================== col [COLUMN_TOKENS] ====================================================== */ /* ====================================================== colvw [COLUMN_TOKENS] ====================================================== */ :host { display: inline-block; position: relative; } :host ::slotted(*:not(:last-child)) { margin-bottom: var(--scu-flex-gap, 0); } :host(.no_color) { position: relative; } :host(::after) { content: "color not found"; position: absolute; top: 0; left: 0; background-color: red; color: white; padding: 4px; } :host(.size_1) { position: relative; font-size: var(--type-text-01-font-size, 8px); text-align: var(--type-text-01-text-align-horizontal, LEFT); color: var(--type-text-01-color, black); font-family: var(--type-text-01-font-family, "Proxima Nova"); font-weight: var(--type-text-01-font-weight, 400); line-height: var(--type-text-01-line-height, 9.38px); letter-spacing: var(--type-text-01-letter-spacing, 0px); } :host(.size_2) { position: relative; font-size: var(--type-text-02-font-size, 9px); text-align: var(--type-text-02-text-align-horizontal, LEFT); color: var(--type-text-02-color, black); font-family: var(--type-text-02-font-family, "Proxima Nova"); font-weight: var(--type-text-02-font-weight, 400); line-height: var(--type-text-02-line-height, 10.55px); letter-spacing: var(--type-text-02-letter-spacing, 0px); } :host(.size_3) { position: relative; font-size: var(--type-text-03-font-size, 11px); text-align: var(--type-text-03-text-align-horizontal, LEFT); color: var(--type-text-03-color, black); font-family: var(--type-text-03-font-family, "Proxima Nova"); font-weight: var(--type-text-03-font-weight, 400); line-height: var(--type-text-03-line-height, 12.89px); letter-spacing: var(--type-text-03-letter-spacing, 0px); } :host(.size_4) { position: relative; font-size: var(--type-text-04-font-size, 12px); text-align: var(--type-text-04-text-align-horizontal, LEFT); color: var(--type-text-04-color, black); font-family: var(--type-text-04-font-family, "Proxima Nova"); font-weight: var(--type-text-04-font-weight, 400); line-height: var(--type-text-04-line-height, 14.06px); letter-spacing: var(--type-text-04-letter-spacing, 0px); } :host(.size_5) { position: relative; font-size: var(--type-text-05-font-size, 15px); text-align: var(--type-text-05-text-align-horizontal, LEFT); color: var(--type-text-05-color, black); font-family: var(--type-text-05-font-family, "Proxima Nova"); font-weight: var(--type-text-05-font-weight, 400); line-height: var(--type-text-05-line-height, 17.58px); letter-spacing: var(--type-text-05-letter-spacing, 0px); } :host(.size_6) { position: relative; font-size: var(--type-text-06-font-size, 16px); text-align: var(--type-text-06-text-align-horizontal, LEFT); color: var(--type-text-06-color, black); font-family: var(--type-text-06-font-family, "Proxima Nova"); font-weight: var(--type-text-06-font-weight, 400); line-height: var(--type-text-06-line-height, 18.75px); letter-spacing: var(--type-text-06-letter-spacing, 0px); } :host(.size_7) { position: relative; font-size: var(--type-text-07-font-size, 18px); text-align: var(--type-text-07-text-align-horizontal, LEFT); color: var(--type-text-07-color, black); font-family: var(--type-text-07-font-family, "Proxima Nova"); font-weight: var(--type-text-07-font-weight, 400); line-height: var(--type-text-07-line-height, 21.09px); letter-spacing: var(--type-text-07-letter-spacing, 0px); } :host(.size_8) { position: relative; font-size: var(--type-text-08-font-size, 21px); text-align: var(--type-text-08-text-align-horizontal, LEFT); color: var(--type-text-08-color, black); font-family: var(--type-text-08-font-family, "Proxima Nova"); font-weight: var(--type-text-08-font-weight, 400); line-height: var(--type-text-08-line-height, 24.61px); letter-spacing: var(--type-text-08-letter-spacing, 0px); } :host(.size_9) { position: relative; font-size: var(--type-text-09-font-size, 24px); text-align: var(--type-text-09-text-align-horizontal, LEFT); color: var(--type-text-09-color, black); font-family: var(--type-text-09-font-family, "Proxima Nova"); font-weight: var(--type-text-09-font-weight, 400); line-height: var(--type-text-09-line-height, 28.13px); letter-spacing: var(--type-text-09-letter-spacing, 0px); } :host(.size_10) { position: relative; font-size: var(--type-text-10-font-size, 30px); text-align: var(--type-text-10-text-align-horizontal, LEFT); color: var(--type-text-10-color, black); font-family: var(--type-text-10-font-family, "Proxima Nova"); font-weight: var(--type-text-10-font-weight, 400); line-height: var(--type-text-10-line-height, 35.16px); letter-spacing: var(--type-text-10-letter-spacing, 0px); } :host(.size_1_bold) { position: relative; font-size: var(--type-text-bold-01-font-size, 8px); text-align: var(--type-text-bold-01-text-align-horizontal, LEFT); color: var(--type-text-bold-01-color, black); font-family: var(--type-text-bold-01-font-family, "Proxima Nova"); font-weight: var(--type-text-bold-01-font-weight, 700); line-height: var(--type-text-bold-01-line-height, 9.38px); letter-spacing: var(--type-text-bold-01-letter-spacing, 0px); } :host(.size_2_bold) { position: relative; font-size: var(--type-text-bold-02-font-size, 9px); text-align: var(--type-text-bold-02-text-align-horizontal, LEFT); color: var(--type-text-bold-02-color, black); font-family: var(--type-text-bold-02-font-family, "Proxima Nova"); font-weight: var(--type-text-bold-02-font-weight, 700); line-height: var(--type-text-bold-02-line-height, 10.55px); letter-spacing: var(--type-text-bold-02-letter-spacing, 0px); } :host(.size_3_bold) { position: relative; font-size: var(--type-text-bold-03-font-size, 11px); text-align: var(--type-text-bold-03-text-align-horizontal, LEFT); color: var(--type-text-bold-03-color, black); font-family: var(--type-text-bold-03-font-family, "Proxima Nova"); font-weight: var(--type-text-bold-03-font-weight, 700); line-height: var(--type-text-bold-03-line-height, 12.89px); letter-spacing: var(--type-text-bold-03-letter-spacing, 0px); } :host(.size_4_bold) { position: relative; font-size: var(--type-text-bold-04-font-size, 12px); text-align: var(--type-text-bold-04-text-align-horizontal, LEFT); color: var(--type-text-bold-04-color, black); font-family: var(--type-text-bold-04-font-family, "Proxima Nova"); font-weight: var(--type-text-bold-04-font-weight, 700); line-height: var(--type-text-bold-04-line-height, 14.06px); letter-spacing: var(--type-text-bold-04-letter-spacing, 0px); } :host(.size_5_bold) { position: relative; font-size: var(--type-text-bold-05-font-size, 15px); text-align: var(--type-text-bold-05-text-align-horizontal, LEFT); color: var(--type-text-bold-05-color, black); font-family: var(--type-text-bold-05-font-family, "Proxima Nova"); font-weight: var(--type-text-bold-05-font-weight, 700); line-height: var(--type-text-bold-05-line-height, 17.58px); letter-spacing: var(--type-text-bold-05-letter-spacing, 0px); } :host(.size_6_bold) { position: relative; font-size: var(--type-text-bold-06-font-size, 16px); text-align: var(--type-text-bold-06-text-align-horizontal, LEFT); color: var(--type-text-bold-06-color, black); font-family: var(--type-text-bold-06-font-family, "Proxima Nova"); font-weight: var(--type-text-bold-06-font-weight, 700); line-height: var(--type-text-bold-06-line-height, 18.75px); letter-spacing: var(--type-text-bold-06-letter-spacing, 0px); } :host(.size_7_bold) { position: relative; font-size: var(--type-text-bold-07-font-size, 18px); text-align: var(--type-text-bold-07-text-align-horizontal, LEFT); color: var(--type-text-bold-07-color, black); font-family: var(--type-text-bold-07-font-family, "Proxima Nova"); font-weight: var(--type-text-bold-07-font-weight, 700); line-height: var(--type-text-bold-07-line-height, 21.09px); letter-spacing: var(--type-text-bold-07-letter-spacing, 0px); } :host(.size_8_bold) { position: relative; font-size: var(--type-text-bold-08-font-size, 21px); text-align: var(--type-text-bold-08-text-align-horizontal, LEFT); color: var(--type-text-bold-08-color, black); font-family: var(--type-text-bold-08-font-family, "Open Sans"); font-weight: var(--type-text-bold-08-font-weight, 700); line-height: var(--type-text-bold-08-line-height, 24.61px); letter-spacing: var(--type-text-bold-08-letter-spacing, 0px); } :host(.size_9_bold) { position: relative; font-size: var(--type-text-bold-09-font-size, 24px); text-align: var(--type-text-bold-09-text-align-horizontal, LEFT); color: var(--type-text-bold-09-color, black); font-family: var(--type-text-bold-09-font-family, "Proxima Nova"); font-weight: var(--type-text-bold-09-font-weight, 700); line-height: var(--type-text-bold-09-line-height, 28.13px); letter-spacing: var(--type-text-bold-09-letter-spacing, 0px); } :host(.size_10_bold) { position: relative; font-size: var(--type-text-bold-10-font-size, 30px); text-align: var(--type-text-bold-10-text-align-horizontal, LEFT); color: var(--type-text-bold-10-color, black); font-family: var(--type-text-bold-10-font-family, "Proxima Nova"); font-weight: var(--type-text-bold-10-font-weight, 700); line-height: var(--type-text-bold-10-line-height, 35.16px); letter-spacing: var(--type-text-bold-10-letter-spacing, 0px); } :host(.size_1_uppercase) { position: relative; font-size: var(--type-text-uppercase-01-font-size, 8px); text-align: var(--type-text-uppercase-01-text-align-horizontal, LEFT); color: var(--type-text-uppercase-01-color, black); font-family: var(--type-text-uppercase-01-font-family, "Proxima Nova"); font-weight: var(--type-text-uppercase-01-font-weight, 500); line-height: var(--type-text-uppercase-01-line-height, 9.38px); letter-spacing: var(--type-text-uppercase-01-letter-spacing, 0px); } :host(.size_2_uppercase) { position: relative; font-size: var(--type-text-uppercase-02-font-size, 9px); text-align: var(--type-text-uppercase-02-text-align-horizontal, LEFT); color: var(--type-text-uppercase-02-color, black); font-family: var(--type-text-uppercase-02-font-family, "Proxima Nova"); font-weight: var(--type-text-uppercase-02-font-weight, 500); line-height: var(--type-text-uppercase-02-line-height, 10.55px); letter-spacing: var(--type-text-uppercase-02-letter-spacing, 0px); } :host(.size_3_uppercase) { position: relative; font-size: var(--type-text-uppercase-03-font-size, 11px); text-align: var(--type-text-uppercase-03-text-align-horizontal, LEFT); color: var(--type-text-uppercase-03-color, black); font-family: var(--type-text-uppercase-03-font-family, "Proxima Nova"); font-weight: var(--type-text-uppercase-03-font-weight, 500); line-height: var(--type-text-uppercase-03-line-height, 12.89px); letter-spacing: var(--type-text-uppercase-03-letter-spacing, 0px); } :host(.size_4_uppercase) { position: relative; font-size: var(--type-text-uppercase-04-font-size, 12px); text-align: var(--type-text-uppercase-04-text-align-horizontal, LEFT); color: var(--type-text-uppercase-04-color, black); font-family: var(--type-text-uppercase-04-font-family, "Proxima Nova"); font-weight: var(--type-text-uppercase-04-font-weight, 500); line-height: var(--type-text-uppercase-04-line-height, 14.06px); letter-spacing: var(--type-text-uppercase-04-letter-spacing, 0px); } :host(.size_5_uppercase) { position: relative; font-size: var(--type-text-uppercase-05-font-size, 15px); text-align: var(--type-text-uppercase-05-text-align-horizontal, LEFT); color: var(--type-text-uppercase-05-color, black); font-family: var(--type-text-uppercase-05-font-family, "Proxima Nova"); font-weight: var(--type-text-uppercase-05-font-weight, 500); line-height: var(--type-text-uppercase-05-line-height, 17.58px); letter-spacing: var(--type-text-uppercase-05-letter-spacing, 0px); } :host(.size_6_uppercase) { position: relative; font-size: var(--type-text-uppercase-06-font-size, 16px); text-align: var(--type-text-uppercase-06-text-align-horizontal, LEFT); color: var(--type-text-uppercase-06-color, black); font-family: var(--type-text-uppercase-06-font-family, "Proxima Nova"); font-weight: var(--type-text-uppercase-06-font-weight, 500); line-height: var(--type-text-uppercase-06-line-height, 18.75px); letter-spacing: var(--type-text-uppercase-06-letter-spacing, 0px); } :host(.size_7_uppercase) { position: relative; font-size: var(--type-text-uppercase-07-font-size, 18px); text-align: var(--type-text-uppercase-07-text-align-horizontal, LEFT); color: var(--type-text-uppercase-07-color, black); font-family: var(--type-text-uppercase-07-font-family, "Proxima Nova"); font-weight: var(--type-text-uppercase-07-font-weight, 500); line-height: var(--type-text-uppercase-07-line-height, 21.09px); letter-spacing: var(--type-text-uppercase-07-letter-spacing, 0px); } :host(.size_8_uppercase) { position: relative; font-size: var(--type-text-uppercase-08-font-size, 21px); text-align: var(--type-text-uppercase-08-text-align-horizontal, LEFT); color: var(--type-text-uppercase-08-color, black); font-family: var(--type-text-uppercase-08-font-family, "Proxima Nova"); font-weight: var(--type-text-uppercase-08-font-weight, 500); line-height: var(--type-text-uppercase-08-line-height, 24.61px); letter-spacing: var(--type-text-uppercase-08-letter-spacing, 0px); } :host(.size_9_uppercase) { position: relative; font-size: var(--type-text-uppercase-09-font-size, 24px); text-align: var(--type-text-uppercase-09-text-align-horizontal, LEFT); color: var(--type-text-uppercase-09-color, black); font-family: var(--type-text-uppercase-09-font-family, "Proxima Nova"); font-weight: var(--type-text-uppercase-09-font-weight, 500); line-height: var(--type-text-uppercase-09-line-height, 28.13px); letter-spacing: var(--type-text-uppercase-09-letter-spacing, 0px); } :host(.size_10_uppercase) { position: relative; font-size: var(--type-text-uppercase-10-font-size, 30px); text-align: var(--type-text-uppercase-10-text-align-horizontal, LEFT); color: var(--type-text-uppercase-10-color, black); font-family: var(--type-text-uppercase-10-font-family, "Proxima Nova"); font-weight: var(--type-text-uppercase-10-font-weight, 500); line-height: var(--type-text-uppercase-10-line-height, 35.16px); letter-spacing: var(--type-text-uppercase-10-letter-spacing, 0px); } :host(.align_left) { text-align: left; } :host(.align_right) { text-align: right; } :host(.align_center) { text-align: center; } :host(.valign_center) { position: var(--flex-fill-container-position, absolute); top: var(--flex-fill-container-top, 0); right: var(--flex-fill-container-right, 0); bottom: var(--flex-fill-container-bottom, 0); left: var(--flex-fill-container-left, 0); display: flex; -ms-flex-direction: var(--flex-center-ms-flex-direction, row); -ms-flex-pack: var(--flex-center-ms-flex-pack, center); -ms-flex-align: var(--flex-center-ms-flex-align, center); flex-flow: var(--flex-center-flex-flow, row nowrap); justify-content: var(--flex-center-justify-content, center); align-items: var(--flex-center-align-items, center); } :host(.valign_center.align_left) { display: flex; -ms-flex-direction: var(--flex-h-center-left-ms-flex-direction, row); -ms-flex-pack: var(--flex-h-center-left-ms-flex-pack, end); -ms-flex-align: var(--flex-h-center-left-ms-flex-align, center); flex-flow: var(--flex-h-center-left-flex-flow, row nowrap); justify-content: var(--flex-h-center-left-justify-content, flex-start); align-items: var(--flex-h-center-left-align-items, center); } :host(.valign_center.align_right) { display: flex; -ms-flex-direction: var(--flex-h-right-ms-flex-direction, row); -ms-flex-pack: var(--flex-h-right-ms-flex-pack, end); -ms-flex-align: var(--flex-h-right-ms-flex-align, center); flex-flow: var(--flex-h-right-flex-flow, row nowrap); justify-content: var(--flex-h-right-justify-content, flex-end); align-items: var(--flex-h-right-align-items, center); } :host(.valign_center.align_center) { display: flex; -ms-flex-direction: var(--flex-h-center-ms-flex-direction, row); -ms-flex-pack: var(--flex-h-center-ms-flex-pack, center); -ms-flex-align: var(--flex-h-center-ms-flex-align, center); flex-flow: var(--flex-h-center-flex-flow, row nowrap); justify-content: var(--flex-h-center-justify-content, center); align-items: var(--flex-h-center-align-items, center); } :host(.valign_bottom) { position: var(--flex-fill-container-position, absolute); top: var(--flex-fill-container-top, 0); right: var(--flex-fill-container-right, 0); bottom: var(--flex-fill-container-bottom, 0); left: var(--flex-fill-container-left, 0); display: flex; -ms-flex-direction: var(--flex-h-bottom-ms-flex-direction, row); -ms-flex-pack: var(--flex-h-bottom-ms-flex-pack, start); -ms-flex-align: var(--flex-h-bottom-ms-flex-align, end); flex-flow: var(--flex-h-bottom-flex-flow, row nowrap); justify-content: var(--flex-h-bottom-justify-content, flex-start); align-items: var(--flex-h-bottom-align-items, flex-end); } :host(.valign_bottom.align_right) { display: flex; -ms-flex-direction: var(--flex-h-bottom-right-ms-flex-direction, row); -ms-flex-pack: var(--flex-h-bottom-right-ms-flex-pack, end); -ms-flex-align: var(--flex-h-bottom-right-ms-flex-align, end); flex-flow: var(--flex-h-bottom-right-flex-flow, row nowrap); justify-content: var(--flex-h-bottom-right-justify-content, flex-end); align-items: var(--flex-h-bottom-right-align-items, flex-end); } :host(.valign_bottom.align_center) { display: flex; -ms-flex-direction: var(--flex-h-bottom-center-ms-flex-direction, row); -ms-flex-pack: var(--flex-h-bottom-center-ms-flex-pack, end); -ms-flex-align: var(--flex-h-bottom-center-ms-flex-align, end); flex-flow: var(--flex-h-bottom-center-flex-flow, row nowrap); justify-content: var(--flex-h-bottom-center-justify-content, center); align-items: var(--flex-h-bottom-center-align-items, flex-end); }