.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}}
.specular-button{--sb-radius:18px;--sb-tint:#fff;--sb-tint-opacity:.04;--sb-blur:0px;--sb-text-color:#f5f5f5;isolation:isolate;border-radius:var(--sb-radius);font:inherit;letter-spacing:.01em;color:var(--sb-text-color);background:color-mix(in srgb, var(--sb-tint) calc(var(--sb-tint-opacity) * 100%), transparent);-webkit-backdrop-filter:blur(var(--sb-blur));backdrop-filter:blur(var(--sb-blur));cursor:pointer;-webkit-tap-highlight-color:transparent;border:0;outline:none;justify-content:center;align-items:center;gap:.5em;margin:0;font-weight:500;line-height:1;transition:transform .25s cubic-bezier(.2,.8,.2,1);display:inline-flex;position:relative;box-shadow:0 10px 24px -14px #00000073}.specular-button:active{transform:scale(.97)}.specular-button:focus-visible{outline:2px solid color-mix(in srgb, var(--sb-text-color) 55%, transparent);outline-offset:3px}.specular-button:disabled{opacity:.5;cursor:default}.specular-button:disabled:active{transform:none}.specular-button--sm{padding:10px 20px;font-size:.875rem}.specular-button--md{padding:14px 28px;font-size:1rem}.specular-button--lg{padding:18px 38px;font-size:1.125rem}.specular-button__light{z-index:1;pointer-events:none;width:calc(100% + 48px);height:calc(100% + 48px);display:block;position:absolute;inset:-24px}.specular-button__label{z-index:2;align-items:center;gap:inherit;display:inline-flex;position:relative}