nf-variant-picker{display:block}.nf-vp{border:0;margin:0 0 var(--nf-space-5);padding:0;min-width:0}.nf-vp__legend{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--nf-space-2);width:100%;padding:0;margin-bottom:var(--nf-space-3)}.nf-vp__selected{color:var(--nf-text);font-weight:600}.nf-vp__count{margin-left:auto;font-size:var(--nf-text-xs);line-height:var(--nf-leading-xs);color:var(--nf-text-muted);font-weight:400;letter-spacing:.02em}.nf-vp__search{position:relative;margin-bottom:var(--nf-space-3)}.nf-vp__search-icon{position:absolute;left:var(--nf-space-3);top:50%;transform:translateY(-50%);display:inline-flex;color:var(--nf-text-muted);pointer-events:none}.nf-vp__search-icon .nf-icon{width:1.8rem;height:1.8rem}.nf-vp__search-input{width:100%;min-height:4.4rem;padding:var(--nf-space-2) var(--nf-space-3) var(--nf-space-2) 4.2rem;font-family:inherit;font-size:var(--nf-text-base);color:var(--nf-text);background-color:var(--nf-surface);border:.1rem solid var(--nf-border-strong);border-radius:var(--nf-radius-sm);-webkit-appearance:none;appearance:none}.nf-vp__search-input::placeholder{color:var(--nf-text-muted);opacity:1}.nf-vp__search-input:hover{border-color:var(--nf-accent)}.nf-vp__search-input:focus-visible{outline:0;border-color:var(--nf-accent);box-shadow:0 0 0 .2rem var(--nf-focus-ring)}.nf-vp__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(14rem,1fr));gap:var(--nf-space-2);max-height:40vh;overflow-y:auto;padding:.3rem;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}@media screen and (min-width:750px){.nf-vp__grid{max-height:34rem}}.nf-vp__item{position:relative;min-width:0}.nf-vp__item[hidden]{display:none}.nf-vp__radio{position:absolute;width:1px;height:1px;clip:rect(0,0,0,0);overflow:hidden;margin:0}.nf-vp__tile{display:flex;align-items:center;gap:var(--nf-space-3);width:100%;min-height:4.4rem;padding:var(--nf-space-2);border:.1rem solid var(--nf-border-strong);border-radius:var(--nf-radius-md);background-color:var(--nf-surface);color:var(--nf-text);font-size:var(--nf-text-sm);line-height:var(--nf-leading-sm);text-align:left;cursor:pointer;transition:border-color var(--nf-dur-base) var(--nf-ease),background-color var(--nf-dur-base) var(--nf-ease),box-shadow var(--nf-dur-base) var(--nf-ease)}.nf-vp__tile:hover{border-color:var(--nf-accent)}.nf-vp__thumb{flex:0 0 auto;width:4rem;height:4rem;border-radius:var(--nf-radius-sm);overflow:hidden;background-color:var(--nf-surface-2);display:flex;align-items:center;justify-content:center}.nf-vp__img{width:100%;height:100%;object-fit:cover;display:block}.nf-vp__initial{font-weight:700;font-size:var(--nf-text-lg);color:var(--nf-accent)}.nf-vp__name{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.nf-vp__radio:checked+.nf-vp__tile{border-color:var(--nf-accent);background-color:var(--nf-accent-glow);box-shadow:inset 0 0 0 .1rem var(--nf-accent)}.nf-vp__radio:focus-visible+.nf-vp__tile,.nf-vp__radio.focused+.nf-vp__tile{outline:0;box-shadow:var(--nf-focus)}.nf-vp__radio:checked:focus-visible+.nf-vp__tile{box-shadow:var(--nf-focus),inset 0 0 0 .1rem var(--nf-accent)}.nf-vp__radio.disabled+.nf-vp__tile{border-color:var(--nf-border)}.nf-vp__radio.disabled+.nf-vp__tile .nf-vp__img{opacity:.55}.nf-vp__badge{flex:0 0 auto;margin-left:auto;align-self:center;font-size:var(--nf-text-xs);line-height:1;color:var(--nf-danger);border:.1rem solid var(--nf-danger);border-radius:var(--nf-radius-pill);padding:.3rem var(--nf-space-2);white-space:nowrap}.nf-vp__empty{margin:var(--nf-space-3) 0 0;font-size:var(--nf-text-sm);line-height:var(--nf-leading-sm);color:var(--nf-text-muted)}
/*# sourceMappingURL=/cdn/shop/t/2/assets/nf-variant-picker.css.map */