.c8-glyph{font-family:var(--font-display);font-size:1.15em;font-weight:800;line-height:1}.c8-suit{text-transform:capitalize}.c8-suit.is-red .c8-glyph{color:var(--cherry)}.c8-picker{z-index:2000;background:var(--white);border:var(--edge);border-radius:var(--r-md);box-shadow:var(--hard);animation:c8-pop .26s var(--ease-spring);flex-direction:column;align-items:center;gap:8px;padding:10px 12px;display:flex;position:absolute;left:50%;translate:-50%}@keyframes c8-pop{0%{opacity:0;scale:.7}}.c8-picker-title{font-family:var(--font-display);letter-spacing:-.02em;margin:0;font-size:17px;font-weight:800}.c8-picker-row{gap:8px;display:flex}.c8-suit-btn{border:var(--edge);background:var(--cream);width:52px;height:52px;color:var(--ink);box-shadow:var(--hard-sm);cursor:pointer;transition:transform .14s var(--ease-spring), box-shadow .14s var(--ease-spring), background .14s;border-radius:14px;place-items:center;font-size:26px;display:grid;position:relative}.c8-suit-btn.is-red{color:var(--cherry)}.c8-suit-btn:hover{box-shadow:3px 3px 0 var(--ink);background:var(--sun);transform:translate(-1px,-1px)}.c8-suit-btn:active{box-shadow:none;transform:translate(2px,2px)}.c8-suit-btn small{border:2px solid var(--ink);background:var(--white);min-width:20px;height:20px;color:var(--ink);font-family:var(--font-body);border-radius:99px;padding:0 4px;font-size:11px;font-weight:800;line-height:16px;position:absolute;top:-7px;right:-7px}.c8-cancel{font:inherit;color:var(--ink-3);cursor:pointer;background:0 0;border:0;padding:2px 6px;font-size:13px;font-weight:750;text-decoration:underline}.c8-note{max-width:52ch;color:var(--ink-3);text-align:center;margin:0;font-size:13px;font-weight:650}@media (prefers-reduced-motion:reduce){.c8-picker{animation:none}}