Merge branch 'main' into feature/codeblock

.gitignore

@@ -22,4 +22,5 @@ dist-ssr
 *.njsproj
 *.sln
 *.sw?
-tsconfig.tsbuildinfo
+tsconfig.tsbuildinfo
+node_modules

src/app/provider/global-styled-provider.tsx

@@ -50,6 +50,14 @@ export const GlobalStyle = createGlobalStyle`
   table {
     border-collapse: collapse;
     border-spacing: 0;
+
+  * {
+    box-sizing: border-box;
+  }
+
+  body {
+    background-color: ${(props) => props.theme.colors.black};
+    color: ${(props) => props.theme.colors.white};
   }
 `;
 export const GlobalStyleProvider = () => {

src/app/provider/provider-list.tsx

@@ -1,6 +1,8 @@
 import { PropsWithChildren } from "react";
 import { RecoilRoot } from "recoil";
+import { ThemeProvider } from "styled-components";
 
+import { vars } from "~/shared/common-ui/theme";
 import { Toaster } from "~/shared/common-ui/toast";
 
 import { GlobalStyleProvider } from "./global-styled-provider";
@@ -10,9 +12,11 @@ export const ProviderList = ({ children }: PropsWithChildren) => {
   return (
     <QueryProvider>
       <RecoilRoot>
-        <GlobalStyleProvider />
-        <Toaster />
-        {children}
+        <ThemeProvider theme={vars}>
+          <GlobalStyleProvider />
+          <Toaster />
+          {children}
+        </ThemeProvider>
       </RecoilRoot>
     </QueryProvider>
   );

src/entities/header/index.ts

@@ -0,0 +1,2 @@
+export * from "./ui/login-button.ui";
+export * from "./ui/search-input.ui";

src/entities/header/model/search-input.type.ts

@@ -0,0 +1,4 @@
+export interface SearchInputProps {
+  value: string;
+  onChange: () => void;
+}

src/entities/header/ui/login-button.ui.tsx

@@ -0,0 +1,13 @@
+import styled from "styled-components";
+
+const Button = styled.button`
+  width: 160px;
+  height: 39px;
+  background-color: ${({ theme }) => theme.colors.secondary};
+  border-radius: 10px;
+  font-size: ${({ theme }) => theme.fontSize.body2};
+`;
+
+export const LoginButton = () => {
+  return <Button>로그인 / 회원가입</Button>;
+};

src/entities/header/ui/search-input.ui.tsx

@@ -0,0 +1,21 @@
+import styled from "styled-components";
+
+import { SearchInputProps } from "../model/search-input.type";
+
+const Input = styled.input`
+  width: 100%;
+  max-width: 630px;
+  height: 37px;
+  border: 1px solid ${(props) => props.theme.colors.white};
+  border-radius: 10px;
+  background-color: transparent;
+  padding-left: 20px;
+  font-size: ${(props) => props.theme.fontSize.body1};
+  &::placeholder {
+    color: ${(props) => props.theme.colors.white};
+  }
+`;
+
+export const SearchInput = ({ value, onChange }: SearchInputProps) => {
+  return <Input placeholder="Search" value={value} onChange={onChange} />;
+};

src/shared/common-ui/theme/index.ts

@@ -0,0 +1 @@
+export * from "./theme";

src/shared/common-ui/theme/styled.d.ts

@@ -0,0 +1,31 @@
+import "styled-components";
+
+declare module "styled-components" {
+  export interface DefaultTheme {
+    colors: {
+        tabBar: string,
+        main:string,
+        secondary:string,
+        action:string,
+        white: string,
+        black:string,
+        view: string,
+        answer: string,
+        like: string,
+      },
+      fontSize: {
+        headline1: string,
+        headline2: string,
+        headline3:string,
+        headline4: string,
+        headline5: string,
+        headline6: string,
+        subtitle1: string,
+        subtitle2: string,
+        body1:string,
+        body2: string,
+        button:string,
+        caption: string,
+      },
+  }
+}

src/shared/common-ui/theme/theme.ts

@@ -0,0 +1,29 @@
+import { DefaultTheme } from "styled-components/dist/types";
+
+export const vars: DefaultTheme = {
+  colors: {
+    tabBar: "#2A2731",
+    main: "#26144E",
+    secondary: "#89809B",
+    action: "#AC91E8",
+    white: "#FFFFFF",
+    black: "#000000",
+    view: "#ED4723",
+    answer: "#F9B05B",
+    like: "#4AB226",
+  },
+  fontSize: {
+    headline1: "96px",
+    headline2: "60px",
+    headline3: "48px",
+    headline4: "34px",
+    headline5: "24px",
+    headline6: "20px",
+    subtitle1: "16px",
+    subtitle2: "14px",
+    body1: "16px",
+    body2: "14px",
+    button: "14px",
+    caption: "12px",
+  },
+};

src/shared/icons/Icons.tsx

@@ -0,0 +1,20 @@
+import { IconProps } from "./Icons.type";
+import { Logo } from "./header/Logo";
+import { Like } from "./main/Like";
+import { Review } from "./main/Review";
+import { View } from "./main/View";
+
+export const TemplateIcon = ({ width, height, fill }: IconProps) => {
+  return (
+    <svg width={width} height={height} viewBox="current" fill="none" xmlns="http://www.w3.org/2000/svg">
+      <path d="current" fill={fill} />
+    </svg>
+  );
+};
+
+export const Icon = {
+  Logo,
+  Review,
+  View,
+  Like,
+};

src/shared/icons/Icons.type.ts

@@ -0,0 +1,7 @@
+import { ComponentPropsWithoutRef } from "react";
+
+export interface IconProps extends ComponentPropsWithoutRef<"svg"> {
+  width?: string;
+  height?: string;
+  fill?: string;
+}

src/shared/icons/header/Logo.tsx

@@ -0,0 +1,14 @@
+import { TemplateIcon } from "../Icons";
+import { IconProps } from "../Icons.type";
+
+export const Logo = ({ width = "156", height = "20", fill = "#9288A5" }: IconProps) => {
+  return (
+    <TemplateIcon
+      width={width}
+      height={height}
+      viewBox="0 0 156 20"
+      fill={fill}
+      d="M8.4375 14.4004C8.4375 13.8535 8.62305 13.3945 8.99414 13.0234C9.38477 12.6328 9.85352 12.4375 10.4004 12.4375H14.8828L14.1211 10.2695C13.8086 9.46875 13.4961 8.7168 13.1836 8.01367C12.8906 7.29102 12.5488 6.63672 12.1582 6.05078C11.8066 5.46484 11.4062 5.15234 10.957 5.11328C10.4883 5.15234 10.0684 5.46484 9.69727 6.05078C9.32617 6.63672 8.98438 7.29102 8.67188 8.01367C8.37891 8.7168 8.07617 9.46875 7.76367 10.2695L4.98047 17.8867C4.78516 18.2969 4.53125 18.6387 4.21875 18.9121C3.92578 19.166 3.47656 19.293 2.87109 19.293C2.30469 19.293 1.83594 19.0977 1.46484 18.707C1.11328 18.3164 0.957031 17.8477 0.996094 17.3008C1.01562 17.0469 1.07422 16.8125 1.17188 16.5977L4.39453 8.27734C5.29297 6.08984 6.19141 4.32227 7.08984 2.97461C7.96875 1.64648 9.25781 0.972656 10.957 0.953125C12.6367 0.972656 13.916 1.64648 14.7949 2.97461C15.6934 4.2832 16.5918 6.05078 17.4902 8.27734L20.7129 16.5977C20.8105 16.8125 20.8691 17.0469 20.8887 17.3008C20.9277 17.8477 20.7617 18.3164 20.3906 18.707C20.0391 19.0977 19.5801 19.293 19.0137 19.293C18.3691 19.293 17.8906 19.166 17.5781 18.9121C17.2852 18.6387 17.041 18.2969 16.8457 17.8867L16.2891 16.3633H10.4004C9.85352 16.3633 9.39453 16.168 9.02344 15.7773C8.63281 15.4062 8.4375 14.9473 8.4375 14.4004ZM33.1641 0.865234C34.1797 0.865234 35.1758 0.982422 36.1523 1.2168C37.1484 1.45117 38.0957 1.80273 38.9941 2.27148C39.8926 2.7207 40.6836 3.32617 41.3672 4.08789C42.0703 4.84961 42.4512 5.75781 42.5098 6.8125V8.04297V17.3887C42.3926 18.5605 41.748 19.1953 40.5762 19.293C40.0293 19.293 39.5508 19.1172 39.1406 18.7656C38.75 18.3945 38.5547 17.9355 38.5547 17.3887V7.7207C38.5156 7.11523 38.2812 6.61719 37.8516 6.22656C37.4414 5.81641 36.9727 5.49414 36.4453 5.25977C35.9375 5.02539 35.4004 4.84961 34.834 4.73242C34.2871 4.61523 33.7305 4.55664 33.1641 4.55664C32.5977 4.55664 32.0312 4.61523 31.4648 4.73242C30.918 4.84961 30.3809 5.02539 29.8535 5.25977C29.3457 5.49414 28.877 5.81641 28.4473 6.22656C28.0371 6.61719 27.8125 7.11523 27.7734 7.7207V17.3887C27.6758 18.5605 27.041 19.1953 25.8691 19.293C25.3223 19.293 24.8438 19.1172 24.4336 18.7656C24.043 18.3945 23.8477 17.9355 23.8477 17.3887V8.04297V6.8125C23.9062 5.75781 24.2773 4.84961 24.9609 4.08789C25.6445 3.32617 26.4355 2.7207 27.334 2.27148C28.2324 1.80273 29.1699 1.45117 30.1465 1.2168C31.1426 0.982422 32.1484 0.865234 33.1641 0.865234ZM48.1641 1.1875C48.7109 1.1875 49.1797 1.37305 49.5703 1.74414C49.9609 2.0957 50.166 2.54492 50.1855 3.0918V3.64844C50.166 4.44922 50.2148 5.19141 50.332 5.875C50.4688 6.53906 50.7812 7.13477 51.2695 7.66211C51.7578 8.18945 52.373 8.47266 53.1152 8.51172H61.3477V3.15039C61.3477 2.60352 61.543 2.1543 61.9336 1.80273C62.3438 1.43164 62.8223 1.24609 63.3691 1.24609C64.541 1.34375 65.1855 1.97852 65.3027 3.15039V9.94727C65.3027 11.5098 65.0879 12.9844 64.6582 14.3711C64.2676 15.6016 63.623 16.6465 62.7246 17.5059C61.8457 18.3457 60.7227 18.8047 59.3555 18.8828H48.8086C48.2812 18.8633 47.832 18.6777 47.4609 18.3262C47.1094 17.9551 46.9238 17.5059 46.9043 16.9785C46.9043 16.4316 47.0801 15.9629 47.4316 15.5723C47.8027 15.1816 48.2617 14.9766 48.8086 14.957H58.3594C59.1016 14.918 59.7168 14.6348 60.2051 14.1074C60.6543 13.6191 60.957 13.0625 61.1133 12.4375H52.1191C50.752 12.3594 49.6191 11.9004 48.7207 11.0605C47.8418 10.2012 47.207 9.15625 46.8164 7.92578C46.4453 6.69531 46.25 5.38672 46.2305 4V3.0918C46.25 2.56445 46.4453 2.125 46.8164 1.77344C47.1875 1.40234 47.6367 1.20703 48.1641 1.1875ZM75.8203 5.58203C75.0781 5.62109 74.4531 5.9043 73.9453 6.43164C73.457 6.95898 73.1055 7.56445 72.8906 8.24805C72.6758 8.91211 72.5684 9.5957 72.5684 10.2988C72.5684 11.002 72.666 11.6953 72.8613 12.3789C73.0762 13.0625 73.4375 13.668 73.9453 14.1953C74.4531 14.7031 75.0781 14.9766 75.8203 15.0156H85.4883C86.7188 15.1328 87.3926 15.8066 87.5098 17.0371C87.4902 17.584 87.2852 18.043 86.8945 18.4141C86.5039 18.7656 86.0352 18.9414 85.4883 18.9414H76.1426H74.7949C73.4277 18.8633 72.3047 18.3457 71.4258 17.3887C70.5469 16.4121 69.9121 15.3086 69.5215 14.0781C69.1504 12.8477 68.9648 11.5879 68.9648 10.2988C68.9648 9.3418 69.0723 8.39453 69.2871 7.45703C69.502 6.51953 69.834 5.63086 70.2832 4.79102C70.752 3.93164 71.3672 3.19922 72.1289 2.59375C72.9102 1.98828 73.7988 1.67578 74.7949 1.65625H75.3516H85.4883C86.7188 1.77344 87.3926 2.44727 87.5098 3.67773C87.5098 4.22461 87.3047 4.68359 86.8945 5.05469C86.5039 5.40625 86.0352 5.58203 85.4883 5.58203H75.8203ZM105.938 1.65625C106.934 1.67578 107.822 1.98828 108.604 2.59375C109.385 3.19922 110.01 3.92188 110.479 4.76172C110.967 5.60156 111.328 6.49023 111.562 7.42773C111.797 8.36523 111.914 9.32227 111.914 10.2988C111.914 11.5879 111.709 12.8574 111.299 14.1074C110.908 15.3379 110.254 16.4316 109.336 17.3887C108.438 18.3457 107.305 18.8633 105.938 18.9414H95.7129C94.3457 18.8828 93.2031 18.375 92.2852 17.418C91.3672 16.4609 90.7129 15.3574 90.3223 14.1074C89.9512 12.8574 89.7656 11.5879 89.7656 10.2988C89.7656 9.00977 89.9609 7.75 90.3516 6.51953C90.7422 5.26953 91.3867 4.16602 92.2852 3.20898C93.2031 2.23242 94.3457 1.71484 95.7129 1.65625H96.2695H105.381H105.938ZM104.941 15.0156C105.684 14.9766 106.299 14.7031 106.787 14.1953C107.295 13.668 107.656 13.0625 107.871 12.3789C108.086 11.6953 108.193 11.002 108.193 10.2988C108.193 9.5957 108.076 8.91211 107.842 8.24805C107.627 7.56445 107.275 6.95898 106.787 6.43164C106.299 5.9043 105.684 5.62109 104.941 5.58203H96.6211C95.8789 5.62109 95.2637 5.9043 94.7754 6.43164C94.2871 6.95898 93.9258 7.56445 93.6914 8.24805C93.4766 8.91211 93.3691 9.5957 93.3691 10.2988C93.3691 11.002 93.4766 11.6953 93.6914 12.3789C93.9062 13.0625 94.2578 13.668 94.7461 14.1953C95.2539 14.7031 95.8789 14.9766 96.6211 15.0156H104.941ZM127.822 1.65625C129.189 1.73437 130.312 2.26172 131.191 3.23828C132.07 4.19531 132.705 5.28906 133.096 6.51953C133.486 7.75 133.682 9.00977 133.682 10.2988C133.682 11.5879 133.486 12.8477 133.096 14.0781C132.725 15.3086 132.09 16.4121 131.191 17.3887C130.312 18.3457 129.189 18.8633 127.822 18.9414H117.041C116.514 18.9219 116.064 18.7363 115.693 18.3848C115.342 18.0137 115.156 17.5645 115.137 17.0371V9.77148C115.156 9.22461 115.361 8.77539 115.752 8.42383C116.143 8.05273 116.611 7.86719 117.158 7.86719C117.686 7.88672 118.135 8.08203 118.506 8.45312C118.877 8.80469 119.072 9.24414 119.092 9.77148V14.2246C119.092 14.752 119.365 15.0156 119.912 15.0156H126.826C127.568 14.9766 128.184 14.6934 128.672 14.166C129.16 13.6387 129.512 13.043 129.727 12.3789C129.961 11.6953 130.078 11.002 130.078 10.2988C130.078 9.5957 129.961 8.91211 129.727 8.24805C129.512 7.56445 129.16 6.95898 128.672 6.43164C128.184 5.9043 127.568 5.62109 126.826 5.58203H117.041C115.869 5.48438 115.234 4.84961 115.137 3.67773C115.137 3.13086 115.312 2.66211 115.664 2.27148C116.035 1.88086 116.494 1.67578 117.041 1.65625H127.822ZM142.324 1.65625H143.672H153.633C154.18 1.67578 154.629 1.88086 154.98 2.27148C155.352 2.66211 155.537 3.13086 155.537 3.67773C155.439 4.84961 154.805 5.48438 153.633 5.58203H143.32C142.578 5.62109 141.963 5.9043 141.475 6.43164C140.986 6.95898 140.625 7.56445 140.391 8.24805C140.176 8.91211 140.068 9.5957 140.068 10.2988C140.068 11.002 140.176 11.6953 140.391 12.3789C140.625 13.043 140.986 13.6387 141.475 14.166C141.963 14.6934 142.578 14.9766 143.32 15.0156H153.633C154.18 15.0352 154.629 15.2402 154.98 15.6309C155.352 16.0215 155.537 16.4902 155.537 17.0371C155.518 17.5645 155.322 18.0137 154.951 18.3848C154.6 18.7363 154.16 18.9219 153.633 18.9414H142.881H142.324C140.957 18.8633 139.824 18.3457 138.926 17.3887C138.047 16.4121 137.412 15.3086 137.021 14.0781C136.65 12.8477 136.465 11.5879 136.465 10.2988C136.465 9.00977 136.66 7.75 137.051 6.51953C137.441 5.28906 138.076 4.19531 138.955 3.23828C139.834 2.26172 140.957 1.73437 142.324 1.65625ZM155.479 10.1816C155.479 10.7285 155.283 11.1875 154.893 11.5586C154.521 11.9492 154.062 12.1445 153.516 12.1445H144.668C144.121 12.1445 143.652 11.959 143.262 11.5879C142.891 11.1973 142.705 10.7285 142.705 10.1816C142.705 9.63477 142.891 9.16602 143.262 8.77539C143.652 8.4043 144.121 8.21875 144.668 8.21875H153.516C154.062 8.21875 154.521 8.41406 154.893 8.80469C155.283 9.17578 155.479 9.63477 155.479 10.1816Z"
+    />
+  );
+};

src/shared/icons/index.tsx

@@ -0,0 +1 @@
+export { Icon } from "./Icons";

src/shared/icons/main/Like.tsx

@@ -0,0 +1,21 @@
+import { IconProps } from "../Icons.type";
+
+export const Like = ({ width = "21", height = "20", fill = "#4AB226" }: IconProps) => {
+  return (
+    <svg width={width} height={height} viewBox="0 0 21 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+      <path
+        d="M6.35065 18.5714H2.27917C1.49019 18.5714 0.850586 17.9318 0.850586 17.1428V9.99988C0.850586 9.21087 1.49019 8.57129 2.27917 8.57129H6.35065C6.46899 8.57129 6.56494 8.66729 6.56494 8.78558V18.3571C6.56494 18.4754 6.46899 18.5714 6.35065 18.5714Z"
+        fill={fill}
+      />
+      <path
+        d="M6.75879 9.54408L9.34169 4.37821C9.43645 4.18888 9.48567 3.98013 9.48567 3.76845V1.36344C9.48567 0.610439 10.0961 0 10.8491 0C12.3552 0 13.576 1.22087 13.576 2.72688V10.2258"
+        fill={fill}
+      />
+      <path
+        d="M10.8507 8.57129H19.4182C20.3704 8.57129 21.0561 9.48516 20.7898 10.3993L18.2934 18.9708C18.1158 19.5807 17.5569 20 16.9218 20H11.4424C11.0636 20 10.7001 19.8494 10.4323 19.5816L9.84055 18.9898C9.57269 18.722 9.20926 18.5714 8.8304 18.5714H6.56494"
+        fill={fill}
+      />
+      <rect x="5.39551" y="8.63525" width="9.99856" height="9.99856" fill={fill} />
+    </svg>
+  );
+};

src/shared/icons/main/Review.tsx

@@ -0,0 +1,14 @@
+import { TemplateIcon } from "../Icons";
+import { IconProps } from "../Icons.type";
+
+export const Review = ({ width = "21", height = "20", fill = "#F9B05B" }: IconProps) => {
+  return (
+    <TemplateIcon
+      width={width}
+      height={height}
+      viewBox="0 0 21 20"
+      fill={fill}
+      d="M10.8313 0.811035C5.30112 0.811035 0.852051 4.89512 0.852051 9.97939C0.852051 11.6047 1.30943 13.105 2.09945 14.4802C2.18261 14.6469 2.22419 14.8553 2.18261 15.022L1.26785 17.8975C1.10153 18.4393 1.60049 18.8977 2.14103 18.731L5.05164 17.7308C5.25954 17.6475 5.46744 17.6891 5.63376 17.8142C7.17222 18.6893 8.96016 19.1894 10.8728 19.1894C16.403 19.1894 20.8521 15.1053 20.8521 10.0211C20.7689 4.89512 16.3198 0.811035 10.8313 0.811035ZM15.613 7.93735L10.5402 12.9383C10.3323 13.1466 10.1244 13.23 9.83334 13.23C9.58386 13.23 9.33438 13.1466 9.12648 12.9383L6.67326 10.5212C6.46536 10.3128 6.46536 10.0211 6.67326 9.85436L7.38012 9.18758C7.58802 8.9792 7.87908 8.9792 8.08698 9.18758L9.83334 10.9379L14.1992 6.60377C14.4071 6.39539 14.6982 6.39539 14.9061 6.60377L15.613 7.27056C15.7793 7.43725 15.7793 7.77065 15.613 7.93735Z"
+    />
+  );
+};

src/shared/icons/main/View.tsx

@@ -0,0 +1,20 @@
+import { IconProps } from "../Icons.type";
+
+export const View = ({ width = "21", height = "20", fill = "#F9B05B" }: IconProps) => {
+  return (
+    <svg width={width} height={height} viewBox="0 0 21 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+      <path
+        d="M10.8564 15.25C12.5133 15.25 13.8564 13.4591 13.8564 11.25C13.8564 9.04086 12.5133 7.25 10.8564 7.25C9.19959 7.25 7.85645 9.04086 7.85645 11.25C7.85645 13.4591 9.19959 15.25 10.8564 15.25Z"
+        fill={fill}
+      />
+      <mask id="path-2-inside-1_34_2371" fill="white">
+        <path d="M20.855 12.7904C20.855 12.7904 19.7439 0.75 10.855 0.75C1.96609 0.75 0.85498 12.7904 0.85498 12.7904" />
+      </mask>
+      <path
+        d="M17.8677 13.0661C18.0199 14.7159 19.4808 15.93 21.1307 15.7777C22.7805 15.6255 23.9945 14.1646 23.8423 12.5147L17.8677 13.0661ZM-2.13233 12.5147C-2.28458 14.1646 -1.07054 15.6255 0.579306 15.7777C2.22915 15.93 3.69004 14.7159 3.84229 13.0661L-2.13233 12.5147ZM20.855 12.7904C23.8423 12.5147 23.8422 12.5136 23.8421 12.5125C23.842 12.512 23.8419 12.5108 23.8418 12.5099C23.8417 12.5081 23.8415 12.5061 23.8413 12.5039C23.8409 12.4996 23.8404 12.4945 23.8398 12.4887C23.8387 12.477 23.8372 12.4624 23.8354 12.445C23.8317 12.4101 23.8267 12.3638 23.82 12.3069C23.8067 12.1931 23.7869 12.0362 23.7588 11.8425C23.7027 11.4558 23.6131 10.9176 23.4753 10.2776C23.2025 9.01063 22.7272 7.27944 21.9123 5.51332C20.3069 2.034 17.0062 -2.25 10.855 -2.25V3.75C13.5926 3.75 15.2919 5.48621 16.4643 8.02709C17.0383 9.27106 17.3964 10.55 17.6097 11.5406C17.7149 12.0293 17.7815 12.4318 17.8209 12.7036C17.8406 12.8391 17.8533 12.9409 17.8606 13.0035C17.8643 13.0347 17.8666 13.0561 17.8677 13.0668C17.8682 13.0721 17.8685 13.0748 17.8685 13.0747C17.8685 13.0747 17.8684 13.0739 17.8683 13.0725C17.8682 13.0718 17.8681 13.0709 17.868 13.0698C17.868 13.0693 17.8679 13.0683 17.8679 13.0681C17.8678 13.0671 17.8677 13.0661 20.855 12.7904ZM10.855 -2.25C4.70373 -2.25 1.40303 2.034 -0.202365 5.51332C-1.01727 7.27944 -1.49249 9.01063 -1.7653 10.2776C-1.90312 10.9176 -1.99278 11.4558 -2.04886 11.8425C-2.07696 12.0362 -2.09678 12.1931 -2.11008 12.3069C-2.11674 12.3638 -2.12178 12.4101 -2.12541 12.445C-2.12723 12.4624 -2.12869 12.477 -2.12984 12.4887C-2.13041 12.4945 -2.1309 12.4996 -2.13131 12.5039C-2.13152 12.5061 -2.13171 12.5081 -2.13188 12.5099C-2.13196 12.5108 -2.13207 12.512 -2.13212 12.5125C-2.13222 12.5136 -2.13233 12.5147 0.85498 12.7904C3.84229 13.0661 3.84219 13.0671 3.8421 13.0681C3.84208 13.0683 3.84199 13.0693 3.84194 13.0698C3.84184 13.0709 3.84176 13.0718 3.84169 13.0725C3.84155 13.0739 3.84148 13.0747 3.84148 13.0747C3.84147 13.0748 3.84173 13.0721 3.84229 13.0668C3.8434 13.0561 3.84569 13.0347 3.84934 13.0035C3.85665 12.9409 3.86938 12.8391 3.88903 12.7036C3.92844 12.4318 3.99503 12.0293 4.10026 11.5406C4.31356 10.55 4.67168 9.27106 5.24566 8.02709C6.41805 5.48621 8.11734 3.75 10.855 3.75V-2.25Z"
+        fill={fill}
+        mask="url(#path-2-inside-1_34_2371)"
+      />
+    </svg>
+  );
+};