product-swatches{display:flex;align-items:center;gap:var(--spacing-1);min-width:0;overflow:hidden}product-swatches[data-use-swiper]:not([data-overflow=true]) .product-swatches__button{display:none}product-swatches[data-use-swiper] .product-swatches__swiper{flex:1;min-width:0;max-width:100%;overflow:hidden}product-swatches[data-use-swiper][data-overflow=false] .product-swatches__swiper{overflow:visible}product-swatches[data-use-swiper][data-overflow=false] .product-swatches__list{display:flex;flex-wrap:wrap;gap:var(--spacing-2);max-width:none}product-swatches[data-use-swiper] .swiper-wrapper{max-width:100%}product-swatches[data-use-swiper] .product-swatches__list{align-items:center}product-swatches:not([data-use-swiper]) .product-swatches__list{display:flex;flex-wrap:wrap;gap:var(--spacing-2);list-style:none;margin:0;padding:0}product-swatches .product-swatches__button{display:grid;place-items:center;width:32px;height:32px;padding:0;border:none;background:transparent;cursor:pointer;transition:opacity var(--duration-instant);flex-shrink:0;touch-action:manipulation;-webkit-tap-highlight-color:transparent;scroll-margin:0}product-swatches .product-swatches__button:focus{scroll-margin:0}product-swatches .product-swatches__button svg{pointer-events:none}product-swatches .product-swatches__button.swiper-button-disabled{opacity:.5;cursor:not-allowed}product-swatches .product-swatches__swatch{display:grid;place-items:center;gap:var(--spacing-0-5);cursor:pointer;outline:none;position:relative}product-swatches[data-use-swiper] .product-swatches__swatch{width:36px;flex-shrink:0}product-swatches:not([data-use-swiper]) .product-swatches__swatch{width:auto}product-swatches .product-swatches__swatch:focus{outline:none}product-swatches .product-swatches__swatch:focus-visible{outline:2px solid var(--color-eb-grey);outline-offset:2px;border-radius:4px}product-swatches .product-swatches__swatch:focus-visible .product-swatches__swatch-image,product-swatches .product-swatches__swatch:focus-visible .product-swatches__swatch-hex{outline:2px solid var(--color-eb-grey);outline-offset:2px}product-swatches .product-swatches__swatch-label{font-size:var(--text-xs);font-weight:var(--font-weight-bold)}product-swatches .product-swatches__swatch-image-wrap{position:relative;display:block;width:32px;height:32px;border-radius:99px;overflow:hidden;flex-shrink:0}product-swatches .product-swatches__swatch-image{border-radius:99px;overflow:hidden;width:32px;height:32px;object-fit:cover;border:2px solid transparent;background:transparent;transition:border-color var(--duration-instant);display:block}product-swatches .product-swatches__swatch-hex{width:32px;height:32px;border-radius:99px;border:2px solid transparent;flex-shrink:0;display:block}product-swatches .product-swatches__swatch:hover:not([data-disabled]):not([data-unavailable]):not([data-sold-out]):not([data-coming-soon]) .product-swatches__swatch-image{border-color:var(--color-eb-grey)}product-swatches .product-swatches__swatch:hover:not([data-disabled]):not([data-unavailable]):not([data-sold-out]):not([data-coming-soon]) .product-swatches__swatch-hex{border-color:var(--color-eb-grey)}product-swatches .product-swatches__swatch:focus-visible .product-swatches__swatch-image{border-color:var(--color-eb-grey)}product-swatches .product-swatches__swatch[data-active] .product-swatches__swatch-image,product-swatches .product-swatches__swatch[data-active] .product-swatches__swatch-hex{border-color:var(--color-eb-grey)}product-swatches .product-swatches__swatch[data-disabled]{display:none}product-swatches .product-swatches__swatch[data-unavailable]{opacity:.5;pointer-events:none;cursor:default}product-swatches .product-swatches__swatch[data-sold-out]{opacity:.5;pointer-events:none;cursor:default}product-swatches .product-swatches__swatch[data-coming-soon]{opacity:.7;pointer-events:none;cursor:default}product-swatches .product-swatches__swatch[data-unavailable] .product-swatches__swatch-image-wrap:after,product-swatches .product-swatches__swatch[data-sold-out] .product-swatches__swatch-image-wrap:after,product-swatches .product-swatches__swatch[data-coming-soon] .product-swatches__swatch-image-wrap:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:99px;background:linear-gradient(135deg,transparent 49%,rgba(0,0,0,.4) 50%,transparent 51%);pointer-events:none}product-swatches .product-swatches__swatch[data-unavailable] .product-swatches__swatch-hex,product-swatches .product-swatches__swatch[data-sold-out] .product-swatches__swatch-hex,product-swatches .product-swatches__swatch[data-coming-soon] .product-swatches__swatch-hex{position:relative;overflow:hidden}product-swatches .product-swatches__swatch[data-unavailable] .product-swatches__swatch-hex:after,product-swatches .product-swatches__swatch[data-sold-out] .product-swatches__swatch-hex:after,product-swatches .product-swatches__swatch[data-coming-soon] .product-swatches__swatch-hex:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,transparent 49%,rgba(0,0,0,.4) 50%,transparent 51%);pointer-events:none;border-radius:99px}
/*# sourceMappingURL=/cdn/shop/t/262/assets/snippet.product-swatches.css.map */