.community-motion-demo{--community-sprite:url(/images/community-home-preview.webp);--community-heart:#fa7a96;--community-muted:#9bb3c5;--community-cyan:#39cfdf;color:#e6f0f7;isolation:isolate;background:#03121b;font-family:Arial,Helvetica,sans-serif;overflow:hidden}.community-demo-preview-tools{align-items:center;gap:9px;display:flex}.community-demo-motion-toggle{color:#9fc4d4;background:0 0;border:1px solid #294858;border-radius:6px;place-items:center;width:28px;height:28px;min-height:0;padding:0;display:grid}.community-demo-motion-toggle:hover{color:#e4f8ff;background:#17323f}.community-demo-layout{pointer-events:none;-webkit-user-select:none;user-select:none;grid-template-columns:19% minmax(0,56%) minmax(0,25%);font-size:clamp(11px,1.08vw,14px);line-height:1.5;display:grid}.community-demo-topbar{border-bottom:1px solid #213846;grid-column:1/-1;grid-template-columns:19% minmax(0,56%) minmax(0,25%);align-items:center;gap:0;padding:13px 0;display:grid}.community-demo-brand{letter-spacing:-.5px;align-items:center;gap:9px;padding-left:22px;font-size:clamp(15px,1.65vw,22px);font-weight:600;display:flex}.community-demo-brand-bars{align-items:flex-end;gap:3px;height:24px;display:flex;transform:skewY(-16deg)}.community-demo-brand-bars i{background:#28c6e1;border-radius:1px;width:5px;height:18px}.community-demo-brand-bars i:nth-child(2){height:24px}.community-demo-brand-bars i:last-child{height:21px}.community-demo-search{color:var(--community-muted);background:#0b202c;border:1px solid #294657;border-radius:30px;align-items:center;gap:9px;margin:0 15px;padding:7px 12px;font-size:11px;display:flex}.community-demo-search svg{flex-shrink:0;width:16px;height:16px}.community-demo-account{color:var(--community-muted);justify-content:flex-end;align-items:center;gap:20px;padding-right:20px;display:flex}.community-demo-account>svg{width:18px;height:18px}.community-demo-sidebar{color:#c5d8e5;border-right:1px solid #213846;padding:20px 10px}.community-demo-sidebar>span{white-space:nowrap;border-radius:6px;align-items:center;gap:12px;padding:15px 12px;font-size:12px;display:flex}.community-demo-sidebar svg{color:#aac5d9;flex-shrink:0;width:19px;height:19px}.community-demo-sidebar .community-demo-nav-active{color:#40d4e4;background:#063346;border-left:3px solid #24c5df;font-weight:600}.community-demo-nav-active svg{color:inherit}.community-demo-sidebar hr{border:0;border-top:1px solid #213846;margin:20px 8px}.community-demo-feed{min-width:0;padding:17px 15px 0}.community-demo-heading{flex-direction:column;gap:2px;margin-bottom:9px;display:flex}.community-demo-heading>strong{letter-spacing:-.5px;font-size:clamp(22px,2.2vw,31px);font-weight:650;line-height:1.2}.community-demo-heading>span{color:#b3c7d8}.community-demo-tabs{color:#b9ccda;border-bottom:1px solid #233a47;gap:30px;margin-bottom:10px;display:flex}.community-demo-tabs>span{padding:10px 5px 8px}.community-demo-tabs>span:first-child{color:var(--community-cyan);border-bottom:2px solid var(--community-cyan);font-weight:600}.community-demo-avatar{background-color:#254050;background-image:var(--community-sprite);background-repeat:no-repeat;border-radius:50%;flex-shrink:0;width:36px;height:36px;display:inline-block}.community-demo-avatar--alex{background-position:-151px -143.5px;background-size:718.1px 478.8px}.community-demo-avatar--maya{background-position:-254.5px -414.6px;background-size:953.4px 635.6px}.community-demo-avatar--daniel{background-position:-254.5px -473px;background-size:953.4px 635.6px}.community-demo-avatar--sofia{background-position:-154px -424px;background-size:737.3px 491.5px}.community-demo-composer{color:#adc2d1;border:1px solid #223e4e;border-radius:7px;align-items:center;gap:10px;margin:10px 0;padding:10px;display:flex}.community-demo-composer>span:nth-child(2){flex:1}.community-demo-composer>svg{flex-shrink:0;width:18px;height:18px}.community-demo-post{background:#051722;border:1px solid #203c4b;border-radius:8px;margin-bottom:10px;padding:12px 11px;position:relative}.community-demo-post-heading{align-items:center;gap:10px;min-width:0;display:flex}.community-demo-post-heading>div{flex:1;min-width:0}.community-demo-post strong,.community-demo-reply strong{color:#eaf3f9;font-size:13px;font-weight:600;line-height:1.5;display:block}.community-demo-post strong small,.community-demo-reply strong small{color:var(--community-muted);white-space:nowrap;margin-left:4px;font-size:11px;font-weight:400}.community-demo-post-heading>div>span{color:var(--community-muted);margin-top:2px;font-size:11px;display:block}.community-demo-post-heading em{color:#49d2e4;background:#0a3545;border-radius:8px;margin-left:3px;padding:2px 7px;font-style:normal}.community-demo-post-heading>svg{color:#99b4c7;flex-shrink:0;align-self:flex-start;width:16px;height:16px;margin-top:5px}.community-demo-post-content{margin-left:46px}.community-motion-demo .community-demo-post p{color:#e2edf4;margin:8px 0 10px;font-size:13px;line-height:1.5}.community-demo-chart{aspect-ratio:658/200;background-image:var(--community-sprite);background-position:47.38% 49.15%;background-repeat:no-repeat;background-size:233.435% 512%;border:1px solid #284151;border-radius:10px;width:100%}.community-demo-actions{color:#a2bbce;justify-content:space-between;align-items:center;gap:15px;min-height:39px;padding-right:8px;font-size:11px;display:flex}.community-demo-actions>span{align-items:center;gap:6px;min-width:25px;min-height:28px;display:flex;position:relative}.community-demo-actions svg{stroke-width:1.5px;flex-shrink:0;width:17px;height:17px}.community-demo-like-icon{fill:#0000}.community-demo-count{font-variant-numeric:tabular-nums;min-width:13px;display:grid}.community-demo-count>span{grid-area:1/1}.community-demo-count>span:not(:first-child){visibility:hidden}.community-demo-heart-burst{pointer-events:none;position:absolute;top:5px;left:0}.community-demo-heart-burst svg{fill:var(--community-heart);color:var(--community-heart);opacity:0;width:13px;height:13px;position:absolute;top:0;left:0}.community-demo-heart-burst svg:nth-child(2){--heart-x:23px;--heart-delay:.18s;width:10px;height:10px}.community-demo-heart-burst svg:nth-child(3){--heart-x:-18px;--heart-delay:.35s;width:11px;height:11px}.community-demo-replies{border-left:1px solid #35566b;margin-left:18px;padding-left:15px}.community-demo-reply{gap:10px;min-height:83px;padding:8px 0 0;display:flex;position:relative}.community-demo-reply:before{content:"";background:#35566b;width:10px;height:1px;position:absolute;top:24px;left:-16px}.community-demo-reply>div{flex:1;min-width:0}.community-motion-demo .community-demo-reply p{margin:4px 0 0;font-size:12px;line-height:1.5}.community-demo-reply .community-demo-actions{min-height:31px}.community-demo-reply .community-demo-actions svg{width:14px;height:14px}.community-demo-new-likes{color:#e7f6fd;opacity:0;background:#102d3b;border:1px solid #315468;border-radius:20px;align-items:center;gap:5px;padding:5px 9px;font-size:10px;display:flex;position:absolute;top:103px;right:22px;box-shadow:0 3px 12px #00101855}.community-demo-new-likes>svg{width:12px;height:12px;color:var(--community-heart);fill:var(--community-heart)}.community-demo-learning-post{margin-bottom:12px}.community-motion-demo .community-demo-learning-post p{margin:7px 0 0;font-size:12px}.community-demo-discover{border-left:1px solid #213846;min-width:0;padding:16px 13px}.community-demo-discover>div{background:#061923;border:1px solid #1d3b4c;border-radius:8px;margin-bottom:14px;padding:16px 13px}.community-demo-discover strong{font-size:14px;font-weight:600;line-height:1.5}.community-demo-discover p{color:#b0c6d7;margin:6px 0 13px;font-size:12px;line-height:1.65}.community-demo-topics{justify-content:space-between;gap:6px;font-size:11px;display:flex}.community-demo-topics>b{background:#0b2230;border:1px solid #2b4657;border-radius:24px;padding:7px 10px;font-weight:400;display:block}.community-demo-topics>b:first-child{color:#03232e;background:#23c5e2;border-color:#23c5e2}.community-demo-rail-title{align-items:center;gap:10px;margin-bottom:10px;display:flex}.community-demo-rail-title>svg{background:#064159;border-radius:7px;flex-shrink:0;width:34px;height:34px;padding:6px}.community-demo-academy-cta{text-align:center;color:#001925;background:#22c5e2;border-radius:7px;padding:10px 7px;font-size:12px;font-weight:600;display:block}.community-motion-demo.is-animated .community-demo-like--primary>.community-demo-like-icon{animation:12s ease-in-out infinite community-demo-heartbeat}.community-motion-demo.is-animated .community-demo-like--primary{animation:12s step-end infinite community-demo-like-color}.community-motion-demo.is-animated .community-demo-count>span:first-child{animation:12s step-end infinite community-demo-count-first}.community-motion-demo.is-animated .community-demo-count>span:nth-child(2){animation:12s step-end infinite community-demo-count-second}.community-motion-demo.is-animated .community-demo-count>span:nth-child(3){animation:12s step-end infinite community-demo-count-third}.community-motion-demo.is-animated .community-demo-heart-burst>svg{animation:community-demo-hearts 12s ease-out var(--heart-delay,0s) infinite}.community-motion-demo.is-animated .community-demo-reply--maya{animation:12s ease-out infinite community-demo-maya}.community-motion-demo.is-animated .community-demo-reply--daniel{animation:12s ease-out infinite community-demo-daniel}.community-motion-demo.is-animated .community-demo-new-likes{animation:12s ease-out infinite community-demo-toast}.community-motion-demo.is-paused *{animation-play-state:paused!important}@keyframes community-demo-heartbeat{0%,10%,54%,96%,to{fill:#0000;transform:scale(1)}12%,56%{fill:var(--community-heart);transform:scale(1.42)}15%,59%{fill:var(--community-heart);transform:scale(.92)}18%,53%,62%,94%{fill:var(--community-heart);transform:scale(1)}}@keyframes community-demo-like-color{0%,96%,to{color:#a2bbce}11%{color:var(--community-heart)}}@keyframes community-demo-count-first{0%,96%,to{visibility:visible}11%{visibility:hidden}}@keyframes community-demo-count-second{0%,56%,to{visibility:hidden}11%{visibility:visible}}@keyframes community-demo-count-third{0%,96%,to{visibility:hidden}56%{visibility:visible}}@keyframes community-demo-hearts{0%,10%,29%,54%,73%,to{opacity:0;transform:translate(0)scale(.5)}13%,57%{opacity:.95;transform:translateY(-10px)scale(.9)}27%,71%{opacity:0;transform:translate(var(--heart-x,5px),-70px) scale(1.15) rotate(12deg)}}@keyframes community-demo-maya{0%,21%,to{opacity:0;transform:translateY(10px)}27%,94%{opacity:1;transform:translateY(0)}98%{opacity:0;transform:translateY(0)}}@keyframes community-demo-daniel{0%,33%,to{opacity:0;transform:translateY(10px)}39%,94%{opacity:1;transform:translateY(0)}98%{opacity:0;transform:translateY(0)}}@keyframes community-demo-toast{0%,10%,32%,54%,76%,to{opacity:0;transform:translateY(7px)}15%,27%,59%,71%{opacity:1;transform:translateY(0)}}@media (width<=1100px){.community-demo-layout,.community-demo-topbar{grid-template-columns:22% minmax(0,78%)}.community-demo-account,.community-demo-discover{display:none}.community-demo-topbar .community-demo-search{margin-right:18px}.community-demo-brand{padding-left:15px;font-size:18px}.community-demo-layout{font-size:13px}.community-demo-feed{padding:17px 16px 0}.community-demo-heading>strong{font-size:28px}}@media (width<=700px){.community-demo-layout,.community-demo-topbar{display:block}.community-demo-sidebar,.community-demo-brand{display:none}.community-demo-topbar{padding:7px 0}.community-demo-topbar .community-demo-search{gap:6px;margin:0 7px;padding:5px 8px;font-size:10px}.community-demo-search svg{width:13px;height:13px}.community-demo-feed{padding:10px 7px 0}.community-demo-heading>strong{font-size:23px}.community-demo-heading>span{font-size:11px}.community-demo-tabs{gap:26px;margin-bottom:7px;font-size:11px}.community-demo-tabs>span{padding:6px 3px}.community-demo-composer{gap:8px;margin:8px 0;padding:8px;font-size:11px}.community-demo-composer>svg{width:15px;height:15px}.community-demo-composer>svg:last-child{display:none}.community-demo-post{margin-bottom:7px;padding:10px 8px}.community-demo-post-heading{gap:8px}.community-demo-post strong,.community-demo-reply strong{font-size:12px}.community-demo-post strong small,.community-demo-reply strong small,.community-demo-post-heading>div>span{font-size:10px}.community-demo-post-content{margin-left:44px}.community-motion-demo .community-demo-post p{margin:7px 0 8px;font-size:12px;line-height:1.5}.community-demo-actions{min-height:37px;font-size:10px}.community-demo-actions svg{width:16px;height:16px}.community-demo-replies{margin-left:15px;padding-left:12px}.community-demo-reply{gap:8px;min-height:78px;padding-top:7px}.community-demo-reply:before{left:-13px}.community-motion-demo .community-demo-reply p{margin:3px 0 0;font-size:11px}.community-motion-demo .community-demo-learning-post p{font-size:11px}.community-demo-reply .community-demo-avatar{width:30px;height:30px}.community-demo-reply .community-demo-avatar--maya{background-position:-212.1px -345.5px;background-size:794.5px 529.7px}.community-demo-reply .community-demo-avatar--daniel{background-position:-212.1px -394.2px;background-size:794.5px 529.7px}.community-demo-new-likes{font-size:9px;top:93px;right:16px}.community-demo-preview-tools{gap:5px}.community-demo-motion-toggle{width:26px;height:26px}}@media (width<=390px){.community-demo-post-content{margin-left:0}.community-demo-reply strong small{display:none}.community-demo-post-heading strong small{font-size:9px}.community-demo-post strong{font-size:11px}.community-demo-preview-tools .home-community-preview-label{font-size:8px!important}}@media (pointer:coarse){.community-demo-motion-toggle{width:36px;height:36px;position:relative}.community-demo-motion-toggle:before{content:"";position:absolute;inset:-4px}}@media (prefers-reduced-motion:reduce){.community-motion-demo.is-animated *{animation:none!important}.community-demo-reply{opacity:1!important;transform:none!important}.community-demo-heart-burst,.community-demo-new-likes{display:none}}