.swatch{--swatch--size: var(--swatch-input--size, 2.25rem);--swatch--border-radius: var(--swatch-input--border-radius, 50%);display:block;width:var(--swatch--size);max-width:100%;aspect-ratio:1 / 1;background:var(--swatch--background);background-position:var(--swatch-focal-point, initial);background-size:cover;background-origin:border-box;border-width:.1rem;border-style:solid;border-color:color-mix(in srgb,black 20%,var(--swatch--background));border-radius:var(--swatch--border-radius)}.swatch--square{--swatch--border-radius: 0}.swatch--unavailable{border-style:dashed;border-color:rgba(var(--color-foreground),.5)}.product-card swatch-group .swatch{--swatch-input--size: 1.125rem}swatch-group{display:flex;flex-wrap:wrap;gap:var(--spacing-x-small);margin-block-start:var(--spacing-xx-small)}swatch-group .active{outline:1px solid var(--bg-color-black);outline-offset:1px}swatch-group .button.link.swatch-button,swatch-group .button.link.swatch-link{overflow:hidden;position:relative;background-color:var(--bg-color);z-index:1}swatch-group .button.link.swatch-button img,swatch-group .button.link.swatch-link img{mix-blend-mode:multiply}swatch-group .button.link .swatch-placeholder svg{width:100%;height:100%}swatch-group .button.link.swatch-button--unavailable,swatch-group .button.link.swatch-link--unavailable{outline:1px solid var(--body-text-color);opacity:.6;padding:.125rem}swatch-group .button.link.swatch-button--unavailable:before,swatch-group .button.link.swatch-link--unavailable:before{content:"";position:absolute;top:0%;left:-50%;border-top:1px solid var(--body-text-color);width:150%;transform:rotate(315deg);transform-origin:top right}swatch-group .button.link.swatch-button--unavailable img,swatch-group .button.link.swatch-link--unavailable img{position:relative;z-index:-1}swatch-group .button.link.swatch-button.active:not(:focus-visible),swatch-group .button.link.swatch-button.active:not(:focus),swatch-group .button.link.swatch-link.active:not(:focus-visible),swatch-group .button.link.swatch-link.active:not(:focus){outline-color:var(--focus-color);outline-offset:0;padding:.125rem}swatch-group .button.link.swatch-button--more,swatch-group .button.link.swatch-link--more{align-items:center;display:flex;justify-content:center;height:1.25rem;width:1.25rem;font-size:11px}swatch-group .button.link.swatch-button--more quick-add-modal,swatch-group .button.link.swatch-link--more quick-add-modal{height:3rem;width:3rem}swatch-group .button.link.swatch-button--more-mobile{display:none}swatch-group .swatch-link.sold-out{position:relative;cursor:not-allowed}swatch-group .swatch-link.sold-out:after{content:"";position:absolute;width:1px;height:40px;background-color:var(--bg-color-white);transform:translate(-50%,-50%) rotate(45deg);top:50%;left:50%;z-index:1}@media (min-width: 481px){.product-card swatch-group>.button.link:nth-child(n+6):not(.swatch-button--more){display:none}}@media (max-width: 1024px){swatch-group .swatch-button--more-desktop{display:none!important}swatch-group .swatch-button--more-mobile{display:flex!important}.product-card swatch-group:not(.swatch-group--mobile-limit)>.button.link:nth-child(n+6):not(.swatch-button--more){display:none}}@media (max-width: 355px){.grid--2-col-tablet-down .product-card__content{padding:var(--spacing-xx-small)}}@media (min-width: 356px) and (max-width: 387px){.grid--2-col-tablet-down .product-card__content{padding:var(--spacing-small)}}@media (max-width: 371px){.grid--2-col-tablet-down swatch-group{gap:var(--spacing-xx-small)}}@media (max-width: 768px){.grid--2-col-tablet-down swatch-group:has(.swatch-button--more-mobile)>.button.link:nth-child(n+4):not(.swatch-button--more){display:none}.grid--2-col-tablet-down swatch-group:not(:has(.swatch-button--more-mobile))>.button.link:nth-child(n+5){display:none}}@media (min-width: 1200px) and (max-width: 1202px){swatch-group{flex-wrap:nowrap}}