:root { /* Q2-ACTION-SHEET VARIABLES (START) */ --tct-action-sheet-backdrop-background: var(--t-top-a2, rgba(13, 13, 13, 0.6)); --tct-action-sheet-background: var(--t-base, #ffffff); --tct-action-sheet-border-radius: var(--app-border-radius-3, 12px); --tct-action-sheet-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.3); --tct-action-sheet-close-button-size: var(--app-minimum-tappable-size, 44px); --tct-action-sheet-color: var(--t-text, #4d4d4d); --tct-action-sheet-content-gradient-height: var(--app-scale-2x, 10px); --tct-action-sheet-gap: var(--app-scale-2x, 10px); --tct-action-sheet-header-height: var(--app-minimum-tappable-size, 44px); --tct-action-sheet-max-height: 75vh; --tct-action-sheet-max-width: 400px; --tct-action-sheet-min-height: 20vh; --tct-action-sheet-padding: var(--app-scale-3x, 15px); --tct-action-sheet-tween: var(--t-tween-time-in-5, 400ms) var(--t-tween-ease-inout, cubic-bezier(0.4, 0, 0.2, 1)); /* Q2-ACTION-SHEET VARIABLES (END) */ /* Q2-AVATAR VARIABLES (START) */ --tct-avatar-background: var(--t-a11y-gray-color-AA, #949494); --tct-avatar-border-radius: 50%; --tct-avatar-fallback-background: var(--t-a11y-gray-color-AA, #949494); --tct-avatar-fallback-border-radius: 50%; --tct-avatar-fallback-height: var(--app-minimum-tappable-size, 44px); --tct-avatar-fallback-width: var(--app-minimum-tappable-size, 44px); --tct-avatar-font-size: var(--app-scale-8x, 40px); --tct-avatar-font-weight: 200; --tct-avatar-height: var(--app-minimum-tappable-size, 44px); --tct-avatar-icon-color: var(--app-white, #ffffff); --tct-avatar-icon-fill: initial; --tct-avatar-icon-size: initial; --tct-avatar-icon-stroke-primary: currentcolor; --tct-avatar-icon-stroke-secondary: currentcolor; --tct-avatar-img-border-radius: 50%; --tct-avatar-img-height: var(--app-minimum-tappable-size, 44px); --tct-avatar-img-width: var(--app-minimum-tappable-size, 44px); --tct-avatar-size-1: var(--app-scale-12x, 60px); --tct-avatar-size-2: var(--app-scale-10x, 50px); --tct-avatar-size-3: var(--app-scale-8x, 40px); --tct-avatar-size-4: var(--app-scale-6x, 30px); --tct-avatar-text-color: var(--app-white, #ffffff); --tct-avatar-width: var(--app-minimum-tappable-size, 44px); /* Q2-AVATAR VARIABLES (END) */ /* Q2-BADGE VARIABLES (START) */ --tct-badge-alert-background: var(--const-stoplight-alert, #d20a0a); --tct-badge-alert-border-color: var(--const-stoplight-alert, #d20a0a); --tct-badge-alert-color: var(--app-white, #ffffff); --tct-badge-background: var(--t-primary, #0079c1); --tct-badge-border-color: var(--t-primary, #0079c1); --tct-badge-border-radius: var(--app-border-radius-2, 6px); --tct-badge-border-style: solid; --tct-badge-border-width: 1px; --tct-badge-color: var(--app-white, #ffffff); --tct-badge-font-size: var(--app-scale-2x, 10px); --tct-badge-height: 16px; --tct-badge-info-background: var(--const-stoplight-info, #0079c1); --tct-badge-info-border-color: var(--const-stoplight-info, #0079c1); --tct-badge-info-color: var(--app-white, #ffffff); --tct-badge-large-border-radius: var(--app-border-radius-3, 12px); --tct-badge-large-font-size: var(--app-font-size, 14px); --tct-badge-large-height: 22px; --tct-badge-large-line-height: 20px; --tct-badge-large-min-width: var(--app-scale-5x, 25px); --tct-badge-large-padding: 0 var(--app-scale-1x, 5px); --tct-badge-line-height: var(--app-font-size, 14px); --tct-badge-min-width: var(--app-scale-4x, 20px); --tct-badge-padding: 0 var(--app-scale-1x, 5px); --tct-badge-primary-background: var(--t-primary, #0079c1); --tct-badge-primary-border-color: var(--t-primary, #0079c1); --tct-badge-primary-color: var(--t-primary-text, #ffffff); --tct-badge-secondary-background: var(--t-secondary, #b3c2cc); --tct-badge-secondary-border-color: var(--t-secondary, #b3c2cc); --tct-badge-secondary-color: var(--app-secondary-text, #141414); --tct-badge-success-background: var(--const-stoplight-success, #0e8a00); --tct-badge-success-border-color: var(--const-stoplight-success, #0e8a00); --tct-badge-success-color: var(--app-white, #ffffff); --tct-badge-tertiary-background: var(--t-tertiary, #e8f5fc); --tct-badge-tertiary-border-color: var(--t-tertiary, #e8f5fc); --tct-badge-tertiary-color: var(--t-tertiary-text, #141414); --tct-badge-warning-background: var(--const-stoplight-warning, #c35500); --tct-badge-warning-border-color: var(--const-stoplight-warning, #c35500); --tct-badge-warning-color: var(--app-white, #ffffff); /* Q2-BADGE VARIABLES (END) */ /* Q2-BTN VARIABLES (START) */ --tct-btn-badge-active-background: var(--t-primary, #0079c1); --tct-btn-badge-active-font-color: var(--t-primary-text, #ffffff); --tct-btn-badge-background: transparent; --tct-btn-badge-border-radius: var(--app-border-radius-1, 3px); --tct-btn-badge-font-color: inherit; --tct-btn-badge-font-size: inherit; --tct-btn-badge-hover-background: var(--t-gray-14, #f2f2f2); --tct-btn-badge-hover-font-color: var(--t-text, #4d4d4d); --tct-btn-badge-padding: 2px 5px; --tct-btn-border: none; --tct-btn-destroy-active-background: var(--const-stoplight-alert, #d20a0a); --tct-btn-destroy-active-border-color: none; --tct-btn-destroy-active-font-color: var(--app-white, #ffffff); --tct-btn-destroy-active-text-decoration: none; --tct-btn-destroy-background: var(--const-stoplight-alert, #d20a0a); --tct-btn-destroy-border-color: none; --tct-btn-destroy-border-style: solid; --tct-btn-destroy-border-width: 0; --tct-btn-destroy-box-shadow: initial; --tct-btn-destroy-disabled-background: var(--const-stoplight-alert, #d20a0a); --tct-btn-destroy-disabled-border-color: none; --tct-btn-destroy-disabled-font-color: var(--app-white, #ffffff); --tct-btn-destroy-disabled-text-decoration: none; --tct-btn-destroy-focus-background: var(--const-stoplight-alert, #d20a0a); --tct-btn-destroy-focus-border-color: none; --tct-btn-destroy-focus-box-shadow: initial; --tct-btn-destroy-focus-font-color: var(--app-white, #ffffff); --tct-btn-destroy-focus-text-decoration: none; --tct-btn-destroy-focus-visible-background: var(--const-stoplight-alert, #d20a0a); --tct-btn-destroy-focus-visible-border-color: none; --tct-btn-destroy-focus-visible-font-color: var(--app-white, #ffffff); --tct-btn-destroy-focus-visible-inner-ring-color: var(--t-base, #ffffff); --tct-btn-destroy-focus-visible-outer-ring-color: var(--const-stoplight-alert, #d20a0a); --tct-btn-destroy-focus-visible-text-decoration: none; --tct-btn-destroy-font-color: var(--app-white, #ffffff); --tct-btn-destroy-font-weight: 600; --tct-btn-destroy-hover-background: var(--const-stoplight-alert, #d20a0a); --tct-btn-destroy-hover-border-color: none; --tct-btn-destroy-hover-font-color: var(--app-white, #ffffff); --tct-btn-destroy-hover-inner-ring-color: var(--app-white, #ffffff); --tct-btn-destroy-hover-outer-ring-color: var(--const-stoplight-alert, #d20a0a); --tct-btn-destroy-hover-text-decoration: none; --tct-btn-destroy-icon-color: currentcolor; --tct-btn-destroy-text-decoration: none; --tct-btn-disabled-opacity: var(--app-disabled-opacity, 0.4); --tct-btn-escape-active-background: var(--t-base, #ffffff); --tct-btn-escape-active-border-color: none; --tct-btn-escape-active-font-color: var(--t-primary, #0079c1); --tct-btn-escape-active-text-decoration: none; --tct-btn-escape-background: var(--t-base, #ffffff); --tct-btn-escape-border-color: none; --tct-btn-escape-border-style: solid; --tct-btn-escape-border-width: 0; --tct-btn-escape-box-shadow: initial; --tct-btn-escape-disabled-background: var(--t-base, #ffffff); --tct-btn-escape-disabled-border-color: none; --tct-btn-escape-disabled-font-color: var(--t-primary, #0079c1); --tct-btn-escape-disabled-text-decoration: none; --tct-btn-escape-focus-background: var(--t-base, #ffffff); --tct-btn-escape-focus-border-color: none; --tct-btn-escape-focus-box-shadow: initial; --tct-btn-escape-focus-font-color: var(--t-primary, #0079c1); --tct-btn-escape-focus-text-decoration: none; --tct-btn-escape-focus-visible-background: var(--t-base, #ffffff); --tct-btn-escape-focus-visible-border-color: none; --tct-btn-escape-focus-visible-font-color: var(--t-primary, #0079c1); --tct-btn-escape-focus-visible-inner-ring-color: initial; --tct-btn-escape-focus-visible-outer-ring-color: initial; --tct-btn-escape-focus-visible-text-decoration: none; --tct-btn-escape-font-color: var(--t-primary, #0079c1); --tct-btn-escape-font-weight: 600; --tct-btn-escape-hover-background: var(--t-base, #ffffff); --tct-btn-escape-hover-border-color: none; --tct-btn-escape-hover-box-shadow: initial; --tct-btn-escape-hover-font-color: var(--t-primary, #0079c1); --tct-btn-escape-hover-inner-ring-color: initial; --tct-btn-escape-hover-outer-ring-color: initial; --tct-btn-escape-hover-text-decoration: none; --tct-btn-escape-icon-color: currentcolor; --tct-btn-escape-text-decoration: none; --tct-btn-font-size: var(--app-font-size, 14px); --tct-btn-font-size-large: 20px; --tct-btn-font-size-medium: 16px; --tct-btn-font-size-small: var(--app-font-size, 14px); --tct-btn-font-weight: initial; --tct-btn-height: auto; --tct-btn-hover-background: initial; --tct-btn-icon-active-background: var(--t-gray-14, #f2f2f2); --tct-btn-icon-height: var(--app-minimum-tappable-size, 44px); --tct-btn-icon-hover-background: var(--t-gray-14, #f2f2f2); --tct-btn-icon-hover-color: currentcolor; --tct-btn-icon-width: var(--app-minimum-tappable-size, 44px); --tct-btn-letter-spacing: normal; --tct-btn-neutral-active-background: var(--t-base, #ffffff); --tct-btn-neutral-active-border-color: var(--t-primary, #0079c1); --tct-btn-neutral-active-font-color: var(--t-primary, #0079c1); --tct-btn-neutral-active-text-decoration: none; --tct-btn-neutral-background: var(--t-base, #ffffff); --tct-btn-neutral-border-color: var(--t-primary, #0079c1); --tct-btn-neutral-border-style: solid; --tct-btn-neutral-border-width: 1px; --tct-btn-neutral-box-shadow: initial; --tct-btn-neutral-disabled-background: var(--t-base, #ffffff); --tct-btn-neutral-disabled-border-color: var(--t-primary, #0079c1); --tct-btn-neutral-disabled-font-color: var(--t-primary, #0079c1); --tct-btn-neutral-disabled-text-decoration: none; --tct-btn-neutral-focus-background: var(--t-base, #ffffff); --tct-btn-neutral-focus-border-color: var(--t-primary, #0079c1); --tct-btn-neutral-focus-box-shadow: initial; --tct-btn-neutral-focus-font-color: var(--t-primary, #0079c1); --tct-btn-neutral-focus-text-decoration: none; --tct-btn-neutral-focus-visible-background: var(--t-base, #ffffff); --tct-btn-neutral-focus-visible-border-color: var(--t-primary, #0079c1); --tct-btn-neutral-focus-visible-font-color: var(--t-primary, #0079c1); --tct-btn-neutral-focus-visible-inner-ring-color: initial; --tct-btn-neutral-focus-visible-outer-ring-color: initial; --tct-btn-neutral-focus-visible-text-decoration: none; --tct-btn-neutral-font-color: var(--t-primary, #0079c1); --tct-btn-neutral-font-weight: 600; --tct-btn-neutral-hover-background: var(--t-base, #ffffff); --tct-btn-neutral-hover-border-color: var(--t-primary, #0079c1); --tct-btn-neutral-hover-font-color: var(--t-primary, #0079c1); --tct-btn-neutral-hover-inner-ring-color: initial; --tct-btn-neutral-hover-outer-ring-color: initial; --tct-btn-neutral-hover-text-decoration: none; --tct-btn-neutral-icon-color: currentcolor; --tct-btn-neutral-text-active-background: var(--t-base, #ffffff); --tct-btn-neutral-text-active-border-color: none; --tct-btn-neutral-text-active-font-color: var(--t-primary, #0079c1); --tct-btn-neutral-text-active-text-decoration: none; --tct-btn-neutral-text-background: var(--t-base, #ffffff); --tct-btn-neutral-text-border-color: none; --tct-btn-neutral-text-border-style: solid; --tct-btn-neutral-text-border-width: 0; --tct-btn-neutral-text-box-shadow: none; --tct-btn-neutral-text-decoration: none; --tct-btn-neutral-text-disabled-background: var(--t-base, #ffffff); --tct-btn-neutral-text-disabled-border-color: none; --tct-btn-neutral-text-disabled-font-color: var(--t-primary, #0079c1); --tct-btn-neutral-text-disabled-text-decoration: none; --tct-btn-neutral-text-focus-background: var(--t-base, #ffffff); --tct-btn-neutral-text-focus-border-color: none; --tct-btn-neutral-text-focus-font-color: var(--t-primary, #0079c1); --tct-btn-neutral-text-focus-text-decoration: none; --tct-btn-neutral-text-focus-visible-background: var(--t-base, #ffffff); --tct-btn-neutral-text-focus-visible-border-color: none; --tct-btn-neutral-text-focus-visible-font-color: var(--t-primary, #0079c1); --tct-btn-neutral-text-focus-visible-inner-ring-color: initial; --tct-btn-neutral-text-focus-visible-outer-ring-color: var(--t-primary, #0079c1); --tct-btn-neutral-text-focus-visible-text-decoration: none; --tct-btn-neutral-text-font-color: var(--t-primary, #0079c1); --tct-btn-neutral-text-font-weight: 600; --tct-btn-neutral-text-hover-background: var(--t-base, #ffffff); --tct-btn-neutral-text-hover-border-color: none; --tct-btn-neutral-text-hover-font-color: var(--t-primary, #0079c1); --tct-btn-neutral-text-hover-inner-ring-color: initial; --tct-btn-neutral-text-hover-outer-ring-color: initial; --tct-btn-neutral-text-hover-text-decoration: underline; --tct-btn-neutral-text-icon-color: currentcolor; --tct-btn-neutral-text-text-decoration: none; --tct-btn-padding: var(--app-scale-2x, 10px); --tct-btn-padding-inline: 0; --tct-btn-padding-size-large: var(--app-scale-4x, 20px) var(--app-scale-8x, 40px); --tct-btn-padding-size-medium: var(--app-scale-3x, 15px) var(--app-scale-6x, 30px); --tct-btn-padding-size-small: var(--app-scale-1x, 5px) var(--app-scale-4x, 20px); --tct-btn-primary-active-background: var(--t-primary-d5, #003d61); --tct-btn-primary-active-border-color: none; --tct-btn-primary-active-font-color: var(--t-primary-text, #ffffff); --tct-btn-primary-active-text-decoration: none; --tct-btn-primary-background: var(--t-primary, #0079c1); --tct-btn-primary-border-color: none; --tct-btn-primary-border-style: solid; --tct-btn-primary-border-width: 0; --tct-btn-primary-box-shadow: initial; --tct-btn-primary-disabled-background: var(--t-primary, #0079c1); --tct-btn-primary-disabled-border-color: none; --tct-btn-primary-disabled-font-color: var(--t-primary-text, #ffffff); --tct-btn-primary-disabled-text-decoration: none; --tct-btn-primary-focus-background: var(--t-primary, #0079c1); --tct-btn-primary-focus-border-color: none; --tct-btn-primary-focus-box-shadow: initial; --tct-btn-primary-focus-font-color: var(--t-primary-text, #ffffff); --tct-btn-primary-focus-text-decoration: none; --tct-btn-primary-focus-visible-background: var(--t-primary, #0079c1); --tct-btn-primary-focus-visible-border-color: none; --tct-btn-primary-focus-visible-font-color: var(--t-primary-text, #ffffff); --tct-btn-primary-focus-visible-inner-ring-color: var(--t-base, #ffffff); --tct-btn-primary-focus-visible-outer-ring-color: var(--t-primary, #0079c1); --tct-btn-primary-focus-visible-text-decoration: none; --tct-btn-primary-font-color: var(--t-primary-text, #ffffff); --tct-btn-primary-font-weight: 600; --tct-btn-primary-hover-background: var(--t-primary-d5, #003d61); --tct-btn-primary-hover-border-color: none; --tct-btn-primary-hover-font-color: var(--t-primary-text, #ffffff); --tct-btn-primary-hover-inner-ring-color: var(--t-base, #ffffff); --tct-btn-primary-hover-outer-ring-color: var(--t-primary, #0079c1); --tct-btn-primary-hover-text-decoration: none; --tct-btn-primary-icon-color: currentcolor; --tct-btn-primary-text-decoration: none; --tct-btn-secondary-active-background: var(--t-primary, #0079c1); --tct-btn-secondary-active-border-color: none; --tct-btn-secondary-active-font-color: var(--t-primary-text, #ffffff); --tct-btn-secondary-active-text-decoration: none; --tct-btn-secondary-background: var(--t-gray-13, #e6e6e6); --tct-btn-secondary-border-color: none; --tct-btn-secondary-border-style: solid; --tct-btn-secondary-border-width: 0; --tct-btn-secondary-box-shadow: initial; --tct-btn-secondary-disabled-background: var(--t-gray-13, #e6e6e6); --tct-btn-secondary-disabled-border-color: none; --tct-btn-secondary-disabled-font-color: var(--t-text, #4d4d4d); --tct-btn-secondary-disabled-text-decoration: none; --tct-btn-secondary-focus-background: var(--t-gray-13, #e6e6e6); --tct-btn-secondary-focus-border-color: none; --tct-btn-secondary-focus-box-shadow: initial; --tct-btn-secondary-focus-font-color: var(--t-text, #4d4d4d); --tct-btn-secondary-focus-text-decoration: none; --tct-btn-secondary-focus-visible-background: var(--t-gray-13, #e6e6e6); --tct-btn-secondary-focus-visible-border-color: none; --tct-btn-secondary-focus-visible-font-color: var(--t-text, #4d4d4d); --tct-btn-secondary-focus-visible-inner-ring-color: var(--t-base, #ffffff); --tct-btn-secondary-focus-visible-outer-ring-color: var(--t-primary, #0079c1); --tct-btn-secondary-focus-visible-text-decoration: none; --tct-btn-secondary-font-color: var(--t-text, #4d4d4d); --tct-btn-secondary-font-weight: 600; --tct-btn-secondary-hover-background: var(--t-primary, #0079c1); --tct-btn-secondary-hover-border-color: none; --tct-btn-secondary-hover-font-color: var(--t-primary-text, #ffffff); --tct-btn-secondary-hover-inner-ring-color: var(--t-base, #ffffff); --tct-btn-secondary-hover-outer-ring-color: var(--t-primary, #0079c1); --tct-btn-secondary-hover-text-decoration: none; --tct-btn-secondary-icon-color: currentcolor; --tct-btn-secondary-text-decoration: none; --tct-btn-text-transform: none; --tct-btn-tween: var(--t-tween-time-out-3, 200ms) var(--t-tween-ease-inout, cubic-bezier(0.4, 0, 0.2, 1)); /* Q2-BTN VARIABLES (END) */ /* Q2-CALENDAR VARIABLES (START) */ --tct-calendar-day-border: 0; --tct-calendar-day-border-radius: 0; --tct-calendar-day-disabled-opacity: var(--app-disabled-opacity, 0.4); --tct-calendar-day-heading-font-size: inherit; --tct-calendar-day-heading-font-weight: 600; --tct-calendar-day-hover-background: var(--t-gray-14, #f2f2f2); --tct-calendar-day-hover-border: 0; --tct-calendar-day-hover-border-radius: 0; --tct-calendar-day-hover-font-color: inherit; --tct-calendar-day-selected-background: var(--t-gray-14, #f2f2f2); --tct-calendar-day-selected-border: 0; --tct-calendar-day-selected-border-radius: 0; --tct-calendar-day-selected-font-color: inherit; --tct-calendar-day-selected-outline-color: var(--t-primary, #0079c1); --tct-calendar-disclaimer-border-color: var(--t-gray-13, #e6e6e6); --tct-calendar-disclaimer-border-width: 1px 0 0 0; --tct-calendar-disclaimer-font-size: var(--app-font-size-small, 12px); --tct-calendar-disclaimer-padding: var(--app-scale-2x, 10px); --tct-calendar-label-font-size: 16px; --tct-calendar-label-padding: var(--app-scale-2x, 10px); --tct-calendar-margin-bottom: var(--app-scale-5x, 25px); --tct-calendar-margin-top: var(--app-scale-5x, 25px); --tct-calendar-month-font-size: 16px; --tct-calendar-month-font-weight: 600; --tct-calendar-popover-padding: var(--app-scale-1x, 5px); /* Q2-CALENDAR VARIABLES (END) */ /* Q2-CARD VARIABLES (START) */ --tct-card-active-box-shadow: var(--app-shadow-1, 0 2px 4px rgba(0, 0, 0, 0.3)); --tct-card-avatar-size: 26px; --tct-card-background: var(--t-base, #ffffff); --tct-card-bar-color-accent-1: var(--t-accent-1, #e05252); --tct-card-bar-color-accent-10: var(--t-accent-10, #9952e0); --tct-card-bar-color-accent-11: var(--t-accent-11, #e052e0); --tct-card-bar-color-accent-12: var(--t-accent-12, #e05299); --tct-card-bar-color-accent-2: var(--t-accent-2, #e09952); --tct-card-bar-color-accent-3: var(--t-accent-3, #e0e052); --tct-card-bar-color-accent-4: var(--t-accent-4, #99e052); --tct-card-bar-color-accent-5: var(--t-accent-5, #52e052); --tct-card-bar-color-accent-6: var(--t-accent-6, #52e099); --tct-card-bar-color-accent-7: var(--t-accent-7, #52e0e0); --tct-card-bar-color-accent-8: var(--t-accent-8, #5299e0); --tct-card-bar-color-accent-9: var(--t-accent-9, #5252e0); --tct-card-bar-color-alert: var(--const-stoplight-alert, #d20a0a); --tct-card-bar-color-info: var(--const-stoplight-info, #0079c1); --tct-card-bar-color-primary: var(--t-primary, #0079c1); --tct-card-bar-color-secondary: var(--t-secondary, #b3c2cc); --tct-card-bar-color-success: var(--const-stoplight-success, #0e8a00); --tct-card-bar-color-tertiary: var(--t-tertiary, #e8f5fc); --tct-card-bar-color-warning: var(--const-stoplight-warning, #c35500); --tct-card-bar-width: var(--app-scale-2x, 10px); --tct-card-border-color: transparent; --tct-card-border-radius: var(--app-border-radius-1, 3px); --tct-card-border-style: solid; --tct-card-border-width: var(--app-scale-0x, 0px); --tct-card-box-shadow: var(--app-shadow-2, 0 3px 6px rgba(0, 0, 0, 0.3)); --tct-card-chevron-size: 26px; --tct-card-color: var(--t-text, #4d4d4d); --tct-card-content-gap: var(--app-scale-1x, 5px); --tct-card-font-height: 20px; --tct-card-font-size: 17px; --tct-card-font-weight: 600; --tct-card-gap: var(--app-scale-3x, 15px); --tct-card-hover-box-shadow: var(--app-shadow-3, 0 4px 12px rgba(0, 0, 0, 0.3)); --tct-card-padding: var(--app-scale-4x, 20px); /* Q2-CARD VARIABLES (END) */ /* Q2-CAROUSEL-PANE VARIABLES (START) */ --tct-carousel-pane-border-color: var(--t-gray-11, #cccccc); --tct-carousel-pane-border-radius: var(--app-border-radius-2, 6px); --tct-carousel-pane-border-width: var(--app-scale-0x, 0px); --tct-carousel-pane-height: 10em; --tct-carousel-pane-padding: var(--app-scale-1x, 5px); /* Q2-CAROUSEL-PANE VARIABLES (END) */ /* Q2-CAROUSEL VARIABLES (START) */ --tct-carousel-background: var(--t-base, #ffffff); --tct-carousel-container-padding: var(--app-scale-1x, 5px) 0 var(--app-scale-2x, 10px); --tct-carousel-frameless-container-padding: var(--app-scale-0x, 0); --tct-carousel-full-width-container-padding: 5px 10px 10px; --tct-carousel-pagination-active-color: var(--t-primary, #0079c1); --tct-carousel-pagination-inactive-color: var(--t-a11y-gray-color-AA, #949494); /* Q2-CAROUSEL VARIABLES (END) */ /* Q2-CHART-AREA VARIABLES (START) */ /* Q2-CHART-AREA VARIABLES (END) */ /* Q2-CHART-BAR VARIABLES (START) */ /* Q2-CHART-BAR VARIABLES (END) */ /* Q2-CHART-DONUT VARIABLES (START) */ --tct-chart-donut-border-color: var(--t-base, #ffffff); --tct-chart-donut-button-border-radius: var(--app-border-radius-1, 3px); --tct-chart-donut-button-container-padding: var(--app-scale-1x, 5px); --tct-chart-donut-button-hover-box-shadow: var(--app-shadow-1, 0 2px 4px rgba(0, 0, 0, 0.3)); --tct-chart-donut-button-padding: var(--app-scale-1x, 5px); --tct-chart-donut-button-tween: var(--t-tween-time-out-3, 200ms) var(--t-tween-ease-inout, cubic-bezier(0.4, 0, 0.2, 1)); --tct-chart-donut-color-1: var(--t-accent-1, #e05252); --tct-chart-donut-color-10: var(--t-accent-10, #9952e0); --tct-chart-donut-color-11: var(--t-accent-11, #e052e0); --tct-chart-donut-color-12: var(--t-accent-12, #e05299); --tct-chart-donut-color-2: var(--t-accent-2, #e09952); --tct-chart-donut-color-3: var(--t-accent-3, #e0e052); --tct-chart-donut-color-4: var(--t-accent-4, #99e052); --tct-chart-donut-color-5: var(--t-accent-5, #52e052); --tct-chart-donut-color-6: var(--t-accent-6, #52e099); --tct-chart-donut-color-7: var(--t-accent-7, #52e0e0); --tct-chart-donut-color-8: var(--t-accent-8, #5299e0); --tct-chart-donut-color-9: var(--t-accent-9, #5252e0); --tct-chart-donut-icon-margin: var(--app-scale-1x, 5px); --tct-chart-donut-icon-size: 26px; --tct-chart-donut-name-font-size: var(--app-font-size, 14px); --tct-chart-donut-text-color: var(--t-text, #4d4d4d); --tct-chart-donut-value-font-size: 21px; /* Q2-CHART-DONUT VARIABLES (END) */ /* Q2-CHECKBOX-GROUP VARIABLES (START) */ --tct-checkbox-group-error-gradient-end: rgb(255, 255, 255); --tct-checkbox-group-error-gradient-start: rgba(255, 255, 255, 0); /* Q2-CHECKBOX-GROUP VARIABLES (END) */ /* Q2-CHECKBOX VARIABLES (START) */ --tct-checkbox-check-stroke-color: var(--t-a11y-active-gray-color-AA, #404040); --tct-checkbox-check-stroke-width: 2.5; --tct-checkbox-checked-focused-label-font-weight: 600; --tct-checkbox-checked-hover-label-font-weight: 600; --tct-checkbox-checked-label-font-weight: 600; --tct-checkbox-checked-outer-fill-color: var(--t-base, #ffffff); --tct-checkbox-checked-outer-stroke-color: var(--t-a11y-gray-color-AA, #949494); --tct-checkbox-checkmark-stroke-color: var(--t-primary, #0079c1); --tct-checkbox-description-font-weight: 400; --tct-checkbox-disabled-opacity: var(--app-disabled-opacity, 0.4); --tct-checkbox-error-box-shadow: none; --tct-checkbox-error-focused-box-shadow: var( --const-double-focus-ring, 0 0 0 2px var(--t-base, #ffffff), 0 0 0 4px var(--const-focus-color, #0066cc) ); --tct-checkbox-error-focused-outer-fill-color: var(--t-base, #ffffff); --tct-checkbox-error-focused-outer-stroke-color: var(--const-stoplight-alert, #d20a0a); --tct-checkbox-error-hover-box-shadow: none; --tct-checkbox-error-hover-outer-fill-color: var(--t-base, #ffffff); --tct-checkbox-error-hover-outer-stroke-color: var(--const-stoplight-alert, #d20a0a); --tct-checkbox-error-outer-fill-color: var(--t-base, #ffffff); --tct-checkbox-error-outer-stroke-color: var(--const-stoplight-alert, #d20a0a); --tct-checkbox-favorite-checked-fill-color: var(--const-stoplight-warning, #c35500); --tct-checkbox-favorite-checked-focused-stroke-color: var(--const-stoplight-warning, #c35500); --tct-checkbox-favorite-checked-hover-stroke-color: var(--const-stoplight-warning, #c35500); --tct-checkbox-favorite-checked-stroke-color: var(--const-stoplight-warning, #c35500); --tct-checkbox-favorite-error-stroke-color: var(--const-stoplight-alert, #d20a0a); --tct-checkbox-favorite-fill-color: var(--const-stoplight-warning, #c35500); --tct-checkbox-favorite-focused-stroke-color: var(--const-stoplight-warning, #c35500); --tct-checkbox-favorite-hover-stroke-color: var(--const-stoplight-warning, #c35500); --tct-checkbox-favorite-hover-stroke-width: 2; --tct-checkbox-favorite-stroke-color: var(--t-a11y-gray-color-AA, #949494); --tct-checkbox-favorite-stroke-width: 1; --tct-checkbox-focused-label-font-weight: 600; --tct-checkbox-focused-outer-fill-color: var(--t-base, #ffffff); --tct-checkbox-focused-outer-stroke-color: var(--t-primary, #0079c1); --tct-checkbox-gap: 0 var(--app-scale-2x, 10px); --tct-checkbox-hover-box-shadow: none; --tct-checkbox-hover-description-font-weight: 400; --tct-checkbox-hover-label-font-weight: 600; --tct-checkbox-hover-outer-fill-color: var(--t-base, #ffffff); --tct-checkbox-hover-outer-stroke-color: var(--t-a11y-gray-color-AA, #949494); --tct-checkbox-indeterminate-stroke-width: 3.5; --tct-checkbox-label-color: var(--t-text, #4d4d4d); --tct-checkbox-label-font-weight: 600; --tct-checkbox-label-hyphens: auto; --tct-checkbox-label-word-break: break-word; --tct-checkbox-label-word-wrap: break-word; --tct-checkbox-outer-border-radius: var(--app-border-radius-1, 3px); --tct-checkbox-outer-fill-color: var(--t-base, #ffffff); --tct-checkbox-outer-stroke-color: var(--t-a11y-gray-color-AA, #949494); --tct-checkbox-outer-stroke-width: 2; --tct-checkbox-padding: var(--app-scale-2x, 10px); --tct-checkbox-size: var(--app-scale-4x, 20px); --tct-checkbox-toggle-checked-color: var(--t-primary, #0079c1); --tct-checkbox-toggle-checked-icon-stroke: var(--t-base, #ffffff); --tct-checkbox-toggle-circle-color: var(--t-a11y-gray-color-AA, #949494); --tct-checkbox-toggle-error-color: var(--const-stoplight-alert, #d20a0a); --tct-checkbox-toggle-icon-stroke: var(--t-base, #ffffff); --tct-checkbox-toggle-track-color: var(--t-theme-11, #cccccc); --tct-checkbox-toggle-width: 46px; /* Q2-CHECKBOX VARIABLES (END) */ /* Q2-CURRENCY VARIABLES (START) */ --tct-currency-color: inherit; --tct-currency-font-size: inherit; --tct-currency-font-weight: inherit; --tct-currency-large-color: inherit; --tct-currency-large-font-size: 70px; --tct-currency-large-font-weight: 700; --tct-currency-large-superscript-color: inherit; --tct-currency-large-superscript-font-size: 28px; --tct-currency-large-superscript-font-weight: 800; --tct-currency-medium-color: inherit; --tct-currency-medium-font-size: 42px; --tct-currency-medium-font-weight: 600; --tct-currency-medium-superscript-color: inherit; --tct-currency-medium-superscript-font-size: 28px; --tct-currency-medium-superscript-font-weight: 800; --tct-currency-small-color: inherit; --tct-currency-small-font-size: 24px; --tct-currency-small-font-weight: 600; --tct-currency-small-superscript-color: inherit; --tct-currency-small-superscript-font-size: 12px; --tct-currency-small-superscript-font-weight: 700; /* Q2-CURRENCY VARIABLES (END) */ /* Q2-DATA-TABLE VARIABLES (START) */ --tct-data-table-background: var(--t-base, #ffffff); --tct-data-table-caption-color: inherit; --tct-data-table-caption-font-size: inherit; --tct-data-table-caption-font-weight: 600; --tct-data-table-caption-padding: var(--app-scale-2x, 10px); --tct-data-table-caption-side: bottom; --tct-data-table-caption-text-align: center; --tct-data-table-cell-padding: var(--app-scale-3x, 15px); --tct-data-table-cell-padding-comfortable: var(--app-scale-5x, 25px); --tct-data-table-cell-padding-compact: var(--app-scale-1x, 5px); --tct-data-table-clickable-column-padding: 0 var(--app-scale-1x, 5px); --tct-data-table-clickable-row-hover-background: var(--t-gray-14, #f2f2f2); --tct-data-table-dropdown-column-padding: 0 var(--app-scale-1x, 5px); --tct-data-table-dropdown-column-width: var(--app-minimum-tappable-size, 44px); --tct-data-table-expandable-row-control-column-padding: 0 var(--app-scale-1x, 5px); --tct-data-table-expandable-row-control-column-width: var(--app-minimum-tappable-size, 44px); --tct-data-table-expandable-row-hover-background: var(--t-gray-14, #f2f2f2); --tct-data-table-expanded-row-background: var(--t-gray-14, #f2f2f2); --tct-data-table-header-background: transparent; --tct-data-table-header-border-color: var(--t-a11y-gray-color-AA, #949494); --tct-data-table-header-border-style: solid; --tct-data-table-header-border-width: 0 0 2px 0; --tct-data-table-header-content-gap: var(--app-scale-2x, 10px); --tct-data-table-header-font-size: var(--app-font-size, 14px); --tct-data-table-header-font-weight: 600; --tct-data-table-header-sortable-icon-size: var(--app-scale-3x, 15px); --tct-data-table-header-sorted-font-weight: 600; --tct-data-table-layout: auto; --tct-data-table-loading-row-background: var(--t-base, #ffffff); --tct-data-table-row-border-color: var(--t-a11y-gray-color-AA, #949494); --tct-data-table-row-border-style: solid; --tct-data-table-row-border-width: 0 0 1px 0; --tct-data-table-select-column-width: var(--app-scale-4x, 20px); --tct-data-table-selected-row-background: var(--t-gray-14, #f2f2f2); --tct-data-table-shadow: var(--app-shadow-1, 0 2px 4px rgba(0, 0, 0, 0.3)); --tct-data-table-width: initial; /* Q2-DATA-TABLE VARIABLES (END) */ /* Q2-DETAIL VARIABLES (START) */ --tct-detail-description-font-color: #141430; --tct-detail-description-gap-column: var(--app-scale-1x, 5px); --tct-detail-description-inline-font-size: 1em; --tct-detail-description-large-font-color: inherit; --tct-detail-description-large-font-size: 28px; --tct-detail-description-medium-font-color: inherit; --tct-detail-description-medium-font-size: 24px; --tct-detail-description-small-font-color: inherit; --tct-detail-description-small-font-size: 14px; --tct-detail-description-xlarge-font-color: inherit; --tct-detail-description-xlarge-font-size: 32px; --tct-detail-description-xsmall-font-color: #6f6f82; --tct-detail-description-xsmall-font-size: 14px; --tct-detail-gap-column: var(--app-scale-1x, 5px); --tct-detail-gap-row: var(--tct-detail-gap-row, 0px); --tct-detail-label-font-color: #141430; --tct-detail-label-icon-size: 16px; --tct-detail-label-inline-font-size: 1em; --tct-detail-label-large-font-color: inherit; --tct-detail-label-large-font-size: 16px; --tct-detail-label-medium-font-color: inherit; --tct-detail-label-medium-font-size: 14px; --tct-detail-label-small-font-color: inherit; --tct-detail-label-small-font-size: 14px; --tct-detail-label-xlarge-font-color: inherit; --tct-detail-label-xlarge-font-size: 18px; --tct-detail-label-xsmall-font-color: #6f6f82; --tct-detail-label-xsmall-font-size: 14px; --tct-detail-vertical-alignment: baseline; /* Q2-DETAIL VARIABLES (END) */ /* Q2-DROPDOWN-ITEM VARIABLES (START) */ --tct-dropdown-item-background: var(--t-base, #ffffff); --tct-dropdown-item-tween: var(--t-tween-time-out-3, 200ms) var(--t-tween-ease-inout, cubic-bezier(0.4, 0, 0.2, 1)); --tct-dropdown-item-focus-box-shadow: inset 0 0 0 2px var(--t-base), inset 0 0 0 4px var(--const-focus-color), inset 0 0 0 6px var(--t-base); --tct-dropdown-item-font-color: var(--t-text, #4d4d4d); --tct-dropdown-item-hover-background: var(--t-gray-14, #f2f2f2); --tct-dropdown-item-hover-color: var(--t-text, #4d4d4d); --tct-dropdown-item-padding: var(--app-scale-2x, 10px) var(--app-scale-3x, 15px); --tct-dropdown-item-separator-color: var(--t-gray-13, #e6e6e6); /* Q2-DROPDOWN-ITEM VARIABLES (END) */ /* Q2-DROPDOWN VARIABLES (START) */ --tct-dropdown-width: initial; /* Q2-DROPDOWN VARIABLES (END) */ /* Q2-EDITABLE-FIELD VARIABLES (START) */ /* Q2-EDITABLE-FIELD VARIABLES (END) */ /* Q2-ICON VARIABLES (START) */ --tct-icon-cap: round; --tct-icon-fill: initial; --tct-icon-size: 24px; --tct-icon-stroke-primary: currentcolor; --tct-icon-stroke-secondary: currentcolor; --tct-icon-stroke-width: 1.5; --tct-icon-fill-transition: none; --tct-icon-stroke-primary-transition: none; --tct-icon-stroke-secondary-transition: none; --tct-icon-transition: none; /* Q2-ICON VARIABLES (END) */ /* Q2-INPUT VARIABLES (START) */ --tct-input-align: "start"; --tct-input-background: var(--t-base, #ffffff); --tct-input-border-bottom-left-radius: var(--app-border-radius-1, 3px); --tct-input-border-bottom-right-radius: var(--app-border-radius-1, 3px); --tct-input-border-bottom-width: 1px; --tct-input-border-color: var(--t-a11y-gray-color-AA, #949494); --tct-input-border-left-width: 1px; --tct-input-border-right-width: 1px; --tct-input-border-top-left-radius: var(--app-border-radius-1, 3px); --tct-input-border-top-right-radius: var(--app-border-radius-1, 3px); --tct-input-border-top-width: 1px; --tct-input-box-shadow: none; --tct-input-btn-hover-background: var(--t-base, #ffffff); --tct-input-container-gap: var(--app-scale-2x, 10px); --tct-input-container-padding-inline: initial; --tct-input-count-font-color: var(--t-text, #4d4d4d); --tct-input-count-font-size: var(--app-font-size-small, 12px); --tct-input-count-font-weight: 400; --tct-input-count-width: auto; --tct-input-disabled-opacity: var(--app-disabled-opacity, 0.4); --tct-input-error-background: var(--t-base, #ffffff); --tct-input-error-border-color: var(--const-stoplight-alert, #d20a0a); --tct-input-error-box-shadow: none; --tct-input-error-focus-background: var(--t-base, #ffffff); --tct-input-error-focus-border-color: var(--const-stoplight-alert, #d20a0a); --tct-input-error-focus-box-shadow: var( --const-double-focus-ring, 0 0 0 2px var(--t-base), 0 0 0 4px var(--const-focus-color) ); --tct-input-error-hover-background: var(--t-base, #ffffff); --tct-input-error-hover-border-color: var(--const-stoplight-alert, #d20a0a); --tct-input-error-hover-box-shadow: none; --tct-input-error-label-font-color: var(--t-text, #4d4d4d); --tct-input-error-prefix-background: var(--t-gray-14, #f2f2f2); --tct-input-error-prefix-font-color: inherit; --tct-input-focus-background: var(--t-base, #ffffff); --tct-input-focus-border-color: var(--t-a11y-gray-color-AA, #949494); --tct-input-focus-box-shadow: var( --const-double-focus-ring, 0 0 0 2px var(--t-base), 0 0 0 4px var(--const-focus-color) ); --tct-input-font-color: var(--t-text, #4d4d4d); --tct-input-font-size: var(--app-font-size, 14px); --tct-input-font-weight: 400; --tct-input-height: var(--app-minimum-tappable-size, 44px); --tct-input-horizontal-gap: 0; --tct-input-hover-background: var(--t-base, #ffffff); --tct-input-hover-border-color: var(--t-a11y-gray-color-AA, #949494); --tct-input-hover-box-shadow: none; --tct-input-hover-ring-color: transparent; --tct-input-icon-container-empty-display: block; --tct-input-icon-container-font-size: inherit; --tct-input-icon-container-icon-min-width: var(--app-minimum-tappable-size, 44px); --tct-input-icon-stroke-primary: var(--t-a11y-gray-color-AA, #949494); --tct-input-label-font-color: var(--t-text, #4d4d4d); --tct-input-label-font-size: var(--app-font-size, 14px); --tct-input-label-font-weight: 600; --tct-input-label-gap: var(--app-scale-2x, 10px); --tct-input-label-letter-spacing: normal; --tct-input-label-line-height: var(--app-line-height, 1.428571429em); --tct-input-label-margin: 0 0 var(--app-scale-1x, 5px) 0; --tct-input-label-optional-font-color: var(--t-a11y-gray-color-AAA, #6c6c6c); --tct-input-label-optional-font-size: var(--app-font-size-small, 12px); --tct-input-label-optional-font-weight: 400; --tct-input-label-optional-margin: var(--app-scale-1x, 5px); --tct-input-label-padding: 0; --tct-input-label-text-transform: none; --tct-input-margin-bottom: var(--app-scale-5x, 25px); --tct-input-margin-top: var(--app-scale-5x, 25px); --tct-input-max-height: var(--app-minimum-tappable-size, 44px); --tct-input-message-box-shadow: var(--app-shadow-1, 0 2px 4px rgba(0, 0, 0, 0.3)); --tct-input-messages-font-color: inherit; --tct-input-messages-margin-top: 2px; --tct-input-messages-tween: var(--t-tween-time-out-3, 200ms) var(--t-tween-ease-inout, cubic-bezier(0.4, 0, 0.2, 1)); --tct-input-messages-z-index: 5; --tct-input-min-height: var(--app-minimum-tappable-size, 44px); --tct-input-padding: 0; --tct-input-placeholder-font-color: var(--t-a11y-gray-color-AAA, #6c6c6c); --tct-input-prefix-background: var(--t-gray-14, #f2f2f2); --tct-input-prefix-border-color: var(--t-a11y-gray-color-AA, #949494); --tct-input-prefix-border-width: 1px; --tct-input-prefix-font-color: inherit; --tct-input-prefix-font-size: inherit; --tct-input-tween: var(--t-tween-time-in-5, 400ms) var(--t-tween-ease-inout, cubic-bezier(0.4, 0, 0.2, 1)); --tct-input-visibility-toggle-font-color: var(--t-primary, #0079c1); --tct-input-visibility-toggle-font-size: var(--app-font-size-small, 12px); --tct-input-visibility-toggle-font-weight: 400; --tct-input-visibility-toggle-padding: var(--app-scale-2x, 10px); /* Q2-INPUT VARIABLES (END) */ /* Q2-ITEM VARIABLES (START) */ --tct-item-avatar-height: var(--app-scale-7x, 35px); --tct-item-avatar-width: var(--app-scale-7x, 35px); --tct-item-body-color: var(--t-textA, rgba(77, 77, 77, 0.77)); --tct-item-body-font-size: var(--app-font-size, 14px); --tct-item-body-font-weight: 400; --tct-item-border: none; --tct-item-border-radius: var(--app-border-radius-1, 3px); --tct-item-bullet-padding-top: var(--app-scale-1x, 5px); --tct-item-header-color: var(--t-text, #4d4d4d); --tct-item-header-font-size: 16px; --tct-item-header-font-weight: 600; --tct-item-header-line-height: 1.5; --tct-item-horizontal-spacing: var(--app-scale-3x, 15px); --tct-item-padding: var(--app-scale-0x, 0px); --tct-item-vertical-spacing: var(--app-scale-2x, 10px); /* Q2-ITEM VARIABLES (END) */ /* Q2-LOADING-ELEMENT VARIABLES (START) */ /* Q2-LOADING-ELEMENT VARIABLES (END) */ /* Q2-LOADING VARIABLES (START) */ --tct-loading-primary-color: var(--t-primary, #0079c1); --tct-loading-secondary-color: var(--t-text, #4d4d4d); --tct-loading-skeleton-element-background: var(--t-a11y-gray-color-AA, #949494); --tct-loading-skeleton-horizontal-gap: var(--app-scale-2x, 10px); --tct-loading-skeleton-rectangle-min-height: var(--app-scale-4x, 20px); --tct-loading-skeleton-shimmer-color: var(--t-base-a2, rgba(255, 255, 255, 0.5)); --tct-loading-skeleton-vertical-gap: var(--app-scale-2x, 10px); --tct-loading-spinner-size: var(--app-scale-12x, 60px); /* Q2-LOADING VARIABLES (END) */ /* Q2-LOC VARIABLES (START) */ /* Q2-LOC VARIABLES (END) */ /* Q2-MESSAGE VARIABLES (START) */ --tct-message-background: var(--t-gray-14, #f2f2f2); --tct-message-bar-width: var(--app-scale-1x, 5px); --tct-message-border-radius: 0; --tct-message-box-shadow: 0; --tct-message-font-color: inherit; --tct-message-icon-size: 24px; --tct-message-line-height: var(--app-line-height, 1.428571429em); --tct-message-margin: 0; --tct-message-minimal-padding: var(--app-scale-2x, 10px); --tct-message-padding: var(--app-scale-3x, 15px); --tct-message-list-margin: var(--app-scale-3x, 15px) 0; --tct-message-list-padding: 0 0 0 var(--app-scale-3x, 15px); /* Q2-MESSAGE VARIABLES (END) */ /* Q2-OPTGROUP VARIABLES (START) */ --tct-optgroup-header-background: var(--t-gray-13, #e6e6e6); --tct-optgroup-header-color: inherit; --tct-optgroup-header-font-weight: 600; --tct-optgroup-header-padding: var(--app-scale-1x, 5px) var(--app-scale-2x, 10px); --tct-optgroup-header-text-transform: uppercase; --tct-optgroup-top: var(--app-scale-0x, 0px); /* Q2-OPTGROUP VARIABLES (END) */ /* Q2-OPTION-LIST VARIABLES (START) */ --tct-option-list-line-height: var(--app-line-height, 1.428571429em); /* Q2-OPTION-LIST VARIABLES (END) */ /* Q2-OPTION VARIABLES (START) */ --tct-option-active-background: var(--t-gray-14, #f2f2f2); --tct-option-active-color: inherit; --tct-option-focus-box-shadow: inset var(--const-global-focus, 0 0 0 2px var(--const-focus-color, #0066cc)); --tct-option-padding: 0 var(--app-scale-2x, 10px); --tct-option-selected-icon-size: var(--app-scale-3x, 15px); --tct-option-selected-multiline-icon-size: 24px; /* Q2-OPTION VARIABLES (END) */ /* Q2-PAGINATION VARIABLES (START) */ --tct-pagination-btn-border: 0; --tct-pagination-btn-border-radius: 0; --tct-pagination-btn-gap: 0; --tct-pagination-column-gap: var(--app-scale-2x, 10px); --tct-pagination-controls-gap: var(--app-scale-1x, 5px); --tct-pagination-height: var(--app-minimum-tappable-size, 44px); --tct-pagination-icon-color: var(--t-text, #4d4d4d); --tct-pagination-icon-size: var(--app-font-size-small, 12px); --tct-pagination-input-height: var(--app-scale-6x, 30px); /* Q2-PAGINATION VARIABLES (END) */ /* Q2-PILL VARIABLES (START) */ --tct-pill-active-btn-background: var(--t-text, #4d4d4d); --tct-pill-active-btn-border-color: var(--t-text, #4d4d4d); --tct-pill-active-btn-color: var(--app-white, #ffffff); --tct-pill-btn-background: var(--t-base, #ffffff); --tct-pill-btn-border-color: var(--t-a11y-gray-color-AA, #949494); --tct-pill-btn-border-radius: var(--app-scale-6x, 30px); --tct-pill-btn-border-width: 2px; --tct-pill-btn-color: var(--t-text, #4d4d4d); --tct-pill-btn-font-size: var(--app-font-size, 14px); --tct-pill-btn-height: var(--app-scale-6x, 30px); --tct-pill-btn-padding-inline: var(--app-scale-3x, 15px); --tct-pill-btn-tween: var(--t-tween-time-out-3, 200ms) var(--t-tween-ease-inout, cubic-bezier(0.4, 0, 0.2, 1)); --tct-pill-disabled-opacity: var(--app-disabled-opacity, 0.4); --tct-pill-hover-btn-background: var(--t-gray-13, #e6e6e6); --tct-pill-hover-close-btn-background: rgba(13, 13, 13, 0.35); --tct-pill-hover-close-btn-border-color: rgba(13, 13, 13, 0.35); --tct-pill-icon-gap: var(--app-scale-1x, 5px); --tct-pill-icon-size: var(--app-font-size, 14px); --tct-pill-margin: var(--app-scale-2x, 10px); --tct-pill-max-width: 200px; --tct-pill-min-height: var(--app-minimum-tappable-size, 44px); --tct-pill-primary-active-background: var(--t-primary-l3, #21acff); --tct-pill-primary-active-border-color: var(--t-primary-l3, #21acff); --tct-pill-primary-active-font-color: var(--t-primary-text, #141414); --tct-pill-primary-active-hover-background: var(--t-primary-l3, #21acff); --tct-pill-primary-active-hover-border-color: var(--t-primary-l3, #21acff); --tct-pill-secondary-active-background: var(--t-secondary-l3, #c9d5db); --tct-pill-secondary-active-border-color: var(--t-secondary-l3, #c9d5db); --tct-pill-secondary-active-font-color: var(--t-secondary-text, #141414); --tct-pill-secondary-active-hover-background: var(--t-secondary-l3, #c9d5db); --tct-pill-secondary-active-hover-border-color: var(--t-secondary-l3, #c9d5db); --tct-pill-tertiary-active-background: var(--t-tertiary, #e8f5fc); --tct-pill-tertiary-active-border-color: var(--t-tertiary, #e8f5fc); --tct-pill-tertiary-active-font-color: var(--t-tertiary-text, #141414); --tct-pill-tertiary-active-hover-background: var(--t-tertiary-l3, #eff8fd); --tct-pill-tertiary-active-hover-border-color: var(--t-tertiary-l3, #eff8fd); /* Q2-PILL VARIABLES (END) */ /* Q2-POPOVER VARIABLES (START) */ --tct-popover-background: var(--t-base, #ffffff); --tct-popover-border-color: transparent; --tct-popover-border-radius: 0; --tct-popover-border-width: 0; --tct-popover-box-shadow: var(--app-shadow-1, 0 2px 4px rgba(0, 0, 0, 0.3)); --tct-popover-font-color: var(--t-text, #4d4d4d); --tct-popover-margin-block: 0; --tct-popover-min-width: initial; --tct-popover-top: initial; --tct-popover-z-index: 100; /* Q2-POPOVER VARIABLES (END) */ /* Q2-RADIO-GROUP VARIABLES (START) */ --tct-radio-group-options-margin: var(--app-scale-1x, 5px) 0; --tct-radio-group-options-padding: var(--app-scale-0x, 0px); --tct-radio-group-tile-gap: var(--app-scale-2x, 10px); /* Q2-RADIO-GROUP VARIABLES (END) */ /* Q2-RADIO VARIABLES (START) */ --tct-radio-background-fill: transparent; --tct-radio-checked-background-fill: transparent; --tct-radio-checked-fill: var(--t-primary, #0079c1); --tct-radio-checked-label-font-weight: 400; --tct-radio-checked-label-font-color: inherit; --tct-radio-checked-label-letter-spacing: normal; --tct-radio-checked-stroke-color: var(--t-primary, #0079c1); --tct-radio-focus-background-fill: transparent; --tct-radio-focus-label-color: inherit; --tct-radio-focus-stroke-color: var(--t-primary, #0079c1); --tct-radio-font-weight: 400; --tct-radio-hover-background-fill: transparent; --tct-radio-hover-label-color: inherit; --tct-radio-hover-stroke-color: var(--t-primary, #0079c1); --tct-radio-label-font-color: inherit; --tct-radio-label-hidden-columns: var(--app-scale-4x, 20px) 1fr; --tct-radio-label-margin-right: var(--app-font-size, 14px); --tct-radio-margin: var(--app-scale-2x, 10px); --tct-radio-stroke-color: var(--t-a11y-gray-color-AA, #949494); /* Q2-RADIO VARIABLES (END) */ /* Q2-SECTION VARIABLES (START) */ --tct-section-background: var(--t-base, #ffffff); --tct-section-border-color: none; --tct-section-border-radius: var(--app-border-radius-1, 3px); --tct-section-border-style: solid; --tct-section-border-width: 0; --tct-section-content-padding: var(--app-scale-2x, 10px) var(--app-scale-3x, 15px); --tct-section-content-print-padding: 0; --tct-section-font-color: var(--t-text, #4d4d4d); --tct-section-header-min-height: var(--app-minimum-tappable-size, 44px); --tct-section-header-padding: 0 var(--app-scale-3x, 15px); --tct-section-header-print-padding: 0; --tct-section-margin: 0; --tct-section-print-margin: 0; --tct-section-title-font-size: var(--app-scale-4x, 20px); --tct-section-title-font-weight: 600; --tct-section-title-letter-spacing: normal; --tct-section-title-margin: 0; --tct-section-title-text-transform: none; --tct-section-tween: var(--t-tween-time-in-5, 400ms) var(--t-tween-ease-inout, cubic-bezier(0.4, 0, 0.2, 1)); --tct-section-wrapper-hover-box-shadow: none; --tct-section-wrapper-padding: 0; /* Q2-SECTION VARIABLES (END) */ /* Q2-SELECT VARIABLES (START) */ --tct-select-input-max-height: none; --tct-select-input-min-height: initial; --tct-select-margin-bottom: var(--app-scale-5x, 25px); --tct-select-margin-top: var(--app-scale-5x, 25px); --tct-select-multi-select-option-active-background: var(--t-primary, #0079c1); --tct-select-multi-select-option-active-color: var(--t-primary-text, #ffffff); --tct-select-multi-select-option-background: transparent; --tct-select-multi-select-option-color: inherit; --tct-select-multi-select-option-disabled-opacity: var(--app-disabled-opacity, 0.4); --tct-select-multi-select-option-font-size: inherit; --tct-select-multi-select-option-hover-background: var(--t-gray-14, #f2f2f2); --tct-select-multi-select-option-hover-color: var(--t-gray-5, #404040); --tct-select-multi-select-option-padding: 2px 5px; --tct-select-multi-select-option-radius: var(--app-border-radius-1, 3px); /* Q2-SELECT VARIABLES (END) */ /* Q2-STEPPER-PANE VARIABLES (START) */ /* Q2-STEPPER-PANE VARIABLES (END) */ /* Q2-STEPPER-VERTICAL VARIABLES (START) */ --tct-stepper-vertical-btn-active-font-weight: 600; --tct-stepper-vertical-btn-font-size: 16px; --tct-stepper-vertical-btn-gap: var(--app-scale-3x, 15px); --tct-stepper-vertical-btn-height: var(--app-scale-8x, 40px); --tct-stepper-vertical-btn-icon-size: 24px; --tct-stepper-vertical-btn-locked-color: var(--t-textA, rgba(77, 77, 77, 0.77)); --tct-stepper-vertical-btn-text-align: start; --tct-stepper-vertical-bullet-active-background: var(--t-primary, #0079c1); --tct-stepper-vertical-child-border-color: var(--t-gray-12, #d9d9d9); --tct-stepper-vertical-child-border-style: solid; --tct-stepper-vertical-child-border-width: 1px; --tct-stepper-vertical-child-btn-font-size: var(--app-font-size-small, 12px); --tct-stepper-vertical-child-btn-height: var(--app-scale-6x, 30px); --tct-stepper-vertical-child-btn-icon-size: 12px; --tct-stepper-vertical-child-btn-left-border-style: solid; --tct-stepper-vertical-child-btn-left-border-width: 3px; --tct-stepper-vertical-child-btn-left-padding: var(--app-scale-2x, 10px); --tct-stepper-vertical-description-color: var(--t-textA, rgba(77, 77, 77, 0.77)); --tct-stepper-vertical-description-font-size: var(--app-font-size-small, 12px); --tct-stepper-vertical-label-color: var(--t-text, #4d4d4d); --tct-stepper-vertical-layout-gap: 120px; --tct-stepper-vertical-list-width: 180px; --tct-stepper-vertical-spacer-height: var(--app-scale-6x, 30px); --tct-stepper-vertical-tween: var(--app-tween-1, 0.2s ease); /* Q2-STEPPER-VERTICAL VARIABLES (END) */ /* Q2-STEPPER VARIABLES (START) */ --tct-stepper-active-font-weight: 600; --tct-stepper-btn-gap: var(--app-scale-3x, 15px); --tct-stepper-btn-icon-size: 24px; --tct-stepper-bullet-active-background: var(--t-primary, #0079c1); --tct-stepper-bullet-active-font-color: var(--app-white, #ffffff); --tct-stepper-bullet-active-font-weight: 600; --tct-stepper-bullet-inactive-background: var(--t-gray-12, #d9d9d9); --tct-stepper-bullet-inactive-font-color: var(--t-text, #4d4d4d); --tct-stepper-description-color: var(--t-text, #4d4d4d); --tct-stepper-description-font-size: var(--app-font-size-small, 12px); --tct-stepper-description-line-count: 4; --tct-stepper-label-color: var(--t-text, #4d4d4d); --tct-stepper-label-font-size: var(--app-font-size-small, 12px); --tct-stepper-label-line-count: 1; --tct-stepper-label-line-height: 1.5em; --tct-stepper-list-padding: 2px; --tct-stepper-min-height: 50px; --tct-stepper-scroll-arrow-color: var(--t-text, #4d4d4d); --tct-stepper-step-gap: var(--app-scale-1x, 5px); --tct-stepper-step-width: 80px; --tct-stepper-tween: var(--t-tween-time-out-3, 200ms) var(--t-tween-ease-inout, cubic-bezier(0.4, 0, 0.2, 1)); /* Q2-STEPPER VARIABLES (END) */ /* Q2-TAB-CONTAINER VARIABLES (START) */ --tct-tab-active-background: transparent; --tct-tab-active-border-color: currentcolor; --tct-tab-active-border-style: solid; --tct-tab-active-color: var(--t-primary, #0079c1); --tct-tab-active-width: 100%; --tct-tab-alt-active-color: currentcolor; --tct-tab-alt-inactive-color: currentcolor; --tct-tab-border-radius: 0; --tct-tab-container-border-color: var(--t-a11y-gray-color-AA, #949494); --tct-tab-container-margin: 0; --tct-tab-container-padding: var(--app-scale-1x, 5px) var(--app-scale-1x, 5px) 0; --tct-tab-content-padding: var(--app-scale-2x, 10px); --tct-tab-font-size: 17px; --tct-tab-gap: var(--app-scale-1x, 5px); --tct-tab-hover-background: transparent; --tct-tab-hover-color: var(--t-primary, #0079c1); --tct-tab-hover-width: 100%; --tct-tab-inactive-background: transparent; --tct-tab-inactive-border-color: transparent; --tct-tab-inactive-border-style: solid; --tct-tab-inactive-border-width: 0 0 3px 0; --tct-tab-inactive-color: inherit; --tct-tab-padding: var(--app-scale-2x, 10px); --tct-tab-section-padding: var(--app-scale-2x, 10px) var(--app-scale-1x, 5px); --tct-tab-section-font-size: var(--app-font-size, 14px); --tct-tab-text-align: center; --tct-tab-text-decoration: none; --tct-tab-width: 100%; /* Q2-TAB-CONTAINER VARIABLES (END) */ /* Q2-TAB-PANE VARIABLES (START) */ /* Q2-TAB-PANE VARIABLES (END) */ /* Q2-TAG VARIABLES (START) */ --tct-tag-background: var(--t-gray-13, #e6e6e6); --tct-tag-border-radius: var(--app-border-radius-1, 3px); --tct-tag-btn-size: var(--app-scale-6x, 30px); --tct-tag-clickable-size: var(--app-minimum-tappable-size, 44px); --tct-tag-color: var(--t-text, #4d4d4d); --tct-tag-height: var(--app-scale-6x, 30px); --tct-tag-margin: var(--app-scale-2x, 10px); --tct-tag-padding-inline: var(--app-scale-3x, 15px); --tct-tag-primary-background: var(--t-primary, #0079c1); --tct-tag-primary-font-color: var(--app-white, #ffffff); --tct-tag-secondary-background: var(--t-secondary, #b3c2cc); --tct-tag-secondary-font-color: var(--t-secondary-text, #141414); --tct-tag-tertiary-background: var(--t-tertiary, #e8f5fc); --tct-tag-tertiary-font-color: var(--t-tertiary-text, #141414); /* Q2-TAG VARIABLES (END) */ /* Q2-TEXTAREA VARIABLES (START) */ --tct-textarea-background: var(--t-base, #ffffff); --tct-textarea-border-bottom-left-radius: var(--app-border-radius-1, 3px); --tct-textarea-border-bottom-right-radius: var(--app-border-radius-1, 3px); --tct-textarea-border-bottom-width: 1px; --tct-textarea-border-color: var(--t-a11y-gray-color-AA, #949494); --tct-textarea-border-left-width: 1px; --tct-textarea-border-right-width: 1px; --tct-textarea-border-top-left-radius: var(--app-border-radius-1, 3px); --tct-textarea-border-top-right-radius: var(--app-border-radius-1, 3px); --tct-textarea-border-top-width: 1px; --tct-textarea-box-shadow: none; --tct-textarea-disabled-opacity: var(--app-disabled-opacity, 0.4); --tct-textarea-error-background: var(--t-base, #ffffff); --tct-textarea-error-border-color: var(--const-stoplight-alert, #d20a0a); --tct-textarea-error-box-shadow: none; --tct-textarea-error-focus-background: var(--t-base, #ffffff); --tct-textarea-error-focus-border-color: var(--const-stoplight-alert, #d20a0a); --tct-textarea-error-focus-box-shadow: initial; --tct-textarea-error-focus-label-font-color: var(--t-text, #4d4d4d); --tct-textarea-error-hover-background: var(--t-base, #ffffff); --tct-textarea-error-hover-border-color: var(--const-stoplight-alert, #d20a0a); --tct-textarea-error-hover-box-shadow: none; --tct-textarea-error-hover-label-font-color: var(--t-text, #4d4d4d); --tct-textarea-error-label-font-color: var(--t-text, #4d4d4d); --tct-textarea-focus-background: var(--t-base, #ffffff); --tct-textarea-focus-border-color: var(--t-a11y-gray-color-AA, #949494); --tct-textarea-focus-box-shadow: initial; --tct-textarea-focus-label-font-color: var(--t-text, #4d4d4d); --tct-textarea-font-color: var(--t-text, #4d4d4d); --tct-textarea-font-size: var(--app-font-size, 14px); --tct-textarea-hover-background: var(--t-base, #ffffff); --tct-textarea-hover-border-color: var(--t-a11y-gray-color-AA, #949494); --tct-textarea-hover-box-shadow: none; --tct-textarea-hover-label-font-color: var(--t-text, #4d4d4d); --tct-textarea-hover-ring-color: none; --tct-textarea-icon-stroke-primary: var(--t-a11y-gray-color-AA, #949494); --tct-textarea-label-font-color: var(--t-text, #4d4d4d); --tct-textarea-label-font-size: var(--app-font-size, 14px); --tct-textarea-label-font-weight: 600; --tct-textarea-label-letter-spacing: normal; --tct-textarea-label-margin: 0 0 var(--app-scale-1x, 5px) 0; --tct-textarea-label-optional-font-color: var(--t-a11y-gray-color-AAA, #6c6c6c); --tct-textarea-label-optional-font-size: var(--app-font-size-small, 12px); --tct-textarea-label-optional-font-weight: 400; --tct-textarea-label-optional-margin: var(--app-scale-1x, 5px); --tct-textarea-label-padding: 0; --tct-textarea-label-text-transform: none; --tct-textarea-margin-bottom: var(--app-scale-5x, 25px); --tct-textarea-margin-top: var(--app-scale-5x, 25px); --tct-textarea-max-length-color: var(--t-a11y-gray-color-AAA, #6c6c6c); --tct-textarea-max-length-font-size: var(--app-font-size-small, 12px); --tct-textarea-message-box-shadow: var(--app-shadow-1, 0 2px 4px rgba(0, 0, 0, 0.3)); --tct-textarea-messages-font-color: var(--t-text, #4d4d4d); --tct-textarea-messages-tween: var(--t-tween-time-out-3, 200ms) var(--t-tween-ease-inout, cubic-bezier(0.4, 0, 0.2, 1)); --tct-textarea-min-height: 150px; --tct-textarea-min-width: var(--app-minimum-tappable-size, 44px); --tct-textarea-padding: var(--app-scale-2x, 10px); --tct-textarea-placeholder-font-color: var(--t-a11y-gray-color-AAA, #6c6c6c); --tct-textarea-resize-btn-background: transparent; --tct-textarea-resize-btn-height: var(--app-minimum-tappable-size, 44px); --tct-textarea-resize-btn-width: var(--app-minimum-tappable-size, 44px); --tct-textarea-resize-color: var(--t-a11y-gray-color-AAA, #6c6c6c); --tct-textarea-resize-icon-padding: 0; --tct-textarea-resize-icon-size: 12px; --tct-textarea-tween: var(--t-tween-time-in-5, 400ms) var(--t-tween-ease-inout, cubic-bezier(0.4, 0, 0.2, 1)); /* Q2-TEXTAREA VARIABLES (END) */ /* Q2-TOOLTIP VARIABLES (START) */ --tct-tooltip-arrow-size: var(--app-scale-1x, 5px); --tct-tooltip-background: var(--t-top-a3, rgba(13, 13, 13, 0.85)); --tct-tooltip-body-offset: calc(var(--app-scale-3x, 15px) * -1); --tct-tooltip-border-radius: var(--app-border-radius-1, 3px); --tct-tooltip-color: var(--app-white, #ffffff); --tct-tooltip-font-size: var(--app-font-size-small, 12px); --tct-tooltip-font-weight: 600; --tct-tooltip-max-width: 200px; --tct-tooltip-offset: calc(var(--app-scale-1x, 5px) * -1); --tct-tooltip-padding: var(--app-scale-1x, 5px) var(--app-scale-2x, 10px); --tct-tooltip-position: var(--app-scale-1x, 5px); --tct-tooltip-transition-delay: 1s; --tct-tooltip-transition-duration: var(--t-tween-time-in-2, 200ms); --tct-tooltip-transition-visible-duration: 2s; /* Q2-TOOLTIP VARIABLES (END) */ /* TECTON-TAB-PANE VARIABLES (START) */ /* TECTON-TAB-PANE VARIABLES (END) */ }