/*!**********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].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[4].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[2]!./src/styles.css?ngGlobalStyle ***!
  \**********************************************************************************************************************************************************************************************************************/
/* You can add global styles to this file, and also import other style files */

/* Tailwind. The directives sit at the top so that everything written below them — the theme
   overrides this file exists for — still beats a utility at equal specificity. Preflight is
   disabled in tailwind.config.js, which explains why and what else the theme constrains while
   both stylesheets are live. */
*, ::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:  ;
}
::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:  ;
}
.visible {
    visibility: visible;
}
.fixed {
    position: fixed;
}
.table {
    display: table;
}
.contents {
    display: contents;
}
.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));
}
.bg-left {
    background-position: left;
}
.bg-right {
    background-position: right;
}
.italic {
    font-style: italic;
}
.underline {
    text-decoration-line: underline;
}
.blur {
    --tw-blur: blur(8px);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.filter {
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

/* ============================================================================================
   The theme's base layer, extracted.

   Phase 4 deletes `fusion.css` and `style-min.css`. Almost nothing in them is still reached —
   `tools/theme-migration/remaining.mjs` walks all 14,035 rules against all 27 routes and finds
   123 — but what *is* reached is the layer the whole site renders with: the design tokens and the
   bare element rules that read them. Deleting the files without this moves every page height and
   23,358 element rows, led by `line-height` (19,012), `font-family` (14,444) and `font-size`
   (10,378).

   This is copied in first, with the files still loaded, so it can be verified to change nothing:
   our stylesheet is last in `angular.json`, so an identical declaration at equal specificity is a
   no-op. The deletion is then a separate step.

   Three things are deliberately not transcribed literally:

   - **The guards are dropped.** The theme writes `html:not(.avada-html-layout-boxed) body` and
     `.layout-wide-mode #wrapper`, testing classes that `index.html` puts on <html> and <body> —
     and phase 4 deletes that 1,388-character class attribute too. What is kept is the branch the
     site actually takes, written unconditionally. The specificity that decided between two
     branches is preserved where it mattered: `body`'s background comes from `--bg_color` and not
     `--content_bg_color` only because the guarded rule outranked the plain one.
   - **The selector lists are cut to what can match.** The theme's heading rules name 20-odd
     WooCommerce, Tribe Events and blog-layout selectors alongside `h1`; none of that markup
     exists here.
   - **`--awb-*` and `--tec-*` tokens are excluded.** `--tec-*` is The Events Calendar and is
     dead. `--awb-*` are per-component and are declared by each component's own rule — hoisting
     them to `:root` would make them inherit everywhere and break every fallback chain in this
     file that depends on their being absent.
   ============================================================================================ */

/* The site's two webfaces. Their `@font-face` rules were inside `fusion.css` too, which is the
   second thing in it that no count of theme classes would have shown: losing them costs no
   classes and no layout rules, it just re-renders the whole site in Arial. `font-display: swap`
   and the Latin `unicode-range` are the theme's own.

   Of the 37 faces the theme declares, these four are the only ones with a real source. The rest
   — every italic, every non-Latin subset, `digital` and `awb-icons` — point at the old WordPress
   host and have always 404'd, which is most of defect 3 in this document. They are not copied. */
@font-face {
    font-family: "DM Sans";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("/assets/fonts/rP2Yp2ywxg089UriI5-g4vlH9VoD8Cmcqbu0-K4.woff2") format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304,
        U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212,
        U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: "DM Sans";
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url("/assets/fonts/rP2Yp2ywxg089UriI5-g4vlH9VoD8Cmcqbu0-K4.woff2") format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304,
        U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212,
        U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: "DM Sans";
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url("/assets/fonts/rP2Yp2ywxg089UriI5-g4vlH9VoD8Cmcqbu0-K4.woff2") format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304,
        U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212,
        U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 700;
    font-stretch: 100%;
    font-display: swap;
    src: url("/assets/fonts/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsg-1x4gaVI.woff2")
        format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304,
        U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212,
        U+2215, U+FEFF, U+FFFD;
}

:root {
    --bg-color-overlay: normal;
    --bg_color: #e2e2e2;
    --bg_image: none;
    --bg_repeat: no-repeat;
    --body_typography-color: #000000;
    --body_typography-font-family: "DM Sans", Arial, Helvetica, sans-serif;
    --body_typography-font-size: 18px;
    --body_typography-font-weight: 400;
    --body_typography-letter-spacing: 0px;
    --body_typography-line-height: 1.6;
    --button_accent_color: #ffffff;
    --button_accent_hover_color: #001680;
    --button_border_color: #ffffff;
    --button_border_hover_color: #ffffff;
    --button_border_width-bottom: 0px;
    --button_border_width-left: 0px;
    --button_border_width-right: 0px;
    --button_border_width-top: 0px;
    --button_font_size: 14px;
    --button_gradient_angle: 180deg;
    --button_gradient_bottom_color: #001680;
    --button_gradient_bottom_color_hover: #f1f6ff;
    --button_gradient_end: 100%;
    --button_gradient_start: 0%;
    --button_gradient_top_color: #000ac9;
    --button_gradient_top_color_hover: #f1f6ff;
    --button_line_height: 17px;
    --button_padding-bottom: 13px;
    --button_padding-left: 29px;
    --button_padding-right: 29px;
    --button_padding-top: 13px;
    --button_typography-font-weight: 500;
    --col_margin-bottom: 20px;
    --col_margin-top: 0px;
    --content_bg_color: #ffffff;
    --content_bg_image: none;
    --content_bg_repeat: no-repeat;
    --form_border_color: #e2e2e2;
    --h1_typography-color: #000000;
    --h1_typography-font-family: "Open Sans", Arial, Helvetica, sans-serif;
    --h1_typography-font-size: 50px;
    --h1_typography-font-weight: 700;
    --h1_typography-letter-spacing: 0px;
    --h1_typography-line-height: 1;
    --h1_typography-margin-bottom: 0.67em;
    --h1_typography-margin-top: 0.67em;
    --h2_typography-color: #000000;
    --h2_typography-font-family: "Open Sans", Arial, Helvetica, sans-serif;
    --h2_typography-font-size: 32px;
    --h2_typography-font-weight: 700;
    --h2_typography-letter-spacing: 0px;
    --h2_typography-line-height: 1.35;
    --h2_typography-margin-bottom: 1.1em;
    --h2_typography-margin-top: 0em;
    --h3_typography-color: #000000;
    --h3_typography-font-family: "DM Sans";
    --h3_typography-font-size: 24px;
    --h3_typography-font-weight: 700;
    --h3_typography-letter-spacing: 0px;
    --h3_typography-line-height: 1.3;
    --h3_typography-margin-bottom: 1em;
    --h3_typography-margin-top: 1em;
    --h4_typography-color: #000000;
    --h4_typography-font-family: "DM Sans";
    --h4_typography-font-size: 23px;
    --h4_typography-font-weight: 400;
    --h4_typography-letter-spacing: 0px;
    --h4_typography-line-height: 1.36;
    --h4_typography-margin-bottom: 1.33em;
    --h4_typography-margin-top: 1.33em;
    --hundredp_padding: 30px;
    --hundredp_padding-fallback_to_zero: 30px;
    --hundredp_padding-fallback_to_zero_px: 30px;
    --hundredp_padding-hundred_percent_negative_margin: -30px;
    --icon_color: #ffffff;
    --link_color: #0057ff;
    --link_color-8a: rgba(0, 87, 255, 0.8);
    --main_padding-bottom: 90px;
    --main_padding-top: 0;
    --main_padding-top-or-55px: 0;
    --meta_font_size: 13px;
    --primary_color: #00157b;
    --primary_color-2a: rgba(0, 21, 123, 0.2);
    --primary_color-35a: rgba(0, 21, 123, 0.35);
    --primary_color-5a: rgba(0, 21, 123, 0.5);
    --primary_color-7a: rgba(0, 21, 123, 0.7);
    --primary_color-85a: rgba(0, 21, 123, 0.85);
    --sep_color: #e2e2e2;
    --site_width: 1260px;
    --site_width-int: 1260;
    --title_border_color: #e2e2e2;
    --title_margin-bottom: 15px;
    --title_margin-left: 0px;
    --title_margin-right: 0px;
    --title_margin-top: 10px;
}

* {
    box-sizing: border-box;
}

html {
    background-color: var(--content_bg_color);
}

body {
    margin: 0;
    min-width: 320px;
    overflow-x: hidden;
    overflow-y: scroll;
    -webkit-text-size-adjust: 100%;
    /* The theme sets the page's typeface on `body` through four separate rules, each naming
       thirty-odd selectors with `body` buried among them, rather than in its own `body` block.
       Missing the `line-height` one alone moved 14,776 element rows. */
    color: var(--body_typography-color);
    font-family: var(--body_typography-font-family, inherit);
    font-size: var(--body_typography-font-size, 16px);
    font-style: var(--body_typography-font-style, normal);
    font-weight: var(--body_typography-font-weight);
    line-height: var(--body_typography-line-height);
    letter-spacing: var(--body_typography-letter-spacing);
    /* The theme's guarded rule outranks its plain one, so the page behind the content is the
       `--bg_color` grey rather than the `--content_bg_color` white. */
    background-color: var(--bg_color);
    background-blend-mode: var(--bg-color-overlay);
    background-image: var(--bg_image);
    background-repeat: var(--bg_repeat);
}

img {
    max-width: 100%;
    height: auto;
    border-style: none;
    vertical-align: top;
}

a {
    text-decoration: none;
}

/* Written as `body a` rather than `a`, which is the theme's own specificity and is load-bearing:
   several of our own classes paint their links with a single class selector and have to keep
   winning against it. */
body a,
body a::before,
body a::after {
    color: var(--link_color);
}

a,
a::before,
a::after {
    transition-property: color, background-color, border-color;
    transition-duration: 0.2s;
    transition-timing-function: linear;
}

input,
select,
textarea {
    font-family: var(--body_typography-font-family, inherit);
    vertical-align: middle;
    color: var(--body_typography-color);
}

input::placeholder,
textarea::placeholder {
    color: #999;
}

fieldset,
form {
    margin: 0;
    padding: 0;
    border-style: none;
}

bold,
strong {
    font-weight: bolder;
}

iframe {
    border: none;
}

/* Headings. The theme splits each one across four rules — face, size, colour and margins — and
   each names a different selector list; only the bare tag survives the cut. */
h1 {
    font-family: var(--h1_typography-font-family);
    font-size: var(--h1_typography-font-size);
    font-style: var(--h1_typography-font-style, normal);
    font-weight: var(--h1_typography-font-weight);
    line-height: var(--h1_typography-line-height);
    letter-spacing: var(--h1_typography-letter-spacing);
    text-transform: var(--h1_typography-text-transform);
    color: var(--h1_typography-color);
    margin-top: var(--h1_typography-margin-top);
    margin-bottom: var(--h1_typography-margin-bottom);
}

h2 {
    font-family: var(--h2_typography-font-family);
    font-size: var(--h2_typography-font-size);
    font-style: var(--h2_typography-font-style, normal);
    font-weight: var(--h2_typography-font-weight);
    line-height: var(--h2_typography-line-height);
    letter-spacing: var(--h2_typography-letter-spacing);
    text-transform: var(--h2_typography-text-transform);
    color: var(--h2_typography-color);
    margin-top: var(--h2_typography-margin-top);
    margin-bottom: var(--h2_typography-margin-bottom);
}

h3 {
    font-family: var(--h3_typography-font-family);
    font-size: var(--h3_typography-font-size);
    font-style: var(--h3_typography-font-style, normal);
    font-weight: var(--h3_typography-font-weight);
    line-height: var(--h3_typography-line-height);
    letter-spacing: var(--h3_typography-letter-spacing);
    text-transform: var(--h3_typography-text-transform);
    color: var(--h3_typography-color);
    margin-top: var(--h3_typography-margin-top);
    margin-bottom: var(--h3_typography-margin-bottom);
}

h4 {
    font-family: var(--h4_typography-font-family);
    font-size: var(--h4_typography-font-size);
    font-style: var(--h4_typography-font-style, normal);
    font-weight: var(--h4_typography-font-weight);
    line-height: var(--h4_typography-line-height);
    letter-spacing: var(--h4_typography-letter-spacing);
    text-transform: var(--h4_typography-text-transform);
    color: var(--h4_typography-color);
    margin-top: var(--h4_typography-margin-top);
    margin-bottom: var(--h4_typography-margin-bottom);
}

/* The WordPress page scaffolding the stored content still sits inside. */
#boxed-wrapper {
    overflow-x: hidden;
    overflow-x: clip;
}

#wrapper {
    position: relative;
    width: 100%;
    max-width: none;
    overflow: visible;
    background-color: var(--content_bg_color);
}

#main {
    clear: both;
    padding: var(--main_padding-top) 30px var(--main_padding-bottom);
    background-color: var(--content_bg_color);
    background-image: var(--content_bg_image);
    background-repeat: var(--content_bg_repeat);
    transition-property: color, background-color, border-color;
    transition-duration: 0.2s;
    transition-timing-function: linear;
}

#main.width-100 {
    padding-left: var(--hundredp_padding-fallback_to_zero);
    padding-right: var(--hundredp_padding-fallback_to_zero);
}

#content {
    width: 71.1702128%;
    float: left;
    min-height: 1px;
}

#content.full-width {
    width: 100%;
}

#sliders-container {
    position: relative;
    width: 100%;
    max-width: none;
}

.post {
    margin-bottom: 65px;
}

.post-content p {
    margin: 0 0 20px;
}

.post-content:not(.fusion-post-content) {
    position: relative;
}

.rich-snippet-hidden,
.fusion-page-load-link {
    display: none;
}

.clearfix,
.container,
.container-fluid,
.row {
    clear: both;
    zoom: 1;
}

.screen-reader-text {
    position: absolute !important;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    border: 0;
    word-wrap: normal !important;
}

/* Tables. `table` is four of the site's pages; `.table` is the class the stored content uses. */
table {
    max-width: 100%;
    background-color: transparent;
    border-collapse: collapse;
    border-spacing: 0;
}

.table {
    width: 100%;
    margin-bottom: 20px;
    border-color: #e5e4e3;
}

/* Declared before the two rules below, which is the theme's own order and is what decides the
   outcome: this paints the left and right edges, and the literal `#e5e4e3` in the `border-top`
   and `border-bottom` shorthands below wins on those two. Putting it after instead repainted the
   whole cell in `--sep_color`. */
.table > thead > tr > td,
.table > thead > tr > th,
.table > tbody > tr > td,
.table > tbody > tr > th,
.table > tfoot > tr > td,
.table > tfoot > tr > th {
    border-color: var(--sep_color);
    padding: 8px;
    line-height: 1.53846154;
    vertical-align: top;
    border-top: 1px solid #e5e4e3;
}

.table > thead > tr > th {
    vertical-align: bottom;
    border-bottom: 2px solid #e5e4e3;
}

/* `caption +` and `colgroup +` are not padding: the stored content's Ninja tables open with a
   `<colgroup>`, so that is the variant that actually fires, and dropping it put a 1px line above
   every table header on Our Members. */
.table > caption + thead > tr:first-child > td,
.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > td,
.table > thead:first-child > tr:first-child > th {
    border-top: 0;
}

/* A table header is set in the theme's h4 face, which is the one selector worth keeping out of
   that rule's twenty-odd. */
/* The face only. The theme's rule names no `font-size` and no `color` here, and adding them took
   the stored tables' headers from 14px to 23px and every column width with them. */
table th {
    font-family: var(--h4_typography-font-family);
    font-style: var(--h4_typography-font-style, normal);
    font-weight: var(--h4_typography-font-weight);
    line-height: var(--h4_typography-line-height);
    letter-spacing: var(--h4_typography-letter-spacing);
    text-transform: var(--h4_typography-text-transform);
}

.table > thead > tr > th,
.table > tbody > tr > th {
    padding: 20px;
    font-weight: 700;
}

.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
    padding: 10px 20px;
}

/* The theme's responsive rules for the same scaffolding. `max-device-width` is the physical
   screen rather than the viewport, and it is the theme's own choice — kept as written, because on
   a phone the two agree and on a desktop neither applies. */
@media only screen and (max-width: 800px) {
    #wrapper {
        width: auto !important;
    }

    #content {
        width: 100% !important;
        margin-left: 0 !important;
    }

    #content.full-width {
        margin-bottom: 0;
    }
}

@media only screen and (max-width: 640px) {
    #main,
    body {
        background-attachment: scroll !important;
    }

    #content {
        width: 100% !important;
        margin-left: 0 !important;
    }
}

@media only screen and (max-device-width: 640px) {
    #wrapper {
        width: auto !important;
    }

    #content {
        width: 100% !important;
        float: none !important;
        margin-left: 0 !important;
        margin-bottom: 50px;
    }

    #content.full-width {
        margin-bottom: 0;
    }
}

/* The back-to-top button, which `index.html` renders on every page. Everything it looks like is
   in `fusion.css` — without this it becomes a plain underlined "Back to top" link sitting in the
   page flow, which is what the first deletion pass produced. The arrow is a glyph in the theme's
   own UI icon font.

   The theme hides it below 800px through a `no-mobile-totop` class on <body>, and phase 4 deletes
   that class attribute, so the media query carries the decision instead. */
.to-top-container #toTop {
    --totop_border_radius: 6px;
    --totop_background: #333333;
    --totop_background_hover: #00157b;
    --totop_icon_color: #ffffff;
    --totop_icon_hover: #ffffff;

    position: fixed;
    bottom: 0;
    right: 75px;
    width: 48px;
    height: 35px;
    z-index: 100000;
    opacity: 0;
    pointer-events: none;
    text-align: center;
    line-height: 1;
    border-radius: var(--totop_border_radius) var(--totop_border_radius) 0 0;
    background-color: var(--totop_background);
    transition: opacity 0.4s ease-in-out, background 0.2s ease-in-out;
}

.to-top-container #toTop::before {
    content: "\f106";
    font-family: "NSC UI Icons";
    font-size: 22px;
    line-height: 35px;
    color: var(--totop_icon_color);
    -webkit-font-smoothing: antialiased;
}

.to-top-container #toTop:hover {
    background-color: var(--totop_background_hover);
}

.to-top-container #toTop:hover::before {
    color: var(--totop_icon_hover);
}

.to-top-container #toTop:focus,
.to-top-container #toTop:active {
    outline: 0;
    background-color: var(--totop_background);
}

.to-top-container #toTop.fusion-to-top-active {
    opacity: 0.9;
    pointer-events: auto;
}

@media only screen and (max-width: 800px) {
    .to-top-container {
        display: none;
    }

    /* Still sized, although hidden: the theme sets both and a computed-style comparison sees it. */
    .to-top-container #toTop {
        bottom: 30px;
        width: 44px;
        height: 44px;
        border-radius: var(--totop_border_radius);
    }

    .to-top-container #toTop::before {
        line-height: 42px;
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
    .to-top-container {
        display: none;
    }
}

/* ======================================== end base layer ==================================== */

/* The theme stylesheets are listed in angular.json's `styles` array. They used to be
   @imported here as well, so every one of them was bundled twice. */

/* Page-title banner.

   The theme's JS read data-* off a <div class="fusion-bg-parallax"> and built an oversized layer
   behind the page title, shifting it on scroll. All 19 banners used the same image and the same
   settings, and mobile already had the effect disabled, so this is a static background instead.

   The geometry is reproduced rather than approximated. That layer was always 720px tall with
   background-size:cover, and the 450px-tall banner showed its top 450px, so which way `cover`
   scaled the 2560x1667 image depended on the width:

   - below 1106px the layer was height-constrained, so the image rendered 720px tall and centred
     horizontally: `auto 720px` / `center top`.
   - above it the layer was width-constrained, rendering 100% wide and (100/1.535693)vw tall,
     centred vertically in the 720px box. The visible top edge therefore sat at
     (720px - height)/2 = 360px - 32.5586vw, which is what the calc() below reproduces at any
     width rather than at one hard-coded breakpoint.

   Verified against the old rendering: RMSE 0 at 1440px, 0.0014 at 390px.

   The rgba(24,28,34,0.16) that fusion.css applies from --awb-background-color still sits behind
   the image, exactly as it sat behind the old layer. */
.nsc-page-banner {
    background-image: url("/assets/images/NSC-Banner-scaled.jpg");
    background-repeat: no-repeat;
    background-size: auto 720px;
    background-position: center top;
}

@media (min-width: 1106px) {
    .nsc-page-banner {
        background-size: 100% auto;
        background-position: center calc(360px - 32.5586vw);
    }
}

/* Entrance animations.

   fusion.css hides anything carrying `.fusion-animated` outright — `visibility: hidden` at
   fusion.css:80480 — and leaves it to the theme's JavaScript to reveal each element by setting an
   inline `visibility: visible` as it scrolls into view. Once that JavaScript goes, nothing ever
   sets it, and the elements stay hidden permanently: 236 of them on About Us and 66 on Contact,
   measured with the theme scripts blocked.

   It is easy to miss, because `visibility: hidden` still occupies layout — page height, element
   geometry and every other computed property are unchanged, so only a check that looks at
   `visibility` itself catches it.

   Avada's own switch for this is a `dont-animate` class on an ancestor (fusion.css:80484). We
   override the property directly instead, so the fix lives in our stylesheet rather than in a
   class on <body> that phase 4 deletes.

   The entrance animation itself is not reproduced. Like the parallax, it needed JavaScript to
   trigger, and what matters is that the content is on the page. */
.fusion-animated {
    visibility: visible;
}

/* Footer menu, below the theme's 1035px breakpoint.

   The one remaining `.awb-menu` is the footer's. Its markup carries no mobile toggle button, so
   the theme's JS collapsed it to nothing on narrow screens and nothing could ever open it again —
   on a phone this menu is simply not there. That JS is gone, and without it the menu rendered as a
   51px row of links, growing the footer by 50px on every page.

   This reproduces the collapsed geometry so mobile looks as it did. It is a faithful port of
   `.awb-menu.collapse-enabled.mobile-mode-collapse-to-button .awb-menu__main-ul` in fusion.css,
   with the class the JS used to add replaced by the media query it used to test. The
   `mobile-mode-collapse-to-button` half of the selector went with the rename: this is the only
   menu on the site, so there is no second mode to tell it apart from.

   Worth revisiting rather than preserving forever: these six links are unreachable on a phone. */
@media (max-width: 1035px) {
    /* Two classes, not one: `.nsc-menu__list` alone ties with the list's own rule further down
       this file, and the later one would win. */
    .nsc-menu .nsc-menu__list {
        display: block;
        max-height: 0;
        min-height: 0;
        overflow: hidden;
        opacity: 0;
    }
}

/* Buttons.

   The theme's button is a base that reads CSS custom properties, and each page sets them: nine
   component stylesheets reach into their page with `::ng-deep` and set `--button_gradient_top_color`
   and friends, plus a font size, a margin and a corner radius. Those rules are keyed on the
   button's **id**, not on a theme class, which is what lets the markup migrate a page at a time
   without touching them.

   The variable names are Avada's and stay that way for now. They are the contract between a page's
   stylesheet and its buttons; renaming them is per-page work that belongs with each page rather
   than here.

   What the theme set globally rather than per page is written out instead of referenced, because
   the declarations holding those values go with fusion.css in phase 4. All measured off the
   rendered buttons: the DM Sans stack, weight 500, no letter-spacing, `text-transform: none`, a
   white border, 13px corners, and a 180deg gradient running 0% to 100%. */
.nsc-button {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    cursor: pointer;
    text-decoration: none;
    transition: all 0.2s;

    font-family: "DM Sans", Arial, Helvetica, sans-serif;
    font-weight: var(--button_typography-font-weight, 500);
    text-transform: none;

    border-style: solid;
    border-width: var(--button_border_width-top, 0) var(--button_border_width-right, 0)
        var(--button_border_width-bottom, 0) var(--button_border_width-left, 0);
    border-color: var(--button_border_color, #ffffff);
    border-radius: var(--button-border-radius-top-left, 13px)
        var(--button-border-radius-top-right, 13px)
        var(--button-border-radius-bottom-right, 13px)
        var(--button-border-radius-bottom-left, 13px);

    margin: var(--button_margin-top, 0) var(--button_margin-right, 0)
        var(--button_margin-bottom, 0) var(--button_margin-left, 0);

    background-color: var(--button_gradient_top_color);
    background-image: linear-gradient(
        var(--button_gradient_angle, 180deg),
        var(--button_gradient_top_color) var(--button_gradient_start, 0%),
        var(--button_gradient_bottom_color) var(--button_gradient_end, 100%));
    color: var(--button_accent_color);

    /* The theme reached these through `.button-flat` and a `.fusion-disable-outline` class on
       <body>, both of which go in phase 4. */
    box-shadow: none;
    outline: 0;
}

.nsc-button:hover,
.nsc-button:focus,
.nsc-button:active {
    background-color: var(--button_gradient_top_color_hover);
    background-image: linear-gradient(
        var(--button_gradient_angle, 180deg),
        var(--button_gradient_top_color_hover) var(--button_gradient_start, 0%),
        var(--button_gradient_bottom_color_hover) var(--button_gradient_end, 100%));
    color: var(--button_accent_hover_color, var(--button_accent_color));
    border-color: var(--button_border_hover_color);
}

/* The three sizes in use. The theme shipped five; small and default are used nowhere. */
.nsc-button--medium {
    padding: 11px 23px;
    font-size: 13px;
    line-height: 16px;
}

.nsc-button--large {
    padding: 13px 29px;
    font-size: 14px;
    line-height: 17px;
}

.nsc-button--xlarge {
    /* `.button-xlarge` sets 17px 40px, and `.fusion-button.button-xlarge` overrides it further
       down the same file. 25px 35px is what actually rendered. */
    padding: 25px 35px;
    font-size: 18px;
    line-height: 21px;
}

/* The theme's "site default" size, which is what a button with no explicit size class got. Unlike
   the three above it is fully variable-driven, so the defaults here are the theme's own. */
.nsc-button--default {
    padding-top: var(--button_padding-top, 13px);
    padding-right: var(--button_padding-right, 29px);
    padding-bottom: var(--button_padding-bottom, 13px);
    padding-left: var(--button_padding-left, 29px);
    font-size: var(--button_font_size, 14px);
    line-height: var(--button_line_height, 1);
}

.nsc-button__text {
    color: var(--button_accent_color);
}

.nsc-button:hover .nsc-button__text,
.nsc-button:focus .nsc-button__text,
.nsc-button:active .nsc-button__text {
    color: var(--button_accent_hover_color, var(--button_accent_color));
}

/* The row wrapper that stored page content uses. `.fusion-row` was a centred block with a table
   clearfix, and it is load-bearing: its children are floated, so without the clearfix the
   container collapses — on Why Join, from 1458px tall to nothing. Reproduced exactly rather than
   swapped for `display: flow-root`, which would also contain margins and so is not the same. */
.nsc-row {
    /* Deliberately no `max-width`. The theme's `.fusion-row` picks one up from elsewhere when a
       page's <main> is not full-width — Why Engage the NSC is the only such page — and putting
       1260px here instead moved Leadership by 398px and News by 32px. That page keeps its bare
       `fusion-row` until the rule supplying it is tracked down. */
    margin: 0 auto;
}

.nsc-row::before,
.nsc-row::after {
    content: " ";
    display: table;
}

.nsc-row::after {
    clear: both;
}

/* Below 800px the theme made the page's own row a flex container. It is the only rule in
   fusion.css keyed on the `#main` id, and a fourth breakpoint on top of the three in the table in
   THEME-MIGRATION.md — 1035, 640 and the flip box's 900/768.

   It reads as decorative and is not: a flex container does not collapse its child's margins. On
   the 404 page, block display loses 50px of page height at 640 and 390 and lifts the text block
   18px. Measured as no change at 800, 640 and 390 on the six pages that already carry `.nsc-row`
   inside <main>, none of which has a collapsing margin to lose — which is why it went unnoticed
   when they were migrated. */
/* The site width, on the two pages whose <main> is not full-width. `.nsc-row` carries no
   `max-width` of its own because the theme's does not either: the constraint comes from
   `#main .fusion-row { max-width: var(--site_width) }`, keyed on the id, and `--site_width`
   measures 1260px. Writing it flat on `.nsc-row` instead was tried and was wrong — News and
   Leadership carry `<main id="">`, so the theme never constrained them, and 1260px moved News
   32px and Leadership 398px. Measured across every page with a row: with this rule each one
   computes the same `max-width` the theme's own selector gives it. */
#main .nsc-row {
    max-width: 1260px;
}

@media (max-width: 800px) {
    #main > .nsc-row {
        display: flex;
        flex-wrap: wrap;
    }
}

/* The builder grid.

   Avada's layout is a four-level stack — section, row, column, column wrapper — and stored page
   content is full of it. These classes reproduce what the theme's own gave each level, reading the
   same inline `--awb-*` custom properties, so the migration that renames them can leave every
   inline style alone.

   Two breakpoints, both measured rather than assumed, and both already used elsewhere in this
   file: **1035px** — the same one the footer menu collapses at — and **640px**, the same one the
   page banner drops its heading margins at. Above 1035 a column takes its `large` width, between
   641 and 1035 its `medium`, at 640 and below its `small`. */

.nsc-section {
    /* The same reset the column needs, and for the same reason: a section that reads
       `--awb-padding-top` would otherwise inherit an ancestor's rather than fall back to zero. */
    --awb-padding-top: 0px;
    --awb-padding-right: 0px;
    --awb-padding-bottom: 0px;
    --awb-padding-left: 0px;
    --awb-margin-top: 0px;
    --awb-margin-bottom: 0px;
    /* Same reset again, for the tint. Member pages nest a section inside a section, and without
       this the inner one inherits the outer one's `--awb-background-color` and repaints it. */
    --awb-background-color: transparent;

    display: flex;
    justify-content: center;
    position: relative;
    margin-top: var(--awb-margin-top);
    margin-bottom: var(--awb-margin-bottom);
    min-height: var(--awb-min-height, auto);
    padding: var(--awb-padding-top, 0px) var(--awb-padding-right, 0px)
        var(--awb-padding-bottom, 0px) var(--awb-padding-left, 0px);
    /* The banner's tint comes from here. Sections that set background-color directly in their
       inline style, as the home page's do, still win over this. */
    /* Deliberately no `z-index`. The theme stacks its section, rows and columns at 2000 and 10,
       and copying those looked free — the section's own comparison got cleaner. It was not: it
       moved twelve elements on the home page and About Us, both already migrated and verified.
       Unlike the inert properties copied elsewhere, z-index acts on these positioned boxes, and
       the nested column does not carry it anyway. Left as a known, documented difference. */
    background-color: var(--awb-background-color, transparent);
    /* Deliberately no `background-size` here. The theme's section reads `--awb-background-size`,
       but the page banner sets its own size and position in `.nsc-page-banner` above — verified at
       RMSE 0 in phase 2 C — and a rule here would override it, since the banner's section carries
       both classes. */
    border: 0 solid #e2e2e2;
    border-radius: var(--awb-border-radius-top-left, 0px) var(--awb-border-radius-top-right, 0px)
        var(--awb-border-radius-bottom-right, 0px) var(--awb-border-radius-bottom-left, 0px);
}

/* The 30px gutter is not the section's own: it comes from an ancestor. The theme's rule is
   `.width-100 .nonhundred-percent-fullwidth`, and `width-100` sits on the page's <main>. That is
   why the home page's banner renders 30px wider on each side than About Us's does from
   byte-identical markup and inline styles — home's <main> carries the class and About Us's does
   not. Reproduced with the same ancestor condition rather than baked into `.nsc-section`, which
   would have pushed every other page 60px wide. */
.width-100 .nsc-section {
    /* Sets the variables rather than the properties, which gets the precedence right in all three
       cases: this rule beats the base reset above, and a section that names its own padding inline
       beats this. Our Members asks for `5vw` that way, and a literal `padding-left` here silently
       replaced it with 30px. */
    --awb-padding-left: 30px;
    --awb-padding-right: 30px;
    margin-left: -30px;
    margin-right: -30px;
}

/* A section inside another section does not get that gutter — the theme cancels it with
   `.width-100 .fusion-fullwidth .nonhundred-percent-fullwidth`. Member pages are the only ones
   that nest sections, and without this the inner one hangs 30px over each edge of its column. */
.width-100 .nsc-section .nsc-section {
    margin-left: 0;
    margin-right: 0;
}

/* The title section above <main> on the six pages whose heading is not the page banner.

   `.fusion-page-title-bar.fusion-tb-page-title-bar` itself supplies only `border: none`,
   `height: auto` and zero side padding — all of them a <section>'s own defaults. What the class
   is actually for is the two rules below, both of which apply to its descendants. */

/* The same 30px gutter `.width-100` gives a section, and deliberately without the negative
   margins that accompany it there: those come from a separate rule scoped to `.width-100`, and
   these sections measurably do not have them. */
.nsc-page-title-bar .nsc-section {
    --awb-padding-left: 30px;
    --awb-padding-right: 30px;
}

@media (max-width: 640px) {
    /* Below 640 a heading in the title bar loses its margins — the browser's own 0.67em, which
       `.nsc-title__heading` no longer zeroes. Worth 67px on the application forms, whose heading
       is the first on the site not to carry `margin: 0` inline. Written on the heading rather
       than on `.nsc-title`, because that is where the theme put it and because the title's own
       10px above and below survive. */
    .nsc-page-title-bar h1 {
        margin: 0;
    }
}

.nsc-grid-row {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    flex: 1 1 0%;
    width: 100%;
    /* `.fusion-row`'s only live declaration inside a section: its clearfix is cancelled there by
       `.fusion-flex-container .fusion-row:before`. Every builder row carried both classes, so this
       belongs on the row rather than asking callers for `.nsc-row` as well — which would bring the
       clearfix the theme took away. Rows that name their own gutters inline still win, and all
       fifteen in the site today do; the title sections are the first that do not. */
    margin: 0 auto;
}

.nsc-grid-row--items-center {
    align-items: center;
}

.nsc-grid-row--items-start {
    align-items: flex-start;
}

.nsc-grid-row--content-center {
    align-content: center;
}

.nsc-grid-row--justify-center {
    justify-content: center;
}

/* A column resolves everything through intermediate variables, exactly as the theme does:
   `--awb-margin-bottom` and friends are reassigned at each breakpoint, and the column and its
   wrapper read only those. Reproducing the effect with fallback chains instead — `var(--awb-x-medium,
   var(--awb-x-large, …))` — matches at desktop and diverges below 1035px, because a page that sets
   only the large value then has nothing to fall back to and inherits an ancestor's.

   The theme's own defaults are written out rather than read from `--col_margin-*` and
   `--col_spacing`, which go with fusion.css: measured, those are 0, 20px and 4%. */
.nsc-col {
    --awb-padding-top: 0px;
    --awb-padding-right: 0px;
    --awb-padding-bottom: 0px;
    --awb-padding-left: 0px;

    --awb-margin-top-large: 0px;
    --awb-margin-bottom-large: 20px;
    --awb-spacing-left-large: 4%;
    --awb-spacing-right-large: 4%;

    --awb-margin-top: var(--awb-margin-top-large);
    --awb-margin-bottom: var(--awb-margin-bottom-large);
    --awb-spacing-left: var(--awb-spacing-left-large);
    --awb-spacing-right: var(--awb-spacing-right-large);

    /* The theme's default for a column with no `_x_y` class. Every column in a page's content has
       one and its size class overrides this; the header and footer columns do not. */
    --awb-col-width: var(--awb-width-large, 33.3333%);
    --awb-col-order: var(--awb-order-large, 0);

    /* Deliberately no `display: flex`, for the same reason as the wrapper below: the theme's
       column is a block, and becomes a flex container only through
       `.fusion-flex-container .fusion-row .fusion-flex-column`, which the header and footer
       columns are not inside. The rule that supplies it is under `.nsc-grid-row` below. */
    flex: 0 0 auto;
    position: relative;
    /* Inert wherever every column asks for 0, which is every column in page content — and not
       inert in the header, where the logo, the menu and the buttons reorder themselves below
       1035px. */
    order: var(--awb-col-order);
    /* Inert inside a flex row, but the theme set it and keeping it makes before/after comparisons
       of these pages come out clean. */
    float: left;
    width: var(--awb-col-width);
    margin-top: var(--awb-margin-top);
    margin-bottom: var(--awb-margin-bottom);
}

/* A column inside a grid row lays its own children out; one in the header or footer does not.
   The theme's selector is `.fusion-flex-container .fusion-row .fusion-flex-column`; this is the
   same condition written against our two classes. */
.nsc-grid-row > .nsc-col {
    display: flex;
}

/* 100% of the column, then shrunk by the flex layout to make room for its own gutters — which is
   how the theme arrived at the same number. Scoped with the `display: flex` it depends on: a
   block wrapper sizes itself to its column minus its own margins already, and a literal 100%
   there overflows by exactly the gutters — 55px on the footer's copyright row. */
.nsc-grid-row > .nsc-col > .nsc-col-wrapper {
    width: 100%;
}

/* The size class supplies only the width a page has not asked for. */
.nsc-col--1-1 {
    --awb-col-width: var(--awb-width-large, 100%);
}

.nsc-col--2-3 {
    --awb-col-width: var(--awb-width-large, 66.666666%);
}

.nsc-col--1-3 {
    --awb-col-width: var(--awb-width-large, 33.333333%);
}

.nsc-col--1-2 {
    --awb-col-width: var(--awb-width-large, 50%);
}

.nsc-col--1-4 {
    --awb-col-width: var(--awb-width-large, 25%);
}

.nsc-col--1-5 {
    --awb-col-width: var(--awb-width-large, 20%);
}

.nsc-col--4-5 {
    --awb-col-width: var(--awb-width-large, 80%);
}

.nsc-col--3-5 {
    --awb-col-width: var(--awb-width-large, 60%);
}

/* A column inside a nested row carries 25px beneath it rather than the usual 20px. */
.nsc-col--inner {
    --awb-margin-bottom-large: 25px;
}

/* The theme's `fusion-no-small-visibility`, which is one of the few rules that lives in the inline
   <style> blocks in `index.html` rather than in `fusion.css` — so it goes at a different moment in
   phase 4 than everything else here. `!important` is the theme's, and it is load-bearing: the
   column's own `display: flex` would otherwise win. */
@media (max-width: 640px) {
    .nsc-col--hide-small {
        display: none !important;
    }
}

/* The wrapper is where the theme put the column's gutters, as margins rather than padding —
   percentages resolving against the column, not the row. */
/* Deliberately no `display: flex` here. The theme's wrapper is a plain block, and only becomes a
   flex container through `.fusion-flex-container .fusion-row .fusion-flex-column
   .fusion-column-wrapper` — that is, only inside a builder grid. The header and footer wrappers
   are not, and are blocks; every wrapper in page content is, and carries `--column`. */
.nsc-col-wrapper {
    min-width: 0;
    min-height: 1px;
    /* The colour is the column's, not `currentColor`. The width is zero, so nothing shows — but
       News's column names `--awb-border-color: #ededed` and a bare `0 solid` silently replaced it
       with black. */
    border: 0 solid var(--awb-border-color, currentColor);
    margin-left: var(--awb-spacing-left);
    margin-right: var(--awb-spacing-right);
    padding: var(--awb-padding-top) var(--awb-padding-right)
        var(--awb-padding-bottom) var(--awb-padding-left);
}

.nsc-col-wrapper--column {
    display: flex;
    flex-direction: column;
}

.nsc-col-wrapper--justify-start {
    justify-content: flex-start;
}

.nsc-col-wrapper--justify-between {
    justify-content: space-between;
}

.nsc-col-wrapper--justify-center {
    justify-content: center;
}

.nsc-col-wrapper--justify-end {
    justify-content: flex-end;
}

/* The theme's text block, which reads its size and alignment from inline variables — Contact Us
   asks for 20px centred that way, and dropping the class took it to 18px and left-aligned.

   Deliberately no `line-height`. Writing `1.6em` here computes to a length that descendants
   inherit, and it reached the buttons inside — the page's own 1.6 ratio gives the same 32px
   without doing that. */
.nsc-text {
    /* The theme declares each of these on the block itself rather than leaving the `var()` to
       fall back, and the difference is not cosmetic: a custom property inherits, so a column or
       a section that names one for its own use would otherwise reach inside. `initial` and
       `inherit` here are literal tokens substituted into the properties below, which is how the
       theme blocks that leak while still letting an inline value on the block itself win. */
    --awb-content-alignment: initial;
    --awb-font-size: inherit;
    --awb-line-height: inherit;
    --awb-text-color: inherit;
    --awb-margin-top: 0;
    --awb-margin-right: 0;
    --awb-margin-bottom: 0;
    --awb-margin-left: 0;

    text-align: var(--awb-content-alignment);
    font-size: var(--awb-font-size);
    line-height: var(--awb-line-height);
    color: var(--awb-text-color);
    margin: var(--awb-margin-top) var(--awb-margin-right) var(--awb-margin-bottom)
        var(--awb-margin-left);
}

/* The theme zeroes the paragraph margins a text block would otherwise inherit from the browser.
   `:last-child` on the bottom half is the theme's, not a simplification: a block with two
   paragraphs keeps the gap between them and loses only the one underneath. */
.nsc-text--no-margin > p {
    margin-top: 0;
}

.nsc-text--no-margin > p:last-child {
    margin-bottom: 0;
}

/* `fusion-text` on its own, with no numbered variant beside it, also carries 80px beneath it and
   centres by default. The 404 page is the only place that shape appears. */
.nsc-text--spaced {
    margin-bottom: 80px;
    text-align: var(--awb-content-alignment, center);
}

@media (max-width: 1035px) {
    /* A section's padding switches at each breakpoint too, defaulting to the one above it. About
       Us's second section is 250px shorter without this. */
    .nsc-section {
        --awb-padding-top-medium: var(--awb-padding-top);
        --awb-padding-right-medium: var(--awb-padding-right);
        --awb-padding-bottom-medium: var(--awb-padding-bottom);
        --awb-padding-left-medium: var(--awb-padding-left);
        --awb-margin-top-medium: var(--awb-margin-top);
        --awb-margin-bottom-medium: var(--awb-margin-bottom);

        margin-top: var(--awb-margin-top-medium);
        margin-bottom: var(--awb-margin-bottom-medium);
        padding: var(--awb-padding-top-medium) var(--awb-padding-right-medium)
            var(--awb-padding-bottom-medium) var(--awb-padding-left-medium);
    }

    .nsc-col {
        --awb-padding-top-medium: var(--awb-padding-top);
        --awb-padding-right-medium: var(--awb-padding-right);
        --awb-padding-bottom-medium: var(--awb-padding-bottom);
        --awb-padding-left-medium: var(--awb-padding-left);

        --awb-margin-top-medium: var(--awb-margin-top-large, 0px);
        --awb-margin-bottom-medium: var(--awb-margin-bottom-large, 20px);
        --awb-spacing-left-medium: var(--awb-spacing-left-large, 4%);
        --awb-spacing-right-medium: var(--awb-spacing-right-large, 4%);

        --awb-margin-top: var(--awb-margin-top-medium);
        --awb-margin-bottom: var(--awb-margin-bottom-medium);
        --awb-spacing-left: var(--awb-spacing-left-medium);
        --awb-spacing-right: var(--awb-spacing-right-medium);

        --awb-col-order: var(--awb-order-medium, var(--awb-order-large, 0));

        /* No fallback, deliberately. The theme's medium width is `var(--awb-width-medium,
           var(--medium-col-default))` and `--medium-col-default` is never set, so a column that
           names no medium width of its own resolves to nothing and falls back to `auto` — which
           is how Leadership's cards come out 212px wide between 641 and 1035px. A concrete 100%
           here made them full width and added 2,967px to the page.

           On the column rather than on the size classes, which is where this used to sit: a
           column with no size class never reached it, and the header logo kept its 20% desktop
           width on a phone instead of the 75% it asks for. */
        --awb-col-width: var(--awb-width-medium);
    }


    .nsc-col-wrapper {
        padding: var(--awb-padding-top-medium) var(--awb-padding-right-medium)
            var(--awb-padding-bottom-medium) var(--awb-padding-left-medium);
    }
}

@media (max-width: 640px) {
    .nsc-section {
        --awb-padding-top-small: var(--awb-padding-top-medium);
        --awb-padding-right-small: var(--awb-padding-right-medium);
        --awb-padding-bottom-small: var(--awb-padding-bottom-medium);
        --awb-padding-left-small: var(--awb-padding-left-medium);
        --awb-margin-top-small: var(--awb-margin-top-medium);
        --awb-margin-bottom-small: var(--awb-margin-bottom-medium);

        margin-top: var(--awb-margin-top-small);
        margin-bottom: var(--awb-margin-bottom-small);
        padding: var(--awb-padding-top-small) var(--awb-padding-right-small)
            var(--awb-padding-bottom-small) var(--awb-padding-left-small);
    }

    .nsc-col {
        --awb-padding-top-small: var(--awb-padding-top-medium);
        --awb-padding-right-small: var(--awb-padding-right-medium);
        --awb-padding-bottom-small: var(--awb-padding-bottom-medium);
        --awb-padding-left-small: var(--awb-padding-left-medium);

        --awb-margin-top-small: var(--awb-margin-top-medium);
        --awb-margin-bottom-small: var(--awb-margin-bottom-medium);
        --awb-spacing-left-small: var(--awb-spacing-left-medium);
        --awb-spacing-right-small: var(--awb-spacing-right-medium);

        --awb-margin-top: var(--awb-margin-top-small);
        --awb-margin-bottom: var(--awb-margin-bottom-small);
        --awb-spacing-left: var(--awb-spacing-left-small);
        --awb-spacing-right: var(--awb-spacing-right-small);
        --awb-col-width: var(--awb-width-small);
        --awb-col-order: var(--awb-order-small, var(--awb-order-medium, var(--awb-order-large, 0)));
    }

    .nsc-col-wrapper {
        padding: var(--awb-padding-top-small) var(--awb-padding-right-small)
            var(--awb-padding-bottom-small) var(--awb-padding-left-small);
    }
}

/* Flip boxes.

   Twenty-two of these on About Us, all identical in structure, and they are the one genuinely
   novel shape in this migration — the only thing the theme did that is not a layout primitive.
   They are pure CSS: no script was ever involved, which is why they kept working when the theme's
   JavaScript went in phase 2.

   The mechanism is a 3D flip. The inner wrapper holds the perspective; the two faces sit on top of
   each other with `backface-visibility: hidden`, the front at 0° and the back at 180°. Hovering
   rotates both by 180° and swaps their `z-index`.

   **These use their own breakpoints — 900px and 768px, not the 1035/640 pair everything else on
   this site uses.** They come from the theme's Bootstrap-style `col-lg-3 col-md-3 col-sm-3`
   classes, and measuring them is the only way to know: the names suggest Bootstrap's 992, but 991
   still renders four across. */

/* The row of cards. Its cells float, so it needs the clearfix — without it the container reports
   4595px instead of 2490px and the content below rides up into it. */
.nsc-flip-grid {
    clear: both;
    margin: 0 -15px 25px;
}

.nsc-flip-grid::before,
.nsc-flip-grid::after {
    content: " ";
    display: table;
}

.nsc-flip-grid::after {
    clear: both;
}

.nsc-flip-cell {
    position: relative;
    float: left;
    /* Deliberately no `clear`. The theme's cell computes `clear: both`, and copying that stacks
       the cards one per row — at 1440 the page goes from 4801px to 11441px. Whatever the theme
       does with it, reproducing the computed value is not the same as reproducing the behaviour. */
    width: 25%;
    min-height: 1px;
    padding: 0 15px;
}

/* The card takes its height from the inner wrapper rather than setting one. That matters: the
   15px gap between rows is the wrapper's bottom margin, and it collapses out through the card to
   the cell — which is why a cell measures 415px against a 400px card. Give the card a fixed
   height and the margin is trapped inside it, and every row loses 15px. */
.nsc-flip {
    position: relative;
    z-index: 1;
    /* An identity transform, as the theme had: it establishes a containing block for the faces. */
    transform: translate(0);
    backface-visibility: hidden;
}

.nsc-flip__inner {
    position: relative;
    height: 400px;
    margin-bottom: 15px;
    perspective: 1000px;
}

.nsc-flip__front,
.nsc-flip__back {
    display: flex;
    align-items: center;
    padding: 27px 20px;
    /* Transparent, but it is 1px and the faces are sized against it — without it the inner content
       comes out 2px wider and the back 2px taller. */
    border: 1px solid transparent;
    border-radius: 6px;
    text-align: center;
    backface-visibility: hidden;
    perspective: 1000px;
    transition: transform 0.8s cubic-bezier(0.2, 0.85, 0.4, 1.275);
}

.nsc-flip__front {
    position: relative;
    height: 100%;
    z-index: 10;
    transform: rotateY(0deg);
    background-color: var(--awb-background-color-front);
    color: var(--awb-text-front-color, #ffffff);
}

.nsc-flip__back {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: -1;
    transform: rotateY(180deg);
    background-color: var(--awb-background-color-back);
    color: rgba(255, 255, 255, 0.8);
}

.nsc-flip__front-inner,
.nsc-flip__back-inner {
    display: block;
    text-align: center;
}

.nsc-flip__grafix {
    display: table;
    table-layout: fixed;
    width: 100%;
    margin: 0 0 10px;
}

/* Scoped to the back face rather than written flat, because the page's own heading rules outrank
   a single class and would otherwise turn this black. Solid white, against the back face's
   80%-opacity body text; there is no `--awb-title-*` variable for the back — the ten that exist
   are for the front. */
.nsc-flip__back .nsc-flip__heading {
    display: block;
    margin: 0 0 9px;
    color: #ffffff;
    font-size: 24px;
    font-weight: 700;
    line-height: 31.2px;
}

/* The markup carries `tabindex="0"`, so the flip is reachable by keyboard as well as pointer. */
.nsc-flip:hover .nsc-flip__front,
.nsc-flip:focus .nsc-flip__front {
    transform: rotateY(180deg);
    z-index: -1;
}

.nsc-flip:hover .nsc-flip__back,
.nsc-flip:focus .nsc-flip__back {
    transform: rotateY(0deg);
    z-index: 1;
}

@media (max-width: 900px) {
    .nsc-flip-cell {
        width: 50%;
    }
}

@media (max-width: 767px) {
    .nsc-flip-cell {
        float: none;
        width: 100%;
    }
}

/* Title blocks.

   A centred heading in a wrapper that carries the spacing, the size and — on one page — an
   underline. Stored content has five variants of it across home, About Us and Leadership.

   Sizes come from `--awb-font-size` inline where a page sets one, so the size modifiers only
   supply the default the theme's `size-one` and `size-three` classes gave. Line height is 1.6 of
   the font size in every case measured: 72/45, 38.4/24, 64/40.

   The visibility modifiers are the theme's `fusion-no-*-visibility` classes, and they switch at
   **640px** — the site's small breakpoint, the same one the page banner and the builder grid use.
   About Us uses them as a pair: one title for 641px and up, another below it. */

.nsc-title {
    display: block;
    /* Inert on a block box — unlike `clear`, which is why that one is not copied — but the theme
       sets it and matching keeps before/after comparisons clean. */
    align-items: center;
    /* The theme's own `--title_margin-*`: 10px above, 15px below, nothing either side. Written as
       a reset rather than as a `var()` fallback because a column sets `--awb-margin-bottom` for
       its own use and a title inside one inherits it — which put 20px under the application
       forms' headings, the first titles on the site that do not name their own. A page that does
       name one inline still wins over this. */
    --awb-margin-top: 10px;
    --awb-margin-right: 0px;
    --awb-margin-bottom: 15px;
    --awb-margin-left: 0px;
    margin: var(--awb-margin-top) var(--awb-margin-right) var(--awb-margin-bottom)
        var(--awb-margin-left);
    /* 50px is the theme's own `size-one` default. Every page that had a title until now set
       `--awb-font-size` inline and never exercised it — the 404 page does not, and a 45px guess
       took 5px off its heading at 1440 and 110px off the page at 390. */
    font-size: var(--awb-font-size, 50px);
    /* `em`, not a unitless 1.6. The theme's wrapper computes a length, and a length is what the
       heading inside inherits — About Us's `<h1>` carries no class of its own, so a unitless value
       would be re-resolved against the heading's own size and make the block 12px taller.
       `--awb-text-color` is deliberately not read here: the theme's wrapper stays black and the
       colour lands on the heading. */
    line-height: 1.6em;
    text-align: center;
    border-bottom: 0 none #e2e2e2;
    /* Declared so it cannot be inherited from a column, which sets it to that column's own
       spacing. A page that wants a different value still sets it inline, which wins. */
    --awb-margin-bottom-small: 10px;
}

/* A heading inside the wrapper takes the wrapper's size and its colour, whether or not it carries
   the heading class — About Us's `<h1>` has neither a class nor an inline style, and without this
   it falls back to its own 50px and to black. The colour default is black rather than `inherit`,
   because a wrapper with no `--awb-text-color` still renders a black heading over its own white. */
/* The theme's title sets `--awb-link-color` from `--link_color` and paints its own links with it.
   The footer heading is the only one on the site with links inside it — its three buttons — and
   the band above them sets `--link_color` to a 72% white that they would otherwise lose. */
.nsc-title {
    --awb-link-color: var(--link_color);
}

.nsc-title a {
    color: var(--awb-link-color);
}

.nsc-title h1,
.nsc-title h2,
.nsc-title h3,
.nsc-title h4,
.nsc-title h5,
.nsc-title h6 {
    font-size: 1em;
    color: var(--awb-text-color, #000000);
}

.nsc-title--size-two {
    font-size: var(--awb-font-size, 32px);
}

.nsc-title--size-three {
    font-size: var(--awb-font-size, 24px);
}

.nsc-title--size-four {
    font-size: var(--awb-font-size, 23px);
}

/* A title without the theme's `fusion-title-center` takes the page's own alignment. Centring is
   the base here because every title migrated before this one had that class. */
.nsc-title--start {
    text-align: start;
}

/* The heading itself takes its size and line height from the element rules the theme already
   applies by tag — an h1 here is 1em of the wrapper, an h3 is 1.3 — so this sets only what the
   theme's own class did. */
/* Scoped to the wrapper rather than written flat: the page's own heading rules outrank a single
   class. Colour is handled by the rule above, which covers unclassed headings too. */
.nsc-title .nsc-title__heading {
    /* Deliberately no `margin: 0`. The theme's heading class sets none, so the browser's own
       0.67em survives — 33.5px above and below a 50px heading. Every heading migrated before the
       application forms carried `margin: 0` inline, which is why zeroing it here looked right and
       measured right; on a heading that does not, it took 67px out of the block. */
    font-weight: 700;
    text-align: center;
}

.nsc-title .nsc-title__heading--left {
    text-align: left;
}

/* The theme's `md-text-align-center` and `sm-text-align-center`, used as a pair on the footer
   heading so it is left-aligned on a wide screen and centred on everything narrower. Both carry
   `!important` in the theme, which they need: `--left` above is a longer selector. */
@media (max-width: 640px) {
    .nsc-title__heading--center-small {
        text-align: center !important;
    }
}

@media (min-width: 641px) and (max-width: 1035px) {
    .nsc-title__heading--center-medium {
        text-align: center !important;
    }
}

/* The theme's h4 typography is regular weight, unlike h1-h3. The base heading rule above is 700
   because every title migrated before this one was h1, h2 or h3. */
.nsc-title--size-four .nsc-title__heading {
    font-weight: 400;
}

/* A title box is a flex container in the theme; the plain `title` class beside `fusion-title` is
   what made every title migrated before this one a block. The one on a member page carries only
   `fusion-title`, and as a flex parent it shrinks its heading to the width of the text rather
   than letting it fill the column. `align-items` on the base class becomes live here. */
.nsc-title--flex {
    display: flex;
}

.nsc-title--sep-underline {
    padding-bottom: 10px;
    /* The fallback is load-bearing: a `var()` that resolves to nothing makes the whole shorthand
       invalid, and the border fell back to the base class's `0 none`. Member pages are the first
       to use this modifier without setting the colour. */
    border-bottom: 1px solid var(--awb-sep-color, #e2e2e2);
}

/* Both of the theme's title breakpoints reassign all four margins and apply them with
   `!important`, and the `!important` is load-bearing rather than defensive: the footer heading
   asks for `margin: auto` inline, and below 1035px the theme overrides it. Without this it
   computes to zero and the footer loses 29px. */
@media (max-width: 1035px) {
    .nsc-title {
        --awb-margin-top-medium: var(--awb-margin-top);
        --awb-margin-right-medium: var(--awb-margin-right);
        --awb-margin-bottom-medium: var(--awb-margin-bottom);
        --awb-margin-left-medium: var(--awb-margin-left);

        margin-top: var(--awb-margin-top-medium) !important;
        margin-right: var(--awb-margin-right-medium) !important;
        margin-bottom: var(--awb-margin-bottom-medium) !important;
        margin-left: var(--awb-margin-left-medium) !important;
    }
}

@media (max-width: 640px) {
    .nsc-title {
        /* 10px, not 0: below 640 the theme drops whatever the page asked for and falls back to
           its own spacing, unless the page set a small value of its own. */
        --awb-margin-top-small: var(--awb-margin-top-medium, 10px);
        --awb-margin-right-small: var(--awb-margin-right-medium, 0px);
        --awb-margin-bottom-small: 10px;
        --awb-margin-left-small: var(--awb-margin-left-medium, 0px);

        margin-top: var(--awb-margin-top-small) !important;
        margin-right: var(--awb-margin-right-small) !important;
        margin-bottom: var(--awb-margin-bottom-small) !important;
        margin-left: var(--awb-margin-left-small) !important;
    }

    .nsc-title--hide-small {
        display: none;
    }
}

@media (min-width: 641px) {
    .nsc-title--hide-above-small {
        display: none;
    }
}

/* The stored content's nested grid.

   About Us has a second level of builder grid inside a column. The WordPress post scaffolding
   around it — `full-width`, `post-content`, `rich-snippet-hidden` and the `post-1772 page
   type-page status-publish hentry` wrapper — is deliberately left alone: those are styled through
   `#content`, an id whose rules live in fusion.css, so renaming the classes would mean writing
   `#content.nsc-…` selectors that couple to the very stylesheet phase 4 deletes. They go when it
   does, and the measurement says the post wrapper's five classes are inert regardless. */

/* A row nested inside a column, which pulls wider than its parent rather than narrower. */
.nsc-grid-row--inner {
    max-width: calc(100% + 80px);
    margin: 0 -40px;
}

/* A column inside a nested row carries 25px beneath it rather than the usual 20px. */
.nsc-col--inner {
    margin-bottom: 25px;
}

/* The person card.

   Twelve of these on Leadership. The markup is ten elements deep, but measuring each class one at
   a time showed most of them carry nothing: `person-shortcode-image-wrapper`, `person-author`,
   `hover-type-none`, `person-img`, `img-responsive` and the theme's per-instance
   `fusion-person-N` and `wp-image-N` all contribute no styling at all, so the migration drops them
   rather than renaming them.

   What is left is this. The card's own look — the rounded container, its border and the coloured
   role line — comes from `leadership.component.css` via `person-container`, `leadership-image` and
   `person-content`, which are ours and stay. */

.nsc-person {
    text-align: center;
}

.nsc-person__image {
    display: inline-block;
    max-width: 100%;
    /* Bottom rather than baseline: the image is inline-block, and baseline alignment would leave a
       gap beneath it. */
    vertical-align: bottom;
}

.nsc-person__desc {
    margin-top: 25px;
    text-align: center;
}

/* The row the name sits in. Not inert, despite looking it — the theme gives it a full width, and
   without that it sizes to its content and comes out 61px wider than its parent. */
.nsc-person__author {
    display: block;
    width: 100%;
}

.nsc-person__author-inner {
    display: block;
    width: 100%;
    min-width: 50%;
    font-size: 23px;
    line-height: 31.28px;
    vertical-align: middle;
}

.nsc-person__name {
    display: block;
    font-weight: 600;
}

.nsc-person__title {
    display: block;
    margin: 10px 100px;
}

/* The role line under each name. Written as a descendant rule because the theme's is: Leadership's
   own stylesheet asks for `margin: 10px 0` on this element and the theme's
   `.fusion-person .person-content` outranks it with 25px above. A single class here would lose,
   and each card would come out 15px shorter. */
.nsc-person .nsc-person__content {
    margin-top: 25px;
}

/* The theme's clearfix class, used on the role line under each name. */
.nsc-clearfix {
    clear: both;
}

/* The rest of the theme's clearfix, and not decoration: the table box stops the element's top
   margin collapsing out through its parent. A member page's role line is empty, so its 25px was
   escaping and the contact block came out 25px short. Leadership's role line has text, where a
   zero-height table row before it changes nothing. */
.nsc-clearfix::before,
.nsc-clearfix::after {
    content: " ";
    display: table;
}

.nsc-clearfix::after {
    clear: both;
}

/* The contact line on a member's page. The same person markup Leadership's cards use, but laid
   out as a two-cell table — name and role in one cell, the mail and phone icons in the other —
   rather than stacked and centred. The values here are the theme's; the base class carries
   Leadership's, which are that page's own. */
.nsc-person--inline .nsc-person__desc {
    text-align: left;
}

.nsc-person--inline .nsc-person__author {
    display: table;
}

.nsc-person--inline .nsc-person__author-inner {
    display: table-cell;
    /* The theme's h4 stack, which is DM Sans alone rather than the body's list of fallbacks. */
    font-family: "DM Sans";
    /* The ratio rather than the base class's rounded 31.28px, which is a sixtieth of a pixel out. */
    line-height: 1.36;
    /* Auto rather than the base's 100%: as a table cell it has to share the row with the icons,
       and a full width would push them out of the box. `min-width: 50%` from the base still
       holds the name's share of it. */
    width: auto;
}

/* Leadership's names are semibold and its roles inset by 100px. Neither is the theme's doing, so
   neither applies here. */
.nsc-person--inline .nsc-person__name {
    font-weight: 400;
}

.nsc-person--inline .nsc-person__title {
    margin: 0;
}

/* The second cell of that table. */
.nsc-person--inline .nsc-social {
    display: table-cell;
    max-width: 50%;
    vertical-align: middle;
    float: none;
    /* Right, although the block is the theme's `person-left` variant: the theme has a left rule
       for exactly this case and a longer right one that outranks it. Matching the rendering, not
       the apparent intent. */
    text-align: right;
}

.nsc-social {
    overflow: hidden;
}

/* Cancels the 10px each icon carries, so the first and last sit flush with the cell's edges. */
.nsc-social__wrapper {
    margin: 0 -10px;
}

/* The glyphs are from the theme's `awb-icons` font, which phase 4 keeps — it is a font file, not
   a stylesheet. Size and colour are set per icon inline, as the theme does. */
.nsc-social__icon {
    display: inline-block;
    margin: 0 10px 10px;
    /* The theme's own UI glyph font, declared with the icons in the base layer above. It was
       `awb-icons` here while `fusion.css` supplied the `@font-face`. */
    font-family: "NSC UI Icons";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    text-decoration: none;
    cursor: pointer;
    -webkit-font-smoothing: antialiased;
}

.nsc-social__icon--mail::before {
    content: "\e616";
}

.nsc-social__icon--phone::before {
    content: "\e942";
}

/* The "Member Details" list. Each row is a 110px floated label with its value floated alongside,
   which is what keeps "Business Class:" and "Large" on one line instead of stacking them. The
   theme hung all of that off descendant rules on the wrapper, so the wrapper keeps a class. */
.nsc-details__info {
    float: right;
    width: 100%;
}

.nsc-details__info h4 {
    float: left;
    width: 110px;
    margin: 0 5px 0 0;
    /* The body size, not the h4 size: the theme singles these labels out and shrinks them. */
    font-size: 18px;
    line-height: 1.36;
    color: #000000;
}

.nsc-details__box {
    overflow: hidden;
    margin-bottom: 15px;
    padding-bottom: 15px;
    /* All four sides take the colour, as the theme's blanket `border-color` rule gives them, but
       only the bottom is drawn. Same rendering as a plain `border-bottom`, written this way so the
       computed value matches element for element. */
    border-color: #e2e2e2;
    border-style: none none solid;
    border-width: 0 0 1px;
}

.nsc-details__terms {
    float: left;
    line-height: 1.36;
}

/* The theme's content wrapper. It declared a full set of typography, but every value was the body
   default the page already inherits, so only the margins and alignment are its own. */
.nsc-content-block {
    margin: var(--awb-margin-top, 0) var(--awb-margin-right, 0) var(--awb-margin-bottom, 0) var(--awb-margin-left, 0);
    text-align: var(--awb-content-alignment, start);
}

/* The category line beside a news article. The theme's block declares three dozen variables for
   borders, backgrounds and per-item spacing; the one instance on this site overrides five of them
   and leaves the rest at values that come to nothing, so only what it actually uses is here. */
.nsc-meta {
    display: flex;
    flex-wrap: wrap;
    line-height: normal;
    min-height: var(--awb-height, 0px);
    padding: 5px 0;
    font-size: var(--awb-font-size, 15px);
    color: #0057ff;
    border: 0 solid #e2e2e2;
}

.nsc-meta--stacked {
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}

.nsc-meta__item {
    margin-bottom: var(--awb-item-margin-bottom, 0px);
    border: 0 solid #e2e2e2;
}

/* Kept in the markup rather than deleted so the separator is there if a second item ever joins
   it — which is also why it carries its spacing although nothing draws it today. */
.nsc-meta__sep {
    padding: 0 5px;
    border: 0 solid #e2e2e2;
}

/* Hidden twice over — the block is stacked, and this is its last child either way. */
.nsc-meta--stacked .nsc-meta__sep {
    display: none;
}

/* The numbered steps on Sponsor a Project. The theme built these on its Bootstrap grid, so the
   markup carried `row`, `col-sm-12`, `col-md-12` and `col-lg-12` and dragged in three more
   breakpoints (800, 992 and 1200) plus a pair of device-orientation queries. Every one of those
   columns is full width at every size, so the whole apparatus collapses to one rule: the float
   drops below 800px.

   The theme's hover machinery went with it. `fusion-content-box-hover`, `link-area-link-icon` and
   `icon-hover-animation-fade` all wait for a `-hover` class the theme's script adds, and every
   rule behind them targets an `.icon`, a `.circle-no` or a `fusion-read-more` — none of which this
   markup has, because these boxes are not links. Hovering one changes nothing today; measured,
   not assumed. */
.nsc-boxes {
    /* Declared rather than left to a fallback: every one of these is read by a descendant, and a
       section or column above sets the same names, so an undeclared one inherits that instead. */
    --awb-margin-top: 0px;
    --awb-margin-bottom: 60px;
    --awb-item-margin-bottom: 20px;
    --awb-content-padding-left: 0px;

    clear: both;
    /* The Bootstrap row's gutter, cancelled again by the padding on each box below. */
    margin: var(--awb-margin-top) -15px var(--awb-margin-bottom);
}

.nsc-box {
    position: relative;
    float: left;
    width: 100%;
    min-height: 1px;
    margin-bottom: var(--awb-item-margin-bottom, 20px);
    padding: 0 15px;
}

@media (max-width: 800px) {
    /* The one surviving rule from the Bootstrap layer, and its own breakpoint — not 1035 or 640,
       which is why it is written out rather than folded into the others. */
    .nsc-box {
        float: none;
    }
}

.nsc-box__body {
    position: relative;
}

/* A table box rather than a block: it shrinks to the heading's text, which is what lets the icon
   sit absolutely positioned in the padding beside it without the two overlapping. */
.nsc-box__heading-row {
    display: table;
    position: relative;
    margin: 0 0 15px;
}

.nsc-box__icon {
    position: absolute;
    width: 120px;
}

/* `max-width: none` matters: the global `img` rule caps every image at 100% of its box, and this
   one sits in an absolutely positioned 120px wrapper, so the cap shrank it and the heading beside
   it grew a second line. */
.nsc-boxes .nsc-box__icon img {
    float: none;
    margin: 0 20px 0 0;
    max-width: none;
}

/* Scoped to the list rather than written flat: `.post-content h3` reaches these headings and
   outranks a single class, which left them black and with the browser's own h3 margins. */
.nsc-boxes .nsc-box__heading {
    margin: 0;
    /* The left padding comes back from the element's own inline style. */
    padding: 0;
    font-size: 24px;
    font-weight: 700;
    color: #212934;
    vertical-align: top;
}

.nsc-boxes .nsc-box__content {
    margin-bottom: 20px;
    padding-left: var(--awb-content-padding-left);
    color: #4a4e57;
}


/* The tab set — Project Awards' eleven year tabs, and the single tab above the Solicitations
   table.

   The theme's component has vertical, clean, carousel and accordion variants and an icon slot.
   The site uses exactly one configuration, `classic horizontal-tabs` with a justified nav, so
   that is all that is reproduced. Three of the classes on the markup — `nav-is-justified`,
   `icon-position-left` and `mobile-mode-accordion` — match **no rule in fusion.css at all**; the
   accordion behaviour they name needed the theme's JavaScript, which went in phase 2.

   Switching is Angular's and always was here: `(click)="setYear(…)"` with an `[ngClass]`, never
   the `data-toggle="tab"` the markup still carries. Only the appearance is the theme's.

   **Two navs, not one, and that is the mobile design.** The theme renders the tab strip once
   above the panels for 641px and up, and again immediately before each panel for 640px and
   below — which turns a strip of eleven tabs into eleven single headings, each sitting on its own
   panel. `--mobile` is the second one. Below 640 the first is hidden and the second shown; above
   640, the reverse.

   Typography is the theme's h4 written out — "DM Sans" 23px/1.36, 400, #000000 — rather than read
   from `--h4_typography-*`, which goes with fusion.css. The colours stay as `--awb-*` reads,
   because both pages set them inline: #f9f9fb inactive, #ffffff active, #e2e2e2 borders and
   #00157b on the active tab's top edge. */
.nsc-tabs {
    /* The theme's defaults for everything the markup does not name. `--awb-background-color`
       matters most: `.nsc-section` sets it to `transparent` as its own reset, and a custom
       property inherits, so without this the tab strip and panels would come out transparent
       rather than white on a page that did not name one. The theme had no such ancestor. */
    --awb-background-color: #ffffff;
    --awb-border-color: #f1f2f2;
    --awb-inactive-color: #f1f2f2;
    --awb-active-border-color: #65bc7b;
    --awb-title-border-radius-top-left: 0;
    --awb-title-border-radius-top-right: 0;
    --awb-title-border-radius-bottom-right: 0;
    --awb-title-border-radius-bottom-left: 0;
    --awb-title-padding-top: 11px;
    --awb-title-padding-right: 0px;
    --awb-title-padding-bottom: 11px;
    --awb-title-padding-left: 0px;
    --awb-content-padding-top: 15px;
    --awb-content-padding-right: 15px;
    --awb-content-padding-bottom: 15px;
    --awb-content-padding-left: 15px;
    --awb-margin-top: 0;
    --awb-margin-right: 0;
    --awb-margin-bottom: 50px;
    --awb-margin-left: 0;

    margin: var(--awb-margin-top) var(--awb-margin-right) var(--awb-margin-bottom)
        var(--awb-margin-left);
}

/* The desktop strip is hidden by default and revealed at 641px; the per-panel one is the other
   way round. Written as the theme wrote it — base plus one query each — rather than as a single
   `display: none` swap, so a nav that is neither still behaves. */
.nsc-tabs__nav {
    display: none;
    /* Coloured here rather than beside the `border` in the desktop query, which is where the
       theme puts it too: the per-panel strip below 640 has no border of its own but its
       descendants inherit this colour through `border-color: inherit`. */
    border-color: var(--awb-border-color, #f1f2f2);
}

.nsc-tabs__nav--mobile {
    display: block;
}

.nsc-tabs__nav a {
    text-decoration: none;
    box-shadow: none;
}

.nsc-tabs__list {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none outside none;
    /* The justified strip drops its bottom edge: the panel below draws that line instead, and
       the -1px pull at 640px and up is what makes the two meet on one pixel rather than two.
       The colour comes last on purpose — `border-bottom: 0 none` resets that edge's colour to
       `currentColor`, so a shorthand written after it leaves a black line behind. */
    border: 1px solid;
    border-bottom: 0 none;
    border-color: var(--awb-border-color, #f1f2f2);
    background-color: var(--awb-background-color, #fff);
}

.nsc-tabs__item {
    display: block;
    position: relative;
    float: none;
    margin: 0;
    text-align: center;
}

.nsc-tabs__link {
    display: block;
    position: relative;
    margin: 0;
    padding: var(--awb-title-padding-top) var(--awb-title-padding-right)
        var(--awb-title-padding-bottom) var(--awb-title-padding-left);
    border: none;
    /* 3px whether or not the tab is active — the inactive one paints it in its own background, so
       the strip does not change height when the selection moves. */
    border-top: 3px solid var(--awb-inactive-color);
    border-radius: var(--awb-title-border-radius-top-left) var(--awb-title-border-radius-top-right)
        var(--awb-title-border-radius-bottom-right) var(--awb-title-border-radius-bottom-left);
    background-color: var(--awb-inactive-color);
    color: #747474;
    line-height: normal;
    cursor: pointer;
    transition: all 0.2s;
}

.nsc-tabs__link:focus,
.nsc-tabs__link:hover {
    background-color: var(--awb-background-color);
    border-top-color: var(--awb-background-color);
}

.nsc-tabs__item--active .nsc-tabs__link,
.nsc-tabs__item--active .nsc-tabs__link:focus,
.nsc-tabs__item--active .nsc-tabs__link:hover {
    /* `border: none` then a colour and a top edge, which is the theme's own order: the side and
       bottom edges go to zero width and only the top one is drawn. */
    border: none;
    border-color: var(--awb-active-border-color, #65bc7b);
    border-top-width: 3px;
    border-top-style: solid;
    background-color: var(--awb-background-color);
}

.nsc-tabs__heading {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0;
    font-family: "DM Sans";
    font-size: 23px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.36;
    letter-spacing: 0px;
    text-transform: none;
    color: #000000;
}

.nsc-tabs__panel {
    display: none;
    clear: both;
    max-width: 100%;
    padding: var(--awb-content-padding-top) var(--awb-content-padding-right)
        var(--awb-content-padding-bottom) var(--awb-content-padding-left);
    /* The strip above draws this edge. Colour last, as on the strip. */
    border: 1px solid;
    border-top: none;
    border-color: var(--awb-border-color, #f1f2f2);
    background-color: var(--awb-background-color);
    /* The theme's `.fade`. Inert beside `display: none`, and kept because the property is
       captured in the before/after comparison. */
    opacity: 0;
    transition: opacity 0.3s linear;
}

.nsc-tabs__panel--active {
    display: block;
    opacity: 1;
}

/* The last per-panel strip draws a line under itself, and nothing else does — `:nth-last-child(2)`
   of the content box is the final strip, the one whose panel ends the page. Without it the tab
   set is 1px shorter on a phone, which is how it was found. */
.nsc-tabs__content > .nsc-tabs__nav--mobile:nth-last-child(2) .nsc-tabs__item:not(.nsc-tabs__item--active) {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-color: inherit;
}

/* 641px, not the theme's 640px. Both of the theme's queries are `640px` and both match at
   exactly that width, so the `min-width` block hid the per-panel strip while the `max-width`
   block below hid the desktop one and the tab set lost its strip entirely at that one viewport
   width. It was reproduced faithfully when this shape was migrated, so that the change stayed a
   rename, and corrected here on its own. */
@media (min-width: 641px) {
    .nsc-tabs__nav {
        display: block;
        border: 1px solid var(--awb-border-color, #f1f2f2);
    }

    .nsc-tabs__nav--mobile {
        display: none;
    }

    .nsc-tabs__list {
        display: inline-block;
        vertical-align: middle;
        margin: 0 0 -1px;
    }

    /* A justified strip lays its tabs out as a table row, which is what makes eleven of them
       share the width evenly whatever their labels say. `width: 1%` is the theme's way of asking
       a table layout to ignore content width. */
    .nsc-tabs__list > .nsc-tabs__item {
        display: table-cell;
        width: 1%;
    }

    .nsc-tabs__link {
        margin-right: 1px;
    }

    .nsc-tabs__item:last-child .nsc-tabs__link {
        margin-right: 0;
    }
}

@media (max-width: 640px) {
    .nsc-tabs__nav:not(.nsc-tabs__nav--mobile) {
        display: none;
    }
}

/* The counter box — the two figures at the top of Project Awards, "150 Projects Awarded" and
   "$2.0B Project Funding".

   The theme's component animated a number up from zero and formatted it to `data-decimals`; both
   went with the JavaScript in phase 2 D, which is when the formatted value moved into the markup.
   What is left is the card's inner box, the figure's size and the icon's placement beside it.

   The page cancels most of it from its own stylesheet — `project-awards.component.css` keeps the
   20px padding and throws the border away — and that stylesheet reaches for these class names, so
   it is renamed in the same change. Two sizes the theme took from `--counter_box_icon_size` and
   `--counter_box_title_size` are written out at their measured 50px, as with the other shapes,
   because those variables go with fusion.css. */
.nsc-counters {
    margin: 0;
}

.nsc-counter__box {
    padding: 20px;
    border: 1px solid var(--awb-border-color, #e5e4e3);
}

.nsc-counter__box,
.nsc-counter__value {
    font-size: 50px;
    line-height: normal;
}

/* Icons.

   **This is a phase 4 dependency.** Both icon fonts live inside `fusion.css` — the `@font-face`
   rules, the `.fa`/`.fas` base and each glyph's `content` — so deleting that file takes every
   icon on the site with it, and no count of `fusion-*` classes shows it, because none of these
   class names match that pattern. There are five, not the two the counter boxes made obvious:
   `fa-chevron-right` appears ten times in templates and ten more in stored content, which is
   why the theme's own class names are kept here rather than renamed. Renaming them would mean
   another stored-content migration for no gain.

   Of the theme's 37 `@font-face` rules, three have a real source: the two below and the two text
   faces above. The rest — every italic, every non-Latin subset, and `digital` — point at the old
   WordPress host and have always 404'd, which is most of defect 3 in this document. Even these
   two are quietly broken in the theme: the Font Awesome entry lists a `.woff2` that does not
   exist before the `.woff` that does, so the browser 404s once per load and falls through. Only
   the working source is copied. */
@font-face {
    font-family: "NSC Icons";
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url("/assets/fonts/fa-solid-900.woff") format("woff");
}

@font-face {
    font-family: "NSC UI Icons";
    font-style: normal;
    font-weight: normal;
    font-display: swap;
    src: url("/assets/fonts/awb-icons.woff") format("woff");
}

/* The theme's own wrapper class, which the stored content puts on every chevron beside the icon
   classes. All it carries is the 10px of space to the right of the glyph. */
.fontawesome-icon {
    display: inline-block;
    float: left;
    margin-right: 10px;
    color: var(--icon_color);
}

.fa,
.fas {
    display: inline-block;
    font-family: "NSC Icons";
    font-style: normal;
    font-variant: normal;
    font-weight: 900;
    line-height: 1;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.fa-award::before {
    content: "\f559";
}

.fa-dollar-sign::before {
    content: "\f155";
}

.fa-calendar-alt::before {
    content: "\f073";
}

.fa-chevron-right::before {
    content: "\f054";
}

.fa-users::before {
    content: "\f0c0";
}

/* `float: none` is the theme's own correction to the float its icon class sets everywhere else,
   and the -8px is what sits the glyph on the figure's baseline rather than its box's top. */
.nsc-counter__icon {
    float: none;
    margin: -8px 10px 0 0;
    vertical-align: middle;
    font-size: 50px;
    color: inherit;
}


/* The header logo, and the footer band and menu.

   `app.component.html` is the site header and footer, and it is the last template on the theme.
   Most of what it carried was inert once measured: `fusion-wrapper`, `fusion-tb-header`,
   `fusion-tb-footer`, `fusion-footer`, `fusion-footer-widget-area`, `fusion-widget-area` and
   `fusion-slider-visibility` all compute to a plain `<div>` here, and the column classes that
   name a flex alignment — `fusion-flex-align-self-center`, `fusion-flex-justify-content-*`,
   `fusion-content-layout-column`, `fusion-content-layout-block` — are scoped to a
   `.fusion-flex-container` ancestor the header and footer do not have. What was live is below. */

/* The image block around the logo. Its own margins are the only thing it contributes; the size
   comes from `--awb-max-width` on the frame inside it. */
.nsc-image {
    --awb-margin-top: 0;
    --awb-margin-right: 0;
    --awb-margin-bottom: 0;
    --awb-margin-left: 0;

    margin: var(--awb-margin-top) var(--awb-margin-right) var(--awb-margin-bottom)
        var(--awb-margin-left);
    line-height: 1;
}

.nsc-imageframe {
    display: inline-block;
    position: relative;
    z-index: 1;
    overflow: hidden;
    max-width: var(--awb-max-width, 100%);
    vertical-align: middle;
    line-height: 1;
}

.nsc-imageframe img {
    vertical-align: top;
    box-shadow: none;
}

.nsc-aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

/* The navy panel across the footer.

   Not `.nsc-section`: that class folds `fusion-fullwidth` and `fusion-flex-container` together,
   because every section in page content carries both. This one carries only `fusion-fullwidth`,
   so it is a block rather than a centring flex container — and it is the only element on the site
   that uses the theme's `--awb-border-sizes-*`, which draw its 30px white edge, and its
   `multiply` blend mode. The `data-bg` attribute beside them is inert: the theme's JavaScript
   turned it into a background image, and that went in phase 2 D. */
.nsc-footer__band {
    --awb-padding-top: 0px;
    --awb-padding-right: 0px;
    --awb-padding-bottom: 0px;
    --awb-padding-left: 0px;
    --awb-margin-top: 0px;
    --awb-margin-bottom: 0px;

    position: relative;
    margin-top: var(--awb-margin-top);
    margin-bottom: var(--awb-margin-bottom);
    padding: var(--awb-padding-top) var(--awb-padding-right) var(--awb-padding-bottom)
        var(--awb-padding-left);
    border-width: var(--awb-border-sizes-top, 0px) var(--awb-border-sizes-right, 0px)
        var(--awb-border-sizes-bottom, 0px) var(--awb-border-sizes-left, 0px);
    border-style: solid;
    border-color: var(--awb-border-color, #e2e2e2);
    border-radius: var(--awb-border-radius-top-left, 0px) var(--awb-border-radius-top-right, 0px)
        var(--awb-border-radius-bottom-right, 0px) var(--awb-border-radius-bottom-left, 0px);
    background-color: var(--awb-background-color, transparent);
    background-size: var(--awb-background-size, auto);
    background-blend-mode: var(--awb-background-blend-mode, normal);
}

@media (max-width: 1035px) {
    /* The band names only its top and bottom padding at this width; the sides keep the 8vw they
       have above it, which is what the fallbacks carry over. */
    .nsc-footer__band {
        --awb-padding-top-medium: var(--awb-padding-top);
        --awb-padding-right-medium: var(--awb-padding-right);
        --awb-padding-bottom-medium: var(--awb-padding-bottom);
        --awb-padding-left-medium: var(--awb-padding-left);

        padding: var(--awb-padding-top-medium) var(--awb-padding-right-medium)
            var(--awb-padding-bottom-medium) var(--awb-padding-left-medium);
    }
}

@media (max-width: 640px) {
    .nsc-footer__band {
        --awb-padding-top-small: var(--awb-padding-top-medium);
        --awb-padding-right-small: var(--awb-padding-right-medium);
        --awb-padding-bottom-small: var(--awb-padding-bottom-medium);
        --awb-padding-left-small: var(--awb-padding-left-medium);

        padding: var(--awb-padding-top-small) var(--awb-padding-right-small)
            var(--awb-padding-bottom-small) var(--awb-padding-left-small);
    }
}

/* The footer menu.

   Six links, laid out in a row and collapsed to nothing below 1035px — see the note above the
   media query further up this file, which is the one part of this shape that was already here.
   The theme's menu component is enormous; what these six links actually use is the eight rules
   below, and every value they read is named inline on the <nav>.

   `align-items` is deliberately absent. The theme's `.awb-menu__main-ul` asks for
   `var(--awb-align-items)` and its variable block defines `--awb-align-item`, singular — so the
   declaration never resolves and the property stays at its initial value. Copying the typo would
   be worse than leaving it out. */
.nsc-menu {
    --awb-font-size: 16px;
    --awb-margin-top: 0px;
    --awb-margin-bottom: 0px;
    --awb-transition-time: 300;
    --awb-justify-content: flex-start;
    --awb-min-height: 4em;
    --awb-gap: 0px;
    --awb-color: #212934;
    --awb-bg: rgba(0, 0, 0, 0);
    --awb-items-padding-top: 0px;
    --awb-items-padding-right: 0px;
    --awb-items-padding-bottom: 0px;
    --awb-items-padding-left: 0px;
    --awb-border-top: 0px;
    --awb-border-right: 0px;
    --awb-border-bottom: 0px;
    --awb-border-left: 0px;
    --awb-border-color: rgba(0, 0, 0, 0);
    --awb-border-radius-top-left: 0px;
    --awb-border-radius-top-right: 0px;
    --awb-border-radius-bottom-right: 0px;
    --awb-border-radius-bottom-left: 0px;
    --awb-active-bg: rgba(0, 0, 0, 0);

    width: 100%;
    margin-top: var(--awb-margin-top);
    margin-bottom: var(--awb-margin-bottom);
    opacity: 1;
    font-size: var(--awb-font-size);
    transition: opacity calc(var(--awb-transition-time) * 1ms) cubic-bezier(0.42, 0.01, 0.58, 1);
}

.nsc-menu__list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    position: relative;
    justify-content: var(--awb-justify-content);
    min-height: var(--awb-min-height);
    margin-block: 0;
    padding: 0;
    list-style: none;
    font-size: var(--awb-font-size);
    font-family: var(--awb-fusion-font-family-typography);
    font-style: var(--awb-fusion-font-style-typography);
    font-weight: var(--awb-fusion-font-weight-typography);
    text-transform: var(--awb-text-transform);
    transition: min-height calc(var(--awb-transition-time) * 1ms) cubic-bezier(0.42, 0.01, 0.58, 1);
}

.nsc-menu__item {
    position: relative;
    display: flex;
    justify-content: center;
    /* The gap is 4.5% of the menu, halved either side, so the space between two links is the full
       4.5% and the ends get half of it — which the two rules below then take back. */
    margin-left: calc(var(--awb-gap) / 2);
    margin-right: calc(var(--awb-gap) / 2);
    border-radius: var(--awb-border-radius-top-left) var(--awb-border-radius-top-right)
        var(--awb-border-radius-bottom-right) var(--awb-border-radius-bottom-left);
    background-color: var(--awb-bg);
    line-height: var(--awb-line-height, inherit);
    letter-spacing: var(--awb-letter-spacing);
    transition: all calc(var(--awb-transition-time) * 1ms) cubic-bezier(0.42, 0.01, 0.58, 1);
}

.nsc-menu__item:first-child {
    margin-inline-start: 0;
}

.nsc-menu__item:last-child {
    margin-inline-end: 0;
}

/* Two painted layers behind each link, one resting and one that grows in on hover. Only the
   resting one is visible without the theme's JavaScript, and both are transparent here, so what
   they contribute is the stacking: they sit at `z-index: 1` and the link at 10. */
.nsc-menu__item > * {
    z-index: 10;
}

.nsc-menu__bg {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    border-width: var(--awb-border-top) var(--awb-border-right) var(--awb-border-bottom)
        var(--awb-border-left);
    border-style: solid;
    border-color: var(--awb-border-color);
    border-radius: var(--awb-border-radius-top-left) var(--awb-border-radius-top-right)
        var(--awb-border-radius-bottom-right) var(--awb-border-radius-bottom-left);
    background-color: var(--awb-bg);
    transform: scaleX(1);
    transition: all calc(var(--awb-transition-time) * 1ms) cubic-bezier(0.42, 0.01, 0.58, 1);
}

.nsc-menu__bg--active {
    background-color: var(--awb-active-bg);
    transform: scaleX(0);
}

.nsc-menu__link {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: calc(var(--awb-items-padding-top) + var(--awb-border-top))
        calc(var(--awb-items-padding-right) + var(--awb-border-right))
        calc(var(--awb-items-padding-bottom) + var(--awb-border-bottom))
        calc(var(--awb-items-padding-left) + var(--awb-border-left));
    /* `!important` is the theme's, and it is needed: `body a { color: var(--link_color) }` is a
       longer selector, and the footer band sets `--link_color` to white-on-navy for its buttons. */
    color: var(--awb-color) !important;
    transition: color calc(var(--awb-transition-time) * 1ms) cubic-bezier(0.42, 0.01, 0.58, 1),
        background-color calc(var(--awb-transition-time) * 1ms) cubic-bezier(0.42, 0.01, 0.58, 1);
}

.nsc-menu__text {
    display: flex;
    align-items: center;
    text-align: center;
}