/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** 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/styles.scss ***! \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ @import url(https://fonts.googleapis.com/icon?family=Material+Icons); /*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** 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/styles.scss (1) ***! \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ @import url(https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500&display=swap); /*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** 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/styles.scss (2) ***! \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ /* You can add global styles to this file, and also import other style files */ /** * Generated theme by Material Theme Generator * https://materialtheme.arcsine.dev * Fork at: https://materialtheme.arcsine.dev/?c=YHBhbGV0dGU$YHByaW1hcnk$YF48I2E4ZGFkYyIsIj9lcjwjZTVmNGY1IiwiO2VyPCM4ZGNiY2V$LCIlPmBePCMxZDM1NTciLCI~ZXI8I2JiYzJjZCIsIjtlcjwjMTEyMjNjfiwid2Fybj5gXjwjZTYzOTQ2IiwiP2VyPCNmOGM0YzgiLCI7ZXI8I2RiMjQyZn4sIj9UZXh0PCMwMDAwMDAiLCI~PTwjZjFmYWVlIiwiO1RleHQ8I2YxZmFlZSIsIjs9PCMyYzJjMmN$LCJmb250cz5bYEA8KC00fixgQDwoLTN$LGBAPCgtMn4sYEA8KC0xfixgQDxoZWFkbGluZX4sYEA8dGl0bGV$LGBAPHN1YiktMn4sYEA8c3ViKS0xfixgQDxib2R5LTJ$LGBAPGJvZHktMX4sYEA8YnV0dG9ufixgQDxjYXB0aW9ufixgQDxpbnB1dCIsInNpemU$bnVsbH1dLCJpY29uczxGaWxsZWQiLCI~bmVzcz50cnVlLCJ2ZXJzaW9uPjExfQ== */ /* * Amplify UI Basic Theme */ /** * Do not edit directly * Generated on Thu, 23 Jun 2022 22:01:45 GMT */ :root, [data-amplify-theme] { --amplify-transforms-slide-x-large: translateX(2em); --amplify-transforms-slide-x-medium: translateX(1em); --amplify-transforms-slide-x-small: translateX(0.5em); --amplify-time-long: 500ms; --amplify-time-medium: 250ms; --amplify-time-short: 100ms; --amplify-space-relative-full: 100%; --amplify-space-relative-xxxl: 4.5em; --amplify-space-relative-xxl: 3.0em; --amplify-space-relative-xl: 2.0em; --amplify-space-relative-large: 1.5em; --amplify-space-relative-medium: 1em; --amplify-space-relative-small: 0.75em; --amplify-space-relative-xs: 0.5em; --amplify-space-relative-xxs: 0.375em; --amplify-space-relative-xxxs: 0.25em; --amplify-space-xxxl: 4.5rem; --amplify-space-xxl: 3.0rem; --amplify-space-xl: 2.0rem; --amplify-space-large: 1.5rem; --amplify-space-medium: 1rem; --amplify-space-small: 0.75rem; --amplify-space-xs: 0.5rem; --amplify-space-xxs: 0.375rem; --amplify-space-xxxs: 0.25rem; --amplify-space-zero: 0; --amplify-radii-xxxl: 8rem; --amplify-radii-xxl: 4rem; --amplify-radii-xl: 2rem; --amplify-radii-large: 1rem; --amplify-radii-medium: 0.5rem; --amplify-radii-small: 0.25rem; --amplify-radii-xs: 0.125rem; --amplify-outline-widths-large: 3px; --amplify-outline-widths-medium: 2px; --amplify-outline-widths-small: 1px; --amplify-outline-offsets-large: 3px; --amplify-outline-offsets-medium: 2px; --amplify-outline-offsets-small: 1px; --amplify-opacities-100: 1; --amplify-opacities-90: 0.9; --amplify-opacities-80: 0.8; --amplify-opacities-70: 0.7; --amplify-opacities-60: 0.6; --amplify-opacities-50: 0.5; --amplify-opacities-40: 0.4; --amplify-opacities-30: 0.3; --amplify-opacities-20: 0.2; --amplify-opacities-10: 0.1; --amplify-opacities-0: 0; --amplify-line-heights-large: 2; --amplify-line-heights-medium: 1.5; --amplify-line-heights-small: 1.25; --amplify-font-weights-black: 900; --amplify-font-weights-extrabold: 800; --amplify-font-weights-bold: 700; --amplify-font-weights-semibold: 600; --amplify-font-weights-medium: 500; --amplify-font-weights-normal: 400; --amplify-font-weights-light: 300; --amplify-font-weights-thin: 200; --amplify-font-weights-hairline: 100; --amplify-font-sizes-xxxxl: 3rem; --amplify-font-sizes-xxxl: 2.5rem; --amplify-font-sizes-xxl: 2rem; --amplify-font-sizes-xl: 1.5rem; --amplify-font-sizes-large: 1.25rem; --amplify-font-sizes-medium: 1rem; --amplify-font-sizes-small: 0.875rem; --amplify-font-sizes-xs: 0.75rem; --amplify-font-sizes-xxs: 0.5rem; --amplify-font-sizes-xxxs: 0.375rem; --amplify-fonts-default-static: "Inter", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", Oxygen, Ubuntu, Cantarell, "Open Sans", sans-serif; --amplify-fonts-default-variable: "InterVariable", "Inter var", "Inter", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", Oxygen, Ubuntu, Cantarell, "Open Sans", sans-serif; --amplify-colors-transparent: transparent; --amplify-colors-white: hsl(0, 0%, 100%); --amplify-colors-black: hsl(0, 0%, 0%); --amplify-colors-overlay-90: hsla(0, 0%, 0%, 0.9); --amplify-colors-overlay-80: hsla(0, 0%, 0%, 0.8); --amplify-colors-overlay-70: hsla(0, 0%, 0%, 0.7); --amplify-colors-overlay-60: hsla(0, 0%, 0%, 0.6); --amplify-colors-overlay-50: hsla(0, 0%, 0%, 0.5); --amplify-colors-overlay-40: hsla(0, 0%, 0%, 0.4); --amplify-colors-overlay-30: hsla(0, 0%, 0%, 0.3); --amplify-colors-overlay-20: hsla(0, 0%, 0%, 0.2); --amplify-colors-overlay-10: hsla(0, 0%, 0%, 0.1); --amplify-colors-shadow-tertiary: hsla(210, 50%, 10%, 0.05); --amplify-colors-shadow-secondary: hsla(210, 50%, 10%, 0.15); --amplify-colors-shadow-primary: hsla(210, 50%, 10%, 0.25); --amplify-colors-neutral-100: hsl(210, 50%, 10%); --amplify-colors-neutral-90: hsl(210, 25%, 25%); --amplify-colors-neutral-80: hsl(210, 10%, 40%); --amplify-colors-neutral-60: hsl(210, 8%, 55%); --amplify-colors-neutral-40: hsl(210, 5%, 87%); --amplify-colors-neutral-20: hsl(210, 5%, 94%); --amplify-colors-neutral-10: hsl(210, 5%, 98%); --amplify-colors-pink-100: hsl(340, 100%, 15%); --amplify-colors-pink-90: hsl(340, 100%, 20%); --amplify-colors-pink-80: hsl(340, 95%, 30%); --amplify-colors-pink-60: hsl(340, 50%, 50%); --amplify-colors-pink-40: hsl(340, 70%, 70%); --amplify-colors-pink-20: hsl(340, 90%, 85%); --amplify-colors-pink-10: hsl(340, 95%, 95%); --amplify-colors-purple-100: hsl(300, 100%, 15%); --amplify-colors-purple-90: hsl(300, 100%, 20%); --amplify-colors-purple-80: hsl(300, 95%, 30%); --amplify-colors-purple-60: hsl(300, 50%, 50%); --amplify-colors-purple-40: hsl(300, 70%, 70%); --amplify-colors-purple-20: hsl(300, 85%, 85%); --amplify-colors-purple-10: hsl(300, 95%, 95%); --amplify-colors-blue-100: hsl(220, 100%, 15%); --amplify-colors-blue-90: hsl(220, 100%, 20%); --amplify-colors-blue-80: hsl(220, 95%, 30%); --amplify-colors-blue-60: hsl(220, 50%, 50%); --amplify-colors-blue-40: hsl(220, 70%, 70%); --amplify-colors-blue-20: hsl(220, 85%, 85%); --amplify-colors-blue-10: hsl(220, 95%, 95%); --amplify-colors-teal-100: hsl(190, 100%, 15%); --amplify-colors-teal-90: hsl(190, 100%, 20%); --amplify-colors-teal-80: hsl(190, 95%, 30%); --amplify-colors-teal-60: hsl(190, 50%, 50%); --amplify-colors-teal-40: hsl(190, 70%, 70%); --amplify-colors-teal-20: hsl(190, 75%, 85%); --amplify-colors-teal-10: hsl(190, 75%, 95%); --amplify-colors-green-100: hsl(130, 22%, 23%); --amplify-colors-green-90: hsl(130, 27%, 29%); --amplify-colors-green-80: hsl(130, 33%, 37%); --amplify-colors-green-60: hsl(130, 43%, 46%); --amplify-colors-green-40: hsl(130, 44%, 63%); --amplify-colors-green-20: hsl(130, 60%, 90%); --amplify-colors-green-10: hsl(130, 60%, 95%); --amplify-colors-yellow-100: hsl(60, 100%, 15%); --amplify-colors-yellow-90: hsl(60, 100%, 20%); --amplify-colors-yellow-80: hsl(60, 95%, 30%); --amplify-colors-yellow-60: hsl(60, 50%, 50%); --amplify-colors-yellow-40: hsl(60, 75%, 75%); --amplify-colors-yellow-20: hsl(60, 75%, 85%); --amplify-colors-yellow-10: hsl(60, 75%, 95%); --amplify-colors-orange-100: hsl(30, 100%, 15%); --amplify-colors-orange-90: hsl(30, 100%, 20%); --amplify-colors-orange-80: hsl(30, 95%, 30%); --amplify-colors-orange-60: hsl(30, 50%, 50%); --amplify-colors-orange-40: hsl(30, 75%, 75%); --amplify-colors-orange-20: hsl(30, 75%, 85%); --amplify-colors-orange-10: hsl(30, 75%, 95%); --amplify-colors-red-100: hsl(0, 100%, 15%); --amplify-colors-red-90: hsl(0, 100%, 20%); --amplify-colors-red-80: hsl(0, 95%, 30%); --amplify-colors-red-60: hsl(0, 50%, 50%); --amplify-colors-red-40: hsl(0, 75%, 75%); --amplify-colors-red-20: hsl(0, 75%, 85%); --amplify-colors-red-10: hsl(0, 75%, 95%); --amplify-border-widths-large: 3px; --amplify-border-widths-medium: 2px; --amplify-border-widths-small: 1px; --amplify-components-togglebuttongroup-justify-content: flex-start; --amplify-components-togglebuttongroup-align-content: center; --amplify-components-togglebuttongroup-align-items: center; --amplify-components-tabs-item-disabled-background-color: transparent; --amplify-components-tabs-item-active-background-color: transparent; --amplify-components-tabs-item-text-align: center; --amplify-components-tabs-item-border-style: solid; --amplify-components-tabs-item-background-color: transparent; --amplify-components-tabs-gap: 0; --amplify-components-tabs-border-style: solid; --amplify-components-tabs-background-color: transparent; --amplify-components-table-caption-word-break: break-all; --amplify-components-table-caption-text-align: center; --amplify-components-table-caption-display: table-caption; --amplify-components-table-caption-caption-side: bottom; --amplify-components-table-data-vertical-align: middle; --amplify-components-table-data-display: table-cell; --amplify-components-table-data-border-style: solid; --amplify-components-table-header-vertical-align: middle; --amplify-components-table-header-display: table-cell; --amplify-components-table-header-border-style: solid; --amplify-components-table-row-vertical-align: middle; --amplify-components-table-row-display: table-row; --amplify-components-table-foot-vertical-align: middle; --amplify-components-table-foot-display: table-footer-group; --amplify-components-table-body-vertical-align: middle; --amplify-components-table-body-display: table-row-group; --amplify-components-table-head-vertical-align: middle; --amplify-components-table-head-display: table-header-group; --amplify-components-table-width: 100%; --amplify-components-table-display: table; --amplify-components-table-border-collapse: collapse; --amplify-components-stepperfield-input-text-align: center; --amplify-components-stepperfield-flex-direction: column; --amplify-components-sliderfield-large-thumb-height: 1.5rem; --amplify-components-sliderfield-large-thumb-width: 1.5rem; --amplify-components-sliderfield-large-track-height: 0.625rem; --amplify-components-sliderfield-small-thumb-height: 1rem; --amplify-components-sliderfield-small-thumb-width: 1rem; --amplify-components-sliderfield-small-track-height: 0.25rem; --amplify-components-sliderfield-thumb-disabled-box-shadow: none; --amplify-components-sliderfield-thumb-disabled-border-color: transparent; --amplify-components-sliderfield-thumb-border-style: solid; --amplify-components-sliderfield-thumb-border-radius: 50%; --amplify-components-sliderfield-thumb-height: 1.25rem; --amplify-components-sliderfield-thumb-width: 1.25rem; --amplify-components-sliderfield-range-border-radius: 9999px; --amplify-components-sliderfield-track-min-width: 10rem; --amplify-components-sliderfield-track-height: 0.375rem; --amplify-components-sliderfield-track-border-radius: 9999px; --amplify-components-selectfield-flex-direction: column; --amplify-components-select-large-min-width: 7.5rem; --amplify-components-select-small-min-width: 5.5rem; --amplify-components-select-min-width: 6.5rem; --amplify-components-select-white-space: nowrap; --amplify-components-select-icon-wrapper-pointer-events: none; --amplify-components-select-icon-wrapper-transform: translateY(-50%); --amplify-components-select-icon-wrapper-top: 50%; --amplify-components-select-icon-wrapper-position: absolute; --amplify-components-select-icon-wrapper-align-items: center; --amplify-components-select-wrapper-cursor: pointer; --amplify-components-select-wrapper-position: relative; --amplify-components-select-wrapper-display: block; --amplify-components-select-wrapper-flex: 1; --amplify-components-radio-button-outline-style: solid; --amplify-components-radio-button-transition-property: all; --amplify-components-radio-button-border-radius: 50%; --amplify-components-radio-button-border-style: solid; --amplify-components-radio-button-box-sizing: border-box; --amplify-components-radio-button-justify-content: center; --amplify-components-radio-button-align-items: center; --amplify-components-radio-disabled-cursor: not-allowed; --amplify-components-radio-gap: inherit; --amplify-components-radio-justify-content: flex-start; --amplify-components-radio-align-items: center; --amplify-components-pagination-ellipsis-justify-content: center; --amplify-components-pagination-ellipsis-align-items: baseline; --amplify-components-pagination-button-transition-property: background-color; --amplify-components-pagination-current-justify-content: center; --amplify-components-pagination-current-align-items: center; --amplify-components-menu-item-min-height: 2.5rem; --amplify-components-menu-min-width: 14rem; --amplify-components-menu-max-width: 30rem; --amplify-components-menu-flex-direction: column; --amplify-components-menu-border-style: solid; --amplify-components-loader-linear-animation-duration: 1s; --amplify-components-loader-linear-stroke-linecap: round; --amplify-components-loader-linear-min-width: 5rem; --amplify-components-loader-linear-width: 100%; --amplify-components-loader-animation-duration: 1s; --amplify-components-loader-stroke-linecap: round; --amplify-components-image-object-position: initial; --amplify-components-image-object-fit: initial; --amplify-components-image-height: auto; --amplify-components-image-max-width: 100%; --amplify-components-icon-height: 1em; --amplify-components-icon-line-height: 1; --amplify-components-flex-flex-wrap: nowrap; --amplify-components-flex-align-content: normal; --amplify-components-flex-align-items: stretch; --amplify-components-flex-justify-content: normal; --amplify-components-fieldmessages-description-font-style: italic; --amplify-components-fieldgroup-outer-align-items: center; --amplify-components-fieldgroup-vertical-align-items: center; --amplify-components-fieldcontrol-disabled-cursor: not-allowed; --amplify-components-fieldcontrol-quiet-border-radius: 0; --amplify-components-fieldcontrol-quiet-border-block-start: none; --amplify-components-fieldcontrol-quiet-border-inline-end: none; --amplify-components-fieldcontrol-quiet-border-inline-start: none; --amplify-components-fieldcontrol-quiet-border-style: none; --amplify-components-fieldcontrol-outline-style: solid; --amplify-components-fieldcontrol-border-style: solid; --amplify-components-expander-icon-transition-timing-function: cubic-bezier(0.87, 0, 0.13, 1); --amplify-components-expander-content-closed-animation-timing-function: cubic-bezier(0.87, 0, 0.13, 1); --amplify-components-expander-content-open-animation-timing-function: cubic-bezier(0.87, 0, 0.13, 1); --amplify-components-expander-trigger-justify-content: space-between; --amplify-components-expander-trigger-align-items: center; --amplify-components-expander-trigger-min-height: 3rem; --amplify-components-expander-item-margin-top: 1px; --amplify-components-expander-width: 100%; --amplify-components-expander-display: block; --amplify-components-divider-border-style: solid; --amplify-components-checkboxfield-justify-content: center; --amplify-components-checkboxfield-flex-direction: column; --amplify-components-checkboxfield-align-content: center; --amplify-components-checkboxfield-align-items: flex-start; --amplify-components-checkbox-icon-checked-transform: scale(1); --amplify-components-checkbox-icon-transition-timing-function: ease-in-out; --amplify-components-checkbox-icon-transition-property: all; --amplify-components-checkbox-icon-transform: scale(0); --amplify-components-checkbox-icon-border-radius: 20%; --amplify-components-checkbox-button-focus-outline-style: solid; --amplify-components-checkbox-button-before-border-style: solid; --amplify-components-checkbox-button-before-border-radius: 20%; --amplify-components-checkbox-button-before-height: 100%; --amplify-components-checkbox-button-before-width: 100%; --amplify-components-checkbox-button-justify-content: center; --amplify-components-checkbox-button-align-items: center; --amplify-components-checkbox-button-position: relative; --amplify-components-checkbox-disabled-cursor: not-allowed; --amplify-components-checkbox-align-items: center; --amplify-components-checkbox-cursor: pointer; --amplify-components-card-elevated-border-color: transparent; --amplify-components-card-elevated-border-style: solid; --amplify-components-card-elevated-border-width: 0; --amplify-components-card-outlined-border-style: solid; --amplify-components-card-box-shadow: none; --amplify-components-card-border-color: transparent; --amplify-components-card-border-style: solid; --amplify-components-card-border-width: 0; --amplify-components-button-loader-wrapper-align-items: center; --amplify-components-button-link-loading-background-color: transparent; --amplify-components-button-link-loading-border-color: transparent; --amplify-components-button-link-disabled-background-color: transparent; --amplify-components-button-link-disabled-border-color: transparent; --amplify-components-button-link-active-border-color: transparent; --amplify-components-button-link-focus-border-color: transparent; --amplify-components-button-link-hover-border-color: transparent; --amplify-components-button-link-border-color: transparent; --amplify-components-button-link-background-color: transparent; --amplify-components-button-menu-justify-content: start; --amplify-components-button-menu-background-color: transparent; --amplify-components-button-primary-active-border-color: transparent; --amplify-components-button-primary-focus-border-color: transparent; --amplify-components-button-primary-hover-border-color: transparent; --amplify-components-button-primary-loading-border-color: transparent; --amplify-components-button-primary-disabled-border-color: transparent; --amplify-components-button-primary-border-style: solid; --amplify-components-button-primary-border-color: transparent; --amplify-components-button-disabled-background-color: transparent; --amplify-components-button-loading-background-color: transparent; --amplify-components-badge-text-align: center; --amplify-components-badge-line-height: 1; --amplify-components-authenticator-router-border-style: solid; --amplify-components-authenticator-container-width-max: 30rem; --amplify-components-authenticator-max-width: 60rem; --amplify-components-alert-justify-content: space-between; --amplify-components-alert-align-items: center; --amplify-shadows-large: 0px 4px 12px var(--amplify-colors-shadow-primary); --amplify-shadows-medium: 0px 2px 6px var(--amplify-colors-shadow-secondary); --amplify-shadows-small: 0px 2px 4px var(--amplify-colors-shadow-tertiary); --amplify-colors-border-error: var(--amplify-colors-red-80); --amplify-colors-border-tertiary: var(--amplify-colors-neutral-20); --amplify-colors-border-secondary: var(--amplify-colors-neutral-40); --amplify-colors-border-primary: var(--amplify-colors-neutral-60); --amplify-colors-background-success: var(--amplify-colors-green-20); --amplify-colors-background-error: var(--amplify-colors-red-20); --amplify-colors-background-warning: var(--amplify-colors-orange-20); --amplify-colors-background-info: var(--amplify-colors-blue-20); --amplify-colors-background-quaternary: var(--amplify-colors-neutral-60); --amplify-colors-background-tertiary: var(--amplify-colors-neutral-20); --amplify-colors-background-secondary: var(--amplify-colors-neutral-10); --amplify-colors-background-primary: var(--amplify-colors-white); --amplify-colors-font-success: var(--amplify-colors-green-90); --amplify-colors-font-error: var(--amplify-colors-red-90); --amplify-colors-font-warning: var(--amplify-colors-orange-90); --amplify-colors-font-info: var(--amplify-colors-blue-90); --amplify-colors-font-inverse: var(--amplify-colors-white); --amplify-colors-font-disabled: var(--amplify-colors-neutral-60); --amplify-colors-font-tertiary: var(--amplify-colors-neutral-80); --amplify-colors-font-secondary: var(--amplify-colors-neutral-90); --amplify-colors-font-primary: var(--amplify-colors-neutral-100); --amplify-colors-brand-secondary-100: var(--amplify-colors-purple-100); --amplify-colors-brand-secondary-90: var(--amplify-colors-purple-90); --amplify-colors-brand-secondary-80: var(--amplify-colors-purple-80); --amplify-colors-brand-secondary-60: var(--amplify-colors-purple-60); --amplify-colors-brand-secondary-40: var(--amplify-colors-purple-40); --amplify-colors-brand-secondary-20: var(--amplify-colors-purple-20); --amplify-colors-brand-secondary-10: var(--amplify-colors-purple-10); --amplify-colors-brand-primary-100: var(--amplify-colors-teal-100); --amplify-colors-brand-primary-90: var(--amplify-colors-teal-90); --amplify-colors-brand-primary-80: var(--amplify-colors-teal-80); --amplify-colors-brand-primary-60: var(--amplify-colors-teal-60); --amplify-colors-brand-primary-40: var(--amplify-colors-teal-40); --amplify-colors-brand-primary-20: var(--amplify-colors-teal-20); --amplify-colors-brand-primary-10: var(--amplify-colors-teal-10); --amplify-components-togglebutton-link-pressed-hover-background-color: var(--amplify-colors-transparent); --amplify-components-togglebutton-link-pressed-hover-color: var(--amplify-colors-overlay-90); --amplify-components-togglebutton-link-pressed-focus-color: var(--amplify-colors-overlay-90); --amplify-components-togglebutton-link-pressed-focus-background-color: var(--amplify-colors-transparent); --amplify-components-togglebutton-link-pressed-color: var(--amplify-colors-overlay-90); --amplify-components-togglebutton-link-pressed-background-color: var(--amplify-colors-transparent); --amplify-components-togglebutton-link-disabled-background-color: var(--amplify-colors-transparent); --amplify-components-togglebutton-link-focus-color: var(--amplify-colors-overlay-50); --amplify-components-togglebutton-link-focus-background-color: var(--amplify-colors-transparent); --amplify-components-togglebutton-link-hover-color: var(--amplify-colors-overlay-50); --amplify-components-togglebutton-link-hover-background-color: var(--amplify-colors-transparent); --amplify-components-togglebutton-link-color: var(--amplify-colors-overlay-50); --amplify-components-togglebutton-link-background-color: var(--amplify-colors-transparent); --amplify-components-togglebutton-primary-hover-background-color: var(--amplify-colors-overlay-10); --amplify-components-togglebutton-primary-focus-background-color: var(--amplify-colors-transparent); --amplify-components-togglebutton-primary-border-width: var(--amplify-border-widths-small); --amplify-components-togglebutton-primary-background-color: var(--amplify-colors-transparent); --amplify-components-togglebutton-pressed-hover-background-color: var(--amplify-colors-overlay-30); --amplify-components-togglebutton-pressed-background-color: var(--amplify-colors-overlay-20); --amplify-components-togglebutton-disabled-background-color: var(--amplify-colors-transparent); --amplify-components-togglebutton-active-background-color: var(--amplify-colors-transparent); --amplify-components-togglebutton-hover-background-color: var(--amplify-colors-overlay-10); --amplify-components-tabs-item-transition-duration: var(--amplify-time-medium); --amplify-components-tabs-item-padding-horizontal: var(--amplify-space-medium); --amplify-components-tabs-item-padding-vertical: var(--amplify-space-small); --amplify-components-tabs-item-font-weight: 700; --amplify-components-tabs-item-font-size: var(--amplify-font-sizes-medium); --amplify-components-tabs-item-border-width: var(--amplify-border-widths-medium); --amplify-components-tabs-border-width: var(--amplify-border-widths-medium); --amplify-components-table-caption-small-font-size: var(--amplify-font-sizes-small); --amplify-components-table-caption-large-font-size: var(--amplify-font-sizes-large); --amplify-components-table-caption-font-size: var(--amplify-font-sizes-medium); --amplify-components-table-data-small-padding: var(--amplify-space-xs); --amplify-components-table-data-small-font-size: var(--amplify-font-sizes-small); --amplify-components-table-data-large-padding: var(--amplify-space-large); --amplify-components-table-data-large-font-size: var(--amplify-font-sizes-large); --amplify-components-table-data-padding: var(--amplify-space-medium); --amplify-components-table-data-font-weight: 400; --amplify-components-table-data-font-size: var(--amplify-font-sizes-medium); --amplify-components-table-data-border-width: var(--amplify-border-widths-small); --amplify-components-table-header-small-padding: var(--amplify-space-xs); --amplify-components-table-header-small-font-size: var(--amplify-font-sizes-small); --amplify-components-table-header-large-padding: var(--amplify-space-large); --amplify-components-table-header-large-font-size: var(--amplify-font-sizes-large); --amplify-components-table-header-padding: var(--amplify-space-medium); --amplify-components-table-header-font-weight: 700; --amplify-components-table-header-font-size: var(--amplify-font-sizes-medium); --amplify-components-table-header-border-width: var(--amplify-border-widths-small); --amplify-components-switchfield-track-width: var(--amplify-space-relative-xl); --amplify-components-switchfield-track-transition-duration: var(--amplify-time-short); --amplify-components-switchfield-track-padding: var(--amplify-outline-widths-medium); --amplify-components-switchfield-track-height: var(--amplify-space-relative-medium); --amplify-components-switchfield-track-border-radius: var(--amplify-radii-xxxl); --amplify-components-switchfield-thumb-width: var(--amplify-space-relative-medium); --amplify-components-switchfield-thumb-transition-duration: var(--amplify-time-medium); --amplify-components-switchfield-thumb-checked-transform: var(--amplify-transforms-slide-x-medium); --amplify-components-switchfield-thumb-border-radius: var(--amplify-radii-xxxl); --amplify-components-switchfield-label-padding: var(--amplify-space-xs); --amplify-components-switchfield-small-font-size: var(--amplify-font-sizes-small); --amplify-components-switchfield-large-font-size: var(--amplify-font-sizes-large); --amplify-components-switchfield-disabled-opacity: var(--amplify-opacities-60); --amplify-components-stepperfield-button-disabled-background-color: var(--amplify-components-button-disabled-background-color); --amplify-components-stepperfield-button-background-color: var(--amplify-colors-transparent); --amplify-components-sliderfield-thumb-border-width: var(--amplify-border-widths-medium); --amplify-components-sliderfield-padding-block: var(--amplify-space-xs); --amplify-components-select-icon-wrapper-right: var(--amplify-space-medium); --amplify-components-select-padding-inline-end: var(--amplify-space-xxl); --amplify-components-searchfield-button-disabled-background-color: var(--amplify-components-button-disabled-background-color); --amplify-components-rating-small-size: var(--amplify-font-sizes-small); --amplify-components-rating-default-size: var(--amplify-font-sizes-xl); --amplify-components-rating-large-size: var(--amplify-font-sizes-xxxl); --amplify-components-radio-button-large-height: var(--amplify-font-sizes-large); --amplify-components-radio-button-large-width: var(--amplify-font-sizes-large); --amplify-components-radio-button-small-height: var(--amplify-font-sizes-small); --amplify-components-radio-button-small-width: var(--amplify-font-sizes-small); --amplify-components-radio-button-padding: var(--amplify-border-widths-medium); --amplify-components-radio-button-outline-offset: var(--amplify-outline-offsets-medium); --amplify-components-radio-button-outline-width: var(--amplify-outline-widths-medium); --amplify-components-radio-button-outline-color: var(--amplify-colors-transparent); --amplify-components-radio-button-transition-duration: var(--amplify-time-medium); --amplify-components-radio-button-border-width: var(--amplify-border-widths-medium); --amplify-components-radio-button-height: var(--amplify-font-sizes-medium); --amplify-components-radio-button-width: var(--amplify-font-sizes-medium); --amplify-components-placeholder-large-height: var(--amplify-space-large); --amplify-components-placeholder-default-height: var(--amplify-space-medium); --amplify-components-placeholder-small-height: var(--amplify-space-small); --amplify-components-placeholder-transition-duration: var(--amplify-time-long); --amplify-components-placeholder-border-radius: var(--amplify-radii-small); --amplify-components-passwordfield-button-disabled-background-color: var(--amplify-components-button-disabled-background-color); --amplify-components-pagination-item-shared-border-radius: var(--amplify-font-sizes-medium); --amplify-components-pagination-item-shared-min-width: var(--amplify-font-sizes-xxl); --amplify-components-pagination-item-shared-height: var(--amplify-font-sizes-xxl); --amplify-components-pagination-item-container-margin-right: var(--amplify-space-xxxs); --amplify-components-pagination-item-container-margin-left: var(--amplify-space-xxxs); --amplify-components-pagination-ellipsis-padding-inline-end: var(--amplify-space-xs); --amplify-components-pagination-ellipsis-padding-inline-start: var(--amplify-space-xs); --amplify-components-pagination-button-hover-background-color: var(--amplify-colors-overlay-10); --amplify-components-pagination-button-transition-duration: var(--amplify-time-medium); --amplify-components-pagination-button-padding-inline-end: var(--amplify-space-xxs); --amplify-components-pagination-button-padding-inline-start: var(--amplify-space-xxs); --amplify-components-pagination-current-background-color: var(--amplify-colors-overlay-40); --amplify-components-pagination-current-font-size: var(--amplify-font-sizes-small); --amplify-components-menu-item-padding-inline-end: var(--amplify-space-medium); --amplify-components-menu-item-padding-inline-start: var(--amplify-space-medium); --amplify-components-menu-large-height: var(--amplify-font-sizes-xxxl); --amplify-components-menu-large-width: var(--amplify-font-sizes-xxxl); --amplify-components-menu-small-height: var(--amplify-font-sizes-medium); --amplify-components-menu-small-width: var(--amplify-font-sizes-medium); --amplify-components-menu-gap: var(--amplify-space-zero); --amplify-components-menu-border-width: var(--amplify-border-widths-small); --amplify-components-menu-border-radius: var(--amplify-radii-medium); --amplify-components-loader-linear-large-font-size: var(--amplify-font-sizes-large); --amplify-components-loader-linear-large-stroke-width: var(--amplify-font-sizes-large); --amplify-components-loader-linear-small-font-size: var(--amplify-font-sizes-small); --amplify-components-loader-linear-small-stroke-width: var(--amplify-font-sizes-small); --amplify-components-loader-linear-stroke-empty: var(--amplify-colors-neutral-20); --amplify-components-loader-linear-stroke-width: var(--amplify-font-sizes-medium); --amplify-components-loader-linear-font-size: var(--amplify-font-sizes-medium); --amplify-components-loader-large-font-size: var(--amplify-font-sizes-small); --amplify-components-loader-large-height: var(--amplify-font-sizes-large); --amplify-components-loader-large-width: var(--amplify-font-sizes-large); --amplify-components-loader-small-font-size: var(--amplify-font-sizes-xxs); --amplify-components-loader-small-height: var(--amplify-font-sizes-small); --amplify-components-loader-small-width: var(--amplify-font-sizes-small); --amplify-components-loader-stroke-empty: var(--amplify-colors-neutral-20); --amplify-components-loader-font-size: var(--amplify-font-sizes-xs); --amplify-components-loader-height: var(--amplify-font-sizes-medium); --amplify-components-loader-width: var(--amplify-font-sizes-medium); --amplify-components-heading-line-height: var(--amplify-line-heights-small); --amplify-components-heading-6-font-weight: 800; --amplify-components-heading-6-font-size: var(--amplify-font-sizes-medium); --amplify-components-heading-5-font-weight: 700; --amplify-components-heading-5-font-size: var(--amplify-font-sizes-large); --amplify-components-heading-4-font-weight: 600; --amplify-components-heading-4-font-size: var(--amplify-font-sizes-xl); --amplify-components-heading-3-font-weight: 500; --amplify-components-heading-3-font-size: var(--amplify-font-sizes-xxl); --amplify-components-heading-2-font-weight: 400; --amplify-components-heading-2-font-size: var(--amplify-font-sizes-xxxl); --amplify-components-heading-1-font-weight: 300; --amplify-components-heading-1-font-size: var(--amplify-font-sizes-xxxxl); --amplify-components-flex-gap: var(--amplify-space-medium); --amplify-components-fieldmessages-description-font-size: var(--amplify-font-sizes-small); --amplify-components-fieldmessages-error-font-size: var(--amplify-font-sizes-small); --amplify-components-fieldgroup-gap: var(--amplify-space-zero); --amplify-components-fieldcontrol-disabled-border-color: var(--amplify-colors-transparent); --amplify-components-fieldcontrol-quiet-border-block-end: var(--amplify-border-widths-small) solid var(--amplify-colors-border-primary); --amplify-components-fieldcontrol-large-padding-inline-end: var(--amplify-space-medium); --amplify-components-fieldcontrol-large-padding-inline-start: var(--amplify-space-medium); --amplify-components-fieldcontrol-large-padding-block-end: var(--amplify-space-xs); --amplify-components-fieldcontrol-large-padding-block-start: var(--amplify-space-xs); --amplify-components-fieldcontrol-small-padding-inline-end: var(--amplify-space-small); --amplify-components-fieldcontrol-small-padding-inline-start: var(--amplify-space-small); --amplify-components-fieldcontrol-small-padding-block-end: var(--amplify-space-xxs); --amplify-components-fieldcontrol-small-padding-block-start: var(--amplify-space-xxs); --amplify-components-fieldcontrol-outline-offset: var(--amplify-outline-offsets-medium); --amplify-components-fieldcontrol-outline-width: var(--amplify-outline-widths-medium); --amplify-components-fieldcontrol-outline-color: var(--amplify-colors-transparent); --amplify-components-fieldcontrol-transition-duration: var(--amplify-time-medium); --amplify-components-fieldcontrol-line-height: var(--amplify-line-heights-medium); --amplify-components-fieldcontrol-padding-inline-end: var(--amplify-space-medium); --amplify-components-fieldcontrol-padding-inline-start: var(--amplify-space-medium); --amplify-components-fieldcontrol-padding-block-end: var(--amplify-space-xs); --amplify-components-fieldcontrol-padding-block-start: var(--amplify-space-xs); --amplify-components-fieldcontrol-border-radius: var(--amplify-radii-small); --amplify-components-fieldcontrol-border-width: var(--amplify-border-widths-small); --amplify-components-field-large-font-size: var(--amplify-font-sizes-large); --amplify-components-field-large-gap: var(--amplify-space-small); --amplify-components-field-small-font-size: var(--amplify-font-sizes-small); --amplify-components-field-small-gap: var(--amplify-space-xxxs); --amplify-components-field-font-size: var(--amplify-font-sizes-medium); --amplify-components-field-gap: var(--amplify-space-xs); --amplify-components-expander-icon-transition-duration: var(--amplify-time-medium); --amplify-components-expander-content-closed-animation-duration: var(--amplify-time-medium); --amplify-components-expander-content-open-animation-duration: var(--amplify-time-medium); --amplify-components-expander-content-text-padding-block-end: var(--amplify-space-medium); --amplify-components-expander-content-text-padding-block-start: var(--amplify-space-medium); --amplify-components-expander-content-padding-inline-end: var(--amplify-space-large); --amplify-components-expander-content-padding-inline-start: var(--amplify-space-large); --amplify-components-expander-trigger-hover-background-color: var(--amplify-colors-overlay-10); --amplify-components-expander-trigger-padding-inline-end: var(--amplify-space-large); --amplify-components-expander-trigger-padding-inline-start: var(--amplify-space-large); --amplify-components-expander-header-box-shadow: 0 1px 0 var(--amplify-colors-overlay-20); --amplify-components-expander-item-border-end-end-radius: var(--amplify-radii-medium); --amplify-components-expander-item-border-end-start-radius: var(--amplify-radii-medium); --amplify-components-expander-item-border-start-end-radius: var(--amplify-radii-medium); --amplify-components-expander-item-border-start-start-radius: var(--amplify-radii-medium); --amplify-components-expander-item-border-top-right-radius: var(--amplify-radii-medium); --amplify-components-expander-item-border-top-left-radius: var(--amplify-radii-medium); --amplify-components-expander-item-border-bottom-right-radius: var(--amplify-radii-medium); --amplify-components-expander-item-border-bottom-left-radius: var(--amplify-radii-medium); --amplify-components-expander-border-radius: var(--amplify-radii-medium); --amplify-components-divider-opacity: var(--amplify-opacities-60); --amplify-components-divider-large-border-width: var(--amplify-border-widths-large); --amplify-components-divider-small-border-width: var(--amplify-border-widths-small); --amplify-components-divider-label-font-size: var(--amplify-font-sizes-small); --amplify-components-divider-label-padding-inline: var(--amplify-space-medium); --amplify-components-divider-border-width: var(--amplify-border-widths-medium); --amplify-components-countrycodeselect-height: var(--amplify-space-relative-full); --amplify-components-copy-tool-tip-font-size: var(--amplify-font-sizes-xxs); --amplify-components-copy-tool-tip-color: var(--amplify-colors-teal-100); --amplify-components-copy-tool-tip-bottom: var(--amplify-space-large); --amplify-components-copy-gap: var(--amplify-space-relative-medium); --amplify-components-copy-font-size: var(--amplify-font-sizes-xs); --amplify-components-checkbox-icon-checked-opacity: var(--amplify-opacities-100); --amplify-components-checkbox-icon-transition-duration: var(--amplify-time-short); --amplify-components-checkbox-icon-opacity: var(--amplify-opacities-0); --amplify-components-checkbox-button-error-focus-border-color: var(--amplify-colors-transparent); --amplify-components-checkbox-button-focus-border-color: var(--amplify-colors-transparent); --amplify-components-checkbox-button-focus-outline-offset: var(--amplify-outline-offsets-medium); --amplify-components-checkbox-button-focus-outline-width: var(--amplify-outline-widths-medium); --amplify-components-checkbox-button-focus-outline-color: var(--amplify-colors-transparent); --amplify-components-checkbox-button-before-border-width: var(--amplify-border-widths-medium); --amplify-components-card-elevated-border-radius: var(--amplify-radii-xs); --amplify-components-card-outlined-box-shadow: var(--amplify-components-card-box-shadow); --amplify-components-card-outlined-border-width: var(--amplify-border-widths-small); --amplify-components-card-outlined-border-radius: var(--amplify-radii-xs); --amplify-components-card-padding: var(--amplify-space-medium); --amplify-components-card-border-radius: var(--amplify-radii-xs); --amplify-components-button-loader-wrapper-gap: var(--amplify-space-xs); --amplify-components-button-link-border-width: var(--amplify-space-zero); --amplify-components-button-menu-border-width: var(--amplify-space-zero); --amplify-components-button-primary-border-width: var(--amplify-border-widths-small); --amplify-components-button-border-style: var(--amplify-components-fieldcontrol-border-style); --amplify-components-button-font-weight: 700; --amplify-components-badge-large-padding-horizontal: var(--amplify-space-medium); --amplify-components-badge-large-padding-vertical: var(--amplify-space-small); --amplify-components-badge-large-font-size: var(--amplify-font-sizes-medium); --amplify-components-badge-small-padding-horizontal: var(--amplify-space-xs); --amplify-components-badge-small-padding-vertical: var(--amplify-space-xxs); --amplify-components-badge-small-font-size: var(--amplify-font-sizes-xs); --amplify-components-badge-border-radius: var(--amplify-radii-xl); --amplify-components-badge-padding-horizontal: var(--amplify-space-small); --amplify-components-badge-padding-vertical: var(--amplify-space-xs); --amplify-components-badge-font-size: var(--amplify-font-sizes-small); --amplify-components-badge-font-weight: 600; --amplify-components-authenticator-or-container-color: var(--amplify-colors-neutral-80); --amplify-components-authenticator-form-padding: var(--amplify-space-xl); --amplify-components-authenticator-footer-padding-bottom: var(--amplify-space-medium); --amplify-components-authenticator-router-border-width: var(--amplify-border-widths-small); --amplify-components-authenticator-modal-left: var(--amplify-space-zero); --amplify-components-authenticator-modal-top: var(--amplify-space-zero); --amplify-components-authenticator-modal-background-color: var(--amplify-colors-overlay-50); --amplify-components-authenticator-modal-height: var(--amplify-space-relative-full); --amplify-components-authenticator-modal-width: var(--amplify-space-relative-full); --amplify-components-alert-heading-font-weight: 700; --amplify-components-alert-heading-font-size: var(--amplify-font-sizes-medium); --amplify-components-alert-icon-size: var(--amplify-font-sizes-xl); --amplify-components-alert-padding-inline: var(--amplify-space-medium); --amplify-components-alert-padding-block: var(--amplify-space-small); --amplify-colors-border-focus: var(--amplify-colors-brand-primary-100); --amplify-colors-border-pressed: var(--amplify-colors-brand-primary-100); --amplify-colors-border-disabled: var(--amplify-colors-border-tertiary); --amplify-colors-background-disabled: var(--amplify-colors-background-tertiary); --amplify-colors-font-active: var(--amplify-colors-brand-primary-100); --amplify-colors-font-focus: var(--amplify-colors-brand-primary-100); --amplify-colors-font-hover: var(--amplify-colors-brand-primary-90); --amplify-colors-font-interactive: var(--amplify-colors-brand-primary-80); --amplify-components-togglebutton-link-disabled-color: var(--amplify-colors-font-disabled); --amplify-components-togglebutton-primary-pressed-hover-color: var(--amplify-colors-background-primary); --amplify-components-togglebutton-primary-pressed-hover-box-shadow: 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-border-color: var(--amplify-colors-brand-primary-60); --amplify-components-togglebutton-primary-pressed-focus-color: var(--amplify-colors-background-primary); --amplify-components-togglebutton-primary-pressed-color: var(--amplify-colors-background-primary); --amplify-components-togglebutton-primary-pressed-border-color: var(--amplify-colors-brand-primary-80); --amplify-components-togglebutton-primary-pressed-background-color: var(--amplify-colors-brand-primary-80); --amplify-components-togglebutton-primary-disabled-color: var(--amplify-colors-font-disabled); --amplify-components-togglebutton-primary-hover-color: var(--amplify-colors-font-primary); --amplify-components-togglebutton-primary-focus-color: var(--amplify-colors-font-primary); --amplify-components-togglebutton-pressed-color: var(--amplify-colors-font-primary); --amplify-components-togglebutton-disabled-color: var(--amplify-colors-font-disabled); --amplify-components-togglebutton-focus-color: var(--amplify-colors-font-primary); --amplify-components-togglebutton-color: var(--amplify-colors-font-primary); --amplify-components-togglebutton-border-color: var(--amplify-colors-border-primary); --amplify-components-text-info-color: var(--amplify-colors-font-info); --amplify-components-text-success-color: var(--amplify-colors-font-success); --amplify-components-text-warning-color: var(--amplify-colors-font-warning); --amplify-components-text-error-color: var(--amplify-colors-font-error); --amplify-components-text-tertiary-color: var(--amplify-colors-font-tertiary); --amplify-components-text-secondary-color: var(--amplify-colors-font-secondary); --amplify-components-text-primary-color: var(--amplify-colors-font-primary); --amplify-components-text-color: var(--amplify-colors-font-primary); --amplify-components-tabs-item-disabled-border-color: var(--amplify-colors-border-tertiary); --amplify-components-tabs-item-disabled-color: var(--amplify-colors-font-disabled); --amplify-components-tabs-item-color: var(--amplify-colors-font-secondary); --amplify-components-tabs-item-border-color: var(--amplify-colors-border-secondary); --amplify-components-tabs-border-color: var(--amplify-colors-border-secondary); --amplify-components-table-caption-color: var(--amplify-colors-font-primary); --amplify-components-table-data-color: var(--amplify-colors-font-primary); --amplify-components-table-data-border-color: var(--amplify-colors-border-tertiary); --amplify-components-table-header-color: var(--amplify-colors-font-primary); --amplify-components-table-header-border-color: var(--amplify-colors-border-tertiary); --amplify-components-table-row-striped-background-color: var(--amplify-colors-background-secondary); --amplify-components-table-row-hover-background-color: var(--amplify-colors-background-tertiary); --amplify-components-switchfield-track-checked-background-color: var(--amplify-colors-brand-primary-80); --amplify-components-switchfield-track-background-color: var(--amplify-colors-background-quaternary); --amplify-components-switchfield-thumb-border-color: var(--amplify-colors-border-tertiary); --amplify-components-switchfield-thumb-background-color: var(--amplify-colors-background-primary); --amplify-components-sliderfield-thumb-hover-background-color: var(--amplify-colors-background-primary); --amplify-components-sliderfield-thumb-border-color: var(--amplify-colors-border-primary); --amplify-components-sliderfield-thumb-box-shadow: var(--amplify-shadows-small); --amplify-components-sliderfield-thumb-background-color: var(--amplify-colors-background-primary); --amplify-components-sliderfield-range-background-color: var(--amplify-colors-brand-primary-80); --amplify-components-sliderfield-track-background-color: var(--amplify-colors-background-quaternary); --amplify-components-select-option-background-color: var(--amplify-colors-background-primary); --amplify-components-rating-empty-color: var(--amplify-colors-background-tertiary); --amplify-components-rating-filled-color: var(--amplify-colors-brand-secondary-80); --amplify-components-radiogroup-radio-border-width: var(--amplify-components-radio-button-border-width); --amplify-components-radio-label-disabled-color: var(--amplify-colors-font-disabled); --amplify-components-radio-button-disabled-background-color: var(--amplify-colors-background-primary); --amplify-components-radio-button-error-border-color: var(--amplify-colors-border-error); --amplify-components-radio-button-checked-color: var(--amplify-colors-brand-primary-80); --amplify-components-radio-button-background-color: var(--amplify-colors-background-primary); --amplify-components-radio-button-color: var(--amplify-colors-background-primary); --amplify-components-radio-button-border-color: var(--amplify-colors-border-primary); --amplify-components-placeholder-end-color: var(--amplify-colors-background-tertiary); --amplify-components-placeholder-start-color: var(--amplify-colors-background-secondary); --amplify-components-pagination-button-disabled-color: var(--amplify-colors-font-disabled); --amplify-components-pagination-button-hover-color: var(--amplify-colors-font-primary); --amplify-components-pagination-button-color: var(--amplify-colors-font-primary); --amplify-components-pagination-current-color: var(--amplify-colors-font-inverse); --amplify-components-menu-box-shadow: var(--amplify-shadows-large); --amplify-components-menu-border-color: var(--amplify-colors-border-primary); --amplify-components-menu-background-color: var(--amplify-colors-background-primary); --amplify-components-loader-text-fill: var(--amplify-colors-font-primary); --amplify-components-loader-linear-stroke-filled: var(--amplify-colors-brand-primary-80); --amplify-components-loader-stroke-filled: var(--amplify-colors-brand-primary-80); --amplify-components-heading-color: var(--amplify-colors-font-primary); --amplify-components-fieldmessages-description-color: var(--amplify-colors-font-secondary); --amplify-components-fieldmessages-error-color: var(--amplify-colors-font-error); --amplify-components-fieldcontrol-error-focus-box-shadow: 0px 0px 0px 1px var(--amplify-colors-border-error); --amplify-components-fieldcontrol-error-border-color: var(--amplify-colors-border-error); --amplify-components-fieldcontrol-disabled-color: var(--amplify-colors-font-disabled); --amplify-components-fieldcontrol-quiet-error-focus-box-shadow: 0px 1px 0px var(--amplify-colors-border-error); --amplify-components-fieldcontrol-quiet-error-border-block-end-color: var(--amplify-colors-border-error); --amplify-components-fieldcontrol-large-font-size: var(--amplify-components-field-large-font-size); --amplify-components-fieldcontrol-small-font-size: var(--amplify-components-field-small-font-size); --amplify-components-fieldcontrol-font-size: var(--amplify-components-field-font-size); --amplify-components-fieldcontrol-color: var(--amplify-colors-font-primary); --amplify-components-fieldcontrol-border-color: var(--amplify-colors-border-primary); --amplify-components-field-label-color: var(--amplify-colors-font-secondary); --amplify-components-expander-content-text-color: var(--amplify-colors-font-secondary); --amplify-components-expander-item-box-shadow: var(--amplify-shadows-small); --amplify-components-expander-box-shadow: var(--amplify-shadows-large); --amplify-components-expander-background-color: var(--amplify-colors-background-primary); --amplify-components-divider-label-background-color: var(--amplify-colors-background-primary); --amplify-components-divider-label-color: var(--amplify-colors-font-tertiary); --amplify-components-divider-border-color: var(--amplify-colors-border-primary); --amplify-components-copy-svg-path-fill: var(--amplify-colors-font-primary); --amplify-components-collection-search-button-disabled-background-color: var(--amplify-components-searchfield-button-disabled-background-color); --amplify-components-collection-pagination-button-hover-background-color: var(--amplify-components-pagination-button-hover-background-color); --amplify-components-collection-pagination-current-background-color: var(--amplify-components-pagination-current-background-color); --amplify-components-checkbox-label-disabled-color: var(--amplify-colors-font-disabled); --amplify-components-checkbox-icon-background-color: var(--amplify-colors-brand-primary-80); --amplify-components-checkbox-button-error-focus-box-shadow: 0px 0px 0px 2px var(--amplify-colors-border-error); --amplify-components-checkbox-button-error-border-color: var(--amplify-colors-border-error); --amplify-components-checkbox-button-before-border-color: var(--amplify-colors-border-primary); --amplify-components-checkbox-button-color: var(--amplify-colors-font-inverse); --amplify-components-card-elevated-box-shadow: var(--amplify-shadows-medium); --amplify-components-card-outlined-border-color: var(--amplify-colors-border-primary); --amplify-components-card-background-color: var(--amplify-colors-background-primary); --amplify-components-button-large-padding-inline-end: var(--amplify-components-fieldcontrol-large-padding-inline-end); --amplify-components-button-large-padding-inline-start: var(--amplify-components-fieldcontrol-large-padding-inline-start); --amplify-components-button-large-padding-block-end: var(--amplify-components-fieldcontrol-large-padding-block-end); --amplify-components-button-large-padding-block-start: var(--amplify-components-fieldcontrol-large-padding-block-start); --amplify-components-button-small-padding-inline-end: var(--amplify-components-fieldcontrol-small-padding-inline-end); --amplify-components-button-small-padding-inline-start: var(--amplify-components-fieldcontrol-small-padding-inline-start); --amplify-components-button-small-padding-block-end: var(--amplify-components-fieldcontrol-small-padding-block-end); --amplify-components-button-small-padding-block-start: var(--amplify-components-fieldcontrol-small-padding-block-start); --amplify-components-button-link-loading-color: var(--amplify-colors-font-disabled); --amplify-components-button-link-disabled-color: var(--amplify-colors-font-disabled); --amplify-components-button-link-active-background-color: var(--amplify-colors-brand-primary-20); --amplify-components-button-link-focus-background-color: var(--amplify-colors-brand-primary-10); --amplify-components-button-link-hover-background-color: var(--amplify-colors-brand-primary-10); --amplify-components-button-menu-disabled-color: var(--amplify-colors-font-disabled); --amplify-components-button-menu-active-background-color: var(--amplify-colors-brand-primary-90); --amplify-components-button-menu-active-color: var(--amplify-colors-font-inverse); --amplify-components-button-menu-focus-background-color: var(--amplify-colors-brand-primary-80); --amplify-components-button-menu-focus-color: var(--amplify-colors-font-inverse); --amplify-components-button-menu-hover-background-color: var(--amplify-colors-brand-primary-80); --amplify-components-button-menu-hover-color: var(--amplify-colors-font-inverse); --amplify-components-button-primary-active-color: var(--amplify-colors-font-inverse); --amplify-components-button-primary-active-background-color: var(--amplify-colors-brand-primary-100); --amplify-components-button-primary-focus-color: var(--amplify-colors-font-inverse); --amplify-components-button-primary-focus-background-color: var(--amplify-colors-brand-primary-90); --amplify-components-button-primary-hover-color: var(--amplify-colors-font-inverse); --amplify-components-button-primary-hover-background-color: var(--amplify-colors-brand-primary-90); --amplify-components-button-primary-loading-color: var(--amplify-colors-font-disabled); --amplify-components-button-primary-disabled-color: var(--amplify-colors-font-disabled); --amplify-components-button-primary-color: var(--amplify-colors-font-inverse); --amplify-components-button-primary-background-color: var(--amplify-colors-brand-primary-80); --amplify-components-button-disabled-border-color: var(--amplify-colors-border-tertiary); --amplify-components-button-disabled-color: var(--amplify-colors-font-disabled); --amplify-components-button-loading-border-color: var(--amplify-colors-border-tertiary); --amplify-components-button-loading-color: var(--amplify-colors-font-disabled); --amplify-components-button-active-border-color: var(--amplify-colors-brand-primary-100); --amplify-components-button-active-background-color: var(--amplify-colors-brand-primary-20); --amplify-components-button-focus-background-color: var(--amplify-colors-brand-primary-10); --amplify-components-button-hover-border-color: var(--amplify-colors-brand-primary-60); --amplify-components-button-hover-background-color: var(--amplify-colors-brand-primary-10); --amplify-components-button-color: var(--amplify-colors-font-primary); --amplify-components-button-border-radius: var(--amplify-components-fieldcontrol-border-radius); --amplify-components-button-border-width: var(--amplify-components-fieldcontrol-border-width); --amplify-components-button-padding-inline-end: var(--amplify-components-fieldcontrol-padding-inline-end); --amplify-components-button-padding-inline-start: var(--amplify-components-fieldcontrol-padding-inline-start); --amplify-components-button-padding-block-end: var(--amplify-components-fieldcontrol-padding-block-end); --amplify-components-button-padding-block-start: var(--amplify-components-fieldcontrol-padding-block-start); --amplify-components-button-line-height: var(--amplify-components-fieldcontrol-line-height); --amplify-components-button-transition-duration: var(--amplify-components-fieldcontrol-transition-duration); --amplify-components-badge-error-background-color: var(--amplify-colors-background-error); --amplify-components-badge-error-color: var(--amplify-colors-font-error); --amplify-components-badge-success-background-color: var(--amplify-colors-background-success); --amplify-components-badge-success-color: var(--amplify-colors-font-success); --amplify-components-badge-warning-background-color: var(--amplify-colors-background-warning); --amplify-components-badge-warning-color: var(--amplify-colors-font-warning); --amplify-components-badge-info-background-color: var(--amplify-colors-background-info); --amplify-components-badge-info-color: var(--amplify-colors-font-info); --amplify-components-badge-background-color: var(--amplify-colors-background-tertiary); --amplify-components-badge-color: var(--amplify-colors-font-primary); --amplify-components-authenticator-or-container-or-line-background-color: var(--amplify-colors-background-primary); --amplify-components-authenticator-state-inactive-background-color: var(--amplify-colors-background-secondary); --amplify-components-authenticator-router-box-shadow: var(--amplify-shadows-medium); --amplify-components-authenticator-router-background-color: var(--amplify-colors-background-primary); --amplify-components-authenticator-router-border-color: var(--amplify-colors-border-primary); --amplify-components-alert-success-background-color: var(--amplify-colors-background-success); --amplify-components-alert-success-color: var(--amplify-colors-font-success); --amplify-components-alert-warning-background-color: var(--amplify-colors-background-warning); --amplify-components-alert-warning-color: var(--amplify-colors-font-warning); --amplify-components-alert-error-background-color: var(--amplify-colors-background-error); --amplify-components-alert-error-color: var(--amplify-colors-font-error); --amplify-components-alert-info-background-color: var(--amplify-colors-background-info); --amplify-components-alert-info-color: var(--amplify-colors-font-info); --amplify-components-alert-background-color: var(--amplify-colors-background-tertiary); --amplify-components-alert-color: var(--amplify-colors-font-primary); --amplify-components-togglebutton-primary-pressed-focus-border-color: var(--amplify-colors-border-focus); --amplify-components-togglebutton-primary-pressed-focus-background-color: var(--amplify-colors-border-focus); --amplify-components-togglebutton-primary-disabled-background-color: var(--amplify-colors-background-disabled); --amplify-components-togglebutton-primary-disabled-border-color: var(--amplify-colors-border-disabled); --amplify-components-togglebutton-primary-focus-border-color: var(--amplify-colors-border-focus); --amplify-components-togglebutton-pressed-border-color: var(--amplify-colors-border-pressed); --amplify-components-togglebutton-disabled-border-color: var(--amplify-colors-border-disabled); --amplify-components-togglebutton-focus-border-color: var(--amplify-colors-border-focus); --amplify-components-textfield-font-size: var(--amplify-components-fieldcontrol-font-size); --amplify-components-textfield-border-color: var(--amplify-components-fieldcontrol-border-color); --amplify-components-textfield-color: var(--amplify-components-fieldcontrol-color); --amplify-components-textareafield-border-color: var(--amplify-components-fieldcontrol-border-color); --amplify-components-textareafield-color: var(--amplify-components-fieldcontrol-color); --amplify-components-tabs-item-active-border-color: var(--amplify-colors-font-interactive); --amplify-components-tabs-item-active-color: var(--amplify-colors-font-interactive); --amplify-components-tabs-item-focus-color: var(--amplify-colors-font-focus); --amplify-components-tabs-item-hover-color: var(--amplify-colors-font-hover); --amplify-components-switchfield-focused-shadow: 0px 0px 0px 2px var(--amplify-colors-border-focus); --amplify-components-stepperfield-button-hover-background-color: var(--amplify-components-button-hover-background-color); --amplify-components-stepperfield-button-disabled-color: var(--amplify-components-button-disabled-color); --amplify-components-stepperfield-button-focus-background-color: var(--amplify-components-button-focus-background-color); --amplify-components-stepperfield-button-active-background-color: var(--amplify-components-button-active-background-color); --amplify-components-stepperfield-button-color: var(--amplify-components-button-color); --amplify-components-stepperfield-input-font-size: var(--amplify-components-fieldcontrol-font-size); --amplify-components-stepperfield-input-color: var(--amplify-components-fieldcontrol-color); --amplify-components-stepperfield-border-color: var(--amplify-components-fieldcontrol-border-color); --amplify-components-sliderfield-thumb-focus-box-shadow: 0 0 0 2px var(--amplify-colors-border-focus); --amplify-components-sliderfield-thumb-focus-border-color: var(--amplify-colors-border-focus); --amplify-components-sliderfield-thumb-hover-border-color: var(--amplify-colors-border-focus); --amplify-components-sliderfield-thumb-disabled-background-color: var(--amplify-colors-background-disabled); --amplify-components-sliderfield-range-disabled-background-color: var(--amplify-colors-background-disabled); --amplify-components-selectfield-label-color: var(--amplify-components-field-label-color); --amplify-components-selectfield-font-size: var(--amplify-components-fieldcontrol-font-size); --amplify-components-selectfield-color: var(--amplify-components-fieldcontrol-color); --amplify-components-selectfield-border-color: var(--amplify-components-fieldcontrol-border-color); --amplify-components-searchfield-button-hover-border-color: var(--amplify-components-button-hover-border-color); --amplify-components-searchfield-button-hover-background-color: var(--amplify-components-button-hover-background-color); --amplify-components-searchfield-button-focus-background-color: var(--amplify-components-button-focus-background-color); --amplify-components-searchfield-button-disabled-color: var(--amplify-components-button-disabled-color); --amplify-components-searchfield-button-disabled-border-color: var(--amplify-components-button-disabled-border-color); --amplify-components-searchfield-button-active-border-color: var(--amplify-components-button-active-border-color); --amplify-components-searchfield-button-active-background-color: var(--amplify-components-button-active-background-color); --amplify-components-searchfield-button-color: var(--amplify-components-button-color); --amplify-components-searchfield-color: var(--amplify-components-fieldcontrol-color); --amplify-components-radiogroup-label-color: var(--amplify-components-field-label-color); --amplify-components-radiogroup-radio-checked-color: var(--amplify-components-radio-button-checked-color); --amplify-components-radiogroup-radio-background-color: var(--amplify-components-radio-button-background-color); --amplify-components-radiogroup-radio-border-color: var(--amplify-components-radio-button-border-color); --amplify-components-radio-label-color: var(--amplify-components-text-color); --amplify-components-radio-button-disabled-border-color: var(--amplify-colors-border-disabled); --amplify-components-radio-button-error-focus-box-shadow: var(--amplify-components-fieldcontrol-error-focus-box-shadow); --amplify-components-radio-button-focus-border-color: var(--amplify-colors-border-focus); --amplify-components-radio-button-checked-disabled-color: var(--amplify-colors-background-disabled); --amplify-components-phonenumberfield-font-size: var(--amplify-components-fieldcontrol-font-size); --amplify-components-phonenumberfield-border-color: var(--amplify-components-fieldcontrol-border-color); --amplify-components-phonenumberfield-color: var(--amplify-components-fieldcontrol-color); --amplify-components-passwordfield-button-hover-border-color: var(--amplify-components-button-hover-border-color); --amplify-components-passwordfield-button-hover-background-color: var(--amplify-components-button-hover-background-color); --amplify-components-passwordfield-button-focus-background-color: var(--amplify-components-button-focus-background-color); --amplify-components-passwordfield-button-disabled-color: var(--amplify-components-button-disabled-color); --amplify-components-passwordfield-button-disabled-border-color: var(--amplify-components-button-disabled-border-color); --amplify-components-passwordfield-button-active-border-color: var(--amplify-components-button-active-border-color); --amplify-components-passwordfield-button-active-background-color: var(--amplify-components-button-active-background-color); --amplify-components-passwordfield-button-color: var(--amplify-components-button-color); --amplify-components-passwordfield-color: var(--amplify-components-fieldcontrol-color); --amplify-components-link-visited-color: var(--amplify-colors-font-interactive); --amplify-components-link-hover-color: var(--amplify-colors-font-hover); --amplify-components-link-focus-color: var(--amplify-colors-font-focus); --amplify-components-link-color: var(--amplify-colors-font-interactive); --amplify-components-link-active-color: var(--amplify-colors-font-active); --amplify-components-fieldcontrol-disabled-background-color: var(--amplify-colors-background-disabled); --amplify-components-fieldcontrol-focus-box-shadow: 0px 0px 0px 1px var(--amplify-colors-border-focus); --amplify-components-fieldcontrol-focus-border-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-focus-border-block-end-color: var(--amplify-colors-border-focus); --amplify-components-expander-item-focus-box-shadow: 0 0 0 2px var(--amplify-colors-border-focus); --amplify-components-collection-pagination-button-disabled-color: var(--amplify-components-pagination-button-disabled-color); --amplify-components-collection-pagination-button-hover-color: var(--amplify-components-pagination-button-hover-color); --amplify-components-collection-pagination-button-color: var(--amplify-components-pagination-button-color); --amplify-components-collection-pagination-current-color: var(--amplify-components-pagination-current-color); --amplify-components-checkbox-icon-checked-disabled-background-color: var(--amplify-colors-background-disabled); --amplify-components-checkbox-button-disabled-border-color: var(--amplify-colors-border-disabled); --amplify-components-checkbox-button-focus-box-shadow: 0px 0px 0px 2px var(--amplify-colors-border-focus); --amplify-components-card-elevated-background-color: var(--amplify-components-card-background-color); --amplify-components-card-outlined-background-color: var(--amplify-components-card-background-color); --amplify-components-button-large-font-size: var(--amplify-components-fieldcontrol-large-font-size); --amplify-components-button-small-font-size: var(--amplify-components-fieldcontrol-small-font-size); --amplify-components-button-link-active-color: var(--amplify-colors-font-active); --amplify-components-button-link-focus-color: var(--amplify-colors-font-focus); --amplify-components-button-link-hover-color: var(--amplify-colors-font-hover); --amplify-components-button-link-color: var(--amplify-colors-font-interactive); --amplify-components-button-primary-loading-background-color: var(--amplify-colors-background-disabled); --amplify-components-button-primary-disabled-background-color: var(--amplify-colors-background-disabled); --amplify-components-button-active-color: var(--amplify-colors-font-active); --amplify-components-button-focus-border-color: var(--amplify-colors-border-focus); --amplify-components-button-focus-color: var(--amplify-colors-font-focus); --amplify-components-button-hover-color: var(--amplify-colors-font-focus); --amplify-components-button-border-color: var(--amplify-components-fieldcontrol-border-color); --amplify-components-button-font-size: var(--amplify-components-fieldcontrol-font-size); --amplify-components-togglebutton-primary-focus-box-shadow: var(--amplify-components-fieldcontrol-focus-box-shadow); --amplify-components-textfield-focus-border-color: var(--amplify-components-fieldcontrol-focus-border-color); --amplify-components-textareafield-focus-border-color: var(--amplify-components-fieldcontrol-focus-border-color); --amplify-components-stepperfield-button-hover-color: var(--amplify-components-button-hover-color); --amplify-components-stepperfield-button-focus-color: var(--amplify-components-button-focus-color); --amplify-components-stepperfield-button-active-color: var(--amplify-components-button-active-color); --amplify-components-selectfield-focus-border-color: var(--amplify-components-fieldcontrol-focus-border-color); --amplify-components-searchfield-button-hover-color: var(--amplify-components-button-hover-color); --amplify-components-searchfield-button-focus-color: var(--amplify-components-button-focus-color); --amplify-components-searchfield-button-focus-border-color: var(--amplify-components-button-focus-border-color); --amplify-components-searchfield-button-active-color: var(--amplify-components-button-active-color); --amplify-components-radiogroup-radio-label-color: var(--amplify-components-radio-label-color); --amplify-components-radio-button-focus-box-shadow: var(--amplify-components-fieldcontrol-focus-box-shadow); --amplify-components-phonenumberfield-focus-border-color: var(--amplify-components-fieldcontrol-focus-border-color); --amplify-components-passwordfield-button-hover-color: var(--amplify-components-button-hover-color); --amplify-components-passwordfield-button-focus-color: var(--amplify-components-button-focus-color); --amplify-components-passwordfield-button-focus-border-color: var(--amplify-components-button-focus-border-color); --amplify-components-passwordfield-button-active-color: var(--amplify-components-button-active-color); --amplify-components-collection-search-button-hover-border-color: var(--amplify-components-searchfield-button-hover-border-color); --amplify-components-collection-search-button-hover-background-color: var(--amplify-components-searchfield-button-hover-background-color); --amplify-components-collection-search-button-focus-background-color: var(--amplify-components-searchfield-button-focus-background-color); --amplify-components-collection-search-button-disabled-color: var(--amplify-components-searchfield-button-disabled-color); --amplify-components-collection-search-button-disabled-border-color: var(--amplify-components-searchfield-button-disabled-border-color); --amplify-components-collection-search-button-active-border-color: var(--amplify-components-searchfield-button-active-border-color); --amplify-components-collection-search-button-active-background-color: var(--amplify-components-searchfield-button-active-background-color); --amplify-components-collection-search-button-color: var(--amplify-components-searchfield-button-color); --amplify-components-collection-search-input-color: var(--amplify-components-searchfield-color); --amplify-components-button-link-focus-box-shadow: var(--amplify-components-fieldcontrol-focus-box-shadow); --amplify-components-button-primary-focus-box-shadow: var(--amplify-components-fieldcontrol-focus-box-shadow); --amplify-components-button-focus-box-shadow: var(--amplify-components-fieldcontrol-focus-box-shadow); --amplify-components-collection-search-button-hover-color: var(--amplify-components-searchfield-button-hover-color); --amplify-components-collection-search-button-focus-color: var(--amplify-components-searchfield-button-focus-color); --amplify-components-collection-search-button-focus-border-color: var(--amplify-components-searchfield-button-focus-border-color); --amplify-components-collection-search-button-active-color: var(--amplify-components-searchfield-button-active-color); } html { font-family: var(--amplify-fonts-default-static); } @supports (font-variation-settings: normal) { html { 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--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--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-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); } .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); } .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); } .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); 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; } /* 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; } .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--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-countrycodeselect { 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); } .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); } .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%; } [data-radix-popper-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; --amplify-components-text-color: var(--amplify-components-radio-label-color); } .amplify-radio--disabled { cursor: var(--amplify-components-radio-disabled-cursor); } .amplify-radio__button { 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); } .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); } .amplify-select__icon-wrapper { 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); } @-moz-document url-prefix() { .amplify-select option { background-color: var(--amplify-components-select-option-background-color); } } .amplify-select option { color: initial; } .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 { background-color: var(--amplify-components-stepperfield-button-background-color); } .amplify-stepperfield__button--decrease[data-invalid=true] { border-inline-end: none; } .amplify-stepperfield__button--decrease--quiet { border-width: 0 0 var(--amplify-components-button-border-width) 0; border-radius: 0; } .amplify-stepperfield__button--increase { background-color: var(--amplify-components-stepperfield-button-background-color); } .amplify-stepperfield__button--increase[data-invalid=true] { border-inline-start: none; } .amplify-stepperfield__button--increase--quiet { border-width: 0 0 var(--amplify-components-button-border-width) 0; border-radius: 0; } .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; } .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-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 { flex-direction: column; --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:not(:first-of-type) { 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(:first-of-type):not(:focus) { border-inline-start: 1px solid transparent; } .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; } } [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; } /** 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; } .mat-badge-content { font-weight: 600; font-size: 12px; } .mat-badge-small .mat-badge-content { font-size: 9px; } .mat-badge-large .mat-badge-content { font-size: 24px; } .mat-h1, .mat-headline, .mat-typography .mat-h1, .mat-typography .mat-headline, .mat-typography h1 { font: 400 24px / 32px Roboto; letter-spacing: 0em; margin: 0 0 16px; } .mat-h2, .mat-title, .mat-typography .mat-h2, .mat-typography .mat-title, .mat-typography h2 { font: 500 20px / 32px Roboto; letter-spacing: 0.0075em; margin: 0 0 16px; } .mat-h3, .mat-subheading-2, .mat-typography .mat-h3, .mat-typography .mat-subheading-2, .mat-typography h3 { font: 400 16px / 28px Roboto; letter-spacing: 0.0094em; margin: 0 0 16px; } .mat-h4, .mat-subheading-1, .mat-typography .mat-h4, .mat-typography .mat-subheading-1, .mat-typography h4 { font: 500 15px / 24px Roboto; letter-spacing: 0.0067em; margin: 0 0 16px; } .mat-h5, .mat-typography .mat-h5, .mat-typography h5 { font: 400 calc(14px * 0.83) / 20px Roboto; margin: 0 0 12px; } .mat-h6, .mat-typography .mat-h6, .mat-typography h6 { font: 400 calc(14px * 0.67) / 20px Roboto; margin: 0 0 12px; } .mat-body-strong, .mat-body-2, .mat-typography .mat-body-strong, .mat-typography .mat-body-2 { font: 500 14px / 24px Roboto; letter-spacing: 0.0179em; } .mat-body, .mat-body-1, .mat-typography .mat-body, .mat-typography .mat-body-1, .mat-typography { font: 400 14px / 20px Roboto; letter-spacing: 0.0179em; } .mat-body p, .mat-body-1 p, .mat-typography .mat-body p, .mat-typography .mat-body-1 p, .mat-typography p { margin: 0 0 12px; } .mat-small, .mat-caption, .mat-typography .mat-small, .mat-typography .mat-caption { font: 400 12px / 20px Roboto; letter-spacing: 0.0333em; } .mat-display-4, .mat-typography .mat-display-4 { font: 300 112px / 112px Roboto; letter-spacing: -0.0134em; margin: 0 0 56px; } .mat-display-3, .mat-typography .mat-display-3 { font: 400 56px / 56px Roboto; letter-spacing: -0.0089em; margin: 0 0 64px; } .mat-display-2, .mat-typography .mat-display-2 { font: 400 45px / 48px Roboto; letter-spacing: 0em; margin: 0 0 64px; } .mat-display-1, .mat-typography .mat-display-1 { font: 400 34px / 40px Roboto; letter-spacing: 0.0074em; margin: 0 0 64px; } .mat-bottom-sheet-container { font: 400 14px / 20px Roboto; letter-spacing: 0.0179em; } .mat-button, .mat-raised-button, .mat-icon-button, .mat-stroked-button, .mat-flat-button, .mat-fab, .mat-mini-fab { font-family: Roboto; font-size: 14px; font-weight: 500; } .mat-card-title { font-size: 24px; font-weight: 500; } .mat-card-header .mat-card-title { font-size: 20px; } .mat-card-subtitle, .mat-card-content { font-size: 14px; } .mat-checkbox-layout .mat-checkbox-label { line-height: 24px; } .mat-chip { font-size: 14px; font-weight: 500; } .mat-chip .mat-chip-trailing-icon.mat-icon, .mat-chip .mat-chip-remove.mat-icon { font-size: 18px; } .mat-header-cell { font-size: 12px; font-weight: 500; } .mat-cell, .mat-footer-cell { font-size: 14px; } .mat-calendar-body { font-size: 13px; } .mat-calendar-body-label, .mat-calendar-period-button { font-size: 14px; font-weight: 500; } .mat-calendar-table-header th { font-size: 11px; font-weight: 400; } .mat-dialog-title { font: 500 20px / 32px Roboto; letter-spacing: 0.0075em; } .mat-expansion-panel-header { font-family: Roboto; font-size: 15px; font-weight: 500; } .mat-expansion-panel-content { font: 400 14px / 20px Roboto; letter-spacing: 0.0179em; } .mat-form-field { font-size: inherit; font-weight: 400; line-height: 1.125; font-family: Roboto; letter-spacing: 1.5px; } .mat-form-field-wrapper { padding-bottom: 1.34375em; } .mat-form-field-prefix .mat-icon, .mat-form-field-suffix .mat-icon { font-size: 150%; line-height: 1.125; } .mat-form-field-prefix .mat-icon-button, .mat-form-field-suffix .mat-icon-button { height: 1.5em; width: 1.5em; } .mat-form-field-prefix .mat-icon-button .mat-icon, .mat-form-field-suffix .mat-icon-button .mat-icon { height: 1.125em; line-height: 1.125; } .mat-form-field-infix { padding: 0.5em 0; border-top: 0.84375em solid transparent; } .mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, .mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label { transform: translateY(-1.34375em) scale(0.75); width: 133.3333333333%; } .mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label { transform: translateY(-1.34374em) scale(0.75); width: 133.3333433333%; } .mat-form-field-label-wrapper { top: -0.84375em; padding-top: 0.84375em; } .mat-form-field-label { top: 1.34375em; } .mat-form-field-underline { bottom: 1.34375em; } .mat-form-field-subscript-wrapper { font-size: 75%; margin-top: 0.6666666667em; top: calc(100% - 1.7916666667em); } .mat-form-field-appearance-legacy .mat-form-field-wrapper { padding-bottom: 1.25em; } .mat-form-field-appearance-legacy .mat-form-field-infix { padding: 0.4375em 0; } .mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label { transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px); width: 133.3333333333%; } .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill + .mat-form-field-label-wrapper .mat-form-field-label { transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00101px); width: 133.3333433333%; } .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label { transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00102px); width: 133.3333533333%; } .mat-form-field-appearance-legacy .mat-form-field-label { top: 1.28125em; } .mat-form-field-appearance-legacy .mat-form-field-underline { bottom: 1.25em; } .mat-form-field-appearance-legacy .mat-form-field-subscript-wrapper { margin-top: 0.5416666667em; top: calc(100% - 1.6666666667em); } @media print { .mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label { transform: translateY(-1.28122em) scale(0.75); } .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill + .mat-form-field-label-wrapper .mat-form-field-label { transform: translateY(-1.28121em) scale(0.75); } .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label { transform: translateY(-1.2812em) scale(0.75); } } .mat-form-field-appearance-fill .mat-form-field-infix { padding: 0.25em 0 0.75em 0; } .mat-form-field-appearance-fill .mat-form-field-label { top: 1.09375em; margin-top: -0.5em; } .mat-form-field-appearance-fill.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, .mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label { transform: translateY(-0.59375em) scale(0.75); width: 133.3333333333%; } .mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label { transform: translateY(-0.59374em) scale(0.75); width: 133.3333433333%; } .mat-form-field-appearance-outline .mat-form-field-infix { padding: 1em 0 1em 0; } .mat-form-field-appearance-outline .mat-form-field-label { top: 1.84375em; margin-top: -0.25em; } .mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, .mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label { transform: translateY(-1.59375em) scale(0.75); width: 133.3333333333%; } .mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label { transform: translateY(-1.59374em) scale(0.75); width: 133.3333433333%; } .mat-grid-tile-header, .mat-grid-tile-footer { font-size: 14px; } .mat-grid-tile-header .mat-line, .mat-grid-tile-footer .mat-line { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; box-sizing: border-box; } .mat-grid-tile-header .mat-line:nth-child(n+2), .mat-grid-tile-footer .mat-line:nth-child(n+2) { font-size: 12px; } input.mat-input-element { margin-top: -0.0625em; } .mat-menu-item { font-family: Roboto; font-size: 14px; font-weight: 400; } .mat-paginator, .mat-paginator-page-size .mat-select-trigger { font-family: Roboto; font-size: 12px; } .mat-select-trigger { height: 1.125em; } .mat-slider-thumb-label-text { font-size: 12px; font-weight: 500; } .mat-step-label { font-size: 14px; font-weight: 400; } .mat-step-sub-label-error { font-weight: normal; } .mat-step-label-error { font-size: 14px; } .mat-step-label-selected { font-size: 14px; font-weight: 500; } .mat-tab-label, .mat-tab-link { font-family: Roboto; font-size: 14px; font-weight: 500; } .mat-toolbar, .mat-toolbar h1, .mat-toolbar h2, .mat-toolbar h3, .mat-toolbar h4, .mat-toolbar h5, .mat-toolbar h6 { font: 500 20px / 32px Roboto; letter-spacing: 0.0075em; margin: 0; } .mat-tooltip { font-size: 10px; padding-top: 6px; padding-bottom: 6px; } .mat-tooltip-handset { font-size: 14px; padding-top: 8px; padding-bottom: 8px; } .mat-list-base .mat-list-item { font-size: 16px; } .mat-list-base .mat-list-item .mat-line { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; box-sizing: border-box; } .mat-list-base .mat-list-item .mat-line:nth-child(n+2) { font-size: 14px; } .mat-list-base .mat-list-option { font-size: 16px; } .mat-list-base .mat-list-option .mat-line { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; box-sizing: border-box; } .mat-list-base .mat-list-option .mat-line:nth-child(n+2) { font-size: 14px; } .mat-list-base .mat-subheader { font-family: Roboto; font-size: 14px; font-weight: 500; } .mat-list-base[dense] .mat-list-item { font-size: 12px; } .mat-list-base[dense] .mat-list-item .mat-line { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; box-sizing: border-box; } .mat-list-base[dense] .mat-list-item .mat-line:nth-child(n+2) { font-size: 12px; } .mat-list-base[dense] .mat-list-option { font-size: 12px; } .mat-list-base[dense] .mat-list-option .mat-line { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; box-sizing: border-box; } .mat-list-base[dense] .mat-list-option .mat-line:nth-child(n+2) { font-size: 12px; } .mat-list-base[dense] .mat-subheader { font-size: 12px; font-weight: 500; } .mat-option { font-size: 16px; } .mat-optgroup-label { font: 500 14px / 24px Roboto; letter-spacing: 0.0179em; } .mat-simple-snackbar { font-family: Roboto; font-size: 14px; } .mat-simple-snackbar-action { line-height: 1; font-family: inherit; font-size: inherit; font-weight: 500; } .mat-tree-node, .mat-nested-tree-node { font-weight: 400; font-size: 14px; } .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-mdc-focus-indicator { position: relative; } body { --primary-color: #a8dadc; --primary-lighter-color: #e5f4f5; --primary-darker-color: #8dcbce; --text-primary-color: rgba(0, 0, 0, 0.87); --text-primary-lighter-color: rgba(0, 0, 0, 0.87); --text-primary-darker-color: rgba(0, 0, 0, 0.87); } body { --accent-color: #1d3557; --accent-lighter-color: #bbc2cd; --accent-darker-color: #11223c; --text-accent-color: #f1faee; --text-accent-lighter-color: rgba(0, 0, 0, 0.87); --text-accent-darker-color: #f1faee; } body { --warn-color: #e63946; --warn-lighter-color: #f8c4c8; --warn-darker-color: #db242f; --text-warn-color: #f1faee; --text-warn-lighter-color: rgba(0, 0, 0, 0.87); --text-warn-darker-color: #f1faee; } .mat-ripple-element { background-color: rgba(0, 0, 0, 0.1); } .mat-option { color: rgba(0, 0, 0, 0.87); } .mat-option:hover:not(.mat-option-disabled), .mat-option:focus:not(.mat-option-disabled) { background: rgba(0, 0, 0, 0.04); } .mat-option.mat-selected:not(.mat-option-multiple):not(.mat-option-disabled) { background: rgba(0, 0, 0, 0.04); } .mat-option.mat-active { background: rgba(0, 0, 0, 0.04); color: rgba(0, 0, 0, 0.87); } .mat-option.mat-option-disabled { color: rgba(0, 0, 0, 0.38); } .mat-primary .mat-option.mat-selected:not(.mat-option-disabled) { color: #a8dadc; } .mat-accent .mat-option.mat-selected:not(.mat-option-disabled) { color: #1d3557; } .mat-warn .mat-option.mat-selected:not(.mat-option-disabled) { color: #e63946; } .mat-optgroup-label { color: rgba(0, 0, 0, 0.54); } .mat-optgroup-disabled .mat-optgroup-label { color: rgba(0, 0, 0, 0.38); } .mat-pseudo-checkbox { color: rgba(0, 0, 0, 0.54); } .mat-pseudo-checkbox::after { color: #fafafa; } .mat-pseudo-checkbox-disabled { color: #b0b0b0; } .mat-primary .mat-pseudo-checkbox-checked, .mat-primary .mat-pseudo-checkbox-indeterminate { background: #a8dadc; } .mat-pseudo-checkbox-checked, .mat-pseudo-checkbox-indeterminate, .mat-accent .mat-pseudo-checkbox-checked, .mat-accent .mat-pseudo-checkbox-indeterminate { background: #1d3557; } .mat-warn .mat-pseudo-checkbox-checked, .mat-warn .mat-pseudo-checkbox-indeterminate { background: #e63946; } .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled, .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled { background: #b0b0b0; } .mat-app-background { background-color: #fafafa; color: rgba(0, 0, 0, 0.87); } .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 { 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 { 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 { 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 { 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 { 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 { 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 { 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 { 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 { 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 { 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 { 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 { 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 { 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 { 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 { 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 { 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 { 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 { 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 { 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 { 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 { 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 { 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 { 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 { 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-autocomplete-panel { background: white; color: rgba(0, 0, 0, 0.87); } .mat-autocomplete-panel:not([class*=mat-elevation-z]) { 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-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover) { background: white; } .mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover):not(.mat-option-disabled) { color: rgba(0, 0, 0, 0.87); } .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: rgba(0, 0, 0, 0.87); background: #a8dadc; } .cdk-high-contrast-active .mat-badge-content { outline: solid 1px; border-radius: 0; } .mat-badge-accent .mat-badge-content { background: #1d3557; color: #f1faee; } .mat-badge-warn .mat-badge-content { color: #f1faee; background: #e63946; } .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, .mat-icon-button, .mat-stroked-button { color: inherit; background: transparent; } .mat-button.mat-primary, .mat-icon-button.mat-primary, .mat-stroked-button.mat-primary { color: #a8dadc; } .mat-button.mat-accent, .mat-icon-button.mat-accent, .mat-stroked-button.mat-accent { color: #1d3557; } .mat-button.mat-warn, .mat-icon-button.mat-warn, .mat-stroked-button.mat-warn { color: #e63946; } .mat-button.mat-primary.mat-button-disabled, .mat-button.mat-accent.mat-button-disabled, .mat-button.mat-warn.mat-button-disabled, .mat-button.mat-button-disabled.mat-button-disabled, .mat-icon-button.mat-primary.mat-button-disabled, .mat-icon-button.mat-accent.mat-button-disabled, .mat-icon-button.mat-warn.mat-button-disabled, .mat-icon-button.mat-button-disabled.mat-button-disabled, .mat-stroked-button.mat-primary.mat-button-disabled, .mat-stroked-button.mat-accent.mat-button-disabled, .mat-stroked-button.mat-warn.mat-button-disabled, .mat-stroked-button.mat-button-disabled.mat-button-disabled { color: rgba(0, 0, 0, 0.26); } .mat-button.mat-primary .mat-button-focus-overlay, .mat-icon-button.mat-primary .mat-button-focus-overlay, .mat-stroked-button.mat-primary .mat-button-focus-overlay { background-color: #a8dadc; } .mat-button.mat-accent .mat-button-focus-overlay, .mat-icon-button.mat-accent .mat-button-focus-overlay, .mat-stroked-button.mat-accent .mat-button-focus-overlay { background-color: #1d3557; } .mat-button.mat-warn .mat-button-focus-overlay, .mat-icon-button.mat-warn .mat-button-focus-overlay, .mat-stroked-button.mat-warn .mat-button-focus-overlay { background-color: #e63946; } .mat-button.mat-button-disabled .mat-button-focus-overlay, .mat-icon-button.mat-button-disabled .mat-button-focus-overlay, .mat-stroked-button.mat-button-disabled .mat-button-focus-overlay { background-color: transparent; } .mat-button .mat-ripple-element, .mat-icon-button .mat-ripple-element, .mat-stroked-button .mat-ripple-element { opacity: 0.1; background-color: currentColor; } .mat-button-focus-overlay { background: black; } .mat-stroked-button:not(.mat-button-disabled) { border-color: rgba(0, 0, 0, 0.12); } .mat-flat-button, .mat-raised-button, .mat-fab, .mat-mini-fab { color: rgba(0, 0, 0, 0.87); background-color: white; } .mat-flat-button.mat-primary, .mat-raised-button.mat-primary, .mat-fab.mat-primary, .mat-mini-fab.mat-primary { color: rgba(0, 0, 0, 0.87); } .mat-flat-button.mat-accent, .mat-raised-button.mat-accent, .mat-fab.mat-accent, .mat-mini-fab.mat-accent { color: #f1faee; } .mat-flat-button.mat-warn, .mat-raised-button.mat-warn, .mat-fab.mat-warn, .mat-mini-fab.mat-warn { color: #f1faee; } .mat-flat-button.mat-primary.mat-button-disabled, .mat-flat-button.mat-accent.mat-button-disabled, .mat-flat-button.mat-warn.mat-button-disabled, .mat-flat-button.mat-button-disabled.mat-button-disabled, .mat-raised-button.mat-primary.mat-button-disabled, .mat-raised-button.mat-accent.mat-button-disabled, .mat-raised-button.mat-warn.mat-button-disabled, .mat-raised-button.mat-button-disabled.mat-button-disabled, .mat-fab.mat-primary.mat-button-disabled, .mat-fab.mat-accent.mat-button-disabled, .mat-fab.mat-warn.mat-button-disabled, .mat-fab.mat-button-disabled.mat-button-disabled, .mat-mini-fab.mat-primary.mat-button-disabled, .mat-mini-fab.mat-accent.mat-button-disabled, .mat-mini-fab.mat-warn.mat-button-disabled, .mat-mini-fab.mat-button-disabled.mat-button-disabled { color: rgba(0, 0, 0, 0.26); } .mat-flat-button.mat-primary, .mat-raised-button.mat-primary, .mat-fab.mat-primary, .mat-mini-fab.mat-primary { background-color: #a8dadc; } .mat-flat-button.mat-accent, .mat-raised-button.mat-accent, .mat-fab.mat-accent, .mat-mini-fab.mat-accent { background-color: #1d3557; } .mat-flat-button.mat-warn, .mat-raised-button.mat-warn, .mat-fab.mat-warn, .mat-mini-fab.mat-warn { background-color: #e63946; } .mat-flat-button.mat-primary.mat-button-disabled, .mat-flat-button.mat-accent.mat-button-disabled, .mat-flat-button.mat-warn.mat-button-disabled, .mat-flat-button.mat-button-disabled.mat-button-disabled, .mat-raised-button.mat-primary.mat-button-disabled, .mat-raised-button.mat-accent.mat-button-disabled, .mat-raised-button.mat-warn.mat-button-disabled, .mat-raised-button.mat-button-disabled.mat-button-disabled, .mat-fab.mat-primary.mat-button-disabled, .mat-fab.mat-accent.mat-button-disabled, .mat-fab.mat-warn.mat-button-disabled, .mat-fab.mat-button-disabled.mat-button-disabled, .mat-mini-fab.mat-primary.mat-button-disabled, .mat-mini-fab.mat-accent.mat-button-disabled, .mat-mini-fab.mat-warn.mat-button-disabled, .mat-mini-fab.mat-button-disabled.mat-button-disabled { background-color: rgba(0, 0, 0, 0.12); } .mat-flat-button.mat-primary .mat-ripple-element, .mat-raised-button.mat-primary .mat-ripple-element, .mat-fab.mat-primary .mat-ripple-element, .mat-mini-fab.mat-primary .mat-ripple-element { background-color: rgba(0, 0, 0, 0.1); } .mat-flat-button.mat-accent .mat-ripple-element, .mat-raised-button.mat-accent .mat-ripple-element, .mat-fab.mat-accent .mat-ripple-element, .mat-mini-fab.mat-accent .mat-ripple-element { background-color: rgba(241, 250, 238, 0.1); } .mat-flat-button.mat-warn .mat-ripple-element, .mat-raised-button.mat-warn .mat-ripple-element, .mat-fab.mat-warn .mat-ripple-element, .mat-mini-fab.mat-warn .mat-ripple-element { background-color: rgba(241, 250, 238, 0.1); } .mat-stroked-button:not([class*=mat-elevation-z]), .mat-flat-button:not([class*=mat-elevation-z]) { 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-raised-button: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-raised-button:not(.mat-button-disabled):active:not([class*=mat-elevation-z]) { 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-raised-button.mat-button-disabled:not([class*=mat-elevation-z]) { 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-fab:not([class*=mat-elevation-z]), .mat-mini-fab:not([class*=mat-elevation-z]) { 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-fab:not(.mat-button-disabled):active:not([class*=mat-elevation-z]), .mat-mini-fab:not(.mat-button-disabled):active:not([class*=mat-elevation-z]) { 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-fab.mat-button-disabled:not([class*=mat-elevation-z]), .mat-mini-fab.mat-button-disabled:not([class*=mat-elevation-z]) { 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-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-card { background: white; color: rgba(0, 0, 0, 0.87); } .mat-card:not([class*=mat-elevation-z]) { 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-card.mat-card-flat:not([class*=mat-elevation-z]) { 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-card-subtitle { color: rgba(0, 0, 0, 0.54); } .mat-checkbox-frame { border-color: rgba(0, 0, 0, 0.54); } .mat-checkbox-checkmark { fill: #fafafa; } .mat-checkbox-checkmark-path { stroke: #fafafa !important; } .mat-checkbox-mixedmark { background-color: #fafafa; } .mat-checkbox-indeterminate.mat-primary .mat-checkbox-background, .mat-checkbox-checked.mat-primary .mat-checkbox-background { background-color: #a8dadc; } .mat-checkbox-indeterminate.mat-accent .mat-checkbox-background, .mat-checkbox-checked.mat-accent .mat-checkbox-background { background-color: #1d3557; } .mat-checkbox-indeterminate.mat-warn .mat-checkbox-background, .mat-checkbox-checked.mat-warn .mat-checkbox-background { background-color: #e63946; } .mat-checkbox-disabled.mat-checkbox-checked .mat-checkbox-background, .mat-checkbox-disabled.mat-checkbox-indeterminate .mat-checkbox-background { background-color: #b0b0b0; } .mat-checkbox-disabled:not(.mat-checkbox-checked) .mat-checkbox-frame { border-color: #b0b0b0; } .mat-checkbox-disabled .mat-checkbox-label { color: rgba(0, 0, 0, 0.38); } .mat-checkbox .mat-ripple-element { background-color: black; } .mat-checkbox-checked:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element, .mat-checkbox:active:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element { background: #a8dadc; } .mat-checkbox-checked:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element, .mat-checkbox:active:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element { background: #1d3557; } .mat-checkbox-checked:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element, .mat-checkbox:active:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element { background: #e63946; } .mat-chip.mat-standard-chip { background-color: #e0e0e0; color: rgba(0, 0, 0, 0.87); } .mat-chip.mat-standard-chip .mat-chip-remove { color: rgba(0, 0, 0, 0.87); opacity: 0.4; } .mat-chip.mat-standard-chip:not(.mat-chip-disabled):active { 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-chip.mat-standard-chip:not(.mat-chip-disabled) .mat-chip-remove:hover { opacity: 0.54; } .mat-chip.mat-standard-chip.mat-chip-disabled { opacity: 0.4; } .mat-chip.mat-standard-chip::after { background: black; } .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary { background-color: #a8dadc; color: rgba(0, 0, 0, 0.87); } .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-chip-remove { color: rgba(0, 0, 0, 0.87); opacity: 0.4; } .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-ripple-element { background-color: rgba(0, 0, 0, 0.1); } .mat-chip.mat-standard-chip.mat-chip-selected.mat-warn { background-color: #e63946; color: #f1faee; } .mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-chip-remove { color: #f1faee; opacity: 0.4; } .mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-ripple-element { background-color: rgba(241, 250, 238, 0.1); } .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent { background-color: #1d3557; color: #f1faee; } .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-chip-remove { color: #f1faee; opacity: 0.4; } .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-ripple-element { background-color: rgba(241, 250, 238, 0.1); } .mat-table { background: white; } .mat-table thead, .mat-table tbody, .mat-table tfoot, mat-header-row, mat-row, mat-footer-row, [mat-header-row], [mat-row], [mat-footer-row], .mat-table-sticky { background: inherit; } mat-row, mat-header-row, mat-footer-row, th.mat-header-cell, td.mat-cell, td.mat-footer-cell { border-bottom-color: rgba(0, 0, 0, 0.12); } .mat-header-cell { color: rgba(0, 0, 0, 0.54); } .mat-cell, .mat-footer-cell { color: rgba(0, 0, 0, 0.87); } .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(168, 218, 220, 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(168, 218, 220, 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(168, 218, 220, 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: #a8dadc; color: rgba(0, 0, 0, 0.87); } .mat-calendar-body-disabled > .mat-calendar-body-selected { background-color: rgba(168, 218, 220, 0.4); } .mat-calendar-body-today.mat-calendar-body-selected { box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.87); } .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(168, 218, 220, 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(168, 218, 220, 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(29, 53, 87, 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(29, 53, 87, 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(29, 53, 87, 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: #1d3557; color: #f1faee; } .mat-datepicker-content.mat-accent .mat-calendar-body-disabled > .mat-calendar-body-selected { background-color: rgba(29, 53, 87, 0.4); } .mat-datepicker-content.mat-accent .mat-calendar-body-today.mat-calendar-body-selected { box-shadow: inset 0 0 0 1px #f1faee; } .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(29, 53, 87, 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(29, 53, 87, 0.3); } } .mat-datepicker-content.mat-warn .mat-calendar-body-in-range::before { background: rgba(230, 57, 70, 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(230, 57, 70, 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(230, 57, 70, 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: #e63946; color: #f1faee; } .mat-datepicker-content.mat-warn .mat-calendar-body-disabled > .mat-calendar-body-selected { background-color: rgba(230, 57, 70, 0.4); } .mat-datepicker-content.mat-warn .mat-calendar-body-today.mat-calendar-body-selected { box-shadow: inset 0 0 0 1px #f1faee; } .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(230, 57, 70, 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(230, 57, 70, 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: #a8dadc; } .mat-datepicker-toggle-active.mat-accent { color: #1d3557; } .mat-datepicker-toggle-active.mat-warn { color: #e63946; } .mat-date-range-input-inner[disabled] { color: rgba(0, 0, 0, 0.38); } .mat-dialog-container { 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); background: white; color: rgba(0, 0, 0, 0.87); } .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-form-field-label { color: rgba(0, 0, 0, 0.6); } .mat-hint { color: rgba(0, 0, 0, 0.6); } .mat-form-field.mat-focused .mat-form-field-label { color: #a8dadc; } .mat-form-field.mat-focused .mat-form-field-label.mat-accent { color: #1d3557; } .mat-form-field.mat-focused .mat-form-field-label.mat-warn { color: #e63946; } .mat-focused .mat-form-field-required-marker { color: #1d3557; } .mat-form-field-ripple { background-color: rgba(0, 0, 0, 0.87); } .mat-form-field.mat-focused .mat-form-field-ripple { background-color: #a8dadc; } .mat-form-field.mat-focused .mat-form-field-ripple.mat-accent { background-color: #1d3557; } .mat-form-field.mat-focused .mat-form-field-ripple.mat-warn { background-color: #e63946; } .mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid) .mat-form-field-infix::after { color: #a8dadc; } .mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-accent .mat-form-field-infix::after { color: #1d3557; } .mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-warn .mat-form-field-infix::after { color: #e63946; } .mat-form-field.mat-form-field-invalid .mat-form-field-label { color: #e63946; } .mat-form-field.mat-form-field-invalid .mat-form-field-label.mat-accent, .mat-form-field.mat-form-field-invalid .mat-form-field-label .mat-form-field-required-marker { color: #e63946; } .mat-form-field.mat-form-field-invalid .mat-form-field-ripple, .mat-form-field.mat-form-field-invalid .mat-form-field-ripple.mat-accent { background-color: #e63946; } .mat-error { color: #e63946; } .mat-form-field-appearance-legacy .mat-form-field-label { color: rgba(0, 0, 0, 0.54); } .mat-form-field-appearance-legacy .mat-hint { color: rgba(0, 0, 0, 0.54); } .mat-form-field-appearance-legacy .mat-form-field-underline { background-color: rgba(0, 0, 0, 0.42); } .mat-form-field-appearance-legacy.mat-form-field-disabled .mat-form-field-underline { background-image: linear-gradient(to right, rgba(0, 0, 0, 0.42) 0%, rgba(0, 0, 0, 0.42) 33%, transparent 0%); background-size: 4px 100%; background-repeat: repeat-x; } .mat-form-field-appearance-standard .mat-form-field-underline { background-color: rgba(0, 0, 0, 0.42); } .mat-form-field-appearance-standard.mat-form-field-disabled .mat-form-field-underline { background-image: linear-gradient(to right, rgba(0, 0, 0, 0.42) 0%, rgba(0, 0, 0, 0.42) 33%, transparent 0%); background-size: 4px 100%; background-repeat: repeat-x; } .mat-form-field-appearance-fill .mat-form-field-flex { background-color: rgba(0, 0, 0, 0.04); } .mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-flex { background-color: rgba(0, 0, 0, 0.02); } .mat-form-field-appearance-fill .mat-form-field-underline::before { background-color: rgba(0, 0, 0, 0.42); } .mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-label { color: rgba(0, 0, 0, 0.38); } .mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-underline::before { background-color: transparent; } .mat-form-field-appearance-outline .mat-form-field-outline { color: rgba(0, 0, 0, 0.12); } .mat-form-field-appearance-outline .mat-form-field-outline-thick { color: rgba(0, 0, 0, 0.87); } .mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick { color: #a8dadc; } .mat-form-field-appearance-outline.mat-focused.mat-accent .mat-form-field-outline-thick { color: #1d3557; } .mat-form-field-appearance-outline.mat-focused.mat-warn .mat-form-field-outline-thick { color: #e63946; } .mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-thick { color: #e63946; } .mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-label { color: rgba(0, 0, 0, 0.38); } .mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-outline { color: rgba(0, 0, 0, 0.06); } .mat-icon.mat-primary { color: #a8dadc; } .mat-icon.mat-accent { color: #1d3557; } .mat-icon.mat-warn { color: #e63946; } .mat-form-field-type-mat-native-select .mat-form-field-infix::after { color: rgba(0, 0, 0, 0.54); } .mat-input-element:disabled, .mat-form-field-type-mat-native-select.mat-form-field-disabled .mat-form-field-infix::after { color: rgba(0, 0, 0, 0.38); } .mat-input-element { caret-color: #a8dadc; } .mat-input-element::placeholder { color: rgba(0, 0, 0, 0.42); } .mat-input-element::-moz-placeholder { color: rgba(0, 0, 0, 0.42); } .mat-input-element::-webkit-input-placeholder { color: rgba(0, 0, 0, 0.42); } .mat-input-element:-ms-input-placeholder { color: rgba(0, 0, 0, 0.42); } .mat-form-field.mat-accent .mat-input-element { caret-color: #1d3557; } .mat-form-field.mat-warn .mat-input-element, .mat-form-field-invalid .mat-input-element { caret-color: #e63946; } .mat-form-field-type-mat-native-select.mat-form-field-invalid .mat-form-field-infix::after { color: #e63946; } .mat-list-base .mat-list-item { color: rgba(0, 0, 0, 0.87); } .mat-list-base .mat-list-option { color: rgba(0, 0, 0, 0.87); } .mat-list-base .mat-subheader { color: rgba(0, 0, 0, 0.54); } .mat-list-base .mat-list-item-disabled { background-color: #eeeeee; color: rgba(0, 0, 0, 0.38); } .mat-list-option:hover, .mat-list-option:focus, .mat-nav-list .mat-list-item:hover, .mat-nav-list .mat-list-item:focus, .mat-action-list .mat-list-item:hover, .mat-action-list .mat-list-item:focus { background: rgba(0, 0, 0, 0.04); } .mat-list-single-selected-option, .mat-list-single-selected-option:hover, .mat-list-single-selected-option:focus { background: rgba(0, 0, 0, 0.12); } .mat-menu-panel { background: white; } .mat-menu-panel:not([class*=mat-elevation-z]) { 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-menu-item { background: transparent; color: rgba(0, 0, 0, 0.87); } .mat-menu-item[disabled], .mat-menu-item[disabled] .mat-menu-submenu-icon, .mat-menu-item[disabled] .mat-icon-no-color { color: rgba(0, 0, 0, 0.38); } .mat-menu-item .mat-icon-no-color, .mat-menu-submenu-icon { color: rgba(0, 0, 0, 0.54); } .mat-menu-item:hover:not([disabled]), .mat-menu-item.cdk-program-focused:not([disabled]), .mat-menu-item.cdk-keyboard-focused:not([disabled]), .mat-menu-item-highlighted:not([disabled]) { background: rgba(0, 0, 0, 0.04); } .mat-paginator { background: white; } .mat-paginator, .mat-paginator-page-size .mat-select-trigger { color: rgba(0, 0, 0, 0.54); } .mat-paginator-decrement, .mat-paginator-increment { border-top: 2px solid rgba(0, 0, 0, 0.54); border-right: 2px solid rgba(0, 0, 0, 0.54); } .mat-paginator-first, .mat-paginator-last { border-top: 2px solid rgba(0, 0, 0, 0.54); } .mat-icon-button[disabled] .mat-paginator-decrement, .mat-icon-button[disabled] .mat-paginator-increment, .mat-icon-button[disabled] .mat-paginator-first, .mat-icon-button[disabled] .mat-paginator-last { border-color: rgba(0, 0, 0, 0.38); } .mat-paginator-container { min-height: 56px; } .mat-progress-bar-background { fill: #e6f2f3; } .mat-progress-bar-buffer { background-color: #e6f2f3; } .mat-progress-bar-fill::after { background-color: #a8dadc; } .mat-progress-bar.mat-accent .mat-progress-bar-background { fill: #c3c9d1; } .mat-progress-bar.mat-accent .mat-progress-bar-buffer { background-color: #c3c9d1; } .mat-progress-bar.mat-accent .mat-progress-bar-fill::after { background-color: #1d3557; } .mat-progress-bar.mat-warn .mat-progress-bar-background { fill: #f5cacd; } .mat-progress-bar.mat-warn .mat-progress-bar-buffer { background-color: #f5cacd; } .mat-progress-bar.mat-warn .mat-progress-bar-fill::after { background-color: #e63946; } .mat-progress-spinner circle, .mat-spinner circle { stroke: #a8dadc; } .mat-progress-spinner.mat-accent circle, .mat-spinner.mat-accent circle { stroke: #1d3557; } .mat-progress-spinner.mat-warn circle, .mat-spinner.mat-warn circle { stroke: #e63946; } .mat-radio-outer-circle { border-color: rgba(0, 0, 0, 0.54); } .mat-radio-button.mat-primary.mat-radio-checked .mat-radio-outer-circle { border-color: #a8dadc; } .mat-radio-button.mat-primary .mat-radio-inner-circle, .mat-radio-button.mat-primary .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), .mat-radio-button.mat-primary.mat-radio-checked .mat-radio-persistent-ripple, .mat-radio-button.mat-primary:active .mat-radio-persistent-ripple { background-color: #a8dadc; } .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle { border-color: #1d3557; } .mat-radio-button.mat-accent .mat-radio-inner-circle, .mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-persistent-ripple, .mat-radio-button.mat-accent:active .mat-radio-persistent-ripple { background-color: #1d3557; } .mat-radio-button.mat-warn.mat-radio-checked .mat-radio-outer-circle { border-color: #e63946; } .mat-radio-button.mat-warn .mat-radio-inner-circle, .mat-radio-button.mat-warn .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), .mat-radio-button.mat-warn.mat-radio-checked .mat-radio-persistent-ripple, .mat-radio-button.mat-warn:active .mat-radio-persistent-ripple { background-color: #e63946; } .mat-radio-button.mat-radio-disabled.mat-radio-checked .mat-radio-outer-circle, .mat-radio-button.mat-radio-disabled .mat-radio-outer-circle { border-color: rgba(0, 0, 0, 0.38); } .mat-radio-button.mat-radio-disabled .mat-radio-ripple .mat-ripple-element, .mat-radio-button.mat-radio-disabled .mat-radio-inner-circle { background-color: rgba(0, 0, 0, 0.38); } .mat-radio-button.mat-radio-disabled .mat-radio-label-content { color: rgba(0, 0, 0, 0.38); } .mat-radio-button .mat-ripple-element { background-color: black; } .mat-select-value { color: rgba(0, 0, 0, 0.87); } .mat-select-placeholder { color: rgba(0, 0, 0, 0.42); } .mat-select-disabled .mat-select-value { color: rgba(0, 0, 0, 0.38); } .mat-select-arrow { color: rgba(0, 0, 0, 0.54); } .mat-select-panel { background: white; } .mat-select-panel:not([class*=mat-elevation-z]) { 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-select-panel .mat-option.mat-selected:not(.mat-option-multiple) { background: rgba(0, 0, 0, 0.12); } .mat-form-field.mat-focused.mat-primary .mat-select-arrow { color: #a8dadc; } .mat-form-field.mat-focused.mat-accent .mat-select-arrow { color: #1d3557; } .mat-form-field.mat-focused.mat-warn .mat-select-arrow { color: #e63946; } .mat-form-field .mat-select.mat-select-invalid .mat-select-arrow { color: #e63946; } .mat-form-field .mat-select.mat-select-disabled .mat-select-arrow { color: rgba(0, 0, 0, 0.38); } .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-slide-toggle.mat-checked .mat-slide-toggle-thumb { background-color: #1d3557; } .mat-slide-toggle.mat-checked .mat-slide-toggle-bar { background-color: rgba(29, 53, 87, 0.54); } .mat-slide-toggle.mat-checked .mat-ripple-element { background-color: #1d3557; } .mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-thumb { background-color: #a8dadc; } .mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-bar { background-color: rgba(168, 218, 220, 0.54); } .mat-slide-toggle.mat-primary.mat-checked .mat-ripple-element { background-color: #a8dadc; } .mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-thumb { background-color: #e63946; } .mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-bar { background-color: rgba(230, 57, 70, 0.54); } .mat-slide-toggle.mat-warn.mat-checked .mat-ripple-element { background-color: #e63946; } .mat-slide-toggle:not(.mat-checked) .mat-ripple-element { background-color: black; } .mat-slide-toggle-thumb { 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); background-color: #fafafa; } .mat-slide-toggle-bar { background-color: rgba(0, 0, 0, 0.38); } .mat-slider-track-background { background-color: rgba(0, 0, 0, 0.26); } .mat-slider.mat-primary .mat-slider-track-fill, .mat-slider.mat-primary .mat-slider-thumb, .mat-slider.mat-primary .mat-slider-thumb-label { background-color: #a8dadc; } .mat-slider.mat-primary .mat-slider-thumb-label-text { color: rgba(0, 0, 0, 0.87); } .mat-slider.mat-primary .mat-slider-focus-ring { background-color: rgba(168, 218, 220, 0.2); } .mat-slider.mat-accent .mat-slider-track-fill, .mat-slider.mat-accent .mat-slider-thumb, .mat-slider.mat-accent .mat-slider-thumb-label { background-color: #1d3557; } .mat-slider.mat-accent .mat-slider-thumb-label-text { color: #f1faee; } .mat-slider.mat-accent .mat-slider-focus-ring { background-color: rgba(29, 53, 87, 0.2); } .mat-slider.mat-warn .mat-slider-track-fill, .mat-slider.mat-warn .mat-slider-thumb, .mat-slider.mat-warn .mat-slider-thumb-label { background-color: #e63946; } .mat-slider.mat-warn .mat-slider-thumb-label-text { color: #f1faee; } .mat-slider.mat-warn .mat-slider-focus-ring { background-color: rgba(230, 57, 70, 0.2); } .mat-slider:hover .mat-slider-track-background, .mat-slider.cdk-focused .mat-slider-track-background { background-color: rgba(0, 0, 0, 0.38); } .mat-slider.mat-slider-disabled .mat-slider-track-background, .mat-slider.mat-slider-disabled .mat-slider-track-fill, .mat-slider.mat-slider-disabled .mat-slider-thumb { background-color: rgba(0, 0, 0, 0.26); } .mat-slider.mat-slider-disabled:hover .mat-slider-track-background { background-color: rgba(0, 0, 0, 0.26); } .mat-slider.mat-slider-min-value .mat-slider-focus-ring { background-color: rgba(0, 0, 0, 0.12); } .mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb, .mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb-label { background-color: rgba(0, 0, 0, 0.87); } .mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb, .mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb-label { background-color: rgba(0, 0, 0, 0.26); } .mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing) .mat-slider-thumb { border-color: rgba(0, 0, 0, 0.26); background-color: transparent; } .mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover .mat-slider-thumb, .mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused .mat-slider-thumb { border-color: rgba(0, 0, 0, 0.38); } .mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover.mat-slider-disabled .mat-slider-thumb, .mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused.mat-slider-disabled .mat-slider-thumb { border-color: rgba(0, 0, 0, 0.26); } .mat-slider-has-ticks .mat-slider-wrapper::after { border-color: rgba(0, 0, 0, 0.7); } .mat-slider-horizontal .mat-slider-ticks { background-image: repeating-linear-gradient(to right, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent); background-image: -moz-repeating-linear-gradient(0.0001deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent); } .mat-slider-vertical .mat-slider-ticks { background-image: repeating-linear-gradient(to bottom, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent); } .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: rgba(0, 0, 0, 0.87); } .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: #a8dadc; color: rgba(0, 0, 0, 0.87); } .mat-step-header.mat-accent .mat-step-icon { color: #f1faee; } .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: #1d3557; color: #f1faee; } .mat-step-header.mat-warn .mat-step-icon { color: #f1faee; } .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: #e63946; color: #f1faee; } .mat-step-header .mat-step-icon-state-error { background-color: transparent; color: #e63946; } .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: #e63946; } .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-tab-nav-bar, .mat-tab-header { border-bottom: 1px solid rgba(0, 0, 0, 0.12); } .mat-tab-group-inverted-header .mat-tab-nav-bar, .mat-tab-group-inverted-header .mat-tab-header { border-top: 1px solid rgba(0, 0, 0, 0.12); border-bottom: none; } .mat-tab-label, .mat-tab-link { color: rgba(0, 0, 0, 0.87); } .mat-tab-label.mat-tab-disabled, .mat-tab-link.mat-tab-disabled { color: rgba(0, 0, 0, 0.38); } .mat-tab-header-pagination-chevron { border-color: rgba(0, 0, 0, 0.87); } .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron { border-color: rgba(0, 0, 0, 0.38); } .mat-tab-group[class*=mat-background-] > .mat-tab-header, .mat-tab-nav-bar[class*=mat-background-] { border-bottom: none; border-top: none; } .mat-tab-group.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-group.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { background-color: rgba(229, 244, 245, 0.3); } .mat-tab-group.mat-primary .mat-ink-bar, .mat-tab-nav-bar.mat-primary .mat-ink-bar { background-color: #a8dadc; } .mat-tab-group.mat-primary.mat-background-primary > .mat-tab-header .mat-ink-bar, .mat-tab-group.mat-primary.mat-background-primary > .mat-tab-link-container .mat-ink-bar, .mat-tab-nav-bar.mat-primary.mat-background-primary > .mat-tab-header .mat-ink-bar, .mat-tab-nav-bar.mat-primary.mat-background-primary > .mat-tab-link-container .mat-ink-bar { background-color: rgba(0, 0, 0, 0.87); } .mat-tab-group.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-group.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { background-color: rgba(187, 194, 205, 0.3); } .mat-tab-group.mat-accent .mat-ink-bar, .mat-tab-nav-bar.mat-accent .mat-ink-bar { background-color: #1d3557; } .mat-tab-group.mat-accent.mat-background-accent > .mat-tab-header .mat-ink-bar, .mat-tab-group.mat-accent.mat-background-accent > .mat-tab-link-container .mat-ink-bar, .mat-tab-nav-bar.mat-accent.mat-background-accent > .mat-tab-header .mat-ink-bar, .mat-tab-nav-bar.mat-accent.mat-background-accent > .mat-tab-link-container .mat-ink-bar { background-color: #f1faee; } .mat-tab-group.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-group.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { background-color: rgba(248, 196, 200, 0.3); } .mat-tab-group.mat-warn .mat-ink-bar, .mat-tab-nav-bar.mat-warn .mat-ink-bar { background-color: #e63946; } .mat-tab-group.mat-warn.mat-background-warn > .mat-tab-header .mat-ink-bar, .mat-tab-group.mat-warn.mat-background-warn > .mat-tab-link-container .mat-ink-bar, .mat-tab-nav-bar.mat-warn.mat-background-warn > .mat-tab-header .mat-ink-bar, .mat-tab-nav-bar.mat-warn.mat-background-warn > .mat-tab-link-container .mat-ink-bar { background-color: #f1faee; } .mat-tab-group.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-group.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { background-color: rgba(229, 244, 245, 0.3); } .mat-tab-group.mat-background-primary > .mat-tab-header, .mat-tab-group.mat-background-primary > .mat-tab-link-container, .mat-tab-group.mat-background-primary > .mat-tab-header-pagination, .mat-tab-nav-bar.mat-background-primary > .mat-tab-header, .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container, .mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination { background-color: #a8dadc; } .mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-label, .mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-tab-link, .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-label, .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-tab-link { color: rgba(0, 0, 0, 0.87); } .mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-label.mat-tab-disabled, .mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-tab-link.mat-tab-disabled, .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-label.mat-tab-disabled, .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-tab-link.mat-tab-disabled { color: rgba(0, 0, 0, 0.4); } .mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-chevron, .mat-tab-group.mat-background-primary > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, .mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-focus-indicator::before, .mat-tab-group.mat-background-primary > .mat-tab-header .mat-focus-indicator::before, .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-focus-indicator::before, .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-focus-indicator::before { border-color: rgba(0, 0, 0, 0.87); } .mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-group.mat-background-primary > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron { border-color: black; opacity: 0.4; } .mat-tab-group.mat-background-primary > .mat-tab-header .mat-ripple-element, .mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-ripple-element, .mat-tab-group.mat-background-primary > .mat-tab-header-pagination .mat-ripple-element, .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-ripple-element, .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-ripple-element, .mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination .mat-ripple-element { background-color: black; opacity: 0.12; } .mat-tab-group.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-group.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { background-color: rgba(187, 194, 205, 0.3); } .mat-tab-group.mat-background-accent > .mat-tab-header, .mat-tab-group.mat-background-accent > .mat-tab-link-container, .mat-tab-group.mat-background-accent > .mat-tab-header-pagination, .mat-tab-nav-bar.mat-background-accent > .mat-tab-header, .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container, .mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination { background-color: #1d3557; } .mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-label, .mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-tab-link, .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-label, .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-tab-link { color: #f1faee; } .mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-label.mat-tab-disabled, .mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-tab-link.mat-tab-disabled, .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-label.mat-tab-disabled, .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-tab-link.mat-tab-disabled { color: rgba(241, 250, 238, 0.4); } .mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-chevron, .mat-tab-group.mat-background-accent > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, .mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-focus-indicator::before, .mat-tab-group.mat-background-accent > .mat-tab-header .mat-focus-indicator::before, .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-focus-indicator::before, .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-focus-indicator::before { border-color: #f1faee; } .mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-group.mat-background-accent > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron { border-color: #f1faee; opacity: 0.4; } .mat-tab-group.mat-background-accent > .mat-tab-header .mat-ripple-element, .mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-ripple-element, .mat-tab-group.mat-background-accent > .mat-tab-header-pagination .mat-ripple-element, .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-ripple-element, .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-ripple-element, .mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination .mat-ripple-element { background-color: #f1faee; opacity: 0.12; } .mat-tab-group.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-group.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { background-color: rgba(248, 196, 200, 0.3); } .mat-tab-group.mat-background-warn > .mat-tab-header, .mat-tab-group.mat-background-warn > .mat-tab-link-container, .mat-tab-group.mat-background-warn > .mat-tab-header-pagination, .mat-tab-nav-bar.mat-background-warn > .mat-tab-header, .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container, .mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination { background-color: #e63946; } .mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-label, .mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-tab-link, .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-label, .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-tab-link { color: #f1faee; } .mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-label.mat-tab-disabled, .mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-tab-link.mat-tab-disabled, .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-label.mat-tab-disabled, .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-tab-link.mat-tab-disabled { color: rgba(241, 250, 238, 0.4); } .mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-chevron, .mat-tab-group.mat-background-warn > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, .mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-focus-indicator::before, .mat-tab-group.mat-background-warn > .mat-tab-header .mat-focus-indicator::before, .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-focus-indicator::before, .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-focus-indicator::before { border-color: #f1faee; } .mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-group.mat-background-warn > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron { border-color: #f1faee; opacity: 0.4; } .mat-tab-group.mat-background-warn > .mat-tab-header .mat-ripple-element, .mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-ripple-element, .mat-tab-group.mat-background-warn > .mat-tab-header-pagination .mat-ripple-element, .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-ripple-element, .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-ripple-element, .mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination .mat-ripple-element { background-color: #f1faee; opacity: 0.12; } .mat-toolbar { background: whitesmoke; color: rgba(0, 0, 0, 0.87); } .mat-toolbar.mat-primary { background: #a8dadc; color: rgba(0, 0, 0, 0.87); } .mat-toolbar.mat-accent { background: #1d3557; color: #f1faee; } .mat-toolbar.mat-warn { background: #e63946; color: #f1faee; } .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-tooltip { background: rgba(97, 97, 97, 0.9); } .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-snack-bar-container { color: rgba(255, 255, 255, 0.7); background: #323232; 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-simple-snackbar-action { color: #1d3557; } .theme-alternate .mat-ripple-element { background-color: rgba(255, 255, 255, 0.1); } .theme-alternate .mat-option { color: white; } .theme-alternate .mat-option:hover:not(.mat-option-disabled), .theme-alternate .mat-option:focus:not(.mat-option-disabled) { background: rgba(255, 255, 255, 0.04); } .theme-alternate .mat-option.mat-selected:not(.mat-option-multiple):not(.mat-option-disabled) { background: rgba(255, 255, 255, 0.04); } .theme-alternate .mat-option.mat-active { background: rgba(255, 255, 255, 0.04); color: white; } .theme-alternate .mat-option.mat-option-disabled { color: rgba(255, 255, 255, 0.5); } .theme-alternate .mat-primary .mat-option.mat-selected:not(.mat-option-disabled) { color: #a8dadc; } .theme-alternate .mat-accent .mat-option.mat-selected:not(.mat-option-disabled) { color: #1d3557; } .theme-alternate .mat-warn .mat-option.mat-selected:not(.mat-option-disabled) { color: #e63946; } .theme-alternate .mat-optgroup-label { color: rgba(255, 255, 255, 0.7); } .theme-alternate .mat-optgroup-disabled .mat-optgroup-label { color: rgba(255, 255, 255, 0.5); } .theme-alternate .mat-pseudo-checkbox { color: rgba(255, 255, 255, 0.7); } .theme-alternate .mat-pseudo-checkbox::after { color: #303030; } .theme-alternate .mat-pseudo-checkbox-disabled { color: #686868; } .theme-alternate .mat-primary .mat-pseudo-checkbox-checked, .theme-alternate .mat-primary .mat-pseudo-checkbox-indeterminate { background: #a8dadc; } .theme-alternate .mat-pseudo-checkbox-checked, .theme-alternate .mat-pseudo-checkbox-indeterminate, .theme-alternate .mat-accent .mat-pseudo-checkbox-checked, .theme-alternate .mat-accent .mat-pseudo-checkbox-indeterminate { background: #1d3557; } .theme-alternate .mat-warn .mat-pseudo-checkbox-checked, .theme-alternate .mat-warn .mat-pseudo-checkbox-indeterminate { background: #e63946; } .theme-alternate .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled, .theme-alternate .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled { background: #686868; } .theme-alternate .mat-app-background, .theme-alternate.mat-app-background { background-color: #303030; color: white; } .theme-alternate .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); } .theme-alternate .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); } .theme-alternate .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); } .theme-alternate .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); } .theme-alternate .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); } .theme-alternate .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); } .theme-alternate .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); } .theme-alternate .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); } .theme-alternate .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); } .theme-alternate .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); } .theme-alternate .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); } .theme-alternate .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); } .theme-alternate .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); } .theme-alternate .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); } .theme-alternate .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); } .theme-alternate .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); } .theme-alternate .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); } .theme-alternate .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); } .theme-alternate .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); } .theme-alternate .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); } .theme-alternate .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); } .theme-alternate .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); } .theme-alternate .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); } .theme-alternate .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); } .theme-alternate .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; } .theme-alternate .mat-autocomplete-panel { background: #424242; color: white; } .theme-alternate .mat-autocomplete-panel:not([class*=mat-elevation-z]) { 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); } .theme-alternate .mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover) { background: #424242; } .theme-alternate .mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover):not(.mat-option-disabled) { color: white; } .theme-alternate .mat-badge-content { color: rgba(0, 0, 0, 0.87); background: #a8dadc; } .cdk-high-contrast-active .theme-alternate .mat-badge-content { outline: solid 1px; border-radius: 0; } .theme-alternate .mat-badge-accent .mat-badge-content { background: #1d3557; color: #f1faee; } .theme-alternate .mat-badge-warn .mat-badge-content { color: #f1faee; background: #e63946; } .theme-alternate .mat-badge-disabled .mat-badge-content { background: #6e6e6e; color: rgba(255, 255, 255, 0.5); } .theme-alternate .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: #424242; color: white; } .theme-alternate .mat-button, .theme-alternate .mat-icon-button, .theme-alternate .mat-stroked-button { color: inherit; background: transparent; } .theme-alternate .mat-button.mat-primary, .theme-alternate .mat-icon-button.mat-primary, .theme-alternate .mat-stroked-button.mat-primary { color: #a8dadc; } .theme-alternate .mat-button.mat-accent, .theme-alternate .mat-icon-button.mat-accent, .theme-alternate .mat-stroked-button.mat-accent { color: #1d3557; } .theme-alternate .mat-button.mat-warn, .theme-alternate .mat-icon-button.mat-warn, .theme-alternate .mat-stroked-button.mat-warn { color: #e63946; } .theme-alternate .mat-button.mat-primary.mat-button-disabled, .theme-alternate .mat-button.mat-accent.mat-button-disabled, .theme-alternate .mat-button.mat-warn.mat-button-disabled, .theme-alternate .mat-button.mat-button-disabled.mat-button-disabled, .theme-alternate .mat-icon-button.mat-primary.mat-button-disabled, .theme-alternate .mat-icon-button.mat-accent.mat-button-disabled, .theme-alternate .mat-icon-button.mat-warn.mat-button-disabled, .theme-alternate .mat-icon-button.mat-button-disabled.mat-button-disabled, .theme-alternate .mat-stroked-button.mat-primary.mat-button-disabled, .theme-alternate .mat-stroked-button.mat-accent.mat-button-disabled, .theme-alternate .mat-stroked-button.mat-warn.mat-button-disabled, .theme-alternate .mat-stroked-button.mat-button-disabled.mat-button-disabled { color: rgba(255, 255, 255, 0.3); } .theme-alternate .mat-button.mat-primary .mat-button-focus-overlay, .theme-alternate .mat-icon-button.mat-primary .mat-button-focus-overlay, .theme-alternate .mat-stroked-button.mat-primary .mat-button-focus-overlay { background-color: #a8dadc; } .theme-alternate .mat-button.mat-accent .mat-button-focus-overlay, .theme-alternate .mat-icon-button.mat-accent .mat-button-focus-overlay, .theme-alternate .mat-stroked-button.mat-accent .mat-button-focus-overlay { background-color: #1d3557; } .theme-alternate .mat-button.mat-warn .mat-button-focus-overlay, .theme-alternate .mat-icon-button.mat-warn .mat-button-focus-overlay, .theme-alternate .mat-stroked-button.mat-warn .mat-button-focus-overlay { background-color: #e63946; } .theme-alternate .mat-button.mat-button-disabled .mat-button-focus-overlay, .theme-alternate .mat-icon-button.mat-button-disabled .mat-button-focus-overlay, .theme-alternate .mat-stroked-button.mat-button-disabled .mat-button-focus-overlay { background-color: transparent; } .theme-alternate .mat-button .mat-ripple-element, .theme-alternate .mat-icon-button .mat-ripple-element, .theme-alternate .mat-stroked-button .mat-ripple-element { opacity: 0.1; background-color: currentColor; } .theme-alternate .mat-button-focus-overlay { background: white; } .theme-alternate .mat-stroked-button:not(.mat-button-disabled) { border-color: rgba(255, 255, 255, 0.12); } .theme-alternate .mat-flat-button, .theme-alternate .mat-raised-button, .theme-alternate .mat-fab, .theme-alternate .mat-mini-fab { color: white; background-color: #424242; } .theme-alternate .mat-flat-button.mat-primary, .theme-alternate .mat-raised-button.mat-primary, .theme-alternate .mat-fab.mat-primary, .theme-alternate .mat-mini-fab.mat-primary { color: rgba(0, 0, 0, 0.87); } .theme-alternate .mat-flat-button.mat-accent, .theme-alternate .mat-raised-button.mat-accent, .theme-alternate .mat-fab.mat-accent, .theme-alternate .mat-mini-fab.mat-accent { color: #f1faee; } .theme-alternate .mat-flat-button.mat-warn, .theme-alternate .mat-raised-button.mat-warn, .theme-alternate .mat-fab.mat-warn, .theme-alternate .mat-mini-fab.mat-warn { color: #f1faee; } .theme-alternate .mat-flat-button.mat-primary.mat-button-disabled, .theme-alternate .mat-flat-button.mat-accent.mat-button-disabled, .theme-alternate .mat-flat-button.mat-warn.mat-button-disabled, .theme-alternate .mat-flat-button.mat-button-disabled.mat-button-disabled, .theme-alternate .mat-raised-button.mat-primary.mat-button-disabled, .theme-alternate .mat-raised-button.mat-accent.mat-button-disabled, .theme-alternate .mat-raised-button.mat-warn.mat-button-disabled, .theme-alternate .mat-raised-button.mat-button-disabled.mat-button-disabled, .theme-alternate .mat-fab.mat-primary.mat-button-disabled, .theme-alternate .mat-fab.mat-accent.mat-button-disabled, .theme-alternate .mat-fab.mat-warn.mat-button-disabled, .theme-alternate .mat-fab.mat-button-disabled.mat-button-disabled, .theme-alternate .mat-mini-fab.mat-primary.mat-button-disabled, .theme-alternate .mat-mini-fab.mat-accent.mat-button-disabled, .theme-alternate .mat-mini-fab.mat-warn.mat-button-disabled, .theme-alternate .mat-mini-fab.mat-button-disabled.mat-button-disabled { color: rgba(255, 255, 255, 0.3); } .theme-alternate .mat-flat-button.mat-primary, .theme-alternate .mat-raised-button.mat-primary, .theme-alternate .mat-fab.mat-primary, .theme-alternate .mat-mini-fab.mat-primary { background-color: #a8dadc; } .theme-alternate .mat-flat-button.mat-accent, .theme-alternate .mat-raised-button.mat-accent, .theme-alternate .mat-fab.mat-accent, .theme-alternate .mat-mini-fab.mat-accent { background-color: #1d3557; } .theme-alternate .mat-flat-button.mat-warn, .theme-alternate .mat-raised-button.mat-warn, .theme-alternate .mat-fab.mat-warn, .theme-alternate .mat-mini-fab.mat-warn { background-color: #e63946; } .theme-alternate .mat-flat-button.mat-primary.mat-button-disabled, .theme-alternate .mat-flat-button.mat-accent.mat-button-disabled, .theme-alternate .mat-flat-button.mat-warn.mat-button-disabled, .theme-alternate .mat-flat-button.mat-button-disabled.mat-button-disabled, .theme-alternate .mat-raised-button.mat-primary.mat-button-disabled, .theme-alternate .mat-raised-button.mat-accent.mat-button-disabled, .theme-alternate .mat-raised-button.mat-warn.mat-button-disabled, .theme-alternate .mat-raised-button.mat-button-disabled.mat-button-disabled, .theme-alternate .mat-fab.mat-primary.mat-button-disabled, .theme-alternate .mat-fab.mat-accent.mat-button-disabled, .theme-alternate .mat-fab.mat-warn.mat-button-disabled, .theme-alternate .mat-fab.mat-button-disabled.mat-button-disabled, .theme-alternate .mat-mini-fab.mat-primary.mat-button-disabled, .theme-alternate .mat-mini-fab.mat-accent.mat-button-disabled, .theme-alternate .mat-mini-fab.mat-warn.mat-button-disabled, .theme-alternate .mat-mini-fab.mat-button-disabled.mat-button-disabled { background-color: rgba(255, 255, 255, 0.12); } .theme-alternate .mat-flat-button.mat-primary .mat-ripple-element, .theme-alternate .mat-raised-button.mat-primary .mat-ripple-element, .theme-alternate .mat-fab.mat-primary .mat-ripple-element, .theme-alternate .mat-mini-fab.mat-primary .mat-ripple-element { background-color: rgba(0, 0, 0, 0.1); } .theme-alternate .mat-flat-button.mat-accent .mat-ripple-element, .theme-alternate .mat-raised-button.mat-accent .mat-ripple-element, .theme-alternate .mat-fab.mat-accent .mat-ripple-element, .theme-alternate .mat-mini-fab.mat-accent .mat-ripple-element { background-color: rgba(241, 250, 238, 0.1); } .theme-alternate .mat-flat-button.mat-warn .mat-ripple-element, .theme-alternate .mat-raised-button.mat-warn .mat-ripple-element, .theme-alternate .mat-fab.mat-warn .mat-ripple-element, .theme-alternate .mat-mini-fab.mat-warn .mat-ripple-element { background-color: rgba(241, 250, 238, 0.1); } .theme-alternate .mat-stroked-button:not([class*=mat-elevation-z]), .theme-alternate .mat-flat-button:not([class*=mat-elevation-z]) { 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); } .theme-alternate .mat-raised-button: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); } .theme-alternate .mat-raised-button:not(.mat-button-disabled):active:not([class*=mat-elevation-z]) { 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); } .theme-alternate .mat-raised-button.mat-button-disabled:not([class*=mat-elevation-z]) { 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); } .theme-alternate .mat-fab:not([class*=mat-elevation-z]), .theme-alternate .mat-mini-fab:not([class*=mat-elevation-z]) { 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); } .theme-alternate .mat-fab:not(.mat-button-disabled):active:not([class*=mat-elevation-z]), .theme-alternate .mat-mini-fab:not(.mat-button-disabled):active:not([class*=mat-elevation-z]) { 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); } .theme-alternate .mat-fab.mat-button-disabled:not([class*=mat-elevation-z]), .theme-alternate .mat-mini-fab.mat-button-disabled:not([class*=mat-elevation-z]) { 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); } .theme-alternate .mat-button-toggle-standalone:not([class*=mat-elevation-z]), .theme-alternate .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); } .theme-alternate .mat-button-toggle-standalone.mat-button-toggle-appearance-standard:not([class*=mat-elevation-z]), .theme-alternate .mat-button-toggle-group-appearance-standard:not([class*=mat-elevation-z]) { box-shadow: none; } .theme-alternate .mat-button-toggle { color: rgba(255, 255, 255, 0.5); } .theme-alternate .mat-button-toggle .mat-button-toggle-focus-overlay { background-color: rgba(255, 255, 255, 0.12); } .theme-alternate .mat-button-toggle-appearance-standard { color: white; background: #424242; } .theme-alternate .mat-button-toggle-appearance-standard .mat-button-toggle-focus-overlay { background-color: white; } .theme-alternate .mat-button-toggle-group-appearance-standard .mat-button-toggle + .mat-button-toggle { border-left: solid 1px #595959; } .theme-alternate [dir=rtl] .mat-button-toggle-group-appearance-standard .mat-button-toggle + .mat-button-toggle { border-left: none; border-right: solid 1px #595959; } .theme-alternate .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 #595959; } .theme-alternate .mat-button-toggle-checked { background-color: #212121; color: rgba(255, 255, 255, 0.7); } .theme-alternate .mat-button-toggle-checked.mat-button-toggle-appearance-standard { color: white; } .theme-alternate .mat-button-toggle-disabled { color: rgba(255, 255, 255, 0.3); background-color: black; } .theme-alternate .mat-button-toggle-disabled.mat-button-toggle-appearance-standard { background: #424242; } .theme-alternate .mat-button-toggle-disabled.mat-button-toggle-checked { background-color: #424242; } .theme-alternate .mat-button-toggle-standalone.mat-button-toggle-appearance-standard, .theme-alternate .mat-button-toggle-group-appearance-standard { border: solid 1px #595959; } .theme-alternate .mat-card { background: #424242; color: white; } .theme-alternate .mat-card:not([class*=mat-elevation-z]) { 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); } .theme-alternate .mat-card.mat-card-flat:not([class*=mat-elevation-z]) { 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); } .theme-alternate .mat-card-subtitle { color: rgba(255, 255, 255, 0.7); } .theme-alternate .mat-checkbox-frame { border-color: rgba(255, 255, 255, 0.7); } .theme-alternate .mat-checkbox-checkmark { fill: #303030; } .theme-alternate .mat-checkbox-checkmark-path { stroke: #303030 !important; } .theme-alternate .mat-checkbox-mixedmark { background-color: #303030; } .theme-alternate .mat-checkbox-indeterminate.mat-primary .mat-checkbox-background, .theme-alternate .mat-checkbox-checked.mat-primary .mat-checkbox-background { background-color: #a8dadc; } .theme-alternate .mat-checkbox-indeterminate.mat-accent .mat-checkbox-background, .theme-alternate .mat-checkbox-checked.mat-accent .mat-checkbox-background { background-color: #1d3557; } .theme-alternate .mat-checkbox-indeterminate.mat-warn .mat-checkbox-background, .theme-alternate .mat-checkbox-checked.mat-warn .mat-checkbox-background { background-color: #e63946; } .theme-alternate .mat-checkbox-disabled.mat-checkbox-checked .mat-checkbox-background, .theme-alternate .mat-checkbox-disabled.mat-checkbox-indeterminate .mat-checkbox-background { background-color: #686868; } .theme-alternate .mat-checkbox-disabled:not(.mat-checkbox-checked) .mat-checkbox-frame { border-color: #686868; } .theme-alternate .mat-checkbox-disabled .mat-checkbox-label { color: rgba(255, 255, 255, 0.5); } .theme-alternate .mat-checkbox .mat-ripple-element { background-color: white; } .theme-alternate .mat-checkbox-checked:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element, .theme-alternate .mat-checkbox:active:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element { background: #a8dadc; } .theme-alternate .mat-checkbox-checked:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element, .theme-alternate .mat-checkbox:active:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element { background: #1d3557; } .theme-alternate .mat-checkbox-checked:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element, .theme-alternate .mat-checkbox:active:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element { background: #e63946; } .theme-alternate .mat-chip.mat-standard-chip { background-color: #616161; color: white; } .theme-alternate .mat-chip.mat-standard-chip .mat-chip-remove { color: white; opacity: 0.4; } .theme-alternate .mat-chip.mat-standard-chip:not(.mat-chip-disabled):active { 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); } .theme-alternate .mat-chip.mat-standard-chip:not(.mat-chip-disabled) .mat-chip-remove:hover { opacity: 0.54; } .theme-alternate .mat-chip.mat-standard-chip.mat-chip-disabled { opacity: 0.4; } .theme-alternate .mat-chip.mat-standard-chip::after { background: white; } .theme-alternate .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary { background-color: #a8dadc; color: rgba(0, 0, 0, 0.87); } .theme-alternate .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-chip-remove { color: rgba(0, 0, 0, 0.87); opacity: 0.4; } .theme-alternate .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-ripple-element { background-color: rgba(0, 0, 0, 0.1); } .theme-alternate .mat-chip.mat-standard-chip.mat-chip-selected.mat-warn { background-color: #e63946; color: #f1faee; } .theme-alternate .mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-chip-remove { color: #f1faee; opacity: 0.4; } .theme-alternate .mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-ripple-element { background-color: rgba(241, 250, 238, 0.1); } .theme-alternate .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent { background-color: #1d3557; color: #f1faee; } .theme-alternate .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-chip-remove { color: #f1faee; opacity: 0.4; } .theme-alternate .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-ripple-element { background-color: rgba(241, 250, 238, 0.1); } .theme-alternate .mat-table { background: #424242; } .theme-alternate .mat-table thead, .theme-alternate .mat-table tbody, .theme-alternate .mat-table tfoot, .theme-alternate mat-header-row, .theme-alternate mat-row, .theme-alternate mat-footer-row, .theme-alternate [mat-header-row], .theme-alternate [mat-row], .theme-alternate [mat-footer-row], .theme-alternate .mat-table-sticky { background: inherit; } .theme-alternate mat-row, .theme-alternate mat-header-row, .theme-alternate mat-footer-row, .theme-alternate th.mat-header-cell, .theme-alternate td.mat-cell, .theme-alternate td.mat-footer-cell { border-bottom-color: rgba(255, 255, 255, 0.12); } .theme-alternate .mat-header-cell { color: rgba(255, 255, 255, 0.7); } .theme-alternate .mat-cell, .theme-alternate .mat-footer-cell { color: white; } .theme-alternate .mat-calendar-arrow { fill: white; } .theme-alternate .mat-datepicker-toggle, .theme-alternate .mat-datepicker-content .mat-calendar-next-button, .theme-alternate .mat-datepicker-content .mat-calendar-previous-button { color: white; } .theme-alternate .mat-calendar-table-header-divider::after { background: rgba(255, 255, 255, 0.12); } .theme-alternate .mat-calendar-table-header, .theme-alternate .mat-calendar-body-label { color: rgba(255, 255, 255, 0.7); } .theme-alternate .mat-calendar-body-cell-content, .theme-alternate .mat-date-range-input-separator { color: white; border-color: transparent; } .theme-alternate .mat-calendar-body-disabled > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { color: rgba(255, 255, 255, 0.5); } .theme-alternate .mat-form-field-disabled .mat-date-range-input-separator { color: rgba(255, 255, 255, 0.5); } .theme-alternate .mat-calendar-body-in-preview { color: rgba(255, 255, 255, 0.24); } .theme-alternate .mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { border-color: rgba(255, 255, 255, 0.5); } .theme-alternate .mat-calendar-body-disabled > .mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { border-color: rgba(255, 255, 255, 0.3); } .theme-alternate .mat-calendar-body-in-range::before { background: rgba(168, 218, 220, 0.2); } .theme-alternate .mat-calendar-body-comparison-identical, .theme-alternate .mat-calendar-body-in-comparison-range::before { background: rgba(249, 171, 0, 0.2); } .theme-alternate .mat-calendar-body-comparison-bridge-start::before, .theme-alternate [dir=rtl] .mat-calendar-body-comparison-bridge-end::before { background: linear-gradient(to right, rgba(168, 218, 220, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } .theme-alternate .mat-calendar-body-comparison-bridge-end::before, .theme-alternate [dir=rtl] .mat-calendar-body-comparison-bridge-start::before { background: linear-gradient(to left, rgba(168, 218, 220, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } .theme-alternate .mat-calendar-body-in-range > .mat-calendar-body-comparison-identical, .theme-alternate .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after { background: #a8dab5; } .theme-alternate .mat-calendar-body-comparison-identical.mat-calendar-body-selected, .theme-alternate .mat-calendar-body-in-comparison-range > .mat-calendar-body-selected { background: #46a35e; } .theme-alternate .mat-calendar-body-selected { background-color: #a8dadc; color: rgba(0, 0, 0, 0.87); } .theme-alternate .mat-calendar-body-disabled > .mat-calendar-body-selected { background-color: rgba(168, 218, 220, 0.4); } .theme-alternate .mat-calendar-body-today.mat-calendar-body-selected { box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.87); } .theme-alternate .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical), .theme-alternate .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(168, 218, 220, 0.3); } @media (hover: hover) { .theme-alternate .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(168, 218, 220, 0.3); } } .theme-alternate .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: #424242; color: white; } .theme-alternate .mat-datepicker-content.mat-accent .mat-calendar-body-in-range::before { background: rgba(29, 53, 87, 0.2); } .theme-alternate .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical, .theme-alternate .mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range::before { background: rgba(249, 171, 0, 0.2); } .theme-alternate .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-start::before, .theme-alternate .mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-end::before { background: linear-gradient(to right, rgba(29, 53, 87, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } .theme-alternate .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-end::before, .theme-alternate .mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-start::before { background: linear-gradient(to left, rgba(29, 53, 87, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } .theme-alternate .mat-datepicker-content.mat-accent .mat-calendar-body-in-range > .mat-calendar-body-comparison-identical, .theme-alternate .mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after { background: #a8dab5; } .theme-alternate .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical.mat-calendar-body-selected, .theme-alternate .mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range > .mat-calendar-body-selected { background: #46a35e; } .theme-alternate .mat-datepicker-content.mat-accent .mat-calendar-body-selected { background-color: #1d3557; color: #f1faee; } .theme-alternate .mat-datepicker-content.mat-accent .mat-calendar-body-disabled > .mat-calendar-body-selected { background-color: rgba(29, 53, 87, 0.4); } .theme-alternate .mat-datepicker-content.mat-accent .mat-calendar-body-today.mat-calendar-body-selected { box-shadow: inset 0 0 0 1px #f1faee; } .theme-alternate .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), .theme-alternate .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(29, 53, 87, 0.3); } @media (hover: hover) { .theme-alternate .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(29, 53, 87, 0.3); } } .theme-alternate .mat-datepicker-content.mat-warn .mat-calendar-body-in-range::before { background: rgba(230, 57, 70, 0.2); } .theme-alternate .mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical, .theme-alternate .mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range::before { background: rgba(249, 171, 0, 0.2); } .theme-alternate .mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-start::before, .theme-alternate .mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-end::before { background: linear-gradient(to right, rgba(230, 57, 70, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } .theme-alternate .mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-end::before, .theme-alternate .mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-start::before { background: linear-gradient(to left, rgba(230, 57, 70, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } .theme-alternate .mat-datepicker-content.mat-warn .mat-calendar-body-in-range > .mat-calendar-body-comparison-identical, .theme-alternate .mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after { background: #a8dab5; } .theme-alternate .mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical.mat-calendar-body-selected, .theme-alternate .mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range > .mat-calendar-body-selected { background: #46a35e; } .theme-alternate .mat-datepicker-content.mat-warn .mat-calendar-body-selected { background-color: #e63946; color: #f1faee; } .theme-alternate .mat-datepicker-content.mat-warn .mat-calendar-body-disabled > .mat-calendar-body-selected { background-color: rgba(230, 57, 70, 0.4); } .theme-alternate .mat-datepicker-content.mat-warn .mat-calendar-body-today.mat-calendar-body-selected { box-shadow: inset 0 0 0 1px #f1faee; } .theme-alternate .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), .theme-alternate .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(230, 57, 70, 0.3); } @media (hover: hover) { .theme-alternate .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(230, 57, 70, 0.3); } } .theme-alternate .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); } .theme-alternate .mat-datepicker-toggle-active { color: #a8dadc; } .theme-alternate .mat-datepicker-toggle-active.mat-accent { color: #1d3557; } .theme-alternate .mat-datepicker-toggle-active.mat-warn { color: #e63946; } .theme-alternate .mat-date-range-input-inner[disabled] { color: rgba(255, 255, 255, 0.5); } .theme-alternate .mat-dialog-container { 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); background: #424242; color: white; } .theme-alternate .mat-divider { border-top-color: rgba(255, 255, 255, 0.12); } .theme-alternate .mat-divider-vertical { border-right-color: rgba(255, 255, 255, 0.12); } .theme-alternate .mat-expansion-panel { background: #424242; color: white; } .theme-alternate .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); } .theme-alternate .mat-action-row { border-top-color: rgba(255, 255, 255, 0.12); } .theme-alternate .mat-expansion-panel .mat-expansion-panel-header.cdk-keyboard-focused:not([aria-disabled=true]), .theme-alternate .mat-expansion-panel .mat-expansion-panel-header.cdk-program-focused:not([aria-disabled=true]), .theme-alternate .mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:hover:not([aria-disabled=true]) { background: rgba(255, 255, 255, 0.04); } @media (hover: none) { .theme-alternate .mat-expansion-panel:not(.mat-expanded):not([aria-disabled=true]) .mat-expansion-panel-header:hover { background: #424242; } } .theme-alternate .mat-expansion-panel-header-title { color: white; } .theme-alternate .mat-expansion-panel-header-description, .theme-alternate .mat-expansion-indicator::after { color: rgba(255, 255, 255, 0.7); } .theme-alternate .mat-expansion-panel-header[aria-disabled=true] { color: rgba(255, 255, 255, 0.3); } .theme-alternate .mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-title, .theme-alternate .mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-description { color: inherit; } .theme-alternate .mat-form-field-label { color: rgba(255, 255, 255, 0.7); } .theme-alternate .mat-hint { color: rgba(255, 255, 255, 0.7); } .theme-alternate .mat-form-field.mat-focused .mat-form-field-label { color: #a8dadc; } .theme-alternate .mat-form-field.mat-focused .mat-form-field-label.mat-accent { color: #1d3557; } .theme-alternate .mat-form-field.mat-focused .mat-form-field-label.mat-warn { color: #e63946; } .theme-alternate .mat-focused .mat-form-field-required-marker { color: #1d3557; } .theme-alternate .mat-form-field-ripple { background-color: white; } .theme-alternate .mat-form-field.mat-focused .mat-form-field-ripple { background-color: #a8dadc; } .theme-alternate .mat-form-field.mat-focused .mat-form-field-ripple.mat-accent { background-color: #1d3557; } .theme-alternate .mat-form-field.mat-focused .mat-form-field-ripple.mat-warn { background-color: #e63946; } .theme-alternate .mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid) .mat-form-field-infix::after { color: #a8dadc; } .theme-alternate .mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-accent .mat-form-field-infix::after { color: #1d3557; } .theme-alternate .mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-warn .mat-form-field-infix::after { color: #e63946; } .theme-alternate .mat-form-field.mat-form-field-invalid .mat-form-field-label { color: #e63946; } .theme-alternate .mat-form-field.mat-form-field-invalid .mat-form-field-label.mat-accent, .theme-alternate .mat-form-field.mat-form-field-invalid .mat-form-field-label .mat-form-field-required-marker { color: #e63946; } .theme-alternate .mat-form-field.mat-form-field-invalid .mat-form-field-ripple, .theme-alternate .mat-form-field.mat-form-field-invalid .mat-form-field-ripple.mat-accent { background-color: #e63946; } .theme-alternate .mat-error { color: #e63946; } .theme-alternate .mat-form-field-appearance-legacy .mat-form-field-label { color: rgba(255, 255, 255, 0.7); } .theme-alternate .mat-form-field-appearance-legacy .mat-hint { color: rgba(255, 255, 255, 0.7); } .theme-alternate .mat-form-field-appearance-legacy .mat-form-field-underline { background-color: rgba(255, 255, 255, 0.7); } .theme-alternate .mat-form-field-appearance-legacy.mat-form-field-disabled .mat-form-field-underline { background-image: linear-gradient(to right, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.7) 33%, transparent 0%); background-size: 4px 100%; background-repeat: repeat-x; } .theme-alternate .mat-form-field-appearance-standard .mat-form-field-underline { background-color: rgba(255, 255, 255, 0.7); } .theme-alternate .mat-form-field-appearance-standard.mat-form-field-disabled .mat-form-field-underline { background-image: linear-gradient(to right, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.7) 33%, transparent 0%); background-size: 4px 100%; background-repeat: repeat-x; } .theme-alternate .mat-form-field-appearance-fill .mat-form-field-flex { background-color: rgba(255, 255, 255, 0.1); } .theme-alternate .mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-flex { background-color: rgba(255, 255, 255, 0.05); } .theme-alternate .mat-form-field-appearance-fill .mat-form-field-underline::before { background-color: rgba(255, 255, 255, 0.5); } .theme-alternate .mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-label { color: rgba(255, 255, 255, 0.5); } .theme-alternate .mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-underline::before { background-color: transparent; } .theme-alternate .mat-form-field-appearance-outline .mat-form-field-outline { color: rgba(255, 255, 255, 0.3); } .theme-alternate .mat-form-field-appearance-outline .mat-form-field-outline-thick { color: white; } .theme-alternate .mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick { color: #a8dadc; } .theme-alternate .mat-form-field-appearance-outline.mat-focused.mat-accent .mat-form-field-outline-thick { color: #1d3557; } .theme-alternate .mat-form-field-appearance-outline.mat-focused.mat-warn .mat-form-field-outline-thick { color: #e63946; } .theme-alternate .mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-thick { color: #e63946; } .theme-alternate .mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-label { color: rgba(255, 255, 255, 0.5); } .theme-alternate .mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-outline { color: rgba(255, 255, 255, 0.15); } .theme-alternate .mat-icon.mat-primary { color: #a8dadc; } .theme-alternate .mat-icon.mat-accent { color: #1d3557; } .theme-alternate .mat-icon.mat-warn { color: #e63946; } .theme-alternate .mat-form-field-type-mat-native-select .mat-form-field-infix::after { color: rgba(255, 255, 255, 0.7); } .theme-alternate .mat-input-element:disabled, .theme-alternate .mat-form-field-type-mat-native-select.mat-form-field-disabled .mat-form-field-infix::after { color: rgba(255, 255, 255, 0.5); } .theme-alternate .mat-input-element { caret-color: #a8dadc; } .theme-alternate .mat-input-element::placeholder { color: rgba(255, 255, 255, 0.5); } .theme-alternate .mat-input-element::-moz-placeholder { color: rgba(255, 255, 255, 0.5); } .theme-alternate .mat-input-element::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.5); } .theme-alternate .mat-input-element:-ms-input-placeholder { color: rgba(255, 255, 255, 0.5); } .theme-alternate .mat-input-element:not(.mat-native-select-inline) option { color: rgba(0, 0, 0, 0.87); } .theme-alternate .mat-input-element:not(.mat-native-select-inline) option:disabled { color: rgba(0, 0, 0, 0.38); } .theme-alternate .mat-form-field.mat-accent .mat-input-element { caret-color: #1d3557; } .theme-alternate .mat-form-field.mat-warn .mat-input-element, .theme-alternate .mat-form-field-invalid .mat-input-element { caret-color: #e63946; } .theme-alternate .mat-form-field-type-mat-native-select.mat-form-field-invalid .mat-form-field-infix::after { color: #e63946; } .theme-alternate .mat-list-base .mat-list-item { color: white; } .theme-alternate .mat-list-base .mat-list-option { color: white; } .theme-alternate .mat-list-base .mat-subheader { color: rgba(255, 255, 255, 0.7); } .theme-alternate .mat-list-base .mat-list-item-disabled { background-color: rgba(255, 255, 255, 0.12); color: rgba(255, 255, 255, 0.5); } .theme-alternate .mat-list-option:hover, .theme-alternate .mat-list-option:focus, .theme-alternate .mat-nav-list .mat-list-item:hover, .theme-alternate .mat-nav-list .mat-list-item:focus, .theme-alternate .mat-action-list .mat-list-item:hover, .theme-alternate .mat-action-list .mat-list-item:focus { background: rgba(255, 255, 255, 0.04); } .theme-alternate .mat-list-single-selected-option, .theme-alternate .mat-list-single-selected-option:hover, .theme-alternate .mat-list-single-selected-option:focus { background: rgba(255, 255, 255, 0.12); } .theme-alternate .mat-menu-panel { background: #424242; } .theme-alternate .mat-menu-panel:not([class*=mat-elevation-z]) { 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); } .theme-alternate .mat-menu-item { background: transparent; color: white; } .theme-alternate .mat-menu-item[disabled], .theme-alternate .mat-menu-item[disabled] .mat-menu-submenu-icon, .theme-alternate .mat-menu-item[disabled] .mat-icon-no-color { color: rgba(255, 255, 255, 0.5); } .theme-alternate .mat-menu-item .mat-icon-no-color, .theme-alternate .mat-menu-submenu-icon { color: white; } .theme-alternate .mat-menu-item:hover:not([disabled]), .theme-alternate .mat-menu-item.cdk-program-focused:not([disabled]), .theme-alternate .mat-menu-item.cdk-keyboard-focused:not([disabled]), .theme-alternate .mat-menu-item-highlighted:not([disabled]) { background: rgba(255, 255, 255, 0.04); } .theme-alternate .mat-paginator { background: #424242; } .theme-alternate .mat-paginator, .theme-alternate .mat-paginator-page-size .mat-select-trigger { color: rgba(255, 255, 255, 0.7); } .theme-alternate .mat-paginator-decrement, .theme-alternate .mat-paginator-increment { border-top: 2px solid white; border-right: 2px solid white; } .theme-alternate .mat-paginator-first, .theme-alternate .mat-paginator-last { border-top: 2px solid white; } .theme-alternate .mat-icon-button[disabled] .mat-paginator-decrement, .theme-alternate .mat-icon-button[disabled] .mat-paginator-increment, .theme-alternate .mat-icon-button[disabled] .mat-paginator-first, .theme-alternate .mat-icon-button[disabled] .mat-paginator-last { border-color: rgba(255, 255, 255, 0.5); } .theme-alternate .mat-progress-bar-background { fill: #4e5b5b; } .theme-alternate .mat-progress-bar-buffer { background-color: #4e5b5b; } .theme-alternate .mat-progress-bar-fill::after { background-color: #a8dadc; } .theme-alternate .mat-progress-bar.mat-accent .mat-progress-bar-background { fill: #2b313a; } .theme-alternate .mat-progress-bar.mat-accent .mat-progress-bar-buffer { background-color: #2b313a; } .theme-alternate .mat-progress-bar.mat-accent .mat-progress-bar-fill::after { background-color: #1d3557; } .theme-alternate .mat-progress-bar.mat-warn .mat-progress-bar-background { fill: #5e3236; } .theme-alternate .mat-progress-bar.mat-warn .mat-progress-bar-buffer { background-color: #5e3236; } .theme-alternate .mat-progress-bar.mat-warn .mat-progress-bar-fill::after { background-color: #e63946; } .theme-alternate .mat-progress-spinner circle, .theme-alternate .mat-spinner circle { stroke: #a8dadc; } .theme-alternate .mat-progress-spinner.mat-accent circle, .theme-alternate .mat-spinner.mat-accent circle { stroke: #1d3557; } .theme-alternate .mat-progress-spinner.mat-warn circle, .theme-alternate .mat-spinner.mat-warn circle { stroke: #e63946; } .theme-alternate .mat-radio-outer-circle { border-color: rgba(255, 255, 255, 0.7); } .theme-alternate .mat-radio-button.mat-primary.mat-radio-checked .mat-radio-outer-circle { border-color: #a8dadc; } .theme-alternate .mat-radio-button.mat-primary .mat-radio-inner-circle, .theme-alternate .mat-radio-button.mat-primary .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), .theme-alternate .mat-radio-button.mat-primary.mat-radio-checked .mat-radio-persistent-ripple, .theme-alternate .mat-radio-button.mat-primary:active .mat-radio-persistent-ripple { background-color: #a8dadc; } .theme-alternate .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle { border-color: #1d3557; } .theme-alternate .mat-radio-button.mat-accent .mat-radio-inner-circle, .theme-alternate .mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), .theme-alternate .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-persistent-ripple, .theme-alternate .mat-radio-button.mat-accent:active .mat-radio-persistent-ripple { background-color: #1d3557; } .theme-alternate .mat-radio-button.mat-warn.mat-radio-checked .mat-radio-outer-circle { border-color: #e63946; } .theme-alternate .mat-radio-button.mat-warn .mat-radio-inner-circle, .theme-alternate .mat-radio-button.mat-warn .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), .theme-alternate .mat-radio-button.mat-warn.mat-radio-checked .mat-radio-persistent-ripple, .theme-alternate .mat-radio-button.mat-warn:active .mat-radio-persistent-ripple { background-color: #e63946; } .theme-alternate .mat-radio-button.mat-radio-disabled.mat-radio-checked .mat-radio-outer-circle, .theme-alternate .mat-radio-button.mat-radio-disabled .mat-radio-outer-circle { border-color: rgba(255, 255, 255, 0.5); } .theme-alternate .mat-radio-button.mat-radio-disabled .mat-radio-ripple .mat-ripple-element, .theme-alternate .mat-radio-button.mat-radio-disabled .mat-radio-inner-circle { background-color: rgba(255, 255, 255, 0.5); } .theme-alternate .mat-radio-button.mat-radio-disabled .mat-radio-label-content { color: rgba(255, 255, 255, 0.5); } .theme-alternate .mat-radio-button .mat-ripple-element { background-color: white; } .theme-alternate .mat-select-value { color: white; } .theme-alternate .mat-select-placeholder { color: rgba(255, 255, 255, 0.5); } .theme-alternate .mat-select-disabled .mat-select-value { color: rgba(255, 255, 255, 0.5); } .theme-alternate .mat-select-arrow { color: rgba(255, 255, 255, 0.7); } .theme-alternate .mat-select-panel { background: #424242; } .theme-alternate .mat-select-panel:not([class*=mat-elevation-z]) { 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); } .theme-alternate .mat-select-panel .mat-option.mat-selected:not(.mat-option-multiple) { background: rgba(255, 255, 255, 0.12); } .theme-alternate .mat-form-field.mat-focused.mat-primary .mat-select-arrow { color: #a8dadc; } .theme-alternate .mat-form-field.mat-focused.mat-accent .mat-select-arrow { color: #1d3557; } .theme-alternate .mat-form-field.mat-focused.mat-warn .mat-select-arrow { color: #e63946; } .theme-alternate .mat-form-field .mat-select.mat-select-invalid .mat-select-arrow { color: #e63946; } .theme-alternate .mat-form-field .mat-select.mat-select-disabled .mat-select-arrow { color: rgba(255, 255, 255, 0.5); } .theme-alternate .mat-drawer-container { background-color: #303030; color: white; } .theme-alternate .mat-drawer { background-color: #424242; color: white; } .theme-alternate .mat-drawer.mat-drawer-push { background-color: #424242; } .theme-alternate .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); } .theme-alternate .mat-drawer-side { border-right: solid 1px rgba(255, 255, 255, 0.12); } .theme-alternate .mat-drawer-side.mat-drawer-end { border-left: solid 1px rgba(255, 255, 255, 0.12); border-right: none; } .theme-alternate [dir=rtl] .mat-drawer-side { border-left: solid 1px rgba(255, 255, 255, 0.12); border-right: none; } .theme-alternate [dir=rtl] .mat-drawer-side.mat-drawer-end { border-left: none; border-right: solid 1px rgba(255, 255, 255, 0.12); } .theme-alternate .mat-drawer-backdrop.mat-drawer-shown { background-color: rgba(189, 189, 189, 0.6); } .theme-alternate .mat-slide-toggle.mat-checked .mat-slide-toggle-thumb { background-color: #1d3557; } .theme-alternate .mat-slide-toggle.mat-checked .mat-slide-toggle-bar { background-color: rgba(29, 53, 87, 0.54); } .theme-alternate .mat-slide-toggle.mat-checked .mat-ripple-element { background-color: #1d3557; } .theme-alternate .mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-thumb { background-color: #a8dadc; } .theme-alternate .mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-bar { background-color: rgba(168, 218, 220, 0.54); } .theme-alternate .mat-slide-toggle.mat-primary.mat-checked .mat-ripple-element { background-color: #a8dadc; } .theme-alternate .mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-thumb { background-color: #e63946; } .theme-alternate .mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-bar { background-color: rgba(230, 57, 70, 0.54); } .theme-alternate .mat-slide-toggle.mat-warn.mat-checked .mat-ripple-element { background-color: #e63946; } .theme-alternate .mat-slide-toggle:not(.mat-checked) .mat-ripple-element { background-color: white; } .theme-alternate .mat-slide-toggle-thumb { 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); background-color: #bdbdbd; } .theme-alternate .mat-slide-toggle-bar { background-color: rgba(255, 255, 255, 0.5); } .theme-alternate .mat-slider-track-background { background-color: rgba(255, 255, 255, 0.3); } .theme-alternate .mat-slider.mat-primary .mat-slider-track-fill, .theme-alternate .mat-slider.mat-primary .mat-slider-thumb, .theme-alternate .mat-slider.mat-primary .mat-slider-thumb-label { background-color: #a8dadc; } .theme-alternate .mat-slider.mat-primary .mat-slider-thumb-label-text { color: rgba(0, 0, 0, 0.87); } .theme-alternate .mat-slider.mat-primary .mat-slider-focus-ring { background-color: rgba(168, 218, 220, 0.2); } .theme-alternate .mat-slider.mat-accent .mat-slider-track-fill, .theme-alternate .mat-slider.mat-accent .mat-slider-thumb, .theme-alternate .mat-slider.mat-accent .mat-slider-thumb-label { background-color: #1d3557; } .theme-alternate .mat-slider.mat-accent .mat-slider-thumb-label-text { color: #f1faee; } .theme-alternate .mat-slider.mat-accent .mat-slider-focus-ring { background-color: rgba(29, 53, 87, 0.2); } .theme-alternate .mat-slider.mat-warn .mat-slider-track-fill, .theme-alternate .mat-slider.mat-warn .mat-slider-thumb, .theme-alternate .mat-slider.mat-warn .mat-slider-thumb-label { background-color: #e63946; } .theme-alternate .mat-slider.mat-warn .mat-slider-thumb-label-text { color: #f1faee; } .theme-alternate .mat-slider.mat-warn .mat-slider-focus-ring { background-color: rgba(230, 57, 70, 0.2); } .theme-alternate .mat-slider:hover .mat-slider-track-background, .theme-alternate .mat-slider.cdk-focused .mat-slider-track-background { background-color: rgba(255, 255, 255, 0.3); } .theme-alternate .mat-slider.mat-slider-disabled .mat-slider-track-background, .theme-alternate .mat-slider.mat-slider-disabled .mat-slider-track-fill, .theme-alternate .mat-slider.mat-slider-disabled .mat-slider-thumb { background-color: rgba(255, 255, 255, 0.3); } .theme-alternate .mat-slider.mat-slider-disabled:hover .mat-slider-track-background { background-color: rgba(255, 255, 255, 0.3); } .theme-alternate .mat-slider.mat-slider-min-value .mat-slider-focus-ring { background-color: rgba(255, 255, 255, 0.12); } .theme-alternate .mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb, .theme-alternate .mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb-label { background-color: white; } .theme-alternate .mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb, .theme-alternate .mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb-label { background-color: rgba(255, 255, 255, 0.3); } .theme-alternate .mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing) .mat-slider-thumb { border-color: rgba(255, 255, 255, 0.3); background-color: transparent; } .theme-alternate .mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover .mat-slider-thumb, .theme-alternate .mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused .mat-slider-thumb { border-color: rgba(255, 255, 255, 0.3); } .theme-alternate .mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover.mat-slider-disabled .mat-slider-thumb, .theme-alternate .mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused.mat-slider-disabled .mat-slider-thumb { border-color: rgba(255, 255, 255, 0.3); } .theme-alternate .mat-slider-has-ticks .mat-slider-wrapper::after { border-color: rgba(255, 255, 255, 0.7); } .theme-alternate .mat-slider-horizontal .mat-slider-ticks { background-image: repeating-linear-gradient(to right, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7) 2px, transparent 0, transparent); background-image: -moz-repeating-linear-gradient(0.0001deg, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7) 2px, transparent 0, transparent); } .theme-alternate .mat-slider-vertical .mat-slider-ticks { background-image: repeating-linear-gradient(to bottom, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7) 2px, transparent 0, transparent); } .theme-alternate .mat-step-header.cdk-keyboard-focused, .theme-alternate .mat-step-header.cdk-program-focused, .theme-alternate .mat-step-header:hover:not([aria-disabled]), .theme-alternate .mat-step-header:hover[aria-disabled=false] { background-color: rgba(255, 255, 255, 0.04); } .theme-alternate .mat-step-header:hover[aria-disabled=true] { cursor: default; } @media (hover: none) { .theme-alternate .mat-step-header:hover { background: none; } } .theme-alternate .mat-step-header .mat-step-label, .theme-alternate .mat-step-header .mat-step-optional { color: rgba(255, 255, 255, 0.7); } .theme-alternate .mat-step-header .mat-step-icon { background-color: rgba(255, 255, 255, 0.7); color: rgba(0, 0, 0, 0.87); } .theme-alternate .mat-step-header .mat-step-icon-selected, .theme-alternate .mat-step-header .mat-step-icon-state-done, .theme-alternate .mat-step-header .mat-step-icon-state-edit { background-color: #a8dadc; color: rgba(0, 0, 0, 0.87); } .theme-alternate .mat-step-header.mat-accent .mat-step-icon { color: #f1faee; } .theme-alternate .mat-step-header.mat-accent .mat-step-icon-selected, .theme-alternate .mat-step-header.mat-accent .mat-step-icon-state-done, .theme-alternate .mat-step-header.mat-accent .mat-step-icon-state-edit { background-color: #1d3557; color: #f1faee; } .theme-alternate .mat-step-header.mat-warn .mat-step-icon { color: #f1faee; } .theme-alternate .mat-step-header.mat-warn .mat-step-icon-selected, .theme-alternate .mat-step-header.mat-warn .mat-step-icon-state-done, .theme-alternate .mat-step-header.mat-warn .mat-step-icon-state-edit { background-color: #e63946; color: #f1faee; } .theme-alternate .mat-step-header .mat-step-icon-state-error { background-color: transparent; color: #e63946; } .theme-alternate .mat-step-header .mat-step-label.mat-step-label-active { color: white; } .theme-alternate .mat-step-header .mat-step-label.mat-step-label-error { color: #e63946; } .theme-alternate .mat-stepper-horizontal, .theme-alternate .mat-stepper-vertical { background-color: #424242; } .theme-alternate .mat-stepper-vertical-line::before { border-left-color: rgba(255, 255, 255, 0.12); } .theme-alternate .mat-horizontal-stepper-header::before, .theme-alternate .mat-horizontal-stepper-header::after, .theme-alternate .mat-stepper-horizontal-line { border-top-color: rgba(255, 255, 255, 0.12); } .theme-alternate .mat-sort-header-arrow { color: #c6c6c6; } .theme-alternate .mat-tab-nav-bar, .theme-alternate .mat-tab-header { border-bottom: 1px solid rgba(255, 255, 255, 0.12); } .theme-alternate .mat-tab-group-inverted-header .mat-tab-nav-bar, .theme-alternate .mat-tab-group-inverted-header .mat-tab-header { border-top: 1px solid rgba(255, 255, 255, 0.12); border-bottom: none; } .theme-alternate .mat-tab-label, .theme-alternate .mat-tab-link { color: white; } .theme-alternate .mat-tab-label.mat-tab-disabled, .theme-alternate .mat-tab-link.mat-tab-disabled { color: rgba(255, 255, 255, 0.5); } .theme-alternate .mat-tab-header-pagination-chevron { border-color: white; } .theme-alternate .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron { border-color: rgba(255, 255, 255, 0.5); } .theme-alternate .mat-tab-group[class*=mat-background-] > .mat-tab-header, .theme-alternate .mat-tab-nav-bar[class*=mat-background-] { border-bottom: none; border-top: none; } .theme-alternate .mat-tab-group.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .theme-alternate .mat-tab-group.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .theme-alternate .mat-tab-group.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .theme-alternate .mat-tab-group.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .theme-alternate .mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .theme-alternate .mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .theme-alternate .mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .theme-alternate .mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { background-color: rgba(229, 244, 245, 0.3); } .theme-alternate .mat-tab-group.mat-primary .mat-ink-bar, .theme-alternate .mat-tab-nav-bar.mat-primary .mat-ink-bar { background-color: #a8dadc; } .theme-alternate .mat-tab-group.mat-primary.mat-background-primary > .mat-tab-header .mat-ink-bar, .theme-alternate .mat-tab-group.mat-primary.mat-background-primary > .mat-tab-link-container .mat-ink-bar, .theme-alternate .mat-tab-nav-bar.mat-primary.mat-background-primary > .mat-tab-header .mat-ink-bar, .theme-alternate .mat-tab-nav-bar.mat-primary.mat-background-primary > .mat-tab-link-container .mat-ink-bar { background-color: rgba(0, 0, 0, 0.87); } .theme-alternate .mat-tab-group.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .theme-alternate .mat-tab-group.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .theme-alternate .mat-tab-group.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .theme-alternate .mat-tab-group.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .theme-alternate .mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .theme-alternate .mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .theme-alternate .mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .theme-alternate .mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { background-color: rgba(187, 194, 205, 0.3); } .theme-alternate .mat-tab-group.mat-accent .mat-ink-bar, .theme-alternate .mat-tab-nav-bar.mat-accent .mat-ink-bar { background-color: #1d3557; } .theme-alternate .mat-tab-group.mat-accent.mat-background-accent > .mat-tab-header .mat-ink-bar, .theme-alternate .mat-tab-group.mat-accent.mat-background-accent > .mat-tab-link-container .mat-ink-bar, .theme-alternate .mat-tab-nav-bar.mat-accent.mat-background-accent > .mat-tab-header .mat-ink-bar, .theme-alternate .mat-tab-nav-bar.mat-accent.mat-background-accent > .mat-tab-link-container .mat-ink-bar { background-color: #f1faee; } .theme-alternate .mat-tab-group.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .theme-alternate .mat-tab-group.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .theme-alternate .mat-tab-group.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .theme-alternate .mat-tab-group.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .theme-alternate .mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .theme-alternate .mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .theme-alternate .mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .theme-alternate .mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { background-color: rgba(248, 196, 200, 0.3); } .theme-alternate .mat-tab-group.mat-warn .mat-ink-bar, .theme-alternate .mat-tab-nav-bar.mat-warn .mat-ink-bar { background-color: #e63946; } .theme-alternate .mat-tab-group.mat-warn.mat-background-warn > .mat-tab-header .mat-ink-bar, .theme-alternate .mat-tab-group.mat-warn.mat-background-warn > .mat-tab-link-container .mat-ink-bar, .theme-alternate .mat-tab-nav-bar.mat-warn.mat-background-warn > .mat-tab-header .mat-ink-bar, .theme-alternate .mat-tab-nav-bar.mat-warn.mat-background-warn > .mat-tab-link-container .mat-ink-bar { background-color: #f1faee; } .theme-alternate .mat-tab-group.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .theme-alternate .mat-tab-group.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .theme-alternate .mat-tab-group.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .theme-alternate .mat-tab-group.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .theme-alternate .mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .theme-alternate .mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .theme-alternate .mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .theme-alternate .mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { background-color: rgba(229, 244, 245, 0.3); } .theme-alternate .mat-tab-group.mat-background-primary > .mat-tab-header, .theme-alternate .mat-tab-group.mat-background-primary > .mat-tab-link-container, .theme-alternate .mat-tab-group.mat-background-primary > .mat-tab-header-pagination, .theme-alternate .mat-tab-nav-bar.mat-background-primary > .mat-tab-header, .theme-alternate .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container, .theme-alternate .mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination { background-color: #a8dadc; } .theme-alternate .mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-label, .theme-alternate .mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-tab-link, .theme-alternate .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-label, .theme-alternate .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-tab-link { color: rgba(0, 0, 0, 0.87); } .theme-alternate .mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-label.mat-tab-disabled, .theme-alternate .mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-tab-link.mat-tab-disabled, .theme-alternate .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-label.mat-tab-disabled, .theme-alternate .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-tab-link.mat-tab-disabled { color: rgba(0, 0, 0, 0.4); } .theme-alternate .mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-chevron, .theme-alternate .mat-tab-group.mat-background-primary > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, .theme-alternate .mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-focus-indicator::before, .theme-alternate .mat-tab-group.mat-background-primary > .mat-tab-header .mat-focus-indicator::before, .theme-alternate .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-chevron, .theme-alternate .mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, .theme-alternate .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-focus-indicator::before, .theme-alternate .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-focus-indicator::before { border-color: rgba(0, 0, 0, 0.87); } .theme-alternate .mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .theme-alternate .mat-tab-group.mat-background-primary > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .theme-alternate .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .theme-alternate .mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron { border-color: black; opacity: 0.4; } .theme-alternate .mat-tab-group.mat-background-primary > .mat-tab-header .mat-ripple-element, .theme-alternate .mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-ripple-element, .theme-alternate .mat-tab-group.mat-background-primary > .mat-tab-header-pagination .mat-ripple-element, .theme-alternate .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-ripple-element, .theme-alternate .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-ripple-element, .theme-alternate .mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination .mat-ripple-element { background-color: black; opacity: 0.12; } .theme-alternate .mat-tab-group.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .theme-alternate .mat-tab-group.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .theme-alternate .mat-tab-group.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .theme-alternate .mat-tab-group.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .theme-alternate .mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .theme-alternate .mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .theme-alternate .mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .theme-alternate .mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { background-color: rgba(187, 194, 205, 0.3); } .theme-alternate .mat-tab-group.mat-background-accent > .mat-tab-header, .theme-alternate .mat-tab-group.mat-background-accent > .mat-tab-link-container, .theme-alternate .mat-tab-group.mat-background-accent > .mat-tab-header-pagination, .theme-alternate .mat-tab-nav-bar.mat-background-accent > .mat-tab-header, .theme-alternate .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container, .theme-alternate .mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination { background-color: #1d3557; } .theme-alternate .mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-label, .theme-alternate .mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-tab-link, .theme-alternate .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-label, .theme-alternate .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-tab-link { color: #f1faee; } .theme-alternate .mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-label.mat-tab-disabled, .theme-alternate .mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-tab-link.mat-tab-disabled, .theme-alternate .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-label.mat-tab-disabled, .theme-alternate .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-tab-link.mat-tab-disabled { color: rgba(241, 250, 238, 0.4); } .theme-alternate .mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-chevron, .theme-alternate .mat-tab-group.mat-background-accent > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, .theme-alternate .mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-focus-indicator::before, .theme-alternate .mat-tab-group.mat-background-accent > .mat-tab-header .mat-focus-indicator::before, .theme-alternate .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-chevron, .theme-alternate .mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, .theme-alternate .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-focus-indicator::before, .theme-alternate .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-focus-indicator::before { border-color: #f1faee; } .theme-alternate .mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .theme-alternate .mat-tab-group.mat-background-accent > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .theme-alternate .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .theme-alternate .mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron { border-color: #f1faee; opacity: 0.4; } .theme-alternate .mat-tab-group.mat-background-accent > .mat-tab-header .mat-ripple-element, .theme-alternate .mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-ripple-element, .theme-alternate .mat-tab-group.mat-background-accent > .mat-tab-header-pagination .mat-ripple-element, .theme-alternate .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-ripple-element, .theme-alternate .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-ripple-element, .theme-alternate .mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination .mat-ripple-element { background-color: #f1faee; opacity: 0.12; } .theme-alternate .mat-tab-group.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .theme-alternate .mat-tab-group.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .theme-alternate .mat-tab-group.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .theme-alternate .mat-tab-group.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .theme-alternate .mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .theme-alternate .mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .theme-alternate .mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .theme-alternate .mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { background-color: rgba(248, 196, 200, 0.3); } .theme-alternate .mat-tab-group.mat-background-warn > .mat-tab-header, .theme-alternate .mat-tab-group.mat-background-warn > .mat-tab-link-container, .theme-alternate .mat-tab-group.mat-background-warn > .mat-tab-header-pagination, .theme-alternate .mat-tab-nav-bar.mat-background-warn > .mat-tab-header, .theme-alternate .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container, .theme-alternate .mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination { background-color: #e63946; } .theme-alternate .mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-label, .theme-alternate .mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-tab-link, .theme-alternate .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-label, .theme-alternate .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-tab-link { color: #f1faee; } .theme-alternate .mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-label.mat-tab-disabled, .theme-alternate .mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-tab-link.mat-tab-disabled, .theme-alternate .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-label.mat-tab-disabled, .theme-alternate .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-tab-link.mat-tab-disabled { color: rgba(241, 250, 238, 0.4); } .theme-alternate .mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-chevron, .theme-alternate .mat-tab-group.mat-background-warn > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, .theme-alternate .mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-focus-indicator::before, .theme-alternate .mat-tab-group.mat-background-warn > .mat-tab-header .mat-focus-indicator::before, .theme-alternate .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-chevron, .theme-alternate .mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, .theme-alternate .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-focus-indicator::before, .theme-alternate .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-focus-indicator::before { border-color: #f1faee; } .theme-alternate .mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .theme-alternate .mat-tab-group.mat-background-warn > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .theme-alternate .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .theme-alternate .mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron { border-color: #f1faee; opacity: 0.4; } .theme-alternate .mat-tab-group.mat-background-warn > .mat-tab-header .mat-ripple-element, .theme-alternate .mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-ripple-element, .theme-alternate .mat-tab-group.mat-background-warn > .mat-tab-header-pagination .mat-ripple-element, .theme-alternate .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-ripple-element, .theme-alternate .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-ripple-element, .theme-alternate .mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination .mat-ripple-element { background-color: #f1faee; opacity: 0.12; } .theme-alternate .mat-toolbar { background: #212121; color: white; } .theme-alternate .mat-toolbar.mat-primary { background: #a8dadc; color: rgba(0, 0, 0, 0.87); } .theme-alternate .mat-toolbar.mat-accent { background: #1d3557; color: #f1faee; } .theme-alternate .mat-toolbar.mat-warn { background: #e63946; color: #f1faee; } .theme-alternate .mat-toolbar .mat-form-field-underline, .theme-alternate .mat-toolbar .mat-form-field-ripple, .theme-alternate .mat-toolbar .mat-focused .mat-form-field-ripple { background-color: currentColor; } .theme-alternate .mat-toolbar .mat-form-field-label, .theme-alternate .mat-toolbar .mat-focused .mat-form-field-label, .theme-alternate .mat-toolbar .mat-select-value, .theme-alternate .mat-toolbar .mat-select-arrow, .theme-alternate .mat-toolbar .mat-form-field.mat-focused .mat-select-arrow { color: inherit; } .theme-alternate .mat-toolbar .mat-input-element { caret-color: currentColor; } .theme-alternate .mat-tooltip { background: rgba(97, 97, 97, 0.9); } .theme-alternate .mat-tree { background: #424242; } .theme-alternate .mat-tree-node, .theme-alternate .mat-nested-tree-node { color: white; } .theme-alternate .mat-snack-bar-container { color: rgba(0, 0, 0, 0.87); background: #fafafa; 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); } .theme-alternate .mat-simple-snackbar-action { color: inherit; } .mat-raised-button, .mat-stroked-button, .mat-flat-button { padding: 0 1.15em; margin: 0 0.65em; min-width: 3em; line-height: 36.4px; } .mat-standard-chip { padding: 0.5em 0.85em; min-height: 2.5em; } .material-icons { font-size: 24px; font-family: "Material Icons", "Material Icons"; } .material-icons .mat-badge-content { font-family: "Roboto"; } /*# sourceMappingURL=styles.f6d95c55106d7e20.css.map*/