.honeycomb-panel{--hex-size:70px;--hex-height:calc(var(--hex-size) * 1.1547);--hex-gap:0px;border-radius:24px;width:min(580px,100%);margin-left:auto;margin-right:auto;padding:24px 14px;position:relative}@media (max-width:1023px){.honeycomb-panel{--hex-size:66px;--hex-gap:0px}}@media (max-width:640px){.honeycomb-panel{--hex-size:56px;--hex-gap:0px;border-radius:18px;width:min(360px,100%);padding:16px 8px}}.honeycomb-row{gap:var(--hex-gap);margin-top:calc(var(--hex-height) * -.25);display:flex}.honeycomb-row:first-child{margin-top:0}.honeycomb-row-offset{margin-left:calc((var(--hex-size) / 2) + (var(--hex-gap) / 2))}.honeycomb-grid{gap:0;width:max-content;margin-left:auto;margin-right:auto;display:grid}.hex-cell{width:var(--hex-size);min-width:var(--hex-size);height:var(--hex-height);clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);color:#fff;isolation:isolate;background:#00a465;place-items:center;transition:color .35s ease-in-out;display:grid;position:relative;overflow:hidden}.hex-cell:before{content:"";clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);z-index:-1;background:#fff;transition:background .35s ease-in-out;position:absolute;inset:1.5px}.hex-image{-o-object-fit:contain;object-fit:contain;width:60%;height:60%;display:block}