@layer components{.recall>div{display:grid;gap:.625rem}.recall-tool{color:var(--color-ink-2);font-size:.75rem;font-weight:600;line-height:1.3}.recall-ask{justify-self:end;display:flex;align-items:flex-start;gap:.5rem;max-width:90%}.recall-bub{padding:.5rem .75rem;border-radius:var(--radius-panel) var(--radius-panel) var(--radius-focus) var(--radius-panel);background:var(--color-brand-tint);font-size:var(--text-ui);line-height:1.4}.recall-av{flex:none;display:grid;place-items:center;width:1.5rem;height:1.5rem;border-radius:50%;background:var(--color-sheet);box-shadow:inset 0 0 0 1px var(--color-line-2);font-size:.6875rem;font-weight:600}.recall-note{overflow:hidden}.recall-bar{display:flex;align-items:center;gap:.5rem;padding:.5rem .875rem;background:var(--color-tint);color:var(--color-ink-2);font-size:var(--text-ui);font-weight:600;line-height:1.3}.recall-mark{flex:none;width:auto;height:.875rem}.recall-body{display:grid;gap:.5rem;padding:.625rem .75rem .75rem}.recall-txt{padding:.5rem .625rem;border-radius:var(--radius-control);background:var(--color-brand-wash);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-brand) 22%,transparent);font-size:var(--text-ui);line-height:1.4;text-wrap:pretty}.recall-kept{display:flex;align-items:center;gap:.375rem;color:var(--color-ink-2);font-size:.75rem;line-height:1.35}.recall-kept .ico{flex:none;width:.75rem;height:.75rem;color:var(--color-brand);stroke-width:2}.recall-ans{padding:.75rem .875rem}.recall-fig{font-size:1.625rem;font-weight:600;letter-spacing:-.02em;line-height:1}.recall-fig small{margin-left:.375rem;color:var(--color-ink-2);font-size:var(--text-ui);font-weight:500;letter-spacing:0}.recall-text{margin-top:.5rem;font-size:var(--text-ui);line-height:1.45;text-wrap:pretty}[data-recall] :is(.recall-ask,.recall-note,.recall-kept,.recall-ans){transition:opacity var(--duration-state) linear,transform var(--duration-state) var(--ease-out)}:where(.motion) [data-recall]:not(.is-ask) .recall-ask,:where(.motion) [data-recall]:not(.is-note) .recall-note,:where(.motion) [data-recall]:not(.is-kept) .recall-kept,:where(.motion) [data-recall]:not(.is-ans) .recall-ans{opacity:0;transform:translateY(6px)}}