html{scroll-behavior:smooth}
body{margin:0;background:#0A0A0A}
a{color:#FFFFFF;text-decoration:none}a:hover{color:#D4D4D4}
*{box-sizing:border-box}
@keyframes sxChev{0%,100%{opacity:.12}40%{opacity:1}}
@keyframes sxRise{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}
.sx-chev{animation:sxChev 1.8s ease-in-out infinite}
.sx-rise{animation:sxRise .8s cubic-bezier(.2,.7,.2,1) both}
.sx-btn{transition:transform .2s ease,background .2s ease,color .2s ease}
.sx-btn:hover{transform:translateY(-2px)}
.sx-btn-solid:hover{background:#D4D4D4 !important;color:#0A0A0A !important}
.sx-gridbg{background-image:linear-gradient(rgba(255,255,255,0.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,0.045) 1px,transparent 1px);background-size:56px 56px}
.sx-nav{display:flex}
.sx-mnav{display:none}
.sx-mnav summary{list-style:none}
.sx-mnav summary::-webkit-details-marker{display:none}
@media (max-width:960px){.sx-nav{display:none}.sx-mnav{display:block}}
.sx-doc a{text-decoration:underline;text-underline-offset:3px}
.sx-side a:hover{background:#151515}
.sx-field input,.sx-field textarea{width:100%;min-height:48px;padding:12px 14px;background:#0F0F0F;border:1px solid #333333;border-radius:2px;color:#FFFFFF;font:inherit;font-size:15px}
.sx-field input:focus,.sx-field textarea:focus{outline:2px solid #FFFFFF;outline-offset:1px;border-color:#FFFFFF}
.sx-field input::placeholder,.sx-field textarea::placeholder{color:#7A7A7A}
@media (prefers-reduced-motion:reduce){*{animation:none !important;transition:none !important}}