.csRoot .pricingArtSparring{--pricingArtSparCard:340px;--pricingArtSparGap:14px;--pricingArtSparStep:calc(var(--pricingArtSparCard) + var(--pricingArtSparGap));--pricingArtSparPeek:37px;height:100%}.csRoot .pricingArtSparring .pricingArtSparringRail{display:flex;gap:var(--pricingArtSparGap);height:100%;padding:0 var(--pricingArtSparPeek);transform:translateX(calc(var(--pricingArtSparAt, 0) * var(--pricingArtSparStep) * -1));transition:transform var(--csStepMs) var(--csEaseSnap)}.csRoot .pricingArtSparring .pricingArtSparringSlot{flex:none;width:var(--pricingArtSparCard);height:100%}.csRoot .pricingArtSparring .csCardStatic{height:100%;transition:background var(--csTintMs) var(--csEase),border-color var(--csTintMs) var(--csEase),box-shadow var(--csTintMs) var(--csEase)}.csRoot .pricingArtSparring .pricingArtSparringHead{display:flex;align-items:center;gap:12px}.csRoot .pricingArtSparring .pricingArtSparringWho{display:flex;flex-direction:column;flex:1;min-width:0}.csRoot .pricingArtSparring .csCardTitle{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.csRoot .pricingArtSparring .pricingArtSparringFamily{font-size:11.5px;font-weight:500;letter-spacing:.02em;line-height:var(--csLeadBody);color:var(--csInkMeta)}.csRoot .pricingArtSparring .csStat{flex:none;width:104px}.csRoot .pricingArtSparring .csStatValue{font-size:28px}.csRoot .pricingArtSparring .pricingArtSparringSay{display:flex;align-items:center;gap:12px}.csRoot .pricingArtSparring .pricingArtSparringArt{display:block;flex:none;transition:filter var(--csTintMs) var(--csEaseOut)}.csRoot .pricingArtSparring .pricingArtSparringArt[data-quiet="1"]{filter:var(--csArtSpent)}.csRoot .pricingArtWp{height:100%;color:var(--csInkBody)}.csRoot .pricingArtWpHead{height:28px}.csRoot .pricingArtWpSet{min-width:0;overflow:hidden;font-family:var(--csDisplay);font-size:13.5px;font-weight:600;line-height:var(--csLeadTitle);white-space:nowrap;text-overflow:ellipsis;color:var(--csInk)}.csRoot .pricingArtWpFlash{position:absolute;inset:1px;border-radius:var(--csRadKey);background:var(--csAmber);opacity:0;pointer-events:none;animation:pricingArtWpFlash calc(var(--csTintMs) * 2) var(--csEaseOut) both}@keyframes pricingArtWpFlash{0%{opacity:.2}to{opacity:0}}.csRoot .pricingArtWpClockRow{display:flex;align-items:flex-end;height:56px}.csRoot .pricingArtWpClock{font-size:42px;font-weight:600;letter-spacing:-.02em;line-height:var(--csLeadFlat);color:var(--csInk);animation:pricingArtWpHop var(--csStepMs) var(--csEaseStep) both}@keyframes pricingArtWpHop{0%{opacity:.45;transform:translateY(-5px)}}.csRoot .pricingArtWpClockUnit{margin-left:1px;font-size:18px;font-weight:500;color:var(--csInkDim)}.csRoot .pricingArtWpLedger{height:28px}.csRoot .pricingArtWpTime{transition:opacity var(--csEnterMs) var(--csEaseOut),transform var(--csEnterMs) var(--csEaseOut)}.csRoot .pricingArtWpTime[data-state=ahead]{opacity:0;transform:translateY(4px)}.csRoot .pricingArtWpTime .csChip{justify-content:center;min-width:calc(5ch + 20px);transition:background-color var(--csTintMs) var(--csEase),border-color var(--csTintMs) var(--csEase),color var(--csTintMs) var(--csEase)}.csRoot .pricingArtWp .csChip[data-tone=quiet]{background:var(--csWellDeep)}