.popover {
  will-change: transform;
  background-color: rgb(var(--background--neutral-base-default--light));
  outline: none;
}

.popover--elevation-high {
  box-shadow: var(--shadow--high-soft--light), var(--shadow--high-sharp--light);
}

.popover--elevation-medium {
  box-shadow: var(--shadow--medium-soft--light), var(--shadow--medium-sharp--light);
}

.popover--elevation-low {
  box-shadow: var(--shadow--low-soft--light), var(--shadow--low-sharp--light);
}

.popover--padding-xxs {
  padding: var(--padding--xxs);
}

.popover--padding-xs {
  padding: var(--padding--xs);
}

.popover--padding-sm {
  padding: var(--padding--sm);
}

.popover--padding-md {
  padding: var(--padding--md);
}

.popover--padding-lg {
  padding: var(--padding--lg);
}

.popover--padding-xl {
  padding: var(--padding--xl);
}

.popover--padding-xxl {
  padding: var(--padding--2xl);
}

.popover--padding-3xl {
  padding: var(--padding--3xl);
}

.popover--padding-4xl {
  padding: var(--padding--4xl);
}