.nb-crosshair {
overflow: hidden;
position: relative;
}
.nb-crosshair__cursor {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
pointer-events: none;
}
.nb-crosshair__line-horizontal,
.nb-crosshair__line-vertical {
position: absolute;
pointer-events: none;
opacity: 0;
}
.nb-crosshair__line-horizontal {
width: 100%;
height: var(--crosshair-dimensions);
transform: translateY(50%);
}
.nb-crosshair__line-vertical {
width: var(--crosshair-dimensions);
height: 100%;
transform: translateX(50%);
}
.nb-crosshair__content{
position: relative;
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
}