.c-variant-picker-custom{--options-border-radius: var(--variant-picker-button-radius);--options-border-width: var(--variant-picker-button-border-width);--option-padding-inline: var(--padding-md);display:block;width:100%}.c-variant-picker-custom__form{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:10px;width:100%}.c-variant-picker-custom__option{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:var(--gap-sm);margin:0;padding:0;border:0;min-width:0}.c-variant-picker-custom__option-wrapper.is-error{border:2px solid #c60a00}.c-variant-picker-custom__option+.c-variant-picker-custom__option{margin-top:var(--padding-lg)}.c-variant-picker-custom__legend{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:4px;width:100%;padding:0;-webkit-margin-after:var(--margin-xs);margin-block-end:var(--margin-xs);color:var(--variant-option-label-color, var(--color-foreground));font-size:12px;font-style:normal;font-weight:400;line-height:150%;letter-spacing:.1px}.c-variant-picker-custom__error,.c-variant-picker-custom__error-wrapper{color:#c60a00;font-size:12px;font-weight:500;line-height:150%;letter-spacing:.1px}.c-variant-picker-custom__error-wrapper{display:none}.c-variant-picker-custom__error-wrapper.is-active{display:inline-block}.c-variant-picker-custom__value{color:#111;font-size:12px;font-weight:500;line-height:150%;letter-spacing:.1px}.c-variant-picker-custom__options{display:grid;grid-template-columns:repeat(4, 1fr);gap:var(--gap-sm);width:100%}.c-variant-picker-custom__label{--variant-picker-stroke-color: var(--color-variant-border);cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1 1 3.25em;flex:1 1 3.25em;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:relative;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content;min-height:3.25em;padding-block:var(--padding-sm);padding-inline:var(--padding-lg);border:var(--options-border-width) solid var(--color-variant-border);border-radius:var(--options-border-radius);overflow:clip;white-space:nowrap;background-color:var(--color-variant-background);color:var(--color-variant-text)}.c-variant-picker-custom__label:hover{--variant-picker-stroke-color: var(--color-variant-hover-border);background-color:var(--color-variant-hover-background);border-color:var(--color-variant-hover-border);color:var(--color-variant-hover-text)}.c-variant-picker-custom__label:has(:focus-visible){border-color:var(--color-foreground);outline:var(--focus-outline-width) solid var(--color-foreground);outline-offset:var(--focus-outline-offset)}.c-variant-picker-custom__label:has(:checked){--variant-picker-stroke-color: var(--color-selected-variant-border);background-color:var(--color-selected-variant-background);border-color:var(--color-selected-variant-border);border-width:2px;color:var(--color-selected-variant-text);font-weight:500}.c-variant-picker-custom__label:has(:checked):hover{background-color:var(--color-selected-variant-hover-background);border-color:var(--color-selected-variant-hover-border);color:var(--color-selected-variant-hover-text)}.c-variant-picker-custom__label:has([data-option-available=false]){color:rgb(var(--color-variant-text-rgb)/var(--opacity-60))}.c-variant-picker-custom__label:has([data-option-available=false]):has(:checked){background-color:var(--color-variant-background);color:rgb(var(--color-variant-text-rgb)/var(--opacity-60))}@media screen and (min-width: 750px){.c-variant-picker-custom__label{padding:var(--padding-xs) var(--option-padding-inline)}}.c-variant-picker-custom__input{position:absolute;inset:0;display:block;width:100%;height:100%;margin:0;padding:0;border:0;border-radius:0;opacity:0;background:rgba(0,0,0,0);-webkit-appearance:auto;-moz-appearance:auto;appearance:auto;cursor:pointer}.c-variant-picker-custom__label-text{pointer-events:none;text-align:center;text-wrap:balance;z-index:2}.c-variant-picker-custom__label svg{position:absolute;top:var(--options-border-width);left:var(--options-border-width);width:calc(100% - var(--options-border-width)*2);height:calc(100% - var(--options-border-width)*2);pointer-events:none;cursor:pointer;stroke:var(--variant-picker-stroke-color);stroke-width:var(--style-border-width)}.c-variant-picker-custom__label svg line{stroke-width:var(--options-border-width)}.c-variant-picker-custom__stock-message{display:block;margin-top:10px;color:#c60a00;font-size:12px;font-style:normal;font-weight:500;line-height:150%;letter-spacing:.1px}@media(prefers-reduced-motion: no-preference){.c-variant-picker-custom__label{-webkit-transition-property:background-color,border-color,color;transition-property:background-color,border-color,color;-webkit-transition-duration:var(--animation-speed);transition-duration:var(--animation-speed);-webkit-transition-timing-function:var(--animation-easing);transition-timing-function:var(--animation-easing)}}.c-variant-picker-custom__button{text-align:center;background-color:#111;width:100%;height:60px;border:none;margin-top:32px;cursor:pointer}.c-variant-picker-custom__button:disabled{cursor:not-allowed;background-color:#6e6e6e}.c-variant-picker-custom__button span{padding:16px;color:#fff;text-align:center;font-size:12px;font-style:normal;font-weight:500;line-height:150%;letter-spacing:.1px}.c-variant-picker-custom__button .c-variant-picker-custom__add{display:inline-block}.c-variant-picker-custom__button .c-variant-picker-custom__select{display:none}.c-variant-picker-custom__button.is-error{color:#fff;background-color:#c60a00;border-color:#c60a00}.c-variant-picker-custom__button.is-error .c-variant-picker-custom__add{display:none}.c-variant-picker-custom__button.is-error .c-variant-picker-custom__select{display:inline-block}.c-variant-picker-custom__subtitle{margin-top:16px;color:#111;text-align:center;font-size:12px;font-style:normal;font-weight:400;line-height:150%;letter-spacing:.1px}.c-variant-picker-custom__size-button{font-family:var(--font-paragraph--family);cursor:pointer;text-decoration:underline;text-underline-offset:6px;padding:0;text-decoration-color:#888;background-color:rgba(0,0,0,0);border:none;color:#111;font-size:12px;font-weight:500;line-height:150%;letter-spacing:.1px}