.point{--width:6px;--boxWidth:6px;width:var(--boxWidth);height:var(--boxWidth);z-index:1;background-color:#fff;position:absolute}.left-top-point .point:first-child{width:calc(var(--boxWidth) + 1px);height:calc(var(--boxWidth) + 1px);top:-1px;left:-1px}.left-top-point .point:nth-child(2){width:calc(var(--boxWidth) + 1px);height:calc(var(--boxWidth) + 1px);top:-1px;left:calc(var(--boxWidth) - 1px)}.left-top-point .point:nth-child(3){width:calc(var(--boxWidth) + 1px);height:calc(var(--boxWidth) + 1px);top:calc(var(--boxWidth) - 1px);left:-1px}.left-bottom-point .point:first-child{width:calc(var(--boxWidth) + 1px);height:calc(var(--boxWidth) + 1px);bottom:-1px;left:-1px}.left-bottom-point .point:nth-child(2){width:calc(var(--boxWidth) + 1px);height:calc(var(--boxWidth) + 1px);bottom:calc(var(--boxWidth) - 1px);left:-1px}.left-bottom-point .point:nth-child(3){width:calc(var(--boxWidth) + 1px);height:calc(var(--boxWidth) + 1px);bottom:-1px;left:calc(var(--boxWidth) - 1px)}.right-top-point .point:first-child{width:calc(var(--boxWidth) + 1px);height:calc(var(--boxWidth) + 1px);top:-1px;right:-1px}.right-top-point .point:nth-child(2){width:calc(var(--boxWidth) + 1px);height:calc(var(--boxWidth) + 1px);top:-1px;right:calc(var(--boxWidth) - 1px)}.right-top-point .point:nth-child(3){width:calc(var(--boxWidth) + 1px);height:calc(var(--boxWidth) + 1px);top:calc(var(--boxWidth) - 1px);right:-1px}.right-bottom-point .point:first-child{width:calc(var(--boxWidth) + 1px);height:calc(var(--boxWidth) + 1px);bottom:-1px;right:-1px}.right-bottom-point .point:nth-child(2){width:calc(var(--boxWidth) + 1px);height:calc(var(--boxWidth) + 1px);bottom:calc(var(--boxWidth) - 1px);right:-1px}.right-bottom-point .point:nth-child(3){width:calc(var(--boxWidth) + 1px);height:calc(var(--boxWidth) + 1px);bottom:-1px;right:calc(var(--boxWidth) - 1px)}