@team-monolith/cds 1.124.0 → 1.125.0

package/dist/components/Tag.js

@@ -22,59 +22,59 @@ export const tagClasses = {
     closeButton: "Tag-closeButton",
 };
 const COLOR_TO_STYLE = (theme, color) => ({
-    default: css `
-      box-sizing: border-box;
-      background: ${theme.color.container.marbleContainer};
-      border: 1px solid ${theme.color.container.marbleOnContainer};
-      color: ${theme.color.container.marbleOnContainer};
+    default: css `
+      box-sizing: border-box;
+      background: ${theme.color.container.marbleContainer};
+      border: 1px solid ${theme.color.container.marbleOnContainer};
+      color: ${theme.color.container.marbleOnContainer};
     `,
-    red: css `
-      box-sizing: border-box;
-      background: ${theme.color.container.redContainer};
-      border: 1px solid ${theme.color.container.redOnContainer};
-      color: ${theme.color.container.redOnContainer};
+    red: css `
+      box-sizing: border-box;
+      background: ${theme.color.container.redContainer};
+      border: 1px solid ${theme.color.container.redOnContainer};
+      color: ${theme.color.container.redOnContainer};
     `,
-    teal: css `
-      box-sizing: border-box;
-      background: ${theme.color.container.tealContainer};
-      border: 1px solid ${theme.color.container.tealOnContainer};
-      color: ${theme.color.container.tealOnContainer};
+    teal: css `
+      box-sizing: border-box;
+      background: ${theme.color.container.tealContainer};
+      border: 1px solid ${theme.color.container.tealOnContainer};
+      color: ${theme.color.container.tealOnContainer};
     `,
-    orange: css `
-      box-sizing: border-box;
-      background: ${theme.color.container.orangeContainer};
-      border: 1px solid ${theme.color.container.orangeOnContainer};
-      color: ${theme.color.container.orangeOnContainer};
+    orange: css `
+      box-sizing: border-box;
+      background: ${theme.color.container.orangeContainer};
+      border: 1px solid ${theme.color.container.orangeOnContainer};
+      color: ${theme.color.container.orangeOnContainer};
     `,
-    blue: css `
-      box-sizing: border-box;
-      background: ${theme.color.container.blueContainer};
-      border: 1px solid ${theme.color.container.blueOnContainer};
-      color: ${theme.color.container.blueOnContainer};
+    blue: css `
+      box-sizing: border-box;
+      background: ${theme.color.container.blueContainer};
+      border: 1px solid ${theme.color.container.blueOnContainer};
+      color: ${theme.color.container.blueOnContainer};
     `,
-    green: css `
-      box-sizing: border-box;
-      background: ${theme.color.container.greenContainer};
-      border: 1px solid ${theme.color.container.greenOnContainer};
-      color: ${theme.color.container.greenOnContainer};
+    green: css `
+      box-sizing: border-box;
+      background: ${theme.color.container.greenContainer};
+      border: 1px solid ${theme.color.container.greenOnContainer};
+      color: ${theme.color.container.greenOnContainer};
     `,
-    yellow: css `
-      box-sizing: border-box;
-      background: ${theme.color.container.yellowContainer};
-      border: 1px solid ${theme.color.container.yellowOnContainer};
-      color: ${theme.color.container.yellowOnContainer};
+    yellow: css `
+      box-sizing: border-box;
+      background: ${theme.color.container.yellowContainer};
+      border: 1px solid ${theme.color.container.yellowOnContainer};
+      color: ${theme.color.container.yellowOnContainer};
     `,
-    black: css `
-      background: ${theme.color.container.obsidianContainer};
-      color: ${theme.color.container.obsidianOnContainer};
+    black: css `
+      background: ${theme.color.container.obsidianContainer};
+      color: ${theme.color.container.obsidianOnContainer};
     `,
-    white: css `
-      background: ${theme.color.background.neutralBase};
-      color: ${theme.color.foreground.neutralBaseActive};
+    white: css `
+      background: ${theme.color.background.neutralBase};
+      color: ${theme.color.foreground.neutralBaseActive};
     `,
-    ai: css `
-      background: linear-gradient(94deg, #5898ff 5.24%, #c673e4 96.99%);
-      color: ${theme.color.container.obsidianOnContainer};
+    ai: css `
+      background: linear-gradient(94deg, #5898ff 5.24%, #c673e4 96.99%);
+      color: ${theme.color.container.obsidianOnContainer};
     `,
 })[color];
 /**
@@ -84,43 +84,43 @@ export const Tag = React.forwardRef(function Tag(props, ref) {
     const { className, component: Component = "span", label, icon, color = "default", bold, onClick, close } = props, other = __rest(props, ["className", "component", "label", "icon", "color", "bold", "onClick", "close"]);
     const theme = useTheme();
     return (_jsxs(Component, Object.assign({}, other, { ref: ref, className: [tagClasses.root, className].filter(Boolean).join(" "), css: [
-            css `
-          box-sizing: border-box;
-          display: flex;
-          // flex가 화면 전체로 확장되지 않고 내부의 아이콘과 텍스트만 포함한다.
-          padding: 1px 8px;
-          align-items: center;
-          gap: 3px;
-          width: fit-content;
-          border-radius: 8px;
-          height: 22px;
-
-          svg {
-            width: 14px;
-            height: 14px;
-          }
+            css `
+          box-sizing: border-box;
+          display: flex;
+          // flex가 화면 전체로 확장되지 않고 내부의 아이콘과 텍스트만 포함한다.
+          padding: 1px 8px;
+          align-items: center;
+          gap: 3px;
+          width: fit-content;
+          border-radius: 8px;
+          height: 22px;
+
+          svg {
+            width: 14px;
+            height: 14px;
+          }
         `,
             COLOR_TO_STYLE(theme, color),
             onClick
-                ? css `
-              cursor: pointer;
+                ? css `
+              cursor: pointer;
             `
                 : undefined,
-        ], onClick: onClick, children: [icon, _jsx("span", { className: tagClasses.label, css: css `
-          font-weight: ${bold ? 700 : 400};
-          font-size: 12px;
-          line-height: 20px;
-        `, children: label }), close && (_jsx("span", { css: css `
-            display: flex;
-            cursor: pointer;
-            align-items: center;
+        ], onClick: onClick, children: [icon, _jsx("span", { className: tagClasses.label, css: css `
+          font-weight: ${bold ? 700 : 400};
+          font-size: 12px;
+          line-height: 20px;
+        `, children: label }), close && (_jsx("span", { css: css `
+            display: flex;
+            cursor: pointer;
+            align-items: center;
           `, onClick: (e) => {
                     var _a, _b;
                     (_b = ((_a = props.onClose) !== null && _a !== void 0 ? _a : onClick)) === null || _b === void 0 ? void 0 : _b();
                     e.stopPropagation();
                 }, children: _jsx(StyledCloseFillIcon, { className: tagClasses.closeButton }) }))] })));
 });
-const StyledCloseFillIcon = styled(CloseFillIcon) `
-  width: 10px;
-  height: 10px;
+const StyledCloseFillIcon = styled(CloseFillIcon) `
+  width: 10px;
+  height: 10px;
 `;

package/dist/components/Tooltip.js

@@ -59,24 +59,24 @@ export const Tooltip = React.forwardRef(function Tooltip(props, ref) {
 const StyledTooltip = styled((_a) => {
     var { className } = _a, props = __rest(_a, ["className"]);
     return (_jsx(MuiTooltip, Object.assign({}, props, { classes: { popper: className } })));
-})(({ theme }) => css `
-    .MuiTooltip-tooltip {
-      background: ${theme.color.foreground.neutralBase};
-      border-radius: 8px;
-      padding: 6px 10px;
-
-      display: flex;
-      flex-direction: column;
-      gap: 2px;
-
-      color: ${theme.color.background.neutralBase};
-      font-family: ${theme.fontFamily.ui};
-      font-style: normal;
-      font-weight: 400;
-      font-size: 14px;
-      line-height: 22px;
-    }
+})(({ theme }) => css `
+    .MuiTooltip-tooltip {
+      background: ${theme.color.foreground.neutralBase};
+      border-radius: 8px;
+      padding: 6px 10px;
+
+      display: flex;
+      flex-direction: column;
+      gap: 2px;
+
+      color: ${theme.color.background.neutralBase};
+      font-family: ${theme.fontFamily.ui};
+      font-style: normal;
+      font-weight: 400;
+      font-size: 14px;
+      line-height: 22px;
+    }
   `);
-const TitleDiv = styled.div `
-  font-weight: 700;
+const TitleDiv = styled.div `
+  font-weight: 700;
 `;

package/dist/foundation/breakpoints.js

@@ -1,22 +1,22 @@
 import { css } from "@emotion/react";
-export const MAIN_CONTAINER_STYLE = css `
-  container: main / inline-size;
+export const MAIN_CONTAINER_STYLE = css `
+  container: main / inline-size;
 `;
 export const TABLET_MAX_WIDTH_BREAKPOINT = 1279;
-export const TABLET = (style) => css `
-  @media (max-width: ${TABLET_MAX_WIDTH_BREAKPOINT}px) {
-    ${style}
-  }
-  @container main (width < ${TABLET_MAX_WIDTH_BREAKPOINT}px) {
-    ${style}
-  }
+export const TABLET = (style) => css `
+  @media (max-width: ${TABLET_MAX_WIDTH_BREAKPOINT}px) {
+    ${style}
+  }
+  @container main (width < ${TABLET_MAX_WIDTH_BREAKPOINT}px) {
+    ${style}
+  }
 `;
 export const MOBILE_MAX_WIDTH_BREAKPOINT = 719;
-export const MOBILE = (style) => css `
-  @media (max-width: ${MOBILE_MAX_WIDTH_BREAKPOINT}px) {
-    ${style}
-  }
-  @container main (width < ${MOBILE_MAX_WIDTH_BREAKPOINT}px) {
-    ${style}
-  }
+export const MOBILE = (style) => css `
+  @media (max-width: ${MOBILE_MAX_WIDTH_BREAKPOINT}px) {
+    ${style}
+  }
+  @container main (width < ${MOBILE_MAX_WIDTH_BREAKPOINT}px) {
+    ${style}
+  }
 `;

package/dist/foundation/typography.js

@@ -2,209 +2,209 @@ import { css } from "@emotion/react";
 import { FONT } from "./font";
 export const typography = {
     // Heading 1
-    heading1Regular: css `
-    font-family: ${FONT.pretendard};
-    font-size: 40px;
-    font-style: normal;
-    font-weight: 400;
-    line-height: 52px;
-  `,
-    heading1Bold: css `
-    font-family: ${FONT.pretendard};
-    font-size: 40px;
-    font-style: normal;
-    font-weight: 700;
-    line-height: 52px;
+    heading1Regular: css `
+    font-family: ${FONT.pretendard};
+    font-size: 40px;
+    font-style: normal;
+    font-weight: 400;
+    line-height: 52px;
+  `,
+    heading1Bold: css `
+    font-family: ${FONT.pretendard};
+    font-size: 40px;
+    font-style: normal;
+    font-weight: 700;
+    line-height: 52px;
   `,
     // Heading 2
-    heading2Regular: css `
-    font-family: ${FONT.pretendard};
-    font-size: 36px;
-    font-style: normal;
-    font-weight: 400;
-    line-height: 44px;
-  `,
-    heading2Bold: css `
-    font-family: ${FONT.pretendard};
-    font-size: 36px;
-    font-style: normal;
-    font-weight: 700;
-    line-height: 44px;
+    heading2Regular: css `
+    font-family: ${FONT.pretendard};
+    font-size: 36px;
+    font-style: normal;
+    font-weight: 400;
+    line-height: 44px;
+  `,
+    heading2Bold: css `
+    font-family: ${FONT.pretendard};
+    font-size: 36px;
+    font-style: normal;
+    font-weight: 700;
+    line-height: 44px;
   `,
     // Heading 3
-    heading3Regular: css `
-    font-family: ${FONT.pretendard};
-    font-size: 32px;
-    font-style: normal;
-    font-weight: 400;
-    line-height: 40px;
-  `,
-    heading3Bold: css `
-    font-family: ${FONT.pretendard};
-    font-size: 32px;
-    font-style: normal;
-    font-weight: 700;
-    line-height: 40px;
+    heading3Regular: css `
+    font-family: ${FONT.pretendard};
+    font-size: 32px;
+    font-style: normal;
+    font-weight: 400;
+    line-height: 40px;
+  `,
+    heading3Bold: css `
+    font-family: ${FONT.pretendard};
+    font-size: 32px;
+    font-style: normal;
+    font-weight: 700;
+    line-height: 40px;
   `,
     // Heading 4
-    heading4Regular: css `
-    font-family: ${FONT.pretendard};
-    font-size: 28px;
-    font-style: normal;
-    font-weight: 400;
-    line-height: 36px;
-  `,
-    heading4Bold: css `
-    font-family: ${FONT.pretendard};
-    font-size: 28px;
-    font-style: normal;
-    font-weight: 700;
-    line-height: 36px;
+    heading4Regular: css `
+    font-family: ${FONT.pretendard};
+    font-size: 28px;
+    font-style: normal;
+    font-weight: 400;
+    line-height: 36px;
+  `,
+    heading4Bold: css `
+    font-family: ${FONT.pretendard};
+    font-size: 28px;
+    font-style: normal;
+    font-weight: 700;
+    line-height: 36px;
   `,
     // Heading 5
-    heading5Regular: css `
-    font-family: ${FONT.pretendard};
-    font-size: 24px;
-    font-style: normal;
-    font-weight: 400;
-    line-height: 32px;
-  `,
-    heading5Bold: css `
-    font-family: ${FONT.pretendard};
-    font-size: 24px;
-    font-style: normal;
-    font-weight: 700;
-    line-height: 32px;
+    heading5Regular: css `
+    font-family: ${FONT.pretendard};
+    font-size: 24px;
+    font-style: normal;
+    font-weight: 400;
+    line-height: 32px;
+  `,
+    heading5Bold: css `
+    font-family: ${FONT.pretendard};
+    font-size: 24px;
+    font-style: normal;
+    font-weight: 700;
+    line-height: 32px;
   `,
     // Heading 6
-    heading6Regular: css `
-    font-family: ${FONT.pretendard};
-    font-size: 20px;
-    font-style: normal;
-    font-weight: 400;
-    line-height: 28px;
-  `,
-    heading6Bold: css `
-    font-family: ${FONT.pretendard};
-    font-size: 20px;
-    font-style: normal;
-    font-weight: 700;
-    line-height: 28px;
+    heading6Regular: css `
+    font-family: ${FONT.pretendard};
+    font-size: 20px;
+    font-style: normal;
+    font-weight: 400;
+    line-height: 28px;
+  `,
+    heading6Bold: css `
+    font-family: ${FONT.pretendard};
+    font-size: 20px;
+    font-style: normal;
+    font-weight: 700;
+    line-height: 28px;
   `,
     // Body 1
-    body1Regular: css `
-    font-family: ${FONT.pretendard};
-    font-size: 18px;
-    font-style: normal;
-    font-weight: 400;
-    line-height: 28px;
-  `,
-    body1Medium: css `
-    font-family: ${FONT.pretendard};
-    font-size: 18px;
-    font-style: normal;
-    font-weight: 500;
-    line-height: 28px;
-  `,
-    body1SemiBold: css `
-    font-family: ${FONT.pretendard};
-    font-size: 18px;
-    font-style: normal;
-    font-weight: 600;
-    line-height: 28px;
-  `,
-    body1Bold: css `
-    font-family: ${FONT.pretendard};
-    font-size: 18px;
-    font-style: normal;
-    font-weight: 700;
-    line-height: 28px;
+    body1Regular: css `
+    font-family: ${FONT.pretendard};
+    font-size: 18px;
+    font-style: normal;
+    font-weight: 400;
+    line-height: 28px;
+  `,
+    body1Medium: css `
+    font-family: ${FONT.pretendard};
+    font-size: 18px;
+    font-style: normal;
+    font-weight: 500;
+    line-height: 28px;
+  `,
+    body1SemiBold: css `
+    font-family: ${FONT.pretendard};
+    font-size: 18px;
+    font-style: normal;
+    font-weight: 600;
+    line-height: 28px;
+  `,
+    body1Bold: css `
+    font-family: ${FONT.pretendard};
+    font-size: 18px;
+    font-style: normal;
+    font-weight: 700;
+    line-height: 28px;
   `,
     // Body 2
-    body2Regular: css `
-    font-family: ${FONT.pretendard};
-    font-size: 16px;
-    font-style: normal;
-    font-weight: 400;
-    line-height: 24px;
-  `,
-    body2Medium: css `
-    font-family: ${FONT.pretendard};
-    font-size: 16px;
-    font-style: normal;
-    font-weight: 500;
-    line-height: 24px;
-  `,
-    body2SemiBold: css `
-    font-family: ${FONT.pretendard};
-    font-size: 16px;
-    font-style: normal;
-    font-weight: 600;
-    line-height: 24px;
-  `,
-    body2Bold: css `
-    font-family: ${FONT.pretendard};
-    font-size: 16px;
-    font-style: normal;
-    font-weight: 700;
-    line-height: 24px;
+    body2Regular: css `
+    font-family: ${FONT.pretendard};
+    font-size: 16px;
+    font-style: normal;
+    font-weight: 400;
+    line-height: 24px;
+  `,
+    body2Medium: css `
+    font-family: ${FONT.pretendard};
+    font-size: 16px;
+    font-style: normal;
+    font-weight: 500;
+    line-height: 24px;
+  `,
+    body2SemiBold: css `
+    font-family: ${FONT.pretendard};
+    font-size: 16px;
+    font-style: normal;
+    font-weight: 600;
+    line-height: 24px;
+  `,
+    body2Bold: css `
+    font-family: ${FONT.pretendard};
+    font-size: 16px;
+    font-style: normal;
+    font-weight: 700;
+    line-height: 24px;
   `,
     // Body 3
-    body3Regular: css `
-    font-family: ${FONT.pretendard};
-    font-size: 14px;
-    font-style: normal;
-    font-weight: 400;
-    line-height: 20px;
-  `,
-    body3Medium: css `
-    font-family: ${FONT.pretendard};
-    font-size: 14px;
-    font-style: normal;
-    font-weight: 500;
-    line-height: 20px;
-  `,
-    body3SemiBold: css `
-    font-family: ${FONT.pretendard};
-    font-size: 14px;
-    font-style: normal;
-    font-weight: 600;
-    line-height: 20px;
-  `,
-    body3Bold: css `
-    font-family: ${FONT.pretendard};
-    font-size: 14px;
-    font-style: normal;
-    font-weight: 700;
-    line-height: 20px;
+    body3Regular: css `
+    font-family: ${FONT.pretendard};
+    font-size: 14px;
+    font-style: normal;
+    font-weight: 400;
+    line-height: 20px;
+  `,
+    body3Medium: css `
+    font-family: ${FONT.pretendard};
+    font-size: 14px;
+    font-style: normal;
+    font-weight: 500;
+    line-height: 20px;
+  `,
+    body3SemiBold: css `
+    font-family: ${FONT.pretendard};
+    font-size: 14px;
+    font-style: normal;
+    font-weight: 600;
+    line-height: 20px;
+  `,
+    body3Bold: css `
+    font-family: ${FONT.pretendard};
+    font-size: 14px;
+    font-style: normal;
+    font-weight: 700;
+    line-height: 20px;
   `,
     // Caption
-    captionRegular: css `
-    font-family: ${FONT.pretendard};
-    font-size: 12px;
-    font-style: normal;
-    font-weight: 400;
-    line-height: 16px;
-  `,
-    captionMedium: css `
-    font-family: ${FONT.pretendard};
-    font-size: 12px;
-    font-style: normal;
-    font-weight: 500;
-    line-height: 16px;
-  `,
-    captionSemiBold: css `
-    font-family: ${FONT.pretendard};
-    font-size: 12px;
-    font-style: normal;
-    font-weight: 600;
-    line-height: 16px;
-  `,
-    captionBold: css `
-    font-family: ${FONT.pretendard};
-    font-size: 12px;
-    font-style: normal;
-    font-weight: 700;
-    line-height: 16px;
+    captionRegular: css `
+    font-family: ${FONT.pretendard};
+    font-size: 12px;
+    font-style: normal;
+    font-weight: 400;
+    line-height: 16px;
+  `,
+    captionMedium: css `
+    font-family: ${FONT.pretendard};
+    font-size: 12px;
+    font-style: normal;
+    font-weight: 500;
+    line-height: 16px;
+  `,
+    captionSemiBold: css `
+    font-family: ${FONT.pretendard};
+    font-size: 12px;
+    font-style: normal;
+    font-weight: 600;
+    line-height: 16px;
+  `,
+    captionBold: css `
+    font-family: ${FONT.pretendard};
+    font-size: 12px;
+    font-style: normal;
+    font-weight: 700;
+    line-height: 16px;
   `,
 };

package/dist/icons/custom/colored/ai-helper.svg

@@ -1,4 +1,4 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<circle cx="12" cy="12" r="10" fill="#031B20"/>
-<path d="M18.127 10.7312C18.3052 10.25 18.3498 9.76875 18.3052 9.2875C18.2607 8.80625 18.0824 8.325 17.8596 7.8875C17.4586 7.23125 16.8793 6.70625 16.2109 6.4C15.4979 6.09375 14.7404 6.00625 13.9829 6.18125C13.6264 5.83125 13.2254 5.525 12.7798 5.30625C12.3342 5.0875 11.7995 5 11.3093 5C10.5518 5 9.79428 5.21875 9.17045 5.65625C8.54661 6.09375 8.10101 6.70625 7.87821 7.40625C7.34349 7.5375 6.8979 7.75625 6.4523 8.01875C6.05126 8.325 5.73934 8.71875 5.47198 9.1125C5.07095 9.76875 4.93727 10.5125 5.02639 11.2562C5.11551 12 5.42742 12.7 5.91758 13.2688C5.73934 13.75 5.69478 14.2312 5.73934 14.7125C5.7839 15.1937 5.96214 15.675 6.18494 16.1125C6.58598 16.7688 7.16525 17.2937 7.83365 17.6C8.54661 17.9062 9.30413 17.9937 10.0616 17.8187C10.4181 18.1687 10.8192 18.475 11.2648 18.6937C11.7104 18.9125 12.2451 19 12.7352 19C13.4928 19 14.2503 18.7812 14.8741 18.3438C15.4979 17.9062 15.9435 17.2937 16.1663 16.5938C16.6565 16.5062 17.1467 16.2875 17.5477 15.9812C17.9487 15.675 18.3052 15.325 18.528 14.8875C18.929 14.2312 19.0627 13.4875 18.9736 12.7438C18.8845 12 18.6171 11.3 18.127 10.7312ZM12.7798 18.0813C12.0668 18.0813 11.5321 17.8625 11.042 17.4688C11.042 17.4688 11.0865 17.425 11.1311 17.425L13.9829 15.8062C14.072 15.7625 14.1166 15.7188 14.1611 15.6312C14.2057 15.5437 14.2057 15.5 14.2057 15.4125V11.475L15.4088 12.175V15.4125C15.4534 16.9437 14.2057 18.0813 12.7798 18.0813ZM7.03157 15.675C6.71966 15.15 6.58598 14.5375 6.71966 13.925C6.71966 13.925 6.76422 13.9688 6.80878 13.9688L9.6606 15.5875C9.74972 15.6312 9.79428 15.6312 9.8834 15.6312C9.97252 15.6312 10.0616 15.6312 10.1062 15.5875L13.5819 13.6187V14.975L10.6855 16.6375C10.0616 16.9875 9.34869 17.075 8.68029 16.9C7.96733 16.725 7.38805 16.2875 7.03157 15.675ZM6.27406 9.59375C6.58598 9.06875 7.07613 8.675 7.65541 8.45625V8.54375V11.7812C7.65541 11.8688 7.65541 11.9562 7.69997 12C7.74453 12.0875 7.78909 12.1312 7.87821 12.175L11.3539 14.1438L10.1508 14.8438L7.29893 13.225C6.6751 12.875 6.2295 12.3063 6.05126 11.65C5.87302 10.9938 5.91758 10.2062 6.27406 9.59375ZM16.1218 11.825L12.6461 9.85625L13.8492 9.15625L16.7011 10.775C17.1467 11.0375 17.5031 11.3875 17.7259 11.825C17.9487 12.2625 18.0824 12.7438 18.0379 13.2688C17.9933 13.75 17.8151 14.2312 17.5031 14.625C17.1912 15.0188 16.7902 15.325 16.3 15.5V12.175C16.3 12.0875 16.3 12 16.2555 11.9562C16.2555 11.9562 16.2109 11.8688 16.1218 11.825ZM17.3249 10.075C17.3249 10.075 17.2803 10.0312 17.2358 10.0312L14.3839 8.4125C14.2948 8.36875 14.2503 8.36875 14.1611 8.36875C14.072 8.36875 13.9829 8.36875 13.9383 8.4125L10.4627 10.3812V9.025L13.3591 7.3625C13.8047 7.1 14.2948 7.0125 14.8295 7.0125C15.3197 7.0125 15.8099 7.1875 16.2555 7.49375C16.6565 7.8 17.013 8.19375 17.1912 8.63125C17.3695 9.06875 17.414 9.59375 17.3249 10.075ZM9.83884 12.525L8.63573 11.825V8.54375C8.63573 8.0625 8.76941 7.5375 9.03677 7.14375C9.30413 6.70625 9.70516 6.4 10.1508 6.18125C10.5964 5.9625 11.1311 5.875 11.6212 5.9625C12.1114 6.00625 12.6016 6.225 13.0026 6.53125C13.0026 6.53125 12.958 6.575 12.9135 6.575L10.0616 8.19375C9.97252 8.2375 9.92796 8.28125 9.8834 8.36875C9.83884 8.45625 9.83884 8.5 9.83884 8.5875V12.525ZM10.4627 11.125L12.0223 10.25L13.5819 11.125V12.875L12.0223 13.75L10.4627 12.875V11.125Z" fill="#CFF4F6"/>
-</svg>
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<circle cx="12" cy="12" r="10" fill="#031B20"/>
+<path d="M18.127 10.7312C18.3052 10.25 18.3498 9.76875 18.3052 9.2875C18.2607 8.80625 18.0824 8.325 17.8596 7.8875C17.4586 7.23125 16.8793 6.70625 16.2109 6.4C15.4979 6.09375 14.7404 6.00625 13.9829 6.18125C13.6264 5.83125 13.2254 5.525 12.7798 5.30625C12.3342 5.0875 11.7995 5 11.3093 5C10.5518 5 9.79428 5.21875 9.17045 5.65625C8.54661 6.09375 8.10101 6.70625 7.87821 7.40625C7.34349 7.5375 6.8979 7.75625 6.4523 8.01875C6.05126 8.325 5.73934 8.71875 5.47198 9.1125C5.07095 9.76875 4.93727 10.5125 5.02639 11.2562C5.11551 12 5.42742 12.7 5.91758 13.2688C5.73934 13.75 5.69478 14.2312 5.73934 14.7125C5.7839 15.1937 5.96214 15.675 6.18494 16.1125C6.58598 16.7688 7.16525 17.2937 7.83365 17.6C8.54661 17.9062 9.30413 17.9937 10.0616 17.8187C10.4181 18.1687 10.8192 18.475 11.2648 18.6937C11.7104 18.9125 12.2451 19 12.7352 19C13.4928 19 14.2503 18.7812 14.8741 18.3438C15.4979 17.9062 15.9435 17.2937 16.1663 16.5938C16.6565 16.5062 17.1467 16.2875 17.5477 15.9812C17.9487 15.675 18.3052 15.325 18.528 14.8875C18.929 14.2312 19.0627 13.4875 18.9736 12.7438C18.8845 12 18.6171 11.3 18.127 10.7312ZM12.7798 18.0813C12.0668 18.0813 11.5321 17.8625 11.042 17.4688C11.042 17.4688 11.0865 17.425 11.1311 17.425L13.9829 15.8062C14.072 15.7625 14.1166 15.7188 14.1611 15.6312C14.2057 15.5437 14.2057 15.5 14.2057 15.4125V11.475L15.4088 12.175V15.4125C15.4534 16.9437 14.2057 18.0813 12.7798 18.0813ZM7.03157 15.675C6.71966 15.15 6.58598 14.5375 6.71966 13.925C6.71966 13.925 6.76422 13.9688 6.80878 13.9688L9.6606 15.5875C9.74972 15.6312 9.79428 15.6312 9.8834 15.6312C9.97252 15.6312 10.0616 15.6312 10.1062 15.5875L13.5819 13.6187V14.975L10.6855 16.6375C10.0616 16.9875 9.34869 17.075 8.68029 16.9C7.96733 16.725 7.38805 16.2875 7.03157 15.675ZM6.27406 9.59375C6.58598 9.06875 7.07613 8.675 7.65541 8.45625V8.54375V11.7812C7.65541 11.8688 7.65541 11.9562 7.69997 12C7.74453 12.0875 7.78909 12.1312 7.87821 12.175L11.3539 14.1438L10.1508 14.8438L7.29893 13.225C6.6751 12.875 6.2295 12.3063 6.05126 11.65C5.87302 10.9938 5.91758 10.2062 6.27406 9.59375ZM16.1218 11.825L12.6461 9.85625L13.8492 9.15625L16.7011 10.775C17.1467 11.0375 17.5031 11.3875 17.7259 11.825C17.9487 12.2625 18.0824 12.7438 18.0379 13.2688C17.9933 13.75 17.8151 14.2312 17.5031 14.625C17.1912 15.0188 16.7902 15.325 16.3 15.5V12.175C16.3 12.0875 16.3 12 16.2555 11.9562C16.2555 11.9562 16.2109 11.8688 16.1218 11.825ZM17.3249 10.075C17.3249 10.075 17.2803 10.0312 17.2358 10.0312L14.3839 8.4125C14.2948 8.36875 14.2503 8.36875 14.1611 8.36875C14.072 8.36875 13.9829 8.36875 13.9383 8.4125L10.4627 10.3812V9.025L13.3591 7.3625C13.8047 7.1 14.2948 7.0125 14.8295 7.0125C15.3197 7.0125 15.8099 7.1875 16.2555 7.49375C16.6565 7.8 17.013 8.19375 17.1912 8.63125C17.3695 9.06875 17.414 9.59375 17.3249 10.075ZM9.83884 12.525L8.63573 11.825V8.54375C8.63573 8.0625 8.76941 7.5375 9.03677 7.14375C9.30413 6.70625 9.70516 6.4 10.1508 6.18125C10.5964 5.9625 11.1311 5.875 11.6212 5.9625C12.1114 6.00625 12.6016 6.225 13.0026 6.53125C13.0026 6.53125 12.958 6.575 12.9135 6.575L10.0616 8.19375C9.97252 8.2375 9.92796 8.28125 9.8834 8.36875C9.83884 8.45625 9.83884 8.5 9.83884 8.5875V12.525ZM10.4627 11.125L12.0223 10.25L13.5819 11.125V12.875L12.0223 13.75L10.4627 12.875V11.125Z" fill="#CFF4F6"/>
+</svg>