.own-currency-showcase { color:#111; background:#fff; padding:100px 64px; position:relative; overflow:hidden; }
.own-currency-showcase * { box-sizing:border-box; }
.own-currency-showcase button, .own-currency-showcase input { font:inherit; }
.own-currency-showcase button { cursor:pointer; }
.own-currency-showcase button:focus-visible, .own-currency-showcase a:focus-visible { outline:2px solid #111; outline-offset:5px; }
.own-currency-showcase [hidden] { display:none!important; }
.fx-layout { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.04fr); gap:clamp(40px,5vw,80px); max-width:1440px; margin:auto; align-items:stretch; }
.fx-editorial { min-width:0; align-self:center; padding:12px 0; }
.fx-heading { text-align:left; margin:0 0 38px; }
.fx-eyebrow { display:block; font-size:11px; letter-spacing:.15em; text-transform:uppercase; color:#777; line-height:1.4; margin-bottom:28px; }
.fx-heading h2 { margin:0 0 24px; font-size:clamp(44px,4vw,62px); letter-spacing:-.045em; line-height:1.03; }
.fx-heading p { color:#707070; font-size:18px; line-height:1.5; max-width:440px; }
.fx-stage { position:relative; min-width:0; min-height:760px; border-radius:34px; overflow:hidden; isolation:isolate; color:#fff; background:radial-gradient(ellipse at 12% 0%,#49494c 0%,#202023 35%,#101012 68%); box-shadow:inset 0 0 0 1px #ffffff26,inset 0 2px 2px #ffffff26,0 24px 48px #0000000b; }
.fx-stage:after { content:""; position:absolute; inset:0; border-radius:inherit; border:1px solid #ffffff30; pointer-events:none; z-index:4; }
.fx-stage-heading { position:absolute; inset:34px 32px auto; display:flex; align-items:center; justify-content:space-between; gap:24px; font-size:13px; color:#b0b0b6; line-height:1.4; z-index:2; pointer-events:none; }
.fx-stage-heading img { width:20px; height:20px; object-fit:contain; }
.fx-stage-heading b { font-weight:500; color:#fff; }
.fx-stage-watermark { position:absolute; top:23%; left:22%; width:56%; height:auto; opacity:.055; pointer-events:none; }
.fx-ui { position:relative; z-index:2; width:100%; }
.fx-ui .fx-converter { width:100%; }
.fx-playground { position:absolute; inset:96px 12px 88px; overflow:hidden; pointer-events:none; z-index:1; visibility:hidden; }
.fx-playground[data-physics] { visibility:visible; }
.fx-playground-controls { position:absolute; inset:auto 28px 24px; display:flex; align-items:center; justify-content:space-between; gap:16px; color:#b0b0b5; font-size:11px; line-height:1.5; z-index:2; }
.fx-playground-controls > div { display:flex; gap:8px; }
.fx-playground-controls button { min-height:40px; padding:0 14px; display:flex; gap:10px; align-items:center; border:1px solid #ffffff2b; border-radius:30px; color:#fff; background:linear-gradient(120deg,#ffffff16,#ffffff05); transition:background .2s; }
.fx-playground-controls button:hover { background:#ffffff22; }
.fx-playground-controls button:focus-visible { outline-color:#fff; }
.fx-playground-controls button:disabled { opacity:.5; cursor:default; }
.fx-converter { position:relative; z-index:2; margin:0; }
.fx-fields { display:grid; grid-template-columns:1fr; gap:5px; }
.fx-field { min-width:0; padding:22px 24px 25px; border:1px solid #dfdfe2; border-radius:20px; background:#fff; transition:border-color .2s; }
.fx-field-from:focus-within { border-color:#909096; }
.fx-field-to { background:linear-gradient(115deg,#f5f5f7,#efeff2); border-color:#efeff2; }
.fx-field-label { display:flex; gap:8px; color:#222; font-size:12px; line-height:1.4; }
.fx-currency-name { color:#777; }
.fx-field-row { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:18px; align-items:center; margin-top:13px; }
.fx-currency { display:flex; gap:9px; align-items:center; max-width:100%; min-height:46px; padding:10px 12px; border:1px solid #e2e2e5; border-radius:28px; background:#fff; line-height:24px; box-shadow:0 2px 3px #00000003; transition:border-color .2s,background .2s; }
.fx-currency:hover { border-color:#aaa; background:#fafafa; }
.fx-currency > span:first-child { display:flex; align-items:center; gap:1px; width:27px; flex-wrap:wrap; }
.fx-currency img { width:27px; height:20px; border-radius:3px; box-shadow:0 0 0 1px #00000012; object-fit:cover; }
.fx-currency > span:first-child:has(img:nth-child(2)) img { width:8px; height:6px; border-radius:1px; }
.fx-currency b { font-size:16px; font-weight:500; }
.fx-chevron { color:#777; margin-left:3px; flex-shrink:0; }
.fx-field input, .fx-result { display:block; margin:0; padding:0; border:0; width:100%; max-width:100%; min-width:0; border-radius:0; background:transparent; color:#111; line-height:1.15; font-size:42px; letter-spacing:-.04em; font-weight:500; font-variant-numeric:tabular-nums; }
.fx-field input { outline:none; }
.fx-field input:focus-visible { box-shadow:0 1px 0 #aaa; }
.fx-field input[aria-invalid="true"] { box-shadow:0 2px 0 #a33535; }
.fx-result { overflow-wrap:anywhere; }
.fx-field-row:has(.fx-amount-long) { grid-template-columns:1fr; gap:12px; }
.fx-field-row:has(.fx-amount-long) .fx-currency { justify-self:start; }
.fx-field .fx-amount-long { font-size:30px; }
.fx-swap-row { height:0; position:relative; z-index:1; }
.fx-swap { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:46px; height:46px; display:grid; place-items:center; border-radius:50%; color:#fff; background:#151517; border:4px solid #fff; box-shadow:0 1px 3px #0000000d; }
.fx-swap svg { transition:transform .25s; }
.fx-swap:hover svg { transform:rotate(180deg); }
.fx-converter-bottom { display:flex; align-items:center; flex-wrap:wrap; gap:6px 16px; margin-top:13px; font-size:12px; line-height:1.5; }
.fx-converter-bottom [data-rate] { color:#444; }
.fx-all { margin-left:auto; display:flex; align-items:center; min-height:44px; gap:12px; white-space:nowrap; }
.fx-all span { font-size:18px; }
.fx-quote { display:flex; align-items:center; justify-content:space-between; min-height:46px; padding:0 16px; margin:8px 0; border-radius:12px; background:#161618; color:#fff; font-size:13px; }
.fx-source-row { display:flex; gap:12px; align-items:center; justify-content:space-between; font-size:11px; line-height:1.5; color:#777; }
.fx-source-row a {  }
.fx-source-row a:hover { text-decoration:none; }
.fx-source-row button { min-height:36px; padding:0 4px; color:#555; }
.fx-source-row button:disabled { opacity:.5; cursor:wait; }
.fx-information { margin-top:6px; font-size:11px; color:#777; line-height:1.5; }
.fx-information summary { list-style:none; display:flex; align-items:center; justify-content:space-between; gap:16px; min-height:36px; cursor:pointer; }
.fx-information summary::-webkit-details-marker { display:none; }
.fx-information summary:focus-visible { outline:2px solid #111; outline-offset:3px; }
.fx-info-toggle { display:flex; align-items:center; gap:7px; color:#555; }
.fx-information[open] .fx-info-toggle svg { transform:rotate(180deg); }
.fx-information-content { padding:14px 0 4px; margin-top:6px; }
.fx-attribution { margin:9px 0 0; font-size:10px; color:#777; line-height:1.5; }
.fx-attribution a { text-decoration:none;  }
.fx-input-error { color:#843434; font-size:12px; margin-top:14px; }
.fx-destination { display:flex; align-items:center; flex-wrap:wrap; gap:8px 12px; margin:22px 0 12px; min-height:24px; }
.fx-destination-flags { flex-shrink:0; display:flex; flex-wrap:wrap; justify-content:center; gap:4px; max-width:160px; }
.fx-destination-flags img { width:24px; height:18px; object-fit:cover; border:1px solid #00000012; border-radius:2px; }
.fx-destination p { font-size:12px; color:#666; line-height:1.6; }
.fx-disclaimer { margin:0; color:#86868a; font-size:11px; line-height:1.6; text-align:left; }
.fx-availability { color:#86868a; font-size:11px; line-height:1.5; margin-top:12px; }
.fx-note { display:block; position:absolute; top:0; left:0; width:108px; height:64px; color:#111; text-align:left; padding:13px 11px; border:1px solid #ffffffb0; border-radius:13px; background:linear-gradient(145deg,#fffffff5 3%,#f1f1f6f0 45%,#c1c1caf5); box-shadow:0 6px 12px #0004,inset 0 2px 1px #fff,inset 0 -2px 2px #9696a670; pointer-events:auto; touch-action:none; user-select:none; -webkit-user-select:none; cursor:grab!important; will-change:transform; }
.fx-note:nth-child(3n) { color:#fff; border-color:#ffffff55; background:linear-gradient(140deg,#606066e8,#37373cec 48%,#27272ce8); box-shadow:0 6px 12px #0005,inset 0 1px 1px #ffffff6b,inset 0 -2px 1px #0005; }
.fx-note:hover { border-color:#999; }
.fx-note.is-dragging { cursor:grabbing!important; box-shadow:0 12px 24px #0002,inset 0 2px 1px #fff; z-index:3; }
.fx-note img { pointer-events:none; -webkit-user-drag:none; }
.fx-note[aria-pressed="true"] { border-color:#fff; box-shadow:inset 0 0 0 2px #55555d,0 0 0 1px #fff,0 6px 12px #0004; }
.fx-note-top { display:flex; justify-content:space-between; align-items:center; gap:9px; margin:0; height:100%; }
.fx-note-top b { font-weight:500; font-size:20px; letter-spacing:-.03em; }
.fx-note .fx-note-name,.fx-note .fx-note-region { display:none; }
.fx-flags { display:inline-flex; align-items:center; gap:4px; flex-wrap:wrap; }
.fx-flags img { width:40px; height:30px; object-fit:cover; border-radius:3px; box-shadow:0 0 0 1px #00000012; }
.fx-flags-group { width:84px; gap:3px; }
.fx-flags-group img { width:17px; height:13px; border-radius:1px; }
.fx-note .fx-flags:not(.fx-flags-group) img { width:32px; height:24px; }
.fx-note .fx-flags-group { width:35px; flex-shrink:0; gap:1px; }
.fx-note .fx-flags-group img { width:10px; height:8px; border-radius:1px; }
.fx-note-name { display:block; font-size:13px; line-height:1.3; letter-spacing:-.02em; }
.fx-note-region { display:block; font-size:10px; color:#868686; margin-top:4px; line-height:1.3; }
html[data-own-theme] ._page .own-currency-showcase img { filter:none; }
.fx-picker { width:min(670px,calc(100vw - 32px)); max-width:none; max-height:min(760px,calc(100dvh - 48px)); padding:28px; border:1px solid #ffffffc9; border-radius:24px; background:#fafafa; color:#111; box-shadow:0 30px 100px #0003; margin:auto; overflow:auto; overscroll-behavior:contain; }
.fx-picker::backdrop { background:#0006; backdrop-filter:blur(8px); }
.fx-picker-header { display:flex; gap:20px; align-items:flex-start; justify-content:space-between; margin-bottom:24px; }
.fx-picker-eyebrow { display:block; font-size:10px; letter-spacing:.09em; color:#888; margin-bottom:10px; }
.fx-picker-header h3 { font-size:27px; letter-spacing:-.025em; line-height:1.15; font-weight:500; }
.fx-picker-header > button { font-size:27px; display:grid; place-items:center; width:36px; height:36px; background:#eee; border-radius:50%; flex-shrink:0; }
.fx-search { display:flex; align-items:center; gap:10px; padding:15px; border:1px solid #ddd; background:#fff; border-radius:12px; }
.fx-search:focus-within { border-color:#111; }
.fx-search input { width:100%; outline:none; border:0; background:none; color:#111; font-size:16px; }
.fx-search svg { flex-shrink:0; color:#777; }
.fx-picker-count { font-size:11px; color:#888; margin:20px 0 8px; }
.fx-options { display:grid; grid-template-columns:1fr 1fr; gap:6px; }
.fx-option { display:flex; align-items:center; gap:12px; padding:14px 10px; text-align:left; border-radius:10px; border:1px solid transparent; min-width:0; }
.fx-option:hover,.fx-option:focus-visible { background:#efefef; }
.fx-option.is-selected { border-color:#ccc; background:#f1f1f1; }
.fx-option > .fx-flags { flex-shrink:0; width:38px; }
.fx-option .fx-flags img { width:34px; height:25px; }
.fx-option .fx-flags-group { gap:2px; }
.fx-option .fx-flags-group img { width:15px; height:11px; }
.fx-option > span:nth-child(2) { flex:1; min-width:0; }
.fx-option b { font-size:15px; font-weight:500; display:block; }
.fx-option > span:nth-child(2) > span { display:block; font-size:11px; color:#777; line-height:1.3; }
.fx-option small { display:block; font-size:9px; color:#999; line-height:1.3; }
.fx-empty { margin:24px 0; font-size:14px; color:#777; }
@media(min-width:1100px) and (max-width:1280px) {
  .own-currency-showcase { padding-left:40px; padding-right:40px; }
  .fx-layout { gap:40px; }
  .fx-field input,.fx-result { font-size:36px; }
  .fx-field .fx-amount-long { font-size:27px; }
  .fx-playground-controls { left:22px; right:22px; font-size:10px; }
  .fx-playground-controls button { padding:0 10px; }
}
@media(max-width:1099px) {
  .own-currency-showcase { padding:80px 40px; }
  .fx-layout { grid-template-columns:1fr; gap:40px; max-width:760px; }
  .fx-editorial { padding:0; }
  .fx-heading h2 { font-size:58px; }
  .fx-heading p { max-width:490px; }
  .fx-stage { min-height:650px; }
}
@media(max-width:743px) {
  .own-currency-showcase { padding:64px 20px; }
  .fx-layout { gap:30px; }
  .fx-heading { margin-bottom:28px; }
  .fx-heading h2 { font-size:clamp(34px,9.9vw,48px); letter-spacing:-.045em; }
  .fx-eyebrow { font-size:10px; margin-bottom:22px; }
  .fx-heading p { font-size:16px; }
  .fx-field { padding:19px 18px 22px; border-radius:18px; }
  .fx-field-row { gap:12px; margin-top:12px; }
  .fx-currency { gap:7px; padding:9px 10px; }
  .fx-currency b { font-size:15px; }
  .fx-field input,.fx-result { font-size:32px; }
  .fx-field .fx-amount-long { font-size:26px; }
  .fx-converter-bottom { font-size:11px; gap:6px 12px; }
  .fx-information { font-size:10px; }
  .fx-destination { gap:8px; margin-top:20px; text-align:left; }
  .fx-destination-flags { max-width:100%; }
  .fx-disclaimer,.fx-availability { font-size:10px; }
  .fx-stage { min-height:clamp(600px,calc(840px - 55vw),680px); border-radius:26px; }
  .fx-stage-heading { inset:24px 22px auto; font-size:11px; }
  .fx-stage-heading img { width:18px; height:18px; }
  .fx-stage-watermark { top:24%; }
  .fx-playground { inset:82px 8px 90px; }
  .fx-playground-controls { inset:auto 18px 22px; font-size:10px; gap:10px; }
  .fx-playground-controls > div { gap:6px; }
  .fx-playground-controls button { padding:0 10px; gap:6px; }
  .fx-playground-controls > span { max-width:76px; }
  .fx-note { width:72px; height:46px; padding:8px 6px; border-radius:10px; }
  .fx-note-top { gap:5px; }
  .fx-note-top b { font-size:15px; }
  .fx-note .fx-flags:not(.fx-flags-group) img { width:23px; height:17px; }
  .fx-note-name { font-size:11px; }
  .fx-note-region { font-size:9px; }
  .fx-note .fx-flags-group { width:23px; gap:1px; }
  .fx-note .fx-flags-group img { width:7px; height:5px; }
  .fx-picker { padding:22px 18px; max-height:calc(100dvh - 28px); }
  .fx-picker-header h3 { font-size:23px; }
  .fx-options { grid-template-columns:1fr; }
  .fx-option { padding:13px 8px; }
}
@media(prefers-reduced-motion:reduce) {
  .fx-swap svg,.fx-field,.fx-currency { transition:none; }
}
.fx-all,.fx-attribution a,.fx-source-row a{transition:color .2s}.fx-all:hover,.fx-attribution a:hover,.fx-source-row a:hover{color:#111}.fx-attribution a{font-weight:500}.fx-field input:focus-visible{box-shadow:none;outline:2px solid #888;outline-offset:4px;border-radius:4px}.fx-field input[aria-invalid="true"]{box-shadow:none;outline:2px solid #a33535;outline-offset:4px;border-radius:4px}
.fx-eyebrow{font-size:11px;color:#626262}
.fx-field-label{font-size:14px;line-height:1.5}
.fx-currency-name{color:#626262}
.fx-converter-bottom{font-size:14px;line-height:1.5;gap:8px 16px}
.fx-source-row,.fx-information,.fx-attribution,.fx-disclaimer,.fx-availability{font-size:12px;line-height:1.6;color:#626262}
.fx-source-row button,.fx-information summary{min-height:44px}
.fx-info-toggle{flex-shrink:0}
.fx-picker-eyebrow,.fx-picker-count{font-size:12px;line-height:1.5;color:#626262}
.fx-picker-header>button{width:44px;height:44px}
.fx-option>span:nth-child(2)>span,.fx-option small{font-size:12px;line-height:1.5;color:#626262}
.fx-playground-controls{font-size:12px;line-height:1.5;color:#d0d0d5}
.fx-playground-controls button{min-height:44px}
@media(max-width:743px){
 .fx-stage-heading{font-size:12px;line-height:1.5}
 .fx-information summary{gap:10px;align-items:center;padding:6px 0}
 .fx-source-row{gap:10px;margin-top:4px}
 .fx-playground-controls{inset:auto 20px 20px;flex-wrap:wrap;gap:12px}
 .fx-playground-controls>span{max-width:none;flex-basis:100%}
 .fx-playground-controls>div{width:100%;gap:8px}
 .fx-playground-controls button{flex:1;justify-content:center;padding:0 8px;gap:7px}
 .fx-playground{bottom:150px}
 .fx-stage{min-height:clamp(660px,calc(900px - 55vw),740px)}
}