#local-fonts-uploader-app{min-height:120vh}.lfontsup-no-fonts-container{align-items:center;background-color:#fff;border-radius:5px;color:gray;display:flex;flex-direction:column;font-size:20px;gap:20px;padding:40px;width:100%}.lfontsup-no-fonts-container>h2{color:gray}.lfontsup-no-fonts-icon{font-size:60px}.lfontsup-upload-font-container{align-items:center;border:1px solid #000;display:flex;justify-content:center;padding:60px 40px;width:100%}.lfontsup-variant-panel{display:flex;flex-wrap:wrap;gap:20px;max-width:60%;width:60%}.lfontsup-edit-font-name{margin-bottom:10px!important}.lfontsup-add-new-variant,.lfontsup-edit-font-name{max-width:60%!important;width:60%!important}.lfontsup-font-file-upload{display:flex;width:100%}.lfontsup-variant-panel .lfontsup-select,.lfontsup-variant-panel>button{flex:1 1 calc(50% - 10px)}.lfontsup-tagline-note{color:gray;font-style:italic;margin:0 0 25px}.lfontsup-tagline-no-margin-bottom{margin-bottom:0!important}.lfontsup-inline-block{border-bottom:2px solid #000;display:inline-block}.lfontsup-font-variants-title{display:flex;font-size:19px;font-weight:400;gap:10px}.lfontsup-assign-container,.lfontsup-data-assign-container{width:40%}.lfontsup-setting-delete-btn{width:20%}.lfontsup-btn-red:hover{background:#ffdede;border-color:#ffdede;color:red}.v-card-title{align-items:center;font-weight:600;gap:10px;letter-spacing:0}.lfontsup-popup-box .v-card-title{color:var(--noti-color,currentColor);line-height:1}#lfontsup-font-name-input{border:1px solid #ababab!important;border-radius:5px;box-shadow:none!important;height:50px;padding-left:20px;width:100%}#lfontsup-font-name-input:focus{border-color:#000!important}#lfontsup-font-name-input::placeholder{color:#ccc}.lfontsup-black-btn{background-color:#000;color:#fff}.lfontsup-black-btn,.lfontsup-white-btn{align-items:center;border:1px solid #000;border-radius:3px;display:flex;font-weight:600;gap:5px;justify-content:center;line-height:40px;padding:0 20px}.lfontsup-white-btn{background-color:transparent;color:#000;height:40px}.is-assign-variant,.lfontsup-green{--noti-color:#30a967}.lfontsup-red{--noti-color:#ff2338}.lfontsup-class-name-input{height:40px;width:100%}.lfontsup-class-name-input:focus{border-color:#000!important;box-shadow:none!important;outline:none}.lfontsup-transition{transition:all .3s ease}.lfontsup-transition:disabled{opacity:.5;pointer-events:none}.lfontsup-app{background-color:#f0f0f1!important}textarea.lfontsup-text-area-sync-data{font-family:monospace,monospace;padding:20px}textarea.lfontsup-text-area-sync-data:read-only{border-color:transparent;color:#777}.lfontsup-card{border-radius:5px;box-shadow:none!important;margin-top:10px;max-width:100%;padding:40px;width:100%}.lfontsup-container{max-width:1420px!important;padding:0 20px!important;width:100%}.lfontsup-card-center{align-items:center;display:flex;flex-flow:column nowrap;margin-top:10px;padding:60px 40px;text-align:center}.lfontsup-form-list-title{border-bottom:2px solid #1c2327;color:#1c2327;display:inline-block;font-size:19.2px;font-weight:400;margin:0 0 30px;padding:0}.lfontsup-vtab-title{font-size:18px;letter-spacing:-.03em;text-transform:none}.lfontsup-expansion-panel{border-radius:5px;margin-top:7px}.lfontsup-setting-properties-title{font-size:14px;font-weight:600;margin-top:0}.lfontsup-row-properties{padding:7px 16px 24px!important}.v-tab__slider{height:5px!important}.lfontsup-footer{background-color:#fff;border-radius:0 0 5px 5px;border-top:2px solid #000;bottom:0;margin-top:32px;padding:10px 20px;position:sticky;width:100%;z-index:1000}.lfontsup-failed-snackbar .v-snackbar__wrapper{background-color:#ffdede;color:red;position:absolute;right:15px;top:50px}.lfontsup-popup-box .v-card{border-left:7px solid #8883;border-radius:10px!important;box-shadow:none!important;margin:0 auto;max-width:420px;padding:10px;width:100%}.lfontsup-popup-box.is-assign-variant .v-card{max-width:600px}.lfontsup-assign-help-text{color:#777;font-size:15px;font-weight:400;line-height:1.5;padding:.5rem 1rem}textarea.lfontsup-assign-input{border:1px solid #8882;font-size:14px;font-weight:500;margin:.5rem 1rem;padding:20px 15px}.is-assign-variant .v-card-text{color:#aaa;font-size:18px!important;line-height:1.7!important}.lfontsup-popup-box .v-card-actions .v-btn__content{font-size:15px;letter-spacing:0;padding:0 7px;text-transform:capitalize}.lfontsup-card-heading{display:flex;margin:0 0 25px;padding:0;width:100%}.lfontsup-card-heading i{font-size:1em}.lfontsup-card-title{align-items:center;border-bottom:2px solid;color:#000;display:inline-flex;font-size:18px;font-weight:400;gap:5px;margin:0;padding-bottom:10px;white-space:nowrap}.lfontsup-card-title.no-border{border-bottom:none}.lfontsup-text-area:focus{border:1px solid #000!important;box-shadow:0 0 0 0 #000!important}.lfontsup-text-area{border:1px solid #ababab;border-radius:5px;min-height:100px;padding:10px;width:100%}.lfontsup-sync-data-btn-group{align-items:center;display:flex;gap:10px;margin-top:12px}.v-card-actions .lfontsup-access-btn{background:#8881}.lfontsup-ok-btn{border:1px solid #8882;transition:all .1s}.v-card-actions .lfontsup-cancel-btn{background:#8881}.lfontsup-access-btn:hover{background-color:#68e58d;border-color:#68e58d;color:#000}.lfontsup-snackbar .v-snackbar__content{background:#000;color:#fff}.lfontsup-snackbar.is-error .v-snackbar__content{background:#e70606;color:#fff}.lfontsup-ok-btn:hover,.lfontsup-white-btn:hover{background:#000;border-color:#000;color:#fff}.lfontsup-normal-btn:hover{background-color:#000;color:#fff}.lfontsup-cancel-btn{border-color:#8883}.lfontsup-cancel-btn:hover{background-color:#ff3530;border-color:#ff3530;color:#fff}.lfontsup-file-btn{font-size:1rem;min-height:50px;padding:0 40px}.lfontsup-snackbar .v-snackbar__wrapper{background-color:#dff0d8;color:#468847;position:absolute;right:15px;top:50px}.lfontsup-v-tabs{background:#fff;border-radius:0 0 5px 5px;z-index:10;--v-tabs-height:50px}.lfontsup-v-tabs .v-btn__content{font-size:16px;gap:5px}.lfontsup-introduce-right{padding-left:40px}.lfontsup-introduce-right svg{display:flex;width:100px}.lfontsup-introduce-left .d-flex{align-items:center;gap:20px}.lfontsup-admin-title{align-items:center;display:flex;font-size:28px;font-weight:700;gap:7px;letter-spacing:-.03em;line-height:1.1;margin:0}.lfontsup-admin-title svg{width:1em}.lfontsup-tagline{font-size:17px;line-height:1.7;max-width:960px}.lfontsup-docs-btn{border-color:#8884;line-height:42px}.lfontsup-grey-text{color:grey!important}.lfontsup-card-title-center{align-items:center;display:flex;flex-flow:column nowrap;font-size:30px;gap:15px;line-height:1.1;margin:0}.lfontsup-create-form-wrap{align-items:center;display:flex;flex-flow:row wrap;gap:10px;justify-content:center;margin-top:10px;width:100%}.flu-file-upload-icon{display:inline-flex;font-size:40px;line-height:1}.flu-file-upload-icon.mdi-file-hidden{font-size:50px}.flu-file-holder{align-items:center;display:flex;flex-flow:column nowrap;gap:5px;justify-content:center;min-height:65px}.flu-file-url{color:#248d18;font-size:11px;font-style:italic}.flu-file-upload{align-items:center;border:3px dashed #8882;border-radius:7px;display:flex;flex-flow:column nowrap;gap:10px;max-width:560px;padding:30px}.flu-file-upload h3{margin:0}.lfontsup-select-variant{margin-top:20px}.lfontsup-description{color:#aaa;font-size:16px;font-weight:400;line-height:1.7;margin-bottom:10px}.lfontsup-variant-actions{display:flex;flex-flow:row nowrap;gap:10px;justify-content:space-between}.lfontsup-big-input-wrap{align-items:center;display:flex;flex-flow:column nowrap;justify-content:center;width:100%}input.lfontsup-big-input{border:1px solid #8884;border-radius:5px;font-size:18px;font-weight:400;max-width:700px;padding:10px 20px;width:100%}input.lfontsup-big-input:focus,input.lfontsup-big-input:hover{border-color:#000;box-shadow:none}.lfontsup-creation-btn{background:#6ded84;border:1px solid #6ded84;color:#000}.lfontsup-big-btn,.lfontsup-creation-btn{align-items:center;box-shadow:none;display:inline-flex;font-size:20px;font-weight:600;gap:5px;justify-content:center;line-height:50px;min-width:350px;outline:none;padding:5px 0;-webkit-transition:all .3s;transition:all .3s}.lfontsup-big-btn{background:#000;border:1px solid;color:#fff}.lfontsup-btn.is-cancel,.lfontsup-creation-btn.is-cancel{background:transparent;border-color:#8884;color:#000}.lfontsup-creation-btn i{font-size:1em}.lfontsup-creation-btn:hover{background:#000;border-color:#000;color:#fff}.lfontsup-big-btn:hover{background:#42b978;border-color:#42b978;color:#fff}.lfontsup-font-url{background-color:rgba(66,185,120,.067);border-radius:3px;color:#42b978;cursor:text;font-style:italic;margin-bottom:0;max-width:100%;overflow-wrap:break-word;padding:4px 10px;width:max-content}.lfontsup-settings-title{align-items:center;display:flex;font-size:18px;font-weight:600;letter-spacing:-.02em;line-height:1;margin:0;white-space:nowrap}.lfontsup-settings-title i{font-size:1.25em}.lfontsup-settings-list{border:1px solid #8882;border-radius:5px;display:flex;flex-flow:column nowrap;margin-bottom:10px;padding:10px 20px;width:100%}.v-expansion-panel-title__overlay{background:#42b978}#lfontsup-footer-btn{display:flex;gap:7px;justify-content:flex-end}#lfontsup-footer-btn button{min-width:150px}.lfontsup-settings-row{display:flex;flex-direction:row;gap:10px;margin:10px 0 40px}.lfontsup-settings-row-details{display:flex;flex:9 1 0;gap:10px}.lfontsup-delete-setting-btn{align-items:flex-end;display:flex;flex:1 1 0}.lfontsup-settings-row-details-1,.lfontsup-settings-row-details-2{flex:1 1 0}.lfontsup-delete-setting-btn button{max-width:130px}.lfontsup-tag-title-text{display:flex;gap:10px}.lfontsup-tag-title-text1{flex:4 1 0}.lfontsup-tag-title-text2{flex:5 1 0}.lfontsup-fullwidth-btn{width:100%}.lfontsup-select .v-input{--v-input-control-height:40px;--v-input-padding-top:8px}.v-list-item__overlay{background:#42b978!important}.v-list-item--density-default{min-height:40px}.v-field__input{color:#000;font-size:14px;font-weight:600;letter-spacing:0}#lfontsup-class-name-warning-container{display:flex;justify-content:flex-end;margin:0 0 17px}#lfontsup-class-name-warning-container>p{flex:0 0 55%}.lfontsup-variant-content{align-items:center;display:flex;gap:20px}.lfontsup-variant-content>:first-child{flex:2}.lfontsup-variant-content>:nth-child(2),.lfontsup-variant-content>:nth-child(3){flex:5}.lfontsup-variant-content>:nth-child(4){flex:1}.v-select .v-field .v-field__input>input{border-color:transparent}.lfontsup-btn{border-radius:5px;white-space:nowrap}.lfontsup-btn i{line-height:0}.lfontsup-loading-icon{animation:spin 1.5s linear infinite}.lfontsup-tips{background:linear-gradient(90deg,#0008afdd,#db00ff);border-radius:5px;margin-bottom:20px;padding:20px}.lfontsup-tips h3{align-items:center;color:#fff;display:inline-flex;gap:5px;margin-top:0}.lfontsup-tips-description{color:#fff;font-size:14px;font-weight:500}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.lfontsup-assign-row,.lfontsup-icon-title,.lfontsup-row-properties>.v-row{display:flex;gap:10px}.lfontsup-assign-row{margin:10px 0!important}.lfontsup-divider{border-color:rgba(0,0,0,.75);border-width:1px;margin-top:15px}#lfontsup-title-card{border-radius:5px 5px 0 0;box-shadow:none!important;margin-bottom:-1px;padding:40px 40px 0}#lfontsup-tab-title-card{border-radius:0!important;box-shadow:none!important;max-width:1380px!important}#lfontsup-upload-font-card{margin-top:40px}#lfontsup-font-name-warning-text{color:red;padding:0 0 0 4px}#lfontsup-upload-font-row{padding:12px 0 0}#lfontsup-font-before-upload-name{background-color:#42b97811;border-radius:5px;color:#42b978;display:inline-block;font-weight:600;margin:0 20px 10px;padding:5px}#lfontsup-support-type-text{font-style:italic;margin:0 20px}#lfontsup-font-uploaded-name{font-size:17.6px;margin:0!important}#lfontsup-divider-font-uploaded{border-color:rgba(0,0,0,.75);border-width:1px;margin:20px 0}#lfontsup-expansion-tag{margin-top:40px}.lfontsup-settings-desc{color:#aaa}.lfontsup-assign-font-btn-container{padding:20px 0 0!important}#lfontsup-class-name-warning-text{color:red;margin-top:0;padding-left:10px}.lfontsup-name{font-size:20px;margin:0}.lfontsup-name i{font-size:22px}.lfontsup-list{align-items:center;display:flex;flex-flow:row wrap;justify-content:space-between;row-gap:15px}.lfontsup-listing{display:flex;flex-flow:column nowrap;gap:15px}.lfontsup-list:not(:first-child){border-top:1px solid #8882;padding-top:15px}.lfontsup-uploaded-font-btn-container{align-items:center;display:flex;flex-flow:row nowrap;gap:10px}.lfontsup-uploaded-font-btn-container>button{height:100%;max-width:40%;min-width:150px}.lfontsup-upload,.lfontsup-variants{background-color:#fff;border-radius:5px}.lfontsup-variants{margin-top:20px;padding:40px;width:100%}.lfontsup-setting{display:flex;flex-direction:column;gap:10px;width:30%}.lfontsup-_font-preview{width:70%}.lfontsup-variant-container{display:flex;width:100%}.lfontsup-variant-container>div{width:50%}.lfontsup-setting-row-title{display:flex;justify-content:space-between}.lfontsup-upload-font-btn-container{display:flex}.lfontsup-variant-amount-text{color:#777;font-size:14px;font-style:italic;margin-bottom:0}.lfontsup-assign-container{display:flex;flex-direction:column;gap:20px}.lfontsup-assign-textarea{border:1px solid gray;width:100%}.lfontsup-name-container{display:flex;flex-flow:column nowrap;gap:7px}.v-chip-group.lfontsup-assigned-preview .v-chip{--v-chip-height:26px}.lfontsup-assigned-preview .v-chip--disabled{opacity:1}.lfontsup-assigned-preview .v-chip__content{font-size:11px;font-weight:500}.lfontsup-file{display:inline-flex;font-size:11px;gap:5px}.lfontsup-assigned-preview .v-chip .v-chip__underlay{background-color:#67bb72}.lfontsup-file i,.lfontsup-variant-amount-text i{color:#67bb72}.doc-helper{align-items:center;border:1px solid #8882;border-radius:5px;display:flex;flex-flow:row wrap;gap:20px;justify-content:space-between;margin-bottom:30px;padding:15px 20px}.doc-helper h3{align-items:center;display:inline-flex;gap:5px;margin:0}.lfontsup-rec-cards{display:grid;gap:50px;grid-template-columns:repeat(2,1fr);margin-top:20px;max-width:1000px}.lfontsup-rec-card{border:1px solid #8884;border-radius:5px;display:flex;flex-flow:column nowrap;overflow:hidden}.lfontsup-rec-content{padding:0 20px 30px}.lfontsup-rec-image{background:#8881;padding-bottom:50.85%;position:relative;width:100%}.lfontsup-rec-image img{height:100%;left:0;position:absolute;top:0;width:100%}.lfontsup-rec-card .lfontsup-black-btn{margin-top:10px;text-decoration:none}.lfontsup-rec-content h2{font-size:22px;margin-bottom:0}p.lfontsup-rec-tagline{font-size:.8rem;margin-top:10px}@media (max-width:1024px){.lfontsup-responsive-btn{width:150px}#lfontsup-no-font-title{font-size:18px;font-weight:700;line-height:1.4}}@media (max-width:767px){.lfontsup-introduce-left .d-flex{align-items:self-start;flex-flow:column nowrap}#lfontsup-admin-title{font-size:24px}.lfontsup-tagline{font-size:15px}.lfontsup-responsive-btn{width:100%}#lfontsup-no-font-title{font-size:15px;font-weight:700;line-height:1.2}.lfontsup-introduce-right{padding-bottom:15px;padding-left:0}.lfontsup-introduce-right svg{width:60px}#lfontsup-title-card{flex-flow:column-reverse nowrap;padding:20px 20px 0}.lfontsup-card-center{padding:40px 20px}.lfontsup-card-title-center{font-size:26px;gap:10px}.lfontsup-creation-btn{font-size:18px;line-height:42px;min-width:auto;width:100%}#lfontsup-footer-btn{justify-content:center}#lfontsup-footer-btn button{width:100%}.lfontsup-settings-row-details-1,.lfontsup-settings-row-details-2{width:50%}.lfontsup-delete-setting-btn{width:100%}.lfontsup-settings-row{flex-direction:column}.lfontsup-delete-setting-btn button{max-width:100%;width:100%}.lfontsup-tag-title-text1,.lfontsup-tag-title-text2{flex:1 1 0}#lfontsup-class-name-warning-container>p{flex:0 0 100%}.lfontsup-assign-container,.lfontsup-data-assign-container,.lfontsup-setting-delete-btn{width:100%}.lfontsup-edit-font-name{width:100%!important}.lfontsup-variant-content{align-items:center;display:flex;flex-direction:column;gap:20px}.lfontsup-variant-content>:nth-child(n){flex:1;text-align:center;width:100%}.flu-file-upload{padding:20px}.lfontsup-file-btn{font-size:.9rem;min-height:42px;padding:0 30px}.lfontsup-variant-actions{flex-flow:column-reverse;font-size:1rem;gap:10px}.lfontsup-rec-cards{grid-template-columns:repeat(1,1fr)}}