.cc-root{display:flex;flex-direction:column;gap:1.25rem}.cc-partnership-slot{margin-top:1.75rem;margin-bottom:-.35rem}.cc-partnership-slot :global(.partnership-banner){margin-top:0;margin-bottom:0}.cc-root .cc-explainer-section.cc-explainer-section--after-partnership{margin-top:0}@media(max-width:767px){.cc-root>.ad-mobile-below-calc.cc-mobile-ad-by-partner{margin-top:.45rem;margin-bottom:1rem}}.cc-popular-row{display:flex;flex-wrap:wrap;gap:.5rem}.cc-pill{padding:.32rem .8rem;border-radius:99px;border:1px solid var(--color-border);background:transparent;color:var(--color-text-muted);font-size:.78rem;font-weight:600;cursor:pointer;transition:border-color .15s,color .15s,background .15s}.cc-pill:hover{border-color:#6366f180;color:var(--color-accent);background:#6366f112}.cc-cards-wrap{display:flex;flex-direction:column;gap:0;position:relative}@media(min-width:640px){.cc-cards-wrap{flex-direction:row;align-items:stretch;gap:0}}.cc-card{flex:1;display:flex;flex-direction:column;gap:.3rem;padding:1.5rem 1.6rem 1.4rem;background:var(--color-surface);border:1px solid var(--color-border);position:relative;overflow:hidden;min-height:160px}.cc-card--from{border-radius:18px 18px 0 0;border-bottom:1px solid transparent}.cc-card--to{border-radius:0 0 18px 18px;border-top:1px solid transparent}@media(min-width:640px){.cc-card--from{border-radius:18px 0 0 18px;border-bottom:1px solid var(--color-border);border-right:1px solid transparent}.cc-card--to{border-radius:0 18px 18px 0;border-top:1px solid var(--color-border);border-left:1px solid transparent}}.cc-card--to{background:color-mix(in srgb,var(--color-surface) 85%,var(--color-accent) 15%)}.cc-card--from:before{content:"";position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(90deg,#06b6d4,#6366f1 55%,#8b5cf6);opacity:.5}.cc-card__top{display:flex;align-items:center;justify-content:space-between}.cc-card__selector-wrap{display:inline-flex;align-items:center;gap:.3rem;position:relative;background:color-mix(in srgb,var(--color-border) 40%,transparent);border-radius:8px;padding:.2rem .5rem .2rem .6rem;cursor:pointer}.cc-card__sym{font-size:1.15rem;font-weight:600;color:var(--color-text-muted);pointer-events:none;min-width:1.2ch;flex-shrink:0}.cc-card__select{appearance:none;-webkit-appearance:none;background:transparent!important;border:none!important;outline:none!important;box-shadow:none!important;font-size:1rem;font-weight:700;letter-spacing:.06em;color:var(--color-text);cursor:pointer;padding:.1rem 1.2rem .1rem 0;position:relative;z-index:1;text-transform:uppercase}.cc-card__select option{background:var(--color-surface);color:var(--color-text);font-weight:600}.cc-card__chev{pointer-events:none;color:var(--color-text-muted);flex-shrink:0;margin-left:-.9rem;opacity:.7}.cc-card__body{flex:1;display:flex;align-items:center;padding:.6rem 0 .4rem;min-height:72px}.cc-card__input{width:100%;background:transparent!important;border:none!important;outline:none!important;box-shadow:none!important;font-size:clamp(2.2rem,6vw,3rem);font-weight:700;letter-spacing:-.03em;color:var(--color-text)!important;caret-color:var(--color-accent);padding:0!important;margin:0!important;appearance:textfield;-moz-appearance:textfield;border-radius:0!important;line-height:1.1}.cc-card__input::-webkit-inner-spin-button,.cc-card__input::-webkit-outer-spin-button{-webkit-appearance:none}.cc-card__result{font-size:clamp(2.2rem,6vw,3rem);font-weight:700;letter-spacing:-.03em;color:var(--color-accent);margin:0;line-height:1.1;min-height:1.2em}[data-theme=light] .cc-card__result{color:#4f46e5}.cc-card__name{font-size:.76rem;color:var(--color-text-muted);letter-spacing:.04em;margin:0;padding-top:.15rem;border-top:1px solid color-mix(in srgb,var(--color-border) 50%,transparent)}.cc-swap-circle{position:absolute;z-index:10;display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;border:2px solid var(--color-border);background:var(--color-bg, #0d1117);color:var(--color-text-muted);cursor:pointer;transition:border-color .2s,color .2s,background .2s,transform .25s;left:50%;top:calc(50% - 21px);transform:translate(-50%) rotate(90deg)}@media(min-width:640px){.cc-swap-circle{top:50%;left:50%;transform:translate(-50%,-50%) rotate(0)}}.cc-swap-circle:hover{border-color:var(--color-accent);color:var(--color-accent);background:color-mix(in srgb,var(--color-bg, #0d1117) 80%,var(--color-accent) 20%)}.cc-swap-circle:active{transform:translate(-50%) rotate(270deg)}@media(min-width:640px){.cc-swap-circle:active{transform:translate(-50%,-50%) rotate(180deg)}}.cc-meta-bar{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem 1.2rem;padding:.65rem .1rem 0}.cc-meta-rate{font-size:.88rem;font-weight:600;color:var(--color-text);white-space:nowrap}.cc-meta-time{font-size:.78rem;color:var(--color-text-muted);white-space:normal;word-break:break-word}.cc-meta-offline{font-size:.8rem;color:#f87171;margin:0;width:100%}.cc-chart-section{position:relative;border:1px solid var(--color-border);border-radius:14px;padding:1rem;background:var(--color-surface);overflow:visible}.cc-chart-caption{font-size:.72rem;color:var(--color-text-muted);margin:0 0 .5rem}.cc-chart-canvas-wrap{position:relative;height:196px;width:100%}#sparkline{display:block;width:100%;height:100%}.cc-chart-tooltip{position:absolute;pointer-events:none;display:flex;flex-direction:column;gap:2px;background:color-mix(in srgb,var(--color-surface) 90%,var(--color-accent) 10%);border:1px solid rgba(99,102,241,.35);border-radius:8px;padding:5px 9px;min-width:112px;box-shadow:0 4px 14px #00000047;z-index:20}.cc-tip-date{font-size:.68rem;color:var(--color-text-muted);white-space:nowrap}.cc-tip-val{font-size:.82rem;font-weight:700;color:var(--color-accent);white-space:nowrap}.cc-root .cc-explainer-section{position:relative;width:100%;max-width:none;border:1px solid color-mix(in srgb,var(--color-border, #334155) 78%,transparent);border-radius:18px;padding:clamp(1rem,2.2vw,1.35rem) clamp(1rem,2.4vw,1.5rem);background:radial-gradient(130% 110% at 0% 0%,color-mix(in srgb,var(--color-accent, #6366f1) 16%,transparent) 0%,transparent 58%),linear-gradient(to bottom right,color-mix(in srgb,var(--color-surface, #0f172a) 88%,#6366f1 12%) 0%,color-mix(in srgb,var(--color-surface, #0f172a) 98%,transparent) 55%,var(--color-surface, #0f172a) 100%);box-shadow:0 1px #ffffff05 inset,0 18px 40px #02061747;overflow:hidden}.cc-root .cc-explainer-section:before{content:"";position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(90deg,#06b6d4,#6366f1 45%,#8b5cf6);opacity:.62}.cc-root .cc-explainer-heading{font-size:clamp(1.3rem,2.4vw,1.6rem);font-weight:700;letter-spacing:-.028em;line-height:1.2;margin:0 0 1rem;text-wrap:balance}.cc-root .cc-explainer-prose{width:100%;max-width:none;display:grid;gap:1rem}.cc-root .cc-explainer-prose>p{margin:0;font-size:clamp(.96rem,1.08vw,1rem);line-height:1.74;letter-spacing:.01em;color:color-mix(in srgb,var(--color-text, #e2e8f0) 93%,transparent);padding-left:.85rem;border-left:2px solid color-mix(in srgb,var(--color-accent, #6366f1) 32%,transparent)}html[data-theme=light] .cc-card{background:#f8f9ff;border-color:#e0e4f0}html[data-theme=light] .cc-card--to{background:#eef0ff}html[data-theme=light] .cc-swap-circle{background:#fff;border-color:#d1d5f0;color:#64748b}html[data-theme=light] .cc-chart-section{background:#f8f9ff;border-color:#e0e4f0}html[data-theme=light] .cc-root .cc-explainer-section{border-color:color-mix(in srgb,var(--color-border, #dbe4ef) 90%,#64748b);background:radial-gradient(130% 110% at 0% 0%,color-mix(in srgb,var(--color-accent, #6366f1) 18%,transparent) 0%,transparent 62%),linear-gradient(to bottom right,color-mix(in srgb,var(--color-surface, #ffffff) 88%,#6366f1 12%) 0%,color-mix(in srgb,var(--color-surface, #ffffff) 98%,transparent) 58%,var(--color-surface, #ffffff) 100%);box-shadow:0 1px #fffc inset,0 12px 26px #0f172a14}html[data-theme=light] .cc-root .cc-explainer-prose>p{color:color-mix(in srgb,var(--color-text, #0f172a) 94%,#475569)}.cc-converter-row{display:flex;align-items:stretch;gap:18px;position:relative;width:100%;max-width:100%;margin-inline:0}.cc-converter-row .cc-card{flex:1 1 0;min-width:0;max-width:none;min-height:156px;display:flex;flex-direction:column;gap:.7rem;padding:22px;border:1px solid color-mix(in srgb,var(--color-border, #334155) 86%,transparent);border-radius:28px;box-shadow:none;overflow:visible}html:not([data-theme=light]) .cc-converter-row .cc-card--from{background:#10141b}html:not([data-theme=light]) .cc-converter-row .cc-card--to{background:color-mix(in srgb,#10141b 88%,var(--color-accent, #6366f1) 12%)}.cc-converter-row .cc-card--from:before{display:none}.cc-card-header{display:flex;align-items:center;gap:.45rem;min-height:28px}.cc-symbol{min-width:1.1ch;color:var(--color-text-muted);font-size:.95rem;font-weight:650;line-height:1}.cc-select{min-width:0;flex:1;appearance:none;-webkit-appearance:none;background-color:transparent!important;border:none!important;outline:none!important;box-shadow:none!important;color:var(--color-text);cursor:pointer;font-size:.95rem;font-weight:700;line-height:1.2;padding:.1rem 1.15rem .1rem 0;background-image:url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 9l6 6 6-6' stroke='%2394A3B8' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 2px center!important;background-size:12px!important}.cc-select option{background:var(--color-surface);color:var(--color-text)}.cc-amount-input,.cc-amount-result{width:100%;min-height:52px;margin:0;font-size:clamp(1.85rem,4vw,2.45rem);font-weight:760;line-height:1.08;letter-spacing:-.04em}.cc-amount-input{color:var(--color-text)!important;caret-color:var(--color-accent);background:color-mix(in srgb,#0a0e14 78%,var(--color-border, #334155) 22%)!important;border:1px solid color-mix(in srgb,var(--color-border, #475569) 65%,transparent)!important;outline:none!important;border-radius:12px!important;padding:12px 14px!important;box-shadow:inset 0 1px 2px #00000059,0 0 0 1px #ffffff08;font-size:max(1rem,clamp(1.85rem,4vw,2.45rem))}.cc-amount-input:focus-visible{border-color:color-mix(in srgb,var(--color-accent, #6366f1) 55%,var(--color-border))!important;box-shadow:inset 0 1px 2px #00000047,0 0 0 2px color-mix(in srgb,var(--color-accent, #6366f1) 35%,transparent)}.cc-amount-result{display:flex;align-items:center;color:var(--color-accent);background:transparent!important;border:none!important;outline:none!important;box-shadow:none!important;border-radius:0!important;padding:0!important}.cc-currency-name{display:block;margin-top:auto;color:var(--color-text-muted);font-size:.85rem;line-height:1.35;border:0}.cc-converter-row .cc-swap-btn{position:relative;z-index:10;width:52px;height:52px;min-width:52px;align-self:center;margin:0 -8px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:3px solid var(--color-bg, #0b1020);background:var(--color-accent, #06b6d4);color:#fff;cursor:pointer;flex-shrink:0;transition:transform .3s ease,filter .2s ease}.cc-converter-row .cc-swap-btn svg{width:22px;height:22px}.cc-converter-row .cc-swap-btn:hover{filter:brightness(1.08);transform:rotate(180deg)}@keyframes swap-rotate{0%{transform:rotate(0)}to{transform:rotate(180deg)}}.cc-converter-row .cc-swap-btn.rotating{animation:swap-rotate .3s ease forwards}html[data-theme=light] .cc-converter-row .cc-card--from{background:#f8f9ff;border-color:#e0e4f0}html[data-theme=light] .cc-converter-row .cc-card--to{background:#eef0ff;border-color:#e0e4f0}html[data-theme=light] .cc-converter-row .cc-amount-input{background:#fff!important;border-color:#d8deea!important;box-shadow:inset 0 1px 2px #0f172a0f}html[data-theme=light] .cc-converter-row .cc-swap-btn{border-color:var(--color-bg, #ffffff);background:var(--color-accent, #06b6d4)}@media(max-width:639px){.cc-converter-row{flex-direction:column;align-items:stretch;gap:10px;max-width:100%}.cc-converter-row .cc-card{min-height:126px;padding:18px;max-width:none;width:100%;flex:none}.cc-converter-row .cc-card--from,.cc-converter-row .cc-card--to{border-radius:14px}.cc-converter-row .cc-swap-btn{align-self:center;margin:-6px auto;transform:rotate(90deg)}.cc-converter-row .cc-swap-btn:hover{transform:rotate(270deg)}@keyframes swap-rotate-mobile{0%{transform:rotate(90deg)}to{transform:rotate(270deg)}}.cc-converter-row .cc-swap-btn.rotating{animation-name:swap-rotate-mobile}.cc-root .cc-explainer-section{border-radius:14px;padding:.95rem .92rem}.cc-root .cc-explainer-prose>p{padding-left:.7rem}}