@charset "UTF-8";
@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";

/* src/styles.scss */
.toast-center-center {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.toast-top-center {
  top: 0;
  right: 0;
  width: 100%;
}
.toast-bottom-center {
  bottom: 0;
  right: 0;
  width: 100%;
}
.toast-top-full-width {
  top: 0;
  right: 0;
  width: 100%;
}
.toast-bottom-full-width {
  bottom: 0;
  right: 0;
  width: 100%;
}
.toast-top-left {
  top: 12px;
  left: 12px;
}
.toast-top-right {
  top: 12px;
  right: 12px;
}
.toast-bottom-right {
  right: 12px;
  bottom: 12px;
}
.toast-bottom-left {
  bottom: 12px;
  left: 12px;
}
.toast-title {
  font-weight: bold;
}
.toast-message {
  word-wrap: break-word;
}
.toast-message a,
.toast-message label {
  color: #FFFFFF;
}
.toast-message a:hover {
  color: #CCCCCC;
  text-decoration: none;
}
.toast-close-button {
  position: relative;
  right: -0.3em;
  top: -0.3em;
  float: right;
  font-size: 20px;
  font-weight: bold;
  color: #FFFFFF;
  text-shadow: 0 1px 0 #ffffff;
}
.toast-close-button:hover,
.toast-close-button:focus {
  color: #000000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.4;
}
button.toast-close-button {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
}
.toast-container {
  pointer-events: none;
  position: fixed;
  z-index: 999999;
}
.toast-container * {
  box-sizing: border-box;
}
.toast-container .ngx-toastr {
  position: relative;
  overflow: hidden;
  margin: 0 0 6px;
  padding: 15px 15px 15px 50px;
  width: 300px;
  border-radius: 3px 3px 3px 3px;
  background-position: 15px center;
  background-repeat: no-repeat;
  background-size: 24px;
  box-shadow: 0 0 12px #999999;
  color: #FFFFFF;
}
.toast-container .ngx-toastr:hover {
  box-shadow: 0 0 12px #000000;
  opacity: 1;
  cursor: pointer;
}
.toast-info {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTI1NiA4QzExOS4wNDMgOCA4IDExOS4wODMgOCAyNTZjMCAxMzYuOTk3IDExMS4wNDMgMjQ4IDI0OCAyNDhzMjQ4LTExMS4wMDMgMjQ4LTI0OEM1MDQgMTE5LjA4MyAzOTIuOTU3IDggMjU2IDh6bTAgMTEwYzIzLjE5NiAwIDQyIDE4LjgwNCA0MiA0MnMtMTguODA0IDQyLTQyIDQyLTQyLTE4LjgwNC00Mi00MiAxOC44MDQtNDIgNDItNDJ6bTU2IDI1NGMwIDYuNjI3LTUuMzczIDEyLTEyIDEyaC04OGMtNi42MjcgMC0xMi01LjM3My0xMi0xMnYtMjRjMC02LjYyNyA1LjM3My0xMiAxMi0xMmgxMnYtNjRoLTEyYy02LjYyNyAwLTEyLTUuMzczLTEyLTEydi0yNGMwLTYuNjI3IDUuMzczLTEyIDEyLTEyaDY0YzYuNjI3IDAgMTIgNS4zNzMgMTIgMTJ2MTAwaDEyYzYuNjI3IDAgMTIgNS4zNzMgMTIgMTJ2MjR6Jy8+PC9zdmc+);
}
.toast-error {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTI1NiA4QzExOSA4IDggMTE5IDggMjU2czExMSAyNDggMjQ4IDI0OCAyNDgtMTExIDI0OC0yNDhTMzkzIDggMjU2IDh6bTEyMS42IDMxMy4xYzQuNyA0LjcgNC43IDEyLjMgMCAxN0wzMzggMzc3LjZjLTQuNyA0LjctMTIuMyA0LjctMTcgMEwyNTYgMzEybC02NS4xIDY1LjZjLTQuNyA0LjctMTIuMyA0LjctMTcgMEwxMzQuNCAzMzhjLTQuNy00LjctNC43LTEyLjMgMC0xN2w2NS42LTY1LTY1LjYtNjUuMWMtNC43LTQuNy00LjctMTIuMyAwLTE3bDM5LjYtMzkuNmM0LjctNC43IDEyLjMtNC43IDE3IDBsNjUgNjUuNyA2NS4xLTY1LjZjNC43LTQuNyAxMi4zLTQuNyAxNyAwbDM5LjYgMzkuNmM0LjcgNC43IDQuNyAxMi4zIDAgMTdMMzEyIDI1Nmw2NS42IDY1LjF6Jy8+PC9zdmc+);
}
.toast-success {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTE3My44OTggNDM5LjQwNGwtMTY2LjQtMTY2LjRjLTkuOTk3LTkuOTk3LTkuOTk3LTI2LjIwNiAwLTM2LjIwNGwzNi4yMDMtMzYuMjA0YzkuOTk3LTkuOTk4IDI2LjIwNy05Ljk5OCAzNi4yMDQgMEwxOTIgMzEyLjY5IDQzMi4wOTUgNzIuNTk2YzkuOTk3LTkuOTk3IDI2LjIwNy05Ljk5NyAzNi4yMDQgMGwzNi4yMDMgMzYuMjA0YzkuOTk3IDkuOTk3IDkuOTk3IDI2LjIwNiAwIDM2LjIwNGwtMjk0LjQgMjk0LjQwMWMtOS45OTggOS45OTctMjYuMjA3IDkuOTk3LTM2LjIwNC0uMDAxeicvPjwvc3ZnPg==);
}
.toast-warning {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1NzYgNTEyJyB3aWR0aD0nNTc2JyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTU2OS41MTcgNDQwLjAxM0M1ODcuOTc1IDQ3Mi4wMDcgNTY0LjgwNiA1MTIgNTI3Ljk0IDUxMkg0OC4wNTRjLTM2LjkzNyAwLTU5Ljk5OS00MC4wNTUtNDEuNTc3LTcxLjk4N0wyNDYuNDIzIDIzLjk4NWMxOC40NjctMzIuMDA5IDY0LjcyLTMxLjk1MSA4My4xNTQgMGwyMzkuOTQgNDE2LjAyOHpNMjg4IDM1NGMtMjUuNDA1IDAtNDYgMjAuNTk1LTQ2IDQ2czIwLjU5NSA0NiA0NiA0NiA0Ni0yMC41OTUgNDYtNDYtMjAuNTk1LTQ2LTQ2LTQ2em0tNDMuNjczLTE2NS4zNDZsNy40MTggMTM2Yy4zNDcgNi4zNjQgNS42MDkgMTEuMzQ2IDExLjk4MiAxMS4zNDZoNDguNTQ2YzYuMzczIDAgMTEuNjM1LTQuOTgyIDExLjk4Mi0xMS4zNDZsNy40MTgtMTM2Yy4zNzUtNi44NzQtNS4wOTgtMTIuNjU0LTExLjk4Mi0xMi42NTRoLTYzLjM4M2MtNi44ODQgMC0xMi4zNTYgNS43OC0xMS45ODEgMTIuNjU0eicvPjwvc3ZnPg==);
}
.toast-container.toast-top-center .ngx-toastr,
.toast-container.toast-bottom-center .ngx-toastr {
  width: 300px;
  margin-left: auto;
  margin-right: auto;
}
.toast-container.toast-top-full-width .ngx-toastr,
.toast-container.toast-bottom-full-width .ngx-toastr {
  width: 96%;
  margin-left: auto;
  margin-right: auto;
}
.ngx-toastr {
  background-color: #030303;
  pointer-events: auto;
}
.toast-success {
  background-color: #51A351;
}
.toast-error {
  background-color: #BD362F;
}
.toast-info {
  background-color: #2F96B4;
}
.toast-warning {
  background-color: #F89406;
}
.toast-progress {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 4px;
  background-color: #000000;
  opacity: 0.4;
}
@media all and (max-width: 240px) {
  .toast-container .ngx-toastr.div {
    padding: 8px 8px 8px 50px;
    width: 11em;
  }
  .toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
}
@media all and (min-width: 241px) and (max-width: 480px) {
  .toast-container .ngx-toastr.div {
    padding: 8px 8px 8px 50px;
    width: 18em;
  }
  .toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
}
@media all and (min-width: 481px) and (max-width: 768px) {
  .toast-container .ngx-toastr.div {
    padding: 15px 15px 15px 50px;
    width: 25em;
  }
}
#toast-container.toast-top-right {
  top: 12px;
  right: 12px;
}
#toast-container .ngx-toastr.aio-toast {
  position: relative;
  display: grid;
  grid-template-columns: 18px 1fr;
  grid-template-rows: auto auto;
  column-gap: 8px;
  row-gap: 4px;
  align-items: center;
  width: 360px;
  max-width: calc(100vw - 24px);
  padding: 16px;
  margin: 0 0 10px;
  border-radius: 6px;
  border: 1px solid #ededed;
  box-shadow: 0 12px 14px 0 rgba(0, 0, 0, 0.1);
  font-family:
    "Inter",
    "Segoe UI",
    "Roboto",
    "Helvetica Neue",
    Arial,
    sans-serif;
  background-image: none !important;
}
#toast-container .ngx-toastr.aio-toast::before {
  content: "";
  grid-column: 1;
  grid-row: 1/span 2;
  align-self: center;
  width: 18px;
  height: 18px;
  flex-shrink: 0;
}
#toast-container .ngx-toastr.aio-toast:not(:has(.toast-message:not(:empty))) {
  grid-template-rows: auto;
  align-content: center;
}
#toast-container .ngx-toastr.aio-toast:not(:has(.toast-message:not(:empty)))::before {
  grid-row: 1;
}
#toast-container .ngx-toastr.aio-toast .toast-close-button {
  grid-column: 3;
  grid-row: 1;
  align-self: center;
  position: static;
  float: none;
  right: auto;
  top: auto;
  margin: 0;
  padding: 0;
  width: 28px;
  height: 28px;
  line-height: 1;
  font-size: 22px;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.85);
  text-shadow: none;
  opacity: 0.85;
}
#toast-container .ngx-toastr.aio-toast .toast-close-button:hover,
#toast-container .ngx-toastr.aio-toast .toast-close-button:focus {
  color: #fff;
  opacity: 1;
}
#toast-container .ngx-toastr.aio-toast .toast-title.aio-toast__title,
#toast-container .ngx-toastr.aio-toast .toast-title {
  grid-column: 2;
  grid-row: 1;
  align-self: center;
  margin: 0;
  padding: 0;
  font-size: 14px;
  font-weight: 600;
  line-height: normal;
  color: #fff;
  white-space: pre-line;
}
#toast-container .ngx-toastr.aio-toast .toast-message.aio-toast__message,
#toast-container .ngx-toastr.aio-toast .toast-message {
  grid-column: 2;
  grid-row: 2;
  align-self: start;
  margin: 0;
  padding: 0;
  font-size: 12px;
  font-weight: 400;
  line-height: normal;
  color: rgba(255, 255, 255, 0.72);
  white-space: pre-line;
  word-wrap: break-word;
}
#toast-container .ngx-toastr.aio-toast .toast-message.aio-toast__message:empty,
#toast-container .ngx-toastr.aio-toast .toast-message:empty {
  display: none;
}
#toast-container .ngx-toastr.aio-toast .toast-progress {
  display: none;
}
#toast-container .ngx-toastr.aio-toast--success {
  background-color: #0b2812;
}
#toast-container .ngx-toastr.aio-toast--success::before {
  background-color: transparent;
  background-image: url("./media/check_circle.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
#toast-container .ngx-toastr.aio-toast--success .toast-message,
#toast-container .ngx-toastr.aio-toast--success .toast-title {
  color: #AEEABD !important;
}
#toast-container .ngx-toastr.aio-toast--error {
  background-color: #290000;
}
#toast-container .ngx-toastr.aio-toast--error::before {
  background-color: transparent;
  background-image: url("./media/close_circle.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
#toast-container .ngx-toastr.aio-toast--error .toast-message,
#toast-container .ngx-toastr.aio-toast--error .toast-title {
  color: #FF8A8A !important;
}
#toast-container .ngx-toastr.aio-toast--info {
  background-color: #001B29;
}
#toast-container .ngx-toastr.aio-toast--info::before {
  background-color: transparent;
  background-image: url("./media/info_circle.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
#toast-container .ngx-toastr.aio-toast--info .toast-message,
#toast-container .ngx-toastr.aio-toast--info .toast-title {
  color: #85D6FF !important;
}
#toast-container .ngx-toastr.aio-toast--warning {
  background-color: #2c2200;
}
#toast-container .ngx-toastr.aio-toast--warning::before {
  border-radius: 50%;
  background-color: #d97706;
  background-color: rgba(255, 255, 255, 0.95);
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.5' stroke-linecap='round'%3E%3Cpath d='M12 9v4M12 17h.01M10.3 3h3.4L22 18H2L10.3 3z'/%3E%3C/svg%3E") center/14px 14px no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.5' stroke-linecap='round'%3E%3Cpath d='M12 9v4M12 17h.01M10.3 3h3.4L22 18H2L10.3 3z'/%3E%3C/svg%3E") center/14px 14px no-repeat;
}
#toast-container .ngx-toastr.aio-toast--warning .toast-message,
#toast-container .ngx-toastr.aio-toast--warning .toast-title {
  color: rgba(255, 230, 190, 0.88) !important;
}
.cdk-drag-preview.sop-expanded-row {
  display: table;
  table-layout: fixed;
  width: max-content;
  min-width: 560px;
  border-collapse: collapse;
  box-sizing: border-box;
  border-radius: 6px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
  background: #ffffff;
  font-size: 0.875rem;
  color: #24282b;
}
.cdk-drag-preview.sop-expanded-row td {
  display: table-cell;
  position: relative;
  box-sizing: border-box;
  min-width: 0;
  height: 40px;
  padding: 0 1rem;
  vertical-align: middle;
  border-right: 1px solid #ededed;
  border-bottom: none;
  background: #ffffff;
  font-size: 0.875rem;
}
.cdk-drag-preview.sop-expanded-row td:last-child {
  border-right: none;
}
.cdk-drag-preview.sop-expanded-row td.sop-col--title {
  width: 30rem;
  min-width: 30rem;
  max-width: 30rem;
  font-weight: 600;
  color: #262626;
  text-align: left;
}
.cdk-drag-preview.sop-expanded-row td.sop-col--chat {
  width: 3.25rem;
  min-width: 3.25rem;
  max-width: 3.25rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  text-align: center;
}
.cdk-drag-preview.sop-expanded-row td.sop-col--description {
  width: 22rem;
  min-width: 22rem;
  max-width: 26rem;
  font-weight: 400;
  color: #24282b;
  text-align: left;
}
.cdk-drag-preview.sop-expanded-row td.sop-col--assignees {
  width: 14rem;
  min-width: 12rem;
  max-width: 18rem;
  text-align: center;
}
.cdk-drag-preview.sop-expanded-row td.sop-col--due,
.cdk-drag-preview.sop-expanded-row td.sop-col--custom {
  width: 12rem;
  min-width: 12rem;
  max-width: 16rem;
  text-align: center;
}
.cdk-drag-preview.sop-expanded-row td.sop-actions-cell {
  width: 80px;
  min-width: 80px;
  max-width: 11rem;
  text-align: center;
  padding: 0 0.75rem;
  white-space: nowrap;
}
.cdk-drag-preview.sop-expanded-row .sop-cell-inner--title.sop-cell-inner--with-drag {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  width: 100%;
}
.cdk-drag-preview.sop-expanded-row .sop-title-cell-text {
  min-width: 0;
  flex: 1;
  display: flex;
  align-items: center;
}
.cdk-drag-preview.sop-expanded-row td.sop-col--assignees .sop-cell-inner,
.cdk-drag-preview.sop-expanded-row td.sop-col--due .sop-cell-inner,
.cdk-drag-preview.sop-expanded-row td.sop-col--custom .sop-cell-inner,
.cdk-drag-preview.sop-expanded-row td.sop-col--chat .sop-cell-inner {
  justify-content: center;
}
.cdk-drag-preview.sop-expanded-row td.sop-col--title .sop-cell-inner,
.cdk-drag-preview.sop-expanded-row td.sop-col--description .sop-cell-inner {
  justify-content: flex-start;
}
.cdk-drag-preview.sop-expanded-row .sop-col--title .sop-display {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cdk-drag-preview.sop-expanded-row .sop-col--description .sop-display {
  white-space: normal;
  word-break: break-word;
}
.cdk-drag-preview.sop-expanded-row .sop-menu-cell-content {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 40px;
}
label {
  font-family:
    "Inter",
    "Segoe UI",
    "Roboto",
    "Helvetica Neue",
    Arial,
    sans-serif;
  font-size: 1rem;
  font-weight: 600;
  color: #24282b;
  margin-bottom: 0.1rem;
}
input,
textarea,
select {
  font-family:
    "Inter",
    "Segoe UI",
    "Roboto",
    "Helvetica Neue",
    Arial,
    sans-serif;
  font-size: 0.89rem;
  color: #24282b;
  background-color: #ffffff;
  border: 1px solid #a5a5a5;
  border-radius: 6px;
  padding: 12px;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
input:focus,
textarea:focus,
select:focus {
  outline: none;
  border-color: #006da3;
  box-shadow: 0 0 0 2px rgba(0, 139, 206, 0.1);
}
input::placeholder,
textarea::placeholder,
select::placeholder {
  color: #4a5359;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
textarea:-webkit-autofill:active,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus,
select:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 30px white inset !important;
  -webkit-text-fill-color: #24282b !important;
  transition: background-color 5000s ease-in-out 0s;
}
button {
  font-family:
    "Inter",
    "Segoe UI",
    "Roboto",
    "Helvetica Neue",
    Arial,
    sans-serif;
  font-size: 0.89rem;
  font-weight: 500;
  border-radius: 6px;
  padding: 8px 12px;
  border: none;
  cursor: pointer;
  transition: all 0.2s ease;
}
button.btn-primary {
  background-color: #24282b;
  color: #ffffff;
}
button.btn-primary:hover {
  background-color: #4a5359;
}
button.btn-secondary {
  background-color: #ffffff;
  color: #24282b;
  border: 1px solid #24282b;
}
button.btn-secondary:hover {
  background-color: #d4d4d4;
  border-color: #4a5359;
}
button.btn-tertiary {
  background-color: transparent;
  color: #008bce;
  padding: 6px 8px;
}
button.btn-tertiary:hover {
  color: #006da3;
  background-color: rgba(0, 139, 206, 0.05);
}
h1 {
  font-family:
    "Inter",
    "Segoe UI",
    "Roboto",
    "Helvetica Neue",
    Arial,
    sans-serif;
  font-size: 1.8rem;
  font-weight: 700;
  color: #0e0f10;
  margin: 0 0 8px 0;
  line-height: 1.1;
}
h2 {
  font-family:
    "Inter",
    "Segoe UI",
    "Roboto",
    "Helvetica Neue",
    Arial,
    sans-serif;
  font-size: 1.5rem;
  font-weight: 700;
  color: #0e0f10;
  margin: 0;
  line-height: 1.1;
}
h3 {
  font-family:
    "Inter",
    "Segoe UI",
    "Roboto",
    "Helvetica Neue",
    Arial,
    sans-serif;
  font-size: 1.3rem;
  font-weight: 700;
  color: #0e0f10;
  margin: 0;
  line-height: 1.1;
}
h4 {
  font-family:
    "Inter",
    "Segoe UI",
    "Roboto",
    "Helvetica Neue",
    Arial,
    sans-serif;
  font-size: 1.1rem;
  font-weight: 600;
  color: #0e0f10;
  margin: 0;
  line-height: 1.1;
}
h5 {
  font-family:
    "Inter",
    "Segoe UI",
    "Roboto",
    "Helvetica Neue",
    Arial,
    sans-serif;
  font-size: 1rem;
  font-weight: 600;
  color: #0e0f10;
  margin: 0;
  line-height: 1.1;
}
h6 {
  font-family:
    "Inter",
    "Segoe UI",
    "Roboto",
    "Helvetica Neue",
    Arial,
    sans-serif;
  font-size: 0.89rem;
  font-weight: 600;
  color: #0e0f10;
  margin: 0;
  line-height: 1.1;
}
body {
  font-family:
    "Inter",
    "Segoe UI",
    "Roboto",
    "Helvetica Neue",
    Arial,
    sans-serif;
  font-size: 0.89rem;
  font-weight: 400;
  color: #24282b;
  line-height: 1.5;
  background-color: #ffffff;
}
p {
  margin: 0 0 1rem 0;
  color: #24282b;
}
a {
  color: #008bce;
  text-decoration: none;
  transition: color 0.2s ease;
}
a:hover {
  color: #006da3;
}
.text-primary {
  color: #24282b;
}
.text-secondary {
  color: #008bce;
}
.text-muted {
  color: #4a5359;
}
.text-error {
  color: #d80000;
}
.text-success {
  color: #2f855a;
}
.text-warning {
  color: #fbc02d;
}
.text-info {
  color: #008bce;
}
.bg-primary {
  background-color: #24282b;
}
.bg-secondary {
  background-color: #008bce;
}
.bg-light {
  background-color: #f5f7fa;
}
.bg-subtle {
  background-color: #d4d4d4;
}
.breadcrumbs {
  max-width: 100%;
  overflow: hidden;
}
.breadcrumbs .breadcrumb-item {
  max-width: 100%;
  overflow: hidden;
}
.breadcrumbs .breadcrumb-item .breadcrumb-label {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 80px;
}
.breadcrumbs .breadcrumb-item.last .breadcrumb-label {
  max-width: 120px;
}
:root {
  --icon-size-sm: 16px;
  --icon-size-med: 20px;
  --icon-size-lg: 24px;
}
.icon-sm {
  width: 16px;
  height: 16px;
  object-fit: contain;
}
.icon-med {
  width: 20px;
  height: 20px;
  object-fit: contain;
}
.icon-lg {
  width: 24px;
  height: 24px;
  object-fit: contain;
}
.icon-xlg {
  width: 48px;
  height: 48px;
  object-fit: contain;
}
.mf-expand-participants-title {
  flex: 0 1 auto;
  min-width: 0;
}
.p-dialog.my-feed-change-group-name-dialog,
.p-dialog.my-feed-add-participants-dialog {
  padding: 0;
  border-radius: 12px;
  overflow: hidden;
  border: 1px solid var(--System-Surface-Level-2-border-level-2, #ededed);
}
.p-dialog.my-feed-change-group-name-dialog .p-dialog-header,
.p-dialog.my-feed-add-participants-dialog .p-dialog-header {
  padding: 0;
  border: none;
}
.p-dialog.my-feed-change-group-name-dialog .p-dialog-header .p-dialog-close-button,
.p-dialog.my-feed-change-group-name-dialog .p-dialog-header button.p-dialog-close-button,
.p-dialog.my-feed-add-participants-dialog .p-dialog-header .p-dialog-close-button,
.p-dialog.my-feed-add-participants-dialog .p-dialog-header button.p-dialog-close-button {
  display: none !important;
}
.p-dialog.my-feed-change-group-name-dialog .p-dialog-content,
.p-dialog.my-feed-add-participants-dialog .p-dialog-content {
  padding: 0;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}
.p-dialog.my-feed-change-group-name-dialog .p-dialog-footer,
.p-dialog.my-feed-add-participants-dialog .p-dialog-footer {
  padding: 0;
  border: none;
  width: 100%;
  box-sizing: border-box;
}
.p-dialog.my-feed-add-participants-dialog {
  max-width: min(560px, 96vw);
}
.p-dialog.my-feed-add-participants-dialog .p-dialog-content {
  min-height: 0;
  box-sizing: border-box;
  transition: min-height 0.2s ease;
}
.p-dialog.my-feed-add-participants-dialog.my-feed-add-participants-dialog--expanded .p-dialog-content {
  min-height: min(420px, 78vh);
}
.p-dialog.my-feed-change-group-name-dialog .mf-modal-header-band,
.p-dialog.my-feed-add-participants-dialog .mf-modal-header-band {
  display: flex;
  padding-top: 24px;
  flex-direction: column;
  align-items: flex-end;
  align-self: stretch;
  width: 100%;
}
.p-dialog.my-feed-change-group-name-dialog .mf-modal-main,
.p-dialog.my-feed-add-participants-dialog .mf-modal-main {
  display: flex;
  padding: 0 24px 16px 24px;
  flex-direction: column;
  align-items: flex-start;
  gap: 0;
  align-self: stretch;
  width: 100%;
  box-sizing: border-box;
}
.p-dialog.my-feed-change-group-name-dialog .mf-modal-top-row,
.p-dialog.my-feed-add-participants-dialog .mf-modal-top-row {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  align-self: stretch;
  width: 100%;
}
.p-dialog.my-feed-change-group-name-dialog .mf-modal-icon-badge,
.p-dialog.my-feed-add-participants-dialog .mf-modal-icon-badge {
  display: flex;
  padding: 6px;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  border: none;
  background: var(--Interactive-interactive-weak, #ecf2fe);
  flex-shrink: 0;
  box-sizing: border-box;
}
.p-dialog.my-feed-change-group-name-dialog .mf-modal-icon-badge img,
.p-dialog.my-feed-add-participants-dialog .mf-modal-icon-badge img {
  display: block;
  width: 22px;
  height: 22px;
  object-fit: contain;
}
.p-dialog.my-feed-change-group-name-dialog .mf-modal-icon-badge--primary-icon img,
.p-dialog.my-feed-add-participants-dialog .mf-modal-icon-badge--primary-icon img {
  filter: brightness(0) saturate(100%) invert(36%) sepia(93%) saturate(2166%) hue-rotate(200deg) brightness(98%) contrast(92%);
}
.p-dialog.my-feed-change-group-name-dialog .mf-modal-subtitle,
.p-dialog.my-feed-add-participants-dialog .mf-modal-subtitle {
  margin: 8px 0 0;
  align-self: stretch;
  color: var(--System-Content-content-body-subdued, #575757);
  font-family:
    "Inter",
    "Segoe UI",
    "Roboto",
    "Helvetica Neue",
    Arial,
    sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.45;
}
.p-dialog.my-feed-change-group-name-dialog .mf-modal-title,
.p-dialog.my-feed-add-participants-dialog .mf-modal-title {
  margin: 16px 0 0;
  align-self: stretch;
  color: var(--Neutral-neutral-default, #262626);
  font-family:
    "Inter",
    "Segoe UI",
    "Roboto",
    "Helvetica Neue",
    Arial,
    sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: normal;
}
.p-dialog.my-feed-change-group-name-dialog .mf-modal-fields,
.p-dialog.my-feed-add-participants-dialog .mf-modal-fields {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  align-self: stretch;
  gap: 12px;
  width: 100%;
  margin-top: 24px;
  box-sizing: border-box;
}
.p-dialog.my-feed-change-group-name-dialog .mf-change-group-name-input,
.p-dialog.my-feed-add-participants-dialog .mf-change-group-name-input {
  width: 100%;
  box-sizing: border-box;
  padding: 10px 12px;
  border-radius: 6px;
  border: 1px solid var(--Form-Form-Field-Default-border-form-field-default, #d4d4d4);
  background: var(--Form-Form-Field-Default-bg-form-field-default, #fff);
  font-size: 14px;
  font-family:
    "Inter",
    "Segoe UI",
    "Roboto",
    "Helvetica Neue",
    Arial,
    sans-serif;
  color: var(--Neutral-neutral-default, #262626);
}
.p-dialog.my-feed-change-group-name-dialog .mf-modal-close,
.p-dialog.my-feed-add-participants-dialog .mf-modal-close {
  display: flex;
  width: 32px;
  height: 32px;
  padding: 0;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  border-radius: var(--Table-Primary-Table-table-corner-round, 8px);
  border: none;
  background: transparent;
  cursor: pointer;
  box-sizing: border-box;
}
.p-dialog.my-feed-change-group-name-dialog .mf-modal-close img,
.p-dialog.my-feed-add-participants-dialog .mf-modal-close img {
  display: block;
  width: 16px;
  height: 16px;
}
.p-dialog.my-feed-change-group-name-dialog .mf-modal-close:hover,
.p-dialog.my-feed-add-participants-dialog .mf-modal-close:hover {
  background: rgba(0, 0, 0, 0.06);
}
.p-dialog.my-feed-change-group-name-dialog .mf-modal-close:focus-visible,
.p-dialog.my-feed-add-participants-dialog .mf-modal-close:focus-visible {
  outline: 2px solid var(--Interactive-interactive-default, #2c70f4);
  outline-offset: 2px;
}
.p-dialog.my-feed-change-group-name-dialog .mf-modal-footer,
.p-dialog.my-feed-add-participants-dialog .mf-modal-footer {
  display: flex;
  padding: 16px;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  gap: 8px;
  align-self: stretch;
  width: 100%;
  box-sizing: border-box;
  border-radius: 0 0 12px 12px;
  background: var(--Common-White, #fff);
}
.p-dialog.my-feed-change-group-name-dialog .mf-modal-footer-actions,
.p-dialog.my-feed-add-participants-dialog .mf-modal-footer-actions {
  display: flex;
  flex-direction: row;
  width: 100%;
  gap: 6px;
  align-items: stretch;
}
.p-dialog.my-feed-change-group-name-dialog .mf-modal-footer-btn,
.p-dialog.my-feed-add-participants-dialog .mf-modal-footer-btn {
  flex: 1 1 0;
  min-width: 0;
  height: 32px;
  padding: var(--Buttons-Button-Sizing-padding-default, 8px) var(--Buttons-Button-Sizing-padding-large, 12px);
  border-radius: var(--Buttons-Button-Sizing-Corner-Radius, 6px);
  font-family:
    "Inter",
    "Segoe UI",
    "Roboto",
    "Helvetica Neue",
    Arial,
    sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: normal;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
}
.p-dialog.my-feed-change-group-name-dialog .mf-modal-footer-btn-primary,
.p-dialog.my-feed-add-participants-dialog .mf-modal-footer-btn-primary {
  border: none;
  background: var(--System-Background-bg-interactive, #2c70f4);
  color: #fff;
}
.p-dialog.my-feed-change-group-name-dialog .mf-modal-footer-btn-primary:hover:not(:disabled),
.p-dialog.my-feed-add-participants-dialog .mf-modal-footer-btn-primary:hover:not(:disabled) {
  opacity: 0.92;
}
.p-dialog.my-feed-change-group-name-dialog .mf-modal-footer-btn-primary:disabled,
.p-dialog.my-feed-add-participants-dialog .mf-modal-footer-btn-primary:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.p-dialog.my-feed-change-group-name-dialog .mf-modal-footer-btn-secondary,
.p-dialog.my-feed-add-participants-dialog .mf-modal-footer-btn-secondary {
  border: 1px solid var(--Interactive-interactive-default, #2c70f4);
  background: var(--Buttons-Secondary-Button-bg-button-secondary, #fff);
  color: var(--Interactive-interactive-default, #2c70f4);
}
.p-dialog.my-feed-change-group-name-dialog .mf-modal-footer-btn-secondary:hover:not(:disabled),
.p-dialog.my-feed-add-participants-dialog .mf-modal-footer-btn-secondary:hover:not(:disabled) {
  opacity: 0.92;
}
.p-dialog.my-feed-change-group-name-dialog .mf-modal-footer-btn-secondary:disabled,
.p-dialog.my-feed-add-participants-dialog .mf-modal-footer-btn-secondary:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.p-dialog.my-feed-add-participants-dialog .mf-modal-main:has(.mf-add-participants-subtitle) .mf-modal-fields {
  margin-top: 16px;
}
.p-dialog.my-feed-add-participants-dialog .mf-add-participants-modal-fields {
  display: flex;
  flex-direction: column;
  gap: 12px;
  width: 100%;
  min-width: 0;
}
.p-dialog.my-feed-add-participants-dialog .mf-add-participants-label {
  color: var(--Neutral-neutral-default, #262626);
  font-family:
    "Inter",
    "Segoe UI",
    "Roboto",
    "Helvetica Neue",
    Arial,
    sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: normal;
}
.p-dialog.my-feed-add-participants-dialog .mf-add-participants-tags-card {
  width: 100%;
  min-height: 40px;
  padding: 8px 10px;
  box-sizing: border-box;
  border-radius: 6px;
  border: 1px solid var(--Form-Form-Field-Default-border-form-field-default, #d4d4d4);
  background: var(--Form-Form-Field-Default-bg-form-field-default, #fff);
}
.p-dialog.my-feed-add-participants-dialog .mf-add-participants-tags-card--interactive {
  cursor: pointer;
  text-align: left;
}
.p-dialog.my-feed-add-participants-dialog .mf-add-participants-tags-card--interactive:focus-visible {
  outline: 2px solid var(--Interactive-interactive-default, #2c70f4);
  outline-offset: 2px;
}
.p-dialog.my-feed-add-participants-dialog .mf-to-col-field {
  position: relative;
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 8px;
  max-width: 100%;
}
.p-dialog.my-feed-add-participants-dialog .mf-to-tags-inner {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  flex: 1;
  min-width: 0;
  overflow: hidden;
}
.p-dialog.my-feed-add-participants-dialog .mf-to-tag {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 25px;
  padding: 2px 4px;
  border-radius: 4px;
  background: var(--Interactive-interactive-weak, #ecf2fe);
}
.p-dialog.my-feed-add-participants-dialog .mf-to-tag-avatar {
  display: flex;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  overflow: hidden;
  align-items: center;
  justify-content: center;
  background: var(--Neutral-neutral-weak, #fafafa);
  flex-shrink: 0;
}
.p-dialog.my-feed-add-participants-dialog .mf-to-tag-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.p-dialog.my-feed-add-participants-dialog .mf-to-tag-avatar > span {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #262626;
  color: #fff;
  font-size: 9px;
  font-weight: 600;
  line-height: 1;
}
.p-dialog.my-feed-add-participants-dialog .mf-to-tag-name {
  overflow: hidden;
  max-width: 160px;
  color: var(--Neutral-neutral-default, #262626);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-family:
    "Inter",
    "Segoe UI",
    "Roboto",
    "Helvetica Neue",
    Arial,
    sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: normal;
}
.p-dialog.my-feed-add-participants-dialog .mf-to-tag-remove {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: none;
  background: transparent;
  cursor: pointer;
  line-height: 0;
}
.p-dialog.my-feed-add-participants-dialog .mf-to-tag-remove:focus,
.p-dialog.my-feed-add-participants-dialog .mf-to-tag-remove:focus-visible {
  outline: none;
  box-shadow: none;
}
.p-dialog.my-feed-add-participants-dialog .mf-to-dropdown {
  display: flex;
  padding: 8px 12px;
  flex-direction: column;
  align-items: stretch;
  gap: 8px;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
  border-radius: 6px;
  border: 1px solid var(--Form-Form-Field-Default-border-form-field-default, #d4d4d4);
  background: var(--Form-Form-Field-Default-bg-form-field-default, #fff);
  box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.14);
  z-index: 5;
}
.p-dialog.my-feed-add-participants-dialog .mf-to-dropdown--popover {
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  margin-top: 4px;
  width: auto;
  z-index: 30;
}
.p-dialog.my-feed-add-participants-dialog .mf-to-dropdown-scroll {
  display: flex;
  flex-direction: column;
  gap: 8px;
  max-height: 360px;
  overflow-y: auto;
  min-height: 0;
  width: 100%;
  box-sizing: border-box;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.p-dialog.my-feed-add-participants-dialog .mf-to-dropdown-scroll::-webkit-scrollbar {
  display: none;
}
.p-dialog.my-feed-add-participants-dialog .mf-search-input.mf-to-dropdown-search-combined {
  display: flex !important;
  width: 100%;
  align-items: center;
  gap: 6px;
  box-sizing: border-box;
  min-height: 0;
  padding: var(--Form-Form-Field-Sizing-Padding-Medium, 8px) var(--Form-Form-Field-Sizing-Padding-Default, 12px);
  border-radius: var(--Components-Tab-Navigation-Pill-Style-tab-folder-pill-corner-radius, 100px);
  border: 1px solid var(--System-Surface-Level-2-border-level-2, #ededed);
  background: var(--Form-Form-Field-Default-bg-form-field-default, #fff);
  font-family:
    "Inter",
    "Segoe UI",
    "Roboto",
    "Helvetica Neue",
    Arial,
    sans-serif;
  font-size: 14px;
  color: var(--Neutral-neutral-default, #262626);
}
.p-dialog.my-feed-add-participants-dialog .mf-to-dropdown-search-icon-inner {
  flex-shrink: 0;
  display: block;
  opacity: 0.5;
}
.p-dialog.my-feed-add-participants-dialog .mf-to-dropdown-search-field-inner {
  flex: 1;
  min-width: 0;
  border: none;
  outline: none;
  background: transparent;
  padding: 0;
  margin: 0;
  font-size: 14px;
  line-height: 1.25;
  font-family:
    "Inter",
    "Segoe UI",
    "Roboto",
    "Helvetica Neue",
    Arial,
    sans-serif;
  color: var(--Neutral-neutral-default, #262626);
}
.p-dialog.my-feed-add-participants-dialog .mf-to-dropdown .mf-to-dropdown-search-combined:focus-within {
  outline: none;
  box-shadow: none;
}
.p-dialog.my-feed-add-participants-dialog .mf-to-dropdown .mf-to-dropdown-search-field-inner:focus,
.p-dialog.my-feed-add-participants-dialog .mf-to-dropdown .mf-to-dropdown-search-field-inner:focus-visible {
  outline: none;
  box-shadow: none;
}
.p-dialog.my-feed-add-participants-dialog .mf-to-option {
  display: flex;
  padding: 2px 6px;
  align-items: center;
  gap: 8px;
  width: 100%;
  box-sizing: border-box;
  border: none;
  border-radius: 4px;
  background: var(--System-Background-bg-default, #fff);
  cursor: pointer;
  text-align: left;
  font-size: 14px;
  color: var(--Neutral-neutral-default, #262626);
}
.p-dialog.my-feed-add-participants-dialog .mf-to-option:hover {
  background: var(--Interactive-interactive-weak, #ecf2fe);
}
.p-dialog.my-feed-add-participants-dialog .mf-to-option--selected {
  background: var(--Interactive-interactive-weak, #ecf2fe);
}
.p-dialog.my-feed-add-participants-dialog .mf-to-option-avatar {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  object-fit: cover;
}
.p-dialog.my-feed-add-participants-dialog .mf-to-option-ph {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: #262626;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  font-weight: 600;
}
.p-dialog.my-feed-add-participants-dialog .mf-to-option-label {
  flex: 1;
  min-width: 0;
}
.p-dialog.my-feed-add-participants-dialog .mf-to-option-check {
  margin-left: auto;
  flex-shrink: 0;
  display: block;
}
.p-dialog.my-feed-add-participants-dialog .mf-to-dropdown.mf-to-dropdown--popover .mf-to-option .mf-to-option-check {
  opacity: 0;
  transition: opacity 0.12s ease;
}
.p-dialog.my-feed-add-participants-dialog .mf-to-dropdown.mf-to-dropdown--popover .mf-to-option:hover .mf-to-option-check,
.p-dialog.my-feed-add-participants-dialog .mf-to-dropdown.mf-to-dropdown--popover .mf-to-option.mf-to-option--selected .mf-to-option-check,
.p-dialog.my-feed-add-participants-dialog .mf-to-dropdown.mf-to-dropdown--popover .mf-to-option:focus-visible .mf-to-option-check {
  opacity: 1;
}
.p-dialog.my-feed-add-participants-dialog .mf-to-dropdown-loading {
  padding: 8px;
  color: #575757;
  font-size: 13px;
}
.p-dialog.my-feed-add-participants-dialog .mf-add-participants-dropdown.mf-to-dropdown--popover {
  z-index: 13000;
}
.p-dialog.my-feed-add-participants-dialog .mf-add-participants-dropdown .mf-to-dropdown-scroll {
  max-height: min(180px, 32vh);
}
.p-dialog.my-feed-add-participants-dialog .mf-add-participants-dropdown .mf-to-option {
  padding: 4px 6px;
  gap: 6px;
  font-size: 13px;
}
.p-dialog.my-feed-add-participants-dialog .mf-add-participants-dropdown .mf-to-option-avatar {
  width: 22px;
  height: 22px;
}
.p-dialog.my-feed-add-participants-dialog .mf-add-participants-dropdown .mf-to-option-ph {
  width: 22px;
  height: 22px;
  font-size: 10px;
}
.p-dialog.my-feed-add-participants-dialog .mf-add-participants-dropdown .mf-to-option-check {
  width: 16px;
  height: 16px;
}
.aio-zero-state {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  box-sizing: border-box;
  padding: 40px 20px;
  text-align: center;
}
.aio-zero-state__icon-wrap {
  display: flex;
  width: 48px;
  height: 48px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  flex-shrink: 0;
  color: var(--System-Content-content-body-subdued, #575757);
}
.aio-zero-state__icon {
  width: 48px;
  height: 48px;
  object-fit: contain;
  flex-shrink: 0;
  opacity: 1;
}
.aio-zero-state__title {
  margin: 0;
  padding: 0;
  color: var(--System-Content-content-body-subdued, #575757);
  text-align: center;
  font-family: var(--font-family-headings-20-pt-up, Inter, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif);
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 115%;
  max-width: 28rem;
}
.aio-zero-state--has-icon .aio-zero-state__title {
  margin-top: 8px;
}
.aio-zero-state__subtext {
  margin: 8px auto 0;
  padding: 0;
  color: var(--System-Content-content-body-subdued, #575757);
  text-align: center;
  width: 100%;
  max-width: 28rem;
  box-sizing: border-box;
  font-family: var(--font-family-body-18-down, Inter, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif);
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.aio-zero-state__actions {
  margin-top: 16px;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 0.5rem;
}
button.modal-close-btn {
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
}
button.modal-close-btn:hover,
button.modal-close-btn:focus-visible {
  background: rgba(0, 0, 0, 0.06) !important;
  border: none !important;
}
button.mf-modal-close,
button.folder-modal-close,
button.aio-modal__close,
button.moodboard-close-btn,
button.add-task-close-btn,
button.add-activity-close-btn,
button.more-options-btn,
button.psm-close {
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
}
button.mf-modal-close:hover,
button.folder-modal-close:hover,
button.aio-modal__close:hover,
button.moodboard-close-btn:hover,
button.add-task-close-btn:hover,
button.add-activity-close-btn:hover,
button.more-options-btn:hover,
button.psm-close:hover {
  background: rgba(0, 0, 0, 0.06) !important;
}
button.document-menu-btn,
button.document-list-menu-btn {
  border: none !important;
  box-shadow: none !important;
  background: transparent !important;
}
button.document-menu-btn:hover,
button.document-list-menu-btn:hover {
  background: rgba(0, 0, 0, 0.06) !important;
}
button.action-menu-btn:not(.kebab-menu-btn):not(.table-actions-btn) {
  border: none !important;
  box-shadow: none !important;
  background: transparent !important;
}
button.action-menu-btn:not(.kebab-menu-btn):not(.table-actions-btn):hover {
  background: rgba(0, 0, 0, 0.06) !important;
}
.p-dialog .p-dialog-header .p-dialog-close-button,
.p-dialog .p-dialog-header button.p-dialog-close-button,
.p-dialog .p-dialog-header .p-dialog-header-icon.p-dialog-header-close {
  width: auto !important;
  height: auto !important;
  min-width: 0 !important;
  min-height: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #262626 !important;
}
.p-dialog .p-dialog-header .p-dialog-close-button:hover,
.p-dialog .p-dialog-header .p-dialog-close-button:focus,
.p-dialog .p-dialog-header .p-dialog-close-button:active,
.p-dialog .p-dialog-header button.p-dialog-close-button:hover,
.p-dialog .p-dialog-header button.p-dialog-close-button:focus,
.p-dialog .p-dialog-header button.p-dialog-close-button:active,
.p-dialog .p-dialog-header .p-dialog-header-icon.p-dialog-header-close:hover,
.p-dialog .p-dialog-header .p-dialog-header-icon.p-dialog-header-close:focus,
.p-dialog .p-dialog-header .p-dialog-header-icon.p-dialog-header-close:active {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  color: #262626 !important;
}
.p-dialog .p-dialog-header .p-dialog-close-button .p-icon,
.p-dialog .p-dialog-header .p-dialog-close-button svg,
.p-dialog .p-dialog-header .p-dialog-header-icon.p-dialog-header-close .p-icon,
.p-dialog .p-dialog-header .p-dialog-header-icon.p-dialog-header-close svg {
  width: 14px !important;
  height: 14px !important;
  color: #262626 !important;
}
html,
body,
app-root {
  margin: 0;
  padding: 0;
  height: 100%;
  width: 100%;
  box-sizing: border-box;
  font-family:
    "Inter",
    "Segoe UI",
    "Roboto",
    "Helvetica Neue",
    Arial,
    sans-serif;
  font-size: 16px;
}
* {
  font-family:
    "Inter",
    "Segoe UI",
    "Roboto",
    "Helvetica Neue",
    Arial,
    sans-serif;
}
.cdk-overlay-container {
  z-index: 1200 !important;
}
table.app-resizable-table-columns {
  table-layout: fixed;
  width: 100%;
}
table.app-resizable-table-columns .app-resizable-table-columns__handle {
  position: absolute;
  top: 0;
  right: 0;
  width: 6px;
  height: 100%;
  cursor: col-resize;
  -webkit-user-select: none;
  user-select: none;
  z-index: 2;
}
table.app-resizable-table-columns .app-resizable-table-columns__handle:hover {
  background: rgba(0, 0, 0, 0.08);
}
.toast-container {
  z-index: 9999 !important;
}
.toast {
  z-index: 9999 !important;
  position: relative !important;
}
.toast-top-right {
  top: 1em !important;
  right: 1em !important;
}
.p-datatable-mask {
  display: none !important;
}
.p-datatable .p-overlay-mask {
  display: none !important;
}
.cdk-drag-preview.scope-section-row {
  display: table !important;
  table-layout: fixed;
  width: 100%;
  min-width: 800px;
  border-collapse: collapse;
  box-sizing: border-box;
  border-radius: 4px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
  background: #fff;
  padding: 0;
  font-size: 14px;
}
.cdk-drag-preview.scope-section-row td {
  display: table-cell !important;
  padding: 12px 16px;
  text-align: left;
  border-bottom: 1px solid #EDEDED;
  vertical-align: middle;
  overflow: hidden;
  text-overflow: ellipsis;
}
.cdk-drag-preview.scope-section-row .col-drag {
  width: 32px;
  min-width: 32px;
  padding-right: 4px;
}
.cdk-drag-preview.scope-section-row .col-cost-code {
  width: 90px;
  min-width: 90px;
}
.cdk-drag-preview.scope-section-row .col-description {
  min-width: 140px;
}
.cdk-drag-preview.scope-section-row .col-type {
  width: 120px;
  min-width: 120px;
  text-align: center;
}
.cdk-drag-preview.scope-section-row .col-qty {
  width: 64px;
  min-width: 64px;
  text-align: center;
}
.cdk-drag-preview.scope-section-row .col-uom {
  width: 80px;
  min-width: 80px;
  text-align: center;
}
.cdk-drag-preview.scope-section-row .col-unit-cost {
  width: 100px;
  min-width: 100px;
}
.cdk-drag-preview.scope-section-row .col-line-cost {
  width: 110px;
  min-width: 110px;
}
.cdk-drag-preview.scope-section-row .col-markup {
  width: 100px;
  min-width: 100px;
  text-align: center;
}
.cdk-drag-preview.scope-section-row .col-client-cost {
  width: 110px;
  min-width: 110px;
}
.cdk-drag-preview.scope-section-row .col-po {
  width: 40px;
  min-width: 40px;
  text-align: center;
}
.cdk-drag-preview.scope-section-row .col-actions {
  width: 60px;
  min-width: 60px;
  text-align: center;
}
.p-popover.scope-types-popover,
.p-popover.scope-types-popover[role=dialog] {
  padding: 0 !important;
  border: 1px solid #e0e0e0 !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08) !important;
  border-radius: 4px !important;
  background: #fff !important;
  overflow: hidden !important;
}
.p-popover.scope-types-popover .p-popover-content {
  padding: 0 !important;
  background: #fff !important;
  border-radius: 4px !important;
}
.p-popover.scope-types-popover .p-popover-arrow {
  display: none !important;
}
.p-popover.scope-types-popover::before,
.p-popover.scope-types-popover::after {
  display: none !important;
}
.scope-types-popover-content {
  min-width: 280px;
  max-width: 360px;
  max-height: 320px;
  display: flex;
  flex-direction: column;
  background: #fff;
  border-radius: 4px;
  padding: 0.5rem 0;
}
.scope-types-list {
  overflow-y: auto;
  max-height: 320px;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.cost-codes-popover-filter-wrap {
  flex-shrink: 0;
  padding: 0 0.75rem 0.5rem;
  border-bottom: 1px solid #ededed;
}
.cost-codes-popover-filter-wrap .scope-cost-code-popover-filter {
  width: 100%;
  box-sizing: border-box;
}
.scope-types-popover-content:has(.cost-codes-popover-filter-wrap) .scope-types-list--cost-codes {
  max-height: 240px;
}
.cost-codes-select-scope-first {
  padding: 1rem 1.25rem;
  color: #666;
  font-size: 0.875rem;
  text-align: center;
}
.scope-types-item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  padding: 0.75rem 1rem;
  border: none;
  border-radius: 4px;
  background: #fff;
  cursor: pointer;
  text-align: left;
  font-family: inherit;
  font-size: 14px;
  font-weight: 400;
  color: #262626;
  transition: background-color 0.15s;
  outline: none;
}
.scope-types-item:hover,
.scope-types-item:focus {
  background-color: #f5f5f5;
}
.scope-types-item-title {
  font-size: 14px;
  font-weight: 400;
  color: #262626;
}
.scope-types-item-desc {
  font-size: 14px;
  color: #575757;
  margin-top: 2px;
}
.scope-types-item.scope-client-visibility-option {
  flex-direction: row;
  align-items: center;
  gap: 8px;
}
.client-visibility-popover .scope-client-visibility-icon {
  flex-shrink: 0;
  display: inline-block;
  width: 8px;
  height: 8px;
  mask: url("./media/circle.svg") center/8px 8px no-repeat;
  -webkit-mask: url("./media/circle.svg") center/8px 8px no-repeat;
}
.scope-types-loading,
.scope-types-empty {
  padding: 0.75rem 1rem;
  font-size: 14px;
  color: #575757;
}
.p-datatable-loading-icon {
  display: none !important;
}
.loading-state .pi-spinner {
  animation: spin 1s linear infinite !important;
  color: var(--Interactive-interactive-default, #2C70F4) !important;
}
.loading-state {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.5rem !important;
  padding: 2rem !important;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  margin: 0 auto;
}
.loading-state p {
  margin: 0 !important;
  color: var(--Interactive-interactive-default, #2C70F4) !important;
  font-family: var(--font-family-body-18-down, Inter) !important;
  font-size: 0.875rem !important;
  font-weight: 600 !important;
}
.p-overlay.p-component[data-pc-name=pcoverlay]:has(.p-select-overlay),
.p-component-overlay.p-select-overlay {
  z-index: 10000 !important;
}
.p-select-overlay .p-select-option .p-select-option-label {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.p-select-overlay .p-select-option {
  min-width: 0;
}
.p-select-overlay.project-details-select-panel .p-select-list-container {
  overflow-x: hidden;
  max-width: 100%;
}
.p-select-overlay.timesheet-drawer-select-panel .p-select-list-container {
  overflow-x: hidden;
  max-width: 100%;
}
.p-select-overlay.timesheet-drawer-select-panel .p-select-option {
  min-width: 0;
}
.p-select-overlay.project-details-select-panel .p-select-option .project-details-referral-option-text {
  display: block;
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  box-sizing: border-box;
}
app-project-details-card .project-details-referral-select .p-select-label .project-details-referral-option-text {
  display: block;
  min-width: 0;
  max-width: 100%;
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.p-overlay:has(.project-overview-select-panel) {
  z-index: 2000 !important;
}
.p-overlay:has(.contract-dev-inline-select-panel) {
  z-index: 2100 !important;
}
.p-select-panel.contract-dev-inline-select-panel,
.p-select-overlay .contract-dev-inline-select-panel {
  border: 2px solid #2c70f4 !important;
  border-radius: 4px !important;
  box-shadow: 0 4px 16px rgba(44, 112, 244, 0.12) !important;
  max-height: min(260px, 42vh) !important;
  overflow: hidden;
}
.p-select-panel.contract-dev-inline-select-panel .p-select-list,
.p-select-overlay .contract-dev-inline-select-panel .p-select-list {
  padding: 4px 0 !important;
}
.p-select-panel.contract-dev-inline-select-panel .p-select-option,
.p-select-overlay .contract-dev-inline-select-panel .p-select-option {
  padding: 6px 10px !important;
  font-size: 14px !important;
}
.p-overlay:has(.project-details-select-panel) {
  z-index: 2000 !important;
}
app-project-overview-card .owner-select .p-select.p-inputwrapper,
app-project-overview-card .owner-select.p-select.p-inputwrapper {
  height: 40px !important;
  min-height: 40px !important;
  max-height: 40px !important;
}
app-project-overview-card .owner-select .p-select .p-select-label-container,
app-project-overview-card .owner-select .p-select .p-select-label {
  min-height: 40px !important;
  height: 40px !important;
  padding: 8px 12px !important;
}
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.p-chip.chip-green .p-chip-text,
.p-chip.chip-green span.p-chip-text {
  color: var(--Common-Tints-and-Shades-Green-green-700, #207936) !important;
}
.p-chip.chip-blue .p-chip-text,
.p-chip.chip-blue span.p-chip-text {
  color: var(--Common-Tints-and-Shades-Blue-blue-700, #1E40AF) !important;
}
.p-chip.chip-orange .p-chip-text,
.p-chip.chip-orange span.p-chip-text {
  color: var(--Common-Tints-and-Shades-Orange-orange-700, #C2410C) !important;
}
.p-chip.chip-grey .p-chip-text,
.p-chip.chip-grey span.p-chip-text {
  color: var(--Common-Tints-and-Shades-Grey-grey-700, #374151) !important;
}
.p-chip .p-chip-text,
.p-chip span.p-chip-text {
  font-family: var(--font-family-body-18-down, Inter) !important;
  font-size: 12px !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: normal !important;
}
.p-datatable > .p-datatable-mask {
  display: none !important;
}
.p-tieredmenu {
  --p-tieredmenu-border-color: var(--Interactive-interactive-default, #2C70F4) !important;
  --p-tieredmenu-border-radius: 0 0 0.375rem 0.375rem !important;
  --p-tieredmenu-background: white !important;
  --p-tieredmenu-color: var(--Interactive-interactive-default, #2C70F4) !important;
  --p-tieredmenu-item-padding: 0.5rem 0.5rem !important;
  border: 1px solid var(--Interactive-interactive-default, #2C70F4) !important;
  border-radius: 0 0 0.375rem 0.375rem !important;
  min-width: auto !important;
  width: auto !important;
  background: white !important;
  color: var(--Interactive-interactive-default, #2C70F4) !important;
  margin-top: -1px !important;
}
.p-tieredmenu-item-content,
.p-tieredmenu-item:not(.p-disabled) > .p-tieredmenu-item-content {
  color: var(--Interactive-interactive-default, #2C70F4) !important;
  text-align: center !important;
  font-family: var(--font-family-body-18-down, Inter) !important;
  font-size: 0.875rem !important;
  font-weight: 600 !important;
  background: transparent !important;
  padding: 0rem 0.25rem !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.5rem !important;
}
.p-tieredmenu-item-link {
  color: var(--Interactive-interactive-default, #2C70F4) !important;
  text-align: center !important;
  font-family: var(--font-family-body-18-down, Inter) !important;
  font-size: 0.875rem !important;
  font-weight: 600 !important;
  background: transparent !important;
}
.p-tieredmenu-item-icon,
.p-tieredmenu-item-text {
  color: var(--Interactive-interactive-default, #2C70F4) !important;
}
.p-tieredmenu-item-icon img,
.p-tieredmenu-item-icon svg,
.p-tieredmenu-item-icon {
  width: 22px !important;
  height: 22px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background-image: url("./media/import_dropdown.svg") !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  color: var(--Interactive-interactive-default, #2C70F4) !important;
  vertical-align: middle !important;
}
.p-tieredmenu-item:not(.p-disabled) > .p-tieredmenu-item-content:hover {
  color: var(--Interactive-interactive-default, #2C70F4) !important;
  background: var(--Interactive-interactive-weak, #ECF2FE) !important;
}
body.opportunities-details-page .p-tieredmenu {
  border-color: #D4D4D4 !important;
  --p-tieredmenu-border-color: #D4D4D4 !important;
  background: #FAFAFA !important;
}
body.opportunities-details-page div.p-tieredmenu.p-tieredmenu-overlay {
  background: #FAFAFA !important;
}
body.opportunities-details-page[data-opportunity-status=OPEN] div.p-tieredmenu.p-tieredmenu-overlay {
  min-width: 187px !important;
}
body.opportunities-details-page[data-opportunity-status=WON] div.p-tieredmenu.p-tieredmenu-overlay {
  min-width: 181px !important;
}
body.opportunities-details-page[data-opportunity-status=LOST] div.p-tieredmenu.p-tieredmenu-overlay {
  min-width: 180px !important;
}
body.opportunities-details-page div.p-tieredmenu.p-tieredmenu-overlay .p-tieredmenu-item-content {
  opacity: 1 !important;
  cursor: pointer !important;
  pointer-events: auto !important;
  justify-content: flex-start !important;
}
body.opportunities-details-page div.p-tieredmenu.p-tieredmenu-overlay .p-tieredmenu-item-content .p-tieredmenu-item-link {
  color: #262626 !important;
  font-weight: 400 !important;
}
body.opportunities-details-page .p-splitbutton.split-button .p-button {
  padding: 0.75rem !important;
  background: #fff !important;
  border-top-color: #D4D4D4 !important;
  border-bottom-color: #D4D4D4 !important;
  border-right-color: #D4D4D4 !important;
}
body.opportunities-details-page .p-splitbutton.split-button .p-splitbutton-button,
body.opportunities-details-page .p-splitbutton.split-button .p-splitbutton-button.p-button {
  border-left-color: #D4D4D4 !important;
}
body.opportunities-details-page .p-splitbutton.split-button .p-splitbutton-menubutton,
body.opportunities-details-page .p-splitbutton.split-button .p-splitbutton-dropdown {
  border-left-color: #000 !important;
}
body.opportunities-details-page .p-splitbutton.split-button .p-button span {
  color: #262626 !important;
}
body.opportunities-details-page .p-splitbutton:has(.p-splitbutton-dropdown[aria-expanded=true]) .p-splitbutton-button {
  border-color: #D4D4D4 !important;
}
body.opportunities-details-page .p-component.p-component-overlay.p-select-overlay:has(#opportunity-status-select_list) {
  border: 1px solid #D4D4D4 !important;
  background: #FAFAFA !important;
}
.full-height-overview app-lead-overview-card {
  display: flex !important;
  flex: 1 !important;
  height: 100% !important;
  width: 100% !important;
}
.full-height-overview app-lead-overview-card .lead-overview-card {
  max-height: none !important;
  height: 100% !important;
  min-height: 100% !important;
  overflow: visible !important;
}
.full-height-overview app-lead-overview-card .lead-overview-card .card-actions button[title=Expand] {
  display: none !important;
}
.project-type-multiselect.p-multiselect,
.p-multiselect.project-type-multiselect {
  min-height: 44px !important;
  height: 44px !important;
  box-sizing: border-box;
}
.project-type-multiselect .p-multiselect-label-container,
.project-type-multiselect .p-multiselect-label {
  min-height: 44px !important;
  box-sizing: border-box;
  display: flex;
  align-items: center;
}
.project-overview-card.editing .project-type-multiselect.p-multiselect,
.project-overview-card.editing .p-multiselect.project-type-multiselect,
.opportunity-overview-card.editing .project-type-multiselect.p-multiselect,
.opportunity-overview-card.editing .p-multiselect.project-type-multiselect,
.lead-overview-card.editing .project-type-multiselect.p-multiselect,
.lead-overview-card.editing .p-multiselect.project-type-multiselect {
  min-height: 40px !important;
  height: 40px !important;
}
.project-overview-card.editing .project-type-multiselect .p-multiselect-label-container,
.project-overview-card.editing .project-type-multiselect .p-multiselect-label,
.opportunity-overview-card.editing .project-type-multiselect .p-multiselect-label-container,
.opportunity-overview-card.editing .project-type-multiselect .p-multiselect-label,
.lead-overview-card.editing .project-type-multiselect .p-multiselect-label-container,
.lead-overview-card.editing .project-type-multiselect .p-multiselect-label {
  min-height: 40px !important;
}
.project-type-multiselect .p-multiselect-label-container,
.project-type-multiselect .p-multiselect-label {
  padding-left: 8px !important;
}
.project-type-multiselect .p-multiselect-label {
  font-family: var(--font-family-body-18-down, Inter);
  font-weight: 400;
  font-size: 14px;
  color: var(--Neutral-neutral-default, #262626);
  flex-wrap: wrap;
  gap: 6px;
  row-gap: 6px;
}
.project-type-multiselect .p-multiselect-chip-item {
  display: inline-flex;
  align-items: center;
}
.project-type-multiselect p-chip.p-multiselect-chip,
.project-type-multiselect .p-multiselect-chip.p-chip {
  background: var(--Interactive-interactive-weak, #ECF2FE) !important;
  border-radius: 0.375rem !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0.125rem 0.25rem 0.125rem 0.375rem !important;
  min-height: auto !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.35rem !important;
}
.project-type-multiselect .p-multiselect-chip .p-chip-label,
.project-type-multiselect p-chip.p-multiselect-chip .p-chip-label {
  font-family: var(--font-family-body-18-down, Inter) !important;
  font-weight: 400 !important;
  font-size: 14px !important;
  line-height: normal !important;
  color: var(--System-Content-content-body-strong, #262626) !important;
  padding: 0 !important;
  margin: 0 !important;
}
.project-type-multiselect .p-multiselect-chip .p-chip-remove-icon,
.project-type-multiselect p-chip.p-multiselect-chip .p-chip-remove-icon {
  color: var(--Neutral-neutral-default, #262626);
  opacity: 0.75;
  margin: 0 !important;
  width: 10px;
  height: 10px;
  min-width: 10px;
  font-size: 10px;
}
.project-type-multiselect .p-multiselect-chip .p-chip-remove-icon svg,
.project-type-multiselect p-chip.p-multiselect-chip .p-chip-remove-icon svg {
  width: 10px;
  height: 10px;
}
.project-type-multiselect .p-multiselect-label .p-multiselect-token {
  background-color: var(--Interactive-interactive-weak, #ECF2FE) !important;
  border-radius: 0.375rem !important;
  font-family: var(--font-family-body-18-down, Inter);
  font-weight: 400;
  font-size: 14px;
  color: var(--Neutral-neutral-default, #262626);
}
.project-type-multiselect .p-multiselect-label .p-multiselect-token .p-multiselect-token-label {
  font-family: var(--font-family-body-18-down, Inter);
  font-weight: 400;
  font-size: 14px;
  color: var(--Neutral-neutral-default, #262626);
  text-transform: none;
}
.project-type-multiselect .p-multiselect-label.p-placeholder {
  color: var(--System-Content-content-body-subtle, #8A8A8A);
}
.p-datepicker-panel .p-datepicker-day.p-datepicker-day-selected {
  background: #2C70F4 !important;
  color: #fff !important;
  border-radius: 50% !important;
}
.p-datepicker-panel .p-datepicker-month.p-datepicker-month-selected,
.p-datepicker-panel .p-datepicker-year.p-datepicker-year-selected {
  background: #2C70F4 !important;
  color: #fff !important;
  border-radius: 50% !important;
}
p-datepicker:not(.date-picker-select-like):not(.hide-datepicker):not(.activity-datepicker):not(.timesheet-toolbar-inline-datepicker):not([inline]) {
  position: relative !important;
  display: block !important;
  width: 100%;
  box-sizing: border-box;
}
p-datepicker:not(.date-picker-select-like):not(.hide-datepicker):not(.activity-datepicker):not(.timesheet-toolbar-inline-datepicker):not([inline]) .p-datepicker-input-icon-container {
  position: absolute !important;
  left: 0.65rem !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  z-index: 1 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 1.25rem !important;
  height: 1.25rem !important;
  margin: 0 !important;
  padding: 0 !important;
  pointer-events: auto;
}
p-datepicker:not(.date-picker-select-like):not(.hide-datepicker):not(.activity-datepicker):not(.timesheet-toolbar-inline-datepicker):not([inline]) .p-datepicker-input-icon {
  margin: 0 !important;
}
p-datepicker:not(.date-picker-select-like):not(.hide-datepicker):not(.activity-datepicker):not(.timesheet-toolbar-inline-datepicker):not([inline]):is(:has(.p-datepicker-input-icon-container), :has(> .p-datepicker-dropdown)) input.p-datepicker-input,
p-datepicker:not(.date-picker-select-like):not(.hide-datepicker):not(.activity-datepicker):not(.timesheet-toolbar-inline-datepicker):not([inline]):is(:has(.p-datepicker-input-icon-container), :has(> .p-datepicker-dropdown)) .p-datepicker-input,
p-datepicker:not(.date-picker-select-like):not(.hide-datepicker):not(.activity-datepicker):not(.timesheet-toolbar-inline-datepicker):not([inline]):is(:has(.p-datepicker-input-icon-container), :has(> .p-datepicker-dropdown)) .p-inputtext {
  width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
  padding-left: 2.35rem !important;
  padding-inline-end: 0.75rem !important;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
p-datepicker:not(.date-picker-select-like):not(.hide-datepicker):not(.activity-datepicker):not(.timesheet-toolbar-inline-datepicker):not([inline]):not(:has(.p-datepicker-input-icon-container)) > .p-datepicker-dropdown {
  position: absolute !important;
  left: 0.4rem !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  z-index: 1 !important;
  margin: 0 !important;
}
th,
.p-datatable-thead > tr > th,
.header-label,
.column-label,
.column-visibility-menu .column-name {
  text-transform: uppercase;
}

/* node_modules/quill/dist/quill.core.css */
/*!
 * Quill Editor v2.0.3
 * https://quilljs.com
 * Copyright (c) 2017-2024, Slab
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */
.ql-container {
  box-sizing: border-box;
  font-family:
    Helvetica,
    Arial,
    sans-serif;
  font-size: 13px;
  height: 100%;
  margin: 0;
  position: relative;
}
.ql-container.ql-disabled .ql-tooltip {
  visibility: hidden;
}
.ql-container:not(.ql-disabled) li[data-list=checked] > .ql-ui,
.ql-container:not(.ql-disabled) li[data-list=unchecked] > .ql-ui {
  cursor: pointer;
}
.ql-clipboard {
  left: -100000px;
  height: 1px;
  overflow-y: hidden;
  position: absolute;
  top: 50%;
}
.ql-clipboard p {
  margin: 0;
  padding: 0;
}
.ql-editor {
  box-sizing: border-box;
  counter-reset: list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  line-height: 1.42;
  height: 100%;
  outline: none;
  overflow-y: auto;
  padding: 12px 15px;
  tab-size: 4;
  -moz-tab-size: 4;
  text-align: left;
  white-space: pre-wrap;
  word-wrap: break-word;
}
.ql-editor > * {
  cursor: text;
}
.ql-editor p,
.ql-editor ol,
.ql-editor pre,
.ql-editor blockquote,
.ql-editor h1,
.ql-editor h2,
.ql-editor h3,
.ql-editor h4,
.ql-editor h5,
.ql-editor h6 {
  margin: 0;
  padding: 0;
}
@supports (counter-set:none) {
  .ql-editor p,
  .ql-editor h1,
  .ql-editor h2,
  .ql-editor h3,
  .ql-editor h4,
  .ql-editor h5,
  .ql-editor h6 {
    counter-set: list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
@supports not (counter-set:none) {
  .ql-editor p,
  .ql-editor h1,
  .ql-editor h2,
  .ql-editor h3,
  .ql-editor h4,
  .ql-editor h5,
  .ql-editor h6 {
    counter-reset: list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
.ql-editor table {
  border-collapse: collapse;
}
.ql-editor td {
  border: 1px solid #000;
  padding: 2px 5px;
}
.ql-editor ol {
  padding-left: 1.5em;
}
.ql-editor li {
  list-style-type: none;
  padding-left: 1.5em;
  position: relative;
}
.ql-editor li > .ql-ui:before {
  display: inline-block;
  margin-left: -1.5em;
  margin-right: .3em;
  text-align: right;
  white-space: nowrap;
  width: 1.2em;
}
.ql-editor li[data-list=checked] > .ql-ui,
.ql-editor li[data-list=unchecked] > .ql-ui {
  color: #777;
}
.ql-editor li[data-list=bullet] > .ql-ui:before {
  content: "\2022";
}
.ql-editor li[data-list=checked] > .ql-ui:before {
  content: "\2611";
}
.ql-editor li[data-list=unchecked] > .ql-ui:before {
  content: "\2610";
}
@supports (counter-set:none) {
  .ql-editor li[data-list] {
    counter-set: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
@supports not (counter-set:none) {
  .ql-editor li[data-list] {
    counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
.ql-editor li[data-list=ordered] {
  counter-increment: list-0;
}
.ql-editor li[data-list=ordered] > .ql-ui:before {
  content: counter(list-0, decimal) ". ";
}
.ql-editor li[data-list=ordered].ql-indent-1 {
  counter-increment: list-1;
}
.ql-editor li[data-list=ordered].ql-indent-1 > .ql-ui:before {
  content: counter(list-1, lower-alpha) ". ";
}
@supports (counter-set:none) {
  .ql-editor li[data-list].ql-indent-1 {
    counter-set: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
@supports not (counter-set:none) {
  .ql-editor li[data-list].ql-indent-1 {
    counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
.ql-editor li[data-list=ordered].ql-indent-2 {
  counter-increment: list-2;
}
.ql-editor li[data-list=ordered].ql-indent-2 > .ql-ui:before {
  content: counter(list-2, lower-roman) ". ";
}
@supports (counter-set:none) {
  .ql-editor li[data-list].ql-indent-2 {
    counter-set: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
@supports not (counter-set:none) {
  .ql-editor li[data-list].ql-indent-2 {
    counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
.ql-editor li[data-list=ordered].ql-indent-3 {
  counter-increment: list-3;
}
.ql-editor li[data-list=ordered].ql-indent-3 > .ql-ui:before {
  content: counter(list-3, decimal) ". ";
}
@supports (counter-set:none) {
  .ql-editor li[data-list].ql-indent-3 {
    counter-set: list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
@supports not (counter-set:none) {
  .ql-editor li[data-list].ql-indent-3 {
    counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
.ql-editor li[data-list=ordered].ql-indent-4 {
  counter-increment: list-4;
}
.ql-editor li[data-list=ordered].ql-indent-4 > .ql-ui:before {
  content: counter(list-4, lower-alpha) ". ";
}
@supports (counter-set:none) {
  .ql-editor li[data-list].ql-indent-4 {
    counter-set: list-5 list-6 list-7 list-8 list-9;
  }
}
@supports not (counter-set:none) {
  .ql-editor li[data-list].ql-indent-4 {
    counter-reset: list-5 list-6 list-7 list-8 list-9;
  }
}
.ql-editor li[data-list=ordered].ql-indent-5 {
  counter-increment: list-5;
}
.ql-editor li[data-list=ordered].ql-indent-5 > .ql-ui:before {
  content: counter(list-5, lower-roman) ". ";
}
@supports (counter-set:none) {
  .ql-editor li[data-list].ql-indent-5 {
    counter-set: list-6 list-7 list-8 list-9;
  }
}
@supports not (counter-set:none) {
  .ql-editor li[data-list].ql-indent-5 {
    counter-reset: list-6 list-7 list-8 list-9;
  }
}
.ql-editor li[data-list=ordered].ql-indent-6 {
  counter-increment: list-6;
}
.ql-editor li[data-list=ordered].ql-indent-6 > .ql-ui:before {
  content: counter(list-6, decimal) ". ";
}
@supports (counter-set:none) {
  .ql-editor li[data-list].ql-indent-6 {
    counter-set: list-7 list-8 list-9;
  }
}
@supports not (counter-set:none) {
  .ql-editor li[data-list].ql-indent-6 {
    counter-reset: list-7 list-8 list-9;
  }
}
.ql-editor li[data-list=ordered].ql-indent-7 {
  counter-increment: list-7;
}
.ql-editor li[data-list=ordered].ql-indent-7 > .ql-ui:before {
  content: counter(list-7, lower-alpha) ". ";
}
@supports (counter-set:none) {
  .ql-editor li[data-list].ql-indent-7 {
    counter-set: list-8 list-9;
  }
}
@supports not (counter-set:none) {
  .ql-editor li[data-list].ql-indent-7 {
    counter-reset: list-8 list-9;
  }
}
.ql-editor li[data-list=ordered].ql-indent-8 {
  counter-increment: list-8;
}
.ql-editor li[data-list=ordered].ql-indent-8 > .ql-ui:before {
  content: counter(list-8, lower-roman) ". ";
}
@supports (counter-set:none) {
  .ql-editor li[data-list].ql-indent-8 {
    counter-set: list-9;
  }
}
@supports not (counter-set:none) {
  .ql-editor li[data-list].ql-indent-8 {
    counter-reset: list-9;
  }
}
.ql-editor li[data-list=ordered].ql-indent-9 {
  counter-increment: list-9;
}
.ql-editor li[data-list=ordered].ql-indent-9 > .ql-ui:before {
  content: counter(list-9, decimal) ". ";
}
.ql-editor .ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 3em;
}
.ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 4.5em;
}
.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 3em;
}
.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 4.5em;
}
.ql-editor .ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 6em;
}
.ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 7.5em;
}
.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 6em;
}
.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 7.5em;
}
.ql-editor .ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 9em;
}
.ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 10.5em;
}
.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 9em;
}
.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 10.5em;
}
.ql-editor .ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 12em;
}
.ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 13.5em;
}
.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 12em;
}
.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 13.5em;
}
.ql-editor .ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 15em;
}
.ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 16.5em;
}
.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 15em;
}
.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 16.5em;
}
.ql-editor .ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 18em;
}
.ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 19.5em;
}
.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 18em;
}
.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 19.5em;
}
.ql-editor .ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 21em;
}
.ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 22.5em;
}
.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 21em;
}
.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 22.5em;
}
.ql-editor .ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 24em;
}
.ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 25.5em;
}
.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 24em;
}
.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 25.5em;
}
.ql-editor .ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 27em;
}
.ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 28.5em;
}
.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 27em;
}
.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 28.5em;
}
.ql-editor li.ql-direction-rtl {
  padding-right: 1.5em;
}
.ql-editor li.ql-direction-rtl > .ql-ui:before {
  margin-left: .3em;
  margin-right: -1.5em;
  text-align: left;
}
.ql-editor table {
  table-layout: fixed;
  width: 100%;
}
.ql-editor table td {
  outline: none;
}
.ql-editor .ql-code-block-container {
  font-family: monospace;
}
.ql-editor .ql-video {
  display: block;
  max-width: 100%;
}
.ql-editor .ql-video.ql-align-center {
  margin: 0 auto;
}
.ql-editor .ql-video.ql-align-right {
  margin: 0 0 0 auto;
}
.ql-editor .ql-bg-black {
  background-color: #000;
}
.ql-editor .ql-bg-red {
  background-color: #e60000;
}
.ql-editor .ql-bg-orange {
  background-color: #f90;
}
.ql-editor .ql-bg-yellow {
  background-color: #ff0;
}
.ql-editor .ql-bg-green {
  background-color: #008a00;
}
.ql-editor .ql-bg-blue {
  background-color: #06c;
}
.ql-editor .ql-bg-purple {
  background-color: #93f;
}
.ql-editor .ql-color-white {
  color: #fff;
}
.ql-editor .ql-color-red {
  color: #e60000;
}
.ql-editor .ql-color-orange {
  color: #f90;
}
.ql-editor .ql-color-yellow {
  color: #ff0;
}
.ql-editor .ql-color-green {
  color: #008a00;
}
.ql-editor .ql-color-blue {
  color: #06c;
}
.ql-editor .ql-color-purple {
  color: #93f;
}
.ql-editor .ql-font-serif {
  font-family:
    Georgia,
    Times New Roman,
    serif;
}
.ql-editor .ql-font-monospace {
  font-family:
    Monaco,
    Courier New,
    monospace;
}
.ql-editor .ql-size-small {
  font-size: .75em;
}
.ql-editor .ql-size-large {
  font-size: 1.5em;
}
.ql-editor .ql-size-huge {
  font-size: 2.5em;
}
.ql-editor .ql-direction-rtl {
  direction: rtl;
  text-align: inherit;
}
.ql-editor .ql-align-center {
  text-align: center;
}
.ql-editor .ql-align-justify {
  text-align: justify;
}
.ql-editor .ql-align-right {
  text-align: right;
}
.ql-editor .ql-ui {
  position: absolute;
}
.ql-editor.ql-blank::before {
  color: rgba(0, 0, 0, 0.6);
  content: attr(data-placeholder);
  font-style: italic;
  left: 15px;
  pointer-events: none;
  position: absolute;
  right: 15px;
}

/* node_modules/quill/dist/quill.snow.css */
/*!
 * Quill Editor v2.0.3
 * https://quilljs.com
 * Copyright (c) 2017-2024, Slab
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */
.ql-container {
  box-sizing: border-box;
  font-family:
    Helvetica,
    Arial,
    sans-serif;
  font-size: 13px;
  height: 100%;
  margin: 0;
  position: relative;
}
.ql-container.ql-disabled .ql-tooltip {
  visibility: hidden;
}
.ql-container:not(.ql-disabled) li[data-list=checked] > .ql-ui,
.ql-container:not(.ql-disabled) li[data-list=unchecked] > .ql-ui {
  cursor: pointer;
}
.ql-clipboard {
  left: -100000px;
  height: 1px;
  overflow-y: hidden;
  position: absolute;
  top: 50%;
}
.ql-clipboard p {
  margin: 0;
  padding: 0;
}
.ql-editor {
  box-sizing: border-box;
  counter-reset: list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  line-height: 1.42;
  height: 100%;
  outline: none;
  overflow-y: auto;
  padding: 12px 15px;
  tab-size: 4;
  -moz-tab-size: 4;
  text-align: left;
  white-space: pre-wrap;
  word-wrap: break-word;
}
.ql-editor > * {
  cursor: text;
}
.ql-editor p,
.ql-editor ol,
.ql-editor pre,
.ql-editor blockquote,
.ql-editor h1,
.ql-editor h2,
.ql-editor h3,
.ql-editor h4,
.ql-editor h5,
.ql-editor h6 {
  margin: 0;
  padding: 0;
}
@supports (counter-set:none) {
  .ql-editor p,
  .ql-editor h1,
  .ql-editor h2,
  .ql-editor h3,
  .ql-editor h4,
  .ql-editor h5,
  .ql-editor h6 {
    counter-set: list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
@supports not (counter-set:none) {
  .ql-editor p,
  .ql-editor h1,
  .ql-editor h2,
  .ql-editor h3,
  .ql-editor h4,
  .ql-editor h5,
  .ql-editor h6 {
    counter-reset: list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
.ql-editor table {
  border-collapse: collapse;
}
.ql-editor td {
  border: 1px solid #000;
  padding: 2px 5px;
}
.ql-editor ol {
  padding-left: 1.5em;
}
.ql-editor li {
  list-style-type: none;
  padding-left: 1.5em;
  position: relative;
}
.ql-editor li > .ql-ui:before {
  display: inline-block;
  margin-left: -1.5em;
  margin-right: .3em;
  text-align: right;
  white-space: nowrap;
  width: 1.2em;
}
.ql-editor li[data-list=checked] > .ql-ui,
.ql-editor li[data-list=unchecked] > .ql-ui {
  color: #777;
}
.ql-editor li[data-list=bullet] > .ql-ui:before {
  content: "\2022";
}
.ql-editor li[data-list=checked] > .ql-ui:before {
  content: "\2611";
}
.ql-editor li[data-list=unchecked] > .ql-ui:before {
  content: "\2610";
}
@supports (counter-set:none) {
  .ql-editor li[data-list] {
    counter-set: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
@supports not (counter-set:none) {
  .ql-editor li[data-list] {
    counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
.ql-editor li[data-list=ordered] {
  counter-increment: list-0;
}
.ql-editor li[data-list=ordered] > .ql-ui:before {
  content: counter(list-0, decimal) ". ";
}
.ql-editor li[data-list=ordered].ql-indent-1 {
  counter-increment: list-1;
}
.ql-editor li[data-list=ordered].ql-indent-1 > .ql-ui:before {
  content: counter(list-1, lower-alpha) ". ";
}
@supports (counter-set:none) {
  .ql-editor li[data-list].ql-indent-1 {
    counter-set: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
@supports not (counter-set:none) {
  .ql-editor li[data-list].ql-indent-1 {
    counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
.ql-editor li[data-list=ordered].ql-indent-2 {
  counter-increment: list-2;
}
.ql-editor li[data-list=ordered].ql-indent-2 > .ql-ui:before {
  content: counter(list-2, lower-roman) ". ";
}
@supports (counter-set:none) {
  .ql-editor li[data-list].ql-indent-2 {
    counter-set: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
@supports not (counter-set:none) {
  .ql-editor li[data-list].ql-indent-2 {
    counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
.ql-editor li[data-list=ordered].ql-indent-3 {
  counter-increment: list-3;
}
.ql-editor li[data-list=ordered].ql-indent-3 > .ql-ui:before {
  content: counter(list-3, decimal) ". ";
}
@supports (counter-set:none) {
  .ql-editor li[data-list].ql-indent-3 {
    counter-set: list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
@supports not (counter-set:none) {
  .ql-editor li[data-list].ql-indent-3 {
    counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
.ql-editor li[data-list=ordered].ql-indent-4 {
  counter-increment: list-4;
}
.ql-editor li[data-list=ordered].ql-indent-4 > .ql-ui:before {
  content: counter(list-4, lower-alpha) ". ";
}
@supports (counter-set:none) {
  .ql-editor li[data-list].ql-indent-4 {
    counter-set: list-5 list-6 list-7 list-8 list-9;
  }
}
@supports not (counter-set:none) {
  .ql-editor li[data-list].ql-indent-4 {
    counter-reset: list-5 list-6 list-7 list-8 list-9;
  }
}
.ql-editor li[data-list=ordered].ql-indent-5 {
  counter-increment: list-5;
}
.ql-editor li[data-list=ordered].ql-indent-5 > .ql-ui:before {
  content: counter(list-5, lower-roman) ". ";
}
@supports (counter-set:none) {
  .ql-editor li[data-list].ql-indent-5 {
    counter-set: list-6 list-7 list-8 list-9;
  }
}
@supports not (counter-set:none) {
  .ql-editor li[data-list].ql-indent-5 {
    counter-reset: list-6 list-7 list-8 list-9;
  }
}
.ql-editor li[data-list=ordered].ql-indent-6 {
  counter-increment: list-6;
}
.ql-editor li[data-list=ordered].ql-indent-6 > .ql-ui:before {
  content: counter(list-6, decimal) ". ";
}
@supports (counter-set:none) {
  .ql-editor li[data-list].ql-indent-6 {
    counter-set: list-7 list-8 list-9;
  }
}
@supports not (counter-set:none) {
  .ql-editor li[data-list].ql-indent-6 {
    counter-reset: list-7 list-8 list-9;
  }
}
.ql-editor li[data-list=ordered].ql-indent-7 {
  counter-increment: list-7;
}
.ql-editor li[data-list=ordered].ql-indent-7 > .ql-ui:before {
  content: counter(list-7, lower-alpha) ". ";
}
@supports (counter-set:none) {
  .ql-editor li[data-list].ql-indent-7 {
    counter-set: list-8 list-9;
  }
}
@supports not (counter-set:none) {
  .ql-editor li[data-list].ql-indent-7 {
    counter-reset: list-8 list-9;
  }
}
.ql-editor li[data-list=ordered].ql-indent-8 {
  counter-increment: list-8;
}
.ql-editor li[data-list=ordered].ql-indent-8 > .ql-ui:before {
  content: counter(list-8, lower-roman) ". ";
}
@supports (counter-set:none) {
  .ql-editor li[data-list].ql-indent-8 {
    counter-set: list-9;
  }
}
@supports not (counter-set:none) {
  .ql-editor li[data-list].ql-indent-8 {
    counter-reset: list-9;
  }
}
.ql-editor li[data-list=ordered].ql-indent-9 {
  counter-increment: list-9;
}
.ql-editor li[data-list=ordered].ql-indent-9 > .ql-ui:before {
  content: counter(list-9, decimal) ". ";
}
.ql-editor .ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 3em;
}
.ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 4.5em;
}
.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 3em;
}
.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 4.5em;
}
.ql-editor .ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 6em;
}
.ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 7.5em;
}
.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 6em;
}
.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 7.5em;
}
.ql-editor .ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 9em;
}
.ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 10.5em;
}
.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 9em;
}
.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 10.5em;
}
.ql-editor .ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 12em;
}
.ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 13.5em;
}
.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 12em;
}
.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 13.5em;
}
.ql-editor .ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 15em;
}
.ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 16.5em;
}
.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 15em;
}
.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 16.5em;
}
.ql-editor .ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 18em;
}
.ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 19.5em;
}
.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 18em;
}
.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 19.5em;
}
.ql-editor .ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 21em;
}
.ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 22.5em;
}
.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 21em;
}
.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 22.5em;
}
.ql-editor .ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 24em;
}
.ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 25.5em;
}
.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 24em;
}
.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 25.5em;
}
.ql-editor .ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 27em;
}
.ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 28.5em;
}
.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 27em;
}
.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 28.5em;
}
.ql-editor li.ql-direction-rtl {
  padding-right: 1.5em;
}
.ql-editor li.ql-direction-rtl > .ql-ui:before {
  margin-left: .3em;
  margin-right: -1.5em;
  text-align: left;
}
.ql-editor table {
  table-layout: fixed;
  width: 100%;
}
.ql-editor table td {
  outline: none;
}
.ql-editor .ql-code-block-container {
  font-family: monospace;
}
.ql-editor .ql-video {
  display: block;
  max-width: 100%;
}
.ql-editor .ql-video.ql-align-center {
  margin: 0 auto;
}
.ql-editor .ql-video.ql-align-right {
  margin: 0 0 0 auto;
}
.ql-editor .ql-bg-black {
  background-color: #000;
}
.ql-editor .ql-bg-red {
  background-color: #e60000;
}
.ql-editor .ql-bg-orange {
  background-color: #f90;
}
.ql-editor .ql-bg-yellow {
  background-color: #ff0;
}
.ql-editor .ql-bg-green {
  background-color: #008a00;
}
.ql-editor .ql-bg-blue {
  background-color: #06c;
}
.ql-editor .ql-bg-purple {
  background-color: #93f;
}
.ql-editor .ql-color-white {
  color: #fff;
}
.ql-editor .ql-color-red {
  color: #e60000;
}
.ql-editor .ql-color-orange {
  color: #f90;
}
.ql-editor .ql-color-yellow {
  color: #ff0;
}
.ql-editor .ql-color-green {
  color: #008a00;
}
.ql-editor .ql-color-blue {
  color: #06c;
}
.ql-editor .ql-color-purple {
  color: #93f;
}
.ql-editor .ql-font-serif {
  font-family:
    Georgia,
    Times New Roman,
    serif;
}
.ql-editor .ql-font-monospace {
  font-family:
    Monaco,
    Courier New,
    monospace;
}
.ql-editor .ql-size-small {
  font-size: .75em;
}
.ql-editor .ql-size-large {
  font-size: 1.5em;
}
.ql-editor .ql-size-huge {
  font-size: 2.5em;
}
.ql-editor .ql-direction-rtl {
  direction: rtl;
  text-align: inherit;
}
.ql-editor .ql-align-center {
  text-align: center;
}
.ql-editor .ql-align-justify {
  text-align: justify;
}
.ql-editor .ql-align-right {
  text-align: right;
}
.ql-editor .ql-ui {
  position: absolute;
}
.ql-editor.ql-blank::before {
  color: rgba(0, 0, 0, 0.6);
  content: attr(data-placeholder);
  font-style: italic;
  left: 15px;
  pointer-events: none;
  position: absolute;
  right: 15px;
}
.ql-snow.ql-toolbar:after,
.ql-snow .ql-toolbar:after {
  clear: both;
  content: "";
  display: table;
}
.ql-snow.ql-toolbar button,
.ql-snow .ql-toolbar button {
  background: none;
  border: none;
  cursor: pointer;
  display: inline-block;
  float: left;
  height: 24px;
  padding: 3px 5px;
  width: 28px;
}
.ql-snow.ql-toolbar button svg,
.ql-snow .ql-toolbar button svg {
  float: left;
  height: 100%;
}
.ql-snow.ql-toolbar button:active:hover,
.ql-snow .ql-toolbar button:active:hover {
  outline: none;
}
.ql-snow.ql-toolbar input.ql-image[type=file],
.ql-snow .ql-toolbar input.ql-image[type=file] {
  display: none;
}
.ql-snow.ql-toolbar button:hover,
.ql-snow .ql-toolbar button:hover,
.ql-snow.ql-toolbar button:focus,
.ql-snow .ql-toolbar button:focus,
.ql-snow.ql-toolbar button.ql-active,
.ql-snow .ql-toolbar button.ql-active,
.ql-snow.ql-toolbar .ql-picker-label:hover,
.ql-snow .ql-toolbar .ql-picker-label:hover,
.ql-snow.ql-toolbar .ql-picker-label.ql-active,
.ql-snow .ql-toolbar .ql-picker-label.ql-active,
.ql-snow.ql-toolbar .ql-picker-item:hover,
.ql-snow .ql-toolbar .ql-picker-item:hover,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected {
  color: #06c;
}
.ql-snow.ql-toolbar button:hover .ql-fill,
.ql-snow .ql-toolbar button:hover .ql-fill,
.ql-snow.ql-toolbar button:focus .ql-fill,
.ql-snow .ql-toolbar button:focus .ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
  fill: #06c;
}
.ql-snow.ql-toolbar button:hover .ql-stroke,
.ql-snow .ql-toolbar button:hover .ql-stroke,
.ql-snow.ql-toolbar button:focus .ql-stroke,
.ql-snow .ql-toolbar button:focus .ql-stroke,
.ql-snow.ql-toolbar button.ql-active .ql-stroke,
.ql-snow .ql-toolbar button.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow.ql-toolbar button:hover .ql-stroke-miter,
.ql-snow .ql-toolbar button:hover .ql-stroke-miter,
.ql-snow.ql-toolbar button:focus .ql-stroke-miter,
.ql-snow .ql-toolbar button:focus .ql-stroke-miter,
.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
  stroke: #06c;
}
@media (pointer: coarse) {
  .ql-snow.ql-toolbar button:hover:not(.ql-active),
  .ql-snow .ql-toolbar button:hover:not(.ql-active) {
    color: #444;
  }
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill {
    fill: #444;
  }
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter {
    stroke: #444;
  }
}
.ql-snow {
  box-sizing: border-box;
}
.ql-snow * {
  box-sizing: border-box;
}
.ql-snow .ql-hidden {
  display: none;
}
.ql-snow .ql-out-bottom,
.ql-snow .ql-out-top {
  visibility: hidden;
}
.ql-snow .ql-tooltip {
  position: absolute;
  transform: translateY(10px);
}
.ql-snow .ql-tooltip a {
  cursor: pointer;
  text-decoration: none;
}
.ql-snow .ql-tooltip.ql-flip {
  transform: translateY(-10px);
}
.ql-snow .ql-formats {
  display: inline-block;
  vertical-align: middle;
}
.ql-snow .ql-formats:after {
  clear: both;
  content: "";
  display: table;
}
.ql-snow .ql-stroke {
  fill: none;
  stroke: #444;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2;
}
.ql-snow .ql-stroke-miter {
  fill: none;
  stroke: #444;
  stroke-miterlimit: 10;
  stroke-width: 2;
}
.ql-snow .ql-fill,
.ql-snow .ql-stroke.ql-fill {
  fill: #444;
}
.ql-snow .ql-empty {
  fill: none;
}
.ql-snow .ql-even {
  fill-rule: evenodd;
}
.ql-snow .ql-thin,
.ql-snow .ql-stroke.ql-thin {
  stroke-width: 1;
}
.ql-snow .ql-transparent {
  opacity: .4;
}
.ql-snow .ql-direction svg:last-child {
  display: none;
}
.ql-snow .ql-direction.ql-active svg:last-child {
  display: inline;
}
.ql-snow .ql-direction.ql-active svg:first-child {
  display: none;
}
.ql-snow .ql-editor h1 {
  font-size: 2em;
}
.ql-snow .ql-editor h2 {
  font-size: 1.5em;
}
.ql-snow .ql-editor h3 {
  font-size: 1.17em;
}
.ql-snow .ql-editor h4 {
  font-size: 1em;
}
.ql-snow .ql-editor h5 {
  font-size: .83em;
}
.ql-snow .ql-editor h6 {
  font-size: .67em;
}
.ql-snow .ql-editor a {
  text-decoration: underline;
}
.ql-snow .ql-editor blockquote {
  border-left: 4px solid #ccc;
  margin-bottom: 5px;
  margin-top: 5px;
  padding-left: 16px;
}
.ql-snow .ql-editor code,
.ql-snow .ql-editor .ql-code-block-container {
  background-color: #f0f0f0;
  border-radius: 3px;
}
.ql-snow .ql-editor .ql-code-block-container {
  margin-bottom: 5px;
  margin-top: 5px;
  padding: 5px 10px;
}
.ql-snow .ql-editor code {
  font-size: 85%;
  padding: 2px 4px;
}
.ql-snow .ql-editor .ql-code-block-container {
  background-color: #23241f;
  color: #f8f8f2;
  overflow: visible;
}
.ql-snow .ql-editor img {
  max-width: 100%;
}
.ql-snow .ql-picker {
  color: #444;
  display: inline-block;
  float: left;
  font-size: 14px;
  font-weight: 500;
  height: 24px;
  position: relative;
  vertical-align: middle;
}
.ql-snow .ql-picker-label {
  cursor: pointer;
  display: inline-block;
  height: 100%;
  padding-left: 8px;
  padding-right: 2px;
  position: relative;
  width: 100%;
}
.ql-snow .ql-picker-label::before {
  display: inline-block;
  line-height: 22px;
}
.ql-snow .ql-picker-options {
  background-color: #fff;
  display: none;
  min-width: 100%;
  padding: 4px 8px;
  position: absolute;
  white-space: nowrap;
}
.ql-snow .ql-picker-options .ql-picker-item {
  cursor: pointer;
  display: block;
  padding-bottom: 5px;
  padding-top: 5px;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label {
  color: #ccc;
  z-index: 2;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
  fill: #ccc;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
  stroke: #ccc;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-options {
  display: block;
  margin-top: -1px;
  top: 100%;
  z-index: 1;
}
.ql-snow .ql-color-picker,
.ql-snow .ql-icon-picker {
  width: 28px;
}
.ql-snow .ql-color-picker .ql-picker-label,
.ql-snow .ql-icon-picker .ql-picker-label {
  padding: 2px 4px;
}
.ql-snow .ql-color-picker .ql-picker-label svg,
.ql-snow .ql-icon-picker .ql-picker-label svg {
  right: 4px;
}
.ql-snow .ql-icon-picker .ql-picker-options {
  padding: 4px 0;
}
.ql-snow .ql-icon-picker .ql-picker-item {
  height: 24px;
  width: 24px;
  padding: 2px 4px;
}
.ql-snow .ql-color-picker .ql-picker-options {
  padding: 3px 5px;
  width: 152px;
}
.ql-snow .ql-color-picker .ql-picker-item {
  border: 1px solid transparent;
  float: left;
  height: 16px;
  margin: 2px;
  padding: 0;
  width: 16px;
}
.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
  position: absolute;
  margin-top: -9px;
  right: 0;
  top: 50%;
  width: 18px;
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=""])::before,
.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=""])::before,
.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=""])::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=""])::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=""])::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=""])::before {
  content: attr(data-label);
}
.ql-snow .ql-picker.ql-header {
  width: 98px;
}
.ql-snow .ql-picker.ql-header .ql-picker-label::before,
.ql-snow .ql-picker.ql-header .ql-picker-item::before {
  content: "Normal";
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
  content: "Heading 1";
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
  content: "Heading 2";
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
  content: "Heading 3";
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
  content: "Heading 4";
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
  content: "Heading 5";
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
  content: "Heading 6";
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
  font-size: 2em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
  font-size: 1.5em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
  font-size: 1.17em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
  font-size: 1em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
  font-size: .83em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
  font-size: .67em;
}
.ql-snow .ql-picker.ql-font {
  width: 108px;
}
.ql-snow .ql-picker.ql-font .ql-picker-label::before,
.ql-snow .ql-picker.ql-font .ql-picker-item::before {
  content: "Sans Serif";
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
  content: "Serif";
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
  content: "Monospace";
}
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
  font-family:
    Georgia,
    Times New Roman,
    serif;
}
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
  font-family:
    Monaco,
    Courier New,
    monospace;
}
.ql-snow .ql-picker.ql-size {
  width: 98px;
}
.ql-snow .ql-picker.ql-size .ql-picker-label::before,
.ql-snow .ql-picker.ql-size .ql-picker-item::before {
  content: "Normal";
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
  content: "Small";
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
  content: "Large";
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
  content: "Huge";
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
  font-size: 10px;
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
  font-size: 18px;
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
  font-size: 32px;
}
.ql-snow .ql-color-picker.ql-background .ql-picker-item {
  background-color: #fff;
}
.ql-snow .ql-color-picker.ql-color .ql-picker-item {
  background-color: #000;
}
.ql-code-block-container {
  position: relative;
}
.ql-code-block-container .ql-ui {
  right: 5px;
  top: 5px;
}
.ql-toolbar.ql-snow {
  border: 1px solid #ccc;
  box-sizing: border-box;
  font-family:
    "Helvetica Neue",
    "Helvetica",
    "Arial",
    sans-serif;
  padding: 8px;
}
.ql-toolbar.ql-snow .ql-formats {
  margin-right: 15px;
}
.ql-toolbar.ql-snow .ql-picker-label {
  border: 1px solid transparent;
}
.ql-toolbar.ql-snow .ql-picker-options {
  border: 1px solid transparent;
  box-shadow: rgba(0, 0, 0, 0.2) 0 2px 8px;
}
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
  border-color: #ccc;
}
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
  border-color: #ccc;
}
.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,
.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover {
  border-color: #000;
}
.ql-toolbar.ql-snow + .ql-container.ql-snow {
  border-top: 0;
}
.ql-snow .ql-tooltip {
  background-color: #fff;
  border: 1px solid #ccc;
  box-shadow: 0 0 5px #ddd;
  color: #444;
  padding: 5px 12px;
  white-space: nowrap;
}
.ql-snow .ql-tooltip::before {
  content: "Visit URL:";
  line-height: 26px;
  margin-right: 8px;
}
.ql-snow .ql-tooltip input[type=text] {
  display: none;
  border: 1px solid #ccc;
  font-size: 13px;
  height: 26px;
  margin: 0;
  padding: 3px 5px;
  width: 170px;
}
.ql-snow .ql-tooltip a.ql-preview {
  display: inline-block;
  max-width: 200px;
  overflow-x: hidden;
  text-overflow: ellipsis;
  vertical-align: top;
}
.ql-snow .ql-tooltip a.ql-action::after {
  border-right: 1px solid #ccc;
  content: "Edit";
  margin-left: 16px;
  padding-right: 8px;
}
.ql-snow .ql-tooltip a.ql-remove::before {
  content: "Remove";
  margin-left: 8px;
}
.ql-snow .ql-tooltip a {
  line-height: 26px;
}
.ql-snow .ql-tooltip.ql-editing a.ql-preview,
.ql-snow .ql-tooltip.ql-editing a.ql-remove {
  display: none;
}
.ql-snow .ql-tooltip.ql-editing input[type=text] {
  display: inline-block;
}
.ql-snow .ql-tooltip.ql-editing a.ql-action::after {
  border-right: 0;
  content: "Save";
  padding-right: 0;
}
.ql-snow .ql-tooltip[data-mode=link]::before {
  content: "Enter link:";
}
.ql-snow .ql-tooltip[data-mode=formula]::before {
  content: "Enter formula:";
}
.ql-snow .ql-tooltip[data-mode=video]::before {
  content: "Enter video:";
}
.ql-snow a {
  color: #06c;
}
.ql-container.ql-snow {
  border: 1px solid #ccc;
}

/* node_modules/quill-mention/dist/quill.mention.css */
.ql-mention-list-container {
  background-color: #fff;
  border: 1px solid #f0f0f0;
  border-radius: 4px;
  box-shadow: 0 2px 12px 0 rgba(30, 30, 30, .08);
  overflow: auto;
  width: 270px;
  z-index: 9001;
}
.ql-mention-loading {
  font-size: 16px;
  line-height: 44px;
  padding: 0 20px;
  vertical-align: middle;
}
.ql-mention-list {
  list-style: none;
  margin: 0;
  overflow: hidden;
  padding: 0;
}
.ql-mention-list-item {
  cursor: pointer;
  font-size: 16px;
  line-height: 44px;
  padding: 0 20px;
  vertical-align: middle;
}
.ql-mention-list-item.disabled {
  cursor: auto;
}
.ql-mention-list-item.selected {
  background-color: #d3e1eb;
  text-decoration: none;
}
.mention {
  background-color: #d3e1eb;
  border-radius: 6px;
  height: 24px;
  margin-right: 2px;
  padding: 3px 0;
  -webkit-user-select: all;
  user-select: all;
  width: 65px;
}
.mention > span {
  margin: 0 3px;
}

/* node_modules/primeicons/primeicons.css */
@font-face {
  font-family: "primeicons";
  font-display: block;
  src: url("./media/primeicons.eot");
  src:
    url("./media/primeicons.eot?#iefix") format("embedded-opentype"),
    url("./media/primeicons.woff2") format("woff2"),
    url("./media/primeicons.woff") format("woff"),
    url("./media/primeicons.ttf") format("truetype"),
    url("./media/primeicons.svg?#primeicons") format("svg");
  font-weight: normal;
  font-style: normal;
}
.pi {
  font-family: "primeicons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.pi:before {
  --webkit-backface-visibility:hidden;
  backface-visibility: hidden;
}
.pi-fw {
  width: 1.28571429em;
  text-align: center;
}
.pi-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
}
@media (prefers-reduced-motion: reduce) {
  .pi-spin {
    -webkit-animation-delay: -1ms;
    animation-delay: -1ms;
    -webkit-animation-duration: 1ms;
    animation-duration: 1ms;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transition-duration: 0s;
    transition-duration: 0s;
  }
}
@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
.pi-folder-plus:before {
  content: "\ea05";
}
.pi-receipt:before {
  content: "\ea06";
}
.pi-asterisk:before {
  content: "\ea07";
}
.pi-face-smile:before {
  content: "\ea08";
}
.pi-pinterest:before {
  content: "\ea09";
}
.pi-expand:before {
  content: "\ea0a";
}
.pi-pen-to-square:before {
  content: "\ea0b";
}
.pi-wave-pulse:before {
  content: "\ea0c";
}
.pi-turkish-lira:before {
  content: "\ea0d";
}
.pi-spinner-dotted:before {
  content: "\ea0e";
}
.pi-crown:before {
  content: "\ea0f";
}
.pi-pause-circle:before {
  content: "\ea10";
}
.pi-warehouse:before {
  content: "\ea11";
}
.pi-objects-column:before {
  content: "\ea12";
}
.pi-clipboard:before {
  content: "\ea13";
}
.pi-play-circle:before {
  content: "\ea14";
}
.pi-venus:before {
  content: "\ea15";
}
.pi-cart-minus:before {
  content: "\ea16";
}
.pi-file-plus:before {
  content: "\ea17";
}
.pi-microchip:before {
  content: "\ea18";
}
.pi-twitch:before {
  content: "\ea19";
}
.pi-building-columns:before {
  content: "\ea1a";
}
.pi-file-check:before {
  content: "\ea1b";
}
.pi-microchip-ai:before {
  content: "\ea1c";
}
.pi-trophy:before {
  content: "\ea1d";
}
.pi-barcode:before {
  content: "\ea1e";
}
.pi-file-arrow-up:before {
  content: "\ea1f";
}
.pi-mars:before {
  content: "\ea20";
}
.pi-tiktok:before {
  content: "\ea21";
}
.pi-arrow-up-right-and-arrow-down-left-from-center:before {
  content: "\ea22";
}
.pi-ethereum:before {
  content: "\ea23";
}
.pi-list-check:before {
  content: "\ea24";
}
.pi-thumbtack:before {
  content: "\ea25";
}
.pi-arrow-down-left-and-arrow-up-right-to-center:before {
  content: "\ea26";
}
.pi-equals:before {
  content: "\ea27";
}
.pi-lightbulb:before {
  content: "\ea28";
}
.pi-star-half:before {
  content: "\ea29";
}
.pi-address-book:before {
  content: "\ea2a";
}
.pi-chart-scatter:before {
  content: "\ea2b";
}
.pi-indian-rupee:before {
  content: "\ea2c";
}
.pi-star-half-fill:before {
  content: "\ea2d";
}
.pi-cart-arrow-down:before {
  content: "\ea2e";
}
.pi-calendar-clock:before {
  content: "\ea2f";
}
.pi-sort-up-fill:before {
  content: "\ea30";
}
.pi-sparkles:before {
  content: "\ea31";
}
.pi-bullseye:before {
  content: "\ea32";
}
.pi-sort-down-fill:before {
  content: "\ea33";
}
.pi-graduation-cap:before {
  content: "\ea34";
}
.pi-hammer:before {
  content: "\ea35";
}
.pi-bell-slash:before {
  content: "\ea36";
}
.pi-gauge:before {
  content: "\ea37";
}
.pi-shop:before {
  content: "\ea38";
}
.pi-headphones:before {
  content: "\ea39";
}
.pi-eraser:before {
  content: "\ea04";
}
.pi-stopwatch:before {
  content: "\ea01";
}
.pi-verified:before {
  content: "\ea02";
}
.pi-delete-left:before {
  content: "\ea03";
}
.pi-hourglass:before {
  content: "\e9fe";
}
.pi-truck:before {
  content: "\ea00";
}
.pi-wrench:before {
  content: "\e9ff";
}
.pi-microphone:before {
  content: "\e9fa";
}
.pi-megaphone:before {
  content: "\e9fb";
}
.pi-arrow-right-arrow-left:before {
  content: "\e9fc";
}
.pi-bitcoin:before {
  content: "\e9fd";
}
.pi-file-edit:before {
  content: "\e9f6";
}
.pi-language:before {
  content: "\e9f7";
}
.pi-file-export:before {
  content: "\e9f8";
}
.pi-file-import:before {
  content: "\e9f9";
}
.pi-file-word:before {
  content: "\e9f1";
}
.pi-gift:before {
  content: "\e9f2";
}
.pi-cart-plus:before {
  content: "\e9f3";
}
.pi-thumbs-down-fill:before {
  content: "\e9f4";
}
.pi-thumbs-up-fill:before {
  content: "\e9f5";
}
.pi-arrows-alt:before {
  content: "\e9f0";
}
.pi-calculator:before {
  content: "\e9ef";
}
.pi-sort-alt-slash:before {
  content: "\e9ee";
}
.pi-arrows-h:before {
  content: "\e9ec";
}
.pi-arrows-v:before {
  content: "\e9ed";
}
.pi-pound:before {
  content: "\e9eb";
}
.pi-prime:before {
  content: "\e9ea";
}
.pi-chart-pie:before {
  content: "\e9e9";
}
.pi-reddit:before {
  content: "\e9e8";
}
.pi-code:before {
  content: "\e9e7";
}
.pi-sync:before {
  content: "\e9e6";
}
.pi-shopping-bag:before {
  content: "\e9e5";
}
.pi-server:before {
  content: "\e9e4";
}
.pi-database:before {
  content: "\e9e3";
}
.pi-hashtag:before {
  content: "\e9e2";
}
.pi-bookmark-fill:before {
  content: "\e9df";
}
.pi-filter-fill:before {
  content: "\e9e0";
}
.pi-heart-fill:before {
  content: "\e9e1";
}
.pi-flag-fill:before {
  content: "\e9de";
}
.pi-circle:before {
  content: "\e9dc";
}
.pi-circle-fill:before {
  content: "\e9dd";
}
.pi-bolt:before {
  content: "\e9db";
}
.pi-history:before {
  content: "\e9da";
}
.pi-box:before {
  content: "\e9d9";
}
.pi-at:before {
  content: "\e9d8";
}
.pi-arrow-up-right:before {
  content: "\e9d4";
}
.pi-arrow-up-left:before {
  content: "\e9d5";
}
.pi-arrow-down-left:before {
  content: "\e9d6";
}
.pi-arrow-down-right:before {
  content: "\e9d7";
}
.pi-telegram:before {
  content: "\e9d3";
}
.pi-stop-circle:before {
  content: "\e9d2";
}
.pi-stop:before {
  content: "\e9d1";
}
.pi-whatsapp:before {
  content: "\e9d0";
}
.pi-building:before {
  content: "\e9cf";
}
.pi-qrcode:before {
  content: "\e9ce";
}
.pi-car:before {
  content: "\e9cd";
}
.pi-instagram:before {
  content: "\e9cc";
}
.pi-linkedin:before {
  content: "\e9cb";
}
.pi-send:before {
  content: "\e9ca";
}
.pi-slack:before {
  content: "\e9c9";
}
.pi-sun:before {
  content: "\e9c8";
}
.pi-moon:before {
  content: "\e9c7";
}
.pi-vimeo:before {
  content: "\e9c6";
}
.pi-youtube:before {
  content: "\e9c5";
}
.pi-flag:before {
  content: "\e9c4";
}
.pi-wallet:before {
  content: "\e9c3";
}
.pi-map:before {
  content: "\e9c2";
}
.pi-link:before {
  content: "\e9c1";
}
.pi-credit-card:before {
  content: "\e9bf";
}
.pi-discord:before {
  content: "\e9c0";
}
.pi-percentage:before {
  content: "\e9be";
}
.pi-euro:before {
  content: "\e9bd";
}
.pi-book:before {
  content: "\e9ba";
}
.pi-shield:before {
  content: "\e9b9";
}
.pi-paypal:before {
  content: "\e9bb";
}
.pi-amazon:before {
  content: "\e9bc";
}
.pi-phone:before {
  content: "\e9b8";
}
.pi-filter-slash:before {
  content: "\e9b7";
}
.pi-facebook:before {
  content: "\e9b4";
}
.pi-github:before {
  content: "\e9b5";
}
.pi-twitter:before {
  content: "\e9b6";
}
.pi-step-backward-alt:before {
  content: "\e9ac";
}
.pi-step-forward-alt:before {
  content: "\e9ad";
}
.pi-forward:before {
  content: "\e9ae";
}
.pi-backward:before {
  content: "\e9af";
}
.pi-fast-backward:before {
  content: "\e9b0";
}
.pi-fast-forward:before {
  content: "\e9b1";
}
.pi-pause:before {
  content: "\e9b2";
}
.pi-play:before {
  content: "\e9b3";
}
.pi-compass:before {
  content: "\e9ab";
}
.pi-id-card:before {
  content: "\e9aa";
}
.pi-ticket:before {
  content: "\e9a9";
}
.pi-file-o:before {
  content: "\e9a8";
}
.pi-reply:before {
  content: "\e9a7";
}
.pi-directions-alt:before {
  content: "\e9a5";
}
.pi-directions:before {
  content: "\e9a6";
}
.pi-thumbs-up:before {
  content: "\e9a3";
}
.pi-thumbs-down:before {
  content: "\e9a4";
}
.pi-sort-numeric-down-alt:before {
  content: "\e996";
}
.pi-sort-numeric-up-alt:before {
  content: "\e997";
}
.pi-sort-alpha-down-alt:before {
  content: "\e998";
}
.pi-sort-alpha-up-alt:before {
  content: "\e999";
}
.pi-sort-numeric-down:before {
  content: "\e99a";
}
.pi-sort-numeric-up:before {
  content: "\e99b";
}
.pi-sort-alpha-down:before {
  content: "\e99c";
}
.pi-sort-alpha-up:before {
  content: "\e99d";
}
.pi-sort-alt:before {
  content: "\e99e";
}
.pi-sort-amount-up:before {
  content: "\e99f";
}
.pi-sort-amount-down:before {
  content: "\e9a0";
}
.pi-sort-amount-down-alt:before {
  content: "\e9a1";
}
.pi-sort-amount-up-alt:before {
  content: "\e9a2";
}
.pi-palette:before {
  content: "\e995";
}
.pi-undo:before {
  content: "\e994";
}
.pi-desktop:before {
  content: "\e993";
}
.pi-sliders-v:before {
  content: "\e991";
}
.pi-sliders-h:before {
  content: "\e992";
}
.pi-search-plus:before {
  content: "\e98f";
}
.pi-search-minus:before {
  content: "\e990";
}
.pi-file-excel:before {
  content: "\e98e";
}
.pi-file-pdf:before {
  content: "\e98d";
}
.pi-check-square:before {
  content: "\e98c";
}
.pi-chart-line:before {
  content: "\e98b";
}
.pi-user-edit:before {
  content: "\e98a";
}
.pi-exclamation-circle:before {
  content: "\e989";
}
.pi-android:before {
  content: "\e985";
}
.pi-google:before {
  content: "\e986";
}
.pi-apple:before {
  content: "\e987";
}
.pi-microsoft:before {
  content: "\e988";
}
.pi-heart:before {
  content: "\e984";
}
.pi-mobile:before {
  content: "\e982";
}
.pi-tablet:before {
  content: "\e983";
}
.pi-key:before {
  content: "\e981";
}
.pi-shopping-cart:before {
  content: "\e980";
}
.pi-comments:before {
  content: "\e97e";
}
.pi-comment:before {
  content: "\e97f";
}
.pi-briefcase:before {
  content: "\e97d";
}
.pi-bell:before {
  content: "\e97c";
}
.pi-paperclip:before {
  content: "\e97b";
}
.pi-share-alt:before {
  content: "\e97a";
}
.pi-envelope:before {
  content: "\e979";
}
.pi-volume-down:before {
  content: "\e976";
}
.pi-volume-up:before {
  content: "\e977";
}
.pi-volume-off:before {
  content: "\e978";
}
.pi-eject:before {
  content: "\e975";
}
.pi-money-bill:before {
  content: "\e974";
}
.pi-images:before {
  content: "\e973";
}
.pi-image:before {
  content: "\e972";
}
.pi-sign-in:before {
  content: "\e970";
}
.pi-sign-out:before {
  content: "\e971";
}
.pi-wifi:before {
  content: "\e96f";
}
.pi-sitemap:before {
  content: "\e96e";
}
.pi-chart-bar:before {
  content: "\e96d";
}
.pi-camera:before {
  content: "\e96c";
}
.pi-dollar:before {
  content: "\e96b";
}
.pi-lock-open:before {
  content: "\e96a";
}
.pi-table:before {
  content: "\e969";
}
.pi-map-marker:before {
  content: "\e968";
}
.pi-list:before {
  content: "\e967";
}
.pi-eye-slash:before {
  content: "\e965";
}
.pi-eye:before {
  content: "\e966";
}
.pi-folder-open:before {
  content: "\e964";
}
.pi-folder:before {
  content: "\e963";
}
.pi-video:before {
  content: "\e962";
}
.pi-inbox:before {
  content: "\e961";
}
.pi-lock:before {
  content: "\e95f";
}
.pi-unlock:before {
  content: "\e960";
}
.pi-tags:before {
  content: "\e95d";
}
.pi-tag:before {
  content: "\e95e";
}
.pi-power-off:before {
  content: "\e95c";
}
.pi-save:before {
  content: "\e95b";
}
.pi-question-circle:before {
  content: "\e959";
}
.pi-question:before {
  content: "\e95a";
}
.pi-copy:before {
  content: "\e957";
}
.pi-file:before {
  content: "\e958";
}
.pi-clone:before {
  content: "\e955";
}
.pi-calendar-times:before {
  content: "\e952";
}
.pi-calendar-minus:before {
  content: "\e953";
}
.pi-calendar-plus:before {
  content: "\e954";
}
.pi-ellipsis-v:before {
  content: "\e950";
}
.pi-ellipsis-h:before {
  content: "\e951";
}
.pi-bookmark:before {
  content: "\e94e";
}
.pi-globe:before {
  content: "\e94f";
}
.pi-replay:before {
  content: "\e94d";
}
.pi-filter:before {
  content: "\e94c";
}
.pi-print:before {
  content: "\e94b";
}
.pi-align-right:before {
  content: "\e946";
}
.pi-align-left:before {
  content: "\e947";
}
.pi-align-center:before {
  content: "\e948";
}
.pi-align-justify:before {
  content: "\e949";
}
.pi-cog:before {
  content: "\e94a";
}
.pi-cloud-download:before {
  content: "\e943";
}
.pi-cloud-upload:before {
  content: "\e944";
}
.pi-cloud:before {
  content: "\e945";
}
.pi-pencil:before {
  content: "\e942";
}
.pi-users:before {
  content: "\e941";
}
.pi-clock:before {
  content: "\e940";
}
.pi-user-minus:before {
  content: "\e93e";
}
.pi-user-plus:before {
  content: "\e93f";
}
.pi-trash:before {
  content: "\e93d";
}
.pi-external-link:before {
  content: "\e93c";
}
.pi-window-maximize:before {
  content: "\e93b";
}
.pi-window-minimize:before {
  content: "\e93a";
}
.pi-refresh:before {
  content: "\e938";
}
.pi-user:before {
  content: "\e939";
}
.pi-exclamation-triangle:before {
  content: "\e922";
}
.pi-calendar:before {
  content: "\e927";
}
.pi-chevron-circle-left:before {
  content: "\e928";
}
.pi-chevron-circle-down:before {
  content: "\e929";
}
.pi-chevron-circle-right:before {
  content: "\e92a";
}
.pi-chevron-circle-up:before {
  content: "\e92b";
}
.pi-angle-double-down:before {
  content: "\e92c";
}
.pi-angle-double-left:before {
  content: "\e92d";
}
.pi-angle-double-right:before {
  content: "\e92e";
}
.pi-angle-double-up:before {
  content: "\e92f";
}
.pi-angle-down:before {
  content: "\e930";
}
.pi-angle-left:before {
  content: "\e931";
}
.pi-angle-right:before {
  content: "\e932";
}
.pi-angle-up:before {
  content: "\e933";
}
.pi-upload:before {
  content: "\e934";
}
.pi-download:before {
  content: "\e956";
}
.pi-ban:before {
  content: "\e935";
}
.pi-star-fill:before {
  content: "\e936";
}
.pi-star:before {
  content: "\e937";
}
.pi-chevron-left:before {
  content: "\e900";
}
.pi-chevron-right:before {
  content: "\e901";
}
.pi-chevron-down:before {
  content: "\e902";
}
.pi-chevron-up:before {
  content: "\e903";
}
.pi-caret-left:before {
  content: "\e904";
}
.pi-caret-right:before {
  content: "\e905";
}
.pi-caret-down:before {
  content: "\e906";
}
.pi-caret-up:before {
  content: "\e907";
}
.pi-search:before {
  content: "\e908";
}
.pi-check:before {
  content: "\e909";
}
.pi-check-circle:before {
  content: "\e90a";
}
.pi-times:before {
  content: "\e90b";
}
.pi-times-circle:before {
  content: "\e90c";
}
.pi-plus:before {
  content: "\e90d";
}
.pi-plus-circle:before {
  content: "\e90e";
}
.pi-minus:before {
  content: "\e90f";
}
.pi-minus-circle:before {
  content: "\e910";
}
.pi-circle-on:before {
  content: "\e911";
}
.pi-circle-off:before {
  content: "\e912";
}
.pi-sort-down:before {
  content: "\e913";
}
.pi-sort-up:before {
  content: "\e914";
}
.pi-sort:before {
  content: "\e915";
}
.pi-step-backward:before {
  content: "\e916";
}
.pi-step-forward:before {
  content: "\e917";
}
.pi-th-large:before {
  content: "\e918";
}
.pi-arrow-down:before {
  content: "\e919";
}
.pi-arrow-left:before {
  content: "\e91a";
}
.pi-arrow-right:before {
  content: "\e91b";
}
.pi-arrow-up:before {
  content: "\e91c";
}
.pi-bars:before {
  content: "\e91d";
}
.pi-arrow-circle-down:before {
  content: "\e91e";
}
.pi-arrow-circle-left:before {
  content: "\e91f";
}
.pi-arrow-circle-right:before {
  content: "\e920";
}
.pi-arrow-circle-up:before {
  content: "\e921";
}
.pi-info:before {
  content: "\e923";
}
.pi-info-circle:before {
  content: "\e924";
}
.pi-home:before {
  content: "\e925";
}
.pi-spinner:before {
  content: "\e926";
}

/* angular:styles/global:styles */
/*# sourceMappingURL=styles.css.map */