Spaces:
Sleeping
Sleeping
<script lang="ts"> | |
export let classNames = ''; | |
</script> | |
<svg | |
xmlns="http://www.w3.org/2000/svg" | |
xmlns:xlink="http://www.w3.org/1999/xlink" | |
fill="none" | |
viewBox="0 0 385 450" | |
width="385" | |
height="450" | |
class={classNames} | |
> | |
<defs> | |
<path | |
id="a" | |
fill="#777A6F" | |
d="M372.7 107.8 201.9 7.6a25 25 0 0 0-25.7.2L12 107.7A25 25 0 0 0 0 129v194.2a25 25 0 0 0 12.2 21.5l164.2 97.7a25 25 0 0 0 25.3.2l170.7-98A25 25 0 0 0 385 323V129.3a25 25 0 0 0-12.3-21.5Z" | |
/> | |
</defs> | |
<use xlink:href="#a" /> | |
<mask | |
id="b" | |
width="385" | |
height="443" | |
x="0" | |
y="4" | |
maskUnits="userSpaceOnUse" | |
style="mask-type:alpha" | |
> | |
<use xlink:href="#a" /> | |
</mask> | |
<g mask="url(#b)"> | |
<path | |
fill="#4E4F51" | |
d="M9 328.5c-9-17-15-206-15-206L-14.5 357 190 486l202-133V126.5s-7.5 187.5-15 202c-3.5 6.8-39.3 28.2-78 52-43.2 26.6-90.5 55.5-109 55.5-18.2 0-63-26.6-104-52.5-37.9-23.9-72.7-46.8-77-55Z" | |
/> | |
<path | |
fill="#CCDDE2" | |
d="M166 379h48c-9.3 31-9.3 47.8 0 77h-48c8.3-30 7.2-47 0-77Zm165-78.8 30-23.2c8.1 32.4 18.3 45.8 47.1 61l-30 23.2c-4.2-35-15.9-47.2-47.1-61Z" | |
opacity=".2" | |
/> | |
<path | |
fill="#C89435" | |
d="M330 111.8 342.6 76c25.7 20.2 41.6 26 72.7 25.6l-12.7 35.8c-24.7-20.3-41-25-72.6-25.6Z" | |
opacity=".3" | |
/> | |
<path | |
fill="#CCDDE2" | |
d="m22 273 29 24.7c-29.7 14.9-40.7 27.7-50 58.6l-29-24.7c30.4-13.8 40.9-27 50-58.6Z" | |
opacity=".2" | |
/> | |
</g> | |
<path | |
fill="url(#c)" | |
d="m355.6 97.5-153.4-90a25 25 0 0 0-25.6.3L29 97.5a25 25 0 0 0-12 21.3v174.5a25 25 0 0 0 12.2 21.5l147.6 87.7a25 25 0 0 0 25.2.2l153.4-88A25 25 0 0 0 368 293V119.1a25 25 0 0 0-12.4-21.6Z" | |
/> | |
<mask | |
id="e" | |
width="351" | |
height="403" | |
x="17" | |
y="4" | |
maskUnits="userSpaceOnUse" | |
style="mask-type:alpha" | |
> | |
<path | |
fill="url(#d)" | |
d="m355.6 97.5-153.4-90a25 25 0 0 0-25.6.3L29 97.5a25 25 0 0 0-12 21.3v174.5a25 25 0 0 0 12.2 21.5l147.6 87.7a25 25 0 0 0 25.2.2l153.4-88A25 25 0 0 0 368 293V119.1a25 25 0 0 0-12.4-21.6Z" | |
/> | |
</mask> | |
<g mask="url(#e)"> | |
<path | |
fill="url(#f)" | |
d="M394.2 346.7c46.5-71.6-249.6-263-249.6-263L119 108s211.6 114.9 176.5 163.3c-35 48.4-217-78.3-217-78.3L107 311.7s240.7 106.5 287.3 35Z" | |
opacity=".4" | |
/> | |
<path | |
fill="#D9E8EF" | |
d="M157-47h177L137 459H-40L157-47Zm195.5-2H368L189.5 421H174L352.5-49Z" | |
opacity=".8" | |
/> | |
<path | |
fill="#ECF8FF" | |
d="M360.5 111c14 17 8 34 8 38L389 95 194-31 10 78.5V161s7.5-39.5 15.5-52.5 124-113 165-94 156 79.5 170 96.5Z" | |
/> | |
<path | |
fill="#DBEAF2" | |
d="M21.5 299c-14-17-8-34-8-38L-7 315l195 126 184-109.5V249s-7.5 39.5-15.5 52.5-124 113-165 94-156-79.5-170-96.5Z" | |
opacity=".7" | |
/> | |
</g> | |
<path | |
fill="#777A6F" | |
d="M109 325a5 5 0 0 1-5-5V57a5 5 0 0 1 5-5h41.8a5 5 0 0 1 5 5v263a5 5 0 0 1-5 5H109Zm173-21.2a5 5 0 0 1-.5 2.1c-2.9 5.5-7 10-12.2 13.6a32.3 32.3 0 0 1-18.6 5.5H198a33.2 33.2 0 0 1-30.6-19.1c-.4-.6-.5-1.4-.5-2V69.4c0-.7.1-1.4.5-2 3.2-6.6 8-11.5 14.3-15 .7-.3 1.4-.5 2.2-.5h80.8c.8 0 1.5.2 2.2.5a34 34 0 0 1 14.5 14.9c.3.7.5 1.4.5 2.1v234.3ZM228.2 273a5 5 0 0 0 5-5V105a5 5 0 0 0-5-5h-7.4a5 5 0 0 0-5 5v163a5 5 0 0 0 5 5h7.4Z" | |
/> | |
<path | |
fill="#fff" | |
d="M109 310a5 5 0 0 1-5-5V42a5 5 0 0 1 5-5h41.8a5 5 0 0 1 5 5v263a5 5 0 0 1-5 5H109Zm173-21.2a5 5 0 0 1-.5 2.1c-2.9 5.5-7 10-12.2 13.6a32.3 32.3 0 0 1-18.6 5.5H198a33.2 33.2 0 0 1-30.6-19.1c-.4-.6-.5-1.4-.5-2V54.4c0-.7.1-1.4.5-2 3.2-6.6 8-11.5 14.3-15 .7-.3 1.4-.5 2.2-.5h80.8c.8 0 1.5.2 2.2.5a34 34 0 0 1 14.5 14.9c.3.7.5 1.4.5 2.1v234.3ZM228.2 258a5 5 0 0 0 5-5V90a5 5 0 0 0-5-5h-7.4a5 5 0 0 0-5 5v163a5 5 0 0 0 5 5h7.4Z" | |
/> | |
<defs> | |
<linearGradient id="c" x1="103" x2="192.5" y1="13" y2="410" gradientUnits="userSpaceOnUse"> | |
<stop stop-color="#ACC0BE" /> | |
<stop offset="1" stop-color="#8BAAA7" /> | |
</linearGradient> | |
<linearGradient id="d" x1="94.5" x2="276" y1="12" y2="386.5" gradientUnits="userSpaceOnUse"> | |
<stop stop-color="#F2B445" /> | |
<stop offset="1" stop-color="#BD6D18" /> | |
</linearGradient> | |
<linearGradient id="f" x1="357.5" x2="69.5" y1="335" y2="146.5" gradientUnits="userSpaceOnUse"> | |
<stop stop-color="#6A807A" /> | |
<stop offset="1" stop-color="#6A807A" stop-opacity="0" /> | |
</linearGradient> | |
</defs> | |
</svg> | |