.sphere-wrapper{align-items:center;display:flex;font-family:Lexend,sans-serif;height:600px;justify-content:center;max-width:100%;overflow:visible;perspective:1000px;position:relative;width:100%}.sphere-container{height:300px;position:relative;transform-style:preserve-3d;width:300px;z-index:10}.sphere-node{align-items:center;display:flex;justify-content:center;left:50%;position:absolute;top:50%;transform-origin:center center;transition:transform .5s cubic-bezier(.25,.8,.25,1),opacity .3s;will-change:transform,opacity}.overlay-pill,.sphere-link{border:2px solid transparent;border-radius:50px;box-shadow:0 4px 10px rgba(0,0,0,.1);box-sizing:border-box;cursor:pointer;display:block;font-size:16px;font-weight:700;padding:10px 25px;text-align:center;text-decoration:none;transition:all .3s ease;white-space:nowrap}.sphere-link.level-1{background:hsla(0,0%,100%,.95);border-color:#eee;color:#333}.sphere-node.has-children.is-active{transform:translate3d(0,-140px,100px) scale(1)!important}.sphere-node.has-children.is-active,.sphere-node:not(.has-children).is-active{opacity:1!important;z-index:500!important}.sphere-node.is-active .sphere-link.level-1{background-color:#5bbb48;border-color:#5bbb48;box-shadow:0 15px 30px rgba(91,187,72,.3);color:#fff;transform:scale(1.1)}.sphere-container.has-active-item .sphere-node:not(.is-active){opacity:.3}.sphere-hidden-data{display:none}.sphere-overlay{align-items:center;display:flex;height:100%;justify-content:center;left:0;opacity:0;pointer-events:none;position:absolute;top:0;transition:opacity .3s ease;width:100%;z-index:5}.sphere-overlay.is-visible{opacity:1;pointer-events:auto;z-index:200}.sphere-overlay-wrapper{align-items:flex-start;display:flex;flex-direction:row;gap:20px;justify-content:center;margin-top:80px}.overlay-column{display:flex;flex-direction:column;gap:10px;min-width:200px}.overlay-pill.level-2{animation:slideDown .3s ease forwards;background-color:#fd5a32;color:#fff;font-size:15px;opacity:0}.overlay-pill.level-2:first-child{animation-delay:.05s}.overlay-pill.level-2:nth-child(2){animation-delay:.1s}.overlay-pill.level-2:nth-child(3){animation-delay:.15s}.overlay-pill.level-2:nth-child(4){animation-delay:.2s}.overlay-pill.level-2:nth-child(5){animation-delay:.25s}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.overlay-pill.level-2.is-active,.overlay-pill.level-2:hover{background-color:#d1401d;box-shadow:0 4px 15px rgba(253,90,50,.3);transform:translateX(5px)}.overlay-pill.level-3{animation:fadeInRight .3s ease forwards;background-color:#008ff5;color:#fff;font-size:14px;padding:8px 20px}@keyframes fadeInRight{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}.overlay-pill.level-3:hover{background-color:#07c;box-shadow:0 4px 15px rgba(0,143,245,.3);transform:translateX(5px)}@media (max-width:768px){.sphere-wrapper{height:500px}.sphere-overlay-wrapper{align-items:center;flex-direction:column;width:80%}.sphere-node.has-children.is-active{transform:translate3d(0,-100px,100px) scale(1)!important}}