.palette-modal.svelte-1be8qd9{background:#141414a6;backdrop-filter:blur(48px) saturate(1.6);-webkit-backdrop-filter:blur(48px) saturate(1.6);border:1px solid rgba(255,255,255,.1);box-shadow:0 0 0 1px #0000004d,0 12px 48px #0000004d,0 2px 6px #00000026,inset 0 1px #ffffff0f;animation:svelte-1be8qd9-palette-in .3s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column;color:#fff}.palette-row.svelte-1be8qd9{display:flex;align-items:center;gap:.75rem;width:100%;padding:.625rem .75rem;border-radius:.5rem;transition:background-color .1s;text-align:left;cursor:pointer}.palette-row-compact.svelte-1be8qd9{padding:.4375rem .5rem;gap:.5rem}.palette-row.svelte-1be8qd9:hover,.palette-row-active.svelte-1be8qd9{background:#ffffff12}.palette-row.svelte-1be8qd9:hover svg,.palette-row-active.svelte-1be8qd9 svg{color:#fff}.palette-row.svelte-1be8qd9:hover div[class*=bg-black],.palette-row.svelte-1be8qd9:hover div[class*=bg-white],.palette-row-active.svelte-1be8qd9 div[class*=bg-black],.palette-row-active.svelte-1be8qd9 div[class*=bg-white]{background:#ffffff1a}.city-card.svelte-1be8qd9{cursor:pointer}.city-card.svelte-1be8qd9:hover img:where(.svelte-1be8qd9){transform:scale(1.05);transition:transform .4s ease}.city-card.svelte-1be8qd9 img:where(.svelte-1be8qd9){transition:transform .4s ease}.kbd.svelte-1be8qd9{display:inline-flex;align-items:center;padding:.1875rem .4375rem;border-radius:.25rem;background:#ffffff14;color:#ffffff80;font-family:ui-monospace,monospace;font-size:11px;line-height:1}.scrollbar-hide.svelte-1be8qd9{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-hide.svelte-1be8qd9::-webkit-scrollbar{display:none}.placeholder-transition.svelte-1be8qd9{transition:placeholder-color .3s ease}.palette-backdrop.svelte-1be8qd9{animation:svelte-1be8qd9-backdrop-in .25s ease-out}@keyframes svelte-1be8qd9-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes svelte-1be8qd9-palette-in{0%{opacity:0;transform:scale(.95) translateY(-12px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes svelte-1be8qd9-palette-in-mobile{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@media(max-width:639px){.palette-modal.svelte-1be8qd9{animation:svelte-1be8qd9-palette-in-mobile .3s cubic-bezier(.16,1,.3,1);border-radius:0!important;border:none!important}}