.preview[data-v-567c6801]{aspect-ratio:3/2.95;container-type:inline-size}.preview__cell[data-v-567c6801]{aspect-ratio:1/1.1547;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:var(--hive-cell);width:33.333%;color:var(--ink);font-family:var(--font-display);text-transform:uppercase;transition:background-color var(--dur-fast) var(--ease-out);justify-content:center;align-items:center;font-size:clamp(.55rem,17cqw,1.5rem);line-height:1;display:flex;position:absolute;top:50%;left:50%}.preview__cell--centre[data-v-567c6801]{background:var(--hive-centre);transform:translate(-50%,-50%)}.preview__cell--e[data-v-567c6801]{transform:translate(-50%,-50%)translate(104%)}.preview__cell--w[data-v-567c6801]{transform:translate(-50%,-50%)translate(-104%)}.preview__cell--ne[data-v-567c6801]{transform:translate(-50%,-50%)translate(52%,-78%)}.preview__cell--nw[data-v-567c6801]{transform:translate(-50%,-50%)translate(-52%,-78%)}.preview__cell--se[data-v-567c6801]{transform:translate(-50%,-50%)translate(52%,78%)}.preview__cell--sw[data-v-567c6801]{transform:translate(-50%,-50%)translate(-52%,78%)}.group:focus-visible .preview__cell[data-v-567c6801]:not(.preview__cell--centre),.group:hover .preview__cell[data-v-567c6801]:not(.preview__cell--centre){background:var(--hive-cell-press)}