.flag-ratio-diagram.svelte-1mj28nm{display:grid;justify-items:start;gap:.35rem;width:fit-content;margin:0;font-variant-numeric:tabular-nums}.flag-ratio-diagram__plot.svelte-1mj28nm{display:grid;grid-template-columns:max-content 1.35rem;grid-template-rows:max-content 1.15rem;align-items:center;justify-items:center;width:fit-content}.flag-ratio-diagram__shape.svelte-1mj28nm{grid-column:1;grid-row:1;display:block;height:3.25rem;min-width:1px;border:1.5px solid var(--main-color);border-radius:.16rem;background:linear-gradient(150deg,var(--settings-bg) 50%,var(--settings-input-bg) 50%)}.flag-ratio-diagram__width.svelte-1mj28nm,.flag-ratio-diagram__height.svelte-1mj28nm{color:var(--settings-muted);font-size:.72rem;font-weight:700;line-height:1}.flag-ratio-diagram__width.svelte-1mj28nm{grid-column:1;grid-row:2}.flag-ratio-diagram__height.svelte-1mj28nm{grid-column:2;grid-row:1}figcaption.svelte-1mj28nm{color:var(--settings-muted);font-size:.75rem;line-height:1.35}.flag-ratio-diagram.compact.svelte-1mj28nm .flag-ratio-diagram__shape:where(.svelte-1mj28nm){height:2.55rem}.flag-ratio-diagram.compact.svelte-1mj28nm .flag-ratio-diagram__plot:where(.svelte-1mj28nm){grid-template-columns:max-content 1.2rem;grid-template-rows:max-content 1rem}.flag-ratio-diagram.compact.svelte-1mj28nm .flag-ratio-diagram__width:where(.svelte-1mj28nm),.flag-ratio-diagram.compact.svelte-1mj28nm .flag-ratio-diagram__height:where(.svelte-1mj28nm){font-size:.68rem}