.input--swatch{--padding: .25rem ;position:relative;display:block;width:2rem;height:2rem;padding:.25rem;flex-shrink:0;border-radius:var(--radius-full);border:1px solid transparent;overflow:hidden;cursor:pointer}.input--swatch:before{content:"";display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:calc(100% - var(--padding));height:calc(100% - var(--padding));background:var(--swatch);background-size:cover;background-position:center;background-repeat:no-repeat;border-radius:var(--radius-full);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-text) 12%,transparent);z-index:1}input:checked+.input--swatch,.product-form--swatch:has(input:checked) .input--swatch,.custom-select--value:has(input:checked) .input--swatch{border-color:currentColor}input:disabled+.input--swatch:after,.input--swatch.oos:after{content:"";display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-45deg);width:100%;height:1px;background:var(--color-background);z-index:1}.input--radio label{display:inline-flex;align-items:center;justify-content:center;min-width:3.75rem;height:2.125rem;padding:0 .625rem;border-radius:var(--radius-full);background:var(--color-background-accent);cursor:pointer}.input--radio input,.input--icon input,.input--image input{position:absolute;overflow:hidden;height:1px;width:1px;margin:-1px;padding:0;border:0;clip:rect(0 0 0 0)}.input--radio:has(input:checked) label{background:var(--color-accent)}.input--text{position:relative;height:2.9375rem}.input--text input{width:100%;height:100%;padding:0 .75rem;border:1px solid;border-radius:var(--radius-full);background:transparent}.input--text input::placeholder{color:var(--color-text);opacity:.5}.input--text-characters{position:absolute;top:50%;right:.75rem;transform:translateY(-50%);font-size:var(--small-size);line-height:var(--small-line);letter-spacing:var(--small-letter);color:var(--color-text);opacity:.5}.input--icon label{position:relative;display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;padding:.5rem;border-radius:var(--radius-full);border:1px solid;cursor:pointer}.input--icon label:after{content:"\d7";display:none;position:absolute;align-items:center;justify-content:center;top:-.25rem;left:-.25rem;width:1rem;height:1rem;border-radius:var(--radius-full);background:var(--color-text);color:var(--color-background);font-size:var(--small-size);line-height:var(--small-line);letter-spacing:var(--small-letter);text-align:center;z-index:1}.input--icon:has(input:checked) label:after{display:flex}.input--icon:has(input:disabled) label{opacity:.5;cursor:not-allowed}.input--icon svg{width:100%;height:100%}.input--image label{position:relative;display:flex;align-items:center;justify-content:center;width:3.5rem;height:3.5rem;padding:.5rem;border-radius:var(--radius-full);border:1px solid transparent;cursor:pointer}.input--image:has(input:checked) label{border-color:currentColor}.input--image-imag{display:block;width:100%;height:100%}.input--image-imag img{display:block;width:100%;height:100%;object-fit:cover}.input--checkbox{-webkit-appearance:none;appearance:none;position:relative;width:1.25rem;height:1.25rem;background:var(--background, var(--color-background-accent));border-radius:.3125rem}.input--checkbox:after{content:"";display:none;position:absolute;top:50%;left:50%;width:.8125rem;height:.625rem;transform:translate(-50%,-50%);background-color:currentColor;mask-image:url("data:image/svg+xml,%3Csvg width='13' height='10' viewBox='0 0 13 10' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.3672 1.45898L4.21875 9.10059L0 5.14453L1.36719 3.68555L4.21875 6.3584L11 0L12.3672 1.45898Z' fill='black'/%3E%3C/svg%3E");mask-size:contain;mask-repeat:no-repeat;mask-position:center;-webkit-mask-image:url("data:image/svg+xml,%3Csvg width='13' height='10' viewBox='0 0 13 10' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.3672 1.45898L4.21875 9.10059L0 5.14453L1.36719 3.68555L4.21875 6.3584L11 0L12.3672 1.45898Z' fill='black'/%3E%3C/svg%3E");-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center}.input--checkbox:checked:after{display:block}@media(min-width:1024px){.input--radio label{min-width:5.125rem;height:2.8125rem;padding:0 .75rem}}
/*# sourceMappingURL=/cdn/shop/t/3376/assets/inputs.css.map */