.dialog[data-v-555d8542] .content{padding:36px 24px;max-width:680px}.dialog .loading[data-v-555d8542]{text-align:center;padding:36px 0}.dialog .message[data-v-555d8542]{text-align:center;font-size:20px}.dialog .buttons[data-v-555d8542]{margin-top:24px;display:grid;place-items:center;grid-template-columns:1fr auto auto 1fr;grid-gap:8px;max-width:420px;margin:24px auto 0 auto}.dialog .buttons.single[data-v-555d8542]{grid-template-columns:auto}.dialog[data-v-6dd49055] .content{padding:36px 24px}.dialog .header[data-v-6dd49055]{font-size:20px;margin-bottom:24px}.dialog form[data-v-6dd49055]{display:grid;grid-gap:16px}.dialog form .form[data-v-6dd49055]{display:grid;grid-template-columns:140px 1fr;grid-gap:6px 16px;align-items:center}.dialog form .form input[data-v-6dd49055]{padding:6px 8px;font-size:16px;border:1px solid #b0b0b0;width:100%}.dialog form .input[data-v-6dd49055]{position:relative}.dialog form .input input[data-v-6dd49055]{padding-right:30px}.dialog form .clipboard[data-v-6dd49055]{position:absolute;top:2px;right:2px;width:28px;height:28px;padding:6px;cursor:pointer;border-radius:50%}.dialog form .clipboard[data-v-6dd49055]:hover{background-color:#e0e0e0}.dialog form .clipboardMsg[data-v-6dd49055]{font-size:14px;color:#3b842b;min-height:16px}.dialog .buttons[data-v-6dd49055]{display:grid;grid-template-columns:1fr auto auto 1fr;grid-gap:8px;margin-top:16px}@media screen and (max-width:860px){.dialog[data-v-6dd49055] .content{padding:24px 16px}.dialog form .form[data-v-6dd49055]{grid-template-columns:1fr;grid-gap:8px}.dialog form .form label[data-v-6dd49055]{font-size:15px}.dialog .buttons[data-v-6dd49055]{grid-template-columns:1fr}.dialog .buttons>[data-v-6dd49055]:first-child,.dialog .buttons>[data-v-6dd49055]:last-child{display:none}}.box[data-v-48f01103]{width:120px;height:80px;position:relative;display:grid;margin-right:32px}.box.addChild[data-v-48f01103]{width:0;height:36px}.box.addChild[data-v-48f01103]:after,.box.addChild[data-v-48f01103]:before{display:none}.box>.item[data-v-48f01103]{width:auto;height:62px;margin:auto auto 0 0;display:flex;font-size:14px;z-index:3;position:relative}.box>.item .overlay[data-v-48f01103]{width:100%;height:100%;position:absolute;pointer-events:none;z-index:4;display:grid;place-items:center;color:#fff;font-weight:600;font-size:14px}.box>.item .delete[data-v-48f01103]{width:20px;height:20px;border-radius:50%;position:absolute;right:-26px;top:0;bottom:0;margin:auto;display:grid;place-items:center;color:#fff;font-weight:700;padding:2px;cursor:pointer}.box>.item .delete[data-v-48f01103]:hover{background-color:#ececec}.box>.item .delete svg[data-v-48f01103]{width:100%;fill:#8c8c8c}.box>.item img[data-v-48f01103]{height:100%;max-width:100%;-o-object-fit:contain;object-fit:contain;-o-object-position:center left;object-position:center left;cursor:pointer;z-index:3}.box>.item[active] img[data-v-48f01103]{-webkit-filter:brightness(.6);filter:brightness(.6)}.box .action[data-v-48f01103]{opacity:0;position:absolute;right:-32px;bottom:2px;z-index:1}.box .action[data-v-48f01103]:hover{opacity:1}.box .action>div[data-v-48f01103]{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;margin:4px 0;font-weight:600;cursor:pointer}.box .action .deleteChild[data-v-48f01103]{color:red;border:1px solid red}.box .action .deleteChild[data-v-48f01103]:hover{background-color:red;color:#fff}.child[data-v-48f01103]{border-left:2px solid #b2b5b9;padding-left:24px;margin-left:24px;position:relative}.child[data-v-48f01103]:last-child{border-left:0}.child:last-child>.box[data-v-48f01103]{margin-left:2px}.child:last-child>.box .item[data-v-48f01103]:after{left:22px}.child:last-child>.box[data-v-48f01103]:before{width:26px;left:-26px}.child:last-child>.box[data-v-48f01103]:after{content:"";position:absolute;background-color:#b2b5b9;width:2px;height:60px;left:-26px;bottom:30px;z-index:1}.child .box[data-v-48f01103]:before{content:"";position:absolute;background-color:#b2b5b9;width:25px;height:2px;left:-25px;bottom:30px}.add[data-v-48f01103]{width:24px;height:24px;background-color:#e9ecf0;border-radius:50%;border:1px solid #b2b5b9;display:grid;place-items:center;position:absolute;top:68px;left:-11px;color:#7b7b7b;font-weight:600;cursor:pointer;z-index:1}.add[data-v-48f01103]:after{content:"";position:absolute;height:24px;width:2px;background-color:#b2b5b9;bottom:22px;left:10px}.add.addChild[data-v-48f01103]{top:14px}.add.addChild[data-v-48f01103]:after{height:32px}.preview[data-v-474124bf]{padding-bottom:16px;overflow-x:auto;position:relative;height:100%;min-height:160px}.preview .add[data-v-474124bf]{left:13px;top:106px}.box[data-v-474124bf]{width:120px;height:80px;position:relative;display:grid;margin-right:32px}.box.addChild[data-v-474124bf]{width:0;height:36px}.box.addChild[data-v-474124bf]:after,.box.addChild[data-v-474124bf]:before{display:none}.box>.item[data-v-474124bf]{width:auto;height:62px;margin:auto auto 0 0;display:flex;font-size:14px;z-index:3;position:relative}.box>.item .overlay[data-v-474124bf]{width:100%;height:100%;position:absolute;pointer-events:none;z-index:4;display:grid;place-items:center;color:#fff;font-weight:600;font-size:14px}.box>.item .delete[data-v-474124bf]{width:20px;height:20px;border-radius:50%;position:absolute;right:-26px;top:0;bottom:0;margin:auto;display:grid;place-items:center;color:#fff;font-weight:700;padding:2px;cursor:pointer}.box>.item .delete[data-v-474124bf]:hover{background-color:#ececec}.box>.item .delete svg[data-v-474124bf]{width:100%;fill:#8c8c8c}.box>.item img[data-v-474124bf]{height:100%;max-width:100%;-o-object-fit:contain;object-fit:contain;-o-object-position:center left;object-position:center left;cursor:pointer;z-index:3}.box>.item[active] img[data-v-474124bf]{-webkit-filter:brightness(.6);filter:brightness(.6)}.box .action[data-v-474124bf]{opacity:0;position:absolute;right:-32px;bottom:2px;z-index:1}.box .action[data-v-474124bf]:hover{opacity:1}.box .action>div[data-v-474124bf]{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;margin:4px 0;font-weight:600;cursor:pointer}.box .action .deleteChild[data-v-474124bf]{color:red;border:1px solid red}.box .action .deleteChild[data-v-474124bf]:hover{background-color:red;color:#fff}.child[data-v-474124bf]{border-left:2px solid #b2b5b9;padding-left:24px;margin-left:24px;position:relative}.child[data-v-474124bf]:last-child{border-left:0}.child:last-child>.box[data-v-474124bf]{margin-left:2px}.child:last-child>.box .item[data-v-474124bf]:after{left:22px}.child:last-child>.box[data-v-474124bf]:before{width:26px;left:-26px}.child:last-child>.box[data-v-474124bf]:after{content:"";position:absolute;background-color:#b2b5b9;width:2px;height:60px;left:-26px;bottom:30px;z-index:1}.child .box[data-v-474124bf]:before{content:"";position:absolute;background-color:#b2b5b9;width:25px;height:2px;left:-25px;bottom:30px}.add[data-v-474124bf]{width:24px;height:24px;background-color:#e9ecf0;border-radius:50%;border:1px solid #b2b5b9;display:grid;place-items:center;position:absolute;top:68px;left:-11px;color:#7b7b7b;font-weight:600;cursor:pointer;z-index:1}.add[data-v-474124bf]:after{content:"";position:absolute;height:24px;width:2px;background-color:#b2b5b9;bottom:22px;left:10px}.add.addChild[data-v-474124bf]{top:14px}.add.addChild[data-v-474124bf]:after{height:32px}.page[data-v-755bac6f]{max-width:1300px;margin:auto;padding-bottom:24px}.page .top[data-v-755bac6f]{display:grid;grid-template-columns:1fr auto;grid-gap:12px;align-items:center;padding:24px}.page .top .texts[data-v-755bac6f]{text-align:left}.page .top .texts .title[data-v-755bac6f]{font-size:20px}.page .top .buttons[data-v-755bac6f]{display:grid;grid-gap:8px}.page .content[data-v-755bac6f]{display:grid;grid-template-columns:minmax(auto,220px) 1fr;grid-gap:16px;padding:24px}.page .content .previews .input[data-v-755bac6f]{display:grid;grid-gap:4px;grid-template-columns:1fr;align-items:center;margin-bottom:8px}.page .content .previews .input input[data-v-755bac6f]{padding:6px 8px;font-size:16px;border:1px solid #b0b0b0}.page .content .layouts[data-v-755bac6f]{display:grid;grid-gap:16px;grid-template-rows:auto auto 1fr}.page .content .layouts .layout[data-v-755bac6f]{border:1px solid #e2e2e2;background-color:#fff;padding:16px}.page .content .layouts .layout .title[data-v-755bac6f]{margin-bottom:16px;font-weight:600}.page .content .layouts .layout .items[data-v-755bac6f]{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));grid-gap:16px;text-align:center}.page .content .layouts .layout .items .item[data-v-755bac6f]{padding:8px;cursor:pointer;display:flex;flex-direction:column}.page .content .layouts .layout .items .item[data-v-755bac6f]:hover{background-color:#f5f5f5}.page .content .layouts .layout .items .item[active][data-v-755bac6f]{background-color:#e6e6e6}.page .content .layouts .layout .items .item img[data-v-755bac6f]{width:100%;flex:1}.page .content .layouts .layout .items .item .label[data-v-755bac6f]{margin-top:8px}.page .content .buttons[data-v-755bac6f]{margin-top:24px;display:grid;grid-template-columns:auto 1fr auto}@media screen and (max-width:860px){.page .content[data-v-755bac6f],.page .top[data-v-755bac6f]{grid-template-columns:1fr;padding:16px}.page .content .previews[data-v-755bac6f]{width:100%;overflow:hidden}}@media screen and (max-width:640px){.page .content .layouts .layout .items[data-v-755bac6f]{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:480px){.page .content .layouts .layout .items[data-v-755bac6f]{grid-template-columns:1fr}}