.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-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 rgba(17,17,17,.16);border-radius:var(--nt-radius-pill, 999px);background:var(--nt-white, #ffffff);color: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-gray-700, #555555)}}.nt-page .nt-variant__chip.is-selected{border-color: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-gray-700, #555555);background: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 rgba(17,17,17,.16);border-radius:var(--nt-radius-sm, 12px);background:var(--nt-white, #ffffff);color: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-gray-700, #555555)}.nt-page .nt-variant-cta{display:flex;align-items:center;justify-content:center;width:100%;min-height:52px;border:1px dashed rgba(17,17,17,.3);border-radius:var(--nt-radius-pill, 999px);background:var(--nt-gray-100, #f5f6f9);color: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-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:#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:#555}.nt-variant-modal{display:flex;flex-direction:column;width:min(92vw,480px);max-height:min(85dvh,720px);overflow:hidden;border-radius:16px;background:#fff;color:#111;--txt-color: #111111;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 rgba(17,17,17,.16);border-radius:999px;color:#555}.nt-variant-modal__search input{flex:1 1 auto;min-width:0;height:40px;border:0;background:transparent;color:#111;font-size:14px}.nt-variant-modal__search input::-moz-placeholder{color:#888}.nt-variant-modal__search input::placeholder{color:#888}.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:#555;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:#111;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:#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-gray-100, #f5f6f9);color: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:#111}.nt-page .nt-variant .nt-variant__sub,.nt-variant-modal .nt-variant__sub{color:#555}.nt-page .nt-variant .nt-variant__chip.is-unavailable:not(.is-selected) .nt-variant__label{color:#555}.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}
