.edit-spot{outline-offset:-2px;outline:2px dashed #0000}.edit-spot-chip{white-space:nowrap;border:1px solid var(--button-raised-border);background:var(--button-raised-surface);color:var(--foreground);box-shadow:inset 0 1px 0 var(--cushion-highlight), 0 2px 0 var(--button-raised-edge);opacity:0;pointer-events:none;align-items:center;gap:.25rem;display:inline-flex;position:absolute}.edit-spot-chip[data-at=top-end]{top:.5rem;inset-inline-end:.5rem}.edit-spot-chip[data-at=bottom]{bottom:-.25rem;width:max-content;margin-inline:auto;inset-inline:0}.edit-spot-chip[data-at=end]{top:50%;inset-inline-end:0;translate:0 -50%}.edit-spot-chip[data-at=after]{top:50%;inset-inline-start:calc(100% + .5rem);translate:0 -50%}.edit-spot-chip[data-at=inline]{margin-inline-start:auto;position:static}@media (any-hover:hover) and (any-pointer:fine){.edit-spot:hover{outline-color:color-mix(in oklch, var(--primary) 70%, transparent);background:color-mix(in oklch, var(--primary) 6%, transparent)}:is(.edit-spot:hover .edit-spot-chip,[data-slot=edit-spot]:has(.edit-spot:hover) .edit-spot-chip[data-at=inline]){opacity:1}.edit-spot:hover .edit-spot-chip[data-at=after]{pointer-events:auto}}.edit-spot:focus-visible{outline:3px solid var(--ring)}:is(.edit-spot:focus-visible .edit-spot-chip,[data-slot=edit-spot]:has(.edit-spot:focus-visible) .edit-spot-chip[data-at=inline]){opacity:1}.edit-spot:focus-visible .edit-spot-chip[data-at=after]{pointer-events:auto}@media (hover:none){.edit-spot-chip{opacity:1}.edit-spot-chip[data-at=after]{min-height:var(--hit-min);pointer-events:auto}}.inline-line{-webkit-text-decoration:underline dashed color-mix(in oklch, var(--foreground) 30%, transparent);text-decoration:underline dashed color-mix(in oklch, var(--foreground) 30%, transparent);text-underline-offset:.25em}@media (any-hover:hover) and (any-pointer:fine){.inline-line:hover{-webkit-text-decoration-color:var(--primary);text-decoration-color:var(--primary)}}
.status-bubble{--bubble-surface:var(--button-raised-surface);--bubble-edge:var(--button-raised-edge);border:1px solid var(--button-raised-border);background:linear-gradient(to bottom, var(--bubble-surface), color-mix(in oklch, var(--bubble-surface) 94%, var(--foreground)));box-shadow:inset 0 1px 0 var(--cushion-highlight), inset 0 -2px 0 color-mix(in oklch, var(--bubble-edge) 55%, transparent), 0 3px 0 var(--bubble-edge), 0 8px 16px var(--cushion-drop-panel);position:relative}.status-bubble:before,.status-bubble:after{content:"";border:1px solid var(--button-raised-border);background:var(--bubble-surface);box-shadow:inset 0 1px 0 var(--cushion-highlight), 0 2px 0 var(--bubble-edge);pointer-events:none;border-radius:50%;position:absolute}.status-bubble:before{inset-inline-start:-.5rem;width:.75rem;height:.75rem;bottom:-.125rem}.status-bubble:after{inset-inline-start:-1rem;width:.4375rem;height:.4375rem;bottom:-.5rem}.status-bubble[data-empty]{border-style:dashed;border-color:color-mix(in oklch, var(--foreground) 22%, transparent);background:color-mix(in oklch, var(--foreground) 3%, transparent);box-shadow:none}.status-bubble[data-empty]:before,.status-bubble[data-empty]:after{border-style:dashed;border-color:color-mix(in oklch, var(--foreground) 22%, transparent);box-shadow:none;background:0 0}@media (any-hover:hover) and (any-pointer:fine){button.status-bubble:hover:not(:disabled){--bubble-surface:var(--button-raised-surface-hover)}}.status-bubble:focus-visible{outline:3px solid color-mix(in oklch, var(--ring) 50%, transparent);outline-offset:2px}.status-bubble[data-writing]:focus-within{border-color:var(--ring)}