.onepi-rankings-wrap{--op-navy:#102a4c;--op-ink:#14213d;--op-text:#475569;--op-muted:#718096;--op-border:#e6edf5;--op-bg:#f6f9fc;width:100%;box-sizing:border-box;font-family:inherit}.onepi-rankings-wrap *{box-sizing:border-box}.onepi-rankings-heading{margin:0 0 20px!important;color:#111827!important;font-size:28px!important;line-height:1.2!important;font-weight:800!important;letter-spacing:-.35px}.onepi-rankings-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:stretch}.onepi-rank-box{--op-accent:#0866d8;--op-soft:#eaf4ff;display:flex;flex-direction:column;min-width:0;height:100%;overflow:hidden;background:#fff;border:1px solid var(--op-border);border-radius:18px;box-shadow:0 10px 34px rgba(16,42,76,.075);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.onepi-rank-box:hover{transform:translateY(-3px);box-shadow:0 18px 42px rgba(16,42,76,.11);border-color:#d7e3ef}.onepi-rank-head{position:relative;overflow:hidden;padding:20px 20px 18px;background:linear-gradient(180deg,var(--op-soft) 0%,#fff 100%);border-bottom:1px solid #eef3f8}.onepi-rank-head-main{position:relative;z-index:2;display:grid;grid-template-columns:54px minmax(0,1fr) auto;gap:14px;align-items:start}.onepi-rank-head-icon{display:flex;align-items:center;justify-content:center;width:54px;height:54px;border-radius:15px;background:var(--op-soft);color:var(--op-accent);box-shadow:inset 0 0 0 1px rgba(255,255,255,.72);overflow:hidden;flex:0 0 54px}.onepi-rank-head-icon img{display:block;width:32px;height:32px;object-fit:contain}.onepi-rank-head-icon svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.onepi-rank-title{margin:4px 0 5px!important;padding:0!important;border:0!important;color:#111827!important;font-size:17px!important;line-height:1.28!important;font-weight:800!important;letter-spacing:-.15px}.onepi-rank-desc{margin:0!important;color:#64748b!important;font-size:12.5px!important;line-height:1.55!important;font-weight:400!important}.onepi-rank-top-pill{display:inline-flex;align-items:center;height:28px;padding:0 10px;border-radius:999px;background:var(--op-soft);color:var(--op-accent);font-size:11px;font-weight:800;white-space:nowrap;border:1px solid color-mix(in srgb,var(--op-accent) 16%,transparent)}.onepi-rank-bars{position:absolute;right:16px;bottom:-2px;display:flex;align-items:flex-end;gap:4px;height:48px;opacity:.16;pointer-events:none}.onepi-rank-bars i{display:block;width:7px;border-radius:5px 5px 0 0;background:var(--op-accent)}.onepi-rank-bars i:nth-child(1){height:14px}.onepi-rank-bars i:nth-child(2){height:25px}.onepi-rank-bars i:nth-child(3){height:36px}.onepi-rank-bars i:nth-child(4){height:46px}.onepi-rank-list{display:flex;flex-direction:column;padding:6px 20px 8px;flex:1}.onepi-rank-item{position:relative;display:grid;grid-template-columns:38px 58px minmax(0,1fr) auto;gap:11px;align-items:center;min-height:76px;padding:10px 0;border-bottom:1px solid #edf2f7;text-decoration:none!important;transition:transform .18s ease,background .18s ease,border-color .18s ease}.onepi-rank-item:last-child{border-bottom:0}.onepi-rank-item:hover{background:#fbfdff;transform:translateX(3px)}.onepi-rank-item.is-first{background:linear-gradient(90deg,var(--op-soft) 0%,rgba(255,255,255,0) 72%);margin:0 -10px;padding-left:10px;padding-right:10px;border-radius:11px}.onepi-rank-no{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:32px;color:#94a3b8;text-align:center;font-weight:800}.onepi-rank-no b{font-size:13px;line-height:1}.onepi-rank-no.is-top b{color:#d79a00;font-size:16px}.onepi-rank-crown{width:16px;height:16px;margin:0 0 3px;fill:#f2b300;stroke:#f2b300;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}.onepi-rank-thumb{display:block;width:58px;height:58px;border-radius:11px;overflow:hidden;background:#f6f8fb;border:1px solid #e8edf3;box-shadow:0 2px 8px rgba(16,42,76,.06)}.onepi-rank-thumb img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .22s ease}.onepi-rank-item:hover .onepi-rank-thumb img{transform:scale(1.035)}.onepi-rank-info{min-width:0}.onepi-rank-name{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;color:#172033;font-size:13.5px;font-weight:750;line-height:1.35;letter-spacing:-.05px}.onepi-rank-info small{display:flex;align-items:center;gap:5px;margin-top:5px;color:#718096;font-size:11.5px;line-height:1.2}.onepi-rank-metric-icon{display:inline-flex;color:var(--op-accent)}.onepi-rank-metric-icon svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.onepi-rank-badge{display:inline-flex;align-items:center;justify-content:center;min-width:42px;height:24px;padding:0 9px;border-radius:999px;font-size:9.5px;font-weight:800;letter-spacing:.35px;box-shadow:0 2px 7px rgba(16,42,76,.08)}.onepi-rank-badge.is-vip{background:#102a4c;color:#fff}.onepi-rank-badge.is-free{background:#20ad4b;color:#fff}.onepi-rank-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;text-align:center;padding:32px 22px;color:#64748b}.onepi-rank-empty-icon{display:flex;align-items:center;justify-content:center;width:54px;height:54px;margin:0 0 12px;border-radius:15px;background:var(--op-soft);color:var(--op-accent)}.onepi-rank-empty-icon svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.onepi-rank-empty strong{display:block;margin-bottom:5px;color:#172033;font-size:14px}.onepi-rank-empty span:last-child{font-size:12px;line-height:1.5;max-width:240px}.onepi-rank-footer{padding:14px 20px 18px;margin-top:auto}.onepi-rank-cta{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:42px;padding:8px 14px;border-radius:11px;background:var(--op-soft);color:var(--op-accent)!important;text-decoration:none!important;font-size:12.5px;font-weight:750;transition:transform .18s ease,filter .18s ease}.onepi-rank-cta:hover{transform:translateY(-1px);filter:saturate(1.06)}.onepi-rank-cta span{font-size:17px;line-height:1}@media(max-width:1100px){.onepi-rankings-grid{gap:14px}.onepi-rank-head{padding:17px}.onepi-rank-head-main{grid-template-columns:48px minmax(0,1fr) auto;gap:10px}.onepi-rank-head-icon{width:48px;height:48px;border-radius:13px}.onepi-rank-title{font-size:15px!important}.onepi-rank-desc{font-size:11.5px!important}.onepi-rank-list{padding-left:15px;padding-right:15px}.onepi-rank-item{grid-template-columns:31px 50px minmax(0,1fr) auto;gap:8px}.onepi-rank-thumb{width:50px;height:50px}.onepi-rank-name{font-size:12.5px}}@media(max-width:849px){.onepi-rankings-grid{grid-template-columns:1fr;gap:16px}.onepi-rank-box{border-radius:15px}.onepi-rank-head{padding:20px}.onepi-rank-head-main{grid-template-columns:54px minmax(0,1fr) auto;gap:14px}.onepi-rank-head-icon{width:54px;height:54px}.onepi-rank-title{font-size:17px!important}.onepi-rank-desc{font-size:12.5px!important}.onepi-rank-list{padding:6px 20px 8px}.onepi-rank-item{grid-template-columns:38px 58px minmax(0,1fr) auto;gap:11px}.onepi-rank-thumb{width:58px;height:58px}.onepi-rank-name{font-size:13.5px}.onepi-rankings-heading{font-size:24px!important}}@media(max-width:549px){.onepi-rank-head{padding:16px}.onepi-rank-head-main{grid-template-columns:46px minmax(0,1fr);gap:10px}.onepi-rank-head-icon{width:46px;height:46px;border-radius:12px}.onepi-rank-top-pill{grid-column:2;justify-self:start;height:24px;margin-top:2px}.onepi-rank-bars{display:none}.onepi-rank-title{font-size:15.5px!important}.onepi-rank-desc{font-size:11.5px!important}.onepi-rank-list{padding:4px 14px 7px}.onepi-rank-item{grid-template-columns:30px 50px minmax(0,1fr) auto;gap:8px;min-height:68px}.onepi-rank-thumb{width:50px;height:50px;border-radius:9px}.onepi-rank-name{font-size:12.5px}.onepi-rank-info small{font-size:10.5px}.onepi-rank-badge{min-width:36px;height:22px;padding:0 7px}.onepi-rank-footer{padding:12px 14px 15px}.onepi-rank-cta{font-size:12px}.onepi-rankings-heading{font-size:22px!important}}.onepi-rank-head-pills{display:flex;flex-direction:column;align-items:flex-end;gap:6px;min-width:max-content}.onepi-rank-period-pill{display:inline-flex;align-items:center;min-height:24px;padding:0 9px;border-radius:999px;background:#fff;color:#64748b;border:1px solid #e4ebf3;font-size:9.5px;font-weight:700;line-height:1;white-space:nowrap;box-shadow:0 2px 8px rgba(16,42,76,.04)}@media(max-width:549px){.onepi-rank-head-pills{grid-column:2;justify-self:start;align-items:flex-start;flex-direction:row;flex-wrap:wrap;margin-top:2px}.onepi-rank-top-pill{grid-column:auto;margin-top:0}}