.px-demo-escala{--bg:#041329;--blue:#1e88e5;--blue2:#0d47a1;--cyan:#10bed0;--muted:#b9c9df;position:relative;width:100%;overflow:hidden;background:#041329;font-family:var(--font-body-family,Poppins),"Segoe UI",Arial,sans-serif}.px-demo-escala,.px-demo-escala *{box-sizing:border-box}.px-demo-escala .hero-shell{position:relative;width:100%;height:var(--demo-height,900px);min-height:720px;overflow:hidden;background:#041329}.px-demo-escala .stage{position:absolute;left:50%;top:50%;width:1200px;height:900px;overflow:hidden;color:#fff;transform:translate(-50%,-50%) scale(var(--fit,1));transform-origin:center;background:radial-gradient(circle at 76% 35%,rgba(20,120,237,.28),transparent 31%),radial-gradient(circle at 46% 88%,rgba(0,192,212,.13),transparent 28%),linear-gradient(145deg,#020b19,#061b38 52%,#031126)}.px-demo-escala .stage:before{content:"";position:absolute;inset:auto -140px 70px 220px;height:3px;background:linear-gradient(90deg,transparent,#08a9ff 45%,#7edfff 70%,transparent);box-shadow:0 0 28px #08a9ff}.px-demo-escala .topbar{position:absolute;left:44px;right:44px;top:26px;height:76px;z-index:8;display:flex;align-items:center;justify-content:space-between;gap:20px}.px-demo-escala .demo-context{display:flex;flex-direction:column;justify-content:center;min-width:190px;min-height:51px;padding:8px 14px;border:1px solid rgba(255,255,255,.2);border-radius:12px;background:#061353eb;box-shadow:0 10px 28px #0000002e}.px-demo-escala .demo-context span{color:#fff;font-size:11px;font-weight:800;line-height:1.2;letter-spacing:.14em}.px-demo-escala .demo-context small{margin-top:4px;color:#a8d6ff;font-size:8px;font-weight:650;line-height:1.2;letter-spacing:.1em}.px-demo-escala .badge{display:inline-flex;align-items:center;justify-content:center;min-height:39px;padding:9px 13px;border:1px solid rgba(255,255,255,.26);border-radius:999px;color:#fff;background:#ffffff1a;font-size:11px;font-weight:650;text-decoration:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:.2s ease}.px-demo-escala .badge:hover{color:#fff;border-color:#ffffff7a;background:#ffffff2b}.px-demo-escala .copy{position:absolute;left:48px;top:124px;z-index:5;width:250px}.px-demo-escala .copy .eyebrow{margin-bottom:10px;color:#7ee7ff;font-size:9px;font-weight:800;letter-spacing:.18em}.px-demo-escala .copy h1{margin:0 0 12px;color:#fff;font-size:29px;font-weight:750;line-height:1.1;letter-spacing:-.04em;text-shadow:0 3px 20px rgba(0,0,0,.25)}.px-demo-escala .copy>p{max-width:245px;margin:0;color:#dce8f6;font-size:12px;line-height:1.52}.px-demo-escala .scale-scope{margin-top:15px;padding:11px;border:1px solid rgba(126,231,255,.3);border-radius:14px;background:linear-gradient(145deg,#0a305df5,#051937f7);box-shadow:0 18px 42px #0000004d,inset 0 1px #ffffff14}.px-demo-escala .scale-scope-title{margin-bottom:9px;color:#8ceaff;font-size:8px;font-weight:800;line-height:1.2;letter-spacing:.11em;text-transform:uppercase}.px-demo-escala .scale-list{display:grid;grid-template-columns:1fr;gap:7px;margin:0;padding:0;list-style:none}.px-demo-escala .scale-list li{display:grid;grid-template-columns:18px minmax(0,1fr);gap:7px;align-items:start}.px-demo-escala .scale-check{width:17px;height:17px;display:grid;place-items:center;border-radius:50%;color:#fff;background:linear-gradient(135deg,var(--blue),var(--cyan));font-size:8px;font-weight:900}.px-demo-escala .scale-list strong{display:block;color:#fff;font-size:8.2px;font-weight:750;line-height:1.25}.px-demo-escala .scale-list small{display:block;margin-top:1px;color:#c9d9ea;font-size:6.6px;line-height:1.3}.px-demo-escala .monitor{position:absolute;left:300px;top:190px;z-index:2;width:742px;height:500px;perspective:1400px}.px-demo-escala .screen-frame{position:absolute;top:0;right:0;bottom:0;left:0;padding:13px;border-radius:24px;background:linear-gradient(145deg,#384860,#101a29 55%,#050a11);box-shadow:0 42px 80px #00000094,inset 0 0 0 2px #ffffff1f;transform:rotateX(1deg) rotateY(-2deg)}.px-demo-escala .screen{position:relative;width:100%;height:100%;overflow:hidden;border-radius:13px;background:#fff}.px-demo-escala .screen iframe{position:absolute;left:50%;top:50%;width:1200px;height:900px;border:0;transform:translate(-50%,-50%) scale(var(--screen-fit,.52));transform-origin:center;pointer-events:none;background:#f7f9fc}.px-demo-escala .camera{position:absolute;left:50%;top:6px;width:7px;height:7px;border-radius:50%;background:#05090f;box-shadow:0 0 0 1px #4e5a67}.px-demo-escala .stand-neck{position:absolute;left:50%;top:497px;width:110px;height:105px;transform:translate(-50%);background:linear-gradient(90deg,#0d1622,#354458 45%,#101925);clip-path:polygon(25% 0,75% 0,92% 100%,8% 100%);filter:drop-shadow(0 20px 20px rgba(0,0,0,.4))}.px-demo-escala .stand-base{position:absolute;left:50%;top:585px;width:330px;height:32px;transform:translate(-50%);border-radius:50%;background:linear-gradient(#29384b,#090f18);box-shadow:0 18px 25px #00000073}.px-demo-escala .phone.phone--v2{position:absolute;right:25px;top:330px;z-index:6;width:212px;height:430px;padding:11px;overflow:visible;border-radius:39px;transform:rotate(1deg);background:linear-gradient(145deg,#343d4b,#101722 65%,#050a10);box-shadow:0 34px 65px #0000008c,inset 0 0 0 2px #ffffff21}.px-demo-escala .phone.phone--v2:before{content:"";position:absolute;z-index:10;left:50%;top:8px;width:70px;height:18px;transform:translate(-50%);border-radius:0 0 12px 12px;background:#050910}.px-demo-escala .phone-screen.phone-screen--v2{position:relative;width:100%;height:100%;overflow:hidden;border-radius:29px;color:#14213a;background:#f4f7fb}.px-demo-escala .phone-screen:after{content:"";position:absolute;left:50%;bottom:5px;width:55px;height:4px;transform:translate(-50%);border-radius:9px;background:#111;opacity:.8}.px-demo-escala .px-app-v2{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;grid-template-rows:69px minmax(0,1fr);width:100%;height:100%;padding:19px 0 13px;overflow:hidden;color:#14213a;background:#f4f7fb}.px-demo-escala .px-app-v2__header{display:flex;align-items:center;gap:10px;min-width:0;padding:10px 13px 11px;border-bottom:1px solid #dce3ed;background:#fff}.px-demo-escala .px-app-v2__logo{width:32px;height:32px;flex:0 0 auto;display:grid;place-items:center;border-radius:10px;color:#fff;background:linear-gradient(145deg,#1e88e5,#10b8d0);font-size:15px;font-weight:900;line-height:1;box-shadow:0 7px 15px #1e88e533}.px-demo-escala .px-app-v2__header-copy{min-width:0;display:flex;flex-direction:column;gap:3px}.px-demo-escala .px-app-v2__header-copy strong{overflow:hidden;color:#14213a;font-size:10px;font-weight:800;line-height:1.2;white-space:nowrap;text-overflow:ellipsis}.px-demo-escala .px-app-v2__header-copy span{color:#778399;font-size:6.5px;font-weight:650;line-height:1.2;letter-spacing:.025em}.px-demo-escala .px-app-v2__content{min-height:0;display:flex;flex-direction:column;padding:12px 13px 13px;overflow:hidden}.px-demo-escala .px-app-v2__mode{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:35px;margin-bottom:11px;padding:0 10px;border:1px solid #cfe0f5;border-radius:9px;color:#617087;background:#edf5ff;font-size:6.8px;font-weight:700;line-height:1.2}.px-demo-escala .px-app-v2__mode strong{color:#0d67bd;font-size:7px;font-weight:850}.px-demo-escala .px-app-v2__fields{display:grid;grid-template-columns:1fr;gap:8px;min-width:0}.px-demo-escala .px-app-v2__field{min-width:0;display:block;margin:0;padding:0}.px-demo-escala .px-app-v2__field label{position:static;display:block;width:auto;height:auto;margin:0 0 3px;padding:0;transform:none;color:#57657a;background:transparent;font-size:6.4px;font-weight:750;line-height:1.2;letter-spacing:0;pointer-events:none}.px-demo-escala .px-app-v2__input{position:relative;width:100%;min-width:0;height:29px;display:flex;align-items:center;justify-content:space-between;gap:7px;margin:0;padding:0 9px;overflow:hidden;border:1px solid #cfd8e5;border-radius:8px;color:#19263a;background:#fff;font-size:7.2px;font-weight:650;line-height:1;box-shadow:0 2px 5px #0e1b4d0b}.px-demo-escala .px-app-v2__input>span:first-child{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.px-demo-escala .px-app-v2__input--amount{color:#0e1b4d;font-weight:850}.px-demo-escala .px-app-v2__chevron,.px-demo-escala .px-app-v2__currency{flex:0 0 auto;color:#66758a;font-size:6px;font-weight:750;line-height:1}.px-demo-escala .px-app-v2__currency{padding-left:7px;border-left:1px solid #dce2eb}.px-demo-escala .px-app-v2__sync{display:flex;align-items:center;gap:7px;min-height:31px;margin-top:10px;padding:0 9px;border:1px solid #d3e8df;border-radius:8px;color:#39715f;background:#edf8f3;font-size:6.2px;font-weight:700;line-height:1.2}.px-demo-escala .px-app-v2__sync-dot{width:8px;height:8px;flex:0 0 auto;border-radius:50%;background:#15966f;box-shadow:0 0 0 4px #15966f1f}.px-demo-escala .px-app-v2__save.save-appsheet{width:100%;min-height:36px;margin:auto 0 0;padding:0 12px;border:0;border-radius:9px;color:#fff;background:linear-gradient(135deg,#1e88e5,#0d67bd);font-size:7.8px;font-weight:850;line-height:1;box-shadow:0 10px 20px #1e88e540;cursor:pointer}.px-demo-escala .px-app-v2__save.save-appsheet.saved{background:#15966f}.px-demo-escala .px-app-v2__message.sync-pill{position:absolute;left:50%;right:auto;bottom:18px;width:auto;max-width:calc(100% - 24px);margin:0;padding:7px 10px;transform:translate(-50%,14px);border-radius:999px;color:#fff;background:#15966f;font-size:6.6px;font-weight:800;line-height:1;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .18s ease,transform .18s ease}.px-demo-escala .px-app-v2__message.sync-pill.show{opacity:1;transform:translate(-50%)}.px-demo-escala .floor{position:absolute;left:0;right:0;bottom:0;height:165px;border-top:1px solid rgba(63,154,255,.14);background:linear-gradient(#0109140d,#01070ff2)}.px-demo-escala .dashboard-nav{position:absolute;left:50%;bottom:22px;z-index:12;display:flex;align-items:center;gap:6px;padding:7px;transform:translate(-50%);border:1px solid rgba(154,196,245,.32);border-radius:14px;background:#071f42fa;box-shadow:0 14px 38px #00000080,inset 0 0 0 1px #36b9ff26;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.px-demo-escala .nav-pages{display:flex;gap:3px;max-width:920px;overflow-x:auto;scrollbar-width:none}.px-demo-escala .nav-pages::-webkit-scrollbar{display:none}.px-demo-escala .dashboard-nav button{border:0;color:#e7f0fb;background:transparent;cursor:pointer;transition:.2s ease}.px-demo-escala .nav-arrow{width:34px;height:34px;border-radius:9px;font-size:23px;line-height:1}.px-demo-escala .nav-arrow:hover,.px-demo-escala .page-btn:hover{color:#fff;background:#ffffff1c}.px-demo-escala .page-btn{height:32px;padding:0 11px;border-radius:8px;font-size:10px;font-weight:700;white-space:nowrap}.px-demo-escala .page-btn.active{color:#fff;background:linear-gradient(135deg,#1e88e5,#099fcf);box-shadow:0 8px 20px #1178ee59}.px-demo-escala .page-btn:focus-visible,.px-demo-escala .nav-arrow:focus-visible,.px-demo-escala .save-appsheet:focus-visible{outline:2px solid #55c8ff;outline-offset:2px}@media screen and (max-width:749px){.px-demo-escala .hero-shell{height:var(--demo-mobile-height,700px);min-height:660px}.px-demo-escala .stage{position:relative;left:auto;top:auto;width:100%;height:100%;transform:none}.px-demo-escala .stage:before{left:16px;right:16px;bottom:65px;opacity:.65}.px-demo-escala .topbar{left:14px;right:14px;top:13px;height:auto;gap:10px}.px-demo-escala .demo-context{min-width:0;min-height:43px;flex:1 1 auto;padding:7px 11px;border-radius:10px}.px-demo-escala .demo-context span{font-size:10px;letter-spacing:.1em}.px-demo-escala .demo-context small{margin-top:3px;font-size:7px}.px-demo-escala .badge{min-height:36px;flex:0 0 auto;padding:8px 10px;font-size:8.5px;white-space:nowrap}.px-demo-escala .copy{left:16px;right:16px;top:72px;width:auto}.px-demo-escala .copy .eyebrow{margin-bottom:5px;font-size:8px}.px-demo-escala .copy h1{max-width:340px;margin-bottom:7px;font-size:clamp(23px,7.2vw,29px);line-height:1.06}.px-demo-escala .copy>p{max-width:100%;font-size:9.5px;line-height:1.42}.px-demo-escala .scale-scope{margin-top:9px;padding:9px;border-radius:11px}.px-demo-escala .scale-scope-title{margin-bottom:7px;font-size:7.4px}.px-demo-escala .scale-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px 8px}.px-demo-escala .scale-list li{grid-template-columns:14px minmax(0,1fr);gap:5px}.px-demo-escala .scale-check{width:14px;height:14px;font-size:7px}.px-demo-escala .scale-list strong{font-size:7.5px;line-height:1.2}.px-demo-escala .scale-list small{display:none}.px-demo-escala .monitor{left:14px;right:14px;top:306px;width:auto;height:226px;perspective:none}.px-demo-escala .screen-frame{padding:6px;border-radius:15px;transform:none;box-shadow:0 24px 48px #00000080,inset 0 0 0 1px #ffffff29}.px-demo-escala .screen{border-radius:10px}.px-demo-escala .camera,.px-demo-escala .stand-neck,.px-demo-escala .stand-base{display:none}.px-demo-escala .phone.phone--v2{right:16px;top:351px;width:128px;height:258px;padding:7px;border-radius:27px;transform:none}.px-demo-escala .phone.phone--v2:before{top:5px;width:43px;height:11px;border-radius:0 0 7px 7px}.px-demo-escala .phone-screen.phone-screen--v2{border-radius:20px}.px-demo-escala .px-app-v2{grid-template-rows:40px minmax(0,1fr);padding:11px 0 7px}.px-demo-escala .px-app-v2__header{gap:5px;padding:5px 7px}.px-demo-escala .px-app-v2__logo{width:18px;height:18px;border-radius:6px;font-size:8px}.px-demo-escala .px-app-v2__header-copy strong{font-size:5.7px}.px-demo-escala .px-app-v2__header-copy span{font-size:3.8px}.px-demo-escala .px-app-v2__content{padding:6px 7px 7px}.px-demo-escala .px-app-v2__mode{min-height:20px;margin-bottom:5px;padding:0 5px;border-radius:5px;font-size:3.8px}.px-demo-escala .px-app-v2__mode strong{font-size:4px}.px-demo-escala .px-app-v2__fields{gap:4px}.px-demo-escala .px-app-v2__field--category{display:none}.px-demo-escala .px-app-v2__field label{margin-bottom:1px;font-size:3.6px}.px-demo-escala .px-app-v2__input{height:17px;padding:0 5px;border-radius:4px;font-size:4.2px}.px-demo-escala .px-app-v2__chevron,.px-demo-escala .px-app-v2__currency{font-size:3.5px}.px-demo-escala .px-app-v2__sync{min-height:18px;gap:4px;margin-top:5px;padding:0 5px;border-radius:4px;font-size:3.6px}.px-demo-escala .px-app-v2__sync-dot{width:4px;height:4px;box-shadow:0 0 0 2px #15966f1f}.px-demo-escala .px-app-v2__save.save-appsheet{min-height:20px;border-radius:5px;font-size:4.2px}.px-demo-escala .px-app-v2__message.sync-pill{bottom:9px;padding:4px 5px;font-size:3.8px}.px-demo-escala .floor{height:105px}.px-demo-escala .dashboard-nav{left:12px;right:12px;bottom:12px;width:auto;max-width:none;gap:4px;padding:5px;transform:none;border-radius:11px}.px-demo-escala .nav-pages{min-width:0;max-width:none}.px-demo-escala .nav-arrow{width:29px;height:29px;border-radius:7px;font-size:19px}.px-demo-escala .page-btn{height:29px;padding:0 7px;border-radius:7px;font-size:7.6px}}@media screen and (max-width:420px){.px-demo-escala .copy h1{font-size:22px}.px-demo-escala .monitor{top:310px;height:220px}.px-demo-escala .phone.phone--v2{right:14px;top:354px}}@media(prefers-reduced-motion:reduce){.px-demo-escala *,.px-demo-escala *:before,.px-demo-escala *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/proxium-demo-escala.css.map */