.calc-step[data-v-37647e3b]{--calc-panel-bg:var(--color-base-200,#f6f6f6);border:1px solid color-mix(in oklch, var(--color-base-content,#000) 14%, transparent);border-radius:var(--radius-box,.75rem);background:var(--calc-panel-bg);padding:.875rem 1rem 1rem}.calc-step__head[data-v-37647e3b]{align-items:center;gap:.5rem;margin-bottom:.75rem;display:flex}.calc-step__num[data-v-37647e3b]{background:var(--color-base-content,#1a1a19);width:1.5rem;height:1.5rem;color:var(--color-base-100,#fff);border-radius:9999px;flex:none;justify-content:center;align-items:center;font-size:.8rem;font-weight:700;line-height:1;display:inline-flex}.calc-step__title[data-v-37647e3b]{font-size:1rem;font-weight:700;line-height:1.2}.calc-step__summary[data-v-37647e3b]{text-overflow:ellipsis;white-space:nowrap;opacity:.6;min-width:0;margin-left:auto;font-size:.8rem;overflow:hidden}.calc-step__body[data-v-37647e3b]{flex-direction:column;gap:1rem;display:flex}.otile-wrap[data-v-77cf737e]{display:inline-flex;position:relative}.otile[data-v-77cf737e]{border:1px solid var(--color-base-300,#d6d3cd);background:var(--color-base-100,#fff);cursor:pointer;border-radius:.75rem;flex-direction:column;align-items:center;gap:.3rem;width:9rem;padding:.4rem;transition:border-color .12s,background .12s;display:flex}.otile[data-v-77cf737e]:hover{border-color:var(--color-base-content,#555)}.otile--on[data-v-77cf737e]{border-color:var(--color-accent-ink);background:color-mix(in oklch, var(--color-accent-ink) 7%, var(--color-base-100,#fff));border-width:2px;padding:calc(.4rem - 1px)}.otile--on[data-v-77cf737e]:hover{border-color:var(--color-accent-ink)}.otile--on .otile__name[data-v-77cf737e]{color:var(--color-accent-ink);font-weight:600}.otile__pick[data-v-77cf737e]{background:var(--color-accent-ink);color:#fff;border-radius:9999px;place-items:center;width:1.15rem;height:1.15rem;display:grid;position:absolute;top:.3rem;left:.3rem;box-shadow:0 1px 2px #0000004d}.otile__pick svg[data-v-77cf737e]{width:.8rem;height:.8rem}.otile--off[data-v-77cf737e]{cursor:not-allowed;opacity:.4}.otile--off[data-v-77cf737e]:hover{border-color:var(--color-base-300,#d6d3cd)}.otile__thumb[data-v-77cf737e]{aspect-ratio:16/9;background-color:var(--color-base-200,#f3f1ea);border-radius:.5rem;place-items:center;width:100%;display:grid;position:relative;overflow:hidden}.otile__thumb picture[data-v-77cf737e]{display:contents}.otile__img[data-v-77cf737e]{object-fit:cover;width:100%;height:100%;display:block}.otile__glyph[data-v-77cf737e]{opacity:.45;width:2.2rem;height:2.2rem}.otile__thumb--zoom .otile__img[data-v-77cf737e]{will-change:transform;transition:transform .25s}.otile__zoom[data-v-77cf737e]{border:1px solid var(--color-base-content,#555);background:var(--color-base-100,#fff);width:1.5rem;height:1.5rem;color:var(--color-base-content,#555);cursor:zoom-in;border-radius:9999px;place-items:center;padding:0;display:grid;position:absolute;top:.6rem;right:.6rem}@media (hover:hover){.otile__thumb--zoom:hover .otile__img[data-v-77cf737e]{transform:scale(1.12) translate(var(--px,0%), var(--py,0%))}.otile__zoom[data-v-77cf737e]{opacity:0;transition:opacity .12s}.otile-wrap:hover .otile__zoom[data-v-77cf737e],.otile__zoom[data-v-77cf737e]:focus-visible{opacity:1}}@media (hover:none){.otile__thumb--zoom[data-v-77cf737e]{cursor:zoom-in}}.otile-preview[data-v-77cf737e]{z-index:60;border:1px solid var(--color-base-300,#d6d3cd);border-radius:var(--radius-box,.75rem);background:var(--color-base-100,#fff);pointer-events:none;width:26rem;padding:.25rem;position:fixed;box-shadow:0 .75rem 2rem #0000002e}.otile-preview__img[data-v-77cf737e]{object-fit:contain;border-radius:calc(var(--radius-box,.75rem) - .25rem);width:100%;height:auto;max-height:29rem;display:block}.otile-preview__cap[data-v-77cf737e]{text-align:center;padding:.35rem .25rem .15rem;font-size:.8rem;display:block}.otile__thumb svg[data-v-77cf737e-s]{opacity:.45;width:2.2rem;height:2.2rem}.otile__text[data-v-77cf737e]{flex-direction:column;justify-content:flex-start;align-items:center;gap:.3rem;min-width:0;height:2.9rem;display:flex}.otile__name[data-v-77cf737e]{text-align:center;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-height:2.3em;font-size:.8rem;line-height:1.15;display:-webkit-box;overflow:hidden}.otile__sub[data-v-77cf737e]{opacity:.7;white-space:nowrap;font-size:.72rem;line-height:1}.otile--icon[data-v-77cf737e]{flex-direction:row;align-items:center;gap:.55rem;width:auto;min-width:6rem;padding:.45rem .7rem}.otile--icon .otile__thumb[data-v-77cf737e]{aspect-ratio:auto;background:0 0;border-radius:0;flex:none;width:auto}.otile--icon .otile__glyph[data-v-77cf737e],.otile--icon .otile__thumb svg[data-v-77cf737e-s]{opacity:.75;width:1.7rem;height:1.7rem}.otile--icon .otile__text[data-v-77cf737e]{align-items:flex-start;gap:.1rem;height:auto}.otile--icon .otile__name[data-v-77cf737e]{text-align:left;-webkit-line-clamp:1;max-height:none;font-size:.9rem;font-weight:600}.otile--icon .otile__sub[data-v-77cf737e]{line-height:1.1}.otile--icon.otile--on[data-v-77cf737e]{border-color:var(--color-accent-ink);background:var(--color-base-100,#fff);color:var(--color-accent-ink);padding:calc(.45rem - 1px) calc(.7rem - 1px)}.otile--icon.otile--on[data-v-77cf737e]:hover{border-color:var(--color-accent-ink)}.otile--icon.otile--on .otile__sub[data-v-77cf737e]{color:var(--color-accent-ink);opacity:1}.otile--icon.otile--on .otile__glyph[data-v-77cf737e],.otile--icon.otile--on .otile__thumb svg[data-v-77cf737e-s]{opacity:1}.size-pop[data-v-a08eac91]{z-index:20;border:1px solid var(--color-base-300,#d6d3cd);background:var(--color-base-100,#fff);border-radius:.75rem;padding:.75rem .875rem;position:absolute;top:calc(100% + .5rem);left:0;box-shadow:0 8px 24px #0000001f,0 2px 6px #00000014}.qsel[data-v-d5b15cbc]{flex-wrap:wrap;gap:.6rem;display:flex}.qsel__tile[data-v-d5b15cbc]{min-width:5.5rem;color:inherit;background:var(--color-base-100);border:1px solid var(--color-base-300);border-radius:var(--radius-box,.5rem);cursor:pointer;flex-direction:column;flex:1 1 0;align-items:center;gap:.15rem;padding:.65rem .5rem;transition:border-color .12s;display:flex}.qsel__tile[data-v-d5b15cbc]:hover{border-color:var(--color-base-content)}.qsel__qty[data-v-d5b15cbc]{font-size:1.35rem;font-weight:700;line-height:1.1}.qsel__rate[data-v-d5b15cbc]{opacity:.6;font-size:.78rem}.qsel__tile--on[data-v-d5b15cbc]{border-color:var(--color-accent-ink);border-width:2px;padding:calc(.65rem - 1px) calc(.5rem - 1px)}.qsel__tile--on[data-v-d5b15cbc]:hover{border-color:var(--color-accent-ink)}.qsel__tile--on .qsel__rate[data-v-d5b15cbc]{color:var(--color-accent-ink);opacity:1}.swatches[data-v-09dffd92]{flex-wrap:wrap;gap:.625rem;max-height:11rem;padding:4px;display:flex;overflow-y:auto}.swatch[data-v-09dffd92]{border:1px solid var(--color-base-300,#d6d3cd);cursor:pointer;border-radius:.5rem;place-items:center;width:2.75rem;height:2.75rem;transition:box-shadow .12s;display:grid;position:relative;overflow:hidden}.swatch--on[data-v-09dffd92]{box-shadow:0 0 0 2px var(--color-base-100,#fff), 0 0 0 4px var(--color-accent-ink)}.swatch__img[data-v-09dffd92]{display:contents}.swatch__img img[data-v-09dffd92]{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.swatch__check[data-v-09dffd92]{width:1.15rem;height:1.15rem;position:relative}.swatch__check--dark[data-v-09dffd92]{color:#000000bf}.swatch__check--lite[data-v-09dffd92]{color:#fff;filter:drop-shadow(0 0 2px #0000008c)}.swatch__zoom[data-v-09dffd92]{border:1px solid var(--color-base-content,#555);background:var(--color-base-100,#fff);border-radius:9999px;place-items:center;width:1.15rem;height:1.15rem;display:grid;position:absolute;top:2px;right:2px}.mat-wrap[data-v-136d501c]{position:relative}.mat-wrap--fade[data-v-136d501c]:after{content:"";background:linear-gradient(to bottom, transparent, var(--calc-panel-bg,var(--color-base-100,#fff)));pointer-events:none;height:3rem;position:absolute;bottom:0;left:0;right:12px}.mat-list[data-v-136d501c]{scrollbar-width:none;flex-wrap:wrap;align-content:flex-start;gap:.5rem;max-height:19rem;padding-right:1.1rem;display:flex;overflow-y:auto}.mat-list[data-v-136d501c]::-webkit-scrollbar{display:none}.mat-bar[data-v-136d501c]{background:color-mix(in oklch, var(--color-base-content,#000) 8%, transparent);border-radius:9999px;width:10px;position:absolute;top:0;bottom:0;right:0}.mat-bar__thumb[data-v-136d501c]{background:color-mix(in oklch, var(--color-base-content,#000) 22%, transparent);touch-action:none;border-radius:9999px;min-height:1.5rem;transition:background .12s;position:absolute;left:0;right:0}.mat-bar__thumb[data-v-136d501c]:hover,.mat-bar__thumb[data-v-136d501c]:active{background:color-mix(in oklch, var(--color-base-content,#555) 35%, transparent)}.mat-list--fixed[data-v-136d501c]{height:19rem}.tip-btn[data-v-fee5e15b]{padding:0;position:relative}.tip-btn[data-v-fee5e15b]:after{content:"";position:absolute;inset:-.25rem}.tooltip-content[data-v-fee5e15b]{max-width:min(20rem,100vw - 2rem);display:none}.tooltip:hover>.tooltip-content[data-v-fee5e15b],.tooltip:focus-within>.tooltip-content[data-v-fee5e15b],.tooltip.tooltip-open>.tooltip-content[data-v-fee5e15b]{display:block}@media (width<=767px){.tooltip:hover>.tooltip-content[data-v-fee5e15b],.tooltip:focus-within>.tooltip-content[data-v-fee5e15b],.tooltip.tooltip-open>.tooltip-content[data-v-fee5e15b]{width:auto;max-width:none;margin-top:.25rem;position:static;transform:none}.tooltip[data-v-fee5e15b]:hover:before,.tooltip[data-v-fee5e15b]:focus-within:before,.tooltip.tooltip-open[data-v-fee5e15b]:before,.tooltip[data-v-fee5e15b]:hover:after,.tooltip[data-v-fee5e15b]:focus-within:after,.tooltip.tooltip-open[data-v-fee5e15b]:after{display:none}}