.show-circle-guide[data-v-2c56da54] .cropper-view-box:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='50%25' cy='50%25' fill='none' stroke='rgba(255,255,255,0.45)' stroke-width='1.5' stroke-dasharray='6, 5' stroke-linecap='round' filter='drop-shadow(0 0 1px rgba(0,0,0,.3))' r='48.5%25'/%3E%3C/svg%3E");pointer-events:none;z-index:5}[data-v-2c56da54] .vue-cropper{background-color:#f8fafc;background-image:linear-gradient(45deg,#e2e8f0 25%,transparent 0,transparent 75%,#e2e8f0 0,#e2e8f0),linear-gradient(45deg,#e2e8f0 25%,transparent 0,transparent 75%,#e2e8f0 0,#e2e8f0);background-position:0 0,10px 10px;background-size:20px 20px}.img-box[data-v-2c56da54]{border-radius:12px;overflow:hidden}.img-box:hover button.box-delete-btn[data-v-2c56da54]{opacity:1}[data-v-2c56da54] .el-upload{border:1px dashed #cbd5e1!important;background-color:rgba(248,250,252,.5)!important;border-radius:auto!important;-webkit-transition:all .2s;transition:all .2s;overflow:hidden!important}[data-v-2c56da54] .el-upload:hover{border-color:#60a5fa!important;background-color:#f8fafc!important}.is-img-upload[data-v-2c56da54] .el-upload{border:1px solid #e2e8f0!important;background-color:#fff!important}.bg-primary[data-v-2c56da54]{background-color:#06138b!important}.text-primary[data-v-2c56da54]{color:#06138b!important}.border-primary[data-v-2c56da54]{border-color:#06138b!important}.ratio-selector-wrapper[data-v-2c56da54]{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ratio-selector-wrapper .no-scrollbar[data-v-2c56da54]::-webkit-scrollbar{display:none}.ratio-selector-wrapper .no-scrollbar[data-v-2c56da54]{-ms-overflow-style:none;scrollbar-width:none}.ratio-selector-wrapper .ratio-card[data-v-2c56da54]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;cursor:pointer;-webkit-transition:all .2s cubic-bezier(.4,0,.2,1);transition:all .2s cubic-bezier(.4,0,.2,1);-ms-flex-negative:0;flex-shrink:0}.ratio-selector-wrapper .ratio-card .ratio-visual[data-v-2c56da54]{width:50px;height:50px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background-color:#fff;border:1.5px solid #f1f5f9;border-radius:14px;-webkit-transition:all .25s ease;transition:all .25s ease;-webkit-box-shadow:0 1px 2px 0 rgba(0,0,0,.03);box-shadow:0 1px 2px 0 rgba(0,0,0,.03)}.ratio-selector-wrapper .ratio-card .ratio-visual .ratio-shape[data-v-2c56da54]{border:2px solid #94a3b8;border-radius:2px;-webkit-transition:all .25s ease;transition:all .25s ease}.ratio-selector-wrapper .ratio-card .ratio-label[data-v-2c56da54]{font-size:10px;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;-webkit-transition:all .2s;transition:all .2s}.ratio-selector-wrapper .ratio-card:hover .ratio-visual[data-v-2c56da54]{border-color:#e2e8f0;background-color:#f8fafc;-webkit-transform:translateY(-1px);transform:translateY(-1px)}.ratio-selector-wrapper .ratio-card:hover .ratio-label[data-v-2c56da54]{color:#64748b}.ratio-selector-wrapper .ratio-card.is-active .ratio-visual[data-v-2c56da54]{background-color:rgba(0,177,190,.04);border-color:#06138b;-webkit-box-shadow:0 8px 15px -3px rgba(0,177,190,.15);box-shadow:0 8px 15px -3px rgba(0,177,190,.15)}.ratio-selector-wrapper .ratio-card.is-active .ratio-visual .ratio-shape[data-v-2c56da54]{border-color:#06138b;background-color:rgba(0,177,190,.15)}.ratio-selector-wrapper .ratio-card.is-active .ratio-label[data-v-2c56da54]{color:#06138b}