.product-preview{color:#edefe8;text-align:left;background:linear-gradient(130deg,#2e3527,#171b15 38%,#141812);border:1px solid #9aaa7842;border-radius:20px;width:100%;margin:0;padding:12px;font-size:11px;line-height:1.5;position:relative;overflow:hidden;box-shadow:0 28px 80px #0007,inset 0 1px #d1e1b41c;container-type:inline-size}.pp-shell{background:#0d100d;border:1px solid #ffffff06;border-radius:11px;grid-template-columns:143px minmax(0,1fr);min-height:345px;display:grid;overflow:hidden}.pp-sidebar{background:linear-gradient(90deg,#12171088,#0d100d);border-right:1px solid #ffffff07;flex-direction:column;padding:22px 10px 14px;display:flex}.pp-brand{color:#bbcea7;align-items:center;gap:8px;margin-bottom:24px;padding-left:9px;display:flex}.pp-brand>span{color:#f0f2eb;letter-spacing:-.65px;font-size:15px;font-weight:700;line-height:1}.pp-brand>img{flex:none;width:28px;height:28px}.pp-brand small{color:#c0c6b9;letter-spacing:2.5px;text-transform:uppercase;margin-top:4px;padding-left:1px;font-size:5px;font-weight:600;display:block}.pp-navigation,.pp-origins ul,.pp-connections{margin:0;padding:0;list-style:none}.pp-navigation{gap:5px;display:grid}.pp-navigation li{color:#89927f;white-space:nowrap;border:1px solid #0000;border-radius:5px;align-items:center;gap:7px;min-height:29px;padding:5px 8px;font-size:9px;font-weight:500;display:flex}.pp-navigation .pp-nav-active{color:#20291b;background:linear-gradient(100deg,#b8cda4,#cfdfbb);border-color:#d3e3be;font-weight:650;box-shadow:0 0 20px #aec5930a}.pp-workspace{color:#b6bdaf;align-items:center;gap:7px;margin-top:auto;padding:18px 6px 0;font-size:9px;display:flex}.pp-server-avatar{color:#a5bc8d;background:#26301f;border:1px solid #c5d7b112;border-radius:5px;place-items:center;width:25px;height:25px;display:grid}.pp-workspace small{color:#68735f;font-size:7px;display:block}.pp-workspace>svg{margin-left:auto}.pp-main{min-width:0;padding:21px 17px 10px}.pp-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.pp-heading p{letter-spacing:-.5px;margin:0;font-size:15px;font-weight:600}.pp-heading>div>span{color:#818c76;margin-top:3px;font-size:8px;display:block}.pp-period{color:#a4ae9b;white-space:nowrap;background:#ffffff04;border:1px solid #ffffff09;border-radius:5px;align-items:center;gap:7px;padding:6px 8px;font-size:8px;display:flex}.pp-kpis{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-flow:dense;gap:9px;margin-bottom:15px;display:grid}.pp-kpi{background:linear-gradient(130deg,#1b211780,#13171070);border:1px solid #ffffff0b;border-radius:7px;flex-direction:column;min-width:0;padding:12px 11px 10px;display:flex}.pp-kpi>span{color:#858d7d;white-space:nowrap;font-size:8px}.pp-kpi>strong{letter-spacing:-.9px;white-space:nowrap;margin:5px 0 2px;font-size:19px;font-weight:550}.pp-kpi>small{color:#b3c89a;align-items:center;gap:2px;font-size:8px;font-weight:500;display:flex}.pp-overview-charts{grid-template-columns:1.2fr 1fr;gap:18px;display:grid}.pp-bar-panel{min-width:0}.pp-chart-heading{justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;font-size:9px;font-weight:550;display:flex}.pp-chart-legend{color:#7a8572;white-space:nowrap;align-items:center;gap:5px;font-size:7px;font-weight:400;display:inline-flex}.pp-chart-legend i{background:#b8cda1;border-radius:50%;width:4px;height:4px}.product-preview--hero .pp-bar-panel .pp-chart-heading{display:none}.pp-bars{background:repeating-linear-gradient(0deg,#b8cda109 0 1px,#0000 1px 34px);border-bottom:1px solid #a0b78a20;align-items:flex-end;gap:5px;height:136px;padding-top:8px;display:flex}.pp-bar{background:linear-gradient(#c2d4ac,#899d71 36%,#465039 76%,#263022);border-top:1px solid #d9e7c8;border-radius:4px 4px 0 0;flex:1;min-width:0;box-shadow:inset 1px 0 1px #d6e8bf1a}.pp-axis{color:#626e58;justify-content:space-between;margin-top:6px;font-size:6px;display:flex}.pp-origins{padding-top:7px}.pp-origins p{color:#838d7b;margin:0 0 15px;font-size:8px}.pp-origins ul{gap:15px;display:grid}.pp-origin-label{color:#a3aa9b;white-space:nowrap;justify-content:space-between;align-items:baseline;gap:7px;font-size:8px;display:flex}.pp-origin-label strong{color:#d2d8ca;font-size:8px;font-weight:500}.pp-origin-meter{background:#252c20;border-radius:5px;height:3px;margin-top:7px;display:block}.pp-origin-meter>span{border-radius:inherit;background:linear-gradient(90deg,#7c9364,#c4d7ad);height:100%;display:block}.pp-demo-label{color:#8d9883;justify-content:flex-end;align-items:center;gap:5px;margin:10px 0 0;font-size:9px;font-weight:400;display:flex}.pp-demo-label>span{background:#7a8b6a;border-radius:50%;width:3px;height:3px}.product-preview--detail{border-color:#a6b48f2e;padding:14px}.product-preview--detail .pp-shell{grid-template-columns:178px minmax(0,1fr);min-height:418px}.product-preview--detail .pp-sidebar{padding:24px 13px 18px}.product-preview--detail .pp-brand{margin-bottom:26px;padding-left:11px}.product-preview--detail .pp-brand>span{font-size:18px}.product-preview--detail .pp-navigation{gap:7px}.product-preview--detail .pp-navigation li{gap:9px;min-height:34px;padding:6px 9px;font-size:10px}.product-preview--detail .pp-workspace{font-size:10px}.product-preview--detail .pp-main{padding:24px 23px 11px}.product-preview--detail .pp-heading{margin-bottom:19px}.product-preview--detail .pp-heading p{font-size:18px}.product-preview--detail .pp-heading>div>span,.product-preview--detail .pp-period{font-size:9px}.product-preview--detail .pp-kpis{gap:12px;margin-bottom:13px}.product-preview--detail .pp-kpi{padding:14px 14px 11px}.product-preview--detail .pp-kpi>span{font-size:9px}.product-preview--detail .pp-kpi>strong{margin-top:3px;font-size:23px}.product-preview--detail .pp-kpi>small{font-size:9px}.product-preview--detail .pp-demo-label{margin-top:10px;font-size:9px}.pp-player-charts{grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:12px;display:grid}.pp-line-panel,.pp-donut-panel{background:linear-gradient(135deg,#181d1485,#11160e60);border:1px solid #ffffff0b;border-radius:8px;min-width:0;padding:16px 14px 11px}.product-preview--detail .pp-chart-heading{margin-bottom:13px;font-size:11px}.pp-line-plot{margin-left:28px;position:relative}.pp-line-chart{width:100%;height:142px;display:block;overflow:visible}.pp-line-y-axis{color:#909b84;text-align:right;flex-direction:column;justify-content:space-between;font-size:9px;line-height:12px;display:flex;position:absolute;top:calc(16.28% - 6px);bottom:-6px;right:calc(100% + 8px)}.pp-line-x-axis{color:#909b84;justify-content:space-between;margin:7px 0 0 28px;font-size:9px;line-height:14px;display:flex}.pp-chart-grid{stroke:#a3b88c0c;stroke-width:1px}.pp-chart-line{fill:none;stroke:#b5c99d;stroke-width:2px}.pp-chart-point{fill:#c4d5ae;stroke:#bdd0a780;stroke-width:1px}.pp-chart-guide{stroke:#c2d3ad1f;stroke-width:1px;stroke-dasharray:3 4}.pp-chart-tooltip rect{fill:#090d08;stroke:#b3c99720}.pp-chart-tooltip text{fill:#e2e9d9;font-size:11px;font-weight:600}.pp-chart-tooltip .pp-tooltip-time{fill:#88967b;font-size:9px;font-weight:400}.pp-connection-body{align-items:center;gap:18px;min-height:141px;display:flex}.pp-donut{aspect-ratio:1;background:conic-gradient(#bfcea9 0% 64%,#7e8d6c 64% 87%,#4d5944 87% 95%,#333c2e 95% 100%);border-radius:50%;flex:0 0 43%;position:relative}.pp-donut:before{content:"";background:#12170f;border:1px solid #0003;border-radius:50%;position:absolute;inset:18%}.pp-donut>span{flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.pp-donut strong{letter-spacing:-.5px;font-size:16px;font-weight:550}.pp-donut small{color:#76836b;margin-top:1px;font-size:7px}.pp-connections{flex:1;gap:12px;min-width:0;display:grid}.pp-connections li{color:#98a08f;white-space:nowrap;align-items:center;gap:6px;font-size:9px;display:flex}.pp-connections i{border-radius:50%;flex:0 0 6px;height:6px}.pp-connections li>span{text-overflow:ellipsis;min-width:0;overflow:hidden}.pp-connections strong{color:#d0d7c7;flex:none;margin-left:auto;font-size:9px;font-weight:500}@container (max-width:850px){.product-preview--detail .pp-shell{grid-template-columns:145px minmax(0,1fr)}.product-preview--detail .pp-sidebar{padding:23px 9px 14px}.product-preview--detail .pp-navigation li{gap:7px;font-size:9px}.product-preview--detail .pp-main{padding:22px 16px 11px}.product-preview--detail .pp-kpi{padding:12px 9px 10px}.product-preview--detail .pp-kpi>span{font-size:9px}.product-preview--detail .pp-kpi>strong{font-size:20px}.pp-player-charts{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}.pp-connection-body{gap:10px}.pp-connections li,.pp-connections strong{font-size:8px}.pp-donut strong{font-size:12px}.product-preview--detail .pp-chart-heading{font-size:9px}.pp-line-panel .pp-chart-legend{display:none}}@container (max-width:630px){.pp-shell{grid-template-columns:112px minmax(0,1fr)}.pp-sidebar{padding:19px 6px 12px}.pp-brand{gap:5px;padding-left:7px}.pp-brand>span{font-size:13px}.pp-brand>img{width:23px;height:23px}.pp-navigation li{gap:5px;padding:5px;font-size:7px}.pp-navigation svg{width:13px}.pp-workspace{padding-left:3px;font-size:7px}.pp-main{padding:20px 12px 10px}.pp-kpis{gap:6px}.pp-kpi{padding:10px 7px}.pp-kpi>span{font-size:6px}.pp-kpi>strong{font-size:16px}.pp-kpi>small{font-size:7px}.pp-heading p{font-size:13px}.pp-heading>div>span{font-size:6px}.pp-period{gap:4px;padding:5px;font-size:6px}.pp-overview-charts{gap:12px}.pp-origin-label,.pp-origin-label strong,.pp-origins p{font-size:6px}.pp-bars{gap:3px}.product-preview--detail .pp-shell{grid-template-columns:minmax(0,1fr);min-height:0}.product-preview--detail .pp-sidebar{display:none}.product-preview--detail .pp-main{padding:20px 15px 13px}.product-preview--detail .pp-heading p{font-size:18px}.product-preview--detail .pp-heading>div>span{font-size:9px}.product-preview--detail .pp-period{padding:6px;font-size:9px}.product-preview--detail .pp-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.product-preview--detail .pp-kpi{padding:12px}.product-preview--detail .pp-kpi>span{font-size:10px}.product-preview--detail .pp-kpi>strong{font-size:23px}.product-preview--detail .pp-kpi>small{font-size:9px}.product-preview--detail .pp-chart-heading{font-size:12px}.pp-player-charts{grid-template-columns:minmax(0,1fr)}.pp-line-panel{padding:15px 12px 11px}.pp-line-chart{height:145px}.pp-line-y-axis,.pp-line-x-axis{font-size:10px}.pp-chart-tooltip,.pp-donut-panel{display:none}}@container (max-width:440px){.pp-shell,.product-preview--detail .pp-shell{grid-template-columns:minmax(0,1fr);min-height:0}.pp-sidebar{display:none}.pp-main,.product-preview--detail .pp-main{padding:17px 12px 10px}.pp-heading>div>span{font-size:7px}.pp-heading{margin-bottom:14px}.pp-bars{height:112px}.pp-origins ul{gap:11px}.pp-origins p{margin-bottom:11px}.pp-demo-label,.product-preview--detail .pp-demo-label{margin-top:12px;font-size:9px}}