.sim-feeling-signal{display:none}
#site.dark:not(.light-sim) #philosophy .principle-human .feeling-design-study{display:none}
#site.dark:not(.light-sim) #philosophy .sim-feeling-signal{display:block;width:100%;max-width:580px}
.sim-feeling-signal svg{display:block;width:100%;height:auto;overflow:visible}
.sim-feeling-signal .signal-micro{font:6px Arial,Helvetica,sans-serif!important;letter-spacing:1px}
.sim-feeling-signal .signal-caption{font:7px Arial,Helvetica,sans-serif!important;letter-spacing:1.2px}
.sim-feeling-signal .signal-title{font-family:Arial,Helvetica,sans-serif!important;font-size:51px;font-weight:900;letter-spacing:-2.7px}
.sim-feeling-signal .signal-resonate{font-size:53px;letter-spacing:-3px}
@media(prefers-reduced-motion:no-preference){
 #site.dark:not(.light-sim) .signal-visible .signal-wave{stroke-dasharray:1;animation:sim-feeling-wave 6s ease-in-out infinite}
 #site.dark:not(.light-sim) .signal-visible .signal-type-slider{animation:sim-feeling-slider 6s ease-in-out infinite alternate}
 #site.dark:not(.light-sim) .signal-visible .signal-type{transform-box:view-box;transform-origin:38px 110px;animation:sim-feeling-type-size 6s ease-in-out infinite alternate}
 #site.dark:not(.light-sim) .signal-visible .signal-status{animation:sim-feeling-status 3s ease-in-out infinite}
 #site.dark:not(.light-sim) .signal-visible .signal-resonate{animation:sim-feeling-ink 6s ease-in-out infinite}
 @keyframes sim-feeling-wave{0%,10%{stroke-dashoffset:1;opacity:.3}48%,86%{stroke-dashoffset:0;opacity:1}100%{stroke-dashoffset:-1;opacity:.3}}
 @keyframes sim-feeling-slider{from{transform:translateX(-35px)}to{transform:translateX(12px)}}
 @keyframes sim-feeling-type-size{from{transform:scale(.78)}to{transform:scale(1.04)}}
 @keyframes sim-feeling-status{0%,100%{opacity:.4}50%{opacity:1}}
 @keyframes sim-feeling-ink{0%,100%{fill:#a8ba87}45%,85%{fill:#d6ff71}}
}