.ride-efficiency-badge{isolation:isolate;color:#0f172a;vertical-align:middle;background:linear-gradient(135deg,#f8fafc,#e2e8f0);border:1px solid #0f172a1a;border-radius:999px;justify-content:center;align-items:center;gap:.42rem;min-width:5.42rem;max-width:100%;padding:.22rem .58rem .22rem .26rem;line-height:1;display:inline-flex;position:relative;overflow:visible;box-shadow:inset 0 1px #ffffffdb,0 .45rem 1rem #0f172a1a}.ride-efficiency-badge:before{z-index:-1;border-radius:inherit;content:"";opacity:.68;background:linear-gradient(135deg,#ffffffc7,#fff0);position:absolute;inset:-1px}.ride-efficiency-grade{z-index:2;isolation:isolate;color:#fff;letter-spacing:0;text-shadow:0 1px #0000003d,0 0 .6rem #ffffff38;background:#0f172aeb;border-radius:999px;place-items:center;width:2.02rem;min-width:2.02rem;height:2.02rem;font-size:1.22rem;font-weight:1000;display:grid;position:relative;overflow:visible}.ride-efficiency-grade-letter{z-index:3;color:inherit;display:block;position:relative;transform:translateY(-.01em)}.ride-efficiency-grade-pixie{z-index:1;opacity:.86;filter:saturate(1.24)contrast(1.1);border-radius:999px;width:2.52rem;height:2.52rem;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.ride-efficiency-copy{z-index:2;gap:.06rem;min-width:0;display:grid;position:relative}.ride-efficiency-copy em,.ride-efficiency-copy strong{text-overflow:ellipsis;white-space:nowrap;margin:0;display:block;overflow:hidden}.ride-efficiency-copy em{color:currentColor;letter-spacing:.11em;opacity:.72;text-transform:uppercase;font-size:.5rem;font-style:normal;font-weight:1000}.ride-efficiency-copy strong{letter-spacing:0;font-size:.68rem;font-weight:1000}.ride-efficiency-badge.is-mini{gap:.28rem;min-width:4.72rem;padding:.16rem .46rem .16rem .2rem}.ride-efficiency-badge.is-mini .ride-efficiency-grade{width:1.58rem;min-width:1.58rem;height:1.58rem;font-size:1rem}.ride-efficiency-badge.is-mini .ride-efficiency-grade-pixie{width:2.02rem;height:2.02rem}.ride-efficiency-badge.is-mini .ride-efficiency-copy strong{font-size:.62rem}.ride-efficiency-badge.is-compact{min-width:4.95rem}.ride-efficiency-badge.is-mark{min-width:0;box-shadow:none;background:0 0;border:0;gap:0;padding:0}.ride-efficiency-badge.is-mark:before{display:none}.ride-efficiency-badge.is-mark .ride-efficiency-grade{width:2rem;min-width:2rem;height:2rem;font-size:1.08rem;box-shadow:0 .35rem .9rem #0f172a24}.ride-efficiency-badge.is-mark.is-s-tier .ride-efficiency-grade{box-shadow:0 .35rem .9rem #ec48992e,0 0 .88rem #fbbf2452}.ride-efficiency-badge.is-mark .ride-efficiency-grade-pixie{width:2.42rem;height:2.42rem}.ride-efficiency-badge.is-s-tier{color:#431407;background:radial-gradient(circle at 20% 20%,#fffffff2,#0000 22%),linear-gradient(135deg,#fff7ad,#f59e0b 48%,#ec4899);border-color:#fbbf24b8;box-shadow:0 0 0 1px #fff7ad8a,0 .8rem 1.8rem #ec48993d,0 0 1.3rem #fbbf246b}.ride-efficiency-badge.is-s-tier .ride-efficiency-grade{color:#fffdf0;background:linear-gradient(135deg,#4c1d95,#db2777 52%,#f59e0b);box-shadow:inset 0 1px #ffffff61,0 0 .82rem #ffffff8f}.ride-efficiency-badge.is-a-tier{color:#042f2e;background:linear-gradient(135deg,#ccfbf1,#22d3ee 52%,#0ea5e9);border-color:#14b8a675;box-shadow:inset 0 1px #ffffffb3,0 .58rem 1.35rem #0ea5e933}.ride-efficiency-badge.is-a-tier .ride-efficiency-grade{background:linear-gradient(135deg,#0f766e,#0891b2)}.ride-efficiency-badge.is-b-tier{color:#052e16;background:linear-gradient(135deg,#dcfce7,#86efac);border-color:#22c55e61}.ride-efficiency-badge.is-b-tier .ride-efficiency-grade{background:linear-gradient(135deg,#15803d,#16a34a)}.ride-efficiency-badge.is-c-tier{color:#422006;background:linear-gradient(135deg,#fef9c3,#fde68a);border-color:#eab30857}.ride-efficiency-badge.is-c-tier .ride-efficiency-grade{background:linear-gradient(135deg,#a16207,#ca8a04)}.ride-efficiency-badge.is-d-tier{color:#431407;background:linear-gradient(135deg,#ffedd5,#fed7aa);border-color:#f9731657}.ride-efficiency-badge.is-d-tier .ride-efficiency-grade{background:linear-gradient(135deg,#c2410c,#ea580c)}.ride-efficiency-badge.is-f-tier{color:#334155;background:linear-gradient(135deg,#f1f5f9,#cbd5e1);border-color:#64748b42;box-shadow:inset 0 1px #ffffffbd}.ride-efficiency-badge.is-f-tier .ride-efficiency-grade{background:linear-gradient(135deg,#475569,#1f2937)}.ride-efficiency-legend{color:#334155;-webkit-backdrop-filter:blur(12px)saturate(1.12);backdrop-filter:blur(12px)saturate(1.12);background:#ffffffb8;border:1px solid #0f172a14;border-radius:999px;flex-wrap:wrap;align-items:center;gap:.4rem;max-width:100%;padding:.34rem .44rem;display:inline-flex;box-shadow:inset 0 1px #ffffffc7,0 .5rem 1rem #0f172a14}.ride-efficiency-legend>span{color:#0f172a;letter-spacing:.1em;text-transform:uppercase;font-size:.58rem;font-weight:1000;line-height:1}.ride-efficiency-legend>div{flex-wrap:wrap;align-items:center;gap:.24rem;display:flex}.ride-efficiency-legend em{color:#334155;background:#f8fafce6;border-radius:999px;align-items:center;gap:.18rem;min-width:0;padding:.14rem .28rem .14rem .16rem;font-style:normal;line-height:1;display:inline-flex}.ride-efficiency-legend b{color:#fff;background:#334155;border-radius:999px;place-items:center;width:1.08rem;height:1.08rem;font-size:.66rem;font-weight:1000;display:inline-grid}.ride-efficiency-legend small{color:currentColor;letter-spacing:0;white-space:nowrap;font-size:.55rem;font-weight:950}.ride-efficiency-legend .is-s-tier b{color:#fffdf0;background:linear-gradient(135deg,#4c1d95,#db2777 52%,#f59e0b)}.ride-efficiency-legend .is-a-tier b{background:linear-gradient(135deg,#0f766e,#0891b2)}.ride-efficiency-legend .is-b-tier b{background:linear-gradient(135deg,#15803d,#16a34a)}.ride-efficiency-legend .is-c-tier b{background:linear-gradient(135deg,#a16207,#ca8a04)}.ride-efficiency-legend .is-d-tier b{background:linear-gradient(135deg,#c2410c,#ea580c)}.ride-efficiency-legend.is-compact{padding:.26rem .34rem}.ride-efficiency-legend.is-compact em:nth-child(n+5){display:none}.ride-efficiency-guide{z-index:8;place-items:center;display:inline-grid;position:relative}.ride-efficiency-guide-button{appearance:none;color:#0f172a;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#ffffffd1;border:1px solid #0f172a1a;border-radius:999px;place-items:center;width:1.92rem;height:1.92rem;display:grid;box-shadow:inset 0 1px #ffffffdb,0 .42rem .9rem #0f172a14}.ride-efficiency-guide-button:focus-visible{outline-offset:2px;outline:2px solid #0ea5e9b8}.ride-efficiency-guide.is-open .ride-efficiency-guide-button{color:#fff;background:#0f172a;border-color:#14b8a661}.ride-efficiency-guide-popover{z-index:30;-webkit-backdrop-filter:blur(18px)saturate(1.12);backdrop-filter:blur(18px)saturate(1.12);background:#fffffff7;border:1px solid #0f172a1f;border-radius:.72rem;width:min(13rem,100vw - 1.6rem);padding:.42rem;display:grid;position:absolute;top:calc(100% + .42rem);right:0;box-shadow:0 1rem 2rem #0f172a33,inset 0 1px #ffffffeb}.ride-efficiency-guide-popover:before{background:inherit;content:"";border-top:1px solid #0f172a1a;border-left:1px solid #0f172a1a;width:.58rem;height:.58rem;position:absolute;bottom:100%;right:.64rem;transform:translateY(50%)rotate(45deg)}.ride-efficiency-guide-popover .ride-efficiency-legend{width:100%;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;padding:0;display:grid}.ride-efficiency-guide-popover .ride-efficiency-legend>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:.28rem .34rem;display:grid}.ride-efficiency-guide-popover .ride-efficiency-legend em{background:#f8fafce0;justify-content:flex-start;padding:.14rem .22rem .14rem .14rem;display:inline-flex}.ride-efficiency-guide-popover .ride-efficiency-legend.is-compact em:nth-child(n+5){display:inline-flex}.ride-efficiency-report-card{-webkit-backdrop-filter:blur(14px)saturate(1.08);backdrop-filter:blur(14px)saturate(1.08);background:radial-gradient(circle at 12% 0,#14b8a624,#0000 34%),radial-gradient(circle at 98% 12%,#f472b624,#0000 28%),#ffffffc7;border:1px solid #0f172a14;border-radius:8px;gap:.7rem;padding:.82rem;display:grid;position:relative;overflow:visible;box-shadow:inset 0 1px #ffffffbd,0 .75rem 1.7rem #0f172a14}.ride-efficiency-report-head{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.55rem;display:grid}.ride-efficiency-report-head>span{color:#fff;background:linear-gradient(135deg,#0f766e,#0891b2);border-radius:999px;place-items:center;width:2.15rem;height:2.15rem;display:grid;box-shadow:0 .6rem 1.2rem #0ea5e92e}.ride-efficiency-report-head p,.ride-efficiency-report-head strong,.ride-efficiency-report-head em{margin:0}.ride-efficiency-report-head p{color:#64748b;letter-spacing:.12em;text-transform:uppercase;font-size:.62rem;font-weight:1000;line-height:1}.ride-efficiency-report-head strong{color:#0f172a;letter-spacing:0;text-overflow:ellipsis;white-space:nowrap;margin-top:.16rem;font-size:.95rem;font-weight:1000;line-height:1.08;display:block;overflow:hidden}.ride-efficiency-report-actions{justify-content:end;align-items:center;gap:.34rem;display:inline-flex}.ride-efficiency-report-actions em{color:#fff;letter-spacing:.08em;text-transform:uppercase;background:#0f172adb;border-radius:999px;padding:.28rem .48rem;font-size:.62rem;font-style:normal;font-weight:1000;line-height:1}.ride-efficiency-report-guide .ride-efficiency-guide-button{width:1.9rem;height:1.9rem}.ride-efficiency-report-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.34rem;display:grid}.ride-efficiency-report-grid article{background:#ffffffb8;border:1px solid #0f172a14;border-radius:8px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.36rem;min-width:0;padding:.34rem .42rem;display:grid;box-shadow:inset 0 1px #fffc}.ride-efficiency-report-grid article>span{color:#334155;background:#0f172a14;border-radius:999px;place-items:center;width:1.24rem;height:1.24rem;font-size:.64rem;font-weight:1000;display:grid}.ride-efficiency-report-grid article div{min-width:0}.ride-efficiency-report-grid article strong{color:#0f172a;letter-spacing:0;text-overflow:ellipsis;white-space:nowrap;font-size:.84rem;font-weight:1000;line-height:1.06;display:block;overflow:hidden}.ride-efficiency-report-orb{--ride-liquid-grade-size:1.66rem;--ride-liquid-grade-offset:-.12rem;--ride-liquid-minutes-bottom:.16rem;--ride-liquid-minutes-size:.68rem;--ride-liquid-grade-pixie-size:2.3rem;border-width:1px;width:3rem}.ride-efficiency-report-grid article .ride-efficiency-report-orb>strong{font-size:var(--ride-liquid-grade-size);line-height:1}.ride-efficiency-report-grid article .ride-efficiency-report-orb .ride-liquid-minutes{bottom:var(--ride-liquid-minutes-bottom);font-size:var(--ride-liquid-minutes-size)}.ride-efficiency-report-card.is-loading .ride-efficiency-report-grid i{background:linear-gradient(90deg,#e2e8f0b8,#f8fafceb,#e2e8f0b8) 0 0/220% 100%;border-radius:8px;min-height:3rem;animation:1.35s ease-in-out infinite rideEfficiencyReportPulse}@keyframes rideEfficiencyReportPulse{0%{background-position:120% 0}to{background-position:-120% 0}}@media (max-width:640px){.ride-efficiency-legend{border-radius:8px;justify-content:space-between;width:100%}.ride-efficiency-legend>div{justify-content:flex-end}.ride-efficiency-report-card{padding:.68rem}.ride-efficiency-report-grid{grid-template-columns:1fr;gap:.32rem}.v2-ride-report-card .ride-efficiency-report-grid{scroll-snap-type:x proximity;scrollbar-width:none;-webkit-overflow-scrolling:touch;grid-template-columns:none;gap:.42rem;margin-right:-.68rem;padding-right:.68rem;scroll-padding-inline:.02rem .68rem;display:flex;overflow:auto hidden}.v2-ride-report-card .ride-efficiency-report-grid::-webkit-scrollbar{width:0;height:0;display:none}.v2-ride-report-card .ride-efficiency-report-grid article{scroll-snap-align:start;flex:0 0 min(13.4rem,82vw);min-height:3.95rem}.v2-ride-report-card .ride-efficiency-report-grid article>span{width:1.08rem;height:1.08rem;font-size:.58rem}.v2-ride-report-card .ride-efficiency-report-grid article strong{font-size:.78rem}.v2-ride-report-card .ride-efficiency-report-orb{--ride-liquid-grade-size:1.48rem;--ride-liquid-minutes-size:.62rem;width:2.66rem}}
