.product-card-wrapper[data-product-group]{--product-card-swatch-size: 22px;--product-card-swatch-gap: 4px;--product-card-hardware-space: 150px;--product-card-hardware-space-minimal: 50px;--product-card-overflow-width: 30px;font-size:15px;contain:layout style}.product-card-wrapper[data-product-group] .media--transparent{background-color:rgba(var(--color-foreground),.08)}.product-card-wrapper[data-product-group].hardware-only .colour-swatches{display:none!important}.product-card-wrapper[data-product-group].hardware-only .hardware-section{flex:1;justify-content:flex-start}.product-card-wrapper[data-product-group].no-hardware .hardware-section,.product-card-wrapper[data-product-group].single-hardware.no-colours .colour-swatches,.product-card-wrapper[data-product-group].no-colours .colour-swatches{display:none!important}.product-card-wrapper[data-product-group].no-colours:not(.single-hardware) .product-style-group__colour{display:none!important}.product-card-wrapper[data-product-group] .js-hidden{display:none!important}.product-card-wrapper[data-product-group] .product-swatch{width:var(--product-card-swatch-size);height:var(--product-card-swatch-size);border-radius:50%;cursor:pointer;border:1px solid transparent;position:relative;flex-shrink:0;display:inline-block;box-sizing:border-box;padding:0;margin:0;background:none}.product-card-wrapper[data-product-group] .product-swatch.active{border-color:rgb(var(--color-foreground));box-shadow:inset 0 0 0 1px #fff}.product-card-wrapper[data-product-group] .hardware-filter-swatch{width:var(--product-card-swatch-size);height:var(--product-card-swatch-size);border-radius:50%;cursor:pointer;border:1px solid transparent;position:relative;flex-shrink:0;display:inline-block;box-sizing:border-box;padding:0;margin:0}.product-card-wrapper[data-product-group] .hardware-filter-swatch.active{border-color:rgb(var(--color-foreground));box-shadow:inset 0 0 0 1px #fff}.product-card-wrapper[data-product-group] .hardware-filter-swatch.disabled{cursor:default;position:relative;opacity:.5}.product-card-wrapper[data-product-group] .hardware-filter-swatch.disabled:hover{transform:none}.product-card-wrapper[data-product-group] .hardware-filter-swatch.disabled:after{content:"";position:absolute;top:2px;left:2px;right:2px;bottom:2px;background:linear-gradient(-45deg,transparent 45%,white 45%,white 55%,transparent 55%);pointer-events:none}.product-card-wrapper[data-product-group] .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-product-group] .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}.product-card-wrapper[data-product-group] .product-style-group__title a{text-decoration:none;color:inherit;font-size:inherit;line-height:inherit}.product-card-wrapper[data-product-group] .product-price-inline{font-size:14px;flex-shrink:0}.product-card-wrapper[data-product-group] .product-price-inline>.price{font-size:14px;font-weight:var(--font-weight-bold);letter-spacing:0}.product-card-wrapper[data-product-group] .product-price-inline .price-item{margin:0 4px 0 0}.product-card-wrapper[data-product-group] .product-price-inline .price--on-sale .price-item--regular{opacity:.5;text-decoration:line-through;font-size:14px}.product-card-wrapper[data-product-group] .product-style-group__colour{font-size:15px;margin-bottom:12px;opacity:.65;line-height:18px;min-height:18px}.product-card-wrapper[data-product-group] .product-swatches-row{display:flex;align-items:center;gap:8px;margin-bottom:4px;flex-wrap:nowrap;min-height:var(--product-card-swatch-size)}.product-card-wrapper[data-product-group] .colour-swatches{display:flex;gap:var(--product-card-swatch-gap);align-items:center;flex:1;min-height:var(--product-card-swatch-size)}.product-card-wrapper[data-product-group] .products-grid{display:flex;gap:var(--product-card-swatch-gap);align-items:center;flex-wrap:nowrap;line-height:1}.product-card-wrapper[data-product-group] .hardware-section{display:flex;align-items:center;gap:var(--product-card-swatch-gap);flex-shrink:0;height:var(--product-card-swatch-size)}.product-card-wrapper[data-product-group] .hardware-label{font-size:13px;font-weight:400;margin-right:var(--product-card-swatch-gap);line-height:var(--product-card-swatch-size)}.product-card-wrapper[data-product-group] .filter-options{display:flex;gap:var(--product-card-swatch-gap);align-items:center}.product-card-wrapper[data-product-group] .product-wrapper{display:none!important}.product-card-wrapper[data-product-group] .product-wrapper.hardware-visible:not(.swatch-hidden-overflow){display:inline-block!important}.product-card-wrapper[data-product-group] .swatch-overflow{font-size:13px;color:rgba(var(--color-foreground),.75);font-weight:var(--font-weight-medium);line-height:var(--product-card-swatch-size);padding:0 var(--product-card-swatch-gap);display:none}.product-card-wrapper[data-product-group] .swatch-overflow.show{display:inline-block}.product-card-wrapper[data-product-group] .card__heading,.product-card-wrapper[data-product-group] .card-information{display:none}.product-card-wrapper[data-product-group] .card__media{cursor:pointer;position:relative}.product-card-wrapper[data-product-group] .card__media img{transition:none;transform:none}.product-card-wrapper[data-product-group] .card__media:hover img{transform:none}.product-card-wrapper[data-product-group] .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-product-group] .overlay-add-button span{display:none!important}.product-card-wrapper[data-product-group] .overlay-add-button svg.spinner{display:none!important}.product-card-wrapper[data-product-group] .overlay-add-button:disabled{cursor:not-allowed;opacity:.5}.product-card-wrapper[data-product-group] .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-product-group] .overlay-add-button:hover .overlay-add-icon{background:#000}.product-card-wrapper[data-product-group] .overlay-add-plus{width:16px;height:16px;display:flex;align-items:center;justify-content:center}.product-card-wrapper[data-product-group] .overlay-add-plus svg{width:12px;height:12px;fill:#000;transition:fill .2s ease}.product-card-wrapper[data-product-group] .overlay-add-button:hover .overlay-add-plus svg{fill:#fff}.product-card-wrapper[data-product-group].overlay-mode .quick-add{display:none}.product-card-wrapper[data-product-group] .overlay-add-button .loading-overlay.gradient{background:#ffffffe6}.product-card-wrapper[data-product-group] .overlay-add-button .loading-overlay__spinner,.product-card-wrapper[data-product-group] .overlay-add-button .loading-overlay__spinner .spinner{width:20px;height:20px}.product-card-wrapper[data-product-group] .cart-notification-wrapper{position:fixed;top:0;left:0;right:0;z-index:1000;pointer-events:none}.product-card-wrapper[data-product-group] .cart-notification-wrapper[hidden]{display:none}.product-card-wrapper[data-product-group] .cart-notification{pointer-events:auto}.product-card-wrapper[data-product-group] .overlay-add-button+.product-form__error-message-wrapper{position:absolute;bottom:-30px;right:0;left:0;text-align:center;background:#fff;padding:4px 8px;border-radius:4px;box-shadow:0 2px 8px #00000026;font-size:12px;z-index:10}.product-card-wrapper[data-product-group] .overlay-add-button .sold-out-message{display:none}.product-card-wrapper[data-product-group] .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-product-group] .overlay-add-button:hover:after{opacity:1;visibility:visible}.product-card-wrapper[data-product-group] .overlay-add-button:disabled:after{content:"Sold Out"}.product-card-wrapper[data-product-group] .card__badge{position:absolute;z-index:1;margin:1rem}.product-card-wrapper[data-product-group] .card__badge.bottom{bottom:0}.product-card-wrapper[data-product-group] .card__badge.top{top:0}.product-card-wrapper[data-product-group] .card__badge.left{left:0}.product-card-wrapper[data-product-group] .card__badge.right{right:0}@media (hover: none){.product-card-wrapper[data-product-group] .overlay-add-button,.product-card-wrapper[data-product-group] .overlay-add-icon{transition:none}.product-card-wrapper[data-product-group] .overlay-add-plus svg{transition:none}.product-card-wrapper[data-product-group] .overlay-add-button:after{display:none}.product-card-wrapper[data-product-group] .product-swatch,.product-card-wrapper[data-product-group] .hardware-filter-swatch{transition:none}}.grid__item:nth-child(n+9) .product-card-wrapper[data-product-group]{content-visibility:auto;contain-intrinsic-size:auto 500px}
/*# sourceMappingURL=/cdn/shop/t/254/assets/component-card-product-custom-swatch-group.css.map */