.font-selector[data-v-d987819e]{height:180px}.preview-box[data-v-d987819e]{transition:all .3s ease}.v-input__slot[data-v-d987819e]{margin-bottom:0}.title[data-v-52902f94]{padding:16px 0 30px 16px}.font-container[data-v-52902f94]{display:flex;flex-wrap:wrap;gap:10px;align-items:stretch}.font-container>.items[data-v-52902f94]{flex:1 1 calc(33.333% - 10px);box-sizing:border-box;display:flex;flex-direction:column}.buttonBox[data-v-52902f94]{width:100%;text-align:center;margin-top:20px}.btn-text[data-v-52902f94]{display:block;margin:0 auto;height:40px;line-height:40px;border:1px solid #c7c7c7;width:50%;padding:0 5px;box-sizing:border-box;border-radius:4px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;background-color:#f3f3f3;cursor:pointer}.btn-text[data-v-52902f94]:hover{background-color:#e6e6e6}.choose-font[data-v-52902f94],.v-card[data-v-52902f94]{display:flex;flex-direction:column;justify-content:space-between}.form-title[data-v-af4a6176]{width:130px;color:#777}.colorPickerButton[data-v-af4a6176]{height:32px;width:32px;border:1px solid #e8e8e8;border-radius:4px}