.picker.svelte-1cat3lr{display:flex;position:relative;width:fit-content;margin:0 auto;align-items:center}.picker.svelte-1cat3lr .list:where(.svelte-1cat3lr){width:250px;box-shadow:inset -3.84px 3.84px 17.28px #00000040;aspect-ratio:1/1;border:1px solid rgba(255,255,255,.25);border-left:none;border-bottom:none;background:linear-gradient(to bottom,#28282880,#0f0f0f80);border-radius:32px;overflow-y:auto;scroll-snap-type:y mandatory;scrollbar-width:none}.picker.svelte-1cat3lr .list:where(.svelte-1cat3lr)::-webkit-scrollbar{display:none}.picker.svelte-1cat3lr .list:where(.svelte-1cat3lr) .state:where(.svelte-1cat3lr){--color: rgba(255, 255, 255, .5);width:100%;height:100%;scroll-snap-align:start;padding:32px;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative}.picker.svelte-1cat3lr .list:where(.svelte-1cat3lr) .state.ohio:where(.svelte-1cat3lr){--color: #83cc1679}.picker.svelte-1cat3lr .list:where(.svelte-1cat3lr) .state.shanghai:where(.svelte-1cat3lr){--color: #e11d4879}.picker.svelte-1cat3lr .list:where(.svelte-1cat3lr) .state.newyork:where(.svelte-1cat3lr){--color: #1f6cf279}.picker.svelte-1cat3lr .list:where(.svelte-1cat3lr) .state.concord:where(.svelte-1cat3lr){--color: #8c1ff279}.picker.svelte-1cat3lr .list:where(.svelte-1cat3lr) .state.california:where(.svelte-1cat3lr){--color: #facc1579}.picker.svelte-1cat3lr .list:where(.svelte-1cat3lr) .state.georgia:where(.svelte-1cat3lr){--color: #f9731679}.picker.svelte-1cat3lr .list:where(.svelte-1cat3lr) .state:where(.svelte-1cat3lr) img:where(.svelte-1cat3lr){fill:var(--color);width:60%;aspect-ratio:1/1;filter:drop-shadow(0 0 20px var(--color))}.picker.svelte-1cat3lr .list:where(.svelte-1cat3lr) .state:where(.svelte-1cat3lr) span:where(.svelte-1cat3lr){position:absolute;bottom:28px;font-weight:600;font-size:16px;color:#c8c4c1}.picker.svelte-1cat3lr .dots:where(.svelte-1cat3lr){display:flex;flex-direction:column;gap:6px;position:absolute;right:-16px}.picker.svelte-1cat3lr .dots:where(.svelte-1cat3lr) div:where(.svelte-1cat3lr){width:6px;border-radius:100%;aspect-ratio:1/1;background-color:#ffffff40;border:1px solid rgba(255,255,255,.25);border-left:none;border-bottom:none;transition:.3s background-color}.picker.svelte-1cat3lr .dots:where(.svelte-1cat3lr) div.active:where(.svelte-1cat3lr){background-color:#ffffffbf;transition-duration:75ms}@media screen and (max-width:768px){.picker.svelte-1cat3lr .list:where(.svelte-1cat3lr){width:240px;height:190px;aspect-ratio:auto;border-radius:36px}.picker.svelte-1cat3lr .list:where(.svelte-1cat3lr) .state:where(.svelte-1cat3lr){padding:20px}.picker.svelte-1cat3lr .list:where(.svelte-1cat3lr) .state:where(.svelte-1cat3lr) img:where(.svelte-1cat3lr){height:55%;width:auto}.picker.svelte-1cat3lr .list:where(.svelte-1cat3lr) .state:where(.svelte-1cat3lr) span:where(.svelte-1cat3lr){font-size:14px}.picker.svelte-1cat3lr .dots:where(.svelte-1cat3lr){right:-11px;gap:5px}.picker.svelte-1cat3lr .dots:where(.svelte-1cat3lr) div:where(.svelte-1cat3lr){width:5px}}
