.data[data-v-ef03896d]{border-collapse:collapse;width:100%;font-size:13rem}.data td[data-v-ef03896d]{border:1px solid #999;padding:6rem}.panel[data-v-ef03896d]{margin-top:20rem;display:grid;grid-template-columns:1fr;grid-template-rows:auto 1fr;grid-template-areas:"width ." "layouts height";height:200rem;gap:10rem}.panel .width[data-v-ef03896d]{grid-area:width;border-left:1px solid #ddd;border-right:1px solid #ddd;height:20rem;background:linear-gradient(0deg,transparent 10rem,#ddd 0,transparent 11rem);text-align:center}.panel .width>span[data-v-ef03896d]{display:inline-block;background:#fff;padding:0 10rem;min-width:80rem;line-height:20rem}.panel .height[data-v-ef03896d]{grid-area:height;border-top:1px solid #ddd;border-bottom:1px solid #ddd;width:20rem;background:linear-gradient(90deg,transparent 10rem,#ddd 0,transparent 11rem);position:relative;text-align:center}.panel .height>span[data-v-ef03896d]{display:inline-block;background:#fff;padding:0 10rem;min-width:80rem;line-height:20rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(90deg)}.panel .layouts[data-v-ef03896d]{grid-area:layouts;border-spacing:0}.panel .layouts.lr[data-v-ef03896d]{border-left:6px solid;border-right:6px solid}.panel .layouts.tb[data-v-ef03896d]{border-top:6px dashed;border-bottom:6px dashed}.panel .layouts.all[data-v-ef03896d]{border:6px solid}.panel .layouts td[data-v-ef03896d]{background:var(--el-color-primary) padding-box;border:1px solid #999;box-sizing:border-box}.panel .layouts td[data-v-ef03896d]:first-child{border-left-width:0}.panel .layouts td[data-v-ef03896d]:last-child{border-right-width:0}.panel .layouts tr:first-child td[data-v-ef03896d]{border-top-width:0}.panel .layouts tr:last-child td[data-v-ef03896d]{border-bottom-width:0}.panel .layouts[data-v-ef03896d] .v{border:1px dashed var(--el-color-primary)}.panel .layouts[data-v-ef03896d] .lc{border:2px solid #fff}.panel .layouts[data-v-ef03896d] .vlc{border-left:2px solid #fff;border-right:2px solid #fff;border-top:1px dashed var(--el-color-primary);border-bottom:1px dashed var(--el-color-primary)}.lines[data-v-ef03896d]{display:flex;flex-wrap:wrap;gap:10rem 20rem;margin-top:20rem}.lines .line[data-v-ef03896d]{display:flex;gap:0 10rem;align-items:center}.lines .line[data-v-ef03896d]:before{content:"";width:40rem;border:1rem solid #333}.lines .line.lc[data-v-ef03896d]:before{height:5rem}.lines .line.v[data-v-ef03896d]:before{border:1rem dashed #333}
