@eui/styles 15.0.0-rc.2 → 15.0.0-rc.21

package/src/styles/05-material/compiled/_full.scss

@@ -0,0 +1,685 @@
+.mat-ripple {
+    overflow: hidden;
+    position: relative;
+  }
+  .mat-ripple:not(:empty) {
+    transform: translateZ(0);
+  }
+
+  .mat-ripple.mat-ripple-unbounded {
+    overflow: visible;
+  }
+
+  .mat-ripple-element {
+    position: absolute;
+    border-radius: 50%;
+    pointer-events: none;
+    transition: opacity, transform 0ms cubic-bezier(0, 0, 0.2, 1);
+    transform: scale3d(0, 0, 0);
+  }
+  .cdk-high-contrast-active .mat-ripple-element {
+    display: none;
+  }
+
+  .cdk-visually-hidden {
+    border: 0;
+    clip: rect(0 0 0 0);
+    height: 1px;
+    margin: -1px;
+    overflow: hidden;
+    padding: 0;
+    position: absolute;
+    width: 1px;
+    white-space: nowrap;
+    outline: 0;
+    -webkit-appearance: none;
+    -moz-appearance: none;
+    left: 0;
+  }
+  [dir=rtl] .cdk-visually-hidden {
+    left: auto;
+    right: 0;
+  }
+
+  .cdk-overlay-container, .cdk-global-overlay-wrapper {
+    pointer-events: none;
+    top: 0;
+    left: 0;
+    height: 100%;
+    width: 100%;
+  }
+
+  .cdk-overlay-container {
+    position: fixed;
+    z-index: 1000;
+  }
+  .cdk-overlay-container:empty {
+    display: none;
+  }
+
+  .cdk-global-overlay-wrapper {
+    display: flex;
+    position: absolute;
+    z-index: 1000;
+  }
+
+  .cdk-overlay-pane {
+    position: absolute;
+    pointer-events: auto;
+    box-sizing: border-box;
+    z-index: 1000;
+    display: flex;
+    max-width: 100%;
+    max-height: 100%;
+  }
+
+  .cdk-overlay-backdrop {
+    position: absolute;
+    top: 0;
+    bottom: 0;
+    left: 0;
+    right: 0;
+    z-index: 1000;
+    pointer-events: auto;
+    -webkit-tap-highlight-color: transparent;
+    transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
+    opacity: 0;
+  }
+  .cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
+    opacity: 1;
+  }
+  .cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
+    opacity: 0.6;
+  }
+
+  .cdk-overlay-dark-backdrop {
+    background: rgba(0, 0, 0, 0.32);
+  }
+
+  .cdk-overlay-transparent-backdrop {
+    transition: visibility 1ms linear, opacity 1ms linear;
+    visibility: hidden;
+    opacity: 1;
+  }
+  .cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing {
+    opacity: 0;
+    visibility: visible;
+  }
+
+  .cdk-overlay-backdrop-noop-animation {
+    transition: none;
+  }
+
+  .cdk-overlay-connected-position-bounding-box {
+    position: absolute;
+    z-index: 1000;
+    display: flex;
+    flex-direction: column;
+    min-width: 1px;
+    min-height: 1px;
+  }
+
+  .cdk-global-scrollblock {
+    position: fixed;
+    width: 100%;
+    overflow-y: scroll;
+  }
+
+  textarea.cdk-textarea-autosize {
+    resize: none;
+  }
+
+  textarea.cdk-textarea-autosize-measuring {
+    padding: 2px 0 !important;
+    box-sizing: content-box !important;
+    height: auto !important;
+    overflow: hidden !important;
+  }
+
+  textarea.cdk-textarea-autosize-measuring-firefox {
+    padding: 2px 0 !important;
+    box-sizing: content-box !important;
+    height: 0 !important;
+  }
+
+  @keyframes cdk-text-field-autofill-start { /*!*/ }
+  @keyframes cdk-text-field-autofill-end { /*!*/ }
+  .cdk-text-field-autofill-monitored:-webkit-autofill {
+    animation: cdk-text-field-autofill-start 0s 1ms;
+  }
+
+  .cdk-text-field-autofill-monitored:not(:-webkit-autofill) {
+    animation: cdk-text-field-autofill-end 0s 1ms;
+  }
+
+  .mat-focus-indicator {
+    position: relative;
+  }
+  .mat-focus-indicator::before {
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    position: absolute;
+    box-sizing: border-box;
+    pointer-events: none;
+    display: var(--mat-focus-indicator-display, none);
+    border: var(--mat-focus-indicator-border-width, 3px) var(--mat-focus-indicator-border-style, solid) var(--mat-focus-indicator-border-color, transparent);
+    border-radius: var(--mat-focus-indicator-border-radius, 4px);
+  }
+  .mat-focus-indicator:focus::before {
+    content: "";
+  }
+
+  .cdk-high-contrast-active {
+    --mat-focus-indicator-display: block;
+  }
+
+  .mat-mdc-focus-indicator {
+    position: relative;
+  }
+  .mat-mdc-focus-indicator::before {
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    position: absolute;
+    box-sizing: border-box;
+    pointer-events: none;
+    display: var(--mat-mdc-focus-indicator-display, none);
+    border: var(--mat-mdc-focus-indicator-border-width, 3px) var(--mat-mdc-focus-indicator-border-style, solid) var(--mat-mdc-focus-indicator-border-color, transparent);
+    border-radius: var(--mat-mdc-focus-indicator-border-radius, 4px);
+  }
+  .mat-mdc-focus-indicator:focus::before {
+    content: "";
+  }
+
+  .cdk-high-contrast-active {
+    --mat-mdc-focus-indicator-display: block;
+  }
+
+  .mat-ripple-element {
+    background-color: rgba(0, 0, 0, 0.1);
+  }
+
+  .mat-mdc-option {
+    color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87));
+  }
+  .mat-mdc-option:hover:not(.mdc-list-item--disabled), .mat-mdc-option:focus:not(.mdc-list-item--disabled), .mat-mdc-option.mat-mdc-option-active, .mat-mdc-option.mdc-list-item--selected:not(.mat-mdc-option-multiple):not(.mdc-list-item--disabled) {
+    background: rgba(0, 0, 0, 0.04);
+  }
+
+  .mat-primary .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled) .mdc-list-item__primary-text {
+    color: var(--mdc-theme-primary, #004494);
+  }
+
+  .mat-accent .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled) .mdc-list-item__primary-text {
+    color: var(--mdc-theme-secondary, #fffcf4);
+  }
+
+  .mat-warn .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled) .mdc-list-item__primary-text {
+    color: var(--mdc-theme-error, #da2131);
+  }
+
+  .mat-mdc-optgroup-label {
+    color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87));
+  }
+
+  .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: #004494;
+  }
+
+  .mat-pseudo-checkbox-checked,
+  .mat-pseudo-checkbox-indeterminate,
+  .mat-accent .mat-pseudo-checkbox-checked,
+  .mat-accent .mat-pseudo-checkbox-indeterminate {
+    background: #fffcf4;
+  }
+
+  .mat-warn .mat-pseudo-checkbox-checked,
+  .mat-warn .mat-pseudo-checkbox-indeterminate {
+    background: #da2131;
+  }
+
+  .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, .mat-mdc-elevation-specific.mat-elevation-z0 {
+    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
+  }
+
+  .mat-elevation-z1, .mat-mdc-elevation-specific.mat-elevation-z1 {
+    box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
+  }
+
+  .mat-elevation-z2, .mat-mdc-elevation-specific.mat-elevation-z2 {
+    box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
+  }
+
+  .mat-elevation-z3, .mat-mdc-elevation-specific.mat-elevation-z3 {
+    box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12);
+  }
+
+  .mat-elevation-z4, .mat-mdc-elevation-specific.mat-elevation-z4 {
+    box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
+  }
+
+  .mat-elevation-z5, .mat-mdc-elevation-specific.mat-elevation-z5 {
+    box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12);
+  }
+
+  .mat-elevation-z6, .mat-mdc-elevation-specific.mat-elevation-z6 {
+    box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
+  }
+
+  .mat-elevation-z7, .mat-mdc-elevation-specific.mat-elevation-z7 {
+    box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12);
+  }
+
+  .mat-elevation-z8, .mat-mdc-elevation-specific.mat-elevation-z8 {
+    box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
+  }
+
+  .mat-elevation-z9, .mat-mdc-elevation-specific.mat-elevation-z9 {
+    box-shadow: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12);
+  }
+
+  .mat-elevation-z10, .mat-mdc-elevation-specific.mat-elevation-z10 {
+    box-shadow: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12);
+  }
+
+  .mat-elevation-z11, .mat-mdc-elevation-specific.mat-elevation-z11 {
+    box-shadow: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12);
+  }
+
+  .mat-elevation-z12, .mat-mdc-elevation-specific.mat-elevation-z12 {
+    box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
+  }
+
+  .mat-elevation-z13, .mat-mdc-elevation-specific.mat-elevation-z13 {
+    box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12);
+  }
+
+  .mat-elevation-z14, .mat-mdc-elevation-specific.mat-elevation-z14 {
+    box-shadow: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12);
+  }
+
+  .mat-elevation-z15, .mat-mdc-elevation-specific.mat-elevation-z15 {
+    box-shadow: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12);
+  }
+
+  .mat-elevation-z16, .mat-mdc-elevation-specific.mat-elevation-z16 {
+    box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);
+  }
+
+  .mat-elevation-z17, .mat-mdc-elevation-specific.mat-elevation-z17 {
+    box-shadow: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12);
+  }
+
+  .mat-elevation-z18, .mat-mdc-elevation-specific.mat-elevation-z18 {
+    box-shadow: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12);
+  }
+
+  .mat-elevation-z19, .mat-mdc-elevation-specific.mat-elevation-z19 {
+    box-shadow: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12);
+  }
+
+  .mat-elevation-z20, .mat-mdc-elevation-specific.mat-elevation-z20 {
+    box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12);
+  }
+
+  .mat-elevation-z21, .mat-mdc-elevation-specific.mat-elevation-z21 {
+    box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12);
+  }
+
+  .mat-elevation-z22, .mat-mdc-elevation-specific.mat-elevation-z22 {
+    box-shadow: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12);
+  }
+
+  .mat-elevation-z23, .mat-mdc-elevation-specific.mat-elevation-z23 {
+    box-shadow: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12);
+  }
+
+  .mat-elevation-z24, .mat-mdc-elevation-specific.mat-elevation-z24 {
+    box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
+  }
+
+  .mat-theme-loaded-marker {
+    display: none;
+  }
+
+  .mat-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(0, 68, 148, 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(0, 68, 148, 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(0, 68, 148, 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: #004494;
+    color: white;
+  }
+
+  .mat-calendar-body-disabled > .mat-calendar-body-selected {
+    background-color: rgba(0, 68, 148, 0.4);
+  }
+
+  .mat-calendar-body-today.mat-calendar-body-selected {
+    box-shadow: inset 0 0 0 1px white;
+  }
+
+  .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
+  .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
+    background-color: rgba(0, 68, 148, 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(0, 68, 148, 0.3);
+    }
+  }
+  .mat-datepicker-content {
+    box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
+    background-color: white;
+    color: rgba(0, 0, 0, 0.87);
+  }
+  .mat-datepicker-content.mat-accent .mat-calendar-body-in-range::before {
+    background: rgba(255, 252, 244, 0.2);
+  }
+  .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical,
+  .mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range::before {
+    background: rgba(249, 171, 0, 0.2);
+  }
+  .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-start::before,
+  .mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-end::before {
+    background: linear-gradient(to right, rgba(255, 252, 244, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%);
+  }
+  .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-end::before,
+  .mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-start::before {
+    background: linear-gradient(to left, rgba(255, 252, 244, 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: #fffcf4;
+    color: #999999;
+  }
+  .mat-datepicker-content.mat-accent .mat-calendar-body-disabled > .mat-calendar-body-selected {
+    background-color: rgba(255, 252, 244, 0.4);
+  }
+  .mat-datepicker-content.mat-accent .mat-calendar-body-today.mat-calendar-body-selected {
+    box-shadow: inset 0 0 0 1px #999999;
+  }
+  .mat-datepicker-content.mat-accent .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
+  .mat-datepicker-content.mat-accent .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
+    background-color: rgba(255, 252, 244, 0.3);
+  }
+  @media (hover: hover) {
+    .mat-datepicker-content.mat-accent .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
+      background-color: rgba(255, 252, 244, 0.3);
+    }
+  }
+  .mat-datepicker-content.mat-warn .mat-calendar-body-in-range::before {
+    background: rgba(218, 33, 49, 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(218, 33, 49, 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(218, 33, 49, 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: #da2131;
+    color: white;
+  }
+  .mat-datepicker-content.mat-warn .mat-calendar-body-disabled > .mat-calendar-body-selected {
+    background-color: rgba(218, 33, 49, 0.4);
+  }
+  .mat-datepicker-content.mat-warn .mat-calendar-body-today.mat-calendar-body-selected {
+    box-shadow: inset 0 0 0 1px white;
+  }
+  .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(218, 33, 49, 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(218, 33, 49, 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: #004494;
+  }
+  .mat-datepicker-toggle-active.mat-accent {
+    color: #fffcf4;
+  }
+  .mat-datepicker-toggle-active.mat-warn {
+    color: #da2131;
+  }
+
+  .mat-date-range-input-inner[disabled] {
+    color: rgba(0, 0, 0, 0.38);
+  }
+
+  .mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base {
+    width: 40px;
+    height: 40px;
+    padding: 8px;
+  }
+  .mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base .mdc-icon-button__focus-ring {
+    max-height: 40px;
+    max-width: 40px;
+  }
+  .mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base.mdc-icon-button--reduced-size .mdc-icon-button__ripple {
+    width: 40px;
+    height: 40px;
+    margin-top: 0px;
+    margin-bottom: 0px;
+    margin-right: 0px;
+    margin-left: 0px;
+  }
+  .mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base.mdc-icon-button--reduced-size .mdc-icon-button__focus-ring {
+    max-height: 40px;
+    max-width: 40px;
+  }
+  .mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base .mdc-icon-button__touch {
+    position: absolute;
+    top: 50%;
+    height: 40px;
+    /* @noflip */ /*rtl:ignore*/
+    left: 50%;
+    width: 40px;
+    transform: translate(-50%, -50%);
+  }
+  .mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base .mat-mdc-button-touch-target {
+    display: none;
+  }
+
+  .mdc-menu-surface {
+    box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
+    background-color: var(--mdc-theme-surface, #fff);
+    color: var(--mdc-theme-on-surface, #000);
+  }
+  .mdc-list-item__primary-text {
+    color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87));
+  }
+
+  .mdc-list-item__secondary-text {
+    color: var(--mdc-theme-text-secondary-on-background, rgba(0, 0, 0, 0.54));
+  }
+
+  .mdc-list-item__overline-text {
+    color: var(--mdc-theme-text-hint-on-background, rgba(0, 0, 0, 0.38));
+  }
+
+  .mdc-list-item--with-leading-icon .mdc-list-item__start,
+  .mdc-list-item--with-trailing-icon .mdc-list-item__end {
+    background-color: transparent;
+  }
+
+  .mdc-list-item--with-leading-icon .mdc-list-item__start,
+  .mdc-list-item--with-trailing-icon .mdc-list-item__end {
+    color: var(--mdc-theme-text-icon-on-background, rgba(0, 0, 0, 0.38));
+  }
+
+  .mdc-list-item__end {
+    color: var(--mdc-theme-text-hint-on-background, rgba(0, 0, 0, 0.38));
+  }
+
+  .mdc-list-item--disabled .mdc-list-item__start,
+  .mdc-list-item--disabled .mdc-list-item__content,
+  .mdc-list-item--disabled .mdc-list-item__end {
+    opacity: 0.38;
+  }
+
+  .mdc-list-item--disabled .mdc-list-item__primary-text {
+    color: var(--mdc-theme-on-surface, #000);
+  }
+  .mdc-list-item--disabled .mdc-list-item__secondary-text {
+    color: var(--mdc-theme-on-surface, #000);
+  }
+  .mdc-list-item--disabled .mdc-list-item__overline-text {
+    color: var(--mdc-theme-on-surface, #000);
+  }
+  .mdc-list-item--disabled.mdc-list-item--with-leading-icon .mdc-list-item__start {
+    color: var(--mdc-theme-on-surface, #000);
+  }
+  .mdc-list-item--disabled.mdc-list-item--with-trailing-icon .mdc-list-item__end {
+    color: var(--mdc-theme-on-surface, #000);
+  }
+  .mdc-list-item--disabled.mdc-list-item--with-trailing-meta .mdc-list-item__end {
+    color: var(--mdc-theme-on-surface, #000);
+  }
+
+  .mdc-list-item--selected .mdc-list-item__primary-text,
+  .mdc-list-item--activated .mdc-list-item__primary-text {
+    color: var(--mdc-theme-primary, #004494);
+  }
+  .mdc-list-item--selected.mdc-list-item--with-leading-icon .mdc-list-item__start,
+  .mdc-list-item--activated.mdc-list-item--with-leading-icon .mdc-list-item__start {
+    color: var(--mdc-theme-primary, #004494);
+  }
+
+  .mdc-deprecated-list-group__subheader {
+    color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87));
+  }
+
+  @media screen and (forced-colors: active), (-ms-high-contrast: active) {
+    .mdc-list-divider::after {
+      border-bottom-color: white;
+    }
+  }
+  .mdc-list-divider {
+    background-color: rgba(0, 0, 0, 0.12);
+  }