.el-tag+.el-tag{margin-left:5px}.page-container[data-v-39c30283]{padding:20px;background:#b84848;min-height:600px}.bracelet-designer[data-v-39c30283]{display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:20px}.beads-list[data-v-39c30283]{width:300px;padding:20px;background:#b84848;border-radius:8px;margin-right:20px}.bead-item[data-v-39c30283]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:10px;background:hsla(0,0%,100%,.05);border-radius:4px;margin-bottom:10px;cursor:pointer;-webkit-transition:all .3s;transition:all .3s}.bead-item[data-v-39c30283]:hover{background:hsla(0,0%,100%,.1)}.bead-item img[data-v-39c30283]{width:40px;height:40px;border-radius:50%;margin-right:10px}.bead-info[data-v-39c30283]{-webkit-box-flex:1;-ms-flex:1;flex:1}.bead-name[data-v-39c30283]{color:#fff;font-size:14px;margin-bottom:4px}.bead-details[data-v-39c30283]{color:hsla(0,0%,100%,.6);font-size:12px}.bracelet-preview[data-v-39c30283]{-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:20px;background:#b84848;border-radius:8px}.bracelet-preview[data-v-39c30283],.canvas-container[data-v-39c30283]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative}.canvas-container[data-v-39c30283]{width:100%;height:400px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.circle-canvas[data-v-39c30283]{background:#b84848}.bead-canvas[data-v-39c30283],.circle-canvas[data-v-39c30283]{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.bead-canvas[data-v-39c30283]{background:transparent}canvas[data-v-39c30283]{background:#b84848}.bracelet-info[data-v-39c30283]{margin-top:20px;color:#fff;text-align:center}.search-box[data-v-39c30283]{margin-bottom:20px}.search-box input[data-v-39c30283]{width:100%;padding:8px 12px;border:none;border-radius:4px;background:hsla(0,0%,100%,.1);color:#fff}.search-box input[data-v-39c30283]::-webkit-input-placeholder{color:hsla(0,0%,100%,.5)}.search-box input[data-v-39c30283]::-moz-placeholder{color:hsla(0,0%,100%,.5)}.search-box input[data-v-39c30283]:-ms-input-placeholder{color:hsla(0,0%,100%,.5)}.search-box input[data-v-39c30283]::-ms-input-placeholder{color:hsla(0,0%,100%,.5)}.search-box input[data-v-39c30283]::placeholder{color:hsla(0,0%,100%,.5)}.operation-buttons[data-v-39c30283]{gap:10px;margin:10px 0}.op-btn[data-v-39c30283],.operation-buttons[data-v-39c30283]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.op-btn[data-v-39c30283]{width:36px;height:36px;border:none;border-radius:6px;background:hsla(0,0%,100%,.15);color:#fff;cursor:pointer;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transition:all .3s;transition:all .3s;font-size:18px}.op-btn[data-v-39c30283]:hover{background:hsla(0,0%,100%,.2)}.op-btn[data-v-39c30283]:active{-webkit-transform:scale(.95);transform:scale(.95)}.bracelet-form[data-v-39c30283]{padding:20px;background:#b84848;border-radius:8px}.form-group[data-v-39c30283]{margin-bottom:15px}.form-group label[data-v-39c30283]{display:block;color:#fff;margin-bottom:5px;font-size:14px}.form-group input[data-v-39c30283],.form-group select[data-v-39c30283],.form-group textarea[data-v-39c30283]{width:100%;padding:8px 12px;border:none;border-radius:4px;background:hsla(0,0%,100%,.1);color:#fff;font-size:14px}.form-group input[data-v-39c30283]::-webkit-input-placeholder,.form-group textarea[data-v-39c30283]::-webkit-input-placeholder{color:hsla(0,0%,100%,.5)}.form-group input[data-v-39c30283]::-moz-placeholder,.form-group textarea[data-v-39c30283]::-moz-placeholder{color:hsla(0,0%,100%,.5)}.form-group input[data-v-39c30283]:-ms-input-placeholder,.form-group textarea[data-v-39c30283]:-ms-input-placeholder{color:hsla(0,0%,100%,.5)}.form-group input[data-v-39c30283]::-ms-input-placeholder,.form-group textarea[data-v-39c30283]::-ms-input-placeholder{color:hsla(0,0%,100%,.5)}.form-group input[data-v-39c30283]::placeholder,.form-group textarea[data-v-39c30283]::placeholder{color:hsla(0,0%,100%,.5)}.form-group textarea[data-v-39c30283]{resize:vertical;min-height:80px}.form-group input[data-v-39c30283]:focus,.form-group textarea[data-v-39c30283]:focus{outline:none;background:hsla(0,0%,100%,.15)}.form-actions[data-v-39c30283]{margin-top:20px;text-align:center}.submit-btn[data-v-39c30283]{padding:10px 30px;font-size:16px;color:#fff;background:#b84848;border:none;border-radius:4px;cursor:pointer;-webkit-transition:all .3s;transition:all .3s}.submit-btn[data-v-39c30283]:hover{background:#c85a5a}.submit-btn[data-v-39c30283]:active{-webkit-transform:scale(.98);transform:scale(.98)}.submit-btn[data-v-39c30283]:disabled{background:#666;cursor:not-allowed;-webkit-transform:none;transform:none}