/*
 * THE ⓘ EXPLAINER. Trigger and panel are other components', so this sets only the panel's reading
 * width, as `--lotics-popover-width`: a plain `width` ties with `.lotics-popover__popup` and loses
 * on emit order. 280px is a size this component owns (§5 rule 2), the reading column inside the
 * panel's inset.
 */
@layer theme, base, lotics, components, utilities;
@layer lotics.tokens, lotics.reset, lotics.components;

@layer lotics.components {
  .lotics-info-popover__popup {
    --lotics-popover-width: calc(280px + 2 * var(--lotics-popover-inset));
  }
}