.appearance-control.svelte-9dro5f{width:max-content;font-family:Inter Variable,Inter,sans-serif;position:relative}summary.svelte-9dro5f{border-radius:var(--radius-md);width:2.85rem;height:2.85rem;box-shadow:var(--shadow-search);cursor:pointer;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffefaf5;border:1px solid #29432e2e;justify-content:center;align-items:center;padding:.3rem;list-style:none;display:flex}summary.svelte-9dro5f::-webkit-details-marker{display:none}summary.svelte-9dro5f:hover{border-color:var(--line-strong);background:var(--paper)}summary.svelte-9dro5f:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.map-swatch.svelte-9dro5f{background:linear-gradient(145deg, var(--land) 0 61%, var(--water) 61% 100%);border:1px solid #29432e33;border-radius:.55rem;flex:none;width:2.1rem;height:2.1rem;position:relative;overflow:hidden}.map-swatch.svelte-9dro5f:after{background:var(--road);content:"";border-radius:999px;width:.24rem;position:absolute;top:.25rem;bottom:.25rem;left:46%;transform:rotate(28deg);box-shadow:0 0 0 1px #29432e1a}.map-swatch.large.svelte-9dro5f{width:2.5rem;height:2.5rem}.appearance-menu.svelte-9dro5f{border-radius:var(--radius-lg);width:15.5rem;max-height:min(27rem,100dvh - 6rem);box-shadow:var(--shadow-float);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffefafa;border:1px solid #29432e29;gap:.25rem;padding:.4rem;display:grid;position:absolute;top:calc(100% + .45rem);left:0;overflow-y:auto}.appearance-menu.svelte-9dro5f button:where(.svelte-9dro5f){border-radius:var(--radius-md);min-height:3.25rem;color:var(--ink);text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:auto 1fr 1.2rem;align-items:center;gap:.65rem;padding:.35rem .5rem;font-size:.84rem;font-weight:660;display:grid}.appearance-menu.svelte-9dro5f button:where(.svelte-9dro5f):hover,.appearance-menu.svelte-9dro5f button.active:where(.svelte-9dro5f){background:var(--sage)}.appearance-menu.svelte-9dro5f button:where(.svelte-9dro5f):focus-visible{outline:3px solid var(--focus);outline-offset:-1px}.selection.svelte-9dro5f{color:var(--green-700);text-align:center;font-size:1rem;font-weight:800}@media (width<=480px){.appearance-menu.svelte-9dro5f{width:min(15.5rem,100vw - 1.6rem)}}