.submit-black-outline{color:#f2125d;background:#fff;border-width:1px;border-color:#f2125d;border-radius:16px;width:100%;height:48px;font-size:24px;font-weight:500}.submit-black-outline:disabled{color:#ffb8cf;background:#e6e6e6;border-color:#ffb8cf}.button-pink-md{color:#fff;border-radius:16px;width:64px;height:48px}.button-pink{color:#fff}.button-pink.md{border-radius:16px;width:64px;height:48px}.frameContainer{width:100%;position:relative;overflow:hidden}.frameContainer.stickerFrame{margin:auto;position:absolute;top:0;bottom:0;left:0;right:0}.frameItem{transform-origin:50%;-webkit-user-select:none;user-select:none;position:absolute}.frameContentLayer{width:100%;height:100%;overflow:hidden}.frameItemImage{object-fit:cover;pointer-events:none;width:100%;height:100%;display:block}.frameItemText{pointer-events:none;justify-content:center;align-items:center;width:100%;height:100%;font-weight:500;display:flex}.frameItemTextInner{white-space:pre;padding:4px;font-size:16px;line-height:22px}.frameController{opacity:0;pointer-events:none;outline:2px solid #fff;width:100%;height:100%;position:absolute;top:0;left:0}.frameController.visible{opacity:1}.frameControl{z-index:10;pointer-events:auto;cursor:pointer;background-color:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;padding:3px;transition:transform .1s;display:flex;position:absolute;transform:translate(-50%,-50%)}.frameControl>img{width:16px;height:16px}.frameControl:hover{transform:translate(-50%,-50%)scale(1.1)}.frameControl:active{transform:translate(-50%,-50%)scale(.95)}.frameControl.close{cursor:pointer;top:0;left:0}.frameControl.rotate{color:#888;cursor:grab;font-size:14px;font-weight:700;top:0;left:auto;right:0;transform:translate(50%,-50%)}.frameControl.rotate:hover{transform:translate(50%,-50%)scale(1.1)}.frameControl.rotate:active{cursor:grabbing;transform:translate(50%,-50%)scale(.95)}.frameControl.resize{cursor:nwse-resize;top:auto;bottom:0;left:auto;right:0;transform:translate(50%,50%)}.frameControl.resize:hover{transform:translate(50%,50%)scale(1.1)}.frameControl.resize:active{transform:translate(50%,50%)scale(.95)}.frameControl svg{stroke:#888;stroke-width:2px;stroke-linecap:round;fill:none;width:14px;height:14px}.guidelineV,.guidelineH{pointer-events:none;position:absolute}.guidelineV{border-left:1px dashed #ff3c7b;top:0;bottom:0}.guidelineH{border-top:1px dashed #ff3c7b;left:0;right:0}