.cp{--cp-bg: #1e2229;--cp-card: #292e38;--cp-card-2: #2d333d;--cp-deep: #252932;--cp-border: rgba(255, 255, 255, .1);--cp-border-soft: rgba(255, 255, 255, .06);--cp-text: #fafafa;--cp-soft: rgba(255, 255, 255, .7);--cp-dim: rgba(255, 255, 255, .5);--cp-faint: rgba(255, 255, 255, .4);--cp-ghost: rgba(255, 255, 255, .28);--cp-green: #aadeb3;--cp-green-fg: #1e2229;--cp-green-dim: rgba(170, 222, 179, .4);--cp-green-tint: rgba(170, 222, 179, .12);--cp-green-line: rgba(170, 222, 179, .45);--cp-rose: #deaad5;--cp-rose-tint: rgba(222, 170, 213, .1);--cp-wrong: #dc2626;--cp-wrong-text: #f87171;--cp-wrong-tint: rgba(220, 38, 38, .08);--cp-wrong-border: rgba(220, 38, 38, .4);--cp-warn: #f59e0b;--cp-warn-tint: rgba(245, 158, 11, .1);--cp-streak: #fdba74;--cp-streak-bg: rgba(253, 186, 116, .13);--cp-stripe: rgba(255, 255, 255, .035);--cp-lockfill: rgba(255, 255, 255, .08);--cp-scrim: rgba(0, 0, 0, .55)}.cp.cp-light{--cp-bg: #e4e9f2;--cp-card: #ffffff;--cp-card-2: #eceff5;--cp-deep: #d6dbe6;--cp-border: rgba(15, 23, 42, .12);--cp-border-soft: rgba(15, 23, 42, .07);--cp-text: #0f172a;--cp-soft: rgba(15, 23, 42, .72);--cp-dim: rgba(15, 23, 42, .55);--cp-faint: rgba(15, 23, 42, .4);--cp-ghost: rgba(15, 23, 42, .28);--cp-green: #4a9957;--cp-green-fg: #ffffff;--cp-green-dim: rgba(74, 153, 87, .4);--cp-green-tint: rgba(74, 153, 87, .1);--cp-green-line: rgba(74, 153, 87, .5);--cp-rose: #b863a8;--cp-rose-tint: rgba(184, 99, 168, .08);--cp-wrong: #ef4444;--cp-wrong-text: #dc2626;--cp-wrong-tint: rgba(239, 68, 68, .06);--cp-wrong-border: rgba(239, 68, 68, .4);--cp-warn: #b45309;--cp-warn-tint: rgba(180, 83, 9, .08);--cp-streak: #b45309;--cp-streak-bg: rgba(180, 83, 9, .12);--cp-stripe: rgba(15, 23, 42, .04);--cp-lockfill: rgba(15, 23, 42, .08);--cp-scrim: rgba(15, 23, 42, .4)}.cp button:not(:disabled){cursor:pointer;transition:filter .15s ease,background-color .15s ease,border-color .15s ease,opacity .15s ease}.cp button:not(:disabled):hover{filter:brightness(.93)}.cp button:not(:disabled):active{filter:brightness(.86)}body.theme-light .cp button:not(:disabled):hover{filter:brightness(.97)}body.theme-light .cp button:not(:disabled):active{filter:brightness(.93)}.cp-stripe-fill{background:repeating-linear-gradient(-55deg,var(--cp-stripe) 0px,var(--cp-stripe) 7px,transparent 7px,transparent 14px)}@keyframes cpDeal{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes cpFlip{0%{opacity:0;transform:perspective(700px) rotateX(82deg)}62%{opacity:1;transform:perspective(700px) rotateX(-9deg)}to{opacity:1;transform:none}}@keyframes cpFade{0%{opacity:0}to{opacity:1}}@keyframes cpUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes cpShimmer{0%{opacity:.4}50%{opacity:.85}to{opacity:.4}}@keyframes cpBar{0%{width:0}}.cp ::-moz-placeholder{color:inherit;opacity:.4}.cp ::placeholder{color:inherit;opacity:.4}@media (prefers-reduced-motion: reduce){.cp *,.cp *:before,.cp *:after{animation-duration:.25s!important;animation-timing-function:ease-out!important;animation-name:cpFade!important;animation-delay:0ms!important}}