.otile-wrap[data-v-8bb5486f]{display:inline-flex;position:relative}.otile[data-v-8bb5486f]{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-8bb5486f]:hover{border-color:var(--color-base-content,#555)}.otile--on[data-v-8bb5486f]{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-8bb5486f]:hover{border-color:var(--color-accent-ink)}.otile--on .otile__name[data-v-8bb5486f]{color:var(--color-accent-ink);font-weight:600}.otile__pick[data-v-8bb5486f]{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-8bb5486f]{width:.8rem;height:.8rem}.otile--off[data-v-8bb5486f]{cursor:not-allowed;opacity:.4}.otile--off[data-v-8bb5486f]:hover{border-color:var(--color-base-300,#d6d3cd)}.otile__thumb[data-v-8bb5486f]{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-8bb5486f]{display:contents}.otile__img[data-v-8bb5486f]{object-fit:cover;width:100%;height:100%;display:block}.otile__glyph[data-v-8bb5486f]{opacity:.45;width:2.2rem;height:2.2rem}.otile__thumb--zoom .otile__img[data-v-8bb5486f]{will-change:transform;transition:transform .25s}.otile__zoom[data-v-8bb5486f]{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-8bb5486f]{transform:scale(1.12) translate(var(--px,0%), var(--py,0%))}.otile__zoom[data-v-8bb5486f]{opacity:0;transition:opacity .12s}.otile-wrap:hover .otile__zoom[data-v-8bb5486f],.otile__zoom[data-v-8bb5486f]:focus-visible{opacity:1}}@media (hover:none){.otile__thumb--zoom[data-v-8bb5486f]{cursor:zoom-in}}.otile-preview[data-v-8bb5486f]{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-8bb5486f]{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-8bb5486f]{text-align:center;padding:.35rem .25rem .15rem;font-size:.8rem;display:block}.otile__thumb svg[data-v-8bb5486f-s]{opacity:.45;width:2.2rem;height:2.2rem}.otile__text[data-v-8bb5486f]{flex-direction:column;justify-content:flex-start;align-items:center;gap:.3rem;min-width:0;height:2.9rem;display:flex}.otile__name[data-v-8bb5486f]{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-8bb5486f]{opacity:.7;white-space:nowrap;font-size:.72rem;line-height:1}.otile--icon[data-v-8bb5486f]{flex-direction:row;align-items:center;gap:.55rem;width:auto;min-width:6rem;padding:.45rem .7rem}.otile--icon .otile__thumb[data-v-8bb5486f]{aspect-ratio:auto;background:0 0;border-radius:0;flex:none;width:auto}.otile--icon .otile__glyph[data-v-8bb5486f],.otile--icon .otile__thumb svg[data-v-8bb5486f-s]{opacity:.75;width:1.7rem;height:1.7rem}.otile--icon .otile__text[data-v-8bb5486f]{align-items:flex-start;gap:.1rem;height:auto}.otile--icon .otile__name[data-v-8bb5486f]{text-align:left;-webkit-line-clamp:1;max-height:none;font-size:.9rem;font-weight:600}.otile--icon .otile__sub[data-v-8bb5486f]{line-height:1.1}.otile--icon.otile--on[data-v-8bb5486f]{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-8bb5486f]:hover{border-color:var(--color-accent-ink)}.otile--icon.otile--on .otile__sub[data-v-8bb5486f]{color:var(--color-accent-ink);opacity:1}.otile--icon.otile--on .otile__glyph[data-v-8bb5486f],.otile--icon.otile--on .otile__thumb svg[data-v-8bb5486f-s]{opacity:1}.size-pop[data-v-3a33c9e0]{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}.swatches[data-v-f5dd7e2a]{flex-wrap:wrap;gap:.625rem;max-height:11rem;padding:4px;display:flex;overflow-y:auto}.swatch[data-v-f5dd7e2a]{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-f5dd7e2a]{box-shadow:0 0 0 2px var(--color-base-100,#fff), 0 0 0 4px var(--color-accent-ink)}.swatch__img[data-v-f5dd7e2a]{display:contents}.swatch__img img[data-v-f5dd7e2a]{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.swatch__check[data-v-f5dd7e2a]{width:1.15rem;height:1.15rem;position:relative}.swatch__check--dark[data-v-f5dd7e2a]{color:#000000bf}.swatch__check--lite[data-v-f5dd7e2a]{color:#fff;filter:drop-shadow(0 0 2px #0000008c)}.swatch__zoom[data-v-f5dd7e2a]{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}.tip-btn[data-v-20e09d39]{padding:0;position:relative}.tip-btn[data-v-20e09d39]:after{content:"";position:absolute;inset:-.25rem}.tooltip-content[data-v-20e09d39]{max-width:min(20rem,100vw - 2rem);display:none}.tooltip:hover>.tooltip-content[data-v-20e09d39],.tooltip:focus-within>.tooltip-content[data-v-20e09d39],.tooltip.tooltip-open>.tooltip-content[data-v-20e09d39]{display:block}@media (width<=767px){.tooltip:hover>.tooltip-content[data-v-20e09d39],.tooltip:focus-within>.tooltip-content[data-v-20e09d39],.tooltip.tooltip-open>.tooltip-content[data-v-20e09d39]{width:auto;max-width:none;margin-top:.25rem;position:static;transform:none}.tooltip[data-v-20e09d39]:hover:before,.tooltip[data-v-20e09d39]:focus-within:before,.tooltip.tooltip-open[data-v-20e09d39]:before,.tooltip[data-v-20e09d39]:hover:after,.tooltip[data-v-20e09d39]:focus-within:after,.tooltip.tooltip-open[data-v-20e09d39]:after{display:none}}.qsel[data-v-c3e4e468]{flex-wrap:wrap;gap:.6rem;display:flex}.qsel__tile[data-v-c3e4e468]{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-c3e4e468]:hover{border-color:var(--color-base-content)}.qsel__qty[data-v-c3e4e468]{font-size:1.35rem;font-weight:700;line-height:1.1}.qsel__rate[data-v-c3e4e468]{opacity:.6;font-size:.78rem}.qsel__tile--on[data-v-c3e4e468]{border-color:var(--color-accent-ink);border-width:2px;padding:calc(.65rem - 1px) calc(.5rem - 1px)}.qsel__tile--on[data-v-c3e4e468]:hover{border-color:var(--color-accent-ink)}.qsel__tile--on .qsel__rate[data-v-c3e4e468]{color:var(--color-accent-ink);opacity:1}