.product-form__input .swatch-input__input+.swatch-input__label{background-color:transparent;border:1px dotted transparent;display:inline-block;margin:.25rem .25rem 0 0;padding:.125rem;cursor:pointer;position:relative;transition:border-color var(--duration-short) ease,background-color var(--duration-short) ease,color var(--duration-short) ease,opacity var(--duration-short) ease}.swatch-input__input+.swatch-input__label:hover,.swatch-input__input:hover+.swatch-input__label{opacity:.5;transition:border-color var(--duration-long) ease,background-color var(--duration-long) ease,color var(--duration-long) ease,opacity var(--duration-long) ease}.swatch-input__input.visually-disabled:not(:active):not(:checked)+.swatch-input__label{transition:none}.swatch-input__input.visually-disabled:not(:active):not(:checked)+.swatch-input__label:hover{outline:none}.swatch-input__input:disabled+.swatch-input__label{pointer-events:none}.swatch-input__input:disabled+.swatch-input__label>.swatch,.swatch-input__input.visually-disabled+.swatch-input__label>.swatch{position:relative;overflow:hidden}.swatch-input__input:disabled+.swatch-input__label>.swatch,.swatch-input__input.visually-disabled+.swatch-input__label>.swatch{opacity:.75}.swatch-input__input:disabled+.swatch-input__label>.swatch:after,.swatch-input__input.visually-disabled+.swatch-input__label>.swatch:after{--diagonal--size: calc(var(--swatch-input--size, 1.125rem) * 1.414);--crossed-line--size: 1px;content:"";position:absolute;bottom:calc(var(--crossed-line--size) * -.5);left:0;width:var(--diagonal--size);height:var(--crossed-line--size);background-color:var(--foreground-000);transform:rotate(-45deg);transform-origin:left}.swatch{--swatch--size: var(--swatch-input--size, 1.125rem);--swatch--border-radius: var(--swatch--border-radius, 0);display:block;width:var(--swatch--size);max-width:100%;aspect-ratio:1 / 1;background:var(--swatch--background);background-position:var(--swatch-focal-point, initial);background-size:cover;background-origin:border-box}.swatch--unavailable{border-style:dashed;border-color:rgba(var(--color-foreground),.5)}
/*# sourceMappingURL=/cdn/shop/t/14/assets/component-swatch-navigation.css.map */