.compare{display:block;padding-block:var(--space-6);color:var(--color-ink)}.compare__title{margin:0 0 var(--space-4);font-size:var(--text-3xl);font-weight:500;letter-spacing:-.04em;color:var(--color-primary)}.compare__intro{margin:0 0 var(--space-4);color:var(--color-ink-muted)}.compare__none{display:none;color:var(--color-ink-muted)}.compare[data-none] .compare__none{display:block}.compare[data-none] .compare__body{display:none}.compare__pick{display:grid;gap:var(--space-3);margin-bottom:var(--space-3)}.compare__slot{min-width:0;margin:0;padding:var(--space-3);border:1px solid var(--color-line);border-radius:var(--radius);background:var(--color-card)}.compare__legend{padding:0;font-weight:500}.compare__chips{display:flex;flex-wrap:wrap;gap:6px;margin:var(--space-2) 0}.compare__chip{position:relative;display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:3px 12px 3px 3px;border:1px solid var(--color-line);border-radius:var(--radius-button);background:var(--color-card);color:var(--color-ink);font-size:13px;font-weight:500;cursor:pointer;transition:background-color .2s var(--ease-out),border-color .2s var(--ease-out),color .2s var(--ease-out)}.compare__chip input{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;opacity:0;cursor:pointer}.compare__chip img{width:36px;height:36px;border:1px solid var(--color-line);border-radius:10px;background:var(--color-card);object-fit:contain}.compare__chip:has(input:checked){border-color:var(--color-primary);background:var(--color-primary);color:var(--color-primary-ink)}.compare__chip:has(input:focus-visible){outline:2px solid var(--color-primary);outline-offset:2px}.compare__colors{margin-top:var(--space-2)}.compare__colors{min-height:28px}.compare__colors.is-empty{display:none}.compare__stage{position:relative;height:clamp(280px,78vw,420px);overflow:hidden;border:1px solid var(--color-line);border-radius:var(--radius);background:var(--color-sand-deep);background-image:linear-gradient(var(--color-grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--color-grid-line) 1px,transparent 1px);background-size:24px 24px}.compare__canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.compare__names{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3);max-width:760px;margin:var(--space-2) auto 0}.compare__names{min-height:42px}.compare__name{display:flex;flex-direction:column;align-items:center;min-width:0;margin:0;text-align:center;font-size:var(--text-sm)}.compare__name-title{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}.compare__name-price{color:var(--color-primary);font-variant-numeric:tabular-nums}.compare__empty{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;margin:0;color:var(--color-ink-muted)}.compare__empty[hidden]{display:none}.compare__static{display:flex;align-items:flex-end;justify-content:center;gap:var(--space-3);height:100%;padding:var(--space-3)}.compare__static[hidden]{display:none}.compare__static-item{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0;margin:0}.compare__static-item img{width:100%;height:auto}.compare__static-item figcaption{display:none;font-size:12px;text-align:center}.compare--static .compare__names{display:none}.compare--static .compare__static-item figcaption{display:block}@media(prefers-reduced-motion:reduce),(hover:none)and (pointer:coarse){.compare:not(.compare--live) .compare__names{display:none}.compare:not(.compare--live) .compare__static-item figcaption{display:block}}.compare__table{width:100%;margin-top:var(--space-4);border-collapse:collapse;font-size:var(--text-sm)}.compare__table th,.compare__table td{padding:10px 8px;border-bottom:1px solid var(--color-line);text-align:left;vertical-align:top}.compare__table .compare__th{font-size:15px;font-weight:500}.compare__link{color:var(--color-primary)}.compare__row{width:30%;font-weight:500;color:var(--color-ink-muted)}.compare__actions td{padding-top:var(--space-3)}.compare__note{margin:var(--space-2) 0 0;font-size:var(--text-xs);color:var(--color-ink-muted)}@media(max-width:767px){.compare__title{font-size:var(--text-2xl)}.compare__pick{gap:var(--space-2)}.compare__slot{padding:var(--space-2) var(--space-3)}.compare__chips{flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin-inline:calc(var(--space-3) * -1);padding-inline:var(--space-3)}.compare__chips::-webkit-scrollbar{display:none}.compare__chip{flex:none;scroll-snap-align:start}}@media(min-width:768px){.compare__pick{grid-template-columns:1fr 1fr}.compare__stage{height:clamp(360px,32vw,480px)}}.compare__table-wrap{min-height:433px}@media(min-width:768px){.compare__table-wrap{min-height:304px}}@media(min-width:1024px){.compare__table-wrap{min-height:283px}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/compare.css.map */