.sp__fit{padding:calc(var(--space-box) - 1px);border:1px solid var(--color-line);border-radius:var(--radius-lg);background:var(--color-surface-assured);flex-direction:column;display:flex}.sp__fit[data-state=unfits]{background:var(--color-white)}.sp__fit-line{--sp-fit-icon:28px;align-items:flex-start;gap:var(--space-item);display:flex}.sp__fit-icon{width:auto;height:var(--sp-fit-icon);flex-shrink:0;display:none}.sp__fit-shield{fill:none;stroke:var(--color-ink-faint);stroke-width:1.5px;stroke-linejoin:round}.sp__fit-mark{fill:none;stroke:var(--color-white);stroke-width:2.25px;stroke-linecap:round;stroke-linejoin:round}.sp__fit:is([data-state=ask],[data-state=one],[data-state=maybe]) .sp__fit-icon--ask,.sp__fit:is([data-state=universal],[data-state=fits]) .sp__fit-icon--fits{display:block}.sp__fit-icon--fits .sp__fit-shield{fill:var(--color-green);stroke:var(--color-green)}.sp__fit[data-state=unfits] .sp__fit-icon--unfits{display:block}.sp__fit-icon--unfits .sp__fit-shield{fill:var(--color-red);stroke:var(--color-red)}.sp__fit-says{flex:1;min-width:0}.sp__fit-sentence{text-box:trim-both cap alphabetic;text-wrap:balance;margin-top:calc((var(--sp-fit-icon) - 1cap) / 2);font:var(--type-box-title);color:var(--color-ink)}.sp__fit-terms{margin-top:var(--space-group);font:var(--type-body-sm);color:var(--color-ink-muted);display:none}.sp__fit-terms+.sp__fit-terms{margin-top:var(--space-item)}.sp__fit:is([data-state=universal],[data-state=fits]) .sp__fit-terms--fits,.sp__fit:is([data-state=ask],[data-state=one],[data-state=maybe]) .sp__fit-terms--ask{display:block}.sp__fit-terms a{color:var(--color-red);text-underline-offset:3px;transition:color var(--transition-hover), background var(--transition-fast);text-decoration:underline;text-decoration-thickness:1px}@media (hover:hover) and (pointer:fine){.sp__fit-terms a:hover{color:var(--color-red-hover)}}.sp__fit-terms a:active{background:var(--press-wash)}.sp__fit-note{font:var(--type-body-sm);color:var(--color-ink-muted)}.sp__fit-text:has(+.sp__fit-note:not([hidden])):after{content:" ·";content:" ·" / "";font:var(--type-body-sm);color:var(--color-ink-muted)}.sp__fit-change{font:inherit;color:var(--color-red);border-radius:var(--radius-sm);text-underline-offset:3px;cursor:pointer;transition:color var(--transition-fast), background var(--transition-fast);background:0 0;border:0;margin-left:2px;padding:0;text-decoration:underline;text-decoration-thickness:1px;display:none}.sp__fit:is([data-state=fits],[data-state=maybe],[data-state=unfits]) .sp__fit-change{display:inline-block}.sp__fit[data-state=unfits] .sp__fit-change{color:var(--color-ink-muted)}@media (hover:hover) and (pointer:fine){.sp__fit-change:hover{color:var(--color-red-hover)}.sp__fit[data-state=unfits] .sp__fit-change:hover{color:var(--color-ink)}}.sp__fit-change:active{background:var(--press-wash)}.sp__fit-instead{--sp-fit-thumb:4.5rem;margin-top:var(--space-group);display:none}.sp__fit[data-state=unfits] .sp__fit-instead{display:block}.sp__fit-label{font:var(--type-body-sm);color:var(--color-ink-muted)}.sp__fit-parts{gap:var(--space-item);margin:var(--space-item) 0 0;grid-template-columns:minmax(0,1fr);padding:0;list-style:none;display:grid}.sp__fit-part{align-items:center;gap:var(--space-md);box-sizing:border-box;padding:var(--space-xs) var(--space-sm) var(--space-xs) var(--space-xs);border:1px solid var(--color-line);border-radius:var(--radius-lg);background:var(--color-white);color:var(--color-ink);transition:border-color var(--transition-hover), scale var(--transition-fast);display:flex}@media (hover:hover) and (pointer:fine){.sp__fit-part:hover{border-color:var(--color-ink-ghost)}}.sp__fit-part:active{scale:var(--press-scale)}.sp__fit-part-img{width:var(--sp-fit-thumb);height:var(--sp-fit-thumb);border-radius:var(--radius-md);outline:1px solid var(--color-line);outline-offset:-1px;object-fit:cover;background:var(--color-surface);flex-shrink:0}.sp__fit-part-info{flex-direction:column;gap:2px;min-width:0;display:flex}.sp__fit-part-look{white-space:nowrap;text-overflow:ellipsis;font:var(--type-meta);color:var(--color-ink-muted);overflow:hidden}.sp__fit-part-name{white-space:nowrap;text-overflow:ellipsis;font:var(--type-body-sm);font-weight:500;overflow:hidden}.sp__fit-part-price{--price-line-aside:var(--font-size-xs);font:var(--type-price-sm)}:is(.sp__fit-more,.sp__fit-out){box-sizing:border-box;width:fit-content;min-height:24px;padding-block:var(--space-xs);font:var(--type-body-sm);color:var(--color-ink-muted);text-underline-offset:3px;border-radius:var(--radius-sm);transition:color var(--transition-hover), background var(--transition-fast);text-decoration:underline;text-decoration-thickness:1px}.sp__fit-more{margin-top:var(--space-xs);display:block}.sp__fit-out:not([hidden]){display:block}.sp__fit-same:not(:empty)+.sp__fit-out{margin-top:var(--space-item)}@media (hover:hover) and (pointer:fine){:is(.sp__fit-more,.sp__fit-out):hover{color:var(--color-ink)}}:is(.sp__fit-more,.sp__fit-out):active{background:var(--press-wash)}.sp__fit-pick{width:max-content;min-height:var(--touch-min);margin-top:var(--space-item);padding:0 var(--space-box);border:1px solid var(--color-line);border-radius:var(--radius-pill);background:var(--color-white);font:var(--type-control);color:var(--color-ink);cursor:pointer;transition:border-color var(--transition-hover), scale var(--transition-fast);align-items:center;display:none}.sp__fit:is([data-state=ask],[data-state=one],[data-state=maybe]) .sp__fit-pick{display:flex}@media (hover:hover) and (pointer:fine){.sp__fit-pick:hover{border-color:var(--color-ink-ghost)}}.sp__fit-pick:active{scale:var(--press-scale)}