.product-combiner{--combiner-swatch-size: 60px;--combiner-swatch-size-sm: 48px;--combiner-gap: 12px;--combiner-border-radius: 8px;--combiner-border-width: 2px;--combiner-transition: .2s ease;width:100%;margin-block-start:var(--margin-md, 16px)}.product-combiner__group-label{font-size:var(--font-paragraph--size, 14px);font-weight:var(--font-weight-medium, 500);margin:0 0 var(--margin-sm, 12px) 0;display:flex;flex-wrap:wrap;align-items:baseline;gap:.25em}.product-combiner__group-label-name{color:rgb(var(--color-foreground-rgb, 0 0 0) / var(--opacity-subdued-text, .7))}.product-combiner__group-label-separator{color:rgb(var(--color-foreground-rgb, 0 0 0) / var(--opacity-subdued-text, .5))}.product-combiner__group-label-value{font-weight:var(--font-weight-semibold, 600);color:var(--color-foreground, #000)}.product-combiner__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--combiner-swatch-size),1fr));gap:var(--combiner-gap);width:100%}.product-combiner__grid--swatches{grid-template-columns:repeat(auto-fill,minmax(var(--combiner-swatch-size),1fr))}.product-combiner__grid--buttons{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:8px}.product-combiner__swatch{position:relative;display:flex;flex-direction:column;align-items:center;text-decoration:none;color:inherit;cursor:pointer;transition:transform var(--combiner-transition),box-shadow var(--combiner-transition),border-color var(--combiner-transition);border-radius:var(--combiner-border-radius)}.product-combiner__swatch:focus-visible{outline:2px solid var(--color-primary, #000);outline-offset:2px}.product-combiner__swatch-media{position:relative;width:100%;aspect-ratio:1;border-radius:var(--combiner-border-radius);overflow:hidden;border:var(--combiner-border-width) solid transparent;background:var(--color-background-secondary, #f5f5f5);transition:border-color var(--combiner-transition),transform var(--combiner-transition),box-shadow var(--combiner-transition)}.product-combiner__swatch-image{width:100%;height:100%;object-fit:cover;transition:transform var(--combiner-transition)}.product-combiner__swatch-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:var(--font-weight-semibold, 600);text-transform:uppercase;color:rgb(var(--color-foreground-rgb, 0 0 0) / .5);background:var(--color-background-secondary, #f5f5f5)}.product-combiner__swatch--active .product-combiner__swatch-media{border-color:var(--color-foreground, #000);box-shadow:0 0 0 1px var(--color-foreground, #000)}.product-combiner__swatch--active .product-combiner__swatch-label{font-weight:var(--font-weight-semibold, 600)}@media (hover: hover){.product-combiner__swatch:not(.product-combiner__swatch--active):hover .product-combiner__swatch-media{border-color:rgb(var(--color-foreground-rgb, 0 0 0) / .4);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.product-combiner__swatch:not(.product-combiner__swatch--active):hover .product-combiner__swatch-image{transform:scale(1.05)}}.product-combiner__swatch--unavailable{opacity:.6}.product-combiner__swatch--unavailable .product-combiner__swatch-media{border-color:rgb(var(--color-foreground-rgb, 0 0 0) / .15)}.product-combiner__unavailable-line{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.product-combiner__unavailable-line line{stroke:rgb(var(--color-foreground-rgb, 0 0 0) / .4);stroke-width:1.5}.product-combiner__swatch-info{display:flex;flex-direction:column;align-items:center;gap:2px;margin-top:6px;width:100%;text-align:center}.product-combiner__swatch-label{font-size:var(--font-size--xs, 12px);line-height:1.3;color:var(--color-foreground, #000);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.product-combiner__swatch-price{font-size:var(--font-size--xs, 11px);color:rgb(var(--color-foreground-rgb, 0 0 0) / var(--opacity-subdued-text, .6))}.product-combiner--buttons .product-combiner__swatch{padding:var(--padding-sm, 8px) var(--padding-md, 16px);border:var(--combiner-border-width) solid var(--color-border, #e0e0e0);border-radius:var(--style-border-radius-buttons, 4px);background:var(--color-background, #fff);min-width:60px}.product-combiner--buttons .product-combiner__swatch--active{border-color:var(--color-foreground, #000);background:var(--color-foreground, #000);color:var(--color-background, #fff)}.product-combiner--buttons .product-combiner__swatch:not(.product-combiner__swatch--active):hover{border-color:var(--color-foreground, #000)}.product-combiner__button-text{font-size:var(--font-paragraph--size, 14px);font-weight:var(--font-weight-medium, 500);white-space:nowrap}.product-combiner__button-unavailable{font-size:var(--font-size--xs, 11px);opacity:.6;margin-left:4px}.product-combiner--dropdown{margin-block-start:var(--margin-md, 16px)}.product-combiner__dropdown-label{display:block;font-size:var(--font-paragraph--size, 14px);font-weight:var(--font-weight-medium, 500);margin-bottom:var(--margin-2xs, 6px);color:rgb(var(--color-foreground-rgb, 0 0 0) / var(--opacity-subdued-text, .7))}.product-combiner__dropdown-wrapper{position:relative;display:flex;align-items:center}.product-combiner__dropdown-select{width:100%;padding:var(--padding-md, 12px) var(--padding-lg, 40px) var(--padding-md, 12px) var(--padding-md, 16px);font-size:var(--font-paragraph--size, 14px);border:var(--style-border-width-inputs, 1px) solid var(--color-border, #e0e0e0);border-radius:var(--style-border-radius-inputs, 4px);background:var(--color-background, #fff);color:var(--color-foreground, #000);cursor:pointer;-webkit-appearance:none;appearance:none;transition:border-color var(--combiner-transition)}.product-combiner__dropdown-select:hover{border-color:var(--color-foreground, #000)}.product-combiner__dropdown-select:focus{outline:none;border-color:var(--color-foreground, #000);box-shadow:0 0 0 1px var(--color-foreground, #000)}.product-combiner__dropdown-select option:disabled{color:rgb(var(--color-foreground-rgb, 0 0 0) / .4)}.product-combiner__dropdown-icon{position:absolute;right:var(--padding-md, 16px);width:10px;height:10px;pointer-events:none;color:var(--color-foreground, #000)}@media screen and (max-width: 749px){.product-combiner{--combiner-swatch-size: 50px;--combiner-gap: 8px}.product-combiner__grid{grid-template-columns:repeat(auto-fill,minmax(50px,1fr))}.product-combiner__grid--buttons{grid-template-columns:repeat(auto-fill,minmax(70px,1fr))}.product-combiner__swatch-label{font-size:10px}.product-combiner__group-label{font-size:13px}}@media screen and (min-width: 750px) and (max-width: 989px){.product-combiner{--combiner-swatch-size: 55px;--combiner-gap: 10px}.product-combiner__grid{grid-template-columns:repeat(auto-fill,minmax(55px,1fr))}}@media screen and (min-width: 990px){.product-combiner{--combiner-swatch-size: 65px;--combiner-gap: 12px}.product-combiner__grid{grid-template-columns:repeat(auto-fill,minmax(65px,1fr))}}product-price{margin-block-end:var(--margin-lg, 20px)}variant-picker,product-combiner{margin-block-start:var(--margin-md, 16px)}.product-combiner+.product-combiner,variant-picker+product-combiner,product-combiner+variant-picker{margin-block-start:var(--margin-lg, 20px)}.rcl{margin-block-start:var(--margin-lg, 20px)!important;width:100%!important;max-width:100%!important}.rcl+variant-picker,variant-picker+.rcl{margin-block-start:var(--margin-lg, 20px)}.rcl__grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(55px,1fr))!important;gap:8px!important;width:100%!important;max-width:100%!important}.rcl__swatch{width:100%!important;max-width:100%!important}.rcl__swatch-media{width:100%!important;aspect-ratio:1!important;height:auto!important}.rcl__swatch-image{width:100%!important;height:100%!important;object-fit:cover!important}@media screen and (min-width: 750px) and (max-width: 989px){.rcl__grid{grid-template-columns:repeat(auto-fill,minmax(60px,1fr))!important;gap:10px!important}}@media screen and (min-width: 990px){.rcl__grid{grid-template-columns:repeat(auto-fill,minmax(65px,1fr))!important;gap:12px!important}}.product-combiner.hide-labels .product-combiner__swatch-info,.product-combiner.hide-prices .product-combiner__swatch-price{display:none}
/*# sourceMappingURL=/cdn/shop/t/13/assets/product-combiner.css.map */