scandic/web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(WEB-304): remaning UI from design system primitives

Browse Source
This commit is contained in:
Simon Emanuelsson
2024-06-07 10:36:23 +02:00
parent 6737970f54
commit 7c4b8401e9
228 changed files with 3516 additions and 3237 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
app/[lang]/(live)/(protected)/my-pages/layout.module.css
View File

@@ -1,7 +1,5 @@
.layout {
--header-height: 4.5rem;
background-color: var(--Scandic-Brand-Warm-White);
background-color: var(--Scandic-Brand-Pale-Peach);
display: grid;
font-family: var(--typography-Body-Regular-fontFamily);
gap: var(--Spacing-x3);
@@ -19,9 +17,9 @@
@media screen and (min-width: 1367px) {
.content {
gap: var(--Spacing-x9);
grid-template-columns: 25rem 1fr;
padding-left: var(--Spacing-x3);
padding-right: var(--Spacing-x3);
gap: var(--Spacing-x5);
grid-template-columns: max(360px) 1fr;
padding-left: var(--Spacing-x5);
padding-right: var(--Spacing-x5);
}
}

1
app/[lang]/(live)/(public)/[contentType]/[uid]/@breadcrumbs/[...paths]/page.tsx Normal file
View File

@@ -0,0 +1 @@
export { default } from "../page"

5
app/[lang]/(live)/(public)/[contentType]/[uid]/@breadcrumbs/page.tsx Normal file
View File

@@ -0,0 +1,5 @@
import Breadcrumbs from "@/components/MyPages/Breadcrumbs"
export default function PageBreadcrumbs() {
return <Breadcrumbs />
}

5
app/[lang]/(live)/(public)/[contentType]/[uid]/layout.module.css
View File

@@ -1,8 +1,7 @@
.layout {
--header-height: 4.5rem;
background-color: var(--Scandic-Brand-Warm-White);
display: grid;
font-family: var(--typography-Body-Regular-fontFamily);
grid-template-rows: var(--header-height) auto 1fr;
gap: var(--Spacing-x5);
grid-template-rows: auto 1fr;
}

12
app/[lang]/(live)/(public)/[contentType]/[uid]/layout.tsx
View File

@@ -8,9 +8,17 @@ import {
} from "@/types/params"
export default function ContentTypeLayout({
breadcrumbs,
children,
}: React.PropsWithChildren<
LayoutArgs<LangParams & ContentTypeParams & UIDParams>
LayoutArgs<LangParams & ContentTypeParams & UIDParams> & {
breadcrumbs: React.ReactNode
}
>) {
return <section className={styles.layout}>{children}</section>
return (
<section className={styles.layout}>
{breadcrumbs}
{children}
</section>
)
}

2
app/[lang]/(live)/(public)/[contentType]/[uid]/page.tsx
View File

@@ -17,7 +17,7 @@ export default async function ContentTypePage({
case "content-page":
return <ContentPage />
case "loyalty-page":
return <LoyaltyPage />
return <LoyaltyPage lang={params.lang} />
default:
const type: never = params.contentType
console.error(`Unsupported content type given: ${type}`)

14
app/[lang]/(live)/@languageSwitcher/[...paths]/page.tsx Normal file
View File

@@ -0,0 +1,14 @@
import { serverClient } from "@/lib/trpc/server"
import Desktop from "@/components/Current/Header/LanguageSwitcher/Desktop"
import Mobile from "@/components/Current/Header/LanguageSwitcher/Mobile"
export default async function LanguageSwitcher() {
const data = await serverClient().contentstack.languageSwitcher.get()
return (
<>
<Desktop currentLanguage={data.lang} urls={data.urls} />
<Mobile currentLanguage={data.lang} urls={data.urls} />
</>
)
}

17
app/[lang]/(live)/@languageSwitcher/[...uri]/page.module.css
View File

@@ -1,17 +0,0 @@
.desktop {
display: none;
}
.mobile {
display: block;
}
@media (min-width: 950px) {
.desktop {
display: block;
}
.mobile {
display: none;
}
}

25
app/[lang]/(live)/@languageSwitcher/[...uri]/page.tsx
View File

@@ -1,25 +0,0 @@
import { serverClient } from "@/lib/trpc/server"
import Desktop from "@/components/Current/Header/LanguageSwitcher/Desktop"
import Mobile from "@/components/Current/Header/LanguageSwitcher/Mobile"
import styles from "./page.module.css"
import { LangParams, PageArgs, UriParams } from "@/types/params"
export default async function LanguageSwitcher({
params,
}: PageArgs<LangParams & UriParams>) {
const { urls } = await serverClient().contentstack.config.languageSwitcher()
return (
<>
<section className={styles.desktop}>
<Desktop currentLanguage={params.lang} urls={urls} />
</section>
<section className={styles.mobile}>
<Mobile currentLanguage={params.lang} urls={urls} />
</section>
</>
)
}

2
app/[lang]/(live)/@languageSwitcher/default.tsx
View File

@@ -1,3 +1,3 @@
export default async function LanguageSwitcher() {
export default async function DefaultLanguageSwitcher() {
return null
}

4
app/[lang]/(live)/error.module.css
View File

@@ -1,9 +1,7 @@
.layout {
--header-height: 4.5rem;
display: grid;
font-family: var(--typography-Body-Regular-fontFamily);
grid-template-rows: var(--header-height) auto 1fr;
grid-template-rows: auto 1fr;
min-height: 100dvh;
}

15
app/[lang]/(live-current)/@languageSwitcher/current-content-page/page.tsx
View File

@@ -1 +1,14 @@
export { default } from "../page"
import { serverClient } from "@/lib/trpc/server"
import Desktop from "@/components/Current/Header/LanguageSwitcher/Desktop"
import Mobile from "@/components/Current/Header/LanguageSwitcher/Mobile"
export default async function LanguageSwitcher() {
const data = await serverClient().contentstack.languageSwitcher.get()
return (
<>
<Desktop currentLanguage={data.lang} urls={data.urls} />
<Mobile currentLanguage={data.lang} urls={data.urls} />
</>
)
}

3
app/[lang]/(live-current)/@languageSwitcher/default.tsx Normal file
View File

@@ -0,0 +1,3 @@
export default function DefaultLanguageSwitcher() {
return null
}

17
app/[lang]/(live-current)/@languageSwitcher/page.module.css
View File

@@ -1,17 +0,0 @@
.desktop {
display: none;
}
.mobile {
display: block;
}
@media (min-width: 950px) {
.desktop {
display: block;
}
.mobile {
display: none;
}
}

30
app/[lang]/(live-current)/@languageSwitcher/page.tsx
View File

@@ -1,30 +0,0 @@
import { serverClient } from "@/lib/trpc/server"
import Desktop from "@/components/Current/Header/LanguageSwitcher/Desktop"
import Mobile from "@/components/Current/Header/LanguageSwitcher/Mobile"
import styles from "./page.module.css"
import { LangParams, PageArgs, UIDParams, UriParams } from "@/types/params"
export default async function LanguageSwitcher({
params,
searchParams,
}: PageArgs<LangParams, UriParams & UIDParams>) {
if (!searchParams.uid) {
return null
}
const { urls } = await serverClient().contentstack.config.languageSwitcher()
return (
<>
<section className={styles.desktop}>
<Desktop currentLanguage={params.lang} urls={urls} />
</section>
<section className={styles.mobile}>
<Mobile currentLanguage={params.lang} urls={urls} />
</section>
</>
)
}

2
app/api/web/revalidate/route.ts
View File

@@ -7,7 +7,7 @@ import { Lang } from "@/constants/languages"
import { env } from "@/env/server"
import { internalServerError } from "@/server/errors/next"
import { affix as breadcrumbsAffix } from "@/server/routers/contentstack/breadcrumbs/utils"
import { languageSwitcherAffix } from "@/server/routers/contentstack/config/utils"
import { languageSwitcherAffix } from "@/server/routers/contentstack/languageSwitcher/utils"
import {
generateRefsResponseTag,

5
app/globals.css
View File

@@ -104,16 +104,15 @@
box-sizing: border-box;
}
html {
html,
body {
margin: 0;
padding: 0;
}
body {
margin: 0;
min-height: 100dvh;
overflow-x: hidden;
padding: 0;
}
ul {

11
components/ContentType/LoyaltyPage.tsx
View File

@@ -4,24 +4,21 @@ import { Blocks } from "@/components/Loyalty/Blocks"
import Sidebar from "@/components/Loyalty/Sidebar"
import MaxWidth from "@/components/MaxWidth"
import Breadcrumbs from "../MyPages/Breadcrumbs"
import styles from "./loyaltyPage.module.css"
export default async function LoyaltyPage() {
import type { LangParams } from "@/types/params"
export default async function LoyaltyPage({ lang }: LangParams) {
const loyaltyPage = await serverClient().contentstack.loyaltyPage.get()
return (
<>
<Breadcrumbs />
<section className={styles.content}>
{loyaltyPage.sidebar.length ? (
<Sidebar blocks={loyaltyPage.sidebar} />
<Sidebar blocks={loyaltyPage.sidebar} lang={lang} />
) : null}
<MaxWidth className={styles.blocks} tag="main">
{loyaltyPage.blocks ? <Blocks blocks={loyaltyPage.blocks} /> : null}
</MaxWidth>
</section>
</>
)
}

2
components/ContentType/Webviews/LoyaltyPage.tsx
View File

@@ -17,7 +17,7 @@ export default async function AboutScandicFriends({ lang }: LangParams) {
{loyaltyPage.sidebar ? (
<section className={styles.sidebar}>
<Sidebar blocks={loyaltyPage.sidebar} />
<Sidebar blocks={loyaltyPage.sidebar} lang={lang} />
</section>
) : null}

34
components/ContentType/loyaltyPage.module.css
View File

@@ -1,37 +1,39 @@
.content {
display: grid;
padding-bottom: 7.7rem;
padding-left: 0;
padding-right: 0;
padding-bottom: var(--Spacing-x9);
padding-left: var(--Spacing-x0);
padding-right: var(--Spacing-x0);
position: relative;
}
.blocks {
display: grid;
gap: 4.2rem;
padding: 1.6rem;
gap: var(--Spacing-x5);
padding-left: var(--Spacing-x2);
padding-right: var(--Spacing-x2);
}
@media screen and (min-width: 1367px) {
.content {
gap: 2.7rem;
padding-bottom: 17.5rem;
padding-left: 2.4rem;
padding-right: 2.4rem;
padding-top: 5.8rem;
gap: var(--Spacing-x3);
padding-left: var(--Spacing-x3);
padding-right: var(--Spacing-x3);
}
.content:has(> aside) {
grid-template-columns: 30rem 1fr;
grid-template-columns: 360px 1fr;
}
.content:has(> aside) .blocks {
grid-column: 2 / -1;
}
.blocks {
gap: 6.4rem;
padding-left: 0;
padding-right: 0;
padding-left: var(--Spacing-x0);
padding-right: var(--Spacing-x0);
}
.hasLeftSidebar .blocks {
grid-column: 2 / -1;
.blocks > section:first-of-type > header {
gap: var(--Spacing-x2);
}
}

2
components/Current/Footer/index.tsx
View File

@@ -7,7 +7,7 @@ import Navigation from "./Navigation"
import styles from "./footer.module.css"
export default async function Footer() {
const footerData = await serverClient().contentstack.config.footer()
const footerData = await serverClient().contentstack.base.footer()
return (
<footer className={styles.container}>
<div className={styles.content}>

11
components/Current/Header/LanguageSwitcher/Desktop/desktop.module.css
View File

@@ -1,3 +1,7 @@
.desktop {
display: none;
}
.container {
position: relative;
@@ -30,6 +34,7 @@
height: 1px;
overflow: hidden;
}
.caret {
display: inline-block;
width: 0;
@@ -100,3 +105,9 @@
outline: 0;
text-decoration: none;
}
@media (min-width: 950px) {
.desktop {
display: block;
}
}

4
components/Current/Header/LanguageSwitcher/Desktop/index.tsx
View File

@@ -56,10 +56,11 @@ export default function Desktop({
}
return (
<section className={styles.desktop}>
<div className={styles.container} ref={divRef}>
<button
aria-pressed="false"
className={styles.languageSwitcher}
className={styles.toggle}
onClick={toggleOpen}
>
<svg focusable="false" className={styles.icon} viewBox="0 0 32 32">
@@ -93,5 +94,6 @@ export default function Desktop({
})}
</ul>
</div>
</section>
)
}

10
components/Current/Header/LanguageSwitcher/Mobile/index.tsx
View File

@@ -27,14 +27,17 @@ export default function Mobile({
}
return (
<section className={styles.mobile}>
<div>
<button
aria-pressed="false"
className={styles.languageSwitcher}
className={styles.toggle}
onClick={toggleOpen}
>
{languages[currentLanguage]}
<span className={`${styles.arrow} ${isOpen ? styles.open : ""}`}></span>
{languages[currentLanguage]}{" "}
<span
className={`${styles.arrow} ${isOpen ? styles.open : ""}`}
></span>
<span className={styles.hiddenAccessible}>Choose language</span>
</button>
<ul className={`${styles.dropdown} ${isOpen ? styles.isOpen : ""}`}>
@@ -52,5 +55,6 @@ export default function Mobile({
})}
</ul>
</div>
</section>
)
}

12
components/Current/Header/LanguageSwitcher/Mobile/mobile.module.css
View File

@@ -1,5 +1,9 @@
.languageSwitcher {
.mobile {
display: block;
font-family: Helvetica, Arial, sans-serif;
}
.toggle {
font-size: 14px;
padding: 5px 0;
display: block;
@@ -62,3 +66,9 @@
color: #7f7369;
text-decoration: none;
}
@media (min-width: 950px) {
.mobile {
display: none;
}
}

2
components/Current/Header/index.tsx
View File

@@ -16,7 +16,7 @@ export default async function Header({
lang,
languageSwitcher,
}: LangParams & { languageSwitcher: React.ReactNode }) {
const data = await serverClient().contentstack.config.header()
const data = await serverClient().contentstack.base.header()
const session = await auth()
const homeHref = homeHrefs[env.NODE_ENV][lang]

2
components/Current/LangPopup/index.tsx
View File

@@ -67,7 +67,7 @@ export default function LangPopup({ lang }: { lang: Lang }) {
}}
>
<title>Close</title>
<g id="web-close" fill-rule="evenodd">
<g id="web-close" fillRule="evenodd">
<line x1="0" y1="0" x2="100%" y2="100%" />
<line x1="0" y1="100%" x2="100%" y2="0" />
</g>

27
components/Icons/AccountCircle.tsx Normal file
View File

@@ -0,0 +1,27 @@
import { iconVariants } from "./variants"
import type { IconProps } from "@/types/components/icon"
export default function AccountCircleIcon({
className,
color,
...props
}: IconProps) {
const classNames = iconVariants({ className, color })
return (
<svg
className={classNames}
fill="none"
height="41"
viewBox="0 0 40 41"
width="40"
xmlns="http://www.w3.org/2000/svg"
{...props}
>
<path
d="M7.1 31.75C9.2 30.2833 11.2833 29.1583 13.35 28.375C15.4167 27.5917 17.6333 27.2 20 27.2C22.3667 27.2 24.5917 27.5917 26.675 28.375C28.7583 29.1583 30.85 30.2833 32.95 31.75C34.4167 29.95 35.4583 28.1333 36.075 26.3C36.6917 24.4667 37 22.5333 37 20.5C37 15.6667 35.375 11.625 32.125 8.375C28.875 5.125 24.8333 3.5 20 3.5C15.1667 3.5 11.125 5.125 7.875 8.375C4.625 11.625 3 15.6667 3 20.5C3 22.5333 3.31667 24.4667 3.95 26.3C4.58333 28.1333 5.63333 29.95 7.1 31.75ZM19.9907 22C18.0636 22 16.4417 21.3386 15.125 20.0157C13.8083 18.6928 13.15 17.0678 13.15 15.1407C13.15 13.2136 13.8114 11.5917 15.1343 10.275C16.4572 8.95833 18.0822 8.3 20.0093 8.3C21.9364 8.3 23.5583 8.96143 24.875 10.2843C26.1917 11.6072 26.85 13.2322 26.85 15.1593C26.85 17.0864 26.1886 18.7083 24.8657 20.025C23.5428 21.3417 21.9178 22 19.9907 22ZM20.0234 40.5C17.2745 40.5 14.6833 39.975 12.25 38.925C9.81667 37.875 7.69167 36.4417 5.875 34.625C4.05833 32.8083 2.625 30.6872 1.575 28.2617C0.525 25.8362 0 23.2445 0 20.4867C0 17.7289 0.525 15.1417 1.575 12.725C2.625 10.3083 4.05833 8.19167 5.875 6.375C7.69167 4.55833 9.81277 3.125 12.2383 2.075C14.6638 1.025 17.2555 0.5 20.0133 0.5C22.7711 0.5 25.3583 1.025 27.775 2.075C30.1917 3.125 32.3083 4.55833 34.125 6.375C35.9417 8.19167 37.375 10.3089 38.425 12.7266C39.475 15.1443 40 17.7277 40 20.4766C40 23.2255 39.475 25.8167 38.425 28.25C37.375 30.6833 35.9417 32.8083 34.125 34.625C32.3083 36.4417 30.1911 37.875 27.7734 38.925C25.3557 39.975 22.7723 40.5 20.0234 40.5ZM20 37.5C21.8333 37.5 23.625 37.2333 25.375 36.7C27.125 36.1667 28.85 35.2333 30.55 33.9C28.85 32.7 27.1167 31.7833 25.35 31.15C23.5833 30.5167 21.8 30.2 20 30.2C18.2 30.2 16.4167 30.5167 14.65 31.15C12.8833 31.7833 11.15 32.7 9.45 33.9C11.15 35.2333 12.875 36.1667 14.625 36.7C16.375 37.2333 18.1667 37.5 20 37.5ZM20 19C21.1333 19 22.0583 18.6417 22.775 17.925C23.4917 17.2083 23.85 16.2833 23.85 15.15C23.85 14.0167 23.4917 13.0917 22.775 12.375C22.0583 11.6583 21.1333 11.3 20 11.3C18.8667 11.3 17.9417 11.6583 17.225 12.375C16.5083 13.0917 16.15 14.0167 16.15 15.15C16.15 16.2833 16.5083 17.2083 17.225 17.925C17.9417 18.6417 18.8667 19 20 19Z"
fill="#1C1B1F"
/>
</svg>
)
}

36
components/Icons/ArrowRight.tsx Normal file
View File

@@ -0,0 +1,36 @@
import { iconVariants } from "./variants"
import type { IconProps } from "@/types/components/icon"
export default function ArrowRight({ className, color, ...props }: IconProps) {
const classNames = iconVariants({ className, color })
return (
<svg
className={classNames}
fill="none"
height="25"
viewBox="0 0 24 25"
width="24"
xmlns="http://www.w3.org/2000/svg"
{...props}
>
<mask
height="25"
id="mask0_4176_4181"
maskUnits="userSpaceOnUse"
style={{ maskType: "alpha" }}
width="24"
x="0"
y="0"
>
<rect y="0.632812" width="24" height="24" fill="#D9D9D9" />
</mask>
<g mask="url(#mask0_4176_4181)">
<path
d="M16.15 13.5703H5.1875C4.92917 13.5703 4.70833 13.4786 4.525 13.2953C4.34167 13.112 4.25 12.8911 4.25 12.6328C4.25 12.3745 4.34167 12.1536 4.525 11.9703C4.70833 11.787 4.92917 11.6953 5.1875 11.6953H16.15L11.325 6.8703C11.1333 6.67863 11.0396 6.4578 11.0438 6.2078C11.0479 5.9578 11.1458 5.73697 11.3375 5.5453C11.5292 5.36197 11.75 5.26822 12 5.26405C12.25 5.25988 12.4708 5.35363 12.6625 5.5453L19.0875 11.9703C19.1792 12.062 19.2479 12.164 19.2937 12.2765C19.3396 12.389 19.3625 12.5078 19.3625 12.6328C19.3625 12.7578 19.3396 12.8765 19.2937 12.989C19.2479 13.1016 19.1792 13.2036 19.0875 13.2953L12.6625 19.7203C12.4792 19.9036 12.2604 19.9953 12.0062 19.9953C11.7521 19.9953 11.5292 19.9036 11.3375 19.7203C11.1458 19.5286 11.05 19.3057 11.05 19.0516C11.05 18.7974 11.1458 18.5745 11.3375 18.3828L16.15 13.5703Z"
fill="#4D001B"
/>
</g>
</svg>
)
}

40
components/Icons/Calendar.tsx
View File

@@ -1,14 +1,40 @@
import Image from "@/components/Image"
import { iconVariants } from "./variants"
import type { IconProps } from "@/types/components/icon"
export default function CalendarIcon({ height = 20, width = 20 }: IconProps) {
export default function CalendarIcon({
className,
color,
...props
}: IconProps) {
const classNames = iconVariants({ className, color })
return (
<Image
alt="Calendar Icon"
height={height}
src="/_static/icons/calendar_month.svg"
width={width}
<svg
className={classNames}
fill="none"
height="20"
viewBox="0 0 20 20"
width="20"
xmlns="http://www.w3.org/2000/svg"
{...props}
>
<mask
height="20"
id="mask0_1572_4288"
maskUnits="userSpaceOnUse"
style={{ maskType: "alpha" }}
width="20"
x="0"
y="0"
>
<rect width="20" height="20" fill="#D9D9D9" />
</mask>
<g mask="url(#mask0_1572_4288)">
<path
d="M4.5 18C4.0875 18 3.73437 17.8507 3.44062 17.5521C3.14687 17.2535 3 16.9028 3 16.5V5.5C3 5.09722 3.14687 4.74653 3.44062 4.44792C3.73437 4.14931 4.0875 4 4.5 4H6V2.75C6 2.5375 6.07145 2.35937 6.21435 2.21562C6.35727 2.07187 6.53435 2 6.7456 2C6.95687 2 7.13542 2.07187 7.28125 2.21562C7.42708 2.35937 7.5 2.5375 7.5 2.75V4H12.5V2.75C12.5 2.5375 12.5715 2.35937 12.7144 2.21562C12.8573 2.07187 13.0344 2 13.2456 2C13.4569 2 13.6354 2.07187 13.7812 2.21562C13.9271 2.35937 14 2.5375 14 2.75V4H15.5C15.9125 4 16.2656 4.14931 16.5594 4.44792C16.8531 4.74653 17 5.09722 17 5.5V16.5C17 16.9028 16.8531 17.2535 16.5594 17.5521C16.2656 17.8507 15.9125 18 15.5 18H4.5ZM4.5 16.5H15.5V9H4.5V16.5ZM4.5 7.5H15.5V5.5H4.5V7.5ZM10.0044 12C9.79313 12 9.61458 11.9285 9.46875 11.7856C9.32292 11.6427 9.25 11.4656 9.25 11.2544C9.25 11.0431 9.32145 10.8646 9.46435 10.7188C9.60727 10.5729 9.78435 10.5 9.9956 10.5C10.2069 10.5 10.3854 10.5715 10.5312 10.7144C10.6771 10.8573 10.75 11.0344 10.75 11.2456C10.75 11.4569 10.6785 11.6354 10.5356 11.7812C10.3927 11.9271 10.2156 12 10.0044 12ZM6.7544 12C6.54313 12 6.36458 11.9285 6.21875 11.7856C6.07292 11.6427 6 11.4656 6 11.2544C6 11.0431 6.07145 10.8646 6.21435 10.7188C6.35727 10.5729 6.53435 10.5 6.7456 10.5C6.95687 10.5 7.13542 10.5715 7.28125 10.7144C7.42708 10.8573 7.5 11.0344 7.5 11.2456C7.5 11.4569 7.42855 11.6354 7.28565 11.7812C7.14273 11.9271 6.96565 12 6.7544 12ZM13.2544 12C13.0431 12 12.8646 11.9285 12.7188 11.7856C12.5729 11.6427 12.5 11.4656 12.5 11.2544C12.5 11.0431 12.5715 10.8646 12.7144 10.7188C12.8573 10.5729 13.0344 10.5 13.2456 10.5C13.4569 10.5 13.6354 10.5715 13.7812 10.7144C13.9271 10.8573 14 11.0344 14 11.2456C14 11.4569 13.9285 11.6354 13.7856 11.7812C13.6427 11.9271 13.4656 12 13.2544 12ZM10.0044 15C9.79313 15 9.61458 14.9285 9.46875 14.7856C9.32292 14.6427 9.25 14.4656 9.25 14.2544C9.25 14.0431 9.32145 13.8646 9.46435 13.7188C9.60727 13.5729 9.78435 13.5 9.9956 13.5C10.2069 13.5 10.3854 13.5715 10.5312 13.7144C10.6771 13.8573 10.75 14.0344 10.75 14.2456C10.75 14.4569 10.6785 14.6354 10.5356 14.7812C10.3927 14.9271 10.2156 15 10.0044 15ZM6.7544 15C6.54313 15 6.36458 14.9285 6.21875 14.7856C6.07292 14.6427 6 14.4656 6 14.2544C6 14.0431 6.07145 13.8646 6.21435 13.7188C6.35727 13.5729 6.53435 13.5 6.7456 13.5C6.95687 13.5 7.13542 13.5715 7.28125 13.7144C7.42708 13.8573 7.5 14.0344 7.5 14.2456C7.5 14.4569 7.42855 14.6354 7.28565 14.7812C7.14273 14.9271 6.96565 15 6.7544 15ZM13.2544 15C13.0431 15 12.8646 14.9285 12.7188 14.7856C12.5729 14.6427 12.5 14.4656 12.5 14.2544C12.5 14.0431 12.5715 13.8646 12.7144 13.7188C12.8573 13.5729 13.0344 13.5 13.2456 13.5C13.4569 13.5 13.6354 13.5715 13.7812 13.7144C13.9271 13.8573 14 14.0344 14 14.2456C14 14.4569 13.9285 14.6354 13.7856 14.7812C13.6427 14.9271 13.4656 15 13.2544 15Z"
fill="#1C1B1F"
/>
</g>
</svg>
)
}

36
components/Icons/Check.tsx Normal file
View File

@@ -0,0 +1,36 @@
import { iconVariants } from "./variants"
import type { IconProps } from "@/types/components/icon"
export default function CheckIcon({ className, color, ...props }: IconProps) {
const classNames = iconVariants({ className, color })
return (
<svg
className={classNames}
fill="none"
height="25"
viewBox="0 0 24 25"
width="24"
xmlns="http://www.w3.org/2000/svg"
{...props}
>
<mask
height="25"
id="mask0_1333_19690"
maskUnits="userSpaceOnUse"
style={{ maskType: "alpha" }}
width="24"
x="0"
y="0"
>
<rect y="0.629639" width="24" height="24" fill="#D9D9D9" />
</mask>
<g mask="url(#mask0_1333_19690)">
<path
d="M9.99967 16.6738L6.35547 13.0296L7.39967 11.9854L9.99967 14.5854L16.5997 7.98535L17.6439 9.02955L9.99967 16.6738Z"
fill="#4D001B"
/>
</g>
</svg>
)
}

39
components/Icons/CheckCircle.tsx
View File

@@ -1,17 +1,40 @@
import Image from "@/components/Image"
import { iconVariants } from "./variants"
import type { IconProps } from "@/types/components/icon"
export default function CheckCircleIcon({
height = 20,
width = 20,
className,
color,
...props
}: IconProps) {
const classNames = iconVariants({ className, color })
return (
<Image
alt="Check Circle Icon"
height={height}
src="/_static/icons/check_circle.svg"
width={width}
<svg
className={classNames}
fill="none"
height="32"
viewBox="0 0 32 32"
width="32"
xmlns="http://www.w3.org/2000/svg"
{...props}
>
<mask
height="32"
id="mask0_2991_3013"
maskUnits="userSpaceOnUse"
style={{ maskType: "alpha" }}
width="33"
x="0"
y="0"
>
<rect x="0.5" width="32" height="32" fill="#D9D9D9" />
</mask>
<g mask="url(#mask0_2991_3013)">
<path
d="M14.6667 18.4333L11.8148 15.5814C11.5716 15.3383 11.2778 15.2167 10.9333 15.2167C10.5889 15.2167 10.2944 15.3389 10.05 15.5833C9.80556 15.8278 9.68333 16.1222 9.68333 16.4667C9.68333 16.8111 9.8036 17.1036 10.0441 17.3441L13.7833 21.0833C14.0348 21.3389 14.3283 21.4667 14.6636 21.4667C14.999 21.4667 15.2944 21.3389 15.55 21.0833L22.95 13.6833C23.1944 13.4389 23.3167 13.1444 23.3167 12.8C23.3167 12.4556 23.1944 12.1611 22.95 11.9167C22.7056 11.6722 22.4111 11.55 22.0667 11.55C21.7222 11.55 21.4292 11.6708 21.1877 11.9123L14.6667 18.4333ZM16.5 29C14.7021 29 13.0125 28.6582 11.4312 27.9746C9.84986 27.2909 8.47433 26.3632 7.3046 25.1912C6.13487 24.0193 5.20833 22.6435 4.525 21.0638C3.84167 19.484 3.5 17.7961 3.5 16C3.5 14.2021 3.84181 12.5125 4.52543 10.9312C5.20906 9.34986 6.13683 7.97433 7.30877 6.8046C8.4807 5.63487 9.85652 4.70833 11.4362 4.025C13.016 3.34167 14.7039 3 16.5 3C18.2979 3 19.9875 3.34181 21.5688 4.02543C23.1501 4.70906 24.5257 5.63683 25.6954 6.80877C26.8651 7.9807 27.7917 9.35652 28.475 10.9362C29.1583 12.516 29.5 14.2039 29.5 16C29.5 17.7979 29.1582 19.4875 28.4746 21.0688C27.7909 22.6501 26.8632 24.0257 25.6912 25.1954C24.5193 26.3651 23.1435 27.2917 21.5638 27.975C19.984 28.6583 18.2961 29 16.5 29Z"
fill="#33800A"
/>
</g>
</svg>
)
}

39
components/Icons/ChevronDown.tsx
View File

@@ -1,17 +1,40 @@
import Image from "@/components/Image"
import { iconVariants } from "./variants"
import type { IconProps } from "@/types/components/icon"
export default function ChevronDownIcon({
height = 20,
width = 20,
className,
color,
...props
}: IconProps) {
const classNames = iconVariants({ className, color })
return (
<Image
alt="Chevron Down Icon"
height={height}
src="/_static/icons/chevron-down.svg"
width={width}
<svg
className={classNames}
fill="none"
height="24"
viewBox="0 0 24 24"
width="24"
xmlns="http://www.w3.org/2000/svg"
{...props}
>
<mask
height="24"
id="mask0_553_6963"
maskUnits="userSpaceOnUse"
style={{ maskType: "alpha" }}
width="24"
x="0"
y="0"
>
<rect width="24" height="24" fill="#D9D9D9" />
</mask>
<g mask="url(#mask0_553_6963)">
<path
d="M12 15.3746L6 9.37461L7.4 7.97461L12 12.5746L16.6 7.97461L18 9.37461L12 15.3746Z"
fill="#757575"
/>
</g>
</svg>
)
}

43
components/Icons/ChevronRight.tsx Normal file
View File

@@ -0,0 +1,43 @@
import { iconVariants } from "./variants"
import type { IconProps } from "@/types/components/icon"
export default function ChevronRightIcon({
className,
color,
...props
}: IconProps) {
const classNames = iconVariants({ className, color })
return (
<svg
className={classNames}
fill="none"
height="20"
viewBox="0 0 20 20"
width="20"
xmlns="http://www.w3.org/2000/svg"
{...props}
>
<g id="chevron_right_small">
<mask
id="mask0_4140_3161"
style={{ maskType: "alpha" }}
maskUnits="userSpaceOnUse"
x="0"
y="0"
width="20"
height="20"
>
<rect id="Bounding box" width="20" height="20" fill="#D9D9D9" />
</mask>
<g mask="url(#mask0_4140_3161)">
<path
id="Vector"
d="M10.5417 10.0001L7.3125 6.77095C7.16667 6.62512 7.09375 6.4463 7.09375 6.23449C7.09375 6.02269 7.16667 5.84039 7.3125 5.68762C7.45833 5.53484 7.63889 5.45671 7.85417 5.45324C8.06944 5.44977 8.25347 5.52442 8.40625 5.6772L12.1771 9.44803C12.2535 9.52442 12.3108 9.60949 12.349 9.70324C12.3872 9.79699 12.4063 9.89595 12.4063 10.0001C12.4063 10.1043 12.3872 10.2032 12.349 10.297C12.3108 10.3907 12.2535 10.4758 12.1771 10.5522L8.40625 14.323C8.25347 14.4758 8.06944 14.5505 7.85417 14.547C7.63889 14.5435 7.45833 14.4654 7.3125 14.3126C7.16667 14.1598 7.09375 13.9775 7.09375 13.7657C7.09375 13.5539 7.16667 13.3751 7.3125 13.2293L10.5417 10.0001Z"
fill="#8F4350"
/>
</g>
</g>
</svg>
)
}

36
components/Icons/Email.tsx
View File

@@ -1,14 +1,36 @@
import Image from "@/components/Image"
import { iconVariants } from "./variants"
import type { IconProps } from "@/types/components/icon"
export default function EmailIcon({ height = 20, width = 20 }: IconProps) {
export default function EmailIcon({ className, color, ...props }: IconProps) {
const classNames = iconVariants({ className, color })
return (
<Image
alt="Email Icon"
height={height}
src="/_static/icons/alternate_email.svg"
width={width}
<svg
className={classNames}
fill="none"
height="20"
viewBox="0 0 20 20"
width="20"
xmlns="http://www.w3.org/2000/svg"
{...props}
>
<mask
height="20"
id="mask0_58_5363"
maskUnits="userSpaceOnUse"
style={{ maskType: "alpha" }}
width="20"
x="0"
y="0"
>
<rect width="20" height="20" fill="#D9D9D9" />
</mask>
<g mask="url(#mask0_58_5363)">
<path
d="M10.0094 17.5831C8.9638 17.5831 7.98052 17.3858 7.05961 16.991C6.1387 16.5963 5.33232 16.0532 4.64047 15.3617C3.94861 14.6701 3.40523 13.864 3.01032 12.9432C2.61542 12.0224 2.41797 11.0386 2.41797 9.99167C2.41797 8.94475 2.61533 7.96388 3.01005 7.04905C3.40477 6.1342 3.9479 5.33085 4.63943 4.63901C5.33097 3.94714 6.13713 3.40376 7.05791 3.00886C7.97868 2.61396 8.96252 2.4165 10.0094 2.4165C11.0563 2.4165 12.0372 2.6139 12.9521 3.00869C13.8669 3.40348 14.6702 3.94671 15.3621 4.63838C16.054 5.33005 16.5973 6.13317 16.9922 7.04776C17.3871 7.96232 17.5846 8.94634 17.5846 9.99982V11.0575C17.5846 11.7605 17.3373 12.3572 16.8428 12.8475C16.3482 13.3379 15.7483 13.5831 15.0429 13.5831C14.5654 13.5831 14.134 13.449 13.7489 13.1809C13.3637 12.9127 13.0552 12.5682 12.8233 12.1472C12.4793 12.5767 12.0619 12.9234 11.571 13.1873C11.0801 13.4512 10.5568 13.5831 10.0013 13.5831C9.00681 13.5831 8.16097 13.2341 7.46376 12.5359C6.76657 11.8378 6.41797 10.9909 6.41797 9.99511C6.41797 8.99933 6.76703 8.15395 7.46516 7.45896C8.16327 6.76399 9.01021 6.4165 10.006 6.4165C11.0018 6.4165 11.8471 6.7651 12.5421 7.4623C13.2371 8.1595 13.5846 9.00534 13.5846 9.99982V11.0575C13.5846 11.455 13.7288 11.7948 14.0173 12.0768C14.3057 12.3588 14.6476 12.4998 15.0429 12.4998C15.4382 12.4998 15.7801 12.3588 16.0686 12.0768C16.3571 11.7948 16.5013 11.455 16.5013 11.0575V9.99982C16.5013 8.19426 15.8693 6.65954 14.6054 5.39565C13.3416 4.13176 11.8068 3.49982 10.0013 3.49982C8.19573 3.49982 6.661 4.13176 5.39711 5.39565C4.13323 6.65954 3.50128 8.19426 3.50128 9.99982C3.50128 11.8054 4.13323 13.3401 5.39711 14.604C6.661 15.8679 8.19573 16.4998 10.0013 16.4998H14.0013V17.5831H10.0094ZM10.0013 12.4998C10.6957 12.4998 11.286 12.2568 11.7721 11.7707C12.2582 11.2845 12.5013 10.6943 12.5013 9.99982C12.5013 9.30537 12.2582 8.7151 11.7721 8.22898C11.286 7.74287 10.6957 7.49982 10.0013 7.49982C9.30684 7.49982 8.71656 7.74287 8.23045 8.22898C7.74434 8.7151 7.50128 9.30537 7.50128 9.99982C7.50128 10.6943 7.74434 11.2845 8.23045 11.7707C8.71656 12.2568 9.30684 12.4998 10.0013 12.4998Z"
fill="#1C1B1F"
/>
</g>
</svg>
)
}

41
components/Icons/House.tsx
View File

@@ -1,14 +1,41 @@
import Image from "@/components/Image"
import { iconVariants } from "./variants"
import type { IconProps } from "@/types/components/icon"
export default function HouseIcon({ height = 20, width = 20 }: IconProps) {
export default function HouseIcon({ className, color, ...props }: IconProps) {
const classNames = iconVariants({ className, color })
return (
<Image
alt="House Icon"
height={height}
src="/_static/icons/home.svg"
width={width}
<svg
className={classNames}
fill="none"
height="20"
viewBox="0 0 20 20"
width="20"
xmlns="http://www.w3.org/2000/svg"
{...props}
>
<g id="home">
<mask
id="mask0_4140_3155"
height="20"
maskUnits="userSpaceOnUse"
style={{ maskType: "alpha" }}
width="20"
x="0"
y="0"
>
<rect id="Bounding box" width="20" height="20" fill="#D9D9D9" />
</mask>
<g mask="url(#mask0_4140_3155)">
<path
id="Union"
fillRule="evenodd"
clipRule="evenodd"
d="M8.94115 2.45616C9.5571 1.95928 10.4429 1.95928 11.0589 2.45616L18.1933 8.21144C18.5507 8.49973 18.6034 9.01907 18.311 9.37142C18.0186 9.72377 17.4919 9.7757 17.1345 9.48741L16.4095 8.9026V17.0924C16.4095 17.5477 16.0352 17.9168 15.5735 17.9168H4.42596C3.96421 17.9168 3.58989 17.5477 3.58989 17.0924V16.2681V8.90307L2.86551 9.48741C2.50814 9.7757 1.98141 9.72377 1.68901 9.37142C1.39662 9.01907 1.44929 8.49973 1.80666 8.21144L8.94115 2.45616ZM5.17626 7.62337C5.23117 7.73317 5.26202 7.85676 5.26202 7.98746V15.4438C5.26202 15.8991 5.63634 16.2681 6.09808 16.2681H7.07363V11.0476C7.07363 10.1371 7.82227 9.39897 8.74575 9.39897H11.2539C12.1774 9.39897 12.9261 10.1371 12.9261 11.0476V16.2681H13.9013C14.3631 16.2681 14.7374 15.8991 14.7374 15.4438V7.98746C14.7374 7.85663 14.7683 7.73292 14.8233 7.62304L10 3.73213L5.17626 7.62337ZM11.2539 16.2681V11.0476L8.74575 11.0476V16.2681H11.2539Z"
fill="#8F4350"
/>
</g>
</g>
</svg>
)
}

36
components/Icons/Phone.tsx
View File

@@ -1,14 +1,36 @@
import Image from "@/components/Image"
import { iconVariants } from "./variants"
import type { IconProps } from "@/types/components/icon"
export default function PhoneIcon({ height = 20, width = 20 }: IconProps) {
export default function PhoneIcon({ className, color, ...props }: IconProps) {
const classNames = iconVariants({ className, color })
return (
<Image
alt="Phone Icon"
height={height}
src="/_static/icons/phone.svg"
width={width}
<svg
className={classNames}
fill="none"
height="20"
viewBox="0 0 21 20"
width="21"
xmlns="http://www.w3.org/2000/svg"
{...props}
>
<mask
height="20"
id="mask0_58_5381"
maskUnits="userSpaceOnUse"
style={{ maskType: "alpha" }}
width="21"
x="0"
y="0"
>
<rect x="0.449219" width="20" height="20" fill="#D9D9D9" />
</mask>
<g mask="url(#mask0_58_5381)">
<path
d="M6.20694 18.5831C5.83183 18.5831 5.51476 18.4536 5.25573 18.1946C4.9967 17.9356 4.86719 17.6185 4.86719 17.2434V2.75625C4.86719 2.38114 4.9967 2.06407 5.25573 1.80505C5.51476 1.54602 5.83183 1.4165 6.20694 1.4165H14.6941C15.0692 1.4165 15.3862 1.54602 15.6453 1.80505C15.9043 2.06407 16.0338 2.38114 16.0338 2.75625V17.2434C16.0338 17.6185 15.9043 17.9356 15.6453 18.1946C15.3862 18.4536 15.0692 18.5831 14.6941 18.5831H6.20694ZM5.9505 16.2915V17.2434C5.9505 17.3075 5.97721 17.3663 6.03063 17.4197C6.08406 17.4731 6.14283 17.4998 6.20694 17.4998H14.6941C14.7582 17.4998 14.8169 17.4731 14.8704 17.4197C14.9238 17.3663 14.9505 17.3075 14.9505 17.2434V16.2915H5.9505ZM5.9505 15.2082H14.9505V4.79146H5.9505V15.2082ZM5.9505 3.70817H14.9505V2.75625C14.9505 2.69214 14.9238 2.63337 14.8704 2.57994C14.8169 2.52653 14.7582 2.49982 14.6941 2.49982H6.20694C6.14283 2.49982 6.08406 2.52653 6.03063 2.57994C5.97721 2.63337 5.9505 2.69214 5.9505 2.75625V3.70817Z"
fill="#1C1B1F"
/>
</g>
</svg>
)
}

29
components/Icons/icon.module.css Normal file
View File

@@ -0,0 +1,29 @@
.icon {
height: 20px;
width: 20px;
}
.black,
.black * {
fill: #000;
}
.burgundy,
.burgundy * {
fill: var(--Scandic-Brand-Burgundy);
}
.pale,
.pale * {
fill: var(--Scandic-Brand-Pale-Peach);
}
.peach80,
.peach80 * {
fill: var(--Scandic-Peach-80);
}
.plosa,
.plosa * {
fill: var(--Theme-Primary-Light-On-Surface-Accent);
}

5
components/Icons/index.tsx
View File

@@ -1,5 +1,10 @@
export { default as AccountCircleIcon } from "./AccountCircle"
export { default as ArrowRightIcon } from "./ArrowRight"
export { default as CalendarIcon } from "./Calendar"
export { default as CheckIcon } from "./Check"
export { default as CheckCircleIcon } from "./CheckCircle"
export { default as ChevronDownIcon } from "./ChevronDown"
export { default as ChevronRightIcon } from "./ChevronRight"
export { default as EmailIcon } from "./Email"
export { default as HouseIcon } from "./House"
export { default as PhoneIcon } from "./Phone"

21
components/Icons/variants.ts Normal file
View File

@@ -0,0 +1,21 @@
import { cva } from "class-variance-authority"
import styles from "./icon.module.css"
const config = {
variants: {
color: {
black: styles.black,
burgundy: styles.burgundy,
pale: styles.pale,
peach80: styles.peach80,
primaryLightOnSurfaceAccent: styles.plosa,
red: styles.red,
},
},
defaultVariants: {
color: "black",
},
} as const
export const iconVariants = cva(styles.icon, config)

0
components/Image/index.tsx → components/Image.tsx
View File

2
components/JsonToHtml/jsontohtml.module.css
View File

@@ -1,6 +1,6 @@
.image {
height: auto;
margin-bottom: 16px;
margin-bottom: var(--Spacing-x2);
max-width: 100%;
object-fit: cover;
}

11
components/Levels/Level/BestFriend.tsx
View File

@@ -2,7 +2,7 @@ import { levelVariants } from "../variants"
import type { LevelProps } from "../levels"
export default function BestFriend({ className, color }: LevelProps) {
export default function BestFriend({ className, color, ...props }: LevelProps) {
const classNames = levelVariants({
className,
color,
@@ -10,12 +10,14 @@ export default function BestFriend({ className, color }: LevelProps) {
return (
<svg
className={classNames}
xmlns="http://www.w3.org/2000/svg"
width="159"
fill="none"
height="75"
viewBox="0 0 159 75"
fill="none"
width="159"
xmlns="http://www.w3.org/2000/svg"
{...props}
>
<g>
<path
d="M53.316 21.1358C53.316 21.1358 53.279 21.0988 53.2605 21.0803C53.242 21.0618 53.2234 21.0433 53.2049 21.0248C53.1864 21.0063 53.1679 20.9879 53.1494 20.9694C53.1309 20.9509 53.1124 20.9324 53.0939 20.9139C53.0754 20.8954 53.0569 20.8769 53.0384 20.8584C53.0198 20.8399 53.0013 20.8214 52.9828 20.8029C52.9643 20.7844 52.9458 20.7659 52.9273 20.7474C52.9088 20.7289 52.8903 20.7104 52.8718 20.692C52.8533 20.6735 52.8348 20.655 52.8162 20.6365C52.7977 20.618 52.7792 20.5995 52.7607 20.581C52.7422 20.5625 52.7237 20.544 52.7052 20.5255C52.6867 20.507 52.6682 20.4885 52.6497 20.47C52.6312 20.4515 52.6127 20.433 52.5942 20.4145C52.5756 20.396 52.5571 20.3776 52.5386 20.3591C52.5201 20.3406 52.5016 20.3221 52.4831 20.3036C52.4646 20.2851 52.4461 20.2666 52.4276 20.2481C52.4091 20.2296 52.3906 20.2111 52.372 20.1926C52.3535 20.1741 52.335 20.1556 52.3165 20.1371C52.298 20.1186 52.2795 20.1001 52.261 20.0816C52.2425 20.0632 52.224 20.0447 52.2055 20.0262C52.187 20.0077 52.1684 19.9892 52.1499 19.9707C52.1314 19.9522 52.1129 19.9337 52.0944 19.9152C52.0759 19.8967 52.0574 19.8782 52.0389 19.8597C52.0204 19.8412 52.0019 19.8227 51.9834 19.8042C51.9649 19.7857 51.9463 19.7673 51.9278 19.7488C53.1457 20.9472 54.0637 22.5413 54.0637 24.6238C54.0637 29.6948 49.5772 33.3603 44.1875 33.3603H32.9528C32.7048 33.3603 32.4975 33.2567 32.3457 33.0977C32.3642 33.1162 32.379 33.1346 32.3975 33.1494C32.416 33.1679 32.4345 33.1864 32.4531 33.2049C32.4716 33.2234 32.4901 33.2419 32.5086 33.2604C32.5271 33.2789 32.5456 33.2974 32.5641 33.3159C32.5826 33.3344 32.6011 33.3529 32.6196 33.3714C32.6381 33.3899 32.6566 33.4084 32.6752 33.4269C32.6937 33.4453 32.7122 33.4638 32.7307 33.4823C32.7492 33.5008 32.7677 33.5193 32.7862 33.5378C32.8047 33.5563 32.8232 33.5748 32.8417 33.5933C32.8602 33.6118 32.8788 33.6303 32.8973 33.6488C32.9158 33.6673 32.9343 33.6858 32.9528 33.7043C32.9713 33.7228 32.9898 33.7413 33.0083 33.7597C33.0268 33.7782 33.0453 33.7967 33.0638 33.8152C33.0823 33.8337 33.1009 33.8522 33.1194 33.8707C33.1379 33.8892 33.1564 33.9077 33.1749 33.9262C33.1934 33.9447 33.2119 33.9632 33.2304 33.9817C33.2489 34.0002 33.2674 34.0187 33.2859 34.0372C33.3044 34.0556 33.323 34.0741 33.3415 34.0926C33.36 34.1111 33.3785 34.1296 33.397 34.1481C33.4155 34.1666 33.434 34.1851 33.4525 34.2036C33.471 34.2221 33.4895 34.2406 33.508 34.2591C33.5266 34.2776 33.5451 34.2961 33.5636 34.3146C33.5821 34.3331 33.6006 34.3516 33.6191 34.37C33.6376 34.3885 33.6561 34.407 33.6746 34.4255C33.6931 34.444 33.7116 34.4625 33.7302 34.481C33.8856 34.6549 34.104 34.7732 34.3668 34.7732H45.6016C50.9913 34.7732 55.4778 31.1077 55.4778 26.0367C55.4778 23.9395 54.5487 22.3379 53.3197 21.1358H53.316Z"
fill="#CD0921"
@@ -156,6 +158,7 @@ export default function BestFriend({ className, color }: LevelProps) {
d="M139.592 40.2284H128.539C128.18 40.2284 127.876 40.5539 127.876 40.9386V70.9024C127.876 71.2871 128.18 71.6126 128.539 71.6126H139.592C148.276 71.6126 155.343 64.5516 155.343 55.8743C155.343 47.1969 148.276 40.2284 139.592 40.2284ZM139.14 65.2137H134.639V46.5792H139.14C144.264 46.5792 148.124 50.5739 148.124 55.8743C148.124 61.1746 144.26 65.2137 139.14 65.2137Z"
fill="#CD0921"
/>
</g>
</svg>
)
}

15
components/Levels/Level/CloseFriend.tsx
View File

@@ -2,7 +2,11 @@ import { levelVariants } from "../variants"
import type { LevelProps } from "../levels"
export default function CloseFriend({ className, color }: LevelProps) {
export default function CloseFriend({
className,
color,
...props
}: LevelProps) {
const classNames = levelVariants({
className,
color,
@@ -10,12 +14,14 @@ export default function CloseFriend({ className, color }: LevelProps) {
return (
<svg
className={classNames}
xmlns="http://www.w3.org/2000/svg"
width="158"
fill="none"
height="75"
viewBox="0 0 158 75"
fill="none"
width="158"
xmlns="http://www.w3.org/2000/svg"
{...props}
>
<g>
<path
d="M91.0182 7.38511C91.0182 7.38511 90.9815 7.34745 90.9631 7.32861C90.9447 7.30978 90.9263 7.29095 90.9079 7.27212C90.8895 7.25329 90.8711 7.23446 90.8527 7.21563C90.8343 7.1968 90.8159 7.17797 90.7976 7.15914C90.7792 7.1403 90.7608 7.12147 90.7424 7.10264C90.724 7.08381 90.7056 7.06498 90.6872 7.04615C90.6688 7.02732 90.6505 7.00849 90.6321 6.98966C90.6137 6.97083 90.5953 6.95199 90.5769 6.93316C90.5585 6.91433 90.5401 6.8955 90.5217 6.87667C90.5033 6.85784 90.4849 6.83901 90.4666 6.82017C90.4482 6.80134 90.4298 6.78251 90.4114 6.76368C90.393 6.74485 90.3746 6.72602 90.3562 6.70719C90.3378 6.68836 90.3194 6.66953 90.301 6.6507C90.2827 6.63186 90.2643 6.61303 90.2459 6.5942C90.2275 6.57537 90.2091 6.55654 90.1907 6.53771C90.1723 6.51888 90.1539 6.50005 90.1356 6.48121C90.1172 6.46238 90.0988 6.44355 90.0804 6.42472C90.062 6.40589 90.0436 6.38706 90.0252 6.36823C90.0068 6.3494 89.9884 6.33057 89.97 6.31174C89.9517 6.2929 89.9333 6.27407 89.9149 6.25524C89.8965 6.23641 89.8781 6.21758 89.8597 6.19875C89.8413 6.17992 89.8229 6.16109 89.8046 6.14226C89.8046 6.14226 89.7972 6.13472 89.7972 6.13096C92.6365 9.04601 94.3835 13.0796 94.3835 17.5464C94.3835 26.4761 87.4066 33.5792 78.6864 33.5792C74.3208 33.5792 70.4039 31.8015 67.583 28.9053C67.5867 28.9091 67.5904 28.9128 67.594 28.9166C67.6124 28.9354 67.6308 28.9543 67.6492 28.9731C67.6676 28.9919 67.686 29.0108 67.7044 29.0296C67.7228 29.0484 67.7412 29.0672 67.7596 29.0861C67.7779 29.1049 67.7963 29.1237 67.8147 29.1426C67.8331 29.1614 67.8515 29.1802 67.8699 29.1991C67.8883 29.2179 67.9067 29.2367 67.925 29.2556C67.9434 29.2744 67.9618 29.2932 67.9802 29.3121C67.9986 29.3309 68.017 29.3497 68.0354 29.3685C68.0538 29.3874 68.0722 29.4062 68.0906 29.425C68.1089 29.4439 68.1273 29.4627 68.1457 29.4815C68.1641 29.5004 68.1825 29.5192 68.2009 29.538C68.2193 29.5569 68.2377 29.5757 68.2561 29.5945C68.2744 29.6134 68.2928 29.6322 68.3112 29.651C68.3296 29.6698 68.348 29.6887 68.3664 29.7075C68.3848 29.7263 68.4032 29.7452 68.4216 29.764C68.4399 29.7828 68.4583 29.8017 68.4767 29.8205C68.4951 29.8393 68.5135 29.8582 68.5319 29.877C68.5503 29.8958 68.5687 29.9146 68.5871 29.9335C68.6055 29.9523 68.6238 29.9711 68.6422 29.99C68.6606 30.0088 68.679 30.0276 68.6974 30.0465C68.7158 30.0653 68.7342 30.0841 68.7526 30.103C68.771 30.1218 68.7893 30.1406 68.8077 30.1595C71.6323 33.067 75.5566 34.8559 79.9332 34.8559C88.6534 34.8559 95.6303 27.7566 95.6303 18.8231C95.6303 14.3413 93.8722 10.3002 91.0219 7.38511H91.0182Z"
fill="#CD0921"
@@ -164,6 +170,7 @@ export default function CloseFriend({ className, color }: LevelProps) {
d="M138.974 40.5922H128.334C127.988 40.5922 127.697 40.9085 127.697 41.2851V70.8462C127.697 71.2228 127.988 71.5392 128.334 71.5392H138.974C147.33 71.5392 154.13 64.5755 154.13 56.0186C154.13 47.4617 147.33 40.5884 138.974 40.5884V40.5922ZM138.536 65.2421H134.2V46.8479H138.536C143.468 46.8479 147.19 50.7911 147.19 56.0224C147.19 61.2537 143.472 65.2421 138.536 65.2421Z"
fill="#CD0921"
/>
</g>
</svg>
)
}

11
components/Levels/Level/DearFriend.tsx
View File

@@ -2,7 +2,7 @@ import { levelVariants } from "../variants"
import type { LevelProps } from "../levels"
export default function DearFriend({ className, color }: LevelProps) {
export default function DearFriend({ className, color, ...props }: LevelProps) {
const classNames = levelVariants({
className,
color,
@@ -10,12 +10,14 @@ export default function DearFriend({ className, color }: LevelProps) {
return (
<svg
className={classNames}
xmlns="http://www.w3.org/2000/svg"
width="159"
fill="none"
height="75"
viewBox="0 0 159 75"
fill="none"
width="159"
xmlns="http://www.w3.org/2000/svg"
{...props}
>
<g>
<path
d="M47.5513 7.65293C47.5513 7.65293 47.5142 7.61595 47.4957 7.59745C47.4772 7.57896 47.4587 7.56047 47.4402 7.54198C47.4217 7.52349 47.4032 7.50499 47.3847 7.4865C47.3662 7.46801 47.3477 7.44952 47.3292 7.43102C47.3107 7.41253 47.2921 7.39404 47.2736 7.37555C47.2551 7.35705 47.2366 7.33856 47.2181 7.32007C47.1996 7.30158 47.1811 7.28309 47.1626 7.2646C47.1441 7.2461 47.1256 7.22761 47.1071 7.20912C47.0885 7.19063 47.07 7.17213 47.0515 7.15364C47.033 7.13515 47.0145 7.11666 46.996 7.09816C46.9775 7.07967 46.959 7.06118 46.9405 7.04269C46.922 7.02419 46.9035 7.0057 46.8849 6.98721C46.8664 6.96872 46.8479 6.95023 46.8294 6.93173C46.8109 6.91324 46.7924 6.89475 46.7739 6.87626C46.7554 6.85776 46.7369 6.83927 46.7184 6.82078C46.6999 6.80229 46.6814 6.78379 46.6628 6.7653C46.6443 6.74681 46.6258 6.72832 46.6073 6.70983C46.5888 6.69134 46.5703 6.67284 46.5518 6.65435C46.5333 6.63586 46.5148 6.61737 46.4963 6.59887C46.4889 6.59148 46.4815 6.58408 46.4778 6.58038C46.4889 6.59517 46.4963 6.60997 46.5074 6.62476C49.217 9.46147 50.8902 13.2857 50.8902 17.4797C50.8902 26.2598 43.7311 33.3645 34.9913 33.3645H23.9379C23.7158 33.3645 23.5197 33.261 23.3716 33.1056C23.3864 33.1241 23.4049 33.1426 23.4234 33.1574C23.4419 33.1759 23.4604 33.1944 23.4789 33.2129C23.4974 33.2314 23.5159 33.2499 23.5345 33.2684C23.553 33.2869 23.5715 33.3053 23.59 33.3238C23.6085 33.3423 23.627 33.3608 23.6455 33.3793C23.664 33.3978 23.6825 33.4163 23.701 33.4348C23.7195 33.4533 23.7381 33.4718 23.7566 33.4903C23.7751 33.5088 23.7936 33.5273 23.8121 33.5457C23.8306 33.5642 23.8491 33.5827 23.8676 33.6012C23.8861 33.6197 23.9046 33.6382 23.9231 33.6567C23.9416 33.6752 23.9602 33.6937 23.9787 33.7122C23.9972 33.7307 24.0157 33.7492 24.0342 33.7677C24.0527 33.7861 24.0712 33.8046 24.0897 33.8231C24.1082 33.8416 24.1267 33.8601 24.1452 33.8786C24.1637 33.8971 24.1823 33.9156 24.2008 33.9341C24.2193 33.9526 24.2378 33.9711 24.2563 33.9896C24.2748 34.0081 24.2933 34.0265 24.3118 34.045C24.3303 34.0635 24.3488 34.082 24.3673 34.1005C24.3859 34.119 24.4044 34.1375 24.4229 34.156C24.4414 34.1745 24.4599 34.193 24.4784 34.2115C24.4969 34.23 24.5154 34.2485 24.5339 34.2669C24.5524 34.2854 24.5709 34.3039 24.5894 34.3224C24.608 34.3409 24.6265 34.3594 24.645 34.3779C24.6635 34.3964 24.682 34.4149 24.7005 34.4334C24.719 34.4519 24.7375 34.4704 24.756 34.4889C24.9041 34.6627 25.1114 34.7773 25.352 34.7773H36.4054C45.1488 34.7773 52.3043 27.6726 52.3043 18.8925C52.3043 14.5357 50.5052 10.5784 47.6068 7.71211C47.5883 7.69361 47.5698 7.67512 47.5513 7.65663V7.65293Z"
fill="#CD0921"
@@ -152,6 +154,7 @@ export default function DearFriend({ className, color }: LevelProps) {
d="M139.62 40.2316H128.566C128.207 40.2316 127.9 40.557 127.9 40.9417V70.9028C127.9 71.2874 128.203 71.6129 128.566 71.6129H139.62C148.304 71.6129 155.37 64.5526 155.37 55.876C155.37 47.1994 148.304 40.2316 139.62 40.2316ZM139.168 65.2146H134.667V46.5818H139.168C144.291 46.5818 148.152 50.5761 148.152 55.876C148.152 61.1759 144.291 65.2146 139.168 65.2146Z"
fill="#CD0921"
/>
</g>
</svg>
)
}

159
components/Levels/Level/GoodFriend.tsx
View File

@@ -1,10 +1,8 @@
import GoodFriendSVG from "@/public/_static/icons/good-friend.svg"
import { levelVariants } from "../variants"
import type { LevelProps } from "../levels"
export default function GoodFriend({ className, color }: LevelProps) {
export default function GoodFriend({ className, color, ...props }: LevelProps) {
const classNames = levelVariants({
className,
color,
@@ -12,156 +10,159 @@ export default function GoodFriend({ className, color }: LevelProps) {
return (
<svg
className={classNames}
xmlns="http://www.w3.org/2000/svg"
width="220"
height="106"
viewBox="0 0 220 106"
fill="none"
height="75"
viewBox="0 0 159 75"
width="159"
xmlns="http://www.w3.org/2000/svg"
{...props}
>
<g>
<path
d="M32.7018 60.1352C32.6765 60.1098 32.6511 60.0844 32.6258 60.059C32.6004 60.0337 32.5751 60.0083 32.5497 59.9829C32.5244 59.9576 32.4991 59.9322 32.4737 59.9068C32.4484 59.8815 32.423 59.8561 32.3977 59.8307C32.3723 59.8054 32.347 59.78 32.3216 59.7546C32.2963 59.7293 32.2709 59.7039 32.2456 59.6785C32.2203 59.6531 32.1949 59.6278 32.1696 59.6024C32.1442 59.577 32.1189 59.5517 32.0935 59.5263C32.0682 59.5009 32.0428 59.4756 32.0175 59.4502C31.9922 59.4248 31.9668 59.3995 31.9415 59.3741C31.9161 59.3487 31.8908 59.3233 31.8654 59.298C31.8401 59.2726 31.8147 59.2472 31.7894 59.2219C31.7641 59.1965 31.7387 59.1711 31.7134 59.1458C31.688 59.1204 31.6627 59.095 31.6373 59.0697C31.612 59.0443 31.5866 59.0189 31.5613 58.9936C31.5359 58.9682 31.5106 58.9428 31.4853 58.9174C31.4599 58.8921 31.4346 58.8667 31.4092 58.8413C31.3839 58.816 31.3585 58.7906 31.3332 58.7652C31.3078 58.7399 31.2825 58.7145 31.2572 58.6891C31.2318 58.6638 31.2065 58.6384 31.1811 58.613C31.1558 58.5877 31.1304 58.5623 31.1051 58.5369C31.0797 58.5115 31.0544 58.4862 31.029 58.4608C31.0037 58.4354 30.9784 58.4101 30.953 58.3847C30.9277 58.3593 30.9023 58.334 30.877 58.3086C31.0848 58.5268 31.2217 58.816 31.2217 59.1255V65.8939C31.2217 66.5129 30.7249 67.0761 30.0457 67.0761H12.8618V73.88H14.7931V69.0092H31.9769C32.6562 69.0092 33.153 68.4511 33.153 67.827V61.0586C33.153 60.7288 33.006 60.4244 32.7728 60.2011C32.7474 60.1757 32.7221 60.1504 32.6967 60.125L32.7018 60.1352Z"
fill="#F7E1D5"
d="M22.8098 43.058C22.7913 43.0395 22.7728 43.0211 22.7543 43.0026C22.7358 42.9841 22.7173 42.9656 22.6988 42.9471C22.6803 42.9286 22.6618 42.9102 22.6433 42.8917C22.6248 42.8732 22.6063 42.8547 22.5877 42.8362C22.5692 42.8177 22.5507 42.7992 22.5322 42.7808C22.5137 42.7623 22.4952 42.7438 22.4767 42.7253C22.4582 42.7068 22.4397 42.6883 22.4212 42.6699C22.4027 42.6514 22.3842 42.6329 22.3656 42.6144C22.3471 42.5959 22.3286 42.5774 22.3101 42.5589C22.2916 42.5405 22.2731 42.522 22.2546 42.5035C22.2361 42.485 22.2176 42.4665 22.1991 42.448C22.1806 42.4295 22.162 42.4111 22.1435 42.3926C22.125 42.3741 22.1065 42.3556 22.088 42.3371C22.0695 42.3186 22.051 42.3002 22.0325 42.2817C22.014 42.2632 21.9955 42.2447 21.977 42.2262C21.9585 42.2077 21.9399 42.1892 21.9214 42.1708C21.9029 42.1523 21.8844 42.1338 21.8659 42.1153C21.8474 42.0968 21.8289 42.0783 21.8104 42.0599C21.7919 42.0414 21.7734 42.0229 21.7549 42.0044C21.7363 41.9859 21.7178 41.9674 21.6993 41.9489C21.6808 41.9305 21.6623 41.912 21.6438 41.8935C21.6253 41.875 21.6068 41.8565 21.5883 41.838C21.5698 41.8196 21.5513 41.8011 21.5328 41.7826C21.5142 41.7641 21.4957 41.7456 21.4772 41.7271C21.629 41.8861 21.7289 42.0968 21.7289 42.3223V47.2541C21.7289 47.7051 21.3662 48.1155 20.8701 48.1155H8.32129V53.0731H9.73165V49.524H22.2805C22.7765 49.524 23.1393 49.1173 23.1393 48.6626V43.7309C23.1393 43.4906 23.032 43.2688 22.8617 43.1061C22.8432 43.0876 22.8247 43.0691 22.8061 43.0506L22.8098 43.058Z"
fill="#CD0921"
/>
<path
d="M29.6416 78.2071C29.6162 78.1817 29.5909 78.1563 29.5656 78.131C29.5402 78.1056 29.5149 78.0802 29.4895 78.0548C29.4642 78.0295 29.4388 78.0041 29.4135 77.9787C29.3881 77.9534 29.3628 77.928 29.3375 77.9026C29.3121 77.8773 29.2868 77.8519 29.2614 77.8265C29.2361 77.8012 29.2107 77.7758 29.1854 77.7504C29.16 77.7251 29.1347 77.6997 29.1093 77.6743C29.084 77.6489 29.0587 77.6236 29.0333 77.5982C29.008 77.5728 28.9826 77.5475 28.9573 77.5221C28.9319 77.4967 28.9066 77.4714 28.8812 77.446C28.8559 77.4206 28.8305 77.3953 28.8052 77.3699C28.7799 77.3445 28.7545 77.3191 28.7292 77.2938C28.7038 77.2684 28.6785 77.243 28.6531 77.2177C28.6278 77.1923 28.6024 77.1669 28.5771 77.1416C28.5518 77.1162 28.5264 77.0908 28.5011 77.0655C28.4757 77.0401 28.4504 77.0147 28.425 76.9894C28.3997 76.964 28.3743 76.9386 28.349 76.9132C28.3236 76.8879 28.2983 76.8625 28.273 76.8371C28.2476 76.8118 28.2223 76.7864 28.1969 76.761C28.1716 76.7357 28.1462 76.7103 28.1209 76.6849C28.0955 76.6596 28.0702 76.6342 28.0449 76.6088C28.0195 76.5835 27.9942 76.5581 27.9688 76.5327C27.9435 76.5073 27.9181 76.482 27.8928 76.4566C27.8776 76.4414 27.8624 76.4262 27.8522 76.416C28.0499 76.6291 28.1817 76.9031 28.1817 77.1974V83.9658C28.1817 84.5848 27.6241 85.1429 27.0006 85.1429H12.8582V100.232C12.8582 100.851 12.3006 101.409 11.6822 101.409H4.36256C4.02294 101.409 3.73908 101.267 3.53125 101.049C3.55659 101.075 3.57687 101.1 3.60222 101.12C3.62756 101.146 3.65291 101.171 3.67825 101.196C3.7036 101.222 3.72894 101.247 3.75429 101.272C3.77963 101.298 3.80497 101.323 3.83032 101.349C3.85566 101.374 3.88101 101.399 3.90635 101.425C3.9317 101.45 3.95704 101.475 3.98239 101.501C4.00773 101.526 4.03308 101.551 4.05842 101.577C4.08377 101.602 4.10912 101.628 4.13446 101.653C4.15981 101.678 4.18515 101.704 4.21049 101.729C4.23584 101.754 4.26118 101.78 4.28653 101.805C4.31187 101.831 4.33722 101.856 4.36256 101.881C4.38791 101.907 4.41325 101.932 4.4386 101.957C4.46394 101.983 4.48929 102.008 4.51463 102.034C4.53998 102.059 4.56532 102.084 4.59067 102.11C4.61601 102.135 4.64136 102.16 4.6667 102.186C4.69205 102.211 4.71739 102.236 4.74274 102.262C4.76808 102.287 4.79343 102.313 4.81877 102.338C4.84412 102.363 4.86946 102.389 4.89481 102.414C4.92015 102.439 4.94549 102.465 4.97084 102.49C4.99618 102.516 5.02153 102.541 5.04688 102.566C5.07222 102.592 5.09757 102.617 5.12291 102.642C5.14826 102.668 5.1736 102.693 5.19894 102.718C5.22429 102.744 5.24964 102.769 5.27498 102.795C5.30033 102.82 5.32567 102.845 5.35101 102.871C5.37636 102.896 5.40171 102.921 5.42705 102.947C5.63995 103.185 5.93901 103.348 6.29891 103.348H13.6185C14.2369 103.348 14.7945 102.79 14.7945 102.171V87.0811H28.937C29.5554 87.0811 30.1181 86.523 30.1181 85.904V79.1356C30.1181 78.8058 29.9559 78.5013 29.7176 78.2832C29.6923 78.2578 29.6669 78.2324 29.6416 78.2071Z"
fill="#F7E1D5"
d="M20.5744 56.2263C20.5559 56.2078 20.5374 56.1893 20.5189 56.1709C20.5004 56.1524 20.4819 56.1339 20.4634 56.1154C20.4449 56.0969 20.4264 56.0784 20.4079 56.06C20.3893 56.0415 20.3708 56.023 20.3523 56.0045C20.3338 55.986 20.3153 55.9675 20.2968 55.949C20.2783 55.9306 20.2598 55.9121 20.2413 55.8936C20.2228 55.8751 20.2043 55.8566 20.1857 55.8381C20.1672 55.8196 20.1487 55.8012 20.1302 55.7827C20.1117 55.7642 20.0932 55.7457 20.0747 55.7272C20.0562 55.7087 20.0377 55.6903 20.0192 55.6718C20.0007 55.6533 19.9822 55.6348 19.9636 55.6163C19.9451 55.5978 19.9266 55.5793 19.9081 55.5609C19.8896 55.5424 19.8711 55.5239 19.8526 55.5054C19.8341 55.4869 19.8156 55.4684 19.7971 55.45C19.7786 55.4315 19.76 55.413 19.7415 55.3945C19.723 55.376 19.7045 55.3575 19.686 55.3391C19.6675 55.3206 19.649 55.3021 19.6305 55.2836C19.612 55.2651 19.5935 55.2466 19.575 55.2281C19.5565 55.2097 19.538 55.1912 19.5194 55.1727C19.5009 55.1542 19.4824 55.1357 19.4639 55.1172C19.4454 55.0987 19.4269 55.0803 19.4084 55.0618C19.3899 55.0433 19.3714 55.0248 19.3529 55.0063C19.3344 54.9878 19.3158 54.9694 19.2973 54.9509C19.2862 54.9398 19.2751 54.9287 19.2677 54.9213C19.4121 55.0766 19.5083 55.2762 19.5083 55.4906V60.4224C19.5083 60.8734 19.1011 61.28 18.6458 61.28H8.31801V72.2748C8.31801 72.7258 7.91082 73.1325 7.45921 73.1325H2.11392C1.8659 73.1325 1.65861 73.0289 1.50684 72.87C1.52534 72.8885 1.54015 72.9069 1.55866 72.9217C1.57717 72.9402 1.59568 72.9587 1.61419 72.9772C1.6327 72.9957 1.6512 73.0142 1.66971 73.0326C1.68822 73.0511 1.70673 73.0696 1.72524 73.0881C1.74375 73.1066 1.76225 73.1251 1.78076 73.1436C1.79927 73.162 1.81778 73.1805 1.83629 73.199C1.8548 73.2175 1.87331 73.236 1.89182 73.2545C1.91032 73.2729 1.92883 73.2914 1.94734 73.3099C1.96585 73.3284 1.98436 73.3469 2.00287 73.3654C2.02137 73.3839 2.03988 73.4023 2.05839 73.4208C2.0769 73.4393 2.09541 73.4578 2.11392 73.4763C2.13243 73.4948 2.15094 73.5132 2.16945 73.5317C2.18795 73.5502 2.20646 73.5687 2.22497 73.5872C2.24348 73.6057 2.26199 73.6242 2.2805 73.6426C2.299 73.6611 2.31751 73.6796 2.33602 73.6981C2.35453 73.7166 2.37304 73.7351 2.39155 73.7535C2.41006 73.772 2.42857 73.7905 2.44707 73.809C2.46558 73.8275 2.48409 73.846 2.5026 73.8644C2.52111 73.8829 2.53962 73.9014 2.55813 73.9199C2.57663 73.9384 2.59514 73.9569 2.61365 73.9754C2.63216 73.9939 2.65067 74.0123 2.66918 74.0308C2.68769 74.0493 2.70619 74.0678 2.7247 74.0863C2.74321 74.1048 2.76172 74.1232 2.78023 74.1417C2.79874 74.1602 2.81725 74.1787 2.83575 74.1972C2.85426 74.2157 2.87278 74.2342 2.89128 74.2526C3.04676 74.4264 3.26515 74.5447 3.52798 74.5447H8.87327C9.32488 74.5447 9.73207 74.138 9.73207 73.687V62.6923H20.0599C20.5115 62.6923 20.9224 62.2856 20.9224 61.8346V56.9029C20.9224 56.6626 20.8039 56.4407 20.63 56.2818C20.6115 56.2633 20.5929 56.2448 20.5744 56.2263Z"
fill="#CD0921"
/>
<path
d="M46.6133 84.4092V100.244C46.6133 100.863 46.0558 101.422 45.4373 101.422H38.0569C37.7173 101.422 37.4334 101.274 37.2256 101.061C37.2509 101.087 37.2712 101.112 37.3016 101.137C37.327 101.163 37.3523 101.188 37.3777 101.214C37.403 101.239 37.4283 101.264 37.4537 101.29C37.479 101.315 37.5044 101.34 37.5297 101.366C37.5551 101.391 37.5804 101.416 37.6058 101.442C37.6311 101.467 37.6564 101.493 37.6818 101.518C37.7071 101.543 37.7325 101.569 37.7578 101.594C37.7832 101.619 37.8085 101.645 37.8339 101.67C37.8592 101.696 37.8845 101.721 37.9099 101.746C37.9352 101.772 37.9606 101.797 37.9859 101.822C38.0113 101.848 38.0366 101.873 38.062 101.898C38.0873 101.924 38.1127 101.949 38.138 101.975C38.1633 102 38.1887 102.025 38.214 102.051C38.2394 102.076 38.2647 102.101 38.2901 102.127C38.3154 102.152 38.3408 102.178 38.3661 102.203C38.3915 102.228 38.4168 102.254 38.4421 102.279C38.4675 102.304 38.4928 102.33 38.5182 102.355C38.5435 102.38 38.5689 102.406 38.5942 102.431C38.6196 102.457 38.6449 102.482 38.6702 102.507C38.6956 102.533 38.7209 102.558 38.7463 102.583C38.7716 102.609 38.797 102.634 38.8223 102.66C38.8477 102.685 38.873 102.71 38.8984 102.736C38.9237 102.761 38.949 102.786 38.9744 102.812C38.9997 102.837 39.0251 102.863 39.0504 102.888C39.0758 102.913 39.1011 102.939 39.1265 102.964C39.3394 103.202 39.6384 103.365 39.9983 103.365H47.3788C47.9972 103.365 48.5598 102.807 48.5598 102.188V86.3524H50.6837L49.7156 84.4193H46.6286L46.6133 84.4092Z"
fill="#F7E1D5"
d="M32.9679 60.7452V72.2834C32.9679 72.7344 32.5607 73.1411 32.1091 73.1411H26.7194C26.4714 73.1411 26.2641 73.0339 26.1123 72.8786C26.1308 72.8971 26.1456 72.9156 26.1678 72.9341C26.1863 72.9525 26.2048 72.971 26.2234 72.9895C26.2419 73.008 26.2604 73.0265 26.2789 73.045C26.2974 73.0634 26.3159 73.0819 26.3344 73.1004C26.3529 73.1189 26.3714 73.1374 26.3899 73.1559C26.4084 73.1744 26.4269 73.1928 26.4455 73.2113C26.464 73.2298 26.4825 73.2483 26.501 73.2668C26.5195 73.2853 26.538 73.3037 26.5565 73.3222C26.575 73.3407 26.5935 73.3592 26.612 73.3777C26.6305 73.3962 26.6491 73.4147 26.6676 73.4331C26.6861 73.4516 26.7046 73.4701 26.7231 73.4886C26.7416 73.5071 26.7601 73.5256 26.7786 73.544C26.7971 73.5625 26.8156 73.581 26.8341 73.5995C26.8526 73.618 26.8712 73.6365 26.8897 73.655C26.9082 73.6735 26.9267 73.6919 26.9452 73.7104C26.9637 73.7289 26.9822 73.7474 27.0007 73.7659C27.0192 73.7844 27.0377 73.8028 27.0562 73.8213C27.0748 73.8398 27.0933 73.8583 27.1118 73.8768C27.1303 73.8953 27.1488 73.9137 27.1673 73.9322C27.1858 73.9507 27.2043 73.9692 27.2228 73.9877C27.2413 74.0062 27.2598 74.0247 27.2783 74.0431C27.2969 74.0616 27.3154 74.0801 27.3339 74.0986C27.3524 74.1171 27.3709 74.1356 27.3894 74.154C27.4079 74.1725 27.4264 74.191 27.4449 74.2095C27.4634 74.228 27.4819 74.2465 27.5005 74.265C27.6559 74.4387 27.8743 74.557 28.1371 74.557H33.5269C33.9785 74.557 34.3894 74.1504 34.3894 73.6993V62.1611H35.9404L35.2334 60.7526H32.979L32.9679 60.7452Z"
fill="#CD0921"
/>
<path
d="M72.0541 73.3006C72.0541 69.5866 70.5182 66.2227 68.0496 63.7923C68.0242 63.7669 67.9989 63.7416 67.9736 63.7162C67.9482 63.6908 67.9229 63.6655 67.8975 63.6401C67.8722 63.6147 67.8468 63.5894 67.8215 63.564C67.7961 63.5386 67.7708 63.5133 67.7455 63.4879C67.7201 63.4625 67.6948 63.4371 67.6694 63.4118C67.6441 63.3864 67.6187 63.361 67.5934 63.3357C67.568 63.3103 67.5427 63.2849 67.5173 63.2596C67.492 63.2342 67.4667 63.2088 67.4413 63.1835C67.416 63.1581 67.3906 63.1327 67.3653 63.1074C67.3399 63.082 67.3146 63.0566 67.2892 63.0312C67.2639 63.0059 67.2386 62.9805 67.2132 62.9551C67.1879 62.9298 67.1625 62.9044 67.1372 62.879C67.1118 62.8537 67.0865 62.8283 67.0611 62.8029C67.0358 62.7776 67.0104 62.7522 66.9851 62.7268C66.9598 62.7015 66.9344 62.6761 66.9091 62.6507C66.8837 62.6253 66.8584 62.6 66.833 62.5746C66.8077 62.5492 66.7823 62.5239 66.757 62.4985C66.7317 62.4731 66.7063 62.4478 66.681 62.4224C66.6556 62.397 66.6303 62.3717 66.6049 62.3463C66.5796 62.3209 66.5542 62.2956 66.5289 62.2702C66.5036 62.2448 66.4782 62.2194 66.4529 62.1941C66.4275 62.1687 66.4022 62.1433 66.3768 62.118C66.3515 62.0926 66.3261 62.0672 66.3008 62.0419C66.2754 62.0165 66.2501 61.9911 66.2248 61.9658C66.1994 61.9404 66.1741 61.915 66.1487 61.8896C68.597 64.32 70.1177 67.6687 70.1177 71.3624C70.1177 77.0755 66.3312 81.6672 60.9378 83.8439L69.4385 99.6132C69.8744 100.42 69.4385 101.414 68.3841 101.414H60.1318C59.7821 101.414 59.5033 101.257 59.3208 101.079C59.336 101.095 59.3512 101.11 59.3664 101.125C59.3867 101.151 59.4171 101.176 59.4425 101.201C59.4627 101.227 59.4931 101.252 59.5185 101.277C59.5388 101.303 59.5692 101.328 59.5945 101.353C59.6148 101.379 59.6452 101.404 59.6706 101.43C59.6908 101.455 59.7212 101.48 59.7466 101.506C59.7669 101.531 59.7973 101.556 59.8226 101.582C59.8429 101.607 59.8733 101.633 59.8987 101.658C59.9189 101.683 59.9494 101.709 59.9747 101.734C59.995 101.759 60.0254 101.785 60.0507 101.81C60.071 101.835 60.1014 101.861 60.1268 101.886C60.147 101.912 60.1775 101.937 60.2028 101.962C60.2231 101.988 60.2535 102.013 60.2788 102.038C60.2991 102.064 60.3295 102.089 60.3549 102.115C60.3752 102.14 60.4056 102.165 60.4309 102.191C60.4512 102.216 60.4816 102.241 60.5069 102.267C60.5272 102.292 60.5576 102.317 60.583 102.343C60.6033 102.368 60.6337 102.394 60.659 102.419C60.6793 102.444 60.7097 102.47 60.7351 102.495C60.7553 102.52 60.7857 102.546 60.8111 102.571C60.8314 102.597 60.8618 102.622 60.8871 102.647C60.9074 102.673 60.9378 102.698 60.9632 102.723C60.9834 102.749 61.0138 102.774 61.0392 102.799C61.0595 102.825 61.0899 102.85 61.1152 102.876C61.1355 102.901 61.1659 102.926 61.1913 102.952C61.3687 103.155 61.6779 103.353 62.0682 103.353H70.3205C71.3749 103.353 71.8108 102.358 71.3748 101.551L62.8742 85.7821C68.2726 83.6105 72.0541 79.0136 72.0541 73.3006Z"
fill="#F7E1D5"
d="M51.5468 52.6524C51.5468 49.9463 50.4252 47.4952 48.6224 45.7243C48.6039 45.7059 48.5854 45.6874 48.5669 45.6689C48.5484 45.6504 48.5299 45.6319 48.5114 45.6134C48.4929 45.595 48.4744 45.5765 48.4558 45.558C48.4373 45.5395 48.4188 45.521 48.4003 45.5025C48.3818 45.484 48.3633 45.4656 48.3448 45.4471C48.3263 45.4286 48.3078 45.4101 48.2893 45.3916C48.2708 45.3731 48.2522 45.3547 48.2337 45.3362C48.2152 45.3177 48.1967 45.2992 48.1782 45.2807C48.1597 45.2622 48.1412 45.2437 48.1227 45.2253C48.1042 45.2068 48.0857 45.1883 48.0672 45.1698C48.0487 45.1513 48.0301 45.1328 48.0116 45.1143C47.9931 45.0959 47.9746 45.0774 47.9561 45.0589C47.9376 45.0404 47.9191 45.0219 47.9006 45.0034C47.8821 44.985 47.8636 44.9665 47.8451 44.948C47.8265 44.9295 47.808 44.911 47.7895 44.8925C47.771 44.874 47.7525 44.8556 47.734 44.8371C47.7155 44.8186 47.697 44.8001 47.6785 44.7816C47.66 44.7631 47.6415 44.7447 47.623 44.7262C47.6044 44.7077 47.5859 44.6892 47.5674 44.6707C47.5489 44.6522 47.5304 44.6337 47.5119 44.6153C47.4934 44.5968 47.4749 44.5783 47.4564 44.5598C47.4379 44.5413 47.4194 44.5228 47.4008 44.5044C47.3823 44.4859 47.3638 44.4674 47.3453 44.4489C47.3268 44.4304 47.3083 44.4119 47.2898 44.3934C47.2713 44.375 47.2528 44.3565 47.2343 44.338C49.0222 46.1088 50.1327 48.5488 50.1327 51.2402C50.1327 55.403 47.3675 58.7487 43.4289 60.3347L49.6367 71.8248C49.955 72.4126 49.6367 73.1372 48.8667 73.1372H42.8403C42.5849 73.1372 42.3813 73.0226 42.248 72.8932C42.2592 72.9043 42.2703 72.9154 42.2814 72.9265C42.2962 72.945 42.3184 72.9635 42.3369 72.9819C42.3517 73.0004 42.3739 73.0189 42.3924 73.0374C42.4072 73.0559 42.4294 73.0744 42.4479 73.0928C42.4628 73.1113 42.485 73.1298 42.5035 73.1483C42.5183 73.1668 42.5405 73.1853 42.559 73.2038C42.5738 73.2223 42.596 73.2407 42.6145 73.2592C42.6293 73.2777 42.6515 73.2962 42.67 73.3147C42.6849 73.3332 42.7071 73.3516 42.7256 73.3701C42.7404 73.3886 42.7626 73.4071 42.7811 73.4256C42.7959 73.4441 42.8181 73.4625 42.8366 73.481C42.8514 73.4995 42.8736 73.518 42.8922 73.5365C42.907 73.555 42.9292 73.5735 42.9477 73.5919C42.9625 73.6104 42.9847 73.6289 43.0032 73.6474C43.018 73.6659 43.0402 73.6844 43.0587 73.7029C43.0735 73.7213 43.0957 73.7398 43.1143 73.7583C43.1291 73.7768 43.1513 73.7953 43.1698 73.8138C43.1846 73.8322 43.2068 73.8507 43.2253 73.8692C43.2401 73.8877 43.2623 73.9062 43.2808 73.9247C43.2956 73.9431 43.3178 73.9616 43.3364 73.9801C43.3512 73.9986 43.3734 74.0171 43.3919 74.0356C43.4067 74.0541 43.4289 74.0725 43.4474 74.091C43.4622 74.1095 43.4844 74.128 43.5029 74.1465C43.5177 74.165 43.54 74.1835 43.5585 74.2019C43.5733 74.2204 43.5955 74.2389 43.614 74.2574C43.7435 74.4053 43.9693 74.5495 44.2544 74.5495H50.2808C51.0508 74.5495 51.3691 73.8249 51.0508 73.237L44.843 61.7469C48.7853 60.1646 51.5468 56.8152 51.5468 52.6524Z"
fill="#CD0921"
/>
<path
d="M57.7248 68.771C57.9174 68.771 58.105 68.7913 58.2925 68.8217C58.1861 68.2636 57.9782 67.7461 57.6842 67.2742C57.1013 67.0053 56.4677 66.8379 55.7986 66.8379H46.6187V74.3826H48.5499V68.7659H57.7299L57.7248 68.771Z"
fill="#F7E1D5"
d="M41.0818 49.3509C41.2224 49.3509 41.3598 49.3658 41.4968 49.388C41.419 48.9813 41.2673 48.6042 41.0526 48.2604C40.6269 48.0645 40.1641 47.9425 39.6755 47.9425H32.9717V53.4399H34.382V49.3473H41.0859L41.0818 49.3509Z"
fill="#CD0921"
/>
<path
d="M88.4534 60.1397C88.428 60.1143 88.4027 60.0889 88.3773 60.0636C88.352 60.0382 88.3266 60.0128 88.3013 59.9875C88.2759 59.9621 88.2506 59.9367 88.2252 59.9114C88.1999 59.886 88.1746 59.8606 88.1492 59.8353C88.1239 59.8099 88.0985 59.7845 88.0732 59.7591C88.0478 59.7338 88.0225 59.7084 87.9971 59.683C87.9718 59.6577 87.9465 59.6323 87.9211 59.6069C87.8958 59.5816 87.8704 59.5562 87.8451 59.5308C87.8197 59.5055 87.7944 59.4801 87.769 59.4547C87.7437 59.4294 87.7183 59.404 87.693 59.3786C87.6677 59.3532 87.6423 59.3279 87.617 59.3025C87.5916 59.2771 87.5663 59.2518 87.5409 59.2264C87.5156 59.201 87.4902 59.1757 87.4649 59.1503C87.4395 59.1249 87.4142 59.0996 87.3889 59.0742C87.3635 59.0488 87.3382 59.0234 87.3128 58.9981C87.2875 58.9727 87.2621 58.9473 87.2368 58.922C87.2115 58.8966 87.1861 58.8712 87.1608 58.8459C87.1354 58.8205 87.1101 58.7951 87.0847 58.7698C87.0594 58.7444 87.034 58.719 87.0087 58.6937C86.9833 58.6683 86.958 58.6429 86.9327 58.6175C86.9073 58.5922 86.882 58.5668 86.8566 58.5414C86.8313 58.5161 86.8059 58.4907 86.7806 58.4653C86.7552 58.44 86.7299 58.4146 86.7045 58.3892C86.6893 58.374 86.6741 58.3588 86.664 58.3486C86.8617 58.5617 86.9935 58.8357 86.9935 59.13V100.233C86.9935 100.852 86.4359 101.41 85.8124 101.41H78.3661C78.0721 101.41 77.7983 101.278 77.5854 101.08C77.6007 101.095 77.6108 101.11 77.626 101.121C77.6514 101.146 77.6767 101.171 77.702 101.197C77.7274 101.222 77.7527 101.247 77.7781 101.273C77.8034 101.298 77.8288 101.324 77.8541 101.349C77.8794 101.374 77.9048 101.4 77.9301 101.425C77.9555 101.45 77.9808 101.476 78.0062 101.501C78.0315 101.526 78.0569 101.552 78.0822 101.577C78.1076 101.603 78.1329 101.628 78.1582 101.653C78.1836 101.679 78.2089 101.704 78.2343 101.729C78.2596 101.755 78.285 101.78 78.3103 101.806C78.3357 101.831 78.361 101.856 78.3864 101.882C78.4117 101.907 78.437 101.932 78.4624 101.958C78.4877 101.983 78.5131 102.008 78.5384 102.034C78.5638 102.059 78.5891 102.085 78.6145 102.11C78.6398 102.135 78.6651 102.161 78.6905 102.186C78.7158 102.211 78.7412 102.237 78.7665 102.262C78.7919 102.288 78.8172 102.313 78.8426 102.338C78.8679 102.364 78.8932 102.389 78.9186 102.414C78.9439 102.44 78.9693 102.465 78.9946 102.49C79.02 102.516 79.0453 102.541 79.0707 102.567C79.096 102.592 79.1214 102.617 79.1467 102.643C79.172 102.668 79.1974 102.693 79.2227 102.719C79.2481 102.744 79.2734 102.77 79.2988 102.795C79.3241 102.82 79.3495 102.846 79.3748 102.871C79.4001 102.896 79.4255 102.922 79.4508 102.947C79.6688 103.186 79.9729 103.348 80.3024 103.348H87.7488C88.3672 103.348 88.9298 102.79 88.9298 102.171V61.0682C88.9298 60.7384 88.7676 60.434 88.5294 60.2158C88.504 60.1904 88.4787 60.165 88.4534 60.1397Z"
fill="#F7E1D5"
d="M63.5215 43.0623C63.503 43.0438 63.4844 43.0253 63.4659 43.0068C63.4474 42.9883 63.4289 42.9698 63.4104 42.9514C63.3919 42.9329 63.3734 42.9144 63.3549 42.8959C63.3364 42.8774 63.3179 42.8589 63.2994 42.8405C63.2808 42.822 63.2623 42.8035 63.2438 42.785C63.2253 42.7665 63.2068 42.748 63.1883 42.7295C63.1698 42.7111 63.1513 42.6926 63.1328 42.6741C63.1143 42.6556 63.0958 42.6371 63.0773 42.6186C63.0587 42.6001 63.0402 42.5817 63.0217 42.5632C63.0032 42.5447 62.9847 42.5262 62.9662 42.5077C62.9477 42.4892 62.9292 42.4707 62.9107 42.4523C62.8922 42.4338 62.8737 42.4153 62.8552 42.3968C62.8366 42.3783 62.8181 42.3598 62.7996 42.3414C62.7811 42.3229 62.7626 42.3044 62.7441 42.2859C62.7256 42.2674 62.7071 42.2489 62.6886 42.2304C62.6701 42.212 62.6516 42.1935 62.6331 42.175C62.6145 42.1565 62.596 42.138 62.5775 42.1195C62.559 42.1011 62.5405 42.0826 62.522 42.0641C62.5035 42.0456 62.485 42.0271 62.4665 42.0086C62.448 41.9902 62.4295 41.9717 62.4109 41.9532C62.3924 41.9347 62.3739 41.9162 62.3554 41.8977C62.3369 41.8792 62.3184 41.8607 62.2999 41.8423C62.2814 41.8238 62.2629 41.8053 62.2444 41.7868C62.2333 41.7757 62.2222 41.7646 62.2148 41.7572C62.3591 41.9125 62.4554 42.1121 62.4554 42.3266V72.2756C62.4554 72.7266 62.0482 73.1332 61.5929 73.1332H56.155C55.9403 73.1332 55.7404 73.0371 55.585 72.8929C55.5961 72.904 55.6035 72.9151 55.6146 72.9225C55.6331 72.941 55.6516 72.9595 55.6701 72.978C55.6886 72.9965 55.7071 73.0149 55.7256 73.0334C55.7441 73.0519 55.7626 73.0704 55.7812 73.0889C55.7997 73.1074 55.8182 73.1259 55.8367 73.1443C55.8552 73.1628 55.8737 73.1813 55.8922 73.1998C55.9107 73.2183 55.9292 73.2368 55.9477 73.2552C55.9662 73.2737 55.9847 73.2922 56.0033 73.3107C56.0218 73.3292 56.0403 73.3477 56.0588 73.3661C56.0773 73.3846 56.0958 73.4031 56.1143 73.4216C56.1328 73.4401 56.1513 73.4586 56.1698 73.4771C56.1884 73.4955 56.2069 73.514 56.2254 73.5325C56.2439 73.551 56.2624 73.5695 56.2809 73.588C56.2994 73.6064 56.3179 73.6249 56.3364 73.6434C56.3549 73.6619 56.3734 73.6804 56.3919 73.6989C56.4104 73.7174 56.429 73.7358 56.4475 73.7543C56.466 73.7728 56.4845 73.7913 56.503 73.8098C56.5215 73.8283 56.54 73.8467 56.5585 73.8652C56.577 73.8837 56.5955 73.9022 56.614 73.9207C56.6325 73.9392 56.6511 73.9577 56.6696 73.9762C56.6881 73.9946 56.7066 74.0131 56.7251 74.0316C56.7436 74.0501 56.7621 74.0686 56.7806 74.0871C56.7991 74.1055 56.8176 74.124 56.8361 74.1425C56.8547 74.161 56.8732 74.1795 56.8917 74.198C56.9102 74.2164 56.9287 74.2349 56.9472 74.2534C57.1064 74.4272 57.3285 74.5455 57.5691 74.5455H63.0069C63.4585 74.5455 63.8694 74.1388 63.8694 73.6878V43.7388C63.8694 43.4985 63.751 43.2767 63.577 43.1177C63.5585 43.0992 63.54 43.0807 63.5215 43.0623Z"
fill="#CD0921"
/>
<path
d="M125.938 94.4729C125.913 94.4475 125.888 94.4221 125.862 94.3967C125.837 94.3714 125.812 94.346 125.786 94.3206C125.761 94.2953 125.736 94.2699 125.71 94.2445C125.685 94.2192 125.66 94.1938 125.634 94.1684C125.609 94.1431 125.584 94.1177 125.558 94.0923C125.533 94.0669 125.508 94.0416 125.482 94.0162C125.457 93.9908 125.432 93.9655 125.406 93.9401C125.381 93.9147 125.355 93.8894 125.33 93.864C125.305 93.8386 125.279 93.8133 125.254 93.7879C125.229 93.7625 125.203 93.7372 125.178 93.7118C125.153 93.6864 125.127 93.661 125.102 93.6357C125.077 93.6103 125.051 93.5849 125.026 93.5596C125.001 93.5342 124.975 93.5088 124.95 93.4835C124.925 93.4581 124.899 93.4327 124.874 93.4074C124.849 93.382 124.823 93.3566 124.798 93.3313C124.773 93.3059 124.747 93.2805 124.722 93.2551C124.697 93.2298 124.671 93.2044 124.646 93.179C124.62 93.1537 124.595 93.1283 124.57 93.1029C124.544 93.0776 124.519 93.0522 124.494 93.0268C124.468 93.0015 124.443 92.9761 124.418 92.9507C124.392 92.9253 124.367 92.9 124.342 92.8746C124.316 92.8492 124.291 92.8239 124.266 92.7985C124.24 92.7731 124.215 92.7478 124.19 92.7224C124.169 92.697 124.144 92.6717 124.119 92.6514C124.326 92.8695 124.458 93.1587 124.458 93.4682V100.237C124.458 100.856 123.962 101.414 123.282 101.414H97.6028C97.2632 101.414 96.9793 101.272 96.7715 101.054C96.7918 101.079 96.8171 101.104 96.8424 101.125C96.8678 101.15 96.8931 101.175 96.9185 101.201C96.9438 101.226 96.9692 101.251 96.9945 101.277C97.0199 101.302 97.0452 101.328 97.0706 101.353C97.0959 101.378 97.1212 101.404 97.1466 101.429C97.1719 101.454 97.1973 101.48 97.2226 101.505C97.248 101.53 97.2733 101.556 97.2987 101.581C97.324 101.607 97.3493 101.632 97.3747 101.657C97.4 101.683 97.4254 101.708 97.4507 101.733C97.4761 101.759 97.5014 101.784 97.5268 101.81C97.5521 101.835 97.5774 101.86 97.6028 101.886C97.6281 101.911 97.6535 101.936 97.6788 101.962C97.7042 101.987 97.7295 102.012 97.7549 102.038C97.7802 102.063 97.8056 102.089 97.8309 102.114C97.8562 102.139 97.8816 102.165 97.9069 102.19C97.9323 102.215 97.9576 102.241 97.983 102.266C98.0083 102.292 98.0337 102.317 98.059 102.342C98.0844 102.368 98.1097 102.393 98.135 102.418C98.1604 102.444 98.1857 102.469 98.2111 102.494C98.2364 102.52 98.2618 102.545 98.2871 102.571C98.3125 102.596 98.3378 102.621 98.3631 102.647C98.3885 102.672 98.4138 102.697 98.4392 102.723C98.4645 102.748 98.4899 102.774 98.5152 102.799C98.5406 102.824 98.5659 102.85 98.5912 102.875C98.6166 102.9 98.6419 102.926 98.6673 102.951C98.8802 103.19 99.1792 103.352 99.5391 103.352H125.219C125.898 103.352 126.395 102.794 126.395 102.175V95.4064C126.395 95.0766 126.248 94.7722 126.014 94.549C125.989 94.5236 125.964 94.4982 125.938 94.4729Z"
fill="#F7E1D5"
d="M90.8964 68.0799C90.8779 68.0614 90.8594 68.043 90.8409 68.0245C90.8224 68.006 90.8039 67.9875 90.7854 67.969C90.7668 67.9505 90.7483 67.9321 90.7298 67.9136C90.7113 67.8951 90.6928 67.8766 90.6743 67.8581C90.6558 67.8396 90.6373 67.8211 90.6188 67.8027C90.6003 67.7842 90.5818 67.7657 90.5633 67.7472C90.5447 67.7287 90.5262 67.7102 90.5077 67.6917C90.4892 67.6733 90.4707 67.6548 90.4522 67.6363C90.4337 67.6178 90.4152 67.5993 90.3967 67.5808C90.3782 67.5623 90.3597 67.5439 90.3412 67.5254C90.3226 67.5069 90.3041 67.4884 90.2856 67.4699C90.2671 67.4514 90.2486 67.433 90.2301 67.4145C90.2116 67.396 90.1931 67.3775 90.1746 67.359C90.1561 67.3405 90.1376 67.322 90.119 67.3036C90.1005 67.2851 90.082 67.2666 90.0635 67.2481C90.045 67.2296 90.0265 67.2111 90.008 67.1927C89.9895 67.1742 89.971 67.1557 89.9525 67.1372C89.934 67.1187 89.9155 67.1002 89.8969 67.0818C89.8784 67.0633 89.8599 67.0448 89.8414 67.0263C89.8229 67.0078 89.8044 66.9893 89.7859 66.9708C89.7674 66.9524 89.7489 66.9339 89.7304 66.9154C89.7119 66.8969 89.6934 66.8784 89.6748 66.8599C89.6563 66.8415 89.6378 66.823 89.6193 66.8045C89.6045 66.786 89.586 66.7675 89.5675 66.7527C89.7193 66.9117 89.8155 67.1224 89.8155 67.3479V72.2797C89.8155 72.7307 89.4527 73.1373 88.9567 73.1373H70.2038C69.9557 73.1373 69.7485 73.0338 69.5967 72.8749C69.6115 72.8933 69.63 72.9118 69.6485 72.9266C69.667 72.9451 69.6855 72.9636 69.704 72.9821C69.7225 73.0006 69.7411 73.019 69.7596 73.0375C69.7781 73.056 69.7966 73.0745 69.8151 73.093C69.8336 73.1115 69.8521 73.13 69.8706 73.1484C69.8891 73.1669 69.9076 73.1854 69.9261 73.2039C69.9446 73.2224 69.9632 73.2409 69.9817 73.2594C70.0002 73.2778 70.0187 73.2963 70.0372 73.3148C70.0557 73.3333 70.0742 73.3518 70.0927 73.3703C70.1112 73.3887 70.1297 73.4072 70.1482 73.4257C70.1667 73.4442 70.1852 73.4627 70.2038 73.4812C70.2223 73.4997 70.2408 73.5181 70.2593 73.5366C70.2778 73.5551 70.2963 73.5736 70.3148 73.5921C70.3333 73.6106 70.3518 73.629 70.3703 73.6475C70.3888 73.666 70.4074 73.6845 70.4259 73.703C70.4444 73.7215 70.4629 73.74 70.4814 73.7584C70.4999 73.7769 70.5184 73.7954 70.5369 73.8139C70.5554 73.8324 70.5739 73.8509 70.5924 73.8693C70.611 73.8878 70.6295 73.9063 70.648 73.9248C70.6665 73.9433 70.685 73.9618 70.7035 73.9802C70.722 73.9987 70.7405 74.0172 70.759 74.0357C70.7775 74.0542 70.796 74.0727 70.8146 74.0912C70.8331 74.1096 70.8516 74.1281 70.8701 74.1466C70.8886 74.1651 70.9071 74.1836 70.9256 74.2021C70.9441 74.2206 70.9626 74.239 70.9811 74.2575C71.1366 74.4313 71.355 74.5496 71.6178 74.5496H90.3708C90.8668 74.5496 91.2296 74.1429 91.2296 73.6919V68.7602C91.2296 68.5199 91.1222 68.298 90.9519 68.1354C90.9334 68.1169 90.9149 68.0984 90.8964 68.0799Z"
fill="#CD0921"
/>
<path
d="M108.036 85.844H122.178C122.797 85.844 123.359 85.3467 123.359 84.6618V77.8934C123.359 77.5636 123.197 77.2591 122.959 77.041C122.934 77.0156 122.908 76.9902 122.883 76.9649C122.858 76.9395 122.832 76.9141 122.807 76.8888C122.782 76.8634 122.756 76.838 122.731 76.8127C122.706 76.7873 122.68 76.7619 122.655 76.7366C122.63 76.7112 122.604 76.6858 122.579 76.6604C122.554 76.6351 122.528 76.6097 122.503 76.5843C122.478 76.559 122.452 76.5336 122.427 76.5082C122.401 76.4829 122.376 76.4575 122.351 76.4321C122.325 76.4068 122.3 76.3814 122.275 76.356C122.249 76.3307 122.224 76.3053 122.199 76.2799C122.173 76.2545 122.148 76.2292 122.123 76.2038C122.097 76.1784 122.072 76.1531 122.047 76.1277C122.021 76.1023 121.996 76.077 121.971 76.0516C121.945 76.0262 121.92 76.0009 121.895 75.9755C121.869 75.9501 121.844 75.9247 121.819 75.8994C121.793 75.874 121.768 75.8486 121.743 75.8233C121.717 75.7979 121.692 75.7725 121.666 75.7472C121.641 75.7218 121.616 75.6964 121.59 75.6711C121.565 75.6457 121.54 75.6203 121.514 75.595C121.489 75.5696 121.464 75.5442 121.438 75.5188C121.413 75.4935 121.388 75.4681 121.362 75.4427C121.337 75.4174 121.312 75.392 121.286 75.3666C121.261 75.3413 121.236 75.3159 121.21 75.2905C121.185 75.2652 121.16 75.2398 121.134 75.2144C121.119 75.1992 121.104 75.184 121.094 75.1738C121.291 75.3869 121.423 75.6609 121.423 75.9552V82.7236C121.423 83.4086 120.866 83.9058 120.242 83.9058H106.1V90.1465H108.031V85.8389L108.036 85.844Z"
fill="#F7E1D5"
d="M77.8223 61.7907H88.1501C88.6017 61.7907 89.0126 61.4284 89.0126 60.9293V55.9976C89.0126 55.7573 88.8941 55.5355 88.7202 55.3765C88.7016 55.358 88.6831 55.3395 88.6646 55.3211C88.6461 55.3026 88.6276 55.2841 88.6091 55.2656C88.5906 55.2471 88.5721 55.2286 88.5536 55.2102C88.5351 55.1917 88.5166 55.1732 88.498 55.1547C88.4795 55.1362 88.461 55.1177 88.4425 55.0992C88.424 55.0808 88.4055 55.0623 88.387 55.0438C88.3685 55.0253 88.35 55.0068 88.3315 54.9883C88.313 54.9698 88.2944 54.9514 88.2759 54.9329C88.2574 54.9144 88.2389 54.8959 88.2204 54.8774C88.2019 54.8589 88.1834 54.8405 88.1649 54.822C88.1464 54.8035 88.1279 54.785 88.1094 54.7665C88.0909 54.748 88.0723 54.7295 88.0538 54.7111C88.0353 54.6926 88.0168 54.6741 87.9983 54.6556C87.9798 54.6371 87.9613 54.6186 87.9428 54.6002C87.9243 54.5817 87.9058 54.5632 87.8873 54.5447C87.8688 54.5262 87.8503 54.5077 87.8317 54.4893C87.8132 54.4708 87.7947 54.4523 87.7762 54.4338C87.7577 54.4153 87.7392 54.3968 87.7207 54.3783C87.7022 54.3599 87.6837 54.3414 87.6652 54.3229C87.6466 54.3044 87.6281 54.2859 87.6096 54.2674C87.5911 54.2489 87.5726 54.2305 87.5541 54.212C87.5356 54.1935 87.5171 54.175 87.4986 54.1565C87.4801 54.138 87.4616 54.1196 87.443 54.1011C87.4245 54.0826 87.406 54.0641 87.3875 54.0456C87.3764 54.0345 87.3653 54.0234 87.3579 54.016C87.5023 54.1713 87.5985 54.3709 87.5985 54.5854V59.5171C87.5985 60.0162 87.1913 60.3785 86.736 60.3785H76.4082V64.9257H77.8186V61.787L77.8223 61.7907Z"
fill="#CD0921"
/>
<path
d="M125.94 60.1359C125.914 60.1106 125.889 60.0852 125.864 60.0598C125.838 60.0345 125.813 60.0091 125.788 59.9837C125.762 59.9584 125.737 59.933 125.712 59.9076C125.686 59.8822 125.661 59.8569 125.635 59.8315C125.61 59.8061 125.585 59.7808 125.559 59.7554C125.534 59.73 125.509 59.7047 125.483 59.6793C125.458 59.6539 125.433 59.6286 125.407 59.6032C125.382 59.5778 125.357 59.5525 125.331 59.5271C125.306 59.5017 125.281 59.4763 125.255 59.451C125.23 59.4256 125.205 59.4002 125.179 59.3749C125.154 59.3495 125.129 59.3241 125.103 59.2988C125.078 59.2734 125.053 59.248 125.027 59.2227C125.002 59.1973 124.977 59.1719 124.951 59.1466C124.926 59.1212 124.9 59.0958 124.875 59.0704C124.85 59.0451 124.824 59.0197 124.799 58.9943C124.774 58.969 124.748 58.9436 124.723 58.9182C124.698 58.8929 124.672 58.8675 124.647 58.8421C124.622 58.8168 124.596 58.7914 124.571 58.766C124.546 58.7406 124.52 58.7153 124.495 58.6899C124.47 58.6645 124.444 58.6392 124.419 58.6138C124.394 58.5884 124.368 58.5631 124.343 58.5377C124.318 58.5123 124.292 58.487 124.267 58.4616C124.241 58.4362 124.216 58.4109 124.191 58.3855C124.171 58.3601 124.145 58.3347 124.12 58.3145C124.328 58.5326 124.459 58.8218 124.459 59.1313V65.8997C124.459 66.5187 123.963 67.0819 123.283 67.0819H106.1V72.6428H108.031V69.015H125.215C125.894 69.015 126.391 68.4569 126.391 67.8329V61.0644C126.391 60.7346 126.244 60.4302 126.011 60.207C125.985 60.1816 125.96 60.1562 125.935 60.1309L125.94 60.1359Z"
fill="#F7E1D5"
d="M90.8968 43.0592C90.8783 43.0407 90.8597 43.0222 90.8412 43.0037C90.8227 42.9852 90.8042 42.9668 90.7857 42.9483C90.7672 42.9298 90.7487 42.9113 90.7302 42.8928C90.7117 42.8743 90.6932 42.8559 90.6747 42.8374C90.6562 42.8189 90.6376 42.8004 90.6191 42.7819C90.6006 42.7634 90.5821 42.7449 90.5636 42.7265C90.5451 42.708 90.5266 42.6895 90.5081 42.671C90.4896 42.6525 90.4711 42.634 90.4526 42.6156C90.4341 42.5971 90.4155 42.5786 90.397 42.5601C90.3785 42.5416 90.36 42.5231 90.3415 42.5046C90.323 42.4862 90.3045 42.4677 90.286 42.4492C90.2675 42.4307 90.249 42.4122 90.2305 42.3937C90.2119 42.3753 90.1934 42.3568 90.1749 42.3383C90.1564 42.3198 90.1379 42.3013 90.1194 42.2828C90.1009 42.2643 90.0824 42.2459 90.0639 42.2274C90.0454 42.2089 90.0269 42.1904 90.0083 42.1719C89.9898 42.1534 89.9713 42.1349 89.9528 42.1165C89.9343 42.098 89.9158 42.0795 89.8973 42.061C89.8788 42.0425 89.8603 42.024 89.8418 42.0056C89.8233 41.9871 89.8048 41.9686 89.7862 41.9501C89.7677 41.9316 89.7492 41.9131 89.7307 41.8946C89.7122 41.8762 89.6937 41.8577 89.6752 41.8392C89.6567 41.8207 89.6382 41.8022 89.6197 41.7837C89.6049 41.7653 89.5863 41.7468 89.5678 41.732C89.7196 41.891 89.8159 42.1017 89.8159 42.3272V47.2589C89.8159 47.7099 89.4531 48.1203 88.9571 48.1203H76.4082V52.1722H77.8186V49.5288H90.3674C90.8634 49.5288 91.2262 49.1222 91.2262 48.6675V43.7357C91.2262 43.4954 91.1189 43.2736 90.9486 43.1109C90.9301 43.0925 90.9116 43.074 90.8931 43.0555L90.8968 43.0592Z"
fill="#CD0921"
/>
<path
d="M170.272 60.1389C170.247 60.1135 170.222 60.0882 170.196 60.0628C170.171 60.0374 170.146 60.012 170.12 59.9867C170.095 59.9613 170.07 59.9359 170.044 59.9106C170.019 59.8852 169.994 59.8598 169.968 59.8345C169.943 59.8091 169.918 59.7837 169.892 59.7584C169.867 59.733 169.842 59.7076 169.816 59.6823C169.791 59.6569 169.766 59.6315 169.74 59.6061C169.715 59.5808 169.69 59.5554 169.664 59.53C169.639 59.5047 169.613 59.4793 169.588 59.4539C169.563 59.4286 169.537 59.4032 169.512 59.3778C169.487 59.3525 169.461 59.3271 169.436 59.3017C169.411 59.2763 169.385 59.251 169.36 59.2256C169.335 59.2002 169.309 59.1749 169.284 59.1495C169.259 59.1241 169.233 59.0988 169.208 59.0734C169.183 59.048 169.157 59.0227 169.132 58.9973C169.107 58.9719 169.081 58.9466 169.056 58.9212C169.031 58.8958 169.005 58.8704 168.98 58.8451C168.955 58.8197 168.929 58.7943 168.904 58.769C168.878 58.7436 168.853 58.7182 168.828 58.6929C168.802 58.6675 168.777 58.6421 168.752 58.6168C168.726 58.5914 168.701 58.566 168.676 58.5407C168.65 58.5153 168.625 58.4899 168.6 58.4645C168.574 58.4392 168.549 58.4138 168.524 58.3884C168.508 58.3732 168.493 58.358 168.478 58.3428C168.676 58.5559 168.808 58.8298 168.808 59.1292V100.917C168.808 101.536 168.25 102.033 167.632 102.033H166.638C166.45 102.033 165.959 101.845 165.832 101.724L165.868 101.759L165.944 101.835L166.02 101.911L166.096 101.987L166.172 102.063L166.248 102.14L166.324 102.216L166.4 102.292L166.476 102.368L166.552 102.444L166.628 102.52L166.704 102.596L166.78 102.672L166.856 102.748L166.932 102.825L167.008 102.901L167.084 102.977L167.16 103.053L167.236 103.129L167.312 103.205L167.388 103.281L167.464 103.357L167.54 103.433L167.616 103.51L167.692 103.586L167.768 103.662C167.89 103.784 168.387 103.971 168.574 103.971H169.568C170.186 103.971 170.744 103.474 170.744 102.855V61.0674C170.744 60.7376 170.582 60.4332 170.343 60.215C170.318 60.1896 170.293 60.1643 170.267 60.1389H170.272Z"
fill="#F7E1D5"
d="M123.271 43.0621C123.253 43.0436 123.234 43.0251 123.216 43.0066C123.197 42.9881 123.178 42.9696 123.16 42.9512C123.141 42.9327 123.123 42.9142 123.104 42.8957C123.086 42.8772 123.067 42.8587 123.049 42.8403C123.03 42.8218 123.012 42.8033 122.993 42.7848C122.975 42.7663 122.956 42.7478 122.938 42.7293C122.919 42.7109 122.901 42.6924 122.882 42.6739C122.864 42.6554 122.845 42.6369 122.827 42.6184C122.808 42.6 122.79 42.5815 122.771 42.563C122.753 42.5445 122.734 42.526 122.716 42.5075C122.697 42.489 122.679 42.4706 122.66 42.4521C122.642 42.4336 122.623 42.4151 122.605 42.3966C122.586 42.3781 122.568 42.3596 122.549 42.3412C122.531 42.3227 122.512 42.3042 122.494 42.2857C122.475 42.2672 122.457 42.2487 122.438 42.2303C122.42 42.2118 122.401 42.1933 122.383 42.1748C122.364 42.1563 122.346 42.1378 122.327 42.1193C122.309 42.1009 122.29 42.0824 122.272 42.0639C122.253 42.0454 122.235 42.0269 122.216 42.0084C122.198 41.99 122.179 41.9715 122.161 41.953C122.142 41.9345 122.124 41.916 122.105 41.8975C122.086 41.8791 122.068 41.8606 122.049 41.8421C122.031 41.8236 122.012 41.8051 121.994 41.7866C121.983 41.7755 121.972 41.7644 121.961 41.7534C122.105 41.9086 122.201 42.1083 122.201 42.3264V72.7744C122.201 73.2255 121.794 73.5878 121.342 73.5878H120.617C120.48 73.5878 120.121 73.451 120.028 73.3623L121.442 74.7745C121.531 74.8632 121.894 75 122.031 75H122.756C123.208 75 123.615 74.6377 123.615 74.1867V43.7386C123.615 43.4983 123.497 43.2765 123.323 43.1175C123.304 43.099 123.286 43.0806 123.267 43.0621H123.271Z"
fill="#CD0921"
/>
<path
d="M141.278 100.24C141.278 100.859 140.781 101.417 140.102 101.417H132.722C132.428 101.417 132.149 101.286 131.936 101.083C131.951 101.098 131.966 101.113 131.982 101.128C132.007 101.154 132.032 101.179 132.058 101.204C132.083 101.23 132.108 101.255 132.134 101.28C132.159 101.306 132.184 101.331 132.21 101.357C132.235 101.382 132.26 101.407 132.286 101.433C132.311 101.458 132.336 101.483 132.362 101.509C132.387 101.534 132.413 101.559 132.438 101.585C132.463 101.61 132.489 101.636 132.514 101.661C132.539 101.686 132.565 101.712 132.59 101.737C132.615 101.762 132.641 101.788 132.666 101.813C132.691 101.839 132.717 101.864 132.742 101.889C132.767 101.915 132.793 101.94 132.818 101.965C132.843 101.991 132.869 102.016 132.894 102.042C132.919 102.067 132.945 102.092 132.97 102.118C132.995 102.143 133.021 102.168 133.046 102.194C133.071 102.219 133.097 102.244 133.122 102.27C133.148 102.295 133.173 102.321 133.198 102.346C133.224 102.371 133.249 102.397 133.274 102.422C133.3 102.447 133.325 102.473 133.35 102.498C133.376 102.524 133.401 102.549 133.426 102.574C133.452 102.6 133.477 102.625 133.502 102.65C133.528 102.676 133.553 102.701 133.578 102.726C133.604 102.752 133.629 102.777 133.654 102.803C133.68 102.828 133.705 102.853 133.73 102.879C133.756 102.904 133.781 102.929 133.806 102.955C134.024 103.193 134.329 103.356 134.658 103.356H142.039C142.723 103.356 143.215 102.797 143.215 102.178V79.2704L141.283 77.3271V100.245L141.278 100.24Z"
fill="#F7E1D5"
d="M102.098 72.283C102.098 72.734 101.735 73.1407 101.239 73.1407H95.8492C95.6345 73.1407 95.4309 73.0446 95.2754 72.8967C95.2865 72.9078 95.2976 72.9189 95.3087 72.93C95.3272 72.9485 95.3457 72.9669 95.3642 72.9854C95.3827 73.0039 95.4013 73.0224 95.4198 73.0409C95.4383 73.0594 95.4568 73.0779 95.4753 73.0964C95.4938 73.1148 95.5123 73.1333 95.5308 73.1518C95.5493 73.1703 95.5678 73.1888 95.5863 73.2073C95.6048 73.2257 95.6234 73.2442 95.6419 73.2627C95.6604 73.2812 95.6789 73.2997 95.6974 73.3182C95.7159 73.3367 95.7344 73.3551 95.7529 73.3736C95.7714 73.3921 95.7899 73.4106 95.8084 73.4291C95.827 73.4476 95.8455 73.466 95.864 73.4845C95.8825 73.503 95.901 73.5215 95.9195 73.54C95.938 73.5585 95.9565 73.577 95.975 73.5954C95.9935 73.6139 96.012 73.6324 96.0305 73.6509C96.0491 73.6694 96.0676 73.6879 96.0861 73.7063C96.1046 73.7248 96.1231 73.7433 96.1416 73.7618C96.1601 73.7803 96.1786 73.7988 96.1971 73.8173C96.2156 73.8357 96.2341 73.8542 96.2527 73.8727C96.2712 73.8912 96.2897 73.9097 96.3082 73.9282C96.3267 73.9467 96.3452 73.9651 96.3637 73.9836C96.3822 74.0021 96.4007 74.0206 96.4192 74.0391C96.4377 74.0576 96.4562 74.076 96.4747 74.0945C96.4933 74.113 96.5118 74.1315 96.5303 74.15C96.5488 74.1685 96.5673 74.187 96.5858 74.2054C96.6043 74.2239 96.6228 74.2424 96.6413 74.2609C96.8005 74.4346 97.0226 74.5529 97.2632 74.5529H102.653C103.153 74.5529 103.512 74.1463 103.512 73.6953V57.0035L102.101 55.5876V72.2867L102.098 72.283Z"
fill="#CD0921"
/>
<path
d="M211.699 66.1472C211.673 66.1218 211.648 66.0964 211.623 66.071C211.597 66.0457 211.572 66.0203 211.547 65.9949C211.521 65.9696 211.496 65.9442 211.471 65.9188C211.445 65.8935 211.42 65.8681 211.395 65.8427C211.369 65.8174 211.344 65.792 211.319 65.7666C211.293 65.7413 211.268 65.7159 211.243 65.6905C211.217 65.6651 211.192 65.6398 211.167 65.6144C211.141 65.589 211.116 65.5637 211.091 65.5383C211.065 65.5129 211.04 65.4876 211.014 65.4622C210.989 65.4368 210.964 65.4115 210.938 65.3861C210.913 65.3607 210.888 65.3354 210.862 65.31C210.837 65.2846 210.812 65.2592 210.786 65.2339C210.761 65.2085 210.736 65.1831 210.71 65.1578C210.685 65.1324 210.66 65.107 210.634 65.0817C210.609 65.0563 210.584 65.0309 210.558 65.0056C210.533 64.9802 210.508 64.9548 210.482 64.9294C210.457 64.9041 210.432 64.8787 210.406 64.8533C210.381 64.828 210.356 64.8026 210.33 64.7772C210.305 64.7519 210.279 64.7265 210.254 64.7011C210.239 64.6859 210.219 64.6656 210.203 64.6504C210.219 64.6707 210.229 64.6859 210.244 64.7062C213.97 68.5978 216.271 73.8542 216.271 79.6231C216.271 91.6683 206.468 101.415 194.5 101.415H179.364C179.06 101.415 178.791 101.273 178.593 101.06C178.614 101.085 178.639 101.105 178.664 101.131C178.69 101.156 178.715 101.182 178.74 101.207C178.766 101.232 178.791 101.258 178.816 101.283C178.842 101.308 178.867 101.334 178.892 101.359C178.918 101.385 178.943 101.41 178.968 101.435C178.994 101.461 179.019 101.486 179.044 101.511C179.07 101.537 179.095 101.562 179.12 101.587C179.146 101.613 179.171 101.638 179.196 101.664C179.222 101.694 179.247 101.714 179.273 101.74C179.298 101.765 179.323 101.79 179.349 101.816C179.374 101.841 179.399 101.867 179.425 101.892C179.45 101.917 179.475 101.943 179.501 101.968C179.526 101.993 179.551 102.019 179.577 102.044C179.602 102.075 179.627 102.095 179.653 102.12C179.678 102.146 179.703 102.171 179.729 102.196C179.754 102.222 179.779 102.247 179.805 102.272C179.83 102.303 179.855 102.323 179.881 102.349C179.906 102.374 179.931 102.399 179.957 102.425C179.982 102.45 180.008 102.475 180.033 102.501C180.058 102.531 180.084 102.551 180.109 102.577C180.134 102.602 180.16 102.628 180.185 102.653C180.21 102.683 180.236 102.704 180.261 102.729C180.286 102.754 180.312 102.78 180.337 102.805C180.362 102.831 180.388 102.856 180.413 102.881C180.438 102.907 180.464 102.932 180.489 102.957C180.692 103.196 180.981 103.353 181.305 103.353H196.441C208.414 103.353 218.212 93.6064 218.212 81.5613C218.212 75.5844 215.749 70.1504 211.78 66.2233C211.755 66.1979 211.729 66.1725 211.704 66.1472H211.699Z"
fill="#F7E1D5"
d="M153.526 47.4392C153.507 47.4207 153.489 47.4022 153.47 47.3837C153.452 47.3652 153.433 47.3468 153.415 47.3283C153.396 47.3098 153.378 47.2913 153.359 47.2728C153.34 47.2543 153.322 47.2359 153.303 47.2174C153.285 47.1989 153.266 47.1804 153.248 47.1619C153.229 47.1434 153.211 47.1249 153.192 47.1065C153.174 47.088 153.155 47.0695 153.137 47.051C153.118 47.0325 153.1 47.014 153.081 46.9955C153.063 46.9771 153.044 46.9586 153.026 46.9401C153.007 46.9216 152.989 46.9031 152.97 46.8846C152.952 46.8662 152.933 46.8477 152.915 46.8292C152.896 46.8107 152.878 46.7922 152.859 46.7737C152.841 46.7553 152.822 46.7368 152.804 46.7183C152.785 46.6998 152.767 46.6813 152.748 46.6628C152.73 46.6443 152.711 46.6259 152.693 46.6074C152.674 46.5889 152.656 46.5704 152.637 46.5519C152.619 46.5334 152.6 46.5149 152.582 46.4965C152.563 46.478 152.545 46.4595 152.526 46.441C152.508 46.4225 152.489 46.404 152.471 46.3856C152.459 46.3745 152.445 46.3597 152.434 46.3486C152.445 46.3634 152.452 46.3745 152.463 46.3892C155.184 49.2248 156.865 53.0548 156.865 57.2583C156.865 66.0348 149.705 73.1367 140.966 73.1367H129.912C129.69 73.1367 129.494 73.0332 129.35 72.8779C129.364 72.8964 129.383 72.9112 129.401 72.9296C129.42 72.9481 129.438 72.9666 129.457 72.9851C129.475 73.0036 129.494 73.0221 129.512 73.0406C129.531 73.059 129.55 73.0775 129.568 73.096C129.587 73.1145 129.605 73.133 129.624 73.1515C129.642 73.1699 129.661 73.1884 129.679 73.2069C129.698 73.2254 129.716 73.2439 129.735 73.2624C129.753 73.2808 129.772 73.2993 129.79 73.3178C129.809 73.34 129.827 73.3548 129.846 73.3733C129.864 73.3918 129.883 73.4102 129.901 73.4287C129.92 73.4472 129.938 73.4657 129.957 73.4842C129.975 73.5027 129.994 73.5211 130.012 73.5396C130.031 73.5581 130.049 73.5766 130.068 73.5951C130.086 73.6173 130.105 73.6321 130.123 73.6505C130.142 73.669 130.16 73.6875 130.179 73.706C130.197 73.7245 130.216 73.743 130.234 73.7615C130.253 73.7836 130.271 73.7984 130.29 73.8169C130.308 73.8354 130.327 73.8539 130.345 73.8724C130.364 73.8908 130.382 73.9093 130.401 73.9278C130.419 73.95 130.438 73.9648 130.456 73.9833C130.475 74.0018 130.493 74.0202 130.512 74.0387C130.53 74.0609 130.549 74.0757 130.567 74.0942C130.586 74.1127 130.604 74.1312 130.623 74.1496C130.642 74.1681 130.66 74.1866 130.679 74.2051C130.697 74.2236 130.716 74.2421 130.734 74.2605C130.882 74.4343 131.093 74.5489 131.33 74.5489H142.383C151.127 74.5489 158.282 67.4471 158.282 58.6705C158.282 54.3155 156.483 50.3561 153.585 47.4946C153.566 47.4762 153.548 47.4577 153.529 47.4392H153.526Z"
fill="#CD0921"
/>
<path
d="M193.883 67.0859H187.927V90.0955H189.858V69.019H195.814C198.029 69.019 200.047 69.5873 201.775 70.5665C201.441 70.0592 201.071 69.5822 200.665 69.1408C198.764 67.847 196.458 67.0859 193.883 67.0859Z"
fill="#F7E1D5"
d="M140.515 48.1231H136.165V64.8888L137.575 64.8887V49.5315L141.925 49.5317C143.543 49.5317 145.016 49.9457 146.278 50.6593C146.034 50.2896 145.764 49.9421 145.467 49.6204C144.079 48.6777 142.395 48.1231 140.515 48.1231Z"
fill="#CD0921"
/>
<path
d="M45.0368 32.9423H43.2677C42.923 32.9423 42.6392 32.8104 42.4263 32.6074C42.4516 32.6328 42.4719 32.6582 42.5023 32.6835C42.5277 32.7089 42.553 32.7343 42.5783 32.7596C42.6037 32.785 42.629 32.8104 42.6544 32.8357C42.6797 32.8611 42.7 32.8865 42.7304 32.9118C42.7558 32.9372 42.776 32.9626 42.8064 32.988C42.8318 33.0133 42.8571 33.0387 42.8825 33.0641C42.9078 33.0894 42.9332 33.1148 42.9585 33.1402C42.9839 33.1655 43.0092 33.1909 43.0345 33.2163C43.0599 33.2416 43.0802 33.267 43.1106 33.2924C43.1359 33.3177 43.1562 33.3431 43.1866 33.3685C43.212 33.3939 43.2373 33.4192 43.2627 33.4446C43.288 33.47 43.3133 33.4953 43.3387 33.5207C43.364 33.5461 43.3894 33.5714 43.4147 33.5968C43.4401 33.6222 43.4654 33.6475 43.4908 33.6729C43.5161 33.6983 43.5414 33.7237 43.5668 33.749C43.5921 33.7744 43.6124 33.7998 43.6428 33.8251C43.6682 33.8505 43.6935 33.8759 43.7189 33.9012C43.7442 33.9266 43.7695 33.952 43.7949 33.9773C43.8202 34.0027 43.8456 34.0281 43.8709 34.0534C43.8963 34.0788 43.9216 34.1042 43.947 34.1296C43.9723 34.1549 43.9926 34.1803 44.023 34.2057C44.0483 34.231 44.0686 34.2564 44.099 34.2818C44.1244 34.3071 44.1497 34.3325 44.1751 34.3579C44.2004 34.3832 44.2258 34.4086 44.2511 34.434C44.2765 34.4593 44.3018 34.4847 44.3271 34.5101C44.3829 34.571 44.4437 34.6268 44.5096 34.6724C44.6921 34.6116 44.8695 34.5507 45.0469 34.4796V32.9524L45.0368 32.9423Z"
fill="#F7E1D5"
d="M31.8162 23.2463H30.5245C30.2729 23.2463 30.0656 23.1502 29.9102 23.0024C29.9287 23.0209 29.9435 23.0393 29.9657 23.0578C29.9842 23.0763 30.0027 23.0948 30.0212 23.1133C30.0397 23.1317 30.0582 23.1502 30.0767 23.1687C30.0952 23.1872 30.11 23.2057 30.1322 23.2241C30.1507 23.2426 30.1655 23.2611 30.1877 23.2796C30.2062 23.2981 30.2248 23.3166 30.2433 23.335C30.2618 23.3535 30.2803 23.372 30.2988 23.3905C30.3173 23.409 30.3358 23.4275 30.3543 23.4459C30.3728 23.4644 30.3876 23.4829 30.4098 23.5014C30.4283 23.5199 30.4431 23.5383 30.4653 23.5568C30.4838 23.5753 30.5023 23.5938 30.5208 23.6123C30.5394 23.6308 30.5579 23.6492 30.5764 23.6677C30.5949 23.6862 30.6134 23.7047 30.6319 23.7232C30.6504 23.7416 30.6689 23.7601 30.6874 23.7786C30.7059 23.7971 30.7244 23.8156 30.7429 23.8341C30.7614 23.8525 30.7762 23.871 30.7984 23.8895C30.8169 23.908 30.8354 23.9265 30.854 23.9449C30.8725 23.9634 30.891 23.9819 30.9095 24.0004C30.928 24.0189 30.9465 24.0374 30.965 24.0558C30.9835 24.0743 31.002 24.0928 31.0205 24.1113C31.039 24.1298 31.0538 24.1482 31.076 24.1667C31.0945 24.1852 31.1093 24.2037 31.1315 24.2222C31.15 24.2407 31.1685 24.2591 31.187 24.2776C31.2056 24.2961 31.2241 24.3146 31.2426 24.3331C31.2611 24.3515 31.2796 24.37 31.2981 24.3885C31.3388 24.4329 31.3832 24.4735 31.4313 24.5068C31.5646 24.4624 31.6941 24.4181 31.8236 24.3663V23.2537L31.8162 23.2463Z"
fill="#CD0921"
/>
<path
d="M31.2979 27.1127C31.2979 20.2834 36.7572 14.5703 43.5192 14.5703C46.5606 14.5703 49.2877 15.377 51.6448 17.5486C52.1415 17.919 52.8208 17.919 53.3175 17.4877L58.2192 12.2719C58.716 11.7746 58.6501 11.0288 58.0925 10.5975C58.0824 10.5874 58.0722 10.5823 58.0621 10.5721C58.0469 10.5569 58.0368 10.5366 58.0165 10.5214C58.0063 10.5113 57.9962 10.5062 57.9861 10.496C57.9709 10.4808 57.9607 10.4605 57.9404 10.4453C57.9303 10.4352 57.9202 10.4301 57.91 10.4199C57.8948 10.4047 57.8847 10.3844 57.8644 10.3692C57.8543 10.359 57.8441 10.354 57.834 10.3438C57.8188 10.3286 57.8086 10.3083 57.7884 10.2931C57.7782 10.2829 57.7681 10.2779 57.758 10.2677C57.7428 10.2525 57.7326 10.2322 57.7123 10.217C57.7022 10.2068 57.6921 10.2018 57.6819 10.1916C57.6667 10.1764 57.6566 10.1561 57.6363 10.1409C57.6262 10.1307 57.616 10.1257 57.6059 10.1155C57.5856 10.1003 57.5805 10.08 57.5603 10.0648C57.5501 10.0546 57.54 10.0495 57.5299 10.0394C57.5146 10.0242 57.5045 10.0039 57.4842 9.98866C57.4741 9.97852 57.464 9.97344 57.4538 9.96329C57.4386 9.94807 57.4285 9.92778 57.4082 9.91256C57.3981 9.90241 57.3879 9.89733 57.3778 9.88719C57.3626 9.87196 57.3524 9.85167 57.3322 9.83645C57.322 9.8263 57.3119 9.82123 57.3018 9.81108C57.2865 9.79586 57.2764 9.77556 57.2561 9.76034C57.246 9.75019 57.2359 9.74512 57.2257 9.73497C57.2105 9.71975 57.2004 9.69946 57.1801 9.68424C57.17 9.67409 57.1598 9.66901 57.1497 9.65887C57.1345 9.64365 57.1243 9.62335 57.1041 9.60813C57.0939 9.59798 57.0838 9.59291 57.0737 9.58276C57.0584 9.56754 57.0483 9.54724 57.028 9.53202C57.0179 9.52188 57.0077 9.5168 56.9976 9.50665C56.9824 9.49143 56.9723 9.47114 56.952 9.45592C56.9419 9.44577 56.9317 9.4407 56.9216 9.43055C56.9064 9.41533 56.8962 9.39503 56.876 9.37981C56.8658 9.36966 56.8557 9.36459 56.8455 9.35444C56.8303 9.33922 56.8202 9.31893 56.7999 9.3037C56.7898 9.29356 56.7796 9.28848 56.7695 9.27833C56.7543 9.26311 56.7442 9.24282 56.7239 9.2276C56.7138 9.21745 56.7036 9.21237 56.6935 9.20223C56.6732 9.18701 56.6681 9.16671 56.6479 9.15149C56.6377 9.14134 56.6276 9.13627 56.6174 9.12612C56.6022 9.1109 56.5921 9.0906 56.5718 9.07538C56.5617 9.06523 56.5515 9.06016 56.5414 9.05002C56.5211 9.03479 56.5161 9.0145 56.4958 8.99927C56.4856 8.98913 56.4755 8.98406 56.4654 8.97391C56.4502 8.95869 56.44 8.93839 56.4197 8.92317C56.4096 8.91302 56.3995 8.90795 56.3893 8.8978C56.3741 8.88258 56.364 8.86229 56.3437 8.84706C56.3437 8.84706 56.3336 8.84199 56.3336 8.83691C56.7137 9.27833 56.7137 9.89734 56.2778 10.3337L51.3761 15.5495C50.8794 15.9859 50.2001 15.9859 49.7033 15.6104C47.3463 13.4388 44.6192 12.6321 41.5778 12.6321C34.8157 12.6321 29.3564 18.3452 29.3564 25.1745C29.3564 27.7824 30.1827 30.2127 31.5767 32.2169C32.0227 32.6278 32.4992 33.0033 33.001 33.3382C31.9214 31.5015 31.2827 29.3756 31.2827 27.1025L31.2979 27.1127Z"
fill="#F7E1D5"
d="M21.785 18.9985C21.785 14.0224 25.7717 9.85967 30.7098 9.85967C32.9309 9.85967 34.9224 10.4475 36.6437 12.0298C37.0065 12.2997 37.5025 12.2997 37.8653 11.9854L41.4448 8.18495C41.8076 7.82265 41.7595 7.2792 41.3523 6.96496C41.3449 6.95756 41.3375 6.95387 41.3301 6.94647C41.319 6.93538 41.3116 6.92059 41.2968 6.9095C41.2894 6.90211 41.2819 6.89841 41.2745 6.89102C41.2634 6.87993 41.256 6.86514 41.2412 6.85405C41.2338 6.84666 41.2264 6.84296 41.219 6.83557C41.2079 6.82447 41.2005 6.80969 41.1857 6.7986C41.1783 6.7912 41.1709 6.7875 41.1635 6.78011C41.1524 6.76902 41.145 6.75423 41.1302 6.74314C41.1228 6.73575 41.1154 6.73205 41.108 6.72466C41.0969 6.71356 41.0895 6.69878 41.0746 6.68769C41.0672 6.68029 41.0598 6.6766 41.0524 6.6692C41.0413 6.65811 41.0339 6.64332 41.0191 6.63223C41.0117 6.62484 41.0043 6.62114 40.9969 6.61375C40.9821 6.60266 40.9784 6.58787 40.9636 6.57678C40.9562 6.56939 40.9488 6.56569 40.9414 6.55829C40.9303 6.5472 40.9229 6.53242 40.9081 6.52132C40.9007 6.51393 40.8933 6.51023 40.8859 6.50284C40.8748 6.49175 40.8674 6.47696 40.8525 6.46587C40.8451 6.45848 40.8377 6.45478 40.8303 6.44738C40.8192 6.43629 40.8118 6.42151 40.797 6.41042C40.7896 6.40302 40.7822 6.39933 40.7748 6.39193C40.7637 6.38084 40.7563 6.36605 40.7415 6.35496C40.7341 6.34757 40.7267 6.34387 40.7193 6.33648C40.7082 6.32539 40.7008 6.3106 40.686 6.29951C40.6786 6.29211 40.6712 6.28842 40.6638 6.28102C40.6527 6.26993 40.6452 6.25514 40.6304 6.24405C40.623 6.23666 40.6156 6.23296 40.6082 6.22557C40.5971 6.21448 40.5897 6.19969 40.5749 6.1886C40.5675 6.1812 40.5601 6.17751 40.5527 6.17011C40.5416 6.15902 40.5342 6.14424 40.5194 6.13314C40.512 6.12575 40.5046 6.12206 40.4972 6.11466C40.4861 6.10357 40.4787 6.08878 40.4639 6.07769C40.4565 6.0703 40.4491 6.0666 40.4417 6.05921C40.4305 6.04812 40.4231 6.03333 40.4083 6.02224C40.4009 6.01484 40.3935 6.01115 40.3861 6.00375C40.375 5.99266 40.3676 5.97787 40.3528 5.96678C40.3454 5.95939 40.338 5.95569 40.3306 5.9483C40.3158 5.93721 40.3121 5.92242 40.2973 5.91133C40.2899 5.90393 40.2825 5.90024 40.2751 5.89284C40.264 5.88175 40.2566 5.86696 40.2418 5.85587C40.2344 5.84848 40.227 5.84478 40.2196 5.83739C40.2047 5.8263 40.201 5.81151 40.1862 5.80042C40.1788 5.79302 40.1714 5.78933 40.164 5.78194C40.1529 5.77084 40.1455 5.75606 40.1307 5.74497C40.1233 5.73757 40.1159 5.73387 40.1085 5.72648C40.0974 5.71539 40.09 5.7006 40.0752 5.68951C40.0752 5.68951 40.0678 5.68581 40.0678 5.68212C40.3454 6.00375 40.3454 6.45478 40.0271 6.77272L36.4475 10.5732C36.0847 10.8911 35.5887 10.8911 35.2259 10.6175C33.5046 9.03525 31.5131 8.44744 29.2921 8.44744C24.3539 8.44744 20.3672 12.6102 20.3672 17.5863C20.3672 19.4865 20.9706 21.2574 21.9885 22.7177C22.3143 23.0171 22.6623 23.2907 23.0287 23.5347C22.2403 22.1964 21.7738 20.6474 21.7738 18.9911L21.785 18.9985Z"
fill="#CD0921"
/>
<path
d="M56.1904 8.69434C56.1904 8.69434 56.2107 8.7197 56.2259 8.72985C56.2208 8.7197 56.2158 8.71463 56.2056 8.70449C56.2056 8.70449 56.1955 8.69434 56.1904 8.69434Z"
fill="#F7E1D5"
d="M39.96 5.57527C39.96 5.57527 39.9749 5.59388 39.9861 5.60132C39.9824 5.59388 39.9787 5.59016 39.9712 5.58272C39.9712 5.58272 39.9637 5.57527 39.96 5.57527Z"
fill="#CD0921"
/>
<path
d="M56.3242 8.83341C56.3242 8.83341 56.3397 8.84364 56.3448 8.84875C56.3293 8.83341 56.3138 8.81807 56.2983 8.80273C56.3087 8.81296 56.3138 8.82319 56.3242 8.83341Z"
fill="#F7E1D5"
d="M40.0603 5.67869C40.0603 5.67869 40.0715 5.68587 40.0752 5.68951C40.0642 5.6786 40.053 5.66777 40.042 5.65686C40.0493 5.66414 40.053 5.67141 40.0603 5.67869Z"
fill="#CD0921"
/>
<path
d="M56.2671 8.77441C56.2671 8.77441 56.2889 8.79625 56.2998 8.80718C56.2943 8.80172 56.2889 8.79079 56.2834 8.78533C56.2834 8.78533 56.2725 8.77987 56.2671 8.77441Z"
fill="#F7E1D5"
d="M40.0205 5.63355C40.0205 5.63355 40.0355 5.64844 40.043 5.65588C40.0392 5.65216 40.0355 5.64471 40.0317 5.64099C40.0317 5.64099 40.0243 5.63727 40.0205 5.63355Z"
fill="#CD0921"
/>
<path
d="M56.2481 8.7604C56.2481 8.7604 56.2586 8.77082 56.2691 8.77602C56.2533 8.7604 56.2428 8.74479 56.2271 8.73438C56.2323 8.74479 56.2428 8.7552 56.2533 8.7604H56.2481Z"
fill="#F7E1D5"
d="M40.0052 5.62302C40.0052 5.62302 40.013 5.62983 40.0205 5.63355C40.0093 5.62239 40.0015 5.61185 39.9902 5.60441C39.994 5.61185 40.0015 5.6193 40.0089 5.62302H40.0052Z"
fill="#CD0921"
/>
<path
d="M25.4907 41.1786C25.4907 41.1786 25.5414 41.2293 25.5667 41.2547C25.5921 41.2801 25.6174 41.3054 25.6428 41.3308C25.6681 41.3562 25.6935 41.3815 25.7188 41.4069C25.7442 41.4323 25.7695 41.4576 25.7948 41.483C25.8202 41.5084 25.8455 41.5338 25.8709 41.5591C25.8962 41.5845 25.9216 41.6099 25.9469 41.6352C25.9723 41.6606 25.9976 41.686 26.0229 41.7113C26.0483 41.7367 26.0736 41.7621 26.099 41.7874C26.1243 41.8128 26.1497 41.8382 26.175 41.8636C26.2004 41.8889 26.2257 41.9143 26.251 41.9397C26.2764 41.965 26.3017 41.9904 26.3271 42.0158C26.3524 42.0411 26.3778 42.0665 26.4031 42.0919C26.4285 42.1172 26.4538 42.1426 26.4792 42.168C26.5045 42.1933 26.5298 42.2187 26.5552 42.2441C26.5805 42.2695 26.6059 42.2948 26.6312 42.3202C26.6566 42.3456 26.6819 42.3709 26.7073 42.3963C26.7326 42.4217 26.7579 42.447 26.7833 42.4724C26.8086 42.4978 26.834 42.5231 26.8593 42.5485C26.8847 42.5739 26.91 42.5992 26.9354 42.6246C26.9607 42.65 26.986 42.6754 27.0114 42.7007C27.0367 42.7261 27.0621 42.7515 27.0874 42.7768C27.1128 42.8022 27.1381 42.8276 27.1635 42.8529C31.1933 46.8815 36.7743 49.3524 42.9686 49.3524C51.9609 49.3524 58.3529 45.3188 58.3529 45.3188C58.6013 45.1311 58.8497 44.6338 58.8497 44.3243L58.7889 27.6215C58.7889 27.2866 58.6419 26.9822 58.4138 26.7589C58.3884 26.7336 58.3631 26.7082 58.3377 26.6828C58.3124 26.6574 58.287 26.6321 58.2617 26.6067C58.2363 26.5813 58.211 26.556 58.1856 26.5306C58.1603 26.5052 58.135 26.4799 58.1096 26.4545C58.0843 26.4291 58.0589 26.4038 58.0336 26.3784C58.0082 26.353 57.9829 26.3276 57.9575 26.3023C57.9322 26.2769 57.9069 26.2515 57.8815 26.2262C57.8562 26.2008 57.8308 26.1754 57.8055 26.1501C57.7801 26.1247 57.7548 26.0993 57.7294 26.074C57.7041 26.0486 57.6788 26.0232 57.6534 25.9979C57.6281 25.9725 57.6027 25.9471 57.5774 25.9217C57.552 25.8964 57.5267 25.871 57.5013 25.8456C57.476 25.8152 57.4506 25.7949 57.4253 25.7695C57.4 25.7442 57.3746 25.7188 57.3493 25.6934C57.3239 25.6681 57.2986 25.6427 57.2732 25.6173C57.2479 25.592 57.2225 25.5666 57.1972 25.5412C57.1718 25.5158 57.1465 25.4905 57.1212 25.4651C57.0958 25.4347 57.0705 25.4144 57.0451 25.389C57.0198 25.3636 56.9944 25.3383 56.9691 25.3129C56.9437 25.2875 56.9184 25.2622 56.8931 25.2368C56.8677 25.2063 56.8424 25.186 56.817 25.1607C56.7917 25.1353 56.7663 25.1099 56.741 25.0846C56.7156 25.0592 56.6903 25.0338 56.6649 25.0085C56.6396 24.978 56.6143 24.9577 56.5889 24.9324C56.5686 24.907 56.5433 24.8816 56.518 24.8613C56.7207 25.0795 56.8525 25.3687 56.8525 25.6833L56.9133 42.3861C56.9133 42.6956 56.665 43.1929 56.4166 43.3806C56.4166 43.3806 50.0296 47.4143 41.0322 47.4143C34.9596 47.4143 29.4749 45.0347 25.4704 41.1482C25.4552 41.138 25.44 41.1228 25.4248 41.1126C25.4451 41.1329 25.4704 41.1583 25.4907 41.1786Z"
fill="#F7E1D5"
d="M17.5432 29.2466C17.5432 29.2466 17.5803 29.2835 17.5988 29.302C17.6173 29.3205 17.6358 29.339 17.6543 29.3575C17.6728 29.3759 17.6913 29.3944 17.7098 29.4129C17.7283 29.4314 17.7468 29.4499 17.7653 29.4684C17.7838 29.4869 17.8024 29.5053 17.8209 29.5238C17.8394 29.5423 17.8579 29.5608 17.8764 29.5793C17.8949 29.5978 17.9134 29.6162 17.9319 29.6347C17.9504 29.6532 17.9689 29.6717 17.9874 29.6902C18.006 29.7087 18.0245 29.7272 18.043 29.7456C18.0615 29.7641 18.08 29.7826 18.0985 29.8011C18.117 29.8196 18.1355 29.8381 18.154 29.8565C18.1725 29.875 18.191 29.8935 18.2095 29.912C18.2281 29.9305 18.2466 29.949 18.2651 29.9675C18.2836 29.9859 18.3021 30.0044 18.3206 30.0229C18.3391 30.0414 18.3576 30.0599 18.3761 30.0784C18.3946 30.0969 18.4131 30.1153 18.4317 30.1338C18.4502 30.1523 18.4687 30.1708 18.4872 30.1893C18.5057 30.2078 18.5242 30.2262 18.5427 30.2447C18.5612 30.2632 18.5797 30.2817 18.5982 30.3002C18.6167 30.3187 18.6352 30.3372 18.6538 30.3556C18.6723 30.3741 18.6908 30.3926 18.7093 30.4111C18.7278 30.4296 18.7463 30.4481 18.7648 30.4665C21.7077 33.4019 25.7833 35.2023 30.3068 35.2023C36.8737 35.2023 41.5415 32.2633 41.5415 32.2633C41.7229 32.1265 41.9043 31.7642 41.9043 31.5387L41.8599 19.3683C41.8599 19.1243 41.7525 18.9025 41.586 18.7398C41.5674 18.7213 41.5489 18.7029 41.5304 18.6844C41.5119 18.6659 41.4934 18.6474 41.4749 18.6289C41.4564 18.6104 41.4379 18.5919 41.4194 18.5735C41.4009 18.555 41.3824 18.5365 41.3638 18.518C41.3453 18.4995 41.3268 18.481 41.3083 18.4626C41.2898 18.4441 41.2713 18.4256 41.2528 18.4071C41.2343 18.3886 41.2158 18.3701 41.1973 18.3516C41.1788 18.3332 41.1603 18.3147 41.1417 18.2962C41.1232 18.2777 41.1047 18.2592 41.0862 18.2407C41.0677 18.2222 41.0492 18.2038 41.0307 18.1853C41.0122 18.1668 40.9937 18.1483 40.9752 18.1298C40.9567 18.1113 40.9382 18.0929 40.9196 18.0744C40.9011 18.0522 40.8826 18.0374 40.8641 18.0189C40.8456 18.0004 40.8271 17.9819 40.8086 17.9635C40.7901 17.945 40.7716 17.9265 40.7531 17.908C40.7346 17.8895 40.716 17.871 40.6975 17.8526C40.679 17.8341 40.6605 17.8156 40.642 17.7971C40.6235 17.7749 40.605 17.7601 40.5865 17.7416C40.568 17.7232 40.5495 17.7047 40.531 17.6862C40.5125 17.6677 40.4939 17.6492 40.4754 17.6307C40.4569 17.6086 40.4384 17.5938 40.4199 17.5753C40.4014 17.5568 40.3829 17.5383 40.3644 17.5198C40.3459 17.5013 40.3274 17.4829 40.3089 17.4644C40.2903 17.4422 40.2718 17.4274 40.2533 17.4089C40.2385 17.3904 40.22 17.372 40.2015 17.3572C40.3496 17.5161 40.4458 17.7269 40.4458 17.9561L40.4902 30.1264C40.4902 30.3519 40.3089 30.7142 40.1275 30.851C40.1275 30.851 35.4633 33.7901 28.8927 33.7901C24.4581 33.7901 20.4528 32.0562 17.5284 29.2244C17.5173 29.217 17.5062 29.2059 17.4951 29.1985C17.5099 29.2133 17.5284 29.2318 17.5432 29.2466Z"
fill="#CD0921"
/>
<path
d="M115.421 41.2143C115.421 41.2143 115.472 41.265 115.497 41.2904C115.523 41.3157 115.548 41.3411 115.573 41.3665C115.599 41.3918 115.624 41.4172 115.649 41.4426C115.675 41.4679 115.7 41.4933 115.725 41.5187C115.751 41.544 115.776 41.5694 115.802 41.5948C115.827 41.6202 115.852 41.6455 115.878 41.6709C115.903 41.6963 115.928 41.7216 115.954 41.747C115.979 41.7724 116.004 41.7977 116.03 41.8231C116.055 41.8485 116.08 41.8738 116.106 41.8992C116.131 41.9246 116.156 41.9499 116.182 41.9753C116.207 42.0007 116.232 42.0261 116.258 42.0514C116.283 42.0768 116.308 42.1022 116.334 42.1275C116.359 42.1529 116.384 42.1783 116.41 42.2036C116.435 42.229 116.46 42.2544 116.486 42.2797C116.511 42.3051 116.537 42.3305 116.562 42.3559C116.587 42.3812 116.613 42.4066 116.638 42.432C116.663 42.4573 116.689 42.4827 116.714 42.5081C116.739 42.5334 116.765 42.5588 116.79 42.5842C116.815 42.6095 116.841 42.6349 116.866 42.6603C116.891 42.6856 116.917 42.711 116.942 42.7364C116.967 42.7618 116.993 42.7871 117.018 42.8125C117.043 42.8379 117.069 42.8632 117.094 42.8886C121.114 46.9324 126.695 49.4135 132.919 49.4135C145.323 49.4135 155.248 39.5399 155.248 27.1244C155.248 20.8938 152.749 15.2771 148.694 11.2181C148.669 11.1927 148.643 11.1674 148.618 11.142C148.593 11.1166 148.567 11.0912 148.542 11.0659C148.517 11.0405 148.491 11.0151 148.466 10.9898C148.441 10.9644 148.415 10.939 148.39 10.9137C148.365 10.8883 148.339 10.8629 148.314 10.8376C148.289 10.8122 148.263 10.7868 148.238 10.7615C148.213 10.7361 148.187 10.7107 148.162 10.6853C148.137 10.66 148.111 10.6346 148.086 10.6092C148.061 10.5839 148.035 10.5585 148.01 10.5331C147.984 10.5078 147.959 10.4824 147.934 10.457C147.908 10.4317 147.883 10.4063 147.858 10.3809C147.832 10.3556 147.807 10.3302 147.782 10.3048C147.756 10.2794 147.731 10.2541 147.706 10.2287C147.68 10.2033 147.655 10.178 147.63 10.1526C147.604 10.1272 147.579 10.1019 147.554 10.0765C147.528 10.0511 147.503 10.0258 147.478 10.0004C147.452 9.97502 147.427 9.94965 147.402 9.92428C147.376 9.89891 147.351 9.87355 147.326 9.84818C147.3 9.82281 147.275 9.79744 147.249 9.77207C147.224 9.7467 147.199 9.72133 147.173 9.69596C147.148 9.67059 147.123 9.64522 147.097 9.61986C147.072 9.59449 147.047 9.56912 147.021 9.54375C146.996 9.51838 146.971 9.49301 146.945 9.46764C146.92 9.44228 146.895 9.41691 146.869 9.39154C146.844 9.36617 146.819 9.3408 146.793 9.31543C150.828 13.3694 153.312 18.9708 153.312 25.1862C153.312 37.6068 143.387 47.4753 130.983 47.4753C124.91 47.4753 119.446 45.1058 115.452 41.2295C115.431 41.2143 115.416 41.199 115.396 41.1889C115.406 41.199 115.411 41.2041 115.421 41.2143Z"
fill="#F7E1D5"
d="M83.2158 29.2726C83.2158 29.2726 83.2528 29.3095 83.2713 29.328C83.2898 29.3465 83.3083 29.365 83.3268 29.3835C83.3453 29.4019 83.3638 29.4204 83.3824 29.4389C83.4009 29.4574 83.4194 29.4759 83.4379 29.4944C83.4564 29.5129 83.4749 29.5313 83.4934 29.5498C83.5119 29.5683 83.5304 29.5868 83.5489 29.6053C83.5674 29.6238 83.586 29.6423 83.6045 29.6607C83.623 29.6792 83.6415 29.6977 83.66 29.7162C83.6785 29.7347 83.697 29.7532 83.7155 29.7716C83.734 29.7901 83.7525 29.8086 83.771 29.8271C83.7896 29.8456 83.8081 29.8641 83.8266 29.8826C83.8451 29.901 83.8636 29.9195 83.8821 29.938C83.9006 29.9565 83.9191 29.975 83.9376 29.9935C83.9561 30.0119 83.9746 30.0304 83.9931 30.0489C84.0116 30.0674 84.0302 30.0859 84.0487 30.1044C84.0672 30.1229 84.0857 30.1413 84.1042 30.1598C84.1227 30.1783 84.1412 30.1968 84.1597 30.2153C84.1782 30.2338 84.1967 30.2522 84.2152 30.2707C84.2337 30.2892 84.2523 30.3077 84.2708 30.3262C84.2893 30.3447 84.3078 30.3632 84.3263 30.3816C84.3448 30.4001 84.3633 30.4186 84.3818 30.4371C84.4003 30.4556 84.4188 30.4741 84.4373 30.4925C87.3728 33.439 91.4484 35.2468 95.9941 35.2468C105.052 35.2468 112.3 28.0526 112.3 19.0061C112.3 14.4663 110.475 10.3738 107.514 7.4162C107.495 7.39771 107.477 7.37923 107.458 7.36074C107.44 7.34226 107.421 7.32377 107.403 7.30529C107.384 7.2868 107.366 7.26832 107.347 7.24984C107.329 7.23135 107.31 7.21287 107.292 7.19438C107.273 7.1759 107.255 7.15741 107.236 7.13893C107.218 7.12044 107.199 7.10196 107.181 7.08347C107.162 7.06499 107.144 7.0465 107.125 7.02802C107.107 7.00953 107.088 6.99105 107.07 6.97256C107.051 6.95408 107.033 6.9356 107.014 6.91711C106.996 6.89863 106.977 6.88014 106.959 6.86166C106.94 6.84317 106.922 6.82469 106.903 6.8062C106.885 6.78772 106.866 6.76923 106.848 6.75075C106.829 6.73226 106.811 6.71378 106.792 6.69529C106.774 6.67681 106.755 6.65832 106.737 6.63984C106.718 6.62135 106.7 6.60287 106.681 6.58438C106.663 6.5659 106.644 6.54741 106.626 6.52893C106.607 6.51044 106.588 6.49196 106.57 6.47347C106.551 6.45499 106.533 6.43651 106.514 6.41802C106.496 6.39954 106.477 6.38105 106.459 6.36257C106.44 6.34408 106.422 6.3256 106.403 6.30711C106.385 6.28863 106.366 6.27014 106.348 6.25166C106.329 6.23317 106.311 6.21469 106.292 6.1962C106.274 6.17772 106.255 6.15924 106.237 6.14075C106.218 6.12227 106.2 6.10378 106.181 6.0853C106.163 6.06681 106.144 6.04833 106.126 6.02984C109.072 8.9837 110.886 13.0651 110.886 17.5939C110.886 26.644 103.638 33.8346 94.5801 33.8346C90.1454 33.8346 86.155 32.1081 83.238 29.2836C83.2232 29.2726 83.2121 29.2615 83.1973 29.2541C83.2047 29.2615 83.2084 29.2652 83.2158 29.2726Z"
fill="#CD0921"
/>
<path
d="M70.9367 25.1875C70.9367 27.8005 71.7731 30.2309 73.1823 32.235C73.6233 32.6358 74.0947 33.0062 74.5914 33.3411C73.5067 31.5044 72.8629 29.3836 72.8629 27.1207C72.8629 20.2913 78.4439 14.6392 85.2059 14.6392C87.4768 14.6392 89.6007 15.2835 91.4408 16.3693C91.1011 15.867 90.726 15.3901 90.3154 14.9436C88.3132 13.5382 85.8902 12.7061 83.2746 12.7061C76.5126 12.7061 70.9316 18.3582 70.9316 25.1875H70.9367Z"
fill="#F7E1D5"
d="M50.7283 17.5935C50.7283 19.4974 51.3391 21.2682 52.3682 22.7285C52.6902 23.0206 53.0345 23.2904 53.3973 23.5344C52.6051 22.1961 52.135 20.6508 52.135 19.0019C52.135 14.0258 56.2106 9.90743 61.1487 9.90743C62.807 9.90743 64.3581 10.3769 65.7018 11.1681C65.4538 10.8021 65.1799 10.4546 64.88 10.1292C63.4178 9.10519 61.6484 8.49889 59.7383 8.49889C54.8002 8.49889 50.7246 12.6173 50.7246 17.5934L50.7283 17.5935Z"
fill="#CD0921"
/>
<path
d="M67.7141 41.215C67.7141 41.215 67.7648 41.2658 67.7902 41.2911C67.8155 41.3165 67.8408 41.3419 67.8662 41.3672C67.8915 41.3926 67.9169 41.418 67.9422 41.4434C67.9676 41.4687 67.9929 41.4941 68.0183 41.5195C68.0436 41.5448 68.0689 41.5702 68.0943 41.5956C68.1196 41.6209 68.145 41.6463 68.1703 41.6717C68.1957 41.697 68.221 41.7224 68.2464 41.7478C68.2717 41.7732 68.2971 41.7985 68.3224 41.8239C68.3477 41.8493 68.3731 41.8746 68.3984 41.9C68.4238 41.9254 68.4491 41.9507 68.4745 41.9761C68.4998 42.0015 68.5252 42.0268 68.5505 42.0522C68.5759 42.0776 68.6012 42.1029 68.6265 42.1283C68.6519 42.1537 68.6772 42.1791 68.7026 42.2044C68.7279 42.2298 68.7533 42.2552 68.7786 42.2805C68.804 42.3059 68.8293 42.3313 68.8546 42.3566C68.88 42.382 68.9053 42.4074 68.9307 42.4327C68.956 42.4581 68.9814 42.4835 69.0067 42.5089C69.0321 42.5342 69.0574 42.5596 69.0827 42.585C69.1081 42.6103 69.1334 42.6357 69.1588 42.6611C69.1841 42.6864 69.2095 42.7118 69.2348 42.7372C69.2602 42.7625 69.2855 42.7879 69.3109 42.8133C69.3362 42.8386 69.3615 42.864 69.3869 42.8894C73.4066 46.9332 78.9875 49.4193 85.2123 49.4193C96.8456 49.4193 106.284 40.7381 107.414 29.4185C106.867 27.4448 106.578 25.3798 106.578 23.264C106.578 22.4877 106.619 21.7216 106.695 20.9555C105.64 17.2161 103.653 13.8826 100.992 11.224C100.967 11.1986 100.941 11.1732 100.916 11.1478C100.891 11.1225 100.865 11.0971 100.84 11.0717C100.815 11.0464 100.789 11.021 100.764 10.9956C100.739 10.9703 100.713 10.9449 100.688 10.9195C100.663 10.8942 100.637 10.8688 100.612 10.8434C100.586 10.8181 100.561 10.7927 100.536 10.7673C100.51 10.7419 100.485 10.7166 100.46 10.6912C100.434 10.6658 100.409 10.6405 100.384 10.6151C100.358 10.5897 100.333 10.5644 100.308 10.539C100.282 10.5136 100.257 10.4883 100.232 10.4629C100.206 10.4375 100.181 10.4121 100.156 10.3868C100.13 10.3614 100.105 10.336 100.08 10.3107C100.054 10.2853 100.029 10.2599 100.004 10.2346C99.9782 10.2092 99.9529 10.1838 99.9275 10.1585C99.9022 10.1331 99.8768 10.1077 99.8515 10.0824C99.8261 10.057 99.8008 10.0316 99.7755 10.0062C99.7501 9.98088 99.7248 9.95551 99.6994 9.93014C99.6741 9.90477 99.6487 9.8794 99.6234 9.85403C99.598 9.82866 99.5727 9.8033 99.5474 9.77793C99.522 9.75256 99.4967 9.72719 99.4713 9.70182C99.446 9.67645 99.4206 9.65108 99.3953 9.62571C99.3699 9.60035 99.3446 9.57498 99.3192 9.54961C99.2939 9.52424 99.2686 9.49887 99.2432 9.4735C99.2179 9.44813 99.1925 9.42277 99.1672 9.3974C99.1418 9.37203 99.1165 9.34666 99.0911 9.32129C103.126 13.3702 105.61 18.9767 105.61 25.187C105.61 37.6076 95.6848 47.4761 83.281 47.4761C77.2083 47.4761 71.744 45.1066 67.7496 41.2303C67.7293 41.215 67.7141 41.1998 67.6938 41.1897C67.704 41.1998 67.7091 41.2049 67.7192 41.215H67.7141Z"
fill="#F7E1D5"
d="M48.3781 29.2727C48.3781 29.2727 48.4151 29.3097 48.4336 29.3282C48.4521 29.3467 48.4706 29.3652 48.4891 29.3836C48.5076 29.4021 48.5262 29.4206 48.5447 29.4391C48.5632 29.4576 48.5817 29.4761 48.6002 29.4946C48.6187 29.513 48.6372 29.5315 48.6557 29.55C48.6742 29.5685 48.6927 29.587 48.7112 29.6055C48.7298 29.624 48.7483 29.6424 48.7668 29.6609C48.7853 29.6794 48.8038 29.6979 48.8223 29.7164C48.8408 29.7349 48.8593 29.7533 48.8778 29.7718C48.8963 29.7903 48.9148 29.8088 48.9333 29.8273C48.9519 29.8458 48.9704 29.8643 48.9889 29.8827C49.0074 29.9012 49.0259 29.9197 49.0444 29.9382C49.0629 29.9567 49.0814 29.9752 49.0999 29.9937C49.1184 30.0121 49.1369 30.0306 49.1554 30.0491C49.174 30.0676 49.1925 30.0861 49.211 30.1046C49.2295 30.123 49.248 30.1415 49.2665 30.16C49.285 30.1785 49.3035 30.197 49.322 30.2155C49.3405 30.2339 49.359 30.2524 49.3776 30.2709C49.3961 30.2894 49.4146 30.3079 49.4331 30.3264C49.4516 30.3449 49.4701 30.3633 49.4886 30.3818C49.5071 30.4003 49.5256 30.4188 49.5441 30.4373C49.5626 30.4558 49.5811 30.4742 49.5997 30.4927C52.5351 33.4392 56.6107 35.2507 61.1564 35.2507C69.6519 35.2507 76.5445 28.9252 77.37 20.6773C76.9702 19.2392 76.7592 17.7346 76.7592 16.1929C76.7592 15.6273 76.7888 15.0691 76.8444 14.5108C76.0744 11.7862 74.6233 9.35728 72.6799 7.42008C72.6614 7.4016 72.6429 7.38311 72.6244 7.36463C72.6059 7.34614 72.5874 7.32766 72.5689 7.30917C72.5504 7.29069 72.5319 7.2722 72.5134 7.25372C72.4948 7.23523 72.4763 7.21675 72.4578 7.19827C72.4393 7.17978 72.4208 7.1613 72.4023 7.14281C72.3838 7.12433 72.3653 7.10584 72.3468 7.08736C72.3283 7.06887 72.3098 7.05039 72.2912 7.0319C72.2727 7.01342 72.2542 6.99493 72.2357 6.97645C72.2172 6.95796 72.1987 6.93948 72.1802 6.921C72.1617 6.90251 72.1432 6.88403 72.1247 6.86554C72.1062 6.84706 72.0876 6.82857 72.0691 6.81009C72.0506 6.7916 72.0321 6.77312 72.0136 6.75463C71.9951 6.73615 71.9766 6.71766 71.9581 6.69918C71.9396 6.68069 71.9211 6.66221 71.9026 6.64372C71.8841 6.62524 71.8655 6.60675 71.847 6.58827C71.8285 6.56978 71.81 6.5513 71.7915 6.53281C71.773 6.51433 71.7545 6.49584 71.736 6.47736C71.7175 6.45888 71.699 6.44039 71.6805 6.42191C71.6619 6.40342 71.6434 6.38494 71.6249 6.36645C71.6064 6.34797 71.5879 6.32948 71.5694 6.311C71.5509 6.29251 71.5324 6.27403 71.5139 6.25554C71.4954 6.23706 71.4769 6.21857 71.4584 6.20009C71.4398 6.1816 71.4213 6.16312 71.4028 6.14463C71.3843 6.12615 71.3658 6.10767 71.3473 6.08918C71.3288 6.0707 71.3103 6.05221 71.2918 6.03373C74.2383 8.98389 76.0522 13.069 76.0522 17.5941C76.0522 26.6442 68.8042 33.8348 59.7461 33.8348C55.3114 33.8348 51.321 32.1083 48.404 29.2838C48.3892 29.2727 48.3781 29.2617 48.3633 29.2543C48.3707 29.2617 48.3744 29.2653 48.3818 29.2727H48.3781Z"
fill="#CD0921"
/>
<path
d="M118.633 25.1875C118.633 27.8005 119.47 30.2309 120.879 32.235C121.32 32.6358 121.791 33.0062 122.288 33.3411C121.203 31.5044 120.56 29.3836 120.56 27.1207C120.56 20.2913 126.141 14.6392 132.903 14.6392C135.174 14.6392 137.303 15.2835 139.138 16.3693C138.798 15.867 138.423 15.3901 138.012 14.9436C136.01 13.5382 133.582 12.7061 130.971 12.7061C124.209 12.7061 118.628 18.3582 118.628 25.1875H118.633Z"
fill="#F7E1D5"
d="M85.5613 17.5934C85.5613 19.4973 86.1721 21.2681 87.2012 22.7284C87.5232 23.0205 87.8675 23.2904 88.2303 23.5344C87.4381 22.1961 86.968 20.6508 86.968 19.0019C86.968 14.0258 91.0436 9.90743 95.9817 9.90743C97.6401 9.90743 99.1948 10.3769 100.535 11.1681C100.287 10.8021 100.013 10.4546 99.713 10.1292C98.2508 9.10519 96.4777 8.49889 94.5713 8.49889C89.6332 8.49889 85.5576 12.6173 85.5576 17.5934H85.5613Z"
fill="#CD0921"
/>
<path
d="M197.603 25.0598C197.603 37.105 187.8 46.8517 175.832 46.8517H160.696C160.392 46.8517 160.123 46.7096 159.92 46.4965C159.941 46.5219 159.966 46.5473 159.991 46.5676C160.017 46.5929 160.042 46.6183 160.067 46.6437C160.093 46.6741 160.118 46.6944 160.143 46.7198C160.169 46.7451 160.194 46.7705 160.219 46.7959C160.245 46.8212 160.27 46.8466 160.296 46.872C160.321 46.8974 160.346 46.9227 160.372 46.9481C160.397 46.9785 160.422 46.9988 160.448 47.0242C160.473 47.0546 160.498 47.0749 160.524 47.1003C160.549 47.1307 160.574 47.151 160.6 47.1764C160.625 47.2018 160.65 47.2271 160.676 47.2525C160.701 47.2779 160.726 47.3032 160.752 47.3286C160.777 47.354 160.802 47.3794 160.828 47.4047C160.853 47.4352 160.878 47.4555 160.904 47.4808C160.929 47.5062 160.954 47.5316 160.98 47.5569C161.005 47.5874 161.031 47.6077 161.056 47.633C161.081 47.6584 161.107 47.6838 161.132 47.7091C161.157 47.7345 161.183 47.7599 161.208 47.7853C161.233 47.8106 161.259 47.836 161.284 47.8614C161.309 47.8867 161.335 47.9121 161.36 47.9375C161.385 47.9628 161.411 47.9882 161.436 48.0136C161.461 48.044 161.487 48.0643 161.512 48.0897C161.537 48.1151 161.563 48.1404 161.588 48.1658C161.613 48.1912 161.639 48.2165 161.664 48.2419C161.689 48.2723 161.715 48.2926 161.74 48.318C161.766 48.3434 161.791 48.3687 161.816 48.3941C162.019 48.6326 162.303 48.7899 162.632 48.7899H177.768C189.741 48.7899 199.54 39.0431 199.54 26.998C199.54 21.0211 197.076 15.5871 193.107 11.66C193.082 11.6346 193.056 11.6092 193.031 11.5839C193.006 11.5585 192.98 11.5331 192.955 11.5078C192.93 11.4824 192.904 11.457 192.879 11.4317C192.854 11.4063 192.828 11.3809 192.803 11.3555C192.778 11.3302 192.752 11.3048 192.727 11.2794C192.702 11.2541 192.676 11.2287 192.651 11.2033C192.626 11.178 192.6 11.1526 192.575 11.1272C192.549 11.1019 192.524 11.0765 192.499 11.0511C192.473 11.0258 192.448 11.0004 192.423 10.975C192.397 10.9496 192.372 10.9243 192.347 10.8989C192.321 10.8735 192.296 10.8482 192.271 10.8228C192.245 10.7974 192.22 10.7721 192.195 10.7467C192.169 10.7213 192.144 10.696 192.119 10.6706C192.093 10.6452 192.068 10.6198 192.043 10.5945C192.017 10.5691 191.992 10.5437 191.967 10.5184C191.941 10.493 191.916 10.4676 191.89 10.4423C191.865 10.4169 191.84 10.3915 191.814 10.3662C191.789 10.3408 191.764 10.3154 191.738 10.2901C191.713 10.2647 191.688 10.2393 191.662 10.2139C191.637 10.1886 191.612 10.1632 191.586 10.1378C191.571 10.1175 191.551 10.1023 191.531 10.082C191.546 10.1023 191.556 10.1175 191.571 10.1378C195.297 14.0294 197.598 19.2859 197.598 25.0547L197.603 25.0598Z"
fill="#F7E1D5"
d="M143.232 17.5017C143.232 26.2783 136.072 33.3801 127.333 33.3801H116.279C116.057 33.3801 115.861 33.2766 115.713 33.1213C115.728 33.1398 115.746 33.1583 115.765 33.1731C115.783 33.1916 115.802 33.2101 115.82 33.2285C115.839 33.2507 115.857 33.2655 115.876 33.284C115.894 33.3025 115.913 33.321 115.931 33.3395C115.95 33.3579 115.968 33.3764 115.987 33.3949C116.005 33.4134 116.024 33.4319 116.042 33.4504C116.061 33.4725 116.079 33.4873 116.098 33.5058C116.116 33.528 116.135 33.5428 116.153 33.5613C116.172 33.5835 116.19 33.5982 116.209 33.6167C116.227 33.6352 116.246 33.6537 116.264 33.6722C116.283 33.6907 116.301 33.7092 116.32 33.7276C116.338 33.7461 116.357 33.7646 116.376 33.7831C116.394 33.8053 116.413 33.8201 116.431 33.8385C116.45 33.857 116.468 33.8755 116.487 33.894C116.505 33.9162 116.524 33.931 116.542 33.9495C116.561 33.9679 116.579 33.9864 116.598 34.0049C116.616 34.0234 116.635 34.0419 116.653 34.0604C116.672 34.0788 116.69 34.0973 116.709 34.1158C116.727 34.1343 116.746 34.1528 116.764 34.1713C116.783 34.1898 116.801 34.2082 116.82 34.2267C116.838 34.2489 116.857 34.2637 116.875 34.2822C116.894 34.3007 116.912 34.3191 116.931 34.3376C116.949 34.3561 116.968 34.3746 116.986 34.3931C117.005 34.4153 117.023 34.4301 117.042 34.4485C117.06 34.467 117.079 34.4855 117.097 34.504C117.245 34.6778 117.453 34.7924 117.693 34.7924H128.747C137.49 34.7924 144.646 27.6905 144.646 18.914C144.646 14.559 142.847 10.5995 139.948 7.73809C139.93 7.71961 139.911 7.70112 139.893 7.68264C139.874 7.66415 139.856 7.64567 139.837 7.62718C139.819 7.6087 139.8 7.59021 139.782 7.57173C139.763 7.55324 139.745 7.53476 139.726 7.51627C139.707 7.49779 139.689 7.47931 139.67 7.46082C139.652 7.44234 139.633 7.42385 139.615 7.40537C139.596 7.38688 139.578 7.3684 139.559 7.34991C139.541 7.33143 139.522 7.31294 139.504 7.29446C139.485 7.27597 139.467 7.25749 139.448 7.239C139.43 7.22052 139.411 7.20203 139.393 7.18355C139.374 7.16506 139.356 7.14658 139.337 7.12809C139.319 7.10961 139.3 7.09112 139.282 7.07264C139.263 7.05415 139.245 7.03567 139.226 7.01719C139.208 6.9987 139.189 6.98022 139.171 6.96173C139.152 6.94325 139.134 6.92476 139.115 6.90628C139.097 6.88779 139.078 6.86931 139.06 6.85082C139.041 6.83234 139.023 6.81385 139.004 6.79537C138.986 6.77688 138.967 6.7584 138.949 6.73991C138.93 6.72143 138.912 6.70294 138.893 6.68446C138.875 6.66597 138.856 6.64749 138.838 6.62901C138.826 6.61422 138.812 6.60313 138.797 6.58834C138.808 6.60313 138.815 6.61422 138.826 6.62901C141.547 9.46457 143.228 13.2946 143.228 17.498L143.232 17.5017Z"
fill="#CD0921"
/>
<path
d="M177.138 14.4507C179.353 14.4507 181.366 15.0189 183.099 15.9982C182.765 15.4908 182.395 15.0139 181.989 14.5725C180.094 13.2786 177.782 12.5176 175.207 12.5176H169.251V35.5272H171.182V14.4507H177.138Z"
fill="#F7E1D5"
d="M128.287 9.7713C129.905 9.7713 131.374 10.1854 132.64 10.8989C132.396 10.5292 132.126 10.1809 131.83 9.8593C130.445 8.91658 128.757 8.36203 126.877 8.36203H122.527V25.1277L123.938 25.1284V9.7713H128.287Z"
fill="#CD0921"
/>
<path
d="M39.101 45.2719C47.9261 45.2719 54.3131 41.3093 54.3739 41.2687C54.5564 41.1317 54.7743 40.6953 54.7743 40.4518L54.7135 23.7489C54.7135 23.2213 54.2979 22.7748 53.8062 22.7748H41.3365C40.7637 22.7748 40.3632 23.1756 40.3632 23.7489V29.8933C40.3632 30.4108 40.7789 30.8015 41.3365 30.8015H45.4525V34.7489L45.3207 34.7996C43.6276 35.4795 41.7977 35.8093 39.7245 35.8093C32.8358 35.8093 27.2346 30.1723 27.2346 23.2466C27.2346 16.3209 32.8104 10.4962 39.6637 10.4962C43.0092 10.4962 45.7161 11.4907 47.9312 13.5304C48.3519 13.8449 48.9197 13.8246 49.3303 13.4644L54.2168 8.26378C54.4144 8.0659 54.5108 7.82236 54.4955 7.57375C54.4803 7.31498 54.3435 7.07144 54.1154 6.89386C49.9335 3.26611 44.3272 1.09961 39.1061 1.09961C33.1855 1.09961 27.6401 3.39296 23.4886 7.55853C19.332 11.7292 17.0459 17.3002 17.0459 23.2466C17.0459 29.1931 19.3371 34.7337 23.4886 38.8688C27.635 42.9938 33.1805 45.2668 39.1061 45.2668L39.101 45.2719Z"
fill="#F7E1D5"
d="M27.4812 32.2303C33.9259 32.2303 38.5901 29.343 38.6345 29.3134C38.7678 29.2136 38.927 28.8957 38.927 28.7182L38.8825 16.5479C38.8825 16.1634 38.579 15.838 38.2199 15.838H29.1137C28.6954 15.838 28.4029 16.1301 28.4029 16.5479V21.0249C28.4029 21.4019 28.7065 21.6866 29.1137 21.6866H32.1195V24.5628L32.0232 24.5998C30.7869 25.0952 29.4505 25.3355 27.9365 25.3355C22.9059 25.3355 18.8155 21.2282 18.8155 16.1819C18.8155 11.1355 22.8874 6.89143 27.8921 6.89143C30.3352 6.89143 32.312 7.61603 33.9296 9.1022C34.2369 9.33141 34.6515 9.31663 34.9513 9.05414L38.5198 5.26477C38.6641 5.12059 38.7345 4.94314 38.7234 4.76199C38.7123 4.57344 38.6123 4.39599 38.4457 4.2666C35.3918 1.62328 31.2977 0.0446799 27.4849 0.0446799C23.1613 0.0446799 19.1116 1.7157 16.0799 4.7509C13.0445 7.78979 11.375 11.849 11.375 16.1819C11.375 20.5147 13.0482 24.5517 16.0799 27.5648C19.1079 30.5704 23.1576 32.2266 27.4849 32.2266L27.4812 32.2303Z"
fill="#CD0921"
/>
<path
d="M81.346 45.3341C87.297 45.3341 92.8628 43.0509 97.0193 38.9056C101.181 34.7553 103.472 29.1995 103.472 23.248C103.472 11.0049 93.5471 1.04004 81.346 1.04004C75.4103 1.04004 69.8547 3.34353 65.7032 7.5294C61.5618 11.7051 59.2808 17.2913 59.2808 23.248C59.2808 29.2046 61.5618 34.7604 65.7032 38.9056C69.8445 43.0509 75.4001 45.3341 81.346 45.3341ZM81.346 10.5635C88.3007 10.5635 93.9577 16.2563 93.9577 23.253C93.9577 30.2498 88.3007 35.8157 81.346 35.8157C74.3914 35.8157 68.7952 30.1787 68.7952 23.253C68.7952 16.3273 74.4269 10.5635 81.346 10.5635Z"
fill="#F7E1D5"
d="M58.3324 32.2744C62.6782 32.2744 66.7427 30.6107 69.7781 27.5903C72.8172 24.5662 74.4904 20.5181 74.4904 16.1815C74.4904 7.26081 67.2424 0 58.3324 0C53.9977 0 49.9406 1.67841 46.9088 4.7284C43.8845 7.77099 42.2188 11.8413 42.2188 16.1815C42.2188 20.5218 43.8845 24.5699 46.9088 27.5903C49.9331 30.6107 53.9902 32.2744 58.3324 32.2744ZM58.3324 6.93917C63.4111 6.93917 67.5423 11.0871 67.5423 16.1852C67.5423 21.2833 63.4111 25.3389 58.3324 25.3389C53.2536 25.3389 49.1669 21.2316 49.1669 16.1852C49.1669 11.1389 53.2795 6.93917 58.3324 6.93917Z"
fill="#CD0921"
/>
<path
d="M129.051 45.3341C135.002 45.3341 140.568 43.0509 144.724 38.9056C148.886 34.7553 151.177 29.1995 151.177 23.248C151.177 11.0049 141.252 1.04004 129.051 1.04004C123.115 1.04004 117.56 3.34353 113.408 7.5294C109.267 11.7051 106.986 17.2913 106.986 23.248C106.986 29.2046 109.267 34.7604 113.408 38.9056C117.55 43.0509 123.105 45.3341 129.051 45.3341ZM129.051 10.5635C136.006 10.5635 141.663 16.2563 141.663 23.253C141.663 30.2498 136.006 35.8157 129.051 35.8157C122.096 35.8157 116.5 30.1787 116.5 23.253C116.5 16.3273 122.132 10.5635 129.051 10.5635Z"
fill="#F7E1D5"
d="M93.1693 32.2744C97.5151 32.2744 101.58 30.6107 104.615 27.5903C107.654 24.5662 109.327 20.5181 109.327 16.1815C109.327 7.26081 102.079 0 93.1693 0C88.8346 0 84.7775 1.67841 81.7458 4.7284C78.7215 7.77099 77.0557 11.8413 77.0557 16.1815C77.0557 20.5218 78.7215 24.5699 81.7458 27.5903C84.7701 30.6107 88.8272 32.2744 93.1693 32.2744ZM93.1693 6.93917C98.248 6.93917 102.379 11.0871 102.379 16.1852C102.379 21.2833 98.248 25.3389 93.1693 25.3389C88.0905 25.3389 84.0038 21.2316 84.0038 16.1852C84.0038 11.1389 88.1164 6.93917 93.1693 6.93917Z"
fill="#CD0921"
/>
<path
d="M158.763 44.7151H173.899C185.791 44.7151 195.462 35.0292 195.462 23.1261C195.462 11.2231 185.786 1.66406 173.899 1.66406H158.763C158.271 1.66406 157.855 2.11055 157.855 2.63823V43.7409C157.855 44.2686 158.271 44.7151 158.763 44.7151ZM167.116 10.3757H173.28C180.296 10.3757 185.583 15.8554 185.583 23.1261C185.583 30.3969 180.296 35.9374 173.28 35.9374H167.116V10.3757Z"
fill="#F7E1D5"
d="M114.869 31.8232H125.922C134.606 31.8232 141.669 24.7657 141.669 16.0927C141.669 7.41962 134.603 0.454569 125.922 0.454569H114.869C114.51 0.454569 114.206 0.7799 114.206 1.16438V31.1134C114.206 31.4978 114.51 31.8232 114.869 31.8232ZM120.969 6.80223H125.47C130.594 6.80223 134.454 10.7949 134.454 16.0927C134.454 21.3904 130.594 25.4275 125.47 25.4275H120.969V6.80223Z"
fill="#CD0921"
/>
<path
d="M10.7298 64.9462H28.1215C28.6588 64.9462 29.0947 64.5099 29.0947 63.9721V57.2037C29.0947 56.6658 28.6588 56.2295 28.1215 56.2295H2.44199C1.90468 56.2295 1.46875 56.6658 1.46875 57.2037V98.3063C1.46875 98.8441 1.90468 99.2805 2.44199 99.2805H9.7616C10.2685 99.2805 10.7348 98.8188 10.7348 98.3063V83.0089H25.0851C25.592 83.0089 26.0584 82.5472 26.0584 82.0347V75.2663C26.0584 74.7589 25.5971 74.2921 25.0851 74.2921H10.7348V64.9361L10.7298 64.9462Z"
fill="#F7E1D5"
d="M6.76305 46.5633H19.4637C19.8561 46.5633 20.1744 46.2453 20.1744 45.8534V40.9217C20.1744 40.5298 19.8561 40.2119 19.4637 40.2119H0.710731C0.318348 40.2119 0 40.5298 0 40.9217V70.8707C0 71.2626 0.318348 71.5805 0.710731 71.5805H6.05602C6.4262 71.5805 6.76675 71.2441 6.76675 70.8707V59.7244H17.2463C17.6165 59.7244 17.9571 59.388 17.9571 59.0146V54.0828C17.9571 53.7132 17.6202 53.373 17.2463 53.373H6.76675V46.5559L6.76305 46.5633Z"
fill="#CD0921"
/>
<path
d="M58.2061 99.2797H66.4584C66.8538 99.2797 67.168 99.1224 67.3404 98.8281C67.5178 98.5288 67.5178 98.1279 67.3302 97.7829L58.7231 81.8056L58.936 81.7194C64.517 79.4717 67.9892 74.7632 67.9892 69.4307C67.9892 62.1498 62.018 56.2236 54.673 56.2236H36.1256C35.5883 56.2236 35.1523 56.66 35.1523 57.1978V98.3004C35.1523 98.8383 35.5883 99.2746 36.1256 99.2746H43.506C44.0129 99.2746 44.4793 98.8129 44.4793 98.3004V82.2572H49.092L57.4001 98.823C57.4863 98.9956 57.7803 99.2695 58.2061 99.2695V99.2797ZM53.867 74.7987H44.4793V64.6968H53.867C56.5333 64.6968 58.789 66.9547 58.789 69.6235C58.789 72.2923 56.4877 74.7987 53.867 74.7987Z"
fill="#F7E1D5"
d="M41.4341 71.5803H47.4605C47.7492 71.5803 47.9787 71.4657 48.1046 71.2513C48.2342 71.0332 48.2342 70.7411 48.0972 70.4897L41.8117 58.848L41.9671 58.7852C46.0427 57.1474 48.5784 53.7167 48.5784 49.8312C48.5784 44.526 44.2178 40.208 38.854 40.208H25.3094C24.917 40.208 24.5986 40.5259 24.5986 40.9178V70.8668C24.5986 71.2587 24.917 71.5766 25.3094 71.5766H30.6991C31.0693 71.5766 31.4098 71.2402 31.4098 70.8668V59.1771H34.7784L40.8455 71.2476C40.9084 71.3733 41.1231 71.5729 41.4341 71.5729V71.5803ZM38.2654 53.7425H31.4098V46.3819H38.2654C40.2125 46.3819 41.8598 48.0271 41.8598 49.9717C41.8598 51.9162 40.1792 53.7425 38.2654 53.7425Z"
fill="#CD0921"
/>
<path
d="M76.4422 56.2354H83.8834C84.4208 56.2354 84.8567 56.6717 84.8567 57.2095V98.3172C84.8567 98.8551 84.4208 99.2914 83.8834 99.2914H76.4371C75.8998 99.2914 75.4639 98.8551 75.4639 98.3172V57.2146C75.4639 56.6768 75.8998 56.2404 76.4371 56.2404L76.4422 56.2354Z"
fill="#F7E1D5"
d="M54.7525 40.2158H60.1866C60.579 40.2158 60.8974 40.5337 60.8974 40.9256V70.8783C60.8974 71.2701 60.579 71.5881 60.1866 71.5881H54.7488C54.3564 71.5881 54.0381 71.2701 54.0381 70.8783V40.9293C54.0381 40.5374 54.3564 40.2195 54.7488 40.2195L54.7525 40.2158Z"
fill="#CD0921"
/>
<path
d="M103.968 64.9462H121.359C121.897 64.9462 122.332 64.5099 122.332 63.9721V57.2037C122.332 56.6658 121.897 56.2295 121.359 56.2295H95.6798C95.1425 56.2295 94.7065 56.6658 94.7065 57.2037V98.3063C94.7065 98.8441 95.1425 99.2805 95.6798 99.2805H121.359C121.897 99.2805 122.332 98.8441 122.332 98.3063V91.5379C122.332 91.0001 121.897 90.5637 121.359 90.5637H103.968V81.7658H118.318C118.855 81.7658 119.291 81.3295 119.291 80.7916V74.0232C119.291 73.5158 118.83 73.0491 118.318 73.0491H103.968V64.9361V64.9462Z"
fill="#F7E1D5"
d="M74.8529 46.5633H87.5535C87.9459 46.5633 88.2643 46.2453 88.2643 45.8534V40.9217C88.2643 40.5298 87.9459 40.2119 87.5535 40.2119H68.8006C68.4082 40.2119 68.0898 40.5298 68.0898 40.9217V70.8707C68.0898 71.2626 68.4082 71.5805 68.8006 71.5805H87.5535C87.9459 71.5805 88.2643 71.2626 88.2643 70.8707V65.9389C88.2643 65.5471 87.9459 65.2291 87.5535 65.2291H74.8529V58.8186H85.3325C85.7249 58.8186 86.0432 58.5007 86.0432 58.1088V53.1771C86.0432 52.8074 85.7064 52.4673 85.3325 52.4673H74.8529V46.5559V46.5633Z"
fill="#CD0921"
/>
<path
d="M165.709 56.2333H158.263C157.725 56.2333 157.289 56.6696 157.289 57.2074V79.4559H156.94L132.188 55.6143H130.723C130.196 55.6143 129.75 56.0303 129.75 56.5225L129.81 98.3101C129.81 98.8174 130.272 99.2842 130.784 99.2842H138.164C138.701 99.2842 139.137 98.8479 139.137 98.3101V74.9403H139.492L139.553 75.0012L164.056 99.6496C164.137 99.7307 164.584 99.8982 164.715 99.8982H165.709C166.236 99.8982 166.682 99.4821 166.682 98.99V57.2024C166.682 56.695 166.221 56.2282 165.709 56.2282V56.2333Z"
fill="#F7E1D5"
d="M119.94 40.2152H114.502C114.11 40.2152 113.791 40.5331 113.791 40.925V57.1361H113.536L95.4602 39.7641H94.3904C94.0054 39.7641 93.6797 40.0673 93.6797 40.4259L93.7241 70.8739C93.7241 71.2436 94.061 71.5838 94.4348 71.5838H99.8246C100.217 71.5838 100.535 71.2658 100.535 70.8739V53.8458H100.794L100.839 53.8902L118.733 71.8499C118.792 71.9091 119.118 72.0311 119.214 72.0311H119.94C120.325 72.0311 120.65 71.7279 120.65 71.3693V40.9213C120.65 40.5516 120.314 40.2115 119.94 40.2115V40.2152Z"
fill="#CD0921"
/>
<path
d="M192.577 56.2354H177.441C176.949 56.2354 176.528 56.6818 176.528 57.2095V98.3122C176.528 98.8398 176.944 99.2863 177.441 99.2863H192.577C204.469 99.2863 214.145 89.6005 214.145 77.6974C214.145 65.7943 204.469 56.2354 192.577 56.2354ZM191.953 90.5087H185.789V64.947H191.953C198.969 64.947 204.256 70.4267 204.256 77.6974C204.256 84.9681 198.969 90.5087 191.953 90.5087Z"
fill="#F7E1D5"
d="M139.56 40.2158H128.506C128.147 40.2158 127.84 40.5411 127.84 40.9256V70.8746C127.84 71.2591 128.143 71.5844 128.506 71.5844H139.56C148.244 71.5844 155.31 64.5269 155.31 55.8539C155.31 47.1808 148.244 40.2158 139.56 40.2158ZM139.104 65.1887H134.603V46.5634H139.104C144.227 46.5634 148.088 50.5561 148.088 55.8539C148.088 61.1516 144.227 65.1887 139.104 65.1887Z"
fill="#CD0921"
/>
</g>
</svg>
)
}

15
components/Levels/Level/LoyalFriend.tsx
View File

@@ -2,7 +2,11 @@ import { levelVariants } from "../variants"
import type { LevelProps } from "../levels"
export default function LoyalFriend({ className, color }: LevelProps) {
export default function LoyalFriend({
className,
color,
...props
}: LevelProps) {
const classNames = levelVariants({
className,
color,
@@ -10,12 +14,14 @@ export default function LoyalFriend({ className, color }: LevelProps) {
return (
<svg
className={classNames}
xmlns="http://www.w3.org/2000/svg"
width="158"
fill="none"
height="75"
viewBox="0 0 158 75"
fill="none"
width="158"
xmlns="http://www.w3.org/2000/svg"
{...props}
>
<g>
<path
d="M64.6094 7.40218C64.6094 7.40218 64.5724 7.3651 64.5539 7.34656C64.5354 7.32802 64.5168 7.30947 64.4983 7.29093C64.4798 7.27239 64.4613 7.25385 64.4428 7.23531C64.4243 7.21677 64.4058 7.19823 64.3873 7.17969C64.3688 7.16115 64.3503 7.1426 64.3318 7.12406C64.3132 7.10552 64.2947 7.08698 64.2762 7.06844C64.2577 7.0499 64.2392 7.03136 64.2207 7.01282C64.2022 6.99427 64.1837 6.97573 64.1652 6.95719C64.1467 6.93865 64.1282 6.92011 64.1096 6.90157C64.0911 6.88303 64.0726 6.86449 64.0541 6.84595C64.0356 6.8274 64.0171 6.80886 63.9986 6.79032C63.9801 6.77178 63.9616 6.75324 63.9431 6.7347C63.9246 6.71616 63.9061 6.69761 63.8876 6.67907C63.869 6.66053 63.8505 6.64199 63.832 6.62345C63.8135 6.60491 63.795 6.58637 63.7765 6.56783C63.758 6.54929 63.7395 6.53074 63.721 6.5122C63.7025 6.49366 63.684 6.47512 63.6655 6.45658C63.6469 6.43804 63.6284 6.4195 63.6099 6.40095C63.5914 6.38241 63.5729 6.36387 63.5544 6.34533C63.5359 6.32679 63.5174 6.30825 63.4989 6.28971C63.4804 6.27117 63.4619 6.25263 63.4433 6.23409C63.4248 6.21554 63.4063 6.197 63.3878 6.17846C63.3693 6.15992 63.3508 6.14138 63.3323 6.12284C63.3138 6.10429 63.2953 6.08576 63.2768 6.06721C63.262 6.05238 63.2434 6.03384 63.2286 6.01901C66.1641 8.97077 67.9706 13.0535 67.9706 17.5776C67.9706 26.6257 60.7448 33.8197 51.7089 33.8197C47.2853 33.8197 43.3097 32.0917 40.4001 29.2697C40.3853 29.2586 40.3742 29.2474 40.3594 29.24C40.3631 29.2437 40.3705 29.2512 40.3742 29.2549C40.3927 29.2734 40.4112 29.2919 40.4297 29.3105C40.4482 29.329 40.4667 29.3476 40.4852 29.3661C40.5037 29.3846 40.5223 29.4032 40.5408 29.4217C40.5593 29.4403 40.5778 29.4588 40.5963 29.4774C40.6148 29.4959 40.6333 29.5144 40.6518 29.533C40.6703 29.5515 40.6888 29.5701 40.7073 29.5886C40.7258 29.6071 40.7444 29.6257 40.7629 29.6442C40.7814 29.6628 40.7999 29.6813 40.8184 29.6999C40.8369 29.7184 40.8554 29.7369 40.8739 29.7555C40.8924 29.774 40.9109 29.7926 40.9294 29.8111C40.9479 29.8296 40.9665 29.8482 40.985 29.8667C41.0035 29.8853 41.022 29.9038 41.0405 29.9223C41.059 29.9409 41.0775 29.9594 41.096 29.978C41.1145 29.9965 41.133 30.0151 41.1515 30.0336C41.1701 30.0521 41.1886 30.0707 41.2071 30.0892C41.2256 30.1078 41.2441 30.1263 41.2626 30.1448C41.2811 30.1634 41.2996 30.1819 41.3181 30.2005C41.3366 30.219 41.3551 30.2375 41.3736 30.2561C41.3922 30.2746 41.4107 30.2932 41.4292 30.3117C41.4477 30.3303 41.4662 30.3488 41.4847 30.3673C41.5032 30.3859 41.5217 30.4044 41.5402 30.423C41.5587 30.4415 41.5772 30.46 41.5957 30.4786C44.5238 33.4229 48.5883 35.2363 53.1155 35.2363C62.1477 35.2363 69.3772 28.0423 69.3772 18.9942C69.3772 14.4553 67.556 10.3577 64.602 7.40589L64.6094 7.40218Z"
fill="#CD0921"
@@ -152,6 +158,7 @@ export default function LoyalFriend({ className, color }: LevelProps) {
d="M139.141 40.2125H128.121C127.762 40.2125 127.458 40.5351 127.458 40.9207V70.8722C127.458 71.2579 127.762 71.5805 128.121 71.5805H139.141C147.799 71.5805 154.843 64.5237 154.843 55.8501C154.843 47.1765 147.799 40.2125 139.141 40.2125ZM138.689 65.1875H134.203V46.561H138.689C143.797 46.561 147.647 50.5547 147.647 55.8501C147.647 61.1455 143.797 65.1875 138.689 65.1875Z"
fill="#CD0921"
/>
</g>
</svg>
)
}

11
components/Levels/Level/NewFriend.tsx
View File

@@ -2,7 +2,7 @@ import { levelVariants } from "../variants"
import type { LevelProps } from "../levels"
export default function NewFriend({ className, color }: LevelProps) {
export default function NewFriend({ className, color, ...props }: LevelProps) {
const classNames = levelVariants({
className,
color,
@@ -10,12 +10,14 @@ export default function NewFriend({ className, color }: LevelProps) {
return (
<svg
className={classNames}
xmlns="http://www.w3.org/2000/svg"
width="159"
fill="none"
height="75"
viewBox="0 0 159 75"
fill="none"
width="159"
xmlns="http://www.w3.org/2000/svg"
{...props}
>
<g>
<path
d="M87.4025 34.7724C87.9022 34.7724 88.265 34.3656 88.265 33.9144V28.9807C88.265 28.7403 88.1577 28.5184 87.9874 28.3557C87.9689 28.3372 87.9504 28.3187 87.9319 28.3002C87.9133 28.2817 87.8948 28.2632 87.8763 28.2447C87.8578 28.2262 87.8393 28.2077 87.8208 28.1892C87.8023 28.1708 87.7838 28.1523 87.7653 28.1338C87.7468 28.1153 87.7283 28.0968 87.7097 28.0783C87.6912 28.0598 87.6727 28.0413 87.6542 28.0228C87.6357 28.0043 87.6172 27.9858 87.5987 27.9673C87.5802 27.9489 87.5617 27.9304 87.5432 27.9119C87.5247 27.8934 87.5061 27.8749 87.4876 27.8564C87.4691 27.8379 87.4506 27.8194 87.4321 27.8009C87.4136 27.7824 87.3951 27.7639 87.3766 27.7454C87.3581 27.7269 87.3396 27.7085 87.3211 27.69C87.3026 27.6715 87.2841 27.653 87.2655 27.6345C87.247 27.616 87.2285 27.5975 87.21 27.579C87.1915 27.5605 87.173 27.542 87.1545 27.5235C87.136 27.505 87.1175 27.4866 87.099 27.4681C87.0805 27.4496 87.062 27.4311 87.0434 27.4126C87.0249 27.3941 87.0064 27.3756 86.9879 27.3571C86.9694 27.3386 86.9509 27.3201 86.9324 27.3016C86.9139 27.2831 86.8954 27.2646 86.8769 27.2462C86.8583 27.2277 86.8398 27.2092 86.8213 27.1907C86.8028 27.1722 86.7843 27.1537 86.7658 27.1352C86.7473 27.1167 86.7288 27.0982 86.7103 27.0797C86.6918 27.0612 86.6733 27.0427 86.6548 27.0243C86.6362 27.0058 86.6214 26.9873 86.6029 26.9725C86.7584 27.1315 86.8509 27.3423 86.8509 27.5679V32.5016C86.8509 32.9528 86.4882 33.3596 85.9884 33.3596H67.2355C66.9912 33.3596 66.7802 33.2561 66.6284 33.1007C66.6469 33.1192 66.6617 33.134 66.6802 33.1525C66.6987 33.171 66.7173 33.1895 66.7358 33.208C66.7543 33.2265 66.7728 33.245 66.7913 33.2635C66.8098 33.2819 66.8283 33.3004 66.8468 33.3189C66.8653 33.3374 66.8838 33.3559 66.9023 33.3744C66.9209 33.3929 66.9394 33.4114 66.9579 33.4299C66.9764 33.4484 66.9949 33.4669 67.0134 33.4854C67.0319 33.5039 67.0504 33.5223 67.0689 33.5408C67.0874 33.5593 67.1059 33.5778 67.1245 33.5963C67.143 33.6148 67.1615 33.6333 67.18 33.6518C67.1985 33.6703 67.217 33.6888 67.2355 33.7073C67.254 33.7258 67.2725 33.7442 67.291 33.7627C67.3095 33.7812 67.328 33.7997 67.3466 33.8182C67.3651 33.8367 67.3836 33.8552 67.4021 33.8737C67.4206 33.8922 67.4391 33.9107 67.4576 33.9292C67.4761 33.9477 67.4946 33.9662 67.5131 33.9846C67.5316 34.0031 67.5501 34.0216 67.5686 34.0401C67.5872 34.0586 67.6057 34.0771 67.6242 34.0956C67.6427 34.1141 67.6612 34.1326 67.6797 34.1511C67.6982 34.1696 67.7167 34.1881 67.7352 34.2066C67.7537 34.225 67.7722 34.2435 67.7908 34.262C67.8093 34.2805 67.8278 34.299 67.8463 34.3175C67.8648 34.336 67.8833 34.3545 67.9018 34.373C67.9203 34.3915 67.9388 34.41 67.9573 34.4285C67.9758 34.4469 67.9944 34.4654 68.0129 34.4839C68.1683 34.6578 68.3867 34.7761 68.6496 34.7761H87.4025V34.7724Z"
fill="#CD0921"
@@ -144,6 +146,7 @@ export default function NewFriend({ className, color }: LevelProps) {
d="M140.2 40.2309H129.147C128.788 40.2309 128.48 40.5563 128.48 40.9409V70.9017C128.48 71.2863 128.784 71.6118 129.147 71.6118H140.2C148.884 71.6118 155.951 64.5515 155.951 55.8751C155.951 47.1986 148.884 40.2309 140.2 40.2309ZM139.745 65.2135H135.244V46.581H139.745C144.868 46.581 148.729 50.5753 148.729 55.8751C148.729 61.1749 144.868 65.2135 139.745 65.2135Z"
fill="#CD0921"
/>
</g>
</svg>
)
}

11
components/Levels/Level/TrueFriend.tsx
View File

@@ -2,7 +2,7 @@ import { levelVariants } from "../variants"
import type { LevelProps } from "../levels"
export default function TrueFriend({ className, color }: LevelProps) {
export default function TrueFriend({ className, color, ...props }: LevelProps) {
const classNames = levelVariants({
className,
color,
@@ -10,12 +10,14 @@ export default function TrueFriend({ className, color }: LevelProps) {
return (
<svg
className={classNames}
xmlns="http://www.w3.org/2000/svg"
width="159"
fill="none"
height="75"
viewBox="0 0 159 75"
fill="none"
width="159"
xmlns="http://www.w3.org/2000/svg"
{...props}
>
<g>
<path
d="M74.5164 33.2129L68.3487 21.6407C72.2656 20.0472 75.0093 16.6738 75.0093 12.4813C75.0093 9.75581 73.8949 7.28722 72.1038 5.50374C72.0854 5.48512 72.067 5.4665 72.0486 5.44789C72.0302 5.42927 72.0118 5.41065 71.9934 5.39204C71.975 5.37342 71.9566 5.35481 71.9383 5.33619C71.9199 5.31757 71.9015 5.29895 71.8831 5.28034C71.8647 5.26172 71.8463 5.2431 71.8279 5.22449C71.8095 5.20587 71.7911 5.18725 71.7728 5.16864C71.7544 5.15002 71.736 5.1314 71.7176 5.11279C71.6992 5.09417 71.6808 5.07555 71.6624 5.05694C71.644 5.03832 71.6256 5.0197 71.6073 5.00109C71.5889 4.98247 71.5705 4.96385 71.5521 4.94524C71.5337 4.92662 71.5153 4.908 71.4969 4.88938C71.4785 4.87077 71.4601 4.85215 71.4417 4.83353C71.4234 4.81492 71.405 4.7963 71.3866 4.77769C71.3682 4.75907 71.3498 4.74045 71.3314 4.72184C71.313 4.70322 71.2946 4.6846 71.2762 4.66598C71.2579 4.64737 71.2395 4.62875 71.2211 4.61013C71.2027 4.59152 71.1843 4.5729 71.1659 4.55428C71.1475 4.53567 71.1291 4.51705 71.1107 4.49843C71.0924 4.47982 71.074 4.4612 71.0556 4.44258C71.0372 4.42397 71.0188 4.40535 71.0004 4.38673C70.982 4.36812 70.9636 4.3495 70.9452 4.33088C70.9268 4.31226 70.9085 4.29365 70.8901 4.27503C70.8717 4.25641 70.8533 4.2378 70.8349 4.21918C70.8165 4.20057 70.7981 4.18195 70.7797 4.16333C70.7614 4.14472 70.7466 4.12982 70.7282 4.11121C72.5046 5.89469 73.6043 8.3521 73.6043 11.059C73.6043 15.2515 70.8606 18.6211 66.9437 20.2184L73.1115 31.7906C73.4278 32.3826 73.1115 33.1124 72.3465 33.1124H66.359C66.1052 33.1124 65.9029 32.997 65.7705 32.8667C65.7815 32.8778 65.7926 32.889 65.8036 32.9002C65.8183 32.9188 65.8367 32.9374 65.8588 32.956C65.8735 32.9746 65.8919 32.9933 65.9139 33.0119C65.9287 33.0305 65.9471 33.0491 65.9691 33.0677C65.9838 33.0863 66.0022 33.105 66.0243 33.1236C66.039 33.1422 66.0574 33.1608 66.0795 33.1794C66.0942 33.198 66.1126 33.2167 66.1346 33.2353C66.1493 33.2539 66.1677 33.2725 66.1898 33.2911C66.2045 33.3097 66.2229 33.3284 66.2449 33.347C66.2597 33.3656 66.2781 33.3842 66.3001 33.4028C66.3148 33.4214 66.3332 33.4401 66.3553 33.4587C66.37 33.4773 66.3884 33.4959 66.4105 33.5145C66.4252 33.5331 66.4436 33.5518 66.4656 33.5704C66.4803 33.589 66.4987 33.6076 66.5208 33.6262C66.5355 33.6448 66.5539 33.6635 66.576 33.6821C66.5907 33.7007 66.6091 33.7193 66.6311 33.7379C66.6458 33.7565 66.6642 33.7752 66.6863 33.7938C66.701 33.8124 66.7194 33.831 66.7415 33.8496C66.7562 33.8682 66.7746 33.8869 66.7966 33.9055C66.8113 33.9241 66.8297 33.9427 66.8518 33.9613C66.8665 33.9799 66.8849 33.9986 66.907 34.0172C66.9217 34.0358 66.9401 34.0544 66.9621 34.073C66.9768 34.0916 66.9952 34.1103 67.0173 34.1289C67.032 34.1475 67.0504 34.1661 67.0725 34.1847C67.0872 34.2033 67.1056 34.222 67.1276 34.2406C67.2564 34.3895 67.4807 34.5347 67.7639 34.5347H73.7514C74.5164 34.5347 74.8327 33.8049 74.5164 33.2129Z"
fill="#CD0921"
@@ -148,6 +150,7 @@ export default function TrueFriend({ className, color }: LevelProps) {
d="M139.464 40.0525H128.482C128.125 40.0525 127.823 40.3801 127.823 40.7673V70.9302C127.823 71.3175 128.125 71.6451 128.482 71.6451H139.464C148.092 71.6451 155.113 64.5372 155.113 55.8022C155.113 47.0673 148.092 40.0525 139.464 40.0525ZM139.011 65.2037H134.539V46.4455H139.011C144.101 46.4455 147.937 50.4667 147.937 55.8022C147.937 61.1378 144.101 65.2037 139.011 65.2037Z"
fill="#CD0921"
/>
</g>
</svg>
)
}

5
components/Levels/levels.module.css
View File

@@ -13,6 +13,11 @@
fill: var(--Scandic-Brand-Pale-Peach);
}
.plosa,
.plosa * {
fill: var(--Theme-Primary-Light-On-Surface-Accent);
}
.red,
.red * {
fill: var(--Scandic-Brand-Scandic-Red);

1
components/Levels/variants.ts
View File

@@ -7,6 +7,7 @@ const config = {
color: {
burgundy: styles.burgundy,
pale: styles.pale,
primaryLightOnSurfaceAccent: styles.plosa,
red: styles.red,
},
},

2
components/Loyalty/Blocks/CardsGrid/cardsGrid.module.css
View File

@@ -1,4 +1,4 @@
.section {
display: grid;
gap: 2.4rem;
gap: var(--Spacing-x2);
}

6
components/Loyalty/Blocks/CardsGrid/index.tsx
View File

@@ -1,6 +1,6 @@
import Header from "@/components/MyPages/Blocks/Header"
import Card from "@/components/TempDesignSystem/Card"
import CardGrid from "@/components/TempDesignSystem/CardGrid"
import Grids from "@/components/TempDesignSystem/Grids"
import styles from "./cardsGrid.module.css"
@@ -10,7 +10,7 @@ export default function CardsGrid({ cards_grid }: CardsGridProps) {
return (
<section className={styles.section}>
<Header title={cards_grid.title} subtitle={cards_grid.preamble} />
<CardGrid variant={cards_grid.layout}>
<Grids.Stackable>
{cards_grid.cards.map((card) => (
<Card
theme={cards_grid.theme || "one"}
@@ -22,7 +22,7 @@ export default function CardsGrid({ cards_grid }: CardsGridProps) {
primaryButton={card.primaryButton}
/>
))}
</CardGrid>
</Grids.Stackable>
</section>
)
}

12
components/Loyalty/Blocks/DynamicContent/HowItWorks/howItWorks.module.css
View File

@@ -1,11 +1,9 @@
.container {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 37rem;
border-radius: 1.6rem;
background-color: var(--UI-Grey-10);
text-align: center;
margin-right: 1.6rem;
border-radius: var(--Corner-radius-xLarge);
display: flex;
height: 370px;
justify-content: center;
width: 100%;
}

56
components/Loyalty/Blocks/DynamicContent/LoyaltyLevels/index.tsx
View File

@@ -1,14 +1,23 @@
"use client"
import { useParams } from "next/navigation"
import { Check } from "react-feather"
import { useIntl } from "react-intl"
import { Lang } from "@/constants/languages"
import Image from "@/components/Image"
import { CheckIcon } from "@/components/Icons"
import {
BestFriend,
CloseFriend,
DearFriend,
GoodFriend,
LoyalFriend,
NewFriend,
TrueFriend,
} from "@/components/Levels"
import Button from "@/components/TempDesignSystem/Button"
import Link from "@/components/TempDesignSystem/Link"
import Body from "@/components/TempDesignSystem/Text/Body"
import Title from "@/components/TempDesignSystem/Text/Title"
import levelsData from "./data"
@@ -35,13 +44,11 @@ export default function LoyaltyLevels() {
/>
))}
</div>
<div className={styles.buttonContainer}>
<Button intent="primary" asChild>
<Link href={`/${lang}/compare-all-levels`}>
<Button asChild intent="primary">
<Link className={styles.link} href={`/${lang}/compare-all-levels`}>
{formatMessage({ id: "Compare all levels" })}
</Link>
</Button>
</div>
</section>
)
}
@@ -51,19 +58,46 @@ function LevelCard({ formatMessage, lang, level }: LevelCardProps) {
const qualifications = level.requiredNights
? `${pointsString} ${formatMessage({ id: "or" })} ${level.requiredNights} ${formatMessage({ id: "nights" })}`
: pointsString
let Level = null
switch (level.tier) {
case 1:
Level = NewFriend
break
case 2:
Level = GoodFriend
break
case 3:
Level = CloseFriend
break
case 4:
Level = DearFriend
break
case 5:
Level = LoyalFriend
break
case 6:
Level = TrueFriend
break
case 7:
Level = BestFriend
break
}
return (
<article className={styles.card}>
<Title className={styles.tierHeading} level="h4">
{level.tier}
</Title>
<Image src={level.icon} alt={level.name} width={140} height={54} />
<p className={styles.qualifications}>{qualifications}</p>
{Level ? <Level color="primaryLightOnSurfaceAccent" /> : null}
<div className={styles.textContainer}>
<Body textTransform="bold">{qualifications}</Body>
{level.benefits.map((benefit) => (
<p key={benefit.title} className={styles.benefits}>
<Check className={styles.icon} />
<Body key={benefit.title} textAlign="center">
<CheckIcon className={styles.checkIcon} />
{benefit.title}
</p>
</Body>
))}
</div>
</article>
)
}

77
components/Loyalty/Blocks/DynamicContent/LoyaltyLevels/loyaltyLevels.module.css
View File

@@ -1,86 +1,69 @@
.container {
display: grid;
gap: 2.4rem;
}
.buttonContainer {
display: flex;
justify-content: center;
gap: var(--Spacing-x3);
}
.cardContainer {
display: flex;
gap: 0.8rem;
display: grid;
gap: var(--Spacing-x2);
margin-right: calc(0px - var(--Spacing-x2));
overflow-x: auto;
padding-right: 1.6rem;
margin-right: -1.6rem;
padding-right: var(--Spacing-x2);
/* Hide scrollbar IE and Edge */
-ms-overflow-style: none;
/* Hide Scrollbar Firefox */
scrollbar-width: none;
}
.link {
justify-self: center;
}
.card {
display: flex;
flex-direction: column;
align-items: center;
height: 37rem;
min-width: 32rem;
padding: 4rem 1rem;
align-content: flex-start;
background-color: var(--UI-Grey-10);
border-radius: 1.6rem;
gap: 1.8rem;
border-radius: var(--Corner-radius-xLarge);
display: grid;
gap: var(--Spacing-x2);
justify-content: center;
justify-items: center;
padding: var(--Spacing-x5) var(--Spacing-x1);
}
.tierHeading {
color: #b05b65;
color: var(--Scandic-Peach-70);
}
.qualifications {
margin: 0;
font-size: var(--typography-Body-Bold-fontSize);
line-height: var(--typography-Body-Bold-lineHeight);
/* font-weight: var(--typography-Body-Bold-fontWeight); -- Tokens not parsable*/
font-weight: 600;
.textContainer {
align-content: flex-start;
display: grid;
gap: var(--Spacing-x-one-and-half);
justify-content: center;
justify-items: center;
}
.benefits {
font-family: var(--typography-Body-Regular-fontFamily);
font-size: var(--typography-Body-Regular-fontSize);
line-height: var(--typography-Body-Regular-lineHeight);
margin: 0;
text-align: center;
}
.icon {
font-family: var(--typography-Body-Regular-fontFamily);
position: relative;
top: 0.3rem;
height: 1.4rem;
.checkIcon {
vertical-align: text-bottom;
}
@media screen and (min-width: 1367px) {
.container {
gap: 3.2rem;
gap: var(--Spacing-x4);
}
.cardContainer {
display: grid;
grid-template-columns: repeat(12, auto);
grid-template-columns: repeat(12, 1fr);
margin-right: 0;
/* Three columns in the first row */
padding-right: 0;
margin-right: 0rem;
}
.card {
min-width: auto;
}
.card:nth-child(-n + 3) {
.card:nth-of-type(-n + 3) {
grid-column: span 4;
}
.card:nth-last-child(-n + 4) {
.card:nth-of-type(n + 4) {
grid-column: span 3;
}
}

4
components/Loyalty/Blocks/DynamicContent/OverviewTable/LevelSummary/levelSummary.module.css
View File

@@ -7,8 +7,8 @@
.levelRequirements {
background-color: var(--Main-Brand-Burgundy);
border-radius: var(--Corner-radius-xLarge);
color: #f7e1d5;
border-radius: var(--Corner-radius-Medium);
color: var(--Scandic-Brand-Pale-Peach);
padding: var(--Spacing-x-half) var(--Spacing-x1);
}

30
components/Loyalty/Blocks/DynamicContent/dynamicContent.module.css
View File

@@ -1,36 +1,36 @@
.container {
display: grid;
gap: 2.4rem;
gap: var(--Spacing-x4);
/* These negative margins are needed for horizontally scrollable lists of cards */
margin-right: -1.6rem;
padding-right: 1.6rem;
margin-right: calc(0px - var(--Spacing-x2));
overflow-x: hidden;
padding-right: var(--Spacing-x2);
}
.titleContainer {
.header {
display: grid;
grid-template-areas: "title link" "subtitle subtitle";
grid-template-columns: 1fr max-content;
padding-bottom: 0.8rem;
gap: var(--Spacing-x1);
grid-template-columns: 1fr auto;
}
.title {
grid-area: title;
grid-column: 1/2;
grid-row: 1/2;
}
.link {
grid-area: link;
font-size: var(--typography-Body-Underlined-fontSize);
color: var(--some-black-color, #000);
grid-column: 2/-1;
grid-row: 1/2;
}
.subtitle {
margin: 0;
grid-area: subtitle;
grid-column: 1/-1;
grid-row: 2;
}
@media screen and (min-width: 950px) {
.container {
margin-right: 0;
margin-left: 0;
margin-right: var(--Spacing-x0);
margin-left: var(--Spacing-x0);
}
}

26
components/Loyalty/Blocks/DynamicContent/index.tsx
View File

@@ -1,9 +1,7 @@
import { serverClient } from "@/lib/trpc/server"
import { auth } from "@/auth"
import Link from "@/components/TempDesignSystem/Link"
import Subtitle from "@/components/TempDesignSystem/Text/Subtitle"
import Title from "@/components/TempDesignSystem/Text/Title"
import Header from "@/components/MyPages/Blocks/Header"
import HowItWorks from "./HowItWorks"
import LoyaltyLevels from "./LoyaltyLevels"
@@ -36,9 +34,10 @@ async function DynamicComponentBlock({ component }: DynamicComponentProps) {
export default function DynamicContent({
dynamicContent,
firstItem,
}: DynamicContentProps) {
const displayHeader = !!(
dynamicContent.title ||
dynamicContent.link ||
dynamicContent.subtitle ||
dynamicContent.title
)
@@ -46,19 +45,12 @@ export default function DynamicContent({
return (
<section className={styles.container}>
{displayHeader ? (
<header className={styles.titleContainer}>
<Title as="h3" className={styles.title} level="h2">
{dynamicContent.title}
</Title>
{dynamicContent.link ? (
<Link className={styles.link} href={dynamicContent.link.href}>
{dynamicContent.link.text}
</Link>
) : null}
<Subtitle className={styles.subtitle}>
{dynamicContent.subtitle}
</Subtitle>
</header>
<Header
link={dynamicContent.link}
subtitle={dynamicContent.subtitle}
title={dynamicContent.title}
topTitle={firstItem}
/>
) : null}
<DynamicComponentBlock component={dynamicContent.component} />
</section>

11
components/Loyalty/Blocks/WebView/index.tsx
View File

@@ -10,7 +10,8 @@ import { LoyaltyBlocksTypenameEnum } from "@/types/components/loyalty/enums"
import { LangParams } from "@/types/params"
export function Blocks({ lang, blocks }: BlocksProps & LangParams) {
return blocks.map((block) => {
return blocks.map((block, idx) => {
const firstItem = idx === 0
switch (block.__typename) {
case LoyaltyBlocksTypenameEnum.LoyaltyPageBlocksCardsGrid:
return <CardsGrid cards_grid={block.cards_grid} />
@@ -34,7 +35,12 @@ export function Blocks({ lang, blocks }: BlocksProps & LangParams) {
: undefined,
}
return <DynamicContentBlock dynamicContent={dynamicContent} />
return (
<DynamicContentBlock
dynamicContent={dynamicContent}
firstItem={firstItem}
/>
)
case LoyaltyBlocksTypenameEnum.LoyaltyPageBlocksShortcuts:
const shortcuts = block.shortcuts.shortcuts.map((shortcut) => ({
...shortcut,
@@ -42,6 +48,7 @@ export function Blocks({ lang, blocks }: BlocksProps & LangParams) {
}))
return (
<Shortcuts
firstItem={firstItem}
shortcuts={shortcuts}
title={block.shortcuts.title}
subtitle={block.shortcuts.preamble}

11
components/Loyalty/Blocks/index.tsx
View File

@@ -8,7 +8,8 @@ import type { BlocksProps } from "@/types/components/loyalty/blocks"
import { LoyaltyBlocksTypenameEnum } from "@/types/components/loyalty/enums"
export function Blocks({ blocks }: BlocksProps) {
return blocks.map((block) => {
return blocks.map((block, idx) => {
const firstItem = idx === 0
switch (block.__typename) {
case LoyaltyBlocksTypenameEnum.LoyaltyPageBlocksContent:
return (
@@ -20,10 +21,16 @@ export function Blocks({ blocks }: BlocksProps) {
</section>
)
case LoyaltyBlocksTypenameEnum.LoyaltyPageBlocksDynamicContent:
return <DynamicContentBlock dynamicContent={block.dynamic_content} />
return (
<DynamicContentBlock
dynamicContent={block.dynamic_content}
firstItem={firstItem}
/>
)
case LoyaltyBlocksTypenameEnum.LoyaltyPageBlocksShortcuts:
return (
<Shortcuts
firstItem={firstItem}
shortcuts={block.shortcuts.shortcuts}
subtitle={block.shortcuts.preamble}
title={block.shortcuts.title}

24
components/Loyalty/Sidebar/JoinLoyalty/Contact/ContactRow/contactRow.module.css
View File

@@ -1,21 +1,5 @@
.container {
display: grid;
text-align: center;
gap: 0.4rem;
padding: 1rem;
}
.title {
font-family: var(--typography-Body-Regular-fontFamily);
font-size: 1.6rem;
font-weight: 700;
margin: 0;
}
.value {
font-family: var(--typography-Body-Regular-fontFamily);
font-size: 1.6rem;
font-weight: 400;
margin: 0;
.icon,
.icon * {
fill: var(--Scandic-Brand-Burgundy);
margin-bottom: var(--Spacing-x-half);
}

22
components/Loyalty/Sidebar/JoinLoyalty/Contact/ContactRow/index.tsx
View File

@@ -1,5 +1,7 @@
import { serverClient } from "@/lib/trpc/server"
import { EmailIcon, PhoneIcon } from "@/components/Icons"
import Body from "@/components/TempDesignSystem/Text/Body"
import { getValueFromContactConfig } from "@/utils/contactConfig"
import styles from "./contactRow.module.css"
@@ -7,7 +9,7 @@ import styles from "./contactRow.module.css"
import type { ContactRowProps } from "@/types/components/loyalty/sidebar"
export default async function ContactRow({ contact }: ContactRowProps) {
const data = await serverClient().contentstack.config.contact()
const data = await serverClient().contentstack.base.contact()
const val = getValueFromContactConfig(contact.contact_field, data)
@@ -15,10 +17,22 @@ export default async function ContactRow({ contact }: ContactRowProps) {
return null
}
let Icon = null
if (contact.contact_field.includes("email")) {
Icon = EmailIcon
} else if (contact.contact_field.includes("phone")) {
Icon = PhoneIcon
}
return (
<div className={styles.container}>
<h4 className={styles.title}>{contact.display_text}</h4>
<p className={styles.value}>{val}</p>
<div>
{Icon ? <Icon className={styles.icon} /> : null}
<Body color="burgundy" textAlign="center" textTransform="bold">
{contact.display_text}
</Body>
<Body color="burgundy" textAlign="center">
{val}
</Body>
</div>
)
}

13
components/Loyalty/Sidebar/JoinLoyalty/Contact/contact.module.css
View File

@@ -4,13 +4,18 @@
@media screen and (min-width: 1367px) {
.contactContainer {
align-items: center;
border-top: 1px solid var(--UI-Grey-30);
display: flex;
flex-direction: column;
align-items: center;
gap: var(--Spacing-x5);
justify-content: center;
border-top: 0.5px solid var(--UI-Grey-30);
padding: 3.4rem;
padding: var(--Spacing-x4) var(--Spacing-x2) var(--Spacing-x5);
text-align: center;
gap: 6.2rem;
}
.contact {
display: grid;
gap: var(--Spacing-x-one-and-half);
}
}

12
components/Loyalty/Sidebar/JoinLoyalty/Contact/index.tsx
View File

@@ -1,4 +1,4 @@
import Title from "@/components/TempDesignSystem/Text/Title"
import Subtitle from "@/components/TempDesignSystem/Text/Subtitle"
import { getIntl } from "@/i18n"
import ContactRow from "./ContactRow"
@@ -11,9 +11,11 @@ import type { ContactProps } from "@/types/components/loyalty/sidebar"
export default async function Contact({ contactBlock }: ContactProps) {
const { formatMessage } = await getIntl()
return (
<div className={styles.contactContainer}>
<Title level="h5">{formatMessage({ id: "Contact us" })}</Title>
<section>
<article className={styles.contactContainer}>
<Subtitle textAlign="center">
{formatMessage({ id: "Contact us" })}
</Subtitle>
<section className={styles.contact}>
{contactBlock.map(({ contact, __typename }, i) => {
switch (__typename) {
case JoinLoyaltyContactTypenameEnum.LoyaltyPageSidebarJoinLoyaltyContactBlockContactContact:
@@ -28,6 +30,6 @@ export default async function Contact({ contactBlock }: ContactProps) {
}
})}
</section>
</div>
</article>
)
}

43
components/Loyalty/Sidebar/JoinLoyalty/index.tsx
View File

@@ -1,6 +1,8 @@
import Image from "@/components/Image"
import { ScandicFriends } from "@/components/Levels"
import Button from "@/components/TempDesignSystem/Button"
import Link from "@/components/TempDesignSystem/Link"
import Body from "@/components/TempDesignSystem/Text/Body"
import Footnote from "@/components/TempDesignSystem/Text/Footnote"
import Title from "@/components/TempDesignSystem/Text/Title"
import { getIntl } from "@/i18n"
@@ -12,31 +14,32 @@ import type { JoinLoyaltyContactProps } from "@/types/components/loyalty/sidebar
export default async function JoinLoyaltyContact({
block,
lang,
}: JoinLoyaltyContactProps) {
const { formatMessage } = await getIntl()
return (
<div className={styles.container}>
<div className={styles.wrapper}>
<Title level="h3">{block.title}</Title>
<Image
alt="Scandic Friends"
className={styles.image}
height={65}
src="/_static/icons/scandic-friends.png"
width={203}
/>
{block.preamble && <p className={styles.preamble}>{block.preamble}</p>}
<Button intent="primary">
<span>{formatMessage({ id: "Join Scandic Friends" })}</span>
<section className={styles.container}>
<article className={styles.wrapper}>
<Title as="h4" level="h3">
{block.title}
</Title>
<ScandicFriends color="primaryLightOnSurfaceAccent" />
{block.preamble ? (
<Body textAlign="center">{block.preamble}</Body>
) : null}
<Button asChild className={styles.link} intent="primary">
<Link href="#">
{formatMessage({ id: "Join Scandic Friends" })}
</Link>
</Button>
<div className={styles.linkContainer}>
<Link href="/login" className={styles.loginLink}>
<Link href={`/${lang}/login`}>
<Footnote textAlign="center" textTransform="bold">
{formatMessage({ id: "Already a friend?" })} <br />
{formatMessage({ id: "Click here to log in" })}
</Footnote>
</Link>
</div>
</div>
{block.contact && <Contact contactBlock={block.contact} />}
</div>
</article>
{block.contact ? <Contact contactBlock={block.contact} /> : null}
</section>
)
}

53
components/Loyalty/Sidebar/JoinLoyalty/joinLoyalty.module.css
View File

@@ -1,54 +1,21 @@
.container {
background-color: var(--Main-Grey-White);
display: grid;
font-weight: 600;
background-color: var(--Base-Background-Elevated);
}
.wrapper {
display: flex;
align-items: center;
flex-direction: column;
gap: 2rem;
padding: 6rem 2rem;
gap: var(--Spacing-x5);
padding: var(--Spacing-x4) var(--Spacing-x2) var(--Spacing-x5);
}
.preamble {
font-family: var(--typography-Body-Regular-fontFamily);
font-size: 1.6rem;
font-weight: 400;
line-height: 2.4rem;
text-align: center;
margin: 0;
}
.loginLink {
text-decoration: none;
color: var(--some-black-color, #2e2e2e);
font-size: 1.2rem;
}
.linkContainer {
text-align: center;
}
.contactContainer {
display: none;
}
@media screen and (min-width: 1367px) {
.container {
border-radius: 32px 4px 4px 32px;
}
.wrapper {
gap: 3rem;
}
.contactContainer {
display: block;
border-top: 0.5px solid var(--UI-Grey-30);
display: flex;
justify-content: center;
padding: 3.4rem;
}
/* TODO: Remove when we get proper button variables */
.link {
font-family: var(--typography-Body-Bold-fontFamily);
font-size: var(--typography-Body-Bold-fontSize);
font-weight: var(--typography-Body-Bold-fontWeight);
letter-spacing: var(--typography-Body-Bold-letterSpacing);
line-height: var(--typography-Body-Bold-lineHeight);
}

11
components/Loyalty/Sidebar/index.tsx
View File

@@ -7,9 +7,9 @@ import styles from "./sidebar.module.css"
import { SidebarTypenameEnum } from "@/types/components/loyalty/enums"
import { SidebarProps } from "@/types/components/loyalty/sidebar"
export default function SidebarLoyalty({ blocks }: SidebarProps) {
export default function SidebarLoyalty({ blocks, lang }: SidebarProps) {
return (
<aside>
<aside className={styles.aside}>
{blocks.map((block) => {
switch (block.__typename) {
case SidebarTypenameEnum.LoyaltyPageSidebarContent:
@@ -22,7 +22,12 @@ export default function SidebarLoyalty({ blocks }: SidebarProps) {
</section>
)
case SidebarTypenameEnum.LoyaltyPageSidebarJoinLoyaltyContact:
return <JoinLoyaltyContact block={block.join_loyalty_contact} />
return (
<JoinLoyaltyContact
block={block.join_loyalty_contact}
lang={lang}
/>
)
default:
return null
}

8
components/Loyalty/Sidebar/sidebar.module.css
View File

@@ -1,5 +1,11 @@
.aside {
align-content: flex-start;
display: grid;
gap: var(--Spacing-x4);
}
@media screen and (max-width: 1366px) {
.content {
padding: 0 1.6rem;
padding: var(--Spacing-x0) var(--Spacing-x2);
}
}

2
components/MaxWidth/maxWidth.module.css
View File

@@ -1,4 +1,4 @@
.container {
max-width: var(--max-width);
max-width: var(--max-width, 1140px);
position: relative;
}

46
components/MyPages/Blocks/Benefits/CurrentLevel/current.module.css
View File

@@ -1,45 +1,21 @@
.container {
display: grid;
gap: 1.5rem;
gap: var(--Spacing-x7);
}
.script {
transform: rotate(-2deg);
}
.card {
display: flex;
flex: 1 1 0px;
flex-direction: column;
align-items: center;
background-color: var(--UI-Grey-10);
border-radius: var(--Corner-radius-Small);
display: flex;
flex-direction: column;
gap: var(--Spacing-x1);
justify-content: center;
gap: var(--Spacing-x2);
padding: var(--Spacing-x7) var(--Spacing-x3);
min-height: 280px;
background-color: var(--Scandic-Beige-00);
border-radius: var(--Corner-radius-Medium);
border: 1px solid var(--Scandic-Beige-20);
text-decoration: none;
text-align: center;
color: var(--Theme-Primary-Light-On-Surface-Text);
}
.title {
display: flex;
flex-direction: column;
text-wrap: balance;
}
.titleValue {
color: var(--UI-Red-60);
}
.titleExplanation {
color: var(--Theme-Primary-Light-On-Surface-Text);
}
.subtitle {
color: var(--Theme-Primary-Light-On-Surface-Text);
font-family: var(--typography-Body-Regular-fontFamily);
font-size: 16px;
font-weight: 400;
line-height: 150%;
letter-spacing: 0.096px;
text-align: center;
margin: 0;
padding: var(--Spacing-x3);
}

49
components/MyPages/Blocks/Benefits/CurrentLevel/index.tsx
View File

@@ -1,13 +1,11 @@
import { Lang } from "@/constants/languages"
import { serverClient } from "@/lib/trpc/server"
import Header from "@/components/MyPages/Blocks/Header"
import CardGrid from "@/components/TempDesignSystem/CardGrid"
import Grids from "@/components/TempDesignSystem/Grids"
import Link from "@/components/TempDesignSystem/Link"
import Subtitle from "@/components/TempDesignSystem/Text/Subtitle"
import BiroScript from "@/components/TempDesignSystem/Text/BiroScript"
import Title from "@/components/TempDesignSystem/Text/Title"
import levelsData from "../data"
import { getIntl } from "@/i18n"
import styles from "./current.module.css"
@@ -19,45 +17,36 @@ export default async function CurrentBenefitsBlock({
link,
}: AccountPageComponentProps) {
const user = await serverClient().user.get()
const { formatMessage } = await getIntl()
// TODO: level should be fetched from the `user` object once available
// TAKE NOTE: we need clarification on how benefits stack from different levels
// in order to determine if a benefit is specific to a level or if it is a cumulative benefit
// we might have to add a new boolean property "exclusive" or similar
const userLevel = 1
const currentLevel = levelsData[Lang.en].levels.find(
(level) => level.tier === userLevel
)
if (!currentLevel) {
// TODO: handle this case?
return null
}
const currentLevel = Array.of(...Array(3).keys())
return (
<section className={styles.container}>
<Header title={title} link={link} subtitle={subtitle} />
<CardGrid isMobileCarousel={true}>
{currentLevel.benefits.map((benefit, idx) => (
<Link
href={benefit.href}
key={`${currentLevel}-${idx}`}
className={styles.card}
<Grids.Scrollable>
{currentLevel.map((benefit) => (
<Link className={styles.card} href="#" key={benefit}>
<BiroScript
className={styles.script}
color="primaryLightOnSurfaceAccent"
type="two"
>
<Title as="h5" level="h3" className={styles.title}>
<span className={styles.titleValue}>{benefit.value}</span>
{benefit.explaination ? (
<span className={styles.titleExplanation}>
{benefit.explaination}
</span>
) : null}
{formatMessage({ id: "As our Close Friend" })}
</BiroScript>
<Title as="h5" level="h3" textAlign="center">
{formatMessage({
id: "Free soft drink voucher for the kids when staying",
})}
</Title>
<Subtitle className={styles.subtitle}>
{benefit.description}
</Subtitle>
</Link>
))}
</CardGrid>
</Grids.Scrollable>
</section>
)
}

42
components/MyPages/Blocks/Benefits/NextLevel/index.tsx
View File

@@ -4,8 +4,11 @@ import { serverClient } from "@/lib/trpc/server"
import Header from "@/components/MyPages/Blocks/Header"
import Button from "@/components/TempDesignSystem/Button"
import CardGrid from "@/components/TempDesignSystem/CardGrid"
import Chip from "@/components/TempDesignSystem/Chip"
import Grids from "@/components/TempDesignSystem/Grids"
import Link from "@/components/TempDesignSystem/Link"
import BiroScript from "@/components/TempDesignSystem/Text/BiroScript"
import Subtitle from "@/components/TempDesignSystem/Text/Subtitle"
import { getIntl } from "@/i18n"
import styles from "./next.module.css"
@@ -22,35 +25,34 @@ export default async function NextLevelBenefitsBlock({
return (
<section className={styles.container}>
<Header title={title} subtitle={subtitle} link={link} />
<CardGrid variant="twoColumnGrid">
<Grids.Stackable>
{perks.map((perk) => (
<article key={perk.id} className={styles.card}>
<div className={styles.cardInner}>
{/*TODO: These label buttons will be rebuilt as "Chip" (Badge?) components according to design.*/}
<Button
type="button"
size="small"
className={styles.chip}
disabled
>
<Chip>
<Lock height={16} />
Level up to unlock
</Button>
<div className={styles.mainContentContainer}>
<span className={styles.level}>As our {nextLevel}</span>{" "}
<p className={styles.cardSubtitle}>{perk.explanation}</p>
</div>
{formatMessage({ id: "Level up to unlock" })}
</Chip>
<div>
<BiroScript
className={styles.level}
color="primaryLightOnSurfaceAccent"
textAlign="center"
type="two"
>
{formatMessage({ id: "As our" })} {nextLevel}
</BiroScript>{" "}
<Subtitle color="pale" textAlign="center">
{perk.explanation}
</Subtitle>
</div>
</article>
))}
</CardGrid>
<div className={styles.buttonContainer}>
</Grids.Stackable>
<Button asChild intent="primary">
<Link href="#">
<Link className={styles.link} href="#">
{formatMessage({ id: "Explore all levels and benefits" })}
</Link>
</Button>
</div>
</section>
)
}

95
components/MyPages/Blocks/Benefits/NextLevel/next.module.css
View File

@@ -1,104 +1,23 @@
.container {
display: grid;
gap: 1.5rem;
}
.cardContainer {
display: grid;
gap: 0.4rem;
}
.title {
font-weight: 600;
}
.subtitle {
margin: 0;
font-size: 2rem;
gap: var(--Spacing-x7);
}
.card {
text-decoration: none;
display: flex;
flex-direction: column;
flex: 1 0 0;
align-self: stretch;
border-radius: var(--Corner-radius-Medium);
align-items: center;
background-color: var(--Scandic-Brand-Burgundy);
text-align: center;
}
.cardInner {
border-radius: var(--Corner-radius-Small);
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding: var(--Spacing-x3) var(--Spacing-x3) var(--Spacing-x7);
gap: var(--Spacing-x2);
align-self: stretch;
}
.mainContentContainer {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: var(--Spacing-x1);
align-self: stretch;
}
/* TODO: Remove once we have the "Chip" (badge?) component. */
.chip {
background-color: var(--Scandic-Red-90) !important;
color: var(--Scandic-Peach-50) !important;
padding: var(--Spacing-x-half) var(--Spacing-x1) !important;
font-size: 12px !important;
height: 22px !important;
padding: var(--Spacing-x3) var(--Spacing-x3) var(--Spacing-x7);
}
.level {
text-align: center;
font-family: var(--typography-Script-2-fontFamily);
font-size: var(--typography-Script-2-Mobile-fontSize);
font-weight: var(--typography-Script-2-fontWeight);
line-height: var(--typography-Script-2-lineHeight);
letter-spacing: 0.4px;
color: var(--Scandic-Peach-50);
transform: rotate(-2deg);
}
.cardSubtitle {
color: var(--Scandic-Brand-Pale-Peach);
font-family: var(--typography-Title-5-fontFamily);
font-size: var(--typography-Title-5-Mobile-fontSize);
font-weight: 500;
line-height: var(--typography-Title-5-lineHeight);
/* TODO: I presume the actual text-transform value should be: var(--typography-Title-5-textCase);
* - verify why we return "upper" and not uppercase.
* */
margin: 0;
text-transform: uppercase;
text-wrap: balance;
}
.buttonContainer {
display: flex;
justify-content: center;
}
@media screen and (min-width: 950px) {
.cardContainer {
grid-template-columns: 1fr 1fr 1fr;
}
.level {
font-size: var(--typography-Script-2-Desktop-fontSize);
letter-spacing: 0.48px;
}
.cardSubtitle {
font-size: var(--typography-Title-5-fontSize);
}
.level {
font-size: var(--typography-Script-2-fontSize);
}
.link {
justify-self: center;
}

2
components/MyPages/Blocks/Challenges/challenges.module.css
View File

@@ -1,3 +1,5 @@
/* TODO: Fix when brought back into the loop */
.challenges {
--card-height: 23.6rem;
--gap: 0.4rem;

6
components/MyPages/Blocks/Header/index.tsx
View File

@@ -4,7 +4,7 @@ import Title from "@/components/TempDesignSystem/Text/Title"
import styles from "./header.module.css"
import type { HeaderProps } from "@/types/components/myPages/stays/title"
import type { HeaderProps } from "@/types/components/myPages/header"
export default function Header({
link,
@@ -21,11 +21,11 @@ export default function Header({
>
{title}
</Title>
{link && (
{link ? (
<Link className={styles.link} href={link.href} variant="myPage">
{link.text}
</Link>
)}
) : null}
<Subtitle className={styles.subtitle}>{subtitle}</Subtitle>
</header>
)

5
components/MyPages/Blocks/Overview/Buttons/btn.module.css
View File

@@ -1,5 +0,0 @@
@media screen and (max-width: 1366px) {
.membershipBtn {
display: none;
}
}

5
components/MyPages/Blocks/Overview/Stats/Label/index.tsx
View File

@@ -1,5 +0,0 @@
import styles from "./label.module.css"
export default function Label({ children }: React.PropsWithChildren) {
return <span className={styles.label}>{children}</span>
}

9
components/MyPages/Blocks/Overview/Stats/Label/label.module.css
View File

@@ -1,9 +0,0 @@
.label {
color: var(--Scandic-Brand-Pale-Peach);
font-family: var(--typography-Body-Regular-fontFamily);
font-size: var(--typography-Body-Regular-fontSize);
font-weight: var(--typography-Body-Regular-fontWeight);
letter-spacing: var(--typography-Body-Regular-letterSpacing);
line-height: var(--typography-Body-Regular-lineHeight);
margin: 0;
}

5
components/MyPages/Blocks/Overview/Stats/NextLevel/index.tsx
View File

@@ -1,9 +1,8 @@
import BiroScript from "@/components/TempDesignSystem/Text/BiroScript"
import Body from "@/components/TempDesignSystem/Text/Body"
import Title from "@/components/TempDesignSystem/Text/Title"
import { getIntl } from "@/i18n"
import Label from "../Label"
import styles from "./nextLevel.module.css"
import type { UserProps } from "@/types/components/myPages/user"
@@ -12,7 +11,7 @@ export default async function NextLevel({}: UserProps) {
const { formatMessage } = await getIntl()
return (
<section>
<Label>{formatMessage({ id: "Next level" })}:</Label>
<Body color="pale">{formatMessage({ id: "Next level" })}:</Body>
<Title className={styles.nextLevel} color="pale" level="h3">
N/A
<BiroScript>{formatMessage({ id: "Coming up" })}!</BiroScript>

13
components/MyPages/Blocks/Overview/Stats/Points/index.tsx
View File

@@ -1,9 +1,8 @@
import Body from "@/components/TempDesignSystem/Text/Body"
import Title from "@/components/TempDesignSystem/Text/Title"
import { getIntl } from "@/i18n"
import { getMembership } from "@/utils/user"
import Label from "../Label"
import styles from "./totalPoints.module.css"
import type { UserProps } from "@/types/components/myPages/user"
@@ -14,14 +13,16 @@ export default async function Points({ user }: UserProps) {
return (
<section className={styles.points}>
<article>
<Label>{formatMessage({ id: "Total Points" })}</Label>
<Title color="pale" level="h2">
<Body color="pale">{formatMessage({ id: "Total Points" })}</Body>
<Title color="pale" hideEmpty={false} level="h2">
{membership ? membership.currentPoints : "N/A"}
</Title>
</article>
<article>
<Label>{formatMessage({ id: "Points until next level" })}</Label>
<Title color="pale" level="h2">
<Body color="pale">
{formatMessage({ id: "Points until next level" })}
</Body>
<Title color="pale" hideEmpty={false} level="h2">
{membership ? membership.currentPoints : "N/A"}
</Title>
</article>

2
components/MyPages/Blocks/Overview/overview.module.css
View File

@@ -1,6 +1,6 @@
.container {
display: grid;
gap: 1.5rem;
gap: var(--Spacing-x7);
}
.overview {

19
components/MyPages/Blocks/Shortcuts/index.tsx
View File

@@ -1,4 +1,4 @@
import Image from "@/components/Image"
import { ArrowRightIcon } from "@/components/Icons"
import Link from "@/components/TempDesignSystem/Link"
import Header from "../Header"
@@ -8,28 +8,29 @@ import styles from "./shortcuts.module.css"
import type { ShortcutsProps } from "@/types/components/myPages/myPage/shortcuts"
export default function Shortcuts({
firstItem = false,
shortcuts,
subtitle,
title,
}: ShortcutsProps) {
return (
<section className={styles.shortcuts}>
<Header link={undefined} subtitle={subtitle} title={title} />
<Header
link={undefined}
subtitle={subtitle}
title={title}
topTitle={firstItem}
/>
<section className={styles.links}>
{shortcuts.map((shortcut) => (
<Link
className={styles.link}
href={shortcut.url}
key={shortcut.title}
target={shortcut.openInNewTab ? "_blank" : undefined}
variant="shortcut"
>
<span>{shortcut.text ? shortcut.text : shortcut.title}</span>
<Image
alt="Chevron Icon"
height={20}
src="/_static/icons/chevron.svg"
width={20}
/>
<ArrowRightIcon />
</Link>
))}
</section>

35
components/MyPages/Blocks/Shortcuts/shortcuts.module.css
View File

@@ -1,38 +1,9 @@
.shortcuts {
display: grid;
gap: 2rem;
}
.header {
display: grid;
gap: 2rem;
}
.subtitle {
font-family: var(--typography-Body-Regular-fontFamily);
font-size: 1.8rem;
font-weight: 400;
line-height: 2.2rem;
margin: 0;
gap: var(--Spacing-x4);
}
.links {
display: grid;
gap: 0.8rem;
}
.link {
align-items: center;
border: 0.1rem solid var(--some-grey-color, #d9d9d9);
border-radius: 0.4rem;
color: var(--some-black-color, #000);
display: flex;
font-family: var(--typography-Body-Regular-fontFamily);
font-size: 1.6rem;
font-weight: 700;
gap: 0.4rem;
justify-content: space-between;
line-height: 2.2rem;
padding: 1.4rem 2rem;
text-decoration: none;
background-color: var(--Scandic-Brand-Warm-White);
border-radius: var(--Corner-radius-xLarge);
}

4
components/MyPages/Blocks/Stays/Container/container.module.css
View File

@@ -1,10 +1,10 @@
.container {
display: grid;
gap: 2rem;
gap: var(--Spacing-x3);
}
@media screen and (min-width: 1367px) {
.container {
gap: 3.5rem;
gap: var(--Spacing-x7);
}
}

2
components/MyPages/Blocks/Stays/ListContainer/container.module.css
View File

@@ -1,4 +1,4 @@
.container {
display: grid;
gap: 3rem;
gap: var(--Spacing-x2);
}

4
components/MyPages/Blocks/Stays/Previous/EmptyPreviousStays/emptyPreviousStays.module.css
View File

@@ -1,8 +1,8 @@
.container {
align-items: center;
background-color: var(--some-grey-color, #f2f2f2);
border-radius: var(--Corner-radius-Medium);
display: flex;
justify-content: center;
min-height: 25rem;
background-color: var(--some-grey-color, #f2f2f2);
border-radius: 0.8rem;
}

6
components/MyPages/Blocks/Stays/Previous/index.tsx
View File

@@ -3,7 +3,7 @@
import { trpc } from "@/lib/trpc/client"
import LoadingSpinner from "@/components/LoadingSpinner"
import CardGrid from "@/components/TempDesignSystem/CardGrid"
import Grids from "@/components/TempDesignSystem/Grids"
import Header from "../../Header"
import Container from "../Container"
@@ -43,7 +43,7 @@ export default function PreviousStays({
<LoadingSpinner />
) : stays.length ? (
<ListContainer>
<CardGrid>
<Grids.Stackable>
{stays.map((stay) => (
<StayCard
key={stay.attributes.confirmationNumber}
@@ -51,7 +51,7 @@ export default function PreviousStays({
stay={stay}
/>
))}
</CardGrid>
</Grids.Stackable>
{hasNextPage ? (
<ShowMoreButton disabled={isFetching} loadMoreData={loadMoreData} />
) : null}

32
components/MyPages/Blocks/Stays/Soonest/EmptyUpcomingStays/emptyUpcomingStays.module.css
View File

@@ -1,25 +1,17 @@
.button {
background-color: var(--some-red-color, #ed2027);
}
.link {
text-decoration: none;
.container {
align-items: center;
background-color: var(--Scandic-Brand-Warm-White);
border-radius: var(--Corner-radius-Medium);
display: flex;
flex-direction: column;
gap: var(--Spacing-x3);
justify-content: center;
margin-bottom: var(--Spacing-x1);
min-height: 250px;
padding: var(--Spacing-x0) var(--Spacing-x3);
}
.grayTitle {
color: var(--some-grey-color, #727272);
color: var(--UI-Grey-60);
display: block;
}
.container {
align-items: center;
display: flex;
flex-direction: column;
justify-content: center;
min-height: 25rem;
gap: 2.5rem;
background-color: var(--some-grey-color, #f2f2f2);
border-radius: 0.8rem;
margin-bottom: 0.5rem;
padding: 0 2rem;
}

4
components/MyPages/Blocks/Stays/Soonest/EmptyUpcomingStays/index.tsx
View File

@@ -17,9 +17,7 @@ export default async function EmptyUpcomingStaysBlock() {
</span>
</Title>
<Button asChild intent="primary" type="button">
<Link className={styles.link} href="#" key="getInspired">
{formatMessage({ id: "Get inspired" })}
</Link>
<Link href="#">{formatMessage({ id: "Get inspired" })}</Link>
</Button>
</section>
)

6
components/MyPages/Blocks/Stays/Soonest/index.tsx
View File

@@ -1,6 +1,6 @@
import { serverClient } from "@/lib/trpc/server"
import CardGrid from "@/components/TempDesignSystem/CardGrid"
import Grids from "@/components/TempDesignSystem/Grids"
import Header from "../../Header"
import StayCard from "../StayCard"
@@ -22,7 +22,7 @@ export default async function SoonestStays({
<section className={styles.container}>
<Header title={title} subtitle={subtitle} link={link} />
{stays.length ? (
<CardGrid>
<Grids.Stackable>
{stays.map((stay) => (
<StayCard
key={stay.attributes.confirmationNumber}
@@ -30,7 +30,7 @@ export default async function SoonestStays({
stay={stay}
/>
))}
</CardGrid>
</Grids.Stackable>
) : (
<EmptyUpcomingStaysBlock />
)}

2
components/MyPages/Blocks/Stays/Soonest/soonest.module.css
View File

@@ -1,4 +1,4 @@
.container {
display: grid;
gap: 1.5rem;
gap: var(--Spacing-x2);
}

6
components/MyPages/Blocks/Stays/StayCard/index.tsx
View File

@@ -33,7 +33,11 @@ export default function StayCard({ stay, lang }: StayCardProps) {
{hotelInformation.hotelName}
</Title>
<div className={styles.date}>
<Calendar height={20} width={20} color="var(--Main-Brand-Burgundy)" />
<Calendar
height={20}
width={20}
color="var(--Scandic-Brand-Burgundy)"
/>
<time dateTime={arrivalDateTime}>{arrivalDate}</time>
{" - "}
<time dateTime={departDateTime}>{departDate}</time>

38
components/MyPages/Blocks/Stays/StayCard/stay.module.css
View File

@@ -1,43 +1,43 @@
.stay {
border-radius: 0.4rem;
background-color: var(--Main-Grey-White);
border: 1px solid var(--Scandic-Brand-Burgundy);
border-radius: var(--Corner-radius-Small);
display: grid;
overflow: hidden;
background-color: var(--Main-Grey-White);
border: 1px solid #4d001b1a; /* var(--Main-Brand-Burgundy) 10% */
}
.image {
height: auto;
width: 100%;
min-height: 22rem;
min-height: 220px;
object-fit: cover;
overflow: hidden;
width: 100%;
}
.footer {
color: var(--Main-Brand-Burgundy);
padding: 1.6rem;
overflow: hidden;
margin-top: auto;
width: 100%;
color: var(--Scandic-Brand-Burgundy);
display: grid;
gap: 1.6rem;
gap: var(--Spacing-x2);
margin-top: auto;
overflow: hidden;
padding: var(--Spacing-x2);
width: 100%;
}
.hotel {
overflow: hidden;
text-wrap: nowrap;
text-overflow: ellipsis;
padding: 0;
margin: 0;
overflow: hidden;
padding: 0;
text-overflow: ellipsis;
text-wrap: nowrap;
}
.date {
align-items: center;
display: flex;
gap: var(--Spacing-x-half);
font-family: var(--typography-Caption-Regular-fontFamily);
font-size: var(--typography-Caption-Regular-fontSize);
font-weight: var(--typography-Caption-Regular-fontWeight);
line-height: var(--typography-Caption-Regular-lineHeight);
display: flex;
align-items: center;
gap: 0.4rem;
}

32
components/MyPages/Blocks/Stays/Upcoming/EmptyUpcomingStays/emptyUpcomingStays.module.css
View File

@@ -1,25 +1,17 @@
.button {
background-color: var(--some-red-color, #ed2027);
}
.link {
text-decoration: none;
.container {
align-items: center;
background-color: var(--some-grey-color, #f2f2f2);
border-radius: var(--Corner-radius-Medium);
display: flex;
gap: var(--Spacing-x3);
flex-direction: column;
justify-content: center;
margin-bottom: var(--Spacing-x-half);
min-height: 250px;
padding: var(--Spacing-x0) var(--Spacing-x3);
}
.grayTitle {
color: var(--some-grey-color, #727272);
color: var(--UI-Grey-60);
display: block;
}
.container {
align-items: center;
display: flex;
flex-direction: column;
justify-content: center;
min-height: 25rem;
gap: 2.5rem;
background-color: var(--some-grey-color, #f2f2f2);
border-radius: 0.8rem;
margin-bottom: 0.5rem;
padding: 0 2rem;
}

4
components/MyPages/Blocks/Stays/Upcoming/EmptyUpcomingStays/index.tsx
View File

@@ -18,9 +18,7 @@ export default function EmptyUpcomingStaysBlock() {
</span>
</Title>
<Button asChild intent="primary" type="button">
<Link className={styles.link} href="#" key="getInspired">
{formatMessage({ id: "Get inspired" })}
</Link>
<Link href="#">{formatMessage({ id: "Get inspired" })}</Link>
</Button>
</section>
)

6
components/MyPages/Blocks/Stays/Upcoming/index.tsx
View File

@@ -3,7 +3,7 @@
import { trpc } from "@/lib/trpc/client"
import LoadingSpinner from "@/components/LoadingSpinner"
import CardGrid from "@/components/TempDesignSystem/CardGrid"
import Grids from "@/components/TempDesignSystem/Grids"
import Header from "../../Header"
import Container from "../Container"
@@ -43,7 +43,7 @@ export default function UpcomingStays({
<LoadingSpinner />
) : stays.length ? (
<ListContainer>
<CardGrid>
<Grids.Stackable>
{stays.map((stay) => (
<StayCard
key={stay.attributes.confirmationNumber}
@@ -51,7 +51,7 @@ export default function UpcomingStays({
stay={stay}
/>
))}
</CardGrid>
</Grids.Stackable>
{hasNextPage ? (
<ShowMoreButton disabled={isFetching} loadMoreData={loadMoreData} />
) : null}

9
components/MyPages/Breadcrumbs/Breadcrumb.tsx
View File

@@ -1,9 +0,0 @@
import styles from "./breadcrumbs.module.css"
export default function Breadcrumb({ children }: React.PropsWithChildren) {
return (
<li className={styles.listItem}>
<p className={styles.currentPage}>{children}</p>
</li>
)
}

17
components/MyPages/Breadcrumbs/BreadcrumbWithLink.tsx
View File

@@ -1,17 +0,0 @@
import Link from "@/components/TempDesignSystem/Link"
import styles from "./breadcrumbs.module.css"
export default function BreadcrumbsWithLink({
children,
href,
}: React.PropsWithChildren<{ href: string }>) {
return (
<li className={styles.listItem}>
<Link className={styles.link} href={href}>
{children}
</Link>
<span aria-hidden="true">/</span>
</li>
)
}

20
components/MyPages/Breadcrumbs/breadcrumbs.module.css
View File

@@ -2,34 +2,24 @@
display: block;
padding-left: var(--Spacing-x2);
padding-right: var(--Spacing-x2);
padding-top: var(--Spacing-x4);
padding-top: var(--Spacing-x2);
}
.list {
align-items: center;
display: flex;
gap: 0.4rem;
gap: var(--Spacing-x-quarter);
justify-content: flex-start;
list-style: none;
margin: 0;
padding: 0;
}
.listItem,
.link {
color: var(--some-text-color, #000);
font-size: 1.4rem;
font-weight: 400;
line-height: 1.56rem;
}
.listItem {
align-items: center;
display: flex;
gap: 0.4rem;
}
.currentPage {
margin: 0;
.homeLink {
display: flex;
}
@media screen and (min-width: 1367px) {

Some files were not shown because too many files have changed in this diff Show More