.product-form__input--image-swatch{border:none;padding:0;margin:0 0 1.6rem}.product-form__input--image-swatch .form__label{display:block;font-size:1.4rem;margin-bottom:1.2rem}.capy-swatches{display:flex;flex-wrap:wrap;gap:1rem;list-style:none;padding:0;margin:0}.capy-swatch__input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.capy-swatch__label{display:flex;flex-direction:column;align-items:center;gap:.6rem;cursor:pointer;width:72px;text-align:center}.capy-swatch__label--disabled{cursor:not-allowed;opacity:.45}.capy-swatch__bubble{display:block;width:72px;height:72px;border-radius:12px;overflow:hidden;border:3px solid transparent;outline:2px solid transparent;outline-offset:2px;transition:border-color .18s ease,outline-color .18s ease,transform .15s ease,box-shadow .15s ease;background:#f5f5f5;box-shadow:0 1px 4px #0000001a;position:relative}.capy-swatch__bubble img{display:block;width:100%;height:100%;object-fit:cover;border-radius:12px}.capy-swatch__placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:1.1rem;font-weight:600;color:rgba(var(--color-foreground),.6);text-transform:uppercase;letter-spacing:.05em}.capy-swatch__label--disabled .capy-swatch__bubble:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:12px;background:repeating-linear-gradient(-45deg,transparent,transparent 4px,rgba(var(--color-foreground),.18) 4px,rgba(var(--color-foreground),.18) 5px)}.capy-swatch__name{display:block;font-size:1.1rem;line-height:1.3;color:rgba(var(--color-foreground),.75);max-width:72px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.capy-swatch__label:not(.capy-swatch__label--disabled):hover .capy-swatch__bubble{border-color:rgba(var(--color-foreground),.35);transform:translateY(-2px);box-shadow:0 4px 10px #00000026}.capy-swatch__input:checked+.capy-swatch__label .capy-swatch__bubble{border-color:rgb(var(--color-foreground));outline-color:rgb(var(--color-foreground));box-shadow:0 2px 8px #0003}.capy-swatch__input:checked+.capy-swatch__label .capy-swatch__name{color:rgb(var(--color-foreground));font-weight:600}.capy-swatch__input:focus-visible+.capy-swatch__label .capy-swatch__bubble{outline-color:rgb(var(--color-foreground))}@media screen and (max-width:749px){.capy-swatch__bubble{width:64px;height:64px}.capy-swatch__label{width:64px}.capy-swatch__name{font-size:1rem;max-width:64px}.capy-swatches{gap:.8rem}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/component-capy-swatches.css.map */