@font-face{font-family:'IBM Plex Sans Arabic';font-style:normal;font-display:swap;font-weight:400;src:url('../fonts/ibm-plex-sans-arabic-arabic-400.woff2') format('woff2');unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}
@font-face{font-family:'IBM Plex Sans Arabic';font-style:normal;font-display:swap;font-weight:400;src:url('../fonts/ibm-plex-sans-arabic-latin-400.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'IBM Plex Sans Arabic';font-style:normal;font-display:swap;font-weight:500;src:url('../fonts/ibm-plex-sans-arabic-arabic-500.woff2') format('woff2');unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}
@font-face{font-family:'IBM Plex Sans Arabic';font-style:normal;font-display:swap;font-weight:500;src:url('../fonts/ibm-plex-sans-arabic-latin-500.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'IBM Plex Sans Arabic';font-style:normal;font-display:swap;font-weight:600;src:url('../fonts/ibm-plex-sans-arabic-arabic-600.woff2') format('woff2');unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}
@font-face{font-family:'IBM Plex Sans Arabic';font-style:normal;font-display:swap;font-weight:600;src:url('../fonts/ibm-plex-sans-arabic-latin-600.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'IBM Plex Sans Arabic';font-style:normal;font-display:swap;font-weight:700;src:url('../fonts/ibm-plex-sans-arabic-arabic-700.woff2') format('woff2');unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}
@font-face{font-family:'IBM Plex Sans Arabic';font-style:normal;font-display:swap;font-weight:700;src:url('../fonts/ibm-plex-sans-arabic-latin-700.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

.ecc-converter,.ecc-converter *{box-sizing:border-box}
.ecc-converter{--ecc-accent:#8ee85f;--ecc-ink:#163300;--ecc-card:#fff;--ecc-max-width:560px;position:relative;width:min(100%,var(--ecc-max-width));max-width:100%;min-width:0;margin:24px auto;color:var(--ecc-ink);font-family:'IBM Plex Sans Arabic',Tahoma,Arial,sans-serif;font-size:15px;line-height:1.55;text-align:right;overflow:visible}
.ecc-card{position:relative;padding:30px 32px 24px;background:var(--ecc-card);border:1px solid rgba(22,51,0,.14);border-radius:28px;box-shadow:0 16px 42px rgba(22,51,0,.1)}
.ecc-rate-summary{display:grid;grid-template-columns:20px auto;justify-content:center;gap:0 7px;align-items:center;margin:0 auto 23px;text-align:center}
.ecc-info-icon{display:grid;place-items:center;width:18px;height:18px;border:1.8px solid currentColor;border-radius:50%;font:700 11px/1 Arial,sans-serif}
.ecc-rate-label{font-weight:600}
.ecc-pair-rate{grid-column:1/-1;margin-top:4px;font-size:16px;font-weight:600;direction:ltr;unicode-bidi:isolate}
.ecc-field-block label{display:block;margin:0 5px 6px;font-size:14px;font-weight:500}
.ecc-money-field{display:flex;align-items:stretch;width:100%;min-width:0;min-height:72px;border:1.5px solid rgba(22,51,0,.58);border-radius:13px;background:#fff;overflow:hidden;transition:border-color .18s,box-shadow .18s,transform .18s}
.ecc-money-field:focus-within{border-color:var(--ecc-ink);box-shadow:0 0 0 3px rgba(142,232,95,.24);transform:translateY(-1px)}
.ecc-amount{min-width:0;flex:1;border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important;color:#111!important;padding:15px 18px!important;font:600 24px/1.2 'IBM Plex Sans Arabic',sans-serif!important;text-align:center!important;direction:ltr}
.ecc-currency-trigger{display:flex;align-items:center;gap:9px;width:190px;min-width:160px;padding:11px 14px;border:0;border-inline-end:1px solid rgba(22,51,0,.16);background:#fff;color:#111!important;cursor:pointer;text-align:right;font-family:'IBM Plex Sans Arabic',sans-serif;transition:background .18s,color .18s}
.ecc-currency-trigger:hover,.ecc-currency-trigger:focus-visible{background:#f5faf1;color:#111!important}.ecc-currency-trigger:hover *,.ecc-currency-trigger:focus-visible *{color:inherit!important}
.ecc-flag,.ecc-option-flag{width:29px;height:29px;flex:0 0 auto;border-radius:50%;object-fit:cover;box-shadow:0 0 0 1px rgba(0,0,0,.13)}
.ecc-trigger-text{display:flex;min-width:0;flex:1;flex-direction:column;line-height:1.2}.ecc-trigger-text strong{font-size:18px;font-weight:650;direction:ltr;text-align:right}.ecc-trigger-text small{overflow:hidden;color:#667261;font-size:11px;font-weight:400;text-overflow:ellipsis;white-space:nowrap}
.ecc-chevron{position:relative;width:13px;height:13px;flex:0 0 auto;margin-inline-start:auto;color:#4e5749!important;opacity:.72}.ecc-chevron::before{content:"";position:absolute;top:1px;left:2px;width:7px;height:7px;border-right:1.8px solid currentColor;border-bottom:1.8px solid currentColor;transform:rotate(45deg)}
.ecc-swap{position:relative;isolation:isolate;display:grid;place-items:center;width:46px;height:46px;margin:11px auto;border:0;border-radius:50%;overflow:hidden;background:linear-gradient(145deg,color-mix(in srgb,var(--ecc-accent) 90%,#fff),var(--ecc-accent));color:var(--ecc-ink);cursor:pointer;box-shadow:0 7px 18px rgba(91,190,41,.24);transition:transform .2s cubic-bezier(.2,.8,.2,1),box-shadow .2s,filter .2s}
.ecc-swap:hover{filter:saturate(1.06);transform:translateY(-2px) scale(1.045);box-shadow:0 10px 24px rgba(91,190,41,.3)}.ecc-swap:active{transform:scale(.93)}
.ecc-swap svg{position:relative;z-index:2;width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.ecc-swap-ripple{position:absolute;z-index:1;width:12px;height:12px;border-radius:50%;background:rgba(255,255,255,.65);opacity:0;transform:scale(0)}
.ecc-swap.is-swapping svg{animation:ecc-swap-icon .5s cubic-bezier(.2,.8,.2,1)}.ecc-swap.is-swapping .ecc-swap-ripple{animation:ecc-ripple .5s ease-out}
@keyframes ecc-swap-icon{50%{transform:rotate(180deg) scale(.84)}100%{transform:rotate(360deg)}}@keyframes ecc-ripple{0%{opacity:.7;transform:scale(0)}100%{opacity:0;transform:scale(5)}}
.ecc-meta{display:flex;flex-wrap:wrap;justify-content:space-between;gap:3px 12px;margin-top:16px;color:#687363;font-size:11px}.ecc-provider{margin-inline-start:auto}
.ecc-action-row{display:flex;align-items:center;gap:10px;margin-top:10px}.ecc-refresh{display:inline-flex;align-items:center;gap:5px;border:1px solid rgba(22,51,0,.25);border-radius:999px;background:#fff!important;color:var(--ecc-ink)!important;padding:6px 11px;cursor:pointer;font:500 12px/1.5 'IBM Plex Sans Arabic',sans-serif;white-space:nowrap;transition:background .18s,border-color .18s,color .18s}.ecc-refresh:hover,.ecc-refresh:focus-visible{background:#f3faef!important;border-color:rgba(22,51,0,.5);color:var(--ecc-ink)!important}.ecc-refresh:hover *,.ecc-refresh:focus-visible *{color:inherit!important}.ecc-refresh:disabled{opacity:.58;cursor:wait}.ecc-refresh.is-loading span{display:inline-block;animation:ecc-spin .75s linear infinite}@keyframes ecc-spin{to{transform:rotate(360deg)}}
.ecc-message{min-height:20px;flex:1;color:#426b27;font-size:12px;text-align:left}.ecc-disclaimer{margin:10px 0 0;color:#758070;font-size:10.5px;text-align:center}
.ecc-picker[hidden]{display:none!important}.ecc-picker{position:fixed;z-index:999999;inset:0;background:transparent}.ecc-picker-panel{position:fixed;display:flex;flex-direction:column;width:390px;max-height:390px;overflow:hidden;background:#fff;border:1px solid rgba(22,51,0,.16);border-radius:15px;box-shadow:0 18px 50px rgba(7,24,0,.22);animation:ecc-pop .16s ease-out}@keyframes ecc-pop{from{opacity:0;transform:translateY(-5px) scale(.985)}to{opacity:1;transform:none}}
.ecc-picker-head{display:flex;flex:0 0 auto;align-items:center;justify-content:space-between;padding:14px 16px 9px;font-size:17px}.ecc-picker-close{display:grid;place-items:center;width:31px;height:31px;border:0;border-radius:50%;background:#f0f4ed;color:var(--ecc-ink);cursor:pointer;font:400 23px/1 Arial,sans-serif}.ecc-search-wrap{display:block;min-width:0;flex:0 0 auto;padding:0 12px 10px}.ecc-search{width:100%;min-width:0;height:43px;border:1.25px solid rgba(22,51,0,.28)!important;border-radius:10px!important;outline:0!important;box-shadow:none!important;padding:0 13px!important;background:#fff!important;color:#111!important;font:400 16px 'IBM Plex Sans Arabic',sans-serif!important;text-align:right}.ecc-search:focus{border-color:var(--ecc-ink)!important;box-shadow:0 0 0 3px rgba(142,232,95,.2)!important}.ecc-currency-list{min-width:0;min-height:0;flex:1 1 auto;overflow:auto;overflow-x:hidden;padding:0 7px calc(9px + env(safe-area-inset-bottom));scrollbar-color:#c4d3b9 transparent;overscroll-behavior:contain}.ecc-currency-option{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:9px;width:100%;min-width:0;padding:9px 10px;border:0;border-radius:9px;background:transparent;color:#111!important;cursor:pointer;text-align:right;font-family:'IBM Plex Sans Arabic',sans-serif}.ecc-currency-option:hover,.ecc-currency-option:focus-visible{background:#eff9e9;color:#111!important;outline:0}.ecc-currency-option:hover *,.ecc-currency-option:focus-visible *{color:inherit!important}.ecc-currency-option[hidden]{display:none}.ecc-option-flag{width:30px;height:30px}.ecc-option-names{display:flex;min-width:0;flex-direction:column;line-height:1.32}.ecc-option-names strong{overflow:hidden;font-size:14px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.ecc-option-names small{overflow:hidden;color:#65715e!important;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.ecc-currency-option b{font-size:14px;direction:ltr}.ecc-no-results{padding:25px;text-align:center;color:#65715e}
.ecc-picker-close{width:36px;height:36px;padding:0;border:1px solid rgba(22,51,0,.16);border-radius:11px;background:linear-gradient(145deg,#fff,#f2f7ef);box-shadow:0 3px 10px rgba(22,51,0,.07);font:inherit;transition:transform .18s cubic-bezier(.2,.8,.2,1),background .18s,border-color .18s,box-shadow .18s}.ecc-picker-close svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;transition:transform .22s cubic-bezier(.2,.8,.2,1)}.ecc-picker-close:hover{border-color:rgba(22,51,0,.34);background:#eff9e9;box-shadow:0 5px 14px rgba(22,51,0,.12);transform:translateY(-1px)}.ecc-picker-close:hover svg{transform:rotate(90deg)}.ecc-picker-close:active{transform:scale(.92)}.ecc-picker-close:focus-visible{outline:0;box-shadow:0 0 0 3px rgba(142,232,95,.32),0 4px 12px rgba(22,51,0,.1)}
.ecc-flag,.ecc-option-flag{display:block;aspect-ratio:1/1;border-radius:50%!important;clip-path:circle(49% at 50% 50%);object-fit:cover;object-position:center;background:#eef2ec}
.ecc-swap{width:48px;height:48px;margin:28px auto 0;border:1px solid rgba(22,51,0,.16);border-radius:15px;background:linear-gradient(145deg,color-mix(in srgb,var(--ecc-accent) 82%,#fff),color-mix(in srgb,var(--ecc-accent) 92%,#5fc535));color:#fff!important;box-shadow:0 8px 20px rgba(75,170,35,.25);line-height:0}.ecc-swap:hover{border-color:rgba(22,51,0,.3);color:#fff!important;box-shadow:0 11px 25px rgba(75,170,35,.32)}.ecc-swap svg{position:absolute;z-index:2;top:50%;left:50%;display:block;width:24px;height:24px;margin:0;stroke:currentColor!important;stroke-width:1.85;transform:translate(-50%,-50%);transform-origin:center}.ecc-swap.is-swapping svg{animation:ecc-swap-pro .48s cubic-bezier(.2,.8,.2,1)}@keyframes ecc-swap-pro{0%{transform:translate(-50%,-50%) rotate(0) scale(1)}50%{transform:translate(-50%,-50%) rotate(180deg) scale(.86)}100%{transform:translate(-50%,-50%) rotate(360deg) scale(1)}}
.ecc-picker-close:hover{border-color:#b42318;background:linear-gradient(145deg,#e5483d,#c9281d);color:#fff;box-shadow:0 7px 17px rgba(201,40,29,.28);transform:translateY(-1px)}.ecc-picker-close:focus-visible{border-color:#d92d20;box-shadow:0 0 0 3px rgba(217,45,32,.2),0 5px 14px rgba(22,51,0,.1)}
.ecc-converter .screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

.ecc-converter:not(.ecc-is-compact) .ecc-card{padding:38px}.ecc-converter:not(.ecc-is-compact) .ecc-money-field{min-height:82px}
@media(max-width:600px){html:has(.ecc-picker:not([hidden])){overflow:hidden}.ecc-converter{width:100%;max-width:100%;min-width:0;margin:12px auto;padding:0 8px;overflow:visible}.ecc-card{width:100%;min-width:0;padding:22px 14px 18px;border-radius:21px}.ecc-rate-summary{margin-bottom:18px}.ecc-field-block,.ecc-money-field{min-width:0}.ecc-money-field{min-height:68px}.ecc-amount{width:1%;min-width:0;padding:13px 11px!important;font-size:20px!important}.ecc-currency-trigger{width:44%;min-width:118px;max-width:160px;padding:9px 10px}.ecc-trigger-text small{display:none}.ecc-trigger-text strong{font-size:17px}.ecc-flag{width:26px;height:26px}.ecc-meta{align-items:flex-start;flex-direction:column}.ecc-provider{margin-inline-start:0}.ecc-action-row{align-items:flex-start;flex-direction:column}.ecc-message{text-align:right}.ecc-picker{display:flex;align-items:flex-end;width:100%;max-width:100vw;padding:0;background:rgba(8,24,0,.44);backdrop-filter:blur(3px);overflow:hidden}.ecc-picker-panel{position:relative!important;inset:auto!important;width:100%!important;max-width:100%!important;min-width:0;max-height:82dvh;border:0;border-radius:20px 20px 0 0;animation:ecc-sheet .2s ease-out}.ecc-picker-head{padding-inline:16px}.ecc-currency-option{padding-inline:12px}@keyframes ecc-sheet{from{transform:translateY(16px);opacity:.7}to{transform:none;opacity:1}}}
@media(max-width:390px){.ecc-converter{padding-inline:4px}.ecc-card{padding-inline:11px}.ecc-currency-trigger{width:43%;min-width:108px;gap:6px;padding-inline:8px}.ecc-amount{padding-inline:8px!important;font-size:18px!important}.ecc-chevron{width:11px;height:11px}.ecc-trigger-text strong{font-size:16px}.ecc-rate-label,.ecc-pair-rate{font-size:14px}}
@media(prefers-reduced-motion:reduce){.ecc-converter *{animation-duration:.01ms!important;transition-duration:.01ms!important}}
