.crosshair_box{width:100%}.crosshair_box:after{content:"";display:block;width:100%}.crosshair_box .crosshair_boxsize{align-items:center;display:flex;height:-moz-max-content;height:max-content;justify-content:center;padding:5% 0;width:100%}.crosshair_box .crosshair{display:flex;opacity:.5;position:relative;transition:opacity .3s;width:55%}.crosshair_box .crosshair:after{content:"";display:flex;padding-top:100%;width:100%}.crosshair_box .crosshair .circle{border:2px solid #fff;border-radius:50%;height:34%;left:50%;opacity:.4;position:absolute;top:50%;transform:translate(-50%,-50%);width:34%}.crosshair_box .crosshair .circle div{background-color:#fff;height:2px;position:absolute;width:50%}.crosshair_box .crosshair .circle div:first-child{left:50%;top:0;transform:translateY(-50%) translate(-50%) rotate(90deg)}.crosshair_box .crosshair .circle div:nth-child(2){left:50%;top:100%;transform:translateY(-50%) translate(-50%) rotate(90deg)}.crosshair_box .crosshair .circle div:nth-child(3){left:100%;top:50%;transform:translateY(-50%) translate(-50%)}.crosshair_box .crosshair .circle div:nth-child(4){left:0;top:50%;transform:translateY(-50%) translate(-50%)}.crosshair_box .crosshair .border{height:100%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%) rotate(45deg);width:100%}.crosshair_box .crosshair .border>div{border-bottom:2px solid transparent;border-right:2px solid transparent;position:absolute}.crosshair_box .crosshair .border>div .x{bottom:-1.5px;display:flex;height:1.5px;left:-1.5px;position:absolute;width:1.5px}.crosshair_box .crosshair .border>div .y{display:flex;height:1.5px;position:absolute;right:-1.5px;top:-1.5px;width:1.5px}.crosshair_box .crosshair .border>div:first-child{left:0;top:0}.crosshair_box .crosshair .border>div:nth-child(2){right:0;top:0;transform:rotate(90deg)}.crosshair_box .crosshair .border>div:nth-child(3){bottom:0;left:0;transform:rotate(-90deg)}.crosshair_box .crosshair .border>div:nth-child(4){bottom:0;right:0;transform:rotate(-180deg)}.crosshair_box .crosshair .border.__1{opacity:.4}.crosshair_box .crosshair .border.__1>div{border-radius:75% 0 0;height:45%;width:45%}.crosshair_box .crosshair .border.__2{height:75%;opacity:.8;width:75%}.crosshair_box .crosshair .border.__2>div{border-radius:75% 0 0;height:41.5%;width:41.5%}