@layer components{.wallet-top-up-dialog{--wallet-top-up-text:var(--card-title);--wallet-top-up-secondary-text:var(--card-description);--wallet-top-up-border:var(--menu-border);--wallet-top-up-subtle-fill:var(--black-3);--wallet-top-up-accent:var(--orange-100);--wallet-top-up-token:var(--swatch-blue);--wallet-top-up-empty-border:var(--card-border);--wallet-top-up-empty-fill:var(--card-background);--wallet-top-up-empty-icon:var(--empty-icon);--wallet-top-up-empty-title:var(--empty-title);--wallet-top-up-empty-text:var(--empty-text);--wallet-top-up-success:var(--swatch-green);--wallet-top-up-notice:var(--swatch-blue);--wallet-top-up-notice-fill:color-mix(in srgb, var(--swatch-blue) 20%, transparent);max-height:calc(100vh - (var(--space-24) * 2));gap:0;padding:0;overflow-y:auto}.dark .wallet-top-up-dialog{--wallet-top-up-subtle-fill:var(--white-5)}.wallet-top-up-dialog__header{gap:var(--space-8);padding:var(--space-24);display:grid}.wallet-top-up-dialog__step,.wallet-top-up-dialog__title,.wallet-top-up-dialog__description,.wallet-top-up-dialog__amount,.wallet-top-up-dialog__option-copy,.wallet-top-up-dialog__amount-summary,.wallet-top-up-dialog__selection-section h3,.wallet-top-up-dialog__empty-tokens,.wallet-top-up-dialog__summary,.wallet-top-up-dialog__notice,.wallet-top-up-dialog__success-title,.wallet-top-up-dialog__success-description,.wallet-top-up-dialog__success-amount{font-family:var(--font-main), serif}.wallet-top-up-dialog__step{color:var(--wallet-top-up-secondary-text);font-size:var(--fs-14);font-weight:var(--fw-regular);line-height:var(--lh-20);margin:0}.wallet-top-up-dialog__title{color:var(--wallet-top-up-text);font-size:var(--fs-24);font-weight:var(--fw-medium);line-height:var(--lh-32);letter-spacing:var(--ls-0)}.wallet-top-up-dialog__description{color:var(--wallet-top-up-secondary-text);font-size:var(--fs-14);line-height:var(--lh-20)}.wallet-top-up-dialog__progress{height:var(--size-12);margin-top:var(--space-8);padding-inline:var(--space-2);position:relative}.wallet-top-up-dialog__progress:before{top:50%;right:var(--space-2);left:var(--space-2);height:var(--space-4);border-radius:var(--radius-full);background:color-mix(in srgb, var(--wallet-top-up-accent) 20%, transparent);content:"";position:absolute;transform:translateY(-50%)}.wallet-top-up-dialog__progress-active{top:50%;left:var(--space-2);height:var(--space-4);border-radius:var(--radius-full);background:var(--wallet-top-up-accent);display:block;position:absolute;transform:translateY(-50%)}.wallet-top-up-dialog__progress-active:after{width:var(--space-4);height:var(--space-4);border-radius:var(--radius-full);background:var(--wallet-top-up-accent);content:"";position:absolute;top:50%;right:0;transform:translate(50%,-50%)}.wallet-top-up-dialog__body{gap:var(--space-20);padding:var(--space-16) var(--space-24) var(--space-24);display:grid}.wallet-top-up-dialog__body--token{gap:0;padding:0}.wallet-top-up-dialog__body--review{padding-block:var(--space-16)}.wallet-top-up-dialog__header--balance{column-gap:var(--space-16);grid-template-columns:minmax(0,1fr) auto}.wallet-top-up-dialog__header--balance>*{grid-column:1/-1}.wallet-top-up-dialog__header--balance>.wallet-top-up-dialog__step,.wallet-top-up-dialog__header--balance>.wallet-top-up-dialog__title{grid-column:1}.wallet-top-up-dialog__balance-chip{align-self:start;justify-items:end;gap:var(--space-2);padding:var(--space-8) var(--space-12);border-radius:var(--radius-lg);background:var(--wallet-top-up-subtle-fill);font-family:var(--font-main), serif;grid-area:1/2/span 2;margin:0;display:grid}.wallet-top-up-dialog__balance-chip span{color:var(--wallet-top-up-secondary-text);font-size:var(--fs-13);line-height:var(--lh-16)}.wallet-top-up-dialog__balance-chip strong{color:var(--wallet-top-up-text);font-size:var(--fs-16);font-weight:var(--fw-semibold);line-height:var(--lh-20)}.wallet-top-up-dialog__amount-block,.wallet-top-up-dialog__methods-block{gap:var(--space-12);display:grid}.wallet-top-up-dialog__amount-heading,.wallet-top-up-dialog__methods-heading{color:var(--wallet-top-up-secondary-text);font-family:var(--font-main), serif;font-size:var(--fs-14);font-weight:var(--fw-regular);line-height:var(--lh-20);margin:0}.wallet-top-up-dialog__amount-panel{gap:var(--space-16);padding:var(--space-16);border:var(--size-1) solid var(--wallet-top-up-border);border-radius:var(--radius-xl);display:grid}.wallet-top-up-dialog__amount-row{justify-content:space-between;align-items:baseline;gap:var(--space-16);padding-bottom:var(--space-16);border-bottom:var(--size-1) solid var(--wallet-top-up-border);font-family:var(--font-main), serif;display:flex}.wallet-top-up-dialog__amount-row span{color:var(--wallet-top-up-secondary-text);font-size:var(--fs-15);line-height:var(--lh-20)}.wallet-top-up-dialog__amount-row strong{color:var(--wallet-top-up-text);font-size:var(--fs-28);font-weight:var(--fw-medium);line-height:var(--lh-32)}.wallet-top-up-dialog__amounts{gap:var(--space-8);flex-wrap:wrap;display:flex}.wallet-top-up-dialog__amount{min-height:var(--size-32);border:var(--size-1) solid var(--wallet-top-up-border);border-radius:var(--radius-full);background:var(--background,var(--wallet-top-up-subtle-fill));color:var(--wallet-top-up-text);cursor:pointer;font-size:var(--fs-14);font-weight:var(--fw-medium);line-height:var(--lh-20);padding-inline:var(--space-16);transition:border-color .18s,background-color .18s,color .18s}.wallet-top-up-dialog__amount:hover{border-color:var(--wallet-top-up-accent);background:color-mix(in srgb, var(--wallet-top-up-text) 3%, transparent);color:var(--wallet-top-up-text)}.wallet-top-up-dialog__amount[data-selected=true]{border-color:var(--wallet-top-up-text);background:var(--wallet-top-up-text);color:var(--sheet-background)}.wallet-top-up-dialog__amount:focus-visible{outline:var(--size-1) solid var(--wallet-top-up-accent);outline-offset:var(--space-2)}.wallet-top-up-dialog__custom-amount .input-wrapper{border-radius:var(--radius-xl)}.wallet-top-up-dialog__methods{border:var(--size-1) solid var(--wallet-top-up-border);border-radius:var(--radius-2xl);grid-template-columns:1fr;gap:0;overflow:hidden}.wallet-top-up-dialog__method{min-height:var(--size-70);background:0 0;border:0;border-radius:0;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;display:grid}.wallet-top-up-dialog__method:hover,.wallet-top-up-dialog__method[data-state=checked]{background:var(--wallet-top-up-subtle-fill);border-color:#0000}.wallet-top-up-dialog__method>svg{width:var(--size-24);height:var(--size-24);color:var(--wallet-top-up-secondary-text);grid-area:1/1}.wallet-top-up-dialog__method .radio-group-card-indicator{grid-area:1/3}.wallet-top-up-dialog__method .wallet-top-up-dialog__option-copy{grid-area:1/2}.wallet-top-up-dialog__method[data-state=checked]>svg{color:var(--wallet-top-up-accent)}.wallet-top-up-dialog__option-copy{gap:var(--space-4);min-width:0;display:grid}.wallet-top-up-dialog__option-copy strong{color:var(--wallet-top-up-text);font-size:var(--fs-15);font-weight:var(--fw-semibold);line-height:var(--lh-20);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.wallet-top-up-dialog__option-copy>span:not(.wallet-top-up-dialog__wallet-address-row){color:var(--wallet-top-up-secondary-text);font-size:var(--fs-13);line-height:var(--lh-16);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.wallet-top-up-dialog__method .wallet-top-up-dialog__option-copy>span:not(.wallet-top-up-dialog__provider-name){white-space:normal;overflow:visible}.wallet-top-up-dialog__method--provider{gap:var(--space-12);padding-inline:var(--space-16);grid-template-columns:minmax(0,1fr) auto auto}.wallet-top-up-dialog__method--provider .wallet-top-up-dialog__option-copy{grid-column:1}.wallet-top-up-dialog__method--provider .wallet-top-up-dialog__option-copy>span:not(.wallet-top-up-dialog__provider-name){white-space:normal;overflow:visible}.wallet-top-up-dialog__method .wallet-top-up-dialog__provider-name{align-items:center;gap:var(--space-8);min-width:0;color:var(--wallet-top-up-text);font-size:var(--fs-15);display:flex;overflow:visible}.wallet-top-up-dialog__provider-name>strong{min-width:0}.wallet-top-up-dialog__provider-amount{justify-items:end;gap:var(--space-2);font-family:var(--font-main), serif;white-space:nowrap;grid-column:2;display:grid}.wallet-top-up-dialog__provider-amount>strong{color:var(--wallet-top-up-text);font-size:var(--fs-15);font-weight:var(--fw-semibold);line-height:var(--lh-20)}.wallet-top-up-dialog__provider-amount>span{color:var(--wallet-top-up-secondary-text);font-size:var(--fs-13);line-height:var(--lh-16)}.wallet-top-up-dialog__method--provider .radio-group-card-indicator{grid-column:3}.wallet-top-up-dialog__chip{padding:var(--space-2) var(--space-8);border:var(--size-1) solid var(--wallet-top-up-notice,var(--swatch-blue));border-radius:var(--radius-full);background:var(--wallet-top-up-notice-fill);color:var(--wallet-top-up-text);font-family:var(--font-main), serif;font-size:var(--fs-14);font-weight:var(--fw-medium);line-height:var(--lh-20);flex:none;align-items:center;display:inline-flex}.wallet-top-up-dialog__provider-note{color:var(--wallet-top-up-secondary-text);font-family:var(--font-main), serif;font-size:var(--fs-14);line-height:var(--lh-20);margin:0}.wallet-top-up-dialog__stage{display:contents}.wallet-top-up-dialog__stage[hidden]{display:none}.wallet-top-up-dialog__review-step{gap:var(--space-32);display:grid}.wallet-top-up-dialog__alert-title{display:block}.wallet-top-up-dialog__token-step{flex-direction:column;width:100%;display:flex}.wallet-top-up-dialog__amount-summary{box-sizing:border-box;min-height:var(--size-80);align-content:center;gap:var(--space-4);padding:var(--space-8) var(--space-24) var(--space-24);display:grid}.wallet-top-up-dialog__amount-summary span{color:var(--wallet-top-up-text);font-size:var(--fs-18);line-height:var(--lh-24)}.wallet-top-up-dialog__amount-summary strong{color:var(--wallet-top-up-text);font-size:var(--fs-16);font-weight:var(--fw-regular);line-height:var(--lh-20)}.wallet-top-up-dialog__selection-section{display:block}.wallet-top-up-dialog__selection-section>h3{min-height:var(--size-56);padding:var(--space-8) var(--space-24);color:var(--wallet-top-up-text);font-size:var(--fs-18);font-weight:var(--fw-medium);line-height:var(--lh-24);align-items:center;margin:0;display:flex}.wallet-top-up-dialog__wallet-card{align-items:center;gap:var(--space-16);min-height:var(--size-72);padding:var(--space-8) var(--space-24);grid-template-columns:auto minmax(0,1fr) auto;display:grid}.wallet-top-up-dialog__token-section-heading{min-height:var(--size-72);align-content:center;gap:var(--space-4);padding:var(--space-8) var(--space-24);display:grid}.wallet-top-up-dialog__token-section-heading h3,.wallet-top-up-dialog__token-section-heading p{margin:0}.wallet-top-up-dialog__token-section-heading h3{color:var(--wallet-top-up-text);font-size:var(--fs-18);font-weight:var(--fw-medium);line-height:var(--lh-24)}.wallet-top-up-dialog__token-section-heading p{color:var(--wallet-top-up-secondary-text);font-size:var(--fs-14);line-height:var(--lh-20);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.wallet-top-up-dialog__wallet-icon{width:var(--size-24);height:var(--size-24);object-fit:contain;flex:none}.wallet-top-up-dialog__change-wallet{color:var(--wallet-top-up-accent);cursor:pointer;font-family:var(--font-main), serif;font-size:var(--fs-11);font-weight:var(--fw-medium);line-height:var(--lh-16);letter-spacing:var(--ls-wider);white-space:nowrap;background:0 0;border:0;padding:0}.wallet-top-up-dialog__wallet-address-row{align-items:center;gap:var(--space-4);min-width:0;display:flex}.wallet-top-up-dialog__wallet-address-row>strong{min-width:0}.wallet-top-up-dialog__copy-address{width:var(--size-24);height:var(--size-24);flex:0 0 var(--size-24);border-radius:var(--radius-full);color:var(--wallet-top-up-secondary-text);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.wallet-top-up-dialog__copy-address>svg{width:var(--size-16);height:var(--size-16)}.wallet-top-up-dialog__copy-address:hover{background:var(--wallet-top-up-subtle-fill)}.wallet-top-up-dialog__copy-address:focus-visible{outline:var(--size-1) solid var(--wallet-top-up-accent);outline-offset:var(--space-2)}.wallet-top-up-dialog__token-options{width:100%;display:block}.wallet-top-up-dialog__token-card{box-sizing:border-box;align-items:center;gap:var(--space-16);width:100%;min-height:var(--size-72);padding:var(--space-8) var(--space-24);background:0 0;border:0;border-radius:0;grid-template-columns:auto minmax(0,1fr) auto auto;display:grid}.wallet-top-up-dialog__token-card>.radio-group-card-indicator{grid-area:1/4;justify-self:end}.wallet-top-up-dialog__token-card:hover{background:var(--wallet-top-up-subtle-fill);border-color:#0000}.wallet-top-up-dialog__token-card[data-state=checked]{background:0 0}.wallet-top-up-dialog__wallet-card .wallet-top-up-dialog__option-copy strong{font-size:var(--fs-16);font-weight:var(--fw-regular);line-height:var(--lh-24)}.wallet-top-up-dialog__wallet-card .wallet-top-up-dialog__option-copy>span:not(.wallet-top-up-dialog__wallet-address-row){font-size:var(--fs-14);line-height:var(--lh-20)}.wallet-top-up-dialog__token-icon{width:var(--size-24);height:var(--size-24);border-radius:var(--radius-full);background:var(--wallet-top-up-token);color:var(--white-100);grid-area:1/1;place-items:center;display:grid}.wallet-top-up-dialog__token-icon svg{width:var(--size-14);height:var(--size-14)}.wallet-top-up-dialog__token-copy{gap:var(--space-4);grid-area:1/2;min-width:0;display:grid}.wallet-top-up-dialog__token-identity{align-items:center;gap:var(--space-10);min-width:0;display:flex}.wallet-top-up-dialog__token-identity strong,.wallet-top-up-dialog__token-balance strong{color:var(--wallet-top-up-text);font-size:var(--fs-16);font-weight:var(--fw-regular);line-height:var(--lh-24)}.wallet-top-up-dialog__network-badge{border:var(--size-1) solid var(--wallet-top-up-token);border-radius:var(--radius-full);padding:var(--space-4) var(--space-8);background:color-mix(in srgb, var(--wallet-top-up-token) 20%, transparent);color:var(--wallet-top-up-text);font-size:var(--fs-14);font-weight:var(--fw-medium);line-height:var(--lh-16)}.wallet-top-up-dialog__token-balance{justify-items:end;gap:var(--space-4);text-align:end;grid-area:1/3;min-width:0;display:grid}.wallet-top-up-dialog__token-balance strong{max-width:var(--size-160);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.wallet-top-up-dialog__token-balance span{color:var(--wallet-top-up-secondary-text);font-size:var(--fs-14);line-height:var(--lh-20)}.wallet-top-up-dialog__token-charge{color:var(--wallet-top-up-secondary-text);font-size:var(--fs-14);line-height:var(--lh-20);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.wallet-top-up-dialog__empty-tokens{box-sizing:border-box;min-height:var(--size-261);justify-content:center;align-items:center;gap:var(--space-16);margin-inline:var(--space-24);border:var(--size-1) solid var(--wallet-top-up-empty-border);border-radius:var(--radius-2xl);padding:var(--space-16);background:var(--wallet-top-up-empty-fill);text-align:center;flex-direction:column;display:flex}.wallet-top-up-dialog__empty-tokens>svg{width:var(--size-35);height:var(--size-35);color:var(--wallet-top-up-empty-icon)}.wallet-top-up-dialog__empty-tokens-copy{justify-items:center;gap:var(--space-8);display:grid}.wallet-top-up-dialog__empty-tokens-copy strong{color:var(--wallet-top-up-empty-title);font-size:var(--fs-16);font-weight:var(--fw-semibold);line-height:var(--lh-28)}.wallet-top-up-dialog__empty-tokens-copy p{max-width:var(--size-460);color:var(--wallet-top-up-empty-text);font-size:var(--fs-14);font-weight:var(--fw-medium);line-height:var(--lh-20);margin:0}.wallet-top-up-dialog__connect-wallet{--button-fill:var(--black-100);--button-text:var(--white-100);--button-border:transparent;--button-shadow:none;--button-shadow-hover:none;min-width:fit-content;font-weight:var(--fw-medium)}.wallet-top-up-dialog__summary{border:var(--size-1) solid var(--wallet-top-up-border);border-radius:var(--radius-2xl);background:var(--wallet-top-up-subtle-fill);margin:0;display:grid;overflow:hidden}.wallet-top-up-dialog__summary div{justify-content:space-between;align-items:center;gap:var(--space-16);padding:var(--space-12) var(--space-16);border-bottom:var(--size-1) solid var(--wallet-top-up-border);display:flex}.wallet-top-up-dialog__summary div:last-child,.wallet-top-up-dialog__summary--review div{border-bottom:0}.wallet-top-up-dialog__summary--review{gap:var(--space-8);padding:var(--space-16)}.wallet-top-up-dialog__summary--review div{min-height:var(--size-24);padding:0}.wallet-top-up-dialog__summary dt,.wallet-top-up-dialog__summary dd{font-size:var(--fs-13);line-height:var(--lh-20);margin:0}.wallet-top-up-dialog__summary dt{color:var(--wallet-top-up-secondary-text)}.wallet-top-up-dialog__summary dd{color:var(--wallet-top-up-text);font-weight:var(--fw-medium);text-align:end;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.wallet-top-up-dialog__summary{grid-template-columns:minmax(0,1fr)}.wallet-top-up-dialog__summary>div{min-width:0}.wallet-top-up-dialog__summary dt{flex:none}.wallet-top-up-dialog__summary dd.wallet-top-up-dialog__summary-name{min-width:0}.wallet-top-up-dialog__summary dd.wallet-top-up-dialog__summary-plan{justify-content:flex-end;gap:var(--space-4);min-width:0;display:flex}.wallet-top-up-dialog__summary-plan>span:first-child{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.wallet-top-up-dialog__summary-plan>span:last-child{white-space:nowrap;flex:none}.wallet-top-up-dialog__summary--review dt{font-size:var(--fs-14);font-weight:var(--fw-regular);line-height:var(--lh-20);letter-spacing:var(--ls-025)}.wallet-top-up-dialog__summary--review dd{font-size:var(--fs-16);font-weight:var(--fw-regular);line-height:var(--lh-24);letter-spacing:var(--ls-wider)}.wallet-top-up-dialog__summary .wallet-top-up-dialog__summary-total{background:0 0}.wallet-top-up-dialog__summary--review .wallet-top-up-dialog__summary-total{margin-top:var(--space-8);position:relative}.wallet-top-up-dialog__summary--review .wallet-top-up-dialog__summary-total:before{content:"";top:calc(-1 * var(--space-8));height:var(--size-1);background:var(--wallet-top-up-border);position:absolute;left:0;right:0}.wallet-top-up-dialog__summary-total dt,.wallet-top-up-dialog__summary-total dd{color:var(--wallet-top-up-text);font-weight:var(--fw-regular)}.wallet-top-up-dialog__notice{align-items:flex-start;gap:var(--space-10);border:var(--size-1) solid var(--wallet-top-up-notice);border-radius:var(--radius-xl);padding:var(--space-16);background:var(--wallet-top-up-notice-fill);color:var(--wallet-top-up-text);display:flex}.wallet-top-up-dialog__notice svg{width:var(--size-24);height:var(--size-24);color:var(--wallet-top-up-notice);flex:none}.wallet-top-up-dialog__notice p{font-size:var(--fs-14);font-weight:var(--fw-regular);line-height:var(--lh-24);letter-spacing:var(--ls-028);margin:0}.wallet-top-up-dialog__success{align-items:center;gap:var(--space-4);width:100%;padding:var(--space-24) var(--space-16);text-align:center;flex-direction:column;display:flex}.wallet-top-up-dialog--success{max-width:var(--size-400);min-height:var(--size-425)}.wallet-top-up-dialog__success-icon{width:var(--size-48);height:var(--size-48);border-radius:var(--radius-full);color:var(--wallet-top-up-success);justify-content:center;align-items:center;display:inline-flex}.wallet-top-up-dialog__success-icon svg{width:var(--size-48);height:var(--size-48)}.wallet-top-up-dialog__success-title{color:var(--wallet-top-up-text);font-size:var(--fs-24);font-weight:var(--fw-medium);line-height:var(--lh-32)}.wallet-top-up-dialog__success-description{color:var(--wallet-top-up-secondary-text);font-size:var(--fs-14);font-weight:var(--fw-regular);line-height:var(--lh-20);margin:0}.wallet-top-up-dialog__success-amount{margin-top:var(--space-8);color:var(--wallet-top-up-success);font-size:var(--fs-28);font-weight:var(--fw-semibold);line-height:var(--lh-32)}.wallet-top-up-dialog__close{top:var(--space-12);right:var(--space-12);position:absolute}.wallet-top-up-dialog__loader{gap:var(--space-16);padding-block:var(--space-48)}.wallet-top-up-dialog__loader--passive{align-items:center;gap:var(--space-12);padding-block:var(--space-16);text-align:center;flex-direction:column;display:flex}.wallet-top-up-dialog__success-icon--failed{color:var(--red-100)}.wallet-top-up-dialog--success[data-status-frame]{min-height:0;max-width:var(--size-560)}.wallet-top-up-dialog[data-status-frame=action] .wallet-top-up-dialog__success,.wallet-top-up-dialog[data-status-frame=attention] .wallet-top-up-dialog__success{place-items:center start;column-gap:var(--space-16);row-gap:var(--space-24);padding:var(--space-24) var(--space-24) 0;text-align:start;grid-template-columns:auto minmax(0,1fr);display:grid}.wallet-top-up-dialog[data-status-frame=action] .wallet-top-up-dialog__success-description,.wallet-top-up-dialog[data-status-frame=attention] .wallet-top-up-dialog__success-description{grid-column:1/-1}.wallet-top-up-dialog__success-icon--tile{width:var(--size-48);height:var(--size-48);border-radius:var(--radius-xl);background:var(--wallet-top-up-subtle-fill);color:var(--wallet-top-up-text)}.wallet-top-up-dialog__success-icon--tile svg{width:var(--size-24);height:var(--size-24)}.wallet-top-up-dialog__success-amount--credited{color:var(--wallet-top-up-text);font-weight:var(--fw-regular)}.wallet-top-up-dialog[data-status-frame=credited] .wallet-top-up-dialog__success-title{color:var(--wallet-top-up-secondary-text);font-size:var(--fs-16);font-weight:var(--fw-regular);line-height:var(--lh-24)}.wallet-top-up-dialog__summary-before{color:var(--wallet-top-up-secondary-text)}.wallet-top-up-dialog__summary-note{margin:calc(var(--space-8) * -1) var(--space-24) 0;color:var(--wallet-top-up-secondary-text);font-family:var(--font-main), serif;font-size:var(--fs-12);line-height:var(--lh-16);text-align:center}.wallet-top-up-dialog__loader-frame{align-items:center;gap:var(--space-16);padding:var(--space-24) var(--space-24) var(--space-32);text-align:center;flex-direction:column;display:flex;position:relative}.wallet-top-up-dialog__loader-title{padding-inline:var(--space-32)}.wallet-top-up-dialog__loader-mark{margin-block:calc(var(--space-20) * -1)}.wallet-top-up-dialog__loader-description,.wallet-top-up-dialog__loader-caption{max-width:var(--size-400);color:var(--wallet-top-up-secondary-text);font-family:var(--font-main), serif;margin:0}.wallet-top-up-dialog__loader-description{font-size:var(--fs-16);line-height:var(--lh-24)}.wallet-top-up-dialog__loader-caption{font-size:var(--fs-13);line-height:var(--lh-16)}.wallet-top-up-dialog--embedded{background:0 0;width:auto;max-height:none;overflow:visible}.wallet-top-up-dialog--embedded .wallet-top-up-dialog__success,.wallet-top-up-dialog--embedded[data-status-frame=action] .wallet-top-up-dialog__success,.wallet-top-up-dialog--embedded[data-status-frame=attention] .wallet-top-up-dialog__success{padding-inline:0}.wallet-top-up-dialog--embedded .wallet-top-up-dialog__summary--success{width:100%;margin-inline:0}.wallet-top-up-dialog--embedded .wallet-top-up-dialog__actions{padding-inline:0}.wallet-top-up-dialog__summary--success{width:calc(100% - (var(--space-24) * 2));gap:var(--space-8);margin:var(--space-16) var(--space-24);padding:var(--space-16);text-align:start}.wallet-top-up-dialog__summary--success div{min-height:var(--size-24);border-bottom:0;padding:0}.wallet-top-up-dialog__summary--success dt{font-size:var(--fs-14);font-weight:var(--fw-regular);line-height:var(--lh-20);letter-spacing:var(--ls-025)}.wallet-top-up-dialog__summary--success dd{font-size:var(--fs-16);font-weight:var(--fw-regular);line-height:var(--lh-24);letter-spacing:var(--ls-wider);text-overflow:clip;white-space:normal;overflow-wrap:anywhere;overflow:visible}.wallet-top-up-dialog__actions{justify-content:flex-end;align-items:center;gap:var(--space-8);padding:var(--space-20) var(--space-24);margin:0}.wallet-top-up-dialog__actions .button-root{min-width:0;min-height:var(--size-40);border-radius:var(--radius-full);padding-inline:var(--space-16)}.wallet-top-up-dialog__primary-action{--button-fill:var(--wallet-top-up-accent);--button-text:var(--white-100);--button-border:transparent;--button-shadow:none;--button-shadow-hover:none;min-width:fit-content}.wallet-top-up-dialog__primary-action.wallet-top-up-dialog__primary-action--purchase{gap:var(--space-8)}.wallet-top-up-dialog__primary-action.wallet-top-up-dialog__primary-action--purchase svg.wallet-top-up-dialog__purchase-action-icon{width:var(--size-20);height:var(--size-20)}.wallet-top-up-dialog__actions .wallet-top-up-dialog__primary-action:disabled{--button-fill:var(--button-disabled-fill);--button-text:var(--wallet-top-up-secondary-text);opacity:1}.wallet-top-up-dialog__actions--success{min-height:var(--size-80)}@media (max-width:560px){.wallet-top-up-dialog{width:calc(100vw - (var(--space-16) * 2));min-width:0}.wallet-top-up-dialog__header,.wallet-top-up-dialog__body,.wallet-top-up-dialog__success,.wallet-top-up-dialog__actions{padding-inline:var(--space-16)}.wallet-top-up-dialog__body--token{padding-inline:0}.wallet-top-up-dialog__amount-summary,.wallet-top-up-dialog__selection-section>h3,.wallet-top-up-dialog__wallet-card,.wallet-top-up-dialog__token-section-heading,.wallet-top-up-dialog__token-card{padding-inline:var(--space-16)}.wallet-top-up-dialog__empty-tokens{margin-inline:var(--space-16)}.wallet-top-up-dialog__token-card{gap:var(--space-8);grid-template-columns:auto minmax(0,1fr) auto auto}.wallet-top-up-dialog__token-identity{gap:var(--space-8)}.wallet-top-up-dialog.wallet-top-up-dialog--embedded{width:auto}}}
@layer components{.card-order-payment{--card-order-fill:var(--white-100);--card-order-title:var(--black-100);--card-order-body:var(--muted-70);--card-order-outline:var(--black-10);--card-order-soft:var(--black-3);--card-order-shadow:var(--shadow-light-100);gap:var(--space-32);width:calc(100vw - (var(--space-16) * 2));max-width:var(--size-1040);max-height:calc(100svh - var(--space-32));padding:var(--space-24);border-color:var(--card-order-outline);border-radius:var(--radius-4xl);background:var(--card-order-fill);box-shadow:var(--card-order-shadow);color:var(--card-order-title);display:grid;overflow-y:auto}.dark .card-order-payment{--card-order-fill:var(--black-100);--card-order-title:var(--white-100);--card-order-body:var(--fog-70);--card-order-outline:var(--white-10);--card-order-soft:var(--white-3);--card-order-shadow:var(--shadow-dark-100)}.card-order-payment__header{gap:var(--space-8);display:grid;position:relative}.card-order-payment__header>p{min-height:var(--lh-20);color:var(--card-order-body);font-size:var(--fs-14);line-height:var(--lh-20);margin:0}.card-order-payment__header>[role=progressbar]{margin-top:var(--space-8)}.card-order-payment__columns{gap:var(--space-24);padding:var(--space-24);border:var(--size-1) solid var(--card-order-outline);border-radius:var(--radius-2xl);grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}.card-order-payment__summary,.card-order-payment__payment{gap:var(--space-16);flex-direction:column;align-items:stretch;min-width:0;display:flex}.card-order-payment__summary>h3,.card-order-payment__payment>h3{font-size:var(--fs-18);line-height:var(--lh-24);font-weight:var(--fw-medium);margin:0}.card-order-payment__payment{padding-left:var(--space-24);border-left:var(--size-1) solid var(--card-order-outline)}.card-order-payment__payment>p{color:var(--card-order-body);font-size:var(--fs-14);line-height:var(--lh-20);margin:0}.card-order-payment__rows{gap:var(--space-8);width:100%;padding:var(--space-16);border:var(--size-1) solid var(--card-order-outline);border-radius:var(--radius-xl);background:var(--card-order-soft);flex-direction:column;margin:0;display:flex}.card-order-payment__rows>div{align-items:center;gap:var(--space-12);grid-template-columns:auto minmax(0,1fr);display:grid}.card-order-payment__rows dt,.card-order-payment__rows dd{font-family:var(--font-main);font-weight:var(--fw-regular);margin:0}.card-order-payment__rows dt{color:var(--card-order-body);font-size:var(--fs-14);line-height:var(--lh-20);letter-spacing:var(--ls-025)}.card-order-payment__rows dd{overflow-wrap:anywhere;color:var(--card-order-title);font-size:var(--fs-16);line-height:var(--lh-24);letter-spacing:var(--ls-wider);text-align:right}.card-order-payment__rows-total{margin-top:var(--space-4);padding-top:var(--space-12);border-top:var(--size-1) solid var(--card-order-outline)}.card-order-payment__ready-title{font-size:var(--fs-18);font-weight:var(--fw-medium);line-height:var(--lh-24);margin:0}.card-order-payment__actions{align-items:stretch;gap:var(--space-8);flex-direction:column;display:flex}.card-order-payment__actions--row{flex-flow:wrap;justify-content:center}@media (max-width:47.99rem){.card-order-payment__columns{padding:var(--space-16);grid-template-columns:minmax(0,1fr)}.card-order-payment__payment{padding-left:0;padding-top:var(--space-16);border-left:0;border-top:var(--size-1) solid var(--card-order-outline)}.card-order-payment__actions--row{flex-direction:column;align-items:stretch}}}
@layer components{.cross-chain-mark{border-radius:var(--radius-full);object-fit:cover;flex:none;display:inline-block}.cross-chain-mark--letter{background:var(--wallet-top-up-subtle-fill,var(--black-3));color:var(--card-title);font-family:var(--font-main), serif;font-size:var(--fs-12);font-weight:var(--fw-medium);line-height:var(--lh-16);justify-content:center;align-items:center;display:inline-flex}.cross-chain-qr{width:var(--size-160);height:var(--size-160);border-radius:var(--radius-lg);flex:none;display:block;overflow:hidden}.cross-chain-qr>svg{width:100%;height:100%;display:block}.cross-chain-chip{align-items:center;gap:var(--space-4);padding:var(--space-2) var(--space-8) var(--space-2) var(--space-4);border:var(--size-1) solid var(--wallet-top-up-notice,var(--swatch-blue));border-radius:var(--radius-full);background:var(--wallet-top-up-notice-fill);color:var(--wallet-top-up-text);font-family:var(--font-main), serif;font-size:var(--fs-14);font-weight:var(--fw-medium);line-height:var(--lh-20);display:inline-flex}.cross-chain-details{gap:var(--space-16);padding-top:var(--space-16);display:grid}.cross-chain-details__selects{grid-template-columns:minmax(0, 1fr) minmax(0, var(--size-180));gap:var(--space-16);display:grid}.cross-chain-details__hint{padding-block:var(--space-12)}.cross-chain-details__hint p,.cross-chain-details__confirm p{font-family:var(--font-main), serif;font-size:var(--fs-14);font-weight:var(--fw-medium);line-height:var(--lh-20);margin:0}.cross-chain-details__confirm{justify-content:space-between;align-items:center;gap:var(--space-8);color:var(--wallet-top-up-text);flex-wrap:wrap;display:flex}.cross-chain-send{gap:var(--space-16);padding-top:var(--space-24);display:grid}.cross-chain-send__state{align-items:center;gap:var(--space-16);padding:var(--space-16);border:var(--size-1) solid var(--wallet-top-up-border);border-radius:var(--radius-xl);background:var(--wallet-top-up-subtle-fill);font-family:var(--font-main), serif;display:flex}.cross-chain-send__state h3{color:var(--wallet-top-up-text);font-size:var(--fs-18);font-weight:var(--fw-semibold);line-height:var(--lh-24);margin:0}.cross-chain-send__state p{color:var(--wallet-top-up-text);font-size:var(--fs-14);line-height:var(--lh-20);margin:0}.cross-chain-send__spinner,.cross-chain-stage__spinner{width:var(--size-28);height:var(--size-28);color:var(--wallet-top-up-accent);flex:none;animation:1s linear infinite cross-chain-spin}.cross-chain-stage__spinner{width:var(--size-20);height:var(--size-20)}@keyframes cross-chain-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.cross-chain-send__spinner,.cross-chain-stage__spinner{animation:none}}.cross-chain-send__address{gap:var(--space-16);padding:var(--space-16);border:var(--size-1) solid var(--wallet-top-up-border);border-radius:var(--radius-xl);background:var(--wallet-top-up-subtle-fill);display:flex}.cross-chain-send__address-copy{align-content:start;justify-items:start;gap:var(--space-6);min-width:0;font-family:var(--font-main), serif;flex:1;display:grid}.cross-chain-send__chips{gap:var(--space-8);flex-wrap:wrap;display:flex}.cross-chain-send__address-label{color:var(--wallet-top-up-secondary-text);font-size:var(--fs-14);line-height:var(--lh-20);margin:0}.cross-chain-send__address-value{color:var(--wallet-top-up-text);font-size:var(--fs-18);line-height:var(--lh-24);overflow-wrap:anywhere;word-break:break-all;-webkit-user-select:all;user-select:all;margin:0}.cross-chain-send__copy{margin-top:var(--space-4)}@media (max-width:480px){.cross-chain-send__address{flex-direction:column-reverse;align-items:center}.cross-chain-send__address .cross-chain-qr{width:var(--size-200);height:var(--size-200)}.cross-chain-send__address-copy{width:100%}.cross-chain-send__copy{justify-self:center}}.cross-chain-waiting{padding-block:var(--space-24)}.cross-chain-stages{gap:var(--space-16);margin:0;padding:0;list-style:none;display:grid}.cross-chain-stage{align-items:center;gap:var(--space-12);color:var(--wallet-top-up-text);font-family:var(--font-main), serif;font-size:var(--fs-16);font-weight:var(--fw-regular);line-height:var(--lh-24);display:flex}.cross-chain-stage>svg{width:var(--size-20);height:var(--size-20);flex:none}.cross-chain-stage[data-state=done]>svg{color:var(--wallet-top-up-success)}.cross-chain-stage[data-state=current]{font-weight:var(--fw-medium)}.cross-chain-stage[data-state=next]{color:var(--wallet-top-up-secondary-text);opacity:.6}.cross-chain-stage[data-state=next]>svg{opacity:.7}.cross-chain-loading{justify-items:center;gap:var(--space-12);padding-block:var(--space-32);color:var(--wallet-top-up-text);font-family:var(--font-main), serif;text-align:center;display:grid}.cross-chain-loading p{margin:0}.cross-chain-result__icon--warning{color:var(--wallet-top-up-accent)}.cross-chain-support{margin-top:0}.cross-chain-support dt{flex:0 auto}.cross-chain-support dd{white-space:nowrap;flex:none}.cross-chain-result__check{margin:0 var(--space-24) var(--space-16)}.cross-chain-reference{margin-top:0}.cross-chain-reference div{align-items:flex-start;gap:var(--space-4);flex-direction:column}.cross-chain-reference dd{text-align:start;white-space:pre-line;overflow-wrap:anywhere;max-width:100%}.cross-chain-reference__copy{align-self:center}.cross-chain-link{justify-content:center;align-items:center;gap:var(--space-8);padding:var(--space-8) var(--space-16);color:var(--wallet-top-up-text);font-family:var(--font-main), serif;font-size:var(--fs-14);font-weight:var(--fw-medium);line-height:var(--lh-20);align-self:center;text-decoration:none;display:inline-flex}.cross-chain-link svg{width:var(--size-20);height:var(--size-20)}}
@layer components{.wallet-top-up-dialog__method-wrap{position:relative}.wallet-top-up-dialog__method-wrap>.wallet-top-up-dialog__method{width:100%}.wallet-top-up-dialog__method-icon{width:var(--size-24);height:var(--size-24);object-fit:contain;grid-area:1/1}.wallet-top-up-dialog__method-disconnect{bottom:calc(var(--space-16) + var(--space-2));left:calc(var(--space-16) + var(--size-24) + var(--space-16));color:var(--wallet-top-up-accent);font:inherit;font-size:var(--fs-14);line-height:var(--lh-20);cursor:pointer;background:0 0;border:0;padding:0;position:absolute}.wallet-top-up-dialog__method-disconnect:disabled{opacity:.58;cursor:default}.wallet-picker{gap:0}.wallet-picker__search{align-items:center;gap:var(--space-16);padding:var(--space-24) var(--space-24) var(--space-8);grid-template-columns:auto minmax(0,1fr);display:grid}.wallet-picker__body{padding-block:var(--space-8);display:grid}.wallet-picker__list{margin:0;padding:0;list-style:none;display:grid}.wallet-picker__row{width:100%;min-height:var(--size-56);align-items:center;gap:var(--space-16);padding:var(--space-8) var(--space-24);color:var(--wallet-top-up-text);cursor:pointer;font-family:var(--font-main), serif;font-size:var(--fs-16);line-height:var(--lh-24);text-align:start;background:0 0;border:0;grid-template-columns:auto minmax(0,1fr) auto;text-decoration:none;display:grid}.wallet-picker__row:hover:not(:disabled){background:var(--wallet-top-up-subtle-fill)}.wallet-picker__row:disabled{cursor:default;opacity:.58}.wallet-picker__icon{width:var(--size-24);height:var(--size-24);object-fit:contain;display:block}.wallet-picker__icon--letter{background:var(--wallet-top-up-subtle-fill);font-size:var(--fs-11);font-weight:var(--fw-medium);place-items:center;line-height:1;display:grid}.wallet-picker__name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.wallet-picker__tag{align-items:center;gap:var(--space-4);color:var(--wallet-top-up-secondary-text);font-size:var(--fs-11);font-weight:var(--fw-medium);line-height:var(--lh-16);white-space:nowrap;display:inline-flex}.wallet-picker__tag--install{color:var(--wallet-top-up-accent)}.wallet-picker__tag svg{width:var(--size-16);height:var(--size-16)}.wallet-picker__divider{height:1px;margin:var(--space-8) 0;background:var(--wallet-top-up-border);border:0}.wallet-picker__empty{padding:var(--space-32) var(--space-24);color:var(--wallet-top-up-secondary-text);font-family:var(--font-main), serif;font-size:var(--fs-14);line-height:var(--lh-20);text-align:center;margin:0}.wallet-picker__connecting{justify-items:center;gap:var(--space-12);padding:var(--space-48) var(--space-24);text-align:center;display:grid}.wallet-picker__connecting-title{color:var(--wallet-top-up-text);font-family:var(--font-main), serif;font-size:var(--fs-18);font-weight:var(--fw-medium);line-height:var(--lh-24);margin:0}.wallet-picker__connecting-text{color:var(--wallet-top-up-secondary-text);font-family:var(--font-main), serif;font-size:var(--fs-14);line-height:var(--lh-20);margin:0}}
