/* stylelint-disable selector-class-pattern */

@use "floating-vue/dist/style.css";

.v-popper--theme-tooltip,
.v-popper--theme-dark-tooltip,
.v-popper--theme-dropdown {
  .v-popper__inner {
    margin-inline: var(--pz-space-8);
    max-width: min(var(--tooltip-width), calc(100vw - var(--pz-space-16)));
    color: var(--pz-color-text-primary);
    font-size: var(--pz-font-size-12);
    line-height: 1.5;
    border: 1px solid var(--pz-color-blue-30);
    border-radius: 8px;
  }

  .v-popper__arrow-container {
    display: none;
  }

  @media only screen and (width >= 1024px) {
    .v-popper__inner {
      margin-inline: 0;
    }
  }
}

.v-popper--theme-tooltip {
  .v-popper__inner {
    color: var(--pz-color-text-primary);
    background-color: var(--pz-color-background-primary);
    border-color: var(--pz-color-blue-30);
    box-shadow: 0 3px 24px rgb(103 123 147 / 12%);
  }
}

.v-popper--theme-dark-tooltip,
.dark-tooltip {
  .v-popper__inner {
    color: var(--pz-color-white);
    background-color: rgba(#242638b2, 0.7);
    border-color: transparent;
    box-shadow: 0 3px 24px rgb(36 38 56 / 18%);
  }
}

.v-popper--theme-dropdown {
  .v-popper__inner {
    color: var(--pz-color-text-primary);
    background-color: var(--pz-color-background-primary);
    min-width: 160px;
    padding: var(--pz-space-8);
    border-color: color-mix(in srgb, var(--pz-color-grey-30) 84%, var(--pz-color-white));
    box-shadow: 0 3px 24px rgb(103 123 147 / 12%);
  }
}
