:root{--zs-sw-ink: #1c1d1d;--zs-sw-line: #dcdcd5;--zs-sw-muted: #a3a49e;--zs-sw-soft: #f4f4f0}.zs-picker{margin-bottom:18px}.zs-picker .variant__label{display:inline-block;margin-bottom:10px;font-weight:700}.zs-picker .cw-sc-trigger{margin-bottom:10px!important}.zs-picker .variant__label-info{font-weight:400;text-transform:none;letter-spacing:.04em;color:var(--zs-sw-ink)}.zs-picker .variant-input-wrap{display:flex;flex-wrap:wrap;gap:8px;margin:0}.zs-picker .variant-input{margin:0}.zs-picker .variant-input-wrap label.zs-swatch,.zs-picker .variant-input-wrap label.zs-pill{margin:0;box-shadow:none;cursor:pointer;transition:border-color .15s,background-color .15s,color .15s}.zs-picker .variant-input-wrap label.zs-swatch{display:block;width:56px;height:70px;padding:2px;border:1px solid var(--zs-sw-line);background:#fff}.zs-swatch img,.zs-swatch__chip{display:block;width:100%;height:100%;object-fit:cover;background-size:cover}.zs-picker .variant-input-wrap label.zs-swatch:hover{border-color:var(--zs-sw-ink)}.zs-picker .variant-input-wrap input:checked+label.zs-swatch{border-color:var(--zs-sw-ink);box-shadow:inset 0 0 0 2px var(--zs-sw-ink)}.zs-picker .variant-input-wrap label.zs-pill{display:inline-flex;align-items:center;justify-content:center;min-width:56px;min-height:42px;padding:8px 14px;border:1px solid var(--zs-sw-line);background:#fff;color:var(--zs-sw-ink);font-size:13px;letter-spacing:.04em;line-height:1.2}.zs-picker .variant-input-wrap label.zs-pill:hover{border-color:var(--zs-sw-ink)}.zs-picker .variant-input-wrap input:checked+label.zs-pill{border-color:var(--zs-sw-ink);background:var(--zs-sw-ink);color:#fff}.zs-picker .variant-input-wrap input:focus-visible+label{outline:2px solid var(--zs-sw-ink);outline-offset:2px}.zs-picker .variant-input-wrap label.is-unavailable,.zs-picker .variant-input-wrap label.disabled{color:var(--zs-sw-muted)}.zs-picker .variant-input-wrap label.zs-pill.is-unavailable,.zs-picker .variant-input-wrap label.zs-pill.disabled{background:linear-gradient(to top left,transparent calc(50% - .5px),var(--zs-sw-line) calc(50% - .5px),var(--zs-sw-line) calc(50% + .5px),transparent calc(50% + .5px)) #fff}.zs-picker .variant-input-wrap input:checked+label.zs-pill.is-unavailable{background-color:var(--zs-sw-soft);color:var(--zs-sw-muted)}.zs-picker .variant-input-wrap label.zs-swatch.is-unavailable img,.zs-picker .variant-input-wrap label.zs-swatch.disabled img{opacity:.4}.zs-picker .variant-input-wrap label.disabled:after{display:none}@media only screen and (max-width:768px){.zs-picker .variant-input-wrap{gap:6px}.zs-picker .variant-input-wrap label.zs-swatch{width:50px;height:62px}.zs-picker .variant-input-wrap label.zs-pill{min-width:52px;min-height:40px;padding:8px 12px}}.zs-card-swatches{display:flex;flex-wrap:wrap;align-items:center;gap:5px;margin:10px 0 2px}[data-center-text=true] .zs-card-swatches{justify-content:center}.zs-card-swatch{display:block;width:28px;height:28px;padding:1px;border:1px solid var(--zs-sw-line);background:#fff;transition:border-color .15s}.zs-card-swatch img{display:block;width:100%;height:100%;object-fit:cover}.zs-card-swatch:hover,.zs-card-swatch.is-active{border-color:var(--zs-sw-ink)}.zs-card-swatch--more{display:inline-flex;align-items:center;justify-content:center;width:auto;min-width:28px;padding:0 4px;border-color:transparent;color:var(--zs-sw-ink);font-size:12px;letter-spacing:.02em;text-decoration:none}.grid-product.zs-swapped .grid-product__secondary-image{display:none}@media only screen and (max-width:768px){.zs-card-swatches{gap:4px;margin-top:8px}.zs-card-swatch{width:24px;height:24px}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/zs-swatches.css.map */