[data-grid-surface]{--grid-unit-y:calc(var(--grid-row-height) + var(--grid-gap));width:100%;min-height:max(0px, calc(var(--grid-rows) * var(--grid-unit-y) - var(--grid-gap)));position:relative;container-type:inline-size}[data-grid-item]{--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)));position:absolute;top:0;left:0}[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{-webkit-user-select:none;user-select:none}
.indicator-overlay{opacity:0;transition:opacity .2s ease-out;transform:translateZ(0)}body:not(.shell-resizing) .shell-divider:hover>.indicator-overlay{opacity:1;transition-delay:.15s}body:not(.grid-dragging) [data-grid-item]:has(>[data-resize-handle]:hover)>.indicator-overlay{opacity:1;transition-delay:.15s}[data-grid-item][data-resizing]>.indicator-overlay,.shell-divider[data-resizing]>.indicator-overlay{opacity:1}