.crosshair-frame{isolation:isolate;grid-template-columns:minmax(0,1fr);display:grid}.crosshair-frame>*{grid-area:1/1;min-width:0}.crosshair-frame__corner{z-index:-1;pointer-events:none;background:linear-gradient(#888,#888) calc(50% + .5px)/1px 100% no-repeat,linear-gradient(#888,#888) 50% calc(50% + .5px)/100% 1px no-repeat;place-self:start;width:24px;height:24px;transform:translate(-50%,-50%)}.crosshair-frame__corner--top-right{justify-self:end;transform:translate(50%,-50%)}.crosshair-frame__corner--bottom-left{align-self:end;transform:translate(-50%,50%)}.crosshair-frame__corner--bottom-right{place-self:end;transform:translate(50%,50%)}