.ob{--ob-ease:cubic-bezier(.42, 0, .58, 1);--ob-lift:var(--color-fg);--ob-lift-ink:var(--color-bg);--ob-tile-1:var(--color-accent);--ob-tile-2:var(--color-accent-light);--ob-tile-3:var(--lightningcss-light,color-mix(in srgb, var(--color-accent-light) 42%, #fff))var(--lightningcss-dark,color-mix(in srgb, var(--color-accent-light) 28%, #fff));--ob-tile-ink:var(--color-accent-ink);--ob-backdrop:color-mix(in srgb, var(--color-fg) 13%, transparent);--ob-error:var(--lightningcss-light,#b42318)var(--lightningcss-dark,#ff8f7d)}@keyframes ob-enter{0%{opacity:0;filter:blur(6px);transform:translateY(25px)}}@keyframes ob-draw{0%{stroke-dashoffset:1px}}@keyframes ob-fade{to{opacity:0}}.ob-enter{animation:ob-enter .6s var(--ease-out-cubic) both;animation-delay:calc(var(--i,0) * 55ms)}.ob-backdrop path{stroke:var(--ob-backdrop);stroke-dasharray:1}.ob-backdrop-in path{animation:ob-draw 1.1s var(--ease-out-cubic) both}.ob-backdrop-in g:nth-child(2) path{animation-delay:90ms}.ob-backdrop-in g:nth-child(3) path{animation-delay:.18s}.ob-backdrop-out{animation:.45s ease-in both ob-fade}.ob-row{border:1px solid var(--color-line-strong);cursor:pointer;min-height:72px;transition:color .3s var(--ob-ease), background-color .3s var(--ob-ease), border-color .3s var(--ob-ease), box-shadow .3s var(--ob-ease), scale .3s var(--ob-ease);-webkit-tap-highlight-color:transparent;border-radius:16px;align-items:center;gap:16px;padding:8px 52px 8px 8px;display:flex;position:relative}@media (min-width:768px){.ob-row{gap:24px;padding-right:64px}}.ob-row:has(:checked){border-color:var(--color-fg);box-shadow:inset 0 0 0 1px var(--color-fg)}.ob-row:active{background:var(--ob-lift);color:var(--ob-lift-ink);box-shadow:none;border-color:#0000;scale:1.02}.ob-row:has(:focus-visible){background:var(--ob-lift);color:var(--ob-lift-ink);box-shadow:none;border-color:#0000;scale:1.02}@media (hover:hover) and (pointer:fine){.ob-row:hover{background:var(--ob-lift);color:var(--ob-lift-ink);box-shadow:none;border-color:#0000;scale:1.02}}.ob-row:active{scale:.99}.ob-hint{color:var(--color-fg-muted);transition:color .3s var(--ob-ease)}.ob-tile{color:var(--ob-tile-ink);background:var(--tile,var(--ob-tile-1));transition:background-color .3s var(--ob-ease), color .3s var(--ob-ease);border-radius:8px;flex:none;place-items:center;display:grid}.ob-tile path{stroke-dasharray:1}.ob-row:active :is(.ob-hint,.ob-tile){color:inherit;background:0 0}.ob-row:has(:focus-visible) :is(.ob-hint,.ob-tile){color:inherit;background:0 0}.ob-row:has(:focus-visible) .ob-tile path{animation:ob-draw .7s var(--ease-out-cubic) both}@media (hover:hover) and (pointer:fine){.ob-row:hover :is(.ob-hint,.ob-tile){color:inherit;background:0 0}.ob-row:hover .ob-tile path{animation:ob-draw .7s var(--ease-out-cubic) both}}.ob-mark{opacity:.45;width:22px;height:22px;transition:opacity .3s var(--ob-ease), background-color .3s var(--ob-ease);border:1.5px solid;place-items:center;display:grid;position:absolute;top:50%;right:18px;translate:0 -50%}@media (min-width:768px){.ob-mark{right:24px}}.ob-mark svg{opacity:0;transition:opacity .2s var(--ob-ease), scale .3s var(--ease-out-cubic);scale:.6}.ob-row:has(:checked) .ob-mark{opacity:1;background:var(--color-fg);border-color:var(--color-fg);color:var(--color-bg)}.ob-row:has(:checked):is(:hover,:active,:has(:focus-visible)) .ob-mark{background:var(--ob-lift-ink);border-color:var(--ob-lift-ink);color:var(--ob-lift)}.ob-row:has(:checked) .ob-mark svg{opacity:1;scale:1}.ob-cue{display:none}@media (hover:hover) and (pointer:fine){.ob-cue{height:28px;color:var(--color-fg-muted);opacity:0;transition:opacity .2s var(--ob-ease);pointer-events:none;justify-content:center;align-items:center;gap:10px;padding-top:10px;font-size:13px;display:flex}.ob-cue span{text-underline-offset:.2em;text-decoration:underline}.ob-cue svg{transition:translate .3s var(--ease-out-cubic)}:is(.ob-option:has(.ob-row:hover) .ob-cue,.ob-option:has(:focus-visible) .ob-cue){opacity:1}.ob-option:has(.ob-row:hover) .ob-cue svg{translate:3px}}.ob-field{border:1px solid var(--color-line-strong);width:100%;min-height:52px;color:var(--color-fg);transition:border-color .2s var(--ob-ease), box-shadow .2s var(--ob-ease);background:0 0;border-radius:12px;padding:0 16px;font-size:16px}.ob-field::placeholder{color:var(--color-fg-dim)}.ob-field:hover{border-color:var(--color-fg-subtle)}.ob-field:focus-visible{border-color:var(--color-fg);box-shadow:0 0 0 1px var(--color-fg);outline:none}.ob-field[aria-invalid=true]{border-color:var(--ob-error)}.ob-error{color:var(--ob-error)}