html[data-variant]:not([data-variant=pantsy]) .ui-options{position:relative;display:flex;flex-direction:column;flex:1 1 auto;min-height:0;overflow-y:auto;scrollbar-width:none;text-align:left;--ui-option-fs: var(--fs-d-34);--ui-option-track: var(--track-tightest)}html[data-variant]:not([data-variant=pantsy]) .ui-options::-webkit-scrollbar{display:none}html[data-variant]:not([data-variant=pantsy]) .ui-options:not(:first-child){margin-top:var(--space-18)}html[data-variant]:not([data-variant=pantsy]) .ui-options[data-size="28"]{--ui-option-fs: var(--fs-xl);--ui-option-track: var(--track-tight)}html[data-variant]:not([data-variant=pantsy]) .ui-options[data-size="24"]{--ui-option-fs: var(--fs-rd-cap);--ui-option-track: var(--track-tight)}html[data-variant]:not([data-variant=pantsy]) .ui-options[data-size="22"]{--ui-option-fs: var(--fs-lg);--ui-option-track: var(--track-tight)}html[data-variant]:not([data-variant=pantsy]) .ui-options[data-size="20"]{--ui-option-fs: var(--fs-d-20);--ui-option-track: var(--track-tight)}html[data-variant]:not([data-variant=pantsy]) .ui-options[data-size="18"]{--ui-option-fs: var(--fs-md);--ui-option-track: var(--track-body)}html[data-variant]:not([data-variant=pantsy]) .ui-options-lead{flex:0 0 auto;font-family:var(--font-display);font-style:italic;font-weight:var(--fw-medium);font-size:var(--fs-md);letter-spacing:var(--track-body);color:var(--role-recessed-ink);text-wrap:balance}html[data-variant]:not([data-variant=pantsy]) .ui-options-sub{flex:0 0 auto;margin-top:var(--space-8);font-family:var(--font-mono);font-size:var(--eyebrow-size);font-weight:var(--eyebrow-weight);letter-spacing:var(--eyebrow-track);text-transform:uppercase;color:var(--role-recessed-ink)}html[data-variant]:not([data-variant=pantsy]) .ui-options-grid{position:relative;display:flex;flex-direction:column;flex:1 0 auto;gap:var(--space-10)}html[data-variant]:not([data-variant=pantsy]) .ui-options-lead+.ui-options-grid,html[data-variant]:not([data-variant=pantsy]) .ui-options-sub+.ui-options-grid{margin-top:var(--space-10)}html[data-variant]:not([data-variant=pantsy]) .ui-options-grid:not(:last-child){margin-bottom:var(--space-14)}html[data-variant]:not([data-variant=pantsy]) .ui-option{position:relative;display:flex;flex-direction:column;justify-content:center;flex:1 1 0;box-sizing:border-box;width:100%;margin:0;padding:var(--space-18) var(--space-20);border:1px solid color-mix(in srgb,var(--ink) 12%,transparent);border-radius:var(--radius-btn);background:color-mix(in srgb,var(--ink) 4%,transparent);color:var(--text-on-card);font-family:inherit;text-align:left;container-type:inline-size;-webkit-tap-highlight-color:transparent}html[data-variant]:not([data-variant=pantsy]) .ui-option.is-tappable{cursor:pointer}html[data-variant]:not([data-variant=pantsy]) .ui-option.is-tappable:active{background:color-mix(in srgb,var(--ink) 6%,transparent)}html[data-variant]:not([data-variant=pantsy]) .ui-option.is-picked{padding:var(--space-16) var(--space-18);border:var(--border-selected) solid var(--role-signal-deep);background:linear-gradient(160deg,color-mix(in srgb,var(--role-signal-deep) 14%,transparent),color-mix(in srgb,var(--role-signal-deep) 5%,transparent))}html[data-variant]:not([data-variant=pantsy]) .ui-option-text{font-family:var(--font-display);font-weight:var(--fw-bold);font-size:var(--ui-option-fs, var(--fs-d-34));font-size:max(var(--fs-d-16),min(var(--ui-option-fs, var(--fs-d-34)),calc(100cqi / (var(--ui-option-word, 1) * .62))));line-height:var(--lh-rd-tile);letter-spacing:var(--ui-option-track);text-wrap:balance;overflow-wrap:anywhere}html[data-variant]:not([data-variant=pantsy]) .ui-option-tag{margin-top:var(--space-8);font-family:var(--font-mono);font-size:var(--eyebrow-size);font-weight:var(--eyebrow-weight);letter-spacing:var(--track-caps);text-transform:uppercase;color:var(--role-recessed-ink)}html[data-variant]:not([data-variant=pantsy]) .ui-option-tick{position:absolute;top:var(--space-10);right:var(--space-10);display:flex;align-items:center;justify-content:center;width:var(--space-18);height:var(--space-18);border-radius:var(--radius-pill);background:var(--role-signal-deep);color:var(--surface-card);font-size:var(--fs-d-14);font-weight:var(--fw-black);line-height:var(--rx-lh-glyph)}html[data-variant]:not([data-variant=pantsy]) .ui-options-or{display:flex;align-items:center;flex:0 0 auto;gap:var(--space-12);padding:0 var(--space-4)}html[data-variant]:not([data-variant=pantsy]) .ui-options-or-word{border-top:1px solid transparent;font-family:var(--font-display);font-style:italic;font-weight:var(--fw-medium);font-size:var(--fs-md);letter-spacing:var(--track-body);color:var(--role-recessed-ink)}html[data-variant]:not([data-variant=pantsy]) .ui-options-foot{position:relative;flex:0 0 auto;margin:auto 0 0;padding-top:var(--space-14);border-top:1px solid color-mix(in srgb,var(--ink) 12%,transparent);font-family:var(--font-body);font-size:var(--fs-d-14);font-weight:var(--fw-medium);line-height:var(--lh-body);opacity:var(--alpha-near-full);text-wrap:pretty}html[data-variant]:not([data-variant=pantsy]) .ui-options-grid--list .ui-option{justify-content:center;padding:var(--space-14) var(--space-18) var(--space-14) var(--space-20)}html[data-variant]:not([data-variant=pantsy]) .ui-options-grid--list .ui-option.is-picked{padding:var(--space-12) var(--space-16) var(--space-12) var(--space-18);background:color-mix(in srgb,var(--ink) 4%,transparent)}html[data-variant]:not([data-variant=pantsy]) .ui-options--deep{--ui-option-track: var(--track-tight)}html[data-variant]:not([data-variant=pantsy]) .ui-options--deep .ui-options-lead{letter-spacing:var(--track-tight);color:var(--role-supporting)}html[data-variant]:not([data-variant=pantsy]) .ui-options--deep .ui-options-sub,html[data-variant]:not([data-variant=pantsy]) .ui-options--deep .ui-option-tag{color:var(--role-supporting)}html[data-variant]:not([data-variant=pantsy]) .ui-options--deep .ui-options-lead+.ui-options-grid,html[data-variant]:not([data-variant=pantsy]) .ui-options--deep .ui-options-sub+.ui-options-grid{margin-top:var(--space-16)}html[data-variant]:not([data-variant=pantsy]) .ui-options--deep .ui-option{padding:var(--space-16) var(--space-18);border-color:color-mix(in srgb,var(--text-on-deep) 7%,transparent);background:color-mix(in srgb,var(--text-on-deep) 4.5%,transparent);color:var(--text-on-deep)}html[data-variant]:not([data-variant=pantsy]) .ui-options--deep .ui-option.is-tappable:active{background:color-mix(in srgb,var(--text-on-deep) 12%,transparent)}html[data-variant]:not([data-variant=pantsy]) .ui-options--deep .ui-option.is-picked{border:var(--border-field) solid var(--primary);background:linear-gradient(160deg,color-mix(in srgb,var(--primary) 22%,transparent),color-mix(in srgb,var(--primary) 8%,transparent))}html[data-variant]:not([data-variant=pantsy]) .ui-options--deep .ui-option.is-lit{padding:var(--space-18) var(--space-20);border:var(--border-field) solid var(--primary);background:linear-gradient(160deg,color-mix(in srgb,var(--primary) 22%,transparent),color-mix(in srgb,var(--primary) 8%,transparent))}html[data-variant]:not([data-variant=pantsy]) .ui-options--deep .ui-option-text{padding-right:var(--space-24)}html[data-variant]:not([data-variant=pantsy]) .ui-options--deep .ui-option-tick{background:var(--primary);color:var(--primary-on);font-size:var(--eyebrow-size)}html[data-variant]:not([data-variant=pantsy]) .ui-options--deep .ui-options-or-word{color:var(--text-soft)}html[data-variant]:not([data-variant=pantsy]) .ui-options--deep .ui-options-foot{margin-top:var(--space-14);border-top-color:color-mix(in srgb,var(--text-on-deep) 14%,transparent);font-family:var(--font-mono);font-size:var(--eyebrow-size);font-weight:var(--eyebrow-weight);line-height:var(--lh-snug);letter-spacing:var(--track-caps);text-transform:uppercase;color:var(--role-supporting);opacity:1}html[data-variant]:not([data-variant=pantsy]) .ui-options--deep .ui-options-grid:not(:last-child){margin-bottom:0}html[data-variant]:not([data-variant=pantsy]) .ui-strip{display:grid;grid-template-columns:repeat(var(--ui-strip-cells, 20),minmax(0,1fr));gap:var(--space-4);box-sizing:border-box;width:100%;padding:var(--space-2) var(--space-4) var(--space-4)}html[data-variant]:not([data-variant=pantsy]) .ui-strip-cell{display:flex;align-items:center;justify-content:center;box-sizing:border-box;height:var(--space-24);border:1px solid color-mix(in srgb,var(--text-on-deep) 14%,transparent);border-radius:var(--radius-xs);background:color-mix(in srgb,var(--text-on-deep) 12%,transparent);color:var(--text-on-deep);font-family:var(--font-mono);font-size:var(--fs-d-8);font-weight:var(--fw-bold);font-variant-numeric:tabular-nums}html[data-variant]:not([data-variant=pantsy]) .ui-strip-cell[data-state=current]{border-color:var(--primary);background:var(--primary);color:var(--primary-on)}html[data-variant]:not([data-variant=pantsy]) .ui-strip-cell[data-state=ahead],html[data-variant]:not([data-variant=pantsy]) .ui-strip-cell[data-state=out]{border:var(--border-field) dashed color-mix(in srgb,var(--text-on-deep) 14%,transparent);background:none;color:var(--text-soft)}html[data-variant]:not([data-variant=pantsy]) .ui-strip-cell[data-state=out]{opacity:.5;text-decoration:line-through}html[data-variant]:not([data-variant=pantsy]) .ui-timer{position:relative;box-sizing:border-box;width:100%;height:var(--bar-h);border-radius:var(--radius-pill);background:color-mix(in srgb,var(--text-on-deep) 12%,transparent);overflow:hidden}html[data-variant]:not([data-variant=pantsy]) .ui-timer-fill{height:100%;border-radius:var(--radius-pill);background:var(--primary)}html[data-variant]:not([data-variant=pantsy]) .ui-timer.is-urgent .ui-timer-fill{animation:ui-timer-urgent .9s ease-in-out infinite}@keyframes ui-timer-urgent{0%,to{opacity:1}50%{opacity:.5}}html[data-variant]:not([data-variant=pantsy]) .ui-timer-block{display:flex;flex-direction:column;align-items:center;gap:var(--space-10)}html[data-variant]:not([data-variant=pantsy]) .ui-reactions{display:flex;align-items:center;box-sizing:border-box;width:100%;gap:var(--space-6)}html[data-variant]:not([data-variant=pantsy]) .ui-reactions-tray,html[data-variant]:not([data-variant=pantsy]) .ui-reactions-cells{display:contents}html[data-variant]:not([data-variant=pantsy]) .ui-reaction{flex:1 1 0;box-sizing:border-box;min-width:calc(var(--space-12) * 3);height:var(--tap-min);margin:0;padding:0;border:0;border-radius:var(--radius-md);background:color-mix(in srgb,var(--text-on-deep) 4.5%,transparent);color:var(--text-on-deep);font-size:var(--fs-lg);line-height:var(--rx-lh-glyph);cursor:pointer;-webkit-tap-highlight-color:transparent}html[data-variant]:not([data-variant=pantsy]) .ui-reaction:active,html[data-variant]:not([data-variant=pantsy]) .ui-reaction.is-pressed{background:color-mix(in srgb,var(--text-on-deep) 12%,transparent)}html[data-variant]:not([data-variant=pantsy]) .ui-reactions-cells.is-cooling .ui-reaction{opacity:var(--rx-cool-opacity);cursor:default}html[data-variant]:not([data-variant=pantsy]) .ui-reactions--hug{justify-content:center;gap:var(--space-10)}html[data-variant]:not([data-variant=pantsy]) .ui-reactions--hug .ui-reaction{flex:0 0 auto;width:var(--tap-min);min-width:0;border:1px solid color-mix(in srgb,var(--text-on-deep) 14%,transparent)}html[data-variant]:not([data-variant=pantsy]) .ui-reactions--door{gap:var(--space-8)}html[data-variant]:not([data-variant=pantsy]) .ui-reactions--door .ui-reaction{min-width:0;height:calc(var(--tap-min) + var(--space-2));border:1px solid color-mix(in srgb,var(--text-on-deep) 7%,transparent)}html[data-variant]:not([data-variant=pantsy]) .ui-reaction--door{display:flex;align-items:center;justify-content:center;flex:1.9 1 0;gap:var(--space-6);font-family:var(--font-mono);font-size:var(--eyebrow-size);font-weight:var(--eyebrow-weight);letter-spacing:var(--eyebrow-track);text-transform:uppercase;white-space:nowrap}html[data-variant]:not([data-variant=pantsy]) .ui-reaction-chev{font-family:var(--font-body);font-size:var(--fs-d-14);font-weight:var(--fw-bold);letter-spacing:var(--track-body);line-height:var(--rx-lh-glyph);color:var(--role-supporting)}@media(prefers-reduced-motion:reduce){html[data-variant]:not([data-variant=pantsy]) .ui-timer.is-urgent .ui-timer-fill{animation:none}}html[data-variant]:not([data-variant=pantsy]) .ui-option-tag.is-first{margin-top:0;margin-bottom:var(--space-8)}
