.guide-art{width:100%;height:auto;overflow:visible}.guide-art *{fill:none;stroke:var(--color-ink);stroke-width:1.6px;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke}.guide-art .road{stroke:var(--color-surface);stroke-width:4px}.guide-art .s-white{stroke:var(--color-surface);stroke-width:1.8px}.guide-art .f-white{fill:var(--color-surface)}.guide-art .f-sky{fill:var(--color-sky)}.guide-art .f-sage{fill:var(--color-sage)}.guide-art .f-blush{fill:var(--color-blush)}.guide-art .f-plum{fill:var(--color-plum)}.guide-art .f-mint{fill:var(--color-mint)}.guide-art .f-mustard{fill:var(--color-mustard)}.guide-art .f-teal{fill:var(--color-teal)}.guide-art .f-tint{fill:var(--color-teal-tint)}.guide-art .f-water{fill:var(--color-water)}.guide-art .f-cream2{fill:var(--color-cream-2)}.guide-art .f-top{fill:var(--color-rank-top)}.guide-art .f-good{fill:var(--color-rank-good)}.guide-art .f-mid{fill:var(--color-rank-mid)}.guide-art .f-low{fill:var(--color-rank-low)}.guide-art-panel{background:radial-gradient(color-mix(in srgb, var(--color-teal) 13%, transparent) 1px, transparent 1.5px) 0 0 / var(--dot,16px) var(--dot,16px), var(--color-cream-2);place-items:center;display:grid}