.arc-hex-grid{--arc-hex-size:clamp(2.4rem, 5.4vw, 3.6rem);justify-content:center;align-items:center;display:flex}.arc-hex-col{flex-direction:column;align-items:center;margin:0 -1px;display:flex}.arc-hex{width:var(--arc-hex-size);aspect-ratio:1;cursor:pointer;color:#0f1222c7;-webkit-backdrop-filter:blur(1rem);clip-path:polygon(98.6602% 45%,99.3969% 46.5798%,99.8481% 48.2635%,100% 50%,99.8481% 51.7365%,99.3969% 53.4202%,98.6603% 55%,78.6603% 89.641%,77.6604% 91.0689%,76.4279% 92.3015%,75% 93.3013%,73.4202% 94.0379%,71.7365% 94.4891%,70% 94.641%,30% 94.641%,28.2635% 94.4891%,26.5798% 94.0379%,25% 93.3013%,23.5721% 92.3015%,22.3396% 91.0689%,21.3398% 89.641%,1.33975% 55%,.60307% 53.4202%,.15192% 51.7365%,0% 50%,.15192% 48.2635%,.60307% 46.5798%,1.33975% 45%,21.3398% 10.359%,22.3396% 8.93111%,23.5721% 7.69854%,25% 6.69873%,26.5798% 5.96206%,28.2635% 5.51091%,30% 5.35898%,70% 5.35898%,71.7365% 5.51091%,73.4202% 5.96206%,75% 6.69873%,76.4279% 7.69854%,77.6604% 8.93111%,78.6603% 10.359%);background:#0f12221a;border:0;place-items:center;padding:0;transition:background .25s,color .25s,transform .25s;display:grid}.arc-hex svg{width:36%;height:36%}.arc-hex-char{font-size:calc(var(--arc-hex-size) * .42);-webkit-user-select:none;user-select:none;font-weight:600;line-height:1}.arc-hex-brand,.dark .arc-hex-brand{color:var(--primary)}@media (hover:hover){.arc-hex.arc-hex-brand:hover,.dark .arc-hex.arc-hex-brand:hover{color:var(--primary)}}.dark .arc-hex{color:#ffffffeb;background:#ffffff24}@media (hover:hover){.arc-hex:hover{color:#0f1222f2;background:#0f122238;transform:scale(1.12)}.dark .arc-hex:hover{color:#fff;background:#ffffff6b}}@keyframes arc-hex-ripple{0%{opacity:1;transform:scale(1)}50%{transform:scale(var(--hex-scale,1));opacity:.42}65%{opacity:1}70%{transform:scale(1.3)}to{opacity:1;transform:scale(1)}}.arc-hex-grid.arc-hex-rippling{pointer-events:none}.arc-hex-grid.arc-hex-rippling .arc-hex{cursor:default;animation:.45s ease-in-out arc-hex-ripple;animation-duration:var(--hex-duration,.45s);animation-delay:var(--hex-delay,0s)}@media (prefers-reduced-motion:reduce){.arc-hex-grid.arc-hex-rippling .arc-hex{animation:none!important}}