.page-module__MobjZq__container{box-sizing:border-box;justify-content:center;align-items:center;height:100vh;display:flex}
.SpatialColorPicker-module__fRS3BW__gradientWrapper{justify-content:center;align-items:center;width:140px;height:140px;display:flex;position:relative}.SpatialColorPicker-module__fRS3BW__background{width:100%;height:100%;position:absolute;inset:0}.SpatialColorPicker-module__fRS3BW__gradientBackground{z-index:0;border-radius:50%;width:100%;height:100%;position:absolute;inset:0}.SpatialColorPicker-module__fRS3BW__solidBackground{z-index:1;background-color:#0b1011;border-radius:50%;width:100%;height:100%;position:absolute;inset:0}.SpatialColorPicker-module__fRS3BW__pickerBackground{z-index:2;border-radius:50%;width:calc(100% - 5px);height:calc(100% - 5px);position:relative;overflow:visible}.SpatialColorPicker-module__fRS3BW__colorDot{cursor:pointer;border-radius:50%;width:32px;height:32px;position:absolute;top:50%;left:50%;translate:-50% -50%}.SpatialColorPicker-module__fRS3BW__colorDotRing{mix-blend-mode:overlay;pointer-events:none;border:2px solid #fff;border-radius:50%;position:absolute;inset:0}.SpatialColorPicker-module__fRS3BW__gradientCircle{pointer-events:none;mix-blend-mode:color-burn;border-radius:50%;width:150px;height:150px;position:absolute;top:50%;left:50%;translate:-50% -50%}