https://dydx.trade/assets/VaultPage-DD_s6t4y.js

1import{dc as t,dd as C,dh as w,dm as xe,eQ as Ne,d9 as r,dS as He,dr as G,dv as Fe,di as ye,eR as B,eS as Ge,db as e,dq as V,dj as n,dX as W,eT as We,dl as Ke,dg as L,eU as ze,eV as Ye,eW as Ze,dV as qe,er as Xe,eX as Qe,eY as S,ds as Je,eZ as et,dt as tt,dB as ot,ej as Q,ek as J,de as ee,df as te}from"./main-HVX7KApq.js";import{d as fe,i as P,l as x,T as je,O as v,a2 as at,S as it,ae as Ce,k as O,q as A,b as g,af as nt,a as st,Z as lt,ag as rt,t as ct,L as we,C as be,X as Se,h as dt,g as ut,e as K,B as mt,c as z,ah as pt,ai as gt,E as ht,F as vt,m as oe,J as ae,aj as ie,ak as xt,al as yt}from"./App-BfPngx7p.js";import{u as ft}from"./useDocumentTitle-DnVNDGpR.js";import{M as jt}from"./MegaVaultYieldOutput-CiovRKir.js";import{S as Ct}from"./SparklineChart-MfFEVtGQ.js";import{T as wt}from"./TriangleIndicator-DRkdFxNz.js";import{T as bt}from"./TimeSeriesChart-CfHTIi-m.js";import{e as St}from"./LineSeries-BnBA0uoo.js";import{V as ne}from"./VaultTransactions-BteMAqSb.js";import"./tooltips-CQ9mVgJp.js";import"./tslib.es6-Cr1Ls5ik.js";import"./clsx.m-irjavGej.js";import"./createPublicClient-BVpTaity.js";import"./index-CcSRvz_k.js";import"./js-CE9XUIHO.js";import"./index.es-B9L2lvLV.js";import"./dijkstra-COg3n3zL.js";import"./createWalletClient-CYCHizUI.js";import"./dark-C_BPunBK.js";import"./_Map-T7Ap7kj6.js";const se=20,_="UNALLOCATEDUSDC-USD",Dt=({className:s})=>{const o=w(),c=xe(),{usdcImage:h,usdcLabel:d}=Ne(),[u,m]=r.useState(""),b=Ce(),p=He(G(Fe.markets.markets.data)),R=r.useMemo(()=>b?.positions?.filter(a=>{const l=p[a.marketId??""];return(B(a.marginUsdc)>0||B(a.equityUsdc)>0||B(a.currentPosition?.asset)>0)&&(u.trim().length===0||[l?.displayableAsset,l?.name,l?.displayableTicker,a.marketId,l?.assetId].filter(Ge).find(j=>j.toLowerCase().indexOf(u.toLowerCase())>=0))})??ye,[u,p,b?.positions]),{isTablet:y}=O(),k=r.useMemo(()=>[{columnKey:"market",getCellValue:a=>a.marketId===_?d:a.marketId,label:o({key:n.MARKET}),renderCell:({marketId:a,currentLeverageMultiple:l})=>{const j=a!=null?p[a]:void 0,M=a===_?h:j?.logo;return e.jsx($t,{role:"button",onClick:()=>a!=null&&p[a]!=null&&c(`${W.Trade}/${a}`,{state:{from:W.Vault}}),children:e.jsxs(A,{stacked:!0,slotLeft:e.jsx(At,{logoUrl:M,symbol:a===_?d:j?.assetId}),children:[a===_?d:j?.name,e.jsxs(_t,{children:[!!l&&e.jsx(De,{value:(l??0)<0?o({key:n.SHORT_POSITION_SHORT}):o({key:n.LONG_POSITION_SHORT}),sign:V(l??0),type:g.Text}),e.jsx(v,{type:g.Multiple,value:l!=null?Math.abs(l):void 0})]})]})})}},{columnKey:"size",getCellValue:a=>a.currentPosition?.usdc??0,label:o({key:n.SIZE}),renderCell:({currentPosition:a,marketId:l})=>e.jsxs(A,{stacked:!0,children:[e.jsx(v,{value:a?.usdc,type:g.Fiat,fractionDigits:0}),e.jsx(v,{value:a?.asset,type:g.Asset,tag:e.jsx(It,{children:l===_?d:p[l??""]?.assetId!=null?p[l??""]?.displayableAsset:We(l??"")}),fractionDigits:p[l??""]?.stepSizeDecimals})]})},!y&&{columnKey:"pnl-sparkline",allowsSorting:!1,label:o({key:n.PAST_30D}),width:50,renderCell:({thirtyDayPnl:a})=>e.jsx(A,{children:e.jsx(Vt,{style:{width:50,height:50},children:a?.sparklinePoints!=null&&e.jsx(Ct,{data:a.sparklinePoints.map((l,j)=>({x:j+1,y:l})),xAccessor:l=>l?.x??0,yAccessor:l=>l?.y??0,positive:(a.absolute??0)>0})})})},!y&&{columnKey:"pnl",getCellValue:a=>a.thirtyDayPnl?.absolute??0,label:o({key:n.VAULT_THIRTY_DAY_PNL}),renderCell:({thirtyDayPnl:a})=>{const l=a??{absolute:0};return e.jsx(A,{children:e.jsx(kt,{sign:V(l.absolute),value:l.absolute,type:g.Fiat,fractionDigits:0})})}},{columnKey:"margin",getCellValue:a=>a.marginUsdc,label:o({key:n.EQUITY}),renderCell:({marginUsdc:a})=>e.jsx(A,{children:e.jsx(v,{value:a,type:g.Fiat,fractionDigits:0})})}].filter(Ke),[y,p,c,o,h,d]);return e.jsxs("div",{children:[e.jsx(Lt,{placeholder:o({key:n.TYPE_TO_SEARCH}),onTextChange:m}),e.jsx(Tt,{withInnerBorders:!0,withOuterBorder:!0,data:R,tableId:"vault-positions",getRowKey:a=>a.marketId??"",label:o({key:n.MEGAVAULT}),defaultSortDescriptor:{column:"margin",direction:"descending"},columns:k,paginationBehavior:R.length<=se?"showAll":"paginate",initialPageSize:se,className:s})]})},Tt=t(je).withConfig({componentId:"sc-1jj5g5w-0"})([""," @media ","{table{max-width:100vw;}}"],fe,P.tablet),De=t(v).withConfig({componentId:"sc-1jj5g5w-1"})(["color:",";"],({sign:s})=>({[C.Positive]:"var(--color-positive)",[C.Negative]:"var(--color-negative)",[C.Neutral]:"var(--color-text-2)"})[s]);var kt=t(De).withConfig({componentId:"sc-1jj5g5w-2"})({width:"5rem"});const It=t.div.withConfig({componentId:"sc-1jj5g5w-3"})(["max-width:6rem;",""],x.textTruncate);var $t=t("div").withConfig({componentId:"sc-1jj5g5w-4"})({cursor:"pointer",borderRadius:"0.5rem","&:hover":{backgroundColor:"var(--color-layer

1-3)"}}),At=t(at).withConfig({componentId:"sc-1jj5g5w-5"})({"--asset-icon-size":"2.5em"}),_t=t("div").withConfig({componentId:"sc-1jj5g5w-6"})({display:"flex",flexDirection:"row",alignItems:"center",gap:"0.25rem"}),Vt=t("div").withConfig({componentId:"sc-1jj5g5w-7"})({marginLeft:"0.5rem"}),Lt=t(it).withConfig({componentId:"sc-1jj5g5w-8"})({marginBottom:"1rem"});const le=()=>e.jsx(Gt,{children:"—"}),Rt=({className:s})=>{const o=be().data,c=w(),h=[{key:"balance",label:c({key:n.YOUR_VAULT_BALANCE}),tooltip:"vault-your-balance",value:o==null||o.balanceUsdc===0?e.jsx(le,{}):e.jsx(v,{value:o.balanceUsdc,roundingMode:ze.ROUND_FLOOR,type:g.Fiat})},{key:"pnl",label:c({key:n.YOUR_ALL_TIME_PNL}),tooltip:"vault-all-time-pnl",value:o==null||o.allTimeReturnUsdc==null||o.allTimeReturnUsdc===0?e.jsx(le,{}):e.jsx(Bt,{$sign:V(o.allTimeReturnUsdc,.01),children:e.jsx(Wt,{children:e.jsx(v,{value:o.allTimeReturnUsdc,type:g.Fiat})})})}];return e.jsx(Et,{className:s,children:h.map(d=>e.jsxs(Pt,{children:[e.jsx(Se,{tooltip:d.tooltip,children:e.jsx(Kt,{children:d.label})}),e.jsx(zt,{children:d.value})]},d.key))})},Et=t.div.withConfig({componentId:"sc-1wo185u-0"})([""," flex-direction:row;gap:1rem;"],x.gridEqualColumns),Pt=t.div.withConfig({componentId:"sc-1wo185u-1"})(["border:solid var(--border-width) var(--border-color);border-radius:0.7rem;padding:0.5rem 1rem;font:var(--font-base-book);",""],x.column),Ot=({className:s})=>{const o=w();return e.jsx(Yt,{className:s,children:e.jsx("p",{children:o({key:n.MEGAVAULT_DISCLOSURE_TEXT,params:{VOTED_LINK:e.jsx(we,{isInline:!0,withIcon:!0,href:"https://www.mintscan.io/dydx/proposals/328",children:o({key:n.VOTED})})}})})})},Mt=({className:s})=>{const o=w(),c=Ce()?.positions?.length,{vaultMetrics:h}=st();return e.jsxs("div",{className:s,children:[e.jsxs(Zt,{children:[e.jsxs(qt,{children:[o({key:n.HOLDINGS})," ",e.jsx(lt,{size:ct.Medium,type:rt.Number,children:c})]}),h&&e.jsx(we,{isInline:!0,withIcon:!0,href:h,children:o({key:n.METRICS})})]}),e.jsx(Dt,{})]})},Te=({className:s})=>{const o=w(),{isTablet:c}=O(),h=xe(),{totalValue:d}=Ye(dt().data),u=[{key:"30d-apr",label:o({key:n.EST_APR_PLAIN}),tooltip:"vault-apr",value:e.jsx(jt,{yieldType:"thirtyDay"})},{key:"balance",label:o({key:n.TVL}),value:e.jsx(v,{value:d,type:g.Fiat,fractionDigits:0})}];return e.jsxs(Nt,{className:s,children:[c&&e.jsx(Xt,{children:e.jsx(ut,{onClick:()=>h(W.Portfolio)})}),e.jsxs(Qt,{children:[e.jsx(Jt,{src:"/dydx-chain.png"}),e.jsx("div",{children:e.jsx(eo,{children:o({key:n.MEGAVAULT})})})]}),e.jsx(Ut,{children:u.map(m=>e.jsxs(Ze.Fragment,{children:[e.jsx(Ht,{}),e.jsxs(to,{children:[e.jsx(Se,{tooltip:m.tooltip,side:"bottom",children:e.jsx(oo,{children:m.label})}),e.jsx(Ft,{children:m.value})]},m.key)]},m.key))})]})},Ut=t.div.withConfig({componentId:"sc-1wo185u-2"})(["display:flex;gap:1.5rem;@media (","){gap:0.75rem;}"],P.tablet),Bt=t.div.withConfig({componentId:"sc-1wo185u-3"})(["display:flex;",""],({$sign:s})=>s&&{[C.Positive]:L(["color:var(--color-positive);"]),[C.Negative]:L(["color:var(--color-negative);"]),[C.Neutral]:null}[s]),Nt=t.div.withConfig({componentId:"sc-1wo185u-4"})([""," gap:1.5rem;@media (","){gap:0.75rem;}"],x.flexWrap,P.tablet),Ht=t(nt).withConfig({componentId:"sc-1wo185u-5"})(["&&&{height:2rem;}"]),Ft=t.div.withConfig({componentId:"sc-1wo185u-6"})(["font:var(--font-extra-book);font-size:1.563rem;display:flex;"]);var Gt=t("span").withConfig({componentId:"sc-1wo185u-7"})({color:"var(--color-text-0)"}),Wt=t("div").withConfig({componentId:"sc-1wo185u-8"})({display:"flex",flexDirection:"row",alignItems:"center",gap:"0.5rem"}),Kt=t("div").withConfig({componentId:"sc-1wo185u-9"})({color:"var(--color-text-0)"}),zt=t("div").withConfig({componentId:"sc-1wo185u-10"})({lineHeight:"1.2rem",color:"var(--color-text-2)",font:"var(--font-medium-book)"}),Yt=t("div").withConfig({componentId:"sc-1wo185u-11"})({display:"flex",flexDirection:"column",gap:"0.5rem",color:"var(--color-text-0)",font:"var(--font-small-medium)"}),Zt=t("div").withConfig({componentId:"sc-1wo185u-12"})({display:"flex",flexDirection:"row",alignItems:"center",marginBottom:"1rem",justifyContent:"space-between"}),qt=t("div").withConfig({componentId:"sc-1wo185u-13"})({display:"flex",flexDirection:"row",alignItems:"center",gap:"0.5rem",color:"var(--color-text-2)",font:"var(--font-large-medium)"}),Xt=t("div").withConfig({componentId:"sc-1wo185u-14"})({display:"flex",alignItems:"center"}),Qt=t("div").withConfig({componentId:"sc-1wo185u-15"})({display:"flex",flexDirection:"row",alignItems:"center",gap:"1.25rem"}),Jt=t("img").withConfig({componentId:"sc-1wo185u-16"}

1)({height:"3.5rem",width:"3.5rem"}),eo=t("h3").withConfig({componentId:"sc-1wo185u-17"})({color:"var(--color-text-2)",font:"var(--font-extra-medium)"}),to=t("div").withConfig({componentId:"sc-1wo185u-18"})({display:"flex",flexDirection:"column",minWidth:"0",gap:"0.375rem",paddingLeft:"0.5rem",paddingRight:"0.5rem",paddingTop:"0.25rem",paddingBottom:"0.25rem",font:"var(--font-base-book)"}),oo=t("div").withConfig({componentId:"sc-1wo185u-19"})({color:"var(--color-text-0)"});const re=({className:s})=>{const o=w(),[c,h]=r.useState(!1),u=be().data?.vaultShareUnlocks,m=r.useMemo(()=>u,[u]),b=r.useMemo(()=>qe.sum(m?.map(p=>p.amountUsdc)),[m]);return m==null||m.length===0?null:e.jsxs(no,{className:s,children:[e.jsxs(so,{children:[e.jsxs(lo,{children:[e.jsx(ro,{children:o({key:n.LOCKED_BALANCE})}),e.jsx(co,{children:e.jsx(v,{value:b,type:g.CompactFiat})})]}),e.jsx(K,{size:z.XSmall,shape:mt.Pill,onClick:()=>h(p=>!p),children:o(c?{key:n.HIDE}:{key:n.VIEW})})]}),c&&e.jsx(ao,{lockedShares:m})]})},ao=({className:s,lockedShares:o})=>{const c=w(),{height:h}=pt(),d=r.useMemo(()=>[{columnKey:"time",getCellValue:u=>u.unlockBlockHeight,label:c({key:n.AVAILABLE}),renderCell:({unlockBlockHeight:u})=>{const m=Xe(u,h,(b,p)=>new Date().getTime()+(b-p)*Qe+S.day);return e.jsx(v,{value:m,type:g.Date,dateOptions:{format:"medium"}})}},{columnKey:"amount",getCellValue:u=>u.amountUsdc,label:c({key:n.AMOUNT}),renderCell:({amountUsdc:u})=>e.jsx(v,{value:u,type:g.Fiat})}],[h,c]);return e.jsx(io,{withInnerBorders:!0,data:o,tableId:"vault-locked-shares",getRowKey:u=>`${u.amountUsdc??""}${u.unlockBlockHeight??""}`,label:c({key:n.MEGAVAULT}),defaultSortDescriptor:{column:"time",direction:"descending"},columns:d,className:s})},io=t(je).withConfig({componentId:"sc-ifmtou-0"})([""," border-bottom-left-radius:1rem;border-bottom-right-radius:1rem;"],fe);var no=t("div").withConfig({componentId:"sc-ifmtou-1"})({borderRadius:"0.7rem",borderWidth:"1px",borderStyle:"solid",borderColor:"var(--color-border)"}),so=t("div").withConfig({componentId:"sc-ifmtou-2"})({display:"flex",justifyContent:"space-between",paddingLeft:"1rem",paddingRight:"1rem",paddingTop:"0.625rem",paddingBottom:"0.625rem"}),lo=t("div").withConfig({componentId:"sc-ifmtou-3"})({display:"flex",gap:"0.5rem"}),ro=t("h3").withConfig({componentId:"sc-ifmtou-4"})({paddingTop:"5px"}),co=t("span").withConfig({componentId:"sc-ifmtou-5"})({color:"var(--color-text-0)"});const uo=[{value:"7d",labelNumDays:"7",time:7*S.day},{value:"30d",labelNumDays:"30",time:30*S.day},{value:"90d",labelNumDays:"90",time:90*S.day}],ce=30*S.day,mo=({className:s})=>{const o=w(),c=G(Je),h=gt()??ye,[d,u]=r.useState("pnl"),[m,b]=r.useState(void 0),[p,R]=r.useState(void 0),y=r.useMemo(()=>h.map((i,D)=>({...i,index:D})),[h,d]),k=r.useMemo(()=>{const i=y.length>1?(y[y.length-1].date??0)-(y[0].date??0):0;return uo.filter(T=>T.time<=i+S.day*3).map(T=>({value:T.value,label:`${T.labelNumDays}${o({key:n.DAYS_ABBREVIATED})}`,time:T.time}))},[y,o]),[a,l]=r.useState(ce),[j,M]=r.useState(a),ke=k.find(i=>Math.abs(i.time-j)<=S.day),Ie=r.useCallback(({zoomDomain:i})=>{M(i??ce)},[]),$e=r.useCallback(i=>{if(i!==""){const D=k.find(T=>T.value===i)?.time;D!=null&&l(D)}},[k]),U=r.useMemo(()=>y.filter(i=>m==null||(i.date??0)>=m[0]&&(i.date??0)<=m[1]),[y,m]),f=r.useMemo(()=>U.filter(i=>p==null||(i.date??0)<=p).map(i=>d==="equity"?i.equity??0:i.totalPnl??0),[p,U,d]),Ae=f.length>0,E=f.length>1,_e=Ae?f[f.length-1]:void 0,I=E?f[f.length-1]-f[0]:void 0,Ve=E?(I??0)/(U[0]?.equity||1):void 0,Y=r.useCallback(i=>i?.date??0,[]),Z=r.useCallback(i=>d==="pnl"?i?.totalPnl??0:i?.equity??0,[d]),Le=r.useMemo(()=>[{dataKey:"pnl",xAccessor:Y,yAccessor:Z,colorAccessor:()=>E?f[f.length-1]-f[0]>=0?"var(--color-positive)":"var(--color-negative)":"var(--color-positive)",getCurve:()=>St}],[Y,Z,E,f]),{decimal:q,group:X}=ht(),Re=r.useCallback(i=>vt(i,g.CompactFiat,{decimalSeparator:q,groupSeparator:X,selectedLocale:c}),[q,X,c]),Ee=r.useCallback(()=>e.jsx("div",{}),[]),Pe=r.useCallback(i=>{const D=i.tooltipData?.nearestDatum?.datum.date;R(D??void 0)},[]),Oe=G(et),{isMobile:Me,isDesktopSmall:Ue}=O(),Be=r.useCallback(i=>{b(i.length>

11?[i[0].date??0,i[i.length-1].date??0]:void 0)},[]);return e.jsxs("div",{className:s,children:[e.jsxs(ho,{children:[e.jsx(oe,{size:z.Small,items:[{value:"pnl",label:o({key:n.VAULT_PNL})},{value:"equity",label:o({key:n.VAULT_TVL})}],value:d,onValueChange:u}),e.jsx(oe,{size:z.Small,items:k,value:ke?.value??"",onValueChange:$e})]}),e.jsxs(po,{children:[e.jsx(go,{chartBackground:Oe}),e.jsxs(vo,{children:[e.jsx(xo,{children:p!=null?e.jsx(v,{value:p,type:g.DateTime,dateOptions:{format:"medium"}}):e.jsx(v,{value:new Date().getTime(),type:g.Date})}),e.jsxs(yo,{children:[e.jsx(fo,{value:_e,type:g.Fiat}),I!=null&&e.jsxs(jo,{children:[e.jsx(wt,{value:tt(I)}),e.jsx(de,{$sign:V(I),value:I,type:g.Fiat}),e.jsx(de,{$sign:V(I),value:Ve,type:g.Percent,withParentheses:!0})]})]})]}),e.jsx(bt,{selectedLocale:c,data:y,series:Le,yAxisOrientation:"right",margin:{left:Ue?20:0,right:Me?20:60,top:24,bottom:32},padding:{left:.01,right:.01,top:.1,bottom:.1},tickFormatY:Re,onVisibleDataChange:Be,renderTooltip:Ee,onTooltipContext:Pe,onZoom:Ie,defaultZoomDomain:a,domainBasePadding:[.01,0],minZoomDomain:S.day*2.5,slotEmpty:void 0,numGridLines:0,tickSpacingX:210,tickSpacingY:75})]})]})},po=t.div.withConfig({componentId:"sc-ahr2us-0"})(["height:25rem;margin-top:0.5rem;display:grid;> *{grid-area:1 / 1 / 2 / 2;}"]),go=t.div.withConfig({componentId:"sc-ahr2us-1"})(["background:url(",") no-repeat center center;mask-image:radial-gradient(ellipse closest-side,black 40%,transparent 100%);pointer-events:none;"],({chartBackground:s})=>s),de=t(v).withConfig({componentId:"sc-ahr2us-2"})(["",""],({$sign:s})=>s&&{[C.Positive]:L(["color:var(--color-positive);"]),[C.Negative]:L(["color:var(--color-negative);"]),[C.Neutral]:null}[s]);var ho=t("div").withConfig({componentId:"sc-ahr2us-3"})({display:"flex",flexDirection:"row",alignItems:"center",justifyContent:"space-between",paddingLeft:"1rem",paddingRight:"1rem"}),vo=t("div").withConfig({componentId:"sc-ahr2us-4"})({display:"flex",flexDirection:"column",minWidth:"0",paddingLeft:"1rem",paddingRight:"1rem"}),xo=t("div").withConfig({componentId:"sc-ahr2us-5"})({color:"var(--color-text-0)",font:"var(--font-small-book)"}),yo=t("div").withConfig({componentId:"sc-ahr2us-6"})({display:"flex",flexDirection:"row",alignItems:"center",gap:"0.5rem",font:"var(--font-base-medium)"}),fo=t(v).withConfig({componentId:"sc-ahr2us-7"})({font:"var(--font-medium-medium)"}),jo=t("div").withConfig({componentId:"sc-ahr2us-8"})({display:"flex",flexDirection:"row",alignItems:"center",gap:"0.35rem"});const Qo=()=>{const s=w(),o=ot();ft(s({key:n.MEGAVAULT}));const{isTablet:c}=O();return c?e.jsxs(wo,{children:[e.jsx(Io,{}),e.jsx(bo,{children:e.jsxs(ue,{children:[e.jsx(pe,{}),e.jsx(H,{children:e.jsx(re,{})}),e.jsx(H,{children:e.jsx(ne,{})}),e.jsx(F,{}),e.jsx(he,{children:e.jsx(ve,{})}),e.jsx(ge,{}),e.jsx(me,{})]})}),e.jsxs($o,{children:[e.jsx(K,{type:ie.Button,action:ae.Primary,slotLeft:e.jsx(ee,{iconName:te.Deposit}),onClick:()=>o(Q(J.VaultDepositWithdraw({initialType:"DEPOSIT"}))),children:s({key:n.DEPOSIT})}),e.jsx(K,{type:ie.Button,action:ae.Secondary,slotLeft:e.jsx(ee,{iconName:te.Withdraw}),onClick:()=>o(Q(J.VaultDepositWithdraw({initialType:"WITHDRAW"}))),children:s({key:n.WITHDRAW})})]})]}):e.jsx(Co,{children:e.jsxs(Do,{children:[e.jsxs(ue,{children:[e.jsx(ko,{}),e.jsx(F,{}),e.jsx(he,{children:e.jsx(ve,{})}),e.jsx(F,{}),e.jsx(ge,{}),e.jsx(me,{})]}),e.jsxs(Ao,{children:[e.jsx(pe,{}),e.jsx(To,{children:e.jsx(_o,{children:e.jsx(xt,{})})}),e.jsx(re,{}),e.jsx(H,{children:e.jsx(ne,{})})]})]})})},Co=t.div`
2  ${x.contentContainerPage}
3  padding-top: 1.5rem;
4  padding-bottom: 1.5rem;
5`,wo=t.div`
6  ${x.contentContainerPage}
7  ${x.stickyArea1}
8  --stickyArea1-topHeight: 4.75rem;
9  --stickyArea1-bottomHeight: var(--page-footer-height-mobile);
10  ${x.withInnerHorizontalBorders}
11`,bo=t.div`
12  ${x.contentSectionDetached}
13  ${x.column}
14  flex: 1;
15  padding-top: 1.5rem;
16  padding-bottom: 1.5rem;
17`,So=25,N=30,Do=t.div`
18  ${x.contentSectionDetached}
19  --vault-form-width: ${So}rem;
20  --vault-details-width: ${N}rem;
21  gap: 2.5rem;
22  display: grid;
23  grid-template-columns: 1fr var(--vault-form-width);
24
25  @media (width <= ${N+N}rem) {
26    grid-template-columns: 1fr;
27  }
28`,ue=t.div({display:"flex",flexDirection:"column",minWidth:"0",gap:"1.25rem"}),$=L(["@media (","){padding-left:1rem;padding-right:1rem;}"],P.desktopSmall),me=t(Mt)`
29  > :first-child {
30    ${$}
31  }
32`,pe=t(Rt)`
33  ${$}
34`,H=t.div`
35  ${$}
36`,To=t.div`
37  ${$}
38`,ge=t(Ot)`
39  ${$}

40`,F=t(yt)({display:"flex",maxHeight:"1px",minHeight:"1px"}),he=t.div``,ve=t(mo)``,ko=t(Te)`
41  ${$}
42`,Io=t(Te)`
43  ${x.contentSectionDetachedScrollable}
44  ${x.stickyHeader}
45  padding-top: .5rem;
46  padding-bottom: 0.5rem;
47  z-index: 2;
48  background-color: var(--color-layer-2);
49`,$o=t.div`
50  ${x.stickyFooter}
51  ${x.flexEqualRow}
52  background-color: var(--color-layer-2);
53  gap: 0.75rem;
54  padding: 0.875rem 1.25rem;
55`;var Ao=t("div")({display:"flex",flexDirection:"column",minWidth:"0",gap:"1.25rem"}),_o=t("div").withConfig({componentId:"sc-1i1a7y4-0"})({borderRadius:"0.7rem",backgroundColor:"var(--color-layer-3)"});export{Qo as default};