/*!********************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/media-query-plugin/src/loader.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!./node_modules/sass-loader/dist/cjs.js!./src/styles/components/color-swatch.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************/.color-swatch{height:14px;width:14px;display:inline-block;border-radius:50%;--tw-bg-opacity: 1;background-color:#000;background-color:rgba(0,0,0,var(--tw-bg-opacity, 1));position:relative;margin-right:6px;outline:none;vertical-align:middle;border:1px solid transparent}.color-swatch:focus:active,.color-swatch:focus{outline:none}.color-swatch.active:before{content:"";width:calc(100% + 4px);height:calc(100% + 4px);border-radius:50%;border:2px solid currentColor;display:inline-block;position:absolute;top:-4px;left:-4px}.color-swatch--white{--tw-border-opacity: 1;border-color:#b6b5b4;border-color:rgba(182,181,180,var(--tw-border-opacity, 1))}.color-swatch--white.active{border-color:transparent}
/*# sourceMappingURL=/cdn/shop/t/3/assets/component-color-swatch.css.map */