.nt-page .nt-variant{margin:12px 0 4px}.nt-page .nt-variant__chips{min-width:0;margin:0;padding:0;border:0;display:flex;flex-wrap:wrap;gap:8px}.nt-page .nt-variant__heading{float:left;width:100%;margin-bottom:8px;font-size:13px;font-weight:700;color:var(--nt-dark-text-muted, var(--nt-gray-700))}.nt-page .nt-variant__legend-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.nt-page .nt-variant__chip{position:relative;display:inline-flex;align-items:center;gap:8px;min-height:44px;max-width:100%;padding:6px 16px;border:1px solid rgb(var(--nt-dark-ink-rgb, 17 17 17) / .16);border-radius:var(--nt-radius-pill, 999px);background:var(--nt-dark-surface, var(--nt-white, #ffffff));color:var(--nt-dark-text, var(--nt-black, #111111));cursor:pointer;transition:border-color .15s,background-color .15s}@media(hover:hover){.nt-page .nt-variant__chip:hover{border-color:var(--nt-dark-border-strong, var(--nt-gray-700, #555555))}}.nt-page .nt-variant__chip.is-selected{border-color:var(--nt-dark-text, var(--nt-black, #111111));background:var(--nt-black, #111111);color:var(--nt-white, #ffffff)}.nt-page .nt-variant__chip.is-selected .nt-variant__sub{color:#ffffffc7}.nt-page .nt-variant__chip.is-unavailable:not(.is-selected){color:var(--nt-dark-text-muted, var(--nt-gray-700, #555555));background:var(--nt-dark-surface-muted, var(--nt-gray-100, #f5f6f9))}.nt-page .nt-variant__chip:focus-within{outline:3px solid var(--nt-primary, #00c7b7);outline-offset:2px}.nt-page .nt-variant__check{flex-shrink:0}.nt-page .nt-variant__summary{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:48px;padding:10px 16px;border:1px solid rgb(var(--nt-dark-ink-rgb, 17 17 17) / .16);border-radius:var(--nt-radius-sm, 12px);background:var(--nt-dark-surface, var(--nt-white, #ffffff));color:var(--nt-dark-text, var(--nt-black, #111111));font-weight:700;text-align:left}.nt-page .nt-variant__summary:focus-visible{outline:3px solid var(--nt-primary, #00c7b7);outline-offset:2px}.nt-page .nt-variant__summary-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nt-page .nt-variant__summary-action{display:inline-flex;align-items:center;gap:2px;flex-shrink:0;font-size:13px;color:var(--nt-dark-text-muted, var(--nt-gray-700, #555555))}.nt-page .nt-variant-cta{display:flex;align-items:center;justify-content:center;width:100%;min-height:52px;border:1px dashed rgb(var(--nt-dark-ink-rgb, 17 17 17) / .3);border-radius:var(--nt-radius-pill, 999px);background:var(--nt-dark-surface-muted, var(--nt-gray-100, #f5f6f9));color:var(--nt-dark-text-muted, var(--nt-gray-700, #555555));font-weight:700;cursor:pointer}.nt-page .nt-variant-cta:focus-visible{outline:3px solid var(--nt-primary, #00c7b7);outline-offset:2px}.nt-page .nt-variant-cta__note{margin-top:8px;font-size:12px;color:var(--nt-dark-text-muted, var(--nt-gray-700, #555555));text-align:center}.nt-variant__input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.nt-variant__avatar,.nt-variant__thumb{flex-shrink:0;width:28px;height:28px;border-radius:50%;overflow:hidden;background:var(--nt-dark-surface-strong, #eaeaea)}.nt-variant__avatar img,.nt-variant__thumb img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.nt-variant__thumb{width:32px;height:32px;border-radius:8px}.nt-variant__text{display:flex;flex-direction:column;min-width:0;line-height:1.25}.nt-variant__label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:700}.nt-variant__sub{font-size:11px;color:var(--nt-dark-text-muted, #555555)}.nt-variant-modal{display:flex;flex-direction:column;width:min(92vw,480px);max-height:min(85dvh,720px);overflow:hidden;border-radius:16px;background:var(--nt-dark-surface, #ffffff);color:var(--nt-dark-text, #111111);--txt-color: var(--nt-dark-text, #111111);color-scheme:var(--nt-dark-color-scheme, light)}.nt-variant-modal__search{display:flex;flex-shrink:0;align-items:center;gap:8px;margin:4px 1.5rem 8px;padding:0 12px;border:1px solid rgb(var(--nt-dark-ink-rgb, 17 17 17) / .16);border-radius:999px;color:var(--nt-dark-text-muted, #555555)}.nt-variant-modal__search input{flex:1 1 auto;min-width:0;height:40px;border:0;background:transparent;color:var(--nt-dark-text, #111111);font-size:14px}.nt-variant-modal__search input::-moz-placeholder{color:var(--nt-dark-text-subtle, #888888)}.nt-variant-modal__search input::placeholder{color:var(--nt-dark-text-subtle, #888888)}.nt-variant-modal__list{flex:1 1 auto;min-height:0;margin:0;padding:0 1.5rem 1.25rem;border:0;overflow-y:auto}.nt-variant-modal__empty{padding:16px 0;font-size:13px;color:var(--nt-dark-text-muted, #555555);text-align:center}.nt-variant__row{position:relative;display:flex;align-items:center;gap:12px;min-height:56px;padding:8px 12px;border-radius:12px;color:var(--nt-dark-text, #111111);cursor:pointer}.nt-variant__row .nt-variant__text{flex:1 1 auto}.nt-variant__row .nt-variant__sub{font-size:12px}.nt-variant__row+.nt-variant__row{margin-top:2px}@media(hover:hover){.nt-variant__row:hover{background:var(--nt-dark-surface-muted, #f5f6f9)}}.nt-variant__row.is-selected{background:#111;color:#fff}.nt-variant__row.is-selected .nt-variant__sub{color:#ffffffc7}.nt-variant__row:focus-within{outline:3px solid #00c7b7;outline-offset:1px}.nt-variant-modal .nt-variant__legend-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.nt-page .nt-variant-badge{display:inline-flex;align-items:center;align-self:flex-start;margin-top:2px;padding:1px 8px;border-radius:999px;background:var(--nt-dark-surface-muted, var(--nt-gray-100, #f5f6f9));color:var(--nt-dark-text-muted, var(--nt-gray-700, #555555));font-size:11px;font-weight:700;line-height:1.6}.nt-page .nt-variant .nt-variant__label,.nt-variant-modal .nt-variant__label{color:var(--nt-dark-text, #111111)}.nt-page .nt-variant .nt-variant__sub,.nt-variant-modal .nt-variant__sub{color:var(--nt-dark-text-muted, #555555)}.nt-page .nt-variant .nt-variant__chip.is-unavailable:not(.is-selected) .nt-variant__label{color:var(--nt-dark-text-muted, #555555)}.nt-page .nt-variant .nt-variant__chip.is-selected .nt-variant__label,.nt-variant-modal .nt-variant__row.is-selected .nt-variant__label{color:#fff}.nt-page .nt-variant .nt-variant__chip.is-selected .nt-variant__sub,.nt-variant-modal .nt-variant__row.is-selected .nt-variant__sub{color:#ffffffc7}
