#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]{text-align:center;cursor:pointer;width:auto;min-width:72px;margin-right:50px;position:relative}.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]{opacity:0;background-color:#191919;border-radius:8px;width:100%;height:4px;margin-top:8px;transition:opacity .2s}.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]{white-space:nowrap;margin-right:37px}.BarcodeTypeList-mobile .mask[data-v-c2526430]{pointer-events:none;width:38px}.BarcodeTypeList-mobile .mask-left[data-v-c2526430]{z-index:1;background:linear-gradient(90deg,#fff 26.11%,#fff0);height:100%;position:absolute;top:0;left:0}.BarcodeTypeList-mobile .mask-right[data-v-c2526430]{z-index:1;background:linear-gradient(270deg,#fff 26.11%,#fff0);height:100%;position:absolute;top:0;right:-1px}.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);align-items:center;margin-bottom:12px;display:flex}.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]{align-items:center;display:flex}.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{background:#fff;border-radius:6px;transition:border .3s}.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{color:var(--one-level-text-color);font-size:26px}.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);justify-content:center;align-items:center;margin:0 auto;display:flex}.p-button.download-qr-code i[data-v-1d0cc68d]{margin-right:6px;font-size:24px}.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]{box-shadow:4px 4px 0px 0px var(--one-level-text-color);background:#fff;border:1.5px solid #191919;border-radius:24px;flex:1;margin-right:62px;padding:36px}.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;box-shadow:4px 4px 0px 0px var(--one-level-text-color);background:#fff;border:1.5px solid #191919;border-radius:24px;flex-shrink:0;padding:20px 20px 56px}.barcode-container .barcode-dom-container .barcode-box[data-v-08e5a791]{height:386px}.barcode-container .barcode-dom-container .download-qr-code[data-v-08e5a791]{flex-shrink:0;height:48px;margin-top:20px}@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]{margin-bottom:66px;padding-top:75%;display:block;position:relative}.barcode-container .mobile-barcode-container-position[data-v-08e5a791]{width:100%;height:100%;box-shadow:4px 4px 0px 0px var(--one-level-text-color);background:#fff;border:1.5px solid #191919;border-radius:16px;position:absolute;top:0;left:0}.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]{box-shadow:unset;border:unset;background-color:#0000;margin-right:0;padding:0}.barcode-container-left[data-v-08e5a791] .mobile-download-btn{width:100%;font-size:var(--fs-lg);font-weight:var(--fw-medium);line-height:var(--lh-normal);margin-top:72px;display:flex;border-radius:20px!important;height:40px!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;justify-content:space-between;width:100%}.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{margin-top:-1px;padding-top:1px}.App .barcode-container{margin-top:50px}