.hex{position:relative;width:var(--cell-w, 96px);height:calc(var(--cell-w, 96px) * .8714);flex:0 0 auto}.hex__ring{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--nh-cell-ring);clip-path:var(--nh-hex-clip)}.hex__face{position:absolute;inset:var(--nh-hex-ring);background:var(--nh-cell-empty);clip-path:var(--nh-hex-clip);overflow:hidden}.hex__fill{position:absolute;left:0;right:0;bottom:0;height:calc(var(--seg, 0) / var(--seg-total, 8) * 100%);background:linear-gradient(180deg,var(--nh-honey-lo),var(--nh-honey));box-shadow:var(--nh-inset-meniscus);transition:height var(--nh-dur-reveal) var(--nh-ease-out)}.hex__seams{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;--seam-step: calc(100% / var(--seg-total, 8));background:repeating-linear-gradient(to top,transparent 0,transparent calc(var(--seam-step) - 1px),var(--nh-cell-seam) calc(var(--seam-step) - 1px),var(--nh-cell-seam) var(--seam-step))}.hex__label{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:0 calc(var(--cell-w, 96px) * .19);font-family:var(--nh-font-display);font-weight:800;font-size:max(12.5px,calc(var(--cell-w, 96px) * .091));line-height:1.18;text-align:center;text-wrap:balance;color:var(--nh-cell-label)}.hex.is-full .hex__ring,.hex.is-capped .hex__ring{background:var(--nh-honey-edge)}.hex.is-capped .hex__face{inset:var(--nh-hex-ring-strong)}.hex.is-capped .hex__fill:after{content:"";position:absolute;left:0;right:0;top:0;height:11%;background:var(--nh-wax);box-shadow:inset 0 -1px #0000001a}.nh-hive-cell-icon{position:absolute;left:50%;top:14%;transform:translate(-50%);width:calc(var(--cell-w, 96px) * .34);height:calc(var(--cell-w, 96px) * .34);display:grid;place-items:center;border-radius:50%;background:var(--nh-bee-face);border:1px solid var(--nh-border);box-shadow:0 1px 3px #0000001f;z-index:2}.nh-hive-cell-icon svg{width:56%;height:56%}.hex.is-ghosted .nh-hive-cell-icon{opacity:.55}.hex.is-step{cursor:pointer;border:none;padding:0;background:none;font:inherit}.hex.is-step:disabled{cursor:default}.hex.is-step.is-current .hex__ring{background:var(--nh-primary)}.hex.is-step .hex__label{color:var(--nh-primary);font-size:var(--nh-step-numeral-md-size)}.hex.is-step.is-done .hex__label{color:var(--nh-on-honey)}[data-theme=dark] .hex.is-step.is-done .hex__label{color:var(--nh-primary-text)}.hex.is-step:not(.is-done) .hex__fill{height:0}