.grid-container{width:1000px;height:1000px}.grid-container>div{transition:all .1s ease-out}.grid-container .box{width:1000px;height:1000px;display:grid;position:relative;user-select:none;border:1px solid #ccc;background-color:#fff;grid-template-rows:repeat(100,10px);grid-template-columns:repeat(100,10px)}.grid-container .box a{user-select:none;pointer-events:all}.grid-container .box2{width:1000px;height:1000px;display:grid;position:absolute;user-select:none;pointer-events:none;border:1px solid #ccc;grid-template-rows:repeat(100,10px);grid-template-columns:repeat(100,10px)}.grid-container .box2 a{pointer-events:all}.grid-container .cell{width:10px;height:10px;box-sizing:border-box;border:.5px solid #eee}.grid-container .selection{position:absolute;border:2px dashed #007bff;background-color:rgba(0,123,255,.3);pointer-events:none;z-index:10}.grid-container .info{position:absolute;top:10px;left:10px;color:#000;border:1px solid #ccc;padding:4px 6px;font-size:12px;background:#fff}