.m3-legal.m3-how main{max-width:none;padding:56px 24px 80px}.m3-legal.m3-how article{color:#2b4a3f;max-width:700px;margin:0 auto;font-size:18px;line-height:1.75}.m3-how-head{margin-bottom:34px}.m3-how-head h1{margin:14px 0!important}.m3-how-byline{color:#5e7665;font-size:15px;margin:0!important}.m3-legal.m3-how article p{margin:0 0 20px}.m3-legal.m3-how .m3-how-lede{color:#243f35;font-size:21px;line-height:1.65}.m3-legal.m3-how article h2{letter-spacing:-.7px;color:#163f32;margin:52px 0 16px;font-size:28px;font-weight:550;line-height:1.3}.m3-legal.m3-how article a{color:#245b48;text-underline-offset:3px;text-decoration:underline}.m3-legal.m3-how article code{background:#eef3ec;border:1px solid #e0e8dd;border-radius:6px;padding:1px 6px;font-family:Geist Mono,ui-monospace,monospace;font-size:.84em}.m3-legal.m3-how article ul{margin:0 0 20px;padding-left:22px;list-style:outside}.m3-legal.m3-how article li+li{margin-top:10px}.m3-how-code{background:#f3f6f1;border:1px solid #dce5d9;border-radius:14px;margin:4px 0 22px;padding:18px 20px;font-size:14px;line-height:1.65;overflow-x:auto}.m3-how-code code{color:#2c4a3e;font-size:inherit!important;background:0 0!important;border:0!important;padding:0!important}.m3-how-fig{width:min(960px,100vw - 48px);margin:34px 0 38px calc(350px + min(960px,100vw - 48px)/-2)}.m3-how-fig.square{width:min(620px,100%);margin:34px auto 38px}.m3-how-player{aspect-ratio:16/9;isolation:isolate;background:#eef2ec;border:1px solid #dce5d9;border-radius:16px;position:relative;overflow:hidden}.m3-how-player.square{aspect-ratio:1}.m3-how-player video{object-fit:cover;cursor:pointer;width:100%;height:100%;display:block}.m3-how-player:after{content:"";pointer-events:none;background:radial-gradient(circle,#10302633 0,#1030260d 34%,#0000 62%);transition:opacity .25s;position:absolute;inset:0}.m3-how-player.playing:after{opacity:0}.m3-how-play{z-index:2;color:#245b48;cursor:pointer;background:#fffffff2;border:0;border-radius:50%;place-items:center;width:88px;height:88px;margin:-44px 0 0 -44px;transition:transform .2s cubic-bezier(.2,.7,.2,1),opacity .2s,background .15s;display:grid;position:absolute;top:50%;left:50%;box-shadow:0 12px 34px #10302640,0 0 0 10px #ffffff4d}.m3-how-play svg{fill:currentColor;width:34px;height:34px;margin-left:5px}.m3-how-player.ended .m3-how-play svg{width:36px;height:36px;margin-left:0}.m3-how-player:hover .m3-how-play{transform:scale(1.07)}.m3-how-play:hover{background:#fff}.m3-how-play:focus-visible{outline-offset:6px;outline:3px solid #245b48}.m3-how-player.playing .m3-how-play{opacity:0;pointer-events:none;transform:scale(.86)}.m3-how-spin{z-index:2;opacity:0;pointer-events:none;border:3px solid #ffffffb3;border-top-color:#245b48;border-radius:50%;width:48px;height:48px;margin:-24px 0 0 -24px;position:absolute;top:50%;left:50%}.m3-how-player.waiting .m3-how-spin{opacity:1;animation:.8s linear infinite m3-how-spin}@keyframes m3-how-spin{to{transform:rotate(360deg)}}.m3-how-track{z-index:3;cursor:pointer;height:18px;position:absolute;bottom:0;left:0;right:0}.m3-how-track:before,.m3-how-track span{content:"";height:4px;transition:height .15s;position:absolute;bottom:0;left:0;right:0}.m3-how-track:before{background:#1030261f}.m3-how-track span{transform-origin:0;background:#398b61;transform:scaleX(0)}.m3-how-player:hover .m3-how-track:before,.m3-how-player:hover .m3-how-track span{height:7px}.m3-how-track:focus-visible:before{height:7px}.m3-how-track:focus-visible span{height:7px}.m3-how-track:focus-visible{outline:none}.m3-how-track:focus-visible:before{box-shadow:0 0 0 2px #245b48}.m3-how-sound{z-index:3;color:#245b48;cursor:pointer;opacity:0;background:#ffffffe6;border:1px solid #d3ddd4;border-radius:50%;place-items:center;width:38px;height:38px;transition:opacity .2s;display:grid;position:absolute;bottom:22px;right:14px}.m3-how-sound svg{fill:currentColor;width:19px;height:19px}.m3-how-player:hover .m3-how-sound,.m3-how-player.paused .m3-how-sound,.m3-how-player.ended .m3-how-sound{opacity:1}.m3-how-sound:focus-visible{opacity:1}@media (hover:none){.m3-how-sound{opacity:1}}@media (prefers-reduced-motion:reduce){.m3-how-play{transition:none}.m3-how-player.waiting .m3-how-spin{animation-duration:2.4s}}.m3-how-fig figcaption{color:#536c5c;max-width:700px;margin:12px auto 0;font-size:15px;line-height:1.6}.m3-legal.m3-how article .m3-how-cta{flex-wrap:wrap;align-items:center;gap:22px;margin-top:36px;display:flex}.m3-legal.m3-how article .m3-how-button{color:#fff;background:#245b48;border-radius:999px;align-items:center;gap:10px;height:50px;padding:0 26px;font-size:16px;font-weight:500;text-decoration:none;display:inline-flex}.m3-legal.m3-how article .m3-how-button:hover{background:#163f32}.m3-how-cta>a:last-child{font-size:15px}@media (max-width:760px){.m3-how-fig{width:100%;margin:28px 0 32px}.m3-how-player{border-radius:10px}.m3-how-play{width:68px;height:68px;margin:-34px 0 0 -34px;box-shadow:0 10px 26px #10302640,0 0 0 7px #ffffff4d}.m3-how-play svg{width:28px;height:28px}}@media (max-width:680px){.m3-legal.m3-how main{padding:30px 20px 56px}.m3-legal.m3-how article{font-size:17px}.m3-legal.m3-how .m3-how-lede{font-size:19px}.m3-legal.m3-how article h2{margin-top:42px;font-size:24px}.m3-how-code{padding:14px;font-size:12.5px}}@media print{.m3-how-cta{display:none!important}}