.swatch-input__input+.swatch-input__label{--swatch-input--border-radius: 50%;display:inline-flex;align-items:center;justify-content:center;max-width:100%;border-radius:var(--swatch-input--border-radius);cursor:pointer;outline-offset:.2rem;outline-color:transparent;outline-style:solid;transition-property:outline-color,outline-width,box-shadow,transform;transition-duration:var(--duration-short);transition-timing-function:ease;forced-color-adjust:none}.swatch-input__input+.swatch-input__label:hover{transform:scale(1.05)}.swatch-input__input+.swatch-input__label.swatch-input__label--square{--swatch-input--border-radius: .2rem}.swatch-input__input:active+.swatch-input__label,.swatch-input__input:checked+.swatch-input__label{outline:.2rem solid rgb(var(--color-foreground));outline-offset:.15rem;box-shadow:0 0 0 1px rgba(var(--color-foreground),.2)}.swatch-input__input+.swatch-input__label:hover,.swatch-input__input:hover+.swatch-input__label{outline:.2rem solid rgba(var(--color-foreground),.4)}.swatch-input__input:focus-visible+.swatch-input__label{outline:.2rem solid rgba(var(--color-foreground),.5);box-shadow:0 0 0 .2rem rgb(var(--color-background)),0 0 .1rem .5rem rgba(var(--color-foreground),.25)}.swatch-input__input:active:focus-visible+.swatch-input__label,.swatch-input__input:checked:focus-visible+.swatch-input__label{outline:.1rem solid rgb(var(--color-foreground));box-shadow:0 0 0 .2rem rgb(var(--color-background)),0 0 .1rem .4rem rgba(var(--color-foreground),.25)}.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:.4}.swatch-input__input.visually-disabled+.swatch-input__label{pointer-events:none}.product-form__input--swatch .zuck-color-group{flex:1 0 100%}.zuck-color-group{display:flex;flex-direction:column;gap:.4rem;margin-bottom:.8rem}.zuck-color-group:last-child{margin-bottom:0}.zuck-color-group__heading{margin-bottom:0}.zuck-color-group__swatches{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center}.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.414);--crossed-line--size: .1rem;content:"";position:absolute;bottom:calc(var(--crossed-line--size) * -.5);left:0;width:var(--diagonal--size);height:var(--crossed-line--size);background-color:rgb(var(--color-foreground));transform:rotate(-45deg);transform-origin:left}.product-form__input--swatch .swatch-input__input+.swatch-input__label:hover{transform:scale(1.03)}.product-form__input--swatch .swatch-input__input:active+.swatch-input__label,.product-form__input--swatch .swatch-input__input:checked+.swatch-input__label{outline-width:.1rem;outline-offset:.08rem;box-shadow:none}.product-form__input--swatch .swatch-input__input+.swatch-input__label:hover,.product-form__input--swatch .swatch-input__input:hover+.swatch-input__label{outline-width:.1rem}.product-form__input--swatch .swatch-input__input:focus-visible+.swatch-input__label{outline-width:.1rem;box-shadow:0 0 0 .1rem rgb(var(--color-background)),0 0 0 .1rem rgba(var(--color-foreground),.25)}.product-form__input--swatch .swatch-input__input:active:focus-visible+.swatch-input__label,.product-form__input--swatch .swatch-input__input:checked:focus-visible+.swatch-input__label{outline-width:.1rem;box-shadow:0 0 0 .1rem rgb(var(--color-background)),0 0 0 .1rem rgba(var(--color-foreground),.25)}.product-form__input.product-form__input--photos{min-width:0;max-width:100%}.product-form__input--photos .zuck-color-group{min-width:0}.zuck-color-group__swatches.zuck-color-group__swatches--photos{position:relative;gap:.6rem;padding:.4rem .3rem;margin:-.4rem -.3rem}@media screen and (max-width:749px){.zuck-color-group__swatches.zuck-color-group__swatches--photos{flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin-left:-1.5rem;margin-right:-1.5rem;padding-left:1.5rem;padding-right:1.5rem;scroll-padding-inline:1.5rem}.zuck-color-group__swatches--photos::-webkit-scrollbar{display:none}}.swatch-input__input+.swatch-input__label.swatch-input__label--photo{--swatch-input--border-radius: .6rem;position:relative;flex:0 0 auto;width:5.6rem;height:7rem;padding:0}.swatch-input__input+.swatch-input__label.swatch-input__label--photo:hover{transform:none}.swatch-photo{position:relative;display:block;width:100%;height:100%;overflow:hidden;border-radius:.6rem;border:.1rem solid rgba(var(--color-foreground),.12);background:rgba(var(--color-foreground),.06)}.swatch-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 30%}.product-form__input--swatch .swatch-input__input+.swatch-input__label--photo:hover,.product-form__input--swatch .swatch-input__input:hover+.swatch-input__label--photo{outline:.1rem solid rgba(var(--color-foreground),.35);outline-offset:.2rem}.product-form__input--swatch .swatch-input__input:checked+.swatch-input__label--photo,.product-form__input--swatch .swatch-input__input:active+.swatch-input__label--photo{outline:.15rem solid rgb(var(--color-foreground));outline-offset:.2rem;box-shadow:none}.swatch-input__input:disabled+.swatch-input__label--photo .swatch-photo img,.swatch-input__input.visually-disabled+.swatch-input__label--photo .swatch-photo img{opacity:.4}.product-form__input .swatch-input__input:disabled+.swatch-input__label.swatch-input__label--photo,.product-form__input .swatch-input__input.disabled+.swatch-input__label.swatch-input__label--photo,.product-form__input .swatch-input__input.visually-disabled+.swatch-input__label.swatch-input__label--photo{opacity:1}.product-form__input .swatch-input__label--photo .swatch-tag,.product-form__input .swatch-input__label--photo .swatch-tag-discount{top:.3rem;right:.3rem;font-size:8px;padding:2px 5px}.swatch-photo--vs:before{content:"";position:absolute;right:.3rem;bottom:.3rem;z-index:1;width:1.8rem;height:1.8rem;border-radius:50%;background:#00000073 var(--vs-mark, url(vs-monogram-white.png)) center / 65% auto no-repeat;pointer-events:none}.zuck-photo-row{position:relative;min-width:0}.zuck-photo-row:before,.zuck-photo-row:after{content:"";position:absolute;top:0;bottom:0;z-index:2;width:48px;pointer-events:none;opacity:0;transition:opacity .2s ease}.zuck-photo-row:before{left:0;background:linear-gradient(to right,rgba(var(--color-background),1),rgba(var(--color-background),.86) 18%,rgba(var(--color-background),.62) 38%,rgba(var(--color-background),.34) 60%,rgba(var(--color-background),.12),rgba(var(--color-background),0))}.zuck-photo-row:after{right:0;background:linear-gradient(to left,rgba(var(--color-background),1),rgba(var(--color-background),.86) 18%,rgba(var(--color-background),.62) 38%,rgba(var(--color-background),.34) 60%,rgba(var(--color-background),.12),rgba(var(--color-background),0))}.zuck-photo-row.can-left:before,.zuck-photo-row.can-right:after{opacity:1}.zuck-photo-row__nav{position:absolute;top:50%;z-index:3;display:flex;align-items:center;justify-content:center;width:44px;height:44px;margin:0;padding:0;border:0;background:none;color:rgba(var(--color-foreground),.75);cursor:pointer;transform:translateY(-50%);opacity:0;visibility:hidden;transition:opacity .2s ease,visibility 0s linear .2s}.zuck-photo-row.can-left .zuck-photo-row__nav--prev,.zuck-photo-row.can-right .zuck-photo-row__nav--next{opacity:1;visibility:visible;transition:opacity .2s ease,visibility 0s linear 0s}.zuck-photo-row__nav--prev{left:2px}.zuck-photo-row__nav--next{right:2px}.zuck-photo-row__nav>span{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;border:1px solid rgba(18,18,18,.08);background:#fffffff0;box-shadow:0 1px 2px #0000000f,0 4px 12px #0000000f;box-sizing:border-box;transition:opacity .15s ease,transform .15s ease}@supports ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))){.zuck-photo-row__nav>span{background:#ffffffb8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}}.zuck-photo-row__nav:hover>span{opacity:.9}.zuck-photo-row__nav:active>span{transform:scale(.96)}.zuck-photo-row__nav:focus-visible{outline:none}.zuck-photo-row__nav:focus-visible>span{outline:2px solid rgb(var(--color-foreground));outline-offset:2px}@media(prefers-reduced-motion:reduce){.zuck-photo-row:before,.zuck-photo-row:after,.zuck-photo-row__nav,.zuck-photo-row.can-left .zuck-photo-row__nav--prev,.zuck-photo-row.can-right .zuck-photo-row__nav--next,.zuck-photo-row__nav>span{transition:none}}@media screen and (max-width:749px){.zuck-photo-row{margin-left:-1.5rem;margin-right:-1.5rem}.zuck-photo-row>.zuck-color-group__swatches.zuck-color-group__swatches--photos{margin-left:0;margin-right:0}}
/*# sourceMappingURL=/cdn/shop/t/327/assets/component-swatch-input.css.map */