@layer kz-components {
  .popover {
    position: absolute;
    background-color: var(--color-white);
    border-radius: var(--spacing-8);
    padding: 0;
    box-shadow: var(--shadow-small-box-shadow);
    margin: 0;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;

    @supports (anchor-name: --anchor) {
      position-anchor: var(--position-anchor);
      margin-block: var(--spacing-4);
      position-area: var(--position-area) center;
      /* stylelint-disable-next-line declaration-property-value-no-unknown */
      width: anchor-size(width);
    }
  }

  .offsetSpacing {
    margin-top: var(--spacing-4);
    margin-bottom: var(--spacing-4);
  }
}