#Barcode[data-v-44b55c2e]{width:100%;height:100%}#Barcode.code-39[data-v-44b55c2e] g text{letter-spacing:4px;white-space:pre}.BarcodeTypeList[data-v-c2526430]{width:100%;box-shadow:0 1px #0000001a}.BarcodeTypeList-list[data-v-c2526430]{width:100%}.BarcodeTypeList-list[data-v-c2526430]::-webkit-scrollbar{height:0}.BarcodeTypeList-list-container[data-v-c2526430]{width:fit-content;display:flex}.BarcodeTypeList-list-container-item[data-v-c2526430]{min-width:72px;width:auto;text-align:center;cursor:pointer;position:relative;margin-right:50px}.BarcodeTypeList-list-container-item[data-v-c2526430]:last-child{margin-right:0}.BarcodeTypeList-list-container-item:hover .line[data-v-c2526430]{opacity:1}.BarcodeTypeList-list-container-item .label[data-v-c2526430]{color:var(--one-level-text-color);font-size:var(--fs-lg);font-weight:var(--fw-medium);line-height:var(--lh-normal)}.BarcodeTypeList-list-container-item.active .line[data-v-c2526430]{opacity:1}.BarcodeTypeList-list-container-item .line[data-v-c2526430]{transition:opacity .2s ease;margin-top:8px;width:100%;opacity:0;height:4px;background-color:#191919;border-radius:8px}.BarcodeTypeList-mobile[data-v-c2526430]{position:relative}.BarcodeTypeList-mobile .BarcodeTypeList-list[data-v-c2526430]{overflow-x:scroll}.BarcodeTypeList-mobile .BarcodeTypeList-list-container-item[data-v-c2526430]{margin-right:37px;white-space:nowrap}.BarcodeTypeList-mobile .mask[data-v-c2526430]{pointer-events:none;width:38px}.BarcodeTypeList-mobile .mask-left[data-v-c2526430]{position:absolute;top:0;left:0;height:100%;background:linear-gradient(to right,#fff 26.11%,#fff0);z-index:1}.BarcodeTypeList-mobile .mask-right[data-v-c2526430]{position:absolute;top:0;right:-1px;height:100%;background:linear-gradient(to left,#fff 26.11%,#fff0);z-index:1}.FromValidate[data-v-2fbdb806]{width:100%;height:100%}.FromValidate .err-msg[data-v-2fbdb806]{color:var(--error-color);font-size:var(--fs-base);font-weight:var(--fw-normal);line-height:var(--lh-normal);margin-top:5px}.FromValidate .warn-msg[data-v-2fbdb806]{color:var(--tooltip-text-color)}.BarcodeConfig[data-v-549e220c]{width:100%;height:100%}.BarcodeConfig .config-item[data-v-549e220c]{margin-top:32px}.BarcodeConfig .config-item[data-v-549e220c]:nth-child(2){margin-top:48px}.BarcodeConfig .config-item .label[data-v-549e220c],.BarcodeConfig .config-item .label span[data-v-549e220c]{color:var(--one-level-text-color);font-size:var(--fs-lg);font-weight:var(--fw-normal);line-height:var(--lh-tight);margin-bottom:12px;display:flex;align-items:center}.BarcodeConfig .config-item .label.px[data-v-549e220c]{justify-content:space-between}.BarcodeConfig .config-item .label.px .size-info[data-v-549e220c]{color:var(--three-level-text-color);font-size:15px;font-weight:var(--fw-normal);line-height:var(--lh-normal)}.BarcodeConfig .config-item[data-v-549e220c] .url-input{color:var(--one-level-text-color);font-size:var(--fs-base);font-weight:var(--fw-normal);line-height:var(--lh-normal);background:#fff}.BarcodeConfig .config-item[data-v-549e220c] .url-input.url-input-err{border-color:var(--error-color)!important}.BarcodeConfig .config-item[data-v-549e220c] .v2{background:#fff}.BarcodeConfig .config-item .hide-checkbox[data-v-549e220c]{display:flex;align-items:center}.BarcodeConfig .config-item .hide-checkbox p[data-v-549e220c]{color:var(--one-level-text-color);font-size:var(--fs-base);font-weight:var(--fw-normal);line-height:var(--lh-normal);margin-left:8px}.BarcodeConfig .config-item[data-v-549e220c] .mobile-select{border-radius:6px;transition:border .3s ease;background:#fff}.BarcodeConfig .config-item[data-v-549e220c] .mobile-select .pac-mobile-select__title{font-size:var(--fs-base);font-weight:var(--fw-normal);line-height:var(--lh-normal)}.BarcodeConfig .config-item[data-v-549e220c] .mobile-select i{font-size:26px;color:var(--one-level-text-color)}.p-button.download-qr-code[data-v-1d0cc68d]{width:320px;font-size:var(--fs-lg);font-weight:var(--fw-normal);line-height:var(--lh-normal);margin:0 auto;display:flex;align-items:center;justify-content:center}.p-button.download-qr-code i[data-v-1d0cc68d]{font-size:24px;margin-right:6px}.p-button.download-qr-code.disabled-downloading[data-v-1d0cc68d]{cursor:not-allowed}.p-button.download-qr-code.disabled-downloading[data-v-1d0cc68d]:hover,.p-button.download-qr-code.disabled-downloading[data-v-1d0cc68d]:active{background-color:#191919}.barcode-container[data-v-08e5a791]{width:100%;height:100%;display:flex}.barcode-container-left[data-v-08e5a791]{flex:1;margin-right:62px;padding:36px;border-radius:24px;background:#fff;border:1.5px solid #191919;box-shadow:4px 4px 0 0 var(--one-level-text-color)}.barcode-container-left[data-v-08e5a791] .mobile-download-btn,.barcode-container .mobile-barcode-container[data-v-08e5a791]{display:none}.barcode-container .barcode-dom-container[data-v-08e5a791]{width:426px;flex-shrink:0;border-radius:24px;border:1px solid #d1d0d2;background:#fff;padding:20px 20px 56px;border:1.5px solid #191919;box-shadow:4px 4px 0 0 var(--one-level-text-color)}.barcode-container .barcode-dom-container .barcode-box[data-v-08e5a791]{height:386px}.barcode-container .barcode-dom-container .download-qr-code[data-v-08e5a791]{margin-top:20px;height:48px;flex-shrink:0}@media screen and (min-width: 1024px) and (max-width: 1279px){.barcode-container-left[data-v-08e5a791]{margin-right:40px}[data-v-08e5a791] .BarcodeConfig .BarcodeTypeList-list-container-item{min-width:48px;margin-right:32px}[data-v-08e5a791] .BarcodeConfig .BarcodeTypeList-list-container-item .label{font-size:var(--fs-base);white-space:nowrap}}@media screen and (min-width: 980px) and (max-width: 1023px){.barcode-container-left[data-v-08e5a791]{margin-right:40px}[data-v-08e5a791] .BarcodeConfig .BarcodeTypeList-list-container-item{min-width:48px;margin-right:32px}[data-v-08e5a791] .BarcodeConfig .BarcodeTypeList-list-container-item .label{font-size:var(--fs-base);white-space:nowrap}}@media screen and (max-width: 979px){.barcode-container[data-v-08e5a791]{flex-direction:column}.barcode-container .mobile-barcode-container[data-v-08e5a791]{position:relative;padding-top:75%;display:block;margin-bottom:66px}.barcode-container .mobile-barcode-container-position[data-v-08e5a791]{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:16px;background:#fff;border:1.5px solid #191919;box-shadow:4px 4px 0 0 var(--one-level-text-color)}.barcode-container .mobile-barcode-container[data-v-08e5a791] .p-button{height:40px}.barcode-container .barcode-dom-container[data-v-08e5a791]{display:none}.barcode-container-left[data-v-08e5a791]{margin-right:0;padding:0;box-shadow:unset;border:unset;background-color:transparent}.barcode-container-left[data-v-08e5a791] .mobile-download-btn{display:flex;width:100%;margin-top:72px;height:40px!important;font-size:var(--fs-lg);font-weight:var(--fw-medium);line-height:var(--lh-normal);border-radius:20px!important}.barcode-container-left[data-v-08e5a791] .mobile-download-btn i{font-size:24px;font-weight:500}.barcode-container[data-v-08e5a791] .BarcodeConfig .config-item .hide-checkbox{flex-direction:row-reverse;width:100%;justify-content:space-between}.barcode-container[data-v-08e5a791] .BarcodeConfig .config-item .hide-checkbox p{font-size:var(--fs-lg);font-weight:var(--fw-normal);line-height:var(--lh-normal);margin-left:0}.barcode-container[data-v-08e5a791] .BarcodeConfig .config-item .hide-checkbox label{width:42px;height:24px}.barcode-container[data-v-08e5a791] .BarcodeConfig .config-item .hide-checkbox label:after{width:18px;height:18px}}.App{padding-top:1px;margin-top:-1px}.App .barcode-container{margin-top:50px}