/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@7.1.2_webpack@5.101.3/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/.pnpm/postcss-loader@8.2.0_postcss@8.5.6_typescript@5.9.2_webpack@5.101.3/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/.pnpm/sass-loader@16.0.5_sass@1.92.1_webpack@5.101.3/node_modules/sass-loader/dist/cjs.js!./src/scss/blocks/product-swatches.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.product-swatch{--swatch-size:40px;--swatch-gap:4px;margin-bottom:30px}.product-swatch__selected{color:var(--color-text-secondary);font:var(--font-body-sm)}.product-swatch__grid{gap:var(--swatch-gap);grid-template-columns:repeat(auto-fill, var(--swatch-size));max-width:calc(var(--swatch-size) * 7 + var(--swatch-gap) * 6);width:fit-content;display:grid}.product-swatch__item{box-sizing:border-box;height:var(--swatch-size);width:var(--swatch-size);border:2px solid #0000;justify-content:center;align-items:center;padding:2px;transition:border-color .2s cubic-bezier(.87,0,.13,1);display:flex}.product-swatch__item:hover,.product-swatch__item.is-active{border-color:var(--color-text)}.product-swatch__visual{width:100%;height:100%;position:relative;overflow:hidden}.is-unavailable .product-swatch__visual:after{background:linear-gradient(to bottom right, transparent calc(50% - 1px), var(--color-border-default) calc(50% - 1px), var(--color-border-default) calc(50% + 1px), transparent calc(50% + 1px));content:"";pointer-events:none;position:absolute;inset:0}.product-swatch__image{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;display:block}