.hoculus-color-swatch{gap:16px;display:flex;flex-wrap:wrap;padding-left:4px}.hoculus-color-swatch .swatch-item{display:inline-block;border-radius:2px;width:60px;min-height:38px;position:relative}.hoculus-color-swatch .swatch-item{outline:1px solid #eee;outline-offset:2px;transition:outline-color .1s linear}.hoculus-color-swatch .swatch-item.active,.hoculus-color-swatch .swatch-item:hover{outline-color:#ff320a}.hoculus-color-swatch .swatch-item.skeleton{background:#e5e7eb;position:relative;overflow:hidden;color:#e5e7eb}.skeleton:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);animation:shimmer 1.4s infinite}@keyframes shimmer{to{transform:translate(100%)}}.hoculus-color-swatch .swatch-item img{display:flex;width:100%;height:100%;border-radius:4px}.hoculus-color-swatch .swatch-item .swatch-color{position:absolute;font-size:10px;bottom:-22px;left:50%;transform:translate(-50%);color:#fff;background-color:#ff320a;border-radius:100px;padding:0 4px;z-index:1;transition:opacity .1s linear}.hoculus-color-swatch .swatch-item:not(:hover) .swatch-color{opacity:0}
/*# sourceMappingURL=/cdn/shop/t/3/assets/hoculus-color-swatch.css.map */