.np-variant-picker{--np-accent: var(--sale-label-color);--np-accent-hover: var(--sale-label-color);--np-accent-text: 255, 255, 255;position:relative;padding:2rem 2rem 1.6rem;margin:2.4rem 0;border:0!important;border-radius:1.8rem;background:linear-gradient(135deg,rgba(var(--np-accent),.06),rgba(var(--text-color),.015) 60%,rgba(var(--np-accent),.05));box-shadow:0 1px rgba(var(--background-color),.6) inset,0 10px 30px -16px rgba(var(--text-color),.18),0 2px 8px -4px rgba(var(--np-accent),.08);overflow:hidden;isolation:isolate}.np-variant-picker:before{content:"";position:absolute;inset:0 0 auto 0;height:4px;background:linear-gradient(90deg,rgb(var(--np-accent)),rgba(var(--np-accent),.5),rgb(var(--np-accent)));opacity:1;border-radius:1.8rem 1.8rem 0 0}.np-variant-picker:after{content:"";position:absolute;top:-40%;right:-10%;width:220px;height:220px;background:radial-gradient(circle,rgba(var(--np-accent),.14) 0%,transparent 70%);pointer-events:none;z-index:-1}.np-variant-picker .variant-field+.variant-field{margin-top:1.8rem!important;padding-top:1.8rem;border-top:1px dashed rgba(var(--text-color),.12)}.np-variant-picker .field-title{display:flex!important;align-items:center;flex-wrap:wrap;gap:.8rem;font-size:1.25rem!important;font-weight:700!important;letter-spacing:.1em!important;color:rgb(var(--heading-color))!important;margin-bottom:1.4rem!important;text-transform:uppercase!important}.np-variant-picker .field-title .selected-value{display:inline-flex!important;align-items:center;padding:.3rem 1rem .4rem!important;background:linear-gradient(135deg,rgb(var(--np-accent)),rgb(var(--np-accent-hover)))!important;color:rgb(var(--np-accent-text))!important;border-radius:999px!important;font-size:1.15rem!important;font-weight:700!important;text-transform:none!important;letter-spacing:.02em!important;line-height:1.2!important;box-shadow:0 4px 10px -4px rgba(var(--np-accent),.55);animation:npChipPop .35s cubic-bezier(.34,1.56,.64,1)}@keyframes npChipPop{0%{transform:scale(.7);opacity:0}60%{transform:scale(1.08);opacity:1}to{transform:scale(1)}}.np-variant-picker .field-wrap-inner{display:flex!important;flex-wrap:wrap;align-items:center;gap:1rem!important}.np-variant-picker .field-label{margin:0!important;transition:transform .25s cubic-bezier(.4,0,.2,1),box-shadow .25s ease,border-color .25s ease,background-color .25s ease,color .25s ease;cursor:pointer;position:relative}.np-variant-picker .field-label:hover{transform:translateY(-2px)}.np-variant-picker .field-value:focus-visible+.field-label{outline:2px solid rgb(var(--np-accent))!important;outline-offset:4px!important;box-shadow:0 0 0 4px rgba(var(--np-accent),.2)!important}.np-variant-picker .swatch.swatch-color{width:4rem!important;height:4rem!important;border-radius:50%;box-shadow:0 0 0 2px rgb(var(--background-color)),0 0 0 3px rgba(var(--text-color),.18),0 2px 6px -2px rgba(var(--text-color),.15)}.np-variant-picker .swatch.swatch-color:before{display:none}.np-variant-picker .swatch.swatch-color:after{width:1.4rem!important;height:1.1rem!important}.np-variant-picker .field-value:checked+.swatch.swatch-color,.np-variant-picker .swatch.swatch-color.selected{transform:scale(1.08);box-shadow:0 0 0 2px rgb(var(--background-color)),0 0 0 4px rgb(var(--np-accent)),0 8px 18px -4px rgba(var(--np-accent),.55)!important}.np-variant-picker .swatch.swatch-image{width:5.6rem!important;height:5.6rem!important;border-radius:1.2rem!important;overflow:hidden;border:2px solid transparent!important;box-shadow:0 0 0 1px rgba(var(--text-color),.12),0 4px 10px -4px rgba(var(--text-color),.18);background-color:rgb(var(--background-color))}.np-variant-picker .swatch.swatch-image:before{display:none}.np-variant-picker .swatch.swatch-image img{border-radius:1rem!important;width:100%;height:100%;object-fit:cover}.np-variant-picker .field-value:checked+.swatch.swatch-image,.np-variant-picker .swatch.swatch-image.selected{border-color:rgb(var(--np-accent))!important;box-shadow:0 0 0 1px rgb(var(--np-accent)),0 8px 18px -4px rgba(var(--np-accent),.45)!important;transform:translateY(-2px)}.np-variant-picker .field-label.field-button{min-width:5.2rem!important;min-height:4.6rem!important;padding:0 1.8rem!important;border-radius:1.4rem!important;background:rgb(var(--background-color))!important;border:1.5px solid rgba(var(--text-color),.14)!important;font-weight:600!important;font-size:1.4rem!important;color:rgb(var(--text-color))!important;box-shadow:0 1px rgba(var(--background-color),.4) inset,0 2px 6px -3px rgba(var(--text-color),.12)}.np-variant-picker .field-label.field-button .swatch-text{font-weight:600!important;font-size:1.4rem!important;line-height:1!important;color:inherit!important;letter-spacing:.01em}.np-variant-picker .field-label.field-button:hover{border-color:rgba(var(--np-accent),.55)!important;background:rgba(var(--np-accent),.08)!important;color:rgb(var(--np-accent))!important;box-shadow:0 6px 14px -4px rgba(var(--np-accent),.2)}.np-variant-picker .field-label.field-button:hover .swatch-text{color:rgb(var(--np-accent))!important}.np-variant-picker .field-value:checked+.field-label.field-button{background:linear-gradient(135deg,rgb(var(--np-accent)),rgb(var(--np-accent-hover)))!important;border-color:rgb(var(--np-accent))!important;color:rgb(var(--np-accent-text))!important;box-shadow:0 10px 20px -6px rgba(var(--np-accent),.55),0 0 0 1px rgba(var(--np-accent),.4);transform:translateY(-2px)}.np-variant-picker .field-value:checked+.field-label.field-button .swatch-text{color:rgb(var(--np-accent-text))!important}.np-variant-picker .field-value:checked+.field-label.field-button:before{content:"";position:absolute;top:-6px;right:-6px;width:1.8rem;height:1.8rem;background:rgb(var(--np-accent));border:2px solid rgb(var(--background-color));border-radius:50%;background-image:var(--tick-white);background-repeat:no-repeat;background-position:center;background-size:1rem .8rem;box-shadow:0 2px 6px -1px rgba(var(--np-accent),.55);animation:npChipPop .35s cubic-bezier(.34,1.56,.64,1);z-index:2}.np-variant-picker .field-value:checked+.swatch.swatch-color:before,.np-variant-picker .field-value:checked+.swatch.swatch-image:before{content:"";display:block;position:absolute;top:-6px;right:-6px;width:1.8rem;height:1.8rem;background:rgb(var(--np-accent));border:2px solid rgb(var(--background-color));border-radius:50%;background-image:var(--tick-white);background-repeat:no-repeat;background-position:center;background-size:1rem .8rem;box-shadow:0 2px 6px -1px rgba(var(--np-accent),.55);animation:npChipPop .35s cubic-bezier(.34,1.56,.64,1);z-index:2;transition:none}.np-variant-picker .field-label.soldout,.np-variant-picker .swatch.soldout{opacity:.45!important;cursor:not-allowed!important;pointer-events:none}.np-variant-picker .field-label.field-button.soldout{background:rgba(var(--text-color),.04)!important;color:rgba(var(--text-color),.6)!important;border-style:dashed!important}.np-variant-picker .field-label.soldout:after,.np-variant-picker .swatch.soldout:after{content:""!important;position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top right,transparent calc(50% - 1px),rgba(var(--text-color),.55) 50%,transparent calc(50% + 1px));pointer-events:none;border-radius:inherit;opacity:1!important;visibility:visible!important;width:auto!important;height:auto!important;background-image:linear-gradient(to top right,transparent calc(50% - 1px),rgba(var(--text-color),.55) 50%,transparent calc(50% + 1px))!important}.np-variant-picker .variant-field select.field-value{width:100%;min-height:5rem!important;padding:0 4rem 0 1.6rem!important;border-radius:1.2rem!important;border:1.5px solid rgba(var(--text-color),.15)!important;background-color:rgb(var(--background-color))!important;font-size:1.4rem!important;font-weight:600!important;color:rgb(var(--text-color))!important;cursor:pointer;transition:border-color .25s ease,box-shadow .25s ease;box-shadow:0 2px 6px -3px rgba(var(--text-color),.12)}.np-variant-picker .variant-field select.field-value:hover,.np-variant-picker .variant-field select.field-value:focus{border-color:rgb(var(--np-accent))!important;box-shadow:0 0 0 3px rgba(var(--np-accent),.18)!important;outline:none!important}@media(max-width:1024px){.np-variant-picker{padding:1.8rem 1.6rem 1.4rem;margin:2rem 0;border-radius:1.6rem}.np-variant-picker .field-title{font-size:1.2rem!important;gap:.6rem}.np-variant-picker .field-title .selected-value{font-size:1.1rem!important;padding:.3rem .9rem!important}.np-variant-picker .field-wrap-inner{gap:.9rem!important}.np-variant-picker .swatch.swatch-color{width:3.8rem!important;height:3.8rem!important}.np-variant-picker .swatch.swatch-image{width:5rem!important;height:5rem!important}.np-variant-picker .field-label.field-button{min-width:4.8rem!important;min-height:4.4rem!important;padding:0 1.4rem!important;font-size:1.3rem!important;border-radius:1.2rem!important}.np-variant-picker .field-label.field-button .swatch-text{font-size:1.3rem!important}}@media(max-width:480px){.np-variant-picker{padding:1.6rem 1.4rem 1.2rem;border-radius:1.4rem}.np-variant-picker .variant-field+.variant-field{margin-top:1.4rem!important;padding-top:1.4rem}.np-variant-picker .field-title{font-size:1.15rem!important;margin-bottom:1.1rem!important}.np-variant-picker .field-wrap-inner{gap:.8rem!important}.np-variant-picker .swatch.swatch-color{width:4rem!important;height:4rem!important}.np-variant-picker .field-label.field-button{min-height:4.4rem!important;min-width:4.4rem!important}}@media(prefers-reduced-motion:reduce){.np-variant-picker *,.np-variant-picker *:before,.np-variant-picker *:after{animation:none!important;transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/np-variant-picker.css.map */