@media(min-width:840px){.tb-grid{grid-template-rows:auto 1fr}.tb-grid>.order__intro{grid-column:1;grid-row:1}.tb-grid>.order__panel{grid-column:2;grid-row:1 / span 2}.tb__summary{grid-column:1;grid-row:2;align-self:start;position:sticky;top:calc(var(--nav-h) + 20px)}}.tb__summary{background:var(--card);border:1px solid var(--hairline);border-radius:16px;padding:22px 24px 20px;display:grid;gap:14px;box-shadow:0 18px 40px -30px #17140f59}.tb__sum-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px}.tb__sum-figure{display:grid;gap:6px;min-width:0}.tb__sum-label{font-size:.9rem;color:var(--ink-soft)}.tb__sum-total{display:flex;align-items:baseline;gap:8px;color:var(--ink);font-size:clamp(1.9rem,2.6vw,2.4rem);font-weight:800;letter-spacing:-.03em;line-height:1;font-variant-numeric:tabular-nums;transition:color .25s}.tb__sum-from{font-size:.5em;font-weight:600;letter-spacing:0;color:var(--walnut)}.tb__sum-from[hidden]{display:none}[data-tb-total]{display:inline-block}.tb-section.is-invalid .tb__sum-total{color:var(--ink-soft)}.tb__sum-toggle{display:none}.tb__sum-body-in{display:grid;gap:10px;min-height:0}.tb__lines{display:grid}.tb__line{display:grid;grid-template-columns:1fr auto;gap:14px;align-items:start;padding:10px 0}.tb__line+.tb__line{border-top:1px solid var(--hairline)}.tb__line-main{display:grid;gap:2px;min-width:0}.tb__line-name{font-size:.92rem;font-weight:650;color:var(--ink)}.tb__line-sub{font-size:.8rem;line-height:1.4;color:var(--ink-soft)}.tb__line-val{font-size:.92rem;font-weight:650;color:var(--ink);font-variant-numeric:tabular-nums;white-space:nowrap}.tb__note{font-size:.78rem;line-height:1.45;color:var(--ink-soft);margin:0;padding-top:10px;border-top:1px solid var(--hairline)}@keyframes tb-tick{0%{opacity:.35;transform:translateY(3px)}to{opacity:1;transform:none}}[data-tb-total].is-tick{animation:tb-tick .38s cubic-bezier(.16,1,.3,1)}.tb{display:flex;flex-direction:column;gap:0}.tb__step{border:0;border-bottom:1px solid var(--hairline);padding:0 0 32px;margin:0;min-width:0;display:grid;gap:12px}.tb__step+.tb__step{margin-top:28px}.tb__step-head{display:block;padding:0;margin:0 0 6px;max-width:48ch}.tb__step-title{display:block;font-size:1.08rem;font-weight:700;letter-spacing:-.01em;line-height:1.25;color:var(--ink);text-wrap:balance}.tb__step-hint{display:block;margin-top:4px;font-size:.86rem;line-height:1.5;color:var(--ink-soft)}.tb__hint{font-size:.84rem;color:var(--ink-soft);font-variant-numeric:tabular-nums}.tb__err{font-size:.84rem;color:#9b2c1f;line-height:1.45}.tb__err[hidden]{display:none}.tb input,.tb textarea{caret-color:var(--walnut)}.tb__dims{display:grid;gap:12px;grid-template-columns:1fr 1fr}.tb__ctrl{gap:8px}.tb__ctrl input[type=number]{-moz-appearance:textfield;font-variant-numeric:tabular-nums}.tb__ctrl input[type=number]::-webkit-outer-spin-button,.tb__ctrl input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.tb__unit{font-size:.8rem;color:var(--ink-soft);flex:none}.tb-section.is-invalid .tb__ctrl:has(input:invalid){border-color:#9b2c1f}.tb__opts{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.tb__opt{position:relative;min-width:0}.tb__opt input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;margin:0;cursor:pointer}.tb__opt-body{height:100%;border:1px solid var(--hairline-2);border-radius:12px;background:var(--paper);padding:12px 14px;display:grid;gap:3px;align-content:start;transition:border-color .2s,box-shadow .2s,background .2s}.tb__opt:hover .tb__opt-body{border-color:var(--walnut)}.tb__opt input:checked+.tb__opt-body{border-color:var(--walnut);box-shadow:inset 0 0 0 1px var(--walnut);background:var(--card)}.tb__opt input:focus-visible+.tb__opt-body{box-shadow:0 0 0 3px #7a5c3e40}.tb__opt-img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:8px;background:var(--paper-2);margin-bottom:6px;display:block}.tb__opt-swatch{width:100%;aspect-ratio:3/1;object-fit:cover;border-radius:6px;background:var(--paper-2);margin-bottom:4px;display:block}.tb__opt-name{font-weight:650;font-size:.95rem;line-height:1.3}.tb__opt-price{font-size:.82rem;font-weight:600;color:var(--walnut);font-variant-numeric:tabular-nums}.tb__opt-desc{font-size:.8rem;color:var(--ink-soft);line-height:1.4}.tb__opt--unknown .tb__opt-body{border-style:dashed;background:transparent}.tb__contact{display:grid;gap:16px;margin-top:28px}@media(max-width:839px){.tb-section{padding-bottom:calc(96px + env(safe-area-inset-bottom))}.tb__summary{position:fixed;left:0;right:0;bottom:0;z-index:62;display:flex;flex-direction:column;gap:0;padding:0;border:0;border-radius:0;border-top:1px solid var(--hairline-2);background:#fbfaf6eb;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 -14px 34px -26px #17140f73}.tb__sum-head{align-items:center;padding:11px var(--gutter) calc(11px + env(safe-area-inset-bottom))}.tb-section.is-open .tb__sum-head{border-top:1px solid var(--hairline)}.tb__sum-figure{gap:2px}.tb__sum-label{font-size:.74rem}.tb__sum-total{font-size:1.45rem}.tb__sum-toggle{display:inline-flex;align-items:center;gap:6px;flex:none;font:inherit;font-size:.82rem;font-weight:650;color:var(--ink);background:var(--paper);border:1px solid var(--hairline-2);border-radius:100px;padding:9px 12px 9px 14px;cursor:pointer;transition:border-color .2s,transform .1s}.tb__sum-toggle:active{transform:scale(.98)}.tb__sum-toggle:focus-visible{outline:none;box-shadow:0 0 0 3px #7a5c3e40}.tb__sum-toggle svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .3s var(--ease)}.tb-section.is-open .tb__sum-toggle svg{transform:rotate(180deg)}.tb__sum-body{order:-1;display:grid;grid-template-rows:0fr;transition:grid-template-rows .35s cubic-bezier(.16,1,.3,1)}.tb-section.is-open .tb__sum-body{grid-template-rows:1fr}.tb__sum-body-in{overflow:hidden;padding:0 var(--gutter)}.tb__lines{margin-top:6px}.tb__note{padding-bottom:12px}body:has(.tb__summary) .wa-float{bottom:calc(84px + env(safe-area-inset-bottom));transition:opacity .25s var(--ease),transform .2s var(--ease),box-shadow .2s var(--ease)}body:has(.tb-section.is-open) .wa-float{opacity:0;pointer-events:none}}@media(max-width:560px){.tb__opts{grid-template-columns:1fr 1fr}}@media(prefers-reduced-motion:reduce){.tb__opt-body,.tb__sum-total,.tb__sum-body,.tb__sum-toggle svg{transition:none}[data-tb-total].is-tick{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/table-builder.css.map */