.swatch-input__label{width:30px;max-width:100%;aspect-ratio:1 / 1;display:block}.swatch{display:block;width:100%;height:100%;background:var(--swatch--background);background-position:var(--swatch-focal-point, initial);background-size:cover;background-origin:border-box;border-radius:50%}.swatch--square{border-radius:5px}.swatch--unavailable{border-style:dashed;border-color:rgba(var(--color-foreground),.9)}.swatch-input__input:checked+.swatch-input__label .swatch{position:relative}.swatch-input__input:checked+.swatch-input__label .swatch:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;border:1px solid rgb(var(--color-foreground));width:calc(100% + 6px);height:calc(100% + 6px);transition:.3s ease-in-out;box-sizing:border-box}.swatch-input__input:checked+.swatch-input__label .swatch.swatch--square:after{border-radius:5px}.ff-card-swatches{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:10px}.ff-card-swatches .ff-card-swatch{display:block;width:18px;height:18px;border-radius:50%;border:1px solid rgba(var(--color-foreground),.25);box-sizing:border-box;overflow:hidden;flex:0 0 auto}.ff-card-swatches .ff-card-swatch .swatch{border-radius:50%}.ff-card-swatches .ff-card-swatch-more{font-size:12px;line-height:1;opacity:.7}.product-form__input--pill__wrapper .swatch-input__label,.product-form__input--pill .swatch-input__label{display:block!important;width:40px!important;height:40px!important;min-width:0!important;min-height:0!important;padding:0!important;margin:0!important;background:transparent!important;background-color:transparent!important;border:1px solid rgba(var(--color-foreground),.3)!important;border-radius:50%!important;box-shadow:none!important;overflow:hidden;box-sizing:border-box;line-height:0!important}.product-form__input--pill__wrapper .swatch-input__label.swatch-input__label--square,.product-form__input--pill .swatch-input__label.swatch-input__label--square{border-radius:8px!important}.product-form__input--pill__wrapper .swatch-input__label>.swatch,.product-form__input--pill .swatch-input__label>.swatch{display:block!important;width:100%!important;height:100%!important;flex:1 0 auto}.product-form__input--pill__wrapper .swatch-input__label:before,.product-form__input--pill__wrapper .swatch-input__label:after,.product-form__input--pill .swatch-input__label:before,.product-form__input--pill .swatch-input__label:after{content:none!important}.product-form__input--pill__wrapper .swatch-input__input:checked+.swatch-input__label,.product-form__input--pill .swatch-input__input:checked+.swatch-input__label{outline:2px solid rgb(var(--color-foreground));outline-offset:3px}.product-form__input--pill__wrapper .swatch-input__input:checked+.swatch-input__label .swatch:after,.product-form__input--pill .swatch-input__input:checked+.swatch-input__label .swatch:after{content:none}
/*# sourceMappingURL=/cdn/shop/t/13/assets/component-swatch.css.map */
