.expense-story{height:310vh;background:#f5f3fa}.expense-stage{background:radial-gradient(ellipse at 78% 85%,#e3def4,transparent 65%),#f9f8fc}.expense-phone{height:860px}.expense-heading p{max-width:450px}.expense-content{position:absolute;inset:0;overflow:hidden}.exp-overview{height:100%;overflow:auto;scrollbar-width:none;padding:56px 20px 115px}.exp-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.exp-head h3{font-size:28px;margin:0;font-weight:600;line-height:36px}.expense-app small{font-size:13px;color:#6f6b83}.exp-more{width:44px;height:44px;background:#fff;border-radius:50%;display:grid;place-items:center}.exp-card{background:white;border-radius:22px;padding:14px 16px;margin-bottom:16px;box-shadow:0 8px 28px -6px #16132b1a}.exp-total strong{font-size:40px;font-weight:600;line-height:52px;display:block;text-align:right}.exp-total>div{display:flex;align-items:center;justify-content:space-between;gap:4px;margin-top:4px}.exp-total>div>span{font-size:12px;background:#e7f5ee;border-radius:99px;padding:3px 10px;color:#13623f}.exp-total .exp-bars{direction:ltr}.exp-bars i{height:10px;flex:120;border-radius:99px;background:#e8553a}.exp-bars i:nth-child(2){flex:70;background:#7860c7}.exp-bars i:nth-child(3){flex:40;background:#e39a1f}.exp-bars i:nth-child(4){flex:30;background:#1f9d6b}.exp-bars i:nth-child(5){flex:40;background:#b8b4c4}.exp-add{background:#17152b;color:#fff;padding:14px;border-radius:99px;text-align:center;font-size:16px}.exp-receipt{color:#5e42bc;font-size:13px;text-align:center;margin:8px 0 16px}.exp-row{display:flex;width:100%;gap:12px;align-items:center;padding:10px 0;min-height:60px;border:0;color:#17152b;text-align:right;background:none;font:inherit}.exp-recent .exp-row+.exp-row{border-top:1px solid #ece8e2}.exp-desc{flex:1;min-width:0}.exp-desc b{font-size:15px;font-weight:500;display:block}.expense-app .exp-row small{display:block;font-size:12px}.exp-amount{text-align:left;white-space:nowrap}.exp-amount b{font-size:15px;font-weight:600}.exp-icon{display:grid;place-items:center;width:40px;height:40px;flex-shrink:0;border-radius:12px;background:#f3f0ec}.exp-icon>span{width:24px;height:24px;position:relative}.exp-icon img{position:absolute;max-width:none}.exp-card-title{display:flex;align-items:center;justify-content:space-between}.exp-card-title b{font-size:17px}.exp-recurring{font-size:14px;color:#5e42bc}.exp-bike{cursor:pointer}.exp-bike:hover{background:#f7f5fc;border-radius:12px}.exp-example{display:block;font-size:11px!important;color:#86829a!important;text-align:center;margin:12px 0 0}.exp-nav{position:absolute;bottom:16px;right:12px;width:270px;height:64px;background:#fff;border-radius:99px;display:flex;justify-content:space-around;align-items:center;font-size:11px;box-shadow:0 8px 28px -6px #16132b1a;z-index:2}.exp-plus{width:52px;height:52px;background:#17152b;color:white;border-radius:50%;display:grid;place-items:center;font-size:26px}.exp-keeper{position:absolute;bottom:20px;left:12px;width:56px;height:56px;display:grid;place-items:center;background:#7860c7;color:#fff;border-radius:50%;font-size:20px;z-index:2}.exp-detail{position:absolute;inset:0;background:#17152b59;z-index:8;display:flex;align-items:flex-end}.exp-detail[hidden]{display:none}.exp-sheet{position:relative;background:white;border-radius:30px 30px 0 0;padding:29px 20px 24px;width:100%;display:flex;flex-direction:column;gap:14px}.exp-sheet-head{display:flex;justify-content:space-between;align-items:center}.exp-sheet-head h3{font-size:19px;margin:0}.exp-sheet-head button{width:36px;height:36px;border:0;background:#f3f0ec;border-radius:50%;display:grid;place-items:center;cursor:pointer}.exp-converted{font-size:48px;font-weight:600;line-height:62px;text-align:right}.exp-rate{font-size:13px;color:#6f6b83;margin:-12px 0 0;line-height:1.6}.exp-via{font-size:13px;margin:0}.exp-edit,.exp-delete{display:flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:99px;background:#f3f0ec;padding:15px;font:inherit;font-size:16px;cursor:pointer}.exp-delete{color:#c0262d;background:#ffe8e5}.expense-demo-content{height:800px}.expense-demo-content .expense-app{height:100%}.expense-demo-content .exp-overview{padding-top:20px}.expense-app [hidden]{display:none!important}.expense-actions{top:65%}.expense-demo input{font:inherit;width:100%;padding:12px;border:1px solid #ccc;border-radius:12px}.expense-demo form button{margin-top:12px;width:100%}@media(max-width:700px){.expense-heading h2{font-size:24px}.expense-actions{top:auto;bottom:15px}.expense-heading p{font-size:12px;line-height:1.6}.expense-cloud{bottom:205px}.expense-demo-content{height:760px}.expense-demo-content .exp-overview{padding-left:12px;padding-right:12px}}
@media(max-width:700px){.expense-phone{height:650px}.expense-app .exp-overview{padding-top:32px}.expense-listener{padding-top:38px}.expense-listener .cooking-mascot{width:80px;height:86px}.expense-app .exp-sheet{gap:10px;padding-bottom:18px}.expense-app .exp-nav{width:270px}.expense-app .exp-total strong{font-size:42px}.expense-app .exp-rate{font-size:14px}}