.CardAddControl-module__ZWNfhG__root{will-change:width;border-radius:999px;flex:none;justify-content:flex-end;min-width:36px;height:36px;display:inline-flex;overflow:hidden}.CardAddControl-module__ZWNfhG__add{width:36px;height:36px;color:var(--ink);background:var(--card);border-radius:999px;place-items:center;transition:color .15s,background .15s;display:grid}.CardAddControl-module__ZWNfhG__add:hover{color:var(--card);background:var(--red)}.CardAddControl-module__ZWNfhG__pill{box-sizing:border-box;border:1px solid color-mix(in srgb, var(--red) 72%, var(--ink));height:36px;color:var(--card);background:var(--red);border-radius:999px;flex:none;align-items:center;gap:2px;padding:0 4px;display:inline-flex}.CardAddControl-module__ZWNfhG__pillButton{width:28px;height:28px;color:var(--card);border-radius:999px;place-items:center;transition:background .15s;display:grid}.CardAddControl-module__ZWNfhG__pillButton:hover{background:color-mix(in srgb, var(--card) 16%, transparent)}.CardAddControl-module__ZWNfhG__quantity{width:22px;height:100%;color:var(--card);font-family:var(--mono);font-variant-numeric:tabular-nums;place-items:center;font-size:13px;font-weight:600;display:inline-grid;overflow:hidden}@media (prefers-reduced-motion:reduce){.CardAddControl-module__ZWNfhG__root{will-change:auto}}@media (max-width:720px){.CardAddControl-module__ZWNfhG__root,.CardAddControl-module__ZWNfhG__add{min-width:32px;height:32px}.CardAddControl-module__ZWNfhG__add{width:32px;height:32px}.CardAddControl-module__ZWNfhG__pill{height:32px;padding:0 2px}.CardAddControl-module__ZWNfhG__pillButton{width:24px;height:24px}.CardAddControl-module__ZWNfhG__quantity{width:20px;font-size:11px}}