/* An engraved account folio: company identity, selectable asset, then its rails. */
.ox-product-account-visual.ox-account-motion{background:#0E1016;color:#E8EAF0;border:1px solid #5A6170;border-radius:6px;overflow:hidden;box-shadow:0 18px 40px #080A0E16}
.ox-account-motion:before{background:linear-gradient(140deg,#1A1D28,transparent 65%)}
.ox-account-motion .ox-product-company-account{display:block;margin:0;padding:25px 25px 17px;border:0;background:none}
.ox-account-motion .ox-product-company-label{display:block;font-size:26px;line-height:1.2;letter-spacing:-.045em;padding-right:38px;color:#E8EAF0}
.ox-account-brand-mark{position:absolute;right:24px;top:26px;object-fit:contain;width:34px;height:34px;opacity:.9}
.ox-account-motion .ox-product-company-label>span>span{font-size:14px;line-height:1.5;margin-top:7px;color:#B4BAC3;letter-spacing:0}
.ox-account-motion .ox-product-iban-label{font-size:12px;line-height:1.5;letter-spacing:.035em;color:#D4A0A0;margin-top:15px;gap:10px}
.ox-account-motion .ox-product-iban-label:before{width:22px;height:1px;border:0;border-radius:0;background:linear-gradient(90deg,#9C706C,#D4A0A0)}
.ox-account-motion .ox-product-currency-tabs{margin:0 25px;padding:0;display:flex;gap:0;justify-content:space-between;border-bottom:1px solid #5A617070}
.ox-account-motion .ox-product-currency-tab{position:relative;padding:14px 5px;font-size:14px;font-weight:500;min-height:44px;gap:5px;color:#B4BAC3;border:0;border-radius:0;background:none;letter-spacing:0;flex:1}
.ox-account-motion .ox-product-currency-tab>span{font-size:14px;color:inherit}
.ox-account-motion .ox-product-currency-tab.is-active{background:none;border:0;color:#E8EAF0}
.ox-account-motion .ox-product-currency-tab:after{content:'';position:absolute;bottom:-1px;height:2px;left:4px;right:4px;background:linear-gradient(90deg,#9C706C,#D4A0A0,#B4BAC3);transform:scaleX(0);transition:transform .3s}
.ox-account-motion .ox-product-currency-tab.is-active:after{transform:scaleX(1)}
.ox-account-motion .ox-product-currency-tab:hover{background:#E8EAF008;color:#E8EAF0}
.ox-account-motion .ox-product-currency-tab:focus-visible{outline:2px solid #D4A0A0;outline-offset:-2px}
.ox-account-motion .ox-product-currency-panel{padding:24px 25px 15px}
.ox-account-motion .ox-product-account-connection,.ox-account-motion .ox-product-payout-flow{display:none}
.ox-account-motion .ox-product-currency-stage{height:176px;isolation:isolate;display:flex;align-items:center;justify-content:flex-start;gap:0;padding:24px;box-sizing:border-box;border:1px solid #DCE3F0;border-radius:2px;box-shadow:0 10px 18px #080A0E60,inset 0 1px 0 #fff;background:linear-gradient(115deg,#B4BAC3 0%,#DCE3F0 22%,#E8EAF0 36%,#B4BAC3 60%,#DCE3F0 80%,#B4BAC3 100%);overflow:hidden}
.ox-account-motion .ox-product-currency-stage:before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 2px,#080A0E04 2px 3px);z-index:-1;pointer-events:none}
.ox-account-motion .ox-product-currency-stage:after{content:'';position:absolute;inset:-50% -70%;background:linear-gradient(108deg,transparent 40%,#fff5 48%,#fff9 49%,#fff2 51%,transparent 56%);transform:translateX(-35%);animation:ox-folio-reflection 9s ease-in-out infinite;z-index:2;pointer-events:none;mix-blend-mode:soft-light}
.ox-account-motion .ox-product-metal-symbol{position:absolute;right:18px;bottom:15px;min-width:0;padding:0;font-size:108px;line-height:1;font-weight:500;letter-spacing:-.07em;color:transparent;background:linear-gradient(120deg,#5A6170,#B4BAC3 25%,#5A6170 42%,#DCE3F0 44%,#5A6170 75%);background-clip:text;-webkit-background-clip:text;filter:none;text-shadow:0 1px 1px #ffffff22;opacity:.68;z-index:0}
.ox-account-motion .ox-product-currency-caption{padding:0;gap:12px;min-width:0;z-index:1;align-self:flex-start}
.ox-account-motion .ox-product-currency-code{font-size:30px;letter-spacing:.02em;color:#1A1D28;font-weight:500;line-height:1}
.ox-account-motion .ox-product-currency-caption>span:last-child{font-size:14px;color:#343947;line-height:1.4;max-width:150px}
.ox-account-engraving{position:absolute;left:24px;bottom:25px;display:flex;gap:5px;align-items:flex-end;height:22px;opacity:.6}
.ox-account-engraving i{display:block;width:2px;background:linear-gradient(#5A6170,#B4BAC3);box-shadow:1px 0 0 #E8EAF0;height:12px}
.ox-account-engraving i:nth-child(2){height:18px}.ox-account-engraving i:nth-child(3){height:22px}.ox-account-engraving i:nth-child(4){height:18px}
.ox-account-motion .ox-product-payment-destination{border:0;border-bottom:1px solid #5A617070;background:none;position:relative;padding:20px 0 16px;min-height:0;margin-top:0;row-gap:9px;overflow:hidden}
.ox-account-motion .ox-product-payment-destination:before{content:'';position:absolute;left:0;bottom:0;width:28%;height:1px;background:linear-gradient(90deg,transparent,#D4A0A0,transparent);animation:ox-ledger-flow 5s ease-in-out infinite}
.ox-account-motion .ox-product-payment-label{font-size:11px;letter-spacing:.075em;color:#B4BAC3;line-height:1.4}
.ox-account-motion .ox-product-payment-rails{font-size:14px;color:#E8EAF0;line-height:1.5}
.ox-account-motion .ox-product-payment-rails i{color:#5A6170;margin-inline:7px}
.ox-account-motion .ox-product-payment-destination svg{stroke:#D4A0A0;width:20px}
.ox-account-caption-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:8px}
.ox-account-caption-row .ox-product-visual-caption{margin:0;font-size:11px;color:#B4BAC3;text-align:left;line-height:1.5}
.ox-account-pause{border:0;background:none;font:inherit;font-size:11px;color:#B4BAC3;min-height:32px;padding:4px 0 4px 8px;cursor:pointer;white-space:nowrap}
.ox-account-pause:focus-visible{outline:2px solid #D4A0A0;outline-offset:3px}
.ox-account-motion[data-motion="paused"] *,.ox-account-motion[data-motion="paused"] *:before,.ox-account-motion[data-motion="paused"] *:after{animation-play-state:paused!important}
.ox-account-motion.is-changing .ox-product-currency-caption{animation:ox-folio-change .55s ease-out}
@keyframes ox-folio-reflection{0%,15%{transform:translateX(-35%)}70%,100%{transform:translateX(35%)}}
@keyframes ox-ledger-flow{0%{transform:translateX(-110%);opacity:0}20%,80%{opacity:1}100%{transform:translateX(400%);opacity:0}}
@keyframes ox-folio-change{from{opacity:.1;transform:translateX(12px)}to{opacity:1;transform:none}}
@media(max-width:580px){.ox-account-motion .ox-product-company-account{padding:23px 20px 15px}.ox-account-motion .ox-product-company-label{font-size:25px}.ox-account-motion .ox-product-currency-tabs{margin-inline:20px}.ox-account-motion .ox-product-currency-tab{font-size:13px;padding-inline:3px;gap:4px}.ox-account-motion .ox-product-currency-panel{padding:22px 20px 12px}.ox-account-motion .ox-product-currency-stage{height:180px;padding:20px}.ox-account-motion .ox-product-currency-code{font-size:28px}.ox-account-motion .ox-product-currency-caption>span:last-child{max-width:135px}.ox-account-motion .ox-product-metal-symbol{font-size:100px;right:16px}.ox-account-motion .ox-product-payment-rails{font-size:13px}.ox-account-motion .ox-product-payment-rails i{margin-inline:5px}.ox-account-pause{min-height:44px}.ox-account-brand-mark{right:20px}.ox-account-engraving{left:20px}}
@media(prefers-reduced-motion:reduce){.ox-account-motion *,.ox-account-motion *:before,.ox-account-motion *:after{animation:none!important;transition:none!important}}
@media(min-width:1100px){.ox-account-motion .ox-product-company-account{padding-top:22px;padding-bottom:15px}.ox-account-motion .ox-product-currency-panel{padding-top:20px}.ox-account-motion .ox-product-currency-stage{height:164px}}

/* Each balance has its own restrained metal finish. */
@property --folio-base{syntax:'<color>';inherits:true;initial-value:#aab2bf}
@property --folio-light{syntax:'<color>';inherits:true;initial-value:#e2e6ec}
@property --folio-shadow{syntax:'<color>';inherits:true;initial-value:#98a3b4}
.ox-account-motion .ox-product-currency-panel{--folio-base:#aab2bf;--folio-light:#e2e6ec;--folio-shadow:#98a3b4;transition:--folio-base .65s,--folio-light .65s,--folio-shadow .65s}
.ox-account-motion .ox-product-currency-panel[data-currency="GBP"]{--folio-base:#b89c96;--folio-light:#ebdcd5;--folio-shadow:#aa8b87}
.ox-account-motion .ox-product-currency-panel[data-currency="USD"]{--folio-base:#9faea7;--folio-light:#dce6de;--folio-shadow:#879c92}
.ox-account-motion .ox-product-currency-panel[data-currency="CHF"]{--folio-base:#91a4b8;--folio-light:#dbe7f0;--folio-shadow:#8093ad}
.ox-account-motion .ox-product-currency-panel[data-currency="CRYPTO"]{--folio-base:#af9b81;--folio-light:#e4d7c0;--folio-shadow:#998775}
.ox-account-motion .ox-product-currency-stage{background:linear-gradient(115deg,var(--folio-shadow),var(--folio-light) 24%,var(--folio-base) 46%,var(--folio-shadow) 57%,var(--folio-light) 80%,var(--folio-base));border-color:var(--folio-light);box-shadow:0 10px 18px #080a0e60,inset 0 1px 0 #ffffff77}
.ox-account-motion.is-changing .ox-product-metal-symbol{animation:ox-metal-arrive .6s ease-out}
@keyframes ox-metal-arrive{from{opacity:.15;translate:10px 4px}to{opacity:.68;translate:0 0}}