.board[data-v-8a1ae882]{background:#eee;padding:10px;display:inline-block}.unit[data-v-8a1ae882]{--slot-length:50px;--slot-width:10px;width:calc(var(--slot-length) + var(--slot-width) * 2);height:calc(var(--slot-length) * 2 + var(--slot-width) * 3);position:relative;transform:skew(-5deg)}.slot[data-v-8a1ae882]{width:var(--slot-width);height:var(--slot-length);background:#e0e0e0;position:absolute}.slot[data-v-8a1ae882]:nth-child(3n+1){width:var(--slot-length);height:var(--slot-width)}.slot[data-v-8a1ae882]:first-child{top:0;left:var(--slot-width)}.slot[data-v-8a1ae882]:nth-child(2){top:var(--slot-width);left:0}.slot[data-v-8a1ae882]:nth-child(3){top:var(--slot-width);right:0}.slot[data-v-8a1ae882]:nth-child(4){top:calc(var(--slot-length) + var(--slot-width));left:var(--slot-width)}.slot[data-v-8a1ae882]:nth-child(5){bottom:var(--slot-width);left:0}.slot[data-v-8a1ae882]:nth-child(6){bottom:var(--slot-width);right:0}.slot[data-v-8a1ae882]:nth-child(7){bottom:0;left:var(--slot-width)}.slot>div[data-v-8a1ae882]{background:#000;width:100%;height:100%;transition:all .5s}