.swatch{display:inline-block;border-radius:50%;background-clip:padding-box;vertical-align:middle;flex-shrink:0;background-color:#e5e5e5}.swatch--sm{width:20px;height:20px}.swatch--md{width:32px;height:32px}.swatch--lg{width:40px;height:40px}a.swatch--filter{cursor:pointer;transition:transform .15s ease;text-decoration:none}a.swatch--filter:hover{transform:scale(1.1);outline:none}a.swatch--filter:focus-visible{outline:2px solid rgb(var(--color-foreground, 18, 18, 18));outline-offset:2px}.swatch.is-selected{box-shadow:0 0 0 4px rgb(var(--color-background, 255, 255, 255)),0 0 0 7px rgb(var(--color-foreground, 18, 18, 18))}a.swatch--filter.is-selected:hover{transform:scale(1.1)}.product-card__swatches{display:flex;gap:12px;margin-top:25px;flex-wrap:wrap}.product-card__swatches .swatch--sm{width:21px;height:21px}.product-card__swatches .swatch.is-selected{box-shadow:0 0 0 3.5px rgb(var(--color-background)),0 0 0 5px rgb(var(--color-foreground))}.filter-family{padding-left:4px}.filter-family+.filter-family{margin-top:16px}.filter-family__label{margin:0 0 12px;color:var( --primary-color-deep-purple);font-weight:300;font-size:16px;line-height:27.2px;letter-spacing:1%;vertical-align:middle}.filter-family__swatches{display:flex;gap:2rem;flex-wrap:wrap;padding:0 8px}.filter-family__swatches .swatch{border:1px solid #27182A}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.jm-active-pill .active-facets__button-inner{background:#ececec;box-shadow:none;padding:8px 17px 8px 13px;font-size:16px;line-height:27.2px;font-weight:300;border-radius:4px;background:transparent;color:var(--color-black);border:1px solid var(--primary-color-deep-purple)}.jm-active-pill .active-facets__button-inner .swatch{border:.63px solid #27182A}.jm-active-pill:hover .active-facets__button-inner,.jm-active-pill:focus-visible .active-facets__button-inner{background:#e0e0e0;box-shadow:none}.jm-active-pill .active-facets__button-inner .swatch{margin-right:10px}.jm-active-pill__x{display:inline-flex;align-items:center;margin-right:16px}.jm-active-pill__x svg{width:8px;height:8px;object-fit:contain}.filter-family__swatches facet-remove{display:inline-flex;line-height:0}.product-card__swatches,a.swatch--card{position:relative;z-index:1}.jm-color-collections-disclosure:not(:has(>summary)){display:none}.active-facets__button--light:not(.jm-active-pill) .active-facets__button-inner{padding:8px 17px;font-size:16px;line-height:27.2px;font-weight:300;border-radius:4px;background:transparent;color:var(--color-black);border:1px solid var(--primary-color-deep-purple);box-shadow:none}.active-facets__button--light:not(.jm-active-pill):hover .active-facets__button-inner,.active-facets__button--light:not(.jm-active-pill):focus-visible .active-facets__button-inner{background:#e0e0e0;box-shadow:none}.active-facets__button--light:not(.jm-active-pill) .active-facets__button-inner .svg-wrapper{display:inline-flex;align-items:center;margin-left:8px}.active-facets__button--light:not(.jm-active-pill) .active-facets__button-inner .svg-wrapper svg{width:8px;height:8px}@media screen and (max-width:1199px){.filter-family__swatches{gap:18px}}@media screen and (max-width:1024px){.active-facets__button--light:not(.jm-active-pill) .active-facets__button-inner{font-size:14px;line-height:22px}.swatch--md{width:26px;height:26px}.swatch.is-selected{box-shadow:0 0 0 3px rgb(var(--color-background)),0 0 0 5px rgb(var(--color-foreground))}.jm-active-pill .active-facets__button-inner{padding:6px 12px;font-size:14px;line-height:22px}}@media screen and (max-width:767px){.active-facets__button--light:not(.jm-active-pill) .active-facets__button-inner,.jm-active-pill .active-facets__button-inner{padding:7.49px 17px;font-size:16px;line-height:1.7;gap:0}.jm-active-pill__x{margin-right:10px}.jm-active-pill .active-facets__button-inner .swatch{width:20px;height:20px;margin-right:10px}.active-facets__button--light:not(.jm-active-pill) .active-facets__button-inner .svg-wrapper{margin-left:10px}.filter-family{padding-left:10px}}.product-card__swatch-more{display:none;align-items:center;letter-spacing:.01em;color:var(--color-black);white-space:nowrap;font-family:var(--font-body);font-weight:350;font-size:12px;letter-spacing:0%}@media screen and (max-width:767px){.product-card__swatches--has-overflow>*:nth-child(n+6):not(.product-card__swatch-more){display:none}.product-card__swatches--has-overflow .product-card__swatch-more{display:inline-flex}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/component-color-swatch.css.map */
