.color-siblings__swatch{position:relative;display:inline-flex;flex-shrink:0;justify-content:center;text-decoration:none;cursor:pointer}.color-siblings__swatch:before{content:"";display:block;width:100%;border-radius:var(--swatch-border-radius, 0);background:var(--swatch-color)}.color-siblings__swatch:after{content:"";position:absolute;left:0;bottom:0;width:0;height:.1rem;background-color:rgb(var(--color-foreground-secondary));transition:width var(--duration-default)}.color-siblings__swatch:hover:after,.color-siblings__swatch:focus-visible:after,.color-siblings__swatch.is-active:after{width:100%}.color-siblings__swatch.is-active{cursor:default}.color-siblings__strike,.product-form__controls--colors .product-form__controls-group input.disabled+label.color-swatch .line{position:absolute;top:0;left:0;width:var(--strike-square, 2.4rem);height:var(--strike-square, 2.4rem);overflow:hidden;border-radius:var(--swatch-border-radius, 0);pointer-events:none}.color-siblings__strike:after,.product-form__controls--colors .product-form__controls-group input.disabled+label.color-swatch .line:after{content:"";position:absolute;top:50%;left:50%;width:calc(var(--strike-square, 2.4rem) * 1.4142);height:1px;background:rgb(var(--color-background));box-shadow:0 0 0 1px rgba(var(--color-foreground),.55);transform:translate(-50%,-50%) rotate(-45deg)}.color-siblings__swatch--square{width:1.6rem;height:2.1rem;align-items:flex-start;--strike-square: 1.6rem}.color-siblings__swatch--square:before{height:1.6rem}.color-siblings__swatch--bar{width:2.4rem;height:2.4rem;align-items:center}.color-siblings__swatch--bar:before{height:.5rem}.color-siblings__swatch--bar:after{bottom:5px}.product-form__controls--colors .product-form__controls-group{gap:.7rem}.color-siblings--card{position:relative;z-index:2;display:flex;align-items:center;flex-wrap:wrap;gap:.4rem .8rem;width:100%;margin-bottom:.8rem}.color-siblings__swatches{display:flex;flex-wrap:wrap;align-items:flex-start;gap:.6rem}.color-siblings__swatch--card{width:1.6rem;height:2rem;align-items:flex-start;pointer-events:auto}.color-siblings__swatch--card:before{height:1.6rem}.color-siblings__swatch--card{--strike-square: 1.6rem}.swatch-shape--circle .color-siblings__swatch--square:before,.swatch-shape--circle .color-siblings__swatch--card:before,.swatch-shape--circle .color-siblings__swatch--square .color-siblings__strike,.swatch-shape--circle .color-siblings__swatch--card .color-siblings__strike,.swatch-shape--circle .product-form__controls--colors .product-form__controls-group input.disabled+label.color-swatch.swatch_size-standard .line{border-radius:50%}.swatch-shape--circle .color-siblings__swatch--square,.swatch-shape--circle .color-siblings__swatch--card{height:1.6rem}.swatch-shape--circle .color-siblings__swatch--square:after,.swatch-shape--circle .color-siblings__swatch--card:after{display:none}.swatch-shape--circle .color-siblings__swatch--square:hover:before,.swatch-shape--circle .color-siblings__swatch--card:hover:before{box-shadow:inset 0 0 0 1px rgba(var(--color-foreground),.4),inset 0 0 0 3px rgb(var(--color-background))}.swatch-shape--circle .color-siblings__swatch--square.is-active:before,.swatch-shape--circle .color-siblings__swatch--card.is-active:before{box-shadow:inset 0 0 0 1px rgb(var(--color-foreground)),inset 0 0 0 3px rgb(var(--color-background))}
/*# sourceMappingURL=/cdn/shop/t/39/assets/component-color-siblings.css.map */