.mocks-module__xaTcZa__stage{width:100%;height:100%;font-family:var(--font-inter), system-ui, sans-serif;position:relative}.mocks-module__xaTcZa__cloud{}.mocks-module__xaTcZa__card{flex-direction:column;align-items:flex-start;gap:4px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.mocks-module__xaTcZa__card300{width:300px;}.mocks-module__xaTcZa__card320{width:320px;}.mocks-module__xaTcZa__glassCard{background:var(--mock-surface);--glass-lit:.075;--glass-shade:.048;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 8px 8px rgb(var(--bg-rgb) / .2), var(--glass-edge)}.mocks-module__xaTcZa__surface{border-radius:24px;width:100%;overflow:hidden;}.mocks-module__xaTcZa__surfacePad{padding:24px 32px;}.mocks-module__xaTcZa__surfacePadEven{flex-direction:column;gap:16px;padding:32px;display:flex;}.mocks-module__xaTcZa__surfacePadStack{flex-direction:column;gap:16px;display:flex;}.mocks-module__xaTcZa__payeeRow{justify-content:space-between;align-items:center;width:100%;display:flex}.mocks-module__xaTcZa__payee{align-items:center;gap:12px;display:flex}.mocks-module__xaTcZa__payeeWide{gap:16px;}.mocks-module__xaTcZa__avatar32{object-fit:cover;border-radius:10px;flex-shrink:0;width:32px;height:32px}.mocks-module__xaTcZa__avatar40{object-fit:cover;border-radius:10px;flex-shrink:0;width:40px;height:40px}.mocks-module__xaTcZa__payeeText{color:var(--text);white-space:nowrap;flex-direction:column;gap:2px;font-size:12px;display:flex}.mocks-module__xaTcZa__payeeName{line-height:normal}.mocks-module__xaTcZa__payeeMeta{opacity:.5;line-height:normal}.mocks-module__xaTcZa__amount{color:var(--text);white-space:nowrap;font-size:12px;line-height:20px}.mocks-module__xaTcZa__pickers{flex-direction:column;width:100%;display:flex}.mocks-module__xaTcZa__picker{background:var(--panel);width:100%;height:32px;box-shadow:var(--glass-edge);border-radius:100px;align-items:center;padding:2px;display:flex;position:relative}.mocks-module__xaTcZa__thumb{background:var(--pink);transition:transform var(--dur-move) var(--ease-glide), width var(--dur-move) var(--ease-glide);pointer-events:none;border-radius:1000px;position:absolute;top:2px;bottom:2px;left:2px}.mocks-module__xaTcZa__option{text-align:center;min-width:0;height:100%;color:var(--text);opacity:.7;transition:opacity var(--dur-fade) ease, background-color .2s ease;animation:mocks-module__xaTcZa__optionIn var(--dur-fade) ease both;flex:1 0 0;justify-content:center;align-items:center;padding-inline:8px;font-size:12px;font-weight:500;line-height:20px;display:flex;position:relative}@keyframes mocks-module__xaTcZa__optionIn{0%{opacity:0}}button.mocks-module__xaTcZa__option:hover:not(.mocks-module__xaTcZa__optionActive){background-color:var(--card);border-radius:100px}.mocks-module__xaTcZa__optionActive{opacity:1;}.mocks-module__xaTcZa__termRow{opacity:1;max-height:32px;transition:max-height .36s var(--ease-glide), margin-top .36s var(--ease-glide), opacity .24s ease;margin-top:8px;overflow:hidden}.mocks-module__xaTcZa__termRowClosed{opacity:0;max-height:0;margin-top:0}.mocks-module__xaTcZa__statsSwap{animation:.3s both mocks-module__xaTcZa__statsIn}@keyframes mocks-module__xaTcZa__statsIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.mocks-module__xaTcZa__stats{width:100%;color:var(--text);flex-direction:column;gap:8px;font-size:12px;display:flex}.mocks-module__xaTcZa__statRow{width:100%;height:24px;color:var(--text);align-items:center;gap:4px;font-size:12px;display:flex}.mocks-module__xaTcZa__statLabel{opacity:.7;white-space:nowrap;line-height:20px}.mocks-module__xaTcZa__statValue{text-align:right;flex:1 0 0;min-width:0;line-height:20px}.mocks-module__xaTcZa__dropzone{border:1px dashed rgb(var(--white) / .2);width:100%;color:var(--text);text-align:center;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:36px 16px;font-size:12px;line-height:20px;display:flex}.mocks-module__xaTcZa__fileLabel{white-space:nowrap;align-items:center;gap:8px;font-size:12px;line-height:20px;display:flex}.mocks-module__xaTcZa__fileLabel img{opacity:.7}.mocks-module__xaTcZa__greenNote{color:var(--green)}.mocks-module__xaTcZa__rollingValue{--digit-h:20px;vertical-align:top;font-variant-numeric:tabular-nums;display:inline-flex}.mocks-module__xaTcZa__invoiceCard{height:210px;padding:24px 32px;position:relative;}.mocks-module__xaTcZa__invoiceShot{border-radius:4px;width:238.546px;height:218px;position:absolute;top:32px;left:41px}.mocks-module__xaTcZa__invoiceShot img{object-fit:cover;border-radius:4px}.mocks-module__xaTcZa__invoiceStamp{background:var(--text);justify-content:flex-end;align-items:center;width:30.377px;height:24.123px;display:flex;position:absolute;top:40.93px;left:241.13px}.mocks-module__xaTcZa__invoiceStamp img{object-fit:cover;border-radius:6px;width:27px;height:27px}.mocks-module__xaTcZa__invoiceFooter{background:linear-gradient(to bottom, rgb(var(--mock-surface-rgb) / .5) 0%, rgb(var(--mock-surface-rgb)) 100%);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);--glass-lit:.075;height:80px;box-shadow:inset 0 1px 0 rgb(var(--white) / var(--glass-lit));justify-content:space-between;align-items:center;padding-inline:32px;display:flex;position:absolute;bottom:0;left:0;right:0}.mocks-module__xaTcZa__payeeText20{gap:0;}.mocks-module__xaTcZa__payeeText20 .mocks-module__xaTcZa__payeeName{line-height:20px}.mocks-module__xaTcZa__payeeText20 .mocks-module__xaTcZa__payeeMeta{opacity:.7;line-height:20px}.mocks-module__xaTcZa__methods{align-items:center;gap:4px;width:100%;display:flex}.mocks-module__xaTcZa__method{color:var(--text);white-space:nowrap;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:16px 24px;font-size:12px;line-height:20px;display:flex;position:relative;}.mocks-module__xaTcZa__methodFlex{flex:1 0 0;min-width:0;}.mocks-module__xaTcZa__methodFixed{flex:0 0 116px;width:116px;}.mocks-module__xaTcZa__methodWide{flex-direction:row;gap:8px;width:100%;}.mocks-module__xaTcZa__methodActive{background:var(--pink)}.mocks-module__xaTcZa__method:after{content:"";border-radius:inherit;background:var(--card);opacity:0;pointer-events:none;transition:opacity .2s;position:absolute;inset:0}.mocks-module__xaTcZa__method:hover:not(.mocks-module__xaTcZa__methodActive):after{opacity:1}.mocks-module__xaTcZa__method img{opacity:.5;transition:opacity .2s}.mocks-module__xaTcZa__methodActive img{opacity:1}.mocks-module__xaTcZa__celebration{border-radius:inherit;pointer-events:none;position:absolute;inset:0;overflow:hidden}.mocks-module__xaTcZa__confetti{background:var(--pink);border-radius:1px;animation:1.4s linear both mocks-module__xaTcZa__confettiFall;position:absolute;top:-12px}@keyframes mocks-module__xaTcZa__confettiFall{0%{transform:translate(0,0)rotate(0)}85%{opacity:1}to{transform:translate3d(var(--drift,0px), 240px, 0) rotate(var(--spin,360deg));opacity:0}}.mocks-module__xaTcZa__paidTag{background:var(--green);color:var(--text);animation:mocks-module__xaTcZa__paidIn .5s var(--ease-bounce) .15s both;font-weight:600;line-height:20px;position:absolute;top:45%;left:50%;}@keyframes mocks-module__xaTcZa__paidIn{0%{transform:translate(-50%,-50%)scale(0)}to{transform:translate(-50%,-50%)scale(1)}}@media (prefers-reduced-motion:reduce){.mocks-module__xaTcZa__confetti{display:none}.mocks-module__xaTcZa__paidTag{animation:none}}.mocks-module__xaTcZa__balanceCard{flex-direction:column;justify-content:space-between;height:200px;display:flex;position:relative;}.mocks-module__xaTcZa__balanceCard .mocks-module__xaTcZa__headroom{gap:12px}.mocks-module__xaTcZa__arrival{flex-direction:column;gap:8px;width:100%;display:flex}.mocks-module__xaTcZa__arrivalLabel{color:var(--text-70);font-size:12px;line-height:20px}.mocks-module__xaTcZa__arrivalLabelDone{color:var(--green)}.mocks-module__xaTcZa__arrivalTrack{background:rgb(var(--white) / .1);border-radius:1000px;width:100%;height:4px;position:relative;overflow:hidden}.mocks-module__xaTcZa__arrivalFill{border-radius:inherit;background:var(--pink);transform-origin:0;position:absolute;inset:0}.mocks-module__xaTcZa__arrivalFillRunning{animation-name:mocks-module__xaTcZa__arrivalFill;animation-timing-function:linear;animation-fill-mode:both}@keyframes mocks-module__xaTcZa__arrivalFill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.mocks-module__xaTcZa__surfaceMorph{transition:height var(--dur-move) var(--ease-glide);position:relative;}.mocks-module__xaTcZa__morphView{width:100%;transition:opacity var(--dur-fade) ease;flex-direction:column;gap:16px;padding:24px 32px;display:flex;position:absolute;top:0;left:0}.mocks-module__xaTcZa__morphHidden{opacity:0;pointer-events:none}.mocks-module__xaTcZa__swapText{animation:.3s both mocks-module__xaTcZa__statsIn;display:inline-flex}.mocks-module__xaTcZa__invoiceRow{width:100%;height:20px;color:var(--text);align-items:center;gap:8px;font-size:12px;display:flex}.mocks-module__xaTcZa__paidPill{background:#00c695;border-radius:100px;justify-content:center;align-items:center;height:20px;padding:4px 8px;display:flex}.mocks-module__xaTcZa__paidWordmark{width:21.6px;height:7.27px}.mocks-module__xaTcZa__invoiceId{flex:1 0 0;min-width:0}.mocks-module__xaTcZa__invoiceRowAmount{line-height:20px}.mocks-module__xaTcZa__headroom{width:100%;color:var(--text);flex-direction:column;gap:4px;display:flex}.mocks-module__xaTcZa__headroomLabel{opacity:.7;white-space:nowrap;font-size:12px;line-height:20px}.mocks-module__xaTcZa__headroomValue{font-size:24px;font-weight:600;line-height:20px}.mocks-module__xaTcZa__scaleRow{justify-content:center;align-items:center;gap:16px;width:100%;display:flex}.mocks-module__xaTcZa__scaleBound{color:var(--scale-grey);opacity:.5;white-space:nowrap;font-size:12px;line-height:20px}.mocks-module__xaTcZa__scaleTrack{flex:1 0 0;justify-content:space-between;align-items:center;min-width:0;height:12px;display:flex}.mocks-module__xaTcZa__tick{background:var(--green);border-radius:100px;flex:0 0 4px;width:4px;height:100%}.mocks-module__xaTcZa__tickEmpty{background:var(--scale-grey);opacity:.2;}.mocks-module__xaTcZa__rowMock{width:100%;font-family:var(--font-inter), system-ui, sans-serif;flex-direction:column;justify-content:center;align-items:center;gap:4px;display:flex;position:relative}.mocks-module__xaTcZa__rowMockCard{width:320px;max-width:100%;position:relative;}.mocks-module__xaTcZa__rowMockCardTight{width:320px;max-width:100%;position:relative;}.mocks-module__xaTcZa__rowMockInvoice{width:320px;max-width:100%;position:relative}.mocks-module__xaTcZa__mockLines{color:var(--scale-grey);}.mocks-module__xaTcZa__mockLine{color:inherit;line-height:20px;}.mocks-module__xaTcZa__mockLineLead{font-weight:500;}.mocks-module__xaTcZa__mockLabel{opacity:.75;}.mocks-module__xaTcZa__mockLabelFill{flex:1 0 0;min-width:0;}.mocks-module__xaTcZa__mockValue{white-space:nowrap;}.mocks-module__xaTcZa__scheduleBody{flex-direction:column;gap:24px;width:100%;display:flex}.mocks-module__xaTcZa__scheduleRow{align-items:center;gap:8px;width:100%;display:flex}.mocks-module__xaTcZa__scheduleRail{flex-direction:column;flex-shrink:0;align-items:center;gap:6px;display:flex}.mocks-module__xaTcZa__railDot{background:var(--scale-grey);border-radius:100px;width:8px;height:8px}.mocks-module__xaTcZa__railStem{background:var(--scale-grey);opacity:.15;border-radius:100px;width:2px;height:12px}.mocks-module__xaTcZa__railDotDim{opacity:.15;}.mocks-module__xaTcZa__scheduleLines{flex:1 0 0;min-width:0;}.mocks-module__xaTcZa__scheduleTotals{flex-direction:column;gap:16px;width:100%;display:flex}.mocks-module__xaTcZa__statusSwap{align-items:center;width:100%;min-height:56px;display:flex}.mocks-module__xaTcZa__processing{width:100%;color:var(--scale-grey);opacity:.75;justify-content:center;align-items:center;gap:8px;font-size:12px;line-height:20px;display:flex}.mocks-module__xaTcZa__spinner{border:1.5px solid rgb(var(--scale-grey-rgb) / .2);border-top-color:var(--scale-grey);border-radius:100px;flex-shrink:0;width:12px;height:12px;animation:.7s linear infinite mocks-module__xaTcZa__spin}@keyframes mocks-module__xaTcZa__spin{to{transform:rotate(360deg)}}