/* /Components/Accounting/SummaryForCompanyAccountDetails.razor.rz.scp.css */
/* /Components/Accounting/Xero/XeroIntegrationSettings.razor.rz.scp.css */
.accounts-setup[witzer-xero-integration-settings] {
  padding: 20px 0;
}
.accounts-setup .accounts[witzer-xero-integration-settings] {
  display: flex;
  flex-flow: wrap;
  padding-top: 10px;
}
.accounts-setup .accounts .select-account[witzer-xero-integration-settings] {
  display: flex;
  flex-direction: column;
  width: 50%;
  padding: 0 10px 30px 10px;
}
.accounts-setup .accounts .select-account .account-heading[witzer-xero-integration-settings] {
  padding: 10px 0;
}
.accounts-setup .accounts .select-account[witzer-xero-integration-settings]  dropdown {
  padding: 10px 0;
}
@media only screen and (max-width: 1000px) {
  .accounts-setup .accounts[witzer-xero-integration-settings] {
    flex-direction: column;
  }
  .accounts-setup .accounts .select-account[witzer-xero-integration-settings] {
    width: 100%;
  }
}
/* /Components/Account/CascadingWitzerUserState.razor.rz.scp.css */
p[witzer-cascading-witzer-user-state] {
  text-align: center;
}
share[witzer-cascading-witzer-user-state] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 5px;
}
/* /Components/Account/Edit/AccountEditButtons.razor.rz.scp.css */
buttons[witzer-account-edit-buttons] {
  display: flex;
  gap: 12px;
  margin-bottom: 30px;
}
buttons[witzer-account-edit-buttons]  button {
  flex: 1 0 0;
}
div.delete-account[witzer-account-edit-buttons] {
  border-top: solid 1px black;
  padding-top: 20px;
}
p.warning[witzer-account-edit-buttons] {
  margin-bottom: 12px;
}
/* /Components/Account/Edit/SharedAccountDetailsEditor.razor.rz.scp.css */
div.checkboxes[witzer-shared-account-details-editor],
[witzer-shared-account-details-editor] editor-for[type="notification-preferences"] {
  display: flex;
  flex-direction: column;
  gap: 17px;
}
div.checkboxes[witzer-shared-account-details-editor]  form-field[breezer-form-field] {
  margin: 0;
}
/* /Components/Account/WitzerAccountWidgetAuthorized.razor.rz.scp.css */
account-widget-popup[witzer-witzer-account-widget-authorized] {
  cursor: pointer;
}
/* /Components/AddMoney/BankTransfer.razor.rz.scp.css */
card-body[witzer-bank-transfer] {
  display: flex;
  flex-direction: column;
  gap: 28px;
}
card-body h3[witzer-bank-transfer] {
  text-align: center;
}
/* /Components/AddMoney/ChoosePaymentMethod.razor.rz.scp.css */
wallet[witzer-choose-payment-method],
amount[witzer-choose-payment-method],
payment-method-selection[witzer-choose-payment-method] {
  display: flex;
  flex-direction: column;
  gap: 15px;
  font-size: 0.875rem;
  line-height: 1.42857143;
  letter-spacing: -0.00357143em;
  font-weight: 475;
}
[witzer-choose-payment-method] dropdown-selected {
  font-size: 16px;
  line-height: 20px;
  letter-spacing: -0.05px;
  border: 1px solid var(--colour-font-pebble);
  border-radius: 4px;
  box-shadow: 0px 1.5px 4px -1px rgba(10, 9, 11, 0.07);
  padding: 10px;
  background-color: white;
  color: var(--colour-primary-midnight);
}
[witzer-choose-payment-method] dropdown-selected::-webkit-input-placeholder {
  color: var(--colour-primary-midnight);
  opacity: 0.6;
}
[witzer-choose-payment-method] dropdown-selected::-moz-placeholder {
  color: var(--colour-primary-midnight);
  opacity: 0.6;
}
[witzer-choose-payment-method] dropdown-selected::-ms-input-placeholder {
  color: var(--colour-primary-midnight);
  opacity: 0.6;
}
[witzer-choose-payment-method] dropdown-selected::placeholder {
  color: var(--colour-primary-midnight);
  opacity: 0.6;
}
[witzer-choose-payment-method] dropdown-selected:hover {
  border-color: var(--border-colour);
}
[witzer-choose-payment-method] dropdown-selected:focus,
[witzer-choose-payment-method] dropdown-selected:focus-within {
  border-color: var(--colour-primary-aloe-50);
}
amount[witzer-choose-payment-method]  input#amount {
  padding: 18px;
  font-size: 36px;
  text-align: center;
  height: 81px;
  margin-bottom: 12px;
}
payment-method[witzer-choose-payment-method] {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
  padding: 14px 12px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 8px;
  cursor: pointer;
}
payment-method.coming-soon[witzer-choose-payment-method] {
  background: #F5F5F5;
  cursor: default;
}
payment-method.coming-soon sub[witzer-choose-payment-method] {
  font-size: 0.875rem;
  bottom: unset;
}
payment-method.coming-soon img.circle[witzer-choose-payment-method] {
  display: none;
}
payment-method img.circle[witzer-choose-payment-method] {
  margin-left: auto;
}
/* /Components/AddMoney/CurrentPaymentMethod.razor.rz.scp.css */
payment-method[witzer-current-payment-method] {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  padding: 14px 12px;
  border: 1px solid #8AE0AF;
  border-radius: 8px;
}
payment-method name[witzer-current-payment-method] {
  flex-grow: 1;
  font-size: 0.875rem;
  line-height: 1.42857143;
  letter-spacing: -0.00357143em;
  font-weight: 475;
  color: #0A090B;
}
payment-method img.go-back[witzer-current-payment-method] {
  cursor: pointer;
}
/* /Components/AddMoney/DebitCard.razor.rz.scp.css */
card-body[witzer-debit-card] {
  display: flex;
  flex-direction: column;
  gap: 28px;
}
card-body payment-details[witzer-debit-card] {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
card-body payment-details card-input[witzer-debit-card] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
card-body payment-details card-input card-number[witzer-debit-card] {
  font-size: 16px;
  line-height: 20px;
  letter-spacing: -0.05px;
  border: 1px solid var(--colour-font-pebble);
  border-radius: 4px;
  box-shadow: 0px 1.5px 4px -1px rgba(10, 9, 11, 0.07);
  padding: 10px;
  background-color: white;
  color: var(--colour-primary-midnight);
  min-width: 0;
  border-radius: 0;
  margin: -1px;
  grid-column-start: 1;
  grid-column-end: -1;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  display: flex;
  flex-direction: row;
  align-items: center;
}
card-body payment-details card-input card-number[witzer-debit-card]::-webkit-input-placeholder {
  color: var(--colour-primary-midnight);
  opacity: 0.6;
}
card-body payment-details card-input card-number[witzer-debit-card]::-moz-placeholder {
  color: var(--colour-primary-midnight);
  opacity: 0.6;
}
card-body payment-details card-input card-number[witzer-debit-card]::-ms-input-placeholder {
  color: var(--colour-primary-midnight);
  opacity: 0.6;
}
card-body payment-details card-input card-number[witzer-debit-card]::placeholder {
  color: var(--colour-primary-midnight);
  opacity: 0.6;
}
card-body payment-details card-input card-number:hover[witzer-debit-card] {
  border-color: var(--border-colour);
}
card-body payment-details card-input card-number:focus[witzer-debit-card],
card-body payment-details card-input card-number:focus-within[witzer-debit-card] {
  border-color: var(--colour-primary-aloe-50);
}
card-body payment-details card-input card-number:hover[witzer-debit-card],
card-body payment-details card-input card-number:focus[witzer-debit-card],
card-body payment-details card-input card-number:focus-within[witzer-debit-card] {
  z-index: 1;
}
card-body payment-details card-input card-number input[witzer-debit-card] {
  flex-grow: 1;
  min-width: 0;
  border: none;
  outline: none;
  border-radius: 0;
  box-shadow: unset;
  padding: 0;
}
card-body payment-details card-input card-number input:hover[witzer-debit-card],
card-body payment-details card-input card-number input:focus[witzer-debit-card] {
  border: none;
  outline: none;
}
card-body payment-details card-input > input[witzer-debit-card] {
  font-size: 16px;
  line-height: 20px;
  letter-spacing: -0.05px;
  border: 1px solid var(--colour-font-pebble);
  border-radius: 4px;
  box-shadow: 0px 1.5px 4px -1px rgba(10, 9, 11, 0.07);
  padding: 10px;
  background-color: white;
  color: var(--colour-primary-midnight);
  min-width: 0;
  border-radius: 0;
  margin: -1px;
}
card-body payment-details card-input > input[witzer-debit-card]::-webkit-input-placeholder {
  color: var(--colour-primary-midnight);
  opacity: 0.6;
}
card-body payment-details card-input > input[witzer-debit-card]::-moz-placeholder {
  color: var(--colour-primary-midnight);
  opacity: 0.6;
}
card-body payment-details card-input > input[witzer-debit-card]::-ms-input-placeholder {
  color: var(--colour-primary-midnight);
  opacity: 0.6;
}
card-body payment-details card-input > input[witzer-debit-card]::placeholder {
  color: var(--colour-primary-midnight);
  opacity: 0.6;
}
card-body payment-details card-input > input:hover[witzer-debit-card] {
  border-color: var(--border-colour);
}
card-body payment-details card-input > input:focus[witzer-debit-card],
card-body payment-details card-input > input:focus-within[witzer-debit-card] {
  border-color: var(--colour-primary-aloe-50);
}
card-body payment-details card-input > input:hover[witzer-debit-card],
card-body payment-details card-input > input:focus[witzer-debit-card],
card-body payment-details card-input > input:focus-within[witzer-debit-card] {
  z-index: 1;
}
card-body payment-details card-input > input.bottom-left[witzer-debit-card] {
  border-bottom-left-radius: 8px;
}
card-body payment-details card-input > input.bottom-right[witzer-debit-card] {
  border-bottom-right-radius: 8px;
}
/* /Components/AddMoney/PendingDeposit.razor.rz.scp.css */
payment-details[witzer-pending-deposit] {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
div.items[witzer-pending-deposit] {
  display: grid;
  grid-template-columns: 1fr -webkit-max-content -webkit-max-content;
  grid-template-columns: 1fr max-content max-content;
  align-items: center;
  row-gap: 15px;
  -webkit-column-gap: 10px;
     -moz-column-gap: 10px;
          column-gap: 10px;
}
item[witzer-pending-deposit] {
  grid-column: 1/-1;
  display: grid;
  grid-template-columns: subgrid;
  align-items: center;
  font-size: 0.875rem;
  line-height: 1.42857143;
  letter-spacing: -0.00142857em;
  font-weight: 550;
  color: black;
}
value[witzer-pending-deposit] {
  grid-column: 2/-1;
  display: grid;
  grid-template-columns: subgrid;
  align-items: center;
}
[witzer-pending-deposit] .copy-text {
  justify-self: end;
}
[witzer-pending-deposit] button.copy {
  justify-self: start;
}
p.additional-text[witzer-pending-deposit] {
  font-size: 0.625rem;
  line-height: 1.2;
  letter-spacing: 0em;
  text-align: center;
  color: black;
}
@media only screen and (max-width: 500px) {
  div.items[witzer-pending-deposit] {
    grid-template-columns: -webkit-max-content auto;
    grid-template-columns: max-content auto;
  }
  item[witzer-pending-deposit] {
    grid-column: 1/-1;
    grid-row-end: span 2;
    grid-template-rows: subgrid;
    row-gap: 5px;
  }
  label[witzer-pending-deposit] {
    grid-column: 1/-1;
  }
  value[witzer-pending-deposit] {
    grid-column: 1/-1;
  }
  [witzer-pending-deposit] .copy-text {
    margin-left: 20px;
    justify-self: start;
  }
}
/* /Components/AddProject/AddAttachmentContents.razor.rz.scp.css */
upload[witzer-add-attachment-contents] {
  display: flex;
  align-items: center;
  justify-content: center;
}
/* /Components/AddProject/AdditionalTotalRow.razor.rz.scp.css */
row[witzer-additional-total-row] {
  display: contents;
}
row label[witzer-additional-total-row] {
  grid-column: 1;
}
row percent[witzer-additional-total-row] {
  grid-column: 2;
  color: var(--colour-primary-midnight-50);
  text-align: right;
}
row[witzer-additional-total-row]  display-for[type="currency"] {
  grid-column: 3;
  text-align: right;
}
row[witzer-additional-total-row]  skeleton {
  grid-column: 3;
}
/* /Components/AddProject/AdditionalTotals.razor.rz.scp.css */
additional-totals[witzer-additional-totals] {
  font-size: 14px;
  display: grid;
  grid-template-columns: 1fr repeat(2, -webkit-max-content);
  grid-template-columns: 1fr repeat(2, max-content);
  grid-row-gap: 10px;
  grid-column-gap: 15px;
}
div.information[witzer-additional-totals] {
  grid-column: 1/-1;
  margin-left: 10px;
}
/* /Components/AddProject/Client/ExistingClient.razor.rz.scp.css */
empty-selected-item[witzer-existing-client] {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 5px;
  font-size: 14px;
  line-height: 1.2;
  color: var(--colour-primary-midnight);
}
empty-selected-item img[witzer-existing-client] {
  width: 10.3px;
  height: 10.3px;
}
prefilled-client[witzer-existing-client] {
  font-size: 16px;
  line-height: 20px;
  letter-spacing: -0.05px;
  border: 1px solid var(--colour-font-pebble);
  border-radius: 4px;
  box-shadow: 0px 1.5px 4px -1px rgba(10, 9, 11, 0.07);
  padding: 10px;
  background-color: white;
  color: var(--colour-primary-midnight);
  display: block;
}
/* /Components/AddProject/Client/SelectForContactFooter.razor.rz.scp.css */
select-for-footer[witzer-select-for-contact-footer] {
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: 5px;
  font-size: 0.8em;
  padding: 10px;
  align-items: center;
}
/* /Components/AddProject/Committment.razor.rz.scp.css */
commitment[witzer-committment] {
  display: flex;
  flex-direction: column;
  gap: 25px;
}
options-loading[witzer-committment] {
  background-color: var(--skeleton-loader-colour);
  padding: 10px;
  font-size: 14px;
  border-radius: 4px;
  display: block;
  height: 1lh;
  box-sizing: content-box;
}
description[witzer-committment] {
  display: flex;
  flex-direction: column;
  gap: 11px;
  color: var(--colour-primary-midnight);
  border-radius: 6px;
}
percentage[witzer-committment] {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
@media only screen and (min-width: 501px ) {
  percentage[witzer-committment] {
    max-width: 340px;
  }
}
committment-summary[witzer-committment] {
  text-align: center;
  display: flex;
  justify-content: right;
  padding-right: 12px;
  flex-direction: row;
  gap: 5px;
}
amount[witzer-committment],
aside[witzer-committment] {
  font-weight: 600;
  font-size: 14px;
}
amount[witzer-committment] {
  font-weight: 500;
}
recommended-commitment[witzer-committment] {
  display: flex;
  flex-direction: row;
  gap: 7.95px;
  align-items: start;
  font-size: 0.75rem;
  line-height: 1.38658333;
  letter-spacing: -0.01166667em;
  color: var(--colour-primary-midnight);
}
h4[witzer-committment] {
  font-size: var(--typography-font-size-lg);
}
@media only screen and (min-width: 1001px ) {
  h4[witzer-committment] {
    font-size: var(--typography-font-size-xl);
  }
}
/* /Components/AddProject/ConfirmationDetails.razor.rz.scp.css */
card[witzer-confirmation-details] {
  display: flex;
  flex-direction: column;
  gap: 35px;
  color: var(--colour-font-slate);
}
card[witzer-confirmation-details]  milestone-list {
  padding: 12px;
  background-color: var(--colour-primary-aloe-10);
  border-radius: 8px;
  gap: 12px;
}
card[witzer-confirmation-details]  milestone-list h1 {
  font-size: 0.75rem;
  line-height: 1.33333333;
  letter-spacing: 0em;
  font-weight: 600;
}
card[witzer-confirmation-details]  milestone-list milestone-colours card {
  display: grid;
  grid-template-columns: repeat(2, auto);
  justify-content: space-between;
}
card[witzer-confirmation-details]  milestone-list milestone-colours card heading {
  gap: 0;
}
card[witzer-confirmation-details]  milestone-list milestone-colours card heading sub-heading,
card[witzer-confirmation-details]  milestone-list milestone-colours card heading top-right {
  display: none;
}
card[witzer-confirmation-details]  milestone-list milestone-colours card milestone amount {
  padding: 0;
  border: none;
}
card[witzer-confirmation-details]  milestone-list milestone-colours card milestone description,
card[witzer-confirmation-details]  milestone-list milestone-colours card milestone label {
  display: none;
}
card amount[witzer-confirmation-details],
card commitment[witzer-confirmation-details] {
  font-size: 0.875rem;
  line-height: 1;
  letter-spacing: -0.03571429em;
}
card amount[witzer-confirmation-details] {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  color: #33335E;
}
card.minor[witzer-confirmation-details] {
  background-color: transparent;
  box-shadow: none;
  padding-top: 10px;
  padding-bottom: 10px;
}
/* /Components/AddProject/ConfirmationScopeOfWork.razor.rz.scp.css */
div.scope-of-work[witzer-confirmation-scope-of-work] {
  display: grid;
  grid-template-columns: 1fr -webkit-max-content;
  grid-template-columns: 1fr max-content;
}
div.scope-of-work[witzer-confirmation-scope-of-work]  div.scope-of-work-list {
  grid-column: 1/-1;
}
div.scope-of-work[witzer-confirmation-scope-of-work]  div.list-item {
  font-size: var(--typography-font-size-sm);
  row-gap: 0;
}
div.scope-of-work[witzer-confirmation-scope-of-work]  div.assigned-to div.pill {
  padding: 5px 10px;
}
/* /Components/AddProject/ConfirmHeading.razor.rz.scp.css */
heading[witzer-confirm-heading] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
}
heading contacts[witzer-confirm-heading] {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
heading contacts contact[witzer-confirm-heading] {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 5px;
}
heading contacts contact[witzer-confirm-heading]  avatar {
  --avatar-size: 20px;
  border: 1px solid white;
}
heading contacts contact contact-name[witzer-confirm-heading] {
  font-size: 0.875rem;
  line-height: 1;
  letter-spacing: -0.03571429em;
  font-weight: 500;
}
heading project[witzer-confirm-heading] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
}
heading project site-address[witzer-confirm-heading] {
  font-size: 0.875rem;
  line-height: 1;
  letter-spacing: -0.03571429em;
  font-weight: 600;
}
heading project name[witzer-confirm-heading] {
  font-size: 1.25rem;
  line-height: 1;
  letter-spacing: -0.025em;
}
/* /Components/AddProject/ConfirmProjectTemplate.razor.rz.scp.css */
confirm-project[witzer-confirm-project-template] {
  width: 100%;
  max-width: 1200px;
  display: flex;
  flex-direction: column;
  gap: 15px;
  margin: auto;
  /* ::deep button.primary {
        padding: 30px !important;
        border-radius: 5px !important;
        box-shadow: @cardShadow;
        background-color: var(--primary-colour);
        border-color: var(--primary-colour);
        .setFont(24px, 28px, -0.72px) !important;
        font-weight: 600 !important;
    }*/
}
/* /Components/AddProject/Disclaimer.razor.rz.scp.css */
disclaimer[witzer-disclaimer] {
  color: var(--colour-font-slate);
  display: flex;
  flex-direction: column;
  gap: 25px;
  text-align: center;
  opacity: 0.6;
  align-self: center;
  margin-top: 65px;
  max-width: 750px;
}
disclaimer h2[witzer-disclaimer] {
  margin-block: 14px;
  font-size: 1rem;
  line-height: 1.375;
  letter-spacing: -0.01125em;
  font-weight: 600;
}
disclaimer p[witzer-disclaimer] {
  margin: 0;
  font-size: 0.875rem;
  line-height: 1.42857143;
  letter-spacing: -0.00357143em;
}
/* /Components/AddProject/FromQuote.razor.rz.scp.css */
span[witzer-from-quote] {
  color: #64666C;
  font-size: 0.8em;
  text-align: center;
}
/* /Components/AddProject/Milestones.razor.rz.scp.css */
milestone-edit-page[witzer-milestones] {
  display: flex;
  gap: 24px;
}
@media only screen and (max-width: 700px) {
  milestone-edit-page[witzer-milestones] {
    flex-direction: column;
  }
}
add-milestone[witzer-milestones] {
  padding: 20px;
  border-radius: 7px;
  display: flex;
  flex-direction: column;
  border: 1px dashed var(--colour-primary-midnight);
}
add-milestone.loading[witzer-milestones] {
  border-color: var(--skeleton-loader-colour);
}
add-milestone plus[witzer-milestones] {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 105px;
  font-weight: 100;
  opacity: 0.25;
  flex-grow: 1;
}
/* /Components/AddProject/NewProject.razor.rz.scp.css */
[witzer-new-project] [Breezer-editor-for-html-fragment],
[witzer-new-project] skeleton[data-skeleton-type="input"] {
  height: 255px;
}
/* /Components/AddProject/ProjectAddress.razor.rz.scp.css */
/* /Components/AddProject/ProjectAttachments.razor.rz.scp.css */
description[witzer-project-attachments] {
  display: flex;
  flex-direction: column;
  gap: 35px;
}
description[witzer-project-attachments]  display-for[type="html-fragment"] {
  font-size: 0.875rem;
  line-height: 1.42857143;
  letter-spacing: -0.00357143em;
}
description[witzer-project-attachments]  loading-spinner {
  align-self: center;
}
attachments[witzer-project-attachments] {
  display: flex;
  flex-direction: column;
  gap: 13px;
}
attachments h3[witzer-project-attachments] {
  font-size: 0.75rem;
  line-height: 2.33333333;
  letter-spacing: -0.03em;
  font-weight: 500;
  color: #0A090B;
}
attachments[witzer-project-attachments]  editor-for[type=document-list] {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
}
attachments[witzer-project-attachments]  editor-for[type=document-list] document-list {
  display: contents;
}
attachments[witzer-project-attachments]  editor-for[type=document-list] document-list items {
  display: contents;
}
attachments[witzer-project-attachments]  editor-for[type=document-list] file-upload {
  order: 1;
}
/* /Components/AddProject/ProjectEditor.razor.rz.scp.css */
project-editor[witzer-project-editor] {
  display: flex;
  flex-direction: column;
  gap: 25px;
}
project-editor section-contents[witzer-project-editor],
project-editor buttons[witzer-project-editor] {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
project-editor buttons[witzer-project-editor] {
  width: 100%;
  align-self: end;
}
project-editor buttons main-buttons[witzer-project-editor] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
}
project-editor buttons main-buttons[back-hidden][witzer-project-editor] {
  grid-template-columns: 1fr;
}
project-editor buttons main-buttons[back-hidden] .back-button[witzer-project-editor] {
  display: none;
}
project-editor buttons[witzer-project-editor]  .cancel {
  border: none;
}
@media only screen and (max-width: 1000px) {
  project-editor buttons[witzer-project-editor] {
    max-width: unset;
  }
}
h1.project-name[witzer-project-editor] {
  display: none;
  max-width: 600px;
  width: 100%;
  margin: auto;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-align: center;
  font-size: 19px;
}
h3[witzer-project-editor] {
  font-weight: 700;
}
/* /Components/AddProject/ProjectOverview.razor.rz.scp.css */
div.contacts[witzer-project-overview] {
  display: flex;
  justify-content: space-between;
}
div.contacts[witzer-project-overview]  contact-avatars contact {
  gap: 12px;
}
div.contacts[witzer-project-overview]  contact-avatars contact contact-avatar {
  width: 48px;
  height: 48px;
}
div.contacts[witzer-project-overview]  contact-avatars contact contact-avatar avatar {
  --avatar-size: 48px;
}
div.contacts[witzer-project-overview]  contact-avatars contact contact-avatar avatar span[breezer-avatar] {
  font-size: 16px;
}
div.contacts[witzer-project-overview]  contact-avatars contact contact-name {
  font-size: 1.25rem;
  line-height: 1;
  letter-spacing: -0.025em;
  font-weight: 700;
}
@media only screen and (max-width: 700px) {
  div.contacts[witzer-project-overview]  contact-avatars contact {
    gap: 10px;
  }
  div.contacts[witzer-project-overview]  contact-avatars contact contact-avatar {
    width: 35px;
    height: 35px;
  }
  div.contacts[witzer-project-overview]  contact-avatars contact contact-avatar avatar {
    --avatar-size: 35px;
  }
  div.contacts[witzer-project-overview]  contact-avatars contact contact-avatar avatar span[breezer-avatar] {
    font-size: 12px;
  }
  div.contacts[witzer-project-overview]  contact-avatars contact contact-name {
    font-size: 1rem;
    line-height: 1;
    letter-spacing: -0.03125em;
  }
}
/* /Components/AddProject/RejectProjectInvitation.razor.rz.scp.css */
div.buttons[witzer-reject-project-invitation] {
  gap: 10px;
}
/* /Components/Addresses/Address.razor.rz.scp.css */
div.empty-item[witzer-address] {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
[witzer-address] dropdown[type="address-lookup-model"] dropdown-indicator {
  display: none;
}
.entry[witzer-address] {
  display: flex;
  flex-direction: column;
  --spacing: 20px;
  gap: var(--spacing);
}
address-section[witzer-address]  .entry {
  height: auto;
  max-height: 500px;
}
address-section[witzer-address]  .entry.hidden {
  display: none;
}
@media only screen and (min-width: 501px ) {
  .entry.google[witzer-address]  .popup {
    max-width: calc(100vw - 46px);
  }
}
@media only screen and (min-width: 501px ) {
  state-and-postcode[witzer-address] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding-inline: 0;
  }
  state-and-postcode[witzer-address]  dropdown {
    flex-grow: 1;
  }
  state-and-postcode[witzer-address]  dropdown dropdown-selected {
    min-width: initial;
  }
  state-and-postcode[witzer-address]  dropdown dropdown-selected dropdown-indicator {
    display: none;
  }
  state-and-postcode[witzer-address]  editor-for-string input {
    text-align: end;
    width: 7em;
    min-width: 0;
  }
}
@media only screen and (max-width: 500px) {
  state-and-postcode[witzer-address] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing);
    height: auto;
    padding: 0;
    border: none;
  }
  state-and-postcode:focus-within[witzer-address] {
    box-shadow: none;
  }
}
state-and-postcode-validation[witzer-address]  validation-for {
  display: block;
}
[witzer-address] form-field {
  margin: 0;
}
/* /Components/Addresses/AddressLookupModelFooter.razor.rz.scp.css */
address-footer[witzer-address-lookup-model-footer] {
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: 5px;
  font-size: 0.8em;
  padding: 10px;
  align-items: center;
  /* google-footer {
        display: block;
        text-align: center;

        img {
            display:inline-block;
            height: 11px;
        }
    }*/
}
address-footer img[witzer-address-lookup-model-footer] {
  height: 11px;
}
/* /Components/Addresses/AddressLookupValidationSummary.razor.rz.scp.css */
validation-for span[witzer-address-lookup-validation-summary] {
  color: #C92C10;
  font-size: 14px;
  margin-left: 10px;
}
/* /Components/Addresses/ReadOnlyAddressLookup.razor.rz.scp.css */
readonly-address[witzer-read-only-address-lookup] {
  font-size: 16px;
  line-height: 20px;
  letter-spacing: -0.05px;
  border: 1px solid var(--colour-font-pebble);
  border-radius: 4px;
  box-shadow: 0px 1.5px 4px -1px rgba(10, 9, 11, 0.07);
  padding: 10px;
  background-color: white;
  color: var(--colour-primary-midnight);
}
/* /Components/AddWallet/AddBankAccount.razor.rz.scp.css */
actions[witzer-add-bank-account] {
  display: flex;
  flex-direction: row;
  gap: 15px;
}
actions[witzer-add-bank-account]  * {
  flex: 1 0 0;
}
/* /Components/AddWallet/NewWalletDetails.razor.rz.scp.css */
wallet-details[witzer-new-wallet-details] {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
wallet-details form-group[witzer-new-wallet-details] {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
wallet-details form-group label[witzer-new-wallet-details] {
  font-weight: 475;
  color: #2D2B32;
}
wallet-details form-group input[witzer-new-wallet-details] {
  font-size: 16px;
  line-height: 20px;
  letter-spacing: -0.05px;
  border: 1px solid var(--colour-font-pebble);
  border-radius: 4px;
  box-shadow: 0px 1.5px 4px -1px rgba(10, 9, 11, 0.07);
  padding: 10px;
  background-color: white;
  color: var(--colour-primary-midnight);
}
wallet-details form-group input[witzer-new-wallet-details]::-webkit-input-placeholder {
  color: var(--colour-primary-midnight);
  opacity: 0.6;
}
wallet-details form-group input[witzer-new-wallet-details]::-moz-placeholder {
  color: var(--colour-primary-midnight);
  opacity: 0.6;
}
wallet-details form-group input[witzer-new-wallet-details]::-ms-input-placeholder {
  color: var(--colour-primary-midnight);
  opacity: 0.6;
}
wallet-details form-group input[witzer-new-wallet-details]::placeholder {
  color: var(--colour-primary-midnight);
  opacity: 0.6;
}
wallet-details form-group input:hover[witzer-new-wallet-details] {
  border-color: var(--border-colour);
}
wallet-details form-group input:focus[witzer-new-wallet-details],
wallet-details form-group input:focus-within[witzer-new-wallet-details] {
  border-color: var(--colour-primary-aloe-50);
}
/* /Components/AI/AiAgentWidget.razor.rz.scp.css */
div.ai-widget[witzer-ai-agent-widget] {
  border-radius: 16px;
  background-color: var(--colour-primary-midnight);
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 20px 20px 16px;
}
div.heading[witzer-ai-agent-widget] {
  align-self: center;
  display: grid;
  grid-template-columns: -webkit-max-content minmax(0, 1fr);
  grid-template-columns: max-content minmax(0, 1fr);
  row-gap: 4px;
  -webkit-column-gap: 12px;
     -moz-column-gap: 12px;
          column-gap: 12px;
  text-align: start;
}
[witzer-ai-agent-widget] div.rusty-background {
  grid-row: 1/3;
}
span.witzer-ai[witzer-ai-agent-widget] {
  color: var(--colour-primary-aloe);
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
}
h1[witzer-ai-agent-widget] {
  line-height: 1;
  color: white;
}
/* /Components/AI/AiChatIcon.razor.rz.scp.css */
div.rusty-background[witzer-ai-chat-icon] {
  --size: 50px;
  width: var(--size);
  height: var(--size);
  border-radius: 50%;
  background-color: var(--colour-primary-aloe);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
img.rusty[witzer-ai-chat-icon] {
  height: 70%;
}
/* /Components/AI/Chat.razor.rz.scp.css */
/*div.chat-container {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
*/
/* /Components/AI/ChatSuggestions.razor.rz.scp.css */
div.suggestions[witzer-chat-suggestions] {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
/* /Components/Animations/AnimatedVisibilityContainer.razor.rz.scp.css */
div.animated-container[witzer-animated-visibility-container] {
  overflow: hidden;
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
}
div.expanded[witzer-animated-visibility-container] {
  height: var(--height);
  margin-top: 0;
  visibility: visible;
}
div.expanded.transition[witzer-animated-visibility-container] {
  -webkit-animation-name: expand, show;
          animation-name: expand-witzer-animated-visibility-container, show-witzer-animated-visibility-container;
  -webkit-animation-timing-function: linear, step-end;
          animation-timing-function: linear, step-end;
}
div.collapsed[witzer-animated-visibility-container] {
  height: 0;
  margin-top: calc(-1 * var(--spacing));
  visibility: hidden;
}
div.collapsed.transition[witzer-animated-visibility-container] {
  -webkit-animation-name: collapse;
          animation-name: collapse-witzer-animated-visibility-container;
}
@-webkit-keyframes show {
  0% {
    visibility: hidden;
  }
  100% {
    visibility: visible;
  }
}
@keyframes show-witzer-animated-visibility-container {
  0% {
    visibility: hidden;
  }
  100% {
    visibility: visible;
  }
}
@-webkit-keyframes expand {
  0% {
    height: 0;
    margin-top: calc(-1 * var(--spacing));
    visibility: hidden;
  }
  100% {
    height: var(--height);
    margin-top: 0;
    visibility: visible;
  }
}
@keyframes expand-witzer-animated-visibility-container {
  0% {
    height: 0;
    margin-top: calc(-1 * var(--spacing));
    visibility: hidden;
  }
  100% {
    height: var(--height);
    margin-top: 0;
    visibility: visible;
  }
}
@-webkit-keyframes collapse {
  0% {
    height: var(--height);
    margin-top: 0;
  }
  100% {
    height: 0;
    margin-top: calc(-1 * var(--spacing));
  }
}
@keyframes collapse-witzer-animated-visibility-container {
  0% {
    height: var(--height);
    margin-top: 0;
  }
  100% {
    height: 0;
    margin-top: calc(-1 * var(--spacing));
  }
}
/* /Components/Attachments/AttachmentUploadContents.razor.rz.scp.css */
upload[witzer-attachment-upload-contents] {
  padding: 32px 24px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  border: 1px dashed ;
  border-radius: 8px;
}
upload.loading[witzer-attachment-upload-contents] {
  background-color: var(--skeleton-loader-colour);
  border: none;
}
upload.loading > *[witzer-attachment-upload-contents] {
  visibility: hidden;
}
upload img[witzer-attachment-upload-contents] {
  padding: 12px;
  border-radius: 8px;
  background-color: var(--colour-font-pebble);
}
upload text[witzer-attachment-upload-contents] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
}
upload text instructions[witzer-attachment-upload-contents] {
  font-size: 0.875rem;
  line-height: 1.42857143;
  letter-spacing: -0.00357143em;
  font-weight: 475;
  color: var(--colour-font-slate);
}
upload text supported-types[witzer-attachment-upload-contents] {
  font-size: 0.75rem;
  line-height: 1.5;
  letter-spacing: 0em;
  color: var(--colour-font-coal);
}
/* /Components/Attachments/LimitedAttachmentList.razor.rz.scp.css */
limited-attachment-list[witzer-limited-attachment-list] {
  align-items: end;
}
limited-attachment-list more[witzer-limited-attachment-list] {
  display: grid;
  grid-template-columns: repeat(2, 10px) 1fr repeat(2, 10px);
  grid-template-rows: repeat(2, 10px) 1fr repeat(2, 10px);
}
limited-attachment-list more > *[witzer-limited-attachment-list] {
  background-color: white;
}
limited-attachment-list more more-behind[witzer-limited-attachment-list] {
  cursor: default;
}
limited-attachment-list more more-behind:nth-of-type(1)[witzer-limited-attachment-list] {
  grid-row: 1/4;
  grid-column: 3/6;
}
limited-attachment-list more more-behind:nth-of-type(2)[witzer-limited-attachment-list] {
  grid-row: 2/5;
  grid-column: 2/5;
}
limited-attachment-list more more-button[witzer-limited-attachment-list] {
  grid-row: 3/6;
  grid-column: 1/4;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: normal;
  letter-spacing: normal;
  font-weight: normal;
}
limited-attachment-list[witzer-limited-attachment-list]  attachment-list,
limited-attachment-list[witzer-limited-attachment-list]  attachment-list items {
  display: contents;
}
/* /Components/Attachments/SummaryForAttachment.razor.rz.scp.css */
attachment-container[witzer-summary-for-attachment] {
  overflow: hidden;
}
attachment-container[witzer-summary-for-attachment]  div.popup-control,
attachment-container[witzer-summary-for-attachment]  div.popup-trigger,
attachment-container[witzer-summary-for-attachment]  summary-for-attachment {
  width: 100%;
  height: 100%;
}
summary-for-attachment:not(.image)[witzer-summary-for-attachment] {
  display: grid;
  grid-template-rows: 1fr -webkit-max-content;
  grid-template-rows: 1fr max-content;
  padding: 5px;
  background-color: white;
}
summary-for-attachment:not(.image) icon[witzer-summary-for-attachment] {
  grid-row: 1;
  align-self: center;
  justify-self: center;
  font-size: 2.5em;
}
summary-for-attachment:not(.image) name[witzer-summary-for-attachment] {
  grid-row: 2;
  align-self: end;
  font-size: 12px;
  font-weight: 475;
  color: #1D1C20;
  overflow: hidden;
  text-overflow: ellipsis;
  text-wrap: nowrap;
}
summary-for-attachment[witzer-summary-for-attachment]  img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: inherit;
}
summary-for-attachment[witzer-summary-for-attachment]  page-loader {
  background: none;
}
summary-for-attachment[witzer-summary-for-attachment]  page-loader loading-spinner spinner[breezer-loading-spinner] {
  width: 20px;
  height: 20px;
  opacity: 0.5;
}
/* /Components/Avatars/AvatarList.razor.rz.scp.css */
avatars[witzer-avatar-list] {
  display: flex;
  gap: 3px;
  flex-direction: row;
}
/* /Components/Avatars/EditorForCompanyAvatar.razor.rz.scp.css */
editor-for-company-avatar[witzer-editor-for-company-avatar] {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
}
[witzer-editor-for-company-avatar] file-upload {
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--avatar-size, 93.7px);
  aspect-ratio: 1;
  border-radius: 50%;
  overflow: hidden;
}
[witzer-editor-for-company-avatar] [loading] img:not(.placeholder) {
  opacity: 0.5;
}
[witzer-editor-for-company-avatar] loading-spinner {
  position: absolute;
}
[witzer-editor-for-company-avatar] img:not(.placeholder) {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
/* /Components/BankAccount/BankAccountDisplay.razor.rz.scp.css */
link-bank-account-details[witzer-bank-account-display] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-row-gap: 10px;
}
link-bank-account-details item[witzer-bank-account-display] {
  display: contents;
}
link-bank-account-details[witzer-bank-account-display]  skeleton {
  grid-column-end: span 2;
}
button[witzer-bank-account-display] {
  width: initial !important;
}
/* /Components/BankAccount/BankAccountDisplayWithBorders.razor.rz.scp.css */
bank-details[witzer-bank-account-display-with-borders] {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
bank-details.loading bank-row[witzer-bank-account-display-with-borders] {
  background-color: var(--skeleton-loader-colour);
  border: none;
}
bank-details.loading bank-row > *[witzer-bank-account-display-with-borders] {
  visibility: hidden;
}
bank-details.not-set bank-row :nth-child(2)[witzer-bank-account-display-with-borders] {
  color: #64666C;
}
bank-row[witzer-bank-account-display-with-borders] {
  font-size: 16px;
  line-height: 20px;
  letter-spacing: -0.05px;
  border: 1px solid var(--colour-font-pebble);
  border-radius: 4px;
  box-shadow: 0px 1.5px 4px -1px rgba(10, 9, 11, 0.07);
  padding: 10px;
  background-color: white;
  color: var(--colour-primary-midnight);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
/* /Components/BankAccount/BankAccountEditDisclaimer.razor.rz.scp.css */
p[witzer-bank-account-edit-disclaimer] {
  font-size: 10px;
  line-height: 12px;
}
/* /Components/BankAccount/ConfirmLinkBankAccount.razor.rz.scp.css */
error[witzer-confirm-link-bank-account] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  align-items: start;
  color: #E73F3F;
}
error button[witzer-confirm-link-bank-account] {
  padding: 0 !important;
  border: none !important;
  background: none !important;
  color: #5A61ED !important;
}
/* /Components/BankAccount/EditorForBankAccount.razor.rz.scp.css */
editor-for[witzer-editor-for-bank-account] {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
editor-for[witzer-editor-for-bank-account]  form-field {
  margin: 0;
}
editor-for[witzer-editor-for-bank-account]  form-field label {
  font-weight: 475;
  color: #2D2B32;
}
/* /Components/BankAccount/LinkBankAccount.razor.rz.scp.css */
loading[witzer-link-bank-account] {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
/* /Components/BankAccount/LinkedAccountDialog.razor.rz.scp.css */
linked-account[witzer-linked-account-dialog] {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
span.pending[witzer-linked-account-dialog] {
  font-size: 10px;
  line-height: 12px;
  color: darkred;
}
pending-actions[witzer-linked-account-dialog] {
  display: flex;
  flex-direction: row;
  gap: 5px;
}
pending-actions[witzer-linked-account-dialog]  > * {
  flex-grow: 1;
}
/* /Components/Buttons/CardButton.razor.rz.scp.css */
button.card-button[witzer-card-button] {
  display: grid;
  grid-template-columns: 2fr 1fr;
  border-radius: 8px;
  overflow: hidden;
  border: none;
  padding: 0;
  background-color: var(--colour-primary-aloe-10);
  color: var(--colour-primary-midnight);
  box-shadow: 0px 2px 4px 2px rgba(0, 0, 0, 0.15);
  font-size: 16px;
  line-height: 20px;
  font-weight: 600;
  letter-spacing: -0.5px;
}
button.card-button:active[witzer-card-button] {
  background-color: var(--colour-secondary-kingfisher);
  color: white;
}
@media only screen and (min-width: 1001px ) {
  button.card-button[witzer-card-button] {
    font-size: 28px;
    line-height: 32px;
  }
}
@media only screen and (max-width: 800px) {
  button.card-button .caption[witzer-card-button] {
    padding: 8px 12px 20px;
  }
  button.card-button div.icon[witzer-card-button] {
    position: absolute;
    height: 44px;
  }
}
.caption[witzer-card-button] {
  padding-left: 12px;
  padding-top: 20px;
  text-align: left;
}
div.icon[witzer-card-button] {
  align-self: end;
  justify-self: end;
  display: flex;
  height: 60%;
}
img[witzer-card-button] {
  display: block;
  width: 100%;
  height: 100%;
}
img.active[witzer-card-button] {
  display: none;
}
button.card-button:active img.inactive[witzer-card-button] {
  display: none;
}
button.card-button:active img.active[witzer-card-button] {
  display: block;
}
/* /Components/Buttons/DisableableButton.razor.rz.scp.css */
[witzer-disableable-button] button {
  width: 100%;
}
/* /Components/Buttons/ImageButton.razor.rz.scp.css */
img[witzer-image-button] {
  cursor: pointer;
  opacity: 0.8;
  width: 24px;
}
@media only screen and (min-width: 1001px ) {
  img[witzer-image-button] {
    width: 32px;
  }
}
img:not([disabled]):hover[witzer-image-button] {
  opacity: 1;
}
img[disabled][witzer-image-button] {
  cursor: default;
  opacity: 0.4;
}
/* /Components/Buttons/OutlinedCardButton.razor.rz.scp.css */
button.outlined-card-v2[witzer-outlined-card-button] {
  height: 160px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 14px 12px 8px;
  background-image: var(--background-image);
  background-repeat: no-repeat;
  background-position: top right;
}
button.outlined-card-v2:hover[witzer-outlined-card-button] {
  opacity: 1;
}
button.outlined-card-v2.small[witzer-outlined-card-button] {
  height: 100px;
}
div.content[witzer-outlined-card-button] {
  font-size: var(--typography-font-size, md);
  font-weight: var(--typography-font-weight-bold);
  line-height: 1.2;
  letter-spacing: var(--typography-letter-spacing-none);
}
/* /Components/Calendar/Grid/CalendarGridItems.razor.rz.scp.css */
div.calendar-grid[witzer-calendar-grid-items] {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  align-items: center;
  justify-items: center;
  -webkit-column-gap: 6px;
     -moz-column-gap: 6px;
          column-gap: 6px;
  row-gap: 16px;
}
div.calendar-subgrid[witzer-calendar-grid-items] {
  grid-column: 1/-1;
  display: grid;
  grid-template-columns: subgrid;
}
div.calendar-grid-body[witzer-calendar-grid-items] {
  grid-row-gap: 8px;
}
div.calendar-grid-body > :first-child[witzer-calendar-grid-items] {
  grid-column: var(--first-day);
}
div.day-of-week[witzer-calendar-grid-items] {
  text-transform: uppercase;
  text-align: center;
  font-size: var(--typography-font-size-xs);
}
button.day-of-month[witzer-calendar-grid-items] {
  width: 100%;
  aspect-ratio: 1;
  font-size: var(--typography-font-size-md);
  line-height: 1.5;
}
button.day-of-month[disabled][witzer-calendar-grid-items] {
  opacity: 0.5;
}
div.day-of-month[witzer-calendar-grid-items] {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
div.day-of-month.selected[witzer-calendar-grid-items] {
  border-radius: 50%;
  background-color: var(--colour-primary-aloe-10);
}
div.date[witzer-calendar-grid-items] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
/* /Components/Calendar/List/CalendarEventListItem.razor.rz.scp.css */
a.event[witzer-calendar-event-list-item] {
  gap: 8px;
  font-size: var(--typography-font-size-xs);
  font-weight: var(--typography-font-weight-bold);
  letter-spacing: var(--typography-letter-spacing-none);
  display: grid;
  grid-template-rows: repeat(3, auto);
  grid-template-columns: 1fr auto;
  align-items: center;
}
span.event-type[witzer-calendar-event-list-item] {
  font-size: var(--typography-font-size-xs);
  font-weight: var(--typography-font-weight-bold);
}
span.name[witzer-calendar-event-list-item],
span.time[witzer-calendar-event-list-item] {
  grid-column: auto / span 2;
}
span.name[witzer-calendar-event-list-item] {
  grid-column: 1/-1;
  color: var(--semantic-fg-base);
  font-size: var(--typography-font-size-md);
}
span.time[witzer-calendar-event-list-item] {
  color: var(--semantic-fg-subtle);
  font-weight: var(--typography-font-weight-regular);
}
span.no-dates[witzer-calendar-event-list-item] {
  text-align: end;
}
/* /Components/Calendar/List/CalendarListView.razor.rz.scp.css */
div.calendar-list[witzer-calendar-list-view] {
  flex-shrink: 0;
  overflow-x: auto;
  gap: 20px;
  padding-block: 7.5px;
  align-items: baseline;
}
/* /Components/Calendar/List/DateListItem.razor.rz.scp.css */
button.date-container[witzer-date-list-item] {
  flex-shrink: 0;
  min-width: 24px;
}
div.date[witzer-date-list-item] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2px;
  letter-spacing: 0.3px;
}
div.day-of-month[witzer-date-list-item] {
  color: var(--colour-font-slate);
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
}
div.day-of-week[witzer-date-list-item] {
  color: var(--colour-primary-midnight-30);
  font-size: 12px;
}
button.date-container.selected[witzer-date-list-item] {
  width: 48px;
  padding-block: 12px;
  border-radius: 12px;
  background-color: var(--colour-primary-aloe-10);
}
button.date-container.selected .day-of-month[witzer-date-list-item],
button.date-container.selected .day-of-week[witzer-date-list-item] {
  color: var(--colour-primary-midnight);
}
button.date-container.selected .day-of-month[witzer-date-list-item] {
  font-size: 20px;
  font-weight: 700;
}
button.date-container.selected .day-of-week[witzer-date-list-item] {
  font-size: 14px;
  font-weight: 500;
}
/* /Components/Calendar/SelectForMonth.razor.rz.scp.css */
div.calendary-grid-header[witzer-select-for-month] {
  padding-block: 3px;
  gap: 16px;
}
button.month-navigation[witzer-select-for-month] {
  --size: 32px;
  width: var(--size);
  height: var(--size);
  display: flex;
  align-items: center;
  justify-content: center;
}
button.month-navigation.can-disable:not([disabled])[witzer-select-for-month] {
  background-color: var(--colour-primary-midnight-10);
  border-radius: 50%;
}
span.month-name[witzer-select-for-month] {
  font-size: var(--typography-font-size-sm);
  font-weight: var(--typography-font-weight-bold);
  line-height: 1.5;
}
/* /Components/Cards/Card.razor.rz.scp.css */
card[witzer-card] {
  display: block;
  background-color: white;
  padding: 30px;
  border-radius: 5px;
  box-shadow: 0px 2px 25px 0px rgba(100, 102, 108, 0.1);
  border: 1px solid #EFEFEF;
  border-radius: 10px;
  box-shadow: 0px 1px 2px 0px rgba(24, 24, 28, 0.06), 0px 0px 2px 0px rgba(24, 24, 28, 0.02);
  padding: 16px;
  padding-bottom: 20px;
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: 24px;
  min-width: 300px;
}
@media only screen and (max-width: 500px) {
  card[witzer-card] {
    padding: 30px 10px;
  }
}
@media only screen and (max-width: 500px) {
  card[witzer-card] {
    min-width: unset;
  }
}
card h2[witzer-card] {
  font-size: 1.125rem;
  line-height: 1.33333333;
  letter-spacing: -0.01444444em;
  font-weight: 600;
  color: #262628;
  align-self: stretch;
  display: flex;
  gap: 5px;
}
card card-contents[witzer-card] {
  font-size: 1.5rem;
  line-height: 1.16666667;
  letter-spacing: -0.03em;
  font-weight: 600;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  gap: 5px;
}
card card-contents description[witzer-card] {
  font-size: 0.75rem;
  line-height: 1.5;
  letter-spacing: -0.02666667em;
  font-weight: 400;
  color: #5F5F61;
}
card card-contents description:empty[witzer-card] {
  display: none;
}
/* /Components/Cards/CardActions.razor.rz.scp.css */
actions[witzer-card-actions] {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 16px;
}
img[witzer-card-actions] {
  margin-left: -8px;
}
/* /Components/Cards/HeadingCardContainer.razor.rz.scp.css */
card[witzer-heading-card-container] {
  display: block;
  background-color: white;
  padding: 30px;
  border-radius: 5px;
  display: flex;
  flex-direction: column;
  gap: 35px;
  box-shadow: 0px 2px 25px 0px rgba(100, 102, 108, 0.1);
}
@media only screen and (max-width: 500px) {
  card[witzer-heading-card-container] {
    padding: 30px 10px;
  }
}
card.has-separator[witzer-heading-card-container] {
  padding-bottom: 42px;
}
/* /Components/Cards/HeadingCardContents.razor.rz.scp.css */
heading[witzer-heading-card-contents] {
  display: grid;
  grid-template-columns: minmax(0, 1fr) -webkit-max-content;
  grid-template-columns: minmax(0, 1fr) max-content;
  align-items: center;
  grid-row-gap: 9px;
}
@media only screen and (max-width: 600px) {
  heading[witzer-heading-card-contents] {
    grid-template-columns: minmax(0, 1fr);
  }
}
heading main-heading[witzer-heading-card-contents] {
  grid-row: 1;
  grid-column: 1;
}
heading main-heading[witzer-heading-card-contents],
heading main-heading[witzer-heading-card-contents]  h1 {
  font-size: 24px;
  letter-spacing: -0.72px;
  font-weight: 400;
  color: var(--colour-font-slate);
}
heading sub-heading[witzer-heading-card-contents] {
  grid-row: 2;
  grid-column-start: 1;
  grid-column-end: span 2;
  font-size: 0.875rem;
  line-height: 1.42857143;
  letter-spacing: -0.00357143em;
  color: var(--colour-font-coal);
  display: grid;
  grid-template-columns: minmax(0, -webkit-max-content) -webkit-max-content;
  grid-template-columns: minmax(0, max-content) max-content;
  grid-column-gap: 8px;
}
@media only screen and (max-width: 600px) {
  heading sub-heading[witzer-heading-card-contents] {
    grid-column-end: span 1;
  }
}
heading actions[witzer-heading-card-contents] {
  grid-row: 1;
  grid-column: 2;
}
@media only screen and (max-width: 600px) {
  heading actions[witzer-heading-card-contents] {
    grid-row: initial;
    grid-column: 1;
  }
}
heading actions:empty[witzer-heading-card-contents] {
  display: none;
}
@media only screen and (max-width: 500px) {
  heading[witzer-heading-card-contents] {
    gap: 20px;
  }
}
hr[witzer-heading-card-contents] {
  width: 100%;
  height: 1px;
  border: none;
}
card-contents[witzer-heading-card-contents] {
  display: flex;
  gap: 24px;
}
card-contents.row[witzer-heading-card-contents] {
  flex-direction: row;
  flex-wrap: wrap;
}
card-contents.row[witzer-heading-card-contents] >  * {
  flex: 1 0 0;
}
@media only screen and (max-width: 700px) {
  card-contents.row[witzer-heading-card-contents] {
    flex-direction: column;
  }
}
card-contents.column[witzer-heading-card-contents] {
  flex-direction: column;
}
footer[witzer-heading-card-contents] {
  align-self: center;
}
/* /Components/Cards/ListItemCard.razor.rz.scp.css */
card[witzer-list-item-card] {
  display: block;
  background-color: white;
  padding: 16px 12px;
  border-radius: 6px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  color: var(--colour-primary-midnight);
  display: flex;
  flex-direction: column;
  gap: 20px;
}
card.can-click[witzer-list-item-card]  .ql-editor > * {
  cursor: pointer;
}
div.heading[witzer-list-item-card] {
  display: grid;
  grid-template-columns: auto 1fr auto;
  row-gap: 3px;
}
div.line-1[witzer-list-item-card] {
  grid-row: 1;
  grid-column: 1;
  color: var(--colour-secondary-kingfisher);
  font-size: var(--typography-font-size-xs);
  font-weight: var(--typography-font-weight-bold);
}
div.line-2[witzer-list-item-card] {
  grid-row: 2;
  grid-column: 1;
  font-size: var(--typography-font-size-md);
  font-weight: var(--typography-font-weight-semibold);
}
div.top-right[witzer-list-item-card] {
  grid-row: 1/3;
  grid-column: 3;
}
/* /Components/Cards/OutlinedCard.razor.rz.scp.css */
card[witzer-outlined-card] {
  box-shadow: none;
  border-radius: 5px;
  border: solid 1px #DADAE2;
  display: block;
}
card > div[witzer-outlined-card] {
  padding: 15px;
}
div.heading[witzer-outlined-card] {
  border-bottom: solid 1px #DADAE2;
}
/* /Components/Cards/V2Card.razor.rz.scp.css */
div.card[witzer-v2-card] {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: -webkit-max-content minmax(0, 1fr);
  grid-template-rows: max-content minmax(0, 1fr);
  gap: 12px;
}
div.card.no-heading[witzer-v2-card] {
  grid-template-rows: 100%;
}
div.heading-container[witzer-v2-card] {
  display: grid;
  grid-template-columns: minmax(0, 1fr) -webkit-max-content;
  grid-template-columns: minmax(0, 1fr) max-content;
  gap: 6px;
  margin-bottom: 8px;
}
button.heading[witzer-v2-card] {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
div.subheading[witzer-v2-card] {
  grid-column: 1/-1;
}
div.subheading[witzer-v2-card]  p.title {
  font-weight: 600;
}
div.actions[witzer-v2-card] {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: minmax(0, 1fr);
  gap: 12px;
  align-content: start;
}
@media only screen and (max-width: 1000px) {
  div.actions.top[witzer-v2-card] {
    grid-row: 2;
  }
}
div.content[witzer-v2-card] {
  display: flex;
  flex-direction: column;
  --spacing: 12px;
  gap: var(--spacing);
}
button.toggle-expand.always-expanded[witzer-v2-card] {
  visibility: hidden;
}
button.expanded-indicator-container[witzer-v2-card] {
  align-self: start;
}
icon.expanded-indicator[witzer-v2-card] {
  display: block;
  transition: -webkit-transform 0.15s;
  transition: transform 0.15s;
  transition: transform 0.15s, -webkit-transform 0.15s;
  -webkit-transform-origin: center;
          transform-origin: center;
}
icon.expanded-indicator.expanded[witzer-v2-card] {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
@media only screen and (min-width: 1001px ) {
  div.card[witzer-v2-card] {
    grid-template-columns: minmax(0, 1fr) -webkit-max-content;
    grid-template-columns: minmax(0, 1fr) max-content;
  }
  div.heading-container[witzer-v2-card] {
    grid-row: 1;
    grid-column: 1;
    gap: 16px;
  }
  div.actions[witzer-v2-card] {
    grid-row: 1;
    grid-column: 2;
    gap: 22px;
  }
  div.content[witzer-v2-card] {
    grid-column: 1/-1;
  }
  button.expanded-indicator-container[witzer-v2-card] {
    visibility: hidden;
  }
}
/* /Components/Carousels/TabbedContentCarouselCard.razor.rz.scp.css */
button.carousel-card[witzer-tabbed-content-carousel-card] {
  display: grid;
  grid-template-columns: minmax(0, 1fr) -webkit-max-content;
  grid-template-columns: minmax(0, 1fr) max-content;
  grid-template-rows: minmax(0, 1fr) -webkit-max-content;
  grid-template-rows: minmax(0, 1fr) max-content;
  justify-items: start;
  align-items: end;
  row-gap: 3.75px;
  -webkit-column-gap: 7.5px;
     -moz-column-gap: 7.5px;
          column-gap: 7.5px;
  height: 125px;
  flex-shrink: 0;
  border-radius: 16px;
  box-shadow: var(--card-shadow-1);
  padding: 16px;
  background-image: var(--background-image);
  background-size: cover;
  background-repeat: no-repeat;
  border: none;
}
h6[witzer-tabbed-content-carousel-card] {
  grid-column: 1;
  grid-row: 1;
  color: var(--colour-primary-aloe);
  line-height: 1;
  letter-spacing: 0;
  font-weight: 700;
}
p[witzer-tabbed-content-carousel-card] {
  grid-column: 1;
  grid-row: 2;
  font-size: 18px;
  line-height: 1.2;
  letter-spacing: 0;
  font-weight: 700;
}
div.featured-icon[witzer-tabbed-content-carousel-card] {
  grid-column: 2;
  grid-row: 1/-1;
}
@media only screen and (min-width: 1001px ) {
  button.carousel-card[witzer-tabbed-content-carousel-card] {
    height: 250px;
  }
  h6[witzer-tabbed-content-carousel-card] {
    font-size: 21px;
  }
  p[witzer-tabbed-content-carousel-card] {
    font-size: 28px;
  }
  div.featured-icon[witzer-tabbed-content-carousel-card] {
    --size: 45px;
    font-size: 18px;
  }
}
/* /Components/Claims/ClaimCard.razor.rz.scp.css */
[witzer-claim-card] card {
  height: 100%;
}
parts[witzer-claim-card] {
  display: flex;
  flex-direction: column;
  gap: 12px;
  height: 100%;
  justify-content: end;
}
part[witzer-claim-card] {
  display: grid;
  gap: 4px;
  color: var(--colour-primary-midnight);
}
total[witzer-claim-card],
total-loading[witzer-claim-card] {
  margin-top: auto;
  padding: 10px 0 0;
  border-top: 1px solid #8A8A9F4D;
}
total[witzer-claim-card] {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: right;
  gap: 5px;
  font-size: var(--typography-font-size-sm);
}
span.caption[witzer-claim-card] {
  color: var(--semantic-fg-base);
  font-weight: var(--typography-font-weight-semibold);
}
[witzer-claim-card] display-for[type="currency"] {
  font-weight: var(--typography-font-weight-medium);
}
[witzer-claim-card] skeleton[data-skeleton-type="text"] {
  width: 100%;
}
/* /Components/Claims/ClaimDetails.razor.rz.scp.css */
card[witzer-claim-details] {
  background-color: white;
  display: block;
}
card.show-parts[witzer-claim-details] {
  max-width: 1200px;
  display: grid;
  gap: 24px;
}
@media only screen and (max-width: 700px) {
  card.show-parts[witzer-claim-details] {
    gap: 50px;
    grid-template-columns: 1fr;
  }
}
card[witzer-claim-details]  heading {
  --pending: #F5B700;
  --approved: #238771;
  --settled: #035CB4;
  --declined: #A80F00;
  --discarded: #5F6368;
}
card[witzer-claim-details]  heading p {
  color: var(--colour-secondary-kingfisher);
  margin-top: -10px;
  grid-column-end: span 2;
  font-size: 1rem;
  line-height: 1.25;
  letter-spacing: -0.03125em;
  font-weight: 600;
}
card[witzer-claim-details]  heading status-pill {
  font-weight: 600;
  padding: 4px 12px;
  border-radius: 44px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  color: #FFFEFD;
  font-size: 10px;
}
card[witzer-claim-details]  heading declined-indicator {
  background-color: #961616;
  border-radius: 5px;
}
heading[witzer-claim-details] {
  display: grid;
  grid-template-columns: 1fr -webkit-max-content;
  grid-template-columns: 1fr max-content;
  grid-row-gap: 12px;
}
heading p[witzer-claim-details] {
  grid-column-end: span 2;
}
claim[witzer-claim-details] {
  display: flex;
  flex-direction: column;
  gap: 24px;
  flex-grow: 1;
}
claim heading h1[witzer-claim-details] {
  display: flex;
  flex-direction: row;
  align-items: start;
  justify-content: space-between;
}
claim parts[witzer-claim-details] {
  flex-grow: 1;
  display: grid;
  --num-columns: 2;
  grid-template-columns: repeat(var(--num-columns), 1fr);
  grid-gap: 19px;
}
@media only screen and (max-width: 1000px) {
  claim parts[witzer-claim-details] {
    --num-columns: 1;
  }
}
/* /Components/Claims/ClaimListCard.razor.rz.scp.css */
claim-list-items[witzer-claim-list-card] {
  gap: 16px;
  display: grid;
}
claims-list-card claim-totals[witzer-claim-list-card] {
  padding-top: 12px;
  border-top: 1px solid #8A8A9F4D;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
claims-list-card claim-totals claim-total[witzer-claim-list-card] {
  display: flex;
  align-items: center;
  gap: 5px;
  justify-content: right;
  font-size: 1.25rem;
  line-height: 1.5;
  letter-spacing: -0.025em;
  font-weight: 500;
}
claims-list-card claim-totals claim-total label[witzer-claim-list-card] {
  font-weight: 600;
  margin: 0;
}
@media only screen and (max-width: 700px) {
  claims-list-card claim-totals claim-total[witzer-claim-list-card] {
    font-size: 0.875rem;
    line-height: 1.5;
    letter-spacing: -0.03571429em;
  }
  claims-list-card claim-totals claim-total label[witzer-claim-list-card] {
    font-size: 0.875rem;
    line-height: 1.5;
    letter-spacing: -0.03571429em;
  }
}
claims-list-card[witzer-claim-list-card]  div.actions actions {
  display: grid;
}
@media only screen and (max-width: 700px) {
  claims-list-card[witzer-claim-list-card]  div.actions {
    grid-row: 2 !important;
  }
}
/* /Components/Claims/ClaimListItem.razor.rz.scp.css */
/* /Components/Claims/ClaimOverview.razor.rz.scp.css */
button.view-part[witzer-claim-overview],
button-loading[witzer-claim-overview] {
  padding: 10px 8px 10px 10px;
  border-radius: 8px;
  font-size: 0.875rem;
  line-height: 1.42857143;
  letter-spacing: -0.00357143em;
  font-weight: 500;
}
button.view-part[witzer-claim-overview] {
  margin-top: auto;
  width: 100%;
  box-shadow: 0px 1.5px 4px -1px rgba(10, 9, 11, 0.07);
}
button-loading[witzer-claim-overview] {
  background-color: var(--skeleton-loader-colour);
  box-sizing: content-box;
  height: 1lh;
  display: block;
}
claim-details[witzer-claim-overview] {
  display: flex;
  flex-direction: column;
  gap: 4px;
  font-size: var(--typography-font-size-sm);
  font-weight: var(--typography-font-weight-semibold);
  color: var(--colour-primary-midnight);
}
.value[witzer-claim-overview] {
  color: #222;
}
/* /Components/Claims/ClaimSummary.razor.rz.scp.css */
claim-summary[witzer-claim-summary] {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
claim-summary declined-indicator[witzer-claim-summary] {
  background-color: #E12121;
  color: white;
  padding: 10px;
  text-align: center;
}
claim-summary heading[witzer-claim-summary] {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
claim-summary[witzer-claim-summary]  claim-parts {
  flex-grow: 1;
}
claim-summary claim-part-loading[witzer-claim-summary],
claim-summary claim-total-loading[witzer-claim-summary] {
  background-color: var(--skeleton-loader-colour);
  font-size: 0.875rem;
  line-height: 1.42857143;
  letter-spacing: -0.00357143em;
  padding: 10px 8px 10px 12px;
  border-radius: 8px;
  display: block;
  box-sizing: content-box;
  height: 1lh;
}
claim-summary total[witzer-claim-summary] {
  display: flex;
  flex-direction: column;
  gap: 13px;
  padding-top: 12px;
  border-top: var(--standard-border);
}
claim-summary total total-row[witzer-claim-summary] {
  font-size: 0.875rem;
  line-height: 1.5;
  letter-spacing: -0.022em;
  font-weight: 600;
  display: grid;
  grid-row-gap: 10px;
  justify-content: right;
}
claim-summary total total-row > *[witzer-claim-summary] {
  grid-column-end: span 2;
  justify-self: center;
  align-items: center;
  display: grid;
  grid-template-columns: 1fr 75px;
  -webkit-column-gap: 5px;
     -moz-column-gap: 5px;
          column-gap: 5px;
  width: 100%;
}
claim-summary total total-row > * label[witzer-claim-summary] {
  margin: 0;
  font-size: 14px;
  text-align: right;
}
claim-summary total total-row > *:empty[witzer-claim-summary] {
  display: none;
}
claim-summary total total-row > *[witzer-claim-summary]  display-for[type=currency] {
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.5;
  letter-spacing: -0.022em;
  justify-self: end;
}
claim-summary total p[witzer-claim-summary] {
  margin: 0;
  font-size: 0.625rem;
  line-height: 1.2;
  letter-spacing: 0em;
  text-align: right;
}
claim-summary.pending status-pill[witzer-claim-summary] {
  color: var(--colour-primary-midnight);
}
claim-summary.pending[witzer-claim-summary]  claim-parts {
  background: var(--colour-primary-aloe-10);
}
/* /Components/Claims/Parts/ClaimPart.razor.rz.scp.css */
claim-part-editor[witzer-claim-part] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  --previous-claims-colour: var(--colour-primary-aloe);
  --this-claim-colour: var(--colour-secondary-banksia);
}
card[witzer-claim-part] {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
card-title[witzer-claim-part] {
  display: block;
  margin-right: 20px;
}
h3[witzer-claim-part] {
  display: inline-block;
}
sub-heading[witzer-claim-part] {
  font-size: 12px;
  letter-spacing: -0.36px;
  font-weight: 500;
  color: var(--colour-secondary-kingfisher);
  float: right;
}
p[witzer-claim-part] {
  margin: 0;
  font-size: 0.625rem;
  line-height: 1.2;
  letter-spacing: 0em;
  text-align: center;
}
/* /Components/Claims/Parts/ClaimPartAmount.razor.rz.scp.css */
claim-percent[witzer-claim-part-amount] {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.claim-percent-row[witzer-claim-part-amount] {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
label[witzer-claim-part-amount] {
  font-size: 0.875rem;
  line-height: 1.42857143;
  letter-spacing: -0.00357143em;
  color: #64666C;
}
previous-claim-percent[witzer-claim-part-amount] {
  --pill-colour: var(--previous-claims-colour);
}
this-claim-percent[witzer-claim-part-amount] {
  --pill-colour: var(--this-claim-colour);
}
[witzer-claim-part-amount] input.this-claim-percent {
  padding: 0;
  height: initial;
  font-size: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  font-weight: inherit;
  background-color: inherit;
}
/* /Components/Claims/Parts/ClaimPartAttachments.razor.rz.scp.css */
attachments.empty[witzer-claim-part-attachments]  document-list {
  display: none;
}
/* /Components/Claims/Parts/ClaimPartItemContainer.razor.rz.scp.css */
div.input[witzer-claim-part-item-container] {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
div.input:not(.primary)[witzer-claim-part-item-container] {
  opacity: 0.5;
}
div.input:has(input)[witzer-claim-part-item-container] {
  padding-right: 0;
}
div.input[witzer-claim-part-item-container]  input {
  text-align: end;
}
label[witzer-claim-part-item-container] {
  flex-shrink: 0;
}
/* /Components/Claims/Parts/ClaimPartList.razor.rz.scp.css */
claim-parts[witzer-claim-part-list] {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 12px;
  border-radius: 8px;
  background: var(--colour-primary-aloe-10);
}
claim-parts label[witzer-claim-part-list] {
  font-size: 1rem;
  line-height: 1.5;
  letter-spacing: -0.022em;
  font-weight: 600;
}
claim-parts[witzer-claim-part-list]  milestone {
  background: #FFF;
  border-radius: 6px;
}
/* /Components/Claims/Parts/ClaimPartListItem.razor.rz.scp.css */
milestone[witzer-claim-part-list-item] {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  font-size: 0.875rem;
  line-height: 1.42857143;
  letter-spacing: -0.00357143em;
  color: #64666C;
  border: 1px solid #E6E6E6;
  border-radius: 4px;
  padding: 10px 12px;
}
milestone number[witzer-claim-part-list-item] {
  flex-grow: 1;
}
milestone img[witzer-claim-part-list-item] {
  cursor: pointer;
}
/* /Components/Claims/Parts/ClaimPercentPill.razor.rz.scp.css */
div.claim-percent-pill[witzer-claim-percent-pill] {
  padding: 3px 6px;
  border-radius: 3px;
  font-size: 0.625rem;
  line-height: 1.2;
  letter-spacing: 0.05em;
  font-weight: 700;
  color: #032E2D;
  background-color: var(--pill-colour);
}
/* /Components/Claims/Status/ClaimStatusAndActions.razor.rz.scp.css */
status-and-actions.settled[witzer-claim-status-and-actions],
status-and-actions.approved[witzer-claim-status-and-actions] {
  display: none;
}
status[witzer-claim-status-and-actions] {
  -webkit-user-select: initial;
     -moz-user-select: initial;
      -ms-user-select: initial;
          user-select: initial;
  cursor: initial;
}
status.pending[witzer-claim-status-and-actions] {
  padding: 12px 8px;
  background-color: #F8F8F8;
  color: #7F7D83;
}
status.settled[witzer-claim-status-and-actions],
status.approved[witzer-claim-status-and-actions] {
  background-color: #E1FAEA;
  color: #016626;
}
status.declined[witzer-claim-status-and-actions],
status.discarded[witzer-claim-status-and-actions] {
  background-color: #FFE3E3;
  color: #961616;
}
/* /Components/Claims/Status/ClientResponse.razor.rz.scp.css */
@media only screen and (max-width: 380px) {
  div.buttons.row[witzer-client-response] {
    flex-direction: column-reverse;
  }
}
/* /Components/Claims/Status/DeclineClaim.razor.rz.scp.css */
/* /Components/Company/CompanyNameAndCode.razor.rz.scp.css */
name-and-code[witzer-company-name-and-code] {
  display: grid;
  grid-template-columns: 1fr -webkit-max-content;
  grid-template-columns: 1fr max-content;
  grid-column-gap: 10px;
  align-items: center;
}
input.code[witzer-company-name-and-code] {
  box-sizing: content-box;
  width: 3em;
}
[witzer-company-name-and-code] form-field {
  margin: 0;
}
/* /Components/Company/EditCompanyDetailsContents.razor.rz.scp.css */
div.avatar[witzer-edit-company-details-contents] {
  display: flex;
  flex-direction: row;
  justify-content: center;
}
div.memberships[witzer-edit-company-details-contents] {
  display: flex;
  flex-direction: row;
  gap: 27.5px;
}
/* /Components/CostCentres/CostCentreGrid.razor.rz.scp.css */
cost-centre-list[witzer-cost-centre-grid] {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: grid;
  grid-template-columns: -webkit-max-content 80px -webkit-max-content 60px 100px 100px 150px repeat(2, -webkit-max-content) repeat(2, 100px) 30px;
  grid-template-columns: max-content 80px max-content 60px 100px 100px 150px repeat(2, max-content) repeat(2, 100px) 30px;
  align-items: center;
  justify-items: center;
  gap: 1px;
  --grid-background: #ddd;
  background-color: var(--grid-background);
  border: solid 1px #aaa;
  grid-auto-flow: row;
  width: 100%;
  overflow-x: auto;
  --cell-padding: 8px 10px;
  --grid-font-size: 12px;
}
.heading > :first-child[witzer-cost-centre-grid] {
  grid-column: 2;
}
.heading > div[witzer-cost-centre-grid],
[witzer-cost-centre-grid] .grid-cell {
  outline: 1px solid var(--grid-background);
}
[witzer-cost-centre-grid] .grid-cell {
  background-color: white;
  width: 100%;
  height: 30px;
  align-content: center;
  font-size: 12px;
}
[witzer-cost-centre-grid] .grid-cell.padded {
  padding: var(--cell-padding);
}
div.heading[witzer-cost-centre-grid] {
  display: contents;
  font-size: 0.6em;
  font-weight: bold;
}
div.heading[witzer-cost-centre-grid] >  * {
  padding: 5px;
  background-color: var(--grid-background);
  display: flex;
  align-content: center;
  justify-content: center;
  width: 100%;
}
button-container[witzer-cost-centre-grid] {
  display: flex;
  flex-direction: row;
  justify-content: end;
  gap: 10px;
}
button-container[witzer-cost-centre-grid]  file-upload:hover div.import {
  border-color: var(--text-colour, #282120);
}
button-container[witzer-cost-centre-grid]  file-upload[loading] {
  pointer-events: none;
  opacity: 0.5;
}
button-container[witzer-cost-centre-grid]  file-upload[loading] loading-spinner {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  align-items: center;
  justify-content: center;
}
button-container[witzer-cost-centre-grid]  file-upload[loading] loading-spinner spinner {
  border: 4px solid var(--text-colour, #282120);
  border-top-color: transparent;
  opacity: 0.4;
  -webkit-animation: spin 1s ease infinite;
          animation: spin 1s ease infinite;
}
[witzer-cost-centre-grid] div.numeric {
  text-align: right;
  font-size: 12px;
}
[witzer-cost-centre-grid] dropdown-selected[breezer-dropdown] {
  font-size: 12px;
}
[witzer-cost-centre-grid] input {
  font-size: 12px;
}
/* /Components/CostCentres/CostCentreGridRow.razor.rz.scp.css */
cost-centre[witzer-cost-centre-grid-row]  div.grab-container {
  width: 100%;
  background-color: var(--grid-background);
  outline: 1px solid var(--grid-background);
}
cost-centre[witzer-cost-centre-grid-row]  div.grab-container > div.grab {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
cost-centre[witzer-cost-centre-grid-row]  div.grab-container > div.grab:not(:hover) icon {
  display: none;
}
cost-centre[witzer-cost-centre-grid-row]  input {
  border-radius: 0;
  border-color: transparent;
  min-width: 100%;
  max-width: 100%;
  width: 100%;
  height: 100%;
  text-align: inherit;
}
cost-centre[witzer-cost-centre-grid-row]  input:hover {
  background-color: #F2F2F2;
}
cost-centre[witzer-cost-centre-grid-row]  input:focus {
  background-color: white;
}
cost-centre[witzer-cost-centre-grid-row]  dropdown-selected {
  white-space: nowrap;
  border-color: transparent;
  box-shadow: none;
  height: 100%;
  border-radius: 0;
}
cost-centre[witzer-cost-centre-grid-row]  dropdown {
  margin-right: 0;
  width: 100%;
}
cost-centre[witzer-cost-centre-grid-row]  div.popup-control,
cost-centre[witzer-cost-centre-grid-row]  div.popup-trigger {
  height: 100%;
}
cost-centre[witzer-cost-centre-grid-row]  editor-for[breezer-editor-for-enum] {
  margin-top: 0;
  margin-bottom: 0;
  height: 100%;
}
div.add-cost-centre[witzer-cost-centre-grid-row] {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 10px;
  cursor: pointer;
}
cost-centre[witzer-cost-centre-grid-row],
[witzer-cost-centre-grid-row] div.drop {
  grid-column: 1/-1;
  display: grid;
  grid-template-columns: subgrid;
}
@supports not (grid-template-columns: subgrid) {
  cost-centre[witzer-cost-centre-grid-row],
  [witzer-cost-centre-grid-row] div.drop {
    display: contents;
  }
  [witzer-cost-centre-grid-row] div.drop > :first-child {
    grid-column: 1;
  }
  [witzer-cost-centre-grid-row] div.drop > * {
    height: 100%;
  }
}
/* /Components/CostCentres/CostCentreMilestone.razor.rz.scp.css */
milestone-row[witzer-cost-centre-milestone] {
  display: contents;
}
milestone-row[witzer-cost-centre-milestone]  > :first-child {
  grid-column: 1;
}
milestone[witzer-cost-centre-milestone],
[witzer-cost-centre-milestone] div.toggle {
  height: 100%;
  background-color: white;
}
milestone[witzer-cost-centre-milestone] {
  width: 100%;
  grid-column-start: 2;
  grid-column-end: -1;
}
milestone.collapsed[witzer-cost-centre-milestone] {
  grid-column-end: 6;
}
milestone[witzer-cost-centre-milestone]  div.milestone {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 5px;
}
div.toggle-button[witzer-cost-centre-milestone] {
  height: 100%;
  display: flex;
  align-items: center;
  padding-inline: 10px;
  cursor: pointer;
}
[witzer-cost-centre-milestone] input[type="milestone-code"] {
  min-width: 0;
  width: 3em;
  box-sizing: content-box;
}
span.milestone-total[witzer-cost-centre-milestone] {
  font-size: 0.8em;
  font-weight: 300;
}
[witzer-cost-centre-milestone] sub-type-pill {
  margin-left: 10px;
  font-size: 0.75em;
}
input[witzer-cost-centre-milestone] {
  max-width: 80px;
  min-width: 80px;
}
span.package-code[witzer-cost-centre-milestone] {
  margin-right: 5px;
}
/* /Components/CostCentres/ImportError.razor.rz.scp.css */
ul[witzer-import-error] {
  padding-left: 1em;
}
/* /Components/CostCentres/TotalsRow.razor.rz.scp.css */
totals[witzer-totals-row] {
  display: contents;
  font-size: var(--grid-font-size);
}
.inline[witzer-totals-row] >  div {
  background-color: white;
  height: 100%;
}
[witzer-totals-row] div {
  width: 100%;
  padding: var(--cell-padding);
}
[witzer-totals-row] .total {
  grid-column: 5;
  text-align: center;
}
[witzer-totals-row] .budget {
  grid-column: 6;
}
[witzer-totals-row] .committed {
  grid-column: 10;
}
[witzer-totals-row] .claimed {
  grid-column: 11;
}
[witzer-totals-row] .insufficient-budget {
  border: 1px solid red;
}
.filler.budget-committed[witzer-totals-row] {
  grid-column: 7/10;
}
[witzer-totals-row] .filler.add-cost-centre {
  grid-column: 12;
}
/* /Components/Currency/EditorForCurrency.razor.rz.scp.css */
input[witzer-editor-for-currency] {
  font-size: 16px;
  line-height: 20px;
  letter-spacing: -0.05px;
  border: 1px solid var(--colour-font-pebble);
  border-radius: 4px;
  box-shadow: 0px 1.5px 4px -1px rgba(10, 9, 11, 0.07);
  padding: 10px;
  background-color: white;
  color: var(--colour-primary-midnight);
}
input[witzer-editor-for-currency]::-webkit-input-placeholder {
  color: var(--colour-primary-midnight);
  opacity: 0.6;
}
input[witzer-editor-for-currency]::-moz-placeholder {
  color: var(--colour-primary-midnight);
  opacity: 0.6;
}
input[witzer-editor-for-currency]::-ms-input-placeholder {
  color: var(--colour-primary-midnight);
  opacity: 0.6;
}
input[witzer-editor-for-currency]::placeholder {
  color: var(--colour-primary-midnight);
  opacity: 0.6;
}
input:hover[witzer-editor-for-currency] {
  border-color: var(--border-colour);
}
input:focus[witzer-editor-for-currency],
input:focus-within[witzer-editor-for-currency] {
  border-color: var(--colour-primary-aloe-50);
}
/* /Components/DocumentAvatar.razor.rz.scp.css */
div.document-avatar[witzer-document-avatar] {
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}
div.document-avatar[witzer-document-avatar]  img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
/* /Components/DragAndDrop/DragAndDropGrab.razor.rz.scp.css */
div.grab[witzer-drag-and-drop-grab] {
  cursor: grab;
}
/* /Components/DropdownButtonContainer.razor.rz.scp.css */
dropdown-container[witzer-dropdown-button-container] {
  background: var(--colour-primary-midnight);
  box-shadow: 0px 0px 0px 1px rgba(10, 9, 11, 0.05), 0px 0px 3px -1px rgba(10, 9, 11, 0.04), 0px 16px 24px -6px rgba(10, 9, 11, 0.08);
  padding: 20px;
  border-radius: 8px;
  display: grid;
  gap: 10px;
  cursor: default;
}
[witzer-dropdown-button-container] button {
  width: 100%;
}
/* /Components/EditorForTotalWithGst.razor.rz.scp.css */
div.column-layout[witzer-editor-for-total-with-gst] {
  font-size: 14px;
}
sub-total[witzer-editor-for-total-with-gst] {
  padding: 0;
}
label.sub-total[witzer-editor-for-total-with-gst] {
  display: flex;
  align-items: center;
  padding-left: var(--input-padding-with-border);
}
[witzer-editor-for-total-with-gst] input {
  text-align: right;
}
.totals-row[witzer-editor-for-total-with-gst] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  --input-border-width: 0;
  padding: var(--input-padding);
}
gst[witzer-editor-for-total-with-gst]  display-for[type="currency"] {
  color: var(--colour-primary-midnight-30);
  font-weight: 500;
}
total[witzer-editor-for-total-with-gst]  display-for[type="currency"] {
  font-weight: 600;
}
/* /Components/EmailConfirmation/ConfirmEmail.razor.rz.scp.css */
img[witzer-confirm-email] {
  margin-inline: auto;
  max-width: 200px;
}
@media only screen and (min-width: 501px ) {
  img[witzer-confirm-email] {
    max-width: 300px;
  }
}
[witzer-confirm-email] button {
  margin-top: 0;
  white-space: wrap;
}
/* /Components/Expandable/ExpandedIndicator.razor.rz.scp.css */
icon.expanded-indicator[witzer-expanded-indicator] {
  transition: -webkit-transform 0.15s;
  transition: transform 0.15s;
  transition: transform 0.15s, -webkit-transform 0.15s;
  -webkit-transform-origin: center;
          transform-origin: center;
}
icon.expanded-indicator.expanded[witzer-expanded-indicator] {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
/* /Components/FullScreenContainer.razor.rz.scp.css */
full-screen-container[witzer-full-screen-container] {
  display: flex;
  flex-direction: column;
  gap: 20px;
  justify-content: space-between;
}
full-screen-container.full-screen[witzer-full-screen-container] {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 9;
  background-color: white;
  padding-block: 30px;
}
full-screen-container.full-screen > *[witzer-full-screen-container] {
  padding-inline: 30px;
}
full-screen-container.full-screen contents[witzer-full-screen-container] {
  overflow-y: auto;
}
full-screen-container.full-screen full-screen-bottom[witzer-full-screen-container]::before {
  display: block;
  content: '';
  height: 130px;
  width: 100%;
  position: absolute;
  left: 0;
  pointer-events: none;
  margin-top: -140px;
  background: linear-gradient(#FFF0 0%, #FFFF 100%);
}
full-screen-container.full-screen.scrolled full-screen-bottom[witzer-full-screen-container]::before {
  display: none;
}
full-screen-bottom[witzer-full-screen-container] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: end;
}
icon.toggle-full-screen[witzer-full-screen-container] {
  cursor: pointer;
}
/* /Components/Funding/Disclaimers.razor.rz.scp.css */
p[witzer-disclaimers] {
  color: var(--colour-primary-midnight);
  font-size: 0.625rem;
  line-height: 1.5;
  letter-spacing: -0.022em;
  font-weight: 500;
}
/* /Components/Funding/FundingDetails.razor.rz.scp.css */
funding-details[witzer-funding-details] {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
required-funds[witzer-funding-details] {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
amount[witzer-funding-details]  display-for[type="currency"] {
  padding: 18px;
  font-size: 36px;
  text-align: center;
  height: 81px;
  margin-bottom: 12px;
  display: block;
}
/* /Components/Funding/FundProject.razor.rz.scp.css */
fund-project[witzer-fund-project] {
  display: grid;
  gap: 16px;
}
fund-project[witzer-fund-project]  card:first-of-type {
  padding: 12px;
}
fund-project[witzer-fund-project]  card:first-of-type h3 {
  font-size: 0.75rem;
  line-height: 1.33333333;
  letter-spacing: -0.04166667em;
}
fund-project[witzer-fund-project]  modal-card {
  max-width: 500px;
}
fund-project[witzer-fund-project]  p {
  margin: 0;
}
/* /Components/Funding/ProjectFundingAmount.razor.rz.scp.css */
card[witzer-project-funding-amount] {
  display: block;
  background-color: white;
  padding: 30px;
  border-radius: 5px;
  box-shadow: 0px 2px 25px 0px rgba(100, 102, 108, 0.1);
  padding: 0 !important;
  display: flex;
  flex-direction: column;
  box-shadow: none;
  gap: 10px;
}
@media only screen and (max-width: 500px) {
  card[witzer-project-funding-amount] {
    padding: 30px 10px;
  }
}
card use-funding-method[witzer-project-funding-amount] {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 20px;
}
card use-funding-method.not-available[witzer-project-funding-amount] {
  opacity: 0.5;
}
card[witzer-project-funding-amount]  input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}
[witzer-project-funding-amount] editor-for[type="bool"] {
  flex-shrink: 0;
}
/* /Components/Funding/TotalAmount.razor.rz.scp.css */
total-amount[witzer-total-amount] {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: right;
  gap: 5px;
  font-size: 14px;
  padding-top: 16px;
  border-top: 1px solid #8A8A9F4D;
}
label[witzer-total-amount] {
  margin: 0;
  font-weight: 600;
}
[witzer-total-amount] display-for[type="currency"] {
  font-weight: 500;
}
/* /Components/Funding/Validation.razor.rz.scp.css */
error[witzer-validation] {
  color: #E73F3F;
}
/* /Components/Gestures/Swipe.razor.rz.scp.css */
div[witzer-swipe] {
  width: 100%;
  height: 100%;
}
/* /Components/Graphing/LabelledPieChart.razor.rz.scp.css */
div.labelled-pie-chart-container[witzer-labelled-pie-chart] {
  container-type: inline-size;
  container-name: labelled-pie-chart;
}
div.labelled-pie-chart[witzer-labelled-pie-chart] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
[witzer-labelled-pie-chart] div.pie-chart-container {
  width: min(300px, 100%);
}
@container labelled-pie-chart (width > 400px) {
  div.labelled-pie-chart[witzer-labelled-pie-chart] {
    display: grid;
    grid-template-columns: 1fr -webkit-max-content;
    grid-template-columns: 1fr max-content;
    align-items: start;
  }
  [witzer-labelled-pie-chart] div.pie-chart-container {
    width: initial;
  }
  [witzer-labelled-pie-chart] div.labels {
    display: flex;
    flex-direction: column;
  }
}
/* /Components/Graphing/PieChart.razor.rz.scp.css */
.pie-chart-container[witzer-pie-chart] {
  display: flex;
  justify-content: center;
  align-items: center;
  aspect-ratio: 1;
  position: relative;
}
[witzer-pie-chart] svg {
  max-height: min(450px, 100%);
  position: absolute;
}
/* /Components/Graphing/PieChartLabels.razor.rz.scp.css */
.labels[witzer-pie-chart-labels] {
  display: grid;
  gap: 30px;
  padding: 30px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
chart-colour[witzer-pie-chart-labels] {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-template-rows: auto auto;
  align-items: center;
  gap: 5px;
}
name[witzer-pie-chart-labels] {
  font-size: var(--typography-font-size-sm);
  font-weight: var(--typography-font-weight-medium);
}
chart-colour[witzer-pie-chart-labels]  display-for[type="currency"] {
  grid-column: 2;
  font-size: var(--typography-font-size-md);
  font-weight: var(--typography-font-weight-semibold);
}
chart-colour[witzer-pie-chart-labels]::before {
  content: "";
  height: 12px;
  aspect-ratio: 1;
  border-radius: 50%;
  border: 2px solid var(--colour);
  background-color: var(--colour);
}
chart-colour.transparent[witzer-pie-chart-labels]::before {
  background-color: rgb(from var(--colour) r g b / 0.5);
}
@media only screen and (max-width: 700px) {
  .labels[witzer-pie-chart-labels] {
    padding: 15px;
  }
}
/* /Components/Graphing/PieChartPositioner.razor.rz.scp.css */
div[witzer-pie-chart-positioner] {
  position: fixed;
  left: -10000px;
  top: -10000px;
  z-index: 2;
}
/* /Components/Images/Upload/DisplayForDocumentWithRoundedBorders.razor.rz.scp.css */
div.image-container[witzer-display-for-document-with-rounded-borders] {
  width: 100%;
  aspect-ratio: 3/2;
}
[witzer-display-for-document-with-rounded-borders] img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 12px;
}
/* /Components/Images/Upload/ImagePlaceholder.razor.rz.scp.css */
div.avatar-placeholder[witzer-image-placeholder] {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--avatar-size, 93.7px);
  height: var(--avatar-size, 93.7px);
  border-radius: 50%;
  background: #D9D9D9;
}
div.avatar-placeholder[witzer-image-placeholder]:after {
  border: 5px solid #5F6368;
  content: "";
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  border-radius: 50%;
  margin: 5px;
}
/* /Components/Images/Upload/RectangleUploadedImage.razor.rz.scp.css */
div.image-rectangle[witzer-rectangle-uploaded-image] {
  position: relative;
  width: 100%;
  aspect-ratio: 3/2;
}
[witzer-rectangle-uploaded-image] file-upload {
  position: absolute;
  top: 16px;
  right: 13px;
}
div.edit-container[witzer-rectangle-uploaded-image] {
  padding: 3px 4px 6px 7px;
  border-radius: 4px;
  background-color: rgba(255, 255, 255, 0.35);
}
img.edit[witzer-rectangle-uploaded-image] {
  width: 24px;
}
@media only screen and (min-width: 1001px ) {
  img.edit[witzer-rectangle-uploaded-image] {
    width: 32px;
  }
}
/* /Components/Images/Upload/RoundUploadedImage.razor.rz.scp.css */
div.image-circle[witzer-round-uploaded-image] {
  display: flex;
  align-items: center;
  gap: 20px;
}
[witzer-round-uploaded-image] file-upload {
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--avatar-size, 93.7px);
  aspect-ratio: 1;
  border-radius: 50%;
  overflow: hidden;
}
[witzer-round-uploaded-image] img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
/* /Components/Images/Upload/WitzerEditorForDocument.razor.rz.scp.css */
div.image-editor[witzer-witzer-editor-for-document] {
  display: flex;
  justify-content: center;
}
div.no-image[witzer-witzer-editor-for-document] {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
div.no-image[witzer-witzer-editor-for-document]  loading-spinner {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
/* /Components/InformationIcon.razor.rz.scp.css */
button.information[witzer-information-icon] {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
}
span.label[witzer-information-icon] {
  font-size: var(--typography-font-size-xs);
  color: var(--colour-primary-midnight-50);
}
/* /Components/Inputs/InputIcon.razor.rz.scp.css */
div.icon[witzer-input-icon] {
  width: var(--icon-size);
  height: var(--icon-size);
  align-self: center;
  z-index: 1;
}
div.icon.non-interactive[witzer-input-icon] {
  pointer-events: none;
}
div.icon.leading[witzer-input-icon] {
  justify-self: start;
  margin-left: var(--outer-padding);
}
div.icon.trailing[witzer-input-icon] {
  justify-self: end;
  margin-right: var(--outer-padding);
}
/* /Components/Inputs/InputIconContainer.razor.rz.scp.css */
div.input-container[witzer-input-icon-container] {
  width: 100%;
  display: grid;
  --icon-size: 24px;
  --outer-padding: 12px;
  --left-inner-padding: 12px;
  --right-inner-padding: 20px;
}
div.input-container[witzer-input-icon-container] >  * {
  grid-row: 1;
  grid-column: 1;
}
div.input-container.small-icon[witzer-input-icon-container] {
  --icon-size: 20px;
  --outer-padding: 16px;
  --left-inner-padding: 14px;
  --right-inner-padding: 14px;
}
div.input-container:has(.icon.leading)[witzer-input-icon-container]  input {
  padding-left: calc(var(--outer-padding) + var(--icon-size) + var(--left-inner-padding));
}
div.input-container:has(.icon.trailing)[witzer-input-icon-container]  input {
  padding-right: calc(var(--outer-padding) + var(--icon-size) + var(--right-inner-padding));
}
/* /Components/Invitations/Invitation.razor.rz.scp.css */
invitation-description[witzer-invitation] {
  margin: 0;
  max-width: 100%;
  font-size: 1.125rem;
  line-height: 1.33333333;
  letter-spacing: -0.01444444em;
  font-weight: 700;
}
/* /Components/Invitations/InvitationAcceptanceArea.razor.rz.scp.css */
terms[witzer-invitation-acceptance-area] {
  display: flex;
  flex-direction: row;
  align-items: start;
  gap: 15px;
}
terms[witzer-invitation-acceptance-area]  input[disabled] {
  pointer-events: none;
}
actions[witzer-invitation-acceptance-area] {
  display: flex;
  flex-direction: row;
  gap: 10px;
}
actions[witzer-invitation-acceptance-area] >  * {
  flex: 1 0 0;
}
/* /Components/InviteContractor.razor.rz.scp.css */
p.main-text[witzer-invite-contractor] {
  font-weight: 500;
}
tradie-details[witzer-invite-contractor] {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
[witzer-invite-contractor] input {
  min-width: unset;
  width: 100%;
}
[witzer-invite-contractor] button.inline {
  font-size: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  color: #5A61ED;
}
/* /Components/LabelledDateInput.razor.rz.scp.css */
date-input[witzer-labelled-date-input] {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 0;
}
label[witzer-labelled-date-input] {
  flex-grow: 1;
  display: flex;
  align-items: center;
  padding: var(--input-padding-with-border);
}
/* /Components/Layout/V2/Menu/HelpButton.razor.rz.scp.css */
a[witzer-help-button] {
  display: block;
  width: 38px;
  height: 38px;
}
img[witzer-help-button] {
  width: 100%;
  height: 100%;
}
/* /Components/Layout/V2/Menu/MenuAddProject.razor.rz.scp.css */
button.add-project.icon-only[witzer-menu-add-project] {
  --button-height: 38px;
}
/* /Components/Layout/V2/Menu/MenuLogo.razor.rz.scp.css */
a.logos[witzer-menu-logo] {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 13px;
}
img.logo-w[witzer-menu-logo] {
  height: 29px;
}
img.logo-text[witzer-menu-logo] {
  height: 23px;
}
@media only screen and (max-width: 1100px) {
  img.logo-text[witzer-menu-logo] {
    height: 19.5px;
  }
  a.logos[witzer-menu-logo] {
    padding: 11px;
  }
  img.logo-w[witzer-menu-logo] {
    height: 19.5px;
  }
}
@media only screen and (max-width: 500px) {
  div.logos[witzer-menu-logo] {
    display: none;
  }
}
/* /Components/Layout/V2/Menu/MobileFloatingMenu.razor.rz.scp.css */
div.menu-container[witzer-mobile-floating-menu] {
  grid-area: floating-menu;
  z-index: var(--z-index-menu);
  margin-bottom: max(var(--spacing), calc(env(safe-area-inset-bottom, 0px) + 2px));
  margin-left: var(--spacing);
  margin-right: var(--spacing);
}
div.menu[witzer-mobile-floating-menu] {
  height: var(--mobile-menu-height);
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 12px;
  padding-right: 10px;
  border-radius: 50px;
}
button.toggle[witzer-mobile-floating-menu] {
  color: white;
  padding-left: 7px;
  padding-right: 7px;
  display: flex;
  align-items: center;
}
button.toggle icon[witzer-mobile-floating-menu] {
  font-size: 20px;
}
button.toggle span[witzer-mobile-floating-menu] {
  font-size: var(--typography-font-size-md, 16px);
  letter-spacing: var(--typography-letter-spacing-none, 0px);
  margin-left: 8px;
}
@media only screen and (min-width: 501px ) {
  div.menu-container[witzer-mobile-floating-menu] {
    display: none;
  }
}
/* /Components/Layout/V2/Menu/Navigation/AiNavigationItem.razor.rz.scp.css */
button.ai-widget[witzer-ai-navigation-item] {
  height: 42px;
  width: 100%;
  padding: 4px 14px;
}
img.rusty[witzer-ai-navigation-item] {
  width: 26px;
}
/* /Components/Layout/V2/Menu/Navigation/NavigationItem.razor.rz.scp.css */
div.navigation-item[witzer-navigation-item] {
  display: grid;
  grid-template-columns: auto 1fr;
  -webkit-column-gap: 19px;
     -moz-column-gap: 19px;
          column-gap: 19px;
  --navigation-item-border-radius: 9px;
}
[witzer-navigation-item] a.root-item {
  grid-column: 1/-1;
  display: grid;
  grid-template-columns: subgrid;
  align-items: center;
  color: var(--colour-font-pebble);
}
div.icon-container[witzer-navigation-item] {
  --size: 40px;
  width: var(--size);
  height: var(--size);
  padding: 4px;
  background-color: var(--colour-violet-65125);
  border-radius: var(--navigation-item-border-radius);
}
img.icon[witzer-navigation-item] {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
img.icon.active[witzer-navigation-item] {
  display: none;
}
div.sub-items[witzer-navigation-item] {
  display: none;
}
[witzer-navigation-item] a.root-item.active {
  background-color: var(--colour-primary-aloe-30);
  color: var(--colour-primary-midnight);
  border-radius: var(--navigation-item-border-radius);
}
[witzer-navigation-item] a.root-item.active div.icon-container {
  background-color: inherit;
}
[witzer-navigation-item] a.root-item.active img.icon.default {
  display: none;
}
[witzer-navigation-item] a.root-item.active img.icon.active {
  display: block;
}
div.navigation-item:has(a.root-item.active) div.sub-items[witzer-navigation-item] {
  grid-column: 1/-1;
  display: grid;
  grid-template-columns: subgrid;
  padding-inline: var(--navigation-item-border-radius);
}
[witzer-navigation-item] a.sub-item {
  display: grid;
  grid-column: 1/-1;
  grid-template-columns: subgrid;
  padding-block: 8px;
}
span.sub-item-name[witzer-navigation-item] {
  grid-column: 2;
}
[witzer-navigation-item] a.sub-item.active {
  background-color: var(--colour-violet-65125);
}
/* /Components/Layout/V2/Menu/Navigation/NavigationItems.razor.rz.scp.css */
nav[witzer-navigation-items] {
  gap: 12px;
}
/* /Components/Layout/V2/Menu/ToggleButton.razor.rz.scp.css */
button.toggle[witzer-toggle-button] {
  color: white;
}
/* /Components/Layout/V2/Menu/V2AccountWidget.razor.rz.scp.css */
a.user-account[witzer-v2-account-widget] {
  --avatar-size: 51px;
  row-gap: 2px;
  -webkit-column-gap: 7px;
     -moz-column-gap: 7px;
          column-gap: 7px;
}
span.name[witzer-v2-account-widget] {
  color: var(--colour-grey-100);
  font-size: var(--typography-font-size-md);
  font-weight: var(--typography-font-weight-semibold);
  line-height: 1.5;
}
span.company[witzer-v2-account-widget] {
  color: var(--colour-primary-aloe);
  font-size: var(--typography-font-size-sm);
  font-weight: var(--typography-font-weight-regular);
  line-height: 20px;
}
/* /Components/Layout/V2/Menu/V2Menu.razor.rz.scp.css */
div.menu[witzer-v2-menu] {
  grid-area: navigation;
  height: 100%;
  padding: 40px 24px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 24px;
  z-index: var(--z-index-menu);
  width: 310px;
  padding: 42px 15px 17px 12px;
  overflow-y: auto;
  position: relative;
}
@media only screen and (min-width: 501px ) and (max-width: 1100px ) {
  div.menu[witzer-v2-menu] {
    width: 192px;
  }
}
@media only screen and (max-width: 500px) {
  div.menu[witzer-v2-menu] {
    width: auto;
    min-width: 100px;
    padding-top: 14px;
    margin-left: var(--spacing);
    margin-right: var(--spacing);
  }
}
@media only screen and (max-width: 500px) {
  div.menu[witzer-v2-menu] {
    transition: left ease-in-out 0.2s, opacity linear 0.2s;
  }
  div.menu.collapsed[witzer-v2-menu] {
    left: -100vw;
    opacity: 0;
  }
  div.menu.expanded[witzer-v2-menu] {
    left: 0vw;
    opacity: 1;
  }
}
div.layout-menu-area[witzer-v2-menu] {
  align-items: center;
}
.menu .top-area[witzer-v2-menu] {
  flex-direction: row;
  justify-content: space-between;
}
.menu .middle-area[witzer-v2-menu] {
  align-items: stretch;
}
.menu .bottom-area[witzer-v2-menu] {
  flex-direction: row;
  justify-content: space-between;
}
@media only screen and (max-width: 500px) {
  .bottom-area[witzer-v2-menu]  button.add-project {
    display: none;
  }
}
.middle-area[witzer-v2-menu] {
  margin-top: auto;
}
hr[witzer-v2-menu] {
  align-self: stretch;
}
@media only screen and (max-width: 500px) {
  hr.post-nav[witzer-v2-menu] {
    display: none;
  }
}
div.toggle-container[witzer-v2-menu] {
  display: none;
}
/* /Components/Layout/V2/SearchInput.razor.rz.scp.css */
img.search-icon[witzer-search-input] {
  width: 100%;
  height: 100%;
}
/* /Components/Layout/V2/V2Header.razor.rz.scp.css */
div.header[witzer-v2-header] {
  z-index: 1;
  grid-area: header;
  display: flex;
  min-height: 100px;
  align-items: end;
  justify-content: space-between;
  padding-inline: 20px;
  padding-top: max(calc(env(safe-area-inset-top, 0px) + 5px), var(--spacing));
  padding-bottom: 10px;
  font-weight: var(--typography-font-weight-bold);
  letter-spacing: var(--typography-letter-spacing-none);
  gap: 16px;
  --logo-size: 40px;
}
@media only screen and (max-width: 500px) {
  div.header[witzer-v2-header] {
    border-radius: 0;
    min-height: auto;
  }
}
a.logo-circle[witzer-v2-header] {
  width: var(--logo-size);
  height: var(--logo-size);
  border-radius: 50%;
  background-color: var(--colour-primary-aloe);
  display: flex;
  align-items: center;
  justify-content: center;
}
img.logo[witzer-v2-header] {
  height: 20px;
}
span.title[witzer-v2-header] {
  color: var(--colour-font-creme);
  font-size: var(--typography-font-size-xl);
  grid-row: 2;
}
div.search-container[witzer-v2-header] {
  max-width: 400px;
  flex-grow: 1;
}
@media only screen and (min-width: 501px ) and (max-width: 1100px ) {
  div.search-container[witzer-v2-header] {
    max-width: 300px;
    flex-grow: initial;
  }
}
@media only screen and (max-width: 500px) {
  div.search-container[witzer-v2-header] {
    max-width: inherit;
    width: 100%;
  }
}
/* /Components/Layout/V2/V2NavigationBack.razor.rz.scp.css */
button.back[witzer-v2-navigation-back] {
  color: white;
  width: var(--logo-size);
  height: var(--logo-size);
  display: flex;
  align-items: center;
  justify-content: center;
}
span.breadcrumb[witzer-v2-navigation-back] {
  font-size: var(--typography-font-size-xs);
}
div.navigation-back-container[witzer-v2-navigation-back] {
  display: contents;
}
div.navigation-back-container.desktop-only[witzer-v2-navigation-back] {
  display: none;
}
@media only screen and (min-width: 1001px ) {
  div.navigation-back-container.desktop-only[witzer-v2-navigation-back] {
    display: contents;
  }
  div.navigation-back-container.mobile-only[witzer-v2-navigation-back] {
    display: none;
  }
}
/* /Components/Links/DisplayForLink.razor.rz.scp.css */
display-for[witzer-display-for-link] {
  display: grid;
}
display-for[witzer-display-for-link]::after {
  content: attr(replicated-value) " ";
  white-space: pre-wrap;
  visibility: hidden;
}
textarea[witzer-display-for-link] {
  resize: none;
  overflow: hidden;
}
textarea[witzer-display-for-link],
display-for[witzer-display-for-link]::after {
  font-size: 16px;
  line-height: 20px;
  letter-spacing: -0.05px;
  border: 1px solid var(--colour-font-pebble);
  border-radius: 4px;
  box-shadow: 0px 1.5px 4px -1px rgba(10, 9, 11, 0.07);
  padding: 10px;
  background-color: white;
  color: var(--colour-primary-midnight);
  word-break: break-all;
  grid-area: 1 / 1 / 2 / 2;
}
textarea[witzer-display-for-link]::-webkit-input-placeholder,
display-for[witzer-display-for-link]::after::-webkit-input-placeholder {
  color: var(--colour-primary-midnight);
  opacity: 0.6;
}
textarea[witzer-display-for-link]::-moz-placeholder,
display-for[witzer-display-for-link]::after::-moz-placeholder {
  color: var(--colour-primary-midnight);
  opacity: 0.6;
}
textarea[witzer-display-for-link]::-ms-input-placeholder,
display-for[witzer-display-for-link]::after::-ms-input-placeholder {
  color: var(--colour-primary-midnight);
  opacity: 0.6;
}
textarea[witzer-display-for-link]::placeholder,
display-for[witzer-display-for-link]::after::placeholder {
  color: var(--colour-primary-midnight);
  opacity: 0.6;
}
textarea:hover[witzer-display-for-link],
display-for[witzer-display-for-link]::after:hover {
  border-color: var(--border-colour);
}
textarea:focus[witzer-display-for-link],
display-for[witzer-display-for-link]::after:focus,
textarea:focus-within[witzer-display-for-link],
display-for[witzer-display-for-link]::after:focus-within {
  border-color: var(--colour-primary-aloe-50);
}
/* /Components/Lists/FlatBarFilter.razor.rz.scp.css */
filter[witzer-flat-bar-filter] {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  gap: 20px;
  font-size: 12px;
  font-weight: 500;
  color: var(--colour-primary-midnight);
}
@media only screen and (max-width: 1000px) {
  filter[witzer-flat-bar-filter] {
    flex-direction: column;
    justify-content: initial;
    gap: 20px;
  }
}
filter-options-container[witzer-flat-bar-filter] {
  display: flex;
  flex-direction: row;
  gap: 10px;
  font-weight: bold;
}
filter-options-container filter-options[witzer-flat-bar-filter] {
  display: flex;
  flex-direction: row;
  gap: 10px;
  padding-bottom: 10px;
  overflow: auto;
  font-weight: normal;
}
filter-option[witzer-flat-bar-filter] {
  flex-shrink: 0;
}
filter-option:not(.loading)[witzer-flat-bar-filter] {
  cursor: pointer;
}
filter-option.selected[witzer-flat-bar-filter] {
  color: #5A61ED;
}
filter-option:not(.selected):not(.loading)[witzer-flat-bar-filter] {
  opacity: 0.65;
}
filter-option.loading[witzer-flat-bar-filter] {
  opacity: 0.5;
}
/* /Components/Lists/ListItemsNoDataAddNew.razor.rz.scp.css */
list-items-no-data[witzer-list-items-no-data-add-new] {
  grid-column: 1/-1;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px 0;
  color: var(--colour-primary-midnight-30);
}
list-items-no-data[witzer-list-items-no-data-add-new]  button {
  font: inherit;
  color: var(--colour-primary-midnight);
}
/* /Components/Lists/ListSeeMore.razor.rz.scp.css */
span.see-more[witzer-list-see-more] {
  font-size: 0.875rem;
  line-height: 1.42857143;
  letter-spacing: -0.00142857em;
  font-weight: 550;
  color: #032E2D;
}
/* /Components/Lists/SearchInput.razor.rz.scp.css */
search-input[witzer-search-input] {
  font-size: 16px;
  line-height: 20px;
  letter-spacing: -0.05px;
  border: 1px solid var(--colour-font-pebble);
  box-shadow: 0px 1.5px 4px -1px rgba(10, 9, 11, 0.07);
  padding: 10px;
  background-color: white;
  color: var(--colour-primary-midnight);
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 16px;
  border: 1px solid #8A8A9F4D;
  border-radius: 4px;
  padding: 0;
}
search-input[witzer-search-input]::-webkit-input-placeholder {
  color: var(--colour-primary-midnight);
  opacity: 0.6;
}
search-input[witzer-search-input]::-moz-placeholder {
  color: var(--colour-primary-midnight);
  opacity: 0.6;
}
search-input[witzer-search-input]::-ms-input-placeholder {
  color: var(--colour-primary-midnight);
  opacity: 0.6;
}
search-input[witzer-search-input]::placeholder {
  color: var(--colour-primary-midnight);
  opacity: 0.6;
}
search-input:hover[witzer-search-input] {
  border-color: var(--border-colour);
}
search-input:focus[witzer-search-input],
search-input:focus-within[witzer-search-input] {
  border-color: var(--colour-primary-aloe-50);
}
search-input img[witzer-search-input] {
  width: 24px;
  height: 24px;
  padding-left: 8px;
}
search-input:hover[witzer-search-input],
search-input:focus-within[witzer-search-input] {
  border-color: #64666C;
}
search-input.loading[witzer-search-input] {
  opacity: 0.5;
  pointer-events: none;
}
search-input input[witzer-search-input] {
  border: none;
  outline: none;
  box-shadow: none;
  flex-grow: 1;
  background-color: inherit;
  padding: 0;
  height: 42px;
  font-size: 12px;
  font-weight: 400;
  min-width: 0;
  color: #7F7D83;
}
search-input input[witzer-search-input],
search-input input [witzer-search-input]::-webkit-input-placeholder {
  font-size: 0.875rem;
  line-height: 1.42857143;
  letter-spacing: -0.00357143em;
}
search-input input[witzer-search-input],
search-input input [witzer-search-input]::-moz-placeholder {
  font-size: 0.875rem;
  line-height: 1.42857143;
  letter-spacing: -0.00357143em;
}
search-input input[witzer-search-input],
search-input input [witzer-search-input]::-ms-input-placeholder {
  font-size: 0.875rem;
  line-height: 1.42857143;
  letter-spacing: -0.00357143em;
}
search-input input[witzer-search-input],
search-input input [witzer-search-input]::placeholder {
  font-size: 0.875rem;
  line-height: 1.42857143;
  letter-spacing: -0.00357143em;
}
search-input input [witzer-search-input]::-webkit-input-placeholder {
  color: #7F7D83;
}
search-input input [witzer-search-input]::-moz-placeholder {
  color: #7F7D83;
}
search-input input [witzer-search-input]::-ms-input-placeholder {
  color: #7F7D83;
}
search-input input [witzer-search-input]::placeholder {
  color: #7F7D83;
}
search-input input:focus[witzer-search-input],
search-input input:hover[witzer-search-input] {
  border: none;
  outline: none;
  box-shadow: none;
}
/* /Components/Lists/Tables/MultiPartColumn.razor.rz.scp.css */
items[witzer-multi-part-column] {
  display: flex;
}
items[witzer-multi-part-column]  > :first-child {
  font-weight: 500;
}
items[witzer-multi-part-column]  > :nth-child(2) {
  opacity: 0.65;
}
@media only screen and (max-width: 600px) {
  items[witzer-multi-part-column] {
    flex-direction: row;
    gap: 5px;
  }
}
@media only screen and (min-width: 601px ) {
  items[witzer-multi-part-column] {
    flex-direction: column;
  }
}
/* /Components/Lists/Tables/TableList.razor.rz.scp.css */
@media only screen and (max-width: 600px) {
  list heading[witzer-table-list] {
    display: none;
  }
  list list-items[witzer-table-list] {
    display: flex;
    flex-direction: column;
    gap: 10px;
  }
}
@media only screen and (min-width: 601px ) {
  list[witzer-table-list] {
    display: grid;
    grid-template-columns: repeat(var(--num-columns), minmax(0, 1fr));
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.05px;
    color: #0A090B;
  }
  list.has-extra-columns[witzer-table-list] {
    grid-template-columns: repeat(var(--num-columns), minmax(0, 1fr)) repeat(var(--extra-columns), -webkit-max-content);
    grid-template-columns: repeat(var(--num-columns), minmax(0, 1fr)) repeat(var(--extra-columns), max-content);
  }
  list heading[witzer-table-list],
  list list-items[witzer-table-list] {
    display: contents;
  }
  list heading column-heading[witzer-table-list] {
    margin-bottom: 8px;
  }
}
/* /Components/Lists/Tables/TableListRow.razor.rz.scp.css */
@media only screen and (max-width: 600px) {
  table-row[witzer-table-list-row] {
    display: block;
    background-color: white;
    padding: 30px;
    border-radius: 5px;
    box-shadow: 0px 2px 25px 0px rgba(100, 102, 108, 0.1);
    padding: 20px 24px;
    display: grid;
    grid-template-columns: repeat(var(--mobile-view-columns), 1fr);
    gap: 5px;
  }
}
@media only screen and (max-width: 600px) and only screen and (max-width: 500px) {
  table-row[witzer-table-list-row] {
    padding: 30px 10px;
  }
}
@media only screen and (min-width: 601px ) {
  table-row[witzer-table-list-row] {
    grid-column: 1/-1;
    display: grid;
    grid-template-columns: subgrid;
  }
  table-row:nth-child(odd)[witzer-table-list-row] {
    background-color: #FAFDFF;
  }
  table-row[witzer-table-list-row]  > * {
    display: block;
    padding-block: 9px;
  }
  table-row[witzer-table-list-row]  > *:first-child {
    padding-left: 20px;
  }
}
/* /Components/MakeClaim/ChooseMilestones.razor.rz.scp.css */
button[witzer-choose-milestones] {
  padding: 9px 8px 9px 10px;
  border-radius: 8px;
  font-size: 1rem;
  line-height: 1.375;
  letter-spacing: -0.01125em;
  background-color: #434AB2;
  border-color: #434AB2;
  color: white;
}
button[disabled][witzer-choose-milestones] {
  background-color: #EDEDED;
  border-color: #EDEDED;
  color: var(--colour-primary-midnight);
}
/* /Components/MakeClaim/ClaimEditor.razor.rz.scp.css */
errors[witzer-claim-editor]  ul {
  padding: 0;
}
errors[witzer-claim-editor]  ul li {
  list-style-type: none;
  color: #E73F3F;
}
errors[witzer-claim-editor]  ul li + li {
  margin-top: 10px;
}
/* /Components/MakeClaim/ClaimPartPercentBar.razor.rz.scp.css */
percent-bar[witzer-claim-part-percent-bar] {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
percent-bar.can-edit total-container[witzer-claim-part-percent-bar] {
  cursor: pointer;
}
percent-bar.can-edit dot-container[witzer-claim-part-percent-bar] {
  cursor: pointer;
}
percent-bar.can-edit percent.can-select[witzer-claim-part-percent-bar] {
  cursor: pointer;
}
total-container[witzer-claim-part-percent-bar] {
  padding: 10px;
  margin: -10px;
}
total[witzer-claim-part-percent-bar] {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: stretch;
  height: 5px;
  border-radius: 2.5px;
  background-color: var(--colour-font-pebble);
}
.previous-claims[witzer-claim-part-percent-bar] {
  background-color: var(--previous-claims-colour);
}
.this-claim[witzer-claim-part-percent-bar] {
  background-color: var(--this-claim-colour);
}
previous-claims[witzer-claim-part-percent-bar] {
  border-top-left-radius: 2.5px;
  border-bottom-left-radius: 2.5px;
  height: 100%;
}
this-claim[witzer-claim-part-percent-bar] {
  border-top-right-radius: 2.5px;
  border-bottom-right-radius: 2.5px;
  height: 100%;
}
dot[witzer-claim-part-percent-bar] {
  display: block;
  height: 10px;
  width: 10px;
  border-radius: 5px;
  z-index: 1;
  margin-inline: -5px;
}
dot-container[witzer-claim-part-percent-bar] {
  padding: 10px;
  margin-inline: -15px;
  z-index: 1;
}
dot-container dot[witzer-claim-part-percent-bar] {
  margin-inline: 0;
}
percent-labels[witzer-claim-part-percent-bar] {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
percent[witzer-claim-part-percent-bar] {
  font-size: 0.625rem;
  line-height: 1.2;
  letter-spacing: 0.05em;
  color: #64666C;
}
percent:not(.can-select)[witzer-claim-part-percent-bar] {
  opacity: 0.5;
}
/* /Components/MakeClaim/ConfirmClaimDetails.razor.rz.scp.css */
summary[witzer-confirm-claim-details],
retention[witzer-confirm-claim-details] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 15px;
}
summary[witzer-confirm-claim-details]  display-for,
retention[witzer-confirm-claim-details]  display-for {
  font-size: 1.25rem;
  line-height: 1.4;
  letter-spacing: -0.02em;
  font-weight: 600;
  color: black;
}
summary hr[witzer-confirm-claim-details],
retention hr[witzer-confirm-claim-details] {
  align-self: stretch;
}
milestones[witzer-confirm-claim-details] {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
milestones milestone[witzer-confirm-claim-details] {
  font-size: 16px;
  line-height: 20px;
  letter-spacing: -0.05px;
  border: 1px solid var(--colour-font-pebble);
  border-radius: 4px;
  box-shadow: 0px 1.5px 4px -1px rgba(10, 9, 11, 0.07);
  padding: 10px;
  background-color: white;
  color: var(--colour-primary-midnight);
  border-color: #E6E6E6;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
}
milestones milestone number[witzer-confirm-claim-details] {
  padding: 5px 8px 5px 10px;
  border-radius: 8px;
  box-shadow: 0px 1.5px 4px -1px rgba(10, 9, 11, 0.07);
  font-size: 0.625rem;
  line-height: 1.2;
  letter-spacing: 0em;
  font-weight: 600;
  color: #64666C;
}
milestones milestone number.milestone[witzer-confirm-claim-details] {
  background-color: #EDEDED;
}
milestones milestone number.variation[witzer-confirm-claim-details] {
  background-color: #FFD149;
}
milestones milestone name[witzer-confirm-claim-details] {
  flex-grow: 1;
  color: #64666C;
}
milestones milestone[witzer-confirm-claim-details]  display-for {
  color: #4F4D55;
}
milestones milestone img[witzer-confirm-claim-details] {
  cursor: pointer;
}
action[witzer-confirm-claim-details] {
  display: flex;
  flex-direction: column;
  gap: 14px;
}
action p[witzer-confirm-claim-details] {
  text-align: center;
  font-size: 0.625rem;
  line-height: 1.2;
  letter-spacing: 0em;
  color: black;
}
hr[witzer-confirm-claim-details] {
  margin: 14px 0;
}
/* /Components/MakeClaim/MakeClaim.razor.rz.scp.css */
choose-project[witzer-make-claim]  dropdown-selected {
  font-size: 16px;
  line-height: 20px;
  letter-spacing: -0.05px;
  border: 1px solid var(--colour-font-pebble);
  border-radius: 4px;
  box-shadow: 0px 1.5px 4px -1px rgba(10, 9, 11, 0.07);
  padding: 10px;
  background-color: white;
  color: var(--colour-primary-midnight);
}
choose-project[witzer-make-claim]  dropdown-selected::-webkit-input-placeholder {
  color: var(--colour-primary-midnight);
  opacity: 0.6;
}
choose-project[witzer-make-claim]  dropdown-selected::-moz-placeholder {
  color: var(--colour-primary-midnight);
  opacity: 0.6;
}
choose-project[witzer-make-claim]  dropdown-selected::-ms-input-placeholder {
  color: var(--colour-primary-midnight);
  opacity: 0.6;
}
choose-project[witzer-make-claim]  dropdown-selected::placeholder {
  color: var(--colour-primary-midnight);
  opacity: 0.6;
}
choose-project[witzer-make-claim]  dropdown-selected:hover {
  border-color: var(--border-colour);
}
choose-project[witzer-make-claim]  dropdown-selected:focus,
choose-project[witzer-make-claim]  dropdown-selected:focus-within {
  border-color: var(--colour-primary-aloe-50);
}
h3[witzer-make-claim] {
  font-weight: 700;
}
button.cancel[witzer-make-claim] {
  border: none;
}
/* /Components/MakeClaim/ProjectName.razor.rz.scp.css */
project[witzer-project-name],
project-loading[witzer-project-name] {
  padding: 7px 9px;
  font-size: 0.625rem;
  line-height: 1.2;
  letter-spacing: 0em;
  border-radius: 6px;
}
project[witzer-project-name] {
  color: #5A61ED;
  border: 1px solid #5A61ED;
}
project-loading[witzer-project-name] {
  background-color: var(--skeleton-loader-colour);
  display: block;
  box-sizing: content-box;
  height: 1lh;
  width: 5em;
}
/* /Components/Messages/DeleteMessage.razor.rz.scp.css */
delete[witzer-delete-message] {
  padding-inline: 5px;
  cursor: pointer;
}
/* /Components/Messages/FilteredMessageList.razor.rz.scp.css */
message-list[witzer-filtered-message-list] {
  flex: 1 0 0;
  height: 100%;
  overflow-y: auto;
}
[witzer-filtered-message-list] list-items[item-type="card"] {
  grid-template-columns: 1fr;
}
/* /Components/Messages/MessageAttachments.razor.rz.scp.css */
attachments[witzer-message-attachments] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 10px;
}
/* /Components/Messages/MessageBody.razor.rz.scp.css */
message-body[witzer-message-body] {
  padding: 10px 20px;
  border-radius: calc(1lh / 2 + 10px);
  display: block;
  background-color: white;
  white-space: pre-wrap;
  word-break: break-word;
  border: var(--standard-border);
}
message-body.outgoing[witzer-message-body] {
  background-color: var(--colour-primary-aloe-50);
}
message-body.deletable[witzer-message-body] {
  display: grid;
  grid-template-columns: 1fr -webkit-max-content;
  grid-template-columns: 1fr max-content;
  gap: 10px;
}
message-body.emojis[witzer-message-body] {
  background: none;
  border: none;
}
message-body.emojis[witzer-message-body]  message-text {
  font-size: var(--typography-font-size-4xl);
}
@media only screen and (min-width: 1001px ) {
  message-body.emojis[witzer-message-body]  message-text {
    font-size: var(--typography-font-size-3xl);
  }
}
message-body.system[witzer-message-body] {
  padding: 5px 10px;
  border-radius: calc(1lh / 2 + 5px);
  font-size: var(--typography-font-size-xs);
  background-color: var(--global-grey-40);
  background-color: lightgray;
}
/* /Components/Messages/MessageBodyLoading.razor.rz.scp.css */
message-body[witzer-message-body-loading] {
  padding: 10px 20px;
  border-radius: calc(1lh / 2 + 10px);
  background-color: var(--skeleton-loader-colour);
  display: block;
  width: 100%;
  box-sizing: content-box;
  height: 1lh;
}
/* /Components/Messages/MessageDeleted.razor.rz.scp.css */
deleted[witzer-message-deleted] {
  opacity: 0.5;
}
/* /Components/Messages/MessageIcons/MessageIcon.razor.rz.scp.css */
div.messages[witzer-message-icon] {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  color: var(--colour-primary-midnight);
  cursor: pointer;
}
img[witzer-message-icon] {
  width: 26px;
  height: 26px;
}
h6[witzer-message-icon] {
  letter-spacing: -0.5px;
}
@media only screen and (min-width: 1001px ) {
  div.messages[witzer-message-icon] {
    gap: 10px;
  }
  h6[witzer-message-icon] {
    letter-spacing: -0.44px;
  }
}
/* /Components/Messages/MessageList.razor.rz.scp.css */
message-list[witzer-message-list] {
  flex: 1 0 0;
  height: 100%;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
scroll-area[witzer-message-list] {
  flex: 1 0 0;
  min-height: 300px;
  overflow-y: auto;
  display: flex;
  flex-direction: column-reverse;
  background-color: var(--colour-background-maleny);
  padding: 20px 12px;
  border-radius: 8px;
  border: 2px solid var(--border-colour);
}
[witzer-message-list] sender {
  margin-top: 15px;
}
/* /Components/Messages/MessageListItems.razor.rz.scp.css */
list-items[witzer-message-list-items] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  margin-bottom: auto;
}
day[witzer-message-list-items] {
  align-self: center;
  font-size: 1.2em;
  font-weight: 500;
  margin-top: 20px;
}
unread[witzer-message-list-items] {
  text-align: center;
}
/* /Components/Messages/MessageListItemTemplate.razor.rz.scp.css */
message[witzer-message-list-item-template] {
  align-self: start;
}
message.loading[witzer-message-list-item-template] {
  width: 80%;
}
message.outgoing[witzer-message-list-item-template] {
  align-self: end;
}
message.system[witzer-message-list-item-template] {
  align-self: center;
}
/* /Components/Messages/MessageSearchListItemTemplate.razor.rz.scp.css */
message-search-list-item[witzer-message-search-list-item-template] {
  cursor: pointer;
  padding: 10px;
  background-color: #F8F8F8;
  display: flex;
  flex-direction: column;
  border-radius: 10px;
}
message[witzer-message-search-list-item-template] {
  padding-inline: 10px;
  display: flex;
  flex-direction: column;
  gap: 5px;
}
message-stream[witzer-message-search-list-item-template] {
  font-size: 1.2em;
  font-weight: 500;
}
match[witzer-message-search-list-item-template] {
  font-weight: 600;
}
/* /Components/Messages/MessageStreamListItemTemplate.razor.rz.scp.css */
span.message.unread[witzer-message-stream-list-item-template] {
  font-weight: bold;
}
/* /Components/Messages/MessageSummary.razor.rz.scp.css */
div.list-item[witzer-message-summary] {
  padding-block: 9px;
}
div.list-item:not(:last-of-type)[witzer-message-summary] {
  border-bottom: var(--standard-border);
}
div.message-summary[witzer-message-summary] {
  width: 100%;
  padding: 10px;
  display: grid;
  grid-template-columns: repeat(2, auto) 1fr;
  -webkit-column-gap: 12px;
     -moz-column-gap: 12px;
          column-gap: 12px;
  align-items: start;
  row-gap: 5px;
  font-weight: 400;
  --avatar-size: 30px;
  padding-top: 5px;
  padding-bottom: 5px;
}
div.message-summary.can-select[witzer-message-summary] {
  cursor: pointer;
}
div.message-summary.selected[witzer-message-summary] {
  background-color: var(--colour-font-pebble);
}
div.name[witzer-message-summary] {
  grid-row: 1;
  grid-column: 2;
  font-weight: var(--typography-font-weight-semibold);
}
div.sent-at[witzer-message-summary] {
  grid-row: 1;
  grid-column: 3;
  justify-self: end;
  font-size: var(--typography-font-size-xs);
}
div.avatars[witzer-message-summary] {
  grid-row: 1/3;
  grid-column: 1;
  padding-right: 8px;
}
div.avatars[witzer-message-summary]  avatar {
  margin-right: -12px;
}
div.content[witzer-message-summary] {
  grid-row: 2;
  grid-column: 2/-1;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
[witzer-message-summary] unread-messages {
  grid-row: 1/4;
  grid-column: 3;
  align-self: center;
}
/* /Components/Messages/NoData/MessagesNoData.razor.rz.scp.css */
list-items-no-data[witzer-messages-no-data] {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
}
img[witzer-messages-no-data] {
  height: 50px;
  margin-bottom: 20px;
}
/* /Components/Messages/Scrolling/UnidirectionalListInfiniteScroller.razor.rz.scp.css */
list-infinite-scroller[witzer-unidirectional-list-infinite-scroller] {
  display: flex;
  justify-content: center;
}
/* /Components/Messages/Sender.razor.rz.scp.css */
sender[witzer-sender] {
  display: flex;
  flex-direction: row;
  align-items: center;
}
sender.system[witzer-sender] {
  align-self: center;
}
name[witzer-sender] {
  font-size: 12px;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: -0.264px;
}
sent-at[witzer-sender] {
  color: var(--colour-primary-midnight-50);
  margin-left: auto;
  font-size: 10px;
  line-height: 2;
  letter-spacing: -0.5px;
}
/* /Components/Messages/SendMessage.razor.rz.scp.css */
send-message[witzer-send-message] {
  display: grid;
  grid-template-columns: -webkit-max-content 1fr -webkit-max-content;
  grid-template-columns: max-content 1fr max-content;
  align-items: start;
}
.fa-paperclip[witzer-send-message] {
  padding: 10px 8px 10px 8px;
}
[witzer-send-message] editor-for[type="string-expandable"]::after {
  font-size: 16px;
  line-height: 20px;
  letter-spacing: -0.05px;
}
[witzer-send-message] editor-for[type="string-expandable"] textarea {
  font-size: 16px;
  line-height: 20px;
  letter-spacing: -0.05px;
  border: 1px solid var(--colour-font-pebble);
  border-radius: 4px;
  box-shadow: 0px 1.5px 4px -1px rgba(10, 9, 11, 0.07);
  padding: 10px;
  background-color: white;
  color: var(--colour-primary-midnight);
  margin: 0;
}
[witzer-send-message] editor-for[type="string-expandable"] textarea::-webkit-input-placeholder {
  color: var(--colour-primary-midnight);
  opacity: 0.6;
}
[witzer-send-message] editor-for[type="string-expandable"] textarea::-moz-placeholder {
  color: var(--colour-primary-midnight);
  opacity: 0.6;
}
[witzer-send-message] editor-for[type="string-expandable"] textarea::-ms-input-placeholder {
  color: var(--colour-primary-midnight);
  opacity: 0.6;
}
[witzer-send-message] editor-for[type="string-expandable"] textarea::placeholder {
  color: var(--colour-primary-midnight);
  opacity: 0.6;
}
[witzer-send-message] editor-for[type="string-expandable"] textarea:hover {
  border-color: var(--border-colour);
}
[witzer-send-message] editor-for[type="string-expandable"] textarea:focus,
[witzer-send-message] editor-for[type="string-expandable"] textarea:focus-within {
  border-color: var(--colour-primary-aloe-50);
}
[witzer-send-message] editor-for[type="string-expandable"] textarea,
[witzer-send-message] editor-for[type="string-expandable"]::after {
  padding: 10px 20px;
  border-radius: calc(1lh / 2 + 10px);
}
attachments[witzer-send-message] {
  font-size: 16px;
  line-height: 20px;
  letter-spacing: -0.05px;
  border: 1px solid var(--colour-font-pebble);
  border-radius: 4px;
  box-shadow: 0px 1.5px 4px -1px rgba(10, 9, 11, 0.07);
  padding: 10px;
  background-color: white;
  color: var(--colour-primary-midnight);
  padding: 10px 20px;
  border-radius: calc(1lh / 2 + 10px);
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 10px;
}
[witzer-send-message] div.file-drop.dragging textarea,
[witzer-send-message] div.file-drop.dragging attachments {
  border-color: #5A61ED;
}
[witzer-send-message] file-upload {
  padding: 5px;
}
[witzer-send-message] button.send {
  margin: 0;
}
div.button-container[witzer-send-message] {
  width: 50%;
  margin-left: auto;
}
[witzer-send-message] button.send {
  width: 100%;
}
/* /Components/Messages/SendMessageAttachment.razor.rz.scp.css */
attachment[witzer-send-message-attachment] {
  max-width: 100%;
  display: grid;
  grid-template-columns: minmax(0, -webkit-max-content);
  grid-template-columns: minmax(0, max-content);
}
attachment[witzer-send-message-attachment]  > * {
  grid-row: 1;
  grid-column: 1;
}
button[witzer-send-message-attachment] {
  align-self: start;
  justify-self: end;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 10px;
  -webkit-transform: translate(20%, -20%);
          transform: translate(20%, -20%);
  background-color: #EDEDED;
  border-color: #EDEDED;
  color: #64666C;
}
/* /Components/Messages/Tabs/ChatsTab.razor.rz.scp.css */
search[witzer-chats-tab] {
  display: flex;
  align-items: center;
  gap: 10px;
}
/* /Components/Messages/Tabs/LabelledMessageList.razor.rz.scp.css */
div.messages-container[witzer-labelled-message-list] {
  flex: 1 0 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
/* /Components/Messages/Tabs/MessageListHeader.razor.rz.scp.css */
div.heading[witzer-message-list-header] {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 12px;
  --avatar-size: 35px;
  font-weight: 600;
}
/* /Components/Messages/Tabs/MessagesLayout.razor.rz.scp.css */
div.messages-layout[witzer-messages-layout] {
  height: 100%;
  width: 100%;
  display: grid;
  grid-template-columns: 350px minmax(0, 1fr);
  -webkit-column-gap: 10px;
     -moz-column-gap: 10px;
          column-gap: 10px;
  row-gap: 10px;
}
@media only screen and (max-width: 800px) {
  div.messages-layout[witzer-messages-layout] {
    grid-template-columns: 100%;
  }
}
div.select-container[witzer-messages-layout],
div.messages[witzer-messages-layout] {
  width: 100%;
  height: 100%;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
div.select[witzer-messages-layout] {
  flex: 1 0 0;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
}
div.select[witzer-messages-layout]  list-items[item-type="card"] {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  gap: 0;
}
div.select-container:has(list-items-no-data.message-stream)[witzer-messages-layout] {
  grid-column: 1/-1;
}
div.messages[witzer-messages-layout] {
  padding: 15px;
}
/* /Components/Messages/Tabs/TabletFullScreen.razor.rz.scp.css */
div.full-screen[witzer-tablet-full-screen] {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  padding-inline: var(--body-inline-padding);
  padding-block: var(--body-block-padding);
  background-color: var(--background-colour);
}
div.scroll-area[witzer-tablet-full-screen] {
  height: 100%;
  padding: 5px;
  padding-bottom: var(--mobile-menu-reserved-space, 5px);
  margin: -5px;
  display: flex;
  flex-direction: column;
}
@media only screen and (min-width: 1001px ) {
  div.full-screen[witzer-tablet-full-screen],
  div.scroll-area[witzer-tablet-full-screen] {
    display: contents;
  }
}
/* /Components/Messages/UnreadMessages/UnreadMessageCount.razor.rz.scp.css */
unread-messages[witzer-unread-message-count] {
  display: flex;
  align-items: center;
  justify-content: center;
  --size: 14px;
  height: var(--size);
  min-width: var(--size);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  border-radius: calc(var(--size) / 2);
  background-color: #E74B3C;
  color: white;
  font-size: 10.5px;
  font-weight: 600;
}
unread-messages.multiple-characters[witzer-unread-message-count] {
  padding-left: 4.2px;
  padding-right: 2.1px;
}
@media only screen and (min-width: 1001px ) {
  unread-messages[witzer-unread-message-count] {
    --size: 20px;
    font-size: 16px;
  }
  unread-messages.multiple-characters[witzer-unread-message-count] {
    padding-left: 6px;
    padding-right: 3px;
  }
}
/* /Components/Messages/UserStatus.razor.rz.scp.css */
status[witzer-user-status] {
  display: block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
}
status.online[witzer-user-status] {
  background-color: #32A58C;
}
status.offline[witzer-user-status] {
  background-color: #EB2828;
}
/* /Components/Messages/UserTypingContents.razor.rz.scp.css */
typing[witzer-user-typing-contents]::after {
  content: '';
  -webkit-animation: ellipsis 2s infinite;
          animation: ellipsis-witzer-user-typing-contents 2s infinite;
}
@-webkit-keyframes ellipsis {
  0% {
    content: '';
  }
  25% {
    content: '.';
  }
  50% {
    content: '..';
  }
  75% {
    content: '...';
  }
  100% {
    content: '';
  }
}
@keyframes ellipsis-witzer-user-typing-contents {
  0% {
    content: '';
  }
  25% {
    content: '.';
  }
  50% {
    content: '..';
  }
  75% {
    content: '...';
  }
  100% {
    content: '';
  }
}
/* /Components/Milestones/AddMilestones/AddMilestonesTemplate.razor.rz.scp.css */
milestones[witzer-add-milestones-template] {
  display: flex;
  flex-direction: row;
  gap: 25px;
  width: 100%;
}
@media only screen and (max-width: 700px) {
  milestones[witzer-add-milestones-template] {
    flex-direction: column;
  }
}
milestone-list[witzer-add-milestones-template] {
  flex: 2 0 0;
  display: grid;
  --num-columns: 2;
  grid-template-columns: repeat(var(--num-columns), minmax(0, 1fr));
  grid-gap: 25px;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}
@media only screen and (min-width: 701px ) {
  milestone-list[witzer-add-milestones-template] {
    padding-right: 25px;
    border-right: 1px solid #F1F1F1;
  }
}
@media only screen and (max-width: 700px) {
  milestone-list[witzer-add-milestones-template] {
    padding-bottom: 25px;
    border-bottom: 1px solid #F1F1F1;
  }
}
@media only screen and (max-width: 1300px) {
  milestone-list[witzer-add-milestones-template] {
    --num-columns: 2;
  }
}
@media only screen and (max-width: 900px) {
  milestone-list[witzer-add-milestones-template] {
    --num-columns: 1;
    flex: 1 0 0;
  }
}
milestone-list[witzer-add-milestones-template]  button.remove {
  font-size: 12px;
  color: #EB2828;
  background: none;
  border: none;
}
summary-container[witzer-add-milestones-template] {
  flex: 1 0 0;
}
summary-container[witzer-add-milestones-template]  > * {
  height: 100%;
}
/* /Components/Milestones/AddMilestones/MilestoneSummaryItem.razor.rz.scp.css */
milestone-summary-item[witzer-milestone-summary-item] {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 5px;
  border-radius: 4px;
  border: solid 1px #EDEDED;
  padding: 12px;
  font-size: 14px;
  color: var(--colour-primary-midnight);
  cursor: pointer;
}
name[witzer-milestone-summary-item] {
  flex-grow: 1;
}
percent[witzer-milestone-summary-item] {
  font-weight: 500;
  opacity: 0.35;
}
[witzer-milestone-summary-item] display-for[type="currency"] {
  font-weight: 500;
}
icon[witzer-milestone-summary-item] {
  background-color: transparent;
  color: inherit;
  border: none;
  background: none !important;
  padding: 10px;
  margin: -10px;
}
icon[witzer-milestone-summary-item]::before {
  font-family: 'Font Awesome 6 Pro';
  font-weight: 400;
  content: "\f303";
  margin: 0;
}
/* /Components/Milestones/AddMilestones/MilestoneSummaryList.razor.rz.scp.css */
milestone-summary-list[witzer-milestone-summary-list] {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  gap: 5px;
}
/* /Components/Milestones/AddMilestones/RetentionToggle.razor.rz.scp.css */
retention[witzer-retention-toggle] {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 5px;
  border: 1px solid #F8F8F8;
}
retention label[witzer-retention-toggle] {
  flex-grow: 1;
}
span.retention-percent[witzer-retention-toggle] {
  font-size: var(--typography-font-size-sm);
  font-weight: var(--typography-font-weight-regular);
}
/* /Components/Milestones/AddMilestones/Summary.razor.rz.scp.css */
summary[witzer-summary] {
  display: flex;
  flex-direction: column;
  gap: 15px;
  color: var(--colour-primary-midnight);
}
h2[witzer-summary] {
  font-size: 20px;
  letter-spacing: -0.6px;
  font-weight: 400;
}
p[witzer-summary] {
  margin: 0;
  font-size: 12px;
  letter-spacing: -0.36px;
  font-weight: 500;
}
totals[witzer-summary] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  font-size: 14px;
}
totals[witzer-summary]  > :not(hr) {
  padding: 12px;
  border-radius: 4px;
}
totals[witzer-summary]  total {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
totals[witzer-summary]  total label {
  font-weight: 600;
}
totals[witzer-summary]  total display-for[type="currency"] {
  font-weight: 600;
  letter-spacing: -0.3px;
}
span.includes-gst[witzer-summary] {
  font-size: 12px;
}
/* /Components/Milestones/AdjustmentFor.razor.rz.scp.css */
adjustment-for[witzer-adjustment-for] {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
/* /Components/Milestones/Adjustments.razor.rz.scp.css */
all-adjustments[witzer-adjustments] {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
all-adjustments h3[witzer-adjustments] {
  font-size: 1rem;
  line-height: 1.25;
  letter-spacing: -0.03125em;
  font-weight: 600;
  color: var(--colour-primary-midnight);
}
items[witzer-adjustments] {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
adjustments[witzer-adjustments] {
  padding: 12px;
  display: flex;
  flex-direction: column;
  border-radius: 8px;
  gap: 12px;
}
adjustments heading[witzer-adjustments] {
  display: grid;
  grid-template-columns: -webkit-max-content -webkit-max-content;
  grid-template-columns: max-content max-content;
  justify-content: space-between;
}
adjustments heading h3[witzer-adjustments] {
  font-size: 0.75rem;
  line-height: 1.5;
  letter-spacing: -0.01366667em;
}
adjustments heading p[witzer-adjustments] {
  font-size: 0.625rem;
  line-height: 1;
  letter-spacing: -0.05em;
  font-weight: 600;
  padding: 4px 8px;
  border-radius: 44px;
  color: #FFFEFD;
  background: var(--background-colour);
  justify-self: right;
}
adjustments.approved[witzer-adjustments] {
  background: var(--colour-primary-aloe-10);
  --background-colour: #238771;
}
adjustments.pending[witzer-adjustments] {
  background: #8A8A9F4D;
  --background-colour: #F5B700;
}
/* /Components/Milestones/CostCentreSelect.razor.rz.scp.css */
span.cost-centre.linked[witzer-cost-centre-select] {
  opacity: 0.5;
}
/* /Components/Milestones/EditorForMilestone.razor.rz.scp.css */
div.modal-custom-header[witzer-editor-for-milestone] {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
h1[witzer-editor-for-milestone] {
  color: var(--colour-primary-midnight);
  font-size: 1.25rem;
  line-height: 1;
  letter-spacing: -0.025em;
  font-weight: 600;
}
number[witzer-editor-for-milestone] {
  font-size: 1rem;
  line-height: 1.25;
  letter-spacing: -0.03125em;
  font-weight: 600;
  color: var(--colour-secondary-kingfisher);
}
[witzer-editor-for-milestone] form-field[type="milestone-sub-type"] {
  margin: 0;
}
[witzer-editor-for-milestone] form-field[type="milestone-sub-type"] editor-for[type="enum"] {
  margin: 0;
}
[witzer-editor-for-milestone] form-field[type="milestone-sub-type"] editor-for[type="enum"] > dropdown {
  width: 100%;
  margin: 0;
}
[witzer-editor-for-milestone] editor-for[type="html-fragment"] {
  height: 160px;
}
adjustment-for[witzer-editor-for-milestone]  milestone-colours card {
  padding: 12px;
  background-color: var(--colour-primary-aloe-10);
  border: none;
}
adjustment-for[witzer-editor-for-milestone]  milestone-colours card heading {
  grid-template-columns: 1fr;
}
adjustment-for[witzer-editor-for-milestone]  milestone-colours card heading sub-heading {
  display: none;
}
adjustment-for[witzer-editor-for-milestone]  milestone-colours card heading name {
  grid-row: 1;
  font-size: 1rem;
  line-height: 1.5;
  letter-spacing: -0.022em;
}
adjustment-for[witzer-editor-for-milestone]  milestone-colours card heading name p {
  font-size: 0.75rem;
  line-height: 1.25;
  letter-spacing: 0em;
  font-weight: 400;
  color: var(--colour-font-slate);
  margin-top: 4px;
}
adjustment-for[witzer-editor-for-milestone]  milestone-colours card milestone amounts pill {
  background-color: transparent;
  padding: 0;
  font-size: 0.875rem;
  line-height: 1.5;
  letter-spacing: -0.02514286em;
  font-weight: 600;
}
/* /Components/Milestones/MilestoneAmounts.razor.rz.scp.css */
amounts[witzer-milestone-amounts] {
  margin-top: auto;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
amounts claimed-to-date[witzer-milestone-amounts] {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
amounts claimed-to-date p[witzer-milestone-amounts] {
  font-size: var(--typography-font-size-md);
  font-weight: var(--typography-font-weight-semibold);
  color: var(--colour-primary-midnight);
}
amounts claimed-to-date[witzer-milestone-amounts]  progress-bar-container total {
  padding: 0;
}
amount[witzer-milestone-amounts],
amount-loading[witzer-milestone-amounts] {
  padding: 10px;
  border-radius: 4px;
}
amount[witzer-milestone-amounts] {
  display: flex;
  align-items: center;
  justify-content: right;
  font-weight: 500;
  padding: 10px 0 0;
  border-radius: 0;
  gap: 5px;
  border-top: var(--standard-border);
}
pill[witzer-milestone-amounts] {
  grid-column: 2;
  display: block;
  font-size: 12px;
  font-weight: normal;
  background-color: #ddd;
  border-radius: 100vh;
  padding: 3px 6px;
}
amount-loading[witzer-milestone-amounts] {
  background-color: var(--skeleton-loader-colour);
  font-size: 14px;
  box-sizing: content-box;
  height: 1lh;
  display: block;
}
p.claimed[witzer-milestone-amounts] {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
/* /Components/Milestones/MilestoneCardTemplate.razor.rz.scp.css */
milestone-colours[witzer-milestone-card-template] {
  --milestone: #5A61ED;
  --variation: #F95608;
}
milestone-colours.rejected[witzer-milestone-card-template]  div.heading div.line-1 {
  color: #A80F00;
}
[witzer-milestone-card-template] card {
  gap: 8px;
  height: 100%;
  justify-content: space-between;
  padding: 16px 12px;
}
milestone[witzer-milestone-card-template] {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
description[witzer-milestone-card-template] {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  margin-bottom: auto;
}
description[witzer-milestone-card-template]  display-for[type="html-fragment"] p {
  color: #222;
  font-weight: var(--typography-font-weight-medium);
  font-size: var(--typography-font-size-sm);
}
adjustment-for[witzer-milestone-card-template] {
  font-size: 1.1em;
  font-weight: var(--typography-font-weight-medium);
}
[witzer-milestone-card-template] sub-type-pill {
  margin-left: 10px;
}
/* /Components/Milestones/MilestoneDescription.razor.rz.scp.css */
description[witzer-milestone-description] {
  overflow-y: auto;
}
/* /Components/Milestones/MilestoneListItem.razor.rz.scp.css */
div.tags[witzer-milestone-list-item] {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
/* /Components/Milestones/MilestoneListItems.razor.rz.scp.css */
milestone-list[witzer-milestone-list-items] {
  display: flex;
  flex-direction: column;
  gap: 35px;
}
milestone-list list-items[witzer-milestone-list-items] {
  display: grid;
  grid-row-gap: 15px;
  grid-column-gap: 20px;
  --num-columns: 2;
  grid-template-columns: repeat(var(--num-columns), minmax(0, 1fr));
}
@media only screen and (max-width: 900px) {
  milestone-list list-items[witzer-milestone-list-items] {
    --num-columns: 2;
  }
}
@media only screen and (max-width: 700px) {
  milestone-list list-items[witzer-milestone-list-items] {
    --num-columns: 1;
  }
}
milestone-list list-items[witzer-milestone-list-items]  loading-spinner {
  grid-column-end: span 3;
  display: flex;
  align-items: center;
  justify-content: center;
}
h1[witzer-milestone-list-items] {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
/* /Components/Milestones/MilestoneModal.razor.rz.scp.css */
[witzer-milestone-modal] sub-heading {
  color: var(--colour-secondary-kingfisher);
}
[witzer-milestone-modal] sub-type-pill {
  margin-left: 10px;
}
milestone-modal[witzer-milestone-modal] {
  margin-top: -10px;
}
milestone-modal[witzer-milestone-modal]  modal-card {
  padding-block: 0;
  box-shadow: none;
  max-width: unset;
}
milestone-modal[witzer-milestone-modal]  modal-card heading {
  margin: 0;
  text-align: left;
}
milestone-modal[witzer-milestone-modal]  modal-card modal-body > * {
  margin: 0;
}
/* /Components/Milestones/MilestoneNumber.razor.rz.scp.css */
number[witzer-milestone-number] {
  font-weight: var(--typography-font-weight-semibold);
  color: var(--colour-secondary-kingfisher);
}
/* /Components/Milestones/MilestoneOverview.razor.rz.scp.css */
milestone[witzer-milestone-overview] {
  display: flex;
  flex-direction: column;
  gap: 34px;
  max-height: 50vh;
}
notes[witzer-milestone-overview] {
  white-space: pre-line;
  overflow-y: auto;
}
milestone[witzer-milestone-overview]  adjustments items card,
milestone[witzer-milestone-overview]  admustment-for items card {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  padding: 12px;
}
milestone[witzer-milestone-overview]  adjustments items card heading sub-heading,
milestone[witzer-milestone-overview]  admustment-for items card heading sub-heading {
  padding: 0;
  font-weight: 500;
  color: #222 !important;
}
milestone[witzer-milestone-overview]  adjustments items card heading > name,
milestone[witzer-milestone-overview]  admustment-for items card heading > name,
milestone[witzer-milestone-overview]  adjustments items card heading > top-right,
milestone[witzer-milestone-overview]  admustment-for items card heading > top-right {
  display: none;
}
milestone[witzer-milestone-overview]  adjustments items card milestone > description,
milestone[witzer-milestone-overview]  admustment-for items card milestone > description {
  display: none;
}
milestone[witzer-milestone-overview]  adjustments items card milestone > amounts amount,
milestone[witzer-milestone-overview]  admustment-for items card milestone > amounts amount {
  border-top: none;
  padding: 0;
}
milestone[witzer-milestone-overview]  adjustments items card milestone > amounts amount span.caption,
milestone[witzer-milestone-overview]  admustment-for items card milestone > amounts amount span.caption {
  display: none;
}
milestone[witzer-milestone-overview]  amounts amount:not(.available-to-claim) {
  justify-content: space-between;
  border-top: none;
}
milestone[witzer-milestone-overview]  amounts amount:not(.available-to-claim) span.caption {
  font-weight: 500;
}
/* /Components/Milestones/SubTypePill.razor.rz.scp.css */
sub-type-pill[witzer-sub-type-pill] {
  background-color: #aaa;
  color: white;
  border-radius: 20px;
  padding: 5px;
}
/* /Components/Milestones/VariationListItem.razor.rz.scp.css */
div.variation-list-item[witzer-variation-list-item] {
  --status-border: var(--status-background);
}
div.variation-list-item.pending[witzer-variation-list-item] {
  --status-background: var(--pending-yellow);
}
div.variation-list-item.approved[witzer-variation-list-item] {
  --status-background: var(--settled-blue);
}
div.variation-list-item.declined[witzer-variation-list-item] {
  --status-background: var(--declined-red);
}
div.variation-list-item.discarded[witzer-variation-list-item] {
  --status-background: var(--discarded-grey);
}
div.milestone[witzer-variation-list-item] {
  grid-column: 1/-1;
  display: grid;
  grid-template-columns: subgrid;
  font-size: 16px;
  font-weight: var(--typography-font-weight-bold);
}
div.amount[witzer-variation-list-item] {
  justify-self: right;
}
/* /Components/Milestones/VariationOverview.razor.rz.scp.css */
div.total[witzer-variation-overview] {
  padding-right: 13px;
}
notes[witzer-variation-overview] {
  white-space: pre-line;
}
/* /Components/Mobile/BottomSheet.razor.rz.scp.css */
div.bottom-sheet-container[witzer-bottom-sheet] {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  max-height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: end;
  z-index: var(--z-index-modal-container);
}
[witzer-bottom-sheet] div.size-calculator {
  z-index: var(--z-index-modal-instance);
}
div.bottom-sheet[witzer-bottom-sheet] {
  border-radius: 16px 16px 0px 0px;
  overflow: hidden;
  background-color: var(--semantic-bg-canvas);
  -webkit-animation: 0.3s slide-up;
          animation: 0.3s slide-up-witzer-bottom-sheet;
}
div.bottom-sheet.swiping-down[witzer-bottom-sheet] {
  transition: 0.05s linear transform;
  -webkit-transform: translateY(var(--swipe-distance));
          transform: translateY(var(--swipe-distance));
}
div.bottom-sheet.closing[witzer-bottom-sheet] {
  -webkit-animation: 0.3s slide-down;
          animation: 0.3s slide-down-witzer-bottom-sheet;
}
div.mobile-safe-area[witzer-bottom-sheet] {
  max-height: calc(100svh - 100px);
  display: flex;
  flex-direction: column;
}
div.content[witzer-bottom-sheet] {
  flex-shrink: 1;
  padding-inline: 27px;
  padding-bottom: 15px;
}
@-webkit-keyframes slide-up {
  0% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }
}
@keyframes slide-up-witzer-bottom-sheet {
  0% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }
}
@-webkit-keyframes slide-down {
  0% {
    -webkit-transform: translateY(var(--swipe-distance, 0px));
            transform: translateY(var(--swipe-distance, 0px));
  }
  100% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }
}
@keyframes slide-down-witzer-bottom-sheet {
  0% {
    -webkit-transform: translateY(var(--swipe-distance, 0px));
            transform: translateY(var(--swipe-distance, 0px));
  }
  100% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }
}
/* /Components/Mobile/DragHandle.razor.rz.scp.css */
button.drag-handle-container[witzer-drag-handle] {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 8px;
  padding-bottom: 11px;
  width: 100%;
}
div.drag-handle[witzer-drag-handle] {
  width: 48px;
  height: 5px;
  background-color: var(--semantic-bg-interactive-primary);
  border-radius: 2.5px;
}
/* /Components/Modals/InformationBox.razor.rz.scp.css */
p.preserve-white-space[witzer-information-box] {
  white-space: pre-line;
}
/* /Components/Modals/ModalCard.razor.rz.scp.css */
modal-card[witzer-modal-card] {
  background-color: white;
  border-radius: 7px;
  font-size: 0.875rem;
  line-height: 1.42857143;
  letter-spacing: -0.00357143em;
  color: #2D2B32;
  box-shadow: 0px 0px 0px 1px rgba(10, 9, 11, 0.05), 0px 0px 3px -1px rgba(10, 9, 11, 0.04), 0px 16px 24px -6px rgba(10, 9, 11, 0.08);
  display: flex;
  flex-direction: column;
  gap: 12px;
  max-width: 380px;
  padding-block: 24px;
}
@media only screen and (max-width: 500px) {
  modal-card[witzer-modal-card] {
    box-shadow: none;
  }
}
@media only screen and (max-width: 500px) {
  modal-card[witzer-modal-card] {
    max-width: unset;
    min-height: 100%;
  }
}
hr[witzer-modal-card] {
  color: #F1F1F1;
}
[witzer-modal-card] p {
  margin-block: 0;
}
heading[witzer-modal-card] {
  display: flex;
  flex-direction: column;
  gap: 23px;
  text-align: center;
  color: black;
  margin-inline: 24px;
}
h1[witzer-modal-card] {
  grid-row: 1;
  grid-column: 1;
  font-size: 1.25rem;
  line-height: 1.4;
  letter-spacing: -0.02em;
  font-weight: 600;
}
sub-heading[witzer-modal-card] {
  text-align: center;
}
sub-heading:empty[witzer-modal-card] {
  display: none;
}
modal-body[witzer-modal-card] {
  display: flex;
  flex-direction: column;
  gap: 12px;
  overflow-y: auto;
}
modal-body[witzer-modal-card]  > * {
  margin-inline: 24px;
}
[witzer-modal-card] button:not(.inline).secondary {
  padding: 9px 8px 9px 10px;
  border-radius: 8px;
  font-size: 1rem;
  line-height: 1.375;
  letter-spacing: -0.01125em;
}
[witzer-modal-card] input::-webkit-input-placeholder {
  color: #7F7D83;
  opacity: 1;
}
[witzer-modal-card] input::-moz-placeholder {
  color: #7F7D83;
  opacity: 1;
}
[witzer-modal-card] input::-ms-input-placeholder {
  color: #7F7D83;
  opacity: 1;
}
[witzer-modal-card] input::placeholder {
  color: #7F7D83;
  opacity: 1;
}
@media only screen and (max-width: 700px) {
  heading[witzer-modal-card] {
    gap: 0;
    text-align: left;
  }
  heading sub-heading[witzer-modal-card] {
    color: #434AB2;
    text-align: left;
    font-size: 16px;
    font-weight: 600;
  }
}
/* /Components/Modals/ModalContainer.razor.rz.scp.css */
div.blazored-modal-container[witzer-modal-container] {
  left: 0;
}
@media only screen and (min-width: 501px ) {
  div.blazored-modal-container.mobile-only[witzer-modal-container],
  div.blazored-modal-container.mobile-only div.blazored-modal[witzer-modal-container],
  div.blazored-modal-container.mobile-only div.blazored-modal-content[witzer-modal-container] {
    display: contents;
  }
  div.blazored-modal-container.mobile-only div.blazored-modal-overlay[witzer-modal-container],
  div.blazored-modal-container.mobile-only div.blazored-modal-header[witzer-modal-container] {
    display: none;
  }
}
@media only screen and (min-width: 1001px ) {
  div.blazored-modal-container.tablet-only[witzer-modal-container],
  div.blazored-modal-container.tablet-only div.blazored-modal[witzer-modal-container],
  div.blazored-modal-container.tablet-only div.blazored-modal-content[witzer-modal-container] {
    display: contents;
  }
  div.blazored-modal-container.tablet-only div.blazored-modal-overlay[witzer-modal-container],
  div.blazored-modal-container.tablet-only div.blazored-modal-header[witzer-modal-container] {
    display: none;
  }
}
/* /Components/Modals/StringPrompt.razor.rz.scp.css */
form[witzer-string-prompt] {
  display: contents;
}
buttons[witzer-string-prompt] {
  display: flex;
  flex-direction: row;
  gap: 10px;
}
buttons[witzer-string-prompt]  > button {
  flex: 1 0 0;
}
text[witzer-string-prompt]  editor-for-string input[type="text"] {
  min-width: initial;
  width: 100%;
}
/* /Components/Money/BorderedListItem.razor.rz.scp.css */
div.list-item[witzer-bordered-list-item] {
  padding-block: 8px;
  border-top: 1px solid #8A8A9F4D;
}
button.content[witzer-bordered-list-item] {
  width: 100%;
  display: grid;
  grid-template-columns: auto auto;
  gap: 5px;
  border-left: 8px solid var(--feature-colour, var(--colour-primary-midnight));
  padding-inline: 8px;
}
button.content.loading[witzer-bordered-list-item] {
  pointer-events: none;
  border-color: var(--skeleton-loader-colour);
}
div.heading[witzer-bordered-list-item] {
  padding-top: 5px;
  color: var(--feature-colour);
}
div.heading[witzer-bordered-list-item],
div.status[witzer-bordered-list-item] {
  font-size: var(--typography-font-size-sm);
  font-weight: var(--typography-font-weight-semibold);
}
div.status[witzer-bordered-list-item] {
  grid-column: 2;
  justify-self: right;
}
div.status[witzer-bordered-list-item]  div.pill {
  border: 1px solid var(--status-border, var(--border-colour));
  background-color: var(--status-background, var(--colour-primary-midnight));
  color: var(--status-colour, white);
}
button.content.loading div.status[witzer-bordered-list-item]  div.pill {
  border-color: var(--skeleton-loader-colour);
  background-color: var(--skeleton-loader-colour);
  box-sizing: content-box;
  height: 1lh;
  width: 50px;
}
/* /Components/Money/MoneyAction.razor.rz.scp.css */
card[witzer-money-action] {
  display: block;
  background-color: white;
  padding: 30px;
  border-radius: 5px;
  box-shadow: 0px 2px 25px 0px rgba(100, 102, 108, 0.1);
  padding: 36px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
}
@media only screen and (max-width: 500px) {
  card[witzer-money-action] {
    padding: 30px 10px;
  }
}
card text[witzer-money-action] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
}
card text h2[witzer-money-action] {
  font-size: 1.125rem;
  line-height: 1.33333333;
  letter-spacing: -0.00888889em;
  font-weight: 600;
  color: #262628;
}
card text description[witzer-money-action] {
  font-size: 0.75rem;
  line-height: 1.5;
  letter-spacing: -0.02666667em;
  font-weight: 500;
  color: #5F5F61;
}
card button[witzer-money-action] {
  padding: 10px 8px 10px 10px;
  background: none;
  border: 1px solid var(--colour-primary-midnight);
  border-radius: 8px;
  font-size: 0.875rem;
  line-height: 1.42857143;
  letter-spacing: -0.00357143em;
  color: var(--colour-primary-midnight);
  margin-top: auto;
}
/* /Components/Money/ProjectWalletList.razor.rz.scp.css */
.project-wallets[witzer-project-wallet-list] {
  display: contents;
}
.project-wallets[witzer-project-wallet-list]  list-items[item-type="card"] {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.project-wallets[witzer-project-wallet-list]  show-all {
  align-self: center;
}
/* /Components/Money/ProjectWalletListItemTemplate.razor.rz.scp.css */
project-wallet[witzer-project-wallet-list-item-template] {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 15px;
  padding: 16px;
  cursor: pointer;
  border-radius: 8px;
  background: #EDFFF5;
  border: none;
}
img.toggle-favourite[witzer-project-wallet-list-item-template] {
  cursor: pointer;
}
[witzer-project-wallet-list-item-template] skeleton[data-skeleton-type="image"] {
  border-radius: 3px;
}
wallet-details[witzer-project-wallet-list-item-template] {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
name[witzer-project-wallet-list-item-template] {
  color: #238771;
  font-size: 14px;
  font-weight: 600;
}
total[witzer-project-wallet-list-item-template] {
  line-height: 1.38461538;
  font-size: 10px;
  font-weight: 600;
  color: var(--colour-primary-midnight);
  display: grid;
}
total[witzer-project-wallet-list-item-template]  display-for {
  font-size: 24px;
  font-weight: 600;
  color: #33335E;
}
amounts[witzer-project-wallet-list-item-template] {
  align-self: end;
  margin-left: auto;
  display: flex;
  flex-direction: row;
  gap: 35px;
  padding-bottom: 5px;
}
item[witzer-project-wallet-list-item-template] {
  display: grid;
  align-items: end;
  gap: 4px;
}
item:not(:nth-child(3))[witzer-project-wallet-list-item-template] {
  display: none;
}
item[witzer-project-wallet-list-item-template]  > :nth-child(2) {
  font-size: 12px;
  font-weight: 400;
  color: #0A090B;
}
label[witzer-project-wallet-list-item-template] {
  font-size: 12px;
  font-weight: 600;
  color: #4F4D55;
}
@media only screen and (max-width: 700px) {
  project-wallet[witzer-project-wallet-list-item-template] {
    display: grid;
    grid-template-columns: -webkit-min-content 1fr;
    grid-template-columns: min-content 1fr;
    gap: 24px;
  }
  wallet-details[witzer-project-wallet-list-item-template] {
    grid-column: 1;
    grid-row: 1;
  }
  img[witzer-project-wallet-list-item-template],
  [witzer-project-wallet-list-item-template] skeleton[data-skeleton-type="image"] {
    grid-column: 3;
    grid-row-end: span 1;
  }
  amounts[witzer-project-wallet-list-item-template] {
    margin-left: 0;
    grid-row: 1;
    grid-column: 2;
    flex-direction: column;
    gap: 4px;
  }
  item[witzer-project-wallet-list-item-template] {
    flex-direction: row;
    justify-content: space-between;
    gap: unset;
  }
}
/* /Components/Money/TransactionList.razor.rz.scp.css */
.wallet-transactions[witzer-transaction-list] {
  display: contents;
}
.wallet-transactions[witzer-transaction-list]  list-items[item-type="card"] {
  display: flex;
  flex-direction: column;
  gap: 0;
}
.wallet-transactions[witzer-transaction-list]  show-all {
  align-self: center;
}
/* /Components/Money/TransactionOverview.razor.rz.scp.css */
card[witzer-transaction-overview] {
  max-width: 460px;
  font-size: 0.875rem;
  line-height: 1.42857143;
  letter-spacing: -0.00357143em;
  color: #5F5F61;
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding-bottom: 16px;
}
@media only screen and (max-width: 500px) {
  card[witzer-transaction-overview] {
    border-radius: 0;
    box-shadow: none;
  }
}
h1[witzer-transaction-overview] {
  font-size: 1.5rem;
  line-height: 1.16666667;
  letter-spacing: -0.03em;
  font-weight: 600;
  color: #0A090B;
  margin: 15px 32px;
}
hr[witzer-transaction-overview] {
  background-color: #F1F1F1;
}
[witzer-transaction-overview] display-for[type="signed-currency"] {
  display: flex;
  height: 81px;
  padding: 10px;
  justify-content: center;
  align-items: center;
  font-size: 2.25rem;
  line-height: 1;
  letter-spacing: -0.03em;
  font-weight: 500;
}
[witzer-transaction-overview] display-for[type="signed-currency"].out {
  color: #E12121;
}
[witzer-transaction-overview] display-for[type="signed-currency"].in {
  color: #238771;
}
@media only screen and (max-width: 700px) {
  [witzer-transaction-overview] display-for[type="signed-currency"] {
    font-size: 30px;
    height: 50px;
  }
}
date[witzer-transaction-overview],
account[witzer-transaction-overview] {
  color: #33335E;
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 1rem;
  line-height: 1;
  letter-spacing: -0.0165em;
  flex-direction: row;
}
date label[witzer-transaction-overview],
account label[witzer-transaction-overview] {
  margin-bottom: 0;
  color: #434AB2;
  font-weight: 600;
  font-size: 1rem;
  line-height: 1;
  letter-spacing: -0.0165em;
}
date account-name[witzer-transaction-overview],
account account-name[witzer-transaction-overview] {
  font-size: 1rem;
  line-height: 1;
  letter-spacing: -0.0165em;
  color: #33335E;
}
@media only screen and (max-width: 700px) {
  date[witzer-transaction-overview],
  account[witzer-transaction-overview] {
    font-size: 0.75rem;
    line-height: 1;
    letter-spacing: -0.022em;
  }
  date label[witzer-transaction-overview],
  account label[witzer-transaction-overview],
  date account-name[witzer-transaction-overview],
  account account-name[witzer-transaction-overview] {
    font-size: 0.75rem;
    line-height: 1;
    letter-spacing: -0.022em;
  }
}
/* /Components/Money/WalletGlobalActions.razor.rz.scp.css */
.card-buttons[witzer-wallet-global-actions] {
  display: grid;
  gap: 12px;
  grid-auto-flow: column;
  grid-auto-columns: 1fr;
  min-height: 86px;
}
/* /Components/Money/WalletList.razor.rz.scp.css */
wallet-list[witzer-wallet-list] {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
wallet-list heading[witzer-wallet-list] {
  margin-top: 10px;
  font-size: 0.75rem;
  line-height: 1.5;
  letter-spacing: 0em;
  font-weight: 600;
  color: #0A090B;
}
@media only screen and (max-width: 700px) {
  h4[witzer-wallet-list] {
    margin-top: 8px;
    padding-top: 16px;
    border-top: 1px solid #8A8A9F4D;
  }
}
/* /Components/Money/WalletListItemTemplate.razor.rz.scp.css */
wallet-list-item amounts[witzer-wallet-list-item-template] {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: 1fr;
  margin-top: 6px;
}
wallet-list-item amounts > item[witzer-wallet-list-item-template] {
  display: block;
  border-left: solid 10px var(--colour-primary-midnight);
  padding-left: 14px;
}
wallet-list-item amounts > item label[witzer-wallet-list-item-template] {
  font-size: 10px;
  font-weight: 500;
  margin-bottom: 6px;
}
wallet-list-item amounts > item[witzer-wallet-list-item-template]  display-for,
wallet-list-item amounts > item[witzer-wallet-list-item-template]  skeleton {
  font-size: 16px;
  font-weight: 600;
}
wallet-list-item status[witzer-wallet-list-item-template] {
  margin-left: auto;
  font-size: 14px;
  font-weight: 475;
  color: #0A090B;
}
/* /Components/Money/WalletOverview.razor.rz.scp.css */
@media only screen and (max-width: 1000px) {
  overview[witzer-wallet-overview]  card-contents {
    display: none;
  }
}
/* /Components/Money/WalletOverviewBase.razor.rz.scp.css */
wallet-overview-base[witzer-wallet-overview-base]  sub-description {
  font-size: 0.75rem;
  line-height: 2;
  letter-spacing: -0.02666667em;
  font-weight: 400;
  color: #5F5F61;
  padding-left: 10px;
}
/* /Components/Money/WalletTransactionListRow.razor.rz.scp.css */
.deposit[witzer-wallet-transaction-list-row] {
  --feature-colour: #238771;
}
.wallet-transfer[witzer-wallet-transaction-list-row] {
  --feature-colour: #434AB2;
}
.withdrawal[witzer-wallet-transaction-list-row] {
  --feature-colour: #FFD149;
}
.claim[witzer-wallet-transaction-list-row] {
  --feature-colour: #7ABDFF;
}
.cleared[witzer-wallet-transaction-list-row] {
  --status-border: #238771;
  --status-background: #EDFFF5;
  --status-colour: #238771;
}
.pending[witzer-wallet-transaction-list-row] {
  --status-border: #F5B700;
  --status-background: #FFF2CC;
  --status-colour: #B79427;
}
.declined[witzer-wallet-transaction-list-row] {
  --status-border: #A80F00;
  --status-background: #FFF3F1;
  --status-colour: #A80F00;
}
date-time[witzer-wallet-transaction-list-row],
from[witzer-wallet-transaction-list-row] {
  color: #33335E;
  display: flex;
  flex-direction: row;
  gap: 5px;
}
date-time > :first-child[witzer-wallet-transaction-list-row],
from > :first-child[witzer-wallet-transaction-list-row] {
  font-weight: var(--typography-font-weight-bold);
}
amount[witzer-wallet-transaction-list-row] {
  text-align: right;
  font-weight: var(--typography-font-weight-bold);
  color: #33335E;
  grid-column: 2;
  grid-row-start: 2;
  grid-row-end: span 2;
  align-self: center;
}
/* /Components/Money/WitzerWalletList.razor.rz.scp.css */
/* /Components/MouseDragArea.razor.rz.scp.css */
mouse-drag-area.drag[witzer-mouse-drag-area] {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
/* /Components/Notifications/UnreadNotifications.razor.rz.scp.css */
div.unread-notifications[witzer-unread-notifications] {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
div.list-items[witzer-unread-notifications] {
  gap: 10px;
}
/* /Components/Notifications/WitzerNotificationItem.razor.rz.scp.css */
[witzer-witzer-notification-item] button.notification-item {
  border: 1px solid var(--semantic-border-subtle);
  border-radius: 5px;
  padding-inline: 10px;
  min-height: 50px;
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
}
div.unread-indicator[witzer-witzer-notification-item] {
  flex-shrink: 0;
  width: 11px;
  height: 11px;
  border-radius: 50%;
  background-color: var(--colour-primary-aloe);
}
div.view[witzer-witzer-notification-item] {
  margin-left: auto;
}
/* /Components/Notifications/WitzerNotificationPopupContent.razor.rz.scp.css */
.blazored-modal[witzer-witzer-notification-popup-content] {
  width: 400px;
  max-width: 90vw;
  max-height: 70vh;
}
@media only screen and (min-width: 1001px ) {
  .blazored-modal[witzer-witzer-notification-popup-content] {
    width: 600px;
  }
}
@media only screen and (max-width: 500px) {
  .blazored-modal[witzer-witzer-notification-popup-content] {
    max-width: 100%;
  }
}
/* /Components/Notifications/WitzerNotificationWidget.razor.rz.scp.css */
[witzer-witzer-notification-widget] div.witzer-modal-v2.popup {
  background: none;
  border: none;
  box-shadow: none;
}
[witzer-witzer-notification-widget] div.witzer-modal-v2.popup > div.blazored-modal-header {
  display: none;
}
/* /Components/Notifications/WitzerNotificationWidgetTrigger.razor.rz.scp.css */
img[witzer-witzer-notification-widget-trigger] {
  height: var(--header-height, 35px);
  width: var(--header-height, 35px);
  cursor: pointer;
}
img.active[witzer-witzer-notification-widget-trigger] {
  -webkit-animation: 5.4s linear infinite notification-active;
          animation: 5.4s linear infinite notification-active-witzer-witzer-notification-widget-trigger;
}
@-webkit-keyframes notification-active {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  1.1111111111111112%,
  2.5925925925925926% {
    -webkit-transform: rotate(20deg);
            transform: rotate(20deg);
  }
  4.814814814814815%,
  6.296296296296296% {
    -webkit-transform: rotate(-20deg);
            transform: rotate(-20deg);
  }
  7.4074074074074066% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
}
@keyframes notification-active-witzer-witzer-notification-widget-trigger {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  1.1111111111111112%,
  2.5925925925925926% {
    -webkit-transform: rotate(20deg);
            transform: rotate(20deg);
  }
  4.814814814814815%,
  6.296296296296296% {
    -webkit-transform: rotate(-20deg);
            transform: rotate(-20deg);
  }
  7.4074074074074066% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
}
/* /Components/Onboarding/Profile/Editors/ProfileAvatarContainer.razor.rz.scp.css */
div.avatar[witzer-profile-avatar-container] {
  display: flex;
  flex-direction: column;
  align-items: center;
  --avatar-gap: 12px;
  gap: var(--avatar-gap);
  --avatar-size: 93.7px;
}
/* /Components/Onboarding/Questionnaire/Option.razor.rz.scp.css */
button.option[witzer-option] {
  width: 100%;
  border: none;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: start;
  gap: 15px;
  height: 92px;
  padding: 0 12px;
  border-radius: 16px;
  background-color: var(--colour-background-card-2);
  box-shadow: var(--shadow-elevation-low);
  color: var(--colour-primary-midnight);
}
button.option.selected[witzer-option] {
  background-color: var(--colour-primary-aloe-10);
}
button.option span[witzer-option] {
  color: var(--semantic-fg-base);
}
img[witzer-option] {
  height: 100%;
}
/* /Components/Onboarding/Questionnaire/Question.razor.rz.scp.css */
div.buttons[witzer-question] {
  margin-top: auto;
}
p[witzer-question] {
  color: var(--Primary-Midnight-colour-primary-midnight, #0E0E4F);
  -webkit-font-feature-settings: 'liga' off, 'clig' off;
          font-feature-settings: 'liga' off, 'clig' off;
  font-family: Inter;
  font-size: var(--typography-font-size-md, 16px);
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  /* 125% */
  letter-spacing: -0.5px;
}
@media only screen and (max-width: 1000px) {
  p[witzer-question] {
    color: var(--Primary-Midnight-colour-primary-midnight, #0E0E4F);
    -webkit-font-feature-settings: 'liga' off, 'clig' off;
            font-feature-settings: 'liga' off, 'clig' off;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    /* 142.857% */
    letter-spacing: -0.5px;
  }
}
/* /Components/People/ContactDetails.razor.rz.scp.css */
contact-details[witzer-contact-details] {
  margin-top: 140px;
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.row[witzer-contact-details] {
  display: grid;
  grid-template-columns: -webkit-max-content 1fr;
  grid-template-columns: max-content 1fr;
  align-items: center;
  gap: 9px;
  font-size: 0.9145rem;
  line-height: 1.39994533;
  letter-spacing: -0.0200246em;
}
.row-contents[witzer-contact-details] {
  overflow: hidden;
  text-overflow: ellipsis;
}
a[witzer-contact-details] {
  color: inherit;
}
not-provided[witzer-contact-details] {
  opacity: 0.5;
}
/* /Components/People/ContactDisplay.razor.rz.scp.css */
div.modal-custom-header[witzer-contact-display] {
  display: flex;
  flex-direction: row;
  justify-content: start;
}
name[witzer-contact-display] {
  font-size: var(--typography-font-size-2xl);
  font-weight: var(--typography-font-weight-bold);
}
footer[witzer-contact-display] {
  align-self: stretch;
  margin-top: 15px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: end;
}
role[witzer-contact-display] {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 7px;
  font-size: var(--typography-font-size-xs);
  color: #64666C;
}
img.dot[witzer-contact-display] {
  width: 5px;
  height: 5px;
}
button.show-all[witzer-contact-display] {
  align-self: center;
  margin-top: 12px;
  font-size: var(--typography-font-size-md);
  font-weight: var(--typography-font-weight-semibold);
  cursor: pointer;
}
[witzer-contact-display] contact-details {
  width: 100%;
}
/* /Components/Pills/Pill.razor.rz.scp.css */
pill[witzer-pill] {
  --dark-yellow: var(--global-yellow-60);
  --light-yellow: var(--semantic-bg-warning);
  --dark-red: var(--global-red-70);
  --light-red: var(--semantic-bg-error);
  --dark-green: var(--global-green-70);
  --light-green: var(--semantic-bg-success);
  --dark-blue: var(--global-blue-80);
  --light-blue: var(--semantic-bg-info);
  --dark-navy: var(--colour-primary-midnight);
  --light-navy: var(--colour-primary-midnight);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: var(--light-pill-colour);
  color: var(--dark-pill-colour);
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  padding: 5px 10px;
  border-radius: 12px;
  min-width: 62px;
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content;
}
pill.solid[witzer-pill] {
  background-color: var(--dark-pill-colour);
  color: white;
}
pill.skeleton-loader[witzer-pill] {
  box-sizing: content-box;
  height: 1lh;
  width: 30px;
}
/* /Components/Pills/SmallPill.razor.rz.scp.css */
div.pill[witzer-small-pill] {
  font-size: 11px;
  line-height: 12.5px;
  letter-spacing: initial;
  font-weight: 600;
  white-space: nowrap;
  padding: 3px 8px;
  border-radius: var(--corner-radius-full);
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  color: var(--colour-font-creme);
  background-color: var(--background-colour);
  border: 1px solid var(--background-colour);
}
div.pill.yellow[witzer-small-pill] {
  --background-colour: var(--pending-yellow);
}
div.pill.green[witzer-small-pill] {
  --background-colour: var(--approved-green);
}
div.pill.blue[witzer-small-pill] {
  --background-colour: var(--settled-blue);
}
div.pill.red[witzer-small-pill] {
  --background-colour: var(--declined-red);
}
div.pill.grey[witzer-small-pill] {
  --background-colour: var(--discarded-grey);
}
div.pill.skeleton-loader[witzer-small-pill] {
  background-color: revert-layer;
  border-color: revert-layer;
}
/* /Components/Plans/Areas/AreaListItemActions.razor.rz.scp.css */
actions[witzer-area-list-item-actions] {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 5px;
}
/* /Components/Plans/Areas/PlanAreaEditor.razor.rz.scp.css */
[witzer-plan-area-editor] input[type="text"] {
  min-width: initial;
  width: 100%;
}
[witzer-plan-area-editor] button.save,
[witzer-plan-area-editor] skeleton[data-skeleton-type="button"] {
  display: block;
  width: 100%;
}
[witzer-plan-area-editor] dropdown {
  width: 100%;
  margin-right: 0;
}
/* /Components/Plans/Areas/PlanAreaListItem.razor.rz.scp.css */
heading[witzer-plan-area-list-item] {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 5px;
}
.can-edit name[witzer-plan-area-list-item],
.can-edit category[witzer-plan-area-list-item] {
  cursor: pointer;
}
category[witzer-plan-area-list-item] {
  grid-row: 1;
  grid-column: 1;
  font-size: 0.7em;
  color: #DF1D01;
  font-weight: bold;
}
name[witzer-plan-area-list-item] {
  grid-row: 2;
  grid-column: 1;
  font-size: 1.2em;
}
actions[witzer-plan-area-list-item] {
  grid-row: 1;
  grid-row-end: 3;
  grid-column: 2;
}
content[witzer-plan-area-list-item] {
  display: block;
}
content[witzer-plan-area-list-item]  card.inspiration-list {
  box-shadow: none;
  padding: 0;
  border-top: solid 1px #DADAE2;
  border-radius: 0;
  padding-top: 15px;
}
content[witzer-plan-area-list-item]  card.inspiration-list main-heading h1 {
  font-size: 16px;
  font-weight: 400;
}
/* /Components/Plans/Attachments/AttachmentCard.razor.rz.scp.css */
content[witzer-attachment-card] {
  width: 100%;
  height: 100%;
  display: grid;
  grid-template-columns: -webkit-max-content 1fr -webkit-max-content;
  grid-template-columns: max-content 1fr max-content;
  grid-template-rows: -webkit-max-content 1fr -webkit-max-content;
  grid-template-rows: max-content 1fr max-content;
}
h3.name[witzer-attachment-card] {
  grid-row: 1;
  grid-column: 1/-1;
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 3px;
  padding: 2px;
}
tag[witzer-attachment-card] {
  grid-row: 3;
  grid-column: 1;
  flex-direction: column;
  gap: 5px;
  padding: 5px;
  border-radius: 5px;
  background-color: white;
  border: 1px solid black;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  align-self: end;
}
tag > icon[witzer-attachment-card] {
  display: contents;
  background-color: transparent;
}
tag > icon[witzer-attachment-card]:before {
  margin-left: 10px;
}
tag > icon:hover[witzer-attachment-card] {
  background-color: transparent;
}
actions[witzer-attachment-card] {
  grid-row: 3;
  grid-column: 3;
  display: flex;
  flex-direction: row;
}
/* /Components/Plans/Attachments/AttachmentContainer.razor.rz.scp.css */
div.attachment-document[witzer-attachment-container] {
  flex-shrink: 0;
  --size: 46.8px;
  width: var(--size);
  height: var(--size);
  border-radius: 8px;
  overflow: hidden;
}
div.attachment-document[witzer-attachment-container]  > *,
div.attachment-document[witzer-attachment-container]  img {
  width: 100%;
  height: 100%;
}
div.attachment-document[witzer-attachment-container]  img {
  -o-object-fit: cover;
     object-fit: cover;
}
@media only screen and (min-width: 1001px ) {
  div.attachment-document[witzer-attachment-container] {
    --size: 85px;
  }
}
/* /Components/Plans/Attachments/AttachmentDisplay.razor.rz.scp.css */
[witzer-attachment-display] display-for[type="document"] img {
  max-width: 100%;
}
/* /Components/Plans/Attachments/AttachmentEditor.razor.rz.scp.css */
.link-loading[witzer-attachment-editor] {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-top: 10px;
}
.link-loading[witzer-attachment-editor]  loading-spinner {
  justify-content: center;
}
div.link-preview[witzer-attachment-editor] {
  margin-top: 10px;
}
span.notes[witzer-attachment-editor] {
  white-space: pre-wrap;
  overflow-x: hidden;
}
div.cost[witzer-attachment-editor] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}
div.file[witzer-attachment-editor]  display-for[type="document"]:has(img) {
  display: block;
  width: 100%;
  aspect-ratio: 3/2;
}
div.file[witzer-attachment-editor]  display-for[type="document"]:has(img) a.image {
  display: block;
  height: 100%;
  border-radius: 12px;
  overflow: hidden;
}
div.file[witzer-attachment-editor]  img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
/* /Components/Plans/Attachments/EditorForStringWithDropdown.razor.rz.scp.css */
input[witzer-editor-for-string-with-dropdown] {
  border: none;
  outline: none;
  border-radius: 0;
  box-shadow: unset;
  padding: 0;
  height: 100%;
  margin: -10px;
  margin-right: 20px;
  padding: 10px;
  flex-grow: 1;
}
input:hover[witzer-editor-for-string-with-dropdown],
input:focus[witzer-editor-for-string-with-dropdown] {
  border: none;
  outline: none;
}
/* /Components/Plans/Attachments/ListEditor/EditorForPlanAttachmentList.razor.rz.scp.css */
attachment-list-editor[witzer-editor-for-plan-attachment-list] {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
attachments[witzer-editor-for-plan-attachment-list] {
  display: grid;
  grid-template-columns: -webkit-max-content minmax(0, 1fr);
  grid-template-columns: max-content minmax(0, 1fr);
  gap: 10px;
}
/* /Components/Plans/Attachments/ListEditor/SelectedAttachment.razor.rz.scp.css */
attachment[witzer-selected-attachment] {
  display: grid;
  grid-column: 1/-1;
  grid-template-columns: subgrid;
}
content[witzer-selected-attachment] {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
/* /Components/Plans/Attachments/List/Inspiration.razor.rz.scp.css */
/* /Components/Plans/Attachments/List/InspirationNoData.razor.rz.scp.css */
list-items-no-data[witzer-inspiration-no-data] {
  grid-column: 1/-1;
  display: block;
  text-align: center;
  margin: 10px 57px;
  color: #5F5F61;
}
list-items-no-data h4[witzer-inspiration-no-data] {
  font-weight: normal;
  font-size: 20px;
}
list-items-no-data[witzer-inspiration-no-data]  button {
  font: inherit;
  color: #5A61ED;
}
/* /Components/Plans/Attachments/Overlay.razor.rz.scp.css */
div.overlay-container[witzer-overlay] {
  position: relative;
}
div.overlay-container[witzer-overlay],
div.content[witzer-overlay] {
  width: 100%;
  height: 100%;
}
div.overlay[witzer-overlay] {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgb(from #33335E r g b / 70%);
}
span.overlay-text[witzer-overlay] {
  color: #FFFEFD;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -0.308px;
}
@media only screen and (min-width: 1001px ) {
  span.overlay-text[witzer-overlay] {
    font-size: 24px;
    font-weight: 600;
    letter-spacing: -0.528px;
  }
}
/* /Components/Plans/Attachments/ProjectPlanAttachmentListItem.razor.rz.scp.css */
list-item[witzer-project-plan-attachment-list-item] {
  display: block;
  cursor: pointer;
}
list-item.skeleton-loader[witzer-project-plan-attachment-list-item] {
  cursor: default;
}
list-item.link[witzer-project-plan-attachment-list-item] {
  display: flex;
  align-items: center;
  gap: 12px;
  padding-block: 12px;
}
list-item.link:not(:first-child)[witzer-project-plan-attachment-list-item] {
  border-top: 1px solid rgba(0, 0, 0, 0.15);
}
div.link-details[witzer-project-plan-attachment-list-item] {
  margin-left: 6px;
  grid-column: 2/-1;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
/* /Components/Plans/Attachments/Summary/OverlappedAttachmentList.razor.rz.scp.css */
attachments[witzer-overlapped-attachment-list] {
  display: grid;
  grid-template-columns: repeat(calc(var(--num-items) + var(--overlap-factor) - 1), minmax(0, 1fr));
}
attachment[witzer-overlapped-attachment-list] {
  grid-column-start: calc(var(--index) + 1);
  grid-column-end: span var(--overlap-factor);
  grid-row: 1;
  z-index: calc(var(--num-items) - var(--index));
  width: 100%;
  aspect-ratio: 1;
  overflow: hidden;
  border: 1px solid black;
}
[witzer-overlapped-attachment-list] img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
/* /Components/Plans/Attachments/Summary/PlanAttachmentsSummary.razor.rz.scp.css */
attachments-summary[witzer-plan-attachments-summary] {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
attachments-summary[witzer-plan-attachments-summary]  > img {
  width: 100%;
  aspect-ratio: 1;
  -o-object-fit: cover;
     object-fit: cover;
}
attachments[witzer-plan-attachments-summary] {
  display: grid;
  grid-auto-flow: row;
  grid-template-columns: auto auto auto 1fr;
  grid-gap: 5px;
  align-items: center;
}
attachments[witzer-plan-attachments-summary]  > img {
  width: 70px;
  height: 70px;
  -o-object-fit: cover;
     object-fit: cover;
  max-width: 100%;
  max-height: 100%;
}
/* /Components/Plans/Budgets/Edit/Products/ProductSelectDialog.razor.rz.scp.css */
.empty[witzer-product-select-dialog] {
  opacity: 0.7;
  display: flex;
  flex-direction: column;
  text-align: center;
}
.empty p[witzer-product-select-dialog] {
  margin-top: 10px;
}
.empty icon[witzer-product-select-dialog] {
  font-size: 30px;
  align-self: center;
  color: #888;
  margin-bottom: 20px;
}
/* /Components/Plans/Budgets/Edit/Products/ProductSelectOption.razor.rz.scp.css */
product.selected[witzer-product-select-option]  card {
  outline: 2px solid #5A61ED;
}
/* /Components/Plans/Collaborator.razor.rz.scp.css */
collaborator[witzer-collaborator] {
  display: grid;
  grid-template-columns: -webkit-max-content 1fr;
  grid-template-columns: max-content 1fr;
  -webkit-column-gap: 10px;
     -moz-column-gap: 10px;
          column-gap: 10px;
  row-gap: 3px;
  font-size: 12px;
  line-height: 15px;
  color: var(--colour-primary-midnight);
}
avatar[witzer-collaborator] {
  grid-column: 1;
  grid-row: 1/3;
}
avatar[witzer-collaborator]  avatar {
  --avatar-size: 40px;
}
name[witzer-collaborator] {
  grid-column: 2;
  grid-row: 1;
  align-self: end;
}
bio[witzer-collaborator] {
  grid-column: 2;
  grid-row: 2;
  align-self: start;
  opacity: 0.5;
}
/* /Components/Plans/Collaborators/CollaboratorListWithInvite.razor.rz.scp.css */
collaborators[witzer-collaborator-list-with-invite] {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
  --avatar-size: 30px;
}
collaborators button[witzer-collaborator-list-with-invite] {
  width: var(--avatar-size, 40px);
  height: var(--avatar-size, 40px);
  border-radius: 50%;
  border: dashed 2px white;
  padding: 0;
  background-color: transparent;
}
/* /Components/Plans/Collaborators/EditorForCollaborators.razor.rz.scp.css */
editor-for-collaborators[witzer-editor-for-collaborators] {
  display: contents;
}
div.collaborators[witzer-editor-for-collaborators] {
  display: grid;
  grid-template-columns: auto 1fr auto;
  gap: 12px;
  align-items: baseline;
}
div.collaborators > div[witzer-editor-for-collaborators] {
  display: contents;
}
div.collaborators > div[witzer-editor-for-collaborators]  > avatar {
  grid-column: 1;
}
[witzer-editor-for-collaborators] form-field.new-collaborator {
  gap: 12px;
}
span.tag[witzer-editor-for-collaborators] {
  font-size: 0.8em;
  margin: 8px;
}
/* /Components/Plans/Collaborators/InviteCollaboratorDialog.razor.rz.scp.css */
invite[witzer-invite-collaborator-dialog]  editor-for-string input[type="text"] {
  min-width: initial;
  width: 100%;
}
invite[witzer-invite-collaborator-dialog]  form-field.can-edit > * {
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
}
invite[witzer-invite-collaborator-dialog]  action-buttons {
  display: flex;
  justify-content: center;
  gap: 20px;
  margin-top: 20px;
}
/* /Components/Plans/Create/MultiSelectList.razor.rz.scp.css */
div.options[witzer-multi-select-list] {
  display: grid;
  --num-columns: 1;
  grid-template-columns: repeat(var(--num-columns), minmax(0, 1fr));
  grid-template-rows: repeat(var(--num-rows-mobile), 80px);
  grid-auto-flow: column;
  gap: 8px;
}
button.select-option[witzer-multi-select-list] {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
  padding: 20px 22px;
  border-radius: 8px;
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: -0.5px;
  border-width: 4px;
}
img[witzer-multi-select-list] {
  width: 40px;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
img.selected[witzer-multi-select-list] {
  display: none;
}
button.select-option.selected img.default[witzer-multi-select-list] {
  display: none;
}
button.select-option.selected img.selected[witzer-multi-select-list] {
  display: block;
}
@media only screen and (min-width: 1001px ) {
  div.options[witzer-multi-select-list] {
    --num-columns: 2;
    grid-template-rows: repeat(var(--num-rows-desktop), 110px);
    gap: 14px;
  }
  button.option[witzer-multi-select-list] {
    padding: 28px 25px;
  }
  img[witzer-multi-select-list] {
    width: 60px;
  }
}
/* /Components/Plans/Create/NewPlanWizard.razor.rz.scp.css */
page-content[witzer-new-plan-wizard] {
  background-color: white;
  border-radius: 5px;
}
div.new-plan-wizard[witzer-new-plan-wizard],
div.project-area-page[witzer-new-plan-wizard] {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
div.project-type-page[witzer-new-plan-wizard] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}
div.project-type-page .avatar[witzer-new-plan-wizard] {
  display: flex;
  flex-direction: column;
  justify-content: center;
  grid-row: span 4;
  border-radius: 8px;
  border: 2px solid var(--border-colour);
}
@media only screen and (max-width: 700px) {
  div.project-type-page[witzer-new-plan-wizard] {
    grid-template-columns: 1fr;
  }
  div.project-type-page .avatar[witzer-new-plan-wizard] {
    border: none;
  }
}
button.continue[witzer-new-plan-wizard] {
  margin-top: 20px;
  width: 100%;
}
[witzer-new-plan-wizard] dropdown {
  width: 100%;
  margin-right: 0;
}
/* /Components/Plans/Display/Areas.razor.rz.scp.css */
areas[witzer-areas]  > card > card-contents > list-items[item-type="card"] {
  grid-template-columns: minmax(0, 1fr);
}
/* /Components/Plans/Display/Budget/AddNewBudgetItem.razor.rz.scp.css */
div.new-budget-item[witzer-add-new-budget-item] {
  display: grid;
  grid-template-columns: 1fr -webkit-max-content;
  grid-template-columns: 1fr max-content;
  gap: 12px;
}
div.new-budget-item.product[witzer-add-new-budget-item] {
  grid-template-columns: 60px auto -webkit-max-content;
  grid-template-columns: 60px auto max-content;
}
div.new-budget-item.product[witzer-add-new-budget-item]  > display-for[type="document"] img {
  width: 100%;
  height: 100%;
  border-radius: 5px;
}
div.button-group[witzer-add-new-budget-item] {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
h6[witzer-add-new-budget-item] {
  font-weight: 500;
}
div.adhoc-cost[witzer-add-new-budget-item],
div.product-cost[witzer-add-new-budget-item] {
  display: grid;
  gap: 12px;
  align-items: center;
}
div.adhoc-cost[witzer-add-new-budget-item] {
  grid-template-columns: 1fr auto repeat(2, 1fr);
}
div.product-cost[witzer-add-new-budget-item] {
  grid-template-columns: repeat(2, 1fr);
}
div.footer[witzer-add-new-budget-item] {
  padding: 12px;
  border-top: 1px solid rgba(0, 0, 0, 0.15);
  text-align: right;
}
span.total[witzer-add-new-budget-item] {
  color: var(--colour-primary-midnight);
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -0.308px;
  margin-bottom: 12px;
  display: inline-block;
}
span.label[witzer-add-new-budget-item] {
  font-weight: 600;
}
div.icon-container[witzer-add-new-budget-item] {
  padding: 10px;
  margin: -10px;
}
icon[witzer-add-new-budget-item] {
  --size: 24px;
  width: var(--size);
  height: var(--size);
  border-radius: 50%;
  border: 2px solid;
  color: #434AB2;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
@media only screen and (min-width: 1001px ) {
  span.total[witzer-add-new-budget-item] {
    font-size: 16px;
  }
  div.icon-container[witzer-add-new-budget-item] {
    padding: 0;
    margin: 0;
  }
  icon[witzer-add-new-budget-item] {
    --size: 32px;
  }
}
/* /Components/Plans/Display/Budget/BudgetArea.razor.rz.scp.css */
div.area[witzer-budget-area] {
  display: flex;
  flex-direction: column;
  gap: 12px;
  border-width: 2px;
}
div.budget-items[witzer-budget-area] {
  display: grid;
  grid-template-columns: 1fr -webkit-max-content;
  grid-template-columns: 1fr max-content;
  gap: 12px;
}
div.total[witzer-budget-area] {
  text-align: end;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -0.308px;
}
div.total span.label[witzer-budget-area] {
  font-weight: 600;
}
@media only screen and (min-width: 1001px ) {
  div.total[witzer-budget-area] {
    font-size: 16px;
  }
}
/* /Components/Plans/Display/Budget/BudgetItem.razor.rz.scp.css */
div.budget-item[witzer-budget-item] {
  grid-column: 1/-1;
  display: grid;
  grid-template-columns: subgrid;
  align-items: center;
}
div.name[witzer-budget-item] {
  flex-grow: 1;
  display: grid;
  grid-template-columns: 1fr repeat(2, -webkit-max-content);
  grid-template-columns: 1fr repeat(2, max-content);
  align-items: start;
  gap: 12px;
  height: auto;
}
span.item-name[witzer-budget-item] {
  align-self: center;
  line-height: 1.2em;
}
img.edit[witzer-budget-item] {
  cursor: pointer;
  width: 24px;
}
icon.delete[witzer-budget-item] {
  cursor: pointer;
  padding: 3px 4px;
  color: #F95608;
  font-size: 18px;
}
img.edit[witzer-budget-item],
icon.delete[witzer-budget-item] {
  margin-top: 2px;
}
[witzer-budget-item] display-for[type="currency"] {
  justify-self: end;
  align-self: start;
  margin-top: 14px;
}
/* /Components/Plans/Display/Budget/BudgetListItem.razor.rz.scp.css */
img.edit[witzer-budget-list-item] {
  cursor: pointer;
  padding: 10px;
}
/* /Components/Plans/Display/Budget/BudgetListItems.razor.rz.scp.css */
div.list-items[witzer-budget-list-items] {
  display: grid;
  grid-template-columns: -webkit-max-content minmax(0, 1fr) -webkit-max-content -webkit-max-content;
  grid-template-columns: max-content minmax(0, 1fr) max-content max-content;
  grid-row-gap: 4px;
  grid-column-gap: 12px;
}
/* /Components/Plans/Display/Budget/Edit/BudgetEditor.razor.rz.scp.css */
div.total-container[witzer-budget-editor] {
  padding-right: 12px;
}
@media only screen and (min-width: 1001px ) {
  div.total-container[witzer-budget-editor] {
    padding-right: 16px;
  }
}
div.buttons.row[witzer-budget-editor]  a {
  width: auto;
  text-align: center;
}
div.budget-summary-skeleton[witzer-budget-editor] {
  box-sizing: content-box;
  height: 4lh;
}
div.area-skeleton[witzer-budget-editor] {
  border-width: 2px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
div.button-skeleton[witzer-budget-editor] {
  pointer-events: none;
}
/* /Components/Plans/Display/Budget/List/BudgetListCard.razor.rz.scp.css */
h5[witzer-budget-list-card] {
  grid-column: 1/-1;
}
div.list-items[witzer-budget-list-card] {
  display: grid;
  grid-template-columns: -webkit-max-content minmax(0, 1fr) -webkit-max-content -webkit-max-content;
  grid-template-columns: max-content minmax(0, 1fr) max-content max-content;
  grid-row-gap: 4px;
  grid-column-gap: 12px;
}
/* /Components/Plans/Display/Budget/List/BudgetListLine.razor.rz.scp.css */
div.line-item[witzer-budget-list-line] {
  grid-column: 1/-1;
  display: grid;
  grid-template-columns: subgrid;
  align-items: center;
  padding-top: 9.75px;
  padding-bottom: 7.75px;
  border-top: 1px solid #8A8A9F4D;
}
div.details[witzer-budget-list-line] {
  display: flex;
  flex-direction: column;
  gap: 8px;
  font-size: 12px;
}
[witzer-budget-list-line] display-for[type="currency"] {
  justify-self: end;
  font-size: 24px;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: -0.5px;
}
span.name[witzer-budget-list-line] {
  font-weight: 600;
}
/* /Components/Plans/Display/Content/AttachmentListItems.razor.rz.scp.css */
div.items[witzer-attachment-list-items] {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
}
div.items.links[witzer-attachment-list-items] {
  flex-direction: column;
}
@media only screen and (min-width: 1001px ) {
  div.items[witzer-attachment-list-items] {
    gap: 6px;
  }
}
/* /Components/Plans/Display/Content/ContentCategory.razor.rz.scp.css */
div.category[witzer-content-category] {
  padding-block: 12px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
@media only screen and (min-width: 1001px ) {
  div.category[witzer-content-category] {
    gap: 12px;
  }
}
div.category.empty[witzer-content-category] {
  gap: 0px;
}
@media only screen and (min-width: 1001px ) {
  div.category.empty[witzer-content-category] {
    gap: 2px;
  }
}
div.category:not(:first-child)[witzer-content-category] {
  border-top: var(--standard-border);
}
div.heading[witzer-content-category] {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
div.category-label[witzer-content-category] {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -0.308px;
  color: var(--colour-primary-midnight);
}
@media only screen and (min-width: 1001px ) {
  div.category-label[witzer-content-category] {
    font-size: 20px;
    letter-spacing: -0.44px;
  }
}
button.add[witzer-content-category] {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--button-primary-colour);
  color: white;
  padding: 0;
  border: none;
}
button.view[witzer-content-category] {
  margin-left: auto;
}
/* /Components/Plans/Display/Content/Images/PlanImageListItems.razor.rz.scp.css */
div.list-items[witzer-plan-image-list-items] {
  flex-direction: row;
  flex-wrap: wrap;
}
/* /Components/Plans/Display/Content/Links/LinkContainer.razor.rz.scp.css */
button.link-attachment[witzer-link-container] {
  display: flex;
  align-items: center;
  gap: 12px;
  padding-block: 12px;
}
button.link-attachment:not(:first-child)[witzer-link-container] {
  border-top: 1px solid rgba(0, 0, 0, 0.15);
}
@media only screen and (min-width: 1001px ) {
  button.link-attachment:not(:first-child)[witzer-link-container] {
    border: none;
  }
}
/* /Components/Plans/Display/Content/Links/LinkDetails.razor.rz.scp.css */
div.link-details[witzer-link-details] {
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: 8px;
}
p.note[witzer-link-details] {
  color: #33335E;
  -webkit-font-feature-settings: 'liga' off, 'clig' off;
          font-feature-settings: 'liga' off, 'clig' off;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: -0.5px;
}
/* /Components/Plans/Display/Content/Links/PlanLinkListItems.razor.rz.scp.css */
@media only screen and (min-width: 1001px ) {
  div.list-items[witzer-plan-link-list-items] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 28px;
  }
}
/* /Components/Plans/Display/Content/PlanContentSection.razor.rz.scp.css */
@media only screen and (max-width: 1000px) {
  div.content-categories[witzer-plan-content-section] {
    gap: 0;
  }
}
/* /Components/Plans/Display/Quotes/EditPlanAddress.razor.rz.scp.css */
div.editor[witzer-edit-plan-address] {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  position: relative;
}
div.editor[witzer-edit-plan-address]  button.inline {
  position: absolute;
  right: 20px;
  top: 10px;
}
@media only screen and (min-width: 1001px ) {
  div.editor[witzer-edit-plan-address]  button.inline {
    top: 15px;
  }
}
div.actions[witzer-edit-plan-address] {
  display: flex;
  gap: 12px;
}
div.actions[witzer-edit-plan-address]  > * {
  flex-grow: 1;
}
/* /Components/Plans/Display/Quotes/QuoteListItem.razor.rz.scp.css */
div.heading[witzer-quote-list-item] {
  display: grid;
  grid-template-columns: minmax(0, 1fr) repeat(2, -webkit-max-content);
  grid-template-columns: minmax(0, 1fr) repeat(2, max-content);
  align-items: center;
  gap: 12px;
  padding-bottom: 20px;
}
div.details[witzer-quote-list-item] {
  display: flex;
  justify-content: space-between;
}
div.details-item[witzer-quote-list-item] {
  display: flex;
  flex-direction: column;
  font-size: 12px;
  font-weight: 600;
}
span.label[witzer-quote-list-item] {
  line-height: 40px;
  letter-spacing: -0.5px;
  color: #00005C;
}
span.value[witzer-quote-list-item] {
  line-height: 18px;
  letter-spacing: -0.264px;
  color: #373737;
}
@media only screen and (min-width: 1001px ) {
  span.label[witzer-quote-list-item] {
    font-size: 16px;
  }
}
/* /Components/Plans/Display/Quotes/SentQuotes.razor.rz.scp.css */
div.list-items[witzer-sent-quotes] {
  gap: 16px;
}
/* /Components/Plans/Display/SuggestedContent/SuggestedContentDialog.razor.rz.scp.css */
h6[witzer-suggested-content-dialog] {
  color: #000136 !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 8px !important;
  letter-spacing: -0.5px !important;
  margin: 0 !important;
}
div.image[witzer-suggested-content-dialog]  div.image-container {
  aspect-ratio: auto;
}
/* /Components/Plans/Display/SuggestedContent/SuggestedContentImageContainer.razor.rz.scp.css */
div.suggested-content-document[witzer-suggested-content-image-container] {
  width: 78px;
  height: 78px;
  overflow: hidden;
  border-radius: 12px;
}
div.suggested-content-document[witzer-suggested-content-image-container]  > *,
div.suggested-content-document[witzer-suggested-content-image-container]  img {
  width: 100%;
  height: 100%;
}
div.suggested-content-document[witzer-suggested-content-image-container]  img {
  -o-object-fit: cover;
     object-fit: cover;
}
@media only screen and (min-width: 1001px ) {
  div.suggested-content-document[witzer-suggested-content-image-container] {
    width: 185px;
    height: 154px;
  }
}
/* /Components/Plans/Display/SuggestedContent/SuggestedContentListItem.razor.rz.scp.css */
button.suggested-content-list-item[witzer-suggested-content-list-item] {
  padding-top: 12px;
  padding-bottom: 8px;
  display: flex;
  gap: 12px;
}
button.suggested-content-list-item:not(:first-child)[witzer-suggested-content-list-item] {
  border-top: var(--standard-border);
}
div.suggested-content-details[witzer-suggested-content-list-item] {
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: 8px;
}
@media only screen and (min-width: 1001px ) {
  button.suggested-content-list-item[witzer-suggested-content-list-item] {
    padding-block: 16px;
    gap: 18.5px;
  }
  div.suggested-content-details[witzer-suggested-content-list-item] {
    gap: 4px;
    padding-block: 10px;
  }
}
/* /Components/Plans/Display/SuggestedContent/SuggestedContentListItems.razor.rz.scp.css */
/* /Components/Plans/Display/Summary/EditorForPlanDetails.razor.rz.scp.css */
editor-for-plan-details[witzer-editor-for-plan-details] {
  display: contents;
}
div.area label[witzer-editor-for-plan-details] {
  font-weight: bold;
  display: inline-block;
}
div.area-options[witzer-editor-for-plan-details] {
  background-color: white;
  padding: 15px;
  height: 100%;
  display: grid;
  grid-template-rows: 1fr auto;
  row-gap: 12px;
}
div.area-options[witzer-editor-for-plan-details]  div.options {
  overflow-y: auto;
  padding: 5px;
}
input.selected-areas[witzer-editor-for-plan-details] {
  width: 100%;
}
/* /Components/Plans/Display/Summary/PlanSummarySection.razor.rz.scp.css */
div.summary[witzer-plan-summary-section] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-template-rows: repeat(3, -webkit-max-content);
  grid-template-rows: repeat(3, max-content);
  grid-column-gap: 20px;
  grid-row-gap: 32px;
  grid-auto-flow: column;
}
div.feature-image[witzer-plan-summary-section] {
  width: 100%;
  border-radius: 12px;
  overflow: hidden;
}
div.feature-image[witzer-plan-summary-section]  img,
div.feature-image[witzer-plan-summary-section]  skeleton[data-skeleton-type="image"] {
  width: 100%;
  height: 100%;
  aspect-ratio: 3/2;
  -o-object-fit: cover;
     object-fit: cover;
}
div.area:not(.loading)[witzer-plan-summary-section],
div.collaborators:not(.loading)[witzer-plan-summary-section] {
  display: grid;
  grid-template-columns: minmax(0, 1fr) -webkit-max-content;
  grid-template-columns: minmax(0, 1fr) max-content;
  grid-template-rows: repeat(2, -webkit-max-content);
  grid-template-rows: repeat(2, max-content);
  gap: 16px;
  grid-auto-flow: column;
}
div.area > .buttons[witzer-plan-summary-section] {
  grid-column: 2;
  grid-row-end: span 2;
  align-self: start;
}
div.collaborators[witzer-plan-summary-section] >  div.messages {
  grid-column: 2;
  grid-row: 2;
  align-self: start;
}
[witzer-plan-summary-section] div.find-inspiration {
  grid-row: 1/-1;
}
img.edit[witzer-plan-summary-section] {
  cursor: pointer;
}
@media only screen and (max-width: 1000px) {
  div.summary[witzer-plan-summary-section] {
    display: flex;
    flex-direction: column;
    gap: 12px;
  }
  div.feature-image[witzer-plan-summary-section] {
    margin-inline: 0;
  }
  div.area[witzer-plan-summary-section] {
    gap: 4px;
  }
  div.find-inspiration[witzer-plan-summary-section] {
    padding: 8px 16px;
    border-radius: 8px;
  }
}
/* /Components/Plans/ExternalLinks/DisplayForExternalLink.razor.rz.scp.css */
display-for[witzer-display-for-external-link] {
  cursor: pointer;
  display: flex;
  gap: 10px;
}
div.link[witzer-display-for-external-link] {
  white-space: nowrap;
  overflow-x: hidden;
  text-overflow: ellipsis;
}
/* /Components/Plans/ExternalLinks/EditorForExternalLink.razor.rz.scp.css */
div.external-link[witzer-editor-for-external-link] {
  display: flex;
  gap: 10px;
  align-items: center;
}
[witzer-editor-for-external-link] editor-for-string {
  flex-grow: 1;
}
icon.open-link[witzer-editor-for-external-link] {
  cursor: pointer;
  padding: 10px;
  color: var(--colour-secondary-kingfisher);
}
/* /Components/Plans/FeatureImageBackground.razor.rz.scp.css */
card[witzer-feature-image-background] {
  width: 100%;
  height: 100%;
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: 100%;
}
card > *[witzer-feature-image-background] {
  grid-row: 1;
  grid-column: 1;
  width: 100%;
  height: 100%;
}
feature-image[witzer-feature-image-background]  img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 3/2;
}
card[witzer-feature-image-background],
feature-image[witzer-feature-image-background]  img {
  border-radius: 10px;
}
content[witzer-feature-image-background] {
  padding: 10px;
  border-radius: 10px;
}
/* /Components/Plans/FloorPlans/DimensionsCalculatedValues.razor.rz.scp.css */
calculated[witzer-dimensions-calculated-values] {
  display: block;
  color: #888;
}
span[witzer-dimensions-calculated-values] {
  font-size: 0.8em;
  margin-right: 8px;
}
b[witzer-dimensions-calculated-values] {
  font-size: 1.1em;
}
/* /Components/Plans/FloorPlans/DimensionsEditor.razor.rz.scp.css */
dimensions[witzer-dimensions-editor] {
  display: block;
}
span[witzer-dimensions-editor] {
  font-size: 0.8em;
  margin-right: 8px;
}
b[witzer-dimensions-editor] {
  font-size: 1.1em;
}
/* /Components/Plans/FloorPlans/EditorForLength.razor.rz.scp.css */
[witzer-editor-for-length] input {
  width: 70px;
  text-align: right;
  font-weight: inherit;
}
/* /Components/Plans/FloorPlans/FloorPlan.razor.rz.scp.css */
floor-plan[witzer-floor-plan] {
  display: grid;
  grid-template-columns: 1fr auto;
  margin-bottom: 15px;
  grid-gap: 15px;
}
@media only screen and (max-width: 600px) {
  floor-plan[witzer-floor-plan] {
    grid-template-columns: auto;
  }
}
h4[witzer-floor-plan] {
  font-size: 16px;
  font-weight: 400;
  margin: 0;
  margin-bottom: 15px;
}
documents[witzer-floor-plan]  > limited-attachment-list > attachment-list {
  gap: 15px;
}
dimensions[witzer-floor-plan] {
  display: block;
}
dimensions.can-edit[witzer-floor-plan] {
  cursor: pointer;
}
dimensions actual[witzer-floor-plan] {
  display: block;
}
dimensions actual > span[witzer-floor-plan] {
  font-size: 0.8em;
  margin-right: 8px;
}
dimensions actual > span > b[witzer-floor-plan] {
  font-size: 1.1em;
}
/* /Components/Plans/FloorPlans/NoFloorPlan.razor.rz.scp.css */
no-floor-plan[witzer-no-floor-plan] {
  text-align: center;
}
add-floor-plan[witzer-no-floor-plan] {
  display: flex;
  justify-content: end;
}
/* /Components/Plans/IconButton.razor.rz.scp.css */
icon[witzer-icon-button] {
  border-radius: 50%;
  background-color: #8E8E8E69;
  width: 50px;
  height: 50px;
  text-align: center;
  vertical-align: middle;
  align-content: center;
  margin: 3px;
  display: grid;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
icon:not([disabled]):hover[witzer-icon-button] {
  background-color: #8E8E8EFF;
}
icon[disabled][witzer-icon-button] {
  cursor: default;
  opacity: 0.5;
}
icon[witzer-icon-button]::before,
icon[witzer-icon-button]  > * {
  grid-column: 1;
  grid-row: 1;
}
/* /Components/Plans/List/PlanList.razor.rz.scp.css */
[witzer-plan-list] list-items[item-type="card"] {
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: -webkit-max-content;
  grid-template-rows: max-content;
  grid-auto-rows: 110px;
  gap: 0px;
}
@media only screen and (min-width: 1001px ) {
  [witzer-plan-list] list-items[item-type="card"] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-rows: none;
    grid-auto-rows: 186px;
    grid-column-gap: 20px;
  }
  [witzer-plan-list] list-items[item-type="card"] > :first-child {
    grid-row: 1/4;
  }
}
/* /Components/Plans/List/PlanListItem.razor.rz.scp.css */
.plan-list-item[witzer-plan-list-item] {
  display: flex;
  flex-direction: row;
  gap: 12px;
  padding-block: 16px;
  height: 100%;
}
.plan-list-item div.feature-image[witzer-plan-list-item] {
  border-radius: 12px;
  overflow: hidden;
}
.plan-list-item:first-child[witzer-plan-list-item] {
  flex-direction: column;
  color: #33335E;
}
.plan-list-item:first-child div.container[witzer-plan-list-item] {
  flex-direction: column;
}
.plan-list-item:first-child div.feature-image[witzer-plan-list-item] {
  width: 100%;
  aspect-ratio: 1.5;
}
.plan-list-item:first-child span.name[witzer-plan-list-item] {
  font-size: 20px;
}
.plan-list-item:not(:first-child)[witzer-plan-list-item] {
  border-top: var(--standard-border);
  color: black;
}
.plan-list-item:not(:first-child) div.feature-image[witzer-plan-list-item] {
  height: 100%;
  aspect-ratio: 1;
  border-radius: 12px;
}
.plan-list-item:not(:first-child) div.details[witzer-plan-list-item] {
  flex-grow: 1;
}
div.feature-image[witzer-plan-list-item] {
  overflow: hidden;
}
[witzer-plan-list-item] img,
[witzer-plan-list-item] skeleton[data-skeleton-type="image"] {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
div.details[witzer-plan-list-item] {
  display: flex;
  flex-direction: column;
  gap: 4px;
  -webkit-font-feature-settings: 'liga' off, 'clig' off;
          font-feature-settings: 'liga' off, 'clig' off;
  line-height: 20px;
}
span.name[witzer-plan-list-item] {
  font-size: 16px;
  font-weight: 700;
}
span.area[witzer-plan-list-item] {
  font-size: 14px;
}
span.label[witzer-plan-list-item] {
  font-weight: 700;
}
span.view[witzer-plan-list-item] {
  align-self: end;
  margin-top: auto;
}
@media only screen and (min-width: 1001px ) {
  .plan-list-item:first-child div.feature-image[witzer-plan-list-item] {
    flex-grow: 1;
    aspect-ratio: auto;
  }
}
/* /Components/Plans/Quotes/ContractorQuote.razor.rz.scp.css */
contractor-quote[witzer-contractor-quote] {
  display: block;
  padding: 20px;
  text-align: center;
}
@media only screen and (max-width: 500px) {
  contractor-quote[witzer-contractor-quote] {
    padding: 10px;
  }
}
actions[witzer-contractor-quote] {
  display: block;
}
.info[witzer-contractor-quote] {
  color: #5F5F61;
  margin-bottom: 10px;
  display: inline-block;
}
/* /Components/Plans/Quotes/PlanAddress.razor.rz.scp.css */
p[witzer-plan-address] {
  text-align: center;
}
[witzer-plan-address] editor-for-string input {
  font-size: 16px;
  line-height: 20px;
  letter-spacing: -0.05px;
  border: 1px solid var(--colour-font-pebble);
  border-radius: 4px;
  box-shadow: 0px 1.5px 4px -1px rgba(10, 9, 11, 0.07);
  padding: 10px;
  background-color: white;
  color: var(--colour-primary-midnight);
  min-width: 100%;
  width: 100%;
}
[witzer-plan-address] editor-for-string input::-webkit-input-placeholder {
  color: var(--colour-primary-midnight);
  opacity: 0.6;
}
[witzer-plan-address] editor-for-string input::-moz-placeholder {
  color: var(--colour-primary-midnight);
  opacity: 0.6;
}
[witzer-plan-address] editor-for-string input::-ms-input-placeholder {
  color: var(--colour-primary-midnight);
  opacity: 0.6;
}
[witzer-plan-address] editor-for-string input::placeholder {
  color: var(--colour-primary-midnight);
  opacity: 0.6;
}
[witzer-plan-address] editor-for-string input:hover {
  border-color: var(--border-colour);
}
[witzer-plan-address] editor-for-string input:focus,
[witzer-plan-address] editor-for-string input:focus-within {
  border-color: var(--colour-primary-aloe-50);
}
/* /Components/Plans/Quotes/QuoteClientInfoCard.razor.rz.scp.css */
ul[witzer-quote-client-info-card] {
  list-style: none;
  font-size: 12px;
  font-weight: 500;
  padding-left: 0;
}
label[witzer-quote-client-info-card] {
  font-weight: 600;
  font-size: 12px;
  display: inline-block;
  margin-right: 5px;
}
/* /Components/Plans/Quotes/QuoteListItem.razor.rz.scp.css */
quote-collaborator[witzer-quote-list-item] {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
}
name[witzer-quote-list-item] {
  font-weight: 600;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}
project[witzer-quote-list-item] {
  cursor: pointer;
}
actions[witzer-quote-list-item] {
  display: flex;
  flex-direction: row;
  gap: 10px;
}
heading-content[witzer-quote-list-item] {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
note[witzer-quote-list-item] {
  background-color: #F6F6F6;
  padding: 20px;
  display: flex;
  font-size: 15px;
  margin-bottom: 10px;
}
@media only screen and (max-width: 500px) {
  note[witzer-quote-list-item] {
    padding: 10px;
  }
}
note i[witzer-quote-list-item] {
  color: #5F5F61;
  white-space: nowrap;
  display: inline-block;
}
note > span[witzer-quote-list-item] {
  white-space: pre-line;
  margin-left: 10px;
  display: inline-block;
}
/* /Components/Plans/Quotes/Quotes.razor.rz.scp.css */
[witzer-quotes] list-items[item-type="card"][breezer-list-items] {
  grid-template-columns: minmax(0, 1fr);
}
quotes[witzer-quotes]  > list-items > list-items-no-data {
  margin-top: 10px;
  margin-bottom: 10px;
  text-align: center;
  color: #5F5F61;
}
/* /Components/Plans/Quotes/RequestQuote.razor.rz.scp.css */
span.required[witzer-request-quote] {
  color: #C92617;
}
span.example[witzer-request-quote] {
  color: #434AB2;
  font-weight: 600;
}
a.terms[witzer-request-quote] {
  font-size: inherit;
}
.request-content[witzer-request-quote] {
  display: contents;
}
[witzer-request-quote] form-field.row.tc {
  align-items: start;
}
[witzer-request-quote] form-field.row.tc label {
  margin-top: 0;
}
/* /Components/PlanTemplates/PlanAttachment.razor.rz.scp.css */
attachment[witzer-plan-attachment] {
  display: block;
  width: 100%;
}
[witzer-plan-attachment] img {
  width: 100%;
  border-radius: 10px;
}
/* /Components/PlanTemplates/PlanAttachmentList.razor.rz.scp.css */
attachments[witzer-plan-attachment-list] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
}
/* /Components/PlanTemplates/PlanDisplay.razor.rz.scp.css */
plan-loading[witzer-plan-display] {
  display: flex;
  justify-content: center;
}
/* /Components/Popup/MobileFullScreenPopupContent.razor.rz.scp.css */
div.contents[witzer-mobile-full-screen-popup-content] {
  display: contents;
}
@media only screen and (max-width: 500px) {
  [witzer-mobile-full-screen-popup-content] > div.popup-container,
  [witzer-mobile-full-screen-popup-content] > * > div.popup {
    position: static !important;
    width: 100%;
    height: 100%;
  }
  [witzer-mobile-full-screen-popup-content] > * > div.popup {
    -webkit-transform: none !important;
            transform: none !important;
  }
  [witzer-mobile-full-screen-popup-content] dropdown-options[breezer-dropdown] {
    height: 100%;
    max-height: 100%;
    min-width: 100%;
    box-shadow: none;
    font-size: 20px;
  }
}
/* /Components/Progress/MultiProgressBar.razor.rz.scp.css */
div.progress-bar[witzer-multi-progress-bar] {
  height: var(--progress-bar-height, 8px);
  border-radius: var(--corner-radius-full);
  display: grid;
}
div.progress-bar-item[witzer-multi-progress-bar] {
  grid-row: 1;
  grid-column: 1;
  height: 100%;
  border-radius: var(--corner-radius-full);
}
div.progress-bar-item.total[witzer-multi-progress-bar] {
  background-color: var(--progress-bar-background, var(--semantic-bg-muted));
}
div.progress-bar-item.green[witzer-multi-progress-bar] {
  background-color: var(--progress-bar-green, var(--colour-primary-aloe));
}
div.progress-bar-item.yellow[witzer-multi-progress-bar] {
  background-color: var(--progress-bar-yellow, var(--colour-secondary-banksia));
}
/* /Components/Progress/ProgressDots.razor.rz.scp.css */
progress-dots[witzer-progress-dots] {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
}
dot[witzer-progress-dots] {
  display: block;
  height: 10px;
  width: 10px;
  border-radius: calc(10px / 2);
  background-color: grey;
  background-color: #010136;
}
dot.current[witzer-progress-dots] {
  width: 36px;
}
dot:not(.current)[witzer-progress-dots] {
  opacity: 0.3;
}
/* /Components/ProjectHistory/ProjectHistoryList.razor.rz.scp.css */
history[witzer-project-history-list] {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
history[witzer-project-history-list]  button.see-more {
  align-self: center;
}
/* /Components/ProjectHistory/ProjectHistoryListItemTemplate.razor.rz.scp.css */
@media only screen and (max-width: 600px) {
  triggered-by-label[witzer-project-history-list-item-template]::after {
    content: " ";
  }
}
@media only screen and (min-width: 601px ) {
  triggered-by-label[witzer-project-history-list-item-template] {
    display: none;
  }
}
button[witzer-project-history-list-item-template] {
  display: flex;
}
/* /Components/ProjectPlan/AcceptShare.razor.rz.scp.css */
[witzer-accept-share] display-for[type="document"] img {
  max-width: 100%;
}
span.shared-text[witzer-accept-share] {
  overflow-wrap: break-word;
}
/* /Components/ProjectPlan/DisplayForDocumentData.razor.rz.scp.css */
img[witzer-display-for-document-data] {
  max-width: 100%;
}
/* /Components/Projects/Cards/ProjectAttributes.razor.rz.scp.css */
div.details[witzer-project-attributes] {
  display: flex;
  justify-content: space-between;
  gap: 12px;
}
div.details-item[witzer-project-attributes] {
  display: flex;
  flex-direction: column;
  font-size: 12px;
  font-weight: 600;
}
div.details-item.loading[witzer-project-attributes] {
  flex-grow: 1;
}
@media only screen and (min-width: 1001px ) {
  div.details-item[witzer-project-attributes] {
    font-size: 16px;
  }
}
span.label[witzer-project-attributes] {
  line-height: 22px;
  letter-spacing: -0.5px;
  color: var(--colour-primary-midnight);
}
@media only screen and (min-width: 1001px ) {
  span.label[witzer-project-attributes] {
    line-height: 32px;
  }
}
span.value[witzer-project-attributes] {
  line-height: 15px;
  font-size: 10px;
  color: var(--colour-font-coal);
  font-weight: 500;
}
@media only screen and (min-width: 1001px ) {
  span.value[witzer-project-attributes] {
    font-size: 12px;
  }
}
/* /Components/Projects/ContactAvatars.razor.rz.scp.css */
contact-avatars[witzer-contact-avatars] {
  display: flex;
  flex-direction: row;
  align-items: center;
}
contact-avatars contact[witzer-contact-avatars] {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 4px;
}
contact-avatars contact-avatar[witzer-contact-avatars] {
  display: block;
  width: 24px;
  height: 24px;
}
contact-avatars contact-avatar:only-child[witzer-contact-avatars] {
  overflow: visible;
}
contact-avatars contact-avatar[witzer-contact-avatars]  avatar {
  --avatar-size: 24px;
  border: 1px solid white;
}
contact-avatars contact-name[witzer-contact-avatars] {
  font-size: 14px;
}
contact-avatars num-contacts[witzer-contact-avatars] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border: 2px solid white;
  border-radius: 50%;
  font-size: 10px;
  background-color: #8AE0AF;
  color: #4F4D55;
}
contact-avatars num-contacts.large[witzer-contact-avatars] {
  background-color: #ECECED;
}
contact-avatars wide-loading-skeleton[witzer-contact-avatars] {
  height: 24px;
}
/* /Components/Projects/GroupedProjectListItems.razor.rz.scp.css */
list[witzer-grouped-project-list-items] {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
project-group[witzer-grouped-project-list-items] {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
list[witzer-grouped-project-list-items]  list-items {
  grid-row-gap: 17px !important;
  grid-column-gap: 16px !important;
  align-items: end;
}
@media only screen and (max-width: 700px) {
  list[witzer-grouped-project-list-items]  list-items {
    grid-template-columns: 1fr !important;
  }
}
/* /Components/Projects/Heading/AmendOrDiscardProject.razor.rz.scp.css */
pending-actions[witzer-amend-or-discard-project] {
  align-self: end;
}
pending-actions.desktop[witzer-amend-or-discard-project] {
  display: none;
}
div.buttons[witzer-amend-or-discard-project] {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: 1fr;
}
trigger[witzer-amend-or-discard-project] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: #EDEDED;
  color: black;
  font-size: 16px;
  cursor: pointer;
}
@media only screen and (min-width: 1001px ) {
  pending-actions.mobile[witzer-amend-or-discard-project] {
    display: none;
  }
  pending-actions.desktop[witzer-amend-or-discard-project] {
    display: initial;
  }
}
/* /Components/Projects/Heading/ProjectDetailsInfoBox.razor.rz.scp.css */
project-details-information[witzer-project-details-info-box] {
  padding: 40px 32px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 50px;
  border-radius: 5px;
  border: 3px solid;
  box-shadow: 0px 2px 25px 0px rgba(100, 102, 108, 0.1);
}
project-details-information.in-retention[witzer-project-details-info-box] {
  border-color: #FFD149;
}
project-details-information.in-dispute[witzer-project-details-info-box],
project-details-information.rejected[witzer-project-details-info-box] {
  border-color: #961616;
}
project-details-information.loading[witzer-project-details-info-box] {
  border-color: var(--skeleton-loader-colour);
}
[witzer-project-details-info-box] status {
  padding: 4px 9px;
}
[witzer-project-details-info-box] status img {
  height: 24.6px;
}
h2[witzer-project-details-info-box] {
  font-size: 28.621px;
  line-height: 34.982px;
  letter-spacing: -0.859px;
  font-weight: 400;
}
button-area[witzer-project-details-info-box] {
  display: grid;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  gap: 12px;
}
/* /Components/Projects/Heading/RetentionPeriodDetails.razor.rz.scp.css */
retention[witzer-retention-period-details] {
  padding: 40px 32px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 50px;
  border-radius: 5px;
  border: 3px solid;
  box-shadow: 0px 2px 25px 0px rgba(100, 102, 108, 0.1);
}
retention.in-retention[witzer-retention-period-details] {
  border-color: #FFD149;
}
retention.in-dispute[witzer-retention-period-details] {
  border-color: #961616;
}
retention.loading[witzer-retention-period-details] {
  border-color: var(--skeleton-loader-colour);
}
retention[witzer-retention-period-details]  status {
  padding: 4px 9px;
}
retention[witzer-retention-period-details]  status img {
  height: 24.6px;
}
retention contents h2[witzer-retention-period-details],
retention[witzer-retention-period-details]  skeleton[data-skeleton-type="text"] {
  font-size: 28.621px;
  line-height: 34.982px;
  letter-spacing: -0.859px;
}
retention[witzer-retention-period-details]  skeleton[data-skeleton-type="text"] {
  align-self: stretch;
}
retention contents[witzer-retention-period-details] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 11px;
}
retention contents h2[witzer-retention-period-details] {
  font-weight: 400;
  color: white;
}
retention contents dispute[witzer-retention-period-details] {
  margin-block: 1em;
  display: flex;
  flex-direction: column;
  gap: 10px;
  font-size: 14px;
  line-height: 17.295px;
  letter-spacing: -0.42px;
  font-weight: 600;
}
retention contents dispute summary[witzer-retention-period-details] {
  font-size: 1.5em;
  line-height: normal;
}
retention contents dispute message[witzer-retention-period-details] {
  white-space: pre-line;
}
retention contents[witzer-retention-period-details]  attachment-list {
  align-items: center;
}
retention contents[witzer-retention-period-details]  attachment-list h3 {
  color: white;
  font-size: 18px;
}
retention actions[witzer-retention-period-details] {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
retention[witzer-retention-period-details]  button,
retention[witzer-retention-period-details]  skeleton[data-skeleton-type="button"] {
  padding: 9px 12px;
  font-size: 12px;
  line-height: 12.942px;
  letter-spacing: -0.106px;
  font-weight: 600;
}
retention[witzer-retention-period-details]  button {
  border-radius: 5px;
  border: 1px solid white;
  color: white;
  background: transparent;
}
/* /Components/Projects/LinkedProjects.razor.rz.scp.css */
linked-projects[witzer-linked-projects] {
  display: flex;
  flex-direction: column;
  gap: 25px;
}
linked-projects description[witzer-linked-projects] {
  display: flex;
  flex-direction: column;
  gap: 9px;
}
linked-projects description h2[witzer-linked-projects] {
  font-size: 1.25rem;
  line-height: 1.5;
  letter-spacing: -0.036em;
  font-weight: 600;
  color: var(--colour-primary-midnight);
}
linked-projects description p[witzer-linked-projects] {
  font-size: 0.875rem;
  line-height: 1.5;
  letter-spacing: -0.00357143em;
  color: var(--colour-primary-midnight);
}
@media only screen and (max-width: 700px) {
  linked-projects description h2[witzer-linked-projects] {
    font-size: 0.875rem;
    line-height: 1.5;
    letter-spacing: -0.02142857em;
  }
  linked-projects description p[witzer-linked-projects] {
    font-size: 0.625rem;
    line-height: 1.5;
    letter-spacing: -0.022em;
  }
}
/* /Components/Projects/List/NoData/ActiveProjectListItemsNoData.razor.rz.scp.css */
list-items-no-data[witzer-active-project-list-items-no-data] {
  grid-column: 1/-1;
  display: flex;
  flex-direction: column;
  gap: var(--spacing);
}
list-items-no-data span[witzer-active-project-list-items-no-data] {
  align-self: center;
}
[witzer-active-project-list-items-no-data] img.projects-no-data {
  align-self: center;
  width: 250px;
  max-width: 80%;
}
@media only screen and (min-width: 1001px ) {
  [witzer-active-project-list-items-no-data] img.projects-no-data {
    width: 350px;
  }
}
/* /Components/Projects/List/ProjectListItem.razor.rz.scp.css */
project-list-item[witzer-project-list-item] {
  display: flex;
  flex-direction: column;
}
project-list-item.loading[witzer-project-list-item] {
  opacity: 0.5;
}
project-list-item:not(.loading) card-container[witzer-project-list-item] {
  cursor: pointer;
}
project-list-item card-container[witzer-project-list-item] {
  position: relative;
}
/* /Components/Projects/ProjectAccountingCard.razor.rz.scp.css */
div.setup[witzer-project-accounting-card] {
  display: flex;
  -webkit-column-gap: 24px;
     -moz-column-gap: 24px;
          column-gap: 24px;
}
div.setup > div[witzer-project-accounting-card] {
  width: 50%;
  padding-bottom: 25px;
}
div.setup > div heading[witzer-project-accounting-card] {
  font-size: var(--typography-font-size-xl);
  font-weight: 600;
  color: var(--colour-primary-midnight);
}
div.setup > div .tracking-categories[witzer-project-accounting-card],
div.setup > div .contacts[witzer-project-accounting-card] {
  padding: 20px 0;
}
div.setup > div .tracking-categories[witzer-project-accounting-card]  dropdown-selected {
  height: auto;
}
div.setup > div .tracking-categories[witzer-project-accounting-card]  dropdown-selected dropdown-select-chosen-options {
  width: 100%;
}
div.setup > div .tracking-categories[witzer-project-accounting-card]  dropdown-selected dropdown-select-chosen-options button.remove-option {
  text-align: left;
}
div.setup[witzer-project-accounting-card]  chosen-option {
  padding: 0;
  border: none;
}
div.setup[witzer-project-accounting-card]  button.large {
  width: 100%;
}
@media only screen and (max-width: 1000px) {
  div.setup[witzer-project-accounting-card] {
    flex-direction: column;
  }
  div.setup > div[witzer-project-accounting-card] {
    width: 100%;
  }
  div.setup > div heading[witzer-project-accounting-card] {
    font-size: var(--typography-font-size-lg);
  }
}
/* /Components/Projects/ProjectCard.razor.rz.scp.css */
card[witzer-project-card] {
  display: block;
  background-color: white;
  padding: 30px;
  box-shadow: 0px 2px 25px 0px rgba(100, 102, 108, 0.1);
  box-shadow: none;
  border: solid 1px #EFEFEF;
  border-radius: 5px;
  padding: 24px;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 13px;
}
@media only screen and (max-width: 500px) {
  card[witzer-project-card] {
    padding: 30px 10px;
  }
}
card heading[witzer-project-card] {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
card heading name[witzer-project-card] {
  font-size: 1.375rem;
  line-height: 1;
  letter-spacing: -0.00818182em;
  color: var(--colour-primary-midnight);
}
card last-updated-and-contacts[witzer-project-card] {
  margin-top: 15px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
card last-updated-and-contacts last-updated[witzer-project-card] {
  font-size: 0.8125rem;
  line-height: 1.38461538;
  letter-spacing: 0em;
  color: #7F7D83;
}
card last-updated-and-contacts last-updated date[witzer-project-card] {
  color: var(--colour-primary-midnight);
}
@media only screen and (max-width: 500px) {
  card last-updated-and-contacts[witzer-project-card] {
    display: contents;
  }
}
card[witzer-project-card]  button.additional-action,
card button-loading[witzer-project-card] {
  align-self: center;
  padding: 10px 15px;
  border-radius: 5px;
}
card button-loading[witzer-project-card] {
  background-color: var(--skeleton-loader-colour);
  box-sizing: content-box;
  height: 1lh;
}
card button-loading text[witzer-project-card] {
  visibility: hidden;
}
card > div[witzer-project-card] {
  font-size: 0.75rem;
  line-height: 1;
  letter-spacing: -0.00416667em;
  display: flex;
  align-items: center;
  text-justify: auto;
  white-space: nowrap;
}
card > div separator[witzer-project-card] {
  display: block;
  width: 4px;
  height: 4px;
  border-radius: 2px;
  background-color: #7F7D83;
  margin-right: 8px;
  margin-left: 8px;
}
card > div separator.loading[witzer-project-card] {
  background-color: var(--skeleton-loader-colour);
}
@media screen and (max-width: 500px), screen and (min-width: 700px) and (max-width: 1000px) {
  card > div[witzer-project-card] {
    display: block;
    white-space: normal;
  }
  card > div[witzer-project-card]  dates-summary {
    margin-bottom: 10px;
  }
  card > div separator[witzer-project-card] {
    display: none;
  }
}
card project-address-summary[witzer-project-card] {
  font-size: 0.875rem;
  line-height: 2;
  letter-spacing: -0.02857143em;
  max-width: 100%;
}
card project-address-summary address-line[witzer-project-card] {
  display: block;
}
/* /Components/Projects/ProjectCardV2.razor.rz.scp.css */
[witzer-project-card-v2] contact-avatars contact-name {
  font-size: 16px;
  font-weight: 700;
  margin-left: 5px;
}
.heading[witzer-project-card-v2] {
  display: grid;
  grid-template-columns: 1fr auto;
  padding-bottom: 20px;
}
h5[witzer-project-card-v2] {
  line-height: 20px;
}
p.title[witzer-project-card-v2] {
  padding-top: 12px;
  border-top: 1px solid rgba(0, 0, 0, 0.15);
  margin-top: 8px;
  color: #00005C;
}
@media only screen and (min-width: 1001px ) {
  span.label[witzer-project-card-v2] {
    font-size: 16px;
  }
}
/* /Components/Projects/ProjectChatCard.razor.rz.scp.css */
div.heading[witzer-project-chat-card] {
  display: flex;
  align-items: center;
  gap: 10px;
}
/* /Components/Projects/ProjectDateSummary.razor.rz.scp.css */
dates-summary[witzer-project-date-summary] {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  /*color: var(--colour-primary-midnight);*/
  max-width: 100%;
}
@media only screen and (max-width: 450px) {
  dates-summary[witzer-project-date-summary] {
    flex-direction: column;
    align-items: start;
  }
}
/* /Components/Projects/ProjectDetailsCard.razor.rz.scp.css */
h3[witzer-project-details-card] {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
  word-break: break-word;
}
/* /Components/Projects/ProjectDisplay.razor.rz.scp.css */
.project-display[witzer-project-display] {
  gap: 16px;
  display: flex;
  flex-direction: column;
}
.desktop-grouped:first-of-type[witzer-project-display] {
  grid-template-rows: auto auto 1fr;
}
.desktop-grouped:first-of-type[witzer-project-display]  .card:first-of-type {
  grid-row: span 3;
}
.desktop-grouped:first-of-type[witzer-project-display]  .card:first-of-type display-for[type="address"] {
  color: rgba(51, 51, 94, 0.6);
  font-weight: 600;
  font-size: 14px;
}
[witzer-project-display] .card {
  grid-template-columns: minmax(0, 1fr);
}
[witzer-project-display] .card > .content {
  border-top: var(--standard-divider);
  padding-top: 32px;
}
[witzer-project-display] .card .actions {
  grid-row: 3;
  grid-column: span 1;
}
@media only screen and (max-width: 700px) {
  [witzer-project-display] .card .content {
    border-top: none;
    padding-top: 0;
  }
}
@media only screen and (max-width: 1000px) {
  [witzer-project-display] .whats-next {
    grid-row: 1;
  }
}
/* /Components/Projects/ProjectLink.razor.rz.scp.css */
project[witzer-project-link] {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  border: 1.5px solid #8A8A9F4D;
  border-radius: 6px;
  padding: 10px 10px 10px 18px;
  font-size: 1rem;
  line-height: 1.375;
  letter-spacing: -0.01125em;
  font-weight: 500;
  color: var(--colour-primary-midnight);
  cursor: pointer;
}
project img[witzer-project-link] {
  padding: 0 4px 0 8px;
  border-left: 1px solid #8A8A9F4D;
}
@media only screen and (max-width: 700px) {
  project[witzer-project-link] {
    font-size: 0.75rem;
    line-height: 1.33333333;
    letter-spacing: 0em;
  }
}
/* /Components/Projects/ProjectListItems.razor.rz.scp.css */
div[witzer-project-list-items]  > list-items[item-type="card"][breezer-list-items] {
  grid-template-columns: 1fr;
}
@media only screen and (min-width: 701px ) {
  div[witzer-project-list-items]  > list-items[item-type="card"][breezer-list-items] {
    grid-template-columns: 1fr 1fr;
  }
}
/* /Components/Projects/ProjectMilestones.razor.rz.scp.css */
milestone-list-items[witzer-project-milestones] {
  --completed: #3BBA6A;
  --rejected: #64666C;
  --pending: #FFD149;
  display: grid;
  grid-row-gap: 15px;
  grid-column-gap: 20px;
  grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
}
list-section[witzer-project-milestones] {
  display: grid;
  row-gap: 16px;
  grid-auto-rows: auto 1fr;
}
heading[witzer-project-milestones] {
  font-size: var(--typography-font-size-xl);
  font-weight: 600;
  color: var(--colour-primary-midnight);
}
list-section.variations[witzer-project-milestones]  list-items[item-type="card"] {
  display: flex;
  flex-direction: column;
  gap: 0;
}
[witzer-project-milestones] actions {
  display: grid;
  grid-column: row;
}
@media only screen and (max-width: 1200px) {
  milestone-list-items[witzer-project-milestones] {
    display: flex;
    flex-direction: column;
    gap: 32px;
  }
  heading[witzer-project-milestones] {
    font-size: var(--typography-font-size-lg);
    color: var(--colour-primary-midnight);
  }
  [witzer-project-milestones] actions {
    grid-column: unset;
  }
}
/* /Components/Projects/ProjectPieChart.razor.rz.scp.css */
tooltip[witzer-project-pie-chart] {
  display: flex;
  flex-direction: row;
  align-items: center;
  font-size: 12px;
  gap: 5px;
  margin-top: 5px;
}
p.name[witzer-project-pie-chart] {
  font-size: var(--typography-font-size-sm);
}
/* /Components/Projects/ProjectPieChartPopupContent.razor.rz.scp.css */
div[witzer-project-pie-chart-popup-content] {
  background-color: #E9E9E9 !important;
  border-radius: 3px;
  color: #390E71;
  padding: 10px 20px;
  font-weight: 300;
}
[witzer-project-pie-chart-popup-content] p {
  margin: 0;
}
/* /Components/Projects/ProjectsOverview.razor.rz.scp.css */
div.projects-overview[witzer-projects-overview] {
  --progress-bar-height: 12px;
  --progress-bar-background: var(--colour-primary-midnight-10);
  --progress-bar-green: var(--colour-secondary-kingfisher);
}
div.outlined-card-v2[witzer-projects-overview] {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
hr[witzer-projects-overview] {
  margin-top: 0;
}
p.name[witzer-projects-overview] {
  font-size: var(--typography-font-size-sm);
}
div.retention[witzer-projects-overview] {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
p.text-sm-leading-5-semibold[witzer-projects-overview] {
  color: var(--chakra-colors-gray-500);
}
[witzer-projects-overview] total[witzer-project-total] {
  flex-direction: column-reverse;
}
[witzer-projects-overview] p.project-total[witzer-project-total] {
  font-size: var(--typography-font-size-md);
}
[witzer-projects-overview] img.projects-no-data {
  max-width: min(400px, 100%);
  align-self: center;
}
/* /Components/Projects/ProjectTotal.razor.rz.scp.css */
total[witzer-project-total] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
}
p.project-total[witzer-project-total] {
  margin: 0;
  font-size: 0.6875rem;
  line-height: 1.18181818;
  letter-spacing: 0em;
  font-weight: 400;
  padding-bottom: 4px;
}
[witzer-project-total] display-for.main-total,
[witzer-project-total] skeleton {
  font-size: var(--typography-font-size-lg);
  font-weight: var(--typography-font-weight-bold);
}
p.out-of[witzer-project-total] {
  margin-top: 3px;
}
.out-of[witzer-project-total]  display-for {
  font-size: 12px;
}
/* /Components/Projects/ProjectWalletOverview.razor.rz.scp.css */
project-wallet-title[witzer-project-wallet-overview] {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 2em;
}
project-wallet-title total[witzer-project-wallet-overview] {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.3em;
  font-weight: normal;
}
project-wallet-title total[witzer-project-wallet-overview]  pill {
  font-size: 0.6em;
}
project-wallet-title total[witzer-project-wallet-overview]  display-for {
  font-size: 0.8em;
}
@media only screen and (max-width: 700px) {
  project-wallet-title[witzer-project-wallet-overview] {
    flex-direction: column;
    gap: 1em;
    align-items: start;
  }
}
/* /Components/Projects/QuoteCard.razor.rz.scp.css */
[witzer-quote-card] contact-avatars contact-name {
  font-size: 16px;
  font-weight: 700;
  margin-left: 5px;
}
.heading[witzer-quote-card] {
  display: grid;
  grid-template-columns: 1fr auto;
  padding-bottom: 20px;
}
@media only screen and (min-width: 1001px ) {
  span.label[witzer-quote-card] {
    font-size: 16px;
  }
}
/* /Components/Projects/Status.razor.rz.scp.css */
status[witzer-status] {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 6px;
  font-weight: 600;
  font-size: smaller;
}
status .statusDot[witzer-status] {
  font-size: large;
}
status.draft[witzer-status],
status.pending[witzer-status],
status.archived[witzer-status] {
  color: #64666C;
}
status.active[witzer-status] {
  color: #32A58C;
}
status.action-required[witzer-status] {
  color: #F95608;
}
status.in-retention[witzer-status] {
  color: #9747FF;
}
status.completed[witzer-status] {
  color: #63C888;
}
status.in-dispute[witzer-status],
status.rejected[witzer-status] {
  color: #961616;
}
status.loading[witzer-status] {
  background-color: var(--skeleton-loader-colour);
}
status img[witzer-status] {
  height: 17px;
}
/* /Components/Projects/SubProjectContacts.razor.rz.scp.css */
contacts[witzer-sub-project-contacts] {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 5px;
}
contacts company[witzer-sub-project-contacts] {
  font-size: 0.8125rem;
  line-height: 1.38461538;
  letter-spacing: 0em;
  color: var(--colour-primary-midnight);
}
contacts[witzer-sub-project-contacts]  avatar {
  --avatar-size: 24px;
  border: 1px solid white;
}
/* /Components/Projects/SubProjectListItem.razor.rz.scp.css */
sub-project-list-item[witzer-sub-project-list-item] {
  cursor: pointer;
}
/* /Components/Projects/SubProjects/SubProjectPieChart.razor.rz.scp.css */
[witzer-sub-project-pie-chart] div.pie-chart-container {
  width: 300px;
  max-width: 100%;
  margin-inline: auto;
}
p.name[witzer-sub-project-pie-chart] {
  font-size: 14px;
}
/* /Components/Projects/WhatsNextCard.razor.rz.scp.css */
div.whats-next[witzer-whats-next-card] {
  padding: 0;
  box-shadow: var(--card-shadow-1);
}
div.heading[witzer-whats-next-card],
div.content[witzer-whats-next-card] {
  --padding: 20px;
  padding: var(--padding);
}
div.heading[witzer-whats-next-card] {
  padding-bottom: 6px;
}
div.content[witzer-whats-next-card] {
  padding-top: 12px;
  display: grid;
  grid-template-columns: 1fr -webkit-max-content;
  grid-template-columns: 1fr max-content;
  grid-template-rows: -webkit-max-content 1fr;
  grid-template-rows: max-content 1fr;
  row-gap: 14px;
  -webkit-column-gap: 3px;
     -moz-column-gap: 3px;
          column-gap: 3px;
}
div.information[witzer-whats-next-card] {
  display: inline-block;
  margin-left: 10px;
}
[witzer-whats-next-card] button,
a.button[witzer-whats-next-card] {
  justify-self: start;
  align-self: end;
}
img[witzer-whats-next-card] {
  grid-column: 2;
  grid-row: 1/-1;
  margin-right: calc(-1 * var(--padding));
}
@media only screen and (max-width: 500px) {
  hr[witzer-whats-next-card] {
    margin-block: 0;
  }
  div.content[witzer-whats-next-card] {
    display: flex;
    flex-direction: column;
    gap: 14px;
  }
  p[witzer-whats-next-card] {
    font-size: var(--typography-font-size-xs);
  }
  [witzer-whats-next-card] button,
  a.button[witzer-whats-next-card] {
    align-self: auto;
  }
  img[witzer-whats-next-card] {
    display: none;
  }
}
/* /Components/Promotions/PromotionCard.razor.rz.scp.css */
div.promotion-card[witzer-promotion-card] {
  flex-shrink: 0;
  border-radius: 10px;
  overflow: hidden;
  cursor: pointer;
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: 100%;
}
div.promotion-card[witzer-promotion-card]  > * {
  grid-row: 1;
  grid-column: 1;
}
.banner-image.mobile[witzer-promotion-card] {
  display: none;
}
@media only screen and (max-width: 500px) {
  .banner-image.mobile[witzer-promotion-card] {
    display: block;
  }
  .banner-image.desktop[witzer-promotion-card] {
    display: none;
  }
}
[witzer-promotion-card] img {
  width: 100%;
}
button.enter[witzer-promotion-card] {
  justify-self: start;
  align-self: end;
  margin-left: 2%;
  margin-bottom: 2%;
}
/* /Components/Promotions/PromotionPrompt.razor.rz.scp.css */
.date[witzer-promotion-prompt] {
  font-weight: 500;
}
/* /Components/ScopeOfWork/Edit/AddScopeOfWorkItem.razor.rz.scp.css */
[witzer-add-scope-of-work-item] button.new-item {
  display: flex;
  margin: var(--spacing);
  margin-left: auto;
}
/* /Components/ScopeOfWork/Edit/ScopeOfWorkItemEditor.razor.rz.scp.css */
form.scope-of-work-editor[witzer-scope-of-work-item-editor] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}
[witzer-scope-of-work-item-editor] field-editor,
[witzer-scope-of-work-item-editor] dropdown {
  grid-column: 1/-1;
}
@media only screen and (min-width: 501px ) {
  form.scope-of-work-editor[witzer-scope-of-work-item-editor] {
    display: flex;
    flex-direction: row;
    align-items: baseline;
  }
  [witzer-scope-of-work-item-editor] field-editor {
    flex: 1 0 0;
  }
  [witzer-scope-of-work-item-editor] dropdown {
    width: 110px;
  }
}
/* /Components/ScopeOfWork/List/EditableScopeOfWorkListItem.razor.rz.scp.css */
div.buttons[witzer-editable-scope-of-work-list-item] {
  margin-top: 10px;
}
/* /Components/ScopeOfWork/List/ScopeOfWorkListItemContents.razor.rz.scp.css */
div.list-item.view[witzer-scope-of-work-list-item-contents] {
  display: grid;
  grid-template-columns: subgrid;
  -webkit-column-gap: 30px;
     -moz-column-gap: 30px;
          column-gap: 30px;
  row-gap: 10px;
  font-size: var(--typography-font-size-xl);
}
div.text[witzer-scope-of-work-list-item-contents] {
  grid-row: 1;
  grid-column: 1;
}
div.actions[witzer-scope-of-work-list-item-contents] {
  grid-row: 2;
  grid-column: 1/-1;
  display: flex;
  flex-direction: row;
  align-items: start;
  gap: 30px;
}
div.assigned-to[witzer-scope-of-work-list-item-contents] {
  grid-row: 1;
  grid-column: 2;
  align-self: center;
}
div.assigned-to[witzer-scope-of-work-list-item-contents] >  div.pill {
  width: 100%;
  color: inherit;
  font-size: inherit;
  font-weight: var(--typography-font-weight-regular);
  line-height: 1;
  padding: 10px 20px;
  text-align: center;
  border-width: 2px;
}
div.assigned-to.client[witzer-scope-of-work-list-item-contents] >  div.pill {
  background-color: white;
  border-color: var(--border-colour);
}
div.assigned-to.contractor[witzer-scope-of-work-list-item-contents] >  div.pill {
  background-color: var(--colour-primary-aloe-10);
  border-color: var(--colour-primary-aloe-10);
}
div.list-item.loading[witzer-scope-of-work-list-item-contents]  div.pill {
  box-sizing: content-box;
  height: 1lh;
  width: 5ch;
}
div.notes[witzer-scope-of-work-list-item-contents] {
  grid-column: 1/-1;
}
@media only screen and (min-width: 501px ) {
  div.text[witzer-scope-of-work-list-item-contents],
  div.actions[witzer-scope-of-work-list-item-contents],
  div.assigned-to[witzer-scope-of-work-list-item-contents] {
    grid-row: auto;
    grid-column: auto;
  }
  div.assigned-to[witzer-scope-of-work-list-item-contents] {
    grid-column: -1;
  }
}
/* /Components/ScopeOfWork/List/ScopeOfWorkListItems.razor.rz.scp.css */
div.scope-of-work-list[witzer-scope-of-work-list-items]  list-items {
  grid-template-columns: 1fr -webkit-max-content;
  grid-template-columns: 1fr max-content;
}
@media only screen and (min-width: 501px ) {
  div.scope-of-work-list[witzer-scope-of-work-list-items]  list-items {
    grid-template-columns: minmax(0, 1fr) -webkit-max-content -webkit-max-content;
    grid-template-columns: minmax(0, 1fr) max-content max-content;
  }
}
/* /Components/ScopeOfWork/ScopeOfWorkAiChat.razor.rz.scp.css */
div.ai-chat-section[witzer-scope-of-work-ai-chat] {
  height: 100%;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 5px;
  margin: -5px;
}
div.header[witzer-scope-of-work-ai-chat] {
  align-items: center;
}
[witzer-scope-of-work-ai-chat] div.rusty-background {
  --size: 40px;
}
[witzer-scope-of-work-ai-chat] div.ai-chat {
  overflow: hidden;
  padding: 5px;
  margin: -5px;
}
[witzer-scope-of-work-ai-chat] chat-messages {
  overflow-y: auto;
}
/* /Components/ScopeOfWork/Templates/DraftScopeOfWorkTemplateListItem.razor.rz.scp.css */
div.scope-of-work-template[witzer-draft-scope-of-work-template-list-item] {
  display: flex;
  flex-direction: row;
  align-items: baseline;
  justify-content: space-between;
  gap: 10px;
}
/* /Components/ScopeOfWork/Templates/DraftScopeOfWorkTemplates.razor.rz.scp.css */
div.templates[witzer-draft-scope-of-work-templates] {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
div.list[witzer-draft-scope-of-work-templates] {
  overflow-y: auto;
}
[witzer-draft-scope-of-work-templates] list-items {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
/* /Components/ScopeOfWork/Templates/ScopeOfWorkTemplateListItem.razor.rz.scp.css */
div.template[witzer-scope-of-work-template-list-item] {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  gap: 10px;
  font-size: var(--typography-font-size-xl);
}
div.actions[witzer-scope-of-work-template-list-item] {
  display: flex;
  flex-direction: row;
  gap: 30px;
}
/* /Components/Select/Enums/WitzerEditorForEnum.razor.rz.scp.css */
span.description[witzer-witzer-editor-for-enum] {
  font-size: var(--typography-font-size-sm);
}
/* /Components/Select/HorizontalSelectLoading.razor.rz.scp.css */
loading[witzer-horizontal-select-loading] {
  position: relative;
  opacity: 0.5;
}
/* /Components/Select/HorizontalSelectOption.razor.rz.scp.css */
/* /Components/Select/HorizontalSelectOptions.razor.rz.scp.css */
select-options[witzer-horizontal-select-options] {
  display: grid;
  grid-template-columns: repeat(var(--num-items), 1fr);
  gap: 8px;
}
/* /Components/Select/SelectOption.razor.rz.scp.css */
select-option[witzer-select-option] {
  cursor: pointer;
}
/* /Components/Select/SelectOptions.razor.rz.scp.css */
div.items[witzer-select-options] {
  display: grid;
  --columns: var(--default-columns);
  grid-template-columns: repeat(var(--columns), minmax(0, 1fr));
  gap: 15px;
}
@media only screen and (min-width: 1001px ) {
  div.items[witzer-select-options] {
    --columns: var(--desktop-columns, var(--default-columns));
  }
}
/* /Components/Select/SelectWithAddNew/AddNew.razor.rz.scp.css */
add-new[witzer-add-new] {
  display: flex;
  gap: 5px;
}
[witzer-add-new] editor-for-string {
  flex-grow: 1;
}
[witzer-add-new] editor-for-string input {
  min-width: 0;
}
button[witzer-add-new] {
  flex-shrink: 0;
}
/* /Components/Select/WitzerSelectForOptions.razor.rz.scp.css */
select-loading[witzer-witzer-select-for-options] {
  display: flex;
  flex-direction: column;
  padding: 7px;
  gap: 14px;
}
/* /Components/SignUp/EditorForPassword.razor.rz.scp.css */
button.toggle-visibility[witzer-editor-for-password] {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
/* /Components/SignUp/External/ExternalProvider.razor.rz.scp.css */
button.provider.apple[witzer-external-provider] {
  display: flex;
  justify-content: start;
  padding: 0;
  overflow: hidden;
  --button-background: var(--semantic-social-apple-primary);
  --button-hover-background: var(--semantic-social-apple-primary);
  --button-focus-background: var(--semantic-social-apple-primary);
  --button-active-background: var(--semantic-social-apple-primary);
}
button.provider.apple img[witzer-external-provider] {
  height: 100%;
}
button.provider.sign-in-with-google[witzer-external-provider] {
  display: flex;
  gap: 10px;
  justify-content: start;
  background-color: var(--semantic-social-google-primary);
  color: var(--semantic-fg-static-dark);
}
button.provider.sign-in-with-google img[witzer-external-provider] {
  height: 24px;
}
/* /Components/SignUp/External/ExternalProviders.razor.rz.scp.css */
div.external-providers[witzer-external-providers] {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
/* /Components/SignUp/LoginLink.razor.rz.scp.css */
p.login[witzer-login-link] {
  color: var(--semantic-fg-muted, #6E7375);
  text-align: center;
}
[witzer-login-link] button.link {
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
  -webkit-text-decoration-style: solid;
          text-decoration-style: solid;
  text-decoration-skip-ink: none;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}
/* /Components/SignUp/Password/ResetRequestSent.razor.rz.scp.css */
p[witzer-reset-request-sent] {
  color: var(--colour-font-coal);
}
/* /Components/SignUp/Password/SendResetRequest.razor.rz.scp.css */
p[witzer-send-reset-request] {
  color: var(--colour-font-coal);
}
/* /Components/SignUp/Separator.razor.rz.scp.css */
div.separator[witzer-separator] {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 16px;
  height: 24px;
}
div.separator > hr[witzer-separator] {
  flex: 1 0 0;
}
div.separator > span[witzer-separator] {
  font-size: 16px;
  font-weight: 600;
}
/* /Components/SignUp/SignUpCardContents.razor.rz.scp.css */
div.card-contents[witzer-sign-up-card-contents] {
  display: flex;
  flex-direction: column;
  gap: var(--sign-up-card-spacing, 20px);
  flex: 1;
}
div.heading[witzer-sign-up-card-contents] {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
div.heading h1[witzer-sign-up-card-contents] {
  color: var(--Neutrals-Font-colour-font-slate, #1F2224);
  font-family: Inter;
  font-size: var(--typography-font-size-2xl, 32px);
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  /* 38.4px */
  letter-spacing: var(--typography-letter-spacing-none, 0px);
}
div.heading > p[witzer-sign-up-card-contents] {
  color: var(--Neutrals-Font-colour-font-coal, #2F3133);
  font-size: var(--typography-font-size-sm, 14px);
  font-style: normal;
  font-weight: var(--typography-font-weight-regular, 400);
  line-height: 150%;
  /* 21px */
  letter-spacing: var(--typography-letter-spacing-none, 0px);
}
div.actions[witzer-sign-up-card-contents] {
  margin-top: auto;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
/* /Components/SignUp/SignUpLink.razor.rz.scp.css */
p.sign-up[witzer-sign-up-link] {
  color: var(--semantic-fg-subtle);
  text-align: center;
}
/* /Components/SignUp/TermsAndConditions.razor.rz.scp.css */
.terms[witzer-terms-and-conditions] {
  color: var(--Neutrals-Font-colour-font-coal, #2F3133);
  text-align: center;
  margin-top: auto;
}
[witzer-terms-and-conditions] button.link {
  color: var(--Primary-Midnight-colour-primary-midnight-50, #36366B);
}
/* /Components/SiteVisit/Company/CompanyBannerImageDisplay.razor.rz.scp.css */
div.outlined-card-v2[witzer-company-banner-image-display] {
  padding: 0;
  height: 94px;
  overflow: hidden;
}
[witzer-company-banner-image-display] img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
/* /Components/SiteVisit/Confirmation/ClientDetailsDisplay.razor.rz.scp.css */
ul[witzer-client-details-display] {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
li[witzer-client-details-display] {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
}
ul[witzer-client-details-display] {
  display: grid;
  grid-template-columns: auto 1fr;
  row-gap: 16px;
  -webkit-column-gap: 8px;
     -moz-column-gap: 8px;
          column-gap: 8px;
}
li[witzer-client-details-display] {
  grid-column: 1/-1;
  display: grid;
  grid-template-columns: subgrid;
}
icon[witzer-client-details-display] {
  color: var(--colour-secondary-kingfisher);
  align-self: center;
  justify-self: center;
}
/* /Components/SiteVisit/Confirmation/DraftAvailability.razor.rz.scp.css */
button.select-availability[witzer-draft-availability] {
  font-weight: var(--typography-font-weight-bold);
}
/* /Components/SiteVisit/ConfirmBackButtons.razor.rz.scp.css */
div.buttons[witzer-confirm-back-buttons]  button {
  margin-top: 0;
}
/* /Components/SiteVisit/EditorForProposedTimes.razor.rz.scp.css */
button.delete[witzer-editor-for-proposed-times] {
  padding: 5px;
}
/* /Components/SiteVisit/Invitation/CalendarEventDisplay.razor.rz.scp.css */
div.add-to-calendar[witzer-calendar-event-display] {
  align-self: end;
}
/* /Components/SiteVisit/Invitation/InvitationAvailability.razor.rz.scp.css */
div.times[witzer-invitation-availability]  li {
  padding-block: 10px;
}
/* /Components/SiteVisit/Invitation/InvitationResponseArea.razor.rz.scp.css */
[witzer-invitation-response-area] button {
  margin-top: 0;
}
/* /Components/SiteVisit/SiteVisitWizard.razor.rz.scp.css */
div.site-visit-wizard[witzer-site-visit-wizard] {
  display: grid;
  --num-columns: 3;
  grid-template-columns: repeat(var(--num-columns), minmax(0, 1fr));
  gap: 12px;
}
@media only screen and (min-width: 1001px ) {
  div.site-visit-wizard[witzer-site-visit-wizard] >  section {
    max-width: 450px;
  }
}
@media only screen and (min-width: 501px ) and (max-width: 1100px ) {
  div.site-visit-wizard[witzer-site-visit-wizard] {
    --num-columns: 2;
  }
}
@media only screen and (max-width: 500px) {
  div.site-visit-wizard[witzer-site-visit-wizard] {
    --num-columns: 1;
  }
  div.site-visit-wizard[witzer-site-visit-wizard] >  section:not(.active) {
    display: none;
  }
}
/* /Components/SiteVisit/TimeSelectContainer.razor.rz.scp.css */
div.selecting-time[witzer-time-select-container] {
  display: none;
}
/* /Components/SiteVisit/Time/EditorForCustomTime.razor.rz.scp.css */
div.custom-time[witzer-editor-for-custom-time] {
  gap: 10px;
}
div.custom-time[witzer-editor-for-custom-time]  > * {
  flex: 1 0 0;
}
/* /Components/SiteVisit/Time/ProposedTimeList.razor.rz.scp.css */
ul[witzer-proposed-time-list] {
  display: inline-grid;
  gap: var(--spacing);
  row-gap: 5px;
  grid-template-columns: auto auto auto;
  grid-auto-flow: row;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  align-self: end;
}
li.proposed-time[witzer-proposed-time-list] {
  display: contents;
}
li.proposed-time > :first-child[witzer-proposed-time-list] {
  grid-column: 1;
}
span.time[witzer-proposed-time-list] {
  font-weight: var(--typography-font-weight-bold);
  letter-spacing: var(--typography-letter-spacing-none);
}
/* /Components/SiteVisit/Time/SelectForAvailableTime.razor.rz.scp.css */
[witzer-select-for-available-time] button.selected {
  box-shadow: 0px 0px 0px 4px var(--colour-primary-midnight);
}
/* /Components/SkeletonLoading/AddressEditorSkeleton.razor.rz.scp.css */
address-editor-skeleton[witzer-address-editor-skeleton] {
  display: flex;
  flex-direction: column;
  padding: 10px;
}
address-editor-skeleton[witzer-address-editor-skeleton]  form-field {
  margin: 7px 0;
}
address-editor-skeleton[witzer-address-editor-skeleton]  form-field label {
  font-size: 12px;
  font-weight: 600;
}
/* /Components/SkeletonLoading/AttachmentListItemSkeleton.razor.rz.scp.css */
skeleton[witzer-attachment-list-item-skeleton] {
  border: none;
}
/* /Components/SkeletonLoading/AttachmentListSkeleton.razor.rz.scp.css */
items[witzer-attachment-list-skeleton] {
  align-items: stretch;
}
/* /Components/SkeletonLoading/AvatarSkeleton.razor.rz.scp.css */
skeleton[witzer-avatar-skeleton] {
  background-color: var(--skeleton-loader-colour);
  display: block;
  border-radius: 50%;
  width: var(--avatar-size, 40px);
  height: var(--avatar-size, 40px);
  aspect-ratio: 1;
}
/* /Components/SkeletonLoading/BankAccountEditorSkeleton.razor.rz.scp.css */
bank-account-editor-skeleton[witzer-bank-account-editor-skeleton] {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
bank-account-editor-skeleton[witzer-bank-account-editor-skeleton]  form-field {
  margin: 0;
}
bank-account-editor-skeleton[witzer-bank-account-editor-skeleton]  form-field label {
  font-weight: 475;
  color: #2D2B32;
}
/* /Components/SkeletonLoading/ButtonSkeleton.razor.rz.scp.css */
skeleton contents[witzer-button-skeleton] {
  visibility: hidden;
}
skeleton contents:empty[witzer-button-skeleton] {
  display: inline-block;
  height: 1lh;
}
/* /Components/SkeletonLoading/CheckboxSkeleton.razor.rz.scp.css */
skeleton[witzer-checkbox-skeleton] {
  background-color: var(--skeleton-loader-colour);
  display: block;
  height: 30px;
  width: 30px;
  border-radius: 3px;
}
/* /Components/SkeletonLoading/ImageSkeleton.razor.rz.scp.css */
skeleton[witzer-image-skeleton] {
  background-color: var(--skeleton-loader-colour);
  display: block;
}
/* /Components/SkeletonLoading/SquareImageSkeletonLoader.razor.rz.scp.css */
div.skeleton-loader[witzer-square-image-skeleton-loader] {
  width: 100%;
  aspect-ratio: 1/1;
  border-radius: 12px;
}
/* /Components/SkeletonLoading/TextSkeleton.razor.rz.scp.css */
skeleton[witzer-text-skeleton] {
  background-color: var(--skeleton-loader-colour);
  display: block;
  border-radius: 0.5em;
  max-width: 100%;
}
skeleton.inline[witzer-text-skeleton] {
  display: inline-block;
}
skeleton contents[witzer-text-skeleton] {
  visibility: hidden;
}
/* /Components/StickyGrid/ColumnSizeCalculator.razor.rz.scp.css */
div[witzer-column-size-calculator] {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
div[witzer-column-size-calculator]  > :first-child {
  margin-left: var(--left);
}
div[witzer-column-size-calculator]  > :last-child {
  margin-right: var(--right);
}
/* /Components/StickyGrid/StickyGrid.razor.rz.scp.css */
column-size-calculators[witzer-sticky-grid],
grid-items[witzer-sticky-grid] {
  display: contents;
}
/* /Components/StickyGrid/StickyGridCell.razor.rz.scp.css */
div.sticky-grid-cell[witzer-sticky-grid-cell] {
  position: sticky;
}
/* /Components/StickyGrid/WidthCalculator.razor.rz.scp.css */
div.width-calculator[witzer-width-calculator] {
  width: 100%;
  height: 0;
}
/* /Components/SummaryForAddress.razor.rz.scp.css */
address-summary[witzer-summary-for-address] {
  font-size: 1.25rem;
  line-height: 1.4;
  letter-spacing: -0.02em;
  max-width: 100%;
}
address-summary address-line[witzer-summary-for-address] {
  display: block;
}
/* /Components/SummaryForCompany.razor.rz.scp.css */
company[witzer-summary-for-company] {
  padding: 10px 8px 10px 10px;
  font-size: 0.875rem;
  line-height: 1.42857143;
  letter-spacing: -0.00357143em;
  border: 1px solid;
  border-radius: 8px;
}
company.no-company[witzer-summary-for-company] {
  opacity: 0.25;
}
/* /Components/Tabs/Link/LinkTabSelect.razor.rz.scp.css */
div.heading[witzer-link-tab-select] {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
h2[witzer-link-tab-select] {
  font-weight: 600;
}
[witzer-link-tab-select] button.link {
  margin: 0;
  font-size: 14px;
  font-weight: 700;
}
/* /Components/Tabs/Toggle/ToggleTabSelect.razor.rz.scp.css */
div.tab-container[witzer-toggle-tab-select] {
  display: flex;
  justify-content: center;
  padding-inline: 30.5px;
}
div.options[witzer-toggle-tab-select] {
  width: 100%;
  max-width: 280px;
  display: grid;
  grid-auto-columns: minmax(0, 1fr);
  grid-auto-flow: column;
  padding: 2px;
  border-radius: 9px;
  background-color: var(--colour-font-pebble);
}
button.option[witzer-toggle-tab-select] {
  background-color: transparent;
  border: none;
  color: black;
}
button.option.selected[witzer-toggle-tab-select] {
  background-color: white;
  font-weight: 600;
  border-radius: 7px;
  pointer-events: none;
}
/* /Components/Toasts/Toast.razor.rz.scp.css */
div.toast[witzer-toast] {
  display: grid;
  grid-template-columns: -webkit-max-content minmax(0, 1fr);
  grid-template-columns: max-content minmax(0, 1fr);
  grid-template-rows: repeat(2, -webkit-max-content);
  grid-template-rows: repeat(2, max-content);
  grid-column-gap: 12px;
  border: 4px solid;
  border-radius: 8px;
  padding: 12px 22px;
  letter-spacing: -0.05px;
  line-height: 20px;
  pointer-events: all;
}
div.toast.success[witzer-toast] {
  color: #075A48;
  border-color: #238771;
  background-color: #F4FFF9;
}
div.toast.error[witzer-toast] {
  color: #A80F00;
  background-color: #FFF3F1;
}
div.toast.warning[witzer-toast] {
  border-color: #FFBF00;
  color: #B58801;
  background-color: #FFFAED;
}
img[witzer-toast] {
  grid-row: 1/-1;
  align-self: center;
}
h3[witzer-toast] {
  font-size: 16px;
  font-weight: 700;
  line-height: inherit;
  letter-spacing: inherit;
}
p[witzer-toast] {
  font-weight: 400;
  color: #33335E;
}
@media only screen and (min-width: 1001px ) {
  div.toast[witzer-toast] {
    width: 370px;
  }
}
/* /Components/Toasts/ToastContainer.razor.rz.scp.css */
div.toast-container[witzer-toast-container] {
  position: fixed;
  top: calc(var(--header-height, 35px) + 2 * 21px);
  top: calc(calc(var(--header-height, 35px) + 2 * 21px) + env(safe-area-inset-top, 0px));
  bottom: var(--footer-height, calc(78px - min(env(safe-area-inset-bottom, 0px), 10px)));
  bottom: calc(var(--footer-height, calc(78px - min(env(safe-area-inset-bottom, 0px), 10px))) + env(safe-area-inset-bottom, 0px));
  left: 0;
  right: 0;
  z-index: var(--z-index-toasts);
  display: flex;
  flex-direction: column;
  justify-content: end;
  padding: 10px 18px 50px 18px;
  pointer-events: none;
}
@media only screen and (min-width: 501px ) {
  div.toast-container[witzer-toast-container] {
    padding: 10px 20px 50px 20px;
  }
}
@media only screen and (min-width: 1001px ) {
  div.toast-container[witzer-toast-container] {
    align-items: center;
    padding-top: 40px;
  }
}
/* /Components/TotalWithGst.razor.rz.scp.css */
.item[witzer-total-with-gst] {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
/* /Components/TransferMoney/ConfirmTransfer.razor.rz.scp.css */
p[witzer-confirm-transfer] {
  color: black;
  text-align: center;
}
card-body[witzer-confirm-transfer] {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
card-body transfer-details[witzer-confirm-transfer] {
  display: flex;
  flex-direction: column;
  gap: 9px;
}
card-body transfer-details label[witzer-confirm-transfer] {
  font-weight: 475;
  text-align: left;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 21px;
}
card-body transfer-details[witzer-confirm-transfer] >  display-for {
  padding: 18px;
  font-size: 36px;
  justify-content: center;
  height: 81px;
  margin-bottom: 12px;
  display: flex;
  align-items: center;
  border-radius: 6px;
  border: 1.5px solid rgba(0, 0, 0, 0.15);
  font-weight: 500;
  line-height: 16px;
}
card-body action-buttons[witzer-confirm-transfer] {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: 1fr;
  gap: 16px;
  margin-top: 8px;
}
card-body action-buttons[witzer-confirm-transfer]  disableable-button button {
  display: flex;
  height: 42px;
  padding: 14px 10px !important;
  justify-content: center;
  align-items: center;
  font-size: 14px !important;
}
card-body p[witzer-confirm-transfer] {
  font-size: 0.625rem;
  line-height: 1.2;
  letter-spacing: 0em;
  color: black;
}
/* /Components/TransferMoney/TransferFrom.razor.rz.scp.css */
card-body[witzer-transfer-from] {
  display: flex;
  flex-direction: column;
  gap: 0;
}
card-body label[witzer-transfer-from] {
  font-weight: 500;
}
card-body[witzer-transfer-from]  input#transfer-amount {
  padding: 18px;
  font-size: 36px;
  text-align: center;
  height: 81px;
  margin-bottom: 12px;
}
/* /Components/TransferMoney/TransferTo.razor.rz.scp.css */
card-body[witzer-transfer-to] {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
card-body label[witzer-transfer-to] {
  font-weight: 475;
  text-align: left;
  margin-bottom: 0;
}
card-body project-loading[witzer-transfer-to] {
  border-radius: 8px;
  padding: 10px 8px 10px 10px;
  background-color: var(--skeleton-loader-colour);
  display: block;
  box-sizing: content-box;
  height: 1lh;
}
card-body p[witzer-transfer-to] {
  font-weight: 500;
  color: var(--colour-primary-midnight);
}
card-body action-buttons[witzer-transfer-to] {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: 1fr;
  gap: 16px;
  margin-top: 8px;
}
card-body action-buttons[witzer-transfer-to]  disableable-button button {
  display: flex;
  height: 42px;
  padding: 14px 10px !important;
  justify-content: center;
  align-items: center;
  font-size: 14px !important;
}
@media only screen and (max-width: 700px) {
  card-body p[witzer-transfer-to] {
    font-size: 10px;
  }
}
/* /Components/TransferMoney/WalletSelectOption.razor.rz.scp.css */
wallet[witzer-wallet-select-option] {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 15px;
  font-size: 0.875rem;
  line-height: 1.42857143;
  letter-spacing: -0.00357143em;
  font-weight: 475;
  color: #0A090B;
  padding: 10px;
  border: 1px solid #ECECED;
  border-radius: 12px;
}
wallet.can-select[witzer-wallet-select-option] {
  cursor: pointer;
}
wallet.can-select:hover[witzer-wallet-select-option] {
  border: 2px solid #32A58C;
}
wallet.selected[witzer-wallet-select-option] {
  border: 2px solid #32A58C;
}
wallet.loading[witzer-wallet-select-option] {
  background-color: var(--skeleton-loader-colour);
  border: none;
  box-sizing: content-box;
  height: 1lh;
}
wallet name[witzer-wallet-select-option] {
  flex-grow: 1;
}
wallet name[witzer-wallet-select-option],
wallet available[witzer-wallet-select-option] {
  font-size: 16px;
  font-weight: 500;
}
wallet name label[witzer-wallet-select-option],
wallet available label[witzer-wallet-select-option] {
  font-size: 14px;
  font-weight: 600;
  color: #32A58C;
  margin-bottom: 0;
}
@media only screen and (max-width: 700px) {
  wallet[witzer-wallet-select-option] {
    border-radius: 6px;
  }
  wallet name[witzer-wallet-select-option],
  wallet available[witzer-wallet-select-option] {
    font-size: 12px;
  }
  wallet name label[witzer-wallet-select-option],
  wallet available label[witzer-wallet-select-option] {
    font-size: 10px;
  }
}
/* /Components/Users/SummaryForWitzerUser.razor.rz.scp.css */
div.summary-for-witzer-user[witzer-summary-for-witzer-user] {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 12px;
  --avatar-size: 24px;
}
/* /Components/WithdrawMoney/ConfirmWithdraw.razor.rz.scp.css */
withdraw-details[witzer-confirm-withdraw] {
  display: flex;
  flex-direction: column;
  gap: 15px;
  text-align: center;
}
withdraw-details p[witzer-confirm-withdraw] {
  color: black;
}
withdraw-details[witzer-confirm-withdraw]  display-for {
  font-size: 1.25rem;
  line-height: 1.4;
  letter-spacing: -0.02em;
  font-weight: 600;
  color: black;
}
withdraw-details[witzer-confirm-withdraw]  button.edit {
  font-size: 0.75rem;
  line-height: 1.5;
  letter-spacing: 0em;
  font-weight: 400;
  padding-block: 11px;
}
withdraw-details[witzer-confirm-withdraw]  button.edit[disabled] {
  color: #64666C;
}
/* /Components/WithdrawMoney/WithdrawDetails.razor.rz.scp.css */
withdraw-details[witzer-withdraw-details] {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
withdraw-details[witzer-withdraw-details]  dropdown-selected {
  font-size: 16px;
  line-height: 20px;
  letter-spacing: -0.05px;
  border: 1px solid var(--colour-font-pebble);
  border-radius: 4px;
  box-shadow: 0px 1.5px 4px -1px rgba(10, 9, 11, 0.07);
  padding: 10px;
  background-color: white;
  color: var(--colour-primary-midnight);
}
withdraw-details[witzer-withdraw-details]  dropdown-selected::-webkit-input-placeholder {
  color: var(--colour-primary-midnight);
  opacity: 0.6;
}
withdraw-details[witzer-withdraw-details]  dropdown-selected::-moz-placeholder {
  color: var(--colour-primary-midnight);
  opacity: 0.6;
}
withdraw-details[witzer-withdraw-details]  dropdown-selected::-ms-input-placeholder {
  color: var(--colour-primary-midnight);
  opacity: 0.6;
}
withdraw-details[witzer-withdraw-details]  dropdown-selected::placeholder {
  color: var(--colour-primary-midnight);
  opacity: 0.6;
}
withdraw-details[witzer-withdraw-details]  dropdown-selected:hover {
  border-color: var(--border-colour);
}
withdraw-details[witzer-withdraw-details]  dropdown-selected:focus,
withdraw-details[witzer-withdraw-details]  dropdown-selected:focus-within {
  border-color: var(--colour-primary-aloe-50);
}
withdraw-details wallet[witzer-withdraw-details] {
  flex-grow: 1;
  margin-right: 15px;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 15px;
  color: #0A090B;
}
withdraw-details wallet name[witzer-withdraw-details] {
  flex-grow: 1;
}
withdraw-details form-group[witzer-withdraw-details] {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
withdraw-details form-group label[witzer-withdraw-details] {
  font-weight: 475;
  color: #2D2B32;
}
withdraw-details form-group amount[witzer-withdraw-details] {
  font-size: 16px;
  line-height: 20px;
  letter-spacing: -0.05px;
  border: 1px solid var(--colour-font-pebble);
  border-radius: 4px;
  box-shadow: 0px 1.5px 4px -1px rgba(10, 9, 11, 0.07);
  padding: 10px;
  background-color: white;
  color: var(--colour-primary-midnight);
  display: flex;
  flex-direction: row;
  align-items: center;
}
withdraw-details form-group amount[witzer-withdraw-details]::-webkit-input-placeholder {
  color: var(--colour-primary-midnight);
  opacity: 0.6;
}
withdraw-details form-group amount[witzer-withdraw-details]::-moz-placeholder {
  color: var(--colour-primary-midnight);
  opacity: 0.6;
}
withdraw-details form-group amount[witzer-withdraw-details]::-ms-input-placeholder {
  color: var(--colour-primary-midnight);
  opacity: 0.6;
}
withdraw-details form-group amount[witzer-withdraw-details]::placeholder {
  color: var(--colour-primary-midnight);
  opacity: 0.6;
}
withdraw-details form-group amount:hover[witzer-withdraw-details] {
  border-color: var(--border-colour);
}
withdraw-details form-group amount:focus[witzer-withdraw-details],
withdraw-details form-group amount:focus-within[witzer-withdraw-details] {
  border-color: var(--colour-primary-aloe-50);
}
withdraw-details form-group amount input[witzer-withdraw-details] {
  border: none;
  outline: none;
  border-radius: 0;
  box-shadow: unset;
  padding: 0;
  flex-grow: 1;
}
withdraw-details form-group amount input:hover[witzer-withdraw-details],
withdraw-details form-group amount input:focus[witzer-withdraw-details] {
  border: none;
  outline: none;
}
/* /Components/WithSuperscript.razor.rz.scp.css */
div.container[witzer-with-superscript] {
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
div.superscript[witzer-with-superscript] {
  position: absolute;
  top: 0;
  right: 0;
  -webkit-transform: translate(50%, -50%);
          transform: translate(50%, -50%);
}
/* /Components/WitzerSearchBar.razor.rz.scp.css */
form.input[witzer-witzer-search-bar] {
  display: flex;
  flex-direction: row;
  padding: 0;
  --height: 46px;
  height: var(--height);
  border-radius: calc(var(--height) / 2);
  overflow: hidden;
}
input.search-input[witzer-witzer-search-bar] {
  flex-shrink: 1;
  width: 100%;
  height: 100%;
  border: none;
  padding-inline: 16px;
  padding-left: 15px;
}
button.clear[witzer-witzer-search-bar] {
  margin-right: 6px;
  padding: 10px;
  height: 100%;
  border: none;
  background: none;
  color: var(--colour-font-coal);
}
/* /Pages/Authorised/AddProject/ScopeOfWork.razor.rz.scp.css */
div.scope-of-work[witzer-scope-of-work] {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
div.continue[witzer-scope-of-work] {
  position: sticky;
  bottom: var(--mobile-menu-reserved-space);
}
@media only screen and (min-width: 1001px ) {
  div.scope-of-work[witzer-scope-of-work] {
    flex: 1 0 0;
    min-height: 0;
    display: grid;
    grid-template-columns: 2fr 1fr;
    --rows: 1;
    grid-template-rows: repeat(var(--rows), minmax(0, 1fr));
  }
  div.scope-of-work.has-ai[witzer-scope-of-work] {
    --rows: 2;
  }
  [witzer-scope-of-work] div.scope-of-work-list {
    grid-row: 1/-1;
    overflow-y: auto;
    overflow-x: hidden;
  }
  div.continue[witzer-scope-of-work] {
    position: static;
  }
}
/* /Pages/Authorised/CancelBankLinking.razor.rz.scp.css */
card[witzer-cancel-bank-linking] {
  display: block;
  background-color: white;
  padding: 30px;
  border-radius: 5px;
  box-shadow: 0px 2px 25px 0px rgba(100, 102, 108, 0.1);
}
@media only screen and (max-width: 500px) {
  card[witzer-cancel-bank-linking] {
    padding: 30px 10px;
  }
}
/* /Pages/Authorised/ChakraTest.razor.rz.scp.css */
div.container[witzer-chakra-test] {
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: 20px;
}
/* /Pages/Authorised/Claims.razor.rz.scp.css */
overview img[witzer-claims] {
  margin-left: auto;
}
@media only screen and (max-width: 1000px) {
  overview[witzer-claims] {
    display: none;
  }
}
/* /Pages/Authorised/ConfirmBankAccountDetails.razor.rz.scp.css */
card[witzer-confirm-bank-account-details] {
  display: block;
  background-color: white;
  padding: 30px;
  border-radius: 5px;
  box-shadow: 0px 2px 25px 0px rgba(100, 102, 108, 0.1);
}
@media only screen and (max-width: 500px) {
  card[witzer-confirm-bank-account-details] {
    padding: 30px 10px;
  }
}
button.inline[witzer-confirm-bank-account-details] {
  font-size: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  font-weight: 500;
  color: black;
}
/* /Pages/Authorised/Integrations.razor.rz.scp.css */
/* /Pages/Authorised/Messages.razor.rz.scp.css */
div.messages-page[witzer-messages] {
  height: 100%;
  flex: 1 0 0;
  min-height: 300px;
}
@media only screen and (min-width: 1001px ) {
  div.messages-page[witzer-messages] {
    min-height: 500px;
  }
  div.messages-page:has(div.messages-layout > div.messages scroll-area)[witzer-messages] {
    min-height: initial;
  }
}
div.messages-page[witzer-messages] >  div.card,
div.messages-page[witzer-messages] >  div.card > div.content {
  height: 100%;
  max-height: -webkit-fit-content;
  max-height: -moz-fit-content;
  max-height: fit-content;
  overflow: hidden;
}
/* /Pages/Authorised/Money.razor.rz.scp.css */
img.card[witzer-money] {
  height: 180px;
}
actions[witzer-money] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 15px;
}
recent-transactions[witzer-money]  card {
  padding-bottom: 0 !important;
}
@media only screen and (max-width: 1000px) {
  actions[witzer-money],
  hr[witzer-money] {
    display: none;
  }
}
/* /Pages/Authorised/ReviewQuoteRequest.razor.rz.scp.css */
span.collaborator[witzer-review-quote-request] {
  display: grid;
  grid-template-columns: 1fr auto;
}
.desktop-grouped[witzer-review-quote-request] {
  border-top: var(--standard-divider);
  padding-top: 10px;
}
/* /Pages/Authorised/ScopeOfWorkTemplate.razor.rz.scp.css */
div.rename[witzer-scope-of-work-template] {
  align-self: end;
}
/* /Pages/Authorised/ScopeOfWorkTemplates.razor.rz.scp.css */
div.new-template[witzer-scope-of-work-templates] {
  align-self: end;
}
[witzer-scope-of-work-templates] list-items {
  grid-template-columns: 1fr;
}
/* /Pages/Authorised/Transactions.razor.rz.scp.css */
.card-buttons[witzer-transactions]  card-button.add {
  color: var(--colour-primary-midnight);
  background: #EDFFF5;
}
.card-buttons[witzer-transactions]  card-button.withdraw {
  color: #FFFEFD;
  background-color: #32A58C;
}
.card-buttons[witzer-transactions]  card-button.transfer {
  color: #FFFEFD;
  background-color: #075A48;
}
/* /Pages/Authorised/UserAccount.razor.rz.scp.css */
div.card[witzer-user-account] {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
/* /Pages/Authorised/Wallet.razor.rz.scp.css */
title[witzer-wallet] {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 30px;
}
[witzer-wallet] pill {
  font-size: 0.7em;
}
/* /Pages/Authorised/Wallets.razor.rz.scp.css */
wallet-actions[witzer-wallets] {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
}
wallet-actions a[witzer-wallets] {
  font-size: 0.8125rem;
  line-height: 1.38461538;
  letter-spacing: -0.006em;
  font-weight: 500;
  color: var(--colour-primary-midnight);
}
/* /Pages/SignUp/LandingPage.razor.rz.scp.css */
div.sign-up[witzer-landing-page] {
  --sign-up-card-spacing: 32px;
  display: flex;
  flex: 1;
}
div.buttons[witzer-landing-page] {
  gap: 12px;
  display: flex;
}
/* /Pages/SignUp/UserDetails.razor.rz.scp.css */
label[witzer-user-details] {
  font-size: 12px;
}
div.buttons[witzer-user-details] {
  margin-top: auto;
}
div.buttons[witzer-user-details]  button.hidden {
  visibility: hidden;
}
[witzer-user-details] form-field[type="string"] > label[breezer-form-field],
[witzer-user-details] form-field[type="default"] > label[breezer-form-field] {
  height: 37px;
  color: var(--Primary-Midnight-colour-primary-midnight, #0E0E4F);
  -webkit-font-feature-settings: 'liga' off, 'clig' off;
          font-feature-settings: 'liga' off, 'clig' off;
  font-family: Inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: 16px;
  /* 133.333% */
  align-content: center;
  margin: 0;
}
[witzer-user-details] form-field[type="string"] input[type="text"],
[witzer-user-details] form-field[type="default"] input[type="text"],
[witzer-user-details] form-field[type="string"] input[type="password"],
[witzer-user-details] form-field[type="default"] input[type="password"],
[witzer-user-details] form-field[type="string"] input[type="email"],
[witzer-user-details] form-field[type="default"] input[type="email"] {
  font-size: 12px;
}
[witzer-user-details] form-field[type="default"] {
  gap: 7px;
}
[witzer-user-details] form-field[type="default"] form-field[breezer-form-field][type="boolean"] > label {
  height: 24px;
  align-content: center;
}
[witzer-user-details] form-field[type="default"] form-field[breezer-form-field][type="boolean"] editor-for[display="checkbox"][breezer-editor-for-bool] {
  --checkbox-size: 24px;
  --border-thickness: 1px;
  border-radius: 4px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
/* /Pages/SignUp/VerifyPhoneNumber.razor.rz.scp.css */
div.resend-code[witzer-verify-phone-number] {
  align-items: start;
}
input.code[witzer-verify-phone-number] {
  font-size: 35px;
  max-width: 100%;
  width: 100%;
  letter-spacing: 30px;
  font-kerning: none;
  font-variant-numeric: tabular-nums;
}
@media only screen and (max-width: 1000px) {
  input.code[witzer-verify-phone-number] {
    letter-spacing: calc((100vw - (35px * 6)) / 6);
  }
}
[witzer-verify-phone-number] button.resend-code {
  --button-colour: var(--colour-secondary-kingfisher);
  --button-background: var(--colour-primary-aloe-10);
  --button-hover-background: var(--colour-primary-aloe);
  --button-active-background: var(--colour-secondary-kingfisher);
  --button-active-colour: white;
}
/* /Shared/CascadingTheme.razor.rz.scp.css */
theme[witzer-cascading-theme] {
  --blue: #035CB4;
  --orange: #F95608;
  --navy: #434AB2;
  --green: #238771;
  --blue-gradient: linear-gradient(96deg, #035CB4 0%, #7ABDFF 55.29%, #ECF5FF 110.58%);
  --orange-gradient: linear-gradient(78deg, #E74B3C 10.49%, #FB7E05 47.9%, #FFBF00 87.31%);
  --navy-gradient: linear-gradient(84deg, #01017B 2.25%, #4E56CE 57.46%, #5962ED 100%);
  --green-gradient: linear-gradient(96deg, #075A48 0%, #32A58C 49.37%, #8AE0B1 98.74%);
  --dark-gradient: linear-gradient(96deg, var(--colour-primary-midnight), 27.12%, #000045 56.17%, #434AB2 111.95%);
  --navy-card: #E0E1FF66;
  --orange-card: #FFEDE4;
  --green-card: #EDFFF5;
  display: contents;
}
/* /Shared/Layouts/AddProjectLayout.razor.rz.scp.css */
project-layout[witzer-add-project-layout]  .card .heading-container > :not(.subheading) {
  order: 1;
}
project-layout[witzer-add-project-layout]  .card .heading-container .heading > h3 {
  font-size: 20px;
  font-weight: 600;
}
project-layout[witzer-add-project-layout]  .card .heading-container .subheading > h1 {
  font-size: 24px;
  font-weight: 600;
}
@media only screen and (max-width: 700px) {
  project-layout[witzer-add-project-layout]  .card .heading-container .heading > h3 {
    font-size: 16px;
  }
  project-layout[witzer-add-project-layout]  .card .heading-container .subheading > h1 {
    font-size: 20px;
  }
}
save[witzer-add-project-layout] {
  display: flex;
  justify-content: center;
}
/* /Shared/Layouts/OnboardingLayout.razor.rz.scp.css */
div.page[witzer-onboarding-layout] {
  height: 100vh;
  height: 100dvh;
  display: grid;
  grid-template-rows: 100%;
  grid-template-columns: 35% 1fr;
}
@media only screen and (max-width: 1000px) {
  div.page[witzer-onboarding-layout] {
    grid-template-columns: 25% 1fr;
  }
}
div.background-image-container[witzer-onboarding-layout] {
  grid-row: 1;
  grid-column: 1;
  overflow: hidden;
}
img.background-image[witzer-onboarding-layout] {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 0;
}
div.content-container[witzer-onboarding-layout] {
  height: 100%;
  display: flex;
  flex-direction: column;
  padding: 50px 40px;
  align-items: center;
  justify-content: center;
}
.card[witzer-onboarding-layout] {
  max-width: 450px;
  background: var(--Neutrals-White-colour-base-creme-background, #FFFEFB);
  display: flex;
  flex-direction: column;
  gap: 16px;
}
[witzer-onboarding-layout] h1 {
  color: var(--Neutrals-Font-colour-font-coal, #2F3133);
  font-family: Inter;
  font-size: var(--typography-font-size-3xl, 40px);
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  /* 48px */
  letter-spacing: var(--typography-letter-spacing-none, 0px);
}
[witzer-onboarding-layout] h2 {
  color: var(--Primary-Midnight-colour-primary-midnight, #0E0E4F);
  font-family: Inter;
  font-size: 22px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
  /* 26.4px */
  letter-spacing: -0.484px;
}
@media only screen and (max-width: 600px) {
  .card[witzer-onboarding-layout] {
    max-width: inherit;
    min-height: 60%;
  }
  div.page[witzer-onboarding-layout] {
    height: 100%;
    display: grid;
    grid-template-rows: repeat(2, 50%);
    grid-template-columns: 100%;
  }
  div.mobile-safe-area[witzer-onboarding-layout] {
    grid-row: 1/-1;
    grid-column: 1;
  }
  div.content-container[witzer-onboarding-layout] {
    justify-content: end;
  }
  img.background-image[witzer-onboarding-layout] {
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
  }
  div.page.desktop-only-background[witzer-onboarding-layout] {
    display: block;
    height: 100%;
  }
  div.page.desktop-only-background div.background-image-container[witzer-onboarding-layout] {
    display: none;
  }
  div.page.desktop-only-background div.mobile-safe-area[witzer-onboarding-layout] {
    background-color: var(--colour-background-card-2);
  }
  div.page.desktop-only-background div.content-container[witzer-onboarding-layout] {
    display: block;
    width: 100%;
    height: 100%;
    padding: 0;
  }
  div.page.desktop-only-background div.card[witzer-onboarding-layout] {
    width: 100%;
    height: 100%;
    border-radius: 0;
    box-shadow: none;
    display: grid;
    grid-auto-flow: row;
    grid-template-rows: auto -webkit-min-content;
    grid-template-rows: auto min-content;
  }
}
/* /Shared/Layouts/V2Layout.razor.rz.scp.css */
div.mobile-safe-area[witzer-v2-layout] {
  display: flex;
  flex-direction: column;
}
div.page[witzer-v2-layout] {
  height: 100vh;
  height: 100dvh;
  flex-grow: 1;
  padding: 20px;
  display: grid;
  grid-template-rows: [header-start] -webkit-max-content [header-end body-start navigation-start] minmax(0, 1fr) [navigation-end floating-menu-start] -webkit-max-content [floating-menu-end body-end];
  grid-template-rows: [header-start] max-content [header-end body-start navigation-start] minmax(0, 1fr) [navigation-end floating-menu-start] max-content [floating-menu-end body-end];
  grid-template-columns: [header-start body-start navigation-start floating-menu-start] 100% [floating-menu-end navigation-end body-end header-end];
  --spacing: 12px;
  gap: var(--spacing);
}
@media only screen and (max-width: 500px) {
  div.page[witzer-v2-layout] {
    padding: 0;
    --mobile-menu-height: 58px;
  }
}
div.body-container[witzer-v2-layout] {
  grid-row: 1/-1;
  grid-column: 1/-1;
  display: grid;
  grid-template-columns: subgrid;
  grid-template-rows: subgrid;
  overflow-y: auto;
  overflow-x: hidden;
  scrollbar-gutter: stable;
}
div.body[witzer-v2-layout] {
  grid-area: body;
  position: relative;
  --body-inline-padding: 5px;
  --body-block-padding: 5px;
  padding-inline: var(--body-inline-padding);
  padding-block: var(--body-block-padding);
}
@media only screen and (max-width: 500px) {
  div.body[witzer-v2-layout] {
    --mobile-menu-height: 58px;
  }
}
div.scroll-area[witzer-v2-layout] {
  padding: 5px;
}
div.body[witzer-v2-layout],
div.scroll-area[witzer-v2-layout] {
  margin: -5px;
}
@media only screen and (max-width: 500px) {
  div.body[witzer-v2-layout] {
    --body-inline-padding: calc(var(--spacing) + 5px);
    --body-block-padding: 7px;
  }
}
div.scroll-area[witzer-v2-layout] {
  overflow-y: initial;
  scrollbar-gutter: stable;
}
@media only screen and (max-width: 500px) {
  div.scroll-area[witzer-v2-layout] {
    --mobile-menu-height: 58px;
    --mobile-menu-reserved-space: calc(var(--spacing) + var(--mobile-menu-height) + max(var(--spacing), calc(env(safe-area-inset-bottom, 0px) + 2px)));
    padding-bottom: var(--mobile-menu-reserved-space);
  }
}
p.description[witzer-v2-layout] {
  margin-bottom: 10px;
}
@media only screen and (min-width: 501px ) {
  div.page[witzer-v2-layout] {
    grid-template-areas: "navigation header" "navigation body";
    grid-template-rows: -webkit-max-content 1fr;
    grid-template-rows: max-content 1fr;
    grid-template-columns: -webkit-max-content 1fr;
    grid-template-columns: max-content 1fr;
    -webkit-column-gap: 14px;
       -moz-column-gap: 14px;
            column-gap: 14px;
    row-gap: 21px;
  }
  div.body-container[witzer-v2-layout] {
    display: contents;
  }
  div.body[witzer-v2-layout] {
    overflow: hidden;
  }
  div.scroll-area[witzer-v2-layout] {
    height: 100%;
    overflow-y: revert-layer;
  }
}
@media only screen and (min-width: 1001px ) {
  div.body[witzer-v2-layout] {
    max-width: 1200px;
  }
}