.svg-rings-wrapper{height:40cqb;width:100%}.svg-rings{height:100%;overflow:visible;width:100%}.svg-rings-maintext{dominant-baseline:middle;font-weight:900;font-size:clamp(.5rem,.5vw,1rem);text-anchor:middle}.svg-rings-path{stroke-width:.5;stroke-linecap:round;stroke-linejoin:round;transition:.4s}.svg-rings-path-text{fill:#000;font-size:.3rem;font-weight:300;transform-origin:center}.clockwise{animation:linear infinite 100s clockwise;animation-play-state:paused}.counter-clockwise{animation:linear infinite 100s counter-clockwise;animation-play-state:paused}.svg-rings:hover>.clockwise,.svg-rings:hover>.counter-clockwise{animation-play-state:running}.stroke-color-1{stroke:var(--aibe-green)}.stroke-color-2{stroke:var(--aibe-cyan)}.stroke-color-3{stroke:var(--aibe-pink)}.family-tag{cursor:pointer;transition:opacity .2s;opacity:.8}.family-tag:hover{opacity:1;text-decoration:underline}.hero-ring-slow{animation:clockwise 50s linear infinite;transform-box:view-box;transform-origin:250px 250px}.hero-ring-cw{animation:clockwise 40s linear infinite;transform-box:view-box;transform-origin:250px 250px}.hero-ring-ccw{animation:counter-clockwise 30s linear infinite;transform-box:view-box;transform-origin:250px 250px}.hero-ring-slower{animation:clockwise 70s linear infinite;transform-box:view-box;transform-origin:250px 250px}.hero-ring-ccw-slow{animation:counter-clockwise 55s linear infinite;transform-box:view-box;transform-origin:250px 250px}.hero-drift-1{animation:drift-1 12s ease-in-out infinite}.hero-drift-2{animation:drift-2 15s ease-in-out infinite}.hero-drift-3{animation:drift-3 10s ease-in-out infinite}@keyframes drift-1{0%,to{translate:0 0}25%{translate:15px -10px}50%{translate:-8px 16px}75%{translate:-16px -6px}}@keyframes drift-2{0%,to{translate:0 0}25%{translate:-12px 14px}50%{translate:10px -8px}75%{translate:16px 12px}}@keyframes drift-3{0%,to{translate:0 0}25%{translate:8px 16px}50%{translate:-14px -10px}75%{translate:12px -14px}}.hero-cluster{transition:opacity .8s cubic-bezier(.25,.46,.45,.94),transform .8s cubic-bezier(.25,.46,.45,.94),filter .8s cubic-bezier(.25,.46,.45,.94)}.hero-cluster:hover{opacity:.55!important;transform:scale(1.15);filter:drop-shadow(0 0 18px rgba(255,255,255,.25))}.hero-cluster .hero-ring-slow-hover,.hero-cluster .hero-ring-cw-hover,.hero-cluster .hero-ring-ccw-hover,.hero-cluster .hero-ring-slower-hover,.hero-cluster .hero-ring-ccw-slow-hover{transform-box:view-box;transform-origin:250px 250px;transform:rotate(0);transition:transform 1.2s cubic-bezier(.34,1.56,.64,1)}.hero-cluster:hover .hero-ring-slow-hover{transform:rotate(120deg)}.hero-cluster:hover .hero-ring-cw-hover{transform:rotate(-150deg)}.hero-cluster:hover .hero-ring-ccw-hover{transform:rotate(180deg)}.hero-cluster:hover .hero-ring-slower-hover{transform:rotate(-90deg)}.hero-cluster:hover .hero-ring-ccw-slow-hover{transform:rotate(135deg)}.hero-main-ring svg{transition:filter 1s cubic-bezier(.25,.46,.45,.94)}.hero-main-ring:hover svg{filter:drop-shadow(0 0 30px hsla(164,71%,50%,.3)) drop-shadow(0 0 60px hsla(327,100%,55%,.15))}.hero-main-ring .hero-ring-slow-hover,.hero-main-ring .hero-ring-cw-hover,.hero-main-ring .hero-ring-ccw-hover{transform-box:view-box;transform-origin:250px 250px;transform:rotate(0);transition:transform 1.5s cubic-bezier(.34,1.56,.64,1)}.hero-main-ring:hover .hero-ring-slow-hover{transform:rotate(-200deg)}.hero-main-ring:hover .hero-ring-cw-hover{transform:rotate(240deg)}.hero-main-ring:hover .hero-ring-ccw-hover{transform:rotate(-270deg)}.hero-main-ring .hero-ring-cw circle{transition:opacity .8s ease}.hero-main-ring:hover .hero-ring-cw circle{opacity:.85}.hero-main-ring .hero-ring-static{transform-box:view-box;transform-origin:250px 250px;scale:1;transition:scale 1s cubic-bezier(.25,.46,.45,.94),opacity .8s ease}.hero-main-ring:hover .hero-ring-static{scale:1.1;opacity:.4}@keyframes clockwise{0%{transform:rotate(0)}50%{transform:rotate(180deg)}to{transform:rotate(360deg)}}@keyframes counter-clockwise{0%{transform:rotate(0)}50%{transform:rotate(-180deg)}to{transform:rotate(-360deg)}}