/*!**********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/@angular/material/prebuilt-themes/indigo-pink.css?ngGlobalStyle ***!
  \**********************************************************************************************************************************************************************************************************************************************************************/
.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);background-color:var(--mat-ripple-color, rgba(0, 0, 0, 0.1))}.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:rgba(0,0,0,0);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:.6}.cdk-overlay-dark-backdrop{background:rgba(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-app-background{background-color:var(--mat-app-background-color, transparent);color:var(--mat-app-text-color, inherit)}html{--mat-ripple-color:rgba(0, 0, 0, 0.1);--mat-option-selected-state-label-text-color:#3f51b5;--mat-option-label-text-color:rgba(0, 0, 0, 0.87);--mat-option-hover-state-layer-color:rgba(0, 0, 0, 0.04);--mat-option-focus-state-layer-color:rgba(0, 0, 0, 0.04);--mat-option-selected-state-layer-color:rgba(0, 0, 0, 0.04)}.mat-accent{--mat-option-selected-state-label-text-color:#ff4081;--mat-option-label-text-color:rgba(0, 0, 0, 0.87);--mat-option-hover-state-layer-color:rgba(0, 0, 0, 0.04);--mat-option-focus-state-layer-color:rgba(0, 0, 0, 0.04);--mat-option-selected-state-layer-color:rgba(0, 0, 0, 0.04)}.mat-warn{--mat-option-selected-state-label-text-color:#f44336;--mat-option-label-text-color:rgba(0, 0, 0, 0.87);--mat-option-hover-state-layer-color:rgba(0, 0, 0, 0.04);--mat-option-focus-state-layer-color:rgba(0, 0, 0, 0.04);--mat-option-selected-state-layer-color:rgba(0, 0, 0, 0.04)}html{--mat-optgroup-label-text-color:rgba(0, 0, 0, 0.87)}.mat-primary{--mat-full-pseudo-checkbox-selected-icon-color:#3f51b5;--mat-full-pseudo-checkbox-selected-checkmark-color:#fafafa;--mat-full-pseudo-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);--mat-full-pseudo-checkbox-disabled-selected-checkmark-color:#fafafa;--mat-full-pseudo-checkbox-disabled-unselected-icon-color:#b0b0b0;--mat-full-pseudo-checkbox-disabled-selected-icon-color:#b0b0b0;--mat-minimal-pseudo-checkbox-selected-checkmark-color:#3f51b5;--mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color:#b0b0b0}html{--mat-full-pseudo-checkbox-selected-icon-color:#ff4081;--mat-full-pseudo-checkbox-selected-checkmark-color:#fafafa;--mat-full-pseudo-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);--mat-full-pseudo-checkbox-disabled-selected-checkmark-color:#fafafa;--mat-full-pseudo-checkbox-disabled-unselected-icon-color:#b0b0b0;--mat-full-pseudo-checkbox-disabled-selected-icon-color:#b0b0b0;--mat-minimal-pseudo-checkbox-selected-checkmark-color:#ff4081;--mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color:#b0b0b0}.mat-accent{--mat-full-pseudo-checkbox-selected-icon-color:#ff4081;--mat-full-pseudo-checkbox-selected-checkmark-color:#fafafa;--mat-full-pseudo-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);--mat-full-pseudo-checkbox-disabled-selected-checkmark-color:#fafafa;--mat-full-pseudo-checkbox-disabled-unselected-icon-color:#b0b0b0;--mat-full-pseudo-checkbox-disabled-selected-icon-color:#b0b0b0;--mat-minimal-pseudo-checkbox-selected-checkmark-color:#ff4081;--mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color:#b0b0b0}.mat-warn{--mat-full-pseudo-checkbox-selected-icon-color:#f44336;--mat-full-pseudo-checkbox-selected-checkmark-color:#fafafa;--mat-full-pseudo-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);--mat-full-pseudo-checkbox-disabled-selected-checkmark-color:#fafafa;--mat-full-pseudo-checkbox-disabled-unselected-icon-color:#b0b0b0;--mat-full-pseudo-checkbox-disabled-selected-icon-color:#b0b0b0;--mat-minimal-pseudo-checkbox-selected-checkmark-color:#f44336;--mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color:#b0b0b0}html{--mat-app-background-color:#fafafa;--mat-app-text-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}html{--mat-option-label-text-font:Roboto, sans-serif;--mat-option-label-text-line-height:24px;--mat-option-label-text-size:16px;--mat-option-label-text-tracking:0.03125em;--mat-option-label-text-weight:400;--mat-optgroup-label-text-font:Roboto, sans-serif;--mat-optgroup-label-text-line-height:24px;--mat-optgroup-label-text-size:16px;--mat-optgroup-label-text-tracking:0.03125em;--mat-optgroup-label-text-weight:400;--mdc-elevated-card-container-shape:4px;--mdc-outlined-card-container-shape:4px;--mdc-outlined-card-outline-width:1px;--mdc-elevated-card-container-color:white;--mdc-elevated-card-container-elevation:0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);--mdc-outlined-card-container-color:white;--mdc-outlined-card-outline-color:rgba(0, 0, 0, 0.12);--mdc-outlined-card-container-elevation: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-text-color:rgba(0, 0, 0, 0.54);--mat-card-title-text-font:Roboto, sans-serif;--mat-card-title-text-line-height:32px;--mat-card-title-text-size:20px;--mat-card-title-text-tracking:0.0125em;--mat-card-title-text-weight:500;--mat-card-subtitle-text-font:Roboto, sans-serif;--mat-card-subtitle-text-line-height:22px;--mat-card-subtitle-text-size:14px;--mat-card-subtitle-text-tracking:0.0071428571em;--mat-card-subtitle-text-weight:500;--mdc-linear-progress-active-indicator-height:4px;--mdc-linear-progress-track-height:4px;--mdc-linear-progress-track-shape:0}.mat-mdc-progress-bar{--mdc-linear-progress-active-indicator-color:#3f51b5;--mdc-linear-progress-track-color:rgba(63, 81, 181, 0.25)}.mat-mdc-progress-bar.mat-accent{--mdc-linear-progress-active-indicator-color:#ff4081;--mdc-linear-progress-track-color:rgba(255, 64, 129, 0.25)}.mat-mdc-progress-bar.mat-warn{--mdc-linear-progress-active-indicator-color:#f44336;--mdc-linear-progress-track-color:rgba(244, 67, 54, 0.25)}html{--mdc-plain-tooltip-container-shape:4px;--mdc-plain-tooltip-supporting-text-line-height:16px;--mdc-plain-tooltip-container-color:#616161;--mdc-plain-tooltip-supporting-text-color:#fff;--mdc-plain-tooltip-supporting-text-font:Roboto, sans-serif;--mdc-plain-tooltip-supporting-text-size:12px;--mdc-plain-tooltip-supporting-text-weight:400;--mdc-plain-tooltip-supporting-text-tracking:0.0333333333em;--mdc-filled-text-field-active-indicator-height:1px;--mdc-filled-text-field-focus-active-indicator-height:2px;--mdc-filled-text-field-container-shape:4px;--mdc-outlined-text-field-outline-width:1px;--mdc-outlined-text-field-focus-outline-width:2px;--mdc-outlined-text-field-container-shape:4px;--mdc-filled-text-field-caret-color:#3f51b5;--mdc-filled-text-field-focus-active-indicator-color:#3f51b5;--mdc-filled-text-field-focus-label-text-color:rgba(63, 81, 181, 0.87);--mdc-filled-text-field-container-color:whitesmoke;--mdc-filled-text-field-disabled-container-color:#fafafa;--mdc-filled-text-field-label-text-color:rgba(0, 0, 0, 0.6);--mdc-filled-text-field-hover-label-text-color:rgba(0, 0, 0, 0.6);--mdc-filled-text-field-disabled-label-text-color:rgba(0, 0, 0, 0.38);--mdc-filled-text-field-input-text-color:rgba(0, 0, 0, 0.87);--mdc-filled-text-field-disabled-input-text-color:rgba(0, 0, 0, 0.38);--mdc-filled-text-field-input-text-placeholder-color:rgba(0, 0, 0, 0.6);--mdc-filled-text-field-error-hover-label-text-color:#f44336;--mdc-filled-text-field-error-focus-label-text-color:#f44336;--mdc-filled-text-field-error-label-text-color:#f44336;--mdc-filled-text-field-error-caret-color:#f44336;--mdc-filled-text-field-active-indicator-color:rgba(0, 0, 0, 0.42);--mdc-filled-text-field-disabled-active-indicator-color:rgba(0, 0, 0, 0.06);--mdc-filled-text-field-hover-active-indicator-color:rgba(0, 0, 0, 0.87);--mdc-filled-text-field-error-active-indicator-color:#f44336;--mdc-filled-text-field-error-focus-active-indicator-color:#f44336;--mdc-filled-text-field-error-hover-active-indicator-color:#f44336;--mdc-outlined-text-field-caret-color:#3f51b5;--mdc-outlined-text-field-focus-outline-color:#3f51b5;--mdc-outlined-text-field-focus-label-text-color:rgba(63, 81, 181, 0.87);--mdc-outlined-text-field-label-text-color:rgba(0, 0, 0, 0.6);--mdc-outlined-text-field-hover-label-text-color:rgba(0, 0, 0, 0.6);--mdc-outlined-text-field-disabled-label-text-color:rgba(0, 0, 0, 0.38);--mdc-outlined-text-field-input-text-color:rgba(0, 0, 0, 0.87);--mdc-outlined-text-field-disabled-input-text-color:rgba(0, 0, 0, 0.38);--mdc-outlined-text-field-input-text-placeholder-color:rgba(0, 0, 0, 0.6);--mdc-outlined-text-field-error-caret-color:#f44336;--mdc-outlined-text-field-error-focus-label-text-color:#f44336;--mdc-outlined-text-field-error-label-text-color:#f44336;--mdc-outlined-text-field-error-hover-label-text-color:#f44336;--mdc-outlined-text-field-outline-color:rgba(0, 0, 0, 0.38);--mdc-outlined-text-field-disabled-outline-color:rgba(0, 0, 0, 0.06);--mdc-outlined-text-field-hover-outline-color:rgba(0, 0, 0, 0.87);--mdc-outlined-text-field-error-focus-outline-color:#f44336;--mdc-outlined-text-field-error-hover-outline-color:#f44336;--mdc-outlined-text-field-error-outline-color:#f44336;--mat-form-field-focus-select-arrow-color:rgba(63, 81, 181, 0.87);--mat-form-field-disabled-input-text-placeholder-color:rgba(0, 0, 0, 0.38);--mat-form-field-state-layer-color:rgba(0, 0, 0, 0.87);--mat-form-field-error-text-color:#f44336;--mat-form-field-select-option-text-color:inherit;--mat-form-field-select-disabled-option-text-color:GrayText;--mat-form-field-leading-icon-color:unset;--mat-form-field-disabled-leading-icon-color:unset;--mat-form-field-trailing-icon-color:unset;--mat-form-field-disabled-trailing-icon-color:unset;--mat-form-field-error-focus-trailing-icon-color:unset;--mat-form-field-error-hover-trailing-icon-color:unset;--mat-form-field-error-trailing-icon-color:unset;--mat-form-field-enabled-select-arrow-color:rgba(0, 0, 0, 0.54);--mat-form-field-disabled-select-arrow-color:rgba(0, 0, 0, 0.38);--mat-form-field-hover-state-layer-opacity:0.04;--mat-form-field-focus-state-layer-opacity:0.08}.mat-mdc-form-field.mat-accent{--mdc-filled-text-field-caret-color:#ff4081;--mdc-filled-text-field-focus-active-indicator-color:#ff4081;--mdc-filled-text-field-focus-label-text-color:rgba(255, 64, 129, 0.87);--mdc-outlined-text-field-caret-color:#ff4081;--mdc-outlined-text-field-focus-outline-color:#ff4081;--mdc-outlined-text-field-focus-label-text-color:rgba(255, 64, 129, 0.87);--mat-form-field-focus-select-arrow-color:rgba(255, 64, 129, 0.87)}.mat-mdc-form-field.mat-warn{--mdc-filled-text-field-caret-color:#f44336;--mdc-filled-text-field-focus-active-indicator-color:#f44336;--mdc-filled-text-field-focus-label-text-color:rgba(244, 67, 54, 0.87);--mdc-outlined-text-field-caret-color:#f44336;--mdc-outlined-text-field-focus-outline-color:#f44336;--mdc-outlined-text-field-focus-label-text-color:rgba(244, 67, 54, 0.87);--mat-form-field-focus-select-arrow-color:rgba(244, 67, 54, 0.87)}html{--mat-form-field-container-height:56px;--mat-form-field-filled-label-display:block;--mat-form-field-container-vertical-padding:16px;--mat-form-field-filled-with-label-container-padding-top:24px;--mat-form-field-filled-with-label-container-padding-bottom:8px;--mdc-filled-text-field-label-text-font:Roboto, sans-serif;--mdc-filled-text-field-label-text-size:16px;--mdc-filled-text-field-label-text-tracking:0.03125em;--mdc-filled-text-field-label-text-weight:400;--mdc-outlined-text-field-label-text-font:Roboto, sans-serif;--mdc-outlined-text-field-label-text-size:16px;--mdc-outlined-text-field-label-text-tracking:0.03125em;--mdc-outlined-text-field-label-text-weight:400;--mat-form-field-container-text-font:Roboto, sans-serif;--mat-form-field-container-text-line-height:24px;--mat-form-field-container-text-size:16px;--mat-form-field-container-text-tracking:0.03125em;--mat-form-field-container-text-weight:400;--mat-form-field-outlined-label-text-populated-size:16px;--mat-form-field-subscript-text-font:Roboto, sans-serif;--mat-form-field-subscript-text-line-height:20px;--mat-form-field-subscript-text-size:12px;--mat-form-field-subscript-text-tracking:0.0333333333em;--mat-form-field-subscript-text-weight:400;--mat-select-container-elevation-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-select-panel-background-color:white;--mat-select-enabled-trigger-text-color:rgba(0, 0, 0, 0.87);--mat-select-disabled-trigger-text-color:rgba(0, 0, 0, 0.38);--mat-select-placeholder-text-color:rgba(0, 0, 0, 0.6);--mat-select-enabled-arrow-color:rgba(0, 0, 0, 0.54);--mat-select-disabled-arrow-color:rgba(0, 0, 0, 0.38);--mat-select-focused-arrow-color:rgba(63, 81, 181, 0.87);--mat-select-invalid-arrow-color:rgba(244, 67, 54, 0.87)}html .mat-mdc-form-field.mat-accent{--mat-select-panel-background-color:white;--mat-select-enabled-trigger-text-color:rgba(0, 0, 0, 0.87);--mat-select-disabled-trigger-text-color:rgba(0, 0, 0, 0.38);--mat-select-placeholder-text-color:rgba(0, 0, 0, 0.6);--mat-select-enabled-arrow-color:rgba(0, 0, 0, 0.54);--mat-select-disabled-arrow-color:rgba(0, 0, 0, 0.38);--mat-select-focused-arrow-color:rgba(255, 64, 129, 0.87);--mat-select-invalid-arrow-color:rgba(244, 67, 54, 0.87)}html .mat-mdc-form-field.mat-warn{--mat-select-panel-background-color:white;--mat-select-enabled-trigger-text-color:rgba(0, 0, 0, 0.87);--mat-select-disabled-trigger-text-color:rgba(0, 0, 0, 0.38);--mat-select-placeholder-text-color:rgba(0, 0, 0, 0.6);--mat-select-enabled-arrow-color:rgba(0, 0, 0, 0.54);--mat-select-disabled-arrow-color:rgba(0, 0, 0, 0.38);--mat-select-focused-arrow-color:rgba(244, 67, 54, 0.87);--mat-select-invalid-arrow-color:rgba(244, 67, 54, 0.87)}html{--mat-select-arrow-transform:translateY(-8px);--mat-select-trigger-text-font:Roboto, sans-serif;--mat-select-trigger-text-line-height:24px;--mat-select-trigger-text-size:16px;--mat-select-trigger-text-tracking:0.03125em;--mat-select-trigger-text-weight:400;--mat-autocomplete-container-shape:4px;--mat-autocomplete-container-elevation-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-autocomplete-background-color:white;--mdc-dialog-container-elevation-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);--mdc-dialog-container-shadow-color:#000;--mdc-dialog-container-shape:4px;--mat-dialog-container-max-width:80vw;--mat-dialog-container-small-max-width:80vw;--mat-dialog-container-min-width:0;--mat-dialog-actions-alignment:start;--mat-dialog-actions-padding:8px;--mat-dialog-content-padding:20px 24px;--mat-dialog-with-actions-content-padding:20px 24px;--mat-dialog-headline-padding:0 24px 9px;--mdc-dialog-container-color:white;--mdc-dialog-subhead-color:rgba(0, 0, 0, 0.87);--mdc-dialog-supporting-text-color:rgba(0, 0, 0, 0.6);--mdc-dialog-subhead-font:Roboto, sans-serif;--mdc-dialog-subhead-line-height:32px;--mdc-dialog-subhead-size:20px;--mdc-dialog-subhead-weight:500;--mdc-dialog-subhead-tracking:0.0125em;--mdc-dialog-supporting-text-font:Roboto, sans-serif;--mdc-dialog-supporting-text-line-height:24px;--mdc-dialog-supporting-text-size:16px;--mdc-dialog-supporting-text-weight:400;--mdc-dialog-supporting-text-tracking:0.03125em}.mat-mdc-standard-chip{--mdc-chip-container-shape-family:rounded;--mdc-chip-container-shape-radius:16px 16px 16px 16px;--mdc-chip-with-avatar-avatar-shape-family:rounded;--mdc-chip-with-avatar-avatar-shape-radius:14px 14px 14px 14px;--mdc-chip-with-avatar-avatar-size:28px;--mdc-chip-with-icon-icon-size:18px;--mdc-chip-outline-width:0;--mdc-chip-outline-color:transparent;--mdc-chip-disabled-outline-color:transparent;--mdc-chip-focus-outline-color:transparent;--mdc-chip-hover-state-layer-opacity:0.04;--mdc-chip-with-avatar-disabled-avatar-opacity:1;--mdc-chip-flat-selected-outline-width:0;--mdc-chip-selected-hover-state-layer-opacity:0.04;--mdc-chip-with-trailing-icon-disabled-trailing-icon-opacity:1;--mdc-chip-with-icon-disabled-icon-opacity:1;--mat-chip-disabled-container-opacity:0.4;--mat-chip-trailing-action-opacity:0.54;--mat-chip-trailing-action-focus-opacity:1;--mat-chip-trailing-action-state-layer-color:transparent;--mat-chip-selected-trailing-action-state-layer-color:transparent;--mat-chip-trailing-action-hover-state-layer-opacity:0;--mat-chip-trailing-action-focus-state-layer-opacity:0;--mdc-chip-disabled-label-text-color:#212121;--mdc-chip-elevated-container-color:#e0e0e0;--mdc-chip-elevated-selected-container-color:#e0e0e0;--mdc-chip-elevated-disabled-container-color:#e0e0e0;--mdc-chip-flat-disabled-selected-container-color:#e0e0e0;--mdc-chip-focus-state-layer-color:black;--mdc-chip-hover-state-layer-color:black;--mdc-chip-selected-hover-state-layer-color:black;--mdc-chip-focus-state-layer-opacity:0.12;--mdc-chip-selected-focus-state-layer-color:black;--mdc-chip-selected-focus-state-layer-opacity:0.12;--mdc-chip-label-text-color:#212121;--mdc-chip-selected-label-text-color:#212121;--mdc-chip-with-icon-icon-color:#212121;--mdc-chip-with-icon-disabled-icon-color:#212121;--mdc-chip-with-icon-selected-icon-color:#212121;--mdc-chip-with-trailing-icon-disabled-trailing-icon-color:#212121;--mdc-chip-with-trailing-icon-trailing-icon-color:#212121;--mat-chip-selected-disabled-trailing-icon-color:#212121;--mat-chip-selected-trailing-icon-color:#212121}.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary,.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary{--mdc-chip-disabled-label-text-color:white;--mdc-chip-elevated-container-color:#3f51b5;--mdc-chip-elevated-selected-container-color:#3f51b5;--mdc-chip-elevated-disabled-container-color:#3f51b5;--mdc-chip-flat-disabled-selected-container-color:#3f51b5;--mdc-chip-focus-state-layer-color:black;--mdc-chip-hover-state-layer-color:black;--mdc-chip-selected-hover-state-layer-color:black;--mdc-chip-focus-state-layer-opacity:0.12;--mdc-chip-selected-focus-state-layer-color:black;--mdc-chip-selected-focus-state-layer-opacity:0.12;--mdc-chip-label-text-color:white;--mdc-chip-selected-label-text-color:white;--mdc-chip-with-icon-icon-color:white;--mdc-chip-with-icon-disabled-icon-color:white;--mdc-chip-with-icon-selected-icon-color:white;--mdc-chip-with-trailing-icon-disabled-trailing-icon-color:white;--mdc-chip-with-trailing-icon-trailing-icon-color:white;--mat-chip-selected-disabled-trailing-icon-color:white;--mat-chip-selected-trailing-icon-color:white}.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent,.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent{--mdc-chip-disabled-label-text-color:white;--mdc-chip-elevated-container-color:#ff4081;--mdc-chip-elevated-selected-container-color:#ff4081;--mdc-chip-elevated-disabled-container-color:#ff4081;--mdc-chip-flat-disabled-selected-container-color:#ff4081;--mdc-chip-focus-state-layer-color:black;--mdc-chip-hover-state-layer-color:black;--mdc-chip-selected-hover-state-layer-color:black;--mdc-chip-focus-state-layer-opacity:0.12;--mdc-chip-selected-focus-state-layer-color:black;--mdc-chip-selected-focus-state-layer-opacity:0.12;--mdc-chip-label-text-color:white;--mdc-chip-selected-label-text-color:white;--mdc-chip-with-icon-icon-color:white;--mdc-chip-with-icon-disabled-icon-color:white;--mdc-chip-with-icon-selected-icon-color:white;--mdc-chip-with-trailing-icon-disabled-trailing-icon-color:white;--mdc-chip-with-trailing-icon-trailing-icon-color:white;--mat-chip-selected-disabled-trailing-icon-color:white;--mat-chip-selected-trailing-icon-color:white}.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn,.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn{--mdc-chip-disabled-label-text-color:white;--mdc-chip-elevated-container-color:#f44336;--mdc-chip-elevated-selected-container-color:#f44336;--mdc-chip-elevated-disabled-container-color:#f44336;--mdc-chip-flat-disabled-selected-container-color:#f44336;--mdc-chip-focus-state-layer-color:black;--mdc-chip-hover-state-layer-color:black;--mdc-chip-selected-hover-state-layer-color:black;--mdc-chip-focus-state-layer-opacity:0.12;--mdc-chip-selected-focus-state-layer-color:black;--mdc-chip-selected-focus-state-layer-opacity:0.12;--mdc-chip-label-text-color:white;--mdc-chip-selected-label-text-color:white;--mdc-chip-with-icon-icon-color:white;--mdc-chip-with-icon-disabled-icon-color:white;--mdc-chip-with-icon-selected-icon-color:white;--mdc-chip-with-trailing-icon-disabled-trailing-icon-color:white;--mdc-chip-with-trailing-icon-trailing-icon-color:white;--mat-chip-selected-disabled-trailing-icon-color:white;--mat-chip-selected-trailing-icon-color:white}.mat-mdc-chip.mat-mdc-standard-chip{--mdc-chip-container-height:32px}.mat-mdc-standard-chip{--mdc-chip-label-text-font:Roboto, sans-serif;--mdc-chip-label-text-line-height:20px;--mdc-chip-label-text-size:14px;--mdc-chip-label-text-tracking:0.0178571429em;--mdc-chip-label-text-weight:400}html{--mdc-switch-disabled-selected-icon-opacity:0.38;--mdc-switch-disabled-track-opacity:0.12;--mdc-switch-disabled-unselected-icon-opacity:0.38;--mdc-switch-handle-height:20px;--mdc-switch-handle-shape:10px;--mdc-switch-handle-width:20px;--mdc-switch-selected-icon-size:18px;--mdc-switch-track-height:14px;--mdc-switch-track-shape:7px;--mdc-switch-track-width:36px;--mdc-switch-unselected-icon-size:18px;--mdc-switch-selected-focus-state-layer-opacity:0.12;--mdc-switch-selected-hover-state-layer-opacity:0.04;--mdc-switch-selected-pressed-state-layer-opacity:0.1;--mdc-switch-unselected-focus-state-layer-opacity:0.12;--mdc-switch-unselected-hover-state-layer-opacity:0.04;--mdc-switch-unselected-pressed-state-layer-opacity:0.1;--mat-switch-disabled-selected-handle-opacity:0.38;--mat-switch-disabled-unselected-handle-opacity:0.38;--mat-switch-unselected-handle-size:20px;--mat-switch-selected-handle-size:20px;--mat-switch-pressed-handle-size:20px;--mat-switch-with-icon-handle-size:20px;--mat-switch-selected-handle-horizontal-margin:0;--mat-switch-selected-with-icon-handle-horizontal-margin:0;--mat-switch-selected-pressed-handle-horizontal-margin:0;--mat-switch-unselected-handle-horizontal-margin:0;--mat-switch-unselected-with-icon-handle-horizontal-margin:0;--mat-switch-unselected-pressed-handle-horizontal-margin:0;--mat-switch-visible-track-opacity:1;--mat-switch-hidden-track-opacity:1;--mat-switch-visible-track-transition:transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);--mat-switch-hidden-track-transition:transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);--mat-switch-track-outline-width:1px;--mat-switch-track-outline-color:transparent;--mat-switch-selected-track-outline-width:1px;--mat-switch-disabled-unselected-track-outline-width:1px;--mat-switch-disabled-unselected-track-outline-color:transparent;--mdc-switch-selected-focus-state-layer-color:#3949ab;--mdc-switch-selected-handle-color:#3949ab;--mdc-switch-selected-hover-state-layer-color:#3949ab;--mdc-switch-selected-pressed-state-layer-color:#3949ab;--mdc-switch-selected-focus-handle-color:#1a237e;--mdc-switch-selected-hover-handle-color:#1a237e;--mdc-switch-selected-pressed-handle-color:#1a237e;--mdc-switch-selected-focus-track-color:#7986cb;--mdc-switch-selected-hover-track-color:#7986cb;--mdc-switch-selected-pressed-track-color:#7986cb;--mdc-switch-selected-track-color:#7986cb;--mdc-switch-disabled-selected-handle-color:#424242;--mdc-switch-disabled-selected-icon-color:#fff;--mdc-switch-disabled-selected-track-color:#424242;--mdc-switch-disabled-unselected-handle-color:#424242;--mdc-switch-disabled-unselected-icon-color:#fff;--mdc-switch-disabled-unselected-track-color:#424242;--mdc-switch-handle-surface-color:var(--mdc-theme-surface, #fff);--mdc-switch-handle-elevation-shadow:0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);--mdc-switch-handle-shadow-color:black;--mdc-switch-disabled-handle-elevation-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);--mdc-switch-selected-icon-color:#fff;--mdc-switch-unselected-focus-handle-color:#212121;--mdc-switch-unselected-focus-state-layer-color:#424242;--mdc-switch-unselected-focus-track-color:#e0e0e0;--mdc-switch-unselected-handle-color:#616161;--mdc-switch-unselected-hover-handle-color:#212121;--mdc-switch-unselected-hover-state-layer-color:#424242;--mdc-switch-unselected-hover-track-color:#e0e0e0;--mdc-switch-unselected-icon-color:#fff;--mdc-switch-unselected-pressed-handle-color:#212121;--mdc-switch-unselected-pressed-state-layer-color:#424242;--mdc-switch-unselected-pressed-track-color:#e0e0e0;--mdc-switch-unselected-track-color:#e0e0e0;--mdc-switch-disabled-label-text-color: rgba(0, 0, 0, 0.38)}html .mat-mdc-slide-toggle{--mdc-form-field-label-text-color:rgba(0, 0, 0, 0.87)}html .mat-mdc-slide-toggle.mat-accent{--mdc-switch-selected-focus-state-layer-color:#d81b60;--mdc-switch-selected-handle-color:#d81b60;--mdc-switch-selected-hover-state-layer-color:#d81b60;--mdc-switch-selected-pressed-state-layer-color:#d81b60;--mdc-switch-selected-focus-handle-color:#880e4f;--mdc-switch-selected-hover-handle-color:#880e4f;--mdc-switch-selected-pressed-handle-color:#880e4f;--mdc-switch-selected-focus-track-color:#f06292;--mdc-switch-selected-hover-track-color:#f06292;--mdc-switch-selected-pressed-track-color:#f06292;--mdc-switch-selected-track-color:#f06292}html .mat-mdc-slide-toggle.mat-warn{--mdc-switch-selected-focus-state-layer-color:#e53935;--mdc-switch-selected-handle-color:#e53935;--mdc-switch-selected-hover-state-layer-color:#e53935;--mdc-switch-selected-pressed-state-layer-color:#e53935;--mdc-switch-selected-focus-handle-color:#b71c1c;--mdc-switch-selected-hover-handle-color:#b71c1c;--mdc-switch-selected-pressed-handle-color:#b71c1c;--mdc-switch-selected-focus-track-color:#e57373;--mdc-switch-selected-hover-track-color:#e57373;--mdc-switch-selected-pressed-track-color:#e57373;--mdc-switch-selected-track-color:#e57373}html{--mdc-switch-state-layer-size:40px}html .mat-mdc-slide-toggle{--mdc-form-field-label-text-font:Roboto, sans-serif;--mdc-form-field-label-text-line-height:20px;--mdc-form-field-label-text-size:14px;--mdc-form-field-label-text-tracking:0.0178571429em;--mdc-form-field-label-text-weight:400}html{--mdc-radio-disabled-selected-icon-opacity:0.38;--mdc-radio-disabled-unselected-icon-opacity:0.38;--mdc-radio-state-layer-size:40px}.mat-mdc-radio-button{--mdc-form-field-label-text-color:rgba(0, 0, 0, 0.87)}.mat-mdc-radio-button.mat-primary{--mdc-radio-disabled-selected-icon-color:black;--mdc-radio-disabled-unselected-icon-color:black;--mdc-radio-unselected-hover-icon-color:#212121;--mdc-radio-unselected-icon-color:rgba(0, 0, 0, 0.54);--mdc-radio-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54);--mdc-radio-selected-focus-icon-color:#3f51b5;--mdc-radio-selected-hover-icon-color:#3f51b5;--mdc-radio-selected-icon-color:#3f51b5;--mdc-radio-selected-pressed-icon-color:#3f51b5;--mat-radio-ripple-color:black;--mat-radio-checked-ripple-color:#3f51b5;--mat-radio-disabled-label-color:rgba(0, 0, 0, 0.38)}.mat-mdc-radio-button.mat-accent{--mdc-radio-disabled-selected-icon-color:black;--mdc-radio-disabled-unselected-icon-color:black;--mdc-radio-unselected-hover-icon-color:#212121;--mdc-radio-unselected-icon-color:rgba(0, 0, 0, 0.54);--mdc-radio-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54);--mdc-radio-selected-focus-icon-color:#ff4081;--mdc-radio-selected-hover-icon-color:#ff4081;--mdc-radio-selected-icon-color:#ff4081;--mdc-radio-selected-pressed-icon-color:#ff4081;--mat-radio-ripple-color:black;--mat-radio-checked-ripple-color:#ff4081;--mat-radio-disabled-label-color:rgba(0, 0, 0, 0.38)}.mat-mdc-radio-button.mat-warn{--mdc-radio-disabled-selected-icon-color:black;--mdc-radio-disabled-unselected-icon-color:black;--mdc-radio-unselected-hover-icon-color:#212121;--mdc-radio-unselected-icon-color:rgba(0, 0, 0, 0.54);--mdc-radio-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54);--mdc-radio-selected-focus-icon-color:#f44336;--mdc-radio-selected-hover-icon-color:#f44336;--mdc-radio-selected-icon-color:#f44336;--mdc-radio-selected-pressed-icon-color:#f44336;--mat-radio-ripple-color:black;--mat-radio-checked-ripple-color:#f44336;--mat-radio-disabled-label-color:rgba(0, 0, 0, 0.38)}html{--mdc-radio-state-layer-size:40px;--mat-radio-touch-target-display:block}.mat-mdc-radio-button{--mdc-form-field-label-text-font:Roboto, sans-serif;--mdc-form-field-label-text-line-height:20px;--mdc-form-field-label-text-size:14px;--mdc-form-field-label-text-tracking:0.0178571429em;--mdc-form-field-label-text-weight:400}html{--mat-slider-value-indicator-width:auto;--mat-slider-value-indicator-height:32px;--mat-slider-value-indicator-caret-display:block;--mat-slider-value-indicator-border-radius:4px;--mat-slider-value-indicator-padding:0 12px;--mat-slider-value-indicator-text-transform:none;--mat-slider-value-indicator-container-transform:translateX(-50%);--mdc-slider-active-track-height:6px;--mdc-slider-active-track-shape:9999px;--mdc-slider-handle-height:20px;--mdc-slider-handle-shape:50%;--mdc-slider-handle-width:20px;--mdc-slider-inactive-track-height:4px;--mdc-slider-inactive-track-shape:9999px;--mdc-slider-with-overlap-handle-outline-width:1px;--mdc-slider-with-tick-marks-active-container-opacity:0.6;--mdc-slider-with-tick-marks-container-shape:50%;--mdc-slider-with-tick-marks-container-size:2px;--mdc-slider-with-tick-marks-inactive-container-opacity:0.6;--mdc-slider-handle-color:#3f51b5;--mdc-slider-focus-handle-color:#3f51b5;--mdc-slider-hover-handle-color:#3f51b5;--mdc-slider-active-track-color:#3f51b5;--mdc-slider-inactive-track-color:#3f51b5;--mdc-slider-with-tick-marks-inactive-container-color:#3f51b5;--mdc-slider-with-tick-marks-active-container-color:white;--mdc-slider-disabled-active-track-color:#000;--mdc-slider-disabled-handle-color:#000;--mdc-slider-disabled-inactive-track-color:#000;--mdc-slider-label-container-color:#000;--mdc-slider-label-label-text-color:#fff;--mdc-slider-with-overlap-handle-outline-color:#fff;--mdc-slider-with-tick-marks-disabled-container-color:#000;--mdc-slider-handle-elevation: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-slider-ripple-color:#3f51b5;--mat-slider-hover-state-layer-color:rgba(63, 81, 181, 0.05);--mat-slider-focus-state-layer-color:rgba(63, 81, 181, 0.2);--mat-slider-value-indicator-opacity:0.6}html .mat-accent{--mat-slider-ripple-color:#ff4081;--mat-slider-hover-state-layer-color:rgba(255, 64, 129, 0.05);--mat-slider-focus-state-layer-color:rgba(255, 64, 129, 0.2);--mdc-slider-handle-color:#ff4081;--mdc-slider-focus-handle-color:#ff4081;--mdc-slider-hover-handle-color:#ff4081;--mdc-slider-active-track-color:#ff4081;--mdc-slider-inactive-track-color:#ff4081;--mdc-slider-with-tick-marks-inactive-container-color:#ff4081;--mdc-slider-with-tick-marks-active-container-color:white}html .mat-warn{--mat-slider-ripple-color:#f44336;--mat-slider-hover-state-layer-color:rgba(244, 67, 54, 0.05);--mat-slider-focus-state-layer-color:rgba(244, 67, 54, 0.2);--mdc-slider-handle-color:#f44336;--mdc-slider-focus-handle-color:#f44336;--mdc-slider-hover-handle-color:#f44336;--mdc-slider-active-track-color:#f44336;--mdc-slider-inactive-track-color:#f44336;--mdc-slider-with-tick-marks-inactive-container-color:#f44336;--mdc-slider-with-tick-marks-active-container-color:white}html{--mdc-slider-label-label-text-font:Roboto, sans-serif;--mdc-slider-label-label-text-size:14px;--mdc-slider-label-label-text-line-height:22px;--mdc-slider-label-label-text-tracking:0.0071428571em;--mdc-slider-label-label-text-weight:500;--mat-menu-container-shape:4px;--mat-menu-divider-bottom-spacing:0;--mat-menu-divider-top-spacing:0;--mat-menu-item-spacing:16px;--mat-menu-item-icon-size:24px;--mat-menu-item-leading-spacing:16px;--mat-menu-item-trailing-spacing:16px;--mat-menu-item-with-icon-leading-spacing:16px;--mat-menu-item-with-icon-trailing-spacing:16px;--mat-menu-item-label-text-color:rgba(0, 0, 0, 0.87);--mat-menu-item-icon-color:rgba(0, 0, 0, 0.87);--mat-menu-item-hover-state-layer-color:rgba(0, 0, 0, 0.04);--mat-menu-item-focus-state-layer-color:rgba(0, 0, 0, 0.04);--mat-menu-container-color:white;--mat-menu-divider-color:rgba(0, 0, 0, 0.12);--mat-menu-item-label-text-font:Roboto, sans-serif;--mat-menu-item-label-text-size:16px;--mat-menu-item-label-text-tracking:0.03125em;--mat-menu-item-label-text-line-height:24px;--mat-menu-item-label-text-weight:400;--mdc-list-list-item-container-shape:0;--mdc-list-list-item-leading-avatar-shape:50%;--mdc-list-list-item-container-color:transparent;--mdc-list-list-item-selected-container-color:transparent;--mdc-list-list-item-leading-avatar-color:transparent;--mdc-list-list-item-leading-icon-size:24px;--mdc-list-list-item-leading-avatar-size:40px;--mdc-list-list-item-trailing-icon-size:24px;--mdc-list-list-item-disabled-state-layer-color:transparent;--mdc-list-list-item-disabled-state-layer-opacity:0;--mdc-list-list-item-disabled-label-text-opacity:0.38;--mdc-list-list-item-disabled-leading-icon-opacity:0.38;--mdc-list-list-item-disabled-trailing-icon-opacity:0.38;--mat-list-active-indicator-color:transparent;--mat-list-active-indicator-shape:4px;--mdc-list-list-item-label-text-color:rgba(0, 0, 0, 0.87);--mdc-list-list-item-supporting-text-color:rgba(0, 0, 0, 0.54);--mdc-list-list-item-leading-icon-color:rgba(0, 0, 0, 0.38);--mdc-list-list-item-trailing-supporting-text-color:rgba(0, 0, 0, 0.38);--mdc-list-list-item-trailing-icon-color:rgba(0, 0, 0, 0.38);--mdc-list-list-item-selected-trailing-icon-color:rgba(0, 0, 0, 0.38);--mdc-list-list-item-disabled-label-text-color:black;--mdc-list-list-item-disabled-leading-icon-color:black;--mdc-list-list-item-disabled-trailing-icon-color:black;--mdc-list-list-item-hover-label-text-color:rgba(0, 0, 0, 0.87);--mdc-list-list-item-hover-leading-icon-color:rgba(0, 0, 0, 0.38);--mdc-list-list-item-hover-trailing-icon-color:rgba(0, 0, 0, 0.38);--mdc-list-list-item-focus-label-text-color:rgba(0, 0, 0, 0.87);--mdc-list-list-item-hover-state-layer-color:black;--mdc-list-list-item-hover-state-layer-opacity:0.04;--mdc-list-list-item-focus-state-layer-color:black;--mdc-list-list-item-focus-state-layer-opacity:0.12}.mdc-list-item__start,.mdc-list-item__end{--mdc-radio-disabled-selected-icon-color:black;--mdc-radio-disabled-unselected-icon-color:black;--mdc-radio-unselected-hover-icon-color:#212121;--mdc-radio-unselected-icon-color:rgba(0, 0, 0, 0.54);--mdc-radio-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54);--mdc-radio-selected-focus-icon-color:#3f51b5;--mdc-radio-selected-hover-icon-color:#3f51b5;--mdc-radio-selected-icon-color:#3f51b5;--mdc-radio-selected-pressed-icon-color:#3f51b5}.mat-accent .mdc-list-item__start,.mat-accent .mdc-list-item__end{--mdc-radio-disabled-selected-icon-color:black;--mdc-radio-disabled-unselected-icon-color:black;--mdc-radio-unselected-hover-icon-color:#212121;--mdc-radio-unselected-icon-color:rgba(0, 0, 0, 0.54);--mdc-radio-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54);--mdc-radio-selected-focus-icon-color:#ff4081;--mdc-radio-selected-hover-icon-color:#ff4081;--mdc-radio-selected-icon-color:#ff4081;--mdc-radio-selected-pressed-icon-color:#ff4081}.mat-warn .mdc-list-item__start,.mat-warn .mdc-list-item__end{--mdc-radio-disabled-selected-icon-color:black;--mdc-radio-disabled-unselected-icon-color:black;--mdc-radio-unselected-hover-icon-color:#212121;--mdc-radio-unselected-icon-color:rgba(0, 0, 0, 0.54);--mdc-radio-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54);--mdc-radio-selected-focus-icon-color:#f44336;--mdc-radio-selected-hover-icon-color:#f44336;--mdc-radio-selected-icon-color:#f44336;--mdc-radio-selected-pressed-icon-color:#f44336}.mat-mdc-list-option{--mdc-checkbox-disabled-selected-icon-color:rgba(0, 0, 0, 0.38);--mdc-checkbox-disabled-unselected-icon-color:rgba(0, 0, 0, 0.38);--mdc-checkbox-selected-checkmark-color:white;--mdc-checkbox-selected-focus-icon-color:#3f51b5;--mdc-checkbox-selected-hover-icon-color:#3f51b5;--mdc-checkbox-selected-icon-color:#3f51b5;--mdc-checkbox-selected-pressed-icon-color:#3f51b5;--mdc-checkbox-unselected-focus-icon-color:#212121;--mdc-checkbox-unselected-hover-icon-color:#212121;--mdc-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);--mdc-checkbox-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54);--mdc-checkbox-selected-focus-state-layer-color:#3f51b5;--mdc-checkbox-selected-hover-state-layer-color:#3f51b5;--mdc-checkbox-selected-pressed-state-layer-color:#3f51b5;--mdc-checkbox-unselected-focus-state-layer-color:black;--mdc-checkbox-unselected-hover-state-layer-color:black;--mdc-checkbox-unselected-pressed-state-layer-color:black}.mat-mdc-list-option.mat-accent{--mdc-checkbox-disabled-selected-icon-color:rgba(0, 0, 0, 0.38);--mdc-checkbox-disabled-unselected-icon-color:rgba(0, 0, 0, 0.38);--mdc-checkbox-selected-checkmark-color:white;--mdc-checkbox-selected-focus-icon-color:#ff4081;--mdc-checkbox-selected-hover-icon-color:#ff4081;--mdc-checkbox-selected-icon-color:#ff4081;--mdc-checkbox-selected-pressed-icon-color:#ff4081;--mdc-checkbox-unselected-focus-icon-color:#212121;--mdc-checkbox-unselected-hover-icon-color:#212121;--mdc-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);--mdc-checkbox-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54);--mdc-checkbox-selected-focus-state-layer-color:#ff4081;--mdc-checkbox-selected-hover-state-layer-color:#ff4081;--mdc-checkbox-selected-pressed-state-layer-color:#ff4081;--mdc-checkbox-unselected-focus-state-layer-color:black;--mdc-checkbox-unselected-hover-state-layer-color:black;--mdc-checkbox-unselected-pressed-state-layer-color:black}.mat-mdc-list-option.mat-warn{--mdc-checkbox-disabled-selected-icon-color:rgba(0, 0, 0, 0.38);--mdc-checkbox-disabled-unselected-icon-color:rgba(0, 0, 0, 0.38);--mdc-checkbox-selected-checkmark-color:white;--mdc-checkbox-selected-focus-icon-color:#f44336;--mdc-checkbox-selected-hover-icon-color:#f44336;--mdc-checkbox-selected-icon-color:#f44336;--mdc-checkbox-selected-pressed-icon-color:#f44336;--mdc-checkbox-unselected-focus-icon-color:#212121;--mdc-checkbox-unselected-hover-icon-color:#212121;--mdc-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);--mdc-checkbox-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54);--mdc-checkbox-selected-focus-state-layer-color:#f44336;--mdc-checkbox-selected-hover-state-layer-color:#f44336;--mdc-checkbox-selected-pressed-state-layer-color:#f44336;--mdc-checkbox-unselected-focus-state-layer-color:black;--mdc-checkbox-unselected-hover-state-layer-color:black;--mdc-checkbox-unselected-pressed-state-layer-color:black}.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text{color:#3f51b5}.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected.mdc-list-item--with-leading-icon .mdc-list-item__start,.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated.mdc-list-item--with-leading-icon .mdc-list-item__start{color:#3f51b5}.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end{opacity:1}html{--mdc-list-list-item-one-line-container-height:48px;--mdc-list-list-item-two-line-container-height:64px;--mdc-list-list-item-three-line-container-height:88px;--mat-list-list-item-leading-icon-start-space:16px;--mat-list-list-item-leading-icon-end-space:32px}.mdc-list-item__start,.mdc-list-item__end{--mdc-radio-state-layer-size:40px}.mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line,.mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line,.mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line{height:56px}.mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines,.mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines,.mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines{height:72px}html{--mdc-list-list-item-label-text-font:Roboto, sans-serif;--mdc-list-list-item-label-text-line-height:24px;--mdc-list-list-item-label-text-size:16px;--mdc-list-list-item-label-text-tracking:0.03125em;--mdc-list-list-item-label-text-weight:400;--mdc-list-list-item-supporting-text-font:Roboto, sans-serif;--mdc-list-list-item-supporting-text-line-height:20px;--mdc-list-list-item-supporting-text-size:14px;--mdc-list-list-item-supporting-text-tracking:0.0178571429em;--mdc-list-list-item-supporting-text-weight:400;--mdc-list-list-item-trailing-supporting-text-font:Roboto, sans-serif;--mdc-list-list-item-trailing-supporting-text-line-height:20px;--mdc-list-list-item-trailing-supporting-text-size:12px;--mdc-list-list-item-trailing-supporting-text-tracking:0.0333333333em;--mdc-list-list-item-trailing-supporting-text-weight:400}.mdc-list-group__subheader{font:400 16px/28px Roboto, sans-serif;letter-spacing:.009375em}html{--mat-paginator-container-text-color:rgba(0, 0, 0, 0.87);--mat-paginator-container-background-color:white;--mat-paginator-enabled-icon-color:rgba(0, 0, 0, 0.54);--mat-paginator-disabled-icon-color:rgba(0, 0, 0, 0.12);--mat-paginator-container-size:56px;--mat-paginator-form-field-container-height:40px;--mat-paginator-form-field-container-vertical-padding:8px;--mat-paginator-container-text-font:Roboto, sans-serif;--mat-paginator-container-text-line-height:20px;--mat-paginator-container-text-size:12px;--mat-paginator-container-text-tracking:0.0333333333em;--mat-paginator-container-text-weight:400;--mat-paginator-select-trigger-text-size:12px;--mdc-tab-indicator-active-indicator-height:2px;--mdc-tab-indicator-active-indicator-shape:0;--mdc-secondary-navigation-tab-container-height:48px;--mat-tab-header-divider-color:transparent;--mat-tab-header-divider-height:0}.mat-mdc-tab-group,.mat-mdc-tab-nav-bar{--mdc-tab-indicator-active-indicator-color:#3f51b5;--mat-tab-header-disabled-ripple-color:rgba(0, 0, 0, 0.38);--mat-tab-header-pagination-icon-color:black;--mat-tab-header-inactive-label-text-color:rgba(0, 0, 0, 0.6);--mat-tab-header-active-label-text-color:#3f51b5;--mat-tab-header-active-ripple-color:#3f51b5;--mat-tab-header-inactive-ripple-color:#3f51b5;--mat-tab-header-inactive-focus-label-text-color:rgba(0, 0, 0, 0.6);--mat-tab-header-inactive-hover-label-text-color:rgba(0, 0, 0, 0.6);--mat-tab-header-active-focus-label-text-color:#3f51b5;--mat-tab-header-active-hover-label-text-color:#3f51b5;--mat-tab-header-active-focus-indicator-color:#3f51b5;--mat-tab-header-active-hover-indicator-color:#3f51b5}.mat-mdc-tab-group.mat-accent,.mat-mdc-tab-nav-bar.mat-accent{--mdc-tab-indicator-active-indicator-color:#ff4081;--mat-tab-header-disabled-ripple-color:rgba(0, 0, 0, 0.38);--mat-tab-header-pagination-icon-color:black;--mat-tab-header-inactive-label-text-color:rgba(0, 0, 0, 0.6);--mat-tab-header-active-label-text-color:#ff4081;--mat-tab-header-active-ripple-color:#ff4081;--mat-tab-header-inactive-ripple-color:#ff4081;--mat-tab-header-inactive-focus-label-text-color:rgba(0, 0, 0, 0.6);--mat-tab-header-inactive-hover-label-text-color:rgba(0, 0, 0, 0.6);--mat-tab-header-active-focus-label-text-color:#ff4081;--mat-tab-header-active-hover-label-text-color:#ff4081;--mat-tab-header-active-focus-indicator-color:#ff4081;--mat-tab-header-active-hover-indicator-color:#ff4081}.mat-mdc-tab-group.mat-warn,.mat-mdc-tab-nav-bar.mat-warn{--mdc-tab-indicator-active-indicator-color:#f44336;--mat-tab-header-disabled-ripple-color:rgba(0, 0, 0, 0.38);--mat-tab-header-pagination-icon-color:black;--mat-tab-header-inactive-label-text-color:rgba(0, 0, 0, 0.6);--mat-tab-header-active-label-text-color:#f44336;--mat-tab-header-active-ripple-color:#f44336;--mat-tab-header-inactive-ripple-color:#f44336;--mat-tab-header-inactive-focus-label-text-color:rgba(0, 0, 0, 0.6);--mat-tab-header-inactive-hover-label-text-color:rgba(0, 0, 0, 0.6);--mat-tab-header-active-focus-label-text-color:#f44336;--mat-tab-header-active-hover-label-text-color:#f44336;--mat-tab-header-active-focus-indicator-color:#f44336;--mat-tab-header-active-hover-indicator-color:#f44336}.mat-mdc-tab-group.mat-background-primary,.mat-mdc-tab-nav-bar.mat-background-primary{--mat-tab-header-with-background-background-color:#3f51b5;--mat-tab-header-with-background-foreground-color:white}.mat-mdc-tab-group.mat-background-accent,.mat-mdc-tab-nav-bar.mat-background-accent{--mat-tab-header-with-background-background-color:#ff4081;--mat-tab-header-with-background-foreground-color:white}.mat-mdc-tab-group.mat-background-warn,.mat-mdc-tab-nav-bar.mat-background-warn{--mat-tab-header-with-background-background-color:#f44336;--mat-tab-header-with-background-foreground-color:white}.mat-mdc-tab-header{--mdc-secondary-navigation-tab-container-height:48px;--mat-tab-header-label-text-font:Roboto, sans-serif;--mat-tab-header-label-text-size:14px;--mat-tab-header-label-text-tracking:0.0892857143em;--mat-tab-header-label-text-line-height:36px;--mat-tab-header-label-text-weight:500}html{--mdc-checkbox-disabled-selected-checkmark-color:#fff;--mdc-checkbox-selected-focus-state-layer-opacity:0.16;--mdc-checkbox-selected-hover-state-layer-opacity:0.04;--mdc-checkbox-selected-pressed-state-layer-opacity:0.16;--mdc-checkbox-unselected-focus-state-layer-opacity:0.16;--mdc-checkbox-unselected-hover-state-layer-opacity:0.04;--mdc-checkbox-unselected-pressed-state-layer-opacity:0.16;--mdc-checkbox-disabled-selected-icon-color:rgba(0, 0, 0, 0.38);--mdc-checkbox-disabled-unselected-icon-color:rgba(0, 0, 0, 0.38);--mdc-checkbox-selected-checkmark-color:white;--mdc-checkbox-selected-focus-icon-color:#ff4081;--mdc-checkbox-selected-hover-icon-color:#ff4081;--mdc-checkbox-selected-icon-color:#ff4081;--mdc-checkbox-selected-pressed-icon-color:#ff4081;--mdc-checkbox-unselected-focus-icon-color:#212121;--mdc-checkbox-unselected-hover-icon-color:#212121;--mdc-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);--mdc-checkbox-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54);--mdc-checkbox-selected-focus-state-layer-color:#ff4081;--mdc-checkbox-selected-hover-state-layer-color:#ff4081;--mdc-checkbox-selected-pressed-state-layer-color:#ff4081;--mdc-checkbox-unselected-focus-state-layer-color:black;--mdc-checkbox-unselected-hover-state-layer-color:black;--mdc-checkbox-unselected-pressed-state-layer-color:black;--mat-checkbox-disabled-label-color:rgba(0, 0, 0, 0.38)}.mat-mdc-checkbox{--mdc-form-field-label-text-color:rgba(0, 0, 0, 0.87)}.mat-mdc-checkbox.mat-primary{--mdc-checkbox-disabled-selected-icon-color:rgba(0, 0, 0, 0.38);--mdc-checkbox-disabled-unselected-icon-color:rgba(0, 0, 0, 0.38);--mdc-checkbox-selected-checkmark-color:white;--mdc-checkbox-selected-focus-icon-color:#3f51b5;--mdc-checkbox-selected-hover-icon-color:#3f51b5;--mdc-checkbox-selected-icon-color:#3f51b5;--mdc-checkbox-selected-pressed-icon-color:#3f51b5;--mdc-checkbox-unselected-focus-icon-color:#212121;--mdc-checkbox-unselected-hover-icon-color:#212121;--mdc-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);--mdc-checkbox-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54);--mdc-checkbox-selected-focus-state-layer-color:#3f51b5;--mdc-checkbox-selected-hover-state-layer-color:#3f51b5;--mdc-checkbox-selected-pressed-state-layer-color:#3f51b5;--mdc-checkbox-unselected-focus-state-layer-color:black;--mdc-checkbox-unselected-hover-state-layer-color:black;--mdc-checkbox-unselected-pressed-state-layer-color:black}.mat-mdc-checkbox.mat-warn{--mdc-checkbox-disabled-selected-icon-color:rgba(0, 0, 0, 0.38);--mdc-checkbox-disabled-unselected-icon-color:rgba(0, 0, 0, 0.38);--mdc-checkbox-selected-checkmark-color:white;--mdc-checkbox-selected-focus-icon-color:#f44336;--mdc-checkbox-selected-hover-icon-color:#f44336;--mdc-checkbox-selected-icon-color:#f44336;--mdc-checkbox-selected-pressed-icon-color:#f44336;--mdc-checkbox-unselected-focus-icon-color:#212121;--mdc-checkbox-unselected-hover-icon-color:#212121;--mdc-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);--mdc-checkbox-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54);--mdc-checkbox-selected-focus-state-layer-color:#f44336;--mdc-checkbox-selected-hover-state-layer-color:#f44336;--mdc-checkbox-selected-pressed-state-layer-color:#f44336;--mdc-checkbox-unselected-focus-state-layer-color:black;--mdc-checkbox-unselected-hover-state-layer-color:black;--mdc-checkbox-unselected-pressed-state-layer-color:black}html{--mdc-checkbox-state-layer-size:40px;--mat-checkbox-touch-target-display:block}.mat-mdc-checkbox{--mdc-form-field-label-text-font:Roboto, sans-serif;--mdc-form-field-label-text-line-height:20px;--mdc-form-field-label-text-size:14px;--mdc-form-field-label-text-tracking:0.0178571429em;--mdc-form-field-label-text-weight:400}html{--mdc-text-button-container-shape:4px;--mdc-text-button-keep-touch-target:false;--mdc-filled-button-container-shape:4px;--mdc-filled-button-keep-touch-target:false;--mdc-protected-button-container-shape:4px;--mdc-protected-button-keep-touch-target:false;--mdc-outlined-button-keep-touch-target:false;--mdc-outlined-button-outline-width:1px;--mdc-outlined-button-container-shape:4px;--mat-text-button-horizontal-padding:8px;--mat-text-button-with-icon-horizontal-padding:8px;--mat-text-button-icon-spacing:8px;--mat-text-button-icon-offset:0;--mat-filled-button-horizontal-padding:16px;--mat-filled-button-icon-spacing:8px;--mat-filled-button-icon-offset:-4px;--mat-protected-button-horizontal-padding:16px;--mat-protected-button-icon-spacing:8px;--mat-protected-button-icon-offset:-4px;--mat-outlined-button-horizontal-padding:15px;--mat-outlined-button-icon-spacing:8px;--mat-outlined-button-icon-offset:-4px;--mdc-text-button-label-text-color:black;--mdc-text-button-disabled-label-text-color:rgba(0, 0, 0, 0.38);--mat-text-button-state-layer-color:black;--mat-text-button-disabled-state-layer-color:black;--mat-text-button-ripple-color:rgba(0, 0, 0, 0.1);--mat-text-button-hover-state-layer-opacity:0.04;--mat-text-button-focus-state-layer-opacity:0.12;--mat-text-button-pressed-state-layer-opacity:0.12;--mdc-filled-button-container-color:white;--mdc-filled-button-label-text-color:black;--mdc-filled-button-disabled-container-color:rgba(0, 0, 0, 0.12);--mdc-filled-button-disabled-label-text-color:rgba(0, 0, 0, 0.38);--mat-filled-button-state-layer-color:black;--mat-filled-button-disabled-state-layer-color:black;--mat-filled-button-ripple-color:rgba(0, 0, 0, 0.1);--mat-filled-button-hover-state-layer-opacity:0.04;--mat-filled-button-focus-state-layer-opacity:0.12;--mat-filled-button-pressed-state-layer-opacity:0.12;--mdc-protected-button-container-color:white;--mdc-protected-button-label-text-color:black;--mdc-protected-button-disabled-container-color:rgba(0, 0, 0, 0.12);--mdc-protected-button-disabled-label-text-color:rgba(0, 0, 0, 0.38);--mdc-protected-button-container-elevation-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);--mdc-protected-button-disabled-container-elevation-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);--mdc-protected-button-focus-container-elevation-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);--mdc-protected-button-hover-container-elevation-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);--mdc-protected-button-pressed-container-elevation-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);--mdc-protected-button-container-shadow-color:#000;--mat-protected-button-state-layer-color:black;--mat-protected-button-disabled-state-layer-color:black;--mat-protected-button-ripple-color:rgba(0, 0, 0, 0.1);--mat-protected-button-hover-state-layer-opacity:0.04;--mat-protected-button-focus-state-layer-opacity:0.12;--mat-protected-button-pressed-state-layer-opacity:0.12;--mdc-outlined-button-disabled-outline-color:rgba(0, 0, 0, 0.12);--mdc-outlined-button-disabled-label-text-color:rgba(0, 0, 0, 0.38);--mdc-outlined-button-label-text-color:black;--mdc-outlined-button-outline-color:rgba(0, 0, 0, 0.12);--mat-outlined-button-state-layer-color:black;--mat-outlined-button-disabled-state-layer-color:black;--mat-outlined-button-ripple-color:rgba(0, 0, 0, 0.1);--mat-outlined-button-hover-state-layer-opacity:0.04;--mat-outlined-button-focus-state-layer-opacity:0.12;--mat-outlined-button-pressed-state-layer-opacity:0.12}.mat-mdc-button.mat-primary{--mdc-text-button-label-text-color:#3f51b5;--mat-text-button-state-layer-color:#3f51b5;--mat-text-button-ripple-color:rgba(63, 81, 181, 0.1)}.mat-mdc-button.mat-accent{--mdc-text-button-label-text-color:#ff4081;--mat-text-button-state-layer-color:#ff4081;--mat-text-button-ripple-color:rgba(255, 64, 129, 0.1)}.mat-mdc-button.mat-warn{--mdc-text-button-label-text-color:#f44336;--mat-text-button-state-layer-color:#f44336;--mat-text-button-ripple-color:rgba(244, 67, 54, 0.1)}.mat-mdc-unelevated-button.mat-primary{--mdc-filled-button-container-color:#3f51b5;--mdc-filled-button-label-text-color:white;--mat-filled-button-state-layer-color:white;--mat-filled-button-ripple-color:rgba(255, 255, 255, 0.1)}.mat-mdc-unelevated-button.mat-accent{--mdc-filled-button-container-color:#ff4081;--mdc-filled-button-label-text-color:white;--mat-filled-button-state-layer-color:white;--mat-filled-button-ripple-color:rgba(255, 255, 255, 0.1)}.mat-mdc-unelevated-button.mat-warn{--mdc-filled-button-container-color:#f44336;--mdc-filled-button-label-text-color:white;--mat-filled-button-state-layer-color:white;--mat-filled-button-ripple-color:rgba(255, 255, 255, 0.1)}.mat-mdc-raised-button.mat-primary{--mdc-protected-button-container-color:#3f51b5;--mdc-protected-button-label-text-color:white;--mat-protected-button-state-layer-color:white;--mat-protected-button-ripple-color:rgba(255, 255, 255, 0.1)}.mat-mdc-raised-button.mat-accent{--mdc-protected-button-container-color:#ff4081;--mdc-protected-button-label-text-color:white;--mat-protected-button-state-layer-color:white;--mat-protected-button-ripple-color:rgba(255, 255, 255, 0.1)}.mat-mdc-raised-button.mat-warn{--mdc-protected-button-container-color:#f44336;--mdc-protected-button-label-text-color:white;--mat-protected-button-state-layer-color:white;--mat-protected-button-ripple-color:rgba(255, 255, 255, 0.1)}.mat-mdc-outlined-button.mat-primary{--mdc-outlined-button-label-text-color:#3f51b5;--mdc-outlined-button-outline-color:rgba(0, 0, 0, 0.12);--mat-outlined-button-state-layer-color:#3f51b5;--mat-outlined-button-ripple-color:rgba(63, 81, 181, 0.1)}.mat-mdc-outlined-button.mat-accent{--mdc-outlined-button-label-text-color:#ff4081;--mdc-outlined-button-outline-color:rgba(0, 0, 0, 0.12);--mat-outlined-button-state-layer-color:#ff4081;--mat-outlined-button-ripple-color:rgba(255, 64, 129, 0.1)}.mat-mdc-outlined-button.mat-warn{--mdc-outlined-button-label-text-color:#f44336;--mdc-outlined-button-outline-color:rgba(0, 0, 0, 0.12);--mat-outlined-button-state-layer-color:#f44336;--mat-outlined-button-ripple-color:rgba(244, 67, 54, 0.1)}html{--mdc-text-button-container-height:36px;--mdc-filled-button-container-height:36px;--mdc-outlined-button-container-height:36px;--mdc-protected-button-container-height:36px;--mat-text-button-touch-target-display:block;--mat-filled-button-touch-target-display:block;--mat-protected-button-touch-target-display:block;--mat-outlined-button-touch-target-display:block;--mdc-text-button-label-text-font:Roboto, sans-serif;--mdc-text-button-label-text-size:14px;--mdc-text-button-label-text-tracking:0.0892857143em;--mdc-text-button-label-text-weight:500;--mdc-text-button-label-text-transform:none;--mdc-filled-button-label-text-font:Roboto, sans-serif;--mdc-filled-button-label-text-size:14px;--mdc-filled-button-label-text-tracking:0.0892857143em;--mdc-filled-button-label-text-weight:500;--mdc-filled-button-label-text-transform:none;--mdc-outlined-button-label-text-font:Roboto, sans-serif;--mdc-outlined-button-label-text-size:14px;--mdc-outlined-button-label-text-tracking:0.0892857143em;--mdc-outlined-button-label-text-weight:500;--mdc-outlined-button-label-text-transform:none;--mdc-protected-button-label-text-font:Roboto, sans-serif;--mdc-protected-button-label-text-size:14px;--mdc-protected-button-label-text-tracking:0.0892857143em;--mdc-protected-button-label-text-weight:500;--mdc-protected-button-label-text-transform:none;--mdc-icon-button-icon-size:24px;--mdc-icon-button-icon-color:inherit;--mdc-icon-button-disabled-icon-color:rgba(0, 0, 0, 0.38);--mat-icon-button-state-layer-color:black;--mat-icon-button-disabled-state-layer-color:black;--mat-icon-button-ripple-color:rgba(0, 0, 0, 0.1);--mat-icon-button-hover-state-layer-opacity:0.04;--mat-icon-button-focus-state-layer-opacity:0.12;--mat-icon-button-pressed-state-layer-opacity:0.12}html .mat-mdc-icon-button.mat-primary{--mdc-icon-button-icon-color:#3f51b5;--mat-icon-button-state-layer-color:#3f51b5;--mat-icon-button-ripple-color:rgba(63, 81, 181, 0.1)}html .mat-mdc-icon-button.mat-accent{--mdc-icon-button-icon-color:#ff4081;--mat-icon-button-state-layer-color:#ff4081;--mat-icon-button-ripple-color:rgba(255, 64, 129, 0.1)}html .mat-mdc-icon-button.mat-warn{--mdc-icon-button-icon-color:#f44336;--mat-icon-button-state-layer-color:#f44336;--mat-icon-button-ripple-color:rgba(244, 67, 54, 0.1)}html{--mat-icon-button-touch-target-display:block}.mat-mdc-icon-button.mat-mdc-button-base{--mdc-icon-button-state-layer-size:48px;width:var(--mdc-icon-button-state-layer-size);height:var(--mdc-icon-button-state-layer-size);padding:12px}html{--mdc-fab-container-shape:50%;--mdc-fab-icon-size:24px;--mdc-fab-small-container-shape:50%;--mdc-fab-small-icon-size:24px;--mdc-extended-fab-container-height:48px;--mdc-extended-fab-container-shape:24px;--mdc-fab-container-color:white;--mdc-fab-container-elevation-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);--mdc-fab-focus-container-elevation-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);--mdc-fab-hover-container-elevation-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);--mdc-fab-pressed-container-elevation-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);--mdc-fab-container-shadow-color:#000;--mat-fab-foreground-color:black;--mat-fab-state-layer-color:black;--mat-fab-disabled-state-layer-color:black;--mat-fab-ripple-color:rgba(0, 0, 0, 0.1);--mat-fab-hover-state-layer-opacity:0.04;--mat-fab-focus-state-layer-opacity:0.12;--mat-fab-pressed-state-layer-opacity:0.12;--mat-fab-disabled-state-container-color:rgba(0, 0, 0, 0.12);--mat-fab-disabled-state-foreground-color:rgba(0, 0, 0, 0.38);--mdc-fab-small-container-color:white;--mdc-fab-small-container-elevation-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);--mdc-fab-small-focus-container-elevation-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);--mdc-fab-small-hover-container-elevation-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);--mdc-fab-small-pressed-container-elevation-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);--mdc-fab-small-container-shadow-color:#000;--mat-fab-small-foreground-color:black;--mat-fab-small-state-layer-color:black;--mat-fab-small-disabled-state-layer-color:black;--mat-fab-small-ripple-color:rgba(0, 0, 0, 0.1);--mat-fab-small-hover-state-layer-opacity:0.04;--mat-fab-small-focus-state-layer-opacity:0.12;--mat-fab-small-pressed-state-layer-opacity:0.12;--mat-fab-small-disabled-state-container-color:rgba(0, 0, 0, 0.12);--mat-fab-small-disabled-state-foreground-color:rgba(0, 0, 0, 0.38);--mdc-extended-fab-container-elevation-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);--mdc-extended-fab-focus-container-elevation-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);--mdc-extended-fab-hover-container-elevation-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);--mdc-extended-fab-pressed-container-elevation-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);--mdc-extended-fab-container-shadow-color:#000}html .mat-mdc-fab.mat-primary{--mdc-fab-container-color:#3f51b5;--mat-fab-foreground-color:white;--mat-fab-state-layer-color:white;--mat-fab-ripple-color:rgba(255, 255, 255, 0.1)}html .mat-mdc-fab.mat-accent{--mdc-fab-container-color:#ff4081;--mat-fab-foreground-color:white;--mat-fab-state-layer-color:white;--mat-fab-ripple-color:rgba(255, 255, 255, 0.1)}html .mat-mdc-fab.mat-warn{--mdc-fab-container-color:#f44336;--mat-fab-foreground-color:white;--mat-fab-state-layer-color:white;--mat-fab-ripple-color:rgba(255, 255, 255, 0.1)}html .mat-mdc-mini-fab.mat-primary{--mdc-fab-small-container-color:#3f51b5;--mat-fab-small-foreground-color:white;--mat-fab-small-state-layer-color:white;--mat-fab-small-ripple-color:rgba(255, 255, 255, 0.1)}html .mat-mdc-mini-fab.mat-accent{--mdc-fab-small-container-color:#ff4081;--mat-fab-small-foreground-color:white;--mat-fab-small-state-layer-color:white;--mat-fab-small-ripple-color:rgba(255, 255, 255, 0.1)}html .mat-mdc-mini-fab.mat-warn{--mdc-fab-small-container-color:#f44336;--mat-fab-small-foreground-color:white;--mat-fab-small-state-layer-color:white;--mat-fab-small-ripple-color:rgba(255, 255, 255, 0.1)}html{--mat-fab-touch-target-display:block;--mat-fab-small-touch-target-display:block;--mdc-extended-fab-label-text-font:Roboto, sans-serif;--mdc-extended-fab-label-text-size:14px;--mdc-extended-fab-label-text-tracking:0.0892857143em;--mdc-extended-fab-label-text-weight:500;--mdc-snackbar-container-shape:4px;--mdc-snackbar-container-color:#333333;--mdc-snackbar-supporting-text-color:rgba(255, 255, 255, 0.87);--mat-snack-bar-button-color:#ff4081;--mdc-snackbar-supporting-text-font:Roboto, sans-serif;--mdc-snackbar-supporting-text-line-height:20px;--mdc-snackbar-supporting-text-size:14px;--mdc-snackbar-supporting-text-weight:400;--mat-table-row-item-outline-width:1px;--mat-table-background-color:white;--mat-table-header-headline-color:rgba(0, 0, 0, 0.87);--mat-table-row-item-label-text-color:rgba(0, 0, 0, 0.87);--mat-table-row-item-outline-color:rgba(0, 0, 0, 0.12);--mat-table-header-container-height:56px;--mat-table-footer-container-height:52px;--mat-table-row-item-container-height:52px;--mat-table-header-headline-font:Roboto, sans-serif;--mat-table-header-headline-line-height:22px;--mat-table-header-headline-size:14px;--mat-table-header-headline-weight:500;--mat-table-header-headline-tracking:0.0071428571em;--mat-table-row-item-label-text-font:Roboto, sans-serif;--mat-table-row-item-label-text-line-height:20px;--mat-table-row-item-label-text-size:14px;--mat-table-row-item-label-text-weight:400;--mat-table-row-item-label-text-tracking:0.0178571429em;--mat-table-footer-supporting-text-font:Roboto, sans-serif;--mat-table-footer-supporting-text-line-height:20px;--mat-table-footer-supporting-text-size:14px;--mat-table-footer-supporting-text-weight:400;--mat-table-footer-supporting-text-tracking:0.0178571429em;--mdc-circular-progress-active-indicator-width:4px;--mdc-circular-progress-size:48px;--mdc-circular-progress-active-indicator-color:#3f51b5}html .mat-accent{--mdc-circular-progress-active-indicator-color:#ff4081}html .mat-warn{--mdc-circular-progress-active-indicator-color:#f44336}html{--mat-badge-container-shape:50%;--mat-badge-container-size:unset;--mat-badge-small-size-container-size:unset;--mat-badge-large-size-container-size:unset;--mat-badge-legacy-container-size:22px;--mat-badge-legacy-small-size-container-size:16px;--mat-badge-legacy-large-size-container-size:28px;--mat-badge-container-offset:-11px 0;--mat-badge-small-size-container-offset:-8px 0;--mat-badge-large-size-container-offset:-14px 0;--mat-badge-container-overlap-offset:-11px;--mat-badge-small-size-container-overlap-offset:-8px;--mat-badge-large-size-container-overlap-offset:-14px;--mat-badge-container-padding:0;--mat-badge-small-size-container-padding:0;--mat-badge-large-size-container-padding:0;--mat-badge-background-color:#3f51b5;--mat-badge-text-color:white;--mat-badge-disabled-state-background-color:#b9b9b9;--mat-badge-disabled-state-text-color:rgba(0, 0, 0, 0.38)}.mat-badge-accent{--mat-badge-background-color:#ff4081;--mat-badge-text-color:white}.mat-badge-warn{--mat-badge-background-color:#f44336;--mat-badge-text-color:white}html{--mat-badge-text-font:Roboto, sans-serif;--mat-badge-text-size:12px;--mat-badge-text-weight:600;--mat-badge-small-size-text-size:9px;--mat-badge-large-size-text-size:24px;--mat-bottom-sheet-container-shape:4px;--mat-bottom-sheet-container-text-color:rgba(0, 0, 0, 0.87);--mat-bottom-sheet-container-background-color:white;--mat-bottom-sheet-container-text-font:Roboto, sans-serif;--mat-bottom-sheet-container-text-line-height:20px;--mat-bottom-sheet-container-text-size:14px;--mat-bottom-sheet-container-text-tracking:0.0178571429em;--mat-bottom-sheet-container-text-weight:400;--mat-legacy-button-toggle-height:36px;--mat-legacy-button-toggle-shape:2px;--mat-legacy-button-toggle-focus-state-layer-opacity:1;--mat-standard-button-toggle-shape:4px;--mat-standard-button-toggle-hover-state-layer-opacity:0.04;--mat-standard-button-toggle-focus-state-layer-opacity:0.12;--mat-legacy-button-toggle-text-color:rgba(0, 0, 0, 0.38);--mat-legacy-button-toggle-state-layer-color:rgba(0, 0, 0, 0.12);--mat-legacy-button-toggle-selected-state-text-color:rgba(0, 0, 0, 0.54);--mat-legacy-button-toggle-selected-state-background-color:#e0e0e0;--mat-legacy-button-toggle-disabled-state-text-color:rgba(0, 0, 0, 0.26);--mat-legacy-button-toggle-disabled-state-background-color:#eeeeee;--mat-legacy-button-toggle-disabled-selected-state-background-color:#bdbdbd;--mat-standard-button-toggle-text-color:rgba(0, 0, 0, 0.87);--mat-standard-button-toggle-background-color:white;--mat-standard-button-toggle-state-layer-color:black;--mat-standard-button-toggle-selected-state-background-color:#e0e0e0;--mat-standard-button-toggle-selected-state-text-color:rgba(0, 0, 0, 0.87);--mat-standard-button-toggle-disabled-state-text-color:rgba(0, 0, 0, 0.26);--mat-standard-button-toggle-disabled-state-background-color:white;--mat-standard-button-toggle-disabled-selected-state-text-color:rgba(0, 0, 0, 0.87);--mat-standard-button-toggle-disabled-selected-state-background-color:#bdbdbd;--mat-standard-button-toggle-divider-color:#e0e0e0;--mat-standard-button-toggle-height:48px;--mat-legacy-button-toggle-label-text-font:Roboto, sans-serif;--mat-legacy-button-toggle-label-text-line-height:24px;--mat-legacy-button-toggle-label-text-size:16px;--mat-legacy-button-toggle-label-text-tracking:0.03125em;--mat-legacy-button-toggle-label-text-weight:400;--mat-standard-button-toggle-label-text-font:Roboto, sans-serif;--mat-standard-button-toggle-label-text-line-height:24px;--mat-standard-button-toggle-label-text-size:16px;--mat-standard-button-toggle-label-text-tracking:0.03125em;--mat-standard-button-toggle-label-text-weight:400;--mat-datepicker-calendar-container-shape:4px;--mat-datepicker-calendar-container-touch-shape:4px;--mat-datepicker-calendar-container-elevation-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-datepicker-calendar-container-touch-elevation-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-calendar-date-selected-state-text-color:white;--mat-datepicker-calendar-date-selected-state-background-color:#3f51b5;--mat-datepicker-calendar-date-selected-disabled-state-background-color:rgba(63, 81, 181, 0.4);--mat-datepicker-calendar-date-today-selected-state-outline-color:white;--mat-datepicker-calendar-date-focus-state-background-color:rgba(63, 81, 181, 0.3);--mat-datepicker-calendar-date-hover-state-background-color:rgba(63, 81, 181, 0.3);--mat-datepicker-toggle-active-state-icon-color:#3f51b5;--mat-datepicker-calendar-date-in-range-state-background-color:rgba(63, 81, 181, 0.2);--mat-datepicker-calendar-date-in-comparison-range-state-background-color:rgba(249, 171, 0, 0.2);--mat-datepicker-calendar-date-in-overlap-range-state-background-color:#a8dab5;--mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color:#46a35e;--mat-datepicker-toggle-icon-color:rgba(0, 0, 0, 0.54);--mat-datepicker-calendar-body-label-text-color:rgba(0, 0, 0, 0.54);--mat-datepicker-calendar-period-button-text-color:black;--mat-datepicker-calendar-period-button-icon-color:rgba(0, 0, 0, 0.54);--mat-datepicker-calendar-navigation-button-icon-color:rgba(0, 0, 0, 0.54);--mat-datepicker-calendar-header-divider-color:rgba(0, 0, 0, 0.12);--mat-datepicker-calendar-header-text-color:rgba(0, 0, 0, 0.54);--mat-datepicker-calendar-date-today-outline-color:rgba(0, 0, 0, 0.38);--mat-datepicker-calendar-date-today-disabled-state-outline-color:rgba(0, 0, 0, 0.18);--mat-datepicker-calendar-date-text-color:rgba(0, 0, 0, 0.87);--mat-datepicker-calendar-date-outline-color:transparent;--mat-datepicker-calendar-date-disabled-state-text-color:rgba(0, 0, 0, 0.38);--mat-datepicker-calendar-date-preview-state-outline-color:rgba(0, 0, 0, 0.24);--mat-datepicker-range-input-separator-color:rgba(0, 0, 0, 0.87);--mat-datepicker-range-input-disabled-state-separator-color:rgba(0, 0, 0, 0.38);--mat-datepicker-range-input-disabled-state-text-color:rgba(0, 0, 0, 0.38);--mat-datepicker-calendar-container-background-color:white;--mat-datepicker-calendar-container-text-color:rgba(0, 0, 0, 0.87)}.mat-datepicker-content.mat-accent{--mat-datepicker-calendar-date-selected-state-text-color:white;--mat-datepicker-calendar-date-selected-state-background-color:#ff4081;--mat-datepicker-calendar-date-selected-disabled-state-background-color:rgba(255, 64, 129, 0.4);--mat-datepicker-calendar-date-today-selected-state-outline-color:white;--mat-datepicker-calendar-date-focus-state-background-color:rgba(255, 64, 129, 0.3);--mat-datepicker-calendar-date-hover-state-background-color:rgba(255, 64, 129, 0.3);--mat-datepicker-calendar-date-in-range-state-background-color:rgba(255, 64, 129, 0.2);--mat-datepicker-calendar-date-in-comparison-range-state-background-color:rgba(249, 171, 0, 0.2);--mat-datepicker-calendar-date-in-overlap-range-state-background-color:#a8dab5;--mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color:#46a35e}.mat-datepicker-content.mat-warn{--mat-datepicker-calendar-date-selected-state-text-color:white;--mat-datepicker-calendar-date-selected-state-background-color:#f44336;--mat-datepicker-calendar-date-selected-disabled-state-background-color:rgba(244, 67, 54, 0.4);--mat-datepicker-calendar-date-today-selected-state-outline-color:white;--mat-datepicker-calendar-date-focus-state-background-color:rgba(244, 67, 54, 0.3);--mat-datepicker-calendar-date-hover-state-background-color:rgba(244, 67, 54, 0.3);--mat-datepicker-calendar-date-in-range-state-background-color:rgba(244, 67, 54, 0.2);--mat-datepicker-calendar-date-in-comparison-range-state-background-color:rgba(249, 171, 0, 0.2);--mat-datepicker-calendar-date-in-overlap-range-state-background-color:#a8dab5;--mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color:#46a35e}.mat-datepicker-toggle-active.mat-accent{--mat-datepicker-toggle-active-state-icon-color:#ff4081}.mat-datepicker-toggle-active.mat-warn{--mat-datepicker-toggle-active-state-icon-color:#f44336}.mat-calendar-controls{--mat-icon-button-touch-target-display:none}.mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base{--mdc-icon-button-state-layer-size:40px;width:var(--mdc-icon-button-state-layer-size);height:var(--mdc-icon-button-state-layer-size);padding:8px}html{--mat-datepicker-calendar-text-font:Roboto, sans-serif;--mat-datepicker-calendar-text-size:13px;--mat-datepicker-calendar-body-label-text-size:14px;--mat-datepicker-calendar-body-label-text-weight:500;--mat-datepicker-calendar-period-button-text-size:14px;--mat-datepicker-calendar-period-button-text-weight:500;--mat-datepicker-calendar-header-text-size:11px;--mat-datepicker-calendar-header-text-weight:400;--mat-divider-width:1px;--mat-divider-color:rgba(0, 0, 0, 0.12);--mat-expansion-container-shape:4px;--mat-expansion-legacy-header-indicator-display:inline-block;--mat-expansion-header-indicator-display:none;--mat-expansion-container-background-color:white;--mat-expansion-container-text-color:rgba(0, 0, 0, 0.87);--mat-expansion-actions-divider-color:rgba(0, 0, 0, 0.12);--mat-expansion-header-hover-state-layer-color:rgba(0, 0, 0, 0.04);--mat-expansion-header-focus-state-layer-color:rgba(0, 0, 0, 0.04);--mat-expansion-header-disabled-state-text-color:rgba(0, 0, 0, 0.26);--mat-expansion-header-text-color:rgba(0, 0, 0, 0.87);--mat-expansion-header-description-color:rgba(0, 0, 0, 0.54);--mat-expansion-header-indicator-color:rgba(0, 0, 0, 0.54);--mat-expansion-header-collapsed-state-height:48px;--mat-expansion-header-expanded-state-height:64px;--mat-expansion-header-text-font:Roboto, sans-serif;--mat-expansion-header-text-size:14px;--mat-expansion-header-text-weight:500;--mat-expansion-header-text-line-height:inherit;--mat-expansion-header-text-tracking:inherit;--mat-expansion-container-text-font:Roboto, sans-serif;--mat-expansion-container-text-line-height:20px;--mat-expansion-container-text-size:14px;--mat-expansion-container-text-tracking:0.0178571429em;--mat-expansion-container-text-weight:400;--mat-grid-list-tile-header-primary-text-size:14px;--mat-grid-list-tile-header-secondary-text-size:12px;--mat-grid-list-tile-footer-primary-text-size:14px;--mat-grid-list-tile-footer-secondary-text-size:12px;--mat-icon-color:inherit}.mat-icon.mat-primary{--mat-icon-color:#3f51b5}.mat-icon.mat-accent{--mat-icon-color:#ff4081}.mat-icon.mat-warn{--mat-icon-color:#f44336}html{--mat-sidenav-container-shape:0;--mat-sidenav-container-elevation-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-sidenav-container-width:auto;--mat-sidenav-container-divider-color:rgba(0, 0, 0, 0.12);--mat-sidenav-container-background-color:white;--mat-sidenav-container-text-color:rgba(0, 0, 0, 0.87);--mat-sidenav-content-background-color:#fafafa;--mat-sidenav-content-text-color:rgba(0, 0, 0, 0.87);--mat-sidenav-scrim-color:rgba(0, 0, 0, 0.6);--mat-stepper-header-icon-foreground-color:white;--mat-stepper-header-selected-state-icon-background-color:#3f51b5;--mat-stepper-header-selected-state-icon-foreground-color:white;--mat-stepper-header-done-state-icon-background-color:#3f51b5;--mat-stepper-header-done-state-icon-foreground-color:white;--mat-stepper-header-edit-state-icon-background-color:#3f51b5;--mat-stepper-header-edit-state-icon-foreground-color:white;--mat-stepper-container-color:white;--mat-stepper-line-color:rgba(0, 0, 0, 0.12);--mat-stepper-header-hover-state-layer-color:rgba(0, 0, 0, 0.04);--mat-stepper-header-focus-state-layer-color:rgba(0, 0, 0, 0.04);--mat-stepper-header-label-text-color:rgba(0, 0, 0, 0.54);--mat-stepper-header-optional-label-text-color:rgba(0, 0, 0, 0.54);--mat-stepper-header-selected-state-label-text-color:rgba(0, 0, 0, 0.87);--mat-stepper-header-error-state-label-text-color:#f44336;--mat-stepper-header-icon-background-color:rgba(0, 0, 0, 0.54);--mat-stepper-header-error-state-icon-foreground-color:#f44336;--mat-stepper-header-error-state-icon-background-color:transparent}html .mat-step-header.mat-accent{--mat-stepper-header-icon-foreground-color:white;--mat-stepper-header-selected-state-icon-background-color:#ff4081;--mat-stepper-header-selected-state-icon-foreground-color:white;--mat-stepper-header-done-state-icon-background-color:#ff4081;--mat-stepper-header-done-state-icon-foreground-color:white;--mat-stepper-header-edit-state-icon-background-color:#ff4081;--mat-stepper-header-edit-state-icon-foreground-color:white}html .mat-step-header.mat-warn{--mat-stepper-header-icon-foreground-color:white;--mat-stepper-header-selected-state-icon-background-color:#f44336;--mat-stepper-header-selected-state-icon-foreground-color:white;--mat-stepper-header-done-state-icon-background-color:#f44336;--mat-stepper-header-done-state-icon-foreground-color:white;--mat-stepper-header-edit-state-icon-background-color:#f44336;--mat-stepper-header-edit-state-icon-foreground-color:white}html{--mat-stepper-header-height:72px;--mat-stepper-container-text-font:Roboto, sans-serif;--mat-stepper-header-label-text-font:Roboto, sans-serif;--mat-stepper-header-label-text-size:14px;--mat-stepper-header-label-text-weight:400;--mat-stepper-header-error-state-label-text-size:16px;--mat-stepper-header-selected-state-label-text-size:16px;--mat-stepper-header-selected-state-label-text-weight:400;--mat-sort-arrow-color:#757575;--mat-toolbar-container-background-color:whitesmoke;--mat-toolbar-container-text-color:rgba(0, 0, 0, 0.87)}.mat-toolbar.mat-primary{--mat-toolbar-container-background-color:#3f51b5;--mat-toolbar-container-text-color:white}.mat-toolbar.mat-accent{--mat-toolbar-container-background-color:#ff4081;--mat-toolbar-container-text-color:white}.mat-toolbar.mat-warn{--mat-toolbar-container-background-color:#f44336;--mat-toolbar-container-text-color:white}html{--mat-toolbar-standard-height:64px;--mat-toolbar-mobile-height:56px;--mat-toolbar-title-text-font:Roboto, sans-serif;--mat-toolbar-title-text-line-height:32px;--mat-toolbar-title-text-size:20px;--mat-toolbar-title-text-tracking:0.0125em;--mat-toolbar-title-text-weight:500;--mat-tree-container-background-color:white;--mat-tree-node-text-color:rgba(0, 0, 0, 0.87);--mat-tree-node-min-height:48px;--mat-tree-node-text-font:Roboto, sans-serif;--mat-tree-node-text-size:14px;--mat-tree-node-text-weight:400}.mat-h1,.mat-headline-5,.mat-typography .mat-h1,.mat-typography .mat-headline-5,.mat-typography h1{font:400 24px/32px Roboto, sans-serif;letter-spacing:normal;margin:0 0 16px}.mat-h2,.mat-headline-6,.mat-typography .mat-h2,.mat-typography .mat-headline-6,.mat-typography h2{font:500 20px/32px Roboto, sans-serif;letter-spacing:.0125em;margin:0 0 16px}.mat-h3,.mat-subtitle-1,.mat-typography .mat-h3,.mat-typography .mat-subtitle-1,.mat-typography h3{font:400 16px/28px Roboto, sans-serif;letter-spacing:.009375em;margin:0 0 16px}.mat-h4,.mat-body-1,.mat-typography .mat-h4,.mat-typography .mat-body-1,.mat-typography h4{font:400 16px/24px Roboto, sans-serif;letter-spacing:.03125em;margin:0 0 16px}.mat-h5,.mat-typography .mat-h5,.mat-typography h5{font:400 calc(14px*.83)/20px Roboto, sans-serif;margin:0 0 12px}.mat-h6,.mat-typography .mat-h6,.mat-typography h6{font:400 calc(14px*.67)/20px Roboto, sans-serif;margin:0 0 12px}.mat-body-strong,.mat-subtitle-2,.mat-typography .mat-body-strong,.mat-typography .mat-subtitle-2{font:500 14px/22px Roboto, sans-serif;letter-spacing:.0071428571em}.mat-body,.mat-body-2,.mat-typography .mat-body,.mat-typography .mat-body-2,.mat-typography{font:400 14px/20px Roboto, sans-serif;letter-spacing:.0178571429em}.mat-body p,.mat-body-2 p,.mat-typography .mat-body p,.mat-typography .mat-body-2 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, sans-serif;letter-spacing:.0333333333em}.mat-headline-1,.mat-typography .mat-headline-1{font:300 96px/96px Roboto, sans-serif;letter-spacing:-0.015625em;margin:0 0 56px}.mat-headline-2,.mat-typography .mat-headline-2{font:300 60px/60px Roboto, sans-serif;letter-spacing:-.0083333333em;margin:0 0 64px}.mat-headline-3,.mat-typography .mat-headline-3{font:400 48px/50px Roboto, sans-serif;letter-spacing:normal;margin:0 0 64px}.mat-headline-4,.mat-typography .mat-headline-4{font:400 34px/40px Roboto, sans-serif;letter-spacing:.0073529412em;margin:0 0 64px}
/*!******************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/ngx-toastr/toastr.css?ngGlobalStyle ***!
  \******************************************************************************************************************************************************************************************************************************************/
/* based on angular-toastr css https://github.com/Foxandxss/angular-toastr/blob/cb508fe6801d6b288d3afc525bb40fee1b101650/dist/angular-toastr.css */

/* position */
.toast-center-center {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.toast-top-center {
  top: 0;
  right: 0;
  width: 100%;
}
.toast-bottom-center {
  bottom: 0;
  right: 0;
  width: 100%;
}
.toast-top-full-width {
  top: 0;
  right: 0;
  width: 100%;
}
.toast-bottom-full-width {
  bottom: 0;
  right: 0;
  width: 100%;
}
.toast-top-left {
  top: 12px;
  left: 12px;
}
.toast-top-right {
  top: 12px;
  right: 12px;
}
.toast-bottom-right {
  right: 12px;
  bottom: 12px;
}
.toast-bottom-left {
  bottom: 12px;
  left: 12px;
}

/* toast styles */
.toast-title {
  font-weight: bold;
}
.toast-message {
  word-wrap: break-word;
}
.toast-message a,
.toast-message label {
  color: #FFFFFF;
}
.toast-message a:hover {
  color: #CCCCCC;
  text-decoration: none;
}
.toast-close-button {
  position: relative;
  right: -0.3em;
  top: -0.3em;
  float: right;
  font-size: 20px;
  font-weight: bold;
  color: #FFFFFF;
  text-shadow: 0 1px 0 #ffffff;
  /* opacity: 0.8; */
}
.toast-close-button:hover,
.toast-close-button:focus {
  color: #000000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.4;
}
/*Additional properties for button version
 iOS requires the button element instead of an anchor tag.
 If you want the anchor version, it requires `href="#"`.*/
button.toast-close-button {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
}
.toast-container {
  pointer-events: none;
  position: fixed;
  z-index: 999999;
}
.toast-container * {
  box-sizing: border-box;
}
.toast-container .ngx-toastr {
  position: relative;
  overflow: hidden;
  margin: 0 0 6px;
  padding: 15px 15px 15px 50px;
  width: 300px;
  border-radius: 3px 3px 3px 3px;
  background-position: 15px center;
  background-repeat: no-repeat;
  background-size: 24px;
  box-shadow: 0 0 12px #999999;
  color: #FFFFFF;
}
.toast-container .ngx-toastr:hover {
  box-shadow: 0 0 12px #000000;
  opacity: 1;
  cursor: pointer;
}
/* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/info-circle.svg */
.toast-info {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTI1NiA4QzExOS4wNDMgOCA4IDExOS4wODMgOCAyNTZjMCAxMzYuOTk3IDExMS4wNDMgMjQ4IDI0OCAyNDhzMjQ4LTExMS4wMDMgMjQ4LTI0OEM1MDQgMTE5LjA4MyAzOTIuOTU3IDggMjU2IDh6bTAgMTEwYzIzLjE5NiAwIDQyIDE4LjgwNCA0MiA0MnMtMTguODA0IDQyLTQyIDQyLTQyLTE4LjgwNC00Mi00MiAxOC44MDQtNDIgNDItNDJ6bTU2IDI1NGMwIDYuNjI3LTUuMzczIDEyLTEyIDEyaC04OGMtNi42MjcgMC0xMi01LjM3My0xMi0xMnYtMjRjMC02LjYyNyA1LjM3My0xMiAxMi0xMmgxMnYtNjRoLTEyYy02LjYyNyAwLTEyLTUuMzczLTEyLTEydi0yNGMwLTYuNjI3IDUuMzczLTEyIDEyLTEyaDY0YzYuNjI3IDAgMTIgNS4zNzMgMTIgMTJ2MTAwaDEyYzYuNjI3IDAgMTIgNS4zNzMgMTIgMTJ2MjR6Jy8+PC9zdmc+");
}
/* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/times-circle.svg */
.toast-error {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTI1NiA4QzExOSA4IDggMTE5IDggMjU2czExMSAyNDggMjQ4IDI0OCAyNDgtMTExIDI0OC0yNDhTMzkzIDggMjU2IDh6bTEyMS42IDMxMy4xYzQuNyA0LjcgNC43IDEyLjMgMCAxN0wzMzggMzc3LjZjLTQuNyA0LjctMTIuMyA0LjctMTcgMEwyNTYgMzEybC02NS4xIDY1LjZjLTQuNyA0LjctMTIuMyA0LjctMTcgMEwxMzQuNCAzMzhjLTQuNy00LjctNC43LTEyLjMgMC0xN2w2NS42LTY1LTY1LjYtNjUuMWMtNC43LTQuNy00LjctMTIuMyAwLTE3bDM5LjYtMzkuNmM0LjctNC43IDEyLjMtNC43IDE3IDBsNjUgNjUuNyA2NS4xLTY1LjZjNC43LTQuNyAxMi4zLTQuNyAxNyAwbDM5LjYgMzkuNmM0LjcgNC43IDQuNyAxMi4zIDAgMTdMMzEyIDI1Nmw2NS42IDY1LjF6Jy8+PC9zdmc+");
}
/* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/check.svg */
.toast-success {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTE3My44OTggNDM5LjQwNGwtMTY2LjQtMTY2LjRjLTkuOTk3LTkuOTk3LTkuOTk3LTI2LjIwNiAwLTM2LjIwNGwzNi4yMDMtMzYuMjA0YzkuOTk3LTkuOTk4IDI2LjIwNy05Ljk5OCAzNi4yMDQgMEwxOTIgMzEyLjY5IDQzMi4wOTUgNzIuNTk2YzkuOTk3LTkuOTk3IDI2LjIwNy05Ljk5NyAzNi4yMDQgMGwzNi4yMDMgMzYuMjA0YzkuOTk3IDkuOTk3IDkuOTk3IDI2LjIwNiAwIDM2LjIwNGwtMjk0LjQgMjk0LjQwMWMtOS45OTggOS45OTctMjYuMjA3IDkuOTk3LTM2LjIwNC0uMDAxeicvPjwvc3ZnPg==");
}
/* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/exclamation-triangle.svg */
.toast-warning {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1NzYgNTEyJyB3aWR0aD0nNTc2JyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTU2OS41MTcgNDQwLjAxM0M1ODcuOTc1IDQ3Mi4wMDcgNTY0LjgwNiA1MTIgNTI3Ljk0IDUxMkg0OC4wNTRjLTM2LjkzNyAwLTU5Ljk5OS00MC4wNTUtNDEuNTc3LTcxLjk4N0wyNDYuNDIzIDIzLjk4NWMxOC40NjctMzIuMDA5IDY0LjcyLTMxLjk1MSA4My4xNTQgMGwyMzkuOTQgNDE2LjAyOHpNMjg4IDM1NGMtMjUuNDA1IDAtNDYgMjAuNTk1LTQ2IDQ2czIwLjU5NSA0NiA0NiA0NiA0Ni0yMC41OTUgNDYtNDYtMjAuNTk1LTQ2LTQ2LTQ2em0tNDMuNjczLTE2NS4zNDZsNy40MTggMTM2Yy4zNDcgNi4zNjQgNS42MDkgMTEuMzQ2IDExLjk4MiAxMS4zNDZoNDguNTQ2YzYuMzczIDAgMTEuNjM1LTQuOTgyIDExLjk4Mi0xMS4zNDZsNy40MTgtMTM2Yy4zNzUtNi44NzQtNS4wOTgtMTIuNjU0LTExLjk4Mi0xMi42NTRoLTYzLjM4M2MtNi44ODQgMC0xMi4zNTYgNS43OC0xMS45ODEgMTIuNjU0eicvPjwvc3ZnPg==");
}
.toast-container.toast-top-center .ngx-toastr,
.toast-container.toast-bottom-center .ngx-toastr {
  width: 300px;
  margin-left: auto;
  margin-right: auto;
}
.toast-container.toast-top-full-width .ngx-toastr,
.toast-container.toast-bottom-full-width .ngx-toastr {
  width: 96%;
  margin-left: auto;
  margin-right: auto;
}
.ngx-toastr {
  background-color: #030303;
  pointer-events: auto;
}
.toast-success {
  background-color: #51A351;
}
.toast-error {
  background-color: #BD362F;
}
.toast-info {
  background-color: #2F96B4;
}
.toast-warning {
  background-color: #F89406;
}
.toast-progress {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 4px;
  background-color: #000000;
  opacity: 0.4;
}
/* Responsive Design */
@media all and (max-width: 240px) {
  .toast-container .ngx-toastr.div {
    padding: 8px 8px 8px 50px;
    width: 11em;
  }
  .toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
}
@media all and (min-width: 241px) and (max-width: 480px) {
  .toast-container .ngx-toastr.div {
    padding: 8px 8px 8px 50px;
    width: 18em;
  }
  .toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
}
@media all and (min-width: 481px) and (max-width: 768px) {
  .toast-container .ngx-toastr.div {
    padding: 15px 15px 15px 50px;
    width: 25em;
  }
}

/*!*********************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/sweetalert2/dist/sweetalert2.min.css?ngGlobalStyle ***!
  \*********************************************************************************************************************************************************************************************************************************************************/
:root{--swal2-outline: 0 0 0 3px rgba(100, 150, 200, 0.5);--swal2-container-padding: 0.625em;--swal2-backdrop: rgba(0, 0, 0, 0.4);--swal2-backdrop-transition: background-color 0.15s;--swal2-width: 32em;--swal2-padding: 0 0 1.25em;--swal2-border: none;--swal2-border-radius: 0.3125rem;--swal2-background: white;--swal2-color: #545454;--swal2-show-animation: swal2-show 0.3s;--swal2-hide-animation: swal2-hide 0.15s forwards;--swal2-icon-zoom: 1;--swal2-icon-animations: true;--swal2-title-padding: 0.8em 1em 0;--swal2-html-container-padding: 1em 1.6em 0.3em;--swal2-input-border: 1px solid #d9d9d9;--swal2-input-border-radius: 0.1875em;--swal2-input-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.06), 0 0 0 3px transparent;--swal2-input-background: transparent;--swal2-input-transition: border-color 0.2s, box-shadow 0.2s;--swal2-input-hover-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.06), 0 0 0 3px transparent;--swal2-input-focus-border: 1px solid #b4dbed;--swal2-input-focus-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.06), 0 0 0 3px rgba(100, 150, 200, 0.5);--swal2-progress-step-background: #add8e6;--swal2-validation-message-background: #f0f0f0;--swal2-validation-message-color: #666;--swal2-footer-border-color: #eee;--swal2-footer-background: transparent;--swal2-footer-color: inherit;--swal2-timer-progress-bar-background: rgba(0, 0, 0, 0.3);--swal2-close-button-position: initial;--swal2-close-button-inset: auto;--swal2-close-button-font-size: 2.5em;--swal2-close-button-color: #ccc;--swal2-close-button-transition: color 0.2s, box-shadow 0.2s;--swal2-close-button-outline: initial;--swal2-close-button-box-shadow: inset 0 0 0 3px transparent;--swal2-close-button-focus-box-shadow: inset var(--swal2-outline);--swal2-close-button-hover-transform: none;--swal2-actions-justify-content: center;--swal2-actions-width: auto;--swal2-actions-margin: 1.25em auto 0;--swal2-actions-padding: 0;--swal2-actions-border-radius: 0;--swal2-actions-background: transparent;--swal2-action-button-transition: background-color 0.2s, box-shadow 0.2s;--swal2-action-button-hover: black 10%;--swal2-action-button-active: black 10%;--swal2-confirm-button-box-shadow: none;--swal2-confirm-button-border-radius: 0.25em;--swal2-confirm-button-background-color: #7066e0;--swal2-confirm-button-color: #fff;--swal2-deny-button-box-shadow: none;--swal2-deny-button-border-radius: 0.25em;--swal2-deny-button-background-color: #dc3741;--swal2-deny-button-color: #fff;--swal2-cancel-button-box-shadow: none;--swal2-cancel-button-border-radius: 0.25em;--swal2-cancel-button-background-color: #6e7881;--swal2-cancel-button-color: #fff;--swal2-toast-show-animation: swal2-toast-show 0.5s;--swal2-toast-hide-animation: swal2-toast-hide 0.1s forwards;--swal2-toast-border: none;--swal2-toast-box-shadow: 0 0 1px hsl(0deg 0% 0% / 0.075), 0 1px 2px hsl(0deg 0% 0% / 0.075), 1px 2px 4px hsl(0deg 0% 0% / 0.075), 1px 3px 8px hsl(0deg 0% 0% / 0.075), 2px 4px 16px hsl(0deg 0% 0% / 0.075)}[data-swal2-theme=dark]{--swal2-dark-theme-black: #19191a;--swal2-dark-theme-white: #e1e1e1;--swal2-background: var(--swal2-dark-theme-black);--swal2-color: var(--swal2-dark-theme-white);--swal2-footer-border-color: #555;--swal2-input-background: color-mix(in srgb, var(--swal2-dark-theme-black), var(--swal2-dark-theme-white) 10%);--swal2-validation-message-background: color-mix( in srgb, var(--swal2-dark-theme-black), var(--swal2-dark-theme-white) 10% );--swal2-validation-message-color: var(--swal2-dark-theme-white);--swal2-timer-progress-bar-background: rgba(255, 255, 255, 0.7)}@media(prefers-color-scheme: dark){[data-swal2-theme=auto]{--swal2-dark-theme-black: #19191a;--swal2-dark-theme-white: #e1e1e1;--swal2-background: var(--swal2-dark-theme-black);--swal2-color: var(--swal2-dark-theme-white);--swal2-footer-border-color: #555;--swal2-input-background: color-mix(in srgb, var(--swal2-dark-theme-black), var(--swal2-dark-theme-white) 10%);--swal2-validation-message-background: color-mix( in srgb, var(--swal2-dark-theme-black), var(--swal2-dark-theme-white) 10% );--swal2-validation-message-color: var(--swal2-dark-theme-white);--swal2-timer-progress-bar-background: rgba(255, 255, 255, 0.7)}}body.swal2-shown:not(.swal2-no-backdrop,.swal2-toast-shown){overflow:hidden}body.swal2-height-auto{height:auto !important}body.swal2-no-backdrop .swal2-container{background-color:rgba(0,0,0,0) !important;pointer-events:none}body.swal2-no-backdrop .swal2-container .swal2-popup{pointer-events:auto}body.swal2-no-backdrop .swal2-container .swal2-modal{box-shadow:0 0 10px var(--swal2-backdrop)}body.swal2-toast-shown .swal2-container{box-sizing:border-box;width:360px;max-width:100%;background-color:rgba(0,0,0,0);pointer-events:none}body.swal2-toast-shown .swal2-container.swal2-top{inset:0 auto auto 50%;transform:translateX(-50%)}body.swal2-toast-shown .swal2-container.swal2-top-end,body.swal2-toast-shown .swal2-container.swal2-top-right{inset:0 0 auto auto}body.swal2-toast-shown .swal2-container.swal2-top-start,body.swal2-toast-shown .swal2-container.swal2-top-left{inset:0 auto auto 0}body.swal2-toast-shown .swal2-container.swal2-center-start,body.swal2-toast-shown .swal2-container.swal2-center-left{inset:50% auto auto 0;transform:translateY(-50%)}body.swal2-toast-shown .swal2-container.swal2-center{inset:50% auto auto 50%;transform:translate(-50%, -50%)}body.swal2-toast-shown .swal2-container.swal2-center-end,body.swal2-toast-shown .swal2-container.swal2-center-right{inset:50% 0 auto auto;transform:translateY(-50%)}body.swal2-toast-shown .swal2-container.swal2-bottom-start,body.swal2-toast-shown .swal2-container.swal2-bottom-left{inset:auto auto 0 0}body.swal2-toast-shown .swal2-container.swal2-bottom{inset:auto auto 0 50%;transform:translateX(-50%)}body.swal2-toast-shown .swal2-container.swal2-bottom-end,body.swal2-toast-shown .swal2-container.swal2-bottom-right{inset:auto 0 0 auto}@media print{body.swal2-shown:not(.swal2-no-backdrop,.swal2-toast-shown){overflow-y:scroll !important}body.swal2-shown:not(.swal2-no-backdrop,.swal2-toast-shown)>[aria-hidden=true]{display:none}body.swal2-shown:not(.swal2-no-backdrop,.swal2-toast-shown) .swal2-container{position:static !important}}div:where(.swal2-container){display:grid;position:fixed;z-index:1060;inset:0;box-sizing:border-box;grid-template-areas:"top-start     top            top-end" "center-start  center         center-end" "bottom-start  bottom-center  bottom-end";grid-template-rows:minmax(min-content, auto) minmax(min-content, auto) minmax(min-content, auto);height:100%;padding:var(--swal2-container-padding);overflow-x:hidden;transition:var(--swal2-backdrop-transition);-webkit-overflow-scrolling:touch}div:where(.swal2-container).swal2-backdrop-show,div:where(.swal2-container).swal2-noanimation{background:var(--swal2-backdrop)}div:where(.swal2-container).swal2-backdrop-hide{background:rgba(0,0,0,0) !important}div:where(.swal2-container).swal2-top-start,div:where(.swal2-container).swal2-center-start,div:where(.swal2-container).swal2-bottom-start{grid-template-columns:minmax(0, 1fr) auto auto}div:where(.swal2-container).swal2-top,div:where(.swal2-container).swal2-center,div:where(.swal2-container).swal2-bottom{grid-template-columns:auto minmax(0, 1fr) auto}div:where(.swal2-container).swal2-top-end,div:where(.swal2-container).swal2-center-end,div:where(.swal2-container).swal2-bottom-end{grid-template-columns:auto auto minmax(0, 1fr)}div:where(.swal2-container).swal2-top-start>.swal2-popup{align-self:start}div:where(.swal2-container).swal2-top>.swal2-popup{grid-column:2;place-self:start center}div:where(.swal2-container).swal2-top-end>.swal2-popup,div:where(.swal2-container).swal2-top-right>.swal2-popup{grid-column:3;place-self:start end}div:where(.swal2-container).swal2-center-start>.swal2-popup,div:where(.swal2-container).swal2-center-left>.swal2-popup{grid-row:2;align-self:center}div:where(.swal2-container).swal2-center>.swal2-popup{grid-column:2;grid-row:2;place-self:center center}div:where(.swal2-container).swal2-center-end>.swal2-popup,div:where(.swal2-container).swal2-center-right>.swal2-popup{grid-column:3;grid-row:2;place-self:center end}div:where(.swal2-container).swal2-bottom-start>.swal2-popup,div:where(.swal2-container).swal2-bottom-left>.swal2-popup{grid-column:1;grid-row:3;align-self:end}div:where(.swal2-container).swal2-bottom>.swal2-popup{grid-column:2;grid-row:3;place-self:end center}div:where(.swal2-container).swal2-bottom-end>.swal2-popup,div:where(.swal2-container).swal2-bottom-right>.swal2-popup{grid-column:3;grid-row:3;place-self:end end}div:where(.swal2-container).swal2-grow-row>.swal2-popup,div:where(.swal2-container).swal2-grow-fullscreen>.swal2-popup{grid-column:1/4;width:100%}div:where(.swal2-container).swal2-grow-column>.swal2-popup,div:where(.swal2-container).swal2-grow-fullscreen>.swal2-popup{grid-row:1/4;align-self:stretch}div:where(.swal2-container).swal2-no-transition{transition:none !important}div:where(.swal2-container)[popover]{width:auto;border:0}div:where(.swal2-container) div:where(.swal2-popup){display:none;position:relative;box-sizing:border-box;grid-template-columns:minmax(0, 100%);width:var(--swal2-width);max-width:100%;padding:var(--swal2-padding);border:var(--swal2-border);border-radius:var(--swal2-border-radius);background:var(--swal2-background);color:var(--swal2-color);font-family:inherit;font-size:1rem;container-name:swal2-popup}div:where(.swal2-container) div:where(.swal2-popup):focus{outline:none}div:where(.swal2-container) div:where(.swal2-popup).swal2-loading{overflow-y:hidden}div:where(.swal2-container) div:where(.swal2-popup).swal2-draggable{cursor:grab}div:where(.swal2-container) div:where(.swal2-popup).swal2-draggable div:where(.swal2-icon){cursor:grab}div:where(.swal2-container) div:where(.swal2-popup).swal2-dragging{cursor:grabbing}div:where(.swal2-container) div:where(.swal2-popup).swal2-dragging div:where(.swal2-icon){cursor:grabbing}div:where(.swal2-container) h2:where(.swal2-title){position:relative;max-width:100%;margin:0;padding:var(--swal2-title-padding);color:inherit;font-size:1.875em;font-weight:600;text-align:center;text-transform:none;overflow-wrap:break-word;cursor:initial}div:where(.swal2-container) div:where(.swal2-actions){display:flex;z-index:1;box-sizing:border-box;flex-wrap:wrap;align-items:center;justify-content:var(--swal2-actions-justify-content);width:var(--swal2-actions-width);margin:var(--swal2-actions-margin);padding:var(--swal2-actions-padding);border-radius:var(--swal2-actions-border-radius);background:var(--swal2-actions-background)}div:where(.swal2-container) div:where(.swal2-loader){display:none;align-items:center;justify-content:center;width:2.2em;height:2.2em;margin:0 1.875em;animation:swal2-rotate-loading 1.5s linear 0s infinite normal;border-width:.25em;border-style:solid;border-radius:100%;border-color:#2778c4 rgba(0,0,0,0) #2778c4 rgba(0,0,0,0)}div:where(.swal2-container) button:where(.swal2-styled){margin:.3125em;padding:.625em 1.1em;transition:var(--swal2-action-button-transition);border:none;box-shadow:0 0 0 3px rgba(0,0,0,0);font-weight:500}div:where(.swal2-container) button:where(.swal2-styled):not([disabled]){cursor:pointer}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-confirm){border-radius:var(--swal2-confirm-button-border-radius);background:initial;background-color:var(--swal2-confirm-button-background-color);box-shadow:var(--swal2-confirm-button-box-shadow);color:var(--swal2-confirm-button-color);font-size:1em}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-confirm):hover{background-color:color-mix(in srgb, var(--swal2-confirm-button-background-color), var(--swal2-action-button-hover))}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-confirm):active{background-color:color-mix(in srgb, var(--swal2-confirm-button-background-color), var(--swal2-action-button-active))}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-deny){border-radius:var(--swal2-deny-button-border-radius);background:initial;background-color:var(--swal2-deny-button-background-color);box-shadow:var(--swal2-deny-button-box-shadow);color:var(--swal2-deny-button-color);font-size:1em}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-deny):hover{background-color:color-mix(in srgb, var(--swal2-deny-button-background-color), var(--swal2-action-button-hover))}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-deny):active{background-color:color-mix(in srgb, var(--swal2-deny-button-background-color), var(--swal2-action-button-active))}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-cancel){border-radius:var(--swal2-cancel-button-border-radius);background:initial;background-color:var(--swal2-cancel-button-background-color);box-shadow:var(--swal2-cancel-button-box-shadow);color:var(--swal2-cancel-button-color);font-size:1em}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-cancel):hover{background-color:color-mix(in srgb, var(--swal2-cancel-button-background-color), var(--swal2-action-button-hover))}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-cancel):active{background-color:color-mix(in srgb, var(--swal2-cancel-button-background-color), var(--swal2-action-button-active))}div:where(.swal2-container) button:where(.swal2-styled):focus-visible{outline:none;box-shadow:var(--swal2-action-button-focus-box-shadow)}div:where(.swal2-container) button:where(.swal2-styled)[disabled]:not(.swal2-loading){opacity:.4}div:where(.swal2-container) button:where(.swal2-styled)::-moz-focus-inner{border:0}div:where(.swal2-container) div:where(.swal2-footer){margin:1em 0 0;padding:1em 1em 0;border-top:1px solid var(--swal2-footer-border-color);background:var(--swal2-footer-background);color:var(--swal2-footer-color);font-size:1em;text-align:center;cursor:initial}div:where(.swal2-container) .swal2-timer-progress-bar-container{position:absolute;right:0;bottom:0;left:0;grid-column:auto !important;overflow:hidden;border-bottom-right-radius:var(--swal2-border-radius);border-bottom-left-radius:var(--swal2-border-radius)}div:where(.swal2-container) div:where(.swal2-timer-progress-bar){width:100%;height:.25em;background:var(--swal2-timer-progress-bar-background)}div:where(.swal2-container) img:where(.swal2-image){max-width:100%;margin:2em auto 1em;cursor:initial}div:where(.swal2-container) button:where(.swal2-close){position:var(--swal2-close-button-position);inset:var(--swal2-close-button-inset);z-index:2;align-items:center;justify-content:center;width:1.2em;height:1.2em;margin-top:0;margin-right:0;margin-bottom:-1.2em;padding:0;overflow:hidden;transition:var(--swal2-close-button-transition);border:none;border-radius:var(--swal2-border-radius);outline:var(--swal2-close-button-outline);background:rgba(0,0,0,0);color:var(--swal2-close-button-color);font-family:monospace;font-size:var(--swal2-close-button-font-size);cursor:pointer;justify-self:end}div:where(.swal2-container) button:where(.swal2-close):hover{transform:var(--swal2-close-button-hover-transform);background:rgba(0,0,0,0);color:#f27474}div:where(.swal2-container) button:where(.swal2-close):focus-visible{outline:none;box-shadow:var(--swal2-close-button-focus-box-shadow)}div:where(.swal2-container) button:where(.swal2-close)::-moz-focus-inner{border:0}div:where(.swal2-container) div:where(.swal2-html-container){z-index:1;justify-content:center;margin:0;padding:var(--swal2-html-container-padding);overflow:auto;color:inherit;font-size:1.125em;font-weight:normal;line-height:normal;text-align:center;overflow-wrap:break-word;word-break:break-word;cursor:initial}div:where(.swal2-container) input:where(.swal2-input),div:where(.swal2-container) input:where(.swal2-file),div:where(.swal2-container) textarea:where(.swal2-textarea),div:where(.swal2-container) select:where(.swal2-select),div:where(.swal2-container) div:where(.swal2-radio),div:where(.swal2-container) label:where(.swal2-checkbox){margin:1em 2em 3px}div:where(.swal2-container) input:where(.swal2-input),div:where(.swal2-container) input:where(.swal2-file),div:where(.swal2-container) textarea:where(.swal2-textarea){box-sizing:border-box;width:auto;transition:var(--swal2-input-transition);border:var(--swal2-input-border);border-radius:var(--swal2-input-border-radius);background:var(--swal2-input-background);box-shadow:var(--swal2-input-box-shadow);color:inherit;font-size:1.125em}div:where(.swal2-container) input:where(.swal2-input).swal2-inputerror,div:where(.swal2-container) input:where(.swal2-file).swal2-inputerror,div:where(.swal2-container) textarea:where(.swal2-textarea).swal2-inputerror{border-color:#f27474 !important;box-shadow:0 0 2px #f27474 !important}div:where(.swal2-container) input:where(.swal2-input):hover,div:where(.swal2-container) input:where(.swal2-file):hover,div:where(.swal2-container) textarea:where(.swal2-textarea):hover{box-shadow:var(--swal2-input-hover-box-shadow)}div:where(.swal2-container) input:where(.swal2-input):focus,div:where(.swal2-container) input:where(.swal2-file):focus,div:where(.swal2-container) textarea:where(.swal2-textarea):focus{border:var(--swal2-input-focus-border);outline:none;box-shadow:var(--swal2-input-focus-box-shadow)}div:where(.swal2-container) input:where(.swal2-input)::placeholder,div:where(.swal2-container) input:where(.swal2-file)::placeholder,div:where(.swal2-container) textarea:where(.swal2-textarea)::placeholder{color:#ccc}div:where(.swal2-container) .swal2-range{margin:1em 2em 3px;background:var(--swal2-background)}div:where(.swal2-container) .swal2-range input{width:80%}div:where(.swal2-container) .swal2-range output{width:20%;color:inherit;font-weight:600;text-align:center}div:where(.swal2-container) .swal2-range input,div:where(.swal2-container) .swal2-range output{height:2.625em;padding:0;font-size:1.125em;line-height:2.625em}div:where(.swal2-container) .swal2-input{height:2.625em;padding:0 .75em}div:where(.swal2-container) .swal2-file{width:75%;margin-right:auto;margin-left:auto;background:var(--swal2-input-background);font-size:1.125em}div:where(.swal2-container) .swal2-textarea{height:6.75em;padding:.75em}div:where(.swal2-container) .swal2-select{min-width:50%;max-width:100%;padding:.375em .625em;background:var(--swal2-input-background);color:inherit;font-size:1.125em}div:where(.swal2-container) .swal2-radio,div:where(.swal2-container) .swal2-checkbox{align-items:center;justify-content:center;background:var(--swal2-background);color:inherit}div:where(.swal2-container) .swal2-radio label,div:where(.swal2-container) .swal2-checkbox label{margin:0 .6em;font-size:1.125em}div:where(.swal2-container) .swal2-radio input,div:where(.swal2-container) .swal2-checkbox input{flex-shrink:0;margin:0 .4em}div:where(.swal2-container) label:where(.swal2-input-label){display:flex;justify-content:center;margin:1em auto 0}div:where(.swal2-container) div:where(.swal2-validation-message){align-items:center;justify-content:center;margin:1em 0 0;padding:.625em;overflow:hidden;background:var(--swal2-validation-message-background);color:var(--swal2-validation-message-color);font-size:1em;font-weight:300}div:where(.swal2-container) div:where(.swal2-validation-message)::before{content:"!";display:inline-block;width:1.5em;min-width:1.5em;height:1.5em;margin:0 .625em;border-radius:50%;background-color:#f27474;color:#fff;font-weight:600;line-height:1.5em;text-align:center}div:where(.swal2-container) .swal2-progress-steps{flex-wrap:wrap;align-items:center;max-width:100%;margin:1.25em auto;padding:0;background:rgba(0,0,0,0);font-weight:600}div:where(.swal2-container) .swal2-progress-steps li{display:inline-block;position:relative}div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step{z-index:20;flex-shrink:0;width:2em;height:2em;border-radius:2em;background:#2778c4;color:#fff;line-height:2em;text-align:center}div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step{background:#2778c4}div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step~.swal2-progress-step{background:var(--swal2-progress-step-background);color:#fff}div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step~.swal2-progress-step-line{background:var(--swal2-progress-step-background)}div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step-line{z-index:10;flex-shrink:0;width:2.5em;height:.4em;margin:0 -1px;background:#2778c4}div:where(.swal2-icon){position:relative;box-sizing:content-box;justify-content:center;width:5em;height:5em;margin:2.5em auto .6em;zoom:var(--swal2-icon-zoom);border:.25em solid rgba(0,0,0,0);border-radius:50%;border-color:#000;font-family:inherit;line-height:5em;cursor:default;-webkit-user-select:none;user-select:none}div:where(.swal2-icon) .swal2-icon-content{display:flex;align-items:center;font-size:3.75em}div:where(.swal2-icon).swal2-error{border-color:#f27474;color:#f27474}div:where(.swal2-icon).swal2-error .swal2-x-mark{position:relative;flex-grow:1}div:where(.swal2-icon).swal2-error [class^=swal2-x-mark-line]{display:block;position:absolute;top:2.3125em;width:2.9375em;height:.3125em;border-radius:.125em;background-color:#f27474}div:where(.swal2-icon).swal2-error [class^=swal2-x-mark-line][class$=left]{left:1.0625em;transform:rotate(45deg)}div:where(.swal2-icon).swal2-error [class^=swal2-x-mark-line][class$=right]{right:1em;transform:rotate(-45deg)}@container swal2-popup style(--swal2-icon-animations:true){div:where(.swal2-icon).swal2-error.swal2-icon-show{animation:swal2-animate-error-icon .5s}div:where(.swal2-icon).swal2-error.swal2-icon-show .swal2-x-mark{animation:swal2-animate-error-x-mark .5s}}div:where(.swal2-icon).swal2-warning{border-color:#f8bb86;color:#f8bb86}@container swal2-popup style(--swal2-icon-animations:true){div:where(.swal2-icon).swal2-warning.swal2-icon-show{animation:swal2-animate-error-icon .5s}div:where(.swal2-icon).swal2-warning.swal2-icon-show .swal2-icon-content{animation:swal2-animate-i-mark .5s}}div:where(.swal2-icon).swal2-info{border-color:#3fc3ee;color:#3fc3ee}@container swal2-popup style(--swal2-icon-animations:true){div:where(.swal2-icon).swal2-info.swal2-icon-show{animation:swal2-animate-error-icon .5s}div:where(.swal2-icon).swal2-info.swal2-icon-show .swal2-icon-content{animation:swal2-animate-i-mark .8s}}div:where(.swal2-icon).swal2-question{border-color:#87adbd;color:#87adbd}@container swal2-popup style(--swal2-icon-animations:true){div:where(.swal2-icon).swal2-question.swal2-icon-show{animation:swal2-animate-error-icon .5s}div:where(.swal2-icon).swal2-question.swal2-icon-show .swal2-icon-content{animation:swal2-animate-question-mark .8s}}div:where(.swal2-icon).swal2-success{border-color:#a5dc86;color:#a5dc86}div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line]{position:absolute;width:3.75em;height:7.5em;border-radius:50%}div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line][class$=left]{top:-0.4375em;left:-2.0635em;transform:rotate(-45deg);transform-origin:3.75em 3.75em;border-radius:7.5em 0 0 7.5em}div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line][class$=right]{top:-0.6875em;left:1.875em;transform:rotate(-45deg);transform-origin:0 3.75em;border-radius:0 7.5em 7.5em 0}div:where(.swal2-icon).swal2-success .swal2-success-ring{position:absolute;z-index:2;top:-0.25em;left:-0.25em;box-sizing:content-box;width:100%;height:100%;border:.25em solid rgba(165,220,134,.3);border-radius:50%}div:where(.swal2-icon).swal2-success .swal2-success-fix{position:absolute;z-index:1;top:.5em;left:1.625em;width:.4375em;height:5.625em;transform:rotate(-45deg)}div:where(.swal2-icon).swal2-success [class^=swal2-success-line]{display:block;position:absolute;z-index:2;height:.3125em;border-radius:.125em;background-color:#a5dc86}div:where(.swal2-icon).swal2-success [class^=swal2-success-line][class$=tip]{top:2.875em;left:.8125em;width:1.5625em;transform:rotate(45deg)}div:where(.swal2-icon).swal2-success [class^=swal2-success-line][class$=long]{top:2.375em;right:.5em;width:2.9375em;transform:rotate(-45deg)}@container swal2-popup style(--swal2-icon-animations:true){div:where(.swal2-icon).swal2-success.swal2-icon-show .swal2-success-line-tip{animation:swal2-animate-success-line-tip .75s}div:where(.swal2-icon).swal2-success.swal2-icon-show .swal2-success-line-long{animation:swal2-animate-success-line-long .75s}div:where(.swal2-icon).swal2-success.swal2-icon-show .swal2-success-circular-line-right{animation:swal2-rotate-success-circular-line 4.25s ease-in}}[class^=swal2]{-webkit-tap-highlight-color:rgba(0,0,0,0)}.swal2-show{animation:var(--swal2-show-animation)}.swal2-hide{animation:var(--swal2-hide-animation)}.swal2-noanimation{transition:none}.swal2-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}.swal2-rtl .swal2-close{margin-right:initial;margin-left:0}.swal2-rtl .swal2-timer-progress-bar{right:0;left:auto}.swal2-toast{box-sizing:border-box;grid-column:1/4 !important;grid-row:1/4 !important;grid-template-columns:min-content auto min-content;padding:1em;overflow-y:hidden;border:var(--swal2-toast-border);background:var(--swal2-background);box-shadow:var(--swal2-toast-box-shadow);pointer-events:auto}.swal2-toast>*{grid-column:2}.swal2-toast h2:where(.swal2-title){margin:.5em 1em;padding:0;font-size:1em;text-align:initial}.swal2-toast .swal2-loading{justify-content:center}.swal2-toast input:where(.swal2-input){height:2em;margin:.5em;font-size:1em}.swal2-toast .swal2-validation-message{font-size:1em}.swal2-toast div:where(.swal2-footer){margin:.5em 0 0;padding:.5em 0 0;font-size:.8em}.swal2-toast button:where(.swal2-close){grid-column:3/3;grid-row:1/99;align-self:center;width:.8em;height:.8em;margin:0;font-size:2em}.swal2-toast div:where(.swal2-html-container){margin:.5em 1em;padding:0;overflow:initial;font-size:1em;text-align:initial}.swal2-toast div:where(.swal2-html-container):empty{padding:0}.swal2-toast .swal2-loader{grid-column:1;grid-row:1/99;align-self:center;width:2em;height:2em;margin:.25em}.swal2-toast .swal2-icon{grid-column:1;grid-row:1/99;align-self:center;width:2em;min-width:2em;height:2em;margin:0 .5em 0 0}.swal2-toast .swal2-icon .swal2-icon-content{display:flex;align-items:center;font-size:1.8em;font-weight:bold}.swal2-toast .swal2-icon.swal2-success .swal2-success-ring{width:2em;height:2em}.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line]{top:.875em;width:1.375em}.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left]{left:.3125em}.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right]{right:.3125em}.swal2-toast div:where(.swal2-actions){justify-content:flex-start;height:auto;margin:0;margin-top:.5em;padding:0 .5em}.swal2-toast button:where(.swal2-styled){margin:.25em .5em;padding:.4em .6em;font-size:1em}.swal2-toast .swal2-success{border-color:#a5dc86}.swal2-toast .swal2-success [class^=swal2-success-circular-line]{position:absolute;width:1.6em;height:3em;border-radius:50%}.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=left]{top:-0.8em;left:-0.5em;transform:rotate(-45deg);transform-origin:2em 2em;border-radius:4em 0 0 4em}.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=right]{top:-0.25em;left:.9375em;transform-origin:0 1.5em;border-radius:0 4em 4em 0}.swal2-toast .swal2-success .swal2-success-ring{width:2em;height:2em}.swal2-toast .swal2-success .swal2-success-fix{top:0;left:.4375em;width:.4375em;height:2.6875em}.swal2-toast .swal2-success [class^=swal2-success-line]{height:.3125em}.swal2-toast .swal2-success [class^=swal2-success-line][class$=tip]{top:1.125em;left:.1875em;width:.75em}.swal2-toast .swal2-success [class^=swal2-success-line][class$=long]{top:.9375em;right:.1875em;width:1.375em}@container swal2-popup style(--swal2-icon-animations:true){.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-tip{animation:swal2-toast-animate-success-line-tip .75s}.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-long{animation:swal2-toast-animate-success-line-long .75s}}.swal2-toast.swal2-show{animation:var(--swal2-toast-show-animation)}.swal2-toast.swal2-hide{animation:var(--swal2-toast-hide-animation)}@keyframes swal2-show{0%{transform:translate3d(0, -50px, 0) scale(0.9);opacity:0}100%{transform:translate3d(0, 0, 0) scale(1);opacity:1}}@keyframes swal2-hide{0%{transform:translate3d(0, 0, 0) scale(1);opacity:1}100%{transform:translate3d(0, -50px, 0) scale(0.9);opacity:0}}@keyframes swal2-animate-success-line-tip{0%{top:1.1875em;left:.0625em;width:0}54%{top:1.0625em;left:.125em;width:0}70%{top:2.1875em;left:-0.375em;width:3.125em}84%{top:3em;left:1.3125em;width:1.0625em}100%{top:2.8125em;left:.8125em;width:1.5625em}}@keyframes swal2-animate-success-line-long{0%{top:3.375em;right:2.875em;width:0}65%{top:3.375em;right:2.875em;width:0}84%{top:2.1875em;right:0;width:3.4375em}100%{top:2.375em;right:.5em;width:2.9375em}}@keyframes swal2-rotate-success-circular-line{0%{transform:rotate(-45deg)}5%{transform:rotate(-45deg)}12%{transform:rotate(-405deg)}100%{transform:rotate(-405deg)}}@keyframes swal2-animate-error-x-mark{0%{margin-top:1.625em;transform:scale(0.4);opacity:0}50%{margin-top:1.625em;transform:scale(0.4);opacity:0}80%{margin-top:-0.375em;transform:scale(1.15)}100%{margin-top:0;transform:scale(1);opacity:1}}@keyframes swal2-animate-error-icon{0%{transform:rotateX(100deg);opacity:0}100%{transform:rotateX(0deg);opacity:1}}@keyframes swal2-rotate-loading{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes swal2-animate-question-mark{0%{transform:rotateY(-360deg)}100%{transform:rotateY(0)}}@keyframes swal2-animate-i-mark{0%{transform:rotateZ(45deg);opacity:0}25%{transform:rotateZ(-25deg);opacity:.4}50%{transform:rotateZ(15deg);opacity:.8}75%{transform:rotateZ(-5deg);opacity:1}100%{transform:rotateX(0);opacity:1}}@keyframes swal2-toast-show{0%{transform:translateY(-0.625em) rotateZ(2deg)}33%{transform:translateY(0) rotateZ(-2deg)}66%{transform:translateY(0.3125em) rotateZ(2deg)}100%{transform:translateY(0) rotateZ(0deg)}}@keyframes swal2-toast-hide{100%{transform:rotateZ(1deg);opacity:0}}@keyframes swal2-toast-animate-success-line-tip{0%{top:.5625em;left:.0625em;width:0}54%{top:.125em;left:.125em;width:0}70%{top:.625em;left:-0.25em;width:1.625em}84%{top:1.0625em;left:.75em;width:.5em}100%{top:1.125em;left:.1875em;width:.75em}}@keyframes swal2-toast-animate-success-line-long{0%{top:1.625em;right:1.375em;width:0}65%{top:1.25em;right:.9375em;width:0}84%{top:.9375em;right:0;width:1.125em}100%{top:.9375em;right:.1875em;width:1.375em}}

/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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?ngGlobalStyle ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
.header-1, h1 {
  font-size: 24px;
  color: #022759;
  font-weight: bold !important;
  margin-bottom: 8px;
}
.header-1.noMargin, h1.noMargin {
  margin-bottom: 0px;
}
.header-1.blue, h1.blue {
  color: #066bf1;
}

.header-2, h2 {
  font-size: 18px;
  color: #022759;
  font-weight: bold !important;
}

.header-3, h3 {
  font-size: 16px;
  color: #022759;
  font-weight: bold !important;
  padding: 5px 0px;
}
.header-3.noPadding, h3.noPadding {
  padding: 0px !important;
}
.header-3.blue, h3.blue {
  color: #066bf1 !important;
}

.sub-header-1 {
  font-size: 16px;
  font-weight: normal;
}

.sub-header-3 {
  font-size: 14px;
}

h1, h2, h3, h4, h5, h6 {
  margin: 0;
  font-family: inherit;
}

@keyframes spin {
  to {
    transform: rotate(359deg);
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(12px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes fadeInRight {
  0% {
    opacity: 0;
    transform: translateX(20px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
/* snackBar helper class `.snackBar` en webapp/styles.scss (~10142) */
@keyframes snackAnimation {
  0% {
    opacity: 0;
    transform: translateY(100%);
    visibility: visible;
  }
  20% {
    opacity: 1;
    transform: translateY(0%);
    visibility: visible;
  }
  80% {
    opacity: 1;
    transform: translateY(0%);
    visibility: visible;
  }
  100% {
    opacity: 0;
    transform: translateY(100%);
    visibility: visible;
  }
}
.pointer {
  cursor: pointer !important;
}

.not-allowed {
  cursor: not-allowed !important;
}

.wait {
  cursor: wait !important;
}

.move {
  cursor: move !important;
}

.c-auto {
  cursor: auto !important;
}

.c-default {
  cursor: default !important;
}

.flex {
  display: flex !important;
}
.flex.fd-r {
  flex-direction: row !important;
}
.flex.fd-rr {
  flex-direction: row-reverse !important;
}
.flex.fd-c {
  flex-direction: column !important;
}
.flex.fd-cr {
  flex-direction: column-reverse !important;
}
.flex.fw-nw {
  flex-wrap: nowrap !important;
}
.flex.fw-w {
  flex-wrap: wrap !important;
}
.flex.jc-fs {
  justify-content: flex-start !important;
}
.flex.jc-fe {
  justify-content: flex-end !important;
}
.flex.jc-c {
  justify-content: center !important;
}
.flex.jc-sb {
  justify-content: space-between !important;
}
.flex.jc-sa {
  justify-content: space-around !important;
}
.flex.jc-se {
  justify-content: space-evenly !important;
}
.flex.ai-fs {
  align-items: flex-start !important;
}
.flex.ai-fe {
  align-items: flex-end !important;
}
.flex.ai-c {
  align-items: center !important;
}
.flex.ai-s {
  align-items: stretch !important;
}
.flex.as-fe {
  align-self: flex-end !important;
}
.flex.as-c {
  align-self: center !important;
}
.flex.as-fs {
  align-self: flex-start !important;
}
.flex.fx-1 {
  flex: 1;
}
.flex.fg-1 {
  flex-grow: 1;
}

.mg-0 {
  margin: 0px !important;
}
.mg-0-l {
  margin-left: 0px !important;
}
.mg-0-r {
  margin-right: 0px !important;
}
.mg-0-t {
  margin-top: 0px !important;
}
.mg-0-b {
  margin-bottom: 0px !important;
}
.mg-0-sides {
  margin-left: 0px !important;
  margin-right: 0px !important;
}
.mg-0-tb {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}

.pd-0 {
  padding: 0px !important;
}
.pd-0-l {
  padding-left: 0px !important;
}
.pd-0-r {
  padding-right: 0px !important;
}
.pd-0-t {
  padding-top: 0px !important;
}
.pd-0-b {
  padding-bottom: 0px !important;
}
.pd-0-sides {
  padding-left: 0px !important;
  padding-right: 0px !important;
}
.pd-0-tb {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}

.gap-0 {
  gap: 0px !important;
}

.t-0 {
  top: 0px !important;
}

.b-0 {
  bottom: 0px !important;
}

.l-0 {
  left: 0px !important;
}

.r-0 {
  right: 0px !important;
}

.t--0 {
  top: -0px !important;
}

.b--0 {
  bottom: -0px !important;
}

.l--0 {
  left: -0px !important;
}

.r--0 {
  right: -0px !important;
}

.mg-2 {
  margin: 2px !important;
}
.mg-2-l {
  margin-left: 2px !important;
}
.mg-2-r {
  margin-right: 2px !important;
}
.mg-2-t {
  margin-top: 2px !important;
}
.mg-2-b {
  margin-bottom: 2px !important;
}
.mg-2-sides {
  margin-left: 2px !important;
  margin-right: 2px !important;
}
.mg-2-tb {
  margin-top: 2px !important;
  margin-bottom: 2px !important;
}

.pd-2 {
  padding: 2px !important;
}
.pd-2-l {
  padding-left: 2px !important;
}
.pd-2-r {
  padding-right: 2px !important;
}
.pd-2-t {
  padding-top: 2px !important;
}
.pd-2-b {
  padding-bottom: 2px !important;
}
.pd-2-sides {
  padding-left: 2px !important;
  padding-right: 2px !important;
}
.pd-2-tb {
  padding-top: 2px !important;
  padding-bottom: 2px !important;
}

.gap-2 {
  gap: 2px !important;
}

.t-2 {
  top: 2px !important;
}

.b-2 {
  bottom: 2px !important;
}

.l-2 {
  left: 2px !important;
}

.r-2 {
  right: 2px !important;
}

.t--2 {
  top: -2px !important;
}

.b--2 {
  bottom: -2px !important;
}

.l--2 {
  left: -2px !important;
}

.r--2 {
  right: -2px !important;
}

.mg-4 {
  margin: 4px !important;
}
.mg-4-l {
  margin-left: 4px !important;
}
.mg-4-r {
  margin-right: 4px !important;
}
.mg-4-t {
  margin-top: 4px !important;
}
.mg-4-b {
  margin-bottom: 4px !important;
}
.mg-4-sides {
  margin-left: 4px !important;
  margin-right: 4px !important;
}
.mg-4-tb {
  margin-top: 4px !important;
  margin-bottom: 4px !important;
}

.pd-4 {
  padding: 4px !important;
}
.pd-4-l {
  padding-left: 4px !important;
}
.pd-4-r {
  padding-right: 4px !important;
}
.pd-4-t {
  padding-top: 4px !important;
}
.pd-4-b {
  padding-bottom: 4px !important;
}
.pd-4-sides {
  padding-left: 4px !important;
  padding-right: 4px !important;
}
.pd-4-tb {
  padding-top: 4px !important;
  padding-bottom: 4px !important;
}

.gap-4 {
  gap: 4px !important;
}

.t-4 {
  top: 4px !important;
}

.b-4 {
  bottom: 4px !important;
}

.l-4 {
  left: 4px !important;
}

.r-4 {
  right: 4px !important;
}

.t--4 {
  top: -4px !important;
}

.b--4 {
  bottom: -4px !important;
}

.l--4 {
  left: -4px !important;
}

.r--4 {
  right: -4px !important;
}

.mg-6 {
  margin: 6px !important;
}
.mg-6-l {
  margin-left: 6px !important;
}
.mg-6-r {
  margin-right: 6px !important;
}
.mg-6-t {
  margin-top: 6px !important;
}
.mg-6-b {
  margin-bottom: 6px !important;
}
.mg-6-sides {
  margin-left: 6px !important;
  margin-right: 6px !important;
}
.mg-6-tb {
  margin-top: 6px !important;
  margin-bottom: 6px !important;
}

.pd-6 {
  padding: 6px !important;
}
.pd-6-l {
  padding-left: 6px !important;
}
.pd-6-r {
  padding-right: 6px !important;
}
.pd-6-t {
  padding-top: 6px !important;
}
.pd-6-b {
  padding-bottom: 6px !important;
}
.pd-6-sides {
  padding-left: 6px !important;
  padding-right: 6px !important;
}
.pd-6-tb {
  padding-top: 6px !important;
  padding-bottom: 6px !important;
}

.gap-6 {
  gap: 6px !important;
}

.t-6 {
  top: 6px !important;
}

.b-6 {
  bottom: 6px !important;
}

.l-6 {
  left: 6px !important;
}

.r-6 {
  right: 6px !important;
}

.t--6 {
  top: -6px !important;
}

.b--6 {
  bottom: -6px !important;
}

.l--6 {
  left: -6px !important;
}

.r--6 {
  right: -6px !important;
}

.mg-8 {
  margin: 8px !important;
}
.mg-8-l {
  margin-left: 8px !important;
}
.mg-8-r {
  margin-right: 8px !important;
}
.mg-8-t {
  margin-top: 8px !important;
}
.mg-8-b {
  margin-bottom: 8px !important;
}
.mg-8-sides {
  margin-left: 8px !important;
  margin-right: 8px !important;
}
.mg-8-tb {
  margin-top: 8px !important;
  margin-bottom: 8px !important;
}

.pd-8 {
  padding: 8px !important;
}
.pd-8-l {
  padding-left: 8px !important;
}
.pd-8-r {
  padding-right: 8px !important;
}
.pd-8-t {
  padding-top: 8px !important;
}
.pd-8-b {
  padding-bottom: 8px !important;
}
.pd-8-sides {
  padding-left: 8px !important;
  padding-right: 8px !important;
}
.pd-8-tb {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}

.gap-8 {
  gap: 8px !important;
}

.t-8 {
  top: 8px !important;
}

.b-8 {
  bottom: 8px !important;
}

.l-8 {
  left: 8px !important;
}

.r-8 {
  right: 8px !important;
}

.t--8 {
  top: -8px !important;
}

.b--8 {
  bottom: -8px !important;
}

.l--8 {
  left: -8px !important;
}

.r--8 {
  right: -8px !important;
}

.mg-10 {
  margin: 10px !important;
}
.mg-10-l {
  margin-left: 10px !important;
}
.mg-10-r {
  margin-right: 10px !important;
}
.mg-10-t {
  margin-top: 10px !important;
}
.mg-10-b {
  margin-bottom: 10px !important;
}
.mg-10-sides {
  margin-left: 10px !important;
  margin-right: 10px !important;
}
.mg-10-tb {
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}

.pd-10 {
  padding: 10px !important;
}
.pd-10-l {
  padding-left: 10px !important;
}
.pd-10-r {
  padding-right: 10px !important;
}
.pd-10-t {
  padding-top: 10px !important;
}
.pd-10-b {
  padding-bottom: 10px !important;
}
.pd-10-sides {
  padding-left: 10px !important;
  padding-right: 10px !important;
}
.pd-10-tb {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

.gap-10 {
  gap: 10px !important;
}

.t-10 {
  top: 10px !important;
}

.b-10 {
  bottom: 10px !important;
}

.l-10 {
  left: 10px !important;
}

.r-10 {
  right: 10px !important;
}

.t--10 {
  top: -10px !important;
}

.b--10 {
  bottom: -10px !important;
}

.l--10 {
  left: -10px !important;
}

.r--10 {
  right: -10px !important;
}

.mg-12 {
  margin: 12px !important;
}
.mg-12-l {
  margin-left: 12px !important;
}
.mg-12-r {
  margin-right: 12px !important;
}
.mg-12-t {
  margin-top: 12px !important;
}
.mg-12-b {
  margin-bottom: 12px !important;
}
.mg-12-sides {
  margin-left: 12px !important;
  margin-right: 12px !important;
}
.mg-12-tb {
  margin-top: 12px !important;
  margin-bottom: 12px !important;
}

.pd-12 {
  padding: 12px !important;
}
.pd-12-l {
  padding-left: 12px !important;
}
.pd-12-r {
  padding-right: 12px !important;
}
.pd-12-t {
  padding-top: 12px !important;
}
.pd-12-b {
  padding-bottom: 12px !important;
}
.pd-12-sides {
  padding-left: 12px !important;
  padding-right: 12px !important;
}
.pd-12-tb {
  padding-top: 12px !important;
  padding-bottom: 12px !important;
}

.gap-12 {
  gap: 12px !important;
}

.t-12 {
  top: 12px !important;
}

.b-12 {
  bottom: 12px !important;
}

.l-12 {
  left: 12px !important;
}

.r-12 {
  right: 12px !important;
}

.t--12 {
  top: -12px !important;
}

.b--12 {
  bottom: -12px !important;
}

.l--12 {
  left: -12px !important;
}

.r--12 {
  right: -12px !important;
}

.mg-14 {
  margin: 14px !important;
}
.mg-14-l {
  margin-left: 14px !important;
}
.mg-14-r {
  margin-right: 14px !important;
}
.mg-14-t {
  margin-top: 14px !important;
}
.mg-14-b {
  margin-bottom: 14px !important;
}
.mg-14-sides {
  margin-left: 14px !important;
  margin-right: 14px !important;
}
.mg-14-tb {
  margin-top: 14px !important;
  margin-bottom: 14px !important;
}

.pd-14 {
  padding: 14px !important;
}
.pd-14-l {
  padding-left: 14px !important;
}
.pd-14-r {
  padding-right: 14px !important;
}
.pd-14-t {
  padding-top: 14px !important;
}
.pd-14-b {
  padding-bottom: 14px !important;
}
.pd-14-sides {
  padding-left: 14px !important;
  padding-right: 14px !important;
}
.pd-14-tb {
  padding-top: 14px !important;
  padding-bottom: 14px !important;
}

.gap-14 {
  gap: 14px !important;
}

.t-14 {
  top: 14px !important;
}

.b-14 {
  bottom: 14px !important;
}

.l-14 {
  left: 14px !important;
}

.r-14 {
  right: 14px !important;
}

.t--14 {
  top: -14px !important;
}

.b--14 {
  bottom: -14px !important;
}

.l--14 {
  left: -14px !important;
}

.r--14 {
  right: -14px !important;
}

.mg-16 {
  margin: 16px !important;
}
.mg-16-l {
  margin-left: 16px !important;
}
.mg-16-r {
  margin-right: 16px !important;
}
.mg-16-t {
  margin-top: 16px !important;
}
.mg-16-b {
  margin-bottom: 16px !important;
}
.mg-16-sides {
  margin-left: 16px !important;
  margin-right: 16px !important;
}
.mg-16-tb {
  margin-top: 16px !important;
  margin-bottom: 16px !important;
}

.pd-16 {
  padding: 16px !important;
}
.pd-16-l {
  padding-left: 16px !important;
}
.pd-16-r {
  padding-right: 16px !important;
}
.pd-16-t {
  padding-top: 16px !important;
}
.pd-16-b {
  padding-bottom: 16px !important;
}
.pd-16-sides {
  padding-left: 16px !important;
  padding-right: 16px !important;
}
.pd-16-tb {
  padding-top: 16px !important;
  padding-bottom: 16px !important;
}

.gap-16 {
  gap: 16px !important;
}

.t-16 {
  top: 16px !important;
}

.b-16 {
  bottom: 16px !important;
}

.l-16 {
  left: 16px !important;
}

.r-16 {
  right: 16px !important;
}

.t--16 {
  top: -16px !important;
}

.b--16 {
  bottom: -16px !important;
}

.l--16 {
  left: -16px !important;
}

.r--16 {
  right: -16px !important;
}

.mg-18 {
  margin: 18px !important;
}
.mg-18-l {
  margin-left: 18px !important;
}
.mg-18-r {
  margin-right: 18px !important;
}
.mg-18-t {
  margin-top: 18px !important;
}
.mg-18-b {
  margin-bottom: 18px !important;
}
.mg-18-sides {
  margin-left: 18px !important;
  margin-right: 18px !important;
}
.mg-18-tb {
  margin-top: 18px !important;
  margin-bottom: 18px !important;
}

.pd-18 {
  padding: 18px !important;
}
.pd-18-l {
  padding-left: 18px !important;
}
.pd-18-r {
  padding-right: 18px !important;
}
.pd-18-t {
  padding-top: 18px !important;
}
.pd-18-b {
  padding-bottom: 18px !important;
}
.pd-18-sides {
  padding-left: 18px !important;
  padding-right: 18px !important;
}
.pd-18-tb {
  padding-top: 18px !important;
  padding-bottom: 18px !important;
}

.gap-18 {
  gap: 18px !important;
}

.t-18 {
  top: 18px !important;
}

.b-18 {
  bottom: 18px !important;
}

.l-18 {
  left: 18px !important;
}

.r-18 {
  right: 18px !important;
}

.t--18 {
  top: -18px !important;
}

.b--18 {
  bottom: -18px !important;
}

.l--18 {
  left: -18px !important;
}

.r--18 {
  right: -18px !important;
}

.mg-20 {
  margin: 20px !important;
}
.mg-20-l {
  margin-left: 20px !important;
}
.mg-20-r {
  margin-right: 20px !important;
}
.mg-20-t {
  margin-top: 20px !important;
}
.mg-20-b {
  margin-bottom: 20px !important;
}
.mg-20-sides {
  margin-left: 20px !important;
  margin-right: 20px !important;
}
.mg-20-tb {
  margin-top: 20px !important;
  margin-bottom: 20px !important;
}

.pd-20 {
  padding: 20px !important;
}
.pd-20-l {
  padding-left: 20px !important;
}
.pd-20-r {
  padding-right: 20px !important;
}
.pd-20-t {
  padding-top: 20px !important;
}
.pd-20-b {
  padding-bottom: 20px !important;
}
.pd-20-sides {
  padding-left: 20px !important;
  padding-right: 20px !important;
}
.pd-20-tb {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}

.gap-20 {
  gap: 20px !important;
}

.t-20 {
  top: 20px !important;
}

.b-20 {
  bottom: 20px !important;
}

.l-20 {
  left: 20px !important;
}

.r-20 {
  right: 20px !important;
}

.t--20 {
  top: -20px !important;
}

.b--20 {
  bottom: -20px !important;
}

.l--20 {
  left: -20px !important;
}

.r--20 {
  right: -20px !important;
}

.mg-22 {
  margin: 22px !important;
}
.mg-22-l {
  margin-left: 22px !important;
}
.mg-22-r {
  margin-right: 22px !important;
}
.mg-22-t {
  margin-top: 22px !important;
}
.mg-22-b {
  margin-bottom: 22px !important;
}
.mg-22-sides {
  margin-left: 22px !important;
  margin-right: 22px !important;
}
.mg-22-tb {
  margin-top: 22px !important;
  margin-bottom: 22px !important;
}

.pd-22 {
  padding: 22px !important;
}
.pd-22-l {
  padding-left: 22px !important;
}
.pd-22-r {
  padding-right: 22px !important;
}
.pd-22-t {
  padding-top: 22px !important;
}
.pd-22-b {
  padding-bottom: 22px !important;
}
.pd-22-sides {
  padding-left: 22px !important;
  padding-right: 22px !important;
}
.pd-22-tb {
  padding-top: 22px !important;
  padding-bottom: 22px !important;
}

.gap-22 {
  gap: 22px !important;
}

.t-22 {
  top: 22px !important;
}

.b-22 {
  bottom: 22px !important;
}

.l-22 {
  left: 22px !important;
}

.r-22 {
  right: 22px !important;
}

.t--22 {
  top: -22px !important;
}

.b--22 {
  bottom: -22px !important;
}

.l--22 {
  left: -22px !important;
}

.r--22 {
  right: -22px !important;
}

.mg-24 {
  margin: 24px !important;
}
.mg-24-l {
  margin-left: 24px !important;
}
.mg-24-r {
  margin-right: 24px !important;
}
.mg-24-t {
  margin-top: 24px !important;
}
.mg-24-b {
  margin-bottom: 24px !important;
}
.mg-24-sides {
  margin-left: 24px !important;
  margin-right: 24px !important;
}
.mg-24-tb {
  margin-top: 24px !important;
  margin-bottom: 24px !important;
}

.pd-24 {
  padding: 24px !important;
}
.pd-24-l {
  padding-left: 24px !important;
}
.pd-24-r {
  padding-right: 24px !important;
}
.pd-24-t {
  padding-top: 24px !important;
}
.pd-24-b {
  padding-bottom: 24px !important;
}
.pd-24-sides {
  padding-left: 24px !important;
  padding-right: 24px !important;
}
.pd-24-tb {
  padding-top: 24px !important;
  padding-bottom: 24px !important;
}

.gap-24 {
  gap: 24px !important;
}

.t-24 {
  top: 24px !important;
}

.b-24 {
  bottom: 24px !important;
}

.l-24 {
  left: 24px !important;
}

.r-24 {
  right: 24px !important;
}

.t--24 {
  top: -24px !important;
}

.b--24 {
  bottom: -24px !important;
}

.l--24 {
  left: -24px !important;
}

.r--24 {
  right: -24px !important;
}

.mg-26 {
  margin: 26px !important;
}
.mg-26-l {
  margin-left: 26px !important;
}
.mg-26-r {
  margin-right: 26px !important;
}
.mg-26-t {
  margin-top: 26px !important;
}
.mg-26-b {
  margin-bottom: 26px !important;
}
.mg-26-sides {
  margin-left: 26px !important;
  margin-right: 26px !important;
}
.mg-26-tb {
  margin-top: 26px !important;
  margin-bottom: 26px !important;
}

.pd-26 {
  padding: 26px !important;
}
.pd-26-l {
  padding-left: 26px !important;
}
.pd-26-r {
  padding-right: 26px !important;
}
.pd-26-t {
  padding-top: 26px !important;
}
.pd-26-b {
  padding-bottom: 26px !important;
}
.pd-26-sides {
  padding-left: 26px !important;
  padding-right: 26px !important;
}
.pd-26-tb {
  padding-top: 26px !important;
  padding-bottom: 26px !important;
}

.gap-26 {
  gap: 26px !important;
}

.t-26 {
  top: 26px !important;
}

.b-26 {
  bottom: 26px !important;
}

.l-26 {
  left: 26px !important;
}

.r-26 {
  right: 26px !important;
}

.t--26 {
  top: -26px !important;
}

.b--26 {
  bottom: -26px !important;
}

.l--26 {
  left: -26px !important;
}

.r--26 {
  right: -26px !important;
}

.mg-28 {
  margin: 28px !important;
}
.mg-28-l {
  margin-left: 28px !important;
}
.mg-28-r {
  margin-right: 28px !important;
}
.mg-28-t {
  margin-top: 28px !important;
}
.mg-28-b {
  margin-bottom: 28px !important;
}
.mg-28-sides {
  margin-left: 28px !important;
  margin-right: 28px !important;
}
.mg-28-tb {
  margin-top: 28px !important;
  margin-bottom: 28px !important;
}

.pd-28 {
  padding: 28px !important;
}
.pd-28-l {
  padding-left: 28px !important;
}
.pd-28-r {
  padding-right: 28px !important;
}
.pd-28-t {
  padding-top: 28px !important;
}
.pd-28-b {
  padding-bottom: 28px !important;
}
.pd-28-sides {
  padding-left: 28px !important;
  padding-right: 28px !important;
}
.pd-28-tb {
  padding-top: 28px !important;
  padding-bottom: 28px !important;
}

.gap-28 {
  gap: 28px !important;
}

.t-28 {
  top: 28px !important;
}

.b-28 {
  bottom: 28px !important;
}

.l-28 {
  left: 28px !important;
}

.r-28 {
  right: 28px !important;
}

.t--28 {
  top: -28px !important;
}

.b--28 {
  bottom: -28px !important;
}

.l--28 {
  left: -28px !important;
}

.r--28 {
  right: -28px !important;
}

.mg-30 {
  margin: 30px !important;
}
.mg-30-l {
  margin-left: 30px !important;
}
.mg-30-r {
  margin-right: 30px !important;
}
.mg-30-t {
  margin-top: 30px !important;
}
.mg-30-b {
  margin-bottom: 30px !important;
}
.mg-30-sides {
  margin-left: 30px !important;
  margin-right: 30px !important;
}
.mg-30-tb {
  margin-top: 30px !important;
  margin-bottom: 30px !important;
}

.pd-30 {
  padding: 30px !important;
}
.pd-30-l {
  padding-left: 30px !important;
}
.pd-30-r {
  padding-right: 30px !important;
}
.pd-30-t {
  padding-top: 30px !important;
}
.pd-30-b {
  padding-bottom: 30px !important;
}
.pd-30-sides {
  padding-left: 30px !important;
  padding-right: 30px !important;
}
.pd-30-tb {
  padding-top: 30px !important;
  padding-bottom: 30px !important;
}

.gap-30 {
  gap: 30px !important;
}

.t-30 {
  top: 30px !important;
}

.b-30 {
  bottom: 30px !important;
}

.l-30 {
  left: 30px !important;
}

.r-30 {
  right: 30px !important;
}

.t--30 {
  top: -30px !important;
}

.b--30 {
  bottom: -30px !important;
}

.l--30 {
  left: -30px !important;
}

.r--30 {
  right: -30px !important;
}

.mg-32 {
  margin: 32px !important;
}
.mg-32-l {
  margin-left: 32px !important;
}
.mg-32-r {
  margin-right: 32px !important;
}
.mg-32-t {
  margin-top: 32px !important;
}
.mg-32-b {
  margin-bottom: 32px !important;
}
.mg-32-sides {
  margin-left: 32px !important;
  margin-right: 32px !important;
}
.mg-32-tb {
  margin-top: 32px !important;
  margin-bottom: 32px !important;
}

.pd-32 {
  padding: 32px !important;
}
.pd-32-l {
  padding-left: 32px !important;
}
.pd-32-r {
  padding-right: 32px !important;
}
.pd-32-t {
  padding-top: 32px !important;
}
.pd-32-b {
  padding-bottom: 32px !important;
}
.pd-32-sides {
  padding-left: 32px !important;
  padding-right: 32px !important;
}
.pd-32-tb {
  padding-top: 32px !important;
  padding-bottom: 32px !important;
}

.gap-32 {
  gap: 32px !important;
}

.t-32 {
  top: 32px !important;
}

.b-32 {
  bottom: 32px !important;
}

.l-32 {
  left: 32px !important;
}

.r-32 {
  right: 32px !important;
}

.t--32 {
  top: -32px !important;
}

.b--32 {
  bottom: -32px !important;
}

.l--32 {
  left: -32px !important;
}

.r--32 {
  right: -32px !important;
}

.mg-34 {
  margin: 34px !important;
}
.mg-34-l {
  margin-left: 34px !important;
}
.mg-34-r {
  margin-right: 34px !important;
}
.mg-34-t {
  margin-top: 34px !important;
}
.mg-34-b {
  margin-bottom: 34px !important;
}
.mg-34-sides {
  margin-left: 34px !important;
  margin-right: 34px !important;
}
.mg-34-tb {
  margin-top: 34px !important;
  margin-bottom: 34px !important;
}

.pd-34 {
  padding: 34px !important;
}
.pd-34-l {
  padding-left: 34px !important;
}
.pd-34-r {
  padding-right: 34px !important;
}
.pd-34-t {
  padding-top: 34px !important;
}
.pd-34-b {
  padding-bottom: 34px !important;
}
.pd-34-sides {
  padding-left: 34px !important;
  padding-right: 34px !important;
}
.pd-34-tb {
  padding-top: 34px !important;
  padding-bottom: 34px !important;
}

.gap-34 {
  gap: 34px !important;
}

.t-34 {
  top: 34px !important;
}

.b-34 {
  bottom: 34px !important;
}

.l-34 {
  left: 34px !important;
}

.r-34 {
  right: 34px !important;
}

.t--34 {
  top: -34px !important;
}

.b--34 {
  bottom: -34px !important;
}

.l--34 {
  left: -34px !important;
}

.r--34 {
  right: -34px !important;
}

.mg-36 {
  margin: 36px !important;
}
.mg-36-l {
  margin-left: 36px !important;
}
.mg-36-r {
  margin-right: 36px !important;
}
.mg-36-t {
  margin-top: 36px !important;
}
.mg-36-b {
  margin-bottom: 36px !important;
}
.mg-36-sides {
  margin-left: 36px !important;
  margin-right: 36px !important;
}
.mg-36-tb {
  margin-top: 36px !important;
  margin-bottom: 36px !important;
}

.pd-36 {
  padding: 36px !important;
}
.pd-36-l {
  padding-left: 36px !important;
}
.pd-36-r {
  padding-right: 36px !important;
}
.pd-36-t {
  padding-top: 36px !important;
}
.pd-36-b {
  padding-bottom: 36px !important;
}
.pd-36-sides {
  padding-left: 36px !important;
  padding-right: 36px !important;
}
.pd-36-tb {
  padding-top: 36px !important;
  padding-bottom: 36px !important;
}

.gap-36 {
  gap: 36px !important;
}

.t-36 {
  top: 36px !important;
}

.b-36 {
  bottom: 36px !important;
}

.l-36 {
  left: 36px !important;
}

.r-36 {
  right: 36px !important;
}

.t--36 {
  top: -36px !important;
}

.b--36 {
  bottom: -36px !important;
}

.l--36 {
  left: -36px !important;
}

.r--36 {
  right: -36px !important;
}

.mg-38 {
  margin: 38px !important;
}
.mg-38-l {
  margin-left: 38px !important;
}
.mg-38-r {
  margin-right: 38px !important;
}
.mg-38-t {
  margin-top: 38px !important;
}
.mg-38-b {
  margin-bottom: 38px !important;
}
.mg-38-sides {
  margin-left: 38px !important;
  margin-right: 38px !important;
}
.mg-38-tb {
  margin-top: 38px !important;
  margin-bottom: 38px !important;
}

.pd-38 {
  padding: 38px !important;
}
.pd-38-l {
  padding-left: 38px !important;
}
.pd-38-r {
  padding-right: 38px !important;
}
.pd-38-t {
  padding-top: 38px !important;
}
.pd-38-b {
  padding-bottom: 38px !important;
}
.pd-38-sides {
  padding-left: 38px !important;
  padding-right: 38px !important;
}
.pd-38-tb {
  padding-top: 38px !important;
  padding-bottom: 38px !important;
}

.gap-38 {
  gap: 38px !important;
}

.t-38 {
  top: 38px !important;
}

.b-38 {
  bottom: 38px !important;
}

.l-38 {
  left: 38px !important;
}

.r-38 {
  right: 38px !important;
}

.t--38 {
  top: -38px !important;
}

.b--38 {
  bottom: -38px !important;
}

.l--38 {
  left: -38px !important;
}

.r--38 {
  right: -38px !important;
}

.mg-40 {
  margin: 40px !important;
}
.mg-40-l {
  margin-left: 40px !important;
}
.mg-40-r {
  margin-right: 40px !important;
}
.mg-40-t {
  margin-top: 40px !important;
}
.mg-40-b {
  margin-bottom: 40px !important;
}
.mg-40-sides {
  margin-left: 40px !important;
  margin-right: 40px !important;
}
.mg-40-tb {
  margin-top: 40px !important;
  margin-bottom: 40px !important;
}

.pd-40 {
  padding: 40px !important;
}
.pd-40-l {
  padding-left: 40px !important;
}
.pd-40-r {
  padding-right: 40px !important;
}
.pd-40-t {
  padding-top: 40px !important;
}
.pd-40-b {
  padding-bottom: 40px !important;
}
.pd-40-sides {
  padding-left: 40px !important;
  padding-right: 40px !important;
}
.pd-40-tb {
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}

.gap-40 {
  gap: 40px !important;
}

.t-40 {
  top: 40px !important;
}

.b-40 {
  bottom: 40px !important;
}

.l-40 {
  left: 40px !important;
}

.r-40 {
  right: 40px !important;
}

.t--40 {
  top: -40px !important;
}

.b--40 {
  bottom: -40px !important;
}

.l--40 {
  left: -40px !important;
}

.r--40 {
  right: -40px !important;
}

.mg-42 {
  margin: 42px !important;
}
.mg-42-l {
  margin-left: 42px !important;
}
.mg-42-r {
  margin-right: 42px !important;
}
.mg-42-t {
  margin-top: 42px !important;
}
.mg-42-b {
  margin-bottom: 42px !important;
}
.mg-42-sides {
  margin-left: 42px !important;
  margin-right: 42px !important;
}
.mg-42-tb {
  margin-top: 42px !important;
  margin-bottom: 42px !important;
}

.pd-42 {
  padding: 42px !important;
}
.pd-42-l {
  padding-left: 42px !important;
}
.pd-42-r {
  padding-right: 42px !important;
}
.pd-42-t {
  padding-top: 42px !important;
}
.pd-42-b {
  padding-bottom: 42px !important;
}
.pd-42-sides {
  padding-left: 42px !important;
  padding-right: 42px !important;
}
.pd-42-tb {
  padding-top: 42px !important;
  padding-bottom: 42px !important;
}

.gap-42 {
  gap: 42px !important;
}

.t-42 {
  top: 42px !important;
}

.b-42 {
  bottom: 42px !important;
}

.l-42 {
  left: 42px !important;
}

.r-42 {
  right: 42px !important;
}

.t--42 {
  top: -42px !important;
}

.b--42 {
  bottom: -42px !important;
}

.l--42 {
  left: -42px !important;
}

.r--42 {
  right: -42px !important;
}

.mg-44 {
  margin: 44px !important;
}
.mg-44-l {
  margin-left: 44px !important;
}
.mg-44-r {
  margin-right: 44px !important;
}
.mg-44-t {
  margin-top: 44px !important;
}
.mg-44-b {
  margin-bottom: 44px !important;
}
.mg-44-sides {
  margin-left: 44px !important;
  margin-right: 44px !important;
}
.mg-44-tb {
  margin-top: 44px !important;
  margin-bottom: 44px !important;
}

.pd-44 {
  padding: 44px !important;
}
.pd-44-l {
  padding-left: 44px !important;
}
.pd-44-r {
  padding-right: 44px !important;
}
.pd-44-t {
  padding-top: 44px !important;
}
.pd-44-b {
  padding-bottom: 44px !important;
}
.pd-44-sides {
  padding-left: 44px !important;
  padding-right: 44px !important;
}
.pd-44-tb {
  padding-top: 44px !important;
  padding-bottom: 44px !important;
}

.gap-44 {
  gap: 44px !important;
}

.t-44 {
  top: 44px !important;
}

.b-44 {
  bottom: 44px !important;
}

.l-44 {
  left: 44px !important;
}

.r-44 {
  right: 44px !important;
}

.t--44 {
  top: -44px !important;
}

.b--44 {
  bottom: -44px !important;
}

.l--44 {
  left: -44px !important;
}

.r--44 {
  right: -44px !important;
}

.mg-46 {
  margin: 46px !important;
}
.mg-46-l {
  margin-left: 46px !important;
}
.mg-46-r {
  margin-right: 46px !important;
}
.mg-46-t {
  margin-top: 46px !important;
}
.mg-46-b {
  margin-bottom: 46px !important;
}
.mg-46-sides {
  margin-left: 46px !important;
  margin-right: 46px !important;
}
.mg-46-tb {
  margin-top: 46px !important;
  margin-bottom: 46px !important;
}

.pd-46 {
  padding: 46px !important;
}
.pd-46-l {
  padding-left: 46px !important;
}
.pd-46-r {
  padding-right: 46px !important;
}
.pd-46-t {
  padding-top: 46px !important;
}
.pd-46-b {
  padding-bottom: 46px !important;
}
.pd-46-sides {
  padding-left: 46px !important;
  padding-right: 46px !important;
}
.pd-46-tb {
  padding-top: 46px !important;
  padding-bottom: 46px !important;
}

.gap-46 {
  gap: 46px !important;
}

.t-46 {
  top: 46px !important;
}

.b-46 {
  bottom: 46px !important;
}

.l-46 {
  left: 46px !important;
}

.r-46 {
  right: 46px !important;
}

.t--46 {
  top: -46px !important;
}

.b--46 {
  bottom: -46px !important;
}

.l--46 {
  left: -46px !important;
}

.r--46 {
  right: -46px !important;
}

.mg-48 {
  margin: 48px !important;
}
.mg-48-l {
  margin-left: 48px !important;
}
.mg-48-r {
  margin-right: 48px !important;
}
.mg-48-t {
  margin-top: 48px !important;
}
.mg-48-b {
  margin-bottom: 48px !important;
}
.mg-48-sides {
  margin-left: 48px !important;
  margin-right: 48px !important;
}
.mg-48-tb {
  margin-top: 48px !important;
  margin-bottom: 48px !important;
}

.pd-48 {
  padding: 48px !important;
}
.pd-48-l {
  padding-left: 48px !important;
}
.pd-48-r {
  padding-right: 48px !important;
}
.pd-48-t {
  padding-top: 48px !important;
}
.pd-48-b {
  padding-bottom: 48px !important;
}
.pd-48-sides {
  padding-left: 48px !important;
  padding-right: 48px !important;
}
.pd-48-tb {
  padding-top: 48px !important;
  padding-bottom: 48px !important;
}

.gap-48 {
  gap: 48px !important;
}

.t-48 {
  top: 48px !important;
}

.b-48 {
  bottom: 48px !important;
}

.l-48 {
  left: 48px !important;
}

.r-48 {
  right: 48px !important;
}

.t--48 {
  top: -48px !important;
}

.b--48 {
  bottom: -48px !important;
}

.l--48 {
  left: -48px !important;
}

.r--48 {
  right: -48px !important;
}

.mg-50 {
  margin: 50px !important;
}
.mg-50-l {
  margin-left: 50px !important;
}
.mg-50-r {
  margin-right: 50px !important;
}
.mg-50-t {
  margin-top: 50px !important;
}
.mg-50-b {
  margin-bottom: 50px !important;
}
.mg-50-sides {
  margin-left: 50px !important;
  margin-right: 50px !important;
}
.mg-50-tb {
  margin-top: 50px !important;
  margin-bottom: 50px !important;
}

.pd-50 {
  padding: 50px !important;
}
.pd-50-l {
  padding-left: 50px !important;
}
.pd-50-r {
  padding-right: 50px !important;
}
.pd-50-t {
  padding-top: 50px !important;
}
.pd-50-b {
  padding-bottom: 50px !important;
}
.pd-50-sides {
  padding-left: 50px !important;
  padding-right: 50px !important;
}
.pd-50-tb {
  padding-top: 50px !important;
  padding-bottom: 50px !important;
}

.gap-50 {
  gap: 50px !important;
}

.t-50 {
  top: 50px !important;
}

.b-50 {
  bottom: 50px !important;
}

.l-50 {
  left: 50px !important;
}

.r-50 {
  right: 50px !important;
}

.t--50 {
  top: -50px !important;
}

.b--50 {
  bottom: -50px !important;
}

.l--50 {
  left: -50px !important;
}

.r--50 {
  right: -50px !important;
}

.mg-52 {
  margin: 52px !important;
}
.mg-52-l {
  margin-left: 52px !important;
}
.mg-52-r {
  margin-right: 52px !important;
}
.mg-52-t {
  margin-top: 52px !important;
}
.mg-52-b {
  margin-bottom: 52px !important;
}
.mg-52-sides {
  margin-left: 52px !important;
  margin-right: 52px !important;
}
.mg-52-tb {
  margin-top: 52px !important;
  margin-bottom: 52px !important;
}

.pd-52 {
  padding: 52px !important;
}
.pd-52-l {
  padding-left: 52px !important;
}
.pd-52-r {
  padding-right: 52px !important;
}
.pd-52-t {
  padding-top: 52px !important;
}
.pd-52-b {
  padding-bottom: 52px !important;
}
.pd-52-sides {
  padding-left: 52px !important;
  padding-right: 52px !important;
}
.pd-52-tb {
  padding-top: 52px !important;
  padding-bottom: 52px !important;
}

.gap-52 {
  gap: 52px !important;
}

.t-52 {
  top: 52px !important;
}

.b-52 {
  bottom: 52px !important;
}

.l-52 {
  left: 52px !important;
}

.r-52 {
  right: 52px !important;
}

.t--52 {
  top: -52px !important;
}

.b--52 {
  bottom: -52px !important;
}

.l--52 {
  left: -52px !important;
}

.r--52 {
  right: -52px !important;
}

.mg-54 {
  margin: 54px !important;
}
.mg-54-l {
  margin-left: 54px !important;
}
.mg-54-r {
  margin-right: 54px !important;
}
.mg-54-t {
  margin-top: 54px !important;
}
.mg-54-b {
  margin-bottom: 54px !important;
}
.mg-54-sides {
  margin-left: 54px !important;
  margin-right: 54px !important;
}
.mg-54-tb {
  margin-top: 54px !important;
  margin-bottom: 54px !important;
}

.pd-54 {
  padding: 54px !important;
}
.pd-54-l {
  padding-left: 54px !important;
}
.pd-54-r {
  padding-right: 54px !important;
}
.pd-54-t {
  padding-top: 54px !important;
}
.pd-54-b {
  padding-bottom: 54px !important;
}
.pd-54-sides {
  padding-left: 54px !important;
  padding-right: 54px !important;
}
.pd-54-tb {
  padding-top: 54px !important;
  padding-bottom: 54px !important;
}

.gap-54 {
  gap: 54px !important;
}

.t-54 {
  top: 54px !important;
}

.b-54 {
  bottom: 54px !important;
}

.l-54 {
  left: 54px !important;
}

.r-54 {
  right: 54px !important;
}

.t--54 {
  top: -54px !important;
}

.b--54 {
  bottom: -54px !important;
}

.l--54 {
  left: -54px !important;
}

.r--54 {
  right: -54px !important;
}

.mg-56 {
  margin: 56px !important;
}
.mg-56-l {
  margin-left: 56px !important;
}
.mg-56-r {
  margin-right: 56px !important;
}
.mg-56-t {
  margin-top: 56px !important;
}
.mg-56-b {
  margin-bottom: 56px !important;
}
.mg-56-sides {
  margin-left: 56px !important;
  margin-right: 56px !important;
}
.mg-56-tb {
  margin-top: 56px !important;
  margin-bottom: 56px !important;
}

.pd-56 {
  padding: 56px !important;
}
.pd-56-l {
  padding-left: 56px !important;
}
.pd-56-r {
  padding-right: 56px !important;
}
.pd-56-t {
  padding-top: 56px !important;
}
.pd-56-b {
  padding-bottom: 56px !important;
}
.pd-56-sides {
  padding-left: 56px !important;
  padding-right: 56px !important;
}
.pd-56-tb {
  padding-top: 56px !important;
  padding-bottom: 56px !important;
}

.gap-56 {
  gap: 56px !important;
}

.t-56 {
  top: 56px !important;
}

.b-56 {
  bottom: 56px !important;
}

.l-56 {
  left: 56px !important;
}

.r-56 {
  right: 56px !important;
}

.t--56 {
  top: -56px !important;
}

.b--56 {
  bottom: -56px !important;
}

.l--56 {
  left: -56px !important;
}

.r--56 {
  right: -56px !important;
}

.mg-58 {
  margin: 58px !important;
}
.mg-58-l {
  margin-left: 58px !important;
}
.mg-58-r {
  margin-right: 58px !important;
}
.mg-58-t {
  margin-top: 58px !important;
}
.mg-58-b {
  margin-bottom: 58px !important;
}
.mg-58-sides {
  margin-left: 58px !important;
  margin-right: 58px !important;
}
.mg-58-tb {
  margin-top: 58px !important;
  margin-bottom: 58px !important;
}

.pd-58 {
  padding: 58px !important;
}
.pd-58-l {
  padding-left: 58px !important;
}
.pd-58-r {
  padding-right: 58px !important;
}
.pd-58-t {
  padding-top: 58px !important;
}
.pd-58-b {
  padding-bottom: 58px !important;
}
.pd-58-sides {
  padding-left: 58px !important;
  padding-right: 58px !important;
}
.pd-58-tb {
  padding-top: 58px !important;
  padding-bottom: 58px !important;
}

.gap-58 {
  gap: 58px !important;
}

.t-58 {
  top: 58px !important;
}

.b-58 {
  bottom: 58px !important;
}

.l-58 {
  left: 58px !important;
}

.r-58 {
  right: 58px !important;
}

.t--58 {
  top: -58px !important;
}

.b--58 {
  bottom: -58px !important;
}

.l--58 {
  left: -58px !important;
}

.r--58 {
  right: -58px !important;
}

.mg-60 {
  margin: 60px !important;
}
.mg-60-l {
  margin-left: 60px !important;
}
.mg-60-r {
  margin-right: 60px !important;
}
.mg-60-t {
  margin-top: 60px !important;
}
.mg-60-b {
  margin-bottom: 60px !important;
}
.mg-60-sides {
  margin-left: 60px !important;
  margin-right: 60px !important;
}
.mg-60-tb {
  margin-top: 60px !important;
  margin-bottom: 60px !important;
}

.pd-60 {
  padding: 60px !important;
}
.pd-60-l {
  padding-left: 60px !important;
}
.pd-60-r {
  padding-right: 60px !important;
}
.pd-60-t {
  padding-top: 60px !important;
}
.pd-60-b {
  padding-bottom: 60px !important;
}
.pd-60-sides {
  padding-left: 60px !important;
  padding-right: 60px !important;
}
.pd-60-tb {
  padding-top: 60px !important;
  padding-bottom: 60px !important;
}

.gap-60 {
  gap: 60px !important;
}

.t-60 {
  top: 60px !important;
}

.b-60 {
  bottom: 60px !important;
}

.l-60 {
  left: 60px !important;
}

.r-60 {
  right: 60px !important;
}

.t--60 {
  top: -60px !important;
}

.b--60 {
  bottom: -60px !important;
}

.l--60 {
  left: -60px !important;
}

.r--60 {
  right: -60px !important;
}

.mg-62 {
  margin: 62px !important;
}
.mg-62-l {
  margin-left: 62px !important;
}
.mg-62-r {
  margin-right: 62px !important;
}
.mg-62-t {
  margin-top: 62px !important;
}
.mg-62-b {
  margin-bottom: 62px !important;
}
.mg-62-sides {
  margin-left: 62px !important;
  margin-right: 62px !important;
}
.mg-62-tb {
  margin-top: 62px !important;
  margin-bottom: 62px !important;
}

.pd-62 {
  padding: 62px !important;
}
.pd-62-l {
  padding-left: 62px !important;
}
.pd-62-r {
  padding-right: 62px !important;
}
.pd-62-t {
  padding-top: 62px !important;
}
.pd-62-b {
  padding-bottom: 62px !important;
}
.pd-62-sides {
  padding-left: 62px !important;
  padding-right: 62px !important;
}
.pd-62-tb {
  padding-top: 62px !important;
  padding-bottom: 62px !important;
}

.gap-62 {
  gap: 62px !important;
}

.t-62 {
  top: 62px !important;
}

.b-62 {
  bottom: 62px !important;
}

.l-62 {
  left: 62px !important;
}

.r-62 {
  right: 62px !important;
}

.t--62 {
  top: -62px !important;
}

.b--62 {
  bottom: -62px !important;
}

.l--62 {
  left: -62px !important;
}

.r--62 {
  right: -62px !important;
}

.mg-64 {
  margin: 64px !important;
}
.mg-64-l {
  margin-left: 64px !important;
}
.mg-64-r {
  margin-right: 64px !important;
}
.mg-64-t {
  margin-top: 64px !important;
}
.mg-64-b {
  margin-bottom: 64px !important;
}
.mg-64-sides {
  margin-left: 64px !important;
  margin-right: 64px !important;
}
.mg-64-tb {
  margin-top: 64px !important;
  margin-bottom: 64px !important;
}

.pd-64 {
  padding: 64px !important;
}
.pd-64-l {
  padding-left: 64px !important;
}
.pd-64-r {
  padding-right: 64px !important;
}
.pd-64-t {
  padding-top: 64px !important;
}
.pd-64-b {
  padding-bottom: 64px !important;
}
.pd-64-sides {
  padding-left: 64px !important;
  padding-right: 64px !important;
}
.pd-64-tb {
  padding-top: 64px !important;
  padding-bottom: 64px !important;
}

.gap-64 {
  gap: 64px !important;
}

.t-64 {
  top: 64px !important;
}

.b-64 {
  bottom: 64px !important;
}

.l-64 {
  left: 64px !important;
}

.r-64 {
  right: 64px !important;
}

.t--64 {
  top: -64px !important;
}

.b--64 {
  bottom: -64px !important;
}

.l--64 {
  left: -64px !important;
}

.r--64 {
  right: -64px !important;
}

.mg-66 {
  margin: 66px !important;
}
.mg-66-l {
  margin-left: 66px !important;
}
.mg-66-r {
  margin-right: 66px !important;
}
.mg-66-t {
  margin-top: 66px !important;
}
.mg-66-b {
  margin-bottom: 66px !important;
}
.mg-66-sides {
  margin-left: 66px !important;
  margin-right: 66px !important;
}
.mg-66-tb {
  margin-top: 66px !important;
  margin-bottom: 66px !important;
}

.pd-66 {
  padding: 66px !important;
}
.pd-66-l {
  padding-left: 66px !important;
}
.pd-66-r {
  padding-right: 66px !important;
}
.pd-66-t {
  padding-top: 66px !important;
}
.pd-66-b {
  padding-bottom: 66px !important;
}
.pd-66-sides {
  padding-left: 66px !important;
  padding-right: 66px !important;
}
.pd-66-tb {
  padding-top: 66px !important;
  padding-bottom: 66px !important;
}

.gap-66 {
  gap: 66px !important;
}

.t-66 {
  top: 66px !important;
}

.b-66 {
  bottom: 66px !important;
}

.l-66 {
  left: 66px !important;
}

.r-66 {
  right: 66px !important;
}

.t--66 {
  top: -66px !important;
}

.b--66 {
  bottom: -66px !important;
}

.l--66 {
  left: -66px !important;
}

.r--66 {
  right: -66px !important;
}

.mg-68 {
  margin: 68px !important;
}
.mg-68-l {
  margin-left: 68px !important;
}
.mg-68-r {
  margin-right: 68px !important;
}
.mg-68-t {
  margin-top: 68px !important;
}
.mg-68-b {
  margin-bottom: 68px !important;
}
.mg-68-sides {
  margin-left: 68px !important;
  margin-right: 68px !important;
}
.mg-68-tb {
  margin-top: 68px !important;
  margin-bottom: 68px !important;
}

.pd-68 {
  padding: 68px !important;
}
.pd-68-l {
  padding-left: 68px !important;
}
.pd-68-r {
  padding-right: 68px !important;
}
.pd-68-t {
  padding-top: 68px !important;
}
.pd-68-b {
  padding-bottom: 68px !important;
}
.pd-68-sides {
  padding-left: 68px !important;
  padding-right: 68px !important;
}
.pd-68-tb {
  padding-top: 68px !important;
  padding-bottom: 68px !important;
}

.gap-68 {
  gap: 68px !important;
}

.t-68 {
  top: 68px !important;
}

.b-68 {
  bottom: 68px !important;
}

.l-68 {
  left: 68px !important;
}

.r-68 {
  right: 68px !important;
}

.t--68 {
  top: -68px !important;
}

.b--68 {
  bottom: -68px !important;
}

.l--68 {
  left: -68px !important;
}

.r--68 {
  right: -68px !important;
}

.mg-70 {
  margin: 70px !important;
}
.mg-70-l {
  margin-left: 70px !important;
}
.mg-70-r {
  margin-right: 70px !important;
}
.mg-70-t {
  margin-top: 70px !important;
}
.mg-70-b {
  margin-bottom: 70px !important;
}
.mg-70-sides {
  margin-left: 70px !important;
  margin-right: 70px !important;
}
.mg-70-tb {
  margin-top: 70px !important;
  margin-bottom: 70px !important;
}

.pd-70 {
  padding: 70px !important;
}
.pd-70-l {
  padding-left: 70px !important;
}
.pd-70-r {
  padding-right: 70px !important;
}
.pd-70-t {
  padding-top: 70px !important;
}
.pd-70-b {
  padding-bottom: 70px !important;
}
.pd-70-sides {
  padding-left: 70px !important;
  padding-right: 70px !important;
}
.pd-70-tb {
  padding-top: 70px !important;
  padding-bottom: 70px !important;
}

.gap-70 {
  gap: 70px !important;
}

.t-70 {
  top: 70px !important;
}

.b-70 {
  bottom: 70px !important;
}

.l-70 {
  left: 70px !important;
}

.r-70 {
  right: 70px !important;
}

.t--70 {
  top: -70px !important;
}

.b--70 {
  bottom: -70px !important;
}

.l--70 {
  left: -70px !important;
}

.r--70 {
  right: -70px !important;
}

.mg-72 {
  margin: 72px !important;
}
.mg-72-l {
  margin-left: 72px !important;
}
.mg-72-r {
  margin-right: 72px !important;
}
.mg-72-t {
  margin-top: 72px !important;
}
.mg-72-b {
  margin-bottom: 72px !important;
}
.mg-72-sides {
  margin-left: 72px !important;
  margin-right: 72px !important;
}
.mg-72-tb {
  margin-top: 72px !important;
  margin-bottom: 72px !important;
}

.pd-72 {
  padding: 72px !important;
}
.pd-72-l {
  padding-left: 72px !important;
}
.pd-72-r {
  padding-right: 72px !important;
}
.pd-72-t {
  padding-top: 72px !important;
}
.pd-72-b {
  padding-bottom: 72px !important;
}
.pd-72-sides {
  padding-left: 72px !important;
  padding-right: 72px !important;
}
.pd-72-tb {
  padding-top: 72px !important;
  padding-bottom: 72px !important;
}

.gap-72 {
  gap: 72px !important;
}

.t-72 {
  top: 72px !important;
}

.b-72 {
  bottom: 72px !important;
}

.l-72 {
  left: 72px !important;
}

.r-72 {
  right: 72px !important;
}

.t--72 {
  top: -72px !important;
}

.b--72 {
  bottom: -72px !important;
}

.l--72 {
  left: -72px !important;
}

.r--72 {
  right: -72px !important;
}

.mg-74 {
  margin: 74px !important;
}
.mg-74-l {
  margin-left: 74px !important;
}
.mg-74-r {
  margin-right: 74px !important;
}
.mg-74-t {
  margin-top: 74px !important;
}
.mg-74-b {
  margin-bottom: 74px !important;
}
.mg-74-sides {
  margin-left: 74px !important;
  margin-right: 74px !important;
}
.mg-74-tb {
  margin-top: 74px !important;
  margin-bottom: 74px !important;
}

.pd-74 {
  padding: 74px !important;
}
.pd-74-l {
  padding-left: 74px !important;
}
.pd-74-r {
  padding-right: 74px !important;
}
.pd-74-t {
  padding-top: 74px !important;
}
.pd-74-b {
  padding-bottom: 74px !important;
}
.pd-74-sides {
  padding-left: 74px !important;
  padding-right: 74px !important;
}
.pd-74-tb {
  padding-top: 74px !important;
  padding-bottom: 74px !important;
}

.gap-74 {
  gap: 74px !important;
}

.t-74 {
  top: 74px !important;
}

.b-74 {
  bottom: 74px !important;
}

.l-74 {
  left: 74px !important;
}

.r-74 {
  right: 74px !important;
}

.t--74 {
  top: -74px !important;
}

.b--74 {
  bottom: -74px !important;
}

.l--74 {
  left: -74px !important;
}

.r--74 {
  right: -74px !important;
}

.mg-76 {
  margin: 76px !important;
}
.mg-76-l {
  margin-left: 76px !important;
}
.mg-76-r {
  margin-right: 76px !important;
}
.mg-76-t {
  margin-top: 76px !important;
}
.mg-76-b {
  margin-bottom: 76px !important;
}
.mg-76-sides {
  margin-left: 76px !important;
  margin-right: 76px !important;
}
.mg-76-tb {
  margin-top: 76px !important;
  margin-bottom: 76px !important;
}

.pd-76 {
  padding: 76px !important;
}
.pd-76-l {
  padding-left: 76px !important;
}
.pd-76-r {
  padding-right: 76px !important;
}
.pd-76-t {
  padding-top: 76px !important;
}
.pd-76-b {
  padding-bottom: 76px !important;
}
.pd-76-sides {
  padding-left: 76px !important;
  padding-right: 76px !important;
}
.pd-76-tb {
  padding-top: 76px !important;
  padding-bottom: 76px !important;
}

.gap-76 {
  gap: 76px !important;
}

.t-76 {
  top: 76px !important;
}

.b-76 {
  bottom: 76px !important;
}

.l-76 {
  left: 76px !important;
}

.r-76 {
  right: 76px !important;
}

.t--76 {
  top: -76px !important;
}

.b--76 {
  bottom: -76px !important;
}

.l--76 {
  left: -76px !important;
}

.r--76 {
  right: -76px !important;
}

.mg-78 {
  margin: 78px !important;
}
.mg-78-l {
  margin-left: 78px !important;
}
.mg-78-r {
  margin-right: 78px !important;
}
.mg-78-t {
  margin-top: 78px !important;
}
.mg-78-b {
  margin-bottom: 78px !important;
}
.mg-78-sides {
  margin-left: 78px !important;
  margin-right: 78px !important;
}
.mg-78-tb {
  margin-top: 78px !important;
  margin-bottom: 78px !important;
}

.pd-78 {
  padding: 78px !important;
}
.pd-78-l {
  padding-left: 78px !important;
}
.pd-78-r {
  padding-right: 78px !important;
}
.pd-78-t {
  padding-top: 78px !important;
}
.pd-78-b {
  padding-bottom: 78px !important;
}
.pd-78-sides {
  padding-left: 78px !important;
  padding-right: 78px !important;
}
.pd-78-tb {
  padding-top: 78px !important;
  padding-bottom: 78px !important;
}

.gap-78 {
  gap: 78px !important;
}

.t-78 {
  top: 78px !important;
}

.b-78 {
  bottom: 78px !important;
}

.l-78 {
  left: 78px !important;
}

.r-78 {
  right: 78px !important;
}

.t--78 {
  top: -78px !important;
}

.b--78 {
  bottom: -78px !important;
}

.l--78 {
  left: -78px !important;
}

.r--78 {
  right: -78px !important;
}

.mg-80 {
  margin: 80px !important;
}
.mg-80-l {
  margin-left: 80px !important;
}
.mg-80-r {
  margin-right: 80px !important;
}
.mg-80-t {
  margin-top: 80px !important;
}
.mg-80-b {
  margin-bottom: 80px !important;
}
.mg-80-sides {
  margin-left: 80px !important;
  margin-right: 80px !important;
}
.mg-80-tb {
  margin-top: 80px !important;
  margin-bottom: 80px !important;
}

.pd-80 {
  padding: 80px !important;
}
.pd-80-l {
  padding-left: 80px !important;
}
.pd-80-r {
  padding-right: 80px !important;
}
.pd-80-t {
  padding-top: 80px !important;
}
.pd-80-b {
  padding-bottom: 80px !important;
}
.pd-80-sides {
  padding-left: 80px !important;
  padding-right: 80px !important;
}
.pd-80-tb {
  padding-top: 80px !important;
  padding-bottom: 80px !important;
}

.gap-80 {
  gap: 80px !important;
}

.t-80 {
  top: 80px !important;
}

.b-80 {
  bottom: 80px !important;
}

.l-80 {
  left: 80px !important;
}

.r-80 {
  right: 80px !important;
}

.t--80 {
  top: -80px !important;
}

.b--80 {
  bottom: -80px !important;
}

.l--80 {
  left: -80px !important;
}

.r--80 {
  right: -80px !important;
}

.mg-82 {
  margin: 82px !important;
}
.mg-82-l {
  margin-left: 82px !important;
}
.mg-82-r {
  margin-right: 82px !important;
}
.mg-82-t {
  margin-top: 82px !important;
}
.mg-82-b {
  margin-bottom: 82px !important;
}
.mg-82-sides {
  margin-left: 82px !important;
  margin-right: 82px !important;
}
.mg-82-tb {
  margin-top: 82px !important;
  margin-bottom: 82px !important;
}

.pd-82 {
  padding: 82px !important;
}
.pd-82-l {
  padding-left: 82px !important;
}
.pd-82-r {
  padding-right: 82px !important;
}
.pd-82-t {
  padding-top: 82px !important;
}
.pd-82-b {
  padding-bottom: 82px !important;
}
.pd-82-sides {
  padding-left: 82px !important;
  padding-right: 82px !important;
}
.pd-82-tb {
  padding-top: 82px !important;
  padding-bottom: 82px !important;
}

.gap-82 {
  gap: 82px !important;
}

.t-82 {
  top: 82px !important;
}

.b-82 {
  bottom: 82px !important;
}

.l-82 {
  left: 82px !important;
}

.r-82 {
  right: 82px !important;
}

.t--82 {
  top: -82px !important;
}

.b--82 {
  bottom: -82px !important;
}

.l--82 {
  left: -82px !important;
}

.r--82 {
  right: -82px !important;
}

.mg-84 {
  margin: 84px !important;
}
.mg-84-l {
  margin-left: 84px !important;
}
.mg-84-r {
  margin-right: 84px !important;
}
.mg-84-t {
  margin-top: 84px !important;
}
.mg-84-b {
  margin-bottom: 84px !important;
}
.mg-84-sides {
  margin-left: 84px !important;
  margin-right: 84px !important;
}
.mg-84-tb {
  margin-top: 84px !important;
  margin-bottom: 84px !important;
}

.pd-84 {
  padding: 84px !important;
}
.pd-84-l {
  padding-left: 84px !important;
}
.pd-84-r {
  padding-right: 84px !important;
}
.pd-84-t {
  padding-top: 84px !important;
}
.pd-84-b {
  padding-bottom: 84px !important;
}
.pd-84-sides {
  padding-left: 84px !important;
  padding-right: 84px !important;
}
.pd-84-tb {
  padding-top: 84px !important;
  padding-bottom: 84px !important;
}

.gap-84 {
  gap: 84px !important;
}

.t-84 {
  top: 84px !important;
}

.b-84 {
  bottom: 84px !important;
}

.l-84 {
  left: 84px !important;
}

.r-84 {
  right: 84px !important;
}

.t--84 {
  top: -84px !important;
}

.b--84 {
  bottom: -84px !important;
}

.l--84 {
  left: -84px !important;
}

.r--84 {
  right: -84px !important;
}

.mg-86 {
  margin: 86px !important;
}
.mg-86-l {
  margin-left: 86px !important;
}
.mg-86-r {
  margin-right: 86px !important;
}
.mg-86-t {
  margin-top: 86px !important;
}
.mg-86-b {
  margin-bottom: 86px !important;
}
.mg-86-sides {
  margin-left: 86px !important;
  margin-right: 86px !important;
}
.mg-86-tb {
  margin-top: 86px !important;
  margin-bottom: 86px !important;
}

.pd-86 {
  padding: 86px !important;
}
.pd-86-l {
  padding-left: 86px !important;
}
.pd-86-r {
  padding-right: 86px !important;
}
.pd-86-t {
  padding-top: 86px !important;
}
.pd-86-b {
  padding-bottom: 86px !important;
}
.pd-86-sides {
  padding-left: 86px !important;
  padding-right: 86px !important;
}
.pd-86-tb {
  padding-top: 86px !important;
  padding-bottom: 86px !important;
}

.gap-86 {
  gap: 86px !important;
}

.t-86 {
  top: 86px !important;
}

.b-86 {
  bottom: 86px !important;
}

.l-86 {
  left: 86px !important;
}

.r-86 {
  right: 86px !important;
}

.t--86 {
  top: -86px !important;
}

.b--86 {
  bottom: -86px !important;
}

.l--86 {
  left: -86px !important;
}

.r--86 {
  right: -86px !important;
}

.mg-88 {
  margin: 88px !important;
}
.mg-88-l {
  margin-left: 88px !important;
}
.mg-88-r {
  margin-right: 88px !important;
}
.mg-88-t {
  margin-top: 88px !important;
}
.mg-88-b {
  margin-bottom: 88px !important;
}
.mg-88-sides {
  margin-left: 88px !important;
  margin-right: 88px !important;
}
.mg-88-tb {
  margin-top: 88px !important;
  margin-bottom: 88px !important;
}

.pd-88 {
  padding: 88px !important;
}
.pd-88-l {
  padding-left: 88px !important;
}
.pd-88-r {
  padding-right: 88px !important;
}
.pd-88-t {
  padding-top: 88px !important;
}
.pd-88-b {
  padding-bottom: 88px !important;
}
.pd-88-sides {
  padding-left: 88px !important;
  padding-right: 88px !important;
}
.pd-88-tb {
  padding-top: 88px !important;
  padding-bottom: 88px !important;
}

.gap-88 {
  gap: 88px !important;
}

.t-88 {
  top: 88px !important;
}

.b-88 {
  bottom: 88px !important;
}

.l-88 {
  left: 88px !important;
}

.r-88 {
  right: 88px !important;
}

.t--88 {
  top: -88px !important;
}

.b--88 {
  bottom: -88px !important;
}

.l--88 {
  left: -88px !important;
}

.r--88 {
  right: -88px !important;
}

.mg-90 {
  margin: 90px !important;
}
.mg-90-l {
  margin-left: 90px !important;
}
.mg-90-r {
  margin-right: 90px !important;
}
.mg-90-t {
  margin-top: 90px !important;
}
.mg-90-b {
  margin-bottom: 90px !important;
}
.mg-90-sides {
  margin-left: 90px !important;
  margin-right: 90px !important;
}
.mg-90-tb {
  margin-top: 90px !important;
  margin-bottom: 90px !important;
}

.pd-90 {
  padding: 90px !important;
}
.pd-90-l {
  padding-left: 90px !important;
}
.pd-90-r {
  padding-right: 90px !important;
}
.pd-90-t {
  padding-top: 90px !important;
}
.pd-90-b {
  padding-bottom: 90px !important;
}
.pd-90-sides {
  padding-left: 90px !important;
  padding-right: 90px !important;
}
.pd-90-tb {
  padding-top: 90px !important;
  padding-bottom: 90px !important;
}

.gap-90 {
  gap: 90px !important;
}

.t-90 {
  top: 90px !important;
}

.b-90 {
  bottom: 90px !important;
}

.l-90 {
  left: 90px !important;
}

.r-90 {
  right: 90px !important;
}

.t--90 {
  top: -90px !important;
}

.b--90 {
  bottom: -90px !important;
}

.l--90 {
  left: -90px !important;
}

.r--90 {
  right: -90px !important;
}

.mg-92 {
  margin: 92px !important;
}
.mg-92-l {
  margin-left: 92px !important;
}
.mg-92-r {
  margin-right: 92px !important;
}
.mg-92-t {
  margin-top: 92px !important;
}
.mg-92-b {
  margin-bottom: 92px !important;
}
.mg-92-sides {
  margin-left: 92px !important;
  margin-right: 92px !important;
}
.mg-92-tb {
  margin-top: 92px !important;
  margin-bottom: 92px !important;
}

.pd-92 {
  padding: 92px !important;
}
.pd-92-l {
  padding-left: 92px !important;
}
.pd-92-r {
  padding-right: 92px !important;
}
.pd-92-t {
  padding-top: 92px !important;
}
.pd-92-b {
  padding-bottom: 92px !important;
}
.pd-92-sides {
  padding-left: 92px !important;
  padding-right: 92px !important;
}
.pd-92-tb {
  padding-top: 92px !important;
  padding-bottom: 92px !important;
}

.gap-92 {
  gap: 92px !important;
}

.t-92 {
  top: 92px !important;
}

.b-92 {
  bottom: 92px !important;
}

.l-92 {
  left: 92px !important;
}

.r-92 {
  right: 92px !important;
}

.t--92 {
  top: -92px !important;
}

.b--92 {
  bottom: -92px !important;
}

.l--92 {
  left: -92px !important;
}

.r--92 {
  right: -92px !important;
}

.mg-94 {
  margin: 94px !important;
}
.mg-94-l {
  margin-left: 94px !important;
}
.mg-94-r {
  margin-right: 94px !important;
}
.mg-94-t {
  margin-top: 94px !important;
}
.mg-94-b {
  margin-bottom: 94px !important;
}
.mg-94-sides {
  margin-left: 94px !important;
  margin-right: 94px !important;
}
.mg-94-tb {
  margin-top: 94px !important;
  margin-bottom: 94px !important;
}

.pd-94 {
  padding: 94px !important;
}
.pd-94-l {
  padding-left: 94px !important;
}
.pd-94-r {
  padding-right: 94px !important;
}
.pd-94-t {
  padding-top: 94px !important;
}
.pd-94-b {
  padding-bottom: 94px !important;
}
.pd-94-sides {
  padding-left: 94px !important;
  padding-right: 94px !important;
}
.pd-94-tb {
  padding-top: 94px !important;
  padding-bottom: 94px !important;
}

.gap-94 {
  gap: 94px !important;
}

.t-94 {
  top: 94px !important;
}

.b-94 {
  bottom: 94px !important;
}

.l-94 {
  left: 94px !important;
}

.r-94 {
  right: 94px !important;
}

.t--94 {
  top: -94px !important;
}

.b--94 {
  bottom: -94px !important;
}

.l--94 {
  left: -94px !important;
}

.r--94 {
  right: -94px !important;
}

.mg-96 {
  margin: 96px !important;
}
.mg-96-l {
  margin-left: 96px !important;
}
.mg-96-r {
  margin-right: 96px !important;
}
.mg-96-t {
  margin-top: 96px !important;
}
.mg-96-b {
  margin-bottom: 96px !important;
}
.mg-96-sides {
  margin-left: 96px !important;
  margin-right: 96px !important;
}
.mg-96-tb {
  margin-top: 96px !important;
  margin-bottom: 96px !important;
}

.pd-96 {
  padding: 96px !important;
}
.pd-96-l {
  padding-left: 96px !important;
}
.pd-96-r {
  padding-right: 96px !important;
}
.pd-96-t {
  padding-top: 96px !important;
}
.pd-96-b {
  padding-bottom: 96px !important;
}
.pd-96-sides {
  padding-left: 96px !important;
  padding-right: 96px !important;
}
.pd-96-tb {
  padding-top: 96px !important;
  padding-bottom: 96px !important;
}

.gap-96 {
  gap: 96px !important;
}

.t-96 {
  top: 96px !important;
}

.b-96 {
  bottom: 96px !important;
}

.l-96 {
  left: 96px !important;
}

.r-96 {
  right: 96px !important;
}

.t--96 {
  top: -96px !important;
}

.b--96 {
  bottom: -96px !important;
}

.l--96 {
  left: -96px !important;
}

.r--96 {
  right: -96px !important;
}

.mg-98 {
  margin: 98px !important;
}
.mg-98-l {
  margin-left: 98px !important;
}
.mg-98-r {
  margin-right: 98px !important;
}
.mg-98-t {
  margin-top: 98px !important;
}
.mg-98-b {
  margin-bottom: 98px !important;
}
.mg-98-sides {
  margin-left: 98px !important;
  margin-right: 98px !important;
}
.mg-98-tb {
  margin-top: 98px !important;
  margin-bottom: 98px !important;
}

.pd-98 {
  padding: 98px !important;
}
.pd-98-l {
  padding-left: 98px !important;
}
.pd-98-r {
  padding-right: 98px !important;
}
.pd-98-t {
  padding-top: 98px !important;
}
.pd-98-b {
  padding-bottom: 98px !important;
}
.pd-98-sides {
  padding-left: 98px !important;
  padding-right: 98px !important;
}
.pd-98-tb {
  padding-top: 98px !important;
  padding-bottom: 98px !important;
}

.gap-98 {
  gap: 98px !important;
}

.t-98 {
  top: 98px !important;
}

.b-98 {
  bottom: 98px !important;
}

.l-98 {
  left: 98px !important;
}

.r-98 {
  right: 98px !important;
}

.t--98 {
  top: -98px !important;
}

.b--98 {
  bottom: -98px !important;
}

.l--98 {
  left: -98px !important;
}

.r--98 {
  right: -98px !important;
}

.mg-100 {
  margin: 100px !important;
}
.mg-100-l {
  margin-left: 100px !important;
}
.mg-100-r {
  margin-right: 100px !important;
}
.mg-100-t {
  margin-top: 100px !important;
}
.mg-100-b {
  margin-bottom: 100px !important;
}
.mg-100-sides {
  margin-left: 100px !important;
  margin-right: 100px !important;
}
.mg-100-tb {
  margin-top: 100px !important;
  margin-bottom: 100px !important;
}

.pd-100 {
  padding: 100px !important;
}
.pd-100-l {
  padding-left: 100px !important;
}
.pd-100-r {
  padding-right: 100px !important;
}
.pd-100-t {
  padding-top: 100px !important;
}
.pd-100-b {
  padding-bottom: 100px !important;
}
.pd-100-sides {
  padding-left: 100px !important;
  padding-right: 100px !important;
}
.pd-100-tb {
  padding-top: 100px !important;
  padding-bottom: 100px !important;
}

.gap-100 {
  gap: 100px !important;
}

.t-100 {
  top: 100px !important;
}

.b-100 {
  bottom: 100px !important;
}

.l-100 {
  left: 100px !important;
}

.r-100 {
  right: 100px !important;
}

.t--100 {
  top: -100px !important;
}

.b--100 {
  bottom: -100px !important;
}

.l--100 {
  left: -100px !important;
}

.r--100 {
  right: -100px !important;
}

.mg-102 {
  margin: 102px !important;
}
.mg-102-l {
  margin-left: 102px !important;
}
.mg-102-r {
  margin-right: 102px !important;
}
.mg-102-t {
  margin-top: 102px !important;
}
.mg-102-b {
  margin-bottom: 102px !important;
}
.mg-102-sides {
  margin-left: 102px !important;
  margin-right: 102px !important;
}
.mg-102-tb {
  margin-top: 102px !important;
  margin-bottom: 102px !important;
}

.pd-102 {
  padding: 102px !important;
}
.pd-102-l {
  padding-left: 102px !important;
}
.pd-102-r {
  padding-right: 102px !important;
}
.pd-102-t {
  padding-top: 102px !important;
}
.pd-102-b {
  padding-bottom: 102px !important;
}
.pd-102-sides {
  padding-left: 102px !important;
  padding-right: 102px !important;
}
.pd-102-tb {
  padding-top: 102px !important;
  padding-bottom: 102px !important;
}

.gap-102 {
  gap: 102px !important;
}

.t-102 {
  top: 102px !important;
}

.b-102 {
  bottom: 102px !important;
}

.l-102 {
  left: 102px !important;
}

.r-102 {
  right: 102px !important;
}

.t--102 {
  top: -102px !important;
}

.b--102 {
  bottom: -102px !important;
}

.l--102 {
  left: -102px !important;
}

.r--102 {
  right: -102px !important;
}

.mg-104 {
  margin: 104px !important;
}
.mg-104-l {
  margin-left: 104px !important;
}
.mg-104-r {
  margin-right: 104px !important;
}
.mg-104-t {
  margin-top: 104px !important;
}
.mg-104-b {
  margin-bottom: 104px !important;
}
.mg-104-sides {
  margin-left: 104px !important;
  margin-right: 104px !important;
}
.mg-104-tb {
  margin-top: 104px !important;
  margin-bottom: 104px !important;
}

.pd-104 {
  padding: 104px !important;
}
.pd-104-l {
  padding-left: 104px !important;
}
.pd-104-r {
  padding-right: 104px !important;
}
.pd-104-t {
  padding-top: 104px !important;
}
.pd-104-b {
  padding-bottom: 104px !important;
}
.pd-104-sides {
  padding-left: 104px !important;
  padding-right: 104px !important;
}
.pd-104-tb {
  padding-top: 104px !important;
  padding-bottom: 104px !important;
}

.gap-104 {
  gap: 104px !important;
}

.t-104 {
  top: 104px !important;
}

.b-104 {
  bottom: 104px !important;
}

.l-104 {
  left: 104px !important;
}

.r-104 {
  right: 104px !important;
}

.t--104 {
  top: -104px !important;
}

.b--104 {
  bottom: -104px !important;
}

.l--104 {
  left: -104px !important;
}

.r--104 {
  right: -104px !important;
}

.mg-106 {
  margin: 106px !important;
}
.mg-106-l {
  margin-left: 106px !important;
}
.mg-106-r {
  margin-right: 106px !important;
}
.mg-106-t {
  margin-top: 106px !important;
}
.mg-106-b {
  margin-bottom: 106px !important;
}
.mg-106-sides {
  margin-left: 106px !important;
  margin-right: 106px !important;
}
.mg-106-tb {
  margin-top: 106px !important;
  margin-bottom: 106px !important;
}

.pd-106 {
  padding: 106px !important;
}
.pd-106-l {
  padding-left: 106px !important;
}
.pd-106-r {
  padding-right: 106px !important;
}
.pd-106-t {
  padding-top: 106px !important;
}
.pd-106-b {
  padding-bottom: 106px !important;
}
.pd-106-sides {
  padding-left: 106px !important;
  padding-right: 106px !important;
}
.pd-106-tb {
  padding-top: 106px !important;
  padding-bottom: 106px !important;
}

.gap-106 {
  gap: 106px !important;
}

.t-106 {
  top: 106px !important;
}

.b-106 {
  bottom: 106px !important;
}

.l-106 {
  left: 106px !important;
}

.r-106 {
  right: 106px !important;
}

.t--106 {
  top: -106px !important;
}

.b--106 {
  bottom: -106px !important;
}

.l--106 {
  left: -106px !important;
}

.r--106 {
  right: -106px !important;
}

.mg-108 {
  margin: 108px !important;
}
.mg-108-l {
  margin-left: 108px !important;
}
.mg-108-r {
  margin-right: 108px !important;
}
.mg-108-t {
  margin-top: 108px !important;
}
.mg-108-b {
  margin-bottom: 108px !important;
}
.mg-108-sides {
  margin-left: 108px !important;
  margin-right: 108px !important;
}
.mg-108-tb {
  margin-top: 108px !important;
  margin-bottom: 108px !important;
}

.pd-108 {
  padding: 108px !important;
}
.pd-108-l {
  padding-left: 108px !important;
}
.pd-108-r {
  padding-right: 108px !important;
}
.pd-108-t {
  padding-top: 108px !important;
}
.pd-108-b {
  padding-bottom: 108px !important;
}
.pd-108-sides {
  padding-left: 108px !important;
  padding-right: 108px !important;
}
.pd-108-tb {
  padding-top: 108px !important;
  padding-bottom: 108px !important;
}

.gap-108 {
  gap: 108px !important;
}

.t-108 {
  top: 108px !important;
}

.b-108 {
  bottom: 108px !important;
}

.l-108 {
  left: 108px !important;
}

.r-108 {
  right: 108px !important;
}

.t--108 {
  top: -108px !important;
}

.b--108 {
  bottom: -108px !important;
}

.l--108 {
  left: -108px !important;
}

.r--108 {
  right: -108px !important;
}

.mg-110 {
  margin: 110px !important;
}
.mg-110-l {
  margin-left: 110px !important;
}
.mg-110-r {
  margin-right: 110px !important;
}
.mg-110-t {
  margin-top: 110px !important;
}
.mg-110-b {
  margin-bottom: 110px !important;
}
.mg-110-sides {
  margin-left: 110px !important;
  margin-right: 110px !important;
}
.mg-110-tb {
  margin-top: 110px !important;
  margin-bottom: 110px !important;
}

.pd-110 {
  padding: 110px !important;
}
.pd-110-l {
  padding-left: 110px !important;
}
.pd-110-r {
  padding-right: 110px !important;
}
.pd-110-t {
  padding-top: 110px !important;
}
.pd-110-b {
  padding-bottom: 110px !important;
}
.pd-110-sides {
  padding-left: 110px !important;
  padding-right: 110px !important;
}
.pd-110-tb {
  padding-top: 110px !important;
  padding-bottom: 110px !important;
}

.gap-110 {
  gap: 110px !important;
}

.t-110 {
  top: 110px !important;
}

.b-110 {
  bottom: 110px !important;
}

.l-110 {
  left: 110px !important;
}

.r-110 {
  right: 110px !important;
}

.t--110 {
  top: -110px !important;
}

.b--110 {
  bottom: -110px !important;
}

.l--110 {
  left: -110px !important;
}

.r--110 {
  right: -110px !important;
}

.mg-112 {
  margin: 112px !important;
}
.mg-112-l {
  margin-left: 112px !important;
}
.mg-112-r {
  margin-right: 112px !important;
}
.mg-112-t {
  margin-top: 112px !important;
}
.mg-112-b {
  margin-bottom: 112px !important;
}
.mg-112-sides {
  margin-left: 112px !important;
  margin-right: 112px !important;
}
.mg-112-tb {
  margin-top: 112px !important;
  margin-bottom: 112px !important;
}

.pd-112 {
  padding: 112px !important;
}
.pd-112-l {
  padding-left: 112px !important;
}
.pd-112-r {
  padding-right: 112px !important;
}
.pd-112-t {
  padding-top: 112px !important;
}
.pd-112-b {
  padding-bottom: 112px !important;
}
.pd-112-sides {
  padding-left: 112px !important;
  padding-right: 112px !important;
}
.pd-112-tb {
  padding-top: 112px !important;
  padding-bottom: 112px !important;
}

.gap-112 {
  gap: 112px !important;
}

.t-112 {
  top: 112px !important;
}

.b-112 {
  bottom: 112px !important;
}

.l-112 {
  left: 112px !important;
}

.r-112 {
  right: 112px !important;
}

.t--112 {
  top: -112px !important;
}

.b--112 {
  bottom: -112px !important;
}

.l--112 {
  left: -112px !important;
}

.r--112 {
  right: -112px !important;
}

.mg-114 {
  margin: 114px !important;
}
.mg-114-l {
  margin-left: 114px !important;
}
.mg-114-r {
  margin-right: 114px !important;
}
.mg-114-t {
  margin-top: 114px !important;
}
.mg-114-b {
  margin-bottom: 114px !important;
}
.mg-114-sides {
  margin-left: 114px !important;
  margin-right: 114px !important;
}
.mg-114-tb {
  margin-top: 114px !important;
  margin-bottom: 114px !important;
}

.pd-114 {
  padding: 114px !important;
}
.pd-114-l {
  padding-left: 114px !important;
}
.pd-114-r {
  padding-right: 114px !important;
}
.pd-114-t {
  padding-top: 114px !important;
}
.pd-114-b {
  padding-bottom: 114px !important;
}
.pd-114-sides {
  padding-left: 114px !important;
  padding-right: 114px !important;
}
.pd-114-tb {
  padding-top: 114px !important;
  padding-bottom: 114px !important;
}

.gap-114 {
  gap: 114px !important;
}

.t-114 {
  top: 114px !important;
}

.b-114 {
  bottom: 114px !important;
}

.l-114 {
  left: 114px !important;
}

.r-114 {
  right: 114px !important;
}

.t--114 {
  top: -114px !important;
}

.b--114 {
  bottom: -114px !important;
}

.l--114 {
  left: -114px !important;
}

.r--114 {
  right: -114px !important;
}

.mg-116 {
  margin: 116px !important;
}
.mg-116-l {
  margin-left: 116px !important;
}
.mg-116-r {
  margin-right: 116px !important;
}
.mg-116-t {
  margin-top: 116px !important;
}
.mg-116-b {
  margin-bottom: 116px !important;
}
.mg-116-sides {
  margin-left: 116px !important;
  margin-right: 116px !important;
}
.mg-116-tb {
  margin-top: 116px !important;
  margin-bottom: 116px !important;
}

.pd-116 {
  padding: 116px !important;
}
.pd-116-l {
  padding-left: 116px !important;
}
.pd-116-r {
  padding-right: 116px !important;
}
.pd-116-t {
  padding-top: 116px !important;
}
.pd-116-b {
  padding-bottom: 116px !important;
}
.pd-116-sides {
  padding-left: 116px !important;
  padding-right: 116px !important;
}
.pd-116-tb {
  padding-top: 116px !important;
  padding-bottom: 116px !important;
}

.gap-116 {
  gap: 116px !important;
}

.t-116 {
  top: 116px !important;
}

.b-116 {
  bottom: 116px !important;
}

.l-116 {
  left: 116px !important;
}

.r-116 {
  right: 116px !important;
}

.t--116 {
  top: -116px !important;
}

.b--116 {
  bottom: -116px !important;
}

.l--116 {
  left: -116px !important;
}

.r--116 {
  right: -116px !important;
}

.mg-118 {
  margin: 118px !important;
}
.mg-118-l {
  margin-left: 118px !important;
}
.mg-118-r {
  margin-right: 118px !important;
}
.mg-118-t {
  margin-top: 118px !important;
}
.mg-118-b {
  margin-bottom: 118px !important;
}
.mg-118-sides {
  margin-left: 118px !important;
  margin-right: 118px !important;
}
.mg-118-tb {
  margin-top: 118px !important;
  margin-bottom: 118px !important;
}

.pd-118 {
  padding: 118px !important;
}
.pd-118-l {
  padding-left: 118px !important;
}
.pd-118-r {
  padding-right: 118px !important;
}
.pd-118-t {
  padding-top: 118px !important;
}
.pd-118-b {
  padding-bottom: 118px !important;
}
.pd-118-sides {
  padding-left: 118px !important;
  padding-right: 118px !important;
}
.pd-118-tb {
  padding-top: 118px !important;
  padding-bottom: 118px !important;
}

.gap-118 {
  gap: 118px !important;
}

.t-118 {
  top: 118px !important;
}

.b-118 {
  bottom: 118px !important;
}

.l-118 {
  left: 118px !important;
}

.r-118 {
  right: 118px !important;
}

.t--118 {
  top: -118px !important;
}

.b--118 {
  bottom: -118px !important;
}

.l--118 {
  left: -118px !important;
}

.r--118 {
  right: -118px !important;
}

.mg-120 {
  margin: 120px !important;
}
.mg-120-l {
  margin-left: 120px !important;
}
.mg-120-r {
  margin-right: 120px !important;
}
.mg-120-t {
  margin-top: 120px !important;
}
.mg-120-b {
  margin-bottom: 120px !important;
}
.mg-120-sides {
  margin-left: 120px !important;
  margin-right: 120px !important;
}
.mg-120-tb {
  margin-top: 120px !important;
  margin-bottom: 120px !important;
}

.pd-120 {
  padding: 120px !important;
}
.pd-120-l {
  padding-left: 120px !important;
}
.pd-120-r {
  padding-right: 120px !important;
}
.pd-120-t {
  padding-top: 120px !important;
}
.pd-120-b {
  padding-bottom: 120px !important;
}
.pd-120-sides {
  padding-left: 120px !important;
  padding-right: 120px !important;
}
.pd-120-tb {
  padding-top: 120px !important;
  padding-bottom: 120px !important;
}

.gap-120 {
  gap: 120px !important;
}

.t-120 {
  top: 120px !important;
}

.b-120 {
  bottom: 120px !important;
}

.l-120 {
  left: 120px !important;
}

.r-120 {
  right: 120px !important;
}

.t--120 {
  top: -120px !important;
}

.b--120 {
  bottom: -120px !important;
}

.l--120 {
  left: -120px !important;
}

.r--120 {
  right: -120px !important;
}

.wp-0 {
  width: 0% !important;
}

.hp-0 {
  height: 0% !important;
}

.max-w-0 {
  max-width: 0px !important;
}

.max-h-0 {
  max-height: 0px !important;
}

.wp-2 {
  width: 2% !important;
}

.hp-2 {
  height: 2% !important;
}

.max-w-2 {
  max-width: 2px !important;
}

.max-h-2 {
  max-height: 2px !important;
}

.wp-4 {
  width: 4% !important;
}

.hp-4 {
  height: 4% !important;
}

.max-w-4 {
  max-width: 4px !important;
}

.max-h-4 {
  max-height: 4px !important;
}

.wp-6 {
  width: 6% !important;
}

.hp-6 {
  height: 6% !important;
}

.max-w-6 {
  max-width: 6px !important;
}

.max-h-6 {
  max-height: 6px !important;
}

.wp-8 {
  width: 8% !important;
}

.hp-8 {
  height: 8% !important;
}

.max-w-8 {
  max-width: 8px !important;
}

.max-h-8 {
  max-height: 8px !important;
}

.wp-10 {
  width: 10% !important;
}

.hp-10 {
  height: 10% !important;
}

.max-w-10 {
  max-width: 10px !important;
}

.max-h-10 {
  max-height: 10px !important;
}

.wp-12 {
  width: 12% !important;
}

.hp-12 {
  height: 12% !important;
}

.max-w-12 {
  max-width: 12px !important;
}

.max-h-12 {
  max-height: 12px !important;
}

.wp-14 {
  width: 14% !important;
}

.hp-14 {
  height: 14% !important;
}

.max-w-14 {
  max-width: 14px !important;
}

.max-h-14 {
  max-height: 14px !important;
}

.wp-16 {
  width: 16% !important;
}

.hp-16 {
  height: 16% !important;
}

.max-w-16 {
  max-width: 16px !important;
}

.max-h-16 {
  max-height: 16px !important;
}

.wp-18 {
  width: 18% !important;
}

.hp-18 {
  height: 18% !important;
}

.max-w-18 {
  max-width: 18px !important;
}

.max-h-18 {
  max-height: 18px !important;
}

.wp-20 {
  width: 20% !important;
}

.hp-20 {
  height: 20% !important;
}

.max-w-20 {
  max-width: 20px !important;
}

.max-h-20 {
  max-height: 20px !important;
}

.wp-22 {
  width: 22% !important;
}

.hp-22 {
  height: 22% !important;
}

.max-w-22 {
  max-width: 22px !important;
}

.max-h-22 {
  max-height: 22px !important;
}

.wp-24 {
  width: 24% !important;
}

.hp-24 {
  height: 24% !important;
}

.max-w-24 {
  max-width: 24px !important;
}

.max-h-24 {
  max-height: 24px !important;
}

.wp-26 {
  width: 26% !important;
}

.hp-26 {
  height: 26% !important;
}

.max-w-26 {
  max-width: 26px !important;
}

.max-h-26 {
  max-height: 26px !important;
}

.wp-28 {
  width: 28% !important;
}

.hp-28 {
  height: 28% !important;
}

.max-w-28 {
  max-width: 28px !important;
}

.max-h-28 {
  max-height: 28px !important;
}

.wp-30 {
  width: 30% !important;
}

.hp-30 {
  height: 30% !important;
}

.max-w-30 {
  max-width: 30px !important;
}

.max-h-30 {
  max-height: 30px !important;
}

.wp-32 {
  width: 32% !important;
}

.hp-32 {
  height: 32% !important;
}

.max-w-32 {
  max-width: 32px !important;
}

.max-h-32 {
  max-height: 32px !important;
}

.wp-34 {
  width: 34% !important;
}

.hp-34 {
  height: 34% !important;
}

.max-w-34 {
  max-width: 34px !important;
}

.max-h-34 {
  max-height: 34px !important;
}

.wp-36 {
  width: 36% !important;
}

.hp-36 {
  height: 36% !important;
}

.max-w-36 {
  max-width: 36px !important;
}

.max-h-36 {
  max-height: 36px !important;
}

.wp-38 {
  width: 38% !important;
}

.hp-38 {
  height: 38% !important;
}

.max-w-38 {
  max-width: 38px !important;
}

.max-h-38 {
  max-height: 38px !important;
}

.wp-40 {
  width: 40% !important;
}

.hp-40 {
  height: 40% !important;
}

.max-w-40 {
  max-width: 40px !important;
}

.max-h-40 {
  max-height: 40px !important;
}

.wp-42 {
  width: 42% !important;
}

.hp-42 {
  height: 42% !important;
}

.max-w-42 {
  max-width: 42px !important;
}

.max-h-42 {
  max-height: 42px !important;
}

.wp-44 {
  width: 44% !important;
}

.hp-44 {
  height: 44% !important;
}

.max-w-44 {
  max-width: 44px !important;
}

.max-h-44 {
  max-height: 44px !important;
}

.wp-46 {
  width: 46% !important;
}

.hp-46 {
  height: 46% !important;
}

.max-w-46 {
  max-width: 46px !important;
}

.max-h-46 {
  max-height: 46px !important;
}

.wp-48 {
  width: 48% !important;
}

.hp-48 {
  height: 48% !important;
}

.max-w-48 {
  max-width: 48px !important;
}

.max-h-48 {
  max-height: 48px !important;
}

.wp-50 {
  width: 50% !important;
}

.hp-50 {
  height: 50% !important;
}

.max-w-50 {
  max-width: 50px !important;
}

.max-h-50 {
  max-height: 50px !important;
}

.wp-52 {
  width: 52% !important;
}

.hp-52 {
  height: 52% !important;
}

.max-w-52 {
  max-width: 52px !important;
}

.max-h-52 {
  max-height: 52px !important;
}

.wp-54 {
  width: 54% !important;
}

.hp-54 {
  height: 54% !important;
}

.max-w-54 {
  max-width: 54px !important;
}

.max-h-54 {
  max-height: 54px !important;
}

.wp-56 {
  width: 56% !important;
}

.hp-56 {
  height: 56% !important;
}

.max-w-56 {
  max-width: 56px !important;
}

.max-h-56 {
  max-height: 56px !important;
}

.wp-58 {
  width: 58% !important;
}

.hp-58 {
  height: 58% !important;
}

.max-w-58 {
  max-width: 58px !important;
}

.max-h-58 {
  max-height: 58px !important;
}

.wp-60 {
  width: 60% !important;
}

.hp-60 {
  height: 60% !important;
}

.max-w-60 {
  max-width: 60px !important;
}

.max-h-60 {
  max-height: 60px !important;
}

.wp-62 {
  width: 62% !important;
}

.hp-62 {
  height: 62% !important;
}

.max-w-62 {
  max-width: 62px !important;
}

.max-h-62 {
  max-height: 62px !important;
}

.wp-64 {
  width: 64% !important;
}

.hp-64 {
  height: 64% !important;
}

.max-w-64 {
  max-width: 64px !important;
}

.max-h-64 {
  max-height: 64px !important;
}

.wp-66 {
  width: 66% !important;
}

.hp-66 {
  height: 66% !important;
}

.max-w-66 {
  max-width: 66px !important;
}

.max-h-66 {
  max-height: 66px !important;
}

.wp-68 {
  width: 68% !important;
}

.hp-68 {
  height: 68% !important;
}

.max-w-68 {
  max-width: 68px !important;
}

.max-h-68 {
  max-height: 68px !important;
}

.wp-70 {
  width: 70% !important;
}

.hp-70 {
  height: 70% !important;
}

.max-w-70 {
  max-width: 70px !important;
}

.max-h-70 {
  max-height: 70px !important;
}

.wp-72 {
  width: 72% !important;
}

.hp-72 {
  height: 72% !important;
}

.max-w-72 {
  max-width: 72px !important;
}

.max-h-72 {
  max-height: 72px !important;
}

.wp-74 {
  width: 74% !important;
}

.hp-74 {
  height: 74% !important;
}

.max-w-74 {
  max-width: 74px !important;
}

.max-h-74 {
  max-height: 74px !important;
}

.wp-76 {
  width: 76% !important;
}

.hp-76 {
  height: 76% !important;
}

.max-w-76 {
  max-width: 76px !important;
}

.max-h-76 {
  max-height: 76px !important;
}

.wp-78 {
  width: 78% !important;
}

.hp-78 {
  height: 78% !important;
}

.max-w-78 {
  max-width: 78px !important;
}

.max-h-78 {
  max-height: 78px !important;
}

.wp-80 {
  width: 80% !important;
}

.hp-80 {
  height: 80% !important;
}

.max-w-80 {
  max-width: 80px !important;
}

.max-h-80 {
  max-height: 80px !important;
}

.wp-82 {
  width: 82% !important;
}

.hp-82 {
  height: 82% !important;
}

.max-w-82 {
  max-width: 82px !important;
}

.max-h-82 {
  max-height: 82px !important;
}

.wp-84 {
  width: 84% !important;
}

.hp-84 {
  height: 84% !important;
}

.max-w-84 {
  max-width: 84px !important;
}

.max-h-84 {
  max-height: 84px !important;
}

.wp-86 {
  width: 86% !important;
}

.hp-86 {
  height: 86% !important;
}

.max-w-86 {
  max-width: 86px !important;
}

.max-h-86 {
  max-height: 86px !important;
}

.wp-88 {
  width: 88% !important;
}

.hp-88 {
  height: 88% !important;
}

.max-w-88 {
  max-width: 88px !important;
}

.max-h-88 {
  max-height: 88px !important;
}

.wp-90 {
  width: 90% !important;
}

.hp-90 {
  height: 90% !important;
}

.max-w-90 {
  max-width: 90px !important;
}

.max-h-90 {
  max-height: 90px !important;
}

.wp-92 {
  width: 92% !important;
}

.hp-92 {
  height: 92% !important;
}

.max-w-92 {
  max-width: 92px !important;
}

.max-h-92 {
  max-height: 92px !important;
}

.wp-94 {
  width: 94% !important;
}

.hp-94 {
  height: 94% !important;
}

.max-w-94 {
  max-width: 94px !important;
}

.max-h-94 {
  max-height: 94px !important;
}

.wp-96 {
  width: 96% !important;
}

.hp-96 {
  height: 96% !important;
}

.max-w-96 {
  max-width: 96px !important;
}

.max-h-96 {
  max-height: 96px !important;
}

.wp-98 {
  width: 98% !important;
}

.hp-98 {
  height: 98% !important;
}

.max-w-98 {
  max-width: 98px !important;
}

.max-h-98 {
  max-height: 98px !important;
}

.wp-100 {
  width: 100% !important;
}

.hp-100 {
  height: 100% !important;
}

.max-w-100 {
  max-width: 100px !important;
}

.max-h-100 {
  max-height: 100px !important;
}

.w-fc {
  width: -moz-fit-content;
  width: fit-content;
}

.w-mc {
  width: max-content !important;
}

.w-a {
  width: auto !important;
}

.h-a {
  height: auto !important;
}

.br-0 {
  border-radius: 0px !important;
}
.br-0-t {
  border-radius: 0px 0px 0 0 !important;
}
.br-0-b {
  border-radius: 0 0 0px 0px !important;
}

.br-2 {
  border-radius: 2px !important;
}
.br-2-t {
  border-radius: 2px 2px 0 0 !important;
}
.br-2-b {
  border-radius: 0 0 2px 2px !important;
}

.br-4 {
  border-radius: 4px !important;
}
.br-4-t {
  border-radius: 4px 4px 0 0 !important;
}
.br-4-b {
  border-radius: 0 0 4px 4px !important;
}

.br-6 {
  border-radius: 6px !important;
}
.br-6-t {
  border-radius: 6px 6px 0 0 !important;
}
.br-6-b {
  border-radius: 0 0 6px 6px !important;
}

.br-7 {
  border-radius: 7px !important;
}
.br-7-t {
  border-radius: 7px 7px 0 0 !important;
}
.br-7-b {
  border-radius: 0 0 7px 7px !important;
}

.br-8 {
  border-radius: 8px !important;
}
.br-8-t {
  border-radius: 8px 8px 0 0 !important;
}
.br-8-b {
  border-radius: 0 0 8px 8px !important;
}

.br-10 {
  border-radius: 10px !important;
}
.br-10-t {
  border-radius: 10px 10px 0 0 !important;
}
.br-10-b {
  border-radius: 0 0 10px 10px !important;
}

.br-11 {
  border-radius: 11px !important;
}
.br-11-t {
  border-radius: 11px 11px 0 0 !important;
}
.br-11-b {
  border-radius: 0 0 11px 11px !important;
}

.br-16 {
  border-radius: 16px !important;
}
.br-16-t {
  border-radius: 16px 16px 0 0 !important;
}
.br-16-b {
  border-radius: 0 0 16px 16px !important;
}

.br-20 {
  border-radius: 20px !important;
}
.br-20-t {
  border-radius: 20px 20px 0 0 !important;
}
.br-20-b {
  border-radius: 0 0 20px 20px !important;
}

.br-30 {
  border-radius: 30px !important;
}
.br-30-t {
  border-radius: 30px 30px 0 0 !important;
}
.br-30-b {
  border-radius: 0 0 30px 30px !important;
}

.br-100 {
  border-radius: 100px !important;
}
.br-100-t {
  border-radius: 100px 100px 0 0 !important;
}
.br-100-b {
  border-radius: 0 0 100px 100px !important;
}

.br-50 {
  border-radius: 50px !important;
}

.circle {
  border-radius: 50% !important;
}

.shadow-soft {
  box-shadow: 0px 8px 24px 0px rgba(55, 77, 99, 0.1490196078);
}

.border-light {
  border: 1px solid #e2e8f0 !important;
}

.border-bottom-light {
  border-bottom: 1px solid #e2e8f0 !important;
}

.border-top-light {
  border-top: 1px solid #e2e8f0 !important;
}

.border-left-light {
  border-left: 1px solid #e2e8f0 !important;
}

.border-right-light {
  border-right: 1px solid #e2e8f0 !important;
}

.border-main {
  border: 1px solid #bdc3c7 !important;
}

.border-dashed-silver {
  border: 1px dashed #bdc3c7 !important;
}

.border-blue-soft {
  border: 1px solid #ebf5fb !important;
}

.border-red {
  border: 1px solid #e74c3c !important;
}

.border-blue-light {
  border: 1px solid #bfdbfe !important;
}

.border-bottom-3-transparent {
  border-bottom: 3px solid transparent !important;
}

.ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ww-bw {
  word-wrap: break-word;
}

.ws-nw {
  white-space: nowrap;
}

.fw-n {
  font-weight: normal !important;
}

.fw-b {
  font-weight: bold;
}

.ta-l {
  text-align: left !important;
}

.ta-r {
  text-align: right !important;
}

.ta-c {
  text-align: center;
}

.dis-n {
  display: none !important;
}

.dis-b {
  display: block !important;
}

.dis-ib {
  display: inline-block !important;
}

.pos-r {
  position: relative !important;
}

.pos-a {
  position: absolute !important;
}

.pos-f {
  position: fixed !important;
}

.z-10 {
  z-index: 10 !important;
}

.z-100 {
  z-index: 100 !important;
}

.z-1000 {
  z-index: 1000 !important;
}

.bg-white {
  background-color: #ffffff !important;
}

.bg-clouds {
  background-color: #ecf0f1 !important;
}

.bg-blue {
  background-color: #066bf1 !important;
}

.bg-blue-light {
  background-color: #eff6ff !important;
}

.bg-green {
  background-color: #219457 !important;
}

.bg-red {
  background-color: #e74c3c !important;
}

.bg-red-light {
  background-color: #fdedeb !important;
}

.bg-yellow {
  background-color: #e5ba0c !important;
}

.bg-orange {
  background-color: #e67e22 !important;
}

.bg-purple {
  background-color: #784fff !important;
}

.bg-asbestos {
  background-color: #7f8c8d !important;
}

.bg-silver {
  background-color: #bdc3c7 !important;
}

.bg-notes {
  background-color: #f9f9f9 !important;
}

.bg-transparent {
  background-color: transparent !important;
}

.text-white {
  color: #ffffff !important;
}

.text-main {
  color: #022759 !important;
}

.text-asbestos {
  color: #7f8c8d !important;
}

.text-concrete {
  color: #95a5a6 !important;
}

.text-silver {
  color: #bdc3c7 !important;
}

.text-blue {
  color: #066bf1 !important;
}

.text-green {
  color: #219457 !important;
}

.text-red {
  color: #e74c3c !important;
}

.text-yellow {
  color: #e5ba0c !important;
}

.text-orange {
  color: #e67e22 !important;
}

.text-purple {
  color: #784fff !important;
}

.fw-bold {
  font-weight: bold !important !important;
}

.fw-normal {
  font-weight: normal !important;
}

.uppercase {
  text-transform: uppercase !important;
}

.ls-08 {
  letter-spacing: 0.08em !important;
}

.ls-0 {
  letter-spacing: 0 !important;
}

.text-underline {
  text-decoration: underline !important;
}

.text-c {
  text-align: center !important;
}

.text-r {
  text-align: right !important;
}

.italic {
  font-style: italic !important;
}

.fs-tiny {
  font-size: 10px !important;
}

.fs-smallest {
  font-size: 10px !important;
}

.fs-smaller {
  font-size: 12px !important;
}

.fs-small {
  font-size: 14px !important;
}

.fs-cross {
  font-size: 16px !important;
}

.fs-big {
  font-size: 18px !important;
}

.fs-large {
  font-size: 18px !important;
}

.fs-bigger {
  font-size: 24px !important;
}

.fs-biggest {
  font-size: 28px !important;
}

.transition-base {
  transition: all 0.2s ease-in-out !important;
}

.hover-text-main:hover {
  color: #022759 !important;
}

.hover-text-blue:hover {
  color: #066bf1 !important;
}

.hover-text-blue-hover:hover {
  color: #004eb5 !important;
}

.hover-bg-clouds:hover {
  background-color: #ecf0f1 !important;
}

.bg-clouds-hover:hover {
  background-color: #ecf0f1 !important;
}

.bg-white-hover:hover {
  background-color: #ffffff !important;
}

.group:hover .group-hover-text-blue {
  color: #066bf1 !important;
}

.last-border-none > *:last-child {
  border-bottom: none !important;
}

.fx-2 {
  flex: 2;
}

.w-350 {
  width: 350px !important;
}

.min-w-350 {
  min-width: 350px !important;
}

.min-w-400 {
  min-width: 400px !important;
}

.h-fc {
  height: -moz-fit-content !important;
  height: fit-content !important;
}

.h-init {
  height: initial !important;
}

.pd-v-4 {
  padding-top: 4px !important;
  padding-bottom: 4px !important;
}

.pd-v-8 {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}

.pd-v-12 {
  padding-top: 12px !important;
  padding-bottom: 12px !important;
}

.pd-v-16 {
  padding-top: 16px !important;
  padding-bottom: 16px !important;
}

.accent-blue {
  accent-color: #066bf1;
}

.spin-icon {
  animation: spin 0.8s linear infinite;
}

.w-100 {
  width: 100% !important;
}

.h-100 {
  height: 100% !important;
}

.min-h-100vh {
  min-height: 100vh !important;
}

.mg-0-auto {
  margin: 0 auto !important;
}

.outline-none {
  outline: none !important;
}

.overflow-hidden {
  overflow: hidden !important;
}

.truncate {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

:root {
  --swal2-confirm-button-background-color: #066bf1;
  --swal2-confirm-button-border-radius: 4px;
  --swal2-cancel-button-background-color: #6e7881;
  --swal2-deny-button-background-color: #e74c3c;
  --swal2-color: #022759;
  --swal2-border-radius: 8px;
  --swal2-backdrop: rgba(2, 39, 89, 0.4);
}

.cdk-overlay-container {
  z-index: 10000;
}

div:where(.swal2-container),
.swal2-container {
  z-index: 10020 !important;
  font-family: "Nunito Sans", sans-serif;
}

div:where(.swal2-container) div:where(.swal2-popup) {
  font-family: "Nunito Sans", sans-serif;
  color: #022759;
}

.toast-container {
  z-index: 10030 !important;
  pointer-events: none;
}

.toast-container .ngx-toastr {
  pointer-events: auto;
}

.mat-mdc-menu-panel:not(.user-menu) .mat-mdc-menu-item {
  color: rgb(117, 117, 117) !important;
  font: inherit !important;
}
.mat-mdc-menu-panel:not(.user-menu) .mat-mdc-menu-item:hover:not([disabled]),
.mat-mdc-menu-panel:not(.user-menu) .mat-mdc-menu-item.cdk-program-focused:not([disabled]),
.mat-mdc-menu-panel:not(.user-menu) .mat-mdc-menu-item.cdk-keyboard-focused:not([disabled]),
.mat-mdc-menu-panel:not(.user-menu) .mat-mdc-menu-item.mat-mdc-menu-item-highlighted:not([disabled]) {
  background: rgb(224, 239, 255) !important;
}
.mat-mdc-menu-panel:not(.user-menu) .mat-mdc-menu-content:not(:empty) {
  padding-top: 0;
  padding-bottom: 0;
}
.mat-mdc-menu-panel:not(.user-menu) .mdc-list-item__primary-text {
  color: rgb(117, 117, 117);
}

.mat-select-panel-wrap {
  position: relative !important;
  top: -6px !important;
  width: 100%;
}

.mat-mdc-select-panel,
.mat-mdc-autocomplete-panel {
  font-family: "Nunito Sans", sans-serif;
}

.mat-mdc-option {
  color: rgb(117, 117, 117);
  font-family: inherit;
}

.mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled) {
  background: #f1f5f8 !important;
}

.mat-mdc-option:hover:not(.mdc-list-item--disabled),
.mat-mdc-option.mat-mdc-option-active {
  background: rgb(224, 239, 255) !important;
}

.mat-datepicker-content .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),
.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: #f1f5f8;
}

.mat-datepicker-toggle-default-icon {
  color: #bdc3c7 !important;
}

.mat-datepicker-toggle,
.mat-datepicker-content .mat-calendar-next-button,
.mat-datepicker-content .mat-calendar-previous-button {
  color: #066bf1;
}

.mat-calendar-body-selected {
  background-color: #066bf1 !important;
  color: white !important;
}

.mat-calendar-body-cell-content {
  width: 58% !important;
  height: 70% !important;
}

.mat-mdc-dialog-container {
  --mdc-dialog-container-color: #fff;
}

.mat-mdc-dialog-surface {
  border-radius: 8px;
  font-family: "Nunito Sans", sans-serif;
}

.mat-mdc-dialog-title {
  color: #022759;
  font-weight: 600;
  font-size: 1.125rem;
  line-height: 1.4;
}

.mat-mdc-snack-bar-container,
.mat-mdc-snack-bar-container .mat-mdc-snack-bar-label,
.mat-mdc-snack-bar-container .mdc-snackbar__label,
.mat-mdc-snack-bar-container .mat-mdc-button {
  font-family: "Nunito Sans", sans-serif;
}

.mat-mdc-tooltip .mdc-tooltip__surface {
  background: #022759 !important;
  font-family: "Nunito Sans", sans-serif;
  font-size: 14px !important;
  text-align: center !important;
  line-height: 1.4;
}

.toast-container .ngx-toastr,
.toast-container .ngx-toastr * {
  font-family: "Nunito Sans", sans-serif;
}

.bdl-tabs-webapp.tab-materials {
  box-shadow: none !important;
}
.bdl-tabs-webapp.tabsLeft .mat-mdc-tab-labels {
  justify-content: flex-start !important;
}
.bdl-tabs-webapp.tabsLeft.mat-mdc-tab-group.mat-mdc-tab-group-stretch-tabs > .mat-mdc-tab-header .mat-mdc-tab,
.bdl-tabs-webapp.tabsLeft .mat-mdc-tab-group.mat-mdc-tab-group-stretch-tabs > .mat-mdc-tab-header .mat-mdc-tab {
  flex-grow: 0 !important;
}
.bdl-tabs-webapp .mat-mdc-tab-group.mat-primary .mat-ink-bar,
.bdl-tabs-webapp .mat-mdc-tab-nav-bar.mat-primary .mat-ink-bar {
  background-color: transparent !important;
  font-family: "Nunito Sans", sans-serif !important;
}
.bdl-tabs-webapp .mat-mdc-tab-group,
.bdl-tabs-webapp .mat-mdc-tab-label,
.bdl-tabs-webapp .mat-mdc-tab-link {
  font-family: "Nunito Sans", sans-serif !important;
}
.bdl-tabs-webapp .mat-mdc-tab-nav-bar,
.bdl-tabs-webapp .mat-mdc-tab-header {
  border: none !important;
}
.bdl-tabs-webapp .mat-mdc-tab-label-container {
  background-color: #ecf0f1;
  border: 1px solid rgba(255, 255, 255, 0);
  border-radius: 10px;
}
.bdl-tabs-webapp .mat-mdc-tab-label,
.bdl-tabs-webapp .mat-mdc-tab-link {
  color: #9e9e9e !important;
}
.bdl-tabs-webapp .mat-mdc-tab-icon {
  padding-right: 8px;
  font-size: 14px;
}
.bdl-tabs-webapp .mdc-tab.mdc-tab--active {
  background-color: #e0eaf7 !important;
  color: #066bf1;
  font-weight: bold !important;
  transition: all 0.5s;
}
.bdl-tabs-webapp .mdc-tab.mdc-tab--active .mat-mdc-tab-label-content {
  color: #066bf1;
}
.bdl-tabs-webapp .mdc-tab.mdc-tab--active .ownSvg {
  filter: invert(53%) sepia(25%) saturate(2758%) hue-rotate(178deg) brightness(94%) contrast(82%);
}
.bdl-tabs-webapp .mat-mdc-tab-label {
  opacity: 1 !important;
  background-color: #f1f5f8 !important;
  min-width: auto !important;
  padding: 0 !important;
  color: #95a5a6;
}
.bdl-tabs-webapp .mat-mdc-tab-label .mat-mdc-tab-label-content {
  font-size: 18px !important;
  font-weight: bold !important !important;
  display: flex !important;
  column-gap: 8px;
}
.bdl-tabs-webapp .mat-mdc-tab-label .mat-mdc-tab-label-content icons-component {
  display: flex;
}
.bdl-tabs-webapp .mat-mdc-tab:not(.mat-mdc-tab-disabled).mdc-tab--active .mdc-tab__text-label,
.bdl-tabs-webapp .mat-mdc-tab-link:not(.mat-mdc-tab-disabled).mdc-tab--active .mdc-tab__text-label {
  color: #066bf1 !important;
  font-weight: 700;
  font-size: 18px;
  line-height: 140%;
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 8px;
  letter-spacing: 0;
  font-family: "Nunito Sans", sans-serif;
}
.bdl-tabs-webapp .mat-mdc-tab .mdc-tab__content .mdc-tab__text-label {
  color: #95a5a6 !important;
  font-weight: 700;
  font-size: 18px;
  line-height: 140%;
  display: flex;
  align-items: center;
  justify-content: center;
  letter-spacing: 0;
  column-gap: 8px;
  font-family: "Nunito Sans", sans-serif;
}
.bdl-tabs-webapp .mat-mdc-tab:not(.mat-mdc-tab-disabled) .mdc-tab-indicator__content--underline,
.bdl-tabs-webapp .mat-mdc-tab-link:not(.mat-mdc-tab-disabled) .mdc-tab-indicator__content--underline {
  display: none !important;
}
.bdl-tabs-webapp .mdc-tab-indicator--active .createExpense svg path {
  stroke: unset !important;
}
.bdl-tabs-webapp .mdc-tab-indicator--active svg path {
  stroke: #066bf1;
}
.bdl-tabs-webapp.mat-elevation-z4,
.bdl-tabs-webapp .mat-mdc-tab-group.mat-elevation-z4 {
  box-shadow: none !important;
}
.bdl-tabs-webapp .mat-mdc-tab-body-wrapper {
  position: relative;
  overflow: hidden;
  display: flex;
  transition: height 500ms cubic-bezier(0.35, 0, 0.25, 1);
}
.bdl-tabs-webapp.mat-mdc-tab-group[mat-stretch-tabs] > .mat-mdc-tab-header .mat-mdc-tab-label,
.bdl-tabs-webapp .mat-mdc-tab-group[mat-stretch-tabs] > .mat-mdc-tab-header .mat-mdc-tab-label {
  height: 60px;
}
.bdl-tabs-webapp .mat-mdc-tab-labels {
  justify-content: space-around !important;
}

.mdc-text-field--filled:not(.mdc-text-field--disabled) {
  background-color: transparent !important;
}

.mat-mdc-form-field-focus-overlay {
  background-color: transparent !important;
}

.mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-line-ripple::before {
  border: none !important;
}

.mat-mdc-form-field:not(.mat-form-field-no-animations) .mdc-line-ripple::after {
  display: none;
}

.mat-mdc-form-field-has-icon-suffix .mat-mdc-text-field-wrapper {
  padding-left: 0;
}

.mdc-text-field--disabled.mdc-text-field--filled {
  background-color: transparent !important;
}

.mat-expansion-panel-content {
  letter-spacing: unset !important;
  background: white;
}

.mat-expansion-panel-spacing {
  margin: 0 !important;
}

.mat-expansion-panel-header-title,
.mat-expansion-panel-header-description {
  margin-right: 0 !important;
}

.mat-mdc-chip-set,
.mat-mdc-standard-chip .mat-mdc-chip-action-label,
.mat-mdc-chip .mdc-evolution-chip__text-label {
  font-family: "Nunito Sans", sans-serif;
}

.mat-mdc-standard-chip:not(.mat-mdc-chip-disabled) {
  border-radius: 20px;
}

mat-chip.green,
.mat-mdc-chip.green {
  background-color: #219457 !important;
  color: white !important;
}
mat-chip.blue,
.mat-mdc-chip.blue {
  background-color: #066bf1 !important;
  color: white !important;
}
mat-chip.red,
.mat-mdc-chip.red {
  background-color: #e74c3c !important;
  color: white !important;
}
mat-chip.orange,
.mat-mdc-chip.orange {
  background-color: #e67e22 !important;
  color: white !important;
}
mat-chip.yellow,
.mat-mdc-chip.yellow {
  background-color: #e5ba0c !important;
  color: white !important;
}
mat-chip.gray,
.mat-mdc-chip.gray {
  background-color: #bdc3c7 !important;
  color: white !important;
}
mat-chip.black,
.mat-mdc-chip.black {
  background-color: #022759 !important;
  color: white !important;
}

.empty-view {
  height: 55vh;
  display: flex !important;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  row-gap: 32px;
}
.empty-view img {
  width: 150px;
}
.empty-view .empty-text {
  display: flex;
  flex-direction: column;
  row-gap: 16px;
  align-items: center;
  width: 100%;
}

.mat-stepper-horizontal,
.mat-stepper-vertical {
  font-family: "Nunito Sans", sans-serif;
}

.mat-step-header .mat-step-label {
  font-family: inherit !important;
}

.mat-step-header-selected .mat-step-icon:not(.mat-step-icon-state-error) {
  background-color: #066bf1;
  color: white;
}

.mat-mdc-slide-toggle .mdc-form-field,
.mat-mdc-slide-toggle .mdc-label {
  font-family: "Nunito Sans", sans-serif;
}

.mat-bottom-sheet-container {
  font-family: "Nunito Sans", sans-serif;
  border-radius: 12px 12px 0 0;
}

.mat-mdc-snack-bar-container.snack-success .mdc-snackbar__surface {
  background-color: #219457 !important;
  color: white !important;
}

.mat-mdc-snack-bar-container.snack-error .mdc-snackbar__surface {
  background-color: #e74c3c !important;
  color: white !important;
}

.mat-mdc-snack-bar-container.snack-info .mdc-snackbar__surface {
  background-color: #066bf1 !important;
  color: white !important;
}

.mat-mdc-snack-bar-container.snack-success .mat-mdc-button.mat-mdc-snack-bar-action,
.mat-mdc-snack-bar-container.snack-error .mat-mdc-button.mat-mdc-snack-bar-action,
.mat-mdc-snack-bar-container.snack-info .mat-mdc-button.mat-mdc-snack-bar-action {
  color: white !important;
}

.mat-mdc-snack-bar-container.success-snackbar .mdc-snackbar__surface {
  background-color: #219457 !important;
  color: white !important;
}

.mat-mdc-snack-bar-container.error-snackbar .mdc-snackbar__surface {
  background-color: #e74c3c !important;
  color: white !important;
}

.mat-content.mat-content-hide-toggle {
  margin-right: 0 !important;
}

.mat-expansion-panel-content {
  letter-spacing: unset !important;
  background: white;
}

.mat-expansion-panel-spacing {
  margin: 0 !important;
}

.mat-expansion-panel-header-title,
.mat-expansion-panel-header-description {
  margin-right: 0 !important;
}

.mat-slide-toggle.mat-disabled .mat-slide-toggle-label,
.mat-slide-toggle.mat-disabled .mat-slide-toggle-thumb-container {
  cursor: not-allowed !important;
}

.mat-input-element {
  font-family: "Nunito Sans", sans-serif, sans-serif;
  font-weight: 400;
  font-size: 13.3333px;
  line-height: normal;
}
.mat-input-element::placeholder {
  color: #bdc3c7 !important;
  font-weight: normal !important;
  font-family: "Nunito Sans", sans-serif, sans-serif;
}

.swal2-popup {
  padding: 40px 32px !important;
  border-radius: 10px !important;
  font-family: "Nunito Sans", sans-serif !important;
}

.swal2-html-container {
  margin: 0 !important;
  padding: 0 !important;
}

.swal2-confirm {
  padding: 12px 27px !important;
  font-size: 16px;
  border-radius: 22px !important;
  font-weight: bold !important;
  font-family: "Nunito Sans", sans-serif !important;
}
.swal2-confirm:hover {
  background-image: none !important;
}
.swal2-confirm:active {
  background-image: none !important;
}

.swal2-close {
  top: 32px !important;
  right: 33px !important;
  font-weight: bold !important;
  display: flex !important;
  background: #ecf0f1 !important;
  border-radius: 34px !important;
  height: 32px !important;
  width: 32px !important;
  color: #022759 !important;
  font-size: 26px !important;
  font-family: "Nunito Sans", sans-serif !important;
}
.swal2-close:hover {
  font-size: 26px !important;
  font-weight: bold !important;
  transform: none;
  color: #066bf1 !important;
  background: #f1f5f8 !important;
}
.swal2-close:focus {
  box-shadow: none !important;
}

.swal2-actions {
  margin: 0 !important;
  gap: 24px !important;
  flex-wrap: wrap-reverse !important;
}

.swal2-cancel {
  padding: 8px 20px !important;
  font-size: 16px;
  border-radius: 22px !important;
  color: #ffffff;
  border: 1px solid #219457;
  background-color: #219457;
  font-family: "Nunito Sans", sans-serif !important;
}

.swal2-deny {
  border: 0;
  font-weight: bold !important;
  color: #7f8c8d !important;
  background-color: rgba(255, 255, 255, 0) !important;
  padding: 8px 16px;
  font-size: 16px;
  opacity: 1;
  border-radius: 20px !important;
  font-family: "Nunito Sans", sans-serif !important;
}
.swal2-deny:hover {
  background-color: #ebf5fb !important;
  background-image: none !important;
}
.swal2-deny:active {
  background-color: #ebf5fb !important;
  background-image: none !important;
}

.swal2-styled:focus {
  box-shadow: 0 0 0 0 #fff, 0 0 0 0 rgba(50, 100, 150, 0.4) !important;
}

.swal2-styled {
  font-family: "Nunito Sans", sans-serif !important;
  margin: 0 !important;
}

.sweetCustom.yellow {
  color: #e5ba0c;
}
.sweetCustom.blue {
  color: #066bf1;
}
.sweetCustom.red {
  color: #e74c3c;
}
.sweetCustom.green {
  color: #219457;
}
.sweetCustom.title {
  font-weight: bold !important;
  font-size: 28px !important;
}
.sweetCustom.text {
  color: #022759 !important;
  font-size: 16px;
  padding-top: 16px;
  padding-bottom: 40px;
}

.mat-mdc-header-row {
  background-color: #ffffff;
}

.mat-mdc-header-cell {
  font-family: "Nunito Sans", sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #022759;
  border-bottom: 2px solid #ecf0f1;
  padding: 0 16px;
  white-space: nowrap;
}

.mat-mdc-row {
  background-color: #ffffff;
  transition: background-color 0.15s ease;
}

.mat-mdc-row:hover {
  background-color: #f8f9fa;
}

.mat-mdc-cell {
  font-family: "Nunito Sans", sans-serif;
  font-size: 14px;
  color: #022759;
  border-bottom: 1px solid #ecf0f1;
  padding: 0 16px;
}

.mat-mdc-footer-row {
  background-color: #ffffff;
}

.mat-mdc-footer-cell {
  font-size: 12px;
  color: #022759;
  border-top: 2px solid #ecf0f1;
  padding: 0 16px;
}

svg-icon {
  display: flex;
  vertical-align: middle;
}

bdl-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 0;
}

.bdl-icon-primary svg-icon svg,
.bdl-icon-primary svg-icon svg path {
  fill: #066bf1;
}

.bdl-icon-white svg-icon svg,
.bdl-icon-white svg-icon svg path {
  fill: #ffffff;
}

.bdl-icon-text svg-icon svg,
.bdl-icon-text svg-icon svg path {
  fill: #022759;
}

.bdl-icon-muted svg-icon svg,
.bdl-icon-muted svg-icon svg path {
  fill: #7f8c8d;
}

/* ──────────────────────────────────────────
   EXTERNAL LIBRARIES — Overrides para paridad visual
   Synced from webapp/src/scss/externalLibraries.scss
   ────────────────────────────────────────── */
.mat-slide-toggle.mat-disabled .mat-slide-toggle-label,
.mat-slide-toggle.mat-disabled .mat-slide-toggle-thumb-container {
  cursor: not-allowed !important;
}

.mat-mdc-button,
.mat-mdc-raised-button,
.mat-mdc-flat-button,
.mat-mdc-outlined-button {
  border-radius: 50px !important;
  font-family: "Nunito Sans", sans-serif !important;
  font-weight: bold !important !important;
  padding: 8px 27px !important;
  height: auto !important;
  line-height: normal !important;
}
.mat-mdc-button.mat-primary,
.mat-mdc-raised-button.mat-primary,
.mat-mdc-flat-button.mat-primary,
.mat-mdc-outlined-button.mat-primary {
  background-color: #066bf1 !important;
  color: white !important;
}
.mat-mdc-button.mat-accent,
.mat-mdc-raised-button.mat-accent,
.mat-mdc-flat-button.mat-accent,
.mat-mdc-outlined-button.mat-accent {
  background-color: #219457 !important;
  color: white !important;
}
.mat-mdc-button.mat-warn,
.mat-mdc-raised-button.mat-warn,
.mat-mdc-flat-button.mat-warn,
.mat-mdc-outlined-button.mat-warn {
  background-color: #e74c3c !important;
  color: white !important;
}

.mat-mdc-form-field {
  width: 100%;
  font-family: "Nunito Sans", sans-serif !important;
}
.mat-mdc-form-field .mdc-text-field--filled:not(.mdc-text-field--disabled) {
  background-color: transparent !important;
}
.mat-mdc-form-field .mat-mdc-form-field-focus-overlay {
  background-color: transparent !important;
}
.mat-mdc-form-field .mdc-line-ripple::before,
.mat-mdc-form-field .mdc-line-ripple::after {
  display: none !important;
}
.mat-mdc-form-field .mat-mdc-text-field-wrapper {
  padding: 0 !important;
}
.mat-mdc-form-field .mat-mdc-form-field-infix {
  padding: 0 !important;
  min-height: auto !important;
}

.mat-input-element,
.mat-mdc-input-element {
  font-family: "Nunito Sans", sans-serif, sans-serif !important;
  font-size: 16px !important;
  background: #f4f4f4 !important;
  padding: 12px 16px !important;
  border-radius: 10px !important;
  border: none !important;
}
.mat-input-element::placeholder,
.mat-mdc-input-element::placeholder {
  color: #bdc3c7 !important;
  font-weight: normal !important;
  font-family: "Nunito Sans", sans-serif, sans-serif;
}

/* Tabs Materials — Paridad Completa */
.mat-mdc-tab-header {
  border: none !important;
}

.mat-mdc-tab-label-container {
  background-color: #ecf0f1;
  border: 1px solid transparent;
  border-radius: 10px;
}

.mat-mdc-tab-group.mat-primary .mat-ink-bar,
.mat-mdc-tab-nav-bar.mat-primary .mat-ink-bar {
  background-color: transparent !important;
}

.mdc-tab.mdc-tab--active {
  background-color: #e0eaf7 !important;
  color: #066bf1;
  font-weight: bold !important;
  transition: all 0.5s;
  border-radius: 10px;
}

.mat-mdc-tab:not(.mat-mdc-tab-disabled).mdc-tab--active .mdc-tab__text-label {
  color: #066bf1 !important;
  font-weight: 700;
  font-size: 18px;
  font-family: "Nunito Sans", sans-serif;
}

.mat-mdc-tab .mdc-tab__content .mdc-tab__text-label {
  color: #95a5a6 !important;
  font-weight: 700;
  font-size: 18px;
  font-family: "Nunito Sans", sans-serif;
}

.mat-mdc-tab:not(.mat-mdc-tab-disabled) .mdc-tab-indicator__content--underline {
  display: none !important;
}

.ng-select-container {
  background: #f4f4f4 !important;
  padding: 11px !important;
  font-size: 16px !important;
  border-radius: 10px !important;
  border: none !important;
  min-height: 44px !important;
}

.ng-select.ng-select-opened > .ng-select-container {
  background: #fff !important;
  border-color: transparent !important;
}

.ng-dropdown-panel-items.scroll-host {
  background: white !important;
  border-radius: 0px 0px 10px 10px !important;
  box-shadow: -1px 14px 20px 0px #d1d1d1 !important;
}

.ng-option.ng-option-marked {
  color: white !important;
  background-color: #066bf1 !important;
}

.ng-placeholder {
  color: #bdc3c7 !important;
}

.ng-select .ng-arrow-wrapper .ng-arrow {
  border-color: #999999 transparent transparent;
  border-style: solid;
  border-width: 5px 5px 2.5px;
}

.mat-calendar-body-selected {
  background-color: #066bf1 !important;
  color: white !important;
}

.mat-datepicker-toggle-default-icon {
  color: #bdc3c7 !important;
}

.mat-mdc-menu-panel {
  border-radius: 10px !important;
  overflow: hidden !important;
}

.mat-mdc-menu-item {
  font-family: "Nunito Sans", sans-serif !important;
  color: #757575 !important;
}
.mat-mdc-menu-item:hover {
  background: #e0efff !important;
}

.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);
  background-color: var(--mat-ripple-color, rgba(0, 0, 0, 0.1));
}
.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-app-background {
  background-color: var(--mat-app-background-color, transparent);
  color: var(--mat-app-text-color, inherit);
}

html {
  --mat-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-option-selected-state-label-text-color: #066bf1;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-selected-state-layer-color: rgba(0, 0, 0, 0.04);
}

.mat-accent {
  --mat-option-selected-state-label-text-color: #784fff;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-selected-state-layer-color: rgba(0, 0, 0, 0.04);
}

.mat-warn {
  --mat-option-selected-state-label-text-color: #e74c3c;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-selected-state-layer-color: rgba(0, 0, 0, 0.04);
}

html {
  --mat-optgroup-label-text-color: rgba(0, 0, 0, 0.87);
}

.mat-primary {
  --mat-full-pseudo-checkbox-selected-icon-color: #066bf1;
  --mat-full-pseudo-checkbox-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0;
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: #066bf1;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0;
}

html {
  --mat-full-pseudo-checkbox-selected-icon-color: #784fff;
  --mat-full-pseudo-checkbox-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0;
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: #784fff;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0;
}

.mat-accent {
  --mat-full-pseudo-checkbox-selected-icon-color: #784fff;
  --mat-full-pseudo-checkbox-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0;
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: #784fff;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0;
}

.mat-warn {
  --mat-full-pseudo-checkbox-selected-icon-color: #e74c3c;
  --mat-full-pseudo-checkbox-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0;
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: #e74c3c;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0;
}

html {
  --mat-app-background-color: #fafafa;
  --mat-app-text-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;
}

html {
  --mdc-elevated-card-container-shape: 4px;
  --mdc-outlined-card-container-shape: 4px;
  --mdc-outlined-card-outline-width: 1px;
  --mdc-elevated-card-container-color: white;
  --mdc-elevated-card-container-elevation: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mdc-outlined-card-container-color: white;
  --mdc-outlined-card-outline-color: rgba(0, 0, 0, 0.12);
  --mdc-outlined-card-container-elevation: 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-text-color: rgba(0, 0, 0, 0.54);
  --mdc-linear-progress-active-indicator-height: 4px;
  --mdc-linear-progress-track-height: 4px;
  --mdc-linear-progress-track-shape: 0;
}

.mat-mdc-progress-bar {
  --mdc-linear-progress-active-indicator-color: #066bf1;
  --mdc-linear-progress-track-color: rgba(6, 107, 241, 0.25);
}
.mat-mdc-progress-bar.mat-accent {
  --mdc-linear-progress-active-indicator-color: #784fff;
  --mdc-linear-progress-track-color: rgba(120, 79, 255, 0.25);
}
.mat-mdc-progress-bar.mat-warn {
  --mdc-linear-progress-active-indicator-color: #e74c3c;
  --mdc-linear-progress-track-color: rgba(231, 76, 60, 0.25);
}

html {
  --mdc-plain-tooltip-container-shape: 4px;
  --mdc-plain-tooltip-supporting-text-line-height: 16px;
  --mdc-plain-tooltip-container-color: #616161;
  --mdc-plain-tooltip-supporting-text-color: #fff;
  --mdc-filled-text-field-active-indicator-height: 1px;
  --mdc-filled-text-field-focus-active-indicator-height: 2px;
  --mdc-filled-text-field-container-shape: 4px;
  --mdc-outlined-text-field-outline-width: 1px;
  --mdc-outlined-text-field-focus-outline-width: 2px;
  --mdc-outlined-text-field-container-shape: 4px;
  --mdc-filled-text-field-caret-color: #066bf1;
  --mdc-filled-text-field-focus-active-indicator-color: #066bf1;
  --mdc-filled-text-field-focus-label-text-color: rgba(6, 107, 241, 0.87);
  --mdc-filled-text-field-container-color: whitesmoke;
  --mdc-filled-text-field-disabled-container-color: #fafafa;
  --mdc-filled-text-field-label-text-color: rgba(0, 0, 0, 0.6);
  --mdc-filled-text-field-hover-label-text-color: rgba(0, 0, 0, 0.6);
  --mdc-filled-text-field-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mdc-filled-text-field-input-text-color: rgba(0, 0, 0, 0.87);
  --mdc-filled-text-field-disabled-input-text-color: rgba(0, 0, 0, 0.38);
  --mdc-filled-text-field-input-text-placeholder-color: rgba(0, 0, 0, 0.6);
  --mdc-filled-text-field-error-hover-label-text-color: #e74c3c;
  --mdc-filled-text-field-error-focus-label-text-color: #e74c3c;
  --mdc-filled-text-field-error-label-text-color: #e74c3c;
  --mdc-filled-text-field-error-caret-color: #e74c3c;
  --mdc-filled-text-field-active-indicator-color: rgba(0, 0, 0, 0.42);
  --mdc-filled-text-field-disabled-active-indicator-color: rgba(0, 0, 0, 0.06);
  --mdc-filled-text-field-hover-active-indicator-color: rgba(0, 0, 0, 0.87);
  --mdc-filled-text-field-error-active-indicator-color: #e74c3c;
  --mdc-filled-text-field-error-focus-active-indicator-color: #e74c3c;
  --mdc-filled-text-field-error-hover-active-indicator-color: #e74c3c;
  --mdc-outlined-text-field-caret-color: #066bf1;
  --mdc-outlined-text-field-focus-outline-color: #066bf1;
  --mdc-outlined-text-field-focus-label-text-color: rgba(6, 107, 241, 0.87);
  --mdc-outlined-text-field-label-text-color: rgba(0, 0, 0, 0.6);
  --mdc-outlined-text-field-hover-label-text-color: rgba(0, 0, 0, 0.6);
  --mdc-outlined-text-field-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mdc-outlined-text-field-input-text-color: rgba(0, 0, 0, 0.87);
  --mdc-outlined-text-field-disabled-input-text-color: rgba(0, 0, 0, 0.38);
  --mdc-outlined-text-field-input-text-placeholder-color: rgba(0, 0, 0, 0.6);
  --mdc-outlined-text-field-error-caret-color: #e74c3c;
  --mdc-outlined-text-field-error-focus-label-text-color: #e74c3c;
  --mdc-outlined-text-field-error-label-text-color: #e74c3c;
  --mdc-outlined-text-field-error-hover-label-text-color: #e74c3c;
  --mdc-outlined-text-field-outline-color: rgba(0, 0, 0, 0.38);
  --mdc-outlined-text-field-disabled-outline-color: rgba(0, 0, 0, 0.06);
  --mdc-outlined-text-field-hover-outline-color: rgba(0, 0, 0, 0.87);
  --mdc-outlined-text-field-error-focus-outline-color: #e74c3c;
  --mdc-outlined-text-field-error-hover-outline-color: #e74c3c;
  --mdc-outlined-text-field-error-outline-color: #e74c3c;
  --mat-form-field-focus-select-arrow-color: rgba(6, 107, 241, 0.87);
  --mat-form-field-disabled-input-text-placeholder-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-error-text-color: #e74c3c;
  --mat-form-field-select-option-text-color: inherit;
  --mat-form-field-select-disabled-option-text-color: GrayText;
  --mat-form-field-leading-icon-color: unset;
  --mat-form-field-disabled-leading-icon-color: unset;
  --mat-form-field-trailing-icon-color: unset;
  --mat-form-field-disabled-trailing-icon-color: unset;
  --mat-form-field-error-focus-trailing-icon-color: unset;
  --mat-form-field-error-hover-trailing-icon-color: unset;
  --mat-form-field-error-trailing-icon-color: unset;
  --mat-form-field-enabled-select-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-disabled-select-arrow-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-hover-state-layer-opacity: 0.04;
  --mat-form-field-focus-state-layer-opacity: 0.08;
}

.mat-mdc-form-field.mat-accent {
  --mdc-filled-text-field-caret-color: #784fff;
  --mdc-filled-text-field-focus-active-indicator-color: #784fff;
  --mdc-filled-text-field-focus-label-text-color: rgba(120, 79, 255, 0.87);
  --mdc-outlined-text-field-caret-color: #784fff;
  --mdc-outlined-text-field-focus-outline-color: #784fff;
  --mdc-outlined-text-field-focus-label-text-color: rgba(120, 79, 255, 0.87);
  --mat-form-field-focus-select-arrow-color: rgba(120, 79, 255, 0.87);
}

.mat-mdc-form-field.mat-warn {
  --mdc-filled-text-field-caret-color: #e74c3c;
  --mdc-filled-text-field-focus-active-indicator-color: #e74c3c;
  --mdc-filled-text-field-focus-label-text-color: rgba(231, 76, 60, 0.87);
  --mdc-outlined-text-field-caret-color: #e74c3c;
  --mdc-outlined-text-field-focus-outline-color: #e74c3c;
  --mdc-outlined-text-field-focus-label-text-color: rgba(231, 76, 60, 0.87);
  --mat-form-field-focus-select-arrow-color: rgba(231, 76, 60, 0.87);
}

html {
  --mat-form-field-container-height: 56px;
  --mat-form-field-filled-label-display: block;
  --mat-form-field-container-vertical-padding: 16px;
  --mat-form-field-filled-with-label-container-padding-top: 24px;
  --mat-form-field-filled-with-label-container-padding-bottom: 8px;
  --mat-select-container-elevation-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-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: rgba(0, 0, 0, 0.38);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.6);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: rgba(0, 0, 0, 0.38);
  --mat-select-focused-arrow-color: rgba(6, 107, 241, 0.87);
  --mat-select-invalid-arrow-color: rgba(231, 76, 60, 0.87);
}
html .mat-mdc-form-field.mat-accent {
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: rgba(0, 0, 0, 0.38);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.6);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: rgba(0, 0, 0, 0.38);
  --mat-select-focused-arrow-color: rgba(120, 79, 255, 0.87);
  --mat-select-invalid-arrow-color: rgba(231, 76, 60, 0.87);
}
html .mat-mdc-form-field.mat-warn {
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: rgba(0, 0, 0, 0.38);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.6);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: rgba(0, 0, 0, 0.38);
  --mat-select-focused-arrow-color: rgba(231, 76, 60, 0.87);
  --mat-select-invalid-arrow-color: rgba(231, 76, 60, 0.87);
}

html {
  --mat-select-arrow-transform: translateY(-8px);
  --mat-autocomplete-container-shape: 4px;
  --mat-autocomplete-container-elevation-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-autocomplete-background-color: white;
  --mdc-dialog-container-elevation-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);
  --mdc-dialog-container-shadow-color: #000;
  --mdc-dialog-container-shape: 4px;
  --mat-dialog-container-max-width: 80vw;
  --mat-dialog-container-small-max-width: 80vw;
  --mat-dialog-container-min-width: 0;
  --mat-dialog-actions-alignment: start;
  --mat-dialog-actions-padding: 8px;
  --mat-dialog-content-padding: 20px 24px;
  --mat-dialog-with-actions-content-padding: 20px 24px;
  --mat-dialog-headline-padding: 0 24px 9px;
  --mdc-dialog-container-color: white;
  --mdc-dialog-subhead-color: rgba(0, 0, 0, 0.87);
  --mdc-dialog-supporting-text-color: rgba(0, 0, 0, 0.6);
}

.mat-mdc-standard-chip {
  --mdc-chip-container-shape-family: rounded;
  --mdc-chip-container-shape-radius: 16px 16px 16px 16px;
  --mdc-chip-with-avatar-avatar-shape-family: rounded;
  --mdc-chip-with-avatar-avatar-shape-radius: 14px 14px 14px 14px;
  --mdc-chip-with-avatar-avatar-size: 28px;
  --mdc-chip-with-icon-icon-size: 18px;
  --mdc-chip-outline-width: 0;
  --mdc-chip-outline-color: transparent;
  --mdc-chip-disabled-outline-color: transparent;
  --mdc-chip-focus-outline-color: transparent;
  --mdc-chip-hover-state-layer-opacity: 0.04;
  --mdc-chip-with-avatar-disabled-avatar-opacity: 1;
  --mdc-chip-flat-selected-outline-width: 0;
  --mdc-chip-selected-hover-state-layer-opacity: 0.04;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-opacity: 1;
  --mdc-chip-with-icon-disabled-icon-opacity: 1;
  --mat-chip-disabled-container-opacity: 0.4;
  --mat-chip-trailing-action-opacity: 0.54;
  --mat-chip-trailing-action-focus-opacity: 1;
  --mat-chip-trailing-action-state-layer-color: transparent;
  --mat-chip-selected-trailing-action-state-layer-color: transparent;
  --mat-chip-trailing-action-hover-state-layer-opacity: 0;
  --mat-chip-trailing-action-focus-state-layer-opacity: 0;
  --mdc-chip-disabled-label-text-color: #212121;
  --mdc-chip-elevated-container-color: #e0e0e0;
  --mdc-chip-elevated-selected-container-color: #e0e0e0;
  --mdc-chip-elevated-disabled-container-color: #e0e0e0;
  --mdc-chip-flat-disabled-selected-container-color: #e0e0e0;
  --mdc-chip-focus-state-layer-color: black;
  --mdc-chip-hover-state-layer-color: black;
  --mdc-chip-selected-hover-state-layer-color: black;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-selected-focus-state-layer-color: black;
  --mdc-chip-selected-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: #212121;
  --mdc-chip-selected-label-text-color: #212121;
  --mdc-chip-with-icon-icon-color: #212121;
  --mdc-chip-with-icon-disabled-icon-color: #212121;
  --mdc-chip-with-icon-selected-icon-color: #212121;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: #212121;
  --mdc-chip-with-trailing-icon-trailing-icon-color: #212121;
  --mat-chip-selected-disabled-trailing-icon-color: #212121;
  --mat-chip-selected-trailing-icon-color: #212121;
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary, .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mdc-chip-disabled-label-text-color: white;
  --mdc-chip-elevated-container-color: #066bf1;
  --mdc-chip-elevated-selected-container-color: #066bf1;
  --mdc-chip-elevated-disabled-container-color: #066bf1;
  --mdc-chip-flat-disabled-selected-container-color: #066bf1;
  --mdc-chip-focus-state-layer-color: black;
  --mdc-chip-hover-state-layer-color: black;
  --mdc-chip-selected-hover-state-layer-color: black;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-selected-focus-state-layer-color: black;
  --mdc-chip-selected-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: white;
  --mdc-chip-selected-label-text-color: white;
  --mdc-chip-with-icon-icon-color: white;
  --mdc-chip-with-icon-disabled-icon-color: white;
  --mdc-chip-with-icon-selected-icon-color: white;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mdc-chip-with-trailing-icon-trailing-icon-color: white;
  --mat-chip-selected-disabled-trailing-icon-color: white;
  --mat-chip-selected-trailing-icon-color: white;
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent, .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mdc-chip-disabled-label-text-color: white;
  --mdc-chip-elevated-container-color: #784fff;
  --mdc-chip-elevated-selected-container-color: #784fff;
  --mdc-chip-elevated-disabled-container-color: #784fff;
  --mdc-chip-flat-disabled-selected-container-color: #784fff;
  --mdc-chip-focus-state-layer-color: black;
  --mdc-chip-hover-state-layer-color: black;
  --mdc-chip-selected-hover-state-layer-color: black;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-selected-focus-state-layer-color: black;
  --mdc-chip-selected-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: white;
  --mdc-chip-selected-label-text-color: white;
  --mdc-chip-with-icon-icon-color: white;
  --mdc-chip-with-icon-disabled-icon-color: white;
  --mdc-chip-with-icon-selected-icon-color: white;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mdc-chip-with-trailing-icon-trailing-icon-color: white;
  --mat-chip-selected-disabled-trailing-icon-color: white;
  --mat-chip-selected-trailing-icon-color: white;
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn, .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mdc-chip-disabled-label-text-color: white;
  --mdc-chip-elevated-container-color: #e74c3c;
  --mdc-chip-elevated-selected-container-color: #e74c3c;
  --mdc-chip-elevated-disabled-container-color: #e74c3c;
  --mdc-chip-flat-disabled-selected-container-color: #e74c3c;
  --mdc-chip-focus-state-layer-color: black;
  --mdc-chip-hover-state-layer-color: black;
  --mdc-chip-selected-hover-state-layer-color: black;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-selected-focus-state-layer-color: black;
  --mdc-chip-selected-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: white;
  --mdc-chip-selected-label-text-color: white;
  --mdc-chip-with-icon-icon-color: white;
  --mdc-chip-with-icon-disabled-icon-color: white;
  --mdc-chip-with-icon-selected-icon-color: white;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mdc-chip-with-trailing-icon-trailing-icon-color: white;
  --mat-chip-selected-disabled-trailing-icon-color: white;
  --mat-chip-selected-trailing-icon-color: white;
}

.mat-mdc-chip.mat-mdc-standard-chip {
  --mdc-chip-container-height: 32px;
}

html {
  --mdc-switch-disabled-selected-icon-opacity: 0.38;
  --mdc-switch-disabled-track-opacity: 0.12;
  --mdc-switch-disabled-unselected-icon-opacity: 0.38;
  --mdc-switch-handle-height: 20px;
  --mdc-switch-handle-shape: 10px;
  --mdc-switch-handle-width: 20px;
  --mdc-switch-selected-icon-size: 18px;
  --mdc-switch-track-height: 14px;
  --mdc-switch-track-shape: 7px;
  --mdc-switch-track-width: 36px;
  --mdc-switch-unselected-icon-size: 18px;
  --mdc-switch-selected-focus-state-layer-opacity: 0.12;
  --mdc-switch-selected-hover-state-layer-opacity: 0.04;
  --mdc-switch-selected-pressed-state-layer-opacity: 0.1;
  --mdc-switch-unselected-focus-state-layer-opacity: 0.12;
  --mdc-switch-unselected-hover-state-layer-opacity: 0.04;
  --mdc-switch-unselected-pressed-state-layer-opacity: 0.1;
  --mat-switch-disabled-selected-handle-opacity: 0.38;
  --mat-switch-disabled-unselected-handle-opacity: 0.38;
  --mat-switch-unselected-handle-size: 20px;
  --mat-switch-selected-handle-size: 20px;
  --mat-switch-pressed-handle-size: 20px;
  --mat-switch-with-icon-handle-size: 20px;
  --mat-switch-selected-handle-horizontal-margin: 0;
  --mat-switch-selected-with-icon-handle-horizontal-margin: 0;
  --mat-switch-selected-pressed-handle-horizontal-margin: 0;
  --mat-switch-unselected-handle-horizontal-margin: 0;
  --mat-switch-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-switch-unselected-pressed-handle-horizontal-margin: 0;
  --mat-switch-visible-track-opacity: 1;
  --mat-switch-hidden-track-opacity: 1;
  --mat-switch-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-switch-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-switch-track-outline-width: 1px;
  --mat-switch-track-outline-color: transparent;
  --mat-switch-selected-track-outline-width: 1px;
  --mat-switch-disabled-unselected-track-outline-width: 1px;
  --mat-switch-disabled-unselected-track-outline-color: transparent;
  --mdc-switch-selected-focus-state-layer-color: #055cce;
  --mdc-switch-selected-handle-color: #055cce;
  --mdc-switch-selected-hover-state-layer-color: #055cce;
  --mdc-switch-selected-pressed-state-layer-color: #055cce;
  --mdc-switch-selected-focus-handle-color: #023065;
  --mdc-switch-selected-hover-handle-color: #023065;
  --mdc-switch-selected-pressed-handle-color: #023065;
  --mdc-switch-selected-focus-track-color: #76b5f6;
  --mdc-switch-selected-hover-track-color: #76b5f6;
  --mdc-switch-selected-pressed-track-color: #76b5f6;
  --mdc-switch-selected-track-color: #76b5f6;
  --mdc-switch-disabled-selected-handle-color: #424242;
  --mdc-switch-disabled-selected-icon-color: #fff;
  --mdc-switch-disabled-selected-track-color: #424242;
  --mdc-switch-disabled-unselected-handle-color: #424242;
  --mdc-switch-disabled-unselected-icon-color: #fff;
  --mdc-switch-disabled-unselected-track-color: #424242;
  --mdc-switch-handle-surface-color: var(--mdc-theme-surface, #fff);
  --mdc-switch-handle-elevation-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mdc-switch-handle-shadow-color: black;
  --mdc-switch-disabled-handle-elevation-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mdc-switch-selected-icon-color: #fff;
  --mdc-switch-unselected-focus-handle-color: #212121;
  --mdc-switch-unselected-focus-state-layer-color: #424242;
  --mdc-switch-unselected-focus-track-color: #e0e0e0;
  --mdc-switch-unselected-handle-color: #616161;
  --mdc-switch-unselected-hover-handle-color: #212121;
  --mdc-switch-unselected-hover-state-layer-color: #424242;
  --mdc-switch-unselected-hover-track-color: #e0e0e0;
  --mdc-switch-unselected-icon-color: #fff;
  --mdc-switch-unselected-pressed-handle-color: #212121;
  --mdc-switch-unselected-pressed-state-layer-color: #424242;
  --mdc-switch-unselected-pressed-track-color: #e0e0e0;
  --mdc-switch-unselected-track-color: #e0e0e0;
  --mdc-switch-disabled-label-text-color: rgba(0, 0, 0, 0.38);
}
html .mat-mdc-slide-toggle {
  --mdc-form-field-label-text-color: rgba(0, 0, 0, 0.87);
}
html .mat-mdc-slide-toggle.mat-accent {
  --mdc-switch-selected-focus-state-layer-color: #623fd4;
  --mdc-switch-selected-handle-color: #623fd4;
  --mdc-switch-selected-hover-state-layer-color: #623fd4;
  --mdc-switch-selected-pressed-state-layer-color: #623fd4;
  --mdc-switch-selected-focus-handle-color: #2c1f63;
  --mdc-switch-selected-hover-handle-color: #2c1f63;
  --mdc-switch-selected-pressed-handle-color: #2c1f63;
  --mdc-switch-selected-focus-track-color: #b599ff;
  --mdc-switch-selected-hover-track-color: #b599ff;
  --mdc-switch-selected-pressed-track-color: #b599ff;
  --mdc-switch-selected-track-color: #b599ff;
}
html .mat-mdc-slide-toggle.mat-warn {
  --mdc-switch-selected-focus-state-layer-color: #d44336;
  --mdc-switch-selected-handle-color: #d44336;
  --mdc-switch-selected-hover-state-layer-color: #d44336;
  --mdc-switch-selected-pressed-state-layer-color: #d44336;
  --mdc-switch-selected-focus-handle-color: #822926;
  --mdc-switch-selected-hover-handle-color: #822926;
  --mdc-switch-selected-pressed-handle-color: #822926;
  --mdc-switch-selected-focus-track-color: #f5b8b1;
  --mdc-switch-selected-hover-track-color: #f5b8b1;
  --mdc-switch-selected-pressed-track-color: #f5b8b1;
  --mdc-switch-selected-track-color: #f5b8b1;
}

html {
  --mdc-switch-state-layer-size: 40px;
  --mdc-radio-disabled-selected-icon-opacity: 0.38;
  --mdc-radio-disabled-unselected-icon-opacity: 0.38;
  --mdc-radio-state-layer-size: 40px;
}

.mat-mdc-radio-button {
  --mdc-form-field-label-text-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-radio-button.mat-primary {
  --mdc-radio-disabled-selected-icon-color: black;
  --mdc-radio-disabled-unselected-icon-color: black;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: #066bf1;
  --mdc-radio-selected-hover-icon-color: #066bf1;
  --mdc-radio-selected-icon-color: #066bf1;
  --mdc-radio-selected-pressed-icon-color: #066bf1;
  --mat-radio-ripple-color: black;
  --mat-radio-checked-ripple-color: #066bf1;
  --mat-radio-disabled-label-color: rgba(0, 0, 0, 0.38);
}
.mat-mdc-radio-button.mat-accent {
  --mdc-radio-disabled-selected-icon-color: black;
  --mdc-radio-disabled-unselected-icon-color: black;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: #784fff;
  --mdc-radio-selected-hover-icon-color: #784fff;
  --mdc-radio-selected-icon-color: #784fff;
  --mdc-radio-selected-pressed-icon-color: #784fff;
  --mat-radio-ripple-color: black;
  --mat-radio-checked-ripple-color: #784fff;
  --mat-radio-disabled-label-color: rgba(0, 0, 0, 0.38);
}
.mat-mdc-radio-button.mat-warn {
  --mdc-radio-disabled-selected-icon-color: black;
  --mdc-radio-disabled-unselected-icon-color: black;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: #e74c3c;
  --mdc-radio-selected-hover-icon-color: #e74c3c;
  --mdc-radio-selected-icon-color: #e74c3c;
  --mdc-radio-selected-pressed-icon-color: #e74c3c;
  --mat-radio-ripple-color: black;
  --mat-radio-checked-ripple-color: #e74c3c;
  --mat-radio-disabled-label-color: rgba(0, 0, 0, 0.38);
}

html {
  --mdc-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
  --mat-slider-value-indicator-width: auto;
  --mat-slider-value-indicator-height: 32px;
  --mat-slider-value-indicator-caret-display: block;
  --mat-slider-value-indicator-border-radius: 4px;
  --mat-slider-value-indicator-padding: 0 12px;
  --mat-slider-value-indicator-text-transform: none;
  --mat-slider-value-indicator-container-transform: translateX(-50%);
  --mdc-slider-active-track-height: 6px;
  --mdc-slider-active-track-shape: 9999px;
  --mdc-slider-handle-height: 20px;
  --mdc-slider-handle-shape: 50%;
  --mdc-slider-handle-width: 20px;
  --mdc-slider-inactive-track-height: 4px;
  --mdc-slider-inactive-track-shape: 9999px;
  --mdc-slider-with-overlap-handle-outline-width: 1px;
  --mdc-slider-with-tick-marks-active-container-opacity: 0.6;
  --mdc-slider-with-tick-marks-container-shape: 50%;
  --mdc-slider-with-tick-marks-container-size: 2px;
  --mdc-slider-with-tick-marks-inactive-container-opacity: 0.6;
  --mdc-slider-handle-color: #066bf1;
  --mdc-slider-focus-handle-color: #066bf1;
  --mdc-slider-hover-handle-color: #066bf1;
  --mdc-slider-active-track-color: #066bf1;
  --mdc-slider-inactive-track-color: #066bf1;
  --mdc-slider-with-tick-marks-inactive-container-color: #066bf1;
  --mdc-slider-with-tick-marks-active-container-color: white;
  --mdc-slider-disabled-active-track-color: #000;
  --mdc-slider-disabled-handle-color: #000;
  --mdc-slider-disabled-inactive-track-color: #000;
  --mdc-slider-label-container-color: #000;
  --mdc-slider-label-label-text-color: #fff;
  --mdc-slider-with-overlap-handle-outline-color: #fff;
  --mdc-slider-with-tick-marks-disabled-container-color: #000;
  --mdc-slider-handle-elevation: 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-slider-ripple-color: #066bf1;
  --mat-slider-hover-state-layer-color: rgba(6, 107, 241, 0.05);
  --mat-slider-focus-state-layer-color: rgba(6, 107, 241, 0.2);
  --mat-slider-value-indicator-opacity: 0.6;
}
html .mat-accent {
  --mat-slider-ripple-color: #784fff;
  --mat-slider-hover-state-layer-color: rgba(120, 79, 255, 0.05);
  --mat-slider-focus-state-layer-color: rgba(120, 79, 255, 0.2);
  --mdc-slider-handle-color: #784fff;
  --mdc-slider-focus-handle-color: #784fff;
  --mdc-slider-hover-handle-color: #784fff;
  --mdc-slider-active-track-color: #784fff;
  --mdc-slider-inactive-track-color: #784fff;
  --mdc-slider-with-tick-marks-inactive-container-color: #784fff;
  --mdc-slider-with-tick-marks-active-container-color: white;
}
html .mat-warn {
  --mat-slider-ripple-color: #e74c3c;
  --mat-slider-hover-state-layer-color: rgba(231, 76, 60, 0.05);
  --mat-slider-focus-state-layer-color: rgba(231, 76, 60, 0.2);
  --mdc-slider-handle-color: #e74c3c;
  --mdc-slider-focus-handle-color: #e74c3c;
  --mdc-slider-hover-handle-color: #e74c3c;
  --mdc-slider-active-track-color: #e74c3c;
  --mdc-slider-inactive-track-color: #e74c3c;
  --mdc-slider-with-tick-marks-inactive-container-color: #e74c3c;
  --mdc-slider-with-tick-marks-active-container-color: white;
}

html {
  --mat-menu-container-shape: 4px;
  --mat-menu-divider-bottom-spacing: 0;
  --mat-menu-divider-top-spacing: 0;
  --mat-menu-item-spacing: 16px;
  --mat-menu-item-icon-size: 24px;
  --mat-menu-item-leading-spacing: 16px;
  --mat-menu-item-trailing-spacing: 16px;
  --mat-menu-item-with-icon-leading-spacing: 16px;
  --mat-menu-item-with-icon-trailing-spacing: 16px;
  --mat-menu-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-menu-item-icon-color: rgba(0, 0, 0, 0.87);
  --mat-menu-item-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-menu-item-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-menu-container-color: white;
  --mat-menu-divider-color: rgba(0, 0, 0, 0.12);
  --mdc-list-list-item-container-shape: 0;
  --mdc-list-list-item-leading-avatar-shape: 50%;
  --mdc-list-list-item-container-color: transparent;
  --mdc-list-list-item-selected-container-color: transparent;
  --mdc-list-list-item-leading-avatar-color: transparent;
  --mdc-list-list-item-leading-icon-size: 24px;
  --mdc-list-list-item-leading-avatar-size: 40px;
  --mdc-list-list-item-trailing-icon-size: 24px;
  --mdc-list-list-item-disabled-state-layer-color: transparent;
  --mdc-list-list-item-disabled-state-layer-opacity: 0;
  --mdc-list-list-item-disabled-label-text-opacity: 0.38;
  --mdc-list-list-item-disabled-leading-icon-opacity: 0.38;
  --mdc-list-list-item-disabled-trailing-icon-opacity: 0.38;
  --mat-list-active-indicator-color: transparent;
  --mat-list-active-indicator-shape: 4px;
  --mdc-list-list-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mdc-list-list-item-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mdc-list-list-item-leading-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-trailing-supporting-text-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-trailing-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-selected-trailing-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-disabled-label-text-color: black;
  --mdc-list-list-item-disabled-leading-icon-color: black;
  --mdc-list-list-item-disabled-trailing-icon-color: black;
  --mdc-list-list-item-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mdc-list-list-item-hover-leading-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-hover-trailing-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-focus-label-text-color: rgba(0, 0, 0, 0.87);
  --mdc-list-list-item-hover-state-layer-color: black;
  --mdc-list-list-item-hover-state-layer-opacity: 0.04;
  --mdc-list-list-item-focus-state-layer-color: black;
  --mdc-list-list-item-focus-state-layer-opacity: 0.12;
}

.mdc-list-item__start,
.mdc-list-item__end {
  --mdc-radio-disabled-selected-icon-color: black;
  --mdc-radio-disabled-unselected-icon-color: black;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: #066bf1;
  --mdc-radio-selected-hover-icon-color: #066bf1;
  --mdc-radio-selected-icon-color: #066bf1;
  --mdc-radio-selected-pressed-icon-color: #066bf1;
}

.mat-accent .mdc-list-item__start,
.mat-accent .mdc-list-item__end {
  --mdc-radio-disabled-selected-icon-color: black;
  --mdc-radio-disabled-unselected-icon-color: black;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: #784fff;
  --mdc-radio-selected-hover-icon-color: #784fff;
  --mdc-radio-selected-icon-color: #784fff;
  --mdc-radio-selected-pressed-icon-color: #784fff;
}

.mat-warn .mdc-list-item__start,
.mat-warn .mdc-list-item__end {
  --mdc-radio-disabled-selected-icon-color: black;
  --mdc-radio-disabled-unselected-icon-color: black;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: #e74c3c;
  --mdc-radio-selected-hover-icon-color: #e74c3c;
  --mdc-radio-selected-icon-color: #e74c3c;
  --mdc-radio-selected-pressed-icon-color: #e74c3c;
}

.mat-mdc-list-option {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #066bf1;
  --mdc-checkbox-selected-hover-icon-color: #066bf1;
  --mdc-checkbox-selected-icon-color: #066bf1;
  --mdc-checkbox-selected-pressed-icon-color: #066bf1;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #066bf1;
  --mdc-checkbox-selected-hover-state-layer-color: #066bf1;
  --mdc-checkbox-selected-pressed-state-layer-color: #066bf1;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}

.mat-mdc-list-option.mat-accent {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #784fff;
  --mdc-checkbox-selected-hover-icon-color: #784fff;
  --mdc-checkbox-selected-icon-color: #784fff;
  --mdc-checkbox-selected-pressed-icon-color: #784fff;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #784fff;
  --mdc-checkbox-selected-hover-state-layer-color: #784fff;
  --mdc-checkbox-selected-pressed-state-layer-color: #784fff;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}

.mat-mdc-list-option.mat-warn {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #e74c3c;
  --mdc-checkbox-selected-hover-icon-color: #e74c3c;
  --mdc-checkbox-selected-icon-color: #e74c3c;
  --mdc-checkbox-selected-pressed-icon-color: #e74c3c;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #e74c3c;
  --mdc-checkbox-selected-hover-state-layer-color: #e74c3c;
  --mdc-checkbox-selected-pressed-state-layer-color: #e74c3c;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}

.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text {
  color: #066bf1;
}
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected.mdc-list-item--with-leading-icon .mdc-list-item__start,
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated.mdc-list-item--with-leading-icon .mdc-list-item__start {
  color: #066bf1;
}

.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end {
  opacity: 1;
}

html {
  --mdc-list-list-item-one-line-container-height: 48px;
  --mdc-list-list-item-two-line-container-height: 64px;
  --mdc-list-list-item-three-line-container-height: 88px;
  --mat-list-list-item-leading-icon-start-space: 16px;
  --mat-list-list-item-leading-icon-end-space: 32px;
}

.mdc-list-item__start,
.mdc-list-item__end {
  --mdc-radio-state-layer-size: 40px;
}

.mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line, .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line, .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line {
  height: 56px;
}
.mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines, .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines, .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines {
  height: 72px;
}

html {
  --mat-paginator-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-paginator-container-background-color: white;
  --mat-paginator-enabled-icon-color: rgba(0, 0, 0, 0.54);
  --mat-paginator-disabled-icon-color: rgba(0, 0, 0, 0.12);
  --mat-paginator-container-size: 56px;
  --mat-paginator-form-field-container-height: 40px;
  --mat-paginator-form-field-container-vertical-padding: 8px;
  --mdc-tab-indicator-active-indicator-height: 2px;
  --mdc-tab-indicator-active-indicator-shape: 0;
  --mdc-secondary-navigation-tab-container-height: 48px;
  --mat-tab-header-divider-color: transparent;
  --mat-tab-header-divider-height: 0;
}

.mat-mdc-tab-group, .mat-mdc-tab-nav-bar {
  --mdc-tab-indicator-active-indicator-color: #066bf1;
  --mat-tab-header-disabled-ripple-color: rgba(0, 0, 0, 0.38);
  --mat-tab-header-pagination-icon-color: black;
  --mat-tab-header-inactive-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-label-text-color: #066bf1;
  --mat-tab-header-active-ripple-color: #066bf1;
  --mat-tab-header-inactive-ripple-color: #066bf1;
  --mat-tab-header-inactive-focus-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-inactive-hover-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-focus-label-text-color: #066bf1;
  --mat-tab-header-active-hover-label-text-color: #066bf1;
  --mat-tab-header-active-focus-indicator-color: #066bf1;
  --mat-tab-header-active-hover-indicator-color: #066bf1;
}
.mat-mdc-tab-group.mat-accent, .mat-mdc-tab-nav-bar.mat-accent {
  --mdc-tab-indicator-active-indicator-color: #784fff;
  --mat-tab-header-disabled-ripple-color: rgba(0, 0, 0, 0.38);
  --mat-tab-header-pagination-icon-color: black;
  --mat-tab-header-inactive-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-label-text-color: #784fff;
  --mat-tab-header-active-ripple-color: #784fff;
  --mat-tab-header-inactive-ripple-color: #784fff;
  --mat-tab-header-inactive-focus-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-inactive-hover-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-focus-label-text-color: #784fff;
  --mat-tab-header-active-hover-label-text-color: #784fff;
  --mat-tab-header-active-focus-indicator-color: #784fff;
  --mat-tab-header-active-hover-indicator-color: #784fff;
}
.mat-mdc-tab-group.mat-warn, .mat-mdc-tab-nav-bar.mat-warn {
  --mdc-tab-indicator-active-indicator-color: #e74c3c;
  --mat-tab-header-disabled-ripple-color: rgba(0, 0, 0, 0.38);
  --mat-tab-header-pagination-icon-color: black;
  --mat-tab-header-inactive-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-label-text-color: #e74c3c;
  --mat-tab-header-active-ripple-color: #e74c3c;
  --mat-tab-header-inactive-ripple-color: #e74c3c;
  --mat-tab-header-inactive-focus-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-inactive-hover-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-focus-label-text-color: #e74c3c;
  --mat-tab-header-active-hover-label-text-color: #e74c3c;
  --mat-tab-header-active-focus-indicator-color: #e74c3c;
  --mat-tab-header-active-hover-indicator-color: #e74c3c;
}
.mat-mdc-tab-group.mat-background-primary, .mat-mdc-tab-nav-bar.mat-background-primary {
  --mat-tab-header-with-background-background-color: #066bf1;
  --mat-tab-header-with-background-foreground-color: white;
}
.mat-mdc-tab-group.mat-background-accent, .mat-mdc-tab-nav-bar.mat-background-accent {
  --mat-tab-header-with-background-background-color: #784fff;
  --mat-tab-header-with-background-foreground-color: white;
}
.mat-mdc-tab-group.mat-background-warn, .mat-mdc-tab-nav-bar.mat-background-warn {
  --mat-tab-header-with-background-background-color: #e74c3c;
  --mat-tab-header-with-background-foreground-color: white;
}

.mat-mdc-tab-header {
  --mdc-secondary-navigation-tab-container-height: 48px;
}

html {
  --mdc-checkbox-disabled-selected-checkmark-color: #fff;
  --mdc-checkbox-selected-focus-state-layer-opacity: 0.16;
  --mdc-checkbox-selected-hover-state-layer-opacity: 0.04;
  --mdc-checkbox-selected-pressed-state-layer-opacity: 0.16;
  --mdc-checkbox-unselected-focus-state-layer-opacity: 0.16;
  --mdc-checkbox-unselected-hover-state-layer-opacity: 0.04;
  --mdc-checkbox-unselected-pressed-state-layer-opacity: 0.16;
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #784fff;
  --mdc-checkbox-selected-hover-icon-color: #784fff;
  --mdc-checkbox-selected-icon-color: #784fff;
  --mdc-checkbox-selected-pressed-icon-color: #784fff;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #784fff;
  --mdc-checkbox-selected-hover-state-layer-color: #784fff;
  --mdc-checkbox-selected-pressed-state-layer-color: #784fff;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
  --mat-checkbox-disabled-label-color: rgba(0, 0, 0, 0.38);
}

.mat-mdc-checkbox {
  --mdc-form-field-label-text-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-checkbox.mat-primary {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #066bf1;
  --mdc-checkbox-selected-hover-icon-color: #066bf1;
  --mdc-checkbox-selected-icon-color: #066bf1;
  --mdc-checkbox-selected-pressed-icon-color: #066bf1;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #066bf1;
  --mdc-checkbox-selected-hover-state-layer-color: #066bf1;
  --mdc-checkbox-selected-pressed-state-layer-color: #066bf1;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}
.mat-mdc-checkbox.mat-warn {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #e74c3c;
  --mdc-checkbox-selected-hover-icon-color: #e74c3c;
  --mdc-checkbox-selected-icon-color: #e74c3c;
  --mdc-checkbox-selected-pressed-icon-color: #e74c3c;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #e74c3c;
  --mdc-checkbox-selected-hover-state-layer-color: #e74c3c;
  --mdc-checkbox-selected-pressed-state-layer-color: #e74c3c;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}

html {
  --mdc-checkbox-state-layer-size: 40px;
  --mat-checkbox-touch-target-display: block;
  --mdc-text-button-container-shape: 4px;
  --mdc-text-button-keep-touch-target: false;
  --mdc-filled-button-container-shape: 4px;
  --mdc-filled-button-keep-touch-target: false;
  --mdc-protected-button-container-shape: 4px;
  --mdc-protected-button-keep-touch-target: false;
  --mdc-outlined-button-keep-touch-target: false;
  --mdc-outlined-button-outline-width: 1px;
  --mdc-outlined-button-container-shape: 4px;
  --mat-text-button-horizontal-padding: 8px;
  --mat-text-button-with-icon-horizontal-padding: 8px;
  --mat-text-button-icon-spacing: 8px;
  --mat-text-button-icon-offset: 0;
  --mat-filled-button-horizontal-padding: 16px;
  --mat-filled-button-icon-spacing: 8px;
  --mat-filled-button-icon-offset: -4px;
  --mat-protected-button-horizontal-padding: 16px;
  --mat-protected-button-icon-spacing: 8px;
  --mat-protected-button-icon-offset: -4px;
  --mat-outlined-button-horizontal-padding: 15px;
  --mat-outlined-button-icon-spacing: 8px;
  --mat-outlined-button-icon-offset: -4px;
  --mdc-text-button-label-text-color: black;
  --mdc-text-button-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mat-text-button-state-layer-color: black;
  --mat-text-button-disabled-state-layer-color: black;
  --mat-text-button-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-text-button-hover-state-layer-opacity: 0.04;
  --mat-text-button-focus-state-layer-opacity: 0.12;
  --mat-text-button-pressed-state-layer-opacity: 0.12;
  --mdc-filled-button-container-color: white;
  --mdc-filled-button-label-text-color: black;
  --mdc-filled-button-disabled-container-color: rgba(0, 0, 0, 0.12);
  --mdc-filled-button-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mat-filled-button-state-layer-color: black;
  --mat-filled-button-disabled-state-layer-color: black;
  --mat-filled-button-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-filled-button-hover-state-layer-opacity: 0.04;
  --mat-filled-button-focus-state-layer-opacity: 0.12;
  --mat-filled-button-pressed-state-layer-opacity: 0.12;
  --mdc-protected-button-container-color: white;
  --mdc-protected-button-label-text-color: black;
  --mdc-protected-button-disabled-container-color: rgba(0, 0, 0, 0.12);
  --mdc-protected-button-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mdc-protected-button-container-elevation-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);
  --mdc-protected-button-disabled-container-elevation-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-focus-container-elevation-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);
  --mdc-protected-button-hover-container-elevation-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);
  --mdc-protected-button-pressed-container-elevation-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);
  --mdc-protected-button-container-shadow-color: #000;
  --mat-protected-button-state-layer-color: black;
  --mat-protected-button-disabled-state-layer-color: black;
  --mat-protected-button-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-protected-button-hover-state-layer-opacity: 0.04;
  --mat-protected-button-focus-state-layer-opacity: 0.12;
  --mat-protected-button-pressed-state-layer-opacity: 0.12;
  --mdc-outlined-button-disabled-outline-color: rgba(0, 0, 0, 0.12);
  --mdc-outlined-button-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mdc-outlined-button-label-text-color: black;
  --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.12);
  --mat-outlined-button-state-layer-color: black;
  --mat-outlined-button-disabled-state-layer-color: black;
  --mat-outlined-button-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-outlined-button-hover-state-layer-opacity: 0.04;
  --mat-outlined-button-focus-state-layer-opacity: 0.12;
  --mat-outlined-button-pressed-state-layer-opacity: 0.12;
}

.mat-mdc-button.mat-primary {
  --mdc-text-button-label-text-color: #066bf1;
  --mat-text-button-state-layer-color: #066bf1;
  --mat-text-button-ripple-color: rgba(6, 107, 241, 0.1);
}
.mat-mdc-button.mat-accent {
  --mdc-text-button-label-text-color: #784fff;
  --mat-text-button-state-layer-color: #784fff;
  --mat-text-button-ripple-color: rgba(120, 79, 255, 0.1);
}
.mat-mdc-button.mat-warn {
  --mdc-text-button-label-text-color: #e74c3c;
  --mat-text-button-state-layer-color: #e74c3c;
  --mat-text-button-ripple-color: rgba(231, 76, 60, 0.1);
}

.mat-mdc-unelevated-button.mat-primary {
  --mdc-filled-button-container-color: #066bf1;
  --mdc-filled-button-label-text-color: white;
  --mat-filled-button-state-layer-color: white;
  --mat-filled-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.mat-mdc-unelevated-button.mat-accent {
  --mdc-filled-button-container-color: #784fff;
  --mdc-filled-button-label-text-color: white;
  --mat-filled-button-state-layer-color: white;
  --mat-filled-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.mat-mdc-unelevated-button.mat-warn {
  --mdc-filled-button-container-color: #e74c3c;
  --mdc-filled-button-label-text-color: white;
  --mat-filled-button-state-layer-color: white;
  --mat-filled-button-ripple-color: rgba(255, 255, 255, 0.1);
}

.mat-mdc-raised-button.mat-primary {
  --mdc-protected-button-container-color: #066bf1;
  --mdc-protected-button-label-text-color: white;
  --mat-protected-button-state-layer-color: white;
  --mat-protected-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.mat-mdc-raised-button.mat-accent {
  --mdc-protected-button-container-color: #784fff;
  --mdc-protected-button-label-text-color: white;
  --mat-protected-button-state-layer-color: white;
  --mat-protected-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.mat-mdc-raised-button.mat-warn {
  --mdc-protected-button-container-color: #e74c3c;
  --mdc-protected-button-label-text-color: white;
  --mat-protected-button-state-layer-color: white;
  --mat-protected-button-ripple-color: rgba(255, 255, 255, 0.1);
}

.mat-mdc-outlined-button.mat-primary {
  --mdc-outlined-button-label-text-color: #066bf1;
  --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.12);
  --mat-outlined-button-state-layer-color: #066bf1;
  --mat-outlined-button-ripple-color: rgba(6, 107, 241, 0.1);
}
.mat-mdc-outlined-button.mat-accent {
  --mdc-outlined-button-label-text-color: #784fff;
  --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.12);
  --mat-outlined-button-state-layer-color: #784fff;
  --mat-outlined-button-ripple-color: rgba(120, 79, 255, 0.1);
}
.mat-mdc-outlined-button.mat-warn {
  --mdc-outlined-button-label-text-color: #e74c3c;
  --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.12);
  --mat-outlined-button-state-layer-color: #e74c3c;
  --mat-outlined-button-ripple-color: rgba(231, 76, 60, 0.1);
}

html {
  --mdc-text-button-container-height: 36px;
  --mdc-filled-button-container-height: 36px;
  --mdc-outlined-button-container-height: 36px;
  --mdc-protected-button-container-height: 36px;
  --mat-text-button-touch-target-display: block;
  --mat-filled-button-touch-target-display: block;
  --mat-protected-button-touch-target-display: block;
  --mat-outlined-button-touch-target-display: block;
  --mdc-icon-button-icon-size: 24px;
  --mdc-icon-button-icon-color: inherit;
  --mdc-icon-button-disabled-icon-color: rgba(0, 0, 0, 0.38);
  --mat-icon-button-state-layer-color: black;
  --mat-icon-button-disabled-state-layer-color: black;
  --mat-icon-button-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-icon-button-hover-state-layer-opacity: 0.04;
  --mat-icon-button-focus-state-layer-opacity: 0.12;
  --mat-icon-button-pressed-state-layer-opacity: 0.12;
}
html .mat-mdc-icon-button.mat-primary {
  --mdc-icon-button-icon-color: #066bf1;
  --mat-icon-button-state-layer-color: #066bf1;
  --mat-icon-button-ripple-color: rgba(6, 107, 241, 0.1);
}
html .mat-mdc-icon-button.mat-accent {
  --mdc-icon-button-icon-color: #784fff;
  --mat-icon-button-state-layer-color: #784fff;
  --mat-icon-button-ripple-color: rgba(120, 79, 255, 0.1);
}
html .mat-mdc-icon-button.mat-warn {
  --mdc-icon-button-icon-color: #e74c3c;
  --mat-icon-button-state-layer-color: #e74c3c;
  --mat-icon-button-ripple-color: rgba(231, 76, 60, 0.1);
}

html {
  --mat-icon-button-touch-target-display: block;
}

.mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 48px;
  width: var(--mdc-icon-button-state-layer-size);
  height: var(--mdc-icon-button-state-layer-size);
  padding: 12px;
}

html {
  --mdc-fab-container-shape: 50%;
  --mdc-fab-icon-size: 24px;
  --mdc-fab-small-container-shape: 50%;
  --mdc-fab-small-icon-size: 24px;
  --mdc-extended-fab-container-height: 48px;
  --mdc-extended-fab-container-shape: 24px;
  --mdc-fab-container-color: white;
  --mdc-fab-container-elevation-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);
  --mdc-fab-focus-container-elevation-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);
  --mdc-fab-hover-container-elevation-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);
  --mdc-fab-pressed-container-elevation-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);
  --mdc-fab-container-shadow-color: #000;
  --mat-fab-foreground-color: black;
  --mat-fab-state-layer-color: black;
  --mat-fab-disabled-state-layer-color: black;
  --mat-fab-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-fab-hover-state-layer-opacity: 0.04;
  --mat-fab-focus-state-layer-opacity: 0.12;
  --mat-fab-pressed-state-layer-opacity: 0.12;
  --mat-fab-disabled-state-container-color: rgba(0, 0, 0, 0.12);
  --mat-fab-disabled-state-foreground-color: rgba(0, 0, 0, 0.38);
  --mdc-fab-small-container-color: white;
  --mdc-fab-small-container-elevation-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);
  --mdc-fab-small-focus-container-elevation-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);
  --mdc-fab-small-hover-container-elevation-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);
  --mdc-fab-small-pressed-container-elevation-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);
  --mdc-fab-small-container-shadow-color: #000;
  --mat-fab-small-foreground-color: black;
  --mat-fab-small-state-layer-color: black;
  --mat-fab-small-disabled-state-layer-color: black;
  --mat-fab-small-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-fab-small-hover-state-layer-opacity: 0.04;
  --mat-fab-small-focus-state-layer-opacity: 0.12;
  --mat-fab-small-pressed-state-layer-opacity: 0.12;
  --mat-fab-small-disabled-state-container-color: rgba(0, 0, 0, 0.12);
  --mat-fab-small-disabled-state-foreground-color: rgba(0, 0, 0, 0.38);
  --mdc-extended-fab-container-elevation-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);
  --mdc-extended-fab-focus-container-elevation-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);
  --mdc-extended-fab-hover-container-elevation-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);
  --mdc-extended-fab-pressed-container-elevation-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);
  --mdc-extended-fab-container-shadow-color: #000;
}
html .mat-mdc-fab.mat-primary {
  --mdc-fab-container-color: #066bf1;
  --mat-fab-foreground-color: white;
  --mat-fab-state-layer-color: white;
  --mat-fab-ripple-color: rgba(255, 255, 255, 0.1);
}
html .mat-mdc-fab.mat-accent {
  --mdc-fab-container-color: #784fff;
  --mat-fab-foreground-color: white;
  --mat-fab-state-layer-color: white;
  --mat-fab-ripple-color: rgba(255, 255, 255, 0.1);
}
html .mat-mdc-fab.mat-warn {
  --mdc-fab-container-color: #e74c3c;
  --mat-fab-foreground-color: white;
  --mat-fab-state-layer-color: white;
  --mat-fab-ripple-color: rgba(255, 255, 255, 0.1);
}
html .mat-mdc-mini-fab.mat-primary {
  --mdc-fab-small-container-color: #066bf1;
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-state-layer-color: white;
  --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1);
}
html .mat-mdc-mini-fab.mat-accent {
  --mdc-fab-small-container-color: #784fff;
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-state-layer-color: white;
  --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1);
}
html .mat-mdc-mini-fab.mat-warn {
  --mdc-fab-small-container-color: #e74c3c;
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-state-layer-color: white;
  --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1);
}

html {
  --mat-fab-touch-target-display: block;
  --mat-fab-small-touch-target-display: block;
  --mdc-snackbar-container-shape: 4px;
  --mdc-snackbar-container-color: #333333;
  --mdc-snackbar-supporting-text-color: rgba(255, 255, 255, 0.87);
  --mat-snack-bar-button-color: #784fff;
  --mat-table-row-item-outline-width: 1px;
  --mat-table-background-color: white;
  --mat-table-header-headline-color: rgba(0, 0, 0, 0.87);
  --mat-table-row-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-table-row-item-outline-color: rgba(0, 0, 0, 0.12);
  --mat-table-header-container-height: 56px;
  --mat-table-footer-container-height: 52px;
  --mat-table-row-item-container-height: 52px;
  --mdc-circular-progress-active-indicator-width: 4px;
  --mdc-circular-progress-size: 48px;
  --mdc-circular-progress-active-indicator-color: #066bf1;
}
html .mat-accent {
  --mdc-circular-progress-active-indicator-color: #784fff;
}
html .mat-warn {
  --mdc-circular-progress-active-indicator-color: #e74c3c;
}

html {
  --mat-badge-container-shape: 50%;
  --mat-badge-container-size: unset;
  --mat-badge-small-size-container-size: unset;
  --mat-badge-large-size-container-size: unset;
  --mat-badge-legacy-container-size: 22px;
  --mat-badge-legacy-small-size-container-size: 16px;
  --mat-badge-legacy-large-size-container-size: 28px;
  --mat-badge-container-offset: -11px 0;
  --mat-badge-small-size-container-offset: -8px 0;
  --mat-badge-large-size-container-offset: -14px 0;
  --mat-badge-container-overlap-offset: -11px;
  --mat-badge-small-size-container-overlap-offset: -8px;
  --mat-badge-large-size-container-overlap-offset: -14px;
  --mat-badge-container-padding: 0;
  --mat-badge-small-size-container-padding: 0;
  --mat-badge-large-size-container-padding: 0;
  --mat-badge-background-color: #066bf1;
  --mat-badge-text-color: white;
  --mat-badge-disabled-state-background-color: #b9b9b9;
  --mat-badge-disabled-state-text-color: rgba(0, 0, 0, 0.38);
}

.mat-badge-accent {
  --mat-badge-background-color: #784fff;
  --mat-badge-text-color: white;
}

.mat-badge-warn {
  --mat-badge-background-color: #e74c3c;
  --mat-badge-text-color: white;
}

html {
  --mat-bottom-sheet-container-shape: 4px;
  --mat-bottom-sheet-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-bottom-sheet-container-background-color: white;
  --mat-legacy-button-toggle-height: 36px;
  --mat-legacy-button-toggle-shape: 2px;
  --mat-legacy-button-toggle-focus-state-layer-opacity: 1;
  --mat-standard-button-toggle-shape: 4px;
  --mat-standard-button-toggle-hover-state-layer-opacity: 0.04;
  --mat-standard-button-toggle-focus-state-layer-opacity: 0.12;
  --mat-legacy-button-toggle-text-color: rgba(0, 0, 0, 0.38);
  --mat-legacy-button-toggle-state-layer-color: rgba(0, 0, 0, 0.12);
  --mat-legacy-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.54);
  --mat-legacy-button-toggle-selected-state-background-color: #e0e0e0;
  --mat-legacy-button-toggle-disabled-state-text-color: rgba(0, 0, 0, 0.26);
  --mat-legacy-button-toggle-disabled-state-background-color: #eeeeee;
  --mat-legacy-button-toggle-disabled-selected-state-background-color: #bdbdbd;
  --mat-standard-button-toggle-text-color: rgba(0, 0, 0, 0.87);
  --mat-standard-button-toggle-background-color: white;
  --mat-standard-button-toggle-state-layer-color: black;
  --mat-standard-button-toggle-selected-state-background-color: #e0e0e0;
  --mat-standard-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-standard-button-toggle-disabled-state-text-color: rgba(0, 0, 0, 0.26);
  --mat-standard-button-toggle-disabled-state-background-color: white;
  --mat-standard-button-toggle-disabled-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-standard-button-toggle-disabled-selected-state-background-color: #bdbdbd;
  --mat-standard-button-toggle-divider-color: #e0e0e0;
  --mat-standard-button-toggle-height: 48px;
  --mat-datepicker-calendar-container-shape: 4px;
  --mat-datepicker-calendar-container-touch-shape: 4px;
  --mat-datepicker-calendar-container-elevation-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-datepicker-calendar-container-touch-elevation-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-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #066bf1;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(6, 107, 241, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(6, 107, 241, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(6, 107, 241, 0.3);
  --mat-datepicker-toggle-active-state-icon-color: #066bf1;
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(6, 107, 241, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e;
  --mat-datepicker-toggle-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-body-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-period-button-text-color: black;
  --mat-datepicker-calendar-period-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-navigation-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-header-divider-color: rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-header-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-date-today-outline-color: rgba(0, 0, 0, 0.38);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: rgba(0, 0, 0, 0.18);
  --mat-datepicker-calendar-date-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: rgba(0, 0, 0, 0.38);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.24);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: rgba(0, 0, 0, 0.38);
  --mat-datepicker-range-input-disabled-state-text-color: rgba(0, 0, 0, 0.38);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}

.mat-datepicker-content.mat-accent {
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #784fff;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(120, 79, 255, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(120, 79, 255, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(120, 79, 255, 0.3);
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(120, 79, 255, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e;
}
.mat-datepicker-content.mat-warn {
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #e74c3c;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(231, 76, 60, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(231, 76, 60, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(231, 76, 60, 0.3);
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(231, 76, 60, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e;
}

.mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-toggle-active-state-icon-color: #784fff;
}
.mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-toggle-active-state-icon-color: #e74c3c;
}

.mat-calendar-controls {
  --mat-icon-button-touch-target-display: none;
}
.mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 40px;
  width: var(--mdc-icon-button-state-layer-size);
  height: var(--mdc-icon-button-state-layer-size);
  padding: 8px;
}

html {
  --mat-divider-width: 1px;
  --mat-divider-color: rgba(0, 0, 0, 0.12);
  --mat-expansion-container-shape: 4px;
  --mat-expansion-legacy-header-indicator-display: inline-block;
  --mat-expansion-header-indicator-display: none;
  --mat-expansion-container-background-color: white;
  --mat-expansion-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-expansion-actions-divider-color: rgba(0, 0, 0, 0.12);
  --mat-expansion-header-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-expansion-header-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-expansion-header-disabled-state-text-color: rgba(0, 0, 0, 0.26);
  --mat-expansion-header-text-color: rgba(0, 0, 0, 0.87);
  --mat-expansion-header-description-color: rgba(0, 0, 0, 0.54);
  --mat-expansion-header-indicator-color: rgba(0, 0, 0, 0.54);
  --mat-expansion-header-collapsed-state-height: 48px;
  --mat-expansion-header-expanded-state-height: 64px;
  --mat-icon-color: inherit;
}

.mat-icon.mat-primary {
  --mat-icon-color: #066bf1;
}
.mat-icon.mat-accent {
  --mat-icon-color: #784fff;
}
.mat-icon.mat-warn {
  --mat-icon-color: #e74c3c;
}

html {
  --mat-sidenav-container-shape: 0;
  --mat-sidenav-container-elevation-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-sidenav-container-width: auto;
  --mat-sidenav-container-divider-color: rgba(0, 0, 0, 0.12);
  --mat-sidenav-container-background-color: white;
  --mat-sidenav-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-sidenav-content-background-color: #fafafa;
  --mat-sidenav-content-text-color: rgba(0, 0, 0, 0.87);
  --mat-sidenav-scrim-color: rgba(0, 0, 0, 0.6);
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #066bf1;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #066bf1;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #066bf1;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
  --mat-stepper-container-color: white;
  --mat-stepper-line-color: rgba(0, 0, 0, 0.12);
  --mat-stepper-header-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-stepper-header-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-stepper-header-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-optional-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-selected-state-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-stepper-header-error-state-label-text-color: #e74c3c;
  --mat-stepper-header-icon-background-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-error-state-icon-foreground-color: #e74c3c;
  --mat-stepper-header-error-state-icon-background-color: transparent;
}
html .mat-step-header.mat-accent {
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #784fff;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #784fff;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #784fff;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
}
html .mat-step-header.mat-warn {
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #e74c3c;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #e74c3c;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #e74c3c;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
}

html {
  --mat-stepper-header-height: 72px;
  --mat-sort-arrow-color: #757575;
  --mat-toolbar-container-background-color: whitesmoke;
  --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);
}

.mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color: #066bf1;
  --mat-toolbar-container-text-color: white;
}
.mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: #784fff;
  --mat-toolbar-container-text-color: white;
}
.mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: #e74c3c;
  --mat-toolbar-container-text-color: white;
}

html {
  --mat-toolbar-standard-height: 64px;
  --mat-toolbar-mobile-height: 56px;
  --mat-tree-container-background-color: white;
  --mat-tree-node-text-color: rgba(0, 0, 0, 0.87);
  --mat-tree-node-min-height: 48px;
}

/* Tailwind — token map sincronizado con webapp (tailwind.config.js) */
*, ::before, ::after{
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}
::backdrop{
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}
/* ! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com */
/*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/
*,
::before,
::after {
  box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: #e5e7eb; /* 2 */
}
::before,
::after {
  --tw-content: '';
}
/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS
*/
html,
:host {
  line-height: 1.5; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */ /* 3 */
  tab-size: 4; /* 3 */
  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */
  font-feature-settings: normal; /* 5 */
  font-variation-settings: normal; /* 6 */
  -webkit-tap-highlight-color: transparent; /* 7 */
}
/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/
body {
  margin: 0; /* 1 */
  line-height: inherit; /* 2 */
}
/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/
hr {
  height: 0; /* 1 */
  color: inherit; /* 2 */
  border-top-width: 1px; /* 3 */
}
/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/
abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}
/*
Remove the default font size and weight for headings.
*/
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}
/*
Reset links to optimize for opt-in styling instead of opt-out.
*/
a {
  color: inherit;
  text-decoration: inherit;
}
/*
Add the correct font weight in Edge and Safari.
*/
b,
strong {
  font-weight: bolder;
}
/*
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
  font-feature-settings: normal; /* 2 */
  font-variation-settings: normal; /* 3 */
  font-size: 1em; /* 4 */
}
/*
Add the correct font size in all browsers.
*/
small {
  font-size: 80%;
}
/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/
table {
  text-indent: 0; /* 1 */
  border-color: inherit; /* 2 */
  border-collapse: collapse; /* 3 */
}
/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/
button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-feature-settings: inherit; /* 1 */
  font-variation-settings: inherit; /* 1 */
  font-size: 100%; /* 1 */
  font-weight: inherit; /* 1 */
  line-height: inherit; /* 1 */
  letter-spacing: inherit; /* 1 */
  color: inherit; /* 1 */
  margin: 0; /* 2 */
  padding: 0; /* 3 */
}
/*
Remove the inheritance of text transform in Edge and Firefox.
*/
button,
select {
  text-transform: none;
}
/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/
button,
input:where([type='button']),
input:where([type='reset']),
input:where([type='submit']) {
  -webkit-appearance: button; /* 1 */
  background-color: transparent; /* 2 */
  background-image: none; /* 2 */
}
/*
Use the modern Firefox focus style for all focusable elements.
*/
:-moz-focusring {
  outline: auto;
}
/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/
:-moz-ui-invalid {
  box-shadow: none;
}
/*
Add the correct vertical alignment in Chrome and Firefox.
*/
progress {
  vertical-align: baseline;
}
/*
Correct the cursor style of increment and decrement buttons in Safari.
*/
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}
/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/
[type='search'] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}
/*
Remove the inner padding in Chrome and Safari on macOS.
*/
::-webkit-search-decoration {
  -webkit-appearance: none;
}
/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}
/*
Add the correct display in Chrome and Safari.
*/
summary {
  display: list-item;
}
/*
Removes the default spacing and border for appropriate elements.
*/
blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}
fieldset {
  margin: 0;
  padding: 0;
}
legend {
  padding: 0;
}
ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}
/*
Reset default styling for dialogs.
*/
dialog {
  padding: 0;
}
/*
Prevent resizing textareas horizontally by default.
*/
textarea {
  resize: vertical;
}
/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/
input::placeholder,
textarea::placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}
/*
Set the default cursor for buttons.
*/
button,
[role="button"] {
  cursor: pointer;
}
/*
Make sure disabled buttons don't get the pointer cursor.
*/
:disabled {
  cursor: default;
}
/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/
img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block; /* 1 */
  vertical-align: middle; /* 2 */
}
/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/
img,
video {
  max-width: 100%;
  height: auto;
}
/* Make elements with the HTML hidden attribute stay hidden by default */
[hidden]:where(:not([hidden="until-found"])) {
  display: none;
}
.container{
  width: 100%;
}
@media (min-width: 640px){
  .container{
    max-width: 640px;
  }
}
@media (min-width: 768px){
  .container{
    max-width: 768px;
  }
}
@media (min-width: 1024px){
  .container{
    max-width: 1024px;
  }
}
@media (min-width: 1280px){
  .container{
    max-width: 1280px;
  }
}
@media (min-width: 1536px){
  .container{
    max-width: 1536px;
  }
}
.full-width{
  width: 100%;
}
.spacer {
    flex: 1 1 auto;
  }
/* Toolbar: azul producto webapp — mismo hex que `colors.blue` en tailwind.config */
.mat-toolbar.mat-primary {
    background-color: #066bf1 !important;
    color: #fff !important;
  }
.content-container{
  margin-left: auto;
  margin-right: auto;
  max-width: 1200px;
  padding-left: 20px;
  padding-right: 20px;
}
.input-container.card-container {
    display: flex;
    align-items: center;
  }
.card-container{
  margin-top: 16px;
  flex-wrap: wrap;
  gap: 16px;
  display: flex;
}
.card-container.fd-r {
  flex-direction: row;
}
.card-container.fd-rr {
  flex-direction: row-reverse;
}
.card-container.fd-c {
  flex-direction: column;
}
.card-container.fd-cr {
  flex-direction: column-reverse;
}
.card-container.fw-nw {
  flex-wrap: nowrap;
}
.card-container.fw-w {
  flex-wrap: wrap;
}
.card-container.jc-fs {
  justify-content: flex-start;
}
.card-container.jc-fe {
  justify-content: flex-end;
}
.card-container.jc-c {
  justify-content: center;
}
.card-container.jc-sb {
  justify-content: space-between;
}
.card-container.jc-sa {
  justify-content: space-around;
}
.card-container.jc-se {
  justify-content: space-evenly;
}
.card-container.ai-fs {
  align-items: flex-start;
}
.card-container.ai-fe {
  align-items: flex-end;
}
.card-container.ai-c {
  align-items: center;
}
.card-container.ai-s {
  align-items: stretch;
}
.card-container.as-fe {
  align-self: flex-end;
}
.card-container.as-c {
  align-self: center;
}
.card-container.as-fs {
  align-self: flex-start;
}
.card-container.fx-1 {
  flex: 1;
}
.card-container.fg-1 {
  flex-grow: 1;
}
.card-container {
  gap: 16px;
}
.card-item{
  min-width: 300px;
  flex: 1 1 0%;
}
.form-container{
  margin-left: auto;
  margin-right: auto;
  max-width: 600px;
  padding-left: 20px;
  padding-right: 20px;
}
/* Fila de filtros/campos (alineado a features tipo configuración / políticas) */
.input-container.form-row {
    display: flex;
    align-items: center;
  }
.form-row{
  margin-bottom: 16px;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 16px;
  display: flex;
}
.form-row.fd-r {
  flex-direction: row;
}
.form-row.fd-rr {
  flex-direction: row-reverse;
}
.form-row.fd-c {
  flex-direction: column;
}
.form-row.fd-cr {
  flex-direction: column-reverse;
}
.form-row.fw-nw {
  flex-wrap: nowrap;
}
.form-row.fw-w {
  flex-wrap: wrap;
}
.form-row.jc-fs {
  justify-content: flex-start;
}
.form-row.jc-fe {
  justify-content: flex-end;
}
.form-row.jc-c {
  justify-content: center;
}
.form-row.jc-sb {
  justify-content: space-between;
}
.form-row.jc-sa {
  justify-content: space-around;
}
.form-row.jc-se {
  justify-content: space-evenly;
}
.form-row.ai-fs {
  align-items: flex-start;
}
.form-row.ai-fe {
  align-items: flex-end;
}
.form-row.ai-c {
  align-items: center;
}
.form-row.ai-s {
  align-items: stretch;
}
.form-row.as-fe {
  align-self: flex-end;
}
.form-row.as-c {
  align-self: center;
}
.form-row.as-fs {
  align-self: flex-start;
}
.form-row.fx-1 {
  flex: 1;
}
.form-row.fg-1 {
  flex-grow: 1;
}
.form-row {
  gap: 16px;
}
/* Filtros en fila (flex). Emails/mkt sobreescriben a grid en su SCSS de componente. */
.input-container.filters-section {
    display: flex;
    align-items: center;
  }
.filters-section{
  margin-bottom: 20px;
  flex-wrap: wrap;
  gap: 16px;
  display: flex;
}
.filters-section.fd-r {
  flex-direction: row;
}
.filters-section.fd-rr {
  flex-direction: row-reverse;
}
.filters-section.fd-c {
  flex-direction: column;
}
.filters-section.fd-cr {
  flex-direction: column-reverse;
}
.filters-section.fw-nw {
  flex-wrap: nowrap;
}
.filters-section.fw-w {
  flex-wrap: wrap;
}
.filters-section.jc-fs {
  justify-content: flex-start;
}
.filters-section.jc-fe {
  justify-content: flex-end;
}
.filters-section.jc-c {
  justify-content: center;
}
.filters-section.jc-sb {
  justify-content: space-between;
}
.filters-section.jc-sa {
  justify-content: space-around;
}
.filters-section.jc-se {
  justify-content: space-evenly;
}
.filters-section.ai-fs {
  align-items: flex-start;
}
.filters-section.ai-fe {
  align-items: flex-end;
}
.filters-section.ai-c {
  align-items: center;
}
.filters-section.ai-s {
  align-items: stretch;
}
.filters-section.as-fe {
  align-self: flex-end;
}
.filters-section.as-c {
  align-self: center;
}
.filters-section.as-fs {
  align-self: flex-start;
}
.filters-section.fx-1 {
  flex: 1;
}
.filters-section.fg-1 {
  flex-grow: 1;
}
.filters-section {
  gap: 16px;
}
.filters-section mat-form-field {
    min-width: 200px;
  }
.input-container.date-filters {
    display: flex;
    align-items: center;
  }
.date-filters{
  margin-bottom: 20px;
  flex-wrap: wrap;
  gap: 16px;
  display: flex;
}
.date-filters.fd-r {
  flex-direction: row;
}
.date-filters.fd-rr {
  flex-direction: row-reverse;
}
.date-filters.fd-c {
  flex-direction: column;
}
.date-filters.fd-cr {
  flex-direction: column-reverse;
}
.date-filters.fw-nw {
  flex-wrap: nowrap;
}
.date-filters.fw-w {
  flex-wrap: wrap;
}
.date-filters.jc-fs {
  justify-content: flex-start;
}
.date-filters.jc-fe {
  justify-content: flex-end;
}
.date-filters.jc-c {
  justify-content: center;
}
.date-filters.jc-sb {
  justify-content: space-between;
}
.date-filters.jc-sa {
  justify-content: space-around;
}
.date-filters.jc-se {
  justify-content: space-evenly;
}
.date-filters.ai-fs {
  align-items: flex-start;
}
.date-filters.ai-fe {
  align-items: flex-end;
}
.date-filters.ai-c {
  align-items: center;
}
.date-filters.ai-s {
  align-items: stretch;
}
.date-filters.as-fe {
  align-self: flex-end;
}
.date-filters.as-c {
  align-self: center;
}
.date-filters.as-fs {
  align-self: flex-start;
}
.date-filters.fx-1 {
  flex: 1;
}
.date-filters.fg-1 {
  flex-grow: 1;
}
.date-filters {
  gap: 16px;
}
.date-filters mat-form-field {
    min-width: 200px;
  }
.form-field{
  margin-bottom: 16px;
  width: 100%;
}
/* Formularios en fila: mat-form-field con .form-field dentro de .form-row */
.form-row mat-form-field.form-field{
  width: auto;
  min-width: 0px;
  flex: 1 1 0%;
}
.input-container.button-row {
    display: flex;
    align-items: center;
  }
.button-row{
  margin-top: 16px;
  gap: 8px;
  display: flex;
}
.button-row.fd-r {
  flex-direction: row;
}
.button-row.fd-rr {
  flex-direction: row-reverse;
}
.button-row.fd-c {
  flex-direction: column;
}
.button-row.fd-cr {
  flex-direction: column-reverse;
}
.button-row.fw-nw {
  flex-wrap: nowrap;
}
.button-row.fw-w {
  flex-wrap: wrap;
}
.button-row.jc-fs {
  justify-content: flex-start;
}
.button-row.jc-fe {
  justify-content: flex-end;
}
.button-row.jc-c {
  justify-content: center;
}
.button-row.jc-sb {
  justify-content: space-between;
}
.button-row.jc-sa {
  justify-content: space-around;
}
.button-row.jc-se {
  justify-content: space-evenly;
}
.button-row.ai-fs {
  align-items: flex-start;
}
.button-row.ai-fe {
  align-items: flex-end;
}
.button-row.ai-c {
  align-items: center;
}
.button-row.ai-s {
  align-items: stretch;
}
.button-row.as-fe {
  align-self: flex-end;
}
.button-row.as-c {
  align-self: center;
}
.button-row.as-fs {
  align-self: flex-start;
}
.button-row.fx-1 {
  flex: 1;
}
.button-row.fg-1 {
  flex-grow: 1;
}
.button-row {
  gap: 8px;
}
.button-row--end{
  margin-top: 20px;
  justify-content: flex-end;
}
.table-container{
  margin-top: 16px;
  overflow-x: auto;
}
.status-open{
  --tw-text-opacity: 1;
  color: rgb(33 148 87 / var(--tw-text-opacity, 1));
  color: #219457;
}
.status-closed{
  --tw-text-opacity: 1;
  color: rgb(231 76 60 / var(--tw-text-opacity, 1));
  color: #e74c3c;
}
.status-pending{
  --tw-text-opacity: 1;
  color: rgb(229 186 12 / var(--tw-text-opacity, 1));
  color: #e5ba0c;
}
.role-admin{
  border-radius: 0.25rem;
  --tw-bg-opacity: 1;
  background-color: rgb(224 234 247 / var(--tw-bg-opacity, 1));
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 4px;
  padding-bottom: 4px;
  font-size: 12px;
  --tw-text-opacity: 1;
  color: rgb(0 78 181 / var(--tw-text-opacity, 1));
}
.role-approver{
  border-radius: 0.25rem;
  --tw-bg-opacity: 1;
  background-color: rgb(241 237 255 / var(--tw-bg-opacity, 1));
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 4px;
  padding-bottom: 4px;
  font-size: 12px;
  --tw-text-opacity: 1;
  color: rgb(89 60 186 / var(--tw-text-opacity, 1));
}
.role-user{
  border-radius: 0.25rem;
  --tw-bg-opacity: 1;
  background-color: rgb(233 244 238 / var(--tw-bg-opacity, 1));
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 4px;
  padding-bottom: 4px;
  font-size: 12px;
  --tw-text-opacity: 1;
  color: rgb(26 111 66 / var(--tw-text-opacity, 1));
}
/*
   * Anchos de contenedor — synced from webapp/src/scss/global-structure.scss
   * ($sizingContainer → .w-c-*, .m-w-c-*, .min-w-c-*).
   */
.w-c-normal {
    width: 1400px !important;
  }
.w-c-small {
    width: 1200px !important;
  }
.w-c-smaller {
    width: 984px !important;
  }
.w-c-card {
    width: 357px !important;
  }
.m-w-c-normal {
    max-width: 1400px !important;
  }
.m-w-c-small {
    max-width: 1200px !important;
  }
.m-w-c-smaller {
    max-width: 984px !important;
  }
.m-w-c-card {
    max-width: 357px !important;
  }
.min-w-c-normal {
    min-width: 1400px !important;
  }
.min-w-c-small {
    min-width: 1200px !important;
  }
.min-w-c-smaller {
    min-width: 984px !important;
  }
.min-w-c-card {
    min-width: 357px !important;
  }
.max-w-mc {
    max-width: max-content !important;
  }
.max-w-minc {
    max-width: min-content !important;
  }
.min-w-fc {
    min-width: -moz-fit-content !important;
    min-width: fit-content !important;
  }
/* PLAN-011 Fase 6 — mixins legacy desactivados; reemplazados por DS layer arriba.
   * webapp-components / webapp-forms / listing-pattern siguen presentes en SCSS para
   * referencia histórica pero no se @include. Se eliminarán en commit de cleanup.
   */
/* Forms globales — webapp/styles.scss input-container/form-group/etc. (mantenido por
   * componentes legacy con `.input-container`/`.form-group` no migrados) */
.input-container {
    height: 40px;
    background-color: #f4f4f4;
    border: solid 1px rgba(255, 255, 255, 0);
    position: relative;
    transition: all 0.6s;
  }
.input-container.restrictive {
    border: #e74c3c 1px solid !important;
  }
.input-container.notRestrictive {
    border: #b7950a 1px solid !important;
  }
.input-container.disabled {
    background-color: #ebebeb;
  }
.input-container.currency {
    min-width: 84.5px;
  }
.input-container.\!currency {
    min-width: 84.5px !important;
  }
.input-container.input-icon {
    display: flex;
    align-items: center;
  }
.input-container.input-icon icons-component {
    margin: 0 17px;
    display: flex;
  }
.input-container.input-icon icons-component.password {
    cursor: pointer;
  }
.input-container.input-icon icons-component.password.absolute {
    position: absolute;
    right: 0;
  }
.input-container.input-icon icons-component.password.disabled {
    cursor: auto;
    opacity: 0.4;
  }
.input-container.input-icon icons-component.card.absolute {
    position: absolute;
    right: 0;
  }
.input-container.input-icon icons-component.card.disabled {
    cursor: auto;
    opacity: 0.4;
  }
.input-container.validation {
    border: #e74c3c 1px solid;
  }
.input-container.workflowsPolicy {
    height: unset;
    border: unset;
    background: #f1f5f8;
  }
.input-container.workflowsPolicy .linkPage {
    cursor: pointer;
    padding: 0px 32px 32px;
    color: #066bf1;
    display: flex;
    align-items: center;
    font-weight: 700;
  }
.input-container.workflowsPolicy .linkPage icons-component {
    height: 24px;
  }
.input-container.workflowsPolicy .linkPage.noPadding {
    padding: 0px;
  }
.input-container.workflowsPolicy .helper-hover-area {
    z-index: 20;
    height: 100%;
    width: 80px;
    position: absolute;
  }
.input-container.flexLabel {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    position: relative;
  }
.input-container.flexLabel .labelRight {
    position: absolute;
    right: -42px;
    align-self: center;
  }
.input-container.commentTimeline {
    width: 60%;
  }
.input-container.flex {
    display: flex;
    align-items: center;
  }
.input-container.trans {
    background-color: rgba(255, 255, 255, 0);
  }
.input-container.autoHeight {
    height: auto;
    margin-left: 12px;
  }
.input-container.topPadding {
    margin-top: 18px;
  }
.input-container.sectionPointDistance {
    margin-right: 20px;
  }
.input-container.sectionPointDistance.green::before {
    background-color: #219457;
    box-shadow: 0px 0px 0 4px white, 0px 0px 0 6px #219457;
  }
.input-container.sectionPointDistance.green.n1::after {
    height: 180px;
  }
.input-container.sectionPointDistance.green.n2::after {
    height: 276px;
  }
.input-container.sectionPointDistance.green.n3::after {
    height: 327px;
  }
.input-container.sectionPointDistance.green.n4::after {
    height: 377px;
  }
.input-container.sectionPointDistance.green.n5::after {
    height: 428px;
  }
.input-container.sectionPointDistance.green.n6::after {
    height: 476px;
  }
.input-container.sectionPointDistance.green.n7::after {
    height: 529px;
  }
.input-container.sectionPointDistance.green.n8::after {
    height: 579px;
  }
.input-container.sectionPointDistance.green.n9::after {
    height: 628px;
  }
.input-container.sectionPointDistance.green::after {
    content: "";
    height: 119px;
    width: 2px;
    z-index: 1;
    left: -36px;
    top: 14px;
    position: absolute;
    background-color: #dee1e3;
  }
.input-container.sectionPointDistance.red::before {
    background-color: #e74c3c;
    box-shadow: 0px 0px 0 4px white, 0px 0px 0 6px #e74c3c;
  }
.input-container.sectionPointDistance.blue::before {
    background-color: #066bf1;
    box-shadow: 0px 0px 0 4px #9acced, 0px 0px 0 6px #9acced;
  }
.input-container.sectionPointDistance::before {
    content: "";
    height: 10px;
    width: 10px;
    left: -40px;
    top: 16px;
    border-radius: 50%;
    z-index: 200;
    position: absolute;
  }
.input-container.noBorder {
    border: 0px;
  }
.input-container.noBorder#modalReturnReport {
    display: flex;
    align-items: center;
    height: unset;
    column-gap: 8px;
  }
.input-container.noBorder#flexContent {
    display: flex;
    height: unset;
    column-gap: 8px;
  }
.input-container.noFocus:focus-within {
    border: 0px !important;
  }
.input-container.bigInput.km {
    height: 41px;
    position: relative;
  }
.input-container.bigInput.km::after {
    content: "km";
    bottom: 13px;
    right: 25px;
    position: absolute;
    font-weight: normal;
    font-size: 36px;
    color: #bdc3c7;
  }
.input-container.bigInput.km .input-text {
    top: -1px;
    height: 100%;
    text-align: left;
    font-size: 16px;
    font-weight: bold;
    width: 68%;
    font-family: "Nunito Sans", sans-serif;
    color: #066bf1;
  }
.input-container.bigInput.km .input-text::placeholder {
    font-weight: bold !important;
    font-family: "Nunito Sans", sans-serif;
    color: #066bf1;
    font-size: 16px;
  }
.input-container.transparent {
    background-color: rgba(241, 243, 245, 0);
  }
.input-container.transparent:focus-within {
    background-color: rgba(99, 172, 255, 0);
  }
.input-container .input-text {
    padding: 0px;
    margin: 10px 16px;
    position: relative;
    width: -webkit-fill-available;
    appearance: none;
    border: none;
    background-color: rgba(255, 255, 255, 0);
    outline: none;
    color: #022759;
    font-size: 16px;
    box-shadow: none !important;
  }
.input-container .input-text.noTop {
    top: unset;
  }
.input-container .input-text::placeholder {
    font-weight: normal !important;
    font-family: "Nunito Sans", sans-serif;
  }
.input-container .input-number {
    padding: 0px;
    margin: 0px;
    position: relative;
    top: 4px;
    left: 13px;
    height: 32px;
    width: 90%;
    appearance: none;
    border: none;
    background-color: rgba(255, 255, 255, 0);
    outline: none;
    color: #022759;
    font-size: 14px;
    box-shadow: none !important;
  }
.input-container .input-number::placeholder {
    font-weight: normal !important;
    font-family: "Nunito Sans", sans-serif;
  }
.input-container .input-number.placeholderIt::placeholder {
    color: #c0c5ca;
    font-style: italic;
  }
.input-container .input-date {
    padding: 0px;
    margin: 0px;
    position: relative;
    top: -6px;
    left: 13px;
    width: 97%;
    appearance: none;
    border: none;
    background-color: rgba(255, 255, 255, 0);
    outline: none;
    color: #022759;
    font-size: 16px;
    font-weight: normal;
  }
.input-container .input-check-ok {
    position: relative;
    width: 24px;
    height: 24px;
    display: inline-block;
    left: 10px;
  }
.input-container .input-check-ok.noLeft {
    left: 0px;
    border: unset;
  }
.input-container .input-check-ok + label {
    color: #022759;
    cursor: pointer;
  }
.input-container .input-check-ok#multiSelect {
    width: 16px;
    height: 16px;
  }
.input-container .input-check-ok#multiSelect svg {
    width: 14px;
    height: 10px;
    position: absolute;
    top: 0;
    z-index: 1;
    pointer-events: none;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto;
    left: 0;
  }
.input-container .input-check-ok#checkBox {
    left: 0px;
    width: 16px;
    height: 16px;
  }
.input-container .input-check-ok#checkBox svg {
    width: 14px;
    height: 10px;
    position: absolute;
    top: 0;
    z-index: 1;
    pointer-events: none;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto;
    left: 0;
  }
.input-container .input-check-ok#checkBox input {
    margin: 0px;
    width: 16px;
    height: 16px;
    border-radius: 50%;
  }
.input-container .input-check-ok#checkBox label {
    border-radius: 50%;
    width: 16px;
    height: 16px;
    background: none;
    position: absolute;
  }
.input-container .input-check-ok#radioPerPage {
    width: 14px;
    height: 14px;
    top: 10px;
  }
.input-container .input-check-ok#radioPerPage input {
    width: 14px;
    height: 14px;
    border: none;
  }
.input-container .input-check-ok#radioPerPage label {
    width: 14px;
    height: 14px;
  }
.input-container .input-check-ok#radioPerPage svg {
    width: 14px;
    height: 10px;
    position: absolute;
    top: 0;
    z-index: 1;
    pointer-events: none;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto;
    left: 0;
  }
.input-container .input-check-ok.normalSize {
    top: -17px;
    background-color: rgba(255, 255, 255, 0);
    left: 0px;
    height: auto;
  }
.input-container .input-check-ok.normalSize .input-container .input-check-ok {
    height: auto;
  }
.input-container .input-check-ok input {
    position: absolute;
    top: 0;
    left: 0;
    width: 24px;
    height: 24px;
    border: 2px solid #bfbfc0;
    border-radius: 50%;
    appearance: none;
    -webkit-tap-highlight-color: transparent;
    cursor: pointer;
    margin: 0;
  }
.input-container .input-check-ok input#red {
    border: 2px solid #e74c3c;
  }
.input-container .input-check-ok input#multiSelect {
    width: 16px;
    height: 16px;
    border: 1px solid #066bf1;
    border-radius: 4px;
  }
.input-container .input-check-ok input:disabled {
    border: 2px solid #bfbfc0;
    background-color: #ebebeb;
  }
.input-container .input-check-ok input.hovBorder:hover {
    border: 2px solid #066bf1 !important;
  }
.input-container .input-check-ok label {
    width: 20px;
    height: 20px;
    background: none;
    border-radius: 50%;
    position: absolute;
    top: 2px;
    left: 2px;
    filter: url("#goo");
    transform: trasnlate3d(0, 0, 0);
    pointer-events: none;
  }
.input-container .input-check-ok label#multiSelect {
    width: 16px;
    height: 16px;
    background: none;
    border-radius: 4px;
    position: absolute;
  }
.input-container .input-check-ok svg {
    width: 15px;
    height: 14px;
    position: absolute;
    top: 5px;
    left: 4px;
    z-index: 1;
    pointer-events: none;
  }
.input-container .input-check-ok svg.green path {
    stroke: #219457;
  }
.input-container .input-check-ok svg path {
    stroke: #fff;
    stroke-width: 2px;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-dasharray: 19;
    stroke-dashoffset: 19;
    transition: stroke-dashoffset 0.3s ease;
    transition-delay: 0.2s;
  }
.input-container .input-check-ok input:checked + label + svg path {
    stroke-dashoffset: 0;
  }
.input-container .input-check-ok input:focus {
    outline: 0;
  }
.input-container .input-check-ok.blue input:checked + label {
    animation: splashBlue 0.5s ease forwards;
  }
.input-container .input-check-ok.green input:checked + label {
    animation: splashGreen 0.5s ease forwards;
  }
.input-container .input-check-ok.red input:checked + label {
    animation: splashRed 0.5s ease forwards;
  }
.input-container .input-check-ok.yellow input:checked + label {
    animation: splashYellow 0.5s ease forwards;
  }
.input-container .input-check-ok.emerald input:checked + label {
    animation: splashEmerald 0.5s ease forwards;
  }
.input-container:focus-within {
    border: #066bf1 1px solid;
  }
.input-container:focus-within .label-3 {
    color: #066bf1;
  }
.input-container.error {
    border: #e74c3c 1px solid;
  }
.input-container.\!error {
    border: #e74c3c 1px solid !important;
  }
.input-container.error input {
    color: #e74c3c;
  }
.input-container.\!error input {
    color: #e74c3c !important;
  }
.input-container.shadow-in:focus-within {
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 0px rgba(82, 168, 236, 0.6);
  }
.input-container.shadow-out:focus-within {
    box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.075), 0px 0px 0px rgba(82, 168, 236, 0.6);
  }
.input-container.wNewPolicy {
    width: 50%;
    max-width: 292px;
    margin-left: 24px;
  }
.input-container.wEditExpense {
    width: 69%;
  }
.input-container.wEspecialModal {
    width: 466px;
  }
.input-container.br-8 {
    border-radius: 8px;
  }
.input-container.br-20 {
    border-radius: 20px;
  }
.input-container ::placeholder {
    color: #bdc3c7 !important;
  }
.form-group.checkbox-custom {
    display: block;
    margin-bottom: 15px;
  }
.form-group.checkbox-custom input {
    padding: 0;
    height: initial;
    width: initial;
    margin-bottom: 0;
    display: none;
    cursor: pointer;
  }
.form-group.checkbox-custom label {
    position: relative;
    cursor: pointer;
    font-family: "Nunito Sans", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 19px;
    display: block;
    color: #022759;
    padding-left: 34px;
  }
.form-group.checkbox-custom label:before {
    content: "";
    position: absolute;
    left: 0px;
    background-color: transparent;
    border: 1px solid #bdc3c7;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
    padding: 10px;
    display: inline-block;
    border-radius: 4px;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 5px;
  }
.form-group.checkbox-custom input:checked + label:after {
    content: "";
    display: block;
    position: absolute;
    top: 1px;
    left: 8px;
    width: 5px;
    height: 13px;
    border: solid #0079bf;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
  }
input.alert-rg {
    border: 2px solid #f1c40f !important;
  }
label.alert-rg {
    color: #f1c40f !important;
  }
.input-multiple {
    height: auto !important;
    min-height: 40px;
  }
.input-default {
    position: relative;
  }
.input-default input {
    background-color: #f4f4f4;
    border: solid 1px rgba(255, 255, 255, 0);
    transition: all 0.6s;
  }
.input-default input.disabled {
    background-color: #ebebeb;
  }
.input-default input::placeholder {
    color: #c0c5ca;
    font-size: 14px;
  }
.input-default input:focus {
    outline: none;
    border: solid 1px #066bf1;
  }
.input-default .icon {
    z-index: 1;
    position: absolute;
  }
select option {
    margin: 40px;
    background: #fff;
    color: #2969b0;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
  }
.form-row{
  flex-direction: column;
}
.form-row mat-form-field{
  width: 100%;
  max-width: 100%;
      min-width: 0;
}
.filters-section{
  flex-direction: column;
}
.filters-section mat-form-field {
      width: 100%;
      max-width: 100%;
      min-width: 0;
    }
.date-filters{
  flex-direction: column;
}
.date-filters mat-form-field {
      width: 100%;
      max-width: 100%;
      min-width: 0;
    }
.visible{
  visibility: visible !important;
}
.collapse{
  visibility: collapse !important;
}
.static{
  position: static !important;
}
.fixed{
  position: fixed !important;
}
.absolute{
  position: absolute !important;
}
.relative{
  position: relative !important;
}
.sticky{
  position: sticky !important;
}
.z-10{
  z-index: 10 !important;
}
.mx-auto{
  margin-left: auto !important;
  margin-right: auto !important;
}
.\!mt-0{
  margin-top: 0px !important;
}
.mb-16{
  margin-bottom: 16px !important;
}
.ml-2{
  margin-left: 2px !important;
}
.mt-20{
  margin-top: 20px !important;
}
.mt-30{
  margin-top: 30px !important;
}
.block{
  display: block !important;
}
.inline-block{
  display: inline-block !important;
}
.inline{
  display: inline !important;
}
.flex{
  display: flex !important;
}
.inline-flex{
  display: inline-flex !important;
}
.table{
  display: table !important;
}
.table-row{
  display: table-row !important;
}
.grid{
  display: grid !important;
}
.hidden{
  display: none !important;
}
.h-100{
  height: 100px !important;
}
.w-100{
  width: 100px !important;
}
.w-auto{
  width: auto !important;
}
.w-full{
  width: 100% !important;
}
.min-w-0{
  min-width: 0px !important;
}
.min-w-\[300px\]{
  min-width: 300px !important;
}
.max-w-300{
  max-width: 300px !important;
}
.max-w-bdl-content{
  max-width: 1200px !important;
}
.max-w-bdl-form{
  max-width: 600px !important;
}
.flex-1{
  flex: 1 1 0% !important;
}
.flex-shrink{
  flex-shrink: 1 !important;
}
.flex-grow{
  flex-grow: 1 !important;
}
.border-collapse{
  border-collapse: collapse !important;
}
.transform{
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}
.resize{
  resize: both !important;
}
.grid-cols-2{
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
.flex-wrap{
  flex-wrap: wrap !important;
}
.justify-end{
  justify-content: flex-end !important;
}
.gap-10{
  gap: 10px !important;
}
.gap-12{
  gap: 12px !important;
}
.gap-16{
  gap: 16px !important;
}
.gap-24{
  gap: 24px !important;
}
.gap-32{
  gap: 32px !important;
}
.gap-4{
  gap: 4px !important;
}
.gap-8{
  gap: 8px !important;
}
.overflow-hidden{
  overflow: hidden !important;
}
.overflow-x-auto{
  overflow-x: auto !important;
}
.truncate{
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
.rounded{
  border-radius: 0.25rem !important;
}
.border{
  border-width: 1px !important;
}
.border-t{
  border-top-width: 1px !important;
}
.border-red{
  --tw-border-opacity: 1 !important;
  border-color: rgb(231 76 60 / var(--tw-border-opacity, 1)) !important;
}
.bg-blue{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(6 107 241 / var(--tw-bg-opacity, 1)) !important;
}
.bg-blue10{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(224 234 247 / var(--tw-bg-opacity, 1)) !important;
}
.bg-clouds{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(236 240 241 / var(--tw-bg-opacity, 1)) !important;
}
.bg-green{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(33 148 87 / var(--tw-bg-opacity, 1)) !important;
}
.bg-green10{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(233 244 238 / var(--tw-bg-opacity, 1)) !important;
}
.bg-orange{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(230 126 34 / var(--tw-bg-opacity, 1)) !important;
}
.bg-purple{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(120 79 255 / var(--tw-bg-opacity, 1)) !important;
}
.bg-purple10{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(241 237 255 / var(--tw-bg-opacity, 1)) !important;
}
.bg-red{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(231 76 60 / var(--tw-bg-opacity, 1)) !important;
}
.bg-transparent{
  background-color: #ffffff00 !important;
}
.bg-white{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)) !important;
}
.bg-yellow{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(229 186 12 / var(--tw-bg-opacity, 1)) !important;
}
.px-8{
  padding-left: 8px !important;
  padding-right: 8px !important;
}
.py-4{
  padding-top: 4px !important;
  padding-bottom: 4px !important;
}
.text-center{
  text-align: center !important;
}
.text-right{
  text-align: right !important;
}
.text-lg{
  font-size: 1.125rem !important;
  line-height: 1.75rem !important;
}
.text-sm{
  font-size: 0.875rem !important;
  line-height: 1.25rem !important;
}
.text-small{
  font-size: 14px !important;
}
.text-xs{
  font-size: 0.75rem !important;
  line-height: 1rem !important;
}
.font-medium{
  font-weight: 500 !important;
}
.font-semibold{
  font-weight: 600 !important;
}
.uppercase{
  text-transform: uppercase !important;
}
.italic{
  font-style: italic !important;
}
.text-black50{
  --tw-text-opacity: 1 !important;
  color: rgb(149 158 167 / var(--tw-text-opacity, 1)) !important;
}
.text-blue{
  --tw-text-opacity: 1 !important;
  color: rgb(6 107 241 / var(--tw-text-opacity, 1)) !important;
}
.text-blueDark{
  --tw-text-opacity: 1 !important;
  color: rgb(0 78 181 / var(--tw-text-opacity, 1)) !important;
}
.text-concrete{
  --tw-text-opacity: 1 !important;
  color: rgb(149 165 166 / var(--tw-text-opacity, 1)) !important;
}
.text-green{
  --tw-text-opacity: 1 !important;
  color: rgb(33 148 87 / var(--tw-text-opacity, 1)) !important;
}
.text-greenDark{
  --tw-text-opacity: 1 !important;
  color: rgb(26 111 66 / var(--tw-text-opacity, 1)) !important;
}
.text-orange{
  --tw-text-opacity: 1 !important;
  color: rgb(230 126 34 / var(--tw-text-opacity, 1)) !important;
}
.text-purple{
  --tw-text-opacity: 1 !important;
  color: rgb(120 79 255 / var(--tw-text-opacity, 1)) !important;
}
.text-purpleDark{
  --tw-text-opacity: 1 !important;
  color: rgb(89 60 186 / var(--tw-text-opacity, 1)) !important;
}
.text-red{
  --tw-text-opacity: 1 !important;
  color: rgb(231 76 60 / var(--tw-text-opacity, 1)) !important;
}
.text-white{
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important;
}
.text-yellow{
  --tw-text-opacity: 1 !important;
  color: rgb(229 186 12 / var(--tw-text-opacity, 1)) !important;
}
.underline{
  text-decoration-line: underline !important;
}
.antialiased{
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
}
.accent-blue{
  accent-color: #066BF1 !important;
}
.opacity-70{
  opacity: 0.7 !important;
}
.shadow{
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1) !important;
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}
.shadow-soft{
  --tw-shadow: 0px 8px 24px rgba(55, 77, 99, 0.15) !important;
  --tw-shadow-colored: 0px 8px 24px var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}
.outline-none{
  outline: 2px solid transparent !important;
  outline-offset: 2px !important;
}
.outline{
  outline-style: solid !important;
}
.ring{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important;
}
.blur{
  --tw-blur: blur(8px) !important;
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important;
}
.drop-shadow{
  --tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow(0 1px 1px rgb(0 0 0 / 0.06)) !important;
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important;
}
.grayscale{
  --tw-grayscale: grayscale(100%) !important;
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important;
}
.invert{
  --tw-invert: invert(100%) !important;
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important;
}
.sepia{
  --tw-sepia: sepia(100%) !important;
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important;
}
.filter{
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important;
}
.backdrop-filter{
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia) !important;
}
.transition{
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
  transition-duration: 150ms !important;
}
.ease-in-out{
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
}
/* PLAN-011 — Design System (capa por capa) */
:root {
  --ds-fg-primary: #022759;
  --ds-fg-secondary: #475569;
  --ds-fg-muted: #64748b;
  --ds-fg-placeholder: #94a3b8;
  --ds-fg-disabled: #cbd5e1;
  --ds-fg-on-brand: #ffffff;
  --ds-bg-page: #ecf0f1;
  --ds-bg-surface: #ffffff;
  --ds-bg-subtle: #f8fafc;
  --ds-bg-hover: #f1f5f9;
  --ds-bg-disabled: #ebebeb;
  --ds-border: #e2e8f0;
  --ds-border-strong: #cbd5e1;
  --ds-border-focus: #066bf1;
  --ds-brand: #066bf1;
  --ds-brand-hover: #004eb5;
  --ds-brand-soft: #ebf5fb;
  --ds-brand-soft-2: #d6eaf8;
  --ds-success: #219457;
  --ds-success-hover: #008656;
  --ds-success-bg: #d1fae5;
  --ds-success-fg: #065f46;
  --ds-danger: #e74c3c;
  --ds-danger-hover: #c0392b;
  --ds-danger-bg: #fee2e2;
  --ds-danger-fg: #991b1b;
  --ds-warning: #e5ba0c;
  --ds-warning-hover: #b7950a;
  --ds-warning-bg: #fef3c7;
  --ds-warning-fg: #92400e;
  --ds-info: #066bf1;
  --ds-info-bg: #dbeafe;
  --ds-info-fg: #1e40af;
  --ds-neutral-bg: #f1f5f9;
  --ds-neutral-fg: #475569;
  --ds-icon-blue: #3b82f6;
  --ds-icon-blue-bg: #eff6ff;
  --ds-icon-green: #10b981;
  --ds-icon-green-bg: #f0fdf4;
  --ds-icon-red: #ef4444;
  --ds-icon-red-bg: #fef2f2;
  --ds-icon-gray: #64748b;
  --ds-icon-gray-bg: #f8fafc;
  --ds-icon-orange: #f97316;
  --ds-icon-orange-bg: #fff7ed;
  --ds-icon-purple: #8b5cf6;
  --ds-icon-purple-bg: #f5f3ff;
  --ds-space-0: 0;
  --ds-space-1: 4px;
  --ds-space-2: 8px;
  --ds-space-3: 12px;
  --ds-space-4: 16px;
  --ds-space-5: 20px;
  --ds-space-6: 24px;
  --ds-space-7: 28px;
  --ds-space-8: 32px;
  --ds-space-10: 40px;
  --ds-space-12: 48px;
  --ds-space-16: 64px;
  --ds-font-family: "Nunito Sans", sans-serif;
  --ds-text-xs: 11px;
  --ds-text-sm: 12px;
  --ds-text-md: 13px;
  --ds-text-lg: 14px;
  --ds-text-xl: 16px;
  --ds-text-2xl: 18px;
  --ds-text-3xl: 22px;
  --ds-text-4xl: 28px;
  --ds-fw-regular: 400;
  --ds-fw-medium: 500;
  --ds-fw-semi: 600;
  --ds-fw-bold: 700;
  --ds-fw-heavy: 800;
  --ds-leading-tight: 1.2;
  --ds-leading-base: 1.5;
  --ds-tracking-tight: -0.01em;
  --ds-tracking-normal: 0;
  --ds-tracking-wide: 0.04em;
  --ds-tracking-wider: 0.06em;
  --ds-radius-xs: 4px;
  --ds-radius-sm: 6px;
  --ds-radius-md: 8px;
  --ds-radius-lg: 10px;
  --ds-radius-xl: 12px;
  --ds-radius-2xl: 16px;
  --ds-radius-pill: 100px;
  --ds-radius-full: 9999px;
  --ds-shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.05);
  --ds-shadow-sm: 0 2px 4px rgba(15, 23, 42, 0.06);
  --ds-shadow-md: 0 4px 12px rgba(15, 23, 42, 0.08);
  --ds-shadow-lg: 0 8px 24px rgba(55, 77, 99, 0.15);
  --ds-shadow-xl: 0 8px 24px rgba(55, 77, 99, 0.35);
  --ds-shadow-focus: 0 0 0 3px rgba(6, 107, 241, 0.15);
  --ds-motion-fast: 0.15s;
  --ds-motion-base: 0.2s;
  --ds-motion-slow: 0.3s;
  --ds-motion-slower: 0.6s;
  --ds-ease-standard: cubic-bezier(0.4, 0, 0.2, 1);
  --ds-ease-accel: cubic-bezier(0.4, 0, 1, 1);
  --ds-ease-decel: cubic-bezier(0, 0, 0.2, 1);
}

/* Fase 1: tokens */
.ds-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--ds-space-1);
  margin: 0;
  padding: 0 var(--ds-space-5);
  height: 36px;
  border: 1px solid transparent;
  border-radius: var(--ds-radius-pill);
  background: transparent;
  color: var(--ds-fg-primary);
  font-family: var(--ds-font-family);
  font-size: var(--ds-text-md);
  font-weight: var(--ds-fw-semi);
  line-height: 1;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  -webkit-user-select: none;
          user-select: none;
  transition: background-color var(--ds-motion-base) var(--ds-ease-standard), border-color var(--ds-motion-base) var(--ds-ease-standard), color var(--ds-motion-base) var(--ds-ease-standard);
}
.ds-btn mat-icon,
.ds-btn .mat-icon,
.ds-btn .material-icons {
  font-size: 18px !important;
  width: 18px !important;
  height: 18px !important;
  line-height: 18px !important;
}
.ds-btn:hover:not(:disabled):not(.ds-btn--disabled) {
  text-decoration: none;
}
.ds-btn:focus-visible {
  outline: none;
  box-shadow: var(--ds-shadow-focus);
}
.ds-btn:disabled, .ds-btn.ds-btn--disabled {
  opacity: 0.5;
  cursor: not-allowed;
  pointer-events: none;
}

.ds-btn--sm {
  height: 28px;
  padding: 0 var(--ds-space-3);
  font-size: var(--ds-text-sm);
}

.ds-btn--header {
  height: 32px;
}

.ds-btn--lg {
  height: 44px;
  padding: 0 var(--ds-space-6);
  font-size: var(--ds-text-lg);
}

.ds-btn--primary {
  background: var(--ds-brand);
  color: var(--ds-fg-on-brand);
  border-color: var(--ds-brand);
}
.ds-btn--primary:hover:not(:disabled) {
  background: var(--ds-brand-hover);
  border-color: var(--ds-brand-hover);
}

.ds-btn--secondary {
  background: var(--ds-bg-surface);
  color: var(--ds-fg-secondary);
  border-color: var(--ds-border);
}
.ds-btn--secondary:hover:not(:disabled) {
  background: var(--ds-bg-subtle);
  border-color: var(--ds-border-strong);
}

.ds-btn--ghost {
  background: transparent;
  color: var(--ds-fg-secondary);
  border-color: transparent;
}
.ds-btn--ghost:hover:not(:disabled) {
  background: var(--ds-bg-subtle);
  color: var(--ds-fg-primary);
}

.ds-btn--success {
  background: var(--ds-success);
  color: var(--ds-fg-on-brand);
  border-color: var(--ds-success);
}
.ds-btn--success:hover:not(:disabled) {
  background: var(--ds-success-hover);
  border-color: var(--ds-success-hover);
}

.ds-btn--danger {
  background: var(--ds-danger);
  color: var(--ds-fg-on-brand);
  border-color: var(--ds-danger);
}
.ds-btn--danger:hover:not(:disabled) {
  background: var(--ds-danger-hover);
  border-color: var(--ds-danger-hover);
}

.ds-btn--warning {
  background: var(--ds-warning);
  color: var(--ds-fg-on-brand);
  border-color: var(--ds-warning);
}
.ds-btn--warning:hover:not(:disabled) {
  background: var(--ds-warning-hover);
  border-color: var(--ds-warning-hover);
}

.ds-btn--block {
  display: flex;
  width: 100%;
}

.ds-btn--icon-only {
  width: 36px;
  padding: 0;
}
.ds-btn--icon-only.ds-btn--sm {
  width: 28px;
}
.ds-btn--icon-only.ds-btn--header {
  width: 32px;
}
.ds-btn--icon-only.ds-btn--lg {
  width: 44px;
}

.ds-btn-group {
  display: inline-flex;
  align-items: center;
  gap: var(--ds-space-2);
  flex-wrap: wrap;
}

.ds-input {
  width: 100%;
  height: 36px;
  padding: 0 var(--ds-space-4);
  background: var(--ds-bg-subtle);
  color: var(--ds-fg-primary);
  border: 1px solid var(--ds-border);
  border-radius: var(--ds-radius-pill);
  font-family: var(--ds-font-family);
  font-size: var(--ds-text-md);
  line-height: 1;
  outline: none;
  box-sizing: border-box;
  transition: border-color var(--ds-motion-base) var(--ds-ease-standard), background var(--ds-motion-base) var(--ds-ease-standard), box-shadow var(--ds-motion-base) var(--ds-ease-standard);
}
.ds-input::placeholder {
  color: var(--ds-fg-placeholder);
}
.ds-input:hover:not(:disabled):not(:focus) {
  border-color: var(--ds-border-strong);
}
.ds-input:focus, .ds-input:focus-visible {
  border-color: var(--ds-border-focus);
  background: var(--ds-bg-surface);
  box-shadow: var(--ds-shadow-focus);
}
.ds-input:disabled {
  background: var(--ds-bg-disabled);
  color: var(--ds-fg-placeholder);
  cursor: not-allowed;
}
.ds-inputtextarea, .ds-input.ds-input--textarea {
  height: auto;
  min-height: 80px;
  padding: var(--ds-space-2) var(--ds-space-4);
  border-radius: var(--ds-radius-md);
  line-height: var(--ds-leading-base);
  resize: vertical;
}

.ds-input--search {
  padding-left: 36px;
}

.ds-input--select {
  appearance: none;
  -webkit-appearance: none;
  padding-right: 36px;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 14px center;
  cursor: pointer;
}

.ds-input--compact {
  height: 32px;
  font-size: var(--ds-text-sm);
}

.ds-input--w-xs {
  width: 100px;
  max-width: 100%;
}

.ds-input--w-sm {
  width: 120px;
  max-width: 100%;
}

.ds-input--w-id {
  width: 140px;
  max-width: 100%;
}

.ds-input--w-md {
  width: 200px;
  max-width: 100%;
}

.ds-input--w-search {
  width: 260px;
  max-width: 100%;
}

.ds-input--w-lg {
  width: 320px;
  max-width: 100%;
}

.ds-input--w-xl {
  width: 400px;
  max-width: 100%;
}

.ds-input-wrap {
  position: relative;
  display: inline-flex;
  align-items: center;
}
.ds-input-wrap > mat-icon,
.ds-input-wrap > .mat-icon,
.ds-input-wrap > .material-icons,
.ds-input-wrap > .ds-input-wrap__icon {
  position: absolute;
  left: 12px;
  font-size: 18px !important;
  width: 18px !important;
  height: 18px !important;
  color: var(--ds-fg-placeholder);
  pointer-events: none;
}

.ds-input-label {
  display: inline-block;
  margin-bottom: var(--ds-space-1);
  font-size: var(--ds-text-xs);
  font-weight: var(--ds-fw-semi);
  color: var(--ds-fg-muted);
  text-transform: uppercase;
  letter-spacing: var(--ds-tracking-wide);
}

.ds-input-hint {
  display: block;
  margin-top: var(--ds-space-1);
  font-size: var(--ds-text-sm);
  color: var(--ds-fg-muted);
}
.ds-input-hint.ds-input-hint--error {
  color: var(--ds-danger);
}

.ds-chip {
  display: inline-flex;
  align-items: center;
  gap: var(--ds-space-1);
  padding: 3px 10px;
  background: var(--ds-neutral-bg);
  color: var(--ds-neutral-fg);
  border-radius: var(--ds-radius-xs);
  font-family: var(--ds-font-family);
  font-size: var(--ds-text-xs);
  font-weight: var(--ds-fw-bold);
  line-height: var(--ds-leading-tight);
  letter-spacing: var(--ds-tracking-wider);
  text-transform: uppercase;
  white-space: nowrap;
}

.ds-chip--success,
.ds-chip--active {
  background: var(--ds-success-bg);
  color: var(--ds-success-fg);
}

.ds-chip--danger,
.ds-chip--inactive {
  background: var(--ds-danger-bg);
  color: var(--ds-danger-fg);
}

.ds-chip--warning {
  background: var(--ds-warning-bg);
  color: var(--ds-warning-fg);
}

.ds-chip--info {
  background: var(--ds-info-bg);
  color: var(--ds-info-fg);
}

.ds-chip--neutral,
.ds-chip--unknown {
  background: var(--ds-neutral-bg);
  color: var(--ds-neutral-fg);
}

.ds-chip--pill {
  border-radius: var(--ds-radius-pill);
}

.ds-chip--outline {
  background: transparent;
  border: 1px solid currentColor;
}

.ds-chip--brand {
  background: var(--ds-brand-soft);
  color: var(--ds-brand);
}

.ds-icon-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  margin: 0;
  padding: 0;
  background: transparent;
  color: var(--ds-icon-gray);
  border: none;
  border-radius: var(--ds-radius-sm);
  cursor: pointer;
  transition: background var(--ds-motion-fast) var(--ds-ease-standard), color var(--ds-motion-fast) var(--ds-ease-standard);
}
.ds-icon-btn mat-icon,
.ds-icon-btn .mat-icon,
.ds-icon-btn .material-icons,
.ds-icon-btn svg {
  font-size: 18px !important;
  width: 18px !important;
  height: 18px !important;
  line-height: 18px !important;
}
.ds-icon-btn:focus-visible {
  outline: none;
  box-shadow: var(--ds-shadow-focus);
}
.ds-icon-btn:disabled, .ds-icon-btn.ds-icon-btn--disabled {
  opacity: 0.4;
  cursor: not-allowed;
  pointer-events: none;
}

.ds-icon-btn--sm {
  width: 26px;
  height: 26px;
  border-radius: var(--ds-radius-xs);
}
.ds-icon-btn--sm mat-icon, .ds-icon-btn--sm .mat-icon, .ds-icon-btn--sm .material-icons, .ds-icon-btn--sm svg {
  font-size: 14px !important;
  width: 14px !important;
  height: 14px !important;
  line-height: 14px !important;
}

.ds-icon-btn--lg {
  width: 40px;
  height: 40px;
}
.ds-icon-btn--lg mat-icon, .ds-icon-btn--lg .mat-icon, .ds-icon-btn--lg .material-icons, .ds-icon-btn--lg svg {
  font-size: 22px !important;
  width: 22px !important;
  height: 22px !important;
  line-height: 22px !important;
}

.ds-icon-btn--blue {
  color: var(--ds-icon-blue);
}
.ds-icon-btn--blue:hover:not(:disabled) {
  background: var(--ds-icon-blue-bg);
}

.ds-icon-btn--green {
  color: var(--ds-icon-green);
}
.ds-icon-btn--green:hover:not(:disabled) {
  background: var(--ds-icon-green-bg);
}

.ds-icon-btn--red {
  color: var(--ds-icon-red);
}
.ds-icon-btn--red:hover:not(:disabled) {
  background: var(--ds-icon-red-bg);
}

.ds-icon-btn--gray {
  color: var(--ds-icon-gray);
}
.ds-icon-btn--gray:hover:not(:disabled) {
  background: var(--ds-icon-gray-bg);
}

.ds-icon-btn--orange {
  color: var(--ds-icon-orange);
}
.ds-icon-btn--orange:hover:not(:disabled) {
  background: var(--ds-icon-orange-bg);
}

.ds-icon-btn--purple {
  color: var(--ds-icon-purple);
}
.ds-icon-btn--purple:hover:not(:disabled) {
  background: var(--ds-icon-purple-bg);
}

.ds-icon-btn-group {
  display: inline-flex;
  align-items: center;
  gap: var(--ds-space-1);
}

.ds-card {
  background: var(--ds-bg-surface);
  border: 1px solid var(--ds-border);
  border-radius: var(--ds-radius-xl);
  padding: var(--ds-space-5);
  box-sizing: border-box;
}

.ds-card--pad-0 {
  padding: 0;
}

.ds-card--pad-sm {
  padding: var(--ds-space-4);
}

.ds-card--pad-lg {
  padding: var(--ds-space-8);
}

.ds-card--shadow {
  box-shadow: var(--ds-shadow-md);
}

.ds-card--borderless {
  border: none;
}

.ds-card__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--ds-space-3);
  padding: var(--ds-space-4) var(--ds-space-5);
  border-bottom: 1px solid var(--ds-border);
}

.ds-card__title {
  margin: 0;
  font-size: var(--ds-text-xl);
  font-weight: var(--ds-fw-bold);
  color: var(--ds-fg-primary);
}

.ds-card__body {
  padding: var(--ds-space-5);
}

.ds-card__footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: var(--ds-space-2);
  padding: var(--ds-space-4) var(--ds-space-5);
  border-top: 1px solid var(--ds-border);
}

.ds-table {
  width: 100%;
  border-collapse: collapse;
  font-family: var(--ds-font-family);
}
.ds-table th,
.ds-table .mat-mdc-header-cell {
  padding: var(--ds-space-4) var(--ds-space-4) !important;
  background: var(--ds-bg-subtle);
  color: var(--ds-fg-secondary);
  font-size: var(--ds-text-sm);
  font-weight: var(--ds-fw-semi);
  text-align: left;
  text-transform: uppercase;
  letter-spacing: var(--ds-tracking-wide);
  border-bottom: 1px solid var(--ds-border);
  white-space: nowrap;
}
.ds-table td,
.ds-table .mat-mdc-cell {
  padding: var(--ds-space-4) var(--ds-space-4) !important;
  color: var(--ds-fg-primary);
  font-size: var(--ds-text-lg);
  line-height: var(--ds-leading-base);
  vertical-align: middle;
  border-bottom: 1px solid var(--ds-bg-hover);
}
.ds-table tbody tr,
.ds-table .mat-mdc-row {
  transition: background var(--ds-motion-fast) var(--ds-ease-standard);
}
.ds-table tbody tr:hover,
.ds-table .mat-mdc-row:hover {
  background: var(--ds-bg-subtle);
}
.ds-table tbody tr:last-child td, .ds-table tbody tr:last-child .mat-mdc-cell,
.ds-table .mat-mdc-row:last-child td,
.ds-table .mat-mdc-row:last-child .mat-mdc-cell {
  border-bottom: none;
}
.ds-table a {
  color: var(--ds-brand);
  text-decoration: none;
}
.ds-table a:hover {
  text-decoration: underline;
}

.ds-table--dense th, .ds-table--dense .mat-mdc-header-cell {
  padding: var(--ds-space-2) var(--ds-space-3) !important;
}
.ds-table--dense td, .ds-table--dense .mat-mdc-cell {
  padding: var(--ds-space-2) var(--ds-space-3) !important;
}

.ds-table--static tbody tr:hover,
.ds-table--static .mat-mdc-row:hover {
  background: transparent;
}

.ds-table-wrap {
  width: 100%;
  overflow-x: auto;
}

.ds-table-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--ds-space-2);
  padding: var(--ds-space-10) var(--ds-space-4);
  color: var(--ds-fg-muted);
  text-align: center;
}
.ds-table-empty mat-icon, .ds-table-empty .mat-icon, .ds-table-empty .material-icons {
  font-size: 40px !important;
  width: 40px !important;
  height: 40px !important;
  opacity: 0.4;
}
.ds-table-empty p {
  margin: 0;
  font-size: var(--ds-text-lg);
}

.ds-page-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--ds-space-4);
  flex-wrap: wrap;
  margin-bottom: var(--ds-space-2);
}

.ds-page-header__left {
  display: flex;
  align-items: center;
  gap: var(--ds-space-2);
}

.ds-page-header__back {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  color: var(--ds-fg-primary);
  border-radius: var(--ds-radius-md);
  transition: background var(--ds-motion-fast) var(--ds-ease-standard);
}
.ds-page-header__back:hover {
  background: var(--ds-bg-hover);
}

.ds-page-header__titles {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.ds-page-header__title {
  margin: 0;
  font-family: var(--ds-font-family);
  font-size: var(--ds-text-3xl);
  font-weight: var(--ds-fw-bold);
  line-height: var(--ds-leading-tight);
  letter-spacing: var(--ds-tracking-tight);
  color: var(--ds-fg-primary);
}

.ds-page-header__actions {
  display: flex;
  align-items: center;
  gap: var(--ds-space-2);
  flex-wrap: wrap;
}

.ds-page-subtitle {
  margin: 0 0 var(--ds-space-6) 0;
  font-family: var(--ds-font-family);
  font-size: var(--ds-text-md);
  color: var(--ds-fg-muted);
  line-height: var(--ds-leading-base);
}

@media (max-width: 640px) {
  .ds-page-header {
    flex-direction: column;
    align-items: stretch;
  }
  .ds-page-header__actions {
    width: 100%;
    justify-content: flex-end;
  }
}
.ds-meta {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: var(--ds-space-2) 0;
  font-family: var(--ds-font-family);
  font-size: var(--ds-text-sm);
  font-weight: var(--ds-fw-medium);
  color: var(--ds-fg-muted);
}

.ds-meta-inline {
  display: inline-flex;
  align-items: center;
  gap: var(--ds-space-1);
  font-family: var(--ds-font-family);
  font-size: var(--ds-text-sm);
  color: var(--ds-fg-muted);
}

.ds-alert {
  display: flex;
  align-items: center;
  gap: var(--ds-space-2);
  padding: var(--ds-space-3) var(--ds-space-4);
  margin: var(--ds-space-4) 0;
  border-radius: var(--ds-radius-md);
  border: 1px solid transparent;
  font-family: var(--ds-font-family);
  font-size: var(--ds-text-md);
  line-height: var(--ds-leading-base);
}
.ds-alert mat-icon, .ds-alert .mat-icon, .ds-alert .material-icons {
  font-size: 18px !important;
  width: 18px !important;
  height: 18px !important;
  flex-shrink: 0;
}

.ds-alert--danger {
  background: var(--ds-danger-bg);
  color: var(--ds-danger-fg);
  border-color: #fecaca;
}

.ds-alert--warning {
  background: var(--ds-warning-bg);
  color: var(--ds-warning-fg);
  border-color: #fde68a;
}

.ds-alert--success {
  background: var(--ds-success-bg);
  color: var(--ds-success-fg);
  border-color: #bbf7d0;
}

.ds-alert--info {
  background: var(--ds-info-bg);
  color: var(--ds-info-fg);
  border-color: #bfdbfe;
}

.ds-stepper {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0;
  padding: var(--ds-space-2) 0 var(--ds-space-7);
  position: relative;
}

.ds-stepper__step {
  width: 32px;
  height: 32px;
  flex-shrink: 0;
  position: relative;
}

.ds-stepper__circle {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  font-size: var(--ds-text-sm);
  font-weight: var(--ds-fw-bold);
  font-family: var(--ds-font-family);
  flex-shrink: 0;
  transition: background var(--ds-motion-base) var(--ds-ease-standard), border-color var(--ds-motion-base) var(--ds-ease-standard), color var(--ds-motion-base) var(--ds-ease-standard);
}

.ds-stepper__circle--active {
  background: var(--ds-bg-surface);
  border: 2px solid var(--ds-brand);
  color: var(--ds-brand);
}

.ds-stepper__circle--done {
  background: var(--ds-brand);
  color: var(--ds-fg-on-brand);
}
.ds-stepper__circle--done mat-icon,
.ds-stepper__circle--done .mat-icon,
.ds-stepper__circle--done .material-icons {
  font-size: 18px !important;
  width: 18px !important;
  height: 18px !important;
  line-height: 18px !important;
}

.ds-stepper__circle--pending {
  background: var(--ds-bg-surface);
  border: 2px solid var(--ds-border-strong);
  color: var(--ds-fg-placeholder);
}

.ds-stepper__title {
  position: absolute;
  top: calc(100% + var(--ds-space-2));
  left: 50%;
  transform: translateX(-50%);
  font-family: var(--ds-font-family);
  font-size: var(--ds-text-xs);
  font-weight: var(--ds-fw-semi);
  line-height: var(--ds-leading-tight);
  margin: 0;
  text-align: center;
  white-space: nowrap;
}

.ds-stepper__title--active,
.ds-stepper__title--done {
  color: var(--ds-brand);
  font-weight: var(--ds-fw-bold);
}

.ds-stepper__title--pending {
  color: var(--ds-fg-placeholder);
}

.ds-stepper__divider {
  flex: 0 0 120px;
  height: 2px;
  margin: 0;
  border-radius: 1px;
  transition: background var(--ds-motion-base) var(--ds-ease-standard);
}

.ds-stepper__divider--done {
  background: var(--ds-brand);
}

.ds-stepper__divider--pending {
  background: var(--ds-border-strong);
}

@media (max-width: 640px) {
  .ds-stepper__divider {
    flex-basis: 56px;
  }
  .ds-stepper__title {
    font-size: 11px;
  }
}
/* Fase 2: primitivos .ds-btn / .ds-input / .ds-table / etc. */
.ds-list {
  width: 100%;
  max-width: 100%;
}

.ds-list__filters {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--ds-space-4);
}

.ds-list__filter-actions {
  display: flex;
  gap: var(--ds-space-2);
  flex-wrap: wrap;
}

.ds-list__filters-card {
  margin-bottom: var(--ds-space-4);
}

.ds-list__data-card {
  overflow: hidden;
}

.ds-list__data-card .ds-list__meta {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: var(--ds-space-3) var(--ds-space-5);
  margin: 0;
  border-bottom: 1px solid var(--ds-border);
  font-family: var(--ds-font-family);
  font-size: var(--ds-text-sm);
  font-weight: var(--ds-fw-medium);
  color: var(--ds-fg-muted);
}

.ds-list__data-card .mat-mdc-paginator {
  border-top: 1px solid var(--ds-border);
}

@media (max-width: 640px) {
  .ds-list__filters {
    flex-direction: column;
    align-items: stretch;
  }
  .ds-list__filters > * {
    width: 100%;
  }
}
/* Fase 3: patterns .ds-list */
.ds-table.mat-mdc-table,
table.ds-table[mat-table] {
  background: transparent;
}
.ds-table.mat-mdc-table .mat-mdc-header-row,
table.ds-table[mat-table] .mat-mdc-header-row {
  background: var(--ds-bg-subtle);
  min-height: 0;
}
.ds-table.mat-mdc-table .mat-mdc-row,
table.ds-table[mat-table] .mat-mdc-row {
  min-height: 0;
}
.ds-table.mat-mdc-table .mat-mdc-header-cell,
table.ds-table[mat-table] .mat-mdc-header-cell {
  color: var(--ds-fg-secondary) !important;
  font-family: var(--ds-font-family) !important;
  font-size: var(--ds-text-sm) !important;
  font-weight: var(--ds-fw-semi) !important;
  letter-spacing: var(--ds-tracking-wide) !important;
  text-transform: uppercase !important;
  border-bottom-color: var(--ds-border) !important;
}
.ds-table.mat-mdc-table .mat-mdc-cell,
table.ds-table[mat-table] .mat-mdc-cell {
  color: var(--ds-fg-primary) !important;
  font-family: var(--ds-font-family) !important;
  font-size: var(--ds-text-lg) !important;
  border-bottom-color: var(--ds-bg-hover) !important;
}
.ds-table.mat-mdc-table .mat-mdc-row:last-child .mat-mdc-cell,
table.ds-table[mat-table] .mat-mdc-row:last-child .mat-mdc-cell {
  border-bottom: none !important;
}

.mat-mdc-paginator {
  background: transparent !important;
  color: var(--ds-fg-muted) !important;
  font-family: var(--ds-font-family) !important;
  font-size: var(--ds-text-sm) !important;
}
.mat-mdc-paginator .mat-mdc-paginator-container {
  min-height: 48px;
  padding: var(--ds-space-2) var(--ds-space-3);
}

/* Fase 4: Material overrides */
/* Tokens reutilizables (features existentes + paridad webapp) */
:root {
  --bdl-primary: #066bf1;
  --bdl-primary-contrast: #ffffff;
  --bdl-status-success: #219457;
  --bdl-status-warning: #e5ba0c;
  --bdl-status-error: #e74c3c;
  --bdl-surface-muted: #f9f9f9;
  --webapp-main-text: #022759;
  --webapp-clouds: #ecf0f1;
  --webapp-product-blue: #066bf1;
}

*,
:after,
:before {
  box-sizing: unset;
}

html {
  height: 100%;
}

body {
  margin: 0;
  font-family: "Nunito Sans", sans-serif;
  background-color: #ecf0f1;
  font-size: 16px;
  color: #022759;
  -webkit-font-smoothing: antialiased;
  text-align: left;
  line-height: 1.5;
  height: 100%;
  font-weight: normal;
}

a {
  text-decoration: none !important;
  color: #066bf1;
}
a.default {
  color: #022759;
}
a.underline {
  text-decoration: underline !important;
}

table {
  border-collapse: collapse;
}

/* Clases globales legadas → component layer con tokens (Fase 2 / PLAN-006) */
/*
 * mat-icon — PLAN-007 (orden directa: regla global fuera de @layer, igual que
 * webapp/src/scss/externalLibraries.scss L267–273).
 * Clases de tamaño opcionales: bdl-icon-xs | bdl-icon-sm | (default) | bdl-icon-lg
 */
mat-icon.mat-icon,
.mat-icon {
  font-family: "Material Icons";
  font-feature-settings: "liga";
  background-repeat: no-repeat;
  display: inline-block;
  fill: currentColor;
  font-size: 24px;
  width: 24px;
  height: 28px !important;
  line-height: 28px;
  overflow: visible;
  color: inherit;
}

.mat-mdc-icon-button mat-icon.mat-icon,
.mat-mdc-icon-button .mat-icon {
  font-size: 24px;
  width: 24px;
  height: 28px !important;
  line-height: 28px;
}

mat-icon.mat-icon.bdl-icon-sm {
  font-size: 18px;
  width: 18px;
  height: 20px !important;
  line-height: 20px;
}

mat-icon.mat-icon.bdl-icon-xs {
  font-size: 16px;
  width: 16px;
  height: 18px !important;
  line-height: 18px;
}

mat-icon.mat-icon.bdl-icon-lg {
  font-size: 32px;
  width: 32px;
  height: 36px !important;
  line-height: 36px;
}

/* ─── Native form element resets — used in company forms ─────────────────── */
input.border-main,
select.border-main,
textarea.border-main {
  width: 100%;
  box-sizing: border-box;
  font-family: inherit;
  transition: border-color 0.2s, box-shadow 0.2s;
}
input.border-main:focus,
select.border-main:focus,
textarea.border-main:focus {
  outline: none;
  border-color: #066bf1 !important;
  box-shadow: 0 0 0 3px rgba(6, 107, 241, 0.12);
}

select.border-main {
  appearance: none;
  -webkit-appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='%237f8c8d'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 10px center;
  padding-right: 32px !important;
}

/* ─── Tab content layout ──────────────────────────────────────────────────── */
.tab-content {
  width: 100%;
  padding: 0;
  box-sizing: border-box;
}

/* ─── Header bar double display fix ──────────────────────────────────────── */
.header-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

@media (max-width: 768px) {
}
/*
 * w-100 / h-100 override — Tailwind spacing genera w-100=100px con !important
 * pero en todos los templates heredados de webapp, w-100/h-100 significa 100%.
 * Esta regla va AL FINAL para ganar el cascade frente a Tailwind utilities.
 */
.w-100 {
  width: 100% !important;
}

.h-100 {
  height: 100% !important;
}

/*# sourceMappingURL=styles.css.map*/