.magic-tray-handle{z-index:var(--magic-tray-handle-z-index,1);pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none;cursor:var(--magic-tray-handle-cursor,grab);justify-content:center;align-items:center;display:flex;position:absolute}.magic-tray-handle[data-side=bottom],.magic-tray-handle[data-side=top]{margin-left:auto;margin-right:auto}.magic-tray-handle[data-side=left],.magic-tray-handle[data-side=right]{margin-top:auto;margin-bottom:auto}.magic-tray-handle[data-side=top]{width:var(--magic-tray-handle-width-top,var(--magic-tray-handle-width-x,100%));height:var(--magic-tray-handle-height-top,var(--magic-tray-handle-height-x,4rem));transform:translate(var(--magic-tray-handle-offset-x-top,0),calc(var(--magic-tray-handle-offset-y-top,-50%) + var(--magic-tray-handle-magnetic,0px)))}.magic-tray-handle[data-side=bottom]{width:var(--magic-tray-handle-width-bottom,var(--magic-tray-handle-width-x,100%));height:var(--magic-tray-handle-height-bottom,var(--magic-tray-handle-height-x,4rem));transform:translate(var(--magic-tray-handle-offset-x-bottom,0),calc(var(--magic-tray-handle-offset-y-bottom,50%) - var(--magic-tray-handle-magnetic,0px)))}.magic-tray-handle[data-side=left]{width:var(--magic-tray-handle-width-left,var(--magic-tray-handle-width-y,4rem));height:var(--magic-tray-handle-height-left,var(--magic-tray-handle-height-y,100%));transform:translate(calc(var(--magic-tray-handle-offset-x-left,-50%) + var(--magic-tray-handle-magnetic,0px)),var(--magic-tray-handle-offset-y-left,0))}.magic-tray-handle[data-side=right]{width:var(--magic-tray-handle-width-right,var(--magic-tray-handle-width-y,4rem));height:var(--magic-tray-handle-height-right,var(--magic-tray-handle-height-y,100%));transform:translate(calc(var(--magic-tray-handle-offset-x-right,50%) - var(--magic-tray-handle-magnetic,0px)),var(--magic-tray-handle-offset-y-right,0))}