.tabletop{font-family:var(--el-font-body);color:var(--el-ink)}.tabletop__inner{max-width:var(--el-maxw);margin:0 auto;padding-left:22px;padding-right:22px}.tabletop__card{display:block;background:#fff;border:1px solid var(--el-border);border-radius:var(--el-radius-lg);padding:clamp(22px,3vw,34px)}.tabletop__head{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:baseline;justify-content:space-between;margin-bottom:22px}.tabletop__title{font-family:var(--el-font-display);font-weight:800;font-size:clamp(18px,2.4vw,24px);letter-spacing:-.01em;margin:0;color:var(--el-ink)}.tabletop__note{font-size:13px;color:var(--el-muted-2)}.tabletop__grid{display:flex;flex-wrap:wrap;gap:16px}.tabletop__opt{flex:1 1 250px;min-width:250px;display:block;text-align:left;background:#fff;border:2px solid var(--el-border);border-radius:16px;padding:22px;cursor:pointer;font:inherit;color:inherit;transition:border-color .15s ease,background-color .15s ease,box-shadow .15s ease}.tabletop__opt:hover{border-color:#cfd6d3}.tabletop__opt.is-active{background:#eaf6f3;border-color:var(--el-teal)}.tabletop__opt:focus-visible{outline:2px solid var(--el-teal);outline-offset:3px}.tabletop__opt-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:20px}.tabletop__opt-title{font-family:var(--el-font-display);font-weight:800;font-size:18px;color:var(--el-ink)}.tabletop__pill{font-size:11px;font-weight:800;color:var(--el-teal);background:#e2f3f0;padding:4px 9px;border-radius:var(--el-radius-pill);letter-spacing:.03em;white-space:nowrap}.tabletop__diagram{display:flex;flex-direction:column;align-items:center;gap:9px}.tabletop__dim-x{font-size:11px;font-weight:800;color:var(--el-muted-2);letter-spacing:.08em}.tabletop__row{display:flex;align-items:center;gap:10px;width:100%;justify-content:center}.tabletop__dim-y{font-size:11px;font-weight:800;color:var(--el-muted-2);writing-mode:vertical-rl;transform:rotate(180deg);white-space:nowrap}.tabletop__rect{max-width:100%;aspect-ratio:2 / 1;border-radius:var(--el-radius-sm);overflow:hidden;position:relative;box-shadow:0 14px 30px -14px #00000073;flex:0 1 auto}.tabletop__rect--wood{background:repeating-linear-gradient(90deg,rgba(0,0,0,.05) 0px,rgba(0,0,0,.05) 1px,transparent 1px,transparent 14px),linear-gradient(180deg,#6f4a30,#5a3a24 48%,#4c3019)}.tabletop__rect--wood-white{background:repeating-linear-gradient(90deg,rgba(0,0,0,.04) 0px,rgba(0,0,0,.04) 1px,transparent 1px,transparent 14px),linear-gradient(180deg,#efe6d6,#e3d6c1,#d8c8ad)}.tabletop__tex{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.tabletop__opt-note{display:block;margin-top:12px;font-size:13px;color:var(--el-muted);text-align:center}.tabletop__strip{margin-top:20px;padding-top:18px;border-top:1px solid var(--el-border);display:flex;flex-wrap:wrap;gap:10px 26px;font-size:13.5px;color:var(--el-muted);font-weight:600}.tabletop__strip-item{display:inline-flex;align-items:baseline;gap:6px}.tabletop__check{color:var(--el-teal);font-weight:900}.tabletop__empty{font-size:14px;color:var(--el-muted);margin:0}@media(prefers-reduced-motion:reduce){.tabletop__opt{transition:none}}@media screen and (max-width:560px){.tabletop__opt{flex-basis:100%;min-width:0}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/section-tabletop.css.map */