.callout{anchor-scope:--callout;display:inline-block}.callout__btn{anchor-name:--callout;align-items:center;gap:var(--s-2);min-height:var(--target);padding:0 var(--s-4);border-radius:var(--r-pill);background:var(--sunk);color:var(--ink);box-shadow:var(--e-3);font:500 var(--t-sm) var(--face);cursor:pointer;transition:box-shadow var(--d-2) var(--ease-standard), color var(--d-2) var(--ease-standard);border:0;display:inline-flex}@media (hover:hover){.callout__btn:hover{color:var(--signal)}}.callout__btn:active{box-shadow:var(--e-6)}.callout__btn:has(+:popover-open){color:var(--signal);box-shadow:var(--e-6)}.callout__btn:has(+:popover-open) .mi__g{transform:rotate(180deg)}.callout__pop{box-sizing:border-box;width:max-content;max-width:min(var(--measure-lede), calc(100vw - 2 * var(--s-4)));max-height:70vh;padding:var(--s-4) var(--s-5);border-radius:var(--r-2);background:var(--paper);color:var(--ink);box-shadow:var(--e-4);font-size:var(--t-sm);line-height:var(--lh-snug);overscroll-behavior:contain;transition:opacity var(--d-3) var(--ease-enter), transform var(--d-3) var(--ease-enter), overlay var(--d-3) allow-discrete, display var(--d-3) allow-discrete;border:0;margin:auto;overflow:auto}@supports selector(:popover-open){.callout__pop{opacity:0;transform:translateY(var(--s-1))}.callout__pop:popover-open{opacity:1;transform:none}@starting-style{.callout__pop:popover-open{opacity:0;transform:translateY(var(--s-1))}}}@supports not selector(:popover-open){.callout{display:block}.callout__btn{display:none}.callout__pop{max-height:none;margin:var(--s-2) 0}}.callout__title{margin:0 0 var(--s-2);font-size:var(--t-sm);font-weight:600}.callout__pop>:first-child{margin-top:0}.callout__pop>:last-child{margin-bottom:0}.callout__pop p{max-width:none}@supports (position-area:bottom){@media (min-width:48rem){.callout__pop{position-anchor:--callout;position-area:bottom span-right;position-try-fallbacks:flip-block, flip-inline;margin:var(--s-2) 0;inset:auto}}}@supports selector(:popover-open){@media (max-width:47.999rem){.callout__pop{width:auto;max-width:none;max-height:50svh;padding-bottom:calc(var(--s-5) + env(safe-area-inset-bottom));border-radius:var(--r-3) var(--r-3) 0 0;transform:translateY(var(--s-4));margin:0;inset:auto 0 0}@starting-style{.callout__pop:popover-open{transform:translateY(var(--s-4))}}.callout__pop::backdrop{background:color-mix(in srgb, var(--ink) 14%, transparent)}}}@media (prefers-reduced-motion:reduce){.callout__pop{transform:none}}