.product-form__input--swatch{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;margin-top:.7rem;align-items:unset}@media screen and (min-width:750px){.product-form__input--swatch{grid-template-columns:repeat(3,1fr)}}label.swatch-input__label{display:flex!important;flex-direction:row!important;align-items:center!important;gap:.8rem;padding:.6rem .8rem!important;border-width:var(--variant-pills-border-width);border-style:solid;border-color:#a0a0a0;border-radius:var(--variant-pills-radius);background-color:rgb(var(--color-background));color:rgb(var(--color-foreground));font-size:1.4rem;line-height:1.2;cursor:pointer;transition:border var(--duration-short) ease;outline:none!important;box-shadow:none!important;width:100%;box-sizing:border-box;overflow:hidden;position:relative;vertical-align:unset}label.swatch-input__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))}label.swatch-input__label:hover{border-color:rgb(var(--color-foreground))}.swatch-input__input:checked+label.swatch-input__label{background-color:rgb(var(--color-background));color:rgb(var(--color-foreground));border-color:rgb(var(--color-foreground));border-width:.2rem;font-weight:700}label.swatch-input__label .swatch{width:2rem;height:2rem;border-radius:50%;flex-shrink:0;outline:.1rem solid rgba(var(--color-foreground),.2);outline-offset:0;display:block;transition:none}.swatch-input__input:checked+label.swatch-input__label .swatch{outline-color:rgba(var(--color-foreground),.4)}label.swatch-input__label .native-swatch__label{font-size:1.3rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;color:inherit}a.swatch-input__label.linked-swatch__input{display:flex!important;flex-direction:row!important;align-items:center!important;gap:.8rem;padding:.6rem .8rem!important;border-width:var(--variant-pills-border-width);border-style:solid;border-color:#a0a0a0;border-radius:var(--variant-pills-radius);background-color:rgb(var(--color-background));color:rgb(var(--color-foreground));font-size:1.4rem;line-height:1.2;cursor:pointer;transition:border var(--duration-short) ease;outline:none!important;box-shadow:none!important;text-decoration:none;width:100%;box-sizing:border-box;overflow:hidden;position:relative;vertical-align:unset}a.swatch-input__label.linked-swatch__input: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))}a.swatch-input__label.linked-swatch__input:hover{border-color:rgb(var(--color-foreground))}a.swatch-input__label.linked-swatch__input.linked-swatch__active{background-color:rgb(var(--color-background));color:rgb(var(--color-foreground));border-color:rgb(var(--color-foreground));border-width:.2rem;font-weight:700}a.swatch-input__label.linked-swatch__input .linked-swatch{width:2rem;height:2rem;border-radius:50%;flex-shrink:0;outline:.1rem solid rgba(var(--color-foreground),.2);outline-offset:0;display:block;transition:none}a.swatch-input__label.linked-swatch__input.linked-swatch__active .linked-swatch{outline-color:rgba(var(--color-foreground),.4)}a.swatch-input__label.linked-swatch__input .linked-swatch__label{font-size:1.3rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;color:inherit}.swatch-input__input.visually-disabled+label.swatch-input__label:after,.swatch-input__input.swatch_disabled+label.swatch-input__label:after{content:"";position:absolute;top:50%;left:-10%;width:120%;height:.15rem;background-color:rgba(var(--color-foreground),.35);transform:rotate(-12deg);transform-origin:center;pointer-events:none;z-index:2}.swatch-input__input.visually-disabled:checked+label.swatch-input__label:after,.swatch-input__input.swatch_disabled:checked+label.swatch-input__label:after{content:"";position:absolute;top:50%;left:-10%;width:120%;height:.15rem;background-color:rgba(var(--color-foreground),.5);transform:rotate(-12deg);transform-origin:center;pointer-events:none;z-index:2}.swatch-input__input.visually-disabled+label.swatch-input__label .native-swatch__label,.swatch-input__input.swatch_disabled+label.swatch-input__label .native-swatch__label{opacity:.45}a.swatch-input__label.linked-swatch__input.linked-swatch__oos:after{content:"";position:absolute;top:50%;left:-10%;width:120%;height:.15rem;background-color:rgba(var(--color-foreground),.4);transform:rotate(-12deg);transform-origin:center;pointer-events:none;z-index:2}a.swatch-input__label.linked-swatch__input.linked-swatch__oos .linked-swatch__label{opacity:.45}.product-form__input--swatch label.swatch-input__label,.product-form__input--swatch a.swatch-input__label.linked-swatch__input{margin-bottom:0!important}.linked-swatches__wrapper{width:100%;grid-column:1 / -1}.linked-swatches__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem;overflow:hidden;max-height:2000px}@media screen and (min-width:750px){.linked-swatches__grid{grid-template-columns:repeat(3,1fr)}}.linked-swatches__grid.is-collapsed{max-height:var(--swatches-collapsed-height)}.linked-swatches__toggle{display:none;margin-top:.6rem;background:light gray;border:none;padding:.7rem 1rem;cursor:pointer;font-size:1.3rem;color:rgb(var(--color-foreground));text-decoration:none;text-underline-offset:.2rem}.linked-swatches__toggle:hover{opacity:.7}
/*# sourceMappingURL=/cdn/shop/t/46/assets/component-linked-swatches.css.map */