@keyframes rotationcw{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes rotationccw{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}#user-experience #dotted-circle{transform:translateZ(0);transform-box:fill-box;transform-origin:center;animation-name:rotationccw;animation-duration:150s;animation-iteration-count:infinite;animation-timing-function:linear}#user-experience #color{transform:translateZ(0);transform-box:fill-box;transform-origin:center;animation-name:rotationcw;animation-duration:200s;animation-iteration-count:infinite;animation-timing-function:linear}#user-experience #outer-text-circle{transform:translateZ(0);transform-box:fill-box;transform-origin:center;animation-name:rotationcw;animation-duration:100s;animation-iteration-count:infinite;animation-timing-function:linear}#user-experience #outer-text-circle g>text{transition:all .3s ease-in-out}#user-experience #outer-text-circle>g.text{pointer-events:none}#user-experience #outer-text-circle g.social-environment.hover>text{fill:#ae4eff!important}#user-experience #outer-text-circle g.marketing.hover>text{fill:#ae4eff!important}#user-experience #color-text text{transition:all .3s ease-in-out}#user-experience #color-text>g{pointer-events:none}#user-experience #color-text .intelligence-text.hover text{fill:#002fff!important}#user-experience #color-text .creativity-text.hover text{fill:#ffd000!important}#user-experience #color-text .technology-text.hover text{fill:#3efac5!important}#user-experience #inner-overlay circle{transition:all .3s ease-in-out}#user-experience #inner-overlay{transition:all .3s ease-in-out;opacity:0;visibility:hidden}#user-experience #inner-overlay>g.overlay{transition:all .3s ease-in-out;opacity:0;visibility:hidden}#user-experience #inner-overlay>g.overlay-bg{transition:all .3s ease-in-out;opacity:0;visibility:hidden}#user-experience #icons>g path{transition:all .3s ease-in-out}#user-experience #icons>g polygon{transition:all .3s ease-in-out}#user-experience #icons>g{pointer-events:none}#user-experience #icons #brain.hover path{fill:#002fff!important}#user-experience #icons #wand.hover path{fill:#ffd000!important}#user-experience #icons #wand.hover polygon{fill:#ffd000!important}#user-experience #icons #code.hover path{fill:#3efac5!important}#user-experience #center-circle>text{transition:all .3s ease-in-out;pointer-events:none;fill:#fff}#user-experience #center-circle>circle{cursor:pointer}#user-experience #center-circle>g{pointer-events:none}#user-experience .jsToggleClose circle{transition:all .3s ease-in-out;cursor:pointer}#user-experience .jsToggleClose path{transition:all .3s ease-in-out;pointer-events:none}#user-experience .jsToggleClose:hover circle{fill:#fff}#user-experience .jsToggleClose:hover path{fill:#000}#user-experience{max-width:750px}#user-experience .jsToggle>path{cursor:pointer}#user-experience #outer-overlay>g{transition:all .3s ease-in-out;opacity:0;visibility:hidden}#user-experience #outer-overlay>.circle{transition:all .3s ease-in-out;opacity:0;visibility:hidden}#user-experience #center-circle.hover>text{fill:#ae4eff}#user-experience.social-environment #outer-text-circle g.social-environment>text{fill:#ae4eff}#user-experience.social-environment #outer-overlay>.circle{opacity:1;visibility:visible}#user-experience.social-environment #outer-overlay>g.jsToggleClose{opacity:1;visibility:visible}#user-experience.social-environment #outer-overlay>g.social-environment{opacity:1;visibility:visible}#user-experience.marketing #outer-text-circle g.marketing>text{fill:#ae4eff}#user-experience.marketing #outer-overlay>.circle{opacity:1;visibility:visible}#user-experience.marketing #outer-overlay>g.jsToggleClose{opacity:1;visibility:visible}#user-experience.marketing #outer-overlay>g.marketing{opacity:1;visibility:visible}#user-experience.user-experience #inner-overlay .overlay-bg circle{fill:#ae4eff}#user-experience.user-experience #inner-overlay g.user-experience.overlay{opacity:1;visibility:visible}#user-experience.user-experience #inner-overlay{opacity:1;visibility:visible}#user-experience.user-experience #inner-overlay>g.overlay-bg{opacity:1;visibility:visible}#user-experience.intelligence #color-text .intelligence-text text{fill:#002fff}#user-experience.intelligence #icons #brain path{fill:#002fff}#user-experience.intelligence #inner-overlay .overlay-bg circle{fill:#002fff}#user-experience.intelligence #inner-overlay g.intelligence.overlay{opacity:1;visibility:visible}#user-experience.intelligence #inner-overlay{opacity:1;visibility:visible}#user-experience.intelligence #inner-overlay>g.overlay-bg{opacity:1;visibility:visible}#user-experience.creativity #color-text .creativity-text text{fill:#ffd000}#user-experience.creativity #icons #wand path{fill:#ffd000}#user-experience.creativity #icons #wand polygon{fill:#ffd000}#user-experience.creativity #inner-overlay .overlay-bg circle{fill:#ffd000}#user-experience.creativity #inner-overlay g.creativity.overlay{opacity:1;visibility:visible}#user-experience.creativity #inner-overlay{opacity:1;visibility:visible}#user-experience.creativity #inner-overlay>g.overlay-bg{opacity:1;visibility:visible}#user-experience.technology #color-text .technology-text text{fill:#3efac5}#user-experience.technology #icons #code path{fill:#3efac5}#user-experience.technology #inner-overlay .overlay-bg circle{fill:#3efac5}#user-experience.technology #inner-overlay g.technology.overlay{opacity:1;visibility:visible}#user-experience.technology #inner-overlay{opacity:1;visibility:visible}#user-experience.technology #inner-overlay>g.overlay-bg{opacity:1;visibility:visible}