.route-thumbnail.svelte-siyyd{aspect-ratio:360/220;background:var(--route-thumbnail);color:var(--primary);border-radius:1rem;place-items:center;display:grid;position:relative;overflow:hidden}.route-watermark.svelte-siyyd{opacity:.22;letter-spacing:.15em;font-size:.65rem;font-weight:750;position:absolute;bottom:.6rem;right:.7rem}svg.svelte-siyyd{width:100%;height:100%;padding:.65rem;display:block}svg.svelte-siyyd path:where(.svelte-siyyd){fill:none;stroke:var(--primary);stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}svg.svelte-siyyd circle:where(.svelte-siyyd){fill:var(--primary)}.thumbnail-empty.svelte-siyyd{text-align:center}.thumbnail-empty.svelte-siyyd>span:where(.svelte-siyyd){opacity:.4;font-size:2.5rem}.thumbnail-empty.svelte-siyyd p:where(.svelte-siyyd){opacity:.8;font-size:.8rem}.compact.svelte-siyyd{aspect-ratio:4/3;border-radius:.625rem;width:104px}.compact.svelte-siyyd .route-watermark:where(.svelte-siyyd){display:none}.compact.svelte-siyyd svg:where(.svelte-siyyd),.compact.svelte-siyyd .thumbnail-empty:where(.svelte-siyyd){padding:.25rem}.compact.svelte-siyyd .thumbnail-empty:where(.svelte-siyyd)>span:where(.svelte-siyyd){font-size:1.25rem}.compact.svelte-siyyd .thumbnail-empty:where(.svelte-siyyd) p:where(.svelte-siyyd){font-size:.625rem;line-height:1.35}@media (width<=639px){.compact.svelte-siyyd{width:80px}}