product-card-variant-picker{display:flex;flex-direction:column;gap:var(--pcvp-gap, 10px);text-align:left;--pcvp-ring: inset 0 0 0 .5px var(--COLOR-TEXT);--pcvp-field-padding: 10px 15px;--pcvp-swatch-size: 24px;--pcvp-label-size: 14px}product-card-variant-picker:not(:defined){visibility:hidden}.product-card-variant-picker__option{position:relative}.product-card-variant-picker__toggle{display:flex;align-items:center;gap:10px;width:100%;padding:var(--pcvp-field-padding);border:0;box-shadow:var(--pcvp-ring);background:var(--COLOR-BG);color:var(--COLOR-TEXT);font-family:var(--FONT-STACK-BODY);font-size:calc(var(--pcvp-label-size) * var(--FONT-ADJUST-BODY));line-height:1.2;text-align:left;cursor:pointer}.product-card-variant-picker__value{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-card-variant-picker__swatch-slot{display:flex;flex:0 0 auto;align-items:center}.product-card-variant-picker__swatch-slot:empty{display:none}.product-card-variant-picker__toggle .icon-core-chevron-down{flex:0 0 auto;width:12px;height:12px;transition:transform .2s ease}.product-card-variant-picker__toggle[aria-expanded=true] .icon-core-chevron-down{transform:rotate(180deg)}.product-card-variant-picker__list{position:absolute;z-index:600;top:calc(100% - .5px);right:0;left:0;max-height:220px;overflow-y:auto;margin:0;padding:.5px;box-shadow:var(--pcvp-ring);background:var(--COLOR-BG);list-style:none}.product-card-variant-picker__list[hidden]{display:none}.product-card-variant-picker__list:popover-open{position:fixed;inset:auto;margin:0}.product-card-variant-picker__item{display:flex;align-items:center;gap:10px;padding:var(--pcvp-field-padding);color:var(--COLOR-TEXT);font-family:var(--FONT-STACK-BODY);font-size:calc(var(--pcvp-label-size) * var(--FONT-ADJUST-BODY));line-height:1.2;cursor:pointer}.product-card-variant-picker__item:hover,.product-card-variant-picker__item:focus-visible{background:var(--COLOR-BG-ACCENT)}.product-card-variant-picker__item[aria-selected=true]{font-weight:600}.product-card-variant-picker__item[data-unavailable] .product-card-variant-picker__item-label{text-decoration:line-through;opacity:.5}.product-card-variant-picker__item-label{flex:1 1 auto;min-width:0}.product-card-variant-picker__swatch{display:block;flex:0 0 auto;width:var(--pcvp-swatch-size);height:var(--pcvp-swatch-size);border-radius:50%;box-shadow:inset 0 0 0 .5px var(--COLOR-TEXT);background-color:var(--pcvp-swatch-color, transparent);background-image:var(--pcvp-swatch-image, none);background-position:center;background-size:cover}.product-card-variant-picker__swatch--photo{box-shadow:inset 0 0 0 .5px #00000026}.product-card-variant-picker__form{display:block}.product-card-variant-picker__form form{margin:0}.product-card-variant-picker__submit{position:relative;display:flex;align-items:center;justify-content:center;width:100%;padding:13px 15px;border:0;background:var(--COLOR-SECONDARY);color:var(--COLOR-SECONDARY-OPPOSITE);font-family:var(--FONT-STACK-ACCENT);font-size:calc(13px * var(--FONT-ADJUST-ACCENT));font-size:clamp(11.5px,6.6cqi,calc(13px * var(--FONT-ADJUST-ACCENT)));font-weight:var(--FONT-WEIGHT-ACCENT-BOLD);line-height:18px;letter-spacing:.09em;text-transform:uppercase;cursor:pointer;transition:background .2s ease;white-space:nowrap;padding-inline:clamp(6px,6cqi,15px)}@container npgi-info (max-width: 230px){.product-card-variant-picker__submit{letter-spacing:.045em}}.product-card-variant-picker__submit:hover:not(:disabled){background:var(--COLOR-SECONDARY-HOVER)}.product-card-variant-picker__submit:disabled{opacity:.5;cursor:not-allowed}.product-card-variant-picker__submit.loading{pointer-events:none}.product-card-variant-picker__errors{display:none;font-size:calc(13px * var(--FONT-ADJUST-BODY));color:var(--COLOR-SECONDARY)}.product-card-variant-picker__errors:not(:empty){display:block}@media(prefers-reduced-motion:reduce){.product-card-variant-picker__toggle .icon-core-chevron-down,.product-card-variant-picker__submit{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/38/assets/product-card-variant-picker.css.map */