.linked-color-picker__options{display:flex;flex-wrap:wrap;gap:1.6rem;margin-top:.4rem}.linked-color-picker__item--swatch{display:flex;align-items:center;justify-content:center;width:4rem;height:4rem;border-radius:50%;overflow:hidden;border:.2rem solid rgba(var(--color-foreground),.1);transition:border-color var(--duration-short) ease,box-shadow var(--duration-short) ease;text-decoration:none}.linked-color-picker__item--swatch img{width:100%;height:100%;object-fit:cover}.linked-color-picker__item--swatch:hover{border-color:rgb(var(--color-foreground))}.linked-color-picker__item--swatch.linked-color-picker__item--active{border-color:rgb(var(--color-foreground));box-shadow:0 0 0 .2rem rgb(var(--color-background)),0 0 0 .4rem rgb(var(--color-foreground))}.linked-color-picker__item-text{font-size:1.2rem;font-weight:600;color:rgb(var(--color-foreground))}.linked-color-picker__item--label{border:var(--variant-pills-border-width) solid rgba(var(--color-foreground),var(--variant-pills-border-opacity));background-color:rgb(var(--color-background));color:rgb(var(--color-foreground));border-radius:var(--variant-pills-radius);display:inline-block;padding:1rem 2rem;font-size:1.4rem;letter-spacing:.1rem;line-height:1;text-align:center;text-decoration:none;transition:border var(--duration-short) ease,background-color var(--duration-short) ease,color var(--duration-short) ease;cursor:pointer;position:relative}.linked-color-picker__item--label:before{content:"";position:absolute;top:calc(var(--variant-pills-border-width) * -1);right:calc(var(--variant-pills-border-width) * -1);bottom:calc(var(--variant-pills-border-width) * -1);left:calc(var(--variant-pills-border-width) * -1);z-index:-1;border-radius:var(--variant-pills-radius);box-shadow:var(--variant-pills-shadow-horizontal-offset) var(--variant-pills-shadow-vertical-offset) var(--variant-pills-shadow-blur-radius) rgba(var(--color-shadow),var(--variant-pills-shadow-opacity))}.linked-color-picker__item--label:hover{border-color:rgb(var(--color-foreground))}.linked-color-picker__item--label.linked-color-picker__item--active{background-color:rgb(var(--color-foreground));color:rgb(var(--color-background))}.linked-color-picker__item--underline{display:inline-block;padding:.4rem 0;font-size:1.4rem;letter-spacing:.05rem;line-height:1;text-decoration:none;color:rgba(var(--color-foreground),1);border-bottom:.1rem solid transparent;transition:color var(--duration-short) ease,border-color var(--duration-short) ease;cursor:pointer;font-weight:500}.linked-color-picker__item--underline:hover{color:rgb(var(--color-foreground))}.linked-color-picker__item--underline.linked-color-picker__item--active{color:rgb(var(--color-foreground));text-decoration:underline;text-underline-offset:1px}
/*# sourceMappingURL=/cdn/shop/t/7/assets/linked-color-picker.css.map */