:root{--cpx-primary-colour: var(--p-primary-color);--cpx-primary-colour-light: var(--p-primary-400);--cpx-hover-colour: var(--p-primary-hover-color);--cpx-active-colour: var(--p-primary-active-colour);--cpx-red-colour: var(--p-form-field-invalid-placeholder-color);--cpx-red-colour-light: var(--p-message-error-background);--cpx-green-colour: #1fae57;--cpx-green-colour-light: #c1ffd9;--cpx-amber-colour: #e5b300;--cpx-amber-colour-light: #ffefb7;--cpx-secondary-font-size: .875rem;--unpublished-changes-status-colour: var(--cpx-amber-colour);--published-status-colour: var(--cpx-green-colour);--draft-status-colour: var(--cpx-primary-colour);--cpx-text-colour: var(--p-form-field-color);--cpx-disabled-text-colour: var(--p-form-field-disabled-color);--cpx-disabled-background-colour: var(--p-form-field-disabled-background);--box-background-colour: var(--p-surface-100);--cpx-link-colour: var(--cpx-primary-colour-light);--cpx-error-colour: var(--cpx-red-colour);--cpx-error-background: var(--cpx-red-colour-light);--cpx-warning-colour: var(--cpx-amber-colour);--cpx-success-colour: var(--cpx-green-colour);--cpx-border-colour: var(--cpx-disabled-background-colour);--btn-green-background-colour: var(--cpx-green-colour);--incomplete-border-colour: var(--cpx-amber-colour);--box-flex-gap: 1.5rem;color:var(--cpx-text-colour)!important;--p-tabs-tab-background: transparent;--p-tabs-tabpanel-background: transparent;--p-tabs-tabpanel-padding: 1rem 0px 0px 0px;--p-tabs-tablist-background: transparent;--p-tabs-tab-font-weight: 400;--p-tabs-tab-active-background: transparent;--p-tabs-tab-hover-background: transparent;--p-tabs-tab-border-width: 0px 0px 2px 0px;--p-paginator-nav-button-selected-background: var(--cpx-primary-colour)}hr,.p-inputtext,.p-autocomplete-input,.p-textarea,.p-chips-multiple-container,.p-autocomplete-multiple-container{width:100%}.loading-spinner-container{display:flex;justify-content:center;padding-top:3rem;width:100%}.loading-spinner{height:3rem!important;width:3rem!important}.loading-spinner .p-progress-spinner-circle{animation:loadingSpinner 4s ease-in-out infinite;height:1rem!important;width:1rem!important}:root{--cpx-primary-colour: var(--p-primary-color);--cpx-primary-colour-light: var(--p-primary-400);--cpx-hover-colour: var(--p-primary-hover-color);--cpx-active-colour: var(--p-primary-active-colour);--cpx-red-colour: var(--p-form-field-invalid-placeholder-color);--cpx-red-colour-light: var(--p-message-error-background);--cpx-green-colour: #1fae57;--cpx-green-colour-light: #c1ffd9;--cpx-amber-colour: #e5b300;--cpx-amber-colour-light: #ffefb7;--cpx-secondary-font-size: .875rem;--unpublished-changes-status-colour: var(--cpx-amber-colour);--published-status-colour: var(--cpx-green-colour);--draft-status-colour: var(--cpx-primary-colour);--cpx-text-colour: var(--p-form-field-color);--cpx-disabled-text-colour: var(--p-form-field-disabled-color);--cpx-disabled-background-colour: var(--p-form-field-disabled-background);--box-background-colour: var(--p-surface-100);--cpx-link-colour: var(--cpx-primary-colour-light);--cpx-error-colour: var(--cpx-red-colour);--cpx-error-background: var(--cpx-red-colour-light);--cpx-warning-colour: var(--cpx-amber-colour);--cpx-success-colour: var(--cpx-green-colour);--cpx-border-colour: var(--cpx-disabled-background-colour);--btn-green-background-colour: var(--cpx-green-colour);--incomplete-border-colour: var(--cpx-amber-colour);--box-flex-gap: 1.5rem;color:var(--cpx-text-colour)!important;--p-tabs-tab-background: transparent;--p-tabs-tabpanel-background: transparent;--p-tabs-tabpanel-padding: 1rem 0px 0px 0px;--p-tabs-tablist-background: transparent;--p-tabs-tab-font-weight: 400;--p-tabs-tab-active-background: transparent;--p-tabs-tab-hover-background: transparent;--p-tabs-tab-border-width: 0px 0px 2px 0px;--p-paginator-nav-button-selected-background: var(--cpx-primary-colour);--p-message-text-font-weight: 400}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji"}.cpx-form-group{display:flex;flex-direction:column;gap:.5rem}.cpx-form-group label{font-size:.875rem;font-weight:600;margin-bottom:0}p-button .btn-capametrix{width:fit-content}p-button .btn-capametrix:enabled:hover{opacity:.75}p-button .btn-capametrix.green:enabled:hover{background:var(--btn-green-background-colour)}.cpx-contrast-button{--p-button-outlined-primary-border-color: var( --p-button-outlined-contrast-border-color );--p-button-outlined-primary-color: var( --p-button-outlined-contrast-border-color )}.p-control-100w,.p-control-100w .p-inputtext,.p-control-100w .p-autocomplete-input,.p-control-100w .p-chips-multiple-container,.p-control-100w .p-autocomplete-multiple-container{width:100%}.btn-capametrix{background-color:var(--cpx-primary-colour);color:#fff;border-radius:100px;border:0px;font-size:.875rem;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1rem;white-space:nowrap;cursor:pointer}.btn-capametrix:hover{opacity:.75}.btn-capametrix span{display:flex;align-items:center;justify-content:center;font-weight:400}.btn-capametrix.clear{background-color:transparent;border:1px solid var(--cpx-border-colour);color:#000}.btn-capametrix.clear:hover{background-color:var(--cpx-border-colour);color:#000}.btn-capametrix.green{background-color:var(--btn-green-background-colour);color:#000!important}.btn-capametrix.green.disabled{cursor:context-menu;opacity:.4}.btn-capametrix.grey{background:var(--cpx-disabled-background-colour);color:var(--cpx-text-colour)}.btn-capametrix.outline{background-color:transparent;border:1px solid var(--cpx-border-colour)}.btn-capametrix:disabled{cursor:context-menu;opacity:.4}p-select.ng-invalid.ng-touched{border:1px solid var(--cpx-error-colour)!important}.p-textarea.ng-invalid.ng-touched{border:1px solid var(--cpx-error-colour)!important}