.grouped-picker{display:flex;flex-direction:column;gap:1.2rem}.grouped-picker__legend{margin-bottom:.4rem;padding-left:0}.grouped-picker__group{display:flex;flex-direction:column;gap:.4rem}.grouped-picker__heading{font-size:1.3rem;font-weight:500;margin:0;color:rgba(var(--color-foreground),.65)}.grouped-picker__swatches{display:flex;flex-wrap:wrap;gap:.6rem}.grouped-picker__swatch{position:relative;display:inline-flex;align-items:center;justify-content:center;padding:0;border:none;background:none;cursor:pointer;border-radius:50%;outline-offset:.2rem}.grouped-picker__swatch-inner{display:flex;border-radius:50%;overflow:hidden;transition:transform .15s ease}.grouped-picker__swatch-inner .swatch{--swatch--size: 2.8rem;border-radius:50%}.grouped-picker__swatch:hover .grouped-picker__swatch-inner{transform:scale(1.1)}.grouped-picker__swatch--selected .grouped-picker__swatch-inner{outline:.1rem solid rgb(var(--color-foreground));outline-offset:.2rem;border-radius:50%}.grouped-picker__swatch--unavailable{opacity:.4;cursor:not-allowed}.grouped-picker__swatch--unavailable .grouped-picker__swatch-inner:after{content:"";position:absolute;top:50%;left:0;width:100%;height:.1rem;background:rgb(var(--color-foreground));transform:rotate(-45deg)}.grouped-picker__tooltip{position:absolute;bottom:calc(100% + .8rem);left:50%;transform:translate(-50%);background:rgb(var(--color-foreground));color:rgb(var(--color-background));padding:.4rem .8rem;border-radius:.4rem;font-size:1.2rem;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .15s ease;z-index:10}.grouped-picker__tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:.4rem solid transparent;border-top-color:rgb(var(--color-foreground))}.grouped-picker__swatch:hover .grouped-picker__tooltip{opacity:1}.grouped-picker__swatch:focus-visible{outline:.2rem solid rgb(var(--color-foreground));outline-offset:.3rem;border-radius:50%}.grouped-picker__hidden-inputs{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
/*# sourceMappingURL=/cdn/shop/t/20/assets/component-grouped-variant-picker.css.map */