.editable{outline:1px dashed var(--color-accent);outline-offset:.25rem;position:relative}.editable:is(li){padding-right:2.75rem}.editable--fill{outline-offset:-.25rem;position:absolute;inset:0}.editable--inline{flex-wrap:wrap;align-items:center;gap:.25rem 1.5rem;padding-right:2.5rem;display:inline-flex}.editable--corner>.editable__pencil{width:1.5rem;height:1.5rem;font-size:.75rem;top:-.75rem;right:-.75rem}li.editable>.editable__pencil,.editable--inline>.editable__pencil{width:2rem;height:2rem;font-size:.875rem;top:50%;transform:translateY(-50%)}.editable__pencil{z-index:2;border:1px dashed var(--color-accent);background:var(--color-surface);width:2.75rem;height:2.75rem;color:var(--color-primary);cursor:pointer;justify-content:center;align-items:center;font-size:1.125rem;display:inline-flex;position:absolute;top:.25rem;right:.25rem}.editable__pencil:hover{background:var(--color-hover)}.editable__add{border:1px dashed var(--color-accent);background:var(--color-surface);color:var(--color-primary);letter-spacing:.16em;text-transform:uppercase;cursor:pointer;align-self:flex-start;align-items:center;gap:.375rem;margin-top:.75rem;padding:.625rem 1rem;font-size:.71875rem;font-weight:700;display:inline-flex}.editable__add:hover{background:var(--color-hover)}
.editable-text{outline:1px dashed var(--color-accent);outline-offset:.125em;cursor:text}.editable-text:hover{background:color-mix(in srgb, var(--color-accent) 12%, transparent)}.editable-text__field{outline:2px solid var(--color-accent);background:var(--color-surface);width:100%;min-width:8ch;color:inherit;font:inherit;letter-spacing:inherit;text-transform:inherit;line-height:inherit;resize:vertical;border:none;padding:0}.editable-text__field--multiline{min-height:6em;display:block}