.demo-deep-link-layout{display:grid;grid-template-rows:auto minmax(0,1fr);height:100%}.demo-deep-link-layout>.slide-headline{text-wrap:pretty}.demo-deep-link-layout .demo-deep-link-screen{display:flex;align-items:flex-end;justify-content:flex-start;min-width:0;min-height:0;margin:18px 0 0}.demo-deep-link-layout .demo-deep-link-canvas{--deep-link-unit:calc(100cqw / 1250);position:relative;width:100%;height:100%;container-type:inline-size;color:#454650;font-family:Switzer,sans-serif;-webkit-font-smoothing:antialiased}.demo-deep-link-layout .deep-link-artwork{position:absolute;inset:0;overflow:hidden;opacity:.75;-webkit-mask-image:linear-gradient(180deg,#000 0,rgb(0 0 0/.85) 35%,rgb(0 0 0/.45) 65%,transparent 92%),linear-gradient(90deg,#000 55%,rgb(0 0 0/.85) 66%,rgb(0 0 0/.45) 77%,transparent 88%);mask-image:linear-gradient(180deg,#000 0,rgb(0 0 0/.85) 35%,rgb(0 0 0/.45) 65%,transparent 92%),linear-gradient(90deg,#000 55%,rgb(0 0 0/.85) 66%,rgb(0 0 0/.45) 77%,transparent 88%);-webkit-mask-composite:source-in,xor;mask-composite:intersect}.demo-deep-link-layout .deep-link-page{position:relative;width:100%;height:100%;overflow:hidden;color:#999aa3;font-size:calc(16 * var(--deep-link-unit))}.demo-deep-link-layout .deep-link-content{width:100%;margin:0;padding-top:calc(28 * var(--deep-link-unit))}.demo-deep-link-layout .deep-link-page-heading{display:flex;align-items:center;gap:calc(12 * var(--deep-link-unit))}.demo-deep-link-layout .deep-link-page-heading h2{margin:0;color:#92939d;font-size:calc(36 * var(--deep-link-unit));font-weight:400;line-height:1.2;letter-spacing:-.04em}.demo-deep-link-layout .deep-link-bookmark{display:grid;place-items:center;width:calc(42 * var(--deep-link-unit));height:calc(42 * var(--deep-link-unit));border-radius:50%;background:#f4f4f5}.demo-deep-link-layout .deep-link-bookmark svg{width:calc(18 * var(--deep-link-unit));height:calc(18 * var(--deep-link-unit));fill:none;stroke:#a3a4ad;stroke-width:1.5}.demo-deep-link-layout .deep-link-tabs{display:flex;align-items:stretch;gap:calc(32 * var(--deep-link-unit));height:calc(50 * var(--deep-link-unit));margin-top:calc(26 * var(--deep-link-unit));border-bottom:1px solid #dcdce1;color:#999aa3;font-size:calc(18 * var(--deep-link-unit));white-space:nowrap}.demo-deep-link-layout .deep-link-tabs span{position:relative;display:flex;align-items:center}.demo-deep-link-layout .deep-link-tabs [aria-current=page]{color:#8e8f99}.demo-deep-link-layout .deep-link-tabs [aria-current=page]:after{position:absolute;right:0;bottom:-1px;left:0;height:calc(2 * var(--deep-link-unit));background:#c1c3ca;content:""}.demo-deep-link-layout .deep-link-cards{display:grid;grid-template-columns:1fr 1fr;grid-gap:calc(36 * var(--deep-link-unit));gap:calc(36 * var(--deep-link-unit));margin-top:calc(30 * var(--deep-link-unit))}.demo-deep-link-layout .deep-link-balance-card,.demo-deep-link-layout .deep-link-upcoming-card{position:relative;min-width:0;height:calc(338 * var(--deep-link-unit));overflow:hidden;border:1px solid #e2e2e6;border-radius:calc(11 * var(--deep-link-unit));background:rgb(255 255 255/.45)}.demo-deep-link-layout .deep-link-balance-content{padding:calc(32 * var(--deep-link-unit))}.demo-deep-link-layout .deep-link-balance-heading{display:flex;align-items:center;justify-content:space-between;gap:calc(12 * var(--deep-link-unit));font-size:calc(20 * var(--deep-link-unit));white-space:nowrap}.demo-deep-link-layout .deep-link-info{display:inline-grid;place-items:center;width:calc(16 * var(--deep-link-unit));height:calc(16 * var(--deep-link-unit));border:1px solid #b7b9c1;border-radius:50%;font-size:calc(11 * var(--deep-link-unit));font-weight:600}.demo-deep-link-layout .deep-link-payments-left{padding:calc(5 * var(--deep-link-unit)) calc(11 * var(--deep-link-unit));border-radius:calc(5 * var(--deep-link-unit));background:#f4f4f5;color:#999aa3;font-size:calc(15 * var(--deep-link-unit))}.demo-deep-link-layout .deep-link-balance{margin:calc(10 * var(--deep-link-unit)) 0 0;color:#8e8f99;font-size:calc(36 * var(--deep-link-unit));line-height:1.1;letter-spacing:-.04em}.demo-deep-link-layout .deep-link-balance>span{font-size:.72em}.demo-deep-link-layout .deep-link-progress-label{margin:calc(31 * var(--deep-link-unit)) 0 calc(13 * var(--deep-link-unit));font-size:calc(20 * var(--deep-link-unit))}.demo-deep-link-layout .deep-link-progress{height:calc(10 * var(--deep-link-unit));overflow:hidden;border-radius:99px;background:#eeeff0}.demo-deep-link-layout .deep-link-progress i{display:block;width:13%;height:100%;border-radius:inherit;background:#b6b8c1}.demo-deep-link-layout .deep-link-legend{display:flex;gap:calc(18 * var(--deep-link-unit));margin-top:calc(13 * var(--deep-link-unit));color:#999aa3;font-size:calc(15 * var(--deep-link-unit))}.demo-deep-link-layout .deep-link-legend span{display:flex;align-items:center;gap:calc(7 * var(--deep-link-unit))}.demo-deep-link-layout .deep-link-legend i{width:calc(9 * var(--deep-link-unit));height:calc(9 * var(--deep-link-unit));border-radius:50%;background:#b6b8c1}.demo-deep-link-layout .deep-link-legend span:last-child i{background:#c8cad2}.demo-deep-link-layout .deep-link-balance-actions{position:absolute;inset:auto 0 0;display:flex;align-items:center;gap:calc(30 * var(--deep-link-unit));height:calc(86 * var(--deep-link-unit));padding:0 calc(31 * var(--deep-link-unit));border-top:1px solid #dcdce1;color:#999aa3;font-size:calc(20 * var(--deep-link-unit));white-space:nowrap}.demo-deep-link-layout .deep-link-balance-actions span{display:flex;align-items:center;gap:calc(9 * var(--deep-link-unit))}.demo-deep-link-layout .deep-link-balance-actions svg{width:calc(16 * var(--deep-link-unit));height:calc(16 * var(--deep-link-unit));fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.demo-deep-link-layout .deep-link-upcoming-heading{display:flex;align-items:center;justify-content:space-between;height:calc(70 * var(--deep-link-unit));padding:0 calc(32 * var(--deep-link-unit));background:rgb(219 220 225/.62)}.demo-deep-link-layout .deep-link-upcoming-heading h3{margin:0;color:#92939d;font-size:calc(22 * var(--deep-link-unit));font-weight:400}.demo-deep-link-layout .deep-link-upcoming-heading>span{color:#a3a4ad;font-size:calc(20 * var(--deep-link-unit));white-space:nowrap}.demo-deep-link-layout .deep-link-upcoming-heading b{margin-left:calc(8 * var(--deep-link-unit));font-size:1.25em;font-weight:400}.demo-deep-link-layout .deep-link-payment-table{padding:0 calc(32 * var(--deep-link-unit))}.demo-deep-link-layout .deep-link-payment-header,.demo-deep-link-layout .deep-link-payment-row{display:grid;grid-template-columns:1fr 1fr 1.12fr;align-items:center;height:calc(64 * var(--deep-link-unit));border-bottom:1px solid #dcdce1}.demo-deep-link-layout .deep-link-payment-header{color:#999aa3;font-size:calc(16 * var(--deep-link-unit));white-space:nowrap}.demo-deep-link-layout .deep-link-payment-row{height:calc(72 * var(--deep-link-unit));color:#92939d;font-size:calc(20 * var(--deep-link-unit))}.demo-deep-link-layout .deep-link-faux-cell{display:flex;justify-content:center}.demo-deep-link-layout .deep-link-faux-cell i{display:block;width:43%;height:calc(6 * var(--deep-link-unit));border-radius:99px;background:#eceef0}.demo-deep-link-layout .deep-link-faux-cell:last-child i{width:57%;background:#f1f2f4}.demo-deep-link-layout .deep-link-activity{margin-top:calc(62 * var(--deep-link-unit))}.demo-deep-link-layout .deep-link-activity h3{margin:0 0 calc(20 * var(--deep-link-unit));color:#92939d;font-size:calc(22 * var(--deep-link-unit));font-weight:400}.demo-deep-link-layout .deep-link-activity-table>div{display:grid;grid-template-columns:calc(116 * var(--deep-link-unit)) minmax(0,1fr);align-items:center;min-height:calc(65 * var(--deep-link-unit));padding-inline:calc(21 * var(--deep-link-unit));border-bottom:1px solid #dcdce1;color:#999aa3;font-size:calc(18 * var(--deep-link-unit))}.demo-deep-link-layout .deep-link-activity-table .deep-link-activity-header{min-height:calc(43 * var(--deep-link-unit));color:#999aa3;font-size:calc(15 * var(--deep-link-unit))}.demo-deep-link-layout .demo-deep-link-widget-frame{position:absolute;z-index:2;top:0;right:calc(100% + 58px + clamp(34px, 4vw, 64px) - 100vw);width:63.75%;height:100%;container-type:inline-size}.demo-deep-link-layout .demo-deep-link-widget-frame .mercury-widget{top:3.11%;bottom:auto}@media (min-width:1024px) and (min-height:620px){.deck[data-view=present] .demo-deep-link-layout{height:calc(100% + 28px)}.deck[data-view=present] .demo-deep-link-layout .demo-deep-link-screen{container-type:size}.deck[data-view=present] .demo-deep-link-layout .demo-deep-link-canvas{width:min(100%,calc(100cqh * 1560 / 1124))}.deck[data-view=present] .demo-deep-link-layout .demo-deep-link-widget-frame{transform:translateY(25px)}}@media (max-height:619px),(max-width:1023px){.demo-deep-link-layout{height:auto}.demo-deep-link-layout .demo-deep-link-screen{display:block;margin-top:18px}.demo-deep-link-layout .demo-deep-link-canvas{height:auto;aspect-ratio:1560/1124}.demo-deep-link-layout .demo-deep-link-widget-frame{right:0}.demo-deep-link-layout .deep-link-content{padding-top:calc(28 * var(--deep-link-unit))}.demo-deep-link-layout .deep-link-cards{gap:calc(18 * var(--deep-link-unit))}.demo-deep-link-layout .deep-link-balance-heading{flex-wrap:wrap}.demo-deep-link-layout .deep-link-balance-actions{gap:calc(12 * var(--deep-link-unit))}.demo-deep-link-layout .deep-link-balance-actions span{gap:calc(5 * var(--deep-link-unit))}}.deck[data-view=overview] .demo-deep-link-layout{height:auto;min-height:700px}.deck[data-view=overview] .demo-deep-link-layout .demo-deep-link-screen{min-height:0}.deck[data-view=overview] .demo-deep-link-layout .demo-deep-link-canvas{width:min(100%,104svh);height:auto;aspect-ratio:1560/1124}.deck[data-view=overview] .demo-deep-link-layout .demo-deep-link-widget-frame{right:0}@media (max-width:600px){.demo-deep-link-layout .deep-link-content{width:90%}.demo-deep-link-layout .deep-link-tabs{gap:calc(20 * var(--deep-link-unit));font-size:calc(20 * var(--deep-link-unit))}.demo-deep-link-layout .deep-link-cards{grid-template-columns:1fr}.demo-deep-link-layout .deep-link-balance-card{height:calc(338 * var(--deep-link-unit))}.demo-deep-link-layout .deep-link-activity,.demo-deep-link-layout .deep-link-upcoming-card{display:none}.demo-deep-link-layout .demo-deep-link-widget-frame{width:88%;top:0;right:0}.demo-deep-link-layout .demo-deep-link-widget-frame .mercury-widget{right:1%;transform:scale(.78);transform-origin:top right}.deck[data-view=overview] .demo-deep-link-layout{min-height:0}}.demo-deep-link-layout .deep-link-page-transition{position:relative;width:100%;min-height:100%;animation:deep-link-page-enter .24s ease-out both}.demo-deep-link-layout .deep-link-page-divider{margin-top:calc(20 * var(--deep-link-unit));border-top:1px solid #dcdce1}.demo-deep-link-layout .deep-link-feedback{margin-left:auto;padding:calc(7 * var(--deep-link-unit)) calc(12 * var(--deep-link-unit));border:1px solid #e2e2e6;border-radius:999px;background:rgb(255 255 255/.45);color:#999aa3;font-size:calc(14 * var(--deep-link-unit))}.demo-deep-link-layout .deep-link-account-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:calc(22 * var(--deep-link-unit));gap:calc(22 * var(--deep-link-unit));margin-top:calc(24 * var(--deep-link-unit));padding:calc(24 * var(--deep-link-unit));border:1px solid #e2e2e6;border-radius:calc(11 * var(--deep-link-unit));background:rgb(255 255 255/.45)}.demo-deep-link-layout .deep-link-account-summary>div{display:flex;flex-direction:column;gap:calc(12 * var(--deep-link-unit));min-width:0}.demo-deep-link-layout .deep-link-account-summary>div>span:first-child{color:#999aa3;font-size:calc(15 * var(--deep-link-unit))}.demo-deep-link-layout .deep-link-summary-amount{color:#8e8f99;font-size:calc(30 * var(--deep-link-unit));line-height:1.1;letter-spacing:-.035em;white-space:nowrap}.demo-deep-link-layout .deep-link-summary-amount>span{font-size:.68em}.demo-deep-link-layout .deep-link-data-table{width:100%;margin-top:calc(22 * var(--deep-link-unit));color:#999aa3}.demo-deep-link-layout .deep-link-table-header,.demo-deep-link-layout .deep-link-table-row{display:grid;align-items:center;min-width:0;min-height:calc(62 * var(--deep-link-unit));padding-inline:calc(18 * var(--deep-link-unit));border-bottom:1px solid #e1e1e5;font-size:calc(15 * var(--deep-link-unit))}.demo-deep-link-layout .deep-link-table-header{min-height:calc(42 * var(--deep-link-unit));background:rgb(219 220 225/.35);color:#999aa3;font-size:calc(14 * var(--deep-link-unit));white-space:nowrap}.demo-deep-link-layout .deep-link-accounts-table .deep-link-table-header,.demo-deep-link-layout .deep-link-accounts-table .deep-link-table-row{grid-template-columns:minmax(0,1.45fr) minmax(0,.9fr) minmax(0,1.3fr)}.demo-deep-link-layout .deep-link-account-cell{display:flex;align-items:center;gap:calc(12 * var(--deep-link-unit));min-width:0}.demo-deep-link-layout .deep-link-account-icon{display:grid;place-items:center;flex:0 0 calc(34 * var(--deep-link-unit));width:calc(34 * var(--deep-link-unit));height:calc(34 * var(--deep-link-unit));border:1px solid #dedfe3;border-radius:50%;background:#f1f1f3;color:#a1a2aa;font-size:calc(13 * var(--deep-link-unit))}.demo-deep-link-layout .deep-link-account-copy{display:flex;flex-direction:column;gap:calc(3 * var(--deep-link-unit));min-width:0}.demo-deep-link-layout .deep-link-account-copy b{overflow:hidden;color:#92939d;font-weight:400;text-overflow:ellipsis;white-space:nowrap}.demo-deep-link-layout .deep-link-account-copy small{color:#a3a4ad;font-size:calc(13 * var(--deep-link-unit))}.demo-deep-link-layout .deep-link-rule-copy{color:#a0a1aa;white-space:nowrap}.demo-deep-link-layout .deep-link-create-card .deep-link-page-divider{margin-top:calc(24 * var(--deep-link-unit))}.demo-deep-link-layout .deep-link-card-form{width:60%;margin-top:calc(26 * var(--deep-link-unit))}.demo-deep-link-layout .deep-link-form-section{margin-bottom:calc(18 * var(--deep-link-unit));padding-bottom:calc(17 * var(--deep-link-unit));border-bottom:1px solid #e1e1e5}.demo-deep-link-layout .deep-link-form-section h3{margin:0 0 calc(9 * var(--deep-link-unit));color:#92939d;font-size:calc(18 * var(--deep-link-unit));font-weight:400}.demo-deep-link-layout .deep-link-form-row{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.65fr);align-items:center;grid-gap:calc(18 * var(--deep-link-unit));gap:calc(18 * var(--deep-link-unit));min-height:calc(60 * var(--deep-link-unit));color:#999aa3;font-size:calc(15 * var(--deep-link-unit))}.demo-deep-link-layout .deep-link-form-field,.demo-deep-link-layout .deep-link-form-label{min-width:0}.demo-deep-link-layout .deep-link-card-input,.demo-deep-link-layout .deep-link-card-select{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:calc(48 * var(--deep-link-unit));padding:0 calc(14 * var(--deep-link-unit));border:1px solid #e2e2e6;border-radius:calc(6 * var(--deep-link-unit));background:rgb(255 255 255/.45);color:#92939d}.demo-deep-link-layout .deep-link-card-select svg{width:calc(14 * var(--deep-link-unit));height:calc(14 * var(--deep-link-unit));fill:none;stroke:#a3a4ad;stroke-width:1.5}.demo-deep-link-layout .deep-link-choice-group{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:calc(9 * var(--deep-link-unit));gap:calc(9 * var(--deep-link-unit))}.demo-deep-link-layout .deep-link-choice-tile{display:flex;align-items:center;gap:calc(9 * var(--deep-link-unit));min-width:0;min-height:calc(48 * var(--deep-link-unit));padding:0 calc(12 * var(--deep-link-unit));border:1px solid #e2e2e6;border-radius:calc(6 * var(--deep-link-unit));background:rgb(255 255 255/.45);color:#999aa3;white-space:nowrap}.demo-deep-link-layout .deep-link-choice-tile i{flex:0 0 calc(15 * var(--deep-link-unit));width:calc(15 * var(--deep-link-unit));height:calc(15 * var(--deep-link-unit));border:1px solid #b6b8c1;border-radius:50%}.demo-deep-link-layout .deep-link-choice-tile.is-selected i{background:#b6b8c1;box-shadow:inset 0 0 0 calc(4 * var(--deep-link-unit)) #fff}.demo-deep-link-layout .deep-link-choice-tile.is-checkbox i{border-radius:calc(3 * var(--deep-link-unit))}.demo-deep-link-layout .deep-link-cards-page .deep-link-tabs{margin-top:calc(26 * var(--deep-link-unit))}.demo-deep-link-layout .deep-link-filter-row{display:flex;align-items:center;gap:calc(12 * var(--deep-link-unit));margin-top:calc(22 * var(--deep-link-unit));color:#a0a1aa;font-size:calc(14 * var(--deep-link-unit))}.demo-deep-link-layout .deep-link-filter-pill{display:inline-flex;align-items:center;justify-content:center;min-height:calc(36 * var(--deep-link-unit));padding:0 calc(14 * var(--deep-link-unit));border:1px solid #e2e2e6;border-radius:999px;background:rgb(255 255 255/.45);color:#999aa3;white-space:nowrap}.demo-deep-link-layout .deep-link-filter-pill b{margin-left:calc(5 * var(--deep-link-unit));font-weight:400}.demo-deep-link-layout .deep-link-filter-pill.is-current{background:#f1f1f3;color:#92939d}.demo-deep-link-layout .deep-link-cards-table .deep-link-table-header,.demo-deep-link-layout .deep-link-cards-table .deep-link-table-row{grid-template-columns:minmax(0,1.4fr) minmax(0,2.05fr) minmax(0,1.2fr) minmax(0,.8fr) minmax(0,1.25fr)}.demo-deep-link-layout .deep-link-cardholder-cell{display:flex;align-items:center;gap:calc(6 * var(--deep-link-unit));min-width:0;color:#92939d}.demo-deep-link-layout .deep-link-cardholder-cell small{color:#a3a4ad;font-size:calc(12 * var(--deep-link-unit))}.demo-deep-link-layout .deep-link-card-cell{display:flex;align-items:center;gap:calc(10 * var(--deep-link-unit));min-width:0}.demo-deep-link-layout .deep-link-card-thumbnail{display:block;position:relative;flex:0 0 calc(34 * var(--deep-link-unit));width:calc(34 * var(--deep-link-unit));height:calc(23 * var(--deep-link-unit));overflow:hidden;border:1px solid #dedfe3;border-radius:calc(4 * var(--deep-link-unit));background:#f0f0f2}.demo-deep-link-layout .deep-link-card-thumbnail:after,.demo-deep-link-layout .deep-link-card-thumbnail:before{position:absolute;content:""}.demo-deep-link-layout .deep-link-card-thumbnail:before{top:calc(4 * var(--deep-link-unit));left:calc(4 * var(--deep-link-unit));width:calc(8 * var(--deep-link-unit));height:calc(5 * var(--deep-link-unit));border-radius:50%;background:#c9cad0}.demo-deep-link-layout .deep-link-card-thumbnail:after{right:calc(4 * var(--deep-link-unit));bottom:calc(4 * var(--deep-link-unit));left:calc(4 * var(--deep-link-unit));height:1px;background:#d3d4d8}.demo-deep-link-layout .deep-link-card-copy{display:flex;flex-direction:column;gap:calc(3 * var(--deep-link-unit));min-width:0}.demo-deep-link-layout .deep-link-card-copy b{color:#92939d;font-weight:400;white-space:nowrap}.demo-deep-link-layout .deep-link-card-copy small{overflow:hidden;color:#a3a4ad;font-size:calc(13 * var(--deep-link-unit));text-overflow:ellipsis;white-space:nowrap}.demo-deep-link-layout .deep-link-team-filters{gap:calc(8 * var(--deep-link-unit))}.demo-deep-link-layout .deep-link-team-table .deep-link-table-header,.demo-deep-link-layout .deep-link-team-table .deep-link-table-row{grid-template-columns:minmax(0,2.2fr) minmax(0,1.2fr) minmax(0,1.6fr) minmax(0,1.05fr) minmax(0,.7fr)}.demo-deep-link-layout .deep-link-team-name{display:flex;align-items:center;gap:calc(10 * var(--deep-link-unit));min-width:0}.demo-deep-link-layout .deep-link-team-avatar{display:grid;place-items:center;flex:0 0 calc(36 * var(--deep-link-unit));width:calc(36 * var(--deep-link-unit));height:calc(36 * var(--deep-link-unit));border-radius:50%;background:#e9e9ec;color:#999aa3;font-size:calc(12 * var(--deep-link-unit))}.demo-deep-link-layout .deep-link-team-copy{display:flex;flex-direction:column;gap:calc(3 * var(--deep-link-unit));min-width:0}.demo-deep-link-layout .deep-link-team-copy b{overflow:hidden;color:#92939d;font-weight:400;text-overflow:ellipsis;white-space:nowrap}.demo-deep-link-layout .deep-link-team-copy b small{margin-left:calc(5 * var(--deep-link-unit));color:#a3a4ad;font-size:calc(12 * var(--deep-link-unit));font-weight:400}.demo-deep-link-layout .deep-link-team-copy>small{overflow:hidden;color:#a3a4ad;font-size:calc(12 * var(--deep-link-unit));text-overflow:ellipsis;white-space:nowrap}.demo-deep-link-layout .deep-link-role-tag,.demo-deep-link-layout .deep-link-status-tag{display:inline-flex;align-items:center;justify-content:center;min-height:calc(27 * var(--deep-link-unit));padding:0 calc(9 * var(--deep-link-unit));border:1px solid #dcdce1;border-radius:999px;color:#999aa3;font-size:calc(12 * var(--deep-link-unit));white-space:nowrap}.demo-deep-link-layout .deep-link-status-tag{border-color:#dfe5df;background:#f1f4f1;color:#909b91}@keyframes deep-link-page-enter{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.demo-deep-link-layout .deep-link-page-transition{animation:none}}@media (max-width:600px){.demo-deep-link-layout .deep-link-card-form{width:100%}.demo-deep-link-layout .deep-link-form-row{grid-template-columns:minmax(0,.8fr) minmax(0,1.4fr)}.demo-deep-link-layout .deep-link-optional-row,.demo-deep-link-layout .deep-link-spend-controls{display:none}.demo-deep-link-layout .deep-link-account-summary{gap:calc(12 * var(--deep-link-unit));padding:calc(15 * var(--deep-link-unit))}.demo-deep-link-layout .deep-link-summary-amount{font-size:calc(24 * var(--deep-link-unit))}.demo-deep-link-layout .deep-link-accounts-table .deep-link-table-header,.demo-deep-link-layout .deep-link-accounts-table .deep-link-table-row{grid-template-columns:minmax(0,1.4fr) minmax(0,.8fr)}.demo-deep-link-layout .deep-link-column-account-rules,.demo-deep-link-layout .deep-link-column-card-account,.demo-deep-link-layout .deep-link-column-card-spent,.demo-deep-link-layout .deep-link-column-card-type,.demo-deep-link-layout .deep-link-column-team-department,.demo-deep-link-layout .deep-link-column-team-status,.demo-deep-link-layout .deep-link-column-team-title{display:none}.demo-deep-link-layout .deep-link-cards-table .deep-link-table-header,.demo-deep-link-layout .deep-link-cards-table .deep-link-table-row{grid-template-columns:minmax(0,.95fr) minmax(0,1.6fr)}.demo-deep-link-layout .deep-link-team-table .deep-link-table-header,.demo-deep-link-layout .deep-link-team-table .deep-link-table-row{grid-template-columns:minmax(0,1.6fr) minmax(0,.85fr)}}.play-layout{display:grid;grid-template-rows:auto minmax(0,1fr);grid-gap:24px;gap:24px;height:100%}.play-layout>.slide-headline{position:relative;z-index:2;transition:opacity .3s ease-out}.play-layout[data-live=true]>.slide-headline{opacity:0;pointer-events:none}.play-stage{position:relative;height:min(70svh,720px);overflow:clip;background:var(--bg)}.play-stage iframe{position:absolute;z-index:0;inset:0 auto auto 0;display:block;width:100%;height:100%;max-width:none;border:0;background:#fff}.play-stage:before{background:linear-gradient(to bottom,var(--bg) 0,var(--bg) 9%,transparent 22%);content:""}.play-fade,.play-stage:before{position:absolute;z-index:1;inset:0;pointer-events:none;transition:opacity .3s ease-out}.play-fade{background:linear-gradient(to top,var(--bg) 0,transparent 16%),linear-gradient(to right,var(--bg) 0,transparent 8%),linear-gradient(to left,var(--bg) 0,transparent 8%);opacity:1}.play-launch{position:absolute;z-index:2;inset:0;display:grid;place-items:center;opacity:1;transition:opacity .3s ease-out}.play-launch button{position:relative;display:inline-flex;align-items:center;justify-content:center;height:64px;padding:0 32px;border:1px solid #dadadd;border-radius:999px;background:#fff;box-shadow:0 1px 2px rgb(0 0 0/8%);color:var(--muted);font:500 20px/1 Switzer;cursor:pointer;transition:color .18s ease-out,transform .18s ease-out}.play-launch button:not(:disabled):hover{color:var(--ink);transform:scale(1.04)}.play-launch button:focus-visible{outline:2px solid var(--blue);outline-offset:3px}.play-launch button:disabled{cursor:progress}.play-button-label.is-loading{visibility:hidden}.play-launch .load-dots{position:absolute;top:50%;left:50%;display:inline-flex;align-items:center;gap:.28em;transform:translate(-50%,-50%)}.play-launch .load-dots i{width:.24em;height:.24em;border-radius:50%;background:var(--muted);animation:play-with-it-load-dot 1.1s ease-in-out infinite}.play-launch .load-dots i:nth-child(2){animation-delay:.12s}.play-launch .load-dots i:nth-child(3){animation-delay:.24s}.play-stage[data-live=true] .play-fade,.play-stage[data-live=true] .play-launch,.play-stage[data-live=true]:before{opacity:0;pointer-events:none}@keyframes play-with-it-load-dot{0%,60%,to{opacity:.35;transform:scale(.8)}30%{opacity:1;transform:scale(1)}}@media (min-width:1024px) and (min-height:620px){.deck[data-view=present] #play-with-it .play-stage{position:absolute;inset:-28px 0;height:auto;overflow:clip}}@media (prefers-reduced-motion:reduce){.play-fade,.play-launch,.play-launch button,.play-layout>.slide-headline,.play-stage:before{transition:none}.play-launch .load-dots i{animation:none;opacity:.65}}.ads-hero{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;grid-gap:clamp(40px,6vw,84px);gap:clamp(40px,6vw,84px);height:100%}.ads-hero-copy{width:auto;margin:0;min-height:0!important}.ads-detail{display:grid;grid-template-rows:auto minmax(0,1fr);grid-gap:28px;gap:28px;height:100%}.ads-body{display:grid;grid-template-columns:minmax(240px,.6fr) minmax(0,1.4fr);align-items:center;grid-gap:clamp(32px,4.5vw,72px);gap:clamp(32px,4.5vw,72px);min-height:0}.ads-copy{display:flex;flex-direction:column;gap:14px;min-width:0}.ads-copy p{margin:0;color:var(--muted);font:350 clamp(15px,1.2vw,18px)/1.45 Sentient,serif;letter-spacing:-.03em}.ads-tags{display:grid;margin:10px 0 0;border-top:1px solid var(--rule)}.ads-tags div{display:grid;grid-template-columns:110px 1fr;padding:10px 0;border-bottom:1px solid var(--rule)}.ads-tags dt{color:var(--muted);font:400 11px/1.4 Input Mono,monospace;letter-spacing:.08em;text-transform:uppercase}.ads-tags dd{margin:0;color:var(--ink);font:450 14px/1.4 Switzer,sans-serif}.ads-asset{display:flex;align-items:center;justify-content:center;min-width:0;min-height:0;height:100%}@media (min-width:1024px) and (min-height:620px){.deck[data-view=present] .ads-asset{container-type:size}}.ads-canvas{--u:calc(100cqw / var(--cw));position:relative;width:100%;aspect-ratio:var(--cw) /var(--ch);margin:0;container-type:inline-size;color:var(--ink);font:400 calc(14 * var(--u))/1.35 Switzer,sans-serif}@media (min-width:1024px) and (min-height:620px){.deck[data-view=present] .ads-asset>.ads-canvas{width:min(100cqw,calc(100cqh * var(--cw) / var(--ch)))}}.ads-pos{position:absolute;left:calc(var(--x) * var(--u));top:calc(var(--y) * var(--u));width:calc(var(--w) * var(--u));height:calc(var(--h) * var(--u))}.ads-links{position:absolute;inset:0;width:100%;height:100%;overflow:visible;fill:none}.ads-links,.ads-links marker path{stroke:#b4c4d6;stroke-width:1.1;stroke-linecap:round}.ads-links marker path{stroke-linejoin:round}.is-conflict .ads-links>path{stroke-dasharray:3 4}.ads-icon{width:calc(17 * var(--u));height:calc(17 * var(--u))}.ads-icon,.ads-tool-icon{display:block;flex:none;color:#8796ab}.ads-tool-icon{width:calc(16 * var(--u));height:calc(16 * var(--u))}.ads-caption{margin:0;color:var(--muted);font:400 calc(11 * var(--u))/1 Input Mono,monospace;letter-spacing:.08em;text-transform:uppercase}.ads-caption.is-accent{color:var(--stripe-purple)}.ads-dots{display:inline-flex;gap:calc(5 * var(--u))}.ads-dots i{display:block;width:calc(7 * var(--u));height:calc(7 * var(--u));border-radius:50%;background:#d6e0eb}.ads-node{z-index:1;display:flex;align-items:center;gap:calc(12 * var(--u));padding:calc(14 * var(--u));border:1px solid var(--rule);border-radius:calc(14 * var(--u));background:#fff;box-shadow:0 1px 2px rgb(6 27 49/4%),0 6px 18px rgb(6 27 49/3%)}.ads-node.is-accent{border-color:color-mix(in srgb,var(--stripe-purple) 45%,#fff);box-shadow:0 1px 2px rgb(83 58 253/8%),0 10px 28px rgb(83 58 253/8%)}.ads-tile{display:grid;place-items:center;flex:none;width:calc(32 * var(--u));height:calc(32 * var(--u));border:1px solid var(--rule-soft);border-radius:calc(8 * var(--u));background:var(--stripe-wash)}.ads-tile.is-accent{border-color:transparent;background:#eeebff}.ads-tile.is-accent .ads-icon{color:var(--stripe-purple)}.ads-node-text{display:flex;flex-direction:column;min-width:0}.ads-node strong{font-weight:450;font-size:calc(15 * var(--u));letter-spacing:-.015em;white-space:nowrap}.ads-node small{margin-top:calc(3 * var(--u));color:var(--muted);font-size:calc(11 * var(--u));white-space:nowrap}.ads-glyph{display:flex;flex-direction:column;align-items:center}.ads-glyph-tile{display:grid;place-items:center;width:calc(var(--s) * var(--u));height:calc(var(--s) * var(--u));border:1px solid var(--rule);border-radius:calc(26 * var(--u));background:linear-gradient(150deg,#fff,var(--stripe-wash));box-shadow:0 1px 2px rgb(6 27 49/5%),0 10px 28px rgb(6 27 49/4%)}.ads-glyph-tile .ads-icon{width:calc(40 * var(--u));height:calc(40 * var(--u));color:#6f81a0;stroke-width:1.2}.ads-glyph-label{margin-top:calc(16 * var(--u));color:var(--muted);font:400 calc(11 * var(--u))/1 Input Mono,monospace;letter-spacing:.08em;text-transform:uppercase}.ads-logo{display:block;width:52%;height:52%;filter:brightness(0);opacity:.8}.ads-manifest{z-index:1;display:flex;flex-direction:column;overflow:hidden;border:1px solid color-mix(in srgb,var(--stripe-purple) 45%,#fff);border-radius:calc(16 * var(--u));background:#fff;box-shadow:0 1px 2px rgb(83 58 253/8%),0 16px 40px rgb(83 58 253/9%)}.ads-manifest-head{display:flex;align-items:center;gap:calc(9 * var(--u));padding:calc(16 * var(--u));border-bottom:1px solid var(--rule-soft);background:var(--stripe-wash);font:400 calc(11 * var(--u))/1 Input Mono,monospace;color:var(--ink)}.ads-dot{width:calc(8 * var(--u));height:calc(8 * var(--u));border-radius:50%;background:var(--stripe-purple)}.ads-manifest-row{display:flex;align-items:center;gap:calc(10 * var(--u));margin:0 calc(16 * var(--u));padding:calc(13 * var(--u)) 0;border-bottom:1px solid var(--rule-soft);font-size:calc(14 * var(--u))}.ads-manifest-row .ads-icon{width:calc(15 * var(--u));height:calc(15 * var(--u))}.ads-manifest-row em{margin-left:auto;padding:calc(2 * var(--u)) calc(7 * var(--u));border:1px solid var(--rule);border-radius:999px;color:var(--muted);font:400 calc(9.5 * var(--u))/1.4 Input Mono,monospace;font-style:normal;letter-spacing:.04em}.ads-manifest-foot{display:flex;align-items:center;gap:calc(7 * var(--u));margin-top:auto;padding:calc(14 * var(--u)) calc(16 * var(--u));color:var(--stripe-purple);font-size:calc(12 * var(--u))}.ads-manifest-foot .ads-icon{width:calc(14 * var(--u));height:calc(14 * var(--u));color:var(--stripe-purple)}.ads-hub{flex-direction:column;justify-content:center;gap:calc(8 * var(--u));text-align:center}.ads-hub .ads-tile{width:calc(52 * var(--u));height:calc(52 * var(--u));border-radius:calc(14 * var(--u));margin-bottom:calc(8 * var(--u))}.ads-hub .ads-tile .ads-icon{width:calc(26 * var(--u));height:calc(26 * var(--u))}.ads-hub strong{font-size:calc(20 * var(--u))}.ads-question{justify-content:center;gap:calc(10 * var(--u));border-style:dashed;background:var(--stripe-wash);box-shadow:none;font-size:calc(13 * var(--u));line-height:1.25}.ads-source{z-index:1;display:flex;flex-direction:column;gap:calc(12 * var(--u));padding:calc(16 * var(--u));border:1px solid var(--rule);border-radius:calc(14 * var(--u));background:#fff;box-shadow:0 1px 2px rgb(6 27 49/4%),0 6px 18px rgb(6 27 49/3%)}.ads-source header{display:flex;align-items:center;gap:calc(8 * var(--u))}.ads-source header strong{font-weight:450;font-size:calc(14 * var(--u));white-space:nowrap}.ads-source header em{margin-left:auto;padding:calc(2 * var(--u)) calc(7 * var(--u));border-radius:999px;background:#fff4e5;color:#a8590a;font:400 calc(9 * var(--u))/1.4 Input Mono,monospace;font-style:normal;letter-spacing:.06em;text-transform:uppercase}.ads-source pre{margin:0;color:var(--muted);font:400 calc(10.5 * var(--u))/1.6 Input Mono,monospace;white-space:pre}.ads-source ul{display:grid;grid-gap:calc(7 * var(--u));gap:calc(7 * var(--u));margin:0;padding:0;list-style:none;font-size:calc(12 * var(--u))}.ads-source li{display:flex;justify-content:space-between;padding-bottom:calc(6 * var(--u));border-bottom:1px solid var(--rule-soft)}.ads-source li small{color:var(--muted);font-size:calc(10.5 * var(--u))}.ads-source-note{margin:0;color:var(--muted);font-size:calc(11.5 * var(--u))}.ads-swatches{display:flex;gap:calc(8 * var(--u));margin-top:auto}.ads-swatches span{padding:calc(8 * var(--u)) calc(10 * var(--u));color:#fff;font-size:calc(11 * var(--u))}.ads-swatches .r0{border-radius:calc(4 * var(--u));background:#635bff}.ads-swatches .r1{border-radius:999px;background:#533afd}.ads-swatches .r2{border:1px solid #b4c4d6;border-radius:0;background:#fff;color:var(--ink)}.ads-frames{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:calc(8 * var(--u));gap:calc(8 * var(--u));margin-top:auto}.ads-frames i{height:calc(54 * var(--u));border:1px solid var(--rule);border-radius:calc(6 * var(--u));background:linear-gradient(var(--stripe-wash) 0 34%,#fff 34%)}.ads-frames i.is-empty{border-style:dashed;background:none}.ads-code,.ads-window{z-index:1;display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--rule);border-radius:calc(14 * var(--u));background:#fff;box-shadow:0 1px 2px rgb(6 27 49/4%),0 12px 32px rgb(6 27 49/5%)}.ads-window-bar{display:flex;align-items:center;gap:calc(14 * var(--u));flex:none;height:calc(40 * var(--u));padding:0 calc(14 * var(--u));border-bottom:1px solid var(--rule-soft);background:var(--stripe-wash);color:var(--muted);font:400 calc(10.5 * var(--u))/1 Input Mono,monospace;letter-spacing:.04em}.ads-window-body.is-split{display:grid;grid-template-columns:calc(214 * var(--u)) 1fr;flex:1 1;min-height:0}.ads-tree{margin:0;padding:calc(12 * var(--u)) calc(8 * var(--u));border-right:1px solid var(--rule-soft);list-style:none;font:400 calc(10.5 * var(--u))/1 Input Mono,monospace;color:var(--muted)}.ads-tree li{display:flex;align-items:center;gap:calc(6 * var(--u));padding:calc(6 * var(--u)) calc(6 * var(--u)) calc(6 * var(--u)) calc((6 + var(--d) * 13) * var(--u));border-radius:calc(5 * var(--u));white-space:nowrap}.ads-tree li .ads-icon{width:calc(12 * var(--u));height:calc(12 * var(--u))}.ads-tree li[data-selected=true]{background:#eeebff;color:var(--stripe-purple)}.ads-tree li[data-selected=true] .ads-icon{color:var(--stripe-purple)}.ads-doc{padding:calc(22 * var(--u));color:var(--muted);font-size:calc(12.5 * var(--u));line-height:1.5}.ads-doc ol,.ads-doc p{margin:0 0 calc(12 * var(--u))}.ads-doc ol{padding-left:calc(18 * var(--u));display:grid;grid-gap:calc(6 * var(--u));gap:calc(6 * var(--u))}.ads-doc h3{margin:0 0 calc(8 * var(--u));color:var(--ink);font:450 calc(19 * var(--u))/1.2 Switzer,sans-serif;letter-spacing:-.025em}.ads-doc-path{font:400 calc(10 * var(--u))/1 Input Mono,monospace;letter-spacing:.04em;margin-bottom:calc(18 * var(--u))!important}.ads-doc-out{display:flex;align-items:center;gap:calc(7 * var(--u));color:var(--stripe-purple)}.ads-doc-out .ads-icon{width:calc(14 * var(--u));height:calc(14 * var(--u));color:var(--stripe-purple)}.ads-code pre{margin:0;padding:calc(16 * var(--u)) calc(18 * var(--u));color:var(--ink);font:400 calc(11 * var(--u))/1.75 Input Mono,monospace;white-space:pre}.ads-code pre span{display:block}.ads-view{flex-direction:column;align-items:stretch;justify-content:flex-start;gap:calc(6 * var(--u));padding:calc(18 * var(--u))}.ads-view>strong{font-size:calc(19 * var(--u));letter-spacing:-.025em}.ads-view>small{margin:0 0 calc(8 * var(--u));font-size:calc(12 * var(--u));white-space:normal}.ads-rule-row{display:flex;gap:calc(10 * var(--u));padding:calc(10 * var(--u)) 0;border-top:1px solid var(--rule-soft);border-bottom:1px solid var(--rule-soft);font-size:calc(12 * var(--u))}.ads-rule-row em{flex:none;padding:calc(1 * var(--u)) calc(7 * var(--u));border-radius:999px;background:#e7f8ef;color:#18794e;font:400 calc(9.5 * var(--u))/1.5 Input Mono,monospace;font-style:normal;text-transform:uppercase;letter-spacing:.06em}.ads-chips{display:flex;gap:calc(6 * var(--u));margin-top:calc(8 * var(--u))}.ads-chips span{padding:calc(4 * var(--u)) calc(9 * var(--u));border:1px solid var(--rule);border-radius:999px;color:var(--muted);font-size:calc(11 * var(--u))}.ads-view.is-mono{gap:calc(9 * var(--u));font:400 calc(11 * var(--u))/1.3 Input Mono,monospace}.ads-view.is-mono div{display:grid;grid-template-columns:calc(118 * var(--u)) 1fr}.ads-view.is-mono span:first-child{color:var(--muted)}.ads-storybook{flex-direction:column;align-items:stretch;justify-content:flex-start;gap:calc(14 * var(--u));padding:calc(16 * var(--u))}.ads-storybook-head{display:flex;align-items:center;justify-content:center;gap:calc(9 * var(--u));height:calc(46 * var(--u));border-radius:calc(9 * var(--u));background:var(--stripe-purple);color:#fff;font-size:calc(16 * var(--u));font-weight:500}.ads-storybook-head .ads-icon{color:#fff}.ads-pills{display:grid;grid-template-columns:1fr 1fr;grid-gap:calc(10 * var(--u));gap:calc(10 * var(--u))}.ads-pills span{display:grid;place-items:center;height:calc(42 * var(--u));border:1px solid var(--rule);border-radius:999px;font-size:calc(13.5 * var(--u))}.ads-storybook-foot{display:flex;align-items:center;justify-content:center;gap:calc(6 * var(--u));margin-top:auto!important;color:var(--stripe-purple)!important;font-size:calc(12 * var(--u))!important}.ads-storybook-foot .ads-icon{width:calc(14 * var(--u));height:calc(14 * var(--u));color:var(--stripe-purple)}.ads-tool strong{font-size:calc(14 * var(--u))}.ads-unbuilt{box-shadow:none;border-style:dashed;background:var(--stripe-wash)}.ads-unbuilt strong{color:var(--muted);text-decoration:line-through;-webkit-text-decoration-color:#b4c4d6;text-decoration-color:#b4c4d6}.ads-cursor,.ads-unbuilt .ads-tile{background:#fff}.ads-cursor{--u:1px;display:flex;flex-direction:column;width:100%;overflow:hidden;border:1px solid var(--rule);border-radius:14px;box-shadow:0 1px 2px rgb(6 27 49/4%),0 12px 32px rgb(6 27 49/5%);font:400 clamp(11px,.95vw,14px)/1.45 Switzer,sans-serif}.ads-cursor .ads-window-bar{gap:16px}.ads-cursor-tab{color:var(--ink);font:550 1.1em Switzer,sans-serif;letter-spacing:0}.ads-cursor-tab.is-muted{color:var(--muted);font-weight:450}.ads-cursor-body{display:flex;flex-direction:column;gap:22px;padding:22px}.ads-cursor-user{align-self:flex-end;padding:8px 12px;border:1px solid var(--rule);border-radius:10px;background:var(--stripe-wash);color:var(--ink);font-family:Input Mono,monospace;font-size:.95em}.ads-cursor-user span{color:var(--stripe-purple)}.ads-cursor-head{display:flex;align-items:center;gap:8px;margin-bottom:12px;color:var(--muted);font-size:.88em}.ads-cursor-pulse{width:7px;height:7px;border-radius:50%;background:var(--stripe-purple)}.ads-cursor-tool{margin-left:auto;padding:2px 8px;border:1px solid var(--rule);border-radius:999px;font:400 .78em Input Mono,monospace;letter-spacing:.08em;text-transform:uppercase}.ads-cursor-out{display:flex;flex-direction:column;gap:10px;font-family:Input Mono,monospace;font-size:.95em}.ads-cursor-line{display:grid;grid-template-columns:7.5em 1fr;grid-gap:14px;gap:14px}.ads-cursor-line span:first-child{color:var(--muted)}.ads-cursor-line span:last-child{overflow:hidden;color:var(--ink);text-overflow:ellipsis;white-space:nowrap}.ads-cursor-prose{margin:14px 0 0;color:var(--muted)}.ads-cursor-input{display:flex;justify-content:space-between;padding:11px 16px;border-top:1px solid var(--rule-soft);color:var(--muted);font-size:.9em}@keyframes ads-draw{0%{stroke-dashoffset:1}to{stroke-dashoffset:0}}@keyframes ads-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes ads-pulse{50%{opacity:.35}}.deck[data-view=present] .slide[data-active=true] .ads-canvas:not(.is-conflict) .ads-links>path{stroke-dasharray:1;animation:ads-draw .9s calc(.25s + var(--i) * 70ms) ease-out both}.deck[data-view=present] .slide[data-active=true] .ads-code pre span{animation:ads-in .45s calc(.2s + var(--i) * 45ms) ease-out both}.deck[data-view=present] .slide[data-active=true] .ads-cursor-line{animation:ads-in .45s calc(.5s + var(--i) * .2s) ease-out both}.deck[data-view=present] .slide[data-active=true] .ads-cursor-prose{animation:ads-in .45s ease-out 1.8s both}.deck[data-view=present] .slide[data-active=true] .ads-cursor-pulse{animation:ads-pulse 1.4s ease-in-out infinite}@media (prefers-reduced-motion:reduce){.deck .slide .ads-code pre span,.deck .slide .ads-cursor-line,.deck .slide .ads-cursor-prose,.deck .slide .ads-cursor-pulse,.deck .slide .ads-links>path{animation:none!important}}@media (max-width:900px){.ads-body,.ads-hero{grid-template-columns:1fr;height:auto}.ads-asset,.ads-detail{height:auto}}