.motion-view-switch{flex-wrap:wrap;justify-content:center;gap:8px;margin:0 0 28px;display:flex}.motion-view-switch button,.motion-study-controls button{font:inherit;color:#bdcdc6;cursor:pointer;background:0 0;border:1px solid #40554b;border-radius:30px;padding:12px 20px;font-size:15px}.motion-view-switch button[aria-pressed=true],.motion-study-controls button[aria-pressed=true]{color:#09110d;background:#dbe9e1;border-color:#dbe9e1}.motion-view-switch button:focus-visible,.motion-study-controls button:focus-visible{outline-offset:4px;outline:2px solid #73dfd0}.motion-view-caption{text-align:center;max-width:700px;margin:0 auto 26px}.motion-view-caption h3{letter-spacing:-.025em;margin:0 0 10px;font-size:clamp(23px,3vw,34px);font-weight:450}.motion-view-caption p{color:#b3c2bb;margin:0;font-size:17px;line-height:1.55}.motion-medial{color:#70d5c6;font-weight:400}.motion-lateral{color:#eac080;font-weight:400}.motion-footnote{color:#aebfb5;text-align:center;max-width:900px;margin:20px auto 0;font-size:14px;line-height:1.6}.motion-footnote a{color:#d1e8df;text-underline-offset:4px;white-space:normal}.motion-diagram{background:#050606;border-radius:22px;max-width:920px;margin:auto;padding:22px}.motion-diagram svg{width:100%;max-height:480px;display:block}.motion-diagram text{font-family:inherit;font-size:18px}.motion-diagram text:not([fill]){fill:#bfcec6}.motion-diagram p{color:#9eafa5;text-align:center;max-width:650px;margin:15px auto 0;font-size:14px;line-height:1.5}.patient-native-knee .motion-patient-superior{grid-template-columns:1fr}.patient-native-knee [hidden]{display:none!important}.patient-native-knee .dual-knee-phase{min-width:45px;font-size:16px}.motion-study{color:#eef3ed;background:#080d0a;border-radius:25px;margin:70px 0;padding:clamp(25px,5vw,65px)}.motion-study>h3{letter-spacing:-.03em;margin:0 0 15px;font-size:clamp(28px,4vw,44px);font-weight:450}.motion-study>p{color:#b6c8bc;max-width:820px;font-size:17px;line-height:1.6}.motion-study .motion-view-switch{justify-content:flex-start;margin-top:26px}.motion-study-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.motion-study-grid h4{margin:0 0 12px;font-size:20px;font-weight:450}.motion-study-grid .motion-diagram{padding:12px}.motion-study-controls{align-items:center;gap:20px;margin-top:24px;display:flex}.motion-study-controls input{accent-color:#70d5c6;flex:1;min-width:60px}.motion-study-controls output{min-width:50px;font-size:18px}.motion-study details{color:#b8c9be;margin-top:28px;font-size:15px;line-height:1.6}.motion-study summary{cursor:pointer;color:#e0ebe3}.motion-study a{color:#ade2d1}.motion-study .motion-study-source{font-size:14px}.motion-early-note{min-height:26px;color:#e4cfa8!important;font-size:16px!important}@media (width<=650px){.motion-view-switch{gap:6px}.motion-view-switch button{padding:11px 13px;font-size:14px}.motion-diagram{padding:12px 4px}.motion-diagram text{font-size:26px}.motion-study-grid{grid-template-columns:1fr}.motion-study{border-radius:18px;padding:25px 16px}.motion-view-caption p{font-size:16px}.motion-diagram svg{min-height:220px}.motion-study-controls{gap:12px}}.motion-contact-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.patient-native-knee .motion-contact{grid-template-columns:1fr}.motion-contact-grid .motion-diagram{flex-direction:column;justify-content:center;align-self:stretch;display:flex}.motion-contact-grid .motion-diagram svg{min-height:230px}.patient-native-knee .motion-contact figure>div{height:400px}@media (width<=760px){.motion-contact-grid{grid-template-columns:1fr}.patient-native-knee .motion-contact figure>div{height:330px}}.motion-loading{color:#b4c8be;pointer-events:none;place-items:center;font-size:16px;display:grid;position:absolute;inset:100px 20px 40px}.motion-study,.patient-natural-motion{scroll-margin-top:85px}
