:host {
  --sizing-max-width-default: 352px;
  display: inline-block;
}
:host [popover] {
  background-color: var(--pine-color-white);
  border: 1px solid var(--pine-color-gray-200);
  border-radius: var(--pine-border-radius-125);
  box-shadow: var(--pine-box-shadow-200);
  margin: 0;
  max-width: var(--sizing-max-width-default);
  padding: var(--pine-spacing-300);
  position: fixed;
}
:host button {
  --border-radius-default: var(--pine-border-radius-round);
  --border-width-default: var(--pine-border-width-thin);
  --border-width-unstyled: var(--pine-border-radius-0);
  --color-background-secondary-hover: var(--pine-color-grey-050);
  --color-border-secondary-default: var(--pine-color-grey-400);
  --color-border-secondary-disabled: var(--pine-color-grey-300);
  --color-border-secondary-focus: var(--pine-color-grey-300);
  --color-border-secondary-hover: var(--pine-color-grey-500);
  --color-text-secondary-default: var(--pine-color-grey-800);
  --color-text-secondary-disabled: var(--pine-color-grey-400);
  --color-outline-secondary: var(--pine-color-purple-300);
  --color-border-disabled: var(--color-border-secondary-disabled);
  --color-border-focus: var(--color-border-secondary-focus);
  --color-border-hover: var(--color-border-secondary-hover);
  --color-border-default: var(--color-border-secondary-default);
  --color-text-default: var(--color-text-secondary-default);
  --color-text-disabled: var(--color-text-secondary-disabled);
  --color-outline: var(--color-outline-secondary);
  --spacing-padding-block: var(--pine-spacing-100);
  --spacing-padding-inline: var(--pine-spacing-200);
  align-items: center;
  background-color: var(--color-background-default);
  border: var(--border-width-default) solid var(--color-border-default);
  border-radius: var(--pine-border-radius-circle);
  color: var(--color-text-default);
  display: flex;
  font-family: var(--pine-font-family-greet);
  font-size: var(--pine-font-size-100);
  font-weight: var(--pine-font-weight-body-medium);
  line-height: var(--pine-line-height-150);
  min-height: 40px;
  padding: var(--spacing-padding-block) var(--spacing-padding-inline);
}
:host button:hover {
  background-color: var(--color-background-secondary-hover);
}