.zsel{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:var(--zip-s5);align-items:start}.zsel__inputs{display:grid;gap:var(--zip-s4);padding:var(--zip-s5);background:var(--zip-surface);border:1px solid var(--zip-line);border-radius:var(--zip-radius-lg)}.zsel__unit{position:relative}.zsel__unit .zip-input{padding-inline-end:46px}.zsel__unit span{position:absolute;inset-inline-end:12px;top:50%;transform:translateY(-50%);font-size:14px;color:var(--zip-ink-faint);pointer-events:none}.zsel__out{padding:var(--zip-s5);background:var(--zip-surface-deep);color:#fff;border-radius:var(--zip-radius-lg);min-height:100%}.zsel__idle{margin:0;color:#ffffff9e;font-size:15px}.zsel__specs{display:grid;grid-template-columns:1fr 1fr;gap:var(--zip-s4);padding-bottom:var(--zip-s4);border-bottom:1px solid rgba(255,255,255,.16)}.zsel__spec{display:flex;flex-direction:column;gap:3px}.zsel__spec-key{font-size:12px;letter-spacing:.08em;color:var(--zip-accent);font-weight:700}.zsel__spec-val{font-size:clamp(18px,2.2vw,22px);line-height:1.25;font-weight:700;color:#fff}.zsel__why{margin:var(--zip-s4) 0 0;font-size:14.5px;line-height:1.6;color:#ffffffd1}.zsel__notes{margin:var(--zip-s4) 0 0;padding:0;list-style:none;display:grid;gap:var(--zip-s2)}.zsel__notes li{position:relative;padding-inline-start:16px;font-size:14px;line-height:1.55;color:#ffffffd1}.zsel__notes li:before{content:"";position:absolute;inset-inline-start:0;top:9px;width:6px;height:6px;border-radius:50%;background:var(--zip-accent)}.zsel__models{margin-top:var(--zip-s5)}.zsel__models-lead{margin:0 0 var(--zip-s3);font-size:var(--zip-micro);color:#ffffff9e}.zsel__models-row{display:flex;flex-wrap:wrap;gap:var(--zip-s2)}.zsel__model{border-color:#ffffff57;color:#fff;font-size:14px;padding-inline:var(--zip-s4)}.zsel__model:hover{border-color:#fff;background:#ffffff14;color:#fff}.zsel__oor-title{margin:0 0 var(--zip-s2);font-size:17px;font-weight:700;color:#fff}.zsel__oor-text{margin:0;font-size:14.5px;line-height:1.6;color:#ffffffd1}.zsel__cta{margin-top:var(--zip-s5);width:100%}.zsel__note{grid-column:1 / -1;margin:0;max-width:78ch}@media screen and (max-width:899px){.zsel{grid-template-columns:1fr}.zsel__out{min-height:0}}.zsel__specs--single{grid-template-columns:1fr}.zsel__specs--single .zsel__spec-val{font-size:clamp(20px,2.6vw,26px)}
/*# sourceMappingURL=/cdn/shop/t/6/assets/zip-selector.css.map */