318 lines
13 KiB
HTML
318 lines
13 KiB
HTML
|
<svg class="m-mark" viewBox="0 0 161 29" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||
|
<style>
|
||
|
@-webkit-keyframes bar1 {
|
||
|
0% {
|
||
|
opacity: 1;
|
||
|
transform: translateX(0) translateY(0);
|
||
|
}
|
||
|
|
||
|
19% {
|
||
|
opacity: 0;
|
||
|
transform: translateX(10px) translateY(10px);
|
||
|
}
|
||
|
|
||
|
20% {
|
||
|
opacity: 1;
|
||
|
transform: translateX(-50px) translateY(-50px);
|
||
|
}
|
||
|
|
||
|
100% {
|
||
|
transform: translateX(0) translateY(0);
|
||
|
}
|
||
|
}
|
||
|
|
||
|
@keyframes bar1 {
|
||
|
0% {
|
||
|
opacity: 1;
|
||
|
transform: translateX(0) translateY(0);
|
||
|
}
|
||
|
|
||
|
19% {
|
||
|
opacity: 0;
|
||
|
transform: translateX(10px) translateY(10px);
|
||
|
}
|
||
|
|
||
|
20% {
|
||
|
opacity: 1;
|
||
|
transform: translateX(-50px) translateY(-50px);
|
||
|
}
|
||
|
|
||
|
100% {
|
||
|
transform: translateX(0) translateY(0);
|
||
|
}
|
||
|
}
|
||
|
|
||
|
@-webkit-keyframes bar2 {
|
||
|
0% {
|
||
|
opacity: 1;
|
||
|
transform: translateX(0) translateY(0);
|
||
|
}
|
||
|
|
||
|
19% {
|
||
|
opacity: 0;
|
||
|
transform: translateX(10px) translateY(10px);
|
||
|
}
|
||
|
|
||
|
20% {
|
||
|
opacity: 1;
|
||
|
transform: translateX(-50px) translateY(-50px);
|
||
|
}
|
||
|
|
||
|
100% {
|
||
|
transform: translateX(0) translateY(0);
|
||
|
}
|
||
|
}
|
||
|
|
||
|
@keyframes bar2 {
|
||
|
0% {
|
||
|
opacity: 1;
|
||
|
transform: translateX(0) translateY(0);
|
||
|
}
|
||
|
|
||
|
19% {
|
||
|
opacity: 0;
|
||
|
transform: translateX(10px) translateY(10px);
|
||
|
}
|
||
|
|
||
|
20% {
|
||
|
opacity: 1;
|
||
|
transform: translateX(-50px) translateY(-50px);
|
||
|
}
|
||
|
|
||
|
100% {
|
||
|
transform: translateX(0) translateY(0);
|
||
|
}
|
||
|
}
|
||
|
|
||
|
@-webkit-keyframes bar3 {
|
||
|
0% {
|
||
|
opacity: 1;
|
||
|
transform: translateX(0) translateY(0);
|
||
|
}
|
||
|
|
||
|
19% {
|
||
|
opacity: 0;
|
||
|
transform: translateX(30px) translateY(30px);
|
||
|
}
|
||
|
|
||
|
20% {
|
||
|
opacity: 1;
|
||
|
transform: translateX(-50px) translateY(-50px);
|
||
|
}
|
||
|
|
||
|
100% {
|
||
|
transform: translateX(0) translateY(0);
|
||
|
}
|
||
|
}
|
||
|
|
||
|
@keyframes bar3 {
|
||
|
0% {
|
||
|
opacity: 1;
|
||
|
transform: translateX(0) translateY(0);
|
||
|
}
|
||
|
|
||
|
19% {
|
||
|
opacity: 0;
|
||
|
transform: translateX(30px) translateY(30px);
|
||
|
}
|
||
|
|
||
|
20% {
|
||
|
opacity: 1;
|
||
|
transform: translateX(-50px) translateY(-50px);
|
||
|
}
|
||
|
|
||
|
100% {
|
||
|
transform: translateX(0) translateY(0);
|
||
|
}
|
||
|
}
|
||
|
|
||
|
@-webkit-keyframes bar4 {
|
||
|
0% {
|
||
|
opacity: 1;
|
||
|
transform: translateX(0) translateY(0);
|
||
|
}
|
||
|
|
||
|
59% {
|
||
|
opacity: 0;
|
||
|
transform: translateY(-50px) translateY(-50px);
|
||
|
}
|
||
|
|
||
|
60% {
|
||
|
opacity: 1;
|
||
|
transform: translateY(50px);
|
||
|
}
|
||
|
|
||
|
100% {
|
||
|
transform: translateY(0);
|
||
|
}
|
||
|
}
|
||
|
|
||
|
@keyframes bar4 {
|
||
|
0% {
|
||
|
opacity: 1;
|
||
|
transform: translateX(0) translateY(0);
|
||
|
}
|
||
|
|
||
|
59% {
|
||
|
opacity: 0;
|
||
|
transform: translateY(-50px) translateY(-50px);
|
||
|
}
|
||
|
|
||
|
60% {
|
||
|
opacity: 1;
|
||
|
transform: translateY(50px);
|
||
|
}
|
||
|
|
||
|
100% {
|
||
|
transform: translateY(0);
|
||
|
}
|
||
|
}
|
||
|
|
||
|
@-webkit-keyframes bar5 {
|
||
|
0% {
|
||
|
opacity: 1;
|
||
|
transform: translateX(0) translateY(0);
|
||
|
}
|
||
|
|
||
|
69% {
|
||
|
opacity: 0;
|
||
|
transform: translateY(-50px) translateY(-50px);
|
||
|
}
|
||
|
|
||
|
70% {
|
||
|
opacity: 1;
|
||
|
transform: translateY(50px);
|
||
|
}
|
||
|
|
||
|
100% {
|
||
|
transform: translateY(0);
|
||
|
}
|
||
|
}
|
||
|
|
||
|
@keyframes bar5 {
|
||
|
0% {
|
||
|
opacity: 1;
|
||
|
transform: translateX(0) translateY(0);
|
||
|
}
|
||
|
|
||
|
69% {
|
||
|
opacity: 0;
|
||
|
transform: translateY(-50px) translateY(-50px);
|
||
|
}
|
||
|
|
||
|
70% {
|
||
|
opacity: 1;
|
||
|
transform: translateY(50px);
|
||
|
}
|
||
|
|
||
|
100% {
|
||
|
transform: translateY(0);
|
||
|
}
|
||
|
}
|
||
|
|
||
|
.m-mark:hover {
|
||
|
cursor: pointer;
|
||
|
}
|
||
|
|
||
|
.m-mark:hover .bar1 {
|
||
|
-webkit-animation-name: bar1;
|
||
|
animation-name: bar1;
|
||
|
-webkit-animation-duration: 0.4s;
|
||
|
animation-duration: 0.4s;
|
||
|
}
|
||
|
|
||
|
.m-mark:hover .bar2 {
|
||
|
-webkit-animation-name: bar2;
|
||
|
animation-name: bar2;
|
||
|
-webkit-animation-duration: 0.6s;
|
||
|
animation-duration: 0.6s;
|
||
|
}
|
||
|
|
||
|
.m-mark:hover .bar3 {
|
||
|
-webkit-animation-name: bar2;
|
||
|
animation-name: bar2;
|
||
|
-webkit-animation-duration: 0.8s;
|
||
|
animation-duration: 0.8s;
|
||
|
}
|
||
|
|
||
|
.m-mark:hover .bar4 {
|
||
|
-webkit-animation-name: bar4;
|
||
|
animation-name: bar4;
|
||
|
-webkit-animation-duration: 0.7s;
|
||
|
animation-duration: 0.7s;
|
||
|
}
|
||
|
|
||
|
.m-mark:hover .bar5 {
|
||
|
-webkit-animation-name: bar5;
|
||
|
animation-name: bar5;
|
||
|
-webkit-animation-duration: 0.9s;
|
||
|
animation-duration: 0.9s;
|
||
|
}
|
||
|
</style>
|
||
|
<path
|
||
|
d="M54.0797 6.44507V21.2633H56.6555V11.0613H56.793L60.8883 21.2198H62.8129L66.9081 11.083H67.0456V21.2633H69.6214V6.44507H66.3365L61.9374 17.1825H61.7637L57.3646 6.44507H54.0797Z"
|
||
|
fill="#000"
|
||
|
></path>
|
||
|
<path
|
||
|
d="M75.6269 21.4875C77.3706 21.4875 78.4125 20.6699 78.89 19.7366H78.9769V21.2633H81.4948V13.8252C81.4948 10.8876 79.0999 10.0049 76.9799 10.0049C74.6428 10.0049 72.8484 11.0468 72.2696 13.0727L74.7152 13.42C74.9757 12.6603 75.7137 12.0091 76.9944 12.0091C78.2099 12.0091 78.8756 12.6314 78.8756 13.7239V13.7673C78.8756 14.5198 78.0869 14.556 76.1261 14.7658C73.9699 14.9974 71.9078 15.6413 71.9078 18.1448C71.9078 20.3299 73.5069 21.4875 75.6269 21.4875ZM76.307 19.5629C75.2144 19.5629 74.433 19.0637 74.433 18.1014C74.433 17.0956 75.3085 16.676 76.4806 16.5096C77.168 16.4155 78.5427 16.2419 78.8828 15.9669V17.2765C78.8828 18.5138 77.8843 19.5629 76.307 19.5629Z"
|
||
|
fill="#000"
|
||
|
></path>
|
||
|
<path
|
||
|
d="M89.6781 10.1496H87.4857V7.48697H84.8665V10.1496H83.2892V12.1755H84.8665V18.3546C84.852 20.4456 86.3715 21.4731 88.3395 21.4152C89.0848 21.3935 89.5985 21.2488 89.8807 21.1547L89.4393 19.1071C89.2946 19.1433 88.9979 19.2084 88.6724 19.2084C88.0139 19.2084 87.4857 18.9769 87.4857 17.9205V12.1755H89.6781V10.1496Z"
|
||
|
fill="#000"
|
||
|
></path>
|
||
|
<path
|
||
|
d="M96.6693 21.4803C99.2596 21.4803 101.04 20.2141 101.503 18.2822L99.057 18.0073C98.7025 18.9479 97.8342 19.4399 96.7055 19.4399C95.0124 19.4399 93.8909 18.3257 93.8692 16.4227H101.611V15.6196C101.611 11.7197 99.2668 10.0049 96.5318 10.0049C93.3483 10.0049 91.2717 12.342 91.2717 15.7716C91.2717 19.259 93.3193 21.4803 96.6693 21.4803ZM93.8764 14.6573C93.956 13.2391 95.0052 12.0453 96.568 12.0453C98.073 12.0453 99.086 13.1451 99.1004 14.6573H93.8764Z"
|
||
|
fill="#000"
|
||
|
></path>
|
||
|
<path
|
||
|
d="M103.827 21.2633H106.446V14.7296C106.446 13.3187 107.51 12.3202 108.95 12.3202C109.391 12.3202 109.941 12.3998 110.165 12.4722V10.0628C109.926 10.0194 109.514 9.99043 109.225 9.99043C107.951 9.99043 106.888 10.714 106.482 12.0019H106.367V10.1496H103.827V21.2633Z"
|
||
|
fill="#000"
|
||
|
></path>
|
||
|
<path
|
||
|
d="M111.905 21.2633H114.525V10.1496H111.905V21.2633ZM113.222 8.57229C114.054 8.57229 114.734 7.93557 114.734 7.15414C114.734 6.36548 114.054 5.72876 113.222 5.72876C112.383 5.72876 111.703 6.36548 111.703 7.15414C111.703 7.93557 112.383 8.57229 113.222 8.57229Z"
|
||
|
fill="#000"
|
||
|
></path>
|
||
|
<path
|
||
|
d="M120.416 21.4875C122.16 21.4875 123.202 20.6699 123.679 19.7366H123.766V21.2633H126.284V13.8252C126.284 10.8876 123.889 10.0049 121.769 10.0049C119.432 10.0049 117.638 11.0468 117.059 13.0727L119.504 13.42C119.765 12.6603 120.503 12.0091 121.784 12.0091C122.999 12.0091 123.665 12.6314 123.665 13.7239V13.7673C123.665 14.5198 122.876 14.556 120.915 14.7658C118.759 14.9974 116.697 15.6413 116.697 18.1448C116.697 20.3299 118.296 21.4875 120.416 21.4875ZM121.096 19.5629C120.004 19.5629 119.222 19.0637 119.222 18.1014C119.222 17.0956 120.098 16.676 121.27 16.5096C121.957 16.4155 123.332 16.2419 123.672 15.9669V17.2765C123.672 18.5138 122.674 19.5629 121.096 19.5629Z"
|
||
|
fill="#000"
|
||
|
></path>
|
||
|
<path d="M131.537 6.44507H128.918V21.2633H131.537V6.44507Z" fill="#000"></path>
|
||
|
<path
|
||
|
d="M134.23 21.2633H136.85V10.1496H134.23V21.2633ZM135.547 8.57229C136.379 8.57229 137.059 7.93557 137.059 7.15414C137.059 6.36548 136.379 5.72876 135.547 5.72876C134.708 5.72876 134.028 6.36548 134.028 7.15414C134.028 7.93557 134.708 8.57229 135.547 8.57229Z"
|
||
|
fill="#000"
|
||
|
></path>
|
||
|
<path d="M139.398 21.2633H148.522V19.0926H142.878V18.9986L148.334 11.9368V10.1496H139.586V12.3202H145.129V12.4143L139.398 19.5991V21.2633Z" fill="#000"></path>
|
||
|
<path
|
||
|
d="M155.586 21.4803C158.176 21.4803 159.956 20.2141 160.419 18.2822L157.973 18.0073C157.619 18.9479 156.751 19.4399 155.622 19.4399C153.929 19.4399 152.807 18.3257 152.786 16.4227H160.528V15.6196C160.528 11.7197 158.183 10.0049 155.448 10.0049C152.265 10.0049 150.188 12.342 150.188 15.7716C150.188 19.259 152.236 21.4803 155.586 21.4803ZM152.793 14.6573C152.872 13.2391 153.922 12.0453 155.484 12.0453C156.989 12.0453 158.002 13.1451 158.017 14.6573H152.793Z"
|
||
|
fill="#000"
|
||
|
></path>
|
||
|
<path
|
||
|
class="bar1"
|
||
|
d="M8.52478 28.5217C5.78102 28.5217 3.03726 28.5217 0.293498 28.5217C0.0489163 28.5217 0 28.4728 0 28.2327C0 25.5023 0 22.7674 0 20.0281C0.182324 20.0281 0.257922 20.2015 0.369096 20.3082C2.99872 22.9201 5.62389 25.5393 8.24462 28.166C8.35135 28.2594 8.51589 28.335 8.52478 28.5217Z"
|
||
|
fill="#000"
|
||
|
></path>
|
||
|
<path
|
||
|
class="bar3"
|
||
|
d="M25.0894 20.4296C25.7698 21.1766 26.4857 21.8837 27.2284 22.5641C27.3218 22.6708 27.4107 22.7864 27.513 22.8887C28.7804 24.1561 30.0566 25.4101 31.3196 26.682C31.9199 27.2912 32.5691 27.8559 33.0983 28.523H23.8932C23.7998 28.4118 23.7108 28.2962 23.6086 28.1939C22.0996 26.6938 20.5891 25.1893 19.0771 23.6803C13.9276 18.5455 8.77655 13.4108 3.62403 8.27608C2.42335 7.07985 1.25826 5.8525 0.00866699 4.71853V0.685153C1.61401 0.685153 3.2238 0.685153 4.83359 0.685153C4.9615 0.680522 5.0889 0.703552 5.20709 0.75267C5.32528 0.801787 5.43147 0.875836 5.51842 0.969757C9.76673 5.20324 14.018 9.43673 18.2722 13.6702C18.3555 13.7519 18.4431 13.8291 18.5346 13.9015C19.7842 15.1599 21.0293 16.4273 22.2878 17.6814C23.2128 18.6063 24.1555 19.5135 25.0894 20.4296Z"
|
||
|
fill="#000"
|
||
|
></path>
|
||
|
<path
|
||
|
class="bar5"
|
||
|
d="M33.1117 28.5223C32.5691 27.8552 31.9199 27.2904 31.3329 26.6812C30.07 25.4094 28.7937 24.1554 27.5263 22.888C27.424 22.7857 27.3351 22.6701 27.2417 22.5634C27.2417 22.3721 27.2417 22.1854 27.2417 21.9941C27.2417 15.5075 27.2417 9.01798 27.2417 2.52544C27.236 2.18135 27.3634 1.84836 27.5975 1.59603C27.8461 1.25748 28.1812 0.99211 28.5678 0.82779C28.9543 0.66347 29.378 0.606263 29.7942 0.662177C30.9727 0.751116 32.1645 0.697753 33.3518 0.662177C33.7164 0.662177 33.7965 0.76001 33.7965 1.10687C33.7965 7.61719 33.7965 14.1171 33.7965 20.6067C33.7965 23.0703 33.7965 25.5354 33.7965 28.002C33.7965 28.1754 33.7965 28.3488 33.8232 28.5223H33.1117Z"
|
||
|
fill="#000"
|
||
|
fill-opacity="0.7"
|
||
|
></path>
|
||
|
<path
|
||
|
class="bar2"
|
||
|
d="M0 16.9643V7.77246C0.137855 7.80359 0.209006 7.92366 0.297945 8.01704L3.13954 10.8231C8.37507 16.0438 13.6106 21.2645 18.8461 26.4852C19.5132 27.1522 20.2202 27.7881 20.8206 28.5219H11.5976C11.5976 28.3885 11.4687 28.3307 11.3886 28.2506C8.16606 25.031 4.93758 21.8144 1.70318 18.6008C1.16656 18.0238 0.597942 17.4774 0 16.9643H0Z"
|
||
|
fill="#000"
|
||
|
></path>
|
||
|
<path
|
||
|
class="bar4"
|
||
|
d="M25.089 20.4288C24.1551 19.5127 23.2124 18.6055 22.2874 17.6806C21.0289 16.4265 19.7838 15.1592 18.5342 13.9007C18.5342 12.9224 18.5342 11.9485 18.5342 10.9701C18.5244 10.8702 18.5369 10.7693 18.5707 10.6747C18.6045 10.5802 18.6589 10.4942 18.7298 10.4232L24.8533 4.33087C24.9022 4.28195 24.9645 4.24193 25.0089 4.2019C25.1468 4.25082 25.1068 4.3531 25.1068 4.4287C25.1068 9.69091 25.1068 14.9516 25.1068 20.2109C25.1054 20.2838 25.0995 20.3566 25.089 20.4288V20.4288Z"
|
||
|
fill="#000"
|
||
|
fill-opacity="0.7"
|
||
|
></path>
|
||
|
</svg>
|