feat: animate the logo in the navbar
This commit is contained in:
@@ -3,21 +3,43 @@ import { Link } from "react-router";
|
||||
import { cx, FOCUS_RING } from "./styles";
|
||||
import type { NavSurface } from "./types";
|
||||
|
||||
/* Exported from Figma logo/sharp-er (317:5571) and logo/sharp-er-dark
|
||||
(317:7812). Intrinsic 334x46; the navigation draws it at 100px wide, which
|
||||
is the designed size in every navigation frame (desktop and mobile). */
|
||||
const LOGO_SRC: Record<NavSurface, string> = {
|
||||
light: "/assets/sharp-er-logo.png",
|
||||
dark: "/assets/sharp-er-logo-dark.png",
|
||||
};
|
||||
/** One half of the animated brand lockup, drawn as its own SVG file. */
|
||||
interface BrandMark {
|
||||
src: string;
|
||||
/** Intrinsic size of the file, for the aspect ratio the browser reserves. */
|
||||
width: number;
|
||||
height: number;
|
||||
/** The mark's own drawn width, so the pair flexes to one scale. */
|
||||
drawnWidth: number;
|
||||
}
|
||||
|
||||
const LOGO_INTRINSIC_WIDTH = 334;
|
||||
const LOGO_INTRINSIC_HEIGHT = 46;
|
||||
/**
|
||||
* The SHARP-ER lockup, split into its two drawn pieces so the "-ER" can slide
|
||||
* out from behind the P and fade in once the page has settled (Navigation.css).
|
||||
* Each surface ships its own export of the two pieces: white on the dark
|
||||
* surface, the two-tone ink on the light surface. Both exports of a piece are
|
||||
* the exact same box (218x46 and 112x46), so the pair shares one scale; each
|
||||
* mark takes the share of the row its box gives it, and the suffix rides flush
|
||||
* against the P's right edge.
|
||||
*/
|
||||
const BRAND_LOCKUP: Record<
|
||||
NavSurface,
|
||||
{ base: BrandMark; suffix: BrandMark }
|
||||
> = {
|
||||
light: {
|
||||
base: { src: "/assets/sharp-wordmark.svg", width: 218, height: 46, drawnWidth: 218 },
|
||||
suffix: { src: "/assets/sharp-er-suffix.svg", width: 112, height: 46, drawnWidth: 112 },
|
||||
},
|
||||
dark: {
|
||||
base: { src: "/assets/sharp-wordmark-inverse.svg", width: 218, height: 46, drawnWidth: 218 },
|
||||
suffix: { src: "/assets/sharp-er-suffix-inverse.svg", width: 112, height: 46, drawnWidth: 112 },
|
||||
},
|
||||
};
|
||||
|
||||
export interface BrandProps {
|
||||
/** Locale-prefixed home path, e.g. "/en". */
|
||||
href: string;
|
||||
/** Accessible name of the link; the image itself is decorative. */
|
||||
/** Accessible name of the link; the images are decorative. */
|
||||
label: string;
|
||||
surface: NavSurface;
|
||||
className?: string;
|
||||
@@ -25,6 +47,8 @@ export interface BrandProps {
|
||||
|
||||
/** The SHARP-ER wordmark, linking home. Sits at the inline start of the bar. */
|
||||
export function Brand({ href, label, surface, className }: BrandProps) {
|
||||
const { base, suffix } = BRAND_LOCKUP[surface];
|
||||
|
||||
return (
|
||||
<Link
|
||||
to={href}
|
||||
@@ -35,16 +59,39 @@ export function Brand({ href, label, surface, className }: BrandProps) {
|
||||
className,
|
||||
)}
|
||||
>
|
||||
{/* `dir="ltr"` because a Latin wordmark never mirrors; its position on
|
||||
the bar still follows the page's direction. */}
|
||||
<span dir="ltr" className="flex w-[100px] items-start">
|
||||
<img
|
||||
src={LOGO_SRC[surface]}
|
||||
src={base.src}
|
||||
alt=""
|
||||
width={LOGO_INTRINSIC_WIDTH}
|
||||
height={LOGO_INTRINSIC_HEIGHT}
|
||||
width={base.width}
|
||||
height={base.height}
|
||||
loading="eager"
|
||||
decoding="async"
|
||||
draggable={false}
|
||||
className="block h-auto w-[100px]"
|
||||
style={{ flex: `${base.drawnWidth} 1 0%` }}
|
||||
className="block h-auto min-w-0"
|
||||
/>
|
||||
|
||||
{/* The clipping box starts at the P's right edge, so the mark inside
|
||||
it can slide out from behind the P (Navigation.css). */}
|
||||
<span
|
||||
style={{ flex: `${suffix.drawnWidth} 1 0%` }}
|
||||
className="sh-brand-suffix block min-w-0"
|
||||
>
|
||||
<img
|
||||
src={suffix.src}
|
||||
alt=""
|
||||
width={suffix.width}
|
||||
height={suffix.height}
|
||||
loading="eager"
|
||||
decoding="async"
|
||||
draggable={false}
|
||||
className="sh-brand-suffix__mark block h-auto w-full"
|
||||
/>
|
||||
</span>
|
||||
</span>
|
||||
</Link>
|
||||
);
|
||||
}
|
||||
|
||||
@@ -18,6 +18,54 @@
|
||||
animation: sh-nav-menu-in var(--motion-duration-base)
|
||||
var(--motion-ease-entrance) both;
|
||||
}
|
||||
|
||||
/* The "-ER" after "SHARP" in the brand, sliding out from behind the P and
|
||||
fading in once the page has settled. The same reveal the home hero used to
|
||||
run on its wordmark, now owned by the navigation. The suffix sits in its
|
||||
own box whose inline-start edge is the P's right edge, and that box clips;
|
||||
the mark starts a full box-width back - entirely beside "SHARP", so
|
||||
nothing overlaps it - and travels forward to rest, with the opacity
|
||||
reaching 1 before the travel ends, so the glyphs read as solid for the
|
||||
last, slowest part of the decelerating slide. The translate is physical
|
||||
(translateX) on purpose: the lockup row is pinned to dir="ltr" because a
|
||||
Latin wordmark never mirrors, so the P is always left of the suffix, in
|
||||
Arabic too. Pure CSS, so it runs from the server-rendered HTML without
|
||||
waiting for hydration, and the `both` fill keeps the suffix hidden through
|
||||
the delay instead of flashing in first. It replays whenever the navigation
|
||||
mounts again, e.g. on a client-side navigation back to a page. Under
|
||||
prefers-reduced-motion the animation is removed outright - app.css only
|
||||
collapses the duration and would leave the delay holding the suffix
|
||||
hidden - so the full name is simply there from the start. */
|
||||
.sh-brand-suffix {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.sh-brand-suffix__mark {
|
||||
animation: sh-brand-suffix-in var(--motion-duration-reveal)
|
||||
var(--motion-ease-entrance) var(--motion-delay-reveal) both;
|
||||
}
|
||||
|
||||
@media (prefers-reduced-motion: reduce) {
|
||||
.sh-brand-suffix__mark {
|
||||
animation: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes sh-brand-suffix-in {
|
||||
from {
|
||||
opacity: 0;
|
||||
transform: translateX(-100%);
|
||||
}
|
||||
|
||||
60% {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
to {
|
||||
opacity: 1;
|
||||
transform: translateX(0);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes sh-nav-menu-in {
|
||||
|
||||
@@ -7,6 +7,8 @@ import {
|
||||
type Locale,
|
||||
} from "../LanguageSwitcher";
|
||||
|
||||
import "./Navigation.css";
|
||||
|
||||
import { Brand } from "./Brand";
|
||||
import { DesktopNav } from "./DesktopNav";
|
||||
import { MobileNav } from "./MobileNav";
|
||||
|
||||
@@ -1 +1,22 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="116.87" height="46" viewBox="217.133 0 116.867 46"><!-- "-ER" of the SHARP-ER lockup: dash, E and R from Figma logo/sharp-er (317:5571), in its 334x46 units. The viewBox starts at the P's right edge so this sits flush after sharp-wordmark-inverse.svg; glyphs are lowered 0.66 units onto the SHARP baseline. --><g fill="#FFFFFF" transform="translate(0 0.655)"><rect x="222.411" y="18.612" width="25.518" height="7.181"/><path transform="translate(254.297 0.680)" d="M0 0H31.5681L32.2058 12.6272H31.0579C29.2722 8.33311 27.4015 5.39953 25.4458 3.82644C23.4901 2.21083 20.6203 1.40303 16.8363 1.40303H14.6042V21.1092H16.7725C18.7708 21.1092 20.4501 20.3652 21.8107 18.8771C23.1712 17.3465 24.1278 15.3058 24.6805 12.7548H25.6371V31.6319H24.553C23.7877 28.4432 22.746 26.1686 21.428 24.8081C20.1526 23.4475 18.3882 22.7673 16.1348 22.7673H14.6042V43.2387H17.0276C20.9391 43.2387 24.2554 42.0695 26.9764 39.7312C29.7399 37.3928 31.6319 34.3954 32.6523 30.739H33.9277L33.4175 44.6418H0V43.2387H3.58728V1.40303H0V0Z"/><path transform="translate(291.515 0.106)" d="M15.3596 2.32247C15.8358 1.61254 16.8895 1.25758 18.5207 1.25758C21.3575 1.25758 23.3535 2.17034 24.5186 3.98572C25.6837 5.80109 26.2714 8.35682 26.2714 11.6529C26.2714 13.5697 26.0282 15.3141 25.552 16.8759C25.0758 18.4377 24.1944 19.6953 22.9279 20.6284C21.6615 21.5614 19.7871 22.0381 17.3251 22.0381H14.6402V6.64286C14.6402 4.47252 14.8834 3.03239 15.3596 2.32247ZM41.5296 40.8206C41.1142 41.277 40.7292 41.6218 40.3746 41.8551C40.02 42.0883 39.5742 42.2202 39.0271 42.2608C38.2368 42.2608 37.629 41.9261 37.2135 41.2567C36.7982 40.5874 36.403 39.4211 36.0281 37.7477L34.5894 31.2975C34.0423 28.7114 32.8671 26.7743 31.0535 25.4761C29.2399 24.178 26.4639 23.3768 22.705 23.0421C24.3362 22.8596 25.8053 22.5756 27.0819 22.1902C29.5034 21.46 31.4081 20.4762 32.8063 19.2491C34.2045 18.0219 35.1872 16.6832 35.7749 15.2431C36.3625 13.8029 36.6563 12.373 36.6563 10.9531C36.6563 7.48463 35.2176 4.8072 32.3402 2.91069C29.4629 1.01418 25.1265 0.0608505 19.3312 0.0608505C18.5409 0.0608505 17.2035 0.0811341 15.3292 0.121701C13.4548 0.162268 11.5096 0.182552 9.51363 0.182552C7.76084 0.182552 5.99795 0.162268 4.22489 0.121701C2.45186 0.0811341 1.04357 0.0405669 0 0V1.25758C1.29686 1.29815 2.27962 1.46042 2.96857 1.7241C3.65753 1.98779 4.11345 2.49488 4.34648 3.22508C4.57949 3.95529 4.69095 5.09117 4.69095 6.63272V37.6868C4.69095 39.1878 4.57949 40.3135 4.34648 41.064C4.11345 41.8145 3.66766 42.3216 3.00909 42.565C2.35056 42.8084 1.33738 42.9808 0 43.062V44.3094C1.04357 44.2283 2.45186 44.1776 4.22489 44.1573C5.99795 44.137 7.88241 44.1268 9.88849 44.1268C11.6413 44.1268 13.3637 44.137 15.0759 44.1573C16.7881 44.1776 18.2066 44.2283 19.3312 44.3094V43.0721C17.9938 42.991 17.0009 42.8186 16.3322 42.5752C15.6635 42.3318 15.2177 41.8247 14.9847 41.0742C14.7517 40.3237 14.6402 39.1979 14.6402 37.697V23.2956H17.9533H18.703C19.9999 23.2956 21.0029 23.681 21.7324 24.4518C22.4619 25.2226 23.0292 26.2672 23.4548 27.5856C23.8803 28.904 24.2248 30.4355 24.5186 32.19L25.6432 38.4475C26.0991 41.0336 27.0616 42.8084 28.5206 43.7617C29.9796 44.7151 31.8336 45.2019 34.093 45.2019C35.9268 45.2019 37.4871 44.9179 38.784 44.3601C40.0808 43.8023 41.2865 42.8693 42.4111 41.5711L41.5296 40.8206Z"/></g></svg>
|
||||
<svg width="112" height="46" viewBox="0 0 112 46" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<mask id="mask0_654_4402" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="68" y="0" width="44" height="46">
|
||||
<path d="M68.917 0H111.588V45.3429H68.917V0Z" fill="white"/>
|
||||
</mask>
|
||||
<g mask="url(#mask0_654_4402)">
|
||||
<mask id="mask1_654_4402" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="69" y="0" width="43" height="46">
|
||||
<path d="M84.4732 2.42832C84.9494 1.7184 86.0031 1.36344 87.6343 1.36344C90.4712 1.36344 92.4671 2.2762 93.6322 4.09157C94.7974 5.90695 95.385 8.46268 95.385 11.7588C95.385 13.6755 95.1418 15.4199 94.6657 16.9818C94.1895 18.5436 93.308 19.8012 92.0416 20.7342C90.7751 21.6673 88.9008 22.1439 86.4388 22.1439H83.7539V6.74872C83.7539 4.57838 83.997 3.13825 84.4732 2.42832ZM110.643 40.9265C110.228 41.3829 109.843 41.7277 109.488 41.9609C109.134 42.1942 108.688 42.326 108.141 42.3666C107.35 42.3666 106.743 42.0319 106.327 41.3626C105.912 40.6932 105.517 39.5269 105.142 37.8535L103.703 31.4034C103.156 28.8172 101.981 26.8801 100.167 25.582C98.3536 24.2838 95.5775 23.4826 91.8187 23.148C93.4499 22.9654 94.919 22.6814 96.1955 22.2961C98.617 21.5658 100.522 20.5821 101.92 19.3549C103.318 18.1278 104.301 16.7891 104.889 15.3489C105.476 13.9088 105.77 12.4788 105.77 11.059C105.77 7.59048 104.331 4.91306 101.454 3.01655C98.5765 1.12003 94.2401 0.166708 88.4448 0.166708C87.6546 0.166708 86.3172 0.186992 84.4428 0.227559C82.5685 0.268126 80.6232 0.28841 78.6273 0.28841C76.8745 0.28841 75.1116 0.268126 73.3385 0.227559C71.5655 0.186992 70.1572 0.146425 69.1136 0.105858V1.36344C70.4105 1.404 71.3933 1.56627 72.0822 1.82996C72.7712 2.09364 73.2271 2.60073 73.4601 3.33094C73.6931 4.06115 73.8046 5.19703 73.8046 6.73858V37.7927C73.8046 39.2937 73.6931 40.4194 73.4601 41.1699C73.2271 41.9204 72.7813 42.4275 72.1227 42.6709C71.4642 42.9143 70.451 43.0867 69.1136 43.1678V44.4152C70.1572 44.3341 71.5655 44.2834 73.3385 44.2631C75.1116 44.2428 76.9961 44.2327 79.0021 44.2327C80.7549 44.2327 82.4773 44.2428 84.1896 44.2631C85.9018 44.2834 87.3202 44.3341 88.4448 44.4152V43.178C87.1075 43.0968 86.1146 42.9244 85.4459 42.681C84.7772 42.4376 84.3314 41.9305 84.0984 41.18C83.8653 40.4295 83.7539 39.3038 83.7539 37.8028V23.4015H87.0669H87.8167C89.1135 23.4015 90.1166 23.7869 90.846 24.5577C91.5755 25.3284 92.1429 26.373 92.5684 27.6915C92.994 29.0099 93.3384 30.5413 93.6322 32.2958L94.7569 38.5533C95.2128 41.1395 96.1753 42.9143 97.6343 43.8676C99.0932 44.8209 100.947 45.3077 103.207 45.3077C105.04 45.3077 106.601 45.0238 107.898 44.466C109.194 43.9082 110.4 42.9751 111.525 41.677L110.643 40.9265Z" fill="white"/>
|
||||
</mask>
|
||||
<g mask="url(#mask1_654_4402)">
|
||||
<path d="M-71.3516 -5.69522H156.01V50.381H-71.3516V-5.69522Z" fill="white"/>
|
||||
</g>
|
||||
</g>
|
||||
<g clip-path="url(#clip0_654_4402)">
|
||||
<path d="M31.887 0.679123H63.4551L64.0929 13.3064H62.9449C61.1593 9.01223 59.2885 6.07865 57.3328 4.50556C55.3771 2.88995 52.5073 2.08215 48.7233 2.08215H46.4913V21.7883H48.6596C50.6578 21.7883 52.3372 21.0443 53.6977 19.5562C55.0582 18.0256 56.0149 15.9849 56.5675 13.4339H57.5241V32.311H56.44C55.6747 29.1223 54.633 26.8477 53.3151 25.4872C52.0396 24.1267 50.2752 23.4464 48.0218 23.4464H46.4913V43.9179H48.9147C52.8262 43.9179 56.1424 42.7486 58.8634 40.4103C61.627 38.0719 63.5189 35.0746 64.5393 31.4182H65.8148L65.3046 45.3209H31.887V43.9179H35.4743V2.08215H31.887V0.679123Z" fill="white"/>
|
||||
</g>
|
||||
<rect y="18.6099" width="25.5096" height="7.18178" fill="white"/>
|
||||
<defs>
|
||||
<clipPath id="clip0_654_4402">
|
||||
<rect width="35.8728" height="44.6418" fill="white" transform="translate(30.2927 0.679123)"/>
|
||||
</clipPath>
|
||||
</defs>
|
||||
</svg>
|
||||
|
||||
|
Before Width: | Height: | Size: 3.2 KiB After Width: | Height: | Size: 3.6 KiB |
@@ -0,0 +1,22 @@
|
||||
<svg width="112" height="46" viewBox="0 0 112 46" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<mask id="mask0_652_4234" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="68" y="0" width="44" height="46">
|
||||
<path d="M68.9169 0H111.588V45.3429H68.9169V0Z" fill="white"/>
|
||||
</mask>
|
||||
<g mask="url(#mask0_652_4234)">
|
||||
<mask id="mask1_652_4234" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="69" y="0" width="43" height="46">
|
||||
<path d="M84.4732 2.42832C84.9494 1.7184 86.0031 1.36344 87.6343 1.36344C90.4711 1.36344 92.4671 2.2762 93.6322 4.09157C94.7973 5.90695 95.385 8.46268 95.385 11.7588C95.385 13.6755 95.1418 15.4199 94.6656 16.9818C94.1894 18.5436 93.308 19.8012 92.0415 20.7342C90.7751 21.6673 88.9007 22.1439 86.4387 22.1439H83.7538V6.74872C83.7538 4.57838 83.997 3.13825 84.4732 2.42832ZM110.643 40.9265C110.228 41.3829 109.843 41.7277 109.488 41.9609C109.134 42.1942 108.688 42.326 108.141 42.3666C107.35 42.3666 106.743 42.0319 106.327 41.3626C105.912 40.6932 105.517 39.5269 105.142 37.8535L103.703 31.4034C103.156 28.8172 101.981 26.8801 100.167 25.582C98.3536 24.2838 95.5775 23.4826 91.8186 23.148C93.4499 22.9654 94.9189 22.6814 96.1955 22.2961C98.617 21.5658 100.522 20.5821 101.92 19.3549C103.318 18.1278 104.301 16.7891 104.888 15.3489C105.476 13.9088 105.77 12.4788 105.77 11.059C105.77 7.59048 104.331 4.91306 101.454 3.01655C98.5765 1.12003 94.2401 0.166708 88.4448 0.166708C87.6545 0.166708 86.3172 0.186992 84.4428 0.227559C82.5685 0.268126 80.6232 0.28841 78.6272 0.28841C76.8745 0.28841 75.1116 0.268126 73.3385 0.227559C71.5655 0.186992 70.1572 0.146425 69.1136 0.105858V1.36344C70.4105 1.404 71.3932 1.56627 72.0822 1.82996C72.7712 2.09364 73.2271 2.60073 73.4601 3.33094C73.6931 4.06115 73.8046 5.19703 73.8046 6.73858V37.7927C73.8046 39.2937 73.6931 40.4194 73.4601 41.1699C73.2271 41.9204 72.7813 42.4275 72.1227 42.6709C71.4642 42.9143 70.451 43.0867 69.1136 43.1678V44.4152C70.1572 44.3341 71.5655 44.2834 73.3385 44.2631C75.1116 44.2428 76.996 44.2327 79.0021 44.2327C80.7549 44.2327 82.4773 44.2428 84.1895 44.2631C85.9018 44.2834 87.3202 44.3341 88.4448 44.4152V43.178C87.1074 43.0968 86.1145 42.9244 85.4458 42.681C84.7772 42.4376 84.3313 41.9305 84.0983 41.18C83.8653 40.4295 83.7538 39.3038 83.7538 37.8028V23.4015H87.0669H87.8166C89.1135 23.4015 90.1165 23.7869 90.846 24.5577C91.5755 25.3284 92.1428 26.373 92.5684 27.6915C92.9939 29.0099 93.3384 30.5413 93.6322 32.2958L94.7568 38.5533C95.2127 41.1395 96.1753 42.9143 97.6342 43.8676C99.0932 44.8209 100.947 45.3077 103.207 45.3077C105.04 45.3077 106.601 45.0238 107.898 44.466C109.194 43.9082 110.4 42.9751 111.525 41.677L110.643 40.9265Z" fill="white"/>
|
||||
</mask>
|
||||
<g mask="url(#mask1_652_4234)">
|
||||
<path d="M-71.3516 -5.69522H156.01V50.381H-71.3516V-5.69522Z" fill="#1D1D1B"/>
|
||||
</g>
|
||||
</g>
|
||||
<g clip-path="url(#clip0_652_4234)">
|
||||
<path d="M31.887 0.679123H63.4551L64.0928 13.3064H62.9449C61.1592 9.01223 59.2885 6.07865 57.3328 4.50556C55.3771 2.88995 52.5073 2.08215 48.7233 2.08215H46.4912V21.7883H48.6595C50.6578 21.7883 52.3371 21.0443 53.6977 19.5562C55.0582 18.0256 56.0148 15.9849 56.5675 13.4339H57.5241V32.311H56.44C55.6747 29.1223 54.633 26.8477 53.315 25.4872C52.0396 24.1267 50.2752 23.4464 48.0218 23.4464H46.4912V43.9179H48.9146C52.8261 43.9179 56.1424 42.7486 58.8634 40.4103C61.6269 38.0719 63.5189 35.0746 64.5392 31.4182H65.8147L65.3045 45.3209H31.887V43.9179H35.4743V2.08215H31.887V0.679123Z" fill="#1D1D1B"/>
|
||||
</g>
|
||||
<rect y="18.6099" width="25.5096" height="7.18178" fill="#1D1D1B"/>
|
||||
<defs>
|
||||
<clipPath id="clip0_652_4234">
|
||||
<rect width="35.8728" height="44.6418" fill="white" transform="translate(30.2926 0.679123)"/>
|
||||
</clipPath>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 3.6 KiB |
@@ -1,285 +1,93 @@
|
||||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<svg
|
||||
width="272.0"
|
||||
height="56.8"
|
||||
viewBox="209.6 153.6 272.0 56.8"
|
||||
version="1.1"
|
||||
id="svg906"
|
||||
xmlns:xlink="http://www.w3.org/1999/xlink"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:svg="http://www.w3.org/2000/svg">
|
||||
<defs
|
||||
id="defs892">
|
||||
<clipPath
|
||||
id="clip-69">
|
||||
<path
|
||||
clip-rule="nonzero"
|
||||
d="M 0 0.320312 L 53.457031 0.320312 L 53.457031 57 L 0 57 Z M 0 0.320312 "
|
||||
id="path456" />
|
||||
</clipPath>
|
||||
<clipPath
|
||||
id="clip-70">
|
||||
<path
|
||||
clip-rule="nonzero"
|
||||
d="M 19.445312 3.234375 C 20.039062 2.347656 21.363281 1.902344 23.410156 1.902344 C 26.96875 1.902344 29.472656 3.046875 30.933594 5.320312 C 32.394531 7.59375 33.132812 10.796875 33.132812 14.929688 C 33.132812 17.332031 32.828125 19.515625 32.230469 21.472656 C 31.632812 23.429688 30.527344 25.007812 28.9375 26.175781 C 27.347656 27.34375 24.996094 27.941406 21.910156 27.941406 L 18.542969 27.941406 L 18.542969 8.648438 C 18.542969 5.929688 18.847656 4.125 19.445312 3.234375 M 52.273438 51.480469 C 51.75 52.050781 51.269531 52.484375 50.824219 52.777344 C 50.378906 53.070312 49.820312 53.234375 49.132812 53.285156 C 48.140625 53.285156 47.378906 52.867188 46.859375 52.027344 C 46.335938 51.1875 45.839844 49.726562 45.371094 47.628906 L 43.566406 39.546875 C 42.878906 36.304688 41.40625 33.878906 39.128906 32.25 C 36.855469 30.625 33.375 29.621094 28.65625 29.199219 C 30.703125 28.972656 32.546875 28.617188 34.148438 28.132812 C 37.1875 27.21875 39.574219 25.984375 41.328125 24.449219 C 43.082031 22.910156 44.316406 21.230469 45.054688 19.425781 C 45.789062 17.621094 46.160156 15.832031 46.160156 14.050781 C 46.160156 9.703125 44.355469 6.351562 40.746094 3.972656 C 37.136719 1.597656 31.695312 0.402344 24.425781 0.402344 C 23.433594 0.402344 21.757812 0.425781 19.40625 0.476562 C 17.054688 0.527344 14.613281 0.554688 12.109375 0.554688 C 9.910156 0.554688 7.699219 0.527344 5.476562 0.476562 C 3.25 0.425781 1.484375 0.375 0.175781 0.324219 L 0.175781 1.902344 C 1.804688 1.953125 3.035156 2.15625 3.898438 2.484375 C 4.765625 2.816406 5.335938 3.453125 5.628906 4.367188 C 5.921875 5.28125 6.058594 6.707031 6.058594 8.636719 L 6.058594 47.554688 C 6.058594 49.433594 5.921875 50.84375 5.628906 51.785156 C 5.335938 52.726562 4.777344 53.363281 3.949219 53.667969 C 3.125 53.972656 1.855469 54.1875 0.175781 54.289062 L 0.175781 55.851562 C 1.484375 55.75 3.25 55.6875 5.476562 55.660156 C 7.699219 55.636719 10.0625 55.625 12.582031 55.625 C 14.777344 55.625 16.941406 55.636719 19.085938 55.660156 C 21.234375 55.6875 23.015625 55.75 24.425781 55.851562 L 24.425781 54.300781 C 22.746094 54.199219 21.503906 53.984375 20.664062 53.679688 C 19.824219 53.375 19.265625 52.738281 18.972656 51.796875 C 18.679688 50.859375 18.542969 49.445312 18.542969 47.566406 L 18.542969 29.519531 L 23.636719 29.519531 C 25.265625 29.519531 26.523438 30 27.4375 30.96875 C 28.351562 31.933594 29.066406 33.242188 29.597656 34.894531 C 30.132812 36.546875 30.5625 38.464844 30.933594 40.664062 L 32.34375 48.507812 C 32.914062 51.746094 34.121094 53.972656 35.953125 55.167969 C 37.785156 56.359375 40.109375 56.972656 42.941406 56.972656 C 45.242188 56.972656 47.199219 56.617188 48.828125 55.917969 C 50.453125 55.21875 51.96875 54.046875 53.378906 52.421875 Z M 52.273438 51.480469 "
|
||||
id="path459" />
|
||||
</clipPath>
|
||||
<clipPath
|
||||
id="clip-71">
|
||||
<rect
|
||||
x="0"
|
||||
y="0"
|
||||
width="54"
|
||||
height="57"
|
||||
id="rect462" />
|
||||
</clipPath>
|
||||
<g
|
||||
id="source-89"
|
||||
clip-path="url(#clip-71)">
|
||||
<g
|
||||
clip-path="url(#clip-69)"
|
||||
id="g469">
|
||||
<g
|
||||
clip-path="url(#clip-70)"
|
||||
id="g467">
|
||||
<rect
|
||||
x="-695.8"
|
||||
y="-332.199998"
|
||||
width="2073.6"
|
||||
height="1166.39999"
|
||||
fill="rgb(100%, 100%, 100%)"
|
||||
fill-opacity="1"
|
||||
id="rect465" />
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
<clipPath
|
||||
id="clip-74">
|
||||
<path
|
||||
clip-rule="nonzero"
|
||||
d="M 0.601562 0.191406 L 46.679688 0.191406 L 46.679688 55.917969 L 0.601562 55.917969 Z M 0.601562 0.191406 "
|
||||
id="path478" />
|
||||
</clipPath>
|
||||
<clipPath
|
||||
id="clip-75">
|
||||
<path
|
||||
clip-rule="nonzero"
|
||||
d="M 32.761719 24.179688 C 32.164062 26.480469 31.058594 28.335938 29.46875 29.746094 C 27.878906 31.160156 25.527344 31.871094 22.441406 31.871094 L 19.074219 31.871094 L 19.074219 8.648438 C 19.074219 5.929688 19.378906 4.125 19.976562 3.234375 C 20.574219 2.347656 21.894531 1.902344 23.941406 1.902344 C 27.5 1.902344 30.003906 3.132812 31.464844 5.585938 C 32.925781 8.039062 33.664062 11.765625 33.664062 16.71875 C 33.664062 19.390625 33.359375 21.867188 32.761719 24.167969 M 41.277344 4.710938 C 37.667969 1.835938 32.226562 0.390625 24.957031 0.390625 C 23.964844 0.390625 22.289062 0.414062 19.9375 0.464844 C 17.585938 0.515625 15.160156 0.542969 12.640625 0.542969 C 10.441406 0.542969 8.230469 0.515625 6.007812 0.464844 C 3.785156 0.414062 2.015625 0.363281 0.707031 0.3125 L 0.707031 1.902344 C 2.335938 1.953125 3.566406 2.15625 4.429688 2.484375 C 5.296875 2.816406 5.867188 3.453125 6.160156 4.367188 C 6.453125 5.28125 6.59375 6.707031 6.59375 8.636719 L 6.59375 47.554688 C 6.59375 49.433594 6.453125 50.84375 6.160156 51.785156 C 5.867188 52.726562 5.308594 53.347656 4.46875 53.667969 C 3.632812 53.984375 2.371094 54.1875 0.707031 54.300781 L 0.707031 55.867188 C 2.4375 55.816406 4.367188 55.765625 6.515625 55.714844 C 8.664062 55.660156 10.863281 55.636719 13.097656 55.636719 C 15.921875 55.636719 18.617188 55.660156 21.183594 55.714844 C 23.75 55.765625 25.835938 55.816406 27.460938 55.867188 L 27.460938 54.148438 C 25.109375 54.097656 23.332031 53.921875 22.125 53.601562 C 20.914062 53.285156 20.101562 52.636719 19.683594 51.644531 C 19.261719 50.65625 19.058594 49.128906 19.058594 47.097656 L 19.058594 33.433594 L 23.214844 33.433594 C 27.816406 33.433594 31.640625 32.886719 34.667969 31.792969 C 37.691406 30.699219 40.09375 29.265625 41.847656 27.523438 C 43.601562 25.78125 44.847656 23.863281 45.570312 21.792969 C 46.296875 19.71875 46.664062 17.75 46.664062 15.867188 C 46.664062 11.320312 44.859375 7.609375 41.25 4.734375 "
|
||||
id="path481" />
|
||||
</clipPath>
|
||||
<clipPath
|
||||
id="clip-76">
|
||||
<rect
|
||||
x="0"
|
||||
y="0"
|
||||
width="47"
|
||||
height="56"
|
||||
id="rect484" />
|
||||
</clipPath>
|
||||
<g
|
||||
id="source-92"
|
||||
clip-path="url(#clip-76)">
|
||||
<g
|
||||
clip-path="url(#clip-74)"
|
||||
id="g491">
|
||||
<g
|
||||
clip-path="url(#clip-75)"
|
||||
id="g489">
|
||||
<rect
|
||||
x="-751.8"
|
||||
y="-332.199998"
|
||||
width="2073.6"
|
||||
height="1166.39999"
|
||||
fill="rgb(100%, 100%, 100%)"
|
||||
fill-opacity="1"
|
||||
id="rect487" />
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
<clipPath
|
||||
id="clip-79">
|
||||
<path
|
||||
clip-rule="nonzero"
|
||||
d="M 0.640625 0.078125 L 37.601562 0.078125 L 37.601562 55.917969 L 0.640625 55.917969 Z M 0.640625 0.078125 "
|
||||
id="path500" />
|
||||
</clipPath>
|
||||
<clipPath
|
||||
id="clip-80">
|
||||
<path
|
||||
clip-rule="nonzero"
|
||||
d="M 0.761719 0.171875 L 18.148438 47.71875 C 19.1875 50.386719 19.367188 52.128906 18.65625 52.941406 C 17.941406 53.753906 16.265625 54.214844 13.597656 54.316406 L 13.597656 55.878906 C 14.855469 55.777344 16.558594 55.714844 18.691406 55.6875 C 20.828125 55.660156 23.117188 55.648438 25.519531 55.648438 C 27.664062 55.648438 29.800781 55.660156 31.910156 55.6875 C 34.019531 55.714844 35.875 55.777344 37.4375 55.878906 L 37.4375 54.300781 C 36.703125 54.25 35.875 53.871094 34.972656 53.160156 C 34.070312 52.445312 33.234375 51.164062 32.496094 49.269531 L 13.429688 0.160156 Z M 0.761719 0.171875 "
|
||||
id="path503" />
|
||||
</clipPath>
|
||||
<clipPath
|
||||
id="clip-81">
|
||||
<rect
|
||||
x="0"
|
||||
y="0"
|
||||
width="38"
|
||||
height="56"
|
||||
id="rect506" />
|
||||
</clipPath>
|
||||
<g
|
||||
id="source-95"
|
||||
clip-path="url(#clip-81)">
|
||||
<g
|
||||
clip-path="url(#clip-79)"
|
||||
id="g513">
|
||||
<g
|
||||
clip-path="url(#clip-80)"
|
||||
id="g511">
|
||||
<rect
|
||||
x="-654.8"
|
||||
y="-332.199998"
|
||||
width="2073.6"
|
||||
height="1166.39999"
|
||||
fill="rgb(100%, 100%, 100%)"
|
||||
fill-opacity="1"
|
||||
id="rect509" />
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
<clipPath
|
||||
id="clip-84">
|
||||
<path
|
||||
clip-rule="nonzero"
|
||||
d="M 0.285156 0.371094 L 43.382812 0.371094 L 43.382812 58 L 0.285156 58 Z M 0.285156 0.371094 "
|
||||
id="path522" />
|
||||
</clipPath>
|
||||
<clipPath
|
||||
id="clip-85">
|
||||
<path
|
||||
clip-rule="nonzero"
|
||||
d="M 15.945312 11.390625 C 17.511719 10.195312 19.707031 9.597656 22.53125 9.597656 C 25.453125 9.597656 27.726562 10.3125 29.34375 11.734375 C 30.957031 13.15625 31.769531 15.152344 31.769531 17.71875 L 43.308594 17.71875 C 43.308594 14.367188 42.445312 11.351562 40.71875 8.722656 C 38.988281 6.089844 36.550781 4.03125 33.421875 2.582031 C 30.296875 1.136719 26.722656 0.410156 22.722656 0.410156 C 18.742188 0.410156 15.160156 1.070312 11.96875 2.40625 C 8.777344 3.742188 6.324219 5.597656 4.621094 7.972656 C 2.917969 10.347656 2.066406 13.042969 2.066406 16.066406 C 2.066406 21.890625 5.246094 26.527344 11.613281 29.960938 C 13.953125 31.21875 17.117188 32.488281 21.121094 33.785156 C 25.121094 35.082031 27.894531 36.3125 29.429688 37.484375 C 30.96875 38.652344 31.746094 40.332031 31.746094 42.503906 C 31.746094 44.5 30.96875 46.0625 29.429688 47.179688 C 27.894531 48.300781 25.746094 48.859375 23 48.859375 C 15.617188 48.859375 11.917969 45.769531 11.917969 39.582031 L 0.328125 39.582031 C 0.328125 43.203125 1.253906 46.378906 3.109375 49.125 C 4.964844 51.871094 7.671875 54.03125 11.207031 55.605469 C 14.738281 57.183594 18.667969 57.972656 22.976562 57.972656 C 29.175781 57.972656 34.121094 56.585938 37.78125 53.828125 C 41.441406 51.070312 43.285156 47.269531 43.285156 42.414062 C 43.285156 38.054688 41.785156 34.40625 38.785156 31.484375 C 35.785156 28.5625 30.996094 26.109375 24.4375 24.140625 C 20.867188 23.058594 18.171875 21.902344 16.339844 20.667969 C 14.511719 19.4375 13.582031 17.910156 13.582031 16.09375 C 13.582031 14.148438 14.371094 12.574219 15.933594 11.378906 "
|
||||
id="path525" />
|
||||
</clipPath>
|
||||
<clipPath
|
||||
id="clip-86">
|
||||
<rect
|
||||
x="0"
|
||||
y="0"
|
||||
width="44"
|
||||
height="58"
|
||||
id="rect528" />
|
||||
</clipPath>
|
||||
<g
|
||||
id="source-98"
|
||||
clip-path="url(#clip-86)">
|
||||
<g
|
||||
clip-path="url(#clip-84)"
|
||||
id="g535">
|
||||
<g
|
||||
clip-path="url(#clip-85)"
|
||||
id="g533">
|
||||
<rect
|
||||
x="-525.8"
|
||||
y="-331.199998"
|
||||
width="2073.6"
|
||||
height="1166.39999"
|
||||
fill="rgb(100%, 100%, 100%)"
|
||||
fill-opacity="1"
|
||||
id="rect531" />
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
<clipPath
|
||||
id="clip-88">
|
||||
<path
|
||||
clip-rule="nonzero"
|
||||
d="M 34.453125 0.1875 L 45.996094 0.1875 L 45.996094 22.882812 L 34.453125 22.882812 Z M 0.40625 0.1875 L 11.945312 0.1875 L 11.945312 22.882812 L 0.40625 22.882812 Z M 0.40625 22.882812 L 45.996094 22.882812 L 45.996094 32.199219 L 0.40625 32.199219 Z M 0.40625 32.199219 L 11.945312 32.199219 L 11.945312 55.96875 L 0.40625 55.96875 Z M 34.453125 32.199219 L 45.996094 32.199219 L 45.996094 55.96875 L 34.453125 55.96875 Z M 34.453125 32.199219 "
|
||||
id="path541" />
|
||||
</clipPath>
|
||||
<clipPath
|
||||
id="clip-89">
|
||||
<rect
|
||||
x="0"
|
||||
y="0"
|
||||
width="46"
|
||||
height="56"
|
||||
id="rect544" />
|
||||
</clipPath>
|
||||
<g
|
||||
id="source-101"
|
||||
clip-path="url(#clip-89)">
|
||||
<g
|
||||
clip-path="url(#clip-88)"
|
||||
id="g549">
|
||||
<rect
|
||||
x="-576.8"
|
||||
y="-332.199998"
|
||||
width="2073.6"
|
||||
height="1166.39999"
|
||||
fill="rgb(100%, 100%, 100%)"
|
||||
fill-opacity="1"
|
||||
id="rect547" />
|
||||
</g>
|
||||
</g>
|
||||
<clipPath
|
||||
id="clip-92">
|
||||
<path
|
||||
clip-rule="nonzero"
|
||||
d="M 0.519531 0.078125 L 36.636719 0.078125 L 36.636719 56 L 0.519531 56 Z M 0.519531 0.078125 "
|
||||
id="path558" />
|
||||
</clipPath>
|
||||
<clipPath
|
||||
id="clip-93">
|
||||
<path
|
||||
clip-rule="nonzero"
|
||||
d="M 17.871094 41.503906 L 36.59375 41.503906 L 33.175781 32.199219 L 21.0625 32.199219 L 26.933594 15.144531 L 21.378906 0.1875 L 0.625 55.96875 L 12.890625 55.96875 Z M 17.871094 41.503906 "
|
||||
id="path561" />
|
||||
</clipPath>
|
||||
<clipPath
|
||||
id="clip-94">
|
||||
<rect
|
||||
x="0"
|
||||
y="0"
|
||||
width="37"
|
||||
height="56"
|
||||
id="rect564" />
|
||||
</clipPath>
|
||||
<g
|
||||
id="source-104"
|
||||
clip-path="url(#clip-94)">
|
||||
<g
|
||||
clip-path="url(#clip-92)"
|
||||
id="g571">
|
||||
<g
|
||||
clip-path="url(#clip-93)"
|
||||
id="g569">
|
||||
<rect
|
||||
x="-627.8"
|
||||
y="-332.199998"
|
||||
width="2073.6"
|
||||
height="1166.39999"
|
||||
fill="rgb(100%, 100%, 100%)"
|
||||
fill-opacity="1"
|
||||
id="rect567" />
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</defs>
|
||||
<use
|
||||
xlink:href="#source-98"
|
||||
transform="matrix(1, 0, 0, 1, 209, 153)"
|
||||
id="use894" />
|
||||
<use
|
||||
xlink:href="#source-101"
|
||||
transform="matrix(1, 0, 0, 1, 260, 154)"
|
||||
id="use896" />
|
||||
<use
|
||||
xlink:href="#source-104"
|
||||
transform="matrix(1, 0, 0, 1, 311, 154)"
|
||||
id="use898" />
|
||||
<use
|
||||
xlink:href="#source-95"
|
||||
transform="matrix(1, 0, 0, 1, 338, 154)"
|
||||
id="use900" />
|
||||
<use
|
||||
xlink:href="#source-89"
|
||||
transform="matrix(1, 0, 0, 1, 379, 154)"
|
||||
id="use902" />
|
||||
<use
|
||||
xlink:href="#source-92"
|
||||
transform="matrix(1, 0, 0, 1, 435, 154)"
|
||||
id="use904" />
|
||||
<svg width="218" height="46" viewBox="0 0 218 46" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<mask id="mask0_654_5095" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="135" y="0" width="43" height="46">
|
||||
<path d="M135.235 0.657146H177.907V46H135.235V0.657146Z" fill="white"/>
|
||||
</mask>
|
||||
<g mask="url(#mask0_654_5095)">
|
||||
<mask id="mask1_654_5095" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="135" y="0" width="43" height="46">
|
||||
<path d="M150.792 3.08547C151.268 2.37555 152.322 2.02058 153.953 2.02058C156.79 2.02058 158.786 2.93334 159.951 4.74872C161.116 6.5641 161.704 9.11982 161.704 12.4159C161.704 14.3327 161.46 16.0771 160.984 17.6389C160.508 19.2007 159.627 20.4583 158.36 21.3914C157.094 22.3244 155.219 22.8011 152.757 22.8011H150.072V7.40586C150.072 5.23552 150.316 3.79539 150.792 3.08547ZM176.962 41.5836C176.546 42.04 176.161 42.3848 175.807 42.6181C175.452 42.8513 175.006 42.9832 174.459 43.0238C173.669 43.0238 173.061 42.6891 172.646 42.0197C172.23 41.3504 171.835 40.1841 171.46 38.5107L170.022 32.0605C169.474 29.4744 168.299 27.5373 166.486 26.2391C164.672 24.941 161.896 24.1398 158.137 23.8051C159.768 23.6226 161.237 23.3386 162.514 22.9532C164.935 22.223 166.84 21.2392 168.238 20.0121C169.637 18.7849 170.619 17.4462 171.207 16.0061C171.795 14.566 172.088 13.136 172.088 11.7161C172.088 8.24763 170.65 5.5702 167.772 3.67369C164.895 1.77718 160.559 0.823855 154.763 0.823855C153.973 0.823855 152.636 0.844138 150.761 0.884705C148.887 0.925272 146.942 0.945556 144.946 0.945556C143.193 0.945556 141.43 0.925272 139.657 0.884705C137.884 0.844138 136.476 0.803571 135.432 0.763004V2.02058C136.729 2.06115 137.712 2.22342 138.401 2.48711C139.09 2.75079 139.546 3.25788 139.779 3.98809C140.012 4.71829 140.123 5.85417 140.123 7.39572V38.4498C140.123 39.9508 140.012 41.0765 139.779 41.827C139.546 42.5775 139.1 43.0846 138.441 43.328C137.783 43.5714 136.77 43.7438 135.432 43.825V45.0724C136.476 44.9913 137.884 44.9406 139.657 44.9203C141.43 44.9 143.315 44.8898 145.321 44.8898C147.073 44.8898 148.796 44.9 150.508 44.9203C152.22 44.9406 153.639 44.9913 154.763 45.0724V43.8351C153.426 43.754 152.433 43.5816 151.764 43.3382C151.096 43.0948 150.65 42.5877 150.417 41.8372C150.184 41.0867 150.072 39.9609 150.072 38.46V24.0587H153.385H154.135C155.432 24.0587 156.435 24.444 157.165 25.2148C157.894 25.9856 158.461 27.0302 158.887 28.3486C159.312 29.667 159.657 31.1985 159.951 32.953L161.075 39.2105C161.531 41.7966 162.494 43.5714 163.953 44.5247C165.412 45.4781 167.266 45.9649 169.525 45.9649C171.359 45.9649 172.919 45.6809 174.216 45.1231C175.513 44.5653 176.719 43.6323 177.843 42.3341L176.962 41.5836Z" fill="white"/>
|
||||
</mask>
|
||||
<g mask="url(#mask1_654_5095)">
|
||||
<path d="M-5.03308 -5.03807H222.329V51.0381H-5.03308V-5.03807Z" fill="white"/>
|
||||
</g>
|
||||
</g>
|
||||
<mask id="mask2_654_5095" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="180" y="0" width="38" height="46">
|
||||
<path d="M180.314 0.657146H217.296V45.1238H180.314V0.657146Z" fill="white"/>
|
||||
</mask>
|
||||
<g mask="url(#mask2_654_5095)">
|
||||
<mask id="mask3_654_5095" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="180" y="0" width="38" height="46">
|
||||
<path d="M206.05 19.7991C205.574 21.6348 204.692 23.1155 203.426 24.2412C202.159 25.367 200.285 25.9349 197.823 25.9349H195.138V7.40588C195.138 5.23554 195.381 3.79541 195.857 3.08548C196.334 2.37556 197.387 2.0206 199.018 2.0206C201.855 2.0206 203.851 3.00435 205.016 4.96171C206.181 6.91907 206.769 9.89061 206.769 13.8459C206.769 15.9757 206.526 17.9533 206.05 19.789M212.838 4.26193C209.961 1.96989 205.624 0.813727 199.829 0.813727C199.039 0.813727 197.701 0.83401 195.827 0.874577C193.953 0.915144 192.017 0.935428 190.011 0.935428C188.259 0.935428 186.496 0.915144 184.723 0.874577C182.95 0.83401 181.541 0.793443 180.498 0.752876V2.0206C181.795 2.06116 182.777 2.22343 183.466 2.48712C184.155 2.7508 184.611 3.25789 184.844 3.9881C185.077 4.71831 185.189 5.85419 185.189 7.39574V38.4498C185.189 39.9508 185.077 41.0766 184.844 41.827C184.611 42.5775 184.165 43.0745 183.497 43.328C182.828 43.5816 181.825 43.7438 180.498 43.8351V45.0826C181.876 45.042 183.416 45.0014 185.128 44.9609C186.84 44.9203 188.593 44.9 190.376 44.9C192.625 44.9 194.773 44.9203 196.82 44.9609C198.866 45.0014 200.528 45.042 201.825 45.0826V43.7134C199.951 43.6729 198.532 43.5309 197.57 43.2773C196.607 43.0238 195.959 42.5065 195.624 41.7155C195.29 40.9244 195.128 39.7074 195.128 38.0847V27.1823H198.441C202.109 27.1823 205.158 26.7462 207.57 25.874C209.981 25.0019 211.896 23.8558 213.294 22.4664C214.692 21.077 215.685 19.5456 216.262 17.8925C216.84 16.2394 217.134 14.6674 217.134 13.1664C217.134 9.53565 215.695 6.57425 212.818 4.28221" fill="white"/>
|
||||
</mask>
|
||||
<g mask="url(#mask3_654_5095)">
|
||||
<mask id="mask4_654_5095" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="180" y="0" width="38" height="46">
|
||||
<path d="M180.362 0.70108H217.287V45.1324H180.362V0.70108Z" fill="white"/>
|
||||
</mask>
|
||||
<g mask="url(#mask4_654_5095)">
|
||||
<path d="M-5.03302 -5.03807H222.329V51.0381H-5.03302V-5.03807Z" fill="white"/>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
<mask id="mask5_654_5095" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="103" y="0" width="30" height="46">
|
||||
<path d="M103.068 0.438099H132.61V45.1238H103.068V0.438099Z" fill="white"/>
|
||||
</mask>
|
||||
<g mask="url(#mask5_654_5095)">
|
||||
<mask id="mask6_654_5095" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="103" y="0" width="30" height="46">
|
||||
<path d="M103.214 0.641306L117.074 38.5817C117.904 40.7114 118.046 42.1009 117.479 42.7499C116.911 43.399 115.574 43.7641 113.446 43.8452V45.0927C114.449 45.0116 115.807 44.9609 117.509 44.9406C119.211 44.9203 121.035 44.9101 122.95 44.9101C124.662 44.9101 126.364 44.9203 128.046 44.9406C129.728 44.9609 131.207 45.0116 132.453 45.0927V43.8351C131.866 43.7945 131.207 43.4903 130.488 42.9223C129.769 42.3544 129.1 41.3301 128.512 39.819L113.315 0.631165L103.214 0.641306Z" fill="white"/>
|
||||
</mask>
|
||||
<g mask="url(#mask6_654_5095)">
|
||||
<mask id="mask7_654_5095" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="103" y="0" width="30" height="46">
|
||||
<path d="M103.068 0.509548H132.531V45.1323H103.068V0.509548Z" fill="white"/>
|
||||
</mask>
|
||||
<g mask="url(#mask7_654_5095)">
|
||||
<path d="M-5.03308 -5.0381H222.329V51.0381H-5.03308V-5.0381Z" fill="white"/>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
<mask id="mask8_654_5095" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="0" width="35" height="46">
|
||||
<path d="M0 0H34.3559V46H0V0Z" fill="white"/>
|
||||
</mask>
|
||||
<g mask="url(#mask8_654_5095)">
|
||||
<mask id="mask9_654_5095" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="0" width="35" height="46">
|
||||
<path d="M12.4846 8.79529C13.7308 7.84197 15.4836 7.3653 17.7328 7.3653C20.0631 7.3653 21.8766 7.93324 23.1634 9.06912C24.4501 10.205 25.0985 11.7973 25.0985 13.8459H34.298C34.298 11.1685 33.6091 8.76487 32.2312 6.66552C30.8533 4.56617 28.908 2.92321 26.4156 1.76705C23.9232 0.610884 21.0762 0.0328026 17.8848 0.0328026C14.7136 0.0328026 11.8564 0.560174 9.3134 1.62506C6.77035 2.68995 4.81495 4.17065 3.4573 6.06716C2.09966 7.96367 1.42084 10.1137 1.42084 12.5275C1.42084 17.1724 3.95376 20.8741 9.02971 23.6124C10.8939 24.6165 13.4167 25.6306 16.6082 26.6651C19.7997 27.6996 22.0084 28.6833 23.2343 29.6163C24.4602 30.5494 25.0782 31.8881 25.0782 33.6223C25.0782 35.2146 24.4602 36.462 23.2343 37.3545C22.0084 38.247 20.2961 38.6932 18.1077 38.6932C12.2212 38.6932 9.27287 36.2288 9.27287 31.2897H0.0328064C0.0328064 34.1801 0.772417 36.7156 2.25164 38.9062C3.73086 41.0968 5.8889 42.8209 8.7055 44.0785C11.5221 45.3361 14.6528 45.9649 18.0874 45.9649C23.0317 45.9649 26.9729 44.8594 29.8908 42.6587C32.8087 40.4579 34.2778 37.4255 34.2778 33.5514C34.2778 30.0727 33.0822 27.162 30.6912 24.8294C28.3001 22.4968 24.4805 20.5395 19.2525 18.9675C16.4056 18.1054 14.2576 17.1825 12.7987 16.1988C11.3397 15.215 10.6001 13.998 10.6001 12.5477C10.6001 10.9961 11.2283 9.73848 12.4745 8.78515" fill="white"/>
|
||||
</mask>
|
||||
<g mask="url(#mask9_654_5095)">
|
||||
<mask id="mask10_654_5095" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="-1" y="-1" width="36" height="48">
|
||||
<path d="M-0.0545349 -0.0649948H34.3834V46.0899H-0.0545349V-0.0649948Z" fill="white"/>
|
||||
</mask>
|
||||
<g mask="url(#mask10_654_5095)">
|
||||
<path d="M-5.03302 -5.0381H222.329V51.0381H-5.03302V-5.0381Z" fill="white"/>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
<mask id="mask11_654_5095" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="40" y="0" width="38" height="46">
|
||||
<path d="M40.7019 0.438099H77.2461V45.3429H40.7019V0.438099Z" fill="white"/>
|
||||
</mask>
|
||||
<g mask="url(#mask11_654_5095)">
|
||||
<mask id="mask12_654_5095" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="40" y="0" width="38" height="46">
|
||||
<path d="M67.8946 18.7647H49.9514V0.651451H40.7519V45.1637H49.9514V26.1986H67.8946V45.1637H77.0941V0.651451H67.8946V18.7647Z" fill="white"/>
|
||||
</mask>
|
||||
<g mask="url(#mask12_654_5095)">
|
||||
<mask id="mask13_654_5095" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="40" y="0" width="38" height="46">
|
||||
<path d="M40.697 0.509552H77.2395V45.3239H40.697V0.509552Z" fill="white"/>
|
||||
</mask>
|
||||
<g mask="url(#mask13_654_5095)">
|
||||
<path d="M-5.03302 -5.03809H222.329V51.0381H-5.03302V-5.03809Z" fill="white"/>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
<mask id="mask14_654_5095" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="81" y="0" width="30" height="46">
|
||||
<path d="M81.4039 0.438099H110.289V45.3429H81.4039V0.438099Z" fill="white"/>
|
||||
</mask>
|
||||
<g mask="url(#mask14_654_5095)">
|
||||
<mask id="mask15_654_5095" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="81" y="0" width="30" height="46">
|
||||
<path d="M95.3311 33.6223H110.255L107.53 26.1986H97.8742L102.555 12.5883L98.1274 0.651451L81.5825 45.1637H91.3595L95.3311 33.6223Z" fill="white"/>
|
||||
</mask>
|
||||
<g mask="url(#mask15_654_5095)">
|
||||
<mask id="mask16_654_5095" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="81" y="0" width="30" height="46">
|
||||
<path d="M81.4485 0.509552H110.338V45.3239H81.4485V0.509552Z" fill="white"/>
|
||||
</mask>
|
||||
<g mask="url(#mask16_654_5095)">
|
||||
<path d="M-5.03305 -5.03809H222.329V51.0381H-5.03305V-5.03809Z" fill="white"/>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
||||
|
Before Width: | Height: | Size: 14 KiB After Width: | Height: | Size: 9.8 KiB |
@@ -0,0 +1,93 @@
|
||||
<svg width="218" height="46" viewBox="0 0 218 46" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<mask id="mask0_654_6424" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="135" y="0" width="43" height="46">
|
||||
<path d="M135.235 0.657146H177.907V46H135.235V0.657146Z" fill="white"/>
|
||||
</mask>
|
||||
<g mask="url(#mask0_654_6424)">
|
||||
<mask id="mask1_654_6424" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="135" y="0" width="43" height="46">
|
||||
<path d="M150.792 3.08547C151.268 2.37555 152.322 2.02058 153.953 2.02058C156.79 2.02058 158.786 2.93334 159.951 4.74872C161.116 6.5641 161.704 9.11982 161.704 12.4159C161.704 14.3327 161.46 16.0771 160.984 17.6389C160.508 19.2007 159.627 20.4583 158.36 21.3914C157.094 22.3244 155.219 22.8011 152.757 22.8011H150.072V7.40586C150.072 5.23552 150.316 3.79539 150.792 3.08547ZM176.962 41.5836C176.546 42.04 176.161 42.3848 175.807 42.6181C175.452 42.8513 175.006 42.9832 174.459 43.0238C173.669 43.0238 173.061 42.6891 172.646 42.0197C172.23 41.3504 171.835 40.1841 171.46 38.5107L170.022 32.0605C169.474 29.4744 168.299 27.5373 166.486 26.2391C164.672 24.941 161.896 24.1398 158.137 23.8051C159.768 23.6226 161.237 23.3386 162.514 22.9532C164.936 22.223 166.84 21.2392 168.238 20.0121C169.637 18.7849 170.619 17.4462 171.207 16.0061C171.795 14.566 172.088 13.136 172.088 11.7161C172.088 8.24763 170.65 5.5702 167.772 3.67369C164.895 1.77718 160.559 0.823855 154.763 0.823855C153.973 0.823855 152.636 0.844138 150.761 0.884705C148.887 0.925272 146.942 0.945556 144.946 0.945556C143.193 0.945556 141.43 0.925272 139.657 0.884705C137.884 0.844138 136.476 0.803571 135.432 0.763004V2.02058C136.729 2.06115 137.712 2.22342 138.401 2.48711C139.09 2.75079 139.546 3.25788 139.779 3.98809C140.012 4.71829 140.123 5.85417 140.123 7.39572V38.4498C140.123 39.9508 140.012 41.0765 139.779 41.827C139.546 42.5775 139.1 43.0846 138.441 43.328C137.783 43.5714 136.77 43.7438 135.432 43.825V45.0724C136.476 44.9913 137.884 44.9406 139.657 44.9203C141.43 44.9 143.315 44.8898 145.321 44.8898C147.073 44.8898 148.796 44.9 150.508 44.9203C152.22 44.9406 153.639 44.9913 154.763 45.0724V43.8351C153.426 43.754 152.433 43.5816 151.764 43.3382C151.096 43.0948 150.65 42.5877 150.417 41.8372C150.184 41.0867 150.072 39.9609 150.072 38.46V24.0587H153.385H154.135C155.432 24.0587 156.435 24.444 157.165 25.2148C157.894 25.9856 158.461 27.0302 158.887 28.3486C159.312 29.667 159.657 31.1985 159.951 32.953L161.075 39.2105C161.531 41.7966 162.494 43.5714 163.953 44.5247C165.412 45.4781 167.266 45.9649 169.525 45.9649C171.359 45.9649 172.919 45.6809 174.216 45.1231C175.513 44.5653 176.719 43.6323 177.843 42.3341L176.962 41.5836Z" fill="white"/>
|
||||
</mask>
|
||||
<g mask="url(#mask1_654_6424)">
|
||||
<path d="M-5.03304 -5.03807H222.329V51.0381H-5.03304V-5.03807Z" fill="#1D1D1B"/>
|
||||
</g>
|
||||
</g>
|
||||
<mask id="mask2_654_6424" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="180" y="0" width="38" height="46">
|
||||
<path d="M180.314 0.657146H217.296V45.1238H180.314V0.657146Z" fill="white"/>
|
||||
</mask>
|
||||
<g mask="url(#mask2_654_6424)">
|
||||
<mask id="mask3_654_6424" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="180" y="0" width="38" height="46">
|
||||
<path d="M206.05 19.7991C205.574 21.6348 204.692 23.1155 203.426 24.2412C202.159 25.367 200.285 25.9349 197.823 25.9349H195.138V7.40588C195.138 5.23554 195.381 3.79541 195.857 3.08548C196.334 2.37556 197.387 2.0206 199.018 2.0206C201.855 2.0206 203.851 3.00435 205.016 4.96171C206.182 6.91907 206.769 9.89061 206.769 13.8459C206.769 15.9757 206.526 17.9533 206.05 19.789M212.838 4.26193C209.961 1.96989 205.624 0.813727 199.829 0.813727C199.039 0.813727 197.701 0.83401 195.827 0.874577C193.953 0.915144 192.017 0.935428 190.011 0.935428C188.259 0.935428 186.496 0.915144 184.723 0.874577C182.95 0.83401 181.541 0.793443 180.498 0.752876V2.0206C181.795 2.06116 182.777 2.22343 183.466 2.48712C184.155 2.7508 184.611 3.25789 184.844 3.9881C185.077 4.71831 185.189 5.85419 185.189 7.39574V38.4498C185.189 39.9508 185.077 41.0766 184.844 41.827C184.611 42.5775 184.165 43.0745 183.497 43.328C182.828 43.5816 181.825 43.7438 180.498 43.8351V45.0826C181.876 45.042 183.416 45.0014 185.128 44.9609C186.84 44.9203 188.593 44.9 190.376 44.9C192.625 44.9 194.773 44.9203 196.82 44.9609C198.866 45.0014 200.528 45.042 201.825 45.0826V43.7134C199.951 43.6729 198.532 43.5309 197.57 43.2773C196.607 43.0238 195.959 42.5065 195.624 41.7155C195.29 40.9244 195.128 39.7074 195.128 38.0847V27.1823H198.441C202.109 27.1823 205.158 26.7462 207.57 25.874C209.981 25.0019 211.896 23.8558 213.294 22.4664C214.692 21.077 215.685 19.5456 216.262 17.8925C216.84 16.2394 217.134 14.6674 217.134 13.1664C217.134 9.53565 215.695 6.57425 212.818 4.28221" fill="white"/>
|
||||
</mask>
|
||||
<g mask="url(#mask3_654_6424)">
|
||||
<mask id="mask4_654_6424" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="180" y="0" width="38" height="46">
|
||||
<path d="M180.362 0.70108H217.287V45.1324H180.362V0.70108Z" fill="white"/>
|
||||
</mask>
|
||||
<g mask="url(#mask4_654_6424)">
|
||||
<path d="M-5.03302 -5.03807H222.329V51.0381H-5.03302V-5.03807Z" fill="#1D1D1B"/>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
<mask id="mask5_654_6424" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="103" y="0" width="30" height="46">
|
||||
<path d="M103.068 0.438099H132.61V45.1238H103.068V0.438099Z" fill="white"/>
|
||||
</mask>
|
||||
<g mask="url(#mask5_654_6424)">
|
||||
<mask id="mask6_654_6424" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="103" y="0" width="30" height="46">
|
||||
<path d="M103.214 0.641306L117.074 38.5817C117.904 40.7114 118.046 42.1009 117.479 42.7499C116.912 43.399 115.574 43.7641 113.446 43.8452V45.0927C114.45 45.0116 115.807 44.9609 117.509 44.9406C119.211 44.9203 121.035 44.9101 122.95 44.9101C124.662 44.9101 126.364 44.9203 128.046 44.9406C129.728 44.9609 131.207 45.0116 132.453 45.0927V43.8351C131.866 43.7945 131.207 43.4903 130.488 42.9223C129.769 42.3544 129.1 41.3301 128.512 39.819L113.315 0.631165L103.214 0.641306Z" fill="white"/>
|
||||
</mask>
|
||||
<g mask="url(#mask6_654_6424)">
|
||||
<mask id="mask7_654_6424" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="103" y="0" width="30" height="46">
|
||||
<path d="M103.068 0.509548H132.531V45.1323H103.068V0.509548Z" fill="white"/>
|
||||
</mask>
|
||||
<g mask="url(#mask7_654_6424)">
|
||||
<path d="M-5.03304 -5.0381H222.329V51.0381H-5.03304V-5.0381Z" fill="#1D1D1B"/>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
<mask id="mask8_654_6424" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="0" width="35" height="46">
|
||||
<path d="M0 0H34.3559V46H0V0Z" fill="white"/>
|
||||
</mask>
|
||||
<g mask="url(#mask8_654_6424)">
|
||||
<mask id="mask9_654_6424" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="0" width="35" height="46">
|
||||
<path d="M12.4846 8.79529C13.7308 7.84197 15.4836 7.3653 17.7328 7.3653C20.0631 7.3653 21.8766 7.93324 23.1634 9.06912C24.4501 10.205 25.0985 11.7973 25.0985 13.8459H34.298C34.298 11.1685 33.6091 8.76487 32.2312 6.66552C30.8533 4.56617 28.908 2.92321 26.4156 1.76705C23.9232 0.610884 21.0762 0.0328026 17.8848 0.0328026C14.7136 0.0328026 11.8564 0.560174 9.31339 1.62506C6.77034 2.68995 4.81493 4.17065 3.45729 6.06716C2.09965 7.96367 1.42083 10.1137 1.42083 12.5275C1.42083 17.1724 3.95374 20.8741 9.0297 23.6124C10.8939 24.6165 13.4167 25.6306 16.6082 26.6651C19.7996 27.6996 22.0083 28.6833 23.2343 29.6163C24.4602 30.5494 25.0782 31.8881 25.0782 33.6223C25.0782 35.2146 24.4602 36.462 23.2343 37.3545C22.0083 38.247 20.2961 38.6932 18.1077 38.6932C12.2212 38.6932 9.27286 36.2288 9.27286 31.2897H0.032794C0.032794 34.1801 0.772405 36.7156 2.25163 38.9062C3.73085 41.0968 5.88889 42.8209 8.70549 44.0785C11.5221 45.3361 14.6528 45.9649 18.0874 45.9649C23.0316 45.9649 26.9729 44.8594 29.8908 42.6587C32.8087 40.4579 34.2778 37.4255 34.2778 33.5514C34.2778 30.0727 33.0822 27.162 30.6912 24.8294C28.3001 22.4968 24.4805 20.5395 19.2525 18.9675C16.4055 18.1054 14.2576 17.1825 12.7987 16.1988C11.3397 15.215 10.6001 13.998 10.6001 12.5477C10.6001 10.9961 11.2283 9.73848 12.4745 8.78515" fill="white"/>
|
||||
</mask>
|
||||
<g mask="url(#mask9_654_6424)">
|
||||
<mask id="mask10_654_6424" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="-1" y="-1" width="36" height="48">
|
||||
<path d="M-0.054543 -0.0649948H34.3834V46.0899H-0.054543V-0.0649948Z" fill="white"/>
|
||||
</mask>
|
||||
<g mask="url(#mask10_654_6424)">
|
||||
<path d="M-5.03301 -5.0381H222.329V51.0381H-5.03301V-5.0381Z" fill="#008764"/>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
<mask id="mask11_654_6424" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="40" y="0" width="38" height="46">
|
||||
<path d="M40.7019 0.438099H77.2462V45.3429H40.7019V0.438099Z" fill="white"/>
|
||||
</mask>
|
||||
<g mask="url(#mask11_654_6424)">
|
||||
<mask id="mask12_654_6424" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="40" y="0" width="38" height="46">
|
||||
<path d="M67.8946 18.7647H49.9515V0.651451H40.7519V45.1637H49.9515V26.1986H67.8946V45.1637H77.0941V0.651451H67.8946V18.7647Z" fill="white"/>
|
||||
</mask>
|
||||
<g mask="url(#mask12_654_6424)">
|
||||
<mask id="mask13_654_6424" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="40" y="0" width="38" height="46">
|
||||
<path d="M40.697 0.509552H77.2395V45.3239H40.697V0.509552Z" fill="white"/>
|
||||
</mask>
|
||||
<g mask="url(#mask13_654_6424)">
|
||||
<path d="M-5.03302 -5.03809H222.329V51.0381H-5.03302V-5.03809Z" fill="#008764"/>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
<mask id="mask14_654_6424" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="81" y="0" width="30" height="46">
|
||||
<path d="M81.4039 0.438099H110.289V45.3429H81.4039V0.438099Z" fill="white"/>
|
||||
</mask>
|
||||
<g mask="url(#mask14_654_6424)">
|
||||
<mask id="mask15_654_6424" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="81" y="0" width="30" height="46">
|
||||
<path d="M95.3311 33.6223H110.255L107.53 26.1986H97.8742L102.555 12.5883L98.1274 0.651451L81.5825 45.1637H91.3595L95.3311 33.6223Z" fill="white"/>
|
||||
</mask>
|
||||
<g mask="url(#mask15_654_6424)">
|
||||
<mask id="mask16_654_6424" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="81" y="0" width="30" height="46">
|
||||
<path d="M81.4486 0.509552H110.338V45.3239H81.4486V0.509552Z" fill="white"/>
|
||||
</mask>
|
||||
<g mask="url(#mask16_654_6424)">
|
||||
<path d="M-5.03304 -5.03809H222.329V51.0381H-5.03304V-5.03809Z" fill="#008764"/>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 9.8 KiB |
Reference in New Issue
Block a user