.color-swatch{display:inline-block;width:20px;height:20px;border-radius:50%;border:1px solid #e0e0e0;position:relative;overflow:hidden;vertical-align:middle;margin-right:8px;flex-shrink:0}.color-swatch--image{background-repeat:no-repeat;background-size:cover;background-position:center}.color-swatch--pattern{background-image:repeating-linear-gradient(45deg,transparent,transparent 3px,rgba(0,0,0,.1) 3px,rgba(0,0,0,.1) 6px)}.color-swatch__pattern{position:absolute;top:0;left:0;width:100%;height:100%;opacity:.3}.color-swatch--transparent{background-image:linear-gradient(45deg,#e0e0e0 25%,transparent 25%),linear-gradient(-45deg,#e0e0e0 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e0e0e0 75%),linear-gradient(-45deg,transparent 75%,#e0e0e0 75%);background-size:10px 10px;background-position:0 0,0 5px,5px -5px,-5px 0px}.color-swatch__transparent{position:absolute;top:0;left:0;width:100%;height:100%}.color-swatch__glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:12px;color:#00000080;animation:glow 2s ease-in-out infinite}@keyframes glow{0%,to{opacity:.5}50%{opacity:1}}.color-swatch--combination:after{content:"";position:absolute;top:50%;left:50%;width:1px;height:100%;background-color:#0000004d;transform:translate(-50%,-50%) rotate(45deg)}.color-swatch[style*="background-color: #FFFFFF"],.color-swatch[style*="background-color: #ffffff"],.color-swatch[style*="background-color: white"]{border-color:#ccc}.multi-select-option .color-swatch{margin-right:8px}.multi-select-option label{display:flex;align-items:center;flex:1}.color-swatch:hover{transform:scale(1.1);box-shadow:0 0 0 2px #748b464d;transition:all .2s ease}.multi-select-option input:checked~label .color-swatch{box-shadow:0 0 0 2px #748b46}@media screen and (max-width: 767px){.color-swatch{width:18px;height:18px}}@media screen and (min-width: 1024px){.color-swatch{width:24px;height:24px}}
/*# sourceMappingURL=/cdn/shop/t/150/assets/color-swatch.css.map */