.hexagonBackground{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:auto}.hexagonBackgroundRow{display:inline-flex}.hexagonBackgroundCell{position:relative;flex-shrink:0;-webkit-clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}.hexagonBackgroundCell:after,.hexagonBackgroundCell:before{content:"";position:absolute;pointer-events:none}.hexagonBackgroundCell:before{inset:0;background:color-mix(in srgb,var(--color-primary) 62%,var(--color-on-primary-fixed));opacity:1}.hexagonBackgroundCell:after{inset:var(--hexagon-margin);background:var(--color-on-primary-fixed);-webkit-clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}.hexagonBackgroundReady .hexagonBackgroundCell:after,.hexagonBackgroundReady .hexagonBackgroundCell:before{transition:background-color 1s ease,opacity 1s ease}.hexagonBackgroundCell:hover:before{background:color-mix(in srgb,var(--color-primary-container) 70%,var(--color-on-primary-fixed));opacity:1;transition-duration:0s}.hexagonBackgroundCell:hover:after{background:color-mix(in srgb,var(--color-primary) 58%,var(--color-on-primary-fixed));opacity:1;transition-duration:0s}@media (prefers-reduced-motion:reduce){.hexagonBackgroundCell:after,.hexagonBackgroundCell:before,.hexagonBackgroundCell:hover:after,.hexagonBackgroundCell:hover:before{transition:none}}