.product-group-picker{display:flex;flex-direction:column;gap:var(--space-md, 2.4rem);width:100%}.product-group-picker__swatch-groups{display:flex;flex-direction:column;gap:10px}.product-group-picker__group{display:flex;flex-direction:column;gap:var(--space-sm, .8rem);margin:0;padding:0;border:0}.product-group-picker__group-header{display:block;margin:0;padding:0}.product-group-picker__group-title{display:inline-flex;flex-wrap:wrap;align-items:baseline;gap:.4rem;margin:0}.product-group-picker__group-selected{color:rgb(var(--color-text-muted))}.product-group-picker__group-title-text{color:rgb(var(--color-heading))}.product-group-picker__swatches{display:flex;flex-wrap:wrap;gap:var(--space-sm, .8rem)}.product-group-picker__swatch{--swatch-size: 3.6rem;position:relative;width:var(--swatch-size);height:var(--swatch-size);padding:0;border:2px solid transparent;border-radius:var(--border-radius-full, 999px);background:transparent;cursor:pointer;-webkit-appearance:none;appearance:none}.product-group-picker__swatch-face{display:block;width:100%;height:100%;border-radius:inherit;background-color:var(--swatch-color, #d9d9d9);background-image:var(--swatch-image, none);background-size:cover;background-position:center;box-shadow:inset 0 0 0 1px rgb(var(--color-foreground) / .12)}.product-group-picker__swatch.is-selected{border-color:rgb(var(--color-button, 19, 57, 85));background-color:rgb(var(--color-interactive-selected-surface, 234, 238, 242));padding:1px}.product-group-picker__swatch.is-unavailable .product-group-picker__swatch-face{opacity:.45;filter:grayscale(.6)}.product-group-picker__swatch.is-unavailable:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;border-radius:inherit;background:linear-gradient(to top right,transparent calc(50% - 1px),rgb(var(--color-button, 19, 57, 85)) calc(50% - 1px),rgb(var(--color-button, 19, 57, 85)) calc(50% + 1px),transparent calc(50% + 1px));pointer-events:none}.product-group-picker__swatch:focus-visible{outline:2px solid rgb(var(--color-button, var(--color-foreground)));outline-offset:2px}.product-group-picker .product-group-picker__swatch[data-tooltip]:after{content:attr(data-tooltip);position:absolute;left:50%;bottom:calc(100% + 8px);z-index:2;display:none;padding:4px 8px;border-radius:6px;background:rgb(var(--color-foreground));color:rgb(var(--color-text-inverse));font-family:var(--font-body-family);font-size:12px;font-weight:400;line-height:1.3;letter-spacing:.02em;white-space:nowrap;pointer-events:none;transform:translate(-50%)}.product-group-picker .product-group-picker__swatch[data-tooltip]:hover:after,.product-group-picker .product-group-picker__swatch[data-tooltip]:focus-visible:after{display:block;animation:product-group-picker-tooltip-in .15s ease}@keyframes product-group-picker-tooltip-in{0%{opacity:0;transform:translate(-50%) translateY(4px)}}@media(prefers-reduced-motion:reduce){.product-group-picker .product-group-picker__swatch[data-tooltip]:hover:after,.product-group-picker .product-group-picker__swatch[data-tooltip]:focus-visible:after{animation:none}}product-info.is-product-switching{pointer-events:none;opacity:.72;transition:opacity .15s ease}
/*# sourceMappingURL=/cdn/shop/t/1277/assets/component-product-group-picker.css.map */