.cropper-container{touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;direction:ltr;font-size:0;line-height:0;position:relative}.cropper-container img{backface-visibility:hidden;image-orientation:0deg;width:100%;height:100%;display:block;min-width:0!important;max-width:none!important;min-height:0!important;max-height:none!important}.cropper-wrap-box,.cropper-canvas,.cropper-drag-box,.cropper-crop-box,.cropper-modal{position:absolute;inset:0}.cropper-wrap-box,.cropper-canvas{overflow:hidden}.cropper-drag-box{opacity:0;background-color:#fff}.cropper-modal{opacity:.5;background-color:#000}.cropper-view-box{outline:calc(.0625rem*var(--mantine-scale))solid #39f;outline-color:#3399ffbf;width:100%;height:100%;display:block;overflow:hidden}.cropper-dashed{opacity:.5;border:0 dashed #eee;display:block;position:absolute}.cropper-dashed.dashed-h{border-bottom-width:calc(.0625rem*var(--mantine-scale));border-top-width:calc(.0625rem*var(--mantine-scale));width:100%;height:33.3333%;top:33.3333%;left:0}.cropper-dashed.dashed-v{border-left-width:calc(.0625rem*var(--mantine-scale));border-right-width:calc(.0625rem*var(--mantine-scale));width:33.3333%;height:100%;top:0;left:33.3333%}.cropper-center{opacity:.75;width:0;height:0;display:block;position:absolute;top:50%;left:50%}.cropper-center:before,.cropper-center:after{content:" ";background-color:#eee;display:block;position:absolute}.cropper-center:before{height:calc(.0625rem*var(--mantine-scale));left:calc(-.1875rem*var(--mantine-scale));width:calc(.4375rem*var(--mantine-scale));top:0}.cropper-center:after{height:calc(.4375rem*var(--mantine-scale));left:0;top:calc(-.1875rem*var(--mantine-scale));width:calc(.0625rem*var(--mantine-scale))}.cropper-face,.cropper-line,.cropper-point{opacity:.1;width:100%;height:100%;display:block;position:absolute}.cropper-face{background-color:#fff;top:0;left:0}.cropper-line{background-color:#39f}.cropper-line.line-e{cursor:ew-resize;right:calc(-.1875rem*var(--mantine-scale));width:calc(.3125rem*var(--mantine-scale));top:0}.cropper-line.line-n{cursor:ns-resize;height:calc(.3125rem*var(--mantine-scale));left:0;top:calc(-.1875rem*var(--mantine-scale))}.cropper-line.line-w{cursor:ew-resize;left:calc(-.1875rem*var(--mantine-scale));width:calc(.3125rem*var(--mantine-scale));top:0}.cropper-line.line-s{bottom:calc(-.1875rem*var(--mantine-scale));cursor:ns-resize;height:calc(.3125rem*var(--mantine-scale));left:0}.cropper-point{height:calc(.3125rem*var(--mantine-scale));opacity:.75;width:calc(.3125rem*var(--mantine-scale));background-color:#39f}.cropper-point.point-e{cursor:ew-resize;margin-top:calc(-.1875rem*var(--mantine-scale));right:calc(-.1875rem*var(--mantine-scale));top:50%}.cropper-point.point-n{cursor:ns-resize;margin-left:calc(-.1875rem*var(--mantine-scale));left:50%;top:calc(-.1875rem*var(--mantine-scale))}.cropper-point.point-w{cursor:ew-resize;left:calc(-.1875rem*var(--mantine-scale));margin-top:calc(-.1875rem*var(--mantine-scale));top:50%}.cropper-point.point-s{bottom:calc(-.1875rem*var(--mantine-scale));cursor:s-resize;margin-left:calc(-.1875rem*var(--mantine-scale));left:50%}.cropper-point.point-ne{cursor:nesw-resize;right:calc(-.1875rem*var(--mantine-scale));top:calc(-.1875rem*var(--mantine-scale))}.cropper-point.point-nw{cursor:nwse-resize;left:calc(-.1875rem*var(--mantine-scale));top:calc(-.1875rem*var(--mantine-scale))}.cropper-point.point-sw{bottom:calc(-.1875rem*var(--mantine-scale));cursor:nesw-resize;left:calc(-.1875rem*var(--mantine-scale))}.cropper-point.point-se{bottom:calc(-.1875rem*var(--mantine-scale));cursor:nwse-resize;height:calc(1.25rem*var(--mantine-scale));opacity:1;right:calc(-.1875rem*var(--mantine-scale));width:calc(1.25rem*var(--mantine-scale))}@media (min-width:768px){.cropper-point.point-se{height:calc(.9375rem*var(--mantine-scale));width:calc(.9375rem*var(--mantine-scale))}}@media (min-width:992px){.cropper-point.point-se{height:calc(.625rem*var(--mantine-scale));width:calc(.625rem*var(--mantine-scale))}}@media (min-width:1200px){.cropper-point.point-se{height:calc(.3125rem*var(--mantine-scale));opacity:.75;width:calc(.3125rem*var(--mantine-scale))}}.cropper-point.point-se:before{content:" ";opacity:0;background-color:#39f;width:200%;height:200%;display:block;position:absolute;bottom:-50%;right:-50%}.cropper-invisible{opacity:0}.cropper-bg{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC)}.cropper-hide{width:0;height:0;display:block;position:absolute}.cropper-hidden{display:none!important}.cropper-move{cursor:move}.cropper-crop{cursor:crosshair}.cropper-disabled .cropper-drag-box,.cropper-disabled .cropper-face,.cropper-disabled .cropper-line,.cropper-disabled .cropper-point{cursor:not-allowed}
.voidCropper.profile-pic .cropper-view-box{border-radius:100%}.voidCropper.game-profile-pic .cropper-view-box{border-radius:none}.voidCropper .cropper-view-box{outline:calc(.0625rem*var(--mantine-scale))solid transparent}.voidCropper .cropper-center{display:none}.voidCropper .cropper-face.cropper-move{background-color:#0000}.voidCropper .cropper-line.line-n{height:calc(.0625rem*var(--mantine-scale));top:calc(-.25rem*var(--mantine-scale));background:repeating-linear-gradient(90deg,#0000,#0000 2px,#fff 2px 4px)}.voidCropper .cropper-line.line-e{width:calc(.0625rem*var(--mantine-scale));right:calc(-.25rem*var(--mantine-scale));background:repeating-linear-gradient(0deg,#0000,#0000 2px,#fff 2px 4px)}.voidCropper .cropper-line.line-w{width:calc(.0625rem*var(--mantine-scale));left:calc(-.25rem*var(--mantine-scale));background:repeating-linear-gradient(0deg,#0000,#0000 2px,#fff 2px 4px)}.voidCropper .cropper-line.line-s{height:calc(.0625rem*var(--mantine-scale));bottom:calc(-.25rem*var(--mantine-scale));background:repeating-linear-gradient(90deg,#0000,#0000 2px,#fff 2px 4px)}.voidCropper .cropper-point{opacity:1}.voidCropper .cropper-point.point-n,.voidCropper .cropper-point.point-e,.voidCropper .cropper-point.point-w,.voidCropper .cropper-point.point-s{display:none}.voidCropper .cropper-point.point-ne,.voidCropper .cropper-point.point-nw,.voidCropper .cropper-point.point-sw,.voidCropper .cropper-point.point-se{width:calc(.75rem*var(--mantine-scale));height:calc(.75rem*var(--mantine-scale));background-color:#0000}.voidCropper .cropper-point.point-ne{right:calc(-.25rem*var(--mantine-scale));top:calc(-.25rem*var(--mantine-scale));border-top:calc(.125rem*var(--mantine-scale))solid #fff;border-right:calc(.125rem*var(--mantine-scale))solid #fff;border-top-right-radius:calc(.25rem*var(--mantine-scale))}.voidCropper .cropper-point.point-nw{left:calc(-.25rem*var(--mantine-scale));top:calc(-.25rem*var(--mantine-scale));border-top:calc(.125rem*var(--mantine-scale))solid #fff;border-left:calc(.125rem*var(--mantine-scale))solid #fff;border-top-left-radius:calc(.25rem*var(--mantine-scale))}.voidCropper .cropper-point.point-sw{bottom:calc(-.25rem*var(--mantine-scale));left:calc(-.25rem*var(--mantine-scale));border-bottom:calc(.125rem*var(--mantine-scale))solid #fff;border-left:calc(.125rem*var(--mantine-scale))solid #fff;border-bottom-left-radius:calc(.25rem*var(--mantine-scale))}.voidCropper .cropper-point.point-se{bottom:calc(-.25rem*var(--mantine-scale));right:calc(-.25rem*var(--mantine-scale));border-bottom:calc(.125rem*var(--mantine-scale))solid #fff;border-right:calc(.125rem*var(--mantine-scale))solid #fff;border-bottom-right-radius:calc(.25rem*var(--mantine-scale));opacity:1}