.svg-icon.svg-icon-primary g [fill] {
    transition: fill 0.3s ease;
    fill: var(--q-color-primary) !important;
  }
  .svg-icon.svg-icon-secondary g [fill] {
    transition: fill 0.3s ease;
    fill: var(--q-color-secondary) !important;
  }
  .svg-icon.svg-icon-grey g [fill] {
    transition: fill 0.3s ease;
    fill: #ccc !important;
  }
  .svg-icon.svg-icon-warning g [fill] {
    transition: fill 0.3s ease;
    fill: var(--q-color-warning) !important;
  }
  .svg-icon.svg-icon-negative g [fill] {
    transition: fill 0.3s ease;
    fill: var(--q-color-negative) !important;
  }
  .svg-icon.svg-icon-accent g [fill] {
    transition: fill 0.3s ease;
    fill: var(--q-color-accent) !important;
  }
  .svg-icon.svg-icon-dark g [fill] {
    transition: fill 0.3s ease;
    fill: var(--q-color-dark) !important;
  }
  .svg-icon.svg-icon-orange g [fill] {
    transition: fill 0.3s ease;
    fill: rgb(255, 152, 0) !important;
  }
  .svg-icon.svg-icon-positive g [fill] {
    transition: fill 0.3s ease;
    fill: "#C9F7F5" !important;
  }
  .svg-icon.svg-icon-white g [fill] {
    transition: fill 0.3s ease;
    fill: white !important;
  }
  .svg-icon.svg-icon-g-p g [fill] {
    transition: fill 0.3s ease;
    fill: grey !important;
  }
  .svg-icon.svg-icon-g-p {
    cursor: pointer;
  }
  .svg-icon.svg-icon-g-p:hover g [fill] {
    transition: fill 0.3s ease;
    fill: var(--q-color-primary) !important;
  }
  .svg-icon.svg-icon-b-p g [fill] {
    transition: fill 0.3s ease;
    fill: #000 !important;
  }
  .svg-icon.svg-icon-b-p {
    cursor: pointer;
  }
  .svg-icon.svg-icon-b-p:hover g [fill] {
    transition: fill 0.3s ease;
    fill: var(--q-color-primary) !important;
  }
  .hover-primary:hover .svg-icon g [fill] {
    transition: fill 0.3s ease;
    fill: white !important;
  }
  .hover-primary:hover .q-avatar {
    background-color: var(--q-color-primary) !important;
  }
  .hover-primary:hover {
    color: var(--q-color-primary) !important;
  }
  .hover-d-p {
    cursor: pointer;
    color: var(--q-color-dark) !important;
  }
  .hover-d-p .svg-icon g [fill] {
    transition: fill 0.3s ease;
    fill: var(--q-color-dark) !important;
  }
  .hover-d-p:hover {
    color: var(--q-color-primary) !important;
  }
  .hover-d-p:hover .svg-icon g [fill] {
    transition: fill 0.3s ease;
    fill: var(--q-color-primary) !important;
  }
  .hover-g-p {
    cursor: pointer;
    color: #ccc !important;
  }
  .hover-g-p .svg-icon g [fill] {
    transition: fill 0.3s ease;
    fill: #ccc !important;
  }
  .hover-g-p:hover {
    color: var(--q-color-primary) !important;
  }
  .hover-g-p:hover .svg-icon g [fill] {
    transition: fill 0.3s ease;
    fill: var(--q-color-primary) !important;
  }