.lc-hexagon-background{--cell-active-opacity:.8;--cell-base-opacity:.4;--cell-border-color:#404040;--cell-fill-color:#171717;--cell-shadow-color:#262626;--hexagon-margin:2px;background:#000}.lc-hexagon-mesh{z-index:2;fill:none;stroke:var(--cell-border-color);stroke-linecap:round;stroke-linejoin:round;stroke-width:var(--hexagon-margin)}.lc-hexagon-cell{contain:layout paint style;z-index:1;height:var(--hexagon-height);width:var(--hexagon-size);background:var(--cell-fill-color);box-shadow:0 0 18px 0 var(--cell-shadow-color) inset;opacity:var(--cell-base-opacity);will-change:opacity;transition:opacity .15s;position:absolute}.lc-hexagon-cell:hover{opacity:var(--cell-active-opacity)}.lc-hexagon-cell[data-ripple-active=true]{animation:lc-hexagon-cell-ripple var(--duration,.2s) ease-out none 1 var(--delay,0s)}@keyframes lc-hexagon-cell-ripple{0%{opacity:var(--cell-base-opacity)}28%,62%{opacity:var(--cell-active-opacity)}to{opacity:var(--cell-base-opacity)}}@media (prefers-reduced-motion:reduce){.lc-hexagon-cell[data-ripple-active=true]{animation:none}}