.TechStackHoneycomb-module-scss-module__L0pPWq__honeycombContainer{opacity:0;z-index:1;width:100%;max-width:800px;margin:0 auto;padding:0;transition:opacity .8s ease-out;position:relative;overflow:visible}@media (min-width:1024px){.TechStackHoneycomb-module-scss-module__L0pPWq__honeycombContainer{padding:2rem}}.TechStackHoneycomb-module-scss-module__L0pPWq__honeycombContainer.TechStackHoneycomb-module-scss-module__L0pPWq__loaded{opacity:1}.TechStackHoneycomb-module-scss-module__L0pPWq__honeycombGrid{--hex-width:80px;--hex-height:80px;--h-spacing:75px;--v-spacing:66px;--offset-amount:37px;--icon-size:32px;margin:0 auto;padding:20px;position:relative;overflow:visible}.TechStackHoneycomb-module-scss-module__L0pPWq__hexagon{width:var(--hex-width);height:var(--hex-height);opacity:0;animation:.5s ease-out forwards TechStackHoneycomb-module-scss-module__L0pPWq__hexAppear;animation-delay:var(--delay);cursor:pointer;left:calc(var(--col)*var(--h-spacing) + var(--offset,0px));top:calc(var(--row)*var(--v-spacing));transition:all .3s cubic-bezier(.4,0,.2,1);position:absolute;transform:scale(0)}.TechStackHoneycomb-module-scss-module__L0pPWq__hexagon:hover,.TechStackHoneycomb-module-scss-module__L0pPWq__hexagon.TechStackHoneycomb-module-scss-module__L0pPWq__hovered{z-index:100;filter:drop-shadow(0 20px 40px #00d4ff66)drop-shadow(0 10px 20px var(--hex-color));transform:scale(1.3)translateY(-15px)rotate(5deg)}.TechStackHoneycomb-module-scss-module__L0pPWq__hexagon:hover .TechStackHoneycomb-module-scss-module__L0pPWq__hexagonShape polygon,.TechStackHoneycomb-module-scss-module__L0pPWq__hexagon.TechStackHoneycomb-module-scss-module__L0pPWq__hovered .TechStackHoneycomb-module-scss-module__L0pPWq__hexagonShape polygon{fill:#1a1a1afa;stroke:var(--hex-color);stroke-width:3px}.TechStackHoneycomb-module-scss-module__L0pPWq__hexagon:hover .TechStackHoneycomb-module-scss-module__L0pPWq__hexagonContent,.TechStackHoneycomb-module-scss-module__L0pPWq__hexagon.TechStackHoneycomb-module-scss-module__L0pPWq__hovered .TechStackHoneycomb-module-scss-module__L0pPWq__hexagonContent{transform:scale(1.1)}.TechStackHoneycomb-module-scss-module__L0pPWq__hexagon:hover .TechStackHoneycomb-module-scss-module__L0pPWq__techIcon,.TechStackHoneycomb-module-scss-module__L0pPWq__hexagon.TechStackHoneycomb-module-scss-module__L0pPWq__hovered .TechStackHoneycomb-module-scss-module__L0pPWq__techIcon{filter:brightness(0)invert(1)drop-shadow(0 0 15px var(--hex-color))}.TechStackHoneycomb-module-scss-module__L0pPWq__hexagonShape{z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.TechStackHoneycomb-module-scss-module__L0pPWq__hexagonShape polygon{fill:#1a1a1af2;stroke:#ffffff1a;stroke-width:1px;transition:all .3s}.TechStackHoneycomb-module-scss-module__L0pPWq__hexagonInner{z-index:2;justify-content:center;align-items:center;width:90%;height:90%;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.TechStackHoneycomb-module-scss-module__L0pPWq__hexagonContent{flex-direction:column;justify-content:center;align-items:center;gap:.5rem;transition:transform .3s;display:flex}.TechStackHoneycomb-module-scss-module__L0pPWq__techIcon{width:var(--icon-size);height:var(--icon-size);filter:brightness(0)invert();transition:all .3s}.TechStackHoneycomb-module-scss-module__L0pPWq__techName{font-size:calc(var(--icon-size)*.4);color:#fff;text-align:center;opacity:0;top:calc(var(--hex-height)*-.35);white-space:nowrap;border:1px solid var(--hex-color);padding:calc(var(--icon-size)*.1)calc(var(--icon-size)*.25);border-radius:calc(var(--icon-size)*.5);backdrop-filter:blur(10px);z-index:10;min-font-size:10px;max-font-size:14px;background:#1a1a1af2;font-weight:600;transition:all .3s;position:absolute;left:50%;transform:translate(-50%)translateY(10px);box-shadow:0 4px 20px #0000004d}.TechStackHoneycomb-module-scss-module__L0pPWq__hexagon:hover .TechStackHoneycomb-module-scss-module__L0pPWq__techName,.TechStackHoneycomb-module-scss-module__L0pPWq__hexagon.TechStackHoneycomb-module-scss-module__L0pPWq__hovered .TechStackHoneycomb-module-scss-module__L0pPWq__techName{opacity:1;transform:translate(-50%)translateY(0)}.TechStackHoneycomb-module-scss-module__L0pPWq__backgroundPattern{pointer-events:none;z-index:0;position:absolute;inset:0;overflow:hidden}.TechStackHoneycomb-module-scss-module__L0pPWq__floatingHex{width:calc(var(--hex-width)*1.5);height:calc(var(--hex-width)*1.5);opacity:.02;left:var(--float-x);top:var(--float-y);animation:20s ease-in-out infinite TechStackHoneycomb-module-scss-module__L0pPWq__floatHex;animation-delay:var(--float-delay);position:absolute}.TechStackHoneycomb-module-scss-module__L0pPWq__floatingHex:before{content:"";background:var(--hex-color,#00d4ff);clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);width:100%;height:100%;position:absolute}@keyframes TechStackHoneycomb-module-scss-module__L0pPWq__hexAppear{to{opacity:1;transform:scale(1)}}@keyframes TechStackHoneycomb-module-scss-module__L0pPWq__floatHex{0%,to{transform:translate(0)rotate(0)}33%{transform:translate(50px,-30px)rotate(120deg)}66%{transform:translate(-30px,50px)rotate(240deg)}}@media (max-width:400px){.TechStackHoneycomb-module-scss-module__L0pPWq__honeycombContainer{max-width:100%;padding:10px}.TechStackHoneycomb-module-scss-module__L0pPWq__honeycombGrid{padding:10px}.TechStackHoneycomb-module-scss-module__L0pPWq__hexagon:hover,.TechStackHoneycomb-module-scss-module__L0pPWq__hexagon.TechStackHoneycomb-module-scss-module__L0pPWq__hovered{filter:drop-shadow(0 12px 24px #00d4ff4d)drop-shadow(0 6px 12px var(--hex-color));transform:scale(1.2)translateY(-10px)rotate(3deg)}.TechStackHoneycomb-module-scss-module__L0pPWq__techName{font-size:max(10px,var(--icon-size)*.35)}}