@import '../../../../scss/styles';

@layer payload-default {
  .query-preset-where-field {
    .field-label {
      margin-bottom: calc(var(--base) / 2);
    }

    .value-wrapper {
      background-color: var(--theme-elevation-50);
      padding: var(--base);
    }
  }

  .query-preset-where-field {
    .pill {
      &--style-always-white {
        background: var(--theme-elevation-250);
        color: var(--theme-elevation-1000);
      }
    }
  }
}
