.dl-note-embed-stage{display:block;position:relative;width:100%}.dl-note-embed-reference{position:relative;display:inline;white-space:normal;overflow-wrap:anywhere;max-width:100%;vertical-align:middle}.dl-note-embed-popover{position:absolute;z-index:20;top:calc(100% + 8px);left:50%;transform:translate(-50%);display:flex;align-items:center;gap:5px;width:max-content;white-space:nowrap;padding:0;border:1px solid var(--faint, #0002);border-radius:8px;font:12px system-ui;color:var(--ink, #333);background:var(--bg, white);box-shadow:0 2px 8px -4px #0004;cursor:pointer;opacity:0;pointer-events:none}.dl-note-embed-popover:before{content:"";position:absolute;inset:auto -1px 100%;height:12px}.dl-note-embed-popover:after{content:"";position:absolute;width:8px;height:8px;top:-5px;left:calc(50% - 4px);transform:rotate(45deg);background:inherit;border-left:1px solid var(--faint, #0002);border-top:1px solid var(--faint, #0002)}.dl-note-embed-reference:hover>.dl-note-embed-popover,.dl-note-embed-reference:focus-within>.dl-note-embed-popover{opacity:1;pointer-events:auto}.dl-note-unpin-button{display:inline-flex;align-items:center;padding:4px;border:0;border-radius:4px;color:var(--muted, #666);background:transparent;cursor:pointer}.dl-note-unpin-action{display:none}.dl-note-unpin-button:is(:hover,:focus-visible){color:#dc2626;background:var(--faint, #0001)}.dl-note-unpin-button:is(:hover,:focus-visible) .dl-note-pin-state{display:none}.dl-note-unpin-button:is(:hover,:focus-visible) .dl-note-unpin-action{display:inline-flex}.dl-note-pin-state{display:inline-flex}.dl-note-unpin-button:focus-visible,.dl-note-embed-button:focus-visible{outline:2px solid var(--accent, #5283d6);outline-offset:2px}.dl-note-resize-capsule{position:absolute;z-index:2;padding:0;border:1px solid var(--border, #7777);border-radius:999px;background:var(--bg, white);box-shadow:0 1px 4px #0003;opacity:0;touch-action:none;transition:opacity .1s}.dl-note-resize-capsule:hover,.dl-note-resize-capsule:focus-visible,.dl-note-embed-stage.is-resizing>.dl-note-resize-capsule:active{opacity:1}.dl-note-resize-left,.dl-note-resize-right{width:7px;height:32px;top:50%;transform:translateY(-50%);cursor:ew-resize}.dl-note-resize-left{left:-3px}.dl-note-resize-right{right:-3px}.dl-note-resize-bottom{width:32px;height:7px;bottom:-3px;left:50%;transform:translate(-50%);cursor:ns-resize}.dl-note-resize-capsule:focus-visible{opacity:1;outline:2px solid var(--accent, #5283d6);outline-offset:2px}.dl-note-resize-capsule:before{content:"";position:absolute;inset:-8px}.dl-note-embed-popover:has(.dl-note-embed-button:hover){background:color-mix(in srgb,var(--bg, white) 96%,var(--ink, #333) 4%)}.dl-note-embed-popover:has(.dl-note-embed-button:active){background:color-mix(in srgb,var(--bg, white) 92%,var(--ink, #333) 8%)}.dl-note-embed-button svg{flex-shrink:0;color:var(--muted, #777)}.dl-note-embed-button{display:inline-flex;flex-shrink:0;align-items:center;gap:6px;border:0;border-radius:7px;padding:7px 10px;background:transparent;color:inherit;font:inherit;white-space:nowrap;cursor:pointer}.dl-note-resize-bottom-right{right:-3px;bottom:-3px;width:18px;height:18px;border:0;border-right:3px solid var(--muted, #777);border-bottom:3px solid var(--muted, #777);border-radius:0 0 10px;background:transparent;box-shadow:none;cursor:nwse-resize}