/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/scss/default/styles.scss?ngGlobalStyle ***! \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ @import url(https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap); /*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].rules[0].oneOf[0].use[2]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[8].rules[1].use[0]!./node_modules/@taiga-ui/core/styles/taiga-ui-theme.less?ngGlobalStyle ***! \******************************************************************************************************************************************************************************************************************************************************************************************************************************************/ :root { --tui-heading-font: 'Manrope', -apple-system, 'BlinkMacSystemFont', system-ui, 'Roboto', 'Segoe UI', 'Helvetica Neue', sans-serif; --tui-text-font: 'Manrope', -apple-system, 'BlinkMacSystemFont', system-ui, 'Roboto', 'Segoe UI', 'Helvetica Neue', sans-serif; --tui-font-heading: var(--tui-heading-font); --tui-font-heading-1: bold 3.125rem/3.5rem var(--tui-font-heading); --tui-font-heading-2: bold 2.75rem/3rem var(--tui-font-heading); --tui-font-heading-3: bold 2.25rem/2.5rem var(--tui-font-heading); --tui-font-heading-4: bold 1.75rem/2rem var(--tui-font-heading); --tui-font-heading-5: bold 1.5rem/1.75rem var(--tui-font-heading); --tui-font-heading-6: bold 1.25rem/1.5rem var(--tui-font-heading); --tui-font-text: var(--tui-text-font); --tui-font-text-xl: normal 1.1875rem/1.75rem var(--tui-font-text); --tui-font-text-l: normal 1.0625rem/1.75rem var(--tui-font-text); --tui-font-text-l-2: normal 1.0625rem/1.5rem var(--tui-font-text); --tui-font-text-m: normal 1rem/1.5rem var(--tui-font-text); --tui-font-text-m-2: normal 1rem/1.25rem var(--tui-font-text); --tui-font-text-s: normal 0.8125rem/1.25rem var(--tui-font-text); --tui-font-text-s-2: normal 0.8125rem/1rem var(--tui-font-text); --tui-font-text-xs: normal 0.6875rem/1rem var(--tui-font-text); --tui-font-text-xs-2: normal 0.6875rem/0.8125rem var(--tui-font-text); --tui-radius-xs: 0.25rem; --tui-radius-s: 0.5rem; --tui-radius-m: 0.75rem; --tui-radius-l: 0.75rem; --tui-radius-xl: 1.5rem; --tui-height-xs: 1.5rem; --tui-height-s: 2rem; --tui-height-m: 2.75rem; --tui-height-l: 3.5rem; --tui-padding-s: 0.75rem; --tui-padding-m: 0.75rem; --tui-padding-l: 1rem; --tui-duration: 0.3s; --tui-backdrop: none; --tui-disabled-opacity: 0.56; --tui-autofill: #fff5c0; --tui-base-01: #fff; --tui-base-02: #f6f6f6; --tui-base-03: #ededed; --tui-base-04: #d7d7d7; --tui-base-05: #b0b0b0; --tui-base-06: #959595; --tui-base-07: #808080; --tui-base-08: #333; --tui-base-09: #000; --tui-primary: #526ed3; --tui-primary-hover: #6c86e2; --tui-primary-active: #314692; --tui-primary-text: #fff; --tui-secondary: #ebefff; --tui-secondary-hover: #dfe3f3; --tui-secondary-active: #d8ddf2; --tui-accent: #ff7043; --tui-accent-hover: #ff9a94; --tui-accent-active: #e7716a; --tui-accent-text: #fff; --tui-selection: rgba(112, 182, 246, 0.12); --tui-focus: rgba(51, 51, 51, 0.64); --tui-clear: rgba(0, 0, 0, 0.04); --tui-clear-disabled: rgba(0, 0, 0, 0.04); --tui-clear-hover: rgba(0, 0, 0, 0.16); --tui-clear-active: rgba(0, 0, 0, 0.2); --tui-clear-inverse: rgba(255, 255, 255, 0.16); --tui-clear-inverse-hover: rgba(255, 255, 255, 0.24); --tui-clear-inverse-active: rgba(255, 255, 255, 0.4); --tui-elevation-01: #fff; --tui-elevation-02: #fff; --tui-error-fill: #f45725; --tui-error-bg: rgba(244, 87, 37, 0.12); --tui-error-bg-hover: rgba(244, 87, 37, 0.24); --tui-success-fill: #4ac99b; --tui-success-bg: rgba(74, 201, 155, 0.12); --tui-success-bg-hover: rgba(74, 201, 155, 0.24); --tui-warning-fill: #ffc700; --tui-warning-bg: rgba(255, 199, 0, 0.12); --tui-warning-bg-hover: rgba(255, 199, 0, 0.24); --tui-info-fill: #70b6f6; --tui-info-bg: rgba(112, 182, 246, 0.12); --tui-info-bg-hover: rgba(112, 182, 246, 0.24); --tui-neutral-fill: #79818c; --tui-neutral-bg: rgba(121, 129, 140, 0.12); --tui-neutral-bg-hover: rgba(121, 129, 140, 0.24); --tui-text-01: #1b1f3b; --tui-text-02: rgba(27, 31, 59, 0.65); --tui-text-03: rgba(27, 31, 59, 0.4); --tui-link: #526ed3; --tui-link-hover: #6c86e2; --tui-positive: #3aa981; --tui-positive-hover: #7ac5aa; --tui-negative: #dd4c1e; --tui-negative-hover: #e38163; --tui-error-fill-night: #ff8c67; --tui-error-bg-night: rgba(244, 87, 37, 0.32); --tui-error-bg-night-hover: rgba(244, 87, 37, 0.4); --tui-success-fill-night: #4ac99b; --tui-success-bg-night: rgba(74, 201, 155, 0.32); --tui-success-bg-night-hover: rgba(74, 201, 155, 0.4); --tui-warning-fill-night: #ffc700; --tui-warning-bg-night: rgba(255, 199, 0, 0.32); --tui-warning-bg-night-hover: rgba(255, 199, 0, 0.4); --tui-info-fill-night: #70b6f6; --tui-info-bg-night: rgba(112, 182, 246, 0.32); --tui-info-bg-night-hover: rgba(112, 182, 246, 0.4); --tui-neutral-fill-night: #959ba4; --tui-neutral-bg-night: rgba(149, 155, 164, 0.32); --tui-neutral-bg-night-hover: rgba(149, 155, 164, 0.48); --tui-autofill-night: #554a2a; --tui-text-01-night: #ffffff; --tui-text-02-night: rgba(255, 255, 255, 0.72); --tui-text-03-night: rgba(255, 255, 255, 0.6); --tui-link-night: #6788ff; --tui-link-night-hover: #526ed3; --tui-positive-night: #44c596; --tui-positive-night-hover: #3aa981; --tui-negative-night: #ff8c67; --tui-negative-night-hover: #bb593a; --tui-support-01: #a8cef1; --tui-support-02: #3682db; --tui-support-03: #8dda71; --tui-support-04: #34b41f; --tui-support-05: #e29398; --tui-support-06: #b8474e; --tui-support-07: #fcc068; --tui-support-08: #ff8a00; --tui-support-09: #dab3f9; --tui-support-10: #7b439e; --tui-support-11: #fee797; --tui-support-12: #fcbb14; --tui-support-13: #ea97c4; --tui-support-14: #bd65a4; --tui-support-15: #7fd7cc; --tui-support-16: #2fad96; --tui-support-17: #d4aca2; --tui-support-18: #9d6f64; --tui-support-19: #d2e9a2; --tui-support-20: #aadc42; --tui-support-21: #a0c5df; --tui-chart-0: var(--tui-primary); --tui-chart-1: var(--tui-support-13); --tui-chart-2: var(--tui-support-21); --tui-chart-3: var(--tui-support-11); --tui-chart-4: var(--tui-base-05); --tui-shadow: 0 0.25rem 1.5rem rgba(0, 0, 0, 0.12); --tui-shadow-hover: 0 0.75rem 2.25rem rgba(0, 0, 0, 0.2); --tui-shadow-dropdown: 0 1.5rem 1rem rgba(0, 0, 0, 0.03), 0 0.75rem 0.75rem rgba(0, 0, 0, 0.04), 0 0.25rem 0.375rem rgba(0, 0, 0, 0.05); --tui-shadow-modal: 0 1.125rem 1.875rem rgba(0, 0, 0, 0.48); --tui-shadow-sidebar: 0.25rem 0 1.5rem rgba(0, 0, 0, 0.12); --tui-shadow-navigation: 0 0.125rem 1rem rgba(0, 0, 0, 0.08); --tui-shadow-sheet: 0 -1rem 1.75rem rgba(0, 0, 0, 0.24); } [tuiTheme='night'] { --tui-base-01: #222; --tui-base-02: #333; --tui-base-03: #808080; --tui-base-04: #959595; --tui-base-05: #b0b0b0; --tui-base-06: #d7d7d7; --tui-base-07: #ededed; --tui-base-08: #f6f6f6; --tui-base-09: #fff; --tui-focus: rgba(51, 51, 51, 0.64); --tui-secondary: rgba(255, 255, 255, 0.16); --tui-secondary-hover: rgba(255, 255, 255, 0.24); --tui-secondary-active: rgba(255, 255, 255, 0.4); --tui-clear: rgba(255, 255, 255, 0.16); --tui-clear-disabled: rgba(255, 255, 255, 0.08); --tui-clear-hover: rgba(255, 255, 255, 0.24); --tui-clear-active: rgba(255, 255, 255, 0.4); --tui-error-fill: #ff8c67; --tui-error-bg: rgba(244, 87, 37, 0.32); --tui-error-bg-hover: rgba(244, 87, 37, 0.4); --tui-success-fill: #4ac99b; --tui-success-bg: rgba(74, 201, 155, 0.32); --tui-success-bg-hover: rgba(74, 201, 155, 0.4); --tui-warning-fill: #ffc700; --tui-warning-bg: rgba(255, 199, 0, 0.32); --tui-warning-bg-hover: rgba(255, 199, 0, 0.4); --tui-info-fill: #70b6f6; --tui-info-bg: rgba(112, 182, 246, 0.32); --tui-info-bg-hover: rgba(112, 182, 246, 0.4); --tui-neutral-fill: #959ba4; --tui-neutral-bg: rgba(149, 155, 164, 0.32); --tui-neutral-bg-hover: rgba(149, 155, 164, 0.48); --tui-text-01: #ffffff; --tui-text-02: rgba(255, 255, 255, 0.72); --tui-text-03: rgba(255, 255, 255, 0.6); --tui-link: #6788ff; --tui-link-hover: #526ed3; --tui-positive: #44c596; --tui-positive-hover: #3aa981; --tui-negative: #ff8c67; --tui-negative-hover: #bb593a; --tui-autofill: var(--tui-autofill-night); --tui-elevation-01: #222; --tui-elevation-02: #222; --tui-shadow: 0 0.25rem 1.5rem rgba(0, 0, 0, 0.12); --tui-shadow-hover: 0 0.75rem 2.25rem rgba(0, 0, 0, 0.2); --tui-shadow-dropdown: 0 1.5rem 1rem rgba(0, 0, 0, 0.03), 0 0.75rem 0.75rem rgba(0, 0, 0, 0.04), 0 0.25rem 0.375rem rgba(0, 0, 0, 0.05); --tui-shadow-modal: 0 1.125rem 1.875rem rgba(0, 0, 0, 0.48); --tui-shadow-sidebar: 0.25rem 0 1.5rem rgba(0, 0, 0, 0.12); --tui-shadow-navigation: 0 0.125rem 1rem rgba(0, 0, 0, 0.08); --tui-shadow-sheet: 0 -1rem 1.75rem rgba(0, 0, 0, 0.24); } [tuiTheme='night'] tui-notification { --tui-base-01: #000; } /** * @deprecated remove in 4.0 */ /* Every max-width of breakpoint is equal: next min-width - 60% from 1px (1/16 * 0.6 = 0.0375) */ [tuiAppearance] { transition-property: color, background, opacity, box-shadow; transition-duration: var(--tui-duration, 300ms); transition-timing-function: ease-in-out; position: relative; appearance: none; outline: 0.125rem solid transparent; outline-offset: -0.125rem; } [tuiAppearance]:focus-visible:not([data-focus='false']), [tuiAppearance][data-focus='true'] { outline-color: var(--tui-focus); } [tuiAppearance]:disabled:not([data-state]), [tuiAppearance][data-state='disabled'] { pointer-events: none; opacity: var(--tui-disabled-opacity); } [tuiAppearance][data-appearance='accent'] { background: var(--tui-accent); color: var(--tui-accent-text); } @media (hover: hover) { [tuiAppearance][data-appearance='accent']:-webkit-any(a, button, select, textarea, input, label):hover:not([data-state]) { background: var(--tui-accent-hover); } [tuiAppearance][data-appearance='accent']:-moz-any(a, button, select, textarea, input, label):hover:not([data-state]) { background: var(--tui-accent-hover); } } [tuiAppearance][data-appearance='accent'][data-state='hover'] { background: var(--tui-accent-hover); } [tuiAppearance][data-appearance='accent']:-webkit-any(a, button, select, textarea, input, label):active:not([data-state]) { background: var(--tui-accent-active); } [tuiAppearance][data-appearance='accent']:-moz-any(a, button, select, textarea, input, label):active:not([data-state]) { background: var(--tui-accent-active); } [tuiAppearance][data-appearance='accent'][data-state='active'] { background: var(--tui-accent-active); } [tuiAppearance][data-appearance='floating'] { background: #fff; color: rgba(0, 0, 0, 0.8); box-shadow: 0 0.25rem 1.25rem rgba(0, 0, 0, 0.1); } @media (hover: hover) { [tuiAppearance][data-appearance='floating']:-webkit-any(a, button, select, textarea, input, label):hover:not([data-state]) { box-shadow: 0 0.875rem 2.625rem rgba(0, 0, 0, 0.14); } [tuiAppearance][data-appearance='floating']:-moz-any(a, button, select, textarea, input, label):hover:not([data-state]) { box-shadow: 0 0.875rem 2.625rem rgba(0, 0, 0, 0.14); } } [tuiAppearance][data-appearance='floating'][data-state='hover'] { box-shadow: 0 0.875rem 2.625rem rgba(0, 0, 0, 0.14); } [tuiAppearance][data-appearance='floating']:-webkit-any(a, button, select, textarea, input, label):active:not([data-state]) { background: #f6f7f8; box-shadow: 0 0.25rem 1.25rem rgba(0, 0, 0, 0.1); } [tuiAppearance][data-appearance='floating']:-moz-any(a, button, select, textarea, input, label):active:not([data-state]) { background: #f6f7f8; box-shadow: 0 0.25rem 1.25rem rgba(0, 0, 0, 0.1); } [tuiAppearance][data-appearance='floating'][data-state='active'] { background: #f6f7f8; box-shadow: 0 0.25rem 1.25rem rgba(0, 0, 0, 0.1); } /* stylelint-disable order/order */ [tuiAppearance][data-appearance='glass'] { background: rgba(0, 0, 0, 0.4); color: #fff; -webkit-backdrop-filter: blur(1rem); backdrop-filter: blur(1rem); --tui-focus: rgba(255, 255, 255, 0.64); } @media (hover: hover) { [tuiAppearance][data-appearance='glass']:-webkit-any(a, button, select, textarea, input, label):hover:not([data-state]) { background: rgba(0, 0, 0, 0.48); } [tuiAppearance][data-appearance='glass']:-moz-any(a, button, select, textarea, input, label):hover:not([data-state]) { background: rgba(0, 0, 0, 0.48); } } [tuiAppearance][data-appearance='glass'][data-state='hover'] { background: rgba(0, 0, 0, 0.48); } [tuiAppearance][data-appearance='glass']:-webkit-any(a, button, select, textarea, input, label):active:not([data-state]) { background: rgba(0, 0, 0, 0.6); } [tuiAppearance][data-appearance='glass']:-moz-any(a, button, select, textarea, input, label):active:not([data-state]) { background: rgba(0, 0, 0, 0.6); } [tuiAppearance][data-appearance='glass'][data-state='active'] { background: rgba(0, 0, 0, 0.6); } [tuiTheme='night'] [tuiAppearance][data-appearance='glass'] { background: rgba(255, 255, 255, 0.3); } @media (hover: hover) { [tuiTheme='night'] [tuiAppearance][data-appearance='glass']:-webkit-any(a, button, select, textarea, input, label):hover:not([data-state]) { background: rgba(255, 255, 255, 0.4); } [tuiTheme='night'] [tuiAppearance][data-appearance='glass']:-moz-any(a, button, select, textarea, input, label):hover:not([data-state]) { background: rgba(255, 255, 255, 0.4); } } [tuiTheme='night'] [tuiAppearance][data-appearance='glass'][data-state='hover'] { background: rgba(255, 255, 255, 0.4); } [tuiTheme='night'] [tuiAppearance][data-appearance='glass']:-webkit-any(a, button, select, textarea, input, label):active:not([data-state]) { background: rgba(255, 255, 255, 0.5); } [tuiTheme='night'] [tuiAppearance][data-appearance='glass']:-moz-any(a, button, select, textarea, input, label):active:not([data-state]) { background: rgba(255, 255, 255, 0.5); } [tuiTheme='night'] [tuiAppearance][data-appearance='glass'][data-state='active'] { background: rgba(255, 255, 255, 0.5); } [tuiAppearance][data-appearance='icon'] { color: var(--tui-text-03); } @media (hover: hover) { [tuiAppearance][data-appearance='icon']:-webkit-any(a, button, select, textarea, input, label):hover:not([data-state]) { color: var(--tui-text-02); } [tuiAppearance][data-appearance='icon']:-moz-any(a, button, select, textarea, input, label):hover:not([data-state]) { color: var(--tui-text-02); } } [tuiAppearance][data-appearance='icon'][data-state='hover'] { color: var(--tui-text-02); } [tuiAppearance][data-appearance='icon']:-webkit-any(a, button, select, textarea, input, label):active:not([data-state]) { color: var(--tui-text-01); } [tuiAppearance][data-appearance='icon']:-moz-any(a, button, select, textarea, input, label):active:not([data-state]) { color: var(--tui-text-01); } [tuiAppearance][data-appearance='icon'][data-state='active'] { color: var(--tui-text-01); } [tuiAppearance][data-appearance='whiteblock']:before, [tuiAppearance][data-appearance='neutral']:before, [tuiAppearance][data-appearance='floating']:before, [tuiAppearance][data-appearance='whiteblock']:after, [tuiAppearance][data-appearance='neutral']:after, [tuiAppearance][data-appearance='floating']:after { transition-property: color; transition-duration: var(--tui-duration, 300ms); transition-timing-function: ease-in-out; color: var(--tui-text-03); } @media (hover: hover) { [tuiAppearance][data-appearance='whiteblock']:-webkit-any(a, button, select, textarea, input, label):hover:not([data-state]):before, [tuiAppearance][data-appearance='neutral']:-webkit-any(a, button, select, textarea, input, label):hover:not([data-state]):before, [tuiAppearance][data-appearance='floating']:-webkit-any(a, button, select, textarea, input, label):hover:not([data-state]):before, [tuiAppearance][data-appearance='whiteblock']:-webkit-any(a, button, select, textarea, input, label):hover:not([data-state]):after, [tuiAppearance][data-appearance='neutral']:-webkit-any(a, button, select, textarea, input, label):hover:not([data-state]):after, [tuiAppearance][data-appearance='floating']:-webkit-any(a, button, select, textarea, input, label):hover:not([data-state]):after { color: var(--tui-text-02); } [tuiAppearance][data-appearance='whiteblock']:-moz-any(a, button, select, textarea, input, label):hover:not([data-state]):before, [tuiAppearance][data-appearance='neutral']:-moz-any(a, button, select, textarea, input, label):hover:not([data-state]):before, [tuiAppearance][data-appearance='floating']:-moz-any(a, button, select, textarea, input, label):hover:not([data-state]):before, [tuiAppearance][data-appearance='whiteblock']:-moz-any(a, button, select, textarea, input, label):hover:not([data-state]):after, [tuiAppearance][data-appearance='neutral']:-moz-any(a, button, select, textarea, input, label):hover:not([data-state]):after, [tuiAppearance][data-appearance='floating']:-moz-any(a, button, select, textarea, input, label):hover:not([data-state]):after { color: var(--tui-text-02); } } [tuiAppearance][data-appearance='whiteblock'][data-state='hover']:before, [tuiAppearance][data-appearance='neutral'][data-state='hover']:before, [tuiAppearance][data-appearance='floating'][data-state='hover']:before, [tuiAppearance][data-appearance='whiteblock'][data-state='hover']:after, [tuiAppearance][data-appearance='neutral'][data-state='hover']:after, [tuiAppearance][data-appearance='floating'][data-state='hover']:after { color: var(--tui-text-02); } [tuiAppearance][data-appearance='whiteblock']:-webkit-any(a, button, select, textarea, input, label):active:not([data-state]):before, [tuiAppearance][data-appearance='neutral']:-webkit-any(a, button, select, textarea, input, label):active:not([data-state]):before, [tuiAppearance][data-appearance='floating']:-webkit-any(a, button, select, textarea, input, label):active:not([data-state]):before, [tuiAppearance][data-appearance='whiteblock']:-webkit-any(a, button, select, textarea, input, label):active:not([data-state]):after, [tuiAppearance][data-appearance='neutral']:-webkit-any(a, button, select, textarea, input, label):active:not([data-state]):after, [tuiAppearance][data-appearance='floating']:-webkit-any(a, button, select, textarea, input, label):active:not([data-state]):after { color: var(--tui-text-01); } [tuiAppearance][data-appearance='whiteblock']:-moz-any(a, button, select, textarea, input, label):active:not([data-state]):before, [tuiAppearance][data-appearance='neutral']:-moz-any(a, button, select, textarea, input, label):active:not([data-state]):before, [tuiAppearance][data-appearance='floating']:-moz-any(a, button, select, textarea, input, label):active:not([data-state]):before, [tuiAppearance][data-appearance='whiteblock']:-moz-any(a, button, select, textarea, input, label):active:not([data-state]):after, [tuiAppearance][data-appearance='neutral']:-moz-any(a, button, select, textarea, input, label):active:not([data-state]):after, [tuiAppearance][data-appearance='floating']:-moz-any(a, button, select, textarea, input, label):active:not([data-state]):after { color: var(--tui-text-01); } [tuiAppearance][data-appearance='whiteblock'][data-state='active']:before, [tuiAppearance][data-appearance='neutral'][data-state='active']:before, [tuiAppearance][data-appearance='floating'][data-state='active']:before, [tuiAppearance][data-appearance='whiteblock'][data-state='active']:after, [tuiAppearance][data-appearance='neutral'][data-state='active']:after, [tuiAppearance][data-appearance='floating'][data-state='active']:after { color: var(--tui-text-01); } [tuiAppearance][data-appearance='opposite'] { --tui-focus: rgba(255, 255, 255, 0.64); background: #000; color: #fff; } @media (hover: hover) { [tuiAppearance][data-appearance='opposite']:-webkit-any(a, button, select, textarea, input, label):hover:not([data-state]) { background: #333; } [tuiAppearance][data-appearance='opposite']:-moz-any(a, button, select, textarea, input, label):hover:not([data-state]) { background: #333; } } [tuiAppearance][data-appearance='opposite'][data-state='hover'] { background: #333; } [tuiAppearance][data-appearance='opposite']:-webkit-any(a, button, select, textarea, input, label):active:not([data-state]) { background: #5c636b; } [tuiAppearance][data-appearance='opposite']:-moz-any(a, button, select, textarea, input, label):active:not([data-state]) { background: #5c636b; } [tuiAppearance][data-appearance='opposite'][data-state='active'] { background: #5c636b; } [tuiTheme='night'] [tuiAppearance][data-appearance='opposite'] { --tui-focus: rgba(51, 51, 51, 0.48); color: rgba(0, 0, 0, 0.8); background: #fff; } @media (hover: hover) { [tuiTheme='night'] [tuiAppearance][data-appearance='opposite']:-webkit-any(a, button, select, textarea, input, label):hover:not([data-state]) { background: #f3F4f6; } [tuiTheme='night'] [tuiAppearance][data-appearance='opposite']:-moz-any(a, button, select, textarea, input, label):hover:not([data-state]) { background: #f3F4f6; } } [tuiTheme='night'] [tuiAppearance][data-appearance='opposite'][data-state='hover'] { background: #f3F4f6; } [tuiTheme='night'] [tuiAppearance][data-appearance='opposite']:-webkit-any(a, button, select, textarea, input, label):active:not([data-state]) { background: #eaecee; } [tuiTheme='night'] [tuiAppearance][data-appearance='opposite']:-moz-any(a, button, select, textarea, input, label):active:not([data-state]) { background: #eaecee; } [tuiTheme='night'] [tuiAppearance][data-appearance='opposite'][data-state='active'] { background: #eaecee; } [tuiAppearance][data-appearance='outline'], [tuiAppearance][data-appearance='whiteblock'] { background: transparent; color: var(--tui-link); box-shadow: inset 0 0 0 1px var(--tui-base-04); } @media (hover: hover) { [tuiAppearance][data-appearance='outline']:-webkit-any(a, button, select, textarea, input, label):hover:not([data-state]), [tuiAppearance][data-appearance='whiteblock']:-webkit-any(a, button, select, textarea, input, label):hover:not([data-state]) { background: var(--tui-clear); box-shadow: inset 0 0 0 1px var(--tui-base-05); } [tuiAppearance][data-appearance='outline']:-moz-any(a, button, select, textarea, input, label):hover:not([data-state]), [tuiAppearance][data-appearance='whiteblock']:-moz-any(a, button, select, textarea, input, label):hover:not([data-state]) { background: var(--tui-clear); box-shadow: inset 0 0 0 1px var(--tui-base-05); } } [tuiAppearance][data-appearance='outline'][data-state='hover'], [tuiAppearance][data-appearance='whiteblock'][data-state='hover'] { background: var(--tui-clear); box-shadow: inset 0 0 0 1px var(--tui-base-05); } [tuiAppearance][data-appearance='outline']:-webkit-any(a, button, select, textarea, input, label):active:not([data-state]), [tuiAppearance][data-appearance='whiteblock']:-webkit-any(a, button, select, textarea, input, label):active:not([data-state]) { background: var(--tui-clear); box-shadow: inset 0 0 0 1px var(--tui-base-06); } [tuiAppearance][data-appearance='outline']:-moz-any(a, button, select, textarea, input, label):active:not([data-state]), [tuiAppearance][data-appearance='whiteblock']:-moz-any(a, button, select, textarea, input, label):active:not([data-state]) { background: var(--tui-clear); box-shadow: inset 0 0 0 1px var(--tui-base-06); } [tuiAppearance][data-appearance='outline'][data-state='active'], [tuiAppearance][data-appearance='whiteblock'][data-state='active'] { background: var(--tui-clear); box-shadow: inset 0 0 0 1px var(--tui-base-06); } [tuiAppearance][data-appearance='outline']:checked, [tuiAppearance][data-appearance='whiteblock']:checked { box-shadow: inset 0 0 0 2px var(--tui-primary); } @media (hover: hover) { [tuiAppearance][data-appearance='outline']:checked:-webkit-any(a, button, select, textarea, input, label):hover:not([data-state]), [tuiAppearance][data-appearance='whiteblock']:checked:-webkit-any(a, button, select, textarea, input, label):hover:not([data-state]) { box-shadow: inset 0 0 0 2px var(--tui-primary-hover); } [tuiAppearance][data-appearance='outline']:checked:-moz-any(a, button, select, textarea, input, label):hover:not([data-state]), [tuiAppearance][data-appearance='whiteblock']:checked:-moz-any(a, button, select, textarea, input, label):hover:not([data-state]) { box-shadow: inset 0 0 0 2px var(--tui-primary-hover); } } [tuiAppearance][data-appearance='outline']:checked[data-state='hover'], [tuiAppearance][data-appearance='whiteblock']:checked[data-state='hover'] { box-shadow: inset 0 0 0 2px var(--tui-primary-hover); } [tuiAppearance][data-appearance='outline']:checked:-webkit-any(a, button, select, textarea, input, label):active:not([data-state]), [tuiAppearance][data-appearance='whiteblock']:checked:-webkit-any(a, button, select, textarea, input, label):active:not([data-state]) { box-shadow: inset 0 0 0 2px var(--tui-primary-active); } [tuiAppearance][data-appearance='outline']:checked:-moz-any(a, button, select, textarea, input, label):active:not([data-state]), [tuiAppearance][data-appearance='whiteblock']:checked:-moz-any(a, button, select, textarea, input, label):active:not([data-state]) { box-shadow: inset 0 0 0 2px var(--tui-primary-active); } [tuiAppearance][data-appearance='outline']:checked[data-state='active'], [tuiAppearance][data-appearance='whiteblock']:checked[data-state='active'] { box-shadow: inset 0 0 0 2px var(--tui-primary-active); } [tuiAppearance][data-appearance='whiteblock'] { color: var(--tui-text-01); } [tuiAppearance][data-appearance='primary'] { background: var(--tui-primary); color: var(--tui-primary-text); } @media (hover: hover) { [tuiAppearance][data-appearance='primary']:-webkit-any(a, button, select, textarea, input, label):hover:not([data-state]) { background: var(--tui-primary-hover); } [tuiAppearance][data-appearance='primary']:-moz-any(a, button, select, textarea, input, label):hover:not([data-state]) { background: var(--tui-primary-hover); } } [tuiAppearance][data-appearance='primary'][data-state='hover'] { background: var(--tui-primary-hover); } [tuiAppearance][data-appearance='primary']:-webkit-any(a, button, select, textarea, input, label):active:not([data-state]) { background: var(--tui-primary-active); } [tuiAppearance][data-appearance='primary']:-moz-any(a, button, select, textarea, input, label):active:not([data-state]) { background: var(--tui-primary-active); } [tuiAppearance][data-appearance='primary'][data-state='active'] { background: var(--tui-primary-active); } [tuiAppearance][data-appearance='secondary'], [tuiAppearance][data-appearance='flat'], [tuiAppearance][data-appearance='destructive'] { background: var(--tui-secondary); color: var(--tui-link); } @media (hover: hover) { [tuiAppearance][data-appearance='secondary']:-webkit-any(a, button, select, textarea, input, label):hover:not([data-state]), [tuiAppearance][data-appearance='flat']:-webkit-any(a, button, select, textarea, input, label):hover:not([data-state]), [tuiAppearance][data-appearance='destructive']:-webkit-any(a, button, select, textarea, input, label):hover:not([data-state]) { background: var(--tui-secondary-hover); } [tuiAppearance][data-appearance='secondary']:-moz-any(a, button, select, textarea, input, label):hover:not([data-state]), [tuiAppearance][data-appearance='flat']:-moz-any(a, button, select, textarea, input, label):hover:not([data-state]), [tuiAppearance][data-appearance='destructive']:-moz-any(a, button, select, textarea, input, label):hover:not([data-state]) { background: var(--tui-secondary-hover); } } [tuiAppearance][data-appearance='secondary'][data-state='hover'], [tuiAppearance][data-appearance='flat'][data-state='hover'], [tuiAppearance][data-appearance='destructive'][data-state='hover'] { background: var(--tui-secondary-hover); } [tuiAppearance][data-appearance='secondary']:-webkit-any(a, button, select, textarea, input, label):active:not([data-state]), [tuiAppearance][data-appearance='flat']:-webkit-any(a, button, select, textarea, input, label):active:not([data-state]), [tuiAppearance][data-appearance='destructive']:-webkit-any(a, button, select, textarea, input, label):active:not([data-state]) { background: var(--tui-secondary-active); } [tuiAppearance][data-appearance='secondary']:-moz-any(a, button, select, textarea, input, label):active:not([data-state]), [tuiAppearance][data-appearance='flat']:-moz-any(a, button, select, textarea, input, label):active:not([data-state]), [tuiAppearance][data-appearance='destructive']:-moz-any(a, button, select, textarea, input, label):active:not([data-state]) { background: var(--tui-secondary-active); } [tuiAppearance][data-appearance='secondary'][data-state='active'], [tuiAppearance][data-appearance='flat'][data-state='active'], [tuiAppearance][data-appearance='destructive'][data-state='active'] { background: var(--tui-secondary-active); } [tuiAppearance][data-appearance='flat'] { background: transparent; } [tuiAppearance][data-appearance='destructive'] { color: var(--tui-negative); } [tuiAppearance][data-appearance='error'] { color: var(--tui-text-01); background: var(--tui-error-bg); } @media (hover: hover) { [tuiAppearance][data-appearance='error']:-webkit-any(a, button, select, textarea, input, label):hover:not([data-state]) { background: var(--tui-error-bg-hover); } [tuiAppearance][data-appearance='error']:-moz-any(a, button, select, textarea, input, label):hover:not([data-state]) { background: var(--tui-error-bg-hover); } } [tuiAppearance][data-appearance='error'][data-state='hover'] { background: var(--tui-error-bg-hover); } [tuiAppearance][data-appearance='error']:-webkit-any(a, button, select, textarea, input, label):active:not([data-state]) { background: var(--tui-error-bg-hover); } [tuiAppearance][data-appearance='error']:-moz-any(a, button, select, textarea, input, label):active:not([data-state]) { background: var(--tui-error-bg-hover); } [tuiAppearance][data-appearance='error'][data-state='active'] { background: var(--tui-error-bg-hover); } [tuiAppearance][data-appearance='success'] { color: var(--tui-text-01); background: var(--tui-success-bg); } @media (hover: hover) { [tuiAppearance][data-appearance='success']:-webkit-any(a, button, select, textarea, input, label):hover:not([data-state]) { background: var(--tui-success-bg-hover); } [tuiAppearance][data-appearance='success']:-moz-any(a, button, select, textarea, input, label):hover:not([data-state]) { background: var(--tui-success-bg-hover); } } [tuiAppearance][data-appearance='success'][data-state='hover'] { background: var(--tui-success-bg-hover); } [tuiAppearance][data-appearance='success']:-webkit-any(a, button, select, textarea, input, label):active:not([data-state]) { background: var(--tui-success-bg-hover); } [tuiAppearance][data-appearance='success']:-moz-any(a, button, select, textarea, input, label):active:not([data-state]) { background: var(--tui-success-bg-hover); } [tuiAppearance][data-appearance='success'][data-state='active'] { background: var(--tui-success-bg-hover); } [tuiAppearance][data-appearance='warning'] { color: var(--tui-text-01); background: var(--tui-warning-bg); } @media (hover: hover) { [tuiAppearance][data-appearance='warning']:-webkit-any(a, button, select, textarea, input, label):hover:not([data-state]) { background: var(--tui-warning-bg-hover); } [tuiAppearance][data-appearance='warning']:-moz-any(a, button, select, textarea, input, label):hover:not([data-state]) { background: var(--tui-warning-bg-hover); } } [tuiAppearance][data-appearance='warning'][data-state='hover'] { background: var(--tui-warning-bg-hover); } [tuiAppearance][data-appearance='warning']:-webkit-any(a, button, select, textarea, input, label):active:not([data-state]) { background: var(--tui-warning-bg-hover); } [tuiAppearance][data-appearance='warning']:-moz-any(a, button, select, textarea, input, label):active:not([data-state]) { background: var(--tui-warning-bg-hover); } [tuiAppearance][data-appearance='warning'][data-state='active'] { background: var(--tui-warning-bg-hover); } [tuiAppearance][data-appearance='info'] { color: var(--tui-text-01); background: var(--tui-info-bg); } @media (hover: hover) { [tuiAppearance][data-appearance='info']:-webkit-any(a, button, select, textarea, input, label):hover:not([data-state]) { background: var(--tui-info-bg-hover); } [tuiAppearance][data-appearance='info']:-moz-any(a, button, select, textarea, input, label):hover:not([data-state]) { background: var(--tui-info-bg-hover); } } [tuiAppearance][data-appearance='info'][data-state='hover'] { background: var(--tui-info-bg-hover); } [tuiAppearance][data-appearance='info']:-webkit-any(a, button, select, textarea, input, label):active:not([data-state]) { background: var(--tui-info-bg-hover); } [tuiAppearance][data-appearance='info']:-moz-any(a, button, select, textarea, input, label):active:not([data-state]) { background: var(--tui-info-bg-hover); } [tuiAppearance][data-appearance='info'][data-state='active'] { background: var(--tui-info-bg-hover); } [tuiAppearance][data-appearance='neutral'] { color: var(--tui-text-01); background: var(--tui-neutral-bg); } @media (hover: hover) { [tuiAppearance][data-appearance='neutral']:-webkit-any(a, button, select, textarea, input, label):hover:not([data-state]) { background: var(--tui-neutral-bg-hover); } [tuiAppearance][data-appearance='neutral']:-moz-any(a, button, select, textarea, input, label):hover:not([data-state]) { background: var(--tui-neutral-bg-hover); } } [tuiAppearance][data-appearance='neutral'][data-state='hover'] { background: var(--tui-neutral-bg-hover); } [tuiAppearance][data-appearance='neutral']:-webkit-any(a, button, select, textarea, input, label):active:not([data-state]) { background: var(--tui-neutral-bg-hover); } [tuiAppearance][data-appearance='neutral']:-moz-any(a, button, select, textarea, input, label):active:not([data-state]) { background: var(--tui-neutral-bg-hover); } [tuiAppearance][data-appearance='neutral'][data-state='active'] { background: var(--tui-neutral-bg-hover); } /* stylelint-disable order/order */ [tuiWrapper][data-appearance='icon'][data-appearance='icon'] { transition-property: opacity; transition-duration: var(--tui-duration, 300ms); transition-timing-function: ease-in-out; color: var(--tui-text-01); opacity: 0.5; } [tuiWrapper]:not([data-state='readonly']):hover .t-textfield-icon [tuiWrapper][data-appearance='icon'][data-appearance='icon']:not([data-state='disabled']) { opacity: 0.65; } [tuiWrapper][data-appearance='icon'][data-appearance='icon'][data-mode='onDark'] { color: var(--tui-text-01-night); } [tuiWrapper]:not([data-state='readonly']):hover .t-textfield-icon [tuiWrapper][data-appearance='icon'][data-appearance='icon'][data-mode='onDark']:not([data-state='disabled']) { opacity: 1; } :focus-visible:not([data-focused='false']) > [tuiWrapper][data-appearance='icon'][data-appearance='icon'][data-mode='onDark'], [data-focused='true'] > [tuiWrapper][data-appearance='icon'][data-appearance='icon'][data-mode='onDark'] { --tui-focus: var(--tui-base-01); } [tuiWrapper][data-appearance='icon'][data-appearance='icon'][data-mode='onDark']:focus-visible:focus-visible { --tui-focus: var(--tui-base-01); } [tuiWrapper][data-appearance='icon'][data-appearance='icon'][data-mode='onDark']._focused._focused { --tui-focus: var(--tui-base-01); } @media (hover: hover) { [tuiWrapper][data-appearance='icon'][data-appearance='icon'][data-mode='onDark']:hover:not(._no-hover), [tuiWrapper][data-appearance='icon'][data-appearance='icon'][data-mode='onDark'][data-state='hover'] { opacity: 1; } [tuiWrapper][data-appearance='icon'][data-appearance='icon']:hover:not(._no-hover), [tuiWrapper][data-appearance='icon'][data-appearance='icon'][data-state='hover'] { opacity: 0.65; } } [tuiWrapper][data-appearance='icon'][data-appearance='icon']:active:not(._no-active), [tuiWrapper][data-appearance='icon'][data-appearance='icon'][data-state='active'], [tuiWrapper][data-appearance='icon'][data-appearance='icon'][data-state='active']:hover { opacity: 1; } [tuiWrapper][data-appearance='icon'][data-appearance='icon']:disabled:disabled, [tuiWrapper][data-appearance='icon'][data-appearance='icon'][data-state='disabled'][data-state='disabled'] { opacity: calc(0.5 * var(--tui-disabled-opacity)); } /* stylelint-disable order/order */ [tuiWrapper][data-appearance='outline'] { background: transparent; color: var(--tui-text-01); } [tuiWrapper][data-appearance='outline']:after { color: var(--tui-base-04); } [tuiWrapper][data-appearance='outline'][data-mode='onDark'] { color: var(--tui-text-01-night); } [tuiWrapper][data-appearance='outline'][data-mode='onDark']:after { color: var(--tui-text-01-night); } @media (hover: hover) { [tuiWrapper][data-appearance='outline'][data-mode='onDark']:hover:not(._no-hover), [tuiWrapper][data-appearance='outline'][data-mode='onDark'][data-state='hover'] { background: var(--tui-clear-inverse-hover); } [tuiWrapper][data-appearance='outline'][data-mode='onDark']:hover:not(._no-hover):after, [tuiWrapper][data-appearance='outline'][data-mode='onDark'][data-state='hover']:after { color: var(--tui-text-03-night); } } [tuiWrapper][data-appearance='outline'][data-mode='onDark']:active:not(._no-active), [tuiWrapper][data-appearance='outline'][data-mode='onDark'][data-state='active'], [tuiWrapper][data-appearance='outline'][data-mode='onDark'][data-state='active']:hover { background: var(--tui-clear-inverse-active); } [tuiWrapper][data-appearance='outline'][data-mode='onDark']:active:not(._no-active):after, [tuiWrapper][data-appearance='outline'][data-mode='onDark'][data-state='active']:after, [tuiWrapper][data-appearance='outline'][data-mode='onDark'][data-state='active']:hover:after { color: var(--tui-text-03-night); } :focus-visible:not([data-focused='false']) > [tuiWrapper][data-appearance='outline'][data-mode='onDark'], [data-focused='true'] > [tuiWrapper][data-appearance='outline'][data-mode='onDark'] { --tui-focus: var(--tui-text-01-night); } [tuiWrapper][data-appearance='outline'][data-mode='onDark']:focus-visible:focus-visible { --tui-focus: var(--tui-text-01-night); } [tuiWrapper][data-appearance='outline'][data-mode='onDark']._focused._focused { --tui-focus: var(--tui-text-01-night); } [tuiWrapper][data-appearance='outline'][data-mode='onLight'] { color: var(--tui-text-01); } [tuiWrapper][data-appearance='outline'][data-mode='onLight']:after { color: var(--tui-text-01); } @media (hover: hover) { [tuiWrapper][data-appearance='outline'][data-mode='onLight']:hover:not(._no-hover), [tuiWrapper][data-appearance='outline'][data-mode='onLight'][data-state='hover'] { background: var(--tui-clear-hover); } [tuiWrapper][data-appearance='outline'][data-mode='onLight']:hover:not(._no-hover):after, [tuiWrapper][data-appearance='outline'][data-mode='onLight'][data-state='hover']:after { color: var(--tui-text-03); } } [tuiWrapper][data-appearance='outline'][data-mode='onLight']:active:not(._no-active), [tuiWrapper][data-appearance='outline'][data-mode='onLight'][data-state='active'], [tuiWrapper][data-appearance='outline'][data-mode='onLight'][data-state='active']:hover { background: var(--tui-clear-active); } [tuiWrapper][data-appearance='outline'][data-mode='onLight']:active:not(._no-active):after, [tuiWrapper][data-appearance='outline'][data-mode='onLight'][data-state='active']:after, [tuiWrapper][data-appearance='outline'][data-mode='onLight'][data-state='active']:hover:after { color: var(--tui-text-03); } @media (hover: hover) { [tuiWrapper][data-appearance='outline']:hover:not(._no-hover):after, [tuiWrapper][data-appearance='outline'][data-state='hover']:after { color: var(--tui-base-05); } } [tuiWrapper][data-appearance='outline']:active:not(._no-active):after, [tuiWrapper][data-appearance='outline'][data-state='active']:after, [tuiWrapper][data-appearance='outline'][data-state='active']:hover:after { color: var(--tui-base-06); } /* stylelint-disable order/order */ [tuiWrapper][data-appearance='primary'] { background: var(--tui-primary); color: var(--tui-primary-text); } @media (hover: hover) { [tuiWrapper][data-appearance='primary']:hover:not(._no-hover), [tuiWrapper][data-appearance='primary'][data-state='hover'] { background: var(--tui-primary-hover); } } [tuiWrapper][data-appearance='primary']:active:not(._no-active), [tuiWrapper][data-appearance='primary'][data-state='active'], [tuiWrapper][data-appearance='primary'][data-state='active']:hover { background: var(--tui-primary-active); } [tuiWrapper][data-appearance='primary']:invalid:invalid, [tuiWrapper][data-appearance='primary']._invalid._invalid { color: var(--tui-negative-night); background: var(--tui-error-bg); } @media (hover: hover) { [tuiWrapper][data-appearance='primary']:invalid:invalid:hover:not(._no-hover), [tuiWrapper][data-appearance='primary']._invalid._invalid:hover:not(._no-hover), [tuiWrapper][data-appearance='primary']:invalid:invalid[data-state='hover'], [tuiWrapper][data-appearance='primary']._invalid._invalid[data-state='hover'] { background: var(--tui-error-bg-hover); } } [tuiWrapper][data-appearance='primary']:invalid:invalid:active:not(._no-active), [tuiWrapper][data-appearance='primary']._invalid._invalid:active:not(._no-active), [tuiWrapper][data-appearance='primary']:invalid:invalid[data-state='active'], [tuiWrapper][data-appearance='primary']._invalid._invalid[data-state='active'], [tuiWrapper][data-appearance='primary']:invalid:invalid[data-state='active']:hover, [tuiWrapper][data-appearance='primary']._invalid._invalid[data-state='active']:hover { background: var(--tui-error-bg-hover); } :focus-visible:not([data-focused='false']) > [tuiWrapper][data-appearance='primary']:invalid:invalid, :focus-visible:not([data-focused='false']) > [tuiWrapper][data-appearance='primary']._invalid._invalid, [data-focused='true'] > [tuiWrapper][data-appearance='primary']:invalid:invalid, [data-focused='true'] > [tuiWrapper][data-appearance='primary']._invalid._invalid { --tui-focus: var(--tui-error-fill); } [tuiWrapper][data-appearance='primary']:invalid:invalid:focus-visible:focus-visible, [tuiWrapper][data-appearance='primary']._invalid._invalid:focus-visible:focus-visible { --tui-focus: var(--tui-error-fill); } [tuiWrapper][data-appearance='primary']:invalid:invalid._focused._focused, [tuiWrapper][data-appearance='primary']._invalid._invalid._focused._focused { --tui-focus: var(--tui-error-fill); } /* stylelint-disable order/order */ [tuiWrapper][data-appearance='accent'] { background: var(--tui-accent); color: var(--tui-accent-text); } @media (hover: hover) { [tuiWrapper][data-appearance='accent']:hover:not(._no-hover), [tuiWrapper][data-appearance='accent'][data-state='hover'] { background: var(--tui-accent-hover); } } [tuiWrapper][data-appearance='accent']:active:not(._no-active), [tuiWrapper][data-appearance='accent'][data-state='active'], [tuiWrapper][data-appearance='accent'][data-state='active']:hover { background: var(--tui-accent-active); } [tuiWrapper][data-appearance='accent']:invalid:invalid, [tuiWrapper][data-appearance='accent']._invalid._invalid { color: var(--tui-negative-night); background: var(--tui-error-bg); } @media (hover: hover) { [tuiWrapper][data-appearance='accent']:invalid:invalid:hover:not(._no-hover), [tuiWrapper][data-appearance='accent']._invalid._invalid:hover:not(._no-hover), [tuiWrapper][data-appearance='accent']:invalid:invalid[data-state='hover'], [tuiWrapper][data-appearance='accent']._invalid._invalid[data-state='hover'] { background: var(--tui-error-bg-hover); } } :focus-visible:not([data-focused='false']) > [tuiWrapper][data-appearance='accent']:invalid:invalid, :focus-visible:not([data-focused='false']) > [tuiWrapper][data-appearance='accent']._invalid._invalid, [data-focused='true'] > [tuiWrapper][data-appearance='accent']:invalid:invalid, [data-focused='true'] > [tuiWrapper][data-appearance='accent']._invalid._invalid { --tui-focus: var(--tui-error-fill); } [tuiWrapper][data-appearance='accent']:invalid:invalid:focus-visible:focus-visible, [tuiWrapper][data-appearance='accent']._invalid._invalid:focus-visible:focus-visible { --tui-focus: var(--tui-error-fill); } [tuiWrapper][data-appearance='accent']:invalid:invalid._focused._focused, [tuiWrapper][data-appearance='accent']._invalid._invalid._focused._focused { --tui-focus: var(--tui-error-fill); } /* stylelint-disable order/order */ [tuiWrapper][data-appearance='floating'] { transition-property: background, box-shadow; transition-duration: var(--tui-duration, 300ms); transition-timing-function: ease-in-out; background: #fff; color: rgba(0, 0, 0, 0.8); box-shadow: 0 0.25rem 1.25rem rgba(0, 0, 0, 0.1); } @media (hover: hover) { [tuiWrapper][data-appearance='floating']:hover:not(._no-hover), [tuiWrapper][data-appearance='floating'][data-state='hover'] { box-shadow: 0 0.875rem 2.625rem rgba(0, 0, 0, 0.14); } } [tuiWrapper][data-appearance='floating']:active:not(._no-active), [tuiWrapper][data-appearance='floating'][data-state='active'], [tuiWrapper][data-appearance='floating'][data-state='active']:hover { background: #f6f7f8; box-shadow: 0 0.25rem 1.25rem rgba(0, 0, 0, 0.1); } /* stylelint-disable order/order */ [tuiWrapper][data-appearance='glass'] { background: rgba(0, 0, 0, 0.4); color: #fff; -webkit-backdrop-filter: blur(1rem); backdrop-filter: blur(1rem); --tui-focus: rgba(255, 255, 255, 0.64); } @media (hover: hover) { [tuiWrapper][data-appearance='glass']:hover:not(._no-hover), [tuiWrapper][data-appearance='glass'][data-state='hover'] { background: rgba(0, 0, 0, 0.48); } } [tuiWrapper][data-appearance='glass']:active:not(._no-active), [tuiWrapper][data-appearance='glass'][data-state='active'], [tuiWrapper][data-appearance='glass'][data-state='active']:hover { background: rgba(0, 0, 0, 0.6); } [tuiWrapper][data-appearance='glass'][data-mode='onDark'] { background: rgba(255, 255, 255, 0.3); } @media (hover: hover) { [tuiWrapper][data-appearance='glass'][data-mode='onDark']:hover:not(._no-hover), [tuiWrapper][data-appearance='glass'][data-mode='onDark'][data-state='hover'] { background: rgba(255, 255, 255, 0.4); } } [tuiWrapper][data-appearance='glass'][data-mode='onDark']:active:not(._no-active), [tuiWrapper][data-appearance='glass'][data-mode='onDark'][data-state='active'], [tuiWrapper][data-appearance='glass'][data-mode='onDark'][data-state='active']:hover { background: rgba(255, 255, 255, 0.5); } /* stylelint-disable order/order */ [tuiWrapper][data-appearance='secondary'], [tuiWrapper][data-appearance='flat'], [tuiWrapper][data-appearance='destructive'] { background: var(--tui-secondary); color: var(--tui-link); } [tuiWrapper][data-appearance='secondary'][data-mode='onDark'], [tuiWrapper][data-appearance='flat'][data-mode='onDark'], [tuiWrapper][data-appearance='destructive'][data-mode='onDark'] { background: var(--tui-clear-inverse); color: var(--tui-text-01-night); } @media (hover: hover) { [tuiWrapper][data-appearance='secondary'][data-mode='onDark']:hover:not(._no-hover), [tuiWrapper][data-appearance='flat'][data-mode='onDark']:hover:not(._no-hover), [tuiWrapper][data-appearance='destructive'][data-mode='onDark']:hover:not(._no-hover), [tuiWrapper][data-appearance='secondary'][data-mode='onDark'][data-state='hover'], [tuiWrapper][data-appearance='flat'][data-mode='onDark'][data-state='hover'], [tuiWrapper][data-appearance='destructive'][data-mode='onDark'][data-state='hover'] { background: var(--tui-clear-inverse-hover); } } [tuiWrapper][data-appearance='secondary'][data-mode='onDark']:active:not(._no-active), [tuiWrapper][data-appearance='flat'][data-mode='onDark']:active:not(._no-active), [tuiWrapper][data-appearance='destructive'][data-mode='onDark']:active:not(._no-active), [tuiWrapper][data-appearance='secondary'][data-mode='onDark'][data-state='active'], [tuiWrapper][data-appearance='flat'][data-mode='onDark'][data-state='active'], [tuiWrapper][data-appearance='destructive'][data-mode='onDark'][data-state='active'], [tuiWrapper][data-appearance='secondary'][data-mode='onDark'][data-state='active']:hover, [tuiWrapper][data-appearance='flat'][data-mode='onDark'][data-state='active']:hover, [tuiWrapper][data-appearance='destructive'][data-mode='onDark'][data-state='active']:hover { background: var(--tui-clear-inverse-active); } :focus-visible:not([data-focused='false']) > [tuiWrapper][data-appearance='secondary'][data-mode='onDark'], :focus-visible:not([data-focused='false']) > [tuiWrapper][data-appearance='flat'][data-mode='onDark'], :focus-visible:not([data-focused='false']) > [tuiWrapper][data-appearance='destructive'][data-mode='onDark'], [data-focused='true'] > [tuiWrapper][data-appearance='secondary'][data-mode='onDark'], [data-focused='true'] > [tuiWrapper][data-appearance='flat'][data-mode='onDark'], [data-focused='true'] > [tuiWrapper][data-appearance='destructive'][data-mode='onDark'] { --tui-focus: var(--tui-text-01-night); } [tuiWrapper][data-appearance='secondary'][data-mode='onDark']:focus-visible:focus-visible, [tuiWrapper][data-appearance='flat'][data-mode='onDark']:focus-visible:focus-visible, [tuiWrapper][data-appearance='destructive'][data-mode='onDark']:focus-visible:focus-visible { --tui-focus: var(--tui-text-01-night); } [tuiWrapper][data-appearance='secondary'][data-mode='onDark']._focused._focused, [tuiWrapper][data-appearance='flat'][data-mode='onDark']._focused._focused, [tuiWrapper][data-appearance='destructive'][data-mode='onDark']._focused._focused { --tui-focus: var(--tui-text-01-night); } [tuiWrapper][data-appearance='secondary'][data-mode='onLight'], [tuiWrapper][data-appearance='flat'][data-mode='onLight'], [tuiWrapper][data-appearance='destructive'][data-mode='onLight'] { background: var(--tui-clear); color: var(--tui-text-01); } @media (hover: hover) { [tuiWrapper][data-appearance='secondary'][data-mode='onLight']:hover:not(._no-hover), [tuiWrapper][data-appearance='flat'][data-mode='onLight']:hover:not(._no-hover), [tuiWrapper][data-appearance='destructive'][data-mode='onLight']:hover:not(._no-hover), [tuiWrapper][data-appearance='secondary'][data-mode='onLight'][data-state='hover'], [tuiWrapper][data-appearance='flat'][data-mode='onLight'][data-state='hover'], [tuiWrapper][data-appearance='destructive'][data-mode='onLight'][data-state='hover'] { background: var(--tui-clear-hover); } } [tuiWrapper][data-appearance='secondary'][data-mode='onLight']:active:not(._no-active), [tuiWrapper][data-appearance='flat'][data-mode='onLight']:active:not(._no-active), [tuiWrapper][data-appearance='destructive'][data-mode='onLight']:active:not(._no-active), [tuiWrapper][data-appearance='secondary'][data-mode='onLight'][data-state='active'], [tuiWrapper][data-appearance='flat'][data-mode='onLight'][data-state='active'], [tuiWrapper][data-appearance='destructive'][data-mode='onLight'][data-state='active'], [tuiWrapper][data-appearance='secondary'][data-mode='onLight'][data-state='active']:hover, [tuiWrapper][data-appearance='flat'][data-mode='onLight'][data-state='active']:hover, [tuiWrapper][data-appearance='destructive'][data-mode='onLight'][data-state='active']:hover { background: var(--tui-clear-active); } @media (hover: hover) { [tuiWrapper][data-appearance='secondary']:hover:not(._no-hover), [tuiWrapper][data-appearance='flat']:hover:not(._no-hover), [tuiWrapper][data-appearance='destructive']:hover:not(._no-hover), [tuiWrapper][data-appearance='secondary'][data-state='hover'], [tuiWrapper][data-appearance='flat'][data-state='hover'], [tuiWrapper][data-appearance='destructive'][data-state='hover'] { background: var(--tui-secondary-hover); } } [tuiWrapper][data-appearance='secondary']:active:not(._no-active), [tuiWrapper][data-appearance='flat']:active:not(._no-active), [tuiWrapper][data-appearance='destructive']:active:not(._no-active), [tuiWrapper][data-appearance='secondary'][data-state='active'], [tuiWrapper][data-appearance='flat'][data-state='active'], [tuiWrapper][data-appearance='destructive'][data-state='active'], [tuiWrapper][data-appearance='secondary'][data-state='active']:hover, [tuiWrapper][data-appearance='flat'][data-state='active']:hover, [tuiWrapper][data-appearance='destructive'][data-state='active']:hover { background: var(--tui-secondary-active); } [tuiWrapper][data-appearance='secondary']:invalid:invalid, [tuiWrapper][data-appearance='flat']:invalid:invalid, [tuiWrapper][data-appearance='destructive']:invalid:invalid, [tuiWrapper][data-appearance='secondary']._invalid._invalid, [tuiWrapper][data-appearance='flat']._invalid._invalid, [tuiWrapper][data-appearance='destructive']._invalid._invalid { color: var(--tui-negative); background: var(--tui-error-bg); } @media (hover: hover) { [tuiWrapper][data-appearance='secondary']:invalid:invalid:hover:not(._no-hover), [tuiWrapper][data-appearance='flat']:invalid:invalid:hover:not(._no-hover), [tuiWrapper][data-appearance='destructive']:invalid:invalid:hover:not(._no-hover), [tuiWrapper][data-appearance='secondary']._invalid._invalid:hover:not(._no-hover), [tuiWrapper][data-appearance='flat']._invalid._invalid:hover:not(._no-hover), [tuiWrapper][data-appearance='destructive']._invalid._invalid:hover:not(._no-hover), [tuiWrapper][data-appearance='secondary']:invalid:invalid[data-state='hover'], [tuiWrapper][data-appearance='flat']:invalid:invalid[data-state='hover'], [tuiWrapper][data-appearance='destructive']:invalid:invalid[data-state='hover'], [tuiWrapper][data-appearance='secondary']._invalid._invalid[data-state='hover'], [tuiWrapper][data-appearance='flat']._invalid._invalid[data-state='hover'], [tuiWrapper][data-appearance='destructive']._invalid._invalid[data-state='hover'] { background: var(--tui-error-bg-hover); } } :focus-visible:not([data-focused='false']) > [tuiWrapper][data-appearance='secondary']:invalid:invalid, :focus-visible:not([data-focused='false']) > [tuiWrapper][data-appearance='flat']:invalid:invalid, :focus-visible:not([data-focused='false']) > [tuiWrapper][data-appearance='destructive']:invalid:invalid, :focus-visible:not([data-focused='false']) > [tuiWrapper][data-appearance='secondary']._invalid._invalid, :focus-visible:not([data-focused='false']) > [tuiWrapper][data-appearance='flat']._invalid._invalid, :focus-visible:not([data-focused='false']) > [tuiWrapper][data-appearance='destructive']._invalid._invalid, [data-focused='true'] > [tuiWrapper][data-appearance='secondary']:invalid:invalid, [data-focused='true'] > [tuiWrapper][data-appearance='flat']:invalid:invalid, [data-focused='true'] > [tuiWrapper][data-appearance='destructive']:invalid:invalid, [data-focused='true'] > [tuiWrapper][data-appearance='secondary']._invalid._invalid, [data-focused='true'] > [tuiWrapper][data-appearance='flat']._invalid._invalid, [data-focused='true'] > [tuiWrapper][data-appearance='destructive']._invalid._invalid { --tui-focus: var(--tui-negative); } [tuiWrapper][data-appearance='secondary']:invalid:invalid:focus-visible:focus-visible, [tuiWrapper][data-appearance='flat']:invalid:invalid:focus-visible:focus-visible, [tuiWrapper][data-appearance='destructive']:invalid:invalid:focus-visible:focus-visible, [tuiWrapper][data-appearance='secondary']._invalid._invalid:focus-visible:focus-visible, [tuiWrapper][data-appearance='flat']._invalid._invalid:focus-visible:focus-visible, [tuiWrapper][data-appearance='destructive']._invalid._invalid:focus-visible:focus-visible { --tui-focus: var(--tui-negative); } [tuiWrapper][data-appearance='secondary']:invalid:invalid._focused._focused, [tuiWrapper][data-appearance='flat']:invalid:invalid._focused._focused, [tuiWrapper][data-appearance='destructive']:invalid:invalid._focused._focused, [tuiWrapper][data-appearance='secondary']._invalid._invalid._focused._focused, [tuiWrapper][data-appearance='flat']._invalid._invalid._focused._focused, [tuiWrapper][data-appearance='destructive']._invalid._invalid._focused._focused { --tui-focus: var(--tui-negative); } [tuiWrapper][data-appearance='flat'] { background: transparent; } [tuiWrapper][data-appearance='flat'][data-mode='onDark'], [tuiWrapper][data-appearance='flat'][data-mode='onLight'] { background: transparent; } [tuiWrapper][data-appearance='destructive'] { color: var(--tui-negative); background: var(--tui-error-bg); } @media (hover: hover) { [tuiWrapper][data-appearance='destructive']:hover:not(._no-hover), [tuiWrapper][data-appearance='destructive'][data-state='hover'] { background: var(--tui-error-bg-hover); } } [tuiWrapper][data-appearance='destructive']:active:not(._no-active), [tuiWrapper][data-appearance='destructive'][data-state='active'], [tuiWrapper][data-appearance='destructive'][data-state='active']:hover { background: var(--tui-error-bg-hover); } [tuiWrapper][data-appearance='destructive'][data-mode='onDark'] { color: var(--tui-negative-night); background: var(--tui-error-bg-night); } @media (hover: hover) { [tuiWrapper][data-appearance='destructive'][data-mode='onDark']:hover:not(._no-hover), [tuiWrapper][data-appearance='destructive'][data-mode='onDark'][data-state='hover'] { background: var(--tui-error-bg-night-hover); } } [tuiWrapper][data-appearance='destructive'][data-mode='onDark']:active:not(._no-active), [tuiWrapper][data-appearance='destructive'][data-mode='onDark'][data-state='active'], [tuiWrapper][data-appearance='destructive'][data-mode='onDark'][data-state='active']:hover { background: var(--tui-error-bg-night-hover); } /* stylelint-disable order/order */ tui-wrapper[data-appearance='secondary-destructive'], [tuiWrapper][data-appearance='secondary-destructive'] { background: var(--tui-error-bg); color: var(--tui-negative); } tui-wrapper[data-appearance='secondary-destructive'][data-mode='onDark'], [tuiWrapper][data-appearance='secondary-destructive'][data-mode='onDark'] { background: var(--tui-error-bg-night); color: var(--tui-negative-night); } @media (hover: hover) { tui-wrapper[data-appearance='secondary-destructive'][data-mode='onDark']:hover:not(._no-hover), [tuiWrapper][data-appearance='secondary-destructive'][data-mode='onDark']:hover:not(._no-hover), tui-wrapper[data-appearance='secondary-destructive'][data-mode='onDark'][data-state='hover'], [tuiWrapper][data-appearance='secondary-destructive'][data-mode='onDark'][data-state='hover'] { background: var(--tui-error-bg-night-hover); } } tui-wrapper[data-appearance='secondary-destructive'][data-mode='onDark']:active:not(._no-active), [tuiWrapper][data-appearance='secondary-destructive'][data-mode='onDark']:active:not(._no-active), tui-wrapper[data-appearance='secondary-destructive'][data-mode='onDark'][data-state='active'], [tuiWrapper][data-appearance='secondary-destructive'][data-mode='onDark'][data-state='active'], tui-wrapper[data-appearance='secondary-destructive'][data-mode='onDark'][data-state='active']:hover, [tuiWrapper][data-appearance='secondary-destructive'][data-mode='onDark'][data-state='active']:hover { background: var(--tui-error-bg-night-hover); } @media (hover: hover) { tui-wrapper[data-appearance='secondary-destructive']:hover:not(._no-hover), [tuiWrapper][data-appearance='secondary-destructive']:hover:not(._no-hover), tui-wrapper[data-appearance='secondary-destructive'][data-state='hover'], [tuiWrapper][data-appearance='secondary-destructive'][data-state='hover'] { background: var(--tui-error-bg-hover); } } tui-wrapper[data-appearance='secondary-destructive']:active:not(._no-active), [tuiWrapper][data-appearance='secondary-destructive']:active:not(._no-active), tui-wrapper[data-appearance='secondary-destructive'][data-state='active'], [tuiWrapper][data-appearance='secondary-destructive'][data-state='active'], tui-wrapper[data-appearance='secondary-destructive'][data-state='active']:hover, [tuiWrapper][data-appearance='secondary-destructive'][data-state='active']:hover { background: var(--tui-error-bg-hover); } /* stylelint-disable order/order */ [tuiWrapper][data-appearance='table'] { border-radius: 0; background: transparent; color: var(--tui-text-01); /* stylelint-disable meowtec/no-px */ /* stylelint-enable meowtec/no-px */ } [tuiWrapper][data-appearance='table']:before, [tuiWrapper][data-appearance='table'][data-appearance='table']:after { position: fixed; top: -0.5px; left: -1px; right: -0.5px; bottom: -1px; } [tuiWrapper][data-appearance='table']:before { transition-property: background; transition-duration: var(--tui-duration, 300ms); transition-timing-function: ease-in-out; content: ''; z-index: -1; background-repeat: no-repeat; background-position: top right; background-size: 0.5rem 0.5rem; } table [tuiWrapper][data-appearance='table'][data-appearance='table']:not(._focused):after { border-width: 0; } table [tuiWrapper][data-appearance='table']._focused { z-index: 1; } [tuiWrapper][data-appearance='table'][data-appearance='table']:after { border-width: 1px; color: var(--tui-base-04); } :focus-visible:not([data-focused='false']) > [tuiWrapper][data-appearance='table'][data-mode='onDark'], [data-focused='true'] > [tuiWrapper][data-appearance='table'][data-mode='onDark'] { --tui-focus: var(--tui-text-01-night); } [tuiWrapper][data-appearance='table'][data-mode='onDark']:focus-visible:focus-visible { --tui-focus: var(--tui-text-01-night); } [tuiWrapper][data-appearance='table'][data-mode='onDark']._focused._focused { --tui-focus: var(--tui-text-01-night); } @media (hover: hover) { [tuiWrapper][data-appearance='table']:hover:not(._no-hover):not(._focused):before, [tuiWrapper][data-appearance='table'][data-state='hover']:not(._focused):before { background-color: var(--tui-clear); } } :focus-visible:not([data-focused='false']) > [tuiWrapper][data-appearance='table'], [data-focused='true'] > [tuiWrapper][data-appearance='table'] { background: transparent; } [tuiWrapper][data-appearance='table']:focus-visible:focus-visible { background: transparent; } [tuiWrapper][data-appearance='table']._focused._focused { background: transparent; } [tuiWrapper][data-appearance='table']:invalid:invalid:before, [tuiWrapper][data-appearance='table']._invalid._invalid:before { background-image: linear-gradient(to top right, transparent 0%, transparent 50%, var(--tui-error-fill) 50%, var(--tui-error-fill) 100%); } [tuiWrapper][data-appearance='table']:invalid:invalid:not(._focused):before, [tuiWrapper][data-appearance='table']._invalid._invalid:not(._focused):before { background-color: var(--tui-error-bg); } @media (hover: hover) { [tuiWrapper][data-appearance='table']:invalid:invalid:hover:not(._no-hover):not(._focused):before, [tuiWrapper][data-appearance='table']._invalid._invalid:hover:not(._no-hover):not(._focused):before, [tuiWrapper][data-appearance='table']:invalid:invalid[data-state='hover']:not(._focused):before, [tuiWrapper][data-appearance='table']._invalid._invalid[data-state='hover']:not(._focused):before { background-color: var(--tui-error-bg-hover); } } [tuiWrapper][data-appearance='table']:invalid:invalid:disabled:disabled, [tuiWrapper][data-appearance='table']._invalid._invalid:disabled:disabled, [tuiWrapper][data-appearance='table']:invalid:invalid[data-state='disabled'][data-state='disabled'], [tuiWrapper][data-appearance='table']._invalid._invalid[data-state='disabled'][data-state='disabled'] { background: transparent; } :focus-visible:not([data-focused='false']) > [tuiWrapper][data-appearance='table']:invalid:invalid, :focus-visible:not([data-focused='false']) > [tuiWrapper][data-appearance='table']._invalid._invalid, [data-focused='true'] > [tuiWrapper][data-appearance='table']:invalid:invalid, [data-focused='true'] > [tuiWrapper][data-appearance='table']._invalid._invalid { background: transparent; --tui-focus: var(--tui-error-fill); } :focus-visible:not([data-focused='false']) > [tuiWrapper][data-appearance='table']:invalid:invalid:after, :focus-visible:not([data-focused='false']) > [tuiWrapper][data-appearance='table']._invalid._invalid:after, [data-focused='true'] > [tuiWrapper][data-appearance='table']:invalid:invalid:after, [data-focused='true'] > [tuiWrapper][data-appearance='table']._invalid._invalid:after { border-width: 1px; } [tuiWrapper][data-appearance='table']:invalid:invalid:focus-visible:focus-visible, [tuiWrapper][data-appearance='table']._invalid._invalid:focus-visible:focus-visible { background: transparent; --tui-focus: var(--tui-error-fill); } [tuiWrapper][data-appearance='table']:invalid:invalid:focus-visible:focus-visible:after, [tuiWrapper][data-appearance='table']._invalid._invalid:focus-visible:focus-visible:after { border-width: 1px; } [tuiWrapper][data-appearance='table']:invalid:invalid._focused._focused, [tuiWrapper][data-appearance='table']._invalid._invalid._focused._focused { background: transparent; --tui-focus: var(--tui-error-fill); } [tuiWrapper][data-appearance='table']:invalid:invalid._focused._focused:after, [tuiWrapper][data-appearance='table']._invalid._invalid._focused._focused:after { border-width: 1px; } /* stylelint-disable order/order */ [tuiWrapper][data-appearance='textfield'] { transition-property: box-shadow, background; transition-duration: var(--tui-duration, 300ms); transition-timing-function: ease-in-out; background: var(--tui-base-01); color: var(--tui-text-01); box-shadow: 0 0.125rem 0.1875rem rgba(0, 0, 0, 0.1); } [tuiWrapper][data-appearance='textfield'][data-appearance='textfield']:after { transition-property: color; transition-duration: var(--tui-duration, 300ms); transition-timing-function: ease-in-out; color: var(--tui-base-03); } @media (hover: hover) { [tuiWrapper][data-appearance='textfield']:hover:not(._no-hover), [tuiWrapper][data-appearance='textfield'][data-state='hover'] { box-shadow: 0 0.125rem 0.3125rem rgba(0, 0, 0, 0.16); } } :focus-visible:not([data-focused='false']) > [tuiWrapper][data-appearance='textfield'], [data-focused='true'] > [tuiWrapper][data-appearance='textfield'] { box-shadow: none; } :focus-visible:not([data-focused='false']) > [tuiWrapper][data-appearance='textfield']:after, [data-focused='true'] > [tuiWrapper][data-appearance='textfield']:after { --tui-focus: var(--tui-primary); } [tuiWrapper][data-appearance='textfield']:focus-visible:focus-visible { box-shadow: none; } [tuiWrapper][data-appearance='textfield']:focus-visible:focus-visible:after { --tui-focus: var(--tui-primary); } [tuiWrapper][data-appearance='textfield']._focused._focused { box-shadow: none; } [tuiWrapper][data-appearance='textfield']._focused._focused:after { --tui-focus: var(--tui-primary); } [tuiWrapper][data-appearance='textfield'][data-state='readonly'][data-state='readonly'] { box-shadow: none; } [tuiWrapper][data-appearance='textfield'][data-state='readonly'][data-state='readonly']:after { color: var(--tui-base-04); } [tuiWrapper][data-appearance='textfield']:disabled:disabled, [tuiWrapper][data-appearance='textfield'][data-state='disabled'][data-state='disabled'] { box-shadow: none; } [tuiWrapper][data-appearance='textfield']:invalid:invalid:after, [tuiWrapper][data-appearance='textfield']._invalid._invalid:after { color: var(--tui-error-fill); --tui-focus: var(--tui-error-fill); } [tuiWrapper][data-appearance='textfield'][data-mode='onDark'] { background: var(--tui-clear-inverse); color: var(--tui-text-01-night); } [tuiWrapper][data-appearance='textfield'][data-mode='onDark']:after { color: var(--tui-text-03-night); opacity: var(--tui-disabled-opacity); } @media (hover: hover) { [tuiWrapper][data-appearance='textfield'][data-mode='onDark']:hover:not(._no-hover), [tuiWrapper][data-appearance='textfield'][data-mode='onDark'][data-state='hover'] { background: var(--tui-clear-inverse-hover); } } [tuiWrapper][data-appearance='textfield'][data-mode='onDark'][data-state='readonly'][data-state='readonly'] { background: transparent; } :focus-visible:not([data-focused='false']) > [tuiWrapper][data-appearance='textfield'][data-mode='onDark'], [data-focused='true'] > [tuiWrapper][data-appearance='textfield'][data-mode='onDark'] { background: rgba(255, 255, 255, 0.08); } :focus-visible:not([data-focused='false']) > [tuiWrapper][data-appearance='textfield'][data-mode='onDark']:after, [data-focused='true'] > [tuiWrapper][data-appearance='textfield'][data-mode='onDark']:after { transition: none; opacity: 1; --tui-focus: var(--tui-primary); } [tuiWrapper][data-appearance='textfield'][data-mode='onDark']:focus-visible:focus-visible { background: rgba(255, 255, 255, 0.08); } [tuiWrapper][data-appearance='textfield'][data-mode='onDark']:focus-visible:focus-visible:after { transition: none; opacity: 1; --tui-focus: var(--tui-primary); } [tuiWrapper][data-appearance='textfield'][data-mode='onDark']._focused._focused { background: rgba(255, 255, 255, 0.08); } [tuiWrapper][data-appearance='textfield'][data-mode='onDark']._focused._focused:after { transition: none; opacity: 1; --tui-focus: var(--tui-primary); } [tuiWrapper][data-appearance='textfield'][data-mode='onDark']:invalid:invalid:after, [tuiWrapper][data-appearance='textfield'][data-mode='onDark']._invalid._invalid:after { --tui-focus: var(--tui-error-fill-night); } [tuiWrapper][data-appearance='textfield'][data-mode='onLight'] { background: var(--tui-clear); } @media (hover: hover) { [tuiWrapper][data-appearance='textfield'][data-mode='onLight']:hover:not(._no-hover), [tuiWrapper][data-appearance='textfield'][data-mode='onLight'][data-state='hover'] { background: var(--tui-clear-hover); } } [tuiWrapper][data-appearance='textfield'][data-mode='onLight'][data-state='readonly'][data-state='readonly'] { background: transparent; } [tuiWrapper][data-appearance='textfield'][data-mode='onLight']:invalid:invalid:after, [tuiWrapper][data-appearance='textfield'][data-mode='onLight']._invalid._invalid:after { color: var(--tui-error-fill); } :focus-visible:not([data-focused='false']) > [tuiWrapper][data-appearance='textfield'][data-mode='onLight'], [data-focused='true'] > [tuiWrapper][data-appearance='textfield'][data-mode='onLight'] { background: transparent; } [tuiWrapper][data-appearance='textfield'][data-mode='onLight']:focus-visible:focus-visible { background: transparent; } [tuiWrapper][data-appearance='textfield'][data-mode='onLight']._focused._focused { background: transparent; } /* stylelint-disable order/order */ [tuiWrapper][data-appearance='whiteblock'], [tuiWrapper][data-appearance='whiteblock-active'] { background: var(--tui-base-01); color: var(--tui-text-01); } [tuiWrapper][data-appearance='whiteblock']:after, [tuiWrapper][data-appearance='whiteblock-active']:after { color: var(--tui-base-04); } @media (hover: hover) { [tuiWrapper][data-appearance='whiteblock']:hover:not(._no-hover), [tuiWrapper][data-appearance='whiteblock-active']:hover:not(._no-hover), [tuiWrapper][data-appearance='whiteblock'][data-state='hover'], [tuiWrapper][data-appearance='whiteblock-active'][data-state='hover'] { background: var(--tui-base-02); } [tuiWrapper][data-appearance='whiteblock']:hover:not(._no-hover):after, [tuiWrapper][data-appearance='whiteblock-active']:hover:not(._no-hover):after, [tuiWrapper][data-appearance='whiteblock'][data-state='hover']:after, [tuiWrapper][data-appearance='whiteblock-active'][data-state='hover']:after { color: var(--tui-base-04); } } [tuiWrapper][data-appearance='whiteblock']:active:not(._no-active), [tuiWrapper][data-appearance='whiteblock-active']:active:not(._no-active), [tuiWrapper][data-appearance='whiteblock'][data-state='active'], [tuiWrapper][data-appearance='whiteblock-active'][data-state='active'], [tuiWrapper][data-appearance='whiteblock'][data-state='active']:hover, [tuiWrapper][data-appearance='whiteblock-active'][data-state='active']:hover { background: var(--tui-base-02); } [tuiWrapper][data-appearance='whiteblock']:active:not(._no-active):after, [tuiWrapper][data-appearance='whiteblock-active']:active:not(._no-active):after, [tuiWrapper][data-appearance='whiteblock'][data-state='active']:after, [tuiWrapper][data-appearance='whiteblock-active'][data-state='active']:after, [tuiWrapper][data-appearance='whiteblock'][data-state='active']:hover:after, [tuiWrapper][data-appearance='whiteblock-active'][data-state='active']:hover:after { color: var(--tui-base-04); } [tuiWrapper][data-appearance='whiteblock-active']:after { color: var(--tui-primary); border-width: 2px; } @media (hover: hover) { [tuiWrapper][data-appearance='whiteblock-active']:hover:not(._no-hover):after, [tuiWrapper][data-appearance='whiteblock-active'][data-state='hover']:after { color: var(--tui-primary-hover); } } [tuiWrapper][data-appearance='whiteblock-active']:active:not(._no-active):after, [tuiWrapper][data-appearance='whiteblock-active'][data-state='active']:after, [tuiWrapper][data-appearance='whiteblock-active'][data-state='active']:hover:after { color: var(--tui-primary-active); } [tuiWrapper][data-appearance='none']:after { border: none; } /* stylelint-disable order/order */ [tuiWrapper][data-appearance='opposite'] { background: #000; color: #fff; --tui-focus: rgba(255, 255, 255, 0.64); } @media (hover: hover) { [tuiWrapper][data-appearance='opposite']:hover:not(._no-hover), [tuiWrapper][data-appearance='opposite'][data-state='hover'] { background: #333; } } [tuiWrapper][data-appearance='opposite']:active:not(._no-active), [tuiWrapper][data-appearance='opposite'][data-state='active'], [tuiWrapper][data-appearance='opposite'][data-state='active']:hover { background: #5c636b; } [tuiWrapper][data-appearance='opposite'][data-mode='onDark'] { color: rgba(0, 0, 0, 0.8); background: #fff; --tui-focus: rgba(51, 51, 51, 0.48); } @media (hover: hover) { [tuiWrapper][data-appearance='opposite'][data-mode='onDark']:hover:not(._no-hover), [tuiWrapper][data-appearance='opposite'][data-mode='onDark'][data-state='hover'] { background: #f3F4f6; } } [tuiWrapper][data-appearance='opposite'][data-mode='onDark']:active:not(._no-active), [tuiWrapper][data-appearance='opposite'][data-mode='onDark'][data-state='active'], [tuiWrapper][data-appearance='opposite'][data-mode='onDark'][data-state='active']:hover { background: #eaecee; } /* stylelint-disable order/order */ [tuiWrapper] { transition-property: color, background, opacity; transition-duration: var(--tui-duration, 300ms); transition-timing-function: ease-in-out; position: relative; display: block; height: 100%; width: 100%; appearance: none; border-radius: inherit; } [tuiWrapper]:after { transition-property: box-shadow, color; transition-duration: var(--tui-duration, 300ms); transition-timing-function: ease-in-out; position: absolute; top: 0; left: 0; bottom: 0; right: 0; content: ''; border-radius: inherit; border: 1px solid currentColor; pointer-events: none; color: transparent; } :focus-visible:not([data-focused='false']) > [tuiWrapper]:after, [data-focused='true'] > [tuiWrapper]:after { border-width: 2px; color: var(--tui-focus); } [tuiWrapper]:focus-visible:focus-visible:after { border-width: 2px; color: var(--tui-focus); } [tuiWrapper]._focused._focused:after { border-width: 2px; color: var(--tui-focus); } [tuiWrapper]:disabled:disabled, [tuiWrapper][data-state='disabled'][data-state='disabled'] { pointer-events: none; opacity: var(--tui-disabled-opacity); } @supports (-webkit-hyphens: none) { :focus-visible [tuiWrapper], [tuiWrapper]:focus-visible { --tui-focus: transparent !important; } } /* stylelint-disable order/order */ tui-wrapper[data-appearance='mono'], [tuiWrapper][data-appearance='mono'] { background: var(--tui-base-01); color: var(--tui-text-01); } @media (hover: hover) { tui-wrapper[data-appearance='mono']:hover:not(._no-hover), [tuiWrapper][data-appearance='mono']:hover:not(._no-hover), tui-wrapper[data-appearance='mono'][data-state='hover'], [tuiWrapper][data-appearance='mono'][data-state='hover'] { color: var(--tui-text-03); } } tui-wrapper[data-appearance='mono']:active:not(._no-active), [tuiWrapper][data-appearance='mono']:active:not(._no-active), tui-wrapper[data-appearance='mono'][data-state='active'], [tuiWrapper][data-appearance='mono'][data-state='active'], tui-wrapper[data-appearance='mono'][data-state='active']:hover, [tuiWrapper][data-appearance='mono'][data-state='active']:hover { color: var(--tui-text-02); } :focus-visible:not([data-focused='false']) > tui-wrapper[data-appearance='mono'][data-mode='onDark'], :focus-visible:not([data-focused='false']) > [tuiWrapper][data-appearance='mono'][data-mode='onDark'], [data-focused='true'] > tui-wrapper[data-appearance='mono'][data-mode='onDark'], [data-focused='true'] > [tuiWrapper][data-appearance='mono'][data-mode='onDark'] { --tui-focus: var(--tui-text-01-night); } tui-wrapper[data-appearance='mono'][data-mode='onDark']:focus-visible:focus-visible, [tuiWrapper][data-appearance='mono'][data-mode='onDark']:focus-visible:focus-visible { --tui-focus: var(--tui-text-01-night); } tui-wrapper[data-appearance='mono'][data-mode='onDark']._focused._focused, [tuiWrapper][data-appearance='mono'][data-mode='onDark']._focused._focused { --tui-focus: var(--tui-text-01-night); } tui-primitive-calendar [data-type='weekday'] { color: var(--tui-text-01); } tui-primitive-calendar [data-type='weekend'] { color: var(--tui-negative); } /*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].rules[0].oneOf[0].use[2]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[8].rules[1].use[0]!./node_modules/@taiga-ui/core/styles/taiga-ui-fonts.less?ngGlobalStyle ***! \******************************************************************************************************************************************************************************************************************************************************************************************************************************************/ @font-face { font-family: 'Manrope'; font-style: normal; font-weight: 500; font-display: swap; src: url(https://fonts.gstatic.com/s/manrope/v19/xn7_YHE41ni1AdIRqAuZuw1Bx9mbZk7PFO_F.ttf) format('truetype'); } @font-face { font-family: 'Manrope'; font-style: normal; font-weight: 800; font-display: swap; src: url(https://fonts.gstatic.com/s/manrope/v19/xn7_YHE41ni1AdIRqAuZuw1Bx9mbZk59E-_F.ttf) format('truetype'); } /*!**************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/@aws-amplify/ui/dist/styles.css ***! \**************************************************************************************************************************************************************************************************************************************/ /* * Amplify UI Basic Theme */ :root, [data-amplify-theme] { --amplify-components-alert-align-items: center; --amplify-components-alert-justify-content: space-between; --amplify-components-alert-color: var(--amplify-colors-font-primary); --amplify-components-alert-background-color: var(--amplify-colors-background-tertiary); --amplify-components-alert-padding-block: var(--amplify-space-small); --amplify-components-alert-padding-inline: var(--amplify-space-medium); --amplify-components-alert-icon-size: var(--amplify-font-sizes-xl); --amplify-components-alert-heading-font-size: var(--amplify-font-sizes-medium); --amplify-components-alert-heading-font-weight: var(--amplify-font-weights-bold); --amplify-components-alert-info-color: var(--amplify-colors-font-info); --amplify-components-alert-info-background-color: var(--amplify-colors-background-info); --amplify-components-alert-error-color: var(--amplify-colors-font-error); --amplify-components-alert-error-background-color: var(--amplify-colors-background-error); --amplify-components-alert-warning-color: var(--amplify-colors-font-warning); --amplify-components-alert-warning-background-color: var(--amplify-colors-background-warning); --amplify-components-alert-success-color: var(--amplify-colors-font-success); --amplify-components-alert-success-background-color: var(--amplify-colors-background-success); --amplify-components-authenticator-max-width: 60rem; --amplify-components-authenticator-modal-width: var(--amplify-space-relative-full); --amplify-components-authenticator-modal-height: var(--amplify-space-relative-full); --amplify-components-authenticator-modal-background-color: var(--amplify-colors-overlay-50); --amplify-components-authenticator-modal-top: var(--amplify-space-zero); --amplify-components-authenticator-modal-left: var(--amplify-space-zero); --amplify-components-authenticator-container-width-max: 30rem; --amplify-components-authenticator-router-border-width: var(--amplify-border-widths-small); --amplify-components-authenticator-router-border-style: solid; --amplify-components-authenticator-router-border-color: var(--amplify-colors-border-primary); --amplify-components-authenticator-router-background-color: var(--amplify-colors-background-primary); --amplify-components-authenticator-router-box-shadow: var(--amplify-shadows-medium); --amplify-components-authenticator-footer-padding-bottom: var(--amplify-space-medium); --amplify-components-authenticator-form-padding: var(--amplify-space-xl); --amplify-components-authenticator-state-inactive-background-color: var(--amplify-colors-background-secondary); --amplify-components-authenticator-or-container-color: var(--amplify-colors-neutral-80); --amplify-components-authenticator-or-container-or-line-background-color: var(--amplify-colors-background-primary); --amplify-components-autocomplete-menu-width: 100%; --amplify-components-autocomplete-menu-margin-block-start: var(--amplify-space-xxxs); --amplify-components-autocomplete-menu-background-color: var(--amplify-colors-background-primary); --amplify-components-autocomplete-menu-border-color: var(--amplify-colors-border-primary); --amplify-components-autocomplete-menu-border-width: var(--amplify-border-widths-small); --amplify-components-autocomplete-menu-border-style: solid; --amplify-components-autocomplete-menu-border-radius: var(--amplify-radii-small); --amplify-components-autocomplete-menu-options-display: flex; --amplify-components-autocomplete-menu-options-flex-direction: column; --amplify-components-autocomplete-menu-options-max-height: 300px; --amplify-components-autocomplete-menu-option-background-color: var(--amplify-colors-background-primary); --amplify-components-autocomplete-menu-option-color: currentcolor; --amplify-components-autocomplete-menu-option-cursor: pointer; --amplify-components-autocomplete-menu-option-transition-duration: var(--amplify-time-short); --amplify-components-autocomplete-menu-option-transition-property: background-color, color; --amplify-components-autocomplete-menu-option-transition-timing-function: ease; --amplify-components-autocomplete-menu-option-active-background-color: var(--amplify-colors-brand-primary-80); --amplify-components-autocomplete-menu-option-active-color: var(--amplify-colors-white); --amplify-components-autocomplete-menu-empty-display: flex; --amplify-components-autocomplete-menu-loading-align-items: center; --amplify-components-autocomplete-menu-loading-display: flex; --amplify-components-autocomplete-menu-loading-gap: var(--amplify-space-xxxs); --amplify-components-autocomplete-menu-space-shared-padding-block: var(--amplify-space-xs); --amplify-components-autocomplete-menu-space-shared-padding-inline: var(--amplify-space-small); --amplify-components-badge-color: var(--amplify-colors-font-primary); --amplify-components-badge-line-height: 1; --amplify-components-badge-font-weight: var(--amplify-font-weights-semibold); --amplify-components-badge-font-size: var(--amplify-font-sizes-small); --amplify-components-badge-text-align: center; --amplify-components-badge-padding-vertical: var(--amplify-space-xs); --amplify-components-badge-padding-horizontal: var(--amplify-space-small); --amplify-components-badge-background-color: var(--amplify-colors-background-tertiary); --amplify-components-badge-border-radius: var(--amplify-radii-xl); --amplify-components-badge-info-color: var(--amplify-colors-font-info); --amplify-components-badge-info-background-color: var(--amplify-colors-background-info); --amplify-components-badge-warning-color: var(--amplify-colors-font-warning); --amplify-components-badge-warning-background-color: var(--amplify-colors-background-warning); --amplify-components-badge-success-color: var(--amplify-colors-font-success); --amplify-components-badge-success-background-color: var(--amplify-colors-background-success); --amplify-components-badge-error-color: var(--amplify-colors-font-error); --amplify-components-badge-error-background-color: var(--amplify-colors-background-error); --amplify-components-badge-small-font-size: var(--amplify-font-sizes-xs); --amplify-components-badge-small-padding-vertical: var(--amplify-space-xxs); --amplify-components-badge-small-padding-horizontal: var(--amplify-space-xs); --amplify-components-badge-large-font-size: var(--amplify-font-sizes-medium); --amplify-components-badge-large-padding-vertical: var(--amplify-space-small); --amplify-components-badge-large-padding-horizontal: var(--amplify-space-medium); --amplify-components-button-font-weight: var(--amplify-font-weights-bold); --amplify-components-button-transition-duration: var(--amplify-components-fieldcontrol-transition-duration); --amplify-components-button-font-size: var(--amplify-components-fieldcontrol-font-size); --amplify-components-button-line-height: var(--amplify-components-fieldcontrol-line-height); --amplify-components-button-padding-block-start: var(--amplify-components-fieldcontrol-padding-block-start); --amplify-components-button-padding-block-end: var(--amplify-components-fieldcontrol-padding-block-end); --amplify-components-button-padding-inline-start: var(--amplify-components-fieldcontrol-padding-inline-start); --amplify-components-button-padding-inline-end: var(--amplify-components-fieldcontrol-padding-inline-end); --amplify-components-button-border-color: var(--amplify-components-fieldcontrol-border-color); --amplify-components-button-border-width: var(--amplify-components-fieldcontrol-border-width); --amplify-components-button-border-style: var(--amplify-components-fieldcontrol-border-style); --amplify-components-button-border-radius: var(--amplify-components-fieldcontrol-border-radius); --amplify-components-button-color: var(--amplify-colors-font-primary); --amplify-components-button-hover-color: var(--amplify-colors-font-focus); --amplify-components-button-hover-background-color: var(--amplify-colors-brand-primary-10); --amplify-components-button-hover-border-color: var(--amplify-colors-brand-primary-60); --amplify-components-button-focus-color: var(--amplify-colors-font-focus); --amplify-components-button-focus-background-color: var(--amplify-colors-brand-primary-10); --amplify-components-button-focus-border-color: var(--amplify-colors-border-focus); --amplify-components-button-focus-box-shadow: var(--amplify-components-fieldcontrol-focus-box-shadow); --amplify-components-button-active-color: var(--amplify-colors-font-active); --amplify-components-button-active-background-color: var(--amplify-colors-brand-primary-20); --amplify-components-button-active-border-color: var(--amplify-colors-brand-primary-100); --amplify-components-button-loading-color: var(--amplify-colors-font-disabled); --amplify-components-button-loading-background-color: transparent; --amplify-components-button-loading-border-color: var(--amplify-colors-border-tertiary); --amplify-components-button-disabled-color: var(--amplify-colors-font-disabled); --amplify-components-button-disabled-background-color: transparent; --amplify-components-button-disabled-border-color: var(--amplify-colors-border-tertiary); --amplify-components-button-primary-border-color: transparent; --amplify-components-button-primary-border-width: var(--amplify-border-widths-small); --amplify-components-button-primary-border-style: solid; --amplify-components-button-primary-background-color: var(--amplify-colors-brand-primary-80); --amplify-components-button-primary-color: var(--amplify-colors-font-inverse); --amplify-components-button-primary-disabled-border-color: transparent; --amplify-components-button-primary-disabled-background-color: var(--amplify-colors-background-disabled); --amplify-components-button-primary-disabled-color: var(--amplify-colors-font-disabled); --amplify-components-button-primary-loading-border-color: transparent; --amplify-components-button-primary-loading-background-color: var(--amplify-colors-background-disabled); --amplify-components-button-primary-loading-color: var(--amplify-colors-font-disabled); --amplify-components-button-primary-hover-border-color: transparent; --amplify-components-button-primary-hover-background-color: var(--amplify-colors-brand-primary-90); --amplify-components-button-primary-hover-color: var(--amplify-colors-font-inverse); --amplify-components-button-primary-focus-border-color: transparent; --amplify-components-button-primary-focus-background-color: var(--amplify-colors-brand-primary-90); --amplify-components-button-primary-focus-color: var(--amplify-colors-font-inverse); --amplify-components-button-primary-focus-box-shadow: var(--amplify-components-fieldcontrol-focus-box-shadow); --amplify-components-button-primary-active-border-color: transparent; --amplify-components-button-primary-active-background-color: var(--amplify-colors-brand-primary-100); --amplify-components-button-primary-active-color: var(--amplify-colors-font-inverse); --amplify-components-button-menu-border-width: var(--amplify-space-zero); --amplify-components-button-menu-background-color: transparent; --amplify-components-button-menu-justify-content: start; --amplify-components-button-menu-hover-color: var(--amplify-colors-font-inverse); --amplify-components-button-menu-hover-background-color: var(--amplify-colors-brand-primary-80); --amplify-components-button-menu-focus-color: var(--amplify-colors-font-inverse); --amplify-components-button-menu-focus-background-color: var(--amplify-colors-brand-primary-80); --amplify-components-button-menu-active-color: var(--amplify-colors-font-inverse); --amplify-components-button-menu-active-background-color: var(--amplify-colors-brand-primary-90); --amplify-components-button-menu-disabled-color: var(--amplify-colors-font-disabled); --amplify-components-button-link-background-color: transparent; --amplify-components-button-link-border-color: transparent; --amplify-components-button-link-border-width: var(--amplify-space-zero); --amplify-components-button-link-color: var(--amplify-colors-font-interactive); --amplify-components-button-link-hover-border-color: transparent; --amplify-components-button-link-hover-background-color: var(--amplify-colors-brand-primary-10); --amplify-components-button-link-hover-color: var(--amplify-colors-font-hover); --amplify-components-button-link-focus-border-color: transparent; --amplify-components-button-link-focus-background-color: var(--amplify-colors-brand-primary-10); --amplify-components-button-link-focus-color: var(--amplify-colors-font-focus); --amplify-components-button-link-focus-box-shadow: var(--amplify-components-fieldcontrol-focus-box-shadow); --amplify-components-button-link-active-border-color: transparent; --amplify-components-button-link-active-background-color: var(--amplify-colors-brand-primary-20); --amplify-components-button-link-active-color: var(--amplify-colors-font-active); --amplify-components-button-link-disabled-border-color: transparent; --amplify-components-button-link-disabled-background-color: transparent; --amplify-components-button-link-disabled-color: var(--amplify-colors-font-disabled); --amplify-components-button-link-loading-border-color: transparent; --amplify-components-button-link-loading-background-color: transparent; --amplify-components-button-link-loading-color: var(--amplify-colors-font-disabled); --amplify-components-button-warning-background-color: transparent; --amplify-components-button-warning-border-color: var(--amplify-colors-red-60); --amplify-components-button-warning-border-width: var(--amplify-border-widths-small); --amplify-components-button-warning-color: var(--amplify-colors-red-60); --amplify-components-button-warning-hover-border-color: var(--amplify-colors-red-80); --amplify-components-button-warning-hover-background-color: var(--amplify-colors-red-10); --amplify-components-button-warning-hover-color: var(--amplify-colors-font-error); --amplify-components-button-warning-focus-border-color: var(--amplify-colors-red-80); --amplify-components-button-warning-focus-background-color: var(--amplify-colors-red-10); --amplify-components-button-warning-focus-color: var(--amplify-colors-red-80); --amplify-components-button-warning-focus-box-shadow: var(--amplify-components-fieldcontrol-error-focus-box-shadow); --amplify-components-button-warning-active-border-color: var(--amplify-colors-red-100); --amplify-components-button-warning-active-background-color: var(--amplify-colors-red-20); --amplify-components-button-warning-active-color: var(--amplify-colors-red-100); --amplify-components-button-warning-disabled-border-color: var(--amplify-colors-border-tertiary); --amplify-components-button-warning-disabled-background-color: transparent; --amplify-components-button-warning-disabled-color: var(--amplify-colors-font-disabled); --amplify-components-button-warning-loading-border-color: var(--amplify-colors-border-tertiary); --amplify-components-button-warning-loading-background-color: transparent; --amplify-components-button-warning-loading-color: var(--amplify-colors-font-disabled); --amplify-components-button-destructive-border-color: transparent; --amplify-components-button-destructive-border-width: var(--amplify-border-widths-small); --amplify-components-button-destructive-border-style: solid; --amplify-components-button-destructive-background-color: var(--amplify-colors-red-60); --amplify-components-button-destructive-color: var(--amplify-colors-font-inverse); --amplify-components-button-destructive-disabled-border-color: transparent; --amplify-components-button-destructive-disabled-background-color: var(--amplify-colors-background-disabled); --amplify-components-button-destructive-disabled-color: var(--amplify-colors-font-disabled); --amplify-components-button-destructive-loading-border-color: transparent; --amplify-components-button-destructive-loading-background-color: var(--amplify-colors-background-disabled); --amplify-components-button-destructive-loading-color: var(--amplify-colors-font-disabled); --amplify-components-button-destructive-hover-border-color: transparent; --amplify-components-button-destructive-hover-background-color: var(--amplify-colors-red-80); --amplify-components-button-destructive-hover-color: var(--amplify-colors-font-inverse); --amplify-components-button-destructive-focus-border-color: transparent; --amplify-components-button-destructive-focus-background-color: var(--amplify-colors-red-80); --amplify-components-button-destructive-focus-color: var(--amplify-colors-font-inverse); --amplify-components-button-destructive-focus-box-shadow: var(--amplify-components-fieldcontrol-error-focus-box-shadow); --amplify-components-button-destructive-active-border-color: transparent; --amplify-components-button-destructive-active-background-color: var(--amplify-colors-red-100); --amplify-components-button-destructive-active-color: var(--amplify-colors-font-inverse); --amplify-components-button-small-font-size: var(--amplify-components-fieldcontrol-small-font-size); --amplify-components-button-small-padding-block-start: var(--amplify-components-fieldcontrol-small-padding-block-start); --amplify-components-button-small-padding-block-end: var(--amplify-components-fieldcontrol-small-padding-block-end); --amplify-components-button-small-padding-inline-start: var(--amplify-components-fieldcontrol-small-padding-inline-start); --amplify-components-button-small-padding-inline-end: var(--amplify-components-fieldcontrol-small-padding-inline-end); --amplify-components-button-large-font-size: var(--amplify-components-fieldcontrol-large-font-size); --amplify-components-button-large-padding-block-start: var(--amplify-components-fieldcontrol-large-padding-block-start); --amplify-components-button-large-padding-block-end: var(--amplify-components-fieldcontrol-large-padding-block-end); --amplify-components-button-large-padding-inline-start: var(--amplify-components-fieldcontrol-large-padding-inline-start); --amplify-components-button-large-padding-inline-end: var(--amplify-components-fieldcontrol-large-padding-inline-end); --amplify-components-button-loader-wrapper-align-items: center; --amplify-components-button-loader-wrapper-gap: var(--amplify-space-xs); --amplify-components-card-background-color: var(--amplify-colors-background-primary); --amplify-components-card-border-radius: var(--amplify-radii-xs); --amplify-components-card-border-width: 0; --amplify-components-card-border-style: solid; --amplify-components-card-border-color: transparent; --amplify-components-card-box-shadow: none; --amplify-components-card-padding: var(--amplify-space-medium); --amplify-components-card-outlined-background-color: var(--amplify-components-card-background-color); --amplify-components-card-outlined-border-radius: var(--amplify-radii-xs); --amplify-components-card-outlined-border-width: var(--amplify-border-widths-small); --amplify-components-card-outlined-border-style: solid; --amplify-components-card-outlined-border-color: var(--amplify-colors-border-primary); --amplify-components-card-outlined-box-shadow: var(--amplify-components-card-box-shadow); --amplify-components-card-elevated-background-color: var(--amplify-components-card-background-color); --amplify-components-card-elevated-border-radius: var(--amplify-radii-xs); --amplify-components-card-elevated-border-width: 0; --amplify-components-card-elevated-border-style: solid; --amplify-components-card-elevated-border-color: transparent; --amplify-components-card-elevated-box-shadow: var(--amplify-shadows-medium); --amplify-components-checkbox-cursor: pointer; --amplify-components-checkbox-align-items: center; --amplify-components-checkbox-disabled-cursor: not-allowed; --amplify-components-checkbox-button-position: relative; --amplify-components-checkbox-button-align-items: center; --amplify-components-checkbox-button-justify-content: center; --amplify-components-checkbox-button-color: var(--amplify-colors-font-inverse); --amplify-components-checkbox-button-before-width: 100%; --amplify-components-checkbox-button-before-height: 100%; --amplify-components-checkbox-button-before-border-width: var(--amplify-border-widths-medium); --amplify-components-checkbox-button-before-border-radius: 20%; --amplify-components-checkbox-button-before-border-style: solid; --amplify-components-checkbox-button-before-border-color: var(--amplify-colors-border-primary); --amplify-components-checkbox-button-focus-outline-color: var(--amplify-colors-transparent); --amplify-components-checkbox-button-focus-outline-style: solid; --amplify-components-checkbox-button-focus-outline-width: var(--amplify-outline-widths-medium); --amplify-components-checkbox-button-focus-outline-offset: var(--amplify-outline-offsets-medium); --amplify-components-checkbox-button-focus-border-color: var(--amplify-colors-transparent); --amplify-components-checkbox-button-focus-box-shadow: 0px 0px 0px 2px var(--amplify-colors-border-focus); --amplify-components-checkbox-button-disabled-border-color: var(--amplify-colors-border-disabled); --amplify-components-checkbox-button-error-border-color: var(--amplify-colors-border-error); --amplify-components-checkbox-button-error-focus-border-color: var(--amplify-colors-transparent); --amplify-components-checkbox-button-error-focus-box-shadow: 0px 0px 0px 2px var(--amplify-colors-border-error); --amplify-components-checkbox-icon-background-color: var(--amplify-colors-brand-primary-80); --amplify-components-checkbox-icon-border-radius: 20%; --amplify-components-checkbox-icon-opacity: var(--amplify-opacities-0); --amplify-components-checkbox-icon-transform: scale(0); --amplify-components-checkbox-icon-transition-property: all; --amplify-components-checkbox-icon-transition-duration: var(--amplify-time-short); --amplify-components-checkbox-icon-transition-timing-function: ease-in-out; --amplify-components-checkbox-icon-checked-opacity: var(--amplify-opacities-100); --amplify-components-checkbox-icon-checked-transform: scale(1); --amplify-components-checkbox-icon-checked-disabled-background-color: var(--amplify-colors-background-disabled); --amplify-components-checkbox-icon-indeterminate-opacity: var(--amplify-opacities-100); --amplify-components-checkbox-icon-indeterminate-transform: scale(1); --amplify-components-checkbox-icon-indeterminate-disabled-background-color: var(--amplify-colors-background-disabled); --amplify-components-checkbox-label-disabled-color: var(--amplify-colors-font-disabled); --amplify-components-checkboxfield-align-items: flex-start; --amplify-components-checkboxfield-align-content: center; --amplify-components-checkboxfield-flex-direction: column; --amplify-components-checkboxfield-justify-content: center; --amplify-components-collection-pagination-current-color: var(--amplify-components-pagination-current-color); --amplify-components-collection-pagination-current-background-color: var(--amplify-components-pagination-current-background-color); --amplify-components-collection-pagination-button-color: var(--amplify-components-pagination-button-color); --amplify-components-collection-pagination-button-hover-background-color: var(--amplify-components-pagination-button-hover-background-color); --amplify-components-collection-pagination-button-hover-color: var(--amplify-components-pagination-button-hover-color); --amplify-components-collection-pagination-button-disabled-color: var(--amplify-components-pagination-button-disabled-color); --amplify-components-collection-search-input-color: var(--amplify-components-searchfield-color); --amplify-components-collection-search-button-color: var(--amplify-components-searchfield-button-color); --amplify-components-collection-search-button-active-background-color: var(--amplify-components-searchfield-button-active-background-color); --amplify-components-collection-search-button-active-border-color: var(--amplify-components-searchfield-button-active-border-color); --amplify-components-collection-search-button-active-color: var(--amplify-components-searchfield-button-active-color); --amplify-components-collection-search-button-disabled-background-color: var(--amplify-components-searchfield-button-disabled-background-color); --amplify-components-collection-search-button-disabled-border-color: var(--amplify-components-searchfield-button-disabled-border-color); --amplify-components-collection-search-button-disabled-color: var(--amplify-components-searchfield-button-disabled-color); --amplify-components-collection-search-button-focus-background-color: var(--amplify-components-searchfield-button-focus-background-color); --amplify-components-collection-search-button-focus-border-color: var(--amplify-components-searchfield-button-focus-border-color); --amplify-components-collection-search-button-focus-color: var(--amplify-components-searchfield-button-focus-color); --amplify-components-collection-search-button-hover-background-color: var(--amplify-components-searchfield-button-hover-background-color); --amplify-components-collection-search-button-hover-border-color: var(--amplify-components-searchfield-button-hover-border-color); --amplify-components-collection-search-button-hover-color: var(--amplify-components-searchfield-button-hover-color); --amplify-components-copy-font-size: var(--amplify-font-sizes-xs); --amplify-components-copy-gap: var(--amplify-space-relative-medium); --amplify-components-copy-svg-path-fill: var(--amplify-colors-font-primary); --amplify-components-copy-tool-tip-bottom: var(--amplify-space-large); --amplify-components-copy-tool-tip-color: var(--amplify-colors-teal-100); --amplify-components-copy-tool-tip-font-size: var(--amplify-font-sizes-xxs); --amplify-components-countrycodeselect-height: var(--amplify-space-relative-full); --amplify-components-divider-border-style: solid; --amplify-components-divider-border-color: var(--amplify-colors-border-primary); --amplify-components-divider-border-width: var(--amplify-border-widths-medium); --amplify-components-divider-label-color: var(--amplify-colors-font-tertiary); --amplify-components-divider-label-padding-inline: var(--amplify-space-medium); --amplify-components-divider-label-font-size: var(--amplify-font-sizes-small); --amplify-components-divider-label-background-color: var(--amplify-colors-background-primary); --amplify-components-divider-small-border-width: var(--amplify-border-widths-small); --amplify-components-divider-large-border-width: var(--amplify-border-widths-large); --amplify-components-divider-opacity: var(--amplify-opacities-60); --amplify-components-expander-display: block; --amplify-components-expander-background-color: var(--amplify-colors-background-primary); --amplify-components-expander-border-radius: var(--amplify-radii-medium); --amplify-components-expander-box-shadow: var(--amplify-shadows-large); --amplify-components-expander-width: 100%; --amplify-components-expander-item-margin-top: 1px; --amplify-components-expander-item-box-shadow: var(--amplify-shadows-small); --amplify-components-expander-item-border-bottom-left-radius: var(--amplify-radii-medium); --amplify-components-expander-item-border-bottom-right-radius: var(--amplify-radii-medium); --amplify-components-expander-item-border-top-left-radius: var(--amplify-radii-medium); --amplify-components-expander-item-border-top-right-radius: var(--amplify-radii-medium); --amplify-components-expander-item-border-start-start-radius: var(--amplify-radii-medium); --amplify-components-expander-item-border-start-end-radius: var(--amplify-radii-medium); --amplify-components-expander-item-border-end-start-radius: var(--amplify-radii-medium); --amplify-components-expander-item-border-end-end-radius: var(--amplify-radii-medium); --amplify-components-expander-item-focus-box-shadow: 0 0 0 2px var(--amplify-colors-border-focus); --amplify-components-expander-header-box-shadow: 0 1px 0 var(--amplify-colors-overlay-20); --amplify-components-expander-trigger-min-height: 3rem; --amplify-components-expander-trigger-padding-inline-start: var(--amplify-space-large); --amplify-components-expander-trigger-padding-inline-end: var(--amplify-space-large); --amplify-components-expander-trigger-align-items: center; --amplify-components-expander-trigger-justify-content: space-between; --amplify-components-expander-trigger-hover-background-color: var(--amplify-colors-overlay-10); --amplify-components-expander-content-padding-inline-start: var(--amplify-space-large); --amplify-components-expander-content-padding-inline-end: var(--amplify-space-large); --amplify-components-expander-content-text-color: var(--amplify-colors-font-secondary); --amplify-components-expander-content-text-padding-block-start: var(--amplify-space-medium); --amplify-components-expander-content-text-padding-block-end: var(--amplify-space-medium); --amplify-components-expander-content-open-animation-duration: var(--amplify-time-medium); --amplify-components-expander-content-open-animation-timing-function: cubic-bezier(0.87, 0, 0.13, 1); --amplify-components-expander-content-closed-animation-duration: var(--amplify-time-medium); --amplify-components-expander-content-closed-animation-timing-function: cubic-bezier(0.87, 0, 0.13, 1); --amplify-components-expander-icon-transition-duration: var(--amplify-time-medium); --amplify-components-expander-icon-transition-timing-function: cubic-bezier(0.87, 0, 0.13, 1); --amplify-components-field-gap: var(--amplify-space-xs); --amplify-components-field-font-size: var(--amplify-font-sizes-medium); --amplify-components-field-flex-direction: column; --amplify-components-field-small-gap: var(--amplify-space-xxxs); --amplify-components-field-small-font-size: var(--amplify-font-sizes-small); --amplify-components-field-large-gap: var(--amplify-space-small); --amplify-components-field-large-font-size: var(--amplify-font-sizes-large); --amplify-components-field-label-color: var(--amplify-colors-font-secondary); --amplify-components-fieldcontrol-border-style: solid; --amplify-components-fieldcontrol-border-color: var(--amplify-colors-border-primary); --amplify-components-fieldcontrol-border-width: var(--amplify-border-widths-small); --amplify-components-fieldcontrol-border-radius: var(--amplify-radii-small); --amplify-components-fieldcontrol-color: var(--amplify-colors-font-primary); --amplify-components-fieldcontrol-padding-block-start: var(--amplify-space-xs); --amplify-components-fieldcontrol-padding-block-end: var(--amplify-space-xs); --amplify-components-fieldcontrol-padding-inline-start: var(--amplify-space-medium); --amplify-components-fieldcontrol-padding-inline-end: var(--amplify-space-medium); --amplify-components-fieldcontrol-font-size: var(--amplify-components-field-font-size); --amplify-components-fieldcontrol-line-height: var(--amplify-line-heights-medium); --amplify-components-fieldcontrol-transition-duration: var(--amplify-time-medium); --amplify-components-fieldcontrol-outline-color: var(--amplify-colors-transparent); --amplify-components-fieldcontrol-outline-style: solid; --amplify-components-fieldcontrol-outline-width: var(--amplify-outline-widths-medium); --amplify-components-fieldcontrol-outline-offset: var(--amplify-outline-offsets-medium); --amplify-components-fieldcontrol-small-font-size: var(--amplify-components-field-small-font-size); --amplify-components-fieldcontrol-small-padding-block-start: var(--amplify-space-xxs); --amplify-components-fieldcontrol-small-padding-block-end: var(--amplify-space-xxs); --amplify-components-fieldcontrol-small-padding-inline-start: var(--amplify-space-small); --amplify-components-fieldcontrol-small-padding-inline-end: var(--amplify-space-small); --amplify-components-fieldcontrol-large-font-size: var(--amplify-components-field-large-font-size); --amplify-components-fieldcontrol-large-padding-block-start: var(--amplify-space-xs); --amplify-components-fieldcontrol-large-padding-block-end: var(--amplify-space-xs); --amplify-components-fieldcontrol-large-padding-inline-start: var(--amplify-space-medium); --amplify-components-fieldcontrol-large-padding-inline-end: var(--amplify-space-medium); --amplify-components-fieldcontrol-quiet-border-style: none; --amplify-components-fieldcontrol-quiet-border-inline-start: none; --amplify-components-fieldcontrol-quiet-border-inline-end: none; --amplify-components-fieldcontrol-quiet-border-block-start: none; --amplify-components-fieldcontrol-quiet-border-radius: 0; --amplify-components-fieldcontrol-quiet-focus-border-block-end-color: var(--amplify-colors-border-focus); --amplify-components-fieldcontrol-quiet-focus-box-shadow: 0px 1px 0px var(--amplify-colors-border-focus); --amplify-components-fieldcontrol-quiet-error-border-block-end-color: var(--amplify-colors-border-error); --amplify-components-fieldcontrol-quiet-error-focus-box-shadow: 0px 1px 0px var(--amplify-colors-border-error); --amplify-components-fieldcontrol-focus-border-color: var(--amplify-colors-border-focus); --amplify-components-fieldcontrol-focus-box-shadow: 0px 0px 0px 1px var(--amplify-colors-border-focus); --amplify-components-fieldcontrol-disabled-color: var(--amplify-colors-font-disabled); --amplify-components-fieldcontrol-disabled-cursor: not-allowed; --amplify-components-fieldcontrol-disabled-border-color: var(--amplify-colors-transparent); --amplify-components-fieldcontrol-disabled-background-color: var(--amplify-colors-background-disabled); --amplify-components-fieldcontrol-error-border-color: var(--amplify-colors-border-error); --amplify-components-fieldcontrol-error-focus-box-shadow: 0px 0px 0px 1px var(--amplify-colors-border-error); --amplify-components-fieldgroup-gap: var(--amplify-space-zero); --amplify-components-fieldgroup-vertical-align-items: center; --amplify-components-fieldgroup-outer-align-items: center; --amplify-components-fieldmessages-error-color: var(--amplify-colors-font-error); --amplify-components-fieldmessages-error-font-size: var(--amplify-font-sizes-small); --amplify-components-fieldmessages-description-color: var(--amplify-colors-font-secondary); --amplify-components-fieldmessages-description-font-style: italic; --amplify-components-fieldmessages-description-font-size: var(--amplify-font-sizes-small); --amplify-components-fileuploader-dropzone-background-color: var(--amplify-colors-background-primary); --amplify-components-fileuploader-dropzone-border-radius: var(--amplify-radii-small); --amplify-components-fileuploader-dropzone-border-color: var(--amplify-colors-border-primary); --amplify-components-fileuploader-dropzone-border-style: dashed; --amplify-components-fileuploader-dropzone-border-width: var(--amplify-border-widths-small); --amplify-components-fileuploader-dropzone-gap: var(--amplify-space-small); --amplify-components-fileuploader-dropzone-padding-block: var(--amplify-space-xl); --amplify-components-fileuploader-dropzone-padding-inline: var(--amplify-space-large); --amplify-components-fileuploader-dropzone-text-align: center; --amplify-components-fileuploader-dropzone-active-background-color: var(--amplify-colors-brand-primary-10); --amplify-components-fileuploader-dropzone-active-border-radius: var(--amplify-components-fileuploader-dropzone-border-radius); --amplify-components-fileuploader-dropzone-active-border-color: var(--amplify-colors-border-pressed); --amplify-components-fileuploader-dropzone-active-border-style: var(--amplify-components-fileuploader-dropzone-border-style); --amplify-components-fileuploader-dropzone-active-border-width: var(--amplify-border-widths-medium); --amplify-components-fileuploader-dropzone-icon-color: var(--amplify-colors-border-primary); --amplify-components-fileuploader-dropzone-icon-font-size: var(--amplify-font-sizes-xxl); --amplify-components-fileuploader-dropzone-text-color: var(--amplify-colors-font-tertiary); --amplify-components-fileuploader-dropzone-text-font-size: var(--amplify-font-sizes-medium); --amplify-components-fileuploader-dropzone-text-font-weight: var(--amplify-font-weights-bold); --amplify-components-fileuploader-file-background-color: var(--amplify-colors-background-primary); --amplify-components-fileuploader-file-border-radius: var(--amplify-radii-small); --amplify-components-fileuploader-file-border-color: var(--amplify-colors-border-primary); --amplify-components-fileuploader-file-border-style: solid; --amplify-components-fileuploader-file-border-width: var(--amplify-border-widths-small); --amplify-components-fileuploader-file-padding-block: var(--amplify-space-xs); --amplify-components-fileuploader-file-padding-inline: var(--amplify-space-small); --amplify-components-fileuploader-file-gap: var(--amplify-space-small); --amplify-components-fileuploader-file-align-items: baseline; --amplify-components-fileuploader-file-name-font-size: var(--amplify-font-sizes-medium); --amplify-components-fileuploader-file-name-font-weight: var(--amplify-font-weights-bold); --amplify-components-fileuploader-file-name-color: var(--amplify-colors-font-primary); --amplify-components-fileuploader-file-size-font-size: var(--amplify-font-sizes-small); --amplify-components-fileuploader-file-size-font-weight: var(--amplify-font-weights-normal); --amplify-components-fileuploader-file-size-color: var(--amplify-colors-font-tertiary); --amplify-components-fileuploader-file-image-width: var(--amplify-space-xxl); --amplify-components-fileuploader-file-image-height: var(--amplify-space-xxl); --amplify-components-fileuploader-file-image-background-color: var(--amplify-colors-background-secondary); --amplify-components-fileuploader-file-image-color: var(--amplify-colors-font-tertiary); --amplify-components-fileuploader-file-image-border-radius: var(--amplify-radii-small); --amplify-components-fileuploader-loader-stroke-linecap: round; --amplify-components-fileuploader-loader-stroke-empty: var(--amplify-colors-border-secondary); --amplify-components-fileuploader-loader-stroke-filled: var(--amplify-components-loader-stroke-filled); --amplify-components-fileuploader-loader-stroke-width: var(--amplify-border-widths-large); --amplify-components-fileuploader-previewer-background-color: var(--amplify-colors-background-primary); --amplify-components-fileuploader-previewer-border-color: var(--amplify-colors-border-primary); --amplify-components-fileuploader-previewer-border-style: solid; --amplify-components-fileuploader-previewer-border-width: var(--amplify-border-widths-small); --amplify-components-fileuploader-previewer-border-radius: var(--amplify-radii-small); --amplify-components-fileuploader-previewer-padding-block: var(--amplify-space-zero); --amplify-components-fileuploader-previewer-padding-inline: var(--amplify-space-zero); --amplify-components-fileuploader-previewer-max-height: 40rem; --amplify-components-fileuploader-previewer-max-width: auto; --amplify-components-fileuploader-previewer-text-font-size: var(--amplify-font-sizes-medium); --amplify-components-fileuploader-previewer-text-font-weight: var(--amplify-font-weights-bold); --amplify-components-fileuploader-previewer-text-color: var(--amplify-colors-font-primary); --amplify-components-fileuploader-previewer-body-padding-block: var(--amplify-space-medium); --amplify-components-fileuploader-previewer-body-padding-inline: var(--amplify-space-medium); --amplify-components-fileuploader-previewer-body-gap: var(--amplify-space-small); --amplify-components-fileuploader-previewer-footer-border-color: var(--amplify-colors-border-secondary); --amplify-components-fileuploader-previewer-footer-border-style: solid; --amplify-components-fileuploader-previewer-footer-border-width: var(--amplify-border-widths-small); --amplify-components-fileuploader-previewer-footer-padding-block: var(--amplify-space-medium); --amplify-components-fileuploader-previewer-footer-padding-inline: var(--amplify-space-medium); --amplify-components-fileuploader-previewer-footer-justify-content: space-between; --amplify-components-flex-gap: var(--amplify-space-medium); --amplify-components-flex-justify-content: normal; --amplify-components-flex-align-items: stretch; --amplify-components-flex-align-content: normal; --amplify-components-flex-flex-wrap: nowrap; --amplify-components-heading-1-font-size: var(--amplify-font-sizes-xxxxl); --amplify-components-heading-1-font-weight: var(--amplify-font-weights-light); --amplify-components-heading-2-font-size: var(--amplify-font-sizes-xxxl); --amplify-components-heading-2-font-weight: var(--amplify-font-weights-normal); --amplify-components-heading-3-font-size: var(--amplify-font-sizes-xxl); --amplify-components-heading-3-font-weight: var(--amplify-font-weights-medium); --amplify-components-heading-4-font-size: var(--amplify-font-sizes-xl); --amplify-components-heading-4-font-weight: var(--amplify-font-weights-semibold); --amplify-components-heading-5-font-size: var(--amplify-font-sizes-large); --amplify-components-heading-5-font-weight: var(--amplify-font-weights-bold); --amplify-components-heading-6-font-size: var(--amplify-font-sizes-medium); --amplify-components-heading-6-font-weight: var(--amplify-font-weights-extrabold); --amplify-components-heading-color: var(--amplify-colors-font-primary); --amplify-components-heading-line-height: var(--amplify-line-heights-small); --amplify-components-icon-line-height: 1; --amplify-components-icon-height: 1em; --amplify-components-highlightmatch-highlighted-font-weight: var(--amplify-font-weights-bold); --amplify-components-image-max-width: 100%; --amplify-components-image-height: auto; --amplify-components-image-object-fit: initial; --amplify-components-image-object-position: initial; --amplify-components-inappmessaging-banner-height: 150px ; --amplify-components-inappmessaging-banner-width: 400px ; --amplify-components-inappmessaging-button-background-color: #e8e8e8; --amplify-components-inappmessaging-button-border-radius: 5px; --amplify-components-inappmessaging-button-color: black; --amplify-components-inappmessaging-dialog-height: 50vh; --amplify-components-inappmessaging-dialog-min-height: 400px; --amplify-components-inappmessaging-dialog-min-width: 400px; --amplify-components-inappmessaging-dialog-width: 30vw; --amplify-components-inappmessaging-header-font-size: var(--amplify-font-sizes-medium); --amplify-components-inappmessaging-header-font-weight: var(--amplify-font-weights-extrabold); --amplify-components-link-active-color: var(--amplify-colors-font-active); --amplify-components-link-color: var(--amplify-colors-font-interactive); --amplify-components-link-focus-color: var(--amplify-colors-font-focus); --amplify-components-link-hover-color: var(--amplify-colors-font-hover); --amplify-components-link-visited-color: var(--amplify-colors-font-interactive); --amplify-components-liveness-camera-module-background-color: var(--amplify-colors-black); --amplify-components-loader-width: var(--amplify-font-sizes-medium); --amplify-components-loader-height: var(--amplify-font-sizes-medium); --amplify-components-loader-font-size: var(--amplify-font-sizes-xs); --amplify-components-loader-stroke-empty: var(--amplify-colors-neutral-20); --amplify-components-loader-stroke-filled: var(--amplify-colors-brand-primary-80); --amplify-components-loader-stroke-linecap: round; --amplify-components-loader-animation-duration: 1s; --amplify-components-loader-small-width: var(--amplify-font-sizes-small); --amplify-components-loader-small-height: var(--amplify-font-sizes-small); --amplify-components-loader-small-font-size: var(--amplify-font-sizes-xxs); --amplify-components-loader-large-width: var(--amplify-font-sizes-large); --amplify-components-loader-large-height: var(--amplify-font-sizes-large); --amplify-components-loader-large-font-size: var(--amplify-font-sizes-small); --amplify-components-loader-linear-width: 100%; --amplify-components-loader-linear-min-width: 5rem; --amplify-components-loader-linear-font-size: var(--amplify-font-sizes-xxs); --amplify-components-loader-linear-stroke-width: var(--amplify-font-sizes-xxs); --amplify-components-loader-linear-stroke-filled: var(--amplify-colors-brand-primary-80); --amplify-components-loader-linear-stroke-empty: var(--amplify-colors-neutral-20); --amplify-components-loader-linear-stroke-linecap: round; --amplify-components-loader-linear-animation-duration: 1s; --amplify-components-loader-linear-small-stroke-width: var(--amplify-font-sizes-xxxs); --amplify-components-loader-linear-small-font-size: var(--amplify-font-sizes-xxxs); --amplify-components-loader-linear-large-stroke-width: var(--amplify-font-sizes-xs); --amplify-components-loader-linear-large-font-size: var(--amplify-font-sizes-xs); --amplify-components-loader-text-fill: var(--amplify-colors-font-primary); --amplify-components-menu-background-color: var(--amplify-colors-background-primary); --amplify-components-menu-border-radius: var(--amplify-radii-medium); --amplify-components-menu-border-width: var(--amplify-border-widths-small); --amplify-components-menu-border-style: solid; --amplify-components-menu-border-color: var(--amplify-colors-border-primary); --amplify-components-menu-box-shadow: var(--amplify-shadows-large); --amplify-components-menu-flex-direction: column; --amplify-components-menu-gap: var(--amplify-space-zero); --amplify-components-menu-max-width: 30rem; --amplify-components-menu-min-width: 14rem; --amplify-components-menu-small-width: var(--amplify-font-sizes-medium); --amplify-components-menu-small-height: var(--amplify-font-sizes-medium); --amplify-components-menu-large-width: var(--amplify-font-sizes-xxxl); --amplify-components-menu-large-height: var(--amplify-font-sizes-xxxl); --amplify-components-menu-item-min-height: 2.5rem; --amplify-components-menu-item-padding-inline-start: var(--amplify-space-medium); --amplify-components-menu-item-padding-inline-end: var(--amplify-space-medium); --amplify-components-pagination-current-align-items: center; --amplify-components-pagination-current-justify-content: center; --amplify-components-pagination-current-color: var(--amplify-colors-font-inverse); --amplify-components-pagination-current-font-size: var(--amplify-font-sizes-small); --amplify-components-pagination-current-background-color: var(--amplify-colors-overlay-40); --amplify-components-pagination-button-color: var(--amplify-colors-font-primary); --amplify-components-pagination-button-padding-inline-start: var(--amplify-space-xxs); --amplify-components-pagination-button-padding-inline-end: var(--amplify-space-xxs); --amplify-components-pagination-button-transition-property: background-color; --amplify-components-pagination-button-transition-duration: var(--amplify-time-medium); --amplify-components-pagination-button-hover-background-color: var(--amplify-colors-overlay-10); --amplify-components-pagination-button-hover-color: var(--amplify-colors-font-primary); --amplify-components-pagination-button-disabled-color: var(--amplify-colors-font-disabled); --amplify-components-pagination-ellipsis-align-items: baseline; --amplify-components-pagination-ellipsis-justify-content: center; --amplify-components-pagination-ellipsis-padding-inline-start: var(--amplify-space-xs); --amplify-components-pagination-ellipsis-padding-inline-end: var(--amplify-space-xs); --amplify-components-pagination-item-container-margin-left: var(--amplify-space-xxxs); --amplify-components-pagination-item-container-margin-right: var(--amplify-space-xxxs); --amplify-components-pagination-item-shared-height: var(--amplify-font-sizes-xxl); --amplify-components-pagination-item-shared-min-width: var(--amplify-font-sizes-xxl); --amplify-components-pagination-item-shared-border-radius: var(--amplify-font-sizes-medium); --amplify-components-passwordfield-color: var(--amplify-components-fieldcontrol-color); --amplify-components-passwordfield-button-color: var(--amplify-components-button-color); --amplify-components-passwordfield-button-active-background-color: var(--amplify-components-button-active-background-color); --amplify-components-passwordfield-button-active-border-color: var(--amplify-components-button-active-border-color); --amplify-components-passwordfield-button-active-color: var(--amplify-components-button-active-color); --amplify-components-passwordfield-button-disabled-background-color: var(--amplify-components-button-disabled-background-color); --amplify-components-passwordfield-button-disabled-border-color: var(--amplify-components-button-disabled-border-color); --amplify-components-passwordfield-button-disabled-color: var(--amplify-components-button-disabled-color); --amplify-components-passwordfield-button-focus-background-color: var(--amplify-components-button-focus-background-color); --amplify-components-passwordfield-button-focus-border-color: var(--amplify-components-button-focus-border-color); --amplify-components-passwordfield-button-focus-color: var(--amplify-components-button-focus-color); --amplify-components-passwordfield-button-hover-background-color: var(--amplify-components-button-hover-background-color); --amplify-components-passwordfield-button-hover-border-color: var(--amplify-components-button-hover-border-color); --amplify-components-passwordfield-button-hover-color: var(--amplify-components-button-hover-color); --amplify-components-phonenumberfield-color: var(--amplify-components-fieldcontrol-color); --amplify-components-phonenumberfield-border-color: var(--amplify-components-fieldcontrol-border-color); --amplify-components-phonenumberfield-font-size: var(--amplify-components-fieldcontrol-font-size); --amplify-components-phonenumberfield-focus-border-color: var(--amplify-components-fieldcontrol-focus-border-color); --amplify-components-placeholder-border-radius: var(--amplify-radii-small); --amplify-components-placeholder-transition-duration: var(--amplify-time-long); --amplify-components-placeholder-start-color: var(--amplify-colors-background-secondary); --amplify-components-placeholder-end-color: var(--amplify-colors-background-tertiary); --amplify-components-placeholder-small-height: var(--amplify-space-small); --amplify-components-placeholder-default-height: var(--amplify-space-medium); --amplify-components-placeholder-large-height: var(--amplify-space-large); --amplify-components-radio-align-items: center; --amplify-components-radio-justify-content: flex-start; --amplify-components-radio-gap: inherit; --amplify-components-radio-disabled-cursor: not-allowed; --amplify-components-radio-button-align-items: center; --amplify-components-radio-button-justify-content: center; --amplify-components-radio-button-width: var(--amplify-font-sizes-medium); --amplify-components-radio-button-height: var(--amplify-font-sizes-medium); --amplify-components-radio-button-box-sizing: border-box; --amplify-components-radio-button-border-width: var(--amplify-border-widths-medium); --amplify-components-radio-button-border-style: solid; --amplify-components-radio-button-border-radius: 50%; --amplify-components-radio-button-border-color: var(--amplify-colors-border-primary); --amplify-components-radio-button-color: var(--amplify-colors-background-primary); --amplify-components-radio-button-background-color: var(--amplify-colors-background-primary); --amplify-components-radio-button-transition-property: all; --amplify-components-radio-button-transition-duration: var(--amplify-time-medium); --amplify-components-radio-button-outline-color: var(--amplify-colors-transparent); --amplify-components-radio-button-outline-style: solid; --amplify-components-radio-button-outline-width: var(--amplify-outline-widths-medium); --amplify-components-radio-button-outline-offset: var(--amplify-outline-offsets-medium); --amplify-components-radio-button-padding: var(--amplify-border-widths-medium); --amplify-components-radio-button-small-width: var(--amplify-font-sizes-small); --amplify-components-radio-button-small-height: var(--amplify-font-sizes-small); --amplify-components-radio-button-large-width: var(--amplify-font-sizes-large); --amplify-components-radio-button-large-height: var(--amplify-font-sizes-large); --amplify-components-radio-button-checked-color: var(--amplify-colors-brand-primary-80); --amplify-components-radio-button-checked-disabled-color: var(--amplify-colors-background-disabled); --amplify-components-radio-button-focus-border-color: var(--amplify-colors-border-focus); --amplify-components-radio-button-focus-box-shadow: var(--amplify-components-fieldcontrol-focus-box-shadow); --amplify-components-radio-button-error-border-color: var(--amplify-colors-border-error); --amplify-components-radio-button-error-focus-box-shadow: var(--amplify-components-fieldcontrol-error-focus-box-shadow); --amplify-components-radio-button-disabled-border-color: var(--amplify-colors-border-disabled); --amplify-components-radio-button-disabled-background-color: var(--amplify-colors-background-primary); --amplify-components-radio-label-color: var(--amplify-components-text-color); --amplify-components-radio-label-disabled-color: var(--amplify-colors-font-disabled); --amplify-components-radiogroup-radio-border-width: var(--amplify-components-radio-button-border-width); --amplify-components-radiogroup-radio-border-color: var(--amplify-components-radio-button-border-color); --amplify-components-radiogroup-radio-background-color: var(--amplify-components-radio-button-background-color); --amplify-components-radiogroup-radio-checked-color: var(--amplify-components-radio-button-checked-color); --amplify-components-radiogroup-radio-label-color: var(--amplify-components-radio-label-color); --amplify-components-radiogroup-label-color: var(--amplify-components-field-label-color); --amplify-components-rating-large-size: var(--amplify-font-sizes-xxxl); --amplify-components-rating-default-size: var(--amplify-font-sizes-xl); --amplify-components-rating-small-size: var(--amplify-font-sizes-small); --amplify-components-rating-filled-color: var(--amplify-colors-brand-secondary-80); --amplify-components-rating-empty-color: var(--amplify-colors-background-tertiary); --amplify-components-searchfield-color: var(--amplify-components-fieldcontrol-color); --amplify-components-searchfield-button-color: var(--amplify-components-button-color); --amplify-components-searchfield-button-background-color: var(--amplify-colors-background-primary); --amplify-components-searchfield-button-active-background-color: var(--amplify-components-button-active-background-color); --amplify-components-searchfield-button-active-border-color: var(--amplify-components-button-active-border-color); --amplify-components-searchfield-button-active-color: var(--amplify-components-button-active-color); --amplify-components-searchfield-button-disabled-background-color: var(--amplify-components-button-disabled-background-color); --amplify-components-searchfield-button-disabled-border-color: var(--amplify-components-button-disabled-border-color); --amplify-components-searchfield-button-disabled-color: var(--amplify-components-button-disabled-color); --amplify-components-searchfield-button-focus-background-color: var(--amplify-components-button-focus-background-color); --amplify-components-searchfield-button-focus-border-color: var(--amplify-components-button-focus-border-color); --amplify-components-searchfield-button-focus-color: var(--amplify-components-button-focus-color); --amplify-components-searchfield-button-hover-background-color: var(--amplify-components-button-hover-background-color); --amplify-components-searchfield-button-hover-border-color: var(--amplify-components-button-hover-border-color); --amplify-components-searchfield-button-hover-color: var(--amplify-components-button-hover-color); --amplify-components-select-padding-inline-end: var(--amplify-space-xxl); --amplify-components-select-wrapper-flex: 1; --amplify-components-select-wrapper-display: block; --amplify-components-select-wrapper-position: relative; --amplify-components-select-wrapper-cursor: pointer; --amplify-components-select-icon-wrapper-align-items: center; --amplify-components-select-icon-wrapper-position: absolute; --amplify-components-select-icon-wrapper-top: 50%; --amplify-components-select-icon-wrapper-right: var(--amplify-space-medium); --amplify-components-select-icon-wrapper-transform: translateY(-50%); --amplify-components-select-icon-wrapper-pointer-events: none; --amplify-components-select-option-background-color: var(--amplify-colors-background-primary); --amplify-components-select-option-color: var(--amplify-colors-font-primary); --amplify-components-select-option-disabled-color: var(--amplify-colors-font-disabled); --amplify-components-select-white-space: nowrap; --amplify-components-select-min-width: 6.5rem; --amplify-components-select-small-min-width: 5.5rem; --amplify-components-select-large-min-width: 7.5rem; --amplify-components-selectfield-border-color: var(--amplify-components-fieldcontrol-border-color); --amplify-components-selectfield-color: var(--amplify-components-fieldcontrol-color); --amplify-components-selectfield-flex-direction: column; --amplify-components-selectfield-font-size: var(--amplify-components-fieldcontrol-font-size); --amplify-components-selectfield-focus-border-color: var(--amplify-components-fieldcontrol-focus-border-color); --amplify-components-selectfield-label-color: var(--amplify-components-field-label-color); --amplify-components-sliderfield-padding-block: var(--amplify-space-xs); --amplify-components-sliderfield-track-background-color: var(--amplify-colors-background-quaternary); --amplify-components-sliderfield-track-border-radius: 9999px; --amplify-components-sliderfield-track-height: 0.375rem; --amplify-components-sliderfield-track-min-width: 10rem; --amplify-components-sliderfield-range-background-color: var(--amplify-colors-brand-primary-80); --amplify-components-sliderfield-range-border-radius: 9999px; --amplify-components-sliderfield-range-disabled-background-color: var(--amplify-colors-background-disabled); --amplify-components-sliderfield-thumb-width: 1.25rem; --amplify-components-sliderfield-thumb-height: 1.25rem; --amplify-components-sliderfield-thumb-background-color: var(--amplify-colors-background-primary); --amplify-components-sliderfield-thumb-box-shadow: var(--amplify-shadows-small); --amplify-components-sliderfield-thumb-border-radius: 50%; --amplify-components-sliderfield-thumb-border-width: var(--amplify-border-widths-medium); --amplify-components-sliderfield-thumb-border-color: var(--amplify-colors-border-primary); --amplify-components-sliderfield-thumb-border-style: solid; --amplify-components-sliderfield-thumb-disabled-background-color: var(--amplify-colors-background-disabled); --amplify-components-sliderfield-thumb-disabled-border-color: transparent; --amplify-components-sliderfield-thumb-disabled-box-shadow: none; --amplify-components-sliderfield-thumb-hover-background-color: var(--amplify-colors-background-primary); --amplify-components-sliderfield-thumb-hover-border-color: var(--amplify-colors-border-focus); --amplify-components-sliderfield-thumb-focus-border-color: var(--amplify-colors-border-focus); --amplify-components-sliderfield-thumb-focus-box-shadow: 0 0 0 2px var(--amplify-colors-border-focus); --amplify-components-sliderfield-small-track-height: 0.25rem; --amplify-components-sliderfield-small-thumb-width: 1rem; --amplify-components-sliderfield-small-thumb-height: 1rem; --amplify-components-sliderfield-large-track-height: 0.625rem; --amplify-components-sliderfield-large-thumb-width: 1.5rem; --amplify-components-sliderfield-large-thumb-height: 1.5rem; --amplify-components-stepperfield-border-color: var(--amplify-components-fieldcontrol-border-color); --amplify-components-stepperfield-flex-direction: column; --amplify-components-stepperfield-input-color: var(--amplify-components-fieldcontrol-color); --amplify-components-stepperfield-input-font-size: var(--amplify-components-fieldcontrol-font-size); --amplify-components-stepperfield-input-text-align: center; --amplify-components-stepperfield-button-color: var(--amplify-components-button-color); --amplify-components-stepperfield-button-background-color: var(--amplify-colors-transparent); --amplify-components-stepperfield-button-active-color: var(--amplify-components-button-active-color); --amplify-components-stepperfield-button-active-background-color: var(--amplify-components-button-active-background-color); --amplify-components-stepperfield-button-focus-color: var(--amplify-components-button-focus-color); --amplify-components-stepperfield-button-focus-background-color: var(--amplify-components-button-focus-background-color); --amplify-components-stepperfield-button-disabled-color: var(--amplify-components-button-disabled-color); --amplify-components-stepperfield-button-disabled-background-color: var(--amplify-components-fieldcontrol-disabled-background-color); --amplify-components-stepperfield-button-hover-color: var(--amplify-components-button-hover-color); --amplify-components-stepperfield-button-hover-background-color: var(--amplify-components-button-hover-background-color); --amplify-components-storagemanager-dropzone-background-color: var(--amplify-colors-background-primary); --amplify-components-storagemanager-dropzone-border-radius: var(--amplify-radii-small); --amplify-components-storagemanager-dropzone-border-color: var(--amplify-colors-border-primary); --amplify-components-storagemanager-dropzone-border-style: dashed; --amplify-components-storagemanager-dropzone-border-width: var(--amplify-border-widths-small); --amplify-components-storagemanager-dropzone-gap: var(--amplify-space-small); --amplify-components-storagemanager-dropzone-padding-block: var(--amplify-space-xl); --amplify-components-storagemanager-dropzone-padding-inline: var(--amplify-space-large); --amplify-components-storagemanager-dropzone-text-align: center; --amplify-components-storagemanager-dropzone-active-background-color: var(--amplify-colors-brand-primary-10); --amplify-components-storagemanager-dropzone-active-border-radius: var(--amplify-components-fileuploader-dropzone-border-radius); --amplify-components-storagemanager-dropzone-active-border-color: var(--amplify-colors-border-pressed); --amplify-components-storagemanager-dropzone-active-border-style: var(--amplify-components-fileuploader-dropzone-border-style); --amplify-components-storagemanager-dropzone-active-border-width: var(--amplify-border-widths-medium); --amplify-components-storagemanager-dropzone-icon-color: var(--amplify-colors-border-primary); --amplify-components-storagemanager-dropzone-icon-font-size: var(--amplify-font-sizes-xxl); --amplify-components-storagemanager-dropzone-text-color: var(--amplify-colors-font-tertiary); --amplify-components-storagemanager-dropzone-text-font-size: var(--amplify-font-sizes-medium); --amplify-components-storagemanager-dropzone-text-font-weight: var(--amplify-font-weights-bold); --amplify-components-storagemanager-file-background-color: var(--amplify-colors-background-primary); --amplify-components-storagemanager-file-border-radius: var(--amplify-radii-small); --amplify-components-storagemanager-file-border-color: var(--amplify-colors-border-primary); --amplify-components-storagemanager-file-border-style: solid; --amplify-components-storagemanager-file-border-width: var(--amplify-border-widths-small); --amplify-components-storagemanager-file-padding-block: var(--amplify-space-xs); --amplify-components-storagemanager-file-padding-inline: var(--amplify-space-small); --amplify-components-storagemanager-file-gap: var(--amplify-space-small); --amplify-components-storagemanager-file-align-items: baseline; --amplify-components-storagemanager-file-name-font-size: var(--amplify-font-sizes-medium); --amplify-components-storagemanager-file-name-font-weight: var(--amplify-font-weights-bold); --amplify-components-storagemanager-file-name-color: var(--amplify-colors-font-primary); --amplify-components-storagemanager-file-size-font-size: var(--amplify-font-sizes-small); --amplify-components-storagemanager-file-size-font-weight: var(--amplify-font-weights-normal); --amplify-components-storagemanager-file-size-color: var(--amplify-colors-font-tertiary); --amplify-components-storagemanager-file-image-width: var(--amplify-space-xxl); --amplify-components-storagemanager-file-image-height: var(--amplify-space-xxl); --amplify-components-storagemanager-file-image-background-color: var(--amplify-colors-background-secondary); --amplify-components-storagemanager-file-image-color: var(--amplify-colors-font-tertiary); --amplify-components-storagemanager-file-image-border-radius: var(--amplify-radii-small); --amplify-components-storagemanager-loader-stroke-linecap: round; --amplify-components-storagemanager-loader-stroke-empty: var(--amplify-colors-border-secondary); --amplify-components-storagemanager-loader-stroke-filled: var(--amplify-components-loader-stroke-filled); --amplify-components-storagemanager-loader-stroke-width: var(--amplify-border-widths-large); --amplify-components-storagemanager-previewer-background-color: var(--amplify-colors-background-primary); --amplify-components-storagemanager-previewer-border-color: var(--amplify-colors-border-primary); --amplify-components-storagemanager-previewer-border-style: solid; --amplify-components-storagemanager-previewer-border-width: var(--amplify-border-widths-small); --amplify-components-storagemanager-previewer-border-radius: var(--amplify-radii-small); --amplify-components-storagemanager-previewer-padding-block: var(--amplify-space-zero); --amplify-components-storagemanager-previewer-padding-inline: var(--amplify-space-zero); --amplify-components-storagemanager-previewer-max-height: 40rem; --amplify-components-storagemanager-previewer-max-width: auto; --amplify-components-storagemanager-previewer-text-font-size: var(--amplify-font-sizes-medium); --amplify-components-storagemanager-previewer-text-font-weight: var(--amplify-font-weights-bold); --amplify-components-storagemanager-previewer-text-color: var(--amplify-colors-font-primary); --amplify-components-storagemanager-previewer-body-padding-block: var(--amplify-space-medium); --amplify-components-storagemanager-previewer-body-padding-inline: var(--amplify-space-medium); --amplify-components-storagemanager-previewer-body-gap: var(--amplify-space-small); --amplify-components-storagemanager-previewer-footer-border-color: var(--amplify-colors-border-secondary); --amplify-components-storagemanager-previewer-footer-border-style: solid; --amplify-components-storagemanager-previewer-footer-border-width: var(--amplify-border-widths-small); --amplify-components-storagemanager-previewer-footer-padding-block: var(--amplify-space-medium); --amplify-components-storagemanager-previewer-footer-padding-inline: var(--amplify-space-medium); --amplify-components-storagemanager-previewer-footer-justify-content: space-between; --amplify-components-storagemanager-filelist-flex-direction: column; --amplify-components-storagemanager-filelist-gap: var(--amplify-space-small); --amplify-components-switchfield-disabled-opacity: var(--amplify-opacities-60); --amplify-components-switchfield-focused-shadow: 0px 0px 0px 2px var(--amplify-colors-border-focus); --amplify-components-switchfield-font-size: var(--amplify-font-sizes-medium); --amplify-components-switchfield-large-font-size: var(--amplify-font-sizes-large); --amplify-components-switchfield-small-font-size: var(--amplify-font-sizes-small); --amplify-components-switchfield-label-padding: var(--amplify-space-xs); --amplify-components-switchfield-thumb-background-color: var(--amplify-colors-background-primary); --amplify-components-switchfield-thumb-border-color: var(--amplify-colors-border-tertiary); --amplify-components-switchfield-thumb-border-radius: var(--amplify-radii-xxxl); --amplify-components-switchfield-thumb-checked-transform: var(--amplify-transforms-slide-x-medium); --amplify-components-switchfield-thumb-transition-duration: var(--amplify-time-medium); --amplify-components-switchfield-thumb-width: var(--amplify-space-relative-medium); --amplify-components-switchfield-track-background-color: var(--amplify-colors-background-quaternary); --amplify-components-switchfield-track-border-radius: var(--amplify-radii-xxxl); --amplify-components-switchfield-track-checked-background-color: var(--amplify-colors-brand-primary-80); --amplify-components-switchfield-track-height: var(--amplify-space-relative-medium); --amplify-components-switchfield-track-padding: var(--amplify-outline-widths-medium); --amplify-components-switchfield-track-transition-duration: var(--amplify-time-short); --amplify-components-switchfield-track-width: var(--amplify-space-relative-xl); --amplify-components-switchfield-track-error-background-color: var(--amplify-colors-background-error); --amplify-components-table-border-collapse: collapse; --amplify-components-table-display: table; --amplify-components-table-width: 100%; --amplify-components-table-head-display: table-header-group; --amplify-components-table-head-vertical-align: middle; --amplify-components-table-body-display: table-row-group; --amplify-components-table-body-vertical-align: middle; --amplify-components-table-foot-display: table-footer-group; --amplify-components-table-foot-vertical-align: middle; --amplify-components-table-row-display: table-row; --amplify-components-table-row-vertical-align: middle; --amplify-components-table-row-hover-background-color: var(--amplify-colors-background-tertiary); --amplify-components-table-row-striped-background-color: var(--amplify-colors-background-secondary); --amplify-components-table-header-border-color: var(--amplify-colors-border-tertiary); --amplify-components-table-header-border-style: solid; --amplify-components-table-header-border-width: var(--amplify-border-widths-small); --amplify-components-table-header-color: var(--amplify-colors-font-primary); --amplify-components-table-header-display: table-cell; --amplify-components-table-header-font-size: var(--amplify-font-sizes-medium); --amplify-components-table-header-font-weight: var(--amplify-font-weights-bold); --amplify-components-table-header-padding: var(--amplify-space-medium); --amplify-components-table-header-vertical-align: middle; --amplify-components-table-header-large-font-size: var(--amplify-font-sizes-large); --amplify-components-table-header-large-padding: var(--amplify-space-large); --amplify-components-table-header-small-font-size: var(--amplify-font-sizes-small); --amplify-components-table-header-small-padding: var(--amplify-space-xs); --amplify-components-table-data-border-color: var(--amplify-colors-border-tertiary); --amplify-components-table-data-border-style: solid; --amplify-components-table-data-border-width: var(--amplify-border-widths-small); --amplify-components-table-data-color: var(--amplify-colors-font-primary); --amplify-components-table-data-display: table-cell; --amplify-components-table-data-font-size: var(--amplify-font-sizes-medium); --amplify-components-table-data-font-weight: var(--amplify-font-weights-normal); --amplify-components-table-data-padding: var(--amplify-space-medium); --amplify-components-table-data-vertical-align: middle; --amplify-components-table-data-large-font-size: var(--amplify-font-sizes-large); --amplify-components-table-data-large-padding: var(--amplify-space-large); --amplify-components-table-data-small-font-size: var(--amplify-font-sizes-small); --amplify-components-table-data-small-padding: var(--amplify-space-xs); --amplify-components-table-caption-caption-side: bottom; --amplify-components-table-caption-color: var(--amplify-colors-font-primary); --amplify-components-table-caption-display: table-caption; --amplify-components-table-caption-font-size: var(--amplify-font-sizes-medium); --amplify-components-table-caption-text-align: center; --amplify-components-table-caption-word-break: break-all; --amplify-components-table-caption-large-font-size: var(--amplify-font-sizes-large); --amplify-components-table-caption-small-font-size: var(--amplify-font-sizes-small); --amplify-components-tabs-background-color: transparent; --amplify-components-tabs-border-color: var(--amplify-colors-border-secondary); --amplify-components-tabs-border-style: solid; --amplify-components-tabs-border-width: var(--amplify-border-widths-medium); --amplify-components-tabs-gap: 0; --amplify-components-tabs-item-background-color: transparent; --amplify-components-tabs-item-border-color: var(--amplify-colors-border-secondary); --amplify-components-tabs-item-border-style: solid; --amplify-components-tabs-item-border-width: var(--amplify-border-widths-medium); --amplify-components-tabs-item-color: var(--amplify-colors-font-secondary); --amplify-components-tabs-item-font-size: var(--amplify-font-sizes-medium); --amplify-components-tabs-item-font-weight: var(--amplify-font-weights-bold); --amplify-components-tabs-item-padding-vertical: var(--amplify-space-small); --amplify-components-tabs-item-padding-horizontal: var(--amplify-space-medium); --amplify-components-tabs-item-text-align: center; --amplify-components-tabs-item-transition-duration: var(--amplify-time-medium); --amplify-components-tabs-item-hover-color: var(--amplify-colors-font-hover); --amplify-components-tabs-item-focus-color: var(--amplify-colors-font-focus); --amplify-components-tabs-item-active-color: var(--amplify-colors-font-interactive); --amplify-components-tabs-item-active-border-color: var(--amplify-colors-font-interactive); --amplify-components-tabs-item-active-background-color: transparent; --amplify-components-tabs-item-disabled-color: var(--amplify-colors-font-disabled); --amplify-components-tabs-item-disabled-background-color: transparent; --amplify-components-tabs-item-disabled-border-color: var(--amplify-colors-border-tertiary); --amplify-components-text-color: var(--amplify-colors-font-primary); --amplify-components-text-primary-color: var(--amplify-colors-font-primary); --amplify-components-text-secondary-color: var(--amplify-colors-font-secondary); --amplify-components-text-tertiary-color: var(--amplify-colors-font-tertiary); --amplify-components-text-error-color: var(--amplify-colors-font-error); --amplify-components-text-warning-color: var(--amplify-colors-font-warning); --amplify-components-text-success-color: var(--amplify-colors-font-success); --amplify-components-text-info-color: var(--amplify-colors-font-info); --amplify-components-textareafield-color: var(--amplify-components-fieldcontrol-color); --amplify-components-textareafield-border-color: var(--amplify-components-fieldcontrol-border-color); --amplify-components-textareafield-focus-border-color: var(--amplify-components-fieldcontrol-focus-border-color); --amplify-components-textfield-color: var(--amplify-components-fieldcontrol-color); --amplify-components-textfield-border-color: var(--amplify-components-fieldcontrol-border-color); --amplify-components-textfield-font-size: var(--amplify-components-fieldcontrol-font-size); --amplify-components-textfield-focus-border-color: var(--amplify-components-fieldcontrol-focus-border-color); --amplify-components-togglebutton-border-color: var(--amplify-colors-border-primary); --amplify-components-togglebutton-color: var(--amplify-colors-font-primary); --amplify-components-togglebutton-hover-background-color: var(--amplify-colors-overlay-10); --amplify-components-togglebutton-focus-border-color: var(--amplify-colors-border-focus); --amplify-components-togglebutton-focus-color: var(--amplify-colors-font-primary); --amplify-components-togglebutton-active-background-color: var(--amplify-colors-transparent); --amplify-components-togglebutton-disabled-background-color: var(--amplify-colors-transparent); --amplify-components-togglebutton-disabled-border-color: var(--amplify-colors-border-disabled); --amplify-components-togglebutton-disabled-color: var(--amplify-colors-font-disabled); --amplify-components-togglebutton-pressed-border-color: var(--amplify-colors-border-pressed); --amplify-components-togglebutton-pressed-color: var(--amplify-colors-font-primary); --amplify-components-togglebutton-pressed-background-color: var(--amplify-colors-overlay-20); --amplify-components-togglebutton-pressed-hover-background-color: var(--amplify-colors-overlay-30); --amplify-components-togglebutton-primary-background-color: var(--amplify-colors-transparent); --amplify-components-togglebutton-primary-border-width: var(--amplify-border-widths-small); --amplify-components-togglebutton-primary-focus-border-color: var(--amplify-colors-border-focus); --amplify-components-togglebutton-primary-focus-background-color: var(--amplify-colors-transparent); --amplify-components-togglebutton-primary-focus-box-shadow: var(--amplify-components-fieldcontrol-focus-box-shadow); --amplify-components-togglebutton-primary-focus-color: var(--amplify-colors-font-primary); --amplify-components-togglebutton-primary-hover-background-color: var(--amplify-colors-overlay-10); --amplify-components-togglebutton-primary-hover-color: var(--amplify-colors-font-primary); --amplify-components-togglebutton-primary-disabled-border-color: var(--amplify-colors-border-disabled); --amplify-components-togglebutton-primary-disabled-background-color: var(--amplify-colors-background-disabled); --amplify-components-togglebutton-primary-disabled-color: var(--amplify-colors-font-disabled); --amplify-components-togglebutton-primary-pressed-background-color: var(--amplify-colors-brand-primary-80); --amplify-components-togglebutton-primary-pressed-border-color: var(--amplify-colors-brand-primary-80); --amplify-components-togglebutton-primary-pressed-color: var(--amplify-colors-background-primary); --amplify-components-togglebutton-primary-pressed-focus-background-color: var(--amplify-colors-border-focus); --amplify-components-togglebutton-primary-pressed-focus-border-color: var(--amplify-colors-border-focus); --amplify-components-togglebutton-primary-pressed-focus-color: var(--amplify-colors-background-primary); --amplify-components-togglebutton-primary-pressed-hover-border-color: var(--amplify-colors-brand-primary-60); --amplify-components-togglebutton-primary-pressed-hover-background-color: var(--amplify-colors-brand-primary-60); --amplify-components-togglebutton-primary-pressed-hover-box-shadow: var(--amplify-colors-brand-primary-60); --amplify-components-togglebutton-primary-pressed-hover-color: var(--amplify-colors-background-primary); --amplify-components-togglebutton-link-background-color: var(--amplify-colors-transparent); --amplify-components-togglebutton-link-color: var(--amplify-colors-overlay-50); --amplify-components-togglebutton-link-hover-background-color: var(--amplify-colors-transparent); --amplify-components-togglebutton-link-hover-color: var(--amplify-colors-overlay-50); --amplify-components-togglebutton-link-focus-background-color: var(--amplify-colors-transparent); --amplify-components-togglebutton-link-focus-color: var(--amplify-colors-overlay-50); --amplify-components-togglebutton-link-disabled-background-color: var(--amplify-colors-transparent); --amplify-components-togglebutton-link-disabled-color: var(--amplify-colors-font-disabled); --amplify-components-togglebutton-link-pressed-background-color: var(--amplify-colors-transparent); --amplify-components-togglebutton-link-pressed-color: var(--amplify-colors-overlay-90); --amplify-components-togglebutton-link-pressed-focus-background-color: var(--amplify-colors-transparent); --amplify-components-togglebutton-link-pressed-focus-color: var(--amplify-colors-overlay-90); --amplify-components-togglebutton-link-pressed-hover-color: var(--amplify-colors-overlay-90); --amplify-components-togglebutton-link-pressed-hover-background-color: var(--amplify-colors-transparent); --amplify-components-togglebuttongroup-align-items: center; --amplify-components-togglebuttongroup-align-content: center; --amplify-components-togglebuttongroup-justify-content: flex-start; --amplify-border-widths-small: 1px; --amplify-border-widths-medium: 2px; --amplify-border-widths-large: 3px; --amplify-colors-red-10: hsl(0, 75%, 95%); --amplify-colors-red-20: hsl(0, 75%, 85%); --amplify-colors-red-40: hsl(0, 75%, 75%); --amplify-colors-red-60: hsl(0, 50%, 50%); --amplify-colors-red-80: hsl(0, 95%, 30%); --amplify-colors-red-90: hsl(0, 100%, 20%); --amplify-colors-red-100: hsl(0, 100%, 15%); --amplify-colors-orange-10: hsl(30, 75%, 95%); --amplify-colors-orange-20: hsl(30, 75%, 85%); --amplify-colors-orange-40: hsl(30, 75%, 75%); --amplify-colors-orange-60: hsl(30, 50%, 50%); --amplify-colors-orange-80: hsl(30, 95%, 30%); --amplify-colors-orange-90: hsl(30, 100%, 20%); --amplify-colors-orange-100: hsl(30, 100%, 15%); --amplify-colors-yellow-10: hsl(60, 75%, 95%); --amplify-colors-yellow-20: hsl(60, 75%, 85%); --amplify-colors-yellow-40: hsl(60, 75%, 75%); --amplify-colors-yellow-60: hsl(60, 50%, 50%); --amplify-colors-yellow-80: hsl(60, 95%, 30%); --amplify-colors-yellow-90: hsl(60, 100%, 20%); --amplify-colors-yellow-100: hsl(60, 100%, 15%); --amplify-colors-green-10: hsl(130, 60%, 95%); --amplify-colors-green-20: hsl(130, 60%, 90%); --amplify-colors-green-40: hsl(130, 44%, 63%); --amplify-colors-green-60: hsl(130, 43%, 46%); --amplify-colors-green-80: hsl(130, 33%, 37%); --amplify-colors-green-90: hsl(130, 27%, 29%); --amplify-colors-green-100: hsl(130, 22%, 23%); --amplify-colors-teal-10: hsl(190, 75%, 95%); --amplify-colors-teal-20: hsl(190, 75%, 85%); --amplify-colors-teal-40: hsl(190, 70%, 70%); --amplify-colors-teal-60: hsl(190, 50%, 50%); --amplify-colors-teal-80: hsl(190, 95%, 30%); --amplify-colors-teal-90: hsl(190, 100%, 20%); --amplify-colors-teal-100: hsl(190, 100%, 15%); --amplify-colors-blue-10: hsl(220, 95%, 95%); --amplify-colors-blue-20: hsl(220, 85%, 85%); --amplify-colors-blue-40: hsl(220, 70%, 70%); --amplify-colors-blue-60: hsl(220, 50%, 50%); --amplify-colors-blue-80: hsl(220, 95%, 30%); --amplify-colors-blue-90: hsl(220, 100%, 20%); --amplify-colors-blue-100: hsl(220, 100%, 15%); --amplify-colors-purple-10: hsl(300, 95%, 95%); --amplify-colors-purple-20: hsl(300, 85%, 85%); --amplify-colors-purple-40: hsl(300, 70%, 70%); --amplify-colors-purple-60: hsl(300, 50%, 50%); --amplify-colors-purple-80: hsl(300, 95%, 30%); --amplify-colors-purple-90: hsl(300, 100%, 20%); --amplify-colors-purple-100: hsl(300, 100%, 15%); --amplify-colors-pink-10: hsl(340, 95%, 95%); --amplify-colors-pink-20: hsl(340, 90%, 85%); --amplify-colors-pink-40: hsl(340, 70%, 70%); --amplify-colors-pink-60: hsl(340, 50%, 50%); --amplify-colors-pink-80: hsl(340, 95%, 30%); --amplify-colors-pink-90: hsl(340, 100%, 20%); --amplify-colors-pink-100: hsl(340, 100%, 15%); --amplify-colors-neutral-10: hsl(210, 5%, 98%); --amplify-colors-neutral-20: hsl(210, 5%, 94%); --amplify-colors-neutral-40: hsl(210, 5%, 87%); --amplify-colors-neutral-60: hsl(210, 10%, 58%); --amplify-colors-neutral-80: hsl(210, 10%, 40%); --amplify-colors-neutral-90: hsl(210, 25%, 25%); --amplify-colors-neutral-100: hsl(210, 50%, 10%); --amplify-colors-brand-primary-10: var(--amplify-colors-teal-10); --amplify-colors-brand-primary-20: var(--amplify-colors-teal-20); --amplify-colors-brand-primary-40: var(--amplify-colors-teal-40); --amplify-colors-brand-primary-60: var(--amplify-colors-teal-60); --amplify-colors-brand-primary-80: var(--amplify-colors-teal-80); --amplify-colors-brand-primary-90: var(--amplify-colors-teal-90); --amplify-colors-brand-primary-100: var(--amplify-colors-teal-100); --amplify-colors-brand-secondary-10: var(--amplify-colors-purple-10); --amplify-colors-brand-secondary-20: var(--amplify-colors-purple-20); --amplify-colors-brand-secondary-40: var(--amplify-colors-purple-40); --amplify-colors-brand-secondary-60: var(--amplify-colors-purple-60); --amplify-colors-brand-secondary-80: var(--amplify-colors-purple-80); --amplify-colors-brand-secondary-90: var(--amplify-colors-purple-90); --amplify-colors-brand-secondary-100: var(--amplify-colors-purple-100); --amplify-colors-font-primary: var(--amplify-colors-neutral-100); --amplify-colors-font-secondary: var(--amplify-colors-neutral-90); --amplify-colors-font-tertiary: var(--amplify-colors-neutral-80); --amplify-colors-font-disabled: var(--amplify-colors-neutral-60); --amplify-colors-font-inverse: var(--amplify-colors-white); --amplify-colors-font-interactive: var(--amplify-colors-brand-primary-80); --amplify-colors-font-hover: var(--amplify-colors-brand-primary-90); --amplify-colors-font-focus: var(--amplify-colors-brand-primary-100); --amplify-colors-font-active: var(--amplify-colors-brand-primary-100); --amplify-colors-font-info: var(--amplify-colors-blue-90); --amplify-colors-font-warning: var(--amplify-colors-orange-90); --amplify-colors-font-error: var(--amplify-colors-red-90); --amplify-colors-font-success: var(--amplify-colors-green-90); --amplify-colors-background-primary: var(--amplify-colors-white); --amplify-colors-background-secondary: var(--amplify-colors-neutral-10); --amplify-colors-background-tertiary: var(--amplify-colors-neutral-20); --amplify-colors-background-quaternary: var(--amplify-colors-neutral-60); --amplify-colors-background-disabled: var(--amplify-colors-background-tertiary); --amplify-colors-background-info: var(--amplify-colors-blue-20); --amplify-colors-background-warning: var(--amplify-colors-orange-20); --amplify-colors-background-error: var(--amplify-colors-red-20); --amplify-colors-background-success: var(--amplify-colors-green-20); --amplify-colors-border-primary: var(--amplify-colors-neutral-60); --amplify-colors-border-secondary: var(--amplify-colors-neutral-40); --amplify-colors-border-tertiary: var(--amplify-colors-neutral-20); --amplify-colors-border-disabled: var(--amplify-colors-border-tertiary); --amplify-colors-border-pressed: var(--amplify-colors-brand-primary-100); --amplify-colors-border-focus: var(--amplify-colors-brand-primary-100); --amplify-colors-border-error: var(--amplify-colors-red-80); --amplify-colors-shadow-primary: hsla(210, 50%, 10%, 0.25); --amplify-colors-shadow-secondary: hsla(210, 50%, 10%, 0.15); --amplify-colors-shadow-tertiary: hsla(210, 50%, 10%, 0.05); --amplify-colors-overlay-10: hsla(0, 0%, 0%, 0.1); --amplify-colors-overlay-20: hsla(0, 0%, 0%, 0.2); --amplify-colors-overlay-30: hsla(0, 0%, 0%, 0.3); --amplify-colors-overlay-40: hsla(0, 0%, 0%, 0.4); --amplify-colors-overlay-50: hsla(0, 0%, 0%, 0.5); --amplify-colors-overlay-60: hsla(0, 0%, 0%, 0.6); --amplify-colors-overlay-70: hsla(0, 0%, 0%, 0.7); --amplify-colors-overlay-80: hsla(0, 0%, 0%, 0.8); --amplify-colors-overlay-90: hsla(0, 0%, 0%, 0.9); --amplify-colors-black: hsl(0, 0%, 0%); --amplify-colors-white: hsl(0, 0%, 100%); --amplify-colors-transparent: transparent; --amplify-fonts-default-variable: "InterVariable", "Inter var", "Inter", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", Oxygen, Ubuntu, Cantarell, "Open Sans", sans-serif; --amplify-fonts-default-static: "Inter", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", Oxygen, Ubuntu, Cantarell, "Open Sans", sans-serif; --amplify-font-sizes-xxxs: 0.375rem; --amplify-font-sizes-xxs: 0.5rem; --amplify-font-sizes-xs: 0.75rem; --amplify-font-sizes-small: 0.875rem; --amplify-font-sizes-medium: 1rem; --amplify-font-sizes-large: 1.25rem; --amplify-font-sizes-xl: 1.5rem; --amplify-font-sizes-xxl: 2rem; --amplify-font-sizes-xxxl: 2.5rem; --amplify-font-sizes-xxxxl: 3rem; --amplify-font-weights-hairline: 100; --amplify-font-weights-thin: 200; --amplify-font-weights-light: 300; --amplify-font-weights-normal: 400; --amplify-font-weights-medium: 500; --amplify-font-weights-semibold: 600; --amplify-font-weights-bold: 700; --amplify-font-weights-extrabold: 800; --amplify-font-weights-black: 900; --amplify-line-heights-small: 1.25; --amplify-line-heights-medium: 1.5; --amplify-line-heights-large: 2; --amplify-opacities-0: 0; --amplify-opacities-10: 0.1; --amplify-opacities-20: 0.2; --amplify-opacities-30: 0.3; --amplify-opacities-40: 0.4; --amplify-opacities-50: 0.5; --amplify-opacities-60: 0.6; --amplify-opacities-70: 0.7; --amplify-opacities-80: 0.8; --amplify-opacities-90: 0.9; --amplify-opacities-100: 1; --amplify-outline-offsets-small: 1px; --amplify-outline-offsets-medium: 2px; --amplify-outline-offsets-large: 3px; --amplify-outline-widths-small: 1px; --amplify-outline-widths-medium: 2px; --amplify-outline-widths-large: 3px; --amplify-radii-xs: 0.125rem; --amplify-radii-small: 0.25rem; --amplify-radii-medium: 0.5rem; --amplify-radii-large: 1rem; --amplify-radii-xl: 2rem; --amplify-radii-xxl: 4rem; --amplify-radii-xxxl: 8rem; --amplify-shadows-small: 0px 2px 4px var(--amplify-colors-shadow-tertiary); --amplify-shadows-medium: 0px 2px 6px var(--amplify-colors-shadow-secondary); --amplify-shadows-large: 0px 4px 12px var(--amplify-colors-shadow-primary); --amplify-space-zero: 0; --amplify-space-xxxs: 0.25rem; --amplify-space-xxs: 0.375rem; --amplify-space-xs: 0.5rem; --amplify-space-small: 0.75rem; --amplify-space-medium: 1rem; --amplify-space-large: 1.5rem; --amplify-space-xl: 2.0rem; --amplify-space-xxl: 3.0rem; --amplify-space-xxxl: 4.5rem; --amplify-space-relative-xxxs: 0.25em; --amplify-space-relative-xxs: 0.375em; --amplify-space-relative-xs: 0.5em; --amplify-space-relative-small: 0.75em; --amplify-space-relative-medium: 1em; --amplify-space-relative-large: 1.5em; --amplify-space-relative-xl: 2.0em; --amplify-space-relative-xxl: 3.0em; --amplify-space-relative-xxxl: 4.5em; --amplify-space-relative-full: 100%; --amplify-time-short: 100ms; --amplify-time-medium: 250ms; --amplify-time-long: 500ms; --amplify-transforms-slide-x-small: translateX(0.5em); --amplify-transforms-slide-x-medium: translateX(1em); --amplify-transforms-slide-x-large: translateX(2em); } html, [data-amplify-theme] { font-family: var(--amplify-fonts-default-static); } @supports (font-variation-settings: normal) { html, [data-amplify-theme] { font-family: var(--amplify-fonts-default-variable); } } html:focus-within { scroll-behavior: smooth; } body { min-height: 100vh; text-rendering: optimizeSpeed; line-height: var(--amplify-line-heights-medium); } * { box-sizing: border-box; } input, button, textarea, select { font: inherit; } @media (prefers-reduced-motion: reduce) { html:focus-within { scroll-behavior: auto; } } [class*=amplify] { all: unset; /* protect against external styles */ box-sizing: border-box; /* set box-sizing after unset above */ } .amplify-flex { align-content: var(--amplify-components-flex-align-content); align-items: var(--amplify-components-flex-align-items); display: flex; flex-wrap: var(--amplify-components-flex-flex-wrap); gap: var(--amplify-components-flex-gap); justify-content: var(--amplify-components-flex-justify-content); } .amplify-grid { display: grid; } .amplify-scrollview { display: block; overflow: auto; } .amplify-scrollview--horizontal { overflow-x: scroll; overflow-y: initial; } .amplify-scrollview--vertical { overflow-x: initial; overflow-y: scroll; } .amplify-text { display: block; color: var(--amplify-components-text-color); } b.amplify-text, em.amplify-text, i.amplify-text, span.amplify-text, strong.amplify-text { display: inline; } .amplify-text--truncated { display: inline-block; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .amplify-text--primary { color: var(--amplify-components-text-primary-color); } .amplify-text--secondary { color: var(--amplify-components-text-secondary-color); } .amplify-text--tertiary { color: var(--amplify-components-text-tertiary-color); } .amplify-text--error { color: var(--amplify-components-text-error-color); } .amplify-text--info { color: var(--amplify-components-text-info-color); } .amplify-text--success { color: var(--amplify-components-text-success-color); } .amplify-text--warning { color: var(--amplify-components-text-warning-color); } .amplify-badge { background-color: var(--amplify-components-badge-background-color); border-radius: var(--amplify-components-badge-border-radius); color: var(--amplify-components-badge-color); display: inline-flex; font-size: var(--amplify-components-badge-font-size); font-weight: var(--amplify-components-badge-font-weight); line-height: var(--amplify-components-badge-line-height); padding: var(--amplify-components-badge-padding-vertical) var(--amplify-components-badge-padding-horizontal); text-align: var(--amplify-components-badge-text-align); } .amplify-badge--info { color: var(--amplify-components-badge-info-color); background-color: var(--amplify-components-badge-info-background-color); } .amplify-badge--error { color: var(--amplify-components-badge-error-color); background-color: var(--amplify-components-badge-error-background-color); } .amplify-badge--warning { color: var(--amplify-components-badge-warning-color); background-color: var(--amplify-components-badge-warning-background-color); } .amplify-badge--success { color: var(--amplify-components-badge-success-color); background-color: var(--amplify-components-badge-success-background-color); } .amplify-badge--small { font-size: var(--amplify-components-badge-small-font-size); padding: var(--amplify-components-badge-small-padding-vertical) var(--amplify-components-badge-small-padding-horizontal); } .amplify-badge--large { font-size: var(--amplify-components-badge-large-font-size); padding: var(--amplify-components-badge-large-padding-vertical) var(--amplify-components-badge-large-padding-horizontal); } /* * Button base styles */ .amplify-button { align-items: center; border-color: var(--amplify-components-button-border-color); border-radius: var(--amplify-components-button-border-radius); border-style: var(--amplify-components-button-border-style); border-width: var(--amplify-components-button-border-width); box-sizing: border-box; color: var(--amplify-components-button-color); cursor: pointer; display: inline-flex; font-size: var(--amplify-components-button-font-size); font-weight: var(--amplify-components-button-font-weight); justify-content: center; line-height: var(--amplify-components-button-line-height); padding-block-start: var(--amplify-components-button-padding-block-start); padding-block-end: var(--amplify-components-button-padding-block-end); padding-inline-start: var(--amplify-components-button-padding-inline-start); padding-inline-end: var(--amplify-components-button-padding-inline-end); transition: all var(--amplify-components-button-transition-duration); -webkit-user-select: none; user-select: none; --amplify-internal-button-disabled-color: var( --amplify-components-button-disabled-color ); --amplify-internal-button-disabled-background-color: var( --amplify-components-button-disabled-background-color ); --amplify-internal-button-disabled-border-color: var( --amplify-components-button-disabled-border-color ); --amplify-internal-button-disabled-text-decoration: initial; --amplify-internal-button-loading-background-color: var( --amplify-components-button-loading-background-color ); --amplify-internal-button-loading-border-color: var( --amplify-components-button-loading-border-color ); --amplify-internal-button-loading-color: var( --amplify-components-button-loading-color ); --amplify-internal-button-loading-text-decoration: initial; } .amplify-button:hover { background-color: var(--amplify-components-button-hover-background-color); border-color: var(--amplify-components-button-hover-border-color); color: var(--amplify-components-button-hover-color); } .amplify-button:focus { background-color: var(--amplify-components-button-hover-background-color); border-color: var(--amplify-components-button-focus-border-color); color: var(--amplify-components-button-focus-color); box-shadow: var(--amplify-components-button-focus-box-shadow); } .amplify-button:active { background-color: var(--amplify-components-button-active-background-color); border-color: var(--amplify-components-button-active-border-color); color: var(--amplify-components-button-active-color); } .amplify-button--fullwidth { width: 100%; } .amplify-button--menu { border-width: var(--amplify-components-button-menu-border-width); background-color: var(--amplify-components-button-menu-background-color); justify-content: var(--amplify-components-button-menu-justify-content); --amplify-internal-button-disabled-color: var( --amplify-components-button-menu-disabled-color ); } .amplify-button--menu:hover { color: var(--amplify-components-button-menu-hover-color); background-color: var(--amplify-components-button-menu-hover-background-color); } .amplify-button--menu:focus { box-shadow: none; color: var(--amplify-components-button-menu-focus-color); background-color: var(--amplify-components-button-menu-focus-background-color); } .amplify-button--menu:active { color: var(--amplify-components-button-menu-active-color); background-color: var(--amplify-components-button-menu-active-background-color); } .amplify-button--primary { border-width: var(--amplify-components-button-primary-border-width); background-color: var(--amplify-components-button-primary-background-color); border-color: var(--amplify-components-button-primary-border-color); color: var(--amplify-components-button-primary-color); --amplify-internal-button-disabled-border-color: var( --amplify-components-button-primary-disabled-border-color ); --amplify-internal-button-disabled-background-color: var( --amplify-components-button-primary-disabled-background-color ); --amplify-internal-button-disabled-color: var( --amplify-components-button-primary-disabled-color ); --amplify-internal-button-loading-background-color: var( --amplify-components-button-primary-loading-background-color ); --amplify-internal-button-loading-border-color: var( --amplify-components-button-primary-loading-border-color ); --amplify-internal-button-loading-color: var( --amplify-components-button-primary-loading-color ); } .amplify-button--primary:hover { background-color: var(--amplify-components-button-primary-hover-background-color); border-color: var(--amplify-components-button-primary-hover-border-color); color: var(--amplify-components-button-primary-hover-color); } .amplify-button--primary:focus { background-color: var(--amplify-components-button-primary-focus-background-color); border-color: var(--amplify-components-button-primary-focus-border-color); color: var(--amplify-components-button-primary-focus-color); box-shadow: var(--amplify-components-button-primary-focus-box-shadow); } .amplify-button--primary:active { background-color: var(--amplify-components-button-primary-active-background-color); border-color: var(--amplify-components-button-primary-active-border-color); color: var(--amplify-components-button-primary-active-color); } .amplify-button--link { border-width: var(--amplify-components-button-link-border-width); background-color: var(--amplify-components-button-link-background-color); color: var(--amplify-components-button-link-color); --amplify-internal-button-disabled-text-decoration: none; --amplify-internal-button-disabled-border-color: var( --amplify-components-button-link-disabled-border-color ); --amplify-internal-button-disabled-background-color: var( --amplify-components-button-link-disabled-background-color ); --amplify-internal-button-disabled-color: var( --amplify-components-button-link-disabled-color ); --amplify-internal-button-loading-background-color: var( --amplify-components-button-link-loading-background-color ); --amplify-internal-button-loading-border-color: var( --amplify-components-button-link-loading-border-color ); --amplify-internal-button-loading-color: var( --amplify-components-button-link-loading-color ); --amplify-internal-button-loading-text-decoration: none; } .amplify-button--link:hover { background-color: var(--amplify-components-button-link-hover-background-color); border-color: var(--amplify-components-button-link-hover-border-color); color: var(--amplify-components-button-link-hover-color); } .amplify-button--link:focus { background-color: var(--amplify-components-button-link-focus-background-color); border-color: var(--amplify-components-button-link-focus-border-color); color: var(--amplify-components-button-link-focus-color); box-shadow: var(--amplify-components-button-link-focus-box-shadow); } .amplify-button--link:active { background-color: var(--amplify-components-button-link-active-background-color); border-color: var(--amplify-components-button-link-active-border-color); color: var(--amplify-components-button-link-active-color); } .amplify-button--destructive { border-width: var(--amplify-components-button-destructive-border-width); background-color: var(--amplify-components-button-destructive-background-color); border-color: var(--amplify-components-button-destructive-border-color); color: var(--amplify-components-button-destructive-color); --amplify-internal-button-disabled-border-color: var( --amplify-components-button-destructive-disabled-border-color ); --amplify-internal-button-disabled-background-color: var( --amplify-components-button-destructive-disabled-background-color ); --amplify-internal-button-disabled-color: var( --amplify-components-button-destructive-disabled-color ); --amplify-internal-button-loading-background-color: var( --amplify-components-button-destructive-loading-background-color ); --amplify-internal-button-loading-border-color: var( --amplify-components-button-destructive-loading-border-color ); --amplify-internal-button-loading-color: var( --amplify-components-button-destructive-loading-color ); } .amplify-button--destructive:hover { background-color: var(--amplify-components-button-destructive-hover-background-color); border-color: var(--amplify-components-button-destructive-hover-border-color); color: var(--amplify-components-button-destructive-hover-color); } .amplify-button--destructive:focus { background-color: var(--amplify-components-button-destructive-focus-background-color); border-color: var(--amplify-components-button-destructive-focus-border-color); color: var(--amplify-components-button-destructive-focus-color); box-shadow: var(--amplify-components-button-destructive-focus-box-shadow); } .amplify-button--destructive:active { background-color: var(--amplify-components-button-destructive-active-background-color); border-color: var(--amplify-components-button-destructive-active-border-color); color: var(--amplify-components-button-destructive-active-color); } .amplify-button--warning { background-color: var(--amplify-components-button-warning-background-color); border-color: var(--amplify-components-button-warning-border-color); border-width: var(--amplify-components-button-warning-border-width); color: var(--amplify-components-button-warning-color); --amplify-internal-button-disabled-text-decoration: none; --amplify-internal-button-disabled-border-color: var( --amplify-components-button-warning-disabled-border-color ); --amplify-internal-button-disabled-background-color: var( --amplify-components-button-warning-disabled-background-color ); --amplify-internal-button-disabled-color: var( --amplify-components-button-warning-disabled-color ); --amplify-internal-button-loading-background-color: var( --amplify-components-button-warning-loading-background-color ); --amplify-internal-button-loading-border-color: var( --amplify-components-button-warning-loading-border-color ); --amplify-internal-button-loading-color: var( --amplify-components-button-warning-loading-color ); --amplify-internal-button-loading-text-decoration: none; } .amplify-button--warning:hover { background-color: var(--amplify-components-button-warning-hover-background-color); border-color: var(--amplify-components-button-warning-hover-border-color); color: var(--amplify-components-button-warning-hover-color); } .amplify-button--warning:focus { background-color: var(--amplify-components-button-warning-focus-background-color); border-color: var(--amplify-components-button-warning-focus-border-color); color: var(--amplify-components-button-warning-focus-color); box-shadow: var(--amplify-components-button-warning-focus-box-shadow); } .amplify-button--warning:active { background-color: var(--amplify-components-button-warning-active-background-color); border-color: var(--amplify-components-button-warning-active-border-color); color: var(--amplify-components-button-warning-active-color); } .amplify-button--small { font-size: var(--amplify-components-button-small-font-size); padding-block-start: var(--amplify-components-button-small-padding-block-start); padding-block-end: var(--amplify-components-button-small-padding-block-end); padding-inline-start: var(--amplify-components-button-small-padding-inline-start); padding-inline-end: var(--amplify-components-button-small-padding-inline-end); } .amplify-button--large { font-size: var(--amplify-components-button-large-font-size); padding-block-start: var(--amplify-components-button-large-padding-block-start); padding-block-end: var(--amplify-components-button-large-padding-block-end); padding-inline-start: var(--amplify-components-button-large-padding-inline-start); padding-inline-end: var(--amplify-components-button-large-padding-inline-end); } .amplify-button--disabled { background-color: var(--amplify-internal-button-disabled-background-color); border-color: var(--amplify-internal-button-disabled-border-color); color: var(--amplify-internal-button-disabled-color); -webkit-text-decoration: var(--amplify-internal-button-disabled-text-decoration); text-decoration: var(--amplify-internal-button-disabled-text-decoration); cursor: not-allowed; } .amplify-button--disabled:hover { background-color: var(--amplify-internal-button-disabled-background-color); border-color: var(--amplify-internal-button-disabled-border-color); color: var(--amplify-internal-button-disabled-color); -webkit-text-decoration: var(--amplify-internal-button-disabled-text-decoration); text-decoration: var(--amplify-internal-button-disabled-text-decoration); } .amplify-button--disabled :focus { background-color: var(--amplify-internal-button-disabled-background-color); border-color: var(--amplify-internal-button-disabled-border-color); color: var(--amplify-internal-button-disabled-color); -webkit-text-decoration: var(--amplify-internal-button-disabled-text-decoration); text-decoration: var(--amplify-internal-button-disabled-text-decoration); } .amplify-button--disabled:active { background-color: var(--amplify-internal-button-disabled-background-color); border-color: var(--amplify-internal-button-disabled-border-color); color: var(--amplify-internal-button-disabled-color); -webkit-text-decoration: var(--amplify-internal-button-disabled-text-decoration); text-decoration: var(--amplify-internal-button-disabled-text-decoration); } .amplify-button--loading { background-color: var(--amplify-internal-button-loading-background-color); border-color: var(--amplify-internal-button-loading-border-color); color: var(--amplify-components-button-loading-color); -webkit-text-decoration: var(--amplify-internal-button-loading-text-decoration); text-decoration: var(--amplify-internal-button-loading-text-decoration); } .amplify-button--loading:hover { background-color: var(--amplify-internal-button-loading-background-color); border-color: var(--amplify-internal-button-loading-border-color); color: var(--amplify-components-button-loading-color); -webkit-text-decoration: var(--amplify-internal-button-loading-text-decoration); text-decoration: var(--amplify-internal-button-loading-text-decoration); } .amplify-button--loading:focus { background-color: var(--amplify-internal-button-loading-background-color); border-color: var(--amplify-internal-button-loading-border-color); color: var(--amplify-components-button-loading-color); -webkit-text-decoration: var(--amplify-internal-button-loading-text-decoration); text-decoration: var(--amplify-internal-button-loading-text-decoration); } .amplify-button--loading:active { background-color: var(--amplify-internal-button-loading-background-color); border-color: var(--amplify-internal-button-loading-border-color); color: var(--amplify-components-button-loading-color); -webkit-text-decoration: var(--amplify-internal-button-loading-text-decoration); text-decoration: var(--amplify-internal-button-loading-text-decoration); } .amplify-button__loader-wrapper { align-items: var(--amplify-components-button-loader-wrapper-align-items); gap: var(--amplify-components-button-loader-wrapper-gap); } @media (prefers-reduced-motion: reduce) { .amplify-button { transition: none; } } .amplify-field__description { color: var(--amplify-components-fieldmessages-description-color); font-style: var(--amplify-components-fieldmessages-description-font-style); font-size: var(--amplify-components-fieldmessages-description-font-size); } .amplify-field__error-message { color: var(--amplify-components-fieldmessages-error-color); font-size: var(--amplify-components-fieldmessages-error-font-size); } .amplify-heading { color: var(--amplify-components-heading-color); line-height: var(--amplify-components-heading-line-height); display: block; } .amplify-heading--truncated { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .amplify-heading--1 { font-size: var(--amplify-components-heading-1-font-size); font-weight: var(--amplify-components-heading-1-font-weight); } .amplify-heading--2 { font-size: var(--amplify-components-heading-2-font-size); font-weight: var(--amplify-components-heading-2-font-weight); } .amplify-heading--3 { font-size: var(--amplify-components-heading-3-font-size); font-weight: var(--amplify-components-heading-3-font-weight); } .amplify-heading--4 { font-size: var(--amplify-components-heading-4-font-size); font-weight: var(--amplify-components-heading-4-font-weight); } .amplify-heading--5 { font-size: var(--amplify-components-heading-5-font-size); font-weight: var(--amplify-components-heading-5-font-weight); } .amplify-heading--6 { font-size: var(--amplify-components-heading-6-font-size); font-weight: var(--amplify-components-heading-6-font-weight); } /* * Icon base styles */ .amplify-icon { display: inline-block; vertical-align: middle; fill: currentColor; height: var(--amplify-components-icon-height); line-height: var(--amplify-components-icon-line-height); } .amplify-icon > svg { height: var(--amplify-components-icon-height); width: var(--amplify-components-icon-height); } .amplify-highlightmatch__highlighted { font-weight: var(--amplify-components-highlightmatch-highlighted-font-weight); } .amplify-input { box-sizing: border-box; color: var(--amplify-components-fieldcontrol-color); font-size: var(--amplify-components-fieldcontrol-font-size); line-height: var(--amplify-components-fieldcontrol-line-height); padding-block-start: var(--amplify-components-fieldcontrol-padding-block-start); padding-block-end: var(--amplify-components-fieldcontrol-padding-block-end); padding-inline-start: var(--amplify-components-fieldcontrol-padding-inline-start); padding-inline-end: var(--amplify-components-fieldcontrol-padding-inline-end); transition: all var(--amplify-components-fieldcontrol-transition-duration); width: 100%; border-color: var(--amplify-components-fieldcontrol-border-color); border-radius: var(--amplify-components-fieldcontrol-border-radius); border-style: var(--amplify-components-fieldcontrol-border-style); border-width: var(--amplify-components-fieldcontrol-border-width); outline-color: var(--amplify-components-fieldcontrol-outline-color); outline-style: var(--amplify-components-fieldcontrol-outline-style); outline-width: var(--amplify-components-fieldcontrol-outline-width); outline-offset: var(--amplify-components-fieldcontrol-outline-offset); -webkit-user-select: text; user-select: text; display: inline-block; } .amplify-input:focus { border-color: var(--amplify-components-fieldcontrol-focus-border-color); box-shadow: var(--amplify-components-fieldcontrol-focus-box-shadow); } .amplify-input--small { font-size: var(--amplify-components-fieldcontrol-small-font-size); padding-block-start: var(--amplify-components-fieldcontrol-small-padding-block-start); padding-block-end: var(--amplify-components-fieldcontrol-small-padding-block-end); padding-inline-start: var(--amplify-components-fieldcontrol-small-padding-inline-start); padding-inline-end: var(--amplify-components-fieldcontrol-small-padding-inline-end); } .amplify-input--large { font-size: var(--amplify-components-fieldcontrol-large-font-size); padding-block-start: var(--amplify-components-fieldcontrol-large-padding-block-start); padding-block-end: var(--amplify-components-fieldcontrol-large-padding-block-end); padding-inline-start: var(--amplify-components-fieldcontrol-large-padding-inline-start); padding-inline-end: var(--amplify-components-fieldcontrol-large-padding-inline-end); } .amplify-input--error { border-color: var(--amplify-components-fieldcontrol-error-border-color); } .amplify-input--error:focus { border-color: var(--amplify-components-fieldcontrol-error-border-color); box-shadow: var(--amplify-components-fieldcontrol-error-focus-box-shadow); } .amplify-input[disabled] { color: var(--amplify-components-fieldcontrol-disabled-color); cursor: var(--amplify-components-fieldcontrol-disabled-cursor); border-color: var(--amplify-components-fieldcontrol-disabled-border-color); background-color: var(--amplify-components-fieldcontrol-disabled-background-color); } .amplify-input--quiet { border-block-start: var(--amplify-components-fieldcontrol-quiet-border-block-start); border-inline-start: var(--amplify-components-fieldcontrol-quiet-border-inline-start); border-inline-end: var(--amplify-components-fieldcontrol-quiet-border-inline-end); border-radius: var(--amplify-components-fieldcontrol-quiet-border-radius); } .amplify-input--quiet:focus { border-block-end-color: var(--amplify-components-fieldcontrol-quiet-focus-border-block-end-color); box-shadow: var(--amplify-components-fieldcontrol-quiet-focus-box-shadow); } .amplify-input--quiet[aria-invalid=true] { border-block-end-color: var(--amplify-components-fieldcontrol-quiet-error-border-block-end-color); } .amplify-input--quiet[aria-invalid=true]:focus { box-shadow: var(--amplify-components-fieldcontrol-quiet-error-focus-box-shadow); } .amplify-textarea { box-sizing: border-box; color: var(--amplify-components-fieldcontrol-color); font-size: var(--amplify-components-fieldcontrol-font-size); line-height: var(--amplify-components-fieldcontrol-line-height); padding-block-start: var(--amplify-components-fieldcontrol-padding-block-start); padding-block-end: var(--amplify-components-fieldcontrol-padding-block-end); padding-inline-start: var(--amplify-components-fieldcontrol-padding-inline-start); padding-inline-end: var(--amplify-components-fieldcontrol-padding-inline-end); transition: all var(--amplify-components-fieldcontrol-transition-duration); width: 100%; border-color: var(--amplify-components-fieldcontrol-border-color); border-radius: var(--amplify-components-fieldcontrol-border-radius); border-style: var(--amplify-components-fieldcontrol-border-style); border-width: var(--amplify-components-fieldcontrol-border-width); outline-color: var(--amplify-components-fieldcontrol-outline-color); outline-style: var(--amplify-components-fieldcontrol-outline-style); outline-width: var(--amplify-components-fieldcontrol-outline-width); outline-offset: var(--amplify-components-fieldcontrol-outline-offset); -webkit-user-select: text; user-select: text; white-space: pre-wrap; } .amplify-textarea:focus { border-color: var(--amplify-components-fieldcontrol-focus-border-color); box-shadow: var(--amplify-components-fieldcontrol-focus-box-shadow); } .amplify-textarea--small { font-size: var(--amplify-components-fieldcontrol-small-font-size); padding-block-start: var(--amplify-components-fieldcontrol-small-padding-block-start); padding-block-end: var(--amplify-components-fieldcontrol-small-padding-block-end); padding-inline-start: var(--amplify-components-fieldcontrol-small-padding-inline-start); padding-inline-end: var(--amplify-components-fieldcontrol-small-padding-inline-end); } .amplify-textarea--large { font-size: var(--amplify-components-fieldcontrol-large-font-size); padding-block-start: var(--amplify-components-fieldcontrol-large-padding-block-start); padding-block-end: var(--amplify-components-fieldcontrol-large-padding-block-end); padding-inline-start: var(--amplify-components-fieldcontrol-large-padding-inline-start); padding-inline-end: var(--amplify-components-fieldcontrol-large-padding-inline-end); } .amplify-textarea--error { border-color: var(--amplify-components-fieldcontrol-error-border-color); } .amplify-textarea--error:focus { border-color: var(--amplify-components-fieldcontrol-error-border-color); box-shadow: var(--amplify-components-fieldcontrol-error-focus-box-shadow); } .amplify-textarea[disabled] { color: var(--amplify-components-fieldcontrol-disabled-color); cursor: var(--amplify-components-fieldcontrol-disabled-cursor); border-color: var(--amplify-components-fieldcontrol-disabled-border-color); background-color: var(--amplify-components-fieldcontrol-disabled-background-color); } .amplify-textarea--quiet { border-block-start: var(--amplify-components-fieldcontrol-quiet-border-block-start); border-inline-start: var(--amplify-components-fieldcontrol-quiet-border-inline-start); border-inline-end: var(--amplify-components-fieldcontrol-quiet-border-inline-end); border-radius: var(--amplify-components-fieldcontrol-quiet-border-radius); } .amplify-textarea--quiet:focus { border-block-end-color: var(--amplify-components-fieldcontrol-quiet-focus-border-block-end-color); box-shadow: var(--amplify-components-fieldcontrol-quiet-focus-box-shadow); } .amplify-textarea--quiet[aria-invalid=true] { border-block-end-color: var(--amplify-components-fieldcontrol-quiet-error-border-block-end-color); } .amplify-textarea--quiet[aria-invalid=true]:focus { box-shadow: var(--amplify-components-fieldcontrol-quiet-error-focus-box-shadow); } .amplify-image { height: var(--amplify-components-image-height); max-width: var(--amplify-components-image-max-width); object-fit: var(--amplify-components-image-object-fit); object-position: var(--amplify-components-image-object-position); overflow: clip; } .amplify-link { color: var(--amplify-components-link-color); -webkit-text-decoration: var(--amplify-components-link-text-decoration); text-decoration: var(--amplify-components-link-text-decoration); cursor: pointer; } .amplify-link:visited { color: var(--amplify-components-link-visited-color); -webkit-text-decoration: var(--amplify-components-link-visited-text-decoration); text-decoration: var(--amplify-components-link-visited-text-decoration); } .amplify-link:active { color: var(--amplify-components-link-active-color); -webkit-text-decoration: var(--amplify-components-link-active-text-decoration); text-decoration: var(--amplify-components-link-active-text-decoration); } .amplify-link:focus { color: var(--amplify-components-link-focus-color); -webkit-text-decoration: var(--amplify-components-link-focus-text-decoration); text-decoration: var(--amplify-components-link-focus-text-decoration); } .amplify-link:hover { color: var(--amplify-components-link-hover-color); -webkit-text-decoration: var(--amplify-components-link-hover-text-decoration); text-decoration: var(--amplify-components-link-hover-text-decoration); } .amplify-loader { width: var(--amplify-components-loader-width); height: var(--amplify-components-loader-height); font-size: var(--amplify-components-loader-font-size); fill: none; stroke: var(--amplify-components-loader-stroke-empty); --amplify-internal-loader-linear-font-size: var( --amplify-components-loader-linear-font-size ); --amplify-internal-loader-linear-stroke-width: var( --amplify-components-loader-linear-stroke-width ); } .amplify-loader circle:last-of-type { transform-origin: center center; animation-name: amplify-loader-circular; animation-timing-function: linear; animation-iteration-count: infinite; animation-duration: var(--amplify-components-loader-animation-duration); stroke: var(--amplify-components-loader-stroke-filled); stroke-linecap: var(--amplify-components-loader-stroke-linecap); } @media (prefers-reduced-motion) { .amplify-loader circle:last-of-type { animation: none; stroke-dasharray: 100% 200%; stroke-dashoffset: 50%; } } .amplify-loader line:last-of-type { stroke: var(--amplify-components-loader-linear-stroke-filled); stroke-dasharray: 50% 200%; animation-name: amplify-loader-linear; animation-duration: var(--amplify-components-loader-linear-animation-duration); animation-timing-function: linear; animation-iteration-count: infinite; } @media (prefers-reduced-motion) { .amplify-loader line:last-of-type { animation: none; stroke-dashoffset: -50%; } } .amplify-loader--small { width: var(--amplify-components-loader-small-width); height: var(--amplify-components-loader-small-height); font-size: var(--amplify-components-loader-small-font-size); --amplify-internal-loader-linear-stroke-width: var( --amplify-components-loader-linear-small-stroke-width ); --amplify-internal-loader-linear-font-size: var( --amplify-components-loader-linear-small-font-size ); } .amplify-loader--large { width: var(--amplify-components-loader-large-width); height: var(--amplify-components-loader-large-height); font-size: var(--amplify-components-loader-large-font-size); --amplify-internal-loader-linear-stroke-width: var( --amplify-components-loader-linear-large-stroke-width ); --amplify-internal-loader-linear-font-size: var( --amplify-components-loader-linear-large-font-size ); } .amplify-loader--linear { width: var(--amplify-components-loader-linear-width); min-width: var(--amplify-components-loader-linear-min-width); stroke: var(--amplify-components-loader-linear-stroke-empty); stroke-linecap: var(--amplify-components-loader-linear-stroke-linecap); stroke-width: var(--amplify-internal-loader-linear-stroke-width); font-size: var(--amplify-internal-loader-linear-font-size); } .amplify-loader--determinate circle:last-of-type { animation: none; transform: rotate(-90deg); } .amplify-loader--determinate line:last-of-type { animation: none; stroke-dashoffset: 0%; stroke-dasharray: none; } .amplify-loader__percentage-text { fill: var(--amplify-components-loader-text-fill); stroke: none; } @keyframes amplify-loader-circular { 0% { stroke-dasharray: 100% 200%; transform: rotate(120deg); } 50% { stroke-dasharray: 20% 400%; } 100% { stroke-dasharray: 100% 200%; transform: rotate(480deg); } } @keyframes amplify-loader-linear { 0% { stroke-dashoffset: 200%; } 100% { stroke-dashoffset: -50%; } } .amplify-placeholder { animation-direction: alternate; animation-duration: var(--amplify-components-placeholder-transition-duration); animation-iteration-count: infinite; animation-name: amplify-placeholder-loading; border-radius: var(--amplify-components-placeholder-border-radius); height: var(--amplify-components-placeholder-default-height); width: 100%; display: block; } .amplify-placeholder--small { height: var(--amplify-components-placeholder-small-height); } .amplify-placeholder--large { height: var(--amplify-components-placeholder-large-height); } @keyframes amplify-placeholder-loading { 0% { background-color: var(--amplify-components-placeholder-start-color); } 100% { background-color: var(--amplify-components-placeholder-end-color); } } @media (prefers-reduced-motion: reduce) { .amplify-placeholder { animation: none; background-color: var(--amplify-components-placeholder-end-color); } } [data-amplify-copy] { display: flex; font-size: var(--amplify-components-copy-font-size); gap: var(--amplify-components-copy-gap); justify-content: center; align-items: center; word-break: break-all; } [data-amplify-copy-svg] { cursor: pointer; position: relative; } [data-amplify-copy-svg] path { fill: var(--amplify-components-copy-svg-path-fill); } [data-amplify-copy-svg]:hover [data-amplify-copy-tooltip] { visibility: visible; font-size: var(--amplify-components-copy-tool-tip-font-size); } [data-amplify-copy-tooltip] { visibility: hidden; position: absolute; bottom: var(--amplify-components-copy-tool-tip-bottom); color: var(--amplify-components-copy-tool-tip-color); } .amplify-alert { align-items: var(--amplify-components-alert-align-items); background-color: var(--amplify-components-alert-background-color); color: var(--amplify-components-alert-color); justify-content: var(--amplify-components-alert-justify-content); padding-block: var(--amplify-components-alert-padding-block); padding-inline: var(--amplify-components-alert-padding-inline); } .amplify-alert--info { color: var(--amplify-components-alert-info-color); background-color: var(--amplify-components-alert-info-background-color); } .amplify-alert--error { color: var(--amplify-components-alert-error-color); background-color: var(--amplify-components-alert-error-background-color); } .amplify-alert--warning { color: var(--amplify-components-alert-warning-color); background-color: var(--amplify-components-alert-warning-background-color); } .amplify-alert--success { color: var(--amplify-components-alert-success-color); background-color: var(--amplify-components-alert-success-background-color); } .amplify-alert__icon { font-size: var(--amplify-components-alert-icon-size); } .amplify-alert__heading { display: block; font-weight: var(--amplify-components-alert-heading-font-weight); font-size: var(--amplify-components-alert-heading-font-size); } .amplify-alert__body { color: inherit; display: block; } .amplify-alert__dismiss { color: inherit; } .amplify-autocomplete__menu__option, .amplify-autocomplete__menu--loading, .amplify-autocomplete__menu--empty { padding-block: var(--amplify-components-autocomplete-menu-space-shared-padding-block); padding-inline: var(--amplify-components-autocomplete-menu-space-shared-padding-inline); } .amplify-autocomplete { position: relative; display: block; } .amplify-autocomplete__menu { position: absolute; z-index: 999999; width: var(--amplify-components-autocomplete-menu-width); margin-block-start: var(--amplify-components-autocomplete-menu-margin-block-start); background-color: var(--amplify-components-autocomplete-menu-background-color); border-color: var(--amplify-components-autocomplete-menu-border-color); border-width: var(--amplify-components-autocomplete-menu-border-width); border-style: var(--amplify-components-autocomplete-menu-border-style); border-radius: var(--amplify-components-autocomplete-menu-border-radius); } .amplify-autocomplete__menu--empty { display: var(--amplify-components-autocomplete-menu-empty-display); } .amplify-autocomplete__menu--loading { display: var(--amplify-components-autocomplete-menu-loading-display); align-items: var(--amplify-components-autocomplete-menu-loading-align-items); gap: var(--amplify-components-autocomplete-menu-loading-gap); } .amplify-autocomplete__menu__options { position: relative; overscroll-behavior: contain; display: var(--amplify-components-autocomplete-menu-options-display); flex-direction: var(--amplify-components-autocomplete-menu-options-flex-direction); max-height: var(--amplify-components-autocomplete-menu-options-max-height); } .amplify-autocomplete__menu__option { background-color: var(--amplify-components-autocomplete-menu-option-background-color); color: var(--amplify-components-autocomplete-menu-option-color); cursor: var(--amplify-components-autocomplete-menu-option-cursor); transition-duration: var(--amplify-components-autocomplete-menu-option-transition-duration); transition-property: var(--amplify-components-autocomplete-menu-option-transition-property); transition-timing-function: var(--amplify-components-autocomplete-menu-option-transition-timing-function); } .amplify-autocomplete__menu__option--active { background-color: var(--amplify-components-autocomplete-menu-option-active-background-color); color: var(--amplify-components-autocomplete-menu-option-active-color); } /* Center by default */ [data-amplify-authenticator] { display: grid; } [data-amplify-authenticator][data-variation=modal] { overflow-y: auto; width: var(--amplify-components-authenticator-modal-width); height: var(--amplify-components-authenticator-modal-height); background-color: var(--amplify-components-authenticator-modal-background-color); position: fixed; top: var(--amplify-components-authenticator-modal-top); left: var(--amplify-components-authenticator-modal-left); /* Having a z-index at least "wins" by default */ z-index: 1; } [data-amplify-authenticator] [data-amplify-container] { place-self: center; } @media (min-width: 30rem) { [data-amplify-authenticator] [data-amplify-container] { width: var(--amplify-components-authenticator-container-width-max); } } [data-amplify-authenticator] [data-amplify-router] { background-color: var(--amplify-components-authenticator-router-background-color); box-shadow: var(--amplify-components-authenticator-router-box-shadow); border-color: var(--amplify-components-authenticator-router-border-color); border-width: var(--amplify-components-authenticator-router-border-width); border-style: var(--amplify-components-authenticator-router-border-style); } [data-amplify-authenticator] [data-amplify-footer] { padding-bottom: var(--amplify-components-authenticator-footer-padding-bottom); text-align: center; } [data-amplify-authenticator] [data-amplify-form] { padding: var(--amplify-components-authenticator-form-padding); } [data-amplify-authenticator] [data-state=inactive] { background-color: var(--amplify-components-authenticator-state-inactive-background-color); } @media (max-width: 26rem) { [data-amplify-authenticator] [data-amplify-sign-up-errors] { font-size: 0.688rem; } } .amplify-authenticator__column { display: flex; flex-direction: column; } .amplify-authenticator__subtitle { margin-bottom: var(--amplify-space-medium); } .amplify-authenticator__heading { font-size: var(--amplify-font-sizes-xl); } .amplify-authenticator__federated-text { align-self: center; } .amplify-card { background-color: var(--amplify-components-card-background-color); border-radius: var(--amplify-components-card-border-radius); border-width: var(--amplify-components-card-border-width); border-style: var(--amplify-components-card-border-style); border-color: var(--amplify-components-card-border-color); box-shadow: var(--amplify-components-card-box-shadow); display: block; padding: var(--amplify-components-card-padding); } .amplify-card--outlined { background-color: var(--amplify-components-card-outlined-background-color); border-radius: var(--amplify-components-card-outlined-border-radius); border-width: var(--amplify-components-card-outlined-border-width); border-style: var(--amplify-components-card-outlined-border-style); border-color: var(--amplify-components-card-outlined-border-color); box-shadow: var(--amplify-components-card-outlined-box-shadow); } .amplify-card--elevated { background-color: var(--amplify-components-card-elevated-background-color); border-radius: var(--amplify-components-card-elevated-border-radius); border-width: var(--amplify-components-card-elevated-border-width); border-style: var(--amplify-components-card-elevated-border-style); border-color: var(--amplify-components-card-elevated-border-color); box-shadow: var(--amplify-components-card-elevated-box-shadow); } .amplify-collection { flex-direction: column; } .amplify-collection-pagination { justify-content: center; --amplify-components-pagination-current-color: var( --amplify-components-collection-pagination-current-color ); --amplify-components-pagination-current-background-color: var( --amplify-components-collection-pagination-current-background-color ); --amplify-components-pagination-button-color: var( --amplify-components-collection-pagination-button-color ); --amplify-components-pagination-button-hover-color: var( --amplify-components-collection-pagination-button-hover-color ); --amplify-components-pagination-button-hover-background-color: var( --amplify-components-collection-pagination-button-hover-background-color ); --amplify-components-pagination-button-disabled-color: var( --amplify-components-collection-pagination-button-disabled-color ); } .amplify-collection-search { flex-direction: row; justify-content: center; --amplify-components-searchfield-input-color: var( --amplify-components-collection-search-input-color ); --amplify-components-searchfield-button-color: var( --amplify-components-collection-search-button-color ); --amplify-components-searchfield-button-active-background-color: var( --amplify-components-collection-search-button-active-background-color ); --amplify-components-searchfield-button-active-border-color: var( --amplify-components-collection-search-button-active-border-color ); --amplify-components-searchfield-button-active-color: var( --amplify-components-collection-search-button-active-color ); --amplify-components-searchfield-button-disabled-background-color: var( --amplify-components-collection-search-button-disabled-background-color ); --amplify-components-searchfield-button-disabled-border-color: var( --amplify-components-collection-search-button-disabled-border-color ); --amplify-components-searchfield-button-disabled-color: var( --amplify-components-collection-search-button-disabled-color ); --amplify-components-searchfield-button-focus-background-color: var( --amplify-components-collection-search-button-focus-background-color ); --amplify-components-searchfield-button-focus-border-color: var( --amplify-components-collection-search-button-focus-border-color ); --amplify-components-searchfield-button-focus-color: var( --amplify-components-collection-search-button-focus-color ); --amplify-components-searchfield-button-hover-background-color: var( --amplify-components-collection-search-button-hover-background-color ); --amplify-components-searchfield-button-hover-border-color: var( --amplify-components-collection-search-button-hover-border-color ); --amplify-components-searchfield-button-hover-color: var( --amplify-components-collection-search-button-hover-color ); } .amplify-checkbox { cursor: var(--amplify-components-checkbox-cursor); align-items: var(--amplify-components-checkbox-align-items); flex-direction: row-reverse; gap: inherit; position: relative; } .amplify-checkbox--disabled { cursor: var(--amplify-components-checkbox-disabled-cursor); } .amplify-checkbox__button { position: var(--amplify-components-checkbox-button-position); align-items: var(--amplify-components-checkbox-button-align-items); justify-content: var(--amplify-components-checkbox-button-justify-content); color: var(--amplify-components-checkbox-button-color); --amplify-internal-checkbox_button-focused-before-border-color: var( --amplify-components-checkbox-button-focus-border-color ); --amplify-internal-checkbox_button-focused-before-box-shadow: var( --amplify-components-checkbox-button-focus-box-shadow ); } .amplify-checkbox__button::before { content: ""; display: inline-block; position: absolute; box-sizing: border-box; width: var(--amplify-components-checkbox-button-before-width); height: var(--amplify-components-checkbox-button-before-height); border-width: var(--amplify-components-checkbox-button-before-border-width); border-radius: var(--amplify-components-checkbox-button-before-border-radius); border-style: var(--amplify-components-checkbox-button-before-border-style); border-color: var(--amplify-components-checkbox-button-before-border-color); } .amplify-checkbox__button--focused::before { outline-color: var(--amplify-components-checkbox-button-focus-outline-color); outline-style: var(--amplify-components-checkbox-button-focus-outline-style); outline-width: var(--amplify-components-checkbox-button-focus-outline-width); outline-offset: var(--amplify-components-checkbox-button-focus-outline-offset); border-color: var(--amplify-internal-checkbox_button-focused-before-border-color); box-shadow: var(--amplify-internal-checkbox_button-focused-before-box-shadow); } .amplify-checkbox__button--error { --amplify-internal-checkbox_button-focused-before-border-color: var( --amplify-components-checkbox-button-error-focus-border-color ); --amplify-internal-checkbox_button-focused-before-box-shadow: var( --amplify-components-checkbox-button-error-focus-box-shadow ); } .amplify-checkbox__button--error::before { border-color: var(--amplify-components-checkbox-button-error-border-color); } .amplify-checkbox__button--disabled::before { border-color: var(--amplify-components-checkbox-button-disabled-border-color); } .amplify-checkbox__icon { background-color: var(--amplify-components-checkbox-icon-background-color); opacity: var(--amplify-components-checkbox-icon-opacity); transform: var(--amplify-components-checkbox-icon-transform); border-radius: var(--amplify-components-checkbox-icon-border-radius); transition-property: var(--amplify-components-checkbox-icon-transition-property); transition-duration: var(--amplify-components-checkbox-icon-transition-duration); transition-timing-function: var(--amplify-components-checkbox-icon-transition-timing-function); --amplify-internal-checkbox-icon-disabled-background-color: var( --amplify-components-checkbox-icon-background-color ); } .amplify-checkbox__icon--checked { opacity: var(--amplify-components-checkbox-icon-checked-opacity); transform: var(--amplify-components-checkbox-icon-checked-transform); --amplify-internal-checkbox-icon-disabled-background-color: var( --amplify-components-checkbox-icon-checked-disabled-background-color ); } .amplify-checkbox__icon--indeterminate { opacity: var(--amplify-components-checkbox-icon-indeterminate-opacity); transform: var(--amplify-components-checkbox-icon-indeterminate-transform); --amplify-internal-checkbox-icon-disabled-background-color: var( --amplify-components-checkbox-icon-indeterminate-disabled-background-color ); } .amplify-checkbox__icon--disabled { background-color: var(--amplify-internal-checkbox-icon-disabled-background-color); } .amplify-checkbox__label[data-disabled=true] { color: var(--amplify-components-checkbox-label-disabled-color); } .amplify-checkboxfield { align-content: var(--amplify-components-checkboxfield-align-content); align-items: var(--amplify-components-checkboxfield-align-items); flex-direction: var(--amplify-components-checkboxfield-flex-direction); justify-content: var(--amplify-components-checkboxfield-justify-content); } .amplify-dialcodeselect { height: var(--amplify-components-countrycodeselect-height); } .amplify-divider { border-color: var(--amplify-components-divider-border-color); border-style: var(--amplify-components-divider-border-style); border-width: 0; opacity: var(--amplify-components-divider-opacity); padding: 0; display: block; --amplify-internal-divider-size: var( --amplify-components-divider-border-width ); position: relative; text-align: center; } .amplify-divider--small { --amplify-internal-divider-size: var( --amplify-components-divider-small-border-width ); } .amplify-divider--large { --amplify-internal-divider-size: var( --amplify-components-divider-large-border-width ); } .amplify-divider--horizontal { width: 100%; border-bottom-width: var(--amplify-internal-divider-size); } .amplify-divider--vertical { border-left-width: var(--amplify-internal-divider-size); } .amplify-divider--label { display: flex; justify-content: center; } .amplify-divider--label::after { content: attr(data-label); position: absolute; transform: translateY(-50%); font-size: var(--amplify-components-divider-label-font-size); padding-inline: var(--amplify-components-divider-label-padding-inline); background-color: var(--amplify-components-divider-label-background-color); color: var(--amplify-components-divider-label-color); } .amplify-divider--label[aria-orientation=vertical] { flex-direction: column; } .amplify-divider--label[aria-orientation=vertical]::after { top: auto; transform: translateX(-50%); padding-block: 0; padding-inline: 0; } .amplify-expander { display: block; background-color: var(--amplify-components-expander-background-color); border-radius: var(--amplify-components-expander-border-radius); box-shadow: var(--amplify-components-expander-box-shadow); width: var(--amplify-components-expander-width); } .amplify-expander__item { display: block; overflow: hidden; box-shadow: var(--amplify-components-expander-item-box-shadow); } .amplify-expander__item:first-of-type { border-start-start-radius: var(--amplify-components-expander-item-border-start-start-radius); border-start-end-radius: var(--amplify-components-expander-item-border-start-end-radius); } @supports not (border-start-start-radius: var(--amplify-components-expander-item-border-start-start-radius)) { .amplify-expander__item:first-of-type { border-top-left-radius: var(--amplify-components-expander-item-border-top-left-radius); border-top-right-radius: var(--amplify-components-expander-item-border-top-right-radius); } } .amplify-expander__item:last-of-type { box-shadow: none; border-end-start-radius: var(--amplify-components-expander-item-border-end-start-radius); border-end-end-radius: var(--amplify-components-expander-item-border-end-end-radius); } @supports not (border-end-start-radius: var(--amplify-components-expander-item-border-end-start-radius)) { .amplify-expander__item:last-of-type { border-bottom-left-radius: var(--amplify-components-expander-item-border-bottom-left-radius); border-bottom-right-radius: var(--amplify-components-expander-item-border-bottom-right-radius); } } .amplify-expander__item:focus-within { box-shadow: var(--amplify-components-expander-item-focus-box-shadow); } .amplify-expander__header { display: flex; box-shadow: var(--amplify-components-expander-header-box-shadow); } .amplify-expander__trigger { flex: 1; display: flex; min-height: var(--amplify-components-expander-trigger-min-height); padding-inline-start: var(--amplify-components-expander-trigger-padding-inline-start); padding-inline-end: var(--amplify-components-expander-trigger-padding-inline-end); align-items: var(--amplify-components-expander-trigger-align-items); justify-content: var(--amplify-components-expander-trigger-justify-content); } .amplify-expander__trigger:hover { background-color: var(--amplify-components-expander-trigger-hover-background-color); } .amplify-expander__content { display: block; padding-inline-start: var(--amplify-components-expander-content-padding-inline-start); padding-inline-end: var(--amplify-components-expander-content-padding-inline-end); } .amplify-expander__content[data-state=open] { animation-name: amplify-expander-slide-down; animation-duration: var(--amplify-components-expander-content-open-animation-duration); animation-timing-function: var(--amplify-components-expander-content-open-animation-timing-function); } .amplify-expander__content[data-state=closed] { animation-name: amplify-expander-slide-up; animation-duration: var(--amplify-components-expander-content-closed-animation-duration); animation-timing-function: var(--amplify-components-expander-content-closed-animation-timing-function); } .amplify-expander__content__text { display: block; color: var(--amplify-components-expander-content-text-color); padding-block-start: var(--amplify-components-expander-content-text-padding-block-start); padding-block-end: var(--amplify-components-expander-content-text-padding-block-end); } .amplify-expander__icon { transition-property: transform; transition-duration: var(--amplify-components-expander-icon-transition-duration); transition-timing-function: var(--amplify-components-expander-icon-transition-timing-function); } [data-state=open] .amplify-expander__icon { transform: rotate(180deg); } @keyframes amplify-expander-slide-down { from { height: 0; } to { height: auto; } } @keyframes amplify-expander-slide-up { from { height: auto; } to { height: 0; } } .amplify-field { font-size: var(--amplify-components-field-font-size); gap: var(--amplify-components-field-gap); flex-direction: var(--amplify-components-field-flex-direction); } .amplify-field--small { font-size: var(--amplify-components-field-small-font-size); gap: var(--amplify-components-field-small-gap); } .amplify-field--large { font-size: var(--amplify-components-field-large-font-size); gap: var(--amplify-components-field-large-gap); } .amplify-label { color: var(--amplify-components-field-label-color); } .amplify-field-group__outer-end .amplify-select__wrapper .amplify-select, .amplify-field-group__outer-end .amplify-field-group__control, .amplify-field-group__outer-start .amplify-select__wrapper:not(:first-child) .amplify-select:not(:first-child), .amplify-field-group__outer-start--quiet .amplify-field-group__control, .amplify-field-group__outer-start .amplify-field-group__control:not(:first-child), .amplify-field-group :not(:first-child) .amplify-input { border-start-start-radius: 0; border-end-start-radius: 0; } @supports not (border-start-start-radius: 0) { .amplify-field-group__outer-end .amplify-select__wrapper .amplify-select, .amplify-field-group__outer-end .amplify-field-group__control, .amplify-field-group__outer-start .amplify-select__wrapper:not(:first-child) .amplify-select:not(:first-child), .amplify-field-group__outer-start--quiet .amplify-field-group__control, .amplify-field-group__outer-start .amplify-field-group__control:not(:first-child), .amplify-field-group :not(:first-child) .amplify-input { border-top-left-radius: 0; border-bottom-left-radius: 0; } } .amplify-field-group__outer-end .amplify-select__wrapper:not(:last-child) .amplify-select, .amplify-field-group__outer-end--quiet .amplify-field-group__control, .amplify-field-group__outer-end .amplify-field-group__control:not(:last-child), .amplify-field-group__outer-start .amplify-select__wrapper .amplify-select, .amplify-field-group__outer-start .amplify-field-group__control, .amplify-field-group :not(:last-child) .amplify-input { border-end-end-radius: 0; border-start-end-radius: 0; } @supports not (border-end-end-radius: 0) { .amplify-field-group__outer-end .amplify-select__wrapper:not(:last-child) .amplify-select, .amplify-field-group__outer-end--quiet .amplify-field-group__control, .amplify-field-group__outer-end .amplify-field-group__control:not(:last-child), .amplify-field-group__outer-start .amplify-select__wrapper .amplify-select, .amplify-field-group__outer-start .amplify-field-group__control, .amplify-field-group :not(:last-child) .amplify-input { border-bottom-right-radius: 0; border-top-right-radius: 0; } } .amplify-field-group { gap: var(--amplify-components-fieldgroup-gap); align-self: stretch; } .amplify-field-group--horizontal { flex-direction: row; } .amplify-field-group--vertical { flex-direction: column; align-items: var(--amplify-components-fieldgroup-vertical-align-items); } .amplify-field-group__outer-start, .amplify-field-group__outer-end { display: flex; align-items: var(--amplify-components-fieldgroup-outer-align-items); } .amplify-field-group__outer-start .amplify-field-group__control, .amplify-field-group__outer-end .amplify-field-group__control { height: 100%; } /** * Outer field group components */ .amplify-field-group__outer-start .amplify-field-group__control:not(:focus) { border-inline-end-color: transparent; } .amplify-field-group__outer-start .amplify-field-group__control:focus { z-index: 1; } .amplify-field-group__outer-start--quiet .amplify-field-group__control:not(:focus) { border-block-start-color: transparent; border-inline-start-color: transparent; } .amplify-field-group__outer-end .amplify-field-group__control:not(:focus) { border-inline-start-color: transparent; } .amplify-field-group__outer-end .amplify-field-group__control:focus { z-index: 1; } .amplify-field-group__outer-end--quiet .amplify-field-group__control:not(:focus) { border-block-start-color: transparent; border-inline-end-color: transparent; } /** * Inner field group components */ .amplify-field-group__field-wrapper { position: relative; width: 100%; } .amplify-field-group__field-wrapper--vertical { width: -moz-fit-content; width: fit-content; } .amplify-field-group__inner-end, .amplify-field-group__inner-start { position: absolute; top: 0; height: 100%; pointer-events: none; } .amplify-field-group__inner-end .amplify-button, .amplify-field-group__inner-start .amplify-button { pointer-events: all; height: 100%; } .amplify-field-group__inner-end { right: 0; left: auto; } .amplify-field-group__inner-start { right: auto; left: 0; } html[dir=rtl] .amplify-field-group__inner-end { right: auto; left: 0; } html[dir=rtl] .amplify-field-group__inner-start { left: auto; right: 0; } .amplify-field-group--has-inner-end .amplify-input { padding-inline-end: calc(var(--amplify-components-fieldcontrol-padding-inline-end) * 3); } .amplify-field-group--has-inner-start .amplify-input { padding-inline-start: calc(var(--amplify-components-fieldcontrol-padding-inline-start) * 3); } /** * Inner icon (non-button) component styling requires additional styling */ .amplify-field-group__icon:not(.amplify-field-group__icon-button) { display: flex; padding-inline-start: var(--amplify-components-fieldcontrol-padding-inline-start); padding-inline-end: var(--amplify-components-fieldcontrol-padding-inline-start); flex-direction: column; justify-content: center; height: 100%; } .amplify-liveness-cancel-container { z-index: 2; position: absolute; top: var(--amplify-space-medium); right: var(--amplify-space-medium); } .amplify-liveness-cancel-button { background-color: var(--amplify-colors-background-primary); } .amplify-liveness-fade-out { animation-name: amplify-liveness-animation-fadeout; animation-duration: 1s; animation-fill-mode: forwards; } @keyframes amplify-liveness-animation-fadeout { from { opacity: 1; } to { opacity: 0; } } .amplify-liveness-camera-module { flex-direction: column; align-items: center; justify-content: center; background-color: var(--amplify-components-liveness-camera-module-background-color); border: 1px solid var(--amplify-colors-neutral-40); position: relative; } .amplify-liveness-camera-module--mobile { position: fixed; top: 0; left: 0; height: 100%; width: 100%; } .amplify-liveness-video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .amplify-liveness-freshness-canvas { height: 100%; width: 100%; position: fixed; top: 0; left: 0; pointer-events: none; z-index: 1; } .amplify-liveness-loader { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } .amplify-liveness-oval-canvas { flex-direction: column; position: absolute; top: 0; left: 0; width: 100%; height: 100%; align-items: center; justify-content: center; } .amplify-liveness-oval-canvas--mobile { position: fixed; } .amplify-liveness-video-anchor { position: relative; width: 100%; } .amplify-liveness-recording-icon-container { z-index: 1; position: absolute; top: var(--amplify-space-medium); left: var(--amplify-space-medium); } .amplify-liveness-recording-icon { flex-direction: column; align-items: center; background-color: var(--amplify-colors-background-primary); padding: var(--amplify-space-xxs); gap: var(--amplify-space-xxs); border-radius: var(--amplify-radii-small); } .amplify-liveness-instruction-overlay { z-index: 1; } .amplify-liveness-countdown-container { background-color: var(--amplify-colors-background-primary); border-radius: 100%; padding: var(--amplify-space-xs); } .amplify-liveness-instruction-list { flex-direction: column; } .amplify-liveness-instruction-list li { display: flex; } .amplify-liveness-toast { background-color: var(--amplify-colors-background-primary); } .amplify-liveness-toast__message { color: var(--amplify-colors-font-primary); } .amplify-liveness-toast--large { font-size: var(--amplify-font-sizes-xl); } .amplify-liveness-toast--primary { background-color: var(--amplify-colors-brand-primary-80); } .amplify-liveness-toast--primary .amplify-liveness-toast__message { color: var(--amplify-colors-font-inverse); } .amplify-liveness-toast--error { background-color: var(--amplify-colors-red-80); } .amplify-liveness-toast--error .amplify-liveness-toast__message { color: var(--amplify-colors-font-inverse); } .amplify-liveness-match-indicator { display: block; width: min(70%, 200px); position: relative; --amplify-liveness-match-indicator-transition: transform 0.2s linear; } .amplify-liveness-match-indicator__bar { --percentage: 0; display: block; width: 100%; height: var(--amplify-space-medium); border-radius: var(--amplify-radii-medium); background: var(--amplify-colors-white); position: relative; overflow: hidden; /* This translateZ transform fixes in issue in Safari where the bar::after element doesn't appear clipped from overflow: hidden here */ transform: translateZ(0); border: 1px solid var(--amplify-colors-border-tertiary); } .amplify-liveness-match-indicator__pin { --percentage: 0; display: block; width: 100%; position: absolute; top: 50%; left: 0; transform: translate(var(--percentage), 0); transition: var(--amplify-liveness-match-indicator-transition); } .amplify-liveness-match-indicator__bar:after { position: absolute; content: ""; width: 100%; height: 100%; background: var(--amplify-colors-brand-primary-40); left: -100%; transform: translate(var(--percentage), 0); transition: var(--amplify-liveness-match-indicator-transition); } .amplify-liveness-match-indicator__pin:after { --height: var(--amplify-space-xl); position: absolute; content: ""; width: var(--amplify-space-small); height: var(--height); border-radius: var(--amplify-radii-medium); background: var(--amplify-colors-brand-primary-80); left: 0; top: 0; transform: translate(-50%, calc(var(--height) / 2 * -1)); } .amplify-liveness-figures { flex-wrap: wrap; } .amplify-liveness-figure { flex-direction: column; gap: 0; } .amplify-liveness-figure__caption { padding: var(--amplify-space-xxs); } .amplify-liveness-figure__caption--success { background-color: var(--amplify-colors-background-success); color: var(--amplify-colors-font-success); } .amplify-liveness-figure__caption--error { background-color: var(--amplify-colors-background-error); color: var(--amplify-colors-font-error); } .amplify-liveness-figure__image { background-color: #fff; border: 1px solid var(--amplify-colors-border-primary); position: relative; display: flex; justify-content: center; } .amplify-liveness-figure__image svg { display: block; } .amplify-liveness-figure__image--success { border-color: var(--amplify-colors-green-90); } .amplify-liveness-figure__image--error { border-color: var(--amplify-colors-border-error); } .amplify-liveness-figure__icon { position: absolute; left: 0; top: 0; } .amplify-fileuploader__dropzone { background-color: var(--amplify-components-fileuploader-dropzone-background-color); border-color: var(--amplify-components-fileuploader-dropzone-border-color); border-radius: var(--amplify-components-fileuploader-dropzone-border-radius); border-style: var(--amplify-components-fileuploader-dropzone-border-style); border-width: var(--amplify-components-fileuploader-dropzone-border-width); text-align: var(--amplify-components-fileuploader-dropzone-text-align); padding-block: var(--amplify-components-fileuploader-dropzone-padding-block); padding-inline: var(--amplify-components-fileuploader-dropzone-padding-inline); display: flex; flex-direction: column; align-items: center; gap: var(--amplify-components-fileuploader-dropzone-gap); } .amplify-fileuploader__dropzone--small { flex-direction: row; justify-content: center; } .amplify-fileuploader__dropzone--active { border-color: var(--amplify-components-fileuploader-dropzone-active-border-color); border-width: var(--amplify-components-fileuploader-dropzone-active-border-width); background-color: var(--amplify-components-fileuploader-dropzone-active-background-color); } .amplify-fileuploader__dropzone__icon { font-size: var(--amplify-components-fileuploader-dropzone-icon-font-size); color: var(--amplify-components-fileuploader-dropzone-icon-color); } .amplify-fileuploader__dropzone__text { color: var(--amplify-components-fileuploader-dropzone-text-color); font-size: var(--amplify-components-fileuploader-dropzone-text-font-size); font-weight: var(--amplify-components-fileuploader-dropzone-text-font-weight); } .amplify-fileuploader__file { position: relative; border-width: var(--amplify-components-fileuploader-file-border-width); border-style: var(--amplify-components-fileuploader-file-border-style); border-color: var(--amplify-components-fileuploader-file-border-color); border-radius: var(--amplify-components-fileuploader-file-border-radius); display: flex; flex-direction: column; padding-inline: var(--amplify-components-fileuploader-file-padding-inline); padding-block: var(--amplify-components-fileuploader-file-padding-block); align-items: var(--amplify-components-fileuploader-file-align-items); } .amplify-fileuploader__file__wrapper { width: 100%; display: flex; flex-direction: row; align-items: center; gap: var(--amplify-components-fileuploader-file-gap); } .amplify-fileuploader__file__name { text-overflow: ellipsis; overflow: hidden; font-weight: var(--amplify-components-fileuploader-file-name-font-weight); font-size: var(--amplify-components-fileuploader-file-name-font-size); color: var(--amplify-components-fileuploader-file-name-color); } .amplify-fileuploader__file__size { font-weight: var(--amplify-components-fileuploader-file-size-font-weight); font-size: var(--amplify-components-fileuploader-file-size-font-size); color: var(--amplify-components-fileuploader-file-size-color); } .amplify-fileuploader__file__main { flex: 1; white-space: nowrap; overflow: hidden; } .amplify-fileuploader__file__image { position: relative; display: flex; align-items: center; justify-content: center; width: var(--amplify-components-fileuploader-file-image-width); height: var(--amplify-components-fileuploader-file-image-height); background-color: var(--amplify-components-fileuploader-file-image-background-color); border-radius: var(--amplify-components-fileuploader-file-image-border-radius); color: var(--amplify-components-fileuploader-file-image-color); } .amplify-fileuploader__file__image img { max-height: 100%; } .amplify-fileuploader__file__status--error { color: var(--amplify-colors-font-error); font-size: var(--amplify-components-fileuploader-file-size-font-size); } .amplify-fileuploader__file__status--success { color: var(--amplify-colors-font-success); } .amplify-fileuploader__loader { stroke-linecap: var(--amplify-components-fileuploader-loader-stroke-linecap); stroke: var(--amplify-components-fileuploader-loader-stroke-empty); stroke-width: var(--amplify-components-fileuploader-loader-stroke-width); height: var(--amplify-components-fileuploader-loader-stroke-width); --amplify-components-loader-linear-stroke-filled: var( --amplify-components-fileuploader-loader-stroke-filled ); overflow: hidden; position: absolute; bottom: 0; left: 0; width: 100%; } .amplify-fileuploader__previewer { display: block; max-width: var(--amplify-components-fileuploader-previewer-max-width); background-color: var(--amplify-components-fileuploader-previewer-background-color); border-width: var(--amplify-components-fileuploader-previewer-border-width); border-style: var(--amplify-components-fileuploader-previewer-border-style); border-color: var(--amplify-components-fileuploader-previewer-border-color); border-radius: var(--amplify-components-fileuploader-previewer-border-radius); padding-inline: var(--amplify-components-fileuploader-previewer-padding-inline); padding-block: var(--amplify-components-fileuploader-previewer-padding-block); } .amplify-fileuploader__previewer__text { font-weight: var(--amplify-components-fileuploader-previewer-text-font-weight); font-size: var(--amplify-components-fileuploader-previewer-text-font-size); color: var(--amplify-components-fileuploader-previewer-text-color); } .amplify-fileuploader__previewer__body { display: flex; flex-direction: column; max-height: var(--amplify-components-fileuploader-previewer-max-height); max-width: var(--amplify-components-fileuploader-previewer-max-width); overflow: auto; gap: var(--amplify-components-fileuploader-previewer-body-gap); padding-inline: var(--amplify-components-fileuploader-previewer-body-padding-inline); padding-block: var(--amplify-components-fileuploader-previewer-body-padding-block); } .amplify-fileuploader__previewer__footer { max-width: var(--amplify-components-fileuploader-previewer-max-width); border-top-width: var(--amplify-components-fileuploader-previewer-footer-border-width); border-top-style: var(--amplify-components-fileuploader-previewer-footer-border-style); border-top-color: var(--amplify-components-fileuploader-previewer-footer-border-color); padding-inline: var(--amplify-components-fileuploader-previewer-footer-padding-inline); padding-block: var(--amplify-components-fileuploader-previewer-footer-padding-block); position: relative; display: flex; flex-direction: row; justify-content: var(--amplify-components-fileuploader-previewer-footer-justify-content); } .amplify-fileuploader__previewer__footer__actions { display: flex; flex-direction: row; gap: var(--amplify-space-small); } .amplify-menu-content-wrapper { z-index: 999999; } .amplify-menu-trigger { display: flex; justify-content: center; align-items: center; } .amplify-menu-content { background-color: var(--amplify-components-menu-background-color); border-radius: var(--amplify-components-menu-border-radius); box-shadow: var(--amplify-components-menu-box-shadow); flex-direction: var(--amplify-components-menu-flex-direction); gap: var(--amplify-components-menu-gap); min-width: var(--amplify-components-menu-min-width); max-width: var(--amplify-components-menu-max-width); border-color: var(--amplify-components-menu-border-color); border-width: var(--amplify-components-menu-border-width); border-style: var(--amplify-components-menu-border-style); } .amplify-menu-content__item { min-height: var(--amplify-components-menu-item-min-height); padding-inline-start: var(--amplify-components-menu-item-padding-inline-start); padding-inline-end: var(--amplify-components-menu-item-padding-inline-end); } .amplify-menu-content__item:not(:first-child):not(:last-child) { border-radius: 0; } .amplify-menu-content__item:first-child { border-end-end-radius: 0; border-end-start-radius: 0; } @supports not (border-end-end-radius: 0) { .amplify-menu-content__item:first-child { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } } .amplify-menu-content__item:last-child { border-start-end-radius: 0; border-start-start-radius: 0; } @supports not (border-end-end-radius: 0) { .amplify-menu-content__item:last-child { border-top-right-radius: 0; border-top-left-radius: 0; } } .amplify-pagination__item-current, .amplify-pagination__item-button { height: var(--amplify-components-pagination-item-shared-height); min-width: var(--amplify-components-pagination-item-shared-min-width); border-radius: var(--amplify-components-pagination-item-shared-border-radius); } .amplify-pagination { list-style-type: none; } .amplify-pagination li { margin-left: var(--amplify-components-pagination-item-container-margin-left); margin-right: var(--amplify-components-pagination-item-container-margin-right); } .amplify-pagination__item-button { display: flex; align-items: center; justify-content: center; font-weight: initial; color: var(--amplify-components-pagination-button-color); padding-inline-start: var(--amplify-components-pagination-button-padding-inline-start); padding-inline-end: var(--amplify-components-pagination-button-padding-inline-end); transition-property: var(--amplify-components-pagination-button-transition-property); transition-duration: var(--amplify-components-pagination-button-transition-duration); } .amplify-pagination__item-button:hover { text-decoration: none; color: var(--amplify-components-pagination-button-hover-color); background-color: var(--amplify-components-pagination-button-hover-background-color); } .amplify-pagination__item-button--disabled { color: var(--amplify-components-pagination-button-disabled-color); pointer-events: none; } .amplify-pagination__item-current { align-items: var(--amplify-components-pagination-current-align-items); justify-content: var(--amplify-components-pagination-current-justify-content); color: var(--amplify-components-pagination-current-color); font-size: var(--amplify-components-pagination-current-font-size); background-color: var(--amplify-components-pagination-current-background-color); } .amplify-pagination__item-ellipsis { align-items: var(--amplify-components-pagination-ellipsis-align-items); justify-content: var(--amplify-components-pagination-ellipsis-justify-content); padding-inline-start: var(--amplify-components-pagination-ellipsis-padding-inline-start); padding-inline-end: var(--amplify-components-pagination-ellipsis-padding-inline-end); } .amplify-passwordfield { --amplify-components-fieldcontrol-color: var( --amplify-components-passwordfield-color ); --amplify-components-button-color: var( --amplify-components-passwordfield-button-color ); --amplify-components-button-active-background-color: var( --amplify-components-passwordfield-button-active-background-color ); --amplify-components-button-active-border-color: var( --amplify-components-passwordfield-button-active-border-color ); --amplify-components-button-active-color: var( --amplify-components-passwordfield-button-active-color ); --amplify-components-button-disabled-background-color: var( --amplify-components-passwordfield-button-disabled-background-color ); --amplify-components-button-disabled-border-color: var( --amplify-components-passwordfield-button-disabled-border-color ); --amplify-components-button-disabled-color: var( --amplify-components-passwordfield-button-disabled-color ); --amplify-components-button-focus-background-color: var( --amplify-components-passwordfield-button-focus-background-color ); --amplify-components-button-focus-border-color: var( --amplify-components-passwordfield-button-focus-border-color ); --amplify-components-button-focus-color: var( --amplify-components-passwordfield-button-focus-color ); --amplify-components-button-hover-background-color: var( --amplify-components-passwordfield-button-hover-background-color ); --amplify-components-button-hover-border-color: var( --amplify-components-passwordfield-button-hover-border-color ); --amplify-components-button-hover-color: var( --amplify-components-passwordfield-button-hover-color ); } .amplify-phonenumberfield select:not(:focus) { border-right: none; } .amplify-phonenumberfield { --amplify-components-selectfield-color: var( --amplify-components-phonenumberfield-color ); --amplify-components-selectfield-border-color: var( --amplify-components-phonenumberfield-border-color ); --amplify-components-selectfield-font-size: var( --amplify-components-phonenumberfield-font-size ); --amplify-components-selectfield-focus-border-color: var( --amplify-components-phonenumberfield-focus-border-color ); --amplify-components-textfield-color: var( --amplify-components-phonenumberfield-color ); --amplify-components-textfield-border-color: var( --amplify-components-phonenumberfield-border-color ); --amplify-components-textfield-font-size: var( --amplify-components-phonenumberfield-font-size ); --amplify-components-textfield-focus-border-color: var( --amplify-components-phonenumberfield-focus-border-color ); } .amplify-rating { display: inline-flex; position: relative; text-align: left; font-size: var(--amplify-components-rating-default-size); line-height: var(--amplify-components-rating-default-size); } .amplify-rating .amplify-icon { font-size: unset; line-height: unset; height: 1em; } .amplify-rating--small { font-size: var(--amplify-components-rating-small-size); line-height: var(--amplify-components-rating-small-size); } .amplify-rating--large { font-size: var(--amplify-components-rating-large-size); line-height: var(--amplify-components-rating-large-size); } .amplify-rating-filled { fill: currentColor; display: inline-block; flex-shrink: 0; width: 1em; height: 1em; } .amplify-rating-icon-container { position: relative; height: 1em; width: 1em; } .amplify-rating-label { position: absolute; overflow: hidden; height: 1em; width: 1em; } .amplify-rating-icon { width: 1em; height: 1em; } .amplify-rating-icon-filled { color: var(--amplify-components-rating-filled-color); } .amplify-rating-icon-empty { color: var(--amplify-components-rating-empty-color); } .amplify-radio { align-items: var(--amplify-components-radio-align-items); justify-content: var(--amplify-components-radio-justify-content); gap: inherit; flex-direction: row-reverse; position: relative; --amplify-components-text-color: var(--amplify-components-radio-label-color); } .amplify-radio--disabled { cursor: var(--amplify-components-radio-disabled-cursor); } .amplify-radio__button { flex-shrink: 0; align-items: var(--amplify-components-radio-button-align-items); justify-content: var(--amplify-components-radio-button-justify-content); padding: var(--amplify-components-radio-button-padding); box-sizing: var(--amplify-components-radio-button-box-sizing); border-width: var(--amplify-components-radio-button-border-width); border-style: var(--amplify-components-radio-button-border-style); border-radius: var(--amplify-components-radio-button-border-radius); border-color: var(--amplify-components-radio-button-border-color); color: var(--amplify-components-radio-button-color); background-color: var(--amplify-components-radio-button-background-color); transition-property: var(--amplify-components-radio-button-transition-property); transition-duration: var(--amplify-components-radio-button-transition-duration); width: var(--amplify-components-radio-button-width); height: var(--amplify-components-radio-button-height); outline-color: var(--amplify-components-radio-button-outline-color); outline-style: var(--amplify-components-radio-button-outline-style); outline-width: var(--amplify-components-radio-button-outline-width); outline-offset: var(--amplify-components-radio-button-outline-offset); } .amplify-radio__button::before { content: ""; display: inline-block; width: 100%; height: 100%; border-radius: var(--amplify-components-radio-button-before-border-radius); background-color: currentColor; border-radius: 50%; } .amplify-radio__button--small { width: var(--amplify-components-radio-button-small-width); height: var(--amplify-components-radio-button-small-height); } .amplify-radio__button--large { width: var(--amplify-components-radio-button-large-width); height: var(--amplify-components-radio-button-large-height); } .amplify-radio__input:checked + .amplify-radio__button { color: var(--amplify-components-radio-button-checked-color); } .amplify-radio__input:checked:disabled + .amplify-radio__button { color: var(--amplify-components-radio-button-checked-disabled-color); } .amplify-radio__input:focus + .amplify-radio__button { border-color: var(--amplify-components-radio-button-focus-border-color); box-shadow: var(--amplify-components-radio-button-focus-box-shadow); } .amplify-radio__input[aria-invalid=true] + .amplify-radio__button { border-color: var(--amplify-components-radio-button-error-border-color); } .amplify-radio__input[aria-invalid=true]:focus + .amplify-radio__button { box-shadow: var(--amplify-components-radio-button-error-focus-box-shadow); } .amplify-radio__input:disabled + .amplify-radio__button { border-color: var(--amplify-components-radio-button-disabled-border-color); background-color: var(--amplify-components-radio-button-disabled-background-color); } .amplify-radio__label[data-disabled=true] { color: var(--amplify-components-radio-label-disabled-color); } .amplify-radiogroup { gap: inherit; flex-direction: inherit; align-items: inherit; } .amplify-radiogroupfield { flex-direction: column; align-items: flex-start; --amplify-components-field-label-color: var( --amplify-components-radiogroup-label-color ); --amplify-components-radio-button-border-width: var( --amplify-components-radiogroup-radio-border-width ); --amplify-components-radio-button-border-color: var( --amplify-components-radiogroup-radio-border-color ); --amplify-components-radio-button-background-color: var( --amplify-components-radiogroup-radio-background-color ); --amplify-components-radio-label-color: var( --amplify-components-radiogroup-radio-label-color ); --amplify-components-radio-button-checked-color: var( --amplify-components-radiogroup-radio-checked-color ); } .amplify-searchfield { --amplify-components-fieldcontrol-color: var( --amplify-components-searchfield-input-color ); } .amplify-searchfield__search { color: var(--amplify-components-searchfield-button-color); background-color: var(--amplify-components-searchfield-button-background-color); } .amplify-searchfield__search:active { background-color: var(--amplify-components-button-active-background-color); border-color: var(--amplify-components-button-active-border-color); color: var(--amplify-components-button-active-color); } .amplify-searchfield__search:disabled { background-color: var(--amplify-components-searchfield-button-disabled-background-color); border-color: var(--amplify-components-searchfield-button-disabled-border-color); color: var(--amplify-components-searchfield-button-disabled-color); } .amplify-searchfield__search:focus { background-color: var(--amplify-components-searchfield-button-focus-background-color); border-color: var(--amplify-components-searchfield-button-focus-border-color); color: var(--amplify-components-searchfield-button-focus-color); } .amplify-searchfield__search:hover { background-color: var(--amplify-components-searchfield-button-hover-background-color); border-color: var(--amplify-components-searchfield-button-hover-border-color); color: var(--amplify-components-searchfield-button-hover-color); } .amplify-select__wrapper { flex: var(--amplify-components-select-wrapper-flex); display: var(--amplify-components-select-wrapper-display); position: var(--amplify-components-select-wrapper-position); cursor: var(--amplify-components-select-wrapper-cursor); align-self: stretch; } .amplify-select__icon-wrapper { color: var(--amplify-components-fieldcontrol-color); align-items: var(--amplify-components-select-icon-wrapper-align-items); position: var(--amplify-components-select-icon-wrapper-position); top: var(--amplify-components-select-icon-wrapper-top); right: var(--amplify-components-select-icon-wrapper-right); transform: var(--amplify-components-select-icon-wrapper-transform); pointer-events: var(--amplify-components-select-icon-wrapper-pointer-events); } .amplify-select { box-sizing: border-box; color: var(--amplify-components-fieldcontrol-color); font-size: var(--amplify-components-fieldcontrol-font-size); line-height: var(--amplify-components-fieldcontrol-line-height); padding-block-start: var(--amplify-components-fieldcontrol-padding-block-start); padding-block-end: var(--amplify-components-fieldcontrol-padding-block-end); padding-inline-start: var(--amplify-components-fieldcontrol-padding-inline-start); padding-inline-end: var(--amplify-components-fieldcontrol-padding-inline-end); transition: all var(--amplify-components-fieldcontrol-transition-duration); width: 100%; border-color: var(--amplify-components-fieldcontrol-border-color); border-radius: var(--amplify-components-fieldcontrol-border-radius); border-style: var(--amplify-components-fieldcontrol-border-style); border-width: var(--amplify-components-fieldcontrol-border-width); outline-color: var(--amplify-components-fieldcontrol-outline-color); outline-style: var(--amplify-components-fieldcontrol-outline-style); outline-width: var(--amplify-components-fieldcontrol-outline-width); outline-offset: var(--amplify-components-fieldcontrol-outline-offset); min-width: var(--amplify-components-select-min-width); padding-inline-end: var(--amplify-components-select-padding-inline-end); white-space: var(--amplify-components-select-white-space); } .amplify-select:focus { border-color: var(--amplify-components-fieldcontrol-focus-border-color); box-shadow: var(--amplify-components-fieldcontrol-focus-box-shadow); } .amplify-select--small { font-size: var(--amplify-components-fieldcontrol-small-font-size); padding-block-start: var(--amplify-components-fieldcontrol-small-padding-block-start); padding-block-end: var(--amplify-components-fieldcontrol-small-padding-block-end); padding-inline-start: var(--amplify-components-fieldcontrol-small-padding-inline-start); padding-inline-end: var(--amplify-components-fieldcontrol-small-padding-inline-end); } .amplify-select--large { font-size: var(--amplify-components-fieldcontrol-large-font-size); padding-block-start: var(--amplify-components-fieldcontrol-large-padding-block-start); padding-block-end: var(--amplify-components-fieldcontrol-large-padding-block-end); padding-inline-start: var(--amplify-components-fieldcontrol-large-padding-inline-start); padding-inline-end: var(--amplify-components-fieldcontrol-large-padding-inline-end); } .amplify-select--error { border-color: var(--amplify-components-fieldcontrol-error-border-color); } .amplify-select--error:focus { border-color: var(--amplify-components-fieldcontrol-error-border-color); box-shadow: var(--amplify-components-fieldcontrol-error-focus-box-shadow); } .amplify-select[disabled] { color: var(--amplify-components-fieldcontrol-disabled-color); cursor: var(--amplify-components-fieldcontrol-disabled-cursor); border-color: var(--amplify-components-fieldcontrol-disabled-border-color); background-color: var(--amplify-components-fieldcontrol-disabled-background-color); } .amplify-select--quiet { border-block-start: var(--amplify-components-fieldcontrol-quiet-border-block-start); border-inline-start: var(--amplify-components-fieldcontrol-quiet-border-inline-start); border-inline-end: var(--amplify-components-fieldcontrol-quiet-border-inline-end); border-radius: var(--amplify-components-fieldcontrol-quiet-border-radius); } .amplify-select--quiet:focus { border-block-end-color: var(--amplify-components-fieldcontrol-quiet-focus-border-block-end-color); box-shadow: var(--amplify-components-fieldcontrol-quiet-focus-box-shadow); } .amplify-select--quiet[aria-invalid=true] { border-block-end-color: var(--amplify-components-fieldcontrol-quiet-error-border-block-end-color); } .amplify-select--quiet[aria-invalid=true]:focus { box-shadow: var(--amplify-components-fieldcontrol-quiet-error-focus-box-shadow); } .amplify-select option { color: initial; } .amplify-select option[disabled=""] { color: var(--amplify-components-select-option-disabled-color); } @-moz-document url-prefix() { .amplify-select option { background-color: var(--amplify-components-select-option-background-color); color: var(--amplify-components-select-option-color); } } .amplify-select--small { min-width: var(--amplify-components-select-small-min-width); } .amplify-select--large { min-width: var(--amplify-components-select-large-min-width); } .amplify-selectfield { flex-direction: var(--amplify-components-selectfield-flex-direction); --amplify-components-fieldcontrol-border-color: var( --amplify-components-selectfield-border-color ); --amplify-components-fieldcontrol-color: var( --amplify-components-selectfield-color ); --amplify-components-fieldcontrol-font-size: var( --amplify-components-selectfield-font-size ); --amplify-components-fieldcontrol-focus-border-color: var( --amplify-components-selectfield-focus-border-color ); --amplify-components-field-label-color: var( --amplify-components-selectfield-label-color ); } .amplify-sliderfield { flex-direction: column; } .amplify-sliderfield__label { display: flex; justify-content: space-between; } .amplify-sliderfield__root { align-items: center; box-sizing: content-box; display: flex; padding-block: var(--amplify-components-sliderfield-padding-block); position: relative; touch-action: none; -webkit-user-select: none; user-select: none; --amplify-internal-sliderfield-root-height: var( --amplify-components-sliderfield-thumb-height ); --amplify-internal-sliderfield-root-width: var( --amplify-components-sliderfield-thumb-height ); } .amplify-sliderfield__root[data-disabled] { cursor: not-allowed; } .amplify-sliderfield__root--horizontal { height: var(--amplify-internal-sliderfield-root-height); } .amplify-sliderfield__root--vertical { flex-direction: column; width: var(--amplify-internal-sliderfield-root-width); } .amplify-sliderfield__root--large { --amplify-internal-sliderfield-root-height: var( --amplify-components-sliderfield-large-thumb-height ); --amplify-internal-sliderfield-root-width: var( --amplify-components-sliderfield-large-thumb-height ); } .amplify-sliderfield__root--small { --amplify-internal-sliderfield-root-height: var( --amplify-components-sliderfield-small-thumb-height ); --amplify-internal-sliderfield-root-width: var( --amplify-components-sliderfield-small-thumb-height ); } .amplify-sliderfield__track { position: relative; flex-grow: 1; border-radius: var(--amplify-components-sliderfield-track-border-radius); background-color: var(--amplify-components-sliderfield-track-background-color); --amplify-internal-sliderfield-track-height: var( --amplify-components-sliderfield-track-height ); --amplify-internal-sliderfield-track-min-width: var( --amplify-components-sliderfield-track-min-width ); --amplify-internal-sliderfield-track-width: var( --amplify-components-sliderfield-track-height ); --amplify-internal-sliderfield-track-min-height: var( --amplify-components-sliderfield-track-min-width ); } .amplify-sliderfield__track--horizontal { height: var(--amplify-internal-sliderfield-track-height); min-width: var(--amplify-internal-sliderfield-track-min-width); } .amplify-sliderfield__track--vertical { width: var(--amplify-internal-sliderfield-track-width); min-height: var(--amplify-internal-sliderfield-track-min-height); } .amplify-sliderfield__track--large { --amplify-internal-sliderfield-track-height: var( --amplify-components-sliderfield-large-track-height ); --amplify-internal-sliderfield-track-width: var( --amplify-components-sliderfield-large-track-height ); } .amplify-sliderfield__track--small { --amplify-internal-sliderfield-track-height: var( --amplify-components-sliderfield-small-track-height ); --amplify-internal-sliderfield-track-width: var( --amplify-components-sliderfield-small-track-height ); } .amplify-sliderfield__range { position: absolute; border-radius: var(--amplify-components-sliderfield-range-border-radius); background-color: var(--amplify-components-sliderfield-range-background-color); } .amplify-sliderfield__range[data-disabled] { background-color: var(--amplify-components-sliderfield-range-disabled-background-color); } .amplify-sliderfield__range--horizontal { height: 100%; } .amplify-sliderfield__range--vertical { width: 100%; } .amplify-sliderfield__thumb { display: block; width: var(--amplify-components-sliderfield-thumb-width); height: var(--amplify-components-sliderfield-thumb-height); background-color: var(--amplify-components-sliderfield-thumb-background-color); box-shadow: var(--amplify-components-sliderfield-thumb-box-shadow); border-radius: var(--amplify-components-sliderfield-thumb-border-radius); border-width: var(--amplify-components-sliderfield-thumb-border-width); border-color: var(--amplify-components-sliderfield-thumb-border-color); border-style: var(--amplify-components-sliderfield-thumb-border-style); } .amplify-sliderfield__thumb:hover { background-color: var(--amplify-components-sliderfield-thumb-hover-background-color); border-color: var(--amplify-components-sliderfield-thumb-hover-border-color); } .amplify-sliderfield__thumb:focus { border-color: var(--amplify-components-sliderfield-thumb-focus-border-color); box-shadow: var(--amplify-components-sliderfield-thumb-focus-box-shadow); } .amplify-sliderfield__thumb[data-disabled] { background-color: var(--amplify-components-sliderfield-thumb-disabled-background-color); border-color: var(--amplify-components-sliderfield-thumb-disabled-border-color); box-shadow: var(--amplify-components-sliderfield-thumb-disabled-box-shadow); } .amplify-sliderfield__thumb--large { width: var(--amplify-components-sliderfield-large-thumb-width); height: var(--amplify-components-sliderfield-large-thumb-height); } .amplify-sliderfield__thumb--small { width: var(--amplify-components-sliderfield-small-thumb-width); height: var(--amplify-components-sliderfield-small-thumb-height); } .amplify-stepperfield { flex-direction: var(--amplify-components-stepperfield-flex-direction); --amplify-components-fieldcontrol-border-color: var( --amplify-components-stepperfield-border-color ); --amplify-components-button-border-color: var( --amplify-components-stepperfield-border-color ); --amplify-components-fieldcontrol-color: var( --amplify-components-stepperfield-input-color ); --amplify-components-fieldcontrol-font-size: var( --amplify-components-stepperfield-input-font-size ); --amplify-components-button-color: var( --amplify-components-stepperfield-button-color ); --amplify-components-button-active-color: var( --amplify-components-stepperfield-button-active-color ); --amplify-components-button-active-background-color: var( --amplify-components-stepperfield-button-active-background-color ); --amplify-components-button-focus-color: var( --amplify-components-stepperfield-button-focus-color ); --amplify-components-button-focus-background-color: var( --amplify-components-stepperfield-button-focus-background-color ); --amplify-components-button-disabled-color: var( --amplify-components-stepperfield-button-disabled-color ); --amplify-components-button-disabled-background-color: var( --amplify-components-stepperfield-button-disabled-background-color ); --amplify-components-button-hover-color: var( --amplify-components-stepperfield-button-hover-color ); --amplify-components-button-hover-background-color: var( --amplify-components-stepperfield-button-hover-background-color ); } .amplify-stepperfield__button--decrease, .amplify-stepperfield__button--increase { background-color: var(--amplify-components-stepperfield-button-background-color); } .amplify-stepperfield__button--decrease--disabled, .amplify-stepperfield__button--increase--disabled { background-color: var(--amplify-components-stepperfield-button-disabled-background-color); } .amplify-stepperfield__button--decrease--quiet, .amplify-stepperfield__button--increase--quiet { border-width: 0 0 var(--amplify-components-button-border-width) 0; border-radius: 0; } .amplify-stepperfield__button--decrease[data-invalid=true] { border-inline-end: none; } .amplify-stepperfield__button--increase[data-invalid=true] { border-inline-start: none; } .amplify-stepperfield__input { -moz-appearance: textfield; text-align: var(--amplify-components-stepperfield-input-text-align); } .amplify-stepperfield__input::-webkit-outer-spin-button, .amplify-stepperfield__input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } .amplify-stepperfield__input:not(:focus, [aria-invalid=true]) { border-inline-start: none; border-inline-end: none; } .amplify-switchfield { display: inline-block; font-size: var(--amplify-components-switchfield-font-size); } .amplify-switchfield--small { font-size: var(--amplify-components-switchfield-small-font-size); } .amplify-switchfield--large { font-size: var(--amplify-components-switchfield-large-font-size); } .amplify-switch__wrapper { display: inline-flex; align-items: center; } .amplify-switch__wrapper--start { flex-direction: row; } .amplify-switch__wrapper--end { flex-direction: row-reverse; } .amplify-switch__wrapper--top { flex-direction: column; } .amplify-switch__wrapper--bottom { flex-direction: column-reverse; } .amplify-switch-track { display: inline-flex; justify-content: flex-start; box-sizing: content-box; border-radius: var(--amplify-components-switchfield-track-border-radius); padding: var(--amplify-components-switchfield-track-padding); width: var(--amplify-components-switchfield-track-width); height: var(--amplify-components-switchfield-track-height); transition-duration: var(--amplify-components-switchfield-track-transition-duration); background-color: var(--amplify-components-switchfield-track-background-color); } .amplify-switch-track--checked { background-color: var(--amplify-components-switchfield-track-checked-background-color); } .amplify-switch-track--disabled { opacity: var(--amplify-components-switchfield-disabled-opacity); cursor: not-allowed; } .amplify-switch-track--focused { box-shadow: var(--amplify-components-switchfield-focused-shadow); } .amplify-switch-track--error { background-color: var(--amplify-components-switchfield-track-error-background-color); } .amplify-switch-thumb { background-color: var(--amplify-components-switchfield-thumb-background-color); transition-duration: var(--amplify-components-switchfield-thumb-transition-duration); border-radius: var(--amplify-components-switchfield-thumb-border-radius); width: var(--amplify-components-switchfield-thumb-width); height: var(--amplify-components-switchfield-thumb-width); border-color: var(--amplify-components-switchfield-thumb-border-color); overflow-wrap: break-word; } .amplify-switch-thumb--checked { transform: var(--amplify-components-switchfield-thumb-checked-transform); } .amplify-switch-thumb--disabled { cursor: not-allowed; } .amplify-switch-label { padding: var(--amplify-components-switchfield-label-padding); cursor: pointer; } .amplify-table { /** * Default Table primitive stylings */ border-collapse: var(--amplify-components-table-border-collapse); display: var(--amplify-components-table-display); width: var(--amplify-components-table-width); --amplify-internal-table-caption-font-size: var( --amplify-components-table-caption-font-size ); --amplify-internal-table-th-font-size: var( --amplify-components-table-header-font-size ); --amplify-internal-table-th-padding: var( --amplify-components-table-header-padding ); --amplify-internal-table-td-font-size: var( --amplify-components-table-data-font-size ); --amplify-internal-table-td-padding: var( --amplify-components-table-data-padding ); --amplify-internal-table-td-border-width: var( --amplify-components-table-data-border-width ) 0px var(--amplify-components-table-data-border-width) 0px; --amplify-internal-table-th-border-width: var( --amplify-components-table-header-border-width ) 0px var(--amplify-components-table-header-border-width) 0px; /** * Data attribute stylings */ } .amplify-table--small { --amplify-internal-table-caption-font-size: var( --amplify-components-table-caption-small-font-size ); --amplify-internal-table-th-font-size: var( --amplify-components-table-header-small-font-size ); --amplify-internal-table-th-padding: var( --amplify-components-table-header-small-padding ); --amplify-internal-table-td-font-size: var( --amplify-components-table-data-small-font-size ); --amplify-internal-table-td-padding: var( --amplify-components-table-data-small-padding ); } .amplify-table--large { --amplify-internal-table-caption-font-size: var( --amplify-components-table-caption-large-font-size ); --amplify-internal-table-th-font-size: var( --amplify-components-table-header-large-font-size ); --amplify-internal-table-th-padding: var( --amplify-components-table-header-large-padding ); --amplify-internal-table-td-font-size: var( --amplify-components-table-data-large-font-size ); --amplify-internal-table-td-padding: var( --amplify-components-table-data-large-padding ); } .amplify-table--bordered { --amplify-internal-table-td-border-width: var( --amplify-components-table-data-border-width ) var(--amplify-components-table-data-border-width) var(--amplify-components-table-data-border-width) var(--amplify-components-table-data-border-width); --amplify-internal-table-th-border-width: var( --amplify-components-table-header-border-width ) var(--amplify-components-table-header-border-width) var(--amplify-components-table-header-border-width) var(--amplify-components-table-header-border-width); } .amplify-table__caption { caption-side: var(--amplify-components-table-caption-caption-side); color: var(--amplify-components-table-caption-color); display: var(--amplify-components-table-caption-display); font-size: var(--amplify-internal-table-caption-font-size); text-align: var(--amplify-components-table-caption-text-align); word-break: var(--amplify-components-table-caption-word-break); } .amplify-table__head { display: var(--amplify-components-table-head-display); vertical-align: var(--amplify-components-table-head-vertical-align); } .amplify-table__body { display: var(--amplify-components-table-body-display); vertical-align: var(--amplify-components-table-body-vertical-align); } .amplify-table__foot { display: var(--amplify-components-table-foot-display); vertical-align: var(--amplify-components-table-foot-vertical-align); } .amplify-table__row { display: var(--amplify-components-table-row-display); vertical-align: var(--amplify-components-table-row-vertical-align); } .amplify-table__th { border-color: var(--amplify-components-table-header-border-color); border-style: var(--amplify-components-table-header-border-style); border-width: var(--amplify-internal-table-th-border-width); color: var(--amplify-components-table-header-color); display: var(--amplify-components-table-header-display); font-size: var(--amplify-internal-table-th-font-size); font-weight: var(--amplify-components-table-header-font-weight); padding: var(--amplify-internal-table-th-padding); vertical-align: var(--amplify-components-table-header-vertical-align); } .amplify-table__th:first-child { border-left-width: var(--amplify-components-table-header-border-width); } .amplify-table__th:last-child { border-right-width: var(--amplify-components-table-header-border-width); } .amplify-table__td { border-color: var(--amplify-components-table-data-border-color); border-style: var(--amplify-components-table-data-border-style); border-width: var(--amplify-internal-table-td-border-width); color: var(--amplify-components-table-data-color); display: var(--amplify-components-table-data-display); font-size: var(--amplify-internal-table-td-font-size); font-weight: var(--amplify-components-table-data-font-weight); padding: var(--amplify-internal-table-td-padding); vertical-align: var(--amplify-components-table-data-vertical-align); } .amplify-table__td:first-child { border-left-width: var(--amplify-components-table-data-border-width); } .amplify-table__td:last-child { border-right-width: var(--amplify-components-table-data-border-width); } .amplify-table[data-variation=striped] .amplify-table__row:not(.amplify-table__head *):nth-child(odd) { background-color: var(--amplify-components-table-row-striped-background-color); } .amplify-table[data-highlightonhover=true] .amplify-table__row:not(.amplify-table__head *):hover { background-color: var(--amplify-components-table-row-hover-background-color); } .amplify-tabs { background-color: var(--amplify-components-tabs-background-color); box-shadow: var(--amplify-components-tabs-box-shadow); border-width: 0 0 var(--amplify-components-tabs-border-width) 0; border-style: var(--amplify-components-tabs-border-style); border-color: var(--amplify-components-tabs-border-color); gap: var(--amplify-components-tabs-gap); } .amplify-tabs[data-indicator-position=top] { border-width: var(--amplify-components-tabs-border-width) 0 0 0; } .amplify-tabs-item { background-color: var(--amplify-components-tabs-item-background-color); box-sizing: border-box; color: var(--amplify-components-tabs-item-color); font-size: var(--amplify-components-tabs-item-font-size); font-weight: var(--amplify-components-tabs-item-font-weight); padding: var(--amplify-components-tabs-item-padding-vertical) var(--amplify-components-tabs-item-padding-horizontal); text-align: var(--amplify-components-tabs-item-text-align); transition: all var(--amplify-components-tabs-item-transition-duration); border-width: 0 0 var(--amplify-components-tabs-item-border-width) 0; border-style: var(--amplify-components-tabs-item-border-style); border-color: var(--amplify-components-tabs-item-border-color); margin-bottom: calc(-1 * var(--amplify-components-tabs-item-border-width)); } [data-indicator-position=top] > .amplify-tabs-item { border-width: var(--amplify-components-tabs-border-width) 0 0 0; margin-top: calc(-1 * var(--amplify-components-tabs-item-border-width)); margin-bottom: 0; } .amplify-tabs-item[data-state=active] { color: var(--amplify-components-tabs-item-active-color); border-color: var(--amplify-components-tabs-item-active-border-color); background-color: var(--amplify-components-tabs-item-active-background-color); transition-property: none; } .amplify-tabs-item:hover { color: var(--amplify-components-tabs-item-hover-color); cursor: pointer; } .amplify-tabs-item:focus { color: var(--amplify-components-tabs-item-focus-color); } .amplify-tabs-item:focus-visible { outline: var(--amplify-components-tabs-item-border-width) var(--amplify-components-tabs-item-border-style) var(--amplify-components-tabs-item-border-color); } .amplify-tabs-item:active { color: var(--amplify-components-tabs-item-active-color); } .amplify-tabs-item[data-disabled] { background-color: var(--amplify-components-tabs-item-disabled-background-color); color: var(--amplify-components-tabs-item-disabled-color); cursor: not-allowed; } .amplify-tabs-item[data-spacing=equal] { flex: 1 1 0; } .amplify-tabs-item[data-spacing=relative] { flex-grow: 1; } .amplify-textareafield { flex-direction: column; --amplify-components-fieldcontrol-color: var( --amplify-components-textareafield-color ); --amplify-components-fieldcontrol-border-color: var( --amplify-components-textareafield-border-color ); --amplify-components-fieldcontrol-focus-border-color: var( --amplify-components-textareafield-focus-border-color ); } .amplify-textfield { --amplify-components-fieldcontrol-color: var( --amplify-components-textfield-color ); --amplify-components-fieldcontrol-border-color: var( --amplify-components-textfield-border-color ); --amplify-components-fieldcontrol-font-size: var( --amplify-components-textfield-font-size ); --amplify-components-fieldcontrol-focus-border-color: var( --amplify-components-textfield-focus-border-color ); } .amplify-togglebutton { --amplify-internal-togglebutton-background-color: initial; --amplify-internal-togglebutton-border-color: var( --amplify-components-togglebutton-border-color ); --amplify-internal-togglebutton-color: var( --amplify-components-togglebutton-color ); background-color: var(--amplify-internal-togglebutton-background-color); border-color: var(--amplify-internal-togglebutton-border-color); color: var(--amplify-internal-togglebutton-color); --amplify-internal-togglebutton-focus-background-color: var( --amplify-internal-togglebutton-background-color ); --amplify-internal-togglebutton-focus-border-color: var( --amplify-components-togglebutton-focus-border-color ); --amplify-internal-togglebutton-focus-color: var( --amplify-components-togglebutton-focus-color ); --amplify-internal-togglebutton-hover-background-color: var( --amplify-components-togglebutton-hover-background-color ); --amplify-internal-togglebutton-hover-border-color: var( --amplify-internal-togglebutton-border-color ); --amplify-internal-togglebutton-hover-color: var( --amplify-internal-togglebutton-color ); --amplify-internal-togglebutton-active-background-color: var( --amplify-components-togglebutton-active-background-color ); --amplify-internal-togglebutton-disabled-background-color: var( --amplify-components-togglebutton-disabled-background-color ); --amplify-internal-togglebutton-disabled-border-color: var( --amplify-components-togglebutton-disabled-border-color ); --amplify-internal-togglebutton-disabled-color: var( --amplify-components-togglebutton-disabled-color ); } .amplify-togglebutton:focus { background-color: var(--amplify-internal-togglebutton-focus-background-color); border-color: var(--amplify-internal-togglebutton-focus-border-color); color: var(--amplify-internal-togglebutton-focus-color); } .amplify-togglebutton:hover { background-color: var(--amplify-internal-togglebutton-hover-background-color); border-color: var(--amplify-internal-togglebutton-hover-border-color); color: var(--amplify-internal-togglebutton-hover-color); } .amplify-togglebutton:active { background-color: var(--amplify-internal-togglebutton-active-background-color); } .amplify-togglebutton:disabled { background-color: var(--amplify-internal-togglebutton-disabled-background-color); border-color: var(--amplify-internal-togglebutton-disabled-border-color); color: var(--amplify-internal-togglebutton-disabled-color); } .amplify-togglebutton--pressed { --amplify-internal-togglebutton-border-color: var( --amplify-components-togglebutton-pressed-border-color ); --amplify-internal-togglebutton-background-color: var( --amplify-components-togglebutton-pressed-background-color ); --amplify-internal-togglebutton-color: var( --amplify-components-togglebutton-pressed-color ); --amplify-internal-togglebutton-hover-background-color: var( --amplify-components-togglebutton-pressed-hover-background-color ); --amplify-internal-togglebutton-disabled-background-color: var( --amplify-components-togglebutton-pressed-background-color ); --amplify-internal-togglebutton-disabled-border-color: var( --amplify-components-togglebutton-pressed-border-color ); --amplify-internal-togglebutton-disabled-color: var( --amplify-components-togglebutton-pressed-color ); } .amplify-togglebutton--primary { --amplify-internal-togglebutton-primary-background-color: var( --amplify-components-togglebutton-primary-background-color ); --amplify-internal-togglebutton-background-color: var( --amplify-internal-togglebutton-primary-background-color ); --amplify-internal-togglebutton-primary-border-color: var( --amplify-components-togglebutton-border-color ); --amplify-internal-togglebutton-border-color: var( --amplify-internal-togglebutton-primary-border-color ); --amplify-internal-togglebutton-primary-color: var( --amplify-components-togglebutton-color ); --amplify-internal-togglebutton-color: var( --amplify-internal-togglebutton-primary-color ); border-width: var(--amplify-components-togglebutton-primary-border-width); --amplify-internal-togglebutton-primary-focus-background-color: var( --amplify-components-togglebutton-primary-focus-background-color ); --amplify-internal-togglebutton-primary-focus-border-color: var( --amplify-components-togglebutton-primary-focus-border-color ); --amplify-internal-togglebutton-primary-focus-color: var( --amplify-components-togglebutton-primary-focus-color ); --amplify-internal-togglebutton-primary-focus-box-shadow: var( --amplify-components-togglebutton-primary-focus-box-shadow ); --amplify-internal-togglebutton-focus-background-color: var( --amplify-internal-togglebutton-primary-focus-background-color ); --amplify-internal-togglebutton-focus-border-color: var( --amplify-internal-togglebutton-primary-focus-border-color ); --amplify-internal-togglebutton-focus-color: var( --amplify-internal-togglebutton-primary-focus-color ); --amplify-internal-togglebutton-primary-hover-background-color: var( --amplify-components-togglebutton-primary-hover-background-color ); --amplify-internal-togglebutton-primary-hover-border-color: var( --amplify-internal-togglebutton-primary-border-color ); --amplify-internal-togglebutton-primary-hover-color: var( --amplify-components-togglebutton-primary-hover-color ); --amplify-internal-togglebutton-hover-background-color: var( --amplify-internal-togglebutton-primary-hover-background-color ); --amplify-internal-togglebutton-hover-border-color: var( --amplify-internal-togglebutton-primary-hover-border-color ); --amplify-internal-togglebutton-hover-color: var( --amplify-internal-togglebutton-primary-hover-color ); --amplify-internal-togglebutton-primary-disabled-background-color: var( --amplify-components-togglebutton-primary-disabled-background-color ); --amplify-internal-togglebutton-primary-disabled-border-color: var( --amplify-components-togglebutton-primary-disabled-border-color ); --amplify-internal-togglebutton-primary-disabled-color: var( --amplify-components-togglebutton-primary-disabled-color ); --amplify-internal-togglebutton-disabled-background-color: var( --amplify-internal-togglebutton-primary-disabled-background-color ); --amplify-internal-togglebutton-disabled-border-color: var( --amplify-internal-togglebutton-primary-disabled-border-color ); --amplify-internal-togglebutton-disabled-color: var( --amplify-internal-togglebutton-primary-disabled-color ); } .amplify-togglebutton--primary:focus { box-shadow: var(--amplify-internal-togglebutton-primary-focus-box-shadow); } .amplify-togglebutton--pressed { --amplify-internal-togglebutton-primary-background-color: var( --amplify-components-togglebutton-primary-pressed-background-color ); --amplify-internal-togglebutton-primary-border-color: var( --amplify-components-togglebutton-primary-pressed-border-color ); --amplify-internal-togglebutton-primary-color: var( --amplify-components-togglebutton-primary-pressed-color ); --amplify-internal-togglebutton-primary-focus-background-color: var( --amplify-components-togglebutton-primary-pressed-focus-background-color ); --amplify-internal-togglebutton-primary-focus-border-color: var( --amplify-components-togglebutton-primary-pressed-focus-border-color ); --amplify-internal-togglebutton-primary-focus-color: var( --amplify-components-togglebutton-primary-pressed-focus-color ); --amplify-internal-togglebutton-primary-hover-background-color: var( --amplify-components-togglebutton-primary-pressed-hover-background-color ); --amplify-internal-togglebutton-primary-hover-border-color: var( --amplify-components-togglebutton-primary-pressed-hover-border-color ); --amplify-internal-togglebutton-primary-hover-color: var( --amplify-components-togglebutton-primary-pressed-hover-color ); --amplify-internal-togglebutton-primary-disabled-background-color: var( --amplify-components-togglebutton-primary-pressed-background-color ); --amplify-internal-togglebutton-primary-disabled-border-color: var( --amplify-components-togglebutton-primary-pressed-border-color ); --amplify-internal-togglebutton-primary-disabled-color: var( --amplify-components-togglebutton-primary-pressed-color ); } .amplify-togglebutton--pressed:hover { --amplify-internal-togglebutton-primary-focus-box-shadow: var( --amplify-components-togglebutton-primary-pressed-hover-box-shadow ); } .amplify-togglebutton--link { --amplify-internal-togglebutton-link-background-color: var( --amplify-components-togglebutton-link-background-color ); --amplify-internal-togglebutton-link-color: var( --amplify-components-togglebutton-link-color ); --amplify-internal-togglebutton-background-color: var( --amplify-internal-togglebutton-link-background-color ); --amplify-internal-togglebutton-color: var( --amplify-internal-togglebutton-link-color ); --amplify-internal-togglebutton-link-focus-background-color: var( --amplify-components-togglebutton-link-focus-background-color ); --amplify-internal-togglebutton-link-focus-color: var( --amplify-components-togglebutton-link-focus-color ); --amplify-internal-togglebutton-focus-background-color: var( --amplify-internal-togglebutton-link-focus-background-color ); --amplify-internal-togglebutton-focus-color: var( --amplify-internal-togglebutton-link-focus-color ); --amplify-internal-togglebutton-link-hover-background-color: var( --amplify-components-togglebutton-link-hover-background-color ); --amplify-internal-togglebutton-link-hover-color: var( --amplify-components-togglebutton-link-hover-color ); --amplify-internal-togglebutton-hover-background-color: var( --amplify-internal-togglebutton-link-hover-background-color ); --amplify-internal-togglebutton-hover-color: var( --amplify-internal-togglebutton-link-hover-color ); --amplify-internal-togglebutton-link-disabled-color: var( --amplify-components-togglebutton-link-disabled-color ); --amplify-internal-togglebutton-link-disabled-background-color: var( --amplify-components-togglebutton-link-disabled-background-color ); --amplify-internal-togglebutton-disabled-color: var( --amplify-internal-togglebutton-link-disabled-color ); --amplify-internal-togglebutton-disabled-background-color: var( --amplify-internal-togglebutton-link-disabled-background-color ); } .amplify-togglebutton--pressed { --amplify-internal-togglebutton-link-color: var( --amplify-components-togglebutton-link-pressed-color ); --amplify-internal-togglebutton-link-background-color: var( --amplify-components-togglebutton-link-pressed-background-color ); --amplify-internal-togglebutton-link-focus-background-color: var( --amplify-components-togglebutton-link-pressed-focus-background-color ); --amplify-internal-togglebutton-link-focus-color: var( --amplify-components-togglebutton-link-pressed-focus-color ); --amplify-internal-togglebutton-link-hover-background-color: var( --amplify-components-togglebutton-link-pressed-hover-background-color ); --amplify-internal-togglebutton-link-hover-color: var( --amplify-components-togglebutton-link-pressed-hover-color ); --amplify-internal-togglebutton-link-disabled-color: var( --amplify-components-togglebutton-link-pressed-color ); } .amplify-togglebuttongroup { align-items: var(--amplify-components-togglebuttongroup-align-items); align-content: var(--amplify-components-togglebuttongroup-align-content); justify-content: var(--amplify-components-togglebuttongroup-justify-content); gap: 0; } .amplify-togglebuttongroup .amplify-togglebutton:focus, .amplify-togglebuttongroup .amplify-togglebutton.amplify-togglebutton--pressed { z-index: 2; } .amplify-togglebuttongroup .amplify-togglebutton:not(:first-of-type) { margin-inline-start: calc(-1 * var(--amplify-components-button-border-width)); border-start-start-radius: 0; border-end-start-radius: 0; } @supports not (border-start-start-radius: 0) { .amplify-togglebuttongroup .amplify-togglebutton:not(:first-of-type) { border-top-left-radius: 0; border-bottom-left-radius: 0; } } .amplify-togglebuttongroup .amplify-togglebutton:not(:last-of-type) { border-start-end-radius: 0; border-end-end-radius: 0; } @supports not (border-end-end-radius: 0) { .amplify-togglebuttongroup .amplify-togglebutton:not(:last-of-type) { border-bottom-right-radius: 0; border-top-right-radius: 0; } } .amplify-inappmessaging-backdrop { background-color: var(--amplify-colors-overlay-50); inset: 0; position: fixed; z-index: 1000; } .amplify-inappmessaging-backdrop-content-container { align-items: center; inset: 0; justify-content: center; pointer-events: none; position: fixed; z-index: 1001; } .amplify-inappmessaging-backdrop-content { pointer-events: auto; } .amplify-inappmessaging-bannermessage { box-shadow: var(--amplify-shadows-medium); height: var(--amplify-components-inappmessaging-banner-height); margin: var(--amplify-space-small); max-width: 50%; position: fixed; width: var(--amplify-components-inappmessaging-banner-width); } .amplify-inappmessaging-bannermessage--top { top: 0; } .amplify-inappmessaging-bannermessage--middle { bottom: 0; margin: auto var(--amplify-space-small); top: 0; } .amplify-inappmessaging-bannermessage--bottom { bottom: 0; } .amplify-inappmessaging-bannermessage--left { left: 0; } .amplify-inappmessaging-bannermessage--center { left: 0; margin: var(--amplify-space-small) auto; right: 0; } .amplify-inappmessaging-bannermessage--right { right: 0; } .amplify-inappmessaging-bannermessage--center-middle { inset: 0; margin: auto; } .amplify-inappmessaging-bannermessage--full-width { max-width: initial; width: calc(100% - 2 * var(--amplify-space-small)); } .amplify-inappmessaging-fullscreenmessage { height: var(--amplify-components-inappmessaging-dialog-height); min-height: var(--amplify-components-inappmessaging-dialog-min-height); min-width: var(--amplify-components-inappmessaging-dialog-min-width); width: var(--amplify-components-inappmessaging-dialog-width); } .amplify-inappmessaging-fullscreenmessage--fullscreen { height: auto; inset: 0; position: fixed; width: auto; z-index: 1000; } .amplify-inappmessaging-messagelayout { background-color: var(--amplify-colors-background-primary); flex-direction: column; flex-grow: 1; gap: var(--amplify-space-xxxs); max-width: 100%; padding: var(--amplify-space-medium); } .amplify-inappmessaging-messagelayout__button { border-width: 0; width: 100%; } .amplify-inappmessaging-messagelayout__button, .amplify-inappmessaging-messagelayout__button:active, .amplify-inappmessaging-messagelayout__button:visited, .amplify-inappmessaging-messagelayout__button:hover, .amplify-inappmessaging-messagelayout__button:focus { background-color: var(--amplify-components-inappmessaging-button-background-color); border-radius: var(--amplify-components-inappmessaging-button-border-radius); color: var(--amplify-components-inappmessaging-button-color); } .amplify-inappmessaging-messagelayout__button--dark:active, .amplify-inappmessaging-messagelayout__button--dark:visited, .amplify-inappmessaging-messagelayout__button--light:active, .amplify-inappmessaging-messagelayout__button--light:visited { filter: brightness(100%); } .amplify-inappmessaging-messagelayout__button--dark:hover, .amplify-inappmessaging-messagelayout__button--dark:focus { filter: brightness(120%); } .amplify-inappmessaging-messagelayout__button--light:hover, .amplify-inappmessaging-messagelayout__button--light:focus { filter: brightness(80%); } .amplify-inappmessaging-messagelayout__close-button { color: var(--amplify-colors-neutral-80); } .amplify-inappmessaging-messagelayout__close-button:active, .amplify-inappmessaging-messagelayout__close-button:visited { color: var(--amplify-colors-neutral-80); } .amplify-inappmessaging-messagelayout__close-button:hover, .amplify-inappmessaging-messagelayout__close-button:focus { color: var(--amplify-colors-neutral-100); } .amplify-inappmessaging-messagelayout__content { flex-grow: 1; overflow: hidden; } .amplify-inappmessaging-messagelayout__content--horizontal { flex-direction: row; } .amplify-inappmessaging-messagelayout__content--vertical { flex-direction: column; justify-content: center; } .amplify-inappmessaging-messagelayout__header { flex-shrink: 0; font-size: var(--amplify-components-inappmessaging-header-font-size); font-weight: var(--amplify-components-inappmessaging-header-font-weight); } .amplify-inappmessaging-messagelayout__image-container { align-items: center; display: flex; justify-content: center; position: relative; } .amplify-inappmessaging-messagelayout__image-container img { max-height: 100%; max-width: 100%; object-fit: contain; position: absolute; } .amplify-inappmessaging-messagelayout__image-container--horizontal { max-width: 15%; min-width: 15%; } .amplify-inappmessaging-messagelayout__image-container--vertical { max-height: 40%; min-height: 40%; } .amplify-inappmessaging-messagelayout__text-container { flex-direction: column; overflow-y: auto; gap: var(--amplify-space-xxxs); } .amplify-inappmessaging-messagelayout__text-container--horizontal { flex-grow: 1; } .amplify-inappmessaging-messagelayout__text-container--vertical { flex-grow: 0; } .amplify-inappmessaging-modalmessage { align-items: center; height: initial; inset: 0; justify-content: center; pointer-events: none; position: fixed; width: initial; z-index: 1000; } .amplify-inappmessaging-modalmessage__dialog { box-shadow: var(--amplify-shadows-medium); height: var(--amplify-components-inappmessaging-dialog-height); min-height: var(--amplify-components-inappmessaging-dialog-min-height); min-width: var(--amplify-components-inappmessaging-dialog-min-width); pointer-events: auto; width: var(--amplify-components-inappmessaging-dialog-width); } .amplify-inappmessaging-modalmessage__dialog--full-width { width: 100%; margin: var(--amplify-space-small); } .amplify-fileuploader__dropzone { background-color: var(--amplify-components-fileuploader-dropzone-background-color); border-color: var(--amplify-components-fileuploader-dropzone-border-color); border-radius: var(--amplify-components-fileuploader-dropzone-border-radius); border-style: var(--amplify-components-fileuploader-dropzone-border-style); border-width: var(--amplify-components-fileuploader-dropzone-border-width); text-align: var(--amplify-components-fileuploader-dropzone-text-align); padding-block: var(--amplify-components-fileuploader-dropzone-padding-block); padding-inline: var(--amplify-components-fileuploader-dropzone-padding-inline); display: flex; flex-direction: column; align-items: center; gap: var(--amplify-components-fileuploader-dropzone-gap); } .amplify-fileuploader__dropzone--small { flex-direction: row; justify-content: center; } .amplify-fileuploader__dropzone--active { border-color: var(--amplify-components-fileuploader-dropzone-active-border-color); border-width: var(--amplify-components-fileuploader-dropzone-active-border-width); background-color: var(--amplify-components-fileuploader-dropzone-active-background-color); } .amplify-fileuploader__dropzone__icon { font-size: var(--amplify-components-fileuploader-dropzone-icon-font-size); color: var(--amplify-components-fileuploader-dropzone-icon-color); } .amplify-fileuploader__dropzone__text { color: var(--amplify-components-fileuploader-dropzone-text-color); font-size: var(--amplify-components-fileuploader-dropzone-text-font-size); font-weight: var(--amplify-components-fileuploader-dropzone-text-font-weight); } .amplify-fileuploader__file { position: relative; border-width: var(--amplify-components-fileuploader-file-border-width); border-style: var(--amplify-components-fileuploader-file-border-style); border-color: var(--amplify-components-fileuploader-file-border-color); border-radius: var(--amplify-components-fileuploader-file-border-radius); display: flex; flex-direction: column; padding-inline: var(--amplify-components-fileuploader-file-padding-inline); padding-block: var(--amplify-components-fileuploader-file-padding-block); align-items: var(--amplify-components-fileuploader-file-align-items); } .amplify-fileuploader__file__wrapper { width: 100%; display: flex; flex-direction: row; align-items: center; gap: var(--amplify-components-fileuploader-file-gap); } .amplify-fileuploader__file__name { text-overflow: ellipsis; overflow: hidden; font-weight: var(--amplify-components-fileuploader-file-name-font-weight); font-size: var(--amplify-components-fileuploader-file-name-font-size); color: var(--amplify-components-fileuploader-file-name-color); } .amplify-fileuploader__file__size { font-weight: var(--amplify-components-fileuploader-file-size-font-weight); font-size: var(--amplify-components-fileuploader-file-size-font-size); color: var(--amplify-components-fileuploader-file-size-color); } .amplify-fileuploader__file__main { flex: 1; white-space: nowrap; overflow: hidden; } .amplify-fileuploader__file__image { position: relative; display: flex; align-items: center; justify-content: center; width: var(--amplify-components-fileuploader-file-image-width); height: var(--amplify-components-fileuploader-file-image-height); background-color: var(--amplify-components-fileuploader-file-image-background-color); border-radius: var(--amplify-components-fileuploader-file-image-border-radius); color: var(--amplify-components-fileuploader-file-image-color); } .amplify-fileuploader__file__image img { max-height: 100%; } .amplify-fileuploader__file__status--error { color: var(--amplify-colors-font-error); font-size: var(--amplify-components-fileuploader-file-size-font-size); } .amplify-fileuploader__file__status--success { color: var(--amplify-colors-font-success); } .amplify-fileuploader__loader { stroke-linecap: var(--amplify-components-fileuploader-loader-stroke-linecap); stroke: var(--amplify-components-fileuploader-loader-stroke-empty); stroke-width: var(--amplify-components-fileuploader-loader-stroke-width); height: var(--amplify-components-fileuploader-loader-stroke-width); --amplify-components-loader-linear-stroke-filled: var( --amplify-components-fileuploader-loader-stroke-filled ); overflow: hidden; position: absolute; bottom: 0; left: 0; width: 100%; } .amplify-fileuploader__previewer { display: block; max-width: var(--amplify-components-fileuploader-previewer-max-width); background-color: var(--amplify-components-fileuploader-previewer-background-color); border-width: var(--amplify-components-fileuploader-previewer-border-width); border-style: var(--amplify-components-fileuploader-previewer-border-style); border-color: var(--amplify-components-fileuploader-previewer-border-color); border-radius: var(--amplify-components-fileuploader-previewer-border-radius); padding-inline: var(--amplify-components-fileuploader-previewer-padding-inline); padding-block: var(--amplify-components-fileuploader-previewer-padding-block); } .amplify-fileuploader__previewer__text { font-weight: var(--amplify-components-fileuploader-previewer-text-font-weight); font-size: var(--amplify-components-fileuploader-previewer-text-font-size); color: var(--amplify-components-fileuploader-previewer-text-color); } .amplify-fileuploader__previewer__body { display: flex; flex-direction: column; max-height: var(--amplify-components-fileuploader-previewer-max-height); max-width: var(--amplify-components-fileuploader-previewer-max-width); overflow: auto; gap: var(--amplify-components-fileuploader-previewer-body-gap); padding-inline: var(--amplify-components-fileuploader-previewer-body-padding-inline); padding-block: var(--amplify-components-fileuploader-previewer-body-padding-block); } .amplify-fileuploader__previewer__footer { max-width: var(--amplify-components-fileuploader-previewer-max-width); border-top-width: var(--amplify-components-fileuploader-previewer-footer-border-width); border-top-style: var(--amplify-components-fileuploader-previewer-footer-border-style); border-top-color: var(--amplify-components-fileuploader-previewer-footer-border-color); padding-inline: var(--amplify-components-fileuploader-previewer-footer-padding-inline); padding-block: var(--amplify-components-fileuploader-previewer-footer-padding-block); position: relative; display: flex; flex-direction: row; justify-content: var(--amplify-components-fileuploader-previewer-footer-justify-content); } .amplify-fileuploader__previewer__footer__actions { display: flex; flex-direction: row; gap: var(--amplify-space-small); } .amplify-storagemanager__dropzone { background-color: var(--amplify-components-storagemanager-dropzone-background-color); border-color: var(--amplify-components-storagemanager-dropzone-border-color); border-radius: var(--amplify-components-storagemanager-dropzone-border-radius); border-style: var(--amplify-components-storagemanager-dropzone-border-style); border-width: var(--amplify-components-storagemanager-dropzone-border-width); text-align: var(--amplify-components-storagemanager-dropzone-text-align); padding-block: var(--amplify-components-storagemanager-dropzone-padding-block); padding-inline: var(--amplify-components-storagemanager-dropzone-padding-inline); display: flex; flex-direction: column; align-items: center; gap: var(--amplify-components-storagemanager-dropzone-gap); } .amplify-storagemanager__dropzone--small { flex-direction: row; justify-content: center; } .amplify-storagemanager__dropzone--active { border-color: var(--amplify-components-storagemanager-dropzone-active-border-color); border-width: var(--amplify-components-storagemanager-dropzone-active-border-width); background-color: var(--amplify-components-storagemanager-dropzone-active-background-color); } .amplify-storagemanager__dropzone__icon { font-size: var(--amplify-components-storagemanager-dropzone-icon-font-size); color: var(--amplify-components-storagemanager-dropzone-icon-color); } .amplify-storagemanager__dropzone__text { color: var(--amplify-components-storagemanager-dropzone-text-color); font-size: var(--amplify-components-storagemanager-dropzone-text-font-size); font-weight: var(--amplify-components-storagemanager-dropzone-text-font-weight); } .amplify-storagemanager__file__list { display: flex; flex-direction: var(--amplify-components-storagemanager-filelist-flex-direction); gap: var(--amplify-components-storagemanager-filelist-gap); } .amplify-storagemanager__file { position: relative; border-width: var(--amplify-components-storagemanager-file-border-width); border-style: var(--amplify-components-storagemanager-file-border-style); border-color: var(--amplify-components-storagemanager-file-border-color); border-radius: var(--amplify-components-storagemanager-file-border-radius); display: flex; flex-direction: column; padding-inline: var(--amplify-components-storagemanager-file-padding-inline); padding-block: var(--amplify-components-storagemanager-file-padding-block); align-items: var(--amplify-components-storagemanager-file-align-items); } .amplify-storagemanager__file__wrapper { width: 100%; display: flex; flex-direction: row; align-items: center; gap: var(--amplify-components-storagemanager-file-gap); } .amplify-storagemanager__file__name { text-overflow: ellipsis; overflow: hidden; font-weight: var(--amplify-components-storagemanager-file-name-font-weight); font-size: var(--amplify-components-storagemanager-file-name-font-size); color: var(--amplify-components-storagemanager-file-name-color); } .amplify-storagemanager__file__size { font-weight: var(--amplify-components-storagemanager-file-size-font-weight); font-size: var(--amplify-components-storagemanager-file-size-font-size); color: var(--amplify-components-storagemanager-file-size-color); } .amplify-storagemanager__file__main { flex: 1; white-space: nowrap; overflow: hidden; } .amplify-storagemanager__file__image { position: relative; display: flex; align-items: center; justify-content: center; width: var(--amplify-components-storagemanager-file-image-width); height: var(--amplify-components-storagemanager-file-image-height); background-color: var(--amplify-components-storagemanager-file-image-background-color); border-radius: var(--amplify-components-storagemanager-file-image-border-radius); color: var(--amplify-components-storagemanager-file-image-color); } .amplify-storagemanager__file__image img { max-height: 100%; } .amplify-storagemanager__file__status--error { color: var(--amplify-colors-font-error); font-size: var(--amplify-components-storagemanager-file-size-font-size); } .amplify-storagemanager__file__status--success { color: var(--amplify-colors-font-success); } .amplify-storagemanager__loader { stroke-linecap: var(--amplify-components-storagemanager-loader-stroke-linecap); stroke: var(--amplify-components-storagemanager-loader-stroke-empty); stroke-width: var(--amplify-components-storagemanager-loader-stroke-width); height: var(--amplify-components-storagemanager-loader-stroke-width); --amplify-components-loader-linear-stroke-filled: var( --amplify-components-storagemanager-loader-stroke-filled ); overflow: hidden; position: absolute; bottom: 0; left: 0; width: 100%; } .amplify-storagemanager__previewer { display: flex; flex-direction: column; max-width: var(--amplify-components-storagemanager-previewer-max-width); max-height: var(--amplify-components-storagemanager-previewer-max-height); overflow: auto; gap: var(--amplify-components-storagemanager-previewer-body-gap); padding-inline: var(--amplify-components-storagemanager-previewer-body-padding-inline); padding-block: var(--amplify-components-storagemanager-previewer-body-padding-block); background-color: var(--amplify-components-storagemanager-previewer-background-color); border-width: var(--amplify-components-storagemanager-previewer-border-width); border-style: var(--amplify-components-storagemanager-previewer-border-style); border-color: var(--amplify-components-storagemanager-previewer-border-color); border-radius: var(--amplify-components-storagemanager-previewer-border-radius); } .amplify-storagemanager__previewer__text { font-weight: var(--amplify-components-storagemanager-previewer-text-font-weight); font-size: var(--amplify-components-storagemanager-previewer-text-font-size); color: var(--amplify-components-storagemanager-previewer-text-color); } [data-label-position=start] { flex-direction: row; } [data-label-position=end] { flex-direction: row-reverse; } [data-label-position=top] { flex-direction: column; } [data-label-position=bottom] { flex-direction: column-reverse; } .amplify-visually-hidden { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; fill: transparent; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border-width: 0; } /*!****************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/@aws-amplify/ui-angular/theme.css ***! \****************************************************************************************************************************************************************************************************************************************/ /** These fonts are added in only temporarily until Angular has it's own theming system */ html { font-family: var(--amplify-fonts-default-static); } @supports (font-variation-settings: normal) { html { font-family: var(--amplify-fonts-default-variable); } } .federated-sign-in-container { flex-direction: column; padding: 0 0 1rem 0; } .federated-sign-in-button { display: block; } .federated-sign-in-button-row { flex-direction: row; justify-content: center; align-items: center; } /*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/scss/default/styles.scss?ngGlobalStyle (1) ***! \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ @charset "UTF-8"; /* You can add global styles to this file, and also import other style files */ *, ::before, ::after{ --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-pan-x: ; --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness: proximity; --tw-gradient-from-position: ; --tw-gradient-via-position: ; --tw-gradient-to-position: ; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(59 130 246 / 0.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: ; --tw-contain-size: ; --tw-contain-layout: ; --tw-contain-paint: ; --tw-contain-style: ; } ::backdrop{ --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-pan-x: ; --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness: proximity; --tw-gradient-from-position: ; --tw-gradient-via-position: ; --tw-gradient-to-position: ; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(59 130 246 / 0.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: ; --tw-contain-size: ; --tw-contain-layout: ; --tw-contain-paint: ; --tw-contain-style: ; } /* ! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com */ /* 1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4) 2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116) */ *, ::before, ::after { box-sizing: border-box; /* 1 */ border-width: 0; /* 2 */ border-style: solid; /* 2 */ border-color: currentColor; /* 2 */ } ::before, ::after { --tw-content: ''; } /* 1. Use a consistent sensible line-height in all browsers. 2. Prevent adjustments of font size after orientation changes in iOS. 3. Use a more readable tab size. 4. Use the user's configured `sans` font-family by default. 5. Use the user's configured `sans` font-feature-settings by default. 6. Use the user's configured `sans` font-variation-settings by default. 7. Disable tap highlights on iOS */ html, :host { line-height: 1.5; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ /* 3 */ tab-size: 4; /* 3 */ font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */ font-feature-settings: normal; /* 5 */ font-variation-settings: normal; /* 6 */ -webkit-tap-highlight-color: transparent; /* 7 */ } /* 1. Remove the margin in all browsers. 2. Inherit line-height from `html` so users can set them as a class directly on the `html` element. */ body { margin: 0; /* 1 */ line-height: inherit; /* 2 */ } /* 1. Add the correct height in Firefox. 2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655) 3. Ensure horizontal rules are visible by default. */ hr { height: 0; /* 1 */ color: inherit; /* 2 */ border-top-width: 1px; /* 3 */ } /* Add the correct text decoration in Chrome, Edge, and Safari. */ abbr:where([title]) { -webkit-text-decoration: underline dotted; text-decoration: underline dotted; } /* Remove the default font size and weight for headings. */ h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; } /* Reset links to optimize for opt-in styling instead of opt-out. */ a { color: inherit; text-decoration: inherit; } /* Add the correct font weight in Edge and Safari. */ b, strong { font-weight: bolder; } /* 1. Use the user's configured `mono` font-family by default. 2. Use the user's configured `mono` font-feature-settings by default. 3. Use the user's configured `mono` font-variation-settings by default. 4. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp, pre { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */ font-feature-settings: normal; /* 2 */ font-variation-settings: normal; /* 3 */ font-size: 1em; /* 4 */ } /* Add the correct font size in all browsers. */ small { font-size: 80%; } /* Prevent `sub` and `sup` elements from affecting the line height in all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* 1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297) 2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016) 3. Remove gaps between table borders by default. */ table { text-indent: 0; /* 1 */ border-color: inherit; /* 2 */ border-collapse: collapse; /* 3 */ } /* 1. Change the font styles in all browsers. 2. Remove the margin in Firefox and Safari. 3. Remove default padding in all browsers. */ button, input, optgroup, select, textarea { font-family: inherit; /* 1 */ font-feature-settings: inherit; /* 1 */ font-variation-settings: inherit; /* 1 */ font-size: 100%; /* 1 */ font-weight: inherit; /* 1 */ line-height: inherit; /* 1 */ letter-spacing: inherit; /* 1 */ color: inherit; /* 1 */ margin: 0; /* 2 */ padding: 0; /* 3 */ } /* Remove the inheritance of text transform in Edge and Firefox. */ button, select { text-transform: none; } /* 1. Correct the inability to style clickable types in iOS and Safari. 2. Remove default button styles. */ button, input:where([type='button']), input:where([type='reset']), input:where([type='submit']) { -webkit-appearance: button; /* 1 */ background-color: transparent; /* 2 */ background-image: none; /* 2 */ } /* Use the modern Firefox focus style for all focusable elements. */ :-moz-focusring { outline: auto; } /* Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737) */ :-moz-ui-invalid { box-shadow: none; } /* Add the correct vertical alignment in Chrome and Firefox. */ progress { vertical-align: baseline; } /* Correct the cursor style of increment and decrement buttons in Safari. */ ::-webkit-inner-spin-button, ::-webkit-outer-spin-button { height: auto; } /* 1. Correct the odd appearance in Chrome and Safari. 2. Correct the outline style in Safari. */ [type='search'] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /* Remove the inner padding in Chrome and Safari on macOS. */ ::-webkit-search-decoration { -webkit-appearance: none; } /* 1. Correct the inability to style clickable types in iOS and Safari. 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Add the correct display in Chrome and Safari. */ summary { display: list-item; } /* Removes the default spacing and border for appropriate elements. */ blockquote, dl, dd, h1, h2, h3, h4, h5, h6, hr, figure, p, pre { margin: 0; } fieldset { margin: 0; padding: 0; } legend { padding: 0; } ol, ul, menu { list-style: none; margin: 0; padding: 0; } /* Reset default styling for dialogs. */ dialog { padding: 0; } /* Prevent resizing textareas horizontally by default. */ textarea { resize: vertical; } /* 1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300) 2. Set the default placeholder color to the user's configured gray 400 color. */ input::placeholder, textarea::placeholder { opacity: 1; /* 1 */ color: #9ca3af; /* 2 */ } /* Set the default cursor for buttons. */ button, [role="button"] { cursor: pointer; } /* Make sure disabled buttons don't get the pointer cursor. */ :disabled { cursor: default; } /* 1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14) 2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210) This can trigger a poorly considered lint error in some tools but is included by design. */ img, svg, video, canvas, audio, iframe, embed, object { display: block; /* 1 */ vertical-align: middle; /* 2 */ } /* Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14) */ img, video { max-width: 100%; height: auto; } /* Make elements with the HTML hidden attribute stay hidden by default */ [hidden]:where(:not([hidden="until-found"])) { display: none; } html, body { font-family: "Montserrat", sans-serif !important; } h1{ font-size: 1.875rem; line-height: 2.25rem; --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); margin-top: 1.5rem; margin-bottom: 0.5rem; font-weight: 600; } h2{ font-size: 1.5rem; line-height: 2rem; --tw-text-opacity: 1; color: rgb(207 14 16 / var(--tw-text-opacity, 1)); font-weight: 600; margin-top: 2rem; margin-bottom: 1rem; } h3{ font-size: 1.25rem; line-height: 1.75rem; --tw-text-opacity: 1; color: rgb(53 53 53 / var(--tw-text-opacity, 1)); margin-top: 0.5rem; margin-bottom: 0.5rem; font-weight: 600; } h4{ font-size: 1.25rem; line-height: 1.75rem; --tw-text-opacity: 1; color: rgb(207 14 16 / var(--tw-text-opacity, 1)); margin-top: 1rem; margin-bottom: 1rem; font-weight: 600; } p{ font-size: 1rem; line-height: 1.5rem; } .container{ width: 100%; } @media (min-width: 640px){ .container{ max-width: 640px; } } @media (min-width: 768px){ .container{ max-width: 768px; } } @media (min-width: 1024px){ .container{ max-width: 1024px; } } @media (min-width: 1280px){ .container{ max-width: 1280px; } } @media (min-width: 1536px){ .container{ max-width: 1536px; } } .pointer-events-none{ pointer-events: none; } .visible{ visibility: visible; } .collapse{ visibility: collapse; } .static{ position: static; } .fixed{ position: fixed; } .absolute{ position: absolute; } .relative{ position: relative; } .\!sticky{ position: sticky !important; } .sticky{ position: sticky; } .inset-px{ inset: 1px; } .inset-x-0{ left: 0px; right: 0px; } .bottom-0{ bottom: 0px; } .left-0{ left: 0px; } .right-0{ right: 0px; } .top-0{ top: 0px; } .top-minus30{ top: -30px; } .z-50{ z-index: 50; } .col-span-1{ grid-column: span 1 / span 1; } .col-span-2{ grid-column: span 2 / span 2; } .float-end{ float: inline-end; } .float-left{ float: left; } .\!m-0{ margin: 0px !important; } .\!m-2{ margin: 0.5rem !important; } .m-0{ margin: 0px; } .m-1{ margin: 0.25rem; } .m-2{ margin: 0.5rem; } .\!my-2{ margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .mx-0{ margin-left: 0px; margin-right: 0px; } .mx-1{ margin-left: 0.25rem; margin-right: 0.25rem; } .mx-4{ margin-left: 1rem; margin-right: 1rem; } .mx-auto{ margin-left: auto; margin-right: auto; } .my-0{ margin-top: 0px; margin-bottom: 0px; } .my-1{ margin-top: 0.25rem; margin-bottom: 0.25rem; } .my-2{ margin-top: 0.5rem; margin-bottom: 0.5rem; } .my-4{ margin-top: 1rem; margin-bottom: 1rem; } .my-6{ margin-top: 1.5rem; margin-bottom: 1.5rem; } .my-8{ margin-top: 2rem; margin-bottom: 2rem; } .\!mr-4{ margin-right: 1rem !important; } .\!mt-0{ margin-top: 0px !important; } .\!mt-16{ margin-top: 4rem !important; } .\!mt-8{ margin-top: 2rem !important; } .mb-0{ margin-bottom: 0px; } .mb-1{ margin-bottom: 0.25rem; } .mb-10{ margin-bottom: 2.5rem; } .mb-16{ margin-bottom: 4rem; } .mb-2{ margin-bottom: 0.5rem; } .mb-3{ margin-bottom: 0.75rem; } .mb-4{ margin-bottom: 1rem; } .mb-6{ margin-bottom: 1.5rem; } .mb-8{ margin-bottom: 2rem; } .me-1{ margin-inline-end: 0.25rem; } .me-2{ margin-inline-end: 0.5rem; } .ml-2{ margin-left: 0.5rem; } .ml-4{ margin-left: 1rem; } .mr-2{ margin-right: 0.5rem; } .mr-3{ margin-right: 0.75rem; } .mr-4{ margin-right: 1rem; } .ms-4{ margin-inline-start: 1rem; } .mt-0{ margin-top: 0px; } .mt-1{ margin-top: 0.25rem; } .mt-12{ margin-top: 3rem; } .mt-2{ margin-top: 0.5rem; } .mt-20{ margin-top: 5rem; } .mt-4{ margin-top: 1rem; } .mt-6{ margin-top: 1.5rem; } .mt-8{ margin-top: 2rem; } .mt-auto{ margin-top: auto; } .block{ display: block; } .inline-block{ display: inline-block; } .flex{ display: flex; } .inline-flex{ display: inline-flex; } .table{ display: table; } .grid{ display: grid; } .\!hidden{ display: none !important; } .hidden{ display: none; } .\!size-\[100px\]{ width: 100px !important; height: 100px !important; } .\!size-\[20px\]{ width: 20px !important; height: 20px !important; } .\!size-\[24px\]{ width: 24px !important; height: 24px !important; } .\!size-\[25px\]{ width: 25px !important; height: 25px !important; } .\!size-\[30px\]{ width: 30px !important; height: 30px !important; } .\!size-\[50px\]{ width: 50px !important; height: 50px !important; } .size-\[10px\]{ width: 10px; height: 10px; } .size-\[40px\]{ width: 40px; height: 40px; } .\!h-16{ height: 4rem !important; } .\!h-\[16px\]{ height: 16px !important; } .\!h-full{ height: 100% !important; } .h-24{ height: 6rem; } .h-4{ height: 1rem; } .h-40{ height: 10rem; } .h-5{ height: 1.25rem; } .h-\[160px\]{ height: 160px; } .h-\[200px\]{ height: 200px; } .h-\[550px\]{ height: 550px; } .h-\[86\%\]{ height: 86%; } .h-fit{ height: -moz-fit-content; height: fit-content; } .h-full{ height: 100%; } .max-h-\[300px\]{ max-height: 300px; } .min-h-\[100px\]{ min-height: 100px; } .min-h-\[15rem\]{ min-height: 15rem; } .min-h-\[260px\]{ min-height: 260px; } .min-h-full{ min-height: 100%; } .\!w-16{ width: 4rem !important; } .\!w-\[80\%\]{ width: 80% !important; } .w-1\/3{ width: 33.333333%; } .w-1\/5{ width: 20%; } .w-2\/3{ width: 66.666667%; } .w-2\/5{ width: 40%; } .w-24{ width: 6rem; } .w-3\/5{ width: 60%; } .w-4{ width: 1rem; } .w-40{ width: 10rem; } .w-6{ width: 1.5rem; } .w-64{ width: 16rem; } .w-80{ width: 20rem; } .w-\[100\%\]{ width: 100%; } .w-\[110px\]{ width: 110px; } .w-\[120px\]{ width: 120px; } .w-\[130px\]{ width: 130px; } .w-\[150px\]{ width: 150px; } .w-\[200px\]{ width: 200px; } .w-\[25\%\]{ width: 25%; } .w-\[300px\]{ width: 300px; } .w-\[50\%\]{ width: 50%; } .w-\[60\%\]{ width: 60%; } .w-\[700px\]{ width: 700px; } .w-\[80\%\]{ width: 80%; } .w-auto{ width: auto; } .w-fit{ width: -moz-fit-content; width: fit-content; } .w-full{ width: 100%; } .max-w-2xl{ max-width: 42rem; } .max-w-lg{ max-width: 32rem; } .max-w-sm{ max-width: 24rem; } .flex-none{ flex: none; } .shrink-0{ flex-shrink: 0; } .grow{ flex-grow: 1; } .border-collapse{ border-collapse: collapse; } .rotate-minus12{ --tw-rotate: -12deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .transform{ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .\!cursor-pointer{ cursor: pointer !important; } .cursor-pointer{ cursor: pointer; } .columns-2{ columns: 2; } .grid-cols-1{ grid-template-columns: repeat(1, minmax(0, 1fr)); } .grid-cols-2{ grid-template-columns: repeat(2, minmax(0, 1fr)); } .grid-cols-3{ grid-template-columns: repeat(3, minmax(0, 1fr)); } .grid-cols-4{ grid-template-columns: repeat(4, minmax(0, 1fr)); } .grid-cols-5{ grid-template-columns: repeat(5, minmax(0, 1fr)); } .grid-cols-6{ grid-template-columns: repeat(6, minmax(0, 1fr)); } .grid-cols-9{ grid-template-columns: repeat(9, minmax(0, 1fr)); } .flex-row{ flex-direction: row; } .flex-col{ flex-direction: column; } .flex-wrap{ flex-wrap: wrap; } .content-center{ align-content: center; } .items-start{ align-items: flex-start; } .items-end{ align-items: flex-end; } .items-center{ align-items: center; } .items-baseline{ align-items: baseline; } .justify-start{ justify-content: flex-start; } .justify-end{ justify-content: flex-end; } .\!justify-center{ justify-content: center !important; } .justify-center{ justify-content: center; } .justify-between{ justify-content: space-between; } .justify-around{ justify-content: space-around; } .justify-evenly{ justify-content: space-evenly; } .justify-items-center{ justify-items: center; } .\!gap-0{ gap: 0px !important; } .\!gap-2{ gap: 0.5rem !important; } .gap-1{ gap: 0.25rem; } .gap-16{ gap: 4rem; } .gap-2{ gap: 0.5rem; } .gap-3{ gap: 0.75rem; } .gap-4{ gap: 1rem; } .gap-8{ gap: 2rem; } .\!gap-y-8{ row-gap: 2rem !important; } .gap-x-6{ column-gap: 1.5rem; } .gap-y-2{ row-gap: 0.5rem; } .space-x-4 > :not([hidden]) ~ :not([hidden]){ --tw-space-x-reverse: 0; margin-right: calc(1rem * var(--tw-space-x-reverse)); margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse))); } .space-y-6 > :not([hidden]) ~ :not([hidden]){ --tw-space-y-reverse: 0; margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(1.5rem * var(--tw-space-y-reverse)); } .justify-self-center{ justify-self: center; } .overflow-hidden{ overflow: hidden; } .overflow-x-auto{ overflow-x: auto; } .overflow-y-auto{ overflow-y: auto; } .truncate{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .whitespace-nowrap{ white-space: nowrap; } .\!rounded-none{ border-radius: 0px !important; } .rounded{ border-radius: 0.25rem; } .rounded-2xl{ border-radius: 1rem; } .rounded-\[16px\]{ border-radius: 16px; } .rounded-full{ border-radius: 9999px; } .rounded-lg{ border-radius: 0.5rem; } .rounded-md{ border-radius: 0.375rem; } .rounded-none{ border-radius: 0px; } .rounded-xl{ border-radius: 0.75rem; } .border{ border-width: 1px; } .border-2{ border-width: 2px; } .border-b{ border-bottom-width: 1px; } .border-solid{ border-style: solid; } .border-amber-500{ --tw-border-opacity: 1; border-color: rgb(245 158 11 / var(--tw-border-opacity, 1)); } .border-blue-300{ --tw-border-opacity: 1; border-color: rgb(147 197 253 / var(--tw-border-opacity, 1)); } .border-gray-opacity{ --tw-border-opacity: 1; border-color: rgb(245 245 245 / var(--tw-border-opacity, 1)); } .border-green-700{ --tw-border-opacity: 1; border-color: rgb(21 128 61 / var(--tw-border-opacity, 1)); } .border-light-red{ --tw-border-opacity: 1; border-color: rgb(207 14 16 / var(--tw-border-opacity, 1)); } .border-neutral-300{ --tw-border-opacity: 1; border-color: rgb(212 212 212 / var(--tw-border-opacity, 1)); } .border-red-700{ --tw-border-opacity: 1; border-color: rgb(185 28 28 / var(--tw-border-opacity, 1)); } .\!bg-call{ --tw-bg-opacity: 1 !important; background-color: rgb(104 152 1 / var(--tw-bg-opacity, 1)) !important; } .\!bg-call-end{ --tw-bg-opacity: 1 !important; background-color: rgb(255 30 30 / var(--tw-bg-opacity, 1)) !important; } .\!bg-gray-opacity{ --tw-bg-opacity: 1 !important; background-color: rgb(245 245 245 / var(--tw-bg-opacity, 1)) !important; } .\!bg-transparent{ background-color: transparent !important; } .bg-\[var\(--tui-base-02\)\]{ background-color: var(--tui-base-02); } .bg-blue-600{ --tw-bg-opacity: 1; background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1)); } .bg-gray-opacity{ --tw-bg-opacity: 1; background-color: rgb(245 245 245 / var(--tw-bg-opacity, 1)); } .bg-gray-opacity2{ background-color: rgba(53, 53, 53, 0.10); } .bg-green-700{ --tw-bg-opacity: 1; background-color: rgb(21 128 61 / var(--tw-bg-opacity, 1)); } .bg-light-red{ --tw-bg-opacity: 1; background-color: rgb(207 14 16 / var(--tw-bg-opacity, 1)); } .bg-neutral-100{ --tw-bg-opacity: 1; background-color: rgb(245 245 245 / var(--tw-bg-opacity, 1)); } .bg-red-700{ --tw-bg-opacity: 1; background-color: rgb(185 28 28 / var(--tw-bg-opacity, 1)); } .bg-transparent{ background-color: transparent; } .bg-white{ --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); } .\!bg-gradient-to-t{ background-image: linear-gradient(to top, var(--tw-gradient-stops)) !important; } .bg-gradient-to-t{ background-image: linear-gradient(to top, var(--tw-gradient-stops)); } .from-zendy-dark-red{ --tw-gradient-from: #97000D var(--tw-gradient-from-position); --tw-gradient-to: rgb(151 0 13 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .to-light-red{ --tw-gradient-to: #CF0E10 var(--tw-gradient-to-position); } .object-cover{ object-fit: cover; } .\!p-0{ padding: 0px !important; } .p-0{ padding: 0px; } .p-2{ padding: 0.5rem; } .p-4{ padding: 1rem; } .p-6{ padding: 1.5rem; } .px-0{ padding-left: 0px; padding-right: 0px; } .px-16{ padding-left: 4rem; padding-right: 4rem; } .px-2{ padding-left: 0.5rem; padding-right: 0.5rem; } .px-3{ padding-left: 0.75rem; padding-right: 0.75rem; } .px-4{ padding-left: 1rem; padding-right: 1rem; } .px-5{ padding-left: 1.25rem; padding-right: 1.25rem; } .px-6{ padding-left: 1.5rem; padding-right: 1.5rem; } .px-8{ padding-left: 2rem; padding-right: 2rem; } .py-1{ padding-top: 0.25rem; padding-bottom: 0.25rem; } .py-16{ padding-top: 4rem; padding-bottom: 4rem; } .py-2{ padding-top: 0.5rem; padding-bottom: 0.5rem; } .py-3{ padding-top: 0.75rem; padding-bottom: 0.75rem; } .py-4{ padding-top: 1rem; padding-bottom: 1rem; } .py-6{ padding-top: 1.5rem; padding-bottom: 1.5rem; } .\!pl-0{ padding-left: 0px !important; } .pb-12{ padding-bottom: 3rem; } .pb-4{ padding-bottom: 1rem; } .pl-3{ padding-left: 0.75rem; } .pl-4{ padding-left: 1rem; } .pr-4{ padding-right: 1rem; } .pt-2{ padding-top: 0.5rem; } .pt-24{ padding-top: 6rem; } .pt-4{ padding-top: 1rem; } .pt-5{ padding-top: 1.25rem; } .pt-8{ padding-top: 2rem; } .text-left{ text-align: left; } .text-center{ text-align: center; } .text-right{ text-align: right; } .text-start{ text-align: start; } .text-end{ text-align: end; } .align-middle{ vertical-align: middle; } .align-bottom{ vertical-align: bottom; } .\!text-5xl{ font-size: 3rem !important; line-height: 1 !important; } .\!text-\[100px\]{ font-size: 100px !important; } .\!text-\[20px\]{ font-size: 20px !important; } .\!text-\[25px\]{ font-size: 25px !important; } .\!text-\[30px\]{ font-size: 30px !important; } .\!text-\[50px\]{ font-size: 50px !important; } .\!text-base{ font-size: 1rem !important; line-height: 1.5rem !important; } .text-2xl{ font-size: 1.5rem; line-height: 2rem; } .text-3xl{ font-size: 1.875rem; line-height: 2.25rem; } .text-4xl{ font-size: 2.25rem; line-height: 2.5rem; } .text-5xl{ font-size: 3rem; line-height: 1; } .text-\[24px\]{ font-size: 24px; } .text-\[30px\]{ font-size: 30px; } .text-\[50px\]{ font-size: 50px; } .text-base{ font-size: 1rem; line-height: 1.5rem; } .text-lg{ font-size: 1.125rem; line-height: 1.75rem; } .text-sm{ font-size: 0.875rem; line-height: 1.25rem; } .text-xl{ font-size: 1.25rem; line-height: 1.75rem; } .text-xs{ font-size: 0.75rem; line-height: 1rem; } .\!font-\[600\]{ font-weight: 600 !important; } .\!font-bold{ font-weight: 700 !important; } .\!font-medium{ font-weight: 500 !important; } .font-bold{ font-weight: 700; } .font-medium{ font-weight: 500; } .font-semibold{ font-weight: 600; } .uppercase{ text-transform: uppercase; } .italic{ font-style: italic; } .tracking-tight{ letter-spacing: -0.025em; } .\!text-gray{ --tw-text-opacity: 1 !important; color: rgb(53 53 53 / var(--tw-text-opacity, 1)) !important; } .\!text-light-red{ --tw-text-opacity: 1 !important; color: rgb(207 14 16 / var(--tw-text-opacity, 1)) !important; } .text-amber-500{ --tw-text-opacity: 1; color: rgb(245 158 11 / var(--tw-text-opacity, 1)); } .text-black{ --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity, 1)); } .text-blue-300{ --tw-text-opacity: 1; color: rgb(147 197 253 / var(--tw-text-opacity, 1)); } .text-gray{ --tw-text-opacity: 1; color: rgb(53 53 53 / var(--tw-text-opacity, 1)); } .text-green-600{ --tw-text-opacity: 1; color: rgb(22 163 74 / var(--tw-text-opacity, 1)); } .text-green-700{ --tw-text-opacity: 1; color: rgb(21 128 61 / var(--tw-text-opacity, 1)); } .text-light-red{ --tw-text-opacity: 1; color: rgb(207 14 16 / var(--tw-text-opacity, 1)); } .text-neutral-400{ --tw-text-opacity: 1; color: rgb(163 163 163 / var(--tw-text-opacity, 1)); } .text-red-500{ --tw-text-opacity: 1; color: rgb(239 68 68 / var(--tw-text-opacity, 1)); } .text-red-600{ --tw-text-opacity: 1; color: rgb(220 38 38 / var(--tw-text-opacity, 1)); } .text-red-700{ --tw-text-opacity: 1; color: rgb(185 28 28 / var(--tw-text-opacity, 1)); } .text-white{ --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .underline{ text-decoration-line: underline; } .line-through{ text-decoration-line: line-through; } .\!shadow-none{ --tw-shadow: 0 0 #0000 !important; --tw-shadow-colored: 0 0 #0000 !important; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; } .shadow{ --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-md{ --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-sm{ --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05); --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-xl{ --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .outline{ outline-style: solid; } .outline-1{ outline-width: 1px; } .-outline-offset-1{ outline-offset: -1px; } .ring-1{ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } .ring-2{ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } .ring-black\/5{ --tw-ring-color: rgb(0 0 0 / 0.05); } .ring-red-700\/50{ --tw-ring-color: rgb(185 28 28 / 0.5); } .blur{ --tw-blur: blur(8px); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } .filter{ filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } .transition{ transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .transition-colors{ transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } /* CUSTOMIZATION */ .mat-ripple-element { background-color: rgba(0, 0, 0, 0.1); } .mat-mdc-option { color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87)); } .mat-mdc-option:hover:not(.mdc-list-item--disabled), .mat-mdc-option:focus:not(.mdc-list-item--disabled), .mat-mdc-option.mat-mdc-option-active, .mat-mdc-option.mdc-list-item--selected:not(.mat-mdc-option-multiple):not(.mdc-list-item--disabled) { background: rgba(0, 0, 0, 0.04); } .mat-primary .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled) .mdc-list-item__primary-text { color: var(--mdc-theme-primary, #e53935); } .mat-accent .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled) .mdc-list-item__primary-text { color: var(--mdc-theme-secondary, #ff5252); } .mat-warn .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled) .mdc-list-item__primary-text { color: var(--mdc-theme-error, #ffcdd2); } .mat-mdc-optgroup-label { color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87)); } .mat-pseudo-checkbox-full { color: rgba(0, 0, 0, 0.54); } .mat-pseudo-checkbox-full.mat-pseudo-checkbox-disabled { color: #b0b0b0; } .mat-primary .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal::after, .mat-primary .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal::after { color: #e53935; } .mat-primary .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full, .mat-primary .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full { background: #e53935; } .mat-primary .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full::after, .mat-primary .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full::after { color: #fafafa; } .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal::after, .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal::after { color: #ff5252; } .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full, .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full { background: #ff5252; } .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full::after, .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full::after { color: #fafafa; } .mat-accent .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal::after, .mat-accent .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal::after { color: #ff5252; } .mat-accent .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full, .mat-accent .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full { background: #ff5252; } .mat-accent .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full::after, .mat-accent .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full::after { color: #fafafa; } .mat-warn .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal::after, .mat-warn .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal::after { color: #ffcdd2; } .mat-warn .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full, .mat-warn .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full { background: #ffcdd2; } .mat-warn .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full::after, .mat-warn .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full::after { color: #fafafa; } .mat-pseudo-checkbox-disabled.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal::after, .mat-pseudo-checkbox-disabled.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal::after { color: #b0b0b0; } .mat-pseudo-checkbox-disabled.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full, .mat-pseudo-checkbox-disabled.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full { background: #b0b0b0; } .mat-app-background { background-color: #fafafa; color: rgba(0, 0, 0, 0.87); } .mat-elevation-z0, .mat-mdc-elevation-specific.mat-elevation-z0 { box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); } .mat-elevation-z1, .mat-mdc-elevation-specific.mat-elevation-z1 { box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); } .mat-elevation-z2, .mat-mdc-elevation-specific.mat-elevation-z2 { box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); } .mat-elevation-z3, .mat-mdc-elevation-specific.mat-elevation-z3 { box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12); } .mat-elevation-z4, .mat-mdc-elevation-specific.mat-elevation-z4 { box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); } .mat-elevation-z5, .mat-mdc-elevation-specific.mat-elevation-z5 { box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12); } .mat-elevation-z6, .mat-mdc-elevation-specific.mat-elevation-z6 { box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); } .mat-elevation-z7, .mat-mdc-elevation-specific.mat-elevation-z7 { box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12); } .mat-elevation-z8, .mat-mdc-elevation-specific.mat-elevation-z8 { box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); } .mat-elevation-z9, .mat-mdc-elevation-specific.mat-elevation-z9 { box-shadow: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12); } .mat-elevation-z10, .mat-mdc-elevation-specific.mat-elevation-z10 { box-shadow: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12); } .mat-elevation-z11, .mat-mdc-elevation-specific.mat-elevation-z11 { box-shadow: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12); } .mat-elevation-z12, .mat-mdc-elevation-specific.mat-elevation-z12 { box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12); } .mat-elevation-z13, .mat-mdc-elevation-specific.mat-elevation-z13 { box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12); } .mat-elevation-z14, .mat-mdc-elevation-specific.mat-elevation-z14 { box-shadow: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12); } .mat-elevation-z15, .mat-mdc-elevation-specific.mat-elevation-z15 { box-shadow: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12); } .mat-elevation-z16, .mat-mdc-elevation-specific.mat-elevation-z16 { box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12); } .mat-elevation-z17, .mat-mdc-elevation-specific.mat-elevation-z17 { box-shadow: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12); } .mat-elevation-z18, .mat-mdc-elevation-specific.mat-elevation-z18 { box-shadow: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12); } .mat-elevation-z19, .mat-mdc-elevation-specific.mat-elevation-z19 { box-shadow: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12); } .mat-elevation-z20, .mat-mdc-elevation-specific.mat-elevation-z20 { box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12); } .mat-elevation-z21, .mat-mdc-elevation-specific.mat-elevation-z21 { box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12); } .mat-elevation-z22, .mat-mdc-elevation-specific.mat-elevation-z22 { box-shadow: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12); } .mat-elevation-z23, .mat-mdc-elevation-specific.mat-elevation-z23 { box-shadow: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12); } .mat-elevation-z24, .mat-mdc-elevation-specific.mat-elevation-z24 { box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); } .mat-theme-loaded-marker { display: none; } .mat-mdc-card { box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); --mdc-elevated-card-container-color: #fff; } .mat-mdc-card-outlined { box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); --mdc-outlined-card-outline-color: #e0e0e0; } .mat-mdc-card-subtitle { color: rgba(0, 0, 0, 0.54); } .mat-mdc-progress-bar { --mdc-linear-progress-active-indicator-color: #e53935; } .mat-mdc-progress-bar .mdc-linear-progress__buffer-dots { background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='rgba(229, 57, 53, 0.25)'/%3E%3C/svg%3E"); } .mat-mdc-progress-bar .mdc-linear-progress__buffer-bar { background-color: rgba(229, 57, 53, 0.25); } .mat-mdc-progress-bar.mat-accent { --mdc-linear-progress-active-indicator-color: #ff5252; } .mat-mdc-progress-bar.mat-accent .mdc-linear-progress__buffer-dots { background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='rgba(255, 82, 82, 0.25)'/%3E%3C/svg%3E"); } .mat-mdc-progress-bar.mat-accent .mdc-linear-progress__buffer-bar { background-color: rgba(255, 82, 82, 0.25); } .mat-mdc-progress-bar.mat-warn { --mdc-linear-progress-active-indicator-color: #ffcdd2; } .mat-mdc-progress-bar.mat-warn .mdc-linear-progress__buffer-dots { background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='rgba(255, 205, 210, 0.25)'/%3E%3C/svg%3E"); } .mat-mdc-progress-bar.mat-warn .mdc-linear-progress__buffer-bar { background-color: rgba(255, 205, 210, 0.25); } .mat-mdc-tooltip { --mdc-plain-tooltip-container-color: #616161; --mdc-plain-tooltip-supporting-text-color: white; } .mdc-text-field:not(.mdc-text-field--disabled) .mdc-floating-label { color: rgba(0, 0, 0, 0.6); } .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input { color: rgba(0, 0, 0, 0.87); } @media all { .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input::placeholder { color: rgba(0, 0, 0, 0.6); } .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input:-ms-input-placeholder { color: rgba(0, 0, 0, 0.6); } } .mdc-text-field .mdc-text-field__input { caret-color: var(--mdc-theme-primary, #e53935); } .mdc-text-field:not(.mdc-text-field--disabled) + .mdc-text-field-helper-line .mdc-text-field-helper-text { color: rgba(0, 0, 0, 0.6); } .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field-character-counter, .mdc-text-field:not(.mdc-text-field--disabled) + .mdc-text-field-helper-line .mdc-text-field-character-counter { color: rgba(0, 0, 0, 0.6); } .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__icon--leading { color: rgba(0, 0, 0, 0.54); } .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__icon--trailing { color: rgba(0, 0, 0, 0.54); } .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__affix--prefix { color: rgba(0, 0, 0, 0.6); } .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__affix--suffix { color: rgba(0, 0, 0, 0.6); } .mdc-text-field--filled .mdc-text-field__ripple::before, .mdc-text-field--filled .mdc-text-field__ripple::after { background-color: var(--mdc-ripple-color, rgba(0, 0, 0, 0.87)); } .mdc-text-field--filled:hover .mdc-text-field__ripple::before, .mdc-text-field--filled.mdc-ripple-surface--hover .mdc-text-field__ripple::before { opacity: var(--mdc-ripple-hover-opacity, 0.04); } .mdc-text-field--filled.mdc-ripple-upgraded--background-focused .mdc-text-field__ripple::before, .mdc-text-field--filled:not(.mdc-ripple-upgraded):focus .mdc-text-field__ripple::before { opacity: var(--mdc-ripple-focus-opacity, 0.12); } .mdc-text-field--filled:not(.mdc-text-field--disabled) { background-color: whitesmoke; } .mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-line-ripple::before { border-bottom-color: rgba(0, 0, 0, 0.42); } .mdc-text-field--filled:not(.mdc-text-field--disabled):hover .mdc-line-ripple::before { border-bottom-color: rgba(0, 0, 0, 0.87); } .mdc-text-field--filled .mdc-line-ripple::after { border-bottom-color: var(--mdc-theme-primary, #e53935); } .mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__leading, .mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__notch, .mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing { border-color: rgba(0, 0, 0, 0.38); } .mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__leading, .mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__notch, .mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__trailing { border-color: rgba(0, 0, 0, 0.87); } .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__leading, .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__notch, .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing { border-color: var(--mdc-theme-primary, #e53935); } [dir=rtl] .mdc-text-field--outlined.mdc-text-field--with-leading-icon, .mdc-text-field--outlined.mdc-text-field--with-leading-icon[dir=rtl] { /*rtl:begin:ignore*/ /*rtl:end:ignore*/ } [dir=rtl] .mdc-text-field--outlined.mdc-text-field--with-trailing-icon, .mdc-text-field--outlined.mdc-text-field--with-trailing-icon[dir=rtl] { /*rtl:begin:ignore*/ /*rtl:end:ignore*/ } .mdc-text-field--outlined .mdc-text-field__ripple::before, .mdc-text-field--outlined .mdc-text-field__ripple::after { background-color: var(--mdc-ripple-color, transparent); } [dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined, .mdc-text-field--with-leading-icon.mdc-text-field--outlined[dir=rtl] { /*rtl:begin:ignore*/ /*rtl:end:ignore*/ } .mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-floating-label { color: rgba(229, 57, 53, 0.87); } .mdc-text-field--invalid:not(.mdc-text-field--disabled):hover .mdc-line-ripple::before { border-bottom-color: var(--mdc-theme-error, #ffcdd2); } .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-line-ripple::after { border-bottom-color: var(--mdc-theme-error, #ffcdd2); } .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-floating-label { color: var(--mdc-theme-error, #ffcdd2); } .mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--invalid + .mdc-text-field-helper-line .mdc-text-field-helper-text--validation-msg { color: var(--mdc-theme-error, #ffcdd2); } .mdc-text-field--invalid .mdc-text-field__input { caret-color: var(--mdc-theme-error, #ffcdd2); } .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-text-field__icon--trailing { color: var(--mdc-theme-error, #ffcdd2); } .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-line-ripple::before { border-bottom-color: var(--mdc-theme-error, #ffcdd2); } .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__leading, .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__notch, .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing { border-color: var(--mdc-theme-error, #ffcdd2); } .mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__leading, .mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__notch, .mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__trailing { border-color: var(--mdc-theme-error, #ffcdd2); } .mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__leading, .mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__notch, .mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing { border-color: var(--mdc-theme-error, #ffcdd2); } .mdc-text-field--disabled .mdc-text-field__input { color: rgba(0, 0, 0, 0.38); } @media all { .mdc-text-field--disabled .mdc-text-field__input::placeholder { color: rgba(0, 0, 0, 0.38); } .mdc-text-field--disabled .mdc-text-field__input:-ms-input-placeholder { color: rgba(0, 0, 0, 0.38); } } .mdc-text-field--disabled .mdc-floating-label { color: rgba(0, 0, 0, 0.38); } .mdc-text-field--disabled + .mdc-text-field-helper-line .mdc-text-field-helper-text { color: rgba(0, 0, 0, 0.38); } .mdc-text-field--disabled .mdc-text-field-character-counter, .mdc-text-field--disabled + .mdc-text-field-helper-line .mdc-text-field-character-counter { color: rgba(0, 0, 0, 0.38); } .mdc-text-field--disabled .mdc-text-field__icon--leading { color: rgba(0, 0, 0, 0.3); } .mdc-text-field--disabled .mdc-text-field__icon--trailing { color: rgba(0, 0, 0, 0.3); } .mdc-text-field--disabled .mdc-text-field__affix--prefix { color: rgba(0, 0, 0, 0.38); } .mdc-text-field--disabled .mdc-text-field__affix--suffix { color: rgba(0, 0, 0, 0.38); } .mdc-text-field--disabled .mdc-line-ripple::before { border-bottom-color: rgba(0, 0, 0, 0.06); } .mdc-text-field--disabled .mdc-notched-outline__leading, .mdc-text-field--disabled .mdc-notched-outline__notch, .mdc-text-field--disabled .mdc-notched-outline__trailing { border-color: rgba(0, 0, 0, 0.06); } @media screen and (forced-colors: active), (-ms-high-contrast: active) { .mdc-text-field--disabled .mdc-text-field__input::placeholder { color: GrayText; } .mdc-text-field--disabled .mdc-text-field__input:-ms-input-placeholder { color: GrayText; } .mdc-text-field--disabled .mdc-floating-label { color: GrayText; } .mdc-text-field--disabled + .mdc-text-field-helper-line .mdc-text-field-helper-text { color: GrayText; } .mdc-text-field--disabled .mdc-text-field-character-counter, .mdc-text-field--disabled + .mdc-text-field-helper-line .mdc-text-field-character-counter { color: GrayText; } .mdc-text-field--disabled .mdc-text-field__icon--leading { color: GrayText; } .mdc-text-field--disabled .mdc-text-field__icon--trailing { color: GrayText; } .mdc-text-field--disabled .mdc-text-field__affix--prefix { color: GrayText; } .mdc-text-field--disabled .mdc-text-field__affix--suffix { color: GrayText; } .mdc-text-field--disabled .mdc-line-ripple::before { border-bottom-color: GrayText; } .mdc-text-field--disabled .mdc-notched-outline__leading, .mdc-text-field--disabled .mdc-notched-outline__notch, .mdc-text-field--disabled .mdc-notched-outline__trailing { border-color: GrayText; } } .mdc-text-field--disabled.mdc-text-field--filled { background-color: #fafafa; } [dir=rtl] .mdc-text-field--end-aligned .mdc-text-field__input, .mdc-text-field--end-aligned .mdc-text-field__input[dir=rtl] { /*rtl:begin:ignore*/ /*rtl:end:ignore*/ } [dir=rtl] .mdc-floating-label--required:not(.mdc-floating-label--hide-required-marker), .mdc-floating-label--required:not(.mdc-floating-label--hide-required-marker)[dir=rtl] { /*rtl:begin:ignore*/ /*rtl:end:ignore*/ } .mat-mdc-form-field-error { color: var(--mdc-theme-error, #ffcdd2); } .mat-mdc-form-field-focus-overlay { background-color: rgba(0, 0, 0, 0.87); } .mat-mdc-form-field:hover .mat-mdc-form-field-focus-overlay { opacity: 0.04; } .mat-mdc-form-field.mat-focused .mat-mdc-form-field-focus-overlay { opacity: 0.12; } .mat-mdc-form-field-type-mat-native-select .mat-mdc-form-field-infix::after { color: rgba(0, 0, 0, 0.54); } .mat-mdc-form-field-type-mat-native-select.mat-focused.mat-primary .mat-mdc-form-field-infix::after { color: rgba(229, 57, 53, 0.87); } .mat-mdc-form-field-type-mat-native-select.mat-focused.mat-accent .mat-mdc-form-field-infix::after { color: rgba(255, 82, 82, 0.87); } .mat-mdc-form-field-type-mat-native-select.mat-focused.mat-warn .mat-mdc-form-field-infix::after { color: rgba(255, 205, 210, 0.87); } .mat-mdc-form-field-type-mat-native-select.mat-form-field-disabled .mat-mdc-form-field-infix::after { color: rgba(0, 0, 0, 0.38); } .mat-mdc-form-field.mat-accent .mdc-text-field__input { caret-color: var(--mdc-theme-secondary, #ff5252); } .mat-mdc-form-field.mat-accent:not(.mdc-text-field--disabled) .mdc-line-ripple::after { border-bottom-color: var(--mdc-theme-secondary, #ff5252); } .mat-mdc-form-field.mat-accent .mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-floating-label { color: rgba(255, 82, 82, 0.87); } .mat-mdc-form-field.mat-accent .mdc-text-field--invalid:not(.mdc-text-field--disabled):hover .mdc-line-ripple::before { border-bottom-color: var(--mdc-theme-error, #ffcdd2); } .mat-mdc-form-field.mat-accent .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-line-ripple::after { border-bottom-color: var(--mdc-theme-error, #ffcdd2); } .mat-mdc-form-field.mat-accent .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-floating-label { color: var(--mdc-theme-error, #ffcdd2); } .mat-mdc-form-field.mat-accent .mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--invalid + .mdc-text-field-helper-line .mdc-text-field-helper-text--validation-msg { color: var(--mdc-theme-error, #ffcdd2); } .mat-mdc-form-field.mat-accent .mdc-text-field--invalid .mdc-text-field__input { caret-color: var(--mdc-theme-error, #ffcdd2); } .mat-mdc-form-field.mat-accent .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-text-field__icon--trailing { color: var(--mdc-theme-error, #ffcdd2); } .mat-mdc-form-field.mat-accent .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-line-ripple::before { border-bottom-color: var(--mdc-theme-error, #ffcdd2); } .mat-mdc-form-field.mat-accent .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__leading, .mat-mdc-form-field.mat-accent .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__notch, .mat-mdc-form-field.mat-accent .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing { border-color: var(--mdc-theme-error, #ffcdd2); } .mat-mdc-form-field.mat-accent .mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__leading, .mat-mdc-form-field.mat-accent .mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__notch, .mat-mdc-form-field.mat-accent .mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__trailing { border-color: var(--mdc-theme-error, #ffcdd2); } .mat-mdc-form-field.mat-accent .mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__leading, .mat-mdc-form-field.mat-accent .mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__notch, .mat-mdc-form-field.mat-accent .mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing { border-color: var(--mdc-theme-error, #ffcdd2); } .mat-mdc-form-field.mat-accent .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__leading, .mat-mdc-form-field.mat-accent .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__notch, .mat-mdc-form-field.mat-accent .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing { border-color: var(--mdc-theme-secondary, #ff5252); } .mat-mdc-form-field.mat-warn .mdc-text-field__input { caret-color: var(--mdc-theme-error, #ffcdd2); } .mat-mdc-form-field.mat-warn:not(.mdc-text-field--disabled) .mdc-line-ripple::after { border-bottom-color: var(--mdc-theme-error, #ffcdd2); } .mat-mdc-form-field.mat-warn .mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-floating-label { color: rgba(255, 205, 210, 0.87); } .mat-mdc-form-field.mat-warn .mdc-text-field--invalid:not(.mdc-text-field--disabled):hover .mdc-line-ripple::before { border-bottom-color: var(--mdc-theme-error, #ffcdd2); } .mat-mdc-form-field.mat-warn .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-line-ripple::after { border-bottom-color: var(--mdc-theme-error, #ffcdd2); } .mat-mdc-form-field.mat-warn .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-floating-label { color: var(--mdc-theme-error, #ffcdd2); } .mat-mdc-form-field.mat-warn .mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--invalid + .mdc-text-field-helper-line .mdc-text-field-helper-text--validation-msg { color: var(--mdc-theme-error, #ffcdd2); } .mat-mdc-form-field.mat-warn .mdc-text-field--invalid .mdc-text-field__input { caret-color: var(--mdc-theme-error, #ffcdd2); } .mat-mdc-form-field.mat-warn .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-text-field__icon--trailing { color: var(--mdc-theme-error, #ffcdd2); } .mat-mdc-form-field.mat-warn .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-line-ripple::before { border-bottom-color: var(--mdc-theme-error, #ffcdd2); } .mat-mdc-form-field.mat-warn .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__leading, .mat-mdc-form-field.mat-warn .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__notch, .mat-mdc-form-field.mat-warn .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing { border-color: var(--mdc-theme-error, #ffcdd2); } .mat-mdc-form-field.mat-warn .mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__leading, .mat-mdc-form-field.mat-warn .mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__notch, .mat-mdc-form-field.mat-warn .mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__trailing { border-color: var(--mdc-theme-error, #ffcdd2); } .mat-mdc-form-field.mat-warn .mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__leading, .mat-mdc-form-field.mat-warn .mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__notch, .mat-mdc-form-field.mat-warn .mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing { border-color: var(--mdc-theme-error, #ffcdd2); } .mat-mdc-form-field.mat-warn .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__leading, .mat-mdc-form-field.mat-warn .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__notch, .mat-mdc-form-field.mat-warn .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing { border-color: var(--mdc-theme-error, #ffcdd2); } .mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field .mdc-notched-outline__notch { border-left: 1px solid transparent; } [dir=rtl] .mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field .mdc-notched-outline__notch { border-left: none; border-right: 1px solid transparent; } .mat-mdc-form-field-infix { min-height: 56px; } .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-floating-label { top: 28px; } .mat-mdc-text-field-wrapper.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above { --mat-mdc-form-field-label-transform: translateY( -34.75px) scale(var(--mat-mdc-form-field-floating-label-scale, 0.75)); transform: var(--mat-mdc-form-field-label-transform); } .mat-mdc-text-field-wrapper.mdc-text-field--outlined .mat-mdc-form-field-infix { padding-top: 16px; padding-bottom: 16px; } .mat-mdc-text-field-wrapper:not(.mdc-text-field--outlined) .mat-mdc-form-field-infix { padding-top: 24px; padding-bottom: 8px; } .mdc-text-field--no-label:not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mat-mdc-form-field-infix { padding-top: 16px; padding-bottom: 16px; } .mdc-menu-surface { box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); background-color: var(--mdc-theme-surface, #fff); color: var(--mdc-theme-on-surface, #000); } .mdc-list-item__primary-text { color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87)); } .mdc-list-item__secondary-text { color: var(--mdc-theme-text-secondary-on-background, rgba(0, 0, 0, 0.54)); } .mdc-list-item__overline-text { color: var(--mdc-theme-text-hint-on-background, rgba(0, 0, 0, 0.38)); } .mdc-list-item--with-leading-icon .mdc-list-item__start, .mdc-list-item--with-trailing-icon .mdc-list-item__end { background-color: transparent; color: var(--mdc-theme-text-icon-on-background, rgba(0, 0, 0, 0.38)); } .mdc-list-item__end { color: var(--mdc-theme-text-hint-on-background, rgba(0, 0, 0, 0.38)); } .mdc-list-item--disabled .mdc-list-item__start, .mdc-list-item--disabled .mdc-list-item__content, .mdc-list-item--disabled .mdc-list-item__end { opacity: 0.38; } .mdc-list-item--disabled .mdc-list-item__primary-text { color: var(--mdc-theme-on-surface, #000); } .mdc-list-item--disabled .mdc-list-item__secondary-text { color: var(--mdc-theme-on-surface, #000); } .mdc-list-item--disabled .mdc-list-item__overline-text { color: var(--mdc-theme-on-surface, #000); } .mdc-list-item--disabled.mdc-list-item--with-leading-icon .mdc-list-item__start { color: var(--mdc-theme-on-surface, #000); } .mdc-list-item--disabled.mdc-list-item--with-trailing-icon .mdc-list-item__end { color: var(--mdc-theme-on-surface, #000); } .mdc-list-item--disabled.mdc-list-item--with-trailing-meta .mdc-list-item__end { color: var(--mdc-theme-on-surface, #000); } .mdc-list-item--selected .mdc-list-item__primary-text, .mdc-list-item--activated .mdc-list-item__primary-text { color: var(--mdc-theme-primary, #e53935); } .mdc-list-item--selected.mdc-list-item--with-leading-icon .mdc-list-item__start, .mdc-list-item--activated.mdc-list-item--with-leading-icon .mdc-list-item__start { color: var(--mdc-theme-primary, #e53935); } .mdc-deprecated-list-group__subheader { color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87)); } .mdc-list-divider::after { border-bottom-color: white; } .mdc-list-divider { background-color: rgba(0, 0, 0, 0.12); } .mat-mdc-select-value { color: rgba(0, 0, 0, 0.87); } .mat-mdc-select-placeholder { color: rgba(0, 0, 0, 0.6); } .mat-mdc-select-disabled .mat-mdc-select-value { color: rgba(0, 0, 0, 0.38); } .mat-mdc-select-arrow { color: rgba(0, 0, 0, 0.54); } .mat-mdc-form-field.mat-focused.mat-primary .mat-mdc-select-arrow { color: rgba(229, 57, 53, 0.87); } .mat-mdc-form-field.mat-focused.mat-accent .mat-mdc-select-arrow { color: rgba(255, 82, 82, 0.87); } .mat-mdc-form-field.mat-focused.mat-warn .mat-mdc-select-arrow { color: rgba(255, 205, 210, 0.87); } .mat-mdc-form-field .mat-mdc-select.mat-mdc-select-invalid .mat-mdc-select-arrow { color: rgba(255, 205, 210, 0.87); } .mat-mdc-form-field .mat-mdc-select.mat-mdc-select-disabled .mat-mdc-select-arrow { color: rgba(0, 0, 0, 0.38); } .mdc-menu-surface { box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); background-color: var(--mdc-theme-surface, #fff); color: var(--mdc-theme-on-surface, #000); } .mdc-list-item__primary-text { color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87)); } .mdc-list-item__secondary-text { color: var(--mdc-theme-text-secondary-on-background, rgba(0, 0, 0, 0.54)); } .mdc-list-item__overline-text { color: var(--mdc-theme-text-hint-on-background, rgba(0, 0, 0, 0.38)); } .mdc-list-item--with-leading-icon .mdc-list-item__start, .mdc-list-item--with-trailing-icon .mdc-list-item__end { background-color: transparent; color: var(--mdc-theme-text-icon-on-background, rgba(0, 0, 0, 0.38)); } .mdc-list-item__end { color: var(--mdc-theme-text-hint-on-background, rgba(0, 0, 0, 0.38)); } .mdc-list-item--disabled .mdc-list-item__start, .mdc-list-item--disabled .mdc-list-item__content, .mdc-list-item--disabled .mdc-list-item__end { opacity: 0.38; } .mdc-list-item--disabled .mdc-list-item__primary-text { color: var(--mdc-theme-on-surface, #000); } .mdc-list-item--disabled .mdc-list-item__secondary-text { color: var(--mdc-theme-on-surface, #000); } .mdc-list-item--disabled .mdc-list-item__overline-text { color: var(--mdc-theme-on-surface, #000); } .mdc-list-item--disabled.mdc-list-item--with-leading-icon .mdc-list-item__start { color: var(--mdc-theme-on-surface, #000); } .mdc-list-item--disabled.mdc-list-item--with-trailing-icon .mdc-list-item__end { color: var(--mdc-theme-on-surface, #000); } .mdc-list-item--disabled.mdc-list-item--with-trailing-meta .mdc-list-item__end { color: var(--mdc-theme-on-surface, #000); } .mdc-list-item--selected .mdc-list-item__primary-text, .mdc-list-item--activated .mdc-list-item__primary-text { color: var(--mdc-theme-primary, #e53935); } .mdc-list-item--selected.mdc-list-item--with-leading-icon .mdc-list-item__start, .mdc-list-item--activated.mdc-list-item--with-leading-icon .mdc-list-item__start { color: var(--mdc-theme-primary, #e53935); } .mdc-deprecated-list-group__subheader { color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87)); } .mdc-list-divider::after { border-bottom-color: white; } .mdc-list-divider { background-color: rgba(0, 0, 0, 0.12); } .mat-mdc-dialog-container { --mdc-dialog-container-color: white; --mdc-dialog-with-divider-divider-color: rgba(0, 0, 0, 0.12); --mdc-dialog-subhead-color: rgba(0, 0, 0, 0.87); --mdc-dialog-supporting-text-color: rgba(0, 0, 0, 0.6); } .mat-mdc-standard-chip { --mdc-chip-elevated-container-color: #e0e0e0; --mdc-chip-elevated-disabled-container-color: #e0e0e0; --mdc-chip-label-text-color: #212121; --mdc-chip-disabled-label-text-color: #212121; --mdc-chip-with-icon-icon-color: #212121; --mdc-chip-with-icon-disabled-icon-color: #212121; --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: #212121; --mdc-chip-with-trailing-icon-trailing-icon-color: #212121; --mdc-chip-with-icon-selected-icon-color: #212121; } .mat-mdc-standard-chip.mat-primary.mat-mdc-chip-selected, .mat-mdc-standard-chip.mat-primary.mat-mdc-chip-highlighted { --mdc-chip-elevated-container-color: #e53935; --mdc-chip-elevated-disabled-container-color: #e53935; --mdc-chip-label-text-color: white; --mdc-chip-disabled-label-text-color: white; --mdc-chip-with-icon-icon-color: white; --mdc-chip-with-icon-disabled-icon-color: white; --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: white; --mdc-chip-with-trailing-icon-trailing-icon-color: white; --mdc-chip-with-icon-selected-icon-color: white; } .mat-mdc-standard-chip.mat-accent.mat-mdc-chip-selected, .mat-mdc-standard-chip.mat-accent.mat-mdc-chip-highlighted { --mdc-chip-elevated-container-color: #ff5252; --mdc-chip-elevated-disabled-container-color: #ff5252; --mdc-chip-label-text-color: white; --mdc-chip-disabled-label-text-color: white; --mdc-chip-with-icon-icon-color: white; --mdc-chip-with-icon-disabled-icon-color: white; --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: white; --mdc-chip-with-trailing-icon-trailing-icon-color: white; --mdc-chip-with-icon-selected-icon-color: white; } .mat-mdc-standard-chip.mat-warn.mat-mdc-chip-selected, .mat-mdc-standard-chip.mat-warn.mat-mdc-chip-highlighted { --mdc-chip-elevated-container-color: #ffcdd2; --mdc-chip-elevated-disabled-container-color: #ffcdd2; --mdc-chip-label-text-color: rgba(0, 0, 0, 0.87); --mdc-chip-disabled-label-text-color: rgba(0, 0, 0, 0.87); --mdc-chip-with-icon-icon-color: rgba(0, 0, 0, 0.87); --mdc-chip-with-icon-disabled-icon-color: rgba(0, 0, 0, 0.87); --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87); --mdc-chip-with-trailing-icon-trailing-icon-color: rgba(0, 0, 0, 0.87); --mdc-chip-with-icon-selected-icon-color: rgba(0, 0, 0, 0.87); } .mat-mdc-chip-focus-overlay { background: black; } .mat-mdc-chip { height: 32px; } .mat-mdc-slide-toggle { --mdc-switch-disabled-selected-handle-color: #424242; --mdc-switch-disabled-unselected-handle-color: #424242; --mdc-switch-disabled-selected-track-color: #424242; --mdc-switch-disabled-unselected-track-color: #424242; --mdc-switch-unselected-focus-state-layer-color: #424242; --mdc-switch-unselected-pressed-state-layer-color: #424242; --mdc-switch-unselected-hover-state-layer-color: #424242; --mdc-switch-unselected-focus-track-color: #e0e0e0; --mdc-switch-unselected-hover-track-color: #e0e0e0; --mdc-switch-unselected-pressed-track-color: #e0e0e0; --mdc-switch-unselected-track-color: #e0e0e0; --mdc-switch-unselected-focus-handle-color: #212121; --mdc-switch-unselected-hover-handle-color: #212121; --mdc-switch-unselected-pressed-handle-color: #212121; --mdc-switch-handle-surface-color: var(--mdc-theme-surface, #fff); --mdc-switch-unselected-handle-color: #616161; --mdc-switch-selected-icon-color: #fff; --mdc-switch-disabled-selected-icon-color: #fff; --mdc-switch-disabled-unselected-icon-color: #fff; --mdc-switch-unselected-icon-color: #fff; } .mat-mdc-slide-toggle .mdc-form-field { color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87)); } .mat-mdc-slide-toggle .mdc-switch--disabled + label { color: rgba(0, 0, 0, 0.38); } .mat-mdc-slide-toggle.mat-primary { --mdc-switch-selected-focus-state-layer-color: #e53935; --mdc-switch-selected-handle-color: #e53935; --mdc-switch-selected-hover-state-layer-color: #e53935; --mdc-switch-selected-pressed-state-layer-color: #e53935; --mdc-switch-selected-focus-handle-color: #b71c1c; --mdc-switch-selected-hover-handle-color: #b71c1c; --mdc-switch-selected-pressed-handle-color: #b71c1c; --mdc-switch-selected-focus-track-color: #e57373; --mdc-switch-selected-hover-track-color: #e57373; --mdc-switch-selected-pressed-track-color: #e57373; --mdc-switch-selected-track-color: #e57373; } .mat-mdc-slide-toggle.mat-accent { --mdc-switch-selected-focus-state-layer-color: #e53935; --mdc-switch-selected-handle-color: #e53935; --mdc-switch-selected-hover-state-layer-color: #e53935; --mdc-switch-selected-pressed-state-layer-color: #e53935; --mdc-switch-selected-focus-handle-color: #b71c1c; --mdc-switch-selected-hover-handle-color: #b71c1c; --mdc-switch-selected-pressed-handle-color: #b71c1c; --mdc-switch-selected-focus-track-color: #e57373; --mdc-switch-selected-hover-track-color: #e57373; --mdc-switch-selected-pressed-track-color: #e57373; --mdc-switch-selected-track-color: #e57373; } .mat-mdc-slide-toggle.mat-warn { --mdc-switch-selected-focus-state-layer-color: #e53935; --mdc-switch-selected-handle-color: #e53935; --mdc-switch-selected-hover-state-layer-color: #e53935; --mdc-switch-selected-pressed-state-layer-color: #e53935; --mdc-switch-selected-focus-handle-color: #b71c1c; --mdc-switch-selected-hover-handle-color: #b71c1c; --mdc-switch-selected-pressed-handle-color: #b71c1c; --mdc-switch-selected-focus-track-color: #e57373; --mdc-switch-selected-hover-track-color: #e57373; --mdc-switch-selected-pressed-track-color: #e57373; --mdc-switch-selected-track-color: #e57373; } .mat-mdc-slide-toggle { --mdc-switch-state-layer-size: 48px; } .mat-mdc-radio-button .mdc-form-field { color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87)); } .mat-mdc-radio-button.mat-primary { --mdc-radio-disabled-selected-icon-color: #000; --mdc-radio-disabled-unselected-icon-color: #000; --mdc-radio-unselected-focus-icon-color: #212121; --mdc-radio-unselected-hover-icon-color: #212121; --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54); --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54); --mdc-radio-selected-focus-icon-color: #e53935; --mdc-radio-selected-hover-icon-color: #e53935; --mdc-radio-selected-icon-color: #e53935; --mdc-radio-selected-pressed-icon-color: #e53935; --mat-mdc-radio-ripple-color: #000; --mat-mdc-radio-checked-ripple-color: #e53935; } .mat-mdc-radio-button.mat-primary .mdc-radio--disabled + label { color: rgba(0, 0, 0, 0.38); } .mat-mdc-radio-button.mat-accent { --mdc-radio-disabled-selected-icon-color: #000; --mdc-radio-disabled-unselected-icon-color: #000; --mdc-radio-unselected-focus-icon-color: #212121; --mdc-radio-unselected-hover-icon-color: #212121; --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54); --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54); --mdc-radio-selected-focus-icon-color: #ff5252; --mdc-radio-selected-hover-icon-color: #ff5252; --mdc-radio-selected-icon-color: #ff5252; --mdc-radio-selected-pressed-icon-color: #ff5252; --mat-mdc-radio-ripple-color: #000; --mat-mdc-radio-checked-ripple-color: #ff5252; } .mat-mdc-radio-button.mat-accent .mdc-radio--disabled + label { color: rgba(0, 0, 0, 0.38); } .mat-mdc-radio-button.mat-warn { --mdc-radio-disabled-selected-icon-color: #000; --mdc-radio-disabled-unselected-icon-color: #000; --mdc-radio-unselected-focus-icon-color: #212121; --mdc-radio-unselected-hover-icon-color: #212121; --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54); --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54); --mdc-radio-selected-focus-icon-color: #ffcdd2; --mdc-radio-selected-hover-icon-color: #ffcdd2; --mdc-radio-selected-icon-color: #ffcdd2; --mdc-radio-selected-pressed-icon-color: #ffcdd2; --mat-mdc-radio-ripple-color: #000; --mat-mdc-radio-checked-ripple-color: #ffcdd2; } .mat-mdc-radio-button.mat-warn .mdc-radio--disabled + label { color: rgba(0, 0, 0, 0.38); } .mat-mdc-radio-button .mdc-radio { padding: calc((40px - 20px) / 2); } .mat-mdc-radio-button .mdc-radio .mdc-radio__background::before { top: calc(-1 * (40px - 20px) / 2); left: calc(-1 * (40px - 20px) / 2); width: 40px; height: 40px; } .mat-mdc-radio-button .mdc-radio .mdc-radio__native-control { top: calc((40px - 40px) / 2); right: calc((40px - 40px) / 2); left: calc((40px - 40px) / 2); width: 40px; height: 40px; } .mat-mdc-slider { --mdc-slider-label-container-color: black; --mdc-slider-label-label-text-color: white; --mdc-slider-disabled-handle-color: #000; --mdc-slider-disabled-active-track-color: #000; --mdc-slider-disabled-inactive-track-color: #000; --mdc-slider-with-tick-marks-disabled-container-color: #000; --mat-mdc-slider-value-indicator-opacity: 0.6; } .mat-mdc-slider.mat-primary { --mdc-slider-handle-color: #e53935; --mdc-slider-focus-handle-color: #e53935; --mdc-slider-hover-handle-color: #e53935; --mdc-slider-active-track-color: #e53935; --mdc-slider-inactive-track-color: #e53935; --mdc-slider-with-tick-marks-active-container-color: #fff; --mdc-slider-with-tick-marks-inactive-container-color: #e53935; --mat-mdc-slider-ripple-color: #e53935; --mat-mdc-slider-hover-ripple-color: rgba(229, 57, 53, 0.05); --mat-mdc-slider-focus-ripple-color: rgba(229, 57, 53, 0.2); } .mat-mdc-slider.mat-accent { --mdc-slider-handle-color: #ff5252; --mdc-slider-focus-handle-color: #ff5252; --mdc-slider-hover-handle-color: #ff5252; --mdc-slider-active-track-color: #ff5252; --mdc-slider-inactive-track-color: #ff5252; --mdc-slider-with-tick-marks-active-container-color: #fff; --mdc-slider-with-tick-marks-inactive-container-color: #ff5252; --mat-mdc-slider-ripple-color: #ff5252; --mat-mdc-slider-hover-ripple-color: rgba(255, 82, 82, 0.05); --mat-mdc-slider-focus-ripple-color: rgba(255, 82, 82, 0.2); } .mat-mdc-slider.mat-warn { --mdc-slider-handle-color: #ffcdd2; --mdc-slider-focus-handle-color: #ffcdd2; --mdc-slider-hover-handle-color: #ffcdd2; --mdc-slider-active-track-color: #ffcdd2; --mdc-slider-inactive-track-color: #ffcdd2; --mdc-slider-with-tick-marks-active-container-color: #000; --mdc-slider-with-tick-marks-inactive-container-color: #ffcdd2; --mat-mdc-slider-ripple-color: #ffcdd2; --mat-mdc-slider-hover-ripple-color: rgba(255, 205, 210, 0.05); --mat-mdc-slider-focus-ripple-color: rgba(255, 205, 210, 0.2); } .mdc-menu-surface { box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); background-color: var(--mdc-theme-surface, #fff); color: var(--mdc-theme-on-surface, #000); } .mdc-list-item__primary-text { color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87)); } .mdc-list-item__secondary-text { color: var(--mdc-theme-text-secondary-on-background, rgba(0, 0, 0, 0.54)); } .mdc-list-item__overline-text { color: var(--mdc-theme-text-hint-on-background, rgba(0, 0, 0, 0.38)); } .mdc-list-item--with-leading-icon .mdc-list-item__start, .mdc-list-item--with-trailing-icon .mdc-list-item__end { background-color: transparent; color: var(--mdc-theme-text-icon-on-background, rgba(0, 0, 0, 0.38)); } .mdc-list-item__end { color: var(--mdc-theme-text-hint-on-background, rgba(0, 0, 0, 0.38)); } .mdc-list-item--disabled .mdc-list-item__start, .mdc-list-item--disabled .mdc-list-item__content, .mdc-list-item--disabled .mdc-list-item__end { opacity: 0.38; } .mdc-list-item--disabled .mdc-list-item__primary-text { color: var(--mdc-theme-on-surface, #000); } .mdc-list-item--disabled .mdc-list-item__secondary-text { color: var(--mdc-theme-on-surface, #000); } .mdc-list-item--disabled .mdc-list-item__overline-text { color: var(--mdc-theme-on-surface, #000); } .mdc-list-item--disabled.mdc-list-item--with-leading-icon .mdc-list-item__start { color: var(--mdc-theme-on-surface, #000); } .mdc-list-item--disabled.mdc-list-item--with-trailing-icon .mdc-list-item__end { color: var(--mdc-theme-on-surface, #000); } .mdc-list-item--disabled.mdc-list-item--with-trailing-meta .mdc-list-item__end { color: var(--mdc-theme-on-surface, #000); } .mdc-list-item--selected .mdc-list-item__primary-text, .mdc-list-item--activated .mdc-list-item__primary-text { color: var(--mdc-theme-primary, #e53935); } .mdc-list-item--selected.mdc-list-item--with-leading-icon .mdc-list-item__start, .mdc-list-item--activated.mdc-list-item--with-leading-icon .mdc-list-item__start { color: var(--mdc-theme-primary, #e53935); } .mdc-deprecated-list-group__subheader { color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87)); } .mdc-list-divider::after { border-bottom-color: white; } .mdc-list-divider { background-color: rgba(0, 0, 0, 0.12); } .mat-mdc-menu-item[disabled], .mat-mdc-menu-item[disabled] .mat-mdc-menu-submenu-icon, .mat-mdc-menu-item[disabled] .mat-icon-no-color { color: var(--mdc-theme-text-disabled-on-background, rgba(0, 0, 0, 0.38)); } .mat-mdc-menu-item .mat-icon-no-color, .mat-mdc-menu-submenu-icon { color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87)); } .mat-mdc-menu-item:hover:not([disabled]), .mat-mdc-menu-item.cdk-program-focused:not([disabled]), .mat-mdc-menu-item.cdk-keyboard-focused:not([disabled]), .mat-mdc-menu-item-highlighted:not([disabled]) { background: rgba(0, 0, 0, 0.04); } .mat-mdc-list-base { --mdc-list-list-item-label-text-color: rgba(0, 0, 0, 0.87); --mdc-list-list-item-supporting-text-color: rgba(0, 0, 0, 0.54); --mdc-list-list-item-leading-icon-color: rgba(0, 0, 0, 0.38); --mdc-list-list-item-trailing-supporting-text-color: rgba(0, 0, 0, 0.38); --mdc-list-list-item-trailing-icon-color: rgba(0, 0, 0, 0.38); --mdc-list-list-item-selected-trailing-icon-color: rgba(0, 0, 0, 0.38); --mdc-list-list-item-disabled-label-text-color: black; --mdc-list-list-item-disabled-leading-icon-color: black; --mdc-list-list-item-disabled-trailing-icon-color: black; --mdc-list-list-item-hover-label-text-color: rgba(0, 0, 0, 0.87); --mdc-list-list-item-hover-leading-icon-color: rgba(0, 0, 0, 0.38); --mdc-list-list-item-hover-trailing-icon-color: rgba(0, 0, 0, 0.38); --mdc-list-list-item-focus-label-text-color: rgba(0, 0, 0, 0.87); --mdc-list-list-item-hover-state-layer-color: black; --mdc-list-list-item-hover-state-layer-opacity: 0.04; --mdc-list-list-item-focus-state-layer-color: black; --mdc-list-list-item-focus-state-layer-opacity: 0.12; } .mat-mdc-list-option .mdc-list-item__start, .mat-mdc-list-option .mdc-list-item__end { --mdc-checkbox-selected-checkmark-color: #fff; --mdc-checkbox-selected-focus-icon-color: #e53935; --mdc-checkbox-selected-hover-icon-color: #e53935; --mdc-checkbox-selected-icon-color: #e53935; --mdc-checkbox-selected-pressed-icon-color: #e53935; --mdc-checkbox-unselected-focus-icon-color: #212121; --mdc-checkbox-unselected-hover-icon-color: #212121; --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38); --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38); --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54); --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54); --mdc-radio-disabled-selected-icon-color: #000; --mdc-radio-disabled-unselected-icon-color: #000; --mdc-radio-unselected-focus-icon-color: #212121; --mdc-radio-unselected-hover-icon-color: #212121; --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54); --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54); --mdc-radio-selected-focus-icon-color: #e53935; --mdc-radio-selected-hover-icon-color: #e53935; --mdc-radio-selected-icon-color: #e53935; --mdc-radio-selected-pressed-icon-color: #e53935; --mat-mdc-radio-ripple-color: #000; --mat-mdc-radio-checked-ripple-color: #e53935; } .mat-mdc-list-option .mdc-list-item__start .mdc-radio--disabled + label, .mat-mdc-list-option .mdc-list-item__end .mdc-radio--disabled + label { color: rgba(0, 0, 0, 0.38); } .mat-mdc-list-option.mat-accent .mdc-list-item__start, .mat-mdc-list-option.mat-accent .mdc-list-item__end { --mdc-checkbox-selected-checkmark-color: #fff; --mdc-checkbox-selected-focus-icon-color: #ff5252; --mdc-checkbox-selected-hover-icon-color: #ff5252; --mdc-checkbox-selected-icon-color: #ff5252; --mdc-checkbox-selected-pressed-icon-color: #ff5252; --mdc-checkbox-unselected-focus-icon-color: #212121; --mdc-checkbox-unselected-hover-icon-color: #212121; --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38); --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38); --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54); --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54); --mdc-radio-disabled-selected-icon-color: #000; --mdc-radio-disabled-unselected-icon-color: #000; --mdc-radio-unselected-focus-icon-color: #212121; --mdc-radio-unselected-hover-icon-color: #212121; --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54); --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54); --mdc-radio-selected-focus-icon-color: #ff5252; --mdc-radio-selected-hover-icon-color: #ff5252; --mdc-radio-selected-icon-color: #ff5252; --mdc-radio-selected-pressed-icon-color: #ff5252; --mat-mdc-radio-ripple-color: #000; --mat-mdc-radio-checked-ripple-color: #ff5252; } .mat-mdc-list-option.mat-accent .mdc-list-item__start .mdc-radio--disabled + label, .mat-mdc-list-option.mat-accent .mdc-list-item__end .mdc-radio--disabled + label { color: rgba(0, 0, 0, 0.38); } .mat-mdc-list-option.mat-warn .mdc-list-item__start, .mat-mdc-list-option.mat-warn .mdc-list-item__end { --mdc-checkbox-selected-checkmark-color: #000; --mdc-checkbox-selected-focus-icon-color: #ffcdd2; --mdc-checkbox-selected-hover-icon-color: #ffcdd2; --mdc-checkbox-selected-icon-color: #ffcdd2; --mdc-checkbox-selected-pressed-icon-color: #ffcdd2; --mdc-checkbox-unselected-focus-icon-color: #212121; --mdc-checkbox-unselected-hover-icon-color: #212121; --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38); --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38); --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54); --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54); --mdc-radio-disabled-selected-icon-color: #000; --mdc-radio-disabled-unselected-icon-color: #000; --mdc-radio-unselected-focus-icon-color: #212121; --mdc-radio-unselected-hover-icon-color: #212121; --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54); --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54); --mdc-radio-selected-focus-icon-color: #ffcdd2; --mdc-radio-selected-hover-icon-color: #ffcdd2; --mdc-radio-selected-icon-color: #ffcdd2; --mdc-radio-selected-pressed-icon-color: #ffcdd2; --mat-mdc-radio-ripple-color: #000; --mat-mdc-radio-checked-ripple-color: #ffcdd2; } .mat-mdc-list-option.mat-warn .mdc-list-item__start .mdc-radio--disabled + label, .mat-mdc-list-option.mat-warn .mdc-list-item__end .mdc-radio--disabled + label { color: rgba(0, 0, 0, 0.38); } .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text, .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text { color: #e53935; } .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected.mdc-list-item--with-leading-icon .mdc-list-item__start, .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated.mdc-list-item--with-leading-icon .mdc-list-item__start { color: #e53935; } .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start, .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content, .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end { opacity: 1; } .mat-mdc-list-base { --mdc-list-list-item-one-line-container-height: 48px; --mdc-list-list-item-two-line-container-height: 64px; --mdc-list-list-item-three-line-container-height: 88px; } .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line, .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line, .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line { height: 56px; } .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines, .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines, .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines { height: 72px; } .mat-mdc-paginator { background: white; color: rgba(0, 0, 0, 0.87); } .mat-mdc-paginator-icon { fill: rgba(0, 0, 0, 0.54); } .mat-mdc-paginator-decrement, .mat-mdc-paginator-increment { border-top: 2px solid rgba(0, 0, 0, 0.54); border-right: 2px solid rgba(0, 0, 0, 0.54); } .mat-mdc-paginator-first, .mat-mdc-paginator-last { border-top: 2px solid rgba(0, 0, 0, 0.54); } .mat-mdc-icon-button[disabled] .mat-mdc-paginator-decrement, .mat-mdc-icon-button[disabled] .mat-mdc-paginator-increment, .mat-mdc-icon-button[disabled] .mat-mdc-paginator-first, .mat-mdc-icon-button[disabled] .mat-mdc-paginator-last { border-color: rgba(0, 0, 0, 0.12); } .mat-mdc-icon-button[disabled] .mat-mdc-paginator-icon { fill: rgba(0, 0, 0, 0.12); } .mat-mdc-paginator .mat-mdc-form-field-infix { min-height: 40px; } .mat-mdc-paginator .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-floating-label { top: 20px; } .mat-mdc-paginator .mat-mdc-text-field-wrapper.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above { --mat-mdc-form-field-label-transform: translateY( -26.75px) scale(var(--mat-mdc-form-field-floating-label-scale, 0.75)); transform: var(--mat-mdc-form-field-label-transform); } .mat-mdc-paginator .mat-mdc-text-field-wrapper.mdc-text-field--outlined .mat-mdc-form-field-infix { padding-top: 8px; padding-bottom: 8px; } .mat-mdc-paginator .mat-mdc-text-field-wrapper:not(.mdc-text-field--outlined) .mat-mdc-form-field-infix { padding-top: 8px; padding-bottom: 8px; } .mat-mdc-paginator .mdc-text-field--no-label:not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mat-mdc-form-field-infix { padding-top: 8px; padding-bottom: 8px; } .mat-mdc-paginator .mat-mdc-text-field-wrapper:not(.mdc-text-field--outlined) .mat-mdc-floating-label { display: none; } .mat-mdc-paginator-container { min-height: 56px; } .mat-mdc-tab, .mat-mdc-tab-link { background-color: transparent; } .mat-mdc-tab .mdc-tab__text-label, .mat-mdc-tab-link .mdc-tab__text-label { color: rgba(0, 0, 0, 0.6); } .mat-mdc-tab.mat-mdc-tab-disabled .mdc-tab__ripple::before, .mat-mdc-tab.mat-mdc-tab-disabled .mat-ripple-element, .mat-mdc-tab-link.mat-mdc-tab-disabled .mdc-tab__ripple::before, .mat-mdc-tab-link.mat-mdc-tab-disabled .mat-ripple-element { background-color: rgba(0, 0, 0, 0.38); } .mat-mdc-tab:not(.mat-mdc-tab-disabled).mdc-tab--active .mdc-tab__text-label, .mat-mdc-tab-link:not(.mat-mdc-tab-disabled).mdc-tab--active .mdc-tab__text-label { color: #e53935; } .mat-mdc-tab:not(.mat-mdc-tab-disabled) .mdc-tab-indicator__content--underline, .mat-mdc-tab-link:not(.mat-mdc-tab-disabled) .mdc-tab-indicator__content--underline { border-color: var(--mdc-tab-indicator-active-indicator-color, #e53935); } .mdc-tab__ripple::before, .mat-mdc-tab .mat-ripple-element, .mat-mdc-tab-header-pagination .mat-ripple-element, .mat-mdc-tab-link .mat-ripple-element { background-color: #e53935; } .mat-mdc-tab-group.mat-accent .mat-mdc-tab:not(.mat-mdc-tab-disabled).mdc-tab--active .mdc-tab__text-label, .mat-mdc-tab-group.mat-accent .mat-mdc-tab-link:not(.mat-mdc-tab-disabled).mdc-tab--active .mdc-tab__text-label, .mat-mdc-tab-nav-bar.mat-accent .mat-mdc-tab:not(.mat-mdc-tab-disabled).mdc-tab--active .mdc-tab__text-label, .mat-mdc-tab-nav-bar.mat-accent .mat-mdc-tab-link:not(.mat-mdc-tab-disabled).mdc-tab--active .mdc-tab__text-label { color: #ff5252; } .mat-mdc-tab-group.mat-accent .mat-mdc-tab:not(.mat-mdc-tab-disabled) .mdc-tab-indicator__content--underline, .mat-mdc-tab-group.mat-accent .mat-mdc-tab-link:not(.mat-mdc-tab-disabled) .mdc-tab-indicator__content--underline, .mat-mdc-tab-nav-bar.mat-accent .mat-mdc-tab:not(.mat-mdc-tab-disabled) .mdc-tab-indicator__content--underline, .mat-mdc-tab-nav-bar.mat-accent .mat-mdc-tab-link:not(.mat-mdc-tab-disabled) .mdc-tab-indicator__content--underline { border-color: var(--mdc-tab-indicator-active-indicator-color, #ff5252); } .mat-mdc-tab-group.mat-accent .mdc-tab__ripple::before, .mat-mdc-tab-group.mat-accent .mat-mdc-tab .mat-ripple-element, .mat-mdc-tab-group.mat-accent .mat-mdc-tab-header-pagination .mat-ripple-element, .mat-mdc-tab-group.mat-accent .mat-mdc-tab-link .mat-ripple-element, .mat-mdc-tab-nav-bar.mat-accent .mdc-tab__ripple::before, .mat-mdc-tab-nav-bar.mat-accent .mat-mdc-tab .mat-ripple-element, .mat-mdc-tab-nav-bar.mat-accent .mat-mdc-tab-header-pagination .mat-ripple-element, .mat-mdc-tab-nav-bar.mat-accent .mat-mdc-tab-link .mat-ripple-element { background-color: #ff5252; } .mat-mdc-tab-group.mat-warn .mat-mdc-tab:not(.mat-mdc-tab-disabled).mdc-tab--active .mdc-tab__text-label, .mat-mdc-tab-group.mat-warn .mat-mdc-tab-link:not(.mat-mdc-tab-disabled).mdc-tab--active .mdc-tab__text-label, .mat-mdc-tab-nav-bar.mat-warn .mat-mdc-tab:not(.mat-mdc-tab-disabled).mdc-tab--active .mdc-tab__text-label, .mat-mdc-tab-nav-bar.mat-warn .mat-mdc-tab-link:not(.mat-mdc-tab-disabled).mdc-tab--active .mdc-tab__text-label { color: #ffcdd2; } .mat-mdc-tab-group.mat-warn .mat-mdc-tab:not(.mat-mdc-tab-disabled) .mdc-tab-indicator__content--underline, .mat-mdc-tab-group.mat-warn .mat-mdc-tab-link:not(.mat-mdc-tab-disabled) .mdc-tab-indicator__content--underline, .mat-mdc-tab-nav-bar.mat-warn .mat-mdc-tab:not(.mat-mdc-tab-disabled) .mdc-tab-indicator__content--underline, .mat-mdc-tab-nav-bar.mat-warn .mat-mdc-tab-link:not(.mat-mdc-tab-disabled) .mdc-tab-indicator__content--underline { border-color: var(--mdc-tab-indicator-active-indicator-color, #ffcdd2); } .mat-mdc-tab-group.mat-warn .mdc-tab__ripple::before, .mat-mdc-tab-group.mat-warn .mat-mdc-tab .mat-ripple-element, .mat-mdc-tab-group.mat-warn .mat-mdc-tab-header-pagination .mat-ripple-element, .mat-mdc-tab-group.mat-warn .mat-mdc-tab-link .mat-ripple-element, .mat-mdc-tab-nav-bar.mat-warn .mdc-tab__ripple::before, .mat-mdc-tab-nav-bar.mat-warn .mat-mdc-tab .mat-ripple-element, .mat-mdc-tab-nav-bar.mat-warn .mat-mdc-tab-header-pagination .mat-ripple-element, .mat-mdc-tab-nav-bar.mat-warn .mat-mdc-tab-link .mat-ripple-element { background-color: #ffcdd2; } .mat-mdc-tab-group.mat-background-primary, .mat-mdc-tab-nav-bar.mat-background-primary { --mat-mdc-tab-header-with-background-background-color: #e53935; --mat-mdc-tab-header-with-background-foreground-color: #fff; } .mat-mdc-tab-group.mat-background-accent, .mat-mdc-tab-nav-bar.mat-background-accent { --mat-mdc-tab-header-with-background-background-color: #ff5252; --mat-mdc-tab-header-with-background-foreground-color: #fff; } .mat-mdc-tab-group.mat-background-warn, .mat-mdc-tab-nav-bar.mat-background-warn { --mat-mdc-tab-header-with-background-background-color: #ffcdd2; --mat-mdc-tab-header-with-background-foreground-color: #000; } .mat-mdc-tab-header-pagination-chevron { border-color: var(--mdc-theme-on-surface, #000); } .mat-mdc-tab-header .mdc-tab { height: 48px; } .mat-mdc-checkbox .mdc-form-field { color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87)); } .mat-mdc-checkbox .mat-ripple-element { background-color: rgba(0, 0, 0, 0.1); } .mat-mdc-checkbox .mdc-checkbox__ripple { background: #000; } .mat-mdc-checkbox.mat-primary { --mdc-checkbox-selected-checkmark-color: #fff; --mdc-checkbox-selected-focus-icon-color: #e53935; --mdc-checkbox-selected-hover-icon-color: #e53935; --mdc-checkbox-selected-icon-color: #e53935; --mdc-checkbox-selected-pressed-icon-color: #e53935; --mdc-checkbox-unselected-focus-icon-color: #212121; --mdc-checkbox-unselected-hover-icon-color: #212121; --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38); --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38); --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54); --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54); } .mat-mdc-checkbox.mat-primary .mdc-checkbox--selected ~ .mat-mdc-checkbox-ripple .mat-ripple-element { background-color: rgba(229, 57, 53, 0.1); } .mat-mdc-checkbox.mat-primary .mdc-checkbox--selected ~ .mdc-checkbox__ripple { background: #e53935; } .mat-mdc-checkbox.mat-accent { --mdc-checkbox-selected-checkmark-color: #fff; --mdc-checkbox-selected-focus-icon-color: #ff5252; --mdc-checkbox-selected-hover-icon-color: #ff5252; --mdc-checkbox-selected-icon-color: #ff5252; --mdc-checkbox-selected-pressed-icon-color: #ff5252; --mdc-checkbox-unselected-focus-icon-color: #212121; --mdc-checkbox-unselected-hover-icon-color: #212121; --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38); --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38); --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54); --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54); } .mat-mdc-checkbox.mat-accent .mdc-checkbox--selected ~ .mat-mdc-checkbox-ripple .mat-ripple-element { background-color: rgba(255, 82, 82, 0.1); } .mat-mdc-checkbox.mat-accent .mdc-checkbox--selected ~ .mdc-checkbox__ripple { background: #ff5252; } .mat-mdc-checkbox.mat-warn { --mdc-checkbox-selected-checkmark-color: #000; --mdc-checkbox-selected-focus-icon-color: #ffcdd2; --mdc-checkbox-selected-hover-icon-color: #ffcdd2; --mdc-checkbox-selected-icon-color: #ffcdd2; --mdc-checkbox-selected-pressed-icon-color: #ffcdd2; --mdc-checkbox-unselected-focus-icon-color: #212121; --mdc-checkbox-unselected-hover-icon-color: #212121; --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38); --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38); --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54); --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54); } .mat-mdc-checkbox.mat-warn .mdc-checkbox--selected ~ .mat-mdc-checkbox-ripple .mat-ripple-element { background-color: rgba(255, 205, 210, 0.1); } .mat-mdc-checkbox.mat-warn .mdc-checkbox--selected ~ .mdc-checkbox__ripple { background: #ffcdd2; } .mat-mdc-checkbox-disabled label { color: rgba(0, 0, 0, 0.38); } .mat-mdc-checkbox .mdc-checkbox { padding: calc((var(--mdc-checkbox-ripple-size, 40px) - 18px) / 2); margin: calc((var(--mdc-checkbox-touch-target-size, 40px) - 40px) / 2); } .mat-mdc-checkbox .mdc-checkbox .mdc-checkbox__background { top: calc((var(--mdc-checkbox-ripple-size, 40px) - 18px) / 2); left: calc((var(--mdc-checkbox-ripple-size, 40px) - 18px) / 2); } .mat-mdc-checkbox .mdc-checkbox .mdc-checkbox__native-control { top: calc((40px - var(--mdc-checkbox-touch-target-size, 40px)) / 2); right: calc((40px - var(--mdc-checkbox-touch-target-size, 40px)) / 2); left: calc((40px - var(--mdc-checkbox-touch-target-size, 40px)) / 2); width: var(--mdc-checkbox-touch-target-size, 40px); height: var(--mdc-checkbox-touch-target-size, 40px); } .mat-mdc-button.mat-unthemed { --mdc-text-button-label-text-color: #000; } .mat-mdc-button.mat-primary { --mdc-text-button-label-text-color: #e53935; } .mat-mdc-button.mat-accent { --mdc-text-button-label-text-color: #ff5252; } .mat-mdc-button.mat-warn { --mdc-text-button-label-text-color: #ffcdd2; } .mat-mdc-button[disabled][disabled] { --mdc-text-button-disabled-label-text-color: rgba(0, 0, 0, 0.38); --mdc-text-button-label-text-color: rgba(0, 0, 0, 0.38); } .mat-mdc-unelevated-button.mat-unthemed { --mdc-filled-button-container-color: #fff; --mdc-filled-button-label-text-color: #000; } .mat-mdc-unelevated-button.mat-primary { --mdc-filled-button-container-color: #e53935; --mdc-filled-button-label-text-color: #fff; } .mat-mdc-unelevated-button.mat-accent { --mdc-filled-button-container-color: #ff5252; --mdc-filled-button-label-text-color: #fff; } .mat-mdc-unelevated-button.mat-warn { --mdc-filled-button-container-color: #ffcdd2; --mdc-filled-button-label-text-color: #000; } .mat-mdc-unelevated-button[disabled][disabled] { --mdc-filled-button-disabled-container-color: rgba(0, 0, 0, 0.12); --mdc-filled-button-disabled-label-text-color: rgba(0, 0, 0, 0.38); --mdc-filled-button-container-color: rgba(0, 0, 0, 0.12); --mdc-filled-button-label-text-color: rgba(0, 0, 0, 0.38); } .mat-mdc-raised-button.mat-unthemed { --mdc-protected-button-container-color: #fff; --mdc-protected-button-label-text-color: #000; } .mat-mdc-raised-button.mat-primary { --mdc-protected-button-container-color: #e53935; --mdc-protected-button-label-text-color: #fff; } .mat-mdc-raised-button.mat-accent { --mdc-protected-button-container-color: #ff5252; --mdc-protected-button-label-text-color: #fff; } .mat-mdc-raised-button.mat-warn { --mdc-protected-button-container-color: #ffcdd2; --mdc-protected-button-label-text-color: #000; } .mat-mdc-raised-button[disabled][disabled] { --mdc-protected-button-disabled-container-color: rgba(0, 0, 0, 0.12); --mdc-protected-button-disabled-label-text-color: rgba(0, 0, 0, 0.38); --mdc-protected-button-container-color: rgba(0, 0, 0, 0.12); --mdc-protected-button-label-text-color: rgba(0, 0, 0, 0.38); --mdc-protected-button-container-elevation: 0; } .mat-mdc-outlined-button { --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.12); } .mat-mdc-outlined-button.mat-unthemed { --mdc-outlined-button-label-text-color: #000; } .mat-mdc-outlined-button.mat-primary { --mdc-outlined-button-label-text-color: #e53935; } .mat-mdc-outlined-button.mat-accent { --mdc-outlined-button-label-text-color: #ff5252; } .mat-mdc-outlined-button.mat-warn { --mdc-outlined-button-label-text-color: #ffcdd2; } .mat-mdc-outlined-button[disabled][disabled] { --mdc-outlined-button-label-text-color: rgba(0, 0, 0, 0.38); --mdc-outlined-button-disabled-label-text-color: rgba(0, 0, 0, 0.38); --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.12); --mdc-outlined-button-disabled-outline-color: rgba(0, 0, 0, 0.12); } .mat-mdc-button, .mat-mdc-outlined-button { --mat-mdc-button-persistent-ripple-color: #000; --mat-mdc-button-ripple-color: rgba(0, 0, 0, 0.1); } .mat-mdc-button:hover .mat-mdc-button-persistent-ripple::before, .mat-mdc-outlined-button:hover .mat-mdc-button-persistent-ripple::before { opacity: 0.04; } .mat-mdc-button.cdk-program-focused .mat-mdc-button-persistent-ripple::before, .mat-mdc-button.cdk-keyboard-focused .mat-mdc-button-persistent-ripple::before, .mat-mdc-outlined-button.cdk-program-focused .mat-mdc-button-persistent-ripple::before, .mat-mdc-outlined-button.cdk-keyboard-focused .mat-mdc-button-persistent-ripple::before { opacity: 0.12; } .mat-mdc-button:active .mat-mdc-button-persistent-ripple::before, .mat-mdc-outlined-button:active .mat-mdc-button-persistent-ripple::before { opacity: 0.12; } .mat-mdc-button.mat-primary, .mat-mdc-outlined-button.mat-primary { --mat-mdc-button-persistent-ripple-color: #e53935; --mat-mdc-button-ripple-color: rgba(229, 57, 53, 0.1); } .mat-mdc-button.mat-accent, .mat-mdc-outlined-button.mat-accent { --mat-mdc-button-persistent-ripple-color: #ff5252; --mat-mdc-button-ripple-color: rgba(255, 82, 82, 0.1); } .mat-mdc-button.mat-warn, .mat-mdc-outlined-button.mat-warn { --mat-mdc-button-persistent-ripple-color: #ffcdd2; --mat-mdc-button-ripple-color: rgba(255, 205, 210, 0.1); } .mat-mdc-raised-button, .mat-mdc-unelevated-button { --mat-mdc-button-persistent-ripple-color: #000; --mat-mdc-button-ripple-color: rgba(0, 0, 0, 0.1); } .mat-mdc-raised-button:hover .mat-mdc-button-persistent-ripple::before, .mat-mdc-unelevated-button:hover .mat-mdc-button-persistent-ripple::before { opacity: 0.04; } .mat-mdc-raised-button.cdk-program-focused .mat-mdc-button-persistent-ripple::before, .mat-mdc-raised-button.cdk-keyboard-focused .mat-mdc-button-persistent-ripple::before, .mat-mdc-unelevated-button.cdk-program-focused .mat-mdc-button-persistent-ripple::before, .mat-mdc-unelevated-button.cdk-keyboard-focused .mat-mdc-button-persistent-ripple::before { opacity: 0.12; } .mat-mdc-raised-button:active .mat-mdc-button-persistent-ripple::before, .mat-mdc-unelevated-button:active .mat-mdc-button-persistent-ripple::before { opacity: 0.12; } .mat-mdc-raised-button.mat-primary, .mat-mdc-unelevated-button.mat-primary { --mat-mdc-button-persistent-ripple-color: #fff; --mat-mdc-button-ripple-color: rgba(255, 255, 255, 0.1); } .mat-mdc-raised-button.mat-accent, .mat-mdc-unelevated-button.mat-accent { --mat-mdc-button-persistent-ripple-color: #fff; --mat-mdc-button-ripple-color: rgba(255, 255, 255, 0.1); } .mat-mdc-raised-button.mat-warn, .mat-mdc-unelevated-button.mat-warn { --mat-mdc-button-persistent-ripple-color: #000; --mat-mdc-button-ripple-color: rgba(0, 0, 0, 0.1); } .mat-mdc-button.mat-mdc-button-base, .mat-mdc-raised-button.mat-mdc-button-base, .mat-mdc-unelevated-button.mat-mdc-button-base, .mat-mdc-outlined-button.mat-mdc-button-base { height: 36px; } .mat-mdc-icon-button { --mat-mdc-button-persistent-ripple-color: #000; --mat-mdc-button-ripple-color: rgba(0, 0, 0, 0.1); } .mat-mdc-icon-button:hover .mat-mdc-button-persistent-ripple::before { opacity: 0.04; } .mat-mdc-icon-button.cdk-program-focused .mat-mdc-button-persistent-ripple::before, .mat-mdc-icon-button.cdk-keyboard-focused .mat-mdc-button-persistent-ripple::before { opacity: 0.12; } .mat-mdc-icon-button:active .mat-mdc-button-persistent-ripple::before { opacity: 0.12; } .mat-mdc-icon-button.mat-primary { --mat-mdc-button-persistent-ripple-color: #e53935; --mat-mdc-button-ripple-color: rgba(229, 57, 53, 0.1); } .mat-mdc-icon-button.mat-accent { --mat-mdc-button-persistent-ripple-color: #ff5252; --mat-mdc-button-ripple-color: rgba(255, 82, 82, 0.1); } .mat-mdc-icon-button.mat-warn { --mat-mdc-button-persistent-ripple-color: #ffcdd2; --mat-mdc-button-ripple-color: rgba(255, 205, 210, 0.1); } .mat-mdc-icon-button.mat-primary { --mdc-icon-button-icon-color: #e53935; } .mat-mdc-icon-button.mat-accent { --mdc-icon-button-icon-color: #ff5252; } .mat-mdc-icon-button.mat-warn { --mdc-icon-button-icon-color: #ffcdd2; } .mat-mdc-icon-button[disabled][disabled] { --mdc-icon-button-icon-color: rgba(0, 0, 0, 0.38); --mdc-icon-button-disabled-icon-color: rgba(0, 0, 0, 0.38); } .mat-mdc-icon-button.mat-mdc-button-base { width: 48px; height: 48px; padding: 12px; } .mat-mdc-icon-button.mat-mdc-button-base .mdc-icon-button__focus-ring { max-height: 48px; max-width: 48px; } .mat-mdc-icon-button.mat-mdc-button-base.mdc-icon-button--reduced-size .mdc-icon-button__ripple { width: 40px; height: 40px; margin-top: 4px; margin-bottom: 4px; margin-right: 4px; margin-left: 4px; } .mat-mdc-icon-button.mat-mdc-button-base.mdc-icon-button--reduced-size .mdc-icon-button__focus-ring { max-height: 40px; max-width: 40px; } .mat-mdc-icon-button.mat-mdc-button-base .mdc-icon-button__touch { position: absolute; top: 50%; height: 48px; /* @noflip */ /*rtl:ignore*/ left: 50%; width: 48px; transform: translate(-50%, -50%); } .mat-mdc-fab, .mat-mdc-mini-fab { --mat-mdc-button-persistent-ripple-color: #000; --mat-mdc-button-ripple-color: rgba(0, 0, 0, 0.1); } .mat-mdc-fab:hover .mat-mdc-button-persistent-ripple::before, .mat-mdc-mini-fab:hover .mat-mdc-button-persistent-ripple::before { opacity: 0.04; } .mat-mdc-fab.cdk-program-focused .mat-mdc-button-persistent-ripple::before, .mat-mdc-fab.cdk-keyboard-focused .mat-mdc-button-persistent-ripple::before, .mat-mdc-mini-fab.cdk-program-focused .mat-mdc-button-persistent-ripple::before, .mat-mdc-mini-fab.cdk-keyboard-focused .mat-mdc-button-persistent-ripple::before { opacity: 0.12; } .mat-mdc-fab:active .mat-mdc-button-persistent-ripple::before, .mat-mdc-mini-fab:active .mat-mdc-button-persistent-ripple::before { opacity: 0.12; } .mat-mdc-fab.mat-primary, .mat-mdc-mini-fab.mat-primary { --mat-mdc-button-persistent-ripple-color: #fff; --mat-mdc-button-ripple-color: rgba(255, 255, 255, 0.1); } .mat-mdc-fab.mat-accent, .mat-mdc-mini-fab.mat-accent { --mat-mdc-button-persistent-ripple-color: #fff; --mat-mdc-button-ripple-color: rgba(255, 255, 255, 0.1); } .mat-mdc-fab.mat-warn, .mat-mdc-mini-fab.mat-warn { --mat-mdc-button-persistent-ripple-color: #000; --mat-mdc-button-ripple-color: rgba(0, 0, 0, 0.1); } .mat-mdc-fab.mat-unthemed, .mat-mdc-mini-fab.mat-unthemed { --mdc-fab-container-color: #fff; --mdc-fab-icon-color: #000; --mat-mdc-fab-color: #000; } .mat-mdc-fab.mat-primary, .mat-mdc-mini-fab.mat-primary { --mdc-fab-container-color: #e53935; --mdc-fab-icon-color: #fff; --mat-mdc-fab-color: #fff; } .mat-mdc-fab.mat-accent, .mat-mdc-mini-fab.mat-accent { --mdc-fab-container-color: #ff5252; --mdc-fab-icon-color: #fff; --mat-mdc-fab-color: #fff; } .mat-mdc-fab.mat-warn, .mat-mdc-mini-fab.mat-warn { --mdc-fab-container-color: #ffcdd2; --mdc-fab-icon-color: #000; --mat-mdc-fab-color: #000; } .mat-mdc-fab[disabled][disabled], .mat-mdc-mini-fab[disabled][disabled] { --mdc-fab-container-color: rgba(0, 0, 0, 0.12); --mdc-fab-icon-color: rgba(0, 0, 0, 0.38); --mat-mdc-fab-color: rgba(0, 0, 0, 0.38); } .mat-mdc-snack-bar-container { --mat-mdc-snack-bar-button-color: #ff5252; --mdc-snackbar-container-color: #333333; --mdc-snackbar-supporting-text-color: rgba(255, 255, 255, 0.87); } .mdc-data-table { background-color: var(--mdc-theme-surface, #fff); border-color: rgba(0, 0, 0, 0.12); } .mdc-data-table__row { background-color: inherit; } .mdc-data-table__header-cell { background-color: var(--mdc-theme-surface, #fff); } .mdc-data-table__row--selected { background-color: rgba(229, 57, 53, 0.04); } .mdc-data-table__pagination-rows-per-page-select--outlined:not(.mdc-select--disabled) .mdc-notched-outline__leading, .mdc-data-table__pagination-rows-per-page-select--outlined:not(.mdc-select--disabled) .mdc-notched-outline__notch, .mdc-data-table__pagination-rows-per-page-select--outlined:not(.mdc-select--disabled) .mdc-notched-outline__trailing { border-color: rgba(0, 0, 0, 0.12); } .mdc-data-table__cell, .mdc-data-table__header-cell { border-bottom-color: rgba(0, 0, 0, 0.12); } .mdc-data-table__pagination { border-top-color: rgba(0, 0, 0, 0.12); } .mdc-data-table__row:not(.mdc-data-table__row--selected):hover { background-color: rgba(0, 0, 0, 0.04); } .mdc-data-table__header-cell { color: rgba(0, 0, 0, 0.87); } .mdc-data-table__pagination-total, .mdc-data-table__pagination-rows-per-page-label, .mdc-data-table__cell { color: rgba(0, 0, 0, 0.87); } [dir=rtl] .mdc-data-table__pagination-button .mdc-button__icon, .mdc-data-table__pagination-button .mdc-button__icon[dir=rtl] { /*rtl:begin:ignore*/ /*rtl:end:ignore*/ } .mat-mdc-table { background: white; } .mat-mdc-table .mdc-data-table__row { height: 52px; } .mat-mdc-table .mdc-data-table__pagination { min-height: 52px; } .mat-mdc-table .mdc-data-table__header-row { height: 56px; } .mat-mdc-progress-spinner { --mdc-circular-progress-active-indicator-color: #e53935; } .mat-mdc-progress-spinner.mat-accent { --mdc-circular-progress-active-indicator-color: #ff5252; } .mat-mdc-progress-spinner.mat-warn { --mdc-circular-progress-active-indicator-color: #ffcdd2; } .mat-badge { position: relative; } .mat-badge.mat-badge { overflow: visible; } .mat-badge-hidden .mat-badge-content { display: none; } .mat-badge-content { position: absolute; text-align: center; display: inline-block; border-radius: 50%; transition: transform 200ms ease-in-out; transform: scale(0.6); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; pointer-events: none; } .ng-animate-disabled .mat-badge-content, .mat-badge-content._mat-animation-noopable { transition: none; } .mat-badge-content.mat-badge-active { transform: none; } .mat-badge-small .mat-badge-content { width: 16px; height: 16px; line-height: 16px; } .mat-badge-small.mat-badge-above .mat-badge-content { top: -8px; } .mat-badge-small.mat-badge-below .mat-badge-content { bottom: -8px; } .mat-badge-small.mat-badge-before .mat-badge-content { left: -16px; } [dir=rtl] .mat-badge-small.mat-badge-before .mat-badge-content { left: auto; right: -16px; } .mat-badge-small.mat-badge-after .mat-badge-content { right: -16px; } [dir=rtl] .mat-badge-small.mat-badge-after .mat-badge-content { right: auto; left: -16px; } .mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content { left: -8px; } [dir=rtl] .mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content { left: auto; right: -8px; } .mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content { right: -8px; } [dir=rtl] .mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content { right: auto; left: -8px; } .mat-badge-medium .mat-badge-content { width: 22px; height: 22px; line-height: 22px; } .mat-badge-medium.mat-badge-above .mat-badge-content { top: -11px; } .mat-badge-medium.mat-badge-below .mat-badge-content { bottom: -11px; } .mat-badge-medium.mat-badge-before .mat-badge-content { left: -22px; } [dir=rtl] .mat-badge-medium.mat-badge-before .mat-badge-content { left: auto; right: -22px; } .mat-badge-medium.mat-badge-after .mat-badge-content { right: -22px; } [dir=rtl] .mat-badge-medium.mat-badge-after .mat-badge-content { right: auto; left: -22px; } .mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content { left: -11px; } [dir=rtl] .mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content { left: auto; right: -11px; } .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content { right: -11px; } [dir=rtl] .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content { right: auto; left: -11px; } .mat-badge-large .mat-badge-content { width: 28px; height: 28px; line-height: 28px; } .mat-badge-large.mat-badge-above .mat-badge-content { top: -14px; } .mat-badge-large.mat-badge-below .mat-badge-content { bottom: -14px; } .mat-badge-large.mat-badge-before .mat-badge-content { left: -28px; } [dir=rtl] .mat-badge-large.mat-badge-before .mat-badge-content { left: auto; right: -28px; } .mat-badge-large.mat-badge-after .mat-badge-content { right: -28px; } [dir=rtl] .mat-badge-large.mat-badge-after .mat-badge-content { right: auto; left: -28px; } .mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content { left: -14px; } [dir=rtl] .mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content { left: auto; right: -14px; } .mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content { right: -14px; } [dir=rtl] .mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content { right: auto; left: -14px; } .mat-badge-content { color: white; background: #e53935; } .cdk-high-contrast-active .mat-badge-content { outline: solid 1px; border-radius: 0; } .mat-badge-accent .mat-badge-content { background: #ff5252; color: white; } .mat-badge-warn .mat-badge-content { color: rgba(0, 0, 0, 0.87); background: #ffcdd2; } .mat-badge-disabled .mat-badge-content { background: #b9b9b9; color: rgba(0, 0, 0, 0.38); } .mat-bottom-sheet-container { box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12); background: white; color: rgba(0, 0, 0, 0.87); } .mat-button-toggle-standalone:not([class*=mat-elevation-z]), .mat-button-toggle-group:not([class*=mat-elevation-z]) { box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); } .mat-button-toggle-standalone.mat-button-toggle-appearance-standard:not([class*=mat-elevation-z]), .mat-button-toggle-group-appearance-standard:not([class*=mat-elevation-z]) { box-shadow: none; } .mat-button-toggle { color: rgba(0, 0, 0, 0.38); } .mat-button-toggle .mat-button-toggle-focus-overlay { background-color: rgba(0, 0, 0, 0.12); } .mat-button-toggle-appearance-standard { color: rgba(0, 0, 0, 0.87); background: white; } .mat-button-toggle-appearance-standard .mat-button-toggle-focus-overlay { background-color: black; } .mat-button-toggle-group-appearance-standard .mat-button-toggle + .mat-button-toggle { border-left: solid 1px #e0e0e0; } [dir=rtl] .mat-button-toggle-group-appearance-standard .mat-button-toggle + .mat-button-toggle { border-left: none; border-right: solid 1px #e0e0e0; } .mat-button-toggle-group-appearance-standard.mat-button-toggle-vertical .mat-button-toggle + .mat-button-toggle { border-left: none; border-right: none; border-top: solid 1px #e0e0e0; } .mat-button-toggle-checked { background-color: #e0e0e0; color: rgba(0, 0, 0, 0.54); } .mat-button-toggle-checked.mat-button-toggle-appearance-standard { color: rgba(0, 0, 0, 0.87); } .mat-button-toggle-disabled { color: rgba(0, 0, 0, 0.26); background-color: #eeeeee; } .mat-button-toggle-disabled.mat-button-toggle-appearance-standard { background: white; } .mat-button-toggle-disabled.mat-button-toggle-checked { background-color: #bdbdbd; } .mat-button-toggle-standalone.mat-button-toggle-appearance-standard, .mat-button-toggle-group-appearance-standard { border: solid 1px #e0e0e0; } .mat-button-toggle-appearance-standard .mat-button-toggle-label-content { line-height: 48px; } .mat-calendar-arrow { fill: rgba(0, 0, 0, 0.54); } .mat-datepicker-toggle, .mat-datepicker-content .mat-calendar-next-button, .mat-datepicker-content .mat-calendar-previous-button { color: rgba(0, 0, 0, 0.54); } .mat-calendar-table-header-divider::after { background: rgba(0, 0, 0, 0.12); } .mat-calendar-table-header, .mat-calendar-body-label { color: rgba(0, 0, 0, 0.54); } .mat-calendar-body-cell-content, .mat-date-range-input-separator { color: rgba(0, 0, 0, 0.87); border-color: transparent; } .mat-calendar-body-disabled > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { color: rgba(0, 0, 0, 0.38); } .mat-form-field-disabled .mat-date-range-input-separator { color: rgba(0, 0, 0, 0.38); } .mat-calendar-body-in-preview { color: rgba(0, 0, 0, 0.24); } .mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { border-color: rgba(0, 0, 0, 0.38); } .mat-calendar-body-disabled > .mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { border-color: rgba(0, 0, 0, 0.18); } .mat-calendar-body-in-range::before { background: rgba(229, 57, 53, 0.2); } .mat-calendar-body-comparison-identical, .mat-calendar-body-in-comparison-range::before { background: rgba(249, 171, 0, 0.2); } .mat-calendar-body-comparison-bridge-start::before, [dir=rtl] .mat-calendar-body-comparison-bridge-end::before { background: linear-gradient(to right, rgba(229, 57, 53, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } .mat-calendar-body-comparison-bridge-end::before, [dir=rtl] .mat-calendar-body-comparison-bridge-start::before { background: linear-gradient(to left, rgba(229, 57, 53, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } .mat-calendar-body-in-range > .mat-calendar-body-comparison-identical, .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after { background: #a8dab5; } .mat-calendar-body-comparison-identical.mat-calendar-body-selected, .mat-calendar-body-in-comparison-range > .mat-calendar-body-selected { background: #46a35e; } .mat-calendar-body-selected { background-color: #e53935; color: white; } .mat-calendar-body-disabled > .mat-calendar-body-selected { background-color: rgba(229, 57, 53, 0.4); } .mat-calendar-body-today.mat-calendar-body-selected { box-shadow: inset 0 0 0 1px white; } .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical), .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { background-color: rgba(229, 57, 53, 0.3); } @media (hover: hover) { .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { background-color: rgba(229, 57, 53, 0.3); } } .mat-datepicker-content { box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); background-color: white; color: rgba(0, 0, 0, 0.87); } .mat-datepicker-content.mat-accent .mat-calendar-body-in-range::before { background: rgba(255, 82, 82, 0.2); } .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical, .mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range::before { background: rgba(249, 171, 0, 0.2); } .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-start::before, .mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-end::before { background: linear-gradient(to right, rgba(255, 82, 82, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-end::before, .mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-start::before { background: linear-gradient(to left, rgba(255, 82, 82, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } .mat-datepicker-content.mat-accent .mat-calendar-body-in-range > .mat-calendar-body-comparison-identical, .mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after { background: #a8dab5; } .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical.mat-calendar-body-selected, .mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range > .mat-calendar-body-selected { background: #46a35e; } .mat-datepicker-content.mat-accent .mat-calendar-body-selected { background-color: #ff5252; color: white; } .mat-datepicker-content.mat-accent .mat-calendar-body-disabled > .mat-calendar-body-selected { background-color: rgba(255, 82, 82, 0.4); } .mat-datepicker-content.mat-accent .mat-calendar-body-today.mat-calendar-body-selected { box-shadow: inset 0 0 0 1px white; } .mat-datepicker-content.mat-accent .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical), .mat-datepicker-content.mat-accent .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { background-color: rgba(255, 82, 82, 0.3); } @media (hover: hover) { .mat-datepicker-content.mat-accent .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { background-color: rgba(255, 82, 82, 0.3); } } .mat-datepicker-content.mat-warn .mat-calendar-body-in-range::before { background: rgba(255, 205, 210, 0.2); } .mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical, .mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range::before { background: rgba(249, 171, 0, 0.2); } .mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-start::before, .mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-end::before { background: linear-gradient(to right, rgba(255, 205, 210, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } .mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-end::before, .mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-start::before { background: linear-gradient(to left, rgba(255, 205, 210, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } .mat-datepicker-content.mat-warn .mat-calendar-body-in-range > .mat-calendar-body-comparison-identical, .mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after { background: #a8dab5; } .mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical.mat-calendar-body-selected, .mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range > .mat-calendar-body-selected { background: #46a35e; } .mat-datepicker-content.mat-warn .mat-calendar-body-selected { background-color: #ffcdd2; color: rgba(0, 0, 0, 0.87); } .mat-datepicker-content.mat-warn .mat-calendar-body-disabled > .mat-calendar-body-selected { background-color: rgba(255, 205, 210, 0.4); } .mat-datepicker-content.mat-warn .mat-calendar-body-today.mat-calendar-body-selected { box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.87); } .mat-datepicker-content.mat-warn .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical), .mat-datepicker-content.mat-warn .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { background-color: rgba(255, 205, 210, 0.3); } @media (hover: hover) { .mat-datepicker-content.mat-warn .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { background-color: rgba(255, 205, 210, 0.3); } } .mat-datepicker-content-touch { box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); } .mat-datepicker-toggle-active { color: #e53935; } .mat-datepicker-toggle-active.mat-accent { color: #ff5252; } .mat-datepicker-toggle-active.mat-warn { color: #ffcdd2; } .mat-date-range-input-inner[disabled] { color: rgba(0, 0, 0, 0.38); } .mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base { width: 40px; height: 40px; padding: 8px; } .mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base .mdc-icon-button__focus-ring { max-height: 40px; max-width: 40px; } .mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base.mdc-icon-button--reduced-size .mdc-icon-button__ripple { width: 40px; height: 40px; margin-top: 0px; margin-bottom: 0px; margin-right: 0px; margin-left: 0px; } .mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base.mdc-icon-button--reduced-size .mdc-icon-button__focus-ring { max-height: 40px; max-width: 40px; } .mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base .mdc-icon-button__touch { position: absolute; top: 50%; height: 40px; /* @noflip */ /*rtl:ignore*/ left: 50%; width: 40px; transform: translate(-50%, -50%); } .mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base .mat-mdc-button-touch-target { display: none; } .mat-divider { border-top-color: rgba(0, 0, 0, 0.12); } .mat-divider-vertical { border-right-color: rgba(0, 0, 0, 0.12); } .mat-expansion-panel { background: white; color: rgba(0, 0, 0, 0.87); } .mat-expansion-panel:not([class*=mat-elevation-z]) { box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); } .mat-action-row { border-top-color: rgba(0, 0, 0, 0.12); } .mat-expansion-panel .mat-expansion-panel-header.cdk-keyboard-focused:not([aria-disabled=true]), .mat-expansion-panel .mat-expansion-panel-header.cdk-program-focused:not([aria-disabled=true]), .mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:hover:not([aria-disabled=true]) { background: rgba(0, 0, 0, 0.04); } @media (hover: none) { .mat-expansion-panel:not(.mat-expanded):not([aria-disabled=true]) .mat-expansion-panel-header:hover { background: white; } } .mat-expansion-panel-header-title { color: rgba(0, 0, 0, 0.87); } .mat-expansion-panel-header-description, .mat-expansion-indicator::after { color: rgba(0, 0, 0, 0.54); } .mat-expansion-panel-header[aria-disabled=true] { color: rgba(0, 0, 0, 0.26); } .mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-title, .mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-description { color: inherit; } .mat-expansion-panel-header { height: 48px; } .mat-expansion-panel-header.mat-expanded { height: 64px; } .mat-icon.mat-primary { color: #e53935; } .mat-icon.mat-accent { color: #ff5252; } .mat-icon.mat-warn { color: #ffcdd2; } .mat-drawer-container { background-color: #fafafa; color: rgba(0, 0, 0, 0.87); } .mat-drawer { background-color: white; color: rgba(0, 0, 0, 0.87); } .mat-drawer.mat-drawer-push { background-color: white; } .mat-drawer:not(.mat-drawer-side) { box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12); } .mat-drawer-side { border-right: solid 1px rgba(0, 0, 0, 0.12); } .mat-drawer-side.mat-drawer-end { border-left: solid 1px rgba(0, 0, 0, 0.12); border-right: none; } [dir=rtl] .mat-drawer-side { border-left: solid 1px rgba(0, 0, 0, 0.12); border-right: none; } [dir=rtl] .mat-drawer-side.mat-drawer-end { border-left: none; border-right: solid 1px rgba(0, 0, 0, 0.12); } .mat-drawer-backdrop.mat-drawer-shown { background-color: rgba(0, 0, 0, 0.6); } .mat-step-header.cdk-keyboard-focused, .mat-step-header.cdk-program-focused, .mat-step-header:hover:not([aria-disabled]), .mat-step-header:hover[aria-disabled=false] { background-color: rgba(0, 0, 0, 0.04); } .mat-step-header:hover[aria-disabled=true] { cursor: default; } @media (hover: none) { .mat-step-header:hover { background: none; } } .mat-step-header .mat-step-label, .mat-step-header .mat-step-optional { color: rgba(0, 0, 0, 0.54); } .mat-step-header .mat-step-icon { background-color: rgba(0, 0, 0, 0.54); color: white; } .mat-step-header .mat-step-icon-selected, .mat-step-header .mat-step-icon-state-done, .mat-step-header .mat-step-icon-state-edit { background-color: #e53935; color: white; } .mat-step-header.mat-accent .mat-step-icon { color: white; } .mat-step-header.mat-accent .mat-step-icon-selected, .mat-step-header.mat-accent .mat-step-icon-state-done, .mat-step-header.mat-accent .mat-step-icon-state-edit { background-color: #ff5252; color: white; } .mat-step-header.mat-warn .mat-step-icon { color: rgba(0, 0, 0, 0.87); } .mat-step-header.mat-warn .mat-step-icon-selected, .mat-step-header.mat-warn .mat-step-icon-state-done, .mat-step-header.mat-warn .mat-step-icon-state-edit { background-color: #ffcdd2; color: rgba(0, 0, 0, 0.87); } .mat-step-header .mat-step-icon-state-error { background-color: transparent; color: #ffcdd2; } .mat-step-header .mat-step-label.mat-step-label-active { color: rgba(0, 0, 0, 0.87); } .mat-step-header .mat-step-label.mat-step-label-error { color: #ffcdd2; } .mat-stepper-horizontal, .mat-stepper-vertical { background-color: white; } .mat-stepper-vertical-line::before { border-left-color: rgba(0, 0, 0, 0.12); } .mat-horizontal-stepper-header::before, .mat-horizontal-stepper-header::after, .mat-stepper-horizontal-line { border-top-color: rgba(0, 0, 0, 0.12); } .mat-horizontal-stepper-header { height: 72px; } .mat-stepper-label-position-bottom .mat-horizontal-stepper-header, .mat-vertical-stepper-header { padding: 24px 24px; } .mat-stepper-vertical-line::before { top: -16px; bottom: -16px; } .mat-stepper-label-position-bottom .mat-horizontal-stepper-header::after, .mat-stepper-label-position-bottom .mat-horizontal-stepper-header::before { top: 36px; } .mat-stepper-label-position-bottom .mat-stepper-horizontal-line { top: 36px; } .mat-sort-header-arrow { color: #757575; } .mat-toolbar { background: whitesmoke; color: rgba(0, 0, 0, 0.87); } .mat-toolbar.mat-primary { background: #e53935; color: white; } .mat-toolbar.mat-accent { background: #ff5252; color: white; } .mat-toolbar.mat-warn { background: #ffcdd2; color: rgba(0, 0, 0, 0.87); } .mat-toolbar .mat-form-field-underline, .mat-toolbar .mat-form-field-ripple, .mat-toolbar .mat-focused .mat-form-field-ripple { background-color: currentColor; } .mat-toolbar .mat-form-field-label, .mat-toolbar .mat-focused .mat-form-field-label, .mat-toolbar .mat-select-value, .mat-toolbar .mat-select-arrow, .mat-toolbar .mat-form-field.mat-focused .mat-select-arrow { color: inherit; } .mat-toolbar .mat-input-element { caret-color: currentColor; } .mat-toolbar-multiple-rows { min-height: 64px; } .mat-toolbar-row, .mat-toolbar-single-row { height: 64px; } @media (max-width: 599px) { .mat-toolbar-multiple-rows { min-height: 56px; } .mat-toolbar-row, .mat-toolbar-single-row { height: 56px; } } .mat-tree { background: white; } .mat-tree-node, .mat-nested-tree-node { color: rgba(0, 0, 0, 0.87); } .mat-tree-node { min-height: 48px; } .mat-ripple { overflow: hidden; position: relative; } .mat-ripple:not(:empty) { transform: translateZ(0); } .mat-ripple.mat-ripple-unbounded { overflow: visible; } .mat-ripple-element { position: absolute; border-radius: 50%; pointer-events: none; transition: opacity, transform 0ms cubic-bezier(0, 0, 0.2, 1); transform: scale3d(0, 0, 0); } .cdk-high-contrast-active .mat-ripple-element { display: none; } .cdk-visually-hidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; white-space: nowrap; outline: 0; -webkit-appearance: none; -moz-appearance: none; left: 0; } [dir=rtl] .cdk-visually-hidden { left: auto; right: 0; } .cdk-overlay-container, .cdk-global-overlay-wrapper { pointer-events: none; top: 0; left: 0; height: 100%; width: 100%; } .cdk-overlay-container { position: fixed; z-index: 1000; } .cdk-overlay-container:empty { display: none; } .cdk-global-overlay-wrapper { display: flex; position: absolute; z-index: 1000; } .cdk-overlay-pane { position: absolute; pointer-events: auto; box-sizing: border-box; z-index: 1000; display: flex; max-width: 100%; max-height: 100%; } .cdk-overlay-backdrop { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 1000; pointer-events: auto; -webkit-tap-highlight-color: transparent; transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1); opacity: 0; } .cdk-overlay-backdrop.cdk-overlay-backdrop-showing { opacity: 1; } .cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing { opacity: 0.6; } .cdk-overlay-dark-backdrop { background: rgba(0, 0, 0, 0.32); } .cdk-overlay-transparent-backdrop { transition: visibility 1ms linear, opacity 1ms linear; visibility: hidden; opacity: 1; } .cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing { opacity: 0; visibility: visible; } .cdk-overlay-backdrop-noop-animation { transition: none; } .cdk-overlay-connected-position-bounding-box { position: absolute; z-index: 1000; display: flex; flex-direction: column; min-width: 1px; min-height: 1px; } .cdk-global-scrollblock { position: fixed; width: 100%; overflow-y: scroll; } textarea.cdk-textarea-autosize { resize: none; } textarea.cdk-textarea-autosize-measuring { padding: 2px 0 !important; box-sizing: content-box !important; height: auto !important; overflow: hidden !important; } textarea.cdk-textarea-autosize-measuring-firefox { padding: 2px 0 !important; box-sizing: content-box !important; height: 0 !important; } @keyframes cdk-text-field-autofill-start { /*!*/ } @keyframes cdk-text-field-autofill-end { /*!*/ } .cdk-text-field-autofill-monitored:-webkit-autofill { animation: cdk-text-field-autofill-start 0s 1ms; } .cdk-text-field-autofill-monitored:not(:-webkit-autofill) { animation: cdk-text-field-autofill-end 0s 1ms; } .mat-focus-indicator { position: relative; } .mat-focus-indicator::before { top: 0; left: 0; right: 0; bottom: 0; position: absolute; box-sizing: border-box; pointer-events: none; display: var(--mat-focus-indicator-display, none); border: var(--mat-focus-indicator-border-width, 3px) var(--mat-focus-indicator-border-style, solid) var(--mat-focus-indicator-border-color, transparent); border-radius: var(--mat-focus-indicator-border-radius, 4px); } .mat-focus-indicator:focus::before { content: ""; } .cdk-high-contrast-active { --mat-focus-indicator-display: block; } .mat-mdc-focus-indicator { position: relative; } .mat-mdc-focus-indicator::before { top: 0; left: 0; right: 0; bottom: 0; position: absolute; box-sizing: border-box; pointer-events: none; display: var(--mat-mdc-focus-indicator-display, none); border: var(--mat-mdc-focus-indicator-border-width, 3px) var(--mat-mdc-focus-indicator-border-style, solid) var(--mat-mdc-focus-indicator-border-color, transparent); border-radius: var(--mat-mdc-focus-indicator-border-radius, 4px); } .mat-mdc-focus-indicator:focus::before { content: ""; } .cdk-high-contrast-active { --mat-mdc-focus-indicator-display: block; } .accent-color { color: #ff5252 !important; } .mat-toolbar { background: whitesmoke; color: rgba(0, 0, 0, 0.87); } .mat-toolbar.mat-primary { background: white; color: rgba(0, 0, 0, 0.87); } .mat-toolbar.mat-accent { background: #ff5252; color: white; } .mat-toolbar.mat-warn { background: #ffcdd2; color: rgba(0, 0, 0, 0.87); } .mat-toolbar .mat-form-field-underline, .mat-toolbar .mat-form-field-ripple, .mat-toolbar .mat-focused .mat-form-field-ripple { background-color: currentColor; } .mat-toolbar .mat-form-field-label, .mat-toolbar .mat-focused .mat-form-field-label, .mat-toolbar .mat-select-value, .mat-toolbar .mat-select-arrow, .mat-toolbar .mat-form-field.mat-focused .mat-select-arrow { color: inherit; } .mat-toolbar .mat-input-element { caret-color: currentColor; } [data-amplify-container] { display: grid; margin-top: 35px; } :root { --amplify-components-button-primary-background-color: var( --amplify-colors-red-60 ); --amplify-components-button-primary-hover-background-color: var( --amplify-colors-red-40 ); --amplify-components-button-primary-focus-background-color: var( --amplify-colors-red-40 ); --amplify-components-button-primary-active-background-color: var( --amplify-colors-brand-secondary-100 ); --amplify-components-button-link-color: var(--amplify-colors-red-60); --amplify-components-button-link-hover-color: var(--amplify-colors-red-40); --amplify-components-button-link-focus-color: var(--amplify-colors-red-40); --amplify-components-button-link-active-color: var( --amplify-colors-brand-secondary-100 ); --amplify-components-button-link-active-background-color: transparent; --amplify-components-button-link-focus-background-color: transparent; --amplify-components-button-link-hover-background-color: transparent; --amplify-components-tabs-item-border-color: var(--amplify-colors-red-60); --amplify-components-tabs-border-color: var(--amplify-colors-red-60); --amplify-colors-brand-primary-10: var(--amplify-colors-red-10); --amplify-colors-brand-primary-20: var(--amplify-colors-red-20); --amplify-colors-brand-primary-40: var(--amplify-colors-red-40); --amplify-colors-brand-primary-60: var(--amplify-colors-red-60); --amplify-colors-brand-primary-80: var(--amplify-colors-red-80); --amplify-colors-brand-primary-90: var(--amplify-colors-red-90); --color-light-red: #cf0e10; --color-white: #ffffff; --color-dark-red: #97000d; } span.logo { width: 115px; height: 54px; margin-left: -10px; background-image: url("/scss/assets/alo-money.png"); } #home .logo { margin-top: 30px; background-image: url("/scss/assets/brandmark-alo-money.png"); background-repeat: no-repeat; background-size: 250px; background-position: top center; width: 100%; height: 150px; } #home section button:hover { color: white; background-color: #e53935 !important; } .headline-1 { font-size: x-large; color: white; background-color: #e53935 !important; padding-left: 10px; margin-bottom: 15px; } .headline-2 { font-size: large; color: white; background-color: #e53935 !important; padding-left: 10px; margin-bottom: 15px; } div.mat-mdc-dialog-content table, div.mat-mdc-dialog-content th, div.mat-mdc-dialog-content td { border: 1px solid gray; padding: 5px; border-collapse: collapse; } hr { color: #f5f5f5; } .mdc-text-field { border-radius: 0px !important; } [tuiWrapper][data-appearance=textfield] { box-shadow: none !important; background-color: #f5f5f5; } [tuiWrapper]:after { border: none !important; } .zendy-modal .mat-mdc-dialog-container .mdc-dialog__surface { border-radius: 16px !important; } .zendy-modal .mdc-dialog .mdc-dialog__content { padding: 16px !important; } .cdk-overlay-dark-backdrop { background: #cf0e10 !important; opacity: 0.7 !important; } .menu-profile-button { box-shadow: 0px 8px 12px 0px rgba(0, 0, 0, 0.25) !important; } .mat-drawer-backdrop.mat-drawer-shown { background-color: rgba(255, 255, 255, 0.5); } zendy-intl-phone input { font-family: "Montserrat", sans-serif !important; font-size: 24px !important; padding: 0px !important; font-weight: 600 !important; line-height: 32px !important; } .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-floating-label, .mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-floating-label { color: black !important; } .mat-mdc-form-field.mat-focused .mat-mdc-form-field-focus-overlay { opacity: 0.04 !important; } tui-dropdown .t-content { /*min-width: 36rem !important;*/ } @media screen and (max-width: 769px) { tui-dropdown .t-content { min-width: 100vw !important; } } .texto-movimiento { white-space: nowrap; /* Evita que el texto se divida en varias líneas */ } .animacion-marquesina { display: inline-block; animation: marquesina 30s linear infinite; /* Ajusta la duración y el tipo de animación según tus necesidades */ } @keyframes marquesina { 0% { transform: translateX(80%); } 100% { transform: translateX(-120%); } } .alertbg { background-color: #cf0e10; color: white; } .w-200 { max-width: 150px; height: auto; } /* CSS */ .loader { width: 50px; aspect-ratio: 1; display: grid; border-radius: 50%; background: linear-gradient(0deg, rgba(0, 0, 0, 0.5) 30%, rgba(0, 0, 0, 0) 0 70%, rgb(0, 0, 0) 0) 50%/8% 100%, linear-gradient(90deg, rgba(0, 0, 0, 0.25) 30%, rgba(0, 0, 0, 0) 0 70%, rgba(0, 0, 0, 0.75) 0) 50%/100% 8%; background-repeat: no-repeat; animation: l23 1s infinite steps(12); } .loader::before, .loader::after { content: ""; grid-area: 1/1; border-radius: 50%; background: inherit; opacity: 0.915; transform: rotate(30deg); } .loader::after { opacity: 0.83; transform: rotate(60deg); } @keyframes l23 { 100% { transform: rotate(1turn); } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } .opaque { /* Estilos para hacer el contenido opaco */ background-color: white; pointer-events: none; transition: filter 0.3s ease; } .loader-container { position: fixed; top: 0; left: 0; width: 50%; height: 50%; display: flex; justify-content: center; align-items: center; z-index: 9999; } .overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.8); /* Fondo blanco semitransparente */ z-index: 1000; /* Asegura que esté encima de todo */ display: flex; justify-content: center; align-items: center; } .loader-popup { background-color: #fff; /* Fondo blanco del popup */ padding: 20px; border-radius: 8px; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); /* Sombra para efecto de elevación */ display: flex; /* Mostrar como flexbox */ justify-content: center; /* Centrar horizontalmente */ align-items: center; /* Centrar verticalmente */ } .scroll-container { max-height: 300px; overflow-y: auto; } .svg-red-header { filter: invert(15%) sepia(90%) saturate(3503%) hue-rotate(349deg) brightness(80%) contrast(90%); /*invert(15%) sepia(90%) saturate(3503%) hue-rotate(349deg) brightness(90%) contrast(108%);*/ /*invert(15%) sepia(95%) saturate(4512%) hue-rotate(352deg) brightness(81%) contrast(101%);*/ } .svg-red { filter: invert(65%) sepia(90%) saturate(3503%) hue-rotate(349deg) brightness(90%) contrast(98%); } .svg-white { filter: invert(99%) sepia(0%) saturate(0%) hue-rotate(312deg) brightness(117%) contrast(100%); } .dashboard-box .container { background: rgba(53, 53, 53, 0.0509803922); } .dashboard-box .no-info { background: var(--color-light-red); } .dashboard-box .mobile-operator { background-image: url("https://cdn.zendy.tel/images/girl-mobile.png"); background-position: center bottom; background-size: 50%; background-repeat: no-repeat; } .dashboard-box .dashboard-header { background: var(--color-light-red); padding: 4px 16px; justify-content: space-between; align-items: center; } .dashboard-box h2 { color: #fff; font-size: 16px; line-height: 24px; font-weight: 700; margin: 0; letter-spacing: 0.32px; } .dashboard-box .number { font-weight: 600; font-size: 38px; line-height: 48px; letter-spacing: 0.76px; } .dashboard-box .btn-white { border: 1px solid #CF0E10; --background: white; --color: #CF0E10; border-radius: 8px; --box-shadow: #00000040; } .dashboard-box .btn-white button { font-weight: 500; width: 100%; justify-content: center; } .dashboard-box .block-footer button { font-weight: 500; width: 100%; justify-content: center; } .dashboard-box .mobile-contracts .igx-carousel__arrow--next, .dashboard-box .mobile-contracts .igx-carousel__arrow--prev { /*display: none;*/ top: 20%; } .dashboard-box .mobile-contracts-once .igx-carousel__arrow--next, .dashboard-box .mobile-contracts-once .igx-carousel__arrow--prev, .dashboard-box .travelsims-once .igx-carousel__arrow--next, .dashboard-box .travelsims-once .igx-carousel__arrow--prev { display: none; /*top: 20%;*/ } .dashboard-box .igx-carousel-indicators--bottom { margin: 0; bottom: 20px; } .dashboard-box .mobile-contracts .igx-carousel-indicators--bottom { margin: 0; bottom: -25px; } .dashboard-box .igx-carousel-indicators__indicator { width: 40px; margin: 0; } .dashboard-box .igx-carousel-indicators__indicator .igx-nav-dot { box-shadow: none; } .dashboard-box .igx-carousel-indicators__indicator .igx-nav-dot:after { background-color: rgba(53, 53, 53, 0.3490196078); } .dashboard-box .igx-carousel-indicators__indicator .igx-nav-dot--active { width: 100%; border-radius: 5px; padding: 0; margin: 0; } .dashboard-box .igx-carousel-indicators__indicator .igx-nav-dot--active:after { background-color: #CF0E10; } ::-webkit-scrollbar { width: 10px; background: transparent; } /* Track */ ::-webkit-scrollbar-track { /*box-shadow: inset 0 0 5px #cf0e10;*/ border-radius: 10px; border: 1px solid rgba(151, 0, 13, 0); } /* Handle */ ::-webkit-scrollbar-thumb { background: rgba(207, 14, 16, 0.6666666667); border-radius: 20px; border: 2px solid rgba(0, 0, 0, 0); background-clip: padding-box; } /* Handle on hover */ ::-webkit-scrollbar-thumb:hover { background: #cf0e10; } .loading-mask { /*position: fixed;*/ display: flex; align-items: center; justify-content: center; } .spinner-container.center { top: 50%; left: 50%; transform: translate(-50%, -50%); } .spinner-container.top-right { top: 1rem; right: 1rem; } .spinner-container.full { top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(207, 14, 16, 0.7); z-index: 1000; position: absolute; } .transfers .user-info { border-radius: 8px; background: rgba(53, 53, 53, 0.0509803922); padding: 8px 16px; } .transfers .custom-stepper .mat-horizontal-stepper-wrapper { box-shadow: 0px 8px 12px 0px rgba(0, 0, 0, 0.2509803922); border-radius: 8px; } .transfers .custom-stepper .mat-horizontal-stepper-header-container { max-width: 220px !important; margin-left: auto !important; margin-right: auto !important; } .transfers .custom-stepper mat-step-header { pointer-events: none; } .transfers .amount-container { background: rgba(53, 53, 53, 0.0509803922); } .transfers .mat-form-field.mat-focused .mat-form-field-ripple { background-color: transparent !important; } .transfers ::ng-deep .custom-select-pane { min-width: unset !important; max-width: unset !important; width: unset !important; } .transfers .bg-transparent button { background: transparent !important; } .transfers .mat-mdc-form-field-infix { display: flex; } .transfers .no-bg-input.mat-focused, .transfers .no-bg-input:hover { background-color: transparent !important; } .toolbar { box-shadow: 0 5px 5px -6px rgba(0, 0, 0, 0.2); } body, html { height: 100%; margin: 0; } h1 { padding: 0px; margin: 0px; } #content { min-height: 625px; } .warning { text-align: center; margin: auto; padding: 30px; } .footer { box-shadow: 0px -5px 5px -6px rgba(0, 0, 0, 0.2); background: #fff; bottom: 0; padding: 15px; font-size: 11px; color: #888; width: 90%; text-align: center; margin: auto; } .footer .logo { background-image: url("/scss/assets/brandmark-skylink.png"); background-repeat: no-repeat; background-size: 90px; background-position: center; width: 100%; height: 35px; margin-bottom: 5px; } .container { padding: 15px; height: 100%; } .container-spacer { flex: 1 1 auto; } .spacer { margin-bottom: 100px; } .dialpad { width: 285px; text-align: center; margin: auto; } .spacer-list-actions { margin-left: 15px; } .form { margin-top: 15px; margin-left: auto; margin-right: auto; text-align: center; width: 90%; } .alert { margin: auto; text-align: center; } .form table { width: 100%; } .form .action { margin-left: 15px; } .form table .actions { text-align: right; } button span.sub { display: block; margin-top: -8px; margin-bottom: -10px; padding: 0px; font-size: 12px; } .checkout { text-align: center; margin: auto; } mat-form-field { width: 100%; } #home section { text-align: center; bottom: 0; } #home .welcome { margin-top: 15px; margin-bottom: 30px; margin-left: auto; margin-right: auto; text-align: center; font-weight: bold; } #home section button { height: 100px; width: 180px; padding-left: 15px; padding-right: 15px; margin-left: 15px; margin-right: 15px; margin-bottom: 5px; border: 1px solid rgb(169, 169, 169); } .green { background-color: #43a047 !important; color: white !important; } .red { background-color: #e53935 !important; color: white !important; } h1.mat-mdc-dialog-title { color: white !important; font-size: large !important; padding-bottom: 25px; } div.mat-mdc-dialog-content { padding-top: 30px !important; } .check-full-width a { text-decoration: underline; color: #cf0e10; } .flag { height: 16px; width: 16px; background-size: 16px 16px; } .flag.medium { height: 24px; width: 24px; background-size: 24px 24px; } .flag.large { height: 32px; width: 32px; background-size: 32px 32px; } .AD { background: url(/assets/flags/svgs/AD.svg) no-repeat; } .AE { background: url(/assets/flags/svgs/AE.svg) no-repeat; } .AF { background: url(/assets/flags/svgs/AF.svg) no-repeat; } .AG { background: url(/assets/flags/svgs/AG.svg) no-repeat; } .AI { background: url(/assets/flags/svgs/AI.svg) no-repeat; } .AL { background: url(/assets/flags/svgs/AL.svg) no-repeat; } .AM { background: url(/assets/flags/svgs/AM.svg) no-repeat; } .AO { background: url(/assets/flags/svgs/AO.svg) no-repeat; } .AR { background: url(/assets/flags/svgs/AR.svg) no-repeat; } .AS { background: url(/assets/flags/svgs/AS.svg) no-repeat; } .AT { background: url(/assets/flags/svgs/AT.svg) no-repeat; } .AU { background: url(/assets/flags/svgs/AU.svg) no-repeat; } .AW { background: url(/assets/flags/svgs/AW.svg) no-repeat; } .AX { background: url(/assets/flags/svgs/AX.svg) no-repeat; } .AZ { background: url(/assets/flags/svgs/AZ.svg) no-repeat; } .BA { background: url(/assets/flags/svgs/BA.svg) no-repeat; } .BB { background: url(/assets/flags/svgs/BB.svg) no-repeat; } .BD { background: url(/assets/flags/svgs/BD.svg) no-repeat; } .BE { background: url(/assets/flags/svgs/BE.svg) no-repeat; } .BF { background: url(/assets/flags/svgs/BF.svg) no-repeat; } .BG { background: url(/assets/flags/svgs/BG.svg) no-repeat; } .BH { background: url(/assets/flags/svgs/BH.svg) no-repeat; } .BI { background: url(/assets/flags/svgs/BI.svg) no-repeat; } .BJ { background: url(/assets/flags/svgs/BJ.svg) no-repeat; } .BL { background: url(/assets/flags/svgs/BL.svg) no-repeat; } .BM { background: url(/assets/flags/svgs/BM.svg) no-repeat; } .BN { background: url(/assets/flags/svgs/BN.svg) no-repeat; } .BO { background: url(/assets/flags/svgs/BO.svg) no-repeat; } .BR { background: url(/assets/flags/svgs/BR.svg) no-repeat; } .BS { background: url(/assets/flags/svgs/BS.svg) no-repeat; } .BT { background: url(/assets/flags/svgs/BT.svg) no-repeat; } .BV { background: url(/assets/flags/svgs/BV.svg) no-repeat; } .BW { background: url(/assets/flags/svgs/BW.svg) no-repeat; } .BY { background: url(/assets/flags/svgs/BY.svg) no-repeat; } .BZ { background: url(/assets/flags/svgs/BZ.svg) no-repeat; } .CA { background: url(/assets/flags/svgs/CA.svg) no-repeat; } .CC { background: url(/assets/flags/svgs/CC.svg) no-repeat; } .CD { background: url(/assets/flags/svgs/CD.svg) no-repeat; } .CF { background: url(/assets/flags/svgs/CF.svg) no-repeat; } .CG { background: url(/assets/flags/svgs/CG.svg) no-repeat; } .CH { background: url(/assets/flags/svgs/CH.svg) no-repeat; } .CI { background: url(/assets/flags/svgs/CI.svg) no-repeat; } .CK { background: url(/assets/flags/svgs/CK.svg) no-repeat; } .CL { background: url(/assets/flags/svgs/CL.svg) no-repeat; } .CM { background: url(/assets/flags/svgs/CM.svg) no-repeat; } .CN { background: url(/assets/flags/svgs/CN.svg) no-repeat; } .CO { background: url(/assets/flags/svgs/CO.svg) no-repeat; } .CR { background: url(/assets/flags/svgs/CR.svg) no-repeat; } .CU { background: url(/assets/flags/svgs/CU.svg) no-repeat; } .CV { background: url(/assets/flags/svgs/CV.svg) no-repeat; } .CW { background: url(/assets/flags/svgs/CW.svg) no-repeat; } .CX { background: url(/assets/flags/svgs/CX.svg) no-repeat; } .CY { background: url(/assets/flags/svgs/CY.svg) no-repeat; } .CZ { background: url(/assets/flags/svgs/CZ.svg) no-repeat; } .DE { background: url(/assets/flags/svgs/DE.svg) no-repeat; } .DJ { background: url(/assets/flags/svgs/DJ.svg) no-repeat; } .DK { background: url(/assets/flags/svgs/DK.svg) no-repeat; } .DM { background: url(/assets/flags/svgs/DM.svg) no-repeat; } .DO { background: url(/assets/flags/svgs/DO.svg) no-repeat; } .DZ { background: url(/assets/flags/svgs/DZ.svg) no-repeat; } .EC { background: url(/assets/flags/svgs/EC.svg) no-repeat; } .EE { background: url(/assets/flags/svgs/EE.svg) no-repeat; } .EG { background: url(/assets/flags/svgs/EG.svg) no-repeat; } .ER { background: url(/assets/flags/svgs/ER.svg) no-repeat; } .ES { background: url(/assets/flags/svgs/ES.svg) no-repeat; } .ET { background: url(/assets/flags/svgs/ET.svg) no-repeat; } .EU { background: url(/assets/flags/svgs/EU.svg) no-repeat; } .FI { background: url(/assets/flags/svgs/FI.svg) no-repeat; } .FJ { background: url(/assets/flags/svgs/FJ.svg) no-repeat; } .FK { background: url(/assets/flags/svgs/FK.svg) no-repeat; } .FM { background: url(/assets/flags/svgs/FM.svg) no-repeat; } .FO { background: url(/assets/flags/svgs/FO.svg) no-repeat; } .FR { background: url(/assets/flags/svgs/FR.svg) no-repeat; } .GA { background: url(/assets/flags/svgs/GA.svg) no-repeat; } .GB-ENG { background: url(/assets/flags/svgs/GB-ENG.svg) no-repeat; } .GB-NIR { background: url(/assets/flags/svgs/GB-NIR.svg) no-repeat; } .GB-SCT { background: url(/assets/flags/svgs/GB-SCT.svg) no-repeat; } .GB-WLS { background: url(/assets/flags/svgs/GB-WLS.svg) no-repeat; } .GB-ZET { background: url(/assets/flags/svgs/GB-ZET.svg) no-repeat; } .GB { background: url(/assets/flags/svgs/GB.svg) no-repeat; } .GD { background: url(/assets/flags/svgs/GD.svg) no-repeat; } .GE { background: url(/assets/flags/svgs/GE.svg) no-repeat; } .GF { background: url(/assets/flags/svgs/GF.svg) no-repeat; } .GG { background: url(/assets/flags/svgs/GG.svg) no-repeat; } .GH { background: url(/assets/flags/svgs/GH.svg) no-repeat; } .GI { background: url(/assets/flags/svgs/GI.svg) no-repeat; } .GL { background: url(/assets/flags/svgs/GL.svg) no-repeat; } .GM { background: url(/assets/flags/svgs/GM.svg) no-repeat; } .GN { background: url(/assets/flags/svgs/GN.svg) no-repeat; } .GP { background: url(/assets/flags/svgs/GP.svg) no-repeat; } .GQ { background: url(/assets/flags/svgs/GQ.svg) no-repeat; } .GR { background: url(/assets/flags/svgs/GR.svg) no-repeat; } .GS { background: url(/assets/flags/svgs/GS.svg) no-repeat; } .GT { background: url(/assets/flags/svgs/GT.svg) no-repeat; } .GU { background: url(/assets/flags/svgs/GU.svg) no-repeat; } .GW { background: url(/assets/flags/svgs/GW.svg) no-repeat; } .GY { background: url(/assets/flags/svgs/GY.svg) no-repeat; } .HK { background: url(/assets/flags/svgs/HK.svg) no-repeat; } .HM { background: url(/assets/flags/svgs/HM.svg) no-repeat; } .HN { background: url(/assets/flags/svgs/HN.svg) no-repeat; } .HR { background: url(/assets/flags/svgs/HR.svg) no-repeat; } .HT { background: url(/assets/flags/svgs/HT.svg) no-repeat; } .HU { background: url(/assets/flags/svgs/HU.svg) no-repeat; } .ID { background: url(/assets/flags/svgs/ID.svg) no-repeat; } .IE { background: url(/assets/flags/svgs/IE.svg) no-repeat; } .IL { background: url(/assets/flags/svgs/IL.svg) no-repeat; } .IM { background: url(/assets/flags/svgs/IM.svg) no-repeat; } .IN { background: url(/assets/flags/svgs/IN.svg) no-repeat; } .IO { background: url(/assets/flags/svgs/IO.svg) no-repeat; } .IQ { background: url(/assets/flags/svgs/IQ.svg) no-repeat; } .IR { background: url(/assets/flags/svgs/IR.svg) no-repeat; } .IS { background: url(/assets/flags/svgs/IS.svg) no-repeat; } .IT { background: url(/assets/flags/svgs/IT.svg) no-repeat; } .JE { background: url(/assets/flags/svgs/JE.svg) no-repeat; } .JM { background: url(/assets/flags/svgs/JM.svg) no-repeat; } .JO { background: url(/assets/flags/svgs/JO.svg) no-repeat; } .JP { background: url(/assets/flags/svgs/JP.svg) no-repeat; } .KE { background: url(/assets/flags/svgs/KE.svg) no-repeat; } .KG { background: url(/assets/flags/svgs/KG.svg) no-repeat; } .KH { background: url(/assets/flags/svgs/KH.svg) no-repeat; } .KI { background: url(/assets/flags/svgs/KI.svg) no-repeat; } .KM { background: url(/assets/flags/svgs/KM.svg) no-repeat; } .KN { background: url(/assets/flags/svgs/KN.svg) no-repeat; } .KP { background: url(/assets/flags/svgs/KP.svg) no-repeat; } .KR { background: url(/assets/flags/svgs/KR.svg) no-repeat; } .KW { background: url(/assets/flags/svgs/KW.svg) no-repeat; } .KY { background: url(/assets/flags/svgs/KY.svg) no-repeat; } .KZ { background: url(/assets/flags/svgs/KZ.svg) no-repeat; } .LA { background: url(/assets/flags/svgs/LA.svg) no-repeat; } .LB { background: url(/assets/flags/svgs/LB.svg) no-repeat; } .LC { background: url(/assets/flags/svgs/LC.svg) no-repeat; } .LGBT { background: url(/assets/flags/svgs/LGBT.svg) no-repeat; } .LI { background: url(/assets/flags/svgs/LI.svg) no-repeat; } .LK { background: url(/assets/flags/svgs/LK.svg) no-repeat; } .LR { background: url(/assets/flags/svgs/LR.svg) no-repeat; } .LS { background: url(/assets/flags/svgs/LS.svg) no-repeat; } .LT { background: url(/assets/flags/svgs/LT.svg) no-repeat; } .LU { background: url(/assets/flags/svgs/LU.svg) no-repeat; } .LV { background: url(/assets/flags/svgs/LV.svg) no-repeat; } .LY { background: url(/assets/flags/svgs/LY.svg) no-repeat; } .MA { background: url(/assets/flags/svgs/MA.svg) no-repeat; } .MC { background: url(/assets/flags/svgs/MC.svg) no-repeat; } .MD { background: url(/assets/flags/svgs/MD.svg) no-repeat; } .ME { background: url(/assets/flags/svgs/ME.svg) no-repeat; } .MF { background: url(/assets/flags/svgs/MF.svg) no-repeat; } .MG { background: url(/assets/flags/svgs/MG.svg) no-repeat; } .MH { background: url(/assets/flags/svgs/MH.svg) no-repeat; } .MK { background: url(/assets/flags/svgs/MK.svg) no-repeat; } .ML { background: url(/assets/flags/svgs/ML.svg) no-repeat; } .MM { background: url(/assets/flags/svgs/MM.svg) no-repeat; } .MN { background: url(/assets/flags/svgs/MN.svg) no-repeat; } .MO { background: url(/assets/flags/svgs/MO.svg) no-repeat; } .MP { background: url(/assets/flags/svgs/MP.svg) no-repeat; } .MQ { background: url(/assets/flags/svgs/MQ.svg) no-repeat; } .MR { background: url(/assets/flags/svgs/MR.svg) no-repeat; } .MS { background: url(/assets/flags/svgs/MS.svg) no-repeat; } .MT { background: url(/assets/flags/svgs/MT.svg) no-repeat; } .MU { background: url(/assets/flags/svgs/MU.svg) no-repeat; } .MV { background: url(/assets/flags/svgs/MV.svg) no-repeat; } .MW { background: url(/assets/flags/svgs/MW.svg) no-repeat; } .MX { background: url(/assets/flags/svgs/MX.svg) no-repeat; } .MY { background: url(/assets/flags/svgs/MY.svg) no-repeat; } .MZ { background: url(/assets/flags/svgs/MZ.svg) no-repeat; } .NA { background: url(/assets/flags/svgs/NA.svg) no-repeat; } .NC { background: url(/assets/flags/svgs/NC.svg) no-repeat; } .NE { background: url(/assets/flags/svgs/NE.svg) no-repeat; } .NF { background: url(/assets/flags/svgs/NF.svg) no-repeat; } .NG { background: url(/assets/flags/svgs/NG.svg) no-repeat; } .NI { background: url(/assets/flags/svgs/NI.svg) no-repeat; } .NL { background: url(/assets/flags/svgs/NL.svg) no-repeat; } .NO { background: url(/assets/flags/svgs/NO.svg) no-repeat; } .NP { background: url(/assets/flags/svgs/NP.svg) no-repeat; } .NR { background: url(/assets/flags/svgs/NR.svg) no-repeat; } .NU { background: url(/assets/flags/svgs/NU.svg) no-repeat; } .NZ { background: url(/assets/flags/svgs/NZ.svg) no-repeat; } .OM { background: url(/assets/flags/svgs/OM.svg) no-repeat; } .PA { background: url(/assets/flags/svgs/PA.svg) no-repeat; } .PE { background: url(/assets/flags/svgs/PE.svg) no-repeat; } .PF { background: url(/assets/flags/svgs/PF.svg) no-repeat; } .PG { background: url(/assets/flags/svgs/PG.svg) no-repeat; } .PH { background: url(/assets/flags/svgs/PH.svg) no-repeat; } .PK { background: url(/assets/flags/svgs/PK.svg) no-repeat; } .PL { background: url(/assets/flags/svgs/PL.svg) no-repeat; } .PM { background: url(/assets/flags/svgs/PM.svg) no-repeat; } .PN { background: url(/assets/flags/svgs/PN.svg) no-repeat; } .PR { background: url(/assets/flags/svgs/PR.svg) no-repeat; } .PS { background: url(/assets/flags/svgs/PS.svg) no-repeat; } .PT { background: url(/assets/flags/svgs/PT.svg) no-repeat; } .PW { background: url(/assets/flags/svgs/PW.svg) no-repeat; } .PY { background: url(/assets/flags/svgs/PY.svg) no-repeat; } .QA { background: url(/assets/flags/svgs/QA.svg) no-repeat; } .RE { background: url(/assets/flags/svgs/RE.svg) no-repeat; } .RO { background: url(/assets/flags/svgs/RO.svg) no-repeat; } .RS { background: url(/assets/flags/svgs/RS.svg) no-repeat; } .RU { background: url(/assets/flags/svgs/RU.svg) no-repeat; } .RW { background: url(/assets/flags/svgs/RW.svg) no-repeat; } .SA { background: url(/assets/flags/svgs/SA.svg) no-repeat; } .SB { background: url(/assets/flags/svgs/SB.svg) no-repeat; } .SC { background: url(/assets/flags/svgs/SC.svg) no-repeat; } .SD { background: url(/assets/flags/svgs/SD.svg) no-repeat; } .SE { background: url(/assets/flags/svgs/SE.svg) no-repeat; } .SG { background: url(/assets/flags/svgs/SG.svg) no-repeat; } .SH { background: url(/assets/flags/svgs/SH.svg) no-repeat; } .SI { background: url(/assets/flags/svgs/SI.svg) no-repeat; } .SJ { background: url(/assets/flags/svgs/SJ.svg) no-repeat; } .SK { background: url(/assets/flags/svgs/SK.svg) no-repeat; } .SL { background: url(/assets/flags/svgs/SL.svg) no-repeat; } .SM { background: url(/assets/flags/svgs/SM.svg) no-repeat; } .SN { background: url(/assets/flags/svgs/SN.svg) no-repeat; } .SO { background: url(/assets/flags/svgs/SO.svg) no-repeat; } .SR { background: url(/assets/flags/svgs/SR.svg) no-repeat; } .SS { background: url(/assets/flags/svgs/SS.svg) no-repeat; } .ST { background: url(/assets/flags/svgs/ST.svg) no-repeat; } .SV { background: url(/assets/flags/svgs/SV.svg) no-repeat; } .SX { background: url(/assets/flags/svgs/SX.svg) no-repeat; } .SY { background: url(/assets/flags/svgs/SY.svg) no-repeat; } .SZ { background: url(/assets/flags/svgs/SZ.svg) no-repeat; } .TC { background: url(/assets/flags/svgs/TC.svg) no-repeat; } .TD { background: url(/assets/flags/svgs/TD.svg) no-repeat; } .TF { background: url(/assets/flags/svgs/TF.svg) no-repeat; } .TG { background: url(/assets/flags/svgs/TG.svg) no-repeat; } .TH { background: url(/assets/flags/svgs/TH.svg) no-repeat; } .TJ { background: url(/assets/flags/svgs/TJ.svg) no-repeat; } .TK { background: url(/assets/flags/svgs/TK.svg) no-repeat; } .TL { background: url(/assets/flags/svgs/TL.svg) no-repeat; } .TM { background: url(/assets/flags/svgs/TM.svg) no-repeat; } .TN { background: url(/assets/flags/svgs/TN.svg) no-repeat; } .TO { background: url(/assets/flags/svgs/TO.svg) no-repeat; } .TR { background: url(/assets/flags/svgs/TR.svg) no-repeat; } .TT { background: url(/assets/flags/svgs/TT.svg) no-repeat; } .TV { background: url(/assets/flags/svgs/TV.svg) no-repeat; } .TW { background: url(/assets/flags/svgs/TW.svg) no-repeat; } .TZ { background: url(/assets/flags/svgs/TZ.svg) no-repeat; } .UA { background: url(/assets/flags/svgs/UA.svg) no-repeat; } .UG { background: url(/assets/flags/svgs/UG.svg) no-repeat; } .UM { background: url(/assets/flags/svgs/UM.svg) no-repeat; } .US-CA { background: url(/assets/flags/svgs/US-CA.svg) no-repeat; } .US { background: url(/assets/flags/svgs/US.svg) no-repeat; } .UY { background: url(/assets/flags/svgs/UY.svg) no-repeat; } .UZ { background: url(/assets/flags/svgs/UZ.svg) no-repeat; } .VA { background: url(/assets/flags/svgs/VA.svg) no-repeat; } .VC { background: url(/assets/flags/svgs/VC.svg) no-repeat; } .VE { background: url(/assets/flags/svgs/VE.svg) no-repeat; } .VG { background: url(/assets/flags/svgs/VG.svg) no-repeat; } .VI { background: url(/assets/flags/svgs/VI.svg) no-repeat; } .VN { background: url(/assets/flags/svgs/VN.svg) no-repeat; } .VU { background: url(/assets/flags/svgs/VU.svg) no-repeat; } .WF { background: url(/assets/flags/svgs/WF.svg) no-repeat; } .WS { background: url(/assets/flags/svgs/WS.svg) no-repeat; } .XK { background: url(/assets/flags/svgs/XK.svg) no-repeat; } .YE { background: url(/assets/flags/svgs/YE.svg) no-repeat; } .YT { background: url(/assets/flags/svgs/YT.svg) no-repeat; } .ZA { background: url(/assets/flags/svgs/ZA.svg) no-repeat; } .ZM { background: url(/assets/flags/svgs/ZM.svg) no-repeat; } .ZW { background: url(/assets/flags/svgs/ZW.svg) no-repeat; } .\*\:mb-2 > *{ margin-bottom: 0.5rem; } .\*\:mb-4 > *{ margin-bottom: 1rem; } .\*\:h-\[50px\] > *{ height: 50px; } .\*\:py-2 > *{ padding-top: 0.5rem; padding-bottom: 0.5rem; } .\*\:font-\[400\] > *{ font-weight: 400; } .\*\:font-\[500\] > *{ font-weight: 500; } .focus-within\:relative:focus-within{ position: relative; } .hover\:bg-blue-700:hover{ --tw-bg-opacity: 1; background-color: rgb(29 78 216 / var(--tw-bg-opacity, 1)); } .hover\:shadow-md:hover{ --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .focus\:border-transparent:focus{ border-color: transparent; } .focus\:outline-none:focus{ outline: 2px solid transparent; outline-offset: 2px; } .focus\:ring-2:focus{ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } .focus\:ring-blue-500:focus{ --tw-ring-opacity: 1; --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1)); } .has-\[input\:focus-within\]\:outline-2:has(input:focus-within){ outline-width: 2px; } .has-\[input\:focus-within\]\:-outline-offset-2:has(input:focus-within){ outline-offset: -2px; } .has-\[input\:focus-within\]\:outline-indigo-600:has(input:focus-within){ outline-color: #4f46e5; } @media not all and (min-width: 1024px){ .max-lg\:mx-auto{ margin-left: auto; margin-right: auto; } .max-lg\:max-w-sm{ max-width: 24rem; } } @media (min-width: 640px){ .sm\:px-10{ padding-left: 2.5rem; padding-right: 2.5rem; } } @media (min-width: 768px){ .md\:m-auto{ margin: auto; } .md\:w-28{ width: 7rem; } .md\:w-full{ width: 100%; } .md\:max-w-3xl{ max-width: 48rem; } .md\:max-w-4xl{ max-width: 56rem; } .md\:max-w-md{ max-width: 28rem; } .md\:max-w-xl{ max-width: 36rem; } .md\:grid-cols-2{ grid-template-columns: repeat(2, minmax(0, 1fr)); } .md\:justify-center{ justify-content: center; } .md\:gap-14{ gap: 3.5rem; } .md\:gap-16{ gap: 4rem; } .md\:gap-4{ gap: 1rem; } .md\:overflow-hidden{ overflow: hidden; } .md\:p-4{ padding: 1rem; } .md\:py-4{ padding-top: 1rem; padding-bottom: 1rem; } .md\:pt-4{ padding-top: 1rem; } .md\:text-3xl{ font-size: 1.875rem; line-height: 2.25rem; } } @media (min-width: 1024px){ .lg\:col-span-2{ grid-column: span 2 / span 2; } .lg\:row-span-2{ grid-row: span 2 / span 2; } .lg\:m-12{ margin: 3rem; } .lg\:h-auto{ height: auto; } .lg\:min-h-\[720px\]{ min-height: 720px; } .lg\:w-2\/5{ width: 40%; } .lg\:w-\[100\%\]{ width: 100%; } .lg\:w-\[40\%\]{ width: 40%; } .lg\:w-\[60\%\]{ width: 60%; } .lg\:w-\[70\%\]{ width: 70%; } .lg\:max-w-7xl{ max-width: 80rem; } .lg\:max-w-\[450px\]{ max-width: 450px; } .lg\:grid-cols-2{ grid-template-columns: repeat(2, minmax(0, 1fr)); } .lg\:flex-row{ flex-direction: row; } .lg\:justify-between{ justify-content: space-between; } .lg\:rounded-\[2rem\]{ border-radius: 2rem; } .lg\:p-4{ padding: 1rem; } .lg\:px-16{ padding-left: 4rem; padding-right: 4rem; } .lg\:px-8{ padding-left: 2rem; padding-right: 2rem; } .lg\:text-left{ text-align: left; } .lg\:text-center{ text-align: center; } } /*!**************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/cookieconsent/build/cookieconsent.min.css?ngGlobalStyle ***! \**************************************************************************************************************************************************************************************************************************************************************/ .cc-window{opacity:1;transition:opacity 1s ease}.cc-window.cc-invisible{opacity:0}.cc-animate.cc-revoke{transition:transform 1s ease}.cc-animate.cc-revoke.cc-top{transform:translateY(-2em)}.cc-animate.cc-revoke.cc-bottom{transform:translateY(2em)}.cc-animate.cc-revoke.cc-active.cc-top{transform:translateY(0)}.cc-animate.cc-revoke.cc-active.cc-bottom{transform:translateY(0)}.cc-revoke:hover{transform:translateY(0)}.cc-grower{max-height:0;overflow:hidden;transition:max-height 1s} .cc-revoke,.cc-window{position:fixed;overflow:hidden;box-sizing:border-box;font-family:Helvetica,Calibri,Arial,sans-serif;font-size:16px;line-height:1.5em;display:flex;flex-wrap:nowrap;z-index:9999}.cc-window.cc-static{position:static}.cc-window.cc-floating{padding:2em;max-width:24em;flex-direction:column}.cc-window.cc-banner{padding:1em 1.8em;width:100%;flex-direction:row}.cc-revoke{padding:.5em}.cc-revoke:hover{text-decoration:underline}.cc-header{font-size:18px;font-weight:700}.cc-btn,.cc-close,.cc-link,.cc-revoke{cursor:pointer}.cc-link{opacity:.8;display:inline-block;padding:.2em;text-decoration:underline}.cc-link:hover{opacity:1}.cc-link:active,.cc-link:visited{color:initial}.cc-btn{display:block;padding:.4em .8em;font-size:.9em;font-weight:700;border-width:2px;border-style:solid;text-align:center;white-space:nowrap}.cc-highlight .cc-btn:first-child{background-color:transparent;border-color:transparent}.cc-highlight .cc-btn:first-child:focus,.cc-highlight .cc-btn:first-child:hover{background-color:transparent;text-decoration:underline}.cc-close{display:block;position:absolute;top:.5em;right:.5em;font-size:1.6em;opacity:.9;line-height:.75}.cc-close:focus,.cc-close:hover{opacity:1} .cc-revoke.cc-top{top:0;left:3em;border-bottom-left-radius:.5em;border-bottom-right-radius:.5em}.cc-revoke.cc-bottom{bottom:0;left:3em;border-top-left-radius:.5em;border-top-right-radius:.5em}.cc-revoke.cc-left{left:3em;right:unset}.cc-revoke.cc-right{right:3em;left:unset}.cc-top{top:1em}.cc-left{left:1em}.cc-right{right:1em}.cc-bottom{bottom:1em}.cc-floating>.cc-link{margin-bottom:1em}.cc-floating .cc-message{display:block;margin-bottom:1em}.cc-window.cc-floating .cc-compliance{flex:1 0 auto}.cc-window.cc-banner{align-items:center}.cc-banner.cc-top{left:0;right:0;top:0}.cc-banner.cc-bottom{left:0;right:0;bottom:0}.cc-banner .cc-message{display:block;flex:1 1 auto;max-width:100%;margin-right:1em}.cc-compliance{display:flex;align-items:center;align-content:space-between}.cc-floating .cc-compliance>.cc-btn{flex:1}.cc-btn+.cc-btn{margin-left:.5em} @media print{.cc-revoke,.cc-window{display:none}}@media screen and (max-width:900px){.cc-btn{white-space:normal}}@media screen and (max-width:414px) and (orientation:portrait),screen and (max-width:736px) and (orientation:landscape){.cc-window.cc-top{top:0}.cc-window.cc-bottom{bottom:0}.cc-window.cc-banner,.cc-window.cc-floating,.cc-window.cc-left,.cc-window.cc-right{left:0;right:0}.cc-window.cc-banner{flex-direction:column}.cc-window.cc-banner .cc-compliance{flex:1 1 auto}.cc-window.cc-floating{max-width:none}.cc-window .cc-message{margin-bottom:1em}.cc-window.cc-banner{align-items:unset}.cc-window.cc-banner .cc-message{margin-right:0}} .cc-floating.cc-theme-classic{padding:1.2em;border-radius:5px}.cc-floating.cc-type-info.cc-theme-classic .cc-compliance{text-align:center;display:inline;flex:none}.cc-theme-classic .cc-btn{border-radius:5px}.cc-theme-classic .cc-btn:last-child{min-width:140px}.cc-floating.cc-type-info.cc-theme-classic .cc-btn{display:inline-block} .cc-theme-edgeless.cc-window{padding:0}.cc-floating.cc-theme-edgeless .cc-message{margin:2em;margin-bottom:1.5em}.cc-banner.cc-theme-edgeless .cc-btn{margin:0;padding:.8em 1.8em;height:100%}.cc-banner.cc-theme-edgeless .cc-message{margin-left:1em}.cc-floating.cc-theme-edgeless .cc-btn+.cc-btn{margin-left:0} /*!*****************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/igniteui-angular/styles/igniteui-angular.css?ngGlobalStyle ***! \*****************************************************************************************************************************************************************************************************************************************************************/ .igx-display-container{display:inherit;flex-flow:inherit;position:relative;width:100%;overflow:hidden;flex-shrink:0}.igx-display-container--inactive{width:100%}.igx-drag{touch-action:none}.igx-drag--select-disabled{-webkit-user-select:none;user-select:none}.igx-drag__handle{-webkit-user-select:none;user-select:none}.igx-vhelper--vertical,.igx-vhelper--horizontal{display:block;overflow:auto;z-index:10001}.igx-vhelper--vertical{position:absolute;top:0;inset-inline-end:0}.igx-vhelper--horizontal{width:100%}.igx-vhelper--vertical .igx-vhelper__placeholder-content{width:1px}.igx-vhelper--horizontal .igx-vhelper__placeholder-content{height:1px}[hidden]{display:none !important}[class^=igx-],[class^=igx-] *,[class^=igx-] *::before,[class^=igx-] *::after,[class^=ig-],[class^=ig-] *,[class^=ig-] *::before,[class^=ig-] *::after{box-sizing:border-box}.igx-svg-container{visibility:hidden;width:0;height:0;font-size:0;overflow:hidden}.igx-input-group{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1)}@media print{html,body,app-root{min-height:100vh;min-width:100vw;margin:0}app-root{display:block}*{-webkit-print-color-adjust:exact;filter:opacity(1);print-color-adjust:exact;text-shadow:none !important}a[href^=http]::after{content:"[" attr(href) "]";color:blue}.igx-no-print{display:none !important}.igx-bw-print{filter:grayscale(100%)}igx-circular-bar,igx-linear-bar,.igx-carousel__indicators,.igx-carousel__arrow--prev,.igx-carousel__arrow--next,.igx-ripple,.igx-grid__tbody-scrollbar,igx-switch__ripple,igx-virtual-helper{display:none !important}igx-grid .igx-grid-th__title,igx-grid .igx-grid__td-text{white-space:unset !important;text-overflow:initial !important;overflow:visible !important}}.ig-typography{font-family:var(--ig-font-family)}.ig-typography igx-category-chart{--title-text-style: var(--category-chart-title-text-style, 600 1.25rem var(--ig-font-family));--subtitle-text-style: var(--category-chart-subtitle-text-style, 400 1rem var(--ig-font-family));--x-axis-label-text-style: var(--category-chart-x-axis-label-text-style, 400 0.875rem var(--ig-font-family));--x-axis-title-text-style: var(--category-chart-x-axis-title-text-style, 400 0.875rem var(--ig-font-family));--y-axis-label-text-style: var(--category-chart-y-axis-label-text-style, 400 0.875rem var(--ig-font-family));--y-axis-title-text-style: var(--category-chart-y-axis-title-text-style, 400 0.875rem var(--ig-font-family))}.ig-typography igx-data-chart{--title-text-style: var(--data-chart-title-text-style, 600 1.25rem var(--ig-font-family));--subtitle-text-style: var(--data-chart-subtitle-text-style, 400 1rem var(--ig-font-family))}.ig-typography igx-financial-chart{--title-text-style: var(--financial-chart-title-text-style, 600 1.25rem var(--ig-font-family));--subtitle-text-style: var(--financial-chart-subtitle-text-style, 400 1rem var(--ig-font-family));--x-axis-label-text-style: var(--financial-chart-x-axis-label-text-style, 400 0.875rem var(--ig-font-family));--x-axis-title-text-style: var(--financial-chart-x-axis-title-text-style, 400 0.875rem var(--ig-font-family));--y-axis-label-text-style: var(--financial-chart-y-axis-label-text-style, 400 0.875rem var(--ig-font-family));--y-axis-title-text-style: var(--financial-chart-y-axis-title-text-style, 400 0.875rem var(--ig-font-family))}.ig-typography igx-funnel-chart{--outer-label-text-style: var(--funnel-chart-outer-label-text-style, 300 6rem var(--ig-font-family));--text-style: var(--funnel-chart-text-style, 400 1rem var(--ig-font-family))}.ig-typography igx-linear-gauge{--linear-gauge-font: var(--ig-font-family, inherit)}.ig-typography igx-radial-gauge{--radial-gauge-font: var(--ig-font-family, inherit)}.ig-typography igx-bullet-graph{--bullet-graph-font: var(--ig-font-family, inherit)}.ig-typography igx-pie-chart{--text-style: var(--pie-chart-text-style, 400 0.875rem var(--ig-font-family))}.ig-typography igx-shape-chart{--title-text-style: var(--shape-chart-title-text-style, 600 1.25rem var(--ig-font-family));--subtitle-text-style: var(--shape-chart-subtitle-text-style, 400 1rem var(--ig-font-family));--x-axis-title-text-style: var(--shape-chart-x-axis-title-text-style, 400 3rem var(--ig-font-family));--x-axis-label-text-style: var(--shape-chart-x-axis-label-text-style, 400 2.125rem var(--ig-font-family));--y-axis-title-text-style: var(--shape-chart-y-axis-title-text-style, 400 3rem var(--ig-font-family));--y-axis-label-text-style: var(--shape-chart-y-axis-label-text-style, 400 2.125rem var(--ig-font-family))}.ig-typography .igx-banner__text{font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom);margin-block-start:0;margin-block-end:0}.ig-typography .igx-bottom-nav__menu-item [igxBottomNavHeaderLabel],.igx-bottom-nav__menu-item .ig-typography [igxBottomNavHeaderLabel],.ig-typography .igx-bottom-nav__menu-item--selected [igxBottomNavHeaderLabel],.igx-bottom-nav__menu-item--selected .ig-typography [igxBottomNavHeaderLabel],.ig-typography .igx-bottom-nav__menu-item--disabled [igxBottomNavHeaderLabel],.igx-bottom-nav__menu-item--disabled .ig-typography [igxBottomNavHeaderLabel]{font-family:var(--ig-caption-font-family, var(--ig-font-family));font-size:var(--ig-caption-font-size);font-weight:var(--ig-caption-font-weight);font-style:var(--ig-caption-font-style);line-height:var(--ig-caption-line-height);letter-spacing:var(--ig-caption-letter-spacing);text-transform:var(--ig-caption-text-transform);margin-top:var(--ig-caption-margin-top);margin-bottom:var(--ig-caption-margin-bottom);margin:0}.ig-typography .igx-button{font-family:var(--ig-button-font-family, var(--ig-font-family));font-size:var(--ig-button-font-size);font-weight:var(--ig-button-font-weight);font-style:var(--ig-button-font-style);line-height:var(--ig-button-line-height);letter-spacing:var(--ig-button-letter-spacing);text-transform:var(--ig-button-text-transform);margin-top:var(--ig-button-margin-top);margin-bottom:var(--ig-button-margin-bottom);text-align:center}.ig-typography .igx-button--fab{font-family:var(--ig-button-font-family, var(--ig-font-family));font-size:var(--ig-button-font-size);font-weight:var(--ig-button-font-weight);font-style:var(--ig-button-font-style);line-height:var(--ig-button-line-height);letter-spacing:var(--ig-button-letter-spacing);text-transform:var(--ig-button-text-transform);margin-top:var(--ig-button-margin-top);margin-bottom:var(--ig-button-margin-bottom);text-align:center;margin:0}.ig-typography .igx-calendar__header-year{font-family:var(--ig-overline-font-family, var(--ig-font-family));font-size:var(--ig-overline-font-size);font-weight:var(--ig-overline-font-weight);font-style:var(--ig-overline-font-style);line-height:var(--ig-overline-line-height);letter-spacing:var(--ig-overline-letter-spacing);text-transform:var(--ig-overline-text-transform);margin-top:var(--ig-overline-margin-top);margin-bottom:var(--ig-overline-margin-bottom);margin:0}.ig-typography .igx-calendar__header-date{font-family:var(--ig-h4-font-family, var(--ig-font-family));font-size:var(--ig-h4-font-size);font-weight:var(--ig-h4-font-weight);font-style:var(--ig-h4-font-style);line-height:var(--ig-h4-line-height);letter-spacing:var(--ig-h4-letter-spacing);text-transform:var(--ig-h4-text-transform);margin-top:var(--ig-h4-margin-top);margin-bottom:var(--ig-h4-margin-bottom);margin:0}.ig-typography .igx-calendar-picker__date{font-family:var(--ig-subtitle-1-font-family, var(--ig-font-family));font-size:var(--ig-subtitle-1-font-size);font-weight:var(--ig-subtitle-1-font-weight);font-style:var(--ig-subtitle-1-font-style);line-height:var(--ig-subtitle-1-line-height);letter-spacing:var(--ig-subtitle-1-letter-spacing);text-transform:var(--ig-subtitle-1-text-transform);margin-top:var(--ig-subtitle-1-margin-top);margin-bottom:var(--ig-subtitle-1-margin-bottom);margin:0}.ig-typography .igx-calendar__date-content{font-family:var(--ig-body-1-font-family, var(--ig-font-family));font-size:var(--ig-body-1-font-size);font-weight:var(--ig-body-1-font-weight);font-style:var(--ig-body-1-font-style);line-height:var(--ig-body-1-line-height);letter-spacing:var(--ig-body-1-letter-spacing);text-transform:var(--ig-body-1-text-transform);margin-top:var(--ig-body-1-margin-top);margin-bottom:var(--ig-body-1-margin-bottom);margin:0}.ig-typography .igx-calendar__label{font-family:var(--ig-body-1-font-family, var(--ig-font-family));font-size:var(--ig-body-1-font-size);font-weight:var(--ig-body-1-font-weight);font-style:var(--ig-body-1-font-style);line-height:var(--ig-body-1-line-height);letter-spacing:var(--ig-body-1-letter-spacing);text-transform:var(--ig-body-1-text-transform);margin-top:var(--ig-body-1-margin-top);margin-bottom:var(--ig-body-1-margin-bottom);margin:0}.ig-typography .igx-calendar__year--current{font-family:var(--ig-body-1-font-family, var(--ig-font-family));font-size:var(--ig-body-1-font-size);font-weight:var(--ig-body-1-font-weight);font-style:var(--ig-body-1-font-style);line-height:var(--ig-body-1-line-height);letter-spacing:var(--ig-body-1-letter-spacing);text-transform:var(--ig-body-1-text-transform);margin-top:var(--ig-body-1-margin-top);margin-bottom:var(--ig-body-1-margin-bottom);font-size:1.5rem;line-height:3.25rem;margin:0}.ig-typography .igx-card-header__title,.ig-typography .igx-card-header__title--small{font-family:var(--ig-h6-font-family, var(--ig-font-family));font-size:var(--ig-h6-font-size);font-weight:var(--ig-h6-font-weight);font-style:var(--ig-h6-font-style);line-height:var(--ig-h6-line-height);letter-spacing:var(--ig-h6-letter-spacing);text-transform:var(--ig-h6-text-transform);margin-top:var(--ig-h6-margin-top);margin-bottom:var(--ig-h6-margin-bottom);margin:0}.ig-typography .igx-card-header__title--small{font-family:var(--ig-subtitle-2-font-family, var(--ig-font-family));font-size:var(--ig-subtitle-2-font-size);font-weight:var(--ig-subtitle-2-font-weight);font-style:var(--ig-subtitle-2-font-style);line-height:var(--ig-subtitle-2-line-height);letter-spacing:var(--ig-subtitle-2-letter-spacing);text-transform:var(--ig-subtitle-2-text-transform);margin-top:var(--ig-subtitle-2-margin-top);margin-bottom:var(--ig-subtitle-2-margin-bottom);margin:0}.ig-typography .igx-card-header__subtitle{font-family:var(--ig-subtitle-2-font-family, var(--ig-font-family));font-size:var(--ig-subtitle-2-font-size);font-weight:var(--ig-subtitle-2-font-weight);font-style:var(--ig-subtitle-2-font-style);line-height:var(--ig-subtitle-2-line-height);letter-spacing:var(--ig-subtitle-2-letter-spacing);text-transform:var(--ig-subtitle-2-text-transform);margin-top:var(--ig-subtitle-2-margin-top);margin-bottom:var(--ig-subtitle-2-margin-bottom);margin:0}.ig-typography .igx-card-content>*{font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom);margin:0}.ig-typography .igx-checkbox__label,.ig-typography .igx-checkbox__label--before{font-family:var(--ig-subtitle-1-font-family, var(--ig-font-family));font-size:var(--ig-subtitle-1-font-size);font-weight:var(--ig-subtitle-1-font-weight);font-style:var(--ig-subtitle-1-font-style);line-height:var(--ig-subtitle-1-line-height);letter-spacing:var(--ig-subtitle-1-letter-spacing);text-transform:var(--ig-subtitle-1-text-transform);margin-top:var(--ig-subtitle-1-margin-top);margin-bottom:var(--ig-subtitle-1-margin-bottom);margin-top:0;margin-bottom:0}.ig-typography .igx-chip{font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom);font-weight:600}.ig-typography .igx-chip--compact .igx-chip__content,.ig-typography .igx-chip__ghost--compact .igx-chip__content{font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom);font-size:.75rem;font-weight:600}.ig-typography .igx-column-actions__header-title{font-family:var(--ig-subtitle-1-font-family, var(--ig-font-family));font-size:var(--ig-subtitle-1-font-size);font-weight:var(--ig-subtitle-1-font-weight);font-style:var(--ig-subtitle-1-font-style);line-height:var(--ig-subtitle-1-line-height);letter-spacing:var(--ig-subtitle-1-letter-spacing);text-transform:var(--ig-subtitle-1-text-transform);margin-top:var(--ig-subtitle-1-margin-top);margin-bottom:var(--ig-subtitle-1-margin-bottom);margin:0}.ig-typography .igx-dialog__window-title{font-family:var(--ig-h6-font-family, var(--ig-font-family));font-size:var(--ig-h6-font-size);font-weight:var(--ig-h6-font-weight);font-style:var(--ig-h6-font-style);line-height:var(--ig-h6-line-height);letter-spacing:var(--ig-h6-letter-spacing);text-transform:var(--ig-h6-text-transform);margin-top:var(--ig-h6-margin-top);margin-bottom:var(--ig-h6-margin-bottom);margin:0}.ig-typography .igx-dialog__window-content{font-family:var(--ig-body-1-font-family, var(--ig-font-family));font-size:var(--ig-body-1-font-size);font-weight:var(--ig-body-1-font-weight);font-style:var(--ig-body-1-font-style);line-height:var(--ig-body-1-line-height);letter-spacing:var(--ig-body-1-letter-spacing);text-transform:var(--ig-body-1-text-transform);margin-top:var(--ig-body-1-margin-top);margin-bottom:var(--ig-body-1-margin-bottom);margin:0}.ig-typography .igx-dialog__window-content>*{letter-spacing:normal}.ig-typography igx-dock-manager{--igc-font-family: var(--ig-font-family, inherit)}.ig-typography .igx-drop-down__group label,.igx-drop-down__group .ig-typography label,.ig-typography .igx-drop-down__header{font-family:var(--ig-overline-font-family, var(--ig-font-family));font-size:var(--ig-overline-font-size);font-weight:var(--ig-overline-font-weight);font-style:var(--ig-overline-font-style);line-height:var(--ig-overline-line-height);letter-spacing:var(--ig-overline-letter-spacing);text-transform:var(--ig-overline-text-transform);margin-top:var(--ig-overline-margin-top);margin-bottom:var(--ig-overline-margin-bottom);margin:0}.ig-typography .igx-drop-down__item{font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom);margin:0}.ig-typography .igx-expansion-panel__header-title{font-family:var(--ig-h5-font-family, var(--ig-font-family));font-size:var(--ig-h5-font-size);font-weight:var(--ig-h5-font-weight);font-style:var(--ig-h5-font-style);line-height:var(--ig-h5-line-height);letter-spacing:var(--ig-h5-letter-spacing);text-transform:var(--ig-h5-text-transform);margin-top:var(--ig-h5-margin-top);margin-bottom:var(--ig-h5-margin-bottom);margin:0}.ig-typography .igx-expansion-panel__header-description{font-family:var(--ig-subtitle-2-font-family, var(--ig-font-family));font-size:var(--ig-subtitle-2-font-size);font-weight:var(--ig-subtitle-2-font-weight);font-style:var(--ig-subtitle-2-font-style);line-height:var(--ig-subtitle-2-line-height);letter-spacing:var(--ig-subtitle-2-letter-spacing);text-transform:var(--ig-subtitle-2-text-transform);margin-top:var(--ig-subtitle-2-margin-top);margin-bottom:var(--ig-subtitle-2-margin-bottom);margin:0}.ig-typography .igx-expansion-panel__body{font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom);margin:0}.ig-typography .igx-excel-filter__menu .igx-excel-filter__menu-header>h4,.ig-typography .igx-excel-filter__menu .igx-excel-filter__secondary-header>h4{font-family:var(--ig-h6-font-family, var(--ig-font-family));font-size:var(--ig-h6-font-size);font-weight:var(--ig-h6-font-weight);font-style:var(--ig-h6-font-style);line-height:var(--ig-h6-line-height);letter-spacing:var(--ig-h6-letter-spacing);text-transform:var(--ig-h6-text-transform);margin-top:var(--ig-h6-margin-top);margin-bottom:var(--ig-h6-margin-bottom)}.ig-typography .igx-excel-filter__secondary .igx-excel-filter__menu-header>h4,.ig-typography .igx-excel-filter__secondary .igx-excel-filter__secondary-header>h4{font-family:var(--ig-h6-font-family, var(--ig-font-family));font-size:var(--ig-h6-font-size);font-weight:var(--ig-h6-font-weight);font-style:var(--ig-h6-font-style);line-height:var(--ig-h6-line-height);letter-spacing:var(--ig-h6-letter-spacing);text-transform:var(--ig-h6-text-transform);margin-top:var(--ig-h6-margin-top);margin-bottom:var(--ig-h6-margin-bottom)}.ig-typography .igx-excel-filter__sort header,.ig-typography .igx-excel-filter__move header{font-family:var(--ig-overline-font-family, var(--ig-font-family));font-size:var(--ig-overline-font-size);font-weight:var(--ig-overline-font-weight);font-style:var(--ig-overline-font-style);line-height:var(--ig-overline-line-height);letter-spacing:var(--ig-overline-letter-spacing);text-transform:var(--ig-overline-text-transform);margin-top:var(--ig-overline-margin-top);margin-bottom:var(--ig-overline-margin-bottom)}.ig-typography .igx-excel-filter__menu--cosy .igx-excel-filter__menu-header>h4,.ig-typography .igx-excel-filter__menu--cosy .igx-excel-filter__secondary-header>h4{font-family:var(--ig-h6-font-family, var(--ig-font-family));font-size:var(--ig-h6-font-size);font-weight:var(--ig-h6-font-weight);font-style:var(--ig-h6-font-style);line-height:var(--ig-h6-line-height);letter-spacing:var(--ig-h6-letter-spacing);text-transform:var(--ig-h6-text-transform);margin-top:var(--ig-h6-margin-top);margin-bottom:var(--ig-h6-margin-bottom)}.ig-typography .igx-excel-filter__menu--compact .igx-excel-filter__menu-header>h4,.ig-typography .igx-excel-filter__menu--compact .igx-excel-filter__secondary-header>h4{font-family:var(--ig-subtitle-1-font-family, var(--ig-font-family));font-size:var(--ig-subtitle-1-font-size);font-weight:var(--ig-subtitle-1-font-weight);font-style:var(--ig-subtitle-1-font-style);line-height:var(--ig-subtitle-1-line-height);letter-spacing:var(--ig-subtitle-1-letter-spacing);text-transform:var(--ig-subtitle-1-text-transform);margin-top:var(--ig-subtitle-1-margin-top);margin-bottom:var(--ig-subtitle-1-margin-bottom)}.ig-typography .igx-excel-filter__menu--compact .igx-excel-filter__sort header,.ig-typography .igx-excel-filter__menu--compact .igx-excel-filter__move header{font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom);text-transform:capitalize}.ig-typography .igx-excel-filter__menu--compact .igx-excel-filter__actions-pin span,.ig-typography .igx-excel-filter__menu--compact .igx-excel-filter__actions-pin--disabled span,.ig-typography .igx-excel-filter__menu--compact .igx-excel-filter__actions-unpin span,.ig-typography .igx-excel-filter__menu--compact .igx-excel-filter__actions-hide span,.ig-typography .igx-excel-filter__menu--compact .igx-excel-filter__actions-select span,.ig-typography .igx-excel-filter__menu--compact .igx-excel-filter__actions-selected span,.ig-typography .igx-excel-filter__menu--compact .igx-excel-filter__actions-filter span,.ig-typography .igx-excel-filter__menu--compact .igx-excel-filter__actions-clear span,.ig-typography .igx-excel-filter__menu--compact .igx-excel-filter__actions-clear--disabled span{font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom)}.ig-typography .igx-excel-filter__menu--compact .igx-checkbox__label,.ig-typography .igx-excel-filter__menu--compact .igx-checkbox__label--before{font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom)}.ig-typography .igx-excel-filter__secondary--cosy .igx-excel-filter__menu-header>h4,.ig-typography .igx-excel-filter__secondary--cosy .igx-excel-filter__secondary-header>h4{font-family:var(--ig-h6-font-family, var(--ig-font-family));font-size:var(--ig-h6-font-size);font-weight:var(--ig-h6-font-weight);font-style:var(--ig-h6-font-style);line-height:var(--ig-h6-line-height);letter-spacing:var(--ig-h6-letter-spacing);text-transform:var(--ig-h6-text-transform);margin-top:var(--ig-h6-margin-top);margin-bottom:var(--ig-h6-margin-bottom)}.ig-typography .igx-excel-filter__secondary--compact .igx-excel-filter__menu-header>h4,.ig-typography .igx-excel-filter__secondary--compact .igx-excel-filter__secondary-header>h4{font-family:var(--ig-subtitle-1-font-family, var(--ig-font-family));font-size:var(--ig-subtitle-1-font-size);font-weight:var(--ig-subtitle-1-font-weight);font-style:var(--ig-subtitle-1-font-style);line-height:var(--ig-subtitle-1-line-height);letter-spacing:var(--ig-subtitle-1-letter-spacing);text-transform:var(--ig-subtitle-1-text-transform);margin-top:var(--ig-subtitle-1-margin-top);margin-bottom:var(--ig-subtitle-1-margin-bottom)}.ig-typography .igx-input-group__input,.ig-typography .igx-input-group__textarea{font-family:var(--ig-subtitle-1-font-family, var(--ig-font-family));font-size:var(--ig-subtitle-1-font-size);font-weight:var(--ig-subtitle-1-font-weight);font-style:var(--ig-subtitle-1-font-style);line-height:var(--ig-subtitle-1-line-height);letter-spacing:var(--ig-subtitle-1-letter-spacing);text-transform:var(--ig-subtitle-1-text-transform);margin-top:var(--ig-subtitle-1-margin-top);margin-bottom:var(--ig-subtitle-1-margin-bottom);margin:0}.ig-typography .igx-input-group__hint{font-family:var(--ig-caption-font-family, var(--ig-font-family));font-size:var(--ig-caption-font-size);font-weight:var(--ig-caption-font-weight);font-style:var(--ig-caption-font-style);line-height:var(--ig-caption-line-height);letter-spacing:var(--ig-caption-letter-spacing);text-transform:var(--ig-caption-text-transform);margin-top:var(--ig-caption-margin-top);margin-bottom:var(--ig-caption-margin-bottom);margin:0}.ig-typography .igx-input-group igx-prefix,.igx-input-group .ig-typography igx-prefix,.ig-typography .igx-input-group--focused igx-prefix,.igx-input-group--focused .ig-typography igx-prefix,.ig-typography .igx-input-group [igxPrefix],.igx-input-group .ig-typography [igxPrefix],.ig-typography .igx-input-group--focused [igxPrefix],.igx-input-group--focused .ig-typography [igxPrefix],.ig-typography .igx-input-group igx-suffix,.igx-input-group .ig-typography igx-suffix,.ig-typography .igx-input-group--focused igx-suffix,.igx-input-group--focused .ig-typography igx-suffix,.ig-typography .igx-input-group [igxSuffix],.igx-input-group .ig-typography [igxSuffix],.ig-typography .igx-input-group--focused [igxSuffix],.igx-input-group--focused .ig-typography [igxSuffix]{font-family:var(--ig-subtitle-1-font-family, var(--ig-font-family));font-size:var(--ig-subtitle-1-font-size);font-weight:var(--ig-subtitle-1-font-weight);font-style:var(--ig-subtitle-1-font-style);line-height:var(--ig-subtitle-1-line-height);letter-spacing:var(--ig-subtitle-1-letter-spacing);text-transform:var(--ig-subtitle-1-text-transform);margin-top:var(--ig-subtitle-1-margin-top);margin-bottom:var(--ig-subtitle-1-margin-bottom);margin:0}.ig-typography .igx-list__header{font-family:var(--ig-overline-font-family, var(--ig-font-family));font-size:var(--ig-overline-font-size);font-weight:var(--ig-overline-font-weight);font-style:var(--ig-overline-font-style);line-height:var(--ig-overline-line-height);letter-spacing:var(--ig-overline-letter-spacing);text-transform:var(--ig-overline-text-transform);margin-top:var(--ig-overline-margin-top);margin-bottom:var(--ig-overline-margin-bottom);margin:0}.ig-typography .igx-list__item-lines,.ig-typography .igx-list__item-line-title{font-family:var(--ig-subtitle-1-font-family, var(--ig-font-family));font-size:var(--ig-subtitle-1-font-size);font-weight:var(--ig-subtitle-1-font-weight);font-style:var(--ig-subtitle-1-font-style);line-height:var(--ig-subtitle-1-line-height);letter-spacing:var(--ig-subtitle-1-letter-spacing);text-transform:var(--ig-subtitle-1-text-transform);margin-top:var(--ig-subtitle-1-margin-top);margin-bottom:var(--ig-subtitle-1-margin-bottom);margin:0}.ig-typography .igx-list__item-line-subtitle{font-family:var(--ig-caption-font-family, var(--ig-font-family));font-size:var(--ig-caption-font-size);font-weight:var(--ig-caption-font-weight);font-style:var(--ig-caption-font-style);line-height:var(--ig-caption-line-height);letter-spacing:var(--ig-caption-letter-spacing);text-transform:var(--ig-caption-text-transform);margin-top:var(--ig-caption-margin-top);margin-bottom:var(--ig-caption-margin-bottom);margin:0}.ig-typography igx-navbar-title,.ig-typography [igxNavbarTitle],.ig-typography .igx-navbar__title{font-family:var(--ig-h6-font-family, var(--ig-font-family));font-size:var(--ig-h6-font-size);font-weight:var(--ig-h6-font-weight);font-style:var(--ig-h6-font-style);line-height:var(--ig-h6-line-height);letter-spacing:var(--ig-h6-letter-spacing);text-transform:var(--ig-h6-text-transform);margin-top:var(--ig-h6-margin-top);margin-bottom:var(--ig-h6-margin-bottom);margin-bottom:0}.ig-typography .igx-nav-drawer__item,.ig-typography .igx-nav-drawer__item--active{font-family:var(--ig-subtitle-2-font-family, var(--ig-font-family));font-size:var(--ig-subtitle-2-font-size);font-weight:var(--ig-subtitle-2-font-weight);font-style:var(--ig-subtitle-2-font-style);line-height:var(--ig-subtitle-2-line-height);letter-spacing:var(--ig-subtitle-2-letter-spacing);text-transform:var(--ig-subtitle-2-text-transform);margin-top:var(--ig-subtitle-2-margin-top);margin-bottom:var(--ig-subtitle-2-margin-bottom)}.ig-typography .igx-nav-drawer__item--header{font-family:var(--ig-subtitle-1-font-family, var(--ig-font-family));font-size:var(--ig-subtitle-1-font-size);font-weight:var(--ig-subtitle-1-font-weight);font-style:var(--ig-subtitle-1-font-style);line-height:var(--ig-subtitle-1-line-height);letter-spacing:var(--ig-subtitle-1-letter-spacing);text-transform:var(--ig-subtitle-1-text-transform);margin-top:var(--ig-subtitle-1-margin-top);margin-bottom:var(--ig-subtitle-1-margin-bottom);margin:0}.ig-typography .igx-radio__label,.ig-typography .igx-radio__label--before{font-family:var(--ig-subtitle-1-font-family, var(--ig-font-family));font-size:var(--ig-subtitle-1-font-size);font-weight:var(--ig-subtitle-1-font-weight);font-style:var(--ig-subtitle-1-font-style);line-height:var(--ig-subtitle-1-line-height);letter-spacing:var(--ig-subtitle-1-letter-spacing);text-transform:var(--ig-subtitle-1-text-transform);margin-top:var(--ig-subtitle-1-margin-top);margin-bottom:var(--ig-subtitle-1-margin-bottom);margin-top:0;margin-bottom:0}.ig-typography .igx-slider-thumb-label-from__container,.ig-typography .igx-slider-thumb-label-to__container{font-family:var(--ig-caption-font-family, var(--ig-font-family));font-size:var(--ig-caption-font-size);font-weight:var(--ig-caption-font-weight);font-style:var(--ig-caption-font-style);line-height:var(--ig-caption-line-height);letter-spacing:var(--ig-caption-letter-spacing);text-transform:var(--ig-caption-text-transform);margin-top:var(--ig-caption-margin-top);margin-bottom:var(--ig-caption-margin-bottom)}.ig-typography .igx-slider__ticks-label{font-family:var(--ig-caption-font-family, var(--ig-font-family));font-size:var(--ig-caption-font-size);font-weight:var(--ig-caption-font-weight);font-style:var(--ig-caption-font-style);line-height:var(--ig-caption-line-height);letter-spacing:var(--ig-caption-letter-spacing);text-transform:var(--ig-caption-text-transform);margin-top:var(--ig-caption-margin-top);margin-bottom:var(--ig-caption-margin-bottom)}.ig-typography .igx-snackbar__message{font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom)}.ig-typography .igx-switch__label,.ig-typography .igx-switch__label--before{font-family:var(--ig-subtitle-1-font-family, var(--ig-font-family));font-size:var(--ig-subtitle-1-font-size);font-weight:var(--ig-subtitle-1-font-weight);font-style:var(--ig-subtitle-1-font-style);line-height:var(--ig-subtitle-1-line-height);letter-spacing:var(--ig-subtitle-1-letter-spacing);text-transform:var(--ig-subtitle-1-text-transform);margin-top:var(--ig-subtitle-1-margin-top);margin-bottom:var(--ig-subtitle-1-margin-bottom);margin-top:0;margin-bottom:0}.ig-typography .igx-tabs__header-item-inner>[igxtabheaderlabel]{font-family:var(--ig-button-font-family, var(--ig-font-family));font-size:var(--ig-button-font-size);font-weight:var(--ig-button-font-weight);font-style:var(--ig-button-font-style);line-height:var(--ig-button-line-height);letter-spacing:var(--ig-button-letter-spacing);text-transform:var(--ig-button-text-transform);margin-top:var(--ig-button-margin-top);margin-bottom:var(--ig-button-margin-bottom);margin-top:0;margin-bottom:0}.ig-typography .igx-time-picker__header-ampm{font-family:var(--ig-subtitle-1-font-family, var(--ig-font-family));font-size:var(--ig-subtitle-1-font-size);font-weight:var(--ig-subtitle-1-font-weight);font-style:var(--ig-subtitle-1-font-style);line-height:var(--ig-subtitle-1-line-height);letter-spacing:var(--ig-subtitle-1-letter-spacing);text-transform:var(--ig-subtitle-1-text-transform);margin-top:var(--ig-subtitle-1-margin-top);margin-bottom:var(--ig-subtitle-1-margin-bottom)}.ig-typography .igx-time-picker__header-hour{font-family:var(--ig-h4-font-family, var(--ig-font-family));font-size:var(--ig-h4-font-size);font-weight:var(--ig-h4-font-weight);font-style:var(--ig-h4-font-style);line-height:var(--ig-h4-line-height);letter-spacing:var(--ig-h4-letter-spacing);text-transform:var(--ig-h4-text-transform);margin-top:var(--ig-h4-margin-top);margin-bottom:var(--ig-h4-margin-bottom);margin-top:0}.ig-typography .igx-time-picker__column{font-family:var(--ig-body-1-font-family, var(--ig-font-family));font-size:var(--ig-body-1-font-size);font-weight:var(--ig-body-1-font-weight);font-style:var(--ig-body-1-font-style);line-height:var(--ig-body-1-line-height);letter-spacing:var(--ig-body-1-letter-spacing);text-transform:var(--ig-body-1-text-transform);margin-top:var(--ig-body-1-margin-top);margin-bottom:var(--ig-body-1-margin-bottom);margin-top:0;margin-bottom:0}.ig-typography .igx-stepper__step-title{font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom);margin-top:0;margin-bottom:0}.ig-typography .igx-stepper__step-subtitle{font-family:var(--ig-caption-font-family, var(--ig-font-family));font-size:var(--ig-caption-font-size);font-weight:var(--ig-caption-font-weight);font-style:var(--ig-caption-font-style);line-height:var(--ig-caption-line-height);letter-spacing:var(--ig-caption-letter-spacing);text-transform:var(--ig-caption-text-transform);margin-top:var(--ig-caption-margin-top);margin-bottom:var(--ig-caption-margin-bottom);margin-top:0;margin-bottom:0}.ig-typography .igx-stepper__step-header--current .igx-stepper__step-title{font-weight:600}.ig-typography .igx-toast,.ig-typography .igx-toast>*{font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom);margin:0}.ig-typography .igx-tooltip--mobile{font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom)}.ig-typography .igx-tooltip--desktop{font-size:.625rem;font-weight:600}.ig-typography .igx-tree-node__content{font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom)}:root{--ig-font-family: 'Titillium Web', sans-serif;--ig-h1-font-size: 6rem;--ig-h1-font-weight: 300;--ig-h1-font-style: normal;--ig-h1-line-height: 7rem;--ig-h1-letter-spacing: -0.09375rem;--ig-h1-text-transform: none;--ig-h1-margin-top: 1.75rem;--ig-h1-margin-bottom: 3.5rem;--ig-h2-font-size: 3.75rem;--ig-h2-font-weight: 300;--ig-h2-font-style: normal;--ig-h2-line-height: 4.4375rem;--ig-h2-letter-spacing: -0.03125rem;--ig-h2-text-transform: none;--ig-h2-margin-top: 1.75rem;--ig-h2-margin-bottom: 1.75rem;--ig-h3-font-size: 3rem;--ig-h3-font-weight: 400;--ig-h3-font-style: normal;--ig-h3-line-height: 3.5625rem;--ig-h3-letter-spacing: 0;--ig-h3-text-transform: none;--ig-h3-margin-top: 1.75rem;--ig-h3-margin-bottom: 0;--ig-h4-font-size: 2.125rem;--ig-h4-font-weight: 400;--ig-h4-font-style: normal;--ig-h4-line-height: 2.5rem;--ig-h4-letter-spacing: 0.015625rem;--ig-h4-text-transform: none;--ig-h4-margin-top: 1.75rem;--ig-h4-margin-bottom: 0;--ig-h5-font-size: 1.5rem;--ig-h5-font-weight: 400;--ig-h5-font-style: normal;--ig-h5-line-height: 1.75rem;--ig-h5-letter-spacing: 0;--ig-h5-text-transform: none;--ig-h5-margin-top: 1.75rem;--ig-h5-margin-bottom: 0;--ig-h6-font-size: 1.25rem;--ig-h6-font-weight: 600;--ig-h6-font-style: normal;--ig-h6-line-height: 1.5rem;--ig-h6-letter-spacing: 0.009375rem;--ig-h6-text-transform: none;--ig-h6-margin-top: 0;--ig-h6-margin-bottom: 0;--ig-subtitle-1-font-size: 1rem;--ig-subtitle-1-font-weight: 400;--ig-subtitle-1-font-style: normal;--ig-subtitle-1-line-height: 1.5rem;--ig-subtitle-1-letter-spacing: 0.009375rem;--ig-subtitle-1-text-transform: none;--ig-subtitle-1-margin-top: 0;--ig-subtitle-1-margin-bottom: 0;--ig-subtitle-2-font-size: 0.875rem;--ig-subtitle-2-font-weight: 600;--ig-subtitle-2-font-style: normal;--ig-subtitle-2-line-height: 1.5rem;--ig-subtitle-2-letter-spacing: 0.00625rem;--ig-subtitle-2-text-transform: none;--ig-subtitle-2-margin-top: 0;--ig-subtitle-2-margin-bottom: 0;--ig-body-1-font-size: 1rem;--ig-body-1-font-weight: 400;--ig-body-1-font-style: normal;--ig-body-1-line-height: 1.75rem;--ig-body-1-letter-spacing: 0.03125rem;--ig-body-1-text-transform: none;--ig-body-1-margin-top: 1.75rem;--ig-body-1-margin-bottom: 1rem;--ig-body-2-font-size: 0.875rem;--ig-body-2-font-weight: 400;--ig-body-2-font-style: normal;--ig-body-2-line-height: 1.25rem;--ig-body-2-letter-spacing: 0.015625rem;--ig-body-2-text-transform: none;--ig-body-2-margin-top: 0;--ig-body-2-margin-bottom: 0;--ig-button-font-size: 0.875rem;--ig-button-font-weight: 600;--ig-button-font-style: normal;--ig-button-line-height: 1rem;--ig-button-letter-spacing: 0.046875rem;--ig-button-text-transform: uppercase;--ig-button-margin-top: 0;--ig-button-margin-bottom: 0;--ig-caption-font-size: 0.75rem;--ig-caption-font-weight: 400;--ig-caption-font-style: normal;--ig-caption-line-height: 1rem;--ig-caption-letter-spacing: 0.025rem;--ig-caption-text-transform: none;--ig-caption-margin-top: 0;--ig-caption-margin-bottom: 0;--ig-overline-font-size: 0.625rem;--ig-overline-font-weight: 400;--ig-overline-font-style: normal;--ig-overline-line-height: 1rem;--ig-overline-letter-spacing: 0.09375rem;--ig-overline-text-transform: uppercase;--ig-overline-margin-top: 0;--ig-overline-margin-bottom: 0}.ig-typography h1{font-family:var(--ig-h1-font-family, var(--ig-font-family));font-size:var(--ig-h1-font-size);font-weight:var(--ig-h1-font-weight);font-style:var(--ig-h1-font-style);line-height:var(--ig-h1-line-height);letter-spacing:var(--ig-h1-letter-spacing);text-transform:var(--ig-h1-text-transform);margin-top:var(--ig-h1-margin-top);margin-bottom:var(--ig-h1-margin-bottom)}.ig-typography h2{font-family:var(--ig-h2-font-family, var(--ig-font-family));font-size:var(--ig-h2-font-size);font-weight:var(--ig-h2-font-weight);font-style:var(--ig-h2-font-style);line-height:var(--ig-h2-line-height);letter-spacing:var(--ig-h2-letter-spacing);text-transform:var(--ig-h2-text-transform);margin-top:var(--ig-h2-margin-top);margin-bottom:var(--ig-h2-margin-bottom)}.ig-typography h3{font-family:var(--ig-h3-font-family, var(--ig-font-family));font-size:var(--ig-h3-font-size);font-weight:var(--ig-h3-font-weight);font-style:var(--ig-h3-font-style);line-height:var(--ig-h3-line-height);letter-spacing:var(--ig-h3-letter-spacing);text-transform:var(--ig-h3-text-transform);margin-top:var(--ig-h3-margin-top);margin-bottom:var(--ig-h3-margin-bottom)}.ig-typography h4{font-family:var(--ig-h4-font-family, var(--ig-font-family));font-size:var(--ig-h4-font-size);font-weight:var(--ig-h4-font-weight);font-style:var(--ig-h4-font-style);line-height:var(--ig-h4-line-height);letter-spacing:var(--ig-h4-letter-spacing);text-transform:var(--ig-h4-text-transform);margin-top:var(--ig-h4-margin-top);margin-bottom:var(--ig-h4-margin-bottom)}.ig-typography h5{font-family:var(--ig-h5-font-family, var(--ig-font-family));font-size:var(--ig-h5-font-size);font-weight:var(--ig-h5-font-weight);font-style:var(--ig-h5-font-style);line-height:var(--ig-h5-line-height);letter-spacing:var(--ig-h5-letter-spacing);text-transform:var(--ig-h5-text-transform);margin-top:var(--ig-h5-margin-top);margin-bottom:var(--ig-h5-margin-bottom)}.ig-typography h6{font-family:var(--ig-h6-font-family, var(--ig-font-family));font-size:var(--ig-h6-font-size);font-weight:var(--ig-h6-font-weight);font-style:var(--ig-h6-font-style);line-height:var(--ig-h6-line-height);letter-spacing:var(--ig-h6-letter-spacing);text-transform:var(--ig-h6-text-transform);margin-top:var(--ig-h6-margin-top);margin-bottom:var(--ig-h6-margin-bottom)}.ig-typography p{font-family:var(--ig-body-1-font-family, var(--ig-font-family));font-size:var(--ig-body-1-font-size);font-weight:var(--ig-body-1-font-weight);font-style:var(--ig-body-1-font-style);line-height:var(--ig-body-1-line-height);letter-spacing:var(--ig-body-1-letter-spacing);text-transform:var(--ig-body-1-text-transform);margin-top:var(--ig-body-1-margin-top);margin-bottom:var(--ig-body-1-margin-bottom)}.ig-typography .ig-typography__h1{font-family:var(--ig-h1-font-family, var(--ig-font-family));font-size:var(--ig-h1-font-size);font-weight:var(--ig-h1-font-weight);font-style:var(--ig-h1-font-style);line-height:var(--ig-h1-line-height);letter-spacing:var(--ig-h1-letter-spacing);text-transform:var(--ig-h1-text-transform);margin-top:var(--ig-h1-margin-top);margin-bottom:var(--ig-h1-margin-bottom)}.ig-typography .ig-typography__h2{font-family:var(--ig-h2-font-family, var(--ig-font-family));font-size:var(--ig-h2-font-size);font-weight:var(--ig-h2-font-weight);font-style:var(--ig-h2-font-style);line-height:var(--ig-h2-line-height);letter-spacing:var(--ig-h2-letter-spacing);text-transform:var(--ig-h2-text-transform);margin-top:var(--ig-h2-margin-top);margin-bottom:var(--ig-h2-margin-bottom)}.ig-typography .ig-typography__h3{font-family:var(--ig-h3-font-family, var(--ig-font-family));font-size:var(--ig-h3-font-size);font-weight:var(--ig-h3-font-weight);font-style:var(--ig-h3-font-style);line-height:var(--ig-h3-line-height);letter-spacing:var(--ig-h3-letter-spacing);text-transform:var(--ig-h3-text-transform);margin-top:var(--ig-h3-margin-top);margin-bottom:var(--ig-h3-margin-bottom)}.ig-typography .ig-typography__h4{font-family:var(--ig-h4-font-family, var(--ig-font-family));font-size:var(--ig-h4-font-size);font-weight:var(--ig-h4-font-weight);font-style:var(--ig-h4-font-style);line-height:var(--ig-h4-line-height);letter-spacing:var(--ig-h4-letter-spacing);text-transform:var(--ig-h4-text-transform);margin-top:var(--ig-h4-margin-top);margin-bottom:var(--ig-h4-margin-bottom)}.ig-typography .ig-typography__h5{font-family:var(--ig-h5-font-family, var(--ig-font-family));font-size:var(--ig-h5-font-size);font-weight:var(--ig-h5-font-weight);font-style:var(--ig-h5-font-style);line-height:var(--ig-h5-line-height);letter-spacing:var(--ig-h5-letter-spacing);text-transform:var(--ig-h5-text-transform);margin-top:var(--ig-h5-margin-top);margin-bottom:var(--ig-h5-margin-bottom)}.ig-typography .ig-typography__h6{font-family:var(--ig-h6-font-family, var(--ig-font-family));font-size:var(--ig-h6-font-size);font-weight:var(--ig-h6-font-weight);font-style:var(--ig-h6-font-style);line-height:var(--ig-h6-line-height);letter-spacing:var(--ig-h6-letter-spacing);text-transform:var(--ig-h6-text-transform);margin-top:var(--ig-h6-margin-top);margin-bottom:var(--ig-h6-margin-bottom)}.ig-typography .ig-typography__subtitle-1{font-family:var(--ig-subtitle-1-font-family, var(--ig-font-family));font-size:var(--ig-subtitle-1-font-size);font-weight:var(--ig-subtitle-1-font-weight);font-style:var(--ig-subtitle-1-font-style);line-height:var(--ig-subtitle-1-line-height);letter-spacing:var(--ig-subtitle-1-letter-spacing);text-transform:var(--ig-subtitle-1-text-transform);margin-top:var(--ig-subtitle-1-margin-top);margin-bottom:var(--ig-subtitle-1-margin-bottom)}.ig-typography .ig-typography__subtitle-2{font-family:var(--ig-subtitle-2-font-family, var(--ig-font-family));font-size:var(--ig-subtitle-2-font-size);font-weight:var(--ig-subtitle-2-font-weight);font-style:var(--ig-subtitle-2-font-style);line-height:var(--ig-subtitle-2-line-height);letter-spacing:var(--ig-subtitle-2-letter-spacing);text-transform:var(--ig-subtitle-2-text-transform);margin-top:var(--ig-subtitle-2-margin-top);margin-bottom:var(--ig-subtitle-2-margin-bottom)}.ig-typography .ig-typography__body-1{font-family:var(--ig-body-1-font-family, var(--ig-font-family));font-size:var(--ig-body-1-font-size);font-weight:var(--ig-body-1-font-weight);font-style:var(--ig-body-1-font-style);line-height:var(--ig-body-1-line-height);letter-spacing:var(--ig-body-1-letter-spacing);text-transform:var(--ig-body-1-text-transform);margin-top:var(--ig-body-1-margin-top);margin-bottom:var(--ig-body-1-margin-bottom)}.ig-typography .ig-typography__body-2{font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom)}.ig-typography .ig-typography__button{font-family:var(--ig-button-font-family, var(--ig-font-family));font-size:var(--ig-button-font-size);font-weight:var(--ig-button-font-weight);font-style:var(--ig-button-font-style);line-height:var(--ig-button-line-height);letter-spacing:var(--ig-button-letter-spacing);text-transform:var(--ig-button-text-transform);margin-top:var(--ig-button-margin-top);margin-bottom:var(--ig-button-margin-bottom)}.ig-typography .ig-typography__caption{font-family:var(--ig-caption-font-family, var(--ig-font-family));font-size:var(--ig-caption-font-size);font-weight:var(--ig-caption-font-weight);font-style:var(--ig-caption-font-style);line-height:var(--ig-caption-line-height);letter-spacing:var(--ig-caption-letter-spacing);text-transform:var(--ig-caption-text-transform);margin-top:var(--ig-caption-margin-top);margin-bottom:var(--ig-caption-margin-bottom)}.ig-typography .ig-typography__overline{font-family:var(--ig-overline-font-family, var(--ig-font-family));font-size:var(--ig-overline-font-size);font-weight:var(--ig-overline-font-weight);font-style:var(--ig-overline-font-style);line-height:var(--ig-overline-line-height);letter-spacing:var(--ig-overline-letter-spacing);text-transform:var(--ig-overline-text-transform);margin-top:var(--ig-overline-margin-top);margin-bottom:var(--ig-overline-margin-bottom)}:root{--ig-size-small: 1;--ig-size-medium: 2;--ig-size-large: 3;--ig-spacing-small: 1;--ig-spacing-medium: 1;--ig-spacing-large: 1;--ig-spacing-inline-small: 1;--ig-spacing-inline-medium: 1;--ig-spacing-inline-large: 1;--ig-spacing-block-small: 1;--ig-spacing-block-medium: 1;--ig-spacing-block-large: 1;--ig-primary-50: hsl(204, 100%, 89%);--ig-primary-50-contrast: black;--ig-primary-50: var(--ig-primary-h), calc(var(--ig-primary-s) * 1.23), calc(var(--ig-primary-l) * 1.78);--ig-primary-100: hsl(204, 80%, 83%);--ig-primary-100-contrast: black;--ig-primary-100: var(--ig-primary-h), calc(var(--ig-primary-s) * 0.8), calc(var(--ig-primary-l) * 1.66);--ig-primary-200: hsl(204, 64%, 71.5%);--ig-primary-200-contrast: black;--ig-primary-200: var(--ig-primary-h), calc(var(--ig-primary-s) * 0.64), calc(var(--ig-primary-l) * 1.43);--ig-primary-300: hsl(204, 73%, 59.5%);--ig-primary-300-contrast: black;--ig-primary-300: var(--ig-primary-h), calc(var(--ig-primary-s) * 0.73), calc(var(--ig-primary-l) * 1.19);--ig-primary-400: hsl(204, 87.5%, 54%);--ig-primary-400-contrast: black;--ig-primary-400: var(--ig-primary-h), calc(var(--ig-primary-s) * 0.875), calc(var(--ig-primary-l) * 1.08);--ig-primary-h: 204deg;--ig-primary-s: 100%;--ig-primary-l: 50%;--ig-primary-a: 1;--ig-primary-500: hsl(204, 100%, 50%);--ig-primary-500-contrast: black;--ig-primary-500: var(--ig-primary-h), calc(var(--ig-primary-s) * 1), calc(var(--ig-primary-l) * 1);--ig-primary-600: hsl(204, 100%, 44.5%);--ig-primary-600-contrast: black;--ig-primary-600: var(--ig-primary-h), calc(var(--ig-primary-s) * 1.26), calc(var(--ig-primary-l) * 0.89);--ig-primary-700: hsl(204, 100%, 40.5%);--ig-primary-700-contrast: black;--ig-primary-700: var(--ig-primary-h), calc(var(--ig-primary-s) * 1.52), calc(var(--ig-primary-l) * 0.81);--ig-primary-800: hsl(204, 100%, 36.5%);--ig-primary-800-contrast: white;--ig-primary-800: var(--ig-primary-h), calc(var(--ig-primary-s) * 1.5), calc(var(--ig-primary-l) * 0.73);--ig-primary-900: hsl(204, 100%, 32%);--ig-primary-900-contrast: white;--ig-primary-900: var(--ig-primary-h), calc(var(--ig-primary-s) * 1.34), calc(var(--ig-primary-l) * 0.64);--ig-primary-A100: hsl(204, 100%, 67%);--ig-primary-A100-contrast: black;--ig-primary-A100: var(--ig-primary-h), calc(var(--ig-primary-s) * 1.23), calc(var(--ig-primary-l) * 1.34);--ig-primary-A200: hsl(204, 100%, 58%);--ig-primary-A200-contrast: black;--ig-primary-A200: var(--ig-primary-h), calc(var(--ig-primary-s) * 1.22), calc(var(--ig-primary-l) * 1.16);--ig-primary-A400: hsl(204, 100%, 45.5%);--ig-primary-A400-contrast: black;--ig-primary-A400: var(--ig-primary-h), calc(var(--ig-primary-s) * 1.23), calc(var(--ig-primary-l) * 0.91);--ig-primary-A700: hsl(204, 100%, 32.5%);--ig-primary-A700-contrast: white;--ig-primary-A700: var(--ig-primary-h), calc(var(--ig-primary-s) * 1.23), calc(var(--ig-primary-l) * 0.65);--ig-secondary-50: hsl(332.7, 96.85%, 89.35%);--ig-secondary-50-contrast: black;--ig-secondary-50: var(--ig-secondary-h), calc(var(--ig-secondary-s) * 1.23), calc(var(--ig-secondary-l) * 1.78);--ig-secondary-100: hsl(332.7, 62.99%, 83.33%);--ig-secondary-100-contrast: black;--ig-secondary-100: var(--ig-secondary-h), calc(var(--ig-secondary-s) * 0.8), calc(var(--ig-secondary-l) * 1.66);--ig-secondary-200: hsl(332.7, 50.39%, 71.78%);--ig-secondary-200-contrast: black;--ig-secondary-200: var(--ig-secondary-h), calc(var(--ig-secondary-s) * 0.64), calc(var(--ig-secondary-l) * 1.43);--ig-secondary-300: hsl(332.7, 57.48%, 59.73%);--ig-secondary-300-contrast: black;--ig-secondary-300: var(--ig-secondary-h), calc(var(--ig-secondary-s) * 0.73), calc(var(--ig-secondary-l) * 1.19);--ig-secondary-400: hsl(332.7, 68.9%, 54.21%);--ig-secondary-400-contrast: black;--ig-secondary-400: var(--ig-secondary-h), calc(var(--ig-secondary-s) * 0.875), calc(var(--ig-secondary-l) * 1.08);--ig-secondary-h: 333deg;--ig-secondary-s: 79%;--ig-secondary-l: 50%;--ig-secondary-a: 1;--ig-secondary-500: hsl(332.7, 78.74%, 50.2%);--ig-secondary-500-contrast: black;--ig-secondary-500: var(--ig-secondary-h), calc(var(--ig-secondary-s) * 1), calc(var(--ig-secondary-l) * 1);--ig-secondary-600: hsl(332.7, 99.21%, 44.67%);--ig-secondary-600-contrast: white;--ig-secondary-600: var(--ig-secondary-h), calc(var(--ig-secondary-s) * 1.26), calc(var(--ig-secondary-l) * 0.89);--ig-secondary-700: hsl(332.7, 100%, 40.66%);--ig-secondary-700-contrast: white;--ig-secondary-700: var(--ig-secondary-h), calc(var(--ig-secondary-s) * 1.52), calc(var(--ig-secondary-l) * 0.81);--ig-secondary-800: hsl(332.7, 100%, 36.64%);--ig-secondary-800-contrast: white;--ig-secondary-800: var(--ig-secondary-h), calc(var(--ig-secondary-s) * 1.5), calc(var(--ig-secondary-l) * 0.73);--ig-secondary-900: hsl(332.7, 100%, 32.13%);--ig-secondary-900-contrast: white;--ig-secondary-900: var(--ig-secondary-h), calc(var(--ig-secondary-s) * 1.34), calc(var(--ig-secondary-l) * 0.64);--ig-secondary-A100: hsl(332.7, 96.85%, 67.26%);--ig-secondary-A100-contrast: black;--ig-secondary-A100: var(--ig-secondary-h), calc(var(--ig-secondary-s) * 1.23), calc(var(--ig-secondary-l) * 1.34);--ig-secondary-A200: hsl(332.7, 96.06%, 58.23%);--ig-secondary-A200-contrast: black;--ig-secondary-A200: var(--ig-secondary-h), calc(var(--ig-secondary-s) * 1.22), calc(var(--ig-secondary-l) * 1.16);--ig-secondary-A400: hsl(332.7, 96.85%, 45.68%);--ig-secondary-A400-contrast: white;--ig-secondary-A400: var(--ig-secondary-h), calc(var(--ig-secondary-s) * 1.23), calc(var(--ig-secondary-l) * 0.91);--ig-secondary-A700: hsl(332.7, 96.85%, 32.63%);--ig-secondary-A700-contrast: white;--ig-secondary-A700: var(--ig-secondary-h), calc(var(--ig-secondary-s) * 1.23), calc(var(--ig-secondary-l) * 0.65);--ig-gray-50: hsl(0, 0%, 98%);--ig-gray-50-contrast: black;--ig-gray-50: var(--ig-gray-h), var(--ig-gray-s), 98%;--ig-gray-100: hsl(0, 0%, 96%);--ig-gray-100-contrast: black;--ig-gray-100: var(--ig-gray-h), var(--ig-gray-s), 96%;--ig-gray-200: hsl(0, 0%, 93%);--ig-gray-200-contrast: black;--ig-gray-200: var(--ig-gray-h), var(--ig-gray-s), 93%;--ig-gray-300: hsl(0, 0%, 88%);--ig-gray-300-contrast: black;--ig-gray-300: var(--ig-gray-h), var(--ig-gray-s), 88%;--ig-gray-400: hsl(0, 0%, 74%);--ig-gray-400-contrast: black;--ig-gray-400: var(--ig-gray-h), var(--ig-gray-s), 74%;--ig-gray-h: 0deg;--ig-gray-s: 0%;--ig-gray-l: 62%;--ig-gray-a: 1;--ig-gray-500: hsl(0, 0%, 62%);--ig-gray-500-contrast: black;--ig-gray-500: var(--ig-gray-h), var(--ig-gray-s), 62%;--ig-gray-600: hsl(0, 0%, 54%);--ig-gray-600-contrast: black;--ig-gray-600: var(--ig-gray-h), var(--ig-gray-s), 54%;--ig-gray-700: hsl(0, 0%, 38%);--ig-gray-700-contrast: white;--ig-gray-700: var(--ig-gray-h), var(--ig-gray-s), 38%;--ig-gray-800: hsl(0, 0%, 26%);--ig-gray-800-contrast: white;--ig-gray-800: var(--ig-gray-h), var(--ig-gray-s), 26%;--ig-gray-900: hsl(0, 0%, 13%);--ig-gray-900-contrast: white;--ig-gray-900: var(--ig-gray-h), var(--ig-gray-s), 13%;--ig-surface-50: hsl(0, 0%, 100%);--ig-surface-50-contrast: black;--ig-surface-50: var(--ig-surface-h), calc(var(--ig-surface-s) * 1.23), calc(var(--ig-surface-l) * 1.78);--ig-surface-100: hsl(0, 0%, 100%);--ig-surface-100-contrast: black;--ig-surface-100: var(--ig-surface-h), calc(var(--ig-surface-s) * 0.8), calc(var(--ig-surface-l) * 1.66);--ig-surface-200: hsl(0, 0%, 100%);--ig-surface-200-contrast: black;--ig-surface-200: var(--ig-surface-h), calc(var(--ig-surface-s) * 0.64), calc(var(--ig-surface-l) * 1.43);--ig-surface-300: hsl(0, 0%, 100%);--ig-surface-300-contrast: black;--ig-surface-300: var(--ig-surface-h), calc(var(--ig-surface-s) * 0.73), calc(var(--ig-surface-l) * 1.19);--ig-surface-400: hsl(0, 0%, 100%);--ig-surface-400-contrast: black;--ig-surface-400: var(--ig-surface-h), calc(var(--ig-surface-s) * 0.875), calc(var(--ig-surface-l) * 1.08);--ig-surface-h: 0deg;--ig-surface-s: 0%;--ig-surface-l: 100%;--ig-surface-a: 1;--ig-surface-500: hsl(0, 0%, 100%);--ig-surface-500-contrast: black;--ig-surface-500: var(--ig-surface-h), calc(var(--ig-surface-s) * 1), calc(var(--ig-surface-l) * 1);--ig-surface-600: hsl(0, 0%, 89%);--ig-surface-600-contrast: black;--ig-surface-600: var(--ig-surface-h), calc(var(--ig-surface-s) * 1.26), calc(var(--ig-surface-l) * 0.89);--ig-surface-700: hsl(0, 0%, 81%);--ig-surface-700-contrast: black;--ig-surface-700: var(--ig-surface-h), calc(var(--ig-surface-s) * 1.52), calc(var(--ig-surface-l) * 0.81);--ig-surface-800: hsl(0, 0%, 73%);--ig-surface-800-contrast: black;--ig-surface-800: var(--ig-surface-h), calc(var(--ig-surface-s) * 1.5), calc(var(--ig-surface-l) * 0.73);--ig-surface-900: hsl(0, 0%, 64%);--ig-surface-900-contrast: black;--ig-surface-900: var(--ig-surface-h), calc(var(--ig-surface-s) * 1.34), calc(var(--ig-surface-l) * 0.64);--ig-surface-A100: hsl(0, 0%, 100%);--ig-surface-A100-contrast: black;--ig-surface-A100: var(--ig-surface-h), calc(var(--ig-surface-s) * 1.23), calc(var(--ig-surface-l) * 1.34);--ig-surface-A200: hsl(0, 0%, 100%);--ig-surface-A200-contrast: black;--ig-surface-A200: var(--ig-surface-h), calc(var(--ig-surface-s) * 1.22), calc(var(--ig-surface-l) * 1.16);--ig-surface-A400: hsl(0, 0%, 91%);--ig-surface-A400-contrast: black;--ig-surface-A400: var(--ig-surface-h), calc(var(--ig-surface-s) * 1.23), calc(var(--ig-surface-l) * 0.91);--ig-surface-A700: hsl(0, 0%, 65%);--ig-surface-A700-contrast: black;--ig-surface-A700: var(--ig-surface-h), calc(var(--ig-surface-s) * 1.23), calc(var(--ig-surface-l) * 0.65);--ig-info-50: hsl(209.07, 100%, 80.97%);--ig-info-50-contrast: black;--ig-info-50: var(--ig-info-h), calc(var(--ig-info-s) * 1.23), calc(var(--ig-info-l) * 1.78);--ig-info-100: hsl(209.07, 66.9%, 75.51%);--ig-info-100-contrast: black;--ig-info-100: var(--ig-info-h), calc(var(--ig-info-s) * 0.8), calc(var(--ig-info-l) * 1.66);--ig-info-200: hsl(209.07, 53.52%, 65.05%);--ig-info-200-contrast: black;--ig-info-200: var(--ig-info-h), calc(var(--ig-info-s) * 0.64), calc(var(--ig-info-l) * 1.43);--ig-info-300: hsl(209.07, 61.04%, 54.13%);--ig-info-300-contrast: black;--ig-info-300: var(--ig-info-h), calc(var(--ig-info-s) * 0.73), calc(var(--ig-info-l) * 1.19);--ig-info-400: hsl(209.07, 73.17%, 49.13%);--ig-info-400-contrast: black;--ig-info-400: var(--ig-info-h), calc(var(--ig-info-s) * 0.875), calc(var(--ig-info-l) * 1.08);--ig-info-h: 209deg;--ig-info-s: 84%;--ig-info-l: 45%;--ig-info-a: 1;--ig-info-500: hsl(209.07, 83.62%, 45.49%);--ig-info-500-contrast: black;--ig-info-500: var(--ig-info-h), calc(var(--ig-info-s) * 1), calc(var(--ig-info-l) * 1);--ig-info-600: hsl(209.07, 100%, 40.49%);--ig-info-600-contrast: white;--ig-info-600: var(--ig-info-h), calc(var(--ig-info-s) * 1.26), calc(var(--ig-info-l) * 0.89);--ig-info-700: hsl(209.07, 100%, 36.85%);--ig-info-700-contrast: white;--ig-info-700: var(--ig-info-h), calc(var(--ig-info-s) * 1.52), calc(var(--ig-info-l) * 0.81);--ig-info-800: hsl(209.07, 100%, 33.21%);--ig-info-800-contrast: white;--ig-info-800: var(--ig-info-h), calc(var(--ig-info-s) * 1.5), calc(var(--ig-info-l) * 0.73);--ig-info-900: hsl(209.07, 100%, 29.11%);--ig-info-900-contrast: white;--ig-info-900: var(--ig-info-h), calc(var(--ig-info-s) * 1.34), calc(var(--ig-info-l) * 0.64);--ig-info-A100: hsl(209.07, 100%, 60.96%);--ig-info-A100-contrast: black;--ig-info-A100: var(--ig-info-h), calc(var(--ig-info-s) * 1.23), calc(var(--ig-info-l) * 1.34);--ig-info-A200: hsl(209.07, 100%, 52.77%);--ig-info-A200-contrast: black;--ig-info-A200: var(--ig-info-h), calc(var(--ig-info-s) * 1.22), calc(var(--ig-info-l) * 1.16);--ig-info-A400: hsl(209.07, 100%, 41.4%);--ig-info-A400-contrast: white;--ig-info-A400: var(--ig-info-h), calc(var(--ig-info-s) * 1.23), calc(var(--ig-info-l) * 0.91);--ig-info-A700: hsl(209.07, 100%, 29.57%);--ig-info-A700-contrast: white;--ig-info-A700: var(--ig-info-h), calc(var(--ig-info-s) * 1.23), calc(var(--ig-info-l) * 0.65);--ig-success-50: hsl(131.32, 52.57%, 91.44%);--ig-success-50-contrast: black;--ig-success-50: var(--ig-success-h), calc(var(--ig-success-s) * 1.23), calc(var(--ig-success-l) * 1.78);--ig-success-100: hsl(131.32, 34.19%, 85.28%);--ig-success-100-contrast: black;--ig-success-100: var(--ig-success-h), calc(var(--ig-success-s) * 0.8), calc(var(--ig-success-l) * 1.66);--ig-success-200: hsl(131.32, 27.35%, 73.46%);--ig-success-200-contrast: black;--ig-success-200: var(--ig-success-h), calc(var(--ig-success-s) * 0.64), calc(var(--ig-success-l) * 1.43);--ig-success-300: hsl(131.32, 31.2%, 61.13%);--ig-success-300-contrast: black;--ig-success-300: var(--ig-success-h), calc(var(--ig-success-s) * 0.73), calc(var(--ig-success-l) * 1.19);--ig-success-400: hsl(131.32, 37.4%, 55.48%);--ig-success-400-contrast: black;--ig-success-400: var(--ig-success-h), calc(var(--ig-success-s) * 0.875), calc(var(--ig-success-l) * 1.08);--ig-success-h: 131deg;--ig-success-s: 43%;--ig-success-l: 51%;--ig-success-a: 1;--ig-success-500: hsl(131.32, 42.74%, 51.37%);--ig-success-500-contrast: black;--ig-success-500: var(--ig-success-h), calc(var(--ig-success-s) * 1), calc(var(--ig-success-l) * 1);--ig-success-600: hsl(131.32, 53.85%, 45.72%);--ig-success-600-contrast: black;--ig-success-600: var(--ig-success-h), calc(var(--ig-success-s) * 1.26), calc(var(--ig-success-l) * 0.89);--ig-success-700: hsl(131.32, 64.97%, 41.61%);--ig-success-700-contrast: black;--ig-success-700: var(--ig-success-h), calc(var(--ig-success-s) * 1.52), calc(var(--ig-success-l) * 0.81);--ig-success-800: hsl(131.32, 64.11%, 37.5%);--ig-success-800-contrast: black;--ig-success-800: var(--ig-success-h), calc(var(--ig-success-s) * 1.5), calc(var(--ig-success-l) * 0.73);--ig-success-900: hsl(131.32, 57.27%, 32.88%);--ig-success-900-contrast: white;--ig-success-900: var(--ig-success-h), calc(var(--ig-success-s) * 1.34), calc(var(--ig-success-l) * 0.64);--ig-success-A100: hsl(131.32, 52.57%, 68.84%);--ig-success-A100-contrast: black;--ig-success-A100: var(--ig-success-h), calc(var(--ig-success-s) * 1.23), calc(var(--ig-success-l) * 1.34);--ig-success-A200: hsl(131.32, 52.15%, 59.59%);--ig-success-A200-contrast: black;--ig-success-A200: var(--ig-success-h), calc(var(--ig-success-s) * 1.22), calc(var(--ig-success-l) * 1.16);--ig-success-A400: hsl(131.32, 52.57%, 46.75%);--ig-success-A400-contrast: black;--ig-success-A400: var(--ig-success-h), calc(var(--ig-success-s) * 1.23), calc(var(--ig-success-l) * 0.91);--ig-success-A700: hsl(131.32, 52.57%, 33.39%);--ig-success-A700-contrast: white;--ig-success-A700: var(--ig-success-h), calc(var(--ig-success-s) * 1.23), calc(var(--ig-success-l) * 0.65);--ig-warn-50: hsl(37.07, 100%, 95.98%);--ig-warn-50-contrast: black;--ig-warn-50: var(--ig-warn-h), calc(var(--ig-warn-s) * 1.23), calc(var(--ig-warn-l) * 1.78);--ig-warn-100: hsl(37.07, 76.6%, 89.51%);--ig-warn-100-contrast: black;--ig-warn-100: var(--ig-warn-h), calc(var(--ig-warn-s) * 0.8), calc(var(--ig-warn-l) * 1.66);--ig-warn-200: hsl(37.07, 61.28%, 77.11%);--ig-warn-200-contrast: black;--ig-warn-200: var(--ig-warn-h), calc(var(--ig-warn-s) * 0.64), calc(var(--ig-warn-l) * 1.43);--ig-warn-300: hsl(37.07, 69.89%, 64.17%);--ig-warn-300-contrast: black;--ig-warn-300: var(--ig-warn-h), calc(var(--ig-warn-s) * 0.73), calc(var(--ig-warn-l) * 1.19);--ig-warn-400: hsl(37.07, 83.78%, 58.24%);--ig-warn-400-contrast: black;--ig-warn-400: var(--ig-warn-h), calc(var(--ig-warn-s) * 0.875), calc(var(--ig-warn-l) * 1.08);--ig-warn-h: 37deg;--ig-warn-s: 96%;--ig-warn-l: 54%;--ig-warn-a: 1;--ig-warn-500: hsl(37.07, 95.74%, 53.92%);--ig-warn-500-contrast: black;--ig-warn-500: var(--ig-warn-h), calc(var(--ig-warn-s) * 1), calc(var(--ig-warn-l) * 1);--ig-warn-600: hsl(37.07, 100%, 47.99%);--ig-warn-600-contrast: black;--ig-warn-600: var(--ig-warn-h), calc(var(--ig-warn-s) * 1.26), calc(var(--ig-warn-l) * 0.89);--ig-warn-700: hsl(37.07, 100%, 43.68%);--ig-warn-700-contrast: black;--ig-warn-700: var(--ig-warn-h), calc(var(--ig-warn-s) * 1.52), calc(var(--ig-warn-l) * 0.81);--ig-warn-800: hsl(37.07, 100%, 39.36%);--ig-warn-800-contrast: black;--ig-warn-800: var(--ig-warn-h), calc(var(--ig-warn-s) * 1.5), calc(var(--ig-warn-l) * 0.73);--ig-warn-900: hsl(37.07, 100%, 34.51%);--ig-warn-900-contrast: black;--ig-warn-900: var(--ig-warn-h), calc(var(--ig-warn-s) * 1.34), calc(var(--ig-warn-l) * 0.64);--ig-warn-A100: hsl(37.07, 100%, 72.25%);--ig-warn-A100-contrast: black;--ig-warn-A100: var(--ig-warn-h), calc(var(--ig-warn-s) * 1.23), calc(var(--ig-warn-l) * 1.34);--ig-warn-A200: hsl(37.07, 100%, 62.55%);--ig-warn-A200-contrast: black;--ig-warn-A200: var(--ig-warn-h), calc(var(--ig-warn-s) * 1.22), calc(var(--ig-warn-l) * 1.16);--ig-warn-A400: hsl(37.07, 100%, 49.07%);--ig-warn-A400-contrast: black;--ig-warn-A400: var(--ig-warn-h), calc(var(--ig-warn-s) * 1.23), calc(var(--ig-warn-l) * 0.91);--ig-warn-A700: hsl(37.07, 100%, 35.05%);--ig-warn-A700-contrast: black;--ig-warn-A700: var(--ig-warn-h), calc(var(--ig-warn-s) * 1.23), calc(var(--ig-warn-l) * 0.65);--ig-error-50: hsl(346.02, 100%, 95.63%);--ig-error-50-contrast: black;--ig-error-50: var(--ig-error-h), calc(var(--ig-error-s) * 1.23), calc(var(--ig-error-l) * 1.78);--ig-error-100: hsl(346.02, 80%, 89.18%);--ig-error-100-contrast: black;--ig-error-100: var(--ig-error-h), calc(var(--ig-error-s) * 0.8), calc(var(--ig-error-l) * 1.66);--ig-error-200: hsl(346.02, 64%, 76.83%);--ig-error-200-contrast: black;--ig-error-200: var(--ig-error-h), calc(var(--ig-error-s) * 0.64), calc(var(--ig-error-l) * 1.43);--ig-error-300: hsl(346.02, 73%, 63.93%);--ig-error-300-contrast: black;--ig-error-300: var(--ig-error-h), calc(var(--ig-error-s) * 0.73), calc(var(--ig-error-l) * 1.19);--ig-error-400: hsl(346.02, 87.5%, 58.02%);--ig-error-400-contrast: black;--ig-error-400: var(--ig-error-h), calc(var(--ig-error-s) * 0.875), calc(var(--ig-error-l) * 1.08);--ig-error-h: 346deg;--ig-error-s: 100%;--ig-error-l: 54%;--ig-error-a: 1;--ig-error-500: hsl(346.02, 100%, 53.73%);--ig-error-500-contrast: black;--ig-error-500: var(--ig-error-h), calc(var(--ig-error-s) * 1), calc(var(--ig-error-l) * 1);--ig-error-600: hsl(346.02, 100%, 47.82%);--ig-error-600-contrast: black;--ig-error-600: var(--ig-error-h), calc(var(--ig-error-s) * 1.26), calc(var(--ig-error-l) * 0.89);--ig-error-700: hsl(346.02, 100%, 43.52%);--ig-error-700-contrast: white;--ig-error-700: var(--ig-error-h), calc(var(--ig-error-s) * 1.52), calc(var(--ig-error-l) * 0.81);--ig-error-800: hsl(346.02, 100%, 39.22%);--ig-error-800-contrast: white;--ig-error-800: var(--ig-error-h), calc(var(--ig-error-s) * 1.5), calc(var(--ig-error-l) * 0.73);--ig-error-900: hsl(346.02, 100%, 34.38%);--ig-error-900-contrast: white;--ig-error-900: var(--ig-error-h), calc(var(--ig-error-s) * 1.34), calc(var(--ig-error-l) * 0.64);--ig-error-A100: hsl(346.02, 100%, 71.99%);--ig-error-A100-contrast: black;--ig-error-A100: var(--ig-error-h), calc(var(--ig-error-s) * 1.23), calc(var(--ig-error-l) * 1.34);--ig-error-A200: hsl(346.02, 100%, 62.32%);--ig-error-A200-contrast: black;--ig-error-A200: var(--ig-error-h), calc(var(--ig-error-s) * 1.22), calc(var(--ig-error-l) * 1.16);--ig-error-A400: hsl(346.02, 100%, 48.89%);--ig-error-A400-contrast: black;--ig-error-A400: var(--ig-error-h), calc(var(--ig-error-s) * 1.23), calc(var(--ig-error-l) * 0.91);--ig-error-A700: hsl(346.02, 100%, 34.92%);--ig-error-A700-contrast: white;--ig-error-A700: var(--ig-error-h), calc(var(--ig-error-s) * 1.23), calc(var(--ig-error-l) * 0.65);--ig-elevation-0: none;--ig-elevation-1: 0 calc(var(--ig-elevation-factor, 1) * 1px) calc(var(--ig-elevation-factor, 1) * 3px) 0 rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 1px) calc(var(--ig-elevation-factor, 1) * 1px) 0 rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 2px) calc(var(--ig-elevation-factor, 1) * 1px) calc(var(--ig-elevation-factor, 1) * -1px) rgba(0, 0, 0, 0.08);--ig-elevation-2: 0 calc(var(--ig-elevation-factor, 1) * 1px) calc(var(--ig-elevation-factor, 1) * 5px) 0 rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 2px) calc(var(--ig-elevation-factor, 1) * 2px) 0 rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 3px) calc(var(--ig-elevation-factor, 1) * 1px) calc(var(--ig-elevation-factor, 1) * -2px) rgba(0, 0, 0, 0.08);--ig-elevation-3: 0 calc(var(--ig-elevation-factor, 1) * 1px) calc(var(--ig-elevation-factor, 1) * 8px) 0 rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 3px) calc(var(--ig-elevation-factor, 1) * 4px) 0 rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 3px) calc(var(--ig-elevation-factor, 1) * 3px) calc(var(--ig-elevation-factor, 1) * -2px) rgba(0, 0, 0, 0.08);--ig-elevation-4: 0 calc(var(--ig-elevation-factor, 1) * 2px) calc(var(--ig-elevation-factor, 1) * 4px) calc(var(--ig-elevation-factor, 1) * -1px) rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 4px) calc(var(--ig-elevation-factor, 1) * 5px) 0 rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 1px) calc(var(--ig-elevation-factor, 1) * 10px) 0 rgba(0, 0, 0, 0.08);--ig-elevation-5: 0 calc(var(--ig-elevation-factor, 1) * 3px) calc(var(--ig-elevation-factor, 1) * 5px) calc(var(--ig-elevation-factor, 1) * -1px) rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 5px) calc(var(--ig-elevation-factor, 1) * 8px) 0 rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 1px) calc(var(--ig-elevation-factor, 1) * 14px) 0 rgba(0, 0, 0, 0.08);--ig-elevation-6: 0 calc(var(--ig-elevation-factor, 1) * 3px) calc(var(--ig-elevation-factor, 1) * 5px) calc(var(--ig-elevation-factor, 1) * -1px) rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 6px) calc(var(--ig-elevation-factor, 1) * 10px) 0 rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 1px) calc(var(--ig-elevation-factor, 1) * 18px) 0 rgba(0, 0, 0, 0.08);--ig-elevation-7: 0 calc(var(--ig-elevation-factor, 1) * 4px) calc(var(--ig-elevation-factor, 1) * 5px) calc(var(--ig-elevation-factor, 1) * -2px) rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 7px) calc(var(--ig-elevation-factor, 1) * 10px) calc(var(--ig-elevation-factor, 1) * 1px) rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 2px) calc(var(--ig-elevation-factor, 1) * 16px) calc(var(--ig-elevation-factor, 1) * 1px) rgba(0, 0, 0, 0.08);--ig-elevation-8: 0 calc(var(--ig-elevation-factor, 1) * 5px) calc(var(--ig-elevation-factor, 1) * 5px) calc(var(--ig-elevation-factor, 1) * -3px) rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 8px) calc(var(--ig-elevation-factor, 1) * 10px) calc(var(--ig-elevation-factor, 1) * 1px) rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 3px) calc(var(--ig-elevation-factor, 1) * 14px) calc(var(--ig-elevation-factor, 1) * 2px) rgba(0, 0, 0, 0.08);--ig-elevation-9: 0 calc(var(--ig-elevation-factor, 1) * 5px) calc(var(--ig-elevation-factor, 1) * 6px) calc(var(--ig-elevation-factor, 1) * -3px) rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 9px) calc(var(--ig-elevation-factor, 1) * 12px) calc(var(--ig-elevation-factor, 1) * 1px) rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 3px) calc(var(--ig-elevation-factor, 1) * 16px) calc(var(--ig-elevation-factor, 1) * 2px) rgba(0, 0, 0, 0.08);--ig-elevation-10: 0 calc(var(--ig-elevation-factor, 1) * 6px) calc(var(--ig-elevation-factor, 1) * 6px) calc(var(--ig-elevation-factor, 1) * -3px) rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 10px) calc(var(--ig-elevation-factor, 1) * 14px) calc(var(--ig-elevation-factor, 1) * 1px) rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 4px) calc(var(--ig-elevation-factor, 1) * 18px) calc(var(--ig-elevation-factor, 1) * 3px) rgba(0, 0, 0, 0.08);--ig-elevation-11: 0 calc(var(--ig-elevation-factor, 1) * 6px) calc(var(--ig-elevation-factor, 1) * 7px) calc(var(--ig-elevation-factor, 1) * -4px) rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 11px) calc(var(--ig-elevation-factor, 1) * 15px) calc(var(--ig-elevation-factor, 1) * 1px) rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 4px) calc(var(--ig-elevation-factor, 1) * 20px) calc(var(--ig-elevation-factor, 1) * 3px) rgba(0, 0, 0, 0.08);--ig-elevation-12: 0 calc(var(--ig-elevation-factor, 1) * 7px) calc(var(--ig-elevation-factor, 1) * 8px) calc(var(--ig-elevation-factor, 1) * -4px) rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 12px) calc(var(--ig-elevation-factor, 1) * 17px) calc(var(--ig-elevation-factor, 1) * 2px) rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 5px) calc(var(--ig-elevation-factor, 1) * 22px) calc(var(--ig-elevation-factor, 1) * 4px) rgba(0, 0, 0, 0.08);--ig-elevation-13: 0 calc(var(--ig-elevation-factor, 1) * 7px) calc(var(--ig-elevation-factor, 1) * 8px) calc(var(--ig-elevation-factor, 1) * -4px) rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 13px) calc(var(--ig-elevation-factor, 1) * 19px) calc(var(--ig-elevation-factor, 1) * 2px) rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 5px) calc(var(--ig-elevation-factor, 1) * 24px) calc(var(--ig-elevation-factor, 1) * 4px) rgba(0, 0, 0, 0.08);--ig-elevation-14: 0 calc(var(--ig-elevation-factor, 1) * 7px) calc(var(--ig-elevation-factor, 1) * 9px) calc(var(--ig-elevation-factor, 1) * -4px) rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 14px) calc(var(--ig-elevation-factor, 1) * 21px) calc(var(--ig-elevation-factor, 1) * 2px) rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 5px) calc(var(--ig-elevation-factor, 1) * 26px) calc(var(--ig-elevation-factor, 1) * 4px) rgba(0, 0, 0, 0.08);--ig-elevation-15: 0 calc(var(--ig-elevation-factor, 1) * 8px) calc(var(--ig-elevation-factor, 1) * 9px) calc(var(--ig-elevation-factor, 1) * -5px) rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 15px) calc(var(--ig-elevation-factor, 1) * 22px) calc(var(--ig-elevation-factor, 1) * 2px) rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 6px) calc(var(--ig-elevation-factor, 1) * 28px) calc(var(--ig-elevation-factor, 1) * 5px) rgba(0, 0, 0, 0.08);--ig-elevation-16: 0 calc(var(--ig-elevation-factor, 1) * 8px) calc(var(--ig-elevation-factor, 1) * 10px) calc(var(--ig-elevation-factor, 1) * -5px) rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 16px) calc(var(--ig-elevation-factor, 1) * 24px) calc(var(--ig-elevation-factor, 1) * 2px) rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 6px) calc(var(--ig-elevation-factor, 1) * 30px) calc(var(--ig-elevation-factor, 1) * 5px) rgba(0, 0, 0, 0.08);--ig-elevation-17: 0 calc(var(--ig-elevation-factor, 1) * 8px) calc(var(--ig-elevation-factor, 1) * 11px) calc(var(--ig-elevation-factor, 1) * -5px) rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 17px) calc(var(--ig-elevation-factor, 1) * 26px) calc(var(--ig-elevation-factor, 1) * 2px) rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 6px) calc(var(--ig-elevation-factor, 1) * 32px) calc(var(--ig-elevation-factor, 1) * 5px) rgba(0, 0, 0, 0.08);--ig-elevation-18: 0 calc(var(--ig-elevation-factor, 1) * 9px) calc(var(--ig-elevation-factor, 1) * 11px) calc(var(--ig-elevation-factor, 1) * -5px) rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 18px) calc(var(--ig-elevation-factor, 1) * 28px) calc(var(--ig-elevation-factor, 1) * 2px) rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 7px) calc(var(--ig-elevation-factor, 1) * 34px) calc(var(--ig-elevation-factor, 1) * 6px) rgba(0, 0, 0, 0.08);--ig-elevation-19: 0 calc(var(--ig-elevation-factor, 1) * 9px) calc(var(--ig-elevation-factor, 1) * 12px) calc(var(--ig-elevation-factor, 1) * -6px) rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 19px) calc(var(--ig-elevation-factor, 1) * 29px) calc(var(--ig-elevation-factor, 1) * 2px) rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 7px) calc(var(--ig-elevation-factor, 1) * 36px) calc(var(--ig-elevation-factor, 1) * 6px) rgba(0, 0, 0, 0.08);--ig-elevation-20: 0 calc(var(--ig-elevation-factor, 1) * 10px) calc(var(--ig-elevation-factor, 1) * 13px) calc(var(--ig-elevation-factor, 1) * -6px) rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 20px) calc(var(--ig-elevation-factor, 1) * 31px) calc(var(--ig-elevation-factor, 1) * 3px) rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 8px) calc(var(--ig-elevation-factor, 1) * 38px) calc(var(--ig-elevation-factor, 1) * 7px) rgba(0, 0, 0, 0.08);--ig-elevation-21: 0 calc(var(--ig-elevation-factor, 1) * 10px) calc(var(--ig-elevation-factor, 1) * 13px) calc(var(--ig-elevation-factor, 1) * -6px) rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 21px) calc(var(--ig-elevation-factor, 1) * 33px) calc(var(--ig-elevation-factor, 1) * 3px) rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 8px) calc(var(--ig-elevation-factor, 1) * 40px) calc(var(--ig-elevation-factor, 1) * 7px) rgba(0, 0, 0, 0.08);--ig-elevation-22: 0 calc(var(--ig-elevation-factor, 1) * 10px) calc(var(--ig-elevation-factor, 1) * 14px) calc(var(--ig-elevation-factor, 1) * -6px) rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 22px) calc(var(--ig-elevation-factor, 1) * 35px) calc(var(--ig-elevation-factor, 1) * 3px) rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 8px) calc(var(--ig-elevation-factor, 1) * 42px) calc(var(--ig-elevation-factor, 1) * 7px) rgba(0, 0, 0, 0.08);--ig-elevation-23: 0 calc(var(--ig-elevation-factor, 1) * 11px) calc(var(--ig-elevation-factor, 1) * 14px) calc(var(--ig-elevation-factor, 1) * -7px) rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 23px) calc(var(--ig-elevation-factor, 1) * 36px) calc(var(--ig-elevation-factor, 1) * 3px) rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 9px) calc(var(--ig-elevation-factor, 1) * 44px) calc(var(--ig-elevation-factor, 1) * 8px) rgba(0, 0, 0, 0.08);--ig-elevation-24: 0 calc(var(--ig-elevation-factor, 1) * 11px) calc(var(--ig-elevation-factor, 1) * 15px) calc(var(--ig-elevation-factor, 1) * -7px) rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 24px) calc(var(--ig-elevation-factor, 1) * 38px) calc(var(--ig-elevation-factor, 1) * 3px) rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 9px) calc(var(--ig-elevation-factor, 1) * 46px) calc(var(--ig-elevation-factor, 1) * 8px) rgba(0, 0, 0, 0.08)}[igxRipple]{--color: var(--igx-ripple-color, hsla(var(--ig-gray-800), 0.7))}.igx-ripple__inner{display:block;position:absolute;border-radius:clamp(0rem,calc(var(--ig-radius-factor, 1) * 50%),50%);background:var(--color);pointer-events:none;transform-origin:center;transform:translate3d(0, 0, 0) scale(0);will-change:opacity,transform;opacity:.5;margin:0 !important;border:none !important}.igx-ripple{overflow:hidden}igx-avatar{--background: var(--igx-avatar-background, hsla(var(--ig-gray-400), 0.54));--color: var(--igx-avatar-color, hsla(var(--ig-gray-800), 0.96));--border-radius: var(--igx-avatar-border-radius, 0rem)}.igx-avatar{position:relative;display:inline-flex;justify-content:center;align-items:center;-webkit-user-select:none;user-select:none;color:var(--color);background:var(--background);vertical-align:middle;border-radius:var(--border-radius);outline-style:none;flex-shrink:0}.igx-avatar::after{box-shadow:none;transition:box-shadow .15s cubic-bezier(0.455, 0.03, 0.515, 0.955)}.igx-avatar__image{width:100%;height:100%;border-radius:inherit;background-size:cover;background-repeat:no-repeat;background-position:center}.igx-avatar--circle{--igx-avatar-border-radius: 2.75rem}.igx-avatar--rounded{--igx-avatar-border-radius: 0.5rem}.igx-avatar--initials{--size: 2.5rem;font-size:calc(var(--size)/2);line-height:calc(var(--size)/2)}.igx-avatar--medium.igx-avatar--initials{--size: 4rem;font-size:calc(var(--size)/2);line-height:calc(var(--size)/2)}.igx-avatar--large.igx-avatar--initials{--size: 5.5rem;font-size:calc(var(--size)/2);line-height:calc(var(--size)/2)}.igx-avatar--small{--size: 2.5rem;width:var(--size);height:var(--size)}.igx-avatar--medium{--size: 4rem;width:var(--size);height:var(--size)}.igx-avatar--large{--size: 5.5rem;width:var(--size);height:var(--size)}igx-action-strip{--actions-background: var(--igx-action-strip-actions-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--background: var(--igx-action-strip-background, hsla(var(--ig-gray-100), 0.38));--icon-color: var(--igx-action-strip-icon-color, 'currentColor');--delete-action: var(--igx-action-strip-delete-action, hsla(var(--ig-error-500), var(--ig-error-a)));--actions-border-radius: var(--igx-action-strip-actions-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.5rem), 1.5rem))}.igx-action-strip{display:flex;align-items:center;justify-content:flex-end;position:absolute;width:100%;height:100%;pointer-events:none;top:0;inset-inline-start:0;background:var(--background);color:inherit;padding:0 1.5rem;z-index:9999}.igx-action-strip--compact [igxButton=icon],.igx-action-strip--cosy [igxButton=icon]{width:1.75rem;height:1.75rem}.igx-action-strip--compact [igxButton=icon] igx-icon,.igx-action-strip--cosy [igxButton=icon] igx-icon{width:var(--igx-icon-size, 0.875rem);height:var(--igx-icon-size, 0.875rem);font-size:var(--igx-icon-size, 0.875rem)}.igx-action-strip--cosy{padding:0 1rem}.igx-action-strip--compact{padding:0 .75rem}.igx-action-strip__editing-actions,.igx-action-strip__pinning-actions{display:flex;align-items:center;justify-content:center}.igx-action-strip__menu-item [igxLabel],.igx-action-strip__menu-item--danger [igxLabel]{cursor:pointer}.igx-action-strip__menu-item igx-icon,.igx-action-strip__menu-item--danger igx-icon{width:var(--igx-icon-size, 1.125rem);height:var(--igx-icon-size, 1.125rem);font-size:var(--igx-icon-size, 1.125rem)}.igx-action-strip__menu-item igx-icon+[igxLabel],.igx-action-strip__menu-item--danger igx-icon+[igxLabel]{margin-inline-start:.75rem}.igx-action-strip__menu-item.igx-drop-down__item--cosy igx-icon+[igxLabel],.igx-action-strip__menu-item--danger.igx-drop-down__item--cosy igx-icon+[igxLabel]{margin-inline-start:.625rem}.igx-action-strip__menu-item.igx-drop-down__item--compact igx-icon+[igxLabel],.igx-action-strip__menu-item--danger.igx-drop-down__item--compact igx-icon+[igxLabel]{margin-inline-start:.5rem}.igx-action-strip__menu-item--danger{color:hsla(var(--ig-error-500), var(--ig-error-a))}.igx-action-strip__menu-item--danger:hover{color:hsla(var(--ig-error-500), var(--ig-error-a))}.igx-action-strip__menu-button{display:flex;align-items:center}.igx-action-strip__actions{display:inline-flex;align-items:center;justify-content:center;pointer-events:all;position:relative;color:var(--icon-color);border-radius:var(--actions-border-radius);background:var(--actions-background);max-height:2.25rem}.igx-action-strip__actions:last-child{margin-inline-end:0}.igx-action-strip__actions igx-icon{color:var(--icon-color)}.igx-action-strip__actions [igxButton=icon] igx-icon{color:var(--icon-color)}.igx-action-strip__editing-actions>[igxButton]{margin-inline-start:.25rem}.igx-action-strip__editing-actions>[igxButton]:first-of-type{margin-inline-start:0}.igx-action-strip__delete igx-icon{color:var(--delete-action)}igx-badge{--elevation: var(--igx-badge-elevation, var(--ig-elevation-1));--icon-color: var(--igx-badge-icon-color, var(--ig-primary-500-contrast));--text-color: var(--igx-badge-text-color, var(--ig-primary-500-contrast));--border-color: var(--igx-badge-border-color, hsla(var(--ig-gray-50), var(--ig-gray-a)));--background-color: var(--igx-badge-background-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--border-width: var(--igx-badge-border-width, 0);--border-radius: var(--igx-badge-border-radius, 0);--shadow: var(--igx-badge-shadow, var(--ig-elevation-1))}.igx-badge{display:flex;justify-content:center;align-items:center;min-width:1.375rem;height:1.375rem;font-size:.6875rem;font-weight:normal;color:var(--text-color);line-height:1;background:var(--background-color);border-radius:50%;box-shadow:var(--shadow);border-width:var(--border-width);border-color:var(--border-color);border-style:solid;overflow:hidden}.igx-badge igx-icon{display:inline-flex;justify-content:center;align-items:center;width:var(--igx-icon-size, 1.25rem);height:var(--igx-icon-size, 1.25rem);font-size:var(--igx-icon-size, 0.75rem);font-weight:normal;color:var(--icon-color)}.igx-badge--square{border-radius:var(--border-radius)}.igx-badge__value{white-space:nowrap;padding:.25rem}.igx-badge--success{background:hsla(var(--ig-success-500), var(--ig-success-a))}.igx-badge--info{background:hsla(var(--ig-info-500), var(--ig-info-a))}.igx-badge--warning{background:hsla(var(--ig-warn-500), var(--ig-warn-a))}.igx-badge--error{background:hsla(var(--ig-error-500), var(--ig-error-a))}.igx-badge--hidden{visibility:hidden}igx-bottom-nav{--elevation: var(--igx-bottom-nav-elevation, var(--ig-elevation-8));--background: var(--igx-bottom-nav-background, hsla(var(--ig-gray-50), var(--ig-gray-a)));--idle-item-color: var(--igx-bottom-nav-idle-item-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--active-item-color: var(--igx-bottom-nav-active-item-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--shadow: var(--igx-bottom-nav-shadow, var(--ig-elevation-8))}.igx-bottom-nav__panel{display:block}.igx-bottom-nav__panel:focus{outline-style:none}.igx-bottom-nav__panel:empty{display:none}.igx-bottom-nav__menu{display:flex;position:fixed;justify-content:center;align-items:center;inset-inline-start:0;inset-inline-end:0;height:3.5rem;background:var(--background);overflow:hidden;z-index:8}.igx-bottom-nav__menu--top{inset-block-start:0;inset-block-end:inherit;box-shadow:var(--shadow)}.igx-bottom-nav__menu--bottom{inset-block-start:inherit;inset-block-end:0;box-shadow:var(--shadow)}.igx-bottom-nav__menu-item,.igx-bottom-nav__menu-item--selected,.igx-bottom-nav__menu-item--disabled{display:flex;position:relative;flex-flow:column nowrap;flex:1;align-items:center;justify-content:center;min-width:5rem;max-width:10.5rem;height:100%;color:var(--idle-item-color);cursor:pointer;-webkit-user-select:none;user-select:none;overflow:hidden;padding:0 .75rem;-webkit-tap-highlight-color:rgba(0,0,0,0);outline-style:none}.igx-bottom-nav__menu-item--disabled{opacity:.5;cursor:default;pointer-events:none}.igx-bottom-nav__menu-item--selected{color:var(--active-item-color);transition:color .15s cubic-bezier(0.455, 0.03, 0.515, 0.955),opacity .25s cubic-bezier(0.455, 0.03, 0.515, 0.955)}.igx-bottom-nav__menu-item [igxBottomNavHeaderLabel],.igx-bottom-nav__menu-item--selected [igxBottomNavHeaderLabel],.igx-bottom-nav__menu-item--disabled [igxBottomNavHeaderLabel]{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;padding-block-start:.25rem;max-width:100%;text-align:center;transform:translateZ(0);transition:transform .15s cubic-bezier(0.455, 0.03, 0.515, 0.955);z-index:1}.igx-bottom-nav__menu-item [igxBottomNavHeaderIcon],.igx-bottom-nav__menu-item--selected [igxBottomNavHeaderIcon],.igx-bottom-nav__menu-item--disabled [igxBottomNavHeaderIcon]{display:flex;position:relative;justify-content:center;height:1.5rem;padding:0 .5rem;transform:translateZ(0);transition:transform .15s cubic-bezier(0.455, 0.03, 0.515, 0.955);z-index:1}.igx-bottom-nav__menu-item--selected [igxBottomNavHeaderIcon]{transform:translateY(-2px)}.igx-bottom-nav__menu-item--selected [igxBottomNavHeaderLabel]{transform:translateY(-2px) scale(1.166667)}[igxButton=flat],.igx-button--flat{--shadow-color: var(--igx-button-shadow-color, transparent);--border-color: var(--igx-button-border-color, transparent);--hover-border-color: var(--igx-button-hover-border-color, transparent);--focus-border-color: var(--igx-button-focus-border-color, transparent);--focus-visible-border-color: var(--igx-button-focus-visible-border-color, transparent);--active-border-color: var(--igx-button-active-border-color, transparent);--disabled-border-color: var(--igx-button-disabled-border-color, transparent);--disabled-background: var(--igx-button-disabled-background, transparent);--disabled-foreground: var(--igx-button-disabled-foreground, hsla(var(--ig-gray-500), var(--ig-gray-a)));--resting-elevation: var(--igx-button-resting-elevation, var(--ig-elevation-0));--hover-elevation: var(--igx-button-hover-elevation, var(--ig-elevation-0));--focus-elevation: var(--igx-button-focus-elevation, var(--ig-elevation-0));--active-elevation: var(--igx-button-active-elevation, var(--ig-elevation-0));--background: var(--igx-button-background, transparent);--foreground: var(--igx-button-foreground, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--hover-background: var(--igx-button-hover-background, hsla(var(--ig-secondary-500), 0.05));--hover-foreground: var(--igx-button-hover-foreground, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--focus-background: var(--igx-button-focus-background, hsla(var(--ig-secondary-400), 0.12));--focus-foreground: var(--igx-button-focus-foreground, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--focus-visible-background: var(--igx-button-focus-visible-background, hsla(var(--ig-secondary-400), 0.12));--focus-visible-foreground: var(--igx-button-focus-visible-foreground, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--active-background: var(--igx-button-active-background, hsla(var(--ig-secondary-400), 0.12));--active-foreground: var(--igx-button-active-foreground, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--border-radius: var(--igx-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--resting-shadow: var(--igx-button-resting-shadow, var(--ig-elevation-0));--hover-shadow: var(--igx-button-hover-shadow, var(--ig-elevation-0));--focus-shadow: var(--igx-button-focus-shadow, var(--ig-elevation-0));--active-shadow: var(--igx-button-active-shadow, var(--ig-elevation-0))}[igxButton=outlined],.igx-button--outlined{--shadow-color: var(--igx-button-shadow-color, transparent);--border-color: var(--igx-button-border-color, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--hover-border-color: var(--igx-button-hover-border-color, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--focus-border-color: var(--igx-button-focus-border-color, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--focus-visible-border-color: var(--igx-button-focus-visible-border-color, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--active-border-color: var(--igx-button-active-border-color, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--disabled-border-color: var(--igx-button-disabled-border-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));--disabled-background: var(--igx-button-disabled-background, transparent);--disabled-foreground: var(--igx-button-disabled-foreground, hsla(var(--ig-gray-500), var(--ig-gray-a)));--resting-elevation: var(--igx-button-resting-elevation, var(--ig-elevation-0));--hover-elevation: var(--igx-button-hover-elevation, var(--ig-elevation-0));--focus-elevation: var(--igx-button-focus-elevation, var(--ig-elevation-0));--active-elevation: var(--igx-button-active-elevation, var(--ig-elevation-0));--background: var(--igx-button-background, transparent);--foreground: var(--igx-button-foreground, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--hover-background: var(--igx-button-hover-background, hsla(var(--ig-secondary-500), 0.05));--hover-foreground: var(--igx-button-hover-foreground, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--focus-background: var(--igx-button-focus-background, hsla(var(--ig-secondary-400), 0.12));--focus-foreground: var(--igx-button-focus-foreground, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--focus-visible-background: var(--igx-button-focus-visible-background, hsla(var(--ig-secondary-400), 0.12));--focus-visible-foreground: var(--igx-button-focus-visible-foreground, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--active-background: var(--igx-button-active-background, hsla(var(--ig-secondary-400), 0.12));--active-foreground: var(--igx-button-active-foreground, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--border-radius: var(--igx-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--resting-shadow: var(--igx-button-resting-shadow, var(--ig-elevation-0));--hover-shadow: var(--igx-button-hover-shadow, var(--ig-elevation-0));--focus-shadow: var(--igx-button-focus-shadow, var(--ig-elevation-0));--active-shadow: var(--igx-button-active-shadow, var(--ig-elevation-0))}[igxButton=raised],.igx-button--raised{--shadow-color: var(--igx-button-shadow-color, transparent);--border-color: var(--igx-button-border-color, transparent);--hover-border-color: var(--igx-button-hover-border-color, transparent);--focus-border-color: var(--igx-button-focus-border-color, transparent);--focus-visible-border-color: var(--igx-button-focus-visible-border-color, transparent);--active-border-color: var(--igx-button-active-border-color, transparent);--disabled-border-color: var(--igx-button-disabled-border-color, transparent);--disabled-background: var(--igx-button-disabled-background, hsla(var(--ig-gray-300), var(--ig-gray-a)));--disabled-foreground: var(--igx-button-disabled-foreground, hsla(var(--ig-gray-500), var(--ig-gray-a)));--resting-elevation: var(--igx-button-resting-elevation, var(--ig-elevation-2));--hover-elevation: var(--igx-button-hover-elevation, var(--ig-elevation-4));--focus-elevation: var(--igx-button-focus-elevation, var(--ig-elevation-8));--active-elevation: var(--igx-button-active-elevation, var(--ig-elevation-8));--background: var(--igx-button-background, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--foreground: var(--igx-button-foreground, var(--ig-secondary-500-contrast));--hover-background: var(--igx-button-hover-background, hsla(var(--ig-secondary-300), var(--ig-secondary-a)));--hover-foreground: var(--igx-button-hover-foreground, var(--ig-secondary-300-contrast));--focus-background: var(--igx-button-focus-background, hsla(var(--ig-secondary-300), var(--ig-secondary-a)));--focus-foreground: var(--igx-button-focus-foreground, var(--ig-secondary-300-contrast));--focus-visible-background: var(--igx-button-focus-visible-background, hsla(var(--ig-secondary-300), var(--ig-secondary-a)));--focus-visible-foreground: var(--igx-button-focus-visible-foreground, var(--ig-secondary-300-contrast));--active-background: var(--igx-button-active-background, hsla(var(--ig-secondary-300), var(--ig-secondary-a)));--active-foreground: var(--igx-button-active-foreground, var(--ig-secondary-300-contrast));--border-radius: var(--igx-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--resting-shadow: var(--igx-button-resting-shadow, var(--ig-elevation-2));--hover-shadow: var(--igx-button-hover-shadow, var(--ig-elevation-4));--focus-shadow: var(--igx-button-focus-shadow, var(--ig-elevation-8));--active-shadow: var(--igx-button-active-shadow, var(--ig-elevation-8))}[igxButton=fab],.igx-button--fab{--shadow-color: var(--igx-button-shadow-color, transparent);--border-color: var(--igx-button-border-color, transparent);--hover-border-color: var(--igx-button-hover-border-color, transparent);--focus-border-color: var(--igx-button-focus-border-color, transparent);--focus-visible-border-color: var(--igx-button-focus-visible-border-color, transparent);--active-border-color: var(--igx-button-active-border-color, transparent);--disabled-border-color: var(--igx-button-disabled-border-color, transparent);--disabled-background: var(--igx-button-disabled-background, hsla(var(--ig-gray-300), var(--ig-gray-a)));--disabled-foreground: var(--igx-button-disabled-foreground, hsla(var(--ig-gray-500), var(--ig-gray-a)));--resting-elevation: var(--igx-button-resting-elevation, var(--ig-elevation-6));--hover-elevation: var(--igx-button-hover-elevation, var(--ig-elevation-12));--focus-elevation: var(--igx-button-focus-elevation, var(--ig-elevation-12));--active-elevation: var(--igx-button-active-elevation, var(--ig-elevation-12));--background: var(--igx-button-background, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--foreground: var(--igx-button-foreground, var(--ig-secondary-500-contrast));--hover-background: var(--igx-button-hover-background, hsla(var(--ig-secondary-300), var(--ig-secondary-a)));--hover-foreground: var(--igx-button-hover-foreground, var(--ig-secondary-300-contrast));--focus-background: var(--igx-button-focus-background, hsla(var(--ig-secondary-300), var(--ig-secondary-a)));--focus-foreground: var(--igx-button-focus-foreground, var(--ig-secondary-300-contrast));--focus-visible-background: var(--igx-button-focus-visible-background, hsla(var(--ig-secondary-300), var(--ig-secondary-a)));--focus-visible-foreground: var(--igx-button-focus-visible-foreground, var(--ig-secondary-300-contrast));--active-background: var(--igx-button-active-background, hsla(var(--ig-secondary-300), var(--ig-secondary-a)));--active-foreground: var(--igx-button-active-foreground, var(--ig-secondary-300-contrast));--border-radius: var(--igx-button-border-radius, clamp(0.75rem, calc(var(--ig-radius-factor, 1) * 1.75rem), 1.75rem));--resting-shadow: var(--igx-button-resting-shadow, var(--ig-elevation-6));--hover-shadow: var(--igx-button-hover-shadow, var(--ig-elevation-12));--focus-shadow: var(--igx-button-focus-shadow, var(--ig-elevation-12));--active-shadow: var(--igx-button-active-shadow, var(--ig-elevation-12))}[igxButton=icon],.igx-button--icon{--shadow-color: var(--igx-button-shadow-color, transparent);--border-color: var(--igx-button-border-color, transparent);--hover-border-color: var(--igx-button-hover-border-color, transparent);--focus-border-color: var(--igx-button-focus-border-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--focus-visible-border-color: var(--igx-button-focus-visible-border-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--active-border-color: var(--igx-button-active-border-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--disabled-border-color: var(--igx-button-disabled-border-color, transparent);--disabled-background: var(--igx-button-disabled-background, transparent);--disabled-foreground: var(--igx-button-disabled-foreground, hsla(var(--ig-gray-500), var(--ig-gray-a)));--resting-elevation: var(--igx-button-resting-elevation, var(--ig-elevation-0));--hover-elevation: var(--igx-button-hover-elevation, var(--ig-elevation-0));--focus-elevation: var(--igx-button-focus-elevation, var(--ig-elevation-0));--active-elevation: var(--igx-button-active-elevation, var(--ig-elevation-0));--background: var(--igx-button-background, transparent);--foreground: var(--igx-button-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--hover-background: var(--igx-button-hover-background, transparent);--hover-foreground: var(--igx-button-hover-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--focus-background: var(--igx-button-focus-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--focus-foreground: var(--igx-button-focus-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--focus-visible-background: var(--igx-button-focus-visible-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--focus-visible-foreground: var(--igx-button-focus-visible-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--active-background: var(--igx-button-active-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--active-foreground: var(--igx-button-active-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--border-radius: var(--igx-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.25rem), 1.25rem));--resting-shadow: var(--igx-button-resting-shadow, var(--ig-elevation-0));--hover-shadow: var(--igx-button-hover-shadow, var(--ig-elevation-0));--focus-shadow: var(--igx-button-focus-shadow, var(--ig-elevation-0));--active-shadow: var(--igx-button-active-shadow, var(--ig-elevation-0))}.igx-button{position:relative;display:inline-flex;align-items:center;justify-content:center;min-width:5.5rem;padding:.4375rem 1rem;min-height:2.25rem;border:.0625rem solid var(--border-color);cursor:pointer;-webkit-user-select:none;user-select:none;outline-style:none;-webkit-tap-highlight-color:rgba(0,0,0,0);overflow:hidden;white-space:nowrap;transition:color .1s ease-in-out,background-color .1s ease-in-out,border-color .1s ease-in-out,box-shadow .1s ease-in-out}.igx-button igx-icon{display:flex;justify-content:center;width:var(--igx-icon-size, 1.125rem);height:var(--igx-icon-size, 1.125rem);font-size:var(--igx-icon-size, 1.125rem)}.igx-button *+*{margin-inline-start:.75rem}.igx-button--cosy{padding:.25rem 1rem;min-height:1.875rem}.igx-button--cosy *+*{margin-inline-start:.5rem}.igx-button--compact{padding:.0625rem 1rem;min-height:1.5rem}.igx-button--compact *+*{margin-inline-start:.25rem}.igx-button--flat{background:var(--background);color:var(--foreground);border-radius:var(--border-radius)}.igx-button--flat:hover{background:var(--hover-background);color:var(--hover-foreground);border-color:var(--hover-border-color)}.igx-button--flat:focus{background:var(--focus-background);color:var(--focus-foreground);box-shadow:0 0 0 .1875rem var(--shadow-color);border-color:var(--focus-border-color)}.igx-button--flat:active{background:var(--active-background);color:var(--active-foreground);box-shadow:0 0 0 .1875rem var(--shadow-color);border-color:var(--active-border-color)}.igx-button--flat:focus-visible{background:var(--focus-visible-background);color:var(--focus-visible-foreground);border-color:var(--focus-visible-border-color)}.igx-button--outlined{background:var(--background);color:var(--foreground);border-color:var(--border-color);border-radius:var(--border-radius);padding:.4375rem .875rem}.igx-button--outlined:hover{background:var(--hover-background);color:var(--hover-foreground);border-color:var(--hover-border-color)}.igx-button--outlined:focus{background:var(--focus-background);color:var(--focus-foreground);border-color:var(--focus-border-color)}.igx-button--outlined:active{background:var(--active-background);color:var(--active-foreground);border-color:var(--active-border-color);box-shadow:0 0 0 .1875rem var(--shadow-color)}.igx-button--outlined:focus-visible{background:var(--focus-visible-background);color:var(--focus-visible-foreground);border-color:var(--focus-visible-border-color)}.igx-button--outlined:focus-visible:hover{background:var(--hover-background);color:var(--hover-foreground);border-color:var(--hover-border-color)}.igx-button--outlined:focus-visible:active{background:var(--active-background);color:var(--active-foreground);border-color:var(--active-border-color)}.igx-button--cosy.igx-button--outlined{padding:.25rem .875rem;min-height:1.875rem}.igx-button--cosy.igx-button--outlined *+*{margin-inline-start:.5rem}.igx-button--compact.igx-button--outlined{padding:.0625rem .875rem;min-height:1.5rem}.igx-button--compact.igx-button--outlined *+*{margin-inline-start:.25rem}.igx-button--raised{color:var(--foreground);background:var(--background);box-shadow:var(--resting-shadow);border-radius:var(--border-radius)}.igx-button--raised:hover{color:var(--hover-foreground);background:var(--hover-background);border-color:var(--hover-border-color);box-shadow:var(--hover-shadow)}.igx-button--raised:focus{color:var(--focus-foreground);background:var(--focus-background);border-color:var(--focus-border-color);box-shadow:0 0 0 .1875rem var(--shadow-color),var(--focus-shadow)}.igx-button--raised:active{color:var(--active-foreground);background:var(--active-background);border-color:var(--active-border-color);box-shadow:0 0 0 .1875rem var(--shadow-color),var(--active-shadow)}.igx-button--raised:focus-visible{background:var(--focus-visible-background);color:var(--focus-visible-foreground);border-color:var(--focus-visible-border-color)}.igx-button--raised:focus-visible:hover{color:var(--hover-foreground);background:var(--hover-background);border-color:var(--hover-border-color)}.igx-button--raised:focus-visible:active{color:var(--active-foreground);background:var(--active-background);border-color:var(--active-border-color)}.igx-button--fab,.igx-button--icon{display:inline-flex;position:relative;flex-direction:row;justify-content:center;align-items:center;outline:none;cursor:pointer;transition:color .1s ease-in-out,background-color .1s ease-in-out,border-color .1s ease-in-out,box-shadow .1s ease-in-out;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);overflow:hidden;filter:blur(0)}.igx-button--fab{padding:.5rem .875rem;min-width:3rem;min-height:3rem;line-height:unset;white-space:nowrap;color:var(--foreground);background:var(--background);border-color:var(--border-color);box-shadow:var(--resting-shadow);border-radius:var(--border-radius)}.igx-button--fab:hover{color:var(--hover-foreground);background:var(--hover-background);border-color:var(--hover-border-color);box-shadow:var(--resting-shadow)}.igx-button--fab:focus{color:var(--focus-foreground);background:var(--focus-background);border-color:var(--focus-border-color);box-shadow:0 0 0 .1875rem var(--shadow-color),var(--focus-shadow)}.igx-button--fab:active{color:var(--active-foreground);background:var(--active-background);border-color:var(--active-border-color);box-shadow:0 0 0 .1875rem var(--shadow-color),var(--active-shadow)}.igx-button--fab:focus-visible{background:var(--focus-visible-background);color:var(--focus-visible-foreground);border-color:var(--focus-visible-border-color)}.igx-button--fab:focus-visible:hover{color:var(--hover-foreground);background:var(--hover-background);border-color:var(--hover-border-color)}.igx-button--fab:focus-visible:active{color:var(--active-foreground);background:var(--active-background);border-color:var(--active-border-color)}.igx-button--fab *+*{margin-inline-start:.75rem}.igx-button--cosy.igx-button--fab{padding:.25rem .625rem;min-width:2.5rem;min-height:2.5rem}.igx-button--cosy.igx-button--fab *+*{margin-inline-start:.5rem}.igx-button--compact.igx-button--fab{padding:0 .375rem;min-width:2rem;min-height:2rem}.igx-button--compact.igx-button--fab *+*{margin-inline-start:.25rem}.igx-button--icon{width:2.25rem;height:2.25rem;min-width:unset;min-height:unset;font-size:1rem;padding:0;color:var(--foreground);background:var(--background);border-radius:var(--border-radius);border-color:var(--border-color)}.igx-button--icon:hover{transition:color .1s ease-in-out,background-color .1s ease-in-out,border-color .1s ease-in-out,box-shadow .1s ease-in-out;color:var(--hover-foreground);background:var(--hover-background);border-color:var(--hover-border-color)}.igx-button--icon:focus{color:var(--focus-foreground);background:var(--focus-background);border-color:var(--focus-border-color)}.igx-button--icon:active{color:var(--active-foreground);background:var(--active-background);border-color:var(--active-border-color)}.igx-button--icon:focus-visible{color:var(--focus-visible-foreground);background:var(--focus-visible-background);border-color:var(--focus-visible-border-color)}.igx-button--icon:focus-visible:hover{color:var(--hover-foreground);background:var(--hover-background);border-color:var(--focus-visible-border-color)}.igx-button--icon:focus-visible:active{color:var(--active-foreground);background:var(--active-background);border-color:var(--focus-visible-border-color)}.igx-button--icon:focus,.igx-button--icon:active{box-shadow:0 0 0 .1875rem var(--shadow-color),var(--focus-shadow)}.igx-button--cosy.igx-button--icon{width:1.875rem;height:1.875rem}.igx-button--compact.igx-button--icon{width:1.5rem;height:1.5rem}.igx-button--disabled{background:var(--disabled-background);color:var(--disabled-foreground);border-color:var(--disabled-border-color);pointer-events:none;box-shadow:none}.igx-button--disabled:focus{box-shadow:none}igx-buttongroup{--elevation: var(--igx-button-group-elevation, var(--ig-elevation-2));--idle-shadow-color: var(--igx-button-group-idle-shadow-color, transparent);--item-background: var(--igx-button-group-item-background, hsla(var(--ig-gray-50), var(--ig-gray-a)));--item-border-color: var(--igx-button-group-item-border-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--item-text-color: var(--igx-button-group-item-text-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--item-hover-text-color: var(--igx-button-group-item-hover-text-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--item-hover-background: var(--igx-button-group-item-hover-background, hsla(var(--ig-gray-300), var(--ig-gray-a)));--item-selected-text-color: var(--igx-button-group-item-selected-text-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--item-selected-background: var(--igx-button-group-item-selected-background, hsla(var(--ig-gray-400), var(--ig-gray-a)));--item-selected-hover-background: var(--igx-button-group-item-selected-hover-background, hsla(var(--ig-gray-500), 0.8));--item-selected-border-color: var(--igx-button-group-item-selected-border-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--disabled-text-color: var(--igx-button-group-disabled-text-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--disabled-background-color: var(--igx-button-group-disabled-background-color, hsla(var(--ig-gray-50), var(--ig-gray-a)));--item-disabled-border: var(--igx-button-group-item-disabled-border, hsla(var(--ig-gray-400), var(--ig-gray-a)));--border-radius: var(--igx-button-group-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--border: var(--igx-button-group-border, none);--shadow: var(--igx-button-group-shadow, var(--ig-elevation-2))}.igx-button-group{display:flex;box-shadow:var(--shadow);transition:all 140ms cubic-bezier(0.455, 0.03, 0.515, 0.955);border-radius:var(--border-radius)}.igx-button-group button{margin-top:0;margin-inline-end:0;margin-bottom:0}.igx-button-group__item{border:.0625rem solid var(--item-border-color);color:var(--item-text-color);background:var(--item-background);min-width:1.5rem;display:flex;flex:1 0 0%;justify-content:center;align-items:center;text-decoration:none;cursor:pointer;-webkit-user-select:none;user-select:none;position:relative;z-index:0;transition:all 140ms cubic-bezier(0.455, 0.03, 0.515, 0.955)}[igxButton].igx-button-group__item{border-radius:0;border-color:var(--item-border-color)}.igx-button-group__item:not(:nth-child(1)){margin-inline-start:-0.0625rem}.igx-button-group__item:first-of-type{border-start-start-radius:inherit;border-end-start-radius:inherit}.igx-button-group__item:last-of-type{border-start-end-radius:inherit;border-end-end-radius:inherit}[igxButton][disabled=true].igx-button-group__item{color:var(--disabled-text-color);background:var(--disabled-background-color);border-color:var(--item-disabled-border)}.igx-button-group__item:hover,.igx-button-group__item:focus{color:var(--item-hover-text-color);background:var(--item-hover-background)}.igx-button-group--vertical .igx-button-group__item:not(:nth-child(1)){margin-top:-0.0625rem;margin-inline-start:0}.igx-button-group--vertical .igx-button-group__item:first-of-type{border-start-start-radius:inherit;border-start-end-radius:inherit;border-end-start-radius:0;border-end-end-radius:0}.igx-button-group--vertical .igx-button-group__item:last-of-type{border-start-start-radius:0;border-start-end-radius:0;border-end-start-radius:inherit;border-end-end-radius:inherit}.igx-button-group__item--selected{color:var(--item-selected-text-color);background:var(--item-selected-background);border-color:var(--item-selected-border-color);position:relative;z-index:1}[igxButton].igx-button-group__item--selected{border-color:var(--item-selected-border-color)}.igx-button-group__item--selected:hover,.igx-button-group__item--selected:focus{color:var(--item-selected-text-color);background:var(--item-selected-hover-background)}.igx-button-group__item--selected:focus{z-index:3}[igxButton][disabled=true].igx-button-group__item--selected{position:relative}[igxButton][disabled=true].igx-button-group__item--selected::before{position:absolute;content:"";top:0;bottom:0;inset-inline-end:0;inset-inline-start:0;background:hsla(var(--ig-gray-500), 0.12)}.igx-button-group--vertical{flex-flow:column}.igx-button-group__item-content{display:flex;align-items:center;flex-flow:row nowrap;min-width:0}.igx-button-group__item-content *~*{margin-inline-start:.625rem}.igx-button-group__button-text{width:100%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}igx-banner,.igx-banner,.igx-banner--cosy,.igx-banner--compact{--banner-background: var(--igx-banner-banner-background, hsla(var(--ig-surface-500), var(--ig-surface-a)));--banner-message-color: var(--igx-banner-banner-message-color, var(--ig-surface-500-contrast));--banner-border-color: var(--igx-banner-banner-border-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--banner-illustration-color: var(--igx-banner-banner-illustration-color, var(--ig-surface-500-contrast))}.igx-banner-host igx-expansion-panel-body{padding:0}.igx-banner__actions,.igx-banner__actions>igx-banner-actions,.igx-banner__illustration,.igx-banner__message{display:flex}.igx-banner__illustration,.igx-banner__message{align-items:center}.igx-banner,.igx-banner--cosy,.igx-banner--compact{display:flex;justify-content:flex-end;flex-wrap:wrap;grid-gap:.5rem;padding-inline-start:calc(1rem);padding-inline-end:.5rem;padding-block-start:.5rem;padding-block-end:.5rem;background:var(--banner-background)}.igx-banner__illustration{justify-content:center;width:2.5rem;min-width:2.5rem;height:2.5rem;color:var(--banner-illustration-color)}.igx-banner__border-top{border-block-start:.0625rem solid var(--banner-border-color);inset-block-start:-0.0625rem}.igx-banner__border-bottom{border-block-end:.0625rem solid var(--banner-border-color);inset-block-start:0}.igx-banner__text{color:var(--banner-message-color);flex:1 0 0%}.igx-banner__text>*{margin-block-start:0 !important}.igx-banner--cosy{padding-inline-start:calc(1rem);padding-inline-end:.5rem;padding-block-start:.5rem;padding-block-end:.5rem}.igx-banner--compact{padding-inline-start:calc(1rem);padding-inline-end:.5rem;padding-block-start:.5rem;padding-block-end:.5rem}.igx-banner__message{min-width:9.375rem;flex:1 0 0%;gap:1rem}.igx-banner__actions>igx-banner-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;align-self:flex-end;gap:.5rem;min-height:2.5rem}igx-calendar,igx-days-view,igx-months-view,igx-years-view,.igx-date-picker{--content-background: var(--igx-calendar-content-background, hsla(var(--ig-surface-500), var(--ig-surface-a)));--content-text-color: var(--igx-calendar-content-text-color, var(--ig-surface-500-contrast));--border-color: var(--igx-calendar-border-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));--header-background: var(--igx-calendar-header-background, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--header-text-color: var(--igx-calendar-header-text-color, var(--ig-secondary-500-contrast));--picker-background-color: var(--igx-calendar-picker-background-color, hsla(var(--ig-surface-500), var(--ig-surface-a)));--picker-arrow-color: var(--igx-calendar-picker-arrow-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--picker-arrow-hover-color: var(--igx-calendar-picker-arrow-hover-color, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--picker-text-color: var(--igx-calendar-picker-text-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--picker-text-hover-color: var(--igx-calendar-picker-text-hover-color, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--inactive-text-color: var(--igx-calendar-inactive-text-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--label-color: var(--igx-calendar-label-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--weekend-text-color: var(--igx-calendar-weekend-text-color, var(--ig-surface-500-contrast));--year-current-text-color: var(--igx-calendar-year-current-text-color, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--month-current-text-color: var(--igx-calendar-month-current-text-color, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--month-hover-current-text-color: var(--igx-calendar-month-hover-current-text-color, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--year-hover-text-color: var(--igx-calendar-year-hover-text-color, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--month-hover-background: var(--igx-calendar-month-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--month-hover-text-color: var(--igx-calendar-month-hover-text-color, var(--ig-gray-200-contrast));--date-selected-background: var(--igx-calendar-date-selected-background, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--date-selected-hover-background: var(--igx-calendar-date-selected-hover-background, hsla(var(--ig-gray-100), 0.18));--date-selected-focus-background: var(--igx-calendar-date-selected-focus-background, hsla(var(--ig-gray-100), 0.18));--date-selected-current-background: var(--igx-calendar-date-selected-current-background, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--date-selected-current-hover-background: var(--igx-calendar-date-selected-current-hover-background, hsla(var(--ig-gray-100), 0.18));--date-selected-current-focus-background: var(--igx-calendar-date-selected-current-focus-background, hsla(var(--ig-gray-100), 0.18));--date-selected-text-color: var(--igx-calendar-date-selected-text-color, var(--ig-secondary-500-contrast));--date-selected-hover-foreground: var(--igx-calendar-date-selected-hover-foreground, var(--ig-gray-100-contrast));--date-selected-focus-foreground: var(--igx-calendar-date-selected-focus-foreground, var(--ig-gray-100-contrast));--date-current-text-color: var(--igx-calendar-date-current-text-color, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--date-current-hover-foreground: var(--igx-calendar-date-current-hover-foreground, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--date-current-focus-foreground: var(--igx-calendar-date-current-focus-foreground, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--date-selected-current-foreground: var(--igx-calendar-date-selected-current-foreground, var(--ig-secondary-500-contrast));--date-selected-current-hover-foreground: var(--igx-calendar-date-selected-current-hover-foreground, var(--ig-secondary-500-contrast));--date-selected-current-focus-foreground: var(--igx-calendar-date-selected-current-focus-foreground, var(--ig-gray-100-contrast));--date-current-bg-color: var(--igx-calendar-date-current-bg-color, transparent);--date-current-hover-background: var(--igx-calendar-date-current-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--date-current-focus-background: var(--igx-calendar-date-current-focus-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--date-hover-background: var(--igx-calendar-date-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--date-focus-background: var(--igx-calendar-date-focus-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--date-special-background: var(--igx-calendar-date-special-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--date-special-text-color: var(--igx-calendar-date-special-text-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-disabled-text-color: var(--igx-calendar-date-disabled-text-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--date-disabled-background: var(--igx-calendar-date-disabled-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--week-number-color: var(--igx-calendar-week-number-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--week-number-background: var(--igx-calendar-week-number-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--border-radius: var(--igx-calendar-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--date-border-radius: var(--igx-calendar-date-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.25rem), 1.25rem));--month-border-radius: var(--igx-calendar-month-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.25rem), 1.25rem))}.igx-calendar,.igx-calendar--vertical{display:flex;flex-flow:column nowrap;width:100%;min-width:18.125rem;background:var(--content-background);outline:none;border-radius:var(--border-radius);overflow:hidden;border:0 solid var(--border-color)}.igx-calendar+.igx-calendar,.igx-calendar--vertical+.igx-calendar,.igx-calendar+.igx-calendar--vertical,.igx-calendar--vertical+.igx-calendar--vertical{margin-inline-start:1rem}.igx-calendar--vertical{flex-flow:row nowrap}.igx-calendar--vertical .igx-calendar__header{min-width:10.5rem}.igx-calendar__header{background:var(--header-background);color:var(--header-text-color);padding:1rem}.igx-calendar__header-year{margin:0;color:currentColor;opacity:.8}.igx-calendar__header-date,.igx-calendar--vertical .igx-calendar__header-date{display:flex;margin:0}.igx-calendar__header-date>span,.igx-calendar--vertical .igx-calendar__header-date>span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.igx-calendar--vertical .igx-calendar__header-date{flex-flow:column nowrap}.igx-calendar-picker{display:flex;height:3.5rem;align-items:center;padding-bottom:1rem;background:var(--picker-background-color);position:relative}.igx-calendar-picker div{text-align:center}.igx-calendar-picker:focus{outline:none}.igx-calendar-picker__dates{display:flex;justify-content:center}.igx-calendar-picker__prev,.igx-calendar-picker__next{position:absolute;display:inline-flex;justify-content:center;color:var(--picker-arrow-color);-webkit-user-select:none;user-select:none;outline:none;cursor:pointer;height:calc(100% - 1rem);align-items:center;top:0}.igx-calendar-picker__prev:focus,.igx-calendar-picker__next:focus,.igx-calendar-picker__prev:hover,.igx-calendar-picker__next:hover{color:var(--picker-arrow-hover-color)}[dir=rtl] .igx-calendar-picker__prev,[dir=rtl] .igx-calendar-picker__next{transform:scaleX(-1)}.igx-calendar-picker__prev{inset-inline-start:0}.igx-calendar-picker__next{inset-inline-end:0}.igx-calendar-picker__date{color:var(--picker-text-color);text-align:center;outline:none;padding:0 .125rem}.igx-calendar-picker__date:hover,.igx-calendar-picker__date:focus{color:var(--picker-text-hover-color);cursor:pointer}.igx-calendar__body{flex:1 1 auto;padding-top:1rem;padding-bottom:1rem;overflow:hidden}igx-years-view,igx-month-picker,igx-months-view{color:var(--content-text-color)}.igx-calendar__label,.igx-calendar__date,.igx-calendar__year{position:relative;display:flex;justify-content:center;align-items:center;color:var(--content-text-color);outline:none;min-width:14.28%}.igx-calendar__label:first-of-type,.igx-calendar__date:first-of-type,.igx-calendar__year:first-of-type{padding-inline-start:.5rem}.igx-calendar__label:last-of-type,.igx-calendar__date:last-of-type,.igx-calendar__year:last-of-type{padding-inline-end:.5rem}.igx-calendar__label:nth-last-child(8):first-child,.igx-calendar__date:nth-last-child(8):first-child,.igx-calendar__year:nth-last-child(8):first-child,.igx-calendar__label:nth-last-child(8):first-child~*,.igx-calendar__date:nth-last-child(8):first-child~*,.igx-calendar__year:nth-last-child(8):first-child~*{min-width:12.5% !important}.igx-calendar__body-row{display:flex;justify-content:space-between;margin:.125rem 0;padding:0}.igx-calendar__body-row:first-of-type{margin-bottom:0}.igx-calendar__body-row:nth-child(2){margin-top:0}.igx-calendar__body-row:last-of-type .igx-calendar__date-content--week-number{border-bottom-left-radius:4px;border-bottom-right-radius:4px}.igx-calendar__body-row:last-of-type .igx-calendar__date-content--week-number::before{display:none}.igx-calendar__body-row--wrap{flex-wrap:wrap}.igx-calendar__body-column{padding:0;margin:0}.igx-calendar__body-column .igx-calendar__year,.igx-calendar__body-column .igx-calendar__year--current{flex:1 0 0}.igx-calendar__date:hover .igx-calendar__date-content::after,.igx-calendar__date--weekend:hover .igx-calendar__date-content::after{background:var(--date-hover-background)}.igx-calendar__date:focus .igx-calendar__date-content::after,.igx-calendar__date--weekend:focus .igx-calendar__date-content::after{background:var(--date-focus-background)}.igx-calendar__date--selected:hover .igx-calendar__date-content{color:var(--date-selected-hover-foreground)}.igx-calendar__date--selected:hover .igx-calendar__date-content::after{background:var(--date-selected-hover-background)}.igx-calendar__date--current .igx-calendar__date-content{color:var(--date-current-text-color);font-weight:600;background:var(--date-current-bg-color)}.igx-calendar__date--current:hover .igx-calendar__date-content{color:var(--date-current-hover-foreground);background:var(--date-current-hover-background)}.igx-calendar__date--current:hover .igx-calendar__date-content::after{background:var(--date-current-hover-background)}.igx-calendar__date--current:focus .igx-calendar__date-content{color:var(--date-current-focus-foreground);background:var(--date-current-focus-background)}.igx-calendar__date--current:focus .igx-calendar__date-content::after{background:var(--date-current-focus-background)}.igx-calendar__date--selected.igx-calendar__date--current .igx-calendar__date-content{color:var(--date-selected-current-foreground);background:var(--date-selected-current-background)}.igx-calendar__date--selected.igx-calendar__date--current:hover .igx-calendar__date-content{color:var(--date-selected-current-hover-foreground)}.igx-calendar__date--selected.igx-calendar__date--current:hover .igx-calendar__date-content::after{background:var(--date-selected-current-hover-background)}.igx-calendar__date--selected.igx-calendar__date--current:focus .igx-calendar__date-content{color:var(--date-selected-current-focus-foreground)}.igx-calendar__date--selected.igx-calendar__date--current:focus .igx-calendar__date-content::after{background:var(--date-selected-current-focus-background)}.igx-calendar__date--selected:focus .igx-calendar__date-content{color:var(--date-selected-focus-foreground)}.igx-calendar__date--selected:focus .igx-calendar__date-content::after{background:var(--date-selected-focus-background)}.igx-calendar__date-content{position:relative;display:inline-flex;justify-content:center;align-items:center;width:2.5rem;min-width:2.5rem;height:2.5rem;border-radius:var(--date-border-radius);z-index:0}.igx-calendar__date-content::after{position:absolute;content:"";width:calc(100% - 4px);height:calc(100% - 4px);top:.125rem;inset-inline-start:.125rem;border-radius:inherit;z-index:-1}.igx-calendar__label{height:2.5rem;color:var(--label-color);border-radius:0}.igx-calendar__label:hover,.igx-calendar__label:focus{color:var(--label-color)}.igx-calendar__date--weekend{color:var(--weekend-text-color)}.igx-calendar__date--week-number+.igx-calendar__label,.igx-calendar__date--week-number+.igx-calendar__date,.igx-calendar__date--week-number+.igx-calendar__year{padding-inline-start:0 !important}.igx-calendar__label--week-number,.igx-calendar__date-content--week-number{position:relative;color:var(--week-number-color) !important;border-radius:0;pointer-events:none}.igx-calendar__date--week-number{padding-inline-end:0 !important;cursor:default}.igx-calendar__date--week-number:hover .igx-calendar__date-content--week-number,.igx-calendar__date--week-number:focus .igx-calendar__date-content--week-number{color:var(--week-number-color) !important}.igx-calendar__date-content--week-number{position:relative;background:var(--week-number-background) !important;min-width:auto}.igx-calendar__date-content--week-number::after{display:none}.igx-calendar__date-content--week-number::before{content:"";position:absolute;width:100%;height:.25rem;inset-inline-start:0;top:100%;background:var(--week-number-background) !important}.igx-calendar__label--week-number{padding-inline-end:0 !important;text-align:center}.igx-calendar__label--week-number span{width:2.5rem;position:relative;background:var(--week-number-background)}.igx-calendar__label--week-number span::before,.igx-calendar__label--week-number span::after{content:"";position:absolute;width:100%;background:var(--week-number-background);inset-inline-start:0}.igx-calendar__label--week-number span::after{top:100%;height:.375rem}.igx-calendar__label--week-number span::before{bottom:100%;height:.5rem;border-top-left-radius:4px;border-top-right-radius:4px}.igx-calendar__label--week-number+.igx-calendar__label{padding-inline-start:0 !important}.igx-calendar__year,.igx-calendar__year--current{margin:0;min-width:8ch;line-height:3.25rem}.igx-calendar__year:first-of-type,.igx-calendar__year--current:first-of-type{padding-inline-start:0}.igx-calendar__year:last-of-type,.igx-calendar__year--current:last-of-type{padding-inline-end:0}.igx-calendar__year--current{color:var(--year-current-text-color)}.igx-calendar__year:hover,.igx-calendar__year:focus{color:var(--year-hover-text-color)}.igx-calendar__month:hover,.igx-calendar__month:focus,.igx-calendar__month--current:hover,.igx-calendar__month--current:focus{color:var(--month-hover-text-color);outline-width:0}.igx-calendar__month:hover::after,.igx-calendar__month:focus::after,.igx-calendar__month--current:hover::after,.igx-calendar__month--current:focus::after{background:var(--month-hover-background)}.igx-calendar__month{position:relative;display:flex;margin:0 .75rem;flex:1 0 25%;justify-content:center;align-items:center;height:5.6875rem;z-index:1}.igx-calendar__month::after{position:absolute;content:"";top:50%;inset-inline-start:0;inset-inline-end:0;transform:translateY(-50%);height:3rem;background:rgba(0,0,0,0);border-radius:var(--month-border-radius);transition:background-color .15s ease-out;z-index:-1}.igx-calendar__month--current{color:var(--month-current-text-color)}.igx-calendar__month--current:hover,.igx-calendar__month--current:focus{color:var(--month-hover-current-text-color)}.igx-calendar__date--inactive{cursor:pointer;color:var(--inactive-text-color)}.igx-calendar__date--inactive.igx-calendar__date--single:hover{color:var(--inactive-text-color)}.igx-calendar__date--special .igx-calendar__date-content{background:var(--date-special-background);color:var(--date-special-text-color);font-weight:900}.igx-calendar__date--selected{position:relative;background:var(--date-selected-background)}.igx-calendar__date--selected .igx-calendar__date-content{color:var(--date-selected-text-color);background:var(--date-selected-background)}.igx-calendar__date--disabled,.igx-calendar__date--disabled.igx-calendar__date--inactive{pointer-events:none;cursor:not-allowed;color:var(--date-disabled-text-color)}.igx-calendar__date--single,.igx-calendar__date--selected.igx-calendar__date--first.igx-calendar__date--last{background:rgba(0,0,0,0)}.igx-calendar__date--single::before,.igx-calendar__date--selected.igx-calendar__date--first.igx-calendar__date--last::before,.igx-calendar__date--single::after,.igx-calendar__date--selected.igx-calendar__date--first.igx-calendar__date--last::after{background:rgba(0,0,0,0)}.igx-calendar__date--disabled.igx-calendar__date--range,.igx-calendar__date--selected.igx-calendar__date--disabled.igx-calendar__date--range{background:var(--date-disabled-background) !important}.igx-calendar__date--disabled.igx-calendar__date--range .igx-calendar__date-content{color:var(--date-disabled-text-color);background:rgba(0,0,0,0) !important}.igx-calendar__date--hidden.igx-calendar__date--disabled.igx-calendar__date--range{background:rgba(0,0,0,0) !important}.igx-calendar__date--hidden.igx-calendar__date--disabled.igx-calendar__date--range::after,.igx-calendar__date--hidden.igx-calendar__date--disabled.igx-calendar__date--range::before{background:rgba(0,0,0,0) !important}.igx-calendar__date--range.igx-calendar__date--inactive.igx-calendar__date--selected .igx-calendar__date-content{color:var(--date-selected-text-color)}.igx-calendar__date--range.igx-calendar__date--inactive.igx-calendar__date--selected:focus .igx-calendar__date-content,.igx-calendar__date--range.igx-calendar__date--inactive.igx-calendar__date--selected:hover .igx-calendar__date-content{color:var(--date-selected-text-color)}.igx-calendar__date--range.igx-calendar__date--inactive.igx-calendar__date--selected.igx-calendar__date--single .igx-calendar__date-content,.igx-calendar__date--range.igx-calendar__date--inactive.igx-calendar__date--selected.igx-calendar__date--first.igx-calendar__date--last .igx-calendar__date-content{color:var(--date-selected-text-color);background:var(--date-selected-background) !important}.igx-calendar__date--selected.igx-calendar__date--first{position:relative;background:rgba(0,0,0,0);z-index:0}.igx-calendar__date--selected.igx-calendar__date--first::after{position:absolute;content:"";width:50%;top:0;inset-inline-start:50%;bottom:0;background:var(--date-selected-background);z-index:-1}.igx-calendar__date--selected.igx-calendar__date--last{position:relative;background:rgba(0,0,0,0);z-index:0}.igx-calendar__date--selected.igx-calendar__date--last::before{position:absolute;content:"";width:50%;top:0;inset-inline-end:50%;bottom:0;background:var(--date-selected-background);z-index:-1}.igx-calendar__date--hidden .igx-calendar__date-content{visibility:hidden}.igx-calendar__aria-off-screen{position:absolute !important;border:none !important;height:1px !important;width:1px !important;inset-inline-start:0 !important;top:0 !important;overflow:hidden !important;padding:0 !important;margin:0 !important;-webkit-user-select:none;user-select:none;pointer-events:none}.igx-calendar__aria-off-screen:focus{outline:none}igx-card{--resting-elevation: var(--igx-card-resting-elevation, var(--ig-elevation-2));--hover-elevation: var(--igx-card-hover-elevation, var(--ig-elevation-8));--background: var(--igx-card-background, hsla(var(--ig-surface-500), var(--ig-surface-a)));--header-text-color: var(--igx-card-header-text-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--subtitle-text-color: var(--igx-card-subtitle-text-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--content-text-color: var(--igx-card-content-text-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--actions-text-color: var(--igx-card-actions-text-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--outline-color: var(--igx-card-outline-color, hsla(var(--ig-gray-400), 0.54));--border-radius: var(--igx-card-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1666666667) * 1.5rem), 1.5rem));--resting-shadow: var(--igx-card-resting-shadow, var(--ig-elevation-2));--hover-shadow: var(--igx-card-hover-shadow, var(--ig-elevation-8))}.igx-card{display:flex;flex-direction:column;box-shadow:var(--resting-shadow);overflow:hidden;border-radius:var(--border-radius);background:var(--background);transition:box-shadow .3s cubic-bezier(0.25, 0.8, 0.25, 1);backface-visibility:hidden}.igx-card:hover{box-shadow:var(--hover-shadow)}.igx-card--outlined{box-shadow:none;border:.0625rem solid var(--outline-color)}.igx-card--outlined:hover{box-shadow:none}.igx-card--horizontal{flex-direction:row}.igx-card-header{display:flex;flex-flow:row wrap;align-content:flex-start;width:100%;padding:1rem;color:var(--header-text-color)}.igx-card-header:empty{display:block;padding:0}.igx-card-header--vertical{flex-flow:column nowrap}.igx-card-header--vertical .igx-card-header__titles{text-align:center}.igx-card-header--vertical .igx-card-header__thumbnail{display:flex;justify-content:center;align-self:unset;margin-inline-end:0;margin-bottom:1rem}.igx-card-header--compact{padding:1rem}.igx-card-header__thumbnail{align-self:flex-start;margin-inline-end:1rem}.igx-card-header__thumbnail:empty{display:none}.igx-card-header__titles{display:flex;flex-flow:column nowrap;overflow:hidden;flex:1 1 auto;justify-content:center}.igx-card-header__titles:empty{display:none}.igx-card-header__subtitle{color:var(--subtitle-text-color)}.igx-card__tgroup{margin:0 1em}.igx-card-content{display:block;width:100%;padding:.875rem;color:var(--content-text-color);overflow:auto}.igx-card__media{display:block;overflow:hidden;line-height:0}.igx-card__media>*{width:100%;height:100%;object-fit:cover}.igx-card__media--right{width:auto;margin-inline-start:auto;order:9999}.igx-card-actions{display:flex;flex-flow:row wrap;justify-content:space-between;align-items:center;padding:.5rem}.igx-card-actions:first-child{margin-block-end:auto}.igx-card-actions:last-child{margin-block-start:auto}.igx-card-actions [igxButton]~[igxButton]{margin-inline-start:.5rem}.igx-card-actions--vertical{flex-direction:column}.igx-card-actions--vertical:is(:first-child,:last-child){margin-block:initial}[dir=rtl] .igx-card-actions--vertical{order:-1}.igx-card-actions__end{display:flex;align-items:center;order:1;color:var(--actions-text-color);margin-inline-start:auto}.igx-card-actions__end:empty{display:none}.igx-card-actions__start{display:flex;align-items:center;order:0}.igx-card-actions__start:empty{display:none}.igx-card-actions--justify .igx-card-actions__start,.igx-card-actions--justify .igx-card-actions__end{justify-content:space-around;flex-grow:1}.igx-card-actions--justify .igx-card-actions__start:empty,.igx-card-actions--justify .igx-card-actions__end:empty{display:none}.igx-card-actions--vertical .igx-card-actions__end,.igx-card-actions--vertical .igx-card-actions__start{flex-direction:column}.igx-card-actions--vertical .igx-card-actions__end [igxButton]~[igxButton],.igx-card-actions--vertical .igx-card-actions__start [igxButton]~[igxButton]{margin-inline-start:0;margin-top:.5rem}.igx-card-actions--vertical .igx-card-actions__end{margin-top:auto;margin-inline-start:0}.igx-card-actions--reverse .igx-card-actions__end{order:0;margin-inline-start:0}.igx-card-actions--reverse .igx-card-actions__start{order:1;margin-inline-start:auto}.igx-card-actions--vertical.igx-card-actions--reverse .igx-card-actions__end{margin:0;margin-bottom:auto}.igx-card-actions--vertical.igx-card-actions--reverse .igx-card-actions__start{margin:0;margin-top:auto}.igx-card-actions__bgroup{display:flex;flex-flow:row nowrap}.igx-card-actions__bgroup [igxButton]~[igxButton]{margin-inline-start:.5rem}.igx-card-actions__igroup,.igx-card-actions__igroup--start,.igx-card-actions__igroup--end{display:flex;flex-flow:row nowrap}.igx-card-actions__igroup .igx-button--icon,.igx-card-actions__igroup--start .igx-button--icon,.igx-card-actions__igroup--end .igx-button--icon{color:var(--actions-text-color)}.igx-card-actions__igroup--start{margin-inline-end:auto}.igx-card-actions__igroup--end{margin-inline-start:auto}igx-carousel{--button-elevation: var(--igx-carousel-button-elevation, var(--ig-elevation-1));--slide-background: var(--igx-carousel-slide-background, hsla(var(--ig-gray-50), var(--ig-gray-a)));--button-background: var(--igx-carousel-button-background, hsla(var(--ig-gray-50), var(--ig-gray-a)));--button-hover-background: var(--igx-carousel-button-hover-background, hsla(var(--ig-gray-50), var(--ig-gray-a)));--button-arrow-color: var(--igx-carousel-button-arrow-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--button-hover-arrow-color: var(--igx-carousel-button-hover-arrow-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--button-disabled-background: var(--igx-carousel-button-disabled-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--button-disabled-arrow-color: var(--igx-carousel-button-disabled-arrow-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--indicator-dot-color: var(--igx-carousel-indicator-dot-color, transparent);--indicator-border-color: var(--igx-carousel-indicator-border-color, hsla(var(--ig-gray-50), var(--ig-gray-a)));--indicator-active-dot-color: var(--igx-carousel-indicator-active-dot-color, hsla(var(--ig-gray-50), var(--ig-gray-a)));--indicator-active-border-color: var(--igx-carousel-indicator-active-border-color, hsla(var(--ig-gray-50), var(--ig-gray-a)));--border-radius: var(--igx-carousel-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 2.25rem), 2.25rem));--button-shadow: var(--igx-carousel-button-shadow, var(--ig-elevation-1))}@keyframes scale-in-center{0%{transform:scale(0);opacity:1}100%{transform:scale(1);opacity:1}}@keyframes scale-out-center{0%{transform:scale(1);opacity:1}100%{transform:scale(0);opacity:1}}.igx-carousel{display:flex;position:relative;justify-content:center;width:100%;height:100%;align-items:center;flex-flow:column nowrap}.igx-nav-arrow{display:flex;justify-content:center;align-items:center;width:2.875rem;height:2.875rem;cursor:pointer;border-radius:clamp(0rem,calc(var(--ig-radius-factor, 1) * 50%),50%);outline-style:none;transition:all .15s ease-in-out;color:var(--button-arrow-color);background:var(--button-background);box-shadow:var(--button-shadow)}.igx-nav-arrow--disabled{background:var(--button-disabled-background);color:var(--button-disabled-arrow-color);pointer-events:none;box-shadow:none}.igx-nav-arrow--disabled igx-icon{color:currentColor}.igx-nav-arrow:hover{color:var(--button-hover-arrow-color);background:var(--button-hover-background)}.igx-carousel__arrow,.igx-carousel__arrow--prev,.igx-carousel__arrow--next{margin:0 1rem;position:absolute;top:50%;transform:translateY(-50%);z-index:3;outline:none;-webkit-user-select:none;user-select:none}.igx-carousel__arrow--next{inset-inline-end:0}.igx-carousel__arrow--prev{inset-inline-start:0}[dir=rtl] .igx-carousel__arrow--next,[dir=rtl] .igx-carousel__arrow--prev{transform:scaleX(-1)}.igx-carousel-indicators,.igx-carousel-indicators--top,.igx-carousel-indicators--bottom{position:absolute;display:flex;justify-content:center;align-items:center;margin:1rem 0;padding:0;list-style:none;z-index:10;inset-inline-start:50%;transform:translateX(-50%)}[dir=rtl] .igx-carousel-indicators,[dir=rtl] .igx-carousel-indicators--top,[dir=rtl] .igx-carousel-indicators--bottom{transform:translateX(50%)}.igx-carousel-indicators--bottom{bottom:0}.igx-carousel-indicators--top{top:0}.igx-carousel__label{align-items:center;font-size:1rem}.igx-carousel-indicators__indicator{display:flex;align-items:center;justify-content:center;margin:0 .3125rem;cursor:pointer}.igx-nav-dot{position:relative;width:.75rem;height:.75rem;text-indent:-624.9375rem;border:.125rem solid;border-color:var(--indicator-border-color);box-shadow:var(--ig-elevation-1);opacity:.7;border-radius:clamp(0rem,calc(var(--ig-radius-factor, 1) * 50%),50%);transition:all .15s cubic-bezier(0.25, 0.46, 0.45, 0.94)}.igx-nav-dot::after{animation:"scale-out-center" 0.15s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;content:"";position:absolute;inset:.0625rem;border-radius:inherit;background:var(--indicator-dot-color)}.igx-nav-dot:hover{opacity:1}.igx-nav-dot--active{border:.125rem solid;border-color:var(--indicator-active-border-color);opacity:1}.igx-nav-dot--active::after{background:var(--indicator-active-dot-color);animation:"scale-in-center" 0.15s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards}.igx-carousel__inner{position:relative;width:100%;height:inherit;overflow:hidden;outline-style:none;border-radius:var(--border-radius);min-height:18.75rem;min-width:18.75rem}.igx-slide{position:absolute;width:100%;height:100%;inset:0;z-index:-1;background:var(--slide-background);visibility:hidden}.igx-slide--previous{z-index:1;visibility:visible}.igx-slide--current{z-index:2;visibility:visible}.igx-slide img{width:inherit;height:inherit;object-fit:cover;touch-action:none;pointer-events:none}igx-splitter{--bar-color: var(--igx-splitter-bar-color, hsla(var(--ig-gray-200), var(--ig-gray-a)));--focus-color: var(--igx-splitter-focus-color, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--handle-color: var(--igx-splitter-handle-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--expander-color: var(--igx-splitter-expander-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--size: var(--igx-splitter-size, 4px);--border-radius: var(--igx-splitter-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 0.125rem), 0.125rem))}[dir=rtl] [aria-orientation=horizontal].igx-splitter{flex-direction:row-reverse !important}.igx-splitter-bar::after,.igx-splitter-bar::before{position:absolute;content:"";width:100%;height:.25rem;background:rgba(0,0,0,0)}.igx-splitter-bar--vertical::after,.igx-splitter-bar--vertical::before{width:.25rem;height:100%}.igx-splitter-bar{position:relative;display:flex;flex-grow:1;justify-content:center;align-items:center;background:var(--bar-color);border:.0625rem solid var(--bar-color);z-index:99;opacity:.68;transition:opacity .15s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important}.igx-splitter-bar::before{top:100%}.igx-splitter-bar::after{bottom:100%}.igx-splitter-bar:hover{transition:all .25s ease-out;opacity:1}.igx-splitter-bar-host:focus{outline:rgba(0,0,0,0) solid .0625rem;box-shadow:inset 0 0 0 .0625rem var(--focus-color)}.igx-splitter-bar--vertical{flex-direction:column;height:100%}.igx-splitter-bar--vertical::before{top:0;right:100%}.igx-splitter-bar--vertical::after{top:0;left:100%}.igx-splitter-bar__handle,.igx-splitter-bar--vertical .igx-splitter-bar__handle{background:var(--handle-color);border-radius:var(--border-radius)}.igx-splitter-bar__handle{width:25%;height:var(--size);margin:0 3rem}.igx-splitter-bar--vertical .igx-splitter-bar__handle{width:var(--size);height:25%;margin:3rem 0}.igx-splitter-bar--vertical .igx-splitter-bar__expander--end::before,.igx-splitter-bar--vertical .igx-splitter-bar__expander--start::before,.igx-splitter-bar__expander--end::before,.igx-splitter-bar__expander--start::before{position:absolute;content:"";background:rgba(0,0,0,0)}.igx-splitter-bar__expander--start,.igx-splitter-bar__expander--end,.igx-splitter-bar--vertical .igx-splitter-bar__expander--start,.igx-splitter-bar--vertical .igx-splitter-bar__expander--end{position:relative;width:0;height:0;border-inline-end:var(--size) solid rgba(0,0,0,0);border-inline-start:var(--size) solid rgba(0,0,0,0);cursor:pointer;z-index:1}.igx-splitter-bar__expander--start{border-bottom:var(--size) solid var(--expander-color)}.igx-splitter-bar__expander--start::before{top:calc(100% - 4px);left:calc(100% - 4px*2);width:calc(4px*4);height:calc(4px*3)}.igx-splitter-bar__expander--end{border-bottom:unset;border-top:var(--size) solid var(--expander-color)}.igx-splitter-bar__expander--end::before{top:calc(100% - 4px*2);left:calc(100% - 4px*2);width:calc(4px*4);height:calc(4px*3)}.igx-splitter-bar--vertical .igx-splitter-bar__expander--start{border-top:var(--size) solid rgba(0,0,0,0);border-inline-end:var(--size) solid var(--expander-color);border-bottom:var(--size) solid rgba(0,0,0,0);border-inline-start:unset}.igx-splitter-bar--vertical .igx-splitter-bar__expander--start::before{top:calc(100% - 4px*2);left:calc(100% - 4px*2);width:calc(4px*3);height:calc(4px*4)}.igx-splitter-bar--vertical .igx-splitter-bar__expander--end{border-top:var(--size) solid rgba(0,0,0,0);border-inline-end:unset;border-bottom:var(--size) solid rgba(0,0,0,0);border-inline-start:var(--size) solid var(--expander-color)}.igx-splitter-bar--vertical .igx-splitter-bar__expander--end::before{left:calc(100% - 4px*2);top:calc(100% - 4px*2);height:calc(4px*4);width:calc(4px*3)}igx-data-chart{--title-text-color: var(--data-chart-title-text-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--subtitle-text-color: var(--data-chart-subtitle-text-color, hsla(var(--ig-gray-600), var(--ig-gray-a)));--brushes: var(--data-chart-brushes, rgb(157, 231, 114), rgb(139, 91, 177), rgb(109, 177, 255), rgb(154, 242, 228), rgb(238, 88, 121), rgb(115, 86, 86), rgb(247, 210, 98), rgb(168, 168, 183), rgb(224, 81, 169), rgb(248, 161, 95));--marker-brushes: var(--data-chart-marker-brushes, rgb(157, 231, 114), rgb(139, 91, 177), rgb(109, 177, 255), rgb(154, 242, 228), rgb(238, 88, 121), rgb(115, 86, 86), rgb(247, 210, 98), rgb(168, 168, 183), rgb(224, 81, 169), rgb(248, 161, 95));--outlines: var(--data-chart-outlines, rgb(157, 231, 114), rgb(139, 91, 177), rgb(109, 177, 255), rgb(154, 242, 228), rgb(238, 88, 121), rgb(115, 86, 86), rgb(247, 210, 98), rgb(168, 168, 183), rgb(224, 81, 169), rgb(248, 161, 95));--marker-outlines: var(--data-chart-marker-outlines, rgb(157, 231, 114), rgb(139, 91, 177), rgb(109, 177, 255), rgb(154, 242, 228), rgb(238, 88, 121), rgb(115, 86, 86), rgb(247, 210, 98), rgb(168, 168, 183), rgb(224, 81, 169), rgb(248, 161, 95));--plot-area-background: var(--data-chart-plot-area-background, hsla(var(--ig-surface-500), var(--ig-surface-a)))}igx-doughnut-chart{--brushes: var(--ring-series-brushes, rgb(157, 231, 114), rgb(139, 91, 177), rgb(109, 177, 255), rgb(154, 242, 228), rgb(238, 88, 121), rgb(115, 86, 86), rgb(247, 210, 98), rgb(168, 168, 183), rgb(224, 81, 169), rgb(248, 161, 95));--outlines: var(--ring-series-outlines, rgb(157, 231, 114), rgb(139, 91, 177), rgb(109, 177, 255), rgb(154, 242, 228), rgb(238, 88, 121), rgb(115, 86, 86), rgb(247, 210, 98), rgb(168, 168, 183), rgb(224, 81, 169), rgb(248, 161, 95))}igx-linear-gauge{--backing-brush: var(--linear-gauge-backing-brush, hsla(var(--ig-surface-500), var(--ig-surface-a)));--backing-outline: var(--linear-gauge-backing-outline, hsla(var(--ig-surface-500), var(--ig-surface-a)));--font-brush: var(--linear-gauge-font-brush, var(--ig-surface-500-contrast));--minor-tick-brush: var(--linear-gauge-minor-tick-brush, var(--ig-surface-500-contrast));--needle-brush: var(--linear-gauge-needle-brush, hsla(var(--ig-primary-500), var(--ig-primary-a)));--needle-outline: var(--linear-gauge-needle-outline, hsla(var(--ig-surface-500), var(--ig-surface-a)));--range-brushes: var(--linear-gauge-range-brushes, rgb(157, 231, 114), rgb(139, 91, 177), rgb(109, 177, 255), rgb(154, 242, 228), rgb(238, 88, 121), rgb(115, 86, 86), rgb(247, 210, 98), rgb(168, 168, 183), rgb(224, 81, 169), rgb(248, 161, 95));--range-outlines: var(--linear-gauge-range-outlines, rgb(157, 231, 114), rgb(139, 91, 177), rgb(109, 177, 255), rgb(154, 242, 228), rgb(238, 88, 121), rgb(115, 86, 86), rgb(247, 210, 98), rgb(168, 168, 183), rgb(224, 81, 169), rgb(248, 161, 95));--scale-brush: var(--linear-gauge-scale-brush, hsla(var(--ig-surface-500), var(--ig-surface-a)));--tick-brush: var(--linear-gauge-tick-brush, var(--ig-surface-500-contrast));--scale-outline: var(--linear-gauge-scale-outline, hsla(var(--ig-surface-500), var(--ig-surface-a)))}igx-radial-gauge{--backing-brush: var(--radial-gauge-backing-brush, hsla(var(--ig-surface-500), var(--ig-surface-a)));--backing-outline: var(--radial-gauge-backing-outline, hsla(var(--ig-surface-500), var(--ig-surface-a)));--font-brush: var(--radial-gauge-font-brush, var(--ig-surface-500-contrast));--minor-tick-brush: var(--radial-gauge-minor-tick-brush, var(--ig-surface-500-contrast));--needle-brush: var(--radial-gauge-needle-brush, hsla(var(--ig-primary-500), var(--ig-primary-a)));--needle-outline: var(--radial-gauge-needle-outline, hsla(var(--ig-surface-500), var(--ig-surface-a)));--range-brushes: var(--radial-gauge-range-brushes, rgb(157, 231, 114), rgb(139, 91, 177), rgb(109, 177, 255), rgb(154, 242, 228), rgb(238, 88, 121), rgb(115, 86, 86), rgb(247, 210, 98), rgb(168, 168, 183), rgb(224, 81, 169), rgb(248, 161, 95));--range-outlines: var(--radial-gauge-range-outlines, rgb(157, 231, 114), rgb(139, 91, 177), rgb(109, 177, 255), rgb(154, 242, 228), rgb(238, 88, 121), rgb(115, 86, 86), rgb(247, 210, 98), rgb(168, 168, 183), rgb(224, 81, 169), rgb(248, 161, 95));--scale-brush: var(--radial-gauge-scale-brush, hsla(var(--ig-surface-500), var(--ig-surface-a)));--tick-brush: var(--radial-gauge-tick-brush, var(--ig-surface-500-contrast));--needle-pivot-brush: var(--radial-gauge-needle-pivot-brush, hsla(var(--ig-primary-500), var(--ig-primary-a)));--needle-pivot-outline: var(--radial-gauge-needle-pivot-outline, hsla(var(--ig-surface-500), var(--ig-surface-a)))}igx-financial-chart{--brushes: var(--financial-chart-brushes, rgb(157, 231, 114), rgb(139, 91, 177), rgb(109, 177, 255), rgb(154, 242, 228), rgb(238, 88, 121), rgb(115, 86, 86), rgb(247, 210, 98), rgb(168, 168, 183), rgb(224, 81, 169), rgb(248, 161, 95));--outlines: var(--financial-chart-outlines, rgb(157, 231, 114), rgb(139, 91, 177), rgb(109, 177, 255), rgb(154, 242, 228), rgb(238, 88, 121), rgb(115, 86, 86), rgb(247, 210, 98), rgb(168, 168, 183), rgb(224, 81, 169), rgb(248, 161, 95));--marker-brushes: var(--financial-chart-marker-brushes, rgb(157, 231, 114), rgb(139, 91, 177), rgb(109, 177, 255), rgb(154, 242, 228), rgb(238, 88, 121), rgb(115, 86, 86), rgb(247, 210, 98), rgb(168, 168, 183), rgb(224, 81, 169), rgb(248, 161, 95));--marker-outlines: var(--financial-chart-marker-outlines, rgb(157, 231, 114), rgb(139, 91, 177), rgb(109, 177, 255), rgb(154, 242, 228), rgb(238, 88, 121), rgb(115, 86, 86), rgb(247, 210, 98), rgb(168, 168, 183), rgb(224, 81, 169), rgb(248, 161, 95));--indicator-brushes: var(--financial-chart-indicator-brushes, rgb(157, 231, 114), rgb(139, 91, 177), rgb(109, 177, 255), rgb(154, 242, 228), rgb(238, 88, 121), rgb(115, 86, 86), rgb(247, 210, 98), rgb(168, 168, 183), rgb(224, 81, 169), rgb(248, 161, 95));--indicator-negative-brushes: var(--financial-chart-indicator-negative-brushes, rgb(157, 231, 114), rgb(139, 91, 177), rgb(109, 177, 255), rgb(154, 242, 228), rgb(238, 88, 121), rgb(115, 86, 86), rgb(247, 210, 98), rgb(168, 168, 183), rgb(224, 81, 169), rgb(248, 161, 95));--negative-brushes: var(--financial-chart-negative-brushes, rgb(157, 231, 114), rgb(139, 91, 177), rgb(109, 177, 255), rgb(154, 242, 228), rgb(238, 88, 121), rgb(115, 86, 86), rgb(247, 210, 98), rgb(168, 168, 183), rgb(224, 81, 169), rgb(248, 161, 95));--negative-outlines: var(--financial-chart-negative-outlines, rgb(157, 231, 114), rgb(139, 91, 177), rgb(109, 177, 255), rgb(154, 242, 228), rgb(238, 88, 121), rgb(115, 86, 86), rgb(247, 210, 98), rgb(168, 168, 183), rgb(224, 81, 169), rgb(248, 161, 95));--overlay-brushes: var(--financial-chart-overlay-brushes, rgb(157, 231, 114), rgb(139, 91, 177), rgb(109, 177, 255), rgb(154, 242, 228), rgb(238, 88, 121), rgb(115, 86, 86), rgb(247, 210, 98), rgb(168, 168, 183), rgb(224, 81, 169), rgb(248, 161, 95));--overlay-outlines: var(--financial-chart-overlay-outlines, rgb(157, 231, 114), rgb(139, 91, 177), rgb(109, 177, 255), rgb(154, 242, 228), rgb(238, 88, 121), rgb(115, 86, 86), rgb(247, 210, 98), rgb(168, 168, 183), rgb(224, 81, 169), rgb(248, 161, 95));--overlay-thickness: var(--financial-chart-overlay-thickness, rgb(157, 231, 114), rgb(139, 91, 177), rgb(109, 177, 255), rgb(154, 242, 228), rgb(238, 88, 121), rgb(115, 86, 86), rgb(247, 210, 98), rgb(168, 168, 183), rgb(224, 81, 169), rgb(248, 161, 95));--trend-line-brushes: var(--financial-chart-trend-line-brushes, rgb(157, 231, 114), rgb(139, 91, 177), rgb(109, 177, 255), rgb(154, 242, 228), rgb(238, 88, 121), rgb(115, 86, 86), rgb(247, 210, 98), rgb(168, 168, 183), rgb(224, 81, 169), rgb(248, 161, 95));--volume-brushes: var(--financial-chart-volume-brushes, rgb(157, 231, 114), rgb(139, 91, 177), rgb(109, 177, 255), rgb(154, 242, 228), rgb(238, 88, 121), rgb(115, 86, 86), rgb(247, 210, 98), rgb(168, 168, 183), rgb(224, 81, 169), rgb(248, 161, 95));--volume-outlines: var(--financial-chart-volume-outlines, rgb(157, 231, 114), rgb(139, 91, 177), rgb(109, 177, 255), rgb(154, 242, 228), rgb(238, 88, 121), rgb(115, 86, 86), rgb(247, 210, 98), rgb(168, 168, 183), rgb(224, 81, 169), rgb(248, 161, 95))}igx-bullet-graph{--backing-brush: var(--bullet-graph-backing-brush, hsla(var(--ig-surface-500), var(--ig-surface-a)));--backing-outline: var(--bullet-graph-backing-outline, hsla(var(--ig-surface-500), var(--ig-surface-a)));--font-brush: var(--bullet-graph-font-brush, var(--ig-surface-500-contrast));--minor-tick-brush: var(--bullet-graph-minor-tick-brush, var(--ig-surface-500-contrast));--range-brushes: var(--bullet-graph-range-brushes, rgb(157, 231, 114), rgb(139, 91, 177), rgb(109, 177, 255), rgb(154, 242, 228), rgb(238, 88, 121), rgb(115, 86, 86), rgb(247, 210, 98), rgb(168, 168, 183), rgb(224, 81, 169), rgb(248, 161, 95));--range-outlines: var(--bullet-graph-range-outlines, rgb(157, 231, 114), rgb(139, 91, 177), rgb(109, 177, 255), rgb(154, 242, 228), rgb(238, 88, 121), rgb(115, 86, 86), rgb(247, 210, 98), rgb(168, 168, 183), rgb(224, 81, 169), rgb(248, 161, 95));--scale-background-brush: var(--bullet-graph-scale-background-brush, hsla(var(--ig-primary-500), var(--ig-primary-a)));--scale-background-outline: var(--bullet-graph-scale-background-outline, hsla(var(--ig-surface-500), var(--ig-surface-a)));--target-value-brush: var(--bullet-graph-target-value-brush, hsla(var(--ig-gray-800), var(--ig-gray-a)));--tick-brush: var(--bullet-graph-tick-brush, var(--ig-surface-500-contrast));--value-brush: var(--bullet-graph-value-brush, hsla(var(--ig-gray-800), var(--ig-gray-a)))}igx-category-chart{--brushes: var(--category-chart-brushes, rgb(157, 231, 114), rgb(139, 91, 177), rgb(109, 177, 255), rgb(154, 242, 228), rgb(238, 88, 121), rgb(115, 86, 86), rgb(247, 210, 98), rgb(168, 168, 183), rgb(224, 81, 169), rgb(248, 161, 95));--marker-brushes: var(--category-chart-marker-brushes, rgb(157, 231, 114), rgb(139, 91, 177), rgb(109, 177, 255), rgb(154, 242, 228), rgb(238, 88, 121), rgb(115, 86, 86), rgb(247, 210, 98), rgb(168, 168, 183), rgb(224, 81, 169), rgb(248, 161, 95));--negative-brushes: var(--category-chart-negative-brushes, hsl(347, 82%, 64%));--outlines: var(--category-chart-outlines, rgb(157, 231, 114), rgb(139, 91, 177), rgb(109, 177, 255), rgb(154, 242, 228), rgb(238, 88, 121), rgb(115, 86, 86), rgb(247, 210, 98), rgb(168, 168, 183), rgb(224, 81, 169), rgb(248, 161, 95));--marker-outlines: var(--category-chart-marker-outlines, rgb(157, 231, 114), rgb(139, 91, 177), rgb(109, 177, 255), rgb(154, 242, 228), rgb(238, 88, 121), rgb(115, 86, 86), rgb(247, 210, 98), rgb(168, 168, 183), rgb(224, 81, 169), rgb(248, 161, 95));--negative-outlines: var(--category-chart-negative-outlines, hsl(347, 82%, 64%));--title-text-color: var(--category-chart-title-text-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--subtitle-text-color: var(--category-chart-subtitle-text-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--trend-line-brushes: var(--category-chart-trend-line-brushes, rgb(157, 231, 114), rgb(139, 91, 177), rgb(109, 177, 255), rgb(154, 242, 228), rgb(238, 88, 121), rgb(115, 86, 86), rgb(247, 210, 98), rgb(168, 168, 183), rgb(224, 81, 169), rgb(248, 161, 95));--x-axis-label-text-color: var(--category-chart-x-axis-label-text-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--x-axis-stroke: var(--category-chart-x-axis-stroke, hsla(var(--ig-gray-500), var(--ig-gray-a)));--x-axis-tick-stroke: var(--category-chart-x-axis-tick-stroke, hsla(var(--ig-gray-500), var(--ig-gray-a)));--x-axis-title-text-color: var(--category-chart-x-axis-title-text-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--y-axis-label-text-color: var(--category-chart-y-axis-label-text-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--y-axis-major-stroke: var(--category-chart-y-axis-major-stroke, hsla(var(--ig-gray-300), var(--ig-gray-a)));--y-axis-title-text-color: var(--category-chart-y-axis-title-text-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--y-axis-tick-stroke: var(--category-chart-y-axis-tick-stroke, hsla(var(--ig-gray-500), var(--ig-gray-a)))}igx-geographic-map{--plot-area-background: var(--geo-map-plot-area-background, hsla(var(--ig-surface-500), var(--ig-surface-a)))}igx-pie-chart{--brushes: var(--pie-chart-brushes, rgb(157, 231, 114), rgb(139, 91, 177), rgb(109, 177, 255), rgb(154, 242, 228), rgb(238, 88, 121), rgb(115, 86, 86), rgb(247, 210, 98), rgb(168, 168, 183), rgb(224, 81, 169), rgb(248, 161, 95));--outlines: var(--pie-chart-outlines, rgb(157, 231, 114), rgb(139, 91, 177), rgb(109, 177, 255), rgb(154, 242, 228), rgb(238, 88, 121), rgb(115, 86, 86), rgb(247, 210, 98), rgb(168, 168, 183), rgb(224, 81, 169), rgb(248, 161, 95));--label-extent: var(--pie-chart-label-extent, 30);--label-outer-color: var(--pie-chart-label-outer-color, hsla(var(--ig-gray-700), var(--ig-gray-a)))}igx-sparkline{--brush: var(--sparkline-brush, hsla(var(--ig-primary-500), var(--ig-primary-a)))}igx-funnel-chart{--brushes: var(--funnel-chart-brushes, rgb(157, 231, 114), rgb(139, 91, 177), rgb(109, 177, 255), rgb(154, 242, 228), rgb(238, 88, 121), rgb(115, 86, 86), rgb(247, 210, 98), rgb(168, 168, 183), rgb(224, 81, 169), rgb(248, 161, 95));--outlines: var(--funnel-chart-outlines, rgb(157, 231, 114), rgb(139, 91, 177), rgb(109, 177, 255), rgb(154, 242, 228), rgb(238, 88, 121), rgb(115, 86, 86), rgb(247, 210, 98), rgb(168, 168, 183), rgb(224, 81, 169), rgb(248, 161, 95))}igx-shape-chart{--title-text-color: var(--shape-chart-title-text-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--subtitle-text-color: var(--shape-chart-subtitle-text-color, hsla(var(--ig-gray-600), var(--ig-gray-a)));--brushes: var(--shape-chart-brushes, rgb(157, 231, 114), rgb(139, 91, 177), rgb(109, 177, 255), rgb(154, 242, 228), rgb(238, 88, 121), rgb(115, 86, 86), rgb(247, 210, 98), rgb(168, 168, 183), rgb(224, 81, 169), rgb(248, 161, 95));--marker-brushes: var(--shape-chart-marker-brushes, rgb(157, 231, 114), rgb(139, 91, 177), rgb(109, 177, 255), rgb(154, 242, 228), rgb(238, 88, 121), rgb(115, 86, 86), rgb(247, 210, 98), rgb(168, 168, 183), rgb(224, 81, 169), rgb(248, 161, 95));--outlines: var(--shape-chart-outlines, rgb(157, 231, 114), rgb(139, 91, 177), rgb(109, 177, 255), rgb(154, 242, 228), rgb(238, 88, 121), rgb(115, 86, 86), rgb(247, 210, 98), rgb(168, 168, 183), rgb(224, 81, 169), rgb(248, 161, 95));--marker-outlines: var(--shape-chart-marker-outlines, rgb(157, 231, 114), rgb(139, 91, 177), rgb(109, 177, 255), rgb(154, 242, 228), rgb(238, 88, 121), rgb(115, 86, 86), rgb(247, 210, 98), rgb(168, 168, 183), rgb(224, 81, 169), rgb(248, 161, 95));--trend-line-brushes: var(--shape-chart-trend-line-brushes, rgb(157, 231, 114), rgb(139, 91, 177), rgb(109, 177, 255), rgb(154, 242, 228), rgb(238, 88, 121), rgb(115, 86, 86), rgb(247, 210, 98), rgb(168, 168, 183), rgb(224, 81, 169), rgb(248, 161, 95))}igx-checkbox{--tick-color: var(--igx-checkbox-tick-color, hsla(var(--ig-gray-50), var(--ig-gray-a)));--tick-color-hover: var(--igx-checkbox-tick-color-hover, hsla(var(--ig-gray-50), var(--ig-gray-a)));--label-color: var(--igx-checkbox-label-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--empty-color: var(--igx-checkbox-empty-color, hsla(var(--ig-gray-600), var(--ig-gray-a)));--fill-color: var(--igx-checkbox-fill-color, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--fill-color-hover: var(--igx-checkbox-fill-color-hover, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--disabled-color: var(--igx-checkbox-disabled-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--disabled-indeterminate-color: var(--igx-checkbox-disabled-indeterminate-color, hsla(var(--ig-secondary-100), var(--ig-secondary-a)));--disabled-color-label: var(--igx-checkbox-disabled-color-label, hsla(var(--ig-gray-500), var(--ig-gray-a)));--error-color: var(--igx-checkbox-error-color, hsla(var(--ig-error-500), var(--ig-error-a)));--error-color-hover: var(--igx-checkbox-error-color-hover, hsla(var(--ig-error-500), var(--ig-error-a)));--border-radius: var(--igx-checkbox-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 0.625rem), 0.625rem));--border-radius-ripple: var(--igx-checkbox-border-radius-ripple, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.5rem), 1.5rem))}@keyframes scale-in-out{50%{transform:scale(0.9);transform-origin:50% 50%}100%{transform:scale(1);transform-origin:50% 50%}}.igx-checkbox{position:relative;display:inline-flex;flex-flow:row nowrap;align-items:center;outline-style:none}.igx-checkbox--disabled{-webkit-user-select:none;user-select:none;pointer-events:none;cursor:initial}.igx-checkbox__input{position:absolute;width:1px;height:1px;margin:-1px;border:none;clip:rect(0, 0, 0, 0);outline:0;pointer-events:none;overflow:hidden;appearance:none}.igx-checkbox__composite-wrapper{align-items:center;justify-content:center;display:flex;position:relative;width:1.25rem;height:1.25rem}.igx-checkbox__composite{position:relative;display:inline-block;cursor:pointer;width:1.25rem;height:1.25rem;min-width:1.25rem;border-width:.125rem;border-style:solid;border-color:var(--empty-color);border-radius:var(--border-radius);-webkit-tap-highlight-color:rgba(0,0,0,0);transition:border-color .2s cubic-bezier(0.25, 0.46, 0.45, 0.94);overflow:hidden}.igx-checkbox__composite::after{position:absolute;content:"";inset:0;transition:background .2s cubic-bezier(0.25, 0.46, 0.45, 0.94)}.igx-checkbox--indeterminate .igx-checkbox__composite,.igx-checkbox--checked .igx-checkbox__composite{border-color:var(--fill-color)}.igx-checkbox--indeterminate .igx-checkbox__composite::after,.igx-checkbox--checked .igx-checkbox__composite::after{background:var(--fill-color)}.igx-checkbox--invalid .igx-checkbox__composite{border-color:var(--error-color)}.igx-checkbox--invalid.igx-checkbox--checked .igx-checkbox__composite{border-color:var(--error-color)}.igx-checkbox--invalid.igx-checkbox--checked .igx-checkbox__composite::after{background:var(--error-color)}.igx-checkbox--disabled .igx-checkbox__composite{border-color:var(--disabled-color);background:rgba(0,0,0,0)}.igx-checkbox--indeterminate.igx-checkbox--disabled .igx-checkbox__composite,.igx-checkbox--checked.igx-checkbox--disabled .igx-checkbox__composite{background:var(--disabled-color)}.igx-checkbox--indeterminate.igx-checkbox--disabled .igx-checkbox__composite::after,.igx-checkbox--checked.igx-checkbox--disabled .igx-checkbox__composite::after{background:var(--disabled-color)}.igx-checkbox__composite-mark{position:absolute;inset:0;stroke:var(--tick-color);stroke-linecap:square;stroke-width:3;stroke-dasharray:24;stroke-dashoffset:24;fill:none;opacity:0;z-index:1;transition:opacity .1s cubic-bezier(0.25, 0.46, 0.45, 0.94)}.igx-checkbox--indeterminate .igx-checkbox__composite-mark{top:0;inset-inline-start:0}.igx-checkbox--indeterminate.igx-checkbox--disabled .igx-checkbox__composite,.igx-checkbox--indeterminate .igx-checkbox--checked.igx-checkbox--disabled .igx-checkbox__composite,.igx-checkbox--checked.igx-checkbox--disabled .igx-checkbox--indeterminate .igx-checkbox__composite{border:var(--disabled-indeterminate-color)}.igx-checkbox--indeterminate.igx-checkbox--disabled .igx-checkbox__composite::after,.igx-checkbox--indeterminate .igx-checkbox--checked.igx-checkbox--disabled .igx-checkbox__composite::after,.igx-checkbox--checked.igx-checkbox--disabled .igx-checkbox--indeterminate .igx-checkbox__composite::after{background:var(--disabled-indeterminate-color)}.igx-checkbox--invalid.igx-checkbox--indeterminate .igx-checkbox__composite::after{background:var(--error-color)}.igx-checkbox--checked .igx-checkbox__composite-mark{stroke-dashoffset:0;opacity:1;transition:all .2s cubic-bezier(0.25, 0.46, 0.45, 0.94),opacity .2s cubic-bezier(0.25, 0.46, 0.45, 0.94)}.igx-checkbox--indeterminate .igx-checkbox__composite-mark{stroke-dashoffset:41;opacity:1;transform:rotate(45deg) translateX(-0.125em)}.igx-checkbox__label,.igx-checkbox__label--before{display:inline-block;color:var(--label-color);cursor:pointer;-webkit-user-select:none;user-select:none;word-wrap:break-all}.igx-checkbox__label:empty,.igx-checkbox__label--before:empty{margin:0}.igx-checkbox__label--before:empty,.igx-checkbox__label:empty{margin:0}.igx-checkbox__label{margin-inline-start:.5rem}.igx-checkbox__label--before{margin-inline-end:.5rem;order:-1}.igx-checkbox--invalid .igx-checkbox__label{color:var(--error-color)}.igx-checkbox--disabled .igx-checkbox__label,.igx-checkbox--disabled .igx-checkbox__label--before{color:var(--disabled-color-label)}.igx-checkbox__ripple{display:block;position:absolute;top:calc(50% - 1.25rem);width:2.5rem;height:2.5rem;border-radius:var(--border-radius-ripple);overflow:hidden;pointer-events:none;filter:opacity(1)}.igx-checkbox__ripple,.igx-checkbox__ripple [igxRipple]{--color: var(--igx-ripple-color, var(--fill-color))}.igx-checkbox__ripple .igx-ripple__inner{display:block;position:absolute;border-radius:clamp(0rem,calc(var(--ig-radius-factor, 1) * 50%),50%);background:var(--color);pointer-events:none;transform-origin:center;transform:translate3d(0, 0, 0) scale(0);will-change:opacity,transform;opacity:.5;margin:0 !important;border:none !important}.igx-checkbox__ripple .igx-ripple{overflow:hidden}.igx-checkbox__ripple,.igx-checkbox__ripple [igxRipple]{--color: var(--igx-ripple-color, var(--fill-color))}.igx-checkbox:hover .igx-checkbox__ripple,.igx-checkbox:active .igx-checkbox__ripple,.igx-checkbox--invalid:hover .igx-checkbox__ripple,.igx-checkbox--indeterminate:hover .igx-checkbox__ripple,.igx-checkbox--indeterminate:active .igx-checkbox__ripple,.igx-checkbox--checked:hover .igx-checkbox__ripple,.igx-checkbox--checked:active .igx-checkbox__ripple{background:var(--empty-color);transition:background .2s cubic-bezier(0.25, 0.46, 0.45, 0.94);opacity:.06}.igx-checkbox--indeterminate:hover .igx-checkbox__ripple,.igx-checkbox--indeterminate:active .igx-checkbox__ripple,.igx-checkbox--checked:hover .igx-checkbox__ripple,.igx-checkbox--checked:active .igx-checkbox__ripple{background:var(--fill-color)}.igx-checkbox--invalid:hover .igx-checkbox__ripple,.igx-checkbox--invalid:active .igx-checkbox__ripple{background:var(--error-color)}.igx-checkbox--focused .igx-checkbox__ripple,.igx-checkbox--focused:hover .igx-checkbox__ripple,.igx-checkbox--focused.igx-checkbox--checked .igx-checkbox__ripple,.igx-checkbox--focused.igx-checkbox--indeterminate .igx-checkbox__ripple{background:var(--empty-color);transition:background .2s cubic-bezier(0.25, 0.46, 0.45, 0.94);opacity:.12}.igx-checkbox--focused.igx-checkbox--checked .igx-checkbox__ripple,.igx-checkbox--focused.igx-checkbox--indeterminate .igx-checkbox__ripple{background:var(--fill-color)}.igx-checkbox--focused.igx-checkbox--invalid .igx-checkbox__ripple{background:var(--error-color)}.igx-checkbox:active .igx-checkbox__ripple,.igx-checkbox--indeterminate:active .igx-checkbox__ripple,.igx-checkbox--checked:active .igx-checkbox__ripple{opacity:.12}.igx-checkbox--plain .igx-checkbox__composite,.igx-checkbox--plain .igx-checkbox__composite::after,.igx-checkbox--plain .igx-checkbox__composite-mark{transition:none}igx-chip,.igx-chip__ghost,.igx-chip__ghost--compact,.igx-chip__ghost--cosy{--ghost-elevation: var(--igx-chip-ghost-elevation, var(--ig-elevation-8));--remove-icon-color: var(--igx-chip-remove-icon-color, 'currentColor');--focus-outline-color: var(--igx-chip-focus-outline-color, transparent);--focus-selected-outline-color: var(--igx-chip-focus-selected-outline-color, transparent);--remove-icon-color-focus: var(--igx-chip-remove-icon-color-focus, hsla(var(--ig-error-500), var(--ig-error-a)));--text-color: var(--igx-chip-text-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--background: var(--igx-chip-background, hsla(var(--ig-gray-400), 0.38));--border-color: var(--igx-chip-border-color, transparent);--ghost-background: var(--igx-chip-ghost-background, hsla(var(--ig-gray-400), var(--ig-gray-a)));--hover-text-color: var(--igx-chip-hover-text-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--hover-background: var(--igx-chip-hover-background, hsla(var(--ig-gray-400), 0.54));--hover-border-color: var(--igx-chip-hover-border-color, transparent);--focus-text-color: var(--igx-chip-focus-text-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--focus-background: var(--igx-chip-focus-background, hsla(var(--ig-gray-600), 0.54));--focus-border-color: var(--igx-chip-focus-border-color, transparent);--selected-text-color: var(--igx-chip-selected-text-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--selected-background: var(--igx-chip-selected-background, hsla(var(--ig-gray-600), 0.38));--selected-border-color: var(--igx-chip-selected-border-color, transparent);--hover-selected-text-color: var(--igx-chip-hover-selected-text-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--hover-selected-background: var(--igx-chip-hover-selected-background, hsla(var(--ig-gray-400), 0.54));--hover-selected-border-color: var(--igx-chip-hover-selected-border-color, transparent);--focus-selected-text-color: var(--igx-chip-focus-selected-text-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--focus-selected-background: var(--igx-chip-focus-selected-background, hsla(var(--ig-gray-600), 0.54));--focus-selected-border-color: var(--igx-chip-focus-selected-border-color, transparent);--border-radius: var(--igx-chip-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1rem), 1rem));--ghost-shadow: var(--igx-chip-ghost-shadow, var(--ig-elevation-8))}.igx-chip-area{display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;width:100%}.igx-chip-area:empty{display:none}.igx-chip{position:relative;display:inline-flex;flex-shrink:0;transition:all 120ms cubic-bezier(0.455, 0.03, 0.515, 0.955);transition-property:top,left;touch-action:none}[dir=rtl] .igx-chip{transition-property:top right}.igx-chip:focus{outline-style:none}.igx-chip--disabled .igx-chip__item{cursor:default;pointer-events:none}.igx-chip igx-icon{width:var(--igx-icon-size, 1.125rem);height:var(--igx-icon-size, 1.125rem);font-size:var(--igx-icon-size, 1.125rem);outline-style:none}.igx-chip--cosy igx-icon{width:var(--igx-icon-size, 1.125rem);height:var(--igx-icon-size, 1.125rem);font-size:var(--igx-icon-size, 1.125rem);outline-style:none}.igx-chip__ghost--compact igx-icon,.igx-chip--compact igx-icon{width:var(--igx-icon-size, 1rem);height:var(--igx-icon-size, 1rem);font-size:var(--igx-icon-size, 1rem);outline-style:none}.igx-chip igx-prefix,.igx-chip [igxPrefix],.igx-chip igx-suffix,.igx-chip [igxSuffix]{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;display:inline-block;vertical-align:middle;max-width:32ch}.igx-chip igx-prefix>igx-icon,.igx-chip [igxPrefix]>igx-icon,.igx-chip igx-suffix>igx-icon,.igx-chip [igxSuffix]>igx-icon{display:block}.igx-chip igx-suffix+igx-suffix,.igx-chip [igxSuffix]+igx-suffix,.igx-chip igx-suffix+[igxSuffix],.igx-chip [igxSuffix]+[igxSuffix],.igx-chip igx-suffix+.igx-chip__remove,.igx-chip [igxSuffix]+.igx-chip__remove{margin-inline-start:.25rem}.igx-chip igx-prefix+igx-prefix,.igx-chip [igxPrefix]+igx-prefix,.igx-chip igx-prefix+[igxPrefix],.igx-chip [igxPrefix]+[igxPrefix]{margin-inline-start:.25rem}.igx-chip igx-prefix+igx-prefix igx-avatar,.igx-chip [igxPrefix]+igx-prefix igx-avatar,.igx-chip igx-prefix+[igxPrefix] igx-avatar,.igx-chip [igxPrefix]+[igxPrefix] igx-avatar{max-height:100%;max-width:100%;margin-inline-start:0 !important}.igx-chip__content{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;padding:0 .5rem;max-width:32ch}.igx-chip__content:empty{display:none}.igx-chip--cosy .igx-chip__content{padding:0 .25rem}.igx-chip--compact .igx-chip__content{padding:0 .125rem}.igx-chip__remove{display:inline-flex;margin-inline-end:.25rem;color:var(--remove-icon-color, currentColor)}.igx-chip__remove:empty{display:none}.igx-chip__remove:focus{outline-style:none}.igx-chip__remove:focus igx-icon{outline-style:none;color:var(--remove-icon-color-focus)}.igx-chip__remove igx-icon:focus{outline-style:none}.igx-chip__select,.igx-chip__select--hidden{display:inline-flex;align-items:center;width:1.125rem;opacity:1;z-index:1;transition:opacity 120ms cubic-bezier(0.25, 0.46, 0.45, 0.94),width 120ms cubic-bezier(0.25, 0.46, 0.45, 0.94)}.igx-chip__select>*,.igx-chip__select--hidden>*{width:inherit !important}.igx-chip__select+igx-prefix,.igx-chip__select--hidden+igx-prefix,.igx-chip__select+[igxPrefix],.igx-chip__select--hidden+[igxPrefix]{margin-inline-start:.25rem}.igx-chip__select--hidden{width:0;opacity:0;z-index:-1}.igx-chip__select--hidden+igx-prefix,.igx-chip__select--hidden+[igxPrefix]{margin-inline-start:0}.igx-chip__item{display:flex;align-items:center;justify-content:center;flex:1 1 auto;height:2rem;padding:0 .25rem;color:var(--text-color);background:var(--background);border-width:.0625rem;border-style:solid;border-color:var(--border-color);border-radius:var(--border-radius);-webkit-user-select:none;user-select:none;overflow:hidden;cursor:pointer;filter:opacity(1)}.igx-chip:hover .igx-chip__item{color:var(--hover-text-color);background:var(--hover-background);border-color:var(--hover-border-color);transition:all 120ms ease-in}.igx-chip:focus .igx-chip__item{color:var(--focus-text-color);background:var(--focus-background);border-color:var(--focus-border-color);outline-style:none}.igx-chip__item--selected{color:var(--selected-text-color);background:var(--selected-background);border-color:var(--selected-border-color)}.igx-chip:hover .igx-chip__item--selected{color:var(--hover-selected-text-color);background:var(--hover-selected-background);border-color:var(--hover-selected-border-color);transition:all 120ms cubic-bezier(0.455, 0.03, 0.515, 0.955)}.igx-chip:focus .igx-chip__item--selected{color:var(--focus-selected-text-color);background:var(--focus-selected-background);border-color:var(--focus-selected-border-color);transition:all 120ms cubic-bezier(0.455, 0.03, 0.515, 0.955)}.igx-chip--cosy .igx-chip__item{height:1.5rem;padding:0 .25rem}.igx-chip--compact .igx-chip__item{height:1.125rem;padding:0 .125rem}.igx-chip__ghost{position:absolute;box-shadow:var(--ghost-shadow);overflow:hidden;color:var(--focus-text-color);background:var(--ghost-background)}.igx-chip__ghost:hover,.igx-chip__ghost:focus{background:var(--ghost-background)}.igx-chip__ghost--cosy{height:1.5rem}.igx-chip__ghost--cosy .igx-chip__content{padding:0 .25rem}.igx-chip__ghost--compact{height:1.125rem}.igx-chip__ghost--compact .igx-chip__content{padding:0 .125rem}.igx-chip__ghost,.igx-chip__ghost--cosy,.igx-chip__ghost--compact{z-index:10}igx-column-actions{--background-color: var(--igx-column-actions-background-color, hsla(var(--ig-surface-500), var(--ig-surface-a)));--title-color: var(--igx-column-actions-title-color, hsla(var(--ig-primary-500), var(--ig-primary-a)))}.igx-column-actions{display:flex;flex-flow:column nowrap;background:var(--background-color);box-shadow:var(--ig-elevation-8);width:100%;flex:1 1 auto;min-width:11.25rem}.igx-column-actions__header-title{color:var(--title-color);margin:0;padding:1rem 1rem .5rem}.igx-column-actions__header-input{font-size:1rem !important;margin:-1rem 0 0 !important;padding:.5rem 1rem}.igx-column-actions__columns{display:flex;flex-flow:column nowrap;overflow-y:auto;outline-style:none}.igx-column-actions__columns-item{padding:.25rem 1rem;min-height:2rem}.igx-column-actions__buttons{display:flex;justify-content:flex-end;padding:.5rem 1rem}igx-combo,igx-simple-combo{--toggle-button-background-focus--border: var(--igx-combo-toggle-button-background-focus--border, hsla(var(--ig-gray-300), var(--ig-gray-a)));--case-icon-color: var(--igx-combo-case-icon-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--case-icon-color--active: var(--igx-combo-case-icon-color--active, hsla(var(--ig-primary-500), var(--ig-primary-a)));--empty-list-background: var(--igx-combo-empty-list-background, hsla(var(--ig-surface-500), var(--ig-surface-a)));--search-separator-border-color: var(--igx-combo-search-separator-border-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--empty-list-placeholder-color: var(--igx-combo-empty-list-placeholder-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--toggle-button-background: var(--igx-combo-toggle-button-background, hsla(var(--ig-gray-300), var(--ig-gray-a)));--toggle-button-background-focus: var(--igx-combo-toggle-button-background-focus, hsla(var(--ig-gray-400), 0.3));--toggle-button-foreground: var(--igx-combo-toggle-button-foreground, hsla(var(--ig-gray-700), var(--ig-gray-a)));--toggle-button-foreground-focus: var(--igx-combo-toggle-button-foreground-focus, hsla(var(--ig-gray-700), var(--ig-gray-a)));--toggle-button-foreground-filled: var(--igx-combo-toggle-button-foreground-filled, hsla(var(--ig-gray-900), var(--ig-gray-a)));--clear-button-background: var(--igx-combo-clear-button-background, transparent);--clear-button-background-focus: var(--igx-combo-clear-button-background-focus, transparent);--clear-button-foreground: var(--igx-combo-clear-button-foreground, var(--ig-gray-100-contrast));--clear-button-foreground-focus: var(--igx-combo-clear-button-foreground-focus, var(--ig-gray-100-contrast));--toggle-button-background-disabled: var(--igx-combo-toggle-button-background-disabled, hsla(var(--ig-gray-300), var(--ig-gray-a)));--toggle-button-foreground-disabled: var(--igx-combo-toggle-button-foreground-disabled, hsla(var(--ig-gray-500), var(--ig-gray-a)))}.igx-combo{position:relative;display:block}.igx-combo__checkbox{margin-inline-end:.5rem}.igx-combo__drop-down{position:absolute;width:100%}.igx-combo__drop-down .igx-drop-down{width:100%}.igx-combo__search{padding-inline:max(var(--is-large, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)),var(--is-medium, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)),var(--is-small, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)));padding-block:max(var(--is-large, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-block-large, var(--ig-spacing-block, --ig-spacing)),var(--is-medium, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-block-medium, var(--ig-spacing-block, --ig-spacing)),var(--is-small, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-block-small, var(--ig-spacing-block, --ig-spacing)));margin:0 !important;z-index:26;border-bottom:.0625rem dashed var(--search-separator-border-color)}.igx-combo__search .igx-input-group__bundle{padding-block-start:0;height:auto}.igx-combo__search igx-input-group{--ig-size: var(--ig-size-small)}.igx-combo__case-icon .igx-icon,.igx-combo__case-icon--active .igx-icon{width:1rem;height:1rem;font-size:1rem}.igx-combo__case-icon .igx-icon{color:hsla(var(--ig-gray-600), var(--ig-gray-a)) !important}.igx-combo__case-icon--active .igx-icon{color:hsla(var(--ig-primary-500), var(--ig-primary-a))}.igx-combo__content{position:relative;overflow:hidden}.igx-combo__content:focus{outline:rgba(0,0,0,0)}.igx-combo__add{display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;padding:1rem;gap:1rem;background:var(--empty-list-background)}.igx-combo__add-item{height:auto !important;background:var(--empty-list-background) !important;justify-content:center !important}.igx-combo__empty{display:flex;justify-content:center;align-items:center;width:100%;color:var(--empty-list-placeholder-color);padding:0 1.5rem;font-size:.8125rem}.igx-input-group .igx-combo__toggle-button{background:var(--toggle-button-background);color:var(--toggle-button-foreground)}.igx-input-group:not(.igx-input-group--disabled) .igx-combo__clear-button{background:var(--clear-button-background);color:var(--clear-button-foreground)}.igx-input-group--filled .igx-combo__toggle-button{color:var(--toggle-button-foreground-filled)}.igx-input-group--focused .igx-combo__toggle-button{color:var(--toggle-button-foreground-focus);background:var(--toggle-button-background-focus)}.igx-input-group--focused .igx-combo__clear-button{color:var(--clear-button-foreground-focus);background:var(--clear-button-background-focus)}.igx-input-group.igx-input-group--focused:not(.igx-input-group--box) .igx-combo__toggle-button{background:var(--toggle-button-background-focus--border)}.igx-input-group--disabled .igx-combo__toggle-button{background:var(--toggle-button-background-disabled) !important;color:var(--toggle-button-foreground-disabled) !important}igx-select{--toggle-button-background-focus--border: var(--igx-select-toggle-button-background-focus--border, hsla(var(--ig-gray-300), var(--ig-gray-a)));--toggle-button-background: var(--igx-select-toggle-button-background, hsla(var(--ig-gray-300), var(--ig-gray-a)));--toggle-button-background-focus: var(--igx-select-toggle-button-background-focus, hsla(var(--ig-gray-400), 0.3));--toggle-button-foreground: var(--igx-select-toggle-button-foreground, hsla(var(--ig-gray-700), var(--ig-gray-a)));--toggle-button-foreground-focus: var(--igx-select-toggle-button-foreground-focus, hsla(var(--ig-gray-700), var(--ig-gray-a)));--toggle-button-foreground-filled: var(--igx-select-toggle-button-foreground-filled, hsla(var(--ig-gray-900), var(--ig-gray-a)));--toggle-button-background-disabled: var(--igx-select-toggle-button-background-disabled, hsla(var(--ig-gray-300), var(--ig-gray-a)));--toggle-button-foreground-disabled: var(--igx-select-toggle-button-foreground-disabled, hsla(var(--ig-gray-500), var(--ig-gray-a)))}.igx-select{position:relative;display:block}.igx-input-group .igx-select__toggle-button{background:var(--toggle-button-background);color:var(--toggle-button-foreground)}.igx-input-group--filled .igx-select__toggle-button{color:var(--toggle-button-foreground-filled)}.igx-input-group--focused .igx-select__toggle-button{background:var(--toggle-button-background-focus);color:var(--toggle-button-foreground-focus)}.igx-input-group.igx-input-group--focused:not(.igx-input-group--box) .igx-select__toggle-button{background:var(--toggle-button-background-focus--border)}.igx-input-group.igx-input-group--disabled .igx-select__toggle-button{background:var(--toggle-button-background-disabled);color:var(--toggle-button-foreground-disabled)}igx-calendar,igx-days-view,igx-months-view,igx-years-view,.igx-date-picker{--content-background: var(--igx-calendar-content-background, hsla(var(--ig-surface-500), var(--ig-surface-a)));--content-text-color: var(--igx-calendar-content-text-color, var(--ig-surface-500-contrast));--border-color: var(--igx-calendar-border-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));--header-background: var(--igx-calendar-header-background, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--header-text-color: var(--igx-calendar-header-text-color, var(--ig-secondary-500-contrast));--picker-background-color: var(--igx-calendar-picker-background-color, hsla(var(--ig-surface-500), var(--ig-surface-a)));--picker-arrow-color: var(--igx-calendar-picker-arrow-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--picker-arrow-hover-color: var(--igx-calendar-picker-arrow-hover-color, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--picker-text-color: var(--igx-calendar-picker-text-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--picker-text-hover-color: var(--igx-calendar-picker-text-hover-color, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--inactive-text-color: var(--igx-calendar-inactive-text-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--label-color: var(--igx-calendar-label-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--weekend-text-color: var(--igx-calendar-weekend-text-color, var(--ig-surface-500-contrast));--year-current-text-color: var(--igx-calendar-year-current-text-color, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--month-current-text-color: var(--igx-calendar-month-current-text-color, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--month-hover-current-text-color: var(--igx-calendar-month-hover-current-text-color, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--year-hover-text-color: var(--igx-calendar-year-hover-text-color, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--month-hover-background: var(--igx-calendar-month-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--month-hover-text-color: var(--igx-calendar-month-hover-text-color, var(--ig-gray-200-contrast));--date-selected-background: var(--igx-calendar-date-selected-background, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--date-selected-hover-background: var(--igx-calendar-date-selected-hover-background, hsla(var(--ig-gray-100), 0.18));--date-selected-focus-background: var(--igx-calendar-date-selected-focus-background, hsla(var(--ig-gray-100), 0.18));--date-selected-current-background: var(--igx-calendar-date-selected-current-background, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--date-selected-current-hover-background: var(--igx-calendar-date-selected-current-hover-background, hsla(var(--ig-gray-100), 0.18));--date-selected-current-focus-background: var(--igx-calendar-date-selected-current-focus-background, hsla(var(--ig-gray-100), 0.18));--date-selected-text-color: var(--igx-calendar-date-selected-text-color, var(--ig-secondary-500-contrast));--date-selected-hover-foreground: var(--igx-calendar-date-selected-hover-foreground, var(--ig-gray-100-contrast));--date-selected-focus-foreground: var(--igx-calendar-date-selected-focus-foreground, var(--ig-gray-100-contrast));--date-current-text-color: var(--igx-calendar-date-current-text-color, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--date-current-hover-foreground: var(--igx-calendar-date-current-hover-foreground, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--date-current-focus-foreground: var(--igx-calendar-date-current-focus-foreground, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--date-selected-current-foreground: var(--igx-calendar-date-selected-current-foreground, var(--ig-secondary-500-contrast));--date-selected-current-hover-foreground: var(--igx-calendar-date-selected-current-hover-foreground, var(--ig-secondary-500-contrast));--date-selected-current-focus-foreground: var(--igx-calendar-date-selected-current-focus-foreground, var(--ig-gray-100-contrast));--date-current-bg-color: var(--igx-calendar-date-current-bg-color, transparent);--date-current-hover-background: var(--igx-calendar-date-current-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--date-current-focus-background: var(--igx-calendar-date-current-focus-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--date-hover-background: var(--igx-calendar-date-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--date-focus-background: var(--igx-calendar-date-focus-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--date-special-background: var(--igx-calendar-date-special-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--date-special-text-color: var(--igx-calendar-date-special-text-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-disabled-text-color: var(--igx-calendar-date-disabled-text-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--date-disabled-background: var(--igx-calendar-date-disabled-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--week-number-color: var(--igx-calendar-week-number-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--week-number-background: var(--igx-calendar-week-number-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--border-radius: var(--igx-calendar-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--date-border-radius: var(--igx-calendar-date-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.25rem), 1.25rem));--month-border-radius: var(--igx-calendar-month-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.25rem), 1.25rem))}.igx-date-picker{box-shadow:var(--ig-elevation-24);border-radius:var(--border-radius);background:var(--content-background);overflow:hidden}.igx-date-picker .igx-calendar,.igx-date-picker .igx-calendar--vertical{background:var(--content-background)}.igx-date-picker .igx-calendar__header{background:var(--header-background);color:var(--header-text-color)}.igx-date-picker .igx-calendar-picker__prev,.igx-date-picker .igx-calendar-picker__next{color:var(--picker-arrow-color)}.igx-date-picker .igx-calendar-picker__prev:hover,.igx-date-picker .igx-calendar-picker__next:hover{color:var(--picker-arrow-hover-color)}.igx-date-picker .igx-calendar-picker__date{color:var(--picker-text-color)}.igx-date-picker .igx-calendar-picker__date:hover,.igx-date-picker .igx-calendar-picker__date:focus{color:var(--picker-text-hover-color)}.igx-date-picker .igx-calendar__label,.igx-date-picker .igx-calendar__date,.igx-date-picker .igx-calendar__year{color:var(--content-text-color);min-width:14.28%}.igx-date-picker .igx-calendar__label{color:var(--label-color)}.igx-date-picker .igx-calendar__label:hover,.igx-date-picker .igx-calendar__label:focus{color:var(--label-color)}.igx-date-picker .igx-calendar__date--weekend{color:var(--weekend-text-color)}.igx-date-picker .igx-calendar__date--disabled{color:var(--date-disabled-text-color)}.igx-date-picker .igx-calendar__year--current{color:var(--year-current-text-color)}.igx-date-picker .igx-calendar__year:hover,.igx-date-picker .igx-calendar__year:focus{color:var(--year-hover-text-color)}.igx-date-picker .igx-calendar__month:hover,.igx-date-picker .igx-calendar__month:focus,.igx-date-picker .igx-calendar__month--current:hover,.igx-date-picker .igx-calendar__month--current:focus{color:var(--month-hover-text-color)}.igx-date-picker .igx-calendar__month--current{color:var(--month-current-text-color)}.igx-date-picker .igx-calendar__date--inactive{color:var(--inactive-text-color)}.igx-date-picker .igx-calendar__date--inactive:hover{color:var(--inactive-text-color)}.igx-date-picker .igx-calendar__date--selected{color:var(--date-selected-text-color)}.igx-date-picker .igx-calendar__date--current{color:var(--date-current-text-color)}.igx-date-picker--vertical{min-width:23rem}.igx-date-picker--dropdown{display:flex;flex:1 0 0;flex-direction:column;box-shadow:var(--ig-elevation-3)}.igx-date-picker__buttons{display:flex;justify-content:flex-end;padding:.5rem}igx-date-range{--label-color: var(--igx-date-range-label-color, hsla(var(--ig-gray-500), var(--ig-gray-a)))}.igx-date-range-picker,.igx-date-range-picker--cosy,.igx-date-range-picker--compact{display:flex}.igx-date-range-picker>igx-icon,.igx-date-range-picker--cosy>igx-icon,.igx-date-range-picker--compact>igx-icon{cursor:pointer}.igx-date-range-picker igx-input-group,.igx-date-range-picker--cosy igx-input-group,.igx-date-range-picker--compact igx-input-group{flex:1}igx-date-range-start,igx-date-range-end,.igx-date-range-picker__start,.igx-date-range-picker__end{flex:1 0 0%}.igx-date-range-picker__label{display:flex;align-items:center;color:var(--label-color);margin:0 .5rem}.igx-date-range-picker-buttons{display:flex;justify-content:flex-end;padding:0 1rem 1rem 1rem}.igx-date-range-picker-buttons>*{margin-inline-end:.5rem}.igx-date-range-picker-buttons>*:last-of-type{margin-inline-end:0}.igx-date-range-picker-buttons:empty{display:none}.igx-dialog{--elevation: var(--igx-dialog-elevation, var(--ig-elevation-24));--background: var(--igx-dialog-background, hsla(var(--ig-surface-500), var(--ig-surface-a)));--title-color: var(--igx-dialog-title-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--message-color: var(--igx-dialog-message-color, hsla(var(--ig-gray-600), var(--ig-gray-a)));--border-color: var(--igx-dialog-border-color, transparent);--border-radius: var(--igx-dialog-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1111111111) * 2.25rem), 2.25rem));--shadow: var(--igx-dialog-shadow, var(--ig-elevation-24));outline-style:none}.igx-dialog--hidden{display:none}.igx-dialog__window{position:relative;min-width:17.5rem;border:.0625rem solid var(--border-color);border-radius:var(--border-radius);background:var(--background);box-shadow:var(--shadow);overflow:hidden}.igx-dialog__window .igx-calendar{min-width:20rem}.igx-dialog__window .igx-calendar--vertical{min-width:31rem}.igx-dialog__window-title{display:flex;color:var(--title-color);padding:1.5rem 1.5rem .75rem 1.5rem}.igx-dialog__window-content{color:var(--message-color);padding:.75rem 1.5rem;position:relative;z-index:0}.igx-dialog__window-message{display:inline-block;max-width:40ch}@media all and (-ms-high-contrast: none){.igx-dialog__window-message{max-width:62ch}}.igx-dialog__window-actions{display:flex;flex-flow:row nowrap;justify-content:flex-end;padding:.5rem}.igx-dialog__window-actions button+button{margin-inline-start:.5rem}igx-divider{--color: var(--igx-divider-color, hsla(var(--ig-gray-300), var(--ig-gray-a)))}.igx-divider{display:block;height:.0625rem;background:var(--color)}.igx-divider--dashed{background:linear-gradient(to right, var(--color) 50%, transparent 50%);background-size:.625rem .0625rem}.igx-divider--vertical{display:inline-block;width:.0625rem;min-width:.0625rem;height:auto}.igx-divider--vertical.igx-divider--dashed{background:linear-gradient(to bottom, var(--color) 50%, transparent 50%);background-size:.0625rem .625rem}igc-dockmanager{--igc-active-color: var(--igc-dockmanager-active-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--igc-background-color: var(--igc-dockmanager-background-color, hsla(var(--ig-gray-200), var(--ig-gray-a)));--igc-border-color: var(--igc-dockmanager-border-color, hsla(var(--ig-surface-500), var(--ig-surface-a)));--igc-button-text: var(--igc-dockmanager-button-text, hsla(var(--ig-gray-800), var(--ig-gray-a)));--igc-context-menu-color-active: var(--igc-dockmanager-context-menu-color-active, var(--ig-surface-500-contrast));--igc-dock-background: var(--igc-dockmanager-dock-background, hsla(var(--ig-gray-50), var(--ig-gray-a)));--igc-drop-shadow-background: var(--igc-dockmanager-drop-shadow-background, hsla(var(--ig-primary-900), 0.1));--igc-floating-pane-border-color: var(--igc-dockmanager-floating-pane-border-color, hsla(var(--ig-surface-500), var(--ig-surface-a)));--igc-flyout-shadow-color: var(--igc-dockmanager-flyout-shadow-color, hsla(var(--ig-gray-900), 0.1));--igc-joystick-border-color: var(--igc-dockmanager-joystick-border-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));--igc-joystick-icon-color: var(--igc-dockmanager-joystick-icon-color, hsla(var(--ig-gray-600), var(--ig-gray-a)));--igc-joystick-icon-color-active: var(--igc-dockmanager-joystick-icon-color-active, var(--ig-surface-500-contrast));--igc-pane-content-background: var(--igc-dockmanager-pane-content-background, hsla(var(--ig-surface-500), var(--ig-surface-a)));--igc-pane-header-background: var(--igc-dockmanager-pane-header-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--igc-pinned-header-background: var(--igc-dockmanager-pinned-header-background, hsla(var(--ig-gray-50), var(--ig-gray-a)));--igc-splitter-background: var(--igc-dockmanager-splitter-background, hsla(var(--ig-gray-300), var(--ig-gray-a)));--igc-tab-background-active: var(--igc-dockmanager-tab-background-active, hsla(var(--ig-surface-500), var(--ig-surface-a)));--igc-text-color: var(--igc-dockmanager-text-color, hsla(var(--ig-gray-800), var(--ig-gray-a)))}igc-rating{--label-color: var(--igc-rating-label-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--symbol-empty-color: var(--igc-rating-symbol-empty-color, hsla(var(--ig-gray-600), var(--ig-gray-a)));--symbol-full-color: var(--igc-rating-symbol-full-color, hsla(var(--ig-warn-500), var(--ig-warn-a)));--symbol-empty-filter: var(--igc-rating-symbol-empty-filter, grayscale(1));--symbol-full-filter: var(--igc-rating-symbol-full-filter, grayscale(0));--disabled-label-color: var(--igc-rating-disabled-label-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--disabled-empty-symbol-color: var(--igc-rating-disabled-empty-symbol-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--disabled-full-symbol-color: var(--igc-rating-disabled-full-symbol-color, hsla(var(--ig-warn-500), 0.38))}igc-rating::part(label){color:var(--label-color)}igc-rating::part(value-label){color:hsla(var(--ig-gray-900), var(--ig-gray-a))}igc-rating[disabled]::part(label),igc-rating[disabled]::part(value-label){color:var(--disabled-label-color)}igc-rating[disabled]{--symbol-empty-color: var(--disabled-empty-symbol-color);--symbol-full-color: var(--disabled-full-symbol-color);--symbol-empty-filter: grayscale(100%) opacity(50%);--symbol-full-filter: grayscale(50%)}.igx-drop-down__list,.igx-grid-toolbar__dd-list{--elevation: var(--igx-drop-down-elevation, var(--ig-elevation-8));--background-color: var(--igx-drop-down-background-color, hsla(var(--ig-surface-500), var(--ig-surface-a)));--header-text-color: var(--igx-drop-down-header-text-color, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--item-text-color: var(--igx-drop-down-item-text-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--hover-item-text-color: var(--igx-drop-down-hover-item-text-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--hover-item-background: var(--igx-drop-down-hover-item-background, hsla(var(--ig-gray-100), 0.8));--focused-item-background: var(--igx-drop-down-focused-item-background, hsla(var(--ig-gray-100), 0.8));--focused-item-text-color: var(--igx-drop-down-focused-item-text-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--selected-item-background: var(--igx-drop-down-selected-item-background, hsla(var(--ig-secondary-100), var(--ig-secondary-a)));--selected-item-text-color: var(--igx-drop-down-selected-item-text-color, var(--ig-secondary-100-contrast));--selected-hover-item-background: var(--igx-drop-down-selected-hover-item-background, hsla(var(--ig-secondary-200), var(--ig-secondary-a)));--selected-hover-item-text-color: var(--igx-drop-down-selected-hover-item-text-color, var(--ig-secondary-200-contrast));--selected-focus-item-background: var(--igx-drop-down-selected-focus-item-background, hsla(var(--ig-secondary-200), var(--ig-secondary-a)));--selected-focus-item-text-color: var(--igx-drop-down-selected-focus-item-text-color, var(--ig-secondary-200-contrast));--disabled-item-background: var(--igx-drop-down-disabled-item-background, hsla(var(--ig-gray-50), 0));--disabled-item-text-color: var(--igx-drop-down-disabled-item-text-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--border-color: var(--igx-drop-down-border-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));--border-width: var(--igx-drop-down-border-width, 0);--border-radius: var(--igx-drop-down-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--item-border-radius: var(--igx-drop-down-item-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.25rem), 1.25rem));--shadow: var(--igx-drop-down-shadow, var(--ig-elevation-8))}.igx-drop-down{position:absolute}.igx-drop-down__list{overflow:hidden;border-radius:var(--border-radius);background:var(--background-color);box-shadow:var(--shadow);min-width:8rem;border:var(--border-width) solid var(--border-color)}.igx-drop-down__list-scroll{overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;position:relative}.igx-drop-down__group label,.igx-drop-down__header,.igx-drop-down__item{display:flex;justify-content:flex-start;align-items:center;width:100%;white-space:nowrap;height:2.5rem;position:relative}.igx-drop-down__group label igx-divider,.igx-drop-down__header igx-divider,.igx-drop-down__item igx-divider{position:absolute;width:100%;inset-inline-start:0;bottom:0}.igx-drop-down__item{color:var(--item-text-color);cursor:pointer;padding:0 1.5rem;border-radius:var(--item-border-radius)}.igx-drop-down__item:focus{outline:0;outline-color:rgba(0,0,0,0);background:var(--focused-item-background);color:var(--focused-item-text-color)}.igx-drop-down__item:hover{background:var(--hover-item-background);color:var(--hover-item-text-color)}.igx-drop-down__content{display:flex;width:100%;align-items:center}.igx-drop-down__inner{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin-inline-end:auto}.igx-drop-down__item--cosy{height:2rem;padding:0 1.25rem}.igx-drop-down__item--compact{height:1.75rem;padding:0 1rem}.igx-drop-down__group label igx-prefix,.igx-drop-down__header igx-prefix,.igx-drop-down__group label [igxPrefix],.igx-drop-down__header [igxPrefix],.igx-drop-down__item igx-prefix,.igx-drop-down__item [igxPrefix]{margin-inline-end:1.25rem}.igx-drop-down__group label igx-suffix+igx-suffix,.igx-drop-down__header igx-suffix+igx-suffix,.igx-drop-down__group label [igxSuffix]+igx-suffix,.igx-drop-down__header [igxSuffix]+igx-suffix,.igx-drop-down__item igx-suffix+igx-suffix,.igx-drop-down__item [igxSuffix]+igx-suffix,.igx-drop-down__group label igx-suffix+[igxSuffix],.igx-drop-down__header igx-suffix+[igxSuffix],.igx-drop-down__group label [igxSuffix]+[igxSuffix],.igx-drop-down__header [igxSuffix]+[igxSuffix],.igx-drop-down__item igx-suffix+[igxSuffix],.igx-drop-down__item [igxSuffix]+[igxSuffix]{margin-inline-start:.5rem}.igx-drop-down__header--cosy igx-prefix,.igx-drop-down__header--cosy [igxPrefix],.igx-drop-down__item--cosy igx-prefix,.igx-drop-down__item--cosy [igxPrefix]{margin-inline-end:1rem}.igx-drop-down__header--cosy igx-suffix+igx-suffix,.igx-drop-down__header--cosy [igxSuffix]+igx-suffix,.igx-drop-down__item--cosy igx-suffix+igx-suffix,.igx-drop-down__item--cosy [igxSuffix]+igx-suffix,.igx-drop-down__header--cosy igx-suffix+[igxSuffix],.igx-drop-down__header--cosy [igxSuffix]+[igxSuffix],.igx-drop-down__item--cosy igx-suffix+[igxSuffix],.igx-drop-down__item--cosy [igxSuffix]+[igxSuffix]{margin-inline-start:.375rem}.igx-drop-down__header--compact igx-prefix,.igx-drop-down__header--compact [igxPrefix],.igx-drop-down__item--compact igx-prefix,.igx-drop-down__item--compact [igxPrefix]{margin-inline-end:.75rem}.igx-drop-down__header--compact igx-suffix+igx-suffix,.igx-drop-down__header--compact [igxSuffix]+igx-suffix,.igx-drop-down__item--compact igx-suffix+igx-suffix,.igx-drop-down__item--compact [igxSuffix]+igx-suffix,.igx-drop-down__header--compact igx-suffix+[igxSuffix],.igx-drop-down__header--compact [igxSuffix]+[igxSuffix],.igx-drop-down__item--compact igx-suffix+[igxSuffix],.igx-drop-down__item--compact [igxSuffix]+[igxSuffix]{margin-inline-start:.25rem}.igx-drop-down__group label,.igx-drop-down__header{color:var(--header-text-color);pointer-events:none;padding:0 1rem}.igx-drop-down__header--cosy{height:2rem;padding:0 .75rem}.igx-drop-down__header--compact{height:1.75rem;padding:0 .5rem}.igx-drop-down__group{pointer-events:auto}.igx-drop-down__group .igx-drop-down__item{text-indent:0 1.5rem}.igx-drop-down__item--focused{background:var(--focused-item-background);color:var(--focused-item-text-color)}.igx-drop-down__item--focused:hover{color:var(--focused-item-text-color);background:var(--focused-item-background)}.igx-drop-down__item--selected{background:var(--selected-item-background);color:var(--selected-item-text-color)}.igx-drop-down__item--selected:hover{background:var(--selected-hover-item-background);color:var(--selected-hover-item-text-color)}.igx-drop-down__item--selected.igx-drop-down__item--focused{background:var(--selected-focus-item-background);color:var(--selected-focus-item-text-color)}.igx-drop-down__item--disabled,.igx-drop-down__group--disabled{background:var(--disabled-item-background);color:var(--disabled-item-text-color);cursor:default;pointer-events:none}.igx-drop-down__item--disabled:hover,.igx-drop-down__group--disabled:hover{background:var(--disabled-item-background)}igx-expansion-panel{--header-background: var(--igx-expansion-panel-header-background, hsla(var(--ig-surface-500), var(--ig-surface-a)));--body-background: var(--igx-expansion-panel-body-background, hsla(var(--ig-surface-500), var(--ig-surface-a)));--header-focus-background: var(--igx-expansion-panel-header-focus-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--header-title-color: var(--igx-expansion-panel-header-title-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--header-description-color: var(--igx-expansion-panel-header-description-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--header-icon-color: var(--igx-expansion-panel-header-icon-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--body-color: var(--igx-expansion-panel-body-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--disabled-color: var(--igx-expansion-panel-disabled-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--expanded-margin: var(--igx-expansion-panel-expanded-margin, 0.5rem);--border-radius: var(--igx-expansion-panel-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1rem), 1rem))}.igx-expansion-panel{display:flex;flex-direction:column;border-radius:var(--border-radius);overflow:hidden;transition:margin 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94)}.igx-expansion-panel__header-title{color:var(--header-title-color);margin-inline-end:1rem}.igx-expansion-panel__header-description{color:var(--header-description-color)}.igx-expansion-panel__header-title,.igx-expansion-panel__header-description{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.igx-accordion{overflow-y:auto}.igx-accordion .igx-expansion-panel__header-title{display:-webkit-inline-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;white-space:initial;word-wrap:break-word}.igx-accordion .igx-expansion-panel--expanded{margin:var(--expanded-margin) 0}.igx-accordion .igx-expansion-panel--expanded:first-of-type{margin-top:0}.igx-accordion .igx-expansion-panel--expanded:last-of-type{margin-bottom:0}.igx-expansion-panel__header-inner{display:flex;align-items:center;padding:1rem 1.5rem;cursor:pointer;background:var(--header-background)}.igx-expansion-panel__header-inner:focus,.igx-expansion-panel__header-inner:active{background:var(--header-focus-background);outline:rgba(0,0,0,0)}.igx-expansion-panel__title-wrapper{display:flex;flex-direction:column;justify-content:center;flex:1 0 0%;overflow:hidden}.igx-expansion-panel__header-icon--end{order:1;margin-inline-start:1rem}.igx-expansion-panel__header-icon--start{order:-1;margin-inline-end:1rem}.igx-expansion-panel__header-icon--none{display:none}.igx-expansion-panel__header-icon--end,.igx-expansion-panel__header-icon--start{display:flex;align-content:center;justify-content:center;-webkit-user-select:none;user-select:none;color:var(--header-icon-color)}.igx-expansion-panel__header-icon--end igx-icon,.igx-expansion-panel__header-icon--start igx-icon{color:var(--header-icon-color)}.igx-expansion-panel__body{color:var(--body-color);background:var(--body-background);overflow:hidden;padding:1rem 1.5rem}.igx-expansion-panel--disabled{pointer-events:none}.igx-expansion-panel--disabled .igx-expansion-panel__header-title,.igx-expansion-panel--disabled .igx-expansion-panel__header-description{color:var(--disabled-color)}.igx-expansion-panel--disabled .igx-expansion-panel__header-icon--start igx-icon,.igx-expansion-panel--disabled .igx-expansion-panel__header-icon--end igx-icon{color:var(--disabled-color)}igx-grid,igx-hierarchical-grid,igx-pivot-grid,igx-tree-grid,igx-advanced-filtering-dialog,igx-grid-excel-style-filtering,.igx-excel-filter__secondary{--grid-elevation: var(--igx-grid-grid-elevation, var(--ig-elevation-2));--drag-elevation: var(--igx-grid-drag-elevation, var(--ig-elevation-5));--grouparea-color: var(--igx-grid-grouparea-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--grouparea-background: var(--igx-grid-grouparea-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--drop-area-text-color: var(--igx-grid-drop-area-text-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--drop-area-icon-color: var(--igx-grid-drop-area-icon-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--drop-area-background: var(--igx-grid-drop-area-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--drop-area-on-drop-background: var(--igx-grid-drop-area-on-drop-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--header-background: var(--igx-grid-header-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--header-text-color: var(--igx-grid-header-text-color, hsla(var(--ig-gray-800), 0.7));--header-selected-background: var(--igx-grid-header-selected-background, hsla(var(--ig-secondary-100), var(--ig-secondary-a)));--header-selected-text-color: var(--igx-grid-header-selected-text-color, var(--ig-secondary-100-contrast));--sortable-header-icon-hover-color: var(--igx-grid-sortable-header-icon-hover-color, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--sorted-header-icon-color: var(--igx-grid-sorted-header-icon-color, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--header-border-width: var(--igx-grid-header-border-width, 1px);--header-border-style: var(--igx-grid-header-border-style, solid);--header-border-color: var(--igx-grid-header-border-color, hsla(var(--ig-gray-400), 0.38));--ghost-header-background: var(--igx-grid-ghost-header-background, hsla(var(--ig-gray-50), var(--ig-gray-a)));--ghost-header-text-color: var(--igx-grid-ghost-header-text-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--ghost-header-icon-color: var(--igx-grid-ghost-header-icon-color, hsla(var(--ig-gray-600), var(--ig-gray-a)));--filtering-background-and: var(--igx-grid-filtering-background-and, hsla(var(--ig-primary-300), var(--ig-primary-a)));--filtering-background-or: var(--igx-grid-filtering-background-or, hsla(var(--ig-secondary-300), var(--ig-secondary-a)));--filtering-background-and--focus: var(--igx-grid-filtering-background-and--focus, hsla(var(--ig-primary-700), var(--ig-primary-a)));--filtering-background-or--focus: var(--igx-grid-filtering-background-or--focus, hsla(var(--ig-secondary-700), var(--ig-secondary-a)));--grid-border-color: var(--igx-grid-grid-border-color, transparent);--content-background: var(--igx-grid-content-background, hsla(var(--ig-gray-50), var(--ig-gray-a)));--content-text-color: var(--igx-grid-content-text-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--row-odd-background: var(--igx-grid-row-odd-background, hsla(var(--ig-gray-50), var(--ig-gray-a)));--row-even-background: var(--igx-grid-row-even-background, hsla(var(--ig-gray-50), var(--ig-gray-a)));--row-odd-text-color: var(--igx-grid-row-odd-text-color, inherit);--row-even-text-color: var(--igx-grid-row-even-text-color, inherit);--row-selected-background: var(--igx-grid-row-selected-background, hsla(var(--ig-secondary-50), var(--ig-secondary-a)));--tree-selected-filtered-row-text-color: var(--igx-grid-tree-selected-filtered-row-text-color, hsla(var(--ig-secondary-300), var(--ig-secondary-a)));--row-selected-text-color: var(--igx-grid-row-selected-text-color, var(--ig-secondary-50-contrast));--cell-selected-within-background: var(--igx-grid-cell-selected-within-background, hsla(var(--ig-secondary-200), var(--ig-secondary-a)));--cell-selected-within-text-color: var(--igx-grid-cell-selected-within-text-color, var(--ig-secondary-200-contrast));--row-selected-hover-background: var(--igx-grid-row-selected-hover-background, hsla(var(--ig-secondary-100), var(--ig-secondary-a)));--row-selected-hover-text-color: var(--igx-grid-row-selected-hover-text-color, var(--ig-secondary-100-contrast));--row-hover-background: var(--igx-grid-row-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--row-hover-text-color: var(--igx-grid-row-hover-text-color, var(--ig-gray-200-contrast));--row-border-color: var(--igx-grid-row-border-color, hsla(var(--ig-gray-300), 0.38));--pinned-border-width: var(--igx-grid-pinned-border-width, 2px);--pinned-border-style: var(--igx-grid-pinned-border-style, solid);--pinned-border-color: var(--igx-grid-pinned-border-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--cell-active-border-color: var(--igx-grid-cell-active-border-color, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--cell-selected-background: var(--igx-grid-cell-selected-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--tree-selected-filtered-cell-text-color: var(--igx-grid-tree-selected-filtered-cell-text-color, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--cell-selected-text-color: var(--igx-grid-cell-selected-text-color, var(--ig-gray-200-contrast));--cell-editing-background: var(--igx-grid-cell-editing-background, hsla(var(--ig-gray-50), var(--ig-gray-a)));--edit-mode-color: var(--igx-grid-edit-mode-color, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--edited-row-indicator: var(--igx-grid-edited-row-indicator, hsla(var(--ig-gray-400), var(--ig-gray-a)));--cell-new-color: var(--igx-grid-cell-new-color, inherit);--cell-edited-value-color: var(--igx-grid-cell-edited-value-color, hsla(var(--ig-gray-600), var(--ig-gray-a)));--cell-disabled-color: var(--igx-grid-cell-disabled-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--resize-line-color: var(--igx-grid-resize-line-color, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--drop-indicator-color: var(--igx-grid-drop-indicator-color, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--group-label-column-name-text: var(--igx-grid-group-label-column-name-text, hsla(var(--ig-primary-500), var(--ig-primary-a)));--group-label-icon: var(--igx-grid-group-label-icon, hsla(var(--ig-primary-500), var(--ig-primary-a)));--group-label-text: var(--igx-grid-group-label-text, hsla(var(--ig-gray-800), var(--ig-gray-a)));--expand-all-icon-color: var(--igx-grid-expand-all-icon-color, hsla(var(--ig-gray-600), var(--ig-gray-a)));--expand-all-icon-hover-color: var(--igx-grid-expand-all-icon-hover-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--expand-icon-color: var(--igx-grid-expand-icon-color, hsla(var(--ig-gray-600), var(--ig-gray-a)));--expand-icon-hover-color: var(--igx-grid-expand-icon-hover-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--active-expand-icon-color: var(--igx-grid-active-expand-icon-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--active-expand-icon-hover-color: var(--igx-grid-active-expand-icon-hover-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--group-count-background: var(--igx-grid-group-count-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--group-count-text-color: var(--igx-grid-group-count-text-color, hsla(var(--ig-gray-600), var(--ig-gray-a)));--group-row-background: var(--igx-grid-group-row-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--group-row-selected-background: var(--igx-grid-group-row-selected-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--filtering-header-background: var(--igx-grid-filtering-header-background, hsla(var(--ig-gray-50), var(--ig-gray-a)));--filtering-header-text-color: var(--igx-grid-filtering-header-text-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--filtering-row-background: var(--igx-grid-filtering-row-background, hsla(var(--ig-gray-50), var(--ig-gray-a)));--filtering-row-text-color: var(--igx-grid-filtering-row-text-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--tree-filtered-text-color: var(--igx-grid-tree-filtered-text-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--body-summaries-background: var(--igx-grid-body-summaries-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--body-summaries-text-color: var(--igx-grid-body-summaries-text-color, var(--ig-gray-100-contrast));--root-summaries-background: var(--igx-grid-root-summaries-background, hsla(var(--ig-gray-300), var(--ig-gray-a)));--root-summaries-text-color: var(--igx-grid-root-summaries-text-color, var(--ig-gray-300-contrast));--row-highlight: var(--igx-grid-row-highlight, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--row-ghost-background: var(--igx-grid-row-ghost-background, hsla(var(--ig-primary-50), var(--ig-primary-a)));--row-drag-color: var(--igx-grid-row-drag-color, hsla(var(--ig-gray-200), var(--ig-gray-a)));--drop-area-border-radius: var(--igx-grid-drop-area-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1rem), 1rem));--grid-shadow: var(--igx-grid-grid-shadow, var(--ig-elevation-2));--drag-shadow: var(--igx-grid-drag-shadow, var(--ig-elevation-5))}@keyframes scale-in-ver-center{0%{transform:scaleY(0);opacity:1}100%{transform:scaleY(1);opacity:1}}.igx-grid__tbody-content:focus,.igx-grid__tfoot:focus,.igx-grid-thead__wrapper:focus{outline:0}.igx-grid,.igx-grid--cosy,.igx-grid--compact{--igx-tree-indent-size: 1.5rem;position:relative;display:grid;grid-template-rows:auto auto auto 1fr auto auto;grid-template-columns:100%;overflow:hidden;box-shadow:var(--grid-shadow);outline-style:none;z-index:1}.igx-grid .igx-checkbox,.igx-grid--cosy .igx-checkbox,.igx-grid--compact .igx-checkbox{min-width:1.25rem}.igx-grid--cosy{--igx-tree-indent-size: 1rem}.igx-grid--compact{--igx-tree-indent-size: 0.75rem}.igx-grid__caption{display:flex;align-items:center;font-size:1.25rem;line-height:2rem;padding:1rem 1.5rem;grid-row:1}.igx-grid-thead__wrapper,.igx-grid__tfoot{position:relative;display:flex;background:var(--header-background);color:var(--header-text-color);overflow:hidden;outline-style:none}.igx-grid-thead__wrapper .igx-grid__tr,.igx-grid__tfoot .igx-grid__tr{position:relative;background:inherit;color:inherit;z-index:2}.igx-grid-thead__wrapper .igx-grid__tr:hover,.igx-grid__tfoot .igx-grid__tr:hover{background:inherit;color:inherit}.igx-grid-thead__wrapper>[aria-activedescendant],.igx-grid__tfoot>[aria-activedescendant]{outline-style:none}.igx-grid-thead__wrapper{border-bottom:var(--header-border-width) var(--header-border-style) var(--header-border-color);z-index:2}.igx-grid-thead__wrapper .igx-grid__cbx-selection--push{align-items:flex-start;padding-top:.9375rem}.igx-grid-thead__wrapper .igx-grid__tr{border-bottom:none}.igx-grid-thead{grid-row:3;display:flex;overflow:hidden}.igx-grid-thead .igx-grid__drag-indicator{cursor:default}.igx-grid-thead .igx-grid__tr--mrl .igx-grid__hierarchical-expander--header,.igx-grid-thead .igx-grid__tr--mrl .igx-grid__header-indentation,.igx-grid-thead .igx-grid__tr--mrl .igx-grid__row-indentation,.igx-grid-thead .igx-grid__tr--mrl .igx-grid__cbx-selection{border-bottom:var(--header-border-width) var(--header-border-style) var(--header-border-color)}.igx-grid-thead--cosy .igx-grid-thead__wrapper .igx-grid--cosy .igx-grid__cbx-selection--push,.igx-grid--cosy .igx-grid-thead--cosy .igx-grid-thead__wrapper .igx-grid__cbx-selection--push{align-items:flex-start;padding-top:.625rem}.igx-grid-thead--compact .igx-grid-thead__wrapper .igx-grid--compact .igx-grid__cbx-selection--push,.igx-grid--compact .igx-grid-thead--compact .igx-grid-thead__wrapper .igx-grid__cbx-selection--push{align-items:flex-start;padding-top:.375rem}.igx-grid-thead__title{flex-basis:auto !important;align-items:center !important;border-bottom:var(--header-border-width) var(--header-border-style) var(--header-border-color);height:3.125rem}.igx-grid-thead__title--pinned-last{border-inline-end:var(--pinned-border-width) var(--pinned-border-style) var(--pinned-border-color) !important}.igx-grid-thead--cosy .igx-grid-thead__title{height:2.5rem;padding:0 1rem}.igx-grid-thead--compact .igx-grid-thead__title{height:2rem;padding:0 .75rem}.igx-grid-thead__group{display:flex;flex-flow:row nowrap}.igx-grid-thead__item{display:flex;flex-flow:column nowrap}.igx-grid-thead__item .igx-grid-thead__group{flex:1 1 auto}.igx-grid-thead__item .igx-grid-thead__title,.igx-grid-thead__item .igx-grid-th{flex:1 1 auto}.igx-grid-thead__item .igx-grid-thead__title{flex:0 0 auto}.igx-grid-thead__item,.igx-grid-thead__subgroup{position:relative}.igx-grid__tfoot{grid-row:5;border-top:var(--header-border-width) var(--header-border-style) var(--header-border-color);z-index:10001}.igx-grid__footer{grid-row:7}.igx-grid-thead__wrapper igx-display-container{width:100%;overflow:visible}.igx-grid__tr igx-display-container,.igx-grid__summaries igx-display-container,.igx-grid__summaries--body igx-display-container{width:100%;overflow:visible}.igx-grid__mrl-block{display:grid;background:inherit;position:relative}.igx-grid__mrl-block .igx-grid-thead__item{display:flex}.igx-grid__mrl-block .igx-grid-thead__title,.igx-grid__mrl-block .igx-grid-th{align-items:center;flex-grow:1;border-bottom:var(--header-border-width) var(--header-border-style) var(--header-border-color)}.igx-grid__mrl-block .igx-grid__td,.igx-grid__mrl-block .igx-grid-thead__title,.igx-grid__mrl-block .igx-grid-th{border-inline-end:.0625rem solid var(--row-border-color);border-bottom:.0625rem solid var(--row-border-color)}.igx-grid__tr--mrl.igx-grid__tr{border-bottom-color:rgba(0,0,0,0)}.igx-grid__tr--mrl .igx-grid__cbx-selection,.igx-grid__tr--mrl .igx-grid__row-indentation,.igx-grid__tr--mrl .igx-grid__drag-indicator{border-bottom:.0625rem solid var(--row-border-color)}.igx-grid__tbody-content{position:relative;background:var(--content-background);color:var(--content-text-color);overflow:hidden;z-index:1;outline-style:none}.igx-grid__tbody{position:relative;display:flex;grid-row:4;overflow:hidden}.igx-grid__tbody-message{display:flex;justify-content:center;align-items:center;height:100%;color:var(--content-text-color);flex-direction:column;padding:1.5rem}.igx-grid__loading{display:flex;align-items:center;justify-content:center;height:100%;min-height:6.25rem}.igx-grid__loading>.igx-circular-bar{width:3.125rem;height:3.125rem}.igx-grid__scroll{grid-row:6;display:flex;flex-flow:row nowrap;width:100%;background:var(--header-background);z-index:10001}.igx-grid-thead__thumb{background:var(--header-background);border-inline-start:.0625rem solid var(--header-border-color)}.igx-grid__tfoot-thumb{position:absolute;top:0;inset-inline-end:0;background:var(--header-background);border-inline-start:.0625rem solid var(--header-border-color)}.igx-grid__tbody-scrollbar{background:var(--content-background);border-inline-start:.0625rem solid var(--row-border-color);position:relative}.igx-grid__tbody-scrollbar-start{background:var(--header-background)}.igx-grid__tbody-scrollbar-main{position:relative}.igx-grid__tbody-scrollbar-end{background:var(--header-background)}.igx-grid__scroll-start{background:var(--header-background)}.igx-grid__scroll-main igx-display-container{height:0}.igx-grid__scroll-main igx-horizontal-virtual-helper{height:100%}.igx-grid__tr{display:flex;background:var(--content-background);border-bottom:.0625rem solid var(--row-border-color);outline-style:none;position:relative;background-clip:content-box !important}.igx-grid__tr:hover{background:var(--row-hover-background);color:var(--row-hover-text-color)}.igx-grid__tr:hover .igx-grid__td--column-selected{color:var(--row-selected-hover-text-color);background:var(--row-selected-hover-background)}.igx-grid__tr:hover .igx-grid__td--selected.igx-grid__td--column-selected{color:var(--cell-selected-within-text-color);background:var(--cell-selected-within-background)}.igx-grid__tr.igx-grid__tr--ghost{background:var(--row-ghost-background);color:var(--row-drag-color);z-index:10002}.igx-grid__tr.igx-grid__tr--ghost,.igx-grid__tr.igx-grid__tr--ghost igx-grid-row{--row-ghost-background: var(--igx-grid-row-row-ghost-background, hsla(var(--ig-primary-50), var(--ig-primary-a)));--row-drag-color: var(--igx-grid-row-row-drag-color, )}.igx-grid__drag-indicator{display:flex;align-items:center;justify-content:center;padding:0 1.5rem;flex:1 0 auto;min-width:calc(1.5rem + 1.5rem);background:inherit;z-index:4;cursor:move;border-inline-end:.0625rem solid rgba(0,0,0,0);background-clip:border-box}.igx-grid__drag-indicator igx-icon{width:var(--igx-icon-size, 1.5rem);height:var(--igx-icon-size, 1.5rem);font-size:var(--igx-icon-size, 1.5rem)}.igx-grid--cosy .igx-grid__drag-indicator{padding:0 1rem;min-width:calc(1.5rem + 1rem)}.igx-grid--compact .igx-grid__drag-indicator{padding:0 .75rem;min-width:calc(1.5rem + 0.75rem)}.igx-grid__drag-indicator--header{border-inline-end:var(--header-border-width) var(--header-border-style) var(--header-border-color)}.igx-grid__drag-indicator--off{color:var(--row-drag-color)}.igx-grid__tr--drag{opacity:.5}.igx-grid__tr--odd{background:var(--row-odd-background);color:var(--row-odd-text-color)}.igx-grid__tr--even{background:var(--row-even-background);color:var(--row-even-text-color)}.igx-grid__tr--expanded{border-bottom:none}.igx-grid__tr--pinned{position:relative;background:inherit;z-index:10000}.igx-grid__tr--pinned .igx-grid__hierarchical-expander--empty{border-inline-end:.0625rem solid var(--header-border-color)}.igx-grid__tr--pinned-top{border-bottom:var(--pinned-border-width) var(--pinned-border-style) var(--pinned-border-color) !important}.igx-grid__tr--pinned-bottom{border-top:var(--pinned-border-width) var(--pinned-border-style) var(--pinned-border-color) !important;position:absolute;bottom:0}.igx-grid__td--bool,.igx-grid__td--image{justify-content:center}.igx-grid__td--bool igx-icon{width:var(--igx-icon-size, 1.125rem);height:var(--igx-icon-size, 1.125rem);font-size:var(--igx-icon-size, 1.125rem)}.igx-grid__td--bool .igx-icon--error{color:hsla(var(--ig-gray-500), var(--ig-gray-a))}.igx-grid__td--bool-true .igx-icon--success{color:hsla(var(--ig-gray-700), var(--ig-gray-a))}.igx-grid__tr--edit{border-bottom:.0625rem solid var(--edit-mode-color);position:relative}.igx-grid__tr--edit::after{content:"";position:absolute;height:.0625rem;width:100%;top:-0.0625rem;inset-inline-start:0;background:var(--edit-mode-color)}.igx-grid__tr--edit.igx-grid__tr{border-bottom:.0625rem solid var(--edit-mode-color)}.igx-grid__tr--edit .igx-grid__td--editing{border:none}.igx-grid__tr--edit .igx-grid__td--editing .igx-input-group--focused .igx-input-group__bundle,.igx-input-group--focused .igx-grid__tr--edit .igx-grid__td--editing .igx-input-group__bundle{caret-color:var(--edit-mode-color) !important}.igx-grid__tr--edit .igx-grid__td--editing .igx-input-group--fluent .igx-input-group__bundle:focus-within::after,.igx-input-group--fluent .igx-grid__tr--edit .igx-grid__td--editing .igx-input-group__bundle:focus-within::after,.igx-grid__tr--edit .igx-grid__td--editing .igx-input-group--fluent .igx-input-group__bundle:focus::after,.igx-input-group--fluent .igx-grid__tr--edit .igx-grid__td--editing .igx-input-group__bundle:focus::after{border:none !important}.igx-grid__tr--edit [aria-readonly=true]{color:var(--cell-disabled-color)}.igx-grid__tr--edit [aria-readonly=true] igx-icon{color:var(--cell-disabled-color)}.igx-grid__tr--inner{display:flex;background:inherit}.igx-grid__tr--header{display:flex;align-items:center}.igx-grid__tr--add-animate{animation:scale-in-ver-center 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955)}.igx-grid__tr--mrl.igx-grid__tr--edit:first-of-type::after{top:0;z-index:5}.igx-grid__tr--edited::before{content:"";position:absolute;width:.125rem;height:100%;z-index:10000;background:var(--edited-row-indicator)}.igx-grid__tr--group{position:relative;background:var(--header-background) !important}.igx-grid__tr--filtered .igx-grid__td-text{color:var(--tree-filtered-text-color)}.igx-grid__tr--filtered .igx-grid__tree-grouping-indicator{color:var(--tree-filtered-text-color)}.igx-grid__tr--filtered .igx-grid__tree-grouping-indicator:hover{color:var(--tree-filtered-text-color)}.igx-grid__tr--filtered .igx-grid__td--selected .igx-grid__td-text{color:var(--tree-selected-filtered-cell-text-color)}.igx-grid__tr--filtered .igx-grid__td--selected .igx-grid__tree-grouping-indicator{color:var(--tree-selected-filtered-cell-text-color)}.igx-grid__tr--filtered .igx-grid__td--selected .igx-grid__tree-grouping-indicator:hover{color:var(--tree-selected-filtered-cell-text-color)}.igx-grid__tr--selected.igx-grid__tr--filtered .igx-grid__td-text{color:var(--tree-selected-filtered-row-text-color)}.igx-grid__tr--selected.igx-grid__tr--filtered .igx-grid__tree-grouping-indicator{color:var(--tree-selected-filtered-row-text-color)}.igx-grid__tr--selected.igx-grid__tr--filtered .igx-grid__tree-grouping-indicator:hover{color:var(--tree-selected-filtered-row-text-color)}.igx-grid__tr--selected.igx-grid__tr--filtered .igx-grid__td--selected .igx-grid__td-text{color:var(--tree-selected-filtered-cell-text-color)}.igx-grid__tr--selected.igx-grid__tr--filtered .igx-grid__td--selected .igx-grid__tree-grouping-indicator{color:var(--tree-selected-filtered-cell-text-color)}.igx-grid__tr--selected.igx-grid__tr--filtered .igx-grid__td--selected .igx-grid__tree-grouping-indicator:hover{color:var(--tree-selected-filtered-cell-text-color)}.igx-grid__tree-grouping-indicator{display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;outline-style:none;margin-inline-end:.5rem;cursor:pointer;color:var(--expand-icon-color)}.igx-grid__tree-grouping-indicator:hover{color:var(--expand-icon-hover-color)}[dir=rtl] .igx-grid__tree-grouping-indicator{transform:scaleX(-1)}.igx-grid__tree-loading-indicator{width:1.5rem;height:1.5rem;margin-inline-end:.5rem}.igx-grid__tree-loading-indicator .igx-circular-bar__outer{stroke:var(--expand-icon-color)}.igx-grid__tree-loading-indicator>.igx-circular-bar{width:1.5rem;height:1.5rem}.igx-grid__td,.igx-grid-thead__title,.igx-grid-th{position:relative;display:flex;flex:1 1 0%;align-items:center;outline-style:none;padding:0 1.5rem;font-size:.8125rem;line-height:1rem;color:inherit;text-align:start;background-clip:border-box !important}.igx-grid__td-text{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.igx-grid--cosy .igx-grid__td{padding:0 1rem}.igx-grid--compact .igx-grid__td{padding:0 .75rem}.igx-grid__td--fw,.igx-grid-th--fw{flex-grow:0;outline-style:none}.igx-grid__tr-container--active,.igx-grid__group-row--active,.igx-grid-summary--active,.igx-grid-th--active .igx-grid-th--selected,.igx-grid-th--active .igx-grid-th--selectable,.igx-grid-th--active,.igx-grid__td--active{box-shadow:inset 0 0 0 .0625rem var(--cell-active-border-color)}.igx-grid__tr-container--active .igx-grid__filtering-cell,.igx-grid__group-row--active .igx-grid__filtering-cell,.igx-grid-summary--active .igx-grid__filtering-cell,.igx-grid-th--active .igx-grid__filtering-cell,.igx-grid__td--active .igx-grid__filtering-cell,.igx-grid__tr-container--active .igx-grid__filtering-cell--selected,.igx-grid__group-row--active .igx-grid__filtering-cell--selected,.igx-grid-summary--active .igx-grid__filtering-cell--selected,.igx-grid-th--active .igx-grid__filtering-cell--selected,.igx-grid__td--active .igx-grid__filtering-cell--selected,.igx-grid__tr-container--active .igx-grid-thead__title,.igx-grid__group-row--active .igx-grid-thead__title,.igx-grid-summary--active .igx-grid-thead__title,.igx-grid-th--active .igx-grid-thead__title,.igx-grid__td--active .igx-grid-thead__title,.igx-grid__tr-container--active .igx-grid-th,.igx-grid__group-row--active .igx-grid-th,.igx-grid-summary--active .igx-grid-th,.igx-grid-th--active .igx-grid-th,.igx-grid__td--active .igx-grid-th{border-inline-end-color:var(--cell-active-border-color);border-bottom-color:var(--cell-active-border-color)}.igx-grid__td--invalid{padding-inline-end:.25rem !important}.igx-grid__td--invalid>igx-icon{margin-inline-start:auto;color:hsla(var(--ig-error-500), var(--ig-error-a));width:var(--igx-icon-size, 1.125rem);height:var(--igx-icon-size, 1.125rem);font-size:var(--igx-icon-size, 1.125rem)}.igx-grid__td--invalid .igx-grid__td-text{width:100%}.igx-grid__td--invalid .igx-input-group__bundle:focus-within::after{border:none !important}.igx-grid__td--valid{box-shadow:inset 0 0 0 .125rem hsla(var(--ig-success-500), var(--ig-success-a)) !important}.igx-grid__td--pinned.igx-grid__td--selected,.igx-grid__td--selected{color:var(--cell-selected-text-color);background:var(--cell-selected-background)}.igx-grid__td--selected .igx-grid__tree-grouping-indicator:hover{color:var(--cell-selected-text-color)}.igx-grid__tr--selected{color:var(--row-selected-text-color);background:var(--row-selected-background)}.igx-grid__tr--selected .igx-grid__td--selected{color:var(--cell-selected-within-text-color);background:var(--cell-selected-within-background)}.igx-grid__tr--selected:hover{background:var(--row-selected-hover-background);color:var(--row-selected-hover-text-color)}.igx-grid__tr--selected:hover .igx-grid__td--column-selected{color:var(--row-selected-hover-text-color);background:var(--row-selected-hover-background)}.igx-grid__tr--selected .igx-grid__tree-grouping-indicator{color:var(--row-selected-text-color)}.igx-grid__tr--selected .igx-grid__tree-grouping-indicator:hover{color:var(--row-selected-text-color)}.igx-grid__td--column-selected{color:var(--row-selected-text-color);background:var(--row-selected-background)}.igx-grid__td--selected.igx-grid__td--column-selected{color:var(--cell-selected-within-text-color);background:var(--cell-selected-within-background)}.igx-grid__td--new{color:var(--cell-new-color)}.igx-grid__td--edited .igx-grid__td-text{font-style:italic;color:var(--cell-edited-value-color);padding:0 .0625rem}.igx-grid__tr--deleted .igx-grid__td-text{font-style:italic;color:hsla(var(--ig-error-500), var(--ig-error-a));text-decoration:line-through}.igx-grid__tr--disabled .igx-grid__td-text{color:var(--cell-disabled-color)}.igx-grid__td--editing{background:var(--cell-editing-background) !important;box-shadow:inset 0 0 0 .125rem var(--edit-mode-color);padding:0 !important}.igx-grid__td--editing>igx-input-group,.igx-grid__td--editing igx-combo,.igx-grid__td--editing igx-select,.igx-grid__td--editing igx-date-picker,.igx-grid__td--editing igx-time-picker{position:relative;height:calc(100% - 0.25rem);width:calc(100% - 0.25rem);inset-inline-start:.125rem;overflow:hidden}.igx-grid__td--editing igx-input-group{height:100%;--theme: fluent}.igx-grid__td--editing igx-input-group input{height:100%}.igx-grid__td--editing .igx-input-group__bundle{height:100% !important;min-height:100% !important;border:none !important}.igx-grid__td--editing .igx-input-group__bundle::before{content:none !important}.igx-grid__td--editing .igx-input-group__bundle::after{display:none}.igx-grid__td--editing .igx-input-group__bundle-main,.igx-grid__td--editing .igx-input-group__bundle-start,.igx-grid__td--editing .igx-input-group__bundle-end{height:calc(100% - 0.25rem)}.igx-grid__td--invalid.igx-grid__td--editing{box-shadow:inset 0 0 0 .125rem hsla(var(--ig-error-500), var(--ig-error-a)) !important;padding-inline-end:.25rem !important}.igx-grid__td--editing igx-prefix,.igx-grid__td--editing igx-suffix{border-radius:0 !important;padding-top:0 !important;padding-bottom:0 !important}.igx-grid__td--editing igx-date-range-picker{height:100%}.igx-grid__td--editing igx-time-picker [igxLabel]{display:none}.igx-grid__td--editing input{margin:0 auto;max-width:100%}.igx-grid__td--editing .igx-input-group__input,.igx-grid__td--editing .igx-input-group__textarea{font-size:.8125rem !important;line-height:1rem !important}.igx-grid__td--editing.igx-grid__td--number,.igx-grid__td--editing.igx-grid-th--number{justify-content:flex-start !important}.igx-grid__td--pinned,.igx-grid__td--pinned-last,.igx-grid__td--pinned-first,.igx-grid-th--pinned{position:relative;background:inherit;z-index:9999}.igx-grid__td--pinned.igx-grid__td--column-selected{color:var(--row-selected-text-color);background:var(--row-selected-background)}.igx-grid__td--pinned.igx-grid__td--column-selected:hover{background:var(--row-selected-hover-background);color:var(--row-selected-text-color)}.igx-grid__td--pinned-last,.igx-grid-th--pinned-last{border-inline-end:var(--pinned-border-width) var(--pinned-border-style) var(--pinned-border-color) !important}.igx-grid__td--pinned-last .igx-grid__filtering-cell,.igx-grid-th--pinned-last .igx-grid__filtering-cell,.igx-grid__td--pinned-last .igx-grid__filtering-cell--selected,.igx-grid-th--pinned-last .igx-grid__filtering-cell--selected,.igx-grid__td--pinned-last .igx-grid-thead__title,.igx-grid-th--pinned-last .igx-grid-thead__title,.igx-grid__td--pinned-last .igx-grid-th,.igx-grid-th--pinned-last .igx-grid-th{border-inline-end:none}.igx-grid__td--pinned-first,.igx-grid-th--pinned-first{border-inline-start:var(--pinned-border-width) var(--pinned-border-style) var(--pinned-border-color) !important}.igx-grid__td--row-pinned-first{overflow:hidden}.igx-grid__td--pinned-chip{margin-inline-end:.75rem}.igx-grid--cosy .igx-grid__td--pinned-chip{margin-inline-end:.5rem}.igx-grid--compact .igx-grid__td--pinned-chip{margin-inline-end:.25rem}.igx-grid-thead__title,.igx-grid-th{flex-flow:row nowrap;justify-content:space-between;align-items:flex-end;font-size:.75rem;font-weight:600;min-width:0;padding:0 1.5rem;border-inline-end:var(--header-border-width) var(--header-border-style) var(--header-border-color);outline-style:none;overflow:hidden;transition:color 250ms ease-in-out}.igx-grid-th--filtering{background:var(--filtering-header-background);color:var(--filtering-header-text-color);z-index:3}.igx-grid-th--cosy{padding:0 1rem;min-height:2.5rem}.igx-grid-th--compact{padding:0 .75rem;min-height:2rem}.igx-grid-th__title{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-weight:600;min-width:3ch;-webkit-user-select:none;user-select:none;cursor:initial;flex-grow:1;line-height:4.1666666667;transition:color 250ms ease-in-out}.igx-grid-th--cosy .igx-grid-th__title{line-height:3.3333333333}.igx-grid-th--compact .igx-grid-th__title{line-height:2.6666666667}.igx-grid-th__icons{display:inline-flex;align-items:center;justify-content:flex-end;-webkit-user-select:none;user-select:none;min-width:1.875rem;height:3.125rem;align-self:flex-end}.igx-grid-th__icons:empty{min-width:0}.igx-grid-th__icons .sort-icon{position:relative;display:flex}.igx-grid-th__icons .sort-icon igx-icon{width:var(--igx-icon-size, 0.9375rem);height:var(--igx-icon-size, 0.9375rem);font-size:var(--igx-icon-size, 0.9375rem)}.igx-grid-th__icons .sort-icon::after{content:attr(data-sortIndex);position:absolute;top:-0.3125rem;inset-inline-end:-0.0625rem;font-size:.625rem;text-align:end;font-family:sans-serif;line-height:.625rem}.igx-grid-th__expander{display:flex;align-items:center;justify-content:center;margin-inline-end:.5rem;cursor:pointer}.igx-grid-th__expander igx-icon{color:var(--expand-icon-color)}.igx-grid-th__expander:hover igx-icon{color:var(--expand-icon-hover-color)}.igx-grid-th__group-title{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.igx-grid-th--collapsible{justify-content:normal}.igx-grid-th--selectable{color:var(--header-selected-text-color);background:var(--header-selected-background);opacity:.7}.igx-grid-th--selectable.igx-grid__drag-ghost-image{opacity:1}.igx-grid-th--selectable .sort-icon{color:var(--header-selected-text-color)}.igx-grid-th--selectable .sort-icon ::after{background:var(--header-selected-background)}.igx-grid-th--selectable.igx-grid-th--sorted .sort-icon{color:var(--header-selected-text-color)}.igx-grid-th--selectable.igx-grid-th--sorted .sort-icon:focus,.igx-grid-th--selectable.igx-grid-th--sorted .sort-icon:hover{color:var(--header-selected-text-color)}.igx-grid-th--selected{color:var(--header-selected-text-color);background:var(--header-selected-background)}.igx-grid-th--selected .sort-icon::after{background:var(--header-selected-background)}.igx-grid-th--selected.igx-grid-th--sorted .sort-icon{color:var(--header-selected-text-color)}.igx-grid-th--selected.igx-grid-th--sorted .sort-icon:focus,.igx-grid-th--selected.igx-grid-th--sorted .sort-icon:hover{color:var(--header-selected-text-color)}.igx-grid-th--sortable .sort-icon{cursor:pointer;opacity:.7}.igx-grid-th--sortable .sort-icon:hover{opacity:1}.igx-grid-th--sorted .sort-icon{opacity:1;color:var(--sorted-header-icon-color)}.igx-grid-th--sorted .sort-icon:hover{color:var(--sortable-header-icon-hover-color)}.igx-grid-th--filtrable .igx-grid-th__title{opacity:.7}.igx-grid-th--filtrable.igx-grid-th--sortable .sort-icon{cursor:pointer;opacity:.7}.igx-grid-th--filtrable.igx-grid-th--sortable .sort-icon:hover{opacity:1}.sort-icon{transition:all 250ms ease-in-out}.igx-grid-th--cosy .igx-grid-th__icons{height:2.5rem}.igx-grid-th--compact .igx-grid-th__icons{height:2rem}.igx-grid__td--number,.igx-grid-th--number{text-align:end;justify-content:flex-end}.igx-grid__td--number .igx-grid-th__icons,.igx-grid-th--number .igx-grid-th__icons{justify-content:flex-start;order:-1}.igx-grid__td--number .igx-grid-th__icons .sort-icon,.igx-grid-th--number .igx-grid-th__icons .sort-icon{order:1}.igx-grid__cbx-selection{display:flex;justify-content:center;align-items:center;background:inherit;z-index:4;background-clip:border-box}.igx-grid__cbx-padding{display:flex;align-items:center;justify-content:center;min-width:calc(1.25rem + 1.5rem*2)}.igx-grid--cosy .igx-grid__cbx-padding{min-width:calc(1.25rem + 1rem*2)}.igx-grid--compact .igx-grid__cbx-padding{min-width:calc(1.25rem + 0.75rem*2)}.igx-grid-th__resize-handle{position:absolute;width:.25rem;top:0;inset-inline-end:-0.125rem;height:100%;z-index:2}.igx-grid-th__resize-line{position:absolute;cursor:col-resize;width:.25rem;background:var(--resize-line-color);z-index:2}.igx-grid-th__resize-line::before,.igx-grid-th__resize-line::after{position:absolute;content:"";height:100%;width:6rem}.igx-grid-th__resize-line::before{inset-inline-end:100%}.igx-grid-th__resize-line::after{inset-inline-start:100%}.igx-grid__summaries,.igx-grid__summaries--body{display:flex;overflow:hidden;background:var(--root-summaries-background);outline-style:none}.igx-grid__summaries .igx-grid-summary__result,.igx-grid__summaries--body .igx-grid-summary__result{color:var(--root-summaries-text-color)}.igx-grid__summaries--body{background:var(--body-summaries-background);border-bottom:.0625rem dashed var(--row-border-color)}.igx-grid__summaries--body:last-of-type{border-bottom:none}.igx-grid__summaries--body .igx-grid-summary__result{color:var(--body-summaries-text-color)}.igx-grid__summaries-patch{background:inherit;position:relative;z-index:1;border-inline-end:.0625rem solid var(--header-border-color)}.igx-grid-th__drop-indicator-left,.igx-grid-th__drop-indicator-right{position:absolute;width:.0625rem;height:100%;top:0;z-index:1}.igx-grid-th__drop-indicator-left{inset-inline-start:-0.0625rem}.igx-grid-th__drop-indicator-right{inset-inline-end:-0.0625rem}.igx-grid-th__drop-indicator--active.igx-grid-th__drop-indicator-left,.igx-grid-th__drop-indicator--active.igx-grid-th__drop-indicator-right{border-inline-end:.0625rem solid var(--drop-indicator-color)}.igx-grid-th__drop-indicator--active::after,.igx-grid-th__drop-indicator--active::before{position:absolute;content:"";width:0;height:0;border-style:solid;inset-inline-start:-0.1875rem}.igx-grid-th__drop-indicator--active::before{bottom:0;border-width:0 .25rem .25rem;border-color:rgba(0,0,0,0) rgba(0,0,0,0) var(--drop-indicator-color)}.igx-grid-th__drop-indicator--active::after{top:0;border-width:.25rem .25rem 0;border-color:var(--drop-indicator-color) rgba(0,0,0,0) rgba(0,0,0,0)}.igx-grid__scroll-on-drag-left,.igx-grid__scroll-on-drag-right{position:absolute;width:.9375rem;top:0;height:100%;z-index:25}.igx-grid__scroll-on-drag-left{inset-inline-start:0}.igx-grid__scroll-on-drag-right{inset-inline-end:0}.igx-grid__scroll-on-drag-pinned{position:absolute;width:.9375rem;height:100%;top:0;z-index:25}.igx-grid__drag-ghost-image{position:absolute;display:flex;align-items:center;background:var(--ghost-header-background);color:var(--ghost-header-text-color);min-width:10.5rem;max-width:20rem;height:3.125rem;min-height:3.125rem;top:-6249.9375rem;inset-inline-start:-6249.9375rem;border:none;box-shadow:var(--drag-shadow);overflow:hidden;z-index:20}.igx-grid__drag-ghost-image .igx-grid-th__title{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;flex:1 0 0;text-align:end}.igx-grid__drag-ghost-image .igx-grid-th__icons{display:none}.igx-grid__drag-ghost-image .igx-grid-thead__title{border:none}.igx-grid--cosy .igx-grid__drag-ghost-image{height:2.5rem;min-height:2.5rem}.igx-grid--compact .igx-grid__drag-ghost-image{height:2rem;min-height:2rem}.igx-grid__drag-ghost-image-icon{color:var(--ghost-header-icon-color);margin-inline-end:.75rem}.igx-grid__drag-ghost-image-icon-group{color:var(--ghost-header-icon-color);padding:var(--comfortable);padding-inline-end:0;margin-inline-end:.5rem}.igx-grid__drag-col-header{background:var(--header-background)}.igx-grid__drag-col-header .igx-grid-thead__title>*,.igx-grid__drag-col-header .igx-grid-th>*{opacity:.4}.igx-grid__group-row{background:var(--group-row-background);display:flex;outline-style:none;border-bottom:.0625rem solid var(--row-border-color);min-height:3.125rem}.igx-grid__group-row .igx-grid__drag-indicator{cursor:default;flex-grow:0}.igx-grid__group-row--active{background:var(--group-row-selected-background)}.igx-grid__group-row--active .igx-grid__grouping-indicator{color:var(--expand-icon-color)}.igx-grid__group-row--active .igx-grid__drag-indicator{border:.0625rem solid var(--cell-active-border-color);border-inline-start-width:0;border-inline-end-width:0;box-shadow:inset .0625rem 0 0 0 var(--cell-active-border-color)}.igx-grid__group-row--active:hover{background:var(--group-row-selected-background)}.igx-grid--cosy .igx-grid__group-row{min-height:2.5rem}.igx-grid--compact .igx-grid__group-row{min-height:2rem}.igx-group-label{display:flex;align-items:center;justify-content:flex-start;line-height:1rem}.igx-group-label>*{margin-inline-end:.25rem}.igx-group-label>*:last-child{margin-inline-end:0}.igx-group-label__icon{-webkit-user-select:none;user-select:none}.igx-group-label__icon igx-icon{color:var(--group-label-icon);width:var(--igx-icon-size, 1rem);height:var(--igx-icon-size, 1rem);font-size:var(--igx-icon-size, 1rem)}.igx-group-label__column-name{color:var(--group-label-column-name-text);font-weight:600;font-size:.75rem}.igx-group-label__count-badge{--background-color: var(--group-count-background);--text-color: var(--group-count-text-color)}.igx-group-label__count-badge>span{font-size:.75rem}.igx-group-label__text{font-size:.8125rem;color:var(--group-label-text)}[dir=rtl] .igx-grid__group-content{padding-inline-start:1.5rem}[dir=rtl] .igx-grid--cosy .igx-grid__group-content,.igx-grid--cosy [dir=rtl] .igx-grid__group-content{padding-inline-start:1rem}[dir=rtl] .igx-grid--compact .igx-grid__group-content,.igx-grid--compact [dir=rtl] .igx-grid__group-content{padding-inline-start:.75rem}[dir=rtl] .igx-group-label>*{margin-inline-start:.25rem}[dir=rtl] .igx-group-label>*:last-child{margin-inline-start:0}.igx-grid__group-content{display:flex;align-items:center;justify-content:flex-start;flex:1 1 auto;padding-inline-start:1.5rem;min-height:3.125rem}.igx-grid__group-content:focus{outline:rgba(0,0,0,0)}.igx-grid--cosy .igx-grid__group-content{padding-inline-start:1rem;min-height:2.5rem}.igx-grid--compact .igx-grid__group-content{padding-inline-start:.75rem;min-height:2rem}.igx-grid__row-indentation{position:relative;display:flex;justify-content:center;align-items:center;padding-inline-start:1.5rem;padding-inline-end:1.5rem;border-inline-end:.0625rem solid var(--header-border-color);background:inherit;z-index:1;background-clip:border-box}.igx-grid__row-indentation::after{content:"";position:absolute;width:100%;height:.0625rem;bottom:-0.0625rem;inset-inline-start:0;background:rgba(0,0,0,0)}.igx-grid__row-indentation .igx-button--icon{width:1.75rem;height:1.75rem;color:var(--expand-all-icon-color)}.igx-grid__row-indentation:focus .igx-button--icon,.igx-grid__row-indentation:hover .igx-button--icon{color:var(--expand-all-icon-hover-color)}.igx-grid--cosy .igx-grid__row-indentation{padding-inline-start:1rem;padding-inline-end:1rem}.igx-grid--compact .igx-grid__row-indentation{padding-inline-start:.75rem;padding-inline-end:.75rem}.igx-grid-grouparea{grid-row:2;display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;border-bottom:var(--header-border-width) var(--header-border-style) var(--header-border-color);background:var(--grouparea-background);color:var(--grouparea-color);min-height:3.5625rem;padding:0 1.5rem;z-index:2;height:100%;overflow:hidden}.igx-grid-grouparea:focus{outline-style:none}.igx-grid-grouparea .igx-chip{margin-top:.5rem;margin-bottom:.5rem}.igx-grid-grouparea__connector{display:inline-flex;justify-content:center;align-items:center;margin:0 .25rem}.igx-grid-grouparea__connector igx-icon{width:var(--igx-icon-size, 1rem);height:var(--igx-icon-size, 1rem);font-size:var(--igx-icon-size, 1rem)}[dir=rtl] .igx-grid-grouparea__connector{transform:scaleX(-1)}.igx-grid-grouparea--cosy{min-height:3.0625rem;padding:0 1rem}.igx-grid-grouparea--cosy .igx-chip{margin-top:.5rem;margin-bottom:.5rem}.igx-grid-grouparea--compact{min-height:2.5625rem;padding:0 .75rem}.igx-grid-grouparea--compact .igx-chip{margin-top:.25rem;margin-bottom:.25rem}.igx-drop-area,.igx-drop-area--compact,.igx-drop-area--cosy{min-width:5rem;display:flex;align-items:center;justify-content:flex-start;height:2rem;border-radius:var(--drop-area-border-radius);padding:0 1.5rem;flex:1 0 0%;background:var(--drop-area-background)}.igx-drop-area .igx-drop-area__icon,.igx-drop-area--compact .igx-drop-area__icon,.igx-drop-area--cosy .igx-drop-area__icon{color:var(--drop-area-icon-color);width:1rem;height:1rem;font-size:1rem;margin-inline-end:.5rem}.igx-drop-area--hover{background:var(--drop-area-on-drop-background)}.igx-drop-area--compact{height:1.5rem;border-radius:var(--drop-area-border-radius);padding:0 1rem}.igx-drop-area--cosy{height:1.5rem;border-radius:var(--drop-area-border-radius);padding:0 .75rem}.igx-drop-area__text{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;color:var(--drop-area-text-color);font-size:.8125rem}.igx-grid__grouping-indicator{position:relative;display:flex;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;z-index:1;cursor:pointer;padding-inline-end:.75rem;margin-inline-start:1.5rem;min-height:3.125rem}.igx-grid__grouping-indicator igx-icon{color:var(--expand-icon-color);width:var(--igx-icon-size, 1.5rem)}.igx-grid__grouping-indicator:hover,.igx-grid__grouping-indicator:focus{outline-style:none}.igx-grid__grouping-indicator:hover igx-icon,.igx-grid__grouping-indicator:focus igx-icon{color:var(--expand-icon-hover-color)}[dir=rtl] .igx-grid__grouping-indicator{transform:scaleX(-1)}.igx-grid--cosy .igx-grid__grouping-indicator{min-height:2.5rem;margin-inline-start:1rem}.igx-grid--compact .igx-grid__grouping-indicator{min-height:2rem;margin-inline-start:0.75rem}.igx-grid__header-indentation{position:relative;padding-inline-end:1.5rem;border-inline-end:.0625rem solid var(--header-border-color);background:var(--header-background);z-index:4}.igx-grid--cosy .igx-grid__header-indentation{padding-inline-end:1rem}.igx-grid--compact .igx-grid__header-indentation{padding-inline-end:.75rem}.igx-grid__group-expand-btn{position:absolute;cursor:pointer;-webkit-user-select:none;user-select:none;top:calc(50% - 12px);inset-inline-start:1.5rem}.igx-grid__group-expand-btn:hover{color:var(--expand-icon-hover-color)}.igx-grid__group-expand-btn.igx-grid__group-expand-btn--push{top:.8125rem}.igx-grid--cosy .igx-grid__group-expand-btn{inset-inline-start:1rem}.igx-grid--cosy .igx-grid__group-expand-btn.igx-grid__group-expand-btn--push{top:.5rem}.igx-grid--compact .igx-grid__group-expand-btn{inset-inline-start:.75rem}.igx-grid--compact .igx-grid__group-expand-btn.igx-grid__group-expand-btn--push{top:.25rem}.igx-grid__row-indentation--level-1{padding-inline-start:calc(1.5rem + 1.5rem)}.igx-grid__group-row--padding-level-1 .igx-grid__grouping-indicator{padding-inline-start:1.5rem}.igx-grid--cosy .igx-grid__row-indentation--level-1{padding-inline-start:calc(1rem + 1.5rem)}.igx-grid--cosy .igx-grid__group-row--padding-level-1 .igx-grid__grouping-indicator{padding-inline-start:1rem}.igx-grid--compact .igx-grid__row-indentation--level-1{padding-inline-start:calc(0.75rem + 1.5rem)}.igx-grid--compact .igx-grid__group-row--padding-level-1 .igx-grid__grouping-indicator{padding-inline-start:0.75rem}.igx-grid__row-indentation--level-2{padding-inline-start:calc(3rem + 1.5rem)}.igx-grid__group-row--padding-level-2 .igx-grid__grouping-indicator{padding-inline-start:3rem}.igx-grid--cosy .igx-grid__row-indentation--level-2{padding-inline-start:calc(2rem + 1.5rem)}.igx-grid--cosy .igx-grid__group-row--padding-level-2 .igx-grid__grouping-indicator{padding-inline-start:2rem}.igx-grid--compact .igx-grid__row-indentation--level-2{padding-inline-start:calc(1.5rem + 1.5rem)}.igx-grid--compact .igx-grid__group-row--padding-level-2 .igx-grid__grouping-indicator{padding-inline-start:1.5rem}.igx-grid__row-indentation--level-3{padding-inline-start:calc(4.5rem + 1.5rem)}.igx-grid__group-row--padding-level-3 .igx-grid__grouping-indicator{padding-inline-start:4.5rem}.igx-grid--cosy .igx-grid__row-indentation--level-3{padding-inline-start:calc(3rem + 1.5rem)}.igx-grid--cosy .igx-grid__group-row--padding-level-3 .igx-grid__grouping-indicator{padding-inline-start:3rem}.igx-grid--compact .igx-grid__row-indentation--level-3{padding-inline-start:calc(2.25rem + 1.5rem)}.igx-grid--compact .igx-grid__group-row--padding-level-3 .igx-grid__grouping-indicator{padding-inline-start:2.25rem}.igx-grid__row-indentation--level-4{padding-inline-start:calc(6rem + 1.5rem)}.igx-grid__group-row--padding-level-4 .igx-grid__grouping-indicator{padding-inline-start:6rem}.igx-grid--cosy .igx-grid__row-indentation--level-4{padding-inline-start:calc(4rem + 1.5rem)}.igx-grid--cosy .igx-grid__group-row--padding-level-4 .igx-grid__grouping-indicator{padding-inline-start:4rem}.igx-grid--compact .igx-grid__row-indentation--level-4{padding-inline-start:calc(3rem + 1.5rem)}.igx-grid--compact .igx-grid__group-row--padding-level-4 .igx-grid__grouping-indicator{padding-inline-start:3rem}.igx-grid__row-indentation--level-5{padding-inline-start:calc(7.5rem + 1.5rem)}.igx-grid__group-row--padding-level-5 .igx-grid__grouping-indicator{padding-inline-start:7.5rem}.igx-grid--cosy .igx-grid__row-indentation--level-5{padding-inline-start:calc(5rem + 1.5rem)}.igx-grid--cosy .igx-grid__group-row--padding-level-5 .igx-grid__grouping-indicator{padding-inline-start:5rem}.igx-grid--compact .igx-grid__row-indentation--level-5{padding-inline-start:calc(3.75rem + 1.5rem)}.igx-grid--compact .igx-grid__group-row--padding-level-5 .igx-grid__grouping-indicator{padding-inline-start:3.75rem}.igx-grid__row-indentation--level-6{padding-inline-start:calc(9rem + 1.5rem)}.igx-grid__group-row--padding-level-6 .igx-grid__grouping-indicator{padding-inline-start:9rem}.igx-grid--cosy .igx-grid__row-indentation--level-6{padding-inline-start:calc(6rem + 1.5rem)}.igx-grid--cosy .igx-grid__group-row--padding-level-6 .igx-grid__grouping-indicator{padding-inline-start:6rem}.igx-grid--compact .igx-grid__row-indentation--level-6{padding-inline-start:calc(4.5rem + 1.5rem)}.igx-grid--compact .igx-grid__group-row--padding-level-6 .igx-grid__grouping-indicator{padding-inline-start:4.5rem}.igx-grid__row-indentation--level-7{padding-inline-start:calc(10.5rem + 1.5rem)}.igx-grid__group-row--padding-level-7 .igx-grid__grouping-indicator{padding-inline-start:10.5rem}.igx-grid--cosy .igx-grid__row-indentation--level-7{padding-inline-start:calc(7rem + 1.5rem)}.igx-grid--cosy .igx-grid__group-row--padding-level-7 .igx-grid__grouping-indicator{padding-inline-start:7rem}.igx-grid--compact .igx-grid__row-indentation--level-7{padding-inline-start:calc(5.25rem + 1.5rem)}.igx-grid--compact .igx-grid__group-row--padding-level-7 .igx-grid__grouping-indicator{padding-inline-start:5.25rem}.igx-grid__row-indentation--level-8{padding-inline-start:calc(12rem + 1.5rem)}.igx-grid__group-row--padding-level-8 .igx-grid__grouping-indicator{padding-inline-start:12rem}.igx-grid--cosy .igx-grid__row-indentation--level-8{padding-inline-start:calc(8rem + 1.5rem)}.igx-grid--cosy .igx-grid__group-row--padding-level-8 .igx-grid__grouping-indicator{padding-inline-start:8rem}.igx-grid--compact .igx-grid__row-indentation--level-8{padding-inline-start:calc(6rem + 1.5rem)}.igx-grid--compact .igx-grid__group-row--padding-level-8 .igx-grid__grouping-indicator{padding-inline-start:6rem}.igx-grid__row-indentation--level-9{padding-inline-start:calc(13.5rem + 1.5rem)}.igx-grid__group-row--padding-level-9 .igx-grid__grouping-indicator{padding-inline-start:13.5rem}.igx-grid--cosy .igx-grid__row-indentation--level-9{padding-inline-start:calc(9rem + 1.5rem)}.igx-grid--cosy .igx-grid__group-row--padding-level-9 .igx-grid__grouping-indicator{padding-inline-start:9rem}.igx-grid--compact .igx-grid__row-indentation--level-9{padding-inline-start:calc(6.75rem + 1.5rem)}.igx-grid--compact .igx-grid__group-row--padding-level-9 .igx-grid__grouping-indicator{padding-inline-start:6.75rem}.igx-grid__row-indentation--level-10{padding-inline-start:calc(15rem + 1.5rem)}.igx-grid__group-row--padding-level-10 .igx-grid__grouping-indicator{padding-inline-start:15rem}.igx-grid--cosy .igx-grid__row-indentation--level-10{padding-inline-start:calc(10rem + 1.5rem)}.igx-grid--cosy .igx-grid__group-row--padding-level-10 .igx-grid__grouping-indicator{padding-inline-start:10rem}.igx-grid--compact .igx-grid__row-indentation--level-10{padding-inline-start:calc(7.5rem + 1.5rem)}.igx-grid--compact .igx-grid__group-row--padding-level-10 .igx-grid__grouping-indicator{padding-inline-start:7.5rem}.igx-grid__outlet{z-index:10002;position:fixed}.igx-grid__loading-outlet{z-index:10003}.igx-grid__loading-outlet>.igx-overlay__wrapper--modal{background:none}.igx-grid__loading-outlet .igx-circular-bar{width:3.125rem;height:3.125rem}.igx-grid__row-editing-outlet{z-index:10000;position:absolute}.igx-grid__row-editing-outlet .igx-overlay__wrapper,.igx-grid__row-editing-outlet .igx-overlay__wrapper--modal,.igx-grid__row-editing-outlet .igx-overlay__wrapper--flex,.igx-grid__row-editing-outlet .igx-overlay__wrapper--flex-container{position:absolute}.igx-grid__addrow-snackbar{position:absolute;z-index:5;bottom:1.5rem;inset-inline-start:50%;transform:translateX(-50%)}.igx-grid__filtering-cell,.igx-grid__filtering-cell--selected{display:flex;align-items:center;border-inline-end:var(--header-border-width) var(--header-border-style) var(--header-border-color);border-top:var(--header-border-width) var(--header-border-style) var(--header-border-color);height:3.125rem;padding:0 1.5rem;overflow:hidden}.igx-grid__filtering-cell igx-chips-area,.igx-grid__filtering-cell--selected igx-chips-area{transition:transform .25s cubic-bezier(0.175, 0.885, 0.32, 1.275);flex-wrap:nowrap}.igx-grid__filtering-cell igx-chips-area .igx-filtering-chips__connector,.igx-grid__filtering-cell--selected igx-chips-area .igx-filtering-chips__connector{font-size:.75rem;text-transform:uppercase;font-weight:600;margin:0 .5rem}.igx-grid__filtering-cell--selected{color:var(--header-selected-text-color);background:var(--header-selected-background)}.igx-grid__filtering-cell-indicator,.igx-grid__filtering-cell-indicator--hidden{position:relative;display:flex;align-items:center;justify-content:center;padding-inline-end:.5rem;margin-inline-start:.5rem;cursor:pointer;visibility:visible}.igx-grid__filtering-cell-indicator igx-icon,.igx-grid__filtering-cell-indicator--hidden igx-icon{width:var(--igx-icon-size, 1.125rem);height:var(--igx-icon-size, 1.125rem);font-size:var(--igx-icon-size, 1.125rem)}.igx-grid__filtering-cell-indicator .igx-badge,.igx-grid__filtering-cell-indicator--hidden .igx-badge{top:50%;transform:translateY(-50%);position:absolute;width:.875rem;height:.875rem;min-width:.875rem;font-size:.75rem;text-align:center;inset-inline-end:0}.igx-grid__filtering-cell-indicator--hidden{visibility:hidden}.igx-grid__filtering-cell--cosy{height:2.5rem;padding:0 1.5rem}.igx-grid__filtering-cell--compact{height:2rem;padding:0 1.5rem}.igx-grid__filtering-row{position:absolute;display:flex;width:100%;height:3.125rem;padding:0 1rem;align-items:center;justify-content:space-between;background:var(--filtering-row-background);color:var(--filtering-row-text-color);inset-inline-start:0;bottom:0;z-index:3}.igx-grid__filtering-row::after{display:block;position:absolute;content:"";background:inherit;inset-inline-start:0;inset-inline-end:0;top:0;bottom:0;box-shadow:0 .0625rem 0 var(--filtering-row-background),0 .25rem .625rem rgba(0,0,0,.12);z-index:-1}.igx-grid__filtering-row igx-input-group{--theme: fluent;width:100%;max-width:12.5rem;min-width:8.75rem}.igx-grid__filtering-row igx-prefix:focus{color:hsla(var(--ig-secondary-500), var(--ig-secondary-a))}.igx-grid__filtering-row igx-suffix igx-icon{outline-style:none}.igx-grid__filtering-row igx-suffix igx-icon:focus{color:hsla(var(--ig-secondary-500), var(--ig-secondary-a))}.igx-grid__filtering-row igx-suffix igx-icon+igx-icon{margin-inline-start:.25rem}.igx-grid__filtering-dropdown-items{display:flex;align-items:center}.igx-grid__filtering-dropdown-text{margin-inline-start:1rem}.igx-grid__filtering-row--cosy{height:2.5rem}.igx-grid__filtering-row--compact{height:2rem}.igx-grid__filtering-row-main{display:flex;flex:1;overflow:hidden;max-width:calc(100% - 176px);min-width:3.5rem}.igx-grid__filtering-row-main igx-chips-area{transition:transform .25s cubic-bezier(0.175, 0.885, 0.32, 1.275);flex-wrap:nowrap;margin:0 .5rem}.igx-grid__filtering-row-main igx-chip{margin:0 .25rem}.igx-grid__filtering-row-main [igxButton] igx-icon{position:absolute;inset-inline-start:.75rem;top:50%;transform:translateY(-50%)}.igx-grid__filtering-row-main [igxButton] span{margin-inline-start:1rem}.igx-grid__filtering-row-scroll-start{width:1.5rem;height:1.5rem;position:relative;overflow:visible;margin:0 .5rem;z-index:1}.igx-grid__filtering-row-scroll-start::after{display:block;position:absolute;width:.625rem;content:"";inset-block:-0.125rem;background:linear-gradient(to right, var(--filtering-row-background), transparent);inset-inline-start:calc(100% + 6px)}[dir=rtl] .igx-grid__filtering-row-scroll-start{transform:scaleX(-1)}[dir=rtl] .igx-grid__filtering-row-scroll-start::after{content:initial}[dir=rtl] .igx-grid__filtering-row-scroll-start::before{display:block;position:absolute;width:.625rem;content:"";inset-block:-0.125rem;background:linear-gradient(to right, var(--filtering-row-background), transparent);inset-inline-end:calc(100% + 6px)}.igx-grid__filtering-row-scroll-end{width:1.5rem;height:1.5rem;position:relative;overflow:visible;margin:0 .5rem;z-index:1}.igx-grid__filtering-row-scroll-end::before{display:block;position:absolute;width:.625rem;content:"";inset-block:-0.125rem;background:linear-gradient(to left, var(--filtering-row-background), transparent);inset-inline-end:calc(100% + 6px)}[dir=rtl] .igx-grid__filtering-row-scroll-end{transform:scaleX(-1)}[dir=rtl] .igx-grid__filtering-row-scroll-end::before{content:initial}[dir=rtl] .igx-grid__filtering-row-scroll-end::after{display:block;position:absolute;width:.625rem;content:"";inset-block:-0.125rem;background:linear-gradient(to left, var(--filtering-row-background), transparent);inset-inline-start:calc(100% + 6px)}.igx-grid__tr--highlighted{position:relative}.igx-grid__tr--highlighted::after{content:"";position:absolute;top:0;inset-inline-start:0;width:.25rem;height:100%;background:var(--row-highlight);z-index:3}.igx-grid__tr--highlighted .igx-grid__tr--edited::before{inset-inline-start:.25rem}.igx-grid__tr--highlighted::before{inset-inline-start:.25rem}.igx-grid__tr-container{border-bottom:.0625rem solid var(--row-border-color)}.igx-grid__hierarchical-expander,.igx-grid__hierarchical-expander--empty{-webkit-user-select:none;user-select:none;background:inherit;padding-inline-start:1.5rem;padding-inline-end:1.5rem;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:3;color:var(--expand-icon-color);background-clip:border-box}.igx-grid__hierarchical-expander:focus,.igx-grid__hierarchical-expander--empty:focus{outline:none}.igx-grid__hierarchical-expander:focus igx-icon,.igx-grid__hierarchical-expander--empty:focus igx-icon{color:var(--expand-icon-hover-color)}.igx-grid__hierarchical-expander:hover igx-icon,.igx-grid__hierarchical-expander--empty:hover igx-icon{color:var(--expand-icon-hover-color)}.igx-grid__hierarchical-expander igx-icon,.igx-grid__hierarchical-expander--empty igx-icon{color:var(--expand-icon-color);max-width:1.5rem;min-width:1.5rem}[dir=rtl] .igx-grid__hierarchical-expander,[dir=rtl] .igx-grid__hierarchical-expander--empty{transform:scaleX(-1)}.igx-grid__hierarchical-expander--empty,.igx-grid--cosy .igx-grid__hierarchical-expander--empty,.igx-grid--compact .igx-grid__hierarchical-expander--empty{cursor:default;pointer-events:none}.igx-grid--cosy .igx-grid__hierarchical-expander,.igx-grid--cosy .igx-grid__hierarchical-expander--empty{padding-inline-start:1rem;padding-inline-end:1rem}.igx-grid--compact .igx-grid__hierarchical-expander,.igx-grid--compact .igx-grid__hierarchical-expander--empty{padding-inline-start:.75rem;padding-inline-end:.75rem}.igx-grid__hierarchical-expander--header{background:inherit;border-inline-end:.0625rem solid var(--header-border-color);z-index:3;background-clip:border-box}.igx-grid__hierarchical-expander--header igx-icon{display:flex;align-items:center}.igx-grid__hierarchical-expander--push{align-items:flex-start}.igx-grid__hierarchical-expander--push igx-icon{min-height:3.125rem;max-height:3.125rem}.igx-grid--cosy .igx-grid__hierarchical-expander--push igx-icon{min-height:2.5rem}.igx-grid--compact .igx-grid__hierarchical-expander--push igx-icon{min-height:2rem}.igx-grid__header-indentation--no-border{border-inline-end:.0625rem solid rgba(0,0,0,0)}.igx-grid__hierarchical-indent{margin-inline-start:calc(2*1.5rem + 1.5rem);margin-top:1.5rem;margin-inline-end:1.5rem;margin-bottom:1.5rem}.igx-grid__hierarchical-indent--scroll{margin-inline-end:calc(1.5rem + 18px)}.igx-grid--cosy .igx-grid__hierarchical-indent{margin-inline-start:calc(2*1rem + 1.5rem);margin-top:1rem;margin-inline-end:1rem;margin-bottom:1rem}.igx-grid--cosy .igx-grid__hierarchical-indent--scroll{margin-inline-end:calc(1rem + 18px)}.igx-grid--compact .igx-grid__hierarchical-indent{margin-inline-start:calc(2*0.75rem + 1.5rem);margin-top:.75rem;margin-inline-end:.75rem;margin-bottom:.75rem}.igx-grid--compact .igx-grid__hierarchical-indent--scroll{margin-inline-end:calc(0.75rem + 18px)}.igx-excel-filter{display:block;width:20rem;height:100%;flex-grow:1;box-shadow:var(--ig-elevation-12);overflow:auto;min-width:20rem}.igx-excel-filter--inline{box-shadow:none;width:100%}.igx-excel-filter__loading{display:flex;justify-content:center;align-items:center}.igx-excel-filter__icon,.igx-excel-filter__icon--filtered{display:flex;cursor:pointer}.igx-excel-filter__icon igx-icon,.igx-excel-filter__icon--filtered igx-icon{width:var(--igx-icon-size, 0.9375rem);height:var(--igx-icon-size, 0.9375rem);font-size:var(--igx-icon-size, 0.9375rem)}.igx-excel-filter__icon--filtered igx-icon{color:hsla(var(--ig-secondary-500), var(--ig-secondary-a))}.igx-excel-filter__menu{display:flex;flex-direction:column;height:100%;background:var(--filtering-row-background);border-radius:clamp(0rem,calc(var(--ig-radius-factor, 1) * 0.25rem),0.25rem)}.igx-excel-filter__menu igx-buttongroup{--shadow: none;--item-background: var(--filtering-row-background);--item-hover-background: hsla(var(--ig-gray-100), var(--ig-gray-a));--item-selected-background: hsla(var(--ig-gray-100), var(--ig-gray-a));--item-text-color: hsla(var(--ig-gray-700), var(--ig-gray-a));--item-hover-text-color: hsla(var(--ig-gray-800), var(--ig-gray-a));--item-selected-text-color: hsla(var(--ig-secondary-500), var(--ig-secondary-a));--item-border-color: transparent;--item-selected-border-color: transparent;--item-disabled-border: transparent}.igx-excel-filter__menu,.igx-excel-filter__menu igx-tree{--background: var(--igx-tree-background, hsla(var(--ig-surface-500), var(--ig-surface-a)));--foreground: var(--igx-tree-foreground, var(--ig-surface-500-contrast));--background-selected: var(--igx-tree-background-selected, hsla(var(--ig-surface-500), var(--ig-surface-a)));--foreground-selected: var(--igx-tree-foreground-selected, var(--ig-surface-500-contrast));--background-active: var(--igx-tree-background-active, hsla(var(--ig-surface-500), var(--ig-surface-a)));--foreground-active: var(--igx-tree-foreground-active, var(--ig-surface-500-contrast));--background-active-selected: var(--igx-tree-background-active-selected, hsla(var(--ig-surface-500), var(--ig-surface-a)));--foreground-active-selected: var(--igx-tree-foreground-active-selected, var(--ig-surface-500-contrast));--border-color: var(--igx-tree-border-color, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--background-disabled: var(--igx-tree-background-disabled, hsla(var(--ig-surface-500), var(--ig-surface-a)));--foreground-disabled: var(--igx-tree-foreground-disabled, hsla(var(--ig-gray-500), var(--ig-gray-a)));--drop-area-color: var(--igx-tree-drop-area-color, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--hover-color: var(--igx-tree-hover-color, hsla(var(--ig-gray-900), 0.1))}.igx-excel-filter__menu .igx-tree{display:block;z-index:0;overflow-y:auto}.igx-excel-filter__menu .igx-tree-node,.igx-excel-filter__menu .igx-tree-node__wrapper,.igx-excel-filter__menu .igx-tree-node__toggle-button,.igx-excel-filter__menu .igx-tree-node__content,.igx-excel-filter__menu .igx-tree-node__select{display:flex}.igx-excel-filter__menu .igx-tree-node{flex-direction:column}.igx-excel-filter__menu .igx-tree-node__wrapper,.igx-excel-filter__menu .igx-tree-node__toggle-button,.igx-excel-filter__menu .igx-tree-node__select{align-items:center}.igx-excel-filter__menu .igx-tree-node__toggle-button,.igx-excel-filter__menu .igx-tree-node__select{margin-inline-end:.5rem}.igx-excel-filter__menu .igx-tree-node__content,.igx-excel-filter__menu .igx-tree-node__toggle-button,.igx-excel-filter__menu .igx-tree-node__select{z-index:1}.igx-excel-filter__menu .igx-tree-node__toggle-button--hidden{visibility:hidden}.igx-excel-filter__menu .igx-tree-node__wrapper{min-height:3.125rem;padding:0 1.5rem;position:relative;background:var(--background);color:var(--foreground)}.igx-excel-filter__menu .igx-tree-node__wrapper igx-icon{width:var(--igx-icon-size, 1.5rem);height:var(--igx-icon-size, 1.5rem);font-size:var(--igx-icon-size, 1.5rem)}[dir=rtl] .igx-excel-filter__menu .igx-tree-node__wrapper igx-icon{transform:scaleX(-1)}.igx-excel-filter__menu .igx-tree-node__wrapper::after{content:"";position:absolute;top:0;inset-inline-start:0;width:100%;height:100%;background:rgba(0,0,0,0);z-index:0}.igx-excel-filter__menu .igx-tree-node__wrapper:hover::after{background:var(--hover-color)}.igx-excel-filter__menu .igx-tree-node__wrapper:focus{outline-width:0}.igx-excel-filter__menu .igx-tree-node__wrapper igx-circular-bar{width:1.5rem;height:1.5rem}.igx-excel-filter__menu .igx-tree-node__wrapper--cosy{min-height:2.5rem;padding:0 1rem}.igx-excel-filter__menu .igx-tree-node__wrapper--cosy .igx-tree-node__spacer{width:1rem}.igx-excel-filter__menu .igx-tree-node__wrapper--cosy .igx-tree-node__drop-indicator{inset-inline-end:1rem;width:calc(100% - (1rem*2 + 1.5rem + 0.5rem))}.igx-excel-filter__menu .igx-tree-node__wrapper--cosy igx-circular-bar{width:calc(1.5rem - 4px);height:calc(1.5rem - 4px)}.igx-excel-filter__menu .igx-tree-node__wrapper--compact{min-height:2rem;padding:0 .75rem}.igx-excel-filter__menu .igx-tree-node__wrapper--compact .igx-tree-node__spacer{width:.75rem}.igx-excel-filter__menu .igx-tree-node__wrapper--compact .igx-tree-node__drop-indicator{inset-inline-end:.75rem;width:calc(100% - (0.75rem*2 + 1.5rem + 0.5rem))}.igx-excel-filter__menu .igx-tree-node__wrapper--compact igx-circular-bar{width:calc(1.5rem - 6px);height:calc(1.5rem - 6px)}.igx-excel-filter__menu .igx-tree-node__wrapper--selected{background:var(--background-selected);color:var(--foreground-selected)}.igx-excel-filter__menu .igx-tree-node__wrapper--active{background:var(--background-active);color:var(--foreground-active)}.igx-excel-filter__menu .igx-tree-node__wrapper--active.igx-tree-node__wrapper--selected{background:var(--background-active-selected);color:var(--foreground-active-selected)}.igx-excel-filter__menu .igx-tree-node__wrapper--focused{box-shadow:inset 0 0 0 .0625rem var(--border-color)}.igx-excel-filter__menu .igx-tree-node__wrapper--disabled{background:var(--background-disabled) !important;color:var(--foreground-disabled) !important;box-shadow:none !important;pointer-events:none}.igx-excel-filter__menu .igx-tree-node__wrapper--disabled::after{display:none}.igx-excel-filter__menu .igx-tree-node__wrapper--disabled .igx-tree-node__toggle-button{color:var(--foreground-disabled) !important}.igx-excel-filter__menu .igx-tree-node__spacer{display:inline-block;width:1.5rem}.igx-excel-filter__menu .igx-tree-node__content{display:block;align-items:center;flex:1;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.igx-excel-filter__menu .igx-tree-node__toggle-button{justify-content:center;cursor:pointer;-webkit-user-select:none;user-select:none;min-width:1.5rem}.igx-excel-filter__menu .igx-tree-node__drop-indicator{display:flex;visibility:hidden;position:absolute;inset-inline-end:1.5rem;bottom:0;width:calc(100% - (1.5rem*2 + 1.5rem + 0.5rem))}.igx-excel-filter__menu .igx-tree-node__drop-indicator>div{flex:1;height:.0625rem;background:var(--drop-area-color)}.igx-excel-filter__menu .igx-tree-node__group{overflow:hidden}.igx-excel-filter__menu .igx-tree-node__wrapper{padding:0}.igx-excel-filter__menu igx-chips-area{padding:1rem 1rem 0 1rem;gap:.5rem}.igx-excel-filter__menu-header,.igx-excel-filter__secondary-header{display:flex;align-items:center;padding:1rem;color:hsla(var(--ig-gray-700), var(--ig-gray-a))}.igx-excel-filter__menu-header-actions{display:flex;margin-inline-start:auto}.igx-excel-filter__menu-header-actions [igxButton]+[igxButton]{margin-inline-start:.25rem}.igx-excel-filter__menu-header-actions .igx-excel-filter__actions-pin,.igx-excel-filter__menu-header-actions .igx-excel-filter__actions-pin--disabled,.igx-excel-filter__menu-header-actions .igx-excel-filter__actions-unpin,.igx-excel-filter__menu-header-actions .igx-excel-filter__actions-hide,.igx-excel-filter__menu-header-actions .igx-excel-filter__actions-select,.igx-excel-filter__menu-header-actions .igx-excel-filter__actions-selected,.igx-excel-filter__menu-header-actions .igx-excel-filter__actions-filter,.igx-excel-filter__menu-header-actions .igx-excel-filter__actions-clear,.igx-excel-filter__menu-header-actions .igx-excel-filter__actions-clear--disabled{padding:0 !important;margin:0 !important;justify-content:center}.igx-excel-filter__menu-footer,.igx-excel-filter__secondary-footer{display:flex;justify-content:space-between}.igx-excel-filter__menu-footer .igx-excel-filter__apply,.igx-excel-filter__secondary-footer .igx-excel-filter__apply,.igx-excel-filter__menu-footer .igx-excel-filter__cancel,.igx-excel-filter__secondary-footer .igx-excel-filter__cancel{flex-grow:1}.igx-excel-filter__menu-footer .igx-excel-filter__apply [igxButton],.igx-excel-filter__secondary-footer .igx-excel-filter__apply [igxButton],.igx-excel-filter__menu-footer .igx-excel-filter__cancel [igxButton],.igx-excel-filter__secondary-footer .igx-excel-filter__cancel [igxButton]{width:100%}.igx-excel-filter__clear{flex-grow:1}.igx-excel-filter__cancel+.igx-excel-filter__apply{margin-inline-start:1rem}.igx-excel-filter__sort,.igx-excel-filter__move{display:block;padding:.5rem 1rem}.igx-excel-filter__sort header,.igx-excel-filter__move header{color:hsla(var(--ig-gray-700), var(--ig-gray-a));margin-bottom:.25rem}.igx-excel-filter__sort igx-icon,.igx-excel-filter__move igx-icon{display:initial;width:var(--igx-icon-size, 1.125rem);height:var(--igx-icon-size, 1.125rem);font-size:var(--igx-icon-size, 1.125rem)}.igx-excel-filter__menu--compact .igx-excel-filter__sort,.igx-excel-filter__menu--compact .igx-excel-filter__move{display:flex;align-items:center;justify-content:space-between}.igx-excel-filter__menu--compact .igx-excel-filter__sort header,.igx-excel-filter__menu--compact .igx-excel-filter__move header{color:hsla(var(--ig-gray-700), var(--ig-gray-a));margin-inline-end:auto}.igx-excel-filter__actions{padding:.5rem 1rem}.igx-excel-filter__actions-selected igx-icon{color:hsla(var(--ig-secondary-500), var(--ig-secondary-a))}[dir=rtl] .igx-excel-filter__move .igx-button-group{flex-direction:row-reverse}[dir=rtl] .igx-excel-filter__move .igx-button-group igx-icon,[dir=rtl] .igx-excel-filter__move .igx-button-group [igxButton]{direction:ltr}[dir=rtl] .igx-excel-filter__sort .igx-button-group{flex-direction:row-reverse}[dir=rtl] .igx-excel-filter__sort .igx-button-group igx-icon,[dir=rtl] .igx-excel-filter__sort .igx-button-group [igxButton]{direction:ltr}.igx-excel-filter__actions-pin,.igx-excel-filter__actions-pin--disabled,.igx-excel-filter__actions-unpin,.igx-excel-filter__actions-hide,.igx-excel-filter__actions-select,.igx-excel-filter__actions-selected,.igx-excel-filter__actions-filter,.igx-excel-filter__actions-clear,.igx-excel-filter__actions-clear--disabled{display:flex;align-items:center;justify-content:space-between;padding:.5rem 1rem;cursor:pointer;color:hsla(var(--ig-gray-700), var(--ig-gray-a));outline-style:none}.igx-excel-filter__actions-pin:hover,.igx-excel-filter__actions-pin--disabled:hover,.igx-excel-filter__actions-unpin:hover,.igx-excel-filter__actions-hide:hover,.igx-excel-filter__actions-select:hover,.igx-excel-filter__actions-selected:hover,.igx-excel-filter__actions-filter:hover,.igx-excel-filter__actions-clear:hover,.igx-excel-filter__actions-clear--disabled:hover,.igx-excel-filter__actions-pin:focus,.igx-excel-filter__actions-pin--disabled:focus,.igx-excel-filter__actions-unpin:focus,.igx-excel-filter__actions-hide:focus,.igx-excel-filter__actions-select:focus,.igx-excel-filter__actions-selected:focus,.igx-excel-filter__actions-filter:focus,.igx-excel-filter__actions-clear:focus,.igx-excel-filter__actions-clear--disabled:focus{background:hsla(var(--ig-gray-100), var(--ig-gray-a))}[dir=rtl] .igx-excel-filter__actions-pin igx-icon,[dir=rtl] .igx-excel-filter__actions-pin--disabled igx-icon,[dir=rtl] .igx-excel-filter__actions-unpin igx-icon,[dir=rtl] .igx-excel-filter__actions-hide igx-icon,[dir=rtl] .igx-excel-filter__actions-select igx-icon,[dir=rtl] .igx-excel-filter__actions-selected igx-icon,[dir=rtl] .igx-excel-filter__actions-filter igx-icon,[dir=rtl] .igx-excel-filter__actions-clear igx-icon,[dir=rtl] .igx-excel-filter__actions-clear--disabled igx-icon{transform:scaleX(-1)}.igx-excel-filter__actions-pin--disabled,.igx-excel-filter__actions-clear--disabled{color:hsla(var(--ig-gray-400), var(--ig-gray-a));pointer-events:none}.igx-excel-filter__empty{display:grid;place-items:center;height:100%}.igx-excel-filter__menu-main{display:flex;flex-direction:column;flex-grow:1;overflow:hidden;padding:1rem;gap:1rem}.igx-excel-filter__menu-main igx-list{flex-grow:1;overflow:hidden;margin-inline:-1rem;border:0;border-top:.0625rem dashed hsla(var(--ig-gray-300), var(--ig-gray-a));border-bottom:.0625rem dashed hsla(var(--ig-gray-300), var(--ig-gray-a))}.igx-excel-filter__menu-main .igx-excel-filter__tree{background:hsla(var(--ig-surface-500), var(--ig-surface-a));overflow-y:auto;margin:0 -1rem;flex:1;border-top:.0625rem dashed hsla(var(--ig-gray-300), var(--ig-gray-a));border-bottom:.0625rem dashed hsla(var(--ig-gray-300), var(--ig-gray-a))}.igx-excel-filter__menu-main .igx-excel-filter__tree igx-icon{width:var(--igx-icon-size, 1.25rem);height:var(--igx-icon-size, 1.25rem);font-size:var(--igx-icon-size, 1.25rem)}.igx-excel-filter__menu-main .igx-excel-filter__tree>igx-checkbox,.igx-excel-filter__menu-main .igx-excel-filter__tree .igx-tree-node__wrapper{height:2.5rem;min-height:2.5rem}.igx-excel-filter__menu-main .igx-excel-filter__tree .igx-tree-node__toggle-button{min-width:1.25rem;margin-inline-start:1rem}.igx-excel-filter__menu-main .igx-excel-filter__tree .igx-tree{overflow-y:hidden}.igx-excel-filter__menu-main .igx-excel-filter__tree-alike{background:hsla(var(--ig-surface-500), var(--ig-surface-a));display:flex;flex-direction:column;z-index:1}.igx-excel-filter__menu-main .igx-excel-filter__tree-alike-item{display:flex;align-items:center;height:2.5rem;background:hsla(var(--ig-surface-500), var(--ig-surface-a))}.igx-excel-filter__menu-main .igx-excel-filter__tree-alike-item:hover,.igx-excel-filter__menu-main .igx-excel-filter__tree-alike-item:focus{background:hsla(var(--ig-gray-200), var(--ig-gray-a))}.igx-excel-filter__menu-main .igx-excel-filter__tree-alike-item>igx-checkbox{margin-inline-start:calc(1rem + 1.25rem + 0.5rem)}.igx-excel-filter__menu--cosy igx-chips-area{padding:.5rem .5rem 0 .5rem}.igx-excel-filter__menu--cosy .igx-excel-filter__menu-header,.igx-excel-filter__menu--cosy .igx-excel-filter__secondary-header{justify-content:space-between;padding:.5rem}.igx-excel-filter__menu--cosy .igx-excel-filter__sort{padding:.5rem}.igx-excel-filter__menu--cosy .igx-excel-filter__move{padding:.5rem}.igx-excel-filter__menu--cosy .igx-excel-filter__actions{padding:.5rem}.igx-excel-filter__menu--cosy .igx-excel-filter__actions-pin,.igx-excel-filter__menu--cosy .igx-excel-filter__actions-pin--disabled,.igx-excel-filter__menu--cosy .igx-excel-filter__actions-unpin,.igx-excel-filter__menu--cosy .igx-excel-filter__actions-hide,.igx-excel-filter__menu--cosy .igx-excel-filter__actions-select,.igx-excel-filter__menu--cosy .igx-excel-filter__actions-selected,.igx-excel-filter__menu--cosy .igx-excel-filter__actions-filter,.igx-excel-filter__menu--cosy .igx-excel-filter__actions-clear,.igx-excel-filter__menu--cosy .igx-excel-filter__actions-clear--disabled{padding:.5rem}.igx-excel-filter__menu--cosy .igx-excel-filter__menu-main{padding:.5rem;gap:.5rem}.igx-excel-filter__menu--cosy igx-list{margin-inline-start:-0.5rem;margin-inline-end:-0.5rem}.igx-excel-filter__menu--cosy .igx-excel-filter__tree{margin:0 -0.5rem}.igx-excel-filter__menu--cosy .igx-excel-filter__tree>igx-checkbox,.igx-excel-filter__menu--cosy .igx-excel-filter__tree .igx-tree-node__wrapper{height:2rem;min-height:2rem}.igx-excel-filter__menu--cosy .igx-excel-filter__tree .igx-tree-node__toggle-button{margin-inline-start:.5rem}.igx-excel-filter__menu--cosy .igx-excel-filter__tree-alike-item{height:2rem}.igx-excel-filter__menu--cosy .igx-excel-filter__tree-alike-item>igx-checkbox{margin-inline-start:calc(0.5rem*2 + 1.25rem)}.igx-excel-filter__menu--compact igx-chips-area{padding:.25rem .25rem 0 .25rem;gap:.25rem}.igx-excel-filter__menu--compact .igx-excel-filter__menu-header,.igx-excel-filter__menu--compact .igx-excel-filter__secondary-header{justify-content:space-between;padding:.25rem}.igx-excel-filter__menu--compact .igx-excel-filter__sort,.igx-excel-filter__menu--compact .igx-excel-filter__move{padding:.25rem}.igx-excel-filter__menu--compact .igx-excel-filter__sort igx-buttongroup,.igx-excel-filter__menu--compact .igx-excel-filter__move igx-buttongroup{width:13rem}.igx-excel-filter__menu--compact .igx-excel-filter__move{margin-bottom:0}.igx-excel-filter__menu--compact .igx-excel-filter__actions{padding:.25rem}.igx-excel-filter__menu--compact .igx-excel-filter__actions-pin,.igx-excel-filter__menu--compact .igx-excel-filter__actions-pin--disabled,.igx-excel-filter__menu--compact .igx-excel-filter__actions-unpin,.igx-excel-filter__menu--compact .igx-excel-filter__actions-hide,.igx-excel-filter__menu--compact .igx-excel-filter__actions-select,.igx-excel-filter__menu--compact .igx-excel-filter__actions-selected,.igx-excel-filter__menu--compact .igx-excel-filter__actions-filter,.igx-excel-filter__menu--compact .igx-excel-filter__actions-clear,.igx-excel-filter__menu--compact .igx-excel-filter__actions-clear--disabled{padding:.25rem}.igx-excel-filter__menu--compact .igx-excel-filter__menu-main{padding:.25rem;gap:.25rem}.igx-excel-filter__menu--compact igx-list{margin-inline-start:-0.25rem;margin-inline-end:-0.25rem}.igx-excel-filter__menu--compact .igx-excel-filter__tree{margin:0 -0.25rem}.igx-excel-filter__menu--compact .igx-excel-filter__tree igx-checkbox,.igx-excel-filter__menu--compact .igx-excel-filter__tree .igx-tree-node__wrapper{height:1.5rem;min-height:1.5rem}.igx-excel-filter__menu--compact .igx-excel-filter__tree .igx-tree-node__toggle-button{margin:0 .25rem}.igx-excel-filter__menu--compact .igx-excel-filter__tree-alike-item{height:1.5rem}.igx-excel-filter__menu--compact .igx-excel-filter__tree-alike-item>igx-checkbox{margin-inline-start:calc(0.25rem*2 + 1.25rem)}.igx-excel-filter__secondary{width:32.5rem;min-width:32.5rem;background:var(--filtering-row-background);box-shadow:var(--ig-elevation-12);border-radius:clamp(0rem,calc(var(--ig-radius-factor, 1) * 0.25rem),0.25rem)}.igx-excel-filter__secondary--cosy .igx-excel-filter__menu-header,.igx-excel-filter__secondary--cosy .igx-excel-filter__secondary-header{padding:.5rem}.igx-excel-filter__secondary--cosy .igx-excel-filter__condition{padding:0 .5rem}.igx-excel-filter__secondary--cosy .igx-excel-filter__add-filter{margin:0 .5rem .5rem}.igx-excel-filter__secondary--cosy .igx-excel-filter__menu-footer,.igx-excel-filter__secondary--cosy .igx-excel-filter__secondary-footer{padding:.5rem}.igx-excel-filter__secondary--compact .igx-excel-filter__menu-header,.igx-excel-filter__secondary--compact .igx-excel-filter__secondary-header{padding:.25rem}.igx-excel-filter__secondary--compact .igx-excel-filter__condition{padding:0 .25rem}.igx-excel-filter__secondary--compact .igx-excel-filter__add-filter{margin:0 .25rem .25rem}.igx-excel-filter__secondary--compact .igx-excel-filter__menu-footer,.igx-excel-filter__secondary--compact .igx-excel-filter__secondary-footer{padding:.5rem .25rem}.igx-excel-filter__secondary-header{border-bottom:.0625rem solid hsla(var(--ig-gray-300), var(--ig-gray-a))}.igx-excel-filter__secondary-main{height:14.5rem;overflow:auto}.igx-excel-filter__secondary-footer{padding:.5rem 1rem;border-top:.0625rem dashed hsla(var(--ig-gray-300), var(--ig-gray-a))}.igx-excel-filter__secondary-footer .igx-excel-filter__apply,.igx-excel-filter__secondary-footer .igx-excel-filter__cancel{flex-grow:0}.igx-excel-filter__condition{display:flex;flex-wrap:wrap;align-items:center;padding:0 1rem}.igx-excel-filter__condition igx-select{flex-grow:1;flex-basis:40%;margin:1rem 0}.igx-excel-filter__condition igx-select~igx-input-group,.igx-excel-filter__condition igx-select~igx-date-picker{margin-inline-start:1rem}.igx-excel-filter__condition igx-buttongroup{min-width:30%}.igx-excel-filter__condition [igxButton=icon]{margin-inline-start:1rem}.igx-excel-filter__add-filter{margin:0 1rem 1rem}.igx-excel-filter__add-filter igx-icon{width:var(--igx-icon-size, 1.125rem);height:var(--igx-icon-size, 1.125rem);font-size:var(--igx-icon-size, 1.125rem)}.igx-excel-filter__filter-results{position:absolute;width:1px;height:1px;overflow:hidden}igx-excel-style-filter-operations,[igxExcelStyleFilterOperations]{display:flex;flex-direction:column;flex-grow:1;overflow:hidden}.igx-advanced-filter{background:var(--filtering-row-background);box-shadow:var(--ig-elevation-12)}.igx-advanced-filter igx-query-builder{--igx-query-builder-background: var(--filtering-row-background);--igx-query-builder-background-and: var(--filtering-background-and);--igx-query-builder-background-and--focus: var(--filtering-background-and--focus);--igx-query-builder-background-or: var(--filtering-background-or);--igx-query-builder-background-or--focus: var(--filtering-background-or--focus);box-shadow:none}.igx-advanced-filter igx-query-builder-header{cursor:grab}.igx-grid__filtering-row-editing-buttons--small,.igx-grid__filtering-row-editing-buttons{display:flex;align-items:center}.igx-grid__filtering-row-editing-buttons--small button,.igx-grid__filtering-row-editing-buttons button{transition:none}.igx-grid__filtering-row-editing-buttons--small button:not([disabled]) igx-icon{color:var(--sorted-header-icon-color)}.igx-grid__tr-action:last-of-type{border-inline-end:var(--header-border-width) var(--header-border-style) var(--header-border-color)}.igx-grid__pivot--super-compact .igx-grid__td,.igx-grid__pivot--super-compact .igx-grid-thead__title,.igx-grid__pivot--super-compact .igx-grid-th{padding:0 .25rem !important;min-height:1.5rem !important;height:1.5rem}.igx-grid__pivot--super-compact .igx-grid-thead__title>*,.igx-grid__pivot--super-compact .igx-grid-th>*{line-height:normal;align-self:initial;max-height:100%}.igx-grid-thead--pivot{display:flex}.igx-grid-thead--pivot .igx-grid-thead--virtualizationWrapper{border-inline-start:var(--header-border-width) var(--header-border-style) var(--header-border-color)}.igx-grid-thead--virtualizationWrapper{height:100%}.igx-grid-thead--virtualizationContainer{overflow:visible;height:100%}.igx-grid__tr-pivot{display:flex;align-items:center;background:inherit;overflow:hidden;z-index:3;height:3.125rem;padding:0 1.5rem;background-clip:border-box !important;border-inline-start:var(--header-border-width) var(--header-border-style) var(--header-border-color);border-bottom:var(--header-border-width) var(--header-border-style) var(--header-border-color)}.igx-grid--cosy .igx-grid__tr-pivot{height:2.5rem;padding:0 1rem}.igx-grid--compact .igx-grid__tr-pivot{height:2rem;padding:0 .75rem}.igx-grid__tr-pivot igx-chips-area{flex-wrap:nowrap;width:auto}.igx-grid__tr-pivot igx-chips-area>*{margin-inline-end:.25rem}.igx-grid__tr-pivot igx-chips-area:last-child{margin-inline-end:0}.igx-grid__pivot-filter-toggle{display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative}.igx-grid__pivot-filter-toggle>igx-badge{position:absolute;top:-0.25rem;inset-inline-start:60%;width:1.125rem;min-width:1.125rem;height:1.125rem;font-size:.625rem;pointer-events:none;-webkit-user-select:none;user-select:none}.igx-grid__pivot-empty-chip-area{line-height:normal;font-size:.875rem;margin-inline-end:0 !important}.igx-grid__tr-pivot--row-area{height:auto !important;align-items:flex-end;padding-bottom:1.5rem;border-inline-start:0;border-bottom:0}.igx-grid--cosy .igx-grid__tr-pivot--row-area{padding-bottom:1rem}.igx-grid--compact .igx-grid__tr-pivot--row-area{padding-bottom:.75rem}.igx-grid__tr-pivot--filter-container{display:flex;flex-direction:column}.igx-grid__tr-pivot--chip_drop_indicator{width:.125rem;background:var(--resize-line-color)}.igx-grid__tr-pivot--drop-row-area{flex-grow:1}.igx-grid__tr-pivot--filter{height:3.125rem;border-inline-start:0;border-inline-end:0;border-bottom:var(--header-border-width) var(--header-border-style) var(--header-border-color)}.igx-grid--cosy .igx-grid__tr-pivot--filter{height:2.5rem}.igx-grid--compact .igx-grid__tr-pivot--filter{height:2rem}.igx-grid-thead__wrapper--pivot{border-bottom:0}.igx-grid__tr-pivot-group{flex:1}.igx-grid__tr-pivot-toggle-icons{display:inline-flex !important}.igx-grid__tr-pivot--columnDimensionLeaf{box-shadow:none}.igx-grid__tr-pivot--columnDimensionLeaf igx-grid-header{border:none}.igx-grid__tr-pivot--columnMultiRowSpan igx-grid-header>*{visibility:hidden}.igx-grid__tr-header-row igx-pivot-row-dimension-header-group igx-pivot-row-dimension-header{align-items:center}.igx-grid-summary{--background-color: var(--igx-grid-summary-background-color, inherit);--focus-background-color: var(--igx-grid-summary-focus-background-color, hsla(var(--ig-gray-100), var(--ig-gray-a)));--label-color: var(--igx-grid-summary-label-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--label-hover-color: var(--igx-grid-summary-label-hover-color, hsla(var(--ig-primary-700), var(--ig-primary-a)));--result-color: var(--igx-grid-summary-result-color, 'currentColor');--border-color: var(--igx-grid-summary-border-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--pinned-border-width: var(--igx-grid-summary-pinned-border-width, 2px);--pinned-border-style: var(--igx-grid-summary-pinned-border-style, solid);--pinned-border-color: var(--igx-grid-summary-pinned-border-color, hsla(var(--ig-gray-400), var(--ig-gray-a)))}.igx-grid-summary,.igx-grid-summary--cosy,.igx-grid-summary--compact{position:relative;display:flex;flex-direction:column;flex:1 1 0%;padding:0 1.5rem;background:var(--background-color, inherit);overflow:hidden;outline-style:none}.igx-grid-summary::after,.igx-grid-summary--cosy::after,.igx-grid-summary--compact::after{position:absolute;inset:0}.igx-grid-summary:focus::after,.igx-grid-summary--cosy:focus::after,.igx-grid-summary--compact:focus::after{background:var(--focus-background-color)}.igx-grid-summary--cosy{padding:0 1rem}.igx-grid-summary--compact{padding:0 .75rem}.igx-grid-summary--pinned{position:relative;z-index:1}.igx-grid-summary--fw{flex-grow:0}.igx-grid-summary--pinned-last{border-inline-end:var(--pinned-border-width) var(--pinned-border-style) var(--pinned-border-color)}@media print{.igx-grid-summary--pinned-last{border-inline-end:var(--pinned-border-width) var(--pinned-border-style) #999}}.igx-grid-summary--pinned-first{border-inline-start:var(--pinned-border-width) var(--pinned-border-style) var(--pinned-border-color)}@media print{.igx-grid-summary--pinned-first{border-inline-start:var(--pinned-border-width) var(--pinned-border-style) #999}}.igx-grid-summary__item{display:flex;align-items:center;padding:.375rem 0;font-size:.75rem;position:relative}.igx-grid-summary--cosy .igx-grid-summary__item{padding:.125rem 0}.igx-grid-summary--compact .igx-grid-summary__item{padding:0}.igx-grid-summary__label{color:var(--label-color);min-width:1.875rem;margin-inline-end:.1875rem}.igx-grid-summary__label:hover{color:var(--label-hover-color)}.igx-grid-summary__result{color:var(--result-color);font-weight:600;flex:1 1 auto;text-align:end}.igx-grid-summary__label,.igx-grid-summary__result{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}igx-grid-toolbar,.igx-grid-toolbar__dd-list{--background-color: var(--igx-grid-toolbar-background-color, hsla(var(--ig-gray-50), var(--ig-gray-a)));--title-text-color: var(--igx-grid-toolbar-title-text-color, hsla(var(--ig-gray-600), var(--ig-gray-a)));--dropdown-background: var(--igx-grid-toolbar-dropdown-background, hsla(var(--ig-surface-500), var(--ig-surface-a)));--item-text-color: var(--igx-grid-toolbar-item-text-color, hsla(var(--ig-gray-600), var(--ig-gray-a)));--item-hover-background: var(--igx-grid-toolbar-item-hover-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--item-hover-text-color: var(--igx-grid-toolbar-item-hover-text-color, hsla(var(--ig-gray-600), var(--ig-gray-a)));--item-focus-background: var(--igx-grid-toolbar-item-focus-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--item-focus-text-color: var(--igx-grid-toolbar-item-focus-text-color, hsla(var(--ig-gray-600), var(--ig-gray-a)))}.igx-grid-toolbar,.igx-grid-toolbar--cosy,.igx-grid-toolbar--compact{position:relative;width:100%;display:flex;align-items:center;justify-content:space-between;grid-row:1;font-size:1rem;border-bottom:.0625rem solid hsla(var(--ig-gray-300), var(--ig-gray-a));background:var(--background-color);height:auto;min-height:3.625rem;padding-block:0;padding-inline:1.5rem 1rem}.igx-grid-toolbar [igxButton],.igx-grid-toolbar--cosy [igxButton],.igx-grid-toolbar--compact [igxButton]{margin-inline-start:1rem}.igx-grid-toolbar [igxButton]:first-of-type,.igx-grid-toolbar--cosy [igxButton]:first-of-type,.igx-grid-toolbar--compact [igxButton]:first-of-type{margin-inline-start:0}.igx-grid-toolbar [igxButton]:last-of-type,.igx-grid-toolbar--cosy [igxButton]:last-of-type,.igx-grid-toolbar--compact [igxButton]:last-of-type{margin-inline-end:0}[dir=rtl].igx-grid-toolbar,[dir=rtl].igx-grid-toolbar--cosy,[dir=rtl].igx-grid-toolbar--compact{text-align:end}[dir=rtl].igx-grid-toolbar [igxButton],[dir=rtl].igx-grid-toolbar--cosy [igxButton],[dir=rtl].igx-grid-toolbar--compact [igxButton]{margin-inline-start:0;margin-inline-end:.5rem}[dir=rtl].igx-grid-toolbar [igxButton]:last-child,[dir=rtl].igx-grid-toolbar--cosy [igxButton]:last-child,[dir=rtl].igx-grid-toolbar--compact [igxButton]:last-child{margin-inline-end:0}.igx-grid-toolbar--cosy{min-height:3.25rem;padding-inline:1rem .75rem}.igx-grid-toolbar--cosy [igxButton]{margin-inline-start:.75rem}.igx-grid-toolbar--compact{min-height:2.75rem;padding-inline:.75rem .5rem}.igx-grid-toolbar--compact [igxButton]{margin-inline-start:.5rem}.igx-grid-toolbar__title{color:var(--title-text-color);flex:1 1 auto;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:40ch;margin-inline-end:1rem}.igx-grid-toolbar__custom-content{display:flex;flex-wrap:wrap;flex-grow:1;justify-content:flex-end;margin-inline-end:1rem}.igx-grid-toolbar__actions{display:flex;align-items:center;flex-flow:row wrap;margin-inline-start:auto}.igx-grid-toolbar__actions>*{display:flex;margin-inline-start:1rem}.igx-grid-toolbar__actions>*:first-child{margin-inline-start:0}.igx-grid-toolbar__actions:empty,.igx-grid-toolbar__title:empty,.igx-grid-toolbar__custom-content:empty{display:none}.igx-grid-toolbar__title:empty+.igx-grid-toolbar__custom-content:empty+.igx-grid-toolbar__actions{width:100%;margin-inline-start:0;justify-content:flex-end}.igx-grid-toolbar__progress-bar{position:absolute;width:100%;inset-inline-start:0;inset-inline-end:0;bottom:-0.0625rem;height:.125rem;overflow:hidden;background:var(--background-color)}.igx-grid-toolbar__progress-bar igx-linear-bar>*{border-radius:0}.igx-grid-toolbar__progress-bar igx-linear-bar>*:first-child>div{background:hsla(var(--ig-secondary-500), var(--ig-secondary-a))}.igx-grid-toolbar__adv-filter--filtered{border-color:hsla(var(--ig-secondary-500), var(--ig-secondary-a)) !important}.igx-grid-toolbar__dropdown{position:relative}.igx-grid-toolbar__dd-list{list-style:none;background:var(--dropdown-background);margin:0;padding:0;box-shadow:var(--ig-elevation-8)}.igx-grid-toolbar__dd-list-items{cursor:pointer;position:relative;padding:.5rem 1rem;color:var(--item-text-color);white-space:nowrap}.igx-grid-toolbar__dd-list-items:hover{background:var(--item-hover-background);color:var(--item-hover-text-color)}.igx-grid-toolbar__dd-list-items:focus{background:var(--item-focus-background);color:var(--item-focus-text-color)}igx-pivot-data-selector{--background: var(--igx-pivot-data-selector-background, hsla(var(--ig-surface-500), var(--ig-surface-a)));--header-color: var(--igx-pivot-data-selector-header-color, hsla(var(--ig-gray-100), var(--ig-gray-a)))}.igx-pivot-data-selector{display:flex;flex-direction:column;max-width:17.5rem;background:var(--background);z-index:0}.igx-pivot-data-selector>igx-input-group{flex:0 1 auto}.igx-pivot-data-selector igx-display-container{display:flex;flex-direction:column}.igx-pivot-data-selector>igx-list igx-display-container{padding:.25rem}.igx-pivot-data-selector>igx-list igx-list-item{display:flex;min-height:1.75rem}.igx-pivot-data-selector>igx-list .igx-checkbox__label,.igx-pivot-data-selector>igx-list .igx-checkbox__label--before{font-size:.8125rem}.igx-pivot-data-selector .igx-input-group--box .igx-input-group__input,.igx-input-group--box .igx-pivot-data-selector .igx-input-group__input{transform:none}.igx-pivot-data-selector .igx-input-group igx-prefix,.igx-input-group .igx-pivot-data-selector igx-prefix,.igx-pivot-data-selector .igx-input-group--focused igx-prefix,.igx-input-group--focused .igx-pivot-data-selector igx-prefix,.igx-pivot-data-selector .igx-input-group [igxPrefix],.igx-input-group .igx-pivot-data-selector [igxPrefix],.igx-pivot-data-selector .igx-input-group--focused [igxPrefix],.igx-input-group--focused .igx-pivot-data-selector [igxPrefix]{padding-inline-end:1rem !important;box-sizing:content-box}.igx-pivot-data-selector .igx-input-group--box .igx-input-group__bundle-main,.igx-input-group--box .igx-pivot-data-selector .igx-input-group__bundle-main{padding-top:0 !important}.igx-pivot-data-selector .igx-expansion-panel__body{position:relative;height:8rem;font-size:.875rem;padding:.25rem;overflow-y:auto}.igx-pivot-data-selector .igx-expansion-panel__body>igx-list{height:auto}.igx-pivot-data-selector .igx-expansion-panel__header-icon--start{margin-inline-end:.5rem}.igx-pivot-data-selector .igx-expansion-panel__header-title{display:flex}.igx-pivot-data-selector .igx-expansion-panel__header-title>h6{font-size:.75rem}.igx-pivot-data-selector .igx-expansion-panel__header-inner{background:var(--header-color);padding:.25rem}.dragOver .igx-pivot-data-selector .igx-expansion-panel__header-inner{background:hsla(var(--ig-gray-300), var(--ig-gray-a));box-shadow:inset 0 0 0 .0625rem hsla(var(--ig-gray-400), var(--ig-gray-a))}.igx-pivot-data-selector__filter{display:flex;flex-direction:column;overflow:hidden}.igx-pivot-data-selector__filter igx-list{display:flex;flex-direction:column;padding:.5rem .25rem;min-height:11.625rem;max-height:13rem;overflow-y:auto}.igx-pivot-data-selector__filter igx-list-item{display:flex}.igx-pivot-data-selector__filter igx-checkbox+span{margin-inline-start:.5rem;line-height:1.75rem}.igx-pivot-data-selector__header,.igx-pivot-data-selector__header-extra{display:flex;align-items:center}.igx-pivot-data-selector__header-extra igx-icon{padding:0 .5rem;box-sizing:content-box}.igx-pivot-data-selector__header-extra .igx-chip__item{height:1.375rem}.igx-pivot-data-selector__header-extra .igx-chip--cosy .igx-chip__item,.igx-chip--cosy .igx-pivot-data-selector__header-extra .igx-chip__item{height:1.25rem}.igx-pivot-data-selector__header-extra .igx-chip--compact .igx-chip__item,.igx-chip--compact .igx-pivot-data-selector__header-extra .igx-chip__item{height:1.125rem}.igx-pivot-data-selector__header-extra .igx-chip__content{padding:0 0.125rem}.igx-pivot-data-selector__item{display:flex;align-items:center;justify-content:space-between;min-height:2rem;width:100%}.igx-drag--push .igx-pivot-data-selector__item{padding-top:2rem}.igx-pivot-data-selector__item-ghost{display:flex;align-items:center;justify-content:space-between;font-size:.875rem;background:hsla(var(--ig-surface-500), var(--ig-surface-a));min-height:2rem;height:auto;padding:0 .125rem 0 .25rem;cursor:grabbing;box-shadow:var(--ig-elevation-24);border:.0625rem solid hsla(var(--ig-gray-100), var(--ig-gray-a));border-radius:clamp(0rem,calc(var(--ig-radius-factor, 1) * 0.125rem),0.125rem);z-index:10}.igx-pivot-data-selector igx-icon,.igx-pivot-data-selector__item-ghost igx-icon{width:var(--igx-icon-size, 1.125rem);height:var(--igx-icon-size, 1.125rem);font-size:var(--igx-icon-size, 1.125rem)}.igx-pivot-data-selector__item-ghost-text{display:flex;align-items:center}.igx-pivot-data-selector__item-ghost-text igx-icon{margin-inline-end:.5rem}.igx-pivot-data-selector__item-ghost--no-drop{cursor:no-drop}.igx-pivot-data-selector__item-text{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:calc(100% - 1.125rem + .5rem)}.igx-pivot-data-selector__item-text,.igx-pivot-data-selector__action-sort,.igx-pivot-data-selector__action-filter,.igx-pivot-data-selector__action-move,.igx-pivot-data-selector__action-summary{-webkit-user-select:none;user-select:none}.igx-pivot-data-selector__action-sort,.igx-pivot-data-selector__action-summary,.igx-pivot-data-selector__action-filter{cursor:pointer}.igx-pivot-data-selector__action-move{cursor:grab}.igx-pivot-data-selector__item-start{display:flex;justify-content:space-between;align-items:center;flex:0 1 100%;margin-inline-end:.5rem;overflow:hidden}.igx-pivot-data-selector__item-end{display:flex}.igx-pivot-data-selector__item-end igx-icon+igx-icon{margin-inline-start:.5rem}.igx-highlight{--resting-background: var(--igx-highlight-resting-background, hsla(var(--ig-gray-300), var(--ig-gray-a)));--resting-color: var(--igx-highlight-resting-color, var(--ig-gray-300-contrast));--active-background: var(--igx-highlight-active-background, hsla(var(--ig-secondary-A100), var(--ig-secondary-a)));--active-color: var(--igx-highlight-active-color, var(--ig-secondary-A100-contrast))}.igx-highlight,.igx-highlight--active{color:var(--resting-color);background:var(--resting-background)}.igx-highlight--active{color:var(--active-color);background:var(--active-background)}igx-icon{--color: var(--igx-icon-color, 'currentColor');--size: var(--igx-icon-size, 1.5rem);--disabled-color: var(--igx-icon-disabled-color, 'currentColor')}.igx-icon{display:inline-flex;width:var(--size);height:var(--size);font-size:var(--size);color:var(--color);direction:inherit}.igx-icon div,.igx-icon svg{display:block;width:inherit;height:inherit;fill:currentColor}[igxPrefix].material-icons.igx-icon,[igxSuffix].material-icons.igx-icon{font-family:"Material Icons"}.igx-icon--success{color:hsla(var(--ig-success-500), var(--ig-success-a))}.igx-icon--error{color:hsla(var(--ig-error-500), var(--ig-error-a))}.igx-icon--inactive{color:var(--disabled-color) !important;opacity:.54}igx-input-group,igx-date-range-start,igx-date-range-end{--search-resting-elevation: var(--igx-input-group-search-resting-elevation, var(--ig-elevation-1));--search-hover-elevation: var(--igx-input-group-search-hover-elevation, var(--ig-elevation-2));--search-disabled-elevation: var(--igx-input-group-search-disabled-elevation, var(--ig-elevation-0));--helper-text-color: var(--igx-input-group-helper-text-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--input-prefix-background: var(--igx-input-group-input-prefix-background, transparent);--input-prefix-color: var(--igx-input-group-input-prefix-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--input-prefix-background--filled: var(--igx-input-group-input-prefix-background--filled, inherit);--input-prefix-color--filled: var(--igx-input-group-input-prefix-color--filled, hsla(var(--ig-gray-900), var(--ig-gray-a)));--input-prefix-background--focused: var(--igx-input-group-input-prefix-background--focused, inherit);--input-prefix-color--focused: var(--igx-input-group-input-prefix-color--focused, hsla(var(--ig-gray-900), var(--ig-gray-a)));--input-suffix-background: var(--igx-input-group-input-suffix-background, transparent);--input-suffix-color: var(--igx-input-group-input-suffix-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--input-suffix-background--filled: var(--igx-input-group-input-suffix-background--filled, inherit);--input-suffix-color--filled: var(--igx-input-group-input-suffix-color--filled, hsla(var(--ig-gray-900), var(--ig-gray-a)));--input-suffix-background--focused: var(--igx-input-group-input-suffix-background--focused, inherit);--input-suffix-color--focused: var(--igx-input-group-input-suffix-color--focused, hsla(var(--ig-gray-900), var(--ig-gray-a)));--idle-text-color: var(--igx-input-group-idle-text-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--filled-text-color: var(--igx-input-group-filled-text-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--focused-text-color: var(--igx-input-group-focused-text-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--disabled-text-color: var(--igx-input-group-disabled-text-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--idle-secondary-color: var(--igx-input-group-idle-secondary-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--filled-secondary-color: var(--igx-input-group-filled-secondary-color, hsla(var(--ig-gray-600), var(--ig-gray-a)));--focused-secondary-color: var(--igx-input-group-focused-secondary-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--idle-bottom-line-color: var(--igx-input-group-idle-bottom-line-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--hover-bottom-line-color: var(--igx-input-group-hover-bottom-line-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--focused-bottom-line-color: var(--igx-input-group-focused-bottom-line-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--interim-bottom-line-color: var(--igx-input-group-interim-bottom-line-color, hsla(var(--ig-primary-500), 0.12));--disabled-bottom-line-color: var(--igx-input-group-disabled-bottom-line-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--disabled-border-color: var(--igx-input-group-disabled-border-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--border-color: var(--igx-input-group-border-color, hsla(var(--ig-gray-600), var(--ig-gray-a)));--hover-border-color: var(--igx-input-group-hover-border-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--focused-border-color: var(--igx-input-group-focused-border-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--border-background: var(--igx-input-group-border-background, transparent);--border-disabled-background: var(--igx-input-group-border-disabled-background, transparent);--search-background: var(--igx-input-group-search-background, hsla(var(--ig-gray-50), var(--ig-gray-a)));--search-disabled-background: var(--igx-input-group-search-disabled-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--success-secondary-color: var(--igx-input-group-success-secondary-color, hsla(var(--ig-success-500), var(--ig-success-a)));--warning-secondary-color: var(--igx-input-group-warning-secondary-color, hsla(var(--ig-warn-500), var(--ig-warn-a)));--error-secondary-color: var(--igx-input-group-error-secondary-color, hsla(var(--ig-error-500), var(--ig-error-a)));--placeholder-color: var(--igx-input-group-placeholder-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--disabled-placeholder-color: var(--igx-input-group-disabled-placeholder-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--box-background: var(--igx-input-group-box-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--box-background-hover: var(--igx-input-group-box-background-hover, hsla(var(--ig-gray-200), var(--ig-gray-a)));--box-background-focus: var(--igx-input-group-box-background-focus, hsla(var(--ig-gray-300), var(--ig-gray-a)));--box-disabled-background: var(--igx-input-group-box-disabled-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--box-border-radius: var(--igx-input-group-box-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--border-border-radius: var(--igx-input-group-border-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--search-border-radius: var(--igx-input-group-search-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--success-shadow-color: var(--igx-input-group-success-shadow-color, hsla(var(--ig-success-500), 0.38));--error-shadow-color: var(--igx-input-group-error-shadow-color, hsla(var(--ig-error-500), 0.38));--search-resting-shadow: var(--igx-input-group-search-resting-shadow, var(--ig-elevation-1));--search-hover-shadow: var(--igx-input-group-search-hover-shadow, var(--ig-elevation-2));--search-disabled-shadow: var(--igx-input-group-search-disabled-shadow, var(--ig-elevation-0))}.igx-input-group igx-prefix,.igx-input-group--focused igx-prefix,.igx-input-group [igxPrefix],.igx-input-group--focused [igxPrefix]{color:var(--input-prefix-color);background:var(--input-prefix-background);grid-area:1/1/auto/auto}.igx-input-group igx-suffix,.igx-input-group--focused igx-suffix,.igx-input-group [igxSuffix],.igx-input-group--focused [igxSuffix]{color:var(--input-suffix-color);background:var(--input-suffix-background);grid-area:1/3/auto/auto}.igx-input-group igx-prefix,.igx-input-group--focused igx-prefix,.igx-input-group [igxPrefix],.igx-input-group--focused [igxPrefix],.igx-input-group igx-suffix,.igx-input-group--focused igx-suffix,.igx-input-group [igxSuffix],.igx-input-group--focused [igxSuffix]{position:relative;display:inline-flex;width:max-content;align-items:center;height:100% !important;transition:color .25s cubic-bezier(0.215, 0.61, 0.355, 1),background .25s cubic-bezier(0.215, 0.61, 0.355, 1);padding-inline:max(var(--is-large, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)),var(--is-medium, 1)*max(0.875rem, -1 * 0.875rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)),var(--is-small, 1)*max(0.75rem, -1 * 0.75rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)))}.igx-input-group igx-prefix igx-icon,.igx-input-group--focused igx-prefix igx-icon,.igx-input-group [igxPrefix] igx-icon,.igx-input-group--focused [igxPrefix] igx-icon,.igx-input-group igx-suffix igx-icon,.igx-input-group--focused igx-suffix igx-icon,.igx-input-group [igxSuffix] igx-icon,.igx-input-group--focused [igxSuffix] igx-icon{width:max(var(--is-large, 1)*max(1.5rem, -1 * 1.5rem),var(--is-medium, 1)*max(1.25rem, -1 * 1.25rem),var(--is-small, 1)*max(1.125rem, -1 * 1.125rem));height:max(var(--is-large, 1)*max(1.5rem, -1 * 1.5rem),var(--is-medium, 1)*max(1.25rem, -1 * 1.25rem),var(--is-small, 1)*max(1.125rem, -1 * 1.125rem));font-size:max(var(--is-large, 1)*max(1.5rem, -1 * 1.5rem),var(--is-medium, 1)*max(1.25rem, -1 * 1.25rem),var(--is-small, 1)*max(1.125rem, -1 * 1.125rem)) !important}igx-input-group{--theme: material}igx-input-group igx-icon[igxPrefix],igx-input-group igx-icon[igxSuffix]{width:max(var(--is-large, 1)*max(1.5rem, -1 * 1.5rem),var(--is-medium, 1)*max(1.25rem, -1 * 1.25rem),var(--is-small, 1)*max(1.125rem, -1 * 1.125rem));height:max(var(--is-large, 1)*max(1.5rem, -1 * 1.5rem),var(--is-medium, 1)*max(1.25rem, -1 * 1.25rem),var(--is-small, 1)*max(1.125rem, -1 * 1.125rem));font-size:max(var(--is-large, 1)*max(1.5rem, -1 * 1.5rem),var(--is-medium, 1)*max(1.25rem, -1 * 1.25rem),var(--is-small, 1)*max(1.125rem, -1 * 1.125rem)) !important}.igx-input-group,.igx-input-group--focused{--size: max(var(--is-large, 1) * max(3.5rem, -1 * 3.5rem), var(--is-medium, 1) * max(3rem, -1 * 3rem), var(--is-small, 1) * max(2.5rem, -1 * 2.5rem));--component-size: var(--ig-size, var(--ig-size-large));position:relative;display:block;color:var(--idle-text-color)}.igx-input-group igx-prefix,.igx-input-group--focused igx-prefix,.igx-input-group [igxPrefix],.igx-input-group--focused [igxPrefix]{outline-style:none}.igx-input-group igx-suffix,.igx-input-group--focused igx-suffix,.igx-input-group [igxSuffix],.igx-input-group--focused [igxSuffix]{outline-style:none}.igx-input-group input,.igx-input-group--focused input,.igx-input-group textarea,.igx-input-group--focused textarea,.igx-input-group span,.igx-input-group--focused span{font:inherit;margin:0}.igx-input-group input[type=file],.igx-input-group--focused input[type=file]{position:absolute;width:1px;height:1px;margin:-1px;border:none;clip:rect(0, 0, 0, 0);outline:0;pointer-events:none;overflow:hidden;appearance:none}.igx-input-group textarea,.igx-input-group--focused textarea{overflow:auto}.igx-input-group input[type=number],.igx-input-group--focused input[type=number]{-moz-appearance:textfield}.igx-input-group input[type=number]::-webkit-inner-spin-button,.igx-input-group--focused input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;height:auto}.igx-input-group input[type=search]::-webkit-search-cancel-button,.igx-input-group--focused input[type=search]::-webkit-search-cancel-button,.igx-input-group input[type=search]::-webkit-search-decoration,.igx-input-group--focused input[type=search]::-webkit-search-decoration{-webkit-appearance:none}.igx-input-group--cosy{--component-size: var(--ig-size, var(--ig-size-medium))}.igx-input-group--compact{--component-size: var(--ig-size, var(--ig-size-small))}.igx-input-group--box,.igx-input-group--border,.igx-input-group--search,.igx-input-group--indigo{margin-block-start:0}.igx-input-group--filled{color:var(--input-prefix-color--filled)}.igx-input-group--filled igx-prefix,.igx-input-group--filled [igxPrefix]{color:var(--input-prefix-color--filled);background:var(--input-prefix-background--filled)}.igx-input-group--filled igx-suffix,.igx-input-group--filled [igxSuffix]{color:var(--input-suffix-color--filled);background:var(--input-suffix-background--filled)}.igx-input-group--focused{color:var(--input-prefix-color--focused)}.igx-input-group--focused igx-prefix,.igx-input-group--focused [igxPrefix]{color:var(--input-prefix-color--focused);background:var(--input-prefix-background--focused)}.igx-input-group--focused igx-suffix,.igx-input-group--focused [igxSuffix]{color:var(--input-suffix-color--focused);background:var(--input-suffix-background--focused)}.igx-input-group--disabled,.igx-input-group--disabled.igx-input-group--required{-webkit-user-select:none;user-select:none;color:var(--disabled-text-color) !important}.igx-input-group--box .igx-input-group__wrapper,.igx-input-group--indigo .igx-input-group__wrapper{border-radius:var(--box-border-radius);border-end-start-radius:0;border-end-end-radius:0;overflow:hidden}.igx-input-group__bundle{display:grid;grid-template-columns:auto 1fr auto;grid-area:1/2/span 1/span 2;height:var(--size);position:relative;max-width:100%;font-size:1rem}.igx-input-group__bundle::after{content:"";position:absolute;bottom:0%;width:100%;border-block-end:.0625rem solid var(--idle-bottom-line-color);transition:all .25s cubic-bezier(0.215, 0.61, 0.355, 1)}.igx-input-group__bundle .igx-input-group__bundle-start{border-start-start-radius:calc(var(--box-border-radius) - .0625rem)}.igx-input-group__bundle .igx-input-group__bundle-end{border-start-end-radius:calc(var(--box-border-radius) - .0625rem)}.igx-input-group--fluent .igx-input-group__bundle::after,.igx-input-group--bootstrap .igx-input-group__bundle::after{display:none}.igx-input-group__bundle:hover{cursor:pointer}.igx-input-group__bundle:hover::after{border-block-end-width:.0625rem;border-block-end-color:var(--hover-bottom-line-color)}.igx-input-group--focused .igx-input-group__bundle::after{border-block-end-width:.125rem;border-block-end-color:var(--focused-bottom-line-color)}.igx-input-group--valid .igx-input-group__bundle::after{border-block-end-color:var(--success-secondary-color)}.igx-input-group--invalid .igx-input-group__bundle::after{border-block-end-color:var(--error-secondary-color)}.igx-input-group--disabled .igx-input-group__bundle,.igx-input-group--disabled.igx-input-group--required .igx-input-group__bundle{cursor:default}.igx-input-group--disabled .igx-input-group__bundle::after,.igx-input-group--disabled.igx-input-group--required .igx-input-group__bundle::after{border-block-end-color:var(--disabled-bottom-line-color);border-block-end-style:dashed}.igx-input-group__bundle-start{grid-area:1/1}.igx-input-group__bundle-main{grid-area:1/2/span 1/span 2;flex-grow:1;position:relative;max-width:inherit}.igx-input-group--box .igx-input-group__bundle{padding:0 !important;background:var(--box-background)}.igx-input-group--box .igx-input-group__bundle:hover{background:var(--box-background-hover)}.igx-input-group--box.igx-input-group--focused .igx-input-group__bundle{background:var(--box-background-focus)}.igx-input-group--box.igx-input-group--disabled .igx-input-group__bundle{background-color:var(--box-disabled-background)}.igx-input-group__bundle-main,.igx-input-group__notch{padding-inline:.25rem}.igx-input-group__notch{display:flex;align-items:center;width:auto;min-width:0;height:100%;position:relative;grid-area:1/2}.igx-input-group--border .igx-input-group__notch{padding:0 .25rem}.igx-input-group__filler{grid-area:1/3}.igx-input-group__bundle-end{grid-area:1/4}.igx-input-group__bundle-start,.igx-input-group__bundle-end{display:flex;align-items:center;min-width:0;min-height:100%;overflow:hidden;min-width:max(var(--is-large, 1)*max(0.875rem, -1 * 0.875rem)*var(--ig-spacing-large, var(--ig-spacing, --ig-spacing)),var(--is-medium, 1)*max(0.75rem, -1 * 0.75rem)*var(--ig-spacing-medium, var(--ig-spacing, --ig-spacing)),var(--is-small, 1)*max(0.625rem, -1 * 0.625rem)*var(--ig-spacing-small, var(--ig-spacing, --ig-spacing)))}.igx-input-group--border .igx-input-group__bundle{grid-template-columns:auto auto 1fr auto;display:grid;align-items:initial;padding:0;box-shadow:none;border-radius:var(--border-border-radius);background:var(--border-background)}.igx-input-group--border .igx-input-group__bundle .igx-input-group__bundle-start{width:auto;flex-shrink:0;border-color:var(--border-color);border-style:solid;border-inline-start-width:.0625rem;border-inline-end-width:0;border-block-start-width:.0625rem;border-block-end-width:.0625rem;border-start-start-radius:var(--border-border-radius);border-end-start-radius:var(--border-border-radius)}.igx-input-group--border .igx-input-group__bundle .igx-input-group__filler{border-width:.0625rem;border-style:solid;border-color:var(--border-color);border-left:none;border-right:none}.igx-input-group--border .igx-input-group__bundle .igx-input-group__notch{border-block-start:.0625rem solid var(--border-color);border-block-end:.0625rem solid var(--border-color);overflow:visible}.igx-input-group--border .igx-input-group__bundle .igx-input-group__notch:empty{display:none}.igx-input-group--border .igx-input-group__bundle .igx-input-group__bundle-end{display:flex;justify-content:flex-end;flex-grow:1;height:100%;grid-area:1/4;border-color:var(--border-color);border-style:solid;border-inline-start-width:0;border-inline-end-width:.0625rem;border-block-start-width:.0625rem;border-block-end-width:.0625rem;border-start-end-radius:var(--border-border-radius);border-end-end-radius:var(--border-border-radius)}.igx-input-group--border .igx-input-group__bundle .igx-input-group igx-prefix,.igx-input-group .igx-input-group--border .igx-input-group__bundle igx-prefix,.igx-input-group--border .igx-input-group__bundle .igx-input-group--focused igx-prefix,.igx-input-group--focused .igx-input-group--border .igx-input-group__bundle igx-prefix,.igx-input-group--border .igx-input-group__bundle .igx-input-group [igxPrefix],.igx-input-group .igx-input-group--border .igx-input-group__bundle [igxPrefix],.igx-input-group--border .igx-input-group__bundle .igx-input-group--focused [igxPrefix],.igx-input-group--focused .igx-input-group--border .igx-input-group__bundle [igxPrefix],.igx-input-group--border .igx-input-group__bundle .igx-input-group igx-suffix,.igx-input-group .igx-input-group--border .igx-input-group__bundle igx-suffix,.igx-input-group--border .igx-input-group__bundle .igx-input-group--focused igx-suffix,.igx-input-group--focused .igx-input-group--border .igx-input-group__bundle igx-suffix,.igx-input-group--border .igx-input-group__bundle .igx-input-group [igxSuffix],.igx-input-group .igx-input-group--border .igx-input-group__bundle [igxSuffix],.igx-input-group--border .igx-input-group__bundle .igx-input-group--focused [igxSuffix],.igx-input-group--focused .igx-input-group--border .igx-input-group__bundle [igxSuffix]{height:100%}.igx-input-group--border .igx-input-group__bundle::after{display:none}.igx-input-group--border.igx-input-group--disabled .igx-input-group__bundle{background:var(--border-disabled-background)}.igx-input-group--border .igx-input-group__input,.igx-input-group--border .igx-input-group__file-input{width:100%;height:100% !important;padding-block:0;border:none;outline-style:none;z-index:1}.igx-input-group--search .igx-input-group__notch,.igx-input-group--search .igx-input-group__bundle-main{padding-inline-start:max(var(--is-large, 1)*max(1.125rem, -1 * 1.125rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)),var(--is-medium, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)),var(--is-small, 1)*max(0.875rem, -1 * 0.875rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)));padding-inline-end:max(var(--is-large, 1)*max(1.125rem, -1 * 1.125rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)),var(--is-medium, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)),var(--is-small, 1)*max(0.875rem, -1 * 0.875rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)));padding-inline:.25rem}.igx-input-group--search .igx-input-group__bundle{background:var(--search-background);box-shadow:var(--search-resting-shadow);border-radius:var(--search-border-radius);overflow:hidden}.igx-input-group--search .igx-input-group__bundle::after{display:none}.igx-input-group--search .igx-input-group__bundle:hover{box-shadow:var(--search-hover-shadow);border-color:var(--hover-border-color)}.igx-input-group--search.igx-input-group--focused .igx-input-group__bundle{box-shadow:var(--search-hover-shadow);border-color:var(--hover-border-color)}.igx-input-group--search.igx-input-group--disabled .igx-input-group__bundle,.igx-input-group--fluent.igx-input-group--search.igx-input-group--disabled .igx-input-group__bundle{background:var(--search-disabled-background);box-shadow:var(--search-disabled-shadow);border-color:var(--disabled-border-color)}.igx-input-group--border .igx-input-group__bundle-main{background:rgba(0,0,0,0);padding:0 .25rem;font-size:1rem;min-height:var(--size)}.igx-input-group__label{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;position:absolute;max-width:100%;padding-inline-end:.25rem;line-height:normal;backface-visibility:hidden;will-change:transform;transform-origin:top left;transition:all .25s cubic-bezier(0.215, 0.61, 0.355, 1);margin-inline-start:max(var(--is-large, 1)*max(-0.25rem, -1 * -0.25rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)),var(--is-medium, 1)*max(-0.125rem, -1 * -0.125rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)),var(--is-small, 1)*max(0, -1 * 0)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)));color:var(--idle-secondary-color)}[dir=rtl] .igx-input-group__label{transform-origin:top right}.igx-input-group--border .igx-input-group__label{padding-inline-end:0;display:inline-block;position:relative;background:rgba(0,0,0,0)}.igx-input-group--border .igx-input-group__label,.igx-input-group--search .igx-input-group__label{transform:translateY(0)}.igx-input-group--search .igx-input-group__label+.igx-input-group__input{transform:translateY(0)}.igx-input-group--focused .igx-input-group__label,.igx-input-group--placeholder .igx-input-group__label,.igx-input-group--filled .igx-input-group__label,.igx-input-group--file .igx-input-group__label{--floating-label-position: -73%;transform:translateY(var(--floating-label-position));font-size:.75rem}.igx-input-group--border.igx-input-group--focused .igx-input-group__notch,.igx-input-group--border.igx-input-group--filled .igx-input-group__notch,.igx-input-group--border.igx-input-group--placeholder .igx-input-group__notch,.igx-input-group--border.igx-input-group--file .igx-input-group__notch{border-block-start-color:rgba(0,0,0,0) !important}.igx-input-group--border.igx-input-group--focused .igx-input-group__bundle-start{border-inline-start-width:.125rem;border-block-start-width:.125rem;border-block-end-width:.125rem;border-inline-start-color:var(--focused-border-color);border-block-start-color:var(--focused-border-color);border-block-end-color:var(--focused-border-color)}.igx-input-group--border.igx-input-group--focused .igx-input-group__bundle-end{border-inline-end-width:.125rem;border-block-start-width:.125rem;border-block-end-width:.125rem;border-inline-end-color:var(--focused-border-color);border-block-start-color:var(--focused-border-color);border-block-end-color:var(--focused-border-color)}.igx-input-group--border.igx-input-group--focused .igx-input-group__filler,.igx-input-group--border.igx-input-group--focused .igx-input-group__notch{border-block-width:.125rem}.igx-input-group--border.igx-input-group--focused .igx-input-group__filler{border-block-color:var(--focused-border-color)}.igx-input-group--border.igx-input-group--focused .igx-input-group__notch{border-block-end-color:var(--focused-border-color)}.igx-input-group--border.igx-input-group--focused igx-prefix:first-child,.igx-input-group--border.igx-input-group--focused [igxPrefix]:first-child{margin-inline-start:-0.0625rem}.igx-input-group--border.igx-input-group--focused igx-suffix:last-child,.igx-input-group--border.igx-input-group--focused [igxSuffix]:last-child{margin-inline-end:-0.0625rem}.igx-input-group--border.igx-input-group--filled .igx-input-group__label,.igx-input-group--border.igx-input-group--file .igx-input-group__label,.igx-input-group--border.igx-input-group--focused .igx-input-group__label,.igx-input-group--border.igx-input-group--placeholder .igx-input-group__label{--label-position: max(var(--is-large, 1) * max(26px, -1 * 26px), var(--is-medium, 1) * max(22px, -1 * 22px), var(--is-small, 1) * max(18px, -1 * 18px));transform:translateY(calc(var(--label-position) * -1));font-size:.75rem;margin-top:0;overflow:hidden;will-change:font-size,color,transform}.igx-input-group--textarea-group .igx-input-group__bundle{--size: max(var(--is-large, 1) * max(5.125rem, -1 * 5.125rem), var(--is-medium, 1) * max(4.3157894737rem, -1 * 4.3157894737rem), var(--is-small, 1) * max(3.7272727273rem, -1 * 3.7272727273rem));min-height:var(--size) !important;height:auto !important}.igx-input-group--textarea-group .igx-input-group__label{transition-duration:0ms}.igx-input-group--textarea-group.igx-input-group--focused .igx-input-group__label,.igx-input-group--textarea-group.igx-input-group--filled .igx-input-group__label,.igx-input-group--textarea-group.igx-input-group--placeholder .igx-input-group__label{transform:translateY(0) !important;top:calc(1.25rem/4)}.igx-input-group--textarea-group.igx-input-group--filled.igx-input-group--border .igx-input-group__label,.igx-input-group--textarea-group.igx-input-group--placeholder.igx-input-group--border .igx-input-group__label,.igx-input-group--textarea-group.igx-input-group--focused.igx-input-group--border .igx-input-group__label{top:-0.375rem;margin-block-end:auto !important}.igx-input-group--textarea-group.igx-input-group--filled .igx-input-group__notch,.igx-input-group--textarea-group.igx-input-group--placeholder .igx-input-group__notch,.igx-input-group--textarea-group.igx-input-group--filled.igx-input-group--border .igx-input-group__notch,.igx-input-group--textarea-group.igx-input-group--placeholder.igx-input-group--border .igx-input-group__notch{border-block-start-width:.125rem}.igx-input-group--focused .igx-input-group__label{color:var(--focused-secondary-color)}.igx-input-group--valid .igx-input-group__label{color:var(--success-secondary-color)}.igx-input-group--invalid .igx-input-group__label{color:var(--error-secondary-color)}.igx-input-group--required .igx-input-group__label::after{content:"*";font-size:inherit;vertical-align:top;margin-inline-start:.125rem;display:inline-block}.igx-input-group--disabled .igx-input-group__label{color:var(--disabled-text-color) !important}.igx-input-group__input,.igx-input-group__textarea{position:relative;display:block;border:none;padding-block-start:1.25rem;padding-block-end:.375rem;padding-inline:0;height:calc(var(--size) - 2px);width:100%;min-width:0;background:rgba(0,0,0,0);color:var(--filled-text-color);outline-style:none;box-shadow:none;overflow:hidden;text-overflow:ellipsis}.igx-input-group__input:not([type=date]),.igx-input-group__textarea:not([type=date]){line-height:0 !important}.igx-input-group__input::placeholder,.igx-input-group__textarea::placeholder{color:var(--placeholder-color);opacity:1;line-height:normal}.igx-input-group__notch:empty+.igx-input-group__bundle-main .igx-input-group__input,.igx-input-group__notch:empty+.igx-input-group__bundle-main .igx-input-group__textarea{padding-block:0}.igx-input-group__file-input{width:100%;max-width:100%;overflow:hidden;padding-block-start:1.25rem;padding-block-end:.375rem;height:calc(var(--size) - 2px);color:var(--filled-text-color)}.igx-input-group__file-input span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;position:relative;display:inline-block;width:inherit;max-width:inherit;top:50%;transform:translateY(-50%)}.igx-input-group__clear-icon:focus{background-color:hsla(var(--ig-primary-500), var(--ig-primary-a));color:var(--ig-primary-600-contrast);background-color:rgba(0,0,0,0);color:hsla(var(--ig-secondary-500), var(--ig-secondary-a))}.igx-input-group__input:-webkit-autofill{transition-delay:99999s}.igx-input-group__input::-ms-clear{display:none}.igx-input-group__input:hover,.igx-input-group__file-input:hover,.igx-input-group__textarea:hover{cursor:pointer}.igx-input-group__input:focus,.igx-input-group__file-input:focus,.igx-input-group__textarea:focus{cursor:text;color:var(--focused-text-color)}.igx-input-group--disabled .igx-input-group__input,.igx-input-group--disabled .igx-input-group__file-input,.igx-input-group--disabled.igx-input-group--required .igx-input-group__input,.igx-input-group--disabled.igx-input-group--required .igx-input-group__file-input,.igx-input-group--indigo.igx-input-group--disabled .igx-input-group__input,.igx-input-group--indigo.igx-input-group--disabled .igx-input-group__file-input{cursor:default;color:var(--disabled-text-color) !important}.igx-input-group--disabled .igx-input-group__input::placeholder,.igx-input-group--disabled .igx-input-group__file-input::placeholder,.igx-input-group--disabled.igx-input-group--required .igx-input-group__input::placeholder,.igx-input-group--disabled.igx-input-group--required .igx-input-group__file-input::placeholder,.igx-input-group--indigo.igx-input-group--disabled .igx-input-group__input::placeholder,.igx-input-group--indigo.igx-input-group--disabled .igx-input-group__file-input::placeholder{color:var(--disabled-placeholder-color)}.igx-input-group__textarea{--size: max(var(--is-large, 1) * max(5.125rem, -1 * 5.125rem), var(--is-medium, 1) * max(4.3157894737rem, -1 * 4.3157894737rem), var(--is-small, 1) * max(3.7272727273rem, -1 * 3.7272727273rem));min-height:var(--size);height:auto;resize:vertical;overflow:hidden;padding:0;line-height:normal !important;z-index:1}.igx-input-group__textarea:not([type="*"]){line-height:normal !important}.igx-input-group--textarea-group .igx-input-group__bundle-main{overflow:hidden;height:calc(100% - 0.125rem);top:.0625rem;padding-block-start:1.25rem}.igx-input-group--disabled .igx-input-group__textarea,.igx-input-group--disabled.igx-input-group--required .igx-input-group__textarea{color:var(--disabled-text-color) !important}.igx-input-group--disabled .igx-input-group__textarea::placeholder,.igx-input-group--disabled.igx-input-group--required .igx-input-group__textarea::placeholder{color:var(--disabled-placeholder-color)}.igx-input-group__line{position:absolute;width:100%;inset-inline-end:0;height:.125rem;align-self:end;transform:scaleX(0);transform-origin:center;background:var(--focused-secondary-color);z-index:1}.igx-input-group--valid .igx-input-group__line{background:var(--success-secondary-color)}.igx-input-group--border.igx-input-group--valid .igx-input-group__bundle-start{border-inline-start-color:var(--success-secondary-color);border-block-start-color:var(--success-secondary-color);border-block-end-color:var(--success-secondary-color)}.igx-input-group--border.igx-input-group--valid .igx-input-group__bundle-end{border-inline-end-color:var(--success-secondary-color);border-block-start-color:var(--success-secondary-color);border-block-end-color:var(--success-secondary-color)}.igx-input-group--border.igx-input-group--valid .igx-input-group__notch,.igx-input-group--border.igx-input-group--valid .igx-input-group__filler{border-block-color:var(--success-secondary-color)}.igx-input-group--border.igx-input-group--warning .igx-input-group__bundle-start{border-inline-start-color:var(--warning-secondary-color);border-block-start-color:var(--warning-secondary-color);border-block-end-color:var(--warning-secondary-color)}.igx-input-group--border.igx-input-group--warning .igx-input-group__bundle-end{border-inline-end-color:var(--warning-secondary-color);border-block-start-color:var(--warning-secondary-color);border-block-end-color:var(--warning-secondary-color)}.igx-input-group--border.igx-input-group--warning .igx-input-group__notch,.igx-input-group--border.igx-input-group--warning .igx-input-group__filler{border-block-color:var(--warning-secondary-color)}.igx-input-group--invalid .igx-input-group__line{background:var(--error-secondary-color)}.igx-input-group--border.igx-input-group--invalid .igx-input-group__bundle-start{border-inline-start-color:var(--error-secondary-color);border-block-start-color:var(--error-secondary-color);border-block-end-color:var(--error-secondary-color)}.igx-input-group--border.igx-input-group--invalid .igx-input-group__bundle-end{border-inline-end-color:var(--error-secondary-color);border-block-start-color:var(--error-secondary-color);border-block-end-color:var(--error-secondary-color)}.igx-input-group--border.igx-input-group--invalid .igx-input-group__notch,.igx-input-group--border.igx-input-group--invalid .igx-input-group__filler{border-block-color:var(--error-secondary-color)}.igx-input-group--border.igx-input-group--disabled .igx-input-group__bundle-start{border-inline-start-color:var(--disabled-border-color);border-block-start-color:var(--disabled-border-color);border-block-end-color:var(--disabled-border-color)}.igx-input-group--border.igx-input-group--disabled .igx-input-group__bundle-end{border-inline-end-color:var(--disabled-border-color);border-block-start-color:var(--disabled-border-color);border-block-end-color:var(--disabled-border-color)}.igx-input-group--border.igx-input-group--disabled .igx-input-group__notch,.igx-input-group--border.igx-input-group--disabled .igx-input-group__filler{border-block-color:var(--disabled-border-color)}.igx-input-group--focused .igx-input-group__line{transform:scaleX(1);transition:transform .25s cubic-bezier(0.215, 0.61, 0.355, 1)}.igx-input-group--border .igx-input-group__line,.igx-input-group--search .igx-input-group__line{display:none}.igx-input-group__hint{color:var(--helper-text-color);position:relative;display:flex;padding-block-start:.3125rem;padding-inline-start:1rem;justify-content:space-between}.igx-input-group__hint>*{margin-inline-end:.5rem}.igx-input-group__hint>*:last-child{margin-inline-end:0}.igx-input-group__hint:empty{display:none}.igx-input-group--valid .igx-input-group__hint{color:var(--success-secondary-color)}.igx-input-group--invalid .igx-input-group__hint{color:var(--error-secondary-color)}.igx-input-group__hint-item--start,.igx-input-group__hint-item--end{display:flex;align-items:center;position:relative}.igx-input-group__hint-item--start{justify-content:flex-start}.igx-input-group__hint-item--end{justify-content:flex-end}.igx-input-group__hint-item--start,.igx-input-group__hint-item--end{width:100%}.igx-input-group--disabled igx-prefix,.igx-input-group--disabled.igx-input-group--required igx-prefix,.igx-input-group--disabled [igxPrefix],.igx-input-group--disabled igx-suffix,.igx-input-group--disabled.igx-input-group--required igx-suffix,.igx-input-group--disabled [igxSuffix]{color:var(--disabled-text-color);background:inherit;pointer-events:none}.igx-input-group--disabled .igx-input-group__hint{color:var(--disabled-text-color)}.igx-input-group--indigo .igx-input-group__bundle{border-radius:var(--box-border-radius) var(--box-border-radius) 0 0;transition:background .25s cubic-bezier(0.215, 0.61, 0.355, 1);padding-top:0}.igx-input-group--indigo .igx-input-group__bundle:hover,.igx-input-group--indigo .igx-input-group__bundle:focus{background:var(--box-background-hover)}.igx-input-group--indigo.igx-input-group--focused .igx-input-group__label{color:var(--focused-secondary-color)}.igx-input-group--indigo.igx-input-group--invalid .igx-input-group__label{color:var(--error-secondary-color)}.igx-input-group--indigo.igx-input-group--valid .igx-input-group__label{color:var(--success-secondary-color)}.igx-input-group--indigo .igx-input-group__input,.igx-input-group--indigo .igx-input-group__file-input{padding-block:.5rem;padding-inline:max(var(--is-large, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)),var(--is-medium, 1)*max(0.75rem, -1 * 0.75rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)),var(--is-small, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)))}.igx-input-group--indigo.igx-input-group--focused .igx-input-group__bundle{background:var(--box-background-hover)}.igx-input-group--indigo.igx-input-group--disabled .igx-input-group__bundle{background:rgba(0,0,0,0)}.igx-input-group--indigo.igx-input-group--disabled .igx-input-group__bundle:hover,.igx-input-group--indigo.igx-input-group--disabled .igx-input-group__bundle:focus{background:rgba(0,0,0,0)}.igx-input-group--indigo.igx-input-group--disabled .igx-input-group__bundle::after{border-bottom-style:solid}.igx-input-group--fluent igx-prefix,.igx-input-group--fluent [igxPrefix],.igx-input-group--fluent igx-suffix,.igx-input-group--fluent [igxSuffix]{outline-style:none}.igx-input-group--fluent select{width:calc(100% + 0.5rem);margin-inline-start:-0.5rem !important;cursor:pointer !important}.igx-input-group--fluent.igx-input-group--search{display:flex;flex-direction:column}.igx-input-group--fluent.igx-input-group--search igx-prefix,.igx-input-group--fluent.igx-input-group--search [igxPrefix]{overflow:hidden}.igx-input-group--fluent.igx-input-group--search.igx-input-group--focused igx-prefix,.igx-input-group--fluent.igx-input-group--search.igx-input-group--focused [igxPrefix]{display:none}.igx-input-group--fluent.igx-input-group--required .igx-input-group__bundle::before{content:"*";position:absolute;top:-0.5rem;inset-inline-start:calc(100% + 0.25rem);color:var(--error-secondary-color)}.igx-input-group--bootstrap.igx-input-group--textarea-group .igx-input-group__bundle,.igx-input-group--fluent.igx-input-group--textarea-group .igx-input-group__bundle{display:flex}.igx-input-group--fluent.igx-input-group--required .igx-input-group__label::after{color:var(--error-secondary-color)}.igx-input-group--fluent.igx-input-group--required.igx-input-group--disabled .igx-input-group__label::after{color:var(--disabled-text-color)}.igx-input-group--fluent .igx-input-group__bundle,.igx-input-group--fluent.igx-input-group--search .igx-input-group__bundle{--size: max(var(--is-large, 1) * max(3rem, -1 * 3rem), var(--is-medium, 1) * max(2.5rem, -1 * 2.5rem), var(--is-small, 1) * max(2rem, -1 * 2rem));--min-width: max(var(--is-large, 1) * max(0.5rem, -1 * 0.5rem), var(--is-medium, 1) * max(0.375rem, -1 * 0.375rem), var(--is-small, 1) * max(0.25rem, -1 * 0.25rem));min-height:var(--size);padding:0;border:.0625rem solid var(--border-color);background:var(--border-background);align-items:stretch;overflow:hidden}.igx-input-group--fluent .igx-input-group__bundle:focus .igx-input-group__bundle-start,.igx-input-group--fluent .igx-input-group__bundle:focus-within .igx-input-group__bundle-start{margin-block-start:-0.0625rem;margin-inline-start:-0.0625rem}.igx-input-group--fluent .igx-input-group__bundle:focus .igx-input-group__bundle-end,.igx-input-group--fluent .igx-input-group__bundle:focus-within .igx-input-group__bundle-end{margin-block-start:-0.0625rem;margin-inline-end:-0.0625rem}.igx-input-group--fluent .igx-input-group__bundle:focus .igx-input-group__bundle-start:empty+.igx-input-group__bundle-main,.igx-input-group--fluent .igx-input-group__bundle:focus .igx-input-group__bundle-end:empty+.igx-input-group__bundle-main,.igx-input-group--fluent .igx-input-group__bundle:focus-within .igx-input-group__bundle-start:empty+.igx-input-group__bundle-main,.igx-input-group--fluent .igx-input-group__bundle:focus-within .igx-input-group__bundle-end:empty+.igx-input-group__bundle-main{margin-inline-start:-0.0625rem}.igx-input-group--fluent .igx-input-group__bundle:focus .igx-input-group__bundle-main,.igx-input-group--fluent .igx-input-group__bundle:focus-within .igx-input-group__bundle-main{margin-block-start:-0.0625rem}.igx-input-group--fluent .igx-input-group__bundle:hover,.igx-input-group--fluent.igx-input-group--search .igx-input-group__bundle:hover{border-color:var(--hover-border-color)}.igx-input-group--fluent .igx-input-group__bundle:focus-within,.igx-input-group--fluent .igx-input-group__bundle:focus{border-color:var(--focused-border-color)}.igx-input-group--fluent.igx-input-group--invalid .igx-input-group__bundle,.igx-input-group--fluent.igx-input-group--invalid .igx-input-group__bundle:hover,.igx-input-group--fluent.igx-input-group--invalid .igx-input-group__bundle:focus-within{border-color:var(--error-secondary-color)}.igx-input-group--fluent.igx-input-group--valid .igx-input-group__bundle,.igx-input-group--fluent.igx-input-group--valid .igx-input-group__bundle:hover,.igx-input-group--fluent.igx-input-group--valid .igx-input-group__bundle:focus-within{border-color:var(--success-secondary-color)}.igx-input-group--fluent.igx-input-group--disabled .igx-input-group__bundle:hover,.igx-input-group--fluent.igx-input-group--disabled .igx-input-group__bundle{border-color:var(--disabled-border-color);background:var(--border-disabled-background)}.igx-input-group--fluent .igx-input-group__bundle-main,.igx-input-group--fluent.igx-input-group--search .igx-input-group__bundle-main{align-self:center;cursor:default}.igx-input-group--fluent.igx-input-group--textarea-group .igx-input-group__bundle-start:empty,.igx-input-group--fluent.igx-input-group--textarea-group .igx-input-group__bundle-end:empty{display:none}.igx-input-group--fluent .igx-input-group__input,.igx-input-group--fluent .igx-input-group__file-input,.igx-input-group--fluent.igx-input-group--search .igx-input-group__input{font-size:.875rem;padding-block:0;padding-inline:.5rem;margin:0;border:none}.igx-input-group--indigo .igx-input-group__textarea{padding-block:.5rem;padding-inline:max(var(--is-large, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)),var(--is-medium, 1)*max(0.75rem, -1 * 0.75rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)),var(--is-small, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)))}.igx-input-group--fluent .igx-input-group__textarea{padding:.5rem}.igx-input-group--fluent.igx-input-group--disabled .igx-input-group__input,.igx-input-group--fluent.igx-input-group--disabled .igx-input-group__input:hover,.igx-input-group--fluent.igx-input-group--disabled .igx-input-group__input:focus,.igx-input-group--fluent.igx-input-group--disabled .igx-input-group__file-input,.igx-input-group--fluent.igx-input-group--disabled .igx-input-group__file-input:hover,.igx-input-group--fluent.igx-input-group--disabled .igx-input-group__file-input:focus{color:var(--disabled-text-color)}.igx-input-group--fluent .igx-input-group__label,.igx-input-group--fluent.igx-input-group--search .igx-input-group__label,.igx-input-group--indigo .igx-input-group__label{display:block;font-size:.875rem;font-weight:600;position:static;transform:translateY(0);transform-origin:top left;margin-top:0 !important;height:auto;margin-block-end:.25rem;color:var(--idle-secondary-color)}[dir=rtl] .igx-input-group--fluent .igx-input-group__label,.igx-input-group--fluent [dir=rtl] .igx-input-group__label,[dir=rtl] .igx-input-group--indigo .igx-input-group__label,.igx-input-group--indigo [dir=rtl] .igx-input-group__label{transform-origin:top right}.igx-input-group--fluent.igx-input-group--required .igx-input-group__label+.igx-input-group__bundle::before{display:none}.igx-input-group--fluent.igx-input-group--valid .igx-input-group__label{color:var(--idle-text-color)}.igx-input-group--fluent.igx-input-group--invalid .igx-input-group__label{color:var(--idle-text-color)}.igx-input-group--fluent.igx-input-group--disabled .igx-input-group__label{color:var(--disabled-text-color) !important}.igx-input-group--fluent.igx-input-group--filled .igx-input-group__label,.igx-input-group--fluent.igx-input-group--file .igx-input-group__label{transform:translateY(0)}.igx-input-group--fluent.igx-input-group--focused .igx-input-group__label{color:hsla(var(--ig-gray-800), var(--ig-gray-a));transform:translateY(0) scale(1)}.igx-input-group--fluent.igx-input-group--focused.igx-input-group--textarea-group .igx-input-group__hint{margin-block-start:-0.0625rem}.igx-input-group--fluent.igx-input-group--placeholder .igx-input-group__label{transform:translateY(0) scale(1)}.igx-input-group--fluent igx-prefix .ig-typography [igx-button],.igx-input-group--fluent [igxPrefix] .ig-typography [igx-button],.igx-input-group--fluent igx-prefix .ig-typography igx-button,.igx-input-group--fluent [igxPrefix] .ig-typography igx-button,.igx-input-group--fluent igx-prefix button,.igx-input-group--fluent [igxPrefix] button,.igx-input-group--fluent igx-suffix .ig-typography [igx-button],.igx-input-group--fluent [igxSuffix] .ig-typography [igx-button],.igx-input-group--fluent igx-suffix .ig-typography igx-button,.igx-input-group--fluent [igxSuffix] .ig-typography igx-button,.igx-input-group--fluent igx-suffix button,.igx-input-group--fluent [igxSuffix] button{border-radius:0;height:100%}.igx-input-group--fluent [igxPrefix]:first-child [igxButton]::after,.igx-input-group--fluent [igxPrefix]:first-child button::after,.igx-input-group--fluent igx-prefix:first-child [igxButton]::after,.igx-input-group--fluent igx-prefix:first-child button::after{border-start-start-radius:var(--border-border-radius);border-end-start-radius:var(--border-border-radius)}.igx-input-group--fluent igx-prefix,.igx-input-group--fluent [igxPrefix],.igx-input-group--fluent igx-suffix,.igx-input-group--fluent [igxSuffix]{padding-inline:max(var(--is-large, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)),var(--is-medium, 1)*max(0.75rem, -1 * 0.75rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)),var(--is-small, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)))}.igx-input-group--fluent .igx-input-group__upload-button{padding:0}.igx-input-group--bootstrap.igx-input-group--prefixed .igx-input-group__file-input,.igx-input-group--bootstrap.igx-input-group--prefixed .igx-input-group__input,.igx-input-group--bootstrap.igx-input-group--prefixed .igx-input-group__textarea{border-start-start-radius:0;border-end-start-radius:0}.igx-input-group--bootstrap.igx-input-group--suffixed .igx-input-group__file-input,.igx-input-group--bootstrap.igx-input-group--suffixed .igx-input-group__input,.igx-input-group--bootstrap.igx-input-group--suffixed .igx-input-group__textarea{border-start-end-radius:0;border-end-end-radius:0}.igx-input-group--bootstrap.igx-input-group--disabled .igx-input-group__bundle{background-image:none}.igx-input-group--bootstrap.igx-input-group--disabled .igx-input-group__bundle .igx-input-group__bundle-start,.igx-input-group--bootstrap.igx-input-group--disabled .igx-input-group__bundle .igx-input-group__bundle-end{border-color:var(--disabled-border-color)}.igx-input-group--bootstrap .igx-input-group__bundle{--size: max(var(--is-large, 1) * max(3rem, -1 * 3rem), var(--is-medium, 1) * max(2.375rem, -1 * 2.375rem), var(--is-small, 1) * max(1.9375rem, -1 * 1.9375rem));padding:0;box-shadow:none;z-index:0}.igx-input-group--bootstrap .igx-input-group__bundle:hover{border:none;box-shadow:none}.igx-input-group--bootstrap .igx-input-group__bundle-start,.igx-input-group--bootstrap .igx-input-group__bundle-end{flex:none;border-width:.0625rem;border-style:solid;border-color:var(--border-color);overflow:hidden}.igx-input-group--bootstrap .igx-input-group__bundle-start:empty,.igx-input-group--bootstrap .igx-input-group__bundle-end:empty{display:none}.igx-input-group--bootstrap .igx-input-group__bundle-start{grid-area:1/1;border-inline-start-width:.0625rem;border-inline-end-width:0;border-block-start-width:.0625rem;border-block-end-width:.0625rem;border-start-start-radius:var(--box-border-radius);border-end-start-radius:var(--box-border-radius)}.igx-input-group--bootstrap .igx-input-group__bundle-end{grid-area:1/3;border-inline-start-width:0;border-inline-end-width:.0625rem;border-block-start-width:.0625rem;border-block-end-width:.0625rem;border-start-end-radius:var(--box-border-radius);border-end-end-radius:var(--box-border-radius)}.igx-input-group--bootstrap .igx-input-group__label,.igx-input-group--bootstrap.igx-input-group--focused .igx-input-group__label,.igx-input-group--bootstrap.igx-input-group--valid .igx-input-group__label,.igx-input-group--bootstrap.igx-input-group--invalid .igx-input-group__label{position:static;display:block;color:var(--idle-secondary-color);padding:0;line-height:1.5rem;transform:translateY(0);transform-origin:top left;margin-block-start:0 !important;margin-block-end:.25rem;height:auto;font-size:1rem}[dir=rtl] .igx-input-group--bootstrap .igx-input-group__label,.igx-input-group--bootstrap [dir=rtl] .igx-input-group__label{transform-origin:top right}.igx-input-group--bootstrap .igx-input-group__input,.igx-input-group--bootstrap .igx-input-group__textarea{height:auto;line-height:1.5;margin:0;font-size:max(var(--is-large, 1)*max(1.25rem, -1 * 1.25rem)*var(--ig-spacing-large, var(--ig-spacing, --ig-spacing)),var(--is-medium, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-medium, var(--ig-spacing, --ig-spacing)),var(--is-small, 1)*max(0.875rem, -1 * 0.875rem)*var(--ig-spacing-small, var(--ig-spacing, --ig-spacing)));padding-block:max(var(--is-large, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)),var(--is-medium, 1)*max(0.375rem, -1 * 0.375rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)),var(--is-small, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)));padding-inline:max(var(--is-large, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)),var(--is-medium, 1)*max(0.75rem, -1 * 0.75rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)),var(--is-small, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)));transition:box-shadow .15s ease-out,border .15s ease-out}.igx-input-group--bootstrap .igx-input-group__input,.igx-input-group--bootstrap .igx-input-group__textarea,.igx-input-group--bootstrap .igx-input-group__file-input{border:.0625rem solid var(--border-color);padding-block:max(var(--is-large, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)),var(--is-medium, 1)*max(0.375rem, -1 * 0.375rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)),var(--is-small, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)));padding-inline:max(var(--is-large, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)),var(--is-medium, 1)*max(0.75rem, -1 * 0.75rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)),var(--is-small, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)));grid-area:1/2/auto/auto;border-radius:var(--box-border-radius);z-index:1}.igx-input-group--bootstrap .igx-input-group__file-input{height:inherit}.igx-input-group--bootstrap.igx-input-group--focused .igx-input-group__input,.igx-input-group--bootstrap.igx-input-group--focused .igx-input-group__file-input,.igx-input-group--bootstrap.igx-input-group--focused .igx-input-group__textarea{border:.0625rem solid var(--focused-border-color);box-shadow:0 0 0 .25rem var(--focused-secondary-color)}.igx-input-group--bootstrap.igx-input-group--valid .igx-input-group__input,.igx-input-group--bootstrap.igx-input-group--valid .igx-input-group__input:hover,.igx-input-group--bootstrap.igx-input-group--valid .igx-input-group__file-input,.igx-input-group--bootstrap.igx-input-group--valid .igx-input-group__file-input:hover,.igx-input-group--bootstrap.igx-input-group--valid .igx-input-group__textarea,.igx-input-group--bootstrap.igx-input-group--valid .igx-input-group__textarea:hover{border:.0625rem solid var(--success-secondary-color);box-shadow:0 0 0 .25rem var(--success-shadow-color)}.igx-input-group--bootstrap.igx-input-group--invalid .igx-input-group__input,.igx-input-group--bootstrap.igx-input-group--invalid .igx-input-group__input:hover,.igx-input-group--bootstrap.igx-input-group--invalid .igx-input-group__file-input,.igx-input-group--bootstrap.igx-input-group--invalid .igx-input-group__file-input:hover,.igx-input-group--bootstrap.igx-input-group--invalid .igx-input-group__textarea,.igx-input-group--bootstrap.igx-input-group--invalid .igx-input-group__textarea:hover{border:.0625rem solid var(--error-secondary-color);box-shadow:0 0 0 .25rem var(--error-shadow-color)}.igx-input-group--bootstrap.igx-input-group--disabled .igx-input-group__input,.igx-input-group--bootstrap.igx-input-group--disabled .igx-input-group__file-input,.igx-input-group--bootstrap.igx-input-group--disabled .igx-input-group__textarea{background:var(--border-disabled-background);border:.0625rem solid var(--disabled-border-color);box-shadow:none}.igx-input-group--bootstrap.igx-input-group--search .igx-input-group__input{transform:translateY(0)}.igx-input-group--bootstrap.igx-input-group--disabled .igx-input-group__bundle igx-prefix,.igx-input-group--bootstrap.igx-input-group--disabled .igx-input-group__bundle [igxPrefix],.igx-input-group--bootstrap.igx-input-group--disabled .igx-input-group__bundle igx-suffix,.igx-input-group--bootstrap.igx-input-group--disabled .igx-input-group__bundle [igxSuffix]{background:var(--border-disabled-background);border-color:var(--disabled-border-color);color:var(--disabled-text-color)}.igx-input-group--bootstrap .igx-input-group__upload-button{padding:0}.igx-input-group--bootstrap .igx-input-group__upload-button [igxButton]{min-height:0;height:calc(100% - 0.5rem)}igx-list{--background: var(--igx-list-background, hsla(var(--ig-surface-500), var(--ig-surface-a)));--header-background: var(--igx-list-header-background, hsla(var(--ig-surface-500), var(--ig-surface-a)));--header-text-color: var(--igx-list-header-text-color, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--item-background: var(--igx-list-item-background, hsla(var(--ig-surface-500), var(--ig-surface-a)));--item-background-hover: var(--igx-list-item-background-hover, hsla(var(--ig-gray-200), var(--ig-gray-a)));--item-background-active: var(--igx-list-item-background-active, hsla(var(--ig-gray-200), var(--ig-gray-a)));--item-text-color: var(--igx-list-item-text-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--item-text-color-hover: var(--igx-list-item-text-color-hover, hsla(var(--ig-gray-700), var(--ig-gray-a)));--item-text-color-active: var(--igx-list-item-text-color-active, hsla(var(--ig-gray-700), var(--ig-gray-a)));--item-title-color: var(--igx-list-item-title-color, 'currentColor');--item-title-color-hover: var(--igx-list-item-title-color-hover, 'currentColor');--item-title-color-active: var(--igx-list-item-title-color-active, 'currentColor');--item-action-color: var(--igx-list-item-action-color, 'currentColor');--item-action-color-hover: var(--igx-list-item-action-color-hover, 'currentColor');--item-action-color-active: var(--igx-list-item-action-color-active, 'currentColor');--item-subtitle-color: var(--igx-list-item-subtitle-color, 'currentColor');--item-subtitle-color-hover: var(--igx-list-item-subtitle-color-hover, 'currentColor');--item-subtitle-color-active: var(--igx-list-item-subtitle-color-active, 'currentColor');--item-thumbnail-color: var(--igx-list-item-thumbnail-color, 'currentColor');--item-thumbnail-color-hover: var(--igx-list-item-thumbnail-color-hover, 'currentColor');--item-thumbnail-color-active: var(--igx-list-item-thumbnail-color-active, 'currentColor');--border-color: var(--igx-list-border-color, transparent);--border-width: var(--igx-list-border-width, 0);--border-radius: var(--igx-list-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.5rem), 1.5rem));--item-border-radius: var(--igx-list-item-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.5rem), 1.5rem))}.igx-list,.igx-list--empty,.igx-list--compact,.igx-list--cosy{position:relative;display:flex;flex-flow:column nowrap;background:var(--background);height:auto;overflow-y:auto;overflow-x:hidden;z-index:0;border-radius:var(--border-radius)}.igx-list:focus-visible,.igx-list--empty:focus-visible,.igx-list--compact:focus-visible,.igx-list--cosy:focus-visible{outline-style:none}.igx-list--empty{justify-content:center;align-items:center}.igx-list--empty .igx-list__message{text-align:center;color:var(--item-text-color);padding:1rem;z-index:1}.igx-list__header{display:flex;align-items:center;color:var(--header-text-color);background:var(--header-background);padding:.5rem 1rem;-webkit-user-select:none;user-select:none}.igx-list--cosy .igx-list__header{padding:.25rem .5rem}.igx-list--compact .igx-list__header{padding:.125rem .25rem}.igx-list__item-base{display:flex;flex-flow:column wrap;justify-content:center;border-radius:var(--item-border-radius);color:var(--item-text-color);background:var(--item-background)}.igx-list__item-base:hover{color:var(--item-text-color-hover);background:var(--item-background-hover)}.igx-list__item-base:hover .igx-list__item-lines{color:currentColor}.igx-list__item-base:hover .igx-list__item-line-title{color:var(--item-title-color-hover)}.igx-list__item-base:hover .igx-list__item-line-subtitle{color:var(--item-subtitle-color-hover)}.igx-list__item-base:hover .igx-list__item-actions{color:var(--item-action-color-hover)}.igx-list__item-base:hover .igx-list__item-actions igx-icon{color:var(--item-action-color-hover)}.igx-list__item-base:hover .igx-list__item-thumbnail{color:var(--item-thumbnail-color-hover)}.igx-list__item-base:hover .igx-list__item-thumbnail igx-icon{color:var(--item-thumbnail-color-hover)}.igx-list__item-right,.igx-list__item-left{position:absolute;visibility:hidden;display:flex;z-index:1}.igx-list__item-lines{color:currentColor;display:flex;flex-direction:column;flex:1 0 0%}.igx-list__item-lines:empty{display:none}.igx-list__item-line-subtitle{color:var(--item-subtitle-color);opacity:.74}.igx-list__item-line-title{color:var(--item-title-color)}.igx-list__item-actions{display:flex;align-items:center;justify-content:center;color:var(--item-action-color)}.igx-list__item-actions>*{margin-inline-start:.5rem}.igx-list__item-actions:empty{display:none}.igx-list__item-actions igx-icon{color:var(--item-action-color)}[dir=rtl] .igx-list__item-actions igx-icon{transform:scaleX(-1)}.igx-list__item-content,.igx-list__item-content:active{display:flex;align-items:center;position:relative;padding:.5rem 1rem;border-radius:var(--item-border-radius);background:inherit;z-index:2}.igx-list--compact .igx-list__item-content{padding:.125rem .25rem}.igx-list--cosy .igx-list__item-content{padding:.25rem .5rem}.igx-list__item-thumbnail{display:flex;align-items:center;justify-content:center;align-self:flex-start;padding:0;color:var(--item-thumbnail-color)}.igx-list__item-thumbnail>igx-icon{margin:.5rem 1rem;margin-inline-start:0}.igx-list__item-thumbnail>igx-avatar>igx-icon{margin:0}.igx-list__item-thumbnail:empty{display:none}.igx-list__item-thumbnail:not(:empty)+.igx-list__item-lines{margin:0;margin-inline-start:1rem}.igx-list--cosy .igx-list__item-thumbnail:not(:empty)+.igx-list__item-lines{margin:0;margin-inline-start:.75rem}.igx-list--compact .igx-list__item-thumbnail:not(:empty)+.igx-list__item-lines{margin:0;margin-inline-start:.5rem}.igx-list--cosy .igx-list__item-thumbnail>igx-icon{margin:.375rem .5rem;margin-inline-start:0}.igx-list--compact .igx-list__item-thumbnail>igx-icon{margin:.25rem;margin-inline-start:0}.igx-list--cosy .igx-list__item-actions>*{margin-inline-start:.375rem}.igx-list--compact .igx-list__item-actions>*{margin-inline-start:.25rem}.igx-list__item-lines+.igx-list__item-actions{margin-inline-start:.5rem}.igx-list__item-content:active,.igx-list__item-base--active .igx-list__item-content{color:var(--item-text-color-active);background:var(--item-background-active);z-index:3}.igx-list__item-content:active .igx-list__item-line-title,.igx-list__item-base--active .igx-list__item-content .igx-list__item-line-title{color:var(--item-title-color-active)}.igx-list__item-content:active .igx-list__item-line-subtitle,.igx-list__item-base--active .igx-list__item-content .igx-list__item-line-subtitle{color:var(--item-subtitle-color-active)}.igx-list__item-content:active .igx-list__item-actions,.igx-list__item-base--active .igx-list__item-content .igx-list__item-actions{color:var(--item-action-color-active)}.igx-list__item-content:active .igx-list__item-actions igx-icon,.igx-list__item-base--active .igx-list__item-content .igx-list__item-actions igx-icon{color:var(--item-action-color-active)}.igx-list__item-content:active .igx-list__item-thumbnail,.igx-list__item-base--active .igx-list__item-content .igx-list__item-thumbnail{color:var(--item-thumbnail-color-active)}.igx-list__item-content:active .igx-list__item-thumbnail igx-icon,.igx-list__item-base--active .igx-list__item-content .igx-list__item-thumbnail igx-icon{color:var(--item-thumbnail-color-active)}.igx-list__item-content:not(:active){transition:transform .3s cubic-bezier(0.25, 0.46, 0.45, 0.94)}igx-navbar{--elevation: var(--igx-navbar-elevation, var(--ig-elevation-4));--background: var(--igx-navbar-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));--text-color: var(--igx-navbar-text-color, var(--ig-primary-500-contrast));--idle-icon-color: var(--igx-navbar-idle-icon-color, var(--ig-primary-500-contrast));--hover-icon-color: var(--igx-navbar-hover-icon-color, var(--ig-primary-500-contrast));--shadow: var(--igx-navbar-shadow, var(--ig-elevation-4))}.igx-navbar{display:flex;position:relative;flex-flow:row nowrap;align-items:center;justify-content:space-between;width:100%;min-height:3.5rem;max-height:8rem;padding-inline:1rem;background:var(--background);color:var(--text-color);box-shadow:var(--shadow);z-index:4;overflow:hidden}igx-navbar-title,[igxNavbarTitle],igx-navbar-action,[igxNavbarAction],.igx-navbar__right,.igx-navbar__left{display:flex;align-items:center}igx-navbar-title,[igxNavbarTitle],.igx-navbar__title{display:-webkit-inline-box;-webkit-line-clamp:4;overflow:hidden;margin:0;flex-grow:1;-webkit-user-select:text;user-select:text;display:flex;flex-direction:row}.igx-navbar__right,.igx-navbar__left{-webkit-user-select:none;user-select:none}.igx-navbar__right>*+*,.igx-navbar__left>*+*{margin-inline-start:1rem}.igx-navbar__right>igx-icon,.igx-navbar__left>igx-icon,.igx-navbar__right [igxButton=icon],.igx-navbar__left [igxButton=icon]{cursor:pointer;color:var(--idle-icon-color);transition:color .15s cubic-bezier(0.25, 0.46, 0.45, 0.94)}.igx-navbar__right>igx-icon:hover,.igx-navbar__left>igx-icon:hover,.igx-navbar__right [igxButton=icon]:hover,.igx-navbar__left [igxButton=icon]:hover{color:var(--hover-icon-color)}.igx-navbar__left{flex-grow:1}igx-nav-drawer{--elevation: var(--igx-nav-drawer-elevation, var(--ig-elevation-16));--background: var(--igx-nav-drawer-background, hsla(var(--ig-surface-500), var(--ig-surface-a)));--border-color: var(--igx-nav-drawer-border-color, hsla(var(--ig-gray-900), 0.14));--item-header-text-color: var(--igx-nav-drawer-item-header-text-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--item-text-color: var(--igx-nav-drawer-item-text-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--item-icon-color: var(--igx-nav-drawer-item-icon-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--item-active-text-color: var(--igx-nav-drawer-item-active-text-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--item-active-background: var(--igx-nav-drawer-item-active-background, hsla(var(--ig-primary-500), 0.12));--item-hover-background: var(--igx-nav-drawer-item-hover-background, hsla(var(--ig-gray-200), 0.8));--item-hover-text-color: var(--igx-nav-drawer-item-hover-text-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--item-active-icon-color: var(--igx-nav-drawer-item-active-icon-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--item-hover-icon-color: var(--igx-nav-drawer-item-hover-icon-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--border-radius: var(--igx-nav-drawer-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 2.25rem), 2.25rem));--item-border-radius: var(--igx-nav-drawer-item-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1666666667) * 1.5rem), 1.5rem));--shadow: var(--igx-nav-drawer-shadow, var(--ig-elevation-16))}.igx-nav-drawer{transition:flex-basis;transition-duration:.3s;transition-timing-function:cubic-bezier(0.25, 0.46, 0.45, 0.94);flex-shrink:0}.igx-nav-drawer__aside{position:fixed;height:100%;max-width:90%;min-height:100%;overflow-x:hidden;background:var(--background);top:0;bottom:0;inset-inline-start:0;z-index:999;transition:width,transform;transition-timing-function:cubic-bezier(0.25, 0.46, 0.45, 0.94),cubic-bezier(0.25, 0.46, 0.45, 0.94);box-shadow:var(--shadow);border-inline-end:.0625rem solid var(--border-color);border-radius:var(--border-radius)}.igx-nav-drawer__aside.panning{overflow-x:hidden;transition:none}.igx-nav-drawer__aside--pinned{position:relative;max-width:100%;box-shadow:none;z-index:0}.igx-nav-drawer__aside--collapsed.igx-nav-drawer__aside--right{transform:translate3d(300px, 0, 0);box-shadow:none}[dir=rtl] .igx-nav-drawer__aside--collapsed.igx-nav-drawer__aside--right{transform:translate3d(-300px, 0, 0)}.igx-nav-drawer__aside--pinned.igx-nav-drawer__aside--collapsed{transform:none;width:0;overflow:hidden;border:none}.igx-nav-drawer__aside--collapsed{transform:translate3d(-300px, 0, 0);box-shadow:none}[dir=rtl] .igx-nav-drawer__aside--collapsed{transform:translate3d(300px, 0, 0)}.igx-nav-drawer__aside--right{inset-inline-start:auto;inset-inline-end:0;border-inline-end:none;border-inline-start:.0625rem solid var(--border-color)}.igx-nav-drawer__aside--mini{width:3.75rem;transition-duration:.2s,.2s}.igx-nav-drawer__aside--mini .igx-nav-drawer__item,.igx-nav-drawer__aside--mini .igx-nav-drawer__item--active{justify-content:center}.igx-nav-drawer__aside--mini .igx-nav-drawer__item igx-icon,.igx-nav-drawer__aside--mini .igx-nav-drawer__item--active igx-icon{margin-inline-start:0}.igx-nav-drawer__aside--normal{width:15.125rem;transition-duration:.3s,.3s}.igx-nav-drawer__overlay{opacity:1;background:hsla(var(--ig-gray-500), 0.54);transition:opacity,visibility;transition-duration:.25s,.25s;transition-timing-function:ease-in,step-start;transition-delay:0s,0s;position:absolute;inset-inline-start:0;top:0;width:100%;height:100%;visibility:visible;z-index:999}.igx-nav-drawer__overlay.panning{transform:translate3d(0, 0, 0);transition:none}.igx-nav-drawer__overlay--hidden{transition-timing-function:ease-in-out,step-end;visibility:hidden;opacity:0}.igx-nav-drawer__overlay.panning.igx-nav-drawer__overlay--hidden{visibility:visible}.igx-nav-drawer__item,.igx-nav-drawer__item--active{position:relative;display:flex;align-items:center;flex-flow:row nowrap;color:var(--item-text-color);max-height:3rem;min-width:2rem;margin:.5rem !important;padding:.75rem .5rem;gap:2rem;cursor:pointer;-webkit-user-select:none;user-select:none;outline:rgba(0,0,0,0);white-space:nowrap;border-radius:var(--item-border-radius);text-decoration:none;width:calc(100% - 1rem);border:none;justify-content:flex-start}.igx-nav-drawer__item igx-icon,.igx-nav-drawer__item--active igx-icon{color:var(--item-icon-color)}[igxButton].igx-nav-drawer__item,[igxButton].igx-nav-drawer__item--active{background:rgba(0,0,0,0);border:none}.igx-nav-drawer__item.igx-button--fab,.igx-nav-drawer__item--active.igx-button--fab{min-height:auto}.igx-nav-drawer__item.igx-button--icon,.igx-nav-drawer__item--active.igx-button--icon{height:auto;transition:none}.igx-nav-drawer__item:hover,.igx-nav-drawer__item--active:hover,.igx-nav-drawer__item:focus,.igx-nav-drawer__item--active:focus{background:var(--item-hover-background);color:var(--item-hover-text-color);box-shadow:none}.igx-nav-drawer__item:hover igx-icon,.igx-nav-drawer__item--active:hover igx-icon,.igx-nav-drawer__item:focus igx-icon,.igx-nav-drawer__item--active:focus igx-icon{color:var(--item-hover-icon-color)}.igx-nav-drawer__item--active{color:var(--item-active-text-color);background:var(--item-active-background)}.igx-nav-drawer__item--active igx-icon{color:var(--item-active-icon-color)}.igx-nav-drawer__item--active:focus,.igx-nav-drawer__item--active:hover{color:var(--item-active-text-color);background:var(--item-active-background)}.igx-nav-drawer__item--active:focus igx-icon,.igx-nav-drawer__item--active:hover igx-icon{color:var(--item-active-icon-color)}[igxButton].igx-nav-drawer__item,[igxButton].igx-nav-drawer__item--active{box-shadow:none}[igxButton].igx-nav-drawer__item igx-icon,[igxButton].igx-nav-drawer__item--active igx-icon{width:var(--igx-icon-size, 1.5rem);height:var(--igx-icon-size, 1.5rem);font-size:var(--igx-icon-size, 1.5rem);margin:0}[igxButton].igx-nav-drawer__item:hover,[igxButton].igx-nav-drawer__item--active:hover,[igxButton].igx-nav-drawer__item:focus,[igxButton].igx-nav-drawer__item--active:focus{box-shadow:none;border:none}.igx-nav-drawer__item--header{display:block;padding:.75rem 1rem;white-space:nowrap;color:var(--item-header-text-color)}.igx-nav-drawer__style-dummy{height:0;background:none;box-shadow:none;transition:none;visibility:hidden}.igx-nav-drawer--disable-animation{transition-duration:0s}.igx-overlay__wrapper--modal,.igx-overlay__content--modal{--background-color: var(--igx-overlay-background-color, hsla(var(--ig-gray-500), 0.54))}.igx-overlay{width:0;height:0;box-sizing:content-box}.igx-overlay__wrapper,.igx-overlay__wrapper--modal,.igx-overlay__wrapper--flex,.igx-overlay__wrapper--flex-container{position:fixed;inset:0;background:rgba(0,0,0,0);transition:background .25s cubic-bezier(0.455, 0.03, 0.515, 0.955);pointer-events:none;z-index:10005;box-sizing:content-box}.igx-overlay__wrapper--modal{background:var(--background-color);pointer-events:initial}.igx-overlay__wrapper--flex{display:flex}.igx-overlay__wrapper--flex-container{display:flex;position:absolute}.igx-overlay__content,.igx-overlay__content--modal,.igx-overlay__content--elastic,.igx-overlay__content--relative{position:absolute;pointer-events:all;box-sizing:content-box}.igx-overlay__content--modal{pointer-events:initial}.igx-overlay__content--elastic{overflow:auto}.igx-overlay__content--relative{position:relative}.igx-toggle--hidden{display:none !important}igx-paginator{--text-color: var(--igx-paginator-text-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--background-color: var(--igx-paginator-background-color, hsla(var(--ig-gray-100), var(--ig-gray-a)));--border-color: var(--igx-paginator-border-color, hsla(var(--ig-gray-200), var(--ig-gray-a)))}.igx-paginator,.igx-paginator--cosy,.igx-paginator--compact{display:flex;justify-content:space-between;align-items:center;color:var(--text-color);background:var(--background-color);font-size:.75rem;border-top:.0625rem solid var(--border-color);z-index:1;padding:0 1.5rem;height:3.5rem;width:100%}.igx-paginator:empty,.igx-paginator--cosy:empty,.igx-paginator--compact:empty{padding:0}.igx-paginator--cosy{padding:0 1rem;height:3rem}.igx-paginator--compact{padding:0 .75rem;height:2.75rem}.igx-paginator-content{display:flex;align-items:center;justify-content:space-between;width:100%}.igx-page-size{display:flex;justify-content:flex-start;align-items:center;flex:1}.igx-page-size__label{margin-inline-end:.5rem;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.igx-page-size__select{display:flex;max-width:7.125rem;min-width:6.25rem}.igx-page-nav{display:flex;justify-content:flex-end;align-items:center;flex:1}.igx-page-nav>*{margin-inline-start:.5rem}[dir=rtl] .igx-page-nav igx-icon{transform:scaleX(-1)}.igx-page-nav__text{display:flex}@keyframes rotate-center{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}igx-circular-bar{--base-circle-color: var(--igx-circular-bar-base-circle-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));--progress-circle-color: var(--igx-circular-bar-progress-circle-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--text-color: var(--igx-circular-bar-text-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--track-border-radius: var(--igx-circular-bar-track-border-radius, 0rem);--progress-circle-color-start: var(--igx-circular-bar-progress-circle-color-start, hsla(var(--ig-primary-500), var(--ig-primary-a)));--progress-circle-color-end: var(--igx-circular-bar-progress-circle-color-end, hsla(var(--ig-primary-500), var(--ig-primary-a)))}.igx-circular-bar{display:inline-flex;flex:1 1 auto;width:2rem;height:2rem;position:relative}.igx-circular-bar svg{width:100%;height:100%;min-width:inherit;min-height:inherit;transform:rotate(-90deg)}.igx-circular-bar--indeterminate{animation:rotate-center 3s linear normal infinite}[dir=rtl] .igx-circular-bar--indeterminate{animation-direction:reverse}.igx-circular-bar__inner{stroke-width:.25rem;fill:rgba(0,0,0,0);stroke:var(--base-circle-color)}.igx-circular-bar__outer{fill:rgba(0,0,0,0);stroke-width:.25rem;stroke-dashoffset:289;stroke-dasharray:289}.igx-circular-bar--indeterminate .igx-circular-bar__outer{stroke-dasharray:289;animation:indeterminate-accordion 1.5s cubic-bezier(0, 0.085, 0.68, 0.53) normal infinite}[dir=rtl] .igx-circular-bar--indeterminate .igx-circular-bar__outer,.igx-circular-bar--indeterminate [dir=rtl] .igx-circular-bar__outer{animation-direction:reverse}.igx-circular-bar__text{position:absolute;inset-block-start:50%;inset-inline-start:50%;transform:translate(-50%, -50%);font-size:1rem;line-height:1;text-align:center;font-weight:600;fill:var(--text-color)}.igx-circular-bar--indeterminate .igx-circular-bar__text{visibility:hidden}.igx-circular-bar__gradient-start{stop-color:var(--progress-circle-color-start)}.igx-circular-bar__gradient-end{stop-color:var(--progress-circle-color-end)}@keyframes indeterminate-accordion{from{stroke-dashoffset:578;stroke-dasharray:259}to{stroke-dashoffset:120}}igx-linear-bar{--track-color: var(--igx-linear-bar-track-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));--fill-color-default: var(--igx-linear-bar-fill-color-default, hsla(var(--ig-primary-500), var(--ig-primary-a)));--fill-color-danger: var(--igx-linear-bar-fill-color-danger, hsla(var(--ig-error-500), var(--ig-error-a)));--fill-color-warning: var(--igx-linear-bar-fill-color-warning, hsla(var(--ig-warn-500), var(--ig-warn-a)));--fill-color-info: var(--igx-linear-bar-fill-color-info, hsla(var(--ig-info-500), var(--ig-info-a)));--fill-color-success: var(--igx-linear-bar-fill-color-success, hsla(var(--ig-success-500), var(--ig-success-a)));--stripes-color: var(--igx-linear-bar-stripes-color, hsla(var(--ig-gray-50), 0.7));--text-color: var(--igx-linear-bar-text-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--track-border-radius: var(--igx-linear-bar-track-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 0.5rem), 0.5rem))}.igx-linear-bar{position:relative;display:flex;width:100%;flex:1 1 100%;flex-direction:column}[dir=rtl].igx-linear-bar .igx-linear-bar__base,[dir=rtl] .igx-linear-bar .igx-linear-bar__base{transform:rotateY(180deg)}.igx-linear-bar__base{position:relative;width:inherit;height:.25rem;background:var(--track-color);overflow:hidden;border-radius:var(--track-border-radius);z-index:0}.igx-linear-bar__indicator{width:100%;position:absolute;height:100%}.igx-linear-bar--striped .igx-linear-bar__indicator{background-image:linear-gradient(-45deg, var(--stripes-color) 25%, transparent 25%, transparent 50%, var(--stripes-color) 50%, var(--stripes-color) 75%, transparent 75%, transparent);background-size:2.5rem 2.5rem}[dir=rtl] .igx-linear-bar--striped .igx-linear-bar__indicator,.igx-linear-bar--striped [dir=rtl] .igx-linear-bar__indicator{background-image:linear-gradient(45deg, var(--stripes-color) 25%, transparent 25%, transparent 50%, var(--stripes-color) 50%, var(--stripes-color) 75%, transparent 75%, transparent)}.igx-linear-bar--indeterminate .igx-linear-bar__indicator-secondary,.igx-linear-bar--indeterminate .igx-linear-bar__indicator{transform-origin:top left;width:100% !important;height:inherit;position:absolute;background:rgba(0,0,0,0)}.igx-linear-bar--indeterminate .igx-linear-bar__indicator-secondary::after,.igx-linear-bar--indeterminate .igx-linear-bar__indicator::after{content:"";position:absolute;top:0;inset-inline-start:0;width:inherit;height:inherit;background:var(--fill-color-default);backface-visibility:hidden}.igx-linear-bar--indeterminate .igx-linear-bar__indicator{transform:scale3d(0, 1, 1);animation:indeterminate-primary 2000ms infinite linear;left:-145.166611%}.igx-linear-bar--indeterminate .igx-linear-bar__indicator::after{animation:indeterminate-primary-scale 2000ms infinite linear}.igx-linear-bar--indeterminate .igx-linear-bar__indicator-secondary{animation:indeterminate-secondary 2000ms infinite linear;left:-54.888891%}.igx-linear-bar--indeterminate .igx-linear-bar__indicator-secondary::after{animation:indeterminate-secondary-scale 2000ms infinite linear;width:100%;height:inherit}.igx-linear-bar__indicator{background:var(--fill-color-default)}.igx-linear-bar--danger .igx-linear-bar__indicator{background-color:var(--fill-color-danger)}.igx-linear-bar--warning .igx-linear-bar__indicator{background-color:var(--fill-color-warning)}.igx-linear-bar--info .igx-linear-bar__indicator{background-color:var(--fill-color-info)}.igx-linear-bar--success .igx-linear-bar__indicator{background-color:var(--fill-color-success)}.igx-linear-bar__value,.igx-linear-bar__value--start,.igx-linear-bar__value--center,.igx-linear-bar__value--end,.igx-linear-bar__value--top,.igx-linear-bar__value--hidden,.igx-linear-bar--indeterminate .igx-linear-bar__value{margin:0;color:var(--text-color);font-size:.875rem;font-weight:600}.igx-linear-bar__value,.igx-linear-bar__value--start{align-self:flex-start}.igx-linear-bar__value--center{align-self:center}.igx-linear-bar__value--end{align-self:flex-end}.igx-linear-bar__value--top{order:-1}.igx-linear-bar__value--hidden,.igx-linear-bar--indeterminate .igx-linear-bar__value{display:none}@keyframes indeterminate-primary{0%{transform:translateX(0)}20%{animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);transform:translateX(0)}59.15%{animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);transform:translateX(83.67142%)}100%{transform:translateX(200.611057%)}}@keyframes indeterminate-primary-scale{0%{transform:scaleX(0.08)}36.65%{animation-timing-function:cubic-bezier(0.334731, 0.12482, 0.785844, 1);transform:scaleX(0.08)}69.15%{animation-timing-function:cubic-bezier(0.334731, 0.12482, 0.785844, 1);transform:scaleX(0.661479)}100%{transform:scaleX(0.08)}}@keyframes indeterminate-secondary{0%{animation-timing-function:cubic-bezier(0.15, 0, 0.515058, 0.409685);transform:translateX(0)}25%{animation-timing-function:cubic-bezier(0.31033, 0.284058, 0.8, 0.733712);transform:translateX(37.651913%)}48.35%{animation-timing-function:cubic-bezier(0.4, 0.627035, 0.6, 0.902026);transform:translateX(84.386165%)}100%{transform:translateX(160.277782%)}}@keyframes indeterminate-secondary-scale{0%{animation-timing-function:cubic-bezier(0.15, 0, 0.515058, 0.409685);transform:scaleX(0.08)}19.15%{animation-timing-function:cubic-bezier(0.31033, 0.284058, 0.8, 0.733712);transform:scaleX(0.457104)}44.15%{animation-timing-function:cubic-bezier(0.4, 0.627035, 0.6, 0.902026);transform:scaleX(0.72796)}100%{transform:scaleX(0.08)}}igx-radio{--hover-color: var(--igx-radio-hover-color, transparent);--fill-hover-border-color: var(--igx-radio-fill-hover-border-color, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--label-color: var(--igx-radio-label-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--empty-color: var(--igx-radio-empty-color, hsla(var(--ig-gray-600), var(--ig-gray-a)));--fill-color: var(--igx-radio-fill-color, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--fill-color-hover: var(--igx-radio-fill-color-hover, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--disabled-color: var(--igx-radio-disabled-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--disabled-label-color: var(--igx-radio-disabled-label-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--error-color: var(--igx-radio-error-color, hsla(var(--ig-error-500), var(--ig-error-a)));--error-color-hover: var(--igx-radio-error-color-hover, hsla(var(--ig-error-500), var(--ig-error-a)))}.igx-radio{position:relative;display:inline-flex;flex-flow:row nowrap;align-items:center;color:var(--label-color)}.igx-radio__input{position:absolute;width:1px;height:1px;margin:-1px;border:none;clip:rect(0, 0, 0, 0);outline:0;pointer-events:none;overflow:hidden;appearance:none}.igx-radio--disabled{pointer-events:none;color:var(--disabled-label-color);-webkit-user-select:none;user-select:none}.igx-radio--invalid .igx-radio__label{color:var(--error-color)}.igx-radio--disabled .igx-radio__label{color:var(--disabled-label-color)}.igx-radio__composite{position:relative;display:inline-block;width:2.5rem;height:2.5rem;min-width:2.5rem;line-height:2.5rem;cursor:pointer;color:var(--label-color);-webkit-user-select:none;user-select:none}.igx-radio__composite::before,.igx-radio__composite::after{position:absolute;content:"";inset-inline-start:0;top:0;border-radius:clamp(0rem,calc(var(--ig-radius-factor, 1) * 50%),50%);width:1.25rem;height:1.25rem;top:25%;inset-inline-start:25%}.igx-radio__composite::before{backface-visibility:hidden;transform:scale(0);transition:all .2s ease-in;z-index:1}.igx-radio__composite::after{border:.125rem solid var(--empty-color)}.igx-radio--checked .igx-radio__composite::before{border:.125rem solid var(--fill-color);background:var(--fill-color);transform:scale(0.5)}.igx-radio--checked .igx-radio__composite::after{border:.125rem solid var(--fill-color)}.igx-radio:hover .igx-radio__composite::before,.igx-radio:active .igx-radio__composite::before{background:var(--hover-color)}.igx-radio--invalid:hover .igx-radio__composite::before,.igx-radio--invalid:active .igx-radio__composite::before{background:var(--error-color)}.igx-radio--checked.igx-radio--invalid:hover .igx-radio__composite::before,.igx-radio--checked.igx-radio--invalid:active .igx-radio__composite::before{background:var(--error-color-hover)}.igx-radio--checked.igx-radio--invalid:hover .igx-radio__composite::after,.igx-radio--checked.igx-radio--invalid:active .igx-radio__composite::after{border:.125rem solid var(--error-color-hover)}.igx-radio--checked:hover .igx-radio__composite::before,.igx-radio--checked:active .igx-radio__composite::before,.igx-radio--focused.igx-radio--checked:hover .igx-radio__composite::before,.igx-radio--focused.igx-radio--checked:active .igx-radio__composite::before{background:var(--fill-color-hover);border-color:var(--fill-hover-border-color)}.igx-radio--checked:hover .igx-radio__composite::after,.igx-radio--checked:active .igx-radio__composite::after,.igx-radio--focused.igx-radio--checked:hover .igx-radio__composite::after,.igx-radio--focused.igx-radio--checked:active .igx-radio__composite::after{border-color:var(--fill-hover-border-color)}.igx-radio--invalid .igx-radio__composite::after{border:.125rem solid var(--error-color)}.igx-radio--checked.igx-radio--invalid .igx-radio__composite::after{border:.125rem solid var(--error-color)}.igx-radio--checked.igx-radio--invalid .igx-radio__composite::before{background:var(--error-color);border:.125rem solid rgba(0,0,0,0)}.igx-radio--disabled .igx-radio__composite::after{border:.125rem solid var(--disabled-color)}.igx-radio--checked.igx-radio--disabled .igx-radio__composite::after{border:.125rem solid var(--disabled-color)}.igx-radio--checked.igx-radio--disabled .igx-radio__composite::before{background:var(--disabled-color);border:.125rem solid rgba(0,0,0,0)}.igx-radio__label,.igx-radio__label--before{color:currentColor;cursor:pointer;-webkit-user-select:none;user-select:none;word-wrap:break-all}.igx-radio__label:empty,.igx-radio__label--before:empty{display:none}.igx-radio__label{margin-inline-start:.125rem}.igx-radio__label--before{order:-1;margin-inline-end:.125rem}.igx-radio__label--before:empty,.igx-radio__label:empty{margin:0}.igx-radio__ripple{display:block;position:absolute;top:calc(50% - 1.25rem);inset-inline-start:calc(50% - 1.25rem);width:2.5rem;height:2.5rem;border-radius:clamp(0rem,calc(var(--ig-radius-factor, 1) * 1.25rem),1.25rem);overflow:hidden;pointer-events:none;filter:opacity(1)}.igx-radio__ripple,.igx-radio__ripple [igxRipple]{--color: var(--igx-ripple-color, var(--fill-color))}.igx-radio__ripple .igx-ripple__inner{display:block;position:absolute;border-radius:clamp(0rem,calc(var(--ig-radius-factor, 1) * 50%),50%);background:var(--color);pointer-events:none;transform-origin:center;transform:translate3d(0, 0, 0) scale(0);will-change:opacity,transform;opacity:.5;margin:0 !important;border:none !important}.igx-radio__ripple .igx-ripple{overflow:hidden}.igx-radio__ripple,.igx-radio__ripple [igxRipple]{--color: var(--igx-ripple-color, var(--fill-color))}.igx-radio--checked.igx-radio--invalid.igx-radio--focused .igx-radio__composite::after{border:.125rem solid var(--error-color)}.igx-radio--checked.igx-radio--invalid.igx-radio--focused .igx-radio__composite::before{background:var(--error-color);border-color:var(--error-color)}.igx-radio:hover .igx-radio__ripple,.igx-radio:active .igx-radio__ripple,.igx-radio--checked:hover .igx-radio__ripple,.igx-radio--checked:active .igx-radio__ripple,.igx-radio--invalid:hover .igx-radio__ripple,.igx-radio--invalid:active .igx-radio__ripple{background:var(--empty-color);transition:background .2s cubic-bezier(0.25, 0.46, 0.45, 0.94);opacity:.06}.igx-radio--checked:hover .igx-radio__ripple,.igx-radio--checked:active .igx-radio__ripple{background:var(--fill-color)}.igx-radio--invalid:hover .igx-radio__ripple,.igx-radio--invalid:active .igx-radio__ripple{background:var(--error-color)}.igx-radio--focused .igx-radio__ripple,.igx-radio--focused:hover .igx-radio__ripple,.igx-radio--focused.igx-radio--invalid .igx-radio__ripple,.igx-radio--focused.igx-radio--checked .igx-radio__ripple{background:var(--empty-color);transition:background .2s cubic-bezier(0.25, 0.46, 0.45, 0.94);opacity:.12}.igx-radio--focused.igx-radio--checked .igx-radio__ripple{background:var(--fill-color)}.igx-radio--focused.igx-radio--invalid .igx-radio__ripple{background:var(--error-color)}.igx-radio:active .igx-radio__ripple,.igx-radio--checked:active .igx-radio__ripple,.igx-radio--invalid:active .igx-radio__ripple{opacity:.12}.igx-radio-group{display:block}.igx-radio-group .igx-radio:not(:last-of-type){margin-inline-end:1rem}.igx-radio-group--vertical{display:flex;flex-flow:column}.igx-radio-group--vertical .igx-radio:not(:last-of-type){margin-inline-end:0;margin-block-end:0}igx-query-builder{--background: var(--igx-query-builder-background, hsla(var(--ig-gray-50), var(--ig-gray-a)));--header-background: var(--igx-query-builder-header-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--header-foreground: var(--igx-query-builder-header-foreground, hsla(var(--ig-gray-700), var(--ig-gray-a)));--background-and: var(--igx-query-builder-background-and, hsla(var(--ig-primary-300), var(--ig-primary-a)));--background-and--focus: var(--igx-query-builder-background-and--focus, hsla(var(--ig-primary-700), var(--ig-primary-a)));--background-or: var(--igx-query-builder-background-or, hsla(var(--ig-secondary-300), var(--ig-secondary-a)));--background-or--focus: var(--igx-query-builder-background-or--focus, hsla(var(--ig-secondary-700), var(--ig-secondary-a)))}.igx-query-builder{width:auto;min-width:41.25rem;background-color:var(--background);border-radius:clamp(0rem,calc(var(--ig-radius-factor, 1) * 0.25rem),0.25rem);box-shadow:var(--ig-elevation-12)}.igx-query-builder__header{display:flex;align-items:center;padding:1rem;background-color:var(--header-background);color:var(--header-foreground);-webkit-user-select:none;user-select:none}.igx-query-builder__header h4,.igx-query-builder__header .ig-typography__h6{margin-bottom:0}.igx-query-builder__main{display:block;padding:1rem;overflow:auto;min-height:13.375rem;max-height:29.25rem}.igx-query-builder__main [igxButton]+[igxButton]{margin-inline-start:.5rem}.igx-query-builder__outlet igx-select-item>igx-icon{width:var(--igx-icon-size, 1.125rem);height:var(--igx-icon-size, 1.125rem);font-size:var(--igx-icon-size, 1.125rem);margin-inline-end:.5rem}.igx-filter-tree{display:flex}.igx-filter-tree+.igx-filter-tree,.igx-filter-tree+.igx-filter-tree__expression-item,.igx-filter-tree+.igx-filter-tree__inputs{margin-top:1rem}.igx-filter-tree__line{width:.5rem;min-width:.5rem;background-color:#fff;margin-inline-end:1rem;outline-style:none;border-radius:clamp(0rem,calc(var(--ig-radius-factor, 1) * 0.25rem),0.25rem);cursor:pointer}.igx-filter-tree__line--and{background:var(--background-and)}.igx-filter-tree__line--selected.igx-filter-tree__line--and{background:var(--background-and--focus)}.igx-filter-tree__line--and:focus{box-shadow:inset 0 0 0 .125rem var(--background-and--focus)}.igx-filter-tree__line--or{background:var(--background-or)}.igx-filter-tree__line--selected.igx-filter-tree__line--or{background-color:var(--background-or--focus)}.igx-filter-tree__line--or:focus{box-shadow:inset 0 0 0 .125rem var(--background-or--focus)}.igx-filter-tree__expression{display:flex;flex-direction:column;align-items:flex-start}.igx-filter-tree__expression-item{display:flex;align-items:center}.igx-filter-tree__expression-item+.igx-filter-tree,.igx-filter-tree__expression-item+.igx-filter-tree__inputs,.igx-filter-tree__expression-item+.igx-filter-tree__expression-item{margin-top:1rem}.igx-filter-tree__expression-item>igx-chip igx-prefix{display:flex}.igx-filter-tree__expression-column{padding:0 .5rem}.igx-filter-tree__expression-actions{display:inline-flex;margin:0 .5rem}.igx-filter-tree__expression-actions igx-icon{cursor:pointer;color:hsla(var(--ig-gray-500), var(--ig-gray-a));outline-style:none}.igx-filter-tree__expression-actions igx-icon:hover,.igx-filter-tree__expression-actions igx-icon:focus{color:hsla(var(--ig-gray-800), var(--ig-gray-a))}.igx-filter-tree__expression-actions igx-icon+igx-icon{margin-inline-start:.5rem}.igx-filter-tree__expression-condition{opacity:.7}.igx-filter-tree__buttons{display:flex;justify-content:space-between;align-items:center;margin-top:1rem}.igx-filter-tree__buttons+.igx-filter-tree,.igx-filter-tree__buttons+.igx-filter-tree__expression-item,.igx-filter-tree__buttons+.igx-filter-tree__inputs{margin-top:1rem}.igx-filter-tree__inputs{display:flex;justify-content:space-between;align-items:center}.igx-filter-tree__inputs igx-select+igx-select,.igx-filter-tree__inputs igx-select+igx-input-group,.igx-filter-tree__inputs igx-select+igx-date-picker,.igx-filter-tree__inputs igx-select+igx-time-picker,.igx-filter-tree__inputs igx-input-group+igx-select{margin-inline-start:.5rem}.igx-filter-tree__inputs+.igx-filter-tree,.igx-filter-tree__inputs+.igx-filter-tree__expression-item{margin-top:1rem}.igx-filter-tree__inputs-actions{display:flex;margin:0 .5rem;align-items:center}.igx-filter-tree__inputs-actions [igxButton]{transition:none}.igx-filter-tree__inputs-actions [igxButton]+[igxButton]{margin-inline-start:.5rem}.igx-builder-legend{display:flex;margin-inline-start:auto;pointer-events:none}.igx-builder-legend__item,.igx-builder-legend__item--and,.igx-builder-legend__item--or{position:relative;display:inline-flex;align-items:center;font-size:.75rem}.igx-builder-legend__item::before,.igx-builder-legend__item--and::before,.igx-builder-legend__item--or::before{content:"";width:1.5rem;height:1.5rem;background:#fff;border-radius:clamp(0rem,calc(var(--ig-radius-factor, 1) * 0.25rem),0.25rem);margin-inline-end:.5rem}.igx-builder-legend__item+.igx-builder-legend__item,.igx-builder-legend__item--and+.igx-builder-legend__item,.igx-builder-legend__item--or+.igx-builder-legend__item,.igx-builder-legend__item+.igx-builder-legend__item--and,.igx-builder-legend__item--and+.igx-builder-legend__item--and,.igx-builder-legend__item--or+.igx-builder-legend__item--and,.igx-builder-legend__item+.igx-builder-legend__item--or,.igx-builder-legend__item--and+.igx-builder-legend__item--or,.igx-builder-legend__item--or+.igx-builder-legend__item--or{margin-inline-start:1.5rem}.igx-builder-legend__item--and::before{background:var(--background-and)}.igx-builder-legend__item--or::before{background:var(--background-or)}.igx-filter-contextual-menu{position:relative;display:flex;flex-flow:column;width:12.25rem;background-color:var(--background);padding:1rem;margin-inline-start:1rem;border-radius:clamp(0rem,calc(var(--ig-radius-factor, 1) * 0.25rem),0.25rem);border:.0625rem solid hsla(var(--ig-gray-200), var(--ig-gray-a))}.igx-filter-contextual-menu>[igxButton]+[igxButton],.igx-filter-contextual-menu igx-buttongroup+[igxButton],.igx-filter-contextual-menu [igxButton]+igx-buttongroup{margin-top:1rem}.igx-filter-contextual-menu>[igxButton].igx-filter-contextual-menu__close-btn+[igxButton],.igx-filter-contextual-menu [igxButton].igx-filter-contextual-menu__close-btn+igx-buttongroup{margin-top:0}.igx-filter-contextual-menu [igxButton]>igx-icon+*{margin-inline-start:.5rem}.igx-filter-contextual-menu igx-buttongroup>*{box-shadow:none}.igx-filter-contextual-menu__delete-btn{color:hsla(var(--ig-error-500), var(--ig-error-a))}.igx-filter-contextual-menu__delete-btn:hover,.igx-filter-contextual-menu__delete-btn:focus{color:hsla(var(--ig-error-500), var(--ig-error-a))}.igx-filter-contextual-menu__close-btn{position:absolute;top:-1.125rem;inset-inline-end:-1.125rem;background-color:var(--background);border:.0625rem solid hsla(var(--ig-gray-200), var(--ig-gray-a))}.igx-filter-contextual-menu__close-btn:hover,.igx-filter-contextual-menu__close-btn:focus{background-color:var(--background)}.igx-filter-empty{display:flex;align-items:center;justify-content:center;height:9rem}.igx-filter-empty__title{color:hsla(var(--ig-gray-500), var(--ig-gray-a))}.igx-query-builder--cosy .igx-query-builder__main{min-height:10.25rem;max-height:24.625rem}.igx-query-builder--cosy .igx-filter-empty{height:6.6875rem}.igx-query-builder--cosy .igx-query-builder__main,.igx-query-builder--cosy .igx-query-builder__header{padding:.75rem 1rem}.igx-query-builder--cosy .igx-filter-tree__line{margin-inline-end:.75rem}.igx-query-builder--cosy .igx-filter-tree+.igx-filter-tree,.igx-query-builder--cosy .igx-filter-tree+.igx-filter-tree__expression-item,.igx-query-builder--cosy .igx-filter-tree+.igx-filter-tree__inputs{margin-top:.75rem}.igx-query-builder--cosy .igx-filter-tree__expression-item+.igx-filter-tree,.igx-query-builder--cosy .igx-filter-tree__expression-item+.igx-filter-tree__inputs,.igx-query-builder--cosy .igx-filter-tree__expression-item+.igx-filter-tree__expression-item{margin-top:.75rem}.igx-query-builder--cosy .igx-filter-tree__buttons{margin-top:.75rem}.igx-query-builder--cosy .igx-filter-tree__buttons+.igx-filter-tree,.igx-query-builder--cosy .igx-filter-tree__buttons+.igx-filter-tree__expression-item,.igx-query-builder--cosy .igx-filter-tree__buttons+.igx-filter-tree__inputs{margin-top:.75rem}.igx-query-builder--cosy .igx-filter-tree__inputs+.igx-filter-tree,.igx-query-builder--cosy .igx-filter-tree__inputs+.igx-filter-tree__expression-item{margin-top:.75rem}.igx-query-builder--compact .igx-query-builder__main{min-height:8.625rem;max-height:19.0625rem}.igx-query-builder--compact .igx-filter-empty{height:5.75rem}.igx-query-builder--compact .igx-query-builder__main,.igx-query-builder--compact .igx-query-builder__header{padding:.5rem 1rem}.igx-query-builder--compact .igx-filter-tree__expression-actions igx-icon{width:var(--igx-icon-size, 1.125rem);height:var(--igx-icon-size, 1.125rem);font-size:var(--igx-icon-size, 1.125rem)}.igx-query-builder--compact .igx-filter-tree__line{margin-inline-end:.5rem}.igx-query-builder--compact .igx-filter-tree+.igx-filter-tree,.igx-query-builder--compact .igx-filter-tree+.igx-filter-tree__expression-item,.igx-query-builder--compact .igx-filter-tree+.igx-filter-tree__inputs{margin-top:.5rem}.igx-query-builder--compact .igx-filter-tree__expression-item+.igx-filter-tree,.igx-query-builder--compact .igx-filter-tree__expression-item+.igx-filter-tree__inputs,.igx-query-builder--compact .igx-filter-tree__expression-item+.igx-filter-tree__expression-item{margin-top:.5rem}.igx-query-builder--compact .igx-filter-tree__buttons{margin-top:.5rem}.igx-query-builder--compact .igx-filter-tree__buttons+.igx-filter-tree,.igx-query-builder--compact .igx-filter-tree__buttons+.igx-filter-tree__expression-item,.igx-query-builder--compact .igx-filter-tree__buttons+.igx-filter-tree__inputs{margin-top:.5rem}.igx-query-builder--compact .igx-filter-tree__inputs+.igx-filter-tree,.igx-query-builder--compact .igx-filter-tree__inputs+.igx-filter-tree__expression-item{margin-top:.5rem}.igx-query-builder--inline{display:flex;flex-direction:column;width:100%;max-width:100%;height:inherit;max-height:inherit;min-width:30rem;box-shadow:none}.igx-query-builder--inline .igx-query-builder__main{min-height:initial;max-height:initial;flex-grow:1}.igx-filter-contextual-menu--cosy>[igxButton]+[igxButton],.igx-filter-contextual-menu--cosy igx-buttongroup+[igxButton],.igx-filter-contextual-menu--cosy [igxButton]+igx-buttongroup{margin-top:.75rem}.igx-filter-contextual-menu--compact>[igxButton]+[igxButton],.igx-filter-contextual-menu--compact igx-buttongroup+[igxButton],.igx-filter-contextual-menu--compact [igxButton]+igx-buttongroup{margin-top:.5rem}.ig-scrollbar{--scrollbar-size: var(--ig-scrollbar-scrollbar-size, 16px);--thumb-background: var(--ig-scrollbar-thumb-background, hsla(var(--ig-gray-400), var(--ig-gray-a)));--track-background: var(--ig-scrollbar-track-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));scrollbar-width:var(--scrollbar-size);scrollbar-color:var(--thumb-background) var(--track-background)}.ig-scrollbar ::-webkit-scrollbar{width:var(--scrollbar-size);height:var(--scrollbar-size);background:var(--track-background)}.ig-scrollbar ::-webkit-scrollbar-thumb{background:var(--thumb-background)}@media(hover: none){.ig-scrollbar ::-webkit-scrollbar{width:auto;height:auto}}igx-slider{--track-color: var(--igx-slider-track-color, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--track-step-color: var(--igx-slider-track-step-color, hsla(var(--ig-secondary-200), var(--ig-secondary-a)));--track-step-size: var(--igx-slider-track-step-size, 0.1875rem);--track-hover-color: var(--igx-slider-track-hover-color, hsla(var(--ig-secondary-400), var(--ig-secondary-a)));--thumb-color: var(--igx-slider-thumb-color, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--thumb-focus-color: var(--igx-slider-thumb-focus-color, transparent);--thumb-border-color: var(--igx-slider-thumb-border-color, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--thumb-border-focus-color: var(--igx-slider-thumb-border-focus-color, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--thumb-disabled-border-color: var(--igx-slider-thumb-disabled-border-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--disabled-thumb-color: var(--igx-slider-disabled-thumb-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--label-background-color: var(--igx-slider-label-background-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--label-text-color: var(--igx-slider-label-text-color, var(--ig-gray-700-contrast));--base-track-color: var(--igx-slider-base-track-color, hsla(var(--ig-secondary-500), 0.24));--base-track-hover-color: var(--igx-slider-base-track-hover-color, hsla(var(--ig-secondary-500), 0.24));--disabled-base-track-color: var(--igx-slider-disabled-base-track-color, hsla(var(--ig-gray-200), var(--ig-gray-a)));--disabled-fill-track-color: var(--igx-slider-disabled-fill-track-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--tick-color: var(--igx-slider-tick-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--tick-label-color: var(--igx-slider-tick-label-color, hsla(var(--ig-gray-500), var(--ig-gray-a)))}.igx-slider{display:flex;position:relative;z-index:0;height:3rem;flex-grow:1;align-items:center;transition:all .2s cubic-bezier(0.25, 0.46, 0.45, 0.94)}.igx-slider:hover .igx-slider__track-fill{background:var(--track-hover-color)}.igx-slider:hover .igx-slider__track-inactive{background:var(--base-track-hover-color)}.igx-slider--disabled{pointer-events:none}.igx-slider--disabled .igx-slider__track-inactive{background:var(--disabled-base-track-color)}.igx-slider__thumbs{position:absolute;width:100%;height:0;cursor:default;z-index:1;inset-inline-start:0}.igx-slider__track{position:relative;width:100%;height:.375rem;overflow:hidden;border-radius:clamp(0rem,calc(var(--ig-radius-factor, 1) * 2rem),2rem)}.igx-slider__track-inactive{position:absolute;width:100%;height:inherit;background:var(--base-track-color);transition:background .2s cubic-bezier(0.25, 0.46, 0.45, 0.94);border-radius:inherit;height:.25rem;top:50%;transform:translateY(-50%)}.igx-slider__track-fill{position:absolute;width:100%;background:var(--track-color);transform-origin:left center;transform:scaleX(0);border-radius:inherit;height:inherit}[dir=rtl] .igx-slider__track-fill{transform-origin:right center}.igx-slider--disabled .igx-slider__track-fill{background:var(--disabled-fill-track-color)}.igx-slider__ticks{width:100%;display:flex;position:absolute;bottom:0;justify-content:space-between}.igx-slider__ticks.igx-slider__ticks--top{bottom:auto;top:0;align-items:flex-end}.igx-slider__ticks-group{display:flex;flex-direction:column;align-items:center;position:relative}.igx-slider__ticks-group:first-of-type{margin-inline-start:-0.0625rem}.igx-slider__ticks-group:last-of-type{margin-inline-start:-0.0625rem}.igx-slider__ticks-label{color:var(--tick-label-color);position:absolute;top:1rem;transform:translate(-50%);line-height:.7;opacity:1;transition:opacity .2s cubic-bezier(0.455, 0.03, 0.515, 0.955)}[dir=rtl] .igx-slider__ticks-label{left:100%}.igx-slider__ticks-tick{background:var(--tick-color);height:.5rem;width:.125rem}.igx-slider__ticks--tall .igx-slider__ticks-label{top:calc(1rem + 0.5rem)}.igx-slider--disabled .igx-slider__ticks-tick{background:var(--disabled-base-track-color) !important}.igx-slider--disabled .igx-slider__ticks-label{color:var(--disabled-base-track-color) !important}.igx-slider__ticks-group--tall .igx-slider__ticks-tick{height:1rem}.igx-slider__ticks-group--tall .igx-slider__ticks-label{top:calc(1rem + 0.5rem)}.igx-slider__ticks--top .igx-slider__ticks-label{bottom:calc(0.5rem + 0.5rem);top:auto}.igx-slider__ticks--top.igx-slider__ticks--tall .igx-slider__ticks-label{bottom:calc(1rem + 0.5rem);top:auto}.igx-slider__tick-label--hidden{opacity:0}.igx-slider__track-steps{position:absolute;display:flex;width:100%;height:.25rem;opacity:.85;transition:opacity .2s ease-out;top:50%;transform:translateY(-50%);color:var(--track-step-color)}.igx-slider__track-steps svg{clip-path:inset(0 0.1875rem 0 0.1875rem)}.igx-slider__track-steps line{stroke:currentColor;stroke-width:var(--track-step-size);stroke-linecap:round}.igx-slider__tick-labels--top-bottom .igx-slider__ticks-group{display:block}.igx-slider__tick-labels--top-bottom .igx-slider__ticks-label{writing-mode:vertical-rl;transform:translate(-50%) rotate(0deg)}.igx-slider__tick-labels--top-bottom .igx-slider__ticks--tall .igx-slider__ticks-label{top:calc(1rem + 0.125rem)}.igx-slider__tick-labels--top-bottom.igx-slider__ticks--top .igx-slider__ticks-label{writing-mode:vertical-rl;transform:translate(-50%) rotate(0deg)}.igx-slider__tick-labels--top-bottom.igx-slider__ticks--top .igx-slider__ticks--tall .igx-slider__ticks-label{bottom:calc(1rem + 0.125rem)}.igx-slider__tick-labels--bottom-top .igx-slider__ticks-group{display:block}.igx-slider__tick-labels--bottom-top .igx-slider__ticks-label{writing-mode:vertical-rl;transform:translate(-50%) rotate(180deg)}.igx-slider__tick-labels--bottom-top.igx-slider__ticks--top .igx-slider__ticks-label{writing-mode:vertical-rl;transform:translate(-50%) rotate(180deg)}.igx-slider__tick-labels--bottom-top.igx-slider__ticks--top .igx-slider__ticks--tall .igx-slider__ticks-label{bottom:calc(1rem + 0.125rem)}.igx-slider-thumb-from,.igx-slider-thumb-to{position:absolute;display:flex;justify-content:center;align-items:center;flex-direction:column;width:1.25rem;height:1.25rem;outline-style:none;top:-0.625rem;margin-inline-start:-0.625rem}.igx-slider-thumb-from:hover div::after,.igx-slider-thumb-to:hover div::after{opacity:.12;transform:scale(1)}.igx-slider-thumb-from:focus div::after,.igx-slider-thumb-to:focus div::after{opacity:.18;transform:scale(1)}.igx-slider-thumb-from:focus div::before,.igx-slider-thumb-to:focus div::before{box-shadow:0 0 0 0rem var(--thumb-focus-color)}.igx-slider-thumb-from--disabled:focus div::before,.igx-slider-thumb-to--disabled:focus div::before{box-shadow:none}.igx-slider-thumb-from--disabled:focus div::after,.igx-slider-thumb-to--disabled:focus div::after{transform:scale(0)}.igx-slider-thumb-label-from,.igx-slider-thumb-label-to{position:absolute;pointer-events:none;display:flex;top:calc(((1.875rem) + 1.25rem)*-1);height:1.875rem}.igx-slider-thumb-label-from__container,.igx-slider-thumb-label-to__container{border-radius:.125rem;display:flex;align-items:center;justify-content:center;white-space:nowrap;margin-inline-start:-50%;padding:0 .125rem;background:var(--label-background-color);color:var(--label-text-color);min-width:2.5rem;opacity:0}.igx-slider-thumb-label-from__container::after,.igx-slider-thumb-label-to__container::after{content:"";position:absolute;top:85%;border-inline-start:.625rem solid rgba(0,0,0,0);border-inline-end:.625rem solid rgba(0,0,0,0);border-top:.625rem solid var(--label-background-color)}.igx-slider-thumb-from__dot,.igx-slider-thumb-to__dot{position:relative;inset-inline-start:0;pointer-events:none}.igx-slider-thumb-from__dot::before,.igx-slider-thumb-to__dot::before{position:absolute;content:"";width:1.25rem;height:1.25rem;inset-inline-start:0rem;top:calc((20px - 10px)*-1);margin-inline-start:calc((20px - 10px)*-1);background:var(--thumb-color);border:0rem solid var(--thumb-border-color);transition:transform .1s cubic-bezier(0.25, 0.46, 0.45, 0.94),border-radius .1s cubic-bezier(0.25, 0.46, 0.45, 0.94);border-radius:clamp(0rem,calc(var(--ig-radius-factor, 1) * 0.625rem),0.625rem)}.igx-slider-thumb-from__dot::after,.igx-slider-thumb-to__dot::after{position:absolute;content:"";width:2.5rem;height:2.5rem;background:var(--thumb-color);top:calc(50% - 1.25rem);inset-inline-start:calc(50% - 1.25rem);opacity:0;transform:scale(0);transform-origin:center center;transition:transform .1s cubic-bezier(0.25, 0.46, 0.45, 0.94),opacity .1s cubic-bezier(0.25, 0.46, 0.45, 0.94);border-radius:clamp(0rem,calc(var(--ig-radius-factor, 1) * 50%),50%);overflow:hidden}.igx-slider-thumb-from--disabled .igx-slider-thumb-from__dot,.igx-slider-thumb-to--disabled .igx-slider-thumb-to__dot{pointer-events:none}.igx-slider-thumb-from--disabled .igx-slider-thumb-from__dot::before,.igx-slider-thumb-to--disabled .igx-slider-thumb-to__dot::before{background:var(--disabled-thumb-color);border-color:var(--thumb-disabled-border-color);border-radius:clamp(0rem,calc(var(--ig-radius-factor, 1) * 0.625rem),0.625rem)}.igx-slider-thumb-from--pressed .igx-slider-thumb-from__dot::after,.igx-slider-thumb-to--pressed .igx-slider-thumb-to__dot::after{opacity:.24 !important;transform:scale(1) !important}.igx-slider-thumb-label-from--active .igx-slider-thumb-label-from__container,.igx-slider-thumb-label-to--active .igx-slider-thumb-label-to__container{opacity:1}.igx-slider-thumb-label-from--pressed .igx-slider-thumb-label-from__container,.igx-slider-thumb-label-to--pressed .igx-slider-thumb-label-to__container{z-index:1}igx-snackbar{--elevation: var(--igx-snackbar-elevation, var(--ig-elevation-4));--background: var(--igx-snackbar-background, hsla(var(--ig-gray-900), 0.9));--text-color: var(--igx-snackbar-text-color, var(--ig-gray-900-contrast));--button-color: var(--igx-snackbar-button-color, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--border-radius: var(--igx-snackbar-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1666666667) * 1.5rem), 1.5rem));--shadow: var(--igx-snackbar-shadow, var(--ig-elevation-4))}@keyframes fade-in{0%{opacity:0}100%{opacity:1}}.igx-snackbar{position:relative;display:flex;flex-flow:row nowrap;align-items:center;justify-content:space-between;min-height:3rem;padding:.4375rem 1.5rem;margin:.5rem;color:var(--text-color);background:var(--background);backface-visibility:hidden;box-shadow:var(--shadow);border-radius:var(--border-radius);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.igx-snackbar__message{animation:"fade-in" 0.35s ease-out}.igx-snackbar__button{background:rgba(0,0,0,0);color:var(--button-color);border:0;line-height:1rem;margin-inline-start:1.5rem;text-transform:uppercase;-webkit-user-select:none;user-select:none;font-weight:600;-webkit-tap-highlight-color:rgba(0,0,0,0);outline:none;transition:color .2s ease;font-size:inherit;font-family:inherit;cursor:pointer;animation:"fade-in" 0.35s ease-out}.igx-snackbar__button:hover{color:var(--button-color)}igx-switch{--resting-elevation: var(--igx-switch-resting-elevation, var(--ig-elevation-2));--hover-elevation: var(--igx-switch-hover-elevation, var(--ig-elevation-3));--disabled-elevation: var(--igx-switch-disabled-elevation, var(--ig-elevation-1));--border-color: var(--igx-switch-border-color, transparent);--border-hover-color: var(--igx-switch-border-hover-color, transparent);--border-disabled-color: var(--igx-switch-border-disabled-color, transparent);--border-on-color: var(--igx-switch-border-on-color, transparent);--border-on-hover-color: var(--igx-switch-border-on-hover-color, transparent);--thumb-on-color: var(--igx-switch-thumb-on-color, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--track-on-color: var(--igx-switch-track-on-color, hsla(var(--ig-secondary-200), var(--ig-secondary-a)));--thumb-off-color: var(--igx-switch-thumb-off-color, hsla(var(--ig-gray-50), var(--ig-gray-a)));--track-disabled-color: var(--igx-switch-track-disabled-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));--track-on-disabled-color: var(--igx-switch-track-on-disabled-color, hsla(var(--ig-secondary-50), var(--ig-secondary-a)));--track-off-color: var(--igx-switch-track-off-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--thumb-disabled-color: var(--igx-switch-thumb-disabled-color, hsla(var(--ig-gray-200), var(--ig-gray-a)));--thumb-on-disabled-color: var(--igx-switch-thumb-on-disabled-color, hsla(var(--ig-secondary-100), var(--ig-secondary-a)));--label-color: var(--igx-switch-label-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--label-disabled-color: var(--igx-switch-label-disabled-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--label-invalid-color: var(--igx-switch-label-invalid-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--track-error-color: var(--igx-switch-track-error-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--thumb-on-error-color: var(--igx-switch-thumb-on-error-color, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--error-color: var(--igx-switch-error-color, hsla(var(--ig-gray-50), var(--ig-gray-a)));--error-color-hover: var(--igx-switch-error-color-hover, hsla(var(--ig-gray-500), var(--ig-gray-a)));--border-radius-track: var(--igx-switch-border-radius-track, clamp(0rem, calc(var(--ig-radius-factor, 1) * 0.4375rem), 0.4375rem));--border-radius-thumb: var(--igx-switch-border-radius-thumb, clamp(0rem, calc(var(--ig-radius-factor, 1) * 0.625rem), 0.625rem));--border-radius-ripple: var(--igx-switch-border-radius-ripple, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.5rem), 1.5rem));--resting-shadow: var(--igx-switch-resting-shadow, var(--ig-elevation-2));--hover-shadow: var(--igx-switch-hover-shadow, var(--ig-elevation-3));--disabled-shadow: var(--igx-switch-disabled-shadow, var(--ig-elevation-1))}.igx-switch{position:relative;display:inline-flex;flex-flow:row nowrap;align-items:center}.igx-switch__input{position:absolute;width:1px;height:1px;margin:-1px;border:none;clip:rect(0, 0, 0, 0);outline:0;pointer-events:none;overflow:hidden;appearance:none}.igx-switch--disabled{-webkit-user-select:none;user-select:none;pointer-events:none;cursor:initial}.igx-switch__composite{display:flex;align-items:center;width:2.25rem;height:.875rem;border:.0625rem solid var(--border-color);border-radius:var(--border-radius-track);background:var(--track-off-color);cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .2s cubic-bezier(0.455, 0.03, 0.515, 0.955)}.igx-switch:hover .igx-switch__composite{border-color:var(--border-hover-color)}.igx-switch--invalid .igx-switch__composite{border-color:var(--error-color);border-color:var(--track-error-color);background:var(--track-error-color)}.igx-switch--checked .igx-switch__composite{background:var(--track-on-color);border-color:var(--border-on-color)}.igx-switch--checked:hover .igx-switch__composite{border-color:var(--border-on-hover-color)}.igx-switch--disabled .igx-switch__composite{background:var(--track-disabled-color);border-color:var(--border-disabled-color)}.igx-switch__composite-thumb{position:relative;display:block;width:1.25rem;height:20px;min-width:1.25rem;border-radius:var(--border-radius-thumb);background:var(--thumb-off-color);box-shadow:var(--resting-shadow);transition:all .2s cubic-bezier(0.455, 0.03, 0.515, 0.955);transform:translateX(-0.0625rem)}[dir=rtl] .igx-switch__composite-thumb{transform:translateX(0.0625rem)}.igx-switch__composite-thumb:hover{box-shadow:var(--hover-shadow)}.igx-switch--checked .igx-switch__composite-thumb{background:var(--thumb-on-color);transform:translateX(0.9375rem)}[dir=rtl] .igx-switch--checked .igx-switch__composite-thumb,.igx-switch--checked [dir=rtl] .igx-switch__composite-thumb{transform:translateX(-0.9375rem)}.igx-switch--invalid .igx-switch__composite-thumb{background:var(--error-color)}.igx-switch--invalid.igx-switch--checked .igx-switch__composite-thumb{background:var(--thumb-on-error-color)}.igx-switch--disabled .igx-switch__composite-thumb,.igx-switch--disabled.igx-switch--invalid .igx-switch__composite-thumb{background:var(--thumb-disabled-color);box-shadow:var(--disabled-shadow)}.igx-switch__ripple{display:block;position:absolute;top:calc(50% - 1.25rem);inset-inline-start:calc(50% - 1.25rem);width:2.5rem;height:2.5rem;overflow:hidden;pointer-events:none;filter:opacity(1);border-radius:var(--border-radius-ripple)}.igx-switch__ripple,.igx-switch__ripple [igxRipple]{--color: var(--igx-ripple-color, var(--thumb-on-color))}.igx-switch__ripple .igx-ripple__inner{display:block;position:absolute;border-radius:clamp(0rem,calc(var(--ig-radius-factor, 1) * 50%),50%);background:var(--color);pointer-events:none;transform-origin:center;transform:translate3d(0, 0, 0) scale(0);will-change:opacity,transform;opacity:.5;margin:0 !important;border:none !important}.igx-switch__ripple .igx-ripple{overflow:hidden}.igx-switch__ripple,.igx-switch__ripple [igxRipple]{--color: var(--igx-ripple-color, var(--thumb-on-color))}.igx-switch--disabled.igx-switch--checked .igx-switch__composite{background:var(--track-on-disabled-color)}.igx-switch--disabled.igx-switch--checked .igx-switch__composite-thumb{background:var(--thumb-on-disabled-color)}.igx-switch--focused .igx-switch__ripple,.igx-switch--focused.igx-switch--checked .igx-switch__ripple,.igx-switch--focused.igx-switch--invalid .igx-switch__ripple{background:var(--track-off-color);transition:background .2s cubic-bezier(0.25, 0.46, 0.45, 0.94);opacity:.12}.igx-switch--focused.igx-switch--checked .igx-switch__ripple{background:var(--thumb-on-color)}.igx-switch--focused.igx-switch--invalid .igx-switch__ripple{background:var(--error-color-hover)}.igx-switch__label,.igx-switch__label--before{display:inline-block;color:var(--label-color);cursor:pointer;-webkit-user-select:none;user-select:none;word-wrap:break-all}.igx-switch__label:empty,.igx-switch__label--before:empty{margin:0}.igx-switch__label--before:empty,.igx-switch__label:empty{margin:0}.igx-switch__label{margin-inline-start:.5rem}.igx-switch__label--before{order:-1;margin-inline-end:.5rem}.igx-switch--invalid .igx-switch__label{color:var(--label-invalid-color)}.igx-switch--disabled .igx-switch__label,.igx-switch--disabled .igx-switch__label--before{color:var(--label-disabled-color)}.igx-switch:hover .igx-switch__ripple::after,.igx-switch:active .igx-switch__ripple::after,.igx-switch--checked:hover .igx-switch__ripple::after,.igx-switch--checked:active .igx-switch__ripple::after,.igx-switch--invalid:hover .igx-switch__ripple::after,.igx-switch--invalid:active .igx-switch__ripple::after,.igx-switch--invalid.igx-switch--checked:hover .igx-switch__ripple::after{position:absolute;content:"";opacity:.06;inset:0}.igx-switch:hover .igx-switch__ripple::after,.igx-switch:active .igx-switch__ripple::after{background:var(--track-off-color)}.igx-switch--checked:hover .igx-switch__ripple::after,.igx-switch--checked:active .igx-switch__ripple::after{background:var(--thumb-on-color)}.igx-switch--invalid:hover .igx-switch__ripple::after,.igx-switch--invalid:active .igx-switch__ripple::after{background:var(--error-color-hover)}.igx-switch--invalid.igx-switch--checked:hover .igx-switch__ripple::after{background:var(--thumb-on-color)}.igx-switch:active .igx-switch__ripple::after,.igx-switch--checked:active .igx-switch__ripple::after,.igx-switch--invalid:active .igx-switch__ripple::after{opacity:.12}igx-tabs{--item-text-color: var(--igx-tabs-item-text-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--item-background: var(--igx-tabs-item-background, hsla(var(--ig-surface-500), var(--ig-surface-a)));--item-hover-background: var(--igx-tabs-item-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--item-hover-color: var(--igx-tabs-item-hover-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--item-active-color: var(--igx-tabs-item-active-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--item-icon-color: var(--igx-tabs-item-icon-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--item-active-icon-color: var(--igx-tabs-item-active-icon-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--item-hover-icon-color: var(--igx-tabs-item-hover-icon-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--item-disabled-icon-color: var(--igx-tabs-item-disabled-icon-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--item-active-background: var(--igx-tabs-item-active-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--item-disabled-color: var(--igx-tabs-item-disabled-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--indicator-color: var(--igx-tabs-indicator-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--button-color: var(--igx-tabs-button-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--button-background: var(--igx-tabs-button-background, hsla(var(--ig-surface-500), var(--ig-surface-a)));--button-hover-background: var(--igx-tabs-button-hover-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--button-hover-color: var(--igx-tabs-button-hover-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--button-disabled-color: var(--igx-tabs-button-disabled-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--tab-ripple-color: var(--igx-tabs-tab-ripple-color, hsla(var(--ig-gray-100), var(--ig-gray-a)));--button-ripple-color: var(--igx-tabs-button-ripple-color, hsla(var(--ig-gray-100), var(--ig-gray-a)));--border-color: var(--igx-tabs-border-color, transparent);--border-color--hover: var(--igx-tabs-border-color--hover, transparent);--border-radius: var(--igx-tabs-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 0.375rem), 0.375rem))}.igx-tabs__header,.igx-tabs__header-button,.igx-tabs__header-item-inner,.igx-tabs__header-content{display:flex}.igx-tabs{display:flex;flex-direction:column;overflow:hidden}.igx-tabs__header{overflow:hidden;flex:0 0 auto;background:var(--item-background);min-height:2.625rem;z-index:1}.igx-tabs__header-content{flex:1 1 auto;overflow:hidden;scroll-behavior:smooth}.igx-tabs__header-wrapper{position:relative;flex-grow:1}.igx-tabs__header-scroll{display:flex;height:100%}.igx-tabs__header-button{align-items:center;justify-content:center;z-index:1;border:none;padding:0;min-width:3rem;width:3rem;cursor:pointer;position:relative;background:var(--button-background);color:var(--button-color);outline:0}.igx-tabs__header-button:hover{background:var(--button-hover-background);color:var(--button-hover-color)}.igx-tabs__header-button:focus{outline:0;background:var(--button-hover-background)}.igx-tabs__header-button::-moz-focus-inner{border:0}.igx-tabs__header-button:disabled{color:var(--button-disabled-color)}.igx-tabs__header-button--none{display:none}.igx-tabs__header-button,.igx-tabs__header-button [igxRipple]{--color: var(--igx-ripple-color, var(--button-ripple-color))}.igx-tabs__header-button .igx-ripple__inner{display:block;position:absolute;border-radius:clamp(0rem,calc(var(--ig-radius-factor, 1) * 50%),50%);background:var(--color);pointer-events:none;transform-origin:center;transform:translate3d(0, 0, 0) scale(0);will-change:opacity,transform;opacity:.5;margin:0 !important;border:none !important}.igx-tabs__header-button .igx-ripple{overflow:hidden}.igx-tabs__header-button,.igx-tabs__header-button [igxRipple]{--color: var(--igx-ripple-color, var(--button-ripple-color))}[dir=rtl] .igx-tabs__header-button{transform:scaleX(-1)}.igx-tabs__header-item{display:inline-flex;justify-content:center;align-items:center;min-width:5.625rem;max-width:22.5rem;word-wrap:break-word;flex-basis:auto;flex-shrink:0;padding:.6875rem 1rem;overflow:hidden;cursor:pointer;position:relative;-webkit-user-select:none;user-select:none;background:var(--item-background);color:var(--item-text-color);outline:0;transition:all .3s cubic-bezier(0.35, 0, 0.25, 1);border:.0625rem solid var(--border-color)}.igx-tabs__header-item>*{margin-inline-start:.75rem}.igx-tabs__header-item>*:first-child{margin-inline-start:0}.igx-tabs__header-item igx-icon{color:var(--item-icon-color)}.igx-tabs__header-item::-moz-focus-inner{border:0}.igx-tabs__header-item:focus{background:var(--item-active-background);color:var(--item-hover-color);border-bottom-color:rgba(0,0,0,0)}.igx-tabs__header-item:hover{background:var(--item-hover-background);color:var(--item-hover-color)}.igx-tabs__header-item:hover igx-icon,.igx-tabs__header-item:focus igx-icon{color:var(--item-hover-icon-color)}.igx-tabs__header-item:hover,.igx-tabs__header-item:focus{border:.0625rem solid var(--border-color--hover)}.igx-tabs__header-item,.igx-tabs__header-item [igxRipple]{--color: var(--igx-ripple-color, var(--tab-ripple-color))}.igx-tabs__header-item .igx-ripple__inner{display:block;position:absolute;border-radius:clamp(0rem,calc(var(--ig-radius-factor, 1) * 50%),50%);background:var(--color);pointer-events:none;transform-origin:center;transform:translate3d(0, 0, 0) scale(0);will-change:opacity,transform;opacity:.5;margin:0 !important;border:none !important}.igx-tabs__header-item .igx-ripple{overflow:hidden}.igx-tabs__header-item,.igx-tabs__header-item [igxRipple]{--color: var(--igx-ripple-color, var(--tab-ripple-color))}.igx-tabs__header-item--selected{outline:0;color:var(--item-active-color)}.igx-tabs__header-item--selected:hover,.igx-tabs__header-item--selected:focus{background:var(--item-active-background);color:var(--item-active-color)}.igx-tabs__header-item--selected:hover igx-icon,.igx-tabs__header-item--selected:focus igx-icon{color:var(--item-active-icon-color)}.igx-tabs__header-item--selected igx-icon{color:var(--item-active-icon-color)}.igx-tabs__header-item--disabled{outline:0;color:var(--item-disabled-color);cursor:default;pointer-events:none}.igx-tabs__header-item--disabled igx-icon{color:var(--item-disabled-icon-color)}.igx-tabs__header-item-inner{display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center}.igx-tabs__header-item-inner>[igxtabheaderlabel]{display:-webkit-inline-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.igx-tabs__header-item-inner>[igxtabheadericon]{margin-bottom:.5rem}.igx-tabs__header-item-inner>[igxtabheadericon]:last-child{margin-bottom:0}.igx-tabs__header-active-indicator{position:absolute;bottom:0;left:0;transform:translateX(0);height:.125rem;min-width:5.625rem;background:var(--indicator-color);transition:transform .3s cubic-bezier(0.35, 0, 0.25, 1),width .2s cubic-bezier(0.35, 0, 0.25, 1)}.igx-tabs__panels{position:relative;overflow:hidden;display:flex;flex-direction:column;flex:1 1 auto}.igx-tabs__panel{position:absolute;inset:0;overflow-x:hidden;overflow-y:auto;flex:1 1 auto}.igx-tabs__panel::-moz-focus-inner{border:0}.igx-tabs__panel:focus{outline-width:0}[tabindex="0"].igx-tabs__panel{position:relative}.igx-tabs__header-scroll--start{justify-content:flex-start}.igx-tabs__header-scroll--end{justify-content:flex-end;min-width:max-content}.igx-tabs__header-scroll--center{justify-content:center;min-width:max-content}.igx-tabs__header-scroll--justify .igx-tabs__header-item{flex-basis:0;flex-grow:1;max-width:100%}igx-stepper{--step-background: var(--igx-stepper-step-background, transparent);--step-hover-background: var(--igx-stepper-step-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--step-focus-background: var(--igx-stepper-step-focus-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--indicator-background: var(--igx-stepper-indicator-background, hsla(var(--ig-gray-300), var(--ig-gray-a)));--indicator-outline: var(--igx-stepper-indicator-outline, hsla(var(--ig-gray-300), var(--ig-gray-a)));--indicator-color: var(--igx-stepper-indicator-color, var(--ig-gray-400-contrast));--title-color: var(--igx-stepper-title-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--title-hover-color: var(--igx-stepper-title-hover-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--title-focus-color: var(--igx-stepper-title-focus-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--subtitle-color: var(--igx-stepper-subtitle-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--subtitle-hover-color: var(--igx-stepper-subtitle-hover-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--subtitle-focus-color: var(--igx-stepper-subtitle-focus-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--complete-step-background: var(--igx-stepper-complete-step-background, transparent);--complete-step-hover-background: var(--igx-stepper-complete-step-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--complete-step-focus-background: var(--igx-stepper-complete-step-focus-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--complete-indicator-background: var(--igx-stepper-complete-indicator-background, hsla(var(--ig-gray-900), var(--ig-gray-a)));--complete-indicator-outline: var(--igx-stepper-complete-indicator-outline, hsla(var(--ig-gray-900), var(--ig-gray-a)));--complete-indicator-color: var(--igx-stepper-complete-indicator-color, var(--ig-gray-900-contrast));--complete-title-color: var(--igx-stepper-complete-title-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--complete-title-hover-color: var(--igx-stepper-complete-title-hover-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--complete-title-focus-color: var(--igx-stepper-complete-title-focus-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--complete-subtitle-color: var(--igx-stepper-complete-subtitle-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--complete-subtitle-hover-color: var(--igx-stepper-complete-subtitle-hover-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--complete-subtitle-focus-color: var(--igx-stepper-complete-subtitle-focus-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--current-step-background: var(--igx-stepper-current-step-background, transparent);--current-step-hover-background: var(--igx-stepper-current-step-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--current-step-focus-background: var(--igx-stepper-current-step-focus-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--current-indicator-background: var(--igx-stepper-current-indicator-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));--current-indicator-outline: var(--igx-stepper-current-indicator-outline, hsla(var(--ig-primary-500), var(--ig-primary-a)));--current-indicator-color: var(--igx-stepper-current-indicator-color, var(--ig-gray-900-contrast));--current-title-color: var(--igx-stepper-current-title-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--current-title-hover-color: var(--igx-stepper-current-title-hover-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--current-title-focus-color: var(--igx-stepper-current-title-focus-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--current-subtitle-color: var(--igx-stepper-current-subtitle-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--current-subtitle-hover-color: var(--igx-stepper-current-subtitle-hover-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--current-subtitle-focus-color: var(--igx-stepper-current-subtitle-focus-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--invalid-step-background: var(--igx-stepper-invalid-step-background, transparent);--invalid-step-hover-background: var(--igx-stepper-invalid-step-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--invalid-step-focus-background: var(--igx-stepper-invalid-step-focus-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--invalid-indicator-background: var(--igx-stepper-invalid-indicator-background, hsla(var(--ig-error-500), var(--ig-error-a)));--invalid-indicator-outline: var(--igx-stepper-invalid-indicator-outline, hsla(var(--ig-error-500), var(--ig-error-a)));--invalid-indicator-color: var(--igx-stepper-invalid-indicator-color, var(--ig-gray-900-contrast));--invalid-title-color: var(--igx-stepper-invalid-title-color, hsla(var(--ig-error-500), var(--ig-error-a)));--invalid-title-hover-color: var(--igx-stepper-invalid-title-hover-color, hsla(var(--ig-error-500), var(--ig-error-a)));--invalid-title-focus-color: var(--igx-stepper-invalid-title-focus-color, hsla(var(--ig-error-500), var(--ig-error-a)));--invalid-subtitle-color: var(--igx-stepper-invalid-subtitle-color, hsla(var(--ig-error-500), var(--ig-error-a)));--invalid-subtitle-hover-color: var(--igx-stepper-invalid-subtitle-hover-color, hsla(var(--ig-error-500), var(--ig-error-a)));--invalid-subtitle-focus-color: var(--igx-stepper-invalid-subtitle-focus-color, hsla(var(--ig-error-500), var(--ig-error-a)));--disabled-indicator-color: var(--igx-stepper-disabled-indicator-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--disabled-indicator-background: var(--igx-stepper-disabled-indicator-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--disabled-indicator-outline: var(--igx-stepper-disabled-indicator-outline, hsla(var(--ig-gray-200), var(--ig-gray-a)));--disabled-title-color: var(--igx-stepper-disabled-title-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--disabled-subtitle-color: var(--igx-stepper-disabled-subtitle-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--step-separator-color: var(--igx-stepper-step-separator-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));--complete-step-separator-color: var(--igx-stepper-complete-step-separator-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--step-separator-style: var(--igx-stepper-step-separator-style, dashed);--complete-step-separator-style: var(--igx-stepper-complete-step-separator-style, solid);--border-radius-indicator: var(--igx-stepper-border-radius-indicator, clamp(0rem, calc(var(--ig-radius-factor, 1) * 6.25rem), 6.25rem));--border-radius-step-header: var(--igx-stepper-border-radius-step-header, clamp(0rem, calc(var(--ig-radius-factor, 0) * 6.25rem), 6.25rem))}.igx-stepper,.igx-stepper__header,.igx-stepper__body,.igx-stepper__step{display:flex}.igx-stepper{flex-direction:column;width:100%}.igx-stepper__header{white-space:nowrap;flex-direction:column;width:100%;flex:none}.igx-stepper__body{position:relative;flex-direction:column;flex:1 1 auto}.igx-stepper,.igx-stepper__body,.igx-stepper__step-header,.igx-stepper__step-title-wrapper{overflow:hidden}.igx-stepper__step-title{color:var(--title-color)}.igx-stepper__step-subtitle{color:var(--subtitle-color)}.igx-stepper__step{position:relative;flex-direction:column;align-content:center;justify-content:center;min-width:6.25rem}.igx-stepper__step:focus{outline:none}.igx-stepper__step:focus .igx-stepper__step-title{color:var(--title-focus-color)}.igx-stepper__step:focus .igx-stepper__step-subtitle{color:var(--subtitle-focus-color)}.igx-stepper__step:focus .igx-stepper__step-header{background:var(--step-focus-background);color:var(--title-focus-color)}.igx-stepper__step:focus .igx-stepper__step-header--current{background:var(--current-step-focus-background) !important}.igx-stepper__step:focus .igx-stepper__step-header--current .igx-stepper__step-title{color:var(--current-title-focus-color)}.igx-stepper__step:focus .igx-stepper__step-header--current .igx-stepper__step-subtitle{color:var(--current-subtitle-focus-color)}.igx-stepper__step:focus .igx-stepper__step-header--invalid{background:var(--invalid-step-focus-background)}.igx-stepper__step:focus .igx-stepper__step-header--invalid .igx-stepper__step-title{color:var(--invalid-title-focus-color)}.igx-stepper__step:focus .igx-stepper__step-header--invalid .igx-stepper__step-subtitle{color:var(--invalid-subtitle-focus-color)}.igx-stepper__step:first-of-type .igx-stepper__step-header::before{visibility:hidden}.igx-stepper__step:last-of-type .igx-stepper__step-content-wrapper::before{display:none}.igx-stepper__step:last-of-type .igx-stepper__step-header::after{visibility:hidden}.igx-stepper__step-header{display:flex;padding:1.5rem;position:relative;line-height:normal;flex-direction:column;align-items:flex-start;gap:.5rem;cursor:pointer;background:var(--step-background);border-radius:var(--border-radius-step-header)}.igx-stepper__step-header:hover{background:var(--step-hover-background);color:var(--title-hover-color)}.igx-stepper__step-indicator{display:flex;align-items:center;justify-content:center;position:relative;font-size:.75rem;height:1.5rem;width:1.5rem;white-space:nowrap;border-radius:var(--border-radius-indicator);color:var(--indicator-color);background:var(--indicator-background);box-shadow:0 0 0 .0625rem var(--indicator-outline)}.igx-stepper__step-indicator>igx-icon{width:var(--igx-icon-size, calc(1.5rem - 0.375rem));height:var(--igx-icon-size, calc(1.5rem - 0.375rem));font-size:var(--igx-icon-size, calc(1.5rem - 0.375rem));color:inherit}.igx-stepper__step-indicator div>igx-icon,.igx-stepper__step-indicator div>igx-avatar,.igx-stepper__step-indicator div>igx-circular-bar{max-height:1.5rem;max-width:1.5rem}.igx-stepper__step-header--current{background:var(--current-step-background) !important;color:var(--current-title-color)}.igx-stepper__step-header--current .igx-stepper__step-indicator{color:var(--current-indicator-color) !important;background:var(--current-indicator-background) !important;box-shadow:0 0 0 .0625rem var(--current-indicator-outline) !important}.igx-stepper__step-header--current .igx-stepper__step-title{color:var(--current-title-color)}.igx-stepper__step-header--current .igx-stepper__step-subtitle{color:var(--current-subtitle-color)}.igx-stepper__step-header--current:hover{background:var(--current-step-hover-background) !important}.igx-stepper__step-header--current:hover .igx-stepper__step-title{color:var(--current-title-hover-color)}.igx-stepper__step-header--current:hover .igx-stepper__step-subtitle{color:var(--current-subtitle-hover-color)}.igx-stepper__step--disabled{color:var(--disabled-title-color);pointer-events:none;cursor:default}.igx-stepper__step--disabled .igx-stepper__step-indicator{color:var(--disabled-indicator-color);background:var(--disabled-indicator-background);box-shadow:0 0 0 .0625rem var(--disabled-indicator-outline)}.igx-stepper__step--disabled .igx-stepper__step-title{color:var(--disabled-title-color)}.igx-stepper__step--disabled .igx-stepper__step-subtitle{color:var(--disabled-subtitle-color)}.igx-stepper__step-header--invalid{background:var(--invalid-step-background);color:var(--invalid-title-color)}.igx-stepper__step-header--invalid .igx-stepper__step-indicator{color:var(--invalid-indicator-color);background:var(--invalid-indicator-background);box-shadow:0 0 0 .0625rem var(--invalid-indicator-outline)}.igx-stepper__step-header--invalid .igx-stepper__step-title{color:var(--invalid-title-color)}.igx-stepper__step-header--invalid .igx-stepper__step-subtitle{color:var(--invalid-subtitle-color)}.igx-stepper__step-header--invalid:hover{background:var(--invalid-step-hover-background)}.igx-stepper__step-header--invalid:hover .igx-stepper__step-title{color:var(--invalid-title-hover-color)}.igx-stepper__step-header--invalid:hover .igx-stepper__step-subtitle{color:var(--invalid-subtitle-hover-color)}.igx-stepper--horizontal .igx-stepper__body-content{display:block;position:absolute;inset:0;width:100%;height:100%;overflow-y:auto;overflow-x:hidden;z-index:-1}.igx-stepper__step-content-wrapper,.igx-stepper--horizontal .igx-stepper__body-content{padding:1rem}.igx-stepper--horizontal .igx-stepper__body-content--active{z-index:1;position:relative}.igx-stepper__step-content-wrapper{margin-inline-start:calc(1.5rem + 1.5rem/2);position:relative;min-height:2rem}.igx-stepper__step-content-wrapper::before{content:"";position:absolute;inset-inline-start:calc(-0.0625rem/2);top:calc(-1.5rem + 0.5rem);bottom:calc(-1.5rem + 0.5rem);width:.0625rem;border-inline-start:.0625rem var(--step-separator-style) var(--step-separator-color)}.igx-stepper__step-title-wrapper{white-space:nowrap;text-overflow:ellipsis;min-width:2rem}.igx-stepper__step-title-wrapper:empty{display:none}.igx-stepper__step-title-wrapper>*{display:block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.igx-stepper__step--start .igx-stepper__step-header,.igx-stepper__step--end .igx-stepper__step-header{flex-direction:row;align-items:center}.igx-stepper__step--start .igx-stepper__step-title-wrapper,.igx-stepper__step--top .igx-stepper__step-title-wrapper{order:-1}.igx-stepper__step--completed .igx-stepper__step-header{background:var(--complete-step-background)}.igx-stepper__step--completed .igx-stepper__step-header:hover{background:var(--complete-step-hover-background)}.igx-stepper__step--completed .igx-stepper__step-header:hover .igx-stepper__step-title{color:var(--complete-title-hover-color)}.igx-stepper__step--completed .igx-stepper__step-header:hover .igx-stepper__step-subtitle{color:var(--complete-subtitle-hover-color)}.igx-stepper__step--completed .igx-stepper__step-header::after{border-top-color:var(--complete-step-separator-color) !important;border-top-style:var(--complete-step-separator-style) !important}.igx-stepper__step--completed .igx-stepper__step-indicator{color:var(--complete-indicator-color);background:var(--complete-indicator-background);box-shadow:0 0 0 .0625rem var(--complete-indicator-outline)}.igx-stepper__step--completed .igx-stepper__step-title{color:var(--complete-title-color)}.igx-stepper__step--completed .igx-stepper__step-subtitle{color:var(--complete-subtitle-color)}.igx-stepper__step--completed:focus .igx-stepper__step-header{background:var(--complete-step-focus-background)}.igx-stepper__step--completed:focus .igx-stepper__step-header .igx-stepper__step-title{color:var(--complete-title-focus-color)}.igx-stepper__step--completed:focus .igx-stepper__step-header .igx-stepper__step-subtitle{color:var(--complete-subtitle-focus-color)}.igx-stepper__step--completed .igx-stepper__step-content-wrapper::before{border-inline-start-style:var(--complete-step-separator-style);border-inline-start-color:var(--complete-step-separator-color)}.igx-stepper__step--completed+.igx-stepper__step::before{border-top-color:var(--complete-step-separator-color) !important;border-top-style:var(--complete-step-separator-style) !important}.igx-stepper__step--completed+.igx-stepper__step .igx-stepper__step-header::before{border-top-color:var(--complete-step-separator-color) !important;border-top-style:var(--complete-step-separator-style) !important}.igx-stepper__step--simple .igx-stepper__step-indicator{min-width:1.5rem;min-height:1.5rem;width:initial;height:initial}.igx-stepper__step--simple .igx-stepper__step-indicator div>igx-icon,.igx-stepper__step--simple .igx-stepper__step-indicator div>igx-avatar,.igx-stepper__step--simple .igx-stepper__step-indicator div>igx-circular-bar{max-width:initial;max-height:initial}.igx-stepper--horizontal .igx-stepper__header{flex-direction:row}.igx-stepper--horizontal .igx-stepper__step{overflow:hidden;flex-direction:row;flex-grow:1}.igx-stepper--horizontal .igx-stepper__step::before{content:"";width:auto;min-width:.625rem;height:.0625rem;flex:1;position:relative;z-index:-1;top:calc(1.5rem/2 + 1.5rem - 0.0625rem/2);border-top:.0625rem var(--step-separator-style) var(--step-separator-color)}.igx-stepper--horizontal .igx-stepper__step:first-of-type{flex-grow:0;min-width:0}.igx-stepper--horizontal .igx-stepper__step:first-of-type::before{display:none}.igx-stepper--horizontal .igx-stepper__step-header{display:flex;flex-direction:row;align-items:center;justify-content:center}.igx-stepper--horizontal .igx-stepper__step-header::before,.igx-stepper--horizontal .igx-stepper__step-header::after{content:"";position:absolute;z-index:-1;height:.0625rem;width:calc(50% - (1.5rem - 0.25rem));top:calc(1.5rem/2 + 1.5rem - 0.0625rem/2);flex:1;border-top:.0625rem var(--step-separator-style) var(--step-separator-color)}.igx-stepper--horizontal .igx-stepper__step-header::before{inset-inline-start:0}.igx-stepper--horizontal .igx-stepper__step-header::after{inset-inline-end:0}.igx-stepper--horizontal .igx-stepper__step--simple{text-align:center}.igx-stepper--horizontal .igx-stepper__step--simple .igx-stepper__step-header{align-self:center;padding:.5rem;height:auto}.igx-stepper--horizontal .igx-stepper__step--simple .igx-stepper__step-header::before,.igx-stepper--horizontal .igx-stepper__step--simple .igx-stepper__step-header::after{display:none}.igx-stepper--horizontal .igx-stepper__step--simple.igx-stepper__step::before{top:calc(50% - 0.0625rem/2)}.igx-stepper--horizontal .igx-stepper__step-title-wrapper{width:100%}.igx-stepper--horizontal .igx-stepper__step--top .igx-stepper__step-header{justify-content:flex-end}.igx-stepper--horizontal .igx-stepper__step--top .igx-stepper__step-header::before,.igx-stepper--horizontal .igx-stepper__step--top .igx-stepper__step-header::after{top:calc(100% - (1.5rem/2 + 1.5rem + 0.0625rem/2))}.igx-stepper--horizontal .igx-stepper__step--top.igx-stepper__step::before{border-top:.0625rem var(--step-separator-style) var(--step-separator-color);top:calc(100% - (1.5rem/2 + 1.5rem + 0.0625rem/2))}.igx-stepper--horizontal .igx-stepper__step--bottom .igx-stepper__step-header{justify-content:flex-start}.igx-stepper--horizontal .igx-stepper__step--top .igx-stepper__step-title-wrapper,.igx-stepper--horizontal .igx-stepper__step--bottom .igx-stepper__step-title-wrapper{text-align:center}.igx-stepper--horizontal .igx-stepper__step--top .igx-stepper__step-header,.igx-stepper--horizontal .igx-stepper__step--bottom .igx-stepper__step-header{flex-direction:column}.igx-stepper--horizontal .igx-stepper__step--start .igx-stepper__step-title-wrapper{text-align:end}.igx-stepper--horizontal .igx-stepper__step--start .igx-stepper__step-indicator,.igx-stepper--horizontal .igx-stepper__step--end .igx-stepper__step-indicator{flex:1 0 auto}.igx-stepper--horizontal .igx-stepper__step--start .igx-stepper__step-header,.igx-stepper--horizontal .igx-stepper__step--end .igx-stepper__step-header{padding:calc(1.5rem/2)}.igx-stepper--horizontal .igx-stepper__step--start .igx-stepper__step-header::before,.igx-stepper--horizontal .igx-stepper__step--start .igx-stepper__step-header::after,.igx-stepper--horizontal .igx-stepper__step--end .igx-stepper__step-header::before,.igx-stepper--horizontal .igx-stepper__step--end .igx-stepper__step-header::after{display:none}.igx-stepper--horizontal .igx-stepper__step--start.igx-stepper__step::before,.igx-stepper--horizontal .igx-stepper__step--end.igx-stepper__step::before{top:calc(50% - 0.0625rem/2)}.igx-stepper--horizontal .igx-stepper__step-content{flex-grow:1}.igx-stepper--horizontal .igx-stepper__step-content:focus{outline:none}.igx-stepper--horizontal .igx-stepper__step-content::before{display:none}.igx-stepper--horizontal .igx-stepper__step-content-wrapper{text-align:center}.igx-stepper--horizontal .igx-stepper__body-content{display:flex}igx-toast{--elevation: var(--igx-toast-elevation, var(--ig-elevation-0));--background: var(--igx-toast-background, hsla(var(--ig-gray-700), 0.9));--text-color: var(--igx-toast-text-color, var(--ig-gray-700-contrast));--border-radius: var(--igx-toast-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.625rem), 1.625rem));--shadow: var(--igx-toast-shadow, var(--ig-elevation-0))}.igx-toast{display:inline-flex;justify-content:center;align-items:center;margin:2.625rem auto;padding:1rem 1.5rem;min-width:3.25rem;color:var(--text-color);background:var(--background);border:none;border-radius:var(--border-radius);box-shadow:var(--ig-elevation-0);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.igx-tooltip--desktop,.igx-tooptip--mobile{--background: var(--igx-tooltip-background, hsla(var(--ig-gray-700), 0.9));--text-color: var(--igx-tooltip-text-color, var(--ig-gray-700-contrast));--border-radius: var(--igx-tooltip-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.25) * 1rem), 1rem))}.igx-tooltip,.igx-tooltip--desktop,.igx-tooltip--mobile{display:inline-flex;justify-content:center;flex-flow:column wrap;background:var(--background);color:var(--text-color);border-radius:var(--border-radius);margin:0 auto}.igx-tooltip--desktop{padding:0 .5rem;min-height:1.5rem}.igx-tooltip--mobile{padding:0 1rem;min-height:2rem}.igx-time-picker{--modal-elevation: var(--igx-time-picker-modal-elevation, var(--ig-elevation-24));--dropdown-elevation: var(--igx-time-picker-dropdown-elevation, var(--ig-elevation-8));--text-color: var(--igx-time-picker-text-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--hover-text-color: var(--igx-time-picker-hover-text-color, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--selected-text-color: var(--igx-time-picker-selected-text-color, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--active-item-background: var(--igx-time-picker-active-item-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--disabled-text-color: var(--igx-time-picker-disabled-text-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--disabled-item-background: var(--igx-time-picker-disabled-item-background, transparent);--header-background: var(--igx-time-picker-header-background, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--header-hour-text-color: var(--igx-time-picker-header-hour-text-color, var(--ig-secondary-500-contrast));--header-time-period-color: var(--igx-time-picker-header-time-period-color, var(--ig-secondary-500-contrast));--background-color: var(--igx-time-picker-background-color, hsla(var(--ig-surface-500), var(--ig-surface-a)));--border-radius: var(--igx-time-picker-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--active-item-border-radius: var(--igx-time-picker-active-item-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.75) * 1.25rem), 1.25rem));--modal-shadow: var(--igx-time-picker-modal-shadow, var(--ig-elevation-24));--dropdown-shadow: var(--igx-time-picker-dropdown-shadow, var(--ig-elevation-8));display:flex;flex-flow:column nowrap;max-width:21.25rem;min-width:20rem;border-radius:var(--border-radius);box-shadow:var(--modal-shadow);overflow:hidden}.igx-time-picker--vertical{flex-flow:row nowrap;min-width:33.75rem}.igx-time-picker__main{background:var(--background-color);flex:1 1 auto}.igx-time-picker--dropdown{min-width:12.5rem;box-shadow:var(--dropdown-shadow)}.igx-time-picker__body{display:flex;padding:.625rem 0;justify-content:center}.igx-time-picker__hourList{text-align:end}[dir=rtl] .igx-time-picker__hourList{order:2}.igx-time-picker__minuteList{text-align:center}[dir=rtl] .igx-time-picker__minuteList{order:1}.igx-time-picker__secondsList{text-align:center}.igx-time-picker__ampmList{display:flex;flex-direction:column;padding-top:3rem}[dir=rtl] .igx-time-picker__ampmList{order:3}.igx-time-picker__column{max-width:4rem;height:20.3125rem;padding:0;cursor:pointer;display:flex;flex-flow:column nowrap;justify-content:space-between;align-items:center;color:var(--text-color);overflow:hidden}.igx-time-picker__column:focus,.igx-time-picker__column:active{outline:none}.igx-time-picker__item{width:3.375rem;padding:.3125rem .625rem;border-radius:var(--active-item-border-radius);height:3rem;display:flex;justify-content:center;align-items:center}.igx-time-picker__item:focus,.igx-time-picker__item:active{outline:none}.igx-time-picker__item:hover{color:var(--hover-text-color)}.igx-time-picker__item--selected{font-size:1.5rem;color:var(--selected-text-color)}.igx-time-picker__item--active{background:var(--active-item-background)}.igx-time-picker__item--disabled{color:var(--disabled-text-color);background:var(--disabled-item-background);pointer-events:none}.igx-time-picker__header{background:var(--header-background);padding:1.5rem 1rem}.igx-time-picker__header-ampm{color:var(--header-time-period-color)}.igx-time-picker--vertical .igx-time-picker__header{width:10.5rem}.igx-time-picker__header-hour{display:flex;color:var(--header-hour-text-color)}[dir=rtl] .igx-time-picker__header-hour{flex-direction:row-reverse;justify-content:flex-end}.igx-time-picker__header-ampm,.igx-time-picker__header-hour{margin:0}.igx-time-picker__buttons{display:flex;justify-content:flex-end;height:3.25rem;padding:.5rem}.igx-time-picker__buttons [igxButton]+[igxButton]{margin-inline-start:.5rem}igx-tree{--background: var(--igx-tree-background, hsla(var(--ig-surface-500), var(--ig-surface-a)));--foreground: var(--igx-tree-foreground, var(--ig-surface-500-contrast));--background-selected: var(--igx-tree-background-selected, hsla(var(--ig-secondary-200), var(--ig-secondary-a)));--foreground-selected: var(--igx-tree-foreground-selected, var(--ig-secondary-200-contrast));--background-active: var(--igx-tree-background-active, hsla(var(--ig-gray-200), var(--ig-gray-a)));--foreground-active: var(--igx-tree-foreground-active, var(--ig-gray-200-contrast));--background-active-selected: var(--igx-tree-background-active-selected, hsla(var(--ig-secondary-300), var(--ig-secondary-a)));--foreground-active-selected: var(--igx-tree-foreground-active-selected, var(--ig-secondary-300-contrast));--border-color: var(--igx-tree-border-color, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--background-disabled: var(--igx-tree-background-disabled, hsla(var(--ig-surface-500), var(--ig-surface-a)));--foreground-disabled: var(--igx-tree-foreground-disabled, hsla(var(--ig-gray-500), var(--ig-gray-a)));--drop-area-color: var(--igx-tree-drop-area-color, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--hover-color: var(--igx-tree-hover-color, hsla(var(--ig-gray-900), 0.1))}.igx-tree{display:block;z-index:0;overflow-y:auto}.igx-tree-node,.igx-tree-node__wrapper,.igx-tree-node__toggle-button,.igx-tree-node__content,.igx-tree-node__select{display:flex}.igx-tree-node{flex-direction:column}.igx-tree-node__wrapper,.igx-tree-node__toggle-button,.igx-tree-node__select{align-items:center}.igx-tree-node__toggle-button,.igx-tree-node__select{margin-inline-end:.5rem}.igx-tree-node__content,.igx-tree-node__toggle-button,.igx-tree-node__select{z-index:1}.igx-tree-node__toggle-button--hidden{visibility:hidden}.igx-tree-node__wrapper{min-height:3.125rem;padding:0 1.5rem;position:relative;background:var(--background);color:var(--foreground)}.igx-tree-node__wrapper igx-icon{width:var(--igx-icon-size, 1.5rem);height:var(--igx-icon-size, 1.5rem);font-size:var(--igx-icon-size, 1.5rem)}[dir=rtl] .igx-tree-node__wrapper igx-icon{transform:scaleX(-1)}.igx-tree-node__wrapper::after{content:"";position:absolute;top:0;inset-inline-start:0;width:100%;height:100%;background:rgba(0,0,0,0);z-index:0}.igx-tree-node__wrapper:hover::after{background:var(--hover-color)}.igx-tree-node__wrapper:focus{outline-width:0}.igx-tree-node__wrapper igx-circular-bar{width:1.5rem;height:1.5rem}.igx-tree-node__wrapper--cosy{min-height:2.5rem;padding:0 1rem}.igx-tree-node__wrapper--cosy .igx-tree-node__spacer{width:1rem}.igx-tree-node__wrapper--cosy .igx-tree-node__drop-indicator{inset-inline-end:1rem;width:calc(100% - (1rem*2 + 1.5rem + 0.5rem))}.igx-tree-node__wrapper--cosy igx-circular-bar{width:calc(1.5rem - 4px);height:calc(1.5rem - 4px)}.igx-tree-node__wrapper--compact{min-height:2rem;padding:0 .75rem}.igx-tree-node__wrapper--compact .igx-tree-node__spacer{width:.75rem}.igx-tree-node__wrapper--compact .igx-tree-node__drop-indicator{inset-inline-end:.75rem;width:calc(100% - (0.75rem*2 + 1.5rem + 0.5rem))}.igx-tree-node__wrapper--compact igx-circular-bar{width:calc(1.5rem - 6px);height:calc(1.5rem - 6px)}.igx-tree-node__wrapper--selected{background:var(--background-selected);color:var(--foreground-selected)}.igx-tree-node__wrapper--active{background:var(--background-active);color:var(--foreground-active)}.igx-tree-node__wrapper--active.igx-tree-node__wrapper--selected{background:var(--background-active-selected);color:var(--foreground-active-selected)}.igx-tree-node__wrapper--focused{box-shadow:inset 0 0 0 .0625rem var(--border-color)}.igx-tree-node__wrapper--disabled{background:var(--background-disabled) !important;color:var(--foreground-disabled) !important;box-shadow:none !important;pointer-events:none}.igx-tree-node__wrapper--disabled::after{display:none}.igx-tree-node__wrapper--disabled .igx-tree-node__toggle-button{color:var(--foreground-disabled) !important}.igx-tree-node__spacer{display:inline-block;width:1.5rem}.igx-tree-node__content{display:block;align-items:center;flex:1;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.igx-tree-node__toggle-button{justify-content:center;cursor:pointer;-webkit-user-select:none;user-select:none;min-width:1.5rem}.igx-tree-node__drop-indicator{display:flex;visibility:hidden;position:absolute;inset-inline-end:1.5rem;bottom:0;width:calc(100% - (1.5rem*2 + 1.5rem + 0.5rem))}.igx-tree-node__drop-indicator>div{flex:1;height:.0625rem;background:var(--drop-area-color)}.igx-tree-node__group{overflow:hidden}igx-watermark{--link-background: var(--igx-watermark-link-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));--background-image: var(--igx-watermark-background-image, url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTg0IiBoZWlnaHQ9IjEwNCIgdmlld0JveD0iMCAwIDE4NCAxMDQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIG9wYWNpdHk9IjAuMDUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTYuNyAxMC4xTDEwLjMgOC4zOTk5OUwxMi4xIDEuNjk5OTlMNy4xIDAuMzk5OTk0TDUuMyA3LjA5OTk5TDIuMyA2LjI5OTk5TDEuMSAxMC42TDQuMSAxMS40TDEuMiAyMi4yQzAuMjk5OTk3IDI1LjUgMC4xOTk5OTcgMjcuOSAwLjc5OTk5NyAyOS40QzEuNSAzMC45IDMuMSAzMiA1LjcgMzIuN0M3LjMgMzMuMSA5IDMzLjMgMTAuNiAzMy40TDExLjUgMjkuM0w3LjcgMjguNEM2LjYgMjguMSA1LjkgMjcuNiA1LjggMjYuOUM1LjggMjUuNiA2IDI0LjMgNi40IDIzTDkuMSAxMi44TDE1LjUgMTQuNUwxNi43IDEwLjFaTTE5LjcgMzUuOEwyNCAxOS42TDI1LjEgMTkuNUMyNy41IDE5LjIgMzAgMTkuMSAzMi41IDE5LjNMMzMuOSAxNC4yQzMwLjkgMTQgMjcuOSAxNC40IDI1LjEgMTUuNEwyNS44IDEyLjZMMjAuOCAxMS4zTDE0LjYgMzQuNUwxOS43IDM1LjhaTTM2LjUgNDAuM0w0Mi43IDE3LjFMMzcuNiAxNS43TDMxLjQgMzguOUwzNi41IDQwLjNaTTQzLjggMTMuMkw0NS4yIDcuODk5OTlMNDAuMSA2LjQ5OTk5TDM4LjcgMTEuOEw0My44IDEzLjJaTTYzLjggMjQuMkM2Mi45IDIyLjYgNjEgMjEuNSA1OC4yIDIwLjdDNTUgMTkuOSA1MS44IDE5LjUgNDguNiAxOS40TDQ3LjcgMjNMNDkuMiAyMy4zQzUyLjIgMjMuOCA1NC44IDI0LjQgNTYuNyAyNC45QzU3LjYgMjUuMSA1OC40IDI1LjYgNTguOSAyNi4zQzU5LjMgMjcuMiA1OS40IDI4LjIgNTkgMjkuMUw1OC41IDMwLjhMNTIuNCAyOS43QzUwLjMgMjkuMiA0OC4xIDI5LjMgNDYuMSAzMC4xQzQ0LjYgMzAuOCA0My41IDMyLjMgNDIuOCAzNC43QzQxLjUgMzkuNiA0My4xIDQyLjcgNDcuNyA0My45QzUwLjMgNDQuNiA1MyA0NC43IDU1LjYgNDQuMkM1Ny4xIDQ1LjkgNTkuMSA0Ny4xIDYxLjMgNDcuNkw2Mi41IDQzLjhDNjIgNDMuNiA2MS41IDQzLjMgNjEuMiA0Mi44QzYxIDQyLjMgNjAuOSA0MS43IDYxLjEgNDEuMUw2My45IDMwLjVDNjQuOCAyNy44IDY0LjcgMjUuNyA2My44IDI0LjJaTTU3LjcgMzQuNEw1NiA0MC41TDU1LjEgNDAuNkM1My40IDQwLjYgNTEuNiA0MC41IDUwIDQwQzQ4LjEgMzkuNSA0Ny41IDM4LjIgNDggMzZDNDguMyAzNC4yIDQ5LjkgMzMgNTEuNyAzMy4zQzUxLjkgMzMuMyA1MiAzMy40IDUyLjIgMzMuNEw1Ny43IDM0LjRaTTcxLjUgNDkuNkw4MC4zIDE2LjhMNzUuMiAxNS40TDY2LjQgNDguMkw3MS41IDQ5LjZaIiBmaWxsPSIjMDA5OUZGIi8+Cjwvc3ZnPgo="));--color: var(--igx-watermark-color, #fff);--border-color: var(--igx-watermark-border-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--border-radius: var(--igx-watermark-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1rem), 1rem))}.igx-watermark{display:block;position:absolute;bottom:0;inset-inline-end:0;width:100%;height:100%;z-index:10000;pointer-events:none}.igx-watermark__link{display:inline-flex;align-items:center;position:absolute;bottom:0;inset-inline-end:0;font-size:.875rem;padding:.125rem .25rem;line-height:normal;border-radius:var(--border-radius);border:.0625rem solid var(--border-color);color:var(--color);z-index:10002;background-color:var(--link-background);pointer-events:all;text-decoration:none}.igx-watermark__background-img{width:100%;height:100%;position:absolute;top:0;inset-inline-start:0;z-index:10001;pointer-events:none;background-image:var(--background-image);background-repeat:repeat;background-position:1rem 1rem}@media all and (-ms-high-contrast: none){.igx-watermark__background-img{background-image:none}} /*# sourceMappingURL=maps/igniteui-angular.css.map */ /*# sourceMappingURL=styles.b0ee50a72fd5f3f1.css.map*/