@mixin quickview-dark {
  .quickview {
    & .appbar {
      background-color: $md-dark-surface;
      @include interaction-dark-surface;
      & .primary {
        background-color: $md-dark-surface;
        & .fullcont-close {
          @include interaction-dark-surface;
          &::before {
            filter: invert(1);
          }
        }
      }
    }

    & .font-card-title {
      color: #fff !important;
    }

    background-color: $md-dark-background;
    & .card {
      background-color: $md-dark-surface !important;
      & .row {
        & .c100 {
          background-color: transparent !important;
          & .textfield {
            & .elem {
              background-color: $md-dark-surface;
              caret-color: $md-dark-text-primary;
              color: $md-dark-text-primary !important;
            }
            & .label {
              color: $md-dark-text-primary !important;
            }
            & .indicador {
              background-color: $md-dark-text-primary;
            }
            & .trailing {
              & svg {
                fill: $md-dark-text-primary;
              }
            }
          }
        }
      }
    }
    & .fab-s {
      & .black {
        background-color: $md-dark-primary;
        @include interaction-dark-primary;
      }
    }
  }
}