.my-bar-code{height:calc(100vh - 50px);overflow:hidden;padding-bottom:90px;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.my-bar-code,.my-bar-code__box{background-color:#fff;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal}.my-bar-code__box{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;min-height:0;padding:0 24px;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:stretch;-webkit-align-items:stretch;-ms-flex-align:stretch;align-items:stretch}.my-bar-code__box .vue-barcode-element{width:100%!important;height:120px!important}.my-bar-code__box.is-preview{visibility:hidden}.my-bar-code__code-trigger{cursor:pointer}.my-bar-code__qr{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;margin:24px 0 0;cursor:pointer}.my-bar-code__qr canvas{width:260px;height:260px;max-width:100%;display:block}.my-bar-code__save-preview{position:fixed;left:0;top:0;width:100%;height:100vh;z-index:1100;background:rgba(0,0,0,.85);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-sizing:border-box;box-sizing:border-box;padding:24px 16px 40px}.my-bar-code__save-preview-img{max-width:100%;max-height:calc(100vh - 120px);display:block;-webkit-touch-callout:default;-webkit-user-select:auto;-moz-user-select:auto;-ms-user-select:auto;user-select:auto;pointer-events:auto}.my-bar-code__save-preview-tip{margin:20px 0 0;font-size:18px;line-height:26px;color:#fc0;text-align:center}.my-bar-code__preview{position:fixed;left:0;top:0;height:100vh;height:100dvh;min-height:-webkit-fill-available;z-index:1000;background:#fff;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;overflow:hidden}.my-bar-code__preview,.my-bar-code__preview-main{width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box}.my-bar-code__preview-main{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;min-height:0;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;padding:0 24px}.my-bar-code__preview-main.qrcode-layout canvas{width:300px;height:300px;display:block}.my-bar-code__preview-main.barcode-layout .my-bar-code__preview-rotate{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);-webkit-transform-origin:center;transform-origin:center}.my-bar-code__preview-main.barcode-layout .my-bar-code__preview-rotate .vue-barcode-element{height:144px!important}.my-bar-code__preview-info{margin-top:24px;text-align:center;color:#1a1a1a}.my-bar-code__preview-info .preview-name{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;font-size:16px;line-height:22px;font-weight:400}.my-bar-code__preview-info .preview-name .name-text{font-weight:600}.my-bar-code__preview-info .preview-name .preview-divider{width:1px;height:12px;background:#e8e8e8;margin:0 8px}.my-bar-code__preview-info .preview-major{margin-top:8px;font-size:15px;line-height:22px;font-weight:400}.my-bar-code__preview-actions{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;padding:12px 12px calc(34px + env(safe-area-inset-bottom, 0px));background:#fff}.my-bar-code__preview-actions .my-bar-code__action-btn{width:100%;max-width:none}.my-bar-code__actions{position:fixed;left:0;bottom:0;width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;padding:12px 12px 34px;-webkit-box-sizing:border-box;box-sizing:border-box;z-index:99;background:#fff;gap:9px}.my-bar-code__action-btn{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;height:44px;line-height:44px;text-align:center;border-radius:8px;font-size:15px;font-weight:400;cursor:pointer}.my-bar-code__action-btn--primary{background:#008cff;color:#fff}.my-bar-code__action-btn--default{background:#f3f5f8;color:#1a1a1a}.my-bar-code__info{padding:0 23px}.my-bar-code__info ul li{font-size:14px;color:#0d0f10;margin:40px 0 0;line-height:20px}.my-bar-code__info ul li:first-child{margin-top:40px}.my-bar-code__info ul li+li{margin-top:8px}.my-bar-code__info ul li img{vertical-align:top;width:20px;height:20px;margin-right:6px}.my-bar-code__info ul li .name{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:22px;font-weight:400;font-size:16px;color:#1a1a1a;line-height:22px;text-align:center}.my-bar-code__info ul li .name .name-text{font-weight:600}.my-bar-code__info ul li .name .name-divider{width:1px;height:12px;background:#e8e8e8;margin:0 8px}.my-bar-code__info ul li .major_Admitted{height:22px;font-weight:400;font-size:15px;color:#1a1a1a;line-height:22px;text-align:center}