1  .setting-item[nv-greyed] {
  2  	opacity: .5; 
  3  	pointer-events: none !important;
  4  }
  5  
  6  #nv-main-setting {
  7  	flex-wrap: wrap;
  8  	margin-bottom: 30px;
  9  }
 10  
 11  #nv-main-setting .setting-item-control {
 12  	padding-top: var(--size-4-2);
 13  	flex-basis: 100%;
 14  	align-items: stretch;
 15  }
 16  
 17  #nv-main-setting .setting-item-control input, #nv-main-setting .setting-item-control select {
 18  	font-size: var(--font-ui-medium);
 19  	font-weight: 600;
 20  }
 21  
 22  #nv-main-setting .setting-item-control select {
 23  	padding: var(--size-4-3) var(--size-4-4);
 24  	padding-right: var(--size-4-8);
 25  	height: auto;
 26  }
 27  
 28  #nv-main-setting .setting-item-control input {
 29  	flex-grow: 1;
 30  	padding: var(--size-4-5) var(--size-4-4);
 31  }
 32  
 33  #nv-main-setting .setting-item-control input[disabled] {
 34  	opacity: 0.3;
 35  }
 36  
 37  #nv-main-setting #nv-desc, #nv-main-setting #nv-info {
 38  	flex-basis: 100%;
 39  }
 40  
 41  #nv-main-setting #nv-desc {
 42  	font-weight: 500;
 43  	color: var(--text-normal);
 44  	font-size: var(--font-ui-small);
 45  	padding: 10px 0 0;
 46  }
 47  
 48  #nv-main-setting #nv-desc.mod-warning {
 49  	color: var(--text-error);
 50  }
 51  
 52  #nv-main-setting #nv-desc code {
 53  	font-family: var(--font-monospace);
 54  	font-size: var(--font-smaller);
 55  	border-radius: var(--radius-s);
 56  }
 57  
 58  #nv-main-setting #nv-desc small {
 59  	display: block;
 60  	font-weight: 400;
 61  	color: var(--text-muted);
 62  	font-size: calc(var(--font-ui-smaller) * 0.9);
 63  	padding: 5px 0 0;
 64  }
 65  
 66  .nv-mobile-setting {
 67  	flex-wrap: wrap;
 68  	row-gap: var(--size-2-2);
 69  }
 70  
 71  .nv-mobile-setting .nv-mobile-info {
 72  	font-size: var(--font-ui-smaller);
 73  	width: 100%;
 74  	margin-right: var(--size-4-18);
 75  }
 76  
 77  .nv-command-desc {
 78  	padding: 1.2em 0 0;
 79  	border-top: 1px solid var(--background-modifier-border);
 80  }
 81  
 82  .nv-command-box {
 83  	margin: 1em 0 1.75em;
 84  	display: flex;
 85  	flex-wrap: wrap;
 86  	gap: 12px;
 87  	align-items: center;
 88  }
 89  
 90  .nv-command-pill {
 91  	background-color: var(--background-secondary);
 92  	border: 1px solid var(--background-modifier-border-hover);
 93  	border-radius: var(--radius-s);
 94  	font-size: var(--font-ui-small);
 95  	padding: var(--size-2-1) var(--size-2-2) var(--size-2-1) var(--size-2-3) ;
 96  }
 97  
 98  .nv-command-pill.nv-command-invalid {
 99  	color: var(--text-faint);
100  }
101  
102  .nv-command-pill button {
103  	display: inline-block;
104  	padding: 0;
105  	margin: 0 0 0 3px;
106  	vertical-align: bottom;
107  }
108  
109  .nv-command-pill button:first-of-type {
110  	margin-left: var(--size-4-2);
111  }
112  
113  .nv-command-pill button.nv-command-selected {
114  	margin-left: var(--size-2-2);
115  	padding: 0 var(--size-2-1);
116  }
117  
118  .nv-command-pill button.nv-command-selected span {
119  	color: var(--text-accent);
120  	display: inline-block;
121  	font-size: 0.9em;
122  	vertical-align: top;
123  	position: relative;
124  	top: -1px;
125  }
126  
127  .nv-command-pill > .svg-icon, .nv-command-pill button .svg-icon {
128  	height: 1em;
129  	width: 1em;
130  }
131  
132  .nv-command-pill > .svg-icon {
133  	vertical-align: text-bottom;
134  	position: relative;
135  	margin: 0 var(--size-2-1) 0 0;
136  }
137  
138  .nv-command-pill.nv-dragging {
139  	background-color: transparent;
140  }
141  
142  .nv-command-add-button {
143  	font-size: var(--font-ui-small);
144  	padding: var(--size-2-2) var(--size-4-2);
145  	height: auto;
146  }
147  
148  #nv-main-setting + .setting-item, .nv-command-desc + .setting-item {
149  	padding-top: 20px; 
150  	border-top: none !important;
151  }
152  
153  .nv-debug-button {
154  	margin: 3em 0 -0.2em;
155  	font-size: var(--font-ui-smaller);
156  	padding: 0;
157  	height: auto;
158  	float: right;
159  	box-shadow: none !important;
160  	background: none !important;
161  	color: var(--text-accent);
162  	font-weight: 600;
163  	cursor: pointer;
164  }
165  
166  .nv-debug-button:hover, .nv-debug-button:active {
167  	text-decoration: underline;
168  }
169  
170  .is-phone #nv-main-setting .setting-item-control {
171  	flex-wrap: wrap;
172  	justify-content: flex-start;
173  }
174  
175  .is-phone #nv-main-setting .setting-item-control select {
176  	width: auto;
177  	max-width: auto;
178  }
179  
180  .is-phone .nv-mobile-setting {
181  	row-gap: var(--size-4-2);
182  }
183  
184  .is-phone .nv-mobile-setting .setting-item-info {
185  	max-width: calc(100% - 100px);
186  }
187  
188  .is-phone .nv-mobile-setting {
189  	row-gap: var(--size-4-2);
190  }
191  
192  .is-phone .nv-mobile-setting .setting-item-info {
193  	max-width: calc(100% - 100px);
194  }
195  
196  .is-phone .nv-command-pill {
197  	width: 100%;
198  	border: none;
199  	background: none;
200  	padding: 0 0 var(--size-4-2);
201  	display: flex;
202  	gap: var(--size-4-4);
203  	align-items: baseline;
204  }
205  
206  .is-phone .nv-command-pill .nv-command-text {
207  	flex-grow: 1;
208  	overflow: hidden;
209  	text-overflow: ellipsis;
210  }
211  
212  .is-phone .nv-command-pill, .is-phone .nv-command-add-button {
213  	font-size: var(--font-ui-medium);
214  	justify-content: space-between;
215  }
216  
217  .is-phone .nv-command-pill button {
218  	line-height: var(--font-ui-medium);
219  	height: 100%;
220  	margin: 0 !important;
221  }