/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@angular-devkit/build-angular/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/@angular-devkit/build-angular/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/@angular/material/prebuilt-themes/indigo-pink.css?ngGlobalStyle ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.mat-ripple{overflow:hidden;position:relative}.mat-ripple:not(:empty){transform:translateZ(0)}.mat-ripple.mat-ripple-unbounded{overflow:visible}.mat-ripple-element{position:absolute;border-radius:50%;pointer-events:none;transition:opacity,transform 0ms cubic-bezier(0, 0, 0.2, 1);transform:scale3d(0, 0, 0);background-color:var(--mat-ripple-color, rgba(0, 0, 0, 0.1))}.cdk-high-contrast-active .mat-ripple-element{display:none}.cdk-visually-hidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap;outline:0;-webkit-appearance:none;-moz-appearance:none;left:0}[dir=rtl] .cdk-visually-hidden{left:auto;right:0}.cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000;display:flex;max-width:100%;max-height:100%}.cdk-overlay-backdrop{position:absolute;top:0;bottom:0;left:0;right:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:rgba(0,0,0,0);transition:opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);opacity:0}.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6}.cdk-overlay-dark-backdrop{background:rgba(0,0,0,.32)}.cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0;visibility:visible}.cdk-overlay-backdrop-noop-animation{transition:none}.cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}textarea.cdk-textarea-autosize{resize:none}textarea.cdk-textarea-autosize-measuring{padding:2px 0 !important;box-sizing:content-box !important;height:auto !important;overflow:hidden !important}textarea.cdk-textarea-autosize-measuring-firefox{padding:2px 0 !important;box-sizing:content-box !important;height:0 !important}@keyframes cdk-text-field-autofill-start{/*!*/}@keyframes cdk-text-field-autofill-end{/*!*/}.cdk-text-field-autofill-monitored:-webkit-autofill{animation:cdk-text-field-autofill-start 0s 1ms}.cdk-text-field-autofill-monitored:not(:-webkit-autofill){animation:cdk-text-field-autofill-end 0s 1ms}.mat-focus-indicator{position:relative}.mat-focus-indicator::before{top:0;left:0;right:0;bottom:0;position:absolute;box-sizing:border-box;pointer-events:none;display:var(--mat-focus-indicator-display, none);border:var(--mat-focus-indicator-border-width, 3px) var(--mat-focus-indicator-border-style, solid) var(--mat-focus-indicator-border-color, transparent);border-radius:var(--mat-focus-indicator-border-radius, 4px)}.mat-focus-indicator:focus::before{content:""}.cdk-high-contrast-active{--mat-focus-indicator-display: block}.mat-mdc-focus-indicator{position:relative}.mat-mdc-focus-indicator::before{top:0;left:0;right:0;bottom:0;position:absolute;box-sizing:border-box;pointer-events:none;display:var(--mat-mdc-focus-indicator-display, none);border:var(--mat-mdc-focus-indicator-border-width, 3px) var(--mat-mdc-focus-indicator-border-style, solid) var(--mat-mdc-focus-indicator-border-color, transparent);border-radius:var(--mat-mdc-focus-indicator-border-radius, 4px)}.mat-mdc-focus-indicator:focus::before{content:""}.cdk-high-contrast-active{--mat-mdc-focus-indicator-display: block}.mat-app-background{background-color:var(--mat-app-background-color, transparent);color:var(--mat-app-text-color, inherit)}html{--mat-ripple-color:rgba(0, 0, 0, 0.1);--mat-option-selected-state-label-text-color:#3f51b5;--mat-option-label-text-color:rgba(0, 0, 0, 0.87);--mat-option-hover-state-layer-color:rgba(0, 0, 0, 0.04);--mat-option-focus-state-layer-color:rgba(0, 0, 0, 0.04);--mat-option-selected-state-layer-color:rgba(0, 0, 0, 0.04)}.mat-accent{--mat-option-selected-state-label-text-color:#ff4081;--mat-option-label-text-color:rgba(0, 0, 0, 0.87);--mat-option-hover-state-layer-color:rgba(0, 0, 0, 0.04);--mat-option-focus-state-layer-color:rgba(0, 0, 0, 0.04);--mat-option-selected-state-layer-color:rgba(0, 0, 0, 0.04)}.mat-warn{--mat-option-selected-state-label-text-color:#f44336;--mat-option-label-text-color:rgba(0, 0, 0, 0.87);--mat-option-hover-state-layer-color:rgba(0, 0, 0, 0.04);--mat-option-focus-state-layer-color:rgba(0, 0, 0, 0.04);--mat-option-selected-state-layer-color:rgba(0, 0, 0, 0.04)}html{--mat-optgroup-label-text-color:rgba(0, 0, 0, 0.87)}.mat-primary{--mat-full-pseudo-checkbox-selected-icon-color:#3f51b5;--mat-full-pseudo-checkbox-selected-checkmark-color:#fafafa;--mat-full-pseudo-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);--mat-full-pseudo-checkbox-disabled-selected-checkmark-color:#fafafa;--mat-full-pseudo-checkbox-disabled-unselected-icon-color:#b0b0b0;--mat-full-pseudo-checkbox-disabled-selected-icon-color:#b0b0b0;--mat-minimal-pseudo-checkbox-selected-checkmark-color:#3f51b5;--mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color:#b0b0b0}html{--mat-full-pseudo-checkbox-selected-icon-color:#ff4081;--mat-full-pseudo-checkbox-selected-checkmark-color:#fafafa;--mat-full-pseudo-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);--mat-full-pseudo-checkbox-disabled-selected-checkmark-color:#fafafa;--mat-full-pseudo-checkbox-disabled-unselected-icon-color:#b0b0b0;--mat-full-pseudo-checkbox-disabled-selected-icon-color:#b0b0b0;--mat-minimal-pseudo-checkbox-selected-checkmark-color:#ff4081;--mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color:#b0b0b0}.mat-accent{--mat-full-pseudo-checkbox-selected-icon-color:#ff4081;--mat-full-pseudo-checkbox-selected-checkmark-color:#fafafa;--mat-full-pseudo-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);--mat-full-pseudo-checkbox-disabled-selected-checkmark-color:#fafafa;--mat-full-pseudo-checkbox-disabled-unselected-icon-color:#b0b0b0;--mat-full-pseudo-checkbox-disabled-selected-icon-color:#b0b0b0;--mat-minimal-pseudo-checkbox-selected-checkmark-color:#ff4081;--mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color:#b0b0b0}.mat-warn{--mat-full-pseudo-checkbox-selected-icon-color:#f44336;--mat-full-pseudo-checkbox-selected-checkmark-color:#fafafa;--mat-full-pseudo-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);--mat-full-pseudo-checkbox-disabled-selected-checkmark-color:#fafafa;--mat-full-pseudo-checkbox-disabled-unselected-icon-color:#b0b0b0;--mat-full-pseudo-checkbox-disabled-selected-icon-color:#b0b0b0;--mat-minimal-pseudo-checkbox-selected-checkmark-color:#f44336;--mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color:#b0b0b0}html{--mat-app-background-color:#fafafa;--mat-app-text-color:rgba(0, 0, 0, 0.87)}.mat-elevation-z0,.mat-mdc-elevation-specific.mat-elevation-z0{box-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12)}.mat-elevation-z1,.mat-mdc-elevation-specific.mat-elevation-z1{box-shadow:0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12)}.mat-elevation-z2,.mat-mdc-elevation-specific.mat-elevation-z2{box-shadow:0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12)}.mat-elevation-z3,.mat-mdc-elevation-specific.mat-elevation-z3{box-shadow:0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12)}.mat-elevation-z4,.mat-mdc-elevation-specific.mat-elevation-z4{box-shadow:0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12)}.mat-elevation-z5,.mat-mdc-elevation-specific.mat-elevation-z5{box-shadow:0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12)}.mat-elevation-z6,.mat-mdc-elevation-specific.mat-elevation-z6{box-shadow:0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12)}.mat-elevation-z7,.mat-mdc-elevation-specific.mat-elevation-z7{box-shadow:0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12)}.mat-elevation-z8,.mat-mdc-elevation-specific.mat-elevation-z8{box-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12)}.mat-elevation-z9,.mat-mdc-elevation-specific.mat-elevation-z9{box-shadow:0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12)}.mat-elevation-z10,.mat-mdc-elevation-specific.mat-elevation-z10{box-shadow:0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12)}.mat-elevation-z11,.mat-mdc-elevation-specific.mat-elevation-z11{box-shadow:0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12)}.mat-elevation-z12,.mat-mdc-elevation-specific.mat-elevation-z12{box-shadow:0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12)}.mat-elevation-z13,.mat-mdc-elevation-specific.mat-elevation-z13{box-shadow:0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12)}.mat-elevation-z14,.mat-mdc-elevation-specific.mat-elevation-z14{box-shadow:0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12)}.mat-elevation-z15,.mat-mdc-elevation-specific.mat-elevation-z15{box-shadow:0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12)}.mat-elevation-z16,.mat-mdc-elevation-specific.mat-elevation-z16{box-shadow:0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12)}.mat-elevation-z17,.mat-mdc-elevation-specific.mat-elevation-z17{box-shadow:0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12)}.mat-elevation-z18,.mat-mdc-elevation-specific.mat-elevation-z18{box-shadow:0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12)}.mat-elevation-z19,.mat-mdc-elevation-specific.mat-elevation-z19{box-shadow:0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12)}.mat-elevation-z20,.mat-mdc-elevation-specific.mat-elevation-z20{box-shadow:0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12)}.mat-elevation-z21,.mat-mdc-elevation-specific.mat-elevation-z21{box-shadow:0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12)}.mat-elevation-z22,.mat-mdc-elevation-specific.mat-elevation-z22{box-shadow:0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12)}.mat-elevation-z23,.mat-mdc-elevation-specific.mat-elevation-z23{box-shadow:0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12)}.mat-elevation-z24,.mat-mdc-elevation-specific.mat-elevation-z24{box-shadow:0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12)}.mat-theme-loaded-marker{display:none}html{--mat-option-label-text-font:Roboto, sans-serif;--mat-option-label-text-line-height:24px;--mat-option-label-text-size:16px;--mat-option-label-text-tracking:0.03125em;--mat-option-label-text-weight:400;--mat-optgroup-label-text-font:Roboto, sans-serif;--mat-optgroup-label-text-line-height:24px;--mat-optgroup-label-text-size:16px;--mat-optgroup-label-text-tracking:0.03125em;--mat-optgroup-label-text-weight:400;--mdc-elevated-card-container-shape:4px;--mdc-outlined-card-container-shape:4px;--mdc-outlined-card-outline-width:1px;--mdc-elevated-card-container-color:white;--mdc-elevated-card-container-elevation:0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);--mdc-outlined-card-container-color:white;--mdc-outlined-card-outline-color:rgba(0, 0, 0, 0.12);--mdc-outlined-card-container-elevation:0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);--mat-card-subtitle-text-color:rgba(0, 0, 0, 0.54);--mat-card-title-text-font:Roboto, sans-serif;--mat-card-title-text-line-height:32px;--mat-card-title-text-size:20px;--mat-card-title-text-tracking:0.0125em;--mat-card-title-text-weight:500;--mat-card-subtitle-text-font:Roboto, sans-serif;--mat-card-subtitle-text-line-height:22px;--mat-card-subtitle-text-size:14px;--mat-card-subtitle-text-tracking:0.0071428571em;--mat-card-subtitle-text-weight:500;--mdc-linear-progress-active-indicator-height:4px;--mdc-linear-progress-track-height:4px;--mdc-linear-progress-track-shape:0}.mat-mdc-progress-bar{--mdc-linear-progress-active-indicator-color:#3f51b5;--mdc-linear-progress-track-color:rgba(63, 81, 181, 0.25)}.mat-mdc-progress-bar.mat-accent{--mdc-linear-progress-active-indicator-color:#ff4081;--mdc-linear-progress-track-color:rgba(255, 64, 129, 0.25)}.mat-mdc-progress-bar.mat-warn{--mdc-linear-progress-active-indicator-color:#f44336;--mdc-linear-progress-track-color:rgba(244, 67, 54, 0.25)}html{--mdc-plain-tooltip-container-shape:4px;--mdc-plain-tooltip-supporting-text-line-height:16px;--mdc-plain-tooltip-container-color:#616161;--mdc-plain-tooltip-supporting-text-color:#fff;--mdc-plain-tooltip-supporting-text-font:Roboto, sans-serif;--mdc-plain-tooltip-supporting-text-size:12px;--mdc-plain-tooltip-supporting-text-weight:400;--mdc-plain-tooltip-supporting-text-tracking:0.0333333333em;--mdc-filled-text-field-active-indicator-height:1px;--mdc-filled-text-field-focus-active-indicator-height:2px;--mdc-filled-text-field-container-shape:4px;--mdc-outlined-text-field-outline-width:1px;--mdc-outlined-text-field-focus-outline-width:2px;--mdc-outlined-text-field-container-shape:4px;--mdc-filled-text-field-caret-color:#3f51b5;--mdc-filled-text-field-focus-active-indicator-color:#3f51b5;--mdc-filled-text-field-focus-label-text-color:rgba(63, 81, 181, 0.87);--mdc-filled-text-field-container-color:whitesmoke;--mdc-filled-text-field-disabled-container-color:#fafafa;--mdc-filled-text-field-label-text-color:rgba(0, 0, 0, 0.6);--mdc-filled-text-field-hover-label-text-color:rgba(0, 0, 0, 0.6);--mdc-filled-text-field-disabled-label-text-color:rgba(0, 0, 0, 0.38);--mdc-filled-text-field-input-text-color:rgba(0, 0, 0, 0.87);--mdc-filled-text-field-disabled-input-text-color:rgba(0, 0, 0, 0.38);--mdc-filled-text-field-input-text-placeholder-color:rgba(0, 0, 0, 0.6);--mdc-filled-text-field-error-hover-label-text-color:#f44336;--mdc-filled-text-field-error-focus-label-text-color:#f44336;--mdc-filled-text-field-error-label-text-color:#f44336;--mdc-filled-text-field-error-caret-color:#f44336;--mdc-filled-text-field-active-indicator-color:rgba(0, 0, 0, 0.42);--mdc-filled-text-field-disabled-active-indicator-color:rgba(0, 0, 0, 0.06);--mdc-filled-text-field-hover-active-indicator-color:rgba(0, 0, 0, 0.87);--mdc-filled-text-field-error-active-indicator-color:#f44336;--mdc-filled-text-field-error-focus-active-indicator-color:#f44336;--mdc-filled-text-field-error-hover-active-indicator-color:#f44336;--mdc-outlined-text-field-caret-color:#3f51b5;--mdc-outlined-text-field-focus-outline-color:#3f51b5;--mdc-outlined-text-field-focus-label-text-color:rgba(63, 81, 181, 0.87);--mdc-outlined-text-field-label-text-color:rgba(0, 0, 0, 0.6);--mdc-outlined-text-field-hover-label-text-color:rgba(0, 0, 0, 0.6);--mdc-outlined-text-field-disabled-label-text-color:rgba(0, 0, 0, 0.38);--mdc-outlined-text-field-input-text-color:rgba(0, 0, 0, 0.87);--mdc-outlined-text-field-disabled-input-text-color:rgba(0, 0, 0, 0.38);--mdc-outlined-text-field-input-text-placeholder-color:rgba(0, 0, 0, 0.6);--mdc-outlined-text-field-error-caret-color:#f44336;--mdc-outlined-text-field-error-focus-label-text-color:#f44336;--mdc-outlined-text-field-error-label-text-color:#f44336;--mdc-outlined-text-field-error-hover-label-text-color:#f44336;--mdc-outlined-text-field-outline-color:rgba(0, 0, 0, 0.38);--mdc-outlined-text-field-disabled-outline-color:rgba(0, 0, 0, 0.06);--mdc-outlined-text-field-hover-outline-color:rgba(0, 0, 0, 0.87);--mdc-outlined-text-field-error-focus-outline-color:#f44336;--mdc-outlined-text-field-error-hover-outline-color:#f44336;--mdc-outlined-text-field-error-outline-color:#f44336;--mat-form-field-focus-select-arrow-color:rgba(63, 81, 181, 0.87);--mat-form-field-disabled-input-text-placeholder-color:rgba(0, 0, 0, 0.38);--mat-form-field-state-layer-color:rgba(0, 0, 0, 0.87);--mat-form-field-error-text-color:#f44336;--mat-form-field-select-option-text-color:inherit;--mat-form-field-select-disabled-option-text-color:GrayText;--mat-form-field-leading-icon-color:unset;--mat-form-field-disabled-leading-icon-color:unset;--mat-form-field-trailing-icon-color:unset;--mat-form-field-disabled-trailing-icon-color:unset;--mat-form-field-error-focus-trailing-icon-color:unset;--mat-form-field-error-hover-trailing-icon-color:unset;--mat-form-field-error-trailing-icon-color:unset;--mat-form-field-enabled-select-arrow-color:rgba(0, 0, 0, 0.54);--mat-form-field-disabled-select-arrow-color:rgba(0, 0, 0, 0.38);--mat-form-field-hover-state-layer-opacity:0.04;--mat-form-field-focus-state-layer-opacity:0.08}.mat-mdc-form-field.mat-accent{--mdc-filled-text-field-caret-color:#ff4081;--mdc-filled-text-field-focus-active-indicator-color:#ff4081;--mdc-filled-text-field-focus-label-text-color:rgba(255, 64, 129, 0.87);--mdc-outlined-text-field-caret-color:#ff4081;--mdc-outlined-text-field-focus-outline-color:#ff4081;--mdc-outlined-text-field-focus-label-text-color:rgba(255, 64, 129, 0.87);--mat-form-field-focus-select-arrow-color:rgba(255, 64, 129, 0.87)}.mat-mdc-form-field.mat-warn{--mdc-filled-text-field-caret-color:#f44336;--mdc-filled-text-field-focus-active-indicator-color:#f44336;--mdc-filled-text-field-focus-label-text-color:rgba(244, 67, 54, 0.87);--mdc-outlined-text-field-caret-color:#f44336;--mdc-outlined-text-field-focus-outline-color:#f44336;--mdc-outlined-text-field-focus-label-text-color:rgba(244, 67, 54, 0.87);--mat-form-field-focus-select-arrow-color:rgba(244, 67, 54, 0.87)}html{--mat-form-field-container-height:56px;--mat-form-field-filled-label-display:block;--mat-form-field-container-vertical-padding:16px;--mat-form-field-filled-with-label-container-padding-top:24px;--mat-form-field-filled-with-label-container-padding-bottom:8px;--mdc-filled-text-field-label-text-font:Roboto, sans-serif;--mdc-filled-text-field-label-text-size:16px;--mdc-filled-text-field-label-text-tracking:0.03125em;--mdc-filled-text-field-label-text-weight:400;--mdc-outlined-text-field-label-text-font:Roboto, sans-serif;--mdc-outlined-text-field-label-text-size:16px;--mdc-outlined-text-field-label-text-tracking:0.03125em;--mdc-outlined-text-field-label-text-weight:400;--mat-form-field-container-text-font:Roboto, sans-serif;--mat-form-field-container-text-line-height:24px;--mat-form-field-container-text-size:16px;--mat-form-field-container-text-tracking:0.03125em;--mat-form-field-container-text-weight:400;--mat-form-field-outlined-label-text-populated-size:16px;--mat-form-field-subscript-text-font:Roboto, sans-serif;--mat-form-field-subscript-text-line-height:20px;--mat-form-field-subscript-text-size:12px;--mat-form-field-subscript-text-tracking:0.0333333333em;--mat-form-field-subscript-text-weight:400;--mat-select-container-elevation-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);--mat-select-panel-background-color:white;--mat-select-enabled-trigger-text-color:rgba(0, 0, 0, 0.87);--mat-select-disabled-trigger-text-color:rgba(0, 0, 0, 0.38);--mat-select-placeholder-text-color:rgba(0, 0, 0, 0.6);--mat-select-enabled-arrow-color:rgba(0, 0, 0, 0.54);--mat-select-disabled-arrow-color:rgba(0, 0, 0, 0.38);--mat-select-focused-arrow-color:rgba(63, 81, 181, 0.87);--mat-select-invalid-arrow-color:rgba(244, 67, 54, 0.87)}html .mat-mdc-form-field.mat-accent{--mat-select-panel-background-color:white;--mat-select-enabled-trigger-text-color:rgba(0, 0, 0, 0.87);--mat-select-disabled-trigger-text-color:rgba(0, 0, 0, 0.38);--mat-select-placeholder-text-color:rgba(0, 0, 0, 0.6);--mat-select-enabled-arrow-color:rgba(0, 0, 0, 0.54);--mat-select-disabled-arrow-color:rgba(0, 0, 0, 0.38);--mat-select-focused-arrow-color:rgba(255, 64, 129, 0.87);--mat-select-invalid-arrow-color:rgba(244, 67, 54, 0.87)}html .mat-mdc-form-field.mat-warn{--mat-select-panel-background-color:white;--mat-select-enabled-trigger-text-color:rgba(0, 0, 0, 0.87);--mat-select-disabled-trigger-text-color:rgba(0, 0, 0, 0.38);--mat-select-placeholder-text-color:rgba(0, 0, 0, 0.6);--mat-select-enabled-arrow-color:rgba(0, 0, 0, 0.54);--mat-select-disabled-arrow-color:rgba(0, 0, 0, 0.38);--mat-select-focused-arrow-color:rgba(244, 67, 54, 0.87);--mat-select-invalid-arrow-color:rgba(244, 67, 54, 0.87)}html{--mat-select-arrow-transform:translateY(-8px);--mat-select-trigger-text-font:Roboto, sans-serif;--mat-select-trigger-text-line-height:24px;--mat-select-trigger-text-size:16px;--mat-select-trigger-text-tracking:0.03125em;--mat-select-trigger-text-weight:400;--mat-autocomplete-container-shape:4px;--mat-autocomplete-container-elevation-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);--mat-autocomplete-background-color:white;--mdc-dialog-container-elevation-shadow:0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);--mdc-dialog-container-shadow-color:#000;--mdc-dialog-container-shape:4px;--mat-dialog-container-max-width:80vw;--mat-dialog-container-small-max-width:80vw;--mat-dialog-container-min-width:0;--mat-dialog-actions-alignment:start;--mat-dialog-actions-padding:8px;--mat-dialog-content-padding:20px 24px;--mat-dialog-with-actions-content-padding:20px 24px;--mat-dialog-headline-padding:0 24px 9px;--mdc-dialog-container-color:white;--mdc-dialog-subhead-color:rgba(0, 0, 0, 0.87);--mdc-dialog-supporting-text-color:rgba(0, 0, 0, 0.6);--mdc-dialog-subhead-font:Roboto, sans-serif;--mdc-dialog-subhead-line-height:32px;--mdc-dialog-subhead-size:20px;--mdc-dialog-subhead-weight:500;--mdc-dialog-subhead-tracking:0.0125em;--mdc-dialog-supporting-text-font:Roboto, sans-serif;--mdc-dialog-supporting-text-line-height:24px;--mdc-dialog-supporting-text-size:16px;--mdc-dialog-supporting-text-weight:400;--mdc-dialog-supporting-text-tracking:0.03125em}.mat-mdc-standard-chip{--mdc-chip-container-shape-family:rounded;--mdc-chip-container-shape-radius:16px 16px 16px 16px;--mdc-chip-with-avatar-avatar-shape-family:rounded;--mdc-chip-with-avatar-avatar-shape-radius:14px 14px 14px 14px;--mdc-chip-with-avatar-avatar-size:28px;--mdc-chip-with-icon-icon-size:18px;--mdc-chip-outline-width:0;--mdc-chip-outline-color:transparent;--mdc-chip-disabled-outline-color:transparent;--mdc-chip-focus-outline-color:transparent;--mdc-chip-hover-state-layer-opacity:0.04;--mdc-chip-with-avatar-disabled-avatar-opacity:1;--mdc-chip-flat-selected-outline-width:0;--mdc-chip-selected-hover-state-layer-opacity:0.04;--mdc-chip-with-trailing-icon-disabled-trailing-icon-opacity:1;--mdc-chip-with-icon-disabled-icon-opacity:1;--mat-chip-disabled-container-opacity:0.4;--mat-chip-trailing-action-opacity:0.54;--mat-chip-trailing-action-focus-opacity:1;--mat-chip-trailing-action-state-layer-color:transparent;--mat-chip-selected-trailing-action-state-layer-color:transparent;--mat-chip-trailing-action-hover-state-layer-opacity:0;--mat-chip-trailing-action-focus-state-layer-opacity:0;--mdc-chip-disabled-label-text-color:#212121;--mdc-chip-elevated-container-color:#e0e0e0;--mdc-chip-elevated-selected-container-color:#e0e0e0;--mdc-chip-elevated-disabled-container-color:#e0e0e0;--mdc-chip-flat-disabled-selected-container-color:#e0e0e0;--mdc-chip-focus-state-layer-color:black;--mdc-chip-hover-state-layer-color:black;--mdc-chip-selected-hover-state-layer-color:black;--mdc-chip-focus-state-layer-opacity:0.12;--mdc-chip-selected-focus-state-layer-color:black;--mdc-chip-selected-focus-state-layer-opacity:0.12;--mdc-chip-label-text-color:#212121;--mdc-chip-selected-label-text-color:#212121;--mdc-chip-with-icon-icon-color:#212121;--mdc-chip-with-icon-disabled-icon-color:#212121;--mdc-chip-with-icon-selected-icon-color:#212121;--mdc-chip-with-trailing-icon-disabled-trailing-icon-color:#212121;--mdc-chip-with-trailing-icon-trailing-icon-color:#212121;--mat-chip-selected-disabled-trailing-icon-color:#212121;--mat-chip-selected-trailing-icon-color:#212121}.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary,.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary{--mdc-chip-disabled-label-text-color:white;--mdc-chip-elevated-container-color:#3f51b5;--mdc-chip-elevated-selected-container-color:#3f51b5;--mdc-chip-elevated-disabled-container-color:#3f51b5;--mdc-chip-flat-disabled-selected-container-color:#3f51b5;--mdc-chip-focus-state-layer-color:black;--mdc-chip-hover-state-layer-color:black;--mdc-chip-selected-hover-state-layer-color:black;--mdc-chip-focus-state-layer-opacity:0.12;--mdc-chip-selected-focus-state-layer-color:black;--mdc-chip-selected-focus-state-layer-opacity:0.12;--mdc-chip-label-text-color:white;--mdc-chip-selected-label-text-color:white;--mdc-chip-with-icon-icon-color:white;--mdc-chip-with-icon-disabled-icon-color:white;--mdc-chip-with-icon-selected-icon-color:white;--mdc-chip-with-trailing-icon-disabled-trailing-icon-color:white;--mdc-chip-with-trailing-icon-trailing-icon-color:white;--mat-chip-selected-disabled-trailing-icon-color:white;--mat-chip-selected-trailing-icon-color:white}.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent,.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent{--mdc-chip-disabled-label-text-color:white;--mdc-chip-elevated-container-color:#ff4081;--mdc-chip-elevated-selected-container-color:#ff4081;--mdc-chip-elevated-disabled-container-color:#ff4081;--mdc-chip-flat-disabled-selected-container-color:#ff4081;--mdc-chip-focus-state-layer-color:black;--mdc-chip-hover-state-layer-color:black;--mdc-chip-selected-hover-state-layer-color:black;--mdc-chip-focus-state-layer-opacity:0.12;--mdc-chip-selected-focus-state-layer-color:black;--mdc-chip-selected-focus-state-layer-opacity:0.12;--mdc-chip-label-text-color:white;--mdc-chip-selected-label-text-color:white;--mdc-chip-with-icon-icon-color:white;--mdc-chip-with-icon-disabled-icon-color:white;--mdc-chip-with-icon-selected-icon-color:white;--mdc-chip-with-trailing-icon-disabled-trailing-icon-color:white;--mdc-chip-with-trailing-icon-trailing-icon-color:white;--mat-chip-selected-disabled-trailing-icon-color:white;--mat-chip-selected-trailing-icon-color:white}.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn,.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn{--mdc-chip-disabled-label-text-color:white;--mdc-chip-elevated-container-color:#f44336;--mdc-chip-elevated-selected-container-color:#f44336;--mdc-chip-elevated-disabled-container-color:#f44336;--mdc-chip-flat-disabled-selected-container-color:#f44336;--mdc-chip-focus-state-layer-color:black;--mdc-chip-hover-state-layer-color:black;--mdc-chip-selected-hover-state-layer-color:black;--mdc-chip-focus-state-layer-opacity:0.12;--mdc-chip-selected-focus-state-layer-color:black;--mdc-chip-selected-focus-state-layer-opacity:0.12;--mdc-chip-label-text-color:white;--mdc-chip-selected-label-text-color:white;--mdc-chip-with-icon-icon-color:white;--mdc-chip-with-icon-disabled-icon-color:white;--mdc-chip-with-icon-selected-icon-color:white;--mdc-chip-with-trailing-icon-disabled-trailing-icon-color:white;--mdc-chip-with-trailing-icon-trailing-icon-color:white;--mat-chip-selected-disabled-trailing-icon-color:white;--mat-chip-selected-trailing-icon-color:white}.mat-mdc-chip.mat-mdc-standard-chip{--mdc-chip-container-height:32px}.mat-mdc-standard-chip{--mdc-chip-label-text-font:Roboto, sans-serif;--mdc-chip-label-text-line-height:20px;--mdc-chip-label-text-size:14px;--mdc-chip-label-text-tracking:0.0178571429em;--mdc-chip-label-text-weight:400}html{--mdc-switch-disabled-selected-icon-opacity:0.38;--mdc-switch-disabled-track-opacity:0.12;--mdc-switch-disabled-unselected-icon-opacity:0.38;--mdc-switch-handle-height:20px;--mdc-switch-handle-shape:10px;--mdc-switch-handle-width:20px;--mdc-switch-selected-icon-size:18px;--mdc-switch-track-height:14px;--mdc-switch-track-shape:7px;--mdc-switch-track-width:36px;--mdc-switch-unselected-icon-size:18px;--mdc-switch-selected-focus-state-layer-opacity:0.12;--mdc-switch-selected-hover-state-layer-opacity:0.04;--mdc-switch-selected-pressed-state-layer-opacity:0.1;--mdc-switch-unselected-focus-state-layer-opacity:0.12;--mdc-switch-unselected-hover-state-layer-opacity:0.04;--mdc-switch-unselected-pressed-state-layer-opacity:0.1;--mat-switch-disabled-selected-handle-opacity:0.38;--mat-switch-disabled-unselected-handle-opacity:0.38;--mat-switch-unselected-handle-size:20px;--mat-switch-selected-handle-size:20px;--mat-switch-pressed-handle-size:20px;--mat-switch-with-icon-handle-size:20px;--mat-switch-selected-handle-horizontal-margin:0;--mat-switch-selected-with-icon-handle-horizontal-margin:0;--mat-switch-selected-pressed-handle-horizontal-margin:0;--mat-switch-unselected-handle-horizontal-margin:0;--mat-switch-unselected-with-icon-handle-horizontal-margin:0;--mat-switch-unselected-pressed-handle-horizontal-margin:0;--mat-switch-visible-track-opacity:1;--mat-switch-hidden-track-opacity:1;--mat-switch-visible-track-transition:transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);--mat-switch-hidden-track-transition:transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);--mat-switch-track-outline-width:1px;--mat-switch-track-outline-color:transparent;--mat-switch-selected-track-outline-width:1px;--mat-switch-disabled-unselected-track-outline-width:1px;--mat-switch-disabled-unselected-track-outline-color:transparent;--mdc-switch-selected-focus-state-layer-color:#3949ab;--mdc-switch-selected-handle-color:#3949ab;--mdc-switch-selected-hover-state-layer-color:#3949ab;--mdc-switch-selected-pressed-state-layer-color:#3949ab;--mdc-switch-selected-focus-handle-color:#1a237e;--mdc-switch-selected-hover-handle-color:#1a237e;--mdc-switch-selected-pressed-handle-color:#1a237e;--mdc-switch-selected-focus-track-color:#7986cb;--mdc-switch-selected-hover-track-color:#7986cb;--mdc-switch-selected-pressed-track-color:#7986cb;--mdc-switch-selected-track-color:#7986cb;--mdc-switch-disabled-selected-handle-color:#424242;--mdc-switch-disabled-selected-icon-color:#fff;--mdc-switch-disabled-selected-track-color:#424242;--mdc-switch-disabled-unselected-handle-color:#424242;--mdc-switch-disabled-unselected-icon-color:#fff;--mdc-switch-disabled-unselected-track-color:#424242;--mdc-switch-handle-surface-color:var(--mdc-theme-surface, #fff);--mdc-switch-handle-elevation-shadow:0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);--mdc-switch-handle-shadow-color:black;--mdc-switch-disabled-handle-elevation-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);--mdc-switch-selected-icon-color:#fff;--mdc-switch-unselected-focus-handle-color:#212121;--mdc-switch-unselected-focus-state-layer-color:#424242;--mdc-switch-unselected-focus-track-color:#e0e0e0;--mdc-switch-unselected-handle-color:#616161;--mdc-switch-unselected-hover-handle-color:#212121;--mdc-switch-unselected-hover-state-layer-color:#424242;--mdc-switch-unselected-hover-track-color:#e0e0e0;--mdc-switch-unselected-icon-color:#fff;--mdc-switch-unselected-pressed-handle-color:#212121;--mdc-switch-unselected-pressed-state-layer-color:#424242;--mdc-switch-unselected-pressed-track-color:#e0e0e0;--mdc-switch-unselected-track-color:#e0e0e0;--mdc-switch-disabled-label-text-color: rgba(0, 0, 0, 0.38)}html .mat-mdc-slide-toggle{--mdc-form-field-label-text-color:rgba(0, 0, 0, 0.87)}html .mat-mdc-slide-toggle.mat-accent{--mdc-switch-selected-focus-state-layer-color:#d81b60;--mdc-switch-selected-handle-color:#d81b60;--mdc-switch-selected-hover-state-layer-color:#d81b60;--mdc-switch-selected-pressed-state-layer-color:#d81b60;--mdc-switch-selected-focus-handle-color:#880e4f;--mdc-switch-selected-hover-handle-color:#880e4f;--mdc-switch-selected-pressed-handle-color:#880e4f;--mdc-switch-selected-focus-track-color:#f06292;--mdc-switch-selected-hover-track-color:#f06292;--mdc-switch-selected-pressed-track-color:#f06292;--mdc-switch-selected-track-color:#f06292}html .mat-mdc-slide-toggle.mat-warn{--mdc-switch-selected-focus-state-layer-color:#e53935;--mdc-switch-selected-handle-color:#e53935;--mdc-switch-selected-hover-state-layer-color:#e53935;--mdc-switch-selected-pressed-state-layer-color:#e53935;--mdc-switch-selected-focus-handle-color:#b71c1c;--mdc-switch-selected-hover-handle-color:#b71c1c;--mdc-switch-selected-pressed-handle-color:#b71c1c;--mdc-switch-selected-focus-track-color:#e57373;--mdc-switch-selected-hover-track-color:#e57373;--mdc-switch-selected-pressed-track-color:#e57373;--mdc-switch-selected-track-color:#e57373}html{--mdc-switch-state-layer-size:40px}html .mat-mdc-slide-toggle{--mdc-form-field-label-text-font:Roboto, sans-serif;--mdc-form-field-label-text-line-height:20px;--mdc-form-field-label-text-size:14px;--mdc-form-field-label-text-tracking:0.0178571429em;--mdc-form-field-label-text-weight:400}html{--mdc-radio-disabled-selected-icon-opacity:0.38;--mdc-radio-disabled-unselected-icon-opacity:0.38;--mdc-radio-state-layer-size:40px}.mat-mdc-radio-button{--mdc-form-field-label-text-color:rgba(0, 0, 0, 0.87)}.mat-mdc-radio-button.mat-primary{--mdc-radio-disabled-selected-icon-color:black;--mdc-radio-disabled-unselected-icon-color:black;--mdc-radio-unselected-hover-icon-color:#212121;--mdc-radio-unselected-icon-color:rgba(0, 0, 0, 0.54);--mdc-radio-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54);--mdc-radio-selected-focus-icon-color:#3f51b5;--mdc-radio-selected-hover-icon-color:#3f51b5;--mdc-radio-selected-icon-color:#3f51b5;--mdc-radio-selected-pressed-icon-color:#3f51b5;--mat-radio-ripple-color:black;--mat-radio-checked-ripple-color:#3f51b5;--mat-radio-disabled-label-color:rgba(0, 0, 0, 0.38)}.mat-mdc-radio-button.mat-accent{--mdc-radio-disabled-selected-icon-color:black;--mdc-radio-disabled-unselected-icon-color:black;--mdc-radio-unselected-hover-icon-color:#212121;--mdc-radio-unselected-icon-color:rgba(0, 0, 0, 0.54);--mdc-radio-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54);--mdc-radio-selected-focus-icon-color:#ff4081;--mdc-radio-selected-hover-icon-color:#ff4081;--mdc-radio-selected-icon-color:#ff4081;--mdc-radio-selected-pressed-icon-color:#ff4081;--mat-radio-ripple-color:black;--mat-radio-checked-ripple-color:#ff4081;--mat-radio-disabled-label-color:rgba(0, 0, 0, 0.38)}.mat-mdc-radio-button.mat-warn{--mdc-radio-disabled-selected-icon-color:black;--mdc-radio-disabled-unselected-icon-color:black;--mdc-radio-unselected-hover-icon-color:#212121;--mdc-radio-unselected-icon-color:rgba(0, 0, 0, 0.54);--mdc-radio-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54);--mdc-radio-selected-focus-icon-color:#f44336;--mdc-radio-selected-hover-icon-color:#f44336;--mdc-radio-selected-icon-color:#f44336;--mdc-radio-selected-pressed-icon-color:#f44336;--mat-radio-ripple-color:black;--mat-radio-checked-ripple-color:#f44336;--mat-radio-disabled-label-color:rgba(0, 0, 0, 0.38)}html{--mdc-radio-state-layer-size:40px;--mat-radio-touch-target-display:block}.mat-mdc-radio-button{--mdc-form-field-label-text-font:Roboto, sans-serif;--mdc-form-field-label-text-line-height:20px;--mdc-form-field-label-text-size:14px;--mdc-form-field-label-text-tracking:0.0178571429em;--mdc-form-field-label-text-weight:400}html{--mat-slider-value-indicator-width:auto;--mat-slider-value-indicator-height:32px;--mat-slider-value-indicator-caret-display:block;--mat-slider-value-indicator-border-radius:4px;--mat-slider-value-indicator-padding:0 12px;--mat-slider-value-indicator-text-transform:none;--mat-slider-value-indicator-container-transform:translateX(-50%);--mdc-slider-active-track-height:6px;--mdc-slider-active-track-shape:9999px;--mdc-slider-handle-height:20px;--mdc-slider-handle-shape:50%;--mdc-slider-handle-width:20px;--mdc-slider-inactive-track-height:4px;--mdc-slider-inactive-track-shape:9999px;--mdc-slider-with-overlap-handle-outline-width:1px;--mdc-slider-with-tick-marks-active-container-opacity:0.6;--mdc-slider-with-tick-marks-container-shape:50%;--mdc-slider-with-tick-marks-container-size:2px;--mdc-slider-with-tick-marks-inactive-container-opacity:0.6;--mdc-slider-handle-color:#3f51b5;--mdc-slider-focus-handle-color:#3f51b5;--mdc-slider-hover-handle-color:#3f51b5;--mdc-slider-active-track-color:#3f51b5;--mdc-slider-inactive-track-color:#3f51b5;--mdc-slider-with-tick-marks-inactive-container-color:#3f51b5;--mdc-slider-with-tick-marks-active-container-color:white;--mdc-slider-disabled-active-track-color:#000;--mdc-slider-disabled-handle-color:#000;--mdc-slider-disabled-inactive-track-color:#000;--mdc-slider-label-container-color:#000;--mdc-slider-label-label-text-color:#fff;--mdc-slider-with-overlap-handle-outline-color:#fff;--mdc-slider-with-tick-marks-disabled-container-color:#000;--mdc-slider-handle-elevation:0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);--mat-slider-ripple-color:#3f51b5;--mat-slider-hover-state-layer-color:rgba(63, 81, 181, 0.05);--mat-slider-focus-state-layer-color:rgba(63, 81, 181, 0.2);--mat-slider-value-indicator-opacity:0.6}html .mat-accent{--mat-slider-ripple-color:#ff4081;--mat-slider-hover-state-layer-color:rgba(255, 64, 129, 0.05);--mat-slider-focus-state-layer-color:rgba(255, 64, 129, 0.2);--mdc-slider-handle-color:#ff4081;--mdc-slider-focus-handle-color:#ff4081;--mdc-slider-hover-handle-color:#ff4081;--mdc-slider-active-track-color:#ff4081;--mdc-slider-inactive-track-color:#ff4081;--mdc-slider-with-tick-marks-inactive-container-color:#ff4081;--mdc-slider-with-tick-marks-active-container-color:white}html .mat-warn{--mat-slider-ripple-color:#f44336;--mat-slider-hover-state-layer-color:rgba(244, 67, 54, 0.05);--mat-slider-focus-state-layer-color:rgba(244, 67, 54, 0.2);--mdc-slider-handle-color:#f44336;--mdc-slider-focus-handle-color:#f44336;--mdc-slider-hover-handle-color:#f44336;--mdc-slider-active-track-color:#f44336;--mdc-slider-inactive-track-color:#f44336;--mdc-slider-with-tick-marks-inactive-container-color:#f44336;--mdc-slider-with-tick-marks-active-container-color:white}html{--mdc-slider-label-label-text-font:Roboto, sans-serif;--mdc-slider-label-label-text-size:14px;--mdc-slider-label-label-text-line-height:22px;--mdc-slider-label-label-text-tracking:0.0071428571em;--mdc-slider-label-label-text-weight:500;--mat-menu-container-shape:4px;--mat-menu-divider-bottom-spacing:0;--mat-menu-divider-top-spacing:0;--mat-menu-item-spacing:16px;--mat-menu-item-icon-size:24px;--mat-menu-item-leading-spacing:16px;--mat-menu-item-trailing-spacing:16px;--mat-menu-item-with-icon-leading-spacing:16px;--mat-menu-item-with-icon-trailing-spacing:16px;--mat-menu-item-label-text-color:rgba(0, 0, 0, 0.87);--mat-menu-item-icon-color:rgba(0, 0, 0, 0.87);--mat-menu-item-hover-state-layer-color:rgba(0, 0, 0, 0.04);--mat-menu-item-focus-state-layer-color:rgba(0, 0, 0, 0.04);--mat-menu-container-color:white;--mat-menu-divider-color:rgba(0, 0, 0, 0.12);--mat-menu-item-label-text-font:Roboto, sans-serif;--mat-menu-item-label-text-size:16px;--mat-menu-item-label-text-tracking:0.03125em;--mat-menu-item-label-text-line-height:24px;--mat-menu-item-label-text-weight:400;--mdc-list-list-item-container-shape:0;--mdc-list-list-item-leading-avatar-shape:50%;--mdc-list-list-item-container-color:transparent;--mdc-list-list-item-selected-container-color:transparent;--mdc-list-list-item-leading-avatar-color:transparent;--mdc-list-list-item-leading-icon-size:24px;--mdc-list-list-item-leading-avatar-size:40px;--mdc-list-list-item-trailing-icon-size:24px;--mdc-list-list-item-disabled-state-layer-color:transparent;--mdc-list-list-item-disabled-state-layer-opacity:0;--mdc-list-list-item-disabled-label-text-opacity:0.38;--mdc-list-list-item-disabled-leading-icon-opacity:0.38;--mdc-list-list-item-disabled-trailing-icon-opacity:0.38;--mat-list-active-indicator-color:transparent;--mat-list-active-indicator-shape:4px;--mdc-list-list-item-label-text-color:rgba(0, 0, 0, 0.87);--mdc-list-list-item-supporting-text-color:rgba(0, 0, 0, 0.54);--mdc-list-list-item-leading-icon-color:rgba(0, 0, 0, 0.38);--mdc-list-list-item-trailing-supporting-text-color:rgba(0, 0, 0, 0.38);--mdc-list-list-item-trailing-icon-color:rgba(0, 0, 0, 0.38);--mdc-list-list-item-selected-trailing-icon-color:rgba(0, 0, 0, 0.38);--mdc-list-list-item-disabled-label-text-color:black;--mdc-list-list-item-disabled-leading-icon-color:black;--mdc-list-list-item-disabled-trailing-icon-color:black;--mdc-list-list-item-hover-label-text-color:rgba(0, 0, 0, 0.87);--mdc-list-list-item-hover-leading-icon-color:rgba(0, 0, 0, 0.38);--mdc-list-list-item-hover-trailing-icon-color:rgba(0, 0, 0, 0.38);--mdc-list-list-item-focus-label-text-color:rgba(0, 0, 0, 0.87);--mdc-list-list-item-hover-state-layer-color:black;--mdc-list-list-item-hover-state-layer-opacity:0.04;--mdc-list-list-item-focus-state-layer-color:black;--mdc-list-list-item-focus-state-layer-opacity:0.12}.mdc-list-item__start,.mdc-list-item__end{--mdc-radio-disabled-selected-icon-color:black;--mdc-radio-disabled-unselected-icon-color:black;--mdc-radio-unselected-hover-icon-color:#212121;--mdc-radio-unselected-icon-color:rgba(0, 0, 0, 0.54);--mdc-radio-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54);--mdc-radio-selected-focus-icon-color:#3f51b5;--mdc-radio-selected-hover-icon-color:#3f51b5;--mdc-radio-selected-icon-color:#3f51b5;--mdc-radio-selected-pressed-icon-color:#3f51b5}.mat-accent .mdc-list-item__start,.mat-accent .mdc-list-item__end{--mdc-radio-disabled-selected-icon-color:black;--mdc-radio-disabled-unselected-icon-color:black;--mdc-radio-unselected-hover-icon-color:#212121;--mdc-radio-unselected-icon-color:rgba(0, 0, 0, 0.54);--mdc-radio-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54);--mdc-radio-selected-focus-icon-color:#ff4081;--mdc-radio-selected-hover-icon-color:#ff4081;--mdc-radio-selected-icon-color:#ff4081;--mdc-radio-selected-pressed-icon-color:#ff4081}.mat-warn .mdc-list-item__start,.mat-warn .mdc-list-item__end{--mdc-radio-disabled-selected-icon-color:black;--mdc-radio-disabled-unselected-icon-color:black;--mdc-radio-unselected-hover-icon-color:#212121;--mdc-radio-unselected-icon-color:rgba(0, 0, 0, 0.54);--mdc-radio-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54);--mdc-radio-selected-focus-icon-color:#f44336;--mdc-radio-selected-hover-icon-color:#f44336;--mdc-radio-selected-icon-color:#f44336;--mdc-radio-selected-pressed-icon-color:#f44336}.mat-mdc-list-option{--mdc-checkbox-disabled-selected-icon-color:rgba(0, 0, 0, 0.38);--mdc-checkbox-disabled-unselected-icon-color:rgba(0, 0, 0, 0.38);--mdc-checkbox-selected-checkmark-color:white;--mdc-checkbox-selected-focus-icon-color:#3f51b5;--mdc-checkbox-selected-hover-icon-color:#3f51b5;--mdc-checkbox-selected-icon-color:#3f51b5;--mdc-checkbox-selected-pressed-icon-color:#3f51b5;--mdc-checkbox-unselected-focus-icon-color:#212121;--mdc-checkbox-unselected-hover-icon-color:#212121;--mdc-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);--mdc-checkbox-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54);--mdc-checkbox-selected-focus-state-layer-color:#3f51b5;--mdc-checkbox-selected-hover-state-layer-color:#3f51b5;--mdc-checkbox-selected-pressed-state-layer-color:#3f51b5;--mdc-checkbox-unselected-focus-state-layer-color:black;--mdc-checkbox-unselected-hover-state-layer-color:black;--mdc-checkbox-unselected-pressed-state-layer-color:black}.mat-mdc-list-option.mat-accent{--mdc-checkbox-disabled-selected-icon-color:rgba(0, 0, 0, 0.38);--mdc-checkbox-disabled-unselected-icon-color:rgba(0, 0, 0, 0.38);--mdc-checkbox-selected-checkmark-color:white;--mdc-checkbox-selected-focus-icon-color:#ff4081;--mdc-checkbox-selected-hover-icon-color:#ff4081;--mdc-checkbox-selected-icon-color:#ff4081;--mdc-checkbox-selected-pressed-icon-color:#ff4081;--mdc-checkbox-unselected-focus-icon-color:#212121;--mdc-checkbox-unselected-hover-icon-color:#212121;--mdc-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);--mdc-checkbox-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54);--mdc-checkbox-selected-focus-state-layer-color:#ff4081;--mdc-checkbox-selected-hover-state-layer-color:#ff4081;--mdc-checkbox-selected-pressed-state-layer-color:#ff4081;--mdc-checkbox-unselected-focus-state-layer-color:black;--mdc-checkbox-unselected-hover-state-layer-color:black;--mdc-checkbox-unselected-pressed-state-layer-color:black}.mat-mdc-list-option.mat-warn{--mdc-checkbox-disabled-selected-icon-color:rgba(0, 0, 0, 0.38);--mdc-checkbox-disabled-unselected-icon-color:rgba(0, 0, 0, 0.38);--mdc-checkbox-selected-checkmark-color:white;--mdc-checkbox-selected-focus-icon-color:#f44336;--mdc-checkbox-selected-hover-icon-color:#f44336;--mdc-checkbox-selected-icon-color:#f44336;--mdc-checkbox-selected-pressed-icon-color:#f44336;--mdc-checkbox-unselected-focus-icon-color:#212121;--mdc-checkbox-unselected-hover-icon-color:#212121;--mdc-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);--mdc-checkbox-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54);--mdc-checkbox-selected-focus-state-layer-color:#f44336;--mdc-checkbox-selected-hover-state-layer-color:#f44336;--mdc-checkbox-selected-pressed-state-layer-color:#f44336;--mdc-checkbox-unselected-focus-state-layer-color:black;--mdc-checkbox-unselected-hover-state-layer-color:black;--mdc-checkbox-unselected-pressed-state-layer-color:black}.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text{color:#3f51b5}.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected.mdc-list-item--with-leading-icon .mdc-list-item__start,.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated.mdc-list-item--with-leading-icon .mdc-list-item__start{color:#3f51b5}.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end{opacity:1}html{--mdc-list-list-item-one-line-container-height:48px;--mdc-list-list-item-two-line-container-height:64px;--mdc-list-list-item-three-line-container-height:88px;--mat-list-list-item-leading-icon-start-space:16px;--mat-list-list-item-leading-icon-end-space:32px}.mdc-list-item__start,.mdc-list-item__end{--mdc-radio-state-layer-size:40px}.mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line,.mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line,.mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line{height:56px}.mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines,.mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines,.mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines{height:72px}html{--mdc-list-list-item-label-text-font:Roboto, sans-serif;--mdc-list-list-item-label-text-line-height:24px;--mdc-list-list-item-label-text-size:16px;--mdc-list-list-item-label-text-tracking:0.03125em;--mdc-list-list-item-label-text-weight:400;--mdc-list-list-item-supporting-text-font:Roboto, sans-serif;--mdc-list-list-item-supporting-text-line-height:20px;--mdc-list-list-item-supporting-text-size:14px;--mdc-list-list-item-supporting-text-tracking:0.0178571429em;--mdc-list-list-item-supporting-text-weight:400;--mdc-list-list-item-trailing-supporting-text-font:Roboto, sans-serif;--mdc-list-list-item-trailing-supporting-text-line-height:20px;--mdc-list-list-item-trailing-supporting-text-size:12px;--mdc-list-list-item-trailing-supporting-text-tracking:0.0333333333em;--mdc-list-list-item-trailing-supporting-text-weight:400}.mdc-list-group__subheader{font:400 16px/28px Roboto, sans-serif;letter-spacing:.009375em}html{--mat-paginator-container-text-color:rgba(0, 0, 0, 0.87);--mat-paginator-container-background-color:white;--mat-paginator-enabled-icon-color:rgba(0, 0, 0, 0.54);--mat-paginator-disabled-icon-color:rgba(0, 0, 0, 0.12);--mat-paginator-container-size:56px;--mat-paginator-form-field-container-height:40px;--mat-paginator-form-field-container-vertical-padding:8px;--mat-paginator-container-text-font:Roboto, sans-serif;--mat-paginator-container-text-line-height:20px;--mat-paginator-container-text-size:12px;--mat-paginator-container-text-tracking:0.0333333333em;--mat-paginator-container-text-weight:400;--mat-paginator-select-trigger-text-size:12px;--mdc-tab-indicator-active-indicator-height:2px;--mdc-tab-indicator-active-indicator-shape:0;--mdc-secondary-navigation-tab-container-height:48px;--mat-tab-header-divider-color:transparent;--mat-tab-header-divider-height:0}.mat-mdc-tab-group,.mat-mdc-tab-nav-bar{--mdc-tab-indicator-active-indicator-color:#3f51b5;--mat-tab-header-disabled-ripple-color:rgba(0, 0, 0, 0.38);--mat-tab-header-pagination-icon-color:black;--mat-tab-header-inactive-label-text-color:rgba(0, 0, 0, 0.6);--mat-tab-header-active-label-text-color:#3f51b5;--mat-tab-header-active-ripple-color:#3f51b5;--mat-tab-header-inactive-ripple-color:#3f51b5;--mat-tab-header-inactive-focus-label-text-color:rgba(0, 0, 0, 0.6);--mat-tab-header-inactive-hover-label-text-color:rgba(0, 0, 0, 0.6);--mat-tab-header-active-focus-label-text-color:#3f51b5;--mat-tab-header-active-hover-label-text-color:#3f51b5;--mat-tab-header-active-focus-indicator-color:#3f51b5;--mat-tab-header-active-hover-indicator-color:#3f51b5}.mat-mdc-tab-group.mat-accent,.mat-mdc-tab-nav-bar.mat-accent{--mdc-tab-indicator-active-indicator-color:#ff4081;--mat-tab-header-disabled-ripple-color:rgba(0, 0, 0, 0.38);--mat-tab-header-pagination-icon-color:black;--mat-tab-header-inactive-label-text-color:rgba(0, 0, 0, 0.6);--mat-tab-header-active-label-text-color:#ff4081;--mat-tab-header-active-ripple-color:#ff4081;--mat-tab-header-inactive-ripple-color:#ff4081;--mat-tab-header-inactive-focus-label-text-color:rgba(0, 0, 0, 0.6);--mat-tab-header-inactive-hover-label-text-color:rgba(0, 0, 0, 0.6);--mat-tab-header-active-focus-label-text-color:#ff4081;--mat-tab-header-active-hover-label-text-color:#ff4081;--mat-tab-header-active-focus-indicator-color:#ff4081;--mat-tab-header-active-hover-indicator-color:#ff4081}.mat-mdc-tab-group.mat-warn,.mat-mdc-tab-nav-bar.mat-warn{--mdc-tab-indicator-active-indicator-color:#f44336;--mat-tab-header-disabled-ripple-color:rgba(0, 0, 0, 0.38);--mat-tab-header-pagination-icon-color:black;--mat-tab-header-inactive-label-text-color:rgba(0, 0, 0, 0.6);--mat-tab-header-active-label-text-color:#f44336;--mat-tab-header-active-ripple-color:#f44336;--mat-tab-header-inactive-ripple-color:#f44336;--mat-tab-header-inactive-focus-label-text-color:rgba(0, 0, 0, 0.6);--mat-tab-header-inactive-hover-label-text-color:rgba(0, 0, 0, 0.6);--mat-tab-header-active-focus-label-text-color:#f44336;--mat-tab-header-active-hover-label-text-color:#f44336;--mat-tab-header-active-focus-indicator-color:#f44336;--mat-tab-header-active-hover-indicator-color:#f44336}.mat-mdc-tab-group.mat-background-primary,.mat-mdc-tab-nav-bar.mat-background-primary{--mat-tab-header-with-background-background-color:#3f51b5;--mat-tab-header-with-background-foreground-color:white}.mat-mdc-tab-group.mat-background-accent,.mat-mdc-tab-nav-bar.mat-background-accent{--mat-tab-header-with-background-background-color:#ff4081;--mat-tab-header-with-background-foreground-color:white}.mat-mdc-tab-group.mat-background-warn,.mat-mdc-tab-nav-bar.mat-background-warn{--mat-tab-header-with-background-background-color:#f44336;--mat-tab-header-with-background-foreground-color:white}.mat-mdc-tab-header{--mdc-secondary-navigation-tab-container-height:48px;--mat-tab-header-label-text-font:Roboto, sans-serif;--mat-tab-header-label-text-size:14px;--mat-tab-header-label-text-tracking:0.0892857143em;--mat-tab-header-label-text-line-height:36px;--mat-tab-header-label-text-weight:500}html{--mdc-checkbox-disabled-selected-checkmark-color:#fff;--mdc-checkbox-selected-focus-state-layer-opacity:0.16;--mdc-checkbox-selected-hover-state-layer-opacity:0.04;--mdc-checkbox-selected-pressed-state-layer-opacity:0.16;--mdc-checkbox-unselected-focus-state-layer-opacity:0.16;--mdc-checkbox-unselected-hover-state-layer-opacity:0.04;--mdc-checkbox-unselected-pressed-state-layer-opacity:0.16;--mdc-checkbox-disabled-selected-icon-color:rgba(0, 0, 0, 0.38);--mdc-checkbox-disabled-unselected-icon-color:rgba(0, 0, 0, 0.38);--mdc-checkbox-selected-checkmark-color:white;--mdc-checkbox-selected-focus-icon-color:#ff4081;--mdc-checkbox-selected-hover-icon-color:#ff4081;--mdc-checkbox-selected-icon-color:#ff4081;--mdc-checkbox-selected-pressed-icon-color:#ff4081;--mdc-checkbox-unselected-focus-icon-color:#212121;--mdc-checkbox-unselected-hover-icon-color:#212121;--mdc-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);--mdc-checkbox-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54);--mdc-checkbox-selected-focus-state-layer-color:#ff4081;--mdc-checkbox-selected-hover-state-layer-color:#ff4081;--mdc-checkbox-selected-pressed-state-layer-color:#ff4081;--mdc-checkbox-unselected-focus-state-layer-color:black;--mdc-checkbox-unselected-hover-state-layer-color:black;--mdc-checkbox-unselected-pressed-state-layer-color:black;--mat-checkbox-disabled-label-color:rgba(0, 0, 0, 0.38)}.mat-mdc-checkbox{--mdc-form-field-label-text-color:rgba(0, 0, 0, 0.87)}.mat-mdc-checkbox.mat-primary{--mdc-checkbox-disabled-selected-icon-color:rgba(0, 0, 0, 0.38);--mdc-checkbox-disabled-unselected-icon-color:rgba(0, 0, 0, 0.38);--mdc-checkbox-selected-checkmark-color:white;--mdc-checkbox-selected-focus-icon-color:#3f51b5;--mdc-checkbox-selected-hover-icon-color:#3f51b5;--mdc-checkbox-selected-icon-color:#3f51b5;--mdc-checkbox-selected-pressed-icon-color:#3f51b5;--mdc-checkbox-unselected-focus-icon-color:#212121;--mdc-checkbox-unselected-hover-icon-color:#212121;--mdc-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);--mdc-checkbox-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54);--mdc-checkbox-selected-focus-state-layer-color:#3f51b5;--mdc-checkbox-selected-hover-state-layer-color:#3f51b5;--mdc-checkbox-selected-pressed-state-layer-color:#3f51b5;--mdc-checkbox-unselected-focus-state-layer-color:black;--mdc-checkbox-unselected-hover-state-layer-color:black;--mdc-checkbox-unselected-pressed-state-layer-color:black}.mat-mdc-checkbox.mat-warn{--mdc-checkbox-disabled-selected-icon-color:rgba(0, 0, 0, 0.38);--mdc-checkbox-disabled-unselected-icon-color:rgba(0, 0, 0, 0.38);--mdc-checkbox-selected-checkmark-color:white;--mdc-checkbox-selected-focus-icon-color:#f44336;--mdc-checkbox-selected-hover-icon-color:#f44336;--mdc-checkbox-selected-icon-color:#f44336;--mdc-checkbox-selected-pressed-icon-color:#f44336;--mdc-checkbox-unselected-focus-icon-color:#212121;--mdc-checkbox-unselected-hover-icon-color:#212121;--mdc-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);--mdc-checkbox-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54);--mdc-checkbox-selected-focus-state-layer-color:#f44336;--mdc-checkbox-selected-hover-state-layer-color:#f44336;--mdc-checkbox-selected-pressed-state-layer-color:#f44336;--mdc-checkbox-unselected-focus-state-layer-color:black;--mdc-checkbox-unselected-hover-state-layer-color:black;--mdc-checkbox-unselected-pressed-state-layer-color:black}html{--mdc-checkbox-state-layer-size:40px;--mat-checkbox-touch-target-display:block}.mat-mdc-checkbox{--mdc-form-field-label-text-font:Roboto, sans-serif;--mdc-form-field-label-text-line-height:20px;--mdc-form-field-label-text-size:14px;--mdc-form-field-label-text-tracking:0.0178571429em;--mdc-form-field-label-text-weight:400}html{--mdc-text-button-container-shape:4px;--mdc-text-button-keep-touch-target:false;--mdc-filled-button-container-shape:4px;--mdc-filled-button-keep-touch-target:false;--mdc-protected-button-container-shape:4px;--mdc-protected-button-keep-touch-target:false;--mdc-outlined-button-keep-touch-target:false;--mdc-outlined-button-outline-width:1px;--mdc-outlined-button-container-shape:4px;--mat-text-button-horizontal-padding:8px;--mat-text-button-with-icon-horizontal-padding:8px;--mat-text-button-icon-spacing:8px;--mat-text-button-icon-offset:0;--mat-filled-button-horizontal-padding:16px;--mat-filled-button-icon-spacing:8px;--mat-filled-button-icon-offset:-4px;--mat-protected-button-horizontal-padding:16px;--mat-protected-button-icon-spacing:8px;--mat-protected-button-icon-offset:-4px;--mat-outlined-button-horizontal-padding:15px;--mat-outlined-button-icon-spacing:8px;--mat-outlined-button-icon-offset:-4px;--mdc-text-button-label-text-color:black;--mdc-text-button-disabled-label-text-color:rgba(0, 0, 0, 0.38);--mat-text-button-state-layer-color:black;--mat-text-button-disabled-state-layer-color:black;--mat-text-button-ripple-color:rgba(0, 0, 0, 0.1);--mat-text-button-hover-state-layer-opacity:0.04;--mat-text-button-focus-state-layer-opacity:0.12;--mat-text-button-pressed-state-layer-opacity:0.12;--mdc-filled-button-container-color:white;--mdc-filled-button-label-text-color:black;--mdc-filled-button-disabled-container-color:rgba(0, 0, 0, 0.12);--mdc-filled-button-disabled-label-text-color:rgba(0, 0, 0, 0.38);--mat-filled-button-state-layer-color:black;--mat-filled-button-disabled-state-layer-color:black;--mat-filled-button-ripple-color:rgba(0, 0, 0, 0.1);--mat-filled-button-hover-state-layer-opacity:0.04;--mat-filled-button-focus-state-layer-opacity:0.12;--mat-filled-button-pressed-state-layer-opacity:0.12;--mdc-protected-button-container-color:white;--mdc-protected-button-label-text-color:black;--mdc-protected-button-disabled-container-color:rgba(0, 0, 0, 0.12);--mdc-protected-button-disabled-label-text-color:rgba(0, 0, 0, 0.38);--mdc-protected-button-container-elevation-shadow:0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);--mdc-protected-button-disabled-container-elevation-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);--mdc-protected-button-focus-container-elevation-shadow:0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);--mdc-protected-button-hover-container-elevation-shadow:0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);--mdc-protected-button-pressed-container-elevation-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);--mdc-protected-button-container-shadow-color:#000;--mat-protected-button-state-layer-color:black;--mat-protected-button-disabled-state-layer-color:black;--mat-protected-button-ripple-color:rgba(0, 0, 0, 0.1);--mat-protected-button-hover-state-layer-opacity:0.04;--mat-protected-button-focus-state-layer-opacity:0.12;--mat-protected-button-pressed-state-layer-opacity:0.12;--mdc-outlined-button-disabled-outline-color:rgba(0, 0, 0, 0.12);--mdc-outlined-button-disabled-label-text-color:rgba(0, 0, 0, 0.38);--mdc-outlined-button-label-text-color:black;--mdc-outlined-button-outline-color:rgba(0, 0, 0, 0.12);--mat-outlined-button-state-layer-color:black;--mat-outlined-button-disabled-state-layer-color:black;--mat-outlined-button-ripple-color:rgba(0, 0, 0, 0.1);--mat-outlined-button-hover-state-layer-opacity:0.04;--mat-outlined-button-focus-state-layer-opacity:0.12;--mat-outlined-button-pressed-state-layer-opacity:0.12}.mat-mdc-button.mat-primary{--mdc-text-button-label-text-color:#3f51b5;--mat-text-button-state-layer-color:#3f51b5;--mat-text-button-ripple-color:rgba(63, 81, 181, 0.1)}.mat-mdc-button.mat-accent{--mdc-text-button-label-text-color:#ff4081;--mat-text-button-state-layer-color:#ff4081;--mat-text-button-ripple-color:rgba(255, 64, 129, 0.1)}.mat-mdc-button.mat-warn{--mdc-text-button-label-text-color:#f44336;--mat-text-button-state-layer-color:#f44336;--mat-text-button-ripple-color:rgba(244, 67, 54, 0.1)}.mat-mdc-unelevated-button.mat-primary{--mdc-filled-button-container-color:#3f51b5;--mdc-filled-button-label-text-color:white;--mat-filled-button-state-layer-color:white;--mat-filled-button-ripple-color:rgba(255, 255, 255, 0.1)}.mat-mdc-unelevated-button.mat-accent{--mdc-filled-button-container-color:#ff4081;--mdc-filled-button-label-text-color:white;--mat-filled-button-state-layer-color:white;--mat-filled-button-ripple-color:rgba(255, 255, 255, 0.1)}.mat-mdc-unelevated-button.mat-warn{--mdc-filled-button-container-color:#f44336;--mdc-filled-button-label-text-color:white;--mat-filled-button-state-layer-color:white;--mat-filled-button-ripple-color:rgba(255, 255, 255, 0.1)}.mat-mdc-raised-button.mat-primary{--mdc-protected-button-container-color:#3f51b5;--mdc-protected-button-label-text-color:white;--mat-protected-button-state-layer-color:white;--mat-protected-button-ripple-color:rgba(255, 255, 255, 0.1)}.mat-mdc-raised-button.mat-accent{--mdc-protected-button-container-color:#ff4081;--mdc-protected-button-label-text-color:white;--mat-protected-button-state-layer-color:white;--mat-protected-button-ripple-color:rgba(255, 255, 255, 0.1)}.mat-mdc-raised-button.mat-warn{--mdc-protected-button-container-color:#f44336;--mdc-protected-button-label-text-color:white;--mat-protected-button-state-layer-color:white;--mat-protected-button-ripple-color:rgba(255, 255, 255, 0.1)}.mat-mdc-outlined-button.mat-primary{--mdc-outlined-button-label-text-color:#3f51b5;--mdc-outlined-button-outline-color:rgba(0, 0, 0, 0.12);--mat-outlined-button-state-layer-color:#3f51b5;--mat-outlined-button-ripple-color:rgba(63, 81, 181, 0.1)}.mat-mdc-outlined-button.mat-accent{--mdc-outlined-button-label-text-color:#ff4081;--mdc-outlined-button-outline-color:rgba(0, 0, 0, 0.12);--mat-outlined-button-state-layer-color:#ff4081;--mat-outlined-button-ripple-color:rgba(255, 64, 129, 0.1)}.mat-mdc-outlined-button.mat-warn{--mdc-outlined-button-label-text-color:#f44336;--mdc-outlined-button-outline-color:rgba(0, 0, 0, 0.12);--mat-outlined-button-state-layer-color:#f44336;--mat-outlined-button-ripple-color:rgba(244, 67, 54, 0.1)}html{--mdc-text-button-container-height:36px;--mdc-filled-button-container-height:36px;--mdc-outlined-button-container-height:36px;--mdc-protected-button-container-height:36px;--mat-text-button-touch-target-display:block;--mat-filled-button-touch-target-display:block;--mat-protected-button-touch-target-display:block;--mat-outlined-button-touch-target-display:block;--mdc-text-button-label-text-font:Roboto, sans-serif;--mdc-text-button-label-text-size:14px;--mdc-text-button-label-text-tracking:0.0892857143em;--mdc-text-button-label-text-weight:500;--mdc-text-button-label-text-transform:none;--mdc-filled-button-label-text-font:Roboto, sans-serif;--mdc-filled-button-label-text-size:14px;--mdc-filled-button-label-text-tracking:0.0892857143em;--mdc-filled-button-label-text-weight:500;--mdc-filled-button-label-text-transform:none;--mdc-outlined-button-label-text-font:Roboto, sans-serif;--mdc-outlined-button-label-text-size:14px;--mdc-outlined-button-label-text-tracking:0.0892857143em;--mdc-outlined-button-label-text-weight:500;--mdc-outlined-button-label-text-transform:none;--mdc-protected-button-label-text-font:Roboto, sans-serif;--mdc-protected-button-label-text-size:14px;--mdc-protected-button-label-text-tracking:0.0892857143em;--mdc-protected-button-label-text-weight:500;--mdc-protected-button-label-text-transform:none;--mdc-icon-button-icon-size:24px;--mdc-icon-button-icon-color:inherit;--mdc-icon-button-disabled-icon-color:rgba(0, 0, 0, 0.38);--mat-icon-button-state-layer-color:black;--mat-icon-button-disabled-state-layer-color:black;--mat-icon-button-ripple-color:rgba(0, 0, 0, 0.1);--mat-icon-button-hover-state-layer-opacity:0.04;--mat-icon-button-focus-state-layer-opacity:0.12;--mat-icon-button-pressed-state-layer-opacity:0.12}html .mat-mdc-icon-button.mat-primary{--mdc-icon-button-icon-color:#3f51b5;--mat-icon-button-state-layer-color:#3f51b5;--mat-icon-button-ripple-color:rgba(63, 81, 181, 0.1)}html .mat-mdc-icon-button.mat-accent{--mdc-icon-button-icon-color:#ff4081;--mat-icon-button-state-layer-color:#ff4081;--mat-icon-button-ripple-color:rgba(255, 64, 129, 0.1)}html .mat-mdc-icon-button.mat-warn{--mdc-icon-button-icon-color:#f44336;--mat-icon-button-state-layer-color:#f44336;--mat-icon-button-ripple-color:rgba(244, 67, 54, 0.1)}html{--mat-icon-button-touch-target-display:block}.mat-mdc-icon-button.mat-mdc-button-base{--mdc-icon-button-state-layer-size:48px;width:var(--mdc-icon-button-state-layer-size);height:var(--mdc-icon-button-state-layer-size);padding:12px}html{--mdc-fab-container-shape:50%;--mdc-fab-icon-size:24px;--mdc-fab-small-container-shape:50%;--mdc-fab-small-icon-size:24px;--mdc-extended-fab-container-height:48px;--mdc-extended-fab-container-shape:24px;--mdc-fab-container-color:white;--mdc-fab-container-elevation-shadow:0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);--mdc-fab-focus-container-elevation-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);--mdc-fab-hover-container-elevation-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);--mdc-fab-pressed-container-elevation-shadow:0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);--mdc-fab-container-shadow-color:#000;--mat-fab-foreground-color:black;--mat-fab-state-layer-color:black;--mat-fab-disabled-state-layer-color:black;--mat-fab-ripple-color:rgba(0, 0, 0, 0.1);--mat-fab-hover-state-layer-opacity:0.04;--mat-fab-focus-state-layer-opacity:0.12;--mat-fab-pressed-state-layer-opacity:0.12;--mat-fab-disabled-state-container-color:rgba(0, 0, 0, 0.12);--mat-fab-disabled-state-foreground-color:rgba(0, 0, 0, 0.38);--mdc-fab-small-container-color:white;--mdc-fab-small-container-elevation-shadow:0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);--mdc-fab-small-focus-container-elevation-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);--mdc-fab-small-hover-container-elevation-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);--mdc-fab-small-pressed-container-elevation-shadow:0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);--mdc-fab-small-container-shadow-color:#000;--mat-fab-small-foreground-color:black;--mat-fab-small-state-layer-color:black;--mat-fab-small-disabled-state-layer-color:black;--mat-fab-small-ripple-color:rgba(0, 0, 0, 0.1);--mat-fab-small-hover-state-layer-opacity:0.04;--mat-fab-small-focus-state-layer-opacity:0.12;--mat-fab-small-pressed-state-layer-opacity:0.12;--mat-fab-small-disabled-state-container-color:rgba(0, 0, 0, 0.12);--mat-fab-small-disabled-state-foreground-color:rgba(0, 0, 0, 0.38);--mdc-extended-fab-container-elevation-shadow:0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);--mdc-extended-fab-focus-container-elevation-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);--mdc-extended-fab-hover-container-elevation-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);--mdc-extended-fab-pressed-container-elevation-shadow:0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);--mdc-extended-fab-container-shadow-color:#000}html .mat-mdc-fab.mat-primary{--mdc-fab-container-color:#3f51b5;--mat-fab-foreground-color:white;--mat-fab-state-layer-color:white;--mat-fab-ripple-color:rgba(255, 255, 255, 0.1)}html .mat-mdc-fab.mat-accent{--mdc-fab-container-color:#ff4081;--mat-fab-foreground-color:white;--mat-fab-state-layer-color:white;--mat-fab-ripple-color:rgba(255, 255, 255, 0.1)}html .mat-mdc-fab.mat-warn{--mdc-fab-container-color:#f44336;--mat-fab-foreground-color:white;--mat-fab-state-layer-color:white;--mat-fab-ripple-color:rgba(255, 255, 255, 0.1)}html .mat-mdc-mini-fab.mat-primary{--mdc-fab-small-container-color:#3f51b5;--mat-fab-small-foreground-color:white;--mat-fab-small-state-layer-color:white;--mat-fab-small-ripple-color:rgba(255, 255, 255, 0.1)}html .mat-mdc-mini-fab.mat-accent{--mdc-fab-small-container-color:#ff4081;--mat-fab-small-foreground-color:white;--mat-fab-small-state-layer-color:white;--mat-fab-small-ripple-color:rgba(255, 255, 255, 0.1)}html .mat-mdc-mini-fab.mat-warn{--mdc-fab-small-container-color:#f44336;--mat-fab-small-foreground-color:white;--mat-fab-small-state-layer-color:white;--mat-fab-small-ripple-color:rgba(255, 255, 255, 0.1)}html{--mat-fab-touch-target-display:block;--mat-fab-small-touch-target-display:block;--mdc-extended-fab-label-text-font:Roboto, sans-serif;--mdc-extended-fab-label-text-size:14px;--mdc-extended-fab-label-text-tracking:0.0892857143em;--mdc-extended-fab-label-text-weight:500;--mdc-snackbar-container-shape:4px;--mdc-snackbar-container-color:#333333;--mdc-snackbar-supporting-text-color:rgba(255, 255, 255, 0.87);--mat-snack-bar-button-color:#ff4081;--mdc-snackbar-supporting-text-font:Roboto, sans-serif;--mdc-snackbar-supporting-text-line-height:20px;--mdc-snackbar-supporting-text-size:14px;--mdc-snackbar-supporting-text-weight:400;--mat-table-row-item-outline-width:1px;--mat-table-background-color:white;--mat-table-header-headline-color:rgba(0, 0, 0, 0.87);--mat-table-row-item-label-text-color:rgba(0, 0, 0, 0.87);--mat-table-row-item-outline-color:rgba(0, 0, 0, 0.12);--mat-table-header-container-height:56px;--mat-table-footer-container-height:52px;--mat-table-row-item-container-height:52px;--mat-table-header-headline-font:Roboto, sans-serif;--mat-table-header-headline-line-height:22px;--mat-table-header-headline-size:14px;--mat-table-header-headline-weight:500;--mat-table-header-headline-tracking:0.0071428571em;--mat-table-row-item-label-text-font:Roboto, sans-serif;--mat-table-row-item-label-text-line-height:20px;--mat-table-row-item-label-text-size:14px;--mat-table-row-item-label-text-weight:400;--mat-table-row-item-label-text-tracking:0.0178571429em;--mat-table-footer-supporting-text-font:Roboto, sans-serif;--mat-table-footer-supporting-text-line-height:20px;--mat-table-footer-supporting-text-size:14px;--mat-table-footer-supporting-text-weight:400;--mat-table-footer-supporting-text-tracking:0.0178571429em;--mdc-circular-progress-active-indicator-width:4px;--mdc-circular-progress-size:48px;--mdc-circular-progress-active-indicator-color:#3f51b5}html .mat-accent{--mdc-circular-progress-active-indicator-color:#ff4081}html .mat-warn{--mdc-circular-progress-active-indicator-color:#f44336}html{--mat-badge-container-shape:50%;--mat-badge-container-size:unset;--mat-badge-small-size-container-size:unset;--mat-badge-large-size-container-size:unset;--mat-badge-legacy-container-size:22px;--mat-badge-legacy-small-size-container-size:16px;--mat-badge-legacy-large-size-container-size:28px;--mat-badge-container-offset:-11px 0;--mat-badge-small-size-container-offset:-8px 0;--mat-badge-large-size-container-offset:-14px 0;--mat-badge-container-overlap-offset:-11px;--mat-badge-small-size-container-overlap-offset:-8px;--mat-badge-large-size-container-overlap-offset:-14px;--mat-badge-container-padding:0;--mat-badge-small-size-container-padding:0;--mat-badge-large-size-container-padding:0;--mat-badge-background-color:#3f51b5;--mat-badge-text-color:white;--mat-badge-disabled-state-background-color:#b9b9b9;--mat-badge-disabled-state-text-color:rgba(0, 0, 0, 0.38)}.mat-badge-accent{--mat-badge-background-color:#ff4081;--mat-badge-text-color:white}.mat-badge-warn{--mat-badge-background-color:#f44336;--mat-badge-text-color:white}html{--mat-badge-text-font:Roboto, sans-serif;--mat-badge-text-size:12px;--mat-badge-text-weight:600;--mat-badge-small-size-text-size:9px;--mat-badge-large-size-text-size:24px;--mat-bottom-sheet-container-shape:4px;--mat-bottom-sheet-container-text-color:rgba(0, 0, 0, 0.87);--mat-bottom-sheet-container-background-color:white;--mat-bottom-sheet-container-text-font:Roboto, sans-serif;--mat-bottom-sheet-container-text-line-height:20px;--mat-bottom-sheet-container-text-size:14px;--mat-bottom-sheet-container-text-tracking:0.0178571429em;--mat-bottom-sheet-container-text-weight:400;--mat-legacy-button-toggle-height:36px;--mat-legacy-button-toggle-shape:2px;--mat-legacy-button-toggle-focus-state-layer-opacity:1;--mat-standard-button-toggle-shape:4px;--mat-standard-button-toggle-hover-state-layer-opacity:0.04;--mat-standard-button-toggle-focus-state-layer-opacity:0.12;--mat-legacy-button-toggle-text-color:rgba(0, 0, 0, 0.38);--mat-legacy-button-toggle-state-layer-color:rgba(0, 0, 0, 0.12);--mat-legacy-button-toggle-selected-state-text-color:rgba(0, 0, 0, 0.54);--mat-legacy-button-toggle-selected-state-background-color:#e0e0e0;--mat-legacy-button-toggle-disabled-state-text-color:rgba(0, 0, 0, 0.26);--mat-legacy-button-toggle-disabled-state-background-color:#eeeeee;--mat-legacy-button-toggle-disabled-selected-state-background-color:#bdbdbd;--mat-standard-button-toggle-text-color:rgba(0, 0, 0, 0.87);--mat-standard-button-toggle-background-color:white;--mat-standard-button-toggle-state-layer-color:black;--mat-standard-button-toggle-selected-state-background-color:#e0e0e0;--mat-standard-button-toggle-selected-state-text-color:rgba(0, 0, 0, 0.87);--mat-standard-button-toggle-disabled-state-text-color:rgba(0, 0, 0, 0.26);--mat-standard-button-toggle-disabled-state-background-color:white;--mat-standard-button-toggle-disabled-selected-state-text-color:rgba(0, 0, 0, 0.87);--mat-standard-button-toggle-disabled-selected-state-background-color:#bdbdbd;--mat-standard-button-toggle-divider-color:#e0e0e0;--mat-standard-button-toggle-height:48px;--mat-legacy-button-toggle-label-text-font:Roboto, sans-serif;--mat-legacy-button-toggle-label-text-line-height:24px;--mat-legacy-button-toggle-label-text-size:16px;--mat-legacy-button-toggle-label-text-tracking:0.03125em;--mat-legacy-button-toggle-label-text-weight:400;--mat-standard-button-toggle-label-text-font:Roboto, sans-serif;--mat-standard-button-toggle-label-text-line-height:24px;--mat-standard-button-toggle-label-text-size:16px;--mat-standard-button-toggle-label-text-tracking:0.03125em;--mat-standard-button-toggle-label-text-weight:400;--mat-datepicker-calendar-container-shape:4px;--mat-datepicker-calendar-container-touch-shape:4px;--mat-datepicker-calendar-container-elevation-shadow:0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);--mat-datepicker-calendar-container-touch-elevation-shadow:0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);--mat-datepicker-calendar-date-selected-state-text-color:white;--mat-datepicker-calendar-date-selected-state-background-color:#3f51b5;--mat-datepicker-calendar-date-selected-disabled-state-background-color:rgba(63, 81, 181, 0.4);--mat-datepicker-calendar-date-today-selected-state-outline-color:white;--mat-datepicker-calendar-date-focus-state-background-color:rgba(63, 81, 181, 0.3);--mat-datepicker-calendar-date-hover-state-background-color:rgba(63, 81, 181, 0.3);--mat-datepicker-toggle-active-state-icon-color:#3f51b5;--mat-datepicker-calendar-date-in-range-state-background-color:rgba(63, 81, 181, 0.2);--mat-datepicker-calendar-date-in-comparison-range-state-background-color:rgba(249, 171, 0, 0.2);--mat-datepicker-calendar-date-in-overlap-range-state-background-color:#a8dab5;--mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color:#46a35e;--mat-datepicker-toggle-icon-color:rgba(0, 0, 0, 0.54);--mat-datepicker-calendar-body-label-text-color:rgba(0, 0, 0, 0.54);--mat-datepicker-calendar-period-button-text-color:black;--mat-datepicker-calendar-period-button-icon-color:rgba(0, 0, 0, 0.54);--mat-datepicker-calendar-navigation-button-icon-color:rgba(0, 0, 0, 0.54);--mat-datepicker-calendar-header-divider-color:rgba(0, 0, 0, 0.12);--mat-datepicker-calendar-header-text-color:rgba(0, 0, 0, 0.54);--mat-datepicker-calendar-date-today-outline-color:rgba(0, 0, 0, 0.38);--mat-datepicker-calendar-date-today-disabled-state-outline-color:rgba(0, 0, 0, 0.18);--mat-datepicker-calendar-date-text-color:rgba(0, 0, 0, 0.87);--mat-datepicker-calendar-date-outline-color:transparent;--mat-datepicker-calendar-date-disabled-state-text-color:rgba(0, 0, 0, 0.38);--mat-datepicker-calendar-date-preview-state-outline-color:rgba(0, 0, 0, 0.24);--mat-datepicker-range-input-separator-color:rgba(0, 0, 0, 0.87);--mat-datepicker-range-input-disabled-state-separator-color:rgba(0, 0, 0, 0.38);--mat-datepicker-range-input-disabled-state-text-color:rgba(0, 0, 0, 0.38);--mat-datepicker-calendar-container-background-color:white;--mat-datepicker-calendar-container-text-color:rgba(0, 0, 0, 0.87)}.mat-datepicker-content.mat-accent{--mat-datepicker-calendar-date-selected-state-text-color:white;--mat-datepicker-calendar-date-selected-state-background-color:#ff4081;--mat-datepicker-calendar-date-selected-disabled-state-background-color:rgba(255, 64, 129, 0.4);--mat-datepicker-calendar-date-today-selected-state-outline-color:white;--mat-datepicker-calendar-date-focus-state-background-color:rgba(255, 64, 129, 0.3);--mat-datepicker-calendar-date-hover-state-background-color:rgba(255, 64, 129, 0.3);--mat-datepicker-calendar-date-in-range-state-background-color:rgba(255, 64, 129, 0.2);--mat-datepicker-calendar-date-in-comparison-range-state-background-color:rgba(249, 171, 0, 0.2);--mat-datepicker-calendar-date-in-overlap-range-state-background-color:#a8dab5;--mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color:#46a35e}.mat-datepicker-content.mat-warn{--mat-datepicker-calendar-date-selected-state-text-color:white;--mat-datepicker-calendar-date-selected-state-background-color:#f44336;--mat-datepicker-calendar-date-selected-disabled-state-background-color:rgba(244, 67, 54, 0.4);--mat-datepicker-calendar-date-today-selected-state-outline-color:white;--mat-datepicker-calendar-date-focus-state-background-color:rgba(244, 67, 54, 0.3);--mat-datepicker-calendar-date-hover-state-background-color:rgba(244, 67, 54, 0.3);--mat-datepicker-calendar-date-in-range-state-background-color:rgba(244, 67, 54, 0.2);--mat-datepicker-calendar-date-in-comparison-range-state-background-color:rgba(249, 171, 0, 0.2);--mat-datepicker-calendar-date-in-overlap-range-state-background-color:#a8dab5;--mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color:#46a35e}.mat-datepicker-toggle-active.mat-accent{--mat-datepicker-toggle-active-state-icon-color:#ff4081}.mat-datepicker-toggle-active.mat-warn{--mat-datepicker-toggle-active-state-icon-color:#f44336}.mat-calendar-controls{--mat-icon-button-touch-target-display:none}.mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base{--mdc-icon-button-state-layer-size:40px;width:var(--mdc-icon-button-state-layer-size);height:var(--mdc-icon-button-state-layer-size);padding:8px}html{--mat-datepicker-calendar-text-font:Roboto, sans-serif;--mat-datepicker-calendar-text-size:13px;--mat-datepicker-calendar-body-label-text-size:14px;--mat-datepicker-calendar-body-label-text-weight:500;--mat-datepicker-calendar-period-button-text-size:14px;--mat-datepicker-calendar-period-button-text-weight:500;--mat-datepicker-calendar-header-text-size:11px;--mat-datepicker-calendar-header-text-weight:400;--mat-divider-width:1px;--mat-divider-color:rgba(0, 0, 0, 0.12);--mat-expansion-container-shape:4px;--mat-expansion-legacy-header-indicator-display:inline-block;--mat-expansion-header-indicator-display:none;--mat-expansion-container-background-color:white;--mat-expansion-container-text-color:rgba(0, 0, 0, 0.87);--mat-expansion-actions-divider-color:rgba(0, 0, 0, 0.12);--mat-expansion-header-hover-state-layer-color:rgba(0, 0, 0, 0.04);--mat-expansion-header-focus-state-layer-color:rgba(0, 0, 0, 0.04);--mat-expansion-header-disabled-state-text-color:rgba(0, 0, 0, 0.26);--mat-expansion-header-text-color:rgba(0, 0, 0, 0.87);--mat-expansion-header-description-color:rgba(0, 0, 0, 0.54);--mat-expansion-header-indicator-color:rgba(0, 0, 0, 0.54);--mat-expansion-header-collapsed-state-height:48px;--mat-expansion-header-expanded-state-height:64px;--mat-expansion-header-text-font:Roboto, sans-serif;--mat-expansion-header-text-size:14px;--mat-expansion-header-text-weight:500;--mat-expansion-header-text-line-height:inherit;--mat-expansion-header-text-tracking:inherit;--mat-expansion-container-text-font:Roboto, sans-serif;--mat-expansion-container-text-line-height:20px;--mat-expansion-container-text-size:14px;--mat-expansion-container-text-tracking:0.0178571429em;--mat-expansion-container-text-weight:400;--mat-grid-list-tile-header-primary-text-size:14px;--mat-grid-list-tile-header-secondary-text-size:12px;--mat-grid-list-tile-footer-primary-text-size:14px;--mat-grid-list-tile-footer-secondary-text-size:12px;--mat-icon-color:inherit}.mat-icon.mat-primary{--mat-icon-color:#3f51b5}.mat-icon.mat-accent{--mat-icon-color:#ff4081}.mat-icon.mat-warn{--mat-icon-color:#f44336}html{--mat-sidenav-container-shape:0;--mat-sidenav-container-elevation-shadow:0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);--mat-sidenav-container-width:auto;--mat-sidenav-container-divider-color:rgba(0, 0, 0, 0.12);--mat-sidenav-container-background-color:white;--mat-sidenav-container-text-color:rgba(0, 0, 0, 0.87);--mat-sidenav-content-background-color:#fafafa;--mat-sidenav-content-text-color:rgba(0, 0, 0, 0.87);--mat-sidenav-scrim-color:rgba(0, 0, 0, 0.6);--mat-stepper-header-icon-foreground-color:white;--mat-stepper-header-selected-state-icon-background-color:#3f51b5;--mat-stepper-header-selected-state-icon-foreground-color:white;--mat-stepper-header-done-state-icon-background-color:#3f51b5;--mat-stepper-header-done-state-icon-foreground-color:white;--mat-stepper-header-edit-state-icon-background-color:#3f51b5;--mat-stepper-header-edit-state-icon-foreground-color:white;--mat-stepper-container-color:white;--mat-stepper-line-color:rgba(0, 0, 0, 0.12);--mat-stepper-header-hover-state-layer-color:rgba(0, 0, 0, 0.04);--mat-stepper-header-focus-state-layer-color:rgba(0, 0, 0, 0.04);--mat-stepper-header-label-text-color:rgba(0, 0, 0, 0.54);--mat-stepper-header-optional-label-text-color:rgba(0, 0, 0, 0.54);--mat-stepper-header-selected-state-label-text-color:rgba(0, 0, 0, 0.87);--mat-stepper-header-error-state-label-text-color:#f44336;--mat-stepper-header-icon-background-color:rgba(0, 0, 0, 0.54);--mat-stepper-header-error-state-icon-foreground-color:#f44336;--mat-stepper-header-error-state-icon-background-color:transparent}html .mat-step-header.mat-accent{--mat-stepper-header-icon-foreground-color:white;--mat-stepper-header-selected-state-icon-background-color:#ff4081;--mat-stepper-header-selected-state-icon-foreground-color:white;--mat-stepper-header-done-state-icon-background-color:#ff4081;--mat-stepper-header-done-state-icon-foreground-color:white;--mat-stepper-header-edit-state-icon-background-color:#ff4081;--mat-stepper-header-edit-state-icon-foreground-color:white}html .mat-step-header.mat-warn{--mat-stepper-header-icon-foreground-color:white;--mat-stepper-header-selected-state-icon-background-color:#f44336;--mat-stepper-header-selected-state-icon-foreground-color:white;--mat-stepper-header-done-state-icon-background-color:#f44336;--mat-stepper-header-done-state-icon-foreground-color:white;--mat-stepper-header-edit-state-icon-background-color:#f44336;--mat-stepper-header-edit-state-icon-foreground-color:white}html{--mat-stepper-header-height:72px;--mat-stepper-container-text-font:Roboto, sans-serif;--mat-stepper-header-label-text-font:Roboto, sans-serif;--mat-stepper-header-label-text-size:14px;--mat-stepper-header-label-text-weight:400;--mat-stepper-header-error-state-label-text-size:16px;--mat-stepper-header-selected-state-label-text-size:16px;--mat-stepper-header-selected-state-label-text-weight:400;--mat-sort-arrow-color:#757575;--mat-toolbar-container-background-color:whitesmoke;--mat-toolbar-container-text-color:rgba(0, 0, 0, 0.87)}.mat-toolbar.mat-primary{--mat-toolbar-container-background-color:#3f51b5;--mat-toolbar-container-text-color:white}.mat-toolbar.mat-accent{--mat-toolbar-container-background-color:#ff4081;--mat-toolbar-container-text-color:white}.mat-toolbar.mat-warn{--mat-toolbar-container-background-color:#f44336;--mat-toolbar-container-text-color:white}html{--mat-toolbar-standard-height:64px;--mat-toolbar-mobile-height:56px;--mat-toolbar-title-text-font:Roboto, sans-serif;--mat-toolbar-title-text-line-height:32px;--mat-toolbar-title-text-size:20px;--mat-toolbar-title-text-tracking:0.0125em;--mat-toolbar-title-text-weight:500;--mat-tree-container-background-color:white;--mat-tree-node-text-color:rgba(0, 0, 0, 0.87);--mat-tree-node-min-height:48px;--mat-tree-node-text-font:Roboto, sans-serif;--mat-tree-node-text-size:14px;--mat-tree-node-text-weight:400}.mat-h1,.mat-headline-5,.mat-typography .mat-h1,.mat-typography .mat-headline-5,.mat-typography h1{font:400 24px/32px Roboto, sans-serif;letter-spacing:normal;margin:0 0 16px}.mat-h2,.mat-headline-6,.mat-typography .mat-h2,.mat-typography .mat-headline-6,.mat-typography h2{font:500 20px/32px Roboto, sans-serif;letter-spacing:.0125em;margin:0 0 16px}.mat-h3,.mat-subtitle-1,.mat-typography .mat-h3,.mat-typography .mat-subtitle-1,.mat-typography h3{font:400 16px/28px Roboto, sans-serif;letter-spacing:.009375em;margin:0 0 16px}.mat-h4,.mat-body-1,.mat-typography .mat-h4,.mat-typography .mat-body-1,.mat-typography h4{font:400 16px/24px Roboto, sans-serif;letter-spacing:.03125em;margin:0 0 16px}.mat-h5,.mat-typography .mat-h5,.mat-typography h5{font:400 calc(14px*.83)/20px Roboto, sans-serif;margin:0 0 12px}.mat-h6,.mat-typography .mat-h6,.mat-typography h6{font:400 calc(14px*.67)/20px Roboto, sans-serif;margin:0 0 12px}.mat-body-strong,.mat-subtitle-2,.mat-typography .mat-body-strong,.mat-typography .mat-subtitle-2{font:500 14px/22px Roboto, sans-serif;letter-spacing:.0071428571em}.mat-body,.mat-body-2,.mat-typography .mat-body,.mat-typography .mat-body-2,.mat-typography{font:400 14px/20px Roboto, sans-serif;letter-spacing:.0178571429em}.mat-body p,.mat-body-2 p,.mat-typography .mat-body p,.mat-typography .mat-body-2 p,.mat-typography p{margin:0 0 12px}.mat-small,.mat-caption,.mat-typography .mat-small,.mat-typography .mat-caption{font:400 12px/20px Roboto, sans-serif;letter-spacing:.0333333333em}.mat-headline-1,.mat-typography .mat-headline-1{font:300 96px/96px Roboto, sans-serif;letter-spacing:-0.015625em;margin:0 0 56px}.mat-headline-2,.mat-typography .mat-headline-2{font:300 60px/60px Roboto, sans-serif;letter-spacing:-.0083333333em;margin:0 0 64px}.mat-headline-3,.mat-typography .mat-headline-3{font:400 48px/50px Roboto, sans-serif;letter-spacing:normal;margin:0 0 64px}.mat-headline-4,.mat-typography .mat-headline-4{font:400 34px/40px Roboto, sans-serif;letter-spacing:.0073529412em;margin:0 0 64px}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@angular-devkit/build-angular/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/@angular-devkit/build-angular/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/@angular-devkit/build-angular/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./apps/client/src/styles.scss?ngGlobalStyle ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* You can add global styles to this file, and also import other style files */
/* colors variables */
/* dm-sans-400 / regular */
@font-face {
  font-family: "DM Sans";
  font-style: normal;
  font-weight: 400;
  src: url('dm-sans-v6-latin-regular.ee503a25719c9017.woff2') format("woff2"), url('dm-sans-v6-latin-regular.fd567c91562f482d.woff') format("woff");
}
/* dm-sans-500 */
@font-face {
  font-family: "DM Sans";
  font-style: normal;
  font-weight: 500;
  src: url('dm-sans-v6-latin-500.a8c7072a201789fa.woff2') format("woff2"), url('dm-sans-v6-latin-500.d2c6e03614f453fb.woff') format("woff");
}
/* dm-sans-700 */
@font-face {
  font-family: "DM Sans";
  font-style: normal;
  font-weight: 700;
  src: url('dm-sans-v6-latin-700.82c794a5db8f255e.woff2') format("woff2"), url('dm-sans-v6-latin-700.f76b419ae0010861.woff') format("woff");
}
html {
  --mat-badge-text-font: "DM Sans", Helvetica, Arial, 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-h1,
.mat-headline-5,
.mat-typography .mat-h1,
.mat-typography .mat-headline-5,
.mat-typography h1 {
  font: 400 24px / 32px "DM Sans", Helvetica, Arial, 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 "DM Sans", Helvetica, Arial, sans-serif;
  letter-spacing: 0.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 "DM Sans", Helvetica, Arial, sans-serif;
  letter-spacing: 0.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 "DM Sans", Helvetica, Arial, sans-serif;
  letter-spacing: 0.03125em;
  margin: 0 0 16px;
}

.mat-h5,
.mat-typography .mat-h5,
.mat-typography h5 {
  font: 400 calc(14px * 0.83) / 20px "DM Sans", Helvetica, Arial, sans-serif;
  margin: 0 0 12px;
}

.mat-h6,
.mat-typography .mat-h6,
.mat-typography h6 {
  font: 400 calc(14px * 0.67) / 20px "DM Sans", Helvetica, Arial, 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 "DM Sans", Helvetica, Arial, sans-serif;
  letter-spacing: 0.0071428571em;
}

.mat-body,
.mat-body-2,
.mat-typography .mat-body,
.mat-typography .mat-body-2,
.mat-typography {
  font: 400 14px / 20px "DM Sans", Helvetica, Arial, sans-serif;
  letter-spacing: 0.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 "DM Sans", Helvetica, Arial, sans-serif;
  letter-spacing: 0.0333333333em;
}

.mat-headline-1,
.mat-typography .mat-headline-1 {
  font: 300 96px / 96px "DM Sans", Helvetica, Arial, sans-serif;
  letter-spacing: -0.015625em;
  margin: 0 0 56px;
}

.mat-headline-2,
.mat-typography .mat-headline-2 {
  font: 300 60px / 60px "DM Sans", Helvetica, Arial, sans-serif;
  letter-spacing: -0.0083333333em;
  margin: 0 0 64px;
}

.mat-headline-3,
.mat-typography .mat-headline-3 {
  font: 400 48px / 50px "DM Sans", Helvetica, Arial, sans-serif;
  letter-spacing: normal;
  margin: 0 0 64px;
}

.mat-headline-4,
.mat-typography .mat-headline-4 {
  font: 400 34px / 40px "DM Sans", Helvetica, Arial, sans-serif;
  letter-spacing: 0.0073529412em;
  margin: 0 0 64px;
}

html {
  --mat-bottom-sheet-container-text-font: "DM Sans", Helvetica, Arial, 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-label-text-font: "DM Sans", Helvetica, Arial, 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: "DM Sans", Helvetica, Arial, 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-text-font: "DM Sans", Helvetica, Arial, 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-expansion-header-text-font: "DM Sans", Helvetica, Arial, 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: "DM Sans", Helvetica, Arial, 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-stepper-container-text-font: "DM Sans", Helvetica, Arial, sans-serif;
  --mat-stepper-header-label-text-font: "DM Sans", Helvetica, Arial, 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-toolbar-title-text-font: "DM Sans", Helvetica, Arial, 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-node-text-font: "DM Sans", Helvetica, Arial, sans-serif;
  --mat-tree-node-text-size: 14px;
  --mat-tree-node-text-weight: 400;
  --mat-option-label-text-font: "DM Sans", Helvetica, Arial, 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: "DM Sans", Helvetica, Arial, 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;
  --mat-card-title-text-font: "DM Sans", Helvetica, Arial, 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: "DM Sans", Helvetica, Arial, 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-plain-tooltip-supporting-text-font: "DM Sans", Helvetica, Arial, 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-label-text-font: "DM Sans", Helvetica, Arial, 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: "DM Sans", Helvetica, Arial, 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: "DM Sans", Helvetica, Arial, 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: "DM Sans", Helvetica, Arial, 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-trigger-text-font: "DM Sans", Helvetica, Arial, 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;
  --mdc-dialog-subhead-font: "DM Sans", Helvetica, Arial, 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: "DM Sans", Helvetica, Arial, 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-label-text-font: "DM Sans", Helvetica, Arial, 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 .mat-mdc-slide-toggle {
  --mdc-form-field-label-text-font: "DM Sans", Helvetica, Arial, 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;
}

.mat-mdc-radio-button {
  --mdc-form-field-label-text-font: "DM Sans", Helvetica, Arial, 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-slider-label-label-text-font: "DM Sans", Helvetica, Arial, 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-item-label-text-font: "DM Sans", Helvetica, Arial, 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-label-text-font: "DM Sans", Helvetica, Arial, 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: "DM Sans", Helvetica, Arial, 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: "DM Sans", Helvetica, Arial, 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 "DM Sans", Helvetica, Arial, sans-serif;
  letter-spacing: 0.009375em;
}

html {
  --mat-paginator-container-text-font: "DM Sans", Helvetica, Arial, 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;
}

.mat-mdc-tab-header {
  --mat-tab-header-label-text-font: "DM Sans", Helvetica, Arial, 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;
}

.mat-mdc-checkbox {
  --mdc-form-field-label-text-font: "DM Sans", Helvetica, Arial, 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-label-text-font: "DM Sans", Helvetica, Arial, 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: "DM Sans", Helvetica, Arial, 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: "DM Sans", Helvetica, Arial, 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: "DM Sans", Helvetica, Arial, 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-extended-fab-label-text-font: "DM Sans", Helvetica, Arial, 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-supporting-text-font: "DM Sans", Helvetica, Arial, sans-serif;
  --mdc-snackbar-supporting-text-line-height: 20px;
  --mdc-snackbar-supporting-text-size: 14px;
  --mdc-snackbar-supporting-text-weight: 400;
  --mat-table-header-headline-font: "DM Sans", Helvetica, Arial, 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: "DM Sans", Helvetica, Arial, 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: "DM Sans", Helvetica, Arial, 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;
}

.mat-snack-bar-container {
  border-radius: 10px !important;
}

.mat-tab-link-container {
  flex-wrap: wrap;
}

.mat-tab-links {
  display: inline !important;
}

mat-checkbox .mat-checkbox-label{
  white-space: pre-wrap;
  word-break: break-all;
}

.mat-form-field-wrapper {
  padding-bottom: 1.1rem !important;
  background-color: transparent !important;
}

.mat-badge-content {
  background: #fff;
  background-color: #333;
}

html .mat-badge .mat-badge-content {
  border-radius: 11px;
  min-width: 22px;
  width: auto;
  overflow: visible;
  padding-inline: 7px;
}

.mat-progress-spinner circle,
.mat-spinner circle {
  stroke: #333;
}

.annotation-color-menu .mat-menu-item {
  padding: unset;
  height: unset;
}
.annotation-color-menu .mat-menu-item .mat-icon {
  font-size: 48px;
  width: 48px;
  height: 48px;
  margin-right: 0;
}

.mat-expansion-indicator {
  display: flex;
  align-items: center;
}
.mat-expansion-indicator::after {
  border-color: var(--button-icon-color) !important;
}

.detail-wrapper .mat-expansion-panel-body {
  padding: 0 !important;
}
.detail-wrapper .mat-expansion-panel-header.mat-expanded {
  height: 48px !important;
}

.annotation-line-stroke .mat-menu-item {
  height: 40px;
  line-height: 40px;
}

.mat-form-field-appearance-outline .mat-form-field-infix {
  padding: 0.6em 0 1.3em 0;
}

.mat-form-field-suffix {
  top: 0.4em !important;
}

.mat-form-field-appearance-outline .mat-select-arrow-wrapper {
  transform: translateY(0) !important;
}

.icon-large {
  transform: scale(3);
}

.mat-mdc-snack-bar-container .mdc-snackbar__surface {
  background-color: inherit !important;
}
.mat-mdc-snack-bar-container .mdc-snackbar__surface .mdc-snackbar__label {
  color: inherit !important;
}

.hideGrpLabel .mat-mdc-optgroup-label {
  display: none;
}

thehubz-asset-settings-stepper .step-list .mat-icon,
thehubz-asset-edit-stepper .step-list .mat-icon,
sp-stepper-dialog .step-list .mat-icon {
  min-width: 24px;
}

html thehubz-asset-usage-rights .mat-expansion-panel-body {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-bottom: 0;
}

.mat-badge-content {
  --mat-badge-background-color: var(--text-color);
}

.custom-dialog-container .mat-dialog-container{
  border-radius: 0.75rem;
  padding: 0px;
}

.ql-container {
  box-sizing: border-box;
  font-size: 1rem;
  min-height: 120px;
  margin: 0px;
  position: relative;
  margin-bottom: 6px;
}
.ql-container .ql-container {
  margin-bottom: 0;
}

.ql-char-count {
  font-size: 12px;
  text-align: end;
  padding-right: 4px;
}

.ql-container.ql-disabled .ql-tooltip {
  visibility: hidden;
}

.ql-container.ql-disabled .ql-editor ul[data-checked] > li::before {
  pointer-events: none;
}

.ql-clipboard {
  left: -100000px;
  height: 1px;
  overflow-y: hidden;
  position: absolute;
  top: 50%;
}

.ql-clipboard p {
  margin: 0;
  padding: 0;
}

.ql-editor {
  box-sizing: border-box;
  line-height: 1.42;
  height: 100%;
  outline: none;
  overflow-y: auto;
  padding: 12px 15px;
  tab-size: 4;
  -moz-tab-size: 4;
  text-align: left;
  white-space: pre-wrap;
  word-wrap: break-word;
  min-height: 120px;
}

.ql-editor > * {
  cursor: text;
}

.ql-editor p,
.ql-editor ol,
.ql-editor ul,
.ql-editor pre,
.ql-editor blockquote,
.ql-editor h1,
.ql-editor h2,
.ql-editor h3,
.ql-editor h4,
.ql-editor h5,
.ql-editor h6 {
  margin: 0;
  padding: 0;
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}

.ql-editor ol,
.ql-editor ul {
  padding-left: 1em;
}

.ql-editor ol > li,
.ql-editor ul > li {
  list-style-type: none;
}

.ql-editor ul > li::before {
  content: "•";
}

.ql-editor ul[data-checked=true],
.ql-editor ul[data-checked=false] {
  pointer-events: none;
}

.ql-editor ul[data-checked=true] > li *,
.ql-editor ul[data-checked=false] > li * {
  pointer-events: all;
}

.ql-editor ul[data-checked=true] > li::before,
.ql-editor ul[data-checked=false] > li::before {
  color: #777;
  cursor: pointer;
  pointer-events: all;
}

.ql-editor ul[data-checked=true] > li::before {
  content: "☑";
}

.ql-editor ul[data-checked=false] > li::before {
  content: "☐";
}

.ql-editor li::before {
  display: inline-block;
  white-space: nowrap;
  width: 1.2em;
}

.ql-editor li:not(.ql-direction-rtl)::before {
  margin-left: -1.5em;
  margin-right: 0.3em;
  text-align: right;
}

.ql-editor li.ql-direction-rtl::before {
  margin-left: 0.3em;
  margin-right: -1.5em;
}

.ql-editor ol li:not(.ql-direction-rtl),
.ql-editor ul li:not(.ql-direction-rtl) {
  padding-left: 1em;
}

.ql-editor ol li.ql-direction-rtl,
.ql-editor ul li.ql-direction-rtl {
  padding-right: 1em;
}

.ql-editor ol li {
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  counter-increment: list-0;
}

.ql-editor ol li:before {
  content: counter(list-0, decimal) ". ";
}

.ql-editor ol li.ql-indent-1 {
  counter-increment: list-1;
  counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}

.ql-editor ol li.ql-indent-1:before {
  content: counter(list-1, lower-alpha) ". ";
}

.ql-editor ol li.ql-indent-2 {
  counter-increment: list-2;
  counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}

.ql-editor ol li.ql-indent-2:before {
  content: counter(list-2, lower-roman) ". ";
}

.ql-editor ol li.ql-indent-3 {
  counter-increment: list-3;
  counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;
}

.ql-editor ol li.ql-indent-3:before {
  content: counter(list-3, decimal) ". ";
}

.ql-editor ol li.ql-indent-4 {
  counter-increment: list-4;
  counter-reset: list-5 list-6 list-7 list-8 list-9;
}

.ql-editor ol li.ql-indent-4:before {
  content: counter(list-4, lower-alpha) ". ";
}

.ql-editor ol li.ql-indent-5 {
  counter-increment: list-5;
  counter-reset: list-6 list-7 list-8 list-9;
}

.ql-editor ol li.ql-indent-5:before {
  content: counter(list-5, lower-roman) ". ";
}

.ql-editor ol li.ql-indent-6 {
  counter-increment: list-6;
  counter-reset: list-7 list-8 list-9;
}

.ql-editor ol li.ql-indent-6:before {
  content: counter(list-6, decimal) ". ";
}

.ql-editor ol li.ql-indent-7 {
  counter-increment: list-7;
  counter-reset: list-8 list-9;
}

.ql-editor ol li.ql-indent-7:before {
  content: counter(list-7, lower-alpha) ". ";
}

.ql-editor ol li.ql-indent-8 {
  counter-increment: list-8;
  counter-reset: list-9;
}

.ql-editor ol li.ql-indent-8:before {
  content: counter(list-8, lower-roman) ". ";
}

.ql-editor ol li.ql-indent-9 {
  counter-increment: list-9;
}

.ql-editor ol li.ql-indent-9:before {
  content: counter(list-9, decimal) ". ";
}

.ql-editor .ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 3em;
}

.ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 4.5em;
}

.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 3em;
}

.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 4.5em;
}

.ql-editor .ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 6em;
}

.ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 7.5em;
}

.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 6em;
}

.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 7.5em;
}

.ql-editor .ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 9em;
}

.ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 10.5em;
}

.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 9em;
}

.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 10.5em;
}

.ql-editor .ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 12em;
}

.ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 13.5em;
}

.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 12em;
}

.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 13.5em;
}

.ql-editor .ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 15em;
}

.ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 16.5em;
}

.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 15em;
}

.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 16.5em;
}

.ql-editor .ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 18em;
}

.ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 19.5em;
}

.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 18em;
}

.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 19.5em;
}

.ql-editor .ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 21em;
}

.ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 22.5em;
}

.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 21em;
}

.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 22.5em;
}

.ql-editor .ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 24em;
}

.ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 25.5em;
}

.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 24em;
}

.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 25.5em;
}

.ql-editor .ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 27em;
}

.ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 28.5em;
}

.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 27em;
}

.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 28.5em;
}

.ql-editor .ql-video {
  display: block;
  max-width: 100%;
}

.ql-editor .ql-video.ql-align-center {
  margin: 0 auto;
}

.ql-editor .ql-video.ql-align-right {
  margin: 0 0 0 auto;
}

.ql-editor .ql-bg-black {
  background-color: #000;
}

.ql-editor .ql-bg-red {
  background-color: #e60000;
}

.ql-editor .ql-bg-orange {
  background-color: #f90;
}

.ql-editor .ql-bg-yellow {
  background-color: #ff0;
}

.ql-editor .ql-bg-green {
  background-color: #008a00;
}

.ql-editor .ql-bg-blue {
  background-color: #06c;
}

.ql-editor .ql-bg-purple {
  background-color: #93f;
}

.ql-editor .ql-color-white {
  color: #fff;
}

.ql-editor .ql-color-red {
  color: #e60000;
}

.ql-editor .ql-color-orange {
  color: #f90;
}

.ql-editor .ql-color-yellow {
  color: #ff0;
}

.ql-editor .ql-color-green {
  color: #008a00;
}

.ql-editor .ql-color-blue {
  color: #06c;
}

.ql-editor .ql-color-purple {
  color: #93f;
}

.ql-editor .ql-font-serif {
  font-family: Georgia, Times New Roman, serif;
}

.ql-editor .ql-font-monospace {
  font-family: Monaco, Courier New, monospace;
}

.ql-editor .ql-size-small {
  font-size: 0.75em;
}

.ql-editor .ql-size-large {
  font-size: 1.5em;
}

.ql-editor .ql-size-huge {
  font-size: 2.5em;
}

.ql-editor .ql-direction-rtl {
  direction: rtl;
  text-align: inherit;
}

.ql-editor .ql-align-center {
  text-align: center;
}

.ql-editor .ql-align-justify {
  text-align: justify;
}

.ql-editor .ql-align-right {
  text-align: right;
}

.ql-editor.ql-blank::before {
  color: var(--form-field-placeholder-color);
  content: attr(data-placeholder);
  font-style: italic;
  left: 15px;
  pointer-events: none;
  position: absolute;
  right: 15px;
}

.ql-snow.ql-toolbar:after,
.ql-snow .ql-toolbar:after {
  clear: both;
  content: "";
  display: table;
}

.ql-snow.ql-toolbar button,
.ql-snow .ql-toolbar button {
  background: none;
  border: none;
  cursor: pointer;
  display: inline-block;
  float: left;
  height: 24px;
  padding: 3px 5px;
  width: 28px;
}

.ql-snow.ql-toolbar button svg,
.ql-snow .ql-toolbar button svg {
  float: left;
  height: 100%;
}

.ql-snow.ql-toolbar button:active:hover,
.ql-snow .ql-toolbar button:active:hover {
  outline: none;
}

.ql-snow.ql-toolbar input.ql-image[type=file],
.ql-snow .ql-toolbar input.ql-image[type=file] {
  display: none;
}

.ql-snow.ql-toolbar button:hover,
.ql-snow .ql-toolbar button:hover,
.ql-snow.ql-toolbar button:focus,
.ql-snow .ql-toolbar button:focus,
.ql-snow.ql-toolbar button.ql-active,
.ql-snow .ql-toolbar button.ql-active,
.ql-snow.ql-toolbar .ql-picker-label:hover,
.ql-snow .ql-toolbar .ql-picker-label:hover,
.ql-snow.ql-toolbar .ql-picker-label.ql-active,
.ql-snow .ql-toolbar .ql-picker-label.ql-active,
.ql-snow.ql-toolbar .ql-picker-item:hover,
.ql-snow .ql-toolbar .ql-picker-item:hover,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected {
  color: var(--active-color);
}

.ql-snow.ql-toolbar button:hover .ql-fill,
.ql-snow .ql-toolbar button:hover .ql-fill,
.ql-snow.ql-toolbar button:focus .ql-fill,
.ql-snow .ql-toolbar button:focus .ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
  fill: var(--active-color);
}

.ql-snow.ql-toolbar button:hover .ql-stroke,
.ql-snow .ql-toolbar button:hover .ql-stroke,
.ql-snow.ql-toolbar button:focus .ql-stroke,
.ql-snow .ql-toolbar button:focus .ql-stroke,
.ql-snow.ql-toolbar button.ql-active .ql-stroke,
.ql-snow .ql-toolbar button.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow.ql-toolbar button:hover .ql-stroke-miter,
.ql-snow .ql-toolbar button:hover .ql-stroke-miter,
.ql-snow.ql-toolbar button:focus .ql-stroke-miter,
.ql-snow .ql-toolbar button:focus .ql-stroke-miter,
.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
  stroke: var(--active-color);
}

@media (pointer: coarse) {
  .ql-snow.ql-toolbar button:hover:not(.ql-active),
  .ql-snow .ql-toolbar button:hover:not(.ql-active) {
    color: #444;
  }
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill {
    fill: #444;
  }
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter {
    stroke: #444;
  }
}
.ql-snow {
  box-sizing: border-box;
}

.ql-snow * {
  box-sizing: border-box;
}

.ql-snow .ql-hidden {
  display: none;
}

.ql-snow .ql-out-bottom,
.ql-snow .ql-out-top {
  visibility: hidden;
}

.ql-snow .ql-formats {
  display: inline-block;
  vertical-align: middle;
}

.ql-snow .ql-formats:after {
  clear: both;
  content: "";
  display: table;
}

.ql-snow .ql-stroke {
  fill: none;
  stroke: #444;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2;
}

.ql-snow .ql-stroke-miter {
  fill: none;
  stroke: #444;
  stroke-miterlimit: 10;
  stroke-width: 2;
}

.ql-snow .ql-fill,
.ql-snow .ql-stroke.ql-fill {
  fill: #444;
}

.ql-snow .ql-empty {
  fill: none;
}

.ql-snow .ql-even {
  fill-rule: evenodd;
}

.ql-snow .ql-thin,
.ql-snow .ql-stroke.ql-thin {
  stroke-width: 1;
}

.ql-snow .ql-transparent {
  opacity: 0.4;
}

.ql-snow .ql-direction svg:last-child {
  display: none;
}

.ql-snow .ql-direction.ql-active svg:last-child {
  display: inline;
}

.ql-snow .ql-direction.ql-active svg:first-child {
  display: none;
}

.ql-snow .ql-editor h1 {
  font-size: 2em;
}

.ql-snow .ql-editor h2 {
  font-size: 1.5em;
}

.ql-snow .ql-editor h3 {
  font-size: 1.17em;
}

.ql-snow .ql-editor h4 {
  font-size: 1em;
}

.ql-snow .ql-editor h5 {
  font-size: 0.83em;
}

.ql-snow .ql-editor h6 {
  font-size: 0.67em;
}

.ql-snow .ql-editor a {
  text-decoration: none;
}

.ql-snow .ql-editor blockquote {
  border-left: 4px solid var(--border-color);
  margin-bottom: 5px;
  margin-top: 5px;
  padding-left: 16px;
}

.ql-snow .ql-editor code,
.ql-snow .ql-editor pre {
  background-color: var(--soft-bg-color);
  border-radius: 3px;
}

.ql-snow .ql-editor pre {
  white-space: pre-wrap;
  margin-bottom: 5px;
  margin-top: 5px;
  padding: 5px 10px;
}

.ql-snow .ql-editor code {
  font-size: 85%;
  padding: 2px 4px;
}

.ql-snow .ql-editor pre.ql-syntax {
  background-color: var(--inverted-bg-color);
  color: var(--text-color-inverted);
  overflow: visible;
}

.ql-snow .ql-editor img {
  max-width: 100%;
}

.ql-snow .ql-picker {
  color: #444;
  display: inline-block;
  float: left;
  font-size: 14px;
  font-weight: 500;
  height: 24px;
  position: relative;
  vertical-align: middle;
}

.ql-snow .ql-picker-label {
  cursor: pointer;
  display: inline-block;
  height: 100%;
  padding-left: 8px;
  padding-right: 2px;
  position: relative;
  width: 100%;
}

.ql-snow .ql-picker-label::before {
  display: inline-block;
  line-height: 22px;
}

.ql-snow .ql-picker-options {
  background-color: #fff;
  display: none;
  min-width: 100%;
  padding: 4px 8px;
  position: absolute;
  white-space: nowrap;
}

.ql-snow .ql-picker-options .ql-picker-item {
  cursor: pointer;
  display: block;
  padding-bottom: 5px;
  padding-top: 5px;
}

.ql-snow .ql-picker.ql-expanded .ql-picker-label {
  color: #ccc;
  z-index: 2;
}

.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
  fill: #ccc;
}

.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
  stroke: #ccc;
}

.ql-snow .ql-picker.ql-expanded .ql-picker-options {
  display: block;
  margin-top: -1px;
  top: 100%;
  z-index: 1;
}

.ql-snow .ql-color-picker,
.ql-snow .ql-icon-picker {
  width: 28px;
}

.ql-snow .ql-color-picker .ql-picker-label,
.ql-snow .ql-icon-picker .ql-picker-label {
  padding: 2px 4px;
}

.ql-snow .ql-color-picker .ql-picker-label svg,
.ql-snow .ql-icon-picker .ql-picker-label svg {
  right: 4px;
}

.ql-snow .ql-icon-picker .ql-picker-options {
  padding: 4px 0px;
}

.ql-snow .ql-icon-picker .ql-picker-item {
  height: 24px;
  width: 24px;
  padding: 2px 4px;
}

.ql-snow .ql-color-picker .ql-picker-options {
  padding: 3px 5px;
  width: 152px;
}

.ql-snow .ql-color-picker .ql-picker-item {
  border: 1px solid transparent;
  float: left;
  height: 16px;
  margin: 2px;
  padding: 0px;
  width: 16px;
}

.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
  position: absolute;
  margin-top: -9px;
  right: 0;
  top: 50%;
  width: 18px;
}

.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=""])::before,
.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=""])::before,
.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=""])::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=""])::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=""])::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=""])::before {
  content: attr(data-label);
}

.ql-snow .ql-picker.ql-header {
  width: 98px;
}

.ql-snow .ql-picker.ql-header .ql-picker-label::before,
.ql-snow .ql-picker.ql-header .ql-picker-item::before {
  content: "Normal";
}

.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
  content: "Heading 1";
}

.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
  content: "Heading 2";
}

.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
  content: "Heading 3";
}

.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
  content: "Heading 4";
}

.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
  content: "Heading 5";
}

.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
  content: "Heading 6";
}

.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
  font-size: 2em;
}

.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
  font-size: 1.5em;
}

.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
  font-size: 1.17em;
}

.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
  font-size: 1em;
}

.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
  font-size: 0.83em;
}

.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
  font-size: 0.67em;
}

.ql-snow .ql-picker.ql-font {
  width: 108px;
}

.ql-snow .ql-picker.ql-font .ql-picker-label::before,
.ql-snow .ql-picker.ql-font .ql-picker-item::before {
  content: "Sans Serif";
}

.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
  content: "Serif";
}

.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
  content: "Monospace";
}

.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
  font-family: Georgia, Times New Roman, serif;
}

.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
  font-family: Monaco, Courier New, monospace;
}

.ql-snow .ql-picker.ql-size {
  width: 98px;
}

.ql-snow .ql-picker.ql-size .ql-picker-label::before,
.ql-snow .ql-picker.ql-size .ql-picker-item::before {
  content: "Normal";
}

.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
  content: "Small";
}

.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
  content: "Large";
}

.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
  content: "Huge";
}

.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
  font-size: 0.75rem;
}

.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
  font-size: 1.5rem;
}

.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
  font-size: 2rem;
}

.ql-snow .ql-color-picker.ql-background .ql-picker-item {
  background-color: #fff;
}

.ql-snow .ql-color-picker.ql-color .ql-picker-item {
  background-color: #000;
}

.ql-toolbar.ql-snow {
  border: 1px solid var(--form-field-border-color);
  border-bottom: 0;
  border-top-right-radius: var(--form-field-border-radius);
  border-top-left-radius: var(--form-field-border-radius);
  background-color: var(--widget-bg-color);
  box-sizing: border-box;
  padding: 8px;
}

.ql-toolbar.ql-snow .ql-formats {
  margin-right: 15px;
}

.ql-toolbar.ql-snow .ql-picker-label {
  border: 1px solid transparent;
}

.ql-toolbar.ql-snow .ql-picker-options {
  border: 1px solid transparent;
  box-shadow: rgba(0, 0, 0, 0.2) 0 2px 8px;
}

.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
  border-color: var(--form-field-border-color);
}

.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
  border-color: var(--form-field-border-color);
}

.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,
.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover {
  border-color: #000;
}

.ql-toolbar.ql-snow + .ql-container.ql-snow {
  border-top: 0px;
}

.ql-snow .ql-tooltip a {
  cursor: pointer;
  text-decoration: none;
  line-height: 26px;
}

.ql-snow .ql-tooltip.ql-flip {
  transform: translateY(-10px);
}

.ql-snow .ql-tooltip {
  position: absolute;
  transform: translateY(10px);
  background-color: var(--default-bg-color);
  border: 1px solid var(--border-color);
  box-shadow: var(--shadow-large);
  color: #444;
  padding: 5px 12px;
  white-space: nowrap;
  z-index: 1;
}

.ql-snow .ql-tooltip::before {
  content: "Visit URL:";
  line-height: 26px;
  margin-right: 8px;
}

.ql-snow .ql-tooltip input[type=text] {
  display: none;
  border: var(--form-field-border-width) solid var(--form-field-border-color);
  font-size: var(--form-field-font-size);
  border-radius: var(--form-field-border-radius);
  margin: 0px;
  padding: 3px 5px;
  width: 170px;
}

.ql-snow .ql-tooltip a.ql-preview {
  display: inline-block;
  max-width: 200px;
  overflow-x: hidden;
  text-overflow: ellipsis;
  vertical-align: top;
}

.ql-snow .ql-tooltip a.ql-action::after {
  border-right: 1px solid var(--border-color);
  content: "Edit";
  margin-left: 16px;
  padding-right: 8px;
}

.ql-snow .ql-tooltip a.ql-remove::before {
  content: "Remove";
  margin-left: 8px;
}

.ql-snow .ql-tooltip.ql-editing a.ql-preview,
.ql-snow .ql-tooltip.ql-editing a.ql-remove {
  display: none;
}

.ql-snow .ql-tooltip.ql-editing input[type=text] {
  display: inline-block;
}

.ql-snow .ql-tooltip.ql-editing a.ql-action::after {
  content: "Save";
  border-right: 0px;
  padding-right: 0px;
}

.ql-snow .ql-tooltip.ql-editing * + a.ql-action{
  margin-left: 0.5rem;
}

.ql-snow .ql-tooltip[data-mode=link]::before {
  content: "Enter link:";
}

.ql-snow .ql-tooltip[data-mode=formula]::before {
  content: "Enter formula:";
}

.ql-snow .ql-tooltip[data-mode=video]::before {
  content: "Enter video:";
}

.ql-snow a {
  color: none;
}

.ql-container.ql-snow {
  border: 1px solid var(--form-field-border-color);
  border-bottom-left-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
  background-color: var(--form-field-bg-color);
}

sp-editor:hover .ql-toolbar.ql-snow, sp-editor:focus-within .ql-toolbar.ql-snow {
  border-top-color: var(--form-field-border-color-focus);
  border-left-color: var(--form-field-border-color-focus);
  border-right-color: var(--form-field-border-color-focus);
}
sp-editor:hover .ql-container.ql-snow, sp-editor:focus-within .ql-container.ql-snow {
  border-color: var(--form-field-border-color-focus);
}
sp-editor:focus-within quill-editor::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  border: 2px solid var(--form-field-border-color-focus);
  border-radius: var(--form-field-border-radius);
  pointer-events: none;
}
sp-editor.has-error .ql-toolbar.ql-snow, sp-editor.ng-invalid.ng-touched .ql-toolbar.ql-snow {
  border-top-color: var(--form-field-border-color-invalid);
  border-left-color: var(--form-field-border-color-invalid);
  border-right-color: var(--form-field-border-color-invalid);
}
sp-editor.has-error .ql-container.ql-snow, sp-editor.ng-invalid.ng-touched .ql-container.ql-snow {
  border-color: var(--form-field-border-color-invalid);
}
sp-editor ~ .mat-mdc-form-field-error {
  margin-top: -0.3rem;
}

/*Quill Mention*/
.ql-mention-list-container {
  min-width: 270px;
  max-height: 60%;
  border: 1px solid #f0f0f0;
  border-radius: 8px;
  background-color: #ffffff;
  box-shadow: 0 8px 16px rgba(18, 18, 18, 0.08), 0 6px 4px rgba(18, 18, 18, 0.04);
  z-index: 2000;
  white-space: nowrap;
  overflow: auto;
}

.ql-mention-list {
  list-style: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

.ql-mention-list-item {
  cursor: pointer;
  height: 44px;
  line-height: 44px;
  font-size: 16px;
  padding: 0 20px;
  vertical-align: middle;
}

.ql-mention-list-item.selected {
  background-color: #faded7;
  text-decoration: none;
}

.mention {
  height: 24px;
  width: 65px;
  border-radius: 6px;
  color: #3568b8;
  padding: 3px 0;
}

.mention > span {
  margin: 0 3px;
}

*, ::before, ::after{
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}

::backdrop{
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}

/* ! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com */

/*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/

*,
::before,
::after {
  box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: #e5e7eb; /* 2 */
}

::before,
::after {
  --tw-content: '';
}

/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS
*/

html,
:host {
  line-height: 1.5; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */ /* 3 */
  tab-size: 4; /* 3 */
  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */
  font-feature-settings: normal; /* 5 */
  font-variation-settings: normal; /* 6 */
  -webkit-tap-highlight-color: transparent; /* 7 */
}

/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/

body {
  margin: 0; /* 1 */
  line-height: inherit; /* 2 */
}

/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/

hr {
  height: 0; /* 1 */
  color: inherit; /* 2 */
  border-top-width: 1px; /* 3 */
}

/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/

abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

/*
Remove the default font size and weight for headings.
*/

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}

/*
Reset links to optimize for opt-in styling instead of opt-out.
*/

a {
  color: inherit;
  text-decoration: inherit;
}

/*
Add the correct font weight in Edge and Safari.
*/

b,
strong {
  font-weight: bolder;
}

/*
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/

code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
  font-feature-settings: normal; /* 2 */
  font-variation-settings: normal; /* 3 */
  font-size: 1em; /* 4 */
}

/*
Add the correct font size in all browsers.
*/

small {
  font-size: 80%;
}

/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/

table {
  text-indent: 0; /* 1 */
  border-color: inherit; /* 2 */
  border-collapse: collapse; /* 3 */
}

/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-feature-settings: inherit; /* 1 */
  font-variation-settings: inherit; /* 1 */
  font-size: 100%; /* 1 */
  font-weight: inherit; /* 1 */
  line-height: inherit; /* 1 */
  letter-spacing: inherit; /* 1 */
  color: inherit; /* 1 */
  margin: 0; /* 2 */
  padding: 0; /* 3 */
}

/*
Remove the inheritance of text transform in Edge and Firefox.
*/

button,
select {
  text-transform: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/

button,
input:where([type='button']),
input:where([type='reset']),
input:where([type='submit']) {
  -webkit-appearance: button; /* 1 */
  background-color: transparent; /* 2 */
  background-image: none; /* 2 */
}

/*
Use the modern Firefox focus style for all focusable elements.
*/

:-moz-focusring {
  outline: auto;
}

/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/

:-moz-ui-invalid {
  box-shadow: none;
}

/*
Add the correct vertical alignment in Chrome and Firefox.
*/

progress {
  vertical-align: baseline;
}

/*
Correct the cursor style of increment and decrement buttons in Safari.
*/

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/

[type='search'] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/*
Remove the inner padding in Chrome and Safari on macOS.
*/

::-webkit-search-decoration {
  -webkit-appearance: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/*
Add the correct display in Chrome and Safari.
*/

summary {
  display: list-item;
}

/*
Removes the default spacing and border for appropriate elements.
*/

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}

fieldset {
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
}

ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}

/*
Reset default styling for dialogs.
*/

dialog {
  padding: 0;
}

/*
Prevent resizing textareas horizontally by default.
*/

textarea {
  resize: vertical;
}

/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/

input::placeholder,
textarea::placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}

/*
Set the default cursor for buttons.
*/

button,
[role="button"] {
  cursor: pointer;
}

/*
Make sure disabled buttons don't get the pointer cursor.
*/

:disabled {
  cursor: default;
}

/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block; /* 1 */
  vertical-align: middle; /* 2 */
}

/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/

img,
video {
  max-width: 100%;
  height: auto;
}

/* Make elements with the HTML hidden attribute stay hidden by default */

[hidden]:where(:not([hidden="until-found"])) {
  display: none;
}
.container{
  width: 100%;
}
@media (min-width: 640px){
  .container{
    max-width: 640px;
  }
}
@media (min-width: 768px){
  .container{
    max-width: 768px;
  }
}
@media (min-width: 1024px){
  .container{
    max-width: 1024px;
  }
}
@media (min-width: 1280px){
  .container{
    max-width: 1280px;
  }
}
@media (min-width: 1536px){
  .container{
    max-width: 1536px;
  }
}
.sr-only{
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}
.visible{
  visibility: visible;
}
.invisible{
  visibility: hidden;
}
.collapse{
  visibility: collapse;
}
.\!static{
  position: static !important;
}
.static{
  position: static;
}
.fixed{
  position: fixed;
}
.\!absolute{
  position: absolute !important;
}
.absolute{
  position: absolute;
}
.relative{
  position: relative;
}
.sticky{
  position: sticky;
}
.-left-8{
  left: -2rem;
}
.-top-14{
  top: -3.5rem;
}
.bottom-0{
  bottom: 0px;
}
.left-0{
  left: 0px;
}
.left-4{
  left: 1rem;
}
.left-\[-3px\]{
  left: -3px;
}
.right-2{
  right: 0.5rem;
}
.right-3{
  right: 0.75rem;
}
.right-8{
  right: 2rem;
}
.top-0{
  top: 0px;
}
.top-14{
  top: 3.5rem;
}
.top-16{
  top: 4rem;
}
.top-3{
  top: 0.75rem;
}
.top-4{
  top: 1rem;
}
.top-\[-3px\]{
  top: -3px;
}
.top-\[-4px\]{
  top: -4px;
}
.top-\[-6px\]{
  top: -6px;
}
.top-\[0\.6rem\]{
  top: 0.6rem;
}
.z-0{
  z-index: 0;
}
.z-10{
  z-index: 10;
}
.z-50{
  z-index: 50;
}
.order-last{
  order: 9999;
}
.col-span-1{
  grid-column: span 1 / span 1;
}
.col-span-2{
  grid-column: span 2 / span 2;
}
.col-span-3{
  grid-column: span 3 / span 3;
}
.col-span-4{
  grid-column: span 4 / span 4;
}
.col-span-5{
  grid-column: span 5 / span 5;
}
.col-span-7{
  grid-column: span 7 / span 7;
}
.col-span-full{
  grid-column: 1 / -1;
}
.row-span-1{
  grid-row: span 1 / span 1;
}
.float-right{
  float: right;
}
.float-left{
  float: left;
}
.\!m-0{
  margin: 0px !important;
}
.\!m-6{
  margin: 1.5rem !important;
}
.\!m-auto{
  margin: auto !important;
}
.-m-1{
  margin: -0.25rem;
}
.-m-2{
  margin: -0.5rem;
}
.-m-4{
  margin: -1rem;
}
.m-2{
  margin: 0.5rem;
}
.m-3{
  margin: 0.75rem;
}
.m-4{
  margin: 1rem;
}
.m-6{
  margin: 1.5rem;
}
.m-auto{
  margin: auto;
}
.\!mx-0{
  margin-left: 0px !important;
  margin-right: 0px !important;
}
.\!mx-8{
  margin-left: 2rem !important;
  margin-right: 2rem !important;
}
.\!my-1{
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important;
}
.-mx-4{
  margin-left: -1rem;
  margin-right: -1rem;
}
.mx-2{
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}
.mx-4{
  margin-left: 1rem;
  margin-right: 1rem;
}
.mx-5{
  margin-left: 1.25rem;
  margin-right: 1.25rem;
}
.mx-6{
  margin-left: 1.5rem;
  margin-right: 1.5rem;
}
.mx-8{
  margin-left: 2rem;
  margin-right: 2rem;
}
.mx-auto{
  margin-left: auto;
  margin-right: auto;
}
.my-0{
  margin-top: 0px;
  margin-bottom: 0px;
}
.my-1{
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}
.my-2{
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
.my-4{
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.my-5{
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
}
.my-8{
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.my-\[-8px\]{
  margin-top: -8px;
  margin-bottom: -8px;
}
.\!mb-0\.5{
  margin-bottom: 0.125rem !important;
}
.\!mb-2{
  margin-bottom: 0.5rem !important;
}
.\!mb-4{
  margin-bottom: 1rem !important;
}
.\!ml-\[-24px\]{
  margin-left: -24px !important;
}
.\!mr-0{
  margin-right: 0px !important;
}
.\!mr-2{
  margin-right: 0.5rem !important;
}
.\!mr-4{
  margin-right: 1rem !important;
}
.\!mr-5{
  margin-right: 1.25rem !important;
}
.\!mr-8{
  margin-right: 2rem !important;
}
.\!mt-4{
  margin-top: 1rem !important;
}
.-mb-1{
  margin-bottom: -0.25rem;
}
.-mb-3{
  margin-bottom: -0.75rem;
}
.-ml-2{
  margin-left: -0.5rem;
}
.-ml-3{
  margin-left: -0.75rem;
}
.-ml-\[10px\]{
  margin-left: -10px;
}
.-mt-2{
  margin-top: -0.5rem;
}
.-mt-3{
  margin-top: -0.75rem;
}
.-mt-5{
  margin-top: -1.25rem;
}
.-mt-6{
  margin-top: -1.5rem;
}
.mb-0{
  margin-bottom: 0px;
}
.mb-1{
  margin-bottom: 0.25rem;
}
.mb-2{
  margin-bottom: 0.5rem;
}
.mb-3{
  margin-bottom: 0.75rem;
}
.mb-4{
  margin-bottom: 1rem;
}
.mb-5{
  margin-bottom: 1.25rem;
}
.mb-6{
  margin-bottom: 1.5rem;
}
.mb-7{
  margin-bottom: 1.75rem;
}
.mb-8{
  margin-bottom: 2rem;
}
.mb-\[-16px\]{
  margin-bottom: -16px;
}
.ml-0{
  margin-left: 0px;
}
.ml-1{
  margin-left: 0.25rem;
}
.ml-10{
  margin-left: 2.5rem;
}
.ml-16{
  margin-left: 4rem;
}
.ml-2{
  margin-left: 0.5rem;
}
.ml-3{
  margin-left: 0.75rem;
}
.ml-4{
  margin-left: 1rem;
}
.ml-5{
  margin-left: 1.25rem;
}
.ml-7{
  margin-left: 1.75rem;
}
.ml-\[-40px\]{
  margin-left: -40px;
}
.ml-\[3\%\]{
  margin-left: 3%;
}
.ml-\[5px\]{
  margin-left: 5px;
}
.ml-auto{
  margin-left: auto;
}
.mr-1{
  margin-right: 0.25rem;
}
.mr-10{
  margin-right: 2.5rem;
}
.mr-2{
  margin-right: 0.5rem;
}
.mr-2\.5{
  margin-right: 0.625rem;
}
.mr-3{
  margin-right: 0.75rem;
}
.mr-4{
  margin-right: 1rem;
}
.mr-5{
  margin-right: 1.25rem;
}
.mr-6{
  margin-right: 1.5rem;
}
.mr-\[-12px\]{
  margin-right: -12px;
}
.mr-\[-8px\]{
  margin-right: -8px;
}
.mr-\[3\%\]{
  margin-right: 3%;
}
.mt-0{
  margin-top: 0px;
}
.mt-1{
  margin-top: 0.25rem;
}
.mt-10{
  margin-top: 2.5rem;
}
.mt-2{
  margin-top: 0.5rem;
}
.mt-3{
  margin-top: 0.75rem;
}
.mt-4{
  margin-top: 1rem;
}
.mt-5{
  margin-top: 1.25rem;
}
.mt-6{
  margin-top: 1.5rem;
}
.mt-7{
  margin-top: 1.75rem;
}
.mt-8{
  margin-top: 2rem;
}
.mt-\[-12px\]{
  margin-top: -12px;
}
.mt-\[-16px\]{
  margin-top: -16px;
}
.mt-\[-3px\]{
  margin-top: -3px;
}
.mt-\[-5px\]{
  margin-top: -5px;
}
.mt-\[2px\]{
  margin-top: 2px;
}
.box-border{
  box-sizing: border-box;
}
.line-clamp-2{
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.\!block{
  display: block !important;
}
.block{
  display: block;
}
.\!inline-block{
  display: inline-block !important;
}
.inline-block{
  display: inline-block;
}
.inline{
  display: inline;
}
.\!flex{
  display: flex !important;
}
.flex{
  display: flex;
}
.\!inline-flex{
  display: inline-flex !important;
}
.inline-flex{
  display: inline-flex;
}
.table{
  display: table;
}
.inline-table{
  display: inline-table;
}
.table-cell{
  display: table-cell;
}
.table-header-group{
  display: table-header-group;
}
.table-row-group{
  display: table-row-group;
}
.table-row{
  display: table-row;
}
.grid{
  display: grid;
}
.inline-grid{
  display: inline-grid;
}
.contents{
  display: contents;
}
.\!hidden{
  display: none !important;
}
.hidden{
  display: none;
}
.\!h-0{
  height: 0px !important;
}
.\!h-1{
  height: 0.25rem !important;
}
.\!h-1\/2{
  height: 50% !important;
}
.\!h-12{
  height: 3rem !important;
}
.\!h-20{
  height: 5rem !important;
}
.\!h-40{
  height: 10rem !important;
}
.\!h-5{
  height: 1.25rem !important;
}
.\!h-8{
  height: 2rem !important;
}
.\!h-9{
  height: 2.25rem !important;
}
.\!h-\[150px\]{
  height: 150px !important;
}
.\!h-\[160px\]{
  height: 160px !important;
}
.\!h-\[188px\]{
  height: 188px !important;
}
.\!h-\[18px\]{
  height: 18px !important;
}
.\!h-\[1px\]{
  height: 1px !important;
}
.\!h-\[32px\]{
  height: 32px !important;
}
.\!h-\[50px\]{
  height: 50px !important;
}
.\!h-\[78\%\]{
  height: 78% !important;
}
.\!h-auto{
  height: auto !important;
}
.h-1\/3{
  height: 33.333333%;
}
.h-1\/5{
  height: 20%;
}
.h-10{
  height: 2.5rem;
}
.h-11{
  height: 2.75rem;
}
.h-12{
  height: 3rem;
}
.h-16{
  height: 4rem;
}
.h-20{
  height: 5rem;
}
.h-24{
  height: 6rem;
}
.h-3\/5{
  height: 60%;
}
.h-32{
  height: 8rem;
}
.h-4\/5{
  height: 80%;
}
.h-7{
  height: 1.75rem;
}
.h-8{
  height: 2rem;
}
.h-96{
  height: 24rem;
}
.h-\[10\%\]{
  height: 10%;
}
.h-\[100\%\]{
  height: 100%;
}
.h-\[100px\]{
  height: 100px;
}
.h-\[11\%\]{
  height: 11%;
}
.h-\[12\%\]{
  height: 12%;
}
.h-\[130px\]{
  height: 130px;
}
.h-\[15\%\]{
  height: 15%;
}
.h-\[220px\]{
  height: 220px;
}
.h-\[23rem\]{
  height: 23rem;
}
.h-\[240px\]{
  height: 240px;
}
.h-\[285px\]{
  height: 285px;
}
.h-\[30rem\]{
  height: 30rem;
}
.h-\[316px\]{
  height: 316px;
}
.h-\[334px\]{
  height: 334px;
}
.h-\[345px\]{
  height: 345px;
}
.h-\[500px\]{
  height: 500px;
}
.h-\[50px\]{
  height: 50px;
}
.h-\[626px\]{
  height: 626px;
}
.h-\[65px\]{
  height: 65px;
}
.h-\[70\%\]{
  height: 70%;
}
.h-\[70px\]{
  height: 70px;
}
.h-\[75px\]{
  height: 75px;
}
.h-\[8\%\]{
  height: 8%;
}
.h-\[80\%\]{
  height: 80%;
}
.h-\[82\%\]{
  height: 82%;
}
.h-\[85\%\]{
  height: 85%;
}
.h-\[85vh\]{
  height: 85vh;
}
.h-\[88\%\]{
  height: 88%;
}
.h-\[89\%\]{
  height: 89%;
}
.h-\[90\%\]{
  height: 90%;
}
.h-\[98\%\]{
  height: 98%;
}
.h-\[calc\(100\%-130px\)\]{
  height: calc(100% - 130px);
}
.h-\[calc\(100\%-14rem\)\]{
  height: calc(100% - 14rem);
}
.h-\[calc\(100\%-6rem\)\]{
  height: calc(100% - 6rem);
}
.h-\[calc\(100\%-70px\)\]{
  height: calc(100% - 70px);
}
.h-auto{
  height: auto;
}
.h-full{
  height: 100%;
}
.h-min{
  height: min-content;
}
.h-screen{
  height: 100vh;
}
.max-h-\[450px\]{
  max-height: 450px;
}
.max-h-\[580px\]{
  max-height: 580px;
}
.max-h-\[60vh\]{
  max-height: 60vh;
}
.max-h-\[636px\]{
  max-height: 636px;
}
.max-h-\[70px\]{
  max-height: 70px;
}
.max-h-full{
  max-height: 100%;
}
.max-h-screen{
  max-height: 100vh;
}
.\!min-h-\[300px\]{
  min-height: 300px !important;
}
.\!min-h-\[400px\]{
  min-height: 400px !important;
}
.\!min-h-\[inherit\]{
  min-height: inherit !important;
}
.\!min-h-full{
  min-height: 100% !important;
}
.min-h-\[340px\]{
  min-height: 340px;
}
.min-h-\[360px\]{
  min-height: 360px;
}
.min-h-\[40vh\]{
  min-height: 40vh;
}
.min-h-\[640px\]{
  min-height: 640px;
}
.min-h-\[calc\(100vh-26rem\)\]{
  min-height: calc(100vh - 26rem);
}
.min-h-\[calc\(100vh-29rem\)\]{
  min-height: calc(100vh - 29rem);
}
.min-h-\[calc\(100vh-31rem\)\]{
  min-height: calc(100vh - 31rem);
}
.\!w-1\/2{
  width: 50% !important;
}
.\!w-1\/3{
  width: 33.333333% !important;
}
.\!w-1\/4{
  width: 25% !important;
}
.\!w-20{
  width: 5rem !important;
}
.\!w-5{
  width: 1.25rem !important;
}
.\!w-9{
  width: 2.25rem !important;
}
.\!w-\[18px\]{
  width: 18px !important;
}
.\!w-\[32px\]{
  width: 32px !important;
}
.\!w-\[40px\]{
  width: 40px !important;
}
.\!w-full{
  width: 100% !important;
}
.w-1\/2{
  width: 50%;
}
.w-1\/3{
  width: 33.333333%;
}
.w-1\/4{
  width: 25%;
}
.w-1\/5{
  width: 20%;
}
.w-1\/6{
  width: 16.666667%;
}
.w-11\/12{
  width: 91.666667%;
}
.w-12{
  width: 3rem;
}
.w-16{
  width: 4rem;
}
.w-2\/3{
  width: 66.666667%;
}
.w-2\/4{
  width: 50%;
}
.w-2\/5{
  width: 40%;
}
.w-2\/6{
  width: 33.333333%;
}
.w-20{
  width: 5rem;
}
.w-28{
  width: 7rem;
}
.w-3\/4{
  width: 75%;
}
.w-3\/5{
  width: 60%;
}
.w-3\/6{
  width: 50%;
}
.w-32{
  width: 8rem;
}
.w-36{
  width: 9rem;
}
.w-4{
  width: 1rem;
}
.w-4\/5{
  width: 80%;
}
.w-40{
  width: 10rem;
}
.w-44{
  width: 11rem;
}
.w-48{
  width: 12rem;
}
.w-5\/6{
  width: 83.333333%;
}
.w-56{
  width: 14rem;
}
.w-60{
  width: 15rem;
}
.w-7{
  width: 1.75rem;
}
.w-8{
  width: 2rem;
}
.w-9\/12{
  width: 75%;
}
.w-96{
  width: 24rem;
}
.w-\[10\%\]{
  width: 10%;
}
.w-\[100\%\]{
  width: 100%;
}
.w-\[11\%\]{
  width: 11%;
}
.w-\[12\%\]{
  width: 12%;
}
.w-\[120px\]{
  width: 120px;
}
.w-\[13\%\]{
  width: 13%;
}
.w-\[13vw\]{
  width: 13vw;
}
.w-\[14\%\]{
  width: 14%;
}
.w-\[15\%\]{
  width: 15%;
}
.w-\[15\.5\%\]{
  width: 15.5%;
}
.w-\[18\%\]{
  width: 18%;
}
.w-\[19\%\]{
  width: 19%;
}
.w-\[20\%\]{
  width: 20%;
}
.w-\[20rem\]{
  width: 20rem;
}
.w-\[22\%\]{
  width: 22%;
}
.w-\[24\%\]{
  width: 24%;
}
.w-\[25\%\]{
  width: 25%;
}
.w-\[25\.5\%\]{
  width: 25.5%;
}
.w-\[26\%\]{
  width: 26%;
}
.w-\[27\%\]{
  width: 27%;
}
.w-\[28\%\]{
  width: 28%;
}
.w-\[3\%\]{
  width: 3%;
}
.w-\[30\%\]{
  width: 30%;
}
.w-\[30rem\]{
  width: 30rem;
}
.w-\[32\%\]{
  width: 32%;
}
.w-\[35\%\]{
  width: 35%;
}
.w-\[37\%\]{
  width: 37%;
}
.w-\[3rem\]{
  width: 3rem;
}
.w-\[40\%\]{
  width: 40%;
}
.w-\[41\%\]{
  width: 41%;
}
.w-\[45\%\]{
  width: 45%;
}
.w-\[47\%\]{
  width: 47%;
}
.w-\[49\%\]{
  width: 49%;
}
.w-\[5\%\]{
  width: 5%;
}
.w-\[50\%\]{
  width: 50%;
}
.w-\[50px\]{
  width: 50px;
}
.w-\[60\%\]{
  width: 60%;
}
.w-\[63\%\]{
  width: 63%;
}
.w-\[68\%\]{
  width: 68%;
}
.w-\[7\%\]{
  width: 7%;
}
.w-\[70\%\]{
  width: 70%;
}
.w-\[8\%\]{
  width: 8%;
}
.w-\[80\%\]{
  width: 80%;
}
.w-\[83\%\]{
  width: 83%;
}
.w-\[84\%\]{
  width: 84%;
}
.w-\[85\%\]{
  width: 85%;
}
.w-\[8px\]{
  width: 8px;
}
.w-\[9\%\]{
  width: 9%;
}
.w-\[90\%\]{
  width: 90%;
}
.w-\[94\%\]{
  width: 94%;
}
.w-\[95\%\]{
  width: 95%;
}
.w-\[97\%\]{
  width: 97%;
}
.w-\[auto\]{
  width: auto;
}
.w-\[calc\(80\%-1rem\)\]{
  width: calc(80% - 1rem);
}
.w-\[calc\(80\%-2rem\)\]{
  width: calc(80% - 2rem);
}
.w-\[calc\(80\%-3rem\)\]{
  width: calc(80% - 3rem);
}
.w-\[calc\(80\%-4rem\)\]{
  width: calc(80% - 4rem);
}
.w-\[calc\(80\%-5rem\)\]{
  width: calc(80% - 5rem);
}
.w-\[calc\(80\%-6rem\)\]{
  width: calc(80% - 6rem);
}
.w-\[calc\(80\%-7rem\)\]{
  width: calc(80% - 7rem);
}
.w-\[full\]{
  width: full;
}
.w-auto{
  width: auto;
}
.w-full{
  width: 100%;
}
.w-min{
  width: min-content;
}
.\!min-w-0{
  min-width: 0px !important;
}
.min-w-\[10rem\]{
  min-width: 10rem;
}
.min-w-\[11rem\]{
  min-width: 11rem;
}
.min-w-\[12rem\]{
  min-width: 12rem;
}
.min-w-\[13rem\]{
  min-width: 13rem;
}
.min-w-\[14rem\]{
  min-width: 14rem;
}
.min-w-\[1500px\]{
  min-width: 1500px;
}
.min-w-\[20ch\]{
  min-width: 20ch;
}
.min-w-\[20rem\]{
  min-width: 20rem;
}
.min-w-\[21rem\]{
  min-width: 21rem;
}
.min-w-\[320px\]{
  min-width: 320px;
}
.min-w-\[380px\]{
  min-width: 380px;
}
.min-w-\[3rem\]{
  min-width: 3rem;
}
.min-w-\[5rem\]{
  min-width: 5rem;
}
.min-w-\[6rem\]{
  min-width: 6rem;
}
.min-w-\[7rem\]{
  min-width: 7rem;
}
.min-w-\[8rem\]{
  min-width: 8rem;
}
.min-w-\[9rem\]{
  min-width: 9rem;
}
.min-w-full{
  min-width: 100%;
}
.\!max-w-\[520px\]{
  max-width: 520px !important;
}
.max-w-\[10rem\]{
  max-width: 10rem;
}
.max-w-\[11rem\]{
  max-width: 11rem;
}
.max-w-\[15\%\]{
  max-width: 15%;
}
.max-w-\[25\%\]{
  max-width: 25%;
}
.max-w-\[40\%\]{
  max-width: 40%;
}
.max-w-\[440px\]{
  max-width: 440px;
}
.max-w-\[50\%\]{
  max-width: 50%;
}
.max-w-\[500px\]{
  max-width: 500px;
}
.max-w-\[50ch\]{
  max-width: 50ch;
}
.max-w-\[6rem\]{
  max-width: 6rem;
}
.max-w-\[75\%\]{
  max-width: 75%;
}
.max-w-\[85\%\]{
  max-width: 85%;
}
.max-w-\[9rem\]{
  max-width: 9rem;
}
.max-w-full{
  max-width: 100%;
}
.max-w-screen-sm{
  max-width: 640px;
}
.flex-1{
  flex: 1 1 0%;
}
.flex-\[0\.6\]{
  flex: 0.6;
}
.flex-\[1\.7\]{
  flex: 1.7;
}
.flex-\[1_1_100\%\]{
  flex: 1 1 100%;
}
.flex-\[2\]{
  flex: 2;
}
.flex-auto{
  flex: 1 1 auto;
}
.flex-initial{
  flex: 0 1 auto;
}
.flex-none{
  flex: none;
}
.flex-shrink-0{
  flex-shrink: 0;
}
.\!flex-grow-0{
  flex-grow: 0 !important;
}
.flex-grow{
  flex-grow: 1;
}
.flex-grow-0{
  flex-grow: 0;
}
.\!grow-0{
  flex-grow: 0 !important;
}
.\!grow-\[6\]{
  flex-grow: 6 !important;
}
.grow{
  flex-grow: 1;
}
.grow-0{
  flex-grow: 0;
}
.\!basis-1\/12{
  flex-basis: 8.333333% !important;
}
.basis-1\/4{
  flex-basis: 25%;
}
.basis-\[25\%\]{
  flex-basis: 25%;
}
.basis-\[50\%\]{
  flex-basis: 50%;
}
.table-auto{
  table-layout: auto;
}
.border-separate{
  border-collapse: separate;
}
.border-spacing-2{
  --tw-border-spacing-x: 0.5rem;
  --tw-border-spacing-y: 0.5rem;
  border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.-rotate-90{
  --tw-rotate: -90deg;
  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));
}
.rotate-\[-45deg\]{
  --tw-rotate: -45deg;
  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));
}
.scale-150{
  --tw-scale-x: 1.5;
  --tw-scale-y: 1.5;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.transform{
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.cursor-pointer{
  cursor: pointer;
}
.cursor-zoom-in{
  cursor: zoom-in;
}
.resize{
  resize: both;
}
.list-disc{
  list-style-type: disc;
}
.grid-flow-col{
  grid-auto-flow: column;
}
.grid-cols-1{
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
.grid-cols-12{
  grid-template-columns: repeat(12, minmax(0, 1fr));
}
.grid-cols-2{
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid-cols-3{
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.grid-cols-4{
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.grid-cols-5{
  grid-template-columns: repeat(5, minmax(0, 1fr));
}
.grid-rows-1{
  grid-template-rows: repeat(1, minmax(0, 1fr));
}
.flex-row{
  flex-direction: row;
}
.flex-row-reverse{
  flex-direction: row-reverse;
}
.\!flex-col{
  flex-direction: column !important;
}
.flex-col{
  flex-direction: column;
}
.flex-wrap{
  flex-wrap: wrap;
}
.place-content-center{
  place-content: center;
}
.place-content-start{
  place-content: start;
}
.place-content-end{
  place-content: end;
}
.\!place-content-between{
  place-content: space-between !important;
}
.place-content-between{
  place-content: space-between;
}
.place-items-center{
  place-items: center;
}
.content-center{
  align-content: center;
}
.content-start{
  align-content: flex-start;
}
.\!items-start{
  align-items: flex-start !important;
}
.items-start{
  align-items: flex-start;
}
.\!items-end{
  align-items: flex-end !important;
}
.items-end{
  align-items: flex-end;
}
.\!items-center{
  align-items: center !important;
}
.items-center{
  align-items: center;
}
.items-baseline{
  align-items: baseline;
}
.\!justify-start{
  justify-content: flex-start !important;
}
.justify-start{
  justify-content: flex-start;
}
.\!justify-end{
  justify-content: flex-end !important;
}
.justify-end{
  justify-content: flex-end;
}
.\!justify-center{
  justify-content: center !important;
}
.justify-center{
  justify-content: center;
}
.\!justify-between{
  justify-content: space-between !important;
}
.justify-between{
  justify-content: space-between;
}
.justify-around{
  justify-content: space-around;
}
.gap-1{
  gap: 0.25rem;
}
.gap-2{
  gap: 0.5rem;
}
.gap-3{
  gap: 0.75rem;
}
.gap-4{
  gap: 1rem;
}
.gap-5{
  gap: 1.25rem;
}
.gap-6{
  gap: 1.5rem;
}
.\!gap-y-0{
  row-gap: 0px !important;
}
.gap-y-0{
  row-gap: 0px;
}
.space-x-1 > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right: calc(0.25rem * var(--tw-space-x-reverse));
  margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-2 > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right: calc(0.5rem * var(--tw-space-x-reverse));
  margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-2\.5 > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right: calc(0.625rem * var(--tw-space-x-reverse));
  margin-left: calc(0.625rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-3\.5 > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right: calc(0.875rem * var(--tw-space-x-reverse));
  margin-left: calc(0.875rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-y-2\.5 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(0.625rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.625rem * var(--tw-space-y-reverse));
}
.space-y-3\.5 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(0.875rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.875rem * var(--tw-space-y-reverse));
}
.space-y-6 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
}
.divide-x-2 > :not([hidden]) ~ :not([hidden]){
  --tw-divide-x-reverse: 0;
  border-right-width: calc(2px * var(--tw-divide-x-reverse));
  border-left-width: calc(2px * calc(1 - var(--tw-divide-x-reverse)));
}
.self-start{
  align-self: flex-start;
}
.self-end{
  align-self: flex-end;
}
.self-center{
  align-self: center;
}
.self-baseline{
  align-self: baseline;
}
.justify-self-end{
  justify-self: end;
}
.overflow-auto{
  overflow: auto;
}
.\!overflow-hidden{
  overflow: hidden !important;
}
.overflow-hidden{
  overflow: hidden;
}
.\!overflow-visible{
  overflow: visible !important;
}
.overflow-scroll{
  overflow: scroll;
}
.overflow-x-auto{
  overflow-x: auto;
}
.overflow-y-auto{
  overflow-y: auto;
}
.\!overflow-y-hidden{
  overflow-y: hidden !important;
}
.overflow-y-scroll{
  overflow-y: scroll;
}
.truncate{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.overflow-ellipsis{
  text-overflow: ellipsis;
}
.text-ellipsis{
  text-overflow: ellipsis;
}
.whitespace-nowrap{
  white-space: nowrap;
}
.whitespace-pre{
  white-space: pre;
}
.break-words{
  overflow-wrap: break-word;
}
.break-all{
  word-break: break-all;
}
.\!rounded-md{
  border-radius: 0.375rem !important;
}
.rounded{
  border-radius: 0.25rem;
}
.rounded-2xl{
  border-radius: 1rem;
}
.rounded-3xl{
  border-radius: 1.5rem;
}
.rounded-full{
  border-radius: 9999px;
}
.rounded-lg{
  border-radius: 0.5rem;
}
.rounded-md{
  border-radius: 0.375rem;
}
.rounded-xl{
  border-radius: 0.75rem;
}
.rounded-b-xl{
  border-bottom-right-radius: 0.75rem;
  border-bottom-left-radius: 0.75rem;
}
.rounded-l{
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}
.rounded-r-md{
  border-top-right-radius: 0.375rem;
  border-bottom-right-radius: 0.375rem;
}
.rounded-t-xl{
  border-top-left-radius: 0.75rem;
  border-top-right-radius: 0.75rem;
}
.\!border-0{
  border-width: 0px !important;
}
.\!border-\[1px\]{
  border-width: 1px !important;
}
.\!border-\[2px\]{
  border-width: 2px !important;
}
.\!border-\[4px\]{
  border-width: 4px !important;
}
.\!border-\[6px\]{
  border-width: 6px !important;
}
.border{
  border-width: 1px;
}
.border-2{
  border-width: 2px;
}
.border-b{
  border-bottom-width: 1px;
}
.border-b-0{
  border-bottom-width: 0px;
}
.border-b-2{
  border-bottom-width: 2px;
}
.border-t-2{
  border-top-width: 2px;
}
.border-solid{
  border-style: solid;
}
.border-dashed{
  border-style: dashed;
}
.border-dotted{
  border-style: dotted;
}
.\!border-black{
  --tw-border-opacity: 1 !important;
  border-color: rgb(0 0 0 / var(--tw-border-opacity, 1)) !important;
}
.border-\[\#e5e7eb\]{
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
}
.border-\[\#f44336\]{
  --tw-border-opacity: 1;
  border-color: rgb(244 67 54 / var(--tw-border-opacity, 1));
}
.border-\[rgba\(0\2c 0\2c 0\2c \.12\)\]{
  border-color: rgba(0,0,0,.12);
}
.border-amber-700{
  --tw-border-opacity: 1;
  border-color: rgb(180 83 9 / var(--tw-border-opacity, 1));
}
.border-black{
  --tw-border-opacity: 1;
  border-color: rgb(0 0 0 / var(--tw-border-opacity, 1));
}
.border-gray-200{
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
}
.border-gray-300{
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
}
.border-gray-400{
  --tw-border-opacity: 1;
  border-color: rgb(156 163 175 / var(--tw-border-opacity, 1));
}
.border-gray-500{
  --tw-border-opacity: 1;
  border-color: rgb(107 114 128 / var(--tw-border-opacity, 1));
}
.border-green-800{
  --tw-border-opacity: 1;
  border-color: rgb(22 101 52 / var(--tw-border-opacity, 1));
}
.border-red-600{
  --tw-border-opacity: 1;
  border-color: rgb(220 38 38 / var(--tw-border-opacity, 1));
}
.border-b-\[\#e5e7eb\]{
  --tw-border-opacity: 1;
  border-bottom-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
}
.border-b-\[\#f44336\]{
  --tw-border-opacity: 1;
  border-bottom-color: rgb(244 67 54 / var(--tw-border-opacity, 1));
}
.\!bg-\[\#f4f4f4\]{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(244 244 244 / var(--tw-bg-opacity, 1)) !important;
}
.\!bg-gray-600{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(75 85 99 / var(--tw-bg-opacity, 1)) !important;
}
.\!bg-inherit{
  background-color: inherit !important;
}
.\!bg-transparent{
  background-color: transparent !important;
}
.bg-\[\#F4F3F3\]{
  --tw-bg-opacity: 1;
  background-color: rgb(244 243 243 / var(--tw-bg-opacity, 1));
}
.bg-gray-100{
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
}
.bg-gray-200{
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
}
.bg-gray-50{
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
}
.bg-indigo-100{
  --tw-bg-opacity: 1;
  background-color: rgb(224 231 255 / var(--tw-bg-opacity, 1));
}
.bg-white{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.bg-fixed{
  background-attachment: fixed;
}
.object-contain{
  object-fit: contain;
}
.\!object-cover{
  object-fit: cover !important;
}
.object-cover{
  object-fit: cover;
}
.object-center{
  object-position: center;
}
.\!p-0{
  padding: 0px !important;
}
.\!p-1{
  padding: 0.25rem !important;
}
.\!p-2{
  padding: 0.5rem !important;
}
.\!p-4{
  padding: 1rem !important;
}
.p-0{
  padding: 0px;
}
.p-1{
  padding: 0.25rem;
}
.p-12{
  padding: 3rem;
}
.p-2{
  padding: 0.5rem;
}
.p-3{
  padding: 0.75rem;
}
.p-4{
  padding: 1rem;
}
.p-5{
  padding: 1.25rem;
}
.p-6{
  padding: 1.5rem;
}
.p-8{
  padding: 2rem;
}
.p-\[2px\]{
  padding: 2px;
}
.\!px-4{
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}
.\!py-2{
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}
.\!py-4{
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}
.px-0{
  padding-left: 0px;
  padding-right: 0px;
}
.px-1{
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
.px-2{
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.px-3{
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.px-4{
  padding-left: 1rem;
  padding-right: 1rem;
}
.px-5{
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
.px-6{
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.px-7{
  padding-left: 1.75rem;
  padding-right: 1.75rem;
}
.px-8{
  padding-left: 2rem;
  padding-right: 2rem;
}
.py-0{
  padding-top: 0px;
  padding-bottom: 0px;
}
.py-1{
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.py-2{
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.py-2\.5{
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
}
.py-4{
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.py-5{
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}
.py-6{
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
.py-\[10px\]{
  padding-top: 10px;
  padding-bottom: 10px;
}
.\!pb-0{
  padding-bottom: 0px !important;
}
.\!pb-6{
  padding-bottom: 1.5rem !important;
}
.\!pb-7{
  padding-bottom: 1.75rem !important;
}
.\!pl-0{
  padding-left: 0px !important;
}
.\!pl-3{
  padding-left: 0.75rem !important;
}
.\!pl-5{
  padding-left: 1.25rem !important;
}
.\!pr-0{
  padding-right: 0px !important;
}
.\!pt-0{
  padding-top: 0px !important;
}
.\!pt-7{
  padding-top: 1.75rem !important;
}
.pb-0{
  padding-bottom: 0px;
}
.pb-1{
  padding-bottom: 0.25rem;
}
.pb-10{
  padding-bottom: 2.5rem;
}
.pb-12{
  padding-bottom: 3rem;
}
.pb-2{
  padding-bottom: 0.5rem;
}
.pb-3{
  padding-bottom: 0.75rem;
}
.pb-4{
  padding-bottom: 1rem;
}
.pb-5{
  padding-bottom: 1.25rem;
}
.pb-6{
  padding-bottom: 1.5rem;
}
.pb-8{
  padding-bottom: 2rem;
}
.pl-0{
  padding-left: 0px;
}
.pl-12{
  padding-left: 3rem;
}
.pl-16{
  padding-left: 4rem;
}
.pl-2{
  padding-left: 0.5rem;
}
.pl-20{
  padding-left: 5rem;
}
.pl-24{
  padding-left: 6rem;
}
.pl-28{
  padding-left: 7rem;
}
.pl-3{
  padding-left: 0.75rem;
}
.pl-4{
  padding-left: 1rem;
}
.pl-6{
  padding-left: 1.5rem;
}
.pl-8{
  padding-left: 2rem;
}
.pl-\[20px\]{
  padding-left: 20px;
}
.pr-1{
  padding-right: 0.25rem;
}
.pr-10{
  padding-right: 2.5rem;
}
.pr-2{
  padding-right: 0.5rem;
}
.pr-3{
  padding-right: 0.75rem;
}
.pr-4{
  padding-right: 1rem;
}
.pr-5{
  padding-right: 1.25rem;
}
.pr-6{
  padding-right: 1.5rem;
}
.pr-\[16px\]{
  padding-right: 16px;
}
.pt-0{
  padding-top: 0px;
}
.pt-1{
  padding-top: 0.25rem;
}
.pt-10{
  padding-top: 2.5rem;
}
.pt-11{
  padding-top: 2.75rem;
}
.pt-12{
  padding-top: 3rem;
}
.pt-2{
  padding-top: 0.5rem;
}
.pt-3{
  padding-top: 0.75rem;
}
.pt-4{
  padding-top: 1rem;
}
.pt-6{
  padding-top: 1.5rem;
}
.pt-8{
  padding-top: 2rem;
}
.text-left{
  text-align: left;
}
.text-center{
  text-align: center;
}
.\!text-right{
  text-align: right !important;
}
.text-right{
  text-align: right;
}
.text-start{
  text-align: start;
}
.align-top{
  vertical-align: top;
}
.align-middle{
  vertical-align: middle;
}
.align-bottom{
  vertical-align: bottom;
}
.align-text-top{
  vertical-align: text-top;
}
.\!text-2xl{
  font-size: 1.5rem !important;
  line-height: 2rem !important;
}
.\!text-\[1\.3rem\]{
  font-size: 1.3rem !important;
}
.\!text-sm{
  font-size: 0.875rem !important;
  line-height: 1.25rem !important;
}
.text-2xl{
  font-size: 1.5rem;
  line-height: 2rem;
}
.text-3xl{
  font-size: 1.875rem;
  line-height: 2.25rem;
}
.text-4xl{
  font-size: 2.25rem;
  line-height: 2.5rem;
}
.text-5xl{
  font-size: 3rem;
  line-height: 1;
}
.text-6xl{
  font-size: 3.75rem;
  line-height: 1;
}
.text-7xl{
  font-size: 4.5rem;
  line-height: 1;
}
.text-\[\.6rem\]{
  font-size: .6rem;
}
.text-\[0\.9rem\]{
  font-size: 0.9rem;
}
.text-\[1\.4rem\]{
  font-size: 1.4rem;
}
.text-\[10px\]{
  font-size: 10px;
}
.text-\[13px\]{
  font-size: 13px;
}
.text-\[2rem\]{
  font-size: 2rem;
}
.text-\[64px\]{
  font-size: 64px;
}
.text-\[8px\]{
  font-size: 8px;
}
.text-base{
  font-size: 1rem;
  line-height: 1.5rem;
}
.text-lg{
  font-size: 1.125rem;
  line-height: 1.75rem;
}
.text-sm{
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.text-xl{
  font-size: 1.25rem;
  line-height: 1.75rem;
}
.text-xs{
  font-size: 0.75rem;
  line-height: 1rem;
}
.\!font-bold{
  font-weight: 700 !important;
}
.\!font-medium{
  font-weight: 500 !important;
}
.\!font-semibold{
  font-weight: 600 !important;
}
.font-bold{
  font-weight: 700;
}
.font-extrabold{
  font-weight: 800;
}
.font-light{
  font-weight: 300;
}
.font-medium{
  font-weight: 500;
}
.font-normal{
  font-weight: 400;
}
.font-semibold{
  font-weight: 600;
}
.lowercase{
  text-transform: lowercase;
}
.italic{
  font-style: italic;
}
.leading-10{
  line-height: 2.5rem;
}
.leading-5{
  line-height: 1.25rem;
}
.leading-6{
  line-height: 1.5rem;
}
.leading-tight{
  line-height: 1.25;
}
.tracking-tight{
  letter-spacing: -0.025em;
}
.\!text-\[\#000000\]{
  --tw-text-opacity: 1 !important;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1)) !important;
}
.\!text-\[\#0000FF\]{
  --tw-text-opacity: 1 !important;
  color: rgb(0 0 255 / var(--tw-text-opacity, 1)) !important;
}
.\!text-\[\#00FF00\]{
  --tw-text-opacity: 1 !important;
  color: rgb(0 255 0 / var(--tw-text-opacity, 1)) !important;
}
.\!text-\[\#888888\]{
  --tw-text-opacity: 1 !important;
  color: rgb(136 136 136 / var(--tw-text-opacity, 1)) !important;
}
.\!text-\[\#F01F1F\]{
  --tw-text-opacity: 1 !important;
  color: rgb(240 31 31 / var(--tw-text-opacity, 1)) !important;
}
.\!text-\[\#FF0000\]{
  --tw-text-opacity: 1 !important;
  color: rgb(255 0 0 / var(--tw-text-opacity, 1)) !important;
}
.\!text-\[\#FF00FF\]{
  --tw-text-opacity: 1 !important;
  color: rgb(255 0 255 / var(--tw-text-opacity, 1)) !important;
}
.\!text-\[\#FFFF00\]{
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 0 / var(--tw-text-opacity, 1)) !important;
}
.\!text-white{
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important;
}
.text-\[\#1212128F\]{
  color: #1212128F;
}
.text-\[\#1212128f\]{
  color: #1212128f;
}
.text-\[\#121212\]\/\[56\%\]{
  color: rgb(18 18 18 / 56%);
}
.text-\[\#919394\]{
  --tw-text-opacity: 1;
  color: rgb(145 147 148 / var(--tw-text-opacity, 1));
}
.text-\[\#bf360c\]{
  --tw-text-opacity: 1;
  color: rgb(191 54 12 / var(--tw-text-opacity, 1));
}
.text-\[\#f44336\]{
  --tw-text-opacity: 1;
  color: rgb(244 67 54 / var(--tw-text-opacity, 1));
}
.text-\[rgba\(0\2c 0\2c 0\2c \.6\)\]{
  color: rgba(0,0,0,.6);
}
.text-amber-700{
  --tw-text-opacity: 1;
  color: rgb(180 83 9 / var(--tw-text-opacity, 1));
}
.text-black{
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}
.text-blue-500{
  --tw-text-opacity: 1;
  color: rgb(59 130 246 / var(--tw-text-opacity, 1));
}
.text-blue-700{
  --tw-text-opacity: 1;
  color: rgb(29 78 216 / var(--tw-text-opacity, 1));
}
.text-gray-400{
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity, 1));
}
.text-gray-500{
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity, 1));
}
.text-gray-600{
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / var(--tw-text-opacity, 1));
}
.text-gray-700{
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity, 1));
}
.text-gray-900{
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / var(--tw-text-opacity, 1));
}
.text-indigo-500{
  --tw-text-opacity: 1;
  color: rgb(99 102 241 / var(--tw-text-opacity, 1));
}
.text-orange-700{
  --tw-text-opacity: 1;
  color: rgb(194 65 12 / var(--tw-text-opacity, 1));
}
.text-red-600{
  --tw-text-opacity: 1;
  color: rgb(220 38 38 / var(--tw-text-opacity, 1));
}
.text-red-700{
  --tw-text-opacity: 1;
  color: rgb(185 28 28 / var(--tw-text-opacity, 1));
}
.text-white{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.text-yellow-700{
  --tw-text-opacity: 1;
  color: rgb(161 98 7 / var(--tw-text-opacity, 1));
}
.underline{
  text-decoration-line: underline;
}
.opacity-0{
  opacity: 0;
}
.opacity-40{
  opacity: 0.4;
}
.opacity-90{
  opacity: 0.9;
}
.opacity-\[0\.26\]{
  opacity: 0.26;
}
.\!shadow-none{
  --tw-shadow: 0 0 #0000 !important;
  --tw-shadow-colored: 0 0 #0000 !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}
.\!shadow-sm{
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05) !important;
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}
.shadow{
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_3px_10px_rgb\(0\2c 0\2c 0\2c 0\.2\)\]{
  --tw-shadow: 0 3px 10px rgb(0,0,0,0.2);
  --tw-shadow-colored: 0 3px 10px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-lg{
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-sm{
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.outline{
  outline-style: solid;
}
.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);
}
.drop-shadow-lg{
  --tw-drop-shadow: drop-shadow(0 10px 8px rgb(0 0 0 / 0.04)) drop-shadow(0 4px 3px rgb(0 0 0 / 0.1));
  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);
}
.drop-shadow-xl{
  --tw-drop-shadow: drop-shadow(0 20px 13px rgb(0 0 0 / 0.03)) drop-shadow(0 8px 5px rgb(0 0 0 / 0.08));
  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);
}
.invert{
  --tw-invert: invert(100%);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.filter{
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.transition{
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.duration-500{
  transition-duration: 500ms;
}
.ease-out{
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
.rotate-x-180{
  transform: rotateX(180deg);
}
:root {
  --bp-xxs: 0px;
  --bp-xs: 320px;
  --bp-sm: 500px;
  --bp-md: 768px;
  --bp-lg: 1024px;
  --bp-xl: 1400px;
  --bp-xxl: 1900px;
  --bp-xxs-max: 319px;
  --bp-xs-max: 499px;
  --bp-sm-max: 767px;
  --bp-lg-max: 1399px;
  --bp-xl-max: 1899px;
  --bp-layout-switch: 1000px;
  --bp-layout-switch-max: 999px;
}

/* Base' Colors
--------------------------- */
/* Theme Colors
--------------------------- */
:root {
  --primary-color: #bf360c;
  --primary-color-light1: #e16e71;
  --primary-color-light2: #e7cdc4;
  --primary-color-light3: #f5dfd8;
  --primary-color-light4: #faefec;
  --secondary-color: #cdc9c8;
  --secondary-color-light1: #e3e1e0;
  --secondary-color-light2: #ebe9e9;
  --success-color: #00826a;
  --warning-color: #ff6d00;
  --danger-color: #bf360c;
  --active-color: #bf360c;
  --disabled-color: rgba(18, 18, 18, 0.56);
  --shadow-color: rgba(18, 18, 18, 0.08);
  --border-color: rgba(0, 0, 0, 0.15);
  --border-color-inverted: #c4c4c4;
  --text-color: #121212;
  --text-color-inverted: #ffffff;
  --text-color-disabled: rgba(18, 18, 18, 0.56);
  --text-color-muted: rgba(18, 18, 18, 0.65);
  --chip-color: var(--text-color);
  --focus-ring-color: var(--text-color);
  --default-bg-color: #ffffff;
  --soft-bg-color: #f7f6f6;
  --inverted-bg-color: #121212;
  --focus-bg-color: rgb(0 0 0 / 0.075);
  --current-bg-color: rgb(0 0 0 / 0.1);
  --active-bg-color: #f5dfd8;
  --link-inline-color: #3043d2;
  --link-inline-color-visited: #6e24c3;
  --page-bg-color: #fbfbfb;
  --navigation-bg-color: var(--soft-bg-color);
  --header-bg-color: var(--soft-bg-color);
  --footer-bg-color: var(--page-bg-color);
  --modal-bg-color: var(--default-bg-color);
  --aside-bg-color: var(--soft-bg-color);
  --widget-bg-color: var(--soft-bg-color);
  --table-bg-color: var(--default-bg-color);
  --chip-bg-color: #faefec;
  --chip-bg-color-active: #f5dfd8;
  --tag-bg-color: #e7cdc4;
  --card-bg-color: var(--default-bg-color);
  --app-sidebar-bg-color: #000;
  --scrollbar-track-bg-color: transparent;
  --scrollbar-thumb-bg-color: #c4c4c4;
  /* Links */
  --standalone-link-color: var(--text-color);
  --standalone-link-color-disabled: var(--text-color-disabled);
  --inline-link-color: var(--link-inline-color);
  --inline-link-color-disabled: var(--text-color-disabled);
  --inline-link-color-visited: var(--link-inline-color-visited);
  --inline-link-border-color-focused: var(--text-color);
  /* Buttons
  */
  --button-color: var(--text-color);
  --button-bg-color: rgb(255 255 255 / 0);
  --button-border-color: var(--button-bg-color);
  --button-color-focus: var(--button-color);
  --button-bg-color-focus: var(--focus-bg-color);
  --button-border-color-focus: var(--button-bg-color-focus);
  --button-color-active: var(--button-color);
  --button-bg-color-active: rgb(0 0 0 / 0.1);
  --button-border-color-active: var(--button-bg-color-active);
  --button-bg-color-when-active: var(--active-bg-color);
  --button-color-disabled: var(--text-color-disabled);
  --button-bg-color-disabled: var(--button-bg-color);
  --button-border-color-disabled: var(--button-border-color);
  /* Primary button */
  --button-primary-color: var(--button-color);
  --button-primary-bg-color: var(--default-bg-color);
  --button-primary-border-color: var(--button-primary-bg-color);
  --button-primary-color-focus: var(--button-color-focus);
  --button-primary-bg-color-focus: color-mix(in srgb, var(--inverted-bg-color) 7%, var(--button-primary-bg-color));
  --button-primary-border-color-focus: transparent;
  --button-primary-color-active: var(--button-color-active);
  --button-primary-bg-color-active: var(--button-bg-color-active);
  --button-primary-border-color-active: transparent;
  --button-primary-color-disabled: var(--button-color-disabled);
  --button-primary-bg-color-disabled: var(--button-bg-color-disabled);
  --button-primary-border-color-disabled: var(--button-primary-bg-color-disabled);
  /* Secondary button */
  --button-secondary-color: var(--button-color);
  --button-secondary-bg-color: var(--button-bg-color);
  --button-secondary-border-color: var(--border-color);
  --button-secondary-color-focus: var(--button-color-focus);
  --button-secondary-bg-color-focus: var(--button-bg-color-focus);
  --button-secondary-border-color-focus: var(--button-secondary-bg-color-focus);
  --button-secondary-color-active: var(--button-color-active);
  --button-secondary-bg-color-active: var(--button-bg-color-active);
  --button-secondary-border-color-active: var(--button-secondary-bg-color-active);
  --button-secondary-color-disabled: var(--button-color-disabled);
  --button-secondary-bg-color-disabled: var(--button-bg-color-disabled);
  --button-secondary-border-color-disabled: var(--button-secondary-bg-color-disabled);
  /* Ternary button */
  --button-ternary-color: var(--button-color);
  --button-ternary-bg-color: var(--button-bg-color);
  --button-ternary-border-color: var(--button-ternary-bg-color);
  --button-ternary-color-focus: var(--button-color-focus);
  --button-ternary-bg-color-focus: var(--button-bg-color-focus);
  --button-ternary-border-color-focus: var(--button-ternary-bg-color-focus);
  --button-ternary-color-active: var(--button-color-active);
  --button-ternary-bg-color-active: var(--button-bg-color-active);
  --button-ternary-border-color-active: var(--button-ternary-bg-color-active);
  --button-ternary-color-disabled: var(--button-color-disabled);
  --button-ternary-bg-color-disabled: var(--button-bg-color-disabled);
  --button-ternary-border-color-disabled: var(--button-ternary-bg-color-disabled);
  /* Icon button */
  --button-icon-color: var(--button-color);
  --button-icon-bg-color: var(--button-bg-color);
  --button-icon-border-color: var(--button-icon-bg-color);
  --button-icon-color-focus: var(--button-color-focus);
  --button-icon-bg-color-focus: var(--button-bg-color-focus);
  --button-icon-border-color-focus: var(--button-icon-bg-color-focus);
  --button-icon-color-active: var(--button-color-active);
  --button-icon-bg-color-active: var(--button-bg-color-active);
  --button-icon-border-color-active: var(--button-icon-bg-color-active);
  --button-icon-color-disabled: var(--button-color-disabled);
  --button-icon-bg-color-disabled: var(--button-bg-color-disabled);
  --button-icon-border-color-disabled: var(--button-icon-bg-color-disabled);
  /* Tab button */
  --button-chip-color: var(--text-color);
  --button-chip-bg-color: rgb(255 255 255 / 0);
  --button-chip-border-color: var(--border-color);
  --button-chip-color-focus: var(--button-chip-color);
  --button-chip-bg-color-focus: var(--chip-bg-color);
  --button-chip-border-color-focus: var(--button-chip-bg-color-focus);
  --button-chip-color-active: var(--button-chip-color);
  --button-chip-bg-color-active: var(--chip-bg-color-active);
  --button-chip-border-color-active: var(--button-chip-bg-color-active);
  --button-chip-color-disabled: var(--text-color-disabled);
  --button-chip-bg-color-disabled: var(--button-chip-bg-color);
  --button-chip-border-color-disabled: var(--button-chip-border-color);
  /* Forms
  */
  --form-field-color: var(--text-color);
  --form-field-bg-color: var(--default-bg-color);
  --form-field-border-color: var(--border-color);
  --form-field-placeholder-color: rgba(18, 18, 18, 0.5);
  --form-field-decorator-color: var(--form-field-placeholder-color);
  --form-field-color-valid: var(--success-color);
  --form-field-bg-color-valid: null;
  --form-field-border-color-valid: var(--success-color);
  --form-field-color-invalid: var(--danger-color);
  --form-field-bg-color-invalid: null;
  --form-field-border-color-invalid: var(--danger-color);
  --form-field-color-focus: null;
  --form-field-bg-color-focus: null;
  --form-field-border-color-focus: var(--form-field-color);
  --form-field-color-active: null;
  --form-field-bg-color-active: var(--active-color);
  --form-field-border-color-active: var(--active-color);
  --form-field-color-disabled: var(--form-field-color);
  --form-field-bg-color-disabled: var(---form-field-bg-color);
  --form-field-border-color-disabled: var(--form-field-border-color);
  /* Stepper
  */
  --stepper-nav-bg-color: var(--soft-bg-color);
  /* Material overrides */
  --mdc-checkbox-selected-focus-icon-color: var(--active-color);
  --mdc-checkbox-selected-hover-icon-color: var(--active-color);
  --mdc-checkbox-selected-icon-color: var(--active-color);
  --mdc-checkbox-selected-pressed-icon-color: var(--active-color);
}
:root body {
  --mdc-theme-primary: var(--primary-color);
  --mdc-theme-error: var(--danger-color);
}
:root .mat-mdc-checkbox.mat-accent {
  --mdc-checkbox-unselected-icon-color: var(--form-field-border-color);
}
:root .mat-mdc-list-option.mat-accent .mdc-list-item__start,
:root .mat-mdc-list-option.mat-accent .mdc-list-item__end,
:root .mat-mdc-checkbox .mdc-checkbox:not(:disabled):active .mdc-checkbox__native-control:enabled:checked ~ .mdc-checkbox__background,
:root .mat-mdc-checkbox .mdc-checkbox:not(:disabled):active .mdc-checkbox__native-control:enabled:indeterminate ~ .mdc-checkbox__background,
:root .mat-mdc-checkbox .mdc-checkbox:not(:disabled):active .mdc-checkbox__native-control[data-indeterminate=true]:enabled ~ .mdc-checkbox__background,
:root .mat-mdc-checkbox .mdc-checkbox:hover .mdc-checkbox__native-control:enabled:checked ~ .mdc-checkbox__background,
:root .mat-mdc-checkbox .mdc-checkbox:hover .mdc-checkbox__native-control:enabled:indeterminate ~ .mdc-checkbox__background,
:root .mat-mdc-checkbox .mdc-checkbox:hover .mdc-checkbox__native-control[data-indeterminate=true]:enabled ~ .mdc-checkbox__background,
:root .mat-mdc-checkbox .mdc-checkbox .mdc-checkbox__native-control:enabled:checked ~ .mdc-checkbox__background,
:root .mat-mdc-checkbox .mdc-checkbox .mdc-checkbox__native-control:enabled:indeterminate ~ .mdc-checkbox__background,
:root .mat-mdc-checkbox .mdc-checkbox .mdc-checkbox__native-control[data-indeterminate=true]:enabled ~ .mdc-checkbox__background {
  --mdc-checkbox-selected-focus-icon-color: var(--active-color);
  --mdc-checkbox-selected-icon-color: var(--active-color);
  --mdc-checkbox-selected-hover-icon-color: var(--active-color);
  --mdc-checkbox-selected-pressed-icon-color: var(--active-color);
  --mdc-radio-selected-focus-icon-color: var(--active-color);
  --mdc-radio-selected-hover-icon-color: var(--active-color);
  --mdc-radio-selected-icon-color: var(--active-color);
  --mdc-radio-selected-pressed-icon-color: var(--active-color);
  --mat-mdc-radio-checked-ripple-color: var(--active-color);
}
:root .mat-mdc-dialog-container {
  --mdc-dialog-supporting-text-color: var(--text-color);
}
:root .mat-mdc-progress-spinner {
  --mdc-circular-progress-active-indicator-color: var(--primary-color);
}
:root .mat-mdc-progress-bar {
  --mdc-linear-progress-active-indicator-color: var(--active-color);
}
:root .mat-mdc-standard-chip.mat-primary.mat-mdc-chip-selected,
:root .mat-mdc-standard-chip.mat-primary.mat-mdc-chip-highlighted {
  --mdc-chip-elevated-container-color: var(--chip-bg-color);
  --mdc-chip-elevated-disabled-container-color: var(--disabled-bg-color);
  --mdc-chip-label-text-color: var(--chip-color);
  --mdc-chip-disabled-label-text-color: var(--chip-color);
  --mdc-chip-with-icon-icon-color: var(--chip-color);
  --mdc-chip-with-icon-disabled-icon-color: var(--chip-color);
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: var(--chip-color);
  --mdc-chip-with-trailing-icon-trailing-icon-color: var(--chip-color);
  --mdc-chip-with-icon-selected-icon-color: var(--chip-color);
  --mdc-chip-selected-label-text-color: var(--chip-color);
  --mdc-chip-elevated-selected-container-color: var(--chip-bg-color);
}

:root {
  --border-width: 1px;
  --border-style: solid;
  --border-radius: 0.5rem;
  --border-radius-medium: 0.75rem;
  --border-radius-large: 1rem;
  --gap-xs: 0.5rem;
  --gap-sm: 1rem;
  --gap-md: 1.5rem;
  --gap-lg: 2rem;
  --gap-xl: 2.5rem;
  --gap-default: var(--gap-md);
  --navigation-gap-x: clamp(var(--gap-sm), 3.5vw, 6rem);
  --layout-gap-x: 1.25rem;
  --z-index-table-header: 99;
  --z-index-header: 500;
  --z-index-footer: calc(var(--z-index-header) - 1);
  --z-index-modal: 900;
  --shadow-large: 0 0.5em 1em var(--shadow-color), 0 0.4em 0.25em var(--shadow-color);
  --shadow-small: 0 0.5em 1em var(--shadow-color), 0 0.2em 0.25em var(--shadow-color);
  --transition-duration: 0.25s;
  --focus-style-default: 1px solid var(--focus-ring-color);
  --table-border-radius: var(--border-radius-medium);
  --widget-border-radius: var(--border-radius);
  --widget-padding: var(--gap-sm);
  --login-sidebar-width: 100%;
  --login-layout-gap-y: 3rem;
  --asset-details-aside-column-width: max(30rem, 30%);
  --search-field-width: 28.5rem;
}

@media screen and (max-width: 1024px) {
  :root {
    --layout-gap-x: var(--gap-sm);
  }
}
:root {
  --line-height: 1.5;
  --line-height-small: 1.25;
  --font-family: "DM Sans", sans-serif;
  --font-size-base: 16px;
  --font-weight-normal: 500;
  --font-weight-bold: 700;
  --font-weight-light: 300;
  --font-weight-default: var(--font-weight-normal);
  --text-font-size: 1rem;
  --text-font-weight: var(--font-weight-default);
  --text-line-height: var(--line-height);
  --text-smaller-font-size: 0.875rem;
  --text-small-font-size: 0.75rem;
  --headline-font-family: var(--font-family);
  --headline-font-size: 1.5rem;
  --headline-line-height: 1.2;
  --headline-font-weight: var(--font-weight-default);
  --label-font-weight: var(--font-weight-bold);
  --form-field-placeholder-font-style: normal;
  --modal-headline-font-size: 2rem;
  --modal-headline-font-weight: var(--headline-font-weight);
  --modal-subline-font-size: var(--text-font-size);
  --modal-subline-font-weight: var(--font-weight-bold);
  /* Material overrides */
  --mdc-typography-body2-font-family: var(--font-family);
  --mdc-typography-body2-font-size: var(--text-font-size);
  --mdc-typography-body2-font-weight: var(--text-font-weight);
  --mat-table-row-item-label-text-size: var(--text-font-size);
  --mat-option-label-text-size: var(--text-font-size);
  --mat-expansion-container-text-size: var(--text-font-size);
}
:root .mat-mdc-checkbox {
  --mdc-form-field-label-text-size: var(--text-font-size);
}
:root .mat-mdc-standard-chip {
  --mdc-chip-label-text-size: var(--text-font-size);
}
:root .filter-selected-container .mat-mdc-standard-chip {
  --mdc-chip-label-text-size: var(--text-smaller-font-size);
}

@media only screen and (max-width: 1023px) {
  :root {
    --font-size-base: 14px;
  }
}
:root {
  --icon-size: 1.5rem;
  --button-border-width: var(--border-width);
  --button-border-style: var(--border-style);
  --button-border-radius: var(--border-radius);
  --button-font-size: var(--text-font-size);
  --button-font-weight: var(--font-weight-default);
  --button-line-height: 1.4;
  --button-height: unset;
  --button-padding-y: 0.9em;
  --button-padding-x: 1.6em;
  --button-padding: var(--button-padding-y) var(--button-padding-x);
  --button-shadow: null;
  --button-primary-shadow: var(--shadow-large);
  --button-primary-font-weight: var(--button-font-weight);
  --button-secondary-font-weight: var(--button-font-weight);
  --button-ternary-font-weight: var(--button-font-weight);
  --button-chip-font-weight: var(--button-font-weight);
  --button-icon-font-size: var(--button-font-size);
  --button-icon-size: 3rem;
  --button-icon-border-radius: 50%;
  --button-icon-padding: 0;
  --field-control-gap: 0.75rem;
  --form-field-padding: 0.9rem;
  --form-field-border-width: 1px;
  --form-field-border-radius: var(--border-radius);
  --form-field-font-size: var(--text-font-size);
  --form-field-disabled-opacity: 0.35;
  --modal-padding: 1.5rem;
  --modal-padding-reduced: calc(var(--modal-padding) / 2);
  --mdc-dialog-container-shape: var(--border-radius);
  --mdc-dialog-container-elevation: var(--shadow-large);
  --link-border-width-focused: var(--border-width);
  --link-border-style-focused: dashed;
  --link-border-radius-focused: 0.25rem;
  --gallery-image-ratio: 1.6 / 1;
  --gallery-image-fit: contain;
}

@media screen and (min-width: 1920px) {
  :root {
    --gallery-image-ratio: 2.4 / 1;
  }
}
/* Primary Button
*/
/* Secondary Button
*/
/* Ternary Button
*/
/* Icon Button
*/
/* Chip Button
*/
html,
body {
  height: 100%;
  margin: 0;
}

html {
  font-size: var(--font-size-base);
}

body {
  font-family: var(--font-family);
  font-size: var(--text-font-size);
  line-height: var(--text-line-height);
  background-color: var(--page-bg-color);
}

* {
  box-sizing: border-box;
  letter-spacing: normal !important;
  scrollbar-width: thin;
  scrollbar-color: var(--scrollbar-thumb-bg-color) var(--scrollbar-track-bg-color);
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  font-family: var(--headline-font-family);
}

:focus-visible {
  outline: none;
}

nav a {
  display: block;
}

::-webkit-scrollbar {
  width: 0.5rem;
  height: 0.5rem;
}

::-webkit-scrollbar-thumb {
  background-color: var(--scrollbar-thumb-bg-color);
  border-radius: 1rem;
  outline: 2px solid var(--default-bg-color);
  outline-offset: -1px;
}

::-webkit-scrollbar-track {
  border-radius: 1rem;
  background-color: var(--scrollbar-track-bg-color);
}

.error-color {
  color: var(--danger-color);
}

.default-bg-color {
  background-color: var(--default-bg-color);
}

.page-bg-color {
  background-color: var(--page-bg-color);
}

.soft-bg-color {
  background-color: var(--soft-bg-color);
}

.inverted-color {
  color: var(--text-color-inverted);
}

.inverted-bg-color {
  background-color: var(--inverted-bg-color);
}

.aside-bg-color {
  background-color: var(--aside-bg-color);
}

.active-bg-color {
  background-color: var(--active-bg-color);
}

.checker-bg-color {
  --checker-color-light: transparent;
  --checker-color-dark: #d3d3d3;
  --checker-size: 7px;
  background-color: var(--default-bg-color);
  background-image: linear-gradient(45deg, var(--checker-color-dark) 25%, var(--checker-color-light) 25%), linear-gradient(-45deg, var(--checker-color-dark) 25%, var(--checker-color-light) 25%), linear-gradient(45deg, var(--checker-color-light) 75%, var(--checker-color-dark) 75%), linear-gradient(-45deg, var(--checker-color-light) 75%, var(--checker-color-dark) 75%);
  background-position: 0 0, 0 var(--checker-size), var(--checker-size) calc(var(--checker-size) * -1), calc(var(--checker-size) * -1) 0px;
  background-size: calc(var(--checker-size) * 2) calc(var(--checker-size) * 2);
}

.widget {
  background-color: var(--widget-bg-color);
  padding: var(--widget-padding);
  border-radius: var(--widget-border-radius);
}

.expired {
  color: #bf360c;
}

.deadline {
  color: #ff6d00;
}

::placeholder {
  font-style: var(--form-field-placeholder-font-style) !important;
}

.mobile-search {
  display: none;
}
.mobile-search.is-open {
  display: block;
  margin-bottom: var(--gap-sm);
}

sp-search-field {
  width: var(--search-field-width);
}
sp-search-field .mat-mdc-form-field-subscript-wrapper {
  position: absolute;
  top: 100%;
}

.actions-container sp-search-field {
  flex: 0 1 var(--search-field-width);
  width: auto;
}

.actions-right sp-search-field .search-wrapper,
.actions-right sp-search-field {
  justify-content: flex-end;
}

.app-headline-container {
  margin-bottom: var(--gap-sm);
  overflow-x: clip;
  overflow-y: visible;
}

.app-title-wrapper {
  position: relative;
}
.app-title-wrapper:has(.back-button) {
  padding-left: 3.5em;
}
.app-title-wrapper .back-button {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.app-title-wrapper .back-button .mat-icon {
  height: 1em;
  width: 1em;
  font-size: 2.4em;
}

.app-headline{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 2.25rem;
  line-height: 2.5rem;
  font-weight: 700;
}

html .mat-mdc-unelevated-button.button-primary span .app-headline,
html .button-primary span .app-headline {
  font-weight: var(--button-primary-font-weight);
}

html .mat-mdc-unelevated-button.button-secondary span .app-headline,
html .mat-mdc-outlined-button.mat-mdc-button-base span .app-headline,
html .button-secondary span .app-headline {
  font-weight: var(--button-primary-font-weight);
}

html .mat-mdc-unelevated-button.button-ternary span .app-headline,
html .button-ternary span .app-headline {
  font-weight: var(--button-primary-font-weight);
}

html *:has(> .mat-form-field-disabled) > span.app-headline:first-child {
  opacity: var(--form-field-disabled-opacity);
}

.app-header-container,
.app-footer-container {
  position: relative;
}

.app-header-container {
  background-color: var(--header-bg-color);
  z-index: var(--z-index-header);
}

.app-footer-container {
  background-color: var(--footer-bg-color);
  z-index: var(--z-index-footer);
}

.scrollbar-invisible {
  scrollbar-width: none;
}

.w-max-content {
  width: max-content;
}

.w-min-content {
  width: min-content;
}

.asset-details-columns {
  display: flex;
  gap: var(--gap-sm);
  align-items: flex-start;
}
.asset-details-columns > * {
  min-width: 0;
}
.asset-details-columns > *:where(.widget-bg-color) {
  padding: var(--gap-sm);
}
.asset-details-columns thehubz-asset-view {
  display: block;
  height: 100%;
}

.asset-details-aside-column,
.asset-details-main-column {
  height: 100%;
}

mat-dialog-container [formcontrolname=purpose] .mat-mdc-form-field-infix {
  width: max-content;
}

.stepper .step-list mat-icon .checked {
  color: var(--active-color);
}

thehubz-asset-detail-view .asset-details-aside-column .asset-details-title {
  flex-grow: 1;
}
thehubz-asset-detail-view .asset-details-aside-column .header:has(.asset-details-title) .actions {
  height: 1.5rem;
  display: flex;
  align-items: center;
  margin-left: var(--gap-sm);
}

mat-accordion {
  display: block;
  padding: 0.25rem;
}
mat-accordion .title-prefix {
  color: var(--text-color-muted);
}

@media (max-width: 999px) {
  .hide-on-mobile {
    display: none !important;
  }
}
/* fallback */
@font-face {
  font-family: "Material Icons";
  font-style: normal;
  font-weight: 400;
  src: url('flUhRq6tzZclQEJ-Vdg-IuiaDsNcIhQ8tQ.13749f8307a3beb6.woff2') format("woff2");
}
/* fallback */
@font-face {
  font-family: "Material Icons Outlined";
  font-style: normal;
  font-weight: 400;
  src: url('gok-H7zzDkdnRel8-DQ6KAXJ69wP1tGnf4ZGhUcel5euIg.f86cb7b0aa53f0fe.woff2') format("woff2");
}
.material-icons {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: var(--icon-size);
  width: var(--icon-size);
  height: var(--icon-size);
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
}

.material-icons-outlined {
  font-family: "Material Icons Outlined";
  font-weight: normal;
  font-style: normal;
  font-size: var(--icon-size);
  width: var(--icon-size);
  height: var(--icon-size);
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
}

html .mat-icon {
  width: var(--icon-size);
  height: var(--icon-size);
}

.layout-max-width {
  max-width: var(--layout-max-width);
}

.layout-padding-x {
  padding: var(--layout-gap-x);
}

.layout-padding-l {
  padding-left: var(--layout-gap-x);
}

.layout-padding-r {
  padding-right: var(--layout-gap-x);
}

.layout-margin-x {
  margin: var(--layout-gap-x);
}

.layout-margin-l {
  margin-left: var(--layout-gap-x);
}

.layout-margin-r {
  margin-right: var(--layout-gap-x);
}

.client-sharing-request-password .wrapper,
makeos-shared-assets,
makeos-shared-assets-detail {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.client-sharing-request-password .wrapper .main,
makeos-shared-assets .main,
makeos-shared-assets-detail .main {
  flex: 1 1 auto;
}

.app-root > *,
.app-root {
  display: block;
  height: 100%;
}

.app-container {
  height: 100%;
  display: flex;
  flex-direction: column;
}

.app-header-container,
.app-footer-container {
  position: relative;
  flex: 0 0 auto;
}

.app-header-container {
  margin-bottom: var(--gap-sm);
}

.page-header {
  background-color: var(--header-bg-color);
}

.app-view-columns,
.app-main-columns {
  display: flex;
  gap: var(--layout-gap-x);
  width: 100%;
  height: 100%;
}

.app-main-wrapper {
  display: flex;
  flex-direction: column;
}
.app-main-wrapper > router-outlet + * {
  flex: 1 1 auto;
  display: block;
  min-height: 0;
}

thehubz-left-menu .main-menu {
  position: sticky;
  top: 0;
}

sp-page-title {
  flex: 0 0 auto;
  min-height: 0;
}

.app-main-container {
  flex: 1 1 auto;
  min-height: 0;
  padding-inline: var(--layout-gap-x);
  gap: var(--layout-gap-x);
}

.footer-content {
  margin: 0 auto;
  text-align: center;
}

.app-view-container {
  display: flex;
  flex-direction: column;
  min-height: 0;
  height: 100%;
}

.app-component-container {
  height: 100%;
}

.main-actions {
  flex: 0 0 auto;
}
.main-actions .actions-container {
  display: flex;
  margin-bottom: var(--gap-sm);
  gap: var(--gap-sm);
  justify-content: space-between;
  align-items: center;
}
.main-actions .actions-container:not(:has(*)) {
  margin-bottom: 0;
}
.main-actions .actions-group {
  display: flex;
  gap: var(--gap-sm);
  align-items: center;
}

.actions-left {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: var(--gap-sm);
}

.actions-right {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: var(--gap-sm);
}

.app-main-sidebar-column {
  overflow: auto;
}

.app-content-container {
  flex: 1 1 auto;
  overflow: auto;
}
.app-content-container router-outlet + * {
  display: block;
  height: 100%;
}

.content-grid {
  display: grid;
  gap: var(--gap-default);
}

.layout-columns {
  min-height: 0;
}

.application-feature-modules {
  min-width: 0;
}

@media (max-width: 999px) {
  .application-feature-modules {
    padding-left: 1.5rem;
  }
  .asset-details-columns {
    flex-direction: column;
    overflow-x: hidden;
  }
  html .asset-details-aside-column[class] {
    flex: 1 1 auto;
    width: 100%;
  }
  thehubz-asset-image .zoomed-image {
    display: none;
  }
  thehubz-asset-image img.cursor-zoom-in {
    cursor: initial;
  }
  .asset-view li:has(.zoom-action) {
    display: none;
  }
}
.grid-item_width-1 {
  grid-template-columns: repeat(auto-fill, minmax(max(10rem, 15rem), 1fr));
}

.grid-item_width-2 {
  grid-template-columns: repeat(auto-fill, minmax(max(15rem, 20rem), 1fr));
}

.grid-item_width-3 {
  grid-template-columns: repeat(auto-fill, minmax(max(20rem, 25rem), 1fr));
}

.grid-item_width-4 {
  grid-template-columns: repeat(auto-fill, minmax(max(25rem, 30rem), 1fr));
}

.grid-item_width-5 {
  grid-template-columns: repeat(auto-fill, minmax(max(30rem, 35rem), 1fr));
}

.grid-item_width-6 {
  grid-template-columns: repeat(auto-fill, minmax(max(35rem, 40rem), 1fr));
}

.grid-item_width-7 {
  grid-template-columns: repeat(auto-fill, minmax(max(40rem, 45rem), 1fr));
}

.grid-item_width-8 {
  grid-template-columns: repeat(auto-fill, minmax(max(45rem, 50rem), 1fr));
}

.grid-item_width-9 {
  grid-template-columns: repeat(auto-fill, minmax(max(50rem, 55rem), 1fr));
}

.grid-item_width-10 {
  grid-template-columns: repeat(auto-fill, minmax(max(55rem, 60rem), 1fr));
}

.grid .w-full {
  grid-column: 1/-1;
}
.grid .h-full {
  grid-row: 1/-1;
}

html {
  /* Primary Button
  */
  /* Secondary Button
  */
  /* Ternary Button
  */
  /* Icon Button
  */
  /* Overrides Material Design
  */
}
html .mat-mdc-unelevated-button.button-primary,
html .button-primary {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 0.5em;
  font-family: var(--font-family);
  font-size: var(--button-font-size);
  font-weight: var(--button-font-weight);
  height: var(--button-height) !important;
  color: var(--button-color);
  background-color: var(--button-bg-color);
  padding: var(--button-padding);
  border: var(--button-border-width) var(--button-border-style) var(--button-border-color);
  border-radius: var(--button-border-radius);
  letter-spacing: normal;
  box-shadow: var(--button-shadow);
  line-height: var(--button-line-height);
  cursor: pointer;
  font-weight: var(--button-primary-font-weight);
  color: var(--button-primary-color);
  background-color: var(--button-primary-bg-color);
  border-color: var(--button-primary-border-color);
  box-shadow: var(--button-primary-shadow);
  transition: background-color var(--transition-duration);
}
html .mat-mdc-unelevated-button.button-primary .mat-icon,
html .button-primary .mat-icon {
  font-size: var(--icon-size);
  width: var(--icon-size);
  height: var(--icon-size);
  margin-inline: 0;
}
html .mat-mdc-unelevated-button.button-primary span.px-2,
html .button-primary span.px-2 {
  padding: 0;
}
html .mat-mdc-unelevated-button.button-primary span .font-bold,
html .button-primary span .font-bold {
  font-weight: var(--button-primary-font-weight);
}
html .mat-mdc-unelevated-button.button-primary.active, html .mat-mdc-unelevated-button.button-primary[aria-current], html .mat-mdc-unelevated-button.button-primary[aria-expanded=true],
html .button-primary.active,
html .button-primary[aria-current],
html .button-primary[aria-expanded=true] {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 0.5em;
  font-family: var(--font-family);
  font-size: var(--button-font-size);
  font-weight: var(--button-font-weight);
  height: var(--button-height) !important;
  color: var(--button-color);
  background-color: var(--button-bg-color);
  padding: var(--button-padding);
  border: var(--button-border-width) var(--button-border-style) var(--button-border-color);
  border-radius: var(--button-border-radius);
  letter-spacing: normal;
  box-shadow: var(--button-shadow);
  line-height: var(--button-line-height);
  cursor: pointer;
  font-weight: var(--button-primary-font-weight);
  color: var(--button-primary-color);
  background-color: var(--button-primary-bg-color);
  border-color: var(--button-primary-border-color);
  box-shadow: var(--button-primary-shadow);
  transition: background-color var(--transition-duration);
  background-color: var(--button-bg-color-when-active);
  border-color: var(--button-bg-color-when-active);
}
html .mat-mdc-unelevated-button.button-primary.active mat-icon, html .mat-mdc-unelevated-button.button-primary[aria-current] mat-icon, html .mat-mdc-unelevated-button.button-primary[aria-expanded=true] mat-icon,
html .button-primary.active mat-icon,
html .button-primary[aria-current] mat-icon,
html .button-primary[aria-expanded=true] mat-icon {
  fill: var(--active-color);
  color: var(--active-color);
}
html .mat-mdc-unelevated-button.button-primary:hover, html .mat-mdc-unelevated-button.button-primary:focus,
html .button-primary:hover,
html .button-primary:focus {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 0.5em;
  font-family: var(--font-family);
  font-size: var(--button-font-size);
  font-weight: var(--button-font-weight);
  height: var(--button-height) !important;
  color: var(--button-color);
  background-color: var(--button-bg-color);
  padding: var(--button-padding);
  border: var(--button-border-width) var(--button-border-style) var(--button-border-color);
  border-radius: var(--button-border-radius);
  letter-spacing: normal;
  box-shadow: var(--button-shadow);
  line-height: var(--button-line-height);
  cursor: pointer;
  font-weight: var(--button-primary-font-weight);
  color: var(--button-primary-color);
  background-color: var(--button-primary-bg-color);
  border-color: var(--button-primary-border-color);
  box-shadow: var(--button-primary-shadow);
  transition: background-color var(--transition-duration);
  color: var(--button-primary-color-focus);
  background-color: var(--button-primary-bg-color-focus);
  border-color: var(--button-primary-border-color-focus);
}
html .mat-mdc-unelevated-button.button-primary:active:where(:not(.mat-mdc-button-base)),
html .button-primary:active:where(:not(.mat-mdc-button-base)) {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 0.5em;
  font-family: var(--font-family);
  font-size: var(--button-font-size);
  font-weight: var(--button-font-weight);
  height: var(--button-height) !important;
  color: var(--button-color);
  background-color: var(--button-bg-color);
  padding: var(--button-padding);
  border: var(--button-border-width) var(--button-border-style) var(--button-border-color);
  border-radius: var(--button-border-radius);
  letter-spacing: normal;
  box-shadow: var(--button-shadow);
  line-height: var(--button-line-height);
  cursor: pointer;
  font-weight: var(--button-primary-font-weight);
  color: var(--button-primary-color);
  background-color: var(--button-primary-bg-color);
  border-color: var(--button-primary-border-color);
  box-shadow: var(--button-primary-shadow);
  transition: background-color var(--transition-duration);
  color: var(--button-primary-color-active);
  background-color: var(--button-primary-bg-color-active);
  border-color: var(--button-primary-border-color-active);
}
html .mat-mdc-unelevated-button.button-primary.disabled, html .mat-mdc-unelevated-button.button-primary[disabled], html .mat-mdc-unelevated-button.button-primary:disabled,
html .button-primary.disabled,
html .button-primary[disabled],
html .button-primary:disabled {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 0.5em;
  font-family: var(--font-family);
  font-size: var(--button-font-size);
  font-weight: var(--button-font-weight);
  height: var(--button-height) !important;
  color: var(--button-color);
  background-color: var(--button-bg-color);
  padding: var(--button-padding);
  border: var(--button-border-width) var(--button-border-style) var(--button-border-color);
  border-radius: var(--button-border-radius);
  letter-spacing: normal;
  box-shadow: var(--button-shadow);
  line-height: var(--button-line-height);
  cursor: pointer;
  font-weight: var(--button-primary-font-weight);
  color: var(--button-primary-color);
  background-color: var(--button-primary-bg-color);
  border-color: var(--button-primary-border-color);
  box-shadow: var(--button-primary-shadow);
  transition: background-color var(--transition-duration);
  color: var(--button-primary-color-disabled);
  background-color: var(--button-primary-bg-color-disabled);
  border-color: var(--button-primary-border-color-disabled);
  cursor: not-allowed;
}
html .mat-mdc-unelevated-button.button-primary.icon-chevron_left .mat-icon, html .mat-mdc-unelevated-button.button-primary.icon-chevron_right .mat-icon,
html .button-primary.icon-chevron_left .mat-icon,
html .button-primary.icon-chevron_right .mat-icon {
  transform: scale(1.5);
}
html .mat-mdc-unelevated-button.button-secondary,
html .mat-mdc-outlined-button.mat-mdc-button-base,
html .button-secondary {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 0.5em;
  font-family: var(--font-family);
  font-size: var(--button-font-size);
  font-weight: var(--button-font-weight);
  height: var(--button-height) !important;
  color: var(--button-color);
  background-color: var(--button-bg-color);
  padding: var(--button-padding);
  border: var(--button-border-width) var(--button-border-style) var(--button-border-color);
  border-radius: var(--button-border-radius);
  letter-spacing: normal;
  transition: background-color var(--transition-duration);
  box-shadow: var(--button-shadow);
  line-height: var(--button-line-height);
  cursor: pointer;
  font-weight: var(--button-secondary-font-weight);
  color: var(--button-secondary-color);
  background-color: var(--button-secondary-bg-color);
  border-color: var(--button-secondary-border-color);
}
html .mat-mdc-unelevated-button.button-secondary .mat-icon,
html .mat-mdc-outlined-button.mat-mdc-button-base .mat-icon,
html .button-secondary .mat-icon {
  font-size: var(--icon-size);
  width: var(--icon-size);
  height: var(--icon-size);
  margin-inline: 0;
}
html .mat-mdc-unelevated-button.button-secondary span.px-2,
html .mat-mdc-outlined-button.mat-mdc-button-base span.px-2,
html .button-secondary span.px-2 {
  padding: 0;
}
html .mat-mdc-unelevated-button.button-secondary span .font-bold,
html .mat-mdc-outlined-button.mat-mdc-button-base span .font-bold,
html .button-secondary span .font-bold {
  font-weight: var(--button-primary-font-weight);
}
html .mat-mdc-unelevated-button.button-secondary.active, html .mat-mdc-unelevated-button.button-secondary[aria-current], html .mat-mdc-unelevated-button.button-secondary[aria-expanded=true],
html .mat-mdc-outlined-button.mat-mdc-button-base.active,
html .mat-mdc-outlined-button.mat-mdc-button-base[aria-current],
html .mat-mdc-outlined-button.mat-mdc-button-base[aria-expanded=true],
html .button-secondary.active,
html .button-secondary[aria-current],
html .button-secondary[aria-expanded=true] {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 0.5em;
  font-family: var(--font-family);
  font-size: var(--button-font-size);
  font-weight: var(--button-font-weight);
  height: var(--button-height) !important;
  color: var(--button-color);
  background-color: var(--button-bg-color);
  padding: var(--button-padding);
  border: var(--button-border-width) var(--button-border-style) var(--button-border-color);
  border-radius: var(--button-border-radius);
  letter-spacing: normal;
  transition: background-color var(--transition-duration);
  box-shadow: var(--button-shadow);
  line-height: var(--button-line-height);
  cursor: pointer;
  font-weight: var(--button-secondary-font-weight);
  color: var(--button-secondary-color);
  background-color: var(--button-secondary-bg-color);
  border-color: var(--button-secondary-border-color);
  background-color: var(--button-bg-color-when-active);
  border-color: var(--button-bg-color-when-active);
}
html .mat-mdc-unelevated-button.button-secondary.active mat-icon, html .mat-mdc-unelevated-button.button-secondary[aria-current] mat-icon, html .mat-mdc-unelevated-button.button-secondary[aria-expanded=true] mat-icon,
html .mat-mdc-outlined-button.mat-mdc-button-base.active mat-icon,
html .mat-mdc-outlined-button.mat-mdc-button-base[aria-current] mat-icon,
html .mat-mdc-outlined-button.mat-mdc-button-base[aria-expanded=true] mat-icon,
html .button-secondary.active mat-icon,
html .button-secondary[aria-current] mat-icon,
html .button-secondary[aria-expanded=true] mat-icon {
  fill: var(--active-color);
  color: var(--active-color);
}
html .mat-mdc-unelevated-button.button-secondary:hover, html .mat-mdc-unelevated-button.button-secondary:focus,
html .mat-mdc-outlined-button.mat-mdc-button-base:hover,
html .mat-mdc-outlined-button.mat-mdc-button-base:focus,
html .button-secondary:hover,
html .button-secondary:focus {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 0.5em;
  font-family: var(--font-family);
  font-size: var(--button-font-size);
  font-weight: var(--button-font-weight);
  height: var(--button-height) !important;
  color: var(--button-color);
  background-color: var(--button-bg-color);
  padding: var(--button-padding);
  border: var(--button-border-width) var(--button-border-style) var(--button-border-color);
  border-radius: var(--button-border-radius);
  letter-spacing: normal;
  transition: background-color var(--transition-duration);
  box-shadow: var(--button-shadow);
  line-height: var(--button-line-height);
  cursor: pointer;
  font-weight: var(--button-secondary-font-weight);
  color: var(--button-secondary-color);
  background-color: var(--button-secondary-bg-color);
  border-color: var(--button-secondary-border-color);
  color: var(--button-secondary-color-focus);
  background-color: var(--button-secondary-bg-color-focus);
  border-color: var(--button-secondary-border-color-focus);
}
html .mat-mdc-unelevated-button.button-secondary:active:where(:not(.mat-mdc-button-base)),
html .mat-mdc-outlined-button.mat-mdc-button-base:active:where(:not(.mat-mdc-button-base)),
html .button-secondary:active:where(:not(.mat-mdc-button-base)) {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 0.5em;
  font-family: var(--font-family);
  font-size: var(--button-font-size);
  font-weight: var(--button-font-weight);
  height: var(--button-height) !important;
  color: var(--button-color);
  background-color: var(--button-bg-color);
  padding: var(--button-padding);
  border: var(--button-border-width) var(--button-border-style) var(--button-border-color);
  border-radius: var(--button-border-radius);
  letter-spacing: normal;
  transition: background-color var(--transition-duration);
  box-shadow: var(--button-shadow);
  line-height: var(--button-line-height);
  cursor: pointer;
  font-weight: var(--button-secondary-font-weight);
  color: var(--button-secondary-color);
  background-color: var(--button-secondary-bg-color);
  border-color: var(--button-secondary-border-color);
  color: var(--button-secondary-color-active);
  background-color: var(--button-secondary-bg-color-active);
  border-color: var(--button-secondary-border-color-active);
}
html .mat-mdc-unelevated-button.button-secondary.disabled, html .mat-mdc-unelevated-button.button-secondary[disabled], html .mat-mdc-unelevated-button.button-secondary:disabled,
html .mat-mdc-outlined-button.mat-mdc-button-base.disabled,
html .mat-mdc-outlined-button.mat-mdc-button-base[disabled],
html .mat-mdc-outlined-button.mat-mdc-button-base:disabled,
html .button-secondary.disabled,
html .button-secondary[disabled],
html .button-secondary:disabled {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 0.5em;
  font-family: var(--font-family);
  font-size: var(--button-font-size);
  font-weight: var(--button-font-weight);
  height: var(--button-height) !important;
  color: var(--button-color);
  background-color: var(--button-bg-color);
  padding: var(--button-padding);
  border: var(--button-border-width) var(--button-border-style) var(--button-border-color);
  border-radius: var(--button-border-radius);
  letter-spacing: normal;
  transition: background-color var(--transition-duration);
  box-shadow: var(--button-shadow);
  line-height: var(--button-line-height);
  cursor: pointer;
  font-weight: var(--button-secondary-font-weight);
  color: var(--button-secondary-color);
  background-color: var(--button-secondary-bg-color);
  border-color: var(--button-secondary-border-color);
  color: var(--button-secondary-color-disabled);
  background-color: var(--button-secondary-bg-color-disabled);
  border-color: var(--button-secondary-border-color-disabled);
  cursor: not-allowed;
}
html .mat-mdc-unelevated-button.button-secondary.icon-chevron_left .mat-icon, html .mat-mdc-unelevated-button.button-secondary.icon-chevron_right .mat-icon,
html .mat-mdc-outlined-button.mat-mdc-button-base.icon-chevron_left .mat-icon,
html .mat-mdc-outlined-button.mat-mdc-button-base.icon-chevron_right .mat-icon,
html .button-secondary.icon-chevron_left .mat-icon,
html .button-secondary.icon-chevron_right .mat-icon {
  transform: scale(1.5);
}
html .mat-mdc-unelevated-button.button-ternary,
html .button-ternary {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 0.5em;
  font-family: var(--font-family);
  font-size: var(--button-font-size);
  font-weight: var(--button-font-weight);
  height: var(--button-height) !important;
  color: var(--button-color);
  background-color: var(--button-bg-color);
  padding: var(--button-padding);
  border: var(--button-border-width) var(--button-border-style) var(--button-border-color);
  border-radius: var(--button-border-radius);
  letter-spacing: normal;
  transition: background-color var(--transition-duration);
  box-shadow: var(--button-shadow);
  line-height: var(--button-line-height);
  cursor: pointer;
  color: var(--button-ternary-color);
  font-weight: var(--button-ternary-font-weight);
  background-color: var(--button-ternary-bg-color);
  border-color: var(--button-ternary-border-color);
}
html .mat-mdc-unelevated-button.button-ternary .mat-icon,
html .button-ternary .mat-icon {
  font-size: var(--icon-size);
  width: var(--icon-size);
  height: var(--icon-size);
  margin-inline: 0;
}
html .mat-mdc-unelevated-button.button-ternary span.px-2,
html .button-ternary span.px-2 {
  padding: 0;
}
html .mat-mdc-unelevated-button.button-ternary span .font-bold,
html .button-ternary span .font-bold {
  font-weight: var(--button-primary-font-weight);
}
html .mat-mdc-unelevated-button.button-ternary.active, html .mat-mdc-unelevated-button.button-ternary[aria-current], html .mat-mdc-unelevated-button.button-ternary[aria-expanded=true],
html .button-ternary.active,
html .button-ternary[aria-current],
html .button-ternary[aria-expanded=true] {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 0.5em;
  font-family: var(--font-family);
  font-size: var(--button-font-size);
  font-weight: var(--button-font-weight);
  height: var(--button-height) !important;
  color: var(--button-color);
  background-color: var(--button-bg-color);
  padding: var(--button-padding);
  border: var(--button-border-width) var(--button-border-style) var(--button-border-color);
  border-radius: var(--button-border-radius);
  letter-spacing: normal;
  transition: background-color var(--transition-duration);
  box-shadow: var(--button-shadow);
  line-height: var(--button-line-height);
  cursor: pointer;
  color: var(--button-ternary-color);
  font-weight: var(--button-ternary-font-weight);
  background-color: var(--button-ternary-bg-color);
  border-color: var(--button-ternary-border-color);
  background-color: var(--button-bg-color-when-active);
  border-color: var(--button-bg-color-when-active);
}
html .mat-mdc-unelevated-button.button-ternary.active mat-icon, html .mat-mdc-unelevated-button.button-ternary[aria-current] mat-icon, html .mat-mdc-unelevated-button.button-ternary[aria-expanded=true] mat-icon,
html .button-ternary.active mat-icon,
html .button-ternary[aria-current] mat-icon,
html .button-ternary[aria-expanded=true] mat-icon {
  fill: var(--active-color);
  color: var(--active-color);
}
html .mat-mdc-unelevated-button.button-ternary:hover, html .mat-mdc-unelevated-button.button-ternary:focus,
html .button-ternary:hover,
html .button-ternary:focus {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 0.5em;
  font-family: var(--font-family);
  font-size: var(--button-font-size);
  font-weight: var(--button-font-weight);
  height: var(--button-height) !important;
  color: var(--button-color);
  background-color: var(--button-bg-color);
  padding: var(--button-padding);
  border: var(--button-border-width) var(--button-border-style) var(--button-border-color);
  border-radius: var(--button-border-radius);
  letter-spacing: normal;
  transition: background-color var(--transition-duration);
  box-shadow: var(--button-shadow);
  line-height: var(--button-line-height);
  cursor: pointer;
  color: var(--button-ternary-color);
  font-weight: var(--button-ternary-font-weight);
  background-color: var(--button-ternary-bg-color);
  border-color: var(--button-ternary-border-color);
  color: var(--button-ternary-color-focus);
  background-color: var(--button-ternary-bg-color-focus);
  border-color: var(--button-ternary-border-color-focus);
}
html .mat-mdc-unelevated-button.button-ternary:active:where(:not(.mat-mdc-button-base)),
html .button-ternary:active:where(:not(.mat-mdc-button-base)) {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 0.5em;
  font-family: var(--font-family);
  font-size: var(--button-font-size);
  font-weight: var(--button-font-weight);
  height: var(--button-height) !important;
  color: var(--button-color);
  background-color: var(--button-bg-color);
  padding: var(--button-padding);
  border: var(--button-border-width) var(--button-border-style) var(--button-border-color);
  border-radius: var(--button-border-radius);
  letter-spacing: normal;
  transition: background-color var(--transition-duration);
  box-shadow: var(--button-shadow);
  line-height: var(--button-line-height);
  cursor: pointer;
  color: var(--button-ternary-color);
  font-weight: var(--button-ternary-font-weight);
  background-color: var(--button-ternary-bg-color);
  border-color: var(--button-ternary-border-color);
  color: var(--button-ternary-color-active);
  background-color: var(--button-ternary-bg-color-active);
  border-color: var(--button-ternary-border-color-active);
}
html .mat-mdc-unelevated-button.button-ternary.disabled, html .mat-mdc-unelevated-button.button-ternary[disabled], html .mat-mdc-unelevated-button.button-ternary:disabled,
html .button-ternary.disabled,
html .button-ternary[disabled],
html .button-ternary:disabled {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 0.5em;
  font-family: var(--font-family);
  font-size: var(--button-font-size);
  font-weight: var(--button-font-weight);
  height: var(--button-height) !important;
  color: var(--button-color);
  background-color: var(--button-bg-color);
  padding: var(--button-padding);
  border: var(--button-border-width) var(--button-border-style) var(--button-border-color);
  border-radius: var(--button-border-radius);
  letter-spacing: normal;
  transition: background-color var(--transition-duration);
  box-shadow: var(--button-shadow);
  line-height: var(--button-line-height);
  cursor: pointer;
  color: var(--button-ternary-color);
  font-weight: var(--button-ternary-font-weight);
  background-color: var(--button-ternary-bg-color);
  border-color: var(--button-ternary-border-color);
  color: var(--button-ternary-color-disabled);
  background-color: var(--button-ternary-bg-color-disabled);
  border-color: var(--button-ternary-border-color-disabled);
  cursor: not-allowed;
}
html .mat-mdc-unelevated-button.button-ternary.icon-chevron_left .mat-icon, html .mat-mdc-unelevated-button.button-ternary.icon-chevron_right .mat-icon,
html .button-ternary.icon-chevron_left .mat-icon,
html .button-ternary.icon-chevron_right .mat-icon {
  transform: scale(1.5);
}
html [mat-icon-button],
html .mdc-icon-button,
html sp-navigation-link .mat-mdc-tab-header-pagination-before,
html sp-navigation-link .mat-mdc-tab-header-pagination-after,
html .navigation-chip .mat-mdc-tab-header-pagination-before,
html .navigation-chip .mat-mdc-tab-header-pagination-after {
  font-size: var(--button-icon-font-size);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: var(--button-icon-padding);
  width: var(--button-icon-size);
  height: var(--button-icon-size);
  aspect-ratio: 1/1;
  line-height: 1;
  border-radius: var(--button-icon-border-radius);
  color: var(--button-icon-color);
  background-color: var(--button-icon-bg-color);
  transition: background-color var(--transition-duration);
  cursor: pointer;
  --button-icon-padding: calc(var(--button-icon-padding) * 0.35);
  flex-shrink: 0;
}
html [mat-icon-button].active, html [mat-icon-button][aria-current], html [mat-icon-button][aria-expanded=true],
html .mdc-icon-button.active,
html .mdc-icon-button[aria-current],
html .mdc-icon-button[aria-expanded=true],
html sp-navigation-link .mat-mdc-tab-header-pagination-before.active,
html sp-navigation-link .mat-mdc-tab-header-pagination-before[aria-current],
html sp-navigation-link .mat-mdc-tab-header-pagination-before[aria-expanded=true],
html sp-navigation-link .mat-mdc-tab-header-pagination-after.active,
html sp-navigation-link .mat-mdc-tab-header-pagination-after[aria-current],
html sp-navigation-link .mat-mdc-tab-header-pagination-after[aria-expanded=true],
html .navigation-chip .mat-mdc-tab-header-pagination-before.active,
html .navigation-chip .mat-mdc-tab-header-pagination-before[aria-current],
html .navigation-chip .mat-mdc-tab-header-pagination-before[aria-expanded=true],
html .navigation-chip .mat-mdc-tab-header-pagination-after.active,
html .navigation-chip .mat-mdc-tab-header-pagination-after[aria-current],
html .navigation-chip .mat-mdc-tab-header-pagination-after[aria-expanded=true] {
  font-size: var(--button-icon-font-size);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: var(--button-icon-padding);
  width: var(--button-icon-size);
  height: var(--button-icon-size);
  aspect-ratio: 1/1;
  line-height: 1;
  border-radius: var(--button-icon-border-radius);
  color: var(--button-icon-color);
  background-color: var(--button-icon-bg-color);
  transition: background-color var(--transition-duration);
  cursor: pointer;
  background-color: var(--button-bg-color-when-active);
  border-color: var(--button-bg-color-when-active);
}
html [mat-icon-button].active mat-icon, html [mat-icon-button][aria-current] mat-icon, html [mat-icon-button][aria-expanded=true] mat-icon,
html .mdc-icon-button.active mat-icon,
html .mdc-icon-button[aria-current] mat-icon,
html .mdc-icon-button[aria-expanded=true] mat-icon,
html sp-navigation-link .mat-mdc-tab-header-pagination-before.active mat-icon,
html sp-navigation-link .mat-mdc-tab-header-pagination-before[aria-current] mat-icon,
html sp-navigation-link .mat-mdc-tab-header-pagination-before[aria-expanded=true] mat-icon,
html sp-navigation-link .mat-mdc-tab-header-pagination-after.active mat-icon,
html sp-navigation-link .mat-mdc-tab-header-pagination-after[aria-current] mat-icon,
html sp-navigation-link .mat-mdc-tab-header-pagination-after[aria-expanded=true] mat-icon,
html .navigation-chip .mat-mdc-tab-header-pagination-before.active mat-icon,
html .navigation-chip .mat-mdc-tab-header-pagination-before[aria-current] mat-icon,
html .navigation-chip .mat-mdc-tab-header-pagination-before[aria-expanded=true] mat-icon,
html .navigation-chip .mat-mdc-tab-header-pagination-after.active mat-icon,
html .navigation-chip .mat-mdc-tab-header-pagination-after[aria-current] mat-icon,
html .navigation-chip .mat-mdc-tab-header-pagination-after[aria-expanded=true] mat-icon {
  fill: var(--active-color);
  color: var(--active-color);
}
html [mat-icon-button]:hover, html [mat-icon-button]:focus,
html .mdc-icon-button:hover,
html .mdc-icon-button:focus,
html sp-navigation-link .mat-mdc-tab-header-pagination-before:hover,
html sp-navigation-link .mat-mdc-tab-header-pagination-before:focus,
html sp-navigation-link .mat-mdc-tab-header-pagination-after:hover,
html sp-navigation-link .mat-mdc-tab-header-pagination-after:focus,
html .navigation-chip .mat-mdc-tab-header-pagination-before:hover,
html .navigation-chip .mat-mdc-tab-header-pagination-before:focus,
html .navigation-chip .mat-mdc-tab-header-pagination-after:hover,
html .navigation-chip .mat-mdc-tab-header-pagination-after:focus {
  font-size: var(--button-icon-font-size);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: var(--button-icon-padding);
  width: var(--button-icon-size);
  height: var(--button-icon-size);
  aspect-ratio: 1/1;
  line-height: 1;
  border-radius: var(--button-icon-border-radius);
  color: var(--button-icon-color);
  background-color: var(--button-icon-bg-color);
  transition: background-color var(--transition-duration);
  cursor: pointer;
  color: var(--button-icon-color-focus);
  background-color: var(--button-icon-bg-color-focus);
  border-color: var(--button-icon-border-color-focus);
}
html [mat-icon-button]:active:where(:not(.mat-mdc-button-base)),
html .mdc-icon-button:active:where(:not(.mat-mdc-button-base)),
html sp-navigation-link .mat-mdc-tab-header-pagination-before:active:where(:not(.mat-mdc-button-base)),
html sp-navigation-link .mat-mdc-tab-header-pagination-after:active:where(:not(.mat-mdc-button-base)),
html .navigation-chip .mat-mdc-tab-header-pagination-before:active:where(:not(.mat-mdc-button-base)),
html .navigation-chip .mat-mdc-tab-header-pagination-after:active:where(:not(.mat-mdc-button-base)) {
  font-size: var(--button-icon-font-size);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: var(--button-icon-padding);
  width: var(--button-icon-size);
  height: var(--button-icon-size);
  aspect-ratio: 1/1;
  line-height: 1;
  border-radius: var(--button-icon-border-radius);
  color: var(--button-icon-color);
  background-color: var(--button-icon-bg-color);
  transition: background-color var(--transition-duration);
  cursor: pointer;
  color: var(--button-icon-color-active);
  background-color: var(--button-icon-bg-color-active);
  border-color: var(--button-icon-border-color-active);
}
html [mat-icon-button].disabled, html [mat-icon-button][disabled], html [mat-icon-button]:disabled,
html .mdc-icon-button.disabled,
html .mdc-icon-button[disabled],
html .mdc-icon-button:disabled,
html sp-navigation-link .mat-mdc-tab-header-pagination-before.disabled,
html sp-navigation-link .mat-mdc-tab-header-pagination-before[disabled],
html sp-navigation-link .mat-mdc-tab-header-pagination-before:disabled,
html sp-navigation-link .mat-mdc-tab-header-pagination-after.disabled,
html sp-navigation-link .mat-mdc-tab-header-pagination-after[disabled],
html sp-navigation-link .mat-mdc-tab-header-pagination-after:disabled,
html .navigation-chip .mat-mdc-tab-header-pagination-before.disabled,
html .navigation-chip .mat-mdc-tab-header-pagination-before[disabled],
html .navigation-chip .mat-mdc-tab-header-pagination-before:disabled,
html .navigation-chip .mat-mdc-tab-header-pagination-after.disabled,
html .navigation-chip .mat-mdc-tab-header-pagination-after[disabled],
html .navigation-chip .mat-mdc-tab-header-pagination-after:disabled {
  font-size: var(--button-icon-font-size);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: var(--button-icon-padding);
  width: var(--button-icon-size);
  height: var(--button-icon-size);
  aspect-ratio: 1/1;
  line-height: 1;
  border-radius: var(--button-icon-border-radius);
  color: var(--button-icon-color);
  background-color: var(--button-icon-bg-color);
  transition: background-color var(--transition-duration);
  cursor: pointer;
  color: var(--button-icon-color-disabled);
  background-color: var(--button-icon-bg-color-disabled);
  border-color: var(--button-icon-border-color-disabled);
  cursor: not-allowed;
  display: none;
}
html [mat-icon-button] .material-icons-outlined,
html [mat-icon-button] .mat-icon,
html .mdc-icon-button .material-icons-outlined,
html .mdc-icon-button .mat-icon,
html sp-navigation-link .mat-mdc-tab-header-pagination-before .material-icons-outlined,
html sp-navigation-link .mat-mdc-tab-header-pagination-before .mat-icon,
html sp-navigation-link .mat-mdc-tab-header-pagination-after .material-icons-outlined,
html sp-navigation-link .mat-mdc-tab-header-pagination-after .mat-icon,
html .navigation-chip .mat-mdc-tab-header-pagination-before .material-icons-outlined,
html .navigation-chip .mat-mdc-tab-header-pagination-before .mat-icon,
html .navigation-chip .mat-mdc-tab-header-pagination-after .material-icons-outlined,
html .navigation-chip .mat-mdc-tab-header-pagination-after .mat-icon {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  flex: none;
}
html [mat-icon-button].icon-chevron_left .mat-icon, html [mat-icon-button].icon-chevron_right .mat-icon,
html .mdc-icon-button.icon-chevron_left .mat-icon,
html .mdc-icon-button.icon-chevron_right .mat-icon,
html sp-navigation-link .mat-mdc-tab-header-pagination-before.icon-chevron_left .mat-icon,
html sp-navigation-link .mat-mdc-tab-header-pagination-before.icon-chevron_right .mat-icon,
html sp-navigation-link .mat-mdc-tab-header-pagination-after.icon-chevron_left .mat-icon,
html sp-navigation-link .mat-mdc-tab-header-pagination-after.icon-chevron_right .mat-icon,
html .navigation-chip .mat-mdc-tab-header-pagination-before.icon-chevron_left .mat-icon,
html .navigation-chip .mat-mdc-tab-header-pagination-before.icon-chevron_right .mat-icon,
html .navigation-chip .mat-mdc-tab-header-pagination-after.icon-chevron_left .mat-icon,
html .navigation-chip .mat-mdc-tab-header-pagination-after.icon-chevron_right .mat-icon {
  transform: scale(1.5);
}
html .button-icon-primary {
  display: inline-flex;
  gap: 0.5em;
  font-family: var(--font-family);
  font-size: var(--button-font-size);
  font-weight: var(--button-font-weight);
  height: var(--button-height) !important;
  color: var(--button-color);
  background-color: var(--button-bg-color);
  padding: var(--button-padding);
  border: var(--button-border-width) var(--button-border-style) var(--button-border-color);
  border-radius: var(--button-border-radius);
  letter-spacing: normal;
  box-shadow: var(--button-shadow);
  line-height: var(--button-line-height);
  cursor: pointer;
  font-weight: var(--button-primary-font-weight);
  color: var(--button-primary-color);
  background-color: var(--button-primary-bg-color);
  border-color: var(--button-primary-border-color);
  box-shadow: var(--button-primary-shadow);
  transition: background-color var(--transition-duration);
  width: auto;
  height: auto;
  aspect-ratio: 1/1;
  border-radius: 50% !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
html .button-icon-primary:hover, html .button-icon-primary:focus {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 0.5em;
  font-family: var(--font-family);
  font-size: var(--button-font-size);
  font-weight: var(--button-font-weight);
  height: var(--button-height) !important;
  color: var(--button-color);
  background-color: var(--button-bg-color);
  padding: var(--button-padding);
  border: var(--button-border-width) var(--button-border-style) var(--button-border-color);
  border-radius: var(--button-border-radius);
  letter-spacing: normal;
  box-shadow: var(--button-shadow);
  line-height: var(--button-line-height);
  cursor: pointer;
  font-weight: var(--button-primary-font-weight);
  color: var(--button-primary-color);
  background-color: var(--button-primary-bg-color);
  border-color: var(--button-primary-border-color);
  box-shadow: var(--button-primary-shadow);
  transition: background-color var(--transition-duration);
  color: var(--button-primary-color-focus);
  background-color: var(--button-primary-bg-color-focus);
  border-color: var(--button-primary-border-color-focus);
}
html .button-icon-primary:active {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 0.5em;
  font-family: var(--font-family);
  font-size: var(--button-font-size);
  font-weight: var(--button-font-weight);
  height: var(--button-height) !important;
  color: var(--button-color);
  background-color: var(--button-bg-color);
  padding: var(--button-padding);
  border: var(--button-border-width) var(--button-border-style) var(--button-border-color);
  border-radius: var(--button-border-radius);
  letter-spacing: normal;
  box-shadow: var(--button-shadow);
  line-height: var(--button-line-height);
  cursor: pointer;
  font-weight: var(--button-primary-font-weight);
  color: var(--button-primary-color);
  background-color: var(--button-primary-bg-color);
  border-color: var(--button-primary-border-color);
  box-shadow: var(--button-primary-shadow);
  transition: background-color var(--transition-duration);
  color: var(--button-primary-color-active);
  background-color: var(--button-primary-bg-color-active);
  border-color: var(--button-primary-border-color-active);
}
html .button-icon-primary:disabled,
html .button-icon-primary [disabled] {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 0.5em;
  font-family: var(--font-family);
  font-size: var(--button-font-size);
  font-weight: var(--button-font-weight);
  height: var(--button-height) !important;
  color: var(--button-color);
  background-color: var(--button-bg-color);
  padding: var(--button-padding);
  border: var(--button-border-width) var(--button-border-style) var(--button-border-color);
  border-radius: var(--button-border-radius);
  letter-spacing: normal;
  box-shadow: var(--button-shadow);
  line-height: var(--button-line-height);
  cursor: pointer;
  font-weight: var(--button-primary-font-weight);
  color: var(--button-primary-color);
  background-color: var(--button-primary-bg-color);
  border-color: var(--button-primary-border-color);
  box-shadow: var(--button-primary-shadow);
  transition: background-color var(--transition-duration);
  color: var(--button-primary-color-disabled);
  background-color: var(--button-primary-bg-color-disabled);
  border-color: var(--button-primary-border-color-disabled);
  cursor: not-allowed;
}
html .button-chip {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 0.5em;
  font-family: var(--font-family);
  font-size: var(--button-font-size);
  font-weight: var(--button-font-weight);
  height: var(--button-height) !important;
  color: var(--button-color);
  background-color: var(--button-bg-color);
  padding: var(--button-padding);
  border: var(--button-border-width) var(--button-border-style) var(--button-border-color);
  border-radius: var(--button-border-radius);
  letter-spacing: normal;
  transition: background-color var(--transition-duration);
  box-shadow: var(--button-shadow);
  line-height: var(--button-line-height);
  cursor: pointer;
  font-weight: var(--button-chip-font-weight);
  border-radius: 9999px;
  border-color: var(--button-chip-border-color);
  overflow: hidden;
  white-space: nowrap;
}
html .button-chip.selected, html .button-chip:active {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 0.5em;
  font-family: var(--font-family);
  font-size: var(--button-font-size);
  font-weight: var(--button-font-weight);
  height: var(--button-height) !important;
  color: var(--button-color);
  background-color: var(--button-bg-color);
  padding: var(--button-padding);
  border: var(--button-border-width) var(--button-border-style) var(--button-border-color);
  border-radius: var(--button-border-radius);
  letter-spacing: normal;
  transition: background-color var(--transition-duration);
  box-shadow: var(--button-shadow);
  line-height: var(--button-line-height);
  cursor: pointer;
  font-weight: var(--button-chip-font-weight);
  border-radius: 9999px;
  border-color: var(--button-chip-border-color);
  overflow: hidden;
  border-color: var(--button-chip-border-color-active);
  background-color: var(--button-chip-bg-color-active);
}
html .button-chip:hover, html .button-chip:focus-visible {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 0.5em;
  font-family: var(--font-family);
  font-size: var(--button-font-size);
  font-weight: var(--button-font-weight);
  height: var(--button-height) !important;
  color: var(--button-color);
  background-color: var(--button-bg-color);
  padding: var(--button-padding);
  border: var(--button-border-width) var(--button-border-style) var(--button-border-color);
  border-radius: var(--button-border-radius);
  letter-spacing: normal;
  transition: background-color var(--transition-duration);
  box-shadow: var(--button-shadow);
  line-height: var(--button-line-height);
  cursor: pointer;
  font-weight: var(--button-chip-font-weight);
  border-radius: 9999px;
  border-color: var(--button-chip-border-color);
  overflow: hidden;
  border-color: var(--button-chip-border-color-focus);
  background-color: var(--button-chip-bg-color-focus);
}
html .button-chip.disabled, html .button-chip:disabled,
html .button-chip [disabled] {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 0.5em;
  font-family: var(--font-family);
  font-size: var(--button-font-size);
  font-weight: var(--button-font-weight);
  height: var(--button-height) !important;
  color: var(--button-color);
  background-color: var(--button-bg-color);
  padding: var(--button-padding);
  border: var(--button-border-width) var(--button-border-style) var(--button-border-color);
  border-radius: var(--button-border-radius);
  letter-spacing: normal;
  transition: background-color var(--transition-duration);
  box-shadow: var(--button-shadow);
  line-height: var(--button-line-height);
  cursor: pointer;
  font-weight: var(--button-chip-font-weight);
  border-radius: 9999px;
  border-color: var(--button-chip-border-color);
  overflow: hidden;
  color: var(--button-chip-color-disabled);
  background-color: var(--button-chip-bg-color-disabled);
  border-color: var(--button-chip-border-color-disabled);
  cursor: not-allowed;
}
html .button-chip .mat-ripple.mat-mdc-tab-ripple > *,
html .button-chip .mat-ripple.mat-mdc-tab-ripple::before {
  background-color: var(--button-bg-color-active);
  opacity: 0.5;
}
html .mat-mdc-tab-list .button-chip {
  display: flex;
  flex-grow: 0 !important;
  align-items: center;
}
html .icon-button-slim {
  --button-icon-size: 1.5rem;
  --button-icon-padding: 0.2em;
}
html .icon-button-narrow {
  --button-icon-size: 2.2rem;
  --button-icon-padding: 0.2em;
}
html .mat-mdc-form-field [mat-icon-button],
html .media-asset-toolbar [mat-icon-button],
html .modal-header [mat-icon-button],
html .widget-header [mat-icon-button],
html .filter-header [mat-icon-button],
html .card [mat-icon-button],
html table [mat-icon-button],
html .grid-view-buttons [mat-icon-button] {
  --button-icon-size: 2.2rem;
  --button-icon-padding: 0.2em;
}
html .button-primary .mat-mdc-button-persistent-ripple::before,
html .mdc-button--unelevated .mat-mdc-button-persistent-ripple::before,
html .mat-mdc-raised-button .mat-mdc-button-persistent-ripple::before,
html .mat-mdc-icon-button .mat-mdc-button-persistent-ripple::before,
html .mat-mdc-unelevated-button .mat-mdc-button-persistent-ripple::before {
  opacity: 0 !important;
}
html .button-primary .mat-ripple,
html .mdc-button--unelevated .mat-ripple,
html .mat-mdc-raised-button .mat-ripple,
html .mat-mdc-icon-button .mat-ripple,
html .mat-mdc-unelevated-button .mat-ripple {
  display: none;
}
html .mat-mdc-icon-button.mat-mdc-button-base {
  width: var(--button-icon-size);
  height: var(--button-icon-size);
  padding: var(--button-icon-padding);
}
html .filter-box .mdc-button__label {
  white-space: nowrap;
}
html .ql-toolbar.ql-snow,
html .ql-toolbar.ql-snow .ql-formats{
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
html .ql-toolbar.ql-snow{
  flex-wrap: wrap;
}
html .ql-snow.ql-toolbar button,
html .ql-snow .ql-toolbar button {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 0.5em;
  font-family: var(--font-family);
  font-size: var(--button-font-size);
  font-weight: var(--button-font-weight);
  height: var(--button-height) !important;
  color: var(--button-color);
  background-color: var(--button-bg-color);
  padding: var(--button-padding);
  border: var(--button-border-width) var(--button-border-style) var(--button-border-color);
  border-radius: var(--button-border-radius);
  letter-spacing: normal;
  transition: background-color var(--transition-duration);
  box-shadow: var(--button-shadow);
  line-height: var(--button-line-height);
  cursor: pointer;
  color: var(--button-ternary-color);
  font-weight: var(--button-ternary-font-weight);
  background-color: var(--button-ternary-bg-color);
  border-color: var(--button-ternary-border-color);
  padding: 0.15rem !important;
  width: 1.75rem !important;
  height: 1.75rem !important;
}
html .ql-snow.ql-toolbar button:hover, html .ql-snow.ql-toolbar button:focus,
html .ql-snow .ql-toolbar button:hover,
html .ql-snow .ql-toolbar button:focus {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 0.5em;
  font-family: var(--font-family);
  font-size: var(--button-font-size);
  font-weight: var(--button-font-weight);
  height: var(--button-height) !important;
  color: var(--button-color);
  background-color: var(--button-bg-color);
  padding: var(--button-padding);
  border: var(--button-border-width) var(--button-border-style) var(--button-border-color);
  border-radius: var(--button-border-radius);
  letter-spacing: normal;
  transition: background-color var(--transition-duration);
  box-shadow: var(--button-shadow);
  line-height: var(--button-line-height);
  cursor: pointer;
  color: var(--button-ternary-color);
  font-weight: var(--button-ternary-font-weight);
  background-color: var(--button-ternary-bg-color);
  border-color: var(--button-ternary-border-color);
  color: var(--button-ternary-color-focus);
  background-color: var(--button-ternary-bg-color-focus);
  border-color: var(--button-ternary-border-color-focus);
}
html .ql-snow.ql-toolbar button:active,
html .ql-snow .ql-toolbar button:active {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 0.5em;
  font-family: var(--font-family);
  font-size: var(--button-font-size);
  font-weight: var(--button-font-weight);
  height: var(--button-height) !important;
  color: var(--button-color);
  background-color: var(--button-bg-color);
  padding: var(--button-padding);
  border: var(--button-border-width) var(--button-border-style) var(--button-border-color);
  border-radius: var(--button-border-radius);
  letter-spacing: normal;
  transition: background-color var(--transition-duration);
  box-shadow: var(--button-shadow);
  line-height: var(--button-line-height);
  cursor: pointer;
  color: var(--button-ternary-color);
  font-weight: var(--button-ternary-font-weight);
  background-color: var(--button-ternary-bg-color);
  border-color: var(--button-ternary-border-color);
  color: var(--button-ternary-color-active);
  background-color: var(--button-ternary-bg-color-active);
  border-color: var(--button-ternary-border-color-active);
}
html .ql-snow.ql-toolbar button:disabled,
html .ql-snow.ql-toolbar button [disabled],
html .ql-snow .ql-toolbar button:disabled,
html .ql-snow .ql-toolbar button [disabled] {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 0.5em;
  font-family: var(--font-family);
  font-size: var(--button-font-size);
  font-weight: var(--button-font-weight);
  height: var(--button-height) !important;
  color: var(--button-color);
  background-color: var(--button-bg-color);
  padding: var(--button-padding);
  border: var(--button-border-width) var(--button-border-style) var(--button-border-color);
  border-radius: var(--button-border-radius);
  letter-spacing: normal;
  transition: background-color var(--transition-duration);
  box-shadow: var(--button-shadow);
  line-height: var(--button-line-height);
  cursor: pointer;
  color: var(--button-ternary-color);
  font-weight: var(--button-ternary-font-weight);
  background-color: var(--button-ternary-bg-color);
  border-color: var(--button-ternary-border-color);
  color: var(--button-ternary-color-disabled);
  background-color: var(--button-ternary-bg-color-disabled);
  border-color: var(--button-ternary-border-color-disabled);
  cursor: not-allowed;
}

sp-overlay[class*=bg-slate] ~ button.absolute, sp-overlay[class*=bg-slate] ~ a.absolute {
  color: var(--text-color-inverted);
}

@container (max-width: 46rem) {
  .application-feature-modules .main-actions .button-primary:not(:has([data-sp-icon="[cloud_upload]"], [data-sp-icon="[checklist]"]), .keep-label-visible) .mdc-button__label,
  .application-feature-modules .main-actions .button-primary:not(:has([data-sp-icon="[cloud_upload]"], [data-sp-icon="[checklist]"]), .keep-label-visible) .filter-label-wrapper {
    position: absolute;
    clip: rect(0 0 0 0);
    opacity: 0;
    z-index: -99999;
    pointer-events: none;
    width: 1px;
    height: 1px;
  }
  .application-feature-modules .main-actions .button-primary:not(:has([data-sp-icon="[cloud_upload]"], [data-sp-icon="[checklist]"]), .keep-label-visible) .mat-icon {
    margin: 0;
  }
}
@media (max-width: 599px) {
  .application-feature-modules .main-actions .button-primary.tags-button .mdc-button__label,
  .application-feature-modules .main-actions .button-primary.tags-button .filter-label-wrapper,
  .application-feature-modules .main-actions .button-primary.filter-button .mdc-button__label,
  .application-feature-modules .main-actions .button-primary.filter-button .filter-label-wrapper {
    position: relative !important;
    clip: unset !important;
    opacity: unset !important;
    z-index: inherit !important;
    width: auto !important;
    height: auto !important;
  }
}

html .field-label {
  font-weight: var(--label-font-weight);
  display: inline-block;
  padding-bottom: 0.25rem;
}
html .form-field-error,
html .mat-mdc-form-field-error {
  font-size: var(--text-small-font-size);
  color: var(--mdc-theme-error);
}
html .mat-mdc-option {
  padding-block: 0.2em;
}
html .mat-mdc-option .mdc-list-item__primary-text {
  flex-grow: 1;
}
html .mat-mdc-optgroup .mat-mdc-optgroup-label .mdc-list-item__primary-text {
  width: 100%;
}
html .mat-mdc-form-field-icon-suffix,
html [dir=rtl] .mat-mdc-form-field-icon-prefix {
  margin-inline: 4px;
}
html .checkbox-native {
  width: 1rem;
  height: 1rem;
  background-color: var(--form-field-bg-color);
  border-radius: var(--form-field-border-radius);
}
html .checkbox-native:checked {
  background-color: var(--active-color);
  accent-color: var(--active-color);
  color: var(--mdc-checkbox-selected-checkmark-color, #fff);
}
html .mdc-text-field--outlined .mdc-notched-outline__leading,
html .mdc-text-field--outlined .mdc-notched-outline__notch,
html .mdc-text-field--outlined .mdc-notched-outline__trailing {
  background-color: var(--form-field-bg-color);
}
html .mdc-radio .mdc-radio__background,
html .mat-mdc-checkbox .mdc-checkbox:hover .mdc-checkbox__native-control:enabled:not(:checked):not(:indeterminate):not([data-indeterminate=true]) ~ .mdc-checkbox__background,
html .mat-mdc-checkbox .mdc-checkbox .mdc-checkbox__native-control:enabled:not(:checked):not(:indeterminate):not([data-indeterminate=true]) ~ .mdc-checkbox__background,
html .mat-mdc-checkbox .mdc-checkbox__background {
  background-color: var(--form-field-bg-color);
}
html .mdc-text-field--outlined .mdc-notched-outline {
  z-index: -1;
}
html .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading {
  border-top-left-radius: var(--form-field-border-radius);
  border-bottom-left-radius: var(--form-field-border-radius);
}
html .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__trailing {
  border-top-right-radius: var(--form-field-border-radius);
  border-bottom-right-radius: var(--form-field-border-radius);
}
html .mdc-text-field--no-label:not(.mdc-text-field--textarea) .mat-mdc-form-field-input-control.mdc-text-field__input,
html .mat-mdc-text-field-wrapper .mat-mdc-form-field-input-control {
  color: var(--form-field-color);
}
html .mdc-text-field--no-label:not(.mdc-text-field--textarea) .mat-mdc-form-field-input-control.mdc-text-field__input::placeholder,
html .mat-mdc-text-field-wrapper .mat-mdc-form-field-input-control::placeholder {
  font-style: var(--form-field-placeholder-font-style);
  color: var(--form-field-placeholder-color);
}
html .mat-mdc-select[ng-reflect-value=""] .mat-mdc-select-value,
html .ql-editor.ql-blank::before {
  font-style: var(--form-field-placeholder-font-style);
  color: var(--form-field-placeholder-color);
}
html .mat-mdc-select-arrow,
html .mat-mdc-form-field-icon-prefix > .mat-icon,
html .mat-mdc-form-field-icon-suffix > .mat-icon {
  color: var(--form-field-decorator-color);
}
html .mat-mdc-form-field.mat-focused .mat-mdc-select-arrow,
html .mat-mdc-form-field.mat-focused .mat-mdc-form-field-icon-prefix > .mat-icon,
html .mat-mdc-form-field.mat-focused .mat-mdc-form-field-icon-suffix > .mat-icon,
html .mat-mdc-form-field.mat-focused.mat-primary .mat-mdc-select-arrow,
html .mat-mdc-form-field.mat-focused.mat-primary .mat-mdc-form-field-icon-prefix > .mat-icon,
html .mat-mdc-form-field.mat-focused.mat-primary .mat-mdc-form-field-icon-suffix > .mat-icon {
  color: var(--form-field-color-focus);
}
html .mat-form-field-invalid .mdc-icon-button {
  color: var(--form-field-color-invalid);
}
html .mat-form-field-invalid .mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__leading,
html .mat-form-field-invalid .mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__notch,
html .mat-form-field-invalid .mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing {
  border-color: var(--form-field-border-color-invalid);
}
html .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline .mdc-notched-outline__leading,
html .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline .mdc-notched-outline__notch,
html .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline .mdc-notched-outline__trailing,
html .mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__leading,
html .mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__notch,
html .mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__trailing {
  border-color: var(--form-field-border-color-focus);
}
html .checkbox-native:disabled,
html .mat-mdc-checkbox-disabled,
html .mat-form-field-disabled {
  opacity: var(--form-field-disabled-opacity);
  cursor: not-allowed;
}
html .checkbox-native:disabled .mat-mdc-select-disabled .mat-mdc-select-value,
html .checkbox-native:disabled .mat-mdc-form-field-subscript-wrapper,
html .checkbox-native:disabled .mat-mdc-form-field-error,
html .checkbox-native:disabled .mdc-icon-button,
html .mat-mdc-checkbox-disabled .mat-mdc-select-disabled .mat-mdc-select-value,
html .mat-mdc-checkbox-disabled .mat-mdc-form-field-subscript-wrapper,
html .mat-mdc-checkbox-disabled .mat-mdc-form-field-error,
html .mat-mdc-checkbox-disabled .mdc-icon-button,
html .mat-form-field-disabled .mat-mdc-select-disabled .mat-mdc-select-value,
html .mat-form-field-disabled .mat-mdc-form-field-subscript-wrapper,
html .mat-form-field-disabled .mat-mdc-form-field-error,
html .mat-form-field-disabled .mdc-icon-button {
  color: var(--form-field-color-disabled);
}
html .checkbox-native:disabled .mdc-text-field--disabled .mdc-notched-outline__leading,
html .checkbox-native:disabled .mdc-text-field--disabled .mdc-notched-outline__notch,
html .checkbox-native:disabled .mdc-text-field--disabled .mdc-notched-outline__trailing,
html .mat-mdc-checkbox-disabled .mdc-text-field--disabled .mdc-notched-outline__leading,
html .mat-mdc-checkbox-disabled .mdc-text-field--disabled .mdc-notched-outline__notch,
html .mat-mdc-checkbox-disabled .mdc-text-field--disabled .mdc-notched-outline__trailing,
html .mat-form-field-disabled .mdc-text-field--disabled .mdc-notched-outline__leading,
html .mat-form-field-disabled .mdc-text-field--disabled .mdc-notched-outline__notch,
html .mat-form-field-disabled .mdc-text-field--disabled .mdc-notched-outline__trailing {
  border-color: var(--form-field-border-color-disabled);
  background-color: var(--form-field-bg-color-disabled);
}
html .checkbox-native:disabled .mdc-text-field__input,
html .mat-mdc-checkbox-disabled .mdc-text-field__input,
html .mat-form-field-disabled .mdc-text-field__input {
  pointer-events: unset;
}
html .mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__leading,
html .mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__notch,
html .mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing {
  color: var(--form-field-color);
  border-color: var(--form-field-border-color);
}
html *:has(> .mat-form-field-disabled) > span.font-bold:first-child,
html .field-label:has(~ .mat-form-field-disabled),
html .field-label:has(+ div > .mat-form-field-disabled),
html .field-label:has(+ div > sp-mat-select-search > div > .mat-form-field-disabled),
html .field-label:has(+ sp-mat-select-search > div > .mat-form-field-disabled),
html .field-label:has(~ .mdc-checkbox--disabled),
html .field-label:has(~ :where(*) .mdc-checkbox--disabled),
html .mat-form-field-disabled ~ .field-label,
html .mat-form-field-disabled ~ * .field-label {
  opacity: var(--form-field-disabled-opacity);
}
html mat-form-field.mat-focused .mdc-notched-outline__leading,
html mat-form-field.mat-focused .mdc-notched-outline__notch,
html mat-form-field.mat-focused .mdc-notched-outline__trailing {
  border-width: 2px;
}
html .mat-mdc-select[aria-expanded=true] .mat-mdc-select-arrow {
  transform: rotate(180deg);
}
html .mat-primary .mat-pseudo-checkbox-checked,
html .mat-primary .mat-pseudo-checkbox-indeterminate,
html .mat-mdc-checkbox.mat-accent .mdc-checkbox--selected ~ .mdc-checkbox__ripple {
  background: var(--active-color) !important;
}
html .mat-primary .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal::after {
  color: var(--page-bg-color);
}
html .hide-checkbox .mat-pseudo-checkbox-checked {
  display: none;
}
html .mat-primary .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled) .mdc-list-item__primary-text {
  color: var(--text-color);
}
html .createNewCollectionMetadata.mat-form-field-invalid .mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing,
html .createNewCollectionMetadata.mat-form-field-invalid .mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__leading {
  border-color: var(--form-field-border-color) !important;
  border-width: 1px;
}

html .ql-editor [href], html .ql-snow p [href],
html p [href] {
  color: var(--standalone-link-color);
  text-decoration: underline;
  cursor: pointer;
}
html .ql-editor [href]:visited, html .ql-snow p [href]:visited,
html p [href]:visited {
  color: var(--standalone-link-color);
}
html .ql-editor [href]:hover, html .ql-editor [href]:focus, html .ql-snow p [href]:hover, html .ql-snow p [href]:focus,
html p [href]:hover,
html p [href]:focus {
  color: var(--inline-link-color);
}
html .ql-editor [href]:focus, html .ql-snow p [href]:focus,
html p [href]:focus {
  outline: var(--link-border-width-focused) var(--link-border-style-focused) var(--inline-link-border-color-focused);
  border-radius: var(--link-border-radius-focused);
  outline-offset: 0.15rem;
  color: var(--standalone-link-color);
}
html .ql-editor [href]:active, html .ql-snow p [href]:active,
html p [href]:active {
  font-weight: 500;
}
html .ql-editor [href]:disabled,
html .ql-editor [href] [disabled], html .ql-editor [href].disabled, html .ql-snow p [href]:disabled,
html .ql-snow p [href] [disabled], html .ql-snow p [href].disabled,
html p [href]:disabled,
html p [href] [disabled],
html p [href].disabled {
  color: var(--inline-link-color-disabled);
  pointer-events: none;
  cursor: not-allowed;
}
html footer nav [href], html .sp-card_headline [href] {
  color: var(--standalone-link-color);
  cursor: pointer;
}
html footer nav [href]:visited, html .sp-card_headline [href]:visited {
  color: var(--standalone-link-color);
}
html footer nav [href]:hover, html footer nav [href]:focus, html .sp-card_headline [href]:hover, html .sp-card_headline [href]:focus {
  text-decoration: underline;
}
html footer nav [href]:focus, html .sp-card_headline [href]:focus {
  outline: var(--link-border-width-focused) var(--link-border-style-focused) var(--standalone-link-color);
  border-radius: var(--link-border-radius-focused);
  outline-offset: 0.15rem;
}
html footer nav [href]:active, html .sp-card_headline [href]:active {
  font-weight: 500;
}
html footer nav [href]:disabled,
html footer nav [href] [disabled], html footer nav [href].disabled, html .sp-card_headline [href]:disabled,
html .sp-card_headline [href] [disabled], html .sp-card_headline [href].disabled {
  color: var(--standalone-link-color-disabled);
  pointer-events: none;
}
html .link-default {
  color: var(--standalone-link-color);
  cursor: pointer;
}
html .link-default:visited {
  color: var(--standalone-link-color);
}
html .link-default:hover, html .link-default:focus {
  text-decoration: underline;
}
html .link-default:focus {
  outline: var(--link-border-width-focused) var(--link-border-style-focused) var(--standalone-link-color);
  border-radius: var(--link-border-radius-focused);
  outline-offset: 0.15rem;
}
html .link-default:active {
  font-weight: 500;
}
html .link-default:disabled,
html .link-default [disabled], html .link-default.disabled {
  color: var(--standalone-link-color-disabled);
  pointer-events: none;
}
html .link-inline {
  color: var(--inline-link-color);
  text-decoration: underline;
  cursor: pointer;
}
html .link-inline:visited {
  color: var(--inline-link-color-visited);
}
html .link-inline:hover, html .link-inline:focus {
  color: var(--text-color);
}
html .link-inline:focus {
  outline: var(--link-border-width-focused) var(--link-border-style-focused) var(--inline-link-border-color-focused);
  border-radius: var(--link-border-radius-focused);
  outline-offset: 0.15rem;
}
html .link-inline:active {
  font-weight: 500;
}
html .link-inline:disabled,
html .link-inline [disabled], html .link-inline.disabled {
  color: var(--inline-link-color-disabled);
  pointer-events: none;
  cursor: not-allowed;
}
html .link-table-inline {
  color: var(--standalone-link-color);
  text-decoration: underline;
  cursor: pointer;
}
html .link-table-inline:visited {
  color: var(--standalone-link-color);
}
html .link-table-inline:hover, html .link-table-inline:focus {
  color: var(--inline-link-color);
}
html .link-table-inline:focus {
  outline: var(--link-border-width-focused) var(--link-border-style-focused) var(--inline-link-border-color-focused);
  border-radius: var(--link-border-radius-focused);
  outline-offset: 0.15rem;
  color: var(--standalone-link-color);
}
html .link-table-inline:active {
  font-weight: 500;
}
html .link-table-inline:disabled,
html .link-table-inline [disabled], html .link-table-inline.disabled {
  color: var(--inline-link-color-disabled);
  pointer-events: none;
  cursor: not-allowed;
}
html [ng-reflect-ng-switch=buttonLink] a[href] {
  color: var(--standalone-link-color);
  cursor: pointer;
}
html [ng-reflect-ng-switch=buttonLink] a[href]:visited {
  color: var(--standalone-link-color);
}
html [ng-reflect-ng-switch=buttonLink] a[href]:hover, html [ng-reflect-ng-switch=buttonLink] a[href]:focus {
  text-decoration: underline;
}
html [ng-reflect-ng-switch=buttonLink] a[href]:focus {
  outline: var(--link-border-width-focused) var(--link-border-style-focused) var(--standalone-link-color);
  border-radius: var(--link-border-radius-focused);
  outline-offset: 0.15rem;
}
html [ng-reflect-ng-switch=buttonLink] a[href]:active {
  font-weight: 500;
}
html [ng-reflect-ng-switch=buttonLink] a[href]:disabled,
html [ng-reflect-ng-switch=buttonLink] a[href] [disabled], html [ng-reflect-ng-switch=buttonLink] a[href].disabled {
  color: var(--standalone-link-color-disabled);
  pointer-events: none;
}

.main-nav-item.expanded > .main-nav-link > mat-icon {
  rotate: 180deg;
}

.card-bg-color {
  background-color: var(--card-bg-color);
}

.card-container sp-card,
.card-container .sp-card_wrapper {
  height: 100%;
}

.card-container .sp-card_wrapper {
  display: flex;
  flex-direction: column;
}

.table-bg-color {
  background-color: var(--table-bg-color);
}

sp-custom-generic-table th,
sp-custom-generic-table td,
.mat-table th,
.mat-table td {
  line-height: var(--line-height-small);
}

.table-cell-spacing-x{
  padding-left: 1rem;
  padding-right: 1rem;
}

.thead-sticky thead {
  position: sticky;
  top: 0;
  z-index: var(--z-index-table-header);
}

.first-row-sticky tr:first-child {
  position: sticky;
  top: 0;
  z-index: var(--z-index-table-header);
}

.first-column-sticky th:first-child,
.first-column-sticky td:first-child {
  background-color: var(--table-bg-color);
  position: sticky;
  left: 0;
  z-index: calc(var(--z-index-table-header) - 1);
}

.sticky-column-table table,
.sticky-column-flex-table table {
  border-collapse: separate;
}
.sticky-column-table th:first-child,
.sticky-column-table td:first-child,
.sticky-column-flex-table th:first-child,
.sticky-column-flex-table td:first-child {
  position: sticky;
  left: 0;
  z-index: calc(var(--z-index-table-header) - 1);
  align-items: center;
}
.sticky-column-table thead,
.sticky-column-flex-table thead {
  position: sticky;
  top: 0;
  z-index: var(--z-index-table-header);
}

sp-custom-mat-table.sticky-column-table .cdk-virtual-scrollable thead,
sp-custom-mat-table.sticky-column-table .cdk-virtual-scrollable tr:first-child, sp-custom-mat-table.sticky-column-flex-table .cdk-virtual-scrollable thead,
sp-custom-mat-table.sticky-column-flex-table .cdk-virtual-scrollable tr:first-child,
sp-custom-generic-table.sticky-column-table .cdk-virtual-scrollable thead,
sp-custom-generic-table.sticky-column-table .cdk-virtual-scrollable tr:first-child,
sp-custom-generic-table.sticky-column-flex-table .cdk-virtual-scrollable thead,
sp-custom-generic-table.sticky-column-flex-table .cdk-virtual-scrollable tr:first-child {
  position: static;
}

sp-custom-generic-table.sticky-column-flex-table tr:first-child {
  position: sticky;
  top: 0;
  z-index: var(--z-index-table-header);
}
sp-custom-generic-table.sticky-column-flex-table tr:first-child th {
  background-color: var(--widget-bg-color);
  display: flex;
  height: 100%;
  align-items: center;
}
sp-custom-generic-table.sticky-column-flex-table th:first-child,
sp-custom-generic-table.sticky-column-flex-table td:first-child {
  display: flex;
  height: 100%;
}

sp-custom-mat-table.sticky-column-table th:first-child,
sp-custom-mat-table.sticky-column-table td:first-child {
  background-color: var(--table-bg-color);
}
sp-custom-mat-table.sticky-column-table th:first-child {
  z-index: calc(var(--z-index-table-header) + 1);
}

.widget-bg-color sp-custom-generic-table.sticky-column-flex-table td:first-child::before, .widget-bg-color sp-custom-generic-table.sticky-column-flex-table td:first-child::after {
  content: "";
  display: block;
  height: 100%;
  position: absolute;
  left: 0;
  z-index: -1;
}
.widget-bg-color sp-custom-generic-table.sticky-column-flex-table td:first-child::before {
  width: 1rem;
  background-color: var(--widget-bg-color);
}
.widget-bg-color sp-custom-generic-table.sticky-column-flex-table td:first-child::after{
  border-top-left-radius: 0.75rem;
  border-bottom-left-radius: 0.75rem;
  width: 100%;
  background-color: var(--table-bg-color);
}

table.table-min-width-1,
sp-custom-mat-table.table-min-width-1 table,
sp-custom-generic-table.table-min-width-1 table {
  min-width: 10rem;
}

table.table-min-width-2,
sp-custom-mat-table.table-min-width-2 table,
sp-custom-generic-table.table-min-width-2 table {
  min-width: 20rem;
}

table.table-min-width-3,
sp-custom-mat-table.table-min-width-3 table,
sp-custom-generic-table.table-min-width-3 table {
  min-width: 30rem;
}

table.table-min-width-4,
sp-custom-mat-table.table-min-width-4 table,
sp-custom-generic-table.table-min-width-4 table {
  min-width: 40rem;
}

table.table-min-width-5,
sp-custom-mat-table.table-min-width-5 table,
sp-custom-generic-table.table-min-width-5 table {
  min-width: 50rem;
}

table.table-min-width-6,
sp-custom-mat-table.table-min-width-6 table,
sp-custom-generic-table.table-min-width-6 table {
  min-width: 60rem;
}

table.table-min-width-7,
sp-custom-mat-table.table-min-width-7 table,
sp-custom-generic-table.table-min-width-7 table {
  min-width: 70rem;
}

table.table-min-width-8,
sp-custom-mat-table.table-min-width-8 table,
sp-custom-generic-table.table-min-width-8 table {
  min-width: 80rem;
}

table.table-min-width-9,
sp-custom-mat-table.table-min-width-9 table,
sp-custom-generic-table.table-min-width-9 table {
  min-width: 90rem;
}

table.table-min-width-10,
sp-custom-mat-table.table-min-width-10 table,
sp-custom-generic-table.table-min-width-10 table {
  min-width: 100rem;
}

table.table-min-width-11,
sp-custom-mat-table.table-min-width-11 table,
sp-custom-generic-table.table-min-width-11 table {
  min-width: 110rem;
}

table.table-min-width-12,
sp-custom-mat-table.table-min-width-12 table,
sp-custom-generic-table.table-min-width-12 table {
  min-width: 120rem;
}

thehubz-asset-download-history td:has(sp-avatar .user-email) > div {
  display: flex;
  align-items: center;
  width: auto;
  container-type: inline-size;
}
thehubz-asset-download-history td:has(sp-avatar .user-email) > div > div {
  width: 100%;
  overflow: hidden;
}
thehubz-asset-download-history td:has(sp-avatar .user-email) > div sp-avatar .user-email {
  margin-top: 0;
}
@container (max-width: 16ch) {
  thehubz-asset-download-history sp-avatar {
    display: block;
    width: 100%;
    white-space: nowrap;
  }
  thehubz-asset-download-history sp-avatar .user-email {
    overflow: hidden;
    text-overflow: ellipsis;
  }
}

.widget-bg-color {
  background-color: var(--widget-bg-color);
}

.modal-bg-color {
  background-color: var(--modal-bg-color);
}

.modal-body {
  display: flex;
  flex-direction: column;
}

.modal-header,
.modal-main,
mat-dialog-actions.modal-footer,
.modal-footer {
  padding: var(--modal-padding);
}

.modal-header {
  flex-grow: 0;
}
.modal-header:not(:last-child) {
  padding-block-end: var(--modal-padding-reduced);
}
.modal-header .button-close {
  margin-block-start: -0.5rem;
  margin-inline-end: -0.5rem;
}

.modal-main {
  flex-grow: 1;
  min-height: 0;
  overflow: auto;
}
.modal-main:not(:first-child) {
  padding-block-start: var(--modal-padding-reduced);
}
.modal-main:not(:last-child) {
  padding-block-end: var(--modal-padding-reduced);
}

.modal-footer {
  flex-grow: 0;
}
.modal-footer:not(:first-child) {
  padding-block-start: var(--modal-padding-reduced);
}

.modal-headline {
  font-size: var(--modal-headline-font-size);
  font-weight: var(--modal-headline-font-weight);
  line-height: var(--headline-line-height);
}

.modal-subline {
  font-size: var(--modal-subline-font-size);
  font-weight: var(--modal-subline-font-weight);
  line-height: var(--headline-line-height);
}

.mat-mdc-dialog-surface:has(.terms-of-service-dialog) {
  display: flex !important;
  flex-direction: column;
  min-height: 20rem !important;
}

sp-terms-conditions-dialog {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  height: 100%;
}
sp-terms-conditions-dialog .terms-of-service-dialog {
  display: flex !important;
  flex-direction: column;
  flex-grow: 1;
  height: 100%;
}
sp-terms-conditions-dialog .mat-mdc-dialog-content {
  display: flex;
  flex-direction: column;
  height: 100%;
  position: relative;
  flex-grow: 1;
  overflow-x: clip;
}
sp-terms-conditions-dialog .mat-mdc-dialog-content header,
sp-terms-conditions-dialog .mat-mdc-dialog-content .terms-logo-container {
  position: sticky;
  top: 0;
  left: 0;
  width: 100%;
}
sp-terms-conditions-dialog .mat-mdc-dialog-content header {
  height: 0;
  z-index: 1;
}
sp-terms-conditions-dialog .mat-mdc-dialog-content .terms-logo-container {
  padding-block: 1rem;
  margin-bottom: 1rem;
  background-color: var(--page-bg-color);
}
sp-terms-conditions-dialog .mat-mdc-dialog-content .terms-logo {
  height: 4.5rem;
}
sp-terms-conditions-dialog .mat-mdc-dialog-content .content-container,
sp-terms-conditions-dialog .mat-mdc-dialog-content .content-inner,
sp-terms-conditions-dialog .mat-mdc-dialog-content .content-wrapper {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
sp-terms-conditions-dialog .mat-mdc-dialog-content .content {
  flex: 1 1 auto;
  overflow: auto;
  max-height: calc(100vh - 25rem);
}
sp-terms-conditions-dialog .mat-mdc-dialog-content .content h2 {
  font-size: var(--modal-headline-font-size);
  font-weight: var(--modal-headline-font-weight);
  text-align: center;
}
sp-terms-conditions-dialog .mat-mdc-dialog-content .content h2,
sp-terms-conditions-dialog .mat-mdc-dialog-content .content p {
  margin-bottom: 1rem;
}
sp-terms-conditions-dialog .mat-mdc-dialog-content .content ul {
  list-style-type: disc;
  padding-left: 2em;
}
sp-terms-conditions-dialog .mat-mdc-dialog-content .content strong,
sp-terms-conditions-dialog .mat-mdc-dialog-content .content b {
  font-weight: bold;
}

@media (max-width: 999px) {
  .mdc-dialog .stepper .steps-list {
    display: none;
  }
}
@media (max-width: 699px) {
  .cdk-overlay-pane:has(sp-filter-forms), .cdk-overlay-pane:has(thehubz-tags-dialog) {
    width: calc(100% - var(--layout-gap-x) * 2) !important;
  }
  .mdc-dialog .steps-list {
    display: none;
  }
}
.filter-body {
  position: relative;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto 1fr auto;
}
.filter-body .button-close {
  position: absolute;
  top: var(--modal-padding-reduced);
  right: var(--modal-padding-reduced);
}

.filter-header,
.filter-main,
.filter-footer {
  padding: var(--modal-padding);
}

.filter-header {
  padding-right: calc(var(--button-icon-size) + var(--modal-padding));
}

.filter-header + .filter-main {
  padding-block-start: 0;
}
.filter-main:not(:last-child) {
  padding-block-end: var(--modal-padding-reduced);
}

.filter-footer {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--gap-default);
}
.filter-footer:not(:first-child) {
  padding-block-start: var(--modal-padding-reduced);
}

.cdk-overlay-pane .filter-header {
  padding-block-start: var(--modal-padding-reduced);
}
.cdk-overlay-pane .filter-body :last-child:is(.filter-header, .filter-main, .filter-footer) {
  padding-block-end: var(--modal-padding-reduced);
}
.cdk-overlay-pane .project-filter-body .mat-mdc-form-field-subscript-wrapper,
.cdk-overlay-pane .task-filter-body .mat-mdc-form-field-subscript-wrapper {
  display: none;
}

.mention {
  color: #3568b8;
}

thehubz-asset-image,
thehubz-asset-power-point,
thehubz-asset-pdf,
thehubz-asset-html-banner,
thehubz-asset-video,
thehubz-asset-audio {
  display: block;
}

thehubz-assets-page sp-expiry-days-warning,
thehubz-thumbnail-list sp-expiry-days-warning,
thehubz-asset-basket sp-expiry-days-warning {
  line-height: 0;
}

.asset-item-footer:where(:not(:empty)) {
  min-height: 2.2rem;
}
@media (max-width: 999px) {
  .asset-item-footer:where(:not(:empty)) {
    min-height: unset;
  }
}

.asset-image-box {
  border: 1px solid var(--border-color);
}

.asset-overlay-semitransparent {
  background-color: rgba(255, 255, 255, 0.8);
}

.media-asset {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  height: 100%;
}

.media-asset-visualizer {
  flex: 1 1 auto;
  min-height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: auto;
}

.media-asset-toolbar {
  flex: 0 0 auto;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-areas: "start center end";
  gap: 1rem;
}

.media-asset-toolbar-area {
  grid-area: 1/span 1;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.25rem;
}
.media-asset-toolbar-area.grid-area-start {
  grid-area: start;
  justify-content: start;
}
.media-asset-toolbar-area.grid-area-end, .media-asset-toolbar-area:where(:last-child:not(:only-child)) {
  grid-area: end;
  justify-content: end;
}
.media-asset-toolbar-area.grid-area-center, .media-asset-toolbar-area:where(:not(:first-child, :last-child)) {
  grid-area: center;
  justify-content: center;
}

.pager-single {
  display: grid;
  grid-template-columns: 2rem max-content 2rem;
  grid-template-areas: "start center end";
  align-items: center;
  gap: 0.5rem;
}
.pager-single .grid-area-start {
  grid-area: start;
}
.pager-single .grid-area-center {
  grid-area: center;
}
.pager-single .grid-area-end {
  grid-area: end;
}

makeos-shared-assets-detail thehubz-asset-view .asset-view[class] {
  grid-template-columns: 1fr;
}
makeos-shared-assets-detail thehubz-asset-view .asset-view[class] .asset-container[class] {
  grid-column: 1/-1;
}
makeos-shared-assets-detail thehubz-asset-view .asset-view[class] .asset-navigator[class] {
  display: none;
}

@media (max-width: 999px) {
  .asset-gallery-item .asset-gallery-item-inner {
    margin-right: 0.5rem !important;
  }
  thehubz-asset-gallery-card-actions {
    position: absolute;
    top: var(--gap-sm);
    right: var(--gap-sm);
  }
  thehubz-asset-gallery-card-actions [mat-icon-button]:where(:not(:hover, :focus)) {
    background-color: rgba(255, 255, 255, 0.8);
    -webkit-backdrop-filter: blur(3px);
            backdrop-filter: blur(3px);
  }
  .asset-item-footer {
    padding: 0 !important;
  }
  .asset-item-footer > *:not(:has(thehubz-asset-gallery-card-actions)) {
    display: none;
  }
  html .asset-item-titel-row {
    padding-block: 0.2em;
    justify-content: center;
  }
}
@media (hover: hover) and (max-width: 999px) {
  .asset-gallery-item:hover .asset-item-titel-row, .asset-gallery-item:focus-within .asset-item-titel-row {
    opacity: 1;
  }
  html .asset-item-titel-row {
    width: auto !important;
    position: absolute;
    inset: auto 0 0;
    background-color: rgba(255, 255, 255, 0.85);
    justify-content: center;
    padding-block: 0.25rem;
    opacity: 0;
    transition: opacity 0.25s;
    -webkit-backdrop-filter: blur(5px);
            backdrop-filter: blur(5px);
  }
}
@media (max-width: 599px) {
  html .dataset-entry {
    display: block;
    margin-bottom: var(--gap-sm);
  }
  html .dataset-entry-label,
  html .dataset-entry-value {
    width: 100%;
    margin-inline: 0;
    padding-inline: 0;
  }
}
#annotation-window {
  --ano-window-height: 50vh;
  --scrollbar-width: 12px;
  width: 100%;
  max-width: 100%;
  height: var(--ano-window-height);
  text-align: center;
  overflow: auto;
  position: relative;
}
#annotation-window #pdf-container,
#annotation-window #img-container {
  width: 100%;
  height: inherit;
  z-index: 0;
}
#annotation-window #pdf-container canvas,
#annotation-window #pdf-container img,
#annotation-window #img-container canvas,
#annotation-window #img-container img {
  display: block;
  object-fit: contain;
  height: inherit;
  margin: 0 auto;
}
#annotation-window #konva-holder {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  z-index: 1;
}
#annotation-window #konva-holder canvas {
  display: block;
}

html .mat-mdc-menu-panel.mat-mdc-menu-panel.tour-step {
  max-width: 95vw;
}
@media (min-width: 1000px) {
  html .mat-mdc-menu-panel.mat-mdc-menu-panel.tour-step:not(.welcome_popover, .finish_popover) {
    max-width: 50vw;
  }
}
html .mat-mdc-menu-panel.mat-mdc-menu-panel.tour-step .mat-mdc-card-actions button:not(:disabled) {
  pointer-events: all;
}

.cdk-overlay-container:has(.guided-tour_popover) {
  z-index: 20000000000000000 !important;
}
.cdk-overlay-container:has(.guided-tour_popover) > :not(:has(.guided-tour_popover)) * {
  pointer-events: none;
}

.cdk-overlay-connected-position-bounding-box:has(.guided-tour_popover) {
  z-index: 10000 !important;
}

.ngx-ui-tour_backdrop {
  background-color: rgba(0, 0, 0, 0.5) !important;
  z-index: 1000000000 !important;
  position: fixed !important;
}

.guided-tour_popover {
  transition: opacity 0.4s;
}
.guided-tour-step-hidden .guided-tour_popover {
  opacity: 0 !important;
}
.guided-tour_popover .mat-mdc-card-title {
  font-size: 1.5rem;
  padding-top: var(--gap-xs);
  padding-bottom: var(--gap-xs);
  white-space: unset !important;
}
.guided-tour_popover .header-group .close {
  align-self: flex-start;
}
.guided-tour_popover .mat-body {
  font-size: var(--text-font-size);
  line-height: var(--text-line-height);
}
.guided-tour_popover .mdc-card__actions {
  padding: var(--gap-sm);
}
.guided-tour_popover .mdc-card__actions .mdc-button {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 0.5em;
  font-family: var(--font-family);
  font-size: var(--button-font-size);
  font-weight: var(--button-font-weight);
  height: var(--button-height) !important;
  color: var(--button-color);
  background-color: var(--button-bg-color);
  border: var(--button-border-width) var(--button-border-style) var(--button-border-color);
  border-radius: var(--button-border-radius);
  letter-spacing: normal;
  box-shadow: var(--button-shadow);
  line-height: var(--button-line-height);
  cursor: pointer;
  font-weight: var(--button-primary-font-weight);
  color: var(--button-primary-color);
  background-color: var(--button-primary-bg-color);
  border-color: var(--button-primary-border-color);
  box-shadow: var(--button-primary-shadow);
  transition: background-color var(--transition-duration);
  padding: var(--button-padding) !important;
}
.guided-tour_popover .mdc-card__actions .mdc-button:hover, .guided-tour_popover .mdc-card__actions .mdc-button:focus {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 0.5em;
  font-family: var(--font-family);
  font-size: var(--button-font-size);
  font-weight: var(--button-font-weight);
  height: var(--button-height) !important;
  color: var(--button-color);
  background-color: var(--button-bg-color);
  padding: var(--button-padding);
  border: var(--button-border-width) var(--button-border-style) var(--button-border-color);
  border-radius: var(--button-border-radius);
  letter-spacing: normal;
  box-shadow: var(--button-shadow);
  line-height: var(--button-line-height);
  cursor: pointer;
  font-weight: var(--button-primary-font-weight);
  color: var(--button-primary-color);
  background-color: var(--button-primary-bg-color);
  border-color: var(--button-primary-border-color);
  box-shadow: var(--button-primary-shadow);
  transition: background-color var(--transition-duration);
  color: var(--button-primary-color-focus);
  background-color: var(--button-primary-bg-color-focus);
  border-color: var(--button-primary-border-color-focus);
}
.guided-tour_popover .mdc-card__actions .mdc-button:active {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 0.5em;
  font-family: var(--font-family);
  font-size: var(--button-font-size);
  font-weight: var(--button-font-weight);
  height: var(--button-height) !important;
  color: var(--button-color);
  background-color: var(--button-bg-color);
  padding: var(--button-padding);
  border: var(--button-border-width) var(--button-border-style) var(--button-border-color);
  border-radius: var(--button-border-radius);
  letter-spacing: normal;
  box-shadow: var(--button-shadow);
  line-height: var(--button-line-height);
  cursor: pointer;
  font-weight: var(--button-primary-font-weight);
  color: var(--button-primary-color);
  background-color: var(--button-primary-bg-color);
  border-color: var(--button-primary-border-color);
  box-shadow: var(--button-primary-shadow);
  transition: background-color var(--transition-duration);
  color: var(--button-primary-color-active);
  background-color: var(--button-primary-bg-color-active);
  border-color: var(--button-primary-border-color-active);
}
.guided-tour_popover .mdc-card__actions .mdc-button:disabled,
.guided-tour_popover .mdc-card__actions .mdc-button [disabled] {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 0.5em;
  font-family: var(--font-family);
  font-size: var(--button-font-size);
  font-weight: var(--button-font-weight);
  height: var(--button-height) !important;
  color: var(--button-color);
  background-color: var(--button-bg-color);
  padding: var(--button-padding);
  border: var(--button-border-width) var(--button-border-style) var(--button-border-color);
  border-radius: var(--button-border-radius);
  letter-spacing: normal;
  box-shadow: var(--button-shadow);
  line-height: var(--button-line-height);
  cursor: pointer;
  font-weight: var(--button-primary-font-weight);
  color: var(--button-primary-color);
  background-color: var(--button-primary-bg-color);
  border-color: var(--button-primary-border-color);
  box-shadow: var(--button-primary-shadow);
  transition: background-color var(--transition-duration);
  color: var(--button-primary-color-disabled);
  background-color: var(--button-primary-bg-color-disabled);
  border-color: var(--button-primary-border-color-disabled);
  cursor: not-allowed;
}
.guided-tour_popover .mdc-card__actions .mdc-button.prev {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 0.5em;
  font-family: var(--font-family);
  font-size: var(--button-font-size);
  font-weight: var(--button-font-weight);
  height: var(--button-height) !important;
  color: var(--button-color);
  background-color: var(--button-bg-color);
  padding: var(--button-padding);
  border: var(--button-border-width) var(--button-border-style) var(--button-border-color);
  border-radius: var(--button-border-radius);
  letter-spacing: normal;
  transition: background-color var(--transition-duration);
  box-shadow: var(--button-shadow);
  line-height: var(--button-line-height);
  cursor: pointer;
  font-weight: var(--button-secondary-font-weight);
  color: var(--button-secondary-color);
  background-color: var(--button-secondary-bg-color);
  border-color: var(--button-secondary-border-color);
}
.guided-tour_popover .mdc-card__actions .mdc-button.prev:hover, .guided-tour_popover .mdc-card__actions .mdc-button.prev:focus {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 0.5em;
  font-family: var(--font-family);
  font-size: var(--button-font-size);
  font-weight: var(--button-font-weight);
  height: var(--button-height) !important;
  color: var(--button-color);
  background-color: var(--button-bg-color);
  padding: var(--button-padding);
  border: var(--button-border-width) var(--button-border-style) var(--button-border-color);
  border-radius: var(--button-border-radius);
  letter-spacing: normal;
  transition: background-color var(--transition-duration);
  box-shadow: var(--button-shadow);
  line-height: var(--button-line-height);
  cursor: pointer;
  font-weight: var(--button-secondary-font-weight);
  color: var(--button-secondary-color);
  background-color: var(--button-secondary-bg-color);
  border-color: var(--button-secondary-border-color);
  color: var(--button-secondary-color-focus);
  background-color: var(--button-secondary-bg-color-focus);
  border-color: var(--button-secondary-border-color-focus);
}
.guided-tour_popover .mdc-card__actions .mdc-button.prev:active {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 0.5em;
  font-family: var(--font-family);
  font-size: var(--button-font-size);
  font-weight: var(--button-font-weight);
  height: var(--button-height) !important;
  color: var(--button-color);
  background-color: var(--button-bg-color);
  padding: var(--button-padding);
  border: var(--button-border-width) var(--button-border-style) var(--button-border-color);
  border-radius: var(--button-border-radius);
  letter-spacing: normal;
  transition: background-color var(--transition-duration);
  box-shadow: var(--button-shadow);
  line-height: var(--button-line-height);
  cursor: pointer;
  font-weight: var(--button-secondary-font-weight);
  color: var(--button-secondary-color);
  background-color: var(--button-secondary-bg-color);
  border-color: var(--button-secondary-border-color);
  color: var(--button-secondary-color-active);
  background-color: var(--button-secondary-bg-color-active);
  border-color: var(--button-secondary-border-color-active);
}
.guided-tour_popover .mdc-card__actions .mdc-button.prev:disabled,
.guided-tour_popover .mdc-card__actions .mdc-button.prev [disabled] {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 0.5em;
  font-family: var(--font-family);
  font-size: var(--button-font-size);
  font-weight: var(--button-font-weight);
  height: var(--button-height) !important;
  color: var(--button-color);
  background-color: var(--button-bg-color);
  padding: var(--button-padding);
  border: var(--button-border-width) var(--button-border-style) var(--button-border-color);
  border-radius: var(--button-border-radius);
  letter-spacing: normal;
  transition: background-color var(--transition-duration);
  box-shadow: var(--button-shadow);
  line-height: var(--button-line-height);
  cursor: pointer;
  font-weight: var(--button-secondary-font-weight);
  color: var(--button-secondary-color);
  background-color: var(--button-secondary-bg-color);
  border-color: var(--button-secondary-border-color);
  color: var(--button-secondary-color-disabled);
  background-color: var(--button-secondary-bg-color-disabled);
  border-color: var(--button-secondary-border-color-disabled);
  cursor: not-allowed;
}
.guided-tour_popover .mdc-card__actions .mdc-button.prev:disabled {
  visibility: hidden;
}
.guided-tour_popover .mdc-card__actions .mdc-button .mat-icon {
  margin: 0;
  display: none;
}

.centered-tour-element {
  position: fixed;
  left: 50vw;
  top: 45vh;
}

.guided-tour-active {
  --offset-gap: -0.5rem;
}
.guided-tour-active .cdk-overlay-container > :not(:has(.guided-tour_popover)) {
  pointer-events: none;
}
.guided-tour-active .guided-tour-target.absolute {
  inset: var(--offset-gap);
}
.guided-tour-active *:has(> .guided-tour-target.absolute) {
  position: relative;
  pointer-events: none;
}
.guided-tour-active .main-nav-list.level-0 > .main-nav-item:has(> [touranchor]) {
  position: relative;
}
.guided-tour-active .main-nav-list.level-0 > .main-nav-item:has(.main-nav-item .touranchor--is-active) {
  position: unset !important;
}
.guided-tour-active .mat-menu-above:has(.asset-gallery-actions-menu) {
  translate: 0 -2rem;
}
.guided-tour-active .main-nav-sub-level[class]:has(.touranchor--is-active) {
  display: block;
}
.guided-tour-active .main-nav-item:has(.main-nav-sub-level[class]:has(.touranchor--is-active)) {
  position: relative;
}

.cdk-overlay-connected-position-bounding-box:has(.guided-tour_popover.centered_popover) .cdk-overlay-pane {
  position: unset;
  justify-content: center;
  align-items: center;
  flex-grow: 1;
}

.touranchor--is-active:not(.sealed) {
  pointer-events: none;
}

.app-content-container:has(.touranchor--is-active.sealed) {
  overflow: hidden;
}

body:has([touranchor*="asset-grid-item-quick-action.anchor"].touranchor--is-active) .cdk-overlay-connected-position-bounding-box:has(.asset-gallery-actions-menu) {
  translate: 0 1rem;
}

body:has([touranchor*="asset-list-item-quick-action.anchor"].touranchor--is-active) .cdk-overlay-connected-position-bounding-box:has(thehubz-asset-action-menu) {
  translate: 0 1.5rem;
}

@media (max-width: 999px) {
  .mat-mdc-menu-item:has(thehubz-guided-tour-button) {
    display: none !important;
  }
}
@supports not (selector(:has(*))) {
  .guided-tour-active .cdk-overlay-container {
    z-index: 20000000000000000 !important;
  }
  .guided-tour-active .cdk-overlay-connected-position-bounding-box:first-of-type {
    z-index: 10000;
  }
  .guided-tour-active .app-content-container {
    overflow: hidden;
  }
  .guided-tour-active .centered_popover {
    translate: -50% -50%;
  }
  .guided-tour-active .cdk-overlay-backdrop,
  .guided-tour-active .cdk-overlay-connected-position-bounding-box:not(:first-of-type) * {
    pointer-events: none;
  }
}
.custom-swiper-pagination {
  display: flex;
  justify-content: center;
  gap: var(--gap-sm);
  margin-top: 1rem;
}

.swiper-pagination-bullet {
  width: 1rem;
  height: 1rem;
  background-color: var(--slider-bullet-color, transparent);
  border-radius: 50%;
  border: 2px solid var(--slider-bullet-color, #999);
}

.swiper-pagination-bullet-active {
  background-color: var(--active-color);
  border-color: var(--active-color);
}

html .mat-datepicker-content {
  border-radius: var(--border-radius);
  box-shadow: var(--shadow-large);
}
html .mat-calendar-controls {
  gap: 0.5rem;
}
html .mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base {
  --button-icon-size: 2.7rem;
  width: var(--button-icon-size);
  height: var(--button-icon-size);
  padding: var(--button-icon-padding);
}
html .mat-calendar-body-selected {
  background-color: var(--active-bg-color);
  color: var(--active-color);
  border-color: transparent;
}
html .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical), html .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
html .mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  background-color: var(--current-bg-color);
  border-color: transparent;
}
html .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  background-color: var(--focus-bg-color);
}
html .mat-calendar-body-label:only-child {
  display: none;
}
html .mat-calendar-body-label:not(:only-child) {
  visibility: hidden;
}
html .mat-calendar-table-header-divider::after {
  background-color: transparent;
}

.mat-mdc-chip .mat-mdc-chip-action .mat-mdc-chip-action-label:has(.mat-icon) {
  display: flex;
  align-items: center;
}

html body .mat-mdc-standard-chip.mat-primary.mat-mdc-chip-highlighted.clear-all {
  background-color: var(--inverted-bg-color);
  --mdc-chip-label-text-color: var(--text-color-inverted);
}
html body .mat-mdc-standard-chip.mat-primary.mat-mdc-chip-highlighted.clear-all .mat-mdc-chip-action::before {
  border-color: var(--inverted-bg-color);
}

.mat-mdc-tab-nav-bar {
  --mask-size: 3.5rem;
}
.mat-mdc-tab-nav-bar[data-pagination-direction=before] .mat-mdc-tab-link-container {
  mask-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgb(0, 0, 0) var(--mask-size));
}
.mat-mdc-tab-nav-bar[data-pagination-direction=after] .mat-mdc-tab-link-container {
  mask-image: linear-gradient(to right, rgb(0, 0, 0) calc(100% - var(--mask-size)), rgba(0, 0, 0, 0));
}
.mat-mdc-tab-nav-bar[data-pagination-direction=both] .mat-mdc-tab-link-container {
  mask-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgb(0, 0, 0) var(--mask-size), rgb(0, 0, 0) calc(100% - var(--mask-size)), rgba(0, 0, 0, 0));
}

html .mdc-menu-surface {
  box-shadow: var(--shadow-large);
  border-radius: var(--border-radius);
}
html .mat-elevation-z8,
html .mat-mdc-elevation-specific.mat-elevation-z8 {
  box-shadow: var(--shadow-large);
}
html .clear-icon mat-icon {
  color: #000000;
}
html .mat-mdc-progress-bar .mdc-linear-progress__buffer-bar {
  background-color: var(--border-color);
}
html .widget-bg-color .mat-mdc-paginator,
html .widget .mat-mdc-paginator {
  background-color: var(--widget-bg-color);
}
html .mat-mdc-autocomplete-panel {
  max-height: 28rem !important;
}

@media (max-height: 600px) and (orientation: landscape) {
  sp-chips-listbox-option .mdc-evolution-chip-set__chips {
    flex-wrap: nowrap;
    overflow: auto;
  }
  sp-chips-listbox-option .mdc-evolution-chip-set__chips .mat-mdc-chip {
    flex: none;
  }
}
:root {
  --menu-bg-color: #121212;
  --menu-item-bg-color: #363636;
  --menu-border-color: #ebe9e9;
  --menu-text-color: #fff;
}

.success-snackbar {
  color: #ffffff;
  background-color: #323232;
  border-radius: 8px;
}

.success-snackbar button {
  color: #ffffff;
  background-color: #323232;
  border: none;
  font-size: large;
}

.error-snackbar {
  color: #d8000c;
  background-color: #ffd2d2;
  border-radius: 8px;
}

.error-snackbar button {
  color: #d8000c;
  background-color: #ffd2d2;
  border: none;
  font-size: large;
}

.warning-snackbar {
  color: #d8000c;
  background-color: #ffd2d2;
  border-radius: 8px;
}

.warning-snackbar button {
  color: #d8000c;
  background-color: #ffd2d2;
  border: none;
}

.info-snackbar {
  color: #ffffff;
  background-color: #323232;
  border-radius: 8px;
}

.info-snackbar button {
  color: #ffffff;
  background-color: #323232;
  border: none;
}

.filter-popup-box {
  max-width: 520px !important;
}

.task-filter-popup-box {
  max-width: 42rem !important;
}

.clearfix::after {
  content: "";
  clear: both;
  display: block;
}

html body .mat-mdc-standard-chip.mat-mdc-chip-highlighted .mdc-evolution-chip__icon--trailing {
  color: #121212;
}

.hover\:scale-105:hover{
  --tw-scale-x: 1.05;
  --tw-scale-y: 1.05;
  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));
}

.hover\:\!bg-transparent:hover{
  background-color: transparent !important;
}

.hover\:bg-\[\#F5DFD8\]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(245 223 216 / var(--tw-bg-opacity, 1));
}

.hover\:bg-\[\#e3e0e0\]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(227 224 224 / var(--tw-bg-opacity, 1));
}

.hover\:shadow-xl:hover{
  --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.focus\:\!bg-transparent:focus{
  background-color: transparent !important;
}

.focus\:outline-none:focus{
  outline: 2px solid transparent;
  outline-offset: 2px;
}

@media (max-width: 1035px){
  .max-\[1035px\]\:\!m-0{
    margin: 0px !important;
  }
}

@media (max-width: 814px){
  .max-\[814px\]\:\!m-0{
    margin: 0px !important;
  }
}

@media (max-width: 805px){
  .max-\[805px\]\:\!m-0{
    margin: 0px !important;
  }
}

@media (min-width: 640px){
  .sm\:mt-0{
    margin-top: 0px;
  }
  .sm\:w-1\/2{
    width: 50%;
  }
  .sm\:flex-col{
    flex-direction: column;
  }
  .sm\:items-start{
    align-items: flex-start;
  }
  .sm\:text-left{
    text-align: left;
  }
  .sm\:text-5xl{
    font-size: 3rem;
    line-height: 1;
  }
  .sm\:leading-none{
    line-height: 1;
  }
}

@media (min-width: 768px){
  .md\:col-span-2{
    grid-column: span 2 / span 2;
  }
  .md\:block{
    display: block;
  }
  .md\:hidden{
    display: none;
  }
  .md\:w-1\/3{
    width: 33.333333%;
  }
  .md\:w-1\/4{
    width: 25%;
  }
  .md\:w-\[45\%\]{
    width: 45%;
  }
  .md\:grid-cols-2{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .md\:justify-end{
    justify-content: flex-end;
  }
  .md\:space-y-0 > :not([hidden]) ~ :not([hidden]){
    --tw-space-y-reverse: 0;
    margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0px * var(--tw-space-y-reverse));
  }
  .md\:p-20{
    padding: 5rem;
  }
  .md\:text-2xl{
    font-size: 1.5rem;
    line-height: 2rem;
  }
  .md\:text-3xl{
    font-size: 1.875rem;
    line-height: 2.25rem;
  }
  .md\:text-6xl{
    font-size: 3.75rem;
    line-height: 1;
  }
  .md\:text-xl{
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
}

@media (min-width: 1024px){
  .lg\:col-\[_span_3_\/_span_2\]{
    grid-column: span 3 / span 2;
  }
  .lg\:col-span-1{
    grid-column: span 1 / span 1;
  }
  .lg\:col-span-2{
    grid-column: span 2 / span 2;
  }
  .lg\:col-span-4{
    grid-column: span 4 / span 4;
  }
  .lg\:mb-5{
    margin-bottom: 1.25rem;
  }
  .lg\:mt-5{
    margin-top: 1.25rem;
  }
  .lg\:block{
    display: block;
  }
  .lg\:hidden{
    display: none;
  }
  .lg\:w-1\/2{
    width: 50%;
  }
  .lg\:w-1\/3{
    width: 33.333333%;
  }
  .lg\:w-1\/4{
    width: 25%;
  }
  .lg\:w-2\/4{
    width: 50%;
  }
  .lg\:w-3\/4{
    width: 75%;
  }
  .lg\:w-\[50\%\]{
    width: 50%;
  }
  .lg\:w-\[calc\(100\%\/8\)\]{
    width: calc(100% / 8);
  }
  .lg\:w-\[calc\(50\%-1\.5rem\)\]{
    width: calc(50% - 1.5rem);
  }
  .lg\:w-\[calc\(50\%-1rem\)\]{
    width: calc(50% - 1rem);
  }
  .lg\:w-auto{
    width: auto;
  }
  .lg\:w-full{
    width: 100%;
  }
  .lg\:grid-cols-3{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .lg\:grid-cols-4{
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .lg\:flex-row{
    flex-direction: row;
  }
  .lg\:justify-between{
    justify-content: space-between;
  }
  .lg\:gap-10{
    gap: 2.5rem;
  }
  .lg\:whitespace-nowrap{
    white-space: nowrap;
  }
}

@media (min-width: 1280px){
  .xl\:col-span-1{
    grid-column: span 1 / span 1;
  }
  .xl\:col-span-3{
    grid-column: span 3 / span 3;
  }
  .xl\:col-span-4{
    grid-column: span 4 / span 4;
  }
  .xl\:row-span-2{
    grid-row: span 2 / span 2;
  }
  .xl\:row-span-3{
    grid-row: span 3 / span 3;
  }
  .xl\:block{
    display: block;
  }
  .xl\:hidden{
    display: none;
  }
  .xl\:w-1\/3{
    width: 33.333333%;
  }
  .xl\:w-1\/4{
    width: 25%;
  }
  .xl\:w-\[calc\(100\%\/6\)\]{
    width: calc(100% / 6);
  }
  .xl\:w-\[calc\(100\%\/8\)\]{
    width: calc(100% / 8);
  }
  .xl\:basis-3\/4{
    flex-basis: 75%;
  }
  .xl\:grid-cols-3{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .xl\:grid-cols-4{
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .xl\:justify-end{
    justify-content: flex-end;
  }
}

@media (min-width: 1536px){
  .\32xl\:block{
    display: block;
  }
  .\32xl\:hidden{
    display: none;
  }
  .\32xl\:w-1\/4{
    width: 25%;
  }
  .\32xl\:w-\[calc\(100\%\/3\)\]{
    width: calc(100% / 3);
  }
  .\32xl\:w-\[calc\(100\%\/6\)\]{
    width: calc(100% / 6);
  }
  .\32xl\:w-\[calc\(100\%\/8\)\]{
    width: calc(100% / 8);
  }
}

@media (prefers-color-scheme: dark){
  .dark\:bg-yellow-200{
    --tw-bg-opacity: 1;
    background-color: rgb(254 240 138 / var(--tw-bg-opacity, 1));
  }
  .dark\:text-yellow-800{
    --tw-text-opacity: 1;
    color: rgb(133 77 14 / var(--tw-text-opacity, 1));
  }
}

/*# sourceMappingURL=styles.65d2b6ea94312001.css.map*/