@use '../utils/font_variables';
@use '../utils/size_variables';

/**
 * Copyright (c) HashiCorp, Inc.
 * SPDX-License-Identifier: BUSL-1.1
 */

.regex-label-wrapper {
  display: flex;
  align-items: flex-end;
}
.regex-label {
  flex: 1 0 auto;
}
.regex-toggle {
  flex: 0 1 auto;
}
.regex-group {
  font-family: font_variables.$family-monospace;
  font-size: size_variables.$size-8;
  color: var(--token-color-palette-neutral-500);
}
.regex-group-position {
  background-color: var(--token-color-palette-neutral-200);
  border-radius: 3px;
  padding-top: 5px;
  padding-bottom: 4px;
  margin-right: 4px;
  span {
    margin-left: 6px;
  }
}
.regex-group-value {
  margin-right: size_variables.$spacing-16;
}