#skillsHexGrid{--edge:2.8rem;--border:1px;--gap:.3rem;--sqrt3:1.73205;--outerEdge:calc(var(--edge) + var(--border));--dir-mult:1;--polygon:polygon(0% 25%, 50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);--placeholderX:calc((var(--outerEdge) * var(--sqrt3) + var(--gap)) * 2);--placeholderY:calc(var(--outerEdge) * 3 + var(--gap) * var(--sqrt3));--centerShiftX:calc((var(--outerEdge) / 2 * var(--sqrt3) - var(--gap) / 2) / 2);--centerShiftY:calc((var(--outerEdge) - var(--gap) * var(--sqrt3)) / 4);--backgroundColor:var(--accent-soft);--borderColor:color-mix(in srgb, var(--accent) 60%, transparent 40%);min-width:var(--placeholderX);padding:var(--centerShiftY) var(--centerShiftX);flex-wrap:wrap;justify-content:center;width:90%;margin:0 auto;list-style:none;display:flex}@media (max-width:400px){#skillsHexGrid{font-size:13px}}.skill-hex{width:0;height:0;position:relative}.skill-hex-inner{--width:calc(var(--outerEdge) * var(--sqrt3));min-width:var(--width);width:var(--width);height:calc(var(--outerEdge) * 2);--transform:translate(calc(0px - var(--centerShiftX)), calc(0px - var(--centerShiftY)));clip-path:var(--polygon);background-color:var(--backgroundColor);justify-content:center;align-items:center;display:flex;position:absolute}.skill-hex-content{width:calc(var(--edge) * var(--sqrt3));text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.35rem;padding:.5rem .75rem;display:flex;overflow:hidden;height:90%!important}.skill-hex-content img{object-fit:contain;width:32px;height:32px}.skill-hex-label{font-size:.7rem;line-height:1.2}.skill-hex-inner>.skill-hex-content,.skill-hex-inner:before,.skill-hex-inner:after{content:"";height:var(--outerEdge);width:calc(var(--edge) * var(--sqrt3));border-style:solid;border-color:var(--borderColor);position:absolute}.skill-hex-inner>.skill-hex-content{inset:calc(var(--gap) / 2 + var(--border)) calc((var(--gap) / 2 + var(--border)) * var(--sqrt3) / 2);position:absolute}.skill-hex-inner:before{z-index:-1;transform:rotate(60deg)}.skill-hex-inner:after{z-index:-1;transform:rotate(120deg)}.skill-hex:nth-child(4n+1){width:var(--placeholderX);height:var(--placeholderY)}.skill-hex:nth-child(4n+1)>.skill-hex-inner{transform:var(--transform)}.skill-hex:nth-child(4n+2)>.skill-hex-inner{transform:translate(calc(var(--dir-mult) * -1 * var(--placeholderX) / 2)) var(--transform)}.skill-hex:nth-child(4n+3)>.skill-hex-inner{transform:translate(calc(var(--dir-mult) * -3 * var(--placeholderX) / 4), calc(var(--placeholderY) / 2)) var(--transform)}.skill-hex:nth-child(4n+4)>.skill-hex-inner{transform:translate(calc(var(--dir-mult) * -1 * var(--placeholderX) / 4), calc(var(--placeholderY) / 2)) var(--transform)}html[dir=rtl] #skillsHexGrid{--dir-mult:-1}@media (min-width:640px){#skillsHexGrid{--edge:3.1rem;--gap:.35rem}.skill-hex-label{font-size:.75rem}}@media (min-width:1024px){#skillsHexGrid{--edge:3.4rem;--gap:.4rem}.skill-hex-content img{width:36px;height:36px}}