/* /Components/Account/AccountWidgetItem.razor.rz.scp.css */
account-widget-item[b-0ni57208dz] {
  display: grid;
  grid-template-columns: repeat(2, -webkit-max-content);
  grid-template-columns: repeat(2, max-content);
  grid-row-gap: 1.56px;
  grid-column-gap: 8.33px;
  position: relative;
}
account-widget-item.loading[b-0ni57208dz] {
  opacity: 0.5;
}
account-widget-item avatar-container[b-0ni57208dz] {
  grid-row-start: 1;
  grid-row-end: span 2;
  grid-column: 1;
  --avatar-size: 30px;
}
account-widget-item avatar-container button[b-0ni57208dz] {
  padding: 0;
  background: none;
  border: none;
  border-radius: 0;
  display: block;
}
account-widget-item avatar-container button:hover[b-0ni57208dz] {
  background: none;
  border: none;
  opacity: 1;
}
account-widget-item avatar-container[b-0ni57208dz]  avatar {
  border: 1px solid white;
}
account-widget-item label[b-0ni57208dz] {
  grid-row: 1;
  grid-column: 2;
  font-size: 9px;
  font-weight: 600;
  text-transform: uppercase;
  color: white;
  opacity: 0.65;
}
account-widget-item name[b-0ni57208dz] {
  grid-row: 2;
  grid-column: 2;
  font-size: 14px;
  font-weight: 500;
  color: white;
}
/* /Components/Account/ShareFallback.razor.rz.scp.css */
p[b-iovjc42gfq] {
  text-align: center;
}
share[b-iovjc42gfq] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 5px;
}
/* /Components/Account/ShareWitzer.razor.rz.scp.css */
button.share[b-ttwkgg6lzi] {
  white-space: nowrap;
}
/* /Components/Account/WitzerAccountWidgetAuthorized.razor.rz.scp.css */
account-widget[b-rr0fcyn5yu] {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  gap: 26px;
}
account-widget account-details[b-rr0fcyn5yu] {
  cursor: pointer;
}
account-card[b-rr0fcyn5yu] {
  color: black;
}
button.signout[b-rr0fcyn5yu] {
  display: block;
}
account-widget-popup[b-rr0fcyn5yu] {
  display: none;
  visibility: hidden;
}
@media only screen and (max-width: 1000px) {
  account-widget[b-rr0fcyn5yu] {
    display: none;
    visibility: hidden;
  }
  account-widget-popup[b-rr0fcyn5yu] {
    display: block;
    visibility: visible;
    cursor: pointer;
  }
  account-widget-popup[b-rr0fcyn5yu]  avatar {
    --avatar-size: 40px;
  }
}
/* /Components/ActionRequiredPrompt.razor.rz.scp.css */
action-required[b-0xidb8qmmi] {
  display: grid;
  grid-template-columns: -webkit-max-content minmax(0, -webkit-max-content) minmax(-webkit-max-content, 1fr);
  grid-template-columns: max-content minmax(0, max-content) minmax(max-content, 1fr);
  grid-column-gap: 8px;
  align-items: center;
  padding: 16px 12px;
  border-radius: 6px;
  background-color: #7ABDFF;
  color: #000036;
}
@media only screen and (max-width: 500px) {
  action-required[b-0xidb8qmmi] {
    grid-template-columns: -webkit-max-content minmax(0, 1fr);
    grid-template-columns: max-content minmax(0, 1fr);
  }
}
action-required img[b-0xidb8qmmi],
action-required[b-0xidb8qmmi]  skeleton[data-skeleton-type="image"] {
  grid-row: 1;
  grid-column: 1;
}
action-required[b-0xidb8qmmi]  skeleton[data-skeleton-type="image"] {
  border-radius: 50%;
}
action-required h3[b-0xidb8qmmi] {
  grid-row: 1;
  grid-column: 2;
  font-size: 14px;
  line-height: 16.639px;
  letter-spacing: -0.14px;
  font-weight: 600;
}
action-required description[b-0xidb8qmmi] {
  grid-row: 2;
  grid-column: 2;
  font-size: 12px;
  line-height: 21.139px;
  letter-spacing: -0.14px;
}
action-required[b-0xidb8qmmi]  button,
action-required[b-0xidb8qmmi]  skeleton[data-skeleton-type="button"] {
  grid-row: 1/3;
  grid-column: 3;
  margin-left: auto;
  padding: 9px 12px;
  border-radius: 4.5px;
  font-size: 12px;
  line-height: 12.942px;
  letter-spacing: -0.106px;
  font-weight: 600;
}
@media only screen and (max-width: 500px) {
  action-required[b-0xidb8qmmi]  button,
  action-required[b-0xidb8qmmi]  skeleton[data-skeleton-type="button"] {
    grid-row: 3;
    grid-column: 1/3;
    margin-top: 20px;
    width: 100%;
    text-align: center;
  }
}
/* /Components/AddMoney/BankTransfer.razor.rz.scp.css */
card-body[b-rvjkv34ejh] {
  display: flex;
  flex-direction: column;
  gap: 28px;
}
card-body h3[b-rvjkv34ejh] {
  text-align: center;
}
card-body payment-details[b-rvjkv34ejh] {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
card-body payment-details item[b-rvjkv34ejh] {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 5px;
  font-size: 0.875rem;
  line-height: 1.42857143;
  letter-spacing: -0.00142857em;
  font-weight: 550;
  color: black;
}
card-body payment-details item value[b-rvjkv34ejh] {
  margin-left: auto;
}
card-body payment-details p[b-rvjkv34ejh] {
  font-size: 0.625rem;
  line-height: 1.2;
  letter-spacing: 0em;
  text-align: center;
  color: black;
}
/* /Components/AddMoney/ChoosePaymentMethod.razor.rz.scp.css */
wallet[b-sgrqm8bd0u],
amount[b-sgrqm8bd0u],
payment-method-selection[b-sgrqm8bd0u] {
  display: flex;
  flex-direction: column;
  gap: 15px;
  font-size: 0.875rem;
  line-height: 1.42857143;
  letter-spacing: -0.00357143em;
  font-weight: 475;
}
[b-sgrqm8bd0u] dropdown-selected {
  border: none;
  border: 1px solid #7ABDFF;
  border-radius: 4px;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: -0.05px;
  box-shadow: 0px 1.5px 4px -1px rgba(10, 9, 11, 0.07);
  padding: 10px;
  background-color: white;
  color: #000036;
}
[b-sgrqm8bd0u] dropdown-selected::-webkit-input-placeholder {
  color: #7F7D83;
  opacity: 1;
}
[b-sgrqm8bd0u] dropdown-selected::-moz-placeholder {
  color: #7F7D83;
  opacity: 1;
}
[b-sgrqm8bd0u] dropdown-selected::-ms-input-placeholder {
  color: #7F7D83;
  opacity: 1;
}
[b-sgrqm8bd0u] dropdown-selected::placeholder {
  color: #7F7D83;
  opacity: 1;
}
[b-sgrqm8bd0u] dropdown-selected:hover,
[b-sgrqm8bd0u] dropdown-selected:focus,
[b-sgrqm8bd0u] dropdown-selected:focus-within {
  border: 1px solid #5A61ED;
}
payment-method[b-sgrqm8bd0u] {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  padding: 14px 12px;
  border: 1px solid #E6E6E6;
  border-radius: 8px;
  cursor: pointer;
}
payment-method.coming-soon[b-sgrqm8bd0u] {
  opacity: 0.5;
  cursor: default;
}
payment-method.coming-soon sub[b-sgrqm8bd0u] {
  font-size: 0.8em;
}
/* /Components/AddMoney/CurrentPaymentMethod.razor.rz.scp.css */
payment-method[b-fbpbjxad7i] {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  padding: 14px 12px;
  border: 1px solid #8AE0AF;
  border-radius: 8px;
}
payment-method name[b-fbpbjxad7i] {
  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[b-fbpbjxad7i] {
  cursor: pointer;
}
/* /Components/AddMoney/DebitCard.razor.rz.scp.css */
card-body[b-tbshw4rhks] {
  display: flex;
  flex-direction: column;
  gap: 28px;
}
card-body payment-details[b-tbshw4rhks] {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
card-body payment-details card-input[b-tbshw4rhks] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
card-body payment-details card-input card-number[b-tbshw4rhks] {
  border: none;
  border: 1px solid #7ABDFF;
  border-radius: 4px;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: -0.05px;
  box-shadow: 0px 1.5px 4px -1px rgba(10, 9, 11, 0.07);
  padding: 10px;
  background-color: white;
  color: #000036;
  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[b-tbshw4rhks]::-webkit-input-placeholder {
  color: #7F7D83;
  opacity: 1;
}
card-body payment-details card-input card-number[b-tbshw4rhks]::-moz-placeholder {
  color: #7F7D83;
  opacity: 1;
}
card-body payment-details card-input card-number[b-tbshw4rhks]::-ms-input-placeholder {
  color: #7F7D83;
  opacity: 1;
}
card-body payment-details card-input card-number[b-tbshw4rhks]::placeholder {
  color: #7F7D83;
  opacity: 1;
}
card-body payment-details card-input card-number:hover[b-tbshw4rhks],
card-body payment-details card-input card-number:focus[b-tbshw4rhks],
card-body payment-details card-input card-number:focus-within[b-tbshw4rhks] {
  border: 1px solid #5A61ED;
}
card-body payment-details card-input card-number:hover[b-tbshw4rhks],
card-body payment-details card-input card-number:focus[b-tbshw4rhks],
card-body payment-details card-input card-number:focus-within[b-tbshw4rhks] {
  z-index: 1;
}
card-body payment-details card-input card-number input[b-tbshw4rhks] {
  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[b-tbshw4rhks],
card-body payment-details card-input card-number input:focus[b-tbshw4rhks] {
  border: none;
  outline: none;
}
card-body payment-details card-input > input[b-tbshw4rhks] {
  border: none;
  border: 1px solid #7ABDFF;
  border-radius: 4px;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: -0.05px;
  box-shadow: 0px 1.5px 4px -1px rgba(10, 9, 11, 0.07);
  padding: 10px;
  background-color: white;
  color: #000036;
  min-width: 0;
  border-radius: 0;
  margin: -1px;
}
card-body payment-details card-input > input[b-tbshw4rhks]::-webkit-input-placeholder {
  color: #7F7D83;
  opacity: 1;
}
card-body payment-details card-input > input[b-tbshw4rhks]::-moz-placeholder {
  color: #7F7D83;
  opacity: 1;
}
card-body payment-details card-input > input[b-tbshw4rhks]::-ms-input-placeholder {
  color: #7F7D83;
  opacity: 1;
}
card-body payment-details card-input > input[b-tbshw4rhks]::placeholder {
  color: #7F7D83;
  opacity: 1;
}
card-body payment-details card-input > input:hover[b-tbshw4rhks],
card-body payment-details card-input > input:focus[b-tbshw4rhks],
card-body payment-details card-input > input:focus-within[b-tbshw4rhks] {
  border: 1px solid #5A61ED;
}
card-body payment-details card-input > input:hover[b-tbshw4rhks],
card-body payment-details card-input > input:focus[b-tbshw4rhks],
card-body payment-details card-input > input:focus-within[b-tbshw4rhks] {
  z-index: 1;
}
card-body payment-details card-input > input.bottom-left[b-tbshw4rhks] {
  border-bottom-left-radius: 8px;
}
card-body payment-details card-input > input.bottom-right[b-tbshw4rhks] {
  border-bottom-right-radius: 8px;
}
/* /Components/AddProject/AddAttachmentContents.razor.rz.scp.css */
upload[b-lqehh86pwc] {
  display: block;
  cursor: pointer;
  position: relative;
  color: black;
  color: #1D1C20;
  font-size: 16px;
  height: 6em;
  width: 6em;
  border-radius: 8px;
  border: 1px solid #EDEDED;
  display: flex;
  align-items: center;
  justify-content: center;
}
/* /Components/AddProject/AdditionalTotalRow.razor.rz.scp.css */
row[b-mlieqnd0w6] {
  display: contents;
}
row label[b-mlieqnd0w6] {
  grid-column: 1;
}
row percent[b-mlieqnd0w6] {
  grid-column: 2;
  color: #64666C;
  text-align: right;
}
row[b-mlieqnd0w6]  display-for[type="currency"] {
  grid-column: 3;
  text-align: right;
}
row[b-mlieqnd0w6]  skeleton {
  grid-column: 3;
}
/* /Components/AddProject/AdditionalTotals.razor.rz.scp.css */
additional-totals[b-un342m0t2o] {
  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;
  padding: 10px 30px;
}
additional-totals description[b-un342m0t2o] {
  grid-column: 1/-1;
}
additional-totals description[b-un342m0t2o]  expandable-section {
  color: #777;
  margin-left: 10px;
  gap: 16px;
}
additional-totals description[b-un342m0t2o]  expandable-section heading img {
  display: none;
}
additional-totals description[b-un342m0t2o]  expandable-section > content {
  margin-bottom: 10px;
  background-color: #EEE;
  padding: 20px;
}
/* /Components/AddProject/Client/ExistingClient.razor.rz.scp.css */
empty-selected-item[b-mmslpjwr5z] {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 5px;
  font-size: 14px;
  line-height: 1.2;
  color: #000036;
}
empty-selected-item img[b-mmslpjwr5z] {
  width: 10.3px;
  height: 10.3px;
}
prefilled-client[b-mmslpjwr5z] {
  border: none;
  border: 1px solid #7ABDFF;
  border-radius: 4px;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: -0.05px;
  box-shadow: 0px 1.5px 4px -1px rgba(10, 9, 11, 0.07);
  padding: 10px;
  background-color: white;
  color: #000036;
  display: block;
}
/* /Components/AddProject/Client/NewClient.razor.rz.scp.css */
existing-client[b-ruhvq5opjs] {
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: 5px;
}
existing-client button[b-ruhvq5opjs] {
  border: none;
  padding: 0 !important;
  color: #5A61ED;
  background: none !important;
}
/* /Components/AddProject/Client/SelectForContactFooter.razor.rz.scp.css */
select-for-footer[b-ayawvs4rox] {
  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[b-9hoq65rlpu] {
  display: flex;
  flex-direction: column;
  gap: 25px;
  max-width: 340px;
}
commitment options-loading[b-9hoq65rlpu] {
  -webkit-animation: skeleton-loading 1s linear infinite alternate;
          animation: skeleton-loading 1s linear infinite alternate;
  padding: 10px;
  font-size: 14px;
  border-radius: 4px;
  display: block;
  height: 1lh;
  box-sizing: content-box;
}
commitment description[b-9hoq65rlpu] {
  display: flex;
  flex-direction: column;
  gap: 11px;
  align-items: center;
  color: #000036;
  background-color: #F6F6F6;
  border-radius: 6px;
  padding: 18px;
}
commitment description h3[b-9hoq65rlpu] {
  font-size: 14px;
  font-weight: 600;
}
commitment description p[b-9hoq65rlpu] {
  font-size: 12px;
  margin-bottom: 0;
}
commitment committment-summary[b-9hoq65rlpu] {
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 5px;
}
commitment committment-summary amount[b-9hoq65rlpu] {
  font-weight: 600;
  font-size: 25px;
}
commitment committment-summary aside[b-9hoq65rlpu] {
  font-size: 10px;
  font-weight: 400;
}
recommended-commitment[b-9hoq65rlpu] {
  display: flex;
  flex-direction: row;
  gap: 7.95px;
  align-items: start;
  padding: 8px 11px;
  border-radius: 6px;
  background-color: #7ABDFF;
  font-size: 0.75rem;
  line-height: 1.38658333;
  letter-spacing: -0.01166667em;
  color: #000036;
}
/* /Components/AddProject/ConfirmationDetails.razor.rz.scp.css */
card[b-04s5m5fsql] {
  padding: 30px;
  display: flex;
  flex-direction: column;
  gap: 35px;
  border-radius: 5px;
  background-color: white;
  box-shadow: 0px 2px 25px 0px rgba(100, 102, 108, 0.1);
  color: #0A090B;
}
@media only screen and (max-width: 500px) {
  card[b-04s5m5fsql] {
    padding: 30px 10px;
  }
}
card[b-04s5m5fsql]  h1 {
  font-size: 1.5rem;
  line-height: 1.16666667;
  letter-spacing: -0.03em;
  font-weight: 400;
}
card amount[b-04s5m5fsql],
card commitment[b-04s5m5fsql] {
  font-size: 1.5rem;
  line-height: 1.16666667;
  letter-spacing: -0.03em;
}
card amount[b-04s5m5fsql] {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
@media only screen and (max-width: 500px) {
  card amount[b-04s5m5fsql] {
    flex-direction: column;
    align-items: start;
    gap: 10px;
  }
}
card.minor[b-04s5m5fsql] {
  background-color: transparent;
  box-shadow: none;
  padding-top: 10px;
  padding-bottom: 10px;
}
/* /Components/AddProject/ConfirmHeading.razor.rz.scp.css */
heading[b-k9eb8s8p8x] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 50px;
  color: white;
}
heading contacts[b-k9eb8s8p8x] {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
heading contacts contact[b-k9eb8s8p8x] {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 12px;
}
heading contacts contact[b-k9eb8s8p8x]  avatar {
  --avatar-size: 34px;
  border: 1px solid white;
}
heading contacts contact contact-name[b-k9eb8s8p8x] {
  font-size: 1.17725rem;
  line-height: 1.5934381;
  letter-spacing: -0.02999575em;
  font-weight: 500;
}
heading project[b-k9eb8s8p8x] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
}
heading project site-address[b-k9eb8s8p8x] {
  font-size: 1.2653125rem;
  line-height: 1.23536676;
  letter-spacing: -0.02998271em;
  font-weight: 600;
}
heading project name[b-k9eb8s8p8x] {
  font-size: 2.58675rem;
  line-height: 1.22221417;
  letter-spacing: -0.0300087em;
}
/* /Components/AddProject/ConfirmProjectTemplate.razor.rz.scp.css */
confirm-project[b-ul8wsf5vyz] {
  width: 100%;
  max-width: 1024px;
  display: flex;
  flex-direction: column;
  gap: 15px;
  margin: auto;
}
confirm-project[b-ul8wsf5vyz]  button.primary {
  padding: 30px !important;
  border-radius: 5px !important;
  box-shadow: 0px 2px 25px 0px rgba(100, 102, 108, 0.1);
  background-color: var(--primary-colour);
  border-color: var(--primary-colour);
  font-size: 1.5rem !important;
  line-height: 1.16666667 !important;
  letter-spacing: -0.03em !important;
  font-weight: 600 !important;
}
/* /Components/AddProject/Disclaimer.razor.rz.scp.css */
disclaimer[b-x3t67h43f8] {
  color: #0A090B;
  display: flex;
  flex-direction: column;
  gap: 25px;
  text-align: center;
  opacity: 0.6;
  align-self: center;
  margin-top: 65px;
  max-width: 750px;
}
disclaimer h2[b-x3t67h43f8] {
  margin-block: 14px;
  font-size: 1rem;
  line-height: 1.375;
  letter-spacing: -0.01125em;
  font-weight: 600;
}
disclaimer p[b-x3t67h43f8] {
  margin: 0;
  font-size: 0.875rem;
  line-height: 1.42857143;
  letter-spacing: -0.00357143em;
}
/* /Components/AddProject/FromQuote.razor.rz.scp.css */
span[b-bq00axqzkt] {
  color: #64666C;
  font-size: 0.8em;
  text-align: center;
}
/* /Components/AddProject/Milestones.razor.rz.scp.css */
milestone-edit-page[b-s6lwj4vrj8] {
  display: flex;
  gap: 24px;
}
@media only screen and (max-width: 700px) {
  milestone-edit-page[b-s6lwj4vrj8] {
    flex-direction: column;
  }
  milestone-edit-page summary-area[b-s6lwj4vrj8] {
    width: initial;
  }
}
milestones[b-s6lwj4vrj8] {
  display: grid;
  --num-columns: 3;
  grid-template-columns: repeat(var(--num-columns), minmax(0, 1fr));
  grid-auto-rows: -webkit-max-content;
  grid-auto-rows: max-content;
  gap: 25px;
  max-width: 1000px;
  min-height: min(350px, 75vh);
  justify-content: left;
  flex-grow: 1;
}
milestones[b-s6lwj4vrj8]  milestone {
  min-height: 200px;
}
@media only screen and (max-width: 1300px) {
  milestones[b-s6lwj4vrj8] {
    --num-columns: 2;
  }
}
@media only screen and (max-width: 900px) {
  milestones[b-s6lwj4vrj8] {
    --num-columns: 1;
  }
}
add-milestone[b-s6lwj4vrj8] {
  padding: 20px;
  border-radius: 7px;
  display: flex;
  flex-direction: column;
  border: 1px dashed #5A61ED;
}
add-milestone.loading[b-s6lwj4vrj8] {
  -webkit-animation: skeleton-loading-border 1s linear infinite alternate;
          animation: skeleton-loading-border 1s linear infinite alternate;
}
add-milestone plus[b-s6lwj4vrj8] {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 105px;
  font-weight: 100;
  opacity: 0.25;
  flex-grow: 1;
}
add-milestone button[b-s6lwj4vrj8],
add-milestone[b-s6lwj4vrj8]  skeleton[data-skeleton-type="button"] {
  display: block;
  border-radius: 8px;
  padding: 10px;
}
add-milestone button[b-s6lwj4vrj8] {
  box-shadow: 0px 1.5px 4px -1px rgba(10, 9, 11, 0.07);
}
summary-heading[b-s6lwj4vrj8] {
  margin-bottom: 24px;
  display: flex;
  flex-direction: column;
  gap: 15px;
  color: #000036;
}
summary-heading h1[b-s6lwj4vrj8] {
  font-size: 24px;
  letter-spacing: -0.6px;
  font-weight: 400;
}
summary-heading sub-heading[b-s6lwj4vrj8] {
  font-size: 16px;
  letter-spacing: -0.36px;
  font-weight: 500;
}
summary-area[b-s6lwj4vrj8] {
  display: flex;
  flex-direction: column;
  width: 30%;
  flex-shrink: 0;
}
@media only screen and (max-width: 900px) {
  summary-area[b-s6lwj4vrj8] {
    width: 50%;
  }
}
milestone-summary-list[b-s6lwj4vrj8] {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  gap: 5px;
  margin-bottom: 20px;
}
milestone-summary[b-s6lwj4vrj8] {
  display: grid;
  grid-auto-flow: column;
  grid-template-columns: auto 1fr auto auto;
  grid-gap: 5px;
  align-items: center;
  border-radius: 4px;
  border: solid 1px #EDEDED;
  padding: 12px;
  font-size: 14px;
  color: #000036;
}
milestone-summary[b-s6lwj4vrj8]  display-for[type="currency"] {
  font-weight: 500;
}
milestone-summary button.edit-milestone[b-s6lwj4vrj8] {
  background-color: transparent;
  color: inherit;
  border: none;
  background: none !important;
  padding: 10px;
  margin: -10px;
}
milestone-summary button.edit-milestone[b-s6lwj4vrj8]::before {
  font-family: 'Font Awesome 6 Pro';
  font-weight: 400;
  content: "\f303";
  margin: 0;
}
totals[b-s6lwj4vrj8] {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
retention[b-s6lwj4vrj8],
[b-s6lwj4vrj8] sub-total,
[b-s6lwj4vrj8] gst,
[b-s6lwj4vrj8] total {
  padding: 12px;
  font-size: 14px;
  border-radius: 4px;
}
retention[b-s6lwj4vrj8] {
  display: grid;
  grid-auto-flow: column;
  grid-template-columns: 1fr auto auto;
  grid-gap: 10px;
  color: #000036;
  border: 1px solid #F8F8F8;
}
/* /Components/AddProject/NewProject.razor.rz.scp.css */
[b-rylrsbe1z5] [Breezer-editor-for-html-fragment],
[b-rylrsbe1z5] skeleton[data-skeleton-type="input"] {
  height: 255px;
}
/* /Components/AddProject/ProjectAddress.razor.rz.scp.css */
/* /Components/AddProject/ProjectAttachments.razor.rz.scp.css */
description[b-lqgh071n31] {
  display: flex;
  flex-direction: column;
  gap: 35px;
}
description[b-lqgh071n31]  display-for[type="html-fragment"] {
  font-size: 0.875rem;
  line-height: 1.42857143;
  letter-spacing: -0.00357143em;
}
description[b-lqgh071n31]  loading-spinner {
  align-self: center;
}
attachments[b-lqgh071n31] {
  display: flex;
  flex-direction: column;
  gap: 13px;
}
attachments h3[b-lqgh071n31] {
  font-size: 0.75rem;
  line-height: 2.33333333;
  letter-spacing: -0.03em;
  font-weight: 500;
  color: #0A090B;
}
attachments[b-lqgh071n31]  editor-for[type=document-list] {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
}
attachments[b-lqgh071n31]  editor-for[type=document-list] document-list {
  display: contents;
}
attachments[b-lqgh071n31]  editor-for[type=document-list] document-list items {
  display: contents;
}
attachments[b-lqgh071n31]  editor-for[type=document-list] file-upload {
  order: 1;
}
/* /Components/AddProject/ProjectEditor.razor.rz.scp.css */
project-name.project[b-j7w0sa375g] {
  background-color: #5A61ED;
  color: white;
}
project-name.variation[b-j7w0sa375g] {
  background-color: white;
  color: #F95608;
}
project-name.loading[b-j7w0sa375g] {
  -webkit-animation: skeleton-loading 1s linear infinite alternate;
          animation: skeleton-loading 1s linear infinite alternate;
  box-sizing: content-box;
  height: 1lh;
  width: 5em;
}
button.project[b-j7w0sa375g] {
  border-color: #5A61ED;
}
project-editor[b-j7w0sa375g] {
  display: flex;
  flex-direction: column;
  gap: 25px;
}
project-editor section-contents[b-j7w0sa375g],
project-editor buttons[b-j7w0sa375g] {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
project-editor buttons[b-j7w0sa375g] {
  width: 100%;
  max-width: var(--default-width, 400px);
  align-self: end;
}
project-editor buttons main-buttons[b-j7w0sa375g] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
}
project-editor buttons main-buttons[back-hidden][b-j7w0sa375g] {
  grid-template-columns: 1fr;
}
project-editor buttons main-buttons[back-hidden] .back-button[b-j7w0sa375g] {
  display: none;
}
project-editor buttons main-buttons[b-j7w0sa375g]  button {
  width: 100%;
}
@media only screen and (max-width: 1000px) {
  project-editor buttons[b-j7w0sa375g] {
    max-width: unset;
  }
  project-editor buttons .back-button[b-j7w0sa375g] {
    display: none;
  }
  project-editor buttons main-buttons[b-j7w0sa375g] {
    grid-template-columns: 1fr;
  }
}
project-editor[b-j7w0sa375g]  input {
  border: none;
  border: 1px solid #7ABDFF;
  border-radius: 4px;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: -0.05px;
  box-shadow: 0px 1.5px 4px -1px rgba(10, 9, 11, 0.07);
  padding: 10px;
  background-color: white;
  color: #000036;
  min-width: unset;
}
project-editor[b-j7w0sa375g]  input::-webkit-input-placeholder {
  color: #7F7D83;
  opacity: 1;
}
project-editor[b-j7w0sa375g]  input::-moz-placeholder {
  color: #7F7D83;
  opacity: 1;
}
project-editor[b-j7w0sa375g]  input::-ms-input-placeholder {
  color: #7F7D83;
  opacity: 1;
}
project-editor[b-j7w0sa375g]  input::placeholder {
  color: #7F7D83;
  opacity: 1;
}
project-editor[b-j7w0sa375g]  input:hover,
project-editor[b-j7w0sa375g]  input:focus,
project-editor[b-j7w0sa375g]  input:focus-within {
  border: 1px solid #5A61ED;
}
project-editor[b-j7w0sa375g]  editor-for-string input {
  width: 100%;
}
project-editor[b-j7w0sa375g]  button:not([class^='ql']) {
  font-size: 0.875rem;
  line-height: 1.42857143;
  letter-spacing: -0.00357143em;
  font-weight: 475;
}
project-editor[b-j7w0sa375g]  button:not([class^='ql']):not(.inline) {
  padding: 10px 14px;
  border-radius: 6px;
  background-color: var(--primary-colour);
}
project-editor[b-j7w0sa375g]  button:not([class^='ql']).secondary {
  background: none;
}
project-editor[b-j7w0sa375g]  button:not([class^='ql']).cancel,
project-editor[b-j7w0sa375g]  button:not([class^='ql']).discard-variation {
  background: none;
  border: none;
  text-decoration: underline;
}
@media only screen and (max-width: 700px) {
  project-editor[b-j7w0sa375g]  button:not([class^='ql']).cancel,
  project-editor[b-j7w0sa375g]  button:not([class^='ql']).discard-variation {
    text-decoration: none;
  }
}
project-editor[b-j7w0sa375g]  button:not([class^='ql']).discard-variation {
  color: #EB2828;
}
h1.project-name[b-j7w0sa375g] {
  display: none;
  max-width: 600px;
  width: 100%;
  margin: auto;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-align: center;
  font-size: 19px;
}
@media only screen and (max-width: 1000px) {
  h1.project-name[b-j7w0sa375g] {
    display: block;
  }
  h1.stage-name[b-j7w0sa375g] {
    display: none;
  }
}
/* /Components/AddProject/ProjectEditorNavigation.razor.rz.scp.css */
project-editor-navigation[b-ipi6t4k5j0] {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  -webkit-column-gap: 7px;
     -moz-column-gap: 7px;
          column-gap: 7px;
  row-gap: 20px;
}
project-editor-navigation[b-ipi6t4k5j0]  > * {
  flex-shrink: 0;
}
@media only screen and (max-width: 1000px) {
  project-editor-navigation[b-ipi6t4k5j0] {
    justify-content: start;
    padding: 0 30px;
    flex-wrap: nowrap;
    max-width: 100vw;
    overflow-x: auto;
  }
}
/* /Components/AddProject/ProjectEditorNavigationItem.razor.rz.scp.css */
navigation-item[b-auaq8mmc6e] {
  color: white;
  font-size: 14px;
  letter-spacing: -0.05px;
}
navigation-item.can-click[b-auaq8mmc6e] {
  cursor: pointer;
  opacity: 0.6;
}
@media only screen and (max-width: 1000px) {
  navigation-item[b-auaq8mmc6e] {
    padding: 30px 0;
  }
}
.blur[b-auaq8mmc6e] {
  opacity: 0.35;
  -webkit-filter: blur(1px);
          filter: blur(1px);
}
/* /Components/AddProject/ProjectOverview.razor.rz.scp.css */
description[b-1po353l8zb] {
  display: flex;
  flex-direction: column;
  gap: 35px;
}
description[b-1po353l8zb]  display-for[type="html-fragment"] {
  font-size: 0.875rem;
  line-height: 1.42857143;
  letter-spacing: -0.00357143em;
}
description[b-1po353l8zb]  loading-spinner {
  align-self: center;
}
attachments[b-1po353l8zb] {
  display: flex;
  flex-direction: column;
  gap: 13px;
}
attachments h3[b-1po353l8zb] {
  font-size: 0.75rem;
  line-height: 2.33333333;
  letter-spacing: -0.03em;
  font-weight: 500;
  color: #0A090B;
}
attachments[b-1po353l8zb]  editor-for[type=document-list] {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
}
attachments[b-1po353l8zb]  editor-for[type=document-list] document-list {
  display: contents;
}
attachments[b-1po353l8zb]  editor-for[type=document-list] document-list items {
  display: contents;
}
attachments[b-1po353l8zb]  editor-for[type=document-list] file-upload {
  order: 1;
}
/* /Components/AddProject/RejectProjectInvitation.razor.rz.scp.css */
textarea[b-3fmwadehqc] {
  border: none;
  border: 1px solid #7ABDFF;
  border-radius: 4px;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: -0.05px;
  box-shadow: 0px 1.5px 4px -1px rgba(10, 9, 11, 0.07);
  padding: 10px;
  background-color: white;
  color: #000036;
  resize: none;
}
textarea[b-3fmwadehqc]::-webkit-input-placeholder {
  color: #7F7D83;
  opacity: 1;
}
textarea[b-3fmwadehqc]::-moz-placeholder {
  color: #7F7D83;
  opacity: 1;
}
textarea[b-3fmwadehqc]::-ms-input-placeholder {
  color: #7F7D83;
  opacity: 1;
}
textarea[b-3fmwadehqc]::placeholder {
  color: #7F7D83;
  opacity: 1;
}
textarea:hover[b-3fmwadehqc],
textarea:focus[b-3fmwadehqc],
textarea:focus-within[b-3fmwadehqc] {
  border: 1px solid #5A61ED;
}
buttons[b-3fmwadehqc] {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
}
buttons[b-3fmwadehqc]  > * {
  flex: 1 0 50%;
}
/* /Components/AddProject/RejectVariation.razor.rz.scp.css */
textarea[b-5nvd8j0d1n] {
  border: none;
  border: 1px solid #7ABDFF;
  border-radius: 4px;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: -0.05px;
  box-shadow: 0px 1.5px 4px -1px rgba(10, 9, 11, 0.07);
  padding: 10px;
  background-color: white;
  color: #000036;
  resize: none;
}
textarea[b-5nvd8j0d1n]::-webkit-input-placeholder {
  color: #7F7D83;
  opacity: 1;
}
textarea[b-5nvd8j0d1n]::-moz-placeholder {
  color: #7F7D83;
  opacity: 1;
}
textarea[b-5nvd8j0d1n]::-ms-input-placeholder {
  color: #7F7D83;
  opacity: 1;
}
textarea[b-5nvd8j0d1n]::placeholder {
  color: #7F7D83;
  opacity: 1;
}
textarea:hover[b-5nvd8j0d1n],
textarea:focus[b-5nvd8j0d1n],
textarea:focus-within[b-5nvd8j0d1n] {
  border: 1px solid #5A61ED;
}
buttons[b-5nvd8j0d1n] {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
}
buttons[b-5nvd8j0d1n]  > * {
  flex: 1 0 50%;
}
/* /Components/AddProject/UploadFiles.razor.rz.scp.css */
[b-2cnxx6z0pm] editor-for[type=document-list] {
  gap: 35px;
  flex-direction: column;
}
[b-2cnxx6z0pm] editor-for[type=document-list] document-list {
  display: flex;
  flex-direction: column;
  gap: 13px;
}
[b-2cnxx6z0pm] editor-for[type=document-list] document-list h3 {
  font-size: 0.75rem;
  line-height: 2.33333333;
  letter-spacing: -0.03em;
  font-weight: 500;
  color: #0A090B;
}
[b-2cnxx6z0pm] editor-for[type=document-list] document-list items {
  display: flex;
  flex-direction: row;
  align-items: start;
  flex-wrap: wrap;
  gap: 6px;
}
/* /Components/Addresses/Address.razor.rz.scp.css */
address-section[b-ldig604lp9]  .entry {
  display: flex;
  flex-direction: column;
  gap: 20px;
  height: auto;
  max-height: 500px;
}
address-section[b-ldig604lp9]  .entry.hidden {
  display: none;
}
@media only screen and (min-width: 501px ) {
  .entry.google[b-ldig604lp9]  .popup {
    max-width: calc(100vw - 46px);
  }
}
state-and-postcode[b-ldig604lp9] {
  display: contents;
}
state-and-postcode[b-ldig604lp9]  dropdown-selected {
  border: none;
  border: 1px solid #7ABDFF;
  border-radius: 4px;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: -0.05px;
  box-shadow: 0px 1.5px 4px -1px rgba(10, 9, 11, 0.07);
  padding: 10px;
  background-color: white;
  color: #000036;
}
state-and-postcode[b-ldig604lp9]  dropdown-selected::-webkit-input-placeholder {
  color: #7F7D83;
  opacity: 1;
}
state-and-postcode[b-ldig604lp9]  dropdown-selected::-moz-placeholder {
  color: #7F7D83;
  opacity: 1;
}
state-and-postcode[b-ldig604lp9]  dropdown-selected::-ms-input-placeholder {
  color: #7F7D83;
  opacity: 1;
}
state-and-postcode[b-ldig604lp9]  dropdown-selected::placeholder {
  color: #7F7D83;
  opacity: 1;
}
state-and-postcode[b-ldig604lp9]  dropdown-selected:hover,
state-and-postcode[b-ldig604lp9]  dropdown-selected:focus,
state-and-postcode[b-ldig604lp9]  dropdown-selected:focus-within {
  border: 1px solid #5A61ED;
}
@media only screen and (min-width: 450px) {
  state-and-postcode[b-ldig604lp9] {
    border: none;
    border: 1px solid #7ABDFF;
    border-radius: 4px;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: -0.05px;
    box-shadow: 0px 1.5px 4px -1px rgba(10, 9, 11, 0.07);
    padding: 10px;
    background-color: white;
    color: #000036;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
  }
  state-and-postcode[b-ldig604lp9]::-webkit-input-placeholder {
    color: #7F7D83;
    opacity: 1;
  }
  state-and-postcode[b-ldig604lp9]::-moz-placeholder {
    color: #7F7D83;
    opacity: 1;
  }
  state-and-postcode[b-ldig604lp9]::-ms-input-placeholder {
    color: #7F7D83;
    opacity: 1;
  }
  state-and-postcode[b-ldig604lp9]::placeholder {
    color: #7F7D83;
    opacity: 1;
  }
  state-and-postcode:hover[b-ldig604lp9],
  state-and-postcode:focus[b-ldig604lp9],
  state-and-postcode:focus-within[b-ldig604lp9] {
    border: 1px solid #5A61ED;
  }
  state-and-postcode[b-ldig604lp9]  dropdown {
    flex-grow: 1;
  }
  state-and-postcode[b-ldig604lp9]  dropdown-selected {
    min-width: initial;
    border: none;
    outline: none;
    border-radius: 0;
    box-shadow: unset;
    padding: 0;
  }
  state-and-postcode[b-ldig604lp9]  dropdown-selected:hover,
  state-and-postcode[b-ldig604lp9]  dropdown-selected:focus {
    border: none;
    outline: none;
  }
  state-and-postcode[b-ldig604lp9]  dropdown-selected dropdown-indicator {
    display: none;
  }
  state-and-postcode[b-ldig604lp9]  editor-for-string input {
    border: none;
    outline: none;
    border-radius: 0;
    box-shadow: unset;
    padding: 0;
    text-align: end;
    width: 5em !important;
    min-width: 0;
  }
  state-and-postcode[b-ldig604lp9]  editor-for-string input:hover,
  state-and-postcode[b-ldig604lp9]  editor-for-string input:focus {
    border: none;
    outline: none;
  }
  state-and-postcode[b-ldig604lp9]  loading-input {
    border: none;
    outline: none;
    border-radius: 0;
    box-shadow: unset;
    padding: 0;
  }
  state-and-postcode[b-ldig604lp9]  loading-input:hover,
  state-and-postcode[b-ldig604lp9]  loading-input:focus {
    border: none;
    outline: none;
  }
}
state-and-postcode-validation[b-ldig604lp9]  validation-for {
  display: block;
}
[b-ldig604lp9] form-field {
  margin: 0;
}
/* /Components/Addresses/AddressLookupModelFooter.razor.rz.scp.css */
address-footer[b-ml99v38ycx] {
  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[b-ml99v38ycx] {
  height: 11px;
}
/* /Components/Addresses/AddressLookupValidationSummary.razor.rz.scp.css */
validation-for span[b-rtsvvao2hr] {
  color: #C92C10;
  font-size: 14px;
  margin-left: 10px;
}
/* /Components/Addresses/ReadOnlyAddressLookup.razor.rz.scp.css */
readonly-address[b-275v8t1sbq] {
  border: none;
  border: 1px solid #7ABDFF;
  border-radius: 4px;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: -0.05px;
  box-shadow: 0px 1.5px 4px -1px rgba(10, 9, 11, 0.07);
  padding: 10px;
  background-color: white;
  color: #000036;
}
/* /Components/AddWallet/AddBankAccount.razor.rz.scp.css */
actions[b-4jqbp51cmu] {
  display: flex;
  flex-direction: row;
  gap: 15px;
}
actions[b-4jqbp51cmu]  * {
  flex: 1 0 0;
}
/* /Components/AddWallet/NewWalletDetails.razor.rz.scp.css */
wallet-details[b-wi235n51ul] {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
wallet-details form-group[b-wi235n51ul] {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
wallet-details form-group label[b-wi235n51ul] {
  font-weight: 475;
  color: #2D2B32;
}
wallet-details form-group input[b-wi235n51ul] {
  border: none;
  border: 1px solid #7ABDFF;
  border-radius: 4px;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: -0.05px;
  box-shadow: 0px 1.5px 4px -1px rgba(10, 9, 11, 0.07);
  padding: 10px;
  background-color: white;
  color: #000036;
}
wallet-details form-group input[b-wi235n51ul]::-webkit-input-placeholder {
  color: #7F7D83;
  opacity: 1;
}
wallet-details form-group input[b-wi235n51ul]::-moz-placeholder {
  color: #7F7D83;
  opacity: 1;
}
wallet-details form-group input[b-wi235n51ul]::-ms-input-placeholder {
  color: #7F7D83;
  opacity: 1;
}
wallet-details form-group input[b-wi235n51ul]::placeholder {
  color: #7F7D83;
  opacity: 1;
}
wallet-details form-group input:hover[b-wi235n51ul],
wallet-details form-group input:focus[b-wi235n51ul],
wallet-details form-group input:focus-within[b-wi235n51ul] {
  border: 1px solid #5A61ED;
}
/* /Components/Attachments/AttachmentList.razor.rz.scp.css */
attachment-list[b-456kjkwsza] {
  display: flex;
  flex-direction: column;
  gap: 13px;
}
attachment-list h3[b-456kjkwsza] {
  font-size: 0.75rem;
  line-height: 2.33333333;
  letter-spacing: -0.03em;
  font-weight: 500;
  color: #0A090B;
}
attachment-list items[b-456kjkwsza] {
  display: flex;
  flex-direction: row;
  align-items: start;
  flex-wrap: wrap;
  gap: 6px;
}
/* /Components/Attachments/AttachmentUploadContents.razor.rz.scp.css */
upload[b-n0f18cidmy] {
  padding: 32px 24px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  border: 1px dashed #C9C9CC;
  border-radius: 8px;
}
upload.loading[b-n0f18cidmy] {
  -webkit-animation: skeleton-loading 1s linear infinite alternate;
          animation: skeleton-loading 1s linear infinite alternate;
  border: none;
}
upload.loading > *[b-n0f18cidmy] {
  visibility: hidden;
}
upload img[b-n0f18cidmy] {
  padding: 12px;
  border-radius: 8px;
  background-color: #F8F8F8;
}
upload text[b-n0f18cidmy] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
}
upload text instructions[b-n0f18cidmy] {
  font-size: 0.875rem;
  line-height: 1.42857143;
  letter-spacing: -0.00357143em;
  font-weight: 475;
  color: #0A090B;
}
upload text supported-types[b-n0f18cidmy] {
  font-size: 0.75rem;
  line-height: 1.5;
  letter-spacing: 0em;
  color: #4F4D55;
}
/* /Components/Attachments/DocumentViewDialog.razor.rz.scp.css */
document-view[b-sor89r9nhp] {
  display: flex;
  align-content: center;
  justify-content: center;
  background-color: transparent;
}
document-view[b-sor89r9nhp]  img {
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
[b-sor89r9nhp] icon.fa-download {
  position: absolute;
}
/* /Components/Attachments/LimitedAttachmentList.razor.rz.scp.css */
limited-attachment-list[b-iqo3au6fpd] {
  display: flex;
  flex-direction: row;
  align-items: start;
  flex-wrap: wrap;
  gap: 6px;
  align-items: end;
}
limited-attachment-list more[b-iqo3au6fpd] {
  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 > *[b-iqo3au6fpd] {
  display: block;
  cursor: pointer;
  position: relative;
  color: black;
  color: #1D1C20;
  font-size: 16px;
  height: 6em;
  width: 6em;
  border-radius: 8px;
  border: 1px solid #EDEDED;
  background-color: white;
}
limited-attachment-list more more-behind[b-iqo3au6fpd] {
  cursor: default;
}
limited-attachment-list more more-behind:nth-of-type(1)[b-iqo3au6fpd] {
  grid-row: 1/4;
  grid-column: 3/6;
}
limited-attachment-list more more-behind:nth-of-type(2)[b-iqo3au6fpd] {
  grid-row: 2/5;
  grid-column: 2/5;
}
limited-attachment-list more more-button[b-iqo3au6fpd] {
  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[b-iqo3au6fpd]  attachment-list,
limited-attachment-list[b-iqo3au6fpd]  attachment-list items {
  display: contents;
}
/* /Components/Attachments/SummaryForAttachment.razor.rz.scp.css */
summary-for-attachment[b-o2uwxtz9gh] {
  display: block;
  cursor: pointer;
  position: relative;
  color: black;
  color: #1D1C20;
  font-size: 16px;
  height: 6em;
  width: 6em;
  border-radius: 8px;
  border: 1px solid #EDEDED;
}
summary-for-attachment:not(.image)[b-o2uwxtz9gh] {
  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[b-o2uwxtz9gh] {
  grid-row: 1;
  align-self: center;
  justify-self: center;
  font-size: 2.5em;
}
summary-for-attachment:not(.image) name[b-o2uwxtz9gh] {
  grid-row: 2;
  align-self: end;
  font-size: 12px;
  font-weight: 475;
  color: #1D1C20;
  overflow: hidden;
  text-overflow: ellipsis;
}
summary-for-attachment[b-o2uwxtz9gh]  img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: inherit;
}
summary-for-attachment[b-o2uwxtz9gh]  page-loader {
  background: none;
}
summary-for-attachment[b-o2uwxtz9gh]  page-loader loading-spinner spinner[breezer-loading-spinner] {
  width: 20px;
  height: 20px;
  opacity: 0.5;
}
/* /Components/BankAccount/BankAccountDisplay.razor.rz.scp.css */
link-bank-account-details[b-48vy4n774s] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-row-gap: 10px;
}
link-bank-account-details item[b-48vy4n774s] {
  display: contents;
}
link-bank-account-details[b-48vy4n774s]  skeleton {
  grid-column-end: span 2;
}
button[b-48vy4n774s] {
  width: initial !important;
}
/* /Components/BankAccount/BankAccountDisplayWithBorders.razor.rz.scp.css */
bank-details[b-8ph40h2i48] {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
bank-details.loading bank-row[b-8ph40h2i48] {
  -webkit-animation: skeleton-loading 1s linear infinite alternate;
          animation: skeleton-loading 1s linear infinite alternate;
  border: none;
}
bank-details.loading bank-row > *[b-8ph40h2i48] {
  visibility: hidden;
}
bank-details.not-set bank-row :nth-child(2)[b-8ph40h2i48] {
  color: #64666C;
}
bank-row[b-8ph40h2i48] {
  border: none;
  border: 1px solid #7ABDFF;
  border-radius: 4px;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: -0.05px;
  box-shadow: 0px 1.5px 4px -1px rgba(10, 9, 11, 0.07);
  padding: 10px;
  background-color: white;
  color: #000036;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
/* /Components/BankAccount/BankAccountEditDisclaimer.razor.rz.scp.css */
p[b-j9xc1p3776] {
  font-size: 10px;
  line-height: 12px;
}
/* /Components/BankAccount/ConfirmLinkBankAccount.razor.rz.scp.css */
error[b-wmh45sm8sg] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  align-items: start;
  color: #E73F3F;
}
error button[b-wmh45sm8sg] {
  padding: 0 !important;
  border: none !important;
  background: none !important;
  color: #5A61ED !important;
}
/* /Components/BankAccount/EditorForBankAccount.razor.rz.scp.css */
editor-for[b-2gkbtia7m1] {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
editor-for[b-2gkbtia7m1]  form-field {
  margin: 0;
}
editor-for[b-2gkbtia7m1]  form-field label {
  font-weight: 475;
  color: #2D2B32;
}
editor-for[b-2gkbtia7m1]  form-field input {
  min-width: 0;
  width: 100%;
  border: none;
  border: 1px solid #7ABDFF;
  border-radius: 4px;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: -0.05px;
  box-shadow: 0px 1.5px 4px -1px rgba(10, 9, 11, 0.07);
  padding: 10px;
  background-color: white;
  color: #000036;
}
editor-for[b-2gkbtia7m1]  form-field input::-webkit-input-placeholder {
  color: #7F7D83;
  opacity: 1;
}
editor-for[b-2gkbtia7m1]  form-field input::-moz-placeholder {
  color: #7F7D83;
  opacity: 1;
}
editor-for[b-2gkbtia7m1]  form-field input::-ms-input-placeholder {
  color: #7F7D83;
  opacity: 1;
}
editor-for[b-2gkbtia7m1]  form-field input::placeholder {
  color: #7F7D83;
  opacity: 1;
}
editor-for[b-2gkbtia7m1]  form-field input:hover,
editor-for[b-2gkbtia7m1]  form-field input:focus,
editor-for[b-2gkbtia7m1]  form-field input:focus-within {
  border: 1px solid #5A61ED;
}
/* /Components/BankAccount/LinkBankAccount.razor.rz.scp.css */
loading[b-5oqyypfuo5] {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
/* /Components/BankAccount/LinkedAccountDialog.razor.rz.scp.css */
linked-account[b-x6zm6kdh5f] {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
span.pending[b-x6zm6kdh5f] {
  font-size: 10px;
  line-height: 12px;
  color: darkred;
}
pending-actions[b-x6zm6kdh5f] {
  display: flex;
  flex-direction: row;
  gap: 5px;
}
pending-actions[b-x6zm6kdh5f]  > * {
  flex-grow: 1;
}
/* /Components/Buttons/DisableableButton.razor.rz.scp.css */
[b-7tjgaojjsu] button {
  width: 100%;
}
/* /Components/Cards/Card.razor.rz.scp.css */
card[b-uy9vwr3owo] {
  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[b-uy9vwr3owo] {
    padding: 30px 10px;
  }
}
@media only screen and (max-width: 500px) {
  card[b-uy9vwr3owo] {
    min-width: unset;
  }
}
card h2[b-uy9vwr3owo] {
  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[b-uy9vwr3owo] {
  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[b-uy9vwr3owo] {
  font-size: 0.75rem;
  line-height: 1.5;
  letter-spacing: -0.02666667em;
  font-weight: 400;
  color: #5F5F61;
}
card card-contents description:empty[b-uy9vwr3owo] {
  display: none;
}
/* /Components/Cards/CardActions.razor.rz.scp.css */
actions[b-347va6nnoc] {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 16px;
}
actions a[b-347va6nnoc],
actions[b-347va6nnoc]  button {
  font-size: 0.75rem;
  line-height: 1.0785;
  letter-spacing: -0.00883333em;
  font-weight: 600;
  padding: 9px 12px;
  background-color: white;
  color: #5A61ED;
  border-radius: 4.549px;
  border: 1px solid #5A61ED;
}
actions img[b-347va6nnoc] {
  margin-left: -8px;
}
/* /Components/Cards/HeadingCardContainer.razor.rz.scp.css */
card[b-hgfeli1o4w] {
  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[b-hgfeli1o4w] {
    padding: 30px 10px;
  }
}
card.has-separator[b-hgfeli1o4w] {
  padding-bottom: 42px;
}
/* /Components/Cards/HeadingCardContents.razor.rz.scp.css */
heading[b-s5if9v0s32] {
  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[b-s5if9v0s32] {
    grid-template-columns: minmax(0, 1fr);
  }
}
heading main-heading[b-s5if9v0s32] {
  grid-row: 1;
  grid-column: 1;
}
heading main-heading[b-s5if9v0s32],
heading main-heading[b-s5if9v0s32]  h1 {
  font-size: 24px;
  letter-spacing: -0.72px;
  font-weight: 400;
  color: #0A090B;
}
heading sub-heading[b-s5if9v0s32] {
  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: #5F5F61;
  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[b-s5if9v0s32] {
    grid-column-end: span 1;
  }
}
heading actions[b-s5if9v0s32] {
  grid-row: 1;
  grid-column: 2;
}
@media only screen and (max-width: 600px) {
  heading actions[b-s5if9v0s32] {
    grid-row: initial;
    grid-column: 1;
  }
}
heading actions:empty[b-s5if9v0s32] {
  display: none;
}
@media only screen and (max-width: 500px) {
  heading[b-s5if9v0s32] {
    gap: 20px;
  }
}
hr[b-s5if9v0s32] {
  width: 100%;
  height: 1px;
  background-color: #F1F1F1;
  border: none;
}
card-contents[b-s5if9v0s32] {
  display: flex;
  gap: 24px;
}
card-contents.row[b-s5if9v0s32] {
  flex-direction: row;
  flex-wrap: wrap;
}
card-contents.row[b-s5if9v0s32] >  * {
  flex: 1 0 0;
}
@media only screen and (max-width: 700px) {
  card-contents.row[b-s5if9v0s32] {
    flex-direction: column;
  }
}
card-contents.column[b-s5if9v0s32] {
  flex-direction: column;
}
footer[b-s5if9v0s32] {
  align-self: center;
}
/* /Components/Cards/ListItemCard.razor.rz.scp.css */
card[b-8uuuo5wfgx] {
  display: block;
  background-color: white;
  padding: 20px 24px;
  border-radius: 4px;
  border: 1px solid #EDEDED;
  color: #000036;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
card.can-click[b-8uuuo5wfgx] {
  cursor: pointer;
}
card.can-click[b-8uuuo5wfgx]  .ql-editor > * {
  cursor: pointer;
}
card name[b-8uuuo5wfgx] {
  display: block;
  font-size: 18px;
  letter-spacing: -0.442px;
}
card sub-heading[b-8uuuo5wfgx] {
  display: block;
  font-size: 11px;
  font-weight: 475;
  align-self: start;
  white-space: nowrap;
  padding-bottom: 5px;
}
heading[b-8uuuo5wfgx] {
  display: grid;
  grid-template-columns: -webkit-max-content 1fr -webkit-max-content;
  grid-template-columns: max-content 1fr max-content;
}
heading name[b-8uuuo5wfgx] {
  grid-row: 1;
  grid-column: 1;
}
heading sub-heading[b-8uuuo5wfgx] {
  grid-row: 2;
  grid-column: 1;
}
heading top-right[b-8uuuo5wfgx] {
  grid-row: 1/3;
  grid-column: 3;
}
/* /Components/Cards/OutlinedCard.razor.rz.scp.css */
card[b-lkx8sh3v63] {
  box-shadow: none;
  border-radius: 5px;
  border: solid 1px #DADAE2;
  display: block;
}
card > div[b-lkx8sh3v63] {
  padding: 15px;
}
div.heading[b-lkx8sh3v63] {
  border-bottom: solid 1px #DADAE2;
}
/* /Components/Claims/ClaimCard.razor.rz.scp.css */
claim-card[b-p2pw8837w9] {
  --draft: #64666C;
  --pending: #7ABDFF;
  --approved: #5A61ED;
}
claim-card parts[b-p2pw8837w9] {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
claim-card parts part[b-p2pw8837w9] {
  display: grid;
  grid-template-columns: -webkit-max-content 1fr repeat(2, -webkit-max-content);
  grid-template-columns: max-content 1fr repeat(2, max-content);
  grid-column-gap: 5px;
  padding: 10px;
  border-radius: 4px;
  border: 1px solid #EDEDED;
  color: #000036;
}
claim-card parts part[b-p2pw8837w9]  number,
claim-card parts part name[b-p2pw8837w9] {
  font-size: 11px;
}
claim-card parts part number[b-p2pw8837w9] {
  letter-spacing: -0.058px;
  font-weight: 600;
}
claim-card parts part percent[b-p2pw8837w9],
claim-card parts part amount[b-p2pw8837w9] {
  font-size: 12px;
  letter-spacing: -0.27px;
  font-weight: 500;
}
claim-card parts part percent[b-p2pw8837w9] {
  opacity: 0.35;
}
claim-card total[b-p2pw8837w9],
claim-card total-loading[b-p2pw8837w9] {
  padding: 10px;
  border-radius: 4px;
}
claim-card total[b-p2pw8837w9] {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  border: 1px solid #7ABDFF;
}
claim-card total label[b-p2pw8837w9] {
  font-size: 12px;
}
claim-card total[b-p2pw8837w9]  display-for[type="currency"] {
  font-size: 14px;
  letter-spacing: -0.27px;
  font-weight: 500;
}
claim-card total-loading[b-p2pw8837w9] {
  -webkit-animation: skeleton-loading 1s linear infinite alternate;
          animation: skeleton-loading 1s linear infinite alternate;
  font-size: 14px;
  display: block;
  box-sizing: content-box;
  height: 1lh;
}
/* /Components/Claims/ClaimDetails.razor.rz.scp.css */
card[b-x6kwsu1id6] {
  background-color: white;
  padding: 41px 34px;
  display: block;
}
card.show-parts[b-x6kwsu1id6] {
  max-width: 1200px;
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 24px;
}
@media only screen and (max-width: 700px) {
  card.show-parts[b-x6kwsu1id6] {
    gap: 50px;
    grid-template-columns: 1fr;
  }
}
card[b-x6kwsu1id6]  heading h1 {
  font-size: 1.5rem;
  line-height: 1.16666667;
  letter-spacing: -0.03em;
  font-weight: 600;
}
card[b-x6kwsu1id6]  heading p {
  margin: 0;
  grid-column-end: span 2;
  font-size: 0.875rem;
  line-height: 1.42857143;
  letter-spacing: -0.00357143em;
  font-weight: 475;
}
card[b-x6kwsu1id6]  heading declined-indicator {
  background-color: #961616;
  border-radius: 5px;
}
heading[b-x6kwsu1id6] {
  display: grid;
  grid-template-columns: 1fr -webkit-max-content;
  grid-template-columns: 1fr max-content;
  grid-row-gap: 12px;
}
heading p[b-x6kwsu1id6] {
  grid-column-end: span 2;
}
claim[b-x6kwsu1id6] {
  display: flex;
  flex-direction: column;
  gap: 24px;
  flex-grow: 1;
}
claim heading h1[b-x6kwsu1id6] {
  display: flex;
  flex-direction: row;
  align-items: start;
  justify-content: space-between;
}
claim parts[b-x6kwsu1id6] {
  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[b-x6kwsu1id6] {
    --num-columns: 1;
  }
}
/* /Components/Claims/ClaimListCard.razor.rz.scp.css */
claim-list-items[b-i812ez1pxp]  list-items[item-type="card"] {
  --num-columns: 3;
  grid-template-columns: repeat(var(--num-columns), 1fr);
  grid-auto-rows: -webkit-max-content;
  grid-auto-rows: max-content;
  grid-row-gap: 15px;
  grid-column-gap: 20px;
}
@media only screen and (max-width: 900px) {
  claim-list-items[b-i812ez1pxp]  list-items[item-type="card"] {
    --num-columns: 2;
  }
}
@media only screen and (max-width: 700px) {
  claim-list-items[b-i812ez1pxp]  list-items[item-type="card"] {
    --num-columns: 1;
  }
}
/* /Components/Claims/ClaimListItem.razor.rz.scp.css */
/* /Components/Claims/ClaimOverview.razor.rz.scp.css */
button.view-part[b-ityiig3d45],
button-loading[b-ityiig3d45] {
  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[b-ityiig3d45] {
  margin-top: auto;
  width: 100%;
  box-shadow: 0px 1.5px 4px -1px rgba(10, 9, 11, 0.07);
}
button-loading[b-ityiig3d45] {
  -webkit-animation: skeleton-loading 1s linear infinite alternate;
          animation: skeleton-loading 1s linear infinite alternate;
  box-sizing: content-box;
  height: 1lh;
  display: block;
}
status-and-actions[b-ityiig3d45] {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
status-and-actions status-loading[b-ityiig3d45],
status-and-actions status[b-ityiig3d45],
status-and-actions client-actions[b-ityiig3d45]  button,
status-and-actions contractor-actions[b-ityiig3d45]  button {
  padding-block: 24px !important;
  text-align: center;
  border-radius: 12px;
  font-size: 1rem;
  line-height: 1.375;
  letter-spacing: -0.01125em;
  font-weight: 600;
}
status-and-actions status-loading[b-ityiig3d45] {
  -webkit-animation: skeleton-loading 1s linear infinite alternate;
          animation: skeleton-loading 1s linear infinite alternate;
  display: block;
  box-sizing: content-box;
  height: 1lh;
}
status-and-actions status.pending[b-ityiig3d45] {
  background-color: #F8F8F8;
  color: #7F7D83;
}
status-and-actions status.settled[b-ityiig3d45],
status-and-actions status.approved[b-ityiig3d45] {
  background-color: #E1FAEA;
  color: #016626;
}
status-and-actions status.declined[b-ityiig3d45],
status-and-actions status.discarded[b-ityiig3d45] {
  background-color: #FFE3E3;
  color: #961616;
}
status-and-actions client-actions[b-ityiig3d45] {
  display: flex;
  flex-direction: row;
  gap: 10px;
}
@media only screen and (max-width: 500px) {
  status-and-actions client-actions[b-ityiig3d45] {
    flex-direction: column;
  }
}
status-and-actions client-actions[b-ityiig3d45] >  * {
  flex: 1 0 50%;
}
status-and-actions client-actions[b-ityiig3d45]  button {
  border: none;
}
status-and-actions client-actions[b-ityiig3d45]  button.reject {
  color: #961616;
  background-color: #FFE3E3;
}
status-and-actions client-actions[b-ityiig3d45]  button.settle {
  color: #018030;
  background-color: #E1FAEA;
}
status-and-actions client-actions[b-ityiig3d45]  button.cancel {
  background-color: #F8F8F8;
  color: #4F4D55;
}
status-and-actions contractor-actions[b-ityiig3d45] {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
status-and-actions contractor-actions[b-ityiig3d45]  button {
  border: none;
}
status-and-actions contractor-actions[b-ityiig3d45]  button.discard {
  color: #961616;
  background-color: #FFE3E3;
}
claim-details[b-ityiig3d45] {
  display: flex;
  flex-direction: column;
  gap: 12px;
  font-size: 0.875rem;
  line-height: 1.42857143;
  letter-spacing: -0.00357143em;
  color: #5F5F61;
}
claim-details label[b-ityiig3d45] {
  flex-shrink: 0;
}
claim-details date-submitted[b-ityiig3d45] {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 5px;
}
claim-details date-submitted date[b-ityiig3d45] {
  flex-grow: 1;
}
claim-details account-details[b-ityiig3d45] {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
claim-details account-details account-name[b-ityiig3d45] {
  font-size: 1.125rem;
  line-height: 1.33333333;
  letter-spacing: -0.01444444em;
  color: #000036;
}
claim-details contact[b-ityiig3d45] {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 15px;
}
claim-details contact name[b-ityiig3d45],
claim-details contact phone[b-ityiig3d45] {
  color: #000036;
  flex-grow: 1;
}
rejection-reason[b-ityiig3d45] {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
rejection-reason label[b-ityiig3d45] {
  gap: 12px;
  font-size: 0.875rem;
  line-height: 1.42857143;
  letter-spacing: -0.00357143em;
  color: #5F5F61;
}
rejection-reason textarea[b-ityiig3d45] {
  resize: none;
  border: none;
  border: 1px solid #7ABDFF;
  border-radius: 4px;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: -0.05px;
  box-shadow: 0px 1.5px 4px -1px rgba(10, 9, 11, 0.07);
  padding: 10px;
  background-color: white;
  color: #000036;
}
rejection-reason textarea[b-ityiig3d45]::-webkit-input-placeholder {
  color: #7F7D83;
  opacity: 1;
}
rejection-reason textarea[b-ityiig3d45]::-moz-placeholder {
  color: #7F7D83;
  opacity: 1;
}
rejection-reason textarea[b-ityiig3d45]::-ms-input-placeholder {
  color: #7F7D83;
  opacity: 1;
}
rejection-reason textarea[b-ityiig3d45]::placeholder {
  color: #7F7D83;
  opacity: 1;
}
rejection-reason textarea:hover[b-ityiig3d45],
rejection-reason textarea:focus[b-ityiig3d45],
rejection-reason textarea:focus-within[b-ityiig3d45] {
  border: 1px solid #5A61ED;
}
/* /Components/Claims/ClaimPart.razor.rz.scp.css */
modal[b-xrl8lfwmwl] {
  display: block;
  max-width: 400px;
  width: 100vw;
}
claim-part-editor[b-xrl8lfwmwl] {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
claim-part-editor card.details[b-xrl8lfwmwl] {
  align-items: center;
}
claim-part-editor card.details[b-xrl8lfwmwl] >  milestone {
  border: none;
  box-shadow: none;
  padding: 0;
  align-items: center;
}
claim-part-editor card.details[b-xrl8lfwmwl] >  milestone display-for[type=html-fragment] {
  text-align: center;
}
claim-part-editor card[b-xrl8lfwmwl] {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 20px;
  border-radius: 7px;
  box-shadow: 0px 0px 0px 1px rgba(10, 9, 11, 0.05), 0px 2px 7px 0px rgba(10, 9, 11, 0.05), 0px 2px 5px -2px rgba(10, 9, 11, 0.06);
  background-color: white;
}
claim-part-editor card-title[b-xrl8lfwmwl] {
  display: block;
  margin-right: 20px;
}
claim-part-editor card-title h3[b-xrl8lfwmwl] {
  display: inline-block;
}
claim-part-editor card-title sub-heading[b-xrl8lfwmwl] {
  font-size: 12px;
  letter-spacing: -0.36px;
  font-weight: 500;
  color: #5A61ED;
  float: right;
}
claim-part-editor total[b-xrl8lfwmwl],
claim-part-editor claimed-to-date[b-xrl8lfwmwl],
claim-part-editor available-to-claim[b-xrl8lfwmwl],
claim-part-editor this-claim[b-xrl8lfwmwl] {
  padding: 10px 12px 10px 10px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  border-radius: 4px;
  font-size: 0.875rem;
  line-height: 1.42857143;
  letter-spacing: -0.00357143em;
}
claim-part-editor total[b-xrl8lfwmwl],
claim-part-editor claimed-to-date[b-xrl8lfwmwl],
claim-part-editor available-to-claim[b-xrl8lfwmwl] {
  border: 1px solid #E6E6E6;
  opacity: 0.5;
  color: #64666C;
}
claim-part-editor this-claim[b-xrl8lfwmwl] {
  border: 1px solid #DCDCDE;
  color: #7F7D83;
  background-color: #F8F8F8;
}
claim-part-editor this-claim:hover[b-xrl8lfwmwl],
claim-part-editor this-claim:focus[b-xrl8lfwmwl] {
  border-color: #ADACB0;
}
claim-part-editor this-claim[b-xrl8lfwmwl]  input {
  border: none;
  outline: none;
  border-radius: 0;
  box-shadow: unset;
  padding: 0;
  text-align: end;
  color: inherit;
  background-color: inherit;
}
claim-part-editor this-claim[b-xrl8lfwmwl]  input:hover,
claim-part-editor this-claim[b-xrl8lfwmwl]  input:focus {
  border: none;
  outline: none;
}
claim-part-editor claim-percent[b-xrl8lfwmwl] {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
claim-part-editor claim-percent previous-claim-percent[b-xrl8lfwmwl],
claim-part-editor claim-percent this-claim-percent[b-xrl8lfwmwl],
claim-part-editor claim-percent adjustment-percent[b-xrl8lfwmwl] {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
claim-part-editor claim-percent previous-claim-percent label[b-xrl8lfwmwl],
claim-part-editor claim-percent this-claim-percent label[b-xrl8lfwmwl],
claim-part-editor claim-percent adjustment-percent label[b-xrl8lfwmwl] {
  font-size: 0.875rem;
  line-height: 1.42857143;
  letter-spacing: -0.00357143em;
  color: #64666C;
}
claim-part-editor claim-percent previous-claim-percent[b-xrl8lfwmwl]  display-for,
claim-part-editor claim-percent this-claim-percent[b-xrl8lfwmwl]  display-for,
claim-part-editor claim-percent adjustment-percent[b-xrl8lfwmwl]  display-for,
claim-part-editor claim-percent previous-claim-percent[b-xrl8lfwmwl]  editor-for,
claim-part-editor claim-percent this-claim-percent[b-xrl8lfwmwl]  editor-for,
claim-part-editor claim-percent adjustment-percent[b-xrl8lfwmwl]  editor-for {
  padding: 3px 6px;
  border-radius: 3px;
  font-size: 0.625rem;
  line-height: 1.2;
  letter-spacing: 0.05em;
  font-weight: 700;
  color: #032E2D;
}
claim-part-editor claim-percent previous-claim-percent[b-xrl8lfwmwl]  editor-for input,
claim-part-editor claim-percent this-claim-percent[b-xrl8lfwmwl]  editor-for input,
claim-part-editor claim-percent adjustment-percent[b-xrl8lfwmwl]  editor-for input {
  font-size: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  font-weight: inherit;
  background-color: inherit;
}
claim-part-editor claim-percent previous-claim-percent[b-xrl8lfwmwl]  display-for {
  background-color: #FFD149;
}
claim-part-editor claim-percent this-claim-percent[b-xrl8lfwmwl]  display-for,
claim-part-editor claim-percent this-claim-percent[b-xrl8lfwmwl]  editor-for {
  background-color: #8AE0AF;
}
claim-part-editor claim-percent adjustment-percent[b-xrl8lfwmwl]  display-for {
  background-color: #ADACB0;
}
claim-part-editor attachments[b-xrl8lfwmwl]  items {
  flex-direction: row;
  flex-wrap: wrap;
}
claim-part-editor attachments.empty[b-xrl8lfwmwl]  document-list {
  display: none;
}
claim-part-editor p[b-xrl8lfwmwl] {
  margin: 0;
  font-size: 0.625rem;
  line-height: 1.2;
  letter-spacing: 0em;
  text-align: center;
}
claim-part-editor action[b-xrl8lfwmwl] {
  width: 100%;
}
claim-part-editor action[b-xrl8lfwmwl]  button {
  width: 100%;
  padding: 9px 8px 9px 10px;
  border-radius: 8px;
  border-color: #5A61ED;
  background-color: #5A61ED;
  font-size: 1rem;
  line-height: 1.375;
  letter-spacing: -0.01125em;
  font-weight: 600;
}
@media only screen and (max-width: 500px) {
  claim-part-editor card[b-xrl8lfwmwl] {
    border-radius: 0;
    box-shadow: none;
  }
  claim-part-editor action[b-xrl8lfwmwl] {
    padding-inline: 20px;
  }
}
/* /Components/Claims/ClaimPartList.razor.rz.scp.css */
claim-parts[b-9lqg0vv45m] {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
/* /Components/Claims/ClaimPartListItem.razor.rz.scp.css */
milestone[b-u673znc8cp] {
  display: flex;
  flex-direction: row;
  align-items: center;
  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[b-u673znc8cp] {
  flex-grow: 1;
}
milestone img[b-u673znc8cp] {
  cursor: pointer;
}
/* /Components/Claims/ClaimSummary.razor.rz.scp.css */
claim-summary[b-kc6e8kx3jy] {
  display: flex;
  flex-direction: column;
  gap: 24px;
  min-width: 300px;
}
claim-summary declined-indicator[b-kc6e8kx3jy] {
  background-color: #E12121;
  color: white;
  padding: 10px;
  text-align: center;
}
claim-summary heading[b-kc6e8kx3jy] {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
claim-summary[b-kc6e8kx3jy]  claim-parts {
  flex-grow: 1;
}
claim-summary claim-part-loading[b-kc6e8kx3jy],
claim-summary claim-total-loading[b-kc6e8kx3jy] {
  -webkit-animation: skeleton-loading 1s linear infinite alternate;
          animation: skeleton-loading 1s linear infinite alternate;
  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[b-kc6e8kx3jy] {
  display: flex;
  flex-direction: column;
  gap: 13px;
}
claim-summary total total-row[b-kc6e8kx3jy] {
  font-size: 0.875rem;
  line-height: 1.42857143;
  letter-spacing: -0.00357143em;
  padding: 10px 8px 10px 12px;
  border-radius: 8px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-row-gap: 10px;
  color: #7F7D83;
  background-color: #F8F8F8;
}
claim-summary total total-row[b-kc6e8kx3jy]  display-for[type=currency] {
  justify-self: end;
}
claim-summary total total-row retention[b-kc6e8kx3jy] {
  grid-column-end: span 2;
  justify-self: center;
  font-size: 0.9em;
}
claim-summary total total-row retention:empty[b-kc6e8kx3jy] {
  display: none;
}
claim-summary total total-row retention[b-kc6e8kx3jy]  display-for[type=currency] {
  font-weight: 600;
}
claim-summary total p[b-kc6e8kx3jy] {
  margin: 0;
  font-size: 0.625rem;
  line-height: 1.2;
  letter-spacing: 0em;
  text-align: center;
}
/* /Components/Company/CompanyNameAndCode.razor.rz.scp.css */
name-and-code[b-b6wtrzjyzq] {
  display: grid;
  grid-template-columns: 1fr -webkit-max-content;
  grid-template-columns: 1fr max-content;
  grid-column-gap: 10px;
  align-items: center;
}
input.code[b-b6wtrzjyzq] {
  box-sizing: content-box;
  width: 3em;
}
[b-b6wtrzjyzq] form-field {
  margin: 0;
}
/* /Components/Company/EditCompanyDetailsContents.razor.rz.scp.css */
company-details[b-i4y1k7hq0v]  {
  /*TODO: This could be applied globally when in a form field. */
}
company-details[b-i4y1k7hq0v]  input {
  border: none;
  border: 1px solid #7ABDFF;
  border-radius: 4px;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: -0.05px;
  box-shadow: 0px 1.5px 4px -1px rgba(10, 9, 11, 0.07);
  padding: 10px;
  background-color: white;
  color: #000036;
  min-width: 0;
  width: 100%;
}
company-details[b-i4y1k7hq0v]  input::-webkit-input-placeholder {
  color: #7F7D83;
  opacity: 1;
}
company-details[b-i4y1k7hq0v]  input::-moz-placeholder {
  color: #7F7D83;
  opacity: 1;
}
company-details[b-i4y1k7hq0v]  input::-ms-input-placeholder {
  color: #7F7D83;
  opacity: 1;
}
company-details[b-i4y1k7hq0v]  input::placeholder {
  color: #7F7D83;
  opacity: 1;
}
company-details[b-i4y1k7hq0v]  input:hover,
company-details[b-i4y1k7hq0v]  input:focus,
company-details[b-i4y1k7hq0v]  input:focus-within {
  border: 1px solid #5A61ED;
}
company-details[b-i4y1k7hq0v]  editor-for[type="image"] {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 20px;
}
company-details[b-i4y1k7hq0v]  editor-for[type="image"] avatar {
  --avatar-size: 100px;
  flex-shrink: 0;
}
company-details[b-i4y1k7hq0v]  form-field[type="boolean"][breezer-form-field] > label {
  display: inline;
  margin-left: 40px;
  margin-top: 10px;
}
company-details[b-i4y1k7hq0v]  form-field[type="boolean"][breezer-form-field] > field-editor,
company-details[b-i4y1k7hq0v]  form-field[type="boolean"][breezer-form-field] > skeleton {
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 5px;
}
company-details[b-i4y1k7hq0v]  editor-for-address,
company-details[b-i4y1k7hq0v]  address-editor-skeleton {
  padding: 0;
}
company-details[b-i4y1k7hq0v]  button.save {
  width: 100%;
}
company-details[b-i4y1k7hq0v]  skeleton[data-skeleton-type="button"] {
  display: block;
}
loading[b-i4y1k7hq0v] {
  display: flex;
  align-items: center;
  justify-content: center;
}
company-avatar-container[b-i4y1k7hq0v] {
  display: flex;
  justify-content: center;
  --avatar-size: 30%;
}
memberships[b-i4y1k7hq0v] {
  display: flex;
  flex-direction: row;
  gap: 30px;
}
memberships[b-i4y1k7hq0v]  form-field {
  margin-top: 5px;
  margin-bottom: 0;
}
[b-i4y1k7hq0v] validation-for {
  display: block;
}
[b-i4y1k7hq0v] form-field[type="string"] > label,
[b-i4y1k7hq0v] form-field[type="dropdown"] > label {
  display: none;
}
[b-i4y1k7hq0v] form-field[type="string"]:focus-within > label,
[b-i4y1k7hq0v] form-field[type="dropdown"]:focus-within > label {
  display: block;
  margin: 0;
  padding-inline: 2px;
  background-color: white;
  position: absolute;
  -webkit-transform: translate(5px, -60%);
          transform: translate(5px, -60%);
  z-index: 1;
}
address[b-i4y1k7hq0v] {
  margin-block: 20px;
}
/* /Components/Company/EditorForCompanyAvatar.razor.rz.scp.css */
editor-for-company-avatar[b-u07y0lq43h] {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
}
[b-u07y0lq43h] file-upload {
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--avatar-size, 100px);
  aspect-ratio: 1;
  border-radius: 50%;
  overflow: hidden;
  background-color: #EDEDED;
}
[loading] icon[b-u07y0lq43h] {
  display: none;
}
[b-u07y0lq43h] [loading] img {
  opacity: 0.5;
}
[b-u07y0lq43h] loading-spinner {
  position: absolute;
}
[b-u07y0lq43h] img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
/* /Components/CostCentres/CostCentreGrid.razor.rz.scp.css */
cost-centre-list[b-jbihbvxnfc] {
  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[b-jbihbvxnfc] {
  grid-column: 2;
}
.heading > div[b-jbihbvxnfc],
[b-jbihbvxnfc] .grid-cell {
  outline: 1px solid var(--grid-background);
}
[b-jbihbvxnfc] .grid-cell {
  background-color: white;
  width: 100%;
  height: 30px;
  align-content: center;
  font-size: 12px;
}
[b-jbihbvxnfc] .grid-cell.padded {
  padding: var(--cell-padding);
}
div.heading[b-jbihbvxnfc] {
  display: contents;
  font-size: 0.6em;
  font-weight: bold;
}
div.heading[b-jbihbvxnfc] >  * {
  padding: 5px;
  background-color: var(--grid-background);
  display: flex;
  align-content: center;
  justify-content: center;
  width: 100%;
}
button-container[b-jbihbvxnfc] {
  display: flex;
  flex-direction: row;
  justify-content: end;
  gap: 10px;
}
button-container[b-jbihbvxnfc]  file-upload:hover div.import {
  border-color: var(--text-colour, #282120);
}
button-container[b-jbihbvxnfc]  file-upload[loading] {
  pointer-events: none;
  opacity: 0.5;
}
button-container[b-jbihbvxnfc]  file-upload[loading] loading-spinner {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  align-items: center;
  justify-content: center;
}
button-container[b-jbihbvxnfc]  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;
}
[b-jbihbvxnfc] div.numeric {
  text-align: right;
  font-size: 12px;
}
[b-jbihbvxnfc] dropdown-selected[breezer-dropdown] {
  font-size: 12px;
}
[b-jbihbvxnfc] input {
  font-size: 12px;
}
/* /Components/CostCentres/CostCentreGridRow.razor.rz.scp.css */
cost-centre[b-sqfy4gzeui]  div.grab-container {
  width: 100%;
  background-color: var(--grid-background);
  outline: 1px solid var(--grid-background);
}
cost-centre[b-sqfy4gzeui]  div.grab-container > div.grab {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
cost-centre[b-sqfy4gzeui]  div.grab-container > div.grab:not(:hover) icon {
  display: none;
}
cost-centre[b-sqfy4gzeui]  input {
  border-radius: 0;
  border-color: transparent;
  min-width: 100%;
  max-width: 100%;
  width: 100%;
  height: 100%;
  text-align: inherit;
}
cost-centre[b-sqfy4gzeui]  input:hover {
  background-color: #F2F2F2;
}
cost-centre[b-sqfy4gzeui]  input:focus {
  background-color: white;
}
cost-centre[b-sqfy4gzeui]  dropdown-selected {
  white-space: nowrap;
  border-color: transparent;
  box-shadow: none;
  height: 100%;
  border-radius: 0;
}
cost-centre[b-sqfy4gzeui]  dropdown {
  margin-right: 0;
  width: 100%;
}
cost-centre[b-sqfy4gzeui]  div.popup-control,
cost-centre[b-sqfy4gzeui]  div.popup-trigger {
  height: 100%;
}
cost-centre[b-sqfy4gzeui]  editor-for[breezer-editor-for-enum] {
  margin-top: 0;
  margin-bottom: 0;
  height: 100%;
}
div.add-cost-centre[b-sqfy4gzeui] {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 10px;
  cursor: pointer;
}
cost-centre[b-sqfy4gzeui],
[b-sqfy4gzeui] div.drop {
  grid-column: 1/-1;
  display: grid;
  grid-template-columns: subgrid;
}
@supports not (grid-template-columns: subgrid) {
  cost-centre[b-sqfy4gzeui],
  [b-sqfy4gzeui] div.drop {
    display: contents;
  }
  [b-sqfy4gzeui] div.drop > :first-child {
    grid-column: 1;
  }
  [b-sqfy4gzeui] div.drop > * {
    height: 100%;
  }
}
/* /Components/CostCentres/CostCentreMilestone.razor.rz.scp.css */
milestone-row[b-ezfedg3236] {
  display: contents;
}
milestone-row[b-ezfedg3236]  > :first-child {
  grid-column: 1;
}
milestone[b-ezfedg3236],
[b-ezfedg3236] div.toggle {
  height: 100%;
  background-color: white;
}
milestone[b-ezfedg3236] {
  width: 100%;
  grid-column-start: 2;
  grid-column-end: -1;
}
milestone.collapsed[b-ezfedg3236] {
  grid-column-end: 6;
}
milestone[b-ezfedg3236]  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[b-ezfedg3236] {
  height: 100%;
  display: flex;
  align-items: center;
  padding-inline: 10px;
  cursor: pointer;
}
[b-ezfedg3236] input[type="milestone-code"] {
  min-width: 0;
  width: 3em;
  box-sizing: content-box;
}
span.milestone-total[b-ezfedg3236] {
  font-size: 0.8em;
  font-weight: 300;
}
[b-ezfedg3236] sub-type-pill {
  margin-left: 10px;
  font-size: 0.75em;
}
input[b-ezfedg3236] {
  max-width: 80px;
  min-width: 80px;
}
span.package-code[b-ezfedg3236] {
  margin-right: 5px;
}
/* /Components/CostCentres/TotalsRow.razor.rz.scp.css */
totals[b-cxdso6dft5] {
  display: contents;
  font-size: var(--grid-font-size);
}
.inline[b-cxdso6dft5] >  div {
  background-color: white;
  height: 100%;
}
[b-cxdso6dft5] div {
  width: 100%;
  padding: var(--cell-padding);
}
[b-cxdso6dft5] .total {
  grid-column: 5;
  text-align: center;
}
[b-cxdso6dft5] .budget {
  grid-column: 6;
}
[b-cxdso6dft5] .committed {
  grid-column: 10;
}
[b-cxdso6dft5] .claimed {
  grid-column: 11;
}
[b-cxdso6dft5] .insufficient-budget {
  border: 1px solid red;
}
.filler.budget-committed[b-cxdso6dft5] {
  grid-column: 7/10;
}
[b-cxdso6dft5] .filler.add-cost-centre {
  grid-column: 12;
}
/* /Components/Currency/EditorForCurrency.razor.rz.scp.css */
input[b-w2p5cc1czq] {
  border: none;
  border: 1px solid #7ABDFF;
  border-radius: 4px;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: -0.05px;
  box-shadow: 0px 1.5px 4px -1px rgba(10, 9, 11, 0.07);
  padding: 10px;
  background-color: white;
  color: #000036;
}
input[b-w2p5cc1czq]::-webkit-input-placeholder {
  color: #7F7D83;
  opacity: 1;
}
input[b-w2p5cc1czq]::-moz-placeholder {
  color: #7F7D83;
  opacity: 1;
}
input[b-w2p5cc1czq]::-ms-input-placeholder {
  color: #7F7D83;
  opacity: 1;
}
input[b-w2p5cc1czq]::placeholder {
  color: #7F7D83;
  opacity: 1;
}
input:hover[b-w2p5cc1czq],
input:focus[b-w2p5cc1czq],
input:focus-within[b-w2p5cc1czq] {
  border: 1px solid #5A61ED;
}
/* /Components/Dashboard/Name.razor.rz.scp.css */
@media only screen and (max-width: 500px) {
  greeting[b-nb8kttqbrk] {
    text-align: center;
  }
}
/* /Components/Dashboard/WalletSetup.razor.rz.scp.css */
button[b-rtfa0ib8ek] {
  padding: 0;
  background: none;
  border: none;
  color: #5A61ED;
}
/* /Components/Disputes/DisputeEditor.razor.rz.scp.css */
dispute-details[b-un1ae1vxdv]  input {
  border: none;
  border: 1px solid #7ABDFF;
  border-radius: 4px;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: -0.05px;
  box-shadow: 0px 1.5px 4px -1px rgba(10, 9, 11, 0.07);
  padding: 10px;
  background-color: white;
  color: #000036;
  width: 100%;
  min-width: initial;
}
dispute-details[b-un1ae1vxdv]  input::-webkit-input-placeholder {
  color: #7F7D83;
  opacity: 1;
}
dispute-details[b-un1ae1vxdv]  input::-moz-placeholder {
  color: #7F7D83;
  opacity: 1;
}
dispute-details[b-un1ae1vxdv]  input::-ms-input-placeholder {
  color: #7F7D83;
  opacity: 1;
}
dispute-details[b-un1ae1vxdv]  input::placeholder {
  color: #7F7D83;
  opacity: 1;
}
dispute-details[b-un1ae1vxdv]  input:hover,
dispute-details[b-un1ae1vxdv]  input:focus,
dispute-details[b-un1ae1vxdv]  input:focus-within {
  border: 1px solid #5A61ED;
}
dispute-details textarea[b-un1ae1vxdv] {
  border: none;
  border: 1px solid #7ABDFF;
  border-radius: 4px;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: -0.05px;
  box-shadow: 0px 1.5px 4px -1px rgba(10, 9, 11, 0.07);
  padding: 10px;
  background-color: white;
  color: #000036;
  resize: none;
}
dispute-details textarea[b-un1ae1vxdv]::-webkit-input-placeholder {
  color: #7F7D83;
  opacity: 1;
}
dispute-details textarea[b-un1ae1vxdv]::-moz-placeholder {
  color: #7F7D83;
  opacity: 1;
}
dispute-details textarea[b-un1ae1vxdv]::-ms-input-placeholder {
  color: #7F7D83;
  opacity: 1;
}
dispute-details textarea[b-un1ae1vxdv]::placeholder {
  color: #7F7D83;
  opacity: 1;
}
dispute-details textarea:hover[b-un1ae1vxdv],
dispute-details textarea:focus[b-un1ae1vxdv],
dispute-details textarea:focus-within[b-un1ae1vxdv] {
  border: 1px solid #5A61ED;
}
message[b-un1ae1vxdv] {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
message textarea[b-un1ae1vxdv] {
  border: none;
  border: 1px solid #7ABDFF;
  border-radius: 4px;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: -0.05px;
  box-shadow: 0px 1.5px 4px -1px rgba(10, 9, 11, 0.07);
  padding: 10px;
  background-color: white;
  color: #000036;
  resize: none;
}
message textarea[b-un1ae1vxdv]::-webkit-input-placeholder {
  color: #7F7D83;
  opacity: 1;
}
message textarea[b-un1ae1vxdv]::-moz-placeholder {
  color: #7F7D83;
  opacity: 1;
}
message textarea[b-un1ae1vxdv]::-ms-input-placeholder {
  color: #7F7D83;
  opacity: 1;
}
message textarea[b-un1ae1vxdv]::placeholder {
  color: #7F7D83;
  opacity: 1;
}
message textarea:hover[b-un1ae1vxdv],
message textarea:focus[b-un1ae1vxdv],
message textarea:focus-within[b-un1ae1vxdv] {
  border: 1px solid #5A61ED;
}
attachments[b-un1ae1vxdv]  document-list items {
  flex-direction: row;
  flex-wrap: wrap;
}
/* /Components/Disputes/IssuesResolved.razor.rz.scp.css */
confirmation[b-zb9xgpwpf2] {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 20px;
}
confirmation[b-zb9xgpwpf2]  editor-for {
  flex-shrink: 0;
}
buttons[b-zb9xgpwpf2] {
  display: flex;
  flex-direction: row;
  gap: 10px;
}
buttons[b-zb9xgpwpf2]  > * {
  flex: 1 0 0;
}
/* /Components/DocumentAvatar.razor.rz.scp.css */
avatar[b-f394cd1ykg] {
  width: var(--avatar-size, 40px);
  height: var(--avatar-size, 40px);
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}
avatar[b-f394cd1ykg]  img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
/* /Components/DragAndDrop/DragAndDropGrab.razor.rz.scp.css */
div.grab[b-21x9r9dd68] {
  cursor: grab;
}
/* /Components/DropdownButtonContainer.razor.rz.scp.css */
dropdown-container[b-utez3xeo8c] {
  background: #000036;
  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;
}
[b-utez3xeo8c] button {
  width: 100%;
}
/* /Components/ExpandableSection.razor.rz.scp.css */
expandable-section[b-hccbbu1k63] {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
expandable-section heading[b-hccbbu1k63] {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  cursor: pointer;
}
expandable-section heading img[b-hccbbu1k63] {
  -webkit-transform-origin: center;
          transform-origin: center;
  transition: -webkit-transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s;
}
expandable-section heading img.hidden[b-hccbbu1k63] {
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}
expandable-section heading section-title[b-hccbbu1k63] {
  flex-grow: 1;
  font-size: 12px;
}
expandable-section content[b-hccbbu1k63] {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
/* /Components/FullScreenContainer.razor.rz.scp.css */
full-screen-container[b-fa66fr22sg] {
  display: flex;
  flex-direction: column;
  gap: 20px;
  justify-content: space-between;
}
full-screen-container.full-screen[b-fa66fr22sg] {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 9;
  background-color: white;
  padding-block: 30px;
}
full-screen-container.full-screen > *[b-fa66fr22sg] {
  padding-inline: 30px;
}
full-screen-container.full-screen contents[b-fa66fr22sg] {
  overflow-y: auto;
}
full-screen-container.full-screen full-screen-bottom[b-fa66fr22sg]::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[b-fa66fr22sg]::before {
  display: none;
}
full-screen-bottom[b-fa66fr22sg] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: end;
}
icon.toggle-full-screen[b-fa66fr22sg] {
  cursor: pointer;
}
/* /Components/Funding/FundProject.razor.rz.scp.css */
fund-project[b-hh6s1lgi12]  modal-card {
  max-width: 500px;
}
fund-project funding-details[b-hh6s1lgi12] {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
fund-project required-funds[b-hh6s1lgi12] {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
}
fund-project p[b-hh6s1lgi12] {
  margin: 0;
}
fund-project total-amount[b-hh6s1lgi12] {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 10px;
  border: 1px solid #EDEDED;
  font-size: 14px;
}
fund-project total-amount[b-hh6s1lgi12]  display-for[type="currency"] {
  font-weight: 500;
}
fund-project error[b-hh6s1lgi12] {
  color: #E73F3F;
}
/* /Components/Funding/ProjectFundingAmount.razor.rz.scp.css */
card[b-ycjkakqsqk] {
  display: block;
  background-color: white;
  padding: 30px;
  border-radius: 5px;
  box-shadow: 0px 2px 25px 0px rgba(100, 102, 108, 0.1);
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
@media only screen and (max-width: 500px) {
  card[b-ycjkakqsqk] {
    padding: 30px 10px;
  }
}
card use-funding-method[b-ycjkakqsqk] {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 20px;
}
card use-funding-method.not-available[b-ycjkakqsqk] {
  opacity: 0.5;
}
card[b-ycjkakqsqk]  input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}
[b-ycjkakqsqk] editor-for[type="bool"] {
  flex-shrink: 0;
}
/* /Components/Gestures/Swipe.razor.rz.scp.css */
div[b-2aondddcyi] {
  width: 100%;
  height: 100%;
}
/* /Components/Graphing/PieChart.razor.rz.scp.css */
.pie-chart-container[b-xy27r6t0s6] {
  display: flex;
  justify-content: center;
  align-items: center;
  aspect-ratio: 1;
  position: relative;
}
@media only screen and (max-width: 700px) {
  .pie-chart-container[b-xy27r6t0s6] {
    width: min(300px, 100%);
  }
}
[b-xy27r6t0s6] svg {
  max-height: min(450px, 100%);
  position: absolute;
}
.inner-pie-content[b-xy27r6t0s6] {
  z-index: 1;
}
/* /Components/Graphing/PieChartPositioner.razor.rz.scp.css */
div[b-f74chyqhww] {
  position: fixed;
  left: -10000px;
  top: -10000px;
  z-index: 2;
}
/* /Components/HeadingContent.razor.rz.scp.css */
heading-content[b-sv0b5iqlt8] {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
left p[b-sv0b5iqlt8] {
  margin: 0;
}
left[b-sv0b5iqlt8],
right[b-sv0b5iqlt8] {
  flex: 0 0 50%;
  display: flex;
  flex-direction: column;
  justify-content: end;
}
left[b-sv0b5iqlt8] {
  gap: 30px;
}
right[b-sv0b5iqlt8] {
  align-items: end;
}
@media only screen and (max-width: 600px) {
  heading-content[b-sv0b5iqlt8] {
    flex-direction: column;
    justify-content: start;
    gap: 35px;
  }
  heading-content.mobile-reversed[b-sv0b5iqlt8] {
    flex-direction: column-reverse;
  }
  left[b-sv0b5iqlt8] {
    align-items: center;
    text-align: center;
  }
  right[b-sv0b5iqlt8] {
    align-items: center;
  }
}
@media only screen and (max-width: 500px) {
  p[b-sv0b5iqlt8],
  .breadcrumb-container[b-sv0b5iqlt8] {
    display: none;
  }
}
/* /Components/Html/WitzerHtmlEditor.razor.rz.scp.css */
[b-j8anrl06hw] editor-for[type=html-fragment] {
  border: none;
  border: 1px solid #7ABDFF;
  border-radius: 4px;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: -0.05px;
  box-shadow: 0px 1.5px 4px -1px rgba(10, 9, 11, 0.07);
  padding: 10px;
  background-color: white;
  color: #000036;
  padding: 0;
  font-family: inherit;
}
[b-j8anrl06hw] editor-for[type=html-fragment]::-webkit-input-placeholder {
  color: #7F7D83;
  opacity: 1;
}
[b-j8anrl06hw] editor-for[type=html-fragment]::-moz-placeholder {
  color: #7F7D83;
  opacity: 1;
}
[b-j8anrl06hw] editor-for[type=html-fragment]::-ms-input-placeholder {
  color: #7F7D83;
  opacity: 1;
}
[b-j8anrl06hw] editor-for[type=html-fragment]::placeholder {
  color: #7F7D83;
  opacity: 1;
}
[b-j8anrl06hw] editor-for[type=html-fragment]:hover,
[b-j8anrl06hw] editor-for[type=html-fragment]:focus,
[b-j8anrl06hw] editor-for[type=html-fragment]:focus-within {
  border: 1px solid #5A61ED;
}
[b-j8anrl06hw] editor-for[type=html-fragment] > div {
  display: flex;
  flex-direction: column;
}
[b-j8anrl06hw] editor-for[type=html-fragment] > div .ql-toolbar {
  border: none;
  border-bottom: 1px solid #7ABDFF;
}
[b-j8anrl06hw] editor-for[type=html-fragment] > div .ql-container {
  height: unset;
  flex-grow: 1;
  border: none;
  font-family: inherit;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: -0.05px;
  color: #000036;
  overflow: auto;
}
[b-j8anrl06hw] editor-for[type=html-fragment] > div .ql-container .ql-editor::before {
  font-style: normal;
  color: #7F7D83;
}
/* /Components/Invitations/Invitation.razor.rz.scp.css */
invitation-description[b-19b9vasd9w] {
  margin: 0;
  font-size: 1.125rem;
  line-height: 1.33333333;
  letter-spacing: -0.01444444em;
  font-weight: 700;
}
/* /Components/Invitations/InvitationAcceptanceArea.razor.rz.scp.css */
terms[b-h3y4hxxfda] {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 15px;
}
terms[b-h3y4hxxfda]  input[disabled] {
  pointer-events: none;
}
@media only screen and (max-width: 500px) {
  terms[b-h3y4hxxfda] {
    padding-inline: 30px;
  }
}
actions[b-h3y4hxxfda] {
  display: flex;
  flex-direction: row;
}
actions[b-h3y4hxxfda] >  * {
  flex-grow: 1;
}
actions[b-h3y4hxxfda]  button.accept {
  width: 100%;
}
actions[b-h3y4hxxfda]  button.reject {
  margin-right: 10px;
  color: #5A61ED;
  background-color: transparent;
}
actions[b-h3y4hxxfda]  button.reject:hover {
  color: white;
  background-color: #5A61ED;
}
actions[b-h3y4hxxfda]  button[disabled] {
  opacity: 0.5;
  pointer-events: none;
}
@media only screen and (max-width: 500px) {
  actions[b-h3y4hxxfda] {
    padding-inline: 30px;
    padding-bottom: 30px;
  }
}
/* /Components/Invitations/InvitationAreaListCard.razor.rz.scp.css */
list.empty[b-axhe49mmo8] {
  display: none;
}
list[b-axhe49mmo8]  list-items[item-type="card"] {
  display: flex;
  flex-direction: column;
}
/* /Components/Invitations/InvitationListItem.razor.rz.scp.css */
invitation[b-pjkmtm4nml] {
  cursor: pointer;
}
/* /Components/Invitations/InvitationListItemContents.razor.rz.scp.css */
invited-by[b-f624tonxmd] {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 5px;
}
invited-by[b-f624tonxmd]  avatar {
  --avatar-size: 24px;
}
/* /Components/Invitations/RequiresFundingListItem.razor.rz.scp.css */
requires-funding-list-item[b-9qwzzksyny] {
  cursor: pointer;
}
/* /Components/InviteContractor.razor.rz.scp.css */
p.main-text[b-21cktsdi2l] {
  font-weight: 500;
}
tradie-details[b-21cktsdi2l] {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
[b-21cktsdi2l] input {
  min-width: unset;
  width: 100%;
}
[b-21cktsdi2l] button.inline {
  font-size: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  color: #5A61ED;
}
/* /Components/LabelledDateInput.razor.rz.scp.css */
date-input[b-imqtezhq0j] {
  border: none;
  border: 1px solid #7ABDFF;
  border-radius: 4px;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: -0.05px;
  box-shadow: 0px 1.5px 4px -1px rgba(10, 9, 11, 0.07);
  padding: 10px;
  background-color: white;
  color: #000036;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
date-input[b-imqtezhq0j]::-webkit-input-placeholder {
  color: #7F7D83;
  opacity: 1;
}
date-input[b-imqtezhq0j]::-moz-placeholder {
  color: #7F7D83;
  opacity: 1;
}
date-input[b-imqtezhq0j]::-ms-input-placeholder {
  color: #7F7D83;
  opacity: 1;
}
date-input[b-imqtezhq0j]::placeholder {
  color: #7F7D83;
  opacity: 1;
}
date-input:hover[b-imqtezhq0j],
date-input:focus[b-imqtezhq0j],
date-input:focus-within[b-imqtezhq0j] {
  border: 1px solid #5A61ED;
}
date-input label[b-imqtezhq0j] {
  color: #000036;
}
date-input[b-imqtezhq0j]  input {
  border: none;
  outline: none;
  border-radius: 0;
  box-shadow: unset;
  padding: 0;
}
date-input[b-imqtezhq0j]  input:hover,
date-input[b-imqtezhq0j]  input:focus {
  border: none;
  outline: none;
}
/* /Components/Links/DisplayForLink.razor.rz.scp.css */
display-for[b-a3cg0snmeg] {
  display: grid;
}
display-for[b-a3cg0snmeg]::after {
  content: attr(replicated-value) " ";
  white-space: pre-wrap;
  visibility: hidden;
}
textarea[b-a3cg0snmeg] {
  resize: none;
  overflow: hidden;
}
textarea[b-a3cg0snmeg],
display-for[b-a3cg0snmeg]::after {
  border: none;
  border: 1px solid #7ABDFF;
  border-radius: 4px;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: -0.05px;
  box-shadow: 0px 1.5px 4px -1px rgba(10, 9, 11, 0.07);
  padding: 10px;
  background-color: white;
  color: #000036;
  word-break: break-all;
  grid-area: 1 / 1 / 2 / 2;
}
textarea[b-a3cg0snmeg]::-webkit-input-placeholder,
display-for[b-a3cg0snmeg]::after::-webkit-input-placeholder {
  color: #7F7D83;
  opacity: 1;
}
textarea[b-a3cg0snmeg]::-moz-placeholder,
display-for[b-a3cg0snmeg]::after::-moz-placeholder {
  color: #7F7D83;
  opacity: 1;
}
textarea[b-a3cg0snmeg]::-ms-input-placeholder,
display-for[b-a3cg0snmeg]::after::-ms-input-placeholder {
  color: #7F7D83;
  opacity: 1;
}
textarea[b-a3cg0snmeg]::placeholder,
display-for[b-a3cg0snmeg]::after::placeholder {
  color: #7F7D83;
  opacity: 1;
}
textarea:hover[b-a3cg0snmeg],
display-for[b-a3cg0snmeg]::after:hover,
textarea:focus[b-a3cg0snmeg],
display-for[b-a3cg0snmeg]::after:focus,
textarea:focus-within[b-a3cg0snmeg],
display-for[b-a3cg0snmeg]::after:focus-within {
  border: 1px solid #5A61ED;
}
/* /Components/Lists/ExpandableList.razor.rz.scp.css */
list-items[b-wysyx415ao],
completed[b-wysyx415ao] {
  display: block;
  background-color: white;
  padding: 30px;
  border-radius: 5px;
  box-shadow: 0px 2px 25px 0px rgba(100, 102, 108, 0.1);
  padding: 16px;
  border-radius: 8px;
}
@media only screen and (max-width: 500px) {
  list-items[b-wysyx415ao],
  completed[b-wysyx415ao] {
    padding: 30px 10px;
  }
}
list-items[b-wysyx415ao] {
  padding-bottom: 18px;
  display: flex;
  flex-direction: column;
  gap: 9px;
}
list-items.grid[b-wysyx415ao] {
  display: grid;
  --num-columns: 3;
  grid-template-columns: repeat(var(--num-columns), 1fr);
  grid-gap: 19px;
}
@media only screen and (max-width: 1000px) {
  list-items.grid[b-wysyx415ao] {
    --num-columns: 2;
  }
}
@media only screen and (max-width: 700px) {
  list-items.grid[b-wysyx415ao] {
    --num-columns: 1;
  }
}
label[b-wysyx415ao] {
  font-size: 0.875rem;
  line-height: 1.42857143;
  letter-spacing: -0.00357143em;
  font-weight: 475;
  color: #0A090B;
}
completed[b-wysyx415ao] {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 6px;
}
completed value[b-wysyx415ao] {
  margin-left: auto;
  padding: 2px 6px;
  border-radius: 4px;
  background-color: #E6E6E6;
  font-size: 0.625rem;
  line-height: 1.2;
  letter-spacing: 0em;
  font-weight: 600;
}
add-item[b-wysyx415ao] {
  border: 1px dashed #ECECED;
  padding: 16px;
  border-radius: 8px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 6px;
  cursor: pointer;
}
add-item label[b-wysyx415ao] {
  cursor: pointer;
}
add-item image-container[b-wysyx415ao] {
  padding: 2px 6px;
  border-radius: 4px;
  background-color: #E6E6E6;
  height: 14px;
  display: flex;
  align-items: center;
}
/* /Components/Lists/Filter.razor.rz.scp.css */
filter[b-spcrfqu3rg] {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  gap: 20px;
  font-size: 12px;
  font-weight: 500;
  color: #000036;
}
@media only screen and (max-width: 1000px) {
  filter[b-spcrfqu3rg] {
    flex-direction: column;
    justify-content: initial;
    gap: 20px;
  }
}
/* /Components/Lists/FilterOption.razor.rz.scp.css */
filter-option[b-wmsqeqxqc7] {
  flex-shrink: 0;
}
filter-option:not(.loading)[b-wmsqeqxqc7] {
  cursor: pointer;
}
filter-option.selected[b-wmsqeqxqc7] {
  color: #5A61ED;
}
filter-option:not(.selected):not(.loading)[b-wmsqeqxqc7] {
  opacity: 0.65;
}
filter-option.loading[b-wmsqeqxqc7] {
  opacity: 0.5;
}
/* /Components/Lists/FilterOptions.razor.rz.scp.css */
filter-options-container[b-sr7rk6oxd6] {
  display: flex;
  flex-direction: row;
  gap: 10px;
}
filter-options-container filter-options[b-sr7rk6oxd6] {
  display: flex;
  flex-direction: row;
  gap: 10px;
  padding-bottom: 10px;
  overflow: auto;
}
/* /Components/Lists/FilterSummary.razor.rz.scp.css */
summary[b-p0exbq6s04] {
  opacity: 0.65;
}
/* /Components/Lists/FinancialOverview.razor.rz.scp.css */
financial-overview[b-s3n0g38tjm] {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}
/* /Components/Lists/FinancialOverviewAndSearch.razor.rz.scp.css */
financial-overview-and-search[b-81ibyiobja] {
  padding-block: 7px;
  border-block: 1px solid #F1F1F1;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
financial-overview-and-search[b-81ibyiobja]  search-input {
  width: initial;
}
financial-overview-and-search[b-81ibyiobja]  search-input:only-child {
  margin-left: auto;
}
@media only screen and (max-width: 700px) {
  financial-overview-and-search[b-81ibyiobja] {
    flex-direction: column;
    align-items: start;
    gap: 10px;
  }
  financial-overview-and-search[b-81ibyiobja]  search-input {
    width: 100%;
  }
}
/* /Components/Lists/FinancialOverviewItem.razor.rz.scp.css */
financial-overview-item[b-6r4crg341n] {
  padding: 6px 15px;
  border-radius: 100vh;
  border: 1px solid #EDEDED;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  color: #000036;
  font-size: 11.25px;
  font-weight: 500;
}
financial-overview-item label[b-6r4crg341n] {
  opacity: 0.65;
}
financial-overview-item.loading[b-6r4crg341n] {
  -webkit-animation: skeleton-loading 1s linear infinite alternate;
          animation: skeleton-loading 1s linear infinite alternate;
  padding-right: 50px;
}
financial-overview-item.loading label[b-6r4crg341n] {
  visibility: hidden;
}
/* /Components/Lists/FlatBarFilter.razor.rz.scp.css */
filter[b-t0zmf9ha35] {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  gap: 20px;
  font-size: 12px;
  font-weight: 500;
  color: #000036;
}
@media only screen and (max-width: 1000px) {
  filter[b-t0zmf9ha35] {
    flex-direction: column;
    justify-content: initial;
    gap: 20px;
  }
}
filter-options-container[b-t0zmf9ha35] {
  display: flex;
  flex-direction: row;
  gap: 10px;
}
filter-options-container filter-options[b-t0zmf9ha35] {
  display: flex;
  flex-direction: row;
  gap: 10px;
  padding-bottom: 10px;
  overflow: auto;
}
filter-option[b-t0zmf9ha35] {
  flex-shrink: 0;
}
filter-option:not(.loading)[b-t0zmf9ha35] {
  cursor: pointer;
}
filter-option.selected[b-t0zmf9ha35] {
  color: #5A61ED;
}
filter-option:not(.selected):not(.loading)[b-t0zmf9ha35] {
  opacity: 0.65;
}
filter-option.loading[b-t0zmf9ha35] {
  opacity: 0.5;
}
/* /Components/Lists/ListItemsNoDataAddNew.razor.rz.scp.css */
list-items-no-data[b-k2gc6asorg] {
  grid-column: 1/-1;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 57px 7px;
}
list-items-no-data[b-k2gc6asorg]  button {
  font: inherit;
  color: #5A61ED;
}
/* /Components/Lists/ListSection.razor.rz.scp.css */
list-section[b-nvfsrpqxc8] {
  display: contents;
}
list-section heading[b-nvfsrpqxc8] {
  padding-block: 9px;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
  grid-column-start: 1;
  grid-column-end: -1;
  cursor: pointer;
}
list-section heading img[b-nvfsrpqxc8] {
  -webkit-transform-origin: center;
          transform-origin: center;
  transition: -webkit-transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s;
}
list-section heading img.hidden[b-nvfsrpqxc8] {
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}
list-section heading number[b-nvfsrpqxc8] {
  padding: 4px 6px 4px 7px;
  border-radius: 5px;
  font-size: 0.8125rem;
  line-height: 1.23076923;
  letter-spacing: 0em;
  font-weight: 475;
}
list-section heading h2[b-nvfsrpqxc8] {
  flex-grow: 1;
  font-size: 0.75rem;
  line-height: 1.5;
  letter-spacing: 0em;
  font-weight: 600;
  color: #0A090B;
}
list-section hr[b-nvfsrpqxc8] {
  grid-column-start: 1;
  grid-column-end: -1;
}
list-section hr:first-of-type[b-nvfsrpqxc8] {
  margin-top: 4.5px;
}
list-section hr:last-of-type[b-nvfsrpqxc8] {
  margin-bottom: 4.5px;
}
/* /Components/Lists/ListSeeMore.razor.rz.scp.css */
see-more[b-4mox7qkmh4] {
  font-size: 0.875rem;
  line-height: 1.42857143;
  letter-spacing: -0.00142857em;
  font-weight: 550;
  color: #032E2D;
  cursor: pointer;
}
/* /Components/Lists/ListShowAll.razor.rz.scp.css */
show-all[b-l8ahoeclp8] {
  font-size: 0.875rem;
  line-height: 1.42857143;
  letter-spacing: -0.00142857em;
  font-weight: 550;
  color: #032E2D;
  cursor: pointer;
}
/* /Components/Lists/PageSelect.razor.rz.scp.css */
page-select[b-gd3j2xgdvd] {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 12px;
}
page-select button[b-gd3j2xgdvd] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  background-color: white;
  border: 1px solid #E6E6E6;
  border-radius: 8px;
  box-shadow: 0px 2px 4px -1px rgba(10, 9, 11, 0.02), 0px 5px 13px -5px rgba(10, 9, 11, 0.05);
}
page-select button[disabled][b-gd3j2xgdvd] {
  pointer-events: none;
  opacity: 0.5;
}
page-select page[b-gd3j2xgdvd] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  font-size: 0.875rem;
  line-height: 1.42857143;
  letter-spacing: -0.00357143em;
  font-weight: 500;
  color: #4F4D55;
  cursor: pointer;
}
page-select page.current[b-gd3j2xgdvd] {
  border: 1px solid black;
  border-radius: 6px;
}
@media only screen and (max-width: 500px) {
  page-select page.mobile-hidden[b-gd3j2xgdvd] {
    display: none;
  }
}
page-select dots[b-gd3j2xgdvd] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  background-color: #F8F8F8;
  border-radius: 6px;
}
@media only screen and (min-width: 501px ) {
  page-select dots.mobile-only[b-gd3j2xgdvd] {
    display: none;
  }
}
/* /Components/Lists/SearchInput.razor.rz.scp.css */
search-input[b-5tvm82130v] {
  border: none;
  border: 1px solid #7ABDFF;
  border-radius: 4px;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: -0.05px;
  box-shadow: 0px 1.5px 4px -1px rgba(10, 9, 11, 0.07);
  padding: 10px;
  background-color: white;
  color: #000036;
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  border-radius: 100vh;
  padding: 6px 15px;
  border: 1px solid #EDEDED;
}
search-input[b-5tvm82130v]::-webkit-input-placeholder {
  color: #7F7D83;
  opacity: 1;
}
search-input[b-5tvm82130v]::-moz-placeholder {
  color: #7F7D83;
  opacity: 1;
}
search-input[b-5tvm82130v]::-ms-input-placeholder {
  color: #7F7D83;
  opacity: 1;
}
search-input[b-5tvm82130v]::placeholder {
  color: #7F7D83;
  opacity: 1;
}
search-input:hover[b-5tvm82130v],
search-input:focus[b-5tvm82130v],
search-input:focus-within[b-5tvm82130v] {
  border: 1px solid #5A61ED;
}
search-input:hover[b-5tvm82130v],
search-input:focus-within[b-5tvm82130v] {
  border-color: #64666C;
}
search-input.loading[b-5tvm82130v] {
  opacity: 0.5;
  pointer-events: none;
}
search-input input[b-5tvm82130v] {
  border: none;
  outline: none;
  flex-grow: 1;
  background-color: inherit;
  padding: 0;
  color: #7F7D83;
}
search-input input[b-5tvm82130v],
search-input input [b-5tvm82130v]::-webkit-input-placeholder {
  font-size: 0.875rem;
  line-height: 1.42857143;
  letter-spacing: -0.00357143em;
}
search-input input[b-5tvm82130v],
search-input input [b-5tvm82130v]::-moz-placeholder {
  font-size: 0.875rem;
  line-height: 1.42857143;
  letter-spacing: -0.00357143em;
}
search-input input[b-5tvm82130v],
search-input input [b-5tvm82130v]::-ms-input-placeholder {
  font-size: 0.875rem;
  line-height: 1.42857143;
  letter-spacing: -0.00357143em;
}
search-input input[b-5tvm82130v],
search-input input [b-5tvm82130v]::placeholder {
  font-size: 0.875rem;
  line-height: 1.42857143;
  letter-spacing: -0.00357143em;
}
search-input input [b-5tvm82130v]::-webkit-input-placeholder {
  color: #7F7D83;
}
search-input input [b-5tvm82130v]::-moz-placeholder {
  color: #7F7D83;
}
search-input input [b-5tvm82130v]::-ms-input-placeholder {
  color: #7F7D83;
}
search-input input [b-5tvm82130v]::placeholder {
  color: #7F7D83;
}
search-input input:focus[b-5tvm82130v],
search-input input:hover[b-5tvm82130v] {
  border: none;
  outline: none;
}
/* /Components/Lists/Tables/MultiPartColumn.razor.rz.scp.css */
items[b-q5tfz8oryj] {
  display: flex;
}
items[b-q5tfz8oryj]  > :first-child {
  font-weight: 500;
}
items[b-q5tfz8oryj]  > :nth-child(2) {
  opacity: 0.65;
}
@media only screen and (max-width: 600px) {
  items[b-q5tfz8oryj] {
    flex-direction: row;
    gap: 5px;
  }
}
@media only screen and (min-width: 601px ) {
  items[b-q5tfz8oryj] {
    flex-direction: column;
  }
}
/* /Components/Lists/Tables/TableList.razor.rz.scp.css */
@media only screen and (max-width: 600px) {
  list heading[b-am81gqr2q9] {
    display: none;
  }
  list list-items[b-am81gqr2q9] {
    display: flex;
    flex-direction: column;
    gap: 10px;
  }
}
@media only screen and (min-width: 601px ) {
  list[b-am81gqr2q9] {
    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 heading[b-am81gqr2q9],
  list list-items[b-am81gqr2q9] {
    display: contents;
  }
  list heading column-heading[b-am81gqr2q9] {
    margin-bottom: 8px;
  }
}
/* /Components/Lists/Tables/TableListRow.razor.rz.scp.css */
table-row.can-click[b-ml169cx5t9] {
  cursor: pointer;
}
@media only screen and (max-width: 600px) {
  table-row[b-ml169cx5t9] {
    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[b-ml169cx5t9] {
    padding: 30px 10px;
  }
}
@media only screen and (min-width: 601px ) {
  table-row[b-ml169cx5t9] {
    display: contents;
  }
  table-row:nth-child(odd)[b-ml169cx5t9]  > * {
    background-color: #FAFDFF;
  }
  table-row[b-ml169cx5t9]  > * {
    display: block;
    padding-block: 9px;
  }
  table-row[b-ml169cx5t9]  > *:first-child {
    padding-left: 20px;
  }
}
/* /Components/MakeClaim/ChooseMilestones.razor.rz.scp.css */
button[b-lxex32anw5] {
  padding: 9px 8px 9px 10px;
  border-radius: 8px;
  font-size: 1rem;
  line-height: 1.375;
  letter-spacing: -0.01125em;
  background-color: #5A61ED;
  border-color: #5A61ED;
  color: white;
}
button[disabled][b-lxex32anw5] {
  background-color: #EDEDED;
  border-color: #EDEDED;
  color: #000036;
}
/* /Components/MakeClaim/ChooseProject.razor.rz.scp.css */
project-selection[b-m8e5qd2vbs] {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
project-selection[b-m8e5qd2vbs]  dropdown-selected {
  border: none;
  border: 1px solid #7ABDFF;
  border-radius: 4px;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: -0.05px;
  box-shadow: 0px 1.5px 4px -1px rgba(10, 9, 11, 0.07);
  padding: 10px;
  background-color: white;
  color: #000036;
}
project-selection[b-m8e5qd2vbs]  dropdown-selected::-webkit-input-placeholder {
  color: #7F7D83;
  opacity: 1;
}
project-selection[b-m8e5qd2vbs]  dropdown-selected::-moz-placeholder {
  color: #7F7D83;
  opacity: 1;
}
project-selection[b-m8e5qd2vbs]  dropdown-selected::-ms-input-placeholder {
  color: #7F7D83;
  opacity: 1;
}
project-selection[b-m8e5qd2vbs]  dropdown-selected::placeholder {
  color: #7F7D83;
  opacity: 1;
}
project-selection[b-m8e5qd2vbs]  dropdown-selected:hover,
project-selection[b-m8e5qd2vbs]  dropdown-selected:focus,
project-selection[b-m8e5qd2vbs]  dropdown-selected:focus-within {
  border: 1px solid #5A61ED;
}
/* /Components/MakeClaim/ClaimEditor.razor.rz.scp.css */
errors[b-q768blywsb]  ul {
  padding: 0;
}
errors[b-q768blywsb]  ul li {
  list-style-type: none;
  color: #E73F3F;
}
errors[b-q768blywsb]  ul li + li {
  margin-top: 10px;
}
/* /Components/MakeClaim/ClaimPartPercentBar.razor.rz.scp.css */
percent-bar[b-xpp2vi9usy] {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
percent-bar.can-edit total-container[b-xpp2vi9usy] {
  cursor: pointer;
}
percent-bar.can-edit dot-container[b-xpp2vi9usy] {
  cursor: pointer;
}
percent-bar.can-edit percent.can-select[b-xpp2vi9usy] {
  cursor: pointer;
}
percent-bar total-container[b-xpp2vi9usy] {
  padding: 10px;
  margin: -10px;
}
percent-bar total[b-xpp2vi9usy] {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: stretch;
  height: 5px;
  border-radius: 2.5px;
  background-color: #EDEDED;
}
percent-bar total previous-claims[b-xpp2vi9usy] {
  background-color: #FFD149;
  border-top-left-radius: 2.5px;
  border-bottom-left-radius: 2.5px;
  height: 100%;
}
percent-bar total this-claim[b-xpp2vi9usy] {
  background-color: #8AE0AF;
  border-top-right-radius: 2.5px;
  border-bottom-right-radius: 2.5px;
  height: 100%;
}
percent-bar total adjustments[b-xpp2vi9usy] {
  background-color: #ADACB0;
  height: 100%;
  margin-left: auto;
}
percent-bar total dot[b-xpp2vi9usy] {
  display: block;
  height: 10px;
  width: 10px;
  border-radius: 5px;
  z-index: 1;
  background-color: #FFD149;
  margin-inline: -5px;
}
percent-bar total dot-container[b-xpp2vi9usy] {
  padding: 10px;
  margin-inline: -15px;
  z-index: 1;
}
percent-bar total dot-container dot[b-xpp2vi9usy] {
  background-color: #8AE0AF;
  margin-inline: 0;
}
percent-bar percent-labels[b-xpp2vi9usy] {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
percent-bar percent-labels percent[b-xpp2vi9usy] {
  font-size: 0.625rem;
  line-height: 1.2;
  letter-spacing: 0.05em;
  color: #64666C;
}
percent-bar percent-labels percent:not(.can-select)[b-xpp2vi9usy] {
  opacity: 0.5;
}
/* /Components/MakeClaim/ConfirmClaimDetails.razor.rz.scp.css */
summary[b-2evb8givxv],
retention[b-2evb8givxv] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 15px;
}
summary[b-2evb8givxv]  display-for,
retention[b-2evb8givxv]  display-for {
  font-size: 1.25rem;
  line-height: 1.4;
  letter-spacing: -0.02em;
  font-weight: 600;
  color: black;
}
summary hr[b-2evb8givxv],
retention hr[b-2evb8givxv] {
  align-self: stretch;
}
milestones[b-2evb8givxv] {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
milestones milestone[b-2evb8givxv] {
  border: none;
  border: 1px solid #7ABDFF;
  border-radius: 4px;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: -0.05px;
  box-shadow: 0px 1.5px 4px -1px rgba(10, 9, 11, 0.07);
  padding: 10px;
  background-color: white;
  color: #000036;
  border-color: #E6E6E6;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
}
milestones milestone number[b-2evb8givxv] {
  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[b-2evb8givxv] {
  background-color: #EDEDED;
}
milestones milestone number.variation[b-2evb8givxv] {
  background-color: #FFD149;
}
milestones milestone name[b-2evb8givxv] {
  flex-grow: 1;
  color: #64666C;
}
milestones milestone[b-2evb8givxv]  display-for {
  color: #4F4D55;
}
milestones milestone img[b-2evb8givxv] {
  cursor: pointer;
}
action[b-2evb8givxv] {
  display: flex;
  flex-direction: column;
  gap: 14px;
}
action p[b-2evb8givxv] {
  text-align: center;
  font-size: 0.625rem;
  line-height: 1.2;
  letter-spacing: 0em;
  color: black;
}
hr[b-2evb8givxv] {
  margin: 14px 0;
}
/* /Components/MakeClaim/MakeClaim.razor.rz.scp.css */
project-name[b-eme8eolyqo] {
  background-color: white;
  color: #5A61ED;
}
project-name.loading[b-eme8eolyqo] {
  -webkit-animation: skeleton-loading 1s linear infinite alternate;
          animation: skeleton-loading 1s linear infinite alternate;
  box-sizing: content-box;
  height: 1lh;
  width: 5em;
}
choose-project[b-eme8eolyqo]  dropdown-selected {
  border: none;
  border: 1px solid #7ABDFF;
  border-radius: 4px;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: -0.05px;
  box-shadow: 0px 1.5px 4px -1px rgba(10, 9, 11, 0.07);
  padding: 10px;
  background-color: white;
  color: #000036;
}
choose-project[b-eme8eolyqo]  dropdown-selected::-webkit-input-placeholder {
  color: #7F7D83;
  opacity: 1;
}
choose-project[b-eme8eolyqo]  dropdown-selected::-moz-placeholder {
  color: #7F7D83;
  opacity: 1;
}
choose-project[b-eme8eolyqo]  dropdown-selected::-ms-input-placeholder {
  color: #7F7D83;
  opacity: 1;
}
choose-project[b-eme8eolyqo]  dropdown-selected::placeholder {
  color: #7F7D83;
  opacity: 1;
}
choose-project[b-eme8eolyqo]  dropdown-selected:hover,
choose-project[b-eme8eolyqo]  dropdown-selected:focus,
choose-project[b-eme8eolyqo]  dropdown-selected:focus-within {
  border: 1px solid #5A61ED;
}
/* /Components/MakeClaim/ProjectName.razor.rz.scp.css */
project[b-ou3byjdqbc],
project-loading[b-ou3byjdqbc] {
  padding: 7px 9px;
  font-size: 0.625rem;
  line-height: 1.2;
  letter-spacing: 0em;
  border-radius: 6px;
}
project[b-ou3byjdqbc] {
  color: #5A61ED;
  border: 1px solid #5A61ED;
}
project-loading[b-ou3byjdqbc] {
  -webkit-animation: skeleton-loading 1s linear infinite alternate;
          animation: skeleton-loading 1s linear infinite alternate;
  display: block;
  box-sizing: content-box;
  height: 1lh;
  width: 5em;
}
/* /Components/Milestones/AddMilestones/AddMilestonesTemplate.razor.rz.scp.css */
milestones[b-ir2byeyj0k] {
  display: flex;
  flex-direction: row;
  gap: 25px;
  width: 100%;
}
@media only screen and (max-width: 700px) {
  milestones[b-ir2byeyj0k] {
    flex-direction: column;
  }
}
milestone-list[b-ir2byeyj0k] {
  flex: 2 0 0;
  display: grid;
  --num-columns: 3;
  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[b-ir2byeyj0k] {
    padding-right: 25px;
    border-right: 1px solid #F1F1F1;
  }
}
@media only screen and (max-width: 700px) {
  milestone-list[b-ir2byeyj0k] {
    padding-bottom: 25px;
    border-bottom: 1px solid #F1F1F1;
  }
}
@media only screen and (max-width: 1300px) {
  milestone-list[b-ir2byeyj0k] {
    --num-columns: 2;
  }
}
@media only screen and (max-width: 900px) {
  milestone-list[b-ir2byeyj0k] {
    --num-columns: 1;
    flex: 1 0 0;
  }
}
milestone-list[b-ir2byeyj0k]  button.remove {
  font-size: 12px;
  color: #EB2828;
  background: none;
  border: none;
}
summary-container[b-ir2byeyj0k] {
  flex: 1 0 0;
}
summary-container[b-ir2byeyj0k]  > * {
  height: 100%;
}
/* /Components/Milestones/AddMilestones/MilestoneSummaryItem.razor.rz.scp.css */
milestone-summary-item[b-9dhlhrsgzz] {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 5px;
  border-radius: 4px;
  border: solid 1px #EDEDED;
  padding: 12px;
  font-size: 14px;
  color: #000036;
  cursor: pointer;
}
name[b-9dhlhrsgzz] {
  flex-grow: 1;
}
percent[b-9dhlhrsgzz] {
  font-weight: 500;
  opacity: 0.35;
}
[b-9dhlhrsgzz] display-for[type="currency"] {
  font-weight: 500;
}
icon[b-9dhlhrsgzz] {
  background-color: transparent;
  color: inherit;
  border: none;
  background: none !important;
  padding: 10px;
  margin: -10px;
}
icon[b-9dhlhrsgzz]::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[b-dzj4haqaba] {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  gap: 5px;
}
/* /Components/Milestones/AddMilestones/RetentionToggle.razor.rz.scp.css */
retention[b-zwtefeqkxm] {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 5px;
  border: 1px solid #F8F8F8;
}
retention label[b-zwtefeqkxm] {
  flex-grow: 1;
}
/* /Components/Milestones/AddMilestones/Summary.razor.rz.scp.css */
summary[b-r4r3ceufzp] {
  display: flex;
  flex-direction: column;
  gap: 15px;
  color: #000036;
}
h2[b-r4r3ceufzp] {
  font-size: 20px;
  letter-spacing: -0.6px;
  font-weight: 400;
}
p[b-r4r3ceufzp] {
  margin: 0;
  font-size: 12px;
  letter-spacing: -0.36px;
  font-weight: 500;
}
totals[b-r4r3ceufzp] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  font-size: 14px;
}
totals[b-r4r3ceufzp]  > :not(hr) {
  padding: 12px;
  border-radius: 4px;
}
totals[b-r4r3ceufzp]  sub-total,
totals[b-r4r3ceufzp]  gst,
totals[b-r4r3ceufzp]  total {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
totals[b-r4r3ceufzp]  sub-total,
totals[b-r4r3ceufzp]  gst {
  /* We may show these later. */
  display: none;
  background-color: #F8F8F8;
  color: #64666C;
}
totals[b-r4r3ceufzp]  sub-total display-for[type="currency"],
totals[b-r4r3ceufzp]  gst display-for[type="currency"] {
  font-weight: 500;
  letter-spacing: -0.3px;
}
totals[b-r4r3ceufzp]  total label {
  font-weight: 600;
}
totals[b-r4r3ceufzp]  total display-for[type="currency"] {
  font-weight: 600;
  letter-spacing: -0.3px;
}
/* /Components/Milestones/AdjustmentFor.razor.rz.scp.css */
adjustment-for[b-7rcyyvdbco] {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
/* /Components/Milestones/Adjustments.razor.rz.scp.css */
adjustments[b-7d5u2ec6py] {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
items[b-7d5u2ec6py] {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
/* /Components/Milestones/CostCentreSelect.razor.rz.scp.css */
span.cost-centre.linked[b-fq2qykasg6] {
  opacity: 0.5;
}
/* /Components/Milestones/EditorForMilestone.razor.rz.scp.css */
editor-for-milestone[b-uy0i5w1d99] {
  display: flex;
  flex-direction: column;
  gap: 8px;
  max-width: 400px;
  width: 100vw;
}
editor-for-milestone card[b-uy0i5w1d99] {
  display: block;
  background-color: white;
  padding: 30px;
  border-radius: 5px;
  box-shadow: 0px 2px 25px 0px rgba(100, 102, 108, 0.1);
  display: flex;
  flex-direction: column;
  gap: 25px;
}
@media only screen and (max-width: 500px) {
  editor-for-milestone card[b-uy0i5w1d99] {
    padding: 30px 10px;
  }
}
editor-for-milestone card number[b-uy0i5w1d99] {
  align-self: center;
  font-size: 13px;
  letter-spacing: -0.058px;
  font-weight: 600;
}
editor-for-milestone card number.milestone[b-uy0i5w1d99] {
  color: #5A61ED;
}
editor-for-milestone card number.variation[b-uy0i5w1d99] {
  color: #F95608;
}
editor-for-milestone card h1[b-uy0i5w1d99] {
  align-self: center;
  color: #0A090B;
  font-size: 1.5rem;
  line-height: 1.16666667;
  letter-spacing: -0.03em;
  font-weight: 400;
}
editor-for-milestone card milestone-details[b-uy0i5w1d99] {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
editor-for-milestone card milestone-details totals[b-uy0i5w1d99] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  font-size: 14px;
}
editor-for-milestone card milestone-details totals[b-uy0i5w1d99]  display-for[type="currencey"] {
  letter-spacing: -0.42px;
}
editor-for-milestone card milestone-details totals[b-uy0i5w1d99]  sub-total,
editor-for-milestone card milestone-details totals[b-uy0i5w1d99]  gst,
editor-for-milestone card milestone-details totals[b-uy0i5w1d99]  total {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  border-radius: 4px;
  padding: 12px 10px;
}
editor-for-milestone card milestone-details totals[b-uy0i5w1d99]  sub-total {
  border: none;
  border: 1px solid #7ABDFF;
  border-radius: 4px;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: -0.05px;
  box-shadow: 0px 1.5px 4px -1px rgba(10, 9, 11, 0.07);
  padding: 10px;
  background-color: white;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  color: #000036;
  padding-block: 10px;
}
editor-for-milestone card milestone-details totals[b-uy0i5w1d99]  sub-total::-webkit-input-placeholder {
  color: #7F7D83;
  opacity: 1;
}
editor-for-milestone card milestone-details totals[b-uy0i5w1d99]  sub-total::-moz-placeholder {
  color: #7F7D83;
  opacity: 1;
}
editor-for-milestone card milestone-details totals[b-uy0i5w1d99]  sub-total::-ms-input-placeholder {
  color: #7F7D83;
  opacity: 1;
}
editor-for-milestone card milestone-details totals[b-uy0i5w1d99]  sub-total::placeholder {
  color: #7F7D83;
  opacity: 1;
}
editor-for-milestone card milestone-details totals[b-uy0i5w1d99]  sub-total:hover,
editor-for-milestone card milestone-details totals[b-uy0i5w1d99]  sub-total:focus,
editor-for-milestone card milestone-details totals[b-uy0i5w1d99]  sub-total:focus-within {
  border: 1px solid #5A61ED;
}
editor-for-milestone card milestone-details totals[b-uy0i5w1d99]  sub-total input {
  border: none;
  outline: none;
  border-radius: 0;
  box-shadow: unset;
  padding: 0;
  text-align: end;
}
editor-for-milestone card milestone-details totals[b-uy0i5w1d99]  sub-total input:hover,
editor-for-milestone card milestone-details totals[b-uy0i5w1d99]  sub-total input:focus {
  border: none;
  outline: none;
}
editor-for-milestone card milestone-details totals[b-uy0i5w1d99]  gst {
  color: #64666C;
}
editor-for-milestone card milestone-details totals[b-uy0i5w1d99]  gst display-for[type="currency"] {
  font-weight: 500;
}
editor-for-milestone card milestone-details totals[b-uy0i5w1d99]  total {
  color: #000036;
  font-weight: 600;
}
editor-for-milestone card milestone-details[b-uy0i5w1d99]  [breezer-editor-for-html-fragment] {
  height: 160px;
}
editor-for-milestone card milestone-details > hr[b-uy0i5w1d99] {
  width: 100%;
}
editor-for-milestone card milestone-details[b-uy0i5w1d99]  editor-for-string input {
  border: none;
  border: 1px solid #7ABDFF;
  border-radius: 4px;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: -0.05px;
  box-shadow: 0px 1.5px 4px -1px rgba(10, 9, 11, 0.07);
  padding: 10px;
  background-color: white;
  color: #000036;
  width: 100%;
  min-width: unset;
}
editor-for-milestone card milestone-details[b-uy0i5w1d99]  editor-for-string input::-webkit-input-placeholder {
  color: #7F7D83;
  opacity: 1;
}
editor-for-milestone card milestone-details[b-uy0i5w1d99]  editor-for-string input::-moz-placeholder {
  color: #7F7D83;
  opacity: 1;
}
editor-for-milestone card milestone-details[b-uy0i5w1d99]  editor-for-string input::-ms-input-placeholder {
  color: #7F7D83;
  opacity: 1;
}
editor-for-milestone card milestone-details[b-uy0i5w1d99]  editor-for-string input::placeholder {
  color: #7F7D83;
  opacity: 1;
}
editor-for-milestone card milestone-details[b-uy0i5w1d99]  editor-for-string input:hover,
editor-for-milestone card milestone-details[b-uy0i5w1d99]  editor-for-string input:focus,
editor-for-milestone card milestone-details[b-uy0i5w1d99]  editor-for-string input:focus-within {
  border: 1px solid #5A61ED;
}
editor-for-milestone card milestone-details form-group[b-uy0i5w1d99] {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
editor-for-milestone card button[b-uy0i5w1d99] {
  padding: 12px 14px;
  border-radius: 3.321px;
  font-size: 0.875rem;
  line-height: 1;
  letter-spacing: -0.00807143em;
  background-color: #5A61ED;
  border-color: #5A61ED;
}
@media only screen and (max-width: 500px) {
  editor-for-milestone[b-uy0i5w1d99] {
    background-color: white;
  }
  editor-for-milestone card[b-uy0i5w1d99] {
    border-radius: 0;
    box-shadow: none;
  }
}
adjustment-for[b-uy0i5w1d99] {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
h2[b-uy0i5w1d99] {
  font-size: 18px;
  font-weight: 400;
}
p[b-uy0i5w1d99] {
  margin: 0;
}
[b-uy0i5w1d99] form-field[type="milestone-sub-type"] {
  margin: 0;
}
[b-uy0i5w1d99] form-field[type="milestone-sub-type"] editor-for[type="enum"] {
  margin: 0;
}
[b-uy0i5w1d99] form-field[type="milestone-sub-type"] editor-for[type="enum"] > dropdown {
  width: 100%;
  margin: 0;
}
/* /Components/Milestones/MilestoneAmounts.razor.rz.scp.css */
amounts[b-ohyuk087d6] {
  margin-top: auto;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
amount[b-ohyuk087d6],
amount-loading[b-ohyuk087d6] {
  padding: 10px;
  border-radius: 4px;
}
amount[b-ohyuk087d6] {
  display: grid;
  grid-template-columns: repeat(2, -webkit-max-content) 1fr;
  grid-template-columns: repeat(2, max-content) 1fr;
  align-items: center;
  grid-column-gap: 10px;
  padding: 10px;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 500;
  border: 1px solid #EDEDED;
}
amount:last-child.non-zero[b-ohyuk087d6] {
  border-color: #EDEDED;
}
amount:not(:last-child.non-zero)[b-ohyuk087d6] {
  opacity: 0.65;
  background-color: #EDEDED;
  color: #64666C;
}
amount:empty[b-ohyuk087d6] {
  box-sizing: content-box;
  height: 1lh;
}
label[b-ohyuk087d6] {
  grid-column: 1;
  font-size: 12px;
  font-weight: normal;
}
pill[b-ohyuk087d6] {
  grid-column: 2;
  display: block;
  font-size: 12px;
  font-weight: normal;
  background-color: #ddd;
  border-radius: 100vh;
  padding: 3px 6px;
}
[b-ohyuk087d6] display-for[type="currency"] {
  grid-column: 3;
  justify-self: right;
}
amount-loading[b-ohyuk087d6] {
  -webkit-animation: skeleton-loading 1s linear infinite alternate;
          animation: skeleton-loading 1s linear infinite alternate;
  font-size: 14px;
  box-sizing: content-box;
  height: 1lh;
  display: block;
}
/* /Components/Milestones/MilestoneCardTemplate.razor.rz.scp.css */
milestone-colours[b-f0tpo1fucg] {
  --milestone: #5A61ED;
  --variation: #F95608;
}
milestone[b-f0tpo1fucg] {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
milestone heading[b-f0tpo1fucg] {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
milestone heading name[b-f0tpo1fucg] {
  font-size: 20px;
}
milestone heading number[b-f0tpo1fucg] {
  font-size: 12px;
  font-weight: 600;
}
milestone heading number.milestone[b-f0tpo1fucg] {
  color: #5A61ED;
}
milestone heading number.variation[b-f0tpo1fucg] {
  color: #F95608;
}
milestone description[b-f0tpo1fucg] {
  font-size: 14px;
  height: 3.5em;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  margin-bottom: auto;
}
adjustment-for[b-f0tpo1fucg] {
  font-size: 1.1em;
  font-weight: 500;
}
[b-f0tpo1fucg] sub-type-pill {
  margin-left: 10px;
}
/* /Components/Milestones/MilestoneDescription.razor.rz.scp.css */
description[b-ad5lmhduhb] {
  overflow-y: auto;
}
/* /Components/Milestones/MilestoneListItems.razor.rz.scp.css */
milestone-list[b-e8odhqwxat] {
  display: flex;
  flex-direction: column;
  gap: 35px;
}
milestone-list list-items[b-e8odhqwxat] {
  display: grid;
  grid-row-gap: 15px;
  grid-column-gap: 20px;
  --num-columns: 3;
  grid-template-columns: repeat(var(--num-columns), minmax(0, 1fr));
}
@media only screen and (max-width: 900px) {
  milestone-list list-items[b-e8odhqwxat] {
    --num-columns: 2;
  }
}
@media only screen and (max-width: 700px) {
  milestone-list list-items[b-e8odhqwxat] {
    --num-columns: 1;
  }
}
milestone-list list-items[b-e8odhqwxat]  loading-spinner {
  grid-column-end: span 3;
  display: flex;
  align-items: center;
  justify-content: center;
}
/* /Components/Milestones/MilestoneModal.razor.rz.scp.css */
.milestone[b-b3s5v40j57]  sub-heading {
  color: #5A61ED;
}
.variation[b-b3s5v40j57]  sub-heading {
  color: #F95608;
}
.completed[b-b3s5v40j57]  sub-heading {
  color: #3BBA6A;
}
.pending[b-b3s5v40j57]  sub-heading {
  color: #FFD149;
}
.rejected[b-b3s5v40j57]  sub-heading {
  color: #64666C;
}
[b-b3s5v40j57] sub-type-pill {
  margin-left: 10px;
}
/* /Components/Milestones/MilestoneNumber.razor.rz.scp.css */
number[b-n00aw8rk50] {
  letter-spacing: -0.058px;
  font-weight: 600;
}
number.milestone[b-n00aw8rk50] {
  color: #5A61ED;
}
number.variation[b-n00aw8rk50] {
  color: #F95608;
}
/* /Components/Milestones/MilestoneOverview.razor.rz.scp.css */
milestone[b-8480e8w3z3] {
  display: flex;
  flex-direction: column;
  gap: 34px;
  max-height: 50vh;
}
notes[b-8480e8w3z3] {
  white-space: pre-line;
  overflow-y: auto;
}
/* /Components/Milestones/SubTypePill.razor.rz.scp.css */
sub-type-pill[b-p45jtoch98] {
  background-color: #aaa;
  color: white;
  border-radius: 20px;
  padding: 5px;
}
/* /Components/Modals/ModalCard.razor.rz.scp.css */
modal-card[b-33rk1gizqo] {
  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: 34px;
  max-width: 380px;
  width: 100vw;
  padding-block: 24px;
}
@media only screen and (max-width: 500px) {
  modal-card[b-33rk1gizqo] {
    border-radius: 0;
    box-shadow: none;
  }
}
@media only screen and (max-width: 500px) {
  modal-card[b-33rk1gizqo] {
    max-width: unset;
    min-height: 100%;
  }
}
hr[b-33rk1gizqo] {
  color: #F1F1F1;
}
[b-33rk1gizqo] p {
  margin-block: 0;
}
heading[b-33rk1gizqo] {
  display: flex;
  flex-direction: column;
  gap: 23px;
  text-align: center;
  color: black;
  margin-inline: 24px;
}
h1[b-33rk1gizqo] {
  grid-row: 1;
  grid-column: 1;
  font-size: 1.25rem;
  line-height: 1.4;
  letter-spacing: -0.02em;
  font-weight: 600;
}
sub-heading[b-33rk1gizqo] {
  text-align: center;
}
sub-heading:empty[b-33rk1gizqo] {
  display: none;
}
modal-body[b-33rk1gizqo] {
  display: flex;
  flex-direction: column;
  gap: 34px;
  overflow-y: auto;
}
modal-body[b-33rk1gizqo]  > * {
  margin-inline: 24px;
}
[b-33rk1gizqo] button:not(.inline).secondary {
  padding: 9px 8px 9px 10px;
  border-radius: 8px;
  font-size: 1rem;
  line-height: 1.375;
  letter-spacing: -0.01125em;
}
[b-33rk1gizqo] input::-webkit-input-placeholder {
  color: #7F7D83;
  opacity: 1;
}
[b-33rk1gizqo] input::-moz-placeholder {
  color: #7F7D83;
  opacity: 1;
}
[b-33rk1gizqo] input::-ms-input-placeholder {
  color: #7F7D83;
  opacity: 1;
}
[b-33rk1gizqo] input::placeholder {
  color: #7F7D83;
  opacity: 1;
}
/* /Components/Modals/StringPrompt.razor.rz.scp.css */
buttons[b-ae2h3pog0c] {
  display: flex;
  flex-direction: row;
  gap: 10px;
}
buttons[b-ae2h3pog0c]  > button {
  padding: 9px 8px 9px 10px;
  border-radius: 8px;
  font-size: 1rem;
  line-height: 1.375;
  letter-spacing: -0.01125em;
  flex: 1 0 0;
}
text[b-ae2h3pog0c]  editor-for-string input[type="text"] {
  min-width: initial;
  width: 100%;
}
/* /Components/Money/MoneyAction.razor.rz.scp.css */
card[b-0u45n1fn4e] {
  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[b-0u45n1fn4e] {
    padding: 30px 10px;
  }
}
card text[b-0u45n1fn4e] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
}
card text h2[b-0u45n1fn4e] {
  font-size: 1.125rem;
  line-height: 1.33333333;
  letter-spacing: -0.00888889em;
  font-weight: 600;
  color: #262628;
}
card text description[b-0u45n1fn4e] {
  font-size: 0.75rem;
  line-height: 1.5;
  letter-spacing: -0.02666667em;
  font-weight: 500;
  color: #5F5F61;
}
card button[b-0u45n1fn4e] {
  padding: 10px 8px 10px 10px;
  background: none;
  border: 1px solid #000036;
  border-radius: 8px;
  font-size: 0.875rem;
  line-height: 1.42857143;
  letter-spacing: -0.00357143em;
  color: #000036;
  margin-top: auto;
}
/* /Components/Money/ProjectWalletList.razor.rz.scp.css */
project-wallets[b-frohr8hbke]  list-items[item-type="card"] {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
project-wallets[b-frohr8hbke]  show-all {
  align-self: center;
}
/* /Components/Money/ProjectWalletListItemTemplate.razor.rz.scp.css */
project-wallet[b-3pqibxmb51] {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 15px;
  padding: 24px;
  border: 1px solid #ECECED;
  border-radius: 12px;
  cursor: pointer;
}
project-wallet[b-3pqibxmb51]  skeleton[data-skeleton-type="image"] {
  border-radius: 3px;
}
project-wallet name[b-3pqibxmb51] {
  font-size: 0.875rem;
  line-height: 1.42857143;
  letter-spacing: -0.00357143em;
  font-weight: 475;
  color: #0A090B;
}
project-wallet amounts[b-3pqibxmb51] {
  display: flex;
  flex-direction: row;
  gap: 35px;
  margin-left: auto;
}
project-wallet amounts item[b-3pqibxmb51] {
  display: flex;
  flex-direction: column;
  align-items: end;
  gap: 4px;
}
project-wallet amounts item label[b-3pqibxmb51] {
  font-size: 0.8125rem;
  line-height: 1.38461538;
  letter-spacing: 0em;
  color: #4F4D55;
}
project-wallet amounts item[b-3pqibxmb51]  > :nth-child(2) {
  font-size: 0.875rem;
  line-height: 1.42857143;
  letter-spacing: -0.00357143em;
  font-weight: 475;
  color: #0A090B;
}
@media only screen and (max-width: 700px) {
  project-wallet[b-3pqibxmb51] {
    display: grid;
    grid-template-columns: -webkit-min-content 1fr;
    grid-template-columns: min-content 1fr;
    grid-row-gap: 4px;
    grid-column-gap: 15px;
  }
  project-wallet img[b-3pqibxmb51],
  project-wallet[b-3pqibxmb51]  skeleton[data-skeleton-type="image"] {
    grid-row-start: 1;
    grid-row-end: span 2;
    grid-column: 1;
  }
  project-wallet name[b-3pqibxmb51] {
    grid-row: 1;
    grid-column: 2;
  }
  project-wallet amounts[b-3pqibxmb51] {
    margin-left: 0;
    grid-row: 2;
    grid-column: 2;
    flex-direction: column;
    gap: 4px;
  }
  project-wallet amounts item[b-3pqibxmb51] {
    flex-direction: row;
    justify-content: space-between;
    gap: unset;
  }
}
project-wallet img.toggle-favourite[b-3pqibxmb51] {
  cursor: pointer;
}
project-wallet wallet-details[b-3pqibxmb51] {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
project-wallet wallet-details name[b-3pqibxmb51] {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
}
project-wallet wallet-details total[b-3pqibxmb51] {
  font-size: 0.8125rem;
  line-height: 1.38461538;
  letter-spacing: 0em;
  color: #4F4D55;
}
/* /Components/Money/TransactionOverview.razor.rz.scp.css */
card[b-qepj24da6i] {
  background-color: white;
  border-radius: 5px;
  box-shadow: 0px 0px 0px 1px rgba(10, 9, 11, 0.05), 0px 2px 7px 0px rgba(10, 9, 11, 0.05), 0px 2px 5px -2px rgba(10, 9, 11, 0.06);
  max-width: 460px;
  font-size: 0.875rem;
  line-height: 1.42857143;
  letter-spacing: -0.00357143em;
  color: #5F5F61;
  display: flex;
  flex-direction: column;
  gap: 25px;
  padding-block: 25px;
}
@media only screen and (max-width: 500px) {
  card[b-qepj24da6i] {
    border-radius: 0;
    box-shadow: none;
  }
}
h1[b-qepj24da6i] {
  font-size: 1.5rem;
  line-height: 1.16666667;
  letter-spacing: -0.03em;
  font-weight: 600;
  color: #0A090B;
  margin: 15px 32px;
}
hr[b-qepj24da6i] {
  background-color: #F1F1F1;
}
[b-qepj24da6i] display-for {
  font-size: 2.25rem;
  line-height: 1.22222222;
  letter-spacing: -0.03em;
  font-weight: 600;
  margin-inline: 32px;
}
[b-qepj24da6i] display-for.out {
  color: #E12121;
}
[b-qepj24da6i] display-for.in {
  color: #3BBA6A;
}
date[b-qepj24da6i] {
  margin-inline: 24px;
}
account[b-qepj24da6i] {
  display: flex;
  flex-direction: column;
  gap: 17px;
  margin-inline: 24px;
}
account-name[b-qepj24da6i] {
  font-size: 1.125rem;
  line-height: 1.33333333;
  letter-spacing: -0.01444444em;
  color: #000036;
}
[b-qepj24da6i] linked-projects {
  margin-inline: 24px;
}
/* /Components/Money/WalletList.razor.rz.scp.css */
wallet-list[b-p37ftpx50e] {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
wallet-list heading[b-p37ftpx50e] {
  margin-top: 10px;
  font-size: 0.75rem;
  line-height: 1.5;
  letter-spacing: 0em;
  font-weight: 600;
  color: #0A090B;
}
/* /Components/Money/WalletListItemTemplate.razor.rz.scp.css */
wallet-list-item[b-7mb3me5og9] {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 15px;
  padding: 24px;
  border: 1px solid #ECECED;
  border-radius: 12px;
}
wallet-list-item[b-7mb3me5og9]  skeleton[data-skeleton-type="image"] {
  border-radius: 3px;
}
wallet-list-item name[b-7mb3me5og9] {
  font-size: 0.875rem;
  line-height: 1.42857143;
  letter-spacing: -0.00357143em;
  font-weight: 475;
  color: #0A090B;
}
wallet-list-item amounts[b-7mb3me5og9] {
  display: flex;
  flex-direction: row;
  gap: 35px;
  margin-left: auto;
}
wallet-list-item amounts item[b-7mb3me5og9] {
  display: flex;
  flex-direction: column;
  align-items: end;
  gap: 4px;
}
wallet-list-item amounts item label[b-7mb3me5og9] {
  font-size: 0.8125rem;
  line-height: 1.38461538;
  letter-spacing: 0em;
  color: #4F4D55;
}
wallet-list-item amounts item[b-7mb3me5og9]  > :nth-child(2) {
  font-size: 0.875rem;
  line-height: 1.42857143;
  letter-spacing: -0.00357143em;
  font-weight: 475;
  color: #0A090B;
}
@media only screen and (max-width: 700px) {
  wallet-list-item[b-7mb3me5og9] {
    display: grid;
    grid-template-columns: -webkit-min-content 1fr;
    grid-template-columns: min-content 1fr;
    grid-row-gap: 4px;
    grid-column-gap: 15px;
  }
  wallet-list-item img[b-7mb3me5og9],
  wallet-list-item[b-7mb3me5og9]  skeleton[data-skeleton-type="image"] {
    grid-row-start: 1;
    grid-row-end: span 2;
    grid-column: 1;
  }
  wallet-list-item name[b-7mb3me5og9] {
    grid-row: 1;
    grid-column: 2;
  }
  wallet-list-item amounts[b-7mb3me5og9] {
    margin-left: 0;
    grid-row: 2;
    grid-column: 2;
    flex-direction: column;
    gap: 4px;
  }
  wallet-list-item amounts item[b-7mb3me5og9] {
    flex-direction: row;
    justify-content: space-between;
    gap: unset;
  }
}
wallet-list-item.can-click[b-7mb3me5og9] {
  cursor: pointer;
}
wallet-list-item status[b-7mb3me5og9] {
  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[b-z9fi1rratk]  card-contents {
    display: none;
  }
}
/* /Components/Money/WalletOverviewBase.razor.rz.scp.css */
wallet-overview-base[b-dhzk5zjn84]  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 */
type[b-37zpj5usa5] {
  font-weight: 600;
}
status[b-37zpj5usa5] {
  font-weight: 475;
}
.deposit[b-37zpj5usa5] {
  color: #3BBA6A;
}
.claim[b-37zpj5usa5] {
  color: #5A61ED;
}
.claim-pending[b-37zpj5usa5] {
  color: #7ABDFF;
}
.claim-rejected[b-37zpj5usa5] {
  color: #64666C;
}
date-time[b-37zpj5usa5],
from[b-37zpj5usa5] {
  color: #0A090B;
}
@media only screen and (max-width: 600px) {
  date-time[b-37zpj5usa5],
  from[b-37zpj5usa5] {
    flex-direction: row;
    gap: 5px;
  }
  type[b-37zpj5usa5],
  date[b-37zpj5usa5],
  from[b-37zpj5usa5] {
    grid-column-end: span 2;
  }
}
@media only screen and (min-width: 601px ) {
  date-time[b-37zpj5usa5],
  from[b-37zpj5usa5] {
    flex-direction: column;
  }
}
/* /Components/Money/WitzerWalletList.razor.rz.scp.css */
/* /Components/MouseDragArea.razor.rz.scp.css */
mouse-drag-area.drag[b-fgivg0bwmn] {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
/* /Components/Navigation/BreadCrumb.razor.rz.scp.css */
breadcrumb[b-5yb3zcigz6] {
  font-size: 14px;
  letter-spacing: -0.05px;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 7px;
  color: white;
  max-width: 100%;
}
breadcrumb a[b-5yb3zcigz6] {
  color: inherit;
  white-space: nowrap;
}
breadcrumb a:not(:last-child)[b-5yb3zcigz6],
breadcrumb separator[b-5yb3zcigz6] {
  opacity: 0.35;
}
breadcrumb a:last-child[b-5yb3zcigz6] {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}
/* /Components/Navigation/NavigationItem.razor.rz.scp.css */
navigation-item[b-ygf0do60m0] {
  cursor: pointer;
  padding: 31px 0;
}
navigation-item.current[b-ygf0do60m0] {
  color: #5A61ED;
}
/* /Components/Navigation/NavigationSection.razor.rz.scp.css */
navigation-section[b-hkpybr9als] {
  scroll-margin-top: var(--safe-area-size, 0);
}
/* /Components/Navigation/PageNavigation.razor.rz.scp.css */
sticky-container[b-a7he4hut3v] {
  position: sticky;
  top: -2px;
  z-index: 1;
  margin-top: calc(-1 * env(safe-area-inset-top, 0px));
}
visibility[b-a7he4hut3v] {
  display: block;
  height: 1px;
  margin-top: -2px;
  margin-bottom: 1px;
}
page-navigation[b-a7he4hut3v] {
  display: block;
  background-color: white;
  padding: 30px;
  border-radius: 5px;
  box-shadow: 0px 2px 25px 0px rgba(100, 102, 108, 0.1);
  padding: 0 42px;
  transition: all 0.1s linear;
  overflow: auto;
  margin-top: env(safe-area-inset-top, 0px);
}
@media only screen and (max-width: 500px) {
  page-navigation[b-a7he4hut3v] {
    padding: 30px 10px;
  }
}
@media only screen and (max-width: 500px) {
  page-navigation[b-a7he4hut3v] {
    padding: 0 10px;
  }
}
page-navigation.stuck[b-a7he4hut3v] {
  margin-inline: calc(50% - 50vw);
  padding-inline: calc(50vw - 50% + 42px);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
@media only screen and (max-width: 500px) {
  page-navigation.stuck[b-a7he4hut3v] {
    padding-inline: calc(50vw - 50% + 10px);
  }
}
page-navigation navigation-items[b-a7he4hut3v] {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 17px;
  font-size: 0.8125rem;
  line-height: 1.23076923;
  letter-spacing: 0em;
  font-weight: 475;
  color: #64666C;
}
page-navigation navigation-items[b-a7he4hut3v] >  * {
  flex-shrink: 0;
}
/* /Components/Notifications/NotificationItem.razor.rz.scp.css */
notification[b-ut1fylvp9c] {
  font-size: 0.875rem;
  line-height: 1.42857143;
  letter-spacing: -0.00357143em;
  color: #0A090B;
  background-color: white;
  padding: 10px 14px;
  cursor: pointer;
}
/* /Components/Notifications/WitzerNotificationWidget.razor.rz.scp.css */
notifications-widget img[b-pi18sbn4yk] {
  cursor: pointer;
}
notifications-widget notifications[b-pi18sbn4yk] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  padding: 5px;
  background-color: #E6E6E6;
}
notifications-widget notifications:empty[b-pi18sbn4yk] {
  display: none;
}
/* /Components/Onboarding/OnboardingOptionsList.razor.rz.scp.css */
options[b-w3tle35h0f] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-column-gap: 15px;
  grid-row-gap: 10px;
}
button.option[b-w3tle35h0f] {
  padding: 20px;
  font-size: 11.8px;
  line-height: 17.8px;
  letter-spacing: -0.042px;
  font-weight: 500;
  color: #000036;
  background-color: #EDEDED;
  border: 1px solid #EDEDED;
}
@media only screen and (max-width: 500px) {
  button.option[b-w3tle35h0f] {
    padding: 10px;
  }
}
button.selected[b-w3tle35h0f] {
  background-color: white;
  border-color: #5A61ED;
}
/* /Components/Onboarding/UserOnboarding.razor.rz.scp.css */
onboarding[b-pr1a8lrfhp] {
  background-color: white;
  width: 80vw;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 35px;
  text-align: center;
  padding: 24px;
  border-radius: 7px;
}
@media only screen and (max-width: 500px) {
  onboarding[b-pr1a8lrfhp] {
    width: 100vw;
  }
}
[b-pr1a8lrfhp] h1 {
  font-size: 37.7px;
  line-height: 50.2px;
  letter-spacing: -0.5px;
  font-weight: 300;
  color: #000036;
}
[b-pr1a8lrfhp] p {
  font-size: 16.4px;
  line-height: 20.2px;
  font-weight: 475;
  color: #0A090B;
}
[b-pr1a8lrfhp] button.continue {
  padding: 10px;
  border-radius: 10px;
  font-size: 17.7px;
  line-height: 25.3px;
  letter-spacing: -0.06px;
  font-weight: 500;
}
[b-pr1a8lrfhp] company-details {
  width: min(400px, 100%);
  text-align: start;
}
button.cancel[b-pr1a8lrfhp] {
  background: none;
  border: none;
  text-decoration: underline;
}
/* /Components/Onboarding/Welcome.razor.rz.scp.css */
img.intro-image[b-f3m0filjb8] {
  width: 200px;
  margin-inline: auto;
}
@media only screen and (max-width: 500px) {
  img.intro-image[b-f3m0filjb8] {
    width: 100px;
  }
}
/* /Components/People/ContactDetails.razor.rz.scp.css */
contact-details[b-lqd2lpgpkh] {
  margin-top: 140px;
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.row[b-lqd2lpgpkh] {
  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[b-lqd2lpgpkh] {
  overflow: hidden;
  text-overflow: ellipsis;
}
a[b-lqd2lpgpkh] {
  color: inherit;
}
not-provided[b-lqd2lpgpkh] {
  opacity: 0.5;
}
/* /Components/People/ContactDisplay.razor.rz.scp.css */
contact-display[b-ounlrbhzfc] {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100vw;
  max-width: 400px;
}
contact-display owed[b-ounlrbhzfc] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 16px 18px;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.17);
  -webkit-backdrop-filter: blur(4.5px);
          backdrop-filter: blur(4.5px);
}
contact-display owed heading[b-ounlrbhzfc] {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  font-size: 1.25rem;
  line-height: 1.4;
  letter-spacing: -0.02em;
  font-weight: 600;
  color: white;
}
contact-display owed heading[b-ounlrbhzfc]  display-for {
  margin-left: auto;
}
contact-display owed button[b-ounlrbhzfc] {
  padding: 10px 12px;
  background-color: inherit;
  border: none;
  font-size: 1.125rem;
  line-height: 1.33333333;
  letter-spacing: -0.01444444em;
  font-weight: 600;
  -webkit-backdrop-filter: blur(2px);
          backdrop-filter: blur(2px);
}
contact-display user-details[b-ounlrbhzfc] {
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: 10px;
  padding: 30px;
  background-color: white;
}
contact-display user-details name[b-ounlrbhzfc] {
  font-size: 2.25rem;
  line-height: 1.22222222;
  letter-spacing: -0.03em;
  font-weight: 700;
}
contact-display user-details footer[b-ounlrbhzfc] {
  align-self: stretch;
  margin-top: 15px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: end;
}
contact-display user-details footer role[b-ounlrbhzfc] {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 7px;
  padding: 1px 6px;
  border-radius: 5px;
  font-size: 0.75rem;
  line-height: 1.4;
  letter-spacing: -0.01em;
  color: #64666C;
  background-color: white;
}
contact-display user-details footer role img[b-ounlrbhzfc] {
  width: 5px;
  height: 5px;
}
contact-display show-all[b-ounlrbhzfc] {
  align-self: center;
  margin-top: 12px;
  font-size: 1rem;
  line-height: 1.375;
  letter-spacing: -0.01125em;
  font-weight: 600;
  color: white;
  cursor: pointer;
}
[b-ounlrbhzfc] contact-details {
  width: 100%;
}
/* /Components/People/ContactFilter.razor.rz.scp.css */
contact-filter[b-tmr8i1hfon] {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  gap: 10px;
}
contact-filter[b-tmr8i1hfon]  list-search {
  flex-grow: 1;
  background-color: white;
}
contact-filter[b-tmr8i1hfon]  role-filter {
  flex-shrink: 0;
}
/* /Components/People/ContactList.razor.rz.scp.css */
contact-list[b-02bztzkxru] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  border-radius: 5px;
  box-shadow: 0px 0px 0px 1px rgba(10, 9, 11, 0.05), 0px 2px 7px 0px rgba(10, 9, 11, 0.05), 0px 2px 5px -2px rgba(10, 9, 11, 0.06);
}
/* /Components/People/ContactListItem.razor.rz.scp.css */
contact-list-item[b-frtcqioet4] {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
  border-bottom: 1px solid #EDEDED;
  padding: 20px 32px;
  cursor: pointer;
}
contact-list-item user-details[b-frtcqioet4] {
  flex: 3 0 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
contact-list-item user-details name[b-frtcqioet4] {
  font-size: 0.875rem;
  line-height: 1.4;
  letter-spacing: 0em;
  font-weight: 550;
  color: #000036;
}
contact-list-item user-details roles[b-frtcqioet4] {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 15px;
}
contact-list-item user-details roles role[b-frtcqioet4] {
  font-size: 0.75rem;
  line-height: 1.4;
  letter-spacing: -0.01em;
  color: #64666C;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 7px;
}
contact-list-item user-details roles role img[b-frtcqioet4] {
  width: 5px;
  height: 5px;
}
contact-list-item owe[b-frtcqioet4] {
  flex: 1 0 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
contact-list-item owe amount[b-frtcqioet4] {
  font-size: 0.875rem;
  line-height: 1.4;
  letter-spacing: -0.01em;
  font-weight: 500;
  color: #000036;
}
contact-list-item owe label[b-frtcqioet4] {
  font-size: 0.75rem;
  line-height: 1.4;
  letter-spacing: -0.01em;
  font-weight: 450;
  color: #64666C;
}
contact-list-item owe.zero[b-frtcqioet4] {
  opacity: 0.25;
}
contact-list-item status[b-frtcqioet4] {
  flex: 1 0 0;
  padding: 8px 10px 8px 9px;
  font-size: 0.875rem;
  line-height: 1.4;
  letter-spacing: -0.01em;
  font-weight: 500;
  text-align: center;
  border-radius: 6px;
  box-shadow: 0px 1.5px 4px -1px rgba(10, 9, 11, 0.07);
}
contact-list-item status.active[b-frtcqioet4] {
  background-color: #8AE0AF;
  color: #000036;
}
contact-list-item status.inactive[b-frtcqioet4] {
  background-color: #EDEDED;
  color: #64666C;
}
/* /Components/People/RoleFilter.razor.rz.scp.css */
role-filter[b-c8p3jdavo8] {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 11px;
  border: none;
  border: 1px solid #7ABDFF;
  border-radius: 4px;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: -0.05px;
  box-shadow: 0px 1.5px 4px -1px rgba(10, 9, 11, 0.07);
  padding: 10px;
  background-color: white;
  color: #000036;
  font-size: 0.75rem;
  line-height: 1.4;
  letter-spacing: -0.01em;
}
role-filter[b-c8p3jdavo8]::-webkit-input-placeholder {
  color: #7F7D83;
  opacity: 1;
}
role-filter[b-c8p3jdavo8]::-moz-placeholder {
  color: #7F7D83;
  opacity: 1;
}
role-filter[b-c8p3jdavo8]::-ms-input-placeholder {
  color: #7F7D83;
  opacity: 1;
}
role-filter[b-c8p3jdavo8]::placeholder {
  color: #7F7D83;
  opacity: 1;
}
role-filter:hover[b-c8p3jdavo8],
role-filter:focus[b-c8p3jdavo8],
role-filter:focus-within[b-c8p3jdavo8] {
  border: 1px solid #5A61ED;
}
role-filter label[b-c8p3jdavo8] {
  color: #64666C;
}
/* /Components/People/RoleFilterOption.razor.rz.scp.css */
role-filter-option[b-ksb9lwbco0] {
  color: #64666C;
  opacity: 0.5;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
  cursor: pointer;
}
role-filter-option.selected[b-ksb9lwbco0] {
  color: #000036;
  opacity: 1;
}
role-filter-option img[b-ksb9lwbco0] {
  width: 12px;
  height: 12px;
}
/* /Components/Pill.razor.rz.scp.css */
pill[b-7atmr4u717] {
  display: inline-block;
  background-color: #ddd;
  color: black;
  border-radius: 10px;
  padding: 5px 10px;
}
/* /Components/Plans/Areas/AreaListItemActions.razor.rz.scp.css */
actions[b-44vtoks4ao] {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 5px;
}
/* /Components/Plans/Areas/PlanAreaEditor.razor.rz.scp.css */
[b-xqggm115yf] input[type="text"] {
  min-width: initial;
  width: 100%;
}
[b-xqggm115yf] button.save,
[b-xqggm115yf] skeleton[data-skeleton-type="button"] {
  display: block;
  width: 100%;
}
[b-xqggm115yf] dropdown {
  width: 100%;
  margin-right: 0;
}
/* /Components/Plans/Areas/PlanAreaListItem.razor.rz.scp.css */
heading[b-4ytp9h5xm0] {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 5px;
}
.can-edit name[b-4ytp9h5xm0],
.can-edit category[b-4ytp9h5xm0] {
  cursor: pointer;
}
category[b-4ytp9h5xm0] {
  grid-row: 1;
  grid-column: 1;
  font-size: 0.7em;
  color: #DF1D01;
  font-weight: bold;
}
name[b-4ytp9h5xm0] {
  grid-row: 2;
  grid-column: 1;
  font-size: 1.2em;
}
actions[b-4ytp9h5xm0] {
  grid-row: 1;
  grid-row-end: 3;
  grid-column: 2;
}
content[b-4ytp9h5xm0] {
  display: block;
}
content[b-4ytp9h5xm0]  card.inspiration-list {
  box-shadow: none;
  padding: 0;
  border-top: solid 1px #DADAE2;
  border-radius: 0;
  padding-top: 15px;
}
content[b-4ytp9h5xm0]  card.inspiration-list main-heading h1 {
  font-size: 16px;
  font-weight: 400;
}
/* /Components/Plans/Attachments/AttachmentCard.razor.rz.scp.css */
content[b-bcmu2vcp33] {
  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[b-bcmu2vcp33] {
  grid-row: 1;
  grid-column: 1/-1;
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 3px;
  padding: 2px;
}
tag[b-bcmu2vcp33] {
  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[b-bcmu2vcp33] {
  display: contents;
  background-color: transparent;
}
tag > icon[b-bcmu2vcp33]:before {
  margin-left: 10px;
}
tag > icon:hover[b-bcmu2vcp33] {
  background-color: transparent;
}
actions[b-bcmu2vcp33] {
  grid-row: 3;
  grid-column: 3;
  display: flex;
  flex-direction: row;
}
/* /Components/Plans/Attachments/AttachmentDisplay.razor.rz.scp.css */
[b-b63npv3l7n] display-for[type="document"] img {
  max-width: 100%;
}
/* /Components/Plans/Attachments/AttachmentEditor.razor.rz.scp.css */
[b-9t0m4phm85] input[type="text"] {
  min-width: initial;
  width: 100%;
}
[b-9t0m4phm85] button.save,
[b-9t0m4phm85] skeleton[data-skeleton-type="button"] {
  display: block;
  width: 100%;
}
[b-9t0m4phm85] editor-for[type="document"] img,
[b-9t0m4phm85] display-for[type="document"] img {
  max-width: 100%;
}
[b-9t0m4phm85] display-for[type="bool"] {
  opacity: 0.5;
}
[b-9t0m4phm85] form-field.unit-cost input {
  width: 100%;
}
[b-9t0m4phm85] form-field.link display-for[type='document'] img {
  aspect-ratio: 3 / 2;
  max-width: 100%;
  width: 100%;
  margin-top: 10px;
  margin-bottom: 10px;
}
[b-9t0m4phm85] .link-loading {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-top: 10px;
}
[b-9t0m4phm85] .link-loading loading-spinner {
  justify-content: center;
}
/* /Components/Plans/Attachments/EditorForStringWithDropdown.razor.rz.scp.css */
input[b-qqer1c1xuf] {
  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[b-qqer1c1xuf],
input:focus[b-qqer1c1xuf] {
  border: none;
  outline: none;
}
/* /Components/Plans/Attachments/ListEditor/EditorForPlanAttachmentList.razor.rz.scp.css */
attachment-list-editor[b-dl32fh32h1] {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
attachments[b-dl32fh32h1] {
  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[b-74kotoxrms] {
  display: grid;
  grid-column: 1/-1;
  grid-template-columns: subgrid;
}
content[b-74kotoxrms] {
  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[b-2co43sotow] {
  grid-column: 1/-1;
  display: block;
  text-align: center;
  margin: 10px 57px;
  color: #5F5F61;
}
list-items-no-data h4[b-2co43sotow] {
  font-weight: normal;
  font-size: 20px;
}
list-items-no-data[b-2co43sotow]  button {
  font: inherit;
  color: #5A61ED;
}
/* /Components/Plans/Attachments/ProjectPlanAttachmentListItem.razor.rz.scp.css */
list-item[b-2yg19kik4g] {
  display: block;
  width: 100%;
  aspect-ratio: 1.5;
  container-type: size;
  container-name: attachment-list-item;
}
list-item.can-edit[b-2yg19kik4g] {
  cursor: pointer;
}
list-item.loading[b-2yg19kik4g] {
  -webkit-animation: skeleton-loading 1s linear infinite alternate;
          animation: skeleton-loading 1s linear infinite alternate;
  border-radius: 10px;
}
@container attachment-list-item (max-width: 200px) {
  h3.name[b-2yg19kik4g] {
    font-size: 0.8em;
  }
  tag[b-2yg19kik4g] {
    font-size: 0.6em;
  }
  icon[b-2yg19kik4g] {
    width: 20px;
    height: 20px;
    font-size: 0.5em;
  }
}
/* /Components/Plans/Attachments/Summary/OverlappedAttachmentList.razor.rz.scp.css */
attachments[b-3yjr5un4y5] {
  display: grid;
  grid-template-columns: repeat(calc(var(--num-items) + var(--overlap-factor) - 1), minmax(0, 1fr));
}
attachment[b-3yjr5un4y5] {
  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;
}
[b-3yjr5un4y5] img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
/* /Components/Plans/Attachments/Summary/PlanAttachmentsSummary.razor.rz.scp.css */
attachments-summary[b-opne2rbjdw] {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
attachments-summary[b-opne2rbjdw]  > img {
  width: 100%;
  aspect-ratio: 1;
  -o-object-fit: cover;
     object-fit: cover;
}
attachments[b-opne2rbjdw] {
  display: grid;
  grid-auto-flow: row;
  grid-template-columns: auto auto auto 1fr;
  grid-gap: 5px;
  align-items: center;
}
attachments[b-opne2rbjdw]  > img {
  width: 70px;
  height: 70px;
  -o-object-fit: cover;
     object-fit: cover;
  max-width: 100%;
  max-height: 100%;
}
/* /Components/Plans/Budgets/BudgetSection.razor.rz.scp.css */
budget[b-dcracaqoso] {
  display: grid;
  grid-template-columns: auto auto 1fr repeat(5, auto);
  -webkit-column-gap: 10px;
     -moz-column-gap: 10px;
          column-gap: 10px;
  align-items: center;
  width: 100%;
}
budget.read-only[b-dcracaqoso] {
  grid-template-columns: 1fr repeat(5, auto);
}
budget[b-dcracaqoso]  budget-item {
  display: contents;
}
@media only screen and (max-width: 800px) {
  budget[b-dcracaqoso]  budget-item {
    display: block;
  }
}
budget[b-dcracaqoso]  div.drop {
  display: grid;
  grid-column: 1 / -1;
  grid-template-columns: subgrid;
  align-items: center;
}
@media only screen and (max-width: 800px) {
  budget[b-dcracaqoso]  div.drop {
    display: block;
  }
}
button.add-item[b-dcracaqoso] {
  grid-column: 1 / -1;
  margin-top: 10px;
  margin-bottom: 10px;
  width: 100%;
  height: 60px;
  border: solid 1px #ddd;
  border-style: dashed;
  background-color: transparent;
  color: #888;
  font-size: 20px;
}
button.add-item:hover[b-dcracaqoso] {
  color: #333;
}
@media only screen and (max-width: 800px) {
  button.add-item[b-dcracaqoso] {
    margin-top: 0;
  }
}
@media only screen and (max-width: 800px) {
  budget[b-dcracaqoso] {
    display: block;
  }
  budget[b-dcracaqoso]  drop > * {
    display: inline-block;
  }
  button.add-item[b-dcracaqoso] {
    width: 100%;
  }
}
hr[b-dcracaqoso] {
  grid-column: 1/-1;
  margin-top: 10px;
  margin-bottom: 10px;
}
total[b-dcracaqoso] {
  grid-column-start: 5;
  grid-column-end: span 2;
  display: grid;
  grid-template-columns: subgrid;
  text-align: right;
}
budget.read-only total[b-dcracaqoso] {
  grid-column-start: 3;
}
total[b-dcracaqoso]  display-for {
  font-weight: bold;
}
@media only screen and (max-width: 800px) {
  total[b-dcracaqoso] {
    display: block;
    text-align: center;
  }
}
/* /Components/Plans/Budgets/BudgetSelect.razor.rz.scp.css */
budget-list[b-lp40sybmgj] {
  display: block;
  white-space: nowrap;
  overflow-x: scroll;
}
budget[b-lp40sybmgj] {
  display: inline-block;
  white-space: nowrap;
  border: solid 1px #ddd;
  border-radius: 5px;
  padding: 5px 10px;
  cursor: pointer;
  margin-right: 5px;
}
budget h5[b-lp40sybmgj] {
  display: inline-block;
  margin: 0;
  font-weight: normal;
}
budget icon.fa-trash[b-lp40sybmgj] {
  margin-left: 10px;
}
budget.selected[b-lp40sybmgj] {
  border-color: black;
  cursor: default;
}
budget.selected h5[b-lp40sybmgj] {
  font-weight: bold;
}
budget.selected icon[b-lp40sybmgj] {
  cursor: pointer;
}
budget h5[b-lp40sybmgj],
budget icon[b-lp40sybmgj] {
  opacity: 0.7;
}
budget h5:hover[b-lp40sybmgj],
budget icon:hover[b-lp40sybmgj] {
  opacity: 1;
}
budget.selected h5[b-lp40sybmgj],
budget.selected icon[b-lp40sybmgj] {
  opacity: 1;
}
icon.fa-add[b-lp40sybmgj] {
  border: solid 1px #ddd;
}
@media only screen and (max-width: 800px) {
  total[b-lp40sybmgj] {
    display: block;
    text-align: center;
  }
}
/* /Components/Plans/Budgets/Edit/BudgetItem.razor.rz.scp.css */
budget-item[b-x02hcbp6f6] {
  background-color: #F9F9F9;
}
budget-item:first-child[b-x02hcbp6f6]  > div.drop {
  border-top: solid 1px #DADAE2;
}
budget-item[b-x02hcbp6f6]  > div.drop {
  border-bottom: solid 1px #DADAE2;
}
[b-x02hcbp6f6] div.grab {
  padding: 10px;
}
move[b-x02hcbp6f6] {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
icon.move[b-x02hcbp6f6] {
  padding: 10px;
  cursor: pointer;
}
icon.move.disabled[b-x02hcbp6f6] {
  pointer-events: none;
  opacity: 0.5;
}
selected-product[b-x02hcbp6f6] {
  margin-right: 10px;
}
[b-x02hcbp6f6] unit-cost {
  justify-self: right;
  white-space: nowrap;
}
[b-x02hcbp6f6] unit-cost icon {
  margin-left: 10px;
  margin-right: 10px;
}
[b-x02hcbp6f6] unit-cost input {
  max-width: 80px;
  text-align: right;
}
product label[b-x02hcbp6f6] {
  display: none;
}
budget-item.read-only product label[b-x02hcbp6f6] {
  display: inline-block;
}
product actions[b-x02hcbp6f6] {
  display: flex;
  flex-direction: row;
  gap: 10px;
}
product icon.action[b-x02hcbp6f6] {
  padding: 10px;
  cursor: pointer;
}
product button[b-x02hcbp6f6] {
  background: none;
  border: none;
  color: var(--primary-colour);
}
icon.remove[b-x02hcbp6f6] {
  padding: 3px;
  border: 1px solid black;
  border-radius: 50%;
  cursor: pointer;
  margin-left: 10px;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}
quantity[b-x02hcbp6f6] {
  white-space: nowrap;
}
quantity[b-x02hcbp6f6]  input {
  text-align: right;
  max-width: 80px;
  min-width: 80px;
}
total[b-x02hcbp6f6] {
  padding-left: 20px;
  font-weight: 500;
  text-align: right;
}
budget-item.read-only[b-x02hcbp6f6]  input,
budget-item.read-only input[b-x02hcbp6f6] {
  border: none;
}
mobile-edit-actions[b-x02hcbp6f6] {
  display: none;
}
quantity-area[b-x02hcbp6f6] {
  display: contents;
}
quantity-area label[b-x02hcbp6f6] {
  display: none;
}
@media only screen and (max-width: 800px) {
  quantity-area[b-x02hcbp6f6] {
    display: flex;
    width: 100%;
    margin: 10px;
    align-items: center;
    gap: 8px;
  }
  quantity-area label[b-x02hcbp6f6] {
    display: inline-block;
  }
  mobile-edit-actions[b-x02hcbp6f6] {
    display: flex;
    width: 100%;
    gap: 10px;
    margin-bottom: 5px;
  }
  mobile-edit-actions > button[b-x02hcbp6f6] {
    flex: 1;
  }
  mobile-edit-actions > button.discard[b-x02hcbp6f6] {
    border: none;
    color: red;
    font-size: 0;
    flex-grow: 0;
  }
  mobile-edit-actions > button.discard icon[b-x02hcbp6f6] {
    font-size: 16px;
  }
  mobile-edit-actions[b-x02hcbp6f6]  display-for {
    font-weight: bold;
    align-content: center;
  }
  total[b-x02hcbp6f6] {
    display: none;
  }
  budget-item:first-child[b-x02hcbp6f6]  > div.drop {
    border-top: none;
  }
  budget-item[b-x02hcbp6f6]  > div.drop {
    border-bottom: none;
  }
  [b-x02hcbp6f6] div.grab,
  move[b-x02hcbp6f6],
  icon.remove[b-x02hcbp6f6] {
    display: none;
  }
  budget-item[b-x02hcbp6f6] {
    border: none;
    align-content: end;
    border-radius: 5px;
    margin-bottom: 5px;
    padding: 5px;
    border: solid 1px #ccc;
  }
  budget-item product[b-x02hcbp6f6] {
    display: block;
    width: 100%;
    margin-bottom: 5px;
  }
  budget-item product[b-x02hcbp6f6]  editor-for-string input {
    width: 100%;
    min-width: auto;
    max-width: 100%;
    margin-bottom: 5px;
  }
  budget-item:not(.editing) mobile-edit-actions[b-x02hcbp6f6] {
    display: none;
  }
  budget-item:not(.editing) quantity-area[b-x02hcbp6f6] {
    display: none;
  }
  budget-item:not(.editing) product[b-x02hcbp6f6] {
    display: block;
  }
  budget-item:not(.editing) product[b-x02hcbp6f6]  > * {
    display: none;
  }
  budget-item:not(.editing) product label[b-x02hcbp6f6] {
    display: block;
    visibility: visible;
    height: auto;
    margin: 10px;
  }
  budget-item:not(.editing) total[b-x02hcbp6f6] {
    display: block;
    width: 100%;
    text-align: right;
    opacity: 0.7;
    font-size: 12px;
  }
}
/* /Components/Plans/Budgets/Edit/Products/ProductSelectDialog.razor.rz.scp.css */
[b-19fj7f3ff6] .empty {
  opacity: 0.7;
  display: flex;
  flex-direction: column;
  text-align: center;
}
[b-19fj7f3ff6] .empty icon {
  font-size: 30px;
  align-self: center;
  color: #888;
  margin-bottom: 20px;
}
/* /Components/Plans/Budgets/Edit/Products/ProductSelectOption.razor.rz.scp.css */
product.selected[b-kxycea6p3k]  card {
  outline: 2px solid #5A61ED;
}
/* /Components/Plans/Budgets/Edit/SaveStatusDisplay.razor.rz.scp.css */
save-status[b-47xdy096vc] {
  display: flex;
  justify-content: right;
  gap: 5px;
}
/* /Components/Plans/Collaborator.razor.rz.scp.css */
collaborator[b-1zmdksqvmv] {
  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: #000036;
}
avatar[b-1zmdksqvmv] {
  grid-column: 1;
  grid-row: 1/3;
}
avatar[b-1zmdksqvmv]  avatar {
  --avatar-size: 40px;
}
name[b-1zmdksqvmv] {
  grid-column: 2;
  grid-row: 1;
  align-self: end;
}
bio[b-1zmdksqvmv] {
  grid-column: 2;
  grid-row: 2;
  align-self: start;
  opacity: 0.5;
}
/* /Components/Plans/Collaborators/CollaboratorList.razor.rz.scp.css */
collaborators[b-ispb04bf6j] {
  display: flex;
  flex-direction: row;
}
/* /Components/Plans/Collaborators/CollaboratorListWithInvite.razor.rz.scp.css */
collaborators[b-sdk9we0opj] {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
}
collaborators button[b-sdk9we0opj] {
  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/InviteCollaboratorDialog.razor.rz.scp.css */
invite[b-0fhbb71ysl]  editor-for-string input[type="text"] {
  min-width: initial;
  width: 100%;
}
invite[b-0fhbb71ysl]  form-field.can-edit > * {
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
}
invite[b-0fhbb71ysl]  action-buttons {
  display: flex;
  justify-content: center;
  gap: 20px;
  margin-top: 20px;
}
/* /Components/Plans/Create/NewPlanWizard.razor.rz.scp.css */
page-content[b-ucrdyl8jpj] {
  background-color: white;
  border-radius: 5px;
}
button.continue[b-ucrdyl8jpj] {
  margin-top: 20px;
  width: 100%;
}
h3[b-ucrdyl8jpj] {
  font-weight: lighter;
  text-align: center;
  font-size: 22px;
  margin-bottom: 25px;
}
/* /Components/Plans/Display/Areas.razor.rz.scp.css */
areas[b-2qsyob5kp8]  > card > card-contents > list-items[item-type="card"] {
  grid-template-columns: minmax(0, 1fr);
}
/* /Components/Plans/FeatureImageBackground.razor.rz.scp.css */
card[b-x18rz5c73x] {
  width: 100%;
  height: 100%;
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: 100%;
}
card > *[b-x18rz5c73x] {
  grid-row: 1;
  grid-column: 1;
  width: 100%;
  height: 100%;
}
feature-image[b-x18rz5c73x]  img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
card[b-x18rz5c73x],
feature-image[b-x18rz5c73x]  img {
  border-radius: 10px;
}
content[b-x18rz5c73x] {
  padding: 10px;
  border-radius: 10px;
}
/* /Components/Plans/FloorPlans/DimensionsCalculatedValues.razor.rz.scp.css */
calculated[b-5541ojjfdz] {
  display: block;
  color: #888;
}
span[b-5541ojjfdz] {
  font-size: 0.8em;
  margin-right: 8px;
}
b[b-5541ojjfdz] {
  font-size: 1.1em;
}
/* /Components/Plans/FloorPlans/DimensionsEditor.razor.rz.scp.css */
dimensions[b-w7md2tekd0] {
  display: block;
}
span[b-w7md2tekd0] {
  font-size: 0.8em;
  margin-right: 8px;
}
b[b-w7md2tekd0] {
  font-size: 1.1em;
}
/* /Components/Plans/FloorPlans/EditorForLength.razor.rz.scp.css */
[b-hxfdxbm7z9] input {
  width: 70px;
  text-align: right;
  font-weight: inherit;
}
/* /Components/Plans/FloorPlans/FloorPlan.razor.rz.scp.css */
floor-plan[b-fdsmqcw9cv] {
  display: grid;
  grid-template-columns: 1fr auto;
  margin-bottom: 15px;
  grid-gap: 15px;
}
@media only screen and (max-width: 600px) {
  floor-plan[b-fdsmqcw9cv] {
    grid-template-columns: auto;
  }
}
h4[b-fdsmqcw9cv] {
  font-size: 16px;
  font-weight: 400;
  margin: 0;
  margin-bottom: 15px;
}
documents[b-fdsmqcw9cv]  > limited-attachment-list > attachment-list {
  gap: 15px;
}
dimensions[b-fdsmqcw9cv] {
  display: block;
}
dimensions.can-edit[b-fdsmqcw9cv] {
  cursor: pointer;
}
dimensions actual[b-fdsmqcw9cv] {
  display: block;
}
dimensions actual > span[b-fdsmqcw9cv] {
  font-size: 0.8em;
  margin-right: 8px;
}
dimensions actual > span > b[b-fdsmqcw9cv] {
  font-size: 1.1em;
}
/* /Components/Plans/FloorPlans/NoFloorPlan.razor.rz.scp.css */
no-floor-plan[b-3e1cqlus6i] {
  text-align: center;
}
add-floor-plan[b-3e1cqlus6i] {
  display: flex;
  justify-content: end;
}
/* /Components/Plans/IconButton.razor.rz.scp.css */
icon[b-ccewlbdjb9] {
  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[b-ccewlbdjb9] {
  background-color: #8E8E8EFF;
}
icon[disabled][b-ccewlbdjb9] {
  cursor: default;
  opacity: 0.5;
}
icon[b-ccewlbdjb9]::before,
icon[b-ccewlbdjb9]  > * {
  grid-column: 1;
  grid-row: 1;
}
/* /Components/Plans/List/PlanListItem.razor.rz.scp.css */
plan-list-item[b-7cf2l8vjme] {
  overflow: hidden;
  border-radius: 5px;
  border: solid 1px #DADAE2;
}
plan-list-item:not(.loading)[b-7cf2l8vjme] {
  cursor: pointer;
}
plan-list-item.loading[b-7cf2l8vjme] {
  -webkit-animation: skeleton-loading 1s linear infinite alternate;
          animation: skeleton-loading 1s linear infinite alternate;
}
heading[b-7cf2l8vjme] {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  border-bottom: solid 1px #DADAE2;
  margin-bottom: 10px;
  padding: 10px;
}
content[b-7cf2l8vjme] {
  padding: 10px;
  display: block;
}
h3.name[b-7cf2l8vjme] {
  border-radius: 5px;
  background-color: rgba(255, 255, 255, 0.5);
  padding: 2px;
}
/* /Components/Plans/List/PlanListItemsNoData.razor.rz.scp.css */
list-items-no-data[b-n65cd30l8h] {
  grid-column: 1/-1;
  display: block;
  text-align: center;
  margin: 10px 57px;
}
list-items-no-data h4[b-n65cd30l8h] {
  font-weight: normal;
  font-size: 20px;
}
list-items-no-data[b-n65cd30l8h]  button {
  font: inherit;
  color: #5A61ED;
}
/* /Components/Plans/PlanRenameDialog.razor.rz.scp.css */
buttons[b-buc8x5rxnu] {
  display: flex;
  flex-direction: row;
  gap: 15px;
}
[b-buc8x5rxnu] button {
  flex-grow: 1;
}
[b-buc8x5rxnu] input {
  min-width: initial;
  width: 100%;
}
/* /Components/Plans/Quotes/ContractorQuote.razor.rz.scp.css */
contractor-quote[b-kiueoq1amq] {
  display: block;
  padding: 20px;
  text-align: center;
}
@media only screen and (max-width: 500px) {
  contractor-quote[b-kiueoq1amq] {
    padding: 10px;
  }
}
actions[b-kiueoq1amq] {
  display: block;
}
.info[b-kiueoq1amq] {
  color: #5F5F61;
  margin-bottom: 10px;
  display: inline-block;
}
/* /Components/Plans/Quotes/PlanAddress.razor.rz.scp.css */
p[b-rbvzqt4imy] {
  text-align: center;
}
/* /Components/Plans/Quotes/QuoteListItem.razor.rz.scp.css */
quote-collaborator[b-k104wfz1p2] {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
}
name[b-k104wfz1p2] {
  font-weight: 600;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}
project[b-k104wfz1p2] {
  cursor: pointer;
}
actions[b-k104wfz1p2] {
  display: flex;
  flex-direction: row;
  gap: 10px;
}
heading-content[b-k104wfz1p2] {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
note[b-k104wfz1p2] {
  background-color: #F6F6F6;
  padding: 20px;
  display: flex;
  font-size: 15px;
  margin-bottom: 10px;
}
@media only screen and (max-width: 500px) {
  note[b-k104wfz1p2] {
    padding: 10px;
  }
}
note i[b-k104wfz1p2] {
  color: #5F5F61;
  white-space: nowrap;
  display: inline-block;
}
note > span[b-k104wfz1p2] {
  white-space: pre-line;
  margin-left: 10px;
  display: inline-block;
}
/* /Components/Plans/Quotes/Quotes.razor.rz.scp.css */
[b-vwm440fpj0] list-items[item-type="card"][breezer-list-items] {
  grid-template-columns: minmax(0, 1fr);
}
quotes[b-vwm440fpj0]  > 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 */
[b-0ge07sjhgv] editor-for-string input {
  min-width: 100%;
  width: 100%;
}
[b-0ge07sjhgv] button.primary {
  width: 100%;
}
request-quote > p[b-0ge07sjhgv] {
  margin-top: 10px;
}
/* /Components/PlanTemplates/List/ExpandablePlanListItem.razor.rz.scp.css */
template-list-item[b-ic3a7qua94] {
  display: flex;
  flex-direction: column;
  border-radius: 5px;
  border: 1px solid #dadae2;
}
toggle-container[b-ic3a7qua94] {
  padding: 10px;
  cursor: pointer;
}
[b-ic3a7qua94] hr {
  color: #dadae2;
}
expanded-container[b-ic3a7qua94] {
  padding: 10px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
/* /Components/PlanTemplates/List/ProjectPlanTemplateListItem.razor.rz.scp.css */
toggle[b-3dmiqluznr] {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  font-size: 14px;
  line-height: 17px;
}
icon.toggle[b-3dmiqluznr] {
  margin-right: 10px;
}
/* /Components/PlanTemplates/PlanAttachment.razor.rz.scp.css */
attachment[b-ta9vx2ltnv] {
  display: block;
  width: 100%;
}
[b-ta9vx2ltnv] img {
  width: 100%;
  border-radius: 10px;
}
/* /Components/PlanTemplates/PlanAttachmentList.razor.rz.scp.css */
attachments[b-j8pj1tyeos] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
}
/* /Components/PlanTemplates/PlanDisplay.razor.rz.scp.css */
plan-loading[b-jqx9mcg9e1] {
  display: flex;
  justify-content: center;
}
/* /Components/Popup/MobileFullScreenPopupContent.razor.rz.scp.css */
button.close[b-3xvnv95cpp] {
  display: none;
}
div.mobile-full-screen[b-3xvnv95cpp] {
  display: contents;
}
@media only screen and (max-width: 500px) {
  div.mobile-full-screen[b-3xvnv95cpp] {
    display: block;
    position: fixed;
    top: calc(66px + env(safe-area-inset-top, 0px));
    bottom: calc(80px + env(safe-area-inset-bottom, 0px));
    left: 0;
    right: 0;
    z-index: 100000;
  }
  button.close[b-3xvnv95cpp] {
    display: block;
    position: absolute;
    top: 5px;
    right: 10px;
    font-size: 24px;
    line-height: 24px;
    font-weight: 600;
    padding: 0;
    border: none;
    background: none;
    color: #3C3C4399;
    margin: 0;
    letter-spacing: normal;
  }
  [b-3xvnv95cpp] div.popup-container,
  [b-3xvnv95cpp] div.popup {
    position: static !important;
    width: 100%;
    height: 100%;
  }
  [b-3xvnv95cpp] div.popup {
    -webkit-transform: none !important;
            transform: none !important;
  }
  [b-3xvnv95cpp] dropdown-options[breezer-dropdown] {
    height: 100%;
    max-height: 100%;
    min-width: 100%;
  }
}
/* /Components/Progress/DottedProgressBar.razor.rz.scp.css */
progress-bar[b-jnc94n2z3g] {
  display: grid;
  height: 8px;
  align-items: center;
  --progress-bar-background-colour: #EDEDED;
  --progress-bar-colour: #63C888;
}
progress-bar[b-jnc94n2z3g]  > * {
  grid-row: 1;
  grid-column: 1;
}
progress-bar progress-dots[b-jnc94n2z3g] {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
progress-bar progress-dots dot[b-jnc94n2z3g] {
  width: 8px;
  height: 8px;
  border-radius: 4px;
  background-color: #EDEDED;
  outline: 4px solid white;
}
progress-bar progress-dots dot.filled[b-jnc94n2z3g] {
  background-color: #63C888;
}
progress-bar[b-jnc94n2z3g]  total {
  height: 50%;
}
/* /Components/Progress/ProgressBar.razor.rz.scp.css */
total[b-bzn0uaj4eb] {
  display: block;
  width: 100%;
  height: 6px;
  border-radius: calc(6px / 2);
}
total.loading[b-bzn0uaj4eb] {
  -webkit-animation: skeleton-loading 1s linear infinite alternate;
          animation: skeleton-loading 1s linear infinite alternate;
}
total:not(.loading)[b-bzn0uaj4eb] {
  background-color: var(--progress-bar-background-colour, #8AE0AF);
}
total:not(.loading) bar[b-bzn0uaj4eb] {
  display: block;
  height: 100%;
  border-radius: calc(6px / 2);
  background-color: var(--progress-bar-colour, #32A58C);
}
/* /Components/Progress/ProgressDots.razor.rz.scp.css */
progress-dots[b-61rjijpbrx] {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
}
dot[b-61rjijpbrx] {
  display: block;
  height: 10px;
  width: 10px;
  border-radius: calc(10px / 2);
  background-color: grey;
  background-color: #010136;
}
dot.current[b-61rjijpbrx] {
  width: 36px;
}
dot:not(.current)[b-61rjijpbrx] {
  opacity: 0.3;
}
/* /Components/ProjectHistory/ProjectHistoryList.razor.rz.scp.css */
history[b-wkjy2i25dn] {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
history[b-wkjy2i25dn]  see-more {
  align-self: center;
}
/* /Components/ProjectHistory/ProjectHistoryListItemTemplate.razor.rz.scp.css */
@media only screen and (max-width: 600px) {
  triggered-by-label[b-ab1r95x2u6]::after {
    content: " ";
  }
}
@media only screen and (min-width: 601px ) {
  triggered-by-label[b-ab1r95x2u6] {
    display: none;
  }
}
/* /Components/ProjectPlan/AcceptShare.razor.rz.scp.css */
[b-s2rquoo0dm] display-for[type="document"] img {
  max-width: 100%;
}
/* /Components/ProjectPlan/DisplayForDocumentData.razor.rz.scp.css */
img[b-eujuweaqjt] {
  max-width: 100%;
}
/* /Components/Projects/ContactAvatars.razor.rz.scp.css */
contact-avatars[b-0t2qickexr] {
  display: flex;
  flex-direction: row;
  align-items: center;
}
contact-avatars contact[b-0t2qickexr] {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 4px;
}
contact-avatars contact.can-click[b-0t2qickexr] {
  cursor: pointer;
}
contact-avatars contact-avatar[b-0t2qickexr] {
  display: block;
  width: 24px;
  height: 24px;
}
contact-avatars contact-avatar:only-child[b-0t2qickexr] {
  margin-left: -6px;
  overflow: visible;
}
contact-avatars contact-avatar[b-0t2qickexr]  avatar {
  --avatar-size: 24px;
  border: 1px solid white;
}
contact-avatars contact-name[b-0t2qickexr] {
  font-size: 14px;
}
contact-avatars num-contacts[b-0t2qickexr] {
  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[b-0t2qickexr] {
  background-color: #ECECED;
}
contact-avatars wide-loading-skeleton[b-0t2qickexr] {
  height: 24px;
}
/* /Components/Projects/GroupedProjectListItems.razor.rz.scp.css */
list[b-4055dk0qn3] {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
project-group[b-4055dk0qn3] {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
list[b-4055dk0qn3]  list-items {
  grid-row-gap: 17px !important;
  grid-column-gap: 16px !important;
  align-items: end;
}
@media only screen and (max-width: 700px) {
  list[b-4055dk0qn3]  list-items {
    grid-template-columns: 1fr !important;
  }
}
/* /Components/Projects/Heading/ProjectDetailsInfoBox.razor.rz.scp.css */
project-details-information[b-kn68obsbfq] {
  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[b-kn68obsbfq] {
  border-color: #FFD149;
}
project-details-information.in-dispute[b-kn68obsbfq],
project-details-information.rejected[b-kn68obsbfq] {
  border-color: #961616;
}
project-details-information.loading[b-kn68obsbfq] {
  -webkit-animation: skeleton-loading-border 1s linear infinite alternate;
          animation: skeleton-loading-border 1s linear infinite alternate;
}
[b-kn68obsbfq] status {
  padding: 4px 9px;
}
[b-kn68obsbfq] status img {
  height: 24.6px;
}
h2[b-kn68obsbfq] {
  font-size: 28.621px;
  line-height: 34.982px;
  letter-spacing: -0.859px;
  font-weight: 400;
  color: white;
}
actions[b-kn68obsbfq] {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
[b-kn68obsbfq] button,
[b-kn68obsbfq] skeleton[data-skeleton-type="button"] {
  padding: 9px 12px;
  font-size: 12px;
  line-height: 12.942px;
  letter-spacing: -0.106px;
  font-weight: 600;
}
button-area[b-kn68obsbfq] {
  display: flex;
  flex-direction: row;
  gap: 10px;
}
[b-kn68obsbfq] button {
  border-radius: 5px;
  border: 1px solid white;
  color: white;
  background: transparent;
}
/* /Components/Projects/Heading/ProjectFinancialSummary.razor.rz.scp.css */
project-finance-summary[b-m7ecau9rtr] {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
items[b-m7ecau9rtr] {
  display: flex;
  flex-direction: row;
  align-items: start;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 20px;
  row-gap: 5px;
}
more-information-contents[b-m7ecau9rtr] {
  display: block;
  color: #444;
  border-radius: 5px;
  background-color: #EEE;
  padding: 15px;
  font-size: 14px;
  align-self: start;
}
/* /Components/Projects/Heading/ProjectFinancialSummaryItem.razor.rz.scp.css */
project-financial-info[b-qix8fzlazb] {
  padding-left: 18px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 8px;
  position: relative;
  margin-bottom: 10px;
}
project-financial-info > *[b-qix8fzlazb] {
  display: block;
}
project-financial-info.has-pending financial-info-total[b-qix8fzlazb] {
  font-size: 25px;
}
indicator-bar[b-qix8fzlazb] {
  position: absolute;
  border-radius: 2px;
  left: 0;
  top: 0;
  height: 100%;
  width: 4px;
}
financial-info-title[b-qix8fzlazb] {
  font-size: 15px;
  letter-spacing: 0.15px;
  display: flex;
  flex-direction: row;
}
mobile-financial-info-title[b-qix8fzlazb] {
  font-size: 15px;
}
status[b-qix8fzlazb] {
  padding: 5px;
  border-radius: 3px;
  font-size: 14px;
  letter-spacing: -0.05px;
  color: white;
  white-space: nowrap;
  display: block;
  background-color: #64666C;
  padding: 0 5px;
  margin: 0 0 0 5px;
  font-size: 12px;
}
status.loading[b-qix8fzlazb] {
  -webkit-animation: skeleton-loading 1s linear infinite alternate;
          animation: skeleton-loading 1s linear infinite alternate;
  width: 60px;
  height: calc(1em + 2 * 5px);
}
financial-info-total[b-qix8fzlazb] {
  font-size: 28px;
  font-weight: 500;
}
financial-info-pending[b-qix8fzlazb] {
  font-size: 13px;
  text-align: right;
}
more-information[b-qix8fzlazb] {
  font-size: 12px;
  cursor: pointer;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 4px;
}
extra-amount[b-qix8fzlazb] {
  font-size: 14px;
}
@media only screen and (max-width: 700px) {
  .large-only[b-qix8fzlazb] {
    display: none;
  }
  project-financial-info[b-qix8fzlazb] {
    padding-left: 10px;
    gap: 5px;
  }
  financial-info-total[b-qix8fzlazb] {
    font-size: 20px;
  }
}
@media only screen and (min-width: 701px ) {
  .small-only[b-qix8fzlazb] {
    display: none;
  }
}
@media only screen and (max-width: 500px) {
  financial-info-total[b-qix8fzlazb] {
    font-size: 15px;
  }
}
/* /Components/Projects/Heading/ProjectHeadingContent.razor.rz.scp.css */
[b-vpdpjwix4b] retention {
  margin-top: 56px;
  margin-bottom: 24px;
}
heading[b-vpdpjwix4b] {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
project-heading[b-vpdpjwix4b] {
  display: grid;
  grid-template-rows: -webkit-min-content auto auto;
  grid-template-rows: min-content auto auto;
  grid-template-columns: -webkit-min-content -webkit-min-content 1fr var(--graph-size, 300px);
  grid-template-columns: min-content min-content 1fr var(--graph-size, 300px);
  grid-row-gap: 40px;
  grid-column-gap: 12px;
  border: solid 1px rgba(255, 255, 255, 0.22);
  border-radius: 5px;
  box-shadow: 0px 2px 25px 0px rgba(100, 102, 108, 0.1);
  padding: 30px;
}
project-status[b-vpdpjwix4b] {
  grid-column: 1/2;
  grid-row: 1/2;
}
project-number[b-vpdpjwix4b] {
  grid-column: 2/3;
  grid-row: 1/2;
}
project-number span[b-vpdpjwix4b] {
  padding: 5px;
  border-radius: 3px;
  font-size: 14px;
  letter-spacing: -0.05px;
  color: white;
  white-space: nowrap;
  display: block;
  background-color: #5A61ED;
}
project-number span.loading[b-vpdpjwix4b] {
  -webkit-animation: skeleton-loading 1s linear infinite alternate;
          animation: skeleton-loading 1s linear infinite alternate;
  width: 60px;
  height: calc(1em + 2 * 5px);
}
project-client[b-vpdpjwix4b] {
  grid-column: 3/4;
  grid-row: 1/2;
  justify-self: start;
}
project-info[b-vpdpjwix4b] {
  grid-column: 1/4;
  grid-row: 2/3;
  display: flex;
  flex-direction: column;
  gap: 11px;
}
project-info[b-vpdpjwix4b]  address-summary {
  font-size: 14px;
  font-weight: 600;
}
project-info[b-vpdpjwix4b]  address-summary address-line {
  display: inline-block;
}
project-info project-title[b-vpdpjwix4b] {
  display: block;
}
financial[b-vpdpjwix4b] {
  grid-column: 1/4;
  grid-row: 3/4;
  justify-self: stretch;
}
project-graph[b-vpdpjwix4b] {
  grid-column: 4/5;
  grid-row: 1/4;
  align-self: center;
  justify-self: center;
  width: 100%;
}
project-navigation[b-vpdpjwix4b] {
  display: grid;
  grid-template-columns: minmax(0, 1fr) -webkit-max-content;
  grid-template-columns: minmax(0, 1fr) max-content;
  grid-column-gap: 10px;
}
.mobile button-area[b-vpdpjwix4b] {
  display: flex;
  flex-direction: column;
}
trigger[b-vpdpjwix4b] {
  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;
}
parent-project[b-vpdpjwix4b] {
  font-size: 0.7em;
}
@media only screen and (min-width: 701px ) {
  pending-actions.mobile[b-vpdpjwix4b] {
    display: none;
  }
}
@media only screen and (max-width: 700px) {
  project-heading[b-vpdpjwix4b] {
    grid-template-columns: -webkit-min-content -webkit-min-content auto;
    grid-template-columns: min-content min-content auto;
    grid-template-rows: auto;
    justify-items: center;
    padding: 15px;
    row-gap: 15px;
  }
  project-info[b-vpdpjwix4b] {
    grid-column: 1/-1;
    text-align: center;
  }
  financial[b-vpdpjwix4b] {
    grid-row: 3/4;
    grid-column: 1/-1;
  }
  project-graph[b-vpdpjwix4b] {
    grid-row: 4/5;
    grid-column: 1/-1;
    display: flex;
    justify-content: center;
  }
  pending-actions.desktop[b-vpdpjwix4b] {
    display: none;
  }
}
@media only screen and (max-width: 500px) {
  project-client[b-vpdpjwix4b] {
    display: none;
  }
  project-title[b-vpdpjwix4b] {
    font-size: 25px;
  }
}
/* /Components/Projects/Heading/RetentionPeriodDetails.razor.rz.scp.css */
retention[b-56l6zpt958] {
  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[b-56l6zpt958] {
  border-color: #FFD149;
}
retention.in-dispute[b-56l6zpt958] {
  border-color: #961616;
}
retention.loading[b-56l6zpt958] {
  -webkit-animation: skeleton-loading-border 1s linear infinite alternate;
          animation: skeleton-loading-border 1s linear infinite alternate;
}
retention[b-56l6zpt958]  status {
  padding: 4px 9px;
}
retention[b-56l6zpt958]  status img {
  height: 24.6px;
}
retention contents h2[b-56l6zpt958],
retention[b-56l6zpt958]  skeleton[data-skeleton-type="text"] {
  font-size: 28.621px;
  line-height: 34.982px;
  letter-spacing: -0.859px;
}
retention[b-56l6zpt958]  skeleton[data-skeleton-type="text"] {
  align-self: stretch;
}
retention contents[b-56l6zpt958] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 11px;
}
retention contents h2[b-56l6zpt958] {
  font-weight: 400;
  color: white;
}
retention contents dispute[b-56l6zpt958] {
  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[b-56l6zpt958] {
  font-size: 1.5em;
  line-height: normal;
}
retention contents dispute message[b-56l6zpt958] {
  white-space: pre-line;
}
retention contents[b-56l6zpt958]  attachment-list {
  align-items: center;
}
retention contents[b-56l6zpt958]  attachment-list h3 {
  color: white;
  font-size: 18px;
}
retention actions[b-56l6zpt958] {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
retention[b-56l6zpt958]  button,
retention[b-56l6zpt958]  skeleton[data-skeleton-type="button"] {
  padding: 9px 12px;
  font-size: 12px;
  line-height: 12.942px;
  letter-spacing: -0.106px;
  font-weight: 600;
}
retention[b-56l6zpt958]  button {
  border-radius: 5px;
  border: 1px solid white;
  color: white;
  background: transparent;
}
/* /Components/Projects/LinkedProjects.razor.rz.scp.css */
linked-projects[b-3lsr4yqbj0] {
  display: flex;
  flex-direction: column;
  gap: 25px;
}
linked-projects description[b-3lsr4yqbj0] {
  display: flex;
  flex-direction: column;
  gap: 9px;
}
linked-projects description h2[b-3lsr4yqbj0] {
  font-size: 1.5rem;
  line-height: 1.16666667;
  letter-spacing: -0.03em;
  font-weight: 600;
  color: #0A090B;
}
linked-projects description p[b-3lsr4yqbj0] {
  margin: 0;
  font-size: 0.875rem;
  line-height: 1.42857143;
  letter-spacing: -0.00357143em;
  color: #5F5F61;
}
/* /Components/Projects/ProjectCard.razor.rz.scp.css */
card[b-vo177f26ug] {
  display: block;
  background-color: white;
  padding: 30px;
  border-radius: 5px;
  box-shadow: 0px 2px 25px 0px rgba(100, 102, 108, 0.1);
  border-radius: 12px;
  padding: 24px;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 15px;
}
@media only screen and (max-width: 500px) {
  card[b-vo177f26ug] {
    padding: 30px 10px;
  }
}
card heading[b-vo177f26ug] {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
card heading name[b-vo177f26ug] {
  font-size: 1rem;
  line-height: 1.375;
  letter-spacing: -0.01125em;
  font-weight: 600;
  color: #000036;
}
card last-updated-and-contacts[b-vo177f26ug] {
  margin-top: 15px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
card last-updated-and-contacts last-updated[b-vo177f26ug] {
  font-size: 0.8125rem;
  line-height: 1.38461538;
  letter-spacing: 0em;
  color: #7F7D83;
}
card last-updated-and-contacts last-updated date[b-vo177f26ug] {
  color: #000036;
}
@media only screen and (max-width: 500px) {
  card last-updated-and-contacts[b-vo177f26ug] {
    display: contents;
  }
}
card[b-vo177f26ug]  button.additional-action,
card button-loading[b-vo177f26ug] {
  align-self: center;
  padding: 10px 15px;
  border-radius: 5px;
}
card button-loading[b-vo177f26ug] {
  -webkit-animation: skeleton-loading 1s linear infinite alternate;
          animation: skeleton-loading 1s linear infinite alternate;
  box-sizing: content-box;
  height: 1lh;
}
card button-loading text[b-vo177f26ug] {
  visibility: hidden;
}
/* /Components/Projects/ProjectDates.razor.rz.scp.css */
dates[b-fzkzr1d100] {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 12px;
}
dates start-date[b-fzkzr1d100],
dates end-date[b-fzkzr1d100] {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  font-size: 0.875rem;
  line-height: 1.42857143;
  letter-spacing: -0.00357143em;
  color: #000036;
}
dates separator[b-fzkzr1d100] {
  display: block;
  width: 4px;
  height: 4px;
  border-radius: 2px;
  background-color: #7F7D83;
}
dates separator.loading[b-fzkzr1d100] {
  -webkit-animation: skeleton-loading 1s linear infinite alternate;
          animation: skeleton-loading 1s linear infinite alternate;
}
@media only screen and (max-width: 450px) {
  dates[b-fzkzr1d100] {
    flex-direction: column;
    align-items: start;
  }
  dates separator[b-fzkzr1d100] {
    display: none;
  }
}
/* /Components/Projects/ProjectLink.razor.rz.scp.css */
project[b-i4em2o9zi8] {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  border: 1px solid #5A61ED;
  border-radius: 12px;
  padding: 24px 21px;
  font-size: 1rem;
  line-height: 1.375;
  letter-spacing: -0.01125em;
  font-weight: 600;
  color: #5A61ED;
  cursor: pointer;
}
/* /Components/Projects/ProjectListItem.razor.rz.scp.css */
project-list-item[b-hfluz7ouz9] {
  display: flex;
  flex-direction: column;
}
project-list-item.loading[b-hfluz7ouz9] {
  opacity: 0.5;
}
project-list-item funding-message[b-hfluz7ouz9],
project-list-item invitation[b-hfluz7ouz9],
project-list-item pending-variation[b-hfluz7ouz9] {
  text-align: center;
  margin-inline: 50px;
  box-shadow: 0px 0px 0px 1px rgba(10, 9, 11, 0.05), 0px 2px 7px 0px rgba(10, 9, 11, 0.05), 0px 2px 5px -2px rgba(10, 9, 11, 0.06);
  padding-top: 5px;
  padding-bottom: 10px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
project-list-item funding-message[b-hfluz7ouz9] {
  color: #E73F3F;
}
project-list-item:not(.loading) funding-message.can-fund[b-hfluz7ouz9],
project-list-item:not(.loading) invitation[b-hfluz7ouz9],
project-list-item:not(.loading) pending-variation[b-hfluz7ouz9],
project-list-item:not(.loading) card-container[b-hfluz7ouz9] {
  cursor: pointer;
}
project-list-item card-container[b-hfluz7ouz9] {
  position: relative;
}
/* /Components/Projects/ProjectMilestones.razor.rz.scp.css */
milestone-list-items[b-l0jqf2kk91] {
  --completed: #3BBA6A;
  --rejected: #64666C;
  --pending: #FFD149;
}
milestone-list-items[b-l0jqf2kk91]  list-items[item-type="card"] {
  --num-columns: 3;
  grid-template-columns: repeat(var(--num-columns), 1fr);
  grid-auto-rows: -webkit-max-content;
  grid-auto-rows: max-content;
  grid-row-gap: 15px;
  grid-column-gap: 20px;
}
@media only screen and (max-width: 900px) {
  milestone-list-items[b-l0jqf2kk91]  list-items[item-type="card"] {
    --num-columns: 2;
  }
}
@media only screen and (max-width: 700px) {
  milestone-list-items[b-l0jqf2kk91]  list-items[item-type="card"] {
    --num-columns: 1;
  }
}
/* /Components/Projects/ProjectPieChart.razor.rz.scp.css */
tooltip[b-m9fs32b228] {
  display: flex;
  flex-direction: row;
  align-items: center;
  font-size: 12px;
  gap: 5px;
  margin-top: 5px;
}
p.name[b-m9fs32b228] {
  font-size: 14px;
}
/* /Components/Projects/ProjectPieChartPopupContent.razor.rz.scp.css */
div[b-06qb02qb8i] {
  background-color: #E9E9E9 !important;
  border-radius: 3px;
  color: #390E71;
  padding: 10px 20px;
  font-weight: 300;
}
[b-06qb02qb8i] p {
  margin: 0;
}
/* /Components/Projects/ProjectsOverview.razor.rz.scp.css */
overview-items[b-w9s10ryszz] {
  display: flex;
  flex-direction: row;
  gap: 24px;
  flex-wrap: wrap;
}
overview-items[b-w9s10ryszz]  > * {
  flex: 1 0 0;
}
@media only screen and (max-width: 700px) {
  overview-items[b-w9s10ryszz] {
    flex-direction: column;
  }
}
/* /Components/Projects/ProjectTotal.razor.rz.scp.css */
total[b-mj644yijec] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
}
p.project-total[b-mj644yijec] {
  margin: 0;
  font-size: 0.6875rem;
  line-height: 1.18181818;
  letter-spacing: 0em;
  font-weight: 400;
  padding-bottom: 4px;
}
[b-mj644yijec] display-for.main-total,
[b-mj644yijec] skeleton {
  font-size: 1.5rem;
  line-height: 1;
  letter-spacing: -0.02975em;
  font-weight: 500;
}
p.out-of[b-mj644yijec] {
  margin-top: 3px;
}
.out-of[b-mj644yijec]  display-for {
  font-size: 12px;
}
/* /Components/Projects/ProjectWalletOverview.razor.rz.scp.css */
project-wallet-title[b-5wmfwmkj47] {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 2em;
}
project-wallet-title total[b-5wmfwmkj47] {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.3em;
  font-weight: normal;
}
project-wallet-title total[b-5wmfwmkj47]  pill {
  font-size: 0.6em;
}
project-wallet-title total[b-5wmfwmkj47]  display-for {
  font-size: 0.8em;
}
@media only screen and (max-width: 700px) {
  project-wallet-title[b-5wmfwmkj47] {
    flex-direction: column;
    gap: 1em;
    align-items: start;
  }
}
/* /Components/Projects/Status.razor.rz.scp.css */
status[b-2r53hj7m96] {
  padding: 5px;
  border-radius: 3px;
  font-size: 14px;
  letter-spacing: -0.05px;
  color: white;
  white-space: nowrap;
  display: block;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 6px;
}
status.loading[b-2r53hj7m96] {
  -webkit-animation: skeleton-loading 1s linear infinite alternate;
          animation: skeleton-loading 1s linear infinite alternate;
  width: 60px;
  height: calc(1em + 2 * 5px);
}
status.draft[b-2r53hj7m96],
status.pending[b-2r53hj7m96],
status.archived[b-2r53hj7m96] {
  background-color: #64666C;
}
status.active[b-2r53hj7m96] {
  background-color: #32A58C;
}
status.action-required[b-2r53hj7m96] {
  background-color: #9747FF;
}
status.completed[b-2r53hj7m96],
status.in-retention[b-2r53hj7m96] {
  background-color: #FFD149;
  color: black;
}
status.in-dispute[b-2r53hj7m96],
status.rejected[b-2r53hj7m96] {
  background-color: #961616;
}
status.loading[b-2r53hj7m96] {
  -webkit-animation: skeleton-loading 1s linear infinite alternate;
          animation: skeleton-loading 1s linear infinite alternate;
}
status img[b-2r53hj7m96] {
  height: 17px;
}
/* /Components/Projects/StatusProgressBar.razor.rz.scp.css */
progress-bar-container.loading[b-ta8g9vwnhi] {
  -webkit-animation: skeleton-loading 1s linear infinite alternate;
          animation: skeleton-loading 1s linear infinite alternate;
}
progress-bar-container.draft[b-ta8g9vwnhi],
progress-bar-container.pending[b-ta8g9vwnhi],
progress-bar-container.archived[b-ta8g9vwnhi],
progress-bar-container.in-retention[b-ta8g9vwnhi] {
  --progress-bar-background-colour: #EDEDED;
  --progress-bar-colour: #EDEDED;
}
progress-bar-container.active[b-ta8g9vwnhi] {
  --progress-bar-background-colour: #8AE0AF;
  --progress-bar-colour: #32A58C;
}
progress-bar-container.action-required[b-ta8g9vwnhi] {
  --progress-bar-background-colour: #CDA7FF;
  --progress-bar-colour: #5F29A5;
}
progress-bar-container.completed[b-ta8g9vwnhi] {
  --progress-bar-background-colour: #FFD149;
  --progress-bar-colour: #C6A031;
}
progress-bar-container.in-dispute[b-ta8g9vwnhi],
progress-bar-container.rejected[b-ta8g9vwnhi] {
  --progress-bar-background-colour: #961616;
  --progress-bar-colour: #961616;
}
/* /Components/Projects/SubProjectContacts.razor.rz.scp.css */
contacts[b-wdk78t69tv] {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 5px;
}
contacts company[b-wdk78t69tv] {
  font-size: 0.8125rem;
  line-height: 1.38461538;
  letter-spacing: 0em;
  color: #000036;
}
contacts[b-wdk78t69tv]  avatar {
  --avatar-size: 24px;
  border: 1px solid white;
}
/* /Components/Projects/SubProjectListItem.razor.rz.scp.css */
sub-project-list-item[b-nmqovfi27p] {
  cursor: pointer;
}
/* /Components/Projects/SubProjects/SubProjectPieChart.razor.rz.scp.css */
[b-za5scw7988] div.pie-chart-container {
  width: 300px;
  max-width: 100%;
  margin-inline: auto;
}
p.name[b-za5scw7988] {
  font-size: 14px;
}
/* /Components/Select/EntityOrFreeText/SelectForEntityOrFreeText.razor.rz.scp.css */
input[b-8zjxvphu12] {
  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[b-8zjxvphu12],
input:focus[b-8zjxvphu12] {
  border: none;
  outline: none;
}
/* /Components/Select/HorizontalSelectLoading.razor.rz.scp.css */
loading[b-bmglq6f3xd] {
  position: relative;
  opacity: 0.5;
}
/* /Components/Select/HorizontalSelectOption.razor.rz.scp.css */
select-option[b-vlw8otq0gx] {
  padding: 10px;
  border: 1px solid #F8F8F8;
  background-color: #FDFDFD;
  font-size: 14px;
  color: #000036;
  text-align: center;
}
select-option.can-select[b-vlw8otq0gx] {
  cursor: pointer;
}
select-option:not(:first-child)[b-vlw8otq0gx] {
  margin-left: -1px;
}
select-option:first-child[b-vlw8otq0gx] {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
select-option:last-child[b-vlw8otq0gx] {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
select-option[selected][b-vlw8otq0gx] {
  background-color: #8AE0AF;
}
/* /Components/Select/HorizontalSelectOptions.razor.rz.scp.css */
select-options[b-xfxqa5vvzl] {
  display: grid;
  grid-template-columns: repeat(var(--num-items), 1fr);
}
/* /Components/Select/SelectOption.razor.rz.scp.css */
select-option[b-3iio1jdiwt] {
  cursor: pointer;
}
/* /Components/Select/SelectOptions.razor.rz.scp.css */
options[b-y9dmzwb0rl] {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
options[b-y9dmzwb0rl]  loading-spinner {
  align-self: center;
}
/* /Components/Select/SelectWithAddNew/AddNew.razor.rz.scp.css */
add-new[b-rmkzvggum7] {
  display: flex;
  gap: 5px;
}
[b-rmkzvggum7] editor-for-string {
  flex-grow: 1;
}
[b-rmkzvggum7] editor-for-string input {
  min-width: 0;
}
button[b-rmkzvggum7] {
  flex-shrink: 0;
}
/* /Components/Select/WitzerSelectForOptions.razor.rz.scp.css */
select-loading[b-tlsd3hqd3a] {
  display: flex;
  flex-direction: column;
  padding: 7px;
  gap: 14px;
}
/* /Components/SkeletonLoading/AddressEditorSkeleton.razor.rz.scp.css */
address-editor-skeleton[b-1ctwe2s0kc] {
  display: flex;
  flex-direction: column;
  padding: 10px;
}
address-editor-skeleton[b-1ctwe2s0kc]  form-field {
  margin: 7px 0;
}
address-editor-skeleton[b-1ctwe2s0kc]  form-field label {
  font-size: 12px;
  font-weight: 600;
}
/* /Components/SkeletonLoading/AttachmentListItemSkeleton.razor.rz.scp.css */
skeleton[b-27o1hr0h3g] {
  display: block;
  cursor: pointer;
  position: relative;
  color: black;
  color: #1D1C20;
  font-size: 16px;
  height: 6em;
  width: 6em;
  border-radius: 8px;
  border: 1px solid #EDEDED;
  -webkit-animation: skeleton-loading 1s linear infinite alternate;
          animation: skeleton-loading 1s linear infinite alternate;
  border: none;
}
/* /Components/SkeletonLoading/AttachmentListSkeleton.razor.rz.scp.css */
skeleton[b-tahrf5619j] {
  display: flex;
  flex-direction: column;
  gap: 13px;
}
skeleton h3[b-tahrf5619j] {
  font-size: 0.75rem;
  line-height: 2.33333333;
  letter-spacing: -0.03em;
  font-weight: 500;
  color: #0A090B;
}
skeleton items[b-tahrf5619j] {
  display: flex;
  flex-direction: row;
  align-items: start;
  flex-wrap: wrap;
  gap: 6px;
}
skeleton items[b-tahrf5619j] {
  align-items: stretch;
}
/* /Components/SkeletonLoading/AvatarSkeleton.razor.rz.scp.css */
skeleton[b-ybfxf0mx4n] {
  -webkit-animation: skeleton-loading 1s linear infinite alternate;
          animation: skeleton-loading 1s linear infinite alternate;
  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[b-i7h6753tmf] {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
bank-account-editor-skeleton[b-i7h6753tmf]  form-field {
  margin: 0;
}
bank-account-editor-skeleton[b-i7h6753tmf]  form-field label {
  font-weight: 475;
  color: #2D2B32;
}
bank-account-editor-skeleton[b-i7h6753tmf]  form-field input {
  min-width: 0;
  width: 100%;
  border: none;
  border: 1px solid #7ABDFF;
  border-radius: 4px;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: -0.05px;
  box-shadow: 0px 1.5px 4px -1px rgba(10, 9, 11, 0.07);
  padding: 10px;
  background-color: white;
  color: #000036;
}
bank-account-editor-skeleton[b-i7h6753tmf]  form-field input::-webkit-input-placeholder {
  color: #7F7D83;
  opacity: 1;
}
bank-account-editor-skeleton[b-i7h6753tmf]  form-field input::-moz-placeholder {
  color: #7F7D83;
  opacity: 1;
}
bank-account-editor-skeleton[b-i7h6753tmf]  form-field input::-ms-input-placeholder {
  color: #7F7D83;
  opacity: 1;
}
bank-account-editor-skeleton[b-i7h6753tmf]  form-field input::placeholder {
  color: #7F7D83;
  opacity: 1;
}
bank-account-editor-skeleton[b-i7h6753tmf]  form-field input:hover,
bank-account-editor-skeleton[b-i7h6753tmf]  form-field input:focus,
bank-account-editor-skeleton[b-i7h6753tmf]  form-field input:focus-within {
  border: 1px solid #5A61ED;
}
/* /Components/SkeletonLoading/ButtonSkeleton.razor.rz.scp.css */
skeleton[b-41u11jeugn] {
  padding: 9px 8px 9px 10px;
  border-radius: 8px;
  font-size: 1rem;
  line-height: 1.375;
  letter-spacing: -0.01125em;
  -webkit-animation: skeleton-loading 1s linear infinite alternate;
          animation: skeleton-loading 1s linear infinite alternate;
}
skeleton contents[b-41u11jeugn] {
  visibility: hidden;
}
skeleton contents:empty[b-41u11jeugn] {
  display: inline-block;
  height: 1lh;
}
/* /Components/SkeletonLoading/CheckboxSkeleton.razor.rz.scp.css */
skeleton[b-lqwafts3iz] {
  -webkit-animation: skeleton-loading 1s linear infinite alternate;
          animation: skeleton-loading 1s linear infinite alternate;
  display: block;
  height: 30px;
  width: 30px;
  border-radius: 3px;
}
/* /Components/SkeletonLoading/ImageSkeleton.razor.rz.scp.css */
skeleton[b-kq2mqc34g5] {
  -webkit-animation: skeleton-loading 1s linear infinite alternate;
          animation: skeleton-loading 1s linear infinite alternate;
  display: block;
}
/* /Components/SkeletonLoading/InputSkeleton.razor.rz.scp.css */
skeleton[b-z6eikjh6ro] {
  -webkit-animation: skeleton-loading 1s linear infinite alternate;
          animation: skeleton-loading 1s linear infinite alternate;
  display: block;
  height: 40px;
  border-radius: 4px;
}
/* /Components/SkeletonLoading/TextSkeleton.razor.rz.scp.css */
skeleton[b-g0dremizen] {
  -webkit-animation: skeleton-loading 1s linear infinite alternate;
          animation: skeleton-loading 1s linear infinite alternate;
  display: block;
  border-radius: 0.5em;
  max-width: 100%;
}
skeleton.inline[b-g0dremizen] {
  display: inline-block;
}
skeleton contents[b-g0dremizen] {
  visibility: hidden;
}
/* /Components/StickyGrid/ColumnSizeCalculator.razor.rz.scp.css */
div[b-rfl1k48rip] {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
div[b-rfl1k48rip]  > :first-child {
  margin-left: var(--left);
}
div[b-rfl1k48rip]  > :last-child {
  margin-right: var(--right);
}
/* /Components/StickyGrid/StickyGrid.razor.rz.scp.css */
column-size-calculators[b-pqtf9yf1wz],
grid-items[b-pqtf9yf1wz] {
  display: contents;
}
/* /Components/StickyGrid/StickyGridCell.razor.rz.scp.css */
div.sticky-grid-cell[b-4n4vds2qb3] {
  position: sticky;
}
/* /Components/StickyGrid/WidthCalculator.razor.rz.scp.css */
div.width-calculator[b-mwrr621f1e] {
  width: 100%;
  height: 0;
}
/* /Components/SummaryForAddress.razor.rz.scp.css */
address-summary[b-t41l7z8lz7] {
  font-size: 1.25rem;
  line-height: 1.4;
  letter-spacing: -0.02em;
  max-width: 100%;
}
address-summary address-line[b-t41l7z8lz7] {
  display: block;
}
/* /Components/SummaryForCompany.razor.rz.scp.css */
company[b-ta2r4vqn9s] {
  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[b-ta2r4vqn9s] {
  opacity: 0.25;
}
/* /Components/ToggleSwitch.razor.rz.scp.css */
toggle-switch[b-sdbxut7zt0] {
  position: relative;
  display: block;
  width: 36px;
  height: 20px;
  border-radius: calc(20px / 2);
  transition: 0.2s;
  background-color: #DCDCDE;
  cursor: pointer;
}
toggle-switch[b-sdbxut7zt0]::after {
  content: ' ';
  position: absolute;
  z-index: 1;
  display: block;
  left: calc((20px - 16px) / 2);
  top: calc((20px - 16px) / 2);
  width: 16px;
  height: 16px;
  border-radius: calc(16px / 2);
  background-color: white;
}
toggle-switch.selected[b-sdbxut7zt0] {
  background-color: #1751D0;
}
toggle-switch.selected[b-sdbxut7zt0]::after {
  left: calc(100% - 16px - calc((20px - 16px) / 2));
}
toggle-switch[disabled][b-sdbxut7zt0] {
  opacity: 0.5;
  pointer-events: none;
}
/* /Components/TransferMoney/ConfirmTransfer.razor.rz.scp.css */
p[b-hvhd6d69f8] {
  color: black;
  text-align: center;
}
card-body[b-hvhd6d69f8] {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
card-body transfer-details[b-hvhd6d69f8] {
  display: flex;
  flex-direction: column;
  gap: 9px;
}
card-body transfer-details label[b-hvhd6d69f8] {
  font-size: 0.75rem;
  line-height: 1.5;
  letter-spacing: 0em;
  color: #7F7D83;
}
card-body transfer-details item[b-hvhd6d69f8] {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 10px 8px 10px 10px;
  border: 1px solid #8AE0AF;
  border-radius: 8px;
  box-shadow: 0px 1.5px 4px -1px rgba(10, 9, 11, 0.07);
  font-weight: 475;
  color: #0A090B;
}
card-body p[b-hvhd6d69f8] {
  font-size: 0.625rem;
  line-height: 1.2;
  letter-spacing: 0em;
  color: black;
}
/* /Components/TransferMoney/TransferFrom.razor.rz.scp.css */
card-body[b-t8xnormxoh] {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
card-body label[b-t8xnormxoh] {
  font-weight: 475;
}
/* /Components/TransferMoney/TransferTo.razor.rz.scp.css */
card-body[b-geiylbtgqd] {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
card-body label[b-geiylbtgqd] {
  font-weight: 475;
  text-align: center;
}
card-body project[b-geiylbtgqd],
card-body project-loading[b-geiylbtgqd] {
  border-radius: 8px;
  padding: 10px 8px 10px 10px;
}
card-body project[b-geiylbtgqd] {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  border: 1px solid #ECECED;
  box-shadow: 0px 1.5px 4px -1px rgba(10, 9, 11, 0.07);
}
card-body project.selected[b-geiylbtgqd],
card-body project:hover[b-geiylbtgqd] {
  border-color: #ADACB0;
}
card-body project-loading[b-geiylbtgqd] {
  -webkit-animation: skeleton-loading 1s linear infinite alternate;
          animation: skeleton-loading 1s linear infinite alternate;
  display: block;
  box-sizing: content-box;
  height: 1lh;
}
/* /Components/TransferMoney/WalletSelectOption.razor.rz.scp.css */
wallet[b-1q25haeube] {
  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: 24px;
  border: 1px solid #ECECED;
  border-radius: 12px;
}
wallet.can-select[b-1q25haeube] {
  cursor: pointer;
}
wallet.can-select:hover[b-1q25haeube] {
  border-color: #ADACB0;
}
wallet.selected[b-1q25haeube] {
  border-color: #ADACB0;
}
wallet.loading[b-1q25haeube] {
  -webkit-animation: skeleton-loading 1s linear infinite alternate;
          animation: skeleton-loading 1s linear infinite alternate;
  border: none;
  box-sizing: content-box;
  height: 1lh;
}
wallet name[b-1q25haeube] {
  flex-grow: 1;
}
/* /Components/Trend.razor.rz.scp.css */
trend-container[b-kfj9132hxl] {
  font-size: 0.875rem;
  line-height: 1.42857143;
  letter-spacing: -0.00357143em;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 4px;
  color: #5F5F61;
}
trend-container trend[b-kfj9132hxl] {
  display: flex;
  flex-direction: row;
  align-items: center;
}
trend-container trend[b-kfj9132hxl]  display-for.up {
  color: #52A86E;
}
trend-container trend[b-kfj9132hxl]  display-for.down {
  color: #E73F3F;
}
/* /Components/WithdrawMoney/ConfirmWithdraw.razor.rz.scp.css */
withdraw-details[b-m5riayzpvx] {
  display: flex;
  flex-direction: column;
  gap: 15px;
  text-align: center;
}
withdraw-details p[b-m5riayzpvx] {
  color: black;
}
withdraw-details[b-m5riayzpvx]  display-for {
  font-size: 1.25rem;
  line-height: 1.4;
  letter-spacing: -0.02em;
  font-weight: 600;
  color: black;
}
withdraw-details[b-m5riayzpvx]  button.edit {
  font-size: 0.75rem;
  line-height: 1.5;
  letter-spacing: 0em;
  font-weight: 400;
  padding-block: 11px;
}
withdraw-details[b-m5riayzpvx]  button.edit[disabled] {
  color: #64666C;
}
/* /Components/WithdrawMoney/WithdrawDetails.razor.rz.scp.css */
withdraw-details[b-wvka2f7j4i] {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
withdraw-details[b-wvka2f7j4i]  dropdown-selected {
  border: none;
  border: 1px solid #7ABDFF;
  border-radius: 4px;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: -0.05px;
  box-shadow: 0px 1.5px 4px -1px rgba(10, 9, 11, 0.07);
  padding: 10px;
  background-color: white;
  color: #000036;
}
withdraw-details[b-wvka2f7j4i]  dropdown-selected::-webkit-input-placeholder {
  color: #7F7D83;
  opacity: 1;
}
withdraw-details[b-wvka2f7j4i]  dropdown-selected::-moz-placeholder {
  color: #7F7D83;
  opacity: 1;
}
withdraw-details[b-wvka2f7j4i]  dropdown-selected::-ms-input-placeholder {
  color: #7F7D83;
  opacity: 1;
}
withdraw-details[b-wvka2f7j4i]  dropdown-selected::placeholder {
  color: #7F7D83;
  opacity: 1;
}
withdraw-details[b-wvka2f7j4i]  dropdown-selected:hover,
withdraw-details[b-wvka2f7j4i]  dropdown-selected:focus,
withdraw-details[b-wvka2f7j4i]  dropdown-selected:focus-within {
  border: 1px solid #5A61ED;
}
withdraw-details wallet[b-wvka2f7j4i] {
  flex-grow: 1;
  margin-right: 15px;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 15px;
  color: #0A090B;
}
withdraw-details wallet name[b-wvka2f7j4i] {
  flex-grow: 1;
}
withdraw-details form-group[b-wvka2f7j4i] {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
withdraw-details form-group label[b-wvka2f7j4i] {
  font-weight: 475;
  color: #2D2B32;
}
withdraw-details form-group amount[b-wvka2f7j4i] {
  border: none;
  border: 1px solid #7ABDFF;
  border-radius: 4px;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: -0.05px;
  box-shadow: 0px 1.5px 4px -1px rgba(10, 9, 11, 0.07);
  padding: 10px;
  background-color: white;
  color: #000036;
  display: flex;
  flex-direction: row;
  align-items: center;
}
withdraw-details form-group amount[b-wvka2f7j4i]::-webkit-input-placeholder {
  color: #7F7D83;
  opacity: 1;
}
withdraw-details form-group amount[b-wvka2f7j4i]::-moz-placeholder {
  color: #7F7D83;
  opacity: 1;
}
withdraw-details form-group amount[b-wvka2f7j4i]::-ms-input-placeholder {
  color: #7F7D83;
  opacity: 1;
}
withdraw-details form-group amount[b-wvka2f7j4i]::placeholder {
  color: #7F7D83;
  opacity: 1;
}
withdraw-details form-group amount:hover[b-wvka2f7j4i],
withdraw-details form-group amount:focus[b-wvka2f7j4i],
withdraw-details form-group amount:focus-within[b-wvka2f7j4i] {
  border: 1px solid #5A61ED;
}
withdraw-details form-group amount input[b-wvka2f7j4i] {
  border: none;
  outline: none;
  border-radius: 0;
  box-shadow: unset;
  padding: 0;
  flex-grow: 1;
}
withdraw-details form-group amount input:hover[b-wvka2f7j4i],
withdraw-details form-group amount input:focus[b-wvka2f7j4i] {
  border: none;
  outline: none;
}
/* /Pages/CancelBankLinking.razor.rz.scp.css */
card[b-p7xbi0eys4] {
  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[b-p7xbi0eys4] {
    padding: 30px 10px;
  }
}
/* /Pages/Claims.razor.rz.scp.css */
overview img[b-gz9whm45zr] {
  margin-left: auto;
}
@media only screen and (max-width: 1000px) {
  overview[b-gz9whm45zr] {
    display: none;
  }
}
/* /Pages/ConfirmBankAccountDetails.razor.rz.scp.css */
card[b-k639lpwfon] {
  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[b-k639lpwfon] {
    padding: 30px 10px;
  }
}
/* /Pages/Dashboard.razor.rz.scp.css */
panel[b-r2j63qbu7a] {
  padding: 30px;
}
panel h2[b-r2j63qbu7a] {
  font-size: 1.5rem;
  line-height: 1.16666667;
  letter-spacing: -0.03em;
}
panel p[b-r2j63qbu7a] {
  font-size: 0.875rem;
  line-height: 1.42857143;
  letter-spacing: -0.00357143em;
}
spent[b-r2j63qbu7a] {
  color: #E73F3F;
}
earned[b-r2j63qbu7a] {
  color: #52A86E;
}
heading-text-content[b-r2j63qbu7a] {
  display: flex;
  flex-direction: column;
  gap: 25px;
}
/* /Pages/Deactivated.razor.rz.scp.css */
card[b-4irwuxzoyd] {
  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[b-4irwuxzoyd] {
    padding: 30px 10px;
  }
}
/* /Pages/Money.razor.rz.scp.css */
img.card[b-io73cj4zv5] {
  height: 180px;
}
actions[b-io73cj4zv5] {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 15px;
}
recent-transactions[b-io73cj4zv5]  card {
  padding-bottom: 0 !important;
}
@media only screen and (max-width: 1000px) {
  actions[b-io73cj4zv5],
  hr[b-io73cj4zv5] {
    display: none;
  }
}
/* /Pages/People.razor.rz.scp.css */
button[b-sgbhr8y39j] {
  background-color: #000036;
  padding: 10px 8px 10px 10px;
  border-radius: 8px;
  font-size: 0.875rem;
  line-height: 1.42857143;
  letter-spacing: -0.00357143em;
}
people[b-sgbhr8y39j] {
  margin-top: 70px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
/* /Pages/Plan.razor.rz.scp.css */
heading[b-ji75bjs4tx] {
  display: grid;
  grid-template-columns: repeat(2, -webkit-max-content) 1fr -webkit-max-content;
  grid-template-columns: repeat(2, max-content) 1fr max-content;
  align-items: center;
  gap: 20px;
}
@media only screen and (max-width: 500px) {
  heading[b-ji75bjs4tx] {
    display: flex;
    flex-wrap: wrap;
    position: relative;
  }
  heading h1[b-ji75bjs4tx] {
    margin-right: 60px;
  }
  heading actions[b-ji75bjs4tx] {
    position: absolute;
    right: 0;
    top: 0;
  }
}
actions[b-ji75bjs4tx] {
  grid-column: 4;
}
plan[b-ji75bjs4tx] {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
/* /Pages/Projects.razor.rz.scp.css */
overview:empty[b-2kthgn3qi4] {
  display: none;
}
@media only screen and (max-width: 1000px) {
  overview[b-2kthgn3qi4] {
    display: none;
  }
}
/* /Pages/UserAccount.razor.rz.scp.css */
account-details[b-5vm6mg9glk]  :first-child {
  margin-top: 0;
}
buttons[b-5vm6mg9glk] {
  display: flex;
}
buttons[b-5vm6mg9glk]  button {
  flex-grow: 1;
}
[b-5vm6mg9glk] form-field.delete-account {
  border-top: solid 1px black;
  padding-top: 20px;
}
button.delete[b-5vm6mg9glk] {
  font-size: 12px;
  color: #EB2828;
  background: none;
  border-color: #EB2828;
}
[b-5vm6mg9glk] input {
  width: 350px;
  min-width: 0;
  max-width: 100%;
}
[b-5vm6mg9glk] editor-for[type="avatar"] {
  --avatar-size: 80px;
  display: flex;
  flex-direction: row;
  gap: 20px;
}
[b-5vm6mg9glk] editor-for[type="avatar"] avatar span {
  font-size: 25px;
  font-weight: 500;
}
[b-5vm6mg9glk] editor-for[type="avatar"] .description {
  display: none;
}
[b-5vm6mg9glk] editor-for[type="avatar"] .actions {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
[b-5vm6mg9glk] editor-for[type="avatar"] .action button {
  font-size: 20px;
}
[b-5vm6mg9glk] editor-for[type="avatar"] .icon-picker {
  background-color: white;
  max-width: min(600px, 100vw);
  border: solid 1px #ADACB0;
  border-radius: 4px;
}
[b-5vm6mg9glk] editor-for[type="avatar"] .icon-picker theme-palette {
  flex-wrap: wrap;
}
[b-5vm6mg9glk] editor-for[type="avatar"] .icon-picker theme-palette > swatch {
  min-width: 46px;
}
@media only screen and (max-width: 500px) {
  [b-5vm6mg9glk] editor-for[type="avatar"] .icon-picker {
    height: 100%;
    display: grid;
    grid-auto-flow: row;
    grid-template-rows: 1fr auto;
  }
  [b-5vm6mg9glk] editor-for[type="avatar"] .icon-picker icon-palette {
    max-height: inherit;
    overflow: scroll;
  }
  [b-5vm6mg9glk] editor-for[type="avatar"] .icon-picker theme-palette {
    max-height: 50vh;
    overflow: scroll;
  }
}
/* /Pages/Wallet.razor.rz.scp.css */
title[b-h387vmc4ag] {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 30px;
}
[b-h387vmc4ag] pill {
  font-size: 0.7em;
}
/* /Pages/Wallets.razor.rz.scp.css */
wallet-actions[b-wf10w2esao] {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
}
wallet-actions a[b-wf10w2esao] {
  font-size: 0.8125rem;
  line-height: 1.38461538;
  letter-spacing: -0.006em;
  font-weight: 500;
  color: #000036;
}
/* /Shared/AddProjectLayout.razor.rz.scp.css */
page[b-j1b8jqz4nj] {
  width: 100%;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}
page .background[b-j1b8jqz4nj] {
  background: linear-gradient(180deg, var(--navigation-colour), var(--gradient-colour));
}
page-content[b-j1b8jqz4nj] {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  padding-bottom: 28px;
}
page-content.background editor-section[b-j1b8jqz4nj] {
  padding: 30px;
  border-radius: 5px;
  box-shadow: 0px 2px 25px 0px rgba(100, 102, 108, 0.1);
  background-color: white;
}
heading[b-j1b8jqz4nj] {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 200px;
  padding: 20px 28px 40px 28px;
  padding-bottom: 40px;
}
@media only screen and (max-width: 1000px) {
  heading[b-j1b8jqz4nj] {
    padding: 0;
    min-height: unset;
  }
  heading project-name[b-j1b8jqz4nj] {
    display: none;
  }
}
heading sub-heading[b-j1b8jqz4nj] {
  display: grid;
  grid-template-columns: 1fr 5fr 1fr;
  grid-auto-rows: -webkit-max-content;
  grid-auto-rows: max-content;
  grid-column-gap: 20px;
  align-items: center;
}
heading sub-heading project-name[b-j1b8jqz4nj] {
  justify-self: start;
}
heading sub-heading project-name[b-j1b8jqz4nj]  > * {
  padding: 12px 14px;
  border-radius: 3.321px;
  font-size: 0.875rem;
  line-height: 0.98935714;
  letter-spacing: -0.00807143em;
  font-weight: 600;
  display: block;
}
heading sub-heading section-navigation[b-j1b8jqz4nj] {
  justify-self: center;
}
heading sub-heading save[b-j1b8jqz4nj] {
  justify-self: end;
}
heading sub-heading save[b-j1b8jqz4nj]  * {
  padding: 12px 14px;
  border-radius: 3.321px;
  border: 1px solid white;
  background-color: rgba(0, 0, 0, 0);
  font-size: 0.875rem;
  line-height: 0.98935714;
  letter-spacing: -0.00807143em;
  font-weight: 600;
  color: white;
}
heading sub-heading save[b-j1b8jqz4nj]  *.hidden {
  visibility: hidden;
}
@media only screen and (max-width: 1200px) {
  heading sub-heading[b-j1b8jqz4nj] {
    grid-template-columns: 1fr 2fr 1fr;
  }
}
@media only screen and (max-width: 1000px) {
  heading sub-heading[b-j1b8jqz4nj] {
    grid-template-columns: 1fr;
  }
  heading sub-heading section-navigation[b-j1b8jqz4nj] {
    justify-self: unset;
    display: flex;
    justify-content: center;
    border-bottom: 1px solid rgba(255, 255, 255, 0.25);
  }
}
heading heading-text-outlet[b-j1b8jqz4nj] {
  display: block;
  align-self: center;
  margin-top: 50px;
  color: white;
}
heading heading-text-outlet[b-j1b8jqz4nj]  h1 {
  font-size: 1.7888125rem;
  line-height: 1.2222494;
  letter-spacing: -0.03001293em;
  font-weight: 300;
  color: white;
  margin-top: 100px;
}
@media only screen and (max-width: 1000px) {
  heading heading-text-outlet[b-j1b8jqz4nj] {
    width: 100%;
    margin: 30px 0;
    padding: 0 15px;
  }
  heading heading-text-outlet[b-j1b8jqz4nj]  h1 {
    margin: 0;
  }
}
heading.background[b-j1b8jqz4nj] {
  padding-bottom: 260px;
  margin-bottom: -190px;
}
main[b-j1b8jqz4nj] {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0 15px;
}
main editor-section[b-j1b8jqz4nj] {
  width: 100%;
  max-width: var(--default-width, 1500px);
}
main editor-section.constrain-width[b-j1b8jqz4nj] {
  --default-width: 400px;
}
main editor-section[b-j1b8jqz4nj]  button.back-and-edit {
  align-self: center;
  font-size: 1rem;
  line-height: 1.375;
  letter-spacing: -0.01125em;
  font-weight: 600;
  color: #0A090B;
  padding: 0;
  background: none;
  border: none;
  box-shadow: none;
  margin-top: 20px;
}
main additional-text[b-j1b8jqz4nj] {
  margin-top: 24px;
  font-size: 0.875rem;
  line-height: 1.28571429;
  letter-spacing: -0.01285714em;
  color: white;
  opacity: 0.65;
  max-width: 350px;
  text-align: center;
}
/* /Shared/CascadingTheme.razor.rz.scp.css */
theme[b-3m26nyg8lw] {
  --blue: #5A61ED;
  --orange: #F95608;
  --navy: #000036;
  --green: #32A58C;
  --jade: #032E2D;
  --dark-orange: #961616;
  display: contents;
}
/* /Shared/Footer.razor.rz.scp.css */
footer[b-5tnf5alv1w] {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 40px 25px;
  margin-top: 100px;
}
footer.white[b-5tnf5alv1w] {
  color: white;
}
footer.grey[b-5tnf5alv1w] {
  color: #ADACB0;
}
footer copyright[b-5tnf5alv1w] {
  font-size: 0.875rem;
  line-height: 1.42857143;
  letter-spacing: -0.00357143em;
}
@media only screen and (max-width: 700px) {
  footer[b-5tnf5alv1w] {
    flex-direction: column;
    justify-content: start;
    gap: 23px;
    margin-top: 50px;
  }
}
@media only screen and (max-width: 1000px) {
  footer[b-5tnf5alv1w] {
    margin-bottom: 80px;
    margin-bottom: calc(80px + env(safe-area-inset-bottom, 0px));
  }
}
/* /Shared/Layout.razor.rz.scp.css */
page[b-sqyoz1ymoe] {
  display: flex;
  flex-direction: column;
  min-height: 100%;
}
page header[b-sqyoz1ymoe] {
  min-height: 325px;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 32px;
  padding-bottom: 20px;
  color: white;
  background: linear-gradient(180deg, var(--navigation-colour), var(--gradient-colour));
}
page header.overlap-header[b-sqyoz1ymoe] {
  padding-bottom: 150px;
}
@media only screen and (max-width: 500px) {
  page header[b-sqyoz1ymoe] {
    min-height: unset;
  }
  page header.overlap-header[b-sqyoz1ymoe] {
    padding-bottom: 0;
  }
}
page main[b-sqyoz1ymoe] {
  align-self: center;
  flex-grow: 1;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 32px;
}
@media only screen and (min-width: 501px ) {
  page main.overlap-header[b-sqyoz1ymoe] {
    margin-top: -125px;
  }
}
page heading-text-outlet[b-sqyoz1ymoe],
page main[b-sqyoz1ymoe] {
  width: calc(100% - 40px);
  max-width: 1024px;
}
@media only screen and (max-width: 500px) {
  page heading-text-outlet[b-sqyoz1ymoe],
  page main[b-sqyoz1ymoe] {
    padding-block: 10px;
    width: calc(100% - 20px);
  }
}
heading-text-outlet[b-sqyoz1ymoe] {
  margin-top: auto;
  font-size: 1.7888125rem;
  line-height: 1.2222494;
  letter-spacing: -0.03001293em;
  font-weight: 300;
}
heading-text-outlet[b-sqyoz1ymoe]  h1 {
  font-size: 2.25rem;
  line-height: 1.22222222;
  letter-spacing: -0.03em;
  font-weight: 700;
}
heading-text-outlet[b-sqyoz1ymoe]  p {
  font-size: 1.25rem;
  line-height: 1.4;
  letter-spacing: -0.02em;
}
@media only screen and (max-width: 500px) {
  page header[b-sqyoz1ymoe] {
    padding-top: 0;
  }
}
/* /Shared/NavigationMenu.razor.rz.scp.css */
navigation-menu[b-f47wvz3b40] {
  padding-top: env(safe-area-inset-top, 0px);
  display: grid;
  grid-template-columns: -webkit-min-content 1fr -webkit-min-content -webkit-min-content;
  grid-template-columns: min-content 1fr min-content min-content;
  background-color: var(--navigation-colour, #000036);
  border-bottom: 1px solid rgba(255, 255, 255, 0.25);
}
navigation-menu > *[b-f47wvz3b40] {
  padding-inline: 26px;
  display: flex;
  align-items: center;
}
logo-container[b-f47wvz3b40] {
  padding-block: 22px;
}
.logo-full[b-f47wvz3b40] {
  display: none;
}
toggle-menu[b-f47wvz3b40] {
  cursor: pointer;
  display: none;
}
navigation-items[b-f47wvz3b40] {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  gap: 39px;
}
navigation-items[b-f47wvz3b40]  a {
  padding-block: 25px;
  font-size: 1rem;
  line-height: 1.375;
  letter-spacing: -0.01125em;
  font-weight: 475;
  white-space: nowrap;
  color: white;
  opacity: 1;
  transition: opacity 0.2s ease-in-out;
}
navigation-items[b-f47wvz3b40]  a:not(.active) {
  opacity: 0.65;
}
navigation-items[b-f47wvz3b40]  a icon {
  display: none;
}
[b-f47wvz3b40] notifications-widget div.popup-trigger {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media only screen and (max-width: 1000px) {
  navigation-menu[b-f47wvz3b40] {
    height: 66px;
    height: calc(66px + env(safe-area-inset-top, 0px));
    grid-template-columns: minmax(auto, 66px) 2fr minmax(auto, 66px);
    z-index: 999;
  }
   > *[b-f47wvz3b40] {
    border: none;
    padding: 0;
  }
  logo-container[b-f47wvz3b40] {
    display: block;
    width: 100vw;
    text-align: center;
  }
  .logo-full[b-f47wvz3b40] {
    display: inline;
  }
  .logo-mark[b-f47wvz3b40] {
    display: none;
  }
  notifications[b-f47wvz3b40] {
    display: none;
  }
  account[b-f47wvz3b40] {
    justify-content: center;
    position: fixed;
    bottom: 0;
    right: 0;
    height: 80px;
    height: calc(80px + env(safe-area-inset-bottom, 0px));
  }
  navigation-items[b-f47wvz3b40] {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    height: 80px;
    height: calc(80px + env(safe-area-inset-bottom, 0px));
    background-color: var(--navigation-colour, #000036);
    display: flex;
    gap: 0;
    padding-right: 80px;
    padding-right: calc(80px + env(safe-area-inset-bottom, 0px));
  }
  navigation-items[b-f47wvz3b40]  a {
    padding: 0;
    font-size: 10px;
    display: flex;
    flex-direction: column;
    gap: 6px;
    justify-content: center;
    align-items: center;
    flex: 1;
  }
  navigation-items[b-f47wvz3b40]  a icon {
    display: block;
    font-size: 25px;
  }
  navigation-items[b-f47wvz3b40]  a.secondary {
    display: none;
  }
  side-menu-account-container[b-f47wvz3b40] {
    display: block;
    margin-top: auto;
  }
}
@media only screen and (max-width: 500px) {
  body[style]:not([style=""]) navigation-menu[b-f47wvz3b40] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
  }
}