.demo{--s:.831}.demo-hero{gap:3rem;display:grid}.demo-lead,.demo-stage{min-width:0}@media (width>=1024px){.demo-hero{grid-template-columns:minmax(0,1fr) 360px;align-items:center;column-gap:3.5rem}.demo[data-view=desktop] .demo-hero{margin-inline:calc(50% + min(100vw - 64px,1376px)/-2)}.demo[data-view=desktop] .demo-lead{align-self:start}.demo[data-view=desktop] .demo-lead>*{z-index:2;position:relative}.demo[data-view=desktop] .demo-stage{z-index:1;position:relative}.demo[data-view=desktop] .demo-scaler{top:var(--win-top,0px);transform-origin:100% 0;left:auto;right:0;-webkit-mask-clip:no-clip;mask-clip:no-clip}.demo[data-view=desktop] [data-toggle]{translate:var(--win-shift,0px) var(--tog-drop,0px)}.demo[data-view=desktop] [data-caption]{translate:var(--win-shift,0px) var(--cap-drop,0px)}}.demo-frame{aspect-ratio:397/782;width:min(100%,330px);margin-inline:auto;position:relative}.demo-scaler{width:397px;height:782px;transform:scale(var(--s));transform-origin:0 0;background:#0b1320;border-radius:50px;padding:11px;position:absolute;top:0;left:0;box-shadow:0 0 0 1px #ffffff14,0 40px 80px -30px #0009}.demo-layer{color:#35465e;width:375px;height:760px;font-family:var(--font-sans);-webkit-font-smoothing:antialiased;background:#efefef;border-radius:40px;font-size:14px;line-height:1.4;position:relative;overflow:hidden;container:app/inline-size}.demo-notch{z-index:70;background:#0b1320;border-radius:999px;width:84px;height:22px;position:absolute;top:19px;left:50%;transform:translate(-50%)}.demo-bar{align-items:center;gap:12px;height:34px;padding:0 14px;display:none}@media (width<=1023.98px){.demo[data-view=desktop] .demo-frame{aspect-ratio:1040/684;width:min(100%,980px)}}.demo[data-view=desktop] .demo-scaler{background:#16202e;border-radius:14px;width:1040px;height:684px;padding:0}.demo[data-view=desktop] .demo-layer{border-radius:0 0 14px 14px;width:1040px;height:650px}.demo[data-view=desktop] .demo-notch{display:none}.demo[data-view=desktop] .demo-bar{display:flex}@container app (width>=600px){.app-lt600{display:none!important}}@container app (width<=599.98px){.app-ge600{display:none!important}}@container app (width>=900px){.app-lt900{display:none!important}.app-detail{grid-template-columns:minmax(0,3fr) minmax(0,2fr);align-items:start;gap:20px;display:grid!important}}@container app (width<=899.98px){.app-ge900{display:none!important}}.demo-status{z-index:65;color:#f4f7fb;background:#415069;justify-content:space-between;align-items:center;height:34px;padding:0 26px 0 30px;font-size:13px;font-weight:600;display:none;position:absolute;top:0;left:0;right:0}@container app (width<=599.98px){.demo-status{display:flex}.demo-layer [data-page]{top:34px}}.demo-kebab{background:radial-gradient(circle,currentColor 1.9px,#0000 2.3px) 50% 11px/6px 6px no-repeat,radial-gradient(circle,currentColor 1.9px,#0000 2.3px) 50% 18px/6px 6px no-repeat,radial-gradient(circle,currentColor 1.9px,#0000 2.3px) 50% 25px/6px 6px no-repeat;width:36px;height:36px;display:block}.demo-kebab.h-10{background:radial-gradient(circle,currentColor 1.8px,#0000 2.2px) 50% 12px/6px 6px no-repeat,radial-gradient(circle,currentColor 1.8px,#0000 2.2px) 50% 19px/6px 6px no-repeat,radial-gradient(circle,currentColor 1.8px,#0000 2.2px) 50% 26px/6px 6px no-repeat,#55647a}[data-page]{will-change:transform;transition:transform .38s cubic-bezier(.2,.8,.2,1);position:absolute;inset:0}[data-page][data-state=off]{visibility:hidden;transition:none;transform:translate(100%)}[data-page][data-state=enter]{transition:none;transform:translate(100%)}[data-page][data-state=on]{z-index:2;transform:none}[data-page][data-state=under]{z-index:1;transform:translate(-22%)}[data-page][data-state=exit]{z-index:3;transform:translate(100%)}.demo-scrim{z-index:30;opacity:0;pointer-events:none;background:#0a101a6b;transition:opacity .3s;position:absolute;inset:0}.demo-scrim[data-shown]{opacity:1}[data-overlay=sheet]{z-index:40;visibility:hidden;transition:transform .34s cubic-bezier(.2,.8,.2,1),visibility 0s linear .34s;position:absolute;bottom:0;left:0;right:0;transform:translateY(104%)}[data-overlay=sheet][data-open]{visibility:visible;transition:transform .34s cubic-bezier(.2,.8,.2,1);transform:none}[data-overlay=dialog]{z-index:40;visibility:hidden;transition:transform .3s cubic-bezier(.2,.8,.2,1),visibility 0s linear .3s;position:absolute;top:50%;left:50%;transform:translate(-50%,-46%)scale(.96)}[data-overlay=dialog][data-open]{visibility:visible;transition:transform .3s cubic-bezier(.2,.8,.2,1);transform:translate(-50%,-50%)}[data-overlay=menu]{z-index:45;visibility:hidden;transform-origin:100% 0;transition:transform .2s cubic-bezier(.2,.8,.2,1),visibility 0s linear .2s;position:absolute;transform:scale(.9)}[data-overlay=menu][data-open]{visibility:visible;transition:transform .2s cubic-bezier(.2,.8,.2,1);transform:none}[data-overlay=drawer]{z-index:40;visibility:hidden;transition:transform .34s cubic-bezier(.2,.8,.2,1),visibility 0s linear .34s;position:absolute;top:0;bottom:0;left:0;transform:translate(-104%)}[data-overlay=drawer][data-open]{visibility:visible;transition:transform .34s cubic-bezier(.2,.8,.2,1);transform:none}[data-overlay=toast]{z-index:50;visibility:hidden;transition:transform .28s cubic-bezier(.2,.8,.2,1),visibility 0s linear .28s;position:absolute;bottom:28px;left:50%;transform:translate(-50%,18px)}[data-overlay=toast][data-open]{visibility:visible;transition:transform .28s cubic-bezier(.2,.8,.2,1);transform:translate(-50%)}.demo-pointer{z-index:60;visibility:hidden;pointer-events:none;filter:drop-shadow(0 2px 4px #00000059);width:22px;height:22px;transition:transform .56s cubic-bezier(.22,.61,.36,1);position:absolute;top:0;left:0;transform:translate(520px,700px)}.demo-pointer[data-shown]{visibility:visible}.demo-pointer svg{transform-origin:2px 2px;transition:transform .14s}.demo-pointer[data-pressed] svg{transform:scale(.84)}.demo-click,.demo-tap{z-index:58;pointer-events:none;border-radius:999px;position:absolute}.demo-click{border:2px solid #2950bc99;width:36px;height:36px;margin:-18px 0 0 -18px;animation:.6s ease-out forwards demo-ring}.demo-tap{background:#2950bc3d;width:48px;height:48px;margin:-24px 0 0 -24px;animation:.6s ease-out forwards demo-ring}@keyframes demo-ring{0%{transform:scale(.35)}to{visibility:hidden;transform:scale(1.25)}}.demo-spot,.demo-ring{opacity:0;pointer-events:none;transition:clip-path .32s cubic-bezier(.2,.8,.2,1),opacity .26s;position:absolute;inset:0}.demo-spot{z-index:55;background:#0a101a5c}.demo-ring{z-index:56;background:#ffffffeb}.demo-spot[data-shown],.demo-ring[data-shown]{opacity:1}.demo-flash{animation:.9s ease-out demo-flash}@keyframes demo-flash{0%{box-shadow:0 0 #2950bc73}to{box-shadow:0 0 0 10px #2950bc00}}[data-typing]:after{vertical-align:-2px;content:"";background:currentColor;width:1.5px;height:1em;margin-left:1px;animation:1s step-end infinite demo-caret;display:inline-block}@keyframes demo-caret{50%{visibility:hidden}}[data-reveal]:not([data-revealed]){visibility:hidden}[data-revealed]{animation:.32s cubic-bezier(.2,.8,.2,1) demo-rise}@keyframes demo-rise{0%{transform:translateY(6px)}to{transform:none}}[data-dragging]{z-index:20;position:relative;box-shadow:0 16px 34px #0f172340!important}.demo-swipe{border-radius:16px;position:relative;overflow:hidden}.demo-swipe>[data-swipe-row]{z-index:1;transition:transform .36s cubic-bezier(.2,.8,.2,1);position:relative}.demo-instant *,.demo-instant :before,.demo-instant :after{transition:none!important;animation:none!important}.demo-instant .demo-pointer,.demo-instant .demo-click,.demo-instant .demo-tap{display:none!important}@media (prefers-reduced-motion:reduce){.demo-layer *,.demo-layer :before,.demo-layer :after{transition:none!important;animation:none!important}.demo-pointer,.demo-click,.demo-tap{display:none!important}}html:not(.js) [data-demo-js]{display:none!important}[data-selecting] .demo-kebab,[data-selecting] [data-id$=fab]{display:none}[data-selecting] .demo-check{color:#35465e73;display:flex}[data-selecting] .demo-fab-multi{display:flex}[data-selecting] .demo-check .demo-check-tick{display:none}[data-selected]{background:#f4f6fa;box-shadow:inset 0 0 0 1.5px #2950bc}[data-selected] .demo-check{color:#2950bc}[data-selected] .demo-check .demo-check-tick{display:block}.slice{container:app/inline-size}.slice [data-reveal]:not([data-revealed]){visibility:visible}.slice [data-id$=column-uncontacted],.slice [data-id$=column-contacted],.slice [data-id$=column-sold]{width:max(50cqw - 18px,224px);min-width:0}.slice .lm-hot-target{transition:background-color .28s ease-out}