@layer components{.callout{z-index:5;border-radius:var(--radius-sm);background-color:var(--callout-bg);color:var(--callout-fg);pointer-events:auto;cursor:default;white-space:nowrap;opacity:0;visibility:hidden;transform:rotate(var(--callout-rotation,0deg));transform-origin:50%;will-change:transform, opacity;justify-content:center;align-items:center;padding:.55rem 1rem;line-height:1;display:none;position:absolute}@media (width>=1000px){.callout{display:inline-flex}.callout.is-visible{opacity:1;visibility:visible}}.callout__label{font-family:var(--font-shadows-into-light);text-transform:none;letter-spacing:.5px;-webkit-text-stroke:.05px currentColor;font-feature-settings:normal;font-variant-alternates:normal;font-size:1.1rem;font-style:normal;font-weight:700;line-height:1}.callout-host{position:relative}}