[data-grid-surface]{position:relative;width:100%;container-type:inline-size;--grid-unit-y:calc(var(--grid-row-height) + var(--grid-gap));min-height:max(0px,calc(var(--grid-rows) * var(--grid-unit-y) - var(--grid-gap)))}[data-grid-item]{position:absolute;top:0;left:0;--grid-unit-x:calc((100cqw + var(--grid-gap)) / var(--grid-cols));width:calc(var(--grid-item-w) * var(--grid-unit-x) - var(--grid-gap));height:calc(var(--grid-item-h) * var(--grid-unit-y) - var(--grid-gap));transform:translate(calc(var(--grid-item-x) * var(--grid-unit-x)),calc(var(--grid-item-y) * var(--grid-unit-y)))}[data-grid-item][data-detached]{transform:none}body.grid-dragging [data-grid-item]{transition:transform .16s cubic-bezier(.2,.8,.2,1),width .16s cubic-bezier(.2,.8,.2,1),height .16s cubic-bezier(.2,.8,.2,1),box-shadow .16s cubic-bezier(.2,.8,.2,1)}[data-reflowing] [data-grid-item]{transition:transform .2s cubic-bezier(.2,.8,.2,1),width .2s cubic-bezier(.2,.8,.2,1),height .2s cubic-bezier(.2,.8,.2,1),box-shadow .16s cubic-bezier(.2,.8,.2,1)}body.grid-dragging{user-select:none}.indicator-overlay{opacity:0;transition:opacity .2s ease-out;transform:translateZ(0)}body:not(.grid-dragging) [data-grid-item]:has(>[data-resize-handle]:hover)>.indicator-overlay,body:not(.shell-resizing) .shell-divider:hover>.indicator-overlay{opacity:1;transition-delay:.15s}.shell-divider[data-resizing]>.indicator-overlay,[data-grid-item][data-resizing]>.indicator-overlay{opacity:1}