@layer common.drag-anchor{._drag-anchor{--default-transition:opacity .2s,color .2s;box-sizing:border-box;cursor:grab;aspect-ratio:1;width:2rem;padding:var(--drag-anchor-padding,1rem);border-radius:var(--drag-anchor-border-radius,1rem);transition:var(--drag-anchor-transition,var(--default-transition));background:var(--drag-anchor-background,transparent);color:var(--drag-anchor-color,oklch(from var(--text,inherit)l c h/.2));place-content:center;place-items:center;display:grid}._drag-anchor:hover,._drag-anchor:focus-visible{color:var(--drag-anchor-hover-color,var(--drag-anchor-color));background:var(--drag-anchor-hover-background,var(--drag-anchor-background));opacity:var(--drag-anchor-hovered-opacity,1)}._drag-anchor:active,._drag-anchor:not(:disabled):active{background:var(--active-drag-anchor-background,var(--drag-anchor-background,var(--active-button-background)))}.button.drag-anchor.grabbed{cursor:grabbing}}