.product-card-wrapper[data-mini-swatches]{--mini-swatch-size: 12px;--mini-swatch-gap: 3px;--mini-hardware-space: 60px;font-size:15px;contain:layout style}.product-card-wrapper[data-mini-swatches] .media--transparent{background-color:rgba(var(--color-foreground),.08)}.product-card-wrapper[data-mini-swatches] .mini-swatch{width:var(--mini-swatch-size);height:var(--mini-swatch-size);border-radius:50%;border:1px solid rgba(0,0,0,.1);position:relative;flex-shrink:0;display:inline-block;box-sizing:border-box;overflow:hidden;margin-right:var(--mini-swatch-gap)}.product-card-wrapper[data-mini-swatches] .mini-swatch img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;border-radius:50%}.product-card-wrapper[data-mini-swatches] .mini-hardware-swatch{width:var(--mini-swatch-size);height:var(--mini-swatch-size);border-radius:50%;border:1px solid rgba(0,0,0,.1);position:relative;flex-shrink:0;display:inline-block;box-sizing:border-box;margin-right:var(--mini-swatch-gap)}.product-card-wrapper[data-mini-swatches] .mini-hardware-swatch.disabled{opacity:.4;position:relative}.product-card-wrapper[data-mini-swatches] .mini-hardware-swatch.disabled:after{content:"";position:absolute;top:1px;left:1px;right:1px;bottom:1px;background:linear-gradient(-45deg,transparent 45%,white 45%,white 55%,transparent 55%);pointer-events:none}.product-card-wrapper[data-mini-swatches] .product-title-price-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:2px;gap:10px;min-height:20px;font-size:inherit}.product-card-wrapper[data-mini-swatches] .product-style-group__title{font-size:15px;font-weight:var(--font-weight-bold);line-height:18px;margin:0;flex:1;overflow-wrap:break-word;word-wrap:break-word}@media screen and (max-width: 749px){.product-card-wrapper[data-mini-swatches] .product-style-group__title{font-size:14px}}.product-card-wrapper[data-mini-swatches] .product-style-group__title a{text-decoration:none;color:inherit;font-size:inherit;line-height:inherit}.product-card-wrapper[data-mini-swatches] .product-price-inline{font-size:14px;flex-shrink:0}.product-card-wrapper[data-mini-swatches] .product-price-inline>.price{font-size:14px;font-weight:var(--font-weight-bold);letter-spacing:0}.product-card-wrapper[data-mini-swatches] .product-price-inline .price-item{margin:0 4px 0 0}.product-card-wrapper[data-mini-swatches] .product-price-inline .price--on-sale .price-item--regular{opacity:.5;text-decoration:line-through;font-size:14px}.product-card-wrapper[data-mini-swatches] .product-style-group__colour{font-size:14px;opacity:.65;line-height:18px;min-height:18px}.product-card-wrapper[data-mini-swatches] .product-price-inline{margin-bottom:6px}.product-card-wrapper[data-mini-swatches] .mini-swatches-row{display:flex;align-items:center;gap:8px;margin-bottom:4px;flex-wrap:nowrap;min-height:var(--mini-swatch-size)}.product-card-wrapper[data-mini-swatches] .mini-colour-swatches{display:flex;align-items:center;flex:1;min-height:var(--mini-swatch-size);overflow:visible;position:relative}.product-card-wrapper[data-mini-swatches] .mini-colour-container{display:flex;align-items:center;max-width:calc(100% - var(--mini-hardware-space));overflow:visible;position:relative}.product-card-wrapper[data-mini-swatches] .mini-hardware-section{display:flex;align-items:center;gap:var(--mini-swatch-gap);flex-shrink:0;height:var(--mini-swatch-size)}.product-card-wrapper[data-mini-swatches] .mini-hardware-options{display:flex;gap:var(--mini-swatch-gap);align-items:center}.product-card-wrapper[data-mini-swatches] .mini-swatch-overflow{font-size:11px;color:rgba(var(--color-foreground),.75);font-weight:var(--font-weight-medium);line-height:var(--mini-swatch-size);padding-left:4px;white-space:nowrap;flex-shrink:0}.product-card-wrapper[data-mini-swatches] .card__heading,.product-card-wrapper[data-mini-swatches] .card-information{display:none}.product-card-wrapper[data-mini-swatches] .card__media{cursor:pointer;position:relative}.product-card-wrapper[data-mini-swatches] .card__media img{transition:none;transform:none}.product-card-wrapper[data-mini-swatches] .card__media:hover img{transform:none}.product-card-wrapper[data-mini-swatches] .overlay-add-button{position:absolute;bottom:0;right:0;width:42px;height:42px;background:transparent;border:none;cursor:pointer;z-index:2;padding:0;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.product-card-wrapper[data-mini-swatches] .overlay-add-button span{display:none!important}.product-card-wrapper[data-mini-swatches] .overlay-add-button svg.spinner{display:none!important}.product-card-wrapper[data-mini-swatches] .overlay-add-button:disabled{cursor:not-allowed;opacity:.5}.product-card-wrapper[data-mini-swatches] .overlay-add-icon{width:26px;height:26px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease;box-shadow:0 2px 8px #00000026;pointer-events:none}.product-card-wrapper[data-mini-swatches] .overlay-add-button:hover .overlay-add-icon{background:#000}.product-card-wrapper[data-mini-swatches] .overlay-add-plus{width:16px;height:16px;display:flex;align-items:center;justify-content:center}.product-card-wrapper[data-mini-swatches] .overlay-add-plus svg{width:12px;height:12px;fill:#000;transition:fill .2s ease}.product-card-wrapper[data-mini-swatches] .overlay-add-button:hover .overlay-add-plus svg{fill:#fff}.product-card-wrapper[data-mini-swatches].overlay-mode .quick-add{display:none}.product-card-wrapper[data-mini-swatches] .overlay-add-button:after{content:"Add To Bag";position:absolute;top:8px;right:100%;height:26px;background:#000000e6;color:#fff;padding:0 8px;margin-right:-4px;border-radius:6px;font-size:12px;font-weight:400;white-space:nowrap;display:flex;align-items:center;opacity:0;visibility:hidden;transition:opacity .2s ease;pointer-events:none;z-index:10}.product-card-wrapper[data-mini-swatches] .overlay-add-button:hover:after{opacity:1;visibility:visible}.product-card-wrapper[data-mini-swatches] .overlay-add-button:disabled:after{content:"Sold Out"}.product-card-wrapper[data-mini-swatches] .card__badge{position:absolute;z-index:1;margin:1rem}.product-card-wrapper[data-mini-swatches] .card__badge.bottom{bottom:0}.product-card-wrapper[data-mini-swatches] .card__badge.top{top:0}.product-card-wrapper[data-mini-swatches] .card__badge.left{left:0}.product-card-wrapper[data-mini-swatches] .card__badge.right{right:0}.product-card-wrapper[data-mini-swatches] .card__discount-percentage{position:absolute;top:0;left:0;margin:1rem;z-index:1;background-color:transparent;color:#000;font-size:1.2rem;font-weight:var(--font-weight-bold);letter-spacing:.05rem;line-height:1;text-align:left;white-space:nowrap}@media (hover: none){.product-card-wrapper[data-mini-swatches] .overlay-add-button,.product-card-wrapper[data-mini-swatches] .overlay-add-icon{transition:none}.product-card-wrapper[data-mini-swatches] .overlay-add-plus svg{transition:none}.product-card-wrapper[data-mini-swatches] .overlay-add-button:after{display:none}}.grid__item:nth-child(n+9) .product-card-wrapper[data-mini-swatches]{content-visibility:auto;contain-intrinsic-size:auto 350px}
/*# sourceMappingURL=/cdn/shop/t/254/assets/component-card-product-custom-swatch-mini.css.map */