.wear-it-with{--wiw-line: #e4e2df;--wiw-bar: #f6f5f3;--wiw-ink: #111111;--wiw-muted: #6f6f6f;--wiw-media-width: 104px;--wiw-gap: 22px;--wiw-control-height: 40px;--wiw-add-width: 100px;display:block;margin:28px 0 0;max-width:100%}.wear-it-with__heading{margin:0;padding:14px 16px;background-color:var(--wiw-bar);color:var(--wiw-ink);font-size:11px;font-weight:600;line-height:1.2;letter-spacing:.16em;text-transform:uppercase;text-align:center}.wear-it-with__list{display:block}.wear-it-with__item{display:grid;grid-template-columns:var(--wiw-media-width) minmax(0,1fr);column-gap:var(--wiw-gap);align-items:start;padding:20px 0}.wear-it-with__item+.wear-it-with__item{padding-top:0}.wear-it-with__media{display:block;width:var(--wiw-media-width);aspect-ratio:2 / 3;overflow:hidden;background-color:var(--wiw-bar);text-decoration:none}.wear-it-with__media img,.wear-it-with__media-placeholder{display:block;width:100%;height:100%;object-fit:cover;object-position:center top}.wear-it-with__info{min-width:0;padding-top:1px}.wear-it-with__title{display:block;color:var(--wiw-ink);font-size:12.5px;font-weight:400;line-height:1.45;letter-spacing:.01em;text-decoration:none}.wear-it-with__title:hover,.wear-it-with__title:focus-visible{text-decoration:underline;text-underline-offset:3px}.wear-it-with__price{margin:5px 0 0;font-size:12.5px;line-height:1.4;color:var(--wiw-ink)}.wear-it-with__price-was{margin-right:6px;color:var(--wiw-muted);text-decoration:line-through}.wear-it-with__swatches{display:flex;flex-wrap:wrap;gap:9px;margin-top:12px}.wear-it-with__swatch{display:block;width:20px;height:20px;padding:0;border:0;border-radius:50%;background:none;cursor:pointer;outline:1px solid transparent;outline-offset:3px;transition:outline-color .15s ease;-webkit-appearance:none;appearance:none}.wear-it-with__swatch .swatch{display:block;width:100%;height:100%;min-width:0;min-height:0;border-radius:50%;box-shadow:inset 0 0 0 1px #00000024;background:var(--swatch--background, #e8e8e8);background-size:cover;background-position:var(--swatch-focal-point, center center);background-repeat:no-repeat;aspect-ratio:auto}.wear-it-with__swatch[aria-checked=true]{outline-color:var(--wiw-ink)}.wear-it-with__swatch:focus-visible{outline-color:var(--wiw-ink);outline-width:2px}.wear-it-with__swatch--soldout .swatch{opacity:.45}.wear-it-with__actions{display:flex;align-items:stretch;margin-top:14px}.wear-it-with__select-wrap{position:relative;flex:1 1 auto;min-width:0}.wear-it-with__select{width:100%;height:var(--wiw-control-height);margin:0;padding:0 28px 0 12px;border:1px solid var(--wiw-line);border-right:0;border-radius:0;background-color:#fff;background-image:none;color:var(--wiw-ink);font-family:inherit;font-size:12px;letter-spacing:.02em;line-height:1.2;cursor:pointer;text-overflow:ellipsis;-webkit-appearance:none;-moz-appearance:none;appearance:none}.wear-it-with__select:focus-visible{outline:2px solid var(--wiw-ink);outline-offset:-2px}.wear-it-with__select:disabled{color:var(--wiw-muted);background-color:#fafafa;cursor:not-allowed}.wear-it-with__select option:disabled{color:#b3b3b3}.wear-it-with__chevron{position:absolute;top:50%;right:11px;width:10px;height:6px;transform:translateY(-50%);color:var(--wiw-ink);pointer-events:none}.wear-it-with__add{flex:0 0 var(--wiw-add-width);width:var(--wiw-add-width);min-height:var(--wiw-control-height);height:var(--wiw-control-height);padding:0 8px;border:1px solid #000000;border-radius:0;background-color:#000;color:#fff;font-family:inherit;font-size:11px;font-weight:600;letter-spacing:.2em;line-height:1;text-transform:uppercase;text-align:center;cursor:pointer;transition:background-color .15s ease,color .15s ease;-webkit-appearance:none;appearance:none}.wear-it-with__add:hover:not(:disabled){background-color:#2b2b2b;border-color:#2b2b2b}.wear-it-with__add:focus-visible{outline:2px solid var(--wiw-ink);outline-offset:2px}.wear-it-with__add:disabled{background-color:#fff;border-color:var(--wiw-line);color:var(--wiw-muted);cursor:not-allowed}.wear-it-with__add.is-loading{opacity:.7;cursor:default}.wear-it-with__message{margin:7px 0 0;font-size:11px;line-height:1.4;letter-spacing:.02em;color:#9a2c2c}.wear-it-with__message[hidden]{display:none}.wear-it-with__message--success{color:var(--wiw-muted)}.wear-it-with .visually-hidden{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.product__info-container .complementary-products{display:none!important}@media screen and (max-width:749px){.wear-it-with{--wiw-media-width: 88px;--wiw-gap: 14px;--wiw-control-height: 44px;--wiw-add-width: 86px;margin-top:22px}.wear-it-with__heading{padding:12px;font-size:10.5px;letter-spacing:.18em}.wear-it-with__item{padding:16px 0}.wear-it-with__title,.wear-it-with__price{font-size:12px}.wear-it-with__swatches{gap:8px;margin-top:10px}.wear-it-with__actions{margin-top:11px}.wear-it-with__select{padding:0 24px 0 10px}.wear-it-with__chevron{right:9px}.wear-it-with__add{padding:0 4px;font-size:10.5px;letter-spacing:.14em}}@media screen and (max-width:359px){.wear-it-with{--wiw-media-width: 76px;--wiw-add-width: 76px}}
/*# sourceMappingURL=/cdn/shop/t/37/assets/component-wear-it-with.css.map */