.main.svelte-8febja{position:relative;width:100%;display:flex;flex-direction:column;align-items:center;max-width:calc(var(--main-max-width) * 1.2);margin-left:auto;margin-right:auto;padding-top:15px}.fonts-container.svelte-8febja{display:flex}.fonts-header.svelte-8febja{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:900px;margin-bottom:30px}.back-btn.svelte-8febja{background:none;border:none;color:#fff;font-family:Dotumche,sans-serif;font-size:24px;cursor:pointer;opacity:.8;transition:opacity .2s}.back-btn.svelte-8febja:hover{opacity:1}.section-title.svelte-8febja{font-family:Dotumche,sans-serif;font-size:24px;margin:0;font-weight:400}.fonts-container.svelte-8febja{display:flex;width:100%;max-width:900px;justify-content:space-between;gap:40px}.font-selection.svelte-8febja{display:flex;flex-direction:column;gap:15px;flex:1;margin-bottom:20px}.fnt.svelte-8febja{display:flex;flex-direction:column;gap:5px;cursor:pointer;padding:5px;border-radius:4px;transition:background .2s;align-self:flex-start}.font-name.svelte-8febja{font-size:26px;color:#9c9c9c;transition:color .2s}.fnt.active.svelte-8febja .font-name:where(.svelte-8febja),.fnt.svelte-8febja:hover .font-name:where(.svelte-8febja){color:#fff}.download-link.svelte-8febja{color:#ff8400;text-decoration:none;font-size:18px;font-family:Dotumche,sans-serif;align-self:flex-start}.download-link.svelte-8febja:hover{color:#ff0}.preview-side.svelte-8febja{display:flex;flex-direction:column;align-items:center;flex:1}.preview-box.svelte-8febja{font-size:28px;border:4px solid #fff;padding:30px 25px;width:100%;min-height:250px;box-sizing:border-box;background:#000;display:grid;grid-template-columns:1fr;grid-template-rows:1fr}.preview-page.svelte-8febja{grid-area:1 / 1;display:flex;flex-direction:column;gap:5px;text-align:start;transition:opacity .1s ease-in-out;opacity:0;pointer-events:none}.preview-page.active.svelte-8febja{opacity:1;pointer-events:auto}.pagination.svelte-8febja{margin-bottom:15px;display:flex;gap:30px;font-size:32px}.page-num.svelte-8febja{color:#555;cursor:pointer}.page-num.active.svelte-8febja{color:#fff}.disclaimer.svelte-8febja{font-size:16px;font-family:Comic Sans Pixel;color:#888;text-align:center;padding-bottom:20px}.orange-link.svelte-8febja{color:#ff8400;text-decoration:underline 2px}.orange-link.svelte-8febja:hover{color:#ff0}@media screen and (max-width: 710px){.fonts-container.svelte-8febja{flex-direction:column;align-items:center}.fnt.svelte-8febja,.download-link.svelte-8febja{align-self:center}.fonts-header.svelte-8febja{padding:0 10px}.preview-box.svelte-8febja{max-width:calc(100% - 60px)}}