@layer app.components {
  .app-icon {
    display: flex;
    justify-content: center;
  }
  .app-icon svg {
    height: var(--wa-font-size-3xl);
  }
  main-application-chrome wa-page {
    --menu-width: 30ch;
  }
  main-application-chrome wa-page[view=mobile] {
    --menu-width: auto;
  }
  main-application-chrome wa-page[view=mobile] [slot*=main], main-application-chrome wa-page[view=mobile] main {
    padding: var(--wa-space-xl);
  }
  main-application-chrome wa-page::part(header), main-application-chrome wa-page > [slot=header] {
    background-color: var(--wa-color-surface-lowered);
  }
  main-application-chrome wa-page[view=desktop] [slot=header] {
    padding: 0;
  }
  main-application-chrome wa-page[view=desktop]::part(base) {
    background-color: var(--wa-color-surface-lowered);
  }
  main-application-chrome wa-page[view=desktop]::part(body) {
    background-color: var(--wa-color-surface-lowered);
  }
  main-application-chrome wa-page[view=desktop]::part(main) {
    box-shadow: inset var(--wa-shadow-blur-s) 0px var(--wa-shadow-blur-s) calc(-1 * var(--wa-shadow-blur-s)) var(--wa-color-shadow);
    background-color: var(--wa-color-surface-default);
  }
  main-application-chrome wa-page[view=desktop]::part(main), main-application-chrome wa-page[view=desktop]::part(main-footer) {
    border-end-start-radius: var(--wa-border-radius-l);
  }
  main-application-chrome wa-page[view=desktop] [slot=main-header],
  main-application-chrome wa-page[view=desktop] [slot=main-footer] {
    background: transparent;
  }
  main-application-chrome wa-page::part(navigation),
  main-application-chrome wa-page > [slot=footer], main-application-chrome wa-page[view=desktop] [slot*=navigation] {
    background-color: var(--wa-color-surface-lowered);
  }
  main-application-chrome wa-page > main,
  main-application-chrome wa-page [slot=main-footer],
  main-application-chrome wa-page [slot=main-header] {
    padding-inline-start: var(--wa-space-s);
    padding-inline-end: var(--wa-space-s);
  }
  main-application-chrome wa-page [slot=main-header] {
    padding-block-start: var(--wa-space-s);
  }
  main-application-chrome wa-page [slot=main-header] h1 {
    margin: 0;
  }
  main-application-chrome wa-page main {
    padding: var(--wa-space-s);
  }
  main-application-chrome wa-page > [slot=main-footer],
  main-application-chrome wa-page > [slot=footer] {
    padding-block: var(--wa-space-xs);
  }
  main-application-chrome wa-page .quick-selection-container {
    max-block-size: 30ch;
  }
  main-application-chrome wa-page > [slot=footer] {
    padding-inline: var(--wa-space-xs);
  }
  interstitial-chrome wa-page::part(navigation-toggle) {
    display: none;
  }
  tearaway-chrome wa-page::part(navigation-toggle) {
    display: none;
  }
  tearaway-chrome wa-page::part(header), tearaway-chrome wa-page > [slot=header] {
    background-color: var(--wa-color-surface-lowered);
  }
  tearaway-chrome wa-page[view=mobile] [slot*=main], tearaway-chrome wa-page[view=mobile] main {
    padding-inline: var(--wa-space-xl);
  }
  tearaway-chrome wa-page > main,
  tearaway-chrome wa-page [slot=main-header] {
    padding-block: var(--wa-space-s);
  }
  tearaway-chrome wa-page > main,
  tearaway-chrome wa-page [slot=main-header],
  tearaway-chrome wa-page [slot=main-footer] {
    padding-inline-start: var(--wa-space-s);
    padding-inline-end: var(--wa-space-s);
  }
  tearaway-chrome wa-page > [slot=footer] {
    padding: var(--wa-space-xs);
    background-color: var(--wa-color-surface-lowered);
  }
  .notification-messages {
    position: fixed;
    inset-block-end: var(--wa-space-xs);
    inset-inline-end: var(--wa-space-xs);
  }
  .details-component {
    --min-column-size: 40ch;
  }
  .details-component > wa-card {
    max-inline-size: 40ch;
  }
  .organization-navigation h2 {
    margin-block: 0;
  }
  quick-selection-component ol {
    list-style: none;
    margin: 0;
  }
  quick-selection-component ol wa-avatar {
    --size: var(--wa-font-size-xl);
  }
  actioncable-enabled-status wa-badge {
    transition: background-color, color var(--wa-transition-normal);
  }
  javascript-enabled-status wa-badge {
    transition: background-color, color var(--wa-transition-normal);
  }
  push-notifications-enabled-status wa-badge {
    transition: background-color, color var(--wa-transition-normal);
  }
  push-notifications-enabled-status [data-explanation]:not([data-loading]) {
    display: none;
  }
  push-notifications-enabled-status[unsupported] [data-explanation][data-unsupported] {
    display: inline;
  }
  push-notifications-enabled-status[unsupported] [data-explanation]:not([data-unsupported]) {
    display: none;
  }
  push-notifications-enabled-status[disabled] [data-explanation][data-disabled] {
    display: inline;
  }
  push-notifications-enabled-status[disabled] [data-explanation]:not([data-disabled]) {
    display: none;
  }
  push-notifications-enabled-status[pending] [data-explanation][data-pending] {
    display: inline;
  }
  push-notifications-enabled-status[pending] [data-explanation]:not([data-pending]) {
    display: none;
  }
  push-notifications-enabled-status[enabled] [data-explanation][data-enabled] {
    display: inline;
  }
  push-notifications-enabled-status[enabled] [data-explanation]:not([data-enabled]) {
    display: none;
  }
  status-lights {
    font-size: var(--wa-font-size-l);
  }
  status-lights wa-icon {
    margin-inline-end: 0;
  }
  .avatar-group wa-avatar {
    --size: var(--wa-font-size-xl);
  }
  .avatar-group a:has(wa-avatar):not(:first-of-type) {
    margin-left: calc(-1 * var(--wa-space-xs));
  }
  .avatar-group a:has(wa-avatar) wa-avatar {
    border: solid 2px var(--wa-color-surface-default);
  }
  rrule-field .interval-field {
    inline-size: 10ch;
  }
  rrule-field .time-field {
    inline-size: 20ch;
  }
  .character-count wa-progress-ring {
    --size: 2em;
  }
  .character-count.warning {
    color: var(--wa-color-warning-fill-loud);
  }
  .character-count.warning wa-progress-ring {
    --indicator-color: var(--wa-color-warning-fill-loud);
  }
  .character-count.error {
    color: var(--wa-color-danger-fill-loud);
  }
  .character-count.error wa-progress-ring {
    --indicator-color: var(--wa-color-danger-fill-loud);
  }
  uppy-element > input[type=file]:disabled {
    display: none;
  }
  .attachment-list ul {
    list-style: none;
  }
  .attachment-list:not(:has(li)) {
    display: none;
  }
  .attachment-list li {
    max-inline-size: 40ch;
  }
  [data-pending-attachment] wa-card [slot=media] {
    text-align: center;
  }
  [data-pending-attachment] wa-card [data-attachment-thumbnail-image] {
    max-block-size: 10ch;
  }
  [data-pending-attachment] wa-card [data-attachment-thumbnail-image]:not([src]) {
    display: none;
  }
  .attachment-list wa-card.remove-attachment [slot=media] {
    text-align: center;
  }
  .attachment-list wa-card.remove-attachment [slot=media] img {
    max-block-size: 10ch;
  }
  .attachment-list wa-card.remove-attachment [slot=media] wa-icon {
    font-size: 2rem;
  }
  .attachment-list wa-card.remove-attachment:has(:checked) {
    text-decoration-line: line-through;
    background-color: var(--wa-color-danger-fill-quiet);
    border: 1px solid var(--wa-color-danger-border-quiet);
    color: var(--wa-color-danger-on-quiet);
  }
  .attachment-list wa-card.remove-attachment:has(:checked) img, .attachment-list wa-card.remove-attachment:has(:checked) wa-icon {
    filter: opacity(50%);
  }
  .followup-time-field {
    inline-size: 20ch;
  }
  .show-card > wa-card {
    max-inline-size: 80ch;
    min-inline-size: 40ch;
    --spacing: var(--wa-space-s);
  }
  .memo-list {
    max-inline-size: 60ch;
  }
  .deal-updates-show-details {
    max-inline-size: 60ch;
  }
  .deal-update-note {
    --spacing: var(--wa-space-s);
  }
  .datatable .actions {
    align-self: center;
  }
  .initiative-overview [data-initiative-overview-container] > wa-card {
    --spacing: var(--wa-space-s);
  }
  .deal-label wa-avatar {
    --size: var(--wa-font-size-xl);
  }
  wa-avatar.person-avatar {
    --size: var(--wa-font-size-2xl);
  }
  .person-card {
    --spacing: var(--wa-space-s);
  }
  .deadline-grid {
    --min-column-size: 30ch;
  }
  .deadline-grid > wa-card {
    min-inline-size: 30ch;
  }
  .deadline-card {
    --spacing: var(--wa-space-m);
  }
}
@layer app.theme {
  :root {
    --wa-color-deal-update-dropped-fill-quiet: var(--wa-color-gray-95);
    --wa-color-deal-update-dropped-fill-normal: var(--wa-color-gray-90);
    --wa-color-deal-update-dropped-fill-loud: var(--wa-color-gray-40);
    --wa-color-deal-update-dropped-border-quiet: var(--wa-color-gray-90);
    --wa-color-deal-update-dropped-border-normal: var(--wa-color-gray-80);
    --wa-color-deal-update-dropped-border-loud: var(--wa-color-gray-70);
    --wa-color-deal-update-dropped-on-quiet: var(--wa-color-gray-30);
    --wa-color-deal-update-dropped-on-normal: var(--wa-color-gray-20);
    --wa-color-deal-update-dropped-on-loud: white;
  }
  .wa-dark {
    --wa-color-deal-update-dropped-fill-quiet: var(--wa-color-gray-10);
    --wa-color-deal-update-dropped-fill-normal: var(--wa-color-gray-20);
    --wa-color-deal-update-dropped-fill-loud: var(--wa-color-gray-40);
    --wa-color-deal-update-dropped-border-quiet: var(--wa-color-gray-20);
    --wa-color-deal-update-dropped-border-normal: var(--wa-color-gray-30);
    --wa-color-deal-update-dropped-border-loud: var(--wa-color-gray-40);
    --wa-color-deal-update-dropped-on-quiet: var(--wa-color-gray-80);
    --wa-color-deal-update-dropped-on-normal: var(--wa-color-gray-90);
    --wa-color-deal-update-dropped-on-loud: white;
  }
  .wa-deal-update-dropped, [variant=deal-update-dropped] {
    --wa-color-fill-loud: var(--wa-color-deal-update-dropped-fill-loud);
    --wa-color-fill-normal: var(--wa-color-deal-update-dropped-fill-normal);
    --wa-color-fill-quiet: var(--wa-color-deal-update-dropped-fill-quiet);
    --wa-color-border-loud: var(--wa-color-deal-update-dropped-border-loud);
    --wa-color-border-normal: var(--wa-color-deal-update-dropped-border-normal);
    --wa-color-border-quiet: var(--wa-color-deal-update-dropped-border-quiet);
    --wa-color-on-loud: var(--wa-color-deal-update-dropped-on-loud);
    --wa-color-on-normal: var(--wa-color-deal-update-dropped-on-normal);
    --wa-color-on-quiet: var(--wa-color-deal-update-dropped-on-quiet);
  }
  :root {
    --wa-color-deal-update-on-hold-fill-quiet: var(--wa-color-gray-95);
    --wa-color-deal-update-on-hold-fill-normal: var(--wa-color-gray-90);
    --wa-color-deal-update-on-hold-fill-loud: var(--wa-color-gray-40);
    --wa-color-deal-update-on-hold-border-quiet: var(--wa-color-gray-90);
    --wa-color-deal-update-on-hold-border-normal: var(--wa-color-gray-80);
    --wa-color-deal-update-on-hold-border-loud: var(--wa-color-gray-70);
    --wa-color-deal-update-on-hold-on-quiet: var(--wa-color-gray-30);
    --wa-color-deal-update-on-hold-on-normal: var(--wa-color-gray-20);
    --wa-color-deal-update-on-hold-on-loud: white;
  }
  .wa-dark {
    --wa-color-deal-update-on-hold-fill-quiet: var(--wa-color-gray-10);
    --wa-color-deal-update-on-hold-fill-normal: var(--wa-color-gray-20);
    --wa-color-deal-update-on-hold-fill-loud: var(--wa-color-gray-40);
    --wa-color-deal-update-on-hold-border-quiet: var(--wa-color-gray-20);
    --wa-color-deal-update-on-hold-border-normal: var(--wa-color-gray-30);
    --wa-color-deal-update-on-hold-border-loud: var(--wa-color-gray-40);
    --wa-color-deal-update-on-hold-on-quiet: var(--wa-color-gray-80);
    --wa-color-deal-update-on-hold-on-normal: var(--wa-color-gray-90);
    --wa-color-deal-update-on-hold-on-loud: white;
  }
  .wa-deal-update-on-hold, [variant=deal-update-on-hold] {
    --wa-color-fill-loud: var(--wa-color-deal-update-on-hold-fill-loud);
    --wa-color-fill-normal: var(--wa-color-deal-update-on-hold-fill-normal);
    --wa-color-fill-quiet: var(--wa-color-deal-update-on-hold-fill-quiet);
    --wa-color-border-loud: var(--wa-color-deal-update-on-hold-border-loud);
    --wa-color-border-normal: var(--wa-color-deal-update-on-hold-border-normal);
    --wa-color-border-quiet: var(--wa-color-deal-update-on-hold-border-quiet);
    --wa-color-on-loud: var(--wa-color-deal-update-on-hold-on-loud);
    --wa-color-on-normal: var(--wa-color-deal-update-on-hold-on-normal);
    --wa-color-on-quiet: var(--wa-color-deal-update-on-hold-on-quiet);
  }
  :root {
    --wa-color-deal-update-interested-fill-quiet: var(--wa-color-indigo-95);
    --wa-color-deal-update-interested-fill-normal: var(--wa-color-indigo-90);
    --wa-color-deal-update-interested-fill-loud: var(--wa-color-indigo-40);
    --wa-color-deal-update-interested-border-quiet: var(--wa-color-indigo-90);
    --wa-color-deal-update-interested-border-normal: var(--wa-color-indigo-80);
    --wa-color-deal-update-interested-border-loud: var(--wa-color-indigo-70);
    --wa-color-deal-update-interested-on-quiet: var(--wa-color-indigo-30);
    --wa-color-deal-update-interested-on-normal: var(--wa-color-indigo-20);
    --wa-color-deal-update-interested-on-loud: white;
  }
  .wa-dark {
    --wa-color-deal-update-interested-fill-quiet: var(--wa-color-indigo-10);
    --wa-color-deal-update-interested-fill-normal: var(--wa-color-indigo-20);
    --wa-color-deal-update-interested-fill-loud: var(--wa-color-indigo-40);
    --wa-color-deal-update-interested-border-quiet: var(--wa-color-indigo-20);
    --wa-color-deal-update-interested-border-normal: var(--wa-color-indigo-30);
    --wa-color-deal-update-interested-border-loud: var(--wa-color-indigo-40);
    --wa-color-deal-update-interested-on-quiet: var(--wa-color-indigo-80);
    --wa-color-deal-update-interested-on-normal: var(--wa-color-indigo-90);
    --wa-color-deal-update-interested-on-loud: white;
  }
  .wa-deal-update-interested, [variant=deal-update-interested] {
    --wa-color-fill-loud: var(--wa-color-deal-update-interested-fill-loud);
    --wa-color-fill-normal: var(--wa-color-deal-update-interested-fill-normal);
    --wa-color-fill-quiet: var(--wa-color-deal-update-interested-fill-quiet);
    --wa-color-border-loud: var(--wa-color-deal-update-interested-border-loud);
    --wa-color-border-normal: var(--wa-color-deal-update-interested-border-normal);
    --wa-color-border-quiet: var(--wa-color-deal-update-interested-border-quiet);
    --wa-color-on-loud: var(--wa-color-deal-update-interested-on-loud);
    --wa-color-on-normal: var(--wa-color-deal-update-interested-on-normal);
    --wa-color-on-quiet: var(--wa-color-deal-update-interested-on-quiet);
  }
  :root {
    --wa-color-deal-update-planning-fill-quiet: var(--wa-color-blue-95);
    --wa-color-deal-update-planning-fill-normal: var(--wa-color-blue-90);
    --wa-color-deal-update-planning-fill-loud: var(--wa-color-blue-40);
    --wa-color-deal-update-planning-border-quiet: var(--wa-color-blue-90);
    --wa-color-deal-update-planning-border-normal: var(--wa-color-blue-80);
    --wa-color-deal-update-planning-border-loud: var(--wa-color-blue-70);
    --wa-color-deal-update-planning-on-quiet: var(--wa-color-blue-30);
    --wa-color-deal-update-planning-on-normal: var(--wa-color-blue-20);
    --wa-color-deal-update-planning-on-loud: white;
  }
  .wa-dark {
    --wa-color-deal-update-planning-fill-quiet: var(--wa-color-blue-10);
    --wa-color-deal-update-planning-fill-normal: var(--wa-color-blue-20);
    --wa-color-deal-update-planning-fill-loud: var(--wa-color-blue-40);
    --wa-color-deal-update-planning-border-quiet: var(--wa-color-blue-20);
    --wa-color-deal-update-planning-border-normal: var(--wa-color-blue-30);
    --wa-color-deal-update-planning-border-loud: var(--wa-color-blue-40);
    --wa-color-deal-update-planning-on-quiet: var(--wa-color-blue-80);
    --wa-color-deal-update-planning-on-normal: var(--wa-color-blue-90);
    --wa-color-deal-update-planning-on-loud: white;
  }
  .wa-deal-update-planning, [variant=deal-update-planning] {
    --wa-color-fill-loud: var(--wa-color-deal-update-planning-fill-loud);
    --wa-color-fill-normal: var(--wa-color-deal-update-planning-fill-normal);
    --wa-color-fill-quiet: var(--wa-color-deal-update-planning-fill-quiet);
    --wa-color-border-loud: var(--wa-color-deal-update-planning-border-loud);
    --wa-color-border-normal: var(--wa-color-deal-update-planning-border-normal);
    --wa-color-border-quiet: var(--wa-color-deal-update-planning-border-quiet);
    --wa-color-on-loud: var(--wa-color-deal-update-planning-on-loud);
    --wa-color-on-normal: var(--wa-color-deal-update-planning-on-normal);
    --wa-color-on-quiet: var(--wa-color-deal-update-planning-on-quiet);
  }
  :root {
    --wa-color-deal-update-negotiation-fill-quiet: var(--wa-color-yellow-95);
    --wa-color-deal-update-negotiation-fill-normal: var(--wa-color-yellow-90);
    --wa-color-deal-update-negotiation-fill-loud: var(--wa-color-yellow-40);
    --wa-color-deal-update-negotiation-border-quiet: var(--wa-color-yellow-90);
    --wa-color-deal-update-negotiation-border-normal: var(--wa-color-yellow-80);
    --wa-color-deal-update-negotiation-border-loud: var(--wa-color-yellow-70);
    --wa-color-deal-update-negotiation-on-quiet: var(--wa-color-yellow-30);
    --wa-color-deal-update-negotiation-on-normal: var(--wa-color-yellow-20);
    --wa-color-deal-update-negotiation-on-loud: white;
  }
  .wa-dark {
    --wa-color-deal-update-negotiation-fill-quiet: var(--wa-color-yellow-10);
    --wa-color-deal-update-negotiation-fill-normal: var(--wa-color-yellow-20);
    --wa-color-deal-update-negotiation-fill-loud: var(--wa-color-yellow-40);
    --wa-color-deal-update-negotiation-border-quiet: var(--wa-color-yellow-20);
    --wa-color-deal-update-negotiation-border-normal: var(--wa-color-yellow-30);
    --wa-color-deal-update-negotiation-border-loud: var(--wa-color-yellow-40);
    --wa-color-deal-update-negotiation-on-quiet: var(--wa-color-yellow-80);
    --wa-color-deal-update-negotiation-on-normal: var(--wa-color-yellow-90);
    --wa-color-deal-update-negotiation-on-loud: white;
  }
  .wa-deal-update-negotiation, [variant=deal-update-negotiation] {
    --wa-color-fill-loud: var(--wa-color-deal-update-negotiation-fill-loud);
    --wa-color-fill-normal: var(--wa-color-deal-update-negotiation-fill-normal);
    --wa-color-fill-quiet: var(--wa-color-deal-update-negotiation-fill-quiet);
    --wa-color-border-loud: var(--wa-color-deal-update-negotiation-border-loud);
    --wa-color-border-normal: var(--wa-color-deal-update-negotiation-border-normal);
    --wa-color-border-quiet: var(--wa-color-deal-update-negotiation-border-quiet);
    --wa-color-on-loud: var(--wa-color-deal-update-negotiation-on-loud);
    --wa-color-on-normal: var(--wa-color-deal-update-negotiation-on-normal);
    --wa-color-on-quiet: var(--wa-color-deal-update-negotiation-on-quiet);
  }
  :root {
    --wa-color-deal-update-blocked-fill-quiet: var(--wa-color-red-95);
    --wa-color-deal-update-blocked-fill-normal: var(--wa-color-red-90);
    --wa-color-deal-update-blocked-fill-loud: var(--wa-color-red-40);
    --wa-color-deal-update-blocked-border-quiet: var(--wa-color-red-90);
    --wa-color-deal-update-blocked-border-normal: var(--wa-color-red-80);
    --wa-color-deal-update-blocked-border-loud: var(--wa-color-red-70);
    --wa-color-deal-update-blocked-on-quiet: var(--wa-color-red-30);
    --wa-color-deal-update-blocked-on-normal: var(--wa-color-red-20);
    --wa-color-deal-update-blocked-on-loud: white;
  }
  .wa-dark {
    --wa-color-deal-update-blocked-fill-quiet: var(--wa-color-red-10);
    --wa-color-deal-update-blocked-fill-normal: var(--wa-color-red-20);
    --wa-color-deal-update-blocked-fill-loud: var(--wa-color-red-40);
    --wa-color-deal-update-blocked-border-quiet: var(--wa-color-red-20);
    --wa-color-deal-update-blocked-border-normal: var(--wa-color-red-30);
    --wa-color-deal-update-blocked-border-loud: var(--wa-color-red-40);
    --wa-color-deal-update-blocked-on-quiet: var(--wa-color-red-80);
    --wa-color-deal-update-blocked-on-normal: var(--wa-color-red-90);
    --wa-color-deal-update-blocked-on-loud: white;
  }
  .wa-deal-update-blocked, [variant=deal-update-blocked] {
    --wa-color-fill-loud: var(--wa-color-deal-update-blocked-fill-loud);
    --wa-color-fill-normal: var(--wa-color-deal-update-blocked-fill-normal);
    --wa-color-fill-quiet: var(--wa-color-deal-update-blocked-fill-quiet);
    --wa-color-border-loud: var(--wa-color-deal-update-blocked-border-loud);
    --wa-color-border-normal: var(--wa-color-deal-update-blocked-border-normal);
    --wa-color-border-quiet: var(--wa-color-deal-update-blocked-border-quiet);
    --wa-color-on-loud: var(--wa-color-deal-update-blocked-on-loud);
    --wa-color-on-normal: var(--wa-color-deal-update-blocked-on-normal);
    --wa-color-on-quiet: var(--wa-color-deal-update-blocked-on-quiet);
  }
  :root {
    --wa-color-deal-update-completed-fill-quiet: var(--wa-color-green-95);
    --wa-color-deal-update-completed-fill-normal: var(--wa-color-green-90);
    --wa-color-deal-update-completed-fill-loud: var(--wa-color-green-40);
    --wa-color-deal-update-completed-border-quiet: var(--wa-color-green-90);
    --wa-color-deal-update-completed-border-normal: var(--wa-color-green-80);
    --wa-color-deal-update-completed-border-loud: var(--wa-color-green-70);
    --wa-color-deal-update-completed-on-quiet: var(--wa-color-green-30);
    --wa-color-deal-update-completed-on-normal: var(--wa-color-green-20);
    --wa-color-deal-update-completed-on-loud: white;
  }
  .wa-dark {
    --wa-color-deal-update-completed-fill-quiet: var(--wa-color-green-10);
    --wa-color-deal-update-completed-fill-normal: var(--wa-color-green-20);
    --wa-color-deal-update-completed-fill-loud: var(--wa-color-green-40);
    --wa-color-deal-update-completed-border-quiet: var(--wa-color-green-20);
    --wa-color-deal-update-completed-border-normal: var(--wa-color-green-30);
    --wa-color-deal-update-completed-border-loud: var(--wa-color-green-40);
    --wa-color-deal-update-completed-on-quiet: var(--wa-color-green-80);
    --wa-color-deal-update-completed-on-normal: var(--wa-color-green-90);
    --wa-color-deal-update-completed-on-loud: white;
  }
  .wa-deal-update-completed, [variant=deal-update-completed] {
    --wa-color-fill-loud: var(--wa-color-deal-update-completed-fill-loud);
    --wa-color-fill-normal: var(--wa-color-deal-update-completed-fill-normal);
    --wa-color-fill-quiet: var(--wa-color-deal-update-completed-fill-quiet);
    --wa-color-border-loud: var(--wa-color-deal-update-completed-border-loud);
    --wa-color-border-normal: var(--wa-color-deal-update-completed-border-normal);
    --wa-color-border-quiet: var(--wa-color-deal-update-completed-border-quiet);
    --wa-color-on-loud: var(--wa-color-deal-update-completed-on-loud);
    --wa-color-on-normal: var(--wa-color-deal-update-completed-on-normal);
    --wa-color-on-quiet: var(--wa-color-deal-update-completed-on-quiet);
  }
  :root {
    --wa-color-deal-update-underway-fill-quiet: var(--wa-color-green-95);
    --wa-color-deal-update-underway-fill-normal: var(--wa-color-green-90);
    --wa-color-deal-update-underway-fill-loud: var(--wa-color-green-40);
    --wa-color-deal-update-underway-border-quiet: var(--wa-color-green-90);
    --wa-color-deal-update-underway-border-normal: var(--wa-color-green-80);
    --wa-color-deal-update-underway-border-loud: var(--wa-color-green-70);
    --wa-color-deal-update-underway-on-quiet: var(--wa-color-green-30);
    --wa-color-deal-update-underway-on-normal: var(--wa-color-green-20);
    --wa-color-deal-update-underway-on-loud: white;
  }
  .wa-dark {
    --wa-color-deal-update-underway-fill-quiet: var(--wa-color-green-10);
    --wa-color-deal-update-underway-fill-normal: var(--wa-color-green-20);
    --wa-color-deal-update-underway-fill-loud: var(--wa-color-green-40);
    --wa-color-deal-update-underway-border-quiet: var(--wa-color-green-20);
    --wa-color-deal-update-underway-border-normal: var(--wa-color-green-30);
    --wa-color-deal-update-underway-border-loud: var(--wa-color-green-40);
    --wa-color-deal-update-underway-on-quiet: var(--wa-color-green-80);
    --wa-color-deal-update-underway-on-normal: var(--wa-color-green-90);
    --wa-color-deal-update-underway-on-loud: white;
  }
  .wa-deal-update-underway, [variant=deal-update-underway] {
    --wa-color-fill-loud: var(--wa-color-deal-update-underway-fill-loud);
    --wa-color-fill-normal: var(--wa-color-deal-update-underway-fill-normal);
    --wa-color-fill-quiet: var(--wa-color-deal-update-underway-fill-quiet);
    --wa-color-border-loud: var(--wa-color-deal-update-underway-border-loud);
    --wa-color-border-normal: var(--wa-color-deal-update-underway-border-normal);
    --wa-color-border-quiet: var(--wa-color-deal-update-underway-border-quiet);
    --wa-color-on-loud: var(--wa-color-deal-update-underway-on-loud);
    --wa-color-on-normal: var(--wa-color-deal-update-underway-on-normal);
    --wa-color-on-quiet: var(--wa-color-deal-update-underway-on-quiet);
  }
  :root {
    --wa-color-deal-update-delivered-fill-quiet: var(--wa-color-green-95);
    --wa-color-deal-update-delivered-fill-normal: var(--wa-color-green-90);
    --wa-color-deal-update-delivered-fill-loud: var(--wa-color-green-40);
    --wa-color-deal-update-delivered-border-quiet: var(--wa-color-green-90);
    --wa-color-deal-update-delivered-border-normal: var(--wa-color-green-80);
    --wa-color-deal-update-delivered-border-loud: var(--wa-color-green-70);
    --wa-color-deal-update-delivered-on-quiet: var(--wa-color-green-30);
    --wa-color-deal-update-delivered-on-normal: var(--wa-color-green-20);
    --wa-color-deal-update-delivered-on-loud: white;
  }
  .wa-dark {
    --wa-color-deal-update-delivered-fill-quiet: var(--wa-color-green-10);
    --wa-color-deal-update-delivered-fill-normal: var(--wa-color-green-20);
    --wa-color-deal-update-delivered-fill-loud: var(--wa-color-green-40);
    --wa-color-deal-update-delivered-border-quiet: var(--wa-color-green-20);
    --wa-color-deal-update-delivered-border-normal: var(--wa-color-green-30);
    --wa-color-deal-update-delivered-border-loud: var(--wa-color-green-40);
    --wa-color-deal-update-delivered-on-quiet: var(--wa-color-green-80);
    --wa-color-deal-update-delivered-on-normal: var(--wa-color-green-90);
    --wa-color-deal-update-delivered-on-loud: white;
  }
  .wa-deal-update-delivered, [variant=deal-update-delivered] {
    --wa-color-fill-loud: var(--wa-color-deal-update-delivered-fill-loud);
    --wa-color-fill-normal: var(--wa-color-deal-update-delivered-fill-normal);
    --wa-color-fill-quiet: var(--wa-color-deal-update-delivered-fill-quiet);
    --wa-color-border-loud: var(--wa-color-deal-update-delivered-border-loud);
    --wa-color-border-normal: var(--wa-color-deal-update-delivered-border-normal);
    --wa-color-border-quiet: var(--wa-color-deal-update-delivered-border-quiet);
    --wa-color-on-loud: var(--wa-color-deal-update-delivered-on-loud);
    --wa-color-on-normal: var(--wa-color-deal-update-delivered-on-normal);
    --wa-color-on-quiet: var(--wa-color-deal-update-delivered-on-quiet);
  }
  :root {
    --wa-color-deal-update-conversation-fill-quiet: var(--wa-color-gray-95);
    --wa-color-deal-update-conversation-fill-normal: var(--wa-color-gray-90);
    --wa-color-deal-update-conversation-fill-loud: var(--wa-color-gray-40);
    --wa-color-deal-update-conversation-border-quiet: var(--wa-color-gray-90);
    --wa-color-deal-update-conversation-border-normal: var(--wa-color-gray-80);
    --wa-color-deal-update-conversation-border-loud: var(--wa-color-gray-70);
    --wa-color-deal-update-conversation-on-quiet: var(--wa-color-gray-30);
    --wa-color-deal-update-conversation-on-normal: var(--wa-color-gray-20);
    --wa-color-deal-update-conversation-on-loud: white;
  }
  .wa-dark {
    --wa-color-deal-update-conversation-fill-quiet: var(--wa-color-gray-10);
    --wa-color-deal-update-conversation-fill-normal: var(--wa-color-gray-20);
    --wa-color-deal-update-conversation-fill-loud: var(--wa-color-gray-40);
    --wa-color-deal-update-conversation-border-quiet: var(--wa-color-gray-20);
    --wa-color-deal-update-conversation-border-normal: var(--wa-color-gray-30);
    --wa-color-deal-update-conversation-border-loud: var(--wa-color-gray-40);
    --wa-color-deal-update-conversation-on-quiet: var(--wa-color-gray-80);
    --wa-color-deal-update-conversation-on-normal: var(--wa-color-gray-90);
    --wa-color-deal-update-conversation-on-loud: white;
  }
  .wa-deal-update-conversation, [variant=deal-update-conversation] {
    --wa-color-fill-loud: var(--wa-color-deal-update-conversation-fill-loud);
    --wa-color-fill-normal: var(--wa-color-deal-update-conversation-fill-normal);
    --wa-color-fill-quiet: var(--wa-color-deal-update-conversation-fill-quiet);
    --wa-color-border-loud: var(--wa-color-deal-update-conversation-border-loud);
    --wa-color-border-normal: var(--wa-color-deal-update-conversation-border-normal);
    --wa-color-border-quiet: var(--wa-color-deal-update-conversation-border-quiet);
    --wa-color-on-loud: var(--wa-color-deal-update-conversation-on-loud);
    --wa-color-on-normal: var(--wa-color-deal-update-conversation-on-normal);
    --wa-color-on-quiet: var(--wa-color-deal-update-conversation-on-quiet);
  }
  :root {
    --wa-color-deal-update-ping-fill-quiet: var(--wa-color-yellow-95);
    --wa-color-deal-update-ping-fill-normal: var(--wa-color-yellow-90);
    --wa-color-deal-update-ping-fill-loud: var(--wa-color-yellow-40);
    --wa-color-deal-update-ping-border-quiet: var(--wa-color-yellow-90);
    --wa-color-deal-update-ping-border-normal: var(--wa-color-yellow-80);
    --wa-color-deal-update-ping-border-loud: var(--wa-color-yellow-70);
    --wa-color-deal-update-ping-on-quiet: var(--wa-color-yellow-30);
    --wa-color-deal-update-ping-on-normal: var(--wa-color-yellow-20);
    --wa-color-deal-update-ping-on-loud: white;
  }
  .wa-dark {
    --wa-color-deal-update-ping-fill-quiet: var(--wa-color-yellow-10);
    --wa-color-deal-update-ping-fill-normal: var(--wa-color-yellow-20);
    --wa-color-deal-update-ping-fill-loud: var(--wa-color-yellow-40);
    --wa-color-deal-update-ping-border-quiet: var(--wa-color-yellow-20);
    --wa-color-deal-update-ping-border-normal: var(--wa-color-yellow-30);
    --wa-color-deal-update-ping-border-loud: var(--wa-color-yellow-40);
    --wa-color-deal-update-ping-on-quiet: var(--wa-color-yellow-80);
    --wa-color-deal-update-ping-on-normal: var(--wa-color-yellow-90);
    --wa-color-deal-update-ping-on-loud: white;
  }
  .wa-deal-update-ping, [variant=deal-update-ping] {
    --wa-color-fill-loud: var(--wa-color-deal-update-ping-fill-loud);
    --wa-color-fill-normal: var(--wa-color-deal-update-ping-fill-normal);
    --wa-color-fill-quiet: var(--wa-color-deal-update-ping-fill-quiet);
    --wa-color-border-loud: var(--wa-color-deal-update-ping-border-loud);
    --wa-color-border-normal: var(--wa-color-deal-update-ping-border-normal);
    --wa-color-border-quiet: var(--wa-color-deal-update-ping-border-quiet);
    --wa-color-on-loud: var(--wa-color-deal-update-ping-on-loud);
    --wa-color-on-normal: var(--wa-color-deal-update-ping-on-normal);
    --wa-color-on-quiet: var(--wa-color-deal-update-ping-on-quiet);
  }
  :root {
    --wa-color-deal-update-invoice-sent-fill-quiet: var(--wa-color-green-95);
    --wa-color-deal-update-invoice-sent-fill-normal: var(--wa-color-green-90);
    --wa-color-deal-update-invoice-sent-fill-loud: var(--wa-color-green-40);
    --wa-color-deal-update-invoice-sent-border-quiet: var(--wa-color-green-90);
    --wa-color-deal-update-invoice-sent-border-normal: var(--wa-color-green-80);
    --wa-color-deal-update-invoice-sent-border-loud: var(--wa-color-green-70);
    --wa-color-deal-update-invoice-sent-on-quiet: var(--wa-color-green-30);
    --wa-color-deal-update-invoice-sent-on-normal: var(--wa-color-green-20);
    --wa-color-deal-update-invoice-sent-on-loud: white;
  }
  .wa-dark {
    --wa-color-deal-update-invoice-sent-fill-quiet: var(--wa-color-green-10);
    --wa-color-deal-update-invoice-sent-fill-normal: var(--wa-color-green-20);
    --wa-color-deal-update-invoice-sent-fill-loud: var(--wa-color-green-40);
    --wa-color-deal-update-invoice-sent-border-quiet: var(--wa-color-green-20);
    --wa-color-deal-update-invoice-sent-border-normal: var(--wa-color-green-30);
    --wa-color-deal-update-invoice-sent-border-loud: var(--wa-color-green-40);
    --wa-color-deal-update-invoice-sent-on-quiet: var(--wa-color-green-80);
    --wa-color-deal-update-invoice-sent-on-normal: var(--wa-color-green-90);
    --wa-color-deal-update-invoice-sent-on-loud: white;
  }
  .wa-deal-update-invoice-sent, [variant=deal-update-invoice-sent] {
    --wa-color-fill-loud: var(--wa-color-deal-update-invoice-sent-fill-loud);
    --wa-color-fill-normal: var(--wa-color-deal-update-invoice-sent-fill-normal);
    --wa-color-fill-quiet: var(--wa-color-deal-update-invoice-sent-fill-quiet);
    --wa-color-border-loud: var(--wa-color-deal-update-invoice-sent-border-loud);
    --wa-color-border-normal: var(--wa-color-deal-update-invoice-sent-border-normal);
    --wa-color-border-quiet: var(--wa-color-deal-update-invoice-sent-border-quiet);
    --wa-color-on-loud: var(--wa-color-deal-update-invoice-sent-on-loud);
    --wa-color-on-normal: var(--wa-color-deal-update-invoice-sent-on-normal);
    --wa-color-on-quiet: var(--wa-color-deal-update-invoice-sent-on-quiet);
  }
  :root {
    --wa-color-deal-update-deliverable-sent-fill-quiet: var(--wa-color-green-95);
    --wa-color-deal-update-deliverable-sent-fill-normal: var(--wa-color-green-90);
    --wa-color-deal-update-deliverable-sent-fill-loud: var(--wa-color-green-40);
    --wa-color-deal-update-deliverable-sent-border-quiet: var(--wa-color-green-90);
    --wa-color-deal-update-deliverable-sent-border-normal: var(--wa-color-green-80);
    --wa-color-deal-update-deliverable-sent-border-loud: var(--wa-color-green-70);
    --wa-color-deal-update-deliverable-sent-on-quiet: var(--wa-color-green-30);
    --wa-color-deal-update-deliverable-sent-on-normal: var(--wa-color-green-20);
    --wa-color-deal-update-deliverable-sent-on-loud: white;
  }
  .wa-dark {
    --wa-color-deal-update-deliverable-sent-fill-quiet: var(--wa-color-green-10);
    --wa-color-deal-update-deliverable-sent-fill-normal: var(--wa-color-green-20);
    --wa-color-deal-update-deliverable-sent-fill-loud: var(--wa-color-green-40);
    --wa-color-deal-update-deliverable-sent-border-quiet: var(--wa-color-green-20);
    --wa-color-deal-update-deliverable-sent-border-normal: var(--wa-color-green-30);
    --wa-color-deal-update-deliverable-sent-border-loud: var(--wa-color-green-40);
    --wa-color-deal-update-deliverable-sent-on-quiet: var(--wa-color-green-80);
    --wa-color-deal-update-deliverable-sent-on-normal: var(--wa-color-green-90);
    --wa-color-deal-update-deliverable-sent-on-loud: white;
  }
  .wa-deal-update-deliverable-sent, [variant=deal-update-deliverable-sent] {
    --wa-color-fill-loud: var(--wa-color-deal-update-deliverable-sent-fill-loud);
    --wa-color-fill-normal: var(--wa-color-deal-update-deliverable-sent-fill-normal);
    --wa-color-fill-quiet: var(--wa-color-deal-update-deliverable-sent-fill-quiet);
    --wa-color-border-loud: var(--wa-color-deal-update-deliverable-sent-border-loud);
    --wa-color-border-normal: var(--wa-color-deal-update-deliverable-sent-border-normal);
    --wa-color-border-quiet: var(--wa-color-deal-update-deliverable-sent-border-quiet);
    --wa-color-on-loud: var(--wa-color-deal-update-deliverable-sent-on-loud);
    --wa-color-on-normal: var(--wa-color-deal-update-deliverable-sent-on-normal);
    --wa-color-on-quiet: var(--wa-color-deal-update-deliverable-sent-on-quiet);
  }
  [appearance=archived] {
    --wa-panel-border-style: dotted;
    background-color: var(--wa-color-neutral-fill-quiet);
    color: var(--wa-color-text-quiet);
  }
  [appearance=archived] a {
    color: var(--wa-color-text-quiet);
  }
  .archived {
    color: var(--wa-color-text-quiet);
  }
  .archived a {
    color: var(--wa-color-text-quiet);
  }
  .navigation-indicator {
    font-size: var(--wa-font-size-xl);
    --indicator-color: var(--wa-color-brand-70);
    --track-color: var(--wa-color-brand-90);
    opacity: 0;
    display: none;
  }
  @keyframes navigation-indicator-show {
    from {
      opacity: 0;
      display: none;
    }
    to {
      opacity: 1;
      display: block;
    }
  }
  .show-navigation-indicator .navigation-indicator {
    display: block;
    animation: var(--wa-transition-fast) ease-in var(--wa-transition-slow) 1 normal forwards running navigation-indicator-show;
  }
  @media (display-mode: standalone) or (display-mode: minimal-ui) {
    .show-navigation-indicator .navigation-indicator {
      animation-delay: 0s;
    }
  }
  :root:active-view-transition .navigation-indicator {
    display: block;
  }
  .wa-theme-glossy,
  .wa-theme-glossy.wa-light,
  .wa-theme-glossy .wa-light,
  .wa-theme-glossy.wa-dark,
  .wa-theme-glossy .wa-dark,
  .wa-theme-glossy.wa-invert,
  .wa-theme-glossy .wa-invert {
    --wa-space-scale: 0.75;
  }
}

/*# sourceMappingURL=/assets/application-dd2d275e.css.map */