.product-form__input{display:flex;flex-wrap:wrap;padding:0;margin:0 .1rem 1.6rem;max-width:44rem;min-width:fit-content;border:none}.product-form__input--rounded{display:flex;flex-wrap:wrap}.product-form__input:last-of-type{margin-bottom:0}variant-radios,variant-selects{display:block}.product-form__input--dropdown{margin-bottom:1.6rem}.product-form__input .form__label{width:100%}.product-form__input--rounded .form__label{margin-bottom:0}.product-form__input--no-gap .product-form__input-title{font-size:2rem;padding-left:0;margin-bottom:1.2rem;font-weight:700}.product-form__input input[type=radio]{clip:rect(0,0,0,0);overflow:hidden;position:absolute;height:1px;width:1px}.product-form__input input[type=radio]+label{border:var(--variant-pills-border-width) solid var(--color-neutrals-grey-100, #f1f4f8);background:var(--color-neutrals-grey-100, #f1f4f8);color:var(--color-neutrals-grey-500);padding:.4rem 1.2rem;margin:.4rem .8rem 0 0;letter-spacing:.1rem;line-height:1;text-align:center;transition:border var(--duration-short) ease;cursor:pointer;position:relative;font-size:1.4rem;line-height:1.5;display:flex;flex-flow:column nowrap;align-items:center;justify-content:center}.product-form__input input[type=radio]+label svg{height:.8rem}.product-form__input--no-gap input[type=radio]+label{flex:1 1 auto;padding:1.6rem 0;margin:0}.card .product-form__input--no-gap input[type=radio]+label{width:25%;max-width:none}.product-form__input--rounded input[type=radio]+label{border-radius:100%;overflow:hidden}.product-form__input--rounded input[type=radio]+label.label--no-image{border-radius:0;display:flex;align-items:center}.product-form__input--rounded input[type=radio]+.label--image{display:inline-block;padding:.2rem;border-color:rgb(var(--color-background));border-width:2px}.product-form__input--rounded input[type=radio]+.label--image img{display:block;border-radius:100%}.product-form__input--rounded input[type=radio]+.label--image-hex span{display:block;border-radius:100%;width:2.6rem;height:2.6rem;background-color:var(--color-swatch)}.product-form__input input[type=radio]+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}.product-form__input input[type=radio]+label:hover{border-color:var(--color-brand-primary);position:relative;z-index:1}.product-form__input input[type=radio]+.label--strength{text-transform:uppercase}.product-form__input input[type=radio]:checked+label:not(.label--image){background-color:var(--color-brand-primary);color:rgb(var(--color-background));border-color:var(--color-brand-primary);z-index:1}.product-form__input input[type=radio]:checked+.label--image{border-color:var(--color-brand-primary)}.product-form__input input[type=radio]:not(.disabled)+label>.visually-hidden{display:none}@media screen and (forced-colors: active){.product-form__input input[type=radio]:checked+label:not(.label--image){text-decoration:underline}}.product-form__input input[type=radio]:checked+label::selection{background-color:rgba(var(--color-background),.3)}.product-form__input input[type=radio]:disabled+label,.product-form__input input[type=radio].disabled+label{color:rgba(var(--color-foreground),.6);position:relative}.product-form__input input[type=radio].disabled+label:after{content:"";position:absolute;top:0;left:0;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' preserveAspectRatio='none' viewBox='0 0 100 100'><path d='M0 99 L99 0 L100 1 L1 100' fill='black' /></svg>");background-repeat:no-repeat;background-position:center center;background-size:100% 100%,auto;width:100%;height:100%}.product-form__input input[type=radio].disabled:checked+label:after{background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' preserveAspectRatio='none' viewBox='0 0 100 100'><path d='M0 99 L99 0 L100 1 L1 100' fill='white' /></svg>")}.product-form__input--rounded input[type=radio].disabled+.label--image:after{background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' preserveAspectRatio='none' viewBox='0 0 100 100'><path d='M 96 0 L 96 0 L 100 0 L 100 4 L 4 100 L 0 100 L 0 96' fill='black' /></svg>")}.product-form__input--rounded input[type=radio].disabled:checked+.label--image:after{background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' preserveAspectRatio='none' viewBox='0 0 100 100'><path d='M 96 0 L 96 0 L 100 0 L 100 4 L 4 100 L 0 100 L 0 96' fill='black' /></svg>")}.product-form__input input[type=radio].disabled+label.label--image{opacity:.6}.product-form__input input[type=radio].disabled:checked+label,.product-form__input input[type=radio]:disabled:checked+label{color:rgba(var(--color-background),.6)}.product-form__input input[type=radio]:focus-visible+label{box-shadow:0 0 0 .3rem rgb(var(--color-background)),0 0 0 .5rem rgba(var(--color-foreground),.55)}.product-form__input input[type=radio].focused+label{box-shadow:0 0 0 .3rem rgb(var(--color-background)),0 0 0 .5rem rgba(var(--color-foreground),.55)}.no-js .product-form__input input[type=radio]:focus:not(:focus-visible)+label{box-shadow:none}.product-form__input .select{max-width:25rem}.product-variant-options__wrapper{width:100%;display:flex;flex-wrap:wrap;margin-top:-.4rem;gap:.2rem}.product .product-form__input--rounded .form__label{width:45%;margin-bottom:0}.product-form__input-wrapper{width:100%;max-width:100%}.product .product-form__input-wrapper{padding:.8rem 0}.product .product-form__input--rounded .product-form__input-wrapper{display:flex;flex-direction:row;align-items:center;gap:1.2rem}.product .product-form__input--rounded .product-variant-options__wrapper{display:flex;align-items:center;width:100%;max-width:100%;justify-content:flex-end}.product .product-form__input{max-width:100%}@media screen and (min-width: 768px){.product .product-form__input--rounded .form__label{width:auto}.product .product-form__input--rounded .product-form__input-wrapper{flex-direction:column;align-items:flex-start}.product .product-form__input--rounded .product-variant-options__wrapper{justify-content:flex-start}}@media screen and (min-width: 1024px){.product .product-form__input--rounded .form__label{width:50%}.product .product-form__input--rounded .product-form__input-wrapper{flex-direction:row;align-items:center}.product .product-form__input--rounded .product-variant-options__wrapper{justify-content:flex-end}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/component-variant-swatches.css.map */