.dodge-field{--df-ink:#f5f5f5;--df-contrast:#18181b;--df-height:240px;--df-ease-out:cubic-bezier(.23, 1, .32, 1);width:100%;height:var(--df-height);place-items:center;display:grid;position:relative}.dodge-field__mover{will-change:transform;display:inline-grid}.dodge-field__pill{background:color-mix(in srgb, var(--df-ink) 8%, transparent);height:52px;color:color-mix(in srgb, var(--df-ink) 72%, transparent);letter-spacing:-.012em;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:transform .16s var(--df-ease-out), background-color .22s ease, color .22s ease;border:0;border-radius:999px;justify-content:center;align-items:center;margin:0;padding:0 28px;font-family:inherit;font-size:18px;font-weight:500;line-height:1;display:inline-flex}.dodge-field__pill:active{transform:scale(.97)}.dodge-field__pill:focus-visible{outline:2px solid color-mix(in srgb, var(--df-ink) 60%, transparent);outline-offset:3px}@media (hover:hover) and (pointer:fine){.dodge-field__pill:hover{color:color-mix(in srgb, var(--df-ink) 90%, transparent)}}.dodge-field__mover[data-relented=true] .dodge-field__pill{color:var(--df-ink)}.dodge-field__mover[data-caught=true] .dodge-field__pill{background:var(--df-ink);color:var(--df-contrast)}.dodge-field__labels{display:grid}.dodge-field__label{white-space:nowrap;grid-area:1/1;transition:opacity .2s,filter .2s}.dodge-field__label[data-active=false]{opacity:0;filter:blur(2px)}.dodge-field__notice{color:color-mix(in srgb, var(--df-ink) 55%, transparent);text-align:center;pointer-events:none;margin:0;font-size:12px;position:absolute;inset:auto 0 12px}@media (prefers-reduced-motion:reduce){.dodge-field__pill{transition:background-color .22s,color .22s}.dodge-field__pill:active{transform:none}.dodge-field .dodge-field__label{filter:none}}