.sf-honeycomb{width:100%;overflow:hidden;margin:20px auto;max-width:100%;--sf-hex-size:138px;--sf-hex-speed:60s;--sf-hex-fit:cover}.sf-honeycomb__heading{font-size:20px;margin:0 0 20px}.sf-honeycomb__viewport{width:100%;overflow:hidden;margin:-13px 0;mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}.sf-honeycomb__track{display:flex;width:max-content;animation:sf-hex-marquee var(--sf-hex-speed) linear infinite}.sf-honeycomb__viewport--reverse .sf-honeycomb__track{animation-direction:reverse}.sf-honeycomb__group{display:flex;flex-shrink:0;gap:8px;padding-right:8px}.sf-honeycomb__hex{width:var(--sf-hex-size);height:calc(var(--sf-hex-size)*1.12);flex:none;overflow:hidden;background:rgba(128,128,150,.12);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}.sf-honeycomb__hex img{width:100%;height:100%;display:block;object-fit:var(--sf-hex-fit)}.sf-honeycomb:hover .sf-honeycomb__track{animation-play-state:paused}@keyframes sf-hex-marquee{to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.sf-honeycomb__track{animation:none}.sf-honeycomb__viewport{overflow:auto;mask-image:none}}