.product-form__input--swatch{--pc5-vp-accent: #0047ab;--pc5-vp-line: rgba(var(--color-foreground), .16);--pc5-vp-radius: 12px;margin-bottom:1.6rem}.product-form__input--swatch .form__label{margin-bottom:.8rem}.product-form__input--swatch .swatch-input__input+.swatch-input__label{--swatch-input--size: 3.6rem;--swatch-input--border-radius: 8px;display:inline-flex;align-items:center;gap:1rem;margin:0 .8rem .8rem 0;padding:.6rem 1.4rem .6rem .6rem;border:1px solid var(--pc5-vp-line);border-radius:var(--pc5-vp-radius);background:rgb(var(--color-background));font-size:1.4rem;line-height:1.2;vertical-align:top;outline:none;transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease}.product-form__input--swatch .swatch-input__label>.visually-hidden:not(.label-unavailable){position:static!important;overflow:visible;width:auto;height:auto;margin:0;clip:auto;white-space:nowrap}.product-form__input--swatch .swatch{border:1px solid rgba(var(--color-foreground),.12);flex:0 0 auto}.product-form__input--swatch .swatch-input__input:checked+.swatch-input__label,.product-form__input--swatch .swatch-input__input:active+.swatch-input__label{outline:none;border-color:var(--pc5-vp-accent);box-shadow:inset 0 0 0 1px var(--pc5-vp-accent);background:#0047ab0a;font-weight:600}.product-form__input--swatch .swatch-input__input:not(:checked)+.swatch-input__label:hover{outline:none;border-color:#0047ab73}.product-form__input--swatch .swatch-input__input:focus-visible+.swatch-input__label{outline:2px solid var(--pc5-vp-accent);outline-offset:2px;box-shadow:none}.product-form__input--swatch .swatch-input__input:checked:focus-visible+.swatch-input__label{box-shadow:inset 0 0 0 1px var(--pc5-vp-accent)}.product-form__input--swatch .swatch-input__input.visually-disabled+.swatch-input__label,.product-form__input--swatch .swatch-input__input:disabled+.swatch-input__label{border-color:var(--pc5-vp-line);background:transparent;color:rgba(var(--color-foreground),.45);text-decoration:line-through}.product-form__input--swatch .swatch-input__input.visually-disabled+.swatch-input__label .swatch,.product-form__input--swatch .swatch-input__input:disabled+.swatch-input__label .swatch{opacity:.4}@media screen and (max-width:480px){.product-form__input--swatch .swatch-input__input+.swatch-input__label{min-width:calc(50% - .8rem)}}@media(prefers-reduced-motion:reduce){.product-form__input--swatch .swatch-input__input+.swatch-input__label{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/26/assets/pc5-variant-picker.css.map */
