.PoolDetailDemo_Demo_DebitCardModal{box-sizing:border-box;flex-direction:column;gap:12px;padding:20px;display:flex}.PoolDetailDemo_Demo_DebitCardModal-debitCard{margin-bottom:16px}.PoolDetailDemo_Demo_DebitCardModal-setting{grid-template-columns:1fr auto;grid-template-areas:"label value""extra extra";grid-auto-rows:32px auto;align-items:center;gap:0 12px;width:100%;display:grid}.PoolDetailDemo_Demo_DebitCardModal-setting-label{grid-area:label;font-weight:700}.PoolDetailDemo_Demo_DebitCardModal-setting-value{grid-area:value;align-items:center;gap:0 4px;display:flex}.PoolDetailDemo_Demo_DebitCardModal-setting-extra{grid-area:extra}.PoolDetailDemo_Demo_DebitCardModal-cardNumber{font-variant-numeric:tabular-nums;font-feature-settings:"tnum";gap:8px;display:flex}.PoolDetailDemo_Demo_DebitCardModal-cardStatus{align-items:center;gap:6px;display:flex}.PoolDetailDemo_Demo_DebitCardModal-cardStatus:before{background:var(--color-accent-teal);content:"";border-radius:50%;flex:none;width:10px;height:10px}
:root{--Switch-const-width:28px;--Switch-const-height:16px;--Switch-const-padding:2px;--Switch-const-shuttle-width:12px;--Switch-const-shuttle-height:12px}:where(.Switch){--Switch-api-color-bg:#808080bf;--Switch-api-color-bg-checked:var(--color-accent-teal);--Switch-api-color-shuttle:hsl(var(--color-hsl-white));--Switch-api-color-shuttle-shadow:hsl(var(--color-hsl-ink)/20%);--Switch-api-anim-dur:60ms}.Switch{box-sizing:border-box;-webkit-appearance:none;width:var(--Switch-const-width);height:var(--Switch-const-height);padding:var(--Switch-const-padding);border-radius:calc(var(--Switch-const-height)/2);background-color:var(--Switch-api-color-bg);cursor:pointer;transition:background-color calc(var(--Switch-api-anim-dur)/2)linear;margin:0;display:block}.Switch:after{width:var(--Switch-const-shuttle-width);height:var(--Switch-const-shuttle-height);border-radius:calc(var(--Switch-const-shuttle-height)/2);background:var(--Switch-api-color-shuttle);box-shadow:0 2px 4px var(--Switch-api-color-shuttle-shadow);content:" ";transition:transform var(--Switch-api-anim-dur)var(--anim-ease-outQuad);display:block}.Switch:checked{background-color:var(--Switch-api-color-bg-checked);transition-delay:calc(var(--Switch-api-anim-dur)/2)}.Switch:checked:after{transform:translateX(calc(var(--Switch-const-width) - (var(--Switch-const-padding)*2) - var(--Switch-const-shuttle-width)))}.Switch[disabled]{cursor:default}
.PoolDetailDemo_Demo_SettingsModal{--PoolDetailDemo_Demo_SettingsModal-private-spacing:20px;box-sizing:border-box;height:100%;padding:var(--PoolDetailDemo_Demo_SettingsModal-private-spacing);justify-content:space-between;gap:var(--PoolDetailDemo_Demo_SettingsModal-private-spacing);flex-direction:column;display:flex}.PoolDetailDemo_Demo_SettingsModal-section{grid-template:"header controls""content content"1fr/1fr auto;align-items:center;gap:12px;display:grid}.PoolDetailDemo_Demo_SettingsModal-section-header{font:var(--PoolDetailDemo-private-font-subhead);grid-area:header}.PoolDetailDemo_Demo_SettingsModal-section-button{--Button-api-font-weight:var(--fontWeight-normal);margin-right:calc(var(--Button-api-padding-h)*-1);grid-area:controls}.PoolDetailDemo_Demo_SettingsModal-section-content{grid-area:content}.PoolDetailDemo_Demo_SettingsModal-divider{height:1px;margin:0 calc(var(--PoolDetailDemo_Demo_SettingsModal-private-spacing)*-1);box-shadow:var(--hairline-fakeBorder-top)var(--color-base-chrome-2);border:none;padding:0}.PoolDetailDemo_Demo_SettingsModal-peopleRow{grid-template:"face name role"32px/auto 1fr 90px;align-items:center;gap:12px;width:100%;display:grid;overflow:hidden}.PoolDetailDemo_Demo_SettingsModal-peopleRow+.PoolDetailDemo_Demo_SettingsModal-peopleRow{margin-top:4px}.PoolDetailDemo_Demo_SettingsModal-peopleRow-face{--Face-api-size:20px;grid-area:face}.PoolDetailDemo_Demo_SettingsModal-peopleRow-name{grid-area:name}.PoolDetailDemo_Demo_SettingsModal-peopleRow-email{color:var(--color-base-fg-2);font:var(--PoolDetailDemo-private-font-compact);margin-left:.5em;transform:translateY(1px)}.PoolDetailDemo_Demo_SettingsModal-peopleRow-role{grid-area:role;justify-self:end;align-items:center;gap:4px;display:flex}.PoolDetailDemo_Demo_SettingsModal-peopleRow-disclosureArrow{fill:var(--color-base-fg-2);flex:none;order:1}.PoolDetailDemo_Demo_SettingsModal-settingsLockup{grid-template:"title controls""description controls"/1fr auto;gap:0 12px;display:grid}.PoolDetailDemo_Demo_SettingsModal-settingsLockup+.PoolDetailDemo_Demo_SettingsModal-settingsLockup{margin-top:12px}.PoolDetailDemo_Demo_SettingsModal-settingsLockup-title{grid-area:title}.PoolDetailDemo_Demo_SettingsModal-settingsLockup-description{color:var(--color-base-fg-2);font:var(--PoolDetailDemo-private-font-compact);grid-area:description}.PoolDetailDemo_Demo_SettingsModal-settingsLockup-control{grid-area:controls}.PoolDetailDemo_Demo_SettingsModal[data-face-tally^=iii] .PoolDetailDemo_Demo_SettingsModal-section[data-section=notifications] .PoolDetailDemo_Demo_SettingsModal-settingsLockup:last-child,.PoolDetailDemo_Demo_SettingsModal[data-face-tally^=iiii] .PoolDetailDemo_Demo_SettingsModal-section[data-section=permissions] .PoolDetailDemo_Demo_SettingsModal-settingsLockup:last-child{display:none}
.PoolDetailDemo_Demo{--PoolDetailDemo-private-fontSize-compact:12px;--PoolDetailDemo-private-fontSize-base:15px;--PoolDetailDemo-private-fontSize-subhead:20px;--PoolDetailDemo-private-lineHeight-compact:15px;--PoolDetailDemo-private-lineHeight-base:18px;--PoolDetailDemo-private-lineHeight-subhead:26px;--PoolDetailDemo-private-font-base:var(--fontWeight-normal)var(--PoolDetailDemo-private-fontSize-base)/var(--PoolDetailDemo-private-lineHeight-base)var(--fontFamily-sans);--PoolDetailDemo-private-font-baseMono:var(--fontWeight-normal)var(--PoolDetailDemo-private-fontSize-base)/var(--PoolDetailDemo-private-lineHeight-base)var(--fontFamily-mono);--PoolDetailDemo-private-font-compact:var(--fontWeight-normal)var(--PoolDetailDemo-private-fontSize-compact)/var(--PoolDetailDemo-private-lineHeight-compact)var(--fontFamily-sans);--PoolDetailDemo-private-font-compactMono:var(--fontWeight-normal)var(--PoolDetailDemo-private-fontSize-compact)/var(--PoolDetailDemo-private-lineHeight-compact)var(--fontFamily-mono);--PoolDetailDemo-private-font-subhead:var(--fontWeight-bold)var(--PoolDetailDemo-private-fontSize-subhead)/var(--PoolDetailDemo-private-lineHeight-subhead)var(--fontFamily-sans);box-sizing:border-box;z-index:0;width:100%;height:100%;font:var(--PoolDetailDemo-private-font-base);pointer-events:none;-webkit-user-select:none;user-select:none;grid-area:demoScreen;padding:20px;position:relative;overflow:hidden}.PoolDetailDemo_Demo .Button{--Button-api-size:32px;--Button-api-padding-h:16px;--Button-api-icon-size:16px;--Button-api-icon-spacing:10px;--Button-api-font:var(--PoolDetailDemo-private-font-base)}.PoolDetailDemo_Demo-headerNav{grid-template-columns:1fr auto auto;place-items:center start;gap:4px;width:100%;margin:0 0 12px 4px;display:grid}.PoolDetailDemo_Demo-headerNav>.Button{--Button-api-font-weight:var(--fontWeight-normal)}.PoolDetailDemo_Demo-poolCard{--PoolDetailDemo_Demo-private-poolCard-spacing:12px;--PoolDetailDemo_Demo-private-poolCard-height:240px;grid-template-rows:100%;grid-template-columns:minmax(0,1fr)var(--PoolDetailDemo_Demo-private-poolCard-height);height:var(--PoolDetailDemo_Demo-private-poolCard-height);background:var(--color-base-bg-0);box-shadow:var(--hairline-fakeBorder)var(--color-base-chrome-2);border-radius:12px;grid-area:content;grid-template-areas:"content image";align-items:center;display:grid;overflow:hidden}.PoolDetailDemo_Demo-poolCard-image{object-fit:cover;object-position:center;grid-area:image;width:100%;height:100%;overflow:hidden}.PoolDetailDemo_Demo-poolCard-content{box-sizing:border-box;height:100%;padding:var(--PoolDetailDemo_Demo-private-poolCard-spacing);grid-template:"title balance""description description"minmax(0,auto)"facepile facepile""controls controls"1fr/1fr auto;grid-area:content;align-items:center;display:grid}.PoolDetailDemo_Demo-poolCard-content-title{margin-bottom:var(--PoolDetailDemo_Demo-private-poolCard-spacing);font:var(--PoolDetailDemo-private-font-subhead);grid-area:title}.PoolDetailDemo_Demo-poolCard-content-description{margin-bottom:var(--PoolDetailDemo_Demo-private-poolCard-spacing);grid-area:description;align-self:start}.PoolDetailDemo_Demo-poolCard-content-description strong{font-weight:var(--fontWeight-bold)}.PoolDetailDemo_Demo-poolCard-content-facepile{--FacePile-api-faceSize-unitless:32;grid-area:facepile}.PoolDetailDemo_Demo-poolCard-content-balance{margin-bottom:var(--PoolDetailDemo_Demo-private-poolCard-spacing);margin-left:calc(var(--PoolDetailDemo_Demo-private-poolCard-spacing)*2);font:var(--PoolDetailDemo-private-font-subhead);font-variant-numeric:tabular-nums;font-feature-settings:"tnum";text-align:right;grid-area:balance;align-self:start}.PoolDetailDemo_Demo-poolCard-content-controls{margin-top:var(--PoolDetailDemo_Demo-private-poolCard-spacing);grid-area:controls;align-self:end;gap:8px;display:flex}@container (width<=700px){.PoolDetailDemo_Demo-poolCard{--PoolDetailDemo_Demo-private-poolCard-height:180px}}@container (width<=560px){.PoolDetailDemo_Demo-poolCard{--PoolDetailDemo_Demo-private-poolCard-height:130px;--PoolDetailDemo_Demo-private-poolCard-spacing:8px}.PoolDetailDemo_Demo-poolCard-content{grid-template:"title title balance""description description description"1fr"facepile controls controls"/auto 1fr auto}.PoolDetailDemo_Demo-poolCard-content-title,.PoolDetailDemo_Demo-poolCard-content-balance{font:var(--font-base);font-weight:var(--fontWeight-bold)}.PoolDetailDemo_Demo-poolCard-content-balance{font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}.PoolDetailDemo_Demo-poolCard-content-facepile{--FacePile-api-faceSize-unitless:24;align-self:center}.PoolDetailDemo_Demo-poolCard-content-controls{justify-content:end;margin-top:0}.PoolDetailDemo_Demo-poolCard-content-controls-sendMoney{display:none}}.PoolDetailDemo_Demo-transfers{margin:36px 12px 0}.PoolDetailDemo_Demo-transfers-title{font-weight:var(--fontWeight-bold);margin-bottom:12px}.PoolDetailDemo_Demo-transferRow{--PoolDetailDemo_Demo-private-transferRow-minHeight:40px;box-sizing:border-box;min-height:var(--PoolDetailDemo_Demo-private-transferRow-minHeight);padding:calc(( var(--PoolDetailDemo_Demo-private-transferRow-minHeight) - var(--PoolDetailDemo-private-lineHeight-base))/2)0;grid-template:"date user description typeIcon amount endingBalance"/minmax(80px,auto) 16px 1fr 16px minmax(10ch,auto) minmax(12ch,auto);align-items:start;gap:8px 12px;display:grid}.PoolDetailDemo_Demo-transferRow-date{grid-area:date}.PoolDetailDemo_Demo-transferRow-user{--Face-api-size:16px;margin-top:calc((var(--PoolDetailDemo-private-lineHeight-base) - 16px)/2);grid-area:user;display:block}.PoolDetailDemo_Demo-transferRow-description{grid-area:description;max-width:100%}.PoolDetailDemo_Demo-transferRow-description-secondary{color:var(--color-base-fg-2);white-space:nowrap}.PoolDetailDemo_Demo-transferRow-typeIcon{width:16px;height:16px;margin-top:calc((var(--PoolDetailDemo-private-lineHeight-base) - 16px)/2);grid-area:typeIcon;display:block}.PoolDetailDemo_Demo-transferRow-amount{text-align:right;grid-area:amount}.PoolDetailDemo_Demo-transferRow-amount[data-positive=true]{color:var(--color-base-fg-teal)}.PoolDetailDemo_Demo-transferRow-endingBalance{text-align:right;grid-area:endingBalance}.PoolDetailDemo_Demo-transferRow-endingBalance[data-pending=true]{color:var(--color-base-fg-2)}@container (width<=640px){.PoolDetailDemo_Demo-transferRow{--PoolDetailDemo_Demo-private-transferRow-minHeight:40px;grid-template-columns:minmax(80px,auto) 16px 1fr auto 16px;grid-template-areas:"date user description amount typeIcon"}.PoolDetailDemo_Demo-transferRow-description[data-pending-tag]:before{display:inline-block}.PoolDetailDemo_Demo-transferRow-endingBalance{display:none}}@container (width<=500px){.PoolDetailDemo_Demo{padding:12px}.PoolDetailDemo_Demo-transfers{margin:36px 0 0}.PoolDetailDemo_Demo-transferRow{grid-template:"date date amount typeIcon""user description description description"/16px 1fr auto 16px;margin:0 -12px;padding:12px}.PoolDetailDemo_Demo-transferRow:nth-child(odd){background-color:var(--color-base-bg-2)}.PoolDetailDemo_Demo-transferRow-date{font:var(--PoolDetailDemo-private-font-compact);align-self:center}}.PoolDetailDemo_Demo-overlay{z-index:10;backdrop-filter:grayscale(50%)brightness(75%)contrast(75%)blur(1px);width:100%;height:100%;opacity:var(--PoolDetailDemo_Demo-private-overlay-visibility);position:absolute;inset:0}.PoolDetailDemo_Demo-modal{z-index:20;width:360px;height:480px;transform:translateY(calc(var(--PoolDetailDemo_Demo-private-modal-position)*-100px));background:var(--color-base-bg-1);box-shadow:var(--shadow-3);opacity:var(--PoolDetailDemo_Demo-private-modal-visibility);border-radius:16px;margin:auto;position:absolute;top:40px;left:0;right:0;overflow:hidden}
.PoolDetailDemo{padding-bottom:0}.PoolDetailDemo-contentWrapper{grid-template:"headline headline""subhead subhead""callouts demo"/1fr 2fr;justify-items:center;gap:0 12px;display:grid}.PoolDetailDemo-headline{max-width:540px;margin-bottom:var(--lineHeight-h3);font:var(--font-h2Wide);text-align:center;text-transform:uppercase;grid-area:headline}.PoolDetailDemo-subhead{max-width:540px;margin-bottom:var(--Slice-const-gap);font:var(--font-base);text-align:center;text-wrap:pretty;grid-area:subhead}.PoolDetailDemo-callouts{grid-template-rows:1fr calc(var(--lineHeight-base)*4);border-radius:var(--borderRadius-colorBlock);background:var(--color-base-bg-1);color:var(--color-base-fg-1);grid-area:callouts;grid-template-columns:100%;grid-template-areas:"titles""description";align-self:stretch;gap:36px;padding:120px 36px;display:grid;overflow:hidden}.PoolDetailDemo-callouts-titles{flex-direction:column;grid-area:titles;align-items:stretch;gap:8px;display:flex}.PoolDetailDemo-callouts-titles-title{font:var(--font-h3Wide);text-transform:uppercase;cursor:pointer;-webkit-user-select:none;user-select:none}.PoolDetailDemo-callouts-titles-title:focus-visible{border-radius:8px;align-self:start;margin:-2px -6px;padding:2px 6px}.PoolDetailDemo-callouts-titles-title[data-selected=false]{color:var(--color-base-fg-2)}.PoolDetailDemo-callouts-description{transform:translateY(calc(var(--PoolDetailDemo-private-callout-position)*70px));opacity:var(--PoolDetailDemo-private-callout-visibility);grid-area:description;align-self:end}.PoolDetailDemo-demo{--PoolDetailDemo-private-demo-height:600px;--PoolDetailDemo-private-demo-padding:0;--PoolDetailDemo-private-demoWindow-scale:1;box-sizing:border-box;width:100%;height:var(--PoolDetailDemo-private-demo-height);padding:var(--PoolDetailDemo-private-demo-padding);grid-area:demo;justify-content:center;align-items:center;padding-top:0;display:flex;container-type:inline-size}.PoolDetailDemo-demo-window{width:calc(100%/var(--PoolDetailDemo-private-demoWindow-scale));height:calc(100%/var(--PoolDetailDemo-private-demoWindow-scale));transform:scale(var(--PoolDetailDemo-private-demoWindow-scale));transform-origin:50%;border-radius:var(--borderRadius-colorBlock);background:var(--color-accent-sand);color:var(--color-base-fg-1);flex:none;grid-template-rows:auto 1fr;grid-template-areas:"topBar""demoScreen";align-items:center;display:grid;overflow:hidden;container-type:inline-size}.PoolDetailDemo-demo-window:after{border-radius:inherit;box-shadow:var(--hairline-fakeBorder-inset)var(--color-base-chrome-2);content:"";position:absolute;inset:0}.PoolDetailDemo-demo-window-topBar{box-sizing:border-box;background:var(--color-base-bg-2);grid-template:"buttons addressBar."100%/1fr 4fr 1fr;align-items:center;gap:20px;width:100%;height:40px;padding:8px 20px;display:grid}.PoolDetailDemo-demo-window-topBar:before{background:radial-gradient(circle 6px,hsl(var(--color-hsl-red))5.5px,transparent 6px)0 0/12px 12px no-repeat,radial-gradient(circle 6px,var(--color-base-chrome-1)5.5px,transparent 6px)20px 0/12px 12px no-repeat,radial-gradient(circle 6px,var(--color-base-chrome-1)5.5px,transparent 6px)40px 0/12px 12px no-repeat;content:" ";grid-area:buttons;width:52px;height:12px}.PoolDetailDemo-demo-window-topBar:after{box-sizing:border-box;width:100%;height:calc(var(--lineHeight-base) + 4px);background:var(--color-base-bg-2);content:"poolmoney.com";color:var(--color-base-fg-2);text-align:center;border-radius:6px;grid-area:addressBar;padding:2px;font-size:14px}@container (width<=500px){.PoolDetailDemo-demo-window-topBar{grid-template-columns:1fr auto;grid-template-areas:"addressBar buttons""demoScreen demoScreen";padding:8px 12px}.PoolDetailDemo-demo-window-topBar:before{background:radial-gradient(circle 2px,var(--color-base-chrome-1)1.5px,transparent 2px)0 0/4px 4px no-repeat,radial-gradient(circle 2px,var(--color-base-chrome-1)1.5px,transparent 2px)6px 0/4px 4px no-repeat,radial-gradient(circle 2px,var(--color-base-chrome-1)1.5px,transparent 2px)12px 0/4px 4px no-repeat;justify-self:end;width:16px;height:4px;margin-left:0}}@media (width<=1140px){.PoolDetailDemo-callouts{gap:24px;padding:120px 24px}}@media (width<=1040px){.PoolDetailDemo-callouts-titles-title{font:var(--font-h4Wide)}}@media (width<=780px){.PoolDetailDemo-contentWrapper{grid-template:"headline""subhead""callouts""demo"/100%}.PoolDetailDemo-callouts{border-bottom-right-radius:0;border-bottom-left-radius:0;grid-template:"titles description"100%/1fr 1fr;align-self:start;gap:24px;padding:24px}.PoolDetailDemo-callouts-titles-title{font:var(--font-h3Wide)}.PoolDetailDemo-callouts-description{transform:translateY(calc(var(--PoolDetailDemo-private-callout-position)*50px));align-self:start}.PoolDetailDemo-demo{--PoolDetailDemo-private-demo-height:500px;--PoolDetailDemo-private-demo-padding:24px;--PoolDetailDemo-private-demoWindow-scale:.8;border-bottom-right-radius:var(--borderRadius-colorBlock);border-bottom-left-radius:var(--borderRadius-colorBlock);background:var(--color-forDarkBases-bg-1)}.PoolDetailDemo-demo-window{width:calc(100%/var(--PoolDetailDemo-private-demoWindow-scale));height:calc(100%/var(--PoolDetailDemo-private-demoWindow-scale));transform:scale(var(--PoolDetailDemo-private-demoWindow-scale));transform-origin:50%;border-radius:calc(8px/var(--PoolDetailDemo-private-demoWindow-scale));box-shadow:none}}@media (width<=700px){.PoolDetailDemo-callouts-titles-title{font:var(--font-h4Wide)}}@media (width<=560px){.PoolDetailDemo-callouts{grid-template-rows:100%;grid-template-rows:auto calc(var(--lineHeight-base)*3);border-bottom-right-radius:0;border-bottom-left-radius:0;grid-template-columns:100%;grid-template-areas:"titles""description";align-self:start;gap:24px;padding:24px}.PoolDetailDemo-callouts-description{transform:translateY(calc(var(--PoolDetailDemo-private-callout-position)*30px));align-self:start}.PoolDetailDemo-demo{--PoolDetailDemo-private-demo-height:400px;--PoolDetailDemo-private-demo-padding:12px;--PoolDetailDemo-private-demoWindow-scale:.6}}
