x
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
<div class="space-y-6">
<div>
<p class="mb-2 text-xs text-ink-muted">system</p>
<div class="overflow-hidden rounded-lg border border-line">
<header class="sticky top-0 z-40 bg-surface shadow-sm" data-site-header>
<div class="mx-auto max-w-7xl px-5 flex flex-wrap items-center gap-x-6 gap-y-3 py-3">
<a href="/"
aria-label="SearchApi — home"
class="shrink-0 text-ink hover:text-accent-line">
<svg xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 427 88"
fill="currentColor"
fill-rule="evenodd"
class="h-7 w-auto"
aria-hidden="true" focusable="false">
<polygon points="416.272666 20.9064631 426.311126 20.9064631 426.311126 11.5296626 416.272666 11.5296626" />
<path d="M137.575786,52.8157302 C139.866905,52.8157302 142.044456,52.6824107 144.113376,52.4108341 L144.113376,44.2585973 L137.911553,43.7203818 C134.094667,43.4043653 131.141888,42.82171 129.048279,41.9674781 C126.964546,41.1132461 125.468405,39.8442426 124.569734,38.1604674 C123.671062,36.4717545 123.221726,34.146071 123.221726,31.1834168 C123.221726,27.6776093 123.705626,24.9174031 124.673426,22.8929228 C125.636289,20.8733802 127.171932,19.4019286 129.285292,18.478568 C131.398651,17.5601452 134.297115,17.1009338 137.980682,17.1009338 C142.967816,17.1009338 147.885822,17.6391493 152.739637,18.7155804 L151.45582,26.7344977 C149.302958,26.2851618 147.347607,25.9839587 145.594703,25.8259504 C143.841799,25.6679422 141.911136,25.5889381 139.797776,25.5889381 C137.506657,25.5889381 135.600683,25.7025065 134.069978,25.9247056 L134.069978,34.146071 L140.271801,34.6200956 C143.910928,34.9361121 146.799516,35.5632072 148.932627,36.5063188 C151.065738,37.4494304 152.60138,38.8320024 153.549429,40.6540347 C154.492541,42.4711293 154.961628,44.8659414 154.961628,47.8285956 C154.961628,51.0628265 154.398724,53.6600866 153.277853,55.6105006 C152.152044,57.5658524 150.379389,58.9928642 147.954951,59.891536 C145.525574,60.7902077 142.291343,61.2395436 138.252258,61.2395436 C132.544211,61.2395436 127.354629,60.5680087 122.68351,59.220001 L124.095709,50.929507 C128.366869,52.188635 132.860228,52.8157302 137.575786,52.8157302" />
<path d="M171.537678,41.8326773 L182.455059,41.8326773 L182.455059,33.2755444 L171.537678,33.2755444 L171.537678,41.8326773 Z M189.333354,51.8711373 L190.612233,58.8827522 C186.523771,60.3196395 181.739084,61.0356143 176.258174,61.0356143 C172.43635,61.0356143 169.41938,60.47271 167.192452,59.3518391 C164.970461,58.2309683 163.350877,56.3891849 162.343575,53.826489 C161.331334,51.2637932 160.822745,47.7826745 160.822745,43.383133 C160.822745,39.0675334 161.351085,35.6308545 162.407765,33.0681586 C163.464445,30.5104005 165.148221,28.6439284 167.464029,27.4786177 C169.774899,26.3083693 172.890624,25.725714 176.796389,25.725714 C180.662653,25.725714 183.635183,26.0417304 185.723854,26.6688256 C187.817463,27.2959207 189.29879,28.3772895 190.172773,29.9030564 C191.046756,31.4288233 191.486216,33.6113119 191.486216,36.4406467 C191.486216,39.4526784 190.938125,41.7191089 189.837006,43.2448758 C188.735886,44.7755805 186.390451,47.3530896 181.294686,47.3530896 L171.537678,47.3530896 L171.537678,53.0166969 C172.930126,53.3771532 174.929917,53.5549124 177.537053,53.5549124 C180.953981,53.5549124 184.884435,52.9969459 189.333354,51.8711373 L189.333354,51.8711373 Z" />
<path d="M207.795628,53.9598085 L218.782137,53.9598085 L218.782137,45.0718459 L207.795628,45.0718459 L207.795628,53.9598085 Z M225.586366,28.1847169 C227.744166,29.8240523 228.820597,32.5299431 228.820597,36.3073272 L228.820597,60.2307599 L223.97172,60.2307599 L221.339895,56.8582718 C218.016785,59.6431668 214.106081,61.0356143 209.61766,61.0356143 C205.706957,61.0356143 202.887497,60.1961956 201.159282,58.5124204 C199.431067,56.8237075 198.562022,54.0980657 198.562022,50.3206816 C198.562022,47.3135876 199.080487,45.0422193 200.112478,43.5164524 C201.144469,41.9906855 202.966501,40.9191922 205.573637,40.3167859 C208.175835,39.7094418 212.086539,39.4033009 217.295872,39.4033009 L218.782137,39.4033009 L218.782137,33.7446313 C217.656329,33.3841751 215.952802,33.2064158 213.656745,33.2064158 C209.795419,33.2064158 205.682268,33.7693201 201.327166,34.890191 L200.043349,27.8835138 C202.156709,27.1626013 204.502144,26.6243857 207.089529,26.2639295 C209.671975,25.9034732 212.288987,25.725714 214.940562,25.725714 C219.883257,25.725714 223.428566,26.5453816 225.586366,28.1847169 L225.586366,28.1847169 Z" />
<path d="M246.612323,31.4530183 C249.757674,28.3965467 253.698004,26.1202407 256.92236,25.5227722 L256.92236,35.2945933 C255.663232,35.5661699 254.201656,36.0451323 252.542569,36.7413561 C250.878545,37.4425175 249.599666,38.123928 248.700994,38.8004007 L248.700994,60.2302661 L238.662534,60.2302661 L238.662534,26.5350123 L243.58054,26.5350123 L246.612323,31.4530183 Z" />
<path d="M266.962795,59.3523329 C264.987692,58.2314621 263.56068,56.3995542 262.681759,53.8615471 C261.807776,51.32354 261.368316,47.8276081 261.368316,43.378689 C261.368316,38.9347077 261.807776,35.4387758 262.681759,32.9007687 C263.56068,30.3627616 264.987692,28.5308537 266.962795,27.4099829 C268.937898,26.289112 271.658602,25.7262077 275.119969,25.7262077 C277.050632,25.7262077 279.094864,25.8496517 281.252664,26.0965395 C283.405526,26.3434274 285.089301,26.6446305 286.303989,27.0050868 L285.296687,34.1500212 C282.551294,33.5179883 280.304614,33.2069096 277.702416,33.2069096 C275.771753,33.2069096 273.525074,33.5871169 272.019058,34.5055397 L272.019058,53.0171907 C273.228808,53.3776469 274.957023,53.5554062 277.208641,53.5554062 C280.082415,53.5554062 283.045069,52.9974396 286.101541,51.871631 L286.980462,58.8783082 C283.563534,60.3201333 279.60839,61.036108 275.119969,61.036108 C271.658602,61.036108 268.937898,60.4732037 266.962795,59.3523329" />
<path d="M355.953027,44.6615183 L351.237469,27.6114434 L350.630124,27.6114434 L345.909629,44.6615183 L355.953027,44.6615183 Z M358.041698,52.1422201 L343.820958,52.1422201 L341.598967,60.2302661 L331.560507,60.2302661 L343.218551,18.1111989 L358.649042,18.1111989 L370.307086,60.2302661 L360.263688,60.2302661 L358.041698,52.1422201 Z" />
<path d="M386.414049,53.4857838 L397.059854,53.4857838 L397.059854,33.4730547 L386.414049,33.4730547 L386.414049,53.4857838 Z M402.451884,27.3749248 C404.382547,28.4760446 405.765119,30.2980769 406.594662,32.836084 C407.429143,35.3740911 407.843915,38.8897741 407.843915,43.383133 C407.843915,47.8764919 407.41433,51.4119259 406.560098,53.9943728 C405.705866,56.5768197 404.323294,58.4334163 402.41732,59.5542872 C400.506408,60.675158 397.869646,61.2380623 394.497158,61.2380623 C390.996288,61.2380623 388.300273,60.7689754 386.414049,59.8258638 L386.414049,71.4542815 L376.370652,71.4542815 L376.370652,26.5355061 L381.224467,26.5355061 L383.244009,29.6314797 C384.325378,28.2390323 385.762266,27.2416054 387.559609,26.6342613 C389.356953,26.0269171 391.667823,25.725714 394.497158,25.725714 C397.869646,25.725714 400.516283,26.273805 402.451884,27.3749248 L402.451884,27.3749248 Z" />
<polygon points="416.262791 60.2307599 426.306188 60.2307599 426.306188 26.5355061 416.262791 26.5355061" />
<path d="M294.121446,15.7845278 L303.962396,15.7845278 L303.962396,28.2869285 C308.737207,27.1956842 314.336623,25.7242326 317.2499,25.7242326 C323.066577,25.7242326 324.449149,30.2373425 324.449149,32.3951423 L324.449149,60.2292785 L314.405752,60.2292785 L314.405752,33.945598 L304.164844,33.945598 L304.164844,60.2292785 L294.121446,60.2292785 L294.121446,15.7845278 Z" />
<path d="M66.8246406,69.1779756 L66.8246406,50.8786481 L60.0055982,50.8786481 L60.0055982,69.1779756 C60.0055982,76.3229099 65.8173381,82.1346499 72.9622725,82.1346499 L76.3693248,82.1346499 L76.3693248,75.3156075 L72.9622725,75.3156075 C69.579909,75.3156075 66.8246406,72.5603391 66.8246406,69.1779756" />
<path d="M92.7370017,43.8077801 L92.7370017,60.1764445 C92.7370017,63.5588081 89.9866711,66.3140765 86.5993698,66.3140765 C83.2170063,66.3140765 80.4617378,63.5588081 80.4617378,60.1764445 L80.4617378,56.7644545 L80.4617378,30.683222 C80.4617378,13.7664665 66.7002091,0 49.7785159,0 C32.8568226,0 19.0952939,13.7664665 19.0952939,30.683222 L19.0952939,60.1764445 C19.0952939,63.5588081 16.3400255,66.3140765 12.9527242,66.3140765 C9.57036062,66.3140765 6.82002997,63.5588081 6.82002997,60.1764445 L6.82002997,43.8077801 L0.0009875514,43.8077801 L0.0009875514,60.1764445 C0.0009875514,67.3213789 5.81272754,73.1331189 12.9527242,73.1331189 C20.0976585,73.1331189 25.9143363,67.3213789 25.9143363,60.1764445 L25.9143363,30.683222 C25.9143363,17.5240996 36.6193935,6.81904242 49.7785159,6.81904242 C62.9376383,6.81904242 73.6426954,17.5240996 73.6426954,30.683222 L73.6426954,60.1764445 C73.6426954,67.3213789 79.4544354,73.1331189 86.5993698,73.1331189 C93.7443042,73.1331189 99.5560442,67.3213789 99.5560442,60.1764445 L99.5560442,43.8077801 L92.7370017,43.8077801 Z" />
<polygon points="46.370476 87.66 53.1895184 87.66 53.1895184 54.5523393 46.370476 54.5523393" />
<path d="M32.7309098,69.1779756 C32.7309098,72.5603391 29.9756414,75.3156075 26.5932779,75.3156075 L23.1862255,75.3156075 L23.1862255,82.1346499 L26.5932779,82.1346499 C33.7382122,82.1346499 39.5499522,76.3229099 39.5499522,69.1779756 L39.5499522,50.8786481 L32.7309098,50.8786481 L32.7309098,69.1779756 Z" />
<polygon points="37.0924306 43.8077801 44.9088999 43.8077801 44.9088999 31.3843835 37.0924306 31.3843835" />
<polygon points="54.6510945 43.8077801 62.462626 43.8077801 62.462626 31.3843835 54.6510945 31.3843835" />
</svg>
</a>
<nav aria-label="Main">
<ul class="flex flex-wrap items-center gap-x-5 gap-y-2 text-sm">
</ul>
</nav>
<div class="ml-auto flex flex-wrap items-center justify-end gap-0.5">
<details class="relative"
data-controller="disclosure"
data-action="keydown.esc@window->disclosure#closeOnEscape click@window->disclosure#closeOnOutside turbo:before-cache@window->disclosure#close">
<summary class="flex h-9 min-w-9 cursor-pointer list-none items-center justify-center gap-1.5 rounded-md px-2 text-sm font-medium text-ink-faint transition-colors hover:text-ink [&::-webkit-details-marker]:hidden" title="Language — current: English">
<svg viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"
class="size-5 shrink-0"
aria-hidden="true">
<path d="M12 3a9 9 0 1 0 0 18 9 9 0 0 0 0-18Z" /><path d="M3.6 9h16.8" /><path d="M3.6 15h16.8" /><path d="M12 3a13.5 13.5 0 0 0 0 18" /><path d="M12 3a13.5 13.5 0 0 1 0 18" />
</svg>
<span aria-hidden="true"
class="whitespace-nowrap">English</span>
<span class="sr-only">Language — current: English</span>
</summary>
<ul class="absolute right-0 top-full z-50 mt-2 min-w-45 rounded-lg border border-line bg-surface p-1 shadow-lg" data-action="click->disclosure#closeOnSelect">
<li>
<a href="/lookbook/inspect/chrome/site_header/preferences"
lang="en"
hreflang="en"
class="flex w-full items-center justify-between gap-3 rounded-md px-3 py-2 text-sm bg-nav-active font-medium text-nav-active-ink"
aria-current="true">
English
</a>
</li>
<li>
<a href="/es/lookbook/inspect/chrome/site_header/preferences"
lang="es"
hreflang="es"
class="flex w-full items-center justify-between gap-3 rounded-md px-3 py-2 text-sm text-ink-muted hover:bg-surface-sunk hover:text-ink"
>
Español
</a>
</li>
<li>
<a href="/pt-BR/lookbook/inspect/chrome/site_header/preferences"
lang="pt-BR"
hreflang="pt-BR"
class="flex w-full items-center justify-between gap-3 rounded-md px-3 py-2 text-sm text-ink-muted hover:bg-surface-sunk hover:text-ink"
>
Português (Brasil)
</a>
</li>
<li>
<a href="/ja/lookbook/inspect/chrome/site_header/preferences"
lang="ja"
hreflang="ja"
class="flex w-full items-center justify-between gap-3 rounded-md px-3 py-2 text-sm text-ink-muted hover:bg-surface-sunk hover:text-ink"
>
日本語
</a>
</li>
</ul>
</details>
<form class="contents" data-controller="theme" action="/theme" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="n085_d09huuqnYD-RO9C22nQE37ca_B2QeHuEwEC4lZRm0L9vx94BsuFU7CWmBWwp5uQt-Bv3C21NJL6H3hhNQ" />
<details class="relative"
data-controller="disclosure"
data-action="keydown.esc@window->disclosure#closeOnEscape click@window->disclosure#closeOnOutside turbo:before-cache@window->disclosure#close">
<summary class="flex size-9 cursor-pointer list-none items-center justify-center rounded-md text-ink-faint transition-colors hover:text-ink [&::-webkit-details-marker]:hidden" title="Theme — current: Match system">
<svg viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"
class="size-5"
aria-hidden="true"
data-theme-target="glyph"
data-glyph="system"
>
<path d="M3.75 6.75a1.5 1.5 0 0 1 1.5-1.5h13.5a1.5 1.5 0 0 1 1.5 1.5v7.5a1.5 1.5 0 0 1-1.5 1.5H5.25a1.5 1.5 0 0 1-1.5-1.5Z" /><path d="M12 15.75v3.75" /><path d="M9 19.5h6" />
</svg>
<svg viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"
class="size-5"
aria-hidden="true"
data-theme-target="glyph"
data-glyph="light"
hidden="hidden">
<path d="M12 8.25a3.75 3.75 0 1 0 0 7.5 3.75 3.75 0 0 0 0-7.5Z" /><path d="M12 2.25v1.5" /><path d="M12 20.25v1.5" /><path d="M2.25 12h1.5" /><path d="M20.25 12h1.5" /><path d="M5.1 5.1 6.16 6.16" /><path d="M17.84 17.84 18.9 18.9" /><path d="M18.9 5.1 17.84 6.16" /><path d="M6.16 17.84 5.1 18.9" />
</svg>
<svg viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"
class="size-5"
aria-hidden="true"
data-theme-target="glyph"
data-glyph="dark"
hidden="hidden">
<path d="M20.25 14.25A8.25 8.25 0 0 1 9.75 3.75a8.25 8.25 0 1 0 10.5 10.5Z" />
</svg>
<span class="sr-only">Theme — current: Match system</span>
</summary>
<div role="group"
aria-label="Theme"
class="absolute right-0 top-full z-50 mt-2 min-w-45 rounded-lg border border-line bg-surface p-1 shadow-lg"
data-action="click->disclosure#closeOnSelect">
<button type="submit"
name="theme"
value="system"
data-theme-target="option"
data-action="theme#choose"
aria-pressed="true"
class="flex w-full items-center justify-between gap-3 rounded-md px-3 py-2 text-sm text-ink-muted hover:bg-surface-sunk hover:text-ink aria-pressed:bg-nav-active aria-pressed:font-medium aria-pressed:text-nav-active-ink">
<span>Match system</span>
<svg viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"
class="size-5 shrink-0"
aria-hidden="true">
<path d="M3.75 6.75a1.5 1.5 0 0 1 1.5-1.5h13.5a1.5 1.5 0 0 1 1.5 1.5v7.5a1.5 1.5 0 0 1-1.5 1.5H5.25a1.5 1.5 0 0 1-1.5-1.5Z" /><path d="M12 15.75v3.75" /><path d="M9 19.5h6" />
</svg>
</button>
<button type="submit"
name="theme"
value="light"
data-theme-target="option"
data-action="theme#choose"
aria-pressed="false"
class="flex w-full items-center justify-between gap-3 rounded-md px-3 py-2 text-sm text-ink-muted hover:bg-surface-sunk hover:text-ink aria-pressed:bg-nav-active aria-pressed:font-medium aria-pressed:text-nav-active-ink">
<span>Light</span>
<svg viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"
class="size-5 shrink-0"
aria-hidden="true">
<path d="M12 8.25a3.75 3.75 0 1 0 0 7.5 3.75 3.75 0 0 0 0-7.5Z" /><path d="M12 2.25v1.5" /><path d="M12 20.25v1.5" /><path d="M2.25 12h1.5" /><path d="M20.25 12h1.5" /><path d="M5.1 5.1 6.16 6.16" /><path d="M17.84 17.84 18.9 18.9" /><path d="M18.9 5.1 17.84 6.16" /><path d="M6.16 17.84 5.1 18.9" />
</svg>
</button>
<button type="submit"
name="theme"
value="dark"
data-theme-target="option"
data-action="theme#choose"
aria-pressed="false"
class="flex w-full items-center justify-between gap-3 rounded-md px-3 py-2 text-sm text-ink-muted hover:bg-surface-sunk hover:text-ink aria-pressed:bg-nav-active aria-pressed:font-medium aria-pressed:text-nav-active-ink">
<span>Dark</span>
<svg viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"
class="size-5 shrink-0"
aria-hidden="true">
<path d="M20.25 14.25A8.25 8.25 0 0 1 9.75 3.75a8.25 8.25 0 1 0 10.5 10.5Z" />
</svg>
</button>
</div>
</details>
</form>
</div>
</div>
</header>
</div>
</div>
<div>
<p class="mb-2 text-xs text-ink-muted">light</p>
<div class="overflow-hidden rounded-lg border border-line">
<header class="sticky top-0 z-40 bg-surface shadow-sm" data-site-header>
<div class="mx-auto max-w-7xl px-5 flex flex-wrap items-center gap-x-6 gap-y-3 py-3">
<a href="/"
aria-label="SearchApi — home"
class="shrink-0 text-ink hover:text-accent-line">
<svg xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 427 88"
fill="currentColor"
fill-rule="evenodd"
class="h-7 w-auto"
aria-hidden="true" focusable="false">
<polygon points="416.272666 20.9064631 426.311126 20.9064631 426.311126 11.5296626 416.272666 11.5296626" />
<path d="M137.575786,52.8157302 C139.866905,52.8157302 142.044456,52.6824107 144.113376,52.4108341 L144.113376,44.2585973 L137.911553,43.7203818 C134.094667,43.4043653 131.141888,42.82171 129.048279,41.9674781 C126.964546,41.1132461 125.468405,39.8442426 124.569734,38.1604674 C123.671062,36.4717545 123.221726,34.146071 123.221726,31.1834168 C123.221726,27.6776093 123.705626,24.9174031 124.673426,22.8929228 C125.636289,20.8733802 127.171932,19.4019286 129.285292,18.478568 C131.398651,17.5601452 134.297115,17.1009338 137.980682,17.1009338 C142.967816,17.1009338 147.885822,17.6391493 152.739637,18.7155804 L151.45582,26.7344977 C149.302958,26.2851618 147.347607,25.9839587 145.594703,25.8259504 C143.841799,25.6679422 141.911136,25.5889381 139.797776,25.5889381 C137.506657,25.5889381 135.600683,25.7025065 134.069978,25.9247056 L134.069978,34.146071 L140.271801,34.6200956 C143.910928,34.9361121 146.799516,35.5632072 148.932627,36.5063188 C151.065738,37.4494304 152.60138,38.8320024 153.549429,40.6540347 C154.492541,42.4711293 154.961628,44.8659414 154.961628,47.8285956 C154.961628,51.0628265 154.398724,53.6600866 153.277853,55.6105006 C152.152044,57.5658524 150.379389,58.9928642 147.954951,59.891536 C145.525574,60.7902077 142.291343,61.2395436 138.252258,61.2395436 C132.544211,61.2395436 127.354629,60.5680087 122.68351,59.220001 L124.095709,50.929507 C128.366869,52.188635 132.860228,52.8157302 137.575786,52.8157302" />
<path d="M171.537678,41.8326773 L182.455059,41.8326773 L182.455059,33.2755444 L171.537678,33.2755444 L171.537678,41.8326773 Z M189.333354,51.8711373 L190.612233,58.8827522 C186.523771,60.3196395 181.739084,61.0356143 176.258174,61.0356143 C172.43635,61.0356143 169.41938,60.47271 167.192452,59.3518391 C164.970461,58.2309683 163.350877,56.3891849 162.343575,53.826489 C161.331334,51.2637932 160.822745,47.7826745 160.822745,43.383133 C160.822745,39.0675334 161.351085,35.6308545 162.407765,33.0681586 C163.464445,30.5104005 165.148221,28.6439284 167.464029,27.4786177 C169.774899,26.3083693 172.890624,25.725714 176.796389,25.725714 C180.662653,25.725714 183.635183,26.0417304 185.723854,26.6688256 C187.817463,27.2959207 189.29879,28.3772895 190.172773,29.9030564 C191.046756,31.4288233 191.486216,33.6113119 191.486216,36.4406467 C191.486216,39.4526784 190.938125,41.7191089 189.837006,43.2448758 C188.735886,44.7755805 186.390451,47.3530896 181.294686,47.3530896 L171.537678,47.3530896 L171.537678,53.0166969 C172.930126,53.3771532 174.929917,53.5549124 177.537053,53.5549124 C180.953981,53.5549124 184.884435,52.9969459 189.333354,51.8711373 L189.333354,51.8711373 Z" />
<path d="M207.795628,53.9598085 L218.782137,53.9598085 L218.782137,45.0718459 L207.795628,45.0718459 L207.795628,53.9598085 Z M225.586366,28.1847169 C227.744166,29.8240523 228.820597,32.5299431 228.820597,36.3073272 L228.820597,60.2307599 L223.97172,60.2307599 L221.339895,56.8582718 C218.016785,59.6431668 214.106081,61.0356143 209.61766,61.0356143 C205.706957,61.0356143 202.887497,60.1961956 201.159282,58.5124204 C199.431067,56.8237075 198.562022,54.0980657 198.562022,50.3206816 C198.562022,47.3135876 199.080487,45.0422193 200.112478,43.5164524 C201.144469,41.9906855 202.966501,40.9191922 205.573637,40.3167859 C208.175835,39.7094418 212.086539,39.4033009 217.295872,39.4033009 L218.782137,39.4033009 L218.782137,33.7446313 C217.656329,33.3841751 215.952802,33.2064158 213.656745,33.2064158 C209.795419,33.2064158 205.682268,33.7693201 201.327166,34.890191 L200.043349,27.8835138 C202.156709,27.1626013 204.502144,26.6243857 207.089529,26.2639295 C209.671975,25.9034732 212.288987,25.725714 214.940562,25.725714 C219.883257,25.725714 223.428566,26.5453816 225.586366,28.1847169 L225.586366,28.1847169 Z" />
<path d="M246.612323,31.4530183 C249.757674,28.3965467 253.698004,26.1202407 256.92236,25.5227722 L256.92236,35.2945933 C255.663232,35.5661699 254.201656,36.0451323 252.542569,36.7413561 C250.878545,37.4425175 249.599666,38.123928 248.700994,38.8004007 L248.700994,60.2302661 L238.662534,60.2302661 L238.662534,26.5350123 L243.58054,26.5350123 L246.612323,31.4530183 Z" />
<path d="M266.962795,59.3523329 C264.987692,58.2314621 263.56068,56.3995542 262.681759,53.8615471 C261.807776,51.32354 261.368316,47.8276081 261.368316,43.378689 C261.368316,38.9347077 261.807776,35.4387758 262.681759,32.9007687 C263.56068,30.3627616 264.987692,28.5308537 266.962795,27.4099829 C268.937898,26.289112 271.658602,25.7262077 275.119969,25.7262077 C277.050632,25.7262077 279.094864,25.8496517 281.252664,26.0965395 C283.405526,26.3434274 285.089301,26.6446305 286.303989,27.0050868 L285.296687,34.1500212 C282.551294,33.5179883 280.304614,33.2069096 277.702416,33.2069096 C275.771753,33.2069096 273.525074,33.5871169 272.019058,34.5055397 L272.019058,53.0171907 C273.228808,53.3776469 274.957023,53.5554062 277.208641,53.5554062 C280.082415,53.5554062 283.045069,52.9974396 286.101541,51.871631 L286.980462,58.8783082 C283.563534,60.3201333 279.60839,61.036108 275.119969,61.036108 C271.658602,61.036108 268.937898,60.4732037 266.962795,59.3523329" />
<path d="M355.953027,44.6615183 L351.237469,27.6114434 L350.630124,27.6114434 L345.909629,44.6615183 L355.953027,44.6615183 Z M358.041698,52.1422201 L343.820958,52.1422201 L341.598967,60.2302661 L331.560507,60.2302661 L343.218551,18.1111989 L358.649042,18.1111989 L370.307086,60.2302661 L360.263688,60.2302661 L358.041698,52.1422201 Z" />
<path d="M386.414049,53.4857838 L397.059854,53.4857838 L397.059854,33.4730547 L386.414049,33.4730547 L386.414049,53.4857838 Z M402.451884,27.3749248 C404.382547,28.4760446 405.765119,30.2980769 406.594662,32.836084 C407.429143,35.3740911 407.843915,38.8897741 407.843915,43.383133 C407.843915,47.8764919 407.41433,51.4119259 406.560098,53.9943728 C405.705866,56.5768197 404.323294,58.4334163 402.41732,59.5542872 C400.506408,60.675158 397.869646,61.2380623 394.497158,61.2380623 C390.996288,61.2380623 388.300273,60.7689754 386.414049,59.8258638 L386.414049,71.4542815 L376.370652,71.4542815 L376.370652,26.5355061 L381.224467,26.5355061 L383.244009,29.6314797 C384.325378,28.2390323 385.762266,27.2416054 387.559609,26.6342613 C389.356953,26.0269171 391.667823,25.725714 394.497158,25.725714 C397.869646,25.725714 400.516283,26.273805 402.451884,27.3749248 L402.451884,27.3749248 Z" />
<polygon points="416.262791 60.2307599 426.306188 60.2307599 426.306188 26.5355061 416.262791 26.5355061" />
<path d="M294.121446,15.7845278 L303.962396,15.7845278 L303.962396,28.2869285 C308.737207,27.1956842 314.336623,25.7242326 317.2499,25.7242326 C323.066577,25.7242326 324.449149,30.2373425 324.449149,32.3951423 L324.449149,60.2292785 L314.405752,60.2292785 L314.405752,33.945598 L304.164844,33.945598 L304.164844,60.2292785 L294.121446,60.2292785 L294.121446,15.7845278 Z" />
<path d="M66.8246406,69.1779756 L66.8246406,50.8786481 L60.0055982,50.8786481 L60.0055982,69.1779756 C60.0055982,76.3229099 65.8173381,82.1346499 72.9622725,82.1346499 L76.3693248,82.1346499 L76.3693248,75.3156075 L72.9622725,75.3156075 C69.579909,75.3156075 66.8246406,72.5603391 66.8246406,69.1779756" />
<path d="M92.7370017,43.8077801 L92.7370017,60.1764445 C92.7370017,63.5588081 89.9866711,66.3140765 86.5993698,66.3140765 C83.2170063,66.3140765 80.4617378,63.5588081 80.4617378,60.1764445 L80.4617378,56.7644545 L80.4617378,30.683222 C80.4617378,13.7664665 66.7002091,0 49.7785159,0 C32.8568226,0 19.0952939,13.7664665 19.0952939,30.683222 L19.0952939,60.1764445 C19.0952939,63.5588081 16.3400255,66.3140765 12.9527242,66.3140765 C9.57036062,66.3140765 6.82002997,63.5588081 6.82002997,60.1764445 L6.82002997,43.8077801 L0.0009875514,43.8077801 L0.0009875514,60.1764445 C0.0009875514,67.3213789 5.81272754,73.1331189 12.9527242,73.1331189 C20.0976585,73.1331189 25.9143363,67.3213789 25.9143363,60.1764445 L25.9143363,30.683222 C25.9143363,17.5240996 36.6193935,6.81904242 49.7785159,6.81904242 C62.9376383,6.81904242 73.6426954,17.5240996 73.6426954,30.683222 L73.6426954,60.1764445 C73.6426954,67.3213789 79.4544354,73.1331189 86.5993698,73.1331189 C93.7443042,73.1331189 99.5560442,67.3213789 99.5560442,60.1764445 L99.5560442,43.8077801 L92.7370017,43.8077801 Z" />
<polygon points="46.370476 87.66 53.1895184 87.66 53.1895184 54.5523393 46.370476 54.5523393" />
<path d="M32.7309098,69.1779756 C32.7309098,72.5603391 29.9756414,75.3156075 26.5932779,75.3156075 L23.1862255,75.3156075 L23.1862255,82.1346499 L26.5932779,82.1346499 C33.7382122,82.1346499 39.5499522,76.3229099 39.5499522,69.1779756 L39.5499522,50.8786481 L32.7309098,50.8786481 L32.7309098,69.1779756 Z" />
<polygon points="37.0924306 43.8077801 44.9088999 43.8077801 44.9088999 31.3843835 37.0924306 31.3843835" />
<polygon points="54.6510945 43.8077801 62.462626 43.8077801 62.462626 31.3843835 54.6510945 31.3843835" />
</svg>
</a>
<nav aria-label="Main">
<ul class="flex flex-wrap items-center gap-x-5 gap-y-2 text-sm">
</ul>
</nav>
<div class="ml-auto flex flex-wrap items-center justify-end gap-0.5">
<details class="relative"
data-controller="disclosure"
data-action="keydown.esc@window->disclosure#closeOnEscape click@window->disclosure#closeOnOutside turbo:before-cache@window->disclosure#close">
<summary class="flex h-9 min-w-9 cursor-pointer list-none items-center justify-center gap-1.5 rounded-md px-2 text-sm font-medium text-ink-faint transition-colors hover:text-ink [&::-webkit-details-marker]:hidden" title="Language — current: English">
<svg viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"
class="size-5 shrink-0"
aria-hidden="true">
<path d="M12 3a9 9 0 1 0 0 18 9 9 0 0 0 0-18Z" /><path d="M3.6 9h16.8" /><path d="M3.6 15h16.8" /><path d="M12 3a13.5 13.5 0 0 0 0 18" /><path d="M12 3a13.5 13.5 0 0 1 0 18" />
</svg>
<span aria-hidden="true"
class="whitespace-nowrap">English</span>
<span class="sr-only">Language — current: English</span>
</summary>
<ul class="absolute right-0 top-full z-50 mt-2 min-w-45 rounded-lg border border-line bg-surface p-1 shadow-lg" data-action="click->disclosure#closeOnSelect">
<li>
<a href="/lookbook/inspect/chrome/site_header/preferences"
lang="en"
hreflang="en"
class="flex w-full items-center justify-between gap-3 rounded-md px-3 py-2 text-sm bg-nav-active font-medium text-nav-active-ink"
aria-current="true">
English
</a>
</li>
<li>
<a href="/es/lookbook/inspect/chrome/site_header/preferences"
lang="es"
hreflang="es"
class="flex w-full items-center justify-between gap-3 rounded-md px-3 py-2 text-sm text-ink-muted hover:bg-surface-sunk hover:text-ink"
>
Español
</a>
</li>
<li>
<a href="/pt-BR/lookbook/inspect/chrome/site_header/preferences"
lang="pt-BR"
hreflang="pt-BR"
class="flex w-full items-center justify-between gap-3 rounded-md px-3 py-2 text-sm text-ink-muted hover:bg-surface-sunk hover:text-ink"
>
Português (Brasil)
</a>
</li>
<li>
<a href="/ja/lookbook/inspect/chrome/site_header/preferences"
lang="ja"
hreflang="ja"
class="flex w-full items-center justify-between gap-3 rounded-md px-3 py-2 text-sm text-ink-muted hover:bg-surface-sunk hover:text-ink"
>
日本語
</a>
</li>
</ul>
</details>
<form class="contents" data-controller="theme" action="/theme" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="QHYQnBqJd9wFEusgfwCpJetNcDaI1CxIR7tUalJeIcmOomuceKuJMWQKOG6td_5OJQbz_7TQABOzbiiDTCSiqg" />
<details class="relative"
data-controller="disclosure"
data-action="keydown.esc@window->disclosure#closeOnEscape click@window->disclosure#closeOnOutside turbo:before-cache@window->disclosure#close">
<summary class="flex size-9 cursor-pointer list-none items-center justify-center rounded-md text-ink-faint transition-colors hover:text-ink [&::-webkit-details-marker]:hidden" title="Theme — current: Light">
<svg viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"
class="size-5"
aria-hidden="true"
data-theme-target="glyph"
data-glyph="system"
hidden="hidden">
<path d="M3.75 6.75a1.5 1.5 0 0 1 1.5-1.5h13.5a1.5 1.5 0 0 1 1.5 1.5v7.5a1.5 1.5 0 0 1-1.5 1.5H5.25a1.5 1.5 0 0 1-1.5-1.5Z" /><path d="M12 15.75v3.75" /><path d="M9 19.5h6" />
</svg>
<svg viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"
class="size-5"
aria-hidden="true"
data-theme-target="glyph"
data-glyph="light"
>
<path d="M12 8.25a3.75 3.75 0 1 0 0 7.5 3.75 3.75 0 0 0 0-7.5Z" /><path d="M12 2.25v1.5" /><path d="M12 20.25v1.5" /><path d="M2.25 12h1.5" /><path d="M20.25 12h1.5" /><path d="M5.1 5.1 6.16 6.16" /><path d="M17.84 17.84 18.9 18.9" /><path d="M18.9 5.1 17.84 6.16" /><path d="M6.16 17.84 5.1 18.9" />
</svg>
<svg viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"
class="size-5"
aria-hidden="true"
data-theme-target="glyph"
data-glyph="dark"
hidden="hidden">
<path d="M20.25 14.25A8.25 8.25 0 0 1 9.75 3.75a8.25 8.25 0 1 0 10.5 10.5Z" />
</svg>
<span class="sr-only">Theme — current: Light</span>
</summary>
<div role="group"
aria-label="Theme"
class="absolute right-0 top-full z-50 mt-2 min-w-45 rounded-lg border border-line bg-surface p-1 shadow-lg"
data-action="click->disclosure#closeOnSelect">
<button type="submit"
name="theme"
value="system"
data-theme-target="option"
data-action="theme#choose"
aria-pressed="false"
class="flex w-full items-center justify-between gap-3 rounded-md px-3 py-2 text-sm text-ink-muted hover:bg-surface-sunk hover:text-ink aria-pressed:bg-nav-active aria-pressed:font-medium aria-pressed:text-nav-active-ink">
<span>Match system</span>
<svg viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"
class="size-5 shrink-0"
aria-hidden="true">
<path d="M3.75 6.75a1.5 1.5 0 0 1 1.5-1.5h13.5a1.5 1.5 0 0 1 1.5 1.5v7.5a1.5 1.5 0 0 1-1.5 1.5H5.25a1.5 1.5 0 0 1-1.5-1.5Z" /><path d="M12 15.75v3.75" /><path d="M9 19.5h6" />
</svg>
</button>
<button type="submit"
name="theme"
value="light"
data-theme-target="option"
data-action="theme#choose"
aria-pressed="true"
class="flex w-full items-center justify-between gap-3 rounded-md px-3 py-2 text-sm text-ink-muted hover:bg-surface-sunk hover:text-ink aria-pressed:bg-nav-active aria-pressed:font-medium aria-pressed:text-nav-active-ink">
<span>Light</span>
<svg viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"
class="size-5 shrink-0"
aria-hidden="true">
<path d="M12 8.25a3.75 3.75 0 1 0 0 7.5 3.75 3.75 0 0 0 0-7.5Z" /><path d="M12 2.25v1.5" /><path d="M12 20.25v1.5" /><path d="M2.25 12h1.5" /><path d="M20.25 12h1.5" /><path d="M5.1 5.1 6.16 6.16" /><path d="M17.84 17.84 18.9 18.9" /><path d="M18.9 5.1 17.84 6.16" /><path d="M6.16 17.84 5.1 18.9" />
</svg>
</button>
<button type="submit"
name="theme"
value="dark"
data-theme-target="option"
data-action="theme#choose"
aria-pressed="false"
class="flex w-full items-center justify-between gap-3 rounded-md px-3 py-2 text-sm text-ink-muted hover:bg-surface-sunk hover:text-ink aria-pressed:bg-nav-active aria-pressed:font-medium aria-pressed:text-nav-active-ink">
<span>Dark</span>
<svg viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"
class="size-5 shrink-0"
aria-hidden="true">
<path d="M20.25 14.25A8.25 8.25 0 0 1 9.75 3.75a8.25 8.25 0 1 0 10.5 10.5Z" />
</svg>
</button>
</div>
</details>
</form>
</div>
</div>
</header>
</div>
</div>
<div>
<p class="mb-2 text-xs text-ink-muted">dark</p>
<div class="overflow-hidden rounded-lg border border-line">
<header class="sticky top-0 z-40 bg-surface shadow-sm" data-site-header>
<div class="mx-auto max-w-7xl px-5 flex flex-wrap items-center gap-x-6 gap-y-3 py-3">
<a href="/"
aria-label="SearchApi — home"
class="shrink-0 text-ink hover:text-accent-line">
<svg xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 427 88"
fill="currentColor"
fill-rule="evenodd"
class="h-7 w-auto"
aria-hidden="true" focusable="false">
<polygon points="416.272666 20.9064631 426.311126 20.9064631 426.311126 11.5296626 416.272666 11.5296626" />
<path d="M137.575786,52.8157302 C139.866905,52.8157302 142.044456,52.6824107 144.113376,52.4108341 L144.113376,44.2585973 L137.911553,43.7203818 C134.094667,43.4043653 131.141888,42.82171 129.048279,41.9674781 C126.964546,41.1132461 125.468405,39.8442426 124.569734,38.1604674 C123.671062,36.4717545 123.221726,34.146071 123.221726,31.1834168 C123.221726,27.6776093 123.705626,24.9174031 124.673426,22.8929228 C125.636289,20.8733802 127.171932,19.4019286 129.285292,18.478568 C131.398651,17.5601452 134.297115,17.1009338 137.980682,17.1009338 C142.967816,17.1009338 147.885822,17.6391493 152.739637,18.7155804 L151.45582,26.7344977 C149.302958,26.2851618 147.347607,25.9839587 145.594703,25.8259504 C143.841799,25.6679422 141.911136,25.5889381 139.797776,25.5889381 C137.506657,25.5889381 135.600683,25.7025065 134.069978,25.9247056 L134.069978,34.146071 L140.271801,34.6200956 C143.910928,34.9361121 146.799516,35.5632072 148.932627,36.5063188 C151.065738,37.4494304 152.60138,38.8320024 153.549429,40.6540347 C154.492541,42.4711293 154.961628,44.8659414 154.961628,47.8285956 C154.961628,51.0628265 154.398724,53.6600866 153.277853,55.6105006 C152.152044,57.5658524 150.379389,58.9928642 147.954951,59.891536 C145.525574,60.7902077 142.291343,61.2395436 138.252258,61.2395436 C132.544211,61.2395436 127.354629,60.5680087 122.68351,59.220001 L124.095709,50.929507 C128.366869,52.188635 132.860228,52.8157302 137.575786,52.8157302" />
<path d="M171.537678,41.8326773 L182.455059,41.8326773 L182.455059,33.2755444 L171.537678,33.2755444 L171.537678,41.8326773 Z M189.333354,51.8711373 L190.612233,58.8827522 C186.523771,60.3196395 181.739084,61.0356143 176.258174,61.0356143 C172.43635,61.0356143 169.41938,60.47271 167.192452,59.3518391 C164.970461,58.2309683 163.350877,56.3891849 162.343575,53.826489 C161.331334,51.2637932 160.822745,47.7826745 160.822745,43.383133 C160.822745,39.0675334 161.351085,35.6308545 162.407765,33.0681586 C163.464445,30.5104005 165.148221,28.6439284 167.464029,27.4786177 C169.774899,26.3083693 172.890624,25.725714 176.796389,25.725714 C180.662653,25.725714 183.635183,26.0417304 185.723854,26.6688256 C187.817463,27.2959207 189.29879,28.3772895 190.172773,29.9030564 C191.046756,31.4288233 191.486216,33.6113119 191.486216,36.4406467 C191.486216,39.4526784 190.938125,41.7191089 189.837006,43.2448758 C188.735886,44.7755805 186.390451,47.3530896 181.294686,47.3530896 L171.537678,47.3530896 L171.537678,53.0166969 C172.930126,53.3771532 174.929917,53.5549124 177.537053,53.5549124 C180.953981,53.5549124 184.884435,52.9969459 189.333354,51.8711373 L189.333354,51.8711373 Z" />
<path d="M207.795628,53.9598085 L218.782137,53.9598085 L218.782137,45.0718459 L207.795628,45.0718459 L207.795628,53.9598085 Z M225.586366,28.1847169 C227.744166,29.8240523 228.820597,32.5299431 228.820597,36.3073272 L228.820597,60.2307599 L223.97172,60.2307599 L221.339895,56.8582718 C218.016785,59.6431668 214.106081,61.0356143 209.61766,61.0356143 C205.706957,61.0356143 202.887497,60.1961956 201.159282,58.5124204 C199.431067,56.8237075 198.562022,54.0980657 198.562022,50.3206816 C198.562022,47.3135876 199.080487,45.0422193 200.112478,43.5164524 C201.144469,41.9906855 202.966501,40.9191922 205.573637,40.3167859 C208.175835,39.7094418 212.086539,39.4033009 217.295872,39.4033009 L218.782137,39.4033009 L218.782137,33.7446313 C217.656329,33.3841751 215.952802,33.2064158 213.656745,33.2064158 C209.795419,33.2064158 205.682268,33.7693201 201.327166,34.890191 L200.043349,27.8835138 C202.156709,27.1626013 204.502144,26.6243857 207.089529,26.2639295 C209.671975,25.9034732 212.288987,25.725714 214.940562,25.725714 C219.883257,25.725714 223.428566,26.5453816 225.586366,28.1847169 L225.586366,28.1847169 Z" />
<path d="M246.612323,31.4530183 C249.757674,28.3965467 253.698004,26.1202407 256.92236,25.5227722 L256.92236,35.2945933 C255.663232,35.5661699 254.201656,36.0451323 252.542569,36.7413561 C250.878545,37.4425175 249.599666,38.123928 248.700994,38.8004007 L248.700994,60.2302661 L238.662534,60.2302661 L238.662534,26.5350123 L243.58054,26.5350123 L246.612323,31.4530183 Z" />
<path d="M266.962795,59.3523329 C264.987692,58.2314621 263.56068,56.3995542 262.681759,53.8615471 C261.807776,51.32354 261.368316,47.8276081 261.368316,43.378689 C261.368316,38.9347077 261.807776,35.4387758 262.681759,32.9007687 C263.56068,30.3627616 264.987692,28.5308537 266.962795,27.4099829 C268.937898,26.289112 271.658602,25.7262077 275.119969,25.7262077 C277.050632,25.7262077 279.094864,25.8496517 281.252664,26.0965395 C283.405526,26.3434274 285.089301,26.6446305 286.303989,27.0050868 L285.296687,34.1500212 C282.551294,33.5179883 280.304614,33.2069096 277.702416,33.2069096 C275.771753,33.2069096 273.525074,33.5871169 272.019058,34.5055397 L272.019058,53.0171907 C273.228808,53.3776469 274.957023,53.5554062 277.208641,53.5554062 C280.082415,53.5554062 283.045069,52.9974396 286.101541,51.871631 L286.980462,58.8783082 C283.563534,60.3201333 279.60839,61.036108 275.119969,61.036108 C271.658602,61.036108 268.937898,60.4732037 266.962795,59.3523329" />
<path d="M355.953027,44.6615183 L351.237469,27.6114434 L350.630124,27.6114434 L345.909629,44.6615183 L355.953027,44.6615183 Z M358.041698,52.1422201 L343.820958,52.1422201 L341.598967,60.2302661 L331.560507,60.2302661 L343.218551,18.1111989 L358.649042,18.1111989 L370.307086,60.2302661 L360.263688,60.2302661 L358.041698,52.1422201 Z" />
<path d="M386.414049,53.4857838 L397.059854,53.4857838 L397.059854,33.4730547 L386.414049,33.4730547 L386.414049,53.4857838 Z M402.451884,27.3749248 C404.382547,28.4760446 405.765119,30.2980769 406.594662,32.836084 C407.429143,35.3740911 407.843915,38.8897741 407.843915,43.383133 C407.843915,47.8764919 407.41433,51.4119259 406.560098,53.9943728 C405.705866,56.5768197 404.323294,58.4334163 402.41732,59.5542872 C400.506408,60.675158 397.869646,61.2380623 394.497158,61.2380623 C390.996288,61.2380623 388.300273,60.7689754 386.414049,59.8258638 L386.414049,71.4542815 L376.370652,71.4542815 L376.370652,26.5355061 L381.224467,26.5355061 L383.244009,29.6314797 C384.325378,28.2390323 385.762266,27.2416054 387.559609,26.6342613 C389.356953,26.0269171 391.667823,25.725714 394.497158,25.725714 C397.869646,25.725714 400.516283,26.273805 402.451884,27.3749248 L402.451884,27.3749248 Z" />
<polygon points="416.262791 60.2307599 426.306188 60.2307599 426.306188 26.5355061 416.262791 26.5355061" />
<path d="M294.121446,15.7845278 L303.962396,15.7845278 L303.962396,28.2869285 C308.737207,27.1956842 314.336623,25.7242326 317.2499,25.7242326 C323.066577,25.7242326 324.449149,30.2373425 324.449149,32.3951423 L324.449149,60.2292785 L314.405752,60.2292785 L314.405752,33.945598 L304.164844,33.945598 L304.164844,60.2292785 L294.121446,60.2292785 L294.121446,15.7845278 Z" />
<path d="M66.8246406,69.1779756 L66.8246406,50.8786481 L60.0055982,50.8786481 L60.0055982,69.1779756 C60.0055982,76.3229099 65.8173381,82.1346499 72.9622725,82.1346499 L76.3693248,82.1346499 L76.3693248,75.3156075 L72.9622725,75.3156075 C69.579909,75.3156075 66.8246406,72.5603391 66.8246406,69.1779756" />
<path d="M92.7370017,43.8077801 L92.7370017,60.1764445 C92.7370017,63.5588081 89.9866711,66.3140765 86.5993698,66.3140765 C83.2170063,66.3140765 80.4617378,63.5588081 80.4617378,60.1764445 L80.4617378,56.7644545 L80.4617378,30.683222 C80.4617378,13.7664665 66.7002091,0 49.7785159,0 C32.8568226,0 19.0952939,13.7664665 19.0952939,30.683222 L19.0952939,60.1764445 C19.0952939,63.5588081 16.3400255,66.3140765 12.9527242,66.3140765 C9.57036062,66.3140765 6.82002997,63.5588081 6.82002997,60.1764445 L6.82002997,43.8077801 L0.0009875514,43.8077801 L0.0009875514,60.1764445 C0.0009875514,67.3213789 5.81272754,73.1331189 12.9527242,73.1331189 C20.0976585,73.1331189 25.9143363,67.3213789 25.9143363,60.1764445 L25.9143363,30.683222 C25.9143363,17.5240996 36.6193935,6.81904242 49.7785159,6.81904242 C62.9376383,6.81904242 73.6426954,17.5240996 73.6426954,30.683222 L73.6426954,60.1764445 C73.6426954,67.3213789 79.4544354,73.1331189 86.5993698,73.1331189 C93.7443042,73.1331189 99.5560442,67.3213789 99.5560442,60.1764445 L99.5560442,43.8077801 L92.7370017,43.8077801 Z" />
<polygon points="46.370476 87.66 53.1895184 87.66 53.1895184 54.5523393 46.370476 54.5523393" />
<path d="M32.7309098,69.1779756 C32.7309098,72.5603391 29.9756414,75.3156075 26.5932779,75.3156075 L23.1862255,75.3156075 L23.1862255,82.1346499 L26.5932779,82.1346499 C33.7382122,82.1346499 39.5499522,76.3229099 39.5499522,69.1779756 L39.5499522,50.8786481 L32.7309098,50.8786481 L32.7309098,69.1779756 Z" />
<polygon points="37.0924306 43.8077801 44.9088999 43.8077801 44.9088999 31.3843835 37.0924306 31.3843835" />
<polygon points="54.6510945 43.8077801 62.462626 43.8077801 62.462626 31.3843835 54.6510945 31.3843835" />
</svg>
</a>
<nav aria-label="Main">
<ul class="flex flex-wrap items-center gap-x-5 gap-y-2 text-sm">
</ul>
</nav>
<div class="ml-auto flex flex-wrap items-center justify-end gap-0.5">
<details class="relative"
data-controller="disclosure"
data-action="keydown.esc@window->disclosure#closeOnEscape click@window->disclosure#closeOnOutside turbo:before-cache@window->disclosure#close">
<summary class="flex h-9 min-w-9 cursor-pointer list-none items-center justify-center gap-1.5 rounded-md px-2 text-sm font-medium text-ink-faint transition-colors hover:text-ink [&::-webkit-details-marker]:hidden" title="Language — current: English">
<svg viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"
class="size-5 shrink-0"
aria-hidden="true">
<path d="M12 3a9 9 0 1 0 0 18 9 9 0 0 0 0-18Z" /><path d="M3.6 9h16.8" /><path d="M3.6 15h16.8" /><path d="M12 3a13.5 13.5 0 0 0 0 18" /><path d="M12 3a13.5 13.5 0 0 1 0 18" />
</svg>
<span aria-hidden="true"
class="whitespace-nowrap">English</span>
<span class="sr-only">Language — current: English</span>
</summary>
<ul class="absolute right-0 top-full z-50 mt-2 min-w-45 rounded-lg border border-line bg-surface p-1 shadow-lg" data-action="click->disclosure#closeOnSelect">
<li>
<a href="/lookbook/inspect/chrome/site_header/preferences"
lang="en"
hreflang="en"
class="flex w-full items-center justify-between gap-3 rounded-md px-3 py-2 text-sm bg-nav-active font-medium text-nav-active-ink"
aria-current="true">
English
</a>
</li>
<li>
<a href="/es/lookbook/inspect/chrome/site_header/preferences"
lang="es"
hreflang="es"
class="flex w-full items-center justify-between gap-3 rounded-md px-3 py-2 text-sm text-ink-muted hover:bg-surface-sunk hover:text-ink"
>
Español
</a>
</li>
<li>
<a href="/pt-BR/lookbook/inspect/chrome/site_header/preferences"
lang="pt-BR"
hreflang="pt-BR"
class="flex w-full items-center justify-between gap-3 rounded-md px-3 py-2 text-sm text-ink-muted hover:bg-surface-sunk hover:text-ink"
>
Português (Brasil)
</a>
</li>
<li>
<a href="/ja/lookbook/inspect/chrome/site_header/preferences"
lang="ja"
hreflang="ja"
class="flex w-full items-center justify-between gap-3 rounded-md px-3 py-2 text-sm text-ink-muted hover:bg-surface-sunk hover:text-ink"
>
日本語
</a>
</li>
</ul>
</details>
<form class="contents" data-controller="theme" action="/theme" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="7mZOd_2jClySNIXDnOn99uiPu49C6D0MLiNZ8_RLOi8gsjV3n4H0sfMsVo1OnqqdJsQ4Rn7sEVfa9iUa6jG5TA" />
<details class="relative"
data-controller="disclosure"
data-action="keydown.esc@window->disclosure#closeOnEscape click@window->disclosure#closeOnOutside turbo:before-cache@window->disclosure#close">
<summary class="flex size-9 cursor-pointer list-none items-center justify-center rounded-md text-ink-faint transition-colors hover:text-ink [&::-webkit-details-marker]:hidden" title="Theme — current: Dark">
<svg viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"
class="size-5"
aria-hidden="true"
data-theme-target="glyph"
data-glyph="system"
hidden="hidden">
<path d="M3.75 6.75a1.5 1.5 0 0 1 1.5-1.5h13.5a1.5 1.5 0 0 1 1.5 1.5v7.5a1.5 1.5 0 0 1-1.5 1.5H5.25a1.5 1.5 0 0 1-1.5-1.5Z" /><path d="M12 15.75v3.75" /><path d="M9 19.5h6" />
</svg>
<svg viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"
class="size-5"
aria-hidden="true"
data-theme-target="glyph"
data-glyph="light"
hidden="hidden">
<path d="M12 8.25a3.75 3.75 0 1 0 0 7.5 3.75 3.75 0 0 0 0-7.5Z" /><path d="M12 2.25v1.5" /><path d="M12 20.25v1.5" /><path d="M2.25 12h1.5" /><path d="M20.25 12h1.5" /><path d="M5.1 5.1 6.16 6.16" /><path d="M17.84 17.84 18.9 18.9" /><path d="M18.9 5.1 17.84 6.16" /><path d="M6.16 17.84 5.1 18.9" />
</svg>
<svg viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"
class="size-5"
aria-hidden="true"
data-theme-target="glyph"
data-glyph="dark"
>
<path d="M20.25 14.25A8.25 8.25 0 0 1 9.75 3.75a8.25 8.25 0 1 0 10.5 10.5Z" />
</svg>
<span class="sr-only">Theme — current: Dark</span>
</summary>
<div role="group"
aria-label="Theme"
class="absolute right-0 top-full z-50 mt-2 min-w-45 rounded-lg border border-line bg-surface p-1 shadow-lg"
data-action="click->disclosure#closeOnSelect">
<button type="submit"
name="theme"
value="system"
data-theme-target="option"
data-action="theme#choose"
aria-pressed="false"
class="flex w-full items-center justify-between gap-3 rounded-md px-3 py-2 text-sm text-ink-muted hover:bg-surface-sunk hover:text-ink aria-pressed:bg-nav-active aria-pressed:font-medium aria-pressed:text-nav-active-ink">
<span>Match system</span>
<svg viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"
class="size-5 shrink-0"
aria-hidden="true">
<path d="M3.75 6.75a1.5 1.5 0 0 1 1.5-1.5h13.5a1.5 1.5 0 0 1 1.5 1.5v7.5a1.5 1.5 0 0 1-1.5 1.5H5.25a1.5 1.5 0 0 1-1.5-1.5Z" /><path d="M12 15.75v3.75" /><path d="M9 19.5h6" />
</svg>
</button>
<button type="submit"
name="theme"
value="light"
data-theme-target="option"
data-action="theme#choose"
aria-pressed="false"
class="flex w-full items-center justify-between gap-3 rounded-md px-3 py-2 text-sm text-ink-muted hover:bg-surface-sunk hover:text-ink aria-pressed:bg-nav-active aria-pressed:font-medium aria-pressed:text-nav-active-ink">
<span>Light</span>
<svg viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"
class="size-5 shrink-0"
aria-hidden="true">
<path d="M12 8.25a3.75 3.75 0 1 0 0 7.5 3.75 3.75 0 0 0 0-7.5Z" /><path d="M12 2.25v1.5" /><path d="M12 20.25v1.5" /><path d="M2.25 12h1.5" /><path d="M20.25 12h1.5" /><path d="M5.1 5.1 6.16 6.16" /><path d="M17.84 17.84 18.9 18.9" /><path d="M18.9 5.1 17.84 6.16" /><path d="M6.16 17.84 5.1 18.9" />
</svg>
</button>
<button type="submit"
name="theme"
value="dark"
data-theme-target="option"
data-action="theme#choose"
aria-pressed="true"
class="flex w-full items-center justify-between gap-3 rounded-md px-3 py-2 text-sm text-ink-muted hover:bg-surface-sunk hover:text-ink aria-pressed:bg-nav-active aria-pressed:font-medium aria-pressed:text-nav-active-ink">
<span>Dark</span>
<svg viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"
class="size-5 shrink-0"
aria-hidden="true">
<path d="M20.25 14.25A8.25 8.25 0 0 1 9.75 3.75a8.25 8.25 0 1 0 10.5 10.5Z" />
</svg>
</button>
</div>
</details>
</form>
</div>
</div>
</header>
</div>
</div>
</div>
1
2
3
4
5
6
7
8
9
10
<div class="space-y-6">
<% ThemePreference::THEMES.each do |preference| %>
<div>
<p class="mb-2 text-xs text-ink-muted"><%= preference %></p>
<div class="overflow-hidden rounded-lg border border-line">
<%= render SiteHeaderComponent.new(theme: preference) %>
</div>
</div>
<% end %>
</div>