[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fflows\u002F0d804586-2715-4ba0-b9f6-45ec1c9d878e":3,"content-store-meta":-1,"i-custom:bookmark":363},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":21,"examples":25,"showcases":58,"links":353,"dates":360},"\u002Fexamples\u002Fflows\u002F0d804586-2715-4ba0-b9f6-45ec1c9d878e","detail","flows",true,{"title":9,"description":10,"og_image":11},"Stripe Flow Example: Setting up climate contributions - Nicelydone","Preview this Stripe user flow: Setting up climate contributions. Explore the opening screens.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F401e7188-83ab-4eb7-90c7-c24cf9994c50.png",[13,16,19],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"User flow examples from SaaS apps","\u002Fexamples\u002Fflows",{"label":20,"to":4},"Stripe Flow Example: Setting up climate contributions",{"title":20,"eyebrow":22,"description":10,"sections":23,"body":24},"User flow",[],[],[26],{"uuid":27,"title":28,"description":29,"canonical_path":30,"kind":31,"patterns_count":32,"categories":33,"screens":38,"app":54},"0d804586-2715-4ba0-b9f6-45ec1c9d878e","Setting up climate contributions","This flow allows users to set their contributions for climate impact through their Stripe account.","\u002Fexamples\u002Fapps\u002Fstripe\u002Fflows","flow",3,[34],{"id":35,"title":36,"slug":37},84,"Setting up payment method","set-up-payment-method",[39,46,50],{"uuid":40,"title":41,"description":42,"image":11,"image_alt":43,"width":44,"height":45},"401e7188-83ab-4eb7-90c7-c24cf9994c50","Climate – nicelydone.club – Stripe","E-commerce Settings Sidebar navigation Configuration Fintech","Climate – nicelydone.club – Stripe from Stripe",3024,1722,{"uuid":47,"title":41,"description":48,"image":49,"image_alt":43,"width":44,"height":45},"2f69fdc6-ee81-40ea-91f5-0e848e78bb86","Onboarding Settings Sidebar navigation Configuration Fintech","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F2f69fdc6-ee81-40ea-91f5-0e848e78bb86.png",{"uuid":51,"title":41,"description":52,"image":53,"image_alt":43,"width":44,"height":45},"6a4aad54-50d2-4370-93fc-e7c22b3ff88a","Settings Sidebar navigation Finance Configuration","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F6a4aad54-50d2-4370-93fc-e7c22b3ff88a.png",{"slug":55,"title":56,"logo":57},"stripe","Stripe","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fstripe-ac594414.png",[59],{"family":6,"title":60,"examples":61},"Related user flows",[62,85,112,139,164,191,215,240,270,290,306,331],{"uuid":63,"title":64,"description":65,"canonical_path":66,"kind":31,"patterns_count":67,"categories":68,"screens":70,"app":81},"e836dff1-61ab-4899-9b8d-184b4491a572","Checking out subscription","User reviews Nicelydone Growth order summary and enters payment details on checkout form in sandbox mode","\u002Fexamples\u002Fapps\u002Fpolar\u002Fflows",2,[69],{"id":35,"title":36,"slug":37},[71,78],{"uuid":72,"title":73,"description":74,"image":75,"image_alt":76,"width":44,"height":77},"86ccfdf8-2160-454c-90ac-ab8a503c973b","Customers | Nicelydone | Polar","Subscription billing","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F86ccfdf8-2160-454c-90ac-ab8a503c973b.png","Customers | Nicelydone | Polar from Polar",1758,{"uuid":79,"title":73,"description":74,"image":80,"image_alt":76,"width":44,"height":77},"aa410d42-229a-46f2-8387-9cd762429757","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Faa410d42-229a-46f2-8387-9cd762429757.png",{"slug":82,"title":83,"logo":84},"polar","Polar","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fpolar-3d0012c1.png",{"uuid":86,"title":87,"description":88,"canonical_path":89,"kind":31,"patterns_count":90,"categories":91,"screens":93,"app":108},"fde6ed50-f4a9-412c-be6a-d997ff07b7c3","Completing premium checkout","User enters billing details, selects payment method, reviews order summary, and confirms upgrade to Premium plan inside a checkout modal, handling loading and error states","\u002Fexamples\u002Fapps\u002Fmagnific\u002Fflows",11,[92],{"id":35,"title":36,"slug":37},[94,100,104],{"uuid":95,"title":96,"description":97,"image":98,"image_alt":99,"width":44,"height":77},"a41a1ca0-85bf-4b03-bf9e-b2d30ef4c7dc","Pricing plans | Magnific (formerly Freepik)","Checkout modal where the user enters billing information, selects a payment method, and reviews the order summary to upgrade to a Premium plan.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fa41a1ca0-85bf-4b03-bf9e-b2d30ef4c7dc.png","Pricing plans | Magnific (formerly Freepik) from Magnific",{"uuid":101,"title":96,"description":102,"image":103,"image_alt":99,"width":44,"height":77},"016f2af7-765d-4cc8-ac7e-e2f22aa62e71","Checkout modal where the user enters billing information, selects a payment method, and confirms their subscription upgrade.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F016f2af7-765d-4cc8-ac7e-e2f22aa62e71.png",{"uuid":105,"title":96,"description":106,"image":107,"image_alt":99,"width":44,"height":77},"cfcdd906-c04b-43e4-8d66-ac07b17fb1b8","Checkout modal where the user enters billing information and credit card details to complete an upgrade to a premium annual plan.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fcfcdd906-c04b-43e4-8d66-ac07b17fb1b8.png",{"slug":109,"title":110,"logo":111},"magnific","Magnific","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F07fe44bd-fed6-494e-8806-f1effa3458cb.png",{"uuid":113,"title":114,"description":115,"canonical_path":116,"kind":31,"patterns_count":117,"categories":118,"screens":120,"app":135},"73b91b61-0ac2-4d0a-87e5-cabb5fcfd162","Adding payment method","User opens Add Payment Method modal from billing settings and fills credit card and address details, encountering loading and connection error states","\u002Fexamples\u002Fapps\u002Flatitude-2\u002Fflows",8,[119],{"id":35,"title":36,"slug":37},[121,127,131],{"uuid":122,"title":123,"description":124,"image":125,"image_alt":126,"width":44,"height":77},"9e1be7ef-8010-4b90-9bcd-6171e2d174ca","Billing – Dashboard - Latitude.sh","Account management","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F9e1be7ef-8010-4b90-9bcd-6171e2d174ca.png","Billing – Dashboard - Latitude.sh from Latitude.sh",{"uuid":128,"title":123,"description":129,"image":130,"image_alt":126,"width":44,"height":77},"0d30846e-7c41-4b3c-9fbd-1587843ff453","Billing settings page where the user is adding a new credit card via a modal overlay.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F0d30846e-7c41-4b3c-9fbd-1587843ff453.png",{"uuid":132,"title":123,"description":133,"image":134,"image_alt":126,"width":44,"height":77},"c5dc36b9-1e6a-4390-b784-e41cf8b2548c","Billing settings page where the user is adding a new credit card via a modal, with the submission button currently in a loading state.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fc5dc36b9-1e6a-4390-b784-e41cf8b2548c.png",{"slug":136,"title":137,"logo":138},"latitude-2","Latitude.sh","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F855c8d51-549e-4924-978d-a865acc9f11a.png",{"uuid":140,"title":141,"description":142,"canonical_path":143,"kind":31,"patterns_count":67,"categories":144,"screens":149,"app":160},"aa91b11c-ccb7-44b9-859e-4801274f8efc","Upgrading subscription","User opens billing settings overlay showing free plan and enters credit card details to upgrade to Pro","\u002Fexamples\u002Fapps\u002Falloy\u002Fflows",[145,146],{"id":35,"title":36,"slug":37},{"id":147,"title":141,"slug":148},49,"upgrade-your-plan",[150,156],{"uuid":151,"title":152,"description":153,"image":154,"image_alt":155,"width":44,"height":77},"ab720948-d205-4210-bb20-c796550ddd8d","Nicely Done » New view","Settings modal SaaS pricing","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fab720948-d205-4210-bb20-c796550ddd8d.png","Nicely Done » New view from Alloy",{"uuid":157,"title":152,"description":158,"image":159,"image_alt":155,"width":44,"height":77},"bc671340-a39e-43e1-9751-68b8686363d4","Subscription management Settings modal","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fbc671340-a39e-43e1-9751-68b8686363d4.png",{"slug":161,"title":162,"logo":163},"alloy","Alloy","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F13110ce9-b228-4dcd-99db-7c3272fae2ce.png",{"uuid":165,"title":141,"description":166,"canonical_path":167,"kind":31,"patterns_count":168,"categories":169,"screens":172,"app":187},"e4ca7886-1c14-4766-ba44-e525a49dae9e","User starts in Billing Settings to compare Free\u002FStandard\u002FPremium\u002FEnterprise plans then completes checkout by entering billing address, payment method, and reviewing order to upgrade.","\u002Fexamples\u002Fapps\u002Fdock\u002Fflows",9,[170,171],{"id":35,"title":36,"slug":37},{"id":147,"title":141,"slug":148},[173,179,183],{"uuid":174,"title":175,"description":176,"image":177,"image_alt":178,"width":44,"height":77},"2c8dad55-74d4-4e21-80ba-f061a7998397","Dock · Settings","Subscription management","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F2c8dad55-74d4-4e21-80ba-f061a7998397.png","Dock · Settings from Dock",{"uuid":180,"title":175,"description":181,"image":182,"image_alt":178,"width":44,"height":77},"368494f1-eeba-4dd1-a221-97cc1d7fd0a3","Subscription management Plan comparison","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F368494f1-eeba-4dd1-a221-97cc1d7fd0a3.png",{"uuid":184,"title":175,"description":185,"image":186,"image_alt":178,"width":44,"height":77},"bc99f19a-688f-4480-9ed0-dcc169f60160","Subscription management SaaS pricing","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fbc99f19a-688f-4480-9ed0-dcc169f60160.png",{"slug":188,"title":189,"logo":190},"dock","Dock","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fdock-k4tgvy1y.png",{"uuid":192,"title":114,"description":193,"canonical_path":194,"kind":31,"patterns_count":32,"categories":195,"screens":197,"app":211},"b57298e5-164d-45f4-a6b1-236ecdaadcfc","User opens Add Payment Method modal from billing settings, enters card details and country, then views updated billing settings with saved payment method","\u002Fexamples\u002Fapps\u002Fbloom\u002Fflows",[196],{"id":35,"title":36,"slug":37},[198,204,208],{"uuid":199,"title":200,"description":201,"image":202,"image_alt":203,"width":44,"height":77},"bdb77927-b4c4-4deb-9c51-e647acfe1937","Bloom by Medusa","Account settings Subscription management","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fbdb77927-b4c4-4deb-9c51-e647acfe1937.png","Bloom by Medusa from Bloom",{"uuid":205,"title":200,"description":206,"image":207,"image_alt":203,"width":44,"height":77},"6f8d7fa5-354c-441c-8c9c-f96b3a3981df","Subscription management Payment method","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F6f8d7fa5-354c-441c-8c9c-f96b3a3981df.png",{"uuid":209,"title":200,"description":201,"image":210,"image_alt":203,"width":44,"height":77},"f2327ca8-9fb3-4e66-896d-adee179a0357","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ff2327ca8-9fb3-4e66-896d-adee179a0357.png",{"slug":212,"title":213,"logo":214},"bloom","Bloom","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F62461f0d-4182-4996-ae7b-cbc623f6ee3f.png",{"uuid":216,"title":36,"description":217,"canonical_path":218,"kind":31,"patterns_count":219,"categories":220,"screens":222,"app":236},"89b6304d-f9cf-4c64-83eb-112682896d75","Adding credit card payment method via modal form in billing settings with error handling for declined cards","\u002Fexamples\u002Fapps\u002Fappwrite\u002Fflows",4,[221],{"id":35,"title":36,"slug":37},[223,228,232],{"uuid":224,"title":225,"description":124,"image":226,"image_alt":227,"width":44,"height":77},"bf7ca57d-a86d-40a0-9e15-a2dbd9a4688f","User - Appwrite","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fbf7ca57d-a86d-40a0-9e15-a2dbd9a4688f.png","User - Appwrite from Appwrite",{"uuid":229,"title":225,"description":230,"image":231,"image_alt":227,"width":44,"height":77},"a85dc1b1-73ea-461f-abf3-6fa0667008c1","Account management Payment method","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fa85dc1b1-73ea-461f-abf3-6fa0667008c1.png",{"uuid":233,"title":225,"description":234,"image":235,"image_alt":227,"width":44,"height":77},"58a6b6b2-6182-43c1-9490-228932802e39","Settings page where the user is adding a new payment method and encounters a card declined error.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F58a6b6b2-6182-43c1-9490-228932802e39.png",{"slug":237,"title":238,"logo":239},"appwrite","Appwrite","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Faba3119b-0179-4fbd-b6d0-2bb3a0bfda07.png",{"uuid":241,"title":242,"description":243,"canonical_path":244,"kind":31,"patterns_count":117,"categories":245,"screens":252,"app":266},"05ed9268-72fb-44c6-ab76-1a26a32160e4","Upgrading subscription plan","User compares Pro, Business, and Enterprise tiers across billing overlays, modals, and settings pages, toggles annual vs monthly billing, configures add-ons like seats, and manages payment details to complete an upgrade from Free tier.","\u002Fexamples\u002Fapps\u002Fvoiceflow\u002Fflows",[246,250,251],{"id":247,"title":248,"slug":249},50,"Adding seats to subscription","add-seats-to-subscription",{"id":35,"title":36,"slug":37},{"id":147,"title":141,"slug":148},[253,258,262],{"uuid":254,"title":255,"description":185,"image":256,"image_alt":257,"width":44,"height":77},"862e8a43-ea77-4b03-8899-825e36460283","My first AI agent","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F862e8a43-ea77-4b03-8899-825e36460283.png","My first AI agent from Voiceflow",{"uuid":259,"title":255,"description":260,"image":261,"image_alt":257,"width":44,"height":77},"446e98f9-7767-416f-87a6-06598c78f234","SaaS pricing","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F446e98f9-7767-416f-87a6-06598c78f234.png",{"uuid":263,"title":255,"description":264,"image":265,"image_alt":257,"width":44,"height":77},"07e7ac7f-5511-43b2-94fd-7107246643f9","SaaS pricing Usage-based pricing","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F07e7ac7f-5511-43b2-94fd-7107246643f9.png",{"slug":267,"title":268,"logo":269},"voiceflow","Voiceflow","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fvoiceflow-ba430e40.png",{"uuid":271,"title":36,"description":272,"canonical_path":273,"kind":31,"patterns_count":67,"categories":274,"screens":276,"app":286},"8a294c2d-4598-463d-b4d1-ef93f229e7a2","User opens Add Payment Method modal from billing settings and enters credit card details or selects a bank account via Plaid-style integrations","\u002Fexamples\u002Fapps\u002Fcopilot-money\u002Fflows",[275],{"id":35,"title":36,"slug":37},[277,282],{"uuid":278,"title":279,"description":176,"image":280,"image_alt":281,"width":44,"height":77},"2332df0e-b236-4047-8004-50b9aa746fd3","Copilot Money | Dashboard","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F2332df0e-b236-4047-8004-50b9aa746fd3.png","Copilot Money | Dashboard from Copilot",{"uuid":283,"title":279,"description":284,"image":285,"image_alt":281,"width":44,"height":77},"d02b8de3-5175-431c-a57b-85d250c445e6","Subscription management Payment options","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fd02b8de3-5175-431c-a57b-85d250c445e6.png",{"slug":287,"title":288,"logo":289},"copilot-money","Copilot","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F598cc9dd-791e-42fb-9fac-8f3f362f10ac.png",{"uuid":291,"title":114,"description":292,"canonical_path":293,"kind":31,"patterns_count":67,"categories":294,"screens":296,"app":302},"92568666-01ab-41e0-9b1b-8c32d95fa673","Adding a payment method via modal in billing settings to avoid service outage","\u002Fexamples\u002Fapps\u002Fexa\u002Fflows",[295],{"id":35,"title":36,"slug":37},[297],{"uuid":298,"title":299,"description":124,"image":300,"image_alt":301,"width":44,"height":77},"89f7cbd6-9f61-417a-9681-455a78f4625d","Billing | Exa API","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F89f7cbd6-9f61-417a-9681-455a78f4625d.png","Billing | Exa API from Exa",{"slug":303,"title":304,"logo":305},"exa","Exa","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F011e446a-087b-451e-b27d-63d67d92a42f.png",{"uuid":307,"title":114,"description":308,"canonical_path":309,"kind":31,"patterns_count":32,"categories":310,"screens":312,"app":327},"4ccee0c9-9551-446a-9571-91136f61249b","User opens billing settings to add a payment method through Stripe modal, selecting Link, card, or US bank account in context of trial conversion to Starter plan","\u002Fexamples\u002Fapps\u002Ftown\u002Fflows",[311],{"id":35,"title":36,"slug":37},[313,319,323],{"uuid":314,"title":315,"description":316,"image":317,"image_alt":318,"width":44,"height":77},"0d8902a6-513f-41f7-b9a4-2b6bc488db9a","Billing","Payment options","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F0d8902a6-513f-41f7-b9a4-2b6bc488db9a.png","Billing from Town",{"uuid":320,"title":315,"description":321,"image":322,"image_alt":318,"width":44,"height":77},"68f03013-5dc4-4ed2-b262-82b682072bd6","Settings modal where the user sets up a payment method via Stripe Link, credit card, or bank account to activate the Starter plan after their trial ends.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F68f03013-5dc4-4ed2-b262-82b682072bd6.png",{"uuid":324,"title":315,"description":325,"image":326,"image_alt":318,"width":44,"height":77},"97fa274f-ad38-4b7f-afdd-76dddf195886","Settings modal where the user adds a payment method via a Stripe integration, choosing between Link, credit card, or a US bank account before their trial ends.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F97fa274f-ad38-4b7f-afdd-76dddf195886.png",{"slug":328,"title":329,"logo":330},"town","Town","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fb6cf707d-df49-4190-b803-766b8914df89.png",{"uuid":332,"title":114,"canonical_path":333,"kind":31,"patterns_count":32,"categories":334,"screens":336,"app":349},"85d1bf3c-6c1f-4519-9f2b-34fda8c37add","\u002Fexamples\u002Fapps\u002Fassembly-2\u002Fflows",[335],{"id":35,"title":36,"slug":37},[337,343,346],{"uuid":338,"title":339,"description":340,"image":341,"image_alt":342,"width":44,"height":77},"1c71d91e-2eca-4f6d-b677-f4f2812bd6ee","Assembly Dashboard – Nicelydone Club","Trial banner","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F1c71d91e-2eca-4f6d-b677-f4f2812bd6ee.png","Assembly Dashboard – Nicelydone Club from Assembly AI App Builder",{"uuid":344,"title":339,"description":340,"image":345,"image_alt":342,"width":44,"height":77},"aa89fc99-fa76-4aac-b7b2-62dc761d3565","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Faa89fc99-fa76-4aac-b7b2-62dc761d3565.png",{"uuid":347,"title":339,"description":340,"image":348,"image_alt":342,"width":44,"height":77},"4401482d-2654-45d9-aa53-72b468974f3f","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F4401482d-2654-45d9-aa53-72b468974f3f.png",{"slug":350,"title":351,"logo":352},"assembly-2","Assembly AI App Builder","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fe0ead769-d687-403b-a7bd-124ca7356944.png",[354,356,358],{"label":36,"to":355},"\u002Fexamples\u002Fflows\u002Fset-up-payment-method",{"label":357,"to":30},"Stripe user flows",{"label":359,"to":18},"All user flow examples",{"published_at":361,"updated_at":362},"2024-06-02T20:46:14.000Z","2026-09-25T07:52:51.000Z",{"left":364,"top":364,"width":365,"height":365,"rotate":364,"vFlip":366,"hFlip":366,"body":367},0,20,false,"\u003Cg fill=\"none\">\u003Cpath d=\"M9.7334 2.41699H10.2666C11.3987 2.41699 12.2028 2.41737 12.832 2.46875C13.4526 2.51945 13.8371 2.61637 14.1416 2.77148C14.7531 3.08307 15.2509 3.57988 15.5625 4.19141C15.7176 4.49587 15.8136 4.88039 15.8643 5.50098C15.9157 6.13035 15.916 6.93496 15.916 8.06738V15.1338C15.916 15.6634 15.9153 16.0086 15.8926 16.2578C15.879 16.4067 15.8598 16.4744 15.8525 16.4971C15.8095 16.5461 15.7506 16.576 15.6855 16.5811C15.6634 16.5734 15.5976 16.5486 15.4697 16.4697C15.2568 16.3384 14.9804 16.1313 14.5566 15.8135L11.4102 13.4541C11.1193 13.236 10.8105 12.9878 10.4453 12.8916C10.1533 12.8147 9.84573 12.8147 9.55371 12.8916C9.18862 12.9879 8.88057 13.2361 8.58984 13.4541L5.44336 15.8135C5.01942 16.1314 4.74231 16.3384 4.5293 16.4697C4.40092 16.5489 4.33537 16.5735 4.31348 16.5811C4.24875 16.5759 4.18941 16.5468 4.14648 16.498C4.13942 16.4762 4.12019 16.4085 4.10645 16.2578C4.08375 16.0086 4.08301 15.6634 4.08301 15.1338V8.06738C4.08301 6.93498 4.08335 6.13034 4.13477 5.50098C4.18547 4.88035 4.28236 4.49588 4.4375 4.19141C4.74906 3.58004 5.24605 3.08305 5.85742 2.77148C6.16189 2.61635 6.54637 2.51946 7.16699 2.46875C7.79636 2.41734 8.60099 2.41699 9.7334 2.41699Z\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linejoin=\"round\"\u002F>\u003C\u002Fg>"]