.font-header[data-v-5e346051]{align-items:center;display:flex}.font-header h3[data-v-5e346051]{font-size:.875rem;font-weight:500}.font-header span.red[data-v-5e346051]{color:red}.font-header span.optional[data-v-5e346051]{color:#999;font-size:.75rem;margin-left:.25rem}.font-view[data-v-5e346051]{display:grid;gap:.25rem;grid-template-columns:repeat(8,1fr);margin-bottom:1.5rem;padding:.625rem 0 0;width:100%}.font-view .font-list[data-v-5e346051]{cursor:pointer;padding:.25rem;position:relative;width:100%;word-break:break-word}.font-view .font-list .font-item[data-v-5e346051]{align-items:center;aspect-ratio:auto 1/1;background-color:#fff;border:.0625rem solid #e8e8e8;display:flex;margin-bottom:0;width:100%}.font-view .font-list .font-item img[data-v-5e346051]{height:100%;width:100%}.font-view .font-list .font-name[data-v-5e346051]{font-size:.8125rem;font-weight:400;text-align:center}.font-view .font-active[data-v-5e346051]{border:.0625rem solid var(--theme-color)}.font-view .font-active .font-item[data-v-5e346051]{border:none}.mobile-container .font-view[data-v-5e346051]{grid-template-columns:repeat(5,1fr)}.mobile-container .font-view .font-list .font-name[data-v-5e346051]{font-size:.75rem}