@cnamts/synapse 0.0.2-alpha → 0.0.3-alpha

package/src/components/HeaderBar/HeaderLogo/HeaderLogo.vue

@@ -0,0 +1,106 @@
+<script lang="ts" setup>
+	import { useTheme } from 'vuetify'
+	import useHeaderResponsiveMode from '../useHeaderResponsiveMode'
+	import { locales } from './locales'
+	import LogoMobile from './logos/Logo-mobile.vue'
+	import Logo from './logos/Logo.vue'
+
+	withDefaults(defineProps<{
+		ariaLabel?: string
+		serviceTitle?: string
+		serviceSubtitle?: string
+	}>(), {
+		ariaLabel: locales.ariaLabel,
+		serviceTitle: undefined,
+		serviceSubtitle: undefined,
+	})
+
+	const slot = defineSlots<{
+		serviceTitle?(): void
+	}>()
+
+	const theme = useTheme()
+	const primary = theme.current.value.colors.primary
+	const { isDesktop } = useHeaderResponsiveMode()
+</script>
+
+<template>
+	<div class="logo">
+		<Logo
+			v-if="isDesktop"
+			:aria-label
+		/>
+		<LogoMobile
+			v-else
+			:aria-label
+		/>
+
+		<svg
+			v-if="slot?.serviceTitle || serviceTitle"
+			:width="22"
+			:height="64"
+			:fill="primary"
+			role="img"
+			focusable="false"
+			aria-hidden="true"
+			xmlns="http://www.w3.org/2000/svg"
+			viewBox="0 0 22 64"
+			class="vd-divider"
+		>
+			<path d="M14.3 49.3c-.2 0-.4-.2-.4-.4V14.2c0-.2.2-.4.4-.4.3 0 .5.2.5.4v34.7c0 .2-.2.4-.5.4Z" />
+		</svg>
+
+		<slot
+			name="serviceTitle"
+		>
+			<div if="serviceTitle">
+				<div class="service-title">
+					{{ serviceTitle }}
+				</div>
+				<div
+					v-if="serviceSubtitle"
+					class="service-subtitle"
+				>
+					{{ serviceSubtitle }}
+				</div>
+			</div>
+		</slot>
+	</div>
+</template>
+
+<style scoped lang="scss">
+@use '../consts' as *;
+
+.logo {
+	display: flex;
+	height: 52px;
+	align-items: center;
+	color: v-bind(primary);
+	line-height: 1.45;
+}
+
+.logo :deep(svg) {
+	flex-grow: 0;
+	flex-shrink: 0;
+}
+
+.service-title {
+	font-size: 0.875rem;
+	font-weight: 500;
+}
+
+.service-subtitle {
+	font-size: 0.875rem;
+	font-weight: 400;
+}
+
+@media screen and (min-width: $header-breakpoint) {
+	.service-title {
+		font-size: 1.125rem;
+	}
+
+	.service-subtitle {
+		font-size: 0.75rem;
+	}
+}
+</style>

package/src/components/HeaderBar/HeaderLogo/locales.ts

@@ -0,0 +1,3 @@
+export const locales = {
+	ariaLabel: 'Ouvrir le menu',
+}

package/src/components/HeaderBar/HeaderLogo/logos/Logo-mobile.vue

@@ -0,0 +1,117 @@
+<template>
+	<svg
+		fill="#0c419a"
+		:width="141"
+		:height="42"
+		:viewBox="'0 0 211 64'"
+		role="img"
+		focusable="false"
+		xmlns="http://www.w3.org/2000/svg"
+	>
+		<g>
+			<path
+				d="M100.1 45V30.6h3.8v14.6c0 .8.4 1 .7 1h.5l.5 2.9a5 5 0 0 1-2 .3c-2.6 0-3.5-1.7-3.5-4.4Z"
+			/>
+
+			<path
+				d="m75.7 40.4 3.8-8.5h4V49h-3.6V38.4l-3 7.8h-2.4l-3-7.8v10.7H68V32h4l3.8 8.5Z"
+			/>
+
+			<path
+				d="M107.1 45.5c0-2.8 2.3-4.3 7.4-4.9 0-1.1-.8-1.8-2.2-1.8-1 0-2.1.4-3.4 1.2l-1.3-2.6c1.6-1 3.5-1.7 5.5-1.7 3.3 0 5 1.9 5 5.9V49h-3.5v-1.3s-1.5 1.6-3.6 1.6c-2.4 0-3.9-1.7-3.9-4Zm7.4-.3V43c-2.7.3-3.7 1.2-3.7 2.2 0 .8.5 1.2 1.5 1.2.8 0 1.5-.5 2.2-1.2Z"
+			/>
+
+			<path
+				d="M86.1 45.5c0-2.8 2.3-4.3 7.4-4.9 0-1.1-.8-1.8-2.2-1.8-1 0-2.1.4-3.4 1.2l-1.3-2.6c1.6-1 3.5-1.7 5.5-1.7 3.3 0 5 1.9 5 5.9V49h-3.5v-1.3S92 49.4 90 49.4c-2.4 0-3.9-1.7-3.9-4Zm7.4-.3V43c-2.7.3-3.7 1.2-3.7 2.2 0 .8.6 1.2 1.5 1.2.8 0 1.6-.5 2.2-1.2Z"
+			/>
+
+			<path
+				d="M129 30.6v6.3a4.1 4.1 0 0 0-3.2-1.2c-2.7 0-5.3 2.6-5.3 6.8 0 4.3 2 7 5.2 7 1.8 0 3.1-1.4 3.2-1.5v1.1h3.8V30.6H129Zm-2.3 15.7c-1.5 0-2.4-1.2-2.4-3.8 0-2.5 1.1-3.6 2.4-3.6.6 0 1.4.2 2.2.8v5.4c-.7.8-1.4 1.2-2.2 1.2Z"
+			/>
+
+			<path
+				d="M135.7 32c0-1.2 1-2 2.2-2 1.2 0 2.2.8 2.2 2s-1 2-2.2 2c-1.3 0-2.2-.8-2.2-2Zm.3 4h3.8V49H136V36Z"
+			/>
+
+			<path
+				d="M142.2 42.5c0-4.2 2.6-6.8 5.9-6.8 3.6 0 5.6 2.7 5.6 6.3l-.1 1.7h-7.7c.3 2 1.6 2.8 3.3 2.8 1 0 1.8-.4 2.8-1l1.3 2.5c-1.3.9-3 1.4-4.6 1.4-3.8 0-6.5-2.5-6.5-6.9Zm8.3-1.4c0-1.4-.9-2.5-2.4-2.5-1.2 0-2 .9-2.3 2.5h4.7Z"
+			/>
+
+			<path
+				d="M68 23.3V8.8h3.7v14.7c0 .8.4 1 .7 1h.5l.4 2.9a5 5 0 0 1-1.9.3c-2.6 0-3.5-1.7-3.5-4.4Z"
+			/>
+
+			<path
+				d="m88.1 23.3 1 4.1h4l-5.3-17.3h-4.4l-5.3 17.3h4l1-4.1h5Zm-4.2-3 1.6-6.6h.2l1.6 6.5H84Z"
+			/>
+
+			<path
+				d="m93.9 25.9 1.7-2.4c1.1.9 2.2 1.3 3.3 1.3 1.1 0 1.6-.4 1.6-1 0-1-1.2-1.4-2.6-1.9-1.6-.6-3.4-1.7-3.4-3.8 0-2.5 2-4.2 5-4.2 1.9 0 3.4.8 4.5 1.7l-1.7 2.4c-1-.7-1.8-1.2-2.8-1.2-1 0-1.4.4-1.4 1 0 1 1.2 1.2 2.5 1.7 1.6.7 3.5 1.6 3.5 4s-1.9 4.2-5.3 4.2c-1.7 0-3.6-.7-5-1.8Z"
+			/>
+
+			<path
+				d="m105.3 25.9 1.7-2.4c1.1.9 2.2 1.3 3.3 1.3 1.1 0 1.6-.4 1.6-1 0-1-1.2-1.4-2.6-1.9-1.6-.6-3.4-1.7-3.4-3.8 0-2.5 2-4.2 5-4.2 1.9 0 3.4.8 4.5 1.7l-1.7 2.4c-1-.7-1.8-1.2-2.8-1.2-1 0-1.4.4-1.4 1 0 1 1.2 1.2 2.5 1.7 1.6.7 3.5 1.6 3.5 4s-1.9 4.2-5.3 4.2c-1.7 0-3.6-.7-5-1.8Z"
+			/>
+
+			<path
+				d="M132.2 14.3h3.8V16c.8-1.4 2.5-2 3.4-2 .8 0 1.2.2 1.6.3l-.4 3.6c-.5-.2-1.1-.4-1.7-.4-1.5 0-2.8 1.3-2.9 3v6.8h-3.8V14.3Z"
+			/>
+
+			<path
+				d="M155.7 14.3h3.8v1.6c1-1 2.2-2 4-2 2.7 0 4 2 4 5.3v8.2h-3.9v-7.7c0-1.9-.5-2.5-1.6-2.5-1 0-1.6.5-2.5 1.3v8.8h-3.8v-13Z"
+			/>
+
+			<path
+				d="M180.6 20.8c0-4.3 2.7-6.9 5.9-6.9 3.7 0 5.7 2.8 5.7 6.3 0 .7 0 1.4-.2 1.8h-7.7c.4 1.9 1.7 2.8 3.4 2.8 1 0 1.8-.4 2.7-1l1.3 2.4c-1.3 1-3 1.5-4.6 1.5-3.7 0-6.5-2.5-6.5-6.9Zm8.4-1.4c0-1.4-.9-2.5-2.4-2.5-1.2 0-2 .8-2.3 2.5h4.7Z"
+			/>
+
+			<path
+				d="M141.8 23.7c0-2.7 2.3-4.3 7.4-4.8 0-1.2-.8-1.9-2.2-1.9a7 7 0 0 0-3.4 1.2l-1.3-2.5c1.6-1 3.4-1.8 5.5-1.8 3.3 0 5 2 5 6v7.5h-3.6V26s-1.4 1.6-3.5 1.6c-2.4 0-4-1.7-4-4Zm7.4-.2v-2.3c-2.7.4-3.8 1.3-3.8 2.3 0 .8.6 1.2 1.5 1.2s1.7-.5 2.3-1.2Z"
+			/>
+
+			<path
+				d="M76.7 8.8c-.8 0-1.9.6-1.9 1.7 0 1 .8 1.5 1.6 1.5 0 1.2-1 1.8-1.5 2.1l1 1.4c3.3-1 4-6.7.8-6.7Z"
+			/>
+
+			<path
+				d="M125.3 14.3V23c-.8 1-1.4 1.4-2.3 1.4-1 0-1.6-.6-1.6-2.5v-7.6h-3.8v8.3c0 3 1.4 5.1 4 5.1 2.5 0 3.8-1.6 3.8-1.6v1.3h3.7V14.3h-3.8Z"
+			/>
+
+			<path
+				d="M176.3 24.6c-1.7 0-3-1.5-3-3.7 0-2.3 1.3-3.8 3-3.8.6 0 1.1.2 1.7.7l1.8-2.5c-.9-.8-2.1-1.3-3.7-1.3a6.5 6.5 0 0 0-6.6 6.9c0 4.3 2.7 6.8 6.3 6.8 1.4 0 3-.4 4.2-1.5l-1.4-2.7c-.7.6-1.5 1-2.3 1Z"
+			/>
+		</g>
+
+		<path
+			d="M34.8 9c-.1-.2-.4-.3-.6-.3H34c-.2-.2-5.3 0-6.5.7 0-.8-.4-1.8-1.7-2-1-.3-3.1.7-2.4 2.8 0 .3.3.6.7.8.2 0 .5 0 .7.6h.3l.2.2h.5c.4.4.8-.1 1-.5l.7 2c-.2-.2-1.8-.6-2.5.2s-1.2 1.8-1.7 3.5c-.2.4-.5.7-1 .9-.9.3-.4.7-.2.7a6 6 0 0 0 2 0c.4-.2.1-1 .5-1.4l.8-1c0 .5 0 .8-.3 1.5-.2.7-1 1-1.3 1.3-.4.5.6.5.8.5.7-.2 1-.2 1.3-.4.4-.2.2-.8.3-1 .3-.7 1.4-2 1.6-2.3.8.2 1.7.2 2 .2 1.9-.2 2.3-1.5 2-2.6-.1-1-.7-1.5-.9-1.8l-.9-1.4 3.5-.9c0 .3.3.3.4.4.2.1.3 0 .2-.1a.6.6 0 0 1-.2-.2h.7c.3 0 .4-.4.3-.5Z"
+		/>
+
+		<path
+			fill-rule="evenodd"
+			clip-rule="evenodd"
+			d="M61 26.7c-.5-2.6-2.9-4.1-4.1-4.7l-1.4-.4-.4-.2c.1-.5.8-.5 1.2-1.3 1-2.3-1.2-3.8-2.8-3.5-.8.2-1.3.4-1.5 1 0 .4-.3.4-.7.8-.2.2.1.4.2.5l-.1.3v.5s-.3.3 0 .7l.3.8c0 .1 0 .2-.3 0l-3.4-1a37.4 37.4 0 0 1-4.2-4.7c-.7 0 .5 1.3-.1.8-.2 0-.7-.4-.8-.5l-.1-.2-.3-.3H42.2c-.2 0-.1.5 0 .7 0 0 .4 1.2.6 1.4l1.5 1 2.6 3c.7.7 3.8 2.5 3.9 2.6.2 0 .5.8 0 5.5-.1 1.8-1.4 5.6-.8 7.5.4 1.3.9 2.2 1.3 5.6.1.8-.5 1.3-1.3 2l-1.4.8c-.2.2 0 .4.2.5.2 0 .5.3.8.3.3.1.9 0 1.4-.3.7-.3.7-.4 1-.6.5-.3 1-.3 1.2-.8.2-.6-.3-1.4-.3-1.7.4-2.8.9-4.1.2-5.8-.2-.3 1-4 1-3.4.2.9.3 3.8.3 5.9 0 .9.8 4.2 1 5.4.4 1.8-2.6 3.2-2 3.8l1 .3 1-.1c.3-.1.6-.5.7-.6.6-.8.4-.6 1-1.1.4-.5 0-1.4 0-1.8v-2.9c0-1.9 0-2.4.2-3.2l1-6.2s.2 0 .3-.2c.2-.2.1-.5.2-.7 0-.2 0 0 0 0l.2.6-.2.8c-.2.4.1.4.2.5 0 0 1-.7 1.2-1l.1-.8-.2-1.8c.2-.9 1-3.2.8-3.8Zm-2.2 3.6c-.2.5-.2 0-.6 1.7V31.1c0-2.1-1.5-6.5-.6-5.6 0 0 1.2.8 1.4 1.4.2.5.1 1.8-.2 3.4Z"
+		/>
+
+		<path
+			d="M20 35.3c-.3-.3-1.6-2-2.4-2.7l-1-1.5c-1.6-2-1.9-2.1-3-2.2-.1-.2 0-.3 0-.4 1.3-.5.9-1.6.8-1.7l.2-.6-.2-1-.1-.7c-.8-.9-2.6-.9-3.5-.3-.8.5-.3.9-.6 1.6-.1.5 0 .9.3 1.2 0 .3.8.7.7 1.2-.2.6-1 .7-1 .7l-.3.1c-1.4.8-2.7 2-2.9 3.2 0 1 1.7 2.5 2.7 3.3.1 1.7 1.2 4.4 1.3 4.5.1.3-.3-.3-1.4-.7-.6-.1-1.2-.9-1.4 0 0 .4 0 1-.3 1.8-.2.6 0 1.5.7 1.5.5 0 .8-1.4.8-1.4s2.3 1 3.3.7c.7-.2.8-2.7.2-5-.2-.8.4 1.3 2 3.1.2.4 0 .7.2 2.2v1c0 .7-.7 1.6.9 2 1.6.4 1.5.8 2.5.1.5-.3-1.4-.5-1.8-1.6v-.2c0-.9.3-2.9.2-3.6-.6-3.4-2-5-2.2-5.8 0-2.4-.2-3.2 0-2.6l1 1.5.3.3.4.4 2.8 2.1s.1 1 .6 1c.4 0 2.3-1 2.2-1.1 0-.3-2-.3-2-.4ZM9.7 34l-1-1.8c.4-.7 1-1 1-.9.2 0 0 2.7 0 2.7Z"
+		/>
+
+		<path
+			d="M51.8 54.8c-.1 0-1.2-.5-2.2-2-.5-.8-3.8-7-4.3-8.2-.9-2.4-8-6.7-8.2-7-.2-.1-.2-.5-.1-.8.5-2 .3-3.8.4-4.1.3-.7.8-1.7.4-2.3l-.7-1.2s3.7 1.4 4.6 1.2c.8-.2 4.5-2.8 4.7-2.9.5-.2 1.8.1 3-1.3.5-.5.2-.6 0-.6.1 0-.1-.2-.4 0-.2.1-1.3.4-1.1.2.8-.5.2-.7.2-.7-.3.3-1.8.7-2.1 1l-.8.5c-.9.5-2.4 1.3-4 1.7-.3 0-3.3-2-5-2.2-1-.1-1.3 0-1.8.1-.6.2-.6-.7 0-1 .2 0 .6-.1.7-.4.2-.4 0-.7 0-.8v-.2l-.1-.1v-.5c.3-.2.2-.4.1-.4-.1-.1-.6-.4-.7-.7 0-.6-.3-.9-.3-1.2 0 0-.1-.8-.4-1-.4-.4-1.2-.8-2.8-.3-.6.1-.5.4-1.8.6-1.6.3-2.4 2.7-2.3 3.7.1.8.8.4.8.7 0 .6-.1 1.5 1 1.8.3 0 1.8-.2 2.4 0 0 0 .5 0 .2.4-.1.2-1.6.9-2 1-1 .4-3.6 4.6-4.3 5-.7.3-1 .6-1.3.8-1 .6-2.1 1.4-2.7 1.4-.7 0-1.4.3-1.9 1.5-.1.3 0 .5.3.5 0 .1.2.3.4.3.2.2.5 0 .7 0l1-.7c.5-.2 4-1.5 4.7-2.1 1.2-.6 3.5-3 4-3s1.6 1 1.2 3c0 .7-1 2-1.4 2.6-1 1.5-.2 2.7-.4 3-1 1.6-2.2 3.7-4.2 5.5-.8.6-2.4.7-3.3 1-2 .5-4.2 2-5.7 2.8-.5.3-1-.3-1.6-.4-.7 0-.7 1-1 1.8l-.7 1.5c-.1.4-.7 1.7-.1 2.2.4.7 1.5-1.4 2.4-2.3.4-.5.7-.7 1.7-1 .6 0 5.6-1.4 8.8-2.2h.3c4.2-1.1 8.6-6.6 8.7-6.6l7.2 3.5c.7.4.7 1.8 1.5 3.4a22 22 0 0 0 4.4 4.9c.4.4 0 1 .2 1.6.2.6.6.6 1.1.6l1.6-.2c.7 0 .5 0 1.3.2.4 0 1.3.1 2-.5 1-1.2-1.2-.6-2.3-1.1Z"
+		/>
+
+		<path
+			d="M44 51.7a.4.4 0 0 0-.6-.2 22.2 22.2 0 0 1-21-.6.5.5 0 0 0-.6.2c-.1.2 0 .4.1.6a23 23 0 0 0 21.9.5c.2 0 .3-.3.2-.5Z"
+		/>
+
+		<path
+			d="M12.9 22.9h-.2c-.2-.2-.3-.4-.2-.6 2-4.4 5.2-8 9.3-10.4.2-.1.5 0 .6.2.2.2 0 .4-.1.6-4 2.3-7.1 5.7-9 10l-.4.2Z"
+		/>
+
+		<path
+			d="M50.3 17.3c-.1 0-.3 0-.3-.2A22 22 0 0 0 36.5 10c-.2 0-.4-.3-.3-.5 0-.3.2-.4.5-.4a23 23 0 0 1 14 7.5v.7h-.4Z"
+		/>
+	</svg>
+</template>
+
+<style scoped>.cls-2{fill:#0c419a}</style>

package/src/components/HeaderBar/HeaderLogo/logos/Logo.vue

@@ -0,0 +1,279 @@
+<template>
+	<svg
+		fill="#0c419a"
+		:width="211"
+		:height="63"
+		:viewBox="'0 0 211 64'"
+		role="img"
+		focusable="false"
+		xmlns="http://www.w3.org/2000/svg"
+	>
+		<g>
+			<path
+				d="M69.2 55.3h1.3l2.1 6.5h-1.2l-1-3.4-.6-2.1-.6 2-1 3.5H67l2.2-6.5Zm-.9 3.9h3v.9h-3v-1Z"
+			/>
+
+			<path
+				d="M73.3 62.7c0-.4.3-.7.7-1a.9.9 0 0 1-.4-.8c0-.4.2-.8.5-1-.3-.2-.7-.7-.7-1.3 0-1.1 1-1.7 2-1.7h2.4v1H77c.2 0 .3.4.3.7 0 1.1-.8 1.7-1.8 1.7l-.7-.1-.2.4c0 .3.1.5.8.5h.8c1.2 0 1.8.3 1.8 1.2 0 1-1 1.7-2.6 1.7-1.1 0-2-.4-2-1.3Zm3.6-.2c0-.4-.3-.5-1-.5h-1.2c-.3.1-.4.4-.4.6 0 .4.5.7 1.2.7.8 0 1.4-.4 1.4-.8Zm-.7-3.9c0-.6-.3-1-.8-1s-.8.4-.8 1 .3 1 .8 1 .8-.4.8-1Z"
+			/>
+
+			<path
+				d="M79 55.5c0-.4.3-.7.7-.7.4 0 .8.3.8.7 0 .3-.3.6-.8.6-.4 0-.7-.2-.7-.6Zm.2 1.5h1.1v4.9h-1.1v-5Z"
+			/>
+
+			<path
+				d="M82.1 57h1v.8c.4-.6 1-1 1.4-1l.6.2-.2 1-.5-.1c-.4 0-.9.2-1.2 1v3h-1.1v-5Z"
+			/>
+
+			<path
+				d="M88.1 59.4c0-1.6 1.1-2.6 2.3-2.6 1.3 0 2 1 2 2.3v.6h-3.1c0 .9.6 1.4 1.4 1.4a2 2 0 0 0 1.1-.4l.4.7a3 3 0 0 1-1.6.6c-1.4 0-2.5-1-2.5-2.6Zm3.3-.5c0-.7-.3-1.2-1-1.2-.6 0-1 .5-1.1 1.2h2.1Z"
+			/>
+
+			<path
+				d="M93.8 57h1v.6c.5-.4 1-.8 1.7-.8 1 0 1.5.8 1.5 2v3h-1.2V59c0-.8-.2-1-.8-1-.4 0-.7.1-1 .5v3.4h-1.2V57Z"
+			/>
+
+			<path
+				d="m99.3 61.3.5-.7c.4.3.9.5 1.3.5.6 0 .8-.2.8-.6 0-.4-.5-.6-1-.8-.7-.2-1.4-.6-1.4-1.4 0-.8.7-1.4 1.8-1.4.7 0 1.2.3 1.6.5l-.5.7c-.3-.2-.7-.4-1-.4-.6 0-.8.2-.8.5 0 .4.5.6 1 .8.7.2 1.4.5 1.4 1.5 0 .8-.6 1.5-1.9 1.5a3 3 0 0 1-1.8-.7Z"
+			/>
+
+			<path
+				d="M104 59.4c0-1.6 1.1-2.6 2.3-2.6 1.3 0 2 1 2 2.3v.6h-3.1c0 .9.6 1.4 1.4 1.4a2 2 0 0 0 1.1-.4l.4.7a3 3 0 0 1-1.6.6c-1.4 0-2.5-1-2.5-2.6Zm3.3-.5c0-.7-.3-1.2-1-1.2-.6 0-1.1.5-1.2 1.2h2.2Z"
+			/>
+
+			<path
+				d="M109.7 57h1v.6c.5-.4 1-.8 1.6-.8.7 0 1 .4 1.3.9.5-.5 1-.9 1.5-.9 1 0 1.6.8 1.6 2v3h-1.2V59c0-.8-.2-1-.7-1-.4 0-.7 0-1 .5v3.4h-1.2V59c0-.8-.3-1-.8-1-.3 0-.6 0-1 .5v3.4h-1.2V57h.1Z"
+			/>
+
+			<path
+				d="m119.5 61.4-.2.5h-.9v-7h1.2v2.5c.3-.3.8-.6 1.3-.6 1.3 0 2 1 2 2.5 0 1.7-1 2.6-2.1 2.6-.4 0-1-.1-1.3-.5Zm2.2-2c0-1-.3-1.6-1-1.6-.4 0-.7.2-1.1.6v2.2c.3.3.7.4 1 .4.6 0 1.1-.5 1.1-1.6Z"
+			/>
+
+			<path
+				d="M124.3 60.6v-5.8h1.2v5.9c0 .3.1.4.2.4h.2l.1.8-.6.1c-.8 0-1-.6-1-1.4Z"
+			/>
+
+			<path
+				d="M127 59.4c0-1.6 1.1-2.6 2.3-2.6 1.3 0 2 1 2 2.3v.6H128c.2.9.7 1.4 1.5 1.4a2 2 0 0 0 1.1-.4l.4.7a3 3 0 0 1-1.7.6c-1.3 0-2.4-1-2.4-2.6Zm3.3-.5c0-.7-.3-1.2-1-1.2-.6 0-1.1.5-1.2 1.2h2.2Z"
+			/>
+
+			<path
+				d="M133.4 60.4c-.4 0-.8.3-.8.7 0 .5.4.7.8.7 0 .5-.3 1-1 1.2l.3.6c1-.3 1.5-1 1.5-2 0-.7-.3-1.2-.8-1.2Z"
+			/>
+
+			<path
+				d="M138.2 57h1v.5c.5-.4 1-.7 1.5-.7 1.3 0 2 1 2 2.5 0 1.7-1 2.7-2.1 2.7-.5 0-1-.2-1.3-.6v2.3h-1.1V57Zm3.3 2.4c0-1-.4-1.6-1-1.6-.4 0-.8.2-1.1.6v2.2c.3.3.7.4 1 .4.6 0 1-.5 1-1.6Z"
+			/>
+
+			<path
+				d="M144.1 57h1v.8c.4-.6 1-1 1.4-1l.6.2-.2 1-.5-.1c-.4 0-.9.2-1.2 1v3h-1.1v-5Z"
+			/>
+
+			<path
+				d="M147.5 59.4c0-1.6 1.2-2.6 2.4-2.6s2.3 1 2.3 2.6-1.1 2.6-2.3 2.6c-1.2 0-2.4-1-2.4-2.6Zm3.5 0c0-1-.4-1.6-1.2-1.6-.7 0-1.1.6-1.1 1.6s.4 1.6 1.1 1.6c.8 0 1.2-.6 1.2-1.6Z"
+			/>
+
+			<path
+				d="M153.6 60.2v-2.3h-.7V57h.8l.1-1.4h1V57h1.2v.9h-1.2v2.3c0 .6.2.9.7.9l.5-.1.2.8-1 .2c-1.1 0-1.6-.8-1.6-1.8Z"
+			/>
+
+			<path
+				d="M157 59.4c0-1.6 1-2.6 2.2-2.6 1.3 0 2 1 2 2.3v.6H158c.2.9.7 1.4 1.5 1.4a2 2 0 0 0 1.1-.4l.4.7a3 3 0 0 1-1.7.6c-1.3 0-2.4-1-2.4-2.6Zm3.2-.5c0-.7-.3-1.2-1-1.2-.6 0-1.1.5-1.2 1.2h2.2Zm-1.6-3.3 1.4-1.7.8.7-1.7 1.5-.5-.5Z"
+			/>
+
+			<path
+				d="M162.2 62.7c0-.4.3-.7.7-1a.9.9 0 0 1-.4-.8c0-.4.2-.8.5-1-.3-.2-.6-.7-.6-1.3 0-1.1.9-1.7 1.9-1.7h2.4v1h-.9c.2 0 .3.4.3.7 0 1.1-.8 1.7-1.8 1.7l-.7-.1-.2.4c0 .3.1.5.8.5h.8c1.2 0 1.8.3 1.8 1.2 0 1-1 1.7-2.6 1.7-1.1 0-2-.4-2-1.3Zm3.6-.2c0-.4-.3-.5-1-.5h-1.2c-.3.1-.4.4-.4.6 0 .4.5.7 1.3.7.7 0 1.3-.4 1.3-.8Zm-.7-3.9c0-.6-.3-1-.8-1s-.8.4-.8 1 .3 1 .8 1 .8-.4.8-1Z"
+			/>
+
+			<path
+				d="M167.5 59.4c0-1.6 1.1-2.6 2.3-2.6 1.3 0 2 1 2 2.3v.6h-3.1c0 .9.6 1.4 1.4 1.4a2 2 0 0 0 1.1-.4l.4.7a3 3 0 0 1-1.6.6c-1.4 0-2.5-1-2.5-2.6Zm3.3-.5c0-.7-.3-1.2-1-1.2-.6 0-1.1.5-1.2 1.2h2.2Z"
+			/>
+
+			<path
+				d="M173.2 57h1v.8c.4-.6 1-1 1.4-1l.6.2-.2 1-.5-.1c-.4 0-.9.2-1.2 1v3h-1.1v-5Z"
+			/>
+
+			<path
+				d="M179.3 59.4c0-1.6 1.1-2.6 2.4-2.6.6 0 1.1.3 1.4.6l-.5.7c-.3-.2-.5-.3-.8-.3-.8 0-1.3.6-1.3 1.6s.5 1.6 1.3 1.6c.4 0 .7-.1 1-.4l.4.8c-.4.4-1 .6-1.6.6-1.3 0-2.3-1-2.3-2.6Z"
+			/>
+
+			<path
+				d="M184.5 54.8h1.1v2.8c.4-.4.9-.7 1.5-.7 1.1 0 1.5.7 1.5 2v3h-1.1v-3c0-.7-.2-1-.8-1-.4 0-.7.2-1.1.6v3.4h-1.2v-7Z"
+			/>
+
+			<path
+				d="M190 60.5c0-1 .9-1.6 2.9-1.8 0-.5-.2-1-.9-1-.5 0-1 .3-1.4.5l-.4-.8a4 4 0 0 1 2-.6c1.2 0 1.8.8 1.8 2.1v2.9h-1v-.6c-.5.4-1 .7-1.5.7-1 0-1.5-.5-1.5-1.4Zm2.9 0v-1c-1.4.2-1.8.5-1.8 1 0 .4.3.6.7.6.4 0 .7-.2 1-.5Z"
+			/>
+
+			<path
+				d="M195.4 59.4c0-1.6 1.1-2.6 2.4-2.6.6 0 1.1.3 1.4.6l-.5.7c-.3-.2-.5-.3-.8-.3-.8 0-1.3.6-1.3 1.6s.5 1.6 1.3 1.6c.4 0 .7-.1 1-.4l.4.8c-.4.4-1 .6-1.5.6-1.4 0-2.4-1-2.4-2.6Z"
+			/>
+
+			<path
+				d="M200.5 60v-3h1.2v2.9c0 .8.2 1.1.7 1.1.5 0 .7-.2 1.1-.7V57h1.2v4.9h-1V61h-.1c-.5.5-1 .9-1.6.9-1 0-1.5-.8-1.5-2Z"
+			/>
+
+			<path
+				d="M206.3 57h1v.6c.5-.4 1-.8 1.7-.8 1 0 1.5.8 1.5 2v3h-1.1V59c0-.8-.2-1-.8-1-.4 0-.7.1-1.1.5v3.4h-1.2V57Z"
+			/>
+		</g>
+
+		<g>
+			<path
+				d="m3.3 32.3-.4-.4c.1-.3.3-.5.3-.8 0-.3 0-.4-.2-.4s-.3.1-.4.4l-.2.4c-.1.3-.4.6-.8.6-.5 0-.9-.5-.8-1.1 0-.4.1-.7.4-1l.4.4a1 1 0 0 0-.3.6c0 .2.1.4.3.4.2 0 .2-.2.4-.4l.1-.4c.2-.3.5-.6.9-.5.5 0 .9.5.8 1.2 0 .2-.2.7-.5 1Z"
+			/>
+
+			<path
+				d="M.5 28 0 27l.5-.2.4.9-.4.2Zm.4.6.3-1.8h.5L1.6 28h.6l.1-1 .6.1-.1 1 .6.2.2-1.3.6.1-.3 2-3-.5Z"
+			/>
+
+			<path
+				d="M2.8 26c-1-.3-1.4-1-1.2-1.8l.6-.8.3.5c-.1.1-.3.2-.3.5-.1.4.2.8.7.9.6.1 1 0 1.2-.5 0-.2 0-.4-.2-.6l.5-.3c.2.4.3.7.2 1-.1.9-.8 1.3-1.8 1Z"
+			/>
+
+			<path
+				d="m3.7 22.8-1.5-.5.3-.7 1.6.6c.5.2.8.1.9-.2.1-.3 0-.6-.5-.8l-1.6-.6.2-.6 1.5.6c1 .3 1.2.9 1 1.6-.4.8-1 1-1.9.6Z"
+			/>
+
+			<path
+				d="m3.7 18.6.5-1c.3-.6.7-1 1.4-.6.6.3.6.9.3 1.5l-.2.3 1 .5-.3.6-2.7-1.3Zm1.7-.3c.2-.3.1-.6-.2-.7-.2-.2-.4 0-.6.3l-.1.3.7.4.2-.3Zm.3.2-.2-.6h2l-.4.6H5.7Z"
+			/>
+
+			<path d="m5.4 15.3.4-.6 2.5 1.7-.3.5-2.6-1.6Z" />
+
+			<path d="m7.3 13.5-.5.7-.4-.4 1.4-1.9.5.4-.6.7 2 1.4-.4.6-2-1.5Z" />
+
+			<path
+				d="m8.5 11 1.3-1.3.5.4-.9.8.5.4.7-.7.4.4-.7.7.5.5.9-1 .4.5-1.3 1.4-2.3-2Zm.1-.7v-1h.7l-.2 1h-.5Z"
+			/>
+
+			<path
+				d="M13.6 9.7v-.6c.3 0 .6 0 .8-.2.2-.2.3-.4.2-.5-.2-.2-.3-.1-.6 0h-.4c-.4.2-.7.1-1-.2-.3-.4-.2-1 .3-1.4.3-.2.6-.3 1-.3v.6a1 1 0 0 0-.7.1c-.1.2-.2.4-.1.5h.6l.4-.1c.4-.1.7-.1 1 .3.2.4.2 1-.4 1.4-.3.3-.7.4-1 .4Z"
+			/>
+
+			<path
+				d="M15.5 6.8c-.5-.8-.4-1.6.3-2 .7-.5 1.5-.2 2 .6s.3 1.6-.4 2c-.6.5-1.4.2-2-.6Zm1.7-1c-.3-.6-.7-.7-1-.5-.4.2-.5.6-.1 1.1.3.6.7.8 1 .6.4-.3.4-.7.1-1.2Z"
+			/>
+
+			<path
+				d="M18.7 5c-.5-1 0-1.8.6-2.1.4-.2.7-.1 1 0l-.2.5h-.6c-.3.2-.5.7-.2 1.2.2.6.7.8 1 .6.3-.1.4-.3.5-.5l.5.2c-.1.4-.3.7-.7.8-.7.3-1.5.1-2-.8Z"
+			/>
+
+			<path d="m21.4 2.1.6-.2 1 2.8-.6.2-1-2.8Z" />
+
+			<path
+				d="M24 1.2 25 1l1.7 2.7-.7.1-.8-1.3-.4-1v2.7l-.7.2V1.2Zm.2 1.8 1.4-.4.2.5-1.4.4-.2-.5Z"
+			/>
+
+			<path d="m26.9.5.7-.1.3 2.4 1.2-.2v.6l-1.8.3-.4-3Z" />
+
+			<path d="m29.8.1 2-.1v.6h-1.2v.7l1-.1v.6h-1v.7H32V3l-1.9.1-.2-3Z" />
+		</g>
+
+		<g>
+			<path
+				d="M100.1 45V30.6h3.8v14.6c0 .8.4 1 .7 1h.5l.5 2.9a5 5 0 0 1-2 .3c-2.6 0-3.5-1.7-3.5-4.4Z"
+			/>
+
+			<path
+				d="m75.7 40.4 3.8-8.5h4V49h-3.6V38.4l-3 7.8h-2.4l-3-7.8v10.7H68V32h4l3.8 8.5Z"
+			/>
+
+			<path
+				d="M107.1 45.5c0-2.8 2.3-4.3 7.4-4.9 0-1.1-.8-1.8-2.2-1.8-1 0-2.1.4-3.4 1.2l-1.3-2.6c1.6-1 3.5-1.7 5.5-1.7 3.3 0 5 1.9 5 5.9V49h-3.5v-1.3s-1.5 1.6-3.6 1.6c-2.4 0-3.9-1.7-3.9-4Zm7.4-.3V43c-2.7.3-3.7 1.2-3.7 2.2 0 .8.5 1.2 1.5 1.2.8 0 1.5-.5 2.2-1.2Z"
+			/>
+
+			<path
+				d="M86.1 45.5c0-2.8 2.3-4.3 7.4-4.9 0-1.1-.8-1.8-2.2-1.8-1 0-2.1.4-3.4 1.2l-1.3-2.6c1.6-1 3.5-1.7 5.5-1.7 3.3 0 5 1.9 5 5.9V49h-3.5v-1.3S92 49.4 90 49.4c-2.4 0-3.9-1.7-3.9-4Zm7.4-.3V43c-2.7.3-3.7 1.2-3.7 2.2 0 .8.6 1.2 1.5 1.2.8 0 1.6-.5 2.2-1.2Z"
+			/>
+
+			<path
+				d="M129 30.6v6.3a4.1 4.1 0 0 0-3.2-1.2c-2.7 0-5.3 2.6-5.3 6.8 0 4.3 2 7 5.2 7 1.8 0 3.1-1.4 3.2-1.5v1.1h3.8V30.6H129Zm-2.3 15.7c-1.5 0-2.4-1.2-2.4-3.8 0-2.5 1.1-3.6 2.4-3.6.6 0 1.4.2 2.2.8v5.4c-.7.8-1.4 1.2-2.2 1.2Z"
+			/>
+
+			<path
+				d="M135.7 32c0-1.2 1-2 2.2-2 1.2 0 2.2.8 2.2 2s-1 2-2.2 2c-1.3 0-2.2-.8-2.2-2Zm.3 4h3.8V49H136V36Z"
+			/>
+
+			<path
+				d="M142.2 42.5c0-4.2 2.6-6.8 5.9-6.8 3.6 0 5.6 2.7 5.6 6.3l-.1 1.7h-7.7c.3 2 1.6 2.8 3.3 2.8 1 0 1.8-.4 2.8-1l1.3 2.5c-1.3.9-3 1.4-4.6 1.4-3.8 0-6.5-2.5-6.5-6.9Zm8.3-1.4c0-1.4-.9-2.5-2.4-2.5-1.2 0-2 .9-2.3 2.5h4.7Z"
+			/>
+
+			<path
+				d="M68 23.3V8.8h3.7v14.7c0 .8.4 1 .7 1h.5l.4 2.9a5 5 0 0 1-1.9.3c-2.6 0-3.5-1.7-3.5-4.4Z"
+			/>
+
+			<path
+				d="m88.1 23.3 1 4.1h4l-5.3-17.3h-4.4l-5.3 17.3h4l1-4.1h5Zm-4.2-3 1.6-6.6h.2l1.6 6.5H84Z"
+			/>
+
+			<path
+				d="m93.9 25.9 1.7-2.4c1.1.9 2.2 1.3 3.3 1.3 1.1 0 1.6-.4 1.6-1 0-1-1.2-1.4-2.6-1.9-1.6-.6-3.4-1.7-3.4-3.8 0-2.5 2-4.2 5-4.2 1.9 0 3.4.8 4.5 1.7l-1.7 2.4c-1-.7-1.8-1.2-2.8-1.2-1 0-1.4.4-1.4 1 0 1 1.2 1.2 2.5 1.7 1.6.7 3.5 1.6 3.5 4s-1.9 4.2-5.3 4.2c-1.7 0-3.6-.7-5-1.8Z"
+			/>
+
+			<path
+				d="m105.3 25.9 1.7-2.4c1.1.9 2.2 1.3 3.3 1.3 1.1 0 1.6-.4 1.6-1 0-1-1.2-1.4-2.6-1.9-1.6-.6-3.4-1.7-3.4-3.8 0-2.5 2-4.2 5-4.2 1.9 0 3.4.8 4.5 1.7l-1.7 2.4c-1-.7-1.8-1.2-2.8-1.2-1 0-1.4.4-1.4 1 0 1 1.2 1.2 2.5 1.7 1.6.7 3.5 1.6 3.5 4s-1.9 4.2-5.3 4.2c-1.7 0-3.6-.7-5-1.8Z"
+			/>
+
+			<path
+				d="M132.2 14.3h3.8V16c.8-1.4 2.5-2 3.4-2 .8 0 1.2.2 1.6.3l-.4 3.6c-.5-.2-1.1-.4-1.7-.4-1.5 0-2.8 1.3-2.9 3v6.8h-3.8V14.3Z"
+			/>
+
+			<path
+				d="M155.7 14.3h3.8v1.6c1-1 2.2-2 4-2 2.7 0 4 2 4 5.3v8.2h-3.9v-7.7c0-1.9-.5-2.5-1.6-2.5-1 0-1.6.5-2.5 1.3v8.8h-3.8v-13Z"
+			/>
+
+			<path
+				d="M180.6 20.8c0-4.3 2.7-6.9 5.9-6.9 3.7 0 5.7 2.8 5.7 6.3 0 .7 0 1.4-.2 1.8h-7.7c.4 1.9 1.7 2.8 3.4 2.8 1 0 1.8-.4 2.7-1l1.3 2.4c-1.3 1-3 1.5-4.6 1.5-3.7 0-6.5-2.5-6.5-6.9Zm8.4-1.4c0-1.4-.9-2.5-2.4-2.5-1.2 0-2 .8-2.3 2.5h4.7Z"
+			/>
+
+			<path
+				d="M141.8 23.7c0-2.7 2.3-4.3 7.4-4.8 0-1.2-.8-1.9-2.2-1.9a7 7 0 0 0-3.4 1.2l-1.3-2.5c1.6-1 3.4-1.8 5.5-1.8 3.3 0 5 2 5 6v7.5h-3.6V26s-1.4 1.6-3.5 1.6c-2.4 0-4-1.7-4-4Zm7.4-.2v-2.3c-2.7.4-3.8 1.3-3.8 2.3 0 .8.6 1.2 1.5 1.2s1.7-.5 2.3-1.2Z"
+			/>
+
+			<path
+				d="M76.7 8.8c-.8 0-1.9.6-1.9 1.7 0 1 .8 1.5 1.6 1.5 0 1.2-1 1.8-1.5 2.1l1 1.4c3.3-1 4-6.7.8-6.7Z"
+			/>
+
+			<path
+				d="M125.3 14.3V23c-.8 1-1.4 1.4-2.3 1.4-1 0-1.6-.6-1.6-2.5v-7.6h-3.8v8.3c0 3 1.4 5.1 4 5.1 2.5 0 3.8-1.6 3.8-1.6v1.3h3.7V14.3h-3.8Z"
+			/>
+
+			<path
+				d="M176.3 24.6c-1.7 0-3-1.5-3-3.7 0-2.3 1.3-3.8 3-3.8.6 0 1.1.2 1.7.7l1.8-2.5c-.9-.8-2.1-1.3-3.7-1.3a6.5 6.5 0 0 0-6.6 6.9c0 4.3 2.7 6.8 6.3 6.8 1.4 0 3-.4 4.2-1.5l-1.4-2.7c-.7.6-1.5 1-2.3 1Z"
+			/>
+		</g>
+
+		<path
+			d="M34.8 9c-.1-.2-.4-.3-.6-.3H34c-.2-.2-5.3 0-6.5.7 0-.8-.4-1.8-1.7-2-1-.3-3.1.7-2.4 2.8 0 .3.3.6.7.8.2 0 .5 0 .7.6h.3l.2.2h.5c.4.4.8-.1 1-.5l.7 2c-.2-.2-1.8-.6-2.5.2s-1.2 1.8-1.7 3.5c-.2.4-.5.7-1 .9-.9.3-.4.7-.2.7a6 6 0 0 0 2 0c.4-.2.1-1 .5-1.4l.8-1c0 .5 0 .8-.3 1.5-.2.7-1 1-1.3 1.3-.4.5.6.5.8.5.7-.2 1-.2 1.3-.4.4-.2.2-.8.3-1 .3-.7 1.4-2 1.6-2.3.8.2 1.7.2 2 .2 1.9-.2 2.3-1.5 2-2.6-.1-1-.7-1.5-.9-1.8l-.9-1.4 3.5-.9c0 .3.3.3.4.4.2.1.3 0 .2-.1a.6.6 0 0 1-.2-.2h.7c.3 0 .4-.4.3-.5Z"
+		/>
+
+		<path
+			fill-rule="evenodd"
+			clip-rule="evenodd"
+			d="M61 26.7c-.5-2.6-2.9-4.1-4.1-4.7l-1.4-.4-.4-.2c.1-.5.8-.5 1.2-1.3 1-2.3-1.2-3.8-2.8-3.5-.8.2-1.3.4-1.5 1 0 .4-.3.4-.7.8-.2.2.1.4.2.5l-.1.3v.5s-.3.3 0 .7l.3.8c0 .1 0 .2-.3 0l-3.4-1a37.4 37.4 0 0 1-4.2-4.7c-.7 0 .5 1.3-.1.8-.2 0-.7-.4-.8-.5l-.1-.2-.3-.3H42.2c-.2 0-.1.5 0 .7 0 0 .4 1.2.6 1.4l1.5 1 2.6 3c.7.7 3.8 2.5 3.9 2.6.2 0 .5.8 0 5.5-.1 1.8-1.4 5.6-.8 7.5.4 1.3.9 2.2 1.3 5.6.1.8-.5 1.3-1.3 2l-1.4.8c-.2.2 0 .4.2.5.2 0 .5.3.8.3.3.1.9 0 1.4-.3.7-.3.7-.4 1-.6.5-.3 1-.3 1.2-.8.2-.6-.3-1.4-.3-1.7.4-2.8.9-4.1.2-5.8-.2-.3 1-4 1-3.4.2.9.3 3.8.3 5.9 0 .9.8 4.2 1 5.4.4 1.8-2.6 3.2-2 3.8l1 .3 1-.1c.3-.1.6-.5.7-.6.6-.8.4-.6 1-1.1.4-.5 0-1.4 0-1.8v-2.9c0-1.9 0-2.4.2-3.2l1-6.2s.2 0 .3-.2c.2-.2.1-.5.2-.7 0-.2 0 0 0 0l.2.6-.2.8c-.2.4.1.4.2.5 0 0 1-.7 1.2-1l.1-.8-.2-1.8c.2-.9 1-3.2.8-3.8Zm-2.2 3.6c-.2.5-.2 0-.6 1.7V31.1c0-2.1-1.5-6.5-.6-5.6 0 0 1.2.8 1.4 1.4.2.5.1 1.8-.2 3.4Z"
+		/>
+
+		<path
+			d="M20 35.3c-.3-.3-1.6-2-2.4-2.7l-1-1.5c-1.6-2-1.9-2.1-3-2.2-.1-.2 0-.3 0-.4 1.3-.5.9-1.6.8-1.7l.2-.6-.2-1-.1-.7c-.8-.9-2.6-.9-3.5-.3-.8.5-.3.9-.6 1.6-.1.5 0 .9.3 1.2 0 .3.8.7.7 1.2-.2.6-1 .7-1 .7l-.3.1c-1.4.8-2.7 2-2.9 3.2 0 1 1.7 2.5 2.7 3.3.1 1.7 1.2 4.4 1.3 4.5.1.3-.3-.3-1.4-.7-.6-.1-1.2-.9-1.4 0 0 .4 0 1-.3 1.8-.2.6 0 1.5.7 1.5.5 0 .8-1.4.8-1.4s2.3 1 3.3.7c.7-.2.8-2.7.2-5-.2-.8.4 1.3 2 3.1.2.4 0 .7.2 2.2v1c0 .7-.7 1.6.9 2 1.6.4 1.5.8 2.5.1.5-.3-1.4-.5-1.8-1.6v-.2c0-.9.3-2.9.2-3.6-.6-3.4-2-5-2.2-5.8 0-2.4-.2-3.2 0-2.6l1 1.5.3.3.4.4 2.8 2.1s.1 1 .6 1c.4 0 2.3-1 2.2-1.1 0-.3-2-.3-2-.4ZM9.7 34l-1-1.8c.4-.7 1-1 1-.9.2 0 0 2.7 0 2.7Z"
+		/>
+
+		<path
+			d="M51.8 54.8c-.1 0-1.2-.5-2.2-2-.5-.8-3.8-7-4.3-8.2-.9-2.4-8-6.7-8.2-7-.2-.1-.2-.5-.1-.8.5-2 .3-3.8.4-4.1.3-.7.8-1.7.4-2.3l-.7-1.2s3.7 1.4 4.6 1.2c.8-.2 4.5-2.8 4.7-2.9.5-.2 1.8.1 3-1.3.5-.5.2-.6 0-.6.1 0-.1-.2-.4 0-.2.1-1.3.4-1.1.2.8-.5.2-.7.2-.7-.3.3-1.8.7-2.1 1l-.8.5c-.9.5-2.4 1.3-4 1.7-.3 0-3.3-2-5-2.2-1-.1-1.3 0-1.8.1-.6.2-.6-.7 0-1 .2 0 .6-.1.7-.4.2-.4 0-.7 0-.8v-.2l-.1-.1v-.5c.3-.2.2-.4.1-.4-.1-.1-.6-.4-.7-.7 0-.6-.3-.9-.3-1.2 0 0-.1-.8-.4-1-.4-.4-1.2-.8-2.8-.3-.6.1-.5.4-1.8.6-1.6.3-2.4 2.7-2.3 3.7.1.8.8.4.8.7 0 .6-.1 1.5 1 1.8.3 0 1.8-.2 2.4 0 0 0 .5 0 .2.4-.1.2-1.6.9-2 1-1 .4-3.6 4.6-4.3 5-.7.3-1 .6-1.3.8-1 .6-2.1 1.4-2.7 1.4-.7 0-1.4.3-1.9 1.5-.1.3 0 .5.3.5 0 .1.2.3.4.3.2.2.5 0 .7 0l1-.7c.5-.2 4-1.5 4.7-2.1 1.2-.6 3.5-3 4-3s1.6 1 1.2 3c0 .7-1 2-1.4 2.6-1 1.5-.2 2.7-.4 3-1 1.6-2.2 3.7-4.2 5.5-.8.6-2.4.7-3.3 1-2 .5-4.2 2-5.7 2.8-.5.3-1-.3-1.6-.4-.7 0-.7 1-1 1.8l-.7 1.5c-.1.4-.7 1.7-.1 2.2.4.7 1.5-1.4 2.4-2.3.4-.5.7-.7 1.7-1 .6 0 5.6-1.4 8.8-2.2h.3c4.2-1.1 8.6-6.6 8.7-6.6l7.2 3.5c.7.4.7 1.8 1.5 3.4a22 22 0 0 0 4.4 4.9c.4.4 0 1 .2 1.6.2.6.6.6 1.1.6l1.6-.2c.7 0 .5 0 1.3.2.4 0 1.3.1 2-.5 1-1.2-1.2-.6-2.3-1.1Z"
+		/>
+
+		<path
+			d="M44 51.7a.4.4 0 0 0-.6-.2 22.2 22.2 0 0 1-21-.6.5.5 0 0 0-.6.2c-.1.2 0 .4.1.6a23 23 0 0 0 21.9.5c.2 0 .3-.3.2-.5Z"
+		/>
+
+		<path
+			d="M12.9 22.9h-.2c-.2-.2-.3-.4-.2-.6 2-4.4 5.2-8 9.3-10.4.2-.1.5 0 .6.2.2.2 0 .4-.1.6-4 2.3-7.1 5.7-9 10l-.4.2Z"
+		/>
+
+		<path
+			d="M50.3 17.3c-.1 0-.3 0-.3-.2A22 22 0 0 0 36.5 10c-.2 0-.4-.3-.3-.5 0-.3.2-.4.5-.4a23 23 0 0 1 14 7.5v.7h-.4Z"
+		/>
+	</svg>
+</template>
+
+<style scoped>.cls-2{fill:#0c419a}</style>

package/src/components/HeaderBar/HeaderLogo/tests/HeaderLogo.spec.ts

@@ -0,0 +1,71 @@
+import { vuetify } from '@tests/unit/setup'
+import { mount } from '@vue/test-utils'
+import { afterEach, describe, expect, it, vi } from 'vitest'
+import HeaderLogo from '../HeaderLogo.vue'
+
+describe('HeaderLogo', () => {
+	afterEach(() => {
+		vi.resetAllMocks()
+		document.body.innerHTML = ''
+	})
+
+	it('should render the component in mobile mode and desktop', async () => {
+		// @ts-expect-error  - Property 'happyDOM' does not exist on type 'Window & typeof globalThis'.
+		window.happyDOM.setInnerWidth(600)
+		const wrapper = mount(HeaderLogo, {
+			global: {
+				plugins: [vuetify],
+			},
+			attachTo: document.body,
+		})
+		const mobilMode = wrapper.html()
+
+		// @ts-expect-error  - Property 'happyDOM' does not exist on type 'Window & typeof globalThis'.
+		window.happyDOM.setInnerWidth(1200)
+		await wrapper.vm.$nextTick()
+
+		const desktopMode = wrapper.html()
+
+		expect(mobilMode).not.toEqual(desktopMode)
+
+		wrapper.unmount()
+	})
+
+	it('sould display the service and the logo aria-label', async () => {
+		const wrapper = mount(HeaderLogo, {
+			global: {
+				plugins: [vuetify],
+			},
+			props: {
+				ariaLabel: 'Test aria label',
+				serviceTitle: 'Test service title',
+				serviceSubtitle: 'Test service subtitle',
+			},
+		})
+
+		const render = wrapper.html()
+
+		expect(render).toContain('Test service title')
+		expect(render).toContain('Test service subtitle')
+		expect(render).toContain('Test aria label')
+	})
+
+	it('should render only the serviceTitle slot when set', async () => {
+		const wrapper = mount(HeaderLogo, {
+			global: {
+				plugins: [vuetify],
+			},
+			props: {
+				serviceTitle: 'Test service title',
+			},
+			slots: {
+				serviceTitle: '<h1>other title</h1>',
+			},
+		})
+
+		const render = wrapper.html()
+
+		expect(render).toContain('other title')
+		expect(render).not.toContain('Test service title')
+	})
+})

package/src/components/HeaderBar/HeaderMenuBtn/HeaderMenuBtn.vue

@@ -0,0 +1,88 @@
+<script setup lang="ts">
+	import { computed, ref, type CSSProperties } from 'vue'
+	import { useTheme } from 'vuetify'
+	import { mdiClose, mdiMenu } from '@mdi/js'
+	import locals from './locals'
+
+	const theme = useTheme()
+	const btn = ref<HTMLElement | null>(null)
+	const btnFocused = ref(false)
+
+	const model = defineModel<boolean>()
+
+	const btnStyle = computed<CSSProperties>(() => {
+		const light = model.value || btnFocused.value
+
+		return ({
+			backgroundColor: light ? '#fff' : theme.current.value.colors.primary,
+			color: light ? theme.current.value.colors.primary : '#fff',
+		})
+	})
+
+	function focus() {
+		btn.value?.focus()
+	}
+
+	defineExpose({ focus })
+</script>
+
+<template>
+	<button
+		ref="btn"
+		class="header-menu-btn"
+		:style="btnStyle"
+		type="button"
+		:aria-label="model ? locals.closeMenu : locals.openMenu"
+		:title="model ? locals.closeMenu : locals.openMenu"
+		@click="() => (model = !model)"
+		@focus="btnFocused = true"
+		@blur="btnFocused = false"
+	>
+		<VIcon size="48">
+			{{ model ? mdiClose : mdiMenu }}
+		</VIcon>
+		<span class="header-menu-btn__label">Menu</span>
+	</button>
+</template>
+
+<style lang="scss" scoped>
+@use '../consts' as *;
+@use '@/assets/tokens.scss' as *;
+
+.header-menu-btn {
+	text-transform: Capitalize;
+	height: $header-height - 1;
+	width: 82px;
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	flex-shrink: 0;
+	justify-content: center;
+	font-weight: 700;
+	transition: color 0.15s 0.1s, background-color 0.15s 0.1s;
+
+	&:focus-visible {
+		background-color: $primary-base;
+		color: $neutral-white;
+	}
+}
+
+@media screen and (max-width: ($header-breakpoint + 1)) {
+	.header-menu-btn__label {
+		clip: rect(0 0 0 0);
+		clip-path: inset(50%);
+		height: 1px;
+		overflow: hidden;
+		position: absolute;
+		white-space: nowrap;
+		width: 1px;
+	}
+}
+
+@media screen and (min-width: $header-breakpoint) {
+	.header-menu-btn {
+		height: $header-height-desktop - 1;
+		width: $header-height-desktop;
+	}
+}
+</style>

package/src/components/HeaderBar/HeaderMenuBtn/locals.ts

@@ -0,0 +1,4 @@
+export default {
+	closeMenu: 'Fermer le menu',
+	openMenu: 'Ouvrir le menu',
+}

package/src/components/HeaderBar/consts.scss

@@ -0,0 +1,7 @@
+$header-breakpoint: 990px;
+$header-height-desktop: 95px;
+$header-height: 77px;
+$header-max-width: 1712px;
+$menu-border-color: #e0e0e0;
+$menu-height: 70vh;
+$menu-width: 350px;