.sm-md .content[data-v-7d34e88a]{display:grid;align-items:center;justify-content:center;width:188.4px;height:96px}.sm-md .content .record-btn[data-v-7d34e88a]{width:159.6px;max-width:159.6px;min-width:159.6px;height:26.4px;max-height:26.4px;min-height:26.4px;font-size:10.8px;border-width:.96px!important;border-radius:18px;border:solid #d9d9d9;display:flex;align-items:center}.sm-md .content .record-btn[data-v-7d34e88a]:not(.disabled):hover{background-color:#b2b2b2}.sm-md .content .record-btn[data-v-7d34e88a]:not(.disabled):active{background-color:#4a6ee4}.sm-md .content .record-btn .btn-icon[data-v-7d34e88a]{width:19.2px;max-width:19.2px;min-width:19.2px;height:19.2px;max-height:19.2px;min-height:19.2px;background-size:cover;margin-left:14.4px;margin-right:12px}.sm-md .content .live-btn[data-v-7d34e88a]{width:159.6px;max-width:159.6px;min-width:159.6px;height:26.4px;max-height:26.4px;min-height:26.4px;font-size:10.8px;border-width:.96px!important;border-radius:18px;border:solid #d9d9d9;display:flex;align-items:center}.sm-md .content .live-btn[data-v-7d34e88a]:not(.disabled):hover{background-color:#b2b2b2}.sm-md .content .live-btn[data-v-7d34e88a]:not(.disabled):active{background-color:#4a6ee4}.sm-md .content .live-btn .btn-icon[data-v-7d34e88a]{width:19.2px;max-width:19.2px;min-width:19.2px;height:19.2px;max-height:19.2px;min-height:19.2px;background-size:cover;margin-left:14.4px;margin-right:12px}.lg .content[data-v-7d34e88a]{display:grid;align-items:center;justify-content:center;width:235.5px;height:120px}.lg .content .record-btn[data-v-7d34e88a]{width:199.5px;max-width:199.5px;min-width:199.5px;height:33px;max-height:33px;min-height:33px;font-size:13.5px;border-width:1.2px!important;border-radius:22.5px;border:solid #d9d9d9;display:flex;align-items:center}.lg .content .record-btn[data-v-7d34e88a]:not(.disabled):hover{background-color:#b2b2b2}.lg .content .record-btn[data-v-7d34e88a]:not(.disabled):active{background-color:#4a6ee4}.lg .content .record-btn .btn-icon[data-v-7d34e88a]{width:24px;max-width:24px;min-width:24px;height:24px;max-height:24px;min-height:24px;background-size:cover;margin-left:18px;margin-right:15px}.lg .content .live-btn[data-v-7d34e88a]{width:199.5px;max-width:199.5px;min-width:199.5px;height:33px;max-height:33px;min-height:33px;font-size:13.5px;border-width:1.2px!important;border-radius:22.5px;border:solid #d9d9d9;display:flex;align-items:center}.lg .content .live-btn[data-v-7d34e88a]:not(.disabled):hover{background-color:#b2b2b2}.lg .content .live-btn[data-v-7d34e88a]:not(.disabled):active{background-color:#4a6ee4}.lg .content .live-btn .btn-icon[data-v-7d34e88a]{width:24px;max-width:24px;min-width:24px;height:24px;max-height:24px;min-height:24px;background-size:cover;margin-left:18px;margin-right:15px}.xl .content[data-v-7d34e88a]{display:grid;align-items:center;justify-content:center;width:314px;height:160px}.xl .content .record-btn[data-v-7d34e88a]{width:266px;max-width:266px;min-width:266px;height:44px;max-height:44px;min-height:44px;font-size:18px;border-width:1.6px!important;border-radius:30px;border:solid #d9d9d9;display:flex;align-items:center}.xl .content .record-btn[data-v-7d34e88a]:not(.disabled):hover{background-color:#b2b2b2}.xl .content .record-btn[data-v-7d34e88a]:not(.disabled):active{background-color:#4a6ee4}.xl .content .record-btn .btn-icon[data-v-7d34e88a]{width:32px;max-width:32px;min-width:32px;height:32px;max-height:32px;min-height:32px;background-size:cover;margin-left:24px;margin-right:20px}.xl .content .live-btn[data-v-7d34e88a]{width:266px;max-width:266px;min-width:266px;height:44px;max-height:44px;min-height:44px;font-size:18px;border-width:1.6px!important;border-radius:30px;border:solid #d9d9d9;display:flex;align-items:center}.xl .content .live-btn[data-v-7d34e88a]:not(.disabled):hover{background-color:#b2b2b2}.xl .content .live-btn[data-v-7d34e88a]:not(.disabled):active{background-color:#4a6ee4}.xl .content .live-btn .btn-icon[data-v-7d34e88a]{width:32px;max-width:32px;min-width:32px;height:32px;max-height:32px;min-height:32px;background-size:cover;margin-left:24px;margin-right:20px}.live .icon[data-v-7d34e88a],.live:not(.disabled):hover .icon[data-v-7d34e88a]{background-image:url(../img/icon_live_disable.725d159e.svg)}.live:not(.disabled):active .icon[data-v-7d34e88a]{background-image:url(../img/icon_live_select.55c731e8.svg)}.live.selected[data-v-7d34e88a]{background-color:#4a6ee4;color:#fff}.live.selected .icon[data-v-7d34e88a]{background-image:url(../img/icon_live_select.55c731e8.svg)}.record .icon[data-v-7d34e88a],.record:not(.disabled):hover .icon[data-v-7d34e88a]{background-image:url(../img/icon_record_normal.6864d772.svg)}.record:not(.disabled):active .icon[data-v-7d34e88a]{background-image:url(../img/icon_record_select.819700c8.svg)}.record.selected[data-v-7d34e88a]{background-color:#4a6ee4;color:#fff}.record.selected .icon[data-v-7d34e88a]{background-image:url(../img/icon_record_select.819700c8.svg)}.sm-md .content[data-v-acc2e7c2]{display:grid;align-items:center;justify-content:center;width:288px;height:250.8px}.sm-md .content .title[data-v-acc2e7c2]{display:flex;align-items:center;justify-content:center;color:#595959}.sm-md .content .subtitle[data-v-acc2e7c2]{font-size:10.8px;height:10.8px;color:#595959}.sm-md .content .input-align[data-v-acc2e7c2]{display:flex;align-items:center;justify-content:center}.sm-md .content .input-align[data-v-acc2e7c2] .key-input{width:230.4px;max-width:230.4px;min-width:230.4px;height:26.4px;max-height:26.4px;min-height:26.4px;margin-right:9.6px}.sm-md .content .input-align[data-v-acc2e7c2] .key-input .v-input__append-inner{margin-top:6.6px}.sm-md .content .input-align[data-v-acc2e7c2] .key-input .v-input__slot{min-height:26.4px}.sm-md .content .input-align[data-v-acc2e7c2] .key-input .v-text-field__slot{font-size:10.8px}.sm-md .content .input-align[data-v-acc2e7c2] .key-input .v-icon.v-icon{font-size:19.2px}.sm-md .content .input-align[data-v-acc2e7c2] .key-input .visibility-icon{background:url(../img/icon_visibility.4a0c9a36.svg) 50%/cover no-repeat;width:19.2px;max-width:19.2px;min-width:19.2px;height:19.2px;max-height:19.2px;min-height:19.2px}.sm-md .content .input-align[data-v-acc2e7c2] .key-input .invisibility-icon{background:url(../img/icon_visibility_off.0df2db81.svg) 50%/cover no-repeat;width:19.2px;max-width:19.2px;min-width:19.2px;height:19.2px;max-height:19.2px;min-height:19.2px}.sm-md .content .input-align .paste-btn[data-v-acc2e7c2]{display:flex;align-items:center;justify-content:center;width:24px;max-width:24px;min-width:24px;height:24px;max-height:24px;min-height:24px;border-radius:19.2px}.sm-md .content .input-align .paste-btn[data-v-acc2e7c2]:not(.disabled):hover{background-color:#b2b2b2}.sm-md .content .input-align .paste-btn[data-v-acc2e7c2]:not(.disabled):active{background-color:#4a6ee4}.sm-md .content .input-align .paste-btn .btn-icon[data-v-acc2e7c2]{width:19.2px;max-width:19.2px;min-width:19.2px;height:19.2px;max-height:19.2px;min-height:19.2px;background-size:cover}.sm-md .content .input-align[data-v-acc2e7c2] .website-input{width:230.4px;max-width:230.4px;min-width:230.4px;height:26.4px;max-height:26.4px;min-height:26.4px;margin-right:9.6px}.sm-md .content .input-align[data-v-acc2e7c2] .website-input .v-input__slot{min-height:26.4px}.sm-md .content .input-align[data-v-acc2e7c2] .website-input .v-text-field__slot{font-size:10.8px}.sm-md .content .input-align[data-v-acc2e7c2] .key-input.v-input--is-focused .v-input__slot,.sm-md .content .input-align[data-v-acc2e7c2] .website-input.v-input--is-focused .v-input__slot{color:#979797}.sm-md .content .input-align[data-v-acc2e7c2] .input-disable input{color:#cdcdcd}.sm-md .content .radio-control[data-v-acc2e7c2]{margin:0;padding:0;height:32.4px}.sm-md .content[data-v-acc2e7c2] .radio-control i{font-size:14.4px}.sm-md .content[data-v-acc2e7c2] .radio-control label{font-size:12px}.sm-md .content .radio-class[data-v-acc2e7c2]{height:12px}.sm-md .content .action[data-v-acc2e7c2]{display:flex;align-items:center;justify-content:center}.sm-md .content .action .golive-btn[data-v-acc2e7c2]{width:124.8px;max-width:124.8px;min-width:124.8px;height:26.4px;max-height:26.4px;min-height:26.4px;border-radius:19.2px;background-color:#4a6ee4;color:#fff;font-size:10.8px;text-transform:none;letter-spacing:normal;font-weight:400}.sm-md .content .action .golive-btn[data-v-acc2e7c2]:not(.disabled):hover{background-color:#d9d9d9}.sm-md .dialog-btn[data-v-acc2e7c2]{width:102px;max-width:102px;min-width:102px}.lg .content[data-v-acc2e7c2]{display:grid;align-items:center;justify-content:center;width:360px;height:313.5px}.lg .content .title[data-v-acc2e7c2]{display:flex;align-items:center;justify-content:center;color:#595959}.lg .content .subtitle[data-v-acc2e7c2]{font-size:13.5px;height:13.5px;color:#595959}.lg .content .input-align[data-v-acc2e7c2]{display:flex;align-items:center;justify-content:center}.lg .content .input-align[data-v-acc2e7c2] .key-input{width:288px;max-width:288px;min-width:288px;height:33px;max-height:33px;min-height:33px;margin-right:12px}.lg .content .input-align[data-v-acc2e7c2] .key-input .v-input__append-inner{margin-top:8.25px}.lg .content .input-align[data-v-acc2e7c2] .key-input .v-input__slot{min-height:33px}.lg .content .input-align[data-v-acc2e7c2] .key-input .v-text-field__slot{font-size:13.5px}.lg .content .input-align[data-v-acc2e7c2] .key-input .v-icon.v-icon{font-size:24px}.lg .content .input-align[data-v-acc2e7c2] .key-input .visibility-icon{background:url(../img/icon_visibility.4a0c9a36.svg) 50%/cover no-repeat;width:24px;max-width:24px;min-width:24px;height:24px;max-height:24px;min-height:24px}.lg .content .input-align[data-v-acc2e7c2] .key-input .invisibility-icon{background:url(../img/icon_visibility_off.0df2db81.svg) 50%/cover no-repeat;width:24px;max-width:24px;min-width:24px;height:24px;max-height:24px;min-height:24px}.lg .content .input-align .paste-btn[data-v-acc2e7c2]{display:flex;align-items:center;justify-content:center;width:30px;max-width:30px;min-width:30px;height:30px;max-height:30px;min-height:30px;border-radius:24px}.lg .content .input-align .paste-btn[data-v-acc2e7c2]:not(.disabled):hover{background-color:#b2b2b2}.lg .content .input-align .paste-btn[data-v-acc2e7c2]:not(.disabled):active{background-color:#4a6ee4}.lg .content .input-align .paste-btn .btn-icon[data-v-acc2e7c2]{width:24px;max-width:24px;min-width:24px;height:24px;max-height:24px;min-height:24px;background-size:cover}.lg .content .input-align[data-v-acc2e7c2] .website-input{width:288px;max-width:288px;min-width:288px;height:33px;max-height:33px;min-height:33px;margin-right:12px}.lg .content .input-align[data-v-acc2e7c2] .website-input .v-input__slot{min-height:33px}.lg .content .input-align[data-v-acc2e7c2] .website-input .v-text-field__slot{font-size:13.5px}.lg .content .input-align[data-v-acc2e7c2] .key-input.v-input--is-focused .v-input__slot,.lg .content .input-align[data-v-acc2e7c2] .website-input.v-input--is-focused .v-input__slot{color:#979797}.lg .content .input-align[data-v-acc2e7c2] .input-disable input{color:#cdcdcd}.lg .content .radio-control[data-v-acc2e7c2]{margin:0;padding:0;height:40.5px}.lg .content[data-v-acc2e7c2] .radio-control i{font-size:18px}.lg .content[data-v-acc2e7c2] .radio-control label{font-size:15px}.lg .content .radio-class[data-v-acc2e7c2]{height:15px}.lg .content .action[data-v-acc2e7c2]{display:flex;align-items:center;justify-content:center}.lg .content .action .golive-btn[data-v-acc2e7c2]{width:156px;max-width:156px;min-width:156px;height:33px;max-height:33px;min-height:33px;border-radius:24px;background-color:#4a6ee4;color:#fff;font-size:13.5px;text-transform:none;letter-spacing:normal;font-weight:400}.lg .content .action .golive-btn[data-v-acc2e7c2]:not(.disabled):hover{background-color:#d9d9d9}.lg .dialog-btn[data-v-acc2e7c2]{width:127.5px;max-width:127.5px;min-width:127.5px}.xl .content[data-v-acc2e7c2]{display:grid;align-items:center;justify-content:center;width:480px;height:418px}.xl .content .title[data-v-acc2e7c2]{display:flex;align-items:center;justify-content:center;color:#595959}.xl .content .subtitle[data-v-acc2e7c2]{font-size:18px;height:18px;color:#595959}.xl .content .input-align[data-v-acc2e7c2]{display:flex;align-items:center;justify-content:center}.xl .content .input-align[data-v-acc2e7c2] .key-input{width:384px;max-width:384px;min-width:384px;height:44px;max-height:44px;min-height:44px;margin-right:16px}.xl .content .input-align[data-v-acc2e7c2] .key-input .v-input__append-inner{margin-top:11px}.xl .content .input-align[data-v-acc2e7c2] .key-input .v-input__slot{min-height:44px}.xl .content .input-align[data-v-acc2e7c2] .key-input .v-text-field__slot{font-size:18px}.xl .content .input-align[data-v-acc2e7c2] .key-input .v-icon.v-icon{font-size:32px}.xl .content .input-align[data-v-acc2e7c2] .key-input .visibility-icon{background:url(../img/icon_visibility.4a0c9a36.svg) 50%/cover no-repeat;width:32px;max-width:32px;min-width:32px;height:32px;max-height:32px;min-height:32px}.xl .content .input-align[data-v-acc2e7c2] .key-input .invisibility-icon{background:url(../img/icon_visibility_off.0df2db81.svg) 50%/cover no-repeat;width:32px;max-width:32px;min-width:32px;height:32px;max-height:32px;min-height:32px}.xl .content .input-align .paste-btn[data-v-acc2e7c2]{display:flex;align-items:center;justify-content:center;width:40px;max-width:40px;min-width:40px;height:40px;max-height:40px;min-height:40px;border-radius:32px}.xl .content .input-align .paste-btn[data-v-acc2e7c2]:not(.disabled):hover{background-color:#b2b2b2}.xl .content .input-align .paste-btn[data-v-acc2e7c2]:not(.disabled):active{background-color:#4a6ee4}.xl .content .input-align .paste-btn .btn-icon[data-v-acc2e7c2]{width:32px;max-width:32px;min-width:32px;height:32px;max-height:32px;min-height:32px;background-size:cover}.xl .content .input-align[data-v-acc2e7c2] .website-input{width:384px;max-width:384px;min-width:384px;height:44px;max-height:44px;min-height:44px;margin-right:16px}.xl .content .input-align[data-v-acc2e7c2] .website-input .v-input__slot{min-height:44px}.xl .content .input-align[data-v-acc2e7c2] .website-input .v-text-field__slot{font-size:18px}.xl .content .input-align[data-v-acc2e7c2] .key-input.v-input--is-focused .v-input__slot,.xl .content .input-align[data-v-acc2e7c2] .website-input.v-input--is-focused .v-input__slot{color:#979797}.xl .content .input-align[data-v-acc2e7c2] .input-disable input{color:#cdcdcd}.xl .content .radio-control[data-v-acc2e7c2]{margin:0;padding:0;height:54px}.xl .content[data-v-acc2e7c2] .radio-control i{font-size:24px}.xl .content[data-v-acc2e7c2] .radio-control label{font-size:20px}.xl .content .radio-class[data-v-acc2e7c2]{height:20px}.xl .content .action[data-v-acc2e7c2]{display:flex;align-items:center;justify-content:center}.xl .content .action .golive-btn[data-v-acc2e7c2]{width:208px;max-width:208px;min-width:208px;height:44px;max-height:44px;min-height:44px;border-radius:32px;background-color:#4a6ee4;color:#fff;font-size:18px;text-transform:none;letter-spacing:normal;font-weight:400}.xl .content .action .golive-btn[data-v-acc2e7c2]:not(.disabled):hover{background-color:#d9d9d9}.xl .dialog-btn[data-v-acc2e7c2]{width:170px;max-width:170px;min-width:170px}.paste .icon[data-v-acc2e7c2],.paste:not(.disabled):hover .icon[data-v-acc2e7c2]{background-image:url(../img/icon_paste_normal.169e8436.svg)}.paste:not(.disabled):active .icon[data-v-acc2e7c2]{background-image:url(../img/icon_paste_select.81271605.svg)}.paste.selected[data-v-acc2e7c2]{background-color:#4a6ee4;color:#fff}.paste.selected .icon[data-v-acc2e7c2]{background-image:url(../img/icon_paste_select.81271605.svg)}.paste-disable .icon[data-v-acc2e7c2],.paste-disable:not(.disabled):active .icon[data-v-acc2e7c2],.paste-disable:not(.disabled):hover .icon[data-v-acc2e7c2]{background-image:url(../img/icon_paste_disable.1b15eb80.svg)}.paste-disable.selected[data-v-acc2e7c2]{background-color:#4a6ee4;color:#fff}.paste-disable.selected .icon[data-v-acc2e7c2]{background-image:url(../img/icon_paste_disable.1b15eb80.svg)}.sm-md .content[data-v-31b79ee2]{padding:7.2px}.sm-md .row[data-v-31b79ee2]{grid-gap:0 4.8px;display:grid;align-items:baseline;justify-items:center;grid-template-columns:repeat(5,1fr)!important;margin:0}.sm-md .dialog-btn[data-v-31b79ee2]{width:100.2px;max-width:100.2px;min-width:100.2px}.sm-md .disabled[data-v-31b79ee2]{cursor:default}.sm-md .disabled[data-v-31b79ee2]:not(.disabled):active{background-color:#fff!important}.lg .content[data-v-31b79ee2]{padding:9px}.lg .row[data-v-31b79ee2]{grid-gap:0 6px;display:grid;align-items:baseline;justify-items:center;grid-template-columns:repeat(5,1fr)!important;margin:0}.lg .dialog-btn[data-v-31b79ee2]{width:125.25px;max-width:125.25px;min-width:125.25px}.lg .disabled[data-v-31b79ee2]{cursor:default}.lg .disabled[data-v-31b79ee2]:not(.disabled):active{background-color:#fff!important}.xl .content[data-v-31b79ee2]{padding:12px}.xl .row[data-v-31b79ee2]{grid-gap:0 8px;display:grid;align-items:baseline;justify-items:center;grid-template-columns:repeat(5,1fr)!important;margin:0}.xl .dialog-btn[data-v-31b79ee2]{width:167px;max-width:167px;min-width:167px}.xl .disabled[data-v-31b79ee2]{cursor:default}.xl .disabled[data-v-31b79ee2]:not(.disabled):active{background-color:#fff!important}.sm-md .pen-type[data-v-6a4579c1]{display:grid;align-items:center;justify-content:center;grid-gap:4.8px}.sm-md .pen-type>div[data-v-6a4579c1]{width:62.4px;max-width:62.4px;min-width:62.4px;height:36px;max-height:36px;min-height:36px;display:flex;align-items:center;justify-content:center;justify-content:flex-end}.sm-md .pen-type>div .line[data-v-6a4579c1],.sm-md .pen-type>div .pen[data-v-6a4579c1]{background-size:contain;width:28.8px;max-width:28.8px;min-width:28.8px;height:28.8px;max-height:28.8px;min-height:28.8px}.sm-md .pen-type>div .pen[data-v-6a4579c1]{transform:rotate(270deg)}.sm-md .pen-color[data-v-6a4579c1],.sm-md .pen-size[data-v-6a4579c1]{display:flex;align-items:center;flex-direction:column}.sm-md .pen-color[data-v-6a4579c1]{justify-content:center;width:165.6px;max-width:165.6px;min-width:165.6px;height:157.8px;max-height:157.8px;min-height:157.8px}.sm-md .panels>div[data-v-6a4579c1],.sm-md .panels[data-v-6a4579c1]{height:36px;max-height:36px;min-height:36px}.sm-md .panels>div[data-v-6a4579c1]{width:36px;max-width:36px;min-width:36px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;margin-right:12px}.sm-md .panels .selected .highlight[data-v-6a4579c1]{width:100%;height:6.67%;background:#4a6ee4;border-radius:4px}.sm-md .panels .icon[data-v-6a4579c1]{background-size:contain;width:24px;max-width:24px;min-width:24px;height:24px;max-height:24px;min-height:24px}.sm-md .custom-colors[data-v-6a4579c1],.sm-md .preview-colors[data-v-6a4579c1]{padding-top:14.4px;grid-gap:7.2px;height:121.8px;max-height:121.8px;min-height:121.8px}.sm-md .content[data-v-6a4579c1]{padding:14.4px 14.4px 9px 14.4px}.sm-md .custom-content[data-v-6a4579c1]{padding:9.6px 14.4px 0 14.4px}.sm-md .add-color[data-v-6a4579c1]{width:15.6px;max-width:15.6px;min-width:15.6px;height:15.6px;max-height:15.6px;min-height:15.6px}.sm-md .add-color.selected>svg[data-v-6a4579c1]{display:none}.sm-md .add-color>svg[data-v-6a4579c1]{position:absolute;width:inherit;height:inherit}.sm-md .add-color .icon[data-v-6a4579c1]{background-size:cover;width:100%;height:100%}.lg .pen-type[data-v-6a4579c1]{display:grid;align-items:center;justify-content:center;grid-gap:6px}.lg .pen-type>div[data-v-6a4579c1]{width:78px;max-width:78px;min-width:78px;height:45px;max-height:45px;min-height:45px;display:flex;align-items:center;justify-content:center;justify-content:flex-end}.lg .pen-type>div .line[data-v-6a4579c1],.lg .pen-type>div .pen[data-v-6a4579c1]{background-size:contain;width:36px;max-width:36px;min-width:36px;height:36px;max-height:36px;min-height:36px}.lg .pen-type>div .pen[data-v-6a4579c1]{transform:rotate(270deg)}.lg .pen-color[data-v-6a4579c1],.lg .pen-size[data-v-6a4579c1]{display:flex;align-items:center;flex-direction:column}.lg .pen-color[data-v-6a4579c1]{justify-content:center;width:207px;max-width:207px;min-width:207px;height:197.25px;max-height:197.25px;min-height:197.25px}.lg .panels>div[data-v-6a4579c1],.lg .panels[data-v-6a4579c1]{height:45px;max-height:45px;min-height:45px}.lg .panels>div[data-v-6a4579c1]{width:45px;max-width:45px;min-width:45px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;margin-right:15px}.lg .panels .selected .highlight[data-v-6a4579c1]{width:100%;height:6.67%;background:#4a6ee4;border-radius:4px}.lg .panels .icon[data-v-6a4579c1]{background-size:contain;width:30px;max-width:30px;min-width:30px;height:30px;max-height:30px;min-height:30px}.lg .custom-colors[data-v-6a4579c1],.lg .preview-colors[data-v-6a4579c1]{padding-top:18px;grid-gap:9px;height:152.25px;max-height:152.25px;min-height:152.25px}.lg .content[data-v-6a4579c1]{padding:18px 18px 11.25px 18px}.lg .custom-content[data-v-6a4579c1]{padding:12px 18px 0 18px}.lg .add-color[data-v-6a4579c1]{width:19.5px;max-width:19.5px;min-width:19.5px;height:19.5px;max-height:19.5px;min-height:19.5px}.lg .add-color.selected>svg[data-v-6a4579c1]{display:none}.lg .add-color>svg[data-v-6a4579c1]{position:absolute;width:inherit;height:inherit}.lg .add-color .icon[data-v-6a4579c1]{background-size:cover;width:100%;height:100%}.xl .pen-type[data-v-6a4579c1]{display:grid;align-items:center;justify-content:center;grid-gap:8px}.xl .pen-type>div[data-v-6a4579c1]{width:104px;max-width:104px;min-width:104px;height:60px;max-height:60px;min-height:60px;display:flex;align-items:center;justify-content:center;justify-content:flex-end}.xl .pen-type>div .line[data-v-6a4579c1],.xl .pen-type>div .pen[data-v-6a4579c1]{background-size:contain;width:48px;max-width:48px;min-width:48px;height:48px;max-height:48px;min-height:48px}.xl .pen-type>div .pen[data-v-6a4579c1]{transform:rotate(270deg)}.xl .pen-color[data-v-6a4579c1],.xl .pen-size[data-v-6a4579c1]{display:flex;align-items:center;flex-direction:column}.xl .pen-color[data-v-6a4579c1]{justify-content:center;width:276px;max-width:276px;min-width:276px;height:263px;max-height:263px;min-height:263px}.xl .panels>div[data-v-6a4579c1],.xl .panels[data-v-6a4579c1]{height:60px;max-height:60px;min-height:60px}.xl .panels>div[data-v-6a4579c1]{width:60px;max-width:60px;min-width:60px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;margin-right:20px}.xl .panels .selected .highlight[data-v-6a4579c1]{width:100%;height:6.67%;background:#4a6ee4;border-radius:4px}.xl .panels .icon[data-v-6a4579c1]{background-size:contain;width:40px;max-width:40px;min-width:40px;height:40px;max-height:40px;min-height:40px}.xl .custom-colors[data-v-6a4579c1],.xl .preview-colors[data-v-6a4579c1]{padding-top:24px;grid-gap:12px;height:203px;max-height:203px;min-height:203px}.xl .content[data-v-6a4579c1]{padding:24px 24px 15px 24px}.xl .custom-content[data-v-6a4579c1]{padding:16px 24px 0 24px}.xl .add-color[data-v-6a4579c1]{width:26px;max-width:26px;min-width:26px;height:26px;max-height:26px;min-height:26px}.xl .add-color.selected>svg[data-v-6a4579c1]{display:none}.xl .add-color>svg[data-v-6a4579c1]{position:absolute;width:inherit;height:inherit}.xl .add-color .icon[data-v-6a4579c1]{background-size:cover;width:100%;height:100%}.container[data-v-6a4579c1]{padding:0}.content[data-v-6a4579c1]{display:flex;align-items:center;justify-content:center;align-items:flex-start}.pen-color>div>div[data-v-6a4579c1]{cursor:pointer}.palette>div[data-v-6a4579c1],.pen-color>div[data-v-6a4579c1]{display:flex;align-items:center;justify-content:center;justify-content:flex-start;width:100%}.palette .panels[data-v-6a4579c1],.pen-color .panels[data-v-6a4579c1]{border-bottom:1px solid #ececec}.pen-color .panels .default .icon[data-v-6a4579c1]{background-image:url(../img/basiccolor.78dded18.svg)}.pen-color .panels .custom .icon[data-v-6a4579c1]{background-image:url(../img/custom_normal.93272f19.svg)}.pen-color .custom-colors[data-v-6a4579c1],.pen-color .preview-colors[data-v-6a4579c1]{display:grid;align-items:baseline;justify-items:center;grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(4,1fr)}.pen-color .custom-colors .add-color .icon[data-v-6a4579c1],.pen-color .custom-colors .add-color:not(.disabled):hover .icon[data-v-6a4579c1]{background-image:url(../img/add_color.6e64be80.svg)}.pen-color .custom-colors .add-color:not(.disabled):active .icon[data-v-6a4579c1]{background-image:url(../img/add_press.7484d5f3.svg)}.pen-color .custom-colors .add-color.selected[data-v-6a4579c1]{background-color:#4a6ee4;color:#fff}.pen-color .custom-colors .add-color.selected .icon[data-v-6a4579c1]{background-image:url(../img/add_press.7484d5f3.svg)}.pen-color .custom-colors .add-color .icon[data-v-6a4579c1]{background-size:150%;background-position:50%}.pen-color .custom-colors .add-color:hover .icon[data-v-6a4579c1]{background-image:url(../img/add_hover.18febcfc.svg)}.sm-md .pen-type[data-v-3ff10586]{display:grid;align-items:center;justify-content:center;grid-gap:4.8px}.sm-md .pen-type>div[data-v-3ff10586]{width:62.4px;max-width:62.4px;min-width:62.4px;height:36px;max-height:36px;min-height:36px;display:flex;align-items:center;justify-content:center;justify-content:flex-end}.sm-md .pen-type>div .line[data-v-3ff10586],.sm-md .pen-type>div .pen[data-v-3ff10586]{background-size:contain;width:28.8px;max-width:28.8px;min-width:28.8px;height:28.8px;max-height:28.8px;min-height:28.8px}.sm-md .pen-type>div .pen[data-v-3ff10586]{transform:rotate(270deg)}.sm-md .pen-color[data-v-3ff10586],.sm-md .pen-size[data-v-3ff10586]{display:flex;align-items:center;flex-direction:column}.sm-md .pen-color[data-v-3ff10586]{justify-content:center;width:165.6px;max-width:165.6px;min-width:165.6px;height:157.8px;max-height:157.8px;min-height:157.8px}.sm-md .panels>div[data-v-3ff10586],.sm-md .panels[data-v-3ff10586]{height:36px;max-height:36px;min-height:36px}.sm-md .panels>div[data-v-3ff10586]{width:36px;max-width:36px;min-width:36px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;margin-right:12px}.sm-md .panels .selected .highlight[data-v-3ff10586]{width:100%;height:6.67%;background:#4a6ee4;border-radius:4px}.sm-md .panels .icon[data-v-3ff10586]{background-size:contain;width:24px;max-width:24px;min-width:24px;height:24px;max-height:24px;min-height:24px}.sm-md .custom-colors[data-v-3ff10586],.sm-md .preview-colors[data-v-3ff10586]{padding-top:14.4px;grid-gap:7.2px;height:121.8px;max-height:121.8px;min-height:121.8px}.sm-md .content[data-v-3ff10586]{padding:14.4px 14.4px 9px 14.4px}.sm-md .custom-content[data-v-3ff10586]{padding:9.6px 14.4px 0 14.4px}.sm-md .add-color[data-v-3ff10586]{width:15.6px;max-width:15.6px;min-width:15.6px;height:15.6px;max-height:15.6px;min-height:15.6px}.sm-md .add-color.selected>svg[data-v-3ff10586]{display:none}.sm-md .add-color>svg[data-v-3ff10586]{position:absolute;width:inherit;height:inherit}.sm-md .add-color .icon[data-v-3ff10586]{background-size:cover;width:100%;height:100%}.lg .pen-type[data-v-3ff10586]{display:grid;align-items:center;justify-content:center;grid-gap:6px}.lg .pen-type>div[data-v-3ff10586]{width:78px;max-width:78px;min-width:78px;height:45px;max-height:45px;min-height:45px;display:flex;align-items:center;justify-content:center;justify-content:flex-end}.lg .pen-type>div .line[data-v-3ff10586],.lg .pen-type>div .pen[data-v-3ff10586]{background-size:contain;width:36px;max-width:36px;min-width:36px;height:36px;max-height:36px;min-height:36px}.lg .pen-type>div .pen[data-v-3ff10586]{transform:rotate(270deg)}.lg .pen-color[data-v-3ff10586],.lg .pen-size[data-v-3ff10586]{display:flex;align-items:center;flex-direction:column}.lg .pen-color[data-v-3ff10586]{justify-content:center;width:207px;max-width:207px;min-width:207px;height:197.25px;max-height:197.25px;min-height:197.25px}.lg .panels>div[data-v-3ff10586],.lg .panels[data-v-3ff10586]{height:45px;max-height:45px;min-height:45px}.lg .panels>div[data-v-3ff10586]{width:45px;max-width:45px;min-width:45px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;margin-right:15px}.lg .panels .selected .highlight[data-v-3ff10586]{width:100%;height:6.67%;background:#4a6ee4;border-radius:4px}.lg .panels .icon[data-v-3ff10586]{background-size:contain;width:30px;max-width:30px;min-width:30px;height:30px;max-height:30px;min-height:30px}.lg .custom-colors[data-v-3ff10586],.lg .preview-colors[data-v-3ff10586]{padding-top:18px;grid-gap:9px;height:152.25px;max-height:152.25px;min-height:152.25px}.lg .content[data-v-3ff10586]{padding:18px 18px 11.25px 18px}.lg .custom-content[data-v-3ff10586]{padding:12px 18px 0 18px}.lg .add-color[data-v-3ff10586]{width:19.5px;max-width:19.5px;min-width:19.5px;height:19.5px;max-height:19.5px;min-height:19.5px}.lg .add-color.selected>svg[data-v-3ff10586]{display:none}.lg .add-color>svg[data-v-3ff10586]{position:absolute;width:inherit;height:inherit}.lg .add-color .icon[data-v-3ff10586]{background-size:cover;width:100%;height:100%}.xl .pen-type[data-v-3ff10586]{display:grid;align-items:center;justify-content:center;grid-gap:8px}.xl .pen-type>div[data-v-3ff10586]{width:104px;max-width:104px;min-width:104px;height:60px;max-height:60px;min-height:60px;display:flex;align-items:center;justify-content:center;justify-content:flex-end}.xl .pen-type>div .line[data-v-3ff10586],.xl .pen-type>div .pen[data-v-3ff10586]{background-size:contain;width:48px;max-width:48px;min-width:48px;height:48px;max-height:48px;min-height:48px}.xl .pen-type>div .pen[data-v-3ff10586]{transform:rotate(270deg)}.xl .pen-color[data-v-3ff10586],.xl .pen-size[data-v-3ff10586]{display:flex;align-items:center;flex-direction:column}.xl .pen-color[data-v-3ff10586]{justify-content:center;width:276px;max-width:276px;min-width:276px;height:263px;max-height:263px;min-height:263px}.xl .panels>div[data-v-3ff10586],.xl .panels[data-v-3ff10586]{height:60px;max-height:60px;min-height:60px}.xl .panels>div[data-v-3ff10586]{width:60px;max-width:60px;min-width:60px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;margin-right:20px}.xl .panels .selected .highlight[data-v-3ff10586]{width:100%;height:6.67%;background:#4a6ee4;border-radius:4px}.xl .panels .icon[data-v-3ff10586]{background-size:contain;width:40px;max-width:40px;min-width:40px;height:40px;max-height:40px;min-height:40px}.xl .custom-colors[data-v-3ff10586],.xl .preview-colors[data-v-3ff10586]{padding-top:24px;grid-gap:12px;height:203px;max-height:203px;min-height:203px}.xl .content[data-v-3ff10586]{padding:24px 24px 15px 24px}.xl .custom-content[data-v-3ff10586]{padding:16px 24px 0 24px}.xl .add-color[data-v-3ff10586]{width:26px;max-width:26px;min-width:26px;height:26px;max-height:26px;min-height:26px}.xl .add-color.selected>svg[data-v-3ff10586]{display:none}.xl .add-color>svg[data-v-3ff10586]{position:absolute;width:inherit;height:inherit}.xl .add-color .icon[data-v-3ff10586]{background-size:cover;width:100%;height:100%}.container[data-v-3ff10586]{padding:0}.content[data-v-3ff10586]{display:flex;align-items:center;justify-content:center;align-items:flex-start}.pen-color>div>div[data-v-3ff10586]{cursor:pointer}.palette>div[data-v-3ff10586],.pen-color>div[data-v-3ff10586]{display:flex;align-items:center;justify-content:center;justify-content:flex-start;width:100%}.palette .panels[data-v-3ff10586],.pen-color .panels[data-v-3ff10586]{border-bottom:1px solid #ececec}.pen-color .panels .default .icon[data-v-3ff10586]{background-image:url(../img/basiccolor.78dded18.svg)}.pen-color .panels .custom .icon[data-v-3ff10586]{background-image:url(../img/custom_normal.93272f19.svg)}.pen-color .custom-colors[data-v-3ff10586],.pen-color .preview-colors[data-v-3ff10586]{display:grid;align-items:baseline;justify-items:center;grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(4,1fr)}.pen-color .custom-colors .add-color .icon[data-v-3ff10586],.pen-color .custom-colors .add-color:not(.disabled):hover .icon[data-v-3ff10586]{background-image:url(../img/add_color.6e64be80.svg)}.pen-color .custom-colors .add-color:not(.disabled):active .icon[data-v-3ff10586]{background-image:url(../img/add_press.7484d5f3.svg)}.pen-color .custom-colors .add-color.selected[data-v-3ff10586]{background-color:#4a6ee4;color:#fff}.pen-color .custom-colors .add-color.selected .icon[data-v-3ff10586]{background-image:url(../img/add_press.7484d5f3.svg)}.pen-color .custom-colors .add-color .icon[data-v-3ff10586]{background-size:150%;background-position:50%}.pen-color .custom-colors .add-color:hover .icon[data-v-3ff10586]{background-image:url(../img/add_hover.18febcfc.svg)}.sm-md .row[data-v-70994787]{padding:10.8px 14.4px}.lg .row[data-v-70994787],.sm-md .row[data-v-70994787]{display:grid;align-items:center;justify-content:center;grid-gap:0}.lg .row[data-v-70994787]{padding:13.5px 18px}.xl .row[data-v-70994787]{padding:18px 24px;display:grid;align-items:center;justify-content:center;grid-gap:0}.row[data-v-70994787]{grid-auto-flow:column;margin:0}.row>div[data-v-70994787]{cursor:pointer}.sm-md .btn[data-v-0d3086be]{display:grid;align-items:center;justify-content:center;grid-gap:0;width:36px;max-width:36px;min-width:36px;height:36px;max-height:36px;min-height:36px;border-radius:18px;cursor:pointer;stroke:#595959;fill:#595959}.sm-md .btn .icon[data-v-0d3086be]{width:24px;max-width:24px;min-width:24px;height:24px;max-height:24px;min-height:24px}.sm-md .vertical-menu-content[data-v-0d3086be]{display:flex;flex-direction:column;gap:4.8px;padding:4.8px}.lg .btn[data-v-0d3086be]{display:grid;align-items:center;justify-content:center;grid-gap:0;width:45px;max-width:45px;min-width:45px;height:45px;max-height:45px;min-height:45px;border-radius:22.5px;cursor:pointer;stroke:#595959;fill:#595959}.lg .btn .icon[data-v-0d3086be]{width:30px;max-width:30px;min-width:30px;height:30px;max-height:30px;min-height:30px}.lg .vertical-menu-content[data-v-0d3086be]{display:flex;flex-direction:column;gap:6px;padding:6px}.xl .btn[data-v-0d3086be]{display:grid;align-items:center;justify-content:center;grid-gap:0;width:60px;max-width:60px;min-width:60px;height:60px;max-height:60px;min-height:60px;border-radius:30px;cursor:pointer;stroke:#595959;fill:#595959}.xl .btn .icon[data-v-0d3086be]{width:40px;max-width:40px;min-width:40px;height:40px;max-height:40px;min-height:40px}.xl .vertical-menu-content[data-v-0d3086be]{display:flex;flex-direction:column;gap:8px;padding:8px}.forward .icon[data-v-0d3086be],.forward:not(.disabled):hover .icon[data-v-0d3086be]{background-image:url(../img/forward_normal.ceea9f31.svg)}.forward:not(.disabled):active .icon[data-v-0d3086be]{background-image:url(../img/forward_select.154036ee.svg)}.forward.selected[data-v-0d3086be]{background-color:#4a6ee4;color:#fff}.forward.selected .icon[data-v-0d3086be]{background-image:url(../img/forward_select.154036ee.svg)}