.ccx{--ccv-a: #6c5ce7;--ccv-b: #00cec9;--ccv-r: 26px;--ccv-w: 560px;--bg: #fff;--tx: #16162c;--mu: #6c6c88;--bd: #ecebf5;--fl: #f6f5fc;--fl2: #fff;--pop: #fff;--sh: 0 30px 70px -34px rgba(40,30,110,.35),0 4px 16px rgba(40,30,110,.05);--up: #00a37a;--dn: #e5484d;font-family: inherit;line-height: 1.45}.ccx *,.ccx *::before,.ccx *::after{box-sizing: border-box}.ccx [hidden]{display: none !important}.ccv-skin-dark{--bg: #15162b;--tx: #fff;--mu: #a3a3c4;--bd: rgba(255,255,255,.09);--fl: rgba(255,255,255,.05);--fl2: rgba(255,255,255,.07);--pop: #1f2040;--sh: 0 30px 70px -30px rgba(0,0,0,.7);--up: #55efc4;--dn: #ff7675}.ccv-skin-glass{--bg: rgba(255,255,255,.12);--tx: #fff;--mu: rgba(255,255,255,.75);--bd: rgba(255,255,255,.22);--fl: rgba(255,255,255,.1);--fl2: rgba(255,255,255,.14);--pop: #2a2458;--sh: 0 24px 60px rgba(0,0,0,.22);--up: #55efc4;--dn: #ffb3b3}.ccv-skin-glass .ccx-card{-webkit-backdrop-filter: blur(20px) saturate(1.5);backdrop-filter: blur(20px) saturate(1.5)}.ccv-skin-gradient{--bg: linear-gradient(140deg,var(--ccv-a),var(--ccv-b));--tx: #fff;--mu: rgba(255,255,255,.82);--bd: rgba(255,255,255,.24);--fl: rgba(255,255,255,.15);--fl2: rgba(255,255,255,.2);--pop: #fff;--up: #fff;--dn: #fff}.ccv-skin-soft{--bg: color-mix(in srgb,var(--ccv-a) 6%,#fff);--bd: color-mix(in srgb,var(--ccv-a) 14%,#fff);--fl: #fff;--fl2: #fff;--sh: none}.ccv-skin-bold{--bg: #fffdf2;--tx: #111;--mu: #444;--bd: #111;--fl: #fff;--fl2: #fff;--sh: 7px 7px 0 #111}.ccv-skin-bold .ccx-card,.ccv-skin-bold .ccx-field .ccx-frow2,.ccv-skin-bold .ccx-panel,.ccv-skin-bold .ccx-key,.ccv-skin-bold .ccx-mrow{border-width: 2px !important}.ccv-skin-minimal{--bg: transparent;--tx: currentColor;--mu: color-mix(in srgb,currentColor 60%,transparent);--bd: color-mix(in srgb,currentColor 14%,transparent);--fl: color-mix(in srgb,currentColor 5%,transparent);--fl2: transparent;--sh: none}.ccv-skin-minimal .ccx-card{padding: 0 !important;border: 0 !important}.ccv-skin-neon{--bg: #0a0b1d;--tx: #fff;--mu: #9b9bc8;--bd: color-mix(in srgb,var(--ccv-b) 30%,transparent);--fl: rgba(255,255,255,.04);--fl2: rgba(255,255,255,.06);--pop: #151735;--sh: 0 0 0 1px color-mix(in srgb,var(--ccv-b) 25%,transparent),0 0 50px -12px color-mix(in srgb,var(--ccv-b) 60%,transparent);--up: #55efc4;--dn: #ff7675}.ccv-skin-neon .ccx-rout,.ccv-skin-neon .ccx-sout,.ccv-skin-neon .ccx-hrate strong,.ccv-skin-neon .ccx-d2{text-shadow: 0 0 22px color-mix(in srgb,var(--ccv-b) 70%,transparent)}.ccx-card{position: relative;max-width: var(--ccv-w);margin: 0 auto;padding: 26px;border: 1px solid var(--bd);border-radius: var(--ccv-r);background: var(--bg);color: var(--tx);box-shadow: var(--sh);text-align: left}.ccx-head{margin-bottom: 18px}.ccx .ccx-title{margin: 0;padding: 0;color: var(--tx);font-size: 21px;font-weight: 850;letter-spacing: -.01em;line-height: 1.2}.ccx .ccx-sub{margin: 5px 0 0;color: var(--mu);font-size: 14px}.ccx .ccx-foot{margin: 16px 0 0;color: var(--mu);font-size: 12px}.ccx-fallback{margin: 0;font-size: 18px;font-weight: 800}.ccx-lab{display: block;margin: 0 0 6px;color: var(--mu);font-size: 12px;font-weight: 750;letter-spacing: .04em;text-transform: uppercase}.ccx-flag{display: inline-grid;place-items: center;flex: 0 0 auto;width: 26px;height: 26px;overflow: hidden;border-radius: 50%;background: color-mix(in srgb,var(--ccv-a) 16%,var(--fl2));color: var(--ccv-a);box-shadow: 0 0 0 1px rgba(0,0,0,.06) inset;font-size: 12px;font-weight: 850;line-height: 1}.ccx-flag svg{width: 100%;height: 100%;display: block}.ccv-skin-gradient .ccx-flag.is-sym,.ccv-skin-dark .ccx-flag.is-sym,.ccv-skin-neon .ccx-flag.is-sym,.ccv-skin-glass .ccx-flag.is-sym{background: rgba(255,255,255,.18);color: #fff}.ccx .ccx-amt{width: 100%;min-width: 0;margin: 0;padding: 0;border: 0 !important;outline: 0;background: transparent !important;box-shadow: none !important;color: var(--tx) !important;font: inherit;font-size: 24px;font-weight: 800;font-variant-numeric: tabular-nums;letter-spacing: -.01em}.ccx-frow2{display: flex;align-items: center;gap: 8px}.ccx-field .ccx-frow2{padding: 8px 8px 8px 16px;border: 1px solid var(--bd);border-radius: calc(var(--ccv-r) * .6);background: var(--fl);transition: border-color .2s,box-shadow .2s}.ccx-field .ccx-frow2:focus-within{border-color: var(--ccv-a);box-shadow: 0 0 0 4px color-mix(in srgb,var(--ccv-a) 16%,transparent)}.ccv-skin-gradient .ccx-field .ccx-frow2:focus-within{border-color: #fff;box-shadow: 0 0 0 4px rgba(255,255,255,.2)}.ccx-pick{position: relative;flex: 0 0 auto}.ccx .ccx-pbtn{display: inline-flex;align-items: center;gap: 8px;min-height: 44px;margin: 0;padding: 6px 10px 6px 7px;border: 1px solid var(--bd) !important;border-radius: 999px;background: var(--fl2) !important;box-shadow: 0 2px 8px -4px rgba(0,0,0,.15);color: var(--tx) !important;font: inherit;font-size: 14px;line-height: 1.1;text-align: left;cursor: pointer;transition: transform .15s,border-color .2s}.ccx .ccx-pbtn:hover{border-color: var(--ccv-a) !important}.ccx-pt{display: flex;flex-direction: column}.ccx-pt b{font-weight: 850}.ccx-pt small{max-width: 120px;overflow: hidden;color: var(--mu);font-size: 11px;white-space: nowrap;text-overflow: ellipsis}.ccx-caret{display: inline-grid;color: var(--mu);transition: transform .2s}.ccx-caret svg{width: 15px;height: 15px}.ccx-pick.is-open .ccx-caret{transform: rotate(180deg)}.ccx-pbtn > svg{width: 18px;height: 18px}.ccx-pop{position: absolute;top: calc(100% + 8px);left: 0;z-index: 60;width: 300px;max-width: calc(100vw - 32px);padding: 8px;border: 1px solid rgba(20,20,60,.1);border-radius: 18px;background: var(--pop);box-shadow: 0 30px 60px -20px rgba(20,20,60,.45);color: #16162c;animation: ccxPop .18s ease}.ccv-skin-dark .ccx-pop,.ccv-skin-glass .ccx-pop,.ccv-skin-neon .ccx-pop{border-color: rgba(255,255,255,.1);color: #fff}.ccx-pick.is-right .ccx-pop{left: auto;right: 0}.ccx-pick.is-up .ccx-pop{top: auto;bottom: calc(100% + 8px)}.ccx-q{display: flex;align-items: center;gap: 8px;margin: 0 0 6px;padding: 0 12px;border-radius: 12px;background: rgba(120,120,160,.1)}.ccx-q svg{width: 16px;height: 16px;opacity: .6}.ccx .ccx-q input{width: 100%;min-height: 40px;margin: 0;padding: 0;border: 0 !important;outline: 0;background: transparent !important;box-shadow: none !important;color: inherit !important;font: inherit;font-size: 14px}.ccx-opts{max-height: 270px;overflow-y: auto;overscroll-behavior: contain}.ccx .ccx-opt{display: flex;align-items: center;gap: 10px;width: 100%;margin: 0;padding: 8px 10px;border: 0 !important;border-radius: 10px;background: transparent !important;box-shadow: none;color: inherit !important;font: inherit;font-size: 14px;text-align: left;cursor: pointer}.ccx .ccx-opt span:last-child{overflow: hidden;opacity: .65;white-space: nowrap;text-overflow: ellipsis}.ccx .ccx-opt:hover,.ccx .ccx-opt.is-act{background: rgba(120,120,160,.12) !important}.ccx .ccx-opt.is-sel{background: color-mix(in srgb,var(--ccv-a) 14%,transparent) !important}.ccx-opt b{min-width: 36px;font-weight: 850}.ccx-none{margin: 10px;opacity: .6;font-size: 13px}.ccx-pick .ccx-nflag{position: absolute;left: 8px;top: 50%;transform: translateY(-50%);pointer-events: none;display: grid}.ccx .ccx-select{appearance: none;-webkit-appearance: none;min-height: 44px;margin: 0;padding: 0 30px 0 40px;border: 1px solid var(--bd);border-radius: 999px;background: var(--fl2);color: var(--tx);font: inherit;font-size: 14px;font-weight: 800;cursor: pointer;max-width: 190px}.ccx .ccx-select option{color: #16162c}.ccx-pick > .ccx-caret{position: absolute;right: 10px;top: 50%;transform: translateY(-50%);pointer-events: none}.ccx:not(:has(.ccx-flag)) .ccx-select{padding-left: 14px}.ccx .ccx-swap{display: grid;place-items: center;width: 46px;height: 46px;margin: 0;padding: 0;border: 0 !important;border-radius: 50%;background: linear-gradient(135deg,var(--ccv-a),var(--ccv-b)) !important;box-shadow: 0 10px 22px -10px var(--ccv-a);color: #fff !important;cursor: pointer;transition: transform .2s}.ccx .ccx-swap:hover{transform: scale(1.06)}.ccx-swap svg{width: 20px;height: 20px}.ccx-swap.is-spin svg{animation: ccxSpin .45s cubic-bezier(.3,1.3,.5,1)}.ccv-skin-gradient .ccx-swap{background: #fff !important;color: var(--ccv-a) !important}.ccx-grid{display: grid;grid-template-columns: 1fr auto 1fr;align-items: end;gap: 12px}.ccx-grid > .ccx-swap{margin-bottom: 6px}.ccx-result{margin: 20px 0 4px}.ccx-rfrom{display: block;color: var(--mu);font-size: 14px;font-weight: 600}.ccx-rout{display: block;margin-top: 2px;background: linear-gradient(90deg,var(--tx),color-mix(in srgb,var(--ccv-a) 70%,var(--tx)));-webkit-background-clip: text;background-clip: text;color: transparent;font-size: clamp(26px,4vw,36px);font-weight: 900;letter-spacing: -.02em;line-height: 1.15;font-variant-numeric: tabular-nums}.ccv-skin-gradient .ccx-rout,.ccv-skin-glass .ccx-rout,.ccv-skin-minimal .ccx-rout{background: none;color: var(--tx)}.ccx-pairs{display: flex;flex-wrap: wrap;gap: 6px;margin-bottom: 16px}.ccx .ccx-pair{display: inline-flex;align-items: center;gap: 6px;margin: 0;padding: 4px 11px 4px 4px;border: 1px solid var(--bd) !important;border-radius: 999px;background: var(--fl) !important;box-shadow: none;color: var(--tx) !important;font: inherit;font-size: 12.5px;font-weight: 750;cursor: pointer}.ccx-pair .ccx-flag{width: 20px;height: 20px;font-size: 10px}.ccx .ccx-pair.is-on{border-color: var(--ccv-a) !important;background: color-mix(in srgb,var(--ccv-a) 14%,var(--fl2)) !important}.ccx-actions{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;gap: 10px;margin-top: 14px}.ccx-meta{display: flex;flex-direction: column;gap: 2px;min-width: 0}.ccx-rate{color: var(--tx);font-size: 13px;font-weight: 700;font-variant-numeric: tabular-nums}.ccx-upd{color: var(--mu);font-size: 11.5px}.ccx-upd::before{content: "";display: inline-block;width: 7px;height: 7px;margin-right: 6px;border-radius: 50%;background: var(--up);box-shadow: 0 0 0 3px color-mix(in srgb,var(--up) 25%,transparent);vertical-align: 1px}.ccx-meta.is-demo .ccx-upd::before{background: #f5b301;box-shadow: 0 0 0 3px rgba(245,179,1,.25)}.ccx .ccx-copy{display: inline-flex;align-items: center;gap: 6px;margin: 0;padding: 8px 14px;border: 1px solid var(--bd) !important;border-radius: 999px;background: var(--fl) !important;box-shadow: none;color: var(--tx) !important;font: inherit;font-size: 13px;font-weight: 750;cursor: pointer}.ccx-copy svg{width: 15px;height: 15px}.ccx .ccx-copy.is-done{border-color: var(--up) !important;color: var(--up) !important}.ccx .ccx-cta{display: flex;align-items: center;justify-content: center;gap: 8px;margin-top: 16px;padding: 15px 22px;border-radius: 999px;background: linear-gradient(135deg,var(--ccv-a),var(--ccv-b));box-shadow: 0 16px 30px -16px var(--ccv-a);color: #fff !important;font-weight: 800;text-decoration: none !important;transition: transform .2s,box-shadow .2s}.ccx .ccx-cta:hover{transform: translateY(-2px);box-shadow: 0 20px 34px -16px var(--ccv-a)}.ccx-cta svg{width: 18px;height: 18px;transition: transform .2s}.ccx-cta:hover svg{transform: translateX(3px)}.ccv-skin-gradient .ccx-cta{background: #fff;color: var(--ccv-a) !important}.ccx-fees{position: relative;margin-top: 16px;padding: 4px 0 4px 18px}.ccx-fees::before{content: "";position: absolute;left: 5px;top: 10px;bottom: 10px;width: 2px;border-radius: 2px;background: var(--bd)}.ccx-fees .ccx-frow{position: relative;display: flex;align-items: baseline;justify-content: space-between;gap: 12px;padding: 5px 0;color: var(--mu);font-size: 13.5px}.ccx-fdot{position: absolute;left: -17px;top: 11px;width: 10px;height: 10px;border: 2px solid var(--bg,#fff);border-radius: 50%;background: var(--bd)}.ccx-fees .ccx-frow b{color: var(--tx);font-weight: 800;font-variant-numeric: tabular-nums;text-align: right}.ccx-f-rate b{color: color-mix(in srgb,var(--ccv-a) 70%,var(--tx))}.ccx-f-rate .ccx-fdot{background: var(--ccv-a)}.ccx-f-cost{border-top: 1px dashed var(--bd);margin-top: 3px;padding-top: 8px !important}.ccx-fnote{margin: 8px 0 0;padding: 8px 12px;border-radius: 10px;background: color-mix(in srgb,var(--up) 12%,transparent);color: var(--tx);font-size: 12.5px;font-weight: 650}.ccv-skin-gradient .ccx-f-rate b{color: #fff}.ccx-table{margin-top: 18px;padding-top: 16px;border-top: 1px solid var(--bd)}.ccx .ccx-table h5{margin: 0 0 10px;color: var(--mu);font-size: 12px;font-weight: 800;letter-spacing: .06em;text-transform: uppercase}.ccx-rows{display: grid;grid-template-columns: repeat(auto-fill,minmax(150px,1fr));gap: 8px}.ccx .ccx-row{display: flex;align-items: center;gap: 8px;margin: 0;padding: 8px 10px;border: 1px solid var(--bd) !important;border-radius: 12px;background: var(--fl) !important;box-shadow: none;color: var(--tx) !important;font: inherit;font-size: 13px;text-align: left;cursor: pointer;transition: transform .15s,border-color .2s}.ccx .ccx-row:hover{transform: translateY(-2px);border-color: var(--ccv-a) !important}.ccx-row .ccx-flag{width: 22px;height: 22px;font-size: 10px}.ccx-row span:not(.ccx-flag){color: var(--mu);font-weight: 750}.ccx-row b{margin-left: auto;font-weight: 850;font-variant-numeric: tabular-nums}.ccx-chart{margin-top: 18px;padding: 14px 14px 10px;border: 1px solid var(--bd);border-radius: calc(var(--ccv-r) * .6);background: var(--fl);color: var(--up)}.ccx-chart.is-down{color: var(--dn)}.ccv-skin-gradient .ccx-chart,.ccv-skin-gradient .ccx-chart.is-down{color: #fff}.ccx-ctop{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;gap: 8px;margin-bottom: 8px}.ccx-clab{display: flex;align-items: center;gap: 8px;color: var(--tx);font-size: 13.5px}.ccx-clab b{font-weight: 850}.ccx-chg{display: inline-flex;align-items: center;gap: 2px;padding: 2px 8px 2px 4px;border-radius: 99px;font-size: 12px;font-weight: 800}.ccx-chg svg{width: 14px;height: 14px}.ccx-chg.is-up{background: color-mix(in srgb,var(--up) 15%,transparent);color: var(--up)}.ccx-chg.is-down{background: color-mix(in srgb,var(--dn) 15%,transparent);color: var(--dn)}.ccx-tabs{display: inline-flex;gap: 2px;padding: 3px;border-radius: 999px;background: rgba(120,120,160,.12)}.ccx .ccx-tab{margin: 0;padding: 4px 10px;border: 0 !important;border-radius: 999px;background: transparent !important;box-shadow: none;color: var(--mu) !important;font: inherit;font-size: 12px;font-weight: 800;cursor: pointer}.ccx .ccx-tab.is-on{background: var(--fl2) !important;box-shadow: 0 2px 6px rgba(0,0,0,.1);color: var(--tx) !important}.ccv-skin-light .ccx .ccx-tab.is-on,.ccv-skin-soft .ccx-tab.is-on{background: #fff !important}.ccx-stage{position: relative;height: 150px;touch-action: pan-y;cursor: crosshair}.ccx-chart.is-big .ccx-stage{height: 220px}.ccx-svg{display: block;width: 100%;height: 100%;overflow: visible}.ccx-line{fill: none;stroke: currentColor;stroke-width: 2.5;stroke-linejoin: round;stroke-linecap: round;animation: ccxDraw 1s ease}.ccx-area{animation: ccxFade .8s ease}.ccx-gl{stroke: var(--bd);stroke-dasharray: 3 5;vector-effect: non-scaling-stroke}.ccx-svg .ccx-gl{stroke-width: 1}.ccx-vl{stroke: var(--mu);stroke-width: 1;stroke-dasharray: 3 3;opacity: 0}.ccx-stage.is-hover .ccx-vl{opacity: .7}.ccx-stage::after{content: "";position: absolute;left: var(--dx,0);top: var(--dy,0);width: 11px;height: 11px;margin: -5.5px 0 0 -5.5px;border: 2px solid var(--bg,#fff);border-radius: 50%;background: currentColor;box-shadow: 0 0 0 4px color-mix(in srgb,currentColor 25%,transparent);opacity: 0;pointer-events: none}.ccv-skin-gradient .ccx-stage::after{border-color: var(--ccv-a)}.ccx-stage.is-hover::after{opacity: 1}.ccx-tip{position: absolute;z-index: 3;display: flex;flex-direction: column;align-items: center;padding: 6px 10px;border-radius: 10px;background: #16162c;box-shadow: 0 10px 24px -8px rgba(0,0,0,.4);color: #fff;font-size: 11.5px;white-space: nowrap;transform: translate(-50%,calc(-100% - 14px));opacity: 0;pointer-events: none;transition: opacity .15s}.ccx-tip b{font-size: 13px}.ccx-stage.is-hover .ccx-tip{opacity: 1}.ccx-lo,.ccx-hi{position: absolute;right: 0;padding: 1px 6px;border-radius: 6px;background: var(--fl2);color: var(--mu);font-size: 10.5px;font-weight: 750;pointer-events: none}.ccx-hi{top: 0}.ccx-lo{bottom: 0}.ccx-cmsg{position: absolute;inset: 0;display: grid;place-items: center;margin: 0;color: var(--mu);font-size: 13px}.ccx-chart.is-load .ccx-stage{background: linear-gradient(90deg,transparent,rgba(128,128,170,.14),transparent) 0 0 / 50% 100% no-repeat;animation: ccxShim 1.1s linear infinite}.ccx-chart.is-load .ccx-svg{opacity: .3}.ccx-split{display: flex;flex-direction: column}.ccx-panel{padding: 16px 18px;border: 1px solid var(--bd);border-radius: calc(var(--ccv-r) * .7);background: var(--fl);transition: border-color .2s,box-shadow .2s}.ccx-panel:focus-within{border-color: var(--ccv-a);box-shadow: 0 0 0 4px color-mix(in srgb,var(--ccv-a) 14%,transparent)}.ccx-panel .ccx-amt{font-size: 30px}.ccx-panel.is-get{background: color-mix(in srgb,var(--ccv-a) 8%,var(--fl))}.ccx-mid{position: relative;display: flex;align-items: center;gap: 16px;padding: 6px 0 6px 20px}.ccx-mid > .ccx-swap{flex: 0 0 auto;width: 40px;height: 40px}.ccx-midline{flex: 1 1 auto;min-width: 0}.ccx-midline .ccx-fees{margin: 0}.ccx-midrate{margin: 10px 0;color: var(--mu);font-size: 13.5px;font-weight: 700}.ccx-sent{display: flex;flex-wrap: wrap;align-items: center;gap: 10px 12px;font-size: clamp(22px,3vw,30px);font-weight: 800;line-height: 1.2}.ccx-sent .ccx-amt{width: 5.5ch;min-width: 3ch;padding: 2px 0 !important;border-bottom: 3px solid var(--ccv-a) !important;font-size: inherit;text-align: center;field-sizing: content}.ccx-is{color: var(--mu);font-weight: 600}.ccx-sout{background: linear-gradient(90deg,var(--ccv-a),var(--ccv-b));-webkit-background-clip: text;background-clip: text;color: transparent;font-weight: 900;font-variant-numeric: tabular-nums}.ccv-skin-gradient .ccx-sout,.ccv-skin-glass .ccx-sout{background: none;color: #fff;text-decoration: underline 3px rgba(255,255,255,.5);text-underline-offset: 6px}.ccx-sent .ccx-pbtn{font-size: 16px}.ccx-sbar{display: flex;flex-wrap: wrap;align-items: center;gap: 12px;margin-top: 18px}.ccx-sbar .ccx-swap{width: 38px;height: 38px}.ccx-sbar .ccx-pairs{margin: 0}.ccx-mtop{display: flex;align-items: center;gap: 10px;padding: 10px 10px 10px 18px;border-radius: calc(var(--ccv-r) * .6);background: linear-gradient(135deg,var(--ccv-a),var(--ccv-b));box-shadow: 0 16px 30px -18px var(--ccv-a)}.ccx .ccx-mtop .ccx-amt{color: #fff !important;font-size: 28px}.ccx-mtop .ccx-pbtn{border-color: rgba(255,255,255,.3) !important}.ccx-mlist{display: flex;flex-direction: column;gap: 8px;margin-top: 12px}.ccx-mrow{display: grid;grid-template-columns: minmax(0,1fr) minmax(0,1.1fr) auto;grid-template-areas: "id val x" "id rate x";align-items: center;column-gap: 12px;padding: 10px 10px 10px 12px;border: 1px solid var(--bd);border-radius: 16px;background: var(--fl);animation: ccxIn .35s ease backwards;animation-delay: calc(var(--i,0) * 40ms);transition: border-color .2s}.ccx-mrow:focus-within{border-color: var(--ccv-a)}.ccx-mid2{grid-area: id;display: flex;align-items: center;gap: 10px;min-width: 0}.ccx-mid2 .ccx-flag{width: 34px;height: 34px}.ccx-mname{display: flex;flex-direction: column;min-width: 0}.ccx-mname b{font-weight: 850}.ccx-mname small{overflow: hidden;color: var(--mu);font-size: 11.5px;white-space: nowrap;text-overflow: ellipsis}.ccx .ccx-mrow .ccx-amt{grid-area: val;font-size: 20px;text-align: right}.ccx-mrate{grid-area: rate;color: var(--mu);font-size: 11px;text-align: right;font-variant-numeric: tabular-nums}.ccx .ccx-mx{grid-area: x;display: grid;place-items: center;width: 28px;height: 28px;margin: 0;padding: 0;border: 0 !important;border-radius: 50%;background: transparent !important;box-shadow: none;color: var(--mu) !important;cursor: pointer;opacity: .6}.ccx .ccx-mx:hover{background: var(--fl2) !important;opacity: 1}.ccx-mx svg{width: 14px;height: 14px}.ccx-madd{margin-top: 10px}.ccx-madd .ccx-pbtn{width: 100%;justify-content: center;border-style: dashed !important;background: transparent !important;box-shadow: none;color: var(--mu) !important;font-weight: 750}.ccx-bhead{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;gap: 10px;margin-bottom: 12px}.ccx-bloc{display: flex;align-items: center;gap: 8px;color: var(--mu);font-size: 13px;font-weight: 700}.ccx-clock{padding: 4px 10px;border-radius: 8px;background: #0c0d1c;color: #ffcf5c;font-family: ui-monospace,SFMono-Regular,Menlo,monospace;font-size: 14px;font-weight: 700;letter-spacing: .08em;font-variant-numeric: tabular-nums}.ccx-board{overflow: hidden;border: 1px solid var(--bd);border-radius: calc(var(--ccv-r) * .6)}.ccx-brow{display: grid;grid-template-columns: minmax(0,1.4fr) 1fr 1fr;align-items: center;gap: 10px;padding: 10px 14px;border-top: 1px solid var(--bd);animation: ccxFlip .5s ease backwards;animation-delay: calc(var(--i,0) * 60ms)}.ccx-brow:nth-child(even){background: var(--fl)}.ccx-brow.is-h{border-top: 0;background: color-mix(in srgb,var(--ccv-a) 12%,var(--fl2));color: var(--mu);font-size: 11px;font-weight: 850;letter-spacing: .08em;text-transform: uppercase;animation: none}.ccx-brow.is-h span:not(:first-child){text-align: right}.ccx-bid{display: flex;align-items: center;gap: 10px;min-width: 0}.ccx-bid .ccx-flag{width: 30px;height: 30px}.ccx-bid > span:last-child{display: flex;flex-direction: column;min-width: 0}.ccx-bid b{font-weight: 850}.ccx-bid small{overflow: hidden;color: var(--mu);font-size: 11px;white-space: nowrap;text-overflow: ellipsis}.ccx-bv{font-family: ui-monospace,SFMono-Regular,Menlo,monospace;font-size: 16px;font-weight: 800;text-align: right;font-variant-numeric: tabular-nums}.ccx-bv.is-buy{color: var(--up)}.ccx-bv.is-sell{color: color-mix(in srgb,var(--ccv-a) 80%,var(--tx))}.ccx-bcalc{display: flex;flex-wrap: wrap;align-items: center;gap: 8px 10px;margin-top: 14px;padding: 12px 14px;border-radius: calc(var(--ccv-r) * .6);background: var(--fl)}.ccx-bcalc .ccx-lab{margin: 0}.ccx .ccx-bcalc .ccx-amt{width: 7ch;font-size: 20px;field-sizing: content;min-width: 4ch}.ccx-bout{font-size: 20px;font-weight: 900;color: var(--up);font-variant-numeric: tabular-nums}.ccv-skin-dark .ccx-clock,.ccv-skin-neon .ccx-clock{background: #000}.ccx-kpick{display: flex;align-items: center;justify-content: space-between;gap: 8px}.ccx-kpick .ccx-swap{width: 40px;height: 40px}.ccx-disp{margin: 14px 0;padding: 16px 18px;border-radius: calc(var(--ccv-r) * .6);background: #0e0f22;color: #fff;text-align: right;box-shadow: inset 0 2px 12px rgba(0,0,0,.4)}.ccx-d1,.ccx-d2{display: flex;align-items: center;justify-content: flex-end;gap: 8px;min-width: 0}.ccx-d1{color: rgba(255,255,255,.65);font-size: 16px;font-weight: 700}.ccx-d2{margin-top: 4px;font-size: clamp(24px,5vw,34px);font-weight: 900;letter-spacing: -.02em}.ccx-dv{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-variant-numeric: tabular-nums}.ccx-d1 .ccx-flag{width: 20px;height: 20px;font-size: 10px}.ccx-keys{display: grid;grid-template-columns: repeat(4,1fr);gap: 8px}.ccx .ccx-key{display: grid;place-items: center;height: 56px;margin: 0;padding: 0;border: 1px solid var(--bd) !important;border-radius: 16px;background: var(--fl2) !important;box-shadow: 0 3px 0 var(--bd);color: var(--tx) !important;font: inherit;font-size: 20px;font-weight: 800;cursor: pointer;transition: transform .08s,box-shadow .08s;user-select: none}.ccx .ccx-key.is-fn{background: color-mix(in srgb,var(--ccv-a) 12%,var(--fl2)) !important;color: color-mix(in srgb,var(--ccv-a) 80%,var(--tx)) !important}.ccx .ccx-key.is-clear{background: color-mix(in srgb,var(--dn) 14%,var(--fl2)) !important;color: var(--dn) !important}.ccx .ccx-key[data-k="swap"]{background: linear-gradient(135deg,var(--ccv-a),var(--ccv-b)) !important;border-color: transparent !important;color: #fff !important}.ccx .ccx-key:active,.ccx .ccx-key.is-hit{transform: translateY(2px);box-shadow: 0 1px 0 var(--bd)}.ccx .ccx-key.is-done{color: var(--up) !important}.ccx-key svg{width: 22px;height: 22px}.ccx-l-keypad .ccx-card{outline: none}.ccx-l-keypad:focus-visible .ccx-card{box-shadow: var(--sh),0 0 0 3px color-mix(in srgb,var(--ccv-a) 40%,transparent)}.ccx-l-hero .ccx-card{max-width: max(var(--ccv-w),1000px);padding: 30px}.ccx-hero{display: grid;grid-template-columns: minmax(0,1.35fr) minmax(0,1fr);gap: 28px;align-items: start}.ccx-hpair{display: flex;align-items: center;gap: 4px;color: var(--mu);font-size: 14px;font-weight: 700}.ccx-hpair .ccx-flag:nth-child(2){margin-left: -10px;box-shadow: 0 0 0 2px var(--fl2)}.ccx-hpair span:last-child{margin-left: 6px}.ccx-hrate strong{display: block;margin: 4px 0 2px;font-size: clamp(38px,5vw,56px);font-weight: 900;letter-spacing: -.03em;line-height: 1.05;font-variant-numeric: tabular-nums}.ccx-hrate strong small{color: var(--mu);font-size: .42em;font-weight: 800;letter-spacing: 0}.ccx-hsub{color: var(--mu);font-size: 12.5px}.ccx-hero .ccx-chart{margin-top: 14px}.ccx-hright{padding: 18px;border: 1px solid var(--bd);border-radius: calc(var(--ccv-r) * .7);background: var(--fl)}.ccx-hright .ccx-grid{grid-template-columns: 1fr;justify-items: stretch}.ccx-hright .ccx-grid > .ccx-swap{justify-self: center;margin: -4px 0 -18px;position: relative;z-index: 2}.ccx-l-compact .ccx-card{padding: 16px 18px}.ccx-l-compact .ccx-head{margin-bottom: 10px}.ccx-l-compact .ccx-title{font-size: 16px}.ccx-crow{display: grid;grid-template-columns: minmax(0,1fr) auto;align-items: center;gap: 8px 8px}.ccx-crow > .ccx-amt{padding: 8px 12px !important;border: 1px solid var(--bd) !important;border-radius: 12px;background: var(--fl) !important;font-size: 18px}.ccx-crow > .ccx-swap{grid-column: 1 / -1;justify-self: center;width: 32px;height: 32px;margin: -2px 0}.ccx-crow > .ccx-swap svg{width: 16px;height: 16px;transform: rotate(90deg)}.ccx-l-compact .ccx-meta{margin-top: 10px}.ccx-l-compact .ccx-pbtn{min-height: 40px}@keyframes ccxPop{from{opacity: 0;transform: translateY(-6px) scale(.98)}to{opacity: 1;transform: none}}@keyframes ccxSpin{from{transform: rotate(0)}to{transform: rotate(180deg)}}@keyframes ccxDraw{from{stroke-dasharray: 2000;stroke-dashoffset: 2000}to{stroke-dasharray: 2000;stroke-dashoffset: 0}}@keyframes ccxFade{from{opacity: 0}to{opacity: 1}}@keyframes ccxShim{from{background-position: -50% 0}to{background-position: 150% 0}}@keyframes ccxIn{from{opacity: 0;transform: translateY(6px)}to{opacity: 1;transform: none}}@keyframes ccxFlip{from{opacity: 0;transform: perspective(400px) rotateX(-70deg)}to{opacity: 1;transform: none}}@media (max-width: 860px){.ccx-hero{grid-template-columns: 1fr}}@media (max-width: 560px){.ccx-card{padding: 20px 16px}.ccx-l-hero .ccx-card{padding: 20px 16px}.ccx-grid{grid-template-columns: 1fr}.ccx-grid > .ccx-swap{justify-self: center;margin: -4px 0 -18px;position: relative;z-index: 2;transform: rotate(90deg)}.ccx-pt small{display: none}.ccx-panel .ccx-amt{font-size: 24px}.ccx-mrow{grid-template-columns: minmax(0,1fr) auto;grid-template-areas: "id x" "val val" "rate rate";row-gap: 4px}.ccx .ccx-mrow .ccx-amt{text-align: left}.ccx-mrate{text-align: left}.ccx-bv{font-size: 14px}.ccx-bid small{display: none}.ccx-brow{padding: 9px 10px}.ccx .ccx-key{height: 50px}.ccx-pop{position: fixed;left: 16px !important;right: 16px !important;top: auto !important;bottom: 16px !important;width: auto;max-width: none}}@media (prefers-reduced-motion: reduce){.ccx *,.ccx *::before{animation: none !important;transition: none !important}}.ccx-card{container-type: inline-size}@container (max-width: 620px){.ccx-grid{grid-template-columns: 1fr}.ccx-grid > .ccx-swap{justify-self: center;margin: -4px 0 -18px;position: relative;z-index: 2;transform: rotate(90deg)}.ccx-hright .ccx-grid > .ccx-swap{transform: none}}.ccv-skin-bold .ccx-brow{border-top-color: rgba(0,0,0,.14)}.ccv-skin-bold .ccx-brow.is-h{border-bottom: 2px solid #111}.ccx-l-compact .ccx-select,.ccx-bcalc .ccx-select,.ccx-kpick .ccx-select{max-width: 120px}@media (max-width: 560px){.ccx-hright{padding: 14px 12px}.ccx .ccx-pair{padding-right: 9px;font-size: 12px}.ccx-chart.is-big .ccx-stage,.ccx-stage{height: 150px}.ccx-chart{padding: 12px 10px 8px}.ccx-hero{gap: 18px}}@media (max-width: 560px){.ccx-mid{gap: 10px;padding-left: 2px}.ccx-mid > .ccx-swap{width: 34px;height: 34px}.ccx-fees .ccx-frow{font-size: 12.5px}.ccx-panel{padding: 14px}.ccx .ccx-panel .ccx-amt{font-size: 22px}.ccx-mrow{padding: 10px}.ccx .ccx-mrow .ccx-amt{font-size: 18px}}