大卫眼睛3D模型石膏素材

这是一款大卫眼睛3D模型石膏素材，该素材呈现了眼睛石材样式的自动旋转的动画效果，可鼠标拖动，生动有趣，欢迎大家下载。

大卫眼睛3D模型石膏素材.zip (7.28 KB, 下载次数: 0)

10 小时前 上传

点击文件名下载附件

css

1. .scene {
   
2.         position: relative;
   
3.         transform-style: preserve-3d;
   
4. }
   
5. 
   
6. .scene *, .scene *::before, .eye::after {
   
7.         position: absolute;
   
8.         display: block;
   
9.         transform-origin: top left;
   
10.         transform-style: preserve-3d;
    
11.         background-repeat: no-repeat;
    
12. }
    
13. 
    
14. .scene *::before, .eye::after {
    
15.         content: '';
    
16.         width: 100%; height: 100%;
    
17. }
    
18. 
    
19. .eye {
    
20.         top: 53vh; left: 50vw;
    
21.         width: 100.5em; height: 69.3em;
    
22.         font-size: min(0.5vh, 0.5vw);
    
23.         transform-origin: center;
    
24.         transform: translateX(-50%) rotateX(75deg) rotateZ(0.2turn);
    
25.         --color: #615656;
    
26.         animation: eye 20s ease infinite;
    
27. }
    
28. @keyframes eye {
    
29.         50% {
    
30.                 transform: translateX(-50%) rotateX(75deg) rotateZ(-0.1turn);
    
31.         }
    
32. }
    
33. 
    
34. .eye::before {
    
35.         background-color: color-mix(in oklch, var(--color), black 70%);
    
36.         clip-path: polygon(0% 0%, 100% 0%, 100% 37.9%, 91.5% 45.7%, 74.5% 50.7%, 61.5% 56.4%, 51.1% 58.1%, 38.1% 61.8%, 21.5% 65.2%, 11.9% 82.9%, 2.5% 98.9%, 0% 100%);
    
37. }
    
38. .eye::after {
    
39.         height: 80.3em;
    
40.         background-color: color-mix(in oklch, var(--color), black 56%);
    
41.         transform: rotateX(90deg);
    
42. }
    
43. 
    
44. .eye-1 {
    
45.         left: 100%;
    
46.         width: 80.3em; height: 27.2em;
    
47.         transform: rotateY(-90deg);
    
48. }
    
49. 
    
50. .eye-1::before {
    
51.         background-color: color-mix(in oklch, var(--color), black 40%);
    
52.         clip-path: polygon(0% 0%, 100% 0%, 100% 88.5%, 74.4% 100%, 48.2% 49%, 31.6% 62.9%, 11.3% 89.6%, 0% 96.5%);
    
53. }
    
54. 
    
55. .eye-1-1 {
    
56.         left: 59.7em; top: 100%;
    
57.         width: 20.9em; height: 12.5em;
    
58.         transform: rotateZ(-8.7deg) rotateX(35.4deg);
    
59. }
    
60. 
    
61. .eye-1-1::before {
    
62.         background-color: color-mix(in oklch, var(--color), black 14%);
    
63.         clip-path: polygon(0% 0%, 100% 0%, 92.5% 100%);
    
64. }
    
65. 
    
66. .eye-1-1-1 {
    
67.         width: 25.8em; height: 5.9em;
    
68.         transform: rotateZ(32.8deg) rotateX(5deg);
    
69. }
    
70. 
    
71. .eye-1-1-1::before {
    
72.         background-color: color-mix(in oklch, var(--color), black 9%);
    
73.         clip-path: polygon(0% 0%, 89% 0%, 100% 100%);
    
74. }
    
75. 
    
76. .eye-1-1-1-1 {
    
77.         width: 26.4em; height: 5.9em;
    
78.         transform: rotateZ(12.8deg) rotateX(0deg);
    
79. }
    
80. 
    
81. .eye-1-1-1-1::before {
    
82.         background-color: color-mix(in oklch, var(--color), black 5%);
    
83.         clip-path: polygon(0% 0%, 100% 0%, 72.5% 100%);
    
84. }
    
85. 
    
86. .eye-1-1-1-1-1 {
    
87.         width: 20.1em; height: 2em;
    
88.         transform: rotateZ(17deg) rotateX(54deg);
    
89. }
    
90. 
    
91. .eye-1-1-1-1-1::before {
    
92.         background-color: color-mix(in oklch, var(--color), black 0%);
    
93.         clip-path: polygon(0% 0%, 100% 0%, 96% 100%);
    
94. }
    
95. 
    
96. .eye-1-2 {
    
97.         left: 100%;
    
98.         width: 100.5em; height: 57.9em;
    
99.         transform: rotateY(-90deg);
    
100. }
     
101. 
     
102. .eye-1-2::before {
     
103.         background-color: color-mix(in oklch, var(--color), black 0%);
     
104.         clip-path: polygon(0% 0%, 100% 0%, 100% 92.4%, 97.1% 89.9%, 96% 84.3%, 92.4% 95.6%, 86.2% 100%, 65.2% 98.7%, 47.3% 78.4%, 25.2% 74.4%, 11.3% 67.9%, 7.2% 59.3%, 0% 41.8%);
     
105. }
     
106. 
     
107. .eye-1-2-1 {
     
108.         left: 100%;
     
109.         width: 80.3em; height: 69.3em;
     
110.         transform: rotateY(-90deg);
     
111. }
     
112. 
     
113. .eye-1-2-1::before {
     
114.         background-color: color-mix(in oklch, var(--color), black 40%);
     
115.         clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 76.6% 95.6%, 44.5% 87.2%, 36.8% 80.6%, 22.6% 84.3%, 0% 77.2%);
     
116. }
     
117. 
     
118. .eye-1-2-1-1 {
     
119.         left: 100%; top: 100%;
     
120.         width: 5.5em; height: 19.3em;
     
121.         transform: rotateZ(99.3deg) rotateY(-104deg);
     
122. }
     
123. 
     
124. .eye-1-2-1-1::before {
     
125.         background-color: color-mix(in oklch, var(--color), black 10%);
     
126.         clip-path: polygon(0% 0%, 49% 1%, 100% 100%, 0% 96.7%);
     
127. }
     
128. 
     
129. .eye-1-2-1-1-1 {
     
130.         top: 18.6em;
     
131.         width: 8.8em; height: 26.6em;
     
132.         transform: rotateZ(7.3deg) rotateX(3.4deg);
     
133. }
     
134. 
     
135. .eye-1-2-1-1-1::before {
     
136.         background-color: color-mix(in oklch, var(--color), black 4%);
     
137.         clip-path: polygon(0% 0%, 62% 0%, 88.6% 37.4%, 100% 98.5%, 43% 100%);
     
138. }
     
139. 
     
140. .eye-1-2-1-1-1-1 {
     
141.         left: 3.8em; top: 26.6em;
     
142.         width: 5.3em; height: 8.2em;
     
143.         transform: rotateZ(-4.5deg) rotateX(23deg);
     
144. }
     
145. 
     
146. .eye-1-2-1-1-1-1::before {
     
147.         background-color: color-mix(in oklch, var(--color), black 9%);
     
148.         clip-path: polygon(0% 0%, 94% 0%, 100% 100%, 21% 92%);
     
149. }
     
150. 
     
151. .eye-1-2-2 {
     
152.         left: 86.6em; top: 100%;
     
153.         width: 15.7em; height: 21.3em;
     
154.         transform: rotateZ(92.2deg) rotateY(-74.2deg);
     
155. }
     
156. 
     
157. .eye-1-2-2::before {
     
158.         background-color: color-mix(in oklch, var(--color), black 5%);
     
159.         clip-path: polygon(0% 0%, 100% 23.9%, 98.6% 81.5%, 0% 100%);
     
160. }
     
161. 
     
162. .eye-1-2-2-1 {
     
163.         left: 100%; top: 5.1em;
     
164.         width: 19.2em; height: 11em;
     
165.         transform: rotateZ(-162deg) rotateX(26deg);
     
166. }
     
167. 
     
168. .eye-1-2-2-1::before {
     
169.         background-color: color-mix(in oklch, var(--color), black 12%);
     
170.         clip-path: polygon(0% 0%, 86% 0%, 100% 57%, 4.8% 100%);
     
171. }
     
172. 
     
173. .eye-1-2-2-1-1 {
     
174.         left: 0.9em; top: 100%;
     
175.         width: 20.2em; height: 7.4em;
     
176.         transform: rotateZ(-14.8deg) rotateX(38.5deg);
     
177. }
     
178. 
     
179. .eye-1-2-2-1-1::before {
     
180.         background-color: color-mix(in oklch, var(--color), black 20%);
     
181.         clip-path: polygon(0% 0%, 93.6% 0%, 100% 100%, 13.6% 84%);
     
182. }
     
183. 
     
184. .eye-1-2-2-2 {
     
185.         left: 15.5em; top: 17.3em;
     
186.         width: 20em; height: 23.4em;
     
187.         transform: rotateZ(75.6deg) rotateY(-32.1deg);
     
188. }
     
189. 
     
190. .eye-1-2-2-2::before {
     
191.         background-color: color-mix(in oklch, var(--color), black 2%);
     
192.         clip-path: polygon(0% 0%, 100% 100%, 0% 68.4%);
     
193. }
     
194. 
     
195. .eye-1-2-2-2-1 {
     
196.         width: 10.9em; height: 30.7em;
     
197.         transform: rotateZ(-40.5deg) rotateY(30deg);
     
198. }
     
199. 
     
200. .eye-1-2-2-2-1::before {
     
201.         background-color: color-mix(in oklch, var(--color), black 4%);
     
202.         clip-path: polygon(0% 0%, 100% 74%, 0% 100%);
     
203. }
     
204. 
     
205. .eye-1-2-2-2-1-1 {
     
206.         top: 100%;
     
207.         width: 13.5em; height: 22.5em;
     
208.         transform: rotateZ(-36.4deg) rotateX(-9.4deg);
     
209. }
     
210. 
     
211. .eye-1-2-2-2-1-1::before {
     
212.         background-color: color-mix(in oklch, var(--color), black 0%);
     
213.         clip-path: polygon(0% 0%, 100% 0%, 56% 96.6%, 10.7% 100%);
     
214. }
     
215. 
     
216. .eye-1-2-2-2-1-1-1 {
     
217.         left: 1.4em; top: 100%;
     
218.         width: 6.2em; height: 16.2em;
     
219.         transform: rotateZ(-7deg) rotateX(24.1deg);
     
220. }
     
221. 
     
222. .eye-1-2-2-2-1-1-1::before {
     
223.         background-color: color-mix(in oklch, var(--color), black 7%);
     
224.         clip-path: polygon(0% 0%, 100% 0%, 99.7% 100%);
     
225. }
     
226. 
     
227. .eye-1-2-2-2-1-1-1-1 {
     
228.         width: 17.3em; height: 7.7em;
     
229.         transform: rotateZ(69.1deg) rotateX(-30deg);
     
230. }
     
231. 
     
232. .eye-1-2-2-2-1-1-1-1::before {
     
233.         background-color: color-mix(in oklch, var(--color), black 0%);
     
234.         clip-path: polygon(0% 0%, 100% 0%, 69.7% 100%);
     
235. }
     
236. 
     
237. .eye-1-2-2-2-1-1-1-2 {
     
238.         left: 100%;
     
239.         width: 4em; height: 16.2em;
     
240.         transform: rotateZ(0.1deg) rotateY(-69.2deg);
     
241. }
     
242. 
     
243. .eye-1-2-2-2-1-1-1-2::before {
     
244.         background-color: color-mix(in oklch, var(--color), black 0%);
     
245.         clip-path: polygon(0% 0%, 100% 19%, 56% 99%, 0% 100%);
     
246. }
     
247. 
     
248. .eye-2 {
     
249.         left: 92em; top: 31.6em;
     
250.         width: 11.2em; height: 9.1em;
     
251.         transform: rotateZ(-32.4deg) rotateX(98.5deg);
     
252. }
     
253. 
     
254. .eye-2::before {
     
255.         background-color: color-mix(in oklch, var(--color), black 33%);
     
256.         clip-path: polygon(0% 0%, 90% 0%, 100% 100%);
     
257. }
     
258. 
     
259. .eye-2-1 {
     
260.         width: 28.1em; height: 18.2em;
     
261.         transform: rotateZ(39deg) rotateX(17.9deg);
     
262. }
     
263. 
     
264. .eye-2-1::before {
     
265.         background-color: color-mix(in oklch, var(--color), black 23%);
     
266.         clip-path: polygon(0% 0%, 51% 0%, 100% 61%, 73% 100%, 33.5% 85%);
     
267. }
     
268. 
     
269. .eye-2-1-1 {
     
270.         left: 28.8em; top: 10.4em;
     
271.         width: 14.2em; height: 12.6em;
     
272.         transform: rotateZ(47.2deg) rotateY(6.4deg);
     
273. }
     
274. 
     
275. .eye-2-1-1::before {
     
276.         background-color: color-mix(in oklch, var(--color), black 15%);
     
277.         clip-path: polygon(0% 7.7%, 100% 0%, 31.3% 100%, 0% 90.7%);
     
278. }
     
279. 
     
280. .eye-2-1-2 {
     
281.         left: 0.1em;
     
282.         width: 18.1em; height: 19.1em;
     
283.         transform: rotateZ(58.9deg) rotateX(8.2deg);
     
284. }
     
285. 
     
286. .eye-2-1-2::before {
     
287.         background-color: color-mix(in oklch, var(--color), black 33%);
     
288.         clip-path: polygon(0% 0%, 100% 0%, 57.3% 100%, 22.8% 87.3%);
     
289. }
     
290. 
     
291. .eye-2-1-2-1 {
     
292.         left: 4.1em; top: 16.6em;
     
293.         width: 12.7em; height: 11.9em;
     
294.         transform: rotateZ(21.5deg) rotateX(-5.5deg);
     
295. }
     
296. 
     
297. .eye-2-1-2-1::before {
     
298.         background-color: color-mix(in oklch, var(--color), black 39%);
     
299.         clip-path: polygon(0% 0%, 53.3% 0%, 100% 85.5%, 63.5% 100%);
     
300. }
     
301. 
     
302. .eye-2-1-2-1-1 {
     
303.         left: 8em; top: 11.9em;
     
304.         width: 9.1em; height: 9.8em;
     
305.         transform: rotateZ(-20.2deg) rotateX(10deg);
     
306. }
     
307. 
     
308. .eye-2-1-2-1-1::before {
     
309.         background-color: color-mix(in oklch, var(--color), black 46%);
     
310.         clip-path: polygon(0% 0%, 55% 0%, 100% 74%, 34.5% 100%);
     
311. }
     
312. 
     
313. .eye-2-1-2-1-1-1 {
     
314.         left: 1.7em; top: 10.4em;
     
315.         width: 12.5em; height: 12.9em;
     
316.         transform: rotateZ(-23deg) rotateX(-4.7deg);
     
317. }
     
318. 
     
319. .eye-2-1-2-1-1-1::before {
     
320.         background-color: color-mix(in oklch, var(--color), black 41%);
     
321.         clip-path: polygon(12.5% 0%, 64.5% 0%, 100% 99.5%, 0% 100%);
     
322. }
     
323. 
     
324. .eye-2-1-2-1-1-1-1 {
     
325.         top: 100%;
     
326.         width: 12.5em; height: 8.5em;
     
327.         transform: rotateZ(-0.3deg) rotateX(22.2deg);
     
328. }
     
329. 
     
330. .eye-2-1-2-1-1-1-1::before {
     
331.         background-color: color-mix(in oklch, var(--color), black 36%);
     
332.         clip-path: polygon(0% 0%, 99.2% 0%, 45% 100%);
     
333. }
     
334. 
     
335. .eye-2-1-2-1-1-1-1-1 {
     
336.         left: 99.2%;
     
337.         width: 17.1em; height: 12.6em;
     
338.         transform: rotateZ(38.6deg) rotateY(8.6deg);
     
339. }
     
340. 
     
341. .eye-2-1-2-1-1-1-1-1::before {
     
342.         background-color: color-mix(in oklch, var(--color), black 31%);
     
343.         clip-path: polygon(0% 0%, 100% 41.5%, 68.3% 100%, 0% 86.4%);
     
344. }
     
345. 
     
346. .eye-2-1-2-1-1-1-1-1-1 {
     
347.         left: 11.7em; top: 100%;
     
348.         width: 13.5em; height: 12.8em;
     
349.         transform: rotateZ(-53.7deg) rotateX(12deg);
     
350. }
     
351. 
     
352. .eye-2-1-2-1-1-1-1-1-1::before {
     
353.         background-color: color-mix(in oklch, var(--color), black 27%);
     
354.         clip-path: polygon(0% 0%, 67.5% 0%, 100% 100%);
     
355. }
     
356. 
     
357. .eye-3 {
     
358.         left: 21.6em; top: 45.2em;
     
359.         width: 7.8em; height: 16em;
     
360.         transform: rotateZ(38.2deg) rotateY(-144deg);
     
361. }
     
362. 
     
363. .eye-3::before {
     
364.         background-color: color-mix(in oklch, var(--color), black 48%);
     
365.         clip-path: polygon(0% 0%, 100% 3.4%, 0% 100%);
     
366. }
     
367. 
     
368. .eye-3-1 {
     
369.         top: 100%;
     
370.         width: 22.4em; height: 13em;
     
371.         transform: rotateZ(-63.2deg) rotateX(-25deg);
     
372. }
     
373. 
     
374. .eye-3-1::before {
     
375.         background-color: color-mix(in oklch, var(--color), black 31%);
     
376.         clip-path: polygon(0% 0%, 77.4% 0%, 100% 100%, 16.7% 69%);
     
377. }
     
378. 
     
379. .eye-3-1-1 {
     
380.         width: 9.8em; height: 14.2em;
     
381.         transform: rotateZ(67.3deg) rotateX(12deg);
     
382. }
     
383. 
     
384. .eye-3-1-1::before {
     
385.         background-color: color-mix(in oklch, var(--color), black 37%);
     
386.         clip-path: polygon(0% 0%, 100% 0%, 7.5% 100%);
     
387. }
     
388. 
     
389. .eye-3-1-2 {
     
390.         left: 100%; top: 100%;
     
391.         width: 8.6em; height: 19em;
     
392.         transform: rotateZ(102.2deg) rotateY(40.6deg);
     
393. }
     
394. 
     
395. .eye-3-1-2::before {
     
396.         background-color: color-mix(in oklch, var(--color), black 26%);
     
397.         clip-path: polygon(0% 0%, 100% 33%, 0% 100%);
     
398. }
     
399. 
     
400. .eye-3-1-2-1 {
     
401.         width: 15em; height: 15.1em;
     
402.         transform: rotateZ(-53.9deg) rotateY(-11.5deg);
     
403. }
     
404. 
     
405. .eye-3-1-2-1::before {
     
406.         background-color: color-mix(in oklch, var(--color), black 28%);
     
407.         clip-path: polygon(0% 0%, 79% 2%, 100% 100%, 0% 70.5%);
     
408. }
     
409. 
     
410. .eye-3-1-2-1-1 {
     
411.         left: 100%; top: 100%;
     
412.         width: 15.1em; height: 10.6em;
     
413.         transform: rotateZ(-102.1deg) rotateX(27.5deg);
     
414. }
     
415. 
     
416. .eye-3-1-2-1-1::before {
     
417.         background-color: color-mix(in oklch, var(--color), black 23%);
     
418.         clip-path: polygon(0% 0%, 100% 0%, 35.4% 100%);
     
419. }
     
420. 
     
421. .eye-3-1-2-1-1-1 {
     
422.         left: 5.4em; top: 100%;
     
423.         width: 18.1em; height: 14.7em;
     
424.         transform: rotateZ(153.5deg) rotateY(-2.4deg);
     
425. }
     
426. 
     
427. .eye-3-1-2-1-1-1::before {
     
428.         background-color: color-mix(in oklch, var(--color), black 20%);
     
429.         clip-path: polygon(0% 0%, 100% 100%, 0% 81%);
     
430. }
     
431. 
     
432. .eye-3-1-2-1-1-1-1 {
     
433.         width: 8.4em; height: 23.3em;
     
434.         transform: rotateZ(-50.9deg) rotateY(41.6deg);
     
435. }
     
436. 
     
437. .eye-3-1-2-1-1-1-1::before {
     
438.         background-color: color-mix(in oklch, var(--color), black 31%);
     
439.         clip-path: polygon(0% 0%, 100% 84.8%, 0% 100%);
     
440. }
     
441. 
     
442. .eye-4 {
     
443.         left: 38.6em; top: 42.8em;
     
444.         width: 7.3em; height: 21.9em;
     
445.         transform: rotateZ(82deg) rotateY(-132.3deg);
     
446. }
     
447. 
     
448. .eye-4::before {
     
449.         background-color: color-mix(in oklch, var(--color), black 43%);
     
450.         clip-path: polygon(0% 0%, 100% 32.3%, 85% 100%, 0% 78.4%);
     
451. }
     
452. 
     
453. .eye-4-1 {
     
454.         left: 85%; top: 100%;
     
455.         width: 14.9em; height: 9.8em;
     
456.         transform: rotateZ(-85.8deg) rotateX(-14deg);
     
457. }
     
458. 
     
459. .eye-4-1::before {
     
460.         background-color: color-mix(in oklch, var(--color), black 26%);
     
461.         clip-path: polygon(0% 0%, 100% 0%, 52.2% 100%);
     
462. }
     
463. 
     
464. .eye-4-1-1 {
     
465.         width: 12.5em; height: 11.8em;
     
466.         transform: rotateZ(51.8deg) rotateX(-7.4deg);
     
467. }
     
468. 
     
469. .eye-4-1-1::before {
     
470.         background-color: color-mix(in oklch, var(--color), black 21%);
     
471.         clip-path: polygon(0% 0%, 100% 0%, 59.5% 100%);
     
472. }
     
473. 
     
474. .eye-4-1-1-1 {
     
475.         left: 100%;
     
476.         width: 15.5em; height: 12.8em;
     
477.         transform: rotateZ(23deg) rotateY(-10deg);
     
478. }
     
479. 
     
480. .eye-4-1-1-1::before {
     
481.         background-color: color-mix(in oklch, var(--color), black 31%);
     
482.         clip-path: polygon(0% 0%, 100% 74.5%, 0% 100%);
     
483. }
     
484. 
     
485. .eye-4-1-1-1-1 {
     
486.         top: 100%;
     
487.         width: 15.8em; height: 5.2em;
     
488.         transform: rotateZ(-11.9deg) rotateX(-21deg);
     
489. }
     
490. 
     
491. .eye-4-1-1-1-1::before {
     
492.         background-color: color-mix(in oklch, var(--color), black 36%);
     
493.         clip-path: polygon(0% 0%, 100% 0%, 67.5% 100%);
     
494. }
     
495. 
     
496. .eye-4-1-1-1-1-1 {
     
497.         left: 100%;
     
498.         width: 18.6em; height: 10.8em;
     
499.         transform: rotateZ(45deg) rotateY(7deg);
     
500. }
     
501. 
     
502. .eye-4-1-1-1-1-1::before {
     
503.         background-color: color-mix(in oklch, var(--color), black 29%);
     
504.         clip-path: polygon(0% 0%, 22.5% 4.5%, 100% 30.5%, 74% 100%, 0% 83%);
     
505. }
     
506. 
     
507. .eye-4-1-1-1-1-1-1 {
     
508.         left: 4.1em; top: 0.5em;
     
509.         width: 9.1em; height: 16.2em;
     
510.         transform: rotateZ(-79deg) rotateY(46.3deg);
     
511. }
     
512. 
     
513. .eye-4-1-1-1-1-1-1::before {
     
514.         background-color: color-mix(in oklch, var(--color), black 39%);
     
515.         clip-path: polygon(0% 0%, 100% 57.5%, 100% 100%, 0% 91.1%);
     
516. }
     
517. 
     
518. .eye-4-1-1-1-1-1-1-1 {
     
519.         left: 100%; top: 100%;
     
520.         width: 6.9em; height: 18.2em;
     
521.         transform: rotateZ(-89.8deg) rotateX(-4.8deg);
     
522. }
     
523. 
     
524. .eye-4-1-1-1-1-1-1-1::before {
     
525.         background-color: color-mix(in oklch, var(--color), black 33%);
     
526.         clip-path: polygon(0% 0%, 100% 0%, 46.6% 100%);
     
527. }
     
528. 
     
529. .eye-1-2-1-1-2 {
     
530.         left: 2.7em; top: 0.2em;
     
531.         width: 12.3em; height: 19.3em;
     
532.         transform: rotateZ(-8.3deg) rotateY(-60deg);
     
533. }
     
534. 
     
535. .eye-1-2-1-1-2::before {
     
536.         background-color: color-mix(in oklch, var(--color), black 31%);
     
537.         clip-path: polygon(0% 0%, 100% 59%, 0% 100%);
     
538. }
     
539. 
     
540. .eye-1-2-1-1-2-1 {
     
541.         left: 100%; top: 11.35em;
     
542.         width: 14.9em; height: 20em;
     
543.         transform: rotateZ(57.2deg) rotateY(-4.8deg);
     
544. }
     
545. 
     
546. .eye-1-2-1-1-2-1::before {
     
547.         background-color: color-mix(in oklch, var(--color), black 20%);
     
548.         clip-path: polygon(0% 0%, 100% 19.9%, 59.4% 100%, 0% 73.2%);
     
549. }
     
550. 
     
551. .eye-1-2-1-1-2-1-1 {
     
552.         left: 100%; top: 3.9em;
     
553.         width: 15.7em; height: 21.3em;
     
554.         transform: rotateZ(20.6deg) rotateY(-8.5deg);
     
555. }
     
556. 
     
557. .eye-1-2-1-1-2-1-1::before {
     
558.         background-color: color-mix(in oklch, var(--color), black 22%);
     
559.         clip-path: polygon(0% 0%, 96.4% 18.5%, 100% 100%, 0% 80.8%);
     
560. }
     
561. 
     
562. .eye-1-2-1-1-2-1-1-1 {
     
563.         left: 100%; top: 100%;
     
564.         width: 17.4em; height: 8.1em;
     
565.         transform: rotateZ(-91.9deg) rotateX(6.9deg);
     
566. }
     
567. 
     
568. .eye-1-2-1-1-2-1-1-1::before {
     
569.         background-color: color-mix(in oklch, var(--color), black 15%);
     
570.         clip-path: polygon(0% 0%, 100% 0%, 4.3% 100%);
     
571. }
     
572. 
     
573. .eye-1-2-1-2 {
     
574.         left: -0.4em; top: 53.4em;
     
575.         width: 20.4em; height: 6.3em;
     
576.         transform: rotateZ(15.1deg) rotateX(116.8deg);
     
577. }
     
578. 
     
579. .eye-1-2-1-2::before {
     
580.         background-color: color-mix(in oklch, var(--color), black 9%);
     
581.         clip-path: polygon(2.2% 0%, 94.2% 0%, 100% 100%, 0% 51%);
     
582. }
     
583. 
     
584. .eye-1-2-1-2-1 {
     
585.         left: 19.2em;
     
586.         width: 11em; height: 8.2em;
     
587.         transform: rotateZ(-10.7deg) rotateY(-26.8deg);
     
588. }
     
589. 
     
590. .eye-1-2-1-2-1::before {
     
591.         background-color: color-mix(in oklch, var(--color), black 14%);
     
592.         clip-path: polygon(0% 0%, 100% 54%, 83% 100%, 0% 78%);
     
593. }
     
594. 
     
595. .eye-1-2-1-2-2 {
     
596.         left: 100%; top: 100%;
     
597.         width: 3.5em; height: 21.1em;
     
598.         transform: rotateZ(98.6deg) rotateY(-42deg);
     
599. }
     
600. 
     
601. .eye-1-2-1-2-2::before {
     
602.         background-color: color-mix(in oklch, var(--color), black 17%);
     
603.         clip-path: polygon(0% 0%, 92% 17%, 100% 100%, 0% 97.9%);
     
604. }
     
605. 
     
606. .eye-1-2-1-2-2-1 {
     
607.         left: 3.2em; top: 3.6em;
     
608.         width: 9.7em; height: 8.3em;
     
609.         transform: rotateZ(-132.2deg) rotateX(27.7deg);
     
610. }
     
611. 
     
612. .eye-1-2-1-2-2-1::before {
     
613.         background-color: color-mix(in oklch, var(--color), black 26%);
     
614.         clip-path: polygon(0% 0%, 50% 0%, 100% 96%, 4% 100%);
     
615. }
     
616. 
     
617. .eye-1-2-2-3 {
     
618.         left: 100%; top: 4em;
     
619.         width: 14.9em; height: 13.4em;
     
620.         transform: rotateZ(1.1deg) rotateY(-52.5deg);
     
621. }
     
622. 
     
623. .eye-1-2-2-3::before {
     
624.         background-color: color-mix(in oklch, var(--color), black 6%);
     
625.         clip-path: polygon(0% 7.5%, 100% 0%, 77% 96.5%, 0% 100%);
     
626. }
     
627. 
     
628. .eye-1-2-2-3-1 {
     
629.         top: 1em;
     
630.         width: 9.7em; height: 16.4em;
     
631.         transform: rotateZ(-93.8deg) rotateY(-8.2deg);
     
632. }
     
633. 
     
634. .eye-1-2-2-3-1::before {
     
635.         background-color: color-mix(in oklch, var(--color), black 8%);
     
636.         clip-path: polygon(0% 0%, 97% 34.6%, 100% 100%, 0% 91%);
     
637. }
     
638. 
     
639. .eye-1-2-2-3-1-1 {
     
640.         left: 9.4em; top: 5.7em;
     
641.         width: 6.3em; height: 10.9em;
     
642.         transform: rotateZ(-1.5deg) rotateY(-56.4deg);
     
643. }
     
644. 
     
645. .eye-1-2-2-3-1-1::before {
     
646.         background-color: color-mix(in oklch, var(--color), black 23%);
     
647.         clip-path: polygon(0% 0%, 99% 23.4%, 100% 100%, 0% 98.1%);
     
648. }
     
649. 
     
650. .eye-1-2-2-3-2 {
     
651.         left: -1.1em; top: 100%;
     
652.         width: 12.9em; height: 48.6em;
     
653.         transform: rotateZ(-2.5deg) rotateX(19.5deg);
     
654. }
     
655. 
     
656. .eye-1-2-2-3-2::before {
     
657.         background-color: color-mix(in oklch, var(--color), black 0%);
     
658.         clip-path: polygon(8% 0%, 97% 0%, 100% 51.7%, 37.3% 100%, 0% 97.5%, 20.6% 51.1%);
     
659. }
     
660. 
     
661. .eye-1-2-2-3-3 {
     
662.         left: 16.4em; top: -5.6em;
     
663.         width: 23.8em; height: 41.6em;
     
664.         transform: rotateZ(14.9deg) rotateY(-48.7deg);
     
665. }
     
666. 
     
667. .eye-1-2-2-3-3::before {
     
668.         background-color: color-mix(in oklch, var(--color), black 24%);
     
669.         clip-path: polygon(0% 14%, 100% 0%, 96.8% 43.6%, 47% 100%, 0% 46.1%);
     
670. }
     
671. 
     
672. .eye-1-2-2-3-3-1 {
     
673.         left: 100%;
     
674.         width: 24.6em; height: 9.7em;
     
675.         transform: rotateZ(-193.6deg) rotateX(13.3deg);
     
676. }
     
677. 
     
678. .eye-1-2-2-3-3-1::before {
     
679.         background-color: color-mix(in oklch, var(--color), black 29%);
     
680.         clip-path: polygon(0% 0%, 100% 0%, 92% 100%);
     
681. }
     
682. 
     
683. .eye-1-2-2-3-3-1-1 {
     
684.         width: 24.6em; height: 5.8em;
     
685.         transform: rotateZ(23.1deg) rotateX(44deg);
     
686. }
     
687. 
     
688. .eye-1-2-2-3-3-1-1::before {
     
689.         background-color: color-mix(in oklch, var(--color), black 40%);
     
690.         clip-path: polygon(0% 0%, 100% 0%, 89.5% 100%);
     
691. }
     
692. 
     
693. .eye-1-2-2-3-3-1-1-1 {
     
694.         width: 22.8em; height: 9.2em;
     
695.         transform: rotateZ(14.7deg) rotateX(-78.3deg);
     
696. }
     
697. 
     
698. .eye-1-2-2-3-3-1-1-1::before {
     
699.         background-color: color-mix(in oklch, var(--color), black 45%);
     
700.         clip-path: polygon(0% 0%, 100% 0%, 7% 100%);
     
701. }
     
702. 
     
703. .eye-1-2-2-3-3-1-1-1-1 {
     
704.         left: 100%;
     
705.         width: 8.4em; height: 23.2em;
     
706.         transform: rotateZ(66.6deg) rotateY(36.3deg);
     
707. }
     
708. 
     
709. .eye-1-2-2-3-3-1-1-1-1::before {
     
710.         background-color: color-mix(in oklch, var(--color), black 36%);
     
711.         clip-path: polygon(0% 0%, 100% 88.9%, 0% 100%);
     
712. }
     
713. 
     
714. .eye-1-2-2-3-3-2 {
     
715.         left: 11.1em; top: 100%;
     
716.         width: 26.4em; height: 8.3em;
     
717.         transform: rotateZ(-63deg) rotateX(-32deg);
     
718. }
     
719. 
     
720. .eye-1-2-2-3-3-2::before {
     
721.         background-color: color-mix(in oklch, var(--color), black 30%);
     
722.         clip-path: polygon(0% 0%, 100% 0%, 47.7% 100%);
     
723. }
     
724. 
     
725. .eye-1-2-2-3-3-2-1 {
     
726.         width: 15.1em; height: 16.8em;
     
727.         transform: rotateZ(33.4deg) rotateX(0.3deg);
     
728. }
     
729. 
     
730. .eye-1-2-2-3-3-2-1::before {
     
731.         background-color: color-mix(in oklch, var(--color), black 26%);
     
732.         clip-path: polygon(0% 0%, 100% 0%, 77.3% 90.1%, 2% 100%);
     
733. }
     
734. 
     
735. .eye-1-2-2-3-3-2-1-1 {
     
736.         left: 0.4em; top: 100%;
     
737.         width: 11.4em; height: 16.3em;
     
738.         transform: rotateZ(-8.5deg) rotateX(-18.9deg);
     
739. }
     
740. 
     
741. .eye-1-2-2-3-3-2-1-1::before {
     
742.         background-color: color-mix(in oklch, var(--color), black 22%);
     
743.         clip-path: polygon(0% 0%, 100% 0%, 98% 100%, 24% 68.5%);
     
744. }
     
745. 
     
746. .eye-1-2-2-3-3-2-1-1-1 {
     
747.         left: 2.7em; top: 11.1em;
     
748.         width: 12.1em; height: 8.5em;
     
749.         transform: rotateZ(31.4deg) rotateX(17.4deg);
     
750. }
     
751. 
     
752. .eye-1-2-2-3-3-2-1-1-1::before {
     
753.         background-color: color-mix(in oklch, var(--color), black 18%);
     
754.         clip-path: polygon(0% 0%, 82% 0%, 100% 100%);
     
755. }
     
756. 
     
757. .eye-1-2-2-3-3-2-1-1-1-1 {
     
758.         left: 9.95em;
     
759.         width: 11.8em; height: 16.5em;
     
760.         transform: rotateZ(-14.3deg) rotateY(9.4deg);
     
761. }
     
762. 
     
763. .eye-1-2-2-3-3-2-1-1-1-1::before {
     
764.         background-color: color-mix(in oklch, var(--color), black 14%);
     
765.         clip-path: polygon(0% 0%, 100% 100%, 0% 53.5%);
     
766. }
     
767. 
     
768. .eye-1-3 {
     
769.         left: 59.7em; top: 100%;
     
770.         width: 15.3em; height: 29.1em;
     
771.         transform: rotateZ(123.4deg) rotateY(-44.9deg);
     
772. }
     
773. 
     
774. .eye-1-3::before {
     
775.         background-color: color-mix(in oklch, var(--color), black 20%);
     
776.         clip-path: polygon(0% 0%, 84.2% 41.1%, 100% 100%, 0% 87.5%);
     
777. }
     
778. 
     
779. .eye-1-3-1 {
     
780.         left: 12.9em; top: 12.1em;
     
781.         width: 19.2em; height: 19.4em;
     
782.         transform: rotateZ(-137deg) rotateX(17deg);
     
783. }
     
784. 
     
785. .eye-1-3-1::before {
     
786.         background-color: color-mix(in oklch, var(--color), black 4%);
     
787.         clip-path: polygon(0% 0%, 92.5% 0%, 100% 100%, 13.5% 98.5%);
     
788. }
     
789. 
     
790. .eye-1-3-1-1 {
     
791.         left: 100%; top: 100%;
     
792.         width: 12.1em; height: 16.6em;
     
793.         transform: rotateZ(91deg) rotateY(-17.1deg);
     
794. }
     
795. 
     
796. .eye-1-3-1-1::before {
     
797.         background-color: color-mix(in oklch, var(--color), black 5%);
     
798.         clip-path: polygon(0% 0%, 100% 26%, 99% 98%, 0% 100%);
     
799. }
     
800. 
     
801. .eye-1-3-1-1-1 {
     
802.         left: 100%; top: 4.3em;
     
803.         width: 14.2em; height: 20.8em;
     
804.         transform: rotateZ(1deg) rotateY(-10.8deg);
     
805. }
     
806. 
     
807. .eye-1-3-1-1-1::before {
     
808.         background-color: color-mix(in oklch, var(--color), black 8%);
     
809.         clip-path: polygon(0% 0%, 100% 100%, 0% 57.1%);
     
810. }
     
811. 
     
812. .eye-1-3-1-2 {
     
813.         width: 19.4em; height: 7.6em;
     
814.         transform: rotateZ(82.3deg) rotateX(11.5deg);
     
815. }
     
816. 
     
817. .eye-1-3-1-2::before {
     
818.         background-color: color-mix(in oklch, var(--color), black 26%);
     
819.         clip-path: polygon(0% 0%, 100% 0%, 83% 95%, 6.5% 100%);
     
820. }
     
821. 
     
822. .eye-1-3-1-2-1 {
     
823.         left: 16.1em; top: 7.2em;
     
824.         width: 10.8em; height: 27.1em;
     
825.         transform: rotateZ(-65.4deg) rotateX(16deg);
     
826. }
     
827. 
     
828. .eye-1-3-1-2-1::before {
     
829.         background-color: color-mix(in oklch, var(--color), black 30%);
     
830.         clip-path: polygon(0% 0%, 72.9% 0%, 100% 42.4%, 40% 100%, 47% 38.4%);
     
831. }
     
832. 
     
833. .eye-1-3-1-2-2 {
     
834.         width: 10.1em; height: 13.8em;
     
835.         transform: rotateZ(80.7deg) rotateX(3deg);
     
836. }
     
837. 
     
838. .eye-1-3-1-2-2::before {
     
839.         background-color: color-mix(in oklch, var(--color), black 23%);
     
840.         clip-path: polygon(0% 0%, 76.3% 0%, 100% 100%);
     
841. }
     
842. 
     
843. .eye-2-1-3 {
     
844.         left: 20.4em; top: 100%;
     
845.         width: 9.6em; height: 11.4em;
     
846.         transform: rotateZ(103.9deg) rotateY(11deg);
     
847. }
     
848. 
     
849. .eye-2-1-3::before {
     
850.         background-color: color-mix(in oklch, var(--color), black 30%);
     
851.         clip-path: polygon(0% 0%, 100% 21.5%, 0% 100%);
     
852. }
     
853. 
     
854. .eye-2-1-3-1 {
     
855.         top: 100%;
     
856.         width: 13.1em; height: 15.3em;
     
857.         transform: rotateZ(-43deg) rotateX(-10deg);
     
858. }
     
859. 
     
860. .eye-2-1-3-1::before {
     
861.         background-color: color-mix(in oklch, var(--color), black 27%);
     
862.         clip-path: polygon(0% 0%, 100% 0%, 50% 100%);
     
863. }
     
864. 
     
865. .eye-2-1-3-1-1 {
     
866.         width: 16.7em; height: 15.8em;
     
867.         transform: rotateZ(66.8deg) rotateX(28.8deg);
     
868. }
     
869. 
     
870. .eye-2-1-3-1-1::before {
     
871.         background-color: color-mix(in oklch, var(--color), black 30%);
     
872.         clip-path: polygon(0% 0%, 100% 0%, 78.5% 100%);
     
873. }
     
874. 
     
875. .eye-2-1-3-1-1-1 {
     
876.         left: 100%;
     
877.         width: 16em; height: 17.9em;
     
878.         transform: rotateZ(13deg) rotateY(-12.3deg);
     
879. }
     
880. 
     
881. .eye-2-1-3-1-1-1::before {
     
882.         background-color: color-mix(in oklch, var(--color), black 34%);
     
883.         clip-path: polygon(0% 0%, 65.4% 35.9%, 100% 45%, 73% 100%, 0% 90%);
     
884. }
     
885. 
     
886. .eye-2-1-3-1-1-1-1 {
     
887.         left: 11.6em; top: 17.8em;
     
888.         width: 12.5em; height: 7.6em;
     
889.         transform: rotateZ(-65.8deg) rotateX(21.3deg);
     
890. }
     
891. 
     
892. .eye-2-1-3-1-1-1-1::before {
     
893.         background-color: color-mix(in oklch, var(--color), black 38%);
     
894.         clip-path: polygon(0% 0%, 85.5% 0%, 100% 81%, 30.5% 100%);
     
895. }
     
896. 
     
897. .eye-2-1-3-1-1-1-1-1 {
     
898.         left: 3.8em; top: 100%;
     
899.         width: 11.6em; height: 12.7em;
     
900.         transform: rotateZ(-10deg) rotateX(5deg);
     
901. }
     
902. 
     
903. .eye-2-1-3-1-1-1-1-1::before {
     
904.         background-color: color-mix(in oklch, var(--color), black 43%);
     
905.         clip-path: polygon(0% 0%, 76% 0%, 100% 100%, 57% 94.1%);
     
906. }
     
907. 
     
908. .eye-2-1-3-1-1-1-1-1-1 {
     
909.         left: 6.7em; top: 11.6em;
     
910.         width: 15.3em; height: 13.3em;
     
911.         transform: rotateZ(12deg) rotateX(23.9deg);
     
912. }
     
913. 
     
914. .eye-2-1-3-1-1-1-1-1-1::before {
     
915.         background-color: color-mix(in oklch, var(--color), black 39%);
     
916.         clip-path: polygon(0% 4%, 0% 0%, 32% 0%, 100% 70%, 79% 100%);
     
917. }
     
918. 
     
919. .eye-2-1-3-1-1-1-1-1-1-1 {
     
920.         left: 100%; top: 9.3em;
     
921.         width: 13.2em; height: 8.7em;
     
922.         transform: rotateZ(39deg) rotateY(-9.3deg);
     
923. }
     
924. 
     
925. .eye-2-1-3-1-1-1-1-1-1-1::before {
     
926.         background-color: color-mix(in oklch, var(--color), black 34%);
     
927.         clip-path: polygon(0% 0%, 81% 53%, 100% 100%, 0% 66%);
     
928. }
     
929. 
     
930. .eye-2-1-3-1-1-1-1-1-1-1-1 {
     
931.         left: 13.3em; top: 9em;
     
932.         width: 5.2em; height: 4.1em;
     
933.         transform: rotateZ(-121.4deg) rotateX(3deg);
     
934. }
     
935. 
     
936. .eye-2-1-3-1-1-1-1-1-1-1-1::before {
     
937.         background-color: color-mix(in oklch, var(--color), black 46%);
     
938.         clip-path: polygon(0% 0%, 100% 0%, 100% 66%, 0% 100%);
     
939. }
     
940. 
     
941. .eye-2-1-1-1 {
     
942.         top: 11.4em;
     
943.         width: 21.6em; height: 22.5em;
     
944.         transform: rotateZ(14.8deg) rotateX(-32.3deg);
     
945. }
     
946. 
     
947. .eye-2-1-1-1::before {
     
948.         background-color: color-mix(in oklch, var(--color), black 26%);
     
949.         clip-path: polygon(0% 0%, 21.4% 0%, 84.4% 57.6%, 100% 100%, 21.3% 39.7%);
     
950. }
     
951. 
     
952. .eye-2-1-1-1-1 {
     
953.         left: 18.7em; top: 14.6em;
     
954.         width: 10em; height: 16.1em;
     
955.         transform: rotateZ(-19.5deg) rotateY(-28.2deg);
     
956. }
     
957. 
     
958. .eye-2-1-1-1-1::before {
     
959.         background-color: color-mix(in oklch, var(--color), black 43%);
     
960.         clip-path: polygon(0% 0%, 100% 79.6%, 53% 100%, 0% 54%);
     
961. }
     
962. 
     
963. .eye-2-1-1-1-1-1 {
     
964.         left: 5.3em; top: 100%;
     
965.         width: 9em; height: 16.3em;
     
966.         transform: rotateZ(-35deg) rotateX(28deg);
     
967. }
     
968. 
     
969. .eye-2-1-1-1-1-1::before {
     
970.         background-color: color-mix(in oklch, var(--color), black 50%);
     
971.         clip-path: polygon(0% 0%, 92% 0%, 100% 100%, 7.5% 88%);
     
972. }
     
973. 
     
974. .eye-2-1-1-1-1-1-1 {
     
975.         left: 0.7em; top: 14.3em;
     
976.         width: 11.2em; height: 15.2em;
     
977.         transform: rotateZ(12.9deg) rotateX(10.5deg);
     
978. }
     
979. 
     
980. .eye-2-1-1-1-1-1-1::before {
     
981.         background-color: color-mix(in oklch, var(--color), black 45%);
     
982.         clip-path: polygon(0% 0%, 77% 0%, 100% 100%, 33% 81.5%);
     
983. }
     
984. 
     
985. .eye-2-1-1-1-1-1-1-1 {
     
986.         left: 100%; top: 100%;
     
987.         width: 13.6em; height: 8em;
     
988.         transform: rotateZ(111.7deg) rotateY(-35deg);
     
989. }
     
990. 
     
991. .eye-2-1-1-1-1-1-1-1::before {
     
992.         background-color: color-mix(in oklch, var(--color), black 50%);
     
993.         clip-path: polygon(0% 0%, 100% 50.5%, 0% 100%);
     
994. }
     
995. 
     
996. .eye-2-1-1-1-1-1-1-1-1 {
     
997.         width: 11.5em; height: 14.2em;
     
998.         transform: rotateZ(-73.4deg) rotateY(-5.5deg);
     
999. }
     
1000. 
      
1001. .eye-2-1-1-1-1-1-1-1-1::before {
      
1002.         background-color: color-mix(in oklch, var(--color), black 39%);
      
1003.         clip-path: polygon(0% 0%, 100% 99.3%, 0% 100%);
      
1004. }
      
1005. 
      
1006. .eye-2-1-1-1-1-1-1-1-1-1 {
      
1007.         top: 100%;
      
1008.         width: 14.5em; height: 12.7em;
      
1009.         transform: rotateZ(-0.6deg) rotateX(25.7deg);
      
1010. }
      
1011. 
      
1012. .eye-2-1-1-1-1-1-1-1-1-1::before {
      
1013.         background-color: color-mix(in oklch, var(--color), black 46%);
      
1014.         clip-path: polygon(0% 0%, 93% 0%, 100% 100%);
      
1015. }
      
1016. 
      
1017. .eye-2-1-1-1-1-1-1-1-1-1-1 {
      
1018.         width: 19.3em; height: 3.4em;
      
1019.         transform: rotateZ(41.2deg) rotateX(14.2deg);
      
1020. }
      
1021. 
      
1022. .eye-2-1-1-1-1-1-1-1-1-1-1::before {
      
1023.         background-color: color-mix(in oklch, var(--color), black 38%);
      
1024.         clip-path: polygon(0% 0%, 100% 0%, 78.5% 100%);
      
1025. }
      
1026. 
      
1027. .eye-2-1-1-1-1-1-1-1-2 {
      
1028.         top: 100%;
      
1029.         width: 14.2em; height: 6.3em;
      
1030.         transform: rotateZ(-16.3deg) rotateX(71.5deg);
      
1031. }
      
1032. 
      
1033. .eye-2-1-1-1-1-1-1-1-2::before {
      
1034.         background-color: color-mix(in oklch, var(--color), black 38%);
      
1035.         clip-path: polygon(0% 0%, 100% 0%, 80% 100%, 0% 100%);
      
1036. }
      
1037. 
      
1038. .eye-2-1-1-1-1-1-1-1-2-1 {
      
1039.         left: 100%;
      
1040.         width: 16.4em; height: 6.9em;
      
1041.         transform: rotateZ(24.2deg) rotateY(-13.4deg);
      
1042. }
      
1043. 
      
1044. .eye-2-1-1-1-1-1-1-1-2-1::before {
      
1045.         background-color: color-mix(in oklch, var(--color), black 33%);
      
1046.         clip-path: polygon(0% 0%, 95% 0%, 100% 64%, 0% 100%);
      
1047. }
      
1048. 
      
1049. .eye-2-1-1-1-2 {
      
1050.         left: 100%; top: 100%;
      
1051.         width: 3.4em; height: 21.7em;
      
1052.         transform: rotateZ(128.5deg) rotateY(-115.9deg);
      
1053. }
      
1054. 
      
1055. .eye-2-1-1-1-2::before {
      
1056.         background-color: color-mix(in oklch, var(--color), black 28%);
      
1057.         clip-path: polygon(0% 0%, 95.5% 5.4%, 100% 100%, 0% 100%);
      
1058. }
      
1059. 
      
1060. .eye-2-1-1-1-2-1 {
      
1061.         left: 3.2em; top: 1.2em;
      
1062.         width: 4.3em; height: 9em;
      
1063.         transform: rotateZ(-159.5deg) rotateX(-6.4deg);
      
1064. }
      
1065. 
      
1066. .eye-2-1-1-1-2-1::before {
      
1067.         background-color: color-mix(in oklch, var(--color), black 35%);
      
1068.         clip-path: polygon(0% 0%, 79% 0%, 100% 100%);
      
1069. }
      
1070. 
      
1071. .eye-2-1-1-1-2-1-1 {
      
1072.         width: 10em; height: 3.4em;
      
1073.         transform: rotateZ(64.5deg) rotateX(-53deg);
      
1074. }
      
1075. 
      
1076. .eye-2-1-1-1-2-1-1::before {
      
1077.         background-color: color-mix(in oklch, var(--color), black 41%);
      
1078.         clip-path: polygon(0% 0%, 100% 0%, 66% 100%);
      
1079. }
      
1080. 
      
1081. .eye-2-1-1-1-2-1-1-1 {
      
1082.         left: 6.6em; top: 100%;
      
1083.         width: 5.3em; height: 14.5em;
      
1084.         transform: rotateZ(-46.5deg) rotateX(16.5deg);
      
1085. }
      
1086. 
      
1087. .eye-2-1-1-1-2-1-1-1::before {
      
1088.         background-color: color-mix(in oklch, var(--color), black 38%);
      
1089.         clip-path: polygon(0% 0%, 91% 1%, 100% 100%, 15% 96.5%);
      
1090. }
      
1091. 
      
1092. .eye-2-1-1-1-2-1-1-1-1 {
      
1093.         left: 100%; top: 100%;
      
1094.         width: 13em; height: 5.9em;
      
1095.         transform: rotateZ(96.1deg) rotateY(-0.6deg);
      
1096. }
      
1097. 
      
1098. .eye-2-1-1-1-2-1-1-1-1::before {
      
1099.         background-color: color-mix(in oklch, var(--color), black 42%);
      
1100.         clip-path: polygon(0% 0%, 100% 7%, 75.5% 100%, 0% 77%);
      
1101. }
      
1102. 
      
1103. .eye-2-1-1-1-2-2 {
      
1104.         top: 100%;
      
1105.         width: 3.4em; height: 9.8em;
      
1106.         transform: rotateX(22.1deg);
      
1107. }
      
1108. 
      
1109. .eye-2-1-1-1-2-2::before {
      
1110.         background-color: color-mix(in oklch, var(--color), black 18%);
      
1111.         clip-path: polygon(0% 0%, 100% 0%, 54% 100%);
      
1112. }
      
1113. 
      
1114. .eye-2-1-3-1-2 {
      
1115.         left: 100%;
      
1116.         width: 4.3em; height: 16.6em;
      
1117.         transform: rotateZ(23.2deg) rotateY(-81deg);
      
1118. }
      
1119. 
      
1120. .eye-2-1-3-1-2::before {
      
1121.         background-color: color-mix(in oklch, var(--color), black 19%);
      
1122.         clip-path: polygon(0% 0%, 100% 94.5%, 0% 100%);
      
1123. }
      
1124. 
      
1125. .eye-2-1-3-1-2-1 {
      
1126.         top: 100%;
      
1127.         width: 8.6em; height: 11.8em;
      
1128.         transform: rotateZ(-12.5deg) rotateX(-3.8deg);
      
1129. }
      
1130. 
      
1131. .eye-2-1-3-1-2-1::before {
      
1132.         background-color: color-mix(in oklch, var(--color), black 15%);
      
1133.         clip-path: polygon(0% 0%, 51% 0%, 97.5% 88.2%, 45% 100%);
      
1134. }
      
1135. 
      
1136. .eye-2-1-3-1-2-1-1 {
      
1137.         left: 3.9em; top: 11.8em;
      
1138.         width: 4.7em; height: 5.7em;
      
1139.         transform: rotateZ(-17.1deg) rotateX(-14.8deg);
      
1140. }
      
1141. 
      
1142. .eye-2-1-3-1-2-1-1::before {
      
1143.         background-color: color-mix(in oklch, var(--color), black 20%);
      
1144.         clip-path: polygon(0% 0%, 100% 0%, 0% 100%);
      
1145. }
      
1146. 
      
1147. .eye-2-1-3-1-2-1-1-1 {
      
1148.         left: 100%;
      
1149.         width: 8em; height: 7.4em;
      
1150.         transform: rotateZ(39.6deg) rotateY(-2deg);
      
1151. }
      
1152. 
      
1153. .eye-2-1-3-1-2-1-1-1::before {
      
1154.         background-color: color-mix(in oklch, var(--color), black 26%);
      
1155.         clip-path: polygon(0% 0%, 100% 87.5%, 0% 100%);
      
1156. }
      
1157. 
      
1158. .eye-2-1-3-1-2-1-1-1-1 {
      
1159.         top: 100%;
      
1160.         width: 8em; height: 4.1em;
      
1161.         transform: rotateZ(-6.6deg) rotateX(-20.5deg);
      
1162. }
      
1163. 
      
1164. .eye-2-1-3-1-2-1-1-1-1::before {
      
1165.         background-color: color-mix(in oklch, var(--color), black 23%);
      
1166.         clip-path: polygon(0% 0%, 100% 0%, 62% 100%);
      
1167. }
      
1168. 
      
1169. .eye-2-1-3-1-2-1-1-1-1-1 {
      
1170.         left: 4.8em; top: 4.3em;
      
1171.         width: 5.4em; height: 12.9em;
      
1172.         transform: rotateZ(-53.2deg) rotateX(-7.9deg);
      
1173. }
      
1174. 
      
1175. .eye-2-1-3-1-2-1-1-1-1-1::before {
      
1176.         background-color: color-mix(in oklch, var(--color), black 29%);
      
1177.         clip-path: polygon(4% 0%, 100% 0%, 100% 90%, 0% 100%);
      
1178. }
      
1179. 
      
1180. .eye-2-1-3-1-2-1-1-1-1-1-1 {
      
1181.         width: 7.7em; height: 13.8em;
      
1182.         left: -2.1em; top: 13.3em;
      
1183.         transform: rotateZ(-13.5deg) rotateX(-29.7deg);
      
1184. }
      
1185. 
      
1186. .eye-2-1-3-1-2-1-1-1-1-1-1::before {
      
1187.         background-color: color-mix(in oklch, var(--color), black 34%);
      
1188.         clip-path: polygon(26% 0%, 100% 0%, 53% 97.5%, 0% 100%);
      
1189. }
      
1190. 
      
1191. .eye-2-1-3-1-2-1-1-1-1-1-1-1 {
      
1192.         top: 100%;
      
1193.         width: 4.2em; height: 11.5em;
      
1194.         transform: rotateZ(-5.4deg) rotateX(11.5deg);
      
1195. }
      
1196. 
      
1197. .eye-2-1-3-1-2-1-1-1-1-1-1-1::before {
      
1198.         background-color: color-mix(in oklch, var(--color), black 40%);
      
1199.         clip-path: polygon(0% 0%, 98% 0%, 83% 82%, 23% 100%);
      
1200. }
      
1201. 
      
1202. .eye-2-1-3-1-2-1-1-1-1-1-1-1-1 {
      
1203.         left: 3.5em; top: 9.4em;
      
1204.         width: 2em; height: 5.1em;
      
1205.         transform: rotateZ(50deg) rotateY(71deg);
      
1206. }
      
1207. 
      
1208. .eye-2-1-3-1-2-1-1-1-1-1-1-1-1::before {
      
1209.         background-color: color-mix(in oklch, var(--color), black 29%);
      
1210.         clip-path: polygon(0% 0%, 100% 19%, 100% 100%, 0% 64%);
      
1211. }
      
1212. 
      
1213. .eye-2-1-3-1-2-2 {
      
1214.         width: 8em; height: 16.3em;
      
1215.         transform: rotateZ(-15.3deg) rotateY(80deg);
      
1216. }
      
1217. 
      
1218. .eye-2-1-3-1-2-2::before {
      
1219.         background-color: color-mix(in oklch, var(--color), black 20%);
      
1220.         clip-path: polygon(0% 0%, 100% 60%, 0% 100%);
      
1221. }
      
1222. 
      
1223. .eye-2-1-3-1-2-2-1 {
      
1224.         width: 12.2em; height: 16.6em;
      
1225.         transform: rotateZ(-39.5deg) rotateY(21deg);
      
1226. }
      
1227. 
      
1228. .eye-2-1-3-1-2-2-1::before {
      
1229.         background-color: color-mix(in oklch, var(--color), black 18%);
      
1230.         clip-path: polygon(0% 0%, 100% 100%, 0% 76%);
      
1231. }
      
1232. 
      
1233. .eye-2-1-3-1-2-2-2 {
      
1234.         top: 100%;
      
1235.         width: 10.4em; height: 6.4em;
      
1236.         transform: rotateZ(-39.4deg) rotateX(-18deg);
      
1237. }
      
1238. 
      
1239. .eye-2-1-3-1-2-2-2::before {
      
1240.         background-color: color-mix(in oklch, var(--color), black 12%);
      
1241.         clip-path: polygon(0% 0%, 100% 0%, 96.5% 100%, 12% 95%);
      
1242. }
      
1243. 
      
1244. .eye-2-1-3-1-2-2-2-1 {
      
1245.         width: 6.2em; height: 9.2em;
      
1246.         transform: rotateZ(78deg) rotateX(39.8deg);
      
1247. }
      
1248. 
      
1249. .eye-2-1-3-1-2-2-2-1::before {
      
1250.         background-color: color-mix(in oklch, var(--color), black 18%);
      
1251.         clip-path: polygon(0% 0%, 100% 0%, 99% 100%);
      
1252. }
      
1253. 
      
1254. .eye-2-1-3-1-2-2-2-2 {
      
1255.         left: 100%;
      
1256.         width: 12em; height: 12.4em;
      
1257.         transform: rotateZ(3.5deg) rotateY(14deg);
      
1258. }
      
1259. 
      
1260. .eye-2-1-3-1-2-2-2-2::before {
      
1261.         background-color: color-mix(in oklch, var(--color), black 12%);
      
1262.         clip-path: polygon(0% 0%, 100% 35%, 94% 74%, 50% 100%, 0% 80%);
      
1263. }
      
1264. 
      
1265. .eye-2-1-3-1-2-2-2-2-1 {
      
1266.         left: 100%; top: 4.4em;
      
1267.         width: 3.05em; height: 6.8em;
      
1268.         transform: rotateZ(8.5deg) rotateY(-54deg);
      
1269. }
      
1270. 
      
1271. .eye-2-1-3-1-2-2-2-2-1::before {
      
1272.         background-color: color-mix(in oklch, var(--color), black 22%);
      
1273.         clip-path: polygon(0% 0%, 100% 100%, 0% 71%);
      
1274. }
      
1275. 
      
1276. .eye-2-1-3-1-2-2-2-2-1-1 {
      
1277.         top: 4.8em;
      
1278.         width: 16.45em; height: 5.75em;
      
1279.         transform: rotateZ(33.2deg) rotateX(42.8deg);
      
1280. }
      
1281. 
      
1282. .eye-2-1-3-1-2-2-2-2-1-1::before {
      
1283.         background-color: color-mix(in oklch, var(--color), black 70%);
      
1284.         clip-path: polygon(22.5% 0%, 100% 100%, 0% 0%);
      
1285. }
      
1286. 
      
1287. .eye-5 {
      
1288.         left: 49.8em; top: 40em;
      
1289.         width: 13.6em; height: 13.6em;
      
1290.         transform: translateZ(32.2em) rotateZ(0deg) rotateX(90deg);
      
1291. }
      
1292. 
      
1293. .eye-5::before {
      
1294.         background-color: color-mix(in oklch, var(--color), black 0%);
      
1295.         clip-path: polygon( calc(6.8em + 6.8em * sin(2* 1* 3.14 / 12)) calc(6.8em + 6.8em * cos(2* 1* 3.14 / 12)), calc(6.8em + 6.8em * sin(2* 2* 3.14 / 12)) calc(6.8em + 6.8em * cos(2* 2* 3.14 / 12)), calc(6.8em + 6.8em * sin(2* 3* 3.14 / 12)) calc(6.8em + 6.8em * cos(2* 3* 3.14 / 12)), calc(6.8em + 6.8em * sin(2* 4* 3.14 / 12)) calc(6.8em + 6.8em * cos(2* 4* 3.14 / 12)), calc(6.8em + 6.8em * sin(2* 5* 3.14 / 12)) calc(6.8em + 6.8em * cos(2* 5* 3.14 / 12)), calc(6.8em + 6.8em * sin(2* 6* 3.14 / 12)) calc(6.8em + 6.8em * cos(2* 6* 3.14 / 12)), calc(6.8em + 6.8em * sin(2* 7* 3.14 / 12)) calc(6.8em + 6.8em * cos(2* 7* 3.14 / 12)), calc(6.8em + 6.8em * sin(2* 8* 3.14 / 12)) calc(6.8em + 6.8em * cos(2* 8* 3.14 / 12)), calc(6.8em + 6.8em * sin(2* 9* 3.14 / 12)) calc(6.8em + 6.8em * cos(2* 9* 3.14 / 12)), calc(6.8em + 6.8em * sin(2* 10* 3.14 / 12)) calc(6.8em + 6.8em * cos(2* 10* 3.14 / 12)), calc(6.8em + 6.8em * sin(2* 11* 3.14 / 12)) calc(6.8em + 6.8em * cos(2* 11* 3.14 / 12)), calc(6.8em + 6.8em * sin(2* 12* 3.14 / 12)) calc(6.8em + 6.8em * cos(2* 12* 3.14 / 12)));
      
1296. }
      
1297. 
      
1298. .eye-5-1 {
      
1299.         width: 12em; height: 3.5em;
      
1300.         left: calc(6.8em + 6.8em * sin(2* 1* 3.14 / 12));
      
1301.         top: calc(6.8em + 6.8em * cos(2* 1* 3.14 / 12));
      
1302.         transform: rotateZ(75deg) rotateY(-90deg);
      
1303. }
      
1304. 
      
1305. .eye-5-2 {
      
1306.         width: 12em; height: 3.5em;
      
1307.         left: calc(6.8em + 6.8em * sin(2* 2* 3.14 / 12));
      
1308.         top: calc(6.8em + 6.8em * cos(2* 2* 3.14 / 12));
      
1309.         transform: rotateZ(45deg) rotateY(-90deg);
      
1310. }
      
1311. 
      
1312. .eye-5-2::before {
      
1313.         background-color: color-mix(in oklch, var(--color), black 20%);
      
1314. }
      
1315. 
      
1316. .eye-5-3 {
      
1317.         width: 12em; height: 3.5em;
      
1318.         left: calc(6.8em + 6.8em * sin(2* 3* 3.14 / 12));
      
1319.         top: calc(6.8em + 6.8em * cos(2* 3* 3.14 / 12));
      
1320.         transform: rotateZ(15deg) rotateY(-90deg);
      
1321. }
      
1322. 
      
1323. .eye-5-3::before {
      
1324.         background-color: color-mix(in oklch, var(--color), black 30%);
      
1325. }
      
1326. 
      
1327. .eye-5-4 {
      
1328.         width: 12em; height: 3.5em;
      
1329.         left: calc(6.8em + 6.8em * sin(2* 4* 3.14 / 12));
      
1330.         top: calc(6.8em + 6.8em * cos(2* 4* 3.14 / 12));
      
1331.         transform: rotateZ(-15deg) rotateY(-90deg);
      
1332. }
      
1333. 
      
1334. .eye-5-4::before {
      
1335.         background-color: color-mix(in oklch, var(--color), black 31%);
      
1336. }
      
1337. 
      
1338. .eye-5-5 {
      
1339.         width: 12em; height: 3.5em;
      
1340.         left: calc(6.8em + 6.8em * sin(2* 5* 3.14 / 12));
      
1341.         top: calc(6.8em + 6.8em * cos(2* 5* 3.14 / 12));
      
1342.         transform: rotateZ(-45deg) rotateY(-90deg);
      
1343. }
      
1344. 
      
1345. .eye-5-5::before {
      
1346.         background-color: color-mix(in oklch, var(--color), black 30%);
      
1347. }
      
1348. 
      
1349. .eye-5-6 {
      
1350.         width: 12em; height: 3.5em;
      
1351.         left: calc(6.8em + 6.8em * sin(2* 6* 3.14 / 12));
      
1352.         top: calc(6.8em + 6.8em * cos(2* 6* 3.14 / 12));
      
1353.         transform: rotateZ(-75deg) rotateY(-90deg);
      
1354. }
      
1355. 
      
1356. .eye-5-6::before {
      
1357.         background-color: color-mix(in oklch, var(--color), black 37%);
      
1358. }
      
1359. 
      
1360. .eye-5-7 {
      
1361.         width: 12em; height: 3.5em;
      
1362.         left: calc(6.8em + 6.8em * sin(2* 7* 3.14 / 12));
      
1363.         top: calc(6.8em + 6.8em * cos(2* 7* 3.14 / 12));
      
1364.         transform: rotateZ(-105deg) rotateY(-90deg);
      
1365. }
      
1366. 
      
1367. .eye-5-7::before {
      
1368.         background-color: color-mix(in oklch, var(--color), black 35%);
      
1369. }
      
1370. 
      
1371. .eye-5-8 {
      
1372.         width: 12em; height: 3.5em;
      
1373.         left: calc(6.8em + 6.8em * sin(2* 8* 3.14 / 12));
      
1374.         top: calc(6.8em + 6.8em * cos(2* 8* 3.14 / 12));
      
1375.         transform: rotateZ(-135deg) rotateY(-90deg);
      
1376. }
      
1377. 
      
1378. .eye-5-8::before {
      
1379.         background-color: color-mix(in oklch, var(--color), black 30%);
      
1380. }
      
1381. 
      
1382. .eye-5-9 {
      
1383.         width: 12em; height: 3.5em;
      
1384.         left: calc(6.8em + 6.8em * sin(2* 9* 3.14 / 12));
      
1385.         top: calc(6.8em + 6.8em * cos(2* 9* 3.14 / 12));
      
1386.         transform: rotateZ(195deg) rotateY(-90deg);
      
1387. }
      
1388. 
      
1389. .eye-5-9::before {
      
1390.         background-color: color-mix(in oklch, var(--color), black 26%);
      
1391. }
      
1392. 
      
1393. .eye-5-10 {
      
1394.         width: 12em; height: 3.5em;
      
1395.         left: calc(6.8em + 6.8em * sin(2* 10* 3.14 / 12));
      
1396.         top: calc(6.8em + 6.8em * cos(2* 10* 3.14 / 12));
      
1397.         transform: rotateZ(165deg) rotateY(-90deg);
      
1398. }
      
1399. 
      
1400. .eye-5-10::before {
      
1401.         background-color: color-mix(in oklch, var(--color), black 23%);
      
1402. }
      
1403. 
      
1404. .eye-5-11 {
      
1405.         width: 12em; height: 3.5em;
      
1406.         left: calc(6.8em + 6.8em * sin(2* 11* 3.14 / 12));
      
1407.         top: calc(6.8em + 6.8em * cos(2* 11* 3.14 / 12));
      
1408.         transform: rotateZ(135deg) rotateY(-90deg);
      
1409. }
      
1410. 
      
1411. .eye-5-11::before {
      
1412.         background-color: color-mix(in oklch, var(--color), black 17%);
      
1413. }
      
1414. 
      
1415. .eye-5-12 {
      
1416.         width: 12em; height: 3.5em;
      
1417.         left: calc(6.8em + 6.8em * sin(2* 12* 3.14 / 12));
      
1418.         top: calc(6.8em + 6.8em * cos(2* 12* 3.14 / 12));
      
1419.         transform: rotateZ(105deg) rotateY(-90deg);
      
1420. }
      
1421. 
      
1422. .eye-5-12::before {
      
1423.         background-color: color-mix(in oklch, var(--color), black 30%);
      
1424. }
      
1425. 
      
1426. .eye-6 {
      
1427.         left: 42.4em; top: 33em;
      
1428.         width: 15em; height: 15em;
      
1429.         transform: translateZ(23.2em) rotateX(90deg);
      
1430. }
      
1431. 
      
1432. .eye-6::before {
      
1433.         background-color: color-mix(in oklch, var(--color), black 8%);
      
1434.         clip-path: polygon( calc(7.5em + 7.5em * sin(2* 1* 3.14 / 12)) calc(7.5em + 7.5em * cos(2* 1* 3.14 / 12)), calc(7.5em + 7.5em * sin(2* 2* 3.14 / 12)) calc(7.5em + 7.5em * cos(2* 2* 3.14 / 12)), calc(7.5em + 7.5em * sin(2* 3* 3.14 / 12)) calc(7.5em + 7.5em * cos(2* 3* 3.14 / 12)), calc(7.5em + 7.5em * sin(2* 4* 3.14 / 12)) calc(7.5em + 7.5em * cos(2* 4* 3.14 / 12)), calc(7.5em + 7.5em * sin(2* 5* 3.14 / 12)) calc(7.5em + 7.5em * cos(2* 5* 3.14 / 12)), calc(7.5em + 7.5em * sin(2* 6* 3.14 / 12)) calc(7.5em + 7.5em * cos(2* 6* 3.14 / 12)), calc(7.5em + 7.5em * sin(2* 7* 3.14 / 12)) calc(7.5em + 7.5em * cos(2* 7* 3.14 / 12)), calc(7.5em + 7.5em * sin(2* 8* 3.14 / 12)) calc(7.5em + 7.5em * cos(2* 8* 3.14 / 12)), calc(7.5em + 7.5em * sin(2* 9* 3.14 / 12)) calc(7.5em + 7.5em * cos(2* 9* 3.14 / 12)), calc(7.5em + 7.5em * sin(2* 10* 3.14 / 12)) calc(7.5em + 7.5em * cos(2* 10* 3.14 / 12)), calc(7.5em + 7.5em * sin(2* 11* 3.14 / 12)) calc(7.5em + 7.5em * cos(2* 11* 3.14 / 12)), calc(7.5em + 7.5em * sin(2* 12* 3.14 / 12)) calc(7.5em + 7.5em * cos(2* 12* 3.14 / 12)));
      
1435. }
      
1436. 
      
1437. .eye-6-1 {
      
1438.         width: 10em; height: 3.9em;
      
1439.         left: calc(7.5em + 7.5em * sin(2* 1* 3.14 / 12));
      
1440.         top: calc(7.5em + 7.5em * cos(2* 1* 3.14 / 12));
      
1441.         transform: rotateZ(75deg) rotateY(40deg);
      
1442. }
      
1443. 
      
1444. .eye-6-1::before {
      
1445.         top: -2em;
      
1446.         height: 7.9em;
      
1447.         background-color: color-mix(in oklch, var(--color), black 26%);
      
1448.         clip-path: polygon(0% 26%, 100% 0%, 100% 100%, 0% 74%);
      
1449. }
      
1450. 
      
1451. .eye-6-2 {
      
1452.         width: 10em; height: 3.9em;
      
1453.         left: calc(7.5em + 7.5em * sin(2* 2* 3.14 / 12));
      
1454.         top: calc(7.5em + 7.5em * cos(2* 2* 3.14 / 12));
      
1455.         transform: rotateZ(45deg) rotateY(40deg);
      
1456. }
      
1457. 
      
1458. .eye-6-2::before {
      
1459.         top: -2em;
      
1460.         height: 7.9em;
      
1461.         background-color: green;
      
1462.         clip-path: polygon(0% 26%, 100% 0%, 100% 100%, 0% 74%);
      
1463. }
      
1464. 
      
1465. .eye-6-3 {
      
1466.         width: 10em; height: 3.9em;
      
1467.         left: calc(7.5em + 7.5em * sin(2* 3* 3.14 / 12));
      
1468.         top: calc(7.5em + 7.5em * cos(2* 3* 3.14 / 12));
      
1469.         transform: rotateZ(15deg) rotateY(40deg);
      
1470. }
      
1471. 
      
1472. .eye-6-3::before {
      
1473.         top: -2em;
      
1474.         height: 7.9em;
      
1475.         background-color: color-mix(in oklch, var(--color), black 10%);
      
1476.         clip-path: polygon(0% 26%, 100% 0%, 100% 100%, 0% 74%);
      
1477. }
      
1478. 
      
1479. .eye-6-4 {
      
1480.         width: 10em;
      
1481.         height: 3.9em;
      
1482.         left: calc(7.5em + 7.5em * sin(2* 4* 3.14 / 12));
      
1483.         top: calc(7.5em + 7.5em * cos(2* 4* 3.14 / 12));
      
1484.         transform: rotateZ(-15deg) rotateY(40deg);
      
1485. }
      
1486. 
      
1487. .eye-6-4::before {
      
1488.         top: -2em;
      
1489.         height: 7.9em;
      
1490.         background-color: color-mix(in oklch, var(--color), black 7%);
      
1491.         clip-path: polygon(0% 26%, 100% 0%, 100% 100%, 0% 74%);
      
1492. }
      
1493. 
      
1494. .eye-6-5 {
      
1495.         width: 10em; height: 3.9em;
      
1496.         left: calc(7.5em + 7.5em * sin(2* 5* 3.14 / 12));
      
1497.         top: calc(7.5em + 7.5em * cos(2* 5* 3.14 / 12));
      
1498.         transform: rotateZ(-45deg) rotateY(40deg);
      
1499. }
      
1500. 
      
1501. .eye-6-5::before {
      
1502.         top: -2em;
      
1503.         height: 7.9em;
      
1504.         background-color: color-mix(in oklch, var(--color), black 3%);
      
1505.         clip-path: polygon(0% 26%, 100% 0%, 100% 100%, 0% 74%);
      
1506. }
      
1507. 
      
1508. .eye-6-6 {
      
1509.         width: 10em; height: 3.9em;
      
1510.         left: calc(7.5em + 7.5em * sin(2* 6* 3.14 / 12));
      
1511.         top: calc(7.5em + 7.5em * cos(2* 6* 3.14 / 12));
      
1512.         transform: rotateZ(-75deg) rotateY(40deg);
      
1513. }
      
1514. 
      
1515. .eye-6-6::before {
      
1516.         top: -2em;
      
1517.         height: 7.9em;
      
1518.         background-color: color-mix(in oklch, var(--color), black 3%);
      
1519.         clip-path: polygon(0% 26%, 100% 0%, 100% 100%, 0% 74%);
      
1520. }
      
1521. 
      
1522. .eye-6-7 {
      
1523.         width: 10em; height: 3.9em;
      
1524.         left: calc(7.5em + 7.5em * sin(2* 7* 3.14 / 12));
      
1525.         top: calc(7.5em + 7.5em * cos(2* 7* 3.14 / 12));
      
1526.         transform: rotateZ(-105deg) rotateY(40deg);
      
1527. }
      
1528. 
      
1529. .eye-6-7::before {
      
1530.         top: -2em;
      
1531.         height: 7.9em;
      
1532.         background-color: color-mix(in oklch, var(--color), black 3%);
      
1533.         clip-path: polygon(0% 26%, 100% 0%, 100% 100%, 0% 74%);
      
1534. }
      
1535. 
      
1536. .eye-6-8 {
      
1537.         width: 10em; height: 3.9em;
      
1538.         left: calc(7.5em + 7.5em * sin(2* 8* 3.14 / 12));
      
1539.         top: calc(7.5em + 7.5em * cos(2* 8* 3.14 / 12));
      
1540.         transform: rotateZ(-135deg) rotateY(40deg);
      
1541. }
      
1542. 
      
1543. .eye-6-8::before {
      
1544.         top: -2em;
      
1545.         height: 7.9em;
      
1546.         background-color: color-mix(in oklch, var(--color), black 3%);
      
1547.         clip-path: polygon(0% 26%, 100% 0%, 100% 100%, 0% 74%);
      
1548. }
      
1549. 
      
1550. .eye-6-9 {
      
1551.         width: 10em; height: 3.9em;
      
1552.         left: calc(7.5em + 7.5em * sin(2* 9* 3.14 / 12));
      
1553.         top: calc(7.5em + 7.5em * cos(2* 9* 3.14 / 12));
      
1554.         transform: rotateZ(195deg) rotateY(40deg);
      
1555. }
      
1556. 
      
1557. .eye-6-9::before {
      
1558.         top: -2em;
      
1559.         height: 7.9em;
      
1560.         background-color: color-mix(in oklch, var(--color), black 7%);
      
1561.         clip-path: polygon(0% 26%, 100% 0%, 100% 100%, 0% 74%);
      
1562. }
      
1563. 
      
1564. .eye-6-10 {
      
1565.         width: 10em; height: 3.9em;
      
1566.         left: calc(7.5em + 7.5em * sin(2* 10* 3.14 / 12));
      
1567.         top: calc(7.5em + 7.5em * cos(2* 10* 3.14 / 12));
      
1568.         transform: rotateZ(165deg) rotateY(40deg);
      
1569. }
      
1570. 
      
1571. .eye-6-10::before {
      
1572.         top: -2em;
      
1573.         height: 7.9em;
      
1574.         background-color: color-mix(in oklch, var(--color), black 10%);
      
1575.         clip-path: polygon(0% 26%, 100% 0%, 100% 100%, 0% 74%);
      
1576. }
      
1577. 
      
1578. .eye-6-11 {
      
1579.         width: 10em; height: 3.9em;
      
1580.         left: calc(7.5em + 7.5em * sin(2* 11* 3.14 / 12));
      
1581.         top: calc(7.5em + 7.5em * cos(2* 11* 3.14 / 12));
      
1582.         transform: rotateZ(135deg) rotateY(40deg);
      
1583. }
      
1584. 
      
1585. .eye-6-11::before {
      
1586.         top: -2em;
      
1587.         height: 7.9em;
      
1588.         background-color: color-mix(in oklch, var(--color), black 14%);
      
1589.         clip-path: polygon(0% 26%, 100% 0%, 100% 100%, 0% 74%);
      
1590. }
      
1591. 
      
1592. .eye-6-12 {
      
1593.         width: 10em; height: 3.9em;
      
1594.         left: calc(7.5em + 7.5em * sin(2* 12* 3.14 / 12));
      
1595.         top: calc(7.5em + 7.5em * cos(2* 12* 3.14 / 12));
      
1596.         transform: rotateZ(105deg) rotateY(40deg);
      
1597. }
      
1598. 
      
1599. .eye-6-12::before {
      
1600.         top: -2em;
      
1601.         height: 7.9em;
      
1602.         background-color: color-mix(in oklch, var(--color), black 20%);
      
1603.         clip-path: polygon(0% 26%, 100% 0%, 100% 100%, 0% 74%);
      
1604. }
      
1605. 
      
1606. .eye-6-1-1 {
      
1607.         left: 100%; top: -10.2em;
      
1608.         width: 5.5em; height: 16.5em;
      
1609.         transform: rotateY(-105deg);
      
1610. }
      
1611. 
      
1612. .eye-6-1-1::before {
      
1613.         background-color: color-mix(in oklch, var(--color), black 34%);
      
1614.         clip-path: polygon(0% 21.5%, 100% 12.5%, 69% 100%, 0% 97.6%);
      
1615. }
      
1616. 
      
1617. .eye-6-3-1 {
      
1618.         left: 100%; top: -2.5em;
      
1619.         width: 8em; height: 13.95em;
      
1620.         transform: rotateY(-104deg);
      
1621. }
      
1622. 
      
1623. .eye-6-3-1::before {
      
1624.         background-color: color-mix(in oklch, var(--color), black 26%);
      
1625.         clip-path: polygon(0% 3.5%, 100% 0%, 48% 100%, 0% 93.6%);
      
1626. }
      
1627. 
      
1628. .eye-6-4-1 {
      
1629.         left: 100%; top: -2.7em;
      
1630.         width: 4.8em; height: 8.6em;
      
1631.         transform: rotateY(-87.7deg);
      
1632. }
      
1633. 
      
1634. .eye-6-4-1::before {
      
1635.         background-color: color-mix(in oklch, var(--color), black 25%);
      
1636.         clip-path: polygon(0% 8%, 100% 17%, 0% 100%);
      
1637. }
      
1638. 
      
1639. .eye-6-5-1 {
      
1640.         left: 100%; top: -2.7em;
      
1641.         width: 5.7em; height: 9.3em;
      
1642.         transform: rotateY(-87.8deg);
      
1643. }
      
1644. 
      
1645. .eye-6-5-1::before {
      
1646.         background-color: color-mix(in oklch, var(--color), black 45%);
      
1647.         clip-path: polygon(0% 7%, 100% 0%, 100% 23%, 0% 93%);
      
1648. }
      
1649. 
      
1650. .eye-6-6-1 {
      
1651.         left: 100%; top: -2.7em;
      
1652.         width: 5.5em; height: 10.6em;
      
1653.         transform: rotateY(-94deg);
      
1654. }
      
1655. 
      
1656. .eye-6-6-1::before {
      
1657.         background-color: color-mix(in oklch, var(--color), black 55%);
      
1658.         clip-path: polygon(0% 6%, 76% 16%, 86% 100%, 0% 81%);
      
1659. }
      
1660. 
      
1661. .eye-6-7-1 {
      
1662.         left: 100%; top: -2.7em;
      
1663.         width: 5.5em; height: 10em;
      
1664.         transform: rotateY(-105deg);
      
1665. }
      
1666. 
      
1667. .eye-6-7-1::before {
      
1668.         background-color: color-mix(in oklch, var(--color), black 55%);
      
1669.         clip-path: polygon(0% 6%, 69% 0%, 44% 100%, 0% 86%);
      
1670. }
      
1671. 
      
1672. .eye-6-8-1 {
      
1673.         left: 100%; top: -2.7em;
      
1674.         width: 8.5em; height: 9.3em;
      
1675.         transform: rotateY(-105deg);
      
1676. }
      
1677. 
      
1678. .eye-6-8-1::before {
      
1679.         background-color: color-mix(in oklch, var(--color), black 51%);
      
1680.         clip-path: polygon(0% 7%, 47% 0%, 70% 100%, 0% 92%);
      
1681. }
      
1682. 
      
1683. .eye-6-9-1 {
      
1684.         left: 100%; top: -2.7em;
      
1685.         width: 7.5em; height: 9.3em;
      
1686.         transform: rotateY(-105deg);
      
1687. }
      
1688. 
      
1689. .eye-6-9-1::before {
      
1690.         background-color: color-mix(in oklch, var(--color), black 46%);
      
1691.         clip-path: polygon(0% 8%, 100% 0%, 100% 100%, 0% 92%);
      
1692. }
      
1693. 
      
1694. .eye-6-10-1 {
      
1695.         left: 100%; top: -2.9em;
      
1696.         width: 16.3em; height: 16.7em;
      
1697.         transform: rotateY(-105deg);
      
1698. }
      
1699. 
      
1700. .eye-6-10-1::before {
      
1701.         background-color: color-mix(in oklch, var(--color), black 42%);
      
1702.         clip-path: polygon(0% 5.5%, 40% 0%, 100% 100%, 41.7% 58.2%, 0% 52.5%);
      
1703. }
      
1704. 
      
1705. .eye-6-11-1 {
      
1706.         left: 100%; top: -2.7em;
      
1707.         width: 6.9em; height: 9.3em;
      
1708.         transform: rotateY(-105deg);
      
1709. }
      
1710. 
      
1711. .eye-6-11-1::before {
      
1712.         background-color: color-mix(in oklch, var(--color), black 39%);
      
1713.         clip-path: polygon(0% 8%, 85% 0%, 100% 100%, 0% 92%);
      
1714. }
      
1715. 
      
1716. .eye-6-12-1 {
      
1717.         left: 100%; top: -2.7em;
      
1718.         width: 5.5em; height: 9.3em;
      
1719.         transform: rotateY(-105deg);
      
1720. }
      
1721. 
      
1722. .eye-6-12-1::before {
      
1723.         background-color: color-mix(in oklch, var(--color), black 36%);
      
1724.         clip-path: polygon(0% 8%, 100% 0%, 100% 100%, 0% 92%);
      
1725. }
      
1726. 
      
1727. .eye-6-3-1-1 {
      
1728.         left: 1.65em; top: 8.7em;
      
1729.         width: 3.2em; height: 5.7em;
      
1730.         transform: rotateZ(-22.6deg) rotateY(53.6deg);
      
1731. }
      
1732. 
      
1733. .eye-6-3-1-1::before {
      
1734.         background-color: color-mix(in oklch, var(--color), black 18%);
      
1735.         clip-path: polygon(0% 0%, 100% 76%, 0% 100%);
      
1736. }
      
1737. 
      
1738. .eye-6-4-1-1 {
      
1739.         left: 4.8em; top: 1.4em;
      
1740.         width: 7.5em; height: 8.7em;
      
1741.         transform: rotateZ(33.5deg) rotateY(-19.1deg);
      
1742. }
      
1743. 
      
1744. .eye-6-4-1-1::before {
      
1745.         background-color: color-mix(in oklch, var(--color), black 22%);
      
1746.         clip-path: polygon(0% 0%, 100% 0%, 100% 65%, 0% 100%);
      
1747. }
      
1748. 
      
1749. .eye-6-5-1-1 {
      
1750.         left: 6em; top: 1.8em;
      
1751.         width: 4.7em; height: 9.1em;
      
1752.         transform: rotateZ(41.4deg) rotateY(-7.6deg);
      
1753. }
      
1754. 
      
1755. .eye-6-5-1-1::before {
      
1756.         background-color: color-mix(in oklch, var(--color), black 27%);
      
1757.         clip-path: polygon(0% 0%, 100% 0%, 100% 89%, 0% 100%);
      
1758. }
      
1759. 
      
1760. .eye-6-7-1-1 {
      
1761.         left: 2.4em; top: -1.5em;
      
1762.         width: 3em; height: 11.7em;
      
1763.         transform: rotateY(14deg);
      
1764. }
      
1765. 
      
1766. .eye-6-7-1-1::before {
      
1767.         background-color: color-mix(in oklch, var(--color), black 40%);
      
1768.         clip-path: polygon(0% 14%, 69% 0%, 100% 100%, 0% 100%);
      
1769. }
      
1770. 
      
1771. .eye-6-8-1-1 {
      
1772.         left: 2.7em; top: -6.6em;
      
1773.         width: 4.8em; height: 15.5em;
      
1774.         transform: rotateY(26deg);
      
1775. }
      
1776. 
      
1777. .eye-6-8-1-1::before {
      
1778.         background-color: color-mix(in oklch, var(--color), black 29%);
      
1779.         clip-path: polygon(0% 44%, 100% 0%, 100% 90%, 0% 100%);
      
1780. }
      
1781. 
      
1782. .eye-6-9-1-1 {
      
1783.         width: 16em; height: 15.9em;
      
1784.         left: 8.8em; top: -4.2em;
      
1785.         transform: rotateZ(25deg) rotateY(51.6deg);
      
1786. }
      
1787. 
      
1788. .eye-6-9-1-1::before {
      
1789.         background-color: color-mix(in oklch, var(--color), black 33%);
      
1790.         clip-path: polygon(0% 29%, 65% 0%, 100% 100%, 40% 53%, 0% 90%);
      
1791. }
      
1792. 
      
1793. .eye-6-10-1-1 {
      
1794.         left: 6.28em;
      
1795.         width: 7.5em; height: 19em;
      
1796.         transform: rotateZ(-30.7deg) rotateY(91.6deg);
      
1797. }
      
1798. 
      
1799. .eye-6-10-1-1::before {
      
1800.         background-color: color-mix(in oklch, var(--color), black 36%);
      
1801.         clip-path: polygon(0% 0%, 40% 0%, 100% 84%, 0% 100%);
      
1802. }
      
1803. 
      
1804. .eye-6-11-1-1 {
      
1805.         left: 5.4em; top: 0.05em;
      
1806.         width: 2.7em; height: 10.55em;
      
1807.         transform: rotateZ(-5.9deg) rotateY(98.7deg);
      
1808. }
      
1809. 
      
1810. .eye-6-11-1-1::before {
      
1811.         background-color: color-mix(in oklch, var(--color), black 46%);
      
1812.         clip-path: polygon(0% 0%, 53% 0%, 100% 100%, 0% 87%);
      
1813. }
      
1814. 
      
1815. .eye-6-12-1-1 {
      
1816.         left: 3.4em; top: 0.2em;
      
1817.         width: 1.3em; height: 9.8em;
      
1818.         transform: rotateZ(-12.5deg) rotateY(108.8deg);
      
1819. }
      
1820. 
      
1821. .eye-6-12-1-1::before {
      
1822.         background-color: color-mix(in oklch, var(--color), black 56%);
      
1823.         clip-path: polygon(0% 0%, 100% 100%, 0% 95%);
      
1824. }

复制代码

html

1. 
   
2. <!DOCTYPE html>
   
3. <html lang="en" >
   
4. <head>
   
5.   <meta charset="UTF-8">
   
6.   <title>Pure CSS 3D David Eye</title>
   
7.   <link rel="stylesheet" href="./style.css">
   
8. 
   
9. </head>
   
10. <body>
    
11. <!-- partial:index.partial.html -->
    
12. <div class="scene rotate">
    
13.         <div class="eye">
    
14.                 <div class="eye-1">
    
15.                         <div class="eye-1-1">
    
16.                                 <div class="eye-1-1-1">
    
17.                                         <div class="eye-1-1-1-1">
    
18.                                                 <div class="eye-1-1-1-1-1"></div>
    
19.                                         </div>
    
20.                                 </div>
    
21.                         </div>
    
22.                         <div class="eye-1-2">
    
23.                                 <div class="eye-1-2-1">
    
24.                                         <div class="eye-1-2-1-1">
    
25.                                                 <div class="eye-1-2-1-1-1">
    
26.                                                         <div class="eye-1-2-1-1-1-1"></div>
    
27.                                                 </div>
    
28.                                                 <div class="eye-1-2-1-1-2">
    
29.                                                         <div class="eye-1-2-1-1-2-1">
    
30.                                                                 <div class="eye-1-2-1-1-2-1-1">
    
31.                                                                         <div class="eye-1-2-1-1-2-1-1-1"></div>
    
32.                                                                 </div>
    
33.                                                         </div>
    
34.                                                 </div>
    
35.                                         </div>
    
36.                                         <div class="eye-1-2-1-2">
    
37.                                                 <div class="eye-1-2-1-2-1"></div>
    
38.                                                 <div class="eye-1-2-1-2-2">
    
39.                                                         <div class="eye-1-2-1-2-2-1"></div>
    
40.                                                 </div>
    
41.                                         </div>
    
42.                                 </div>
    
43.                                 <div class="eye-1-2-2">
    
44.                                         <div class="eye-1-2-2-1">
    
45.                                                 <div class="eye-1-2-2-1-1"></div>
    
46.                                         </div>
    
47.                                         <div class="eye-1-2-2-2">
    
48.                                                 <div class="eye-1-2-2-2-1">
    
49.                                                         <div class="eye-1-2-2-2-1-1">
    
50.                                                                 <div class="eye-1-2-2-2-1-1-1">
    
51.                                                                         <div class="eye-1-2-2-2-1-1-1-1"></div>
    
52.                                                                         <div class="eye-1-2-2-2-1-1-1-2"></div>
    
53.                                                                 </div>
    
54.                                                         </div>
    
55.                                                 </div>
    
56.                                         </div>
    
57.                                         <div class="eye-1-2-2-3">
    
58.                                                 <div class="eye-1-2-2-3-1">
    
59.                                                         <div class="eye-1-2-2-3-1-1"></div>
    
60.                                                 </div>
    
61.                                                 <div class="eye-1-2-2-3-2"></div>
    
62.                                                 <div class="eye-1-2-2-3-3">
    
63.                                                         <div class="eye-1-2-2-3-3-1">
    
64.                                                                 <div class="eye-1-2-2-3-3-1-1">
    
65.                                                                         <div class="eye-1-2-2-3-3-1-1-1">
    
66.                                                                                 <div class="eye-1-2-2-3-3-1-1-1-1"></div>
    
67.                                                                         </div>
    
68.                                                                 </div>
    
69.                                                         </div>
    
70.                                                         <div class="eye-1-2-2-3-3-2">
    
71.                                                                 <div class="eye-1-2-2-3-3-2-1">
    
72.                                                                         <div class="eye-1-2-2-3-3-2-1-1">
    
73.                                                                                 <div class="eye-1-2-2-3-3-2-1-1-1">
    
74.                                                                                         <div class="eye-1-2-2-3-3-2-1-1-1-1"></div>
    
75.                                                                                 </div>
    
76.                                                                         </div>
    
77.                                                                 </div>
    
78.                                                         </div>
    
79.                                                 </div>
    
80.                                         </div>
    
81.                                 </div>
    
82.                         </div>
    
83.                         <div class="eye-1-3">
    
84.                                 <div class="eye-1-3-1">
    
85.                                         <div class="eye-1-3-1-1">
    
86.                                                 <div class="eye-1-3-1-1-1"></div>
    
87.                                         </div>
    
88.                                         <div class="eye-1-3-1-2">
    
89.                                                 <div class="eye-1-3-1-2-1"></div>
    
90.                                                 <div class="eye-1-3-1-2-2"></div>
    
91.                                         </div>
    
92.                                 </div>
    
93.                         </div>
    
94.                 </div>
    
95.                 <div class="eye-2">
    
96.                         <div class="eye-2-1">
    
97.                                 <div class="eye-2-1-1">
    
98.                                         <div class="eye-2-1-1-1">
    
99.                                                 <div class="eye-2-1-1-1-1">
    
100.                                                         <div class="eye-2-1-1-1-1-1">
     
101.                                                                 <div class="eye-2-1-1-1-1-1-1">
     
102.                                                                         <div class="eye-2-1-1-1-1-1-1-1">
     
103.                                                                                 <div class="eye-2-1-1-1-1-1-1-1-1">
     
104.                                                                                         <div class="eye-2-1-1-1-1-1-1-1-1-1">
     
105.                                                                                                 <div class="eye-2-1-1-1-1-1-1-1-1-1-1"></div>
     
106.                                                                                         </div>
     
107.                                                                                 </div>
     
108.                                                                                 <div class="eye-2-1-1-1-1-1-1-1-2">
     
109.                                                                                         <div class="eye-2-1-1-1-1-1-1-1-2-1"></div>
     
110.                                                                                 </div>
     
111.                                                                         </div>
     
112.                                                                 </div>
     
113.                                                         </div>
     
114.                                                 </div>
     
115.                                                 <div class="eye-2-1-1-1-2">
     
116.                                                         <div class="eye-2-1-1-1-2-1">
     
117.                                                                 <div class="eye-2-1-1-1-2-1-1">
     
118.                                                                         <div class="eye-2-1-1-1-2-1-1-1">
     
119.                                                                                 <div class="eye-2-1-1-1-2-1-1-1-1"></div>
     
120.                                                                         </div>
     
121.                                                                 </div>
     
122.                                                         </div>
     
123.                                                         <div class="eye-2-1-1-1-2-2"></div>
     
124.                                                 </div>
     
125.                                         </div>
     
126.                                 </div>
     
127.                                 <div class="eye-2-1-2">
     
128.                                         <div class="eye-2-1-2-1">
     
129.                                                 <div class="eye-2-1-2-1-1">
     
130.                                                         <div class="eye-2-1-2-1-1-1">
     
131.                                                                 <div class="eye-2-1-2-1-1-1-1">
     
132.                                                                         <div class="eye-2-1-2-1-1-1-1-1">
     
133.                                                                                 <div class="eye-2-1-2-1-1-1-1-1-1"></div>
     
134.                                                                         </div>
     
135.                                                                 </div>
     
136.                                                         </div>
     
137.                                                 </div>
     
138.                                         </div>
     
139.                                 </div>
     
140.                                 <div class="eye-2-1-3">
     
141.                                         <div class="eye-2-1-3-1">
     
142.                                                 <div class="eye-2-1-3-1-1">
     
143.                                                         <div class="eye-2-1-3-1-1-1">
     
144.                                                                 <div class="eye-2-1-3-1-1-1-1">
     
145.                                                                         <div class="eye-2-1-3-1-1-1-1-1">
     
146.                                                                                 <div class="eye-2-1-3-1-1-1-1-1-1">
     
147.                                                                                         <div class="eye-2-1-3-1-1-1-1-1-1-1">
     
148.                                                                                                 <div class="eye-2-1-3-1-1-1-1-1-1-1-1"></div>
     
149.                                                                                         </div>
     
150.                                                                                 </div>
     
151.                                                                         </div>
     
152.                                                                 </div>
     
153.                                                         </div>
     
154.                                                 </div>
     
155.                                                 <div class="eye-2-1-3-1-2">
     
156.                                                         <div class="eye-2-1-3-1-2-1">
     
157.                                                                 <div class="eye-2-1-3-1-2-1-1">
     
158.                                                                         <div class="eye-2-1-3-1-2-1-1-1">
     
159.                                                                                 <div class="eye-2-1-3-1-2-1-1-1-1">
     
160.                                                                                         <div class="eye-2-1-3-1-2-1-1-1-1-1">
     
161.                                                                                                 <div class="eye-2-1-3-1-2-1-1-1-1-1-1">
     
162.                                                                                                         <div class="eye-2-1-3-1-2-1-1-1-1-1-1-1">
     
163.                                                                                                                 <div class="eye-2-1-3-1-2-1-1-1-1-1-1-1-1"></div>
     
164.                                                                                                         </div>
     
165.                                                                                                 </div>
     
166.                                                                                         </div>
     
167.                                                                                 </div>
     
168.                                                                         </div>
     
169.                                                                 </div>
     
170.                                                         </div>
     
171.                                                         <div class="eye-2-1-3-1-2-2">
     
172.                                                                 <div class="eye-2-1-3-1-2-2-1"></div>
     
173.                                                                 <div class="eye-2-1-3-1-2-2-2">
     
174.                                                                         <div class="eye-2-1-3-1-2-2-2-1"></div>
     
175.                                                                         <div class="eye-2-1-3-1-2-2-2-2">
     
176.                                                                                 <div class="eye-2-1-3-1-2-2-2-2-1">
     
177.                                                                                         <div class="eye-2-1-3-1-2-2-2-2-1-1"></div>
     
178.                                                                                 </div>
     
179.                                                                         </div>
     
180.                                                                 </div>
     
181.                                                         </div>
     
182.                                                 </div>
     
183.                                         </div>
     
184.                                 </div>
     
185.                         </div>
     
186.                 </div>
     
187.                 <div class="eye-3">
     
188.                         <div class="eye-3-1">
     
189.                                 <div class="eye-3-1-1"></div>
     
190.                                 <div class="eye-3-1-2">
     
191.                                         <div class="eye-3-1-2-1">
     
192.                                                 <div class="eye-3-1-2-1-1">
     
193.                                                         <div class="eye-3-1-2-1-1-1">
     
194.                                                                 <div class="eye-3-1-2-1-1-1-1"></div>
     
195.                                                         </div>
     
196.                                                 </div>
     
197.                                         </div>
     
198.                                 </div>
     
199.                         </div>
     
200.                 </div>
     
201.                 <div class="eye-4">
     
202.                         <div class="eye-4-1">
     
203.                                 <div class="eye-4-1-1">
     
204.                                         <div class="eye-4-1-1-1">
     
205.                                                 <div class="eye-4-1-1-1-1">
     
206.                                                         <div class="eye-4-1-1-1-1-1">
     
207.                                                                 <div class="eye-4-1-1-1-1-1-1">
     
208.                                                                         <div class="eye-4-1-1-1-1-1-1-1"></div>
     
209.                                                                 </div>
     
210.                                                         </div>
     
211.                                                 </div>
     
212.                                         </div>
     
213.                                 </div>
     
214.                         </div>
     
215.                 </div>
     
216.                 <div class="eye-5">
     
217.                         <div class="eye-5-1"></div>
     
218.                         <div class="eye-5-2"></div>
     
219.                         <div class="eye-5-3"></div>
     
220.                         <div class="eye-5-4"></div>
     
221.                         <div class="eye-5-5"></div>
     
222.                         <div class="eye-5-6"></div>
     
223.                         <div class="eye-5-7"></div>
     
224.                         <div class="eye-5-8"></div>
     
225.                         <div class="eye-5-9"></div>
     
226.                         <div class="eye-5-10"></div>
     
227.                         <div class="eye-5-11"></div>
     
228.                         <div class="eye-5-12"></div>
     
229.                 </div>
     
230.                 <div class="eye-6">
     
231.                         <div class="eye-6-1">
     
232.                                 <div class="eye-6-1-1"></div>
     
233.                         </div>
     
234.                         <div class="eye-6-2"></div>
     
235.                         <div class="eye-6-3">
     
236.                                 <div class="eye-6-3-1">
     
237.                                         <div class="eye-6-3-1-1"></div>
     
238.                                 </div>
     
239.                         </div>
     
240.                         <div class="eye-6-4">
     
241.                                 <div class="eye-6-4-1">
     
242.                                         <div class="eye-6-4-1-1"></div>
     
243.                                 </div>
     
244.                         </div>
     
245.                         <div class="eye-6-5">
     
246.                                 <div class="eye-6-5-1">
     
247.                                         <div class="eye-6-5-1-1"></div>
     
248.                                 </div>
     
249.                         </div>
     
250.                         <div class="eye-6-6">
     
251.                                 <div class="eye-6-6-1"></div>
     
252.                         </div>
     
253.                         <div class="eye-6-7">
     
254.                                 <div class="eye-6-7-1">
     
255.                                         <div class="eye-6-7-1-1"></div>
     
256.                                 </div>
     
257.                         </div>
     
258.                         <div class="eye-6-8">
     
259.                                 <div class="eye-6-8-1">
     
260.                                         <div class="eye-6-8-1-1"></div>
     
261.                                 </div>
     
262.                         </div>
     
263.                         <div class="eye-6-9">
     
264.                                 <div class="eye-6-9-1">
     
265.                                         <div class="eye-6-9-1-1"></div>
     
266.                                 </div>
     
267.                         </div>
     
268.                         <div class="eye-6-10">
     
269.                                 <div class="eye-6-10-1">
     
270.                                         <div class="eye-6-10-1-1"></div>
     
271.                                 </div>
     
272.                         </div>
     
273.                         <div class="eye-6-11">
     
274.                                 <div class="eye-6-11-1">
     
275.                                         <div class="eye-6-11-1-1"></div>
     
276.                                 </div>
     
277.                         </div>
     
278.                         <div class="eye-6-12">
     
279.                                 <div class="eye-6-12-1">
     
280.                                         <div class="eye-6-12-1-1"></div>
     
281.                                 </div>
     
282.                         </div>
     
283.                 </div>
     
284.         </div>
     
285. </div>
     
286. <!-- partial -->
     
287.   
     
288. </body>
     
289. </html>
     

复制代码