/* Signature effect: the circuit tree, night sky and About trail */

/* Roots band and signal overlay */
.ttt-roots{min-height:120px;position:relative;margin-top:0}
#ttt-overlay{position:absolute;left:0;top:0;pointer-events:none;z-index:5;position:absolute;left:0;top:0;pointer-events:none;z-index:3}
#ttt-overlay .sig{opacity:0;animation:ttt-sig 8s ease-in-out infinite}
#ttt-overlay.sigoff .sig{animation-play-state:paused}
#ttt-overlay .tw{animation:ttt-stw var(--d) ease-in-out var(--dl) infinite}
@media (prefers-reduced-motion:reduce){
#ttt-overlay .tw,#ttt-overlay .sig{animation:none}
#ttt-overlay .sig{opacity:1}
}
body.ttt-trail-page .ttt-roots{height:clamp(190px,24vw,280px)!important;margin-top:48px!important}
@keyframes ttt-sig{0%{opacity:0}8%{opacity:1}82%{opacity:1}90%{opacity:0}100%{opacity:0}}
@keyframes ttt-stw{0%,100%{opacity:var(--o);transform:scale(1)}40%{opacity:.05;transform:scale(.7)}55%{opacity:1;transform:scale(1.8)}70%{opacity:var(--o);transform:scale(1)}}

/* Pages without the signature effect */
body:not(.ttt-signature) .ttt-roots{display:none}
body:not(.ttt-signature) .ttt-footer>.ttt-conn{opacity:1;margin-top:28px}
body:not(.ttt-signature) .ttt-section{padding-right:max(28px,calc((100% - 1100px)/2 + 28px))}
@media (max-width:639px){
body:not(.ttt-signature) .ttt-section{padding-right:20px}
}