@charset "UTF-8";
.motion-word{display:inline-block;vertical-align:baseline}
.community-hero h1 .motion-word{color:inherit}
.motion-label{position:relative}
.motion-label::after{content:"";position:absolute;left:0;bottom:-9px;width:34px;height:1px;background:currentColor;opacity:.35;transform-origin:left}
.motion-label.is-arriving::after{animation:motion-line .85s cubic-bezier(.16,1,.3,1) both}
@keyframes motion-line{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.button{position:relative;overflow:hidden}
.button::before{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:radial-gradient(circle at var(--glow-x,50%) var(--glow-y,50%),#ffffff50,transparent 65%);opacity:0;transition:opacity .25s}
.button:active{scale:.975}
.button{transition:scale .2s,transform .3s,box-shadow .3s,background .25s,color .25s}
.motion-ripple{position:absolute;width:22px;height:22px;margin:-11px;border:1px solid currentColor;border-radius:50%;pointer-events:none;opacity:0;animation:motion-ripple .65s ease-out}
@keyframes motion-ripple{from{opacity:.35;transform:scale(.1)}to{opacity:0;transform:scale(18)}}
.header nav a:not(.button),.community-header nav a{position:relative}
.header nav a:not(.button)::after,.community-header nav a::after{content:"";position:absolute;left:0;right:0;bottom:-7px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .35s cubic-bezier(.2,.7,.2,1)}
.document-row,.help-contact,.topic-card,.join-options article{transition:translate .35s,border-color .3s,box-shadow .35s,background .3s}
.help-channel>span,.hero-mark{transition:transform .45s cubic-bezier(.16,1,.3,1)}
@media(hover:hover) and (pointer:fine){
  .button:not(:disabled):hover::before{opacity:1}
  .header nav a:not(.button):hover::after,.community-header nav a:hover::after{transform:scaleX(1);transform-origin:left}
  .header nav a:not(.button):hover,.community-header nav a:hover{text-decoration:none}
  .document-row:hover,.topic-card:hover,.join-options article:hover{translate:0 -3px;box-shadow:0 16px 40px #0000000a}
  .help-contact:hover .help-channel>span{transform:translate(3px,-3px)}
  .hero-aside:hover .hero-mark{transform:rotate(45deg)}
}
@media(prefers-reduced-motion:reduce){
  .motion-label::after,.motion-ripple{animation:none!important}
  .motion-ripple{display:none}
  .button,.button::before,.document-row,.help-contact,.topic-card,.join-options article,.help-channel>span,.hero-mark,.header nav a::after,.community-header nav a::after{transition:none!important;translate:none!important;scale:none!important}
  .hero-aside:hover .hero-mark,.help-contact:hover .help-channel>span{transform:none}
}